snapflow-ui-kit 1.1.1 → 1.1.2

package/dist/components/index.d.ts

@@ -12,3 +12,4 @@ export * from './Select';
 export * from './Tab';
 export * from './Typography';
 export * from './Pagination';
+export * from './Modal';

package/dist/index.client.js

@@ -1,90 +1,92 @@
 "use client";
-import L, { clsx as C } from "clsx";
-import { clsx as xt } from "clsx";
-import Y from "simplebar-react";
-import { default as Rt } from "simplebar-react";
-import { A as F, s as P, c as A } from "./Textarea-BwDvldVO.js";
-import { B as Ot, C as Tt, a as Lt, L as Mt, R as $t, T as At, b as jt } from "./Textarea-BwDvldVO.js";
-import { jsxs as f, jsx as s } from "react/jsx-runtime";
-import { forwardRef as z, useId as J, useState as T, useEffect as $, useMemo as M, useRef as G } from "react";
-import { DayPicker as j } from "react-day-picker";
-import { parse as E, isValid as S, format as x } from "date-fns";
-import { E as K, a as Q, A as U, C as X } from "./ArrowDownIcon-DL5pXuXm.js";
-import { C as Z } from "./CloseIcon-CwhvW02e.js";
-import { toast as O } from "react-hot-toast";
-const ee = "_wrapper_ck06d_1", te = "_label_ck06d_7", ne = "_disabled_ck06d_14", oe = "_inputContainer_ck06d_18", re = "_input_ck06d_18", ae = "_error_ck06d_51", se = "_withStartIcon_ck06d_64", ce = "_withEndIcon_ck06d_68", ie = "_startIcon_ck06d_72", le = "_endIcon_ck06d_73", de = "_errorMessage_ck06d_115", pe = "_required_ck06d_122", _ = {
-  wrapper: ee,
-  label: te,
-  disabled: ne,
-  inputContainer: oe,
-  input: re,
-  error: ae,
-  withStartIcon: se,
-  withEndIcon: ce,
-  startIcon: ie,
-  endIcon: le,
-  errorMessage: de,
-  required: pe
-}, _e = z(
+import $, { clsx as v } from "clsx";
+import { clsx as Ft } from "clsx";
+import J from "simplebar-react";
+import { default as Gt } from "simplebar-react";
+import { A as G, s as T, c as z } from "./Textarea-BwDvldVO.js";
+import { B as qt, C as Ht, a as Kt, L as Yt, R as Jt, T as Qt, b as Ut } from "./Textarea-BwDvldVO.js";
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { forwardRef as Q, useId as W, useState as M, useEffect as E, useMemo as A, useRef as j } from "react";
+import { DayPicker as F } from "react-day-picker";
+import { parse as x, isValid as B, format as R } from "date-fns";
+import { E as U, a as X, A as Z, C as ee } from "./ArrowDownIcon-DL5pXuXm.js";
+import { C as q } from "./CloseIcon-CwhvW02e.js";
+import { createPortal as te } from "react-dom";
+import { FocusTrap as ne } from "focus-trap-react";
+import { toast as L } from "react-hot-toast";
+const oe = "_wrapper_1i0po_1", re = "_label_1i0po_7", ae = "_disabled_1i0po_14", se = "_inputContainer_1i0po_18", ce = "_input_1i0po_18", ie = "_error_1i0po_51", le = "_withStartIcon_1i0po_64", de = "_withEndIcon_1i0po_68", pe = "_startIcon_1i0po_72", _e = "_endIcon_1i0po_73", ue = "_errorMessage_1i0po_115", me = "_required_1i0po_122", _ = {
+  wrapper: oe,
+  label: re,
+  disabled: ae,
+  inputContainer: se,
+  input: ce,
+  error: ie,
+  withStartIcon: le,
+  withEndIcon: de,
+  startIcon: pe,
+  endIcon: _e,
+  errorMessage: ue,
+  required: me
+}, fe = Q(
   ({
     label: e,
     errorMessage: t,
-    startIcon: r,
+    startIcon: o,
     endIcon: n,
     onEndIconClick: i,
-    allowPasswordToggle: a,
+    allowPasswordToggle: s,
     disabled: c,
-    type: d = "text",
-    className: p,
-    required: w,
-    id: b,
+    type: l = "text",
+    className: d,
+    required: f,
+    id: g,
     ...h
-  }, g) => {
-    const m = J(), l = b ?? m, D = t ? `${l}-error` : void 0, N = !!t, I = d === "password" && a, [v, k] = T(!1);
-    return /* @__PURE__ */ f("div", { className: C(_.wrapper, p), children: [
-      e && /* @__PURE__ */ f("label", { htmlFor: l, className: C(_.label, { [_.disabled]: c }), children: [
+  }, y) => {
+    const w = W(), p = g ?? w, N = t ? `${p}-error` : void 0, k = !!t, D = l === "password" && s, [C, S] = M(!1);
+    return /* @__PURE__ */ m("div", { className: v(_.wrapper, d), children: [
+      e && /* @__PURE__ */ m("label", { htmlFor: p, className: v(_.label, { [_.disabled]: c }), children: [
         e,
-        w && /* @__PURE__ */ s("sup", { className: _.required, children: " *" })
+        f && /* @__PURE__ */ a("sup", { className: _.required, children: " *" })
       ] }),
-      /* @__PURE__ */ f(
+      /* @__PURE__ */ m(
         "div",
         {
-          className: C(_.inputContainer, {
-            [_.error]: N,
+          className: v(_.inputContainer, {
+            [_.error]: k,
             [_.disabled]: c,
-            [_.withStartIcon]: !!r,
-            [_.withEndIcon]: !!n || I
+            [_.withStartIcon]: !!o,
+            [_.withEndIcon]: !!n || D
           }),
           children: [
-            r && /* @__PURE__ */ s("span", { className: _.startIcon, children: r }),
-            /* @__PURE__ */ s(
+            o && /* @__PURE__ */ a("span", { className: _.startIcon, children: o }),
+            /* @__PURE__ */ a(
               "input",
               {
-                ref: g,
-                id: l,
+                ref: y,
+                id: p,
                 className: _.input,
-                type: I && v ? "text" : d,
-                autoComplete: d === "password" ? "current-password" : "off",
-                required: w,
+                type: D && C ? "text" : l,
+                autoComplete: l === "password" ? "current-password" : "off",
+                required: f,
                 disabled: c,
-                "aria-invalid": N,
-                "aria-describedby": D,
+                "aria-invalid": k,
+                "aria-describedby": N,
                 ...h
               }
             ),
-            I && /* @__PURE__ */ s(
+            D && /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
                 className: _.endIcon,
-                onClick: () => k((y) => !y),
-                "aria-label": v ? "Hide password" : "Show password",
+                onClick: () => S((b) => !b),
+                "aria-label": C ? "Hide password" : "Show password",
                 disabled: c,
                 tabIndex: -1,
-                children: v ? /* @__PURE__ */ s(K, {}) : /* @__PURE__ */ s(Q, {})
+                children: C ? /* @__PURE__ */ a(U, {}) : /* @__PURE__ */ a(X, {})
               }
             ),
-            n && !I && /* @__PURE__ */ s(
+            n && !D && /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
@@ -98,183 +100,183 @@ const ee = "_wrapper_ck06d_1", te = "_label_ck06d_7", ne = "_disabled_ck06d_14",
           ]
         }
       ),
-      N && /* @__PURE__ */ s("span", { id: D, className: _.errorMessage, role: "alert", children: t })
+      k && /* @__PURE__ */ a("span", { id: N, className: _.errorMessage, role: "alert", children: t })
     ] });
   }
 );
-_e.displayName = "Input";
-const It = (e) => {
-  O.custom((t) => /* @__PURE__ */ s(
-    F,
+fe.displayName = "Input";
+const Lt = (e) => {
+  L.custom((t) => /* @__PURE__ */ a(
+    G,
     {
       variant: "success",
       message: e,
-      className: t.visible ? P.toastEnter : P.toastExit,
-      onClose: () => O.dismiss(t.id)
+      className: t.visible ? T.toastEnter : T.toastExit,
+      onClose: () => L.dismiss(t.id)
     }
   ));
-}, Nt = (e, t = "Error!") => {
-  O.custom((r) => /* @__PURE__ */ s(
-    F,
+}, Mt = (e, t = "Error!") => {
+  L.custom((o) => /* @__PURE__ */ a(
+    G,
     {
       variant: "error",
       title: t,
       message: e,
-      className: r.visible ? P.toastEnter : P.toastExit,
-      onClose: () => O.dismiss(r.id)
+      className: o.visible ? T.toastEnter : T.toastExit,
+      onClose: () => L.dismiss(o.id)
     }
   ));
-}, ue = "_wrapper_l023w_1", me = "_inputContainer_l023w_5", fe = "_label_l023w_11", we = "_inputWrapper_l023w_15", he = "_trigger_l023w_22", ge = "_icon_l023w_38", ye = "_placeholder_l023w_45", be = "_clearButton_l023w_49", ve = "_clearIcon_l023w_89", Ce = "_disabledLabel_l023w_101", De = "_error_l023w_123", Ie = "_calendar_l023w_141", Ne = "_open_l023w_160", ke = "_monthsCaption_l023w_166", Ee = "_navButtonPrevious_l023w_172", Se = "_navButtonNext_l023w_173", xe = "_navIcon_l023w_193", Be = "_monthGrid_l023w_199", Re = "_dropdowns_l023w_205", Pe = "_weekday_l023w_209", Oe = "_day_l023w_220", Te = "_dayButton_l023w_227", Le = "_dayOutside_l023w_254", Me = "_dayToday_l023w_258", $e = "_daySelected_l023w_263", Ae = "_dayRangeStart_l023w_264", je = "_dayRangeEnd_l023w_265", Ve = "_dayRangeMiddle_l023w_266", o = {
-  wrapper: ue,
-  inputContainer: me,
-  label: fe,
-  inputWrapper: we,
-  trigger: he,
-  icon: ge,
-  placeholder: ye,
-  clearButton: be,
-  clearIcon: ve,
-  disabledLabel: Ce,
-  error: De,
-  calendar: Ie,
-  open: Ne,
-  monthsCaption: ke,
-  navButtonPrevious: Ee,
-  navButtonNext: Se,
-  navIcon: xe,
-  monthGrid: Be,
-  dropdowns: Re,
-  weekday: Pe,
-  day: Oe,
-  dayButton: Te,
-  dayOutside: Le,
-  dayToday: Me,
-  daySelected: $e,
-  dayRangeStart: Ae,
-  dayRangeEnd: je,
-  dayRangeMiddle: Ve
-}, Fe = ({
+}, we = "_wrapper_l023w_1", he = "_inputContainer_l023w_5", ye = "_label_l023w_11", be = "_inputWrapper_l023w_15", ge = "_trigger_l023w_22", ve = "_icon_l023w_38", Ce = "_placeholder_l023w_45", Ne = "_clearButton_l023w_49", De = "_clearIcon_l023w_89", Ie = "_disabledLabel_l023w_101", Ee = "_error_l023w_123", ke = "_calendar_l023w_141", Se = "_open_l023w_160", xe = "_monthsCaption_l023w_166", Be = "_navButtonPrevious_l023w_172", Re = "_navButtonNext_l023w_173", Oe = "_navIcon_l023w_193", Pe = "_monthGrid_l023w_199", Te = "_dropdowns_l023w_205", Le = "_weekday_l023w_209", Me = "_day_l023w_220", $e = "_dayButton_l023w_227", Ae = "_dayOutside_l023w_254", je = "_dayToday_l023w_258", ze = "_daySelected_l023w_263", Fe = "_dayRangeStart_l023w_264", Ve = "_dayRangeEnd_l023w_265", Ge = "_dayRangeMiddle_l023w_266", r = {
+  wrapper: we,
+  inputContainer: he,
+  label: ye,
+  inputWrapper: be,
+  trigger: ge,
+  icon: ve,
+  placeholder: Ce,
+  clearButton: Ne,
+  clearIcon: De,
+  disabledLabel: Ie,
+  error: Ee,
+  calendar: ke,
+  open: Se,
+  monthsCaption: xe,
+  navButtonPrevious: Be,
+  navButtonNext: Re,
+  navIcon: Oe,
+  monthGrid: Pe,
+  dropdowns: Te,
+  weekday: Le,
+  day: Me,
+  dayButton: $e,
+  dayOutside: Ae,
+  dayToday: je,
+  daySelected: ze,
+  dayRangeStart: Fe,
+  dayRangeEnd: Ve,
+  dayRangeMiddle: Ge
+}, We = ({
   ref: e,
   isOpen: t,
-  onDismiss: r
+  onDismiss: o
 }) => {
-  $(() => {
+  E(() => {
     if (!t) return;
-    const n = (a) => {
-      e.current && !e.current.contains(a.target) && r();
-    }, i = (a) => {
-      a.key === "Escape" && r();
+    const n = (s) => {
+      e.current && !e.current.contains(s.target) && o();
+    }, i = (s) => {
+      s.key === "Escape" && o();
     };
     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);
     };
-  }, [t, r, e]);
-}, B = "dd.MM.yyyy", Ge = (e) => {
+  }, [t, o, e]);
+}, O = "dd.MM.yyyy", qe = (e) => {
   if (!e) return;
-  const t = E(e, B, /* @__PURE__ */ new Date());
-  return S(t) ? t : void 0;
-}, We = (e) => {
+  const t = x(e, O, /* @__PURE__ */ new Date());
+  return B(t) ? t : void 0;
+}, He = (e) => {
   if (!e) return;
-  const t = " - ", r = e.indexOf(t);
-  if (r === -1) {
-    const d = E(e.trim(), B, /* @__PURE__ */ new Date());
-    return S(d) ? { from: d, to: void 0 } : void 0;
+  const t = " - ", o = e.indexOf(t);
+  if (o === -1) {
+    const l = x(e.trim(), O, /* @__PURE__ */ new Date());
+    return B(l) ? { from: l, to: void 0 } : void 0;
   }
-  const n = e.substring(0, r).trim(), i = e.substring(r + t.length).trim();
+  const n = e.substring(0, o).trim(), i = e.substring(o + t.length).trim();
   if (!n || !i) return;
-  const a = E(n, B, /* @__PURE__ */ new Date()), c = E(i, B, /* @__PURE__ */ new Date());
-  if (S(a) && S(c))
-    return { from: a, to: c };
-}, W = (e, t) => {
+  const s = x(n, O, /* @__PURE__ */ new Date()), c = x(i, O, /* @__PURE__ */ new Date());
+  if (B(s) && B(c))
+    return { from: s, to: c };
+}, H = (e, t) => {
   if (e)
-    return t === "single" ? Ge(e) : We(e);
-}, qe = (e, t) => {
-  const [r, n] = T(/* @__PURE__ */ new Date());
+    return t === "single" ? qe(e) : He(e);
+}, Ke = (e, t) => {
+  const [o, n] = M(/* @__PURE__ */ new Date());
   return {
-    month: M(() => {
-      const c = W(e, t);
-      if (!c) return r;
+    month: A(() => {
+      const c = H(e, t);
+      if (!c) return o;
       if (t === "single" && c instanceof Date)
         return c;
       if (t === "range" && typeof c == "object" && "from" in c) {
-        const d = c;
-        if (d.from)
-          return d.from;
-        if (d.to)
-          return d.to;
+        const l = c;
+        if (l.from)
+          return l.from;
+        if (l.to)
+          return l.to;
       }
-      return r;
-    }, [e, t, r]),
+      return o;
+    }, [e, t, o]),
     setMonth: (c) => {
       n(c);
     }
   };
-}, He = "_container_15bt3_1", Ye = "_label_15bt3_7", ze = "_select_15bt3_14", Je = "_trigger_15bt3_19", Ke = "_triggerOpen_15bt3_46", Qe = "_placeholder_15bt3_67", Ue = "_selectedContent_15bt3_71", Xe = "_optionIcon_15bt3_81", Ze = "_arrow_15bt3_87", et = "_open_15bt3_98", tt = "_dropdown_15bt3_102", nt = "_option_15bt3_81", ot = "_selected_15bt3_71", u = {
-  container: He,
-  label: Ye,
-  select: ze,
-  trigger: Je,
-  triggerOpen: Ke,
-  placeholder: Qe,
-  selectedContent: Ue,
-  optionIcon: Xe,
-  arrow: Ze,
-  open: et,
-  dropdown: tt,
-  option: nt,
-  selected: ot
-}, rt = (e) => {
-  const { className: t, disabled: r = !1, label: n, onChange: i, options: a, placeholder: c, value: d } = e, [p, w] = T(!1), b = G(null), h = a.find((l) => l.value === d), g = () => {
-    r || w(!p);
-  }, m = (l) => {
-    i?.(l), w(!1);
+}, Ye = "_container_15bt3_1", Je = "_label_15bt3_7", Qe = "_select_15bt3_14", Ue = "_trigger_15bt3_19", Xe = "_triggerOpen_15bt3_46", Ze = "_placeholder_15bt3_67", et = "_selectedContent_15bt3_71", tt = "_optionIcon_15bt3_81", nt = "_arrow_15bt3_87", ot = "_open_15bt3_98", rt = "_dropdown_15bt3_102", at = "_option_15bt3_81", st = "_selected_15bt3_71", u = {
+  container: Ye,
+  label: Je,
+  select: Qe,
+  trigger: Ue,
+  triggerOpen: Xe,
+  placeholder: Ze,
+  selectedContent: et,
+  optionIcon: tt,
+  arrow: nt,
+  open: ot,
+  dropdown: rt,
+  option: at,
+  selected: st
+}, ct = (e) => {
+  const { className: t, disabled: o = !1, label: n, onChange: i, options: s, placeholder: c, value: l } = e, [d, f] = M(!1), g = j(null), h = s.find((p) => p.value === l), y = () => {
+    o || f(!d);
+  }, w = (p) => {
+    i?.(p), f(!1);
   };
-  return $(() => {
-    const l = (D) => {
-      b.current && !b.current.contains(D.target) && w(!1);
+  return E(() => {
+    const p = (N) => {
+      g.current && !g.current.contains(N.target) && f(!1);
     };
-    return p && document.addEventListener("mousedown", l), () => {
-      document.removeEventListener("mousedown", l);
+    return d && document.addEventListener("mousedown", p), () => {
+      document.removeEventListener("mousedown", p);
     };
-  }, [p]), /* @__PURE__ */ f("div", { className: C(u.container, t), children: [
-    n && /* @__PURE__ */ s("label", { className: u.label, children: n }),
-    /* @__PURE__ */ f("div", { className: u.select, ref: b, children: [
-      /* @__PURE__ */ f(
+  }, [d]), /* @__PURE__ */ m("div", { className: v(u.container, t), children: [
+    n && /* @__PURE__ */ a("label", { className: u.label, children: n }),
+    /* @__PURE__ */ m("div", { className: u.select, ref: g, children: [
+      /* @__PURE__ */ m(
         "button",
         {
-          className: C(u.trigger, p && u.triggerOpen),
-          disabled: r,
-          onClick: g,
+          className: v(u.trigger, d && u.triggerOpen),
+          disabled: o,
+          onClick: y,
           type: "button",
           "aria-haspopup": "listbox",
-          "aria-expanded": p,
+          "aria-expanded": d,
           children: [
-            /* @__PURE__ */ f("span", { className: h ? u.selectedContent : u.placeholder, children: [
-              h?.icon && /* @__PURE__ */ s("span", { className: u.optionIcon, children: h.icon }),
+            /* @__PURE__ */ m("span", { className: h ? u.selectedContent : u.placeholder, children: [
+              h?.icon && /* @__PURE__ */ a("span", { className: u.optionIcon, children: h.icon }),
               h ? h.label : c || "Select an option"
             ] }),
-            /* @__PURE__ */ s("span", { className: C(u.arrow, p && u.open), children: /* @__PURE__ */ s(U, {}) })
+            /* @__PURE__ */ a("span", { className: v(u.arrow, d && u.open), children: /* @__PURE__ */ a(Z, {}) })
           ]
         }
       ),
-      p && /* @__PURE__ */ s(Y, { className: u.dropdown, role: "listbox", style: { maxHeight: 191 }, children: a.map((l) => /* @__PURE__ */ f(
+      d && /* @__PURE__ */ a(J, { className: u.dropdown, role: "listbox", style: { maxHeight: 191 }, children: s.map((p) => /* @__PURE__ */ m(
         "button",
         {
-          className: C(u.option, l.value === d && u.selected),
-          onClick: () => m(l.value),
+          className: v(u.option, p.value === l && u.selected),
+          onClick: () => w(p.value),
           type: "button",
           role: "option",
-          "aria-selected": l.value === d,
+          "aria-selected": p.value === l,
           children: [
-            l.icon && /* @__PURE__ */ s("span", { className: u.optionIcon, children: l.icon }),
-            l.label
+            p.icon && /* @__PURE__ */ a("span", { className: u.optionIcon, children: p.icon }),
+            p.label
           ]
         },
-        l.value
+        p.value
       )) })
     ] })
   ] });
-}, q = (e) => {
+}, K = (e) => {
   const t = (n) => {
     if (e.onChange) {
       const i = {
@@ -284,197 +286,263 @@ const It = (e) => {
       };
       e.onChange(i);
     }
-  }, r = e.options?.map((n) => ({
+  }, o = e.options?.map((n) => ({
     value: n.value.toString(),
     label: n.label
   })) || [];
-  return /* @__PURE__ */ s(
-    rt,
+  return /* @__PURE__ */ a(
+    ct,
     {
       className: e.className,
-      options: r,
+      options: o,
       value: e.value?.toString() || "",
       onChange: t
     }
   );
 };
-q.displayName = "DatePickerDropdown";
-const at = {
-  month_caption: o.monthsCaption,
-  button_previous: o.navButtonPrevious,
-  button_next: o.navButtonNext,
-  chevron: o.navIcon,
-  caption_label: o.captionLabel,
-  dropdowns: o.dropdowns,
-  dropdown_root: o.dropdown_root,
-  dropdown: o.dropdown,
-  dropdown_select_option: o.option,
-  months_dropdown: o.monthsDropdown,
-  years_dropdown: o.yearsDropdown,
-  month_grid: o.monthGrid,
-  weekday: o.weekday,
-  day_button: o.dayButton,
-  day: o.day,
-  outside: o.dayOutside,
-  selected: o.daySelected,
-  range_start: o.dayRangeStart,
-  range_middle: o.dayRangeMiddle,
-  range_end: o.dayRangeEnd,
-  today: o.dayToday
-}, st = {
-  Dropdown: q
-}, ct = {
+K.displayName = "DatePickerDropdown";
+const it = {
+  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
+}, lt = {
+  Dropdown: K
+}, dt = {
   weekStartsOn: 1,
   showOutsideDays: !0,
   reverseYears: !0,
   captionLayout: "dropdown"
-}, it = {
-  components: st,
-  ...ct
-}, lt = (e) => ({
-  ...it,
+}, pt = {
+  components: lt,
+  ...dt
+}, _t = (e) => ({
+  ...pt,
   classNames: {
-    root: L(o.calendar, e && o.open),
-    ...at
+    root: $(r.calendar, e && r.open),
+    ...it
   }
-}), R = "dd.MM.yyyy", dt = (e) => e ? x(e, R) : "", pt = (e) => !e || !e.from ? "" : e.to && e.from.getTime() !== e.to.getTime() ? `${x(e.from, R)} - ${x(e.to, R)}` : x(e.from, R), V = (e, t) => e ? t === "single" && e instanceof Date ? dt(e) : t === "range" && typeof e == "object" && "from" in e ? pt(e) : "" : "", _t = ({
+}), P = "dd.MM.yyyy", ut = (e) => e ? R(e, P) : "", mt = (e) => !e || !e.from ? "" : e.to && e.from.getTime() !== e.to.getTime() ? `${R(e.from, P)} - ${R(e.to, P)}` : R(e.from, P), V = (e, t) => e ? t === "single" && e instanceof Date ? ut(e) : t === "range" && typeof e == "object" && "from" in e ? mt(e) : "" : "", ft = ({
   value: e,
   mode: t,
-  onChange: r,
+  onChange: o,
   setMonth: n,
   setIsOpen: i
 }) => {
   if (!e) {
-    r("");
+    o("");
     return;
   }
   if (t === "single") {
-    e instanceof Date && (n(e), r(V(e, "single")), i(!1));
+    e instanceof Date && (n(e), o(V(e, "single")), i(!1));
     return;
   }
   if (t === "range" && typeof e == "object" && "from" in e) {
-    const a = e;
-    a.from ? n(a.from) : a.to && n(a.to);
-    const c = V(a, "range");
-    r(c), a.from && a.to && a.from.getTime() !== a.to.getTime() && i(!1);
+    const s = e;
+    s.from ? n(s.from) : s.to && n(s.to);
+    const c = V(s, "range");
+    o(c), s.from && s.to && s.from.getTime() !== s.to.getTime() && i(!1);
   }
-}, ut = (e, t, r) => {
+}, wt = (e, t, o) => {
   if (e) {
     if (t === "single" && e instanceof Date) {
-      r(e);
+      o(e);
       return;
     }
     if (t === "range" && typeof e == "object" && "from" in e) {
       const n = e;
-      n.from ? r(n.from) : n.to && r(n.to);
+      n.from ? o(n.from) : n.to && o(n.to);
     }
   }
-}, kt = ({
+}, $t = ({
   mode: e,
   value: t,
-  onChange: r,
+  onChange: o,
   disabled: n,
   label: i,
-  error: a,
+  error: s,
   placeholder: c,
-  ...d
+  ...l
 }) => {
-  const [p, w] = T(!1), b = G(null), { month: h, setMonth: g } = qe(t, e), m = M(() => W(t, e), [t, e]);
-  $(() => {
-    ut(m, e, g);
-  }, [m, e, g]), Fe({ ref: b, isOpen: p, onDismiss: () => {
-    w(!1);
+  const [d, f] = M(!1), g = j(null), { month: h, setMonth: y } = Ke(t, e), w = A(() => H(t, e), [t, e]);
+  E(() => {
+    wt(w, e, y);
+  }, [w, e, y]), We({ ref: g, isOpen: d, onDismiss: () => {
+    f(!1);
   } });
-  const D = (y) => {
-    y.stopPropagation(), v(void 0);
-  }, N = () => {
-    n || w((y) => !y);
-  }, I = (y) => {
-    const H = y.currentTarget.value;
-    r(H);
-  }, v = (y) => {
-    _t({
-      value: y,
+  const N = (b) => {
+    b.stopPropagation(), C(void 0);
+  }, k = () => {
+    n || f((b) => !b);
+  }, D = (b) => {
+    const Y = b.currentTarget.value;
+    o(Y);
+  }, C = (b) => {
+    ft({
+      value: b,
       mode: e,
-      onChange: r,
-      setMonth: g,
-      setIsOpen: w
+      onChange: o,
+      setMonth: y,
+      setIsOpen: f
     });
-  }, k = M(() => lt(p), [p]);
-  return /* @__PURE__ */ f("div", { ref: b, className: o.wrapper, children: [
-    /* @__PURE__ */ f("div", { className: o.inputContainer, children: [
-      i && /* @__PURE__ */ s("span", { className: n ? o.disabledLabel : o.label, children: /* @__PURE__ */ s(A, { variant: "text-14", children: i }) }),
-      /* @__PURE__ */ f("div", { className: o.inputWrapper, children: [
-        /* @__PURE__ */ s(
+  }, S = A(() => _t(d), [d]);
+  return /* @__PURE__ */ m("div", { ref: g, className: r.wrapper, children: [
+    /* @__PURE__ */ m("div", { className: r.inputContainer, children: [
+      i && /* @__PURE__ */ a("span", { className: n ? r.disabledLabel : r.label, children: /* @__PURE__ */ a(z, { variant: "text-14", children: i }) }),
+      /* @__PURE__ */ m("div", { className: r.inputWrapper, children: [
+        /* @__PURE__ */ a(
           "input",
           {
             type: "text",
-            className: L(o.trigger, a && o.error),
-            onClick: N,
+            className: $(r.trigger, s && r.error),
+            onClick: k,
             value: t,
-            onChange: I,
+            onChange: D,
             placeholder: c,
             disabled: n,
             "aria-label": i || "Select date",
-            "aria-expanded": p,
+            "aria-expanded": d,
             "aria-haspopup": "dialog",
-            "aria-invalid": a ? "true" : "false",
-            ...d
+            "aria-invalid": s ? "true" : "false",
+            ...l
           }
         ),
-        t && !n && /* @__PURE__ */ s(
+        t && !n && /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            className: o.clearButton,
-            onClick: D,
+            className: r.clearButton,
+            onClick: N,
             "aria-label": "Clear date",
-            children: /* @__PURE__ */ s(Z, { className: o.clearIcon })
+            children: /* @__PURE__ */ a(q, { className: r.clearIcon })
           }
         ),
-        /* @__PURE__ */ s(X, { className: L(o.icon, !t && o.placeholder) })
+        /* @__PURE__ */ a(ee, { className: $(r.icon, !t && r.placeholder) })
       ] }),
-      a && /* @__PURE__ */ s(A, { variant: "small", className: o.error, children: a })
+      s && /* @__PURE__ */ a(z, { variant: "small", className: r.error, children: s })
     ] }),
-    e === "single" ? /* @__PURE__ */ s(
-      j,
+    e === "single" ? /* @__PURE__ */ a(
+      F,
       {
-        ...k,
+        ...S,
         month: h,
-        onMonthChange: g,
+        onMonthChange: y,
         mode: "single",
-        selected: m instanceof Date ? m : void 0,
-        onSelect: v
+        selected: w instanceof Date ? w : void 0,
+        onSelect: C
       }
-    ) : /* @__PURE__ */ s(
-      j,
+    ) : /* @__PURE__ */ a(
+      F,
       {
-        ...k,
+        ...S,
         month: h,
-        onMonthChange: g,
+        onMonthChange: y,
         mode: "range",
-        selected: m && typeof m == "object" && "from" in m ? m : void 0,
-        onSelect: v
+        selected: w && typeof w == "object" && "from" in w ? w : void 0,
+        onSelect: C
       }
     )
   ] });
+}, ht = "_overlay_1botz_1", yt = "_modal_1botz_15", bt = "_header_1botz_29", gt = "_title_1botz_39", vt = "_close_1botz_52", Ct = "_body_1botz_79", I = {
+  overlay: ht,
+  modal: yt,
+  header: bt,
+  title: gt,
+  close: vt,
+  body: Ct
+}, At = ({ open: e, onClose: t, title: o, children: n, className: i }) => {
+  const s = W(), c = j(t);
+  if (E(() => {
+    c.current = t;
+  }, [t]), E(() => {
+    if (e)
+      return document.body.style.overflow = "hidden", () => {
+        document.body.style.overflow = "";
+      };
+  }, [e]), E(() => {
+    if (!e) return;
+    const d = (f) => {
+      f.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 te(
+    /* @__PURE__ */ a(
+      ne,
+      {
+        active: e,
+        focusTrapOptions: {
+          clickOutsideDeactivates: !0,
+          returnFocusOnDeactivate: !0
+        },
+        children: /* @__PURE__ */ a("div", { className: I.overlay, onClick: () => c.current(), children: /* @__PURE__ */ m(
+          "div",
+          {
+            className: v(I.modal, i),
+            onClick: (d) => d.stopPropagation(),
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": s,
+            children: [
+              /* @__PURE__ */ m("header", { className: I.header, children: [
+                /* @__PURE__ */ a("h2", { id: s, className: I.title, children: o }),
+                /* @__PURE__ */ a(
+                  "button",
+                  {
+                    type: "button",
+                    className: I.close,
+                    "aria-label": "Close modal",
+                    onClick: () => c.current(),
+                    children: /* @__PURE__ */ a(q, {})
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ a("div", { className: I.body, children: n })
+            ]
+          }
+        ) })
+      }
+    ),
+    l
+  );
 };
 export {
-  F as Alert,
-  Ot as Button,
-  Tt as Card,
-  Lt as Checkbox,
-  kt as DatePicker,
-  _e as Input,
-  Mt as Label,
-  $t as Radio,
-  rt as Select,
-  Rt as SimpleBar,
-  At as Tab,
-  jt as Textarea,
-  A as Typography,
-  xt as clsx,
-  Nt as toastError,
-  It as toastSuccess
+  G as Alert,
+  qt as Button,
+  Ht as Card,
+  Kt as Checkbox,
+  $t as DatePicker,
+  fe as Input,
+  Yt as Label,
+  At as Modal,
+  Jt as Radio,
+  ct as Select,
+  Gt as SimpleBar,
+  Qt as Tab,
+  Ut as Textarea,
+  z as Typography,
+  Ft as clsx,
+  Mt as toastError,
+  Lt as toastSuccess
 };
 //# sourceMappingURL=index.client.js.map

package/dist/index.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","sources":["../src/components/Input/Input.tsx","../src/components/Alert/toast.tsx","../src/components/DatePicker/hooks/useDismiss.ts","../src/components/DatePicker/utils/parseDateValue.ts","../src/components/DatePicker/hooks/useDatePickerState.ts","../src/components/Select/Select.tsx","../src/components/DatePicker/utils/getDayPickerProps.tsx","../src/components/DatePicker/utils/formatDateValue.ts","../src/components/DatePicker/utils/handleDateSelect.ts","../src/components/DatePicker/utils/updateMonthFromDate.ts","../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef, useId, useState } from 'react'\nimport { clsx } from 'clsx'\n\nimport s from './Input.module.css'\nimport { InputProps } from './Input.types'\nimport { EyeIcon, EyeOffIcon } from '@/icons'\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      label,\n      errorMessage,\n      startIcon,\n      endIcon,\n      onEndIconClick,\n      allowPasswordToggle,\n      disabled,\n      type = 'text',\n      className,\n      required,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const generatedId = useId()\n    const inputId = id ?? generatedId\n    const errorId = errorMessage ? `${inputId}-error` : undefined\n\n    const isError = Boolean(errorMessage)\n    const isPassword = type === 'password' && allowPasswordToggle\n\n    const [showPassword, setShowPassword] = useState(false)\n\n    return (\n      <div className={clsx(s.wrapper, className)}>\n        {label && (\n          <label htmlFor={inputId} className={clsx(s.label, { [s.disabled]: disabled })}>\n            {label}\n            {required && <sup className={s.required}> *</sup>}\n          </label>\n        )}\n\n        <div\n          className={clsx(s.inputContainer, {\n            [s.error]: isError,\n            [s.disabled]: disabled,\n            [s.withStartIcon]: Boolean(startIcon),\n            [s.withEndIcon]: Boolean(endIcon) || isPassword,\n          })}\n        >\n          {startIcon && <span className={s.startIcon}>{startIcon}</span>}\n\n          <input\n            ref={ref}\n            id={inputId}\n            className={s.input}\n            type={isPassword && showPassword ? 'text' : type}\n            autoComplete={type === 'password' ? 'current-password' : 'off'}\n            required={required}\n            disabled={disabled}\n            aria-invalid={isError}\n            aria-describedby={errorId}\n            {...rest}\n          />\n\n          {isPassword && (\n            <button\n              type=\"button\"\n              className={s.endIcon}\n              onClick={() => setShowPassword((v) => !v)}\n              aria-label={showPassword ? 'Hide password' : 'Show password'}\n              disabled={disabled}\n              tabIndex={-1}\n            >\n              {showPassword ? <EyeOffIcon /> : <EyeIcon />}\n            </button>\n          )}\n\n          {endIcon && !isPassword && (\n            <button\n              type=\"button\"\n              className={s.endIcon}\n              onClick={onEndIconClick}\n              aria-label=\"Action\"\n              disabled={disabled}\n            >\n              {endIcon}\n            </button>\n          )}\n        </div>\n\n        {isError && (\n          <span id={errorId} className={s.errorMessage} role=\"alert\">\n            {errorMessage}\n          </span>\n        )}\n      </div>\n    )\n  },\n)\n\nInput.displayName = 'Input'\n","'use client'\n\nimport { toast } from 'react-hot-toast'\nimport { Alert } from './Alert'\nimport s from './Alert.module.css'\n\n/**\n * Show a success toast rendered with the shared `Alert` component.\n * @param message - Text to display in the toast body.\n */\nexport const toastSuccess = (message: string) => {\n  toast.custom((t) => (\n    <Alert\n      variant=\"success\"\n      message={message}\n      className={t.visible ? s.toastEnter : s.toastExit}\n      onClose={() => toast.dismiss(t.id)}\n    />\n  ))\n}\n\n/**\n * Show an error toast rendered with the shared `Alert` component.\n * @param message - Text to display in the toast body.\n * @param title - Optional heading shown above the message. Defaults to `\"Error!\"`.\n */\nexport const toastError = (message: string, title = 'Error!') => {\n  toast.custom((t) => (\n    <Alert\n      variant=\"error\"\n      title={title}\n      message={message}\n      className={t.visible ? s.toastEnter : s.toastExit}\n      onClose={() => toast.dismiss(t.id)}\n    />\n  ))\n}\n","'use client'\n\nimport { useEffect, type RefObject } from 'react'\n\ntype UseDismissParams<T extends HTMLElement = HTMLElement> = {\n  ref: RefObject<T | null>\n  isOpen: boolean\n  onDismiss: () => void\n}\n\nexport const useDismiss = <T extends HTMLElement = HTMLElement>({\n  ref,\n  isOpen,\n  onDismiss,\n}: UseDismissParams<T>) => {\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        onDismiss()\n      }\n    }\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        onDismiss()\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    document.addEventListener('touchstart', handleClickOutside)\n    document.addEventListener('keydown', handleEscape)\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n      document.removeEventListener('touchstart', handleClickOutside)\n      document.removeEventListener('keydown', handleEscape)\n    }\n  }, [isOpen, onDismiss, ref])\n}\n","import { isValid, parse } from 'date-fns'\nimport { DateRange } from 'react-day-picker'\n\nconst DATE_FORMAT = 'dd.MM.yyyy'\n\nexport const parseSingleDate = (value: string): Date | undefined => {\n  if (!value) return undefined\n\n  const parsedDate = parse(value, DATE_FORMAT, new Date())\n  return isValid(parsedDate) ? parsedDate : undefined\n}\n\nexport const parseRangeDate = (value: string): DateRange | undefined => {\n  if (!value) return undefined\n\n  const separator = ' - '\n  const separatorIndex = value.indexOf(separator)\n\n  if (separatorIndex === -1) {\n    const parsedDate = parse(value.trim(), DATE_FORMAT, new Date())\n    if (isValid(parsedDate)) {\n      return { from: parsedDate, to: undefined }\n    }\n    return undefined\n  }\n\n  const fromPart = value.substring(0, separatorIndex).trim()\n  const toPart = value.substring(separatorIndex + separator.length).trim()\n\n  if (!fromPart || !toPart) return undefined\n\n  const fromDate = parse(fromPart, DATE_FORMAT, new Date())\n  const toDate = parse(toPart, DATE_FORMAT, new Date())\n\n  if (isValid(fromDate) && isValid(toDate)) {\n    return { from: fromDate, to: toDate }\n  }\n\n  return undefined\n}\n\nexport const parseDateValue = (\n  value: string,\n  mode: 'single' | 'range',\n): Date | DateRange | undefined => {\n  if (!value) return undefined\n\n  if (mode === 'single') {\n    return parseSingleDate(value)\n  }\n\n  return parseRangeDate(value)\n}\n","'use client'\n\nimport { useState, useMemo } from 'react'\nimport { DateRange } from 'react-day-picker'\nimport { parseDateValue } from '../utils/parseDateValue'\n\nexport const useDatePickerState = (value: string, mode: 'single' | 'range') => {\n  const [localMonth, setLocalMonth] = useState(new Date())\n\n  const month = useMemo(() => {\n    const parsedDate = parseDateValue(value, mode)\n\n    if (!parsedDate) return localMonth\n\n    if (mode === 'single' && parsedDate instanceof Date) {\n      return parsedDate\n    }\n\n    if (mode === 'range' && typeof parsedDate === 'object' && 'from' in parsedDate) {\n      const range = parsedDate as DateRange\n      if (range.from) {\n        return range.from\n      }\n      if (range.to) {\n        return range.to\n      }\n    }\n\n    return localMonth\n  }, [value, mode, localMonth])\n\n  const setMonth = (date: Date) => {\n    setLocalMonth(date)\n  }\n\n  return {\n    month,\n    setMonth,\n  }\n}\n","'use client'\n\nimport { useEffect, useRef, useState } from 'react'\n\nimport { clsx } from 'clsx'\n\nimport SimpleBar from 'simplebar-react'\nimport 'simplebar-react/dist/simplebar.min.css'\n\nimport { ArrowDownIcon } from '@/icons'\n\nimport s from './Select.module.css'\nimport { SelectProps } from './'\n\nexport const Select = (props: SelectProps) => {\n  const { className, disabled = false, label, onChange, options, placeholder, value } = props\n\n  const [isOpen, setIsOpen] = useState(false)\n  const selectRef = useRef<HTMLDivElement>(null)\n\n  const selectedOption = options.find((option) => option.value === value)\n\n  const handleToggle = () => {\n    if (!disabled) {\n      setIsOpen(!isOpen)\n    }\n  }\n\n  const handleSelect = (optionValue: string) => {\n    onChange?.(optionValue)\n    setIsOpen(false)\n  }\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (selectRef.current && !selectRef.current.contains(event.target as Node)) {\n        setIsOpen(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen])\n\n  return (\n    <div className={clsx(s.container, className)}>\n      {label && <label className={s.label}>{label}</label>}\n\n      <div className={s.select} ref={selectRef}>\n        <button\n          className={clsx(s.trigger, isOpen && s.triggerOpen)}\n          disabled={disabled}\n          onClick={handleToggle}\n          type=\"button\"\n          aria-haspopup=\"listbox\"\n          aria-expanded={isOpen}\n        >\n          <span className={selectedOption ? s.selectedContent : s.placeholder}>\n            {selectedOption?.icon && <span className={s.optionIcon}>{selectedOption.icon}</span>}\n            {selectedOption ? selectedOption.label : placeholder || 'Select an option'}\n          </span>\n          <span className={clsx(s.arrow, isOpen && s.open)}>\n            <ArrowDownIcon />\n          </span>\n        </button>\n\n        {isOpen && (\n          <SimpleBar className={s.dropdown} role=\"listbox\" style={{ maxHeight: 191 }}>\n            {options.map((option) => (\n              <button\n                key={option.value}\n                className={clsx(s.option, option.value === value && s.selected)}\n                onClick={() => handleSelect(option.value)}\n                type=\"button\"\n                role=\"option\"\n                aria-selected={option.value === value}\n              >\n                {option.icon && <span className={s.optionIcon}>{option.icon}</span>}\n                {option.label}\n              </button>\n            ))}\n          </SimpleBar>\n        )}\n      </div>\n    </div>\n  )\n}\n","import React from 'react'\nimport clsx from 'clsx'\nimport { DropdownProps } from 'react-day-picker'\nimport { Select } from '../../Select'\nimport styles from '../DatePicker.module.css'\nimport { CaptionLayout, WeekStartsOn } from '../DatePicker.types'\n\nconst DropdownComponent = (props: DropdownProps) => {\n  const handleDropdownChange = (value: string) => {\n    if (props.onChange) {\n      const syntheticEvent = {\n        target: {\n          value,\n        },\n      } as React.ChangeEvent<HTMLSelectElement>\n\n      props.onChange(syntheticEvent)\n    }\n  }\n\n  const selectOptions =\n    props.options?.map((option) => ({\n      value: option.value.toString(),\n      label: option.label,\n    })) || []\n\n  return (\n    <Select\n      className={props.className}\n      options={selectOptions}\n      value={props.value?.toString() || ''}\n      onChange={handleDropdownChange}\n    />\n  )\n}\n\nDropdownComponent.displayName = 'DatePickerDropdown'\n\nconst staticClassNames = {\n  month_caption: styles.monthsCaption,\n  button_previous: styles.navButtonPrevious,\n  button_next: styles.navButtonNext,\n  chevron: styles.navIcon,\n  caption_label: styles.captionLabel,\n\n  dropdowns: styles.dropdowns,\n  dropdown_root: styles.dropdown_root,\n  dropdown: styles.dropdown,\n  dropdown_select_option: styles.option,\n\n  months_dropdown: styles.monthsDropdown,\n  years_dropdown: styles.yearsDropdown,\n\n  month_grid: styles.monthGrid,\n  weekday: styles.weekday,\n  day_button: styles.dayButton,\n  day: styles.day,\n  outside: styles.dayOutside,\n  selected: styles.daySelected,\n  range_start: styles.dayRangeStart,\n  range_middle: styles.dayRangeMiddle,\n  range_end: styles.dayRangeEnd,\n  today: styles.dayToday,\n} as const\n\nconst staticComponents = {\n  Dropdown: DropdownComponent,\n} as const\n\nconst staticProps = {\n  weekStartsOn: 1 as WeekStartsOn,\n  showOutsideDays: true,\n  reverseYears: true,\n  captionLayout: 'dropdown' as CaptionLayout,\n} as const\n\nconst baseDayPickerProps = {\n  components: staticComponents,\n  ...staticProps,\n} as const\n\nexport const getDayPickerProps = (isOpen: boolean) => {\n  return {\n    ...baseDayPickerProps,\n    classNames: {\n      root: clsx(styles.calendar, isOpen && styles.open),\n      ...staticClassNames,\n    },\n  }\n}\n","import { DateRange } from 'react-day-picker'\nimport { format } from 'date-fns'\n\nconst DATE_FORMAT = 'dd.MM.yyyy'\n\nexport const formatSingleDate = (date: Date | undefined): string => {\n  if (!date) return ''\n  return format(date, DATE_FORMAT)\n}\n\nexport const formatRangeDate = (range: DateRange | undefined): string => {\n  if (!range || !range.from) return ''\n\n  if (range.to && range.from.getTime() !== range.to.getTime()) {\n    return `${format(range.from, DATE_FORMAT)} - ${format(range.to, DATE_FORMAT)}`\n  }\n\n  return format(range.from, DATE_FORMAT)\n}\n\nexport const formatDateValue = (\n  value: Date | DateRange | undefined,\n  mode: 'single' | 'range',\n): string => {\n  if (!value) return ''\n\n  if (mode === 'single' && value instanceof Date) {\n    return formatSingleDate(value)\n  }\n\n  if (mode === 'range' && typeof value === 'object' && 'from' in value) {\n    return formatRangeDate(value as DateRange)\n  }\n\n  return ''\n}\n","import { DateRange } from 'react-day-picker'\nimport { formatDateValue } from './formatDateValue'\n\ntype HandleDateSelectParams = {\n  value: Date | DateRange | undefined\n  mode: 'single' | 'range'\n  onChange: (value: string) => void\n  setMonth: (date: Date) => void\n  setIsOpen: (open: boolean) => void\n}\n\nexport const handleDateSelect = ({\n  value,\n  mode,\n  onChange,\n  setMonth,\n  setIsOpen,\n}: HandleDateSelectParams) => {\n  if (!value) {\n    onChange('')\n    return\n  }\n\n  if (mode === 'single') {\n    if (value instanceof Date) {\n      setMonth(value)\n      onChange(formatDateValue(value, 'single'))\n      setIsOpen(false)\n    }\n    return\n  }\n\n  if (mode === 'range' && typeof value === 'object' && 'from' in value) {\n    const range = value as DateRange\n\n    if (range.from) {\n      setMonth(range.from)\n    } else if (range.to) {\n      setMonth(range.to)\n    }\n\n    const formattedValue = formatDateValue(range, 'range')\n    onChange(formattedValue)\n\n    if (range.from && range.to && range.from.getTime() !== range.to.getTime()) {\n      setIsOpen(false)\n    }\n  }\n}\n","import { DateRange } from 'react-day-picker'\n\nexport const updateMonthFromDate = (\n  date: Date | DateRange | undefined,\n  mode: 'single' | 'range',\n  setMonth: (date: Date) => void,\n) => {\n  if (!date) return\n\n  if (mode === 'single' && date instanceof Date) {\n    setMonth(date)\n    return\n  }\n\n  if (mode === 'range' && typeof date === 'object' && 'from' in date) {\n    const range = date as DateRange\n    if (range.from) {\n      setMonth(range.from)\n    } else if (range.to) {\n      setMonth(range.to)\n    }\n  }\n}\n","'use client'\n\nimport { Typography } from '@/components/Typography'\nimport { CalendarIcon, CloseIcon } from '@/icons'\nimport clsx from 'clsx'\nimport { ChangeEvent, type MouseEvent, useEffect, useMemo, useRef, useState } from 'react'\nimport { DateRange, DayPicker, type DayPickerProps } from 'react-day-picker'\n\nimport styles from './DatePicker.module.css'\nimport { DatePickerProps } from './DatePicker.types'\nimport { useDismiss } from './hooks/useDismiss'\nimport { useDatePickerState } from './hooks/useDatePickerState'\nimport { getDayPickerProps } from './utils/getDayPickerProps'\nimport { handleDateSelect } from './utils/handleDateSelect'\nimport { parseDateValue } from './utils/parseDateValue'\nimport { updateMonthFromDate } from './utils/updateMonthFromDate'\n\nexport const DatePicker = ({\n  mode,\n  value,\n  onChange,\n  disabled,\n  label,\n  error,\n  placeholder,\n  ...rest\n}: DatePickerProps) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const wrapperRef = useRef<HTMLDivElement>(null)\n  const { month, setMonth } = useDatePickerState(value, mode)\n\n  const parsedDate = useMemo(() => parseDateValue(value, mode), [value, mode])\n\n  useEffect(() => {\n    updateMonthFromDate(parsedDate, mode, setMonth)\n  }, [parsedDate, mode, setMonth])\n\n  const closeCalendar = () => {\n    setIsOpen(false)\n  }\n\n  useDismiss({ ref: wrapperRef, isOpen, onDismiss: closeCalendar })\n\n  const handleClear = (e: MouseEvent<HTMLButtonElement>) => {\n    e.stopPropagation()\n    handleSelect(undefined)\n  }\n\n  const handleToggle = () => {\n    if (disabled) return\n    setIsOpen((prev) => !prev)\n  }\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.currentTarget.value\n    onChange(inputValue)\n  }\n\n  const handleSelect = (selectedValue: Date | DateRange | undefined) => {\n    handleDateSelect({\n      value: selectedValue,\n      mode,\n      onChange,\n      setMonth,\n      setIsOpen,\n    })\n  }\n\n  const commonDayPickerProps = useMemo(() => getDayPickerProps(isOpen), [isOpen])\n\n  return (\n    <div ref={wrapperRef} className={styles.wrapper}>\n      <div className={styles.inputContainer}>\n        {label && (\n          <span className={disabled ? styles.disabledLabel : styles.label}>\n            <Typography variant=\"text-14\">{label}</Typography>\n          </span>\n        )}\n        <div className={styles.inputWrapper}>\n          <input\n            type=\"text\"\n            className={clsx(styles.trigger, error && styles.error)}\n            onClick={handleToggle}\n            value={value}\n            onChange={handleInputChange}\n            placeholder={placeholder}\n            disabled={disabled}\n            aria-label={label || 'Select date'}\n            aria-expanded={isOpen}\n            aria-haspopup=\"dialog\"\n            aria-invalid={error ? 'true' : 'false'}\n            {...rest}\n          />\n          {value && !disabled && (\n            <button\n              type=\"button\"\n              className={styles.clearButton}\n              onClick={handleClear}\n              aria-label=\"Clear date\"\n            >\n              <CloseIcon className={styles.clearIcon} />\n            </button>\n          )}\n          <CalendarIcon className={clsx(styles.icon, !value && styles.placeholder)} />\n        </div>\n        {error && (\n          <Typography variant=\"small\" className={styles.error}>\n            {error}\n          </Typography>\n        )}\n      </div>\n\n      {mode === 'single' ? (\n        <DayPicker\n          {...(commonDayPickerProps as DayPickerProps)}\n          month={month}\n          onMonthChange={setMonth}\n          mode=\"single\"\n          selected={parsedDate instanceof Date ? parsedDate : undefined}\n          onSelect={handleSelect}\n        />\n      ) : (\n        <DayPicker\n          {...(commonDayPickerProps as DayPickerProps)}\n          month={month}\n          onMonthChange={setMonth}\n          mode=\"range\"\n          selected={\n            parsedDate && typeof parsedDate === 'object' && 'from' in parsedDate\n              ? (parsedDate as DateRange)\n              : undefined\n          }\n          onSelect={handleSelect}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["Input","forwardRef","label","errorMessage","startIcon","endIcon","onEndIconClick","allowPasswordToggle","disabled","type","className","required","id","rest","ref","generatedId","useId","inputId","errorId","isError","isPassword","showPassword","setShowPassword","useState","clsx","s","jsxs","jsx","v","EyeOffIcon","EyeIcon","toastSuccess","message","toast","Alert","toastError","title","t","useDismiss","isOpen","onDismiss","useEffect","handleClickOutside","event","handleEscape","DATE_FORMAT","parseSingleDate","value","parsedDate","parse","isValid","parseRangeDate","separator","separatorIndex","fromPart","toPart","fromDate","toDate","parseDateValue","mode","useDatePickerState","localMonth","setLocalMonth","useMemo","range","date","Select","props","onChange","options","placeholder","setIsOpen","selectRef","useRef","selectedOption","option","handleToggle","handleSelect","optionValue","ArrowDownIcon","SimpleBar","DropdownComponent","handleDropdownChange","syntheticEvent","selectOptions","staticClassNames","styles","staticComponents","staticProps","baseDayPickerProps","getDayPickerProps","formatSingleDate","format","formatRangeDate","formatDateValue","handleDateSelect","setMonth","formattedValue","updateMonthFromDate","DatePicker","error","wrapperRef","month","handleClear","e","prev","handleInputChange","inputValue","selectedValue","commonDayPickerProps","Typography","CloseIcon","CalendarIcon","DayPicker"],"mappings":"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"}
+{"version":3,"file":"index.client.js","sources":["../src/components/Input/Input.tsx","../src/components/Alert/toast.tsx","../src/components/DatePicker/hooks/useDismiss.ts","../src/components/DatePicker/utils/parseDateValue.ts","../src/components/DatePicker/hooks/useDatePickerState.ts","../src/components/Select/Select.tsx","../src/components/DatePicker/utils/getDayPickerProps.tsx","../src/components/DatePicker/utils/formatDateValue.ts","../src/components/DatePicker/utils/handleDateSelect.ts","../src/components/DatePicker/utils/updateMonthFromDate.ts","../src/components/DatePicker/DatePicker.tsx","../src/components/Modal/Modal.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef, useId, useState } from 'react'\nimport { clsx } from 'clsx'\n\nimport s from './Input.module.css'\nimport { InputProps } from './Input.types'\nimport { EyeIcon, EyeOffIcon } from '@/icons'\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      label,\n      errorMessage,\n      startIcon,\n      endIcon,\n      onEndIconClick,\n      allowPasswordToggle,\n      disabled,\n      type = 'text',\n      className,\n      required,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const generatedId = useId()\n    const inputId = id ?? generatedId\n    const errorId = errorMessage ? `${inputId}-error` : undefined\n\n    const isError = Boolean(errorMessage)\n    const isPassword = type === 'password' && allowPasswordToggle\n\n    const [showPassword, setShowPassword] = useState(false)\n\n    return (\n      <div className={clsx(s.wrapper, className)}>\n        {label && (\n          <label htmlFor={inputId} className={clsx(s.label, { [s.disabled]: disabled })}>\n            {label}\n            {required && <sup className={s.required}> *</sup>}\n          </label>\n        )}\n\n        <div\n          className={clsx(s.inputContainer, {\n            [s.error]: isError,\n            [s.disabled]: disabled,\n            [s.withStartIcon]: Boolean(startIcon),\n            [s.withEndIcon]: Boolean(endIcon) || isPassword,\n          })}\n        >\n          {startIcon && <span className={s.startIcon}>{startIcon}</span>}\n\n          <input\n            ref={ref}\n            id={inputId}\n            className={s.input}\n            type={isPassword && showPassword ? 'text' : type}\n            autoComplete={type === 'password' ? 'current-password' : 'off'}\n            required={required}\n            disabled={disabled}\n            aria-invalid={isError}\n            aria-describedby={errorId}\n            {...rest}\n          />\n\n          {isPassword && (\n            <button\n              type=\"button\"\n              className={s.endIcon}\n              onClick={() => setShowPassword((v) => !v)}\n              aria-label={showPassword ? 'Hide password' : 'Show password'}\n              disabled={disabled}\n              tabIndex={-1}\n            >\n              {showPassword ? <EyeOffIcon /> : <EyeIcon />}\n            </button>\n          )}\n\n          {endIcon && !isPassword && (\n            <button\n              type=\"button\"\n              className={s.endIcon}\n              onClick={onEndIconClick}\n              aria-label=\"Action\"\n              disabled={disabled}\n            >\n              {endIcon}\n            </button>\n          )}\n        </div>\n\n        {isError && (\n          <span id={errorId} className={s.errorMessage} role=\"alert\">\n            {errorMessage}\n          </span>\n        )}\n      </div>\n    )\n  },\n)\n\nInput.displayName = 'Input'\n","'use client'\n\nimport { toast } from 'react-hot-toast'\nimport { Alert } from './Alert'\nimport s from './Alert.module.css'\n\n/**\n * Show a success toast rendered with the shared `Alert` component.\n * @param message - Text to display in the toast body.\n */\nexport const toastSuccess = (message: string) => {\n  toast.custom((t) => (\n    <Alert\n      variant=\"success\"\n      message={message}\n      className={t.visible ? s.toastEnter : s.toastExit}\n      onClose={() => toast.dismiss(t.id)}\n    />\n  ))\n}\n\n/**\n * Show an error toast rendered with the shared `Alert` component.\n * @param message - Text to display in the toast body.\n * @param title - Optional heading shown above the message. Defaults to `\"Error!\"`.\n */\nexport const toastError = (message: string, title = 'Error!') => {\n  toast.custom((t) => (\n    <Alert\n      variant=\"error\"\n      title={title}\n      message={message}\n      className={t.visible ? s.toastEnter : s.toastExit}\n      onClose={() => toast.dismiss(t.id)}\n    />\n  ))\n}\n","'use client'\n\nimport { useEffect, type RefObject } from 'react'\n\ntype UseDismissParams<T extends HTMLElement = HTMLElement> = {\n  ref: RefObject<T | null>\n  isOpen: boolean\n  onDismiss: () => void\n}\n\nexport const useDismiss = <T extends HTMLElement = HTMLElement>({\n  ref,\n  isOpen,\n  onDismiss,\n}: UseDismissParams<T>) => {\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        onDismiss()\n      }\n    }\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        onDismiss()\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    document.addEventListener('touchstart', handleClickOutside)\n    document.addEventListener('keydown', handleEscape)\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n      document.removeEventListener('touchstart', handleClickOutside)\n      document.removeEventListener('keydown', handleEscape)\n    }\n  }, [isOpen, onDismiss, ref])\n}\n","import { isValid, parse } from 'date-fns'\nimport { DateRange } from 'react-day-picker'\n\nconst DATE_FORMAT = 'dd.MM.yyyy'\n\nexport const parseSingleDate = (value: string): Date | undefined => {\n  if (!value) return undefined\n\n  const parsedDate = parse(value, DATE_FORMAT, new Date())\n  return isValid(parsedDate) ? parsedDate : undefined\n}\n\nexport const parseRangeDate = (value: string): DateRange | undefined => {\n  if (!value) return undefined\n\n  const separator = ' - '\n  const separatorIndex = value.indexOf(separator)\n\n  if (separatorIndex === -1) {\n    const parsedDate = parse(value.trim(), DATE_FORMAT, new Date())\n    if (isValid(parsedDate)) {\n      return { from: parsedDate, to: undefined }\n    }\n    return undefined\n  }\n\n  const fromPart = value.substring(0, separatorIndex).trim()\n  const toPart = value.substring(separatorIndex + separator.length).trim()\n\n  if (!fromPart || !toPart) return undefined\n\n  const fromDate = parse(fromPart, DATE_FORMAT, new Date())\n  const toDate = parse(toPart, DATE_FORMAT, new Date())\n\n  if (isValid(fromDate) && isValid(toDate)) {\n    return { from: fromDate, to: toDate }\n  }\n\n  return undefined\n}\n\nexport const parseDateValue = (\n  value: string,\n  mode: 'single' | 'range',\n): Date | DateRange | undefined => {\n  if (!value) return undefined\n\n  if (mode === 'single') {\n    return parseSingleDate(value)\n  }\n\n  return parseRangeDate(value)\n}\n","'use client'\n\nimport { useState, useMemo } from 'react'\nimport { DateRange } from 'react-day-picker'\nimport { parseDateValue } from '../utils/parseDateValue'\n\nexport const useDatePickerState = (value: string, mode: 'single' | 'range') => {\n  const [localMonth, setLocalMonth] = useState(new Date())\n\n  const month = useMemo(() => {\n    const parsedDate = parseDateValue(value, mode)\n\n    if (!parsedDate) return localMonth\n\n    if (mode === 'single' && parsedDate instanceof Date) {\n      return parsedDate\n    }\n\n    if (mode === 'range' && typeof parsedDate === 'object' && 'from' in parsedDate) {\n      const range = parsedDate as DateRange\n      if (range.from) {\n        return range.from\n      }\n      if (range.to) {\n        return range.to\n      }\n    }\n\n    return localMonth\n  }, [value, mode, localMonth])\n\n  const setMonth = (date: Date) => {\n    setLocalMonth(date)\n  }\n\n  return {\n    month,\n    setMonth,\n  }\n}\n","'use client'\n\nimport { useEffect, useRef, useState } from 'react'\n\nimport { clsx } from 'clsx'\n\nimport SimpleBar from 'simplebar-react'\nimport 'simplebar-react/dist/simplebar.min.css'\n\nimport { ArrowDownIcon } from '@/icons'\n\nimport s from './Select.module.css'\nimport { SelectProps } from './'\n\nexport const Select = (props: SelectProps) => {\n  const { className, disabled = false, label, onChange, options, placeholder, value } = props\n\n  const [isOpen, setIsOpen] = useState(false)\n  const selectRef = useRef<HTMLDivElement>(null)\n\n  const selectedOption = options.find((option) => option.value === value)\n\n  const handleToggle = () => {\n    if (!disabled) {\n      setIsOpen(!isOpen)\n    }\n  }\n\n  const handleSelect = (optionValue: string) => {\n    onChange?.(optionValue)\n    setIsOpen(false)\n  }\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (selectRef.current && !selectRef.current.contains(event.target as Node)) {\n        setIsOpen(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen])\n\n  return (\n    <div className={clsx(s.container, className)}>\n      {label && <label className={s.label}>{label}</label>}\n\n      <div className={s.select} ref={selectRef}>\n        <button\n          className={clsx(s.trigger, isOpen && s.triggerOpen)}\n          disabled={disabled}\n          onClick={handleToggle}\n          type=\"button\"\n          aria-haspopup=\"listbox\"\n          aria-expanded={isOpen}\n        >\n          <span className={selectedOption ? s.selectedContent : s.placeholder}>\n            {selectedOption?.icon && <span className={s.optionIcon}>{selectedOption.icon}</span>}\n            {selectedOption ? selectedOption.label : placeholder || 'Select an option'}\n          </span>\n          <span className={clsx(s.arrow, isOpen && s.open)}>\n            <ArrowDownIcon />\n          </span>\n        </button>\n\n        {isOpen && (\n          <SimpleBar className={s.dropdown} role=\"listbox\" style={{ maxHeight: 191 }}>\n            {options.map((option) => (\n              <button\n                key={option.value}\n                className={clsx(s.option, option.value === value && s.selected)}\n                onClick={() => handleSelect(option.value)}\n                type=\"button\"\n                role=\"option\"\n                aria-selected={option.value === value}\n              >\n                {option.icon && <span className={s.optionIcon}>{option.icon}</span>}\n                {option.label}\n              </button>\n            ))}\n          </SimpleBar>\n        )}\n      </div>\n    </div>\n  )\n}\n","import React from 'react'\nimport clsx from 'clsx'\nimport { DropdownProps } from 'react-day-picker'\nimport { Select } from '../../Select'\nimport styles from '../DatePicker.module.css'\nimport { CaptionLayout, WeekStartsOn } from '../DatePicker.types'\n\nconst DropdownComponent = (props: DropdownProps) => {\n  const handleDropdownChange = (value: string) => {\n    if (props.onChange) {\n      const syntheticEvent = {\n        target: {\n          value,\n        },\n      } as React.ChangeEvent<HTMLSelectElement>\n\n      props.onChange(syntheticEvent)\n    }\n  }\n\n  const selectOptions =\n    props.options?.map((option) => ({\n      value: option.value.toString(),\n      label: option.label,\n    })) || []\n\n  return (\n    <Select\n      className={props.className}\n      options={selectOptions}\n      value={props.value?.toString() || ''}\n      onChange={handleDropdownChange}\n    />\n  )\n}\n\nDropdownComponent.displayName = 'DatePickerDropdown'\n\nconst staticClassNames = {\n  month_caption: styles.monthsCaption,\n  button_previous: styles.navButtonPrevious,\n  button_next: styles.navButtonNext,\n  chevron: styles.navIcon,\n  caption_label: styles.captionLabel,\n\n  dropdowns: styles.dropdowns,\n  dropdown_root: styles.dropdown_root,\n  dropdown: styles.dropdown,\n  dropdown_select_option: styles.option,\n\n  months_dropdown: styles.monthsDropdown,\n  years_dropdown: styles.yearsDropdown,\n\n  month_grid: styles.monthGrid,\n  weekday: styles.weekday,\n  day_button: styles.dayButton,\n  day: styles.day,\n  outside: styles.dayOutside,\n  selected: styles.daySelected,\n  range_start: styles.dayRangeStart,\n  range_middle: styles.dayRangeMiddle,\n  range_end: styles.dayRangeEnd,\n  today: styles.dayToday,\n} as const\n\nconst staticComponents = {\n  Dropdown: DropdownComponent,\n} as const\n\nconst staticProps = {\n  weekStartsOn: 1 as WeekStartsOn,\n  showOutsideDays: true,\n  reverseYears: true,\n  captionLayout: 'dropdown' as CaptionLayout,\n} as const\n\nconst baseDayPickerProps = {\n  components: staticComponents,\n  ...staticProps,\n} as const\n\nexport const getDayPickerProps = (isOpen: boolean) => {\n  return {\n    ...baseDayPickerProps,\n    classNames: {\n      root: clsx(styles.calendar, isOpen && styles.open),\n      ...staticClassNames,\n    },\n  }\n}\n","import { DateRange } from 'react-day-picker'\nimport { format } from 'date-fns'\n\nconst DATE_FORMAT = 'dd.MM.yyyy'\n\nexport const formatSingleDate = (date: Date | undefined): string => {\n  if (!date) return ''\n  return format(date, DATE_FORMAT)\n}\n\nexport const formatRangeDate = (range: DateRange | undefined): string => {\n  if (!range || !range.from) return ''\n\n  if (range.to && range.from.getTime() !== range.to.getTime()) {\n    return `${format(range.from, DATE_FORMAT)} - ${format(range.to, DATE_FORMAT)}`\n  }\n\n  return format(range.from, DATE_FORMAT)\n}\n\nexport const formatDateValue = (\n  value: Date | DateRange | undefined,\n  mode: 'single' | 'range',\n): string => {\n  if (!value) return ''\n\n  if (mode === 'single' && value instanceof Date) {\n    return formatSingleDate(value)\n  }\n\n  if (mode === 'range' && typeof value === 'object' && 'from' in value) {\n    return formatRangeDate(value as DateRange)\n  }\n\n  return ''\n}\n","import { DateRange } from 'react-day-picker'\nimport { formatDateValue } from './formatDateValue'\n\ntype HandleDateSelectParams = {\n  value: Date | DateRange | undefined\n  mode: 'single' | 'range'\n  onChange: (value: string) => void\n  setMonth: (date: Date) => void\n  setIsOpen: (open: boolean) => void\n}\n\nexport const handleDateSelect = ({\n  value,\n  mode,\n  onChange,\n  setMonth,\n  setIsOpen,\n}: HandleDateSelectParams) => {\n  if (!value) {\n    onChange('')\n    return\n  }\n\n  if (mode === 'single') {\n    if (value instanceof Date) {\n      setMonth(value)\n      onChange(formatDateValue(value, 'single'))\n      setIsOpen(false)\n    }\n    return\n  }\n\n  if (mode === 'range' && typeof value === 'object' && 'from' in value) {\n    const range = value as DateRange\n\n    if (range.from) {\n      setMonth(range.from)\n    } else if (range.to) {\n      setMonth(range.to)\n    }\n\n    const formattedValue = formatDateValue(range, 'range')\n    onChange(formattedValue)\n\n    if (range.from && range.to && range.from.getTime() !== range.to.getTime()) {\n      setIsOpen(false)\n    }\n  }\n}\n","import { DateRange } from 'react-day-picker'\n\nexport const updateMonthFromDate = (\n  date: Date | DateRange | undefined,\n  mode: 'single' | 'range',\n  setMonth: (date: Date) => void,\n) => {\n  if (!date) return\n\n  if (mode === 'single' && date instanceof Date) {\n    setMonth(date)\n    return\n  }\n\n  if (mode === 'range' && typeof date === 'object' && 'from' in date) {\n    const range = date as DateRange\n    if (range.from) {\n      setMonth(range.from)\n    } else if (range.to) {\n      setMonth(range.to)\n    }\n  }\n}\n","'use client'\n\nimport { Typography } from '@/components/Typography'\nimport { CalendarIcon, CloseIcon } from '@/icons'\nimport clsx from 'clsx'\nimport { ChangeEvent, type MouseEvent, useEffect, useMemo, useRef, useState } from 'react'\nimport { DateRange, DayPicker, type DayPickerProps } from 'react-day-picker'\n\nimport styles from './DatePicker.module.css'\nimport { DatePickerProps } from './DatePicker.types'\nimport { useDismiss } from './hooks/useDismiss'\nimport { useDatePickerState } from './hooks/useDatePickerState'\nimport { getDayPickerProps } from './utils/getDayPickerProps'\nimport { handleDateSelect } from './utils/handleDateSelect'\nimport { parseDateValue } from './utils/parseDateValue'\nimport { updateMonthFromDate } from './utils/updateMonthFromDate'\n\nexport const DatePicker = ({\n  mode,\n  value,\n  onChange,\n  disabled,\n  label,\n  error,\n  placeholder,\n  ...rest\n}: DatePickerProps) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const wrapperRef = useRef<HTMLDivElement>(null)\n  const { month, setMonth } = useDatePickerState(value, mode)\n\n  const parsedDate = useMemo(() => parseDateValue(value, mode), [value, mode])\n\n  useEffect(() => {\n    updateMonthFromDate(parsedDate, mode, setMonth)\n  }, [parsedDate, mode, setMonth])\n\n  const closeCalendar = () => {\n    setIsOpen(false)\n  }\n\n  useDismiss({ ref: wrapperRef, isOpen, onDismiss: closeCalendar })\n\n  const handleClear = (e: MouseEvent<HTMLButtonElement>) => {\n    e.stopPropagation()\n    handleSelect(undefined)\n  }\n\n  const handleToggle = () => {\n    if (disabled) return\n    setIsOpen((prev) => !prev)\n  }\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.currentTarget.value\n    onChange(inputValue)\n  }\n\n  const handleSelect = (selectedValue: Date | DateRange | undefined) => {\n    handleDateSelect({\n      value: selectedValue,\n      mode,\n      onChange,\n      setMonth,\n      setIsOpen,\n    })\n  }\n\n  const commonDayPickerProps = useMemo(() => getDayPickerProps(isOpen), [isOpen])\n\n  return (\n    <div ref={wrapperRef} className={styles.wrapper}>\n      <div className={styles.inputContainer}>\n        {label && (\n          <span className={disabled ? styles.disabledLabel : styles.label}>\n            <Typography variant=\"text-14\">{label}</Typography>\n          </span>\n        )}\n        <div className={styles.inputWrapper}>\n          <input\n            type=\"text\"\n            className={clsx(styles.trigger, error && styles.error)}\n            onClick={handleToggle}\n            value={value}\n            onChange={handleInputChange}\n            placeholder={placeholder}\n            disabled={disabled}\n            aria-label={label || 'Select date'}\n            aria-expanded={isOpen}\n            aria-haspopup=\"dialog\"\n            aria-invalid={error ? 'true' : 'false'}\n            {...rest}\n          />\n          {value && !disabled && (\n            <button\n              type=\"button\"\n              className={styles.clearButton}\n              onClick={handleClear}\n              aria-label=\"Clear date\"\n            >\n              <CloseIcon className={styles.clearIcon} />\n            </button>\n          )}\n          <CalendarIcon className={clsx(styles.icon, !value && styles.placeholder)} />\n        </div>\n        {error && (\n          <Typography variant=\"small\" className={styles.error}>\n            {error}\n          </Typography>\n        )}\n      </div>\n\n      {mode === 'single' ? (\n        <DayPicker\n          {...(commonDayPickerProps as DayPickerProps)}\n          month={month}\n          onMonthChange={setMonth}\n          mode=\"single\"\n          selected={parsedDate instanceof Date ? parsedDate : undefined}\n          onSelect={handleSelect}\n        />\n      ) : (\n        <DayPicker\n          {...(commonDayPickerProps as DayPickerProps)}\n          month={month}\n          onMonthChange={setMonth}\n          mode=\"range\"\n          selected={\n            parsedDate && typeof parsedDate === 'object' && 'from' in parsedDate\n              ? (parsedDate as DateRange)\n              : undefined\n          }\n          onSelect={handleSelect}\n        />\n      )}\n    </div>\n  )\n}\n","'use client'\n\nimport { useEffect, useId, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { clsx } from 'clsx'\nimport { FocusTrap } from 'focus-trap-react'\n\nimport s from './Modal.module.css'\nimport { ModalProps } from './Modal.types'\nimport { CloseIcon } from '@/icons/CloseIcon'\n\nexport const Modal = ({ open, onClose, title, children, className }: ModalProps) => {\n  const titleId = useId()\n  const onCloseRef = useRef(onClose)\n\n  useEffect(() => {\n    onCloseRef.current = onClose\n  }, [onClose])\n\n  useEffect(() => {\n    if (!open) return\n\n    document.body.style.overflow = 'hidden'\n\n    return () => {\n      document.body.style.overflow = ''\n    }\n  }, [open])\n\n  useEffect(() => {\n    if (!open) return\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        onCloseRef.current()\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [open])\n\n  if (!open) return null\n  if (typeof document === 'undefined') return null\n  const modalRoot = document.getElementById('modal-root') ?? document.body\n\n  return createPortal(\n    <FocusTrap\n      active={open}\n      focusTrapOptions={{\n        clickOutsideDeactivates: true,\n        returnFocusOnDeactivate: true,\n      }}\n    >\n      <div className={s.overlay} onClick={() => onCloseRef.current()}>\n        <div\n          className={clsx(s.modal, className)}\n          onClick={(e) => e.stopPropagation()}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={titleId}\n        >\n          <header className={s.header}>\n            <h2 id={titleId} className={s.title}>\n              {title}\n            </h2>\n\n            <button\n              type=\"button\"\n              className={s.close}\n              aria-label=\"Close modal\"\n              onClick={() => onCloseRef.current()}\n            >\n              <CloseIcon />\n            </button>\n          </header>\n\n          <div className={s.body}>{children}</div>\n        </div>\n      </div>\n    </FocusTrap>,\n    modalRoot,\n  )\n}\n"],"names":["Input","forwardRef","label","errorMessage","startIcon","endIcon","onEndIconClick","allowPasswordToggle","disabled","type","className","required","id","rest","ref","generatedId","useId","inputId","errorId","isError","isPassword","showPassword","setShowPassword","useState","clsx","s","jsxs","jsx","v","EyeOffIcon","EyeIcon","toastSuccess","message","toast","Alert","toastError","title","t","useDismiss","isOpen","onDismiss","useEffect","handleClickOutside","event","handleEscape","DATE_FORMAT","parseSingleDate","value","parsedDate","parse","isValid","parseRangeDate","separator","separatorIndex","fromPart","toPart","fromDate","toDate","parseDateValue","mode","useDatePickerState","localMonth","setLocalMonth","useMemo","range","date","Select","props","onChange","options","placeholder","setIsOpen","selectRef","useRef","selectedOption","option","handleToggle","handleSelect","optionValue","ArrowDownIcon","SimpleBar","DropdownComponent","handleDropdownChange","syntheticEvent","selectOptions","staticClassNames","styles","staticComponents","staticProps","baseDayPickerProps","getDayPickerProps","formatSingleDate","format","formatRangeDate","formatDateValue","handleDateSelect","setMonth","formattedValue","updateMonthFromDate","DatePicker","error","wrapperRef","month","handleClear","e","prev","handleInputChange","inputValue","selectedValue","commonDayPickerProps","Typography","CloseIcon","CalendarIcon","DayPicker","Modal","open","onClose","children","titleId","onCloseRef","handleKeyDown","modalRoot","createPortal","FocusTrap"],"mappings":"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"}

package/dist/index.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";._alert_5jfpm_1{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;max-width:387px;padding:12px 24px;border-radius:2px;color:var(--color-light-100)}._content_5jfpm_15{display:flex;gap:5px;align-items:center}._error_5jfpm_22{border:1px solid var(--color-danger-500);background-color:var(--color-danger-900)}._success_5jfpm_28{border:1px solid var(--color-success-500);background-color:var(--color-success-900)}._closeButton_5jfpm_33{cursor:pointer;border:none;background:transparent}._message_5jfpm_39,._title_5jfpm_40{font-size:16px;font-weight:400;line-height:150%}._title_5jfpm_40{font-weight:700}._toastEnter_5jfpm_50{animation:_fade-in_5jfpm_1 .2s ease-out}._toastExit_5jfpm_54{animation:_fade-out_5jfpm_1 .2s ease-in forwards}@keyframes _fade-in_5jfpm_1{0%{opacity:0}to{opacity:1}}@keyframes _fade-out_5jfpm_1{0%{opacity:1}to{opacity:0}}._button_dqki1_1{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:6px 24px;border-radius:2px;font-weight:600;line-height:150%;transition:color .12s ease-out,background-color .18s cubic-bezier(.2,0,0,1)}._button_dqki1_1:disabled{cursor:not-allowed}._primary_dqki1_25{color:var(--color-light-100);background-color:var(--color-accent-500)}._primary_dqki1_25:active{color:var(--color-light-500);background-color:var(--color-accent-700)}._primary_dqki1_25:focus-visible{outline:2px solid var(--color-accent-700)}._primary_dqki1_25:disabled{color:var(--color-light-900);background-color:var(--color-accent-900)}._primary_dqki1_25:hover:not(:active,:focus-visible,:disabled){background-color:var(--color-accent-100)}._secondary_dqki1_48{color:var(--color-light-100);background-color:var(--color-dark-300)}._secondary_dqki1_48:active{color:var(--color-light-500);background-color:var(--color-dark-400)}._secondary_dqki1_48:focus-visible{outline:2px solid var(--color-accent-300)}._secondary_dqki1_48:disabled{color:var(--color-light-900);background-color:var(--color-dark-500)}._secondary_dqki1_48:hover:not(:active,:focus-visible,:disabled){background-color:var(--color-dark-100)}._outlined_dqki1_71{border:1px solid var(--color-accent-500);color:var(--color-accent-500);background-color:transparent}._outlined_dqki1_71:active{border-color:var(--color-accent-700);color:var(--color-accent-700)}._outlined_dqki1_71:focus-visible{border:2px solid var(--color-accent-700);color:var(--color-accent-700)}._outlined_dqki1_71:disabled{border-color:var(--color-accent-900);color:var(--color-accent-900)}._outlined_dqki1_71:hover:not(:active,:focus-visible,:disabled){border-color:var(--color-accent-100);color:var(--color-accent-100)}._text_dqki1_97{color:var(--color-accent-500)}._text_dqki1_97:active{color:var(--color-accent-700)}._text_dqki1_97:focus-visible{outline:2px solid var(--color-accent-700)}._text_dqki1_97:disabled{color:var(--color-accent-900)}._text_dqki1_97:hover:not(:active,:focus-visible,:disabled){color:var(--color-accent-100)}._icon_dqki1_117{display:inline-flex;align-items:center;margin-right:10px}._card_1ah7i_1{padding:16px;border:1px solid var(--color-dark-100);border-radius:2px;background-color:var(--color-dark-500)}._checkbox_1q28z_1{cursor:pointer;position:relative;display:inline-flex;gap:10px;align-items:center}._input_1q28z_11{position:absolute;opacity:0}._labelSpan_1q28z_16{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-100)}._control_1q28z_23{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-light-500);border-radius:4px}._input_1q28z_11:checked+._control_1q28z_23{background-color:var(--color-light-100)}._control_1q28z_23:before{content:"";position:absolute;z-index:-1;width:36px;height:36px;border-radius:50%;background-color:transparent;transition:background-color .15s ease}._control_1q28z_23:hover:before{background-color:var(--color-dark-100)}._input_1q28z_11:focus-visible+._control_1q28z_23:before{background-color:var(--color-dark-100)}._checkbox_1q28z_1:active ._control_1q28z_23:before{background-color:var(--color-dark-100)}._control_1q28z_23:after{content:"";position:absolute;top:50%;left:50%;transform-origin:left bottom;transform:translate(calc(-50% + 4px),-40%) rotate(-45deg);width:10px;height:6px;border-bottom:2px solid transparent;border-left:2px solid transparent}._input_1q28z_11:checked+._control_1q28z_23:after{border-color:var(--color-dark-900)}._input_1q28z_11:disabled+._control_1q28z_23{border-color:var(--color-dark-100)}._input_1q28z_11:disabled+._control_1q28z_23:before{background-color:transparent}._input_1q28z_11:disabled~._labelSpan_1q28z_16,._input_1q28z_11:disabled+._control_1q28z_23{cursor:not-allowed}._input_1q28z_11:disabled:checked+._control_1q28z_23{background-color:var(--color-dark-100)}._input_1q28z_11:disabled:checked+._control_1q28z_23:after{border-color:var(--color-light-700)}._input_1q28z_11:disabled~._labelSpan_1q28z_16{color:var(--color-light-900)}._checkbox_1q28z_1:has(._input_1q28z_11:disabled){cursor:not-allowed}._typography_11tbz_1{display:inline-flex;align-items:center;margin:0;color:var(--color-dark-900)}._icon_11tbz_8{display:inline-flex;align-items:center;margin-right:8px}._large_11tbz_14{font-size:26px;font-weight:600;line-height:138%}._h1_11tbz_20{font-size:20px;font-weight:700;line-height:180%}._h2_11tbz_26{font-size:18px;font-weight:700;line-height:133%}._h3_11tbz_32{font-size:16px;font-weight:600;line-height:150%}._text-16_11tbz_38{font-size:16px;font-weight:400;line-height:150%}._text-16-bold_11tbz_44{font-size:16px;font-weight:700;line-height:150%}._text-14_11tbz_50{font-size:14px;font-weight:400;line-height:171%}._text-14-bold_11tbz_56{font-size:14px;font-weight:700;line-height:171%}._text-14-medium_11tbz_62{font-size:14px;font-weight:500;line-height:171%}._small_11tbz_68{font-size:12px;font-weight:400;line-height:133%}._small-semibold_11tbz_74{font-size:12px;font-weight:600;line-height:133%}._link_11tbz_80{font-size:14px;font-weight:400;line-height:171%;color:var(--color-accent-500);text-decoration:underline;text-decoration-skip-ink:none}._small-link_11tbz_89{font-size:12px;font-weight:400;line-height:133%;color:var(--color-accent-500);text-decoration:underline;text-decoration-skip-ink:none}._label_ndvr9_1{margin-bottom:4px}._required_ndvr9_5{margin-left:4px;color:var(--color-danger-500)}._srOnly_ndvr9_10{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}._radio_10hqy_1{cursor:pointer;position:relative;display:inline-flex;gap:10px;align-items:center}._input_10hqy_12{position:absolute;opacity:0}._labelSpan_10hqy_18{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-100)}._control_10hqy_26{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-light-100);border-radius:50%}._control_10hqy_26:before{content:"";position:absolute;z-index:-1;width:36px;height:36px;border-radius:50%;background-color:transparent;transition:background-color .2s ease}._control_10hqy_26:hover:before{background-color:var(--color-dark-300)}._input_10hqy_12:focus-visible+._control_10hqy_26:before{background-color:var(--color-dark-500)}._radio_10hqy_1:active ._control_10hqy_26:before{background-color:var(--color-dark-100)}._control_10hqy_26:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:transparent}._input_10hqy_12:checked+._control_10hqy_26:after{background-color:var(--color-light-100)}._input_10hqy_12:disabled+._control_10hqy_26{border-color:var(--color-dark-100)}._input_10hqy_12:disabled+._control_10hqy_26:before{background-color:transparent}._input_10hqy_12:disabled:checked+._control_10hqy_26:after{background-color:var(--color-dark-100)}._input_10hqy_12:disabled~._labelSpan_10hqy_18{color:var(--color-light-900)}._input_10hqy_12:disabled~._labelSpan_10hqy_18,._input_10hqy_12:disabled+._control_10hqy_26,._input_10hqy_12:disabled~._control_10hqy_26{cursor:not-allowed}._radio_10hqy_1:has(._input_10hqy_12:disabled){cursor:not-allowed}._tab_78cv0_1{all:unset;cursor:pointer;width:100%;padding:6px 23px 4px;border-bottom:2px solid var(--color-dark-100);border-radius:0;font-size:16px;font-weight:600;line-height:150%;color:var(--color-dark-100);text-align:center;transition-duration:.2s;transition-property:background-color,color,border-color}._selected_78cv0_21{border-bottom-color:var(--color-accent-500);color:var(--color-accent-500)}._tab_78cv0_1:disabled{cursor:not-allowed;border-bottom-color:var(--color-dark-300);color:var(--color-dark-300)}._selected_78cv0_21:disabled{border-bottom-color:var(--color-accent-900);color:var(--color-accent-900)}._tab_78cv0_1:focus-visible{border-radius:2px;outline:2px solid var(--color-accent-700)}._tab_78cv0_1:active:not(:disabled){background-color:color-mix(in srgb,var(--color-accent-100) 15%,transparent)}._tab_78cv0_1:hover:not(:active,:focus-visible,:disabled){background-color:color-mix(in srgb,var(--color-accent-900) 15%,transparent)}._textareaWrapper_ahoiy_1{display:flex;flex-direction:column;width:100%}._label_ahoiy_7{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-900)}._label_ahoiy_7._disabled_ahoiy_14{color:var(--color-dark-100)}._textarea_ahoiy_1{resize:none;box-sizing:border-box;width:100%;padding:10px 14px;border:1px solid var(--color-dark-100);border-radius:2px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-900);background-color:transparent;outline:none}._textarea_ahoiy_1:disabled{cursor:not-allowed;color:var(--color-dark-100)}._textarea_ahoiy_1:focus-visible{border:1px solid var(--color-light-100);color:var(--color-light-100)}._errorState_ahoiy_46,._errorState_ahoiy_46:focus-visible{border:1px solid var(--color-danger-500);color:var(--color-light-100)}._errorMessage_ahoiy_52{font-size:16px;font-weight:400;line-height:171%;color:var(--color-danger-500)}._required_ahoiy_59{color:var(--color-danger-500)}html{line-height:1.15;text-size-adjust:100%}body{margin:0;padding:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{overflow:visible;box-sizing:content-box;height:0}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:auto}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{font:inherit;appearance:auto}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--color-accent-100: #73a5ff;--color-accent-300: #4c8dff;--color-accent-500: #397df6;--color-accent-700: #2f68cc;--color-accent-900: #234e99;--color-success-100: #80ffbf;--color-success-300: #22e584;--color-success-500: #14cc70;--color-success-700: #0f9954;--color-success-900: #0a6638;--color-danger-100: #ff8099;--color-danger-300: #f23d61;--color-danger-500: #cc1439;--color-danger-700: #990f2b;--color-danger-900: #660a1d;--color-warning-100: #ffd073;--color-warning-300: #e5ac39;--color-warning-500: #d99000;--color-warning-700: #960;--color-warning-900: #640;--color-dark-100: #4c4c4c;--color-dark-300: #333;--color-dark-400: #212121;--color-dark-500: #171717;--color-dark-700: #0d0d0d;--color-dark-900: #000;--color-light-100: #fff;--color-light-300: #f7fbff;--color-light-500: #edf3fa;--color-light-700: #d5dae0;--color-light-900: #8d9094}html{box-sizing:border-box;font-size:100%}*,*:before,*:after{box-sizing:border-box}body{font-family:Inter,sans-serif;font-size:16px}input,button,select,textarea,optgroup,option{font-weight:inherit;font-style:inherit;color:inherit}[data-simplebar] .simplebar-track.simplebar-vertical{width:14px;background:transparent}[data-simplebar] .simplebar-scrollbar:before{left:50%;transform:translate(-50%);width:4px;border-radius:3px;background:var(--color-dark-900)}[data-simplebar] .simplebar-scrollbar:hover:before{background:var(--color-light-900)}[data-simplebar] .simplebar-scrollbar.simplebar-visible:before{opacity:1}._wrapper_ck06d_1{display:flex;flex-direction:column;width:100%}._label_ck06d_7{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-900)}._label_ck06d_7._disabled_ck06d_14{color:var(--color-dark-100)}._inputContainer_ck06d_18{position:relative;display:flex;align-items:center;border:1px solid var(--color-dark-100);border-radius:2px;background-color:transparent}._input_ck06d_18{all:unset;box-sizing:border-box;width:100%;padding:10px 14px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-900)}._inputContainer_ck06d_18:has(:focus-visible) ._input_ck06d_18{color:var(--color-light-100)}._inputContainer_ck06d_18:has(:focus-visible){border-color:var(--color-light-100)}._inputContainer_ck06d_18._error_ck06d_51{border-color:var(--color-danger-500)}._inputContainer_ck06d_18._disabled_ck06d_14{border:1px solid var(--color-dark-100)}._inputContainer_ck06d_18._disabled_ck06d_14 ._input_ck06d_18{cursor:not-allowed;color:var(--color-dark-100)}._inputContainer_ck06d_18._withStartIcon_ck06d_64 ._input_ck06d_18{padding-left:40px}._inputContainer_ck06d_18._withEndIcon_ck06d_68 ._input_ck06d_18{padding-right:40px}._startIcon_ck06d_72,._endIcon_ck06d_73{position:absolute;display:flex;align-items:center;justify-content:center}._startIcon_ck06d_72{left:11px;color:var(--color-light-900)}._inputContainer_ck06d_18:focus-within ._startIcon_ck06d_72{color:var(--color-light-100)}._inputContainer_ck06d_18._disabled_ck06d_14 ._startIcon_ck06d_72{color:var(--color-dark-100)}._endIcon_ck06d_73{cursor:pointer;right:11px;padding:0;border:none;color:var(--color-light-100);background:none}._endIcon_ck06d_73:disabled{cursor:not-allowed;color:var(--color-dark-100)}._inputContainer_ck06d_18:focus-within ._endIcon_ck06d_73{color:var(--color-light-100)}._errorMessage_ck06d_115{font-size:16px;font-weight:400;line-height:171%;color:var(--color-danger-500)}._required_ck06d_122{color:var(--color-danger-500)}._wrapper_l023w_1{position:relative}._inputContainer_l023w_5{display:flex;flex-direction:column;min-width:255px}._label_l023w_11 span{color:var(--color-light-900)}._inputWrapper_l023w_15{cursor:pointer;position:relative;display:flex;align-items:center}._trigger_l023w_22{all:unset;width:100%;padding:6px 12px;border:1px solid var(--color-dark-100);border-radius:2px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-100);background:var(--color-dark-500)}._icon_l023w_38{pointer-events:none;position:absolute;right:12px;color:var(--color-light-100)}._icon_l023w_38._placeholder_l023w_45{color:var(--color-light-900)}._clearButton_l023w_49{all:unset;cursor:pointer;position:absolute;right:40px;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:2px;pointer-events:none;opacity:0;transition:background-color .2s ease,opacity .2s ease}._clearButton_l023w_49:hover{background-color:var(--color-dark-300)}._clearButton_l023w_49:focus-visible{outline:2px solid var(--color-accent-700);outline-offset:2px;pointer-events:auto;opacity:1}._inputWrapper_l023w_15:hover ._clearButton_l023w_49{pointer-events:auto;opacity:1}._clearIcon_l023w_89{pointer-events:none;width:16px;height:16px;color:var(--color-light-100)}._trigger_l023w_22:disabled{border-color:var(--color-dark-100);color:var(--color-dark-100)}._disabledLabel_l023w_101 span{color:var(--color-dark-100)}._trigger_l023w_22:focus-visible:not(:disabled){outline:2px solid var(--color-accent-700)}._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._trigger_l023w_22::placeholder{color:var(--color-dark-100)}._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._trigger_l023w_22{cursor:not-allowed}._inputWrapper_l023w_15:has(._trigger_l023w_22:focus-visible) ._icon_l023w_38{color:var(--color-light-100)}._error_l023w_123{color:var(--color-danger-500)}._trigger_l023w_22._error_l023w_123{border-color:var(--color-danger-500)}._inputWrapper_l023w_15:has(._trigger_l023w_22._error_l023w_123) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22._error_l023w_123) ._trigger_l023w_22::placeholder{color:var(--color-danger-500)}._inputWrapper_l023w_15:has(._trigger_l023w_22:hover:not(:disabled,._error_l023w_123)) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22:hover:not(:disabled,._error_l023w_123)){color:var(--color-light-100)}._calendar_l023w_141{pointer-events:none;position:absolute;z-index:1000;top:calc(100% + 8px);left:0;transform:translateY(-8px);padding:16px 24px;border:1px solid var(--color-dark-100);border-radius:2px;opacity:0;background:var(--color-dark-500);transition:all .2s ease}._calendar_l023w_141._open_l023w_160{pointer-events:auto;transform:translateY(0);opacity:1}._monthsCaption_l023w_166{display:flex;align-items:center;justify-content:center}._navButtonPrevious_l023w_172,._navButtonNext_l023w_173{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;position:absolute;background-color:var(--color-dark-100)}._navButtonPrevious_l023w_172{left:24px}._navButtonNext_l023w_173{right:24px}._navIcon_l023w_193{width:20px;height:20px;fill:var(--color-light-100)}._monthGrid_l023w_199{table-layout:fixed;border-spacing:0 10px;width:100%}._dropdowns_l023w_205{width:150px}._weekday_l023w_209{width:36px;padding:6px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-900);text-align:center}._day_l023w_220{width:36px;height:36px;padding:0;text-align:center}._dayButton_l023w_227{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:16px;font-weight:400;line-height:150%;text-align:center}._dayButton_l023w_227:hover{border-radius:50%;background-color:var(--color-accent-700)}._day_l023w_220 ._dayButton_l023w_227{color:var(--color-light-100)}._dayOutside_l023w_254 ._dayButton_l023w_227{color:var(--color-light-900)}._dayToday_l023w_258 ._dayButton_l023w_227{font-weight:700;color:var(--color-accent-500)}._daySelected_l023w_263 ._dayButton_l023w_227:hover,._dayRangeStart_l023w_264 ._dayButton_l023w_227:hover,._dayRangeEnd_l023w_265 ._dayButton_l023w_227:hover,._dayRangeMiddle_l023w_266 ._dayButton_l023w_227:hover{border-radius:inherit;background-color:inherit}._monthGrid_l023w_199 tr ._day_l023w_220:nth-child(6) ._dayButton_l023w_227,._monthGrid_l023w_199 tr ._day_l023w_220:nth-child(7) ._dayButton_l023w_227{color:var(--color-danger-300)}._dayRangeStart_l023w_264{border-radius:50% 0 0 50%}._dayRangeStart_l023w_264._dayRangeEnd_l023w_265{border-radius:50%}._dayRangeEnd_l023w_265{border-radius:0 50% 50% 0}._dayRangeStart_l023w_264,._dayRangeEnd_l023w_265,._dayRangeMiddle_l023w_266,._daySelected_l023w_263{background-color:var(--color-accent-900)}._daySelected_l023w_263:not(._dayRangeStart_l023w_264,._dayRangeEnd_l023w_265,._dayRangeMiddle_l023w_266){border-radius:50%}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}._container_15bt3_1{display:flex;flex-direction:column;width:100%}._label_15bt3_7{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-900)}._select_15bt3_14{position:relative;width:100%}._trigger_15bt3_19{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:36px;padding:8px 12px;border:1px solid var(--color-light-900);border-radius:2px;font-size:16px;line-height:150%;color:var(--color-light-100);background-color:transparent;transition:color .2s,background-color .2s}._triggerOpen_15bt3_46{border-color:var(--color-light-100);border-radius:2px 2px 0 0;background-color:var(--color-dark-300)}._trigger_15bt3_19:disabled{cursor:not-allowed;border-color:var(--color-dark-100);color:var(--color-dark-100)}._trigger_15bt3_19:focus-visible{padding:7px 11px;border:2px solid var(--color-accent-500)}._trigger_15bt3_19:hover:not(:disabled,._triggerOpen_15bt3_46){color:var(--color-light-900)}._placeholder_15bt3_67{color:var(--color-light-900)}._selectedContent_15bt3_71{overflow:hidden;display:flex;gap:8px;align-items:center;text-overflow:ellipsis;white-space:nowrap}._optionIcon_15bt3_81{display:inline-flex;flex-shrink:0;align-items:center}._arrow_15bt3_87{display:inline-flex;margin-left:24px;color:var(--color-light-100);transition:transform .4s}._trigger_15bt3_19:disabled ._arrow_15bt3_87{color:var(--color-dark-100)}._arrow_15bt3_87._open_15bt3_98{transform:rotate(180deg)}._dropdown_15bt3_102{position:absolute;z-index:1000;top:100%;left:0;box-sizing:border-box;width:100%;border:1px solid var(--color-light-100);border-top:none;border-radius:0 0 2px 2px;background-color:var(--color-dark-300);box-shadow:0 4px 8px #0003}._dropdown_15bt3_102 .simplebar-scrollbar:before{background:var(--color-light-900)}._option_15bt3_81{all:unset;cursor:pointer;display:flex;gap:8px;align-items:center;box-sizing:border-box;width:100%;padding:7px 12px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-100)}._option_15bt3_81:hover{color:var(--color-accent-500);background-color:var(--color-dark-100);transition:color .12s ease-out,background-color .16s cubic-bezier(.2,0,0,1)}._option_15bt3_81._selected_15bt3_71{color:var(--color-accent-500)}._option_15bt3_81:focus-visible{background-color:var(--color-dark-100);outline:2px solid var(--color-accent-500);outline-offset:-2px}
+@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";._alert_5jfpm_1{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;max-width:387px;padding:12px 24px;border-radius:2px;color:var(--color-light-100)}._content_5jfpm_15{display:flex;gap:5px;align-items:center}._error_5jfpm_22{border:1px solid var(--color-danger-500);background-color:var(--color-danger-900)}._success_5jfpm_28{border:1px solid var(--color-success-500);background-color:var(--color-success-900)}._closeButton_5jfpm_33{cursor:pointer;border:none;background:transparent}._message_5jfpm_39,._title_5jfpm_40{font-size:16px;font-weight:400;line-height:150%}._title_5jfpm_40{font-weight:700}._toastEnter_5jfpm_50{animation:_fade-in_5jfpm_1 .2s ease-out}._toastExit_5jfpm_54{animation:_fade-out_5jfpm_1 .2s ease-in forwards}@keyframes _fade-in_5jfpm_1{0%{opacity:0}to{opacity:1}}@keyframes _fade-out_5jfpm_1{0%{opacity:1}to{opacity:0}}._button_dqki1_1{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:6px 24px;border-radius:2px;font-weight:600;line-height:150%;transition:color .12s ease-out,background-color .18s cubic-bezier(.2,0,0,1)}._button_dqki1_1:disabled{cursor:not-allowed}._primary_dqki1_25{color:var(--color-light-100);background-color:var(--color-accent-500)}._primary_dqki1_25:active{color:var(--color-light-500);background-color:var(--color-accent-700)}._primary_dqki1_25:focus-visible{outline:2px solid var(--color-accent-700)}._primary_dqki1_25:disabled{color:var(--color-light-900);background-color:var(--color-accent-900)}._primary_dqki1_25:hover:not(:active,:focus-visible,:disabled){background-color:var(--color-accent-100)}._secondary_dqki1_48{color:var(--color-light-100);background-color:var(--color-dark-300)}._secondary_dqki1_48:active{color:var(--color-light-500);background-color:var(--color-dark-400)}._secondary_dqki1_48:focus-visible{outline:2px solid var(--color-accent-300)}._secondary_dqki1_48:disabled{color:var(--color-light-900);background-color:var(--color-dark-500)}._secondary_dqki1_48:hover:not(:active,:focus-visible,:disabled){background-color:var(--color-dark-100)}._outlined_dqki1_71{border:1px solid var(--color-accent-500);color:var(--color-accent-500);background-color:transparent}._outlined_dqki1_71:active{border-color:var(--color-accent-700);color:var(--color-accent-700)}._outlined_dqki1_71:focus-visible{border:2px solid var(--color-accent-700);color:var(--color-accent-700)}._outlined_dqki1_71:disabled{border-color:var(--color-accent-900);color:var(--color-accent-900)}._outlined_dqki1_71:hover:not(:active,:focus-visible,:disabled){border-color:var(--color-accent-100);color:var(--color-accent-100)}._text_dqki1_97{color:var(--color-accent-500)}._text_dqki1_97:active{color:var(--color-accent-700)}._text_dqki1_97:focus-visible{outline:2px solid var(--color-accent-700)}._text_dqki1_97:disabled{color:var(--color-accent-900)}._text_dqki1_97:hover:not(:active,:focus-visible,:disabled){color:var(--color-accent-100)}._icon_dqki1_117{display:inline-flex;align-items:center;margin-right:10px}._card_1ah7i_1{padding:16px;border:1px solid var(--color-dark-100);border-radius:2px;background-color:var(--color-dark-500)}._checkbox_1q28z_1{cursor:pointer;position:relative;display:inline-flex;gap:10px;align-items:center}._input_1q28z_11{position:absolute;opacity:0}._labelSpan_1q28z_16{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-100)}._control_1q28z_23{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-light-500);border-radius:4px}._input_1q28z_11:checked+._control_1q28z_23{background-color:var(--color-light-100)}._control_1q28z_23:before{content:"";position:absolute;z-index:-1;width:36px;height:36px;border-radius:50%;background-color:transparent;transition:background-color .15s ease}._control_1q28z_23:hover:before{background-color:var(--color-dark-100)}._input_1q28z_11:focus-visible+._control_1q28z_23:before{background-color:var(--color-dark-100)}._checkbox_1q28z_1:active ._control_1q28z_23:before{background-color:var(--color-dark-100)}._control_1q28z_23:after{content:"";position:absolute;top:50%;left:50%;transform-origin:left bottom;transform:translate(calc(-50% + 4px),-40%) rotate(-45deg);width:10px;height:6px;border-bottom:2px solid transparent;border-left:2px solid transparent}._input_1q28z_11:checked+._control_1q28z_23:after{border-color:var(--color-dark-900)}._input_1q28z_11:disabled+._control_1q28z_23{border-color:var(--color-dark-100)}._input_1q28z_11:disabled+._control_1q28z_23:before{background-color:transparent}._input_1q28z_11:disabled~._labelSpan_1q28z_16,._input_1q28z_11:disabled+._control_1q28z_23{cursor:not-allowed}._input_1q28z_11:disabled:checked+._control_1q28z_23{background-color:var(--color-dark-100)}._input_1q28z_11:disabled:checked+._control_1q28z_23:after{border-color:var(--color-light-700)}._input_1q28z_11:disabled~._labelSpan_1q28z_16{color:var(--color-light-900)}._checkbox_1q28z_1:has(._input_1q28z_11:disabled){cursor:not-allowed}._typography_11tbz_1{display:inline-flex;align-items:center;margin:0;color:var(--color-dark-900)}._icon_11tbz_8{display:inline-flex;align-items:center;margin-right:8px}._large_11tbz_14{font-size:26px;font-weight:600;line-height:138%}._h1_11tbz_20{font-size:20px;font-weight:700;line-height:180%}._h2_11tbz_26{font-size:18px;font-weight:700;line-height:133%}._h3_11tbz_32{font-size:16px;font-weight:600;line-height:150%}._text-16_11tbz_38{font-size:16px;font-weight:400;line-height:150%}._text-16-bold_11tbz_44{font-size:16px;font-weight:700;line-height:150%}._text-14_11tbz_50{font-size:14px;font-weight:400;line-height:171%}._text-14-bold_11tbz_56{font-size:14px;font-weight:700;line-height:171%}._text-14-medium_11tbz_62{font-size:14px;font-weight:500;line-height:171%}._small_11tbz_68{font-size:12px;font-weight:400;line-height:133%}._small-semibold_11tbz_74{font-size:12px;font-weight:600;line-height:133%}._link_11tbz_80{font-size:14px;font-weight:400;line-height:171%;color:var(--color-accent-500);text-decoration:underline;text-decoration-skip-ink:none}._small-link_11tbz_89{font-size:12px;font-weight:400;line-height:133%;color:var(--color-accent-500);text-decoration:underline;text-decoration-skip-ink:none}._label_ndvr9_1{margin-bottom:4px}._required_ndvr9_5{margin-left:4px;color:var(--color-danger-500)}._srOnly_ndvr9_10{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}._radio_10hqy_1{cursor:pointer;position:relative;display:inline-flex;gap:10px;align-items:center}._input_10hqy_12{position:absolute;opacity:0}._labelSpan_10hqy_18{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-100)}._control_10hqy_26{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-light-100);border-radius:50%}._control_10hqy_26:before{content:"";position:absolute;z-index:-1;width:36px;height:36px;border-radius:50%;background-color:transparent;transition:background-color .2s ease}._control_10hqy_26:hover:before{background-color:var(--color-dark-300)}._input_10hqy_12:focus-visible+._control_10hqy_26:before{background-color:var(--color-dark-500)}._radio_10hqy_1:active ._control_10hqy_26:before{background-color:var(--color-dark-100)}._control_10hqy_26:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:transparent}._input_10hqy_12:checked+._control_10hqy_26:after{background-color:var(--color-light-100)}._input_10hqy_12:disabled+._control_10hqy_26{border-color:var(--color-dark-100)}._input_10hqy_12:disabled+._control_10hqy_26:before{background-color:transparent}._input_10hqy_12:disabled:checked+._control_10hqy_26:after{background-color:var(--color-dark-100)}._input_10hqy_12:disabled~._labelSpan_10hqy_18{color:var(--color-light-900)}._input_10hqy_12:disabled~._labelSpan_10hqy_18,._input_10hqy_12:disabled+._control_10hqy_26,._input_10hqy_12:disabled~._control_10hqy_26{cursor:not-allowed}._radio_10hqy_1:has(._input_10hqy_12:disabled){cursor:not-allowed}._tab_78cv0_1{all:unset;cursor:pointer;width:100%;padding:6px 23px 4px;border-bottom:2px solid var(--color-dark-100);border-radius:0;font-size:16px;font-weight:600;line-height:150%;color:var(--color-dark-100);text-align:center;transition-duration:.2s;transition-property:background-color,color,border-color}._selected_78cv0_21{border-bottom-color:var(--color-accent-500);color:var(--color-accent-500)}._tab_78cv0_1:disabled{cursor:not-allowed;border-bottom-color:var(--color-dark-300);color:var(--color-dark-300)}._selected_78cv0_21:disabled{border-bottom-color:var(--color-accent-900);color:var(--color-accent-900)}._tab_78cv0_1:focus-visible{border-radius:2px;outline:2px solid var(--color-accent-700)}._tab_78cv0_1:active:not(:disabled){background-color:color-mix(in srgb,var(--color-accent-100) 15%,transparent)}._tab_78cv0_1:hover:not(:active,:focus-visible,:disabled){background-color:color-mix(in srgb,var(--color-accent-900) 15%,transparent)}._textareaWrapper_ahoiy_1{display:flex;flex-direction:column;width:100%}._label_ahoiy_7{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-900)}._label_ahoiy_7._disabled_ahoiy_14{color:var(--color-dark-100)}._textarea_ahoiy_1{resize:none;box-sizing:border-box;width:100%;padding:10px 14px;border:1px solid var(--color-dark-100);border-radius:2px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-900);background-color:transparent;outline:none}._textarea_ahoiy_1:disabled{cursor:not-allowed;color:var(--color-dark-100)}._textarea_ahoiy_1:focus-visible{border:1px solid var(--color-light-100);color:var(--color-light-100)}._errorState_ahoiy_46,._errorState_ahoiy_46:focus-visible{border:1px solid var(--color-danger-500);color:var(--color-light-100)}._errorMessage_ahoiy_52{font-size:16px;font-weight:400;line-height:171%;color:var(--color-danger-500)}._required_ahoiy_59{color:var(--color-danger-500)}html{line-height:1.15;text-size-adjust:100%}body{margin:0;padding:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{overflow:visible;box-sizing:content-box;height:0}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:auto}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{font:inherit;appearance:auto}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--color-accent-100: #73a5ff;--color-accent-300: #4c8dff;--color-accent-500: #397df6;--color-accent-700: #2f68cc;--color-accent-900: #234e99;--color-success-100: #80ffbf;--color-success-300: #22e584;--color-success-500: #14cc70;--color-success-700: #0f9954;--color-success-900: #0a6638;--color-danger-100: #ff8099;--color-danger-300: #f23d61;--color-danger-500: #cc1439;--color-danger-700: #990f2b;--color-danger-900: #660a1d;--color-warning-100: #ffd073;--color-warning-300: #e5ac39;--color-warning-500: #d99000;--color-warning-700: #960;--color-warning-900: #640;--color-dark-100: #4c4c4c;--color-dark-300: #333;--color-dark-400: #212121;--color-dark-500: #171717;--color-dark-700: #0d0d0d;--color-dark-900: #000;--color-light-100: #fff;--color-light-300: #f7fbff;--color-light-500: #edf3fa;--color-light-700: #d5dae0;--color-light-900: #8d9094}html{box-sizing:border-box;font-size:100%}*,*:before,*:after{box-sizing:border-box}body{font-family:Inter,sans-serif;font-size:16px}input,button,select,textarea,optgroup,option{font-weight:inherit;font-style:inherit;color:inherit}[data-simplebar] .simplebar-track.simplebar-vertical{width:14px;background:transparent}[data-simplebar] .simplebar-scrollbar:before{left:50%;transform:translate(-50%);width:4px;border-radius:3px;background:var(--color-dark-900)}[data-simplebar] .simplebar-scrollbar:hover:before{background:var(--color-light-900)}[data-simplebar] .simplebar-scrollbar.simplebar-visible:before{opacity:1}._wrapper_1i0po_1{display:flex;flex-direction:column;width:100%}._label_1i0po_7{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-900)}._label_1i0po_7._disabled_1i0po_14{color:var(--color-dark-100)}._inputContainer_1i0po_18{position:relative;display:flex;align-items:center;border:1px solid var(--color-dark-100);border-radius:2px;background-color:transparent}._input_1i0po_18{all:unset;box-sizing:border-box;width:100%;padding:10px 14px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-900)}._inputContainer_1i0po_18:has(:focus-visible) ._input_1i0po_18{color:var(--color-light-100)}._inputContainer_1i0po_18:has(:focus-visible){border-color:var(--color-light-100)}._inputContainer_1i0po_18._error_1i0po_51{border-color:var(--color-danger-500)}._inputContainer_1i0po_18._disabled_1i0po_14{border:1px solid var(--color-dark-100)}._inputContainer_1i0po_18._disabled_1i0po_14 ._input_1i0po_18{cursor:not-allowed;color:var(--color-dark-100)}._inputContainer_1i0po_18._withStartIcon_1i0po_64 ._input_1i0po_18{padding-left:40px}._inputContainer_1i0po_18._withEndIcon_1i0po_68 ._input_1i0po_18{padding-right:40px}._startIcon_1i0po_72,._endIcon_1i0po_73{position:absolute;display:flex;align-items:center;justify-content:center}._startIcon_1i0po_72{left:11px;color:var(--color-light-900)}._inputContainer_1i0po_18:focus-within ._startIcon_1i0po_72{color:var(--color-light-100)}._inputContainer_1i0po_18._disabled_1i0po_14 ._startIcon_1i0po_72{color:var(--color-dark-100)}._endIcon_1i0po_73{cursor:pointer;right:11px;padding:0;border:none;color:var(--color-light-100);background:none}._endIcon_1i0po_73:disabled{cursor:not-allowed;color:var(--color-dark-100)}._inputContainer_1i0po_18:focus-within ._endIcon_1i0po_73{color:var(--color-light-100)}._errorMessage_1i0po_115{font-size:14px;font-weight:400;line-height:171%;color:var(--color-danger-500)}._required_1i0po_122{color:var(--color-danger-500)}._wrapper_l023w_1{position:relative}._inputContainer_l023w_5{display:flex;flex-direction:column;min-width:255px}._label_l023w_11 span{color:var(--color-light-900)}._inputWrapper_l023w_15{cursor:pointer;position:relative;display:flex;align-items:center}._trigger_l023w_22{all:unset;width:100%;padding:6px 12px;border:1px solid var(--color-dark-100);border-radius:2px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-100);background:var(--color-dark-500)}._icon_l023w_38{pointer-events:none;position:absolute;right:12px;color:var(--color-light-100)}._icon_l023w_38._placeholder_l023w_45{color:var(--color-light-900)}._clearButton_l023w_49{all:unset;cursor:pointer;position:absolute;right:40px;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:2px;pointer-events:none;opacity:0;transition:background-color .2s ease,opacity .2s ease}._clearButton_l023w_49:hover{background-color:var(--color-dark-300)}._clearButton_l023w_49:focus-visible{outline:2px solid var(--color-accent-700);outline-offset:2px;pointer-events:auto;opacity:1}._inputWrapper_l023w_15:hover ._clearButton_l023w_49{pointer-events:auto;opacity:1}._clearIcon_l023w_89{pointer-events:none;width:16px;height:16px;color:var(--color-light-100)}._trigger_l023w_22:disabled{border-color:var(--color-dark-100);color:var(--color-dark-100)}._disabledLabel_l023w_101 span{color:var(--color-dark-100)}._trigger_l023w_22:focus-visible:not(:disabled){outline:2px solid var(--color-accent-700)}._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._trigger_l023w_22::placeholder{color:var(--color-dark-100)}._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22:disabled) ._trigger_l023w_22{cursor:not-allowed}._inputWrapper_l023w_15:has(._trigger_l023w_22:focus-visible) ._icon_l023w_38{color:var(--color-light-100)}._error_l023w_123{color:var(--color-danger-500)}._trigger_l023w_22._error_l023w_123{border-color:var(--color-danger-500)}._inputWrapper_l023w_15:has(._trigger_l023w_22._error_l023w_123) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22._error_l023w_123) ._trigger_l023w_22::placeholder{color:var(--color-danger-500)}._inputWrapper_l023w_15:has(._trigger_l023w_22:hover:not(:disabled,._error_l023w_123)) ._icon_l023w_38,._inputWrapper_l023w_15:has(._trigger_l023w_22:hover:not(:disabled,._error_l023w_123)){color:var(--color-light-100)}._calendar_l023w_141{pointer-events:none;position:absolute;z-index:1000;top:calc(100% + 8px);left:0;transform:translateY(-8px);padding:16px 24px;border:1px solid var(--color-dark-100);border-radius:2px;opacity:0;background:var(--color-dark-500);transition:all .2s ease}._calendar_l023w_141._open_l023w_160{pointer-events:auto;transform:translateY(0);opacity:1}._monthsCaption_l023w_166{display:flex;align-items:center;justify-content:center}._navButtonPrevious_l023w_172,._navButtonNext_l023w_173{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;position:absolute;background-color:var(--color-dark-100)}._navButtonPrevious_l023w_172{left:24px}._navButtonNext_l023w_173{right:24px}._navIcon_l023w_193{width:20px;height:20px;fill:var(--color-light-100)}._monthGrid_l023w_199{table-layout:fixed;border-spacing:0 10px;width:100%}._dropdowns_l023w_205{width:150px}._weekday_l023w_209{width:36px;padding:6px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-900);text-align:center}._day_l023w_220{width:36px;height:36px;padding:0;text-align:center}._dayButton_l023w_227{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:16px;font-weight:400;line-height:150%;text-align:center}._dayButton_l023w_227:hover{border-radius:50%;background-color:var(--color-accent-700)}._day_l023w_220 ._dayButton_l023w_227{color:var(--color-light-100)}._dayOutside_l023w_254 ._dayButton_l023w_227{color:var(--color-light-900)}._dayToday_l023w_258 ._dayButton_l023w_227{font-weight:700;color:var(--color-accent-500)}._daySelected_l023w_263 ._dayButton_l023w_227:hover,._dayRangeStart_l023w_264 ._dayButton_l023w_227:hover,._dayRangeEnd_l023w_265 ._dayButton_l023w_227:hover,._dayRangeMiddle_l023w_266 ._dayButton_l023w_227:hover{border-radius:inherit;background-color:inherit}._monthGrid_l023w_199 tr ._day_l023w_220:nth-child(6) ._dayButton_l023w_227,._monthGrid_l023w_199 tr ._day_l023w_220:nth-child(7) ._dayButton_l023w_227{color:var(--color-danger-300)}._dayRangeStart_l023w_264{border-radius:50% 0 0 50%}._dayRangeStart_l023w_264._dayRangeEnd_l023w_265{border-radius:50%}._dayRangeEnd_l023w_265{border-radius:0 50% 50% 0}._dayRangeStart_l023w_264,._dayRangeEnd_l023w_265,._dayRangeMiddle_l023w_266,._daySelected_l023w_263{background-color:var(--color-accent-900)}._daySelected_l023w_263:not(._dayRangeStart_l023w_264,._dayRangeEnd_l023w_265,._dayRangeMiddle_l023w_266){border-radius:50%}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}._container_15bt3_1{display:flex;flex-direction:column;width:100%}._label_15bt3_7{font-size:14px;font-weight:400;line-height:171%;color:var(--color-light-900)}._select_15bt3_14{position:relative;width:100%}._trigger_15bt3_19{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:36px;padding:8px 12px;border:1px solid var(--color-light-900);border-radius:2px;font-size:16px;line-height:150%;color:var(--color-light-100);background-color:transparent;transition:color .2s,background-color .2s}._triggerOpen_15bt3_46{border-color:var(--color-light-100);border-radius:2px 2px 0 0;background-color:var(--color-dark-300)}._trigger_15bt3_19:disabled{cursor:not-allowed;border-color:var(--color-dark-100);color:var(--color-dark-100)}._trigger_15bt3_19:focus-visible{padding:7px 11px;border:2px solid var(--color-accent-500)}._trigger_15bt3_19:hover:not(:disabled,._triggerOpen_15bt3_46){color:var(--color-light-900)}._placeholder_15bt3_67{color:var(--color-light-900)}._selectedContent_15bt3_71{overflow:hidden;display:flex;gap:8px;align-items:center;text-overflow:ellipsis;white-space:nowrap}._optionIcon_15bt3_81{display:inline-flex;flex-shrink:0;align-items:center}._arrow_15bt3_87{display:inline-flex;margin-left:24px;color:var(--color-light-100);transition:transform .4s}._trigger_15bt3_19:disabled ._arrow_15bt3_87{color:var(--color-dark-100)}._arrow_15bt3_87._open_15bt3_98{transform:rotate(180deg)}._dropdown_15bt3_102{position:absolute;z-index:1000;top:100%;left:0;box-sizing:border-box;width:100%;border:1px solid var(--color-light-100);border-top:none;border-radius:0 0 2px 2px;background-color:var(--color-dark-300);box-shadow:0 4px 8px #0003}._dropdown_15bt3_102 .simplebar-scrollbar:before{background:var(--color-light-900)}._option_15bt3_81{all:unset;cursor:pointer;display:flex;gap:8px;align-items:center;box-sizing:border-box;width:100%;padding:7px 12px;font-size:16px;font-weight:400;line-height:150%;color:var(--color-light-100)}._option_15bt3_81:hover{color:var(--color-accent-500);background-color:var(--color-dark-100);transition:color .12s ease-out,background-color .16s cubic-bezier(.2,0,0,1)}._option_15bt3_81._selected_15bt3_71{color:var(--color-accent-500)}._option_15bt3_81:focus-visible{background-color:var(--color-dark-100);outline:2px solid var(--color-accent-500);outline-offset:-2px}._overlay_1botz_1{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0009;animation:_fade-in_1botz_1 .2s ease}._modal_1botz_15{display:flex;flex-direction:column;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);border:1px solid var(--color-dark-100);border-radius:2px;background-color:var(--color-dark-300);animation:_modal-fade-in_1botz_1 .2s ease}._header_1botz_29{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-dark-100)}._title_1botz_39{flex:1;min-width:0;margin:0;font-size:20px;font-weight:700;line-height:36px;color:var(--color-light-100);overflow-wrap:anywhere}._close_1botz_52{cursor:pointer;display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:none;color:var(--color-light-100);background:none;transition:transform .15s ease,color .15s ease}._close_1botz_52:hover,._close_1botz_52:focus-visible{transform:scale(1.1);color:var(--color-light-900);outline:none}._body_1botz_79{overflow:auto;padding:16px}@keyframes _modal-fade-in_1botz_1{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes _fade-in_1botz_1{0%{opacity:0}to{opacity:1}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "snapflow-ui-kit",
   "private": false,
-  "version": "1.1.1",
+  "version": "1.1.2",
   "type": "module",
   "packageManager": "pnpm@10.28.2",
   "main": "dist/index.js",