layout: extract slots

build/api/react-slots.api.md

@@ -0,0 +1,103 @@
+## API Report File for "@contember/react-slots"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import { ComponentClassNameProps } from '@contember/utilities';
+import { ComponentType } from 'react';
+import { ElementType } from 'react';
+import { FunctionComponentElement } from 'react';
+import { NamedExoticComponent } from 'react';
+import { ReactNode } from 'react';
+
+// @public (undocumented)
+export function createSlotComponents<K extends string>(slots: readonly K[]): SlotComponents<K>;
+
+// @public (undocumented)
+export function createSlotSourceComponent<T extends string>(slot: T): SlotSourceComponent<T>;
+
+// @public (undocumented)
+export function createSlotTargetComponent<T extends string>(name: T): SlotTargetComponent<T>;
+
+// @public (undocumented)
+export type OwnTargetContainerProps = {
+    className: string;
+};
+
+// @public (undocumented)
+export type SlotComponents<K extends string> = readonly [
+readonly K[],
+SlotSourceComponentsRecord<K>,
+SlotTargetComponentsRecord<K>
+];
+
+// @public (undocumented)
+export const SlotSource: NamedExoticComponent<SlotSourceProps>;
+
+// @public (undocumented)
+export type SlotSourceComponent<T extends string> = ComponentType<SlotSourceComponentProps> & {
+    slot: T;
+};
+
+// @public (undocumented)
+export type SlotSourceComponentProps = Omit<SlotSourceProps, 'name'>;
+
+// @public (undocumented)
+export type SlotSourceComponentsRecord<K extends string> = Readonly<{
+    readonly [P in K]: SlotSourceComponent<P>;
+}>;
+
+// @public (undocumented)
+export type SlotSourceProps = {
+    children: ReactNode;
+    name: string;
+};
+
+// @public (undocumented)
+export const SlotsProvider: NamedExoticComponent<    {
+children: ReactNode;
+}>;
+
+// @public (undocumented)
+export const SlotTarget: NamedExoticComponent<SlotTargetProps>;
+
+// @public (undocumented)
+export type SlotTargetComponent<T extends string> = ComponentType<SlotTargetComponentProps> & {
+    slot: T;
+};
+
+// @public (undocumented)
+export type SlotTargetComponentProps = Omit<SlotTargetProps, 'name'>;
+
+// @public (undocumented)
+export type SlotTargetComponentsRecord<K extends string> = Readonly<{
+    readonly [P in K]: SlotTargetComponent<P>;
+}>;
+
+// @public (undocumented)
+export type SlotTargetProps = ComponentClassNameProps & {
+    as?: ElementType;
+    fallback?: ReactNode;
+    name: string;
+    aliases?: [string, ...string[]];
+    display?: boolean | 'contents' | 'block' | 'flex' | 'grid' | 'inline' | 'inline-flex' | 'inline-grid' | 'inline-block' | 'inherit' | 'initial' | 'none' | 'unset';
+};
+
+// @public
+export function useHasActiveSlotsFactory<T extends SlotTargetComponentsRecord<string>>(): (...slots: ReadonlyArray<keyof T & string>) => boolean;
+
+// @public
+export const useSlotTargetElement: (name: string) => HTMLElement | null | undefined;
+
+// @public
+export function useSlotTargetsFactory<R extends SlotTargetComponentsRecord<string>>(SlotTargets: R): <T>(slots: ReadonlyArray<keyof R & string>, override?: T | undefined) => NonNullable<T> | FunctionComponentElement<    {
+children?: ReactNode;
+}> | null;
+
+// @public
+export const useTargetElementRegistrar: (name: string, aliases?: string[]) => (element: HTMLElement | null) => void;
+
+// (No @packageDocumentation comment for this package)
+
+```

build/api/utilities.api.md

@@ -154,9 +154,6 @@ export function range(start: number, end: number, step?: number): number[];
 // @public (undocumented)
 export type SemverString = `${number}.${number}.${number}`;
 
-// @public (undocumented)
-export function setHasOneOf<T>(set: Set<T>, values: T[]): boolean;
-
 // @public (undocumented)
 export const shouldCancelStart: (event: {
     target?: unknown;

ee/admin-server/Dockerfile

@@ -36,6 +36,7 @@ COPY ./packages/react-form-fields-ui/package.json ././packages/react-form-fields
 COPY ./packages/react-i18n/package.json ././packages/react-i18n/package.json
 COPY ./packages/react-leaflet-fields-ui/package.json ././packages/react-leaflet-fields-ui/package.json
 COPY ./packages/react-multipass-rendering/package.json ././packages/react-multipass-rendering/package.json
+COPY ./packages/react-slots/package.json ././packages/react-slots/package.json
 COPY ./packages/react-utils/package.json ././packages/react-utils/package.json
 COPY ./packages/ui/package.json ././packages/ui/package.json
 COPY ./packages/utilities/package.json ././packages/utilities/package.json

packages/layout/package.json

@@ -47,6 +47,7 @@
 	},
 	"dependencies": {
 		"@contember/react-i18n": "workspace:*",
+		"@contember/react-slots": "workspace:*",
 		"@contember/react-utils": "workspace:*",
 		"@contember/ui": "workspace:*",
 		"@contember/utilities": "workspace:*",

packages/layout/src/index.css

@@ -1,3 +1,2 @@
 @import "primitives/index.css";
-@import "slots/index.css";
 @import "kit/index.css";

packages/layout/src/kit/Slots/index.ts

@@ -1,4 +1,4 @@
-import { createSlotComponents } from '../../slots'
+import { createSlotComponents } from '@contember/react-slots'
 
 export const [commonSlots, CommonSlotSources, CommonSlotTargets] = createSlotComponents([
 	'Actions',