@devalok/shilp-sutra 0.27.2 → 0.29.0

package/dist/ui/alert-dialog.js

@@ -1,41 +1,41 @@
 "use client";
-import { jsx as s, jsxs as h } from "react/jsx-runtime";
+import { jsx as s, jsxs as w } from "react/jsx-runtime";
 import * as o from "react";
-import { O as p, v as R, w as u, x as g, D as y, A as x, y as b, z as C, B as j } from "../_chunks/primitives.js";
+import { O as p, P as C, a as g, b as u, D as y, A as x, c as b, d as R, e as O } from "../_chunks/primitives.js";
 import { cn as i } from "./lib/utils.js";
-import { tweens as f, springs as M } from "./lib/motion.js";
-import { A as T, m } from "../_chunks/framer.js";
-const v = o.createContext({ open: !1 }), z = () => o.useContext(v), P = ({
-  open: t,
+import { tweens as f, springs as j } from "./lib/motion.js";
+import { A as M, m } from "../_chunks/framer.js";
+const v = o.createContext({ open: !1 }), P = () => o.useContext(v), T = ({
+  open: e,
   defaultOpen: a,
-  onOpenChange: e,
+  onOpenChange: t,
   ...r
 }) => {
-  const [l, A] = o.useState(a ?? !1), n = t !== void 0, d = n ? t : l, D = o.useCallback(
+  const [l, A] = o.useState(a ?? !1), n = e !== void 0, d = n ? e : l, D = o.useCallback(
     (c) => {
-      n || A(c), e == null || e(c);
+      n || A(c), t?.(c);
     },
-    [n, e]
-  ), w = o.useMemo(() => ({ open: d }), [d]);
-  return /* @__PURE__ */ s(v.Provider, { value: w, children: /* @__PURE__ */ s(C, { open: d, onOpenChange: D, ...r }) });
+    [n, t]
+  ), h = o.useMemo(() => ({ open: d }), [d]);
+  return /* @__PURE__ */ s(v.Provider, { value: h, children: /* @__PURE__ */ s(R, { open: d, onOpenChange: D, ...r }) });
 };
-P.displayName = "AlertDialog";
-const L = j, F = R, N = o.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s(
+T.displayName = "AlertDialog";
+const L = O, z = C, N = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ s(
   p,
   {
-    ref: e,
+    ref: t,
     forceMount: !0,
     className: i(
       "fixed inset-0 z-modal bg-overlay",
-      t
+      e
     ),
     ...a
   }
 ));
 N.displayName = p.displayName;
-const H = o.forwardRef(({ className: t, children: a, ...e }, r) => {
-  const { open: l } = z();
-  return /* @__PURE__ */ s(T, { children: l && /* @__PURE__ */ h(F, { forceMount: !0, children: [
+const F = o.forwardRef(({ className: e, children: a, ...t }, r) => {
+  const { open: l } = P();
+  return /* @__PURE__ */ s(M, { children: l && /* @__PURE__ */ w(z, { forceMount: !0, children: [
     /* @__PURE__ */ s(N, { asChild: !0, children: /* @__PURE__ */ s(
       m.div,
       {
@@ -46,22 +46,22 @@ const H = o.forwardRef(({ className: t, children: a, ...e }, r) => {
       }
     ) }),
     /* @__PURE__ */ s(
-      u,
+      g,
       {
         ref: r,
         forceMount: !0,
         asChild: !0,
-        ...e,
+        ...t,
         children: /* @__PURE__ */ s(
           m.div,
           {
             initial: { opacity: 0, scale: 0.95, x: "-50%", y: "-50%" },
             animate: { opacity: 1, scale: 1, x: "-50%", y: "-50%" },
             exit: { opacity: 0, scale: 0.95, x: "-50%", y: "-50%" },
-            transition: { ...M.smooth, opacity: f.fade },
+            transition: { ...j.smooth, opacity: f.fade },
             className: i(
               "fixed left-[50%] top-[50%] z-modal grid w-full max-w-lg gap-ds-05 border border-surface-border-strong bg-surface-overlay p-ds-06 shadow-overlay rounded-ds-xl",
-              t
+              e
             ),
             children: a
           }
@@ -70,90 +70,90 @@ const H = o.forwardRef(({ className: t, children: a, ...e }, r) => {
     )
   ] }) });
 });
-H.displayName = u.displayName;
-const O = o.forwardRef(
-  ({ className: t, ...a }, e) => /* @__PURE__ */ s(
+F.displayName = g.displayName;
+const H = o.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ s(
     "div",
     {
-      ref: e,
+      ref: t,
       className: i(
         "flex flex-col space-y-ds-02b text-center sm:text-left",
-        t
+        e
       ),
       ...a
     }
   )
 );
-O.displayName = "AlertDialogHeader";
+H.displayName = "AlertDialogHeader";
 const k = o.forwardRef(
-  ({ className: t, ...a }, e) => /* @__PURE__ */ s(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ s(
     "div",
     {
-      ref: e,
+      ref: t,
       className: i(
         "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03",
-        t
+        e
       ),
       ...a
     }
   )
 );
 k.displayName = "AlertDialogFooter";
-const B = o.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s(
-  g,
+const I = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ s(
+  u,
   {
-    ref: e,
+    ref: t,
     className: i(
       "text-ds-lg font-semibold",
-      t
+      e
     ),
     ...a
   }
 ));
-B.displayName = g.displayName;
-const I = o.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s(
+I.displayName = u.displayName;
+const S = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ s(
   y,
   {
-    ref: e,
-    className: i("text-ds-md text-surface-fg-muted", t),
+    ref: t,
+    className: i("text-ds-md text-surface-fg-muted", e),
     ...a
   }
 ));
-I.displayName = y.displayName;
-const S = o.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s(
+S.displayName = y.displayName;
+const V = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ s(
   x,
   {
-    ref: e,
+    ref: t,
     className: i(
       "inline-flex h-ds-md items-center justify-center rounded-ds-md px-ds-05 text-ds-md font-semibold transition-colors bg-accent-9 text-accent-fg hover:bg-accent-10 active:bg-accent-10 shadow-raised focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled",
-      t
+      e
     ),
     ...a
   }
 ));
-S.displayName = x.displayName;
-const V = o.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ s(
+V.displayName = x.displayName;
+const q = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ s(
   b,
   {
-    ref: e,
+    ref: t,
     className: i(
       "inline-flex h-ds-md items-center justify-center rounded-ds-md px-ds-05 text-ds-md font-semibold transition-colors bg-transparent text-surface-fg-muted border border-surface-border-strong hover:bg-surface-raised hover:text-surface-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled",
-      t
+      e
     ),
     ...a
   }
 ));
-V.displayName = b.displayName;
+q.displayName = b.displayName;
 export {
-  P as AlertDialog,
-  S as AlertDialogAction,
-  V as AlertDialogCancel,
-  H as AlertDialogContent,
-  I as AlertDialogDescription,
+  T as AlertDialog,
+  V as AlertDialogAction,
+  q as AlertDialogCancel,
+  F as AlertDialogContent,
+  S as AlertDialogDescription,
   k as AlertDialogFooter,
-  O as AlertDialogHeader,
+  H as AlertDialogHeader,
   N as AlertDialogOverlay,
-  F as AlertDialogPortal,
-  B as AlertDialogTitle,
+  z as AlertDialogPortal,
+  I as AlertDialogTitle,
   L as AlertDialogTrigger
 };

package/dist/ui/alert.d.ts

@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const alertVariants: (props?: ({
     variant?: "outline" | "filled" | "subtle" | null | undefined;
-    color?: "error" | "info" | "success" | "warning" | "neutral" | null | undefined;
+    color?: "success" | "error" | "info" | "warning" | "neutral" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * Props for Alert — an inline message block with a colored icon, optional title, optional body,

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

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/ui/alert.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,aAAa;;;8EAuClB,CAAA;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,mFA0CV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/ui/alert.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,aAAa;;;8EAuClB,CAAA;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,mFA0CV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/ui/alert.js

@@ -1,12 +1,13 @@
 "use client";
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { IconInfoCircle as o, IconAlertCircle as v, IconAlertTriangle as x, IconCircleCheck as p, IconX as N } from "@tabler/icons-react";
+import { IconInfoCircle as o, IconAlertCircle as x, IconAlertTriangle as p, IconCircleCheck as N, IconX as h } from "@tabler/icons-react";
 import * as r from "react";
-import { c as h } from "../_chunks/vendor-utils.js";
-import { cn as w } from "./lib/utils.js";
-import { springs as y, motionProps as I } from "./lib/motion.js";
-import { A as C, m as A } from "../_chunks/framer.js";
-const k = h(
+import { a as w } from "../_chunks/vendor-utils.js";
+import { cn as y } from "./lib/utils.js";
+import { springs as I, motionProps as A } from "./lib/motion.js";
+import { Icon as c } from "./icon.js";
+import { A as C, m as k } from "../_chunks/framer.js";
+const V = w(
   "relative flex gap-ds-04 rounded-ds-lg border p-ds-05",
   {
     variants: {
@@ -45,42 +46,42 @@ const k = h(
     ],
     defaultVariants: { variant: "subtle", color: "info" }
   }
-), V = {
+), j = {
   info: o,
-  success: p,
-  warning: x,
-  error: v,
+  success: N,
+  warning: p,
+  error: x,
   neutral: o
-}, j = r.forwardRef(
-  ({ className: c, variant: i = "subtle", color: a = "info", title: t, onDismiss: s, children: l, ...f }, d) => {
-    const u = V[a ?? "info"], [m, g] = r.useState(!0), b = r.useCallback(() => {
-      g(!1);
+}, R = r.forwardRef(
+  ({ className: i, variant: l = "subtle", color: t = "info", title: s, onDismiss: a, children: f, ...d }, u) => {
+    const m = j[t ?? "info"], [g, b] = r.useState(!0), v = r.useCallback(() => {
+      b(!1);
     }, []);
-    return /* @__PURE__ */ e(C, { onExitComplete: s, children: m && /* @__PURE__ */ n(
-      A.div,
+    return /* @__PURE__ */ e(C, { onExitComplete: a, children: g && /* @__PURE__ */ n(
+      k.div,
       {
-        ref: d,
+        ref: u,
         initial: { opacity: 1, y: 0 },
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: -8 },
-        transition: y.snappy,
-        className: w(k({ variant: i, color: a }), c),
+        transition: I.snappy,
+        className: y(V({ variant: l, color: t }), i),
         role: "alert",
-        ...I(f),
+        ...A(d),
         children: [
-          /* @__PURE__ */ e(u, { className: "mt-ds-01 h-ico-md w-ico-md shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ e(c, { icon: m, size: "md", className: "mt-ds-01 shrink-0" }),
           /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: [
-            t && /* @__PURE__ */ e("p", { className: "text-ds-md font-semibold mb-ds-01", children: t }),
-            /* @__PURE__ */ e("div", { className: "text-ds-md text-surface-fg-muted", children: l })
+            s && /* @__PURE__ */ e("p", { className: "text-ds-md font-semibold mb-ds-01", children: s }),
+            /* @__PURE__ */ e("div", { className: "text-ds-md text-surface-fg-muted", children: f })
           ] }),
-          s && /* @__PURE__ */ e(
+          a && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: b,
+              onClick: v,
               className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
               "aria-label": "Dismiss",
-              children: /* @__PURE__ */ e(N, { className: "h-ico-sm w-ico-sm" })
+              children: /* @__PURE__ */ e(c, { icon: h, size: "sm" })
             }
           )
         ]
@@ -88,8 +89,8 @@ const k = h(
     ) });
   }
 );
-j.displayName = "Alert";
+R.displayName = "Alert";
 export {
-  j as Alert,
-  k as alertVariants
+  R as Alert,
+  V as alertVariants
 };

package/dist/ui/aspect-ratio.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import * as m from "react";
-import { a as s } from "../_chunks/primitives.js";
+import { f as s } from "../_chunks/primitives.js";
 import { cn as p } from "./lib/utils.js";
-const e = m.forwardRef(({ className: o, ...t }, a) => /* @__PURE__ */ r(
+const e = m.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ a(
   s,
   {
-    ref: a,
+    ref: r,
     className: p(o),
     ...t
   }

package/dist/ui/autocomplete.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsxs as T, jsx as f } from "react/jsx-runtime";
+import { jsxs as T, jsx as d } from "react/jsx-runtime";
 import * as t from "react";
-import { cn as b } from "./lib/utils.js";
+import { cn as p } from "./lib/utils.js";
 import { tweens as j, springs as L } from "./lib/motion.js";
-import { A as P, m as g } from "../_chunks/framer.js";
+import { A as P, m as y } from "../_chunks/framer.js";
 const q = {
   hidden: {},
   visible: { transition: { staggerChildren: 0.03 } }
@@ -12,104 +12,104 @@ const q = {
   visible: { opacity: 1, y: 0, transition: L.snappy }
 }, B = t.forwardRef(
   ({
-    options: h,
-    value: s,
-    onValueChange: u,
+    options: b,
+    value: u,
+    onValueChange: g,
     placeholder: I,
     emptyText: R = "No options",
-    disabled: w,
+    disabled: x,
     className: A,
-    id: E,
-    ...N
-  }, c) => {
-    const $ = t.useId(), v = E || $, k = `${v}-listbox`, D = `${v}-option`, [m, y] = t.useState((s == null ? void 0 : s.label) ?? ""), [l, i] = t.useState(!1), [r, a] = t.useState(-1), M = t.useRef(null), S = t.useRef(null), x = t.useRef(), C = t.useCallback(
+    id: C,
+    ...E
+  }, i) => {
+    const N = t.useId(), w = C || N, k = `${w}-listbox`, D = `${w}-option`, [f, h] = t.useState(u?.label ?? ""), [l, a] = t.useState(!1), [s, o] = t.useState(-1), $ = t.useRef(null), M = t.useRef(null), v = t.useRef(void 0), S = t.useCallback(
       (e) => {
-        M.current = e, typeof c == "function" ? c(e) : c && (c.current = e);
+        $.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
       },
-      [c]
+      [i]
     );
     t.useEffect(() => {
-      y((s == null ? void 0 : s.label) ?? "");
-    }, [s]), t.useEffect(() => () => {
-      x.current && clearTimeout(x.current);
+      h(u?.label ?? "");
+    }, [u]), t.useEffect(() => () => {
+      v.current && clearTimeout(v.current);
     }, []);
     const n = t.useMemo(
-      () => m ? h.filter((e) => e.label.toLowerCase().includes(m.toLowerCase())) : h,
-      [h, m]
-    ), p = t.useCallback(
+      () => f ? b.filter((e) => e.label.toLowerCase().includes(f.toLowerCase())) : b,
+      [b, f]
+    ), m = t.useCallback(
       (e) => {
-        y(e.label), i(!1), a(-1), u == null || u(e);
+        h(e.label), a(!1), o(-1), g?.(e);
       },
-      [u]
+      [g]
     ), K = t.useCallback(
       (e) => {
         if (!l) {
-          (e.key === "ArrowDown" || e.key === "Enter") && i(!0);
+          (e.key === "ArrowDown" || e.key === "Enter") && a(!0);
           return;
         }
         switch (e.key) {
           case "ArrowDown":
-            e.preventDefault(), a((o) => Math.min(o + 1, n.length - 1));
+            e.preventDefault(), o((r) => Math.min(r + 1, n.length - 1));
             break;
           case "ArrowUp":
-            e.preventDefault(), a((o) => Math.max(o - 1, 0));
+            e.preventDefault(), o((r) => Math.max(r - 1, 0));
             break;
           case "Enter":
-            e.preventDefault(), r >= 0 && n[r] && p(n[r]);
+            e.preventDefault(), s >= 0 && n[s] && m(n[s]);
             break;
           case "Escape":
-            i(!1), a(-1);
+            a(!1), o(-1);
             break;
         }
       },
-      [l, n, r, p]
-    ), O = r >= 0 ? `${D}-${r}` : void 0;
-    return /* @__PURE__ */ T("div", { className: b("relative", A), ...N, children: [
-      /* @__PURE__ */ f(
+      [l, n, s, m]
+    ), O = s >= 0 ? `${D}-${s}` : void 0;
+    return /* @__PURE__ */ T("div", { className: p("relative", A), ...E, children: [
+      /* @__PURE__ */ d(
         "input",
         {
-          ref: C,
+          ref: S,
           type: "text",
           role: "combobox",
           "aria-expanded": l,
           "aria-autocomplete": "list",
           "aria-controls": l ? k : void 0,
           "aria-activedescendant": O,
-          value: m,
+          value: f,
           placeholder: I,
-          disabled: w,
-          className: b(
+          disabled: x,
+          className: p(
             "flex h-ds-md w-full rounded-ds-md border border-surface-border-strong bg-surface-raised-hover px-ds-04 py-ds-03 font-sans text-ds-md text-surface-fg placeholder:text-surface-fg-subtle",
             "outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-[var(--border-focus-offset)]",
             "transition-colors duration-fast-01",
-            w && "opacity-action-disabled cursor-not-allowed"
+            x && "opacity-action-disabled cursor-not-allowed"
           ),
           onChange: (e) => {
-            y(e.target.value), i(!0), a(-1);
+            h(e.target.value), a(!0), o(-1);
           },
-          onFocus: () => i(!0),
+          onFocus: () => a(!0),
           onBlur: () => {
-            x.current = setTimeout(() => i(!1), 150);
+            v.current = setTimeout(() => a(!1), 150);
           },
           onKeyDown: K
         }
       ),
-      /* @__PURE__ */ f(P, { children: l && /* @__PURE__ */ f(
-        g.ul,
+      /* @__PURE__ */ d(P, { children: l && /* @__PURE__ */ d(
+        y.ul,
         {
           id: k,
-          ref: S,
+          ref: M,
           role: "listbox",
           initial: "hidden",
           animate: "visible",
           exit: "hidden",
           variants: q,
-          className: b(
+          className: p(
             "absolute z-popover mt-ds-02 w-full overflow-auto rounded-ds-md border border-surface-border-strong bg-surface-overlay shadow-raised-hover",
             "max-h-60"
           ),
-          children: n.length === 0 ? /* @__PURE__ */ f(
-            g.li,
+          children: n.length === 0 ? /* @__PURE__ */ d(
+            y.li,
             {
               initial: { opacity: 0 },
               animate: { opacity: 1 },
@@ -117,24 +117,24 @@ const q = {
               className: "px-ds-04 py-ds-03 text-ds-md text-surface-fg-muted",
               children: R
             }
-          ) : n.map((e, o) => /* @__PURE__ */ f(
-            g.li,
+          ) : n.map((e, r) => /* @__PURE__ */ d(
+            y.li,
             {
-              id: `${D}-${o}`,
+              id: `${D}-${r}`,
               role: "option",
-              "aria-selected": r === o,
+              "aria-selected": s === r,
               variants: z,
-              className: b(
+              className: p(
                 "cursor-pointer px-ds-04 py-ds-03 text-ds-md text-surface-fg transition-colors duration-fast-01",
-                r === o && "bg-accent-3",
-                (s == null ? void 0 : s.value) === e.value && "font-semibold"
+                s === r && "bg-accent-3",
+                u?.value === e.value && "font-semibold"
               ),
-              onMouseDown: (d) => d.preventDefault(),
-              onClick: () => p(e),
-              onKeyDown: (d) => {
-                (d.key === "Enter" || d.key === " ") && (d.preventDefault(), p(e));
+              onMouseDown: (c) => c.preventDefault(),
+              onClick: () => m(e),
+              onKeyDown: (c) => {
+                (c.key === "Enter" || c.key === " ") && (c.preventDefault(), m(e));
               },
-              onMouseEnter: () => a(o),
+              onMouseEnter: () => o(r),
               children: e.label
             },
             e.value

package/dist/ui/avatar.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as a, jsxs as R } from "react/jsx-runtime";
 import * as l from "react";
-import { E as v, F as N, J as C } from "../_chunks/primitives.js";
-import { c as F } from "../_chunks/vendor-utils.js";
+import { g as v, h as N, F as C } from "../_chunks/primitives.js";
+import { a as F } from "../_chunks/vendor-utils.js";
 import { springs as k } from "./lib/motion.js";
 import { cn as n } from "./lib/utils.js";
 import { m as f } from "../_chunks/framer.js";

package/dist/ui/badge-group.d.ts

@@ -0,0 +1,22 @@
+"use client";
+import { BadgeProps } from './badge';
+import * as React from 'react';
+declare const GAP_CLASSES: {
+    readonly tight: "gap-1";
+    readonly default: "gap-1.5";
+    readonly loose: "gap-2";
+};
+export interface BadgeGroupProps {
+    max?: number;
+    gap?: keyof typeof GAP_CLASSES;
+    size?: BadgeProps['size'];
+    onOverflowClick?: () => void;
+    className?: string;
+    children: React.ReactNode;
+}
+export declare function BadgeGroup({ max, gap, size, onOverflowClick, className, children, }: BadgeGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BadgeGroup {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=badge-group.d.ts.map

package/dist/ui/badge-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-group.d.ts","sourceRoot":"","sources":["../../src/ui/badge-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAEhD,QAAA,MAAM,WAAW;;;;CAIP,CAAA;AAEV,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,OAAO,WAAW,CAAA;IAC9B,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,wBAAgB,UAAU,CAAC,EACzB,GAAG,EACH,GAAe,EACf,IAAI,EACJ,eAAe,EACf,SAAS,EACT,QAAQ,GACT,EAAE,eAAe,2CAsBjB;yBA7Be,UAAU"}

package/dist/ui/badge-group.js

@@ -0,0 +1,8 @@
+"use client";
+import "react/jsx-runtime";
+import "react";
+import "./lib/utils.js";
+import { a } from "../_chunks/badge-group.js";
+export {
+  a as BadgeGroup
+};

package/dist/ui/badge-indicator.d.ts

@@ -0,0 +1,32 @@
+"use client";
+import * as React from 'react';
+declare const PLACEMENT_CLASSES: {
+    readonly 'top-right': "-top-1 -right-1";
+    readonly 'top-left': "-top-1 -left-1";
+    readonly 'bottom-right': "-bottom-1 -right-1";
+    readonly 'bottom-left': "-bottom-1 -left-1";
+};
+declare const COLOR_CLASSES: {
+    readonly error: "bg-error-9 text-error-fg";
+    readonly success: "bg-success-9 text-success-fg";
+    readonly warning: "bg-warning-9 text-warning-fg";
+    readonly accent: "bg-accent-9 text-accent-fg";
+    readonly info: "bg-info-9 text-info-fg";
+};
+export interface BadgeIndicatorProps {
+    count?: number;
+    max?: number;
+    dot?: boolean;
+    color?: keyof typeof COLOR_CLASSES;
+    invisible?: boolean;
+    showZero?: boolean;
+    placement?: keyof typeof PLACEMENT_CLASSES;
+    className?: string;
+    children: React.ReactNode;
+}
+export declare function BadgeIndicator({ count, max, dot, color, invisible, showZero, placement, className, children, }: BadgeIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BadgeIndicator {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=badge-indicator.d.ts.map

package/dist/ui/badge-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-indicator.d.ts","sourceRoot":"","sources":["../../src/ui/badge-indicator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAAM,iBAAiB;;;;;CAKb,CAAA;AAEV,QAAA,MAAM,aAAa;;;;;;CAMT,CAAA;AAEV,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,OAAO,aAAa,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,OAAO,iBAAiB,CAAA;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,GAAQ,EACR,GAAW,EACX,KAAe,EACf,SAAiB,EACjB,QAAgB,EAChB,SAAuB,EACvB,SAAS,EACT,QAAQ,GACT,EAAE,mBAAmB,2CA+BrB;yBAzCe,cAAc"}