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

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

@@ -0,0 +1,113 @@
+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, type ComponentPropsWithoutRef, type ComponentRef, PropsWithChildren, type ReactNode, type RefObject } from 'react';
+import { type ThemedClassName } from '../../util';
+type Direction = 'ltr' | 'rtl';
+type ScopedProps<P> = P & {
+    __scopeDropdownMenu?: Scope;
+};
+declare const createDropdownMenuScope: import("@radix-ui/react-context").CreateScope;
+type DropdownMenuContextValue = {
+    triggerId: string;
+    triggerRef: RefObject<HTMLButtonElement | null>;
+    contentId: string;
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    onOpenToggle(): void;
+    modal: boolean;
+};
+declare const useDropdownMenuContext: (consumerName: string, scope: Scope<DropdownMenuContextValue | undefined>) => DropdownMenuContextValue;
+type DropdownMenuRootProps = PropsWithChildren<{
+    dir?: Direction;
+    modal?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?(open: boolean): void;
+}>;
+type DropdownMenuTriggerElement = ComponentRef<typeof Primitive.button>;
+type PrimitiveButtonProps = ComponentPropsWithoutRef<typeof Primitive.button>;
+type DropdownMenuTriggerProps = PrimitiveButtonProps;
+type DropdownMenuVirtualTriggerProps = {
+    virtualRef: RefObject<DropdownMenuTriggerElement | null>;
+};
+type MenuPortalProps = ComponentPropsWithoutRef<typeof MenuPrimitive.Portal>;
+type DropdownMenuPortalProps = MenuPortalProps;
+type DropdownMenuViewportProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
+    asChild?: boolean;
+};
+type MenuContentProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Content>>;
+type DropdownMenuContentProps = Omit<MenuContentProps, 'onEntryFocus'>;
+type MenuGroupProps = ComponentPropsWithoutRef<typeof MenuPrimitive.Group>;
+type DropdownMenuGroupProps = MenuGroupProps;
+type MenuLabelProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Label>>;
+type DropdownMenuLabelProps = MenuLabelProps;
+type MenuItemProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Item>>;
+type DropdownMenuItemProps = MenuItemProps;
+type MenuCheckboxItemProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.CheckboxItem>>;
+type DropdownMenuCheckboxItemProps = MenuCheckboxItemProps;
+type MenuRadioGroupProps = ComponentPropsWithoutRef<typeof MenuPrimitive.RadioGroup>;
+type DropdownMenuRadioGroupProps = MenuRadioGroupProps;
+type MenuRadioItemProps = ComponentPropsWithoutRef<typeof MenuPrimitive.RadioItem>;
+type DropdownMenuRadioItemProps = ThemedClassName<MenuRadioItemProps>;
+type MenuItemIndicatorProps = ComponentPropsWithoutRef<typeof MenuPrimitive.ItemIndicator>;
+type DropdownMenuItemIndicatorProps = MenuItemIndicatorProps;
+type MenuSeparatorProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Separator>>;
+type DropdownMenuSeparatorProps = MenuSeparatorProps;
+type MenuArrowProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Arrow>>;
+type DropdownMenuArrowProps = MenuArrowProps;
+type DropdownMenuSubProps = {
+    children?: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?(open: boolean): void;
+};
+type MenuSubTriggerProps = ComponentPropsWithoutRef<typeof MenuPrimitive.SubTrigger>;
+type DropdownMenuSubTriggerProps = MenuSubTriggerProps;
+type MenuSubContentProps = ComponentPropsWithoutRef<typeof MenuPrimitive.SubContent>;
+type DropdownMenuSubContentProps = MenuSubContentProps;
+export declare const DropdownMenu: {
+    Root: {
+        ({ __scopeDropdownMenu, children, dir, modal, open: openProp, defaultOpen, onOpenChange, }: ScopedProps<DropdownMenuRootProps>): React.JSX.Element;
+        displayName: string;
+    };
+    Trigger: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+        asChild?: boolean;
+    }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    VirtualTrigger: {
+        (props: ScopedProps<DropdownMenuVirtualTriggerProps>): React.JSX.Element;
+        displayName: string;
+    };
+    Portal: React.FC<MenuPrimitive.MenuPortalProps>;
+    Content: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+    Viewport: React.ForwardRefExoticComponent<Omit<DropdownMenuViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Group: React.ForwardRefExoticComponent<Omit<MenuPrimitive.MenuGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    GroupLabel: React.ForwardRefExoticComponent<Omit<Omit<MenuPrimitive.MenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<Omit<MenuPrimitive.MenuItemProps & React.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    CheckboxItem: React.ForwardRefExoticComponent<Omit<Omit<MenuPrimitive.MenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    RadioGroup: React.ForwardRefExoticComponent<Omit<MenuPrimitive.MenuRadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    RadioItem: React.ForwardRefExoticComponent<Omit<Omit<MenuPrimitive.MenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    ItemIndicator: React.ForwardRefExoticComponent<Omit<MenuPrimitive.MenuItemIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Separator: React.ForwardRefExoticComponent<Omit<Omit<MenuPrimitive.MenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<Omit<MenuPrimitive.MenuArrowProps & React.RefAttributes<SVGSVGElement>, "ref">, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<SVGSVGElement>>;
+    Sub: React.FC<DropdownMenuSubProps>;
+    SubTrigger: React.ForwardRefExoticComponent<Omit<MenuPrimitive.MenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    SubContent: React.ForwardRefExoticComponent<Omit<MenuPrimitive.MenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+type DropdownMenuScope = Scope;
+declare const useDropdownMenuMenuScope: (scope?: DropdownMenuScope) => any;
+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/Menu/DropdownMenu.d.ts.map

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

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

