@dxos/ui-theme 0.8.4-main.bc674ce → 0.8.4-main.ef1bc66f44

package/dist/types/src/config/tokens/tokens.d.ts

@@ -0,0 +1,498 @@
+export declare const hues: string[];
+export declare const tokenSet: {
+    colors: {
+        physical: import("@ch-ui/tokens").ColorsPhysicalLayer;
+        semantic: {
+            conditions: {
+                light: string[];
+                dark: string[];
+            };
+            sememes: {
+                baseSurface: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                groupSurface: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                modalSurface: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                textInputSurfaceBase: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                textInputSurfaceGroup: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                textInputSurfaceModal: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                inputSurfaceBase: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                inputSurfaceGroup: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                inputSurfaceModal: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                hoverSurfaceBase: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                hoverSurfaceGroup: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                hoverSurfaceModal: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                separatorBase: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                separatorGroup: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                separatorModal: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                subduedSeparator: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                scrollbarTrack: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                scrollbarThumbSubdued: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                scrollbarThumb: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                scrollbarThumbHover: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                scrollbarThumbActive: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                unAccent: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                unAccentHover: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                hoverOverlay: {
+                    light: [string, string];
+                    dark: [string, string];
+                };
+                scrimSurface: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                focusSurface: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                deckSurface: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                inverseSurface: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                accentSurfaceRelated: {
+                    light: [string, string];
+                    dark: [string, string];
+                };
+                accentSurfaceHover: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                accentSurface: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                baseText: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                inverseSurfaceText: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                description: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                subdued: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                placeholder: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                accentText: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                accentSurfaceText: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                accentTextHover: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                accentFocusIndicator: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                neutralFocusIndicator: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                axisSurface: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                axisText: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                axisSelectedSurface: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                axisSelectedText: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                gridCell: {
+                    light: [string, string];
+                    dark: [string, number];
+                };
+                gridCellSelected: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                gridOverlay: {
+                    light: [string, string];
+                    dark: [string, string];
+                };
+                gridSelectionOverlay: {
+                    light: [string, string];
+                    dark: [string, string];
+                };
+                gridHighlight: {
+                    light: [string, string];
+                    dark: [string, string];
+                };
+                gridCommented: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                gridCommentedActive: {
+                    light: [string, string];
+                    dark: [string, string];
+                };
+                cmCodeblock: {
+                    light: [string, string];
+                    dark: [string, string];
+                };
+                cmActiveLine: {
+                    light: [string, string];
+                    dark: [string, string];
+                };
+                cmSeparator: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                cmCursor: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                cmSelection: {
+                    light: [string, string];
+                    dark: [string, string];
+                };
+                cmFocusedSelection: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                cmHighlight: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                cmHighlightSurface: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                cmCommentText: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                cmCommentSurface: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+            };
+            namespace: string;
+        };
+        alias: {
+            conditions: {
+                root: string[];
+                group: string[];
+                modal: string[];
+                gridFocusStack: string[];
+            };
+            aliases: {
+                activeSurface: {
+                    root: string[];
+                };
+                accentFocusIndicator: {
+                    root: string[];
+                };
+                neutralFocusIndicator: {
+                    gridFocusStack: string[];
+                };
+            };
+            namespace: string;
+        };
+    };
+    lengths: {
+        physical: {
+            namespace: string;
+            conditions: {
+                root: string[];
+            };
+            series: {
+                line: {
+                    root: {
+                        unit: string;
+                        initial: number;
+                        slope: number;
+                    };
+                };
+                lacuna: {
+                    root: {
+                        unit: string;
+                        initial: number;
+                        slope: number;
+                    };
+                };
+            };
+        };
+        semantic: {
+            namespace: string;
+            conditions: {
+                root: string[];
+            };
+            sememes: {
+                noLine: {
+                    root: [string, number];
+                };
+                hairLine: {
+                    root: [string, number];
+                };
+                thickLine: {
+                    root: [string, number];
+                };
+                trimXs: {
+                    root: [string, number];
+                };
+                trimSm: {
+                    root: [string, number];
+                };
+                trimMd: {
+                    root: [string, number];
+                };
+                trimLg: {
+                    root: [string, number];
+                };
+                inputFine: {
+                    root: [string, number];
+                };
+                inputCoarse: {
+                    root: [string, number];
+                };
+            };
+        };
+        alias: {
+            namespace: string;
+            conditions: {
+                fine: string[];
+                coarse: string[];
+                flush: string[];
+                gridFocusStack: string[];
+            };
+            aliases: {
+                noLine: {
+                    fine: string[];
+                };
+                hairLine: {
+                    fine: string[];
+                };
+                thickLine: {
+                    fine: string[];
+                    gridFocusStack: string[];
+                };
+                inputFine: {
+                    fine: string[];
+                };
+                inputCoarse: {
+                    coarse: string[];
+                };
+                trimXs: {
+                    fine: string[];
+                };
+                trimSm: {
+                    fine: string[];
+                };
+                trimMd: {
+                    coarse: string[];
+                };
+            };
+        };
+    };
+    maxSizes: {
+        physical: {
+            namespace: string;
+            conditions: {
+                root: string[];
+            };
+            series: {
+                size: {
+                    root: {
+                        unit: string;
+                        initial: number;
+                        slope: number;
+                    };
+                };
+            };
+        };
+        semantic: {
+            namespace: string;
+            conditions: {
+                root: string[];
+            };
+            sememes: {
+                'prose-max-width': {
+                    root: [string, number];
+                };
+                'container-max-width': {
+                    root: [string, number];
+                };
+                'card-default-width': {
+                    root: [string, number];
+                };
+                'card-min-width': {
+                    root: [string, number];
+                };
+                'card-max-width': {
+                    root: [string, number];
+                };
+                'card-min-height': {
+                    root: [string, number];
+                };
+                'card-max-height': {
+                    root: [string, number];
+                };
+            };
+        };
+    };
+};
+export declare const userDefaultTokenSet: {
+    colors: {
+        physical: {
+            definitions: {
+                series: {
+                    neutral: import("@ch-ui/tokens").HelicalArcSeries;
+                    primary: import("@ch-ui/tokens").HelicalArcSeries;
+                };
+                accompanyingSeries: Record<string, any> | undefined;
+            };
+            conditions: Partial<Record<import("@ch-ui/colors").Gamut, import("@ch-ui/tokens").Statements>>;
+            series: {
+                neutral: Partial<Partial<Record<import("@ch-ui/colors").Gamut, import("@ch-ui/tokens").HelicalArcSeries>>>;
+                primary: Partial<Partial<Record<import("@ch-ui/colors").Gamut, import("@ch-ui/tokens").HelicalArcSeries>>>;
+            };
+            namespace: string | undefined;
+        };
+        semantic: {
+            conditions: {
+                light: string[];
+                dark: string[];
+            };
+            sememes: {
+                baseSurface: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                groupSurface: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                modalSurface: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                textInputSurfaceBase: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                textInputSurfaceGroup: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                textInputSurfaceModal: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                inputSurfaceBase: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                inputSurfaceGroup: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                inputSurfaceModal: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                hoverSurfaceBase: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                hoverSurfaceGroup: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                hoverSurfaceModal: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                separatorBase: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                separatorGroup: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                separatorModal: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                subduedSeparator: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                scrollbarTrack: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                scrollbarThumbSubdued: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                scrollbarThumb: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                scrollbarThumbHover: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                scrollbarThumbActive: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                unAccent: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                unAccentHover: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                hoverOverlay: {
+                    light: [string, string];
+                    dark: [string, string];
+                };
+                scrimSurface: Partial<Record<string, [string, import("@ch-ui/colors").AlphaLuminosity]>>;
+                focusSurface: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                deckSurface: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                inverseSurface: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                accentSurfaceRelated: {
+                    light: [string, string];
+                    dark: [string, string];
+                };
+                accentSurfaceHover: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                accentSurface: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                baseText: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                inverseSurfaceText: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                description: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                subdued: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                placeholder: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                accentText: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                accentSurfaceText: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                accentTextHover: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                accentFocusIndicator: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+                neutralFocusIndicator: {
+                    light: [string, number];
+                    dark: [string, number];
+                };
+            };
+            namespace: string;
+        };
+        alias: {
+            conditions: {
+                root: string[];
+                group: string[];
+                modal: string[];
+                gridFocusStack: string[];
+            };
+            aliases: Record<string, Record<string, string[]>>;
+            namespace: string;
+        };
+    };
+};
+export declare const tokensTailwindConfig: Partial<import("tailwindcss/types/config").CustomThemeConfig & {
+    extend: Partial<import("tailwindcss/types/config").CustomThemeConfig>;
+}>;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/types/src/config/tokens/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../src/config/tokens/tokens.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,IAAI,UAA2B,CAAC;AAE7C,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQD,CAAC;AAmCrB,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BZ,CAAC;AAErB,eAAO,MAAM,oBAAoB;;EAAmC,CAAC"}

