@sberbusiness/triplex-next 0.1.8 → 0.10.0

package/components/Confirm/components/ConfirmContent.js

@@ -0,0 +1,13 @@
+import { jsx as n } from "react/jsx-runtime";
+import { ConfirmContentSubTitle as r } from "./ConfirmContentSubTitle.js";
+import { ConfirmContentTitle as e } from "./ConfirmContentTitle.js";
+import { c as s } from "../../../chunks/vendor-BlJo2ILB.js";
+import { s as f } from "../../../chunks/Confirm.module-BaXVkVHJ.js";
+const o = ({ children: t, className: m, ...i }) => /* @__PURE__ */ n("div", { className: s(m, f.confirmContent), ...i, children: t });
+o.displayName = "ConfirmContent";
+o.Title = e;
+o.SubTitle = r;
+export {
+  o as ConfirmContent
+};
+//# sourceMappingURL=ConfirmContent.js.map

package/components/Confirm/components/ConfirmContentSubTitle.js

@@ -0,0 +1,15 @@
+import { jsx as m } from "react/jsx-runtime";
+import "../../Typography/Title.js";
+import { Text as r } from "../../Typography/Text.js";
+import "../../Typography/Caption.js";
+import { ETextSize as e } from "../../Typography/enums.js";
+const n = ({
+  children: t,
+  size: o = e.B2,
+  ...i
+}) => /* @__PURE__ */ m(r, { size: o, tag: "div", ...i, children: t });
+n.displayName = "ConfirmContentSubTitle";
+export {
+  n as ConfirmContentSubTitle
+};
+//# sourceMappingURL=ConfirmContentSubTitle.js.map

package/components/Confirm/components/ConfirmContentTitle.js

@@ -0,0 +1,16 @@
+import { jsx as r } from "react/jsx-runtime";
+import { ETitleSize as e } from "../../Typography/enums.js";
+import { Title as s } from "../../Typography/Title.js";
+import { c as n } from "../../../chunks/vendor-BlJo2ILB.js";
+import { s as l } from "../../../chunks/Confirm.module-BaXVkVHJ.js";
+const f = ({
+  children: t,
+  className: o,
+  size: i = e.H3,
+  ...m
+}) => /* @__PURE__ */ r(s, { size: i, className: n(o, l.confirmContentTitle), ...m, children: t });
+f.displayName = "ConfirmContentTitle";
+export {
+  f as ConfirmContentTitle
+};
+//# sourceMappingURL=ConfirmContentTitle.js.map

package/components/Confirm/components/ConfirmControls.js

@@ -0,0 +1,9 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as t } from "../../../chunks/vendor-BlJo2ILB.js";
+import { s as i } from "../../../chunks/Confirm.module-BaXVkVHJ.js";
+const l = ({ children: o, className: s, ...r }) => /* @__PURE__ */ m("div", { className: t(s, i.confirmControls), ...r, children: o });
+l.displayName = "ConfirmControls";
+export {
+  l as ConfirmControls
+};
+//# sourceMappingURL=ConfirmControls.js.map

package/components/Confirm/enums.js

@@ -0,0 +1,5 @@
+var L = /* @__PURE__ */ ((O) => (O.LIGHTBOX = "lightBox", O.SIDE_OVERLAY_SM = "sideOverlaySM", O.SIDE_OVERLAY_MD = "sideOverlayMD", O.SIDE_OVERLAY_LG = "sideOverlayLG", O))(L || {});
+export {
+  L as EConfirmParentComponent
+};
+//# sourceMappingURL=enums.js.map

package/components/Confirm/index.js

@@ -0,0 +1,5 @@
+import { Confirm as f } from "./Confirm.js";
+export {
+  f as Confirm
+};
+//# sourceMappingURL=index.js.map

package/components/DateField/DateField.js