@@ -0,0 +1,28 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: {
+        ({ __scopeDropdownMenu, children, dir, modal, open: openProp, defaultOpen, onOpenChange, }: {
+            dir?: "ltr" | "rtl";
+            modal?: boolean;
+            open?: boolean;
+            defaultOpen?: boolean;
+            onOpenChange?(open: boolean): void;
+        } & {
+            children?: React.ReactNode | undefined;
+        } & {
+            __scopeDropdownMenu?: import("@radix-ui/react-context").Scope;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    render: () => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const VirtualTrigger: {
+    render: () => React.JSX.Element;
+};
+//# sourceMappingURL=DropdownMenu.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/DropdownMenu.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA2B,MAAM,OAAO,CAAC;AAuFhD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAK2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,cAAc;;CAqC1B,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}

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

@@ -1,6 +1,6 @@
 import { Primitive } from '@radix-ui/react-primitive';
 import React, { type ComponentPropsWithRef } from 'react';
-import { type Elevation, type MessageValence } from '@dxos/react-ui-types';
+import { type Elevation, type MessageValence } from '@dxos/ui-types';
 import { type ThemedClassName } from '../../util';
 declare const messageIcons: Record<MessageValence, string>;
 type MessageRootProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {

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

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG3E,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,QAAA,MAAM,YAAY,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAMhD,CAAC;AAEF,KAAK,gBAAgB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACrF,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AA4CF,KAAK,iBAAiB,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;IACjG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA+BF,KAAK,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;IACnG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAwBF,eAAO,MAAM,OAAO;;;;CAAsE,CAAC;AAC3F,eAAO,MAAM,OAAO;;;;CAAU,CAAC;AAE/B,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,QAAA,MAAM,YAAY,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAMhD,CAAC;AAEF,KAAK,gBAAgB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACrF,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAuDF,KAAK,iBAAiB,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;IACjG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAyBF,KAAK,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;IACnG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAuBF,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAAU,CAAC;AAE/B,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -1,38 +1,28 @@
-import '@dxos-theme';
+import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
-import { type MessageValence } from '@dxos/react-ui-types';
-type StoryProps = {
+import { type MessageValence } from '@dxos/ui-types';
+type DefaultStoryProps = {
     valence: MessageValence;
     title: string;
     body: string;
 };
-declare const _default: {
+declare const meta: {
     title: string;
-    component: {
-        Root: React.ForwardRefExoticComponent<Omit<import("./Message").MessageRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-        Title: React.ForwardRefExoticComponent<Omit<import("./Message").MessageTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-        Content: React.ForwardRefExoticComponent<Omit<import("./Message").MessageContentProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-    };
-    render: ({ valence, title, body }: StoryProps) => React.JSX.Element;
+    component: any;
+    render: ({ valence, title, body }: DefaultStoryProps) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
     parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
+        layout: string;
     };
     argTypes: {
         valence: {
-            control: string;
+            control: "select";
             options: string[];
         };
     };
 };
-export default _default;
-export declare const Default: {
-    args: {
-        valence: string;
-        title: string;
-        body: string;
-    };
-};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Error: Story;
 //# sourceMappingURL=Message.stories.d.ts.map

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;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAM3D,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;;;;;;;;uCAE8C,UAAU;;;;;;;;;;;;;;AAO1D,wBAYE;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,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAOrD,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAWF,QAAA,MAAM,IAAI;;eAEmB,GAAG;uCAXgB,iBAAiB;;;;;;;;;;;CAuB5B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC"}

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

@@ -4,31 +4,31 @@ 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, type ComponentPropsWithoutRef, type ElementRef, type ReactNode, type RefObject } from 'react';
+import React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type ComponentRef, type ReactNode, type RefObject } from 'react';
 import { type ThemedClassName } from '../../util';
 type ScopedProps<P> = P & {
     __scopePopover?: Scope;
 };
 declare const createPopoverScope: import("@radix-ui/react-context").CreateScope;
-interface PopoverRootProps {
+type 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 PopoverAnchorProps = PopperAnchorProps;
+type PopoverTriggerElement = ComponentRef<typeof Primitive.button>;
 type PrimitiveButtonProps = ComponentPropsWithoutRef<typeof Primitive.button>;
-interface PopoverTriggerProps extends PrimitiveButtonProps {
-}
-interface PopoverVirtualTriggerProps {
-    virtualRef: RefObject<PopoverTriggerElement>;
-}
+type PopoverTriggerProps = PrimitiveButtonProps & {
+    asChild?: boolean;
+};
+type PopoverVirtualTriggerProps = {
+    virtualRef: RefObject<PopoverTriggerElement | null>;
+};
 type PortalProps = ComponentPropsWithoutRef<typeof PortalPrimitive>;
-interface PopoverPortalProps {
+type PopoverPortalProps = {
     children?: ReactNode;
     /**
      * Specify a container element to portal the content into.
@@ -39,7 +39,7 @@ interface PopoverPortalProps {
      * controlling animation with React animation libraries.
      */
     forceMount?: true;
-}
+};
 type PopoverContentProps = ThemedClassName<PopoverContentTypeProps> & {
     /**
      * Used to force mounting when more control is needed. Useful when
@@ -52,7 +52,7 @@ export interface PopoverContentTypeProps extends Omit<PopoverContentImplProps, '
 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'> {
+type PopoverContentImplProps = Omit<PopperContentProps, 'onPlaced'> & Omit<DismissableLayerProps, 'onDismiss'> & {
     /**
      * Whether focus should be trapped within the `Popover`
      * (default: false)
@@ -68,12 +68,10 @@ interface PopoverContentImplProps extends Omit<PopperContentProps, 'onPlaced'>,
      * Can be prevented.
      */
     onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];
-}
-interface PopoverCloseProps extends PrimitiveButtonProps {
-}
+};
+type PopoverCloseProps = PrimitiveButtonProps;
 type PopperArrowProps = ThemedClassName<ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>>;
-interface PopoverArrowProps extends PopperArrowProps {
-}
+type PopoverArrowProps = PopperArrowProps;
 type PopoverViewportProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
     asChild?: boolean;
     constrainInline?: boolean;
@@ -82,15 +80,22 @@ type PopoverViewportProps = ThemedClassName<ComponentPropsWithRef<typeof Primiti
 type PopoverContentInteractOutsideEvent = Parameters<NonNullable<PopoverContentProps['onInteractOutside']>>[0];
 export declare const Popover: {
     Root: React.FC<PopoverRootProps>;
-    Anchor: React.ForwardRefExoticComponent<PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
-    Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Anchor: React.ForwardRefExoticComponent<Omit<PopperPrimitive.PopperAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+        asChild?: boolean;
+    }, "ref"> & {
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLButtonElement>>;
     VirtualTrigger: {
         (props: ScopedProps<PopoverVirtualTriggerProps>): React.JSX.Element;
         displayName: string;
     };
-    Portal: React.FC<PopoverPortalProps>;
+    Portal: {
+        (props: ScopedProps<PopoverPortalProps>): React.JSX.Element;
+        displayName: string;
+    };
     Content: React.ForwardRefExoticComponent<Omit<PopoverContentTypeProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & {
         /**
          * Used to force mounting when more control is needed. Useful when
@@ -98,8 +103,12 @@ export declare const Popover: {
          */
         forceMount?: boolean;
     } & React.RefAttributes<HTMLDivElement>>;
-    Close: React.ForwardRefExoticComponent<PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
-    Arrow: React.ForwardRefExoticComponent<PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
+    Close: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+        asChild?: boolean;
+    }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<Omit<PopperPrimitive.PopperArrowProps & React.RefAttributes<SVGSVGElement>, "ref">, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<SVGSVGElement>>;
     Viewport: React.ForwardRefExoticComponent<Omit<PopoverViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 export { createPopoverScope };

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":"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"}
+{"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

@@ -1,44 +1,16 @@
-import '@dxos-theme';
+import { type StoryObj } from '@storybook/react-vite';
 import React, { type PropsWithChildren, type ReactNode } from 'react';
-declare const _default: {
+declare const meta: {
     title: string;
-    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<Omit<import("./Popover").PopoverContentTypeProps, "className"> & {
-            classNames?: import("@dxos/react-ui-types").ClassNameValue;
-        } & {
-            forceMount?: boolean;
-        } & 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>>;
-    };
+    component: React.FC<import("./Popover").PopoverRootProps>;
     render: ({ openTrigger, children }: PropsWithChildren<{
         openTrigger: ReactNode;
     }>) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    args: {
-        openTrigger: React.JSX.Element;
-        children: string;
-    };
 };
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
 export declare const VirtualTrigger: {
     render: () => React.JSX.Element;
 };

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,EAAoB,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;wCAWvC,iBAAiB,CAAC;QAAE,WAAW,EAAE,SAAS,CAAA;KAAE,CAAC;;;;;;;;AAc9F,wBAME;AAEF,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,cAAc;;CAqB1B,CAAC"}
+{"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AAwBxF,QAAA,MAAM,IAAI;;;wCAduC,iBAAiB,CAAC;QAAE,WAAW,EAAE,SAAS,CAAA;KAAE,CAAC;;CAmBzD,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,cAAc;;CAqB1B,CAAC"}

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

@@ -1,32 +1,32 @@
-import { type ScrollAreaCornerProps as ScrollAreaPrimitiveCornerProps, type ScrollAreaProps as ScrollAreaPrimitiveRootProps, type ScrollAreaScrollbarProps as ScrollAreaPrimitiveScrollbarProps, type ScrollAreaThumbProps as ScrollAreaPrimitiveThumbProps, type ScrollAreaViewportProps as ScrollAreaPrimitiveViewportProps } from '@radix-ui/react-scroll-area';
 import React from 'react';
-import { type ThemedClassName } from '../../util';
-type ScrollAreaVariant = 'coarse' | 'fine';
-type ScrollAreaRootProps = ThemedClassName<ScrollAreaPrimitiveRootProps>;
-type ScrollAreaViewportProps = ThemedClassName<ScrollAreaPrimitiveViewportProps>;
-type ScrollAreaScrollbarProps = ThemedClassName<ScrollAreaPrimitiveScrollbarProps> & {
-    variant?: ScrollAreaVariant;
+import { type AllowedAxis, type SlottableProps } from '@dxos/ui-types';
+type ScrollAreaContextType = {
+    /** Orientation of scrollbars. */
+    orientation: AllowedAxis;
+    /** Hide scrollbars when not scrolling. */
+    autoHide: boolean;
+    /** Apply padding to opposite side of scrollbar. */
+    centered?: boolean;
+    /** Apply padding. */
+    padding: boolean;
+    /** Use thin scrollbars. */
+    thin: boolean;
+    /** Enable snap scrolling. */
+    snap: boolean;
 };
-type ScrollAreaThumbProps = ThemedClassName<ScrollAreaPrimitiveThumbProps>;
-type ScrollAreaCornerProps = ThemedClassName<ScrollAreaPrimitiveCornerProps>;
+type ScrollAreaRootProps = Partial<ScrollAreaContextType>;
+type ScrollAreaViewportProps = SlottableProps;
 export declare const ScrollArea: {
-    Root: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitiveRootProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Viewport: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitiveViewportProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Scrollbar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitiveScrollbarProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
-    } & {
-        variant?: ScrollAreaVariant;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Thumb: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitiveThumbProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Corner: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitiveCornerProps, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
-    } & React.RefAttributes<HTMLDivElement>>;
+    Root: React.ForwardRefExoticComponent<Omit<Partial<ScrollAreaContextType> & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+    Viewport: React.ForwardRefExoticComponent<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
 };
-export type { ScrollAreaRootProps, ScrollAreaViewportProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, };
+export type { ScrollAreaRootProps, ScrollAreaViewportProps };
 //# sourceMappingURL=ScrollArea.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,qBAAqB,IAAI,8BAA8B,EAE5D,KAAK,eAAe,IAAI,4BAA4B,EAEpD,KAAK,wBAAwB,IAAI,iCAAiC,EAElE,KAAK,oBAAoB,IAAI,6BAA6B,EAE1D,KAAK,uBAAuB,IAAI,gCAAgC,EACjE,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,iBAAiB,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3C,KAAK,mBAAmB,GAAG,eAAe,CAAC,4BAA4B,CAAC,CAAC;AAgBzE,KAAK,uBAAuB,GAAG,eAAe,CAAC,gCAAgC,CAAC,CAAC;AAejF,KAAK,wBAAwB,GAAG,eAAe,CAAC,iCAAiC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAAE,CAAC;AAgBrH,KAAK,oBAAoB,GAAG,eAAe,CAAC,6BAA6B,CAAC,CAAC;AAa3E,KAAK,qBAAqB,GAAG,eAAe,CAAC,8BAA8B,CAAC,CAAC;AAa7E,eAAO,MAAM,UAAU;;;;;;;;;;kBA1C0E,iBAAiB;;;;;;;;CAgDjH,CAAC;AAEF,YAAY,EACV,mBAAmB,EACnB,uBAAuB,EACvB,wBAAwB,EACxB,oBAAoB,EACpB,qBAAqB,GACtB,CAAC"}
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAUvE,KAAK,qBAAqB,GAAG;IAC3B,iCAAiC;IACjC,WAAW,EAAE,WAAW,CAAC;IACzB,0CAA0C;IAC1C,QAAQ,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,6BAA6B;IAC7B,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAUF,KAAK,mBAAmB,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AA8C1D,KAAK,uBAAuB,GAAG,cAAc,CAAC;AAkC9C,eAAO,MAAM,UAAU;;;;;;;;;;;CAGtB,CAAC;AAEF,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,CAAC"}

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

@@ -1,38 +1,61 @@
-import '@dxos-theme';
-import React, { type PropsWithChildren } from 'react';
+import React from 'react';
 declare const _default: {
     title: string;
     component: {
-        Root: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-scroll-area").ScrollAreaProps, "className"> & {
-            classNames?: import("@dxos/react-ui-types").ClassNameValue;
-        } & React.RefAttributes<HTMLDivElement>>;
-        Viewport: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-scroll-area").ScrollAreaViewportProps, "className"> & {
-            classNames?: import("@dxos/react-ui-types").ClassNameValue;
-        } & React.RefAttributes<HTMLDivElement>>;
-        Scrollbar: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-scroll-area").ScrollAreaScrollbarProps, "className"> & {
-            classNames?: import("@dxos/react-ui-types").ClassNameValue;
-        } & {
-            variant?: "coarse" | "fine";
-        } & React.RefAttributes<HTMLDivElement>>;
-        Thumb: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-scroll-area").ScrollAreaThumbProps, "className"> & {
-            classNames?: import("@dxos/react-ui-types").ClassNameValue;
-        } & React.RefAttributes<HTMLDivElement>>;
-        Corner: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-scroll-area").ScrollAreaCornerProps, "className"> & {
-            classNames?: import("@dxos/react-ui-types").ClassNameValue;
-        } & React.RefAttributes<HTMLDivElement>>;
+        Root: React.ForwardRefExoticComponent<Omit<Partial<{
+            orientation: import("@dxos/ui-types").AllowedAxis;
+            autoHide: boolean;
+            centered?: boolean;
+            padding: boolean;
+            thin: boolean;
+            snap: boolean;
+        }> & {
+            asChild?: boolean;
+        }, "className"> & {
+            classNames?: import("@dxos/ui-types").ClassNameValue;
+        } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+        Viewport: React.ForwardRefExoticComponent<Omit<{
+            asChild?: boolean;
+        }, "className"> & {
+            classNames?: import("@dxos/ui-types").ClassNameValue;
+        } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
     };
