@dxos/react-ui 0.8.4-main.dedc0f3 → 0.8.4-main.e00bdcdb52

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

@@ -0,0 +1,127 @@
+import React, { CSSProperties, MouseEventHandler, type PropsWithChildren } from 'react';
+import { type Density } from '@dxos/ui-types';
+import { type ThemedClassName } from '../../util';
+import { type IconProps } from '../Icon';
+import { ToolbarCloseIconButtonProps, ToolbarDragHandleProps, type ToolbarMenuItem, type ToolbarMenuProps, type ToolbarRootProps } from '../Toolbar';
+type CardContextValue = {
+    menuItems?: CardMenuItem<any>[];
+};
+type CardRootOwnProps = {
+    id?: string;
+    border?: boolean;
+    fullWidth?: boolean;
+    density?: Density;
+    style?: CSSProperties;
+    tabIndex?: number;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    'data-selected'?: boolean;
+    'data-testid'?: string;
+};
+type CardRootProps = CardRootOwnProps;
+type CardToolbarProps = ToolbarRootProps;
+type CardDragHandleProps = ToolbarDragHandleProps;
+type CloseIconButtonProps = ToolbarCloseIconButtonProps;
+type CardMenuItem<T extends any | void = void> = ToolbarMenuItem<T>;
+type CardMenuProps<T extends any | void = void> = ToolbarMenuProps<T>;
+type CardRowProps = {
+    icon?: string;
+    fullWidth?: boolean;
+};
+type CardHeadingProps = {
+    variant?: 'default' | 'subtitle';
+};
+type CardTextProps = {
+    truncate?: boolean;
+    variant?: 'default' | 'description';
+};
+type CardHtmlProps = {
+    html: string;
+    variant?: 'default' | 'description';
+};
+type CardPosterProps = ThemedClassName<{
+    alt: string;
+    aspect?: 'video' | 'auto';
+    /**
+     * How the image fills the poster box. `'contain'` (default) preserves
+     * aspect ratio and may letterbox; `'cover'` fills the box edge-to-edge,
+     * cropping as needed. Forwarded to the underlying `Image`'s
+     * `object-fit`.
+     */
+    fit?: 'contain' | 'cover';
+} & Partial<{
+    image: string;
+    icon: string;
+}>>;
+type CardActionProps = {
+    icon?: string;
+    label: string;
+    actionIcon?: string;
+    onClick?: () => void;
+};
+type CardLinkProps = {
+    label: string;
+    href: string;
+};
+export declare const Card: {
+    Root: React.ForwardRefExoticComponent<Omit<CardRootOwnProps & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Toolbar: React.ForwardRefExoticComponent<Omit<ToolbarRootProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    ToolbarIconButton: React.ForwardRefExoticComponent<Omit<import("..").IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    ToolbarSeparator: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-separator").SeparatorProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        subdued?: boolean;
+    } & {
+        variant?: 'gap' | 'line';
+    } & React.RefAttributes<HTMLDivElement>>;
+    IconBlock: React.ForwardRefExoticComponent<Omit<PropsWithChildren<{
+        padding?: boolean;
+    }>, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    DragHandle: React.ForwardRefExoticComponent<ToolbarDragHandleProps & React.RefAttributes<HTMLButtonElement>>;
+    CloseIconButton: React.ForwardRefExoticComponent<ToolbarCloseIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+    Menu: <T extends unknown = void>({ context, items, ...props }: CardMenuProps<T>) => React.JSX.Element;
+    Icon: (props: IconProps) => React.JSX.Element;
+    Title: React.ForwardRefExoticComponent<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Row: React.ForwardRefExoticComponent<Omit<CardRowProps & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Section: React.ForwardRefExoticComponent<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Heading: React.ForwardRefExoticComponent<Omit<CardHeadingProps & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Text: React.ForwardRefExoticComponent<Omit<CardTextProps & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Html: ({ html, variant, ...props }: CardHtmlProps & ThemedClassName<object>) => React.JSX.Element;
+    Poster: (props: CardPosterProps) => React.JSX.Element | undefined;
+    Action: ({ icon, actionIcon, label, onClick }: CardActionProps) => React.JSX.Element;
+    Link: ({ label, href }: CardLinkProps) => React.JSX.Element;
+};
+export type { CardContextValue, CardRootProps, CardToolbarProps, CardDragHandleProps, CloseIconButtonProps, CardMenuProps, };
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}

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/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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type ButtonProps } from '../Buttons';
+import { type ButtonProps } from '../Button';
 import { type IconProps } from '../Icon';
 import { type TooltipScopedProps } from '../Tooltip';
 export type CopyButtonProps = ButtonProps & Pick<IconProps, 'size'> & {

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,YAAY,CAAC;AAClE,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

@@ -1,5 +1,5 @@
 import React, { type PropsWithChildren } from 'react';
-import { type Density } from '@dxos/react-ui-types';
+import { type Density } from '@dxos/ui-types';
 export interface DensityContextValue {
     density?: Density;
 }

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,sBAAsB,CAAC;AAEpD,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

@@ -0,0 +1,51 @@
+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';
+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 AlertDialogTitleProps = ThemedClassName<AlertDialogPrimitive.AlertDialogTitleProps> & {
+    srOnly?: boolean;
+};
+type AlertDialogDescriptionProps = ThemedClassName<AlertDialogPrimitive.AlertDialogDescriptionProps> & {
+    srOnly?: boolean;
+};
+export declare const AlertDialog: {
+    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, 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

@@ -0,0 +1 @@
+{"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/{Dialogs → Dialog}/AlertDialog.stories.d.ts

@@ -1,15 +1,9 @@
-import '@dxos-theme';
 import { type StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: any;
     render: any;
     decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

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

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

@@ -0,0 +1,64 @@
+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';
+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 DialogPrimitive.Content>> & {
+    size?: DialogSize;
+    inOverlayLayout?: boolean;
+};
+type DialogHeaderProps = SlottableProps;
+type DialogCloseIconButtonProps = {
+    label?: string;
+};
+type DialogBodyProps = SlottableProps;
+type DialogTitleProps = ThemedClassName<DialogPrimitive.DialogTitleProps> & {
+    srOnly?: boolean;
+};
+type DialogDescriptionProps = ThemedClassName<DialogPrimitive.DialogDescriptionProps> & {
+    srOnly?: boolean;
+};
+type DialogActionBarProps = SlottableProps;
+type DialogCloseProps = DialogPrimitive.DialogCloseProps;
+export declare const Dialog: {
+    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

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

@@ -0,0 +1,25 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+import { type DialogContentProps } from './Dialog';
+type DefaultStoryProps = Pick<DialogContentProps, 'size'> & Partial<{
+    title: string;
+    description: string;
+    openTrigger: string;
+    closeTrigger: string;
+    blockAlign: 'start' | 'center';
+}>;
+declare const meta: {
+    title: string;
+    component: any;
+    render: ({ size, title, description, openTrigger, closeTrigger, blockAlign }: 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 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

@@ -0,0 +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,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/index.d.ts.map

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

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

@@ -1,5 +1,5 @@
 import React, { type PropsWithChildren } from 'react';
-import { type Elevation } from '@dxos/react-ui-types';
+import { type Elevation } from '@dxos/ui-types';
 export interface ElevationContextValue {
     elevation?: Elevation;
 }

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,sBAAsB,CAAC;AAEtD,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

@@ -1,10 +1,13 @@
 import { type Primitive } from '@radix-ui/react-primitive';
 import React, { type ComponentPropsWithRef } from 'react';
-import { type Size } from '@dxos/react-ui-types';
+import { type Size } from '@dxos/ui-types';
 import { type ThemedClassName } from '../../util';
 export type IconProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.svg>> & {
     icon: string;
     size?: Size;
 };
-export declare const Icon: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
+/**
+ * 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,sBAAsB,CAAC;AAGjD,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,yHAUhB,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,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;;GAEG;AACH,eAAO,MAAM,IAAI,yFAWhB,CAAC"}