@datawire-ai/busyfile-design-library 1.15.0 → 1.16.0

package/dist/index.js

@@ -238,7 +238,7 @@ React keys must be passed directly to JSX without using spread:
     function f(C) {
       typeof C == "object" && C !== null && C.$$typeof === h && C._store && (C._store.validated = 1);
     }
-    var g = ve, h = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), w = Symbol.for("react.context"), E = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), B = Symbol.for("react.activity"), Y = Symbol.for("react.client.reference"), J = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, Q = Array.isArray, F = console.createTask ? console.createTask : function() {
+    var g = ve, h = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), w = Symbol.for("react.context"), E = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), B = Symbol.for("react.activity"), Y = Symbol.for("react.client.reference"), J = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, Q = Array.isArray, V = console.createTask ? console.createTask : function() {
       return null;
     };
     g = {
@@ -246,10 +246,10 @@ React keys must be passed directly to JSX without using spread:
         return C();
       }
     };
-    var K, $ = {}, V = g["react-stack-bottom-frame"].bind(
+    var K, $ = {}, z = g["react-stack-bottom-frame"].bind(
       g,
       a
-    )(), P = F(n(a)), ee = {};
+    )(), P = V(n(a)), ee = {};
     mt.Fragment = m, mt.jsx = function(C, L, S, T, j) {
       var O = 1e4 > J.recentlyCreatedOwnerStacks++;
       return p(
@@ -259,8 +259,8 @@ React keys must be passed directly to JSX without using spread:
         !1,
         T,
         j,
-        O ? Error("react-stack-top-frame") : V,
-        O ? F(n(C)) : P
+        O ? Error("react-stack-top-frame") : z,
+        O ? V(n(C)) : P
       );
     }, mt.jsxs = function(C, L, S, T, j) {
       var O = 1e4 > J.recentlyCreatedOwnerStacks++;
@@ -271,8 +271,8 @@ React keys must be passed directly to JSX without using spread:
         !0,
         T,
         j,
-        O ? Error("react-stack-top-frame") : V,
-        O ? F(n(C)) : P
+        O ? Error("react-stack-top-frame") : z,
+        O ? V(n(C)) : P
       );
     };
   }()), mt;
@@ -640,7 +640,7 @@ const oe = (e) => {
     "left-bottom"
   ], k = () => [...E(), M, I], _ = () => ["auto", "hidden", "clip", "visible", "scroll"], R = () => ["auto", "contain", "none"], N = () => [M, I, c], B = () => [Ge, "full", "auto", ...N()], Y = () => [Re, "none", "subgrid", M, I], J = () => ["auto", {
     span: ["full", Re, M, I]
-  }, Re, M, I], q = () => [Re, "auto", M, I], Q = () => ["auto", "min", "max", "fr", M, I], F = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], K = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], $ = () => ["auto", ...N()], V = () => [Ge, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...N()], P = () => [e, M, I], ee = () => [...E(), Pn, Rn, {
+  }, Re, M, I], q = () => [Re, "auto", M, I], Q = () => ["auto", "min", "max", "fr", M, I], V = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], K = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], $ = () => ["auto", ...N()], z = () => [Ge, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...N()], P = () => [e, M, I], ee = () => [...E(), Pn, Rn, {
     position: [M, I]
   }], C = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -1064,7 +1064,7 @@ const oe = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...F(), "normal"]
+        justify: [...V(), "normal"]
       }],
       /**
        * Justify Items
@@ -1085,7 +1085,7 @@ const oe = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...F()]
+        content: ["normal", ...V()]
       }],
       /**
        * Align Items
@@ -1110,7 +1110,7 @@ const oe = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": F()
+        "place-content": V()
       }],
       /**
        * Place Items
@@ -1285,14 +1285,14 @@ const oe = (e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: V()
+        size: z()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [i, "screen", ...V()]
+        w: [i, "screen", ...z()]
       }],
       /**
        * Min-Width
@@ -1304,7 +1304,7 @@ const oe = (e) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...V()
+          ...z()
         ]
       }],
       /**
@@ -1322,7 +1322,7 @@ const oe = (e) => {
           {
             screen: [s]
           },
-          ...V()
+          ...z()
         ]
       }],
       /**
@@ -1330,21 +1330,21 @@ const oe = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...V()]
+        h: ["screen", "lh", ...z()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...V()]
+        "min-h": ["screen", "lh", "none", ...z()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...V()]
+        "max-h": ["screen", "lh", ...z()]
       }],
       // ------------------
       // --- Typography ---
@@ -3090,7 +3090,7 @@ const oe = (e) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, Di = /* @__PURE__ */ gi(Mi);
-function z(...e) {
+function F(...e) {
   return Di(go(e));
 }
 const An = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Nn = go, de = (e, t) => (r) => {
@@ -3144,7 +3144,7 @@ const An = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Nn = go, d
     }
   }
 );
