@dxos/react-ui 0.8.2-main.fbd8ed0 → 0.8.2-staging.7ac8446

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;2BAUlB,iBAAiB,CAAC,EAAE,CAAC;;;;;;;;AAmBzD,wBAME;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}
+{"version":3,"file":"ScrollArea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;2BAUX,iBAAiB,CAAC,EAAE,CAAC;;;;;;;;AAmBhE,wBAME;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}

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,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,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"}

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,GAAI,wFAS3B,kBAAkB,sBA+BpB,CAAC"}
+{"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"}

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

@@ -26,7 +26,7 @@ export declare const TranslationsContext: React.Context<{
     appNs: string;
     dtLocale: Locale;
 }>;
-export declare const useTranslation: (...args: Parameters<typeof useI18NextTranslation>) => {
+export declare const useTranslation: (ns?: string | string[] | readonly string[] | undefined, options?: import("react-i18next").UseTranslationOptions<import("react-i18next").KeyPrefix<import("react-i18next").Namespace<string>>> | undefined) => {
     dtLocale: Locale;
     0: import("react-i18next").TFunction<import("react-i18next").Namespace<string>, import("react-i18next").KeyPrefix<import("react-i18next").Namespace<string>>>;
     1: import("i18next").i18n;

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,GAAI,GAAG,GAAG,KAAG,CAAC,IAAI,KAQN,CAAC;AAEjC,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,EAAE,GAAG,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,GAAI,GAAG,MAAM,UAAU,CAAC,OAAO,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI/E,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,8DAMlC,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,sBAwB3B,CAAC"}

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

@@ -5,10 +5,10 @@ type ActionTriggerProps = {
     trigger: ReactNode;
 };
 type StorybookToastProps = Partial<{
+    openTrigger: string;
     title: string;
     description: string;
     actionTriggers: ActionTriggerProps[];
-    openTrigger: string;
     closeTrigger: ReactNode;
 }>;
 declare const _default: {
@@ -32,7 +32,7 @@ declare const _default: {
         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;
+    render: (props: StorybookToastProps) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
     parameters: {
         chromatic: {

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;AAMxD,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,aAAa,CAAC;AAErB,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,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,kBAAkB,EAAE,CAAC;IACrC,YAAY,EAAE,SAAS,CAAC;CACzB,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;oBAE4B,mBAAmB;;;;;;;;AAwBlD,wBAME;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;CAWnB,CAAC"}

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;AAGrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,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,aAAa,CAAC;AAGrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,KAAK,qBAAqB,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAEC,qBAAqB;;;;;;;;AAuDtD,wBAME;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC"}

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

@@ -1,97 +1,23 @@
-import type { Scope } from '@radix-ui/react-context';
-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 SyntheticEvent, type MutableRefObject, type ReactNode } from 'react';
-type TooltipScopedProps<P = {}> = P & {
-    __scopeTooltip?: Scope;
-};
-declare const createTooltipScope: import("@radix-ui/react-context").CreateScope;
-type TooltipContextValue = {
-    contentId: string;
-    open: boolean;
-    stateAttribute: 'closed' | 'delayed-open' | 'instant-open';
-    trigger: TooltipTriggerElement | null;
-    onTriggerChange(trigger: TooltipTriggerElement | null): void;
-    onTriggerEnter(): void;
-    onTriggerLeave(): void;
-    onOpen(): void;
-    onClose(): void;
-    onPointerInTransitChange(inTransit: boolean): void;
-    isPointerInTransitRef: MutableRefObject<boolean>;
-    disableHoverableContent: boolean;
-};
-declare const useTooltipContext: (consumerName: string, scope: Scope<TooltipContextValue | undefined>) => TooltipContextValue;
-interface TooltipProviderProps {
-    children?: ReactNode;
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * The duration from when the pointer enters the trigger until the tooltip gets opened. This will
-     * override the prop with the same name passed to Provider.
-     * @defaultValue 700
-     */
-    delayDuration?: number;
-    /**
-     * When `true`, trying to hover the content will result in the tooltip closing as the pointer leaves the trigger.
-     * @defaultValue false
-     */
-    disableHoverableContent?: boolean;
-    /**
-     * How much time a user has to enter another trigger without incurring a delay again.
-     * @defaultValue 300
-     */
-    skipDelayDuration?: number;
-}
-type TooltipTriggerElement = ElementRef<typeof Primitive.button>;
-type PrimitiveButtonProps = ComponentPropsWithoutRef<typeof Primitive.button>;
-type TooltipTriggerProps = PrimitiveButtonProps & Pick<TooltipProps, 'delayDuration'> & {
-    content?: string;
-    side?: TooltipSide;
-    suppressNextTooltip?: MutableRefObject<boolean>;
-    onInteract?: (event: SyntheticEvent) => void;
-};
-interface TooltipContentProps extends 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'> {
-    /**
-     * A more descriptive label for accessibility purpose
-     */
-    'aria-label'?: string;
-    /**
-     * Event handler called when the escape key is down.
-     * Can be prevented.
-     */
-    onEscapeKeyDown?: DismissableLayerProps['onEscapeKeyDown'];
-    /**
-     * Event handler called when the a `pointerdown` event happens outside of the `Tooltip`.
-     * Can be prevented.
-     */
-    onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];
-}
-type TooltipSide = NonNullable<TooltipContentProps['side']>;
+import { type TooltipProviderProps as TooltipProviderPrimitiveProps, type TooltipProps as TooltipRootPrimitiveProps, type TooltipContentProps as TooltipContentPrimitiveProps, type TooltipTriggerProps as TooltipTriggerPrimitiveProps, type TooltipPortalProps as TooltipPortalPrimitiveProps, type TooltipArrowProps as TooltipArrowPrimitiveProps } from '@radix-ui/react-tooltip';
+import React from 'react';
+import { type ThemedClassName } from '../../util';
+type TooltipProviderProps = TooltipProviderPrimitiveProps;
+type TooltipRootProps = TooltipRootPrimitiveProps;
+type TooltipPortalProps = TooltipPortalPrimitiveProps;
+type TooltipTriggerProps = TooltipTriggerPrimitiveProps;
+type TooltipArrowProps = ThemedClassName<TooltipArrowPrimitiveProps>;
+type TooltipContentProps = ThemedClassName<TooltipContentPrimitiveProps>;
 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;
-    } & {
-        asChild?: boolean;
-    }, "ref"> & Pick<TooltipProps, "delayDuration"> & {
-        content?: string;
-        side?: TooltipSide;
-        suppressNextTooltip?: MutableRefObject<boolean>;
-        onInteract?: (event: SyntheticEvent) => void;
-    } & React.RefAttributes<HTMLButtonElement>>;
+    Provider: React.FunctionComponent<TooltipProviderPrimitiveProps>;
+    Root: React.FunctionComponent<TooltipRootPrimitiveProps>;
+    Portal: React.FC<TooltipPortalPrimitiveProps>;
+    Trigger: React.ForwardRefExoticComponent<TooltipTriggerPrimitiveProps & React.RefAttributes<HTMLButtonElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<TooltipArrowPrimitiveProps, "className"> & {
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+    } & React.RefAttributes<SVGSVGElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<TooltipContentPrimitiveProps, "className"> & {
+        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
 };
-export { createTooltipScope, useTooltipContext };
-export type { TooltipProviderProps, TooltipTriggerProps, TooltipScopedProps, TooltipSide };
+export type { TooltipProviderProps, TooltipRootProps, TooltipPortalProps, TooltipTriggerProps, TooltipArrowProps, TooltipContentProps, };
 //# sourceMappingURL=Tooltip.d.ts.map

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":"AAIA,OAAO,EAEL,KAAK,oBAAoB,IAAI,6BAA6B,EAE1D,KAAK,YAAY,IAAI,yBAAyB,EAC9C,KAAK,mBAAmB,IAAI,4BAA4B,EAExD,KAAK,mBAAmB,IAAI,4BAA4B,EAExD,KAAK,kBAAkB,IAAI,2BAA2B,EAEtD,KAAK,iBAAiB,IAAI,0BAA0B,EAErD,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAA6C,MAAM,OAAO,CAAC;AAIlE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,oBAAoB,GAAG,6BAA6B,CAAC;AAI1D,KAAK,gBAAgB,GAAG,yBAAyB,CAAC;AAIlD,KAAK,kBAAkB,GAAG,2BAA2B,CAAC;AAItD,KAAK,mBAAmB,GAAG,4BAA4B,CAAC;AAIxD,KAAK,iBAAiB,GAAG,eAAe,CAAC,0BAA0B,CAAC,CAAC;AAarE,KAAK,mBAAmB,GAAG,eAAe,CAAC,4BAA4B,CAAC,CAAC;AAmBzE,eAAO,MAAM,OAAO;;;;;;;;;;;CAOnB,CAAC;AAEF,YAAY,EACV,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,GACpB,CAAC"}

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

@@ -1,28 +1,24 @@
 import '@dxos-theme';
 import React from 'react';
-type StoryProps = {
-    tooltips: {
-        label: string;
-        content: string;
-    }[];
+type StoryTooltipProps = {
+    content: string;
     defaultOpen?: boolean;
 };
 declare const _default: {
     title: string;
     component: {
-        Provider: React.FC<import("./Tooltip").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;
-        } & {
-            asChild?: boolean;
-        }, "ref"> & Pick<import("@radix-ui/react-tooltip").TooltipProps, "delayDuration"> & {
-            content?: string;
-            side?: import("./Tooltip").TooltipSide;
-            suppressNextTooltip?: React.MutableRefObject<boolean>;
-            onInteract?: (event: React.SyntheticEvent) => void;
-        } & React.RefAttributes<HTMLButtonElement>>;
-    };
-    render: ({ tooltips, defaultOpen }: StoryProps) => React.JSX.Element;
+        Provider: React.FunctionComponent<import("@radix-ui/react-tooltip").TooltipProviderProps>;
+        Root: React.FunctionComponent<import("@radix-ui/react-tooltip").TooltipProps>;
+        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("@dxos/react-ui-types").ClassNameValue;
+        } & React.RefAttributes<SVGSVGElement>>;
+        Content: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tooltip").TooltipContentProps, "className"> & {
+            classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        } & React.RefAttributes<HTMLDivElement>>;
+    };
+    render: ({ content, defaultOpen }: StoryTooltipProps) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
     parameters: {
         chromatic: {
@@ -33,10 +29,7 @@ declare const _default: {
 export default _default;
 export declare const Default: {
     args: {
-        tooltips: {
-            label: string;
-            content: string;
-        }[];
+        content: string;
     };
     parameters: {
         chromatic: {
@@ -44,13 +37,10 @@ export declare const Default: {
         };
     };
 };
-export declare const DefaultOpen: {
+export declare const Testing: {
     args: {
         defaultOption: boolean;
-        tooltips: {
-            label: string;
-            content: string;
-        }[];
+        content: string;
     };
     parameters: {
         chromatic: {
@@ -58,18 +48,4 @@ export declare const DefaultOpen: {
         };
     };
 };
-export declare const StressTest: {
-    args: {
-        defaultOption: boolean;
-        tooltips: {
-            label: string;
-            content: string;
-        }[];
-    };
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-    };
-};
 //# sourceMappingURL=Tooltip.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AACrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;;;;;;;;;;;;;;;;wCAE+C,UAAU;;;;;;;;AAY3D,wBAME;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAavB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;CActB,CAAC"}
+{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;;;;;;;;;;;;;;;uCAE8C,iBAAiB;;;;;;;;AAcjE,wBAME;AAEF,eAAO,MAAM,OAAO;;;;;;;;;CAOnB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;CAQnB,CAAC"}

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

@@ -4,12 +4,12 @@ export * from './Breadcrumb';
 export * from './Buttons';
 export * from './Clipboard';
 export * from './Dialogs';
+export * from './Menus';
 export * from './Icon';
 export * from './Input';
 export * from './Link';
 export * from './Lists';
 export * from './Main';
-export * from './Menus';
 export * from './Message';
 export * from './Popover';
 export * from './Status';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAE1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAE1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC"}

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,sBAAsB,CAAC;AAIpD,eAAO,MAAM,iBAAiB,kBAAmB,OAAO,wBAGvD,CAAC"}

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,sBAAsB,CAAC;AAItD,eAAO,MAAM,mBAAmB,oBAAqB,SAAS,0BAG7D,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useIconHref.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useIconHref.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,uBAIxC,CAAC"}
+{"version":3,"file":"useIconHref.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useIconHref.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,WAAW,UAAW,MAAM,uBAIxC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useSafeCollisionPadding.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useSafeCollisionPadding.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAMnE,KAAK,WAAW,GAAG,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;AAiB3D,eAAO,MAAM,uBAAuB,GAAI,mBAAmB,WAAW;;;;;CAWrE,CAAC"}
+{"version":3,"file":"useSafeCollisionPadding.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useSafeCollisionPadding.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAMnE,KAAK,WAAW,GAAG,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;AAiB3D,eAAO,MAAM,uBAAuB,sBAAuB,WAAW;;;;;CAWrE,CAAC"}

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":"AAIA,OAAO,EAAe,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAI9D,eAAO,MAAM,iBAAiB,UAAW,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC;;;CAcvE,CAAC"}

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

@@ -1,5 +1,6 @@
 import '@dxos-theme';
 import React from 'react';
+export declare const Default: {};
 declare const _default: {
     title: string;
     render: () => React.JSX.Element;
@@ -11,5 +12,4 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: {};
 //# 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;AAGrB,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,aAAa,CAAC;AAGrB,OAAO,KAAmB,MAAM,OAAO,CAAC;AA4ExC,eAAO,MAAM,OAAO,IAAK,CAAC;;;;;;;;;;;AAE1B,wBAKE"}

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

@@ -1 +1 @@
-{"version":3,"file":"withVariants.d.ts","sourceRoot":"","sources":["../../../../../src/testing/decorators/withVariants.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAIpE,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;AAEF,eAAO,MAAM,YAAY,GAAI,6BAO1B,MAAW,KAAG,SAkBhB,CAAC"}
+{"version":3,"file":"withVariants.d.ts","sourceRoot":"","sources":["../../../../../src/testing/decorators/withVariants.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAIpE,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;AAEF,eAAO,MAAM,YAAY,gCAOtB,MAAM,KAAQ,SAkBhB,CAAC"}

package/dist/types/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"version":"5.8.3"}
+{"version":"5.7.3"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui",
-  "version": "0.8.2-main.fbd8ed0",
+  "version": "0.8.2-staging.7ac8446",
   "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",
@@ -56,21 +56,20 @@
     "@radix-ui/react-toolbar": "1.1.2",
     "@radix-ui/react-tooltip": "1.1.8",
     "@radix-ui/react-use-controllable-state": "1.1.0",
-    "@radix-ui/react-visually-hidden": "1.1.2",
     "aria-hidden": "^1.2.4",
     "date-fns": "^3.3.1",
     "i18next": "^21.10.0",
     "keyborg": "^2.5.0",
     "react-i18next": "^11.18.6",
     "react-remove-scroll": "^2.6.0",
-    "@dxos/debug": "0.8.2-main.fbd8ed0",
-    "@dxos/lit-ui": "0.8.2-main.fbd8ed0",
-    "@dxos/react-hooks": "0.8.2-main.fbd8ed0",
-    "@dxos/log": "0.8.2-main.fbd8ed0",
-    "@dxos/react-list": "0.8.2-main.fbd8ed0",
-    "@dxos/react-input": "0.8.2-main.fbd8ed0",
-    "@dxos/react-ui-types": "0.8.2-main.fbd8ed0",
-    "@dxos/util": "0.8.2-main.fbd8ed0"
+    "@dxos/debug": "0.8.2-staging.7ac8446",
+    "@dxos/lit-ui": "0.8.2-staging.7ac8446",
+    "@dxos/log": "0.8.2-staging.7ac8446",
+    "@dxos/react-hooks": "0.8.2-staging.7ac8446",
+    "@dxos/react-input": "0.8.2-staging.7ac8446",
+    "@dxos/react-list": "0.8.2-staging.7ac8446",
+    "@dxos/util": "0.8.2-staging.7ac8446",
+    "@dxos/react-ui-types": "0.8.2-staging.7ac8446"
   },
   "devDependencies": {
     "@dnd-kit/core": "^6.0.5",
@@ -82,15 +81,15 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/react-ui-theme": "0.8.2-main.fbd8ed0",
-    "@dxos/random": "0.8.2-main.fbd8ed0",
-    "@dxos/util": "0.8.2-main.fbd8ed0"
+    "@dxos/random": "0.8.2-staging.7ac8446",
+    "@dxos/util": "0.8.2-staging.7ac8446",
+    "@dxos/react-ui-theme": "0.8.2-staging.7ac8446"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui-theme": "0.8.2-main.fbd8ed0"
+    "@dxos/react-ui-theme": "0.8.2-staging.7ac8446"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Avatars/Avatar.stories.tsx

@@ -12,7 +12,7 @@ import { hexToFallback } from '@dxos/util';
 import { Avatar, type AvatarVariant, type AvatarStatus, type AvatarAnimation } from './Avatar';
 import { withTheme } from '../../testing';
 
-type StoryProps = {
+type StorybookAvatarProps = {
   id?: string;
   imgSrc?: string;
   fallbackText?: string;
@@ -25,7 +25,7 @@ type StoryProps = {
   hue?: HuePalette;
 };
 
-const DefaultStory = (props: PropsWithChildren<StoryProps>) => {
+const StorybookAvatar = (props: PropsWithChildren<StorybookAvatarProps>) => {
   const {
     id = '20970b563fc49b5bb194a6ffdff376031a3a11f9481360c071c3fed87874106b',
     status,
@@ -58,7 +58,7 @@ const DefaultStory = (props: PropsWithChildren<StoryProps>) => {
 export default {
   title: 'ui/react-ui-core/Avatar',
   component: Avatar,
-  render: DefaultStory,
+  render: StorybookAvatar,
   decorators: [withTheme],
   parameters: { chromatic: { disableSnapshot: false } },
 };
@@ -68,9 +68,9 @@ const sampleImage =
 
 const row = (size: Size) => (
   <>
-    <DefaultStory size={size} status='inactive' description='Offline' />
-    <DefaultStory size={size} status='active' />
-    <DefaultStory size={size} status='active' imgSrc={sampleImage} />
+    <StorybookAvatar size={size} status='inactive' description='Offline' />
+    <StorybookAvatar size={size} status='active' />
+    <StorybookAvatar size={size} status='active' imgSrc={sampleImage} />
   </>
 );
 
@@ -93,48 +93,48 @@ export const Default = () => (
 
 export const Image = () => (
   <div>
-    <DefaultStory variant='circle' imgSrc={sampleImage} />
+    <StorybookAvatar variant='circle' imgSrc={sampleImage} />
   </div>
 );
 
 export const Square = () => (
   <div className='flex flex-row gap-4'>
-    <DefaultStory variant='square' status='inactive' description='Offline' />
-    <DefaultStory variant='square' status='active' />
-    <DefaultStory variant='square' status='error' />
-    <DefaultStory variant='square' status='warning' />
+    <StorybookAvatar variant='square' status='inactive' description='Offline' />
+    <StorybookAvatar variant='square' status='active' />
+    <StorybookAvatar variant='square' status='error' />
+    <StorybookAvatar variant='square' status='warning' />
   </div>
 );
 
 export const DefaultEmoji = () => (
   <div className='flex flex-row gap-4'>
-    <DefaultStory fallbackText='🦄' status='active' animation='pulse' />
-    <DefaultStory fallbackText='🐒' status='warning' animation='pulse' />
-    <DefaultStory fallbackText='🪲' status='inactive' />
-    <DefaultStory fallbackText='🦁' />
+    <StorybookAvatar fallbackText='🦄' status='active' animation='pulse' />
+    <StorybookAvatar fallbackText='🐒' status='warning' animation='pulse' />
+    <StorybookAvatar fallbackText='🪲' status='inactive' />
+    <StorybookAvatar fallbackText='🦁' />
   </div>
 );
 
-export const SquareEmoji = () => <DefaultStory variant='square' fallbackText='🦄' />;
+export const SquareEmoji = () => <StorybookAvatar variant='square' fallbackText='🦄' />;
 
 export const DefaultText = () => (
   <div className='flex flex-row gap-4'>
-    <DefaultStory fallbackText='PT' />
-    <DefaultStory fallbackText='AP' />
-    <DefaultStory fallbackText='Z' />
-    <DefaultStory fallbackText='pt' />
-    <DefaultStory fallbackText='ap' />
-    <DefaultStory fallbackText='z' />
+    <StorybookAvatar fallbackText='PT' />
+    <StorybookAvatar fallbackText='AP' />
+    <StorybookAvatar fallbackText='Z' />
+    <StorybookAvatar fallbackText='pt' />
+    <StorybookAvatar fallbackText='ap' />
+    <StorybookAvatar fallbackText='z' />
   </div>
 );
 
-export const Error = () => <DefaultStory status='error' description='Errored' />;
+export const Error = () => <StorybookAvatar status='error' description='Errored' />;
 
 export const Pulse = () => (
   <div className='flex flex-row gap-4'>
-    <DefaultStory description='Online' status='active' animation='pulse' />
-    <DefaultStory description='Offline' status='inactive' animation='pulse' />
-    <DefaultStory description='Error' status='error' animation='pulse' />
-    <DefaultStory description='Warning' status='warning' animation='pulse' />
+    <StorybookAvatar description='Online' status='active' animation='pulse' />
+    <StorybookAvatar description='Offline' status='inactive' animation='pulse' />
+    <StorybookAvatar description='Error' status='error' animation='pulse' />
+    <StorybookAvatar description='Warning' status='warning' animation='pulse' />
   </div>
 );

package/src/components/Avatars/Avatar.tsx

@@ -41,22 +41,19 @@ const DxAvatar = createComponent({
 
 type AvatarContentProps = ThemedClassName<Omit<ComponentProps<typeof DxAvatar>, 'children'>>;
 
-const AvatarContent = forwardRef<NaturalDxAvatar, AvatarContentProps>(
-  ({ icon, classNames, ...props }, forwardedRef) => {
-    const href = useIconHref(icon);
-    const { labelId, descriptionId } = useAvatarContext('AvatarContent');
-    return (
-      <DxAvatar
-        {...props}
-        icon={href}
-        aria-labelledby={labelId}
-        aria-describedby={descriptionId}
-        rootClassName={mx(classNames)}
-        ref={forwardedRef}
-      />
-    );
-  },
-);
+const AvatarContent = ({ icon, classNames, ...props }: AvatarContentProps) => {
+  const href = useIconHref(icon);
+  const { labelId, descriptionId } = useAvatarContext('AvatarContent');
+  return (
+    <DxAvatar
+      {...props}
+      icon={href}
+      labelId={labelId}
+      aria-describedby={descriptionId}
+      rootClassName={mx(classNames)}
+    />
+  );
+};
 
 type AvatarLabelProps = ThemedClassName<Omit<ComponentPropsWithRef<typeof Primitive.span>, 'id'>> & {
   asChild?: boolean;
@@ -116,5 +113,4 @@ export type {
   AvatarContentProps,
   AvatarLabelProps,
   AvatarDescriptionProps,
-  NaturalDxAvatar as DxAvatar,
 };