@ck-ui/component-library 2.0.0 → 2.0.2

package/dist/CalendarGrid-xx9nYA1_.js

@@ -1,237 +0,0 @@
-import { jsxs as H, jsx as l } from "react/jsx-runtime";
-import * as X from "react";
-import Z, { useMemo as S, useState as O, useEffect as Q } from "react";
-import { MONTHS_SHORT as x, ALL_MONTHS as I, DROPDOWN_ITEM_FONT as D, WEEKDAYS as ie } from "./components/DateRangePicker/constants.js";
-import { isSameDay as W } from "./components/DateRangePicker/_utils/util.js";
-import { toMonthIndex as d, getYearRange as le, buildWeeks as ce, isMonthDisabled as J, isDateDisabled as P, isDateInRange as ee } from "./components/DateRangePicker/Calendar/calendarGrid.util.js";
-import { s as n, S as ne } from "./ScrollDropdown-tf6ex2lE.js";
-const re = (c) => /* @__PURE__ */ X.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ X.createElement("path", { d: "M3.33419 5.67861L7.99744 10.3286L12.6606 5.67861", stroke: "#737373", strokeLinecap: "round", strokeLinejoin: "round" })), te = ({
-  year: c,
-  month: o,
-  startDate: k,
-  endDate: L,
-  hoverDate: h,
-  onDateClick: a,
-  onDateHover: M,
-  minDate: p,
-  maxDate: s,
-  onMonthChange: A,
-  showPrevArrow: g,
-  showNextArrow: B,
-  activeDropdown: v,
-  onDropdownToggle: C,
-  panelId: t,
-  otherPanelYear: N,
-  otherPanelMonth: m
-}) => {
-  const _ = `${t}-month`, E = `${t}-year`, Y = v === _, T = v === E, j = Z.useRef(null), y = Z.useRef(null);
-  Q(() => {
-    if (Y && j.current) {
-      const e = j.current.querySelector(`.${n["dropdown-item--active"]}`);
-      e && (j.current.scrollTop = e.offsetTop - j.current.clientHeight / 2 + e.clientHeight / 2);
-    }
-  }, [Y]), Q(() => {
-    if (T && y.current) {
-      const e = y.current.querySelector(`.${n["dropdown-item--active"]}`);
-      e && (y.current.scrollTop = e.offsetTop - y.current.clientHeight / 2 + e.clientHeight / 2);
-    }
-  }, [T]);
-  const R = k && !L && h && h.getTime() >= k.getTime() ? h : L, q = (e) => J(e, c, p, s) ? !0 : p && s && p.getFullYear() === s.getFullYear() && p.getMonth() === s.getMonth() ? e !== p.getMonth() : t === "left" && c === N && e >= m || t === "right" && c === N && e <= m, K = (e) => t === "left" && (e > N || e === N && o >= m) || t === "right" && (e < N || e === N && o <= m), r = () => {
-    C(null), A(o === 0 ? c - 1 : c, o === 0 ? 11 : o - 1);
-  }, i = () => {
-    C(null), A(o === 11 ? c + 1 : c, o === 11 ? 0 : o + 1);
-  }, V = S(() => le(p, s), [p, s]), z = S(() => ce(c, o), [c, o]), oe = (e, f, b) => {
-    const w = [n.cell];
-    if (!f) return w.join(" ");
-    const G = P(e, p, s);
-    G && w.push(n["cell--disabled"]), (b === 0 || b === 6) && w.push(n["cell--weekend"]);
-    const u = !!(k && W(e, k)), F = !!(R && W(e, R)), $ = !G && ee(e, k, R);
-    return u && (w.push(n["cell--start"]), R && !W(e, R) && w.push(n["cell--in-range"])), F && !u && (w.push(n["cell--end"], n["cell--in-range"]), !L && h && w.push(n["cell--hover-end"])), $ && !u && !F && w.push(n["cell--in-range"]), w.join(" ");
-  };
-  return /* @__PURE__ */ H("div", { className: n.panel, children: [
-    /* @__PURE__ */ H("div", { className: n.header, children: [
-      /* @__PURE__ */ l("button", { type: "button", className: n.nav, onClick: r, style: { visibility: g ? "visible" : "hidden" }, "aria-label": "Previous month", children: /* @__PURE__ */ l("svg", { width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", children: /* @__PURE__ */ l("path", { d: "M5 1L1 5L5 9", stroke: "currentColor", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
-      /* @__PURE__ */ H("div", { className: n.selectors, children: [
-        /* @__PURE__ */ H("div", { className: n.dropdown, children: [
-          /* @__PURE__ */ H("button", { type: "button", className: n["dropdown-trigger"], onClick: (e) => {
-            e.stopPropagation(), C(Y ? null : _);
-          }, children: [
-            x[o],
-            /* @__PURE__ */ l(re, { className: `${n["dropdown-chevron"]} ${Y ? n["dropdown-chevron--open"] : ""}`, width: 12, height: 12 })
-          ] }),
-          Y && /* @__PURE__ */ l(ne, { menuRef: j, children: I.map((e) => {
-            const f = q(e);
-            return /* @__PURE__ */ l(
-              "div",
-              {
-                role: "option",
-                "aria-selected": e === o,
-                "aria-disabled": f,
-                className: `${n["dropdown-item"]} ${e === o ? n["dropdown-item--active"] : ""} ${f ? n["dropdown-item--disabled"] : ""}`,
-                style: D,
-                onClick: () => !f && (() => {
-                  A(c, e), C(null);
-                })(),
-                children: x[e]
-              },
-              e
-            );
-          }) })
-        ] }),
-        /* @__PURE__ */ H("div", { className: n.dropdown, children: [
-          /* @__PURE__ */ H("button", { type: "button", className: n["dropdown-trigger"], onClick: (e) => {
-            e.stopPropagation(), C(T ? null : E);
-          }, children: [
-            c,
-            /* @__PURE__ */ l(re, { className: `${n["dropdown-chevron"]} ${T ? n["dropdown-chevron--open"] : ""}`, width: 12, height: 12 })
-          ] }),
-          T && /* @__PURE__ */ l(ne, { menuRef: y, children: V.map((e) => {
-            const f = K(e);
-            return /* @__PURE__ */ l(
-              "div",
-              {
-                role: "option",
-                "aria-selected": e === c,
-                "aria-disabled": f,
-                className: `${n["dropdown-item"]} ${e === c ? n["dropdown-item--active"] : ""} ${f ? n["dropdown-item--disabled"] : ""}`,
-                style: D,
-                onClick: () => !f && (() => {
-                  let b = o;
-                  if (J(b, e, p, s) || t === "left" && e === N && b >= m || t === "right" && e === N && b <= m) {
-                    const w = I.findIndex((G, u) => !J(u, e, p, s) && !(t === "left" && e === N && u >= m) && !(t === "right" && e === N && u <= m));
-                    w !== -1 && (b = w);
-                  }
-                  A(e, b), C(null);
-                })(),
-                children: e
-              },
-              e
-            );
-          }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ l("button", { type: "button", className: n.nav, onClick: i, style: { visibility: B ? "visible" : "hidden" }, "aria-label": "Next month", children: /* @__PURE__ */ l("svg", { width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", children: /* @__PURE__ */ l("path", { d: "M1 1L5 5L1 9", stroke: "currentColor", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
-    ] }),
-    /* @__PURE__ */ l("div", { className: n.weekdays, children: ie.map((e, f) => /* @__PURE__ */ l("span", { className: `${n.weekday} ${f === 0 || f === 6 ? n["weekday--weekend"] : ""}`, children: e }, e)) }),
-    /* @__PURE__ */ l("div", { className: n.grid, children: z.filter((e) => e.some(({ isCurrentMonth: f }) => f)).map((e, f) => {
-      const b = e.map(({ date: u, isCurrentMonth: F }) => !F || P(u, p, s) ? !1 : k && W(u, k) || R && W(u, R) ? !0 : ee(u, k, R)), w = b.indexOf(!0), G = b.lastIndexOf(!0);
-      return /* @__PURE__ */ l("div", { className: n.row, children: e.map(({ date: u, isCurrentMonth: F }, $) => {
-        const U = !F || P(u, p, s), se = [
-          oe(u, F, $),
-          $ === w && b[$] ? n["cell--row-start"] : "",
-          $ === G && b[$] ? n["cell--row-end"] : ""
-        ].filter(Boolean).join(" ");
-        return F ? /* @__PURE__ */ l(
-          "div",
-          {
-            className: se,
-            onClick: () => !U && a(u),
-            onMouseEnter: () => !U && M(u),
-            children: /* @__PURE__ */ l("span", { className: n["cell-label"], children: u.getDate() })
-          },
-          $
-        ) : /* @__PURE__ */ l("span", {}, $);
-      }) }, f);
-    }) })
-  ] });
-}, ae = ({
-  startDate: c,
-  endDate: o,
-  onDateClick: k,
-  minDate: L,
-  maxDate: h
-}) => {
-  const a = S(() => {
-    const r = c || L || /* @__PURE__ */ new Date();
-    return { year: r.getFullYear(), month: r.getMonth() };
-  }, []), M = S(() => {
-    if (o) {
-      const V = d(o.getFullYear(), o.getMonth()), z = d(a.year, a.month);
-      if (V > z) return { year: o.getFullYear(), month: o.getMonth() };
-    }
-    const r = a.month === 11 ? 0 : a.month + 1, i = a.month === 11 ? a.year + 1 : a.year;
-    return h && d(i, r) > d(h.getFullYear(), h.getMonth()) ? { year: h.getFullYear(), month: h.getMonth() } : { year: i, month: r };
-  }, [a, o, h]), p = S(() => {
-    if (d(a.year, a.month) >= d(M.year, M.month)) {
-      const r = M.month === 0 ? 11 : M.month - 1;
-      return { year: M.month === 0 ? M.year - 1 : M.year, month: r };
-    }
-    return a;
-  }, [a, M]), [s, A] = O(p.year), [g, B] = O(p.month), [v, C] = O(M.year), [t, N] = O(M.month), [m, _] = O(null), [E, Y] = O(null);
-  Q(() => {
-    if (!E) return;
-    const r = () => Y(null), i = setTimeout(() => document.addEventListener("click", r), 0);
-    return () => {
-      clearTimeout(i), document.removeEventListener("click", r);
-    };
-  }, [E]);
-  const T = S(() => {
-    if (!L) return !0;
-    const r = g === 0 ? 11 : g - 1, i = g === 0 ? s - 1 : s;
-    return d(i, r) >= d(L.getFullYear(), L.getMonth());
-  }, [g, s, L]), j = S(() => {
-    const r = g === 11 ? 0 : g + 1, i = g === 11 ? s + 1 : s;
-    return d(i, r) < d(v, t);
-  }, [g, s, v, t]), y = S(() => {
-    const r = t === 0 ? 11 : t - 1, i = t === 0 ? v - 1 : v;
-    return d(i, r) > d(s, g);
-  }, [t, v, s, g]), R = S(() => {
-    if (!h) return !0;
-    const r = t === 11 ? 0 : t + 1, i = t === 11 ? v + 1 : v;
-    return d(i, r) <= d(h.getFullYear(), h.getMonth());
-  }, [t, v, h]), q = (r, i) => {
-    d(r, i) >= d(v, t) || (A(r), B(i));
-  }, K = (r, i) => {
-    d(r, i) <= d(s, g) || (C(r), N(i));
-  };
-  return /* @__PURE__ */ H("div", { className: n["ckds-calendar"], children: [
-    /* @__PURE__ */ l(
-      te,
-      {
-        year: s,
-        month: g,
-        startDate: c,
-        endDate: o,
-        hoverDate: m,
-        onDateClick: k,
-        onDateHover: _,
-        minDate: L,
-        maxDate: h,
-        onMonthChange: q,
-        showPrevArrow: T,
-        showNextArrow: j,
-        activeDropdown: E,
-        onDropdownToggle: Y,
-        panelId: "left",
-        otherPanelYear: v,
-        otherPanelMonth: t
-      }
-    ),
-    /* @__PURE__ */ l(
-      te,
-      {
-        year: v,
-        month: t,
-        startDate: c,
-        endDate: o,
-        hoverDate: m,
-        onDateClick: k,
-        onDateHover: _,
-        minDate: L,
-        maxDate: h,
-        onMonthChange: K,
-        showPrevArrow: y,
-        showNextArrow: R,
-        activeDropdown: E,
-        onDropdownToggle: Y,
-        panelId: "right",
-        otherPanelYear: s,
-        otherPanelMonth: g
-      }
-    )
-  ] });
-};
-export {
-  ae as C,
-  re as S
-};

package/dist/ScrollDropdown-tf6ex2lE.js

@@ -1,80 +0,0 @@
-import { jsxs as f, jsx as w } from "react/jsx-runtime";
-import { useRef as b, useCallback as y, useEffect as m } from "react";
-import './assets/ScrollDropdown-CQTxVikn.css';const E = "_panel_ugabr_8", L = "_header_ugabr_19", H = "_nav_ugabr_25", x = "_selectors_ugabr_42", T = "_dropdown_ugabr_47", M = "_weekdays_ugabr_156", D = "_weekday_ugabr_156", N = "_grid_ugabr_169", S = "_row_ugabr_175", Y = "_cell_ugabr_180", u = {
-  "ckds-calendar": "_ckds-calendar_ugabr_1",
-  panel: E,
-  header: L,
-  nav: H,
-  selectors: x,
-  dropdown: T,
-  "dropdown-trigger": "_dropdown-trigger_ugabr_50",
-  "dropdown-chevron": "_dropdown-chevron_ugabr_64",
-  "dropdown-chevron--open": "_dropdown-chevron--open_ugabr_73",
-  "dropdown-menu": "_dropdown-menu_ugabr_79",
-  "dropdown-menu-scroll": "_dropdown-menu-scroll_ugabr_95",
-  "dropdown-menu-track": "_dropdown-menu-track_ugabr_108",
-  "dropdown-menu-thumb": "_dropdown-menu-thumb_ugabr_114",
-  "dropdown-item": "_dropdown-item_ugabr_128",
-  "dropdown-item--active": "_dropdown-item--active_ugabr_140",
-  "dropdown-item--disabled": "_dropdown-item--disabled_ugabr_150",
-  weekdays: M,
-  weekday: D,
-  grid: N,
-  row: S,
-  cell: Y,
-  "cell-label": "_cell-label_ugabr_189",
-  "cell--disabled": "_cell--disabled_ugabr_204",
-  "cell--start": "_cell--start_ugabr_204",
-  "cell--end": "_cell--end_ugabr_204",
-  "cell--weekend": "_cell--weekend_ugabr_214",
-  "cell--in-range": "_cell--in-range_ugabr_214",
-  "cell--row-end": "_cell--row-end_ugabr_244",
-  "cell--row-start": "_cell--row-start_ugabr_263",
-  "cell--hover-end": "_cell--hover-end_ugabr_266"
-}, C = ({ menuRef: o, children: v }) => {
-  const i = b(null), p = b(null), _ = y(() => {
-    const e = o.current, r = i.current, n = p.current;
-    if (!e || !r || !n) return;
-    const { scrollTop: c, scrollHeight: t, clientHeight: l } = e;
-    if (!(t > l)) {
-      n.style.display = "none";
-      return;
-    }
-    n.style.display = "block";
-    const d = n.clientHeight, a = Math.max(l / t * d, 20), s = c / (t - l) * (d - a);
-    r.style.height = `${a}px`, r.style.top = `${s}px`;
-  }, [o]);
-  return m(() => {
-    const e = o.current;
-    if (e)
-      return e.addEventListener("scroll", _, { passive: !0 }), _(), () => e.removeEventListener("scroll", _);
-  }, [o, _]), m(() => {
-    const e = i.current, r = o.current, n = p.current;
-    if (!e || !r || !n) return;
-    let c = !1, t = 0, l = 0;
-    const g = (s) => {
-      s.preventDefault(), c = !0, t = s.clientY, l = r.scrollTop, document.addEventListener("mousemove", d), document.addEventListener("mouseup", a);
-    }, d = (s) => {
-      if (!c) return;
-      const h = s.clientY - t, k = r.scrollHeight / n.clientHeight;
-      r.scrollTop = l + h * k;
-    }, a = () => {
-      c = !1, document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", a);
-    };
-    return e.addEventListener("mousedown", g), () => e.removeEventListener("mousedown", g);
-  }, [o]), /* @__PURE__ */ f("div", { className: u["dropdown-menu"], style: { overflow: "hidden" }, children: [
-    /* @__PURE__ */ w(
-      "div",
-      {
-        className: u["dropdown-menu-scroll"],
-        ref: o,
-        children: v
-      }
-    ),
-    /* @__PURE__ */ w("div", { className: u["dropdown-menu-track"], ref: p, children: /* @__PURE__ */ w("div", { className: u["dropdown-menu-thumb"], ref: i }) })
-  ] });
-};
-export {
-  C as S,
-  u as s
-};

package/dist/assets/DateRangePicker-DNHTCnqT.css

@@ -1 +0,0 @@
-@charset "UTF-8";._ckds-date-range-picker_7m6sy_2{position:relative;display:inline-block}._ckds-date-range-picker_7m6sy_2 *{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}._ckds-date-range-picker_7m6sy_2>button{border-color:var(--ckcl-black-100, #DCDCDC)}._ckds-date-range-picker_7m6sy_2>button>span svg path{stroke:var(--ckcl-black-500, #2B2B2B)}._ckds-date-range-picker_7m6sy_2>button>span>span{font-size:var(--ckcl-fs-sm, 14px)}._ckds-date-range-picker_7m6sy_2>button>span:last-child{display:inline-flex;margin-left:var(--ckcl-spacing-ms, 12px);transition:transform .25s ease}._ckds-date-range-picker_7m6sy_2>button>span:last-child svg path{stroke:var(--ckcl-black-400, #737373)}._ckds-date-range-picker_7m6sy_2._ckds-date-range-picker--open_7m6sy_26>button>span:last-child{transform:rotate(180deg)}@keyframes _ckds-drp-in_7m6sy_1{0%{opacity:0}to{opacity:1}}._ckds-date-range-picker__body_7m6sy_39{display:flex;flex:1;min-height:0;overflow:visible}._ckds-date-range-picker__sidebar_7m6sy_47{display:flex;flex-direction:column;gap:var(--ckcl-spacing-2xs, 2px);padding:var(--ckcl-spacing-md, 16px);border-right:var(--ckds-border-width-sm, 1px) solid var(--ckcl-border-color, #E6ECF1);width:173px;background:var(--ckcl-toast-info, #FAFCFF);overflow-y:auto}._ckds-date-range-picker__sidebar-item_7m6sy_58{all:unset;cursor:pointer;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-xs, 12px);line-height:var(--ckds-leading-md, 20px);padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-2md, 18px);color:#000;white-space:nowrap;text-align:center;transition:border-color .15s,color .15s,background-color .15s;background-color:transparent;border-radius:var(--ckds-border-radius-md, 8px);font-weight:var(--ckcl-font-weight-regular, 400);border:var(--ckds-border-width-sm, 1px) solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center}._ckds-date-range-picker__sidebar-item_7m6sy_58:after{content:attr(aria-label);font-weight:var(--ckcl-font-weight-medium, 500);height:0;overflow:hidden;visibility:hidden;pointer-events:none;display:block}._ckds-date-range-picker__sidebar-item_7m6sy_58:hover{color:var(--ckcl-primary-500, #3A72E4);background-color:transparent;border-color:transparent}._ckds-date-range-picker__sidebar-item_7m6sy_58:active{background-color:transparent;border-color:transparent}._ckds-date-range-picker__sidebar-item--active_7m6sy_99{--shadow-shade-004: 0px 4px 14px -10.65px #3A72E4;background-color:var(--ckcl-white, #FFFFFF);border-color:var(--ckcl-primary-300, #81AFF0);font-weight:var(--ckcl-font-weight-medium, 500);box-shadow:var(--shadow-shade-004);color:var(--ckcl-primary-600, #3060C1)}._ckds-date-range-picker__sidebar-item--active_7m6sy_99:hover{border-color:var(--ckcl-primary-300, #81AFF0)}._ckds-date-range-picker__calendar_7m6sy_113{position:absolute;width:auto;border-radius:var(--ckcl-spacing-md, 16px);background-color:var(--ckcl-white, #FFFFFF);overflow:hidden;border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);box-shadow:-20px 31.95px 42.61px -31.95px #18274b26;display:flex;flex-direction:column;isolation:isolate;z-index:9999;margin-top:var(--ckcl-spacing-xs, 4px)}._ckds-date-range-picker__calendar_7m6sy_113._ckds-date-range-picker__calendar--align-left_7m6sy_127{left:0}._ckds-date-range-picker__calendar_7m6sy_113._ckds-date-range-picker__calendar--align-right_7m6sy_130{right:0}._ckds-date-range-picker__calendar_7m6sy_113._ckds-date-range-picker__calendar--enter_7m6sy_133{animation:_ckds-drp-in_7m6sy_1 .13s ease-out both}._ckds-date-range-picker__main_7m6sy_138{display:flex;flex:1;min-width:0;overflow:visible}._ckds-date-range-picker__footer_7m6sy_146{display:flex;align-items:end;justify-content:space-between;gap:var(--ckcl-spacing-ms, 12px);padding:var(--ckcl-spacing-lg, 24px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px);border-top:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC)}._ckds-date-range-picker__date-inputs_7m6sy_155{display:flex;align-items:end;gap:var(--ckcl-spacing-ms, 12px)}._ckds-date-range-picker__date-field_7m6sy_161{display:flex;flex-direction:column;gap:var(--ckcl-spacing-xs, 4px)}._ckds-date-range-picker__date-label_7m6sy_167{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-weight:var(--ckcl-font-weight-medium, 500);font-size:var(--ckcl-fs-xs, 12px);line-height:var(--ckds-leading-md, 20px);letter-spacing:0%}._ckds-date-range-picker__required-asterisk_7m6sy_175{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-weight:var(--ckcl-font-weight-medium, 500);font-size:var(--ckcl-fs-2xs, 11px);line-height:var(--ckcl-leading-xs, 14px);letter-spacing:0%;vertical-align:top;color:var(--ckcl-red-500, #E52323);margin-left:var(--ckcl-spacing-2xs, 2px)}._ckds-date-range-picker__date-tag_7m6sy_186{width:160px!important;height:var(--ckcl-spacing-2xl-lg, 40px)!important;border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-md, 8px);font-size:var(--ckcl-fs-sm, 14px)!important;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;gap:var(--ckcl-spacing-xs, 4px);font-weight:var(--ckcl-font-weight-regular, 400);padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px);background-color:var(--ckcl-black-50, #F4F4F4)}._ckds-date-range-picker__date-arrow_7m6sy_199{align-self:center;margin-top:var(--ckds-spacing-lg, 28px);margin-left:-8px;margin-right:-8px}._ckds-date-range-picker__reset-btn_7m6sy_206{min-width:unset}._ckds-date-range-picker__reset-btn_7m6sy_206 span[class*=icon-slot]{width:12px;height:12px}._ckds-date-range-picker__reset-btn_7m6sy_206:disabled svg path{stroke:var(--ckcl-black-200, #C2C2C2)}._ckds-date-range-picker__actions_7m6sy_217{display:flex;gap:var(--ckcl-spacing-sm, 8px);align-items:center}

package/dist/assets/ScrollDropdown-CQTxVikn.css

@@ -1 +0,0 @@
-._ckds-calendar_ugabr_1{display:flex;gap:0}._ckds-calendar_ugabr_1 *{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif!important}._ckds-calendar_ugabr_1 ._panel_ugabr_8{width:318px;flex:1}._ckds-calendar_ugabr_1 ._panel_ugabr_8:first-child{padding:var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-lg, 24px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px);border-right:var(--ckds-border-width-sm, 1px) solid var(--ckcl-border-color, #E6ECF1)}._ckds-calendar_ugabr_1 ._panel_ugabr_8:last-child{padding:var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-lg, 24px)}._ckds-calendar_ugabr_1 ._header_ugabr_19{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ckcl-spacing-md, 16px)}._ckds-calendar_ugabr_1 ._nav_ugabr_25{all:unset;display:flex;align-items:center;justify-content:center;width:var(--ckcl-spacing-xl, 28px);height:var(--ckcl-spacing-xl, 28px);border-radius:var(--ckds-border-radius-md, 8px);border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);cursor:pointer;font-size:var(--ckcl-fs-md, 16px);color:var(--ckcl-black-500, #2B2B2B);transition:border-color .15s}._ckds-calendar_ugabr_1 ._nav_ugabr_25:hover{border-color:var(--ckcl-primary-500, #3A72E4)}._ckds-calendar_ugabr_1 ._selectors_ugabr_42{display:flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px)}._ckds-calendar_ugabr_1 ._dropdown_ugabr_47{position:relative}._ckds-calendar_ugabr_1 ._dropdown-trigger_ugabr_50{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:var(--ckcl-spacing-xs, 4px);font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-medium, 500);color:var(--ckcl-primary-500, #3A72E4);padding:var(--ckcl-spacing-2xs, 2px) var(--ckcl-spacing-xs, 4px);border-radius:var(--ckds-border-radius-sm, 6px);transition:background-color .15s}._ckds-calendar_ugabr_1 ._dropdown-chevron_ugabr_64{display:inline-flex;margin-left:var(--ckcl-spacing-xs, 4px);transition:transform .2s ease}._ckds-calendar_ugabr_1 ._dropdown-chevron_ugabr_64 path{stroke:var(--ckcl-black-400, #737373);transition:stroke .2s ease}._ckds-calendar_ugabr_1 ._dropdown-chevron--open_ugabr_73{transform:rotate(180deg)}._ckds-calendar_ugabr_1 ._dropdown-chevron--open_ugabr_73 path{stroke:var(--ckcl-primary-500, #3A72E4)}._ckds-calendar_ugabr_1 ._dropdown-menu_ugabr_79{position:absolute;top:calc(100% + var(--ckcl-spacing-xs, 4px));left:20%;transform:translate(-50%);z-index:10;background:var(--ckcl-white, #FFFFFF);border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-lg, 12px);box-shadow:0 var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-md, 16px) #00000014;padding:var(--ckcl-spacing-sm, 8px);min-width:73px;max-height:271px;overflow:hidden;display:flex}._ckds-calendar_ugabr_1 ._dropdown-menu-scroll_ugabr_95{display:flex;flex-direction:column;gap:var(--ckcl-spacing-2xs, 2px);max-height:250px;overflow-y:auto;position:relative;flex:1;scrollbar-width:none}._ckds-calendar_ugabr_1 ._dropdown-menu-scroll_ugabr_95::-webkit-scrollbar{display:none}._ckds-calendar_ugabr_1 ._dropdown-menu-track_ugabr_108{position:relative;margin-left:var(--ckcl-spacing-xs, 4px);border-radius:100px;flex-shrink:0}._ckds-calendar_ugabr_1 ._dropdown-menu-thumb_ugabr_114{position:absolute;top:0;left:0;width:var(--ckcl-spacing-xs, 4px);background-color:var(--ckcl-black-200, #C2C2C2);border-radius:100px;min-height:var(--ckcl-spacing-slg, 20px);cursor:pointer;transition:background-color .15s}._ckds-calendar_ugabr_1 ._dropdown-menu-thumb_ugabr_114:hover{background-color:var(--ckcl-black-300, #A0A0A0)}._ckds-calendar_ugabr_1 ._dropdown-item_ugabr_128{cursor:pointer;font-size:var(--ckcl-fs-xs, 12px);padding:var(--ckcl-spacing-sm, 8px);border-radius:var(--ckds-border-radius-md, 8px);text-align:center;white-space:nowrap;transition:background-color .1s,color .1s;color:var(--ckcl-black-500, #2B2B2B);line-height:var(--ckds-leading-md, 20px);font-weight:var(--ckcl-font-weight-medium, 500)}._ckds-calendar_ugabr_1 ._dropdown-item_ugabr_128:hover:not(._dropdown-item--active_ugabr_140){color:var(--ckcl-primary-600, #3060C1);font-weight:var(--ckcl-font-weight-medium, 500);background-color:var(--ckcl-white, #FFFFFF)}._ckds-calendar_ugabr_1 ._dropdown-item--active_ugabr_140{background-color:var(--ckcl-primary-50, #F8FBFF);color:var(--ckcl-primary-600, #3060C1);font-weight:var(--ckcl-font-weight-medium, 500)}._ckds-calendar_ugabr_1 ._dropdown-item--disabled_ugabr_150{color:var(--ckcl-black-200, #C2C2C2);cursor:not-allowed;pointer-events:none;opacity:.5}._ckds-calendar_ugabr_1 ._weekdays_ugabr_156{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:var(--ckcl-spacing-xs, 4px)}._ckds-calendar_ugabr_1 ._weekday_ugabr_156{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-medium, 500);color:var(--ckcl-black-400, #737373);text-align:center;padding:var(--ckcl-spacing-xs, 4px) 0}._ckds-calendar_ugabr_1 ._grid_ugabr_169{display:flex;flex-direction:column;gap:0;margin-top:var(--ckcl-spacing-sm, 8px)}._ckds-calendar_ugabr_1 ._row_ugabr_175{display:grid;grid-template-columns:repeat(7,1fr);margin-top:var(--ckcl-spacing-2xs, 2px)}._ckds-calendar_ugabr_1 ._cell_ugabr_180{position:relative;display:flex;align-items:center;justify-content:center;height:var(--ckcl-spacing-2xl-md, 36px);cursor:pointer;-webkit-user-select:none;user-select:none}._ckds-calendar_ugabr_1 ._cell-label_ugabr_189{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--ckds-spacing-slg, 22px);height:var(--ckds-spacing-slg, 22px);border-radius:50%;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-regular, 400);color:var(--ckcl-black-500, #2B2B2B);transition:background-color .1s}._ckds-calendar_ugabr_1 ._cell_ugabr_180:not(._cell--disabled_ugabr_204):not(._cell--start_ugabr_204):not(._cell--end_ugabr_204):hover ._cell-label_ugabr_189{background-color:var(--ckcl-black-50, #F4F4F4)}._ckds-calendar_ugabr_1 ._cell--disabled_ugabr_204{cursor:not-allowed;pointer-events:none}._ckds-calendar_ugabr_1 ._cell--disabled_ugabr_204 ._cell-label_ugabr_189{color:var(--ckcl-black-200, #C2C2C2)}._ckds-calendar_ugabr_1 ._cell--weekend_ugabr_214:not(._cell--disabled_ugabr_204):not(._cell--in-range_ugabr_214):not(._cell--start_ugabr_204):not(._cell--end_ugabr_204) ._cell-label_ugabr_189{color:var(--ckcl-black-300, #A0A0A0)}._ckds-calendar_ugabr_1 ._cell--in-range_ugabr_214:before{content:"";position:absolute;top:50%;left:0;right:0;height:var(--ckds-spacing-slg, 22px);transform:translateY(-50%);background-color:var(--ckcl-primary-80, #F1F6FF);z-index:0}._ckds-calendar_ugabr_1 ._cell--start_ugabr_204 ._cell-label_ugabr_189{background-color:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF);font-weight:var(--ckcl-font-weight-medium, 500)}._ckds-calendar_ugabr_1 ._cell--start_ugabr_204._cell--in-range_ugabr_214:before{content:"";position:absolute;top:50%;left:50%;right:0;height:var(--ckds-spacing-slg, 22px);transform:translateY(-50%);background-color:var(--ckcl-primary-80, #F1F6FF);z-index:0}._ckds-calendar_ugabr_1 ._cell--start_ugabr_204._cell--in-range_ugabr_214._cell--row-end_ugabr_244:before{display:none}._ckds-calendar_ugabr_1 ._cell--end_ugabr_204 ._cell-label_ugabr_189{background-color:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF);font-weight:var(--ckcl-font-weight-medium, 500)}._ckds-calendar_ugabr_1 ._cell--end_ugabr_204._cell--in-range_ugabr_214:before{content:"";position:absolute;top:50%;left:0;right:50%;height:var(--ckds-spacing-slg, 22px);transform:translateY(-50%);background-color:var(--ckcl-primary-80, #F1F6FF);z-index:0}._ckds-calendar_ugabr_1 ._cell--end_ugabr_204._cell--in-range_ugabr_214._cell--row-start_ugabr_263:before{display:none}._ckds-calendar_ugabr_1 ._cell--hover-end_ugabr_266 ._cell-label_ugabr_189{background-color:var(--ckcl-primary-100, #D9E6FB);color:var(--ckcl-black-500, #2B2B2B);font-weight:var(--ckcl-font-weight-regular, 400)}._ckds-calendar_ugabr_1 ._cell--start_ugabr_204._cell--end_ugabr_204{background:transparent}._ckds-calendar_ugabr_1 ._cell--start_ugabr_204._cell--end_ugabr_204 ._cell-label_ugabr_189{background-color:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF)}._ckds-calendar_ugabr_1 ._cell--row-start_ugabr_263:not(._cell--start_ugabr_204):not(._cell--end_ugabr_204):before{left:calc(50% - var(--ckds-spacing-slg, 22px) / 2);border-radius:var(--ckds-border-radius-lg, 12px) 0 0 var(--ckds-border-radius-lg, 12px)}._ckds-calendar_ugabr_1 ._cell--row-end_ugabr_244:not(._cell--start_ugabr_204):not(._cell--end_ugabr_204):before{right:calc(50% - var(--ckds-spacing-slg, 22px) / 2);border-radius:0 var(--ckds-border-radius-lg, 12px) var(--ckds-border-radius-lg, 12px) 0}._ckds-calendar_ugabr_1 ._cell--row-start_ugabr_263._cell--row-end_ugabr_244:not(._cell--start_ugabr_204):not(._cell--end_ugabr_204):before{left:calc(50% - var(--ckds-spacing-slg, 22px) / 2);right:calc(50% - var(--ckds-spacing-slg, 22px) / 2);border-radius:var(--ckds-border-radius-lg, 12px)}