@dxos/ui-theme 0.8.4-main.fbb7a13 → 0.8.4-staging.ac66bdf99f

package/dist/types/src/fragments/text.d.ts

@@ -0,0 +1,2 @@
+export declare const descriptionMessage = "text-description border border-dashed border-separator rounded-sm p-4";
+//# sourceMappingURL=text.d.ts.map

package/dist/types/src/fragments/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/fragments/text.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,0EAA0E,CAAC"}

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

@@ -1,12 +1,5 @@
-import { type TailwindConfig } from './config';
-export { cardDefaultInlineSize, cardMinInlineSize, cardMaxInlineSize, hues, userDefaultTokenSet } from './config';
-export * from './styles';
-export * from './types';
+export * from './defs';
+export * from './fragments';
+export * from './theme';
 export * from './util';
-declare const tokens: TailwindConfig['theme'];
-export { tokens };
-/**
- * Translation namespace for OS-level translations.
- */
-export declare const osTranslations = "dxos.org/i18n/os";
 //# sourceMappingURL=index.d.ts.map

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":"AAIA,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}

package/dist/types/src/plugins/ThemePlugin.d.ts

@@ -0,0 +1,16 @@
+import { type Plugin } from 'vite';
+/**
+ * CSS cascade layer order.
+ * Must be established before any stylesheets load so that Tailwind's own @layer declarations don't override our ordering. Exported so consuming
+ */
+export declare const LAYER_ORDER: readonly ["properties", "theme", "dx-tokens", "user-tokens", "base", "tw-base", "dx-base", "components", "tw-components", "dx-components", "utilities"];
+export type ThemePluginOptions = {
+    srcCssPath?: string;
+    virtualFileId?: string;
+    verbose?: boolean;
+};
+/**
+ * Vite plugin to configure theme.
+ */
+export declare const ThemePlugin: (options: ThemePluginOptions) => Plugin;
+//# sourceMappingURL=ThemePlugin.d.ts.map

package/dist/types/src/plugins/ThemePlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePlugin.d.ts","sourceRoot":"","sources":["../../../../src/plugins/ThemePlugin.ts"],"names":[],"mappings":"AAYA,OAAO,EAA0B,KAAK,MAAM,EAAmB,MAAM,MAAM,CAAC;AAE5E;;;GAGG;AACH,eAAO,MAAM,WAAW,yJAYd,CAAC;AAIX,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,SAAS,kBAAkB,KAAG,MAiFzD,CAAC"}

package/dist/types/src/plugins/dark-mode.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=dark-mode.d.ts.map

package/dist/types/src/plugins/dark-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dark-mode.d.ts","sourceRoot":"","sources":["../../../../src/plugins/dark-mode.ts"],"names":[],"mappings":""}

package/dist/types/src/theme/components/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/avatar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,IAAI,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAI/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACrC,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;IAC7E,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,OAAO,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,gBAAgB,CAMxD,CAAC;AAEJ,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAA2D,CAAC;AAExH,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,gBAAgB,CACb,CAAC;AAEtD,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CACyC,CAAC;AAEtG,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,gBAAgB,CAU9D,CAAC;AAEJ,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,gBAAgB,CAmBxD,CAAC;AAEJ,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,gBAAgB,CAAgD,CAAC;AAEpH,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CACpB,CAAC;AAEzC,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,gBAAgB,CAO9D,CAAC;AAEJ,eAAO,MAAM,sBAAsB,EAAE,iBAAiB,CAAC,gBAAgB,CAClB,CAAC;AAEtD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAW/C,CAAC"}

package/dist/types/src/theme/components/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/breadcrumb.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,CACzB,CAAC;AAE3C,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,CAA8C,CAAC;AAElH,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,oBAAoB,CAA8C,CAAC;AAEtH,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,oBAAoB,CAAkC,CAAC;AAEzG,eAAO,MAAM,mBAAmB,EAAE,iBAAiB,CAAC,oBAAoB,CAC9C,CAAC;AAE3B,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAMvD,CAAC"}

package/dist/types/src/theme/components/button.d.ts