@@ -0,0 +1,135 @@
+import { jsx as n, jsxs as K } from "react/jsx-runtime";
+import Q, { useState as W, useRef as l, useEffect as X } from "react";
+import { j as y } from "../../chunks/vendor-BlJo2ILB.js";
+import { DatePickerExtended as Z } from "../DatePickerExtended/DatePickerExtended.js";
+import { dateFormatYYYYMMDD as _, globalLimitRange as $ } from "../../consts/DateConst.js";
+import { DateFieldUtils as m } from "./utils.js";
+import { DateFieldTarget as ee } from "./DateFieldTarget.js";
+import { inputDateFormat as b } from "./constants.js";
+import { Tooltip as S } from "../Tooltip/Tooltip.js";
+import { ETooltipSize as te } from "../Tooltip/enums.js";
+import { MobileView as re } from "../MobileView/MobileView.js";
+import { DropdownMobileMaskedInput as T } from "../Dropdown/mobile/DropdownMobileMaskedInput.js";
+import { DateFieldContext as ae } from "./DateFieldContext.js";
+import "../FormField/FormFieldContext.js";
+import "../FormField/components/FormFieldDescription.js";
+import "../FormField/components/FormFieldCounter.js";
+import "../FormField/components/FormFieldLabel.js";
+import "../FormField/components/FormFieldClear.js";
+import "../FormField/components/FormFieldTarget.js";
+import "../../chunks/FormFieldInput-BoG8X8Sc.js";
+import { FormFieldMaskedInput as ne } from "../FormField/components/FormFieldMaskedInput.js";
+import "../FormField/components/FormFieldPostfix.js";
+import "../FormField/components/FormFieldPrefix.js";
+import "../FormField/components/FormFieldTextarea.js";
+const ie = Q.forwardRef((x, p) => {
+  const {
+    size: I,
+    status: E,
+    value: s,
+    label: O,
+    placeholderMask: P,
+    "aria-label": Y,
+    "aria-labelledby": j,
+    format: a = _,
+    limitRange: i = $,
+    disabledDays: o,
+    onChange: c,
+    onDropdownOpen: f,
+    onDropdownClose: g,
+    invalidDateHint: z,
+    targetProps: L,
+    ...A
+  } = x, [r, D] = W(
+    m.getPickerValues(s, a, i, o)
+  ), R = l(null), d = l(r), C = l(!1), F = l(!1), h = l(!1), u = l(!1);
+  X(() => {
+    const e = m.getPickerValues(s, a, i, o);
+    e.inputString !== r.inputString && D(e), d.current = e;
+  }, [s, a, i, o]);
+  const B = (e) => {
+    R.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+  }, H = () => {
+    const { maskedInputProps: e, ...t } = L || {}, { onChange: k, ...J } = e || {};
+    return /* @__PURE__ */ n(ae.Provider, { value: { inputFocusedRef: C, onChange: c, triggerChangeFromInput: w }, children: /* @__PURE__ */ n(
+      ee,
+      {
+        size: I,
+        status: E,
+        label: O,
+        maskedInputProps: {
+          value: r.inputString,
+          mask: ne.presets.masks.date,
+          placeholderMask: P,
+          "aria-label": Y,
+          "aria-labelledby": j,
+          onChange: (v) => {
+            V(v), k == null || k(v);
+          },
+          ...J
+        },
+        ...t
+      }
+    ) });
+  }, N = () => /* @__PURE__ */ n(
+    T,
+    {
+      value: r.inputString,
+      mask: T.presets.masks.date,
+      placeholderMask: P,
+      onChange: V,
+      autoFocus: !0
+    }
+  ), V = (e) => {
+    let t = null;
+    e.target.value.length === b.length ? (t = y(e.target.value, b, !0), (!t.isValid() || !m.isAvailableDate(t, t.format(a), i, o)) && (t = null), u.current = !t) : u.current = !1, D({ calendarDate: t, inputString: e.target.value });
+  }, w = () => {
+    if (r.inputString.length === 0 && s.length !== 0)
+      return c(r.inputString);
+    const e = y(r.inputString, b, !0);
+    if (e.isValid()) {
+      const t = e.format(a);
+      if (t === s)
+        return;
+      if (m.isAvailableDate(e, t, i, o))
+        return c(t);
+    }
+    r.inputString !== d.current.inputString && (u.current = !1, D(d.current));
+  }, U = () => {
+    F.current = !0, f == null || f();
+  }, q = () => {
+    F.current = !1, h.current ? h.current = !1 : !C.current && r.inputString !== d.current.inputString && w(), g == null || g();
+  }, G = (e) => {
+    h.current = !0, u.current = !1, c(e.format(a));
+  }, M = () => /* @__PURE__ */ n(
+    Z,
+    {
+      renderTarget: H,
+      renderDropdownHeaderTarget: N,
+      pickedDate: r.calendarDate,
+      format: a,
+      limitRange: i,
+      disabledDays: o,
+      onDropdownOpen: U,
+      onDropdownClose: q,
+      onDateChange: G,
+      ...A,
+      ref: B
+    }
+  );
+  return /* @__PURE__ */ n(
+    re,
+    {
+      fallback: /* @__PURE__ */ K(S, { targetRef: R, size: te.SM, isOpen: u.current, children: [
+        /* @__PURE__ */ n(S.Body, { children: z }),
+        /* @__PURE__ */ n(S.Target, { children: M() })
+      ] }),
+      children: M()
+    }
+  );
+});
+ie.displayName = "DatePicker";
+export {
+  ie as DateField
+};
+//# sourceMappingURL=DateField.js.map

