@dxos/react-ui 0.8.4-main.c1de068 → 0.8.4-main.c351d160a8

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

@@ -1,38 +1,28 @@
-import '@dxos-theme';
+import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
-import { type MessageValence } from '@dxos/react-ui-types';
+import { type MessageValence } from '@dxos/ui-types';
 type StoryProps = {
     valence: MessageValence;
     title: string;
     body: string;
 };
-declare const _default: {
+declare const meta: {
     title: string;
-    component: {
-        Root: React.ForwardRefExoticComponent<Omit<import("./Message").MessageRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-        Title: React.ForwardRefExoticComponent<Omit<import("./Message").MessageTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-        Content: React.ForwardRefExoticComponent<Omit<import("./Message").MessageContentProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-    };
+    component: any;
     render: ({ valence, title, body }: StoryProps) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
     parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
+        layout: string;
     };
     argTypes: {
         valence: {
-            control: string;
+            control: "select";
             options: string[];
         };
     };
 };
-export default _default;
-export declare const Default: {
-    args: {
-        valence: string;
-        title: string;
-        body: string;
-    };
-};
+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,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAK3D,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;;;;;;;;uCAE8C,UAAU;;;;;;;;;;;;;;AAO1D,wBAYE;AAEF,eAAO,MAAM,OAAO;;;;;;CAMnB,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;AAQrD,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAWF,QAAA,MAAM,IAAI;;eAEmB,GAAG;uCAXgB,UAAU;;;;;;;;;;;CAuBrB,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 ElementRef, type RefObject, type ReactNode, type ComponentPropsWithoutRef } 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 {
-    virtualRef: RefObject<PopoverTriggerElement>;
-}
+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,19 @@ 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>;
     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 +100,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

@@ -1,44 +1,16 @@
-import '@dxos-theme';
+import { type StoryObj } from '@storybook/react-vite';
 import React, { type PropsWithChildren, type ReactNode } from 'react';
