@devalok/shilp-sutra 0.31.0 → 0.32.0

package/dist/ui/segmented-control.d.ts

@@ -1,18 +1,7 @@
 "use client";
-import { default as React } from 'react';
-declare const segmentedControlItemVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-    variant?: "filled" | "tonal" | null | undefined;
-    selected?: boolean | null | undefined;
-    isHovered?: boolean | null | undefined;
-    isDisabled?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type SegmentedControlSize = 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'big';
-export type SegmentedControlVariant = 'filled' | 'tonal';
-/**
- * A single option in a `<SegmentedControl>`. The `id` must be unique across all options in
- * the same control — it is used as the selection key for `selectedId` and `onSelect`.
- */
+import * as React from 'react';
+export type SegmentedControlSize = 'sm' | 'md' | 'lg';
+export type SegmentedControlVariant = 'default' | 'accent';
 export interface SegmentedControlOption {
     id: string;
     text: string;
@@ -21,105 +10,14 @@ export interface SegmentedControlOption {
         className?: string;
     }>;
 }
-/**
- * Props for SegmentedControl — a pill-shaped tab-row for mutually exclusive option selection,
- * similar to a radio group but styled as a single connected control.
- *
- * **`size`:** `'sm'` | `'md'` (default) | `'lg'`. Legacy aliases `'small'` | `'medium'` | `'big'` are
- * also accepted for backward compatibility but prefer the canonical form.
- *
- * **`variant`:** `'tonal'` (default, subdued) | `'filled'` (vibrant brand color when selected).
- *
- * **Options:** Each option needs a unique `id`, a display `text`, and an optional `icon` component.
- *
- * **Controlled only:** `selectedId` + `onSelect` are required. There is no uncontrolled mode.
- *
- * @example
- * // View mode switcher (list vs grid vs board):
- * <SegmentedControl
- *   size="md"
- *   variant="tonal"
- *   options={[
- *     { id: 'list', text: 'List' },
- *     { id: 'grid', text: 'Grid' },
- *     { id: 'board', text: 'Board' },
- *   ]}
- *   selectedId={viewMode}
- *   onSelect={setViewMode}
- * />
- *
- * @example
- * // Time range selector with filled variant (more prominent):
- * <SegmentedControl
- *   size="sm"
- *   variant="filled"
- *   options={[
- *     { id: '7d', text: '7D' },
- *     { id: '30d', text: '30D' },
- *     { id: '90d', text: '90D' },
- *   ]}
- *   selectedId={range}
- *   onSelect={setRange}
- * />
- * // These are just a few ways — feel free to combine props creatively!
- */
 export interface SegmentedControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
-    size: SegmentedControlSize;
-    variant: SegmentedControlVariant;
+    size?: SegmentedControlSize;
+    variant?: SegmentedControlVariant;
     options: SegmentedControlOption[];
     selectedId: string;
     onSelect: (id: string) => void;
     disabled?: boolean;
-    className?: string;
 }
 declare const SegmentedControl: React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * Props for SegmentedControlItem — the individual button segment within a `<SegmentedControl>`.