package/components/DateField/DateFieldContext.js

@@ -0,0 +1,12 @@
+import e from "react";
+const n = e.createContext({
+  inputFocusedRef: { current: null },
+  onChange: () => {
+  },
+  triggerChangeFromInput: () => {
+  }
+});
+export {
+  n as DateFieldContext
+};
+//# sourceMappingURL=DateFieldContext.js.map

package/components/DateField/DateFieldTarget.js

@@ -0,0 +1,60 @@
+import { jsx as t, jsxs as y } from "react/jsx-runtime";
+import K, { useContext as f } from "react";
+import { CalendarStrokeSrvIcon20 as C, CalendarStrokeSrvIcon16 as R } from "@sberbusiness/icons-next";
+import { MaskedField as T } from "../TextField/MaskedField.js";
+import { DatePickerExtendedContext as j } from "../DatePickerExtended/DatePickerExtendedContext.js";
+import { DateFieldContext as v } from "./DateFieldContext.js";
+import { EFormFieldStatus as A } from "../FormField/enums.js";
+import { FormFieldClear as L } from "../FormField/components/FormFieldClear.js";
+import { EComponentSize as r } from "../../enums/EComponentSize.js";
+import { ButtonIcon as O } from "../Button/ButtonIcon.js";
+import { isKey as F } from "../../utils/keyboard.js";
+const b = {
+  [r.SM]: /* @__PURE__ */ t(R, { paletteIndex: 5 }),
+  [r.MD]: /* @__PURE__ */ t(C, { paletteIndex: 5 }),
+  [r.LG]: /* @__PURE__ */ t(C, { paletteIndex: 5 })
+}, Y = ({
+  size: l = r.MD,
+  postfix: s,
+  maskedInputProps: k,
+  ...m
+}) => {
+  const { dropdownOpen: e, setDropdownOpen: n } = f(j), { inputFocusedRef: p, onChange: x, triggerChangeFromInput: D } = f(v), { status: I } = m, {
+    onFocus: i,
+    onBlur: c,
+    onKeyDown: a,
+    onClick: d,
+    ...h
+  } = k, u = I === A.DISABLED, S = (o) => {
+    p.current = !0, i == null || i(o);
+  }, E = (o) => {
+    p.current = !1, e || D(), c == null || c(o);
+  }, g = (o) => {
+    e || n(!0), d == null || d(o);
+  }, B = (o) => {
+    F(o.code, "ENTER") ? n(!e) : F(o.code, "SPACE") && (o.preventDefault(), n(!e)), a == null || a(o);
+  }, M = () => n(!e), w = () => x(""), P = () => /* @__PURE__ */ y(K.Fragment, { children: [
+    /* @__PURE__ */ t(L, { onClick: w }),
+    /* @__PURE__ */ t(O, { active: e, disabled: u, onClick: M, children: b[l] })
+  ] });
+  return /* @__PURE__ */ t(
+    T,
+    {
+      size: l,
+      maskedInputProps: {
+        disabled: u,
+        onFocus: S,
+        onBlur: E,
+        onClick: g,
+        onKeyDown: B,
+        ...h
+      },
+      postfix: s !== void 0 ? s : P(),
+      ...m
+    }
+  );
+};
+export {
+  Y as DateFieldTarget
+};
+//# sourceMappingURL=DateFieldTarget.js.map

package/components/DateField/constants.js

@@ -0,0 +1,5 @@
+const t = "DD.MM.YYYY";
+export {
+  t as inputDateFormat
+};
+//# sourceMappingURL=constants.js.map

package/components/DateField/index.js

@@ -0,0 +1,5 @@
+import { DateField as r } from "./DateField.js";
+export {
+  r as DateField
+};
+//# sourceMappingURL=index.js.map

package/components/DateField/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/DateField/utils.js