@@ -0,0 +1,15 @@
+import type { Density, Elevation, Theme } from '@dxos/ui-types';
+export declare const primaryButtonColors = "text-accent-surface-text bg-accent-surface hover:bg-accent-surface-hover aria-pressed:bg-primary-500 dark:aria-pressed:bg-primary-500 data-[state=open]:bg-primary-500 dark:data-[state=open]:bg-primary-500 aria-checked:bg-primary-500 dark:aria-checked:bg-primary-500 aria-checked:text-primary-100";
+export declare const staticDefaultButtonColors = "bg-input-surface text-input-surface-text";
+export declare const defaultButtonColors: string;
+export declare const ghostButtonColors: string;
+export type ButtonStyleProps = Partial<{
+    inGroup?: boolean;
+    textWrap?: boolean;
+    density: Density;
+    elevation: Elevation;
+    disabled: boolean;
+    variant: 'default' | 'primary' | 'ghost' | 'outline';
+}>;
+export declare const buttonTheme: Theme<ButtonStyleProps>;
+//# sourceMappingURL=button.d.ts.map

package/dist/types/src/theme/components/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/button.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAqB,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKnF,eAAO,MAAM,mBAAmB,4SAC2Q,CAAC;AAE5S,eAAO,MAAM,yBAAyB,6CAA6C,CAAC;AAEpF,eAAO,MAAM,mBAAmB,QAG/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAG7B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;CACtD,CAAC,CAAC;AAaH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAG/C,CAAC"}

package/dist/types/src/theme/components/card.d.ts

@@ -0,0 +1,12 @@
+import { type Density, type Theme } from '@dxos/ui-types';
+export type CardStyleProps = {
+    border?: boolean;
+    fullWidth?: boolean;
+    srOnly?: boolean;
+    variant?: 'default' | 'subtitle' | 'description';
+    density?: Density;
+    truncate?: boolean;
+    padding?: boolean;
+};
+export declare const cardTheme: Theme<CardStyleProps>;
+//# sourceMappingURL=card.d.ts.map

package/dist/types/src/theme/components/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/card.ts"],"names":[],"mappings":"AAIA,OAAO,EAA0B,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIlF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAqEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAgB3C,CAAC"}

package/dist/types/src/{styles → theme}/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/theme/components/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../src/theme/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,CAQ7D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,gBAAgB,CACgC,CAAC;AAE9F,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,gBAAgB,CACQ,CAAC;AAEpE,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,gBAAgB,CACwC,CAAC;AAEzG,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CACP,CAAC;AAEtD,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,gBAAgB,CACa,CAAC;AAEhF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAQ/C,CAAC"}

package/dist/types/src/theme/components/focus.d.ts

@@ -0,0 +1,6 @@
+import { type Theme } from '@dxos/ui-types';
+export type FocusStyleProps = {
+    border?: boolean;
+};
+export declare const focusTheme: Theme<FocusStyleProps>;
+//# sourceMappingURL=focus.d.ts.map

package/dist/types/src/theme/components/focus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/focus.ts"],"names":[],"mappings":"AAIA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpE,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAmBF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,eAAe,CAG7C,CAAC"}

package/dist/types/src/theme/components/icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/icon-button.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAG/D,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE7E,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,CAElE,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAEvD,CAAC"}

package/dist/types/src/{styles → theme}/components/icon.d.ts

@@ -2,6 +2,9 @@ import { type ComponentFunction, type Size, type Theme } from '@dxos/ui-types';
 export type IconStyleProps = {
     size?: Size;
 };
+/**
+ * Size can be specified directly, or inherited from a container (e.g., toolbar).
+ */
 export declare const iconRoot: ComponentFunction<IconStyleProps>;
 export declare const iconTheme: Theme<IconStyleProps>;
 //# sourceMappingURL=icon.d.ts.map

package/dist/types/src/theme/components/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/icon.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,IAAI,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAI/E,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,cAAc,CAQtD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAE3C,CAAC"}

package/dist/types/src/{styles → theme}/components/index.d.ts

@@ -1,8 +1,9 @@
-export * from './anchored-overflow';
 export * from './avatar';
 export * from './breadcrumb';
+export * from './card';
 export * from './button';
 export * from './dialog';
+export * from './focus';
 export * from './icon';
 export * from './icon-button';
 export * from './input';
@@ -14,7 +15,9 @@ export * from './message';
 export * from './popover';
 export * from './scroll-area';
 export * from './select';
+export * from './splitter';
 export * from './separator';
+export * from './skeleton';
 export * from './status';
 export * from './tag';
 export * from './toast';

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,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,YAAY,CAAC;AAC3B,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 → theme}/components/input.d.ts

