@dxos/react-ui 0.8.4-main.40e3dcdf1b → 0.8.4-main.43cb759274

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQjE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAU1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAAC,IAAI,CAItC,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,MAAM,EAAE,KAYpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAwB3B,CAAC"}

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

@@ -0,0 +1,6 @@
+import { type Theme } from '@dxos/ui-types';
+export type DatePickerStyleProps = Partial<{
+    hasValue: boolean;
+}>;
+export declare const datePickerTheme: Theme<DatePickerStyleProps>;
+//# sourceMappingURL=DatePicker.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/DatePicker.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEpE,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACzC,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAqBH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAIvD,CAAC"}

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

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

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

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

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

@@ -1,40 +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, { type PropsWithChildren } from 'react';
-import { type DialogSize } from '@dxos/ui-theme';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import React, { type ForwardRefExoticComponent, type FunctionComponent } from 'react';
+import { type DialogSize } from '../../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 DialogActionIconButtonProps } 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 AlertDialogContentProps = ThemedClassName<AlertDialogContentPrimitiveProps> & {
-    size?: DialogSize;
+type AlertDialogDescriptionProps = ThemedClassName<AlertDialogPrimitive.AlertDialogDescriptionProps> & {
+    srOnly?: boolean;
 };
-type AlertDialogBodyProps = PropsWithChildren;
-type AlertDialogActionBarProps = ThemedClassName<PropsWithChildren>;
 export declare const AlertDialog: {
-    Root: React.FunctionComponent<AlertDialogRootPrimitiveProps>;
-    Trigger: React.FunctionComponent<AlertDialogTriggerPrimitiveProps>;
-    Portal: React.FunctionComponent<AlertDialogPortalPrimitiveProps>;
-    Overlay: React.ForwardRefExoticComponent<AlertDialogOverlayProps>;
-    Content: React.ForwardRefExoticComponent<AlertDialogContentProps>;
-    Body: React.ForwardRefExoticComponent<{
-        children?: React.ReactNode | undefined;
-    }>;
-    Title: React.ForwardRefExoticComponent<AlertDialogTitleProps>;
-    Description: React.ForwardRefExoticComponent<AlertDialogTitleProps>;
-    ActionBar: React.ForwardRefExoticComponent<AlertDialogActionBarProps>;
-    Cancel: React.FunctionComponent<AlertDialogCancelPrimitiveProps>;
-    Action: React.FunctionComponent<AlertDialogActionPrimitiveProps>;
+    Root: FunctionComponent<AlertDialogPrimitive.AlertDialogProps>;
+    Trigger: ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Portal: React.FC<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>>;
+    ActionIconButton: ForwardRefExoticComponent<DialogActionIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+    Cancel: ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
+    Action: ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
 };
-export type { AlertDialogRootProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogOverlayProps, AlertDialogContentProps, AlertDialogBodyProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogActionBarProps, AlertDialogCancelProps, AlertDialogActionProps, };
+export type { AlertDialogRootProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogOverlayProps, AlertDialogContentProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogCancelProps, AlertDialogActionProps, DialogHeaderProps as AlertDialogHeaderProps, DialogBodyProps as AlertDialogBodyProps, DialogActionBarProps as AlertDialogActionBarProps, DialogActionIconButtonProps as AlertDialogActionIconButtonProps, };
 //# 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,KAAK,EAAE,EAGZ,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIjD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAOlD,KAAK,oBAAoB,GAAG,6BAA6B,CAAC;AAY1D,KAAK,uBAAuB,GAAG,gCAAgC,CAAC;AAQhE,KAAK,sBAAsB,GAAG,+BAA+B,CAAC;AAQ9D,KAAK,sBAAsB,GAAG,+BAA+B,CAAC;AAQ9D,KAAK,sBAAsB,GAAG,+BAA+B,CAAC;AAQ9D,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;AAsChH,KAAK,uBAAuB,GAAG,eAAe,CAAC,gCAAgC,CAAC,GAAG;IACjF,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;CACzC,CAAC;AAiCF,KAAK,uBAAuB,GAAG,eAAe,CAAC,gCAAgC,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAyBzG,KAAK,oBAAoB,GAAG,iBAAiB,CAAC;AAsB9C,KAAK,yBAAyB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAsBpE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;CAYvB,CAAC;AAEF,YAAY,EACV,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,qBAAqB,EACrB,2BAA2B,EAC3B,yBAAyB,EACzB,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;AAIlG,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,2BAA2B,EACjC,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,gBAAgB;IAEhB,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,2BAA2B,IAAI,gCAAgC,GAChE,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;AA6CjE,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,KAQrB,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,47 +1,66 @@