@@ -0,0 +1,23 @@
+import { j as l } from "../../chunks/vendor-BlJo2ILB.js";
+import { inputDateFormat as o } from "./constants.js";
+import { isDayDisabled as s } from "../Calendar/utils.js";
+const i = {
+  /** Получить значения пикера. */
+  getPickerValues: (t, a, r, n) => {
+    if (t.length === 0)
+      return { calendarDate: null, inputString: "" };
+    const e = i.getCalendarDate(t, a, r, n);
+    return e === null ? { calendarDate: null, inputString: "" } : { calendarDate: e, inputString: e.format(o) };
+  },
+  /** Получить календарную дату. */
+  getCalendarDate: (t, a, r, n) => {
+    const e = l(t, a, !0);
+    return !e.isValid() || !i.isAvailableDate(e, t, r, n) ? null : e;
+  },
+  /** Является ли дата доступной. */
+  isAvailableDate: (t, a, r, n) => !(t.isBefore(r.dateFrom, "day") || t.isAfter(r.dateTo, "day") || s(a, n))
+};
+export {
+  i as DateFieldUtils
+};
+//# sourceMappingURL=utils.js.map

package/components/DatePickerExtended/DatePickerExtended.js

@@ -0,0 +1,136 @@
+import { jsx as p, jsxs as G } from "react/jsx-runtime";
+import I, { useState as J, useRef as m, useEffect as Q } from "react";
+import { isKey as W } from "../../utils/keyboard.js";
+import { Calendar as X } from "../Calendar/Calendar.js";
+import "../Dropdown/Dropdown.js";
+import "../Dropdown/DropdownListContext.js";
+import "../Dropdown/desktop/DropdownDesktop.js";
+import "../Dropdown/desktop/DropdownList.js";
+import "../../chunks/DropdownListItem-lbLsbKwC.js";
+import "../Dropdown/mobile/DropdownMobile.js";
+import "../Dropdown/mobile/DropdownMobileBody.js";
+import "../Dropdown/mobile/DropdownMobileClose.js";
+import "../Dropdown/mobile/DropdownMobileFooter.js";
+import "../Dropdown/mobile/DropdownMobileHeader.js";
+import "../Dropdown/mobile/DropdownMobileInner.js";
+import "../Dropdown/mobile/DropdownMobileInput.js";
+import "../Dropdown/mobile/DropdownMobileList.js";
+import "../Dropdown/mobile/DropdownMobileListItem.js";
+import "../Loader/LoaderSmall/LoaderSmall.js";
+import "../Loader/LoaderMiddle/LoaderMiddle.js";
+import { EComponentSize as Y } from "../../enums/EComponentSize.js";
+import { EDropdownAlignment as Z } from "../Dropdown/enums.js";
+import { DatePickerExtendedContext as _ } from "./DatePickerExtendedContext.js";
+import { DatePickerExtendedDropdown as $ } from "./DatePickerExtendedDropdown.js";
+const ee = I.forwardRef((l, r) => {
+  const {
+    // Dropdown props
+    alignment: D = Z.LEFT,
+    focusTrapProps: w,
+    // Calendar props
+    pickType: g,
+    format: P,
+    defaultViewDate: C,
+    onViewChange: h,
+    onPageChange: y,
+    pickedDate: E,
+    limitRange: k,
+    markedDays: x,
+    disabledDays: R,
+    reversedPick: v,
+    dayHtmlAttributes: O,
+    monthHtmlAttributes: T,
+    yearHtmlAttributes: A,
+    prevButtonProps: H,
+    nextButtonProps: b,
+    viewButtonProps: B,
+    todayButtonProps: L,
+    onDateChange: M,
+    // Other
+    renderTarget: S,
+    renderDropdownHeaderTarget: j,
+    onKeyDown: i,
+    onMouseDown: s,
+    onDropdownOpen: z,
+    onDropdownClose: K,
+    ...V
+  } = l, [t, o] = J(!1), a = m(null), c = m(null), d = m(!1);
+  Q(() => {
+    const e = (n) => {
+      var f, u;
+      !((f = a.current) != null && f.contains(n.target)) && !((u = c.current) != null && u.contains(n.target)) && o(!1);
+    };
+    if (t)
+      return document.addEventListener("mousedown", e), () => {
+        document.removeEventListener("mousedown", e);
+      };
+    d.current = !1;
+  }, [t]);
+  const F = (e) => {
+    const n = e.code || e.keyCode;
+    W(n, "ESCAPE") && t && o(!1), i == null || i(e);
+  }, N = (e) => {
+    d.current = !0, s == null || s(e);
+  }, U = (e) => /* @__PURE__ */ p(
+    X,
+    {
+      defaultViewDate: C,
+      pickedDate: E,
+      pickType: g,
+      format: P,
+      limitRange: k,
+      markedDays: x,
+      disabledDays: R,
+      reversedPick: v,
+      adaptiveMode: e,
+      onDateChange: q,
+      onPageChange: y,
+      onViewChange: h,
+      dayHtmlAttributes: O,
+      monthHtmlAttributes: T,
+      yearHtmlAttributes: A,
+      prevButtonProps: H,
+      nextButtonProps: b,
+      viewButtonProps: B,
+      todayButtonProps: L
+    }
+  ), q = (e) => {
+    o(!1), M(e);
+  };
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      onKeyDown: F,
+      onMouseDown: N,
+      ...V,
+      "data-tx": "0.10.0",
+      ref: (e) => {
+        a.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
+      },
+      children: /* @__PURE__ */ G(_.Provider, { value: { dropdownOpen: t, mouseUsedRef: d, setDropdownOpen: o }, children: [
+        S(),
+        /* @__PURE__ */ p(
+          $,
+          {
+            opened: t,
+            size: Y.MD,
+            alignment: D,
+            targetRef: a,
+            focusTrapProps: w,
+            renderCalendar: U,
+            renderHeaderTarget: j,
+            setOpened: o,
+            onOpen: z,
+            onClose: K,
+            ref: c
+          }
+        )
+      ] })
+    }
+  );
+});
+ee.displayName = "DatePickerExtended";
+export {
+  ee as DatePickerExtended
+};
+//# sourceMappingURL=DatePickerExtended.js.map

