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

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

@@ -1,10 +1,9 @@
 import React, { type ComponentPropsWithRef } from 'react';
+import { type StatusStyleProps } from '../../theme';
 import { type ThemedClassName } from '../../util';
-type StatusProps = ThemedClassName<ComponentPropsWithRef<'span'>> & {
-    indeterminate?: boolean;
-    variant?: 'default' | 'main-bottom';
+type StatusProps = ThemedClassName<ComponentPropsWithRef<'span'> & StatusStyleProps & {
     progress?: number;
-};
+}>;
 declare const Status: React.ForwardRefExoticComponent<Omit<StatusProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export { Status };
 export type { StatusProps };

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

@@ -1 +1 @@
-{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../../../src/components/Status/Status.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,WAAW,GAAG,eAAe,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC,GAAG;IAClE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,MAAM,kGAmBX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../../../src/components/Status/Status.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,WAAW,GAAG,eAAe,CAChC,qBAAqB,CAAC,MAAM,CAAC,GAC3B,gBAAgB,GAAG;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CACJ,CAAC;AAEF,QAAA,MAAM,MAAM,kGAmBX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,YAAY,EAAE,WAAW,EAAE,CAAC"}

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

@@ -1,16 +1,12 @@
-import '@dxos-theme';
+import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
-declare const _default: {
+declare const meta: {
     title: string;
     component: React.ForwardRefExoticComponent<Omit<import("./Status").StatusProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
     decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-    };
 };
-export default _default;
-export declare const Normal: (props: any) => React.JSX.Element;
-export declare const Indeterminate: (props: any) => React.JSX.Element;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Normal: Story;
+export declare const Indeterminate: Story;
 //# 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;;;;;;;;;;;AAM1B,wBAKE;AAEF,eAAO,MAAM,MAAM,GAAI,OAAO,GAAG,sBAShC,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,GAAG,sBAMvC,CAAC"}
+{"version":3,"file":"Status.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Status/Status.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,QAAA,MAAM,IAAI;;;;CAIqB,CAAC;eAEjB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAWpB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { Theme } from '@dxos/ui-types';
+export type StatusStyleProps = {
+    variant?: 'default' | 'main-bottom';
+    indeterminate?: boolean;
+};
+export declare const statusTheme: Theme<StatusStyleProps>;
+//# sourceMappingURL=Status.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Status.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Status/Status.theme.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAqB,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAiBF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAG/C,CAAC"}

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

@@ -1,6 +1,6 @@
 import { Primitive } from '@radix-ui/react-primitive';
 import React, { type ComponentPropsWithRef } from 'react';
-import { type ChromaticPalette, type MessageValence, type NeutralPalette } from '@dxos/react-ui-types';
+import { type ChromaticPalette, type MessageValence, type NeutralPalette } from '@dxos/ui-types';
 import { type ThemedClassName } from '../../util';
 export type TagProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.span>> & {
     palette?: NeutralPalette | ChromaticPalette | MessageValence;

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGvG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG;IACrF,OAAO,CAAC,EAAE,cAAc,GAAG,gBAAgB,GAAG,cAAc,CAAC;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,GAAG,+FAaf,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGjG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG;IACrF,OAAO,CAAC,EAAE,cAAc,GAAG,gBAAgB,GAAG,cAAc,CAAC;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,GAAG,+FAQf,CAAC"}

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

@@ -1,17 +1,12 @@
+import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
-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 parameters: {
-        readonly chromatic: {
-            readonly disableSnapshot: false;
-        };
-    };
-};
-export default _default;
-export declare const Default: {
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<import("./Tag").TagProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
     render: () => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
 //# sourceMappingURL=Tag.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/Tag.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,aAAa,CAAC;;;;;;;;;;;AASrB,wBAKW;AAEX,eAAO,MAAM,OAAO;;CAUnB,CAAC"}
+{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/Tag.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,QAAA,MAAM,IAAI;;;;;CAakB,CAAC;eAEd,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

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

@@ -0,0 +1,6 @@
+import { type ChromaticPalette, type MessageValence, type NeutralPalette, type Theme } from '@dxos/ui-types';
+export type TagStyleProps = {
+    palette?: ChromaticPalette | NeutralPalette | MessageValence;
+};
+export declare const tagTheme: Theme<TagStyleProps>;
+//# sourceMappingURL=Tag.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/Tag.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,gBAAgB,EAErB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,KAAK,EACX,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,CAAC;CAC9D,CAAC;AAIF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAAa,CAEzC,CAAC"}

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

@@ -1,34 +1,37 @@
-import { Primitive } from '@radix-ui/react-primitive';
-import { type ToastActionProps as ToastActionPrimitiveProps, type ToastCloseProps as ToastClosePrimitiveProps, type ToastDescriptionProps as ToastDescriptionPrimitiveProps, type ToastProviderProps as ToastProviderPrimitiveProps, type ToastProps as ToastRootPrimitiveProps, type ToastTitleProps as ToastTitlePrimitiveProps, type ToastViewportProps as ToastViewportPrimitiveProps } from '@radix-ui/react-toast';
+import * as ToastPrimitive from '@radix-ui/react-toast';
 import React, { type ComponentPropsWithRef } from 'react';
 import { type ThemedClassName } from '../../util';
-type ToastProviderProps = ToastProviderPrimitiveProps;
-type ToastViewportProps = ThemedClassName<ToastViewportPrimitiveProps>;
-type ToastRootProps = ThemedClassName<ToastRootPrimitiveProps>;
-type ToastBodyProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>>;
-type ToastTitleProps = ThemedClassName<ToastTitlePrimitiveProps>;
-type ToastDescriptionProps = ThemedClassName<ToastDescriptionPrimitiveProps>;
-type ToastActionsProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>>;
-type ToastActionProps = ToastActionPrimitiveProps;
-type ToastCloseProps = ToastClosePrimitiveProps;
+type ToastProviderProps = ToastPrimitive.ToastProviderProps;
+type ToastViewportProps = ThemedClassName<ToastPrimitive.ToastViewportProps>;
+type ToastRootProps = ThemedClassName<ToastPrimitive.ToastProps>;
+type ToastTitleProps = ThemedClassName<ToastPrimitive.ToastTitleProps> & {
+    icon?: string;
+    onClose?: () => void;
+};
+type ToastDescriptionProps = ThemedClassName<ToastPrimitive.ToastDescriptionProps>;
+type ToastActionsProps = ThemedClassName<ComponentPropsWithRef<'div'>>;
+type ToastActionProps = ToastPrimitive.ToastActionProps;
+type ToastCloseProps = ToastPrimitive.ToastCloseProps;
 export declare const Toast: {
-    Provider: React.FunctionComponent<ToastProviderPrimitiveProps>;
-    Viewport: React.ForwardRefExoticComponent<Omit<ToastViewportPrimitiveProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+    Provider: React.FC<ToastPrimitive.ToastProviderProps>;
+    Viewport: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastViewportProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLOListElement>>;
-    Root: React.ForwardRefExoticComponent<Omit<ToastRootPrimitiveProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+    Root: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLLIElement>>;
-    Body: React.ForwardRefExoticComponent<Omit<ToastBodyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Title: React.ForwardRefExoticComponent<Omit<ToastTitlePrimitiveProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+    Title: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastTitleProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        icon?: string;
+        onClose?: () => void;
     } & React.RefAttributes<HTMLHeadingElement>>;
-    Description: React.ForwardRefExoticComponent<Omit<ToastDescriptionPrimitiveProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+    Description: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastDescriptionProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLParagraphElement>>;
     Actions: React.ForwardRefExoticComponent<Omit<ToastActionsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Action: React.FunctionComponent<ToastActionPrimitiveProps>;
-    Close: React.FunctionComponent<ToastClosePrimitiveProps>;
+    Action: React.ForwardRefExoticComponent<ToastPrimitive.ToastActionProps & React.RefAttributes<HTMLButtonElement>>;
+    Close: React.ForwardRefExoticComponent<ToastPrimitive.ToastCloseProps & React.RefAttributes<HTMLButtonElement>>;
 };
-export type { ToastProviderProps, ToastViewportProps, ToastRootProps, ToastBodyProps, ToastTitleProps, ToastDescriptionProps, ToastActionsProps, ToastActionProps, ToastCloseProps, };
+export type { ToastProviderProps, ToastViewportProps, ToastRootProps, ToastTitleProps, ToastDescriptionProps, ToastActionsProps, ToastActionProps, ToastCloseProps, };
 //# sourceMappingURL=Toast.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAEL,KAAK,gBAAgB,IAAI,yBAAyB,EAElD,KAAK,eAAe,IAAI,wBAAwB,EAEhD,KAAK,qBAAqB,IAAI,8BAA8B,EAE5D,KAAK,kBAAkB,IAAI,2BAA2B,EAEtD,KAAK,UAAU,IAAI,uBAAuB,EAE1C,KAAK,eAAe,IAAI,wBAAwB,EAEhD,KAAK,kBAAkB,IAAI,2BAA2B,EACvD,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAsC,MAAM,OAAO,CAAC;AAG9F,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,KAAK,kBAAkB,GAAG,2BAA2B,CAAC;AAItD,KAAK,kBAAkB,GAAG,eAAe,CAAC,2BAA2B,CAAC,CAAC;AASvE,KAAK,cAAc,GAAG,eAAe,CAAC,uBAAuB,CAAC,CAAC;AAW/D,KAAK,cAAc,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;AAQnF,KAAK,eAAe,GAAG,eAAe,CAAC,wBAAwB,CAAC,CAAC;AAUjE,KAAK,qBAAqB,GAAG,eAAe,CAAC,8BAA8B,CAAC,CAAC;AAY7E,KAAK,iBAAiB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;AAUtF,KAAK,gBAAgB,GAAG,yBAAyB,CAAC;AAIlD,KAAK,eAAe,GAAG,wBAAwB,CAAC;AAIhD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;CAUjB,CAAC;AAEF,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GAChB,CAAC"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAOtE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AASlD,KAAK,kBAAkB,GAAG,cAAc,CAAC,kBAAkB,CAAC;AAQ5D,KAAK,kBAAkB,GAAG,eAAe,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAa7E,KAAK,cAAc,GAAG,eAAe,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;AAmBjE,KAAK,eAAe,GAAG,eAAe,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAqCF,KAAK,qBAAqB,GAAG,eAAe,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;AAmBnF,KAAK,iBAAiB,GAAG,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;AAmBvE,KAAK,gBAAgB,GAAG,cAAc,CAAC,gBAAgB,CAAC;AAIxD,KAAK,eAAe,GAAG,cAAc,CAAC,eAAe,CAAC;AAQtD,eAAO,MAAM,KAAK;IAChB,QAAQ;IACR,QAAQ;;;IACR,IAAI;;;IACJ,KAAK;;;eA7FE,MAAM;kBACH,MAAM,IAAI;;IA6FpB,WAAW;;;IACX,OAAO;IACP,MAAM;IACN,KAAK;CACN,CAAC;AAEF,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GAChB,CAAC"}

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

@@ -1,61 +1,26 @@
-import '@dxos-theme';
+import { type StoryObj } from '@storybook/react-vite';
 import React, { type ReactNode } from 'react';
 type ActionTriggerProps = {
     altText: string;
     trigger: ReactNode;
 };
 type StorybookToastProps = Partial<{
+    icon: string;
     title: string;
     description: string;
+    duration: number;
     actionTriggers: ActionTriggerProps[];
     openTrigger: string;
-    closeTrigger: ReactNode;
+    defaultOpen: boolean;
 }>;
-declare const _default: {
+declare const meta: {
     title: string;
-    component: {
-        Provider: React.FunctionComponent<import("@radix-ui/react-toast").ToastProviderProps>;
-        Viewport: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-toast").ToastViewportProps, "className"> & {
-            classNames?: import("@dxos/react-ui-types").ClassNameValue;
-        } & React.RefAttributes<HTMLOListElement>>;
-        Root: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-toast").ToastProps, "className"> & {
-            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("@dxos/react-ui-types").ClassNameValue;
-        } & React.RefAttributes<HTMLHeadingElement>>;
-        Description: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-toast").ToastDescriptionProps, "className"> & {
-            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: ({ title, description, actionTriggers, openTrigger, closeTrigger }: StorybookToastProps) => React.JSX.Element;
+    component: any;
+    render: ({ icon, title, description, duration, actionTriggers, openTrigger, defaultOpen, }: StorybookToastProps) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    args: {
-        openTrigger: string;
-        title: string;
-        description: string;
-        actionTriggers: {
-            altText: string;
-            trigger: React.JSX.Element;
-        }[];
-        closeTrigger: React.JSX.Element;
-    };
-    parameters: {
-        chromatic: {
-            delay: number;
-        };
-    };
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithAction: Story;
 //# sourceMappingURL=Toast.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAOxD,KAAK,kBAAkB,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,SAAS,CAAA;CAAE,CAAC;AAElE,KAAK,mBAAmB,GAAG,OAAO,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,kBAAkB,EAAE,CAAC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,SAAS,CAAC;CACzB,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;gFAEsF,mBAAmB;;;;;;;;AAwB5G,wBAME;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;CAgBnB,CAAC"}
+{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAMxD,KAAK,kBAAkB,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,SAAS,CAAA;CAAE,CAAC;AAElE,KAAK,mBAAmB,GAAG,OAAO,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,kBAAkB,EAAE,CAAC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC,CAAC;AAmCH,QAAA,MAAM,IAAI;;eAEY,GAAG;gGA3BtB,mBAAmB;;CA8Be,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC"}

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

@@ -0,0 +1,4 @@
+import { type Theme } from '@dxos/ui-types';
+export type ToastStyleProps = {};
+export declare const toastTheme: Theme<ToastStyleProps>;
+//# sourceMappingURL=Toast.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/Toast.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,EAAE,CAAC;AAsCjC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,eAAe,CAU7C,CAAC"}

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

@@ -1,13 +1,13 @@
 import type { ToggleGroupItemProps as ToggleGroupItemPrimitiveProps } from '@radix-ui/react-toggle-group';
 import * as ToolbarPrimitive from '@radix-ui/react-toolbar';
-import React from 'react';
-import { type ThemedClassName } from '../../util';
-import { type ButtonGroupProps, type ButtonProps, type IconButtonProps, type ToggleGroupItemProps, type ToggleProps } from '../Buttons';
+import React, { type MouseEventHandler } from 'react';
+import { type SlottableProps } from '@dxos/ui-types';
+import { type ToolbarStyleProps } from '../../theme';
+import { type ButtonGroupProps, type ButtonProps, type IconButtonProps, type ToggleGroupItemProps, type ToggleProps } from '../Button';
 import { type LinkProps } from '../Link';
 import { type SeparatorProps } from '../Separator';
-type ToolbarRootProps = ThemedClassName<ToolbarPrimitive.ToolbarProps> & {
-    layoutManaged?: boolean;
-};
+type ToolbarRootProps = ToolbarPrimitive.ToolbarProps & ToolbarStyleProps;
+type ToolbarTextProps = SlottableProps;
 type ToolbarButtonProps = ButtonProps;
 type ToolbarIconButtonProps = IconButtonProps;
 type ToolbarToggleProps = ToggleProps;
@@ -18,44 +18,74 @@ type ToolbarToggleGroupIconItemProps = Omit<ToggleGroupItemPrimitiveProps, 'clas
 type ToolbarSeparatorProps = SeparatorProps & {
     variant?: 'gap' | 'line';
 };
+type ToolbarDragHandleProps = {
+    testId?: string;
+    label?: string;
+};
+/**
+ * Known semantic actions a toolbar icon-button can represent. Each action
+ * picks its own phosphor icon + default translation key so call sites just
+ * declare intent (`action='delete'`) rather than re-specifying the icon /
+ * label every time.
+ */
+type ToolbarActionIconButtonAction = 'close' | 'delete';
+type ToolbarActionIconButtonProps = {
+    action: ToolbarActionIconButtonAction;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    label?: string;
+};
+type ToolbarMenuItem<T extends any | void = void> = {
+    label: string;
+    onClick: (context: T) => void;
+};
+type ToolbarMenuProps<T extends any | void = void> = {
+    context?: T;
+    items?: ToolbarMenuItem<T>[];
+};
+declare function ToolbarMenu<T extends any | void = void>({ context, items }: ToolbarMenuProps<T>): React.JSX.Element;
+declare namespace ToolbarMenu {
+    var displayName: string;
+}
 export declare const Toolbar: {
-    Root: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
-    } & {
-        layoutManaged?: boolean;
-    } & React.RefAttributes<HTMLDivElement>>;
+    Root: React.ForwardRefExoticComponent<Omit<ToolbarRootProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Text: React.ForwardRefExoticComponent<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
     Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
     IconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
     Link: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
     Toggle: React.ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-    ToggleGroup: React.ForwardRefExoticComponent<(Omit<Omit<ToolbarPrimitive.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;
-    } & {
+    ToggleGroup: React.ForwardRefExoticComponent<(Omit<Omit<ToolbarPrimitive.ToolbarToggleGroupMultipleProps, "className"> & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
         asChild?: boolean;
     }, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & {
-        elevation?: import("@dxos/react-ui-types").Elevation;
+        elevation?: import("@dxos/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;
-    } & {
+    }, "ref"> | Omit<Omit<ToolbarPrimitive.ToolbarToggleGroupSingleProps, "className"> & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
         asChild?: boolean;
     }, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & {
-        elevation?: import("@dxos/react-ui-types").Elevation;
+        elevation?: import("@dxos/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("@dxos/react-ui-types").ClassNameValue;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & {
         subdued?: boolean;
     } & {
-        variant?: "gap" | "line";
+        variant?: 'gap' | 'line';
     } & React.RefAttributes<HTMLDivElement>>;
+    DragHandle: React.ForwardRefExoticComponent<ToolbarDragHandleProps & React.RefAttributes<HTMLButtonElement>>;
+    ActionIconButton: React.ForwardRefExoticComponent<ToolbarActionIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+    Menu: typeof ToolbarMenu;
 };
-export type { ToolbarRootProps, ToolbarButtonProps, ToolbarIconButtonProps, ToolbarLinkProps, ToolbarToggleProps, ToolbarToggleGroupProps, ToolbarToggleGroupItemProps, ToolbarToggleGroupIconItemProps, ToolbarSeparatorProps, };
+export type { ToolbarRootProps, ToolbarTextProps, ToolbarButtonProps, ToolbarIconButtonProps, ToolbarLinkProps, ToolbarToggleProps, ToolbarToggleGroupProps, ToolbarToggleGroupItemProps, ToolbarToggleGroupIconItemProps, ToolbarSeparatorProps, ToolbarDragHandleProps, ToolbarActionIconButtonAction, ToolbarActionIconButtonProps, ToolbarMenuItem, ToolbarMenuProps, };
 //# sourceMappingURL=Toolbar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,IAAI,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAC1G,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAEhB,KAAK,eAAe,EAEpB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EACjB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC,YAAY,CAAC,GAAG;IAAE,aAAa,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBrG,KAAK,kBAAkB,GAAG,WAAW,CAAC;AAUtC,KAAK,sBAAsB,GAAG,eAAe,CAAC;AAU9C,KAAK,kBAAkB,GAAG,WAAW,CAAC;AAUtC,KAAK,gBAAgB,GAAG,SAAS,CAAC;AAUlC,KAAK,uBAAuB,GAAG,CAC3B,IAAI,CAAC,gBAAgB,CAAC,6BAA6B,EAAE,WAAW,CAAC,GACjE,IAAI,CAAC,gBAAgB,CAAC,+BAA+B,EAAE,WAAW,CAAC,CACtE,GACC,gBAAgB,CAAC;AAYnB,KAAK,2BAA2B,GAAG,oBAAoB,CAAC;AAYxD,KAAK,+BAA+B,GAAG,IAAI,CAAC,6BAA6B,EAAE,WAAW,CAAC,GAAG,eAAe,CAAC;AAY1G,KAAK,qBAAqB,GAAG,cAAc,GAAG;IAAE,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;CAAE,CAAC;AAc3E,eAAO,MAAM,OAAO;;;;wBA/GuE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAiGxC,KAAK,GAAG,MAAM;;CAwBvE,CAAC;AAEF,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,uBAAuB,EACvB,2BAA2B,EAC3B,+BAA+B,EAC/B,qBAAqB,GACtB,CAAC"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}

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

@@ -1,57 +1,13 @@
-import '@dxos-theme';
+import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
 type StorybookToolbarProps = {};
-declare const _default: {
+declare const meta: {
     title: string;
-    component: {
-        Root: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-toolbar").ToolbarProps, "className"> & {
-            classNames?: import("@dxos/react-ui-types").ClassNameValue;
-        } & {
-            layoutManaged?: boolean;
-        } & React.RefAttributes<HTMLDivElement>>;
-        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("..").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("@dxos/react-ui-types").ClassNameValue;
-        } & {
-            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("@dxos/react-ui-types").ClassNameValue;
-        } & {
-            elevation?: import("@dxos/react-ui-types").Elevation;
-            asChild?: boolean;
-        }, "ref">) & React.RefAttributes<HTMLDivElement>>;
-        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("@dxos/react-ui-types").ClassNameValue;
-        } & {
-            subdued?: boolean;
-        } & {
-            variant?: "gap" | "line";
-        } & React.RefAttributes<HTMLDivElement>>;
-    };
+    component: any;
     render: (props: StorybookToolbarProps) => 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=Toolbar.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Toolbar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,KAAK,qBAAqB,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAEH,qBAAqB;;;;;;;;AAuDlD,wBAME;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC"}
+{"version":3,"file":"Toolbar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Toolbar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,KAAK,qBAAqB,GAAG,EAAE,CAAC;AAwDhC,QAAA,MAAM,IAAI;;eAEc,GAAG;oBAxDE,qBAAqB;;CA2Db,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

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

@@ -0,0 +1,8 @@
+import { type Density, type Theme } from '@dxos/ui-types';
+export type ToolbarStyleProps = Partial<{
+    density: Density;
+    disabled: boolean;
+    layoutManaged: boolean;
+}>;
+export declare const toolbarTheme: Theme<ToolbarStyleProps>;
+//# sourceMappingURL=Toolbar.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Toolbar.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAElF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC,CAAC;AAqBH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAGjD,CAAC"}

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

@@ -3,7 +3,7 @@ import { DismissableLayer } from '@radix-ui/react-dismissable-layer';
 import * as PopperPrimitive from '@radix-ui/react-popper';
 import { Primitive } from '@radix-ui/react-primitive';
 import { type TooltipProps } from '@radix-ui/react-tooltip';
-import React, { type ComponentPropsWithoutRef, type ElementRef, type MutableRefObject, type ReactNode, type SyntheticEvent } from 'react';
+import React, { type ComponentPropsWithoutRef, type ComponentRef, type FC, type ReactNode, type RefObject, type SyntheticEvent } from 'react';
 type TooltipScopedProps<P = {}> = P & {
     __scopeTooltip?: Scope;
 };
@@ -13,17 +13,17 @@ type TooltipContextValue = {
     open: boolean;
     stateAttribute: 'closed' | 'delayed-open' | 'instant-open';
     trigger: TooltipTriggerElement | null;
-    onTriggerChange(trigger: TooltipTriggerElement | null): void;
+    onTriggerChange(trigger: TooltipTriggerElement | null, content?: ReactNode, side?: TooltipSide): void;
     onTriggerEnter(): void;
     onTriggerLeave(): void;
     onOpen(): void;
     onClose(): void;
     onPointerInTransitChange(inTransit: boolean): void;
-    isPointerInTransitRef: MutableRefObject<boolean>;
+    isPointerInTransitRef: RefObject<boolean>;
     disableHoverableContent: boolean;
 };
 declare const useTooltipContext: (consumerName: string, scope: Scope<TooltipContextValue | undefined>) => TooltipContextValue;
-interface TooltipProviderProps {
+type TooltipProviderProps = {
     children?: ReactNode;
     open?: boolean;
     defaultOpen?: boolean;
@@ -44,24 +44,24 @@ interface TooltipProviderProps {
      * @defaultValue 300
      */
     skipDelayDuration?: number;
-}
-type TooltipTriggerElement = ElementRef<typeof Primitive.button>;
+};
+type TooltipTriggerElement = ComponentRef<typeof Primitive.button>;
 type PrimitiveButtonProps = ComponentPropsWithoutRef<typeof Primitive.button>;
-type TooltipTriggerProps = PrimitiveButtonProps & Pick<TooltipProps, 'delayDuration'> & {
-    content?: string;
+type TooltipTriggerProps = Omit<PrimitiveButtonProps, 'content'> & Pick<TooltipProps, 'delayDuration'> & {
+    content?: ReactNode;
     side?: TooltipSide;
     onInteract?: (event: SyntheticEvent) => void;
 };
-interface TooltipContentProps extends TooltipContentImplProps {
+type TooltipContentProps = TooltipContentImplProps & {
     /**
      * Used to force mounting when more control is needed. Useful when
      * controlling animation with React animation libraries.
      */
     forceMount?: true;
-}
+};
 type DismissableLayerProps = ComponentPropsWithoutRef<typeof DismissableLayer>;
 type PopperContentProps = ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;
-interface TooltipContentImplProps extends Omit<PopperContentProps, 'onPlaced'> {
+type TooltipContentImplProps = Omit<PopperContentProps, 'onPlaced'> & {
     /**
      * A more descriptive label for accessibility purpose
      */
@@ -76,16 +76,14 @@ interface TooltipContentImplProps extends Omit<PopperContentProps, 'onPlaced'> {
      * Can be prevented.
      */
     onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];
-}
+};
 type TooltipSide = NonNullable<TooltipContentProps['side']>;
 export declare const Tooltip: {
-    Provider: React.FC<TooltipProviderProps>;
-    Trigger: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-        ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
-    } & {
+    Provider: FC<TooltipProviderProps>;
+    Trigger: React.ForwardRefExoticComponent<Omit<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
         asChild?: boolean;
-    }, "ref"> & Pick<TooltipProps, "delayDuration"> & {
-        content?: string;
+    }, "ref">, "content"> & Pick<TooltipProps, "delayDuration"> & {
+        content?: ReactNode;
         side?: TooltipSide;
         onInteract?: (event: SyntheticEvent) => void;
     } & React.RefAttributes<HTMLButtonElement>>;

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

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