- * Normally you don't use this directly; compose via `<SegmentedControl options={...} />` instead.
- * Use `SegmentedControlItem` directly only when building a fully custom segmented tab row.
- *
- * **Note:** `isFocused`, `onFocus`, and `onBlur` are managed by the parent `SegmentedControl`.
- * You must wire them yourself when using the item standalone.
- *
- * @example
- * // Standalone custom segmented row (without parent SegmentedControl):
- * const [view, setView] = useState<'list' | 'grid'>('list')
- * const [focused, setFocused] = useState<string | null>(null)
- *
- * <div role="tablist" className="inline-flex rounded-full border border-surface-border-strong bg-surface-raised">
- *   <SegmentedControlItem
- *     size="md" variant="tonal" text="List"
- *     isSelected={view === 'list'} isFocused={focused === 'list'}
- *     onClick={() => setView('list')}
- *     onFocus={() => setFocused('list')} onBlur={() => setFocused(null)}
- *   />
- *   <SegmentedControlItem
- *     size="md" variant="tonal" text="Grid" icon={IconLayoutGrid}
- *     isSelected={view === 'grid'} isFocused={focused === 'grid'}
- *     onClick={() => setView('grid')}
- *     onFocus={() => setFocused('grid')} onBlur={() => setFocused(null)}
- *   />
- * </div>
- *
- * // These are just a few ways — feel free to combine props creatively!
- */
-export interface SegmentedControlItemProps {
-    size: 'sm' | 'md' | 'lg';
-    variant: SegmentedControlVariant;
-    text: string;
-    /** Optional icon component rendered before the text label. */
-    icon?: React.ComponentType<{
-        className?: string;
-    }>;
-    isSelected: boolean;
-    onClick: () => void;
-    disabled?: boolean;
-    isFocused: boolean;
-    onFocus: () => void;
-    onBlur: () => void;
-    /** @internal Unique layout animation ID — provided by the parent SegmentedControl. */
-    layoutId?: string;
-}
-declare const SegmentedControlItem: React.ForwardRefExoticComponent<SegmentedControlItemProps & React.RefAttributes<HTMLButtonElement>>;
-export { SegmentedControl, SegmentedControlItem, segmentedControlItemVariants };
+export { SegmentedControl };
 //# sourceMappingURL=segmented-control.d.ts.map

package/dist/ui/segmented-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../src/ui/segmented-control.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkC,MAAM,OAAO,CAAA;AAQtD,QAAA,MAAM,4BAA4B;;;;;;8EAmGjC,CAAA;AAqBD,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAClF,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,OAAO,CAAA;AAExD;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,8DAA8D;IAC9D,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACnD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACnG,IAAI,EAAE,oBAAoB,CAAA;IAC1B,OAAO,EAAE,uBAAuB,CAAA;IAChC,OAAO,EAAE,sBAAsB,EAAE,CAAA;IACjC,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAGD,QAAA,MAAM,gBAAgB,8FA0FrB,CAAA;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACxB,OAAO,EAAE,uBAAuB,CAAA;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,8DAA8D;IAC9D,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAClD,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,oBAAoB,qGA6GzB,CAAA;AAGD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,4BAA4B,EAAE,CAAA"}
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../src/ui/segmented-control.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AACrD,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE1D,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,8DAA8D;IAC9D,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACnD;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACnG,IAAI,CAAC,EAAE,oBAAoB,CAAA;IAC3B,OAAO,CAAC,EAAE,uBAAuB,CAAA;IACjC,OAAO,EAAE,sBAAsB,EAAE,CAAA;IACjC,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AA4BD,QAAA,MAAM,gBAAgB,8FA+HrB,CAAA;AAKD,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/ui/segmented-control.js

@@ -1,301 +1,115 @@
 "use client";
