@dxos/react-ui 0.7.5-labs.c0e040f → 0.7.5-labs.d199c0f

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

@@ -4,25 +4,25 @@ declare const _default: {
     title: string;
     component: {
         Root: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-scroll-area").ScrollAreaProps, "className"> & {
-            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+            classNames?: import("@dxos/react-ui-types").ClassNameValue;
         } & React.RefAttributes<HTMLDivElement>>;
         Viewport: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-scroll-area").ScrollAreaViewportProps, "className"> & {
-            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+            classNames?: import("@dxos/react-ui-types").ClassNameValue;
         } & React.RefAttributes<HTMLDivElement>>;
         Scrollbar: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-scroll-area").ScrollAreaScrollbarProps, "className"> & {
-            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+            classNames?: import("@dxos/react-ui-types").ClassNameValue;
         } & {
             variant?: "coarse" | "fine";
         } & React.RefAttributes<HTMLDivElement>>;
         Thumb: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-scroll-area").ScrollAreaThumbProps, "className"> & {
-            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+            classNames?: import("@dxos/react-ui-types").ClassNameValue;
         } & React.RefAttributes<HTMLDivElement>>;
         Corner: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-scroll-area").ScrollAreaCornerProps, "className"> & {
-            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+            classNames?: import("@dxos/react-ui-types").ClassNameValue;
         } & React.RefAttributes<HTMLDivElement>>;
     };
