@dxos/react-ui 0.6.13 → 0.6.14-main.1366248

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

@@ -3,7 +3,11 @@ import React from 'react';
 type StoryMainArgs = {};
 declare const _default: {
     title: string;
-    component: (_args: StoryMainArgs) => React.JSX.Element;
+    component: {
+        ({ navigationSidebarOpen: propsNavigationSidebarOpen, defaultNavigationSidebarOpen, onNavigationSidebarOpenChange, complementarySidebarOpen: propsComplementarySidebarOpen, defaultComplementarySidebarOpen, onComplementarySidebarOpenChange, children, ...props }: import("./Main").MainRootProps): React.JSX.Element;
+        displayName: string;
+    };
+    render: (_args: StoryMainArgs) => React.JSX.Element;
     decorators: import("@storybook/react/*").Decorator[];
     parameters: {
         chromatic: {

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

@@ -1 +1 @@
-{"version":3,"file":"Main.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Main/Main.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,aAAa,GAAG,EAAE,CAAC;;;uBAYE,aAAa;;;;;;;;AAuBvC,wBAKE;AAEF,eAAO,MAAM,OAAO;;;CAGnB,CAAC"}
+{"version":3,"file":"Main.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Main/Main.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,aAAa,GAAG,EAAE,CAAC;;;;;;;oBAYE,aAAa;;;;;;;;AAuBvC,wBAME;AAEF,eAAO,MAAM,OAAO;;;CAGnB,CAAC"}

package/dist/types/src/components/Menus/ContextMenu.stories.d.ts

@@ -2,7 +2,35 @@ import '@dxos-theme';
 import React from 'react';
 declare const _default: {
     title: string;
-    component: () => React.JSX.Element;
+    component: {
+        Root: React.FC<import("@radix-ui/react-context-menu").ContextMenuProps>;
+        Trigger: React.ForwardRefExoticComponent<import("@radix-ui/react-context-menu").ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
+        Portal: React.FC<import("@radix-ui/react-context-menu").ContextMenuPortalProps>;
+        Content: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuContentProps, "className"> & {
+            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        } & {
+            constrainBlockSize?: boolean;
+        } & React.RefAttributes<HTMLDivElement>>;
+        Viewport: React.ForwardRefExoticComponent<Omit<import("./ContextMenu").ContextMenuViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+        Arrow: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuArrowProps, "className"> & {
+            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        } & React.RefAttributes<SVGSVGElement>>;
+        Group: React.ForwardRefExoticComponent<import("@radix-ui/react-context-menu").ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+        Item: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuItemProps, "className"> & {
+            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        } & React.RefAttributes<HTMLDivElement>>;
+        CheckboxItem: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuCheckboxItemProps, "className"> & {
+            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        } & React.RefAttributes<HTMLDivElement>>;
+        ItemIndicator: React.ForwardRefExoticComponent<import("@radix-ui/react-context-menu").ContextMenuItemIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
+        Separator: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuSeparatorProps, "className"> & {
+            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        } & React.RefAttributes<HTMLDivElement>>;
+        GroupLabel: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-context-menu").ContextMenuLabelProps, "className"> & {
+            classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+        } & React.RefAttributes<HTMLDivElement>>;
+    };
+    render: () => React.JSX.Element;
     decorators: import("@storybook/react/*").Decorator[];
     parameters: {
         chromatic: {

package/dist/types/src/components/Menus/ContextMenu.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menus/ContextMenu.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;AAuF1B,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;;;;CAKnB,CAAC"}
+{"version":3,"file":"ContextMenu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menus/ContextMenu.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuF1B,wBAME;AAEF,eAAO,MAAM,OAAO;;;;;;;CAKnB,CAAC"}

package/dist/types/src/components/Menus/DropdownMenu.d.ts

@@ -1,55 +1,116 @@
-import { type Scope, type ScopeHook } from '@radix-ui/react-context';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { type DropdownMenuContextValue } from '@radix-ui/react-dropdown-menu';
+import type { Scope } from '@radix-ui/react-context';
+import * as MenuPrimitive from '@radix-ui/react-menu';
 import { Primitive } from '@radix-ui/react-primitive';
-import React, { type ComponentPropsWithRef } from 'react';
+import React, { type ReactNode, type ElementRef, type ComponentPropsWithoutRef, type ComponentPropsWithRef, type MutableRefObject, type RefObject } from 'react';
 import { type ThemedClassName } from '../../util';
-type DropdownMenuRootProps = DropdownMenuPrimitive.DropdownMenuProps;
-type DropdownMenuTriggerProps = DropdownMenuPrimitive.DropdownMenuTriggerProps;
-type DropdownMenuPortalProps = DropdownMenuPrimitive.DropdownMenuPortalProps;
-type DropdownMenuContentProps = ThemedClassName<DropdownMenuPrimitive.DropdownMenuContentProps> & {
-    constrainBlockSize?: boolean;
+type Direction = 'ltr' | 'rtl';
+type ScopedProps<P> = P & {
+    __scopeDropdownMenu?: Scope;
+};
+declare const createDropdownMenuScope: import("@radix-ui/react-context").CreateScope;
+type DropdownMenuContextValue = {
+    triggerId: string;
+    triggerRef: MutableRefObject<HTMLButtonElement | null>;
+    contentId: string;
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    onOpenToggle(): void;
+    modal: boolean;
 };
 declare const useDropdownMenuContext: (consumerName: string, scope: Scope<DropdownMenuContextValue | undefined>) => DropdownMenuContextValue;
-declare const useDropdownMenuMenuScope: ScopeHook;
+interface DropdownMenuRootProps {
+    children?: ReactNode;
+    dir?: Direction;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?(open: boolean): void;
+    modal?: boolean;
+}
+type DropdownMenuTriggerElement = ElementRef<typeof Primitive.button>;
+type PrimitiveButtonProps = ComponentPropsWithoutRef<typeof Primitive.button>;
+interface DropdownMenuTriggerProps extends PrimitiveButtonProps {
+}
+interface DropdownMenuVirtualTriggerProps {
+    virtualRef: RefObject<DropdownMenuTriggerElement>;
+}
+type MenuPortalProps = ComponentPropsWithoutRef<typeof MenuPrimitive.Portal>;
+interface DropdownMenuPortalProps extends MenuPortalProps {
+}
 type DropdownMenuViewportProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
     asChild?: boolean;
 };
-type DropdownMenuArrowProps = ThemedClassName<DropdownMenuPrimitive.DropdownMenuArrowProps>;
-type DropdownMenuGroupProps = DropdownMenuPrimitive.DropdownMenuGroupProps;
-type DropdownMenuItemIndicatorProps = DropdownMenuPrimitive.DropdownMenuItemIndicatorProps;
-type DropdownMenuItemProps = ThemedClassName<DropdownMenuPrimitive.DropdownMenuItemProps>;
-type DropdownMenuCheckboxItemProps = ThemedClassName<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps>;
-type DropdownMenuSeparatorProps = ThemedClassName<DropdownMenuPrimitive.DropdownMenuSeparatorProps>;
-type DropdownMenuGroupLabelProps = ThemedClassName<DropdownMenuPrimitive.DropdownMenuLabelProps>;
+type MenuContentProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Content>>;
+interface DropdownMenuContentProps extends Omit<MenuContentProps, 'onEntryFocus'> {
+}
+type MenuGroupProps = ComponentPropsWithoutRef<typeof MenuPrimitive.Group>;
+interface DropdownMenuGroupProps extends MenuGroupProps {
+}
+type MenuLabelProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Label>>;
+interface DropdownMenuLabelProps extends MenuLabelProps {
+}
+type MenuItemProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Item>>;
+interface DropdownMenuItemProps extends MenuItemProps {
+}
+type MenuCheckboxItemProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.CheckboxItem>>;
+interface DropdownMenuCheckboxItemProps extends MenuCheckboxItemProps {
+}
+type MenuRadioGroupProps = ComponentPropsWithoutRef<typeof MenuPrimitive.RadioGroup>;
+interface DropdownMenuRadioGroupProps extends MenuRadioGroupProps {
+}
+type MenuRadioItemProps = ComponentPropsWithoutRef<typeof MenuPrimitive.RadioItem>;
+interface DropdownMenuRadioItemProps extends MenuRadioItemProps {
+}
+type MenuItemIndicatorProps = ComponentPropsWithoutRef<typeof MenuPrimitive.ItemIndicator>;
+interface DropdownMenuItemIndicatorProps extends MenuItemIndicatorProps {
+}
+type MenuSeparatorProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Separator>>;
+interface DropdownMenuSeparatorProps extends MenuSeparatorProps {
+}
+type MenuArrowProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Arrow>>;
+interface DropdownMenuArrowProps extends MenuArrowProps {
+}
+interface DropdownMenuSubProps {
+    children?: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?(open: boolean): void;
+}
+type MenuSubTriggerProps = ComponentPropsWithoutRef<typeof MenuPrimitive.SubTrigger>;
+interface DropdownMenuSubTriggerProps extends MenuSubTriggerProps {
+}
+type MenuSubContentProps = ComponentPropsWithoutRef<typeof MenuPrimitive.SubContent>;
+interface DropdownMenuSubContentProps extends MenuSubContentProps {
+}
 export declare const DropdownMenu: {
-    Root: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
-    Trigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Portal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-    Content: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
-    } & {
-        constrainBlockSize?: boolean;
-    } & React.RefAttributes<HTMLDivElement>>;
+    Root: React.FC<DropdownMenuRootProps>;
+    Trigger: React.ForwardRefExoticComponent<DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    VirtualTrigger: {
+        (props: ScopedProps<DropdownMenuVirtualTriggerProps>): React.JSX.Element;
+        displayName: string;
+    };
+    Portal: React.FC<DropdownMenuPortalProps>;
+    Content: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
     Viewport: React.ForwardRefExoticComponent<Omit<DropdownMenuViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Arrow: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuArrowProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
-    } & React.RefAttributes<SVGSVGElement>>;
-    Group: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
-    } & React.RefAttributes<HTMLDivElement>>;
-    CheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
-    } & React.RefAttributes<HTMLDivElement>>;
-    ItemIndicator: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuItemIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
-    Separator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
-    } & React.RefAttributes<HTMLDivElement>>;
-    GroupLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
-    } & React.RefAttributes<HTMLDivElement>>;
+    Group: React.ForwardRefExoticComponent<DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+    GroupLabel: React.ForwardRefExoticComponent<DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+    CheckboxItem: React.ForwardRefExoticComponent<DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
+    RadioGroup: React.ForwardRefExoticComponent<DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+    RadioItem: React.ForwardRefExoticComponent<DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>>;
+    ItemIndicator: React.ForwardRefExoticComponent<DropdownMenuItemIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
+    Separator: React.ForwardRefExoticComponent<DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+    Arrow: React.ForwardRefExoticComponent<DropdownMenuArrowProps & React.RefAttributes<SVGSVGElement>>;
+    Sub: React.FC<DropdownMenuSubProps>;
+    SubTrigger: React.ForwardRefExoticComponent<DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
+    SubContent: React.ForwardRefExoticComponent<DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
+};
+declare const useDropdownMenuMenuScope: (scope: {
+    [scopeName: string]: React.Context<any>[];
+} | undefined) => {
+    [__scopeProp: string]: {
+        [scopeName: string]: React.Context<any>[];
+    } | undefined;
 };