@@ -13,23 +13,7 @@ export type InputMetaStyleProps = Partial<{
     srOnly: boolean;
     validationValence: MessageValence;
 }>;
-export declare const neutralInputValence = "";
-export declare const successInputValence = "shadow-emerald-500/50 dark:shadow-emerald-600/50";
-export declare const infoInputValence = "shadow-cyan-500/50 dark:shadow-cyan-600/50";
-export declare const warningInputValence = "shadow-amber-500/50 dark:shadow-amber-600/50";
-export declare const errorInputValence = "shadow-rose-500/50 dark:shadow-rose-600/50";
-export declare const inputTextLabel = "text-description text-xs font-medium mbs-inputSpacingBlock mbe-labelSpacingBlock first:mbs-0";
-export declare const inputValence: (valence?: MessageValence) => "shadow-emerald-500/50 dark:shadow-emerald-600/50" | "shadow-cyan-500/50 dark:shadow-cyan-600/50" | "shadow-amber-500/50 dark:shadow-amber-600/50" | "shadow-rose-500/50 dark:shadow-rose-600/50" | null;
-export declare const inputInput: ComponentFunction<InputStyleProps>;
-export declare const inputCheckbox: ComponentFunction<InputStyleProps>;
-export declare const inputCheckboxIndicator: ComponentFunction<InputStyleProps>;
-export declare const inputSwitch: ComponentFunction<InputStyleProps>;
-export declare const inputSwitchThumb: ComponentFunction<InputStyleProps>;
-export declare const inputWithSegmentsInput: ComponentFunction<InputStyleProps>;
-export declare const inputLabel: ComponentFunction<InputMetaStyleProps>;
-export declare const inputDescription: ComponentFunction<InputMetaStyleProps>;
-export declare const inputDescriptionAndValidation: ComponentFunction<InputMetaStyleProps>;
-export declare const inputValidation: ComponentFunction<InputMetaStyleProps>;
+export declare const inputTextLabel = "py-1 text-sm text-description";
 export declare const inputTheme: {
     input: ComponentFunction<Partial<{
         variant: "default" | "subdued" | "static";
@@ -41,6 +25,16 @@ export declare const inputTheme: {
         size: Size;
         checked: boolean;
     }>>;
+    textArea: ComponentFunction<Partial<{
+        variant: "default" | "subdued" | "static";
+        density: Density;
+        disabled: boolean;
+        elevation: Elevation;
+        focused: boolean;
+        validationValence: MessageValence;
+        size: Size;
+        checked: boolean;
+    }>>;
     inputWithSegments: ComponentFunction<Partial<{
         variant: "default" | "subdued" | "static";
         density: Density;
@@ -51,6 +45,16 @@ export declare const inputTheme: {
         size: Size;
         checked: boolean;
     }>>;
+    segment: ComponentFunction<Partial<{
+        variant: "default" | "subdued" | "static";
+        density: Density;
+        disabled: boolean;
+        elevation: Elevation;
+        focused: boolean;
+        validationValence: MessageValence;
+        size: Size;
+        checked: boolean;
+    }>>;
     checkbox: ComponentFunction<Partial<{
         variant: "default" | "subdued" | "static";
         density: Density;
@@ -79,10 +83,6 @@ export declare const inputTheme: {
         srOnly: boolean;
         validationValence: MessageValence;
     }>>;
-    validation: ComponentFunction<Partial<{
-        srOnly: boolean;
-        validationValence: MessageValence;
-    }>>;
     switch: ComponentFunction<Partial<{
         variant: "default" | "subdued" | "static";
         density: Density;
@@ -103,6 +103,10 @@ export declare const inputTheme: {
         size: Size;
         checked: boolean;
     }>>;
+    validation: ComponentFunction<Partial<{
+        srOnly: boolean;
+        validationValence: MessageValence;
+    }>>;
     descriptionAndValidation: ComponentFunction<Partial<{
         srOnly: boolean;
         validationValence: MessageValence;

package/dist/types/src/theme/components/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/input.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,IAAI,EACV,MAAM,gBAAgB,CAAC;AAKxB,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC;IACpC,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1C,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,cAAc,CAAC;IAClC,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,cAAc,CAAC;CACnC,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,kCAAkC,CAAC;AA6H9D,eAAO,MAAM,UAAU;;iBA5IZ,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;iBAPP,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;iBAPP,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;iBAPP,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;iBAPP,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;iBAPP,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;gBAIR,OAAO;2BACI,cAAc;;;gBADzB,OAAO;2BACI,cAAc;;;iBAZxB,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;iBAPP,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;gBAIR,OAAO;2BACI,cAAc;;;gBADzB,OAAO;2BACI,cAAc;;CA6IlC,CAAC"}

package/dist/types/src/theme/components/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/link.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpE,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,cAAc,CAQpD,CAAC;AAEJ,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAE3C,CAAC"}

package/dist/types/src/theme/components/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/list.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKlF,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,cAAc,CAA6B,CAAC;AAErF,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,cAAc,CACnB,CAAC;AAErC,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,cAAc,CAC2C,CAAC;AAEzG,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,cAAc,CACgC,CAAC;AAE/F,eAAO,MAAM,sBAAsB,EAAE,iBAAiB,CAAC,cAAc,CACnC,CAAC;AAEnC,eAAO,MAAM,mBAAmB,EAAE,iBAAiB,CAAC,cAAc,CACqD,CAAC;AAExH,eAAO,MAAM,uBAAuB,EAAE,iBAAiB,CAAC,cAAc,CAErE,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAU3C,CAAC"}

package/dist/types/src/{styles → theme}/components/main.d.ts

@@ -1,6 +1,6 @@
 import { type ComponentFunction } from '@dxos/ui-types';
-export declare const topbarBlockPaddingStart = "pbs-[--topbar-size] sticky-top-from-topbar-bottom";
-export declare const bottombarBlockPaddingEnd = "pbe-[--statusbar-size] sticky-bottom-from-statusbar-bottom";
+export declare const topbarBlockPaddingStart = "py-(--dx-topbar-size) dx-sticky-top-from-topbar-bottom";
+export declare const bottombarBlockPaddingEnd = "pb-(--dx-statusbar-size) dx-sticky-bottom-from-statusbar-bottom";
 export declare const mainPadding = "dx-main-content-padding";
 export declare const mainPaddingTransitions = "dx-main-content-padding-transitions";
 export declare const mainIntrinsicSize = "dx-main-intrinsic-size";
@@ -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/theme/components/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/main.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKxD,eAAO,MAAM,uBAAuB,2DAA2D,CAAC;AAChG,eAAO,MAAM,wBAAwB,oEAAoE,CAAC;AAE1G,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 → theme}/components/menu.d.ts

@@ -3,8 +3,8 @@ export type MenuStyleProps = Partial<{
     constrainBlockSize: boolean;
     elevation: Elevation;
 }>;
-export declare const menuViewport: ComponentFunction<MenuStyleProps>;
 export declare const menuContent: ComponentFunction<MenuStyleProps>;
+export declare const menuViewport: ComponentFunction<MenuStyleProps>;
 export declare const menuItem: ComponentFunction<MenuStyleProps>;
 export declare const menuSeparator: ComponentFunction<MenuStyleProps>;
 export declare const menuGroupLabel: ComponentFunction<MenuStyleProps>;

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../../src/theme/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,WAAW,EAAE,iBAAiB,CAAC,cAAc,CAMvD,CAAC;AAEJ,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,cAAc,CAC+C,CAAC;AAE3G,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,cAAc,CAOpD,CAAC;AAEJ,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,cAAc,CACjB,CAAC;AAE5C,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,cAAc,CACJ,CAAC;AAE1D,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAAoD,CAAC;AAE7G,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAO3C,CAAC"}

package/dist/types/src/{styles → theme}/components/message.d.ts

@@ -4,6 +4,7 @@ export type MessageStyleProps = {
     elevation?: Elevation;
 };
 export declare const messageRoot: ComponentFunction<MessageStyleProps>;
+export declare const messageHeader: ComponentFunction<MessageStyleProps>;
 export declare const messageTitle: ComponentFunction<MessageStyleProps>;
 export declare const messageIcon: ComponentFunction<MessageStyleProps>;
 export declare const messageContent: ComponentFunction<MessageStyleProps>;

package/dist/types/src/theme/components/message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/message.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIzG,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,iBAAiB,CAE5D,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,iBAAiB,CAE9D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAE7D,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,iBAAiB,CAE5D,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,iBAAiB,CAE/D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAMjD,CAAC"}

package/dist/types/src/{styles → theme}/components/popover.d.ts

@@ -4,8 +4,8 @@ export type PopoverStyleProps = Partial<{
     constrainInline: boolean;
     elevation: Elevation;
 }>;
-export declare const popoverViewport: ComponentFunction<PopoverStyleProps>;
 export declare const popoverContent: ComponentFunction<PopoverStyleProps>;
+export declare const popoverViewport: ComponentFunction<PopoverStyleProps>;
 export declare const popoverArrow: ComponentFunction<PopoverStyleProps>;
 export declare const popoverTheme: Theme<PopoverStyleProps>;
 //# sourceMappingURL=popover.d.ts.map

package/dist/types/src/theme/components/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/popover.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACtC,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,iBAAiB,CAO7D,CAAC;AAEJ,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAS9D,CAAC;AAEJ,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAAoD,CAAC;AAEnH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAIjD,CAAC"}

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

@@ -0,0 +1,32 @@
+import { type AllowedAxis, type ComponentFunction, type Theme } from '@dxos/ui-types';
+export declare const scrollbar: {
+    thin: {
+        size: number;
+        padding: number;
+    };
+    coarse: {
+        size: number;
+        padding: number;
+    };
+};
+export type ScrollAreaStyleProps = {
+    orientation?: AllowedAxis;
+    autoHide?: boolean;
+    /** Balance left/right, top/bottom offset with scrollbar. */
+    centered?: boolean;
+    /** Add default padding. */
+    /** TODO(burdon): Integrate with Column.Root padding. */
+    padding?: boolean;
+    /** Use thin scrollbars. */
+    /** TODO(burdon): Density fine/course. */
+    thin?: boolean;
+    /** Enable snap scrolling. */
+    snap?: boolean;
+};
+export declare const scrollAreaRoot: ComponentFunction<ScrollAreaStyleProps>;
+/**
+ * NOTE: The browser reserves space for scrollbars.
+ */
+export declare const scrollAreaViewport: ComponentFunction<ScrollAreaStyleProps>;
+export declare const scrollAreaTheme: Theme<ScrollAreaStyleProps>;
+//# sourceMappingURL=scroll-area.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/scroll-area.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKtF,eAAO,MAAM,SAAS;;;;;;;;;CASrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,yCAAyC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,CAahE,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,oBAAoB,CAwDtE,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAGvD,CAAC"}

package/dist/types/src/theme/components/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/select.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpF,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACrC,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,gBAAgB,CAQ7D,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,gBAAgB,CAAkC,CAAC;AAElG,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,gBAAgB,CAOxD,CAAC;AAEJ,eAAO,MAAM,mBAAmB,EAAE,iBAAiB,CAAC,gBAAgB,CAAkD,CAAC;AAEvH,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAAoD,CAAC;AAEjH,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,gBAAgB,CACL,CAAC;AAE5D,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,gBAAgB,CACwB,CAAC;AAE5F,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAQ/C,CAAC"}

package/dist/types/src/theme/components/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/separator.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpE,MAAM,MAAM,mBAAmB,GAAG;IAChC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,mBAAmB,CAM9D,CAAC;AAEJ,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,mBAAmB,CAErD,CAAC"}

package/dist/types/src/theme/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/theme/components/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/theme/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/theme/components/splitter.d.ts

@@ -0,0 +1,4 @@
+import { type Theme } from '@dxos/ui-types';
+export type SplitterStyleProps = {};
+export declare const splitterTheme: Theme<SplitterStyleProps>;
+//# sourceMappingURL=splitter.d.ts.map

package/dist/types/src/theme/components/splitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitter.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/splitter.ts"],"names":[],"mappings":"AAIA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpE,MAAM,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAQpC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,kBAAkB,CAGnD,CAAC"}

package/dist/types/src/{styles → theme}/components/status.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentFunction, Theme } from '@dxos/ui-types';
 export type StatusStyleProps = {
-    indeterminate?: boolean;
     variant?: 'default' | 'main-bottom';
+    indeterminate?: boolean;
 };
 export declare const statusRoot: ComponentFunction<StatusStyleProps>;
 export declare const statusBar: ComponentFunction<StatusStyleProps>;

package/dist/types/src/theme/components/status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/status.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAI/D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,gBAAgB,CAKxD,CAAC;AAEJ,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,gBAAgB,CAMvD,CAAC;AAEJ,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAG/C,CAAC"}

package/dist/types/src/theme/components/tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/tag.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,KAAK,EACX,MAAM,gBAAgB,CAAC;AAIxB,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,CAAC;CAC9D,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,aAAa,CAAuC,CAAC;AAE7F,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAAa,CAEzC,CAAC"}

package/dist/types/src/theme/components/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/toast.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpE,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC;IACpC,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,eAAe,CAM1D,CAAC;AAEJ,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,eAAe,CAWtD,CAAC;AAEJ,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,eAAe,CACG,CAAC;AAE7D,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,eAAe,CACD,CAAC;AAE5D,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CACD,CAAC;AAE1D,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,eAAe,CACC,CAAC;AAElE,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,eAAe,CAO7C,CAAC"}

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

@@ -0,0 +1,11 @@
+import { type ComponentFunction, type Density, type Theme } from '@dxos/ui-types';
+export type ToolbarStyleProps = Partial<{
+    density: Density;
+    disabled: boolean;
+    layoutManaged: boolean;
+}>;
+export declare const toolbarLayout = "w-full shrink-0 flex flex-nowrap p-1 gap-1 items-center overflow-x-auto scrollbar-none dx-contain-layout";
+export declare const toolbarRoot: ComponentFunction<ToolbarStyleProps>;
+export declare const toolbarText: ComponentFunction<ToolbarStyleProps>;
+export declare const toolbarTheme: Theme<ToolbarStyleProps>;
+//# sourceMappingURL=toolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/toolbar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIlF,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,6GACkF,CAAC;AAE7G,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,iBAAiB,CAQ5D,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,iBAAiB,CAE5D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAGjD,CAAC"}

package/dist/types/src/theme/components/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/tooltip.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACtC,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,iBAAiB,CAM7D,CAAC;AAEJ,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAC1B,CAAC;AAErC,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAGjD,CAAC"}

package/dist/types/src/theme/components/treegrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"treegrid.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/treegrid.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAI/D,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC,CAAC;AAaH,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,kBAAkB,CAAqC,CAAC;AAErG,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,kBAAkB,CACY,CAAC;AAE3E,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,kBAAkB,CAC/B,CAAC;AAEjC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,kBAAkB,CAInD,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/types/src/theme/primitives/column.d.ts

@@ -0,0 +1,29 @@
+import { type ComponentFunction } from '@dxos/ui-types';
+/**
+ * Column-aware theme utilities.
+ * Components apply these in their theme functions to participate in the Column grid
+ * without importing Column React components.
+ *
+ * CSS custom property cascade:
+ * - Column.Root sets `--dx-col: 2 / span 1` (center column placement).
+ * - ScrollArea.Viewport resets `--dx-col: auto` after consuming `--gutter`.
+ * - Components apply `grid-column: var(--dx-col, auto)` to auto-center in Column
+ *   or do nothing outside Column / inside ScrollArea.
+ */
+export declare const withColumn: {
+    /** Centers element in the Column grid via --dx-col. No-op outside Column or inside ScrollArea. */
+    center: () => string;
+    /** Propagates the Column grid to children via subgrid. No-op outside Column.
+     *  Direct children default to center column unless they are a dx-container (ScrollArea). */
+    propagate: () => string;
+    /** Resets --dx-col after consuming --gutter. Applied by ScrollArea.Viewport. */
+    consumed: () => string;
+};
+export type ColumnStyleProps = {};
+export declare const columnTheme: {
+    root: ComponentFunction<ColumnStyleProps>;
+    row: ComponentFunction<ColumnStyleProps>;
+    bleed: ComponentFunction<ColumnStyleProps>;
+    center: ComponentFunction<ColumnStyleProps>;
+};
+//# sourceMappingURL=column.d.ts.map

package/dist/types/src/theme/primitives/column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.d.ts","sourceRoot":"","sources":["../../../../../src/theme/primitives/column.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIxD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU;IACrB,kGAAkG;;IAGlG;gGAC4F;;IAI5F,gFAAgF;;CAEjF,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAiClC,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './column';
+export * from './panel';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/primitives/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/dist/types/src/theme/primitives/panel.d.ts

@@ -0,0 +1,13 @@
+import { type ComponentFunction } from '@dxos/ui-types';
+type Size = 'lg' | 'md' | 'sm';
+export type PanelStyleProps = {
+    size?: Size;
+};
+export declare const panelTheme: {
+    root: ComponentFunction<PanelStyleProps>;
+    toolbar: ComponentFunction<PanelStyleProps>;
+    content: ComponentFunction<PanelStyleProps>;
+    statusbar: ComponentFunction<PanelStyleProps>;
+};
+export {};
+//# sourceMappingURL=panel.d.ts.map

package/dist/types/src/theme/primitives/panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../../../../src/theme/primitives/panel.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIxD,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/B,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAyBF,eAAO,MAAM,UAAU;;;;;CAKtB,CAAC"}

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

@@ -0,0 +1,5 @@
+import { type Theme, type ThemeFunction } from '@dxos/ui-types';
+export declare const defaultTheme: Theme<Record<string, any>>;
+export declare const bindTheme: <P extends Record<string, any>>(theme: Theme<Record<string, any>>) => ThemeFunction<P>;
+export declare const defaultTx: ThemeFunction<Record<string, any>>;
+//# sourceMappingURL=theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/theme/theme.ts"],"names":[],"mappings":"AAIA,OAAO,EAA+C,KAAK,KAAK,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAiC7G,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAwCnD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,KAAG,aAAa,CAAC,CAAC,CAK3G,CAAC;AAEF,eAAO,MAAM,SAAS,oCAA0B,CAAC"}

package/dist/types/src/{styles/fragments → util}/elevation.d.ts

@@ -1,10 +1,4 @@
 import { type ComponentFragment, type Elevation, type SurfaceLevel } from '@dxos/ui-types';
-/**
- * @deprecated
- */
-export declare const contentShadow: ComponentFragment<{
-    elevation?: Elevation;
-}>;
 export declare const surfaceShadow: ComponentFragment<{
     elevation?: Elevation;
 }>;

package/dist/types/src/util/elevation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elevation.d.ts","sourceRoot":"","sources":["../../../../src/util/elevation.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE3F,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,SAAS,CAAA;CAAE,CAMtE,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC;IAAE,KAAK,CAAC,EAAE,YAAY,CAAC;IAAC,SAAS,CAAC,EAAE,SAAS,CAAA;CAAE,CAY5F,CAAC"}

package/dist/types/src/util/hash-styles.d.ts

@@ -2,14 +2,17 @@ import { type ChromaticPalette } from '@dxos/ui-types';
 export type Hue = ChromaticPalette | 'neutral';
 export type ColorStyles = {
     hue: Hue;
-    text: string;
-    icon: string;
-    bg: string;
+    fill: string;
     surface: string;
+    surfaceText: string;
+    text: string;
     border: string;
 };
-export declare const styles: ColorStyles[];
+export declare const palette: {
+    neutral: ColorStyles;
+    hues: ColorStyles[];
+};
 export declare const getStyles: (hue: string) => ColorStyles;
-export declare const getHashHue: (id: string | undefined) => Hue;
 export declare const getHashStyles: (id: string | undefined) => ColorStyles;
+export declare const getHashHue: (id: string | undefined) => Hue;
 //# sourceMappingURL=hash-styles.d.ts.map

package/dist/types/src/util/hash-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hash-styles.d.ts","sourceRoot":"","sources":["../../../../src/util/hash-styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,MAAM,GAAG,GAAG,gBAAgB,GAAG,SAAS,CAAC;AAG/C,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,GAAG,CAAC;IACT,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAcF,eAAO,MAAM,MAAM,EAAE,WAAW,EAyH/B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,KAAK,MAAM,KAAG,WAEvC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,IAAI,MAAM,GAAG,SAAS,KAAG,GAEnD,CAAC;AAGF,eAAO,MAAM,aAAa,GAAI,IAAI,MAAM,GAAG,SAAS,KAAG,WAGtD,CAAC"}
+{"version":3,"file":"hash-styles.d.ts","sourceRoot":"","sources":["../../../../src/util/hash-styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,MAAM,GAAG,GAAG,gBAAgB,GAAG,SAAS,CAAC;AAG/C,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,GAAG,CAAC;IACT,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAwJF,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAGF,eAAO,MAAM,SAAS,GAAI,KAAK,MAAM,KAAG,WAEvC,CAAC;AAGF,eAAO,MAAM,aAAa,GAAI,IAAI,MAAM,GAAG,SAAS,KAAG,WAEtD,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,IAAI,MAAM,GAAG,SAAS,KAAG,GAEnD,CAAC"}