@dxos/react-ui 0.8.4-main.bc674ce → 0.8.4-main.bd9b33e6c8

package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts

@@ -1,16 +1,69 @@
-import { type StoryObj } from '@storybook/react-vite';
-import React, { type PropsWithChildren } from 'react';
-declare const meta: {
+import React from 'react';
+declare const _default: {
     title: string;
-    component: any;
-    render: ({ children }: PropsWithChildren<{}>) => React.JSX.Element;
+    component: {
+        Root: React.ForwardRefExoticComponent<Omit<Partial<{
+            orientation: import("@dxos/ui-types").AllowedAxis;
+            autoHide: boolean;
+            centered?: boolean;
+            padding: boolean;
+            thin: boolean;
+            snap: boolean;
+        }> & {
+            asChild?: boolean;
+        }, "className"> & {
+            classNames?: import("@dxos/ui-types").ClassNameValue;
+        } & {
+            className?: string;
+            children?: React.ReactNode;
+            role?: string;
+        } & React.RefAttributes<HTMLDivElement>>;
+        Viewport: React.ForwardRefExoticComponent<Omit<{
+            asChild?: boolean;
+        }, "className"> & {
+            classNames?: import("@dxos/ui-types").ClassNameValue;
+        } & {
+            className?: string;
+            children?: React.ReactNode;
+            role?: string;
+        } & React.RefAttributes<HTMLDivElement>>;
+    };
     decorators: import("@storybook/react").Decorator[];
     parameters: {
         layout: string;
     };
 };
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const NestedScrollAreas: Story;
+export default _default;
+export declare const Vertical: {
+    render: () => React.JSX.Element;
+};
+export declare const VerticalThin: {
+    render: () => React.JSX.Element;
+};
+export declare const VerticalPadded: {
+    render: () => React.JSX.Element;
+};
+export declare const VerticalColumn: {
+    render: () => React.JSX.Element;
+};
+export declare const Horizontal: {
+    render: () => React.JSX.Element;
+};
+export declare const HorizontalThin: {
+    render: () => React.JSX.Element;
+};
+export declare const Both: {
+    render: () => React.JSX.Element;
+};
+export declare const Fullscreen: {
+    decorators: import("@storybook/react").Decorator[];
+    render: () => React.JSX.Element;
+};
+export declare const NestedScrollAreas: {
+    decorators: import("@storybook/react").Decorator[];
+    render: () => React.JSX.Element;
+};
+export declare const NativeScroll: {
+    render: () => React.JSX.Element;
+};
 //# sourceMappingURL=ScrollArea.stories.d.ts.map

package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AA8BtD,QAAA,MAAM,IAAI;;eAEiB,GAAG;2BArBM,iBAAiB,CAAC,EAAE,CAAC;;;;;CA2BpB,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA6C/B,CAAC"}
+{"version":3,"file":"ScrollArea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqC,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAc1D,wBAOE;AAiCF,eAAO,MAAM,QAAQ;;CAUpB,CAAC;AAEF,eAAO,MAAM,YAAY;;CAUxB,CAAC;AAEF,eAAO,MAAM,cAAc;;CAU1B,CAAC;AAEF,eAAO,MAAM,cAAc;;CAe1B,CAAC;AAEF,eAAO,MAAM,UAAU;;CAUtB,CAAC;AAEF,eAAO,MAAM,cAAc;;CAU1B,CAAC;AAEF,eAAO,MAAM,IAAI;;CAuBhB,CAAC;AAEF,eAAO,MAAM,UAAU;;;CAsBtB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;CAqC7B,CAAC;AAEF,eAAO,MAAM,YAAY;;CAiBxB,CAAC"}

package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts

@@ -1,4 +1,5 @@
-import React, { type HTMLAttributes, type PropsWithChildren } from 'react';
+import React, { type PropsWithChildren } from 'react';
+import { SlottableProps } from '@dxos/ui-types';
 import { type ThemedClassName } from '../../util';
 export interface ScrollController {
     viewport: HTMLDivElement | null;
@@ -6,34 +7,49 @@ export interface ScrollController {
     scrollToBottom: (behavior?: ScrollBehavior) => void;
 }
 type ScrollContainerContextValue = {
-    scrollToBottom: (behavior?: ScrollBehavior) => void;
     controller?: ScrollController;
     pinned?: boolean;
+    overflow?: boolean;
+    /** Called by Viewport to register/unregister the scroll element. */
+    setViewport: (el: HTMLDivElement | null) => void;
+    /** Called by Viewport on wheel events to update pinned state. */
+    setPinned: (value: boolean) => void;
+    /** Called by Viewport on scroll events to update overflow state. */
+    setOverflow: (value: boolean) => void;
 };
 declare const useScrollContainerContext: (consumerName: string) => ScrollContainerContextValue;
 type RootProps = ThemedClassName<PropsWithChildren<{
     pin?: boolean;
-    fade?: boolean;
     behavior?: ScrollBehavior;
 }>>;
-type ViewportProps = ThemedClassName<PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'className'>>>;
+type ViewportProps = SlottableProps;
+type FadeProps = {};
 type ScrollDownButtonProps = ThemedClassName;
 export { useScrollContainerContext };
 export declare const ScrollContainer: {
     Root: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<{
         pin?: boolean;
-        fade?: boolean;
         behavior?: ScrollBehavior;
     }>, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<ScrollController>>;
-    Viewport: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<React.HTMLAttributes<HTMLDivElement>, "className">>, "className"> & {
+    Viewport: React.ForwardRefExoticComponent<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        className?: string;
+        children?: React.ReactNode;
+        role?: string;
     } & React.RefAttributes<HTMLDivElement>>;
+    Fade: {
+        (): React.JSX.Element;
+        displayName: string;
+    };
     ScrollDownButton: {
         ({ classNames }: ScrollDownButtonProps): React.JSX.Element;
         displayName: string;
     };
 };
-export type { RootProps as ScrollContainerRootProps, ViewportProps as ScrollContainerViewportProps, ScrollDownButtonProps as ScrollContainerScrollDownButtonProps, };
+export type { RootProps as ScrollContainerRootProps, ViewportProps as ScrollContainerViewportProps, FadeProps as ScrollContainerFadeProps, ScrollDownButtonProps as ScrollContainerScrollDownButtonProps, };
 //# sourceMappingURL=ScrollContainer.d.ts.map

package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollContainer/ScrollContainer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EACZ,KAAK,cAAc,EACnB,KAAK,iBAAiB,EAQvB,MAAM,OAAO,CAAC;AAQf,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAOlD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACrD;AAED,KAAK,2BAA2B,GAAG;IACjC,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,QAAA,MAAgC,yBAAyB,uDACM,CAAC;AAMhE,KAAK,SAAS,GAAG,eAAe,CAC9B,iBAAiB,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC,CACH,CAAC;AAoGF,KAAK,aAAa,GAAG,eAAe,CAAC,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;AAiC3G,KAAK,qBAAqB,GAAG,eAAe,CAAC;AAgC7C,OAAO,EAAE,yBAAyB,EAAE,CAAC;AAErC,eAAO,MAAM,eAAe;;cA3KlB,OAAO;eACN,OAAO;mBACH,cAAc;;;;;;;;yBAyIa,qBAAqB;;;CAoC9D,CAAC;AAEF,YAAY,EACV,SAAS,IAAI,wBAAwB,EACrC,aAAa,IAAI,4BAA4B,EAC7C,qBAAqB,IAAI,oCAAoC,GAC9D,CAAC"}
+{"version":3,"file":"ScrollContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollContainer/ScrollContainer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EACZ,KAAK,iBAAiB,EASvB,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAQlD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACrD;AAED,KAAK,2BAA2B,GAAG;IACjC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,WAAW,EAAE,CAAC,EAAE,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,iEAAiE;IACjE,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,oEAAoE;IACpE,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,QAAA,MAAgC,yBAAyB,uDACM,CAAC;AAMhE,KAAK,SAAS,GAAG,eAAe,CAC9B,iBAAiB,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC,CACH,CAAC;AA2FF,KAAK,aAAa,GAAG,cAAc,CAAC;AA8FpC,KAAK,SAAS,GAAG,EAAE,CAAC;AA2BpB,KAAK,qBAAqB,GAAG,eAAe,CAAC;AAgC7C,OAAO,EAAE,yBAAyB,EAAE,CAAC;AAErC,eAAO,MAAM,eAAe;;cAzPlB,OAAO;mBACF,cAAc;;;;;;;;;;;;;;;;;;yBAwNa,qBAAqB;;;CAqC9D,CAAC;AAEF,YAAY,EACV,SAAS,IAAI,wBAAwB,EACrC,aAAa,IAAI,4BAA4B,EAC7C,SAAS,IAAI,wBAAwB,EACrC,qBAAqB,IAAI,oCAAoC,GAC9D,CAAC"}

package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts

@@ -1,19 +1,23 @@
 import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
 import { type ScrollContainerRootProps, type ScrollController } from './ScrollContainer';
+type DefaultStoryProps = ScrollContainerRootProps & {
+    running?: boolean;
+    initialLines?: number;
+};
 declare const meta: {
     title: string;
     component: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<{
         pin?: boolean;
-        fade?: boolean;
         behavior?: ScrollBehavior;
     }>, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<ScrollController>>;
-    render: (props: ScrollContainerRootProps) => React.JSX.Element;
+    render: ({ initialLines, running: runningProp, ...props }: DefaultStoryProps) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Large: Story;
 //# sourceMappingURL=ScrollContainer.stories.d.ts.map

package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollContainer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollContainer/ScrollContainer.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,OAAO,EAAmB,KAAK,wBAAwB,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAwC1G,QAAA,MAAM,IAAI;;;;;;;;;oBAtCmB,wBAAwB;;CA2ChB,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}
+{"version":3,"file":"ScrollContainer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollContainer/ScrollContainer.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAsC,MAAM,OAAO,CAAC;AAS3D,OAAO,EAAmB,KAAK,wBAAwB,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1G,KAAK,iBAAiB,GAAG,wBAAwB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAgDjG,QAAA,MAAM,IAAI;;;;;;;;+DA9CkE,iBAAiB;;CAmDxD,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC"}

package/dist/types/src/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAGrD,KAAK,eAAe,GAAG,eAAe,CAAC,WAAW,CAAC;AAInD,KAAK,kBAAkB,GAAG,eAAe,CAAC,kBAAkB,CAAC;AAI7D,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC;AAIvD,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC;AAI3D,KAAK,wBAAwB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC,gBAAgB,EAAE,aAAa,GAAG,UAAU,CAAC,CAAC;AAkBnH,KAAK,kBAAkB,GAAG,eAAe,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;AAsB9E,KAAK,yBAAyB,GAAG,eAAe,CAAC,eAAe,CAAC,yBAAyB,CAAC,CAAC;AAiB5F,KAAK,2BAA2B,GAAG,eAAe,CAAC,eAAe,CAAC,2BAA2B,CAAC,CAAC;AAiBhG,KAAK,mBAAmB,GAAG,eAAe,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;AAiBhF,KAAK,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;AAOxE,KAAK,mBAAmB,GAAG,eAAe,CAAC,mBAAmB,CAAC;AAI/D,KAAK,wBAAwB,GAAG,eAAe,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC;AAiB1F,KAAK,iBAAiB,GAAG,eAAe,CAAC;AAgBzC,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,oBAAoB,GAAG,eAAe,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;AAalF,KAAK,gBAAgB,GAAG,eAAe,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAa1E,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBlB,CAAC;AAEF,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,yBAAyB,EACzB,2BAA2B,EAC3B,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAGrD,KAAK,eAAe,GAAG,eAAe,CAAC,WAAW,CAAC;AAInD,KAAK,kBAAkB,GAAG,eAAe,CAAC,kBAAkB,CAAC;AAI7D,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC;AAIvD,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC;AAI3D,KAAK,wBAAwB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC,gBAAgB,EAAE,aAAa,GAAG,UAAU,CAAC,CAAC;AAkBnH,KAAK,kBAAkB,GAAG,eAAe,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;AAsB9E,KAAK,yBAAyB,GAAG,eAAe,CAAC,eAAe,CAAC,yBAAyB,CAAC,CAAC;AAiB5F,KAAK,2BAA2B,GAAG,eAAe,CAAC,eAAe,CAAC,2BAA2B,CAAC,CAAC;AAiBhG,KAAK,mBAAmB,GAAG,eAAe,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;AAahF,KAAK,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;AAOxE,KAAK,mBAAmB,GAAG,eAAe,CAAC,mBAAmB,CAAC;AAI/D,KAAK,wBAAwB,GAAG,eAAe,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC;AAiB1F,KAAK,iBAAiB,GAAG,eAAe,CAAC;AAgBzC,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,oBAAoB,GAAG,eAAe,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;AAOlF,KAAK,gBAAgB,GAAG,eAAe,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAO1E,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBlB,CAAC;AAEF,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,yBAAyB,EACzB,2BAA2B,EAC3B,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,GACjB,CAAC"}

package/dist/types/src/components/Select/Select.stories.d.ts

@@ -4,12 +4,12 @@ type ItemProps = {
     id: string;
     text: string;
 };
-type StoryProps = {
+type DefaultStoryProps = {
     items: ItemProps[];
 };
 declare const meta: {
     title: string;
-    render: ({ items }: StoryProps) => React.JSX.Element;
+    render: ({ items }: DefaultStoryProps) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
 };
 export default meta;

package/dist/types/src/components/Select/Select.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAWxC,KAAK,SAAS,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9C,KAAK,UAAU,GAAG;IAAE,KAAK,EAAE,SAAS,EAAE,CAAA;CAAE,CAAC;AAyBzC,QAAA,MAAM,IAAI;;wBAvB4B,UAAU;;CA2BX,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAWxC,KAAK,SAAS,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9C,KAAK,iBAAiB,GAAG;IAAE,KAAK,EAAE,SAAS,EAAE,CAAA;CAAE,CAAC;AAyBhD,QAAA,MAAM,IAAI;;wBAvB4B,iBAAiB;;CA2BlB,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}

package/dist/types/src/components/Separator/Separator.d.ts

@@ -1,10 +1,10 @@
-import { type SeparatorProps as SeparatorPrimitiveProps } from '@radix-ui/react-separator';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import React from 'react';
 import { type ThemedClassName } from '../../util';
-type SeparatorProps = ThemedClassName<SeparatorPrimitiveProps> & {
+type SeparatorProps = ThemedClassName<SeparatorPrimitive.SeparatorProps> & {
     subdued?: boolean;
 };
-declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitiveProps, "className"> & {
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps, "className"> & {
     classNames?: import("@dxos/ui-types").ClassNameValue;
 } & {
     subdued?: boolean;

package/dist/types/src/components/Separator/Separator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,cAAc,IAAI,uBAAuB,EAC/C,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,cAAc,GAAG,eAAe,CAAC,uBAAuB,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEvF,QAAA,MAAM,SAAS;;;cAF8D,OAAO;wCAcnF,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,cAAc,GAAG,eAAe,CAAC,kBAAkB,CAAC,cAAc,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEjG,QAAA,MAAM,SAAS;;;cAFwE,OAAO;wCAc7F,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/types/src/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,12 @@
+import React, { type ComponentPropsWithRef } from 'react';
+import { type ThemedClassName } from '../../util';
+type SkeletonProps = ThemedClassName<ComponentPropsWithRef<'div'>> & {
+    variant?: 'default' | 'circle' | 'text';
+};
+/**
+ * A skeleton loading component that displays a placeholder while content is loading.
+ */
+declare const Skeleton: React.ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Skeleton };
+export type { SkeletonProps };
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/types/src/components/Skeleton/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,aAAa,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,QAAQ,mGAKb,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC;AAEpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<import("./Skeleton").SkeletonProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    render: () => React.JSX.Element;
+};
+export declare const Card: {
+    render: () => React.JSX.Element;
+};
+//# sourceMappingURL=Skeleton.stories.d.ts.map

package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeleton/Skeleton.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAM1B,wBAOE;AAEF,eAAO,MAAM,OAAO;;CAYnB,CAAC;AAEF,eAAO,MAAM,IAAI;;CAkBhB,CAAC"}

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

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

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

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

package/dist/types/src/components/Splitter/Splitter.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+type Mode = 'upper' | 'lower' | 'both';
+type SplitterContextValue = {
+    mode: Mode;
+    ratio: number;
+    transition: number;
+};
+declare const createSplitterScope: import("@radix-ui/react-context").CreateScope;
+type RootOwnProps = Partial<SplitterContextValue>;
+type RootProps = RootOwnProps;
+type PanelOwnProps = {
+    position: 'upper' | 'lower';
+};
+type PanelProps = PanelOwnProps;
+declare const Splitter: {
+    Root: React.ForwardRefExoticComponent<Omit<Partial<SplitterContextValue> & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        className?: string;
+        children?: React.ReactNode;
+        role?: string;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Panel: React.ForwardRefExoticComponent<Omit<PanelOwnProps & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        className?: string;
+        children?: React.ReactNode;
+        role?: string;
+    } & React.RefAttributes<HTMLDivElement>>;
+};
+export { Splitter, createSplitterScope };
+export type { Mode as SplitterMode, RootProps as SplitterRootProps, PanelProps as SplitterPanelProps };
+//# sourceMappingURL=Splitter.d.ts.map

package/dist/types/src/components/Splitter/Splitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Splitter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Splitter/Splitter.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,KAAK,IAAI,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAEvC,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,QAAA,MAA8B,mBAAmB,+CAAqC,CAAC;AAUvF,KAAK,YAAY,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;AAElD,KAAK,SAAS,GAAG,YAAY,CAAC;AAsC9B,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC;CAC7B,CAAC;AAEF,KAAK,UAAU,GAAG,aAAa,CAAC;AAmDhC,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;CAGb,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC;AAEzC,YAAY,EAAE,IAAI,IAAI,YAAY,EAAE,SAAS,IAAI,iBAAiB,EAAE,UAAU,IAAI,kBAAkB,EAAE,CAAC"}

package/dist/types/src/components/Splitter/Splitter.stories.d.ts

@@ -0,0 +1,7 @@
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+import { type SplitterRootProps } from './Splitter';
+declare const meta: Meta<SplitterRootProps>;
+export default meta;
+type Story = StoryObj<SplitterRootProps>;
+export declare const Default: Story;
+//# sourceMappingURL=Splitter.stories.d.ts.map

package/dist/types/src/components/Splitter/Splitter.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Splitter.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Splitter/Splitter.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQjE,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAmD9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAQjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}

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

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

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

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

package/dist/types/src/components/Status/Status.d.ts

@@ -1,10 +1,9 @@
 import React, { type ComponentPropsWithRef } from 'react';
+import { type StatusStyleProps } from '@dxos/ui-theme';
 import { type ThemedClassName } from '../../util';
-type StatusProps = ThemedClassName<ComponentPropsWithRef<'span'>> & {
-    indeterminate?: boolean;
-    variant?: 'default' | 'main-bottom';
+type StatusProps = ThemedClassName<ComponentPropsWithRef<'span'> & StatusStyleProps & {
     progress?: number;
-};
+}>;
 declare const Status: React.ForwardRefExoticComponent<Omit<StatusProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export { Status };
 export type { StatusProps };

package/dist/types/src/components/Status/Status.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../../../src/components/Status/Status.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,WAAW,GAAG,eAAe,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC,GAAG;IAClE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,MAAM,kGAmBX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../../../src/components/Status/Status.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,WAAW,GAAG,eAAe,CAChC,qBAAqB,CAAC,MAAM,CAAC,GAC3B,gBAAgB,GAAG;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CACJ,CAAC;AAEF,QAAA,MAAM,MAAM,kGAmBX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/types/src/components/Status/Status.stories.d.ts

@@ -1,3 +1,4 @@
+import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
 declare const meta: {
     title: string;
@@ -5,6 +6,7 @@ declare const meta: {
     decorators: import("@storybook/react").Decorator[];
 };
 export default meta;
-export declare const Normal: (props: any) => React.JSX.Element;
-export declare const Indeterminate: (props: any) => React.JSX.Element;
+type Story = StoryObj<typeof meta>;
+export declare const Normal: Story;
+export declare const Indeterminate: Story;
 //# sourceMappingURL=Status.stories.d.ts.map

package/dist/types/src/components/Status/Status.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Status.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Status/Status.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,IAAI;;;;CAIqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,MAAM,GAAI,OAAO,GAAG,sBAShC,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,GAAG,sBAMvC,CAAC"}
+{"version":3,"file":"Status.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Status/Status.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,IAAI;;;;CAIqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAWpB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC"}

package/dist/types/src/components/Tag/Tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGjG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG;IACrF,OAAO,CAAC,EAAE,cAAc,GAAG,gBAAgB,GAAG,cAAc,CAAC;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,GAAG,+FAaf,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGjG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG;IACrF,OAAO,CAAC,EAAE,cAAc,GAAG,gBAAgB,GAAG,cAAc,CAAC;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,GAAG,+FAQf,CAAC"}

package/dist/types/src/components/Tag/Tag.stories.d.ts

@@ -5,11 +5,6 @@ declare const meta: {
     component: React.ForwardRefExoticComponent<Omit<import("./Tag").TagProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
     render: () => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/types/src/components/Tag/Tag.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/Tag.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,QAAA,MAAM,IAAI;;;;;;;;;;CAkBkB,CAAC;AAE7B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
+{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/Tag.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,QAAA,MAAM,IAAI;;;;;CAakB,CAAC;AAE7B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts

@@ -8,10 +8,11 @@ export type ThemeContextValue = {
     hasIosKeyboard: boolean;
     safeAreaPadding?: SafeAreaPadding;
     noCache?: boolean;
+    platform?: 'mobile' | 'desktop';
 };
 export type ThemeProviderProps = Omit<TranslationsProviderProps, 'children'> & Partial<Omit<ThemeContextValue, 'safeAreaPadding'>> & PropsWithChildren<{
     rootDensity?: Density;
     rootElevation?: Elevation;
 }>;
-export declare const ThemeProvider: ({ children, fallback, resourceExtensions, appNs, tx, themeMode, rootDensity, ...rest }: ThemeProviderProps) => React.JSX.Element;
+export declare const ThemeProvider: ({ children, fallback, resourceExtensions, appNs, tx, themeMode, rootDensity, noCache, platform, }: ThemeProviderProps) => React.JSX.Element;
 //# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAqC,MAAM,OAAO,CAAC;AAEzF,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAElG,OAAO,EAAE,KAAK,eAAe,EAAe,MAAM,aAAa,CAAC;AAKhE,OAAO,EAAwB,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAE9F,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvB,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAOF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,yBAAyB,EAAE,UAAU,CAAC,GAC1E,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,GACnD,iBAAiB,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,CAAC,CAAC;AAEL,eAAO,MAAM,aAAa,GAAI,wFAS3B,kBAAkB,sBA8BpB,CAAC"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAqC,MAAM,OAAO,CAAC;AAEzF,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAElG,OAAO,EAAE,KAAK,eAAe,EAAe,MAAM,aAAa,CAAC;AAKhE,OAAO,EAAwB,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAE9F,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvB,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC,CAAC;AAOF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,yBAAyB,EAAE,UAAU,CAAC,GAC1E,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,GACnD,iBAAiB,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,CAAC,CAAC;AAEL,eAAO,MAAM,aAAa,GAAI,mGAU3B,kBAAkB,sBA+BpB,CAAC"}

package/dist/types/src/components/ThemeProvider/ThemeProvider.stories.d.ts

@@ -0,0 +1,12 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: ({ children, fallback, resourceExtensions, appNs, tx, themeMode, rootDensity, noCache, platform, }: import("./ThemeProvider").ThemeProviderProps) => React.JSX.Element;
+    render: () => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=ThemeProvider.stories.d.ts.map

package/dist/types/src/components/ThemeProvider/ThemeProvider.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ThemeProvider/ThemeProvider.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,QAAA,MAAM,IAAI;;;;;CAa4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/components/Toast/Toast.d.ts

@@ -1,34 +1,34 @@
 import { Primitive } from '@radix-ui/react-primitive';
-import { type ToastActionProps as ToastActionPrimitiveProps, type ToastCloseProps as ToastClosePrimitiveProps, type ToastDescriptionProps as ToastDescriptionPrimitiveProps, type ToastProviderProps as ToastProviderPrimitiveProps, type ToastProps as ToastRootPrimitiveProps, type ToastTitleProps as ToastTitlePrimitiveProps, type ToastViewportProps as ToastViewportPrimitiveProps } from '@radix-ui/react-toast';
+import * as ToastPrimitive from '@radix-ui/react-toast';
 import React, { type ComponentPropsWithRef } from 'react';
 import { type ThemedClassName } from '../../util';
-type ToastProviderProps = ToastProviderPrimitiveProps;
-type ToastViewportProps = ThemedClassName<ToastViewportPrimitiveProps>;
-type ToastRootProps = ThemedClassName<ToastRootPrimitiveProps>;
+type ToastProviderProps = ToastPrimitive.ToastProviderProps;
+type ToastViewportProps = ThemedClassName<ToastPrimitive.ToastViewportProps>;
+type ToastRootProps = ThemedClassName<ToastPrimitive.ToastProps>;
 type ToastBodyProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>>;
-type ToastTitleProps = ThemedClassName<ToastTitlePrimitiveProps>;
-type ToastDescriptionProps = ThemedClassName<ToastDescriptionPrimitiveProps>;
+type ToastTitleProps = ThemedClassName<ToastPrimitive.ToastTitleProps>;
+type ToastDescriptionProps = ThemedClassName<ToastPrimitive.ToastDescriptionProps>;
 type ToastActionsProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>>;
-type ToastActionProps = ToastActionPrimitiveProps;
-type ToastCloseProps = ToastClosePrimitiveProps;
+type ToastActionProps = ToastPrimitive.ToastActionProps;
+type ToastCloseProps = ToastPrimitive.ToastCloseProps;
 export declare const Toast: {
-    Provider: React.FunctionComponent<ToastProviderPrimitiveProps>;
-    Viewport: React.ForwardRefExoticComponent<Omit<ToastViewportPrimitiveProps, "className"> & {
+    Provider: React.FunctionComponent<ToastPrimitive.ToastProviderProps>;
+    Viewport: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastViewportProps, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLOListElement>>;
-    Root: React.ForwardRefExoticComponent<Omit<ToastRootPrimitiveProps, "className"> & {
+    Root: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastProps, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLLIElement>>;
     Body: React.ForwardRefExoticComponent<Omit<ToastBodyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Title: React.ForwardRefExoticComponent<Omit<ToastTitlePrimitiveProps, "className"> & {
+    Title: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastTitleProps, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLHeadingElement>>;
-    Description: React.ForwardRefExoticComponent<Omit<ToastDescriptionPrimitiveProps, "className"> & {
+    Description: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastDescriptionProps, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLParagraphElement>>;
     Actions: React.ForwardRefExoticComponent<Omit<ToastActionsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Action: React.FunctionComponent<ToastActionPrimitiveProps>;
-    Close: React.FunctionComponent<ToastClosePrimitiveProps>;
+    Action: React.FunctionComponent<ToastPrimitive.ToastActionProps>;
+    Close: React.FunctionComponent<ToastPrimitive.ToastCloseProps>;
 };
 export type { ToastProviderProps, ToastViewportProps, ToastRootProps, ToastBodyProps, ToastTitleProps, ToastDescriptionProps, ToastActionsProps, ToastActionProps, ToastCloseProps, };
 //# sourceMappingURL=Toast.d.ts.map

package/dist/types/src/components/Toast/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAEL,KAAK,gBAAgB,IAAI,yBAAyB,EAElD,KAAK,eAAe,IAAI,wBAAwB,EAEhD,KAAK,qBAAqB,IAAI,8BAA8B,EAE5D,KAAK,kBAAkB,IAAI,2BAA2B,EAEtD,KAAK,UAAU,IAAI,uBAAuB,EAE1C,KAAK,eAAe,IAAI,wBAAwB,EAEhD,KAAK,kBAAkB,IAAI,2BAA2B,EACvD,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAsC,MAAM,OAAO,CAAC;AAG9F,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,KAAK,kBAAkB,GAAG,2BAA2B,CAAC;AAItD,KAAK,kBAAkB,GAAG,eAAe,CAAC,2BAA2B,CAAC,CAAC;AASvE,KAAK,cAAc,GAAG,eAAe,CAAC,uBAAuB,CAAC,CAAC;AAW/D,KAAK,cAAc,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;AAQnF,KAAK,eAAe,GAAG,eAAe,CAAC,wBAAwB,CAAC,CAAC;AAUjE,KAAK,qBAAqB,GAAG,eAAe,CAAC,8BAA8B,CAAC,CAAC;AAY7E,KAAK,iBAAiB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;AAUtF,KAAK,gBAAgB,GAAG,yBAAyB,CAAC;AAIlD,KAAK,eAAe,GAAG,wBAAwB,CAAC;AAIhD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;CAUjB,CAAC;AAEF,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GAChB,CAAC"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAsC,MAAM,OAAO,CAAC;AAG9F,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,KAAK,kBAAkB,GAAG,cAAc,CAAC,kBAAkB,CAAC;AAI5D,KAAK,kBAAkB,GAAG,eAAe,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAO7E,KAAK,cAAc,GAAG,eAAe,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;AAWjE,KAAK,cAAc,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;AAQnF,KAAK,eAAe,GAAG,eAAe,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;AAUvE,KAAK,qBAAqB,GAAG,eAAe,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;AAUnF,KAAK,iBAAiB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;AAUtF,KAAK,gBAAgB,GAAG,cAAc,CAAC,gBAAgB,CAAC;AAIxD,KAAK,eAAe,GAAG,cAAc,CAAC,eAAe,CAAC;AAItD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;CAUjB,CAAC;AAEF,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GAChB,CAAC"}

package/dist/types/src/components/Toolbar/Toolbar.d.ts

@@ -1,15 +1,13 @@
 import type { ToggleGroupItemProps as ToggleGroupItemPrimitiveProps } from '@radix-ui/react-toggle-group';
 import * as ToolbarPrimitive from '@radix-ui/react-toolbar';
 import React from 'react';
-import { type ThemedClassName } from '../../util';
+import { type ToolbarStyleProps } from '@dxos/ui-theme';
+import { type SlottableProps } from '@dxos/ui-types';
 import { type ButtonGroupProps, type ButtonProps, type IconButtonProps, type ToggleGroupItemProps, type ToggleProps } from '../Button';
 import { type LinkProps } from '../Link';
 import { type SeparatorProps } from '../Separator';
-type ToolbarRootProps = ThemedClassName<ToolbarPrimitive.ToolbarProps & {
-    disabled?: boolean;
-    layoutManaged?: boolean;
-    textBlockWidth?: boolean;
-}>;
+type ToolbarRootProps = ToolbarPrimitive.ToolbarProps & ToolbarStyleProps;
+type ToolbarTextProps = SlottableProps;
 type ToolbarButtonProps = ButtonProps;
 type ToolbarIconButtonProps = IconButtonProps;
 type ToolbarToggleProps = ToggleProps;
@@ -20,13 +18,38 @@ type ToolbarToggleGroupIconItemProps = Omit<ToggleGroupItemPrimitiveProps, 'clas
 type ToolbarSeparatorProps = SeparatorProps & {
     variant?: 'gap' | 'line';
 };
+type ToolbarDragHandleProps = {
+    testId?: string;
+    label?: string;
+};
+type ToolbarCloseIconButtonProps = {
+    onClick?: () => void;
+    label?: string;
+};
+type ToolbarMenuItem<T extends any | void = void> = {
+    label: string;
+    onClick: (context: T) => void;
+};
+type ToolbarMenuProps<T extends any | void = void> = {
+    context?: T;
+    items?: ToolbarMenuItem<T>[];
+};
 export declare const Toolbar: {
-    Root: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarProps & {
-        disabled?: boolean;
-        layoutManaged?: boolean;
-        textBlockWidth?: boolean;
+    Root: React.ForwardRefExoticComponent<Omit<ToolbarRootProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        className?: string;
+        children?: React.ReactNode;
+        role?: string;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Text: React.ForwardRefExoticComponent<Omit<{
+        asChild?: boolean;
     }, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        className?: string;
+        children?: React.ReactNode;
+        role?: string;
     } & React.RefAttributes<HTMLDivElement>>;
     Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
     IconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
@@ -56,6 +79,9 @@ export declare const Toolbar: {
     } & {
         variant?: "gap" | "line";
     } & React.RefAttributes<HTMLDivElement>>;
+    DragHandle: React.ForwardRefExoticComponent<ToolbarDragHandleProps & React.RefAttributes<HTMLButtonElement>>;
+    CloseIconButton: React.ForwardRefExoticComponent<ToolbarCloseIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+    Menu: <T extends unknown = void>({ context, items }: ToolbarMenuProps<T>) => React.JSX.Element;
 };
-export type { ToolbarRootProps, ToolbarButtonProps, ToolbarIconButtonProps, ToolbarLinkProps, ToolbarToggleProps, ToolbarToggleGroupProps, ToolbarToggleGroupItemProps, ToolbarToggleGroupIconItemProps, ToolbarSeparatorProps, };
+export type { ToolbarRootProps, ToolbarTextProps, ToolbarButtonProps, ToolbarIconButtonProps, ToolbarLinkProps, ToolbarToggleProps, ToolbarToggleGroupProps, ToolbarToggleGroupItemProps, ToolbarToggleGroupIconItemProps, ToolbarSeparatorProps, ToolbarDragHandleProps, ToolbarCloseIconButtonProps, ToolbarMenuItem, ToolbarMenuProps, };
 //# sourceMappingURL=Toolbar.d.ts.map