@dxos/react-ui 0.8.4-staging.ac66bdf99f → 0.9.0

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

@@ -1,12 +1,10 @@
-import React, { CSSProperties, MouseEventHandler } from 'react';
+import React, { CSSProperties, JSX, MouseEventHandler, type ReactNode } from 'react';
 import { type Density } from '@dxos/ui-types';
 import { type ThemedClassName } from '../../util';
-import { type IconProps } from '../Icon';
-import { ToolbarCloseIconButtonProps, ToolbarDragHandleProps, type ToolbarMenuItem, type ToolbarMenuProps, type ToolbarRootProps } from '../Toolbar';
-type CardContextValue = {
-    menuItems?: CardMenuItem<any>[];
-};
-type CardRootOwnProps = {
+import { type IconBlockProps, type IconProps } from '../Icon';
+import { type ImageProps } from '../Image';
+import { type ToolbarActionIconButtonProps, ToolbarDragHandleProps, type ToolbarMenuProps, type ToolbarRootProps } from '../Toolbar';
+type CardRootProps = {
     id?: string;
     border?: boolean;
     fullWidth?: boolean;
@@ -17,104 +15,112 @@ type CardRootOwnProps = {
     'data-selected'?: boolean;
     'data-testid'?: string;
 };
-type CardRootProps = CardRootOwnProps;
-type CardToolbarProps = ToolbarRootProps;
+type CardHeaderProps = ToolbarRootProps;
 type CardDragHandleProps = ToolbarDragHandleProps;
-type CloseIconButtonProps = ToolbarCloseIconButtonProps;
-type CardMenuItem<T extends any | void = void> = ToolbarMenuItem<T>;
+type CardActionIconButtonProps = ToolbarActionIconButtonProps;
 type CardMenuProps<T extends any | void = void> = ToolbarMenuProps<T>;
+declare function CardMenu<T extends any | void = void>({ context, items, ...props }: CardMenuProps<T>): JSX.Element;
+declare namespace CardMenu {
+    var displayName: string;
+}
+declare function CardIcon(props: IconProps): JSX.Element;
+declare namespace CardIcon {
+    var displayName: string;
+}
+type CardSectionProps = {
+    title?: ReactNode;
+};
 type CardRowProps = {
-    icon?: string;
+    icon?: string | JSX.Element;
     fullWidth?: boolean;
 };
-type CardHeadingProps = {
-    variant?: 'default' | 'subtitle';
-};
 type CardTextProps = {
     truncate?: boolean;
     variant?: 'default' | 'description';
+    onClick?: MouseEventHandler<HTMLDivElement>;
 };
 type CardHtmlProps = {
-    html: string;
+    html?: string;
     variant?: 'default' | 'description';
 };
+/**
+ * Renders sanitized HTML content inside a card text slot.
+ * Uses DOMPurify to prevent XSS from untrusted markup (e.g. RSS feed content).
+ */
+declare function CardHtml({ html, variant, ...props }: CardHtmlProps & ThemedClassName<object>): JSX.Element;
+declare namespace CardHtml {
+    var displayName: string;
+}
 type CardPosterProps = ThemedClassName<{
     alt: string;
     aspect?: 'video' | 'auto';
 } & Partial<{
     image: string;
     icon: string;
-}>>;
+}> & Omit<ImageProps, 'src' | 'alt' | 'classNames'>>;
+declare function CardPoster({ classNames, alt, aspect: aspectProp, image, icon, ...imageProps }: CardPosterProps): JSX.Element | undefined;
+declare namespace CardPoster {
+    var displayName: string;
+}
 type CardActionProps = {
     icon?: string;
     label: string;
     actionIcon?: string;
     onClick?: () => void;
 };
+declare function CardAction({ icon, actionIcon, label, onClick }: CardActionProps): JSX.Element;
+declare namespace CardAction {
+    var displayName: string;
+}
 type CardLinkProps = {
     label: string;
     href: string;
 };
+declare function CardLink({ label, href }: CardLinkProps): JSX.Element;
+declare namespace CardLink {
+    var displayName: string;
+}
 export declare const Card: {
-    Root: React.ForwardRefExoticComponent<Omit<CardRootOwnProps & {
-        asChild?: boolean;
-    }, "className"> & {
+    Root: React.ForwardRefExoticComponent<Omit<CardRootProps, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
-    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
-    Toolbar: React.ForwardRefExoticComponent<Omit<ToolbarRootProps, "className"> & {
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<Omit<ToolbarRootProps, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
-    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
-    ToolbarIconButton: React.ForwardRefExoticComponent<Omit<import("..").IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-    ToolbarSeparator: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-separator").SeparatorProps, "className"> & {
-        classNames?: import("@dxos/ui-types").ClassNameValue;
-    } & {
-        subdued?: boolean;
-    } & {
-        variant?: "gap" | "line";
-    } & React.RefAttributes<HTMLDivElement>>;
-    IconBlock: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<{
-        padding?: boolean;
-    }>, "className"> & {
-        classNames?: import("@dxos/ui-types").ClassNameValue;
-    } & React.RefAttributes<HTMLDivElement>>;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    IconBlock: React.ForwardRefExoticComponent<Omit<IconBlockProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     DragHandle: React.ForwardRefExoticComponent<ToolbarDragHandleProps & React.RefAttributes<HTMLButtonElement>>;
-    CloseIconButton: React.ForwardRefExoticComponent<ToolbarCloseIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
-    Menu: <T extends unknown = void>({ context, items, ...props }: CardMenuProps<T>) => React.JSX.Element;
-    Icon: (props: IconProps) => React.JSX.Element;
+    ActionIconButton: React.ForwardRefExoticComponent<ToolbarActionIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+    Menu: typeof CardMenu;
+    Icon: typeof CardIcon;
     Title: React.ForwardRefExoticComponent<Omit<{
         asChild?: boolean;
     }, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
-    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
-    Content: React.ForwardRefExoticComponent<Omit<{
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Body: React.ForwardRefExoticComponent<Omit<{
         asChild?: boolean;
     }, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
-    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
-    Row: React.ForwardRefExoticComponent<Omit<CardRowProps & {
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Section: React.ForwardRefExoticComponent<Omit<CardSectionProps & {
         asChild?: boolean;
     }, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
-    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
-    Section: React.ForwardRefExoticComponent<Omit<{
-        asChild?: boolean;
-    }, "className"> & {
-        classNames?: import("@dxos/ui-types").ClassNameValue;
-    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
-    Heading: React.ForwardRefExoticComponent<Omit<CardHeadingProps & {
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Row: React.ForwardRefExoticComponent<Omit<CardRowProps & {
         asChild?: boolean;
     }, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
-    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
     Text: React.ForwardRefExoticComponent<Omit<CardTextProps & {
         asChild?: boolean;
     }, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
-    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
-    Html: ({ html, variant, ...props }: CardHtmlProps & ThemedClassName<object>) => React.JSX.Element;
-    Poster: (props: CardPosterProps) => React.JSX.Element | undefined;
-    Action: ({ icon, actionIcon, label, onClick }: CardActionProps) => React.JSX.Element;
-    Link: ({ label, href }: CardLinkProps) => React.JSX.Element;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Html: typeof CardHtml;
+    Poster: typeof CardPoster;
+    Action: typeof CardAction;
+    Link: typeof CardLink;
 };
-export type { CardContextValue, CardRootProps, CardToolbarProps, CardDragHandleProps, CloseIconButtonProps, CardMenuProps, };
+export type { CardRootProps, CardHeaderProps, CardDragHandleProps, CardActionIconButtonProps, CardMenuProps, CardSectionProps, };
 //# sourceMappingURL=Card.d.ts.map

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

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

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

@@ -16,6 +16,7 @@ type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const FullWidth: Story;
 export declare const Simple: Story;
+export declare const Section: Story;
 export declare const Description: Story;
 export declare const Mock: () => React.JSX.Element;
 //# sourceMappingURL=Card.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAiB,MAAM,OAAO,CAAC;AAUtC,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAqCF,QAAA,MAAM,IAAI;;uDAnCsD,iBAAiB;;CAuC5C,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAgBpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAC;AAEF,eAAO,MAAM,IAAI,yBAsBhB,CAAC"}
+{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAiB,MAAM,OAAO,CAAC;AAUtC,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AA+BF,QAAA,MAAM,IAAI;;uDA7BsD,iBAAiB;;CAiC5C,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAgBpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAyBrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAC;AAEF,eAAO,MAAM,IAAI,yBAsBhB,CAAC"}

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

@@ -0,0 +1,12 @@
+import { type Density, type Theme } from '@dxos/ui-types';
+export type CardStyleProps = {
+    border?: boolean;
+    fullWidth?: boolean;
+    srOnly?: boolean;
+    variant?: 'default' | 'subtitle' | 'description';
+    density?: Density;
+    truncate?: boolean;
+    padding?: boolean;
+};
+export declare const cardTheme: Theme<CardStyleProps>;
+//# sourceMappingURL=Card.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAElF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA6DF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAgB3C,CAAC"}

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

@@ -0,0 +1,106 @@
+import React, { type PropsWithChildren, type ReactNode } from 'react';
+import { type ThemedClassName } from '../../util';
+import { type MediaKind } from '../MediaPlayer';
+type CarouselContextValue = {
+    index: number;
+    count: number;
+    setIndex: (index: number) => void;
+    next: () => void;
+    prev: () => void;
+};
+/** Returns the current carousel state. Must be used within {@link Carousel.Root}. */
+export declare const useCarousel: () => CarouselContextValue;
+export type CarouselRootProps = PropsWithChildren<{
+    /** Total number of slides; drives auto-advance and indicator counts. */
+    count: number;
+    /** Whether to auto-advance slides on mount. Defaults to `false`. */
+    autorun?: boolean;
+    /** Auto-advance interval in milliseconds. Set 0 to disable. */
+    intervalMs?: number;
+    defaultIndex?: number;
+}>;
+declare function CarouselRoot({ children, count, autorun, intervalMs, defaultIndex }: CarouselRootProps): React.JSX.Element | null;
+declare namespace CarouselRoot {
+    var displayName: string;
+}
+export type CarouselContentProps = ThemedClassName<PropsWithChildren<{}>>;
+export type CarouselViewportProps = ThemedClassName<PropsWithChildren<{}>>;
+declare function CarouselViewport({ children, classNames }: CarouselViewportProps): React.JSX.Element;
+declare namespace CarouselViewport {
+    var displayName: string;
+}
+export type CarouselSlideProps = ThemedClassName<{
+    index: number;
+    /** Media source URL — rendered via the embedded {@link MediaPlayer}. */
+    src: string;
+    /** Override media auto-detection (`'video' | 'audio'`). */
+    kind?: MediaKind;
+    /** Accessible label / `<img alt>` fallback. */
+    alt?: string;
+    controls?: boolean;
+    autoPlay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    crossOrigin?: 'anonymous' | 'use-credentials' | '';
+}>;
+declare function CarouselSlide({ index, classNames, src, kind, alt, controls, autoPlay, loop, muted, crossOrigin }: CarouselSlideProps): React.JSX.Element | null;
+declare namespace CarouselSlide {
+    var displayName: string;
+}
+export type CarouselButtonProps = ThemedClassName<{}>;
+declare function CarouselPrevious({ classNames }: CarouselButtonProps): React.JSX.Element;
+declare namespace CarouselPrevious {
+    var displayName: string;
+}
+declare function CarouselNext({ classNames }: CarouselButtonProps): React.JSX.Element;
+declare namespace CarouselNext {
+    var displayName: string;
+}
+export type CarouselIndicatorsProps = ThemedClassName<{}>;
+declare function CarouselIndicators({ classNames }: CarouselIndicatorsProps): React.JSX.Element | null;
+declare namespace CarouselIndicators {
+    var displayName: string;
+}
+export type CarouselCaptionProps = ThemedClassName<{
+    /** Render prop receiving the active slide index. */
+    children: (index: number) => ReactNode;
+}>;
+declare function CarouselCaption({ children, classNames }: CarouselCaptionProps): React.JSX.Element | null;
+declare namespace CarouselCaption {
+    var displayName: string;
+}
+export declare const Carousel: {
+    Root: {
+        ({ children, count, autorun, intervalMs, defaultIndex, }: CarouselRootProps): React.JSX.Element | null;
+        displayName: string;
+    };
+    Content: React.ForwardRefExoticComponent<Omit<{}, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Viewport: {
+        ({ children, classNames }: CarouselViewportProps): React.JSX.Element;
+        displayName: string;
+    };
+    Slide: {
+        ({ index, classNames, src, kind, alt, controls, autoPlay, loop, muted, crossOrigin, }: CarouselSlideProps): React.JSX.Element | null;
+        displayName: string;
+    };
+    Previous: {
+        ({ classNames }: CarouselButtonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Next: {
+        ({ classNames }: CarouselButtonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Indicators: {
+        ({ classNames }: CarouselIndicatorsProps): React.JSX.Element | null;
+        displayName: string;
+    };
+    Caption: {
+        ({ children, classNames }: CarouselCaptionProps): React.JSX.Element | null;
+        displayName: string;
+    };
+};
+export {};
+//# sourceMappingURL=Carousel.d.ts.map

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

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

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

@@ -0,0 +1,14 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+type DefaultStoryProps = {
+    count?: number;
+};
+declare const meta: {
+    title: string;
+    render: ({ count }: DefaultStoryProps) => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=Carousel.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/Carousel.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,KAAK,iBAAiB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAqB5C,QAAA,MAAM,IAAI;;wBAnBuC,iBAAiB;;CAuB7B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

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

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

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

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

package/dist/types/src/components/Clipboard/ClipboardProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClipboardProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/ClipboardProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAoD,MAAM,OAAO,CAAC;AAExG,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,sCAG3B,CAAC;AAEH,eAAO,MAAM,YAAY,6BAAqC,CAAC;AAE/D,eAAO,MAAM,iBAAiB,GAAI,cAAc,iBAAiB,CAAC,EAAE,CAAC,sBAOpE,CAAC"}
+{"version":3,"file":"ClipboardProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/ClipboardProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAoD,MAAM,OAAO,CAAC;AAExG,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,sCAG3B,CAAC;AAEH,eAAO,MAAM,YAAY,6BAAqC,CAAC;AAE/D,eAAO,MAAM,iBAAiB,iBAAkB,iBAAiB,CAAC,EAAE,CAAC,sBAOpE,CAAC"}

package/dist/types/src/components/Clipboard/CopyButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/CopyButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAU,KAAK,WAAW,EAAc,MAAM,WAAW,CAAC;AACjE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,EAAE,KAAK,kBAAkB,EAAqB,MAAM,YAAY,CAAC;AAGxE,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAIJ,eAAO,MAAM,UAAU,GAAI,uCAA2C,eAAe,sBAqBpF,CAAC;AAEF,KAAK,uBAAuB,GAAG,eAAe,GAAG;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,gEAOhC,kBAAkB,CAAC,uBAAuB,CAAC,sBAkB7C,CAAC"}
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/CopyButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAU,KAAK,WAAW,EAAc,MAAM,WAAW,CAAC;AACjE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,KAAK,kBAAkB,EAAqB,MAAM,YAAY,CAAC;AAGxE,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAIJ,eAAO,MAAM,UAAU,0CAA+C,eAAe,sBAqBpF,CAAC;AAEF,KAAK,uBAAuB,GAAG,eAAe,GAAG;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mEAO5B,kBAAkB,CAAC,uBAAuB,CAAC,sBAkB7C,CAAC"}

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

@@ -5,7 +5,7 @@ export declare const Clipboard: {
     }, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
     } & {
-        variant?: "default" | "primary" | "outline" | "ghost" | "destructive";
+        variant?: 'default' | 'primary' | 'outline' | 'ghost' | 'destructive' | 'valence';
         density?: import("@dxos/ui-types").Density;
         elevation?: import("@dxos/ui-types").Elevation;
         asChild?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/index.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;CAIrB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/index.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;IACpB,MAAM;IACN,UAAU;;;;;;;;;;;;;;IACV,QAAQ;CACT,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/types/src/{primitives → components}/Column/Column.d.ts

@@ -12,22 +12,22 @@ export declare const Column: {
         asChild?: boolean;
     }, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
-    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
     Row: React.ForwardRefExoticComponent<Omit<{
         asChild?: boolean;
     }, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
-    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
     Bleed: React.ForwardRefExoticComponent<Omit<{
         asChild?: boolean;
     }, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
-    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
     Center: React.ForwardRefExoticComponent<Omit<{
         asChild?: boolean;
     }, "className"> & {
         classNames?: import("@dxos/ui-types").ClassNameValue;
-    } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
 };
 export type { ColumnRootProps, ColumnRowProps, ColumnBleedProps, ColumnCenterProps };
 //# sourceMappingURL=Column.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../../../src/components/Column/Column.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAWrD,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAS5C,KAAK,eAAe,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAsD/C,KAAK,cAAc,GAAG,EAAE,CAAC;AA0BzB,KAAK,gBAAgB,GAAG,cAAc,CAAC;AA0BvC,KAAK,iBAAiB,GAAG,cAAc,CAAC;AAwBxC,eAAO,MAAM,MAAM;IACjB,IAAI;;;;;IACJ,GAAG;;;;;IACH,KAAK;;;;;IACL,MAAM;;;;;CACP,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Column.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Column/Column.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAmE1B,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;AAYjC,eAAO,MAAM,cAAc;IACzB,UAAU;IACV,MAAM;CAeP,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAiBrC,CAAC;AAEF,eAAO,MAAM,YAAY;IACvB,MAAM;CAcP,CAAC"}

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

@@ -0,0 +1,9 @@
+import { type ComponentFunction } from '@dxos/ui-types';
+export type ColumnStyleProps = {};
+export declare const columnTheme: {
+    root: ComponentFunction<ColumnStyleProps>;
+    row: ComponentFunction<ColumnStyleProps>;
+    bleed: ComponentFunction<ColumnStyleProps>;
+    center: ComponentFunction<ColumnStyleProps>;
+};
+//# sourceMappingURL=Column.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Column.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Column/Column.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAiClC,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC"}

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

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

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

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

package/dist/types/src/components/Column/withColumn.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Column-aware theme utilities.
+ * Components apply these in their theme functions to participate in the Column grid
+ * without importing Column React components.
+ *
+ * CSS custom property cascade:
+ * - Column.Root sets `--dx-col: 2 / span 1` (center column placement).
+ * - ScrollArea.Viewport resets `--dx-col: auto` after consuming `--gutter`.
+ * - Components apply `grid-column: var(--dx-col, auto)` to auto-center in Column
+ *   or do nothing outside Column / inside ScrollArea.
+ */
+export declare const withColumn: {
+    /** Centers element in the Column grid via --dx-col. No-op outside Column or inside ScrollArea. */
+    center: () => string;
+    /** Propagates the Column grid to children via subgrid. No-op outside Column.
+     *  Direct children default to center column unless they are a dx-container (ScrollArea). */
+    propagate: () => string;
+    /** Resets --dx-col after consuming --gutter. Applied by ScrollArea.Viewport. */
+    consumed: () => string;
+};
+//# sourceMappingURL=withColumn.d.ts.map

package/dist/types/src/components/Column/withColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/Column/withColumn.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU;IACrB,kGAAkG;IAClG,MAAM;IAEN;gGAC4F;IAC5F,SAAS;IAGT,gFAAgF;IAChF,QAAQ;CACT,CAAC"}

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

@@ -0,0 +1,72 @@
+import React, { type ComponentPropsWithoutRef, type PropsWithChildren, type ReactNode } from 'react';
+import { type ThemedClassName } from '../../util';
+import { type DateRange } from '../Calendar';
+import { Popover } from '../Popover';
+export type DatePickerMode = 'single' | 'range';
+type ValueByMode = {
+    single: Date | undefined;
+    range: DateRange | undefined;
+};
+type DatePickerContextValue = {
+    mode: DatePickerMode;
+    value: ValueByMode[DatePickerMode];
+    setValue: (next: ValueByMode[DatePickerMode]) => void;
+    withTime: boolean;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+};
+declare const useDatePickerContext: (consumerName: string) => DatePickerContextValue;
+export type DatePickerRootProps<M extends DatePickerMode = 'single'> = {
+    mode?: M;
+    value?: ValueByMode[M];
+    defaultValue?: ValueByMode[M];
+    onValueChange?: (value: ValueByMode[M]) => void;
+    /** Preserve hour/minute on the selected date(s) when picking a new day. */
+    withTime?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: ReactNode;
+};
+export type DatePickerTriggerProps = ThemedClassName<Omit<ComponentPropsWithoutRef<'button'>, 'children'>> & PropsWithChildren<{
+    format?: string;
+    placeholder?: string;
+    /** Show the leading calendar icon in the default trigger. Defaults to true. */
+    icon?: boolean;
+}>;
+export type DatePickerContentProps = ThemedClassName<ComponentPropsWithoutRef<typeof Popover.Content>>;
+declare function DatePickerCalendar({ classNames }?: {
+    classNames?: string;
+}): React.JSX.Element;
+declare namespace DatePickerCalendar {
+    var displayName: string;
+}
+export declare const DatePicker: {
+    Root: <M extends DatePickerMode = "single">({ mode, value, defaultValue, onValueChange, withTime, open, defaultOpen, onOpenChange, children, }: DatePickerRootProps<M>) => React.JSX.Element;
+    Trigger: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children">, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        format?: string;
+        placeholder?: string;
+        /** Show the leading calendar icon in the default trigger. Defaults to true. */
+        icon?: boolean;
+    } & {
+        children?: ReactNode | undefined;
+    } & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("..").PopoverContentTypeProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        forceMount?: boolean;
+    } & React.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Calendar: {
+        ({ classNames }?: {
+            classNames?: string;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+};
+export { useDatePickerContext };
+export type { ValueByMode };
+//# sourceMappingURL=DatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EACZ,KAAK,wBAAwB,EAC7B,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAWrC,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEhD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,IAAI,GAAG,SAAS,CAAC;IACzB,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;CAC9B,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IACnC,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACtD,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,QAAA,MAA2B,oBAAoB,kDAAuD,CAAC;AAMvG,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,cAAc,GAAG,QAAQ,IAAI;IACrE,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACvB,YAAY,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAChD,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AA6EF,MAAM,MAAM,sBAAsB,GAAG,eAAe,CAAC,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC,GACxG,iBAAiB,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC,CAAC;AAsCL,MAAM,MAAM,sBAAsB,GAAG,eAAe,CAAC,wBAAwB,CAAC,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;oCAiC3E,EAAE,UAAU,EAAE,GAAE;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAO;;;;AAkDxE,eAAO,MAAM,UAAU;IACrB,IAAI,GA3MkB,CAAC,SAAS,cAAc,iHAU7C,mBAAmB,CAAC,CAAC,CAAC;IAkMvB,OAAO;;;iBA/HI,MAAM;sBACD,MAAM;QACpB,+EAA+E;eACxE,OAAO;;;;IA6HhB,OAAO;;;;;;;IACP,QAAQ;0BAtDkC;YAAE,UAAU,CAAC,EAAE,MAAM,CAAA;SAAE;;;CAuDlE,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAEhC,YAAY,EAAE,WAAW,EAAE,CAAC"}

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

@@ -0,0 +1,10 @@
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+import { DatePicker } from './DatePicker';
+declare const meta: Meta<typeof DatePicker.Root>;
+export default meta;
+type Story = StoryObj;
+export declare const Single: Story;
+export declare const Range: Story;
+export declare const SingleWithTime: Story;
+export declare const RangeWithTime: Story;
+//# sourceMappingURL=DatePicker.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQjE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAU1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAAC,IAAI,CAItC,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,MAAM,EAAE,KAYpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAwB3B,CAAC"}

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

@@ -0,0 +1,6 @@
+import { type Theme } from '@dxos/ui-types';
+export type DatePickerStyleProps = Partial<{
+    hasValue: boolean;
+}>;
+export declare const datePickerTheme: Theme<DatePickerStyleProps>;
+//# sourceMappingURL=DatePicker.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/DatePicker.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEpE,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACzC,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAqBH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAIvD,CAAC"}

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

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

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

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