package/components/DatePickerExtended/DatePickerExtendedContext.js

@@ -0,0 +1,11 @@
+import e from "react";
+const o = e.createContext({
+  dropdownOpen: !1,
+  mouseUsedRef: { current: !1 },
+  setDropdownOpen: () => {
+  }
+});
+export {
+  o as DatePickerExtendedContext
+};
+//# sourceMappingURL=DatePickerExtendedContext.js.map

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -0,0 +1,60 @@
+import { jsx as e, jsxs as s, Fragment as m } from "react/jsx-runtime";
+import f, { useContext as u } from "react";
+import { F as D } from "../../chunks/vendor-BlJo2ILB.js";
+import { Dropdown as w } from "../Dropdown/Dropdown.js";
+import { DatePickerExtendedContext as x } from "./DatePickerExtendedContext.js";
+import "../Dropdown/mobile/DropdownMobile.js";
+import { DropdownMobileBody as b } from "../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as k } from "../Dropdown/mobile/DropdownMobileClose.js";
+import "../Dropdown/mobile/DropdownMobileFooter.js";
+import { DropdownMobileHeader as M } from "../Dropdown/mobile/DropdownMobileHeader.js";
+import "../Dropdown/mobile/DropdownMobileInner.js";
+import "../Dropdown/mobile/DropdownMobileInput.js";
+import "../Dropdown/mobile/DropdownMobileList.js";
+import "../Dropdown/mobile/DropdownMobileListItem.js";
+import "../Loader/LoaderSmall/LoaderSmall.js";
+import "../Loader/LoaderMiddle/LoaderMiddle.js";
+const h = "datePickerExtendedMobileDropdown__5a4f07ea", C = {
+  datePickerExtendedMobileDropdown: h
+}, E = f.forwardRef(
+  (i, d) => {
+    const { children: P, targetRef: r, setOpened: a, renderHeaderTarget: c, renderCalendar: t, focusTrapProps: o, ...p } = i, { mouseUsedRef: n, setDropdownOpen: l } = u(x);
+    return /* @__PURE__ */ e(
+      w,
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        targetRef: r,
+        mobileViewProps: {
+          children: /* @__PURE__ */ s(m, { children: [
+            /* @__PURE__ */ e(M, { controlButtons: /* @__PURE__ */ e(k, { onClick: () => l(!1) }), children: c() }),
+            /* @__PURE__ */ e(b, { children: t(!0) })
+          ] }),
+          className: C.datePickerExtendedMobileDropdown
+        },
+        setOpened: a,
+        ...p,
+        ref: d,
+        children: /* @__PURE__ */ e(
+          D,
+          {
+            ...o,
+            focusTrapOptions: {
+              clickOutsideDeactivates: !0,
+              fallbackFocus: r.current,
+              initialFocus: !n.current && void 0,
+              returnFocusOnDeactivate: !n.current,
+              ...o == null ? void 0 : o.focusTrapOptions
+            },
+            children: /* @__PURE__ */ e("div", { role: "presentation", children: t(!1) })
+          }
+        )
+      }
+    );
+  }
+);
+E.displayName = "DatePickerExtendedDropdown";
+export {
+  E as DatePickerExtendedDropdown
+};
+//# sourceMappingURL=DatePickerExtendedDropdown.js.map

