snapflow-ui-kit 0.0.5 → 1.0.1

package/dist/index.js

@@ -1,144 +1,638 @@
-import { clsx as i } from "clsx";
-import { clsx as ye } from "clsx";
-import v from "simplebar-react";
-import { default as ve } from "simplebar-react";
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useState as S, useRef as w, useEffect as q } from "react";
-import { A as C } from "./ArrowDownIcon-XyCc_cD9.js";
-const O = "_button_dqki1_1", $ = "_primary_dqki1_25", I = "_secondary_dqki1_48", B = "_outlined_dqki1_71", E = "_text_dqki1_97", L = "_icon_dqki1_117", g = {
-  button: O,
-  primary: $,
-  secondary: I,
-  outlined: B,
-  text: E,
-  icon: L
-}, be = (s) => {
-  const { className: r, variant: c = "primary", asLink: l, icon: o, ...p } = s, d = i(g.button, g[c], r);
-  if (l) {
-    const { children: u, ...b } = p;
-    return /* @__PURE__ */ a("a", { className: d, ...b, children: [
-      o && /* @__PURE__ */ e("span", { className: g.icon, children: o }),
-      u
+import D, { clsx as m } from "clsx";
+import { clsx as Pn } from "clsx";
+import nt from "simplebar-react";
+import { default as zn } from "simplebar-react";
+import { jsxs as d, jsx as a, Fragment as ot } from "react/jsx-runtime";
+import { E as at, a as st, C as J, A as rt, b as ct } from "./CloseIcon-BASungOx.js";
+import { forwardRef as K, useId as Q, useState as j, useEffect as G, useMemo as F, useRef as U } from "react";
+import { DayPicker as H } from "react-day-picker";
+import { parse as q, isValid as O, format as P } from "date-fns";
+import { toast as T } from "react-hot-toast";
+const lt = "_button_dqki1_1", it = "_primary_dqki1_25", dt = "_secondary_dqki1_48", _t = "_outlined_dqki1_71", pt = "_text_dqki1_97", mt = "_icon_dqki1_117", M = {
+  button: lt,
+  primary: it,
+  secondary: dt,
+  outlined: _t,
+  text: pt,
+  icon: mt
+}, xn = (t) => {
+  const { as: e = "button", className: n, variant: o = "primary", icon: s, ...r } = t, l = m(M.button, M[o], n), { children: i, ...p } = r;
+  return /* @__PURE__ */ d(e, { className: l, ...p, children: [
+    s && /* @__PURE__ */ a("span", { className: M.icon, children: s }),
+    i
+  ] });
+}, ut = "_wrapper_ck06d_1", ht = "_label_ck06d_7", bt = "_disabled_ck06d_14", ft = "_inputContainer_ck06d_18", yt = "_input_ck06d_18", wt = "_error_ck06d_51", gt = "_withStartIcon_ck06d_64", Nt = "_withEndIcon_ck06d_68", vt = "_startIcon_ck06d_72", xt = "_endIcon_ck06d_73", kt = "_errorMessage_ck06d_115", Ct = "_required_ck06d_122", u = {
+  wrapper: ut,
+  label: ht,
+  disabled: bt,
+  inputContainer: ft,
+  input: yt,
+  error: wt,
+  withStartIcon: gt,
+  withEndIcon: Nt,
+  startIcon: vt,
+  endIcon: xt,
+  errorMessage: kt,
+  required: Ct
+}, It = K(
+  ({
+    label: t,
+    errorMessage: e,
+    startIcon: n,
+    endIcon: o,
+    onEndIconClick: s,
+    allowPasswordToggle: r,
+    disabled: l,
+    type: i = "text",
+    className: p,
+    required: f,
+    id: y,
+    ...b
+  }, N) => {
+    const w = Q(), _ = y ?? w, C = e ? `${_}-error` : void 0, S = !!e, I = i === "password" && r, [x, E] = j(!1);
+    return /* @__PURE__ */ d("div", { className: m(u.wrapper, p), children: [
+      t && /* @__PURE__ */ d("label", { htmlFor: _, className: m(u.label, { [u.disabled]: l }), children: [
+        t,
+        f && /* @__PURE__ */ a("sup", { className: u.required, children: " *" })
+      ] }),
+      /* @__PURE__ */ d(
+        "div",
+        {
+          className: m(u.inputContainer, {
+            [u.error]: S,
+            [u.disabled]: l,
+            [u.withStartIcon]: !!n,
+            [u.withEndIcon]: !!o || I
+          }),
+          children: [
+            n && /* @__PURE__ */ a("span", { className: u.startIcon, children: n }),
+            /* @__PURE__ */ a(
+              "input",
+              {
+                ref: N,
+                id: _,
+                className: u.input,
+                type: I && x ? "text" : i,
+                autoComplete: i === "password" ? "current-password" : "off",
+                required: f,
+                disabled: l,
+                "aria-invalid": S,
+                "aria-describedby": C,
+                ...b
+              }
+            ),
+            I && /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                className: u.endIcon,
+                onClick: () => E((v) => !v),
+                "aria-label": x ? "Hide password" : "Show password",
+                disabled: l,
+                tabIndex: -1,
+                children: x ? /* @__PURE__ */ a(at, {}) : /* @__PURE__ */ a(st, {})
+              }
+            ),
+            o && !I && /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                className: u.endIcon,
+                onClick: s,
+                "aria-label": "Action",
+                disabled: l,
+                children: o
+              }
+            )
+          ]
+        }
+      ),
+      S && /* @__PURE__ */ a("span", { id: C, className: u.errorMessage, role: "alert", children: e })
     ] });
   }
-  const { children: m, ..._ } = p;
-  return /* @__PURE__ */ a("button", { className: d, ..._, children: [
-    o && /* @__PURE__ */ e("span", { className: g.icon, children: o }),
-    m
-  ] });
-}, R = "_checkbox_1q28z_1", j = "_input_1q28z_11", A = "_labelSpan_1q28z_16", P = "_control_1q28z_23", z = {
-  checkbox: R,
-  input: j,
-  labelSpan: A,
-  control: P
-}, he = ({ children: s, className: r, checked: c, onChange: l, ...o }) => /* @__PURE__ */ a("label", { className: i(z.checkbox, r), children: [
-  /* @__PURE__ */ e("input", { type: "checkbox", className: z.input, checked: c, onChange: l, ...o }),
-  /* @__PURE__ */ e("span", { className: z.control }),
-  s && /* @__PURE__ */ e("span", { className: z.labelSpan, children: s })
-] }), T = "_radio_yk69v_1", D = "_input_yk69v_12", H = "_labelSpan_yk69v_18", F = "_control_yk69v_26", x = {
-  radio: T,
-  input: D,
-  labelSpan: H,
-  control: F
-}, ge = ({ children: s, className: r, checked: c, onChange: l, ...o }) => /* @__PURE__ */ a("label", { className: i(x.radio, r), children: [
-  /* @__PURE__ */ e("input", { type: "radio", className: x.input, checked: c, onChange: l, ...o }),
-  /* @__PURE__ */ e("span", { className: x.control }),
-  s && /* @__PURE__ */ e("span", { className: x.labelSpan, children: s })
-] }), G = "_container_zuge2_1", J = "_label_zuge2_7", K = "_select_zuge2_14", M = "_trigger_zuge2_19", Q = "_triggerOpen_zuge2_46", U = "_placeholder_zuge2_67", V = "_selectedContent_zuge2_71", W = "_optionIcon_zuge2_81", X = "_arrow_zuge2_87", Y = "_open_zuge2_98", Z = "_dropdown_zuge2_102", ee = "_option_zuge2_81", te = "_selected_zuge2_71", n = {
-  container: G,
-  label: J,
-  select: K,
-  trigger: M,
-  triggerOpen: Q,
-  placeholder: U,
-  selectedContent: V,
-  optionIcon: W,
-  arrow: X,
-  open: Y,
-  dropdown: Z,
-  option: ee,
+);
+It.displayName = "Input";
+const St = "_textareaWrapper_ahoiy_1", Dt = "_label_ahoiy_7", Et = "_disabled_ahoiy_14", $t = "_textarea_ahoiy_1", Bt = "_errorState_ahoiy_46", qt = "_errorMessage_ahoiy_52", Ot = "_required_ahoiy_59", k = {
+  textareaWrapper: St,
+  label: Dt,
+  disabled: Et,
+  textarea: $t,
+  errorState: Bt,
+  errorMessage: qt,
+  required: Ot
+}, Pt = K(
+  ({ label: t, errorMessage: e, id: n, className: o, disabled: s, minHeight: r = 84, required: l, ...i }, p) => {
+    const f = Q(), y = n ?? f, b = e ? `${y}-error` : void 0;
+    return /* @__PURE__ */ d("div", { className: m(k.textareaWrapper, o), children: [
+      t && /* @__PURE__ */ d("label", { htmlFor: y, className: m(k.label, { [k.disabled]: s }), children: [
+        t,
+        l && /* @__PURE__ */ a("sup", { className: k.required, children: " *" })
+      ] }),
+      /* @__PURE__ */ a(
+        "textarea",
+        {
+          ref: p,
+          id: y,
+          className: m(k.textarea, { [k.errorState]: !!e }),
+          "aria-invalid": !!e,
+          "aria-describedby": b,
+          required: l,
+          disabled: s,
+          style: { minHeight: r },
+          ...i
+        }
+      ),
+      e && /* @__PURE__ */ a("span", { id: b, role: "alert", className: k.errorMessage, children: e })
+    ] });
+  }
+);
+Pt.displayName = "Textarea";
+const Rt = "_alert_5jfpm_1", zt = "_content_5jfpm_15", Tt = "_error_5jfpm_22", jt = "_success_5jfpm_28", Mt = "_closeButton_5jfpm_33", Lt = "_message_5jfpm_39", At = "_title_5jfpm_40", Wt = "_toastEnter_5jfpm_50", Ft = "_toastExit_5jfpm_54", g = {
+  alert: Rt,
+  content: zt,
+  error: Tt,
+  success: jt,
+  closeButton: Mt,
+  message: Lt,
+  title: At,
+  toastEnter: Wt,
+  "fade-in": "_fade-in_5jfpm_1",
+  toastExit: Ft,
+  "fade-out": "_fade-out_5jfpm_1"
+}, X = ({
+  variant: t = "error",
+  title: e,
+  message: n,
+  className: o,
+  onClose: s
+}) => /* @__PURE__ */ d("div", { className: D(g.alert, g[t], o), role: "alert", children: [
+  /* @__PURE__ */ d("div", { className: g.content, children: [
+    e && /* @__PURE__ */ a("div", { className: g.title, children: e }),
+    /* @__PURE__ */ a("div", { className: g.message, children: n })
+  ] }),
+  s && /* @__PURE__ */ a("button", { type: "button", className: g.closeButton, onClick: s, "aria-label": "Close alert", children: /* @__PURE__ */ a(J, {}) })
+] }), kn = (t) => {
+  T.custom((e) => /* @__PURE__ */ a(
+    X,
+    {
+      variant: "success",
+      message: t,
+      className: e.visible ? g.toastEnter : g.toastExit,
+      onClose: () => T.dismiss(e.id)
+    }
+  ));
+}, Cn = (t, e = "Error!") => {
+  T.custom((n) => /* @__PURE__ */ a(
+    X,
+    {
+      variant: "error",
+      title: e,
+      message: t,
+      className: n.visible ? g.toastEnter : g.toastExit,
+      onClose: () => T.dismiss(n.id)
+    }
+  ));
+}, Vt = "_card_1ah7i_1", Gt = {
+  card: Vt
+}, In = ({ className: t, children: e, ...n }) => /* @__PURE__ */ a("div", { className: m(Gt.card, t), ...n, children: e }), Ht = "_checkbox_1q28z_1", Yt = "_input_1q28z_11", Jt = "_labelSpan_1q28z_16", Kt = "_control_1q28z_23", $ = {
+  checkbox: Ht,
+  input: Yt,
+  labelSpan: Jt,
+  control: Kt
+}, Sn = ({ children: t, className: e, checked: n, onChange: o, ...s }) => /* @__PURE__ */ d("label", { className: m($.checkbox, e), children: [
+  /* @__PURE__ */ a("input", { type: "checkbox", className: $.input, checked: n, onChange: o, ...s }),
+  /* @__PURE__ */ a("span", { className: $.control }),
+  t && /* @__PURE__ */ a("span", { className: $.labelSpan, children: t })
+] }), Qt = "_label_ndvr9_1", Ut = "_required_ndvr9_5", Xt = "_srOnly_ndvr9_10", L = {
+  label: Qt,
+  required: Ut,
+  srOnly: Xt
+}, Dn = ({
+  text: t,
+  textVariant: e = "text-14-medium",
+  required: n = !1,
+  color: o,
+  className: s,
+  htmlFor: r,
+  ...l
+}) => /* @__PURE__ */ d(
+  V,
+  {
+    as: "label",
+    variant: e,
+    className: D(L.label, s),
+    htmlFor: r,
+    style: o ? { color: o } : void 0,
+    ...l,
+    children: [
+      t,
+      n && /* @__PURE__ */ d(ot, { children: [
+        /* @__PURE__ */ a("span", { className: L.required, "aria-hidden": "true", children: "*" }),
+        /* @__PURE__ */ a("span", { className: L.srOnly, children: " (required)" })
+      ] })
+    ]
+  }
+), Zt = "_tab_78cv0_1", te = "_selected_78cv0_21", A = {
+  tab: Zt,
   selected: te
-}, ze = (s) => {
-  const { className: r, disabled: c = !1, label: l, onChange: o, options: p, placeholder: d, value: m } = s, [_, u] = S(!1), b = w(null), h = p.find((t) => t.value === m), k = () => {
-    c || u(!_);
-  }, y = (t) => {
-    o?.(t), u(!1);
+}, En = (t) => {
+  const { children: e, selected: n = !1, className: o, disabled: s = !1, ...r } = t, l = m(A.tab, n && A.selected, s && A.disabled, o);
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      type: "button",
+      role: "tab",
+      className: l,
+      disabled: s,
+      tabIndex: s ? -1 : 0,
+      "aria-selected": n,
+      "aria-disabled": s,
+      ...r,
+      children: e
+    }
+  );
+}, ee = "_radio_10hqy_1", ne = "_input_10hqy_12", oe = "_labelSpan_10hqy_18", ae = "_control_10hqy_26", B = {
+  radio: ee,
+  input: ne,
+  labelSpan: oe,
+  control: ae
+}, $n = ({ children: t, className: e, checked: n, onChange: o, ...s }) => /* @__PURE__ */ d("label", { className: m(B.radio, e), children: [
+  /* @__PURE__ */ a("input", { type: "radio", className: B.input, checked: n, onChange: o, ...s }),
+  /* @__PURE__ */ a("span", { className: B.control }),
+  t && /* @__PURE__ */ a("span", { className: B.labelSpan, children: t })
+] }), se = "_typography_11tbz_1", re = "_icon_11tbz_8", ce = "_large_11tbz_14", le = "_h1_11tbz_20", ie = "_h2_11tbz_26", de = "_h3_11tbz_32", _e = "_small_11tbz_68", pe = "_link_11tbz_80", W = {
+  typography: se,
+  icon: re,
+  large: ce,
+  h1: le,
+  h2: ie,
+  h3: de,
+  "text-16": "_text-16_11tbz_38",
+  "text-16-bold": "_text-16-bold_11tbz_44",
+  "text-14": "_text-14_11tbz_50",
+  "text-14-bold": "_text-14-bold_11tbz_56",
+  "text-14-medium": "_text-14-medium_11tbz_62",
+  small: _e,
+  "small-semibold": "_small-semibold_11tbz_74",
+  link: pe,
+  "small-link": "_small-link_11tbz_89"
+}, V = (t) => {
+  const { as: e = "span", children: n, className: o, icon: s, variant: r, ...l } = t;
+  return /* @__PURE__ */ d(e, { className: m(W.typography, W[r], o), ...l, children: [
+    s && /* @__PURE__ */ a("span", { className: W.icon, children: s }),
+    n
+  ] });
+}, me = "_wrapper_l023w_1", ue = "_inputContainer_l023w_5", he = "_label_l023w_11", be = "_inputWrapper_l023w_15", fe = "_trigger_l023w_22", ye = "_icon_l023w_38", we = "_placeholder_l023w_45", ge = "_clearButton_l023w_49", Ne = "_clearIcon_l023w_89", ve = "_disabledLabel_l023w_101", xe = "_error_l023w_123", ke = "_calendar_l023w_141", Ce = "_open_l023w_160", Ie = "_monthsCaption_l023w_166", Se = "_navButtonPrevious_l023w_172", De = "_navButtonNext_l023w_173", Ee = "_navIcon_l023w_193", $e = "_monthGrid_l023w_199", Be = "_dropdowns_l023w_205", qe = "_weekday_l023w_209", Oe = "_day_l023w_220", Pe = "_dayButton_l023w_227", Re = "_dayOutside_l023w_254", ze = "_dayToday_l023w_258", Te = "_daySelected_l023w_263", je = "_dayRangeStart_l023w_264", Me = "_dayRangeEnd_l023w_265", Le = "_dayRangeMiddle_l023w_266", c = {
+  wrapper: me,
+  inputContainer: ue,
+  label: he,
+  inputWrapper: be,
+  trigger: fe,
+  icon: ye,
+  placeholder: we,
+  clearButton: ge,
+  clearIcon: Ne,
+  disabledLabel: ve,
+  error: xe,
+  calendar: ke,
+  open: Ce,
+  monthsCaption: Ie,
+  navButtonPrevious: Se,
+  navButtonNext: De,
+  navIcon: Ee,
+  monthGrid: $e,
+  dropdowns: Be,
+  weekday: qe,
+  day: Oe,
+  dayButton: Pe,
+  dayOutside: Re,
+  dayToday: ze,
+  daySelected: Te,
+  dayRangeStart: je,
+  dayRangeEnd: Me,
+  dayRangeMiddle: Le
+}, Ae = ({
+  ref: t,
+  isOpen: e,
+  onDismiss: n
+}) => {
+  G(() => {
+    if (!e) return;
+    const o = (r) => {
+      t.current && !t.current.contains(r.target) && n();
+    }, s = (r) => {
+      r.key === "Escape" && n();
+    };
+    return document.addEventListener("mousedown", o), document.addEventListener("touchstart", o), document.addEventListener("keydown", s), () => {
+      document.removeEventListener("mousedown", o), document.removeEventListener("touchstart", o), document.removeEventListener("keydown", s);
+    };
+  }, [e, n, t]);
+}, R = "dd.MM.yyyy", We = (t) => {
+  if (!t) return;
+  const e = q(t, R, /* @__PURE__ */ new Date());
+  return O(e) ? e : void 0;
+}, Fe = (t) => {
+  if (!t) return;
+  const e = " - ", n = t.indexOf(e);
+  if (n === -1) {
+    const i = q(t.trim(), R, /* @__PURE__ */ new Date());
+    return O(i) ? { from: i, to: void 0 } : void 0;
+  }
+  const o = t.substring(0, n).trim(), s = t.substring(n + e.length).trim();
+  if (!o || !s) return;
+  const r = q(o, R, /* @__PURE__ */ new Date()), l = q(s, R, /* @__PURE__ */ new Date());
+  if (O(r) && O(l))
+    return { from: r, to: l };
+}, Z = (t, e) => {
+  if (t)
+    return e === "single" ? We(t) : Fe(t);
+}, Ve = (t, e) => {
+  const [n, o] = j(/* @__PURE__ */ new Date());
+  return {
+    month: F(() => {
+      const l = Z(t, e);
+      if (!l) return n;
+      if (e === "single" && l instanceof Date)
+        return l;
+      if (e === "range" && typeof l == "object" && "from" in l) {
+        const i = l;
+        if (i.from)
+          return i.from;
+        if (i.to)
+          return i.to;
+      }
+      return n;
+    }, [t, e, n]),
+    setMonth: (l) => {
+      o(l);
+    }
+  };
+}, Ge = "_container_15bt3_1", He = "_label_15bt3_7", Ye = "_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", tn = "_open_15bt3_98", en = "_dropdown_15bt3_102", nn = "_option_15bt3_81", on = "_selected_15bt3_71", h = {
+  container: Ge,
+  label: He,
+  select: Ye,
+  trigger: Je,
+  triggerOpen: Ke,
+  placeholder: Qe,
+  selectedContent: Ue,
+  optionIcon: Xe,
+  arrow: Ze,
+  open: tn,
+  dropdown: en,
+  option: nn,
+  selected: on
+}, an = (t) => {
+  const { className: e, disabled: n = !1, label: o, onChange: s, options: r, placeholder: l, value: i } = t, [p, f] = j(!1), y = U(null), b = r.find((_) => _.value === i), N = () => {
+    n || f(!p);
+  }, w = (_) => {
+    s?.(_), f(!1);
   };
-  return q(() => {
-    const t = (f) => {
-      b.current && !b.current.contains(f.target) && u(!1);
+  return G(() => {
+    const _ = (C) => {
+      y.current && !y.current.contains(C.target) && f(!1);
     };
-    return _ && document.addEventListener("mousedown", t), () => {
-      document.removeEventListener("mousedown", t);
+    return p && document.addEventListener("mousedown", _), () => {
+      document.removeEventListener("mousedown", _);
     };
-  }, [_]), /* @__PURE__ */ a("div", { className: i(n.container, r), children: [
-    l && /* @__PURE__ */ e("label", { className: n.label, children: l }),
-    /* @__PURE__ */ a("div", { className: n.select, ref: b, children: [
-      /* @__PURE__ */ a(
+  }, [p]), /* @__PURE__ */ d("div", { className: m(h.container, e), children: [
+    o && /* @__PURE__ */ a("label", { className: h.label, children: o }),
+    /* @__PURE__ */ d("div", { className: h.select, ref: y, children: [
+      /* @__PURE__ */ d(
         "button",
         {
-          className: i(n.trigger, _ && n.triggerOpen),
-          disabled: c,
-          onClick: k,
+          className: m(h.trigger, p && h.triggerOpen),
+          disabled: n,
+          onClick: N,
           type: "button",
           "aria-haspopup": "listbox",
-          "aria-expanded": _,
+          "aria-expanded": p,
           children: [
-            /* @__PURE__ */ a("span", { className: h ? n.selectedContent : n.placeholder, children: [
-              h?.icon && /* @__PURE__ */ e("span", { className: n.optionIcon, children: h.icon }),
-              h ? h.label : d || "Select an option"
+            /* @__PURE__ */ d("span", { className: b ? h.selectedContent : h.placeholder, children: [
+              b?.icon && /* @__PURE__ */ a("span", { className: h.optionIcon, children: b.icon }),
+              b ? b.label : l || "Select an option"
             ] }),
-            /* @__PURE__ */ e("span", { className: i(n.arrow, _ && n.open), children: /* @__PURE__ */ e(C, {}) })
+            /* @__PURE__ */ a("span", { className: m(h.arrow, p && h.open), children: /* @__PURE__ */ a(rt, {}) })
           ]
         }
       ),
-      _ && /* @__PURE__ */ e(v, { className: n.dropdown, role: "listbox", style: { maxHeight: 191 }, children: p.map((t) => /* @__PURE__ */ a(
+      p && /* @__PURE__ */ a(nt, { className: h.dropdown, role: "listbox", style: { maxHeight: 191 }, children: r.map((_) => /* @__PURE__ */ d(
         "button",
         {
-          className: i(n.option, t.value === m && n.selected),
-          onClick: () => y(t.value),
+          className: m(h.option, _.value === i && h.selected),
+          onClick: () => w(_.value),
           type: "button",
           role: "option",
-          "aria-selected": t.value === m,
+          "aria-selected": _.value === i,
           children: [
-            t.icon && /* @__PURE__ */ e("span", { className: n.optionIcon, children: t.icon }),
-            t.label
+            _.icon && /* @__PURE__ */ a("span", { className: h.optionIcon, children: _.icon }),
+            _.label
           ]
         },
-        t.value
+        _.value
       )) })
     ] })
   ] });
-}, ne = "_typography_11tbz_1", oe = "_icon_11tbz_8", se = "_large_11tbz_14", ce = "_h1_11tbz_20", le = "_h2_11tbz_26", ae = "_h3_11tbz_32", re = "_small_11tbz_68", _e = "_link_11tbz_80", N = {
-  typography: ne,
-  icon: oe,
-  large: se,
-  h1: ce,
-  h2: le,
-  h3: ae,
-  "text-16": "_text-16_11tbz_38",
-  "text-16-bold": "_text-16-bold_11tbz_44",
-  "text-14": "_text-14_11tbz_50",
-  "text-14-bold": "_text-14-bold_11tbz_56",
-  "text-14-medium": "_text-14-medium_11tbz_62",
-  small: re,
-  "small-semibold": "_small-semibold_11tbz_74",
-  link: _e,
-  "small-link": "_small-link_11tbz_89"
-}, xe = (s) => {
-  const { as: r = "span", children: c, className: l, icon: o, variant: p, ...d } = s;
-  return /* @__PURE__ */ a(r, { className: i(N.typography, N[p], l), ...d, children: [
-    o && /* @__PURE__ */ e("span", { className: N.icon, children: o }),
-    c
+}, tt = (t) => {
+  const e = (o) => {
+    if (t.onChange) {
+      const s = {
+        target: {
+          value: o
+        }
+      };
+      t.onChange(s);
+    }
+  }, n = t.options?.map((o) => ({
+    value: o.value.toString(),
+    label: o.label
+  })) || [];
+  return /* @__PURE__ */ a(
+    an,
+    {
+      className: t.className,
+      options: n,
+      value: t.value?.toString() || "",
+      onChange: e
+    }
+  );
+};
+tt.displayName = "DatePickerDropdown";
+const sn = {
+  month_caption: c.monthsCaption,
+  button_previous: c.navButtonPrevious,
+  button_next: c.navButtonNext,
+  chevron: c.navIcon,
+  caption_label: c.captionLabel,
+  dropdowns: c.dropdowns,
+  dropdown_root: c.dropdown_root,
+  dropdown: c.dropdown,
+  dropdown_select_option: c.option,
+  months_dropdown: c.monthsDropdown,
+  years_dropdown: c.yearsDropdown,
+  month_grid: c.monthGrid,
+  weekday: c.weekday,
+  day_button: c.dayButton,
+  day: c.day,
+  outside: c.dayOutside,
+  selected: c.daySelected,
+  range_start: c.dayRangeStart,
+  range_middle: c.dayRangeMiddle,
+  range_end: c.dayRangeEnd,
+  today: c.dayToday
+}, rn = {
+  Dropdown: tt
+}, cn = {
+  weekStartsOn: 1,
+  showOutsideDays: !0,
+  reverseYears: !0,
+  captionLayout: "dropdown"
+}, ln = {
+  components: rn,
+  ...cn
+}, dn = (t) => ({
+  ...ln,
+  classNames: {
+    root: D(c.calendar, t && c.open),
+    ...sn
+  }
+}), z = "dd.MM.yyyy", _n = (t) => t ? P(t, z) : "", pn = (t) => !t || !t.from ? "" : t.to && t.from.getTime() !== t.to.getTime() ? `${P(t.from, z)} - ${P(t.to, z)}` : P(t.from, z), Y = (t, e) => t ? e === "single" && t instanceof Date ? _n(t) : e === "range" && typeof t == "object" && "from" in t ? pn(t) : "" : "", mn = ({
+  value: t,
+  mode: e,
+  onChange: n,
+  setMonth: o,
+  setIsOpen: s
+}) => {
+  if (!t) {
+    n("");
+    return;
+  }
+  if (e === "single") {
+    t instanceof Date && (o(t), n(Y(t, "single")), s(!1));
+    return;
+  }
+  if (e === "range" && typeof t == "object" && "from" in t) {
+    const r = t;
+    r.from ? o(r.from) : r.to && o(r.to);
+    const l = Y(r, "range");
+    n(l), r.from && r.to && r.from.getTime() !== r.to.getTime() && s(!1);
+  }
+}, un = (t, e, n) => {
+  if (t) {
+    if (e === "single" && t instanceof Date) {
+      n(t);
+      return;
+    }
+    if (e === "range" && typeof t == "object" && "from" in t) {
+      const o = t;
+      o.from ? n(o.from) : o.to && n(o.to);
+    }
+  }
+}, Bn = ({
+  mode: t,
+  value: e,
+  onChange: n,
+  disabled: o,
+  label: s,
+  error: r,
+  placeholder: l,
+  ...i
+}) => {
+  const [p, f] = j(!1), y = U(null), { month: b, setMonth: N } = Ve(e, t), w = F(() => Z(e, t), [e, t]);
+  G(() => {
+    un(w, t, N);
+  }, [w, t, N]), Ae({ ref: y, isOpen: p, onDismiss: () => {
+    f(!1);
+  } });
+  const C = (v) => {
+    v.stopPropagation(), x(void 0);
+  }, S = () => {
+    o || f((v) => !v);
+  }, I = (v) => {
+    const et = v.currentTarget.value;
+    n(et);
+  }, x = (v) => {
+    mn({
+      value: v,
+      mode: t,
+      onChange: n,
+      setMonth: N,
+      setIsOpen: f
+    });
+  }, E = F(() => dn(p), [p]);
+  return /* @__PURE__ */ d("div", { ref: y, className: c.wrapper, children: [
+    /* @__PURE__ */ d("div", { className: c.inputContainer, children: [
+      s && /* @__PURE__ */ a("span", { className: o ? c.disabledLabel : c.label, children: /* @__PURE__ */ a(V, { variant: "text-14", children: s }) }),
+      /* @__PURE__ */ d("div", { className: c.inputWrapper, children: [
+        /* @__PURE__ */ a(
+          "input",
+          {
+            type: "text",
+            className: D(c.trigger, r && c.error),
+            onClick: S,
+            value: e,
+            onChange: I,
+            placeholder: l,
+            disabled: o,
+            "aria-label": s || "Select date",
+            "aria-expanded": p,
+            "aria-haspopup": "dialog",
+            "aria-invalid": r ? "true" : "false",
+            ...i
+          }
+        ),
+        e && !o && /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: c.clearButton,
+            onClick: C,
+            "aria-label": "Clear date",
+            children: /* @__PURE__ */ a(J, { className: c.clearIcon })
+          }
+        ),
+        /* @__PURE__ */ a(ct, { className: D(c.icon, !e && c.placeholder) })
+      ] }),
+      r && /* @__PURE__ */ a(V, { variant: "small", className: c.error, children: r })
+    ] }),
+    t === "single" ? /* @__PURE__ */ a(
+      H,
+      {
+        ...E,
+        month: b,
+        onMonthChange: N,
+        mode: "single",
+        selected: w instanceof Date ? w : void 0,
+        onSelect: x
+      }
+    ) : /* @__PURE__ */ a(
+      H,
+      {
+        ...E,
+        month: b,
+        onMonthChange: N,
+        mode: "range",
+        selected: w && typeof w == "object" && "from" in w ? w : void 0,
+        onSelect: x
+      }
+    )
   ] });
 };
 export {
-  be as Button,
-  he as Checkbox,
-  ge as Radio,
-  ze as Select,
-  ve as SimpleBar,
-  xe as Typography,
-  ye as clsx
+  X as Alert,
+  xn as Button,
+  In as Card,
+  Sn as Checkbox,
+  Bn as DatePicker,
+  It as Input,
+  Dn as Label,
+  $n as Radio,
+  an as Select,
+  zn as SimpleBar,
+  En as Tab,
+  Pt as Textarea,
+  V as Typography,
+  Pn as clsx,
+  Cn as toastError,
+  kn as toastSuccess
 };
 //# sourceMappingURL=index.js.map