-export { useDropdownMenuContext, useDropdownMenuMenuScope };
-export type { DropdownMenuRootProps, DropdownMenuTriggerProps, DropdownMenuPortalProps, DropdownMenuContentProps, DropdownMenuViewportProps, DropdownMenuArrowProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuCheckboxItemProps, DropdownMenuItemIndicatorProps, DropdownMenuSeparatorProps, DropdownMenuGroupLabelProps, };
+export { createDropdownMenuScope, useDropdownMenuContext, useDropdownMenuMenuScope };
+export type { DropdownMenuRootProps, DropdownMenuTriggerProps, DropdownMenuVirtualTriggerProps, DropdownMenuPortalProps, DropdownMenuContentProps, DropdownMenuViewportProps, DropdownMenuGroupProps, DropdownMenuLabelProps, DropdownMenuItemProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuItemIndicatorProps, DropdownMenuSeparatorProps, DropdownMenuArrowProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuSubContentProps, };
 //# sourceMappingURL=DropdownMenu.d.ts.map

package/dist/types/src/components/Menus/DropdownMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menus/DropdownMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,KAAK,qBAAqB,GAAG,qBAAqB,CAAC,iBAAiB,CAAC;AAIrE,KAAK,wBAAwB,GAAG,qBAAqB,CAAC,wBAAwB,CAAC;AAI/E,KAAK,uBAAuB,GAAG,qBAAqB,CAAC,uBAAuB,CAAC;AAI7E,KAAK,wBAAwB,GAAG,eAAe,CAAC,qBAAqB,CAAC,wBAAwB,CAAC,GAAG;IAChG,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAGF,QAAA,MAAM,sBAAsB,EAAE,CAC5B,YAAY,EAAE,MAAM,EACpB,KAAK,EAAE,KAAK,CAAC,wBAAwB,GAAG,SAAS,CAAC,KAC/C,wBAAuE,CAAC;AAE7E,QAAA,MAAM,wBAAwB,EAAE,SAA0D,CAAC;AAmB3F,KAAK,yBAAyB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IAC9F,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAcF,KAAK,sBAAsB,GAAG,eAAe,CAAC,qBAAqB,CAAC,sBAAsB,CAAC,CAAC;AAe5F,KAAK,sBAAsB,GAAG,qBAAqB,CAAC,sBAAsB,CAAC;AAI3E,KAAK,8BAA8B,GAAG,qBAAqB,CAAC,8BAA8B,CAAC;AAI3F,KAAK,qBAAqB,GAAG,eAAe,CAAC,qBAAqB,CAAC,qBAAqB,CAAC,CAAC;AAe1F,KAAK,6BAA6B,GAAG,eAAe,CAAC,qBAAqB,CAAC,6BAA6B,CAAC,CAAC;AAe1G,KAAK,0BAA0B,GAAG,eAAe,CAAC,qBAAqB,CAAC,0BAA0B,CAAC,CAAC;AAepG,KAAK,2BAA2B,GAAG,eAAe,CAAC,qBAAqB,CAAC,sBAAsB,CAAC,CAAC;AAejG,eAAO,MAAM,YAAY;;;;;;;6BA/HF,OAAO;;;;;;;;;;;;;;;;;;;;CA4I7B,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,CAAC;AAE5D,YAAY,EACV,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,wBAAwB,EACxB,yBAAyB,EACzB,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,EACrB,6BAA6B,EAC7B,8BAA8B,EAC9B,0BAA0B,EAC1B,2BAA2B,GAC5B,CAAC"}
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menus/DropdownMenu.tsx"],"names":[],"mappings":"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"}