package/dist/types/src/index.d.ts

@@ -1,9 +1,10 @@
-import { type TailwindConfig } from './config';
 export { cardDefaultInlineSize, cardMinInlineSize, cardMaxInlineSize, hues, userDefaultTokenSet } from './config';
 export * from './styles';
 export * from './types';
 export * from './util';
-declare const tokens: TailwindConfig['theme'];
+declare const tokens: Partial<import("tailwindcss/types/config").CustomThemeConfig & {
+    extend: Partial<import("tailwindcss/types/config").CustomThemeConfig>;
+}> | undefined;
 export { tokens };
 /**
  * Translation namespace for OS-level translations.

package/dist/types/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAkB,MAAM,UAAU,CAAC;AAE/D,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,IAAI,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAClH,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AAEvB,QAAA,MAAM,MAAM,EAAE,cAAc,CAAC,OAAO,CAA4B,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB;;GAEG;AACH,eAAO,MAAM,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,IAAI,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAClH,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AAEvB,QAAA,MAAe,MAAM;;cAAuB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB;;GAEG;AACH,eAAO,MAAM,cAAc,qBAAqB,CAAC"}

package/dist/types/src/styles/components/dialog.d.ts

@@ -9,6 +9,8 @@ export type DialogStyleProps = {
 export declare const dialogOverlay: ComponentFunction<DialogStyleProps>;
 export declare const dialogContent: ComponentFunction<DialogStyleProps>;
 export declare const dialogHeader: ComponentFunction<DialogStyleProps>;
+export declare const dialogBody: ComponentFunction<DialogStyleProps>;
+export declare const dialogActionBar: ComponentFunction<DialogStyleProps>;
 export declare const dialogTitle: ComponentFunction<DialogStyleProps>;
 export declare const dialogDescription: ComponentFunction<DialogStyleProps>;
 export declare const dialogTheme: Theme<DialogStyleProps>;

package/dist/types/src/styles/components/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../src/styles/components/dialog.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKpF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AASnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,gBAAgB,CAAwD,CAAC;AAEvH,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,gBAAgB,CAO7D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,gBAAgB,CACM,CAAC;AAEpE,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CACP,CAAC;AAEtD,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,gBAAgB,CACU,CAAC;AAE7E,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAM/C,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../src/styles/components/dialog.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKpF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AASnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,gBAAgB,CAAwD,CAAC;AAEvH,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,gBAAgB,CAO7D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,gBAAgB,CACM,CAAC;AAEpE,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,gBAAgB,CACgB,CAAC;AAE5E,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,gBAAgB,CACK,CAAC;AAEtE,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CACP,CAAC;AAEtD,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,gBAAgB,CACU,CAAC;AAE7E,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAQ/C,CAAC"}

package/dist/types/src/styles/components/index.d.ts

@@ -15,6 +15,7 @@ export * from './popover';
 export * from './scroll-area';
 export * from './select';
 export * from './separator';
+export * from './skeleton';
 export * from './status';
 export * from './tag';
 export * from './toast';

package/dist/types/src/styles/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/styles/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/styles/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC"}

package/dist/types/src/styles/components/main.d.ts

@@ -10,7 +10,6 @@ export type MainStyleProps = Partial<{
 }>;
 export declare const mainContent: ComponentFunction<MainStyleProps>;
 export declare const mainSidebar: ComponentFunction<MainStyleProps>;
-export declare const mainDrawer: ComponentFunction<MainStyleProps>;
 export declare const mainOverlay: ComponentFunction<MainStyleProps>;
 export declare const mainTheme: {
     content: ComponentFunction<Partial<{
@@ -21,10 +20,6 @@ export declare const mainTheme: {
         bounce: boolean;
         handlesFocus: boolean;
     }>>;
-    drawer: ComponentFunction<Partial<{
-        bounce: boolean;
-        handlesFocus: boolean;
-    }>>;
     overlay: ComponentFunction<Partial<{
         bounce: boolean;
         handlesFocus: boolean;

package/dist/types/src/styles/components/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../../../src/styles/components/main.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKxD,eAAO,MAAM,uBAAuB,sDAAsD,CAAC;AAC3F,eAAO,MAAM,wBAAwB,+DAA+D,CAAC;AAErG,eAAO,MAAM,WAAW,4BAA4B,CAAC;AACrD,eAAO,MAAM,sBAAsB,wCAAwC,CAAC;AAC5E,eAAO,MAAM,iBAAiB,2BAA2B,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CACgD,CAAC;AAE3G,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CACK,CAAC;AAEhE,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,cAAc,CACK,CAAC;AAE/D,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CAAgD,CAAC;AAE3G,eAAO,MAAM,SAAS;;gBAfZ,OAAO;sBACD,OAAO;;;gBADb,OAAO;sBACD,OAAO;;;gBADb,OAAO;sBACD,OAAO;;;gBADb,OAAO;sBACD,OAAO;;CAmBtB,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../../../src/styles/components/main.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKxD,eAAO,MAAM,uBAAuB,sDAAsD,CAAC;AAC3F,eAAO,MAAM,wBAAwB,+DAA+D,CAAC;AAErG,eAAO,MAAM,WAAW,4BAA4B,CAAC;AACrD,eAAO,MAAM,sBAAsB,wCAAwC,CAAC;AAC5E,eAAO,MAAM,iBAAiB,2BAA2B,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CACgD,CAAC;AAE3G,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CACK,CAAC;AAEhE,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CAAgD,CAAC;AAE3G,eAAO,MAAM,SAAS;;gBAZZ,OAAO;sBACD,OAAO;;;gBADb,OAAO;sBACD,OAAO;;;gBADb,OAAO;sBACD,OAAO;;CAetB,CAAC"}

package/dist/types/src/styles/components/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../../src/styles/components/menu.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAapF,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACnC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,cAAc,CACwC,CAAC;AAEpG,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CAQvD,CAAC;AAEJ,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,cAAc,CAOpD,CAAC;AAEJ,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,cAAc,CACd,CAAC;AAE/C,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,cAAc,CACL,CAAC;AAEzD,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAAoD,CAAC;AAE7G,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAO3C,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../../src/styles/components/menu.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKpF,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACnC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,cAAc,CACwC,CAAC;AAEpG,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CAQvD,CAAC;AAEJ,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,cAAc,CAOpD,CAAC;AAEJ,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,cAAc,CACd,CAAC;AAE/C,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,cAAc,CACL,CAAC;AAEzD,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAAoD,CAAC;AAE7G,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAO3C,CAAC"}

package/dist/types/src/styles/components/scroll-area.d.ts

@@ -1,9 +1,16 @@
-import { type ComponentFunction, type Theme } from '@dxos/ui-types';
-export type ScrollAreaStyleProps = {};
+import { type AllowedAxis, type ComponentFunction, type Theme } from '@dxos/ui-types';
+export type ScrollAreaStyleProps = {
+    orientation?: AllowedAxis;
+    autoHide?: boolean;
+    margin?: boolean;
+    padding?: boolean;
+    thin?: boolean;
+    snap?: boolean;
+};
 export declare const scrollAreaRoot: ComponentFunction<ScrollAreaStyleProps>;
+/**
+ * NOTE: The browser reserves space for scrollbars.
+ */
 export declare const scrollAreaViewport: ComponentFunction<ScrollAreaStyleProps>;
