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

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>> & {
@@ -11,20 +11,20 @@ type MessageRootProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.d
     descriptionId?: string;
 };
 type MessageTitleProps = Omit<ThemedClassName<ComponentPropsWithRef<typeof Primitive.h2>>, 'id'> & {
-    asChild?: boolean;
     icon?: string;
+    onClose?: () => void;
 };
 type MessageContentProps = Omit<ThemedClassName<ComponentPropsWithRef<typeof Primitive.h2>>, 'id'> & {
     asChild?: boolean;
 };
 export declare const Message: {
     Root: React.ForwardRefExoticComponent<Omit<MessageRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Title: React.ForwardRefExoticComponent<Omit<MessageTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Title: React.ForwardRefExoticComponent<Omit<MessageTitleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Content: React.ForwardRefExoticComponent<Omit<MessageContentProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 };
 export declare const Callout: {
     Root: React.ForwardRefExoticComponent<Omit<MessageRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Title: React.ForwardRefExoticComponent<Omit<MessageTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Title: React.ForwardRefExoticComponent<Omit<MessageTitleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Content: React.ForwardRefExoticComponent<Omit<MessageContentProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 };
 export type { MessageRootProps, MessageTitleProps, MessageContentProps };

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,EAAsB,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAI1F,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAKrE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAKlD,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;AA4FF,KAAK,iBAAiB,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;IACjG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AA2CF,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;IAClB,IAAI;IACJ,KAAK;IACL,OAAO;CACR,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,20 +1,19 @@
 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;
