snapflow-ui-kit 1.2.9 → 1.2.16

package/dist/index.client.js

@@ -1,61 +1,61 @@
 "use client";
 import z, { clsx as C } from "clsx";
-import { clsx as Pn } from "clsx";
+import { clsx as Rn } from "clsx";
 import ge from "simplebar-react";
-import { default as Tn } from "simplebar-react";
-import { A as se, s as W, c as te } from "./Textarea-6m6FiIv5.js";
-import { B as $n, C as Ln, a as Mn, L as An, R as Fn, T as Vn, b as Wn } from "./Textarea-6m6FiIv5.js";
-import { jsx as n, jsxs as p, Fragment as ce } from "react/jsx-runtime";
-import { useEffect as k, useState as j, useRef as R, useCallback as K, useMemo as ne, forwardRef as we, useId as ie } from "react";
+import { default as Bn } from "simplebar-react";
+import { A as se, s as Q, c as te } from "./Textarea-6m6FiIv5.js";
+import { B as Ln, C as Mn, a as An, L as Fn, R as Vn, T as Wn, b as Qn } from "./Textarea-6m6FiIv5.js";
+import { jsx as n, jsxs as u, Fragment as ce } from "react/jsx-runtime";
+import { useEffect as k, useState as j, useRef as T, useCallback as K, useMemo as ne, forwardRef as we, useId as ie } from "react";
 import { A as ye, C as be, E as ve, a as Ce, b as Ne, c as Ie } from "./ArrowRightIcon-D0SDyfKt.js";
 import { DayPicker as oe } from "react-day-picker";
-import { format as L, parse as M, isValid as A } from "date-fns";
+import { format as M, parse as A, isValid as F } from "date-fns";
 import { C as le } from "./CloseIcon-CqK3tPnG.js";
-import * as P from "@radix-ui/react-dropdown-menu";
+import * as R from "@radix-ui/react-dropdown-menu";
 import { createPortal as Se } from "react-dom";
 import { FocusTrap as ke } from "focus-trap-react";
