snapflow-ui-kit 1.2.0 → 1.2.3

package/dist/index.client.js

@@ -1,582 +1,634 @@
 "use client";
-import j, { clsx as g } from "clsx";
-import { clsx as zt } from "clsx";
-import U from "simplebar-react";
-import { default as Qt } from "simplebar-react";
-import { A as H, s as L, c as G } from "./Textarea-D5WrCGtg.js";
-import { B as Xt, C as Zt, a as en, L as tn, R as nn, T as on, b as an } from "./Textarea-D5WrCGtg.js";
-import { jsx as a, jsxs as _ } from "react/jsx-runtime";
-import { useEffect as k, useState as A, useMemo as F, useRef as V, forwardRef as X, useId as K } from "react";
-import { DayPicker as W } from "react-day-picker";
-import { parse as R, isValid as B, format as O } from "date-fns";
-import { A as Z, C as ee, E as te, a as ne } from "./ArrowDownIcon-jfp8BJVY.js";
+import M, { clsx as w } from "clsx";
+import { clsx as dn } from "clsx";
+import Q from "simplebar-react";
+import { default as un } from "simplebar-react";
+import { A as K, s as j, c as F } from "./Textarea-6m6FiIv5.js";
+import { B as mn, C as gn, a as hn, L as fn, R as yn, T as bn, b as wn } from "./Textarea-6m6FiIv5.js";
+import { jsx as n, jsxs as m, Fragment as U } from "react/jsx-runtime";
+import { useEffect as D, useState as q, useRef as W, useMemo as G, forwardRef as Z, useId as X, useCallback as ee } from "react";
+import { A as te, C as ne, E as oe, a as re, b as ae, c as se } from "./ArrowRightIcon-D0SDyfKt.js";
+import { DayPicker as V } from "react-day-picker";
+import { format as B, parse as O, isValid as $ } from "date-fns";
 import { C as Y } from "./CloseIcon-CqK3tPnG.js";
 import * as S from "@radix-ui/react-dropdown-menu";
