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

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

@@ -0,0 +1,9 @@
+import { type ComponentFunction } from '@dxos/ui-types';
+export type ColumnStyleProps = {};
+export declare const columnTheme: {
+    root: ComponentFunction<ColumnStyleProps>;
+    row: ComponentFunction<ColumnStyleProps>;
+    bleed: ComponentFunction<ColumnStyleProps>;
+    center: ComponentFunction<ColumnStyleProps>;
+};
+//# sourceMappingURL=Column.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Column.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Column/Column.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAiClC,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC"}

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

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

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

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

package/dist/types/src/components/Column/withColumn.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Column-aware theme utilities.
+ * Components apply these in their theme functions to participate in the Column grid
+ * without importing Column React components.
+ *
+ * CSS custom property cascade:
+ * - Column.Root sets `--dx-col: 2 / span 1` (center column placement).
+ * - ScrollArea.Viewport resets `--dx-col: auto` after consuming `--gutter`.
+ * - Components apply `grid-column: var(--dx-col, auto)` to auto-center in Column
+ *   or do nothing outside Column / inside ScrollArea.
+ */
+export declare const withColumn: {
+    /** Centers element in the Column grid via --dx-col. No-op outside Column or inside ScrollArea. */
+    center: () => string;
+    /** Propagates the Column grid to children via subgrid. No-op outside Column.
+     *  Direct children default to center column unless they are a dx-container (ScrollArea). */
+    propagate: () => string;
+    /** Resets --dx-col after consuming --gutter. Applied by ScrollArea.Viewport. */
+    consumed: () => string;
+};
+//# sourceMappingURL=withColumn.d.ts.map

package/dist/types/src/components/Column/withColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/Column/withColumn.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU;IACrB,kGAAkG;IAClG,MAAM;IAEN;gGAC4F;IAC5F,SAAS;IAGT,gFAAgF;IAChF,QAAQ;CACT,CAAC"}

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

@@ -0,0 +1,72 @@
+import React, { type ComponentPropsWithoutRef, type PropsWithChildren, type ReactNode } from 'react';
+import { type ThemedClassName } from '../../util';
+import { type DateRange } from '../Calendar';
+import { Popover } from '../Popover';
+export type DatePickerMode = 'single' | 'range';
+type ValueByMode = {
+    single: Date | undefined;
+    range: DateRange | undefined;
+};
+type DatePickerContextValue = {
+    mode: DatePickerMode;
+    value: ValueByMode[DatePickerMode];
+    setValue: (next: ValueByMode[DatePickerMode]) => void;
+    withTime: boolean;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+};
+declare const useDatePickerContext: (consumerName: string) => DatePickerContextValue;
+export type DatePickerRootProps<M extends DatePickerMode = 'single'> = {
+    mode?: M;
+    value?: ValueByMode[M];
+    defaultValue?: ValueByMode[M];
+    onValueChange?: (value: ValueByMode[M]) => void;
+    /** Preserve hour/minute on the selected date(s) when picking a new day. */
+    withTime?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: ReactNode;
+};
+export type DatePickerTriggerProps = ThemedClassName<Omit<ComponentPropsWithoutRef<'button'>, 'children'>> & PropsWithChildren<{
+    format?: string;
+    placeholder?: string;
+    /** Show the leading calendar icon in the default trigger. Defaults to true. */
+    icon?: boolean;
+}>;
+export type DatePickerContentProps = ThemedClassName<ComponentPropsWithoutRef<typeof Popover.Content>>;
+declare function DatePickerCalendar({ classNames }?: {
+    classNames?: string;
+}): React.JSX.Element;
+declare namespace DatePickerCalendar {
+    var displayName: string;
+}
+export declare const DatePicker: {
+    Root: <M extends DatePickerMode = "single">({ mode, value, defaultValue, onValueChange, withTime, open, defaultOpen, onOpenChange, children, }: DatePickerRootProps<M>) => React.JSX.Element;
+    Trigger: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children">, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        format?: string;
+        placeholder?: string;
+        /** Show the leading calendar icon in the default trigger. Defaults to true. */
+        icon?: boolean;
+    } & {
+        children?: ReactNode | undefined;
+    } & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("..").PopoverContentTypeProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        forceMount?: boolean;
+    } & React.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Calendar: {
+        ({ classNames }?: {
+            classNames?: string;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+};
+export { useDatePickerContext };
+export type { ValueByMode };
+//# sourceMappingURL=DatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EACZ,KAAK,wBAAwB,EAC7B,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAWrC,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEhD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,IAAI,GAAG,SAAS,CAAC;IACzB,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;CAC9B,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IACnC,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACtD,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,QAAA,MAA2B,oBAAoB,kDAAuD,CAAC;AAMvG,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,cAAc,GAAG,QAAQ,IAAI;IACrE,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACvB,YAAY,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAChD,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AA6EF,MAAM,MAAM,sBAAsB,GAAG,eAAe,CAAC,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC,GACxG,iBAAiB,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC,CAAC;AAsCL,MAAM,MAAM,sBAAsB,GAAG,eAAe,CAAC,wBAAwB,CAAC,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;oCAiC3E,EAAE,UAAU,EAAE,GAAE;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAO;;;;AAkDxE,eAAO,MAAM,UAAU;IACrB,IAAI,GA3MkB,CAAC,SAAS,cAAc,iHAU7C,mBAAmB,CAAC,CAAC,CAAC;IAkMvB,OAAO;;;iBA/HI,MAAM;sBACD,MAAM;QACpB,+EAA+E;eACxE,OAAO;;;;IA6HhB,OAAO;;;;;;;IACP,QAAQ;0BAtDkC;YAAE,UAAU,CAAC,EAAE,MAAM,CAAA;SAAE;;;CAuDlE,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAEhC,YAAY,EAAE,WAAW,EAAE,CAAC"}

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

@@ -0,0 +1,10 @@
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+import { DatePicker } from './DatePicker';
+declare const meta: Meta<typeof DatePicker.Root>;
+export default meta;
+type Story = StoryObj;
+export declare const Single: Story;
+export declare const Range: Story;
+export declare const SingleWithTime: Story;
+export declare const RangeWithTime: Story;
+//# sourceMappingURL=DatePicker.stories.d.ts.map

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

@@ -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 '../../theme';
+import { type ThemedClassName } from '../../util';
+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 AlertDialogTitleProps = ThemedClassName<AlertDialogPrimitive.AlertDialogTitleProps> & {
+    srOnly?: boolean;
+};
+type AlertDialogDescriptionProps = ThemedClassName<AlertDialogPrimitive.AlertDialogDescriptionProps> & {
+    srOnly?: boolean;
+};
+export declare const AlertDialog: {
+    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, 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

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

@@ -0,0 +1,11 @@
+import { type StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: any;
+    render: any;
+    decorators: import("@storybook/react").Decorator[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=AlertDialog.stories.d.ts.map

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,66 @@
+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 = 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 DialogActionIconButtonAction = 'close' | 'delete';
+type DialogActionIconButtonProps = {
+    action: DialogActionIconButtonAction;
+    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: 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, DialogActionIconButtonAction, DialogActionIconButtonProps, };
+//# 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;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

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

@@ -1,10 +1,14 @@
 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;
+    synchronized?: boolean;
 };
-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,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

@@ -0,0 +1,25 @@
+import { type IconProps } from '@phosphor-icons/react';
+import { type StoryObj } from '@storybook/react-vite';
+import React, { type FC } from 'react';
+declare const meta: {
+    title: string;
+    component: React.NamedExoticComponent<Omit<import("./Icon").IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+    };
+};
+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

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