+    button?: boolean;
 };
 declare const meta: {
     title: string;
     component: any;
-    render: ({ valence, title, body }: StoryProps) => React.JSX.Element;
+    render: ({ valence, title, body, button }: DefaultStoryProps) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
     parameters: {
-        chromatic: {
-            disableSnapshot: boolean;
-        };
+        layout: string;
     };
     argTypes: {
         valence: {
@@ -26,4 +25,8 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Success: Story;
+export declare const Info: Story;
+export declare const Warning: 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,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,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;AASF,QAAA,MAAM,IAAI;;eAEmB,GAAG;uCATgB,UAAU;;;;;;;;;;;;;CAmBrB,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,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;AAQrD,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAkBF,QAAA,MAAM,IAAI;;eAEmB,GAAG;+CAlBwB,iBAAiB;;;QAsBrE,MAAM;;;;;;;;CAQ2B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC"}

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

@@ -0,0 +1,7 @@
+import { type Elevation, type MessageValence, type Theme } from '@dxos/ui-types';
+export type MessageStyleProps = {
+    valence?: MessageValence;
+    elevation?: Elevation;
+};
+export declare const messageTheme: Theme<MessageStyleProps>;
+//# sourceMappingURL=Message.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Message.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEzG,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AA0BF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAOjD,CAAC"}

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

@@ -0,0 +1,35 @@
+import React, { type CSSProperties } from 'react';
+import { type SlottableProps } from '@dxos/ui-types';
+import { PanelStyleProps } from '../../theme';
+type PanelRootProps = SlottableProps<{
+    style?: CSSProperties;
+}>;
+type PanelToolbarProps = SlottableProps & Pick<PanelStyleProps, 'size'>;
+type PanelContentProps = SlottableProps;
+type PanelStatusbarProps = SlottableProps & Pick<PanelStyleProps, 'size'>;
+export declare const Panel: {
+    Root: React.ForwardRefExoticComponent<Omit<{
+        style?: CSSProperties;
+    } & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Toolbar: React.ForwardRefExoticComponent<Omit<Pick<PanelStyleProps, "size"> & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Statusbar: React.ForwardRefExoticComponent<Omit<Pick<PanelStyleProps, "size"> & {
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+};
+export type { PanelRootProps, PanelToolbarProps, PanelContentProps, PanelStatusbarProps };
+//# sourceMappingURL=Panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAU9C,KAAK,cAAc,GAAG,cAAc,CAAC;IAAE,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,CAAC,CAAC;AA+BhE,KAAK,iBAAiB,GAAG,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;AAqBxE,KAAK,iBAAiB,GAAG,cAAc,CAAC;AAmBxC,KAAK,mBAAmB,GAAG,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;AAqB1E,eAAO,MAAM,KAAK;IAChB,IAAI;gBA3FgD,aAAa;;;;;;IA4FjE,OAAO;;;;;IACP,OAAO;;;;;IACP,SAAS;;;;;CACV,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -0,0 +1,6 @@
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=Panel.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Panel/Panel.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAiDjE,QAAA,MAAM,IAAI,EAAE,IAOX,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

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

@@ -0,0 +1,13 @@
+import { type ComponentFunction } from '@dxos/ui-types';
+type Size = 'lg' | 'md' | 'sm';
+export type PanelStyleProps = {
+    size?: Size;
+};
+export declare const panelTheme: {
+    root: ComponentFunction<PanelStyleProps>;
+    toolbar: ComponentFunction<PanelStyleProps>;
+    content: ComponentFunction<PanelStyleProps>;
+    statusbar: ComponentFunction<PanelStyleProps>;
+};
+export {};
+//# sourceMappingURL=Panel.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Panel/Panel.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/B,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAwBF,eAAO,MAAM,UAAU;;;;;CAKtB,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './Panel';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -4,31 +4,35 @@ 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 FC, 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 {
+type PopoverTriggerProps = PrimitiveButtonProps & {
+    asChild?: boolean;
+};
+type PopoverVirtualTriggerProps = {
     virtualRef: RefObject<PopoverTriggerElement | null>;
+};
+declare function PopoverVirtualTrigger(props: ScopedProps<PopoverVirtualTriggerProps>): React.JSX.Element;
+declare namespace PopoverVirtualTrigger {
+    var displayName: string;
 }
 type PortalProps = ComponentPropsWithoutRef<typeof PortalPrimitive>;
-interface PopoverPortalProps {
+type PopoverPortalProps = {
     children?: ReactNode;
     /**
      * Specify a container element to portal the content into.
@@ -39,6 +43,10 @@ interface PopoverPortalProps {
      * controlling animation with React animation libraries.
      */
     forceMount?: true;
+};
+declare function PopoverPortal(props: ScopedProps<PopoverPortalProps>): React.JSX.Element;
+declare namespace PopoverPortal {
+    var displayName: string;
 }
 type PopoverContentProps = ThemedClassName<PopoverContentTypeProps> & {
     /**
@@ -52,7 +60,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 +76,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;
@@ -81,16 +87,23 @@ 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>>;
+    Root: FC<PopoverRootProps>;
+    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 +111,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.map

@@ -1 +1 @@
-{"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;AAyBxF,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"}
+{"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;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,cAAc;IACzB,MAAM;CAoBP,CAAC"}

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

@@ -0,0 +1,8 @@
+import { type Elevation, type Theme } from '@dxos/ui-types';
+export type PopoverStyleProps = Partial<{
+    constrainBlock: boolean;
+    constrainInline: boolean;
+    elevation: Elevation;
+}>;
+export declare const popoverTheme: Theme<PopoverStyleProps>;
+//# sourceMappingURL=Popover.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEpF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACtC,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAwBH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAIjD,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" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Viewport: React.ForwardRefExoticComponent<Omit<{
+        asChild?: boolean;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & 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;AAEtD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAYvE,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;IACrB,IAAI;;;;;IACJ,QAAQ;;;;;CACT,CAAC;AAEF,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,CAAC"}

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

@@ -1,12 +1,61 @@
-import { type StoryObj } from '@storybook/react-vite';
-import React, { type PropsWithChildren } from 'react';
-declare const meta: {
+import React from 'react';
+declare const _default: {
     title: string;
-    component: any;
-    render: ({ children }: PropsWithChildren<{}>) => React.JSX.Element;
+    component: {
+        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" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+        Viewport: React.ForwardRefExoticComponent<Omit<{
+            asChild?: boolean;
+        }, "className"> & {
+            classNames?: import("@dxos/ui-types").ClassNameValue;
+        } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    };
     decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+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;
 };
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
 //# 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,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AA8BtD,QAAA,MAAM,IAAI;;eAEiB,GAAG;2BArBM,iBAAiB,CAAC,EAAE,CAAC;;CAwBpB,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
+{"version":3,"file":"ScrollArea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqC,MAAM,OAAO,CAAC;;IAcxD,KAAK;IACL,SAAS;;;;;;;;;;;;;;;;;;;IACT,UAAU;IACV,UAAU;QACR,MAAM;;;;AA+BV,eAAO,MAAM,QAAQ;IACnB,MAAM;CASP,CAAC;AAEF,eAAO,MAAM,YAAY;IACvB,MAAM;CASP,CAAC;AAEF,eAAO,MAAM,cAAc;IACzB,MAAM;CASP,CAAC;AAEF,eAAO,MAAM,cAAc;IACzB,MAAM;CAcP,CAAC;AAEF,eAAO,MAAM,UAAU;IACrB,MAAM;CASP,CAAC;AAEF,eAAO,MAAM,cAAc;IACzB,MAAM;CASP,CAAC;AAEF,eAAO,MAAM,IAAI;IACf,MAAM;CAsBP,CAAC;AAEF,eAAO,MAAM,UAAU;IACrB,UAAU;IACV,MAAM;CAoBP,CAAC;AAEF,eAAO,MAAM,iBAAiB;IAC5B,UAAU;IACV,MAAM;CAmCP,CAAC;AAEF,eAAO,MAAM,YAAY;IACvB,MAAM;CAgBP,CAAC"}

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

@@ -0,0 +1,17 @@
+import { type AllowedAxis, type Theme } from '@dxos/ui-types';
+export type ScrollAreaStyleProps = {
+    orientation?: AllowedAxis;
+    autoHide?: boolean;
+    /** Balance left/right, top/bottom offset with scrollbar. */
+    centered?: boolean;
+    /** Add default padding. */
+    /** TODO(burdon): Integrate with Column.Root padding. */
+    padding?: boolean;
+    /** Use thin scrollbars. */
+    /** TODO(burdon): Density fine/course. */
+    thin?: boolean;
+    /** Enable snap scrolling. */
+    snap?: boolean;
+};
+export declare const scrollAreaTheme: Theme<ScrollAreaStyleProps>;
+//# sourceMappingURL=ScrollArea.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,WAAW,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAItF,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,yCAAyC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAiFF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAGvD,CAAC"}

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

@@ -1,2 +1,3 @@
 export * from './ScrollArea';
+export * from './scrollbar';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,18 @@
+/**
+ * Scrollbar sizing presets keyed by density tier.
+ */
+export declare const scrollbar: {
+    sm: {
+        size: number;
+        padding: number;
+    };
+    md: {
+        size: number;
+        padding: number;
+    };
+    lg: {
+        size: number;
+        padding: number;
+    };
+};
+//# sourceMappingURL=scrollbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/scrollbar.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,eAAO,MAAM,SAAS;IACpB,EAAE;QACA,IAAI;QACJ,OAAO;;IAET,EAAE;QACA,IAAI;QACJ,OAAO;;IAET,EAAE;QACA,IAAI;QACJ,OAAO;;CAEV,CAAC"}