@dxos/react-ui 0.8.4-main.ef1bc66f44 → 0.8.4-main.f466a3d56e

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

@@ -0,0 +1,21 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+type DefaultStoryProps = {
+    title: string;
+    description?: string;
+    image?: string;
+    fullWidth?: boolean;
+};
+declare const meta: {
+    title: string;
+    render: ({ title, description, image, fullWidth }: 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 FullWidth: Story;
+export declare const Simple: Story;
+export declare const Description: Story;
+export declare const Mock: () => React.JSX.Element;
+//# sourceMappingURL=Card.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAiB,MAAM,OAAO,CAAC;AAUtC,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAqCF,QAAA,MAAM,IAAI;;uDAnCsD,iBAAiB;;CAuC5C,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAgBpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAC;AAEF,eAAO,MAAM,IAAI,yBAsBhB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,90 @@
+import React, { type PropsWithChildren, type ReactNode } from 'react';
+import { type ThemedClassName } from '../../util';
+type CarouselContextValue = {
+    index: number;
+    count: number;
+    setIndex: (index: number) => void;
+    next: () => void;
+    prev: () => void;
+};
+/** Returns the current carousel state. Must be used within {@link Carousel.Root}. */
+export declare const useCarousel: () => CarouselContextValue;
+export type CarouselRootProps = ThemedClassName<PropsWithChildren<{
+    /** Total number of slides; drives auto-advance and indicator counts. */
+    count: number;
+    /** Whether to auto-advance slides on mount. Defaults to `false`. */
+    autorun?: boolean;
+    /** Auto-advance interval in milliseconds. Set 0 to disable. */
+    intervalMs?: number;
+    defaultIndex?: number;
+}>>;
+declare function CarouselRoot({ classNames, children, count, autorun, intervalMs, defaultIndex }: CarouselRootProps): React.JSX.Element | null;
+declare namespace CarouselRoot {
+    var displayName: string;
+}
+export type CarouselViewportProps = ThemedClassName<PropsWithChildren<{}>>;
+declare function CarouselViewport({ children, classNames }: CarouselViewportProps): React.JSX.Element;
+declare namespace CarouselViewport {
+    var displayName: string;
+}
+export type CarouselSlideProps = ThemedClassName<PropsWithChildren<{
+    index: number;
+}>>;
+declare function CarouselSlide({ children, index, classNames }: CarouselSlideProps): React.JSX.Element | null;
+declare namespace CarouselSlide {
+    var displayName: string;
+}
+export type CarouselButtonProps = ThemedClassName<{}>;
+declare function CarouselPrevious({ classNames }: CarouselButtonProps): React.JSX.Element;
+declare namespace CarouselPrevious {
+    var displayName: string;
+}
+declare function CarouselNext({ classNames }: CarouselButtonProps): React.JSX.Element;
+declare namespace CarouselNext {
+    var displayName: string;
+}
+export type CarouselIndicatorsProps = ThemedClassName<{}>;
+declare function CarouselIndicators({ classNames }: CarouselIndicatorsProps): React.JSX.Element | null;
+declare namespace CarouselIndicators {
+    var displayName: string;
+}
+export type CarouselCaptionProps = ThemedClassName<{
+    /** Render prop receiving the active slide index. */
+    children: (index: number) => ReactNode;
+}>;
+declare function CarouselCaption({ children, classNames }: CarouselCaptionProps): React.JSX.Element | null;
+declare namespace CarouselCaption {
+    var displayName: string;
+}
+export declare const Carousel: {
+    Root: {
+        ({ classNames, children, count, autorun, intervalMs, defaultIndex, }: CarouselRootProps): React.JSX.Element | null;
+        displayName: string;
+    };
+    Viewport: {
+        ({ children, classNames }: CarouselViewportProps): React.JSX.Element;
+        displayName: string;
+    };
+    Slide: {
+        ({ children, index, classNames }: CarouselSlideProps): React.JSX.Element | null;
+        displayName: string;
+    };
+    Previous: {
+        ({ classNames }: CarouselButtonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Next: {
+        ({ classNames }: CarouselButtonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Indicators: {
+        ({ classNames }: CarouselIndicatorsProps): React.JSX.Element | null;
+        displayName: string;
+    };
+    Caption: {
+        ({ children, classNames }: CarouselCaptionProps): React.JSX.Element | null;
+        displayName: string;
+    };
+};
+export {};
+//# sourceMappingURL=Carousel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAGZ,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAWlD,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AAIF,qFAAqF;AACrF,eAAO,MAAM,WAAW,QAAO,oBAM9B,CAAC;AAMF,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAC7C,iBAAiB,CAAC;IAChB,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC,CACH,CAAC;8BAEoB,EACpB,UAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAe,EACf,UAAkB,EAClB,YAAgB,EACjB,EAAE,iBAAiB;;;;AAkEpB,MAAM,MAAM,qBAAqB,GAAG,eAAe,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC;kCAEjD,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,qBAAqB;;;;AA4CzE,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAC9C,iBAAiB,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CACH,CAAC;+BAEqB,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,kBAAkB;;;;AAgB1E,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC,EAAE,CAAC,CAAC;kCAE5B,EAAE,UAAU,EAAE,EAAE,mBAAmB;;;;8BAsBvC,EAAE,UAAU,EAAE,EAAE,mBAAmB;;;;AA0BzD,MAAM,MAAM,uBAAuB,GAAG,eAAe,CAAC,EAAE,CAAC,CAAC;oCAG9B,EAAE,UAAU,EAAE,EAAE,uBAAuB;;;;AA0CnE,MAAM,MAAM,oBAAoB,GAAG,eAAe,CAAC;IACjD,oDAAoD;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;CACxC,CAAC,CAAC;iCAGsB,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,oBAAoB;;;;AAoBvE,eAAO,MAAM,QAAQ;IACnB,IAAI;8EAhQH,iBAAiB;;;IAiQlB,QAAQ;mCA7L0C,qBAAqB;;;IA8LvE,KAAK;0CA5IiD,kBAAkB;;;IA6IxE,QAAQ;yBA3HgC,mBAAmB;;;IA4H3D,IAAI;yBAtGgC,mBAAmB;;;IAuGvD,UAAU;yBA1EgC,uBAAuB;;;IA2EjE,OAAO;mCA3B0C,oBAAoB;;;CA4BtE,CAAC"}

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

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

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

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

package/dist/types/src/components/Clipboard/ClipboardProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClipboardProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/ClipboardProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAoD,MAAM,OAAO,CAAC;AAExG,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,sCAG3B,CAAC;AAEH,eAAO,MAAM,YAAY,6BAAqC,CAAC;AAE/D,eAAO,MAAM,iBAAiB,GAAI,cAAc,iBAAiB,CAAC,EAAE,CAAC,sBAOpE,CAAC"}
+{"version":3,"file":"ClipboardProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/ClipboardProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAoD,MAAM,OAAO,CAAC;AAExG,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,sCAG3B,CAAC;AAEH,eAAO,MAAM,YAAY,6BAAqC,CAAC;AAE/D,eAAO,MAAM,iBAAiB,iBAAkB,iBAAiB,CAAC,EAAE,CAAC,sBAOpE,CAAC"}

package/dist/types/src/components/Clipboard/CopyButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/CopyButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAU,KAAK,WAAW,EAAc,MAAM,WAAW,CAAC;AACjE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,EAAE,KAAK,kBAAkB,EAAqB,MAAM,YAAY,CAAC;AAIxE,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAIJ,eAAO,MAAM,UAAU,GAAI,uCAA2C,eAAe,sBAqBpF,CAAC;AAEF,KAAK,uBAAuB,GAAG,eAAe,GAAG;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,gEAOhC,kBAAkB,CAAC,uBAAuB,CAAC,sBAkB7C,CAAC"}
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/CopyButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAU,KAAK,WAAW,EAAc,MAAM,WAAW,CAAC;AACjE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,EAAE,KAAK,kBAAkB,EAAqB,MAAM,YAAY,CAAC;AAGxE,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAIJ,eAAO,MAAM,UAAU,0CAA+C,eAAe,sBAqBpF,CAAC;AAEF,KAAK,uBAAuB,GAAG,eAAe,GAAG;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mEAO5B,kBAAkB,CAAC,uBAAuB,CAAC,sBAkB7C,CAAC"}

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

@@ -1,6 +1,15 @@
 export declare const Clipboard: {
     Button: ({ classNames, value, size, ...props }: import("./CopyButton").CopyButtonProps) => import("react").JSX.Element;
-    IconButton: ({ __scopeTooltip, value, classNames, size, variant, ...props }: import("..").TooltipScopedProps<import("..").ButtonProps & Pick<import("..").IconProps, "size"> & {
+    IconButton: ({ __scopeTooltip, value, classNames, size, variant, ...props }: import("..").TooltipScopedProps<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        variant?: 'default' | 'primary' | 'outline' | 'ghost' | 'destructive';
+        density?: import("@dxos/ui-types").Density;
+        elevation?: import("@dxos/ui-types").Elevation;
+        asChild?: boolean;
+    } & Pick<import("..").IconProps, "size"> & {
         value: string;
     } & {
         label?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/index.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;CAIrB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/index.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;IACpB,MAAM;IACN,UAAU;;;;;;;;;;;;;;IACV,QAAQ;CACT,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DensityProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/DensityProvider/DensityProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAiB,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,oCAA0D,CAAC;AAEtF,eAAO,MAAM,eAAe,GAAI,uBAAuB,oBAAoB,sBAE1E,CAAC"}
+{"version":3,"file":"DensityProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/DensityProvider/DensityProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAiB,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,oCAA0D,CAAC;AAEtF,eAAO,MAAM,eAAe,0BAA2B,oBAAoB,sBAE1E,CAAC"}

package/dist/types/src/components/Dialog/AlertDialog.d.ts

@@ -1,31 +1,51 @@
-import { type AlertDialogActionProps as AlertDialogActionPrimitiveProps, type AlertDialogCancelProps as AlertDialogCancelPrimitiveProps, type AlertDialogContentProps as AlertDialogContentPrimitiveProps, type AlertDialogDescriptionProps as AlertDialogDescriptionPrimitiveProps, type AlertDialogOverlayProps as AlertDialogOverlayPrimitiveProps, type AlertDialogPortalProps as AlertDialogPortalPrimitiveProps, type AlertDialogProps as AlertDialogRootPrimitiveProps, type AlertDialogTitleProps as AlertDialogTitlePrimitiveProps, type AlertDialogTriggerProps as AlertDialogTriggerPrimitiveProps } from '@radix-ui/react-alert-dialog';
-import React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import React, { type ForwardRefExoticComponent, type FunctionComponent } from 'react';
+import { type DialogSize } from '@dxos/ui-theme';
 import { type ThemedClassName } from '../../util';
-type AlertDialogRootProps = AlertDialogRootPrimitiveProps;
-type AlertDialogTriggerProps = AlertDialogTriggerPrimitiveProps;
-type AlertDialogPortalProps = AlertDialogPortalPrimitiveProps;
-type AlertDialogCancelProps = AlertDialogCancelPrimitiveProps;
-type AlertDialogActionProps = AlertDialogActionPrimitiveProps;
-type AlertDialogTitleProps = ThemedClassName<AlertDialogTitlePrimitiveProps> & {
-    srOnly?: boolean;
+import { type DialogHeaderProps, type DialogBodyProps, type DialogActionBarProps, type DialogCloseIconButtonProps } from './Dialog';
+type AlertDialogRootProps = AlertDialogPrimitive.AlertDialogProps;
+type AlertDialogTriggerProps = AlertDialogPrimitive.AlertDialogTriggerProps;
+type AlertDialogPortalProps = AlertDialogPrimitive.AlertDialogPortalProps;
+type AlertDialogCancelProps = AlertDialogPrimitive.AlertDialogCancelProps;
+type AlertDialogActionProps = AlertDialogPrimitive.AlertDialogActionProps;
+type AlertDialogOverlayProps = ThemedClassName<AlertDialogPrimitive.AlertDialogOverlayProps & {
+    blockAlign?: 'center' | 'start' | 'end';
+}>;
+type AlertDialogContentProps = ThemedClassName<AlertDialogPrimitive.AlertDialogContentProps> & {
+    size?: DialogSize;
 };
-type AlertDialogDescriptionProps = ThemedClassName<AlertDialogDescriptionPrimitiveProps> & {
+type AlertDialogTitleProps = ThemedClassName<AlertDialogPrimitive.AlertDialogTitleProps> & {
     srOnly?: boolean;
 };
-type AlertDialogOverlayProps = ThemedClassName<AlertDialogOverlayPrimitiveProps> & {
-    blockAlign?: 'center' | 'start' | 'end';
+type AlertDialogDescriptionProps = ThemedClassName<AlertDialogPrimitive.AlertDialogDescriptionProps> & {
+    srOnly?: boolean;
 };
-type AlertDialogContentProps = ThemedClassName<AlertDialogContentPrimitiveProps>;
 export declare const AlertDialog: {
-    Root: React.FunctionComponent<AlertDialogRootPrimitiveProps>;
-    Trigger: React.FunctionComponent<AlertDialogTriggerPrimitiveProps>;
-    Portal: React.FunctionComponent<AlertDialogPortalPrimitiveProps>;
-    Overlay: React.ForwardRefExoticComponent<AlertDialogOverlayProps>;
-    Content: React.ForwardRefExoticComponent<AlertDialogContentProps>;
-    Title: React.ForwardRefExoticComponent<AlertDialogTitleProps>;
-    Description: React.ForwardRefExoticComponent<AlertDialogTitleProps>;
-    Cancel: React.FunctionComponent<AlertDialogCancelPrimitiveProps>;
-    Action: React.FunctionComponent<AlertDialogActionPrimitiveProps>;
+    Root: FunctionComponent<AlertDialogPrimitive.AlertDialogProps>;
+    Trigger: FunctionComponent<AlertDialogPrimitive.AlertDialogTriggerProps>;
+    Portal: FunctionComponent<AlertDialogPrimitive.AlertDialogPortalProps>;
+    Overlay: ForwardRefExoticComponent<AlertDialogOverlayProps>;
+    Content: ForwardRefExoticComponent<AlertDialogContentProps>;
+    Header: ForwardRefExoticComponent<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Body: ForwardRefExoticComponent<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Title: ForwardRefExoticComponent<AlertDialogTitleProps>;
+    Description: ForwardRefExoticComponent<AlertDialogDescriptionProps>;
+    ActionBar: ForwardRefExoticComponent<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    CloseIconButton: ForwardRefExoticComponent<DialogCloseIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+    Cancel: FunctionComponent<AlertDialogPrimitive.AlertDialogCancelProps>;
+    Action: FunctionComponent<AlertDialogPrimitive.AlertDialogActionProps>;
 };
-export type { AlertDialogRootProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogOverlayProps, AlertDialogContentProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogCancelProps, AlertDialogActionProps, };
+export type { AlertDialogRootProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogOverlayProps, AlertDialogContentProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogCancelProps, AlertDialogActionProps, DialogHeaderProps as AlertDialogHeaderProps, DialogBodyProps as AlertDialogBodyProps, DialogActionBarProps as AlertDialogActionBarProps, DialogCloseIconButtonProps as AlertDialogCloseIconButtonProps, };
 //# sourceMappingURL=AlertDialog.d.ts.map

package/dist/types/src/components/Dialog/AlertDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/AlertDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,sBAAsB,IAAI,+BAA+B,EAE9D,KAAK,sBAAsB,IAAI,+BAA+B,EAE9D,KAAK,uBAAuB,IAAI,gCAAgC,EAEhE,KAAK,2BAA2B,IAAI,oCAAoC,EAExE,KAAK,uBAAuB,IAAI,gCAAgC,EAEhE,KAAK,sBAAsB,IAAI,+BAA+B,EAE9D,KAAK,gBAAgB,IAAI,6BAA6B,EAEtD,KAAK,qBAAqB,IAAI,8BAA8B,EAE5D,KAAK,uBAAuB,IAAI,gCAAgC,EACjE,MAAM,8BAA8B,CAAC;AAEtC,OAAO,KAA6E,MAAM,OAAO,CAAC;AAGlG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,KAAK,oBAAoB,GAAG,6BAA6B,CAAC;AAQ1D,KAAK,uBAAuB,GAAG,gCAAgC,CAAC;AAIhE,KAAK,sBAAsB,GAAG,+BAA+B,CAAC;AAI9D,KAAK,sBAAsB,GAAG,+BAA+B,CAAC;AAI9D,KAAK,sBAAsB,GAAG,+BAA+B,CAAC;AAI9D,KAAK,qBAAqB,GAAG,eAAe,CAAC,8BAA8B,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAgBpG,KAAK,2BAA2B,GAAG,eAAe,CAAC,oCAAoC,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA0BhH,KAAK,uBAAuB,GAAG,eAAe,CAAC,gCAAgC,CAAC,GAAG;IACjF,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;CACzC,CAAC;AA6BF,KAAK,uBAAuB,GAAG,eAAe,CAAC,gCAAgC,CAAC,CAAC;AAqBjF,eAAO,MAAM,WAAW;;;;;;;;;;CAUvB,CAAC;AAEF,YAAY,EACV,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,qBAAqB,EACrB,2BAA2B,EAC3B,sBAAsB,EACtB,sBAAsB,GACvB,CAAC"}
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/AlertDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAErE,OAAO,KAAK,EAAE,EAAE,KAAK,yBAAyB,EAAE,KAAK,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAElG,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIjD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,0BAA0B,EAChC,MAAM,UAAU,CAAC;AAMlB,KAAK,oBAAoB,GAAG,oBAAoB,CAAC,gBAAgB,CAAC;AAYlE,KAAK,uBAAuB,GAAG,oBAAoB,CAAC,uBAAuB,CAAC;AAQ5E,KAAK,sBAAsB,GAAG,oBAAoB,CAAC,sBAAsB,CAAC;AAQ1E,KAAK,sBAAsB,GAAG,oBAAoB,CAAC,sBAAsB,CAAC;AAQ1E,KAAK,sBAAsB,GAAG,oBAAoB,CAAC,sBAAsB,CAAC;AAsB1E,KAAK,uBAAuB,GAAG,eAAe,CAC5C,oBAAoB,CAAC,uBAAuB,GAAG;IAAE,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;CAAE,CAC3F,CAAC;AAyBF,KAAK,uBAAuB,GAAG,eAAe,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AA8BrH,KAAK,qBAAqB,GAAG,eAAe,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAgBhH,KAAK,2BAA2B,GAAG,eAAe,CAAC,oBAAoB,CAAC,2BAA2B,CAAC,GAAG;IACrG,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAoBF,eAAO,MAAM,WAAW;IACtB,IAAI;IACJ,OAAO;IACP,MAAM;IACN,OAAO;IACP,OAAO;IAEP,MAAM;;;;;IACN,IAAI;;;;;IACJ,KAAK;IACL,WAAW;IACX,SAAS;;;;;IACT,eAAe;IAEf,MAAM;IACN,MAAM;CACP,CAAC;AAEF,YAAY,EACV,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,qBAAqB,EACrB,2BAA2B,EAC3B,sBAAsB,EACtB,sBAAsB,EAEtB,iBAAiB,IAAI,sBAAsB,EAC3C,eAAe,IAAI,oBAAoB,EACvC,oBAAoB,IAAI,yBAAyB,EACjD,0BAA0B,IAAI,+BAA+B,GAC9D,CAAC"}

package/dist/types/src/components/Dialog/AlertDialog.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/AlertDialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA4CjE,QAAA,MAAM,IAAI;;eAEuB,GAAG;YACV,GAAG;;CAEQ,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC"}
+{"version":3,"file":"AlertDialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/AlertDialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA4CjE,QAAA,MAAM,IAAI;;eAEuB,GAAG;YACV,GAAG;;CAEQ,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}

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

@@ -1,46 +1,64 @@
-import { type DialogCloseProps as DialogClosePrimitiveProps, DialogContent as DialogContentPrimitive, type DialogDescriptionProps as DialogDescriptionPrimitiveProps, type DialogOverlayProps as DialogOverlayPrimitiveProps, type DialogPortalProps as DialogPortalPrimitiveProps, type DialogProps as DialogRootPrimitiveProps, type DialogTitleProps as DialogTitlePrimitiveProps, type DialogTriggerProps as DialogTriggerPrimitiveProps } from '@radix-ui/react-dialog';
-import React, { type ComponentPropsWithRef, type PropsWithChildren } from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import React, { type ComponentPropsWithRef, type ForwardRefExoticComponent, type FunctionComponent } from 'react';
 import { type DialogSize } from '@dxos/ui-theme';
+import { type SlottableProps } from '@dxos/ui-types';
 import { type ThemedClassName } from '../../util';
-import { type IconButtonProps } from '../Button';
-type DialogRootProps = DialogRootPrimitiveProps;
-type DialogTriggerProps = DialogTriggerPrimitiveProps;
-type DialogPortalProps = DialogPortalPrimitiveProps;
-type DialogOverlayProps = ThemedClassName<DialogOverlayPrimitiveProps & {
+type DialogRootProps = DialogPrimitive.DialogProps;
+type DialogTriggerProps = DialogPrimitive.DialogTriggerProps;
+type DialogPortalProps = DialogPrimitive.DialogPortalProps;
+type DialogOverlayProps = ThemedClassName<DialogPrimitive.DialogOverlayProps & {
     blockAlign?: 'center' | 'start' | 'end';
 }>;
-type DialogContentProps = ThemedClassName<ComponentPropsWithRef<typeof DialogContentPrimitive>> & {
+type DialogContentProps = ThemedClassName<ComponentPropsWithRef<typeof DialogPrimitive.Content>> & {
     size?: DialogSize;
     inOverlayLayout?: boolean;
 };
-type DialogHeaderProps = ThemedClassName<PropsWithChildren> & {
-    srOnly?: boolean;
+type DialogHeaderProps = SlottableProps;
+type DialogCloseIconButtonProps = {
+    label?: string;
 };
-type DialogBodyProps = PropsWithChildren;
-type DialogTitleProps = ThemedClassName<DialogTitlePrimitiveProps> & {
+type DialogBodyProps = SlottableProps;
+type DialogTitleProps = ThemedClassName<DialogPrimitive.DialogTitleProps> & {
     srOnly?: boolean;
 };
-type DialogDescriptionProps = ThemedClassName<DialogDescriptionPrimitiveProps> & {
+type DialogDescriptionProps = ThemedClassName<DialogPrimitive.DialogDescriptionProps> & {
     srOnly?: boolean;
 };
-type DialogActionBarProps = ThemedClassName<PropsWithChildren>;
-type DialogCloseProps = DialogClosePrimitiveProps;
-type DialogCloseIconButtonProps = ThemedClassName<Partial<IconButtonProps>>;
+type DialogActionBarProps = SlottableProps;
+type DialogCloseProps = DialogPrimitive.DialogCloseProps;
 export declare const Dialog: {
-    Root: React.FunctionComponent<DialogRootPrimitiveProps>;
-    Trigger: React.FunctionComponent<DialogTriggerPrimitiveProps>;
-    Portal: React.FunctionComponent<DialogPortalPrimitiveProps>;
-    Overlay: React.ForwardRefExoticComponent<DialogOverlayProps>;
-    Content: React.ForwardRefExoticComponent<DialogContentProps>;
-    Header: React.ForwardRefExoticComponent<DialogTitleProps>;
-    Body: React.ForwardRefExoticComponent<{
-        children?: React.ReactNode | undefined;
-    }>;
-    Title: React.ForwardRefExoticComponent<DialogTitleProps>;
-    Description: React.ForwardRefExoticComponent<DialogTitleProps>;
-    ActionBar: React.ForwardRefExoticComponent<DialogActionBarProps>;
-    Close: React.FunctionComponent<DialogClosePrimitiveProps>;
-    CloseIconButton: React.ForwardRefExoticComponent<DialogCloseIconButtonProps>;
+    Root: FunctionComponent<DialogPrimitive.DialogProps>;
+    Trigger: FunctionComponent<DialogPrimitive.DialogTriggerProps>;
+    Portal: FunctionComponent<DialogPrimitive.DialogPortalProps>;
+    Overlay: ForwardRefExoticComponent<DialogOverlayProps>;
+    Content: ForwardRefExoticComponent<DialogContentProps>;
+    Header: ForwardRefExoticComponent<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Body: ForwardRefExoticComponent<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Title: ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        srOnly?: boolean;
+    } & React.RefAttributes<HTMLHeadingElement>>;
+    Description: ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        srOnly?: boolean;
+    } & React.RefAttributes<HTMLParagraphElement>>;
+    ActionBar: ForwardRefExoticComponent<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Close: FunctionComponent<DialogPrimitive.DialogCloseProps>;
+    CloseIconButton: ForwardRefExoticComponent<DialogCloseIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
 };
 export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogOverlayProps, DialogContentProps, DialogHeaderProps, DialogBodyProps, DialogTitleProps, DialogDescriptionProps, DialogActionBarProps, DialogCloseProps, DialogCloseIconButtonProps, };
 //# sourceMappingURL=Dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,gBAAgB,IAAI,yBAAyB,EAClD,aAAa,IAAI,sBAAsB,EAEvC,KAAK,sBAAsB,IAAI,+BAA+B,EAE9D,KAAK,kBAAkB,IAAI,2BAA2B,EAEtD,KAAK,iBAAiB,IAAI,0BAA0B,EAEpD,KAAK,WAAW,IAAI,wBAAwB,EAE5C,KAAK,gBAAgB,IAAI,yBAAyB,EAElD,KAAK,kBAAkB,IAAI,2BAA2B,EACvD,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAG1B,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,UAAU,EAAkB,MAAM,gBAAgB,CAAC;AAGjE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAO7D,KAAK,eAAe,GAAG,wBAAwB,CAAC;AAYhD,KAAK,kBAAkB,GAAG,2BAA2B,CAAC;AAQtD,KAAK,iBAAiB,GAAG,0BAA0B,CAAC;AAiBpD,KAAK,kBAAkB,GAAG,eAAe,CAAC,2BAA2B,GAAG;IAAE,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;CAAE,CAAC,CAAC;AA2BrH,KAAK,kBAAkB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,sBAAsB,CAAC,CAAC,GAAG;IAChG,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAiCF,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAoBnF,KAAK,eAAe,GAAG,iBAAiB,CAAC;AAmBzC,KAAK,gBAAgB,GAAG,eAAe,CAAC,yBAAyB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAmB1F,KAAK,sBAAsB,GAAG,eAAe,CAAC,+BAA+B,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAoBtG,KAAK,oBAAoB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAkB/D,KAAK,gBAAgB,GAAG,yBAAyB,CAAC;AAQlD,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC;AAyB5E,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAalB,CAAC;AAEF,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,EACpB,gBAAgB,EAChB,0BAA0B,GAC3B,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,OAAO,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAC9B,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAmB,KAAK,UAAU,EAA6B,MAAM,gBAAgB,CAAC;AAC7F,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIrD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAQlD,KAAK,eAAe,GAAG,eAAe,CAAC,WAAW,CAAC;AAiBnD,KAAK,kBAAkB,GAAG,eAAe,CAAC,kBAAkB,CAAC;AAQ7D,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC;AAiB3D,KAAK,kBAAkB,GAAG,eAAe,CACvC,eAAe,CAAC,kBAAkB,GAAG;IAAE,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;CAAE,CACjF,CAAC;AA2BF,KAAK,kBAAkB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC,GAAG;IACjG,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAqCF,KAAK,iBAAiB,GAAG,cAAc,CAAC;AAiBxC,KAAK,0BAA0B,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAuBrD,KAAK,eAAe,GAAG,cAAc,CAAC;AAiBtC,KAAK,gBAAgB,GAAG,eAAe,CAAC,eAAe,CAAC,gBAAgB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAejG,KAAK,sBAAsB,GAAG,eAAe,CAAC,eAAe,CAAC,sBAAsB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAmB7G,KAAK,oBAAoB,GAAG,cAAc,CAAC;AAiB3C,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAQzD,eAAO,MAAM,MAAM;IACjB,IAAI;IACJ,OAAO;IACP,MAAM;IACN,OAAO;IACP,OAAO;IACP,MAAM;;;;;IACN,IAAI;;;;;IACJ,KAAK;;;iBAnEgF,OAAO;;IAoE5F,WAAW;;;iBArDsF,OAAO;;IAsDxG,SAAS;;;;;IACT,KAAK;IACL,eAAe;CAChB,CAAC;AAEF,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,EACpB,gBAAgB,EAChB,0BAA0B,GAC3B,CAAC"}

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

@@ -1,27 +1,25 @@
 import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
 import { type DialogContentProps } from './Dialog';
-type StoryProps = Pick<DialogContentProps, 'size'> & Partial<{
+type DefaultStoryProps = Pick<DialogContentProps, 'size'> & Partial<{
     title: string;
     description: string;
     openTrigger: string;
     closeTrigger: string;
-    blockAlign: 'center' | 'start';
+    blockAlign: 'start' | 'center';
 }>;
 declare const meta: {
     title: string;
     component: any;
-    render: ({ size, title, description, openTrigger, closeTrigger, blockAlign }: StoryProps) => React.JSX.Element;
+    render: ({ size, title, description, openTrigger, closeTrigger, blockAlign }: DefaultStoryProps) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
 export declare const Small: Story;
 export declare const Medium: Story;
 export declare const Large: Story;
+export declare const ExtraLarge: Story;
+export declare const Scrolling: Story;
 //# sourceMappingURL=Dialog.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE3D,KAAK,UAAU,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,GAChD,OAAO,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,QAAQ,GAAG,OAAO,CAAC;CAChC,CAAC,CAAC;AAgCL,QAAA,MAAM,IAAI;;eAEa,GAAG;kFAhCiE,UAAU;;;;;;;CAwChE,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC"}
+{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE3D,KAAK,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,GACvD,OAAO,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,OAAO,GAAG,QAAQ,CAAC;CAChC,CAAC,CAAC;AA+EL,QAAA,MAAM,IAAI;;eAEa,GAAG;kFA3EiE,iBAAiB;;CA8EvE,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ElevationProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ElevationProvider/ElevationProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAiB,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC;IACrD,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,gBAAgB,sCAA8D,CAAC;AAE5F,eAAO,MAAM,iBAAiB,GAAI,yBAAyB,sBAAsB,sBAEhF,CAAC"}
+{"version":3,"file":"ElevationProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ElevationProvider/ElevationProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAiB,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC;IACrD,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,gBAAgB,sCAA8D,CAAC;AAE5F,eAAO,MAAM,iBAAiB,4BAA6B,sBAAsB,sBAEhF,CAAC"}

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

@@ -0,0 +1,11 @@
+import React, { type PropsWithChildren } from 'react';
+import { type FallbackProps } from 'react-error-boundary';
+export type ErrorFallbackProps = PropsWithChildren<Pick<FallbackProps, 'error'> & {
+    title?: string;
+    data?: any;
+}>;
+/**
+ * Themed fallback component for `ErrorBoundary`.
+ */
+export declare const ErrorFallback: ({ children, error, title, data }: ErrorFallbackProps) => React.JSX.Element;
+//# sourceMappingURL=ErrorFallback.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorFallback.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/ErrorFallback.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAM1D,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC,CAAC;AAElH;;GAEG;AACH,eAAO,MAAM,aAAa,qCAAsC,kBAAkB,sBAmCjF,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorFallback.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/ErrorFallback.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAiBjE,QAAA,MAAM,IAAI,EAAE,IAOX,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC"}

package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts

@@ -0,0 +1,19 @@
+import ErrorStackParser from 'error-stack-parser';
+import React from 'react';
+export type ParsedStackFrame = ReturnType<typeof ErrorStackParser.parse>[number];
+export type ErrorStackProps = {
+    /** When set, these frames are shown instead of parsing `error`. */
+    frames?: ParsedStackFrame[];
+    /** Used when `frames` is omitted. */
+    error?: Error;
+};
+/**
+ * Parses `captureOwnerStack()` output (React dev) into frames for {@link ErrorStack}.
+ * Prefixes a synthetic Error line when needed so `error-stack-parser` can read V8-style stacks.
+ */
+export declare const parseCaptureOwnerStack: (stack: string | null) => ParsedStackFrame[] | null;
+/**
+ * Renders a parsed error stack trace with tree connector symbols and clickable vscode:// links for local frames.
+ */
+export declare const ErrorStack: ({ error, frames: framesProp }: ErrorStackProps) => React.JSX.Element | null;
+//# sourceMappingURL=ErrorStack.d.ts.map

package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorStack.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/ErrorStack.tsx"],"names":[],"mappings":"AAIA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjF,MAAM,MAAM,eAAe,GAAG;IAC5B,mEAAmE;IACnE,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC5B,qCAAqC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,UAAW,MAAM,GAAG,IAAI,KAAG,gBAAgB,EAAE,GAAG,IAgBlF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,kCAAmC,eAAe,6BAgDxE,CAAC"}

package/dist/types/src/components/ErrorFallback/ThrowError.d.ts

@@ -0,0 +1,9 @@
+export type ThrowErrorProps = {
+    error?: () => Error;
+    delay?: number;
+};
+/**
+ * Use this to debug the error boundary.
+ */
+export declare const ThrowError: ({ delay, ...props }: ThrowErrorProps) => null;
+//# sourceMappingURL=ThrowError.d.ts.map

package/dist/types/src/components/ErrorFallback/ThrowError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThrowError.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/ThrowError.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,wBAAiC,eAAe,SAkBtE,CAAC"}

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

@@ -0,0 +1,5 @@
+export { ErrorBoundary, type ErrorBoundaryProps, type FallbackProps } from '@dxos/react-error-boundary';
+export * from './ErrorFallback';
+export * from './ErrorStack';
+export * from './ThrowError';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAExG,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}

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

@@ -0,0 +1,36 @@
+import React, { type KeyboardEvent } from 'react';
+import { type Axis } from '@dxos/ui-types';
+type FocusState = 'active' | 'error';
+type ContextValue = {
+    setFocus?: (state: FocusState | undefined) => void;
+    /** True when any item within the group has DOM focus. */
+    groupHasFocus?: boolean;
+};
+declare const useFocus: () => ContextValue;
+type GroupProps = {
+    orientation?: Axis;
+    /** Show a subdued ring when unfocused (e.g., as a cell border). */
+    border?: boolean;
+    onKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
+};
+type ItemProps = {
+    current?: boolean;
+    /** Show a subdued ring when unfocused (e.g., as a cell border). */
+    border?: boolean;
+    onCurrentChange?: () => void;
+};
+export declare const Focus: {
+    Group: React.ForwardRefExoticComponent<Omit<GroupProps & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<ItemProps & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+};
+export type { GroupProps as FocusGroupProps, ItemProps as FocusItemProps };
+export { useFocus };
+//# sourceMappingURL=Focus.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Focus.d.ts","sourceRoot":"","sources":["../../../../../src/components/Focus/Focus.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,EAEZ,KAAK,aAAa,EAOnB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAQ3C,KAAK,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAIrC,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IACnD,yDAAyD;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAIF,QAAA,MAAM,QAAQ,oBAAiC,CAAC;AAMhD,KAAK,UAAU,GAAG;IAChB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC5D,CAAC;AAqDF,KAAK,SAAS,GAAG;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAgFF,eAAO,MAAM,KAAK;;;;;;;;;;;CAGjB,CAAC;AAEF,YAAY,EAAE,UAAU,IAAI,eAAe,EAAE,SAAS,IAAI,cAAc,EAAE,CAAC;AAE3E,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Focus.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Focus/Focus.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAqNjE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAgC,CAAC;AACvD,eAAO,MAAM,UAAU,EAAE,KAAmC,CAAC;AAC7D,eAAO,MAAM,IAAI,EAAE,KAA6B,CAAC;AACjD,eAAO,MAAM,OAAO,EAAE,KAAgC,CAAC"}

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

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

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

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

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

@@ -5,6 +5,10 @@ import { type ThemedClassName } from '../../util';
 export type IconProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.svg>> & {
     icon: string;
     size?: Size;
+    synchronized?: boolean;
 };
+/**
+ * The Icon's size can be set directly or inherited from the `--dx-icon-size` CSS variable.
+ */
 export declare const Icon: React.NamedExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
 //# sourceMappingURL=Icon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAoB,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAG3C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACrF,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,IAAI,yFAUhB,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAA6B,MAAM,OAAO,CAAC;AAErF,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAG3C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACrF,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,IAAI,yFAiBhB,CAAC"}