@dxos/react-ui 0.8.4-main.fffef41 → 0.8.4-staging.ac66bdf99f

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

@@ -1,7 +1,7 @@
 import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
-import { type MessageValence } from '@dxos/react-ui-types';
-type StoryProps = {
+import { type MessageValence } from '@dxos/ui-types';
+type DefaultStoryProps = {
     valence: MessageValence;
     title: string;
     body: string;
@@ -9,12 +9,10 @@ type StoryProps = {
 declare const meta: {
     title: string;
     component: any;
-    render: ({ valence, title, body }: StoryProps) => React.JSX.Element;
+    render: ({ valence, title, body }: DefaultStoryProps) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
     parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
+        layout: string;
     };
     argTypes: {
         valence: {
@@ -26,4 +24,5 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Error: Story;
 //# sourceMappingURL=Message.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAM3D,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AASF,QAAA,MAAM,IAAI;;eAEmB,GAAG;uCATgB,UAAU;;;;;;;;;;;;;CAmBrB,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}
+{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAOrD,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAWF,QAAA,MAAM,IAAI;;eAEmB,GAAG;uCAXgB,iBAAiB;;;;;;;;;;;CAuB5B,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/Popover/Popover.d.ts

@@ -4,31 +4,31 @@ import { FocusScope } from '@radix-ui/react-focus-scope';
 import * as PopperPrimitive from '@radix-ui/react-popper';
 import { Portal as PortalPrimitive } from '@radix-ui/react-portal';
 import { Primitive } from '@radix-ui/react-primitive';
-import React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type ElementRef, type ReactNode, type RefObject } from 'react';
+import React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type ComponentRef, type ReactNode, type RefObject } from 'react';
 import { type ThemedClassName } from '../../util';
 type ScopedProps<P> = P & {
     __scopePopover?: Scope;
 };
 declare const createPopoverScope: import("@radix-ui/react-context").CreateScope;
-interface PopoverRootProps {
+type PopoverRootProps = {
     children?: ReactNode;
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
     modal?: boolean;
-}
+};
 type PopperAnchorProps = ComponentPropsWithoutRef<typeof PopperPrimitive.Anchor>;
-interface PopoverAnchorProps extends PopperAnchorProps {
-}
-type PopoverTriggerElement = ElementRef<typeof Primitive.button>;
+type PopoverAnchorProps = PopperAnchorProps;
+type PopoverTriggerElement = ComponentRef<typeof Primitive.button>;
 type PrimitiveButtonProps = ComponentPropsWithoutRef<typeof Primitive.button>;
-interface PopoverTriggerProps extends PrimitiveButtonProps {
-}
-interface PopoverVirtualTriggerProps {
+type PopoverTriggerProps = PrimitiveButtonProps & {
+    asChild?: boolean;
+};
+type PopoverVirtualTriggerProps = {
     virtualRef: RefObject<PopoverTriggerElement | null>;
-}
+};
 type PortalProps = ComponentPropsWithoutRef<typeof PortalPrimitive>;
-interface PopoverPortalProps {
+type PopoverPortalProps = {
     children?: ReactNode;
     /**
      * Specify a container element to portal the content into.
@@ -39,7 +39,7 @@ interface PopoverPortalProps {
      * controlling animation with React animation libraries.
      */
     forceMount?: true;
-}
+};
 type PopoverContentProps = ThemedClassName<PopoverContentTypeProps> & {
     /**
      * Used to force mounting when more control is needed. Useful when
@@ -52,7 +52,7 @@ export interface PopoverContentTypeProps extends Omit<PopoverContentImplProps, '
 type FocusScopeProps = ComponentPropsWithoutRef<typeof FocusScope>;
 type DismissableLayerProps = ComponentPropsWithoutRef<typeof DismissableLayer>;
 type PopperContentProps = ThemedClassName<ComponentPropsWithoutRef<typeof PopperPrimitive.Content>>;
-interface PopoverContentImplProps extends Omit<PopperContentProps, 'onPlaced'>, Omit<DismissableLayerProps, 'onDismiss'> {
+type PopoverContentImplProps = Omit<PopperContentProps, 'onPlaced'> & Omit<DismissableLayerProps, 'onDismiss'> & {
     /**
      * Whether focus should be trapped within the `Popover`
      * (default: false)
@@ -68,12 +68,10 @@ interface PopoverContentImplProps extends Omit<PopperContentProps, 'onPlaced'>,
      * Can be prevented.
      */
     onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];
-}
-interface PopoverCloseProps extends PrimitiveButtonProps {
-}
+};
+type PopoverCloseProps = PrimitiveButtonProps;
 type PopperArrowProps = ThemedClassName<ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>>;
-interface PopoverArrowProps extends PopperArrowProps {
-}
+type PopoverArrowProps = PopperArrowProps;
 type PopoverViewportProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
     asChild?: boolean;
     constrainInline?: boolean;
@@ -82,15 +80,22 @@ type PopoverViewportProps = ThemedClassName<ComponentPropsWithRef<typeof Primiti
 type PopoverContentInteractOutsideEvent = Parameters<NonNullable<PopoverContentProps['onInteractOutside']>>[0];
 export declare const Popover: {
     Root: React.FC<PopoverRootProps>;
-    Anchor: React.ForwardRefExoticComponent<PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
-    Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Anchor: React.ForwardRefExoticComponent<Omit<PopperPrimitive.PopperAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+        asChild?: boolean;
+    }, "ref"> & {
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLButtonElement>>;
     VirtualTrigger: {
         (props: ScopedProps<PopoverVirtualTriggerProps>): React.JSX.Element;
         displayName: string;
     };
-    Portal: React.FC<PopoverPortalProps>;
+    Portal: {
+        (props: ScopedProps<PopoverPortalProps>): React.JSX.Element;
+        displayName: string;
+    };
     Content: React.ForwardRefExoticComponent<Omit<PopoverContentTypeProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & {
         /**
          * Used to force mounting when more control is needed. Useful when
@@ -98,8 +103,12 @@ export declare const Popover: {
          */
         forceMount?: boolean;
     } & React.RefAttributes<HTMLDivElement>>;
-    Close: React.ForwardRefExoticComponent<PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
-    Arrow: React.ForwardRefExoticComponent<PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
+    Close: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+        asChild?: boolean;
+    }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<Omit<PopperPrimitive.PopperArrowProps & React.RefAttributes<SVGSVGElement>, "ref">, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<SVGSVGElement>>;
     Viewport: React.ForwardRefExoticComponent<Omit<PopoverViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 export { createPopoverScope };

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AAyBxF,QAAA,MAAM,IAAI;;;wCAduC,iBAAiB,CAAC;QAAE,WAAW,EAAE,SAAS,CAAA;KAAE,CAAC;;CAmBzD,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,cAAc;;CAqB1B,CAAC"}
+{"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AAwBxF,QAAA,MAAM,IAAI;;;wCAduC,iBAAiB,CAAC;QAAE,WAAW,EAAE,SAAS,CAAA;KAAE,CAAC;;CAmBzD,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,cAAc;;CAqB1B,CAAC"}

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

@@ -1,32 +1,32 @@
-import { type ScrollAreaCornerProps as ScrollAreaPrimitiveCornerProps, type ScrollAreaProps as ScrollAreaPrimitiveRootProps, type ScrollAreaScrollbarProps as ScrollAreaPrimitiveScrollbarProps, type ScrollAreaThumbProps as ScrollAreaPrimitiveThumbProps, type ScrollAreaViewportProps as ScrollAreaPrimitiveViewportProps } from '@radix-ui/react-scroll-area';
 import React from 'react';
-import { type ThemedClassName } from '../../util';
-type ScrollAreaVariant = 'coarse' | 'fine';
-type ScrollAreaRootProps = ThemedClassName<ScrollAreaPrimitiveRootProps>;
-type ScrollAreaViewportProps = ThemedClassName<ScrollAreaPrimitiveViewportProps>;
-type ScrollAreaScrollbarProps = ThemedClassName<ScrollAreaPrimitiveScrollbarProps> & {
-    variant?: ScrollAreaVariant;
+import { type AllowedAxis, type SlottableProps } from '@dxos/ui-types';
+type ScrollAreaContextType = {
+    /** Orientation of scrollbars. */
+    orientation: AllowedAxis;
+    /** Hide scrollbars when not scrolling. */
+    autoHide: boolean;
+    /** Apply padding to opposite side of scrollbar. */
+    centered?: boolean;
+    /** Apply padding. */
+    padding: boolean;
+    /** Use thin scrollbars. */
+    thin: boolean;
+    /** Enable snap scrolling. */
+    snap: boolean;
 };
-type ScrollAreaThumbProps = ThemedClassName<ScrollAreaPrimitiveThumbProps>;
-type ScrollAreaCornerProps = ThemedClassName<ScrollAreaPrimitiveCornerProps>;
+type ScrollAreaRootProps = Partial<ScrollAreaContextType>;
+type ScrollAreaViewportProps = SlottableProps;
 export declare const ScrollArea: {
-    Root: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitiveRootProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Viewport: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitiveViewportProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Scrollbar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitiveScrollbarProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
-    } & {
-        variant?: ScrollAreaVariant;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Thumb: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitiveThumbProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Corner: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitiveCornerProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
-    } & React.RefAttributes<HTMLDivElement>>;
+    Root: React.ForwardRefExoticComponent<Omit<Partial<ScrollAreaContextType> & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+    Viewport: React.ForwardRefExoticComponent<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
 };
-export type { ScrollAreaRootProps, ScrollAreaViewportProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, };
+export type { ScrollAreaRootProps, ScrollAreaViewportProps };
 //# sourceMappingURL=ScrollArea.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,qBAAqB,IAAI,8BAA8B,EAE5D,KAAK,eAAe,IAAI,4BAA4B,EAEpD,KAAK,wBAAwB,IAAI,iCAAiC,EAElE,KAAK,oBAAoB,IAAI,6BAA6B,EAE1D,KAAK,uBAAuB,IAAI,gCAAgC,EACjE,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,iBAAiB,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3C,KAAK,mBAAmB,GAAG,eAAe,CAAC,4BAA4B,CAAC,CAAC;AAgBzE,KAAK,uBAAuB,GAAG,eAAe,CAAC,gCAAgC,CAAC,CAAC;AAejF,KAAK,wBAAwB,GAAG,eAAe,CAAC,iCAAiC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAAE,CAAC;AAgBrH,KAAK,oBAAoB,GAAG,eAAe,CAAC,6BAA6B,CAAC,CAAC;AAa3E,KAAK,qBAAqB,GAAG,eAAe,CAAC,8BAA8B,CAAC,CAAC;AAa7E,eAAO,MAAM,UAAU;;;;;;;;;;kBA1C0E,iBAAiB;;;;;;;;CAgDjH,CAAC;AAEF,YAAY,EACV,mBAAmB,EACnB,uBAAuB,EACvB,wBAAwB,EACxB,oBAAoB,EACpB,qBAAqB,GACtB,CAAC"}
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAUvE,KAAK,qBAAqB,GAAG;IAC3B,iCAAiC;IACjC,WAAW,EAAE,WAAW,CAAC;IACzB,0CAA0C;IAC1C,QAAQ,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,6BAA6B;IAC7B,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAUF,KAAK,mBAAmB,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AA8C1D,KAAK,uBAAuB,GAAG,cAAc,CAAC;AAkC9C,eAAO,MAAM,UAAU;;;;;;;;;;;CAGtB,CAAC;AAEF,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,CAAC"}

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

@@ -1,12 +1,61 @@
-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;
+        } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+        Viewport: React.ForwardRefExoticComponent<Omit<{
+            asChild?: boolean;
+        }, "className"> & {
+            classNames?: import("@dxos/ui-types").ClassNameValue;
+        } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+    };
     decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+    };
