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

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

@@ -1,37 +1,62 @@
-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 ScrollContainerRootProps = PropsWithChildren<{
     pin?: boolean;
-    fade?: boolean;
-}>>;
-type ViewportProps = ThemedClassName<PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'className'>>>;
-type ScrollDownButtonProps = ThemedClassName;
+    behavior?: ScrollBehavior;
+}>;
+type ScrollContainerContentProps = Pick<ScrollAreaRootProps, 'thin' | 'padding' | 'centered'>;
+type ScrollContainerViewportProps = SlottableProps;
+type ScrollContainerFadeProps = {};
+declare function ScrollContainerFade(): React.JSX.Element;
+declare namespace ScrollContainerFade {
+    var displayName: string;
+}
+type ScrollContainerScrollDownButtonProps = ThemedClassName;
+declare function ScrollContainerScrollDownButton({ classNames }: ScrollContainerScrollDownButtonProps): React.JSX.Element;
+declare namespace ScrollContainerScrollDownButton {
+    var displayName: string;
+}
 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>>;
-    ScrollDownButton: {
-        ({ classNames }: ScrollDownButtonProps): React.JSX.Element;
-        displayName: string;
-    };
+    Content: React.ForwardRefExoticComponent<Omit<ScrollContainerContentProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Viewport: React.ForwardRefExoticComponent<Omit<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Fade: typeof ScrollContainerFade;
+    ScrollDownButton: typeof ScrollContainerScrollDownButton;
 };
-export type { RootProps as ScrollContainerRootProps, ViewportProps as ScrollContainerViewportProps, ScrollDownButtonProps as ScrollContainerScrollDownButtonProps, };
+export type { ScrollContainerRootProps, ScrollContainerContentProps, ScrollContainerViewportProps, ScrollContainerFadeProps, 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;AAMf,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,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,wBAAwB,GAAG,iBAAiB,CAAC;IAChD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC,CAAC;AAuFH,KAAK,2BAA2B,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AA8B9F,KAAK,4BAA4B,GAAG,cAAc,CAAC;AAgGnD,KAAK,wBAAwB,GAAG,EAAE,CAAC;AAEnC,iBAAS,mBAAmB,sBAc3B;;;;AAUD,KAAK,oCAAoC,GAAG,eAAe,CAAC;AAE5D,iBAAS,+BAA+B,CAAC,EAAE,UAAU,EAAE,EAAE,oCAAoC,qBAqB5F;;;;AAQD,OAAO,EAAE,yBAAyB,EAAE,CAAC;AAErC,eAAO,MAAM,eAAe;IAC1B,IAAI;cAnRE,OAAO;mBACF,cAAc;;;;IAmRzB,OAAO;;;IACP,QAAQ;;;;;;;;;IACR,IAAI;IACJ,gBAAgB;CACjB,CAAC;AAEF,YAAY,EACV,wBAAwB,EACxB,2BAA2B,EAC3B,4BAA4B,EAC5B,wBAAwB,EACxB,oCAAoC,GACrC,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;eAEvB,IAAI;AAEnB,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;AAG1C,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;AAoBnH,KAAK,kBAAkB,GAAG,eAAe,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;AAwB9E,KAAK,yBAAyB,GAAG,eAAe,CAAC,eAAe,CAAC,yBAAyB,CAAC,CAAC;AAmB5F,KAAK,2BAA2B,GAAG,eAAe,CAAC,eAAe,CAAC,2BAA2B,CAAC,CAAC;AAmBhG,KAAK,mBAAmB,GAAG,eAAe,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;AAehF,KAAK,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;AASxE,KAAK,mBAAmB,GAAG,eAAe,CAAC,mBAAmB,CAAC;AAI/D,KAAK,wBAAwB,GAAG,eAAe,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC;AAmB1F,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;AASlF,KAAK,gBAAgB,GAAG,eAAe,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAS1E,eAAO,MAAM,MAAM;IACjB,IAAI;IACJ,OAAO;IACP,aAAa;IACb,KAAK;IACL,IAAI;IACJ,MAAM;IACN,OAAO;;;IACP,cAAc;;;IACd,gBAAgB;;;IAChB,QAAQ;;;IACR,IAAI;;;IACJ,QAAQ;IACR,aAAa;;;IACb,MAAM;;;IACN,KAAK;IACL,KAAK;IACL,SAAS;;;IACT,KAAK;;;CACN,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;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}

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