-export declare const scrollAreaScrollbar: ComponentFunction<ScrollAreaStyleProps>;
-export declare const scrollAreaThumb: ComponentFunction<ScrollAreaStyleProps>;
-export declare const scrollAreaCorner: ComponentFunction<ScrollAreaStyleProps>;
 export declare const scrollAreaTheme: Theme<ScrollAreaStyleProps>;
 //# sourceMappingURL=scroll-area.d.ts.map

package/dist/types/src/styles/components/scroll-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../../src/styles/components/scroll-area.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpE,MAAM,MAAM,oBAAoB,GAAG,EAAE,CAAC;AAEtC,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,CAChB,CAAC;AAEpD,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,oBAAoB,CAEJ,CAAC;AAEpE,eAAO,MAAM,mBAAmB,EAAE,iBAAiB,CAAC,oBAAoB,CAQrE,CAAC;AAEJ,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CAKjE,CAAC;AAEJ,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,oBAAoB,CAAkC,CAAC;AAExG,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAMvD,CAAC"}
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../../src/styles/components/scroll-area.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAItF,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,CAgBhE,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,oBAAoB,CA8CpE,CAAC;AAEJ,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAGvD,CAAC"}

package/dist/types/src/styles/components/skeleton.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentFunction, Theme } from '@dxos/ui-types';
+export type SkeletonStyleProps = {
+    variant?: 'default' | 'circle' | 'text';
+};
+export declare const skeletonRoot: ComponentFunction<SkeletonStyleProps>;
+export declare const skeletonTheme: Theme<SkeletonStyleProps>;
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/types/src/styles/components/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/styles/components/skeleton.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAI/D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,kBAAkB,CAM5D,CAAC;AAEJ,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,kBAAkB,CAEnD,CAAC"}

