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

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 '../../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 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: 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, AlertDialogTitleProps, AlertDialogDescriptionProps, 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,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;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;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,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';
-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 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 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: 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, DialogCloseIconButtonProps, };
+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;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;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,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/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

@@ -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;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

@@ -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,6BAiDxE,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;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/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/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,6 @@
+import { type Size, type Theme } from '@dxos/ui-types';
+export type IconStyleProps = {
+    size?: Size;
+};
+export declare const iconTheme: Theme<IconStyleProps>;
+//# 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,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAE3C,CAAC"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+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, fit, crossOrigin, sampleSize, contrast, }: ImageProps) => React.JSX.Element;
+type ColorOptions = {
+    sampleSize?: number;
+    contrast?: number;
+};
+export {};
+//# sourceMappingURL=Image.d.ts.map

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

@@ -0,0 +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,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

@@ -0,0 +1,34 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: ({ classNames, src, alt, fit, crossOrigin, sampleSize, contrast, }: import("./Image").ImageProps) => React.JSX.Element;
+    render: (args: Omit<{
+        src: string;
+        alt?: string;
+        fit?: 'contain' | 'cover';
+        crossOrigin?: 'anonymous' | 'use-credentials' | '';
+    } & {
+        sampleSize?: number;
+        contrast?: number;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    }) => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+/**
+ * Access to image at 'https://dxos.network/dxos-logotype-blue.png'
+ * from origin 'http://localhost:9009' has been blocked by CORS policy:
+ * No 'Access-Control-Allow-Origin' header is present on the requested resource.
+ */
+export declare const Cors: Story;
+export declare const Corners: Story;
+export declare const SVG: Story;
+export declare const Many: Story;
+//# sourceMappingURL=Image.stories.d.ts.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;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"}

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

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

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

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