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

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

@@ -1,8 +1,9 @@
 export { type Resource, type TFunction } from 'i18next';
 export { Trans } from 'react-i18next';
 export * from '@dxos/react-hooks';
-export type * from '@dxos/react-ui-types';
+export * from '@dxos/ui-types';
 export * from './components';
 export * from './hooks';
+export * from './primitives';
 export * from './util';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,sBAAsB,CAAC;AAE1C,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC"}

package/dist/types/src/playground/Controls.stories.d.ts

@@ -1,15 +1,11 @@
-import '@dxos-theme';
+import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
-declare const _default: {
+declare const meta: {
     title: string;
     render: () => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-    };
 };
-export default _default;
-export declare const Default: {};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
 //# sourceMappingURL=Controls.stories.d.ts.map

package/dist/types/src/playground/Controls.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Controls.stories.d.ts","sourceRoot":"","sources":["../../../../src/playground/Controls.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAmB,MAAM,OAAO,CAAC;;;;;;;;;;;AA4ExC,wBAKE;AAEF,eAAO,MAAM,OAAO,IAAK,CAAC"}
+{"version":3,"file":"Controls.stories.d.ts","sourceRoot":"","sources":["../../../../src/playground/Controls.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAuExC,QAAA,MAAM,IAAI;;;;CAImB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/playground/Custom.stories.d.ts

@@ -1,7 +1,15 @@
-import '@dxos-theme';
-import { type Meta, type StoryObj } from '@storybook/react-vite';
-import { Button } from '../components';
-declare const meta: Meta<typeof Button>;
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+import { type ButtonProps } from '../components';
+declare const meta: {
+    title: string;
+    component: React.NamedExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    render: ({ children, ...args }: Omit<ButtonProps, "ref">) => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+    };
+};
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;

package/dist/types/src/playground/Custom.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Custom.stories.d.ts","sourceRoot":"","sources":["../../../../src/playground/Custom.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjE,OAAO,EAAE,MAAM,EAAyC,MAAM,eAAe,CAAC;AAiH9E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAM7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
+{"version":3,"file":"Custom.stories.d.ts","sourceRoot":"","sources":["../../../../src/playground/Custom.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAuB,MAAM,eAAe,CAAC;AAmG9E,QAAA,MAAM,IAAI;;;oCAhGmC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;;;;;CAwGtC,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/types/src/playground/Typography.stories.d.ts

@@ -1,17 +1,11 @@
-import '@dxos-theme';
+import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
-declare const _default: {
+declare const meta: {
     title: string;
     render: () => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    args: {};
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
 //# sourceMappingURL=Typography.stories.d.ts.map

package/dist/types/src/playground/Typography.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../../src/playground/Typography.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;AAuC1B,wBAKE;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC"}
+{"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../../src/playground/Typography.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAuC1B,QAAA,MAAM,IAAI;;;;CAI2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/types/src/primitives/Column/Column.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { type SlottableProps } from '@dxos/ui-types';
+type GutterSize = 'xs' | 'sm' | 'md' | 'lg';
+type ColumnRootProps = {
+    gutter?: GutterSize;
+};
+type ColumnRowProps = {};
+type ColumnBleedProps = SlottableProps;
+type ColumnCenterProps = SlottableProps;
+export declare const Column: {
+    Root: React.ForwardRefExoticComponent<Omit<ColumnRootProps & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+    Row: React.ForwardRefExoticComponent<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+    Bleed: React.ForwardRefExoticComponent<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+    Center: React.ForwardRefExoticComponent<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+};
+export type { ColumnRootProps, ColumnRowProps, ColumnBleedProps, ColumnCenterProps };
+//# sourceMappingURL=Column.d.ts.map

package/dist/types/src/primitives/Column/Column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Column/Column.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAUrD,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAS5C,KAAK,eAAe,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAqD/C,KAAK,cAAc,GAAG,EAAE,CAAC;AA0BzB,KAAK,gBAAgB,GAAG,cAAc,CAAC;AA0BvC,KAAK,iBAAiB,GAAG,cAAc,CAAC;AAwBxC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CAKlB,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/types/src/primitives/Column/Column.stories.d.ts

@@ -0,0 +1,25 @@
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithScrollArea: {
+    decorators: import("@storybook/react").Decorator[];
+    render: () => React.JSX.Element;
+};
+/**
+ * Column.Center places a single element in the center column of the parent grid.
+ * Preferred for centered content — safe to nest
+ * compound components (Form.Root, Editor.Root, etc.) that render `display: contents`.
+ */
+export declare const WithCenter: Story;
+/**
+ * ScrollArea auto-bleeds inside Column.Root (via [.dx-column_&]:col-span-full).
+ * No Column.Bleed wrapper needed.
+ */
+export declare const WithScrollAreaAutoBleed: Story;
+export declare const Experimental: {
+    render: () => React.JSX.Element;
+};
+//# sourceMappingURL=Column.stories.d.ts.map

package/dist/types/src/primitives/Column/Column.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.stories.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Column/Column.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAmE1B,QAAA,MAAM,IAAI,EAAE,IAOX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAYjC,eAAO,MAAM,cAAc;;;CAiB1B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAiBrC,CAAC;AAEF,eAAO,MAAM,YAAY;;CAexB,CAAC"}

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

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

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

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

package/dist/types/src/primitives/Container/Container.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const Container: React.ForwardRefExoticComponent<Omit<{
+    asChild?: boolean;
+}, "className"> & {
+    classNames?: import("@dxos/ui-types").ClassNameValue;
+} & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Container.d.ts.map

package/dist/types/src/primitives/Container/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Container/Container.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,SAAS;;;;2HAQpB,CAAC"}

package/dist/types/src/primitives/Container/Container.stories.d.ts

@@ -0,0 +1,6 @@
+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;
+//# sourceMappingURL=Container.stories.d.ts.map

package/dist/types/src/primitives/Container/Container.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.stories.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Container/Container.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAYjE,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/primitives/Container/index.d.ts

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

package/dist/types/src/primitives/Container/index.d.ts.map

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

package/dist/types/src/primitives/Flex/Flex.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type FlexProps = {
+    column?: boolean;
+    grow?: boolean;
+};
+export declare const Flex: React.ForwardRefExoticComponent<Omit<FlexProps & {
+    asChild?: boolean;
+}, "className"> & {
+    classNames?: import("@dxos/ui-types").ClassNameValue;
+} & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Flex.d.ts.map

package/dist/types/src/primitives/Flex/Flex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Flex/Flex.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,SAAS,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE7D,eAAO,MAAM,IAAI;;;;2HAchB,CAAC"}

package/dist/types/src/primitives/Flex/Flex.stories.d.ts

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

package/dist/types/src/primitives/Flex/Flex.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.stories.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Flex/Flex.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAwCjE,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,GAAG,EAAE,KAA4B,CAAC;AAC/C,eAAO,MAAM,MAAM,EAAE,KAA+B,CAAC;AACrD,eAAO,MAAM,IAAI,EAAE,KAA6B,CAAC"}

package/dist/types/src/primitives/Flex/index.d.ts

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

package/dist/types/src/primitives/Flex/index.d.ts.map

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

package/dist/types/src/primitives/Grid/Grid.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type GridProps = {
+    cols?: number;
+    rows?: number;
+    grow?: boolean;
+};
+export declare const Grid: React.ForwardRefExoticComponent<Omit<GridProps, "className"> & {
+    classNames?: import("@dxos/ui-types").ClassNameValue;
+} & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Grid.d.ts.map

package/dist/types/src/primitives/Grid/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Grid/Grid.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEzE,eAAO,MAAM,IAAI;;2HAmBhB,CAAC"}

package/dist/types/src/primitives/Grid/Grid.stories.d.ts

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

package/dist/types/src/primitives/Grid/Grid.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Grid/Grid.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAuCjE,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KAA6B,CAAC;AACjD,eAAO,MAAM,IAAI,EAAE,KAA6B,CAAC;AACjD,eAAO,MAAM,KAAK,EAAE,KAA8B,CAAC"}

package/dist/types/src/primitives/Grid/index.d.ts

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

package/dist/types/src/primitives/Grid/index.d.ts.map

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

package/dist/types/src/primitives/Panel/Panel.d.ts

@@ -0,0 +1,35 @@
+import React, { type CSSProperties } from 'react';
+import { PanelStyleProps } from '@dxos/ui-theme';
+import { type SlottableProps } from '@dxos/ui-types';
+type PanelRootProps = SlottableProps<{
+    style?: CSSProperties;
+}>;
+type PanelToolbarProps = SlottableProps & Pick<PanelStyleProps, 'size'>;
+type PanelContentProps = SlottableProps;
+type PanelStatusbarProps = SlottableProps & Pick<PanelStyleProps, 'size'>;
+export declare const Panel: {
+    Root: React.ForwardRefExoticComponent<Omit<{
+        style?: CSSProperties;
+    } & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+    Toolbar: React.ForwardRefExoticComponent<Omit<Pick<PanelStyleProps, "size"> & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+    Statusbar: React.ForwardRefExoticComponent<Omit<Pick<PanelStyleProps, "size"> & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+};
+export type { PanelRootProps, PanelToolbarProps, PanelContentProps, PanelStatusbarProps };
+//# sourceMappingURL=Panel.d.ts.map

package/dist/types/src/primitives/Panel/Panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Panel/Panel.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAmB,eAAe,EAAa,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAWrD,KAAK,cAAc,GAAG,cAAc,CAAC;IAAE,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,CAAC,CAAC;AA+BhE,KAAK,iBAAiB,GAAG,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;AAqBxE,KAAK,iBAAiB,GAAG,cAAc,CAAC;AAmBxC,KAAK,mBAAmB,GAAG,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;AAqB1E,eAAO,MAAM,KAAK;;gBA1FoC,aAAa;;;;;;;;;;;;;;;;;;;;;CA+FlE,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/types/src/primitives/Panel/Panel.stories.d.ts

@@ -0,0 +1,6 @@
+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;
+//# sourceMappingURL=Panel.stories.d.ts.map

package/dist/types/src/primitives/Panel/Panel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Panel/Panel.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAkDjE,QAAA,MAAM,IAAI,EAAE,IAOX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/primitives/Panel/index.d.ts

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

package/dist/types/src/primitives/Panel/index.d.ts.map

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

package/dist/types/src/primitives/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Column';
+export * from './Container';
+export * from './Flex';
+export * from './Grid';
+export * from './Panel';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/primitives/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}

package/dist/types/src/testing/Loading.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type LoadingProps = {
+    data?: any;
+};
+/**
+ * Storybook loading component.
+ */
+export declare const Loading: ({ data }: LoadingProps) => React.JSX.Element;
+//# sourceMappingURL=Loading.d.ts.map

package/dist/types/src/testing/Loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../../src/testing/Loading.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAOtE,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC;AAE1C;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,UAAU,YAAY,sBA8B7C,CAAC"}

package/dist/types/src/testing/decorators/index.d.ts

@@ -1,3 +1,4 @@
+export * from './withLayout';
+export * from './withLayoutVariants';
 export * from './withTheme';
-export * from './withSurfaceVariantsLayout';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/testing/decorators/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/testing/decorators/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/testing/decorators/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC"}

package/dist/types/src/testing/decorators/withLayout.d.ts

@@ -0,0 +1,15 @@
+import { type Decorator } from '@storybook/react';
+import { type FC, type PropsWithChildren } from 'react';
+import { type ClassNameValue, type ThemedClassName } from '@dxos/react-ui';
+export type ContainerProps = ThemedClassName<PropsWithChildren>;
+export type ContainerType = 'default' | 'fullscreen' | 'centered' | 'column';
+export type WithLayoutProps = FC<ContainerProps> | {
+    classNames?: ClassNameValue;
+    layout?: ContainerType;
+    scroll?: boolean;
+};
+/**
+ * Adds layout container.
+ */
+export declare const withLayout: (props?: WithLayoutProps) => Decorator;
+//# sourceMappingURL=withLayout.d.ts.map

package/dist/types/src/testing/decorators/withLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withLayout.d.ts","sourceRoot":"","sources":["../../../../../src/testing/decorators/withLayout.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAc,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAQ,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAG3E,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE7E,MAAM,MAAM,eAAe,GACvB,EAAE,CAAC,cAAc,CAAC,GAClB;IACE,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEN;;GAEG;AACH,eAAO,MAAM,UAAU,GACpB,QAAO,eAAoB,KAAG,SAoB9B,CAAC"}

package/dist/types/src/testing/decorators/withLayoutVariants.d.ts

@@ -0,0 +1,12 @@
+import { type Decorator } from '@storybook/react';
+import { type Density, type Elevation } from '@dxos/ui-types';
+type Config = {
+    elevations?: {
+        elevation: Elevation;
+        surface?: string;
+    }[];
+    densities?: Density[];
+};
+export declare const withLayoutVariants: ({ elevations, densities, }?: Config) => Decorator;
+export {};
+//# sourceMappingURL=withLayoutVariants.d.ts.map

package/dist/types/src/testing/decorators/withLayoutVariants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withLayoutVariants.d.ts","sourceRoot":"","sources":["../../../../../src/testing/decorators/withLayoutVariants.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE9D,KAAK,MAAM,GAAG;IACZ,UAAU,CAAC,EAAE;QAAE,SAAS,EAAE,SAAS,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;CACvB,CAAC;AAyBF,eAAO,MAAM,kBAAkB,GAAI,6BAOhC,MAAW,KAAG,SAEhB,CAAC"}

package/dist/types/src/testing/decorators/withTheme.d.ts

@@ -1,3 +1,7 @@
 import { type Decorator } from '@storybook/react';
-export declare const withTheme: Decorator;
+import { type ThemeContextValue } from '../../components';
+/**
+ * Adds theme decorator.
+ */
+export declare const withTheme: ({ tx, noCache, platform }?: Partial<ThemeContextValue>) => Decorator;
 //# sourceMappingURL=withTheme.d.ts.map

package/dist/types/src/testing/decorators/withTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withTheme.d.ts","sourceRoot":"","sources":["../../../../../src/testing/decorators/withTheme.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAmC,MAAM,kBAAkB,CAAC;AAOnF,eAAO,MAAM,SAAS,EAAE,SAavB,CAAC"}
+{"version":3,"file":"withTheme.d.ts","sourceRoot":"","sources":["../../../../../src/testing/decorators/withTheme.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAMlD,OAAO,EAAE,KAAK,iBAAiB,EAA0B,MAAM,kBAAkB,CAAC;AAElF;;GAEG;AACH,eAAO,MAAM,SAAS,GACnB,4BAAuC,OAAO,CAAC,iBAAiB,CAAM,KAAG,SAoBzE,CAAC"}

package/dist/types/src/testing/index.d.ts

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

package/dist/types/src/testing/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/testing/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/testing/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAE7B,cAAc,WAAW,CAAC"}

package/dist/types/src/translations.d.ts

@@ -0,0 +1,11 @@
+export declare const translationKey = "@dxos/react-ui";
+export declare const translations: [{
+    readonly 'en-US': {
+        readonly "@dxos/react-ui": {
+            readonly 'toolbar-menu.label': "Action menu";
+            readonly 'toolbar-drag-handle.label': "Drag to rearrange";
+            readonly 'toolbar-close.label': "Close";
+        };
+    };
+}];
+//# sourceMappingURL=translations.d.ts.map

package/dist/types/src/translations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAE/C,eAAO,MAAM,YAAY;;;;;;;;EAUM,CAAC"}

package/dist/types/src/util/index.d.ts

@@ -1,3 +1,4 @@
+export type { ThemedClassName } from '@dxos/ui-types';
 export * from './hasIosKeyboard';
-export type * from './ThemedClassName';
+export * from './usePx';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/util/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/util/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/util/index.ts"],"names":[],"mappings":"AAIA,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}

package/dist/types/src/util/usePx.d.ts

@@ -0,0 +1,8 @@
+/**
+ * React hook that converts rem values to pixels and updates when the root font size changes.
+ *
+ * @param rem The rem value to convert to pixels
+ * @returns The current pixel value equivalent of the rem input
+ */
+export declare const usePx: (rem: number) => number;
+//# sourceMappingURL=usePx.d.ts.map

package/dist/types/src/util/usePx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePx.d.ts","sourceRoot":"","sources":["../../../../src/util/usePx.ts"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,eAAO,MAAM,KAAK,GAAI,KAAK,MAAM,KAAG,MA+CnC,CAAC"}