package/dist/types/src/styles/components/toolbar.d.ts

@@ -1,10 +1,10 @@
-import { type ComponentFunction, type Theme } from '@dxos/ui-types';
+import { type ComponentFunction, type Density, type Theme } from '@dxos/ui-types';
 export type ToolbarStyleProps = Partial<{
-    layoutManaged: boolean;
+    density: Density;
     disabled: boolean;
+    layoutManaged: boolean;
 }>;
-export declare const toolbarLayout = "is-full shrink-0 flex flex-nowrap items-center gap-1 p-1 overflow-x-auto scrollbar-none contain-layout";
-export declare const toolbarInactive = "*:opacity-20";
+export declare const toolbarLayout = "is-full shrink-0 flex flex-nowrap p-1 gap-1 items-center overflow-x-auto scrollbar-none contain-layout";
 export declare const toolbarRoot: ComponentFunction<ToolbarStyleProps>;
 export declare const toolbarInner: ComponentFunction<ToolbarStyleProps>;
 export declare const toolbarTheme: Theme<ToolbarStyleProps>;

package/dist/types/src/styles/components/toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/styles/components/toolbar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKpE,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IAAE,aAAa,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAEvF,eAAO,MAAM,aAAa,2GACgF,CAAC;AAG3G,eAAO,MAAM,eAAe,iBAAiB,CAAC;AAE9C,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,iBAAiB,CAE5D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAE7D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAGjD,CAAC"}
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/styles/components/toolbar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKlF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa,2GACgF,CAAC;AAE3G,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,iBAAiB,CAQ5D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAE7D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAGjD,CAAC"}

package/dist/types/src/styles/index.d.ts

@@ -1,4 +1,5 @@
-export * from './fragments';
 export * from './components';
+export * from './fragments';
+export * from './primitives';
 export * from './theme';
 //# sourceMappingURL=index.d.ts.map