package/components/DateRange/DateRange.js

@@ -0,0 +1,73 @@
+import { jsxs as v, jsx as m } from "react/jsx-runtime";
+import { c as i, j as c } from "../../chunks/vendor-BlJo2ILB.js";
+import { CaretleftStrokeSrvIcon20 as D, MinusStrokeSrvIcon20 as M, CaretrightStrokeSrvIcon20 as Y } from "@sberbusiness/icons-next";
+import { dateFormatYYYYMMDD as r } from "../../consts/DateConst.js";
+import { EDateRangeShiftUnit as h } from "./enums.js";
+const j = "dateRange__3472f1d6", C = "dateRangeButton__3316b20f", E = "separator__8b170546", d = {
+  dateRange: j,
+  dateRangeButton: C,
+  separator: E
+}, F = ({
+  children: y,
+  className: R,
+  value: f,
+  onChange: o,
+  shiftAmount: n = 1,
+  shiftUnit: s = h.MONTH,
+  hideNavigation: p,
+  renderPickerFrom: g,
+  renderPickerTo: u,
+  renderButtonForward: k,
+  renderButtonBack: S,
+  ...b
+}) => {
+  const [t, a] = f, x = i(d.dateRange, R), B = (e) => {
+    !e || !a || e <= a ? o([e, a]) : o([e, ""]);
+  }, I = (e) => {
+    !e || !t || e >= t ? o([t, e]) : o(["", e]);
+  }, N = () => {
+    if (!t || !a)
+      return;
+    const e = c(t, r), l = c(a, r);
+    o([
+      e.subtract(n, s).format(r),
+      l.subtract(n, s).format(r)
+    ]);
+  }, _ = () => {
+    if (!t || !a)
+      return;
+    const e = c(t, r), l = c(a, r);
+    o([
+      e.add(n, s).format(r),
+      l.add(n, s).format(r)
+    ]);
+  };
+  return /* @__PURE__ */ v("div", { className: x, ...b, children: [
+    !p && S({
+      children: /* @__PURE__ */ m(D, { paletteIndex: 5 }),
+      className: i(d.dateRangeButton, { disabled: !(t && a) }),
+      disabled: !(t && a),
+      onClick: N
+    }),
+    g({
+      onChange: B,
+      value: t
+    }),
+    /* @__PURE__ */ m(M, { className: d.separator, paletteIndex: 5 }),
+    u({
+      onChange: I,
+      value: a
+    }),
+    !p && k({
+      children: /* @__PURE__ */ m(Y, { paletteIndex: 5 }),
+      className: i(d.dateRangeButton, { disabled: !(t && a) }),
+      disabled: !(t && a),
+      onClick: _
+    })
+  ] });
+};
+F.displayName = "DateRange";
+export {
+  F as DateRange
+};
+//# sourceMappingURL=DateRange.js.map

package/components/DateRange/enums.js

@@ -0,0 +1,5 @@
+var A = /* @__PURE__ */ ((r) => (r.DAY = "day", r.WEEK = "week", r.MONTH = "month", r.QUARTER = "quarter", r.YEAR = "year", r))(A || {});
+export {
+  A as EDateRangeShiftUnit
+};
+//# sourceMappingURL=enums.js.map

package/components/DesignTokens/DesignTokenUtils.js

@@ -3,11 +3,11 @@ import { DesignTokensCore as m } from "./DesignTokensCore.js";
 import { DesignTokensCoreThemeDark as a } from "./DesignTokensCoreThemeDark.js";
 import { DesignTokensComponents as c } from "./DesignTokensComponents.js";
 import { DesignTokensComponentsThemeDark as f } from "./DesignTokensComponentsThemeDark.js";
-import { f as l } from "../../chunks/vendor-CF2m175I.js";
+import { k as l } from "../../chunks/vendor-BlJo2ILB.js";
 const n = {
   getCSSVariableByTokenGroup: (t, s) => {
     const e = Object.keys(t)[0], r = "triplex-next";
-    let o = "0.1.8";
+    let o = "0.10.0";
     return o = o.replace(/\./g, "-"), Object.keys(t[e]).map(
       (T) => `--${r}-${e}-${T}-${o}: ${n.getTokenValue(
         t[e][T],