package/dist/types/src/components/Menus/DropdownMenu.stories.d.ts

@@ -2,7 +2,32 @@ import '@dxos-theme';
 import React from 'react';
 declare const _default: {
     title: string;
-    component: () => React.JSX.Element;
+    component: {
+        Root: React.FC<import("./DropdownMenu").DropdownMenuRootProps>;
+        Trigger: React.ForwardRefExoticComponent<import("./DropdownMenu").DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+        VirtualTrigger: {
+            (props: import("./DropdownMenu").DropdownMenuVirtualTriggerProps & {
+                __scopeDropdownMenu?: import("@radix-ui/react-context").Scope;
+            }): React.JSX.Element;
+            displayName: string;
+        };
+        Portal: React.FC<import("./DropdownMenu").DropdownMenuPortalProps>;
+        Content: React.ForwardRefExoticComponent<import("./DropdownMenu").DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+        Viewport: React.ForwardRefExoticComponent<Omit<import("./DropdownMenu").DropdownMenuViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+        Group: React.ForwardRefExoticComponent<import("./DropdownMenu").DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+        GroupLabel: React.ForwardRefExoticComponent<import("./DropdownMenu").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
+        Item: React.ForwardRefExoticComponent<import("./DropdownMenu").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+        CheckboxItem: React.ForwardRefExoticComponent<import("./DropdownMenu").DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
+        RadioGroup: React.ForwardRefExoticComponent<import("./DropdownMenu").DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+        RadioItem: React.ForwardRefExoticComponent<import("./DropdownMenu").DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>>;
+        ItemIndicator: React.ForwardRefExoticComponent<import("./DropdownMenu").DropdownMenuItemIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
+        Separator: React.ForwardRefExoticComponent<import("./DropdownMenu").DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+        Arrow: React.ForwardRefExoticComponent<import("./DropdownMenu").DropdownMenuArrowProps & React.RefAttributes<SVGSVGElement>>;
+        Sub: React.FC<import("./DropdownMenu").DropdownMenuSubProps>;
+        SubTrigger: React.ForwardRefExoticComponent<import("./DropdownMenu").DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
+        SubContent: React.ForwardRefExoticComponent<import("./DropdownMenu").DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
+    };
+    render: () => React.JSX.Element;
     decorators: import("@storybook/react/*").Decorator[];
     parameters: {
         chromatic: {
@@ -19,4 +44,7 @@ export declare const Default: {
         };
     };
 };
+export declare const VirtualTrigger: {
+    render: () => React.JSX.Element;
+};
 //# sourceMappingURL=DropdownMenu.stories.d.ts.map

package/dist/types/src/components/Menus/DropdownMenu.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menus/DropdownMenu.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;AAuF1B,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;;;;CAKnB,CAAC"}
+{"version":3,"file":"DropdownMenu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menus/DropdownMenu.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAA2B,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFhD,wBAME;AAEF,eAAO,MAAM,OAAO;;;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,cAAc;;CAqC1B,CAAC"}

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

@@ -8,7 +8,12 @@ type StoryMessageProps = {
 };
 declare const _default: {
     title: string;
-    component: ({ valence, title, body }: StoryMessageProps) => React.JSX.Element;
+    component: {
+        Root: React.ForwardRefExoticComponent<Omit<import("./Message").MessageRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+        Title: React.ForwardRefExoticComponent<Omit<import("./Message").MessageTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+        Body: React.ForwardRefExoticComponent<Omit<import("./Message").MessageBodyProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    };
+    render: ({ valence, title, body }: StoryMessageProps) => React.JSX.Element;
     decorators: import("@storybook/react/*").Decorator[];
     parameters: {
         chromatic: {

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

@@ -1 +1 @@
-{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAK3D,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;;;0CAE8C,iBAAiB;;;;;;;;AASjE,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC"}
+{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAK3D,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;;;;;;;;uCAE8C,iBAAiB;;;;;;;;AASjE,wBAME;AAEF,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC"}

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

@@ -1,32 +1,98 @@
-import { type PopoverProps as PopoverRootPrimitiveProps, type PopoverContentProps as PopoverContentPrimitiveProps, type PopoverTriggerProps as PopoverTriggerPrimitiveProps, type PopoverAnchorProps as PopoverAnchorPrimitiveProps, type PopoverPortalProps as PopoverPortalPrimitiveProps, type PopoverArrowProps as PopoverArrowPrimitiveProps, type PopoverCloseProps as PopoverClosePrimitiveProps } from '@radix-ui/react-popover';
+import type { Scope } from '@radix-ui/react-context';
+import { DismissableLayer } from '@radix-ui/react-dismissable-layer';
+import { FocusScope } from '@radix-ui/react-focus-scope';
+import * as PopperPrimitive from '@radix-ui/react-popper';
+import { Portal as PortalPrimitive } from '@radix-ui/react-portal';
 import { Primitive } from '@radix-ui/react-primitive';
-import React, { type ComponentPropsWithRef } from 'react';
+import React, { type ComponentPropsWithRef, type ElementRef, type RefObject, type ReactNode, type ComponentPropsWithoutRef } from 'react';
 import { type ThemedClassName } from '../../util';
-type PopoverRootProps = PopoverRootPrimitiveProps;
-type PopoverPortalProps = PopoverPortalPrimitiveProps;
-type PopoverTriggerProps = PopoverTriggerPrimitiveProps;
-type PopoverAnchorProps = PopoverAnchorPrimitiveProps;
-type PopoverCloseProps = PopoverClosePrimitiveProps;
-type PopoverArrowProps = ThemedClassName<PopoverArrowPrimitiveProps>;
-type PopoverContentProps = ThemedClassName<PopoverContentPrimitiveProps>;
+type ScopedProps<P> = P & {
+    __scopePopover?: Scope;
+};
+declare const createPopoverScope: import("@radix-ui/react-context").CreateScope;
+interface PopoverRootProps {
+    children?: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    modal?: boolean;
+}
+type PopperAnchorProps = ComponentPropsWithoutRef<typeof PopperPrimitive.Anchor>;
+interface PopoverAnchorProps extends PopperAnchorProps {
+}
+type PopoverTriggerElement = ElementRef<typeof Primitive.button>;
+type PrimitiveButtonProps = ComponentPropsWithoutRef<typeof Primitive.button>;
+interface PopoverTriggerProps extends PrimitiveButtonProps {
+}
+interface PopoverVirtualTriggerProps {
+    virtualRef: RefObject<PopoverTriggerElement>;
+}
+type PortalProps = ComponentPropsWithoutRef<typeof PortalPrimitive>;
+interface PopoverPortalProps {
+    children?: ReactNode;
+    /**
+     * Specify a container element to portal the content into.
+     */
+    container?: PortalProps['container'];
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+interface PopoverContentProps extends PopoverContentTypeProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+interface PopoverContentTypeProps extends Omit<PopoverContentImplProps, 'trapFocus' | 'disableOutsidePointerEvents'> {
+}
+type FocusScopeProps = ComponentPropsWithoutRef<typeof FocusScope>;
+type DismissableLayerProps = ComponentPropsWithoutRef<typeof DismissableLayer>;
+type PopperContentProps = ThemedClassName<ComponentPropsWithoutRef<typeof PopperPrimitive.Content>>;
+interface PopoverContentImplProps extends Omit<PopperContentProps, 'onPlaced'>, Omit<DismissableLayerProps, 'onDismiss'> {
+    /**
+     * Whether focus should be trapped within the `Popover`
+     * (default: false)
+     */
+    trapFocus?: FocusScopeProps['trapped'];
+    /**
+     * Event handler called when auto-focusing on open.
+     * Can be prevented.
+     */
+    onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus'];
+    /**
+     * Event handler called when auto-focusing on close.
+     * Can be prevented.
+     */
+    onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];
+}
+interface PopoverCloseProps extends PrimitiveButtonProps {
+}
+type PopperArrowProps = ThemedClassName<ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>>;
+interface PopoverArrowProps extends PopperArrowProps {
+}
 type PopoverViewportProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
     asChild?: boolean;
     constrainInline?: boolean;
     constrainBlock?: boolean;
 };
 export declare const Popover: {
-    Root: React.FunctionComponent<PopoverRootPrimitiveProps>;
-    Portal: React.FC<PopoverPortalPrimitiveProps>;
-    Trigger: React.ForwardRefExoticComponent<PopoverTriggerPrimitiveProps & React.RefAttributes<HTMLButtonElement>>;
-    Anchor: React.ForwardRefExoticComponent<PopoverAnchorPrimitiveProps & React.RefAttributes<HTMLDivElement>>;
-    Arrow: React.ForwardRefExoticComponent<Omit<PopoverArrowPrimitiveProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
-    } & React.RefAttributes<SVGSVGElement>>;
-    Close: React.ForwardRefExoticComponent<PopoverClosePrimitiveProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<Omit<PopoverContentPrimitiveProps, "className"> & {
-        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
-    } & React.RefAttributes<HTMLDivElement>>;
+    Root: React.FC<PopoverRootProps>;
+    Anchor: React.ForwardRefExoticComponent<PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+    Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    VirtualTrigger: {
+        (props: ScopedProps<PopoverVirtualTriggerProps>): React.JSX.Element;
+        displayName: string;
+    };
+    Portal: React.FC<PopoverPortalProps>;
+    Content: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Arrow: React.ForwardRefExoticComponent<PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
     Viewport: React.ForwardRefExoticComponent<Omit<PopoverViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
-export type { PopoverRootProps, PopoverPortalProps, PopoverTriggerProps, PopoverAnchorProps, PopoverArrowProps, PopoverCloseProps, PopoverContentProps, PopoverViewportProps, };
+export { createPopoverScope };
+export type { PopoverRootProps, PopoverAnchorProps, PopoverTriggerProps, PopoverVirtualTriggerProps, PopoverPortalProps, PopoverContentProps, PopoverCloseProps, PopoverArrowProps, PopoverViewportProps, };
 //# sourceMappingURL=Popover.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,YAAY,IAAI,yBAAyB,EAC9C,KAAK,mBAAmB,IAAI,4BAA4B,EAExD,KAAK,mBAAmB,IAAI,4BAA4B,EAExD,KAAK,kBAAkB,IAAI,2BAA2B,EAEtD,KAAK,kBAAkB,IAAI,2BAA2B,EAEtD,KAAK,iBAAiB,IAAI,0BAA0B,EAEpD,KAAK,iBAAiB,IAAI,0BAA0B,EAErD,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAsC,MAAM,OAAO,CAAC;AAG9F,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,KAAK,gBAAgB,GAAG,yBAAyB,CAAC;AAIlD,KAAK,kBAAkB,GAAG,2BAA2B,CAAC;AAItD,KAAK,mBAAmB,GAAG,4BAA4B,CAAC;AAIxD,KAAK,kBAAkB,GAAG,2BAA2B,CAAC;AAItD,KAAK,iBAAiB,GAAG,0BAA0B,CAAC;AAIpD,KAAK,iBAAiB,GAAG,eAAe,CAAC,0BAA0B,CAAC,CAAC;AAarE,KAAK,mBAAmB,GAAG,eAAe,CAAC,4BAA4B,CAAC,CAAC;AAmBzE,KAAK,oBAAoB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACzF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAkBF,eAAO,MAAM,OAAO;;;;;;;;;;;;;CASnB,CAAC;AAEF,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,GACrB,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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"}

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

@@ -2,7 +2,23 @@ import '@dxos-theme';
 import React, { type PropsWithChildren, type ReactNode } from 'react';
 declare const _default: {
     title: string;
-    component: ({ openTrigger, children }: PropsWithChildren<{
+    component: {
+        Root: React.FC<import("./Popover").PopoverRootProps>;
+        Anchor: React.ForwardRefExoticComponent<import("./Popover").PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+        Trigger: React.ForwardRefExoticComponent<import("./Popover").PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+        VirtualTrigger: {
+            (props: import("./Popover").PopoverVirtualTriggerProps & {
+                __scopePopover?: import("@radix-ui/react-context").Scope;
+            }): React.JSX.Element;
+            displayName: string;
+        };
+        Portal: React.FC<import("./Popover").PopoverPortalProps>;
+        Content: React.ForwardRefExoticComponent<import("./Popover").PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+        Close: React.ForwardRefExoticComponent<import("./Popover").PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+        Arrow: React.ForwardRefExoticComponent<import("./Popover").PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
+        Viewport: React.ForwardRefExoticComponent<Omit<import("./Popover").PopoverViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    };
+    render: ({ openTrigger, children }: PropsWithChildren<{
         openTrigger: ReactNode;
     }>) => React.JSX.Element;
     decorators: import("@storybook/react/*").Decorator[];
@@ -19,4 +35,7 @@ export declare const Default: {
         children: string;
     };
 };
+export declare const VirtualTrigger: {
+    render: () => React.JSX.Element;
+};
 //# sourceMappingURL=Popover.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;;;2CAUjB,iBAAiB,CAAC;QAAE,WAAW,EAAE,SAAS,CAAA;KAAE,CAAC;;;;;;;;AAclG,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC"}
+{"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;wCAUnC,iBAAiB,CAAC;QAAE,WAAW,EAAE,SAAS,CAAA;KAAE,CAAC;;;;;;;;AAclG,wBAME;AAEF,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,cAAc;;CAqB1B,CAAC"}

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

@@ -2,7 +2,26 @@ import '@dxos-theme';
 import React, { type PropsWithChildren } from 'react';
 declare const _default: {
     title: string;
-    component: ({ children }: PropsWithChildren<{}>) => React.JSX.Element;
+    component: {
+        Root: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-scroll-area").ScrollAreaProps, "className"> & {
+            classNames?: import("packages/ui/react-ui-types/dist/types/src").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;
+        } & 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;
+        } & {
+            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;
+        } & 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;
+        } & React.RefAttributes<HTMLDivElement>>;
+    };
+    render: ({ children }: PropsWithChildren<{}>) => React.JSX.Element;
     decorators: import("@storybook/react/*").Decorator[];
     parameters: {
         chromatic: {

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;;;8BAUX,iBAAiB,CAAC,EAAE,CAAC;;;;;;;;AAmBhE,wBAKE;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/Select/Select.d.ts

@@ -11,7 +11,7 @@ type SelectTriggerButtonProps = Omit<ButtonProps, 'children'> & Pick<SelectValue
 type SelectContentProps = ThemedClassName<SelectPrimitive.SelectContentProps>;
 type SelectScrollUpButtonProps = ThemedClassName<SelectPrimitive.SelectScrollUpButtonProps>;
 type SelectScrollDownButtonProps = ThemedClassName<SelectPrimitive.SelectScrollDownButtonProps>;
-type SelectViewportProps = SelectPrimitive.SelectViewportProps;
+type SelectViewportProps = ThemedClassName<SelectPrimitive.SelectViewportProps>;
 type SelectItemProps = ThemedClassName<SelectPrimitive.SelectItemProps>;
 type SelectItemTextProps = SelectPrimitive.SelectItemTextProps;
 type SelectItemIndicatorProps = ThemedClassName<SelectPrimitive.SelectItemIndicatorProps>;
@@ -36,7 +36,9 @@ export declare const Select: {
     ScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps, "className"> & {
         classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
-    Viewport: React.ForwardRefExoticComponent<SelectPrimitive.SelectViewportProps & React.RefAttributes<HTMLDivElement>>;
+    Viewport: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectViewportProps, "className"> & {
+        classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
     Item: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps, "className"> & {
         classNames?: import("packages/ui/react-ui-types/dist/types/src").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAEtD,KAAK,eAAe,GAAG,eAAe,CAAC,WAAW,CAAC;AAInD,KAAK,kBAAkB,GAAG,eAAe,CAAC,kBAAkB,CAAC;AAI7D,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC;AAIvD,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC;AAI3D,KAAK,wBAAwB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC,gBAAgB,EAAE,aAAa,GAAG,UAAU,CAAC,CAAC;AAqBnH,KAAK,kBAAkB,GAAG,eAAe,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;AAiB9E,KAAK,yBAAyB,GAAG,eAAe,CAAC,eAAe,CAAC,yBAAyB,CAAC,CAAC;AAiB5F,KAAK,2BAA2B,GAAG,eAAe,CAAC,eAAe,CAAC,2BAA2B,CAAC,CAAC;AAiBhG,KAAK,mBAAmB,GAAG,eAAe,CAAC,mBAAmB,CAAC;AAI/D,KAAK,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;AAOxE,KAAK,mBAAmB,GAAG,eAAe,CAAC,mBAAmB,CAAC;AAI/D,KAAK,wBAAwB,GAAG,eAAe,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC;AAiB1F,KAAK,iBAAiB,GAAG,eAAe,CAAC;AAezC,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,oBAAoB,GAAG,eAAe,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;AAalF,KAAK,gBAAgB,GAAG,eAAe,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAc1E,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBlB,CAAC;AAEF,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,yBAAyB,EACzB,2BAA2B,EAC3B,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAGtD,KAAK,eAAe,GAAG,eAAe,CAAC,WAAW,CAAC;AAInD,KAAK,kBAAkB,GAAG,eAAe,CAAC,kBAAkB,CAAC;AAI7D,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC;AAIvD,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC;AAI3D,KAAK,wBAAwB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC,gBAAgB,EAAE,aAAa,GAAG,UAAU,CAAC,CAAC;AAmBnH,KAAK,kBAAkB,GAAG,eAAe,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;AAkB9E,KAAK,yBAAyB,GAAG,eAAe,CAAC,eAAe,CAAC,yBAAyB,CAAC,CAAC;AAiB5F,KAAK,2BAA2B,GAAG,eAAe,CAAC,eAAe,CAAC,2BAA2B,CAAC,CAAC;AAiBhG,KAAK,mBAAmB,GAAG,eAAe,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;AAiBhF,KAAK,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;AAOxE,KAAK,mBAAmB,GAAG,eAAe,CAAC,mBAAmB,CAAC;AAI/D,KAAK,wBAAwB,GAAG,eAAe,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC;AAiB1F,KAAK,iBAAiB,GAAG,eAAe,CAAC;AAezC,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,oBAAoB,GAAG,eAAe,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;AAalF,KAAK,gBAAgB,GAAG,eAAe,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAa1E,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBlB,CAAC;AAEF,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,yBAAyB,EACzB,2BAA2B,EAC3B,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,GACjB,CAAC"}

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

@@ -1,10 +1,17 @@
 import '@dxos-theme';
+import { type StoryObj } from '@storybook/react';
 import React from 'react';
+type ItemProps = {
+    id: string;
+    text: string;
+};
+type StoryProps = {
+    items: ItemProps[];
+};
+export declare const Default: StoryObj<StoryProps>;
 declare const _default: {
     title: string;
-    component: ({ ...props }: {
-        [x: string]: any;
-    }) => React.JSX.Element;
+    render: ({ items }: StoryProps) => React.JSX.Element;
     decorators: import("@storybook/react/*").Decorator[];
     parameters: {
         chromatic: {
@@ -13,12 +20,4 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: {
-    args: {
-        items: {
-            id: string;
-            text: string;
-        }[];
-    };
-};
 //# sourceMappingURL=Select.stories.d.ts.map

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,KAAoD,MAAM,OAAO,CAAC;;;;;;;;;;;;;AAsDzE,wBAKE;AAEF,eAAO,MAAM,OAAO;;;;;;;CAInB,CAAC"}
+{"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"}

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

@@ -3,9 +3,6 @@ import React from 'react';
 declare const _default: {
     title: string;
     component: React.ForwardRefExoticComponent<Omit<import("./Status").StatusProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-    actions: {
-        argTypesRegex: string;
-    };
     decorators: import("@storybook/react/*").Decorator[];
     parameters: {
         chromatic: {