snapflow-ui-kit 1.2.2 → 1.2.4

package/dist/index.client.js

@@ -1,207 +1,231 @@
 "use client";
-import j, { clsx as w } from "clsx";
-import { clsx as pn } from "clsx";
-import U from "simplebar-react";
-import { default as mn } from "simplebar-react";
-import { A as K, s as A, c as V } from "./Textarea-D5WrCGtg.js";
-import { B as fn, C as hn, a as bn, L as gn, R as yn, T as wn, b as vn } from "./Textarea-D5WrCGtg.js";
-import { jsx as n, jsxs as u, Fragment as Z } from "react/jsx-runtime";
-import { useEffect as x, useState as P, useMemo as F, useRef as G, forwardRef as ee, useId as X, useCallback as te } from "react";
-import { A as ne, C as oe, E as re, a as ae, b as se, c as ce } from "./ArrowRightIcon-D0SDyfKt.js";
-import { DayPicker as q } from "react-day-picker";
-import { parse as O, isValid as $, format as M } from "date-fns";
-import { C as Y } from "./CloseIcon-CqK3tPnG.js";
-import * as S from "@radix-ui/react-dropdown-menu";
-import { createPortal as ie } from "react-dom";
-import { FocusTrap as le } from "focus-trap-react";
-import { toast as W } from "react-hot-toast";
-const nn = (e) => {
-  W.custom((t) => /* @__PURE__ */ n(
+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 * 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,
     {
       variant: "success",
       message: e,
-      className: t.visible ? A.toastEnter : A.toastExit,
-      onClose: () => W.dismiss(t.id)
+      className: t.visible ? M.toastEnter : M.toastExit,
+      onClose: () => F.dismiss(t.id)
     }
   ));
-}, on = (e, t = "Error!") => {
-  W.custom((r) => /* @__PURE__ */ n(
+}, _n = (e, t = "Error!") => {
+  F.custom((r) => /* @__PURE__ */ n(
     K,
     {
       variant: "error",
       title: t,
       message: e,
-      className: r.visible ? A.toastEnter : A.toastExit,
-      onClose: () => W.dismiss(r.id)
+      className: r.visible ? M.toastEnter : M.toastExit,
+      onClose: () => F.dismiss(r.id)
     }
   ));
-}, de = "_wrapper_1fmp6_1", pe = "_inputContainer_1fmp6_5", _e = "_label_1fmp6_11", me = "_inputWrapper_1fmp6_15", ue = "_trigger_1fmp6_22", fe = "_icon_1fmp6_36", he = "_placeholder_1fmp6_43", be = "_clearButton_1fmp6_47", ge = "_clearIcon_1fmp6_87", ye = "_disabledLabel_1fmp6_99", we = "_error_1fmp6_121", ve = "_calendar_1fmp6_139", Ne = "_open_1fmp6_158", Ce = "_monthsCaption_1fmp6_164", Ie = "_navButtonPrevious_1fmp6_170", ke = "_navButtonNext_1fmp6_171", De = "_navIcon_1fmp6_191", xe = "_monthGrid_1fmp6_197", Ee = "_dropdowns_1fmp6_203", Se = "_weekday_1fmp6_207", Pe = "_day_1fmp6_218", Re = "_dayButton_1fmp6_225", Be = "_dayOutside_1fmp6_252", Oe = "_dayToday_1fmp6_256", $e = "_daySelected_1fmp6_261", Me = "_dayRangeStart_1fmp6_262", Te = "_dayRangeEnd_1fmp6_263", Le = "_dayRangeMiddle_1fmp6_264", s = {
-  wrapper: de,
-  inputContainer: pe,
-  label: _e,
-  inputWrapper: me,
-  trigger: ue,
-  icon: fe,
-  placeholder: he,
-  clearButton: be,
-  clearIcon: ge,
-  disabledLabel: ye,
-  error: we,
-  calendar: ve,
-  open: Ne,
-  monthsCaption: Ce,
-  navButtonPrevious: Ie,
-  navButtonNext: ke,
-  navIcon: De,
-  monthGrid: xe,
-  dropdowns: Ee,
-  weekday: Se,
+}, 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: Be,
-  dayToday: Oe,
+  dayOutside: Te,
+  dayToday: Be,
   daySelected: $e,
-  dayRangeStart: Me,
-  dayRangeEnd: Te,
-  dayRangeMiddle: Le
-}, Ae = ({
+  dayRangeStart: Le,
+  dayRangeEnd: Ae,
+  dayRangeMiddle: Me
+}, We = ({
   ref: e,
   isOpen: t,
   onDismiss: r
 }) => {
   x(() => {
     if (!t) return;
-    const o = (c) => {
-      e.current && !e.current.contains(c.target) && r();
-    }, l = (c) => {
-      c.key === "Escape" && r();
+    const o = (s) => {
+      e.current && !e.current.contains(s.target) && r();
+    }, i = (s) => {
+      s.key === "Escape" && r();
     };
-    return document.addEventListener("mousedown", o), document.addEventListener("touchstart", o), document.addEventListener("keydown", l), () => {
-      document.removeEventListener("mousedown", o), document.removeEventListener("touchstart", o), document.removeEventListener("keydown", l);
+    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]);
-}, T = "dd.MM.yyyy", We = (e) => {
-  if (!e) return;
-  const t = O(e, T, /* @__PURE__ */ new Date());
-  return $(t) ? t : void 0;
-}, je = (e) => {
-  if (!e) return;
-  const t = " - ", r = e.indexOf(t);
-  if (r === -1) {
-    const i = O(e.trim(), T, /* @__PURE__ */ new Date());
-    return $(i) ? { from: i, to: void 0 } : void 0;
-  }
-  const o = e.substring(0, r).trim(), l = e.substring(r + t.length).trim();
-  if (!o || !l) return;
-  const c = O(o, T, /* @__PURE__ */ new Date()), a = O(l, T, /* @__PURE__ */ new Date());
-  if ($(c) && $(a))
-    return { from: c, to: a };
-}, z = (e, t) => {
-  if (e)
-    return t === "single" ? We(e) : je(e);
-}, Fe = (e, t) => {
-  const [r, o] = P(/* @__PURE__ */ new Date());
-  return {
-    month: F(() => {
-      const a = z(e, t);
-      if (!a) return r;
-      if (t === "single" && a instanceof Date)
-        return a;
-      if (t === "range" && typeof a == "object" && "from" in a) {
-        const i = a;
-        if (i.from)
-          return i.from;
-        if (i.to)
-          return i.to;
-      }
-      return r;
-    }, [e, t, r]),
-    setMonth: (a) => {
-      o(a);
-    }
-  };
-}, Ge = "_container_15bt3_1", Ve = "_label_15bt3_7", qe = "_select_15bt3_14", He = "_trigger_15bt3_19", Ke = "_triggerOpen_15bt3_46", Xe = "_placeholder_15bt3_67", Ye = "_selectedContent_15bt3_71", ze = "_optionIcon_15bt3_81", Je = "_arrow_15bt3_87", Qe = "_open_15bt3_98", Ue = "_dropdown_15bt3_102", Ze = "_option_15bt3_81", et = "_selected_15bt3_71", g = {
-  container: Ge,
+}, 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,
-  select: qe,
-  trigger: He,
-  triggerOpen: Ke,
-  placeholder: Xe,
-  selectedContent: Ye,
-  optionIcon: ze,
-  arrow: Je,
-  open: Qe,
+  trigger: Ge,
+  select: Qe,
+  triggerOpen: He,
+  placeholder: ze,
+  selectedContent: Ke,
+  optionIcon: Xe,
+  arrow: Ye,
+  open: Je,
   dropdown: Ue,
-  option: Ze,
-  selected: et
-}, tt = (e) => {
-  const { className: t, disabled: r = !1, label: o, onChange: l, options: c, placeholder: a, value: i } = e, [d, h] = P(!1), v = G(null), _ = c.find((p) => p.value === i), f = () => {
-    r || h(!d);
-  }, b = (p) => {
-    l?.(p), h(!1);
+  searchContainer: Ze,
+  searchInput: et,
+  option: tt,
+  selected: nt,
+  noOptions: ot
+}, rt = ({
+  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(
+    "input",
+    {
+      ref: i,
+      className: h.searchInput,
+      onChange: (d) => r(d.currentTarget.value),
+      placeholder: s,
+      type: "text",
+      value: c
+    }
+  ) }),
+  e.length ? e.map((d) => /* @__PURE__ */ m(
+    "button",
+    {
+      className: v(h.option, d.value === p && h.selected),
+      onClick: () => o(d.value),
+      type: "button",
+      role: "option",
+      "aria-selected": d.value === p,
+      children: [
+        d.icon && /* @__PURE__ */ n("span", { className: h.optionIcon, children: d.icon }),
+        d.label
+      ]
+    },
+    d.value
+  )) : /* @__PURE__ */ n("p", { className: h.noOptions, children: t })
+] }), at = (e, t) => {
+  const [r, o] = j(e);
+  return x(() => {
+    const i = setTimeout(() => {
+      o(e);
+    }, t);
+    return () => {
+      clearTimeout(i);
+    };
+  }, [t, e]), r;
+}, st = (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();
   };
   return x(() => {
-    const p = (k) => {
-      v.current && !v.current.contains(k.target) && h(!1);
+    const S = (ne) => {
+      D.current && !D.current.contains(ne.target) && q();
     };
-    return d && document.addEventListener("mousedown", p), () => {
-      document.removeEventListener("mousedown", p);
+    return u && document.addEventListener("mousedown", S), () => {
+      document.removeEventListener("mousedown", S);
     };
-  }, [d]), /* @__PURE__ */ u("div", { className: w(g.container, t), children: [
-    o && /* @__PURE__ */ n("label", { className: g.label, children: o }),
-    /* @__PURE__ */ u("div", { className: g.select, ref: v, children: [
-      /* @__PURE__ */ u(
+  }, [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(
         "button",
         {
-          className: w(g.trigger, d && g.triggerOpen),
+          className: v(h.trigger, u && h.triggerOpen),
           disabled: r,
-          onClick: f,
+          onClick: ee,
           type: "button",
           "aria-haspopup": "listbox",
-          "aria-expanded": d,
+          "aria-expanded": u,
           children: [
-            /* @__PURE__ */ u("span", { className: _ ? g.selectedContent : g.placeholder, children: [
-              _?.icon && /* @__PURE__ */ n("span", { className: g.optionIcon, children: _.icon }),
-              _ ? _.label : a || "Select an option"
+            /* @__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__ */ n("span", { className: w(g.arrow, d && g.open), children: /* @__PURE__ */ n(ne, {}) })
+            /* @__PURE__ */ n("span", { className: v(h.arrow, u && h.open), children: /* @__PURE__ */ n(ae, {}) })
           ]
         }
       ),
-      d && /* @__PURE__ */ n(U, { className: g.dropdown, role: "listbox", style: { maxHeight: 191 }, children: c.map((p) => /* @__PURE__ */ u(
-        "button",
+      u && /* @__PURE__ */ n(oe, { className: h.dropdown, role: "listbox", style: { maxHeight: 191 }, children: /* @__PURE__ */ n(
+        rt,
         {
-          className: w(g.option, p.value === i && g.selected),
-          onClick: () => b(p.value),
-          type: "button",
-          role: "option",
-          "aria-selected": p.value === i,
-          children: [
-            p.icon && /* @__PURE__ */ n("span", { className: g.optionIcon, children: p.icon }),
-            p.label
-          ]
-        },
-        p.value
-      )) })
+          filteredOptions: C,
+          noOptionsText: i,
+          onSearchChange: k,
+          onSelect: te,
+          searchInputRef: y,
+          searchPlaceholder: p,
+          searchQuery: f,
+          searchable: d,
+          value: N
+        }
+      ) })
     ] })
   ] });
-}, J = (e) => {
+}, Z = (e) => {
   const t = (o) => {
     if (e.onChange) {
-      const l = {
+      const i = {
         target: {
           value: o
         }
       };
-      e.onChange(l);
+      e.onChange(i);
     }
   }, r = e.options?.map((o) => ({
     value: o.value.toString(),
     label: o.label
   })) || [];
   return /* @__PURE__ */ n(
-    tt,
+    st,
     {
       className: e.className,
       options: r,
@@ -210,67 +234,86 @@ const nn = (e) => {
     }
   );
 };
-J.displayName = "DatePickerDropdown";
-const nt = {
-  month_caption: s.monthsCaption,
-  button_previous: s.navButtonPrevious,
-  button_next: s.navButtonNext,
-  chevron: s.navIcon,
-  caption_label: s.captionLabel,
-  dropdowns: s.dropdowns,
-  dropdown_root: s.dropdown_root,
-  dropdown: s.dropdown,
-  dropdown_select_option: s.option,
-  months_dropdown: s.monthsDropdown,
-  years_dropdown: s.yearsDropdown,
-  month_grid: s.monthGrid,
-  weekday: s.weekday,
-  day_button: s.dayButton,
-  day: s.day,
-  outside: s.dayOutside,
-  selected: s.daySelected,
-  range_start: s.dayRangeStart,
-  range_middle: s.dayRangeMiddle,
-  range_end: s.dayRangeEnd,
-  today: s.dayToday
-}, ot = {
-  Dropdown: J
-}, rt = {
+Z.displayName = "DatePickerDropdown";
+const ct = {
+  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
+}, it = {
+  Dropdown: Z
+}, lt = {
   weekStartsOn: 1,
   showOutsideDays: !0,
   reverseYears: !0,
   captionLayout: "dropdown"
-}, at = {
-  components: ot,
-  ...rt
-}, st = (e) => ({
-  ...at,
+}, dt = {
+  components: it,
+  ...lt
+}, ut = (e) => ({
+  ...dt,
   classNames: {
-    root: j(s.calendar, e && s.open),
-    ...nt
+    root: V(a.calendar, e && a.open),
+    ...ct
   }
-}), L = "dd.MM.yyyy", ct = (e) => e ? M(e, L) : "", it = (e) => !e || !e.from ? "" : e.to && e.from.getTime() !== e.to.getTime() ? `${M(e.from, L)} - ${M(e.to, L)}` : M(e.from, L), H = (e, t) => e ? t === "single" && e instanceof Date ? ct(e) : t === "range" && typeof e == "object" && "from" in e ? it(e) : "" : "", lt = ({
+}), 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 = ({
   value: e,
   mode: t,
   onChange: r,
   setMonth: o,
-  setIsOpen: l
+  setIsOpen: i
 }) => {
   if (!e) {
     r("");
     return;
   }
   if (t === "single") {
-    e instanceof Date && (o(e), r(H(e, "single")), l(!1));
+    e instanceof Date && (o(e), r(z(e, "single")), i(!1));
     return;
   }
   if (t === "range" && typeof e == "object" && "from" in e) {
-    const c = e;
-    c.from ? o(c.from) : c.to && o(c.to);
-    const a = H(c, "range");
-    r(a), c.from && c.to && c.from.getTime() !== c.to.getTime() && l(!1);
+    const s = e;
+    s.from ? o(s.from) : s.to && o(s.to);
+    const c = z(s, "range");
+    r(c), s.from && s.to && s.from.getTime() !== s.to.getTime() && i(!1);
   }
-}, dt = (e, t, r) => {
+}, A = "dd.MM.yyyy", ht = (e) => {
+  if (!e) return;
+  const t = B(e, A, /* @__PURE__ */ new Date());
+  return $(t) ? t : void 0;
+}, gt = (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 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))
+    return { from: s, to: c };
+}, ft = (e, t) => {
+  if (e)
+    return t === "single" ? ht(e) : gt(e);
+}, yt = (e, t, r) => {
   if (e) {
     if (t === "single" && e instanceof Date) {
       r(e);
@@ -281,229 +324,229 @@ const nt = {
       o.from ? r(o.from) : o.to && r(o.to);
     }
   }
-}, rn = ({
+}, pn = ({
   mode: e,
   value: t,
   onChange: r,
   disabled: o,
-  label: l,
-  error: c,
-  placeholder: a,
-  ...i
+  label: i,
+  error: s,
+  placeholder: c,
+  ...l
 }) => {
-  const [d, h] = P(!1), v = G(null), { month: _, setMonth: f } = Fe(t, e), b = F(() => z(t, e), [t, e]);
+  const [p, d] = j(!1), N = W(null), [u, g] = j(/* @__PURE__ */ new Date()), f = Q(() => ft(t, e), [t, e]);
   x(() => {
-    dt(b, e, f);
-  }, [b, e, f]), Ae({ ref: v, isOpen: d, onDismiss: () => {
-    h(!1);
+    yt(f, e, g);
+  }, [f, e, g]), We({ ref: N, isOpen: p, onDismiss: () => {
+    d(!1);
   } });
-  const k = (I) => {
-    I.stopPropagation(), D(void 0);
-  }, N = () => {
-    o || h((I) => !I);
-  }, m = (I) => {
-    const Q = I.currentTarget.value;
-    r(Q);
-  }, D = (I) => {
-    lt({
-      value: I,
+  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,
       mode: e,
       onChange: r,
-      setMonth: f,
-      setIsOpen: h
+      setMonth: g,
+      setIsOpen: d
     });
-  }, R = F(() => st(d), [d]);
-  return /* @__PURE__ */ u("div", { ref: v, className: s.wrapper, children: [
-    /* @__PURE__ */ u("div", { className: s.inputContainer, children: [
-      l && /* @__PURE__ */ n("span", { className: o ? s.disabledLabel : s.label, children: /* @__PURE__ */ n(V, { variant: "text-14", children: l }) }),
-      /* @__PURE__ */ u("div", { className: s.inputWrapper, children: [
+  }, 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: [
         /* @__PURE__ */ n(
           "input",
           {
             type: "text",
-            className: j(s.trigger, c && s.error),
-            onClick: N,
+            className: V(a.trigger, s && a.error),
+            onClick: y,
             value: t,
-            onChange: m,
-            placeholder: a,
+            onChange: _,
+            placeholder: c,
             disabled: o,
-            "aria-label": l || "Select date",
-            "aria-expanded": d,
+            "aria-label": i || "Select date",
+            "aria-expanded": p,
             "aria-haspopup": "dialog",
-            "aria-invalid": c ? "true" : "false",
-            ...i
+            "aria-invalid": s ? "true" : "false",
+            ...l
           }
         ),
         t && !o && /* @__PURE__ */ n(
           "button",
           {
             type: "button",
-            className: s.clearButton,
-            onClick: k,
+            className: a.clearButton,
+            onClick: D,
             "aria-label": "Clear date",
-            children: /* @__PURE__ */ n(Y, { className: s.clearIcon })
+            children: /* @__PURE__ */ n(U, { className: a.clearIcon })
           }
         ),
-        /* @__PURE__ */ n(oe, { className: j(s.icon, !t && s.placeholder) })
+        /* @__PURE__ */ n(se, { className: V(a.icon, !t && a.placeholder) })
       ] }),
-      c && /* @__PURE__ */ n(V, { variant: "small", className: s.error, children: c })
+      s && /* @__PURE__ */ n(G, { variant: "small", className: a.error, children: s })
     ] }),
     e === "single" ? /* @__PURE__ */ n(
-      q,
+      H,
       {
-        ...R,
-        month: _,
-        onMonthChange: f,
+        ...E,
+        month: u,
+        onMonthChange: g,
         mode: "single",
-        selected: b instanceof Date ? b : void 0,
-        onSelect: D
+        selected: f instanceof Date ? f : void 0,
+        onSelect: w
       }
     ) : /* @__PURE__ */ n(
-      q,
+      H,
       {
-        ...R,
-        month: _,
-        onMonthChange: f,
+        ...E,
+        month: u,
+        onMonthChange: g,
         mode: "range",
-        selected: b && typeof b == "object" && "from" in b ? b : void 0,
-        onSelect: D
+        selected: f && typeof f == "object" && "from" in f ? f : void 0,
+        onSelect: w
       }
     )
   ] });
-}, pt = "_content_1bas8_1", _t = "_item_1bas8_24", mt = "_icon_1bas8_56", ut = "_label_1bas8_62", B = {
-  content: pt,
-  item: _t,
-  icon: mt,
-  label: ut
-}, an = (e) => {
-  const { children: t, items: r, className: o, align: l = "end", side: c = "bottom" } = e;
-  return /* @__PURE__ */ u(S.Root, { children: [
-    /* @__PURE__ */ n(S.Trigger, { asChild: !0, children: t }),
-    /* @__PURE__ */ n(S.Portal, { children: /* @__PURE__ */ n(
-      S.Content,
+}, 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) => {
+  const { children: t, items: r, className: o, align: i = "end", side: s = "bottom" } = e;
+  return /* @__PURE__ */ m(P.Root, { children: [
+    /* @__PURE__ */ n(P.Trigger, { asChild: !0, children: t }),
+    /* @__PURE__ */ n(P.Portal, { children: /* @__PURE__ */ n(
+      P.Content,
       {
-        align: l,
-        className: w(B.content, o),
-        side: c,
+        align: i,
+        className: v(R.content, o),
+        side: s,
         sideOffset: 4,
-        children: r.map((a, i) => /* @__PURE__ */ u(
-          S.Item,
+        children: r.map((c, l) => /* @__PURE__ */ m(
+          P.Item,
           {
-            className: B.item,
-            disabled: a.disabled,
-            onSelect: a.onSelect,
+            className: R.item,
+            disabled: c.disabled,
+            onSelect: c.onSelect,
             children: [
-              a.icon && /* @__PURE__ */ n("span", { className: B.icon, children: a.icon }),
-              /* @__PURE__ */ n("span", { className: B.label, children: a.label })
+              c.icon && /* @__PURE__ */ n("span", { className: R.icon, children: c.icon }),
+              /* @__PURE__ */ n("span", { className: R.label, children: c.label })
             ]
           },
-          i
+          l
         ))
       }
     ) })
   ] });
-}, ft = "_wrapper_1i0po_1", ht = "_label_1i0po_7", bt = "_disabled_1i0po_14", gt = "_inputContainer_1i0po_18", yt = "_input_1i0po_18", wt = "_error_1i0po_51", vt = "_withStartIcon_1i0po_64", Nt = "_withEndIcon_1i0po_68", Ct = "_startIcon_1i0po_72", It = "_endIcon_1i0po_73", kt = "_errorMessage_1i0po_115", Dt = "_required_1i0po_122", y = {
-  wrapper: ft,
-  label: ht,
-  disabled: bt,
-  inputContainer: gt,
-  input: yt,
-  error: wt,
-  withStartIcon: vt,
-  withEndIcon: Nt,
-  startIcon: Ct,
-  endIcon: It,
-  errorMessage: kt,
-  required: Dt
-}, xt = ee(
+}, 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(
   ({
     label: e,
     errorMessage: t,
     startIcon: r,
     endIcon: o,
-    onEndIconClick: l,
-    allowPasswordToggle: c,
-    disabled: a,
-    type: i = "text",
-    className: d,
-    required: h,
-    id: v,
-    ..._
-  }, f) => {
-    const b = X(), p = v ?? b, k = t ? `${p}-error` : void 0, N = !!t, m = i === "password" && c, [D, R] = P(!1);
-    return /* @__PURE__ */ u("div", { className: w(y.wrapper, d), children: [
-      e && /* @__PURE__ */ u("label", { htmlFor: p, className: w(y.label, { [y.disabled]: a }), children: [
+    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: [
         e,
-        h && /* @__PURE__ */ n("sup", { className: y.required, children: " *" })
+        d && /* @__PURE__ */ n("sup", { className: b.required, children: " *" })
       ] }),
-      /* @__PURE__ */ u(
+      /* @__PURE__ */ m(
         "div",
         {
-          className: w(y.inputContainer, {
-            [y.error]: N,
-            [y.disabled]: a,
-            [y.withStartIcon]: !!r,
-            [y.withEndIcon]: !!o || m
+          className: v(b.inputContainer, {
+            [b.error]: y,
+            [b.disabled]: c,
+            [b.withStartIcon]: !!r,
+            [b.withEndIcon]: !!o || _
           }),
           children: [
-            r && /* @__PURE__ */ n("span", { className: y.startIcon, children: r }),
+            r && /* @__PURE__ */ n("span", { className: b.startIcon, children: r }),
             /* @__PURE__ */ n(
               "input",
               {
-                ref: f,
-                id: p,
-                className: y.input,
-                type: m && D ? "text" : i,
-                autoComplete: i === "password" ? "current-password" : "off",
-                required: h,
-                disabled: a,
-                "aria-invalid": N,
-                "aria-describedby": k,
-                ..._
+                ref: g,
+                id: k,
+                className: b.input,
+                type: _ && w ? "text" : l,
+                autoComplete: l === "password" ? "current-password" : "off",
+                required: d,
+                disabled: c,
+                "aria-invalid": y,
+                "aria-describedby": D,
+                ...u
               }
             ),
-            m && /* @__PURE__ */ n(
+            _ && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: y.endIcon,
-                onClick: () => R((I) => !I),
-                "aria-label": D ? "Hide password" : "Show password",
-                disabled: a,
+                className: b.endIcon,
+                onClick: () => E((C) => !C),
+                "aria-label": w ? "Hide password" : "Show password",
+                disabled: c,
                 tabIndex: -1,
-                children: D ? /* @__PURE__ */ n(re, {}) : /* @__PURE__ */ n(ae, {})
+                children: w ? /* @__PURE__ */ n(ce, {}) : /* @__PURE__ */ n(ie, {})
               }
             ),
-            o && !m && /* @__PURE__ */ n(
+            o && !_ && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: y.endIcon,
-                onClick: l,
+                className: b.endIcon,
+                onClick: i,
                 "aria-label": "Action",
-                disabled: a,
+                disabled: c,
                 children: o
               }
             )
           ]
         }
       ),
-      N && /* @__PURE__ */ n("span", { id: k, className: y.errorMessage, role: "alert", children: t })
+      y && /* @__PURE__ */ n("span", { id: D, className: b.errorMessage, role: "alert", children: t })
     ] });
   }
 );
-xt.displayName = "Input";
-const Et = "_overlay_17k3a_1", St = "_modal_17k3a_15", Pt = "_header_17k3a_29", Rt = "_title_17k3a_39", Bt = "_close_17k3a_52", Ot = "_body_17k3a_79", E = {
-  overlay: Et,
-  modal: St,
-  header: Pt,
-  title: Rt,
-  close: Bt,
-  body: Ot
-}, sn = ({ open: e, onClose: t, title: r, children: o, className: l }) => {
-  const c = X(), a = G(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(() => {
-    a.current = t;
+    c.current = t;
   }, [t]), x(() => {
     if (e)
       return document.body.style.overflow = "hidden", () => {
@@ -511,145 +554,145 @@ const Et = "_overlay_17k3a_1", St = "_modal_17k3a_15", Pt = "_header_17k3a_29",
       };
   }, [e]), x(() => {
     if (!e) return;
-    const d = (h) => {
-      h.key === "Escape" && a.current();
+    const p = (d) => {
+      d.key === "Escape" && c.current();
     };
-    return document.addEventListener("keydown", d), () => {
-      document.removeEventListener("keydown", d);
+    return document.addEventListener("keydown", p), () => {
+      document.removeEventListener("keydown", p);
     };
   }, [e]), !e || typeof document > "u") return null;
-  const i = document.getElementById("modal-root") ?? document.body;
-  return ie(
+  const l = document.getElementById("modal-root") ?? document.body;
+  return ue(
     /* @__PURE__ */ n(
-      le,
+      _e,
       {
         active: e,
         focusTrapOptions: {
           clickOutsideDeactivates: !0,
           returnFocusOnDeactivate: !0
         },
-        children: /* @__PURE__ */ n("div", { className: E.overlay, onClick: () => a.current(), children: /* @__PURE__ */ u(
+        children: /* @__PURE__ */ n("div", { className: O.overlay, onClick: () => c.current(), children: /* @__PURE__ */ m(
           "div",
           {
-            className: w(E.modal, l),
-            onClick: (d) => d.stopPropagation(),
+            className: v(O.modal, i),
+            onClick: (p) => p.stopPropagation(),
             role: "dialog",
             "aria-modal": "true",
-            "aria-labelledby": c,
+            "aria-labelledby": s,
             children: [
-              /* @__PURE__ */ u("header", { className: E.header, children: [
-                /* @__PURE__ */ n("h2", { id: c, className: E.title, children: r }),
+              /* @__PURE__ */ m("header", { className: O.header, children: [
+                /* @__PURE__ */ n("h2", { id: s, className: O.title, children: r }),
                 /* @__PURE__ */ n(
                   "button",
                   {
                     type: "button",
-                    className: E.close,
+                    className: O.close,
                     "aria-label": "Close modal",
-                    onClick: () => a.current(),
-                    children: /* @__PURE__ */ n(Y, {})
+                    onClick: () => c.current(),
+                    children: /* @__PURE__ */ n(U, {})
                   }
                 )
               ] }),
-              /* @__PURE__ */ n("div", { className: E.body, children: o })
+              /* @__PURE__ */ n("div", { className: O.body, children: o })
             ]
           }
         ) })
       }
     ),
-    i
+    l
   );
-}, $t = "_root_ggtcs_1", Mt = "_trackWrapper_ggtcs_16", Tt = "_track_ggtcs_16", Lt = "_slide_ggtcs_32", At = "_arrow_ggtcs_56", Wt = "_arrowPrev_ggtcs_98", jt = "_arrowNext_ggtcs_102", Ft = "_dots_ggtcs_107", Gt = "_dot_ggtcs_107", Vt = "_dotActive_ggtcs_143", C = {
-  root: $t,
-  trackWrapper: Mt,
-  track: Tt,
-  slide: Lt,
-  arrow: At,
-  arrowPrev: Wt,
-  arrowNext: jt,
-  dots: Ft,
-  dot: Gt,
-  dotActive: Vt
-}, cn = ({
+}, 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 = ({
   children: e,
   value: t,
   onValueChange: r,
   autoPlayInterval: o = 0,
-  className: l,
-  hideArrowsWhenSingle: c = !0
+  className: i,
+  hideArrowsWhenSingle: s = !0
 }) => {
-  const a = Array.isArray(e) ? e : [e], i = a.length, [d, h] = P(0), v = t !== void 0, _ = v ? Math.min(Math.max(0, t), i - 1) : d, f = te(
-    (N) => {
-      const m = (N + i) % i;
-      v || h(m), r?.(m);
+  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?.(_);
     },
-    [i, v, r]
+    [l, N, r]
   );
   if (x(() => {
-    if (o <= 0 || i <= 1) return;
-    const N = setInterval(() => f(_ + 1), o);
-    return () => clearInterval(N);
-  }, [o, i, _, f]), i === 0) return null;
-  const b = () => f(_ - 1), p = () => f(_ + 1), k = !c || i > 1;
-  return /* @__PURE__ */ u("div", { className: w(C.root, l), role: "region", "aria-label": "Carousel", children: [
-    /* @__PURE__ */ n("div", { className: C.trackWrapper, children: /* @__PURE__ */ n("div", { className: C.track, style: { transform: `translateX(-${_ * 100}%)` }, children: a.map((N, m) => /* @__PURE__ */ n("div", { className: C.slide, children: N }, m)) }) }),
-    k && /* @__PURE__ */ u(Z, { children: [
+    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: [
       /* @__PURE__ */ n(
         "button",
         {
           type: "button",
-          className: w(C.arrow, C.arrowPrev),
-          onClick: b,
+          className: v(I.arrow, I.arrowPrev),
+          onClick: f,
           "aria-label": "Previous slide",
           tabIndex: 0,
-          children: /* @__PURE__ */ n(se, { width: 24, height: 24, "aria-hidden": !0 })
+          children: /* @__PURE__ */ n(le, { width: 24, height: 24, "aria-hidden": !0 })
         }
       ),
       /* @__PURE__ */ n(
         "button",
         {
           type: "button",
-          className: w(C.arrow, C.arrowNext),
-          onClick: p,
+          className: v(I.arrow, I.arrowNext),
+          onClick: k,
           "aria-label": "Next slide",
           tabIndex: 0,
-          children: /* @__PURE__ */ n(ce, { width: 24, height: 24, "aria-hidden": !0 })
+          children: /* @__PURE__ */ n(de, { width: 24, height: 24, "aria-hidden": !0 })
         }
       )
     ] }),
-    i > 1 && /* @__PURE__ */ n("div", { className: C.dots, role: "tablist", "aria-label": "Slide selection", children: a.map((N, m) => /* @__PURE__ */ n(
+    l > 1 && /* @__PURE__ */ n("div", { className: I.dots, role: "tablist", "aria-label": "Slide selection", children: c.map((y, _) => /* @__PURE__ */ n(
       "button",
       {
         type: "button",
         role: "tab",
-        "aria-selected": m === _,
-        "aria-label": `Slide ${m + 1}`,
-        className: w(C.dot, m === _ && C.dotActive),
-        onClick: () => f(m),
-        tabIndex: m === _ ? 0 : -1
+        "aria-selected": _ === u,
+        "aria-label": `Slide ${_ + 1}`,
+        className: v(I.dot, _ === u && I.dotActive),
+        onClick: () => g(_),
+        tabIndex: _ === u ? 0 : -1
       },
-      m
+      _
     )) })
   ] });
 };
 export {
   K as Alert,
-  fn as Button,
-  hn as Card,
-  cn as Carousel,
-  bn as Checkbox,
-  rn as DatePicker,
-  an as DropdownMenu,
-  xt as Input,
-  gn as Label,
-  sn as Modal,
-  yn as Radio,
-  tt as Select,
-  mn as SimpleBar,
-  wn as Tab,
-  vn as Textarea,
-  V as Typography,
-  pn as clsx,
-  on as toastError,
-  nn as toastSuccess
+  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
 };
 //# sourceMappingURL=index.client.js.map