@@ -0,0 +1,6 @@
+import { type Elevation, type Theme } from '@dxos/ui-types';
+export type SelectStyleProps = Partial<{
+    elevation: Elevation;
+}>;
+export declare const selectTheme: Theme<SelectStyleProps>;
+//# sourceMappingURL=Select.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEpF,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACrC,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAoCH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAS/C,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/Separator/Separator.theme.d.ts

@@ -0,0 +1,7 @@
+import { type Theme } from '@dxos/ui-types';
+export type SeparatorStyleProps = {
+    orientation?: 'horizontal' | 'vertical';
+    subdued?: boolean;
+};
+export declare const separatorTheme: Theme<SeparatorStyleProps>;
+//# sourceMappingURL=Separator.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Separator/Separator.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEpE,MAAM,MAAM,mBAAmB,GAAG;IAChC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAUF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,mBAAmB,CAErD,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;;IAMxB,KAAK;IACL,SAAS;IACT,UAAU;IACV,UAAU;QACR,MAAM;;;;AAIV,eAAO,MAAM,OAAO;IAClB,MAAM;CAWP,CAAC;AAEF,eAAO,MAAM,IAAI;IACf,MAAM;CAiBP,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeleton/Skeleton.theme.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAqB,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE/D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;CACzC,CAAC;AAUF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,kBAAkB,CAEnD,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,32 @@
+import React from 'react';
+import { ThemedClassName } from '../../util';
+type Mode = 'top' | 'bottom' | 'split';
+type SplitterContextValue = {
+    mode: Mode;
+    ratio?: number;
+    transition: number;
+};
+declare const createSplitterScope: import("@radix-ui/react-context").CreateScope;
+type SplitterRootProps = Partial<SplitterContextValue>;
+type SplitterPanelProps = ThemedClassName<{
+    position: 'top' | 'bottom';
+}>;
+declare const Splitter: {
+    Root: React.ForwardRefExoticComponent<Omit<Partial<SplitterContextValue> & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Panel: React.ForwardRefExoticComponent<Omit<Omit<{
+        position: 'top' | 'bottom';
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+};
+export { Splitter, createSplitterScope };
+export type { Mode as SplitterMode, SplitterRootProps, 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;AAI1B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAK7C,KAAK,IAAI,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEvC,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,QAAA,MAA8B,mBAAmB,+CAAqC,CAAC;AAUvF,KAAK,iBAAiB,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;AA2BvD,KAAK,kBAAkB,GAAG,eAAe,CAAC;IACxC,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC5B,CAAC,CAAC;AAiDH,QAAA,MAAM,QAAQ;IACZ,IAAI;;;;;IACJ,KAAK;kBApDK,KAAK,GAAG,QAAQ;;;;;;;;CAqD3B,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC;AAEzC,YAAY,EAAE,IAAI,IAAI,YAAY,EAAE,iBAAiB,EAAE,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;AAOjE,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAoD9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAQjC,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Splitter.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Splitter/Splitter.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEpE,MAAM,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAOpC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,kBAAkB,CAGnD,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 '../../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;AAGtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACpD,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;AAK1B,QAAA,MAAM,IAAI;;;;CAIqB,CAAC;eAEjB,IAAI;AAEnB,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/Status/Status.theme.d.ts

@@ -0,0 +1,7 @@
+import type { Theme } from '@dxos/ui-types';
+export type StatusStyleProps = {
+    variant?: 'default' | 'main-bottom';
+    indeterminate?: boolean;
+};
+export declare const statusTheme: Theme<StatusStyleProps>;
+//# sourceMappingURL=Status.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Status.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Status/Status.theme.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAqB,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAiBF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAG/C,CAAC"}

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

@@ -1,6 +1,6 @@
 import { Primitive } from '@radix-ui/react-primitive';
 import React, { type ComponentPropsWithRef } from 'react';
-import { type ChromaticPalette, type MessageValence, type NeutralPalette } from '@dxos/react-ui-types';
+import { type ChromaticPalette, type MessageValence, type NeutralPalette } from '@dxos/ui-types';
 import { type ThemedClassName } from '../../util';
 export type TagProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.span>> & {
     palette?: NeutralPalette | ChromaticPalette | MessageValence;

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,sBAAsB,CAAC;AAGvG,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;AAU1B,QAAA,MAAM,IAAI;;;;;CAakB,CAAC;eAEd,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

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

@@ -0,0 +1,6 @@
+import { type ChromaticPalette, type MessageValence, type NeutralPalette, type Theme } from '@dxos/ui-types';
+export type TagStyleProps = {
+    palette?: ChromaticPalette | NeutralPalette | MessageValence;
+};
+export declare const tagTheme: Theme<TagStyleProps>;
+//# sourceMappingURL=Tag.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/Tag.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,gBAAgB,EAErB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,KAAK,EACX,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,CAAC;CAC9D,CAAC;AAIF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAAa,CAEzC,CAAC"}

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

@@ -1,34 +1,37 @@
-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 ToastBodyProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>>;
-type ToastTitleProps = ThemedClassName<ToastTitlePrimitiveProps>;
-type ToastDescriptionProps = ThemedClassName<ToastDescriptionPrimitiveProps>;
-type ToastActionsProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>>;
-type ToastActionProps = ToastActionPrimitiveProps;
-type ToastCloseProps = ToastClosePrimitiveProps;
+type ToastProviderProps = ToastPrimitive.ToastProviderProps;
+type ToastViewportProps = ThemedClassName<ToastPrimitive.ToastViewportProps>;
+type ToastRootProps = ThemedClassName<ToastPrimitive.ToastProps>;
+type ToastTitleProps = ThemedClassName<ToastPrimitive.ToastTitleProps> & {
+    icon?: string;
+    onClose?: () => void;
+};
+type ToastDescriptionProps = ThemedClassName<ToastPrimitive.ToastDescriptionProps>;
+type ToastActionsProps = ThemedClassName<ComponentPropsWithRef<'div'>>;
+type ToastActionProps = ToastPrimitive.ToastActionProps;
+type ToastCloseProps = ToastPrimitive.ToastCloseProps;
 export declare const Toast: {
-    Provider: React.FunctionComponent<ToastProviderPrimitiveProps>;
-    Viewport: React.ForwardRefExoticComponent<Omit<ToastViewportPrimitiveProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+    Provider: React.FC<ToastPrimitive.ToastProviderProps>;
+    Viewport: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastViewportProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLOListElement>>;
-    Root: React.ForwardRefExoticComponent<Omit<ToastRootPrimitiveProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+    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"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+    Title: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastTitleProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        icon?: string;
+        onClose?: () => void;
     } & React.RefAttributes<HTMLHeadingElement>>;
-    Description: React.ForwardRefExoticComponent<Omit<ToastDescriptionPrimitiveProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+    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.ForwardRefExoticComponent<ToastPrimitive.ToastActionProps & React.RefAttributes<HTMLButtonElement>>;
+    Close: React.ForwardRefExoticComponent<ToastPrimitive.ToastCloseProps & React.RefAttributes<HTMLButtonElement>>;
 };
-export type { ToastProviderProps, ToastViewportProps, ToastRootProps, ToastBodyProps, ToastTitleProps, ToastDescriptionProps, ToastActionsProps, ToastActionProps, ToastCloseProps, };
+export type { ToastProviderProps, ToastViewportProps, ToastRootProps, 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,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAOtE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AASlD,KAAK,kBAAkB,GAAG,cAAc,CAAC,kBAAkB,CAAC;AAQ5D,KAAK,kBAAkB,GAAG,eAAe,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAa7E,KAAK,cAAc,GAAG,eAAe,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;AAmBjE,KAAK,eAAe,GAAG,eAAe,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAqCF,KAAK,qBAAqB,GAAG,eAAe,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;AAmBnF,KAAK,iBAAiB,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;AAmBvE,KAAK,gBAAgB,GAAG,cAAc,CAAC,gBAAgB,CAAC;AAIxD,KAAK,eAAe,GAAG,cAAc,CAAC,eAAe,CAAC;AAQtD,eAAO,MAAM,KAAK;IAChB,QAAQ;IACR,QAAQ;;;IACR,IAAI;;;IACJ,KAAK;;;eA7FE,MAAM;kBACH,MAAM,IAAI;;IA6FpB,WAAW;;;IACX,OAAO;IACP,MAAM;IACN,KAAK;CACN,CAAC;AAEF,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GAChB,CAAC"}

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

@@ -5,19 +5,22 @@ type ActionTriggerProps = {
     trigger: ReactNode;
 };
 type StorybookToastProps = Partial<{
+    icon: string;
     title: string;
     description: string;
+    duration: number;
     actionTriggers: ActionTriggerProps[];
     openTrigger: string;
-    closeTrigger: ReactNode;
+    defaultOpen: boolean;
 }>;
 declare const meta: {
     title: string;
     component: any;
-    render: ({ title, description, actionTriggers, openTrigger, closeTrigger }: StorybookToastProps) => React.JSX.Element;
+    render: ({ icon, title, description, duration, actionTriggers, openTrigger, defaultOpen, }: StorybookToastProps) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const WithAction: Story;
 //# sourceMappingURL=Toast.stories.d.ts.map