@dxos/react-ui 0.8.4-main.c1de068 → 0.8.4-main.c85a9c8dae

package/dist/types/src/exemplars/slot.stories.d.ts

@@ -0,0 +1,14 @@
+import { type StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Single: Story;
+export declare const Nested: Story;
+export declare const Inner: Story;
+//# sourceMappingURL=slot.stories.d.ts.map

package/dist/types/src/exemplars/slot.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.stories.d.ts","sourceRoot":"","sources":["../../../../src/exemplars/slot.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA0FjE,QAAA,MAAM,IAAI;;;;;;CAMM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC"}

package/dist/types/src/exemplars/tabster.stories.d.ts

@@ -0,0 +1,8 @@
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const DefaultStory: () => React.JSX.Element;
+declare const meta: Meta<typeof DefaultStory>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=tabster.stories.d.ts.map

package/dist/types/src/exemplars/tabster.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabster.stories.d.ts","sourceRoot":"","sources":["../../../../src/exemplars/tabster.stories.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAkB,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,KAAiD,MAAM,OAAO,CAAC;AAgEtE,QAAA,MAAM,YAAY,yBAcjB,CAAC;AAsBF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAOnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/types/src/exemplars/virtualizer.stories.d.ts

@@ -0,0 +1,11 @@
+import { type Meta } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: Meta;
+export default meta;
+/**
+ * https://tanstack.com/virtual/latest/docs/introduction
+ */
+export declare const Default: {
+    render: () => React.JSX.Element;
+};
+//# sourceMappingURL=virtualizer.stories.d.ts.map

package/dist/types/src/exemplars/virtualizer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtualizer.stories.d.ts","sourceRoot":"","sources":["../../../../src/exemplars/virtualizer.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,KAA+C,MAAM,OAAO,CAAC;AAYpE,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB;;GAEG;AACH,eAAO,MAAM,OAAO;;CAqEnB,CAAC"}

package/dist/types/src/hooks/useDensityContext.d.ts

@@ -1,3 +1,3 @@
-import { type Density } from '@dxos/react-ui-types';
+import { type Density } from '@dxos/ui-types';
 export declare const useDensityContext: (propsDensity?: Density) => Density | undefined;
 //# sourceMappingURL=useDensityContext.d.ts.map

package/dist/types/src/hooks/useDensityContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDensityContext.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDensityContext.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAIpD,eAAO,MAAM,iBAAiB,GAAI,eAAe,OAAO,wBAGvD,CAAC"}
+{"version":3,"file":"useDensityContext.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDensityContext.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAI9C,eAAO,MAAM,iBAAiB,GAAI,eAAe,OAAO,wBAGvD,CAAC"}

package/dist/types/src/hooks/useElevationContext.d.ts

@@ -1,3 +1,3 @@
-import { type Elevation } from '@dxos/react-ui-types';
+import { type Elevation } from '@dxos/ui-types';
 export declare const useElevationContext: (propsElevation?: Elevation) => Elevation | undefined;
 //# sourceMappingURL=useElevationContext.d.ts.map

package/dist/types/src/hooks/useElevationContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useElevationContext.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useElevationContext.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAItD,eAAO,MAAM,mBAAmB,GAAI,iBAAiB,SAAS,0BAG7D,CAAC"}
+{"version":3,"file":"useElevationContext.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useElevationContext.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAIhD,eAAO,MAAM,mBAAmB,GAAI,iBAAiB,SAAS,0BAG7D,CAAC"}

package/dist/types/src/hooks/useSafeArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSafeArea.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useSafeArea.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;AAElF,eAAO,MAAM,eAAe;;;;;CAAmD,CAAC;AAEhF,eAAO,MAAM,WAAW,QAAO,eAY9B,CAAC"}
+{"version":3,"file":"useSafeArea.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useSafeArea.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;AAElF,eAAO,MAAM,eAAe;;;;;CAAmD,CAAC;AAEhF,eAAO,MAAM,WAAW,QAAO,eAa9B,CAAC"}

package/dist/types/src/hooks/useVisualViewport.d.ts

@@ -1,5 +1,5 @@
-import { type useEffect } from 'react';
-export declare const useVisualViewport: (deps?: Parameters<typeof useEffect>[1]) => {
+import { useViewportResize } from '@dxos/react-hooks';
+export declare const useVisualViewport: (deps?: Parameters<typeof useViewportResize>[1]) => {
     width: number | null;
     height: number | null;
 };

package/dist/types/src/hooks/useVisualViewport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useVisualViewport.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useVisualViewport.ts"],"names":[],"mappings":"AAIA,OAAO,EAAe,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAI9D,eAAO,MAAM,iBAAiB,GAAI,OAAO,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC;;;CAcvE,CAAC"}
+{"version":3,"file":"useVisualViewport.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useVisualViewport.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,eAAO,MAAM,iBAAiB,GAAI,OAAO,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC;;;CAc/E,CAAC"}

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 StoryObj, type Meta } 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,QAAQ,EAAE,KAAK,IAAI,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;AAsG9E,QAAA,MAAM,IAAI;;;oCAnGmC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;;;;;CA2GtC,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,32 @@
+import React from 'react';
+import { type SlottableProps } from '@dxos/ui-types';
+type GutterSize = 'sm' | 'md' | 'lg' | 'rail';
+type ColumnRootProps = SlottableProps<HTMLDivElement> & {
+    gutter?: GutterSize;
+};
+type ColumnRowProps = SlottableProps<HTMLDivElement>;
+type ColumnSegmentProps = SlottableProps<HTMLDivElement>;
+export declare const Column: {
+    Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+        asChild?: boolean;
+    } & {
+        className?: string;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        gutter?: GutterSize;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Row: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+        asChild?: boolean;
+    } & {
+        className?: string;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Segment: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+        asChild?: boolean;
+    } & {
+        className?: string;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+};
+export type { ColumnRootProps, ColumnRowProps, ColumnSegmentProps };
+//# 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,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAUrD,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAS9C,KAAK,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AA6ChF,KAAK,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAgCrD,KAAK,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AA6CzD,eAAO,MAAM,MAAM;;;;;;;iBA1HgD,UAAU;;;;;;;;;;;;;;CA8H5E,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/types/src/primitives/Column/Column.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=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;AAsDjE,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/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/Flex/Flex.d.ts

@@ -0,0 +1,8 @@
+import React, { type HTMLAttributes } from 'react';
+import { type ComposableProps } from '@dxos/ui-types';
+export type FlexProps = ComposableProps<HTMLAttributes<HTMLDivElement> & {
+    column?: boolean;
+    grow?: boolean;
+}>;
+export declare const Flex: ({ children, classNames, className, role, column, grow, ...props }: FlexProps) => React.JSX.Element;
+//# 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":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,MAAM,MAAM,SAAS,GAAG,eAAe,CACrC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CACF,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,mEAAmE,SAAS,sBAUhG,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;AAyCjE,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,9 @@
+import React, { type HTMLAttributes } from 'react';
+import { type ComposableProps } from '@dxos/ui-types';
+export type GridProps = ComposableProps<HTMLAttributes<HTMLDivElement> & {
+    cols?: number;
+    rows?: number;
+    grow?: boolean;
+}>;
+export declare const Grid: ({ children, classNames, className, style, role, cols, rows, grow, ...props }: GridProps) => React.JSX.Element;
+//# 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,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,MAAM,MAAM,SAAS,GAAG,eAAe,CACrC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CACF,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,8EAUlB,SAAS,sBAeX,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;AAwCjE,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,34 @@
+import React from 'react';
+import { type SlottableProps } from '@dxos/ui-types';
+type PanelRootProps = SlottableProps<HTMLDivElement>;
+type ToolbarProps = SlottableProps<HTMLDivElement>;
+type ContentProps = SlottableProps<HTMLDivElement>;
+type StatusbarProps = SlottableProps<HTMLDivElement>;
+export declare const Panel: {
+    Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+        asChild?: boolean;
+    } & {
+        className?: string;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Toolbar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+        asChild?: boolean;
+    } & {
+        className?: string;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+        asChild?: boolean;
+    } & {
+        className?: string;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Statusbar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+        asChild?: boolean;
+    } & {
+        className?: string;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+};
+export type { PanelRootProps, ToolbarProps as PanelToolbarProps, ContentProps as PanelContentProps, StatusbarProps as 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,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAWrD,KAAK,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AA8BrD,KAAK,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAyBnD,KAAK,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAyBnD,KAAK,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAyBrD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;CAKjB,CAAC;AAEF,YAAY,EACV,cAAc,EACd,YAAY,IAAI,iBAAiB,EACjC,YAAY,IAAI,iBAAiB,EACjC,cAAc,IAAI,mBAAmB,GACtC,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;AAiDjE,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,5 @@
+export * from './Column';
+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,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,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, ...props }?: 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,mBAA8B,OAAO,CAAC,iBAAiB,CAAM,KAAG,SAiBhE,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,MA8CnC,CAAC"}