-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 { type DialogSize } from '@dxos/ui-theme';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import React, { type ComponentPropsWithRef, type ForwardRefExoticComponent, type FunctionComponent } from 'react';
+import { type SlottableProps } from '@dxos/ui-types';
+import { type DialogSize } from '../../theme';
 import { type ThemedClassName } from '../../util';
-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 DialogCloseIconButtonProps = {
+type DialogHeaderProps = SlottableProps;
+type DialogActionIconButtonAction = 'close' | 'delete';
+type DialogActionIconButtonProps = {
+    action: DialogActionIconButtonAction;
     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 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 & React.RefAttributes<HTMLButtonElement>>;
+    Root: FunctionComponent<DialogPrimitive.DialogProps>;
+    Trigger: ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Portal: React.FC<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: ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    ActionIconButton: ForwardRefExoticComponent<DialogActionIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
 };
-export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogOverlayProps, DialogContentProps, DialogHeaderProps, DialogBodyProps, DialogTitleProps, DialogDescriptionProps, DialogActionBarProps, DialogCloseProps, };
+export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogOverlayProps, DialogContentProps, DialogHeaderProps, DialogBodyProps, DialogTitleProps, DialogDescriptionProps, DialogActionBarProps, DialogCloseProps, DialogActionIconButtonAction, DialogActionIconButtonProps, };
 //# 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;AAIjE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAQlD,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;AA4BF,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBnF,KAAK,0BAA0B,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAwBrD,KAAK,eAAe,GAAG,iBAAiB,CAAC;AAmBzC,KAAK,gBAAgB,GAAG,eAAe,CAAC,yBAAyB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAe1F,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;AAoB/D,KAAK,gBAAgB,GAAG,yBAAyB,CAAC;AAQlD,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,GACjB,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;AAIf,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIrD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,KAAK,eAAe,EAA8B,MAAM,YAAY,CAAC;AAQ9E,KAAK,eAAe,GAAG,eAAe,CAAC,WAAW,CAAC;AAmBnD,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;AAmBxC,KAAK,4BAA4B,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEvD,KAAK,2BAA2B,GAAG;IAAE,MAAM,EAAE,4BAA4B,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAoC5F,KAAK,eAAe,GAAG,cAAc,CAAC;AAmBtC,KAAK,gBAAgB,GAAG,eAAe,CAAC,eAAe,CAAC,gBAAgB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBjG,KAAK,sBAAsB,GAAG,eAAe,CAAC,eAAe,CAAC,sBAAsB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAqB7G,KAAK,oBAAoB,GAAG,cAAc,CAAC;AAmB3C,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;;;iBAzEgF,OAAO;;IA0E5F,WAAW;;;iBAzDsF,OAAO;;IA0DxG,SAAS;;;;;IACT,KAAK;IACL,gBAAgB;CACjB,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,4BAA4B,EAC5B,2BAA2B,GAC5B,CAAC"}

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

@@ -1,7 +1,7 @@
 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;
@@ -11,7 +11,7 @@ type StoryProps = Pick<DialogContentProps, 'size'> & Partial<{
 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[];
 };
 export default meta;