-function Kp({
+function qp({
   className: e,
   variant: t,
   size: r,
@@ -3157,7 +3157,7 @@ function Kp({
     s,
     {
       "data-slot": "button",
-      className: z(Fi({ variant: t, size: r }), e),
+      className: F(Fi({ variant: t, size: r }), e),
       ...a,
       children: o
     }
@@ -3345,14 +3345,14 @@ const _o = de(
         "aria-label": p,
         "aria-labelledby": f || (i ? y : void 0),
         "aria-describedby": c ? b : void 0,
-        className: z(_o({ variant: r }), o),
+        className: F(_o({ variant: r }), o),
         id: x,
         name: s,
         ...h,
         children: g || /* @__PURE__ */ d.jsx(
           "span",
           {
-            className: z(To({ variant: r })),
+            className: F(To({ variant: r })),
             "aria-hidden": "true"
           }
         )
@@ -3361,7 +3361,7 @@ const _o = de(
     return !i && !c ? E : /* @__PURE__ */ d.jsxs(
       "div",
       {
-        className: z(
+        className: F(
           "flex gap-3",
           u === "left" ? "flex-row-reverse" : "flex-row",
           n && "opacity-50 cursor-not-allowed"
@@ -3374,7 +3374,7 @@ const _o = de(
               {
                 id: y,
                 htmlFor: x,
-                className: z(
+                className: F(
                   "text-sm font-medium leading-none cursor-pointer",
                   n && "cursor-not-allowed"
                 ),
@@ -3425,14 +3425,14 @@ const Gi = Yt(
         "aria-label": u,
         "aria-labelledby": p || (s ? w : void 0),
         "aria-describedby": i ? E : void 0,
-        className: z(_o({ variant: t }), n),
+        className: F(_o({ variant: t }), n),
         id: b,
         name: a,
         ...h,
         children: g || /* @__PURE__ */ d.jsx(
           "span",
           {
-            className: z(To({ variant: t })),
+            className: F(To({ variant: t })),
             "aria-hidden": "true"
           }
         )
@@ -3441,7 +3441,7 @@ const Gi = Yt(
     return !s && !i ? _ : /* @__PURE__ */ d.jsxs(
       "div",
       {
-        className: z(
+        className: F(
           "flex gap-2.5",
           c === "left" ? "flex-row-reverse" : "flex-row",
           r && "opacity-50 cursor-not-allowed"
@@ -3454,7 +3454,7 @@ const Gi = Yt(
               {
                 id: w,
                 htmlFor: b,
-                className: z(
+                className: F(
                   "text-sm font-medium leading-none cursor-pointer text-neutral-black-1",
                   r && "cursor-not-allowed"
                 ),
@@ -4410,7 +4410,7 @@ var Jl = function(e) {
   return o ? (n.push.apply(n, Array.from(o.querySelectorAll("[aria-live], script"))), ec(n, o, r, "aria-hidden")) : function() {
     return null;
   };
-}, Jt = "Dialog", [Wo, Xp] = Ue(Jt), [tc, he] = Wo(Jt), Ho = (e) => {
+}, Jt = "Dialog", [Wo, Zp] = Ue(Jt), [tc, he] = Wo(Jt), Ho = (e) => {
   const {
     __scopeDialog: t,
     children: r,
@@ -4615,7 +4615,7 @@ ra.displayName = ta;
 function en(e) {
   return e ? "open" : "closed";
 }
-var na = "DialogTitleWarning", [qp, oa] = Yi(na, {
+var na = "DialogTitleWarning", [Jp, oa] = Yi(na, {
   contentName: Ve,
   titleName: Qr,
   docsSlug: "dialog"
@@ -4905,12 +4905,12 @@ const Wc = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ], fa = se("x", Wc);
-function Zp({
+function Qp({
   ...e
 }) {
   return /* @__PURE__ */ d.jsx(aa, { "data-slot": "dialog", ...e });
 }
-function Jp({
+function em({
   ...e
 }) {
   return /* @__PURE__ */ d.jsx(uc, { "data-slot": "dialog-trigger", ...e });
@@ -4920,7 +4920,7 @@ function Hc({
 }) {
   return /* @__PURE__ */ d.jsx(sa, { "data-slot": "dialog-portal", ...e });
 }
-function Qp({
+function tm({
   ...e
 }) {
   return /* @__PURE__ */ d.jsx(ca, { "data-slot": "dialog-close", ...e });
@@ -4933,7 +4933,7 @@ function Uc({
     ia,
     {
       "data-slot": "dialog-overlay",
-      className: z(
+      className: F(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
         e
       ),
@@ -4941,7 +4941,7 @@ function Uc({
     }
   );
 }
-function em({
+function rm({
   className: e,
   children: t,
   showCloseButton: r = !0,
@@ -4953,7 +4953,7 @@ function em({
       la,
       {
         "data-slot": "dialog-content",
-        className: z(
+        className: F(
           "bg-background bg-white 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-none p-6 shadow-lg duration-200 sm:max-w-lg",
           e
         ),
@@ -4976,22 +4976,22 @@ function em({
     )
   ] });
 }
-function tm({ className: e, ...t }) {
+function nm({ className: e, ...t }) {
   return /* @__PURE__ */ d.jsx(
     "div",
     {
       "data-slot": "dialog-header",
-      className: z("flex flex-col gap-2 text-center sm:text-left", e),
+      className: F("flex flex-col gap-2 text-center sm:text-left", e),
       ...t
     }
   );
 }
-function rm({ className: e, ...t }) {
+function om({ className: e, ...t }) {
   return /* @__PURE__ */ d.jsx(
     "div",
     {
       "data-slot": "dialog-footer",
-      className: z(
+      className: F(
         "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
         e
       ),
@@ -4999,7 +4999,7 @@ function rm({ className: e, ...t }) {
     }
   );
 }
-function nm({
+function am({
   className: e,
   ...t
 }) {
@@ -5007,12 +5007,12 @@ function nm({
     dc,
     {
       "data-slot": "dialog-title",
-      className: z("text-lg leading-none font-semibold ", e),
+      className: F("text-lg leading-none font-semibold ", e),
       ...t
     }
   );
 }
-function om({
+function sm({
   className: e,
   ...t
 }) {
@@ -5020,7 +5020,7 @@ function om({
     fc,
     {
       "data-slot": "dialog-description",
-      className: z("text-muted-foreground text-sm", e),
+      className: F("text-muted-foreground text-sm", e),
       ...t
     }
   );
@@ -5067,7 +5067,7 @@ function Yc({
     s,
     {
       "data-slot": "badge",
-      className: z(Gc({ variant: t, type: r }), e),
+      className: F(Gc({ variant: t, type: r }), e),
       ...a,
       children: o
     }
@@ -5357,14 +5357,14 @@ const su = (e) => ({
     }, h = on(o), v = nn(h), m = await s.getDimensions(u), x = h === "y", y = x ? "top" : "left", b = x ? "bottom" : "right", w = x ? "clientHeight" : "clientWidth", E = a.reference[v] + a.reference[h] - g[h] - a.floating[v], k = g[h] - a.reference[h], _ = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
     let R = _ ? _[w] : 0;
     (!R || !await (s.isElement == null ? void 0 : s.isElement(_))) && (R = i.floating[w] || a.floating[v]);
-    const N = E / 2 - k / 2, B = R / 2 - m[v] / 2 - 1, Y = Ne(f[y], B), J = Ne(f[b], B), q = Y, Q = R - m[v] - J, F = R / 2 - m[v] / 2 + N, K = Ir(q, F, Q), $ = !c.arrow && st(o) != null && F !== K && a.reference[v] / 2 - (F < q ? Y : J) - m[v] / 2 < 0, V = $ ? F < q ? F - q : F - Q : 0;
+    const N = E / 2 - k / 2, B = R / 2 - m[v] / 2 - 1, Y = Ne(f[y], B), J = Ne(f[b], B), q = Y, Q = R - m[v] - J, V = R / 2 - m[v] / 2 + N, K = Ir(q, V, Q), $ = !c.arrow && st(o) != null && V !== K && a.reference[v] / 2 - (V < q ? Y : J) - m[v] / 2 < 0, z = $ ? V < q ? V - q : V - Q : 0;
     return {
-      [h]: g[h] + V,
+      [h]: g[h] + z,
       data: {
         [h]: K,
-        centerOffset: F - K - V,
+        centerOffset: V - K - z,
         ...$ && {
-          alignmentOffset: V
+          alignmentOffset: z
         }
       },
       reset: $
@@ -5399,33 +5399,33 @@ const su = (e) => ({
       const R = [i, ...k], N = await xt(t, x), B = [];
       let Y = ((n = a.flip) == null ? void 0 : n.overflows) || [];
       if (p && B.push(N[y]), f) {
-        const F = Jc(o, s, E);
-        B.push(N[F[0]], N[F[1]]);
+        const V = Jc(o, s, E);
+        B.push(N[V[0]], N[V[1]]);
       }
       if (Y = [...Y, {
         placement: o,
         overflows: B
-      }], !B.every((F) => F <= 0)) {
+      }], !B.every((V) => V <= 0)) {
         var J, q;
-        const F = (((J = a.flip) == null ? void 0 : J.index) || 0) + 1, K = R[F];
+        const V = (((J = a.flip) == null ? void 0 : J.index) || 0) + 1, K = R[V];
         if (K && (!(f === "alignment" ? b !== be(K) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         Y.every((P) => be(P.placement) === b ? P.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: F,
+              index: V,
               overflows: Y
             },
             reset: {
               placement: K
             }
           };
-        let $ = (q = Y.filter((V) => V.overflows[0] <= 0).sort((V, P) => V.overflows[1] - P.overflows[1])[0]) == null ? void 0 : q.placement;
+        let $ = (q = Y.filter((z) => z.overflows[0] <= 0).sort((z, P) => z.overflows[1] - P.overflows[1])[0]) == null ? void 0 : q.placement;
         if (!$)
           switch (h) {
             case "bestFit": {
               var Q;
-              const V = (Q = Y.filter((P) => {
+              const z = (Q = Y.filter((P) => {
                 if (_) {
                   const ee = be(P.placement);
                   return ee === b || // Create a bias to the `y` side axis due to horizontal
@@ -5434,7 +5434,7 @@ const su = (e) => ({
                 }
                 return !0;
               }).map((P) => [P.placement, P.overflows.filter((ee) => ee > 0).reduce((ee, C) => ee + C, 0)]).sort((P, ee) => P[1] - ee[1])[0]) == null ? void 0 : Q[0];
-              V && ($ = V);
+              z && ($ = z);
               break;
             }
             case "initialPlacement":
@@ -6282,7 +6282,7 @@ function Xu(e) {
         // setting it to `true` when `open === false` (must be specified).
         isPositioned: q.current !== !1
       };
-      F.current && !Ut(N.current, C) && (N.current = C, Kt.flushSync(() => {
+      V.current && !Ut(N.current, C) && (N.current = C, Kt.flushSync(() => {
         f(C);
       }));
     });
@@ -6293,9 +6293,9 @@ function Xu(e) {
       isPositioned: !1
     })));
   }, [u]);
-  const F = l.useRef(!1);
-  Ft(() => (F.current = !0, () => {
-    F.current = !1;
+  const V = l.useRef(!1);
+  Ft(() => (V.current = !0, () => {
+    V.current = !1;
   }), []), Ft(() => {
     if (E && (_.current = E), k && (R.current = k), E && k) {
       if (Y.current)
@@ -6311,7 +6311,7 @@ function Xu(e) {
   }), [b, w]), $ = l.useMemo(() => ({
     reference: E,
     floating: k
-  }), [E, k]), V = l.useMemo(() => {
+  }), [E, k]), z = l.useMemo(() => {
     const P = {
       position: r,
       left: 0,
@@ -6337,8 +6337,8 @@ function Xu(e) {
     update: Q,
     refs: K,
     elements: $,
-    floatingStyles: V
-  }), [p, Q, K, $, V]);
+    floatingStyles: z
+  }), [p, Q, K, $, z]);
 }
 const qu = (e) => {
   function t(r) {
@@ -6460,7 +6460,7 @@ var un = "PopperContent", [ld, cd] = ka(un), _a = l.forwardRef(
       boundary: J.filter(dd),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: q
-    }, { refs: F, floatingStyles: K, placement: $, isPositioned: V, middlewareData: P } = Xu({
+    }, { refs: V, floatingStyles: K, placement: $, isPositioned: z, middlewareData: P } = Xu({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: B,
@@ -6492,19 +6492,19 @@ var un = "PopperContent", [ld, cd] = ka(un), _a = l.forwardRef(
       ]
     }), [ee, C] = ja($), L = Ae(v);
     ae(() => {
-      V && (L == null || L());
-    }, [V, L]);
+      z && (L == null || L());
+    }, [z, L]);
     const S = (A = P.arrow) == null ? void 0 : A.x, T = (D = P.arrow) == null ? void 0 : D.y, j = ((W = P.arrow) == null ? void 0 : W.centerOffset) !== 0, [O, H] = l.useState();
     return ae(() => {
       y && H(window.getComputedStyle(y).zIndex);
     }, [y]), /* @__PURE__ */ d.jsx(
       "div",
       {
-        ref: F.setFloating,
+        ref: V.setFloating,
         "data-radix-popper-content-wrapper": "",
         style: {
           ...K,
-          transform: V ? K.transform : "translate(0, -200%)",
+          transform: z ? K.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
           zIndex: O,
@@ -6541,7 +6541,7 @@ var un = "PopperContent", [ld, cd] = ka(un), _a = l.forwardRef(
                   ...m.style,
                   // if the PopperContent hasn't been placed yet (not all measurements done)
                   // we prevent animations so that users's animation don't kick in too early referring wrong sides
-                  animation: V ? void 0 : "none"
+                  animation: z ? void 0 : "none"
                 }
               }
             )
@@ -6643,7 +6643,7 @@ var dn = Pa, nr = Na, fn = _a, pn = Oa, Ia = Object.freeze({
   )
 );
 Ma.displayName = pd;
-var md = Ma, [or, am] = Ue("Tooltip", [
+var md = Ma, [or, im] = Ue("Tooltip", [
   lt
 ]), ar = lt(), Da = "TooltipProvider", hd = 700, Lr = "tooltip.open", [gd, mn] = or(Da), La = (e) => {
   const {
@@ -6967,17 +6967,17 @@ function Dd({
     }
   );
 }
-function sm({
+function lm({
   ...e
 }) {
   return /* @__PURE__ */ d.jsx(Dd, { children: /* @__PURE__ */ d.jsx(Td, { "data-slot": "tooltip", ...e }) });
 }
-function im({
+function cm({
   ...e
 }) {
   return /* @__PURE__ */ d.jsx(Od, { "data-slot": "tooltip-trigger", ...e });
 }
-function lm({
+function um({
   className: e,
   sideOffset: t = 0,
   children: r,
@@ -6988,7 +6988,7 @@ function lm({
     {
       "data-slot": "tooltip-content",
       sideOffset: t,
-      className: z(
+      className: F(
         "bg-neutral-black-1 text-white animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 z-50 max-w-[362px]!  origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs",
         e
       ),
@@ -7034,7 +7034,7 @@ const Ld = de(
   /* @__PURE__ */ d.jsxs(
     "div",
     {
-      className: z(
+      className: F(
         Ld({
           size: a,
           status: r ? "error" : i ? "disabled" : "default"
@@ -7047,7 +7047,7 @@ const Ld = de(
           "input",
           {
             disabled: i,
-            className: z(
+            className: F(
               "flex-1 bg-transparent outline-none placeholder:text-neutral-black-2 disabled:cursor-not-allowed disabled:opacity-50"
             ),
             ...c
@@ -7060,14 +7060,14 @@ const Ld = de(
   (t || r) && /* @__PURE__ */ d.jsx(
     "p",
     {
-      className: z(
+      className: F(
         "text-xs mt-1",
         r ? "text-primary-1" : "text-neutral-black-2"
       ),
       children: r || t
     }
   )
-] }), cm = (e) => /* @__PURE__ */ d.jsx(gn, { type: "email", inputMode: "email", ...e }), um = ({
+] }), dm = (e) => /* @__PURE__ */ d.jsx(gn, { type: "email", inputMode: "email", ...e }), fm = ({
   showForgot: e = !1,
   onValidityChange: t,
   customValidator: r,
@@ -7132,7 +7132,7 @@ const Ld = de(
       /* @__PURE__ */ d.jsx("span", { className: f.isValid ? "text-success-d" : "text-input", children: f.label })
     ] }, g)) })
   ] }) });
-}, dm = (e) => /* @__PURE__ */ d.jsx(
+}, pm = (e) => /* @__PURE__ */ d.jsx(
   gn,
   {
     type: "search",
@@ -7199,7 +7199,7 @@ function zd(e) {
   const t = l.useRef({ value: e, previous: e });
   return l.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
 }
-var Bd = [" ", "Enter", "ArrowUp", "ArrowDown"], Wd = [" ", "Enter"], Be = "Select", [sr, ir, Hd] = $d(Be), [ct, fm] = Ue(Be, [
+var Bd = [" ", "Enter", "ArrowUp", "ArrowDown"], Wd = [" ", "Enter"], Be = "Select", [sr, ir, Hd] = $d(Be), [ct, mm] = Ue(Be, [
   Hd,
   lt
 ]), lr = lt(), [Ud, je] = ct(Be), [Gd, Yd] = ct(Be), Ua = (e) => {
@@ -7228,7 +7228,7 @@ var Bd = [" ", "Enter", "ArrowUp", "ArrowDown"], Wd = [" ", "Enter"], Be = "Sele
     defaultProp: i,
     onChange: c,
     caller: Be
-  }), J = l.useRef(null), q = x ? v || !!x.closest("form") : !0, [Q, F] = l.useState(/* @__PURE__ */ new Set()), K = Array.from(Q).map(($) => $.props.value).join(";");
+  }), J = l.useRef(null), q = x ? v || !!x.closest("form") : !0, [Q, V] = l.useState(/* @__PURE__ */ new Set()), K = Array.from(Q).map(($) => $.props.value).join(";");
   return /* @__PURE__ */ d.jsx(dn, { ...m, children: /* @__PURE__ */ d.jsxs(
     Ud,
     {
@@ -7254,11 +7254,11 @@ var Bd = [" ", "Enter", "ArrowUp", "ArrowDown"], Wd = [" ", "Enter"], Be = "Sele
           {
             scope: e.__scopeSelect,
             onNativeOptionAdd: l.useCallback(($) => {
-              F((V) => new Set(V).add($));
+              V((z) => new Set(z).add($));
             }, []),
             onNativeOptionRemove: l.useCallback(($) => {
-              F((V) => {
-                const P = new Set(V);
+              V((z) => {
+                const P = new Set(z);
                 return P.delete($), P;
               });
             }, []),
@@ -7399,7 +7399,7 @@ var fe = 10, [Qa, Ie] = ct(We), qd = "SelectContentImpl", Zd = /* @__PURE__ */ F
       ...y
     } = e, b = je(We, r), [w, E] = l.useState(null), [k, _] = l.useState(null), R = ne(t, (A) => E(A)), [N, B] = l.useState(null), [Y, J] = l.useState(
       null
-    ), q = ir(r), [Q, F] = l.useState(!1), K = l.useRef(!1);
+    ), q = ir(r), [Q, V] = l.useState(!1), K = l.useRef(!1);
     l.useEffect(() => {
       if (w) return Zr(w);
     }, [w]), qr();
@@ -7410,13 +7410,13 @@ var fe = 10, [Qa, Ie] = ct(We), qd = "SelectContentImpl", Zd = /* @__PURE__ */ F
           if (re === te || (re == null || re.scrollIntoView({ block: "nearest" }), re === D && k && (k.scrollTop = 0), re === G && k && (k.scrollTop = k.scrollHeight), re == null || re.focus(), document.activeElement !== te)) return;
       },
       [q, k]
-    ), V = l.useCallback(
+    ), z = l.useCallback(
       () => $([N, w]),
       [$, N, w]
     );
     l.useEffect(() => {
-      Q && V();
-    }, [Q, V]);
+      Q && z();
+    }, [Q, z]);
     const { onOpenChange: P, triggerPointerDownPosRef: ee } = b;
     l.useEffect(() => {
       if (w) {
@@ -7478,7 +7478,7 @@ var fe = 10, [Qa, Ie] = ct(We), qd = "SelectContentImpl", Zd = /* @__PURE__ */ F
         selectedItem: N,
         onItemLeave: T,
         itemTextRefCallback: j,
-        focusSelectedItem: V,
+        focusSelectedItem: z,
         selectedItemText: Y,
         position: n,
         isPositioned: Q,
@@ -7514,7 +7514,7 @@ var fe = 10, [Qa, Ie] = ct(We), qd = "SelectContentImpl", Zd = /* @__PURE__ */ F
                     onContextMenu: (A) => A.preventDefault(),
                     ...y,
                     ...H,
-                    onPlaced: () => F(!0),
+                    onPlaced: () => V(!0),
                     ref: R,
                     style: {
                       // flex layout so we can place the scroll buttons properly
@@ -7568,14 +7568,14 @@ var Jd = "SelectItemAlignedPosition", ts = l.forwardRef((e, t) => {
         ]);
         i.style.minWidth = ge + "px", i.style.right = ft + "px";
       }
-      const J = g(), q = window.innerHeight - fe * 2, Q = m.scrollHeight, F = window.getComputedStyle(u), K = parseInt(F.borderTopWidth, 10), $ = parseInt(F.paddingTop, 10), V = parseInt(F.borderBottomWidth, 10), P = parseInt(F.paddingBottom, 10), ee = K + $ + Q + P + V, C = Math.min(x.offsetHeight * 5, ee), L = window.getComputedStyle(m), S = parseInt(L.paddingTop, 10), T = parseInt(L.paddingBottom, 10), j = R.top + R.height / 2 - fe, O = q - j, H = x.offsetHeight / 2, A = x.offsetTop + H, D = K + $ + A, W = ee - D;
+      const J = g(), q = window.innerHeight - fe * 2, Q = m.scrollHeight, V = window.getComputedStyle(u), K = parseInt(V.borderTopWidth, 10), $ = parseInt(V.paddingTop, 10), z = parseInt(V.borderBottomWidth, 10), P = parseInt(V.paddingBottom, 10), ee = K + $ + Q + P + z, C = Math.min(x.offsetHeight * 5, ee), L = window.getComputedStyle(m), S = parseInt(L.paddingTop, 10), T = parseInt(L.paddingBottom, 10), j = R.top + R.height / 2 - fe, O = q - j, H = x.offsetHeight / 2, A = x.offsetTop + H, D = K + $ + A, W = ee - D;
       if (D <= j) {
         const te = J.length > 0 && x === J[J.length - 1].ref.current;
         i.style.bottom = "0px";
         const re = u.clientHeight - m.offsetTop - m.offsetHeight, le = Math.max(
           O,
           H + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (te ? T : 0) + re + V
+          (te ? T : 0) + re + z
         ), ge = D + le;
         i.style.height = ge + "px";
       } else {
@@ -8030,7 +8030,7 @@ function Pf({
     {
       "data-slot": "select-trigger",
       "data-size": t,
-      className: z(
+      className: F(
         "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         e
       ),
@@ -8052,7 +8052,7 @@ function Af({
     hf,
     {
       "data-slot": "select-content",
-      className: z(
+      className: F(
         "bg-popover text-popover-foreground 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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
         r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         e
@@ -8064,7 +8064,7 @@ function Af({
         /* @__PURE__ */ d.jsx(
           gf,
           {
-            className: z(
+            className: F(
               "p-1",
               r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
             ),
@@ -8084,7 +8084,7 @@ function Nf({
     xf,
     {
       "data-slot": "select-label",
-      className: z("text-muted-foreground px-2 py-1.5 text-xs", e),
+      className: F("text-muted-foreground px-2 py-1.5 text-xs", e),
       ...t
     }
   );
@@ -8098,7 +8098,7 @@ function ro({
     bf,
     {
       "data-slot": "select-item",
-      className: z(
+      className: F(
         "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         e
       ),
@@ -8118,7 +8118,7 @@ function _f({
     Sf,
     {
       "data-slot": "select-scroll-up-button",
-      className: z(
+      className: F(
         "flex cursor-default items-center justify-center py-1",
         e
       ),
@@ -8135,7 +8135,7 @@ function Tf({
     Cf,
     {
       "data-slot": "select-scroll-down-button",
-      className: z(
+      className: F(
         "flex cursor-default items-center justify-center py-1",
         e
       ),
@@ -8144,7 +8144,7 @@ function Tf({
     }
   );
 }
-var cr = "Popover", [bs, pm] = Ue(cr, [
+var cr = "Popover", [bs, hm] = Ue(cr, [
   lt
 ]), kt = lt(), [Of, Me] = bs(cr), ys = (e) => {
   const {
@@ -8378,7 +8378,7 @@ function Kf({
       "data-slot": "popover-content",
       align: t,
       sideOffset: r,
-      className: z(
+      className: F(
         "bg-popover text-popover-foreground 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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
         e
       ),
@@ -8424,7 +8424,7 @@ var gt = '[cmdk-group=""]', Er = '[cmdk-group-items=""]', op = '[cmdk-group-head
         }
         if (_(7, () => {
           var W;
-          r.current.selectedItemId = (W = F()) == null ? void 0 : W.id, R.emit();
+          r.current.selectedItemId = (W = V()) == null ? void 0 : W.id, R.emit();
         }), j || _(5, Q), ((H = i.current) == null ? void 0 : H.value) !== void 0) {
           let W = T ?? "";
           (D = (A = i.current).onValueChange) == null || D.call(A, W);
@@ -8444,7 +8444,7 @@ var gt = '[cmdk-group=""]', Er = '[cmdk-group-items=""]', op = '[cmdk-group-head
     q(), Y(), r.current.value || J(), R.emit();
   }), () => {
     a.current.delete(S), n.current.delete(S), r.current.filtered.items.delete(S);
-    let j = F();
+    let j = V();
     _(4, () => {
       q(), (j == null ? void 0 : j.getAttribute("id")) === S && J(), R.emit();
     });
@@ -8504,10 +8504,10 @@ var gt = '[cmdk-group=""]', Er = '[cmdk-group-items=""]', op = '[cmdk-group-head
   }
   function Q() {
     var S, T, j;
-    let O = F();
+    let O = V();
     O && (((S = O.parentElement) == null ? void 0 : S.firstChild) === O && ((j = (T = O.closest(gt)) == null ? void 0 : T.querySelector(op)) == null || j.scrollIntoView({ block: "nearest" })), O.scrollIntoView({ block: "nearest" }));
   }
-  function F() {
+  function V() {
     var S;
     return (S = k.current) == null ? void 0 : S.querySelector(`${_s}[aria-selected="true"]`);
   }
@@ -8519,20 +8519,20 @@ var gt = '[cmdk-group=""]', Er = '[cmdk-group-items=""]', op = '[cmdk-group-head
     let T = K()[S];
     T && R.setState("value", T.getAttribute(qe));
   }
-  function V(S) {
+  function z(S) {
     var T;
-    let j = F(), O = K(), H = O.findIndex((D) => D === j), A = O[H + S];
+    let j = V(), O = K(), H = O.findIndex((D) => D === j), A = O[H + S];
     (T = i.current) != null && T.loop && (A = H + S < 0 ? O[O.length - 1] : H + S === O.length ? O[0] : O[H + S]), A && R.setState("value", A.getAttribute(qe));
   }
   function P(S) {
-    let T = F(), j = T == null ? void 0 : T.closest(gt), O;
+    let T = V(), j = T == null ? void 0 : T.closest(gt), O;
     for (; j && !O; ) j = S > 0 ? mp(j, gt) : hp(j, gt), O = j == null ? void 0 : j.querySelector(ao);
-    O ? R.setState("value", O.getAttribute(qe)) : V(S);
+    O ? R.setState("value", O.getAttribute(qe)) : z(S);
   }
   let ee = () => $(K().length - 1), C = (S) => {
-    S.preventDefault(), S.metaKey ? ee() : S.altKey ? P(1) : V(1);
+    S.preventDefault(), S.metaKey ? ee() : S.altKey ? P(1) : z(1);
   }, L = (S) => {
-    S.preventDefault(), S.metaKey ? $(0) : S.altKey ? P(-1) : V(-1);
+    S.preventDefault(), S.metaKey ? $(0) : S.altKey ? P(-1) : z(-1);
   };
   return l.createElement(U.div, { ref: t, tabIndex: -1, ...y, "cmdk-root": "", onKeyDown: (S) => {
     var T;
@@ -8567,7 +8567,7 @@ var gt = '[cmdk-group=""]', Er = '[cmdk-group-items=""]', op = '[cmdk-group-head
       }
       case "Enter": {
         S.preventDefault();
-        let O = F();
+        let O = V();
         if (O) {
           let H = new Event(Ur);
           O.dispatchEvent(H);
@@ -8700,7 +8700,7 @@ function bp({
     Pt,
     {
       "data-slot": "command",
-      className: z(
+      className: F(
         "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
         e
       ),
@@ -8723,7 +8723,7 @@ function yp({
           Pt.Input,
           {
             "data-slot": "command-input",
-            className: z(
+            className: F(
               "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
               e
             ),
@@ -8754,7 +8754,7 @@ function so({
     Pt.Group,
     {
       "data-slot": "command-group",
-      className: z(
+      className: F(
         "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
         e
       ),
@@ -8770,7 +8770,7 @@ function io({
     Pt.Item,
     {
       "data-slot": "command-item",
-      className: z(
+      className: F(
         "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         e
       ),
@@ -8781,7 +8781,7 @@ function io({
 function Gr(e) {
   return e.length > 0 && e[0].kind === "group";
 }
-function mm(e) {
+function gm(e) {
   return e.multiple ? /* @__PURE__ */ d.jsx(Cp, { ...e }) : /* @__PURE__ */ d.jsx(Sp, { ...e });
 }
 const Sp = ({
@@ -8808,7 +8808,7 @@ const Sp = ({
             Pf,
             {
               "aria-invalid": !!n,
-              className: z(
+              className: F(
                 "flex w-full items-center justify-between rounded-md border bg-white px-3 py-2 text-sm",
                 r && "cursor-not-allowed bg-neutral-black-4 border border-neutral-black-4 rounded",
                 n ? "border-primary-1" : "border-neutral-black-4"
@@ -8865,7 +8865,7 @@ const Sp = ({
           disabled: r,
           "aria-haspopup": "listbox",
           "aria-expanded": i,
-          className: z(
+          className: F(
             "flex w-full items-center justify-between rounded-md border bg-white px-3 py-2 text-sm",
             r && "cursor-not-allowed bg-neutral-black-4 border border-neutral-black-4 rounded",
             n ? "border-primary-1" : "border-neutral-black-4"
@@ -8956,7 +8956,7 @@ const Sp = ({
     variant: "widget-1"
   }
 });
-function hm({
+function vm({
   className: e,
   variant: t,
   asChild: r = !1,
@@ -8968,7 +8968,7 @@ function hm({
     a,
     {
       "data-slot": "card",
-      className: z(Ep({ variant: t }), e),
+      className: F(Ep({ variant: t }), e),
       ...o,
       children: n
     }
@@ -9101,7 +9101,7 @@ function Np() {
   return () => {
   };
 }
-var yn = "Avatar", [_p, gm] = Ue(yn), [Tp, Ls] = _p(yn), $s = l.forwardRef(
+var yn = "Avatar", [_p, xm] = Ue(yn), [Tp, Ls] = _p(yn), $s = l.forwardRef(
   (e, t) => {
     const { __scopeAvatar: r, ...n } = e, [o, a] = l.useState("idle");
     return /* @__PURE__ */ d.jsx(
@@ -9245,7 +9245,7 @@ const Ip = de(
     }
   }
 );
-function vm(e) {
+function bm(e) {
   const {
     type: t,
     size: r = "md",
@@ -9259,7 +9259,7 @@ function vm(e) {
   return /* @__PURE__ */ d.jsxs(
     jp,
     {
-      className: z(Ip({ size: r, progress: s }), i),
+      className: F(Ip({ size: r, progress: s }), i),
       ...c,
       children: [
         t === "picture" && /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
@@ -9325,26 +9325,26 @@ function vm(e) {
     }
   );
 }
-function xm({
+function ym({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ d.jsx(
     Ws,
     {
-      className: z("aspect-square h-full w-full", e),
+      className: F("aspect-square h-full w-full", e),
       ...t
     }
   );
 }
-function bm({
+function wm({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ d.jsx(
     Vt,
     {
-      className: z(
+      className: F(
         "flex h-full w-full items-center justify-center rounded-full bg-muted",
         e
       ),
@@ -9369,7 +9369,7 @@ function Vp(e) {
   return Fp.includes(e);
 }
 var zp = Hs;
-function ym({
+function Sm({
   className: e,
   orientation: t = "horizontal",
   decorative: r = !0,
@@ -9394,7 +9394,7 @@ function ym({
       role: "separator",
       decorative: r,
       orientation: t,
-      className: z(
+      className: F(
         "bg-neutral-black-4 shrink-0",
         t === "horizontal" ? "w-full" : "h-full",
         a,
@@ -9470,7 +9470,7 @@ const Bp = de("flex flex-col gap-12"), Wp = de("", {
     }
   }
 ), Up = (e, t) => e && !t;
-function wm({
+function Cm({
   items: e,
   variant: t = "filled",
   className: r
@@ -9478,7 +9478,7 @@ function wm({
   const n = e.findIndex(
     (a) => a.notVisited === !0
   ), o = e.map((a, s) => n !== -1 && s >= n ? { ...a, notVisited: !0 } : a);
-  return /* @__PURE__ */ d.jsx("div", { className: z(Bp(), r), "data-testid": "timeline", children: /* @__PURE__ */ d.jsx("div", { className: "flex flex-col", children: o.map((a, s) => {
+  return /* @__PURE__ */ d.jsx("div", { className: F(Bp(), r), "data-testid": "timeline", children: /* @__PURE__ */ d.jsx("div", { className: "flex flex-col", children: o.map((a, s) => {
     const i = s === o.length - 1, c = !!(a.description || a.content), u = Up(i, c), p = a.notVisited || !1, f = o[s + 1], g = (f == null ? void 0 : f.notVisited) || !1, h = t === "icon" && g;
     return /* @__PURE__ */ d.jsxs(
       "div",
@@ -9491,7 +9491,7 @@ function wm({
               "div",
               {
                 "data-testid": "timeline-dot",
-                className: z(
+                className: F(
                   Wp({ variant: t, visited: !p })
                 ),
                 children: t === "icon" && a.icon && /* @__PURE__ */ d.jsx("div", { className: "flex items-center justify-center w-full h-full", children: a.icon })
@@ -9500,7 +9500,7 @@ function wm({
             /* @__PURE__ */ d.jsx(
               "p",
               {
-                className: z(
+                className: F(
                   "text-neutral-black-1",
                   p && "text-neutral-black-4"
                 ),
@@ -9512,7 +9512,7 @@ function wm({
             "div",
             {
               "data-testid": "timeline-connector",
-              className: z(
+              className: F(
                 Hp({
                   hideConnector: u,
                   variant: t,
@@ -9524,7 +9524,7 @@ function wm({
                 a.description && /* @__PURE__ */ d.jsx(
                   "p",
                   {
-                    className: z(
+                    className: F(
                       "text-[var(--color-neutral-black-1)] text-sm",
                       p && "text-neutral-black-4"
                     ),
@@ -9541,7 +9541,7 @@ function wm({
     );
   }) }) });
 }
-const Sm = ({
+const Em = ({
   variant: e = "icon",
   width: t,
   height: r,
@@ -9566,7 +9566,7 @@ const Sm = ({
     "div",
     {
       "data-testid": "placeholder-wrapper",
-      className: z(
+      className: F(
         "flex flex-col items-center justify-center text-neutral-black-2 gap-2 select-none bg-neutral-black-5 rounded-2xl",
         o
       ),
@@ -9575,38 +9575,117 @@ const Sm = ({
       children: s()
     }
   );
-};
+}, Gp = (e) => e === void 0 || isNaN(e) ? 0 : Math.min(100, Math.max(0, e)), Yp = l.forwardRef(
+  ({
+    variant: e = "linear",
+    value: t = 0,
+    color: r = "var(--color-primary-1)",
+    className: n,
+    ...o
+  }, a) => {
+    const s = Gp(t);
+    if (e === "circular") {
+      const { size: i = 80, thickness: c = 8 } = o, u = (i - c) / 2, p = 2 * Math.PI * u, f = p - s / 100 * p;
+      return /* @__PURE__ */ d.jsx(
+        "div",
+        {
+          ref: a,
+          role: "progressbar",
+          "aria-valuenow": s,
+          "aria-valuemin": 0,
+          "aria-valuemax": 100,
+          className: F("flex flex-col items-center justify-center", n),
+          ...o,
+          children: /* @__PURE__ */ d.jsxs("svg", { width: i, height: i, className: "rotate-[-90deg]", children: [
+            /* @__PURE__ */ d.jsx(
+              "circle",
+              {
+                cx: i / 2,
+                cy: i / 2,
+                r: u,
+                stroke: "var(--color-neutral-black-5)",
+                strokeWidth: c,
+                fill: "transparent"
+              }
+            ),
+            /* @__PURE__ */ d.jsx(
+              "circle",
+              {
+                cx: i / 2,
+                cy: i / 2,
+                r: u,
+                stroke: r,
+                strokeWidth: c,
+                fill: "transparent",
+                strokeDasharray: p,
+                strokeDashoffset: f,
+                className: "transition-all duration-700"
+              }
+            )
+          ] })
+        }
+      );
+    }
+    return /* @__PURE__ */ d.jsx(
+      "div",
+      {
+        ref: a,
+        role: "progressbar",
+        "aria-valuenow": s,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        className: F(
+          "w-full h-2 bg-[var(--color-neutral-black-5)] overflow-hidden",
+          n
+        ),
+        ...o,
+        children: /* @__PURE__ */ d.jsx(
+          "div",
+          {
+            className: "h-full transition-all duration-300",
+            style: {
+              width: `${s}%`,
+              backgroundColor: r
+            }
+          }
+        )
+      }
+    );
+  }
+);
+Yp.displayName = "ProgressIndicator";
 export {
-  vm as Avatar,
-  bm as AvatarFallback,
-  xm as AvatarImage,
+  bm as Avatar,
+  wm as AvatarFallback,
+  ym as AvatarImage,
   Yc as Badge,
-  Kp as Button,
-  hm as Card,
-  Zp as Dialog,
-  Qp as DialogClose,
-  em as DialogContent,
-  om as DialogDescription,
-  rm as DialogFooter,
-  tm as DialogHeader,
+  qp as Button,
+  vm as Card,
+  Qp as Dialog,
+  tm as DialogClose,
+  rm as DialogContent,
+  sm as DialogDescription,
+  om as DialogFooter,
+  nm as DialogHeader,
   Uc as DialogOverlay,
   Hc as DialogPortal,
-  nm as DialogTitle,
-  Jp as DialogTrigger,
-  ym as Divider,
-  cm as EmailInput,
+  am as DialogTitle,
+  em as DialogTrigger,
+  Sm as Divider,
+  dm as EmailInput,
   Cp as MultiSelect,
-  um as PasswordInput,
-  Sm as Placeholder,
-  dm as SearchInput,
-  mm as SelectOption,
+  fm as PasswordInput,
+  Em as Placeholder,
+  Yp as ProgressIndicator,
+  pm as SearchInput,
+  gm as SelectOption,
   Sp as SingleSelect,
   Gi as StatefulToggle,
-  wm as Timeline,
+  Cm as Timeline,
   Ui as Toggle,
-  sm as Tooltip,
-  lm as TooltipContent,
+  lm as Tooltip,
+  um as TooltipContent,
   Dd as TooltipProvider,
-  im as TooltipTrigger,
-  z as cn
+  cm as TooltipTrigger,
+  F as cn
 };