-import { jsx as d, jsxs as z } from "react/jsx-runtime";
-import D, { useState as k, useRef as I, useEffect as S, useCallback as R, useId as E } from "react";
-import { a as H } from "../_chunks/vendor-utils.js";
-import { cn as w } from "./lib/utils.js";
-import { springs as L } from "./lib/motion.js";
-import { L as T, m as C, A } from "../_chunks/framer.js";
-function j(u = 600) {
-  const [v, l] = k([]), s = I(/* @__PURE__ */ new Set());
-  S(() => () => {
-    s.current.forEach(clearTimeout);
-  }, []);
-  const m = R((n) => {
-    const a = n.currentTarget.getBoundingClientRect(), t = Math.max(a.width, a.height) * 2, b = n.clientX - a.left - t / 2, o = n.clientY - a.top - t / 2, x = Date.now();
-    l((i) => [...i, { id: x, x: b, y: o, size: t }]);
-    const g = setTimeout(() => {
-      l((i) => i.filter((f) => f.id !== x)), s.current.delete(g);
-    }, u);
-    s.current.add(g);
-  }, [u]);
-  return { ripples: v, createRipple: m };
-}
-const B = H(
-  [
-    "inline-flex items-center gap-ds-03 rounded-ds-full border-none outline-none cursor-pointer",
-    "transition-[color,background-color,border-color,box-shadow] duration-moderate-02 ease-productive-standard",
-    "relative overflow-hidden",
-    "font-accent font-semibold leading-none text-center",
-    "bg-surface-overlay",
-    "first:rounded-tr-none first:rounded-br-none",
-    "last:rounded-tl-none last:rounded-bl-none"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "h-ds-sm-plus px-ds-05 py-ds-03 text-ds-sm",
-        md: "px-ds-02b py-ds-03 pl-ds-04 text-ds-md",
-        lg: "h-[56px] px-ds-06 py-ds-05 text-ds-md"
-      },
-      variant: {
-        filled: "text-accent-fg [text-shadow:0px_1px_1px_var(--color-text-shadow)]",
-        tonal: "text-surface-fg-subtle"
-      },
-      selected: {
-        true: "",
-        false: ""
-      },
-      isHovered: {
-        true: "",
-        false: ""
-      },
-      isDisabled: {
-        true: "cursor-not-allowed pointer-events-none border-none shadow-none [text-shadow:none]",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      // Selected + filled — bg/shadow handled by motion indicator
-      {
-        selected: !0,
-        variant: "filled",
-        className: ""
-      },
-      // Selected + tonal — bg handled by motion indicator
-      {
-        selected: !0,
-        variant: "tonal",
-        className: "text-surface-fg"
-      },
-      // Hover + filled
-      {
-        isHovered: !0,
-        variant: "filled",
-        className: [
-          "bg-accent-9",
-          "shadow-[0px_4px_8px_0px_var(--color-accent-10),0px_1px_3px_0.05px_var(--color-surface-raised),inset_0px_8px_16px_0px_var(--color-inset-glow-strong),inset_0px_2px_0px_0px_var(--color-inset-glow-subtle)]"
-        ].join(" ")
-      },
-      // Hover + tonal
-      {
-        isHovered: !0,
-        variant: "tonal",
-        className: "text-surface-fg"
-      },
-      // Disabled + filled
-      {
-        isDisabled: !0,
-        variant: "filled",
-        className: "text-surface-fg-subtle"
-      },
-      // Disabled + tonal
-      {
-        isDisabled: !0,
-        variant: "tonal",
-        className: "text-surface-fg-subtle"
-      },
-      // Filled + SVG icon fill
-      {
-        variant: "filled",
-        className: "[&_svg_path]:fill-accent-fg"
-      },
-      // Filled + disabled SVG icon fill
-      {
-        variant: "filled",
-        isDisabled: !0,
-        className: "[&_svg_path]:fill-disabled"
-      },
-      // Medium size last-child padding flip
-      {
-        size: "md",
-        className: "last:pl-ds-02b last:pr-ds-04"
-      }
-    ],
-    defaultVariants: {
-      size: "md",
-      variant: "tonal",
-      selected: !1,
-      isHovered: !1,
-      isDisabled: !1
-    }
-  }
-), F = {
-  filled: "bg-surface-overlay-light",
-  tonal: "bg-surface-overlay-dark"
-}, V = {
-  small: "sm",
-  medium: "md",
-  big: "lg"
-};
-function K(u) {
-  return V[u] ?? u;
-}
-const U = D.forwardRef(
+import { jsx as a, jsxs as S } from "react/jsx-runtime";
+import * as o from "react";
+import { cn as i } from "./lib/utils.js";
+import { L as k, m as I } from "../_chunks/framer.js";
+const C = {
+  sm: { button: "h-7 px-ds-04 text-ds-sm", icon: "h-3.5 w-3.5" },
+  md: { button: "h-8 px-ds-05 text-ds-md", icon: "h-4 w-4" },
+  lg: { button: "h-10 px-ds-06 text-ds-md", icon: "h-4 w-4" }
+}, D = {
+  default: "bg-surface-overlay shadow-sm",
+  accent: "bg-accent-9"
+}, N = {
+  default: "text-surface-fg",
+  accent: "text-accent-fg"
+}, R = { type: "spring", stiffness: 400, damping: 30 }, z = o.forwardRef(
   function({
-    size: v,
-    variant: l,
+    size: g = "md",
+    variant: l = "default",
     options: s,
-    selectedId: m,
-    onSelect: n,
-    disabled: a = !1,
-    className: t = "",
-    ...b
-  }, o) {
-    const x = K(v), g = E(), [i, f] = k(null), h = I(null), y = D.useCallback((e) => {
-      h.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
-    }, [o]), N = (e) => {
-      if (a) return;
-      const p = s.findIndex((r) => r.id === i);
-      let c = p;
+    selectedId: d,
+    onSelect: u,
+    disabled: c = !1,
+    className: x,
+    ...f
+  }, r) {
+    const p = o.useId(), m = o.useRef(null), h = o.useCallback(
+      (e) => {
+        m.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
+      },
+      [r]
+    ), v = (e) => {
+      if (c) return;
+      const t = s.findIndex((b) => b.id === d);
+      let n = t;
       switch (e.key) {
         case "ArrowLeft":
-          e.preventDefault(), c = p > 0 ? p - 1 : s.length - 1;
+          e.preventDefault(), n = t > 0 ? t - 1 : s.length - 1;
           break;
         case "ArrowRight":
-          e.preventDefault(), c = p < s.length - 1 ? p + 1 : 0;
+          e.preventDefault(), n = t < s.length - 1 ? t + 1 : 0;
           break;
         case "Home":
-          e.preventDefault(), c = 0;
+          e.preventDefault(), n = 0;
           break;
         case "End":
-          e.preventDefault(), c = s.length - 1;
+          e.preventDefault(), n = s.length - 1;
           break;
         default:
           return;
       }
-      const _ = s[c];
-      f(_.id), n(_.id);
-    };
-    return /* @__PURE__ */ d(
+      u(s[n].id), requestAnimationFrame(() => {
+        m.current?.querySelectorAll('[role="tab"]')?.[n]?.focus();
+      });
+    }, { button: y, icon: w } = C[g];
+    return /* @__PURE__ */ a(
       "div",
       {
-        ref: y,
-        className: w(
-          "inline-flex gap-0 p-0 rounded-ds-full",
-          "bg-surface-raised shadow-inset",
-          "border border-solid border-surface-border-strong",
-          t
-        ),
+        ref: h,
         role: "tablist",
-        onKeyDown: N,
         tabIndex: -1,
-        "aria-label": "Segmented control options",
-        ...b,
-        children: /* @__PURE__ */ d(T, { children: s.map((e) => /* @__PURE__ */ d(
-          M,
-          {
-            size: x,
-            variant: l,
-            text: e.text,
-            icon: e.icon,
-            isSelected: e.id === m,
-            onClick: () => n(e.id),
-            disabled: a,
-            isFocused: e.id === i,
-            onFocus: () => f(e.id),
-            onBlur: () => f(null),
-            layoutId: `${g}-segment-indicator`
-          },
-          e.id
-        )) })
-      }
-    );
-  }
-);
-U.displayName = "SegmentedControl";
-const M = D.forwardRef(
-  function({
-    size: v,
-    variant: l,
-    text: s,
-    icon: m,
-    isSelected: n,
-    onClick: a,
-    disabled: t = !1,
-    isFocused: b,
-    onFocus: o,
-    onBlur: x,
-    layoutId: g = "segment-indicator"
-  }, i) {
-    const [f, h] = k("default"), { ripples: y, createRipple: N } = j(), e = () => {
-      !t && !b && h("hover");
-    }, p = () => {
-      t || h("default");
-    }, c = () => {
-      t || h("pressed");
-    }, _ = () => {
-      t || h("hover");
-    };
-    return /* @__PURE__ */ z(
-      "button",
-      {
-        ref: i,
-        className: w(
-          B({
-            size: v,
-            variant: l,
-            selected: n,
-            isHovered: f === "hover",
-            isDisabled: t
-          })
+        "aria-label": f["aria-label"] ?? "Segmented control",
+        onKeyDown: v,
+        className: i(
+          "inline-flex p-[3px] rounded-ds-lg",
+          "bg-surface-raised-hover border border-surface-border-subtle shadow-inset",
+          c && "opacity-action-disabled pointer-events-none",
+          x
         ),
-        onClick: (r) => {
-          N(r), a();
-        },
-        disabled: t,
-        type: "button",
-        role: "tab",
-        "aria-selected": n,
-        "aria-disabled": t,
-        onMouseEnter: e,
-        onMouseLeave: p,
-        onMouseDown: c,
-        onMouseUp: _,
-        onTouchStart: c,
-        onTouchEnd: _,
-        onFocus: o,
-        onBlur: x,
-        children: [
-          n && /* @__PURE__ */ d(
-            C.span,
-            {
-              layoutId: g,
-              className: w(
-                "absolute inset-0 rounded-ds-full pointer-events-none",
-                l === "filled" ? "bg-accent-9 shadow-[0px_1px_3px_0.05px_var(--color-accent-10),inset_0px_8px_16px_0px_var(--color-inset-glow-strong),inset_0px_2px_0px_0px_var(--color-inset-glow-subtle)]" : "bg-surface-raised-hover"
-              ),
-              transition: L.smooth
-            }
-          ),
-          /* @__PURE__ */ d(A, { children: y.map((r) => /* @__PURE__ */ d(
-            C.span,
+        ...f,
+        children: /* @__PURE__ */ a(k, { id: p, children: s.map((e) => {
+          const t = e.id === d, n = e.icon;
+          return /* @__PURE__ */ S(
+            "button",
             {
-              className: w(
-                "absolute rounded-ds-full -translate-x-1/2 -translate-y-1/2 pointer-events-none",
-                F[l]
+              type: "button",
+              role: "tab",
+              "aria-selected": t,
+              tabIndex: t ? 0 : -1,
+              disabled: c,
+              onClick: () => u(e.id),
+              className: i(
+                "relative inline-flex items-center justify-center gap-ds-02 rounded-ds-md",
+                "font-medium transition-colors duration-fast-02 ease-productive-standard",
+                "outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
+                y,
+                t ? N[l] : "text-surface-fg-muted hover:text-surface-fg"
               ),
-              style: {
-                left: r.x,
-                top: r.y,
-                width: r.size,
-                height: r.size
-              },
-              initial: { scale: 0, opacity: 1 },
-              animate: { scale: 4, opacity: 0 },
-              transition: { duration: 0.6 }
+              children: [
+                t && /* @__PURE__ */ a(
+                  I.span,
+                  {
+                    layoutId: "segment-pill",
+                    className: i(
+                      "absolute inset-0 rounded-ds-md pointer-events-none",
+                      D[l]
+                    ),
+                    transition: R
+                  }
+                ),
+                n && /* @__PURE__ */ a(n, { className: i("relative z-[1] shrink-0", w) }),
+                /* @__PURE__ */ a("span", { className: "relative z-[1]", children: e.text })
+              ]
             },
-            r.id
-          )) }),
-          m && /* @__PURE__ */ d(m, { className: "relative z-[1] h-ico-sm w-ico-sm shrink-0" }),
-          /* @__PURE__ */ d("span", { className: "relative z-[1] font-accent leading-none", children: s })
-        ]
+            e.id
+          );
+        }) })
       }
     );
   }
 );
-M.displayName = "SegmentedControlItem";
+z.displayName = "SegmentedControl";
 export {
-  U as SegmentedControl,
-  M as SegmentedControlItem,
-  B as segmentedControlItemVariants
+  z as SegmentedControl
 };

package/dist/ui/select.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import * as o from "react";
-import { ap as n, aq as N, ar as m, as as p, at as S, au as f, av as I, aw as u, ax as b, ay as R, az as z, aA as g, aB as C, aC as j, aD as B } from "../_chunks/primitives.js";
-import { IconChevronDown as h, IconChevronUp as V, IconCheck as D } from "@tabler/icons-react";
-import { a as T } from "../_chunks/vendor-utils.js";
+import { ao as n, ap as N, aq as m, ar as p, as as S, at as f, au as I, av as u, aw as b, ax as R, ay as z, az as g, aA as C, aB as j, aC as B } from "../_chunks/primitives.js";
+import { IconChevronDown as h, IconChevronUp as V, IconCheck as T } from "@tabler/icons-react";
+import { a as D } from "../_chunks/vendor-utils.js";
 import { cn as t } from "./lib/utils.js";
 import { tweens as U, springs as G } from "./lib/motion.js";
 import { Icon as i } from "./icon.js";
 import { m as L } from "../_chunks/framer.js";
-const X = C, Y = B, Z = j, k = T(
+const X = C, Y = B, Z = j, k = D(
   "flex w-full items-center justify-between whitespace-nowrap rounded-ds-md placeholder:text-surface-fg-subtle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-action-disabled [&>span]:line-clamp-1",
   {
     variants: {
@@ -128,7 +128,7 @@ const $ = o.forwardRef(({ className: s, children: r, ...a }, d) => /* @__PURE__
     ),
     ...a,
     children: [
-      /* @__PURE__ */ e("span", { className: "absolute right-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(i, { icon: D, size: "sm" }) }) }),
+      /* @__PURE__ */ e("span", { className: "absolute right-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(i, { icon: T, size: "sm" }) }) }),
       /* @__PURE__ */ e(z, { children: r })
     ]
   }

package/dist/ui/separator.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx as g } from "react/jsx-runtime";
-import * as d from "react";
-import { aj as e } from "../_chunks/primitives.js";
-import { cn as i } from "./lib/utils.js";
-const l = d.forwardRef(
+import * as i from "react";
+import { ai as e } from "../_chunks/primitives.js";
+import { cn as d } from "./lib/utils.js";
+const l = i.forwardRef(
   ({ className: t, orientation: a = "horizontal", decorative: o = !0, variant: r = "default", ...n }, s) => /* @__PURE__ */ g(
     e,
     {
       ref: s,
       decorative: o,
       orientation: a,
-      className: i(
+      className: d(
         "shrink-0",
         r === "gradient" ? "bg-transparent bg-[image:linear-gradient(90deg,transparent,var(--color-surface-border)_15%,var(--color-surface-border)_85%,transparent)]" : r === "gradient-left" ? "bg-transparent bg-[image:linear-gradient(90deg,transparent,var(--color-surface-border)_30%)]" : r === "gradient-right" ? "bg-transparent bg-[image:linear-gradient(90deg,var(--color-surface-border)_70%,transparent)]" : "bg-surface-border",
         a === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",

package/dist/ui/sheet.d.ts

@@ -93,6 +93,8 @@ declare const sheetVariants: (props?: ({
  * // These are just a few ways — feel free to combine props creatively!
  */
 export interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+    /** When true (default), Sheet slides from bottom on mobile with swipe-to-dismiss. */
+    responsive?: boolean;
 }
 declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const SheetHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/ui/sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../src/ui/sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAYjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CA0B/E,CAAA;AAGD,QAAA,MAAM,YAAY,6GAAyB,CAAA;AAE3C,QAAA,MAAM,UAAU,2GAAuB,CAAA;AAEvC,QAAA,MAAM,WAAW,4CAAwB,CAAA;AAEzC,QAAA,MAAM,YAAY,6JAehB,CAAA;AAmBF,QAAA,MAAM,aAAa;;8EAelB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EACnE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,QAAA,MAAM,YAAY,0FAgChB,CAAA;AAGF,QAAA,MAAM,WAAW,6GAWhB,CAAA;AAGD,QAAA,MAAM,WAAW,6GAWhB,CAAA;AAGD,QAAA,MAAM,UAAU,mKASd,CAAA;AAGF,QAAA,MAAM,gBAAgB,6KASpB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,CAAA"}
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../src/ui/sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAajE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CA+B/E,CAAA;AAGD,QAAA,MAAM,YAAY,6GAAyB,CAAA;AAE3C,QAAA,MAAM,UAAU,2GAAuB,CAAA;AAEvC,QAAA,MAAM,WAAW,4CAAwB,CAAA;AAEzC,QAAA,MAAM,YAAY,6JAehB,CAAA;AAmBF,QAAA,MAAM,aAAa;;8EAelB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EACnE,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,qFAAqF;IACrF,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,YAAY,0FAmEhB,CAAA;AAGF,QAAA,MAAM,WAAW,6GAWhB,CAAA;AAGD,QAAA,MAAM,WAAW,6GAWhB,CAAA;AAGD,QAAA,MAAM,UAAU,mKASd,CAAA;AAGF,QAAA,MAAM,gBAAgB,6KASpB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,CAAA"}