@devalok/shilp-sutra 0.17.2 → 0.18.0

package/dist/ui/file-upload.js

@@ -1,227 +1,269 @@
 "use client";
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
 import * as r from "react";
-import { IconLoader2 as R, IconPaperclip as _, IconUpload as S } from "@tabler/icons-react";
+import { IconPaperclip as X, IconCheck as Z, IconUpload as q } from "@tabler/icons-react";
 import { c as h } from "../_chunks/utils.js";
-const V = 10 * 1024 * 1024;
-function X(t, l) {
-  return l.split(",").map((o) => o.trim()).some((o) => o.startsWith(".") ? t.name.toLowerCase().endsWith(o.toLowerCase()) : o.endsWith("/*") ? t.type.startsWith(o.slice(0, o.indexOf("/") + 1)) : t.type === o);
+import { s as D, t as N } from "../_chunks/motion2.js";
+import { S as B } from "../_chunks/spinner.js";
+import { m as c, A as M } from "../_chunks/motion.js";
+const G = 10 * 1024 * 1024;
+function H(a, l) {
+  return l.split(",").map((i) => i.trim()).some((i) => i.startsWith(".") ? a.name.toLowerCase().endsWith(i.toLowerCase()) : i.endsWith("/*") ? a.type.startsWith(i.slice(0, i.indexOf("/") + 1)) : a.type === i);
 }
-function $(t) {
-  return t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : `${(t / (1024 * 1024)).toFixed(1)} MB`;
+function U(a) {
+  return a < 1024 ? `${a} B` : a < 1024 * 1024 ? `${(a / 1024).toFixed(1)} KB` : `${(a / (1024 * 1024)).toFixed(1)} MB`;
 }
-const Z = r.forwardRef(
+const J = r.forwardRef(
   ({
-    accept: t,
-    maxSize: l = V,
-    multiple: o = !1,
-    uploading: i = !1,
-    progress: k = 0,
-    onFiles: C,
-    error: P,
-    compact: B = !1,
-    disabled: a = !1,
-    className: D,
-    label: p,
-    sublabel: M,
-    ...w
-  }, N) => {
-    const x = r.useRef(null), [I, c] = r.useState(!1), [O, d] = r.useState(
+    accept: a,
+    maxSize: l = G,
+    multiple: i = !1,
+    uploading: o = !1,
+    progress: x = 0,
+    onFiles: A,
+    error: I,
+    compact: W = !1,
+    disabled: s = !1,
+    className: F,
+    label: v,
+    sublabel: j,
+    ...E
+  }, L) => {
+    const y = r.useRef(null), [b, d] = r.useState(!1), [S, f] = r.useState(
       null
-    ), v = r.useRef(!1), b = r.useRef(!1), f = P || O, y = r.useCallback(() => {
+    ), g = r.useRef(!1), k = r.useRef(!1), u = I || S, C = r.useCallback(() => {
       var e;
-      a || i || (e = x.current) == null || e.click();
-    }, [a, i]), u = r.useCallback(
+      s || o || (e = y.current) == null || e.click();
+    }, [s, o]), m = r.useCallback(
       (e) => {
-        d(null);
-        for (const s of e) {
-          if (s.size > l) {
-            d(
-              `File "${s.name}" exceeds the maximum size of ${$(l)}`
+        f(null);
+        for (const n of e) {
+          if (n.size > l) {
+            f(
+              `File "${n.name}" exceeds the maximum size of ${U(l)}`
             );
             return;
           }
-          if (t && !X(s, t)) {
-            d(
-              `File "${s.name}" is not an accepted file type`
+          if (a && !H(n, a)) {
+            f(
+              `File "${n.name}" is not an accepted file type`
             );
             return;
           }
         }
-        C(e);
+        A(e);
       },
-      [l, t, C]
-    ), A = r.useCallback(
+      [l, a, A]
+    ), R = r.useCallback(
       (e) => {
-        b.current = !0;
-        const s = e.target.files;
-        !s || s.length === 0 || (u(Array.from(s)), e.target.value = "");
+        k.current = !0;
+        const n = e.target.files;
+        !n || n.length === 0 || (m(Array.from(n)), e.target.value = "");
       },
-      [u]
-    ), F = r.useCallback(() => {
-      v.current = !0, b.current = !1;
-    }, []), E = r.useCallback(() => {
-      v.current && !b.current && t && d("File type is not accepted"), v.current = !1;
-    }, [t]), U = r.useCallback(
+      [m]
+    ), $ = r.useCallback(() => {
+      g.current = !0, k.current = !1;
+    }, []), P = r.useCallback(() => {
+      g.current && !k.current && a && f("File type is not accepted"), g.current = !1;
+    }, [a]), z = r.useCallback(
       (e) => {
-        e.preventDefault(), e.stopPropagation(), !a && !i && c(!0);
+        e.preventDefault(), e.stopPropagation(), !s && !o && d(!0);
       },
-      [a, i]
-    ), W = r.useCallback(
+      [s, o]
+    ), K = r.useCallback(
       (e) => {
-        e.preventDefault(), e.stopPropagation(), !a && !i && c(!0);
+        e.preventDefault(), e.stopPropagation(), !s && !o && d(!0);
       },
-      [a, i]
-    ), j = r.useCallback(
+      [s, o]
+    ), T = r.useCallback(
       (e) => {
-        e.preventDefault(), e.stopPropagation(), c(!1);
+        e.preventDefault(), e.stopPropagation(), d(!1);
       },
       []
-    ), K = r.useCallback(
+    ), _ = r.useCallback(
       (e) => {
-        if (e.preventDefault(), e.stopPropagation(), c(!1), a || i) return;
-        const s = e.dataTransfer.files;
-        !s || s.length === 0 || u(Array.from(s));
+        if (e.preventDefault(), e.stopPropagation(), d(!1), s || o) return;
+        const n = e.dataTransfer.files;
+        !n || n.length === 0 || m(Array.from(n));
       },
-      [a, i, u]
-    ), L = p ?? "Drop files here or click to browse", T = M ?? `Max file size: ${$(l)}`, g = r.useId();
-    return B ? /* @__PURE__ */ m("div", { ref: N, className: h("inline-flex flex-col", D), ...w, children: [
-      /* @__PURE__ */ m(
+      [s, o, m]
+    ), O = v ?? "Drop files here or click to browse", V = j ?? `Max file size: ${U(l)}`, w = r.useId();
+    return W ? /* @__PURE__ */ p("div", { ref: L, className: h("inline-flex flex-col", F), ...E, children: [
+      /* @__PURE__ */ p(
         "button",
         {
           type: "button",
-          onClick: y,
-          disabled: a,
+          onClick: C,
+          disabled: s,
           className: h(
             "inline-flex items-center gap-ds-02 rounded-ds-md px-ds-03 py-ds-02",
             "text-ds-sm font-medium",
-            "border border-border",
-            "bg-field text-text-secondary",
-            "hover:bg-interactive-subtle",
-            "disabled:opacity-[0.38] disabled:cursor-not-allowed",
+            "border border-surface-border-strong",
+            "bg-surface-3 text-surface-fg-muted",
+            "hover:bg-accent-2",
+            "disabled:opacity-action-disabled disabled:cursor-not-allowed",
             "transition-colors"
           ),
           children: [
-            i ? /* @__PURE__ */ n(R, { className: "h-ico-sm w-ico-sm animate-spin motion-reduce:animate-none" }) : /* @__PURE__ */ n(_, { className: "h-ico-sm w-ico-sm" }),
-            p ?? "Attach files"
+            o ? /* @__PURE__ */ t(B, { size: "sm" }) : /* @__PURE__ */ t(X, { className: "h-ico-sm w-ico-sm" }),
+            v ?? "Attach files"
           ]
         }
       ),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ t(
         "input",
         {
-          ref: x,
-          id: g,
+          ref: y,
+          id: w,
           type: "file",
           className: "sr-only",
           style: { visibility: "hidden" },
           "aria-hidden": "true",
-          "aria-label": p ?? "Attach files",
-          accept: t,
-          multiple: o,
-          disabled: a,
-          onChange: A,
-          onClick: F,
-          onFocus: E,
+          "aria-label": v ?? "Attach files",
+          accept: a,
+          multiple: i,
+          disabled: s,
+          onChange: R,
+          onClick: $,
+          onFocus: P,
           tabIndex: -1
         }
       ),
-      f && /* @__PURE__ */ n(
+      u && /* @__PURE__ */ t(
         "p",
         {
           role: "alert",
           "aria-live": "polite",
-          className: "mt-ds-02 text-ds-xs text-error",
-          children: f
+          className: "mt-ds-02 text-ds-xs text-error-11",
+          children: u
         }
       )
-    ] }) : /* @__PURE__ */ m(
+    ] }) : /* @__PURE__ */ p(
       "div",
       {
-        ref: N,
-        ...w,
+        ref: L,
+        ...E,
         role: "presentation",
-        className: h("flex flex-col", D),
-        "data-drag-active": I ? "true" : void 0,
-        onDragEnter: U,
-        onDragOver: W,
-        onDragLeave: j,
-        onDrop: K,
+        className: h("flex flex-col", F),
+        "data-drag-active": b ? "true" : void 0,
+        onDragEnter: z,
+        onDragOver: K,
+        onDragLeave: T,
+        onDrop: _,
         children: [
-          /* @__PURE__ */ m(
-            "div",
+          /* @__PURE__ */ p(
+            c.div,
             {
               role: "button",
               tabIndex: 0,
-              "aria-disabled": a || void 0,
-              onClick: a ? void 0 : y,
+              "aria-disabled": s || void 0,
+              onClick: s ? void 0 : C,
               onKeyDown: (e) => {
-                !a && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), y());
+                !s && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), C());
               },
               className: h(
                 "flex flex-col items-center justify-center gap-ds-03 rounded-ds-lg",
                 "border-2 border-dashed p-ds-08",
-                "transition-colors cursor-pointer",
-                "border-border bg-field",
-                I && "border-interactive bg-interactive-subtle",
-                a && "opacity-[0.38] cursor-not-allowed"
+                "cursor-pointer",
+                "border-surface-border-strong bg-surface-3",
+                b && "border-accent-7 bg-accent-2",
+                s && "opacity-action-disabled cursor-not-allowed"
               ),
+              animate: {
+                scale: b ? 1.02 : 1
+              },
+              transition: D.snappy,
               children: [
-                i ? /* @__PURE__ */ n(R, { className: "h-ds-sm w-ds-sm animate-spin motion-reduce:animate-none text-icon-secondary" }) : /* @__PURE__ */ n(S, { className: "h-ds-sm w-ds-sm text-icon-secondary" }),
-                /* @__PURE__ */ n("span", { id: g + "-label", className: "text-ds-sm text-text-secondary", children: L }),
-                i ? /* @__PURE__ */ n("div", { className: "w-full max-w-xs", children: /* @__PURE__ */ n(
+                /* @__PURE__ */ t(M, { mode: "wait", children: o ? /* @__PURE__ */ t(
+                  c.div,
+                  {
+                    initial: { opacity: 0, scale: 0.5 },
+                    animate: { opacity: 1, scale: 1 },
+                    exit: { opacity: 0, scale: 0.5 },
+                    transition: N.fade,
+                    children: /* @__PURE__ */ t(B, { size: "md" })
+                  },
+                  "spinner"
+                ) : x === 100 && !I ? /* @__PURE__ */ t(
+                  c.div,
+                  {
+                    initial: { opacity: 0, scale: 0.5 },
+                    animate: { opacity: 1, scale: 1 },
+                    exit: { opacity: 0, scale: 0.5 },
+                    transition: D.bouncy,
+                    children: /* @__PURE__ */ t(Z, { className: "h-ds-sm w-ds-sm text-success-11" })
+                  },
+                  "complete"
+                ) : /* @__PURE__ */ t(
+                  c.div,
+                  {
+                    initial: { opacity: 0 },
+                    animate: { opacity: 1 },
+                    exit: { opacity: 0 },
+                    transition: N.fade,
+                    children: /* @__PURE__ */ t(q, { className: "h-ds-sm w-ds-sm text-surface-fg-subtle" })
+                  },
+                  "upload"
+                ) }),
+                /* @__PURE__ */ t("span", { id: w + "-label", className: "text-ds-sm text-surface-fg-muted", children: O }),
+                o ? /* @__PURE__ */ t("div", { className: "w-full max-w-xs", children: /* @__PURE__ */ t(
                   "div",
                   {
                     role: "progressbar",
-                    "aria-valuenow": k,
+                    "aria-valuenow": x,
                     "aria-valuemin": 0,
                     "aria-valuemax": 100,
-                    className: "h-2 w-full overflow-hidden rounded-ds-full bg-field",
-                    children: /* @__PURE__ */ n(
-                      "div",
+                    className: "h-2 w-full overflow-hidden rounded-ds-full bg-surface-3",
+                    children: /* @__PURE__ */ t(
+                      c.div,
                       {
-                        className: "h-full rounded-ds-full bg-interactive transition-all",
-                        style: { width: `${k}%` }
+                        className: "h-full rounded-ds-full bg-accent-9",
+                        animate: { width: `${x}%` },
+                        transition: D.smooth
                       }
                     )
                   }
-                ) }) : /* @__PURE__ */ n("span", { className: "text-ds-xs text-text-tertiary", children: T })
+                ) }) : /* @__PURE__ */ t("span", { className: "text-ds-xs text-surface-fg-subtle", children: V })
               ]
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ t(
             "input",
             {
-              ref: x,
-              id: g,
+              ref: y,
+              id: w,
               type: "file",
               className: "sr-only",
               style: { visibility: "hidden" },
               "aria-hidden": "true",
-              "aria-label": L,
-              accept: t,
-              multiple: o,
-              disabled: a,
-              onChange: A,
-              onClick: F,
-              onFocus: E,
+              "aria-label": O,
+              accept: a,
+              multiple: i,
+              disabled: s,
+              onChange: R,
+              onClick: $,
+              onFocus: P,
               tabIndex: -1
             }
           ),
-          f && /* @__PURE__ */ n(
-            "p",
+          /* @__PURE__ */ t(M, { children: u && /* @__PURE__ */ t(
+            c.p,
             {
               role: "alert",
-              className: "mt-ds-02 text-ds-xs text-error",
-              children: f
+              className: "mt-ds-02 text-ds-xs text-error-11",
+              initial: { opacity: 0, x: 0 },
+              animate: { opacity: 1, x: [0, -4, 4, -4, 4, 0] },
+              exit: { opacity: 0 },
+              transition: { opacity: N.fade, x: { type: "tween", duration: 0.4, ease: "easeOut" } },
+              children: u
             }
-          )
+          ) })
         ]
       }
     );
   }
 );
-Z.displayName = "FileUpload";
+J.displayName = "FileUpload";
 export {
-  Z as FileUpload
+  J as FileUpload
 };

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

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/ui/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AAExE,UAAU,qBAAqB;IAC7B,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AACD,QAAA,MAAM,gBAAgB,sCAAiD,CAAA;AAEvE;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kFAAkF;IAClF,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,SAAS,uFAiBd,CAAA;AAMD,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACrF,KAAK,CAAC,EAAE,eAAe,CAAA;CACxB;AASD,QAAA,MAAM,cAAc,kGAgBnB,CAAA;AAGD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,YAAY,IAAI,qBAAqB,CAEpD;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/ui/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AAExE,UAAU,qBAAqB;IAC7B,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AACD,QAAA,MAAM,gBAAgB,sCAAiD,CAAA;AAEvE;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kFAAkF;IAClF,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,SAAS,uFAqBd,CAAA;AAMD,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACrF,KAAK,CAAC,EAAE,eAAe,CAAA;CACxB;AASD,QAAA,MAAM,cAAc,kGAgBnB,CAAA;AAGD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,YAAY,IAAI,qBAAqB,CAEpD;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAA"}

package/dist/ui/form.js

@@ -2,48 +2,51 @@
 import { jsx as d } from "react/jsx-runtime";
 import * as e from "react";
 import { c as i } from "../_chunks/utils.js";
-const x = e.createContext({}), m = e.forwardRef(
-  ({ className: o, helperTextId: s, state: l = "helper", required: a, children: n, ...t }, r) => {
-    const c = e.useId(), p = s || `${c}-helper`;
-    return /* @__PURE__ */ d(x.Provider, { value: { state: l, helperTextId: p, required: a }, children: /* @__PURE__ */ d(
+const x = e.createContext({}), u = e.forwardRef(
+  ({ className: l, helperTextId: n, state: t = "helper", required: r, children: a, ...o }, s) => {
+    const c = e.useId(), m = n || `${c}-helper`, p = e.useMemo(
+      () => ({ state: t, helperTextId: m, required: r }),
+      [t, m, r]
+    );
+    return /* @__PURE__ */ d(x.Provider, { value: p, children: /* @__PURE__ */ d(
       "div",
       {
-        ref: r,
-        className: i("flex flex-col gap-ds-02", o),
-        ...t,
-        children: n
+        ref: s,
+        className: i("flex flex-col gap-ds-02", l),
+        ...o,
+        children: a
       }
     ) });
   }
 );
-m.displayName = "FormField";
-const u = {
-  helper: "text-text-helper",
-  error: "text-text-error",
-  warning: "text-text-warning",
-  success: "text-text-success"
-}, f = e.forwardRef(
-  ({ className: o, id: s, state: l, ...a }, n) => {
-    const t = e.useContext(x), r = l ?? t.state ?? "helper", c = s ?? t.helperTextId;
+u.displayName = "FormField";
+const f = {
+  helper: "text-surface-fg-subtle",
+  error: "text-error-11",
+  warning: "text-warning-11",
+  success: "text-success-11"
+}, F = e.forwardRef(
+  ({ className: l, id: n, state: t, ...r }, a) => {
+    const o = e.useContext(x), s = t ?? o.state ?? "helper", c = n ?? o.helperTextId;
     return /* @__PURE__ */ d(
       "p",
       {
-        ref: n,
+        ref: a,
         id: c,
-        role: r === "error" ? "alert" : void 0,
-        className: i("text-ds-sm", u[r], o),
-        ...a
+        role: s === "error" ? "alert" : void 0,
+        className: i("text-ds-sm", f[s], l),
+        ...r
       }
     );
   }
 );
-f.displayName = "FormHelperText";
-function v() {
+F.displayName = "FormHelperText";
+function C() {
   return e.useContext(x);
 }
 export {
-  m as FormField,
+  u as FormField,
   x as FormFieldContext,
-  f as FormHelperText,
-  v as useFormField
+  F as FormHelperText,
+  C as useFormField
 };

package/dist/ui/hover-card.d.ts

@@ -1,7 +1,7 @@
 "use client";
 import * as React from 'react';
 import * as HoverCardPrimitive from '../primitives/react-hover-card';
-declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
+declare const HoverCard: React.FC<React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root>>;
 declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
 declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export type HoverCardContentProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>;

package/dist/ui/hover-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../src/ui/hover-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,8BAA8B,CAAA;AAIlE,QAAA,MAAM,SAAS,6CAA0B,CAAA;AAEzC,QAAA,MAAM,gBAAgB,oHAA6B,CAAA;AAEnD,QAAA,MAAM,gBAAgB,oKAgBpB,CAAA;AAGF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAA;AAErG,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../src/ui/hover-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,8BAA8B,CAAA;AAUlE,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAuBvF,CAAA;AAGD,QAAA,MAAM,gBAAgB,oHAA6B,CAAA;AAEnD,QAAA,MAAM,gBAAgB,oKAmCpB,CAAA;AAGF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAA;AAErG,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/ui/hover-card.js

@@ -1,24 +1,56 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
-import * as i from "react";
-import { w as n, x as o, y as m, z as l } from "../_chunks/primitives.js";
-import { c as p } from "../_chunks/utils.js";
-const u = m, C = l, f = i.forwardRef(({ className: a, align: e = "center", sideOffset: r = 4, ...d }, s) => /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
-  o,
-  {
-    ref: s,
-    align: e,
-    sideOffset: r,
-    className: p(
-      "z-popover w-64 rounded-ds-lg border border-border bg-layer-01 p-ds-05 shadow-03 outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      a
-    ),
-    ...d
-  }
-) }));
-f.displayName = o.displayName;
+import { jsx as r } from "react/jsx-runtime";
+import * as t from "react";
+import { w as u, x as p, y as C, z as v } from "../_chunks/primitives.js";
+import { c as y } from "../_chunks/utils.js";
+import { t as x, s as b } from "../_chunks/motion2.js";
+import { A as g, m as w } from "../_chunks/motion.js";
+const m = t.createContext(!1), H = ({
+  open: s,
+  defaultOpen: a = !1,
+  onOpenChange: e,
+  ...n
+}) => {
+  const [i, c] = t.useState(a), o = s !== void 0, d = o ? s : i, f = t.useCallback(
+    (l) => {
+      o || c(l), e == null || e(l);
+    },
+    [o, e]
+  );
+  return /* @__PURE__ */ r(m.Provider, { value: d, children: /* @__PURE__ */ r(v, { open: d, onOpenChange: f, ...n }) });
+};
+H.displayName = "HoverCard";
+const M = C, h = t.forwardRef(({ className: s, align: a = "center", sideOffset: e = 4, children: n, ...i }, c) => {
+  const o = t.useContext(m);
+  return /* @__PURE__ */ r(g, { children: o && /* @__PURE__ */ r(u, { forceMount: !0, children: /* @__PURE__ */ r(
+    p,
+    {
+      ref: c,
+      align: a,
+      sideOffset: e,
+      forceMount: !0,
+      asChild: !0,
+      ...i,
+      children: /* @__PURE__ */ r(
+        w.div,
+        {
+          initial: { opacity: 0, scale: 0.95 },
+          animate: { opacity: 1, scale: 1 },
+          exit: { opacity: 0, scale: 0.95 },
+          transition: { ...b.snappy, opacity: x.fade },
+          className: y(
+            "z-popover w-64 rounded-ds-lg border border-surface-border-strong bg-surface-1 p-ds-05 shadow-03 outline-none",
+            s
+          ),
+          children: n
+        }
+      )
+    }
+  ) }) });
+});
+h.displayName = p.displayName;
 export {
-  u as HoverCard,
-  f as HoverCardContent,
-  C as HoverCardTrigger
+  H as HoverCard,
+  h as HoverCardContent,
+  M as HoverCardTrigger
 };