+};
+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;
 };
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
 //# 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;;CAwBpB,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":"ScrollArea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqC,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;AAa1D,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,37 +1,60 @@
-import React, { type HTMLAttributes, type PropsWithChildren } from 'react';
+import React, { type PropsWithChildren } from 'react';
+import { type SlottableProps } from '@dxos/ui-types';
 import { type ThemedClassName } from '../../util';
+import { type ScrollAreaRootProps } from '../ScrollArea';
 export interface ScrollController {
     viewport: HTMLDivElement | null;
     scrollToTop: (behavior?: ScrollBehavior) => void;
     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<{
+type RootProps = PropsWithChildren<{
     pin?: boolean;
-    fade?: boolean;
-}>>;
-type ViewportProps = ThemedClassName<PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'className'>>>;
+    behavior?: ScrollBehavior;
+}>;
+type ContentProps = Pick<ScrollAreaRootProps, 'thin' | 'padding' | 'centered'>;
+type ViewportProps = SlottableProps;
+type FadeProps = {};
 type ScrollDownButtonProps = ThemedClassName;
 export { useScrollContainerContext };
 export declare const ScrollContainer: {
-    Root: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<{
+    Root: React.ForwardRefExoticComponent<{
         pin?: boolean;
-        fade?: boolean;
-    }>, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        behavior?: ScrollBehavior;
+    } & {
+        children?: React.ReactNode | undefined;
     } & React.RefAttributes<ScrollController>>;
-    Viewport: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<React.HTMLAttributes<HTMLDivElement>, "className">>, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
-    } & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<ContentProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+    Viewport: React.ForwardRefExoticComponent<Omit<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & 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, ContentProps as ScrollContainerContentProps, 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":"AAMA,OAAO,KAAK,EAAE,EACZ,KAAK,cAAc,EACnB,KAAK,iBAAiB,EAOvB,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;CAChB,CAAC,CACH,CAAC;AAkGF,KAAK,aAAa,GAAG,eAAe,CAAC,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;AAkC3G,KAAK,qBAAqB,GAAG,eAAe,CAAC;AAgC7C,OAAO,EAAE,yBAAyB,EAAE,CAAC;AAErC,eAAO,MAAM,eAAe;;cAzKlB,OAAO;eACN,OAAO;;;;;;;;yBAwIwB,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;AAOf,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAMrE,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,iBAAiB,CAAC;IACjC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC,CAAC;AAuFH,KAAK,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AA8B/E,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;;cAlRpB,OAAO;mBACF,cAAc;;;;;;;;;;;;;;;;;;;;;yBAiPe,qBAAqB;;;CAsC9D,CAAC;AAEF,YAAY,EACV,SAAS,IAAI,wBAAwB,EACrC,YAAY,IAAI,2BAA2B,EAC3C,aAAa,IAAI,4BAA4B,EAC7C,SAAS,IAAI,wBAAwB,EACrC,qBAAqB,IAAI,oCAAoC,GAC9D,CAAC"}

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

@@ -1,18 +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<{
+    component: React.ForwardRefExoticComponent<{
         pin?: boolean;
-        fade?: boolean;
-    }>, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        behavior?: ScrollBehavior;
+    } & {
+        children?: React.ReactNode | undefined;
     } & 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;AAuC1G,QAAA,MAAM,IAAI;;;;;;;;oBArCmB,wBAAwB;;CA0ChB,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;AAQ3D,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;AAkDjG,QAAA,MAAM,IAAI;;;;;;;;+DAhDkE,iBAAiB;;CAqDxD,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

@@ -28,34 +28,34 @@ export declare const Select: {
     Icon: React.ForwardRefExoticComponent<SelectPrimitive.SelectIconProps & React.RefAttributes<HTMLSpanElement>>;
     Portal: React.FC<SelectPrimitive.SelectPortalProps>;
     Content: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
     ScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
     ScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
     Viewport: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectViewportProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
     Item: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
     ItemText: React.ForwardRefExoticComponent<SelectPrimitive.SelectItemTextProps & React.RefAttributes<HTMLSpanElement>>;
     ItemIndicator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemIndicatorProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
     Option: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
     Group: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
     Label: React.ForwardRefExoticComponent<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>>;
     Separator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
     Arrow: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectArrowProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<SVGSVGElement>>;
 };
 export type { SelectRootProps, SelectTriggerProps, SelectTriggerButtonProps, SelectValueProps, SelectIconProps, SelectPortalProps, SelectContentProps, SelectScrollUpButtonProps, SelectScrollDownButtonProps, SelectViewportProps, SelectItemProps, SelectItemTextProps, SelectItemIndicatorProps, SelectOptionProps, SelectGroupProps, SelectLabelProps, SelectSeparatorProps, SelectArrowProps, };

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;AAUxC,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,11 +1,11 @@
-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"> & {
-    classNames?: import("@dxos/react-ui-types").ClassNameValue;
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps, "className"> & {
+    classNames?: import("@dxos/ui-types").ClassNameValue;
 } & {
     subdued?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;

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;;;;;;;;;AAK1B,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"}