-declare const _default: {
+declare const meta: {
     title: string;
-    component: {
-        Root: React.FC<import("./Popover").PopoverRootProps>;
-        Anchor: React.ForwardRefExoticComponent<import("./Popover").PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
-        Trigger: React.ForwardRefExoticComponent<import("./Popover").PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-        VirtualTrigger: {
-            (props: import("./Popover").PopoverVirtualTriggerProps & {
-                __scopePopover?: import("@radix-ui/react-context").Scope;
-            }): React.JSX.Element;
-            displayName: string;
-        };
-        Portal: React.FC<import("./Popover").PopoverPortalProps>;
-        Content: React.ForwardRefExoticComponent<Omit<import("./Popover").PopoverContentTypeProps, "className"> & {
-            classNames?: import("@dxos/react-ui-types").ClassNameValue;
-        } & {
-            forceMount?: boolean;
-        } & React.RefAttributes<HTMLDivElement>>;
-        Close: React.ForwardRefExoticComponent<import("./Popover").PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
-        Arrow: React.ForwardRefExoticComponent<import("./Popover").PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
-        Viewport: React.ForwardRefExoticComponent<Omit<import("./Popover").PopoverViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    };
+    component: React.FC<import("./Popover").PopoverRootProps>;
     render: ({ openTrigger, children }: PropsWithChildren<{
         openTrigger: ReactNode;
     }>) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    args: {
-        openTrigger: React.JSX.Element;
-        children: string;
-    };
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
 export declare const VirtualTrigger: {
     render: () => React.JSX.Element;
 };

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,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;wCAUvC,iBAAiB,CAAC;QAAE,WAAW,EAAE,SAAS,CAAA;KAAE,CAAC;;;;;;;;AAc9F,wBAME;AAEF,eAAO,MAAM,OAAO;;;;;CAKnB,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;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"}

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

@@ -1,32 +1,29 @@
-import { type ScrollAreaProps as ScrollAreaPrimitiveRootProps, type ScrollAreaViewportProps as ScrollAreaPrimitiveViewportProps, type ScrollAreaScrollbarProps as ScrollAreaPrimitiveScrollbarProps, type ScrollAreaThumbProps as ScrollAreaPrimitiveThumbProps, type ScrollAreaCornerProps as ScrollAreaPrimitiveCornerProps } 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 React, { type HTMLAttributes } from 'react';
+import { type AllowedAxis, type SlottableProps, type ThemedClassName } 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. */
+    margin?: 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 = SlottableProps<HTMLDivElement, Partial<ScrollAreaContextType>>;
+type ScrollAreaViewportProps = ThemedClassName<HTMLAttributes<HTMLDivElement>>;
 export declare const ScrollArea: {
-    Root: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitiveRootProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+    Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & Partial<ScrollAreaContextType> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+        asChild?: boolean;
     } & 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;
+    Viewport: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & 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,eAAe,IAAI,4BAA4B,EAEpD,KAAK,uBAAuB,IAAI,gCAAgC,EAEhE,KAAK,wBAAwB,IAAI,iCAAiC,EAElE,KAAK,oBAAoB,IAAI,6BAA6B,EAE1D,KAAK,qBAAqB,IAAI,8BAA8B,EAC7D,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,KAAK,EAAE,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAU7F,KAAK,qBAAqB,GAAG;IAC3B,iCAAiC;IACjC,WAAW,EAAE,WAAW,CAAC;IACzB,0CAA0C;IAC1C,QAAQ,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,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,cAAc,CAAC,cAAc,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC,CAAC;AA2C1F,KAAK,uBAAuB,GAAG,eAAe,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;AAqB/E,eAAO,MAAM,UAAU;;;;;;;;CAGtB,CAAC;AAEF,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,CAAC"}

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

@@ -1,38 +1,48 @@
-import '@dxos-theme';
-import React, { type PropsWithChildren } from 'react';
+import React from 'react';
 declare const _default: {
     title: string;
     component: {
-        Root: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-scroll-area").ScrollAreaProps, "className"> & {
-            classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & Partial<{
+            orientation: import("@dxos/ui-types").AllowedAxis;
+            autoHide: boolean;
+            margin?: boolean;
+            padding: boolean;
+            thin: boolean;
+            snap: boolean;
+        }> & {
+            classNames?: import("@dxos/ui-types").ClassNameValue;
+            asChild?: boolean;
         } & React.RefAttributes<HTMLDivElement>>;
-        Viewport: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-scroll-area").ScrollAreaViewportProps, "className"> & {
-            classNames?: import("@dxos/react-ui-types").ClassNameValue;
-        } & React.RefAttributes<HTMLDivElement>>;
-        Scrollbar: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-scroll-area").ScrollAreaScrollbarProps, "className"> & {
-            classNames?: import("@dxos/react-ui-types").ClassNameValue;
-        } & {
-            variant?: "coarse" | "fine";
-        } & React.RefAttributes<HTMLDivElement>>;
-        Thumb: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-scroll-area").ScrollAreaThumbProps, "className"> & {
-            classNames?: import("@dxos/react-ui-types").ClassNameValue;
-        } & React.RefAttributes<HTMLDivElement>>;
-        Corner: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-scroll-area").ScrollAreaCornerProps, "className"> & {
-            classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        Viewport: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+            classNames?: import("@dxos/ui-types").ClassNameValue;
         } & React.RefAttributes<HTMLDivElement>>;
     };
-    render: ({ children }: PropsWithChildren<{}>) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
     parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
+        layout: string;
     };
 };
 export default _default;