-    render: ({ children }: PropsWithChildren<{}>) => React.JSX.Element;
-    decorators: import("@storybook/react/*").Decorator[];
+    render: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
     parameters: {
         chromatic: {
             disableSnapshot: boolean;

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

@@ -28,34 +28,34 @@ export declare const Select: {
     Icon: React.ForwardRefExoticComponent<SelectPrimitive.SelectIconProps & React.RefAttributes<HTMLSpanElement>>;
     Portal: React.FC<SelectPrimitive.SelectPortalProps>;
     Content: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
     ScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
     ScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
     Viewport: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectViewportProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
     Item: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
     ItemText: React.ForwardRefExoticComponent<SelectPrimitive.SelectItemTextProps & React.RefAttributes<HTMLSpanElement>>;
     ItemIndicator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemIndicatorProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
     Option: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
     Group: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
     Label: React.ForwardRefExoticComponent<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>>;
     Separator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
     Arrow: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectArrowProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
     } & React.RefAttributes<SVGSVGElement>>;
 };
 export type { SelectRootProps, SelectTriggerProps, SelectTriggerButtonProps, SelectValueProps, SelectIconProps, SelectPortalProps, SelectContentProps, SelectScrollUpButtonProps, SelectScrollDownButtonProps, SelectViewportProps, SelectItemProps, SelectItemTextProps, SelectItemIndicatorProps, SelectOptionProps, SelectGroupProps, SelectLabelProps, SelectSeparatorProps, SelectArrowProps, };

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

@@ -1,6 +1,5 @@
 import '@dxos-theme';
 import { type StoryObj } from '@storybook/react';
-import React from 'react';
 type ItemProps = {
     id: string;
     text: string;
@@ -11,8 +10,8 @@ type StoryProps = {
 export declare const Default: StoryObj<StoryProps>;
 declare const _default: {
     title: string;
-    render: ({ items }: StoryProps) => React.JSX.Element;
-    decorators: import("@storybook/react/*").Decorator[];
+    render: ({ items }: StoryProps) => import("react/jsx-runtime").JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
     parameters: {
         chromatic: {
             disableSnapshot: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,KAAK,SAAS,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9C,KAAK,UAAU,GAAG;IAAE,KAAK,EAAE,SAAS,EAAE,CAAA;CAAE,CAAC;AAyBzC,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,UAAU,CAIxC,CAAC;;;wBA3BoC,UAAU;;;;;;;;AA6BhD,wBAKE"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUjD,KAAK,SAAS,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9C,KAAK,UAAU,GAAG;IAAE,KAAK,EAAE,SAAS,EAAE,CAAA;CAAE,CAAC;AAyBzC,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,UAAU,CAIxC,CAAC;;;wBA3BoC,UAAU;;;;;;;;AA6BhD,wBAKE"}

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { type ThemedClassName } from '../../util';
 type SeparatorProps = ThemedClassName<SeparatorPrimitiveProps>;
 declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitiveProps, "className"> & {
-    classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+    classNames?: import("@dxos/react-ui-types").ClassNameValue;
 } & React.RefAttributes<HTMLDivElement>>;
 export type { SeparatorProps };
 export { Separator };

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

@@ -3,7 +3,7 @@ import React from 'react';
 declare const _default: {
     title: string;
     component: React.ForwardRefExoticComponent<Omit<import("./Status").StatusProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-    decorators: import("@storybook/react/*").Decorator[];
+    decorators: import("@storybook/react").Decorator[];
     parameters: {
         chromatic: {
             disableSnapshot: boolean;
@@ -11,6 +11,6 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Normal: (props: any) => React.JSX.Element;
-export declare const Indeterminate: (props: any) => React.JSX.Element;
+export declare const Normal: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const Indeterminate: (props: any) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Status.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Status.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Status/Status.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;AAK1B,wBAKE;AAEF,eAAO,MAAM,MAAM,UAAW,GAAG,sBAShC,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,GAAG,sBAMvC,CAAC"}
+{"version":3,"file":"Status.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Status/Status.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;AAK1B,wBAKE;AAEF,eAAO,MAAM,MAAM,UAAW,GAAG,4CAShC,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,GAAG,4CAMvC,CAAC"}

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

@@ -3,7 +3,7 @@ import '@dxos-theme';
 declare const _default: {
     readonly title: "ui/react-ui-core/Tag";
     readonly component: React.ForwardRefExoticComponent<Omit<import("./Tag").TagProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-    readonly decorators: readonly [import("@storybook/react/*").Decorator];
+    readonly decorators: readonly [import("@storybook/react").Decorator];
     readonly parameters: {
         readonly chromatic: {
             readonly disableSnapshot: false;
@@ -12,6 +12,6 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: {
-    render: () => React.JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
 };
 //# sourceMappingURL=Tag.stories.d.ts.map

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

@@ -1,4 +1,4 @@
-import React, { type PropsWithChildren } from 'react';
+import { type PropsWithChildren } from 'react';
 import { type Density, type Elevation, type ThemeFunction } from '@dxos/react-ui-types';
 import { type TranslationsProviderProps } from './TranslationsProvider';
 import { type SafeAreaPadding } from '../../hooks';
@@ -14,5 +14,5 @@ export type ThemeProviderProps = Omit<TranslationsProviderProps, 'children'> & P
     rootDensity?: Density;
     rootElevation?: Elevation;
 }>;
-export declare const ThemeProvider: ({ children, fallback, resourceExtensions, appNs, tx, themeMode, rootDensity, ...rest }: ThemeProviderProps) => React.JSX.Element;
+export declare const ThemeProvider: ({ children, fallback, resourceExtensions, appNs, tx, themeMode, rootDensity, ...rest }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ThemeProvider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAiB,KAAK,iBAAiB,EAAsB,MAAM,OAAO,CAAC;AAEzF,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAExF,OAAO,EAAwB,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAC9F,OAAO,EAAE,KAAK,eAAe,EAAe,MAAM,aAAa,CAAC;AAKhE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvB,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAOF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,yBAAyB,EAAE,UAAU,CAAC,GAC1E,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,GACnD,iBAAiB,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,CAAC,CAAC;AAEL,eAAO,MAAM,aAAa,2FASvB,kBAAkB,sBA+BpB,CAAC"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAiB,KAAK,iBAAiB,EAAsB,MAAM,OAAO,CAAC;AAEzF,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAExF,OAAO,EAAwB,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAC9F,OAAO,EAAE,KAAK,eAAe,EAAe,MAAM,aAAa,CAAC;AAKhE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACvB,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAOF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,yBAAyB,EAAE,UAAU,CAAC,GAC1E,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,GACnD,iBAAiB,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,CAAC,CAAC;AAEL,eAAO,MAAM,aAAa,2FASvB,kBAAkB,4CA+BpB,CAAC"}

package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts

@@ -131,5 +131,5 @@ export declare const useTranslation: (ns?: string | string[] | readonly string[]
     i18n: import("i18next").i18n;
     ready: boolean;
 };
-export declare const TranslationsProvider: ({ fallback, resourceExtensions, children, appNs, dtLocale, }: TranslationsProviderProps) => React.JSX.Element;
+export declare const TranslationsProvider: ({ fallback, resourceExtensions, children, appNs, dtLocale, }: TranslationsProviderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TranslationsProvider.d.ts.map

package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TranslationsProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ThemeProvider/TranslationsProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAwB,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAgB,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAA4D,MAAM,OAAO,CAAC;AACxG,OAAO,EAAoB,cAAc,IAAI,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAO1F,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEtE,eAAO,MAAM,OAAO,MAAO,GAAG,KAAG,CAAC,IAAI,KAQN,CAAC;AAEjC,eAAO,MAAM,iBAAiB,UAAW,KAAK,KAAK,SAAS,WAAiD,CAAC;AAE9G,eAAO,MAAM,SAAS;;;;;;CAMZ,CAAC;AAWX,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,mBAAmB;;;EAG9B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;yDAqC4T,KAAM,mBAAmB,GAAE,KAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAjC5Y,CAAC;AAEF,eAAO,MAAM,oBAAoB,iEAM9B,yBAAyB,sBAwB3B,CAAC"}
+{"version":3,"file":"TranslationsProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ThemeProvider/TranslationsProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAwB,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAgB,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAA4D,MAAM,OAAO,CAAC;AACxG,OAAO,EAAoB,cAAc,IAAI,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAO1F,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEtE,eAAO,MAAM,OAAO,MAAO,GAAG,KAAG,CAAC,IAAI,KAQN,CAAC;AAEjC,eAAO,MAAM,iBAAiB,UAAW,KAAK,KAAK,SAAS,WAAiD,CAAC;AAE9G,eAAO,MAAM,SAAS;;;;;;CAMZ,CAAC;AAWX,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,mBAAmB;;;EAG9B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;yDAqC4T,KAAM,mBAAmB,GAAE,KAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAjC5Y,CAAC;AAEF,eAAO,MAAM,oBAAoB,iEAM9B,yBAAyB,4CAwB3B,CAAC"}

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

@@ -14,17 +14,17 @@ type ToastCloseProps = ToastClosePrimitiveProps;
 export declare const Toast: {
     Provider: React.FunctionComponent<ToastProviderPrimitiveProps>;
     Viewport: React.ForwardRefExoticComponent<Omit<ToastViewportPrimitiveProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLOListElement>>;
     Root: React.ForwardRefExoticComponent<Omit<ToastRootPrimitiveProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLLIElement>>;
     Body: React.ForwardRefExoticComponent<Omit<ToastBodyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Title: React.ForwardRefExoticComponent<Omit<ToastTitlePrimitiveProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<Omit<ToastDescriptionPrimitiveProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLParagraphElement>>;
     Actions: React.ForwardRefExoticComponent<Omit<ToastActionsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Action: React.FunctionComponent<ToastActionPrimitiveProps>;

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

@@ -16,24 +16,24 @@ declare const _default: {
     component: {
         Provider: React.FunctionComponent<import("@radix-ui/react-toast").ToastProviderProps>;
         Viewport: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-toast").ToastViewportProps, "className"> & {
-            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+            classNames?: import("@dxos/react-ui-types").ClassNameValue;
         } & React.RefAttributes<HTMLOListElement>>;
         Root: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-toast").ToastProps, "className"> & {
-            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+            classNames?: import("@dxos/react-ui-types").ClassNameValue;
         } & React.RefAttributes<HTMLLIElement>>;
         Body: React.ForwardRefExoticComponent<Omit<import("./Toast").ToastBodyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
         Title: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-toast").ToastTitleProps, "className"> & {
-            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+            classNames?: import("@dxos/react-ui-types").ClassNameValue;
         } & React.RefAttributes<HTMLHeadingElement>>;
         Description: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-toast").ToastDescriptionProps, "className"> & {
-            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+            classNames?: import("@dxos/react-ui-types").ClassNameValue;
         } & React.RefAttributes<HTMLParagraphElement>>;
         Actions: React.ForwardRefExoticComponent<Omit<import("./Toast").ToastActionsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
         Action: React.FunctionComponent<import("@radix-ui/react-toast").ToastActionProps>;
         Close: React.FunctionComponent<import("@radix-ui/react-toast").ToastCloseProps>;
     };
-    render: (props: StorybookToastProps) => React.JSX.Element;
-    decorators: import("@storybook/react/*").Decorator[];
+    render: (props: StorybookToastProps) => import("react/jsx-runtime").JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
     parameters: {
         chromatic: {
             disableSnapshot: boolean;
@@ -48,9 +48,9 @@ export declare const Default: {
         description: string;
         actionTriggers: {
             altText: string;
-            trigger: React.JSX.Element;
+            trigger: import("react/jsx-runtime").JSX.Element;
         }[];
-        closeTrigger: React.JSX.Element;
+        closeTrigger: import("react/jsx-runtime").JSX.Element;
     };
     parameters: {
         chromatic: {

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

@@ -18,7 +18,7 @@ type ToolbarSeparatorProps = SeparatorProps & {
 };
 export declare const Toolbar: {
     Root: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
     Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
     IconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
@@ -29,24 +29,24 @@ export declare const Toolbar: {
     } & {
         asChild?: boolean;
     }, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
     } & {
-        elevation?: import("packages/ui/react-ui-types/dist/types/src").Elevation;
+        elevation?: import("@dxos/react-ui-types").Elevation;
         asChild?: boolean;
     }, "ref"> | Omit<Omit<ToolbarPrimitive.ToolbarToggleGroupMultipleProps, "className"> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
     } & {
         asChild?: boolean;
     }, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
     } & {
-        elevation?: import("packages/ui/react-ui-types/dist/types/src").Elevation;
+        elevation?: import("@dxos/react-ui-types").Elevation;
         asChild?: boolean;
     }, "ref">) & React.RefAttributes<HTMLDivElement>>;
     ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
     ToggleGroupIconItem: React.ForwardRefExoticComponent<Omit<ToolbarToggleGroupIconItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
     Separator: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-separator").SeparatorProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
     } & {
         variant?: "gap" | "line";
     } & React.RefAttributes<HTMLDivElement>>;

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

@@ -5,41 +5,41 @@ declare const _default: {
     title: string;
     component: {
         Root: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-toolbar").ToolbarProps, "className"> & {
-            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+            classNames?: import("@dxos/react-ui-types").ClassNameValue;
         } & React.RefAttributes<HTMLDivElement>>;
-        Button: React.ForwardRefExoticComponent<Omit<import("../Buttons").ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-        IconButton: React.ForwardRefExoticComponent<Omit<import("../Buttons").IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+        Button: React.ForwardRefExoticComponent<Omit<import("..").ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+        IconButton: React.ForwardRefExoticComponent<Omit<import("..").IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
         Link: React.ForwardRefExoticComponent<Omit<import("..").LinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-        Toggle: React.ForwardRefExoticComponent<Omit<import("../Buttons").ToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+        Toggle: React.ForwardRefExoticComponent<Omit<import("..").ToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
         ToggleGroup: React.ForwardRefExoticComponent<(Omit<Omit<import("@radix-ui/react-toolbar").ToolbarToggleGroupSingleProps, "className"> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
             ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
         } & {
             asChild?: boolean;
         }, "className"> & {
-            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+            classNames?: import("@dxos/react-ui-types").ClassNameValue;
         } & {
-            elevation?: import("packages/ui/react-ui-types/dist/types/src").Elevation;
+            elevation?: import("@dxos/react-ui-types").Elevation;
             asChild?: boolean;
         }, "ref"> | Omit<Omit<import("@radix-ui/react-toolbar").ToolbarToggleGroupMultipleProps, "className"> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
             ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
         } & {
             asChild?: boolean;
         }, "className"> & {
-            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+            classNames?: import("@dxos/react-ui-types").ClassNameValue;
         } & {
-            elevation?: import("packages/ui/react-ui-types/dist/types/src").Elevation;
+            elevation?: import("@dxos/react-ui-types").Elevation;
             asChild?: boolean;
         }, "ref">) & React.RefAttributes<HTMLDivElement>>;
-        ToggleGroupItem: React.ForwardRefExoticComponent<Omit<import("../Buttons").ToggleGroupItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+        ToggleGroupItem: React.ForwardRefExoticComponent<Omit<import("..").ToggleGroupItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
         ToggleGroupIconItem: React.ForwardRefExoticComponent<Omit<import("./Toolbar").ToolbarToggleGroupIconItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
         Separator: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-separator").SeparatorProps, "className"> & {
-            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+            classNames?: import("@dxos/react-ui-types").ClassNameValue;
         } & {
             variant?: "gap" | "line";
         } & React.RefAttributes<HTMLDivElement>>;
     };
-    render: (props: StorybookToolbarProps) => React.JSX.Element;
-    decorators: import("@storybook/react/*").Decorator[];
+    render: (props: StorybookToolbarProps) => import("react/jsx-runtime").JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
     parameters: {
         chromatic: {
             disableSnapshot: boolean;

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

@@ -13,10 +13,10 @@ export declare const Tooltip: {
     Portal: React.FC<TooltipPortalPrimitiveProps>;
     Trigger: React.ForwardRefExoticComponent<TooltipTriggerPrimitiveProps & React.RefAttributes<HTMLButtonElement>>;
     Arrow: React.ForwardRefExoticComponent<Omit<TooltipArrowPrimitiveProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
     } & React.RefAttributes<SVGSVGElement>>;
     Content: React.ForwardRefExoticComponent<Omit<TooltipContentPrimitiveProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
 };
 export type { TooltipProviderProps, TooltipRootProps, TooltipPortalProps, TooltipTriggerProps, TooltipArrowProps, TooltipContentProps, };

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

@@ -12,14 +12,14 @@ declare const _default: {
         Portal: React.FC<import("@radix-ui/react-tooltip").TooltipPortalProps>;
         Trigger: React.ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
         Arrow: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tooltip").TooltipArrowProps, "className"> & {
-            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+            classNames?: import("@dxos/react-ui-types").ClassNameValue;
         } & React.RefAttributes<SVGSVGElement>>;
         Content: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tooltip").TooltipContentProps, "className"> & {
-            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+            classNames?: import("@dxos/react-ui-types").ClassNameValue;
         } & React.RefAttributes<HTMLDivElement>>;
     };
-    render: ({ content, defaultOpen }: StoryTooltipProps) => React.JSX.Element;
-    decorators: import("@storybook/react/*").Decorator[];
+    render: ({ content, defaultOpen }: StoryTooltipProps) => import("react/jsx-runtime").JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
     parameters: {
         chromatic: {
             disableSnapshot: boolean;

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

@@ -1,2 +1,2 @@
-export declare const useThemeContext: () => import("../components").ThemeContextValue;
+export declare const useThemeContext: () => import("..").ThemeContextValue;
 //# sourceMappingURL=useThemeContext.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useThemeContext.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,eAAe,iDAA6E,CAAC"}
+{"version":3,"file":"useThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useThemeContext.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,eAAe,sCAA6E,CAAC"}

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

@@ -1,5 +1,5 @@
 export declare const useTranslationsContext: () => {
     appNs: string;
-    dtLocale: import("date-fns/types").Locale;
+    dtLocale: import("date-fns/locale").Locale;
 };
 //# sourceMappingURL=useTranslationsContext.d.ts.map

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

@@ -1,10 +1,9 @@
 import '@dxos-theme';
-import React from 'react';
 export declare const Default: {};
 declare const _default: {
     title: string;
-    render: () => React.JSX.Element;
-    decorators: import("@storybook/react/*").Decorator[];
+    render: () => import("react/jsx-runtime").JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
     parameters: {
         chromatic: {
             disableSnapshot: boolean;

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;AAGrB,OAAO,KAAmB,MAAM,OAAO,CAAC;AA4ExC,eAAO,MAAM,OAAO,IAAK,CAAC;;;;;;;;;;;AAE1B,wBAKE"}
+{"version":3,"file":"Controls.stories.d.ts","sourceRoot":"","sources":["../../../../src/playground/Controls.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AA+ErB,eAAO,MAAM,OAAO,IAAK,CAAC;;;;;;;;;;;AAE1B,wBAKE"}

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

@@ -1,9 +1,8 @@
 import '@dxos-theme';
-import React from 'react';
 declare const _default: {
     title: string;
-    render: () => React.JSX.Element;
-    decorators: import("@storybook/react/*").Decorator[];
+    render: () => import("react/jsx-runtime").JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
     parameters: {
         chromatic: {
             disableSnapshot: boolean;

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,aAAa,CAAC;;;;;;;;;;;AAyCrB,wBAKE;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC"}

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@dxos/react-ui",
-  "version": "0.7.5-labs.c0e040f",
+  "version": "0.7.5-labs.d199c0f",
   "description": "Low-level React components for DXOS, applying a theme to a core group of primitives",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
   "license": "MIT",
   "author": "DXOS.org",
   "sideEffects": true,
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/types/src/index.d.ts",
@@ -60,13 +61,13 @@
     "keyborg": "^2.5.0",
     "react-i18next": "^11.18.6",
     "react-remove-scroll": "^2.6.0",
-    "@dxos/debug": "0.7.5-labs.c0e040f",
-    "@dxos/react-input": "0.7.5-labs.c0e040f",
-    "@dxos/log": "0.7.5-labs.c0e040f",
-    "@dxos/react-hooks": "0.7.5-labs.c0e040f",
-    "@dxos/react-list": "0.7.5-labs.c0e040f",
-    "@dxos/react-ui-types": "0.7.5-labs.c0e040f",
-    "@dxos/util": "0.7.5-labs.c0e040f"
+    "@dxos/debug": "0.7.5-labs.d199c0f",
+    "@dxos/log": "0.7.5-labs.d199c0f",
+    "@dxos/react-hooks": "0.7.5-labs.d199c0f",
+    "@dxos/react-input": "0.7.5-labs.d199c0f",
+    "@dxos/react-list": "0.7.5-labs.d199c0f",
+    "@dxos/react-ui-types": "0.7.5-labs.d199c0f",
+    "@dxos/util": "0.7.5-labs.d199c0f"
   },
   "devDependencies": {
     "@dnd-kit/core": "^6.0.5",
@@ -78,15 +79,15 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/random": "0.7.5-labs.c0e040f",
-    "@dxos/util": "0.7.5-labs.c0e040f",
-    "@dxos/react-ui-theme": "0.7.5-labs.c0e040f"
+    "@dxos/random": "0.7.5-labs.d199c0f",
+    "@dxos/react-ui-theme": "0.7.5-labs.d199c0f",
+    "@dxos/util": "0.7.5-labs.d199c0f"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui-theme": "0.7.5-labs.c0e040f"
+    "@dxos/react-ui-theme": "0.7.5-labs.d199c0f"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Buttons/IconButton.tsx

@@ -14,6 +14,7 @@ type IconButtonProps = Omit<ButtonProps, 'children'> &
   Pick<IconProps, 'icon' | 'size'> & {
     label: NonNullable<ReactNode>;
     iconOnly?: boolean;
+    noTooltip?: boolean;
     caretDown?: boolean;
     // TODO(burdon): Create slots abstraction?
     iconClassNames?: ThemedClassName<any>['classNames'];
@@ -24,8 +25,14 @@ type IconButtonProps = Omit<ButtonProps, 'children'> &
   };
 
 const IconOnlyButton = forwardRef<HTMLButtonElement, IconButtonProps>(
-  ({ tooltipPortal = true, tooltipZIndex: zIndex, tooltipSide, suppressNextTooltip, ...props }, forwardedRef) => {
+  (
+    { noTooltip, tooltipPortal = true, tooltipZIndex: zIndex, tooltipSide, suppressNextTooltip, ...props },
+    forwardedRef,
+  ) => {
     const [triggerTooltipOpen, setTriggerTooltipOpen] = useState(false);
+    if (noTooltip) {
+      return <LabelledIconButton {...props} ref={forwardedRef} />;
+    }
     const content = (
       <Tooltip.Content {...(zIndex && { style: { zIndex } })} side={tooltipSide}>
         {props.label}

package/src/components/Icon/Icon.tsx

@@ -12,7 +12,10 @@ import { type ThemedClassName } from '../../util';
 
 const ICONS_URL = '/icons.svg';
 
-export type IconProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.svg>> & { icon: string; size?: Size };
+export type IconProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.svg>> & {
+  icon: string;
+  size?: Size;
+};
 
 export const Icon = memo(
   forwardRef<SVGSVGElement, IconProps>(({ icon, classNames, size, ...props }, forwardedRef) => {