@dynamic-labs-sdk/droplet 1.13.0 → 1.16.1

package/dist/components/ui/toggle-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toggle-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAC7D,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/components/ui/toggle-group/toggle-group.d.ts

@@ -0,0 +1,62 @@
+import { type ComponentProps } from 'react';
+/** Props for a single-select ToggleGroup. */
+type ToggleGroupSingleProps = {
+    /** Fired when the selected value changes. */
+    onValueChange: (value: string) => void;
+    type: 'single';
+    /** The currently selected value. */
+    value: string;
+};
+/** Props for a multi-select ToggleGroup. */
+type ToggleGroupMultipleProps = {
+    /** Fired when the selected values change. */
+    onValueChange: (value: string[]) => void;
+    type: 'multiple';
+    /** The currently selected values. */
+    value: string[];
+};
+type ToggleGroupBaseProps = {
+    children?: React.ReactNode;
+    className?: string;
+    /** Disables all items in the group. */
+    disabled?: boolean;
+};
+/** Combined props for ToggleGroup. */
+type ToggleGroupProps = ToggleGroupBaseProps & (ToggleGroupSingleProps | ToggleGroupMultipleProps);
+/** Props for ToggleGroupItem. */
+type ToggleGroupItemProps = ComponentProps<'button'> & {
+    /** Overrides the group-level disabled state for this item. */
+    disabled?: boolean;
+    /** The value this item represents. Must match a value in the parent group. */
+    value: string;
+};
+/**
+ * Segmented control container that manages single or multiple selection.
+ * Renders a rounded pill-track styled with the muted background token.
+ * Provides context and implements roving keyboard navigation across items.
+ *
+ * @example
+ * // Single selection
+ * <ToggleGroup type="single" value={view} onValueChange={setView}>
+ *   <ToggleGroupItem value="day">Day</ToggleGroupItem>
+ *   <ToggleGroupItem value="week">Week</ToggleGroupItem>
+ * </ToggleGroup>
+ *
+ * @example
+ * // Multiple selection
+ * <ToggleGroup type="multiple" value={formats} onValueChange={setFormats}>
+ *   <ToggleGroupItem value="bold">B</ToggleGroupItem>
+ *   <ToggleGroupItem value="italic">I</ToggleGroupItem>
+ * </ToggleGroup>
+ */
+declare const ToggleGroup: ({ type, value, onValueChange, disabled, className, children, ...props }: ToggleGroupProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * An individual button within a ToggleGroup.
+ * Reads context to determine selection state and fires the appropriate
+ * onValueChange callback on click. Mirrors the elevated/pill styling of
+ * the active tab trigger (bg-background + shadow) when selected.
+ */
+declare const ToggleGroupItem: ({ value, disabled, className, children, onClick, ...props }: ToggleGroupItemProps) => import("react/jsx-runtime").JSX.Element;
+export { ToggleGroup, ToggleGroupItem };
+export type { ToggleGroupProps, ToggleGroupItemProps };
+//# sourceMappingURL=toggle-group.d.ts.map

package/dist/components/ui/toggle-group/toggle-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toggle-group/toggle-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAQpB,MAAM,OAAO,CAAA;AA2Cd,6CAA6C;AAC7C,KAAK,sBAAsB,GAAG;IAC5B,6CAA6C;IAC7C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,IAAI,EAAE,QAAQ,CAAC;IACf,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,4CAA4C;AAC5C,KAAK,wBAAwB,GAAG;IAC9B,6CAA6C;IAC7C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,IAAI,EAAE,UAAU,CAAC;IACjB,qCAAqC;IACrC,KAAK,EAAE,MAAM,EAAE,CAAA;CAChB,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,sCAAsC;AACtC,KAAK,gBAAgB,GAAG,oBAAoB,GAC1C,CAAC,sBAAsB,GAAG,wBAAwB,CAAC,CAAA;AAErD,iCAAiC;AACjC,KAAK,oBAAoB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACrD,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAMD;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,WAAW,4EAQd,gBAAgB,4CA8ElB,CAAA;AAMD;;;;;GAKG;AACH,QAAA,MAAM,eAAe,gEAOlB,oBAAoB,4CA0FtB,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAA;AACvC,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/components/ui/toggle-group/toggle-group.stories.d.ts

@@ -0,0 +1,20 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    args: {
+        onValueChange: () => void;
+        type: "single";
+        value: string;
+    };
+    component: ({ type, value, onValueChange, disabled, className, children, ...props }: import("./toggle-group").ToggleGroupProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Single: Story;
+export declare const Multiple: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=toggle-group.stories.d.ts.map

package/dist/components/ui/toggle-group/toggle-group.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toggle-group/toggle-group.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAK3D,QAAA,MAAM,IAAI;;;;;;;;;;;;CAO0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAMlC,eAAO,MAAM,MAAM,EAAE,KAYpB,CAAA;AAMD,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAA;AAMD,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA"}

package/dist/components/ui/tray/renderTrayLayout.d.ts

@@ -0,0 +1,37 @@
+import { type ReactElement, type ReactNode } from 'react';
+import { type TrayEdge, type TrayPreference } from './resolveTrayLayout';
+export type RenderTrayLayoutParams = {
+    /** The container's children (header / body / footer slots in any order). */
+    children: ReactNode;
+    /** Identifies the footer slot element. */
+    isFooter: (el: ReactElement) => boolean;
+    /** Identifies the header slot element (e.g. `(el) => el.type === DialogHeader`). */
+    isHeader: (el: ReactElement) => boolean;
+    /** Extra classes merged onto the white shelf wrapper. */
+    shelfClassName?: string;
+    /** Override the footer-priority convention. Defaults to `auto`. */
+    tray?: TrayPreference;
+};
+export type RenderedTrayLayout = {
+    /** The inner JSX (tray slot + wrapped shelf), ready to render inside the shell. */
+    content: ReactNode;
+    /** The resolved tray edge — spread onto the container root as `data-tray`. */
+    edge: TrayEdge;
+    /** Layout/surface classes for the container shell — merge onto the container root. */
+    shellClassName: string;
+};
+/**
+ * Builds the shared droplet "tray" markup for a container (Dialog/Card/AlertDialog/…).
+ *
+ * Centralizes BOTH the convention (via {@link resolveTrayLayout}) and the render —
+ * the muted shell classes + the raised white shelf wrapper + the tray-slot
+ * placement — so every container (and new ones like Table/CodeBlock) shares one
+ * implementation and can't drift. Each container keeps its own root element
+ * (portal, animations, `shadow-elevated` vs `shadow-card`) and just merges
+ * `shellClassName` + renders `content`.
+ *
+ * Note: this composes the tray treatment; it does **not** make any container
+ * depend on `Card`. Containers stay independent primitives sharing a treatment.
+ */
+export declare const renderTrayLayout: ({ children, isHeader, isFooter, tray, shelfClassName, }: RenderTrayLayoutParams) => RenderedTrayLayout;
+//# sourceMappingURL=renderTrayLayout.d.ts.map

package/dist/components/ui/tray/renderTrayLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderTrayLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tray/renderTrayLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,cAAc,EAEpB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,MAAM,sBAAsB,GAAG;IACnC,4EAA4E;IAC5E,QAAQ,EAAE,SAAS,CAAC;IACpB,0CAA0C;IAC1C,QAAQ,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,OAAO,CAAC;IACxC,oFAAoF;IACpF,QAAQ,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,OAAO,CAAC;IACxC,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mEAAmE;IACnE,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,mFAAmF;IACnF,OAAO,EAAE,SAAS,CAAC;IACnB,8EAA8E;IAC9E,IAAI,EAAE,QAAQ,CAAC;IACf,sFAAsF;IACtF,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,gBAAgB,4DAM1B,sBAAsB,KAAG,kBAsC3B,CAAC"}

package/dist/components/ui/tray/resolveTrayLayout.d.ts

@@ -0,0 +1,35 @@
+import { type ReactElement, type ReactNode } from 'react';
+/** Which chrome edge carries the muted tray, or `none` for a flat container. */
+export type TrayEdge = 'header' | 'footer' | 'none';
+/** Consumer-facing override; `auto` applies the footer-priority convention. */
+export type TrayPreference = 'auto' | TrayEdge;
+export type ResolveTrayLayoutParams = {
+    /** The container's children (header / body / footer slots in any order). */
+    children: ReactNode;
+    /** Identifies the footer slot element. */
+    isFooter: (el: ReactElement) => boolean;
+    /** Identifies the header slot element (e.g. `(el) => el.type === DialogHeader`). */
+    isHeader: (el: ReactElement) => boolean;
+    /** Override the auto convention. Defaults to `auto`. */
+    tray?: TrayPreference;
+};
+export type ResolvedTrayLayout = {
+    /** The resolved tray edge after applying the convention/override. */
+    edge: TrayEdge;
+    /** Children that belong to the raised white shelf (everything except the tray slot). */
+    shelf: ReactNode[];
+    /** The slot rendered on the muted tray, or `undefined` when `edge === 'none'`. */
+    trayChild: ReactNode;
+};
+/**
+ * Resolves the droplet "tray" layout for a container (Dialog/Card/Sheet/AlertDialog).
+ *
+ * Convention (footer-priority): a container gets exactly one muted tray — the
+ * **footer** when actions are present, otherwise the **header** (e.g. Table/CodeBlock).
+ * The non-tray slots form the raised white shelf. Pass an explicit `tray` to override.
+ *
+ * Returns the partitioned pieces so each container can assemble its own shell +
+ * shelf markup with the shared `--tray-*` tokens.
+ */
+export declare const resolveTrayLayout: ({ children, isHeader, isFooter, tray, }: ResolveTrayLayoutParams) => ResolvedTrayLayout;
+//# sourceMappingURL=resolveTrayLayout.d.ts.map

package/dist/components/ui/tray/resolveTrayLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveTrayLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tray/resolveTrayLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAEf,gFAAgF;AAChF,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEpD,+EAA+E;AAC/E,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE/C,MAAM,MAAM,uBAAuB,GAAG;IACpC,4EAA4E;IAC5E,QAAQ,EAAE,SAAS,CAAC;IACpB,0CAA0C;IAC1C,QAAQ,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,OAAO,CAAC;IACxC,oFAAoF;IACpF,QAAQ,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,OAAO,CAAC;IACxC,wDAAwD;IACxD,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,qEAAqE;IACrE,IAAI,EAAE,QAAQ,CAAC;IACf,wFAAwF;IACxF,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,kFAAkF;IAClF,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,4CAK3B,uBAAuB,KAAG,kBAmC5B,CAAC"}

package/dist/components/ui/well/well-reveal.stories.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    args: {
+        children: null;
+        open: false;
+    };
+    component: ({ children, className, open, }: {
+        children: React.ReactNode;
+        className?: string;
+        open: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        layout: string;
+    };
+    tags: string[];
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=well-reveal.stories.d.ts.map

package/dist/components/ui/well/well-reveal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"well-reveal.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/well/well-reveal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,QAAA,MAAM,IAAI;;;;;;;iBAiBM,CAAC;;;;;;;;;;;;;CAEkB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAkDrB,CAAC"}

package/dist/components/ui/well/well.d.ts

@@ -1,8 +1,8 @@
 import { type ComponentProps, type ReactNode } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const wellVariants: (props?: ({
-    gap?: "default" | "lg" | "sm" | "none" | null | undefined;
-    spacing?: "default" | "lg" | "sm" | "none" | null | undefined;
+    gap?: "lg" | "sm" | "none" | "default" | null | undefined;
+    spacing?: "lg" | "sm" | "none" | "default" | null | undefined;
     variant?: "default" | "outline" | "inset" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const Well: ({ className, gap, spacing, variant, ...props }: ComponentProps<"div"> & VariantProps<typeof wellVariants>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/well/well.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"well.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/well/well.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,YAAY;;;;8EAyBhB,CAAC;AAEH,QAAA,MAAM,IAAI,mDAMP,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,4CAO3D,CAAC;AAEF,QAAA,MAAM,UAAU,mCAIb;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;CACf,4CAiBA,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"well.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/well/well.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,YAAY;;;;8EAyBhB,CAAC;AAEH,QAAA,MAAM,IAAI,mDAMP,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,4CAO3D,CAAC;AAEF,QAAA,MAAM,UAAU,mCAIb;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;CACf,4CAmBA,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/ui/well/well.stories.d.ts

@@ -21,8 +21,8 @@ declare const meta: {
         };
     };
     component: ({ className, gap, spacing, variant, ...props }: React.ComponentProps<"div"> & import("class-variance-authority").VariantProps<(props?: ({
-        gap?: "default" | "lg" | "sm" | "none" | null | undefined;
-        spacing?: "default" | "lg" | "sm" | "none" | null | undefined;
+        gap?: "lg" | "sm" | "none" | "default" | null | undefined;
+        spacing?: "lg" | "sm" | "none" | "default" | null | undefined;
         variant?: "default" | "outline" | "inset" | null | undefined;
     } & import("class-variance-authority/types").ClassProp) | undefined) => string>) => import("react/jsx-runtime").JSX.Element;
     parameters: {