snapflow-ui-kit 1.2.10 → 1.2.18

package/dist/index.client.js

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