-import { createPortal as oe } from "react-dom";
-import { FocusTrap as ae } from "focus-trap-react";
-import { toast as $ } from "react-hot-toast";
-const Vt = (e) => {
-  $.custom((t) => /* @__PURE__ */ a(
-    H,
+import { createPortal as ce } from "react-dom";
+import { FocusTrap as ie } from "focus-trap-react";
+import { toast as A } from "react-hot-toast";
+const tn = (e) => {
+  A.custom((t) => /* @__PURE__ */ n(
+    K,
     {
       variant: "success",
       message: e,
-      className: t.visible ? L.toastEnter : L.toastExit,
-      onClose: () => $.dismiss(t.id)
+      className: t.visible ? j.toastEnter : j.toastExit,
+      onClose: () => A.dismiss(t.id)
     }
   ));
-}, Gt = (e, t = "Error!") => {
-  $.custom((o) => /* @__PURE__ */ a(
-    H,
+}, nn = (e, t = "Error!") => {
+  A.custom((r) => /* @__PURE__ */ n(
+    K,
     {
       variant: "error",
       title: t,
       message: e,
-      className: o.visible ? L.toastEnter : L.toastExit,
-      onClose: () => $.dismiss(o.id)
+      className: r.visible ? j.toastEnter : j.toastExit,
+      onClose: () => A.dismiss(r.id)
     }
   ));
-}, re = "_wrapper_l023w_1", se = "_inputContainer_l023w_5", ce = "_label_l023w_11", ie = "_inputWrapper_l023w_15", le = "_trigger_l023w_22", de = "_icon_l023w_38", pe = "_placeholder_l023w_45", _e = "_clearButton_l023w_49", ue = "_clearIcon_l023w_89", me = "_disabledLabel_l023w_101", fe = "_error_l023w_123", he = "_calendar_l023w_141", we = "_open_l023w_160", ye = "_monthsCaption_l023w_166", be = "_navButtonPrevious_l023w_172", ge = "_navButtonNext_l023w_173", ve = "_navIcon_l023w_193", Ce = "_monthGrid_l023w_199", Ne = "_dropdowns_l023w_205", De = "_weekday_l023w_209", Ie = "_day_l023w_220", ke = "_dayButton_l023w_227", Ee = "_dayOutside_l023w_254", Se = "_dayToday_l023w_258", xe = "_daySelected_l023w_263", Pe = "_dayRangeStart_l023w_264", Re = "_dayRangeEnd_l023w_265", Be = "_dayRangeMiddle_l023w_266", r = {
-  wrapper: re,
-  inputContainer: se,
-  label: ce,
-  inputWrapper: ie,
-  trigger: le,
-  icon: de,
-  placeholder: pe,
-  clearButton: _e,
-  clearIcon: ue,
-  disabledLabel: me,
-  error: fe,
-  calendar: he,
-  open: we,
-  monthsCaption: ye,
-  navButtonPrevious: be,
-  navButtonNext: ge,
-  navIcon: ve,
-  monthGrid: Ce,
-  dropdowns: Ne,
-  weekday: De,
-  day: Ie,
-  dayButton: ke,
-  dayOutside: Ee,
-  dayToday: Se,
-  daySelected: xe,
-  dayRangeStart: Pe,
-  dayRangeEnd: Re,
-  dayRangeMiddle: Be
-}, Oe = ({
+}, le = "_wrapper_8euq6_1", de = "_inputContainer_8euq6_5", _e = "_label_8euq6_11", ue = "_inputWrapper_8euq6_15", pe = "_trigger_8euq6_22", me = "_icon_8euq6_36", ge = "_placeholder_8euq6_43", he = "_clearButton_8euq6_47", fe = "_clearIcon_8euq6_87", ye = "_disabledLabel_8euq6_99", be = "_error_8euq6_121", we = "_calendar_8euq6_139", ve = "_open_8euq6_159", Ne = "_monthsCaption_8euq6_165", Ce = "_navButtonPrevious_8euq6_171", Ie = "_navButtonNext_8euq6_172", ke = "_navIcon_8euq6_192", xe = "_monthGrid_8euq6_198", De = "_dropdowns_8euq6_204", Ee = "_weekday_8euq6_208", Se = "_day_8euq6_219", qe = "_dayButton_8euq6_226", Pe = "_dayOutside_8euq6_253", Re = "_dayToday_8euq6_257", Be = "_daySelected_8euq6_262", Oe = "_dayRangeStart_8euq6_263", $e = "_dayRangeEnd_8euq6_264", Te = "_dayRangeMiddle_8euq6_265", a = {
+  wrapper: le,
+  inputContainer: de,
+  label: _e,
+  inputWrapper: ue,
+  trigger: pe,
+  icon: me,
+  placeholder: ge,
+  clearButton: he,
+  clearIcon: fe,
+  disabledLabel: ye,
+  error: be,
+  calendar: we,
+  open: ve,
+  monthsCaption: Ne,
+  navButtonPrevious: Ce,
+  navButtonNext: Ie,
+  navIcon: ke,
+  monthGrid: xe,
+  dropdowns: De,
+  weekday: Ee,
+  day: Se,
+  dayButton: qe,
+  dayOutside: Pe,
+  dayToday: Re,
+  daySelected: Be,
+  dayRangeStart: Oe,
+  dayRangeEnd: $e,
+  dayRangeMiddle: Te
+}, Le = ({
   ref: e,
   isOpen: t,
-  onDismiss: o
+  onDismiss: r
 }) => {
-  k(() => {
+  D(() => {
     if (!t) return;
-    const n = (c) => {
-      e.current && !e.current.contains(c.target) && o();
-    }, i = (c) => {
-      c.key === "Escape" && o();
+    const o = (s) => {
+      e.current && !e.current.contains(s.target) && r();
+    }, l = (s) => {
+      s.key === "Escape" && r();
     };
-    return document.addEventListener("mousedown", n), document.addEventListener("touchstart", n), document.addEventListener("keydown", i), () => {
-      document.removeEventListener("mousedown", n), document.removeEventListener("touchstart", n), document.removeEventListener("keydown", i);
+    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);
     };
-  }, [t, o, e]);
-}, T = "dd.MM.yyyy", Te = (e) => {
-  if (!e) return;
-  const t = R(e, T, /* @__PURE__ */ new Date());
-  return B(t) ? t : void 0;
-}, Me = (e) => {
-  if (!e) return;
-  const t = " - ", o = e.indexOf(t);
-  if (o === -1) {
-    const l = R(e.trim(), T, /* @__PURE__ */ new Date());
-    return B(l) ? { from: l, to: void 0 } : void 0;
-  }
-  const n = e.substring(0, o).trim(), i = e.substring(o + t.length).trim();
-  if (!n || !i) return;
-  const c = R(n, T, /* @__PURE__ */ new Date()), s = R(i, T, /* @__PURE__ */ new Date());
-  if (B(c) && B(s))
-    return { from: c, to: s };
-}, z = (e, t) => {
-  if (e)
-    return t === "single" ? Te(e) : Me(e);
-}, Le = (e, t) => {
-  const [o, n] = A(/* @__PURE__ */ new Date());
-  return {
-    month: F(() => {
-      const s = z(e, t);
-      if (!s) return o;
-      if (t === "single" && s instanceof Date)
-        return s;
-      if (t === "range" && typeof s == "object" && "from" in s) {
-        const l = s;
-        if (l.from)
-          return l.from;
-        if (l.to)
-          return l.to;
-      }
-      return o;
-    }, [e, t, o]),
-    setMonth: (s) => {
-      n(s);
-    }
-  };
-}, $e = "_container_15bt3_1", Ae = "_label_15bt3_7", je = "_select_15bt3_14", Fe = "_trigger_15bt3_19", Ve = "_triggerOpen_15bt3_46", Ge = "_placeholder_15bt3_67", We = "_selectedContent_15bt3_71", qe = "_optionIcon_15bt3_81", He = "_arrow_15bt3_87", Ke = "_open_15bt3_98", Ye = "_dropdown_15bt3_102", ze = "_option_15bt3_81", Je = "_selected_15bt3_71", u = {
-  container: $e,
+  }, [t, r, e]);
+}, je = "_container_1ssl5_1", Ae = "_label_1ssl5_7", Me = "_trigger_1ssl5_14", We = "_select_1ssl5_18", Fe = "_triggerOpen_1ssl5_50", Ge = "_placeholder_1ssl5_71", Ve = "_selectedContent_1ssl5_75", He = "_optionIcon_1ssl5_85", Ke = "_arrow_1ssl5_91", Xe = "_open_1ssl5_106", Ye = "_dropdown_1ssl5_110", ze = "_option_1ssl5_85", Je = "_selected_1ssl5_75", y = {
+  container: je,
   label: Ae,
-  select: je,
-  trigger: Fe,
-  triggerOpen: Ve,
+  trigger: Me,
+  select: We,
+  triggerOpen: Fe,
   placeholder: Ge,
-  selectedContent: We,
-  optionIcon: qe,
-  arrow: He,
-  open: Ke,
+  selectedContent: Ve,
+  optionIcon: He,
+  arrow: Ke,
+  open: Xe,
   dropdown: Ye,
   option: ze,
   selected: Je
 }, Qe = (e) => {
-  const { className: t, disabled: o = !1, label: n, onChange: i, options: c, placeholder: s, value: l } = e, [d, f] = A(!1), v = V(null), w = c.find((p) => p.value === l), y = () => {
-    o || f(!d);
-  }, h = (p) => {
-    i?.(p), f(!1);
+  const { className: t, disabled: r = !1, label: o, onChange: l, options: s, placeholder: c, value: i } = e, [d, h] = q(!1), v = W(null), u = s.find((_) => _.value === i), g = () => {
+    r || h(!d);
+  }, f = (_) => {
+    l?.(_), h(!1);
   };
-  return k(() => {
-    const p = (N) => {
-      v.current && !v.current.contains(N.target) && f(!1);
+  return D(() => {
+    const _ = (k) => {
+      v.current && !v.current.contains(k.target) && h(!1);
     };
-    return d && document.addEventListener("mousedown", p), () => {
-      document.removeEventListener("mousedown", p);
+    return d && document.addEventListener("mousedown", _), () => {
+      document.removeEventListener("mousedown", _);
     };
-  }, [d]), /* @__PURE__ */ _("div", { className: g(u.container, t), children: [
-    n && /* @__PURE__ */ a("label", { className: u.label, children: n }),
-    /* @__PURE__ */ _("div", { className: u.select, ref: v, children: [
-      /* @__PURE__ */ _(
+  }, [d]), /* @__PURE__ */ m("div", { className: w(y.container, t), children: [
+    o && /* @__PURE__ */ n("label", { className: y.label, children: o }),
+    /* @__PURE__ */ m("div", { className: y.select, ref: v, children: [
+      /* @__PURE__ */ m(
         "button",
         {
-          className: g(u.trigger, d && u.triggerOpen),
-          disabled: o,
-          onClick: y,
+          className: w(y.trigger, d && y.triggerOpen),
+          disabled: r,
+          onClick: g,
           type: "button",
           "aria-haspopup": "listbox",
           "aria-expanded": d,
           children: [
-            /* @__PURE__ */ _("span", { className: w ? u.selectedContent : u.placeholder, children: [
-              w?.icon && /* @__PURE__ */ a("span", { className: u.optionIcon, children: w.icon }),
-              w ? w.label : s || "Select an option"
+            /* @__PURE__ */ m("span", { className: u ? y.selectedContent : y.placeholder, children: [
+              u?.icon && /* @__PURE__ */ n("span", { className: y.optionIcon, children: u.icon }),
+              u ? u.label : c || "Select an option"
             ] }),
-            /* @__PURE__ */ a("span", { className: g(u.arrow, d && u.open), children: /* @__PURE__ */ a(Z, {}) })
+            /* @__PURE__ */ n("span", { className: w(y.arrow, d && y.open), children: /* @__PURE__ */ n(te, {}) })
           ]
         }
       ),
-      d && /* @__PURE__ */ a(U, { className: u.dropdown, role: "listbox", style: { maxHeight: 191 }, children: c.map((p) => /* @__PURE__ */ _(
+      d && /* @__PURE__ */ n(Q, { className: y.dropdown, role: "listbox", style: { maxHeight: 191 }, children: s.map((_) => /* @__PURE__ */ m(
         "button",
         {
-          className: g(u.option, p.value === l && u.selected),
-          onClick: () => h(p.value),
+          className: w(y.option, _.value === i && y.selected),
+          onClick: () => f(_.value),
           type: "button",
           role: "option",
-          "aria-selected": p.value === l,
+          "aria-selected": _.value === i,
           children: [
-            p.icon && /* @__PURE__ */ a("span", { className: u.optionIcon, children: p.icon }),
-            p.label
+            _.icon && /* @__PURE__ */ n("span", { className: y.optionIcon, children: _.icon }),
+            _.label
           ]
         },
-        p.value
+        _.value
       )) })
     ] })
   ] });
-}, J = (e) => {
-  const t = (n) => {
+}, z = (e) => {
+  const t = (o) => {
     if (e.onChange) {
-      const i = {
+      const l = {
         target: {
-          value: n
+          value: o
         }
       };
-      e.onChange(i);
+      e.onChange(l);
     }
-  }, o = e.options?.map((n) => ({
-    value: n.value.toString(),
-    label: n.label
+  }, r = e.options?.map((o) => ({
+    value: o.value.toString(),
+    label: o.label
   })) || [];
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ n(
     Qe,
     {
       className: e.className,
-      options: o,
+      options: r,
       value: e.value?.toString() || "",
       onChange: t
     }
   );
 };
-J.displayName = "DatePickerDropdown";
+z.displayName = "DatePickerDropdown";
 const Ue = {
-  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
-}, Xe = {
-  Dropdown: J
+  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
 }, Ze = {
+  Dropdown: z
+}, et = {
   weekStartsOn: 1,
   showOutsideDays: !0,
   reverseYears: !0,
   captionLayout: "dropdown"
-}, et = {
-  components: Xe,
-  ...Ze
-}, tt = (e) => ({
-  ...et,
+}, tt = {
+  components: Ze,
+  ...et
+}, nt = (e) => ({
+  ...tt,
   classNames: {
-    root: j(r.calendar, e && r.open),
+    root: M(a.calendar, e && a.open),
     ...Ue
   }
-}), M = "dd.MM.yyyy", nt = (e) => e ? O(e, M) : "", ot = (e) => !e || !e.from ? "" : e.to && e.from.getTime() !== e.to.getTime() ? `${O(e.from, M)} - ${O(e.to, M)}` : O(e.from, M), q = (e, t) => e ? t === "single" && e instanceof Date ? nt(e) : t === "range" && typeof e == "object" && "from" in e ? ot(e) : "" : "", at = ({
+}), T = "dd.MM.yyyy", ot = (e) => e ? B(e, T) : "", rt = (e) => !e || !e.from ? "" : e.to && e.from.getTime() !== e.to.getTime() ? `${B(e.from, T)} - ${B(e.to, T)}` : B(e.from, T), H = (e, t) => e ? t === "single" && e instanceof Date ? ot(e) : t === "range" && typeof e == "object" && "from" in e ? rt(e) : "" : "", at = ({
   value: e,
   mode: t,
-  onChange: o,
-  setMonth: n,
-  setIsOpen: i
+  onChange: r,
+  setMonth: o,
+  setIsOpen: l
 }) => {
   if (!e) {
-    o("");
+    r("");
     return;
   }
   if (t === "single") {
-    e instanceof Date && (n(e), o(q(e, "single")), i(!1));
+    e instanceof Date && (o(e), r(H(e, "single")), l(!1));
     return;
   }
   if (t === "range" && typeof e == "object" && "from" in e) {
-    const c = e;
-    c.from ? n(c.from) : c.to && n(c.to);
-    const s = q(c, "range");
-    o(s), c.from && c.to && c.from.getTime() !== c.to.getTime() && i(!1);
+    const s = e;
+    s.from ? o(s.from) : s.to && o(s.to);
+    const c = H(s, "range");
+    r(c), s.from && s.to && s.from.getTime() !== s.to.getTime() && l(!1);
+  }
+}, L = "dd.MM.yyyy", st = (e) => {
+  if (!e) return;
+  const t = O(e, L, /* @__PURE__ */ new Date());
+  return $(t) ? t : void 0;
+}, ct = (e) => {
+  if (!e) return;
+  const t = " - ", r = e.indexOf(t);
+  if (r === -1) {
+    const i = O(e.trim(), L, /* @__PURE__ */ new Date());
+    return $(i) ? { from: i, to: void 0 } : void 0;
   }
-}, rt = (e, t, o) => {
+  const o = e.substring(0, r).trim(), l = e.substring(r + t.length).trim();
+  if (!o || !l) return;
+  const s = O(o, L, /* @__PURE__ */ new Date()), c = O(l, L, /* @__PURE__ */ new Date());
+  if ($(s) && $(c))
+    return { from: s, to: c };
+}, it = (e, t) => {
+  if (e)
+    return t === "single" ? st(e) : ct(e);
+}, lt = (e, t, r) => {
   if (e) {
     if (t === "single" && e instanceof Date) {
-      o(e);
+      r(e);
       return;
     }
     if (t === "range" && typeof e == "object" && "from" in e) {
-      const n = e;
-      n.from ? o(n.from) : n.to && o(n.to);
+      const o = e;
+      o.from ? r(o.from) : o.to && r(o.to);
     }
   }
-}, Wt = ({
+}, on = ({
   mode: e,
   value: t,
-  onChange: o,
-  disabled: n,
-  label: i,
-  error: c,
-  placeholder: s,
-  ...l
+  onChange: r,
+  disabled: o,
+  label: l,
+  error: s,
+  placeholder: c,
+  ...i
 }) => {
-  const [d, f] = A(!1), v = V(null), { month: w, setMonth: y } = Le(t, e), h = F(() => z(t, e), [t, e]);
-  k(() => {
-    rt(h, e, y);
-  }, [h, e, y]), Oe({ ref: v, isOpen: d, onDismiss: () => {
-    f(!1);
+  const [d, h] = q(!1), v = W(null), [u, g] = q(/* @__PURE__ */ new Date()), f = G(() => it(t, e), [t, e]);
+  D(() => {
+    lt(f, e, g);
+  }, [f, e, g]), Le({ ref: v, isOpen: d, onDismiss: () => {
+    h(!1);
   } });
-  const N = (b) => {
-    b.stopPropagation(), C(void 0);
-  }, E = () => {
-    n || f((b) => !b);
-  }, D = (b) => {
-    const Q = b.currentTarget.value;
-    o(Q);
-  }, C = (b) => {
+  const k = (I) => {
+    I.stopPropagation(), x(void 0);
+  }, N = () => {
+    o || h((I) => !I);
+  }, p = (I) => {
+    const J = I.currentTarget.value;
+    r(J);
+  }, x = (I) => {
     at({
-      value: b,
+      value: I,
       mode: e,
-      onChange: o,
-      setMonth: y,
-      setIsOpen: f
+      onChange: r,
+      setMonth: g,
+      setIsOpen: h
     });
-  }, x = F(() => tt(d), [d]);
-  return /* @__PURE__ */ _("div", { ref: v, className: r.wrapper, children: [
-    /* @__PURE__ */ _("div", { className: r.inputContainer, children: [
-      i && /* @__PURE__ */ a("span", { className: n ? r.disabledLabel : r.label, children: /* @__PURE__ */ a(G, { variant: "text-14", children: i }) }),
-      /* @__PURE__ */ _("div", { className: r.inputWrapper, children: [
-        /* @__PURE__ */ a(
+  }, P = G(() => nt(d), [d]);
+  return /* @__PURE__ */ m("div", { ref: v, className: a.wrapper, children: [
+    /* @__PURE__ */ m("div", { className: a.inputContainer, children: [
+      l && /* @__PURE__ */ n("span", { className: o ? a.disabledLabel : a.label, children: /* @__PURE__ */ n(F, { variant: "text-14", children: l }) }),
+      /* @__PURE__ */ m("div", { className: a.inputWrapper, children: [
+        /* @__PURE__ */ n(
           "input",
           {
             type: "text",
-            className: j(r.trigger, c && r.error),
-            onClick: E,
+            className: M(a.trigger, s && a.error),
+            onClick: N,
             value: t,
-            onChange: D,
-            placeholder: s,
-            disabled: n,
-            "aria-label": i || "Select date",
+            onChange: p,
+            placeholder: c,
+            disabled: o,
+            "aria-label": l || "Select date",
             "aria-expanded": d,
             "aria-haspopup": "dialog",
-            "aria-invalid": c ? "true" : "false",
-            ...l
+            "aria-invalid": s ? "true" : "false",
+            ...i
           }
         ),
-        t && !n && /* @__PURE__ */ a(
+        t && !o && /* @__PURE__ */ n(
           "button",
           {
             type: "button",
-            className: r.clearButton,
-            onClick: N,
+            className: a.clearButton,
+            onClick: k,
             "aria-label": "Clear date",
-            children: /* @__PURE__ */ a(Y, { className: r.clearIcon })
+            children: /* @__PURE__ */ n(Y, { className: a.clearIcon })
           }
         ),
-        /* @__PURE__ */ a(ee, { className: j(r.icon, !t && r.placeholder) })
+        /* @__PURE__ */ n(ne, { className: M(a.icon, !t && a.placeholder) })
       ] }),
-      c && /* @__PURE__ */ a(G, { variant: "small", className: r.error, children: c })
+      s && /* @__PURE__ */ n(F, { variant: "small", className: a.error, children: s })
     ] }),
-    e === "single" ? /* @__PURE__ */ a(
-      W,
+    e === "single" ? /* @__PURE__ */ n(
+      V,
       {
-        ...x,
-        month: w,
-        onMonthChange: y,
+        ...P,
+        month: u,
+        onMonthChange: g,
         mode: "single",
-        selected: h instanceof Date ? h : void 0,
-        onSelect: C
+        selected: f instanceof Date ? f : void 0,
+        onSelect: x
       }
-    ) : /* @__PURE__ */ a(
-      W,
+    ) : /* @__PURE__ */ n(
+      V,
       {
-        ...x,
-        month: w,
-        onMonthChange: y,
+        ...P,
+        month: u,
+        onMonthChange: g,
         mode: "range",
-        selected: h && typeof h == "object" && "from" in h ? h : void 0,
-        onSelect: C
+        selected: f && typeof f == "object" && "from" in f ? f : void 0,
+        onSelect: x
       }
     )
   ] });
-}, st = "_content_1bas8_1", ct = "_item_1bas8_24", it = "_icon_1bas8_56", lt = "_label_1bas8_62", P = {
-  content: st,
-  item: ct,
-  icon: it,
-  label: lt
-}, qt = (e) => {
-  const { children: t, items: o, className: n, align: i = "end", side: c = "bottom" } = e;
-  return /* @__PURE__ */ _(S.Root, { children: [
-    /* @__PURE__ */ a(S.Trigger, { asChild: !0, children: t }),
-    /* @__PURE__ */ a(S.Portal, { children: /* @__PURE__ */ a(
+}, dt = "_content_1bas8_1", _t = "_item_1bas8_24", ut = "_icon_1bas8_56", pt = "_label_1bas8_62", R = {
+  content: dt,
+  item: _t,
+  icon: ut,
+  label: pt
+}, rn = (e) => {
+  const { children: t, items: r, className: o, align: l = "end", side: s = "bottom" } = e;
+  return /* @__PURE__ */ m(S.Root, { children: [
+    /* @__PURE__ */ n(S.Trigger, { asChild: !0, children: t }),
+    /* @__PURE__ */ n(S.Portal, { children: /* @__PURE__ */ n(
       S.Content,
       {
-        align: i,
-        className: g(P.content, n),
-        side: c,
+        align: l,
+        className: w(R.content, o),
+        side: s,
         sideOffset: 4,
-        children: o.map((s, l) => /* @__PURE__ */ _(
+        children: r.map((c, i) => /* @__PURE__ */ m(
           S.Item,
           {
-            className: P.item,
-            disabled: s.disabled,
-            onSelect: s.onSelect,
+            className: R.item,
+            disabled: c.disabled,
+            onSelect: c.onSelect,
             children: [
-              s.icon && /* @__PURE__ */ a("span", { className: P.icon, children: s.icon }),
-              /* @__PURE__ */ a("span", { className: P.label, children: s.label })
+              c.icon && /* @__PURE__ */ n("span", { className: R.icon, children: c.icon }),
+              /* @__PURE__ */ n("span", { className: R.label, children: c.label })
             ]
           },
-          l
+          i
         ))
       }
     ) })
   ] });
-}, dt = "_wrapper_1i0po_1", pt = "_label_1i0po_7", _t = "_disabled_1i0po_14", ut = "_inputContainer_1i0po_18", mt = "_input_1i0po_18", ft = "_error_1i0po_51", ht = "_withStartIcon_1i0po_64", wt = "_withEndIcon_1i0po_68", yt = "_startIcon_1i0po_72", bt = "_endIcon_1i0po_73", gt = "_errorMessage_1i0po_115", vt = "_required_1i0po_122", m = {
-  wrapper: dt,
-  label: pt,
-  disabled: _t,
-  inputContainer: ut,
-  input: mt,
-  error: ft,
-  withStartIcon: ht,
-  withEndIcon: wt,
-  startIcon: yt,
-  endIcon: bt,
-  errorMessage: gt,
-  required: vt
-}, Ct = X(
+}, mt = "_wrapper_gp2gj_1", gt = "_label_gp2gj_7", ht = "_disabled_gp2gj_14", ft = "_input_gp2gj_18", yt = "_inputContainer_gp2gj_22", bt = "_error_gp2gj_47", wt = "_withStartIcon_gp2gj_64", vt = "_withEndIcon_gp2gj_68", Nt = "_startIcon_gp2gj_85", Ct = "_endIcon_gp2gj_86", It = "_errorMessage_gp2gj_137", kt = "_required_gp2gj_144", b = {
+  wrapper: mt,
+  label: gt,
+  disabled: ht,
+  input: ft,
+  inputContainer: yt,
+  error: bt,
+  withStartIcon: wt,
+  withEndIcon: vt,
+  startIcon: Nt,
+  endIcon: Ct,
+  errorMessage: It,
+  required: kt
+}, xt = Z(
   ({
     label: e,
     errorMessage: t,
-    startIcon: o,
-    endIcon: n,
-    onEndIconClick: i,
-    allowPasswordToggle: c,
-    disabled: s,
-    type: l = "text",
+    startIcon: r,
+    endIcon: o,
+    onEndIconClick: l,
+    allowPasswordToggle: s,
+    disabled: c,
+    type: i = "text",
     className: d,
-    required: f,
+    required: h,
     id: v,
-    ...w
-  }, y) => {
-    const h = K(), p = v ?? h, N = t ? `${p}-error` : void 0, E = !!t, D = l === "password" && c, [C, x] = A(!1);
-    return /* @__PURE__ */ _("div", { className: g(m.wrapper, d), children: [
-      e && /* @__PURE__ */ _("label", { htmlFor: p, className: g(m.label, { [m.disabled]: s }), children: [
+    ...u
+  }, g) => {
+    const f = X(), _ = v ?? f, k = t ? `${_}-error` : void 0, N = !!t, p = i === "password" && s, [x, P] = q(!1);
+    return /* @__PURE__ */ m("div", { className: w(b.wrapper, d), children: [
+      e && /* @__PURE__ */ m("label", { htmlFor: _, className: w(b.label, { [b.disabled]: c }), children: [
         e,
-        f && /* @__PURE__ */ a("sup", { className: m.required, children: " *" })
+        h && /* @__PURE__ */ n("sup", { className: b.required, children: " *" })
       ] }),
-      /* @__PURE__ */ _(
+      /* @__PURE__ */ m(
         "div",
         {
-          className: g(m.inputContainer, {
-            [m.error]: E,
-            [m.disabled]: s,
-            [m.withStartIcon]: !!o,
-            [m.withEndIcon]: !!n || D
+          className: w(b.inputContainer, {
+            [b.error]: N,
+            [b.disabled]: c,
+            [b.withStartIcon]: !!r,
+            [b.withEndIcon]: !!o || p
           }),
           children: [
-            o && /* @__PURE__ */ a("span", { className: m.startIcon, children: o }),
-            /* @__PURE__ */ a(
+            r && /* @__PURE__ */ n("span", { className: b.startIcon, children: r }),
+            /* @__PURE__ */ n(
               "input",
               {
-                ref: y,
-                id: p,
-                className: m.input,
-                type: D && C ? "text" : l,
-                autoComplete: l === "password" ? "current-password" : "off",
-                required: f,
-                disabled: s,
-                "aria-invalid": E,
-                "aria-describedby": N,
-                ...w
+                ref: g,
+                id: _,
+                className: b.input,
+                type: p && x ? "text" : i,
+                autoComplete: i === "password" ? "current-password" : "off",
+                required: h,
+                disabled: c,
+                "aria-invalid": N,
+                "aria-describedby": k,
+                ...u
               }
             ),
-            D && /* @__PURE__ */ a(
+            p && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: m.endIcon,
-                onClick: () => x((b) => !b),
-                "aria-label": C ? "Hide password" : "Show password",
-                disabled: s,
+                className: b.endIcon,
+                onClick: () => P((I) => !I),
+                "aria-label": x ? "Hide password" : "Show password",
+                disabled: c,
                 tabIndex: -1,
-                children: C ? /* @__PURE__ */ a(te, {}) : /* @__PURE__ */ a(ne, {})
+                children: x ? /* @__PURE__ */ n(oe, {}) : /* @__PURE__ */ n(re, {})
               }
             ),
-            n && !D && /* @__PURE__ */ a(
+            o && !p && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
-                className: m.endIcon,
-                onClick: i,
+                className: b.endIcon,
+                onClick: l,
                 "aria-label": "Action",
-                disabled: s,
-                children: n
+                disabled: c,
+                children: o
               }
             )
           ]
         }
       ),
-      E && /* @__PURE__ */ a("span", { id: N, className: m.errorMessage, role: "alert", children: t })
+      N && /* @__PURE__ */ n("span", { id: k, className: b.errorMessage, role: "alert", children: t })
     ] });
   }
 );
-Ct.displayName = "Input";
-const Nt = "_overlay_17k3a_1", Dt = "_modal_17k3a_15", It = "_header_17k3a_29", kt = "_title_17k3a_39", Et = "_close_17k3a_52", St = "_body_17k3a_79", I = {
-  overlay: Nt,
-  modal: Dt,
-  header: It,
-  title: kt,
-  close: Et,
-  body: St
-}, Ht = ({ open: e, onClose: t, title: o, children: n, className: i }) => {
-  const c = K(), s = V(t);
-  if (k(() => {
-    s.current = t;
-  }, [t]), k(() => {
+xt.displayName = "Input";
+const Dt = "_overlay_17k3a_1", Et = "_modal_17k3a_15", St = "_header_17k3a_29", qt = "_title_17k3a_39", Pt = "_close_17k3a_52", Rt = "_body_17k3a_79", E = {
+  overlay: Dt,
+  modal: Et,
+  header: St,
+  title: qt,
+  close: Pt,
+  body: Rt
+}, an = ({ open: e, onClose: t, title: r, children: o, className: l }) => {
+  const s = X(), c = W(t);
+  if (D(() => {
+    c.current = t;
+  }, [t]), D(() => {
     if (e)
       return document.body.style.overflow = "hidden", () => {
         document.body.style.overflow = "";
       };
-  }, [e]), k(() => {
+  }, [e]), D(() => {
     if (!e) return;
-    const d = (f) => {
-      f.key === "Escape" && s.current();
+    const d = (h) => {
+      h.key === "Escape" && c.current();
     };
     return document.addEventListener("keydown", d), () => {
       document.removeEventListener("keydown", d);
     };
   }, [e]), !e || typeof document > "u") return null;
-  const l = document.getElementById("modal-root") ?? document.body;
-  return oe(
-    /* @__PURE__ */ a(
-      ae,
+  const i = document.getElementById("modal-root") ?? document.body;
+  return ce(
+    /* @__PURE__ */ n(
+      ie,
       {
         active: e,
         focusTrapOptions: {
           clickOutsideDeactivates: !0,
           returnFocusOnDeactivate: !0
         },
-        children: /* @__PURE__ */ a("div", { className: I.overlay, onClick: () => s.current(), children: /* @__PURE__ */ _(
+        children: /* @__PURE__ */ n("div", { className: E.overlay, onClick: () => c.current(), children: /* @__PURE__ */ m(
           "div",
           {
-            className: g(I.modal, i),
+            className: w(E.modal, l),
             onClick: (d) => d.stopPropagation(),
             role: "dialog",
             "aria-modal": "true",
-            "aria-labelledby": c,
+            "aria-labelledby": s,
             children: [
-              /* @__PURE__ */ _("header", { className: I.header, children: [
-                /* @__PURE__ */ a("h2", { id: c, className: I.title, children: o }),
-                /* @__PURE__ */ a(
+              /* @__PURE__ */ m("header", { className: E.header, children: [
+                /* @__PURE__ */ n("h2", { id: s, className: E.title, children: r }),
+                /* @__PURE__ */ n(
                   "button",
                   {
                     type: "button",
-                    className: I.close,
+                    className: E.close,
                     "aria-label": "Close modal",
-                    onClick: () => s.current(),
-                    children: /* @__PURE__ */ a(Y, {})
+                    onClick: () => c.current(),
+                    children: /* @__PURE__ */ n(Y, {})
                   }
                 )
               ] }),
-              /* @__PURE__ */ a("div", { className: I.body, children: n })
+              /* @__PURE__ */ n("div", { className: E.body, children: o })
             ]
           }
         ) })
       }
     ),
-    l
+    i
   );
+}, Bt = "_root_ggtcs_1", Ot = "_trackWrapper_ggtcs_16", $t = "_track_ggtcs_16", Tt = "_slide_ggtcs_32", Lt = "_arrow_ggtcs_56", jt = "_arrowPrev_ggtcs_98", At = "_arrowNext_ggtcs_102", Mt = "_dots_ggtcs_107", Wt = "_dot_ggtcs_107", Ft = "_dotActive_ggtcs_143", C = {
+  root: Bt,
+  trackWrapper: Ot,
+  track: $t,
+  slide: Tt,
+  arrow: Lt,
+  arrowPrev: jt,
+  arrowNext: At,
+  dots: Mt,
+  dot: Wt,
+  dotActive: Ft
+}, sn = ({
+  children: e,
+  value: t,
+  onValueChange: r,
+  autoPlayInterval: o = 0,
+  className: l,
+  hideArrowsWhenSingle: s = !0
+}) => {
+  const c = Array.isArray(e) ? e : [e], i = c.length, [d, h] = q(0), v = t !== void 0, u = v ? Math.min(Math.max(0, t), i - 1) : d, g = ee(
+    (N) => {
+      const p = (N + i) % i;
+      v || h(p), r?.(p);
+    },
+    [i, v, r]
+  );
+  if (D(() => {
+    if (o <= 0 || i <= 1) return;
+    const N = setInterval(() => g(u + 1), o);
+    return () => clearInterval(N);
+  }, [o, i, u, g]), i === 0) return null;
+  const f = () => g(u - 1), _ = () => g(u + 1), k = !s || i > 1;
+  return /* @__PURE__ */ m("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(-${u * 100}%)` }, children: c.map((N, p) => /* @__PURE__ */ n("div", { className: C.slide, children: N }, p)) }) }),
+    k && /* @__PURE__ */ m(U, { children: [
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: w(C.arrow, C.arrowPrev),
+          onClick: f,
+          "aria-label": "Previous slide",
+          tabIndex: 0,
+          children: /* @__PURE__ */ n(ae, { width: 24, height: 24, "aria-hidden": !0 })
+        }
+      ),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: w(C.arrow, C.arrowNext),
+          onClick: _,
+          "aria-label": "Next slide",
+          tabIndex: 0,
+          children: /* @__PURE__ */ n(se, { width: 24, height: 24, "aria-hidden": !0 })
+        }
+      )
+    ] }),
+    i > 1 && /* @__PURE__ */ n("div", { className: C.dots, role: "tablist", "aria-label": "Slide selection", children: c.map((N, p) => /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": p === u,
+        "aria-label": `Slide ${p + 1}`,
+        className: w(C.dot, p === u && C.dotActive),
+        onClick: () => g(p),
+        tabIndex: p === u ? 0 : -1
+      },
+      p
+    )) })
+  ] });
 };
 export {
-  H as Alert,
-  Xt as Button,
-  Zt as Card,
-  en as Checkbox,
-  Wt as DatePicker,
-  qt as DropdownMenu,
-  Ct as Input,
-  tn as Label,
-  Ht as Modal,
-  nn as Radio,
+  K as Alert,
+  mn as Button,
+  gn as Card,
+  sn as Carousel,
+  hn as Checkbox,
+  on as DatePicker,
+  rn as DropdownMenu,
+  xt as Input,
+  fn as Label,
+  an as Modal,
+  yn as Radio,
   Qe as Select,
-  Qt as SimpleBar,
-  on as Tab,
-  an as Textarea,
-  G as Typography,
-  zt as clsx,
-  Gt as toastError,
-  Vt as toastSuccess
+  un as SimpleBar,
+  bn as Tab,
+  wn as Textarea,
+  F as Typography,
+  dn as clsx,
+  nn as toastError,
+  tn as toastSuccess
 };
 //# sourceMappingURL=index.client.js.map