-    render: ({ children }: PropsWithChildren<{}>) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
     parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
+        layout: string;
     };
 };
 export default _default;
-export declare const Default: {
-    args: {
-        children: string;
-    };
+export declare const Vertical: {
+    render: () => React.JSX.Element;
+};
+export declare const VerticalThin: {
+    render: () => React.JSX.Element;
+};
+export declare const VerticalPadded: {
+    render: () => React.JSX.Element;
+};
+export declare const VerticalColumn: {
+    render: () => React.JSX.Element;
+};
+export declare const Horizontal: {
+    render: () => React.JSX.Element;
+};
+export declare const HorizontalThin: {
+    render: () => React.JSX.Element;
+};
+export declare const Both: {
+    render: () => React.JSX.Element;
+};
+export declare const Fullscreen: {
+    decorators: import("@storybook/react").Decorator[];
+    render: () => React.JSX.Element;
+};
+export declare const NestedScrollAreas: {
+    decorators: import("@storybook/react").Decorator[];
+    render: () => React.JSX.Element;
+};
+export declare const NativeScroll: {
+    render: () => React.JSX.Element;
 };
 //# sourceMappingURL=ScrollArea.stories.d.ts.map

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;;;;;;;;;;;;;;;;;;;;;;2BAWlB,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,KAAqC,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;AAa1D,wBAOE;AAiCF,eAAO,MAAM,QAAQ;;CAUpB,CAAC;AAEF,eAAO,MAAM,YAAY;;CAUxB,CAAC;AAEF,eAAO,MAAM,cAAc;;CAU1B,CAAC;AAEF,eAAO,MAAM,cAAc;;CAe1B,CAAC;AAEF,eAAO,MAAM,UAAU;;CAUtB,CAAC;AAEF,eAAO,MAAM,cAAc;;CAU1B,CAAC;AAEF,eAAO,MAAM,IAAI;;CAuBhB,CAAC;AAEF,eAAO,MAAM,UAAU;;;CAsBtB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;CAqC7B,CAAC;AAEF,eAAO,MAAM,YAAY;;CAiBxB,CAAC"}