-export declare const Default: {
-    args: {
-        children: string;
-    };
+export declare const Vertical: {
+    render: () => React.JSX.Element;
+};
+export declare const VerticalThin: {
+    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 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,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;2BAUlB,iBAAiB,CAAC,EAAE,CAAC;;;;;;;;AAmBzD,wBAME;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}
+{"version":3,"file":"ScrollArea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAkB,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;AAWvC,wBAOE;AAyBF,eAAO,MAAM,QAAQ;;CAUpB,CAAC;AAEF,eAAO,MAAM,YAAY;;CAUxB,CAAC;AAEF,eAAO,MAAM,UAAU;;CAUtB,CAAC;AAEF,eAAO,MAAM,cAAc;;CAU1B,CAAC;AAEF,eAAO,MAAM,IAAI;;CAuBhB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;CAqC7B,CAAC;AAEF,eAAO,MAAM,YAAY;;CAiBxB,CAAC"}

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

@@ -0,0 +1,39 @@
+import React, { type HTMLAttributes, type PropsWithChildren } from 'react';
+import { type ThemedClassName } from '../../util';
+export interface ScrollController {
+    viewport: HTMLDivElement | null;
+    scrollToTop: (behavior?: ScrollBehavior) => void;
+    scrollToBottom: (behavior?: ScrollBehavior) => void;
+}
+type ScrollContainerContextValue = {
+    scrollToBottom: (behavior?: ScrollBehavior) => void;
+    controller?: ScrollController;
+    pinned?: boolean;
+};
+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 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"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    ScrollDownButton: {
+        ({ classNames }: ScrollDownButtonProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+export type { RootProps as ScrollContainerRootProps, ViewportProps as ScrollContainerViewportProps, ScrollDownButtonProps as ScrollContainerScrollDownButtonProps, };
+//# sourceMappingURL=ScrollContainer.d.ts.map

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

@@ -0,0 +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;AAOf,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,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;AAuGF,KAAK,aAAa,GAAG,eAAe,CAAC,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;AAmC3G,KAAK,qBAAqB,GAAG,eAAe,CAAC;AAgC7C,OAAO,EAAE,yBAAyB,EAAE,CAAC;AAErC,eAAO,MAAM,eAAe;;cAhLlB,OAAO;eACN,OAAO;mBACH,cAAc;;;;;;;;yBA8Ia,qBAAqB;;;CAoC9D,CAAC;AAEF,YAAY,EACV,SAAS,IAAI,wBAAwB,EACrC,aAAa,IAAI,4BAA4B,EAC7C,qBAAqB,IAAI,oCAAoC,GAC9D,CAAC"}

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

@@ -0,0 +1,24 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+import { type ScrollContainerRootProps, type ScrollController } from './ScrollContainer';
+type StoryProps = 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: ({ initialLines, running: runningProp, ...props }: StoryProps) => 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

@@ -0,0 +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;AAS3D,OAAO,EAAmB,KAAK,wBAAwB,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1G,KAAK,UAAU,GAAG,wBAAwB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AA+C1F,QAAA,MAAM,IAAI;;;;;;;;;+DA7CkE,UAAU;;CAkDjD,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/ScrollContainer/index.d.ts

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

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

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

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

@@ -1,7 +1,7 @@
 import * as SelectPrimitive from '@radix-ui/react-select';
 import React from 'react';
 import { type ThemedClassName } from '../../util';
-import { type ButtonProps } from '../Buttons';
+import { type ButtonProps } from '../Button';
 type SelectRootProps = SelectPrimitive.SelectProps;
 type SelectTriggerProps = SelectPrimitive.SelectTriggerProps;
 type SelectValueProps = SelectPrimitive.SelectValueProps;
@@ -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,YAAY,CAAC;AAGtD,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;AAmBnH,KAAK,kBAAkB,GAAG,eAAe,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;AAqB9E,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;AAezC,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

@@ -1,4 +1,3 @@
-import '@dxos-theme';
 import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
 type ItemProps = {
@@ -8,16 +7,12 @@ type ItemProps = {
 type StoryProps = {
     items: ItemProps[];
 };
-export declare const Default: StoryObj<StoryProps>;
-declare const _default: {
+declare const meta: {
     title: string;
     render: ({ items }: StoryProps) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-    };
 };
-export default _default;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
 //# sourceMappingURL=Select.stories.d.ts.map

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,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,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,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,UAAU,CAIxC,CAAC;;;wBA3BoC,UAAU;;;;;;;;AA6BhD,wBAKE"}
+{"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"}

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"}