@@ -21,4 +21,5 @@ 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;AAQ1B,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,OAAO,GAAG,QAAQ,CAAC;CAChC,CAAC,CAAC;AAoCL,QAAA,MAAM,IAAI;;eAEa,GAAG;kFApCiE,UAAU;;CAuChE,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,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"}
+{"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/Dialog/Dialog.theme.d.ts

@@ -0,0 +1,10 @@
+import { type Elevation, type Theme } from '@dxos/ui-types';
+export type DialogSize = 'sm' | 'md' | 'lg' | 'xl';
+export type DialogStyleProps = {
+    srOnly?: boolean;
+    inOverlayLayout?: boolean;
+    elevation?: Elevation;
+    size?: DialogSize;
+};
+export declare const dialogTheme: Theme<DialogStyleProps>;
+//# sourceMappingURL=Dialog.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AASnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AA6BF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAQ/C,CAAC"}

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

@@ -1 +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,GAAI,kCAAkC,kBAAkB,sBAmCjF,CAAC"}
+{"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;AAU1D,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,sBAoCjF,CAAC"}

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

@@ -1 +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;AAsBjE,QAAA,MAAM,IAAI,EAAE,IAOX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC"}
+{"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

@@ -1,8 +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 }: {
-    error: Error;
-}) => React.JSX.Element;
+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

@@ -1 +1 @@
-{"version":3,"file":"ErrorStack.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/ErrorStack.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,WAAW;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,sBA6CrD,CAAC"}
+{"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,6BAiDxE,CAAC"}

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