-import { toast as Q } from "react-hot-toast";
+import { toast as G } from "react-hot-toast";
 const Sn = (e) => {
-  Q.custom((t) => /* @__PURE__ */ n(
+  G.custom((t) => /* @__PURE__ */ n(
     se,
     {
       variant: "success",
       message: e,
-      className: t.visible ? W.toastEnter : W.toastExit,
-      onClose: () => Q.dismiss(t.id)
+      className: t.visible ? Q.toastEnter : Q.toastExit,
+      onClose: () => G.dismiss(t.id)
     }
   ));
 }, kn = (e, t) => {
-  Q.custom((r) => /* @__PURE__ */ n(
+  G.custom((a) => /* @__PURE__ */ n(
     se,
     {
       variant: "error",
       title: t,
       message: e,
-      className: r.visible ? W.toastEnter : W.toastExit,
-      onClose: () => Q.dismiss(r.id)
+      className: a.visible ? Q.toastEnter : Q.toastExit,
+      onClose: () => G.dismiss(a.id)
     }
   ));
-}, De = "_wrapper_8euq6_1", xe = "_inputContainer_8euq6_5", Ee = "_label_8euq6_11", je = "_inputWrapper_8euq6_15", Oe = "_trigger_8euq6_22", qe = "_icon_8euq6_36", Pe = "_placeholder_8euq6_43", Re = "_clearButton_8euq6_47", Te = "_clearIcon_8euq6_87", Be = "_disabledLabel_8euq6_99", $e = "_error_8euq6_121", Le = "_calendar_8euq6_139", Me = "_open_8euq6_159", Ae = "_monthsCaption_8euq6_165", Fe = "_navButtonPrevious_8euq6_171", Ve = "_navButtonNext_8euq6_172", We = "_navIcon_8euq6_192", Qe = "_monthGrid_8euq6_198", Ge = "_dropdowns_8euq6_204", He = "_weekday_8euq6_208", ze = "_day_8euq6_219", Ke = "_dayButton_8euq6_226", Xe = "_dayOutside_8euq6_253", Ye = "_dayToday_8euq6_257", Je = "_daySelected_8euq6_262", Ue = "_dayRangeStart_8euq6_263", Ze = "_dayRangeEnd_8euq6_264", et = "_dayRangeMiddle_8euq6_265", a = {
+}, De = "_wrapper_12ea5_1", xe = "_inputContainer_12ea5_5", Ee = "_label_12ea5_11", je = "_inputWrapper_12ea5_15", Oe = "_trigger_12ea5_22", Pe = "_icon_12ea5_36", Re = "_placeholder_12ea5_43", Te = "_clearButton_12ea5_47", Be = "_clearIcon_12ea5_86", $e = "_disabledLabel_12ea5_98", Le = "_error_12ea5_102", Me = "_calendar_12ea5_139", Ae = "_open_12ea5_159", Fe = "_monthsCaption_12ea5_165", Ve = "_navButtonPrevious_12ea5_171", We = "_navButtonNext_12ea5_172", Qe = "_navIcon_12ea5_197", Ge = "_monthGrid_12ea5_203", qe = "_dropdowns_12ea5_209", He = "_weekday_12ea5_213", ze = "_day_12ea5_224", Ke = "_dayButton_12ea5_231", Xe = "_dayOutside_12ea5_258", Ye = "_dayToday_12ea5_262", Je = "_daySelected_12ea5_267", Ue = "_dayRangeStart_12ea5_268", Ze = "_dayRangeEnd_12ea5_269", et = "_dayRangeMiddle_12ea5_270", r = {
   wrapper: De,
   inputContainer: xe,
   label: Ee,
   inputWrapper: je,
   trigger: Oe,
-  icon: qe,
-  placeholder: Pe,
-  clearButton: Re,
-  clearIcon: Te,
-  disabledLabel: Be,
-  error: $e,
-  calendar: Le,
-  open: Me,
-  monthsCaption: Ae,
-  navButtonPrevious: Fe,
-  navButtonNext: Ve,
-  navIcon: We,
-  monthGrid: Qe,
-  dropdowns: Ge,
+  icon: Pe,
+  placeholder: Re,
+  clearButton: Te,
+  clearIcon: Be,
+  disabledLabel: $e,
+  error: Le,
+  calendar: Me,
+  open: Ae,
+  monthsCaption: Fe,
+  navButtonPrevious: Ve,
+  navButtonNext: We,
+  navIcon: Qe,
+  monthGrid: Ge,
+  dropdowns: qe,
   weekday: He,
   day: ze,
   dayButton: Ke,
@@ -68,32 +68,32 @@ const Sn = (e) => {
 }, tt = ({
   ref: e,
   isOpen: t,
-  onDismiss: r
+  onDismiss: a
 }) => {
   k(() => {
     if (!t) return;
     const o = (s) => {
-      e.current && !e.current.contains(s.target) && r();
+      e.current && !e.current.contains(s.target) && a();
     }, i = (s) => {
-      s.key === "Escape" && r();
+      s.key === "Escape" && a();
     };
     return document.addEventListener("mousedown", o), document.addEventListener("touchstart", o), document.addEventListener("keydown", i), () => {
       document.removeEventListener("mousedown", o), document.removeEventListener("touchstart", o), document.removeEventListener("keydown", i);
     };
-  }, [t, r, e]);
-}, nt = "_container_sn15j_1", ot = "_label_sn15j_7", rt = "_trigger_sn15j_14", at = "_select_sn15j_18", st = "_triggerOpen_sn15j_50", ct = "_placeholder_sn15j_71", it = "_selectedContent_sn15j_75", lt = "_optionIcon_sn15j_85", dt = "_arrow_sn15j_91", ut = "_open_sn15j_106", _t = "_dropdown_sn15j_110", pt = "_searchContainer_sn15j_131", mt = "_searchInput_sn15j_141", ht = "_option_sn15j_85", ft = "_selected_sn15j_75", gt = "_noOptions_sn15j_202", _ = {
+  }, [t, a, e]);
+}, nt = "_container_sn15j_1", ot = "_label_sn15j_7", at = "_trigger_sn15j_14", rt = "_select_sn15j_18", st = "_triggerOpen_sn15j_50", ct = "_placeholder_sn15j_71", it = "_selectedContent_sn15j_75", lt = "_optionIcon_sn15j_85", dt = "_arrow_sn15j_91", _t = "_open_sn15j_106", pt = "_dropdown_sn15j_110", ut = "_searchContainer_sn15j_131", mt = "_searchInput_sn15j_141", ht = "_option_sn15j_85", ft = "_selected_sn15j_75", gt = "_noOptions_sn15j_202", p = {
   container: nt,
   label: ot,
-  trigger: rt,
-  select: at,
+  trigger: at,
+  select: rt,
   triggerOpen: st,
   placeholder: ct,
   selectedContent: it,
   optionIcon: lt,
   arrow: dt,
-  open: ut,
-  dropdown: _t,
-  searchContainer: pt,
+  open: _t,
+  dropdown: pt,
+  searchContainer: ut,
   searchInput: mt,
   option: ht,
   selected: ft,
@@ -101,7 +101,7 @@ const Sn = (e) => {
 }, wt = ({
   filteredOptions: e,
   isLoading: t,
-  loadingText: r,
+  loadingText: a,
   noOptionsText: o,
   onSearchChange: i,
   onSelect: s,
@@ -110,36 +110,36 @@ const Sn = (e) => {
   searchQuery: m,
   searchable: y,
   value: f
-}) => /* @__PURE__ */ p(ce, { children: [
-  y && /* @__PURE__ */ n("div", { className: _.searchContainer, children: /* @__PURE__ */ n(
+}) => /* @__PURE__ */ u(ce, { children: [
+  y && /* @__PURE__ */ n("div", { className: p.searchContainer, children: /* @__PURE__ */ n(
     "input",
     {
       ref: c,
-      className: _.searchInput,
+      className: p.searchInput,
       onChange: (l) => i(l.currentTarget.value),
       placeholder: d,
       type: "text",
       value: m
     }
   ) }),
-  t && /* @__PURE__ */ n("p", { className: _.noOptions, children: r }),
-  e.length ? e.map((l) => /* @__PURE__ */ p(
+  t && /* @__PURE__ */ n("p", { className: p.noOptions, children: a }),
+  e.length ? e.map((l) => /* @__PURE__ */ u(
     "button",
     {
-      className: C(_.option, l.value === f && _.selected),
+      className: C(p.option, l.value === f && p.selected),
       onClick: () => s(l.value),
       type: "button",
       role: "option",
       "aria-selected": l.value === f,
       children: [
-        l.icon && /* @__PURE__ */ n("span", { className: _.optionIcon, children: l.icon }),
+        l.icon && /* @__PURE__ */ n("span", { className: p.optionIcon, children: l.icon }),
         l.label
       ]
     },
     l.value
-  )) : t ? null : /* @__PURE__ */ n("p", { className: _.noOptions, children: o })
-] }), re = (e, t) => {
-  const [r, o] = j(e);
+  )) : t ? null : /* @__PURE__ */ n("p", { className: p.noOptions, children: o })
+] }), ae = (e, t) => {
+  const [a, o] = j(e);
   return k(() => {
     const i = setTimeout(() => {
       o(e);
@@ -147,11 +147,11 @@ const Sn = (e) => {
     return () => {
       clearTimeout(i);
     };
-  }, [t, e]), r;
+  }, [t, e]), a;
 }, yt = (e) => {
   const {
     className: t,
-    defaultSearchValue: r = "",
+    defaultSearchValue: a = "",
     disabled: o = !1,
     filterOptions: i,
     isLoading: s = !1,
@@ -166,59 +166,59 @@ const Sn = (e) => {
     searchMode: D = "local",
     searchPlaceholder: x = "Search...",
     searchValue: h,
-    searchable: u = !1,
+    searchable: _ = !1,
     value: S
-  } = e, [b, N] = j(!1), [T, X] = j(h ?? r), G = R(null), Y = R(null), J = R(!0), U = h !== void 0 ? h : T, ue = re(U, w), Z = re(T, w), _e = i ?? D === "local", q = l.find((E) => E.value === S), ee = ue.trim().toLowerCase(), pe = _e && ee ? l.filter((E) => E.label.toLowerCase().includes(ee)) : l, H = K(() => {
+  } = e, [b, N] = j(!1), [B, X] = j(h ?? a), q = T(null), Y = T(null), J = T(!0), U = h !== void 0 ? h : B, _e = ae(U, w), Z = ae(B, w), pe = i ?? D === "local", P = l.find((E) => E.value === S), ee = _e.trim().toLowerCase(), ue = pe && ee ? l.filter((E) => E.label.toLowerCase().includes(ee)) : l, H = K(() => {
     X("");
-  }, []), B = K(() => {
+  }, []), $ = K(() => {
     N(!1), H();
   }, [H]), me = () => {
-    o || (b ? B() : (H(), N(!0)));
+    o || (b ? $() : (H(), N(!0)));
   }, he = (E) => {
-    y?.(E), B();
+    y?.(E), $();
   };
   return k(() => {
     const E = (fe) => {
-      G.current && !G.current.contains(fe.target) && B();
+      q.current && !q.current.contains(fe.target) && $();
     };
     return b && document.addEventListener("mousedown", E), () => {
       document.removeEventListener("mousedown", E);
     };
-  }, [B, b]), k(() => {
-    if (!(!u || !f)) {
+  }, [$, b]), k(() => {
+    if (!(!_ || !f)) {
       if (J.current) {
         J.current = !1;
         return;
       }
       f(Z);
     }
-  }, [Z, f, u]), k(() => {
-    b && u && Y.current?.focus();
-  }, [b, u]), /* @__PURE__ */ p("div", { className: C(_.container, t), children: [
-    c && /* @__PURE__ */ n("label", { className: _.label, children: c }),
-    /* @__PURE__ */ p("div", { className: _.select, ref: G, children: [
-      /* @__PURE__ */ p(
+  }, [Z, f, _]), k(() => {
+    b && _ && Y.current?.focus();
+  }, [b, _]), /* @__PURE__ */ u("div", { className: C(p.container, t), children: [
+    c && /* @__PURE__ */ n("label", { className: p.label, children: c }),
+    /* @__PURE__ */ u("div", { className: p.select, ref: q, children: [
+      /* @__PURE__ */ u(
         "button",
         {
-          className: C(_.trigger, b && _.triggerOpen),
+          className: C(p.trigger, b && p.triggerOpen),
           disabled: o,
           onClick: me,
           type: "button",
           "aria-haspopup": "listbox",
           "aria-expanded": b,
           children: [
-            /* @__PURE__ */ p("span", { className: q ? _.selectedContent : _.placeholder, children: [
-              q?.icon && /* @__PURE__ */ n("span", { className: _.optionIcon, children: q.icon }),
-              q ? q.label : g || "Select an option"
+            /* @__PURE__ */ u("span", { className: P ? p.selectedContent : p.placeholder, children: [
+              P?.icon && /* @__PURE__ */ n("span", { className: p.optionIcon, children: P.icon }),
+              P ? P.label : g || "Select an option"
             ] }),
-            /* @__PURE__ */ n("span", { className: C(_.arrow, b && _.open), children: /* @__PURE__ */ n(ye, {}) })
+            /* @__PURE__ */ n("span", { className: C(p.arrow, b && p.open), children: /* @__PURE__ */ n(ye, {}) })
           ]
         }
       ),
-      b && /* @__PURE__ */ n(ge, { className: _.dropdown, role: "listbox", style: { maxHeight: 191 }, children: /* @__PURE__ */ n(
+      b && /* @__PURE__ */ n(ge, { className: p.dropdown, role: "listbox", style: { maxHeight: 191 }, children: /* @__PURE__ */ n(
         wt,
         {
-          filteredOptions: pe,
+          filteredOptions: ue,
           isLoading: s,
           loadingText: d,
           noOptionsText: m,
@@ -227,7 +227,7 @@ const Sn = (e) => {
           searchInputRef: Y,
           searchPlaceholder: x,
           searchQuery: U,
-          searchable: u,
+          searchable: _,
           value: S
         }
       ) })
@@ -243,7 +243,7 @@ const Sn = (e) => {
       };
       e.onChange(i);
     }
-  }, r = e.options?.map((o) => ({
+  }, a = e.options?.map((o) => ({
     value: o.value.toString(),
     label: o.label
   })) || [];
@@ -251,7 +251,7 @@ const Sn = (e) => {
     yt,
     {
       className: e.className,
-      options: r,
+      options: a,
       value: e.value?.toString() || "",
       onChange: t
     }
@@ -259,27 +259,27 @@ const Sn = (e) => {
 };
 de.displayName = "DatePickerDropdown";
 const bt = {
-  month_caption: a.monthsCaption,
-  button_previous: a.navButtonPrevious,
-  button_next: a.navButtonNext,
-  chevron: a.navIcon,
-  caption_label: a.captionLabel,
-  dropdowns: a.dropdowns,
-  dropdown_root: a.dropdown_root,
-  dropdown: a.dropdown,
-  dropdown_select_option: a.option,
-  months_dropdown: a.monthsDropdown,
-  years_dropdown: a.yearsDropdown,
-  month_grid: a.monthGrid,
-  weekday: a.weekday,
-  day_button: a.dayButton,
-  day: a.day,
-  outside: a.dayOutside,
-  selected: a.daySelected,
-  range_start: a.dayRangeStart,
-  range_middle: a.dayRangeMiddle,
-  range_end: a.dayRangeEnd,
-  today: a.dayToday
+  month_caption: r.monthsCaption,
+  button_previous: r.navButtonPrevious,
+  button_next: r.navButtonNext,
+  chevron: r.navIcon,
+  caption_label: r.captionLabel,
+  dropdowns: r.dropdowns,
+  dropdown_root: r.dropdown_root,
+  dropdown: r.dropdown,
+  dropdown_select_option: r.option,
+  months_dropdown: r.monthsDropdown,
+  years_dropdown: r.yearsDropdown,
+  month_grid: r.monthGrid,
+  weekday: r.weekday,
+  day_button: r.dayButton,
+  day: r.day,
+  outside: r.dayOutside,
+  selected: r.daySelected,
+  range_start: r.dayRangeStart,
+  range_middle: r.dayRangeMiddle,
+  range_end: r.dayRangeEnd,
+  today: r.dayToday
 }, vt = {
   Dropdown: de
 }, Ct = {
@@ -293,71 +293,71 @@ const bt = {
 }, It = (e) => ({
   ...Nt,
   classNames: {
-    root: z(a.calendar, e && a.open),
+    root: z(r.calendar, e && r.open),
     ...bt
   }
-}), F = "dd.MM.yyyy", St = (e) => e ? L(e, F) : "", kt = (e) => !e || !e.from ? "" : e.to && e.from.getTime() !== e.to.getTime() ? `${L(e.from, F)} - ${L(e.to, F)}` : L(e.from, F), ae = (e, t) => e ? t === "single" && e instanceof Date ? St(e) : t === "range" && typeof e == "object" && "from" in e ? kt(e) : "" : "", Dt = ({
+}), V = "dd.MM.yyyy", St = (e) => e ? M(e, V) : "", kt = (e) => !e || !e.from ? "" : e.to && e.from.getTime() !== e.to.getTime() ? `${M(e.from, V)} - ${M(e.to, V)}` : M(e.from, V), re = (e, t) => e ? t === "single" && e instanceof Date ? St(e) : t === "range" && typeof e == "object" && "from" in e ? kt(e) : "" : "", Dt = ({
   value: e,
   mode: t,
-  onChange: r,
+  onChange: a,
   setMonth: o,
   setIsOpen: i
 }) => {
   if (!e) {
-    r("");
+    a("");
     return;
   }
   if (t === "single") {
-    e instanceof Date && (o(e), r(ae(e, "single")), i(!1));
+    e instanceof Date && (o(e), a(re(e, "single")), i(!1));
     return;
   }
   if (t === "range" && typeof e == "object" && "from" in e) {
     const s = e;
     s.from ? o(s.from) : s.to && o(s.to);
-    const c = ae(s, "range");
-    r(c), s.from && s.to && s.from.getTime() !== s.to.getTime() && i(!1);
+    const c = re(s, "range");
+    a(c), s.from && s.to && s.from.getTime() !== s.to.getTime() && i(!1);
   }
-}, V = "dd.MM.yyyy", xt = (e) => {
+}, W = "dd.MM.yyyy", xt = (e) => {
   if (!e) return;
-  const t = M(e, V, /* @__PURE__ */ new Date());
-  return A(t) ? t : void 0;
+  const t = A(e, W, /* @__PURE__ */ new Date());
+  return F(t) ? t : void 0;
 }, Et = (e) => {
   if (!e) return;
-  const t = " - ", r = e.indexOf(t);
-  if (r === -1) {
-    const d = M(e.trim(), V, /* @__PURE__ */ new Date());
-    return A(d) ? { from: d, to: void 0 } : void 0;
+  const t = " - ", a = e.indexOf(t);
+  if (a === -1) {
+    const d = A(e.trim(), W, /* @__PURE__ */ new Date());
+    return F(d) ? { from: d, to: void 0 } : void 0;
   }
-  const o = e.substring(0, r).trim(), i = e.substring(r + t.length).trim();
+  const o = e.substring(0, a).trim(), i = e.substring(a + t.length).trim();
   if (!o || !i) return;
-  const s = M(o, V, /* @__PURE__ */ new Date()), c = M(i, V, /* @__PURE__ */ new Date());
-  if (A(s) && A(c))
+  const s = A(o, W, /* @__PURE__ */ new Date()), c = A(i, W, /* @__PURE__ */ new Date());
+  if (F(s) && F(c))
     return { from: s, to: c };
 }, jt = (e, t) => {
   if (e)
     return t === "single" ? xt(e) : Et(e);
-}, Ot = (e, t, r) => {
+}, Ot = (e, t, a) => {
   if (e) {
     if (t === "single" && e instanceof Date) {
-      r(e);
+      a(e);
       return;
     }
     if (t === "range" && typeof e == "object" && "from" in e) {
       const o = e;
-      o.from ? r(o.from) : o.to && r(o.to);
+      o.from ? a(o.from) : o.to && a(o.to);
     }
   }
 }, Dn = ({
   mode: e,
   value: t,
-  onChange: r,
+  onChange: a,
   disabled: o,
   label: i,
   error: s,
   placeholder: c,
   ...d
 }) => {
-  const [m, y] = j(!1), f = R(null), [l, g] = j(/* @__PURE__ */ new Date()), w = ne(() => jt(t, e), [t, e]);
+  const [m, y] = j(!1), f = T(null), [l, g] = j(/* @__PURE__ */ new Date()), w = ne(() => jt(t, e), [t, e]);
   k(() => {
     Ot(w, e, g);
   }, [w, e, g]), tt({ ref: f, isOpen: m, onDismiss: () => {
@@ -367,30 +367,30 @@ const bt = {
     N.stopPropagation(), S(void 0);
   }, h = () => {
     o || y((N) => !N);
-  }, u = (N) => {
-    const T = N.currentTarget.value;
-    r(T);
+  }, _ = (N) => {
+    const B = N.currentTarget.value;
+    a(B);
   }, S = (N) => {
     Dt({
       value: N,
       mode: e,
-      onChange: r,
+      onChange: a,
       setMonth: g,
       setIsOpen: y
     });
   }, b = ne(() => It(m), [m]);
-  return /* @__PURE__ */ p("div", { ref: f, className: a.wrapper, children: [
-    /* @__PURE__ */ p("div", { className: a.inputContainer, children: [
-      i && /* @__PURE__ */ n("span", { className: o ? a.disabledLabel : a.label, children: /* @__PURE__ */ n(te, { variant: "text-14", children: i }) }),
-      /* @__PURE__ */ p("div", { className: a.inputWrapper, children: [
+  return /* @__PURE__ */ u("div", { ref: f, className: r.wrapper, children: [
+    /* @__PURE__ */ u("div", { className: r.inputContainer, children: [
+      i && /* @__PURE__ */ n("span", { className: o ? r.disabledLabel : r.label, children: /* @__PURE__ */ n(te, { variant: "text-14", children: i }) }),
+      /* @__PURE__ */ u("div", { className: r.inputWrapper, children: [
         /* @__PURE__ */ n(
           "input",
           {
             type: "text",
-            className: z(a.trigger, s && a.error),
+            className: z(r.trigger, s && r.error),
             onClick: h,
             value: t,
-            onChange: u,
+            onChange: _,
             placeholder: c,
             disabled: o,
             "aria-label": i || "Select date",
@@ -404,15 +404,15 @@ const bt = {
           "button",
           {
             type: "button",
-            className: a.clearButton,
+            className: r.clearButton,
             onClick: x,
             "aria-label": "Clear date",
-            children: /* @__PURE__ */ n(le, { className: a.clearIcon })
+            children: /* @__PURE__ */ n(le, { className: r.clearIcon })
           }
         ),
-        /* @__PURE__ */ n(be, { className: z(a.icon, !t && a.placeholder) })
+        /* @__PURE__ */ n(be, { className: z(r.icon, !t && r.placeholder) })
       ] }),
-      s && /* @__PURE__ */ n(te, { variant: "small", className: a.error, children: s })
+      s && /* @__PURE__ */ n(te, { variant: "small", className: r.error, children: s })
     ] }),
     e === "single" ? /* @__PURE__ */ n(
       oe,
@@ -436,31 +436,31 @@ const bt = {
       }
     )
   ] });
-}, qt = "_content_1bas8_1", Pt = "_item_1bas8_24", Rt = "_icon_1bas8_56", Tt = "_label_1bas8_62", $ = {
-  content: qt,
-  item: Pt,
-  icon: Rt,
-  label: Tt
+}, Pt = "_content_1bas8_1", Rt = "_item_1bas8_24", Tt = "_icon_1bas8_56", Bt = "_label_1bas8_62", L = {
+  content: Pt,
+  item: Rt,
+  icon: Tt,
+  label: Bt
 }, xn = (e) => {
-  const { children: t, items: r, className: o, align: i = "end", side: s = "bottom" } = e;
-  return /* @__PURE__ */ p(P.Root, { children: [
-    /* @__PURE__ */ n(P.Trigger, { asChild: !0, children: t }),
-    /* @__PURE__ */ n(P.Portal, { children: /* @__PURE__ */ n(
-      P.Content,
+  const { children: t, items: a, className: o, align: i = "end", side: s = "bottom" } = e;
+  return /* @__PURE__ */ u(R.Root, { children: [
+    /* @__PURE__ */ n(R.Trigger, { asChild: !0, children: t }),
+    /* @__PURE__ */ n(R.Portal, { children: /* @__PURE__ */ n(
+      R.Content,
       {
         align: i,
-        className: C($.content, o),
+        className: C(L.content, o),
         side: s,
         sideOffset: 4,
-        children: r.map((c, d) => /* @__PURE__ */ p(
-          P.Item,
+        children: a.map((c, d) => /* @__PURE__ */ u(
+          R.Item,
           {
-            className: $.item,
+            className: L.item,
             disabled: c.disabled,
             onSelect: c.onSelect,
             children: [
-              c.icon && /* @__PURE__ */ n("span", { className: $.icon, children: c.icon }),
-              /* @__PURE__ */ n("span", { className: $.label, children: c.label })
+              c.icon && /* @__PURE__ */ n("span", { className: L.icon, children: c.icon }),
+              /* @__PURE__ */ n("span", { className: L.label, children: c.label })
             ]
           },
           d
@@ -468,24 +468,24 @@ const bt = {
       }
     ) })
   ] });
-}, Bt = "_wrapper_gp2gj_1", $t = "_label_gp2gj_7", Lt = "_disabled_gp2gj_14", Mt = "_input_gp2gj_18", At = "_inputContainer_gp2gj_22", Ft = "_error_gp2gj_47", Vt = "_withStartIcon_gp2gj_64", Wt = "_withEndIcon_gp2gj_68", Qt = "_startIcon_gp2gj_85", Gt = "_endIcon_gp2gj_86", Ht = "_errorMessage_gp2gj_137", zt = "_required_gp2gj_144", v = {
-  wrapper: Bt,
-  label: $t,
-  disabled: Lt,
-  input: Mt,
-  inputContainer: At,
-  error: Ft,
-  withStartIcon: Vt,
-  withEndIcon: Wt,
-  startIcon: Qt,
-  endIcon: Gt,
+}, $t = "_wrapper_gp2gj_1", Lt = "_label_gp2gj_7", Mt = "_disabled_gp2gj_14", At = "_input_gp2gj_18", Ft = "_inputContainer_gp2gj_22", Vt = "_error_gp2gj_47", Wt = "_withStartIcon_gp2gj_64", Qt = "_withEndIcon_gp2gj_68", Gt = "_startIcon_gp2gj_85", qt = "_endIcon_gp2gj_86", Ht = "_errorMessage_gp2gj_137", zt = "_required_gp2gj_144", v = {
+  wrapper: $t,
+  label: Lt,
+  disabled: Mt,
+  input: At,
+  inputContainer: Ft,
+  error: Vt,
+  withStartIcon: Wt,
+  withEndIcon: Qt,
+  startIcon: Gt,
+  endIcon: qt,
   errorMessage: Ht,
   required: zt
 }, Kt = we(
   ({
     label: e,
     errorMessage: t,
-    startIcon: r,
+    startIcon: a,
     endIcon: o,
     onEndIconClick: i,
     allowPasswordToggle: s,
@@ -496,30 +496,30 @@ const bt = {
     id: f,
     ...l
   }, g) => {
-    const w = ie(), D = f ?? w, x = t ? `${D}-error` : void 0, h = !!t, u = d === "password" && s, [S, b] = j(!1);
-    return /* @__PURE__ */ p("div", { className: C(v.wrapper, m), children: [
-      e && /* @__PURE__ */ p("label", { htmlFor: D, className: C(v.label, { [v.disabled]: c }), children: [
+    const w = ie(), D = f ?? w, x = t ? `${D}-error` : void 0, h = !!t, _ = d === "password" && s, [S, b] = j(!1);
+    return /* @__PURE__ */ u("div", { className: C(v.wrapper, m), children: [
+      e && /* @__PURE__ */ u("label", { htmlFor: D, className: C(v.label, { [v.disabled]: c }), children: [
         e,
         y && /* @__PURE__ */ n("sup", { className: v.required, children: " *" })
       ] }),
-      /* @__PURE__ */ p(
+      /* @__PURE__ */ u(
         "div",
         {
           className: C(v.inputContainer, {
             [v.error]: h,
             [v.disabled]: c,
-            [v.withStartIcon]: !!r,
-            [v.withEndIcon]: !!o || u
+            [v.withStartIcon]: !!a,
+            [v.withEndIcon]: !!o || _
           }),
           children: [
-            r && /* @__PURE__ */ n("span", { className: v.startIcon, children: r }),
+            a && /* @__PURE__ */ n("span", { className: v.startIcon, children: a }),
             /* @__PURE__ */ n(
               "input",
               {
                 ref: g,
                 id: D,
                 className: v.input,
-                type: u && S ? "text" : d,
+                type: _ && S ? "text" : d,
                 autoComplete: d === "password" ? "current-password" : "off",
                 required: y,
                 disabled: c,
@@ -528,7 +528,7 @@ const bt = {
                 ...l
               }
             ),
-            u && /* @__PURE__ */ n(
+            _ && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
@@ -540,7 +540,7 @@ const bt = {
                 children: S ? /* @__PURE__ */ n(ve, {}) : /* @__PURE__ */ n(Ce, {})
               }
             ),
-            o && !u && /* @__PURE__ */ n(
+            o && !_ && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
@@ -566,8 +566,8 @@ const Xt = "_overlay_17k3a_1", Yt = "_modal_17k3a_15", Jt = "_header_17k3a_29",
   title: Ut,
   close: Zt,
   body: en
-}, En = ({ open: e, onClose: t, title: r, children: o, className: i }) => {
-  const s = ie(), c = R(t);
+}, En = ({ open: e, onClose: t, title: a, children: o, className: i }) => {
+  const s = ie(), c = T(t);
   if (k(() => {
     c.current = t;
   }, [t]), k(() => {
@@ -594,7 +594,7 @@ const Xt = "_overlay_17k3a_1", Yt = "_modal_17k3a_15", Jt = "_header_17k3a_29",
           clickOutsideDeactivates: !0,
           returnFocusOnDeactivate: !0
         },
-        children: /* @__PURE__ */ n("div", { className: O.overlay, onClick: () => c.current(), children: /* @__PURE__ */ p(
+        children: /* @__PURE__ */ n("div", { className: O.overlay, onClick: () => c.current(), children: /* @__PURE__ */ u(
           "div",
           {
             className: C(O.modal, i),
@@ -603,8 +603,8 @@ const Xt = "_overlay_17k3a_1", Yt = "_modal_17k3a_15", Jt = "_header_17k3a_29",
             "aria-modal": "true",
             "aria-labelledby": s,
             children: [
-              /* @__PURE__ */ p("header", { className: O.header, children: [
-                /* @__PURE__ */ n("h2", { id: s, className: O.title, children: r }),
+              /* @__PURE__ */ u("header", { className: O.header, children: [
+                /* @__PURE__ */ n("h2", { id: s, className: O.title, children: a }),
                 /* @__PURE__ */ n(
                   "button",
                   {
@@ -624,31 +624,31 @@ const Xt = "_overlay_17k3a_1", Yt = "_modal_17k3a_15", Jt = "_header_17k3a_29",
     ),
     d
   );
-}, tn = "_root_w6me9_1", nn = "_trackWrapper_w6me9_16", on = "_track_w6me9_16", rn = "_slide_w6me9_32", an = "_arrow_w6me9_53", sn = "_arrowPrev_w6me9_89", cn = "_arrowNext_w6me9_93", ln = "_dots_w6me9_97", dn = "_dot_w6me9_97", un = "_dotActive_w6me9_133", I = {
+}, tn = "_root_w6me9_1", nn = "_trackWrapper_w6me9_16", on = "_track_w6me9_16", an = "_slide_w6me9_32", rn = "_arrow_w6me9_53", sn = "_arrowPrev_w6me9_89", cn = "_arrowNext_w6me9_93", ln = "_dots_w6me9_97", dn = "_dot_w6me9_97", _n = "_dotActive_w6me9_133", I = {
   root: tn,
   trackWrapper: nn,
   track: on,
-  slide: rn,
-  arrow: an,
+  slide: an,
+  arrow: rn,
   arrowPrev: sn,
   arrowNext: cn,
   dots: ln,
   dot: dn,
-  dotActive: un
+  dotActive: _n
 }, jn = ({
   children: e,
   value: t,
-  onValueChange: r,
+  onValueChange: a,
   autoPlayInterval: o = 0,
   className: i,
   hideArrowsWhenSingle: s = !0
 }) => {
   const c = Array.isArray(e) ? e : [e], d = c.length, [m, y] = j(0), f = t !== void 0, l = f ? Math.min(Math.max(0, t), d - 1) : m, g = K(
     (h) => {
-      const u = (h + d) % d;
-      f || y(u), r?.(u);
+      const _ = (h + d) % d;
+      f || y(_), a?.(_);
     },
-    [d, f, r]
+    [d, f, a]
   );
   if (k(() => {
     if (o <= 0 || d <= 1) return;
@@ -656,9 +656,9 @@ const Xt = "_overlay_17k3a_1", Yt = "_modal_17k3a_15", Jt = "_header_17k3a_29",
     return () => clearInterval(h);
   }, [o, d, l, g]), d === 0) return null;
   const w = () => g(l - 1), D = () => g(l + 1), x = !s || d > 1;
-  return /* @__PURE__ */ p("div", { className: C(I.root, i), role: "region", "aria-label": "Carousel", children: [
-    /* @__PURE__ */ n("div", { className: I.trackWrapper, children: /* @__PURE__ */ n("div", { className: I.track, style: { transform: `translateX(-${l * 100}%)` }, children: c.map((h, u) => /* @__PURE__ */ n("div", { className: I.slide, children: h }, u)) }) }),
-    x && /* @__PURE__ */ p(ce, { children: [
+  return /* @__PURE__ */ u("div", { className: C(I.root, i), role: "region", "aria-label": "Carousel", children: [
+    /* @__PURE__ */ n("div", { className: I.trackWrapper, children: /* @__PURE__ */ n("div", { className: I.track, style: { transform: `translateX(-${l * 100}%)` }, children: c.map((h, _) => /* @__PURE__ */ n("div", { className: I.slide, children: h }, _)) }) }),
+    x && /* @__PURE__ */ u(ce, { children: [
       /* @__PURE__ */ n(
         "button",
         {
@@ -682,39 +682,39 @@ const Xt = "_overlay_17k3a_1", Yt = "_modal_17k3a_15", Jt = "_header_17k3a_29",
         }
       )
     ] }),
-    d > 1 && /* @__PURE__ */ n("div", { className: I.dots, role: "tablist", "aria-label": "Slide selection", children: c.map((h, u) => /* @__PURE__ */ n(
+    d > 1 && /* @__PURE__ */ n("div", { className: I.dots, role: "tablist", "aria-label": "Slide selection", children: c.map((h, _) => /* @__PURE__ */ n(
       "button",
       {
         type: "button",
         role: "tab",
-        "aria-selected": u === l,
-        "aria-label": `Slide ${u + 1}`,
-        className: C(I.dot, u === l && I.dotActive),
-        onClick: () => g(u),
-        tabIndex: u === l ? 0 : -1
+        "aria-selected": _ === l,
+        "aria-label": `Slide ${_ + 1}`,
+        className: C(I.dot, _ === l && I.dotActive),
+        onClick: () => g(_),
+        tabIndex: _ === l ? 0 : -1
       },
-      u
+      _
     )) })
   ] });
 };
 export {
   se as Alert,
-  $n as Button,
-  Ln as Card,
+  Ln as Button,
+  Mn as Card,
   jn as Carousel,
-  Mn as Checkbox,
+  An as Checkbox,
   Dn as DatePicker,
   xn as DropdownMenu,
   Kt as Input,
-  An as Label,
+  Fn as Label,
   En as Modal,
-  Fn as Radio,
+  Vn as Radio,
   yt as Select,
-  Tn as SimpleBar,
-  Vn as Tab,
-  Wn as Textarea,
+  Bn as SimpleBar,
+  Wn as Tab,
+  Qn as Textarea,
   te as Typography,
-  Pn as clsx,
+  Rn as clsx,
   kn as toastError,
   Sn as toastSuccess
 };