snapflow-ui-kit 1.2.6 → 1.2.7

package/dist/index.client.js

@@ -1,76 +1,76 @@
 "use client";
-import V, { clsx as v } from "clsx";
-import { clsx as bn } from "clsx";
-import oe from "simplebar-react";
-import { default as vn } from "simplebar-react";
-import { A as K, s as M, c as G } from "./Textarea-6m6FiIv5.js";
-import { B as Cn, C as In, a as kn, L as Dn, R as xn, T as Sn, b as En } from "./Textarea-6m6FiIv5.js";
-import { jsx as n, jsxs as m, Fragment as X } from "react/jsx-runtime";
-import { useEffect as x, useState as j, useRef as W, useCallback as Y, useMemo as Q, forwardRef as re, useId as J } from "react";
-import { A as ae, C as se, E as ce, a as ie, b as le, c as de } from "./ArrowRightIcon-D0SDyfKt.js";
-import { DayPicker as H } from "react-day-picker";
-import { format as T, parse as B, isValid as $ } from "date-fns";
-import { C as U } from "./CloseIcon-CqK3tPnG.js";
+import z, { clsx as C } from "clsx";
+import { clsx as Pn } from "clsx";
+import fe 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 ye, useId as ie } from "react";
+import { A as be, C as we, 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 { C as le } from "./CloseIcon-CqK3tPnG.js";
 import * as P from "@radix-ui/react-dropdown-menu";
-import { createPortal as ue } from "react-dom";
-import { FocusTrap as _e } from "focus-trap-react";
-import { toast as F } from "react-hot-toast";
-const un = (e) => {
-  F.custom((t) => /* @__PURE__ */ n(
-    K,
+import { createPortal as Se } from "react-dom";
+import { FocusTrap as ke } from "focus-trap-react";
+import { toast as Q } from "react-hot-toast";
+const Sn = (e) => {
+  Q.custom((t) => /* @__PURE__ */ n(
+    se,
     {
       variant: "success",
       message: e,
-      className: t.visible ? M.toastEnter : M.toastExit,
-      onClose: () => F.dismiss(t.id)
+      className: t.visible ? W.toastEnter : W.toastExit,
+      onClose: () => Q.dismiss(t.id)
     }
   ));
-}, _n = (e, t = "Error!") => {
-  F.custom((r) => /* @__PURE__ */ n(
-    K,
+}, kn = (e, t = "Error!") => {
+  Q.custom((r) => /* @__PURE__ */ n(
+    se,
     {
       variant: "error",
       title: t,
       message: e,
-      className: r.visible ? M.toastEnter : M.toastExit,
-      onClose: () => F.dismiss(r.id)
+      className: r.visible ? W.toastEnter : W.toastExit,
+      onClose: () => Q.dismiss(r.id)
     }
   ));
-}, pe = "_wrapper_8euq6_1", me = "_inputContainer_8euq6_5", he = "_label_8euq6_11", ge = "_inputWrapper_8euq6_15", fe = "_trigger_8euq6_22", ye = "_icon_8euq6_36", be = "_placeholder_8euq6_43", we = "_clearButton_8euq6_47", ve = "_clearIcon_8euq6_87", Ne = "_disabledLabel_8euq6_99", Ce = "_error_8euq6_121", Ie = "_calendar_8euq6_139", ke = "_open_8euq6_159", De = "_monthsCaption_8euq6_165", xe = "_navButtonPrevious_8euq6_171", Se = "_navButtonNext_8euq6_172", Ee = "_navIcon_8euq6_192", je = "_monthGrid_8euq6_198", qe = "_dropdowns_8euq6_204", Oe = "_weekday_8euq6_208", Pe = "_day_8euq6_219", Re = "_dayButton_8euq6_226", Te = "_dayOutside_8euq6_253", Be = "_dayToday_8euq6_257", $e = "_daySelected_8euq6_262", Le = "_dayRangeStart_8euq6_263", Ae = "_dayRangeEnd_8euq6_264", Me = "_dayRangeMiddle_8euq6_265", a = {
-  wrapper: pe,
-  inputContainer: me,
-  label: he,
-  inputWrapper: ge,
-  trigger: fe,
-  icon: ye,
-  placeholder: be,
-  clearButton: we,
-  clearIcon: ve,
-  disabledLabel: Ne,
-  error: Ce,
-  calendar: Ie,
-  open: ke,
-  monthsCaption: De,
-  navButtonPrevious: xe,
-  navButtonNext: Se,
-  navIcon: Ee,
-  monthGrid: je,
-  dropdowns: qe,
-  weekday: Oe,
-  day: Pe,
-  dayButton: Re,
-  dayOutside: Te,
-  dayToday: Be,
-  daySelected: $e,
-  dayRangeStart: Le,
-  dayRangeEnd: Ae,
-  dayRangeMiddle: Me
-}, We = ({
+}, 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 = {
+  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,
+  weekday: He,
+  day: ze,
+  dayButton: Ke,
+  dayOutside: Xe,
+  dayToday: Ye,
+  daySelected: Je,
+  dayRangeStart: Ue,
+  dayRangeEnd: Ze,
+  dayRangeMiddle: et
+}, tt = ({
   ref: e,
   isOpen: t,
   onDismiss: r
 }) => {
-  x(() => {
+  k(() => {
     if (!t) return;
     const o = (s) => {
       e.current && !e.current.contains(s.target) && r();
@@ -81,63 +81,66 @@ const un = (e) => {
       document.removeEventListener("mousedown", o), document.removeEventListener("touchstart", o), document.removeEventListener("keydown", i);
     };
   }, [t, r, e]);
-}, Fe = "_container_sn15j_1", Ve = "_label_sn15j_7", Ge = "_trigger_sn15j_14", Qe = "_select_sn15j_18", He = "_triggerOpen_sn15j_50", ze = "_placeholder_sn15j_71", Ke = "_selectedContent_sn15j_75", Xe = "_optionIcon_sn15j_85", Ye = "_arrow_sn15j_91", Je = "_open_sn15j_106", Ue = "_dropdown_sn15j_110", Ze = "_searchContainer_sn15j_131", et = "_searchInput_sn15j_141", tt = "_option_sn15j_85", nt = "_selected_sn15j_75", ot = "_noOptions_sn15j_202", h = {
-  container: Fe,
-  label: Ve,
-  trigger: Ge,
-  select: Qe,
-  triggerOpen: He,
-  placeholder: ze,
-  selectedContent: Ke,
-  optionIcon: Xe,
-  arrow: Ye,
-  open: Je,
-  dropdown: Ue,
-  searchContainer: Ze,
-  searchInput: et,
-  option: tt,
-  selected: nt,
-  noOptions: ot
-}, rt = ({
+}, 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", gt = "_selected_sn15j_75", ft = "_noOptions_sn15j_202", _ = {
+  container: nt,
+  label: ot,
+  trigger: rt,
+  select: at,
+  triggerOpen: st,
+  placeholder: ct,
+  selectedContent: it,
+  optionIcon: lt,
+  arrow: dt,
+  open: ut,
+  dropdown: _t,
+  searchContainer: pt,
+  searchInput: mt,
+  option: ht,
+  selected: gt,
+  noOptions: ft
+}, yt = ({
   filteredOptions: e,
-  noOptionsText: t,
-  onSearchChange: r,
-  onSelect: o,
-  searchInputRef: i,
-  searchPlaceholder: s,
-  searchQuery: c,
-  searchable: l,
-  value: p
-}) => /* @__PURE__ */ m(X, { children: [
-  l && /* @__PURE__ */ n("div", { className: h.searchContainer, children: /* @__PURE__ */ n(
+  isLoading: t,
+  loadingText: r,
+  noOptionsText: o,
+  onSearchChange: i,
+  onSelect: s,
+  searchInputRef: c,
+  searchPlaceholder: d,
+  searchQuery: m,
+  searchable: b,
+  value: g
+}) => /* @__PURE__ */ p(ce, { children: [
+  b && /* @__PURE__ */ n("div", { className: _.searchContainer, children: /* @__PURE__ */ n(
     "input",
     {
-      ref: i,
-      className: h.searchInput,
-      onChange: (d) => r(d.currentTarget.value),
-      placeholder: s,
+      ref: c,
+      className: _.searchInput,
+      onChange: (l) => i(l.currentTarget.value),
+      placeholder: d,
       type: "text",
-      value: c
+      value: m
     }
   ) }),
-  e.length ? e.map((d) => /* @__PURE__ */ m(
+  t && /* @__PURE__ */ n("p", { className: _.noOptions, children: r }),
+  e.length ? e.map((l) => /* @__PURE__ */ p(
     "button",
     {
-      className: v(h.option, d.value === p && h.selected),
-      onClick: () => o(d.value),
+      className: C(_.option, l.value === g && _.selected),
+      onClick: () => s(l.value),
       type: "button",
       role: "option",
-      "aria-selected": d.value === p,
+      "aria-selected": l.value === g,
       children: [
-        d.icon && /* @__PURE__ */ n("span", { className: h.optionIcon, children: d.icon }),
-        d.label
+        l.icon && /* @__PURE__ */ n("span", { className: _.optionIcon, children: l.icon }),
+        l.label
       ]
     },
-    d.value
-  )) : /* @__PURE__ */ n("p", { className: h.noOptions, children: t })
-] }), at = (e, t) => {
+    l.value
+  )) : t ? null : /* @__PURE__ */ n("p", { className: _.noOptions, children: o })
+] }), re = (e, t) => {
   const [r, o] = j(e);
-  return x(() => {
+  return k(() => {
     const i = setTimeout(() => {
       o(e);
     }, t);
@@ -145,72 +148,92 @@ const un = (e) => {
       clearTimeout(i);
     };
   }, [t, e]), r;
-}, st = (e) => {
+}, bt = (e) => {
   const {
     className: t,
-    disabled: r = !1,
-    label: o,
-    noOptionsText: i = "No options found",
-    onChange: s,
-    options: c,
-    placeholder: l,
-    searchPlaceholder: p = "Search...",
-    searchable: d = !1,
-    value: N
-  } = e, [u, g] = j(!1), [f, k] = j(""), D = W(null), y = W(null), _ = at(f, 180), w = c.find((S) => S.value === N), E = _.trim().toLowerCase(), C = E ? c.filter((S) => S.label.toLowerCase().includes(E)) : c, q = Y(() => {
-    g(!1), k("");
-  }, []), ee = () => {
-    r || (u ? q() : (k(""), g(!0)));
-  }, te = (S) => {
-    s?.(S), q();
+    defaultSearchValue: r = "",
+    disabled: o = !1,
+    filterOptions: i,
+    isLoading: s = !1,
+    label: c,
+    loadingText: d = "Loading...",
+    noOptionsText: m = "No options found",
+    onChange: b,
+    onSearchChange: g,
+    options: l,
+    placeholder: f,
+    searchDebounceMs: y = 180,
+    searchMode: D = "local",
+    searchPlaceholder: x = "Search...",
+    searchValue: h,
+    searchable: u = !1,
+    value: S
+  } = e, [w, 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, y), Z = re(T, y), _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(() => {
+    X("");
+  }, []), B = K(() => {
+    N(!1), H();
+  }, [H]), me = () => {
+    o || (w ? B() : (H(), N(!0)));
+  }, he = (E) => {
+    b?.(E), B();
   };
-  return x(() => {
-    const S = (ne) => {
-      D.current && !D.current.contains(ne.target) && q();
+  return k(() => {
+    const E = (ge) => {
+      G.current && !G.current.contains(ge.target) && B();
     };
-    return u && document.addEventListener("mousedown", S), () => {
-      document.removeEventListener("mousedown", S);
+    return w && document.addEventListener("mousedown", E), () => {
+      document.removeEventListener("mousedown", E);
     };
-  }, [q, u]), x(() => {
-    u && d && y.current?.focus();
-  }, [u, d]), /* @__PURE__ */ m("div", { className: v(h.container, t), children: [
-    o && /* @__PURE__ */ n("label", { className: h.label, children: o }),
-    /* @__PURE__ */ m("div", { className: h.select, ref: D, children: [
-      /* @__PURE__ */ m(
+  }, [B, w]), k(() => {
+    if (!(!u || !g)) {
+      if (J.current) {
+        J.current = !1;
+        return;
+      }
+      g(Z);
+    }
+  }, [Z, g, u]), k(() => {
+    w && u && Y.current?.focus();
+  }, [w, 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(
         "button",
         {
-          className: v(h.trigger, u && h.triggerOpen),
-          disabled: r,
-          onClick: ee,
+          className: C(_.trigger, w && _.triggerOpen),
+          disabled: o,
+          onClick: me,
           type: "button",
           "aria-haspopup": "listbox",
-          "aria-expanded": u,
+          "aria-expanded": w,
           children: [
-            /* @__PURE__ */ m("span", { className: w ? h.selectedContent : h.placeholder, children: [
-              w?.icon && /* @__PURE__ */ n("span", { className: h.optionIcon, children: w.icon }),
-              w ? w.label : l || "Select an option"
+            /* @__PURE__ */ p("span", { className: q ? _.selectedContent : _.placeholder, children: [
+              q?.icon && /* @__PURE__ */ n("span", { className: _.optionIcon, children: q.icon }),
+              q ? q.label : f || "Select an option"
             ] }),
-            /* @__PURE__ */ n("span", { className: v(h.arrow, u && h.open), children: /* @__PURE__ */ n(ae, {}) })
+            /* @__PURE__ */ n("span", { className: C(_.arrow, w && _.open), children: /* @__PURE__ */ n(be, {}) })
           ]
         }
       ),
-      u && /* @__PURE__ */ n(oe, { className: h.dropdown, role: "listbox", style: { maxHeight: 191 }, children: /* @__PURE__ */ n(
-        rt,
+      w && /* @__PURE__ */ n(fe, { className: _.dropdown, role: "listbox", style: { maxHeight: 191 }, children: /* @__PURE__ */ n(
+        yt,
         {
-          filteredOptions: C,
-          noOptionsText: i,
-          onSearchChange: k,
-          onSelect: te,
-          searchInputRef: y,
-          searchPlaceholder: p,
-          searchQuery: f,
-          searchable: d,
-          value: N
+          filteredOptions: pe,
+          isLoading: s,
+          loadingText: d,
+          noOptionsText: m,
+          onSearchChange: X,
+          onSelect: he,
+          searchInputRef: Y,
+          searchPlaceholder: x,
+          searchQuery: U,
+          searchable: u,
+          value: S
         }
       ) })
     ] })
   ] });
-}, Z = (e) => {
+}, de = (e) => {
   const t = (o) => {
     if (e.onChange) {
       const i = {
@@ -225,7 +248,7 @@ const un = (e) => {
     label: o.label
   })) || [];
   return /* @__PURE__ */ n(
-    st,
+    bt,
     {
       className: e.className,
       options: r,
@@ -234,8 +257,8 @@ const un = (e) => {
     }
   );
 };
-Z.displayName = "DatePickerDropdown";
-const ct = {
+de.displayName = "DatePickerDropdown";
+const wt = {
   month_caption: a.monthsCaption,
   button_previous: a.navButtonPrevious,
   button_next: a.navButtonNext,
@@ -257,23 +280,23 @@ const ct = {
   range_middle: a.dayRangeMiddle,
   range_end: a.dayRangeEnd,
   today: a.dayToday
-}, it = {
-  Dropdown: Z
-}, lt = {
+}, vt = {
+  Dropdown: de
+}, Ct = {
   weekStartsOn: 1,
   showOutsideDays: !0,
   reverseYears: !0,
   captionLayout: "dropdown"
-}, dt = {
-  components: it,
-  ...lt
-}, ut = (e) => ({
-  ...dt,
+}, Nt = {
+  components: vt,
+  ...Ct
+}, It = (e) => ({
+  ...Nt,
   classNames: {
-    root: V(a.calendar, e && a.open),
-    ...ct
+    root: z(a.calendar, e && a.open),
+    ...wt
   }
-}), L = "dd.MM.yyyy", _t = (e) => e ? T(e, L) : "", pt = (e) => !e || !e.from ? "" : e.to && e.from.getTime() !== e.to.getTime() ? `${T(e.from, L)} - ${T(e.to, L)}` : T(e.from, L), z = (e, t) => e ? t === "single" && e instanceof Date ? _t(e) : t === "range" && typeof e == "object" && "from" in e ? pt(e) : "" : "", mt = ({
+}), 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 = ({
   value: e,
   mode: t,
   onChange: r,
@@ -285,35 +308,35 @@ const ct = {
     return;
   }
   if (t === "single") {
-    e instanceof Date && (o(e), r(z(e, "single")), i(!1));
+    e instanceof Date && (o(e), r(ae(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 = z(s, "range");
+    const c = ae(s, "range");
     r(c), s.from && s.to && s.from.getTime() !== s.to.getTime() && i(!1);
   }
-}, A = "dd.MM.yyyy", ht = (e) => {
+}, V = "dd.MM.yyyy", xt = (e) => {
   if (!e) return;
-  const t = B(e, A, /* @__PURE__ */ new Date());
-  return $(t) ? t : void 0;
-}, gt = (e) => {
+  const t = M(e, V, /* @__PURE__ */ new Date());
+  return A(t) ? t : void 0;
+}, Et = (e) => {
   if (!e) return;
   const t = " - ", r = e.indexOf(t);
   if (r === -1) {
-    const l = B(e.trim(), A, /* @__PURE__ */ new Date());
-    return $(l) ? { from: l, to: void 0 } : void 0;
+    const d = M(e.trim(), V, /* @__PURE__ */ new Date());
+    return A(d) ? { from: d, to: void 0 } : void 0;
   }
   const o = e.substring(0, r).trim(), i = e.substring(r + t.length).trim();
   if (!o || !i) return;
-  const s = B(o, A, /* @__PURE__ */ new Date()), c = B(i, A, /* @__PURE__ */ new Date());
-  if ($(s) && $(c))
+  const s = M(o, V, /* @__PURE__ */ new Date()), c = M(i, V, /* @__PURE__ */ new Date());
+  if (A(s) && A(c))
     return { from: s, to: c };
-}, ft = (e, t) => {
+}, jt = (e, t) => {
   if (e)
-    return t === "single" ? ht(e) : gt(e);
-}, yt = (e, t, r) => {
+    return t === "single" ? xt(e) : Et(e);
+}, Ot = (e, t, r) => {
   if (e) {
     if (t === "single" && e instanceof Date) {
       r(e);
@@ -324,7 +347,7 @@ const ct = {
       o.from ? r(o.from) : o.to && r(o.to);
     }
   }
-}, pn = ({
+}, Dn = ({
   mode: e,
   value: t,
   onChange: r,
@@ -332,49 +355,49 @@ const ct = {
   label: i,
   error: s,
   placeholder: c,
-  ...l
+  ...d
 }) => {
-  const [p, d] = j(!1), N = W(null), [u, g] = j(/* @__PURE__ */ new Date()), f = Q(() => ft(t, e), [t, e]);
-  x(() => {
-    yt(f, e, g);
-  }, [f, e, g]), We({ ref: N, isOpen: p, onDismiss: () => {
-    d(!1);
+  const [m, b] = j(!1), g = R(null), [l, f] = j(/* @__PURE__ */ new Date()), y = ne(() => jt(t, e), [t, e]);
+  k(() => {
+    Ot(y, e, f);
+  }, [y, e, f]), tt({ ref: g, isOpen: m, onDismiss: () => {
+    b(!1);
   } });
-  const D = (C) => {
-    C.stopPropagation(), w(void 0);
-  }, y = () => {
-    o || d((C) => !C);
-  }, _ = (C) => {
-    const q = C.currentTarget.value;
-    r(q);
-  }, w = (C) => {
-    mt({
-      value: C,
+  const x = (N) => {
+    N.stopPropagation(), S(void 0);
+  }, h = () => {
+    o || b((N) => !N);
+  }, u = (N) => {
+    const T = N.currentTarget.value;
+    r(T);
+  }, S = (N) => {
+    Dt({
+      value: N,
       mode: e,
       onChange: r,
-      setMonth: g,
-      setIsOpen: d
+      setMonth: f,
+      setIsOpen: b
     });
-  }, E = Q(() => ut(p), [p]);
-  return /* @__PURE__ */ m("div", { ref: N, className: a.wrapper, children: [
-    /* @__PURE__ */ m("div", { className: a.inputContainer, children: [
-      i && /* @__PURE__ */ n("span", { className: o ? a.disabledLabel : a.label, children: /* @__PURE__ */ n(G, { variant: "text-14", children: i }) }),
-      /* @__PURE__ */ m("div", { className: a.inputWrapper, children: [
+  }, w = ne(() => It(m), [m]);
+  return /* @__PURE__ */ p("div", { ref: g, 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: [
         /* @__PURE__ */ n(
           "input",
           {
             type: "text",
-            className: V(a.trigger, s && a.error),
-            onClick: y,
+            className: z(a.trigger, s && a.error),
+            onClick: h,
             value: t,
-            onChange: _,
+            onChange: u,
             placeholder: c,
             disabled: o,
             "aria-label": i || "Select date",
-            "aria-expanded": p,
+            "aria-expanded": m,
             "aria-haspopup": "dialog",
             "aria-invalid": s ? "true" : "false",
-            ...l
+            ...d
           }
         ),
         t && !o && /* @__PURE__ */ n(
@@ -382,83 +405,83 @@ const ct = {
           {
             type: "button",
             className: a.clearButton,
-            onClick: D,
+            onClick: x,
             "aria-label": "Clear date",
-            children: /* @__PURE__ */ n(U, { className: a.clearIcon })
+            children: /* @__PURE__ */ n(le, { className: a.clearIcon })
           }
         ),
-        /* @__PURE__ */ n(se, { className: V(a.icon, !t && a.placeholder) })
+        /* @__PURE__ */ n(we, { className: z(a.icon, !t && a.placeholder) })
       ] }),
-      s && /* @__PURE__ */ n(G, { variant: "small", className: a.error, children: s })
+      s && /* @__PURE__ */ n(te, { variant: "small", className: a.error, children: s })
     ] }),
     e === "single" ? /* @__PURE__ */ n(
-      H,
+      oe,
       {
-        ...E,
-        month: u,
-        onMonthChange: g,
+        ...w,
+        month: l,
+        onMonthChange: f,
         mode: "single",
-        selected: f instanceof Date ? f : void 0,
-        onSelect: w
+        selected: y instanceof Date ? y : void 0,
+        onSelect: S
       }
     ) : /* @__PURE__ */ n(
-      H,
+      oe,
       {
-        ...E,
-        month: u,
-        onMonthChange: g,
+        ...w,
+        month: l,
+        onMonthChange: f,
         mode: "range",
-        selected: f && typeof f == "object" && "from" in f ? f : void 0,
-        onSelect: w
+        selected: y && typeof y == "object" && "from" in y ? y : void 0,
+        onSelect: S
       }
     )
   ] });
-}, bt = "_content_1bas8_1", wt = "_item_1bas8_24", vt = "_icon_1bas8_56", Nt = "_label_1bas8_62", R = {
-  content: bt,
-  item: wt,
-  icon: vt,
-  label: Nt
-}, mn = (e) => {
+}, qt = "_content_1bas8_1", Pt = "_item_1bas8_24", Rt = "_icon_1bas8_56", Tt = "_label_1bas8_62", $ = {
+  content: qt,
+  item: Pt,
+  icon: Rt,
+  label: Tt
+}, xn = (e) => {
   const { children: t, items: r, className: o, align: i = "end", side: s = "bottom" } = e;
-  return /* @__PURE__ */ m(P.Root, { children: [
+  return /* @__PURE__ */ p(P.Root, { children: [
     /* @__PURE__ */ n(P.Trigger, { asChild: !0, children: t }),
     /* @__PURE__ */ n(P.Portal, { children: /* @__PURE__ */ n(
       P.Content,
       {
         align: i,
-        className: v(R.content, o),
+        className: C($.content, o),
         side: s,
         sideOffset: 4,
-        children: r.map((c, l) => /* @__PURE__ */ m(
+        children: r.map((c, d) => /* @__PURE__ */ p(
           P.Item,
           {
-            className: R.item,
+            className: $.item,
             disabled: c.disabled,
             onSelect: c.onSelect,
             children: [
-              c.icon && /* @__PURE__ */ n("span", { className: R.icon, children: c.icon }),
-              /* @__PURE__ */ n("span", { className: R.label, children: c.label })
+              c.icon && /* @__PURE__ */ n("span", { className: $.icon, children: c.icon }),
+              /* @__PURE__ */ n("span", { className: $.label, children: c.label })
             ]
           },
-          l
+          d
         ))
       }
     ) })
   ] });
-}, Ct = "_wrapper_gp2gj_1", It = "_label_gp2gj_7", kt = "_disabled_gp2gj_14", Dt = "_input_gp2gj_18", xt = "_inputContainer_gp2gj_22", St = "_error_gp2gj_47", Et = "_withStartIcon_gp2gj_64", jt = "_withEndIcon_gp2gj_68", qt = "_startIcon_gp2gj_85", Ot = "_endIcon_gp2gj_86", Pt = "_errorMessage_gp2gj_137", Rt = "_required_gp2gj_144", b = {
-  wrapper: Ct,
-  label: It,
-  disabled: kt,
-  input: Dt,
-  inputContainer: xt,
-  error: St,
-  withStartIcon: Et,
-  withEndIcon: jt,
-  startIcon: qt,
-  endIcon: Ot,
-  errorMessage: Pt,
-  required: Rt
-}, Tt = re(
+}, 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,
+  errorMessage: Ht,
+  required: zt
+}, Kt = ye(
   ({
     label: e,
     errorMessage: t,
@@ -467,61 +490,61 @@ const ct = {
     onEndIconClick: i,
     allowPasswordToggle: s,
     disabled: c,
-    type: l = "text",
-    className: p,
-    required: d,
-    id: N,
-    ...u
-  }, g) => {
-    const f = J(), k = N ?? f, D = t ? `${k}-error` : void 0, y = !!t, _ = l === "password" && s, [w, E] = j(!1);
-    return /* @__PURE__ */ m("div", { className: v(b.wrapper, p), children: [
-      e && /* @__PURE__ */ m("label", { htmlFor: k, className: v(b.label, { [b.disabled]: c }), children: [
+    type: d = "text",
+    className: m,
+    required: b,
+    id: g,
+    ...l
+  }, f) => {
+    const y = ie(), D = g ?? y, x = t ? `${D}-error` : void 0, h = !!t, u = d === "password" && s, [S, w] = 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: [
         e,
-        d && /* @__PURE__ */ n("sup", { className: b.required, children: " *" })
+        b && /* @__PURE__ */ n("sup", { className: v.required, children: " *" })
       ] }),
-      /* @__PURE__ */ m(
+      /* @__PURE__ */ p(
         "div",
         {
-          className: v(b.inputContainer, {
-            [b.error]: y,
-            [b.disabled]: c,
-            [b.withStartIcon]: !!r,
-            [b.withEndIcon]: !!o || _
+          className: C(v.inputContainer, {
+            [v.error]: h,
+            [v.disabled]: c,
+            [v.withStartIcon]: !!r,
+            [v.withEndIcon]: !!o || u
           }),
           children: [
-            r && /* @__PURE__ */ n("span", { className: b.startIcon, children: r }),
+            r && /* @__PURE__ */ n("span", { className: v.startIcon, children: r }),
             /* @__PURE__ */ n(
               "input",
               {
-                ref: g,
-                id: k,
-                className: b.input,
-                type: _ && w ? "text" : l,
-                autoComplete: l === "password" ? "current-password" : "off",
-                required: d,
+                ref: f,
+                id: D,
+                className: v.input,
+                type: u && S ? "text" : d,
+                autoComplete: d === "password" ? "current-password" : "off",
+                required: b,
                 disabled: c,
-                "aria-invalid": y,
-                "aria-describedby": D,
-                ...u
+                "aria-invalid": h,
+                "aria-describedby": x,
+                ...l
               }
             ),
-            _ && /* @__PURE__ */ n(
+            u && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: b.endIcon,
-                onClick: () => E((C) => !C),
-                "aria-label": w ? "Hide password" : "Show password",
+                className: v.endIcon,
+                onClick: () => w((N) => !N),
+                "aria-label": S ? "Hide password" : "Show password",
                 disabled: c,
                 tabIndex: -1,
-                children: w ? /* @__PURE__ */ n(ce, {}) : /* @__PURE__ */ n(ie, {})
+                children: S ? /* @__PURE__ */ n(ve, {}) : /* @__PURE__ */ n(Ce, {})
               }
             ),
-            o && !_ && /* @__PURE__ */ n(
+            o && !u && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: b.endIcon,
+                className: v.endIcon,
                 onClick: i,
                 "aria-label": "Action",
                 disabled: c,
@@ -531,56 +554,56 @@ const ct = {
           ]
         }
       ),
-      y && /* @__PURE__ */ n("span", { id: D, className: b.errorMessage, role: "alert", children: t })
+      h && /* @__PURE__ */ n("span", { id: x, className: v.errorMessage, role: "alert", children: t })
     ] });
   }
 );
-Tt.displayName = "Input";
-const Bt = "_overlay_17k3a_1", $t = "_modal_17k3a_15", Lt = "_header_17k3a_29", At = "_title_17k3a_39", Mt = "_close_17k3a_52", Wt = "_body_17k3a_79", O = {
-  overlay: Bt,
-  modal: $t,
-  header: Lt,
-  title: At,
-  close: Mt,
-  body: Wt
-}, hn = ({ open: e, onClose: t, title: r, children: o, className: i }) => {
-  const s = J(), c = W(t);
-  if (x(() => {
+Kt.displayName = "Input";
+const Xt = "_overlay_17k3a_1", Yt = "_modal_17k3a_15", Jt = "_header_17k3a_29", Ut = "_title_17k3a_39", Zt = "_close_17k3a_52", en = "_body_17k3a_79", O = {
+  overlay: Xt,
+  modal: Yt,
+  header: Jt,
+  title: Ut,
+  close: Zt,
+  body: en
+}, En = ({ open: e, onClose: t, title: r, children: o, className: i }) => {
+  const s = ie(), c = R(t);
+  if (k(() => {
     c.current = t;
-  }, [t]), x(() => {
+  }, [t]), k(() => {
     if (e)
       return document.body.style.overflow = "hidden", () => {
         document.body.style.overflow = "";
       };
-  }, [e]), x(() => {
+  }, [e]), k(() => {
     if (!e) return;
-    const p = (d) => {
-      d.key === "Escape" && c.current();
+    const m = (b) => {
+      b.key === "Escape" && c.current();
     };
-    return document.addEventListener("keydown", p), () => {
-      document.removeEventListener("keydown", p);
+    return document.addEventListener("keydown", m), () => {
+      document.removeEventListener("keydown", m);
     };
   }, [e]), !e || typeof document > "u") return null;
-  const l = document.getElementById("modal-root") ?? document.body;
-  return ue(
+  const d = document.getElementById("modal-root") ?? document.body;
+  return Se(
     /* @__PURE__ */ n(
-      _e,
+      ke,
       {
         active: e,
         focusTrapOptions: {
           clickOutsideDeactivates: !0,
           returnFocusOnDeactivate: !0
         },
-        children: /* @__PURE__ */ n("div", { className: O.overlay, onClick: () => c.current(), children: /* @__PURE__ */ m(
+        children: /* @__PURE__ */ n("div", { className: O.overlay, onClick: () => c.current(), children: /* @__PURE__ */ p(
           "div",
           {
-            className: v(O.modal, i),
-            onClick: (p) => p.stopPropagation(),
+            className: C(O.modal, i),
+            onClick: (m) => m.stopPropagation(),
             role: "dialog",
             "aria-modal": "true",
             "aria-labelledby": s,
             children: [
-              /* @__PURE__ */ m("header", { className: O.header, children: [
+              /* @__PURE__ */ p("header", { className: O.header, children: [
                 /* @__PURE__ */ n("h2", { id: s, className: O.title, children: r }),
                 /* @__PURE__ */ n(
                   "button",
@@ -589,7 +612,7 @@ const Bt = "_overlay_17k3a_1", $t = "_modal_17k3a_15", Lt = "_header_17k3a_29",
                     className: O.close,
                     "aria-label": "Close modal",
                     onClick: () => c.current(),
-                    children: /* @__PURE__ */ n(U, {})
+                    children: /* @__PURE__ */ n(le, {})
                   }
                 )
               ] }),
@@ -599,20 +622,20 @@ const Bt = "_overlay_17k3a_1", $t = "_modal_17k3a_15", Lt = "_header_17k3a_29",
         ) })
       }
     ),
-    l
+    d
   );
-}, Ft = "_root_ggtcs_1", Vt = "_trackWrapper_ggtcs_16", Gt = "_track_ggtcs_16", Qt = "_slide_ggtcs_32", Ht = "_arrow_ggtcs_56", zt = "_arrowPrev_ggtcs_98", Kt = "_arrowNext_ggtcs_102", Xt = "_dots_ggtcs_107", Yt = "_dot_ggtcs_107", Jt = "_dotActive_ggtcs_143", I = {
-  root: Ft,
-  trackWrapper: Vt,
-  track: Gt,
-  slide: Qt,
-  arrow: Ht,
-  arrowPrev: zt,
-  arrowNext: Kt,
-  dots: Xt,
-  dot: Yt,
-  dotActive: Jt
-}, gn = ({
+}, tn = "_root_ggtcs_1", nn = "_trackWrapper_ggtcs_16", on = "_track_ggtcs_16", rn = "_slide_ggtcs_32", an = "_arrow_ggtcs_56", sn = "_arrowPrev_ggtcs_98", cn = "_arrowNext_ggtcs_102", ln = "_dots_ggtcs_107", dn = "_dot_ggtcs_107", un = "_dotActive_ggtcs_143", I = {
+  root: tn,
+  trackWrapper: nn,
+  track: on,
+  slide: rn,
+  arrow: an,
+  arrowPrev: sn,
+  arrowNext: cn,
+  dots: ln,
+  dot: dn,
+  dotActive: un
+}, jn = ({
   children: e,
   value: t,
   onValueChange: r,
@@ -620,79 +643,79 @@ const Bt = "_overlay_17k3a_1", $t = "_modal_17k3a_15", Lt = "_header_17k3a_29",
   className: i,
   hideArrowsWhenSingle: s = !0
 }) => {
-  const c = Array.isArray(e) ? e : [e], l = c.length, [p, d] = j(0), N = t !== void 0, u = N ? Math.min(Math.max(0, t), l - 1) : p, g = Y(
-    (y) => {
-      const _ = (y + l) % l;
-      N || d(_), r?.(_);
+  const c = Array.isArray(e) ? e : [e], d = c.length, [m, b] = j(0), g = t !== void 0, l = g ? Math.min(Math.max(0, t), d - 1) : m, f = K(
+    (h) => {
+      const u = (h + d) % d;
+      g || b(u), r?.(u);
     },
-    [l, N, r]
+    [d, g, r]
   );
-  if (x(() => {
-    if (o <= 0 || l <= 1) return;
-    const y = setInterval(() => g(u + 1), o);
-    return () => clearInterval(y);
-  }, [o, l, u, g]), l === 0) return null;
-  const f = () => g(u - 1), k = () => g(u + 1), D = !s || l > 1;
-  return /* @__PURE__ */ m("div", { className: v(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(-${u * 100}%)` }, children: c.map((y, _) => /* @__PURE__ */ n("div", { className: I.slide, children: y }, _)) }) }),
-    D && /* @__PURE__ */ m(X, { children: [
+  if (k(() => {
+    if (o <= 0 || d <= 1) return;
+    const h = setInterval(() => f(l + 1), o);
+    return () => clearInterval(h);
+  }, [o, d, l, f]), d === 0) return null;
+  const y = () => f(l - 1), D = () => f(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: [
       /* @__PURE__ */ n(
         "button",
         {
           type: "button",
-          className: v(I.arrow, I.arrowPrev),
-          onClick: f,
+          className: C(I.arrow, I.arrowPrev),
+          onClick: y,
           "aria-label": "Previous slide",
           tabIndex: 0,
-          children: /* @__PURE__ */ n(le, { width: 24, height: 24, "aria-hidden": !0 })
+          children: /* @__PURE__ */ n(Ne, { width: 24, height: 24, "aria-hidden": !0 })
         }
       ),
       /* @__PURE__ */ n(
         "button",
         {
           type: "button",
-          className: v(I.arrow, I.arrowNext),
-          onClick: k,
+          className: C(I.arrow, I.arrowNext),
+          onClick: D,
           "aria-label": "Next slide",
           tabIndex: 0,
-          children: /* @__PURE__ */ n(de, { width: 24, height: 24, "aria-hidden": !0 })
+          children: /* @__PURE__ */ n(Ie, { width: 24, height: 24, "aria-hidden": !0 })
         }
       )
     ] }),
-    l > 1 && /* @__PURE__ */ n("div", { className: I.dots, role: "tablist", "aria-label": "Slide selection", children: c.map((y, _) => /* @__PURE__ */ n(
+    d > 1 && /* @__PURE__ */ n("div", { className: I.dots, role: "tablist", "aria-label": "Slide selection", children: c.map((h, u) => /* @__PURE__ */ n(
       "button",
       {
         type: "button",
         role: "tab",
-        "aria-selected": _ === u,
-        "aria-label": `Slide ${_ + 1}`,
-        className: v(I.dot, _ === u && I.dotActive),
-        onClick: () => g(_),
-        tabIndex: _ === u ? 0 : -1
+        "aria-selected": u === l,
+        "aria-label": `Slide ${u + 1}`,
+        className: C(I.dot, u === l && I.dotActive),
+        onClick: () => f(u),
+        tabIndex: u === l ? 0 : -1
       },
-      _
+      u
     )) })
   ] });
 };
 export {
-  K as Alert,
-  Cn as Button,
-  In as Card,
-  gn as Carousel,
-  kn as Checkbox,
-  pn as DatePicker,
-  mn as DropdownMenu,
-  Tt as Input,
-  Dn as Label,
-  hn as Modal,
-  xn as Radio,
-  st as Select,
-  vn as SimpleBar,
-  Sn as Tab,
-  En as Textarea,
-  G as Typography,
-  bn as clsx,
-  _n as toastError,
-  un as toastSuccess
+  se as Alert,
+  $n as Button,
+  Ln as Card,
+  jn as Carousel,
+  Mn as Checkbox,
+  Dn as DatePicker,
+  xn as DropdownMenu,
+  Kt as Input,
+  An as Label,
+  En as Modal,
+  Fn as Radio,
+  bt as Select,
+  Tn as SimpleBar,
+  Vn as Tab,
+  Wn as Textarea,
+  te as Typography,
+  Pn as clsx,
+  kn as toastError,
+  Sn as toastSuccess
 };
 //# sourceMappingURL=index.client.js.map