@@ -1 +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,GAAI,qBAA6B,eAAe,SAkBtE,CAAC"}
+{"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/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;AAEf,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAS3C,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/{primitives/Column/Column.stories.d.ts → components/Focus/Focus.stories.d.ts}

@@ -3,4 +3,7 @@ declare const meta: Meta;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-//# sourceMappingURL=Column.stories.d.ts.map
+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/Focus.theme.d.ts

@@ -0,0 +1,6 @@
+import { type Theme } from '@dxos/ui-types';
+export type FocusStyleProps = {
+    border?: boolean;
+};
+export declare const focusTheme: Theme<FocusStyleProps>;
+//# sourceMappingURL=Focus.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Focus.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Focus/Focus.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAmBF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,eAAe,CAG7C,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"}

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

@@ -3,9 +3,7 @@ import { type StoryObj } from '@storybook/react-vite';
 import React, { type FC } from 'react';
 declare const meta: {
     title: string;
-    render: ({ CustomIcon }: {
-        CustomIcon: FC<IconProps>;
-    }) => React.JSX.Element;
+    component: React.NamedExoticComponent<Omit<import("./Icon").IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
     decorators: import("@storybook/react").Decorator[];
     parameters: {
         layout: string;
@@ -14,4 +12,14 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Static: Story;
+export declare const Dynamic: Story;
+export declare const Custom: {
+    render: ({ CustomIcon }: {
+        CustomIcon: FC<IconProps>;
+    }) => React.JSX.Element;
+    args: {
+        CustomIcon: FC<IconProps>;
+    };
+};
 //# sourceMappingURL=Icon.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,SAAS,EAAmB,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAgD,MAAM,OAAO,CAAC;AAuDrF,QAAA,MAAM,IAAI;;6BAT4B;QAAE,UAAU,EAAE,EAAE,CAAC,SAAS,CAAC,CAAA;KAAE;;;;;CAgB9B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAsCrB,CAAC"}
+{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,SAAS,EAAmB,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAgD,MAAM,OAAO,CAAC;AA6CrF,QAAA,MAAM,IAAI;;;;;QAKN,MAAM;;CAEmB,CAAC;eAEf,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF,eAAO,MAAM,MAAM;IACjB,MAAM,mBAAmB;QAAE,UAAU,EAAE,EAAE,CAAC,SAAS,CAAC,CAAA;KAAE;IAQtD,IAAI;QACF,UAAU;;CAoCb,CAAC"}

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

@@ -0,0 +1,11 @@
+import { type Size, type Theme } from '@dxos/ui-types';
+export type IconStyleProps = {
+    size?: Size;
+};
+export type IconBlockStyleProps = {
+    compact?: boolean;
+    /** Constrain to a square (1:1) slot rather than the default rail-item width. */
+    square?: boolean;
+};
+export declare const iconTheme: Theme<IconStyleProps & IconBlockStyleProps>;
+//# sourceMappingURL=Icon.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/Icon.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,IAAI,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE/E,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gFAAgF;IAChF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AA0BF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,GAAG,mBAAmB,CAGjE,CAAC"}

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

@@ -0,0 +1,15 @@
+import React, { type ComponentPropsWithRef, type PropsWithChildren } from 'react';
+import { type ThemedClassName } from '../../util';
+import { IconBlockStyleProps } from './Icon.theme';
+export type IconBlockProps = ThemedClassName<ComponentPropsWithRef<'div'> & PropsWithChildren<IconBlockStyleProps>>;
+/**
+ * Static layout slot sized to `--dx-rail-item` (the same square that an `IconButton iconOnly`
+ * occupies). Use whenever a decorative `<Icon>` needs to share a row, column, or grid track with
+ * interactive `IconButton`s without drifting by a pixel.
+ *
+ * Defaults `aria-hidden='true'` — the slot wraps decorative chrome by default. Pass
+ * `aria-hidden={false}` when the slot's contents convey meaning that isn't already labelled
+ * elsewhere in the row.
+ */
+export declare const IconBlock: React.ForwardRefExoticComponent<Omit<IconBlockProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=IconBlock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconBlock.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/IconBlock.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,KAAK,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAG9F,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,GAAG,iBAAiB,CAAC,mBAAmB,CAAC,CAAC,CAAC;AAEpH;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,oGAcrB,CAAC"}

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

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

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

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

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

@@ -3,9 +3,10 @@ import { type ThemedClassName } from '@dxos/react-ui';
 export type ImageProps = ThemedClassName<{
     src: string;
     alt?: string;
+    fit?: 'contain' | 'cover';
     crossOrigin?: 'anonymous' | 'use-credentials' | '';
 } & ColorOptions>;
-export declare const Image: ({ classNames, src, alt, crossOrigin, sampleSize, contrast, }: ImageProps) => React.JSX.Element;
+export declare const Image: ({ classNames, src, alt, fit, crossOrigin, sampleSize, contrast, }: ImageProps) => React.JSX.Element;
 type ColorOptions = {
     sampleSize?: number;
     contrast?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,MAAM,MAAM,UAAU,GAAG,eAAe,CACtC;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,GAAG,EAAE,CAAC;CACpD,GAAG,YAAY,CACjB,CAAC;AAGF,eAAO,MAAM,KAAK,GAAI,8DAOnB,UAAU,sBA4EZ,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,MAAM,MAAM,UAAU,GAAG,eAAe,CACtC;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,GAAG,EAAE,CAAC;CACpD,GAAG,YAAY,CACjB,CAAC;AAEF,eAAO,MAAM,KAAK,sEAQf,UAAU,sBAwFZ,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC"}

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

@@ -2,11 +2,12 @@ import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
 declare const meta: {
     title: string;
-    component: ({ classNames, src, alt, crossOrigin, sampleSize, contrast, }: import("./Image").ImageProps) => React.JSX.Element;
+    component: ({ classNames, src, alt, fit, crossOrigin, sampleSize, contrast, }: import("./Image").ImageProps) => React.JSX.Element;
     render: (args: Omit<{
         src: string;
         alt?: string;
-        crossOrigin?: "anonymous" | "use-credentials" | "";
+        fit?: 'contain' | 'cover';
+        crossOrigin?: 'anonymous' | 'use-credentials' | '';
     } & {
         sampleSize?: number;
         contrast?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"Image.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/Image.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAkB,MAAM,OAAO,CAAC;AAWvC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAYoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAKjB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAiBlB,CAAC"}
+{"version":3,"file":"Image.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/Image.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAkB,MAAM,OAAO,CAAC;AAWvC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;QAUN,MAAM;;CAEoB,CAAC;eAEhB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAKjB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAiBlB,CAAC"}