urfu-ui-kit-react 2.1.2 → 2.1.4

package/dist/components/InputTime/InputTime.js

@@ -0,0 +1,335 @@
+import { jsxs as _, jsx as u } from "react/jsx-runtime";
+/* empty css                 */
+/* empty css                                        */
+/* empty css                  */
+/* empty css                 */
+import { useMountTransition$u as Jt } from "../../hooks/useMountTransition.js";
+import { getPopupTransitionStyle$u as Qt, POPUP_TRANSITION_MS$u as Yt } from "../../shared/popupTransition.js";
+import { InputTimeDropdown$u as te } from "./InputTimeDropdown.js";
+import { useRef as f, useState as d, useEffect as O, useMemo as w, useCallback as B, useLayoutEffect as it } from "react";
+import { Icon$u as ee } from "../Icon/Icon.js";
+import { Tooltip$u as ne } from "../Tooltip/Tooltip.js";
+import { handleTimeKeyDown$u as re } from "./inputTimeKeyDown.js";
+import { useInputTimeWheel$u as oe } from "./useInputTimeWheel.js";
+import { useAutoId$u as ie } from "../../hooks/useAutoId.js";
+import { useInputOverflow$u as se } from "../../hooks/useInputOverflow.js";
+import { getFieldAccessibility$u as ce } from "../../shared/fieldAccessibility.js";
+import { sizeClassName$u as ue } from "../../shared/size.js";
+import { resolveValidation$u as le } from "../../vanilla/core/validation.js";
+const Ce = ({
+  title: z = "",
+  placeholder: st = "Введите время",
+  defaultValue: v,
+  value: i,
+  id: ct,
+  name: R = "",
+  onChange: E,
+  required: K = !1,
+  disabled: s = !1,
+  isClearable: G = !1,
+  lineUp: P = !1,
+  rowGap: ut = 4,
+  columnGap: lt = 20,
+  styleInputContainer: at,
+  styleTitle: pt,
+  styleInput: mt,
+  tooltipMaxWidth: ft = 300,
+  wheelEdit: l = !1,
+  showHint: dt = !1,
+  hintText: gt = "Используйте колесо мыши или стрелки ↑↓ для изменения значения. Нажмите Enter для подтверждения.",
+  className: ht = "",
+  size: St,
+  validationText: yt = "Заполните поле",
+  validationOn: bt,
+  error: wt,
+  validationOnWithoutText: vt,
+  absoluteValidationText: $t,
+  "aria-label": xt,
+  "aria-labelledby": Rt,
+  "aria-describedby": Tt
+}) => {
+  const T = le({ error: wt, validationOn: bt, validationOnWithoutText: vt, validationText: yt }), a = ie(ct, "u-input-time"), It = ce(a, z, K, T, {
+    "aria-label": xt,
+    "aria-labelledby": Rt,
+    "aria-describedby": Tt
+  }), U = ue(St), V = f(null), r = f(null), I = f(!1), j = f(null), L = f(null), [g, $] = d(!1), { shouldRender: X, status: Mt, isAnimated: Ct } = Jt({
+    isOpen: g && !s,
+    duration: Yt
+  }), [h, p] = d(null), [Dt, m] = d(0), [Z, kt] = d(0), [At, Nt] = d(0), [S, J] = d(!1), [M, Q] = d(() => String(i ?? v ?? "")), Y = f(i), [Ft, Ht] = d(!1);
+  O(() => {
+    S || i !== Y.current && (Q(String(i ?? "")), Y.current = i);
+  }, [i, S]);
+  const o = w(() => {
+    if (S) return M;
+    const t = String(i ?? "").trim();
+    return t || M;
+  }, [M, i, S]);
+  se(r, o, s);
+  const C = w(() => /^\d{2}:\d{2}$/.test(o || ""), [o]), q = f(String(i ?? v ?? "")), D = f(
+    /^\d{2}:\d{2}$/.test(String(i ?? v ?? "")) ? String(i ?? v ?? "") : ""
+  ), k = w(() => C ? (o || "").split(":")[0] : null, [o, C]), A = w(() => C ? (o || "").split(":")[1] : null, [o, C]), Ot = w(() => Array.from({ length: 24 }, (t, e) => String(e).padStart(2, "0")), []), Bt = w(() => Array.from({ length: 60 }, (t, e) => String(e).padStart(2, "0")), []);
+  O(() => {
+    const t = () => {
+      Ht(window.innerWidth <= 900);
+    };
+    return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+  }, []), O(() => {
+    const t = (e) => {
+      if (!V.current) return;
+      const n = e.target;
+      n && !V.current.contains(n) && $(!1);
+    };
+    return document.addEventListener("pointerdown", t), () => document.removeEventListener("pointerdown", t);
+  }, []), O(() => {
+    if (!g) return;
+    const t = (e, n) => {
+      if (!e || !n) return;
+      const F = e.querySelector(
+        `.u-react-input-time-option[data-time-value="${n}"]`
+      );
+      if (!F) return;
+      const H = e.getBoundingClientRect(), b = F.getBoundingClientRect(), x = b.top - H.top;
+      x >= 0 && x + b.height <= e.clientHeight || (e.scrollTop += x - (e.clientHeight - b.height) / 2);
+    };
+    t(j.current, k), t(L.current, A);
+  }, [g, X, k, A]);
+  const c = B((t) => {
+    if (Q(t), q.current = t, /^\d{2}:\d{2}$/.test(t) && (D.current = t), !E) return;
+    E({
+      target: {
+        value: t,
+        id: a,
+        name: R
+      },
+      currentTarget: {
+        value: t,
+        id: a,
+        name: R
+      }
+    });
+  }, [a, R, E]), tt = G && !s && !!o, zt = () => {
+    var t;
+    c(""), $(!1), (t = r.current) == null || t.focus();
+  }, W = () => {
+    s || $(!0);
+  }, Et = (t) => {
+    const e = String(t.target.value ?? "");
+    if (/[^0-9:]/.test(e)) {
+      c(e.replace(/[^0-9:]/g, ""));
+      return;
+    }
+    t.target.value || (p("hour"), m(0)), c(t.target.value);
+  }, y = B((t) => {
+    r.current && (t === "hour" ? r.current.setSelectionRange(0, 2) : r.current.setSelectionRange(3, 5));
+  }, []), N = B((t) => {
+    requestAnimationFrame(() => {
+      y(t), requestAnimationFrame(() => y(t));
+    });
+  }, [y]);
+  it(() => {
+    if (!l) return;
+    const t = r.current;
+    !t || document.activeElement !== t || !h || y(h);
+  }, [o, h, y, At, l]), it(() => {
+    if (!l || Z === 0) return;
+    const t = r.current;
+    !t || document.activeElement !== t || t.setSelectionRange(0, t.value.length);
+  }, [Z, l]);
+  const et = (t, e, n) => t < e ? n : t > n ? e : t, nt = B((t) => {
+    const e = r.current, F = /^\d{2}:\d{2}$/.test(o || "") ? o : "00:00", [H, b] = F.split(":"), x = (e == null ? void 0 : e.selectionStart) ?? 0;
+    if ((h ?? (x <= 2 ? "hour" : "minute")) === "hour") {
+      const Xt = et(Number(H) + t, 0, 23), Zt = String(Xt).padStart(2, "0");
+      c(`${Zt}:${b}`), p("hour"), m(0), N("hour");
+      return;
+    }
+    const Gt = et(Number(b) + t, 0, 59), Ut = String(Gt).padStart(2, "0");
+    c(`${H}:${Ut}`), p("minute"), m(0), N("minute");
+  }, [h, o, c, N]), Pt = (t) => {
+    if (s) return;
+    const n = t.currentTarget.getBoundingClientRect().right - 44;
+    I.current = t.clientX >= n, W();
+  }, Vt = (t) => {
+    if (!l) return;
+    if (t.preventDefault(), t.detail >= 2) {
+      I.current = !1, p(null), m(0), kt((n) => n + 1);
+      return;
+    }
+    const e = I.current || (t.currentTarget.selectionStart ?? 0) <= 2 ? "hour" : "minute";
+    I.current = !1, p(e), m(0), Nt((n) => n + 1);
+  }, jt = () => {
+    var e;
+    const t = ((e = r.current) == null ? void 0 : e.value) ?? M ?? "";
+    q.current = t, /^\d{2}:\d{2}$/.test(t) && (D.current = t), J(!0), l && (p("hour"), m(0), N("hour"));
+  }, Lt = () => {
+    J(!1);
+    const t = q.current;
+    if (/^\d{2}:\d{2}$/.test(t)) return;
+    !(G && t.trim() === "") && /^\d{2}:\d{2}$/.test(D.current) && (c(D.current), p(null), m(0));
+  }, qt = (t) => {
+    c(`${t}:${A ?? "00"}`);
+  }, Wt = (t) => {
+    c(`${k ?? "00"}:${t}`), $(!1);
+  };
+  oe({
+    disabled: s,
+    inputRef: r,
+    changeActiveSegmentBy: nt,
+    wheelEdit: l,
+    isInputFocused: S,
+    hoursColumnRef: j,
+    minutesColumnRef: L,
+    isOpen: g
+  });
+  const rt = (t) => typeof t == "number" ? `calc(${t} * var(--u-preset-unit, 1px))` : String(t), _t = (t) => typeof t == "number" ? `calc(${t} * var(--u-unit, 1px))` : String(t), ot = /* @__PURE__ */ _(
+    "div",
+    {
+      className: `u-react-input-time-field ${g ? "u-react-input-time-field--open" : ""}`,
+      ref: V,
+      onKeyDown: (t) => {
+        var e;
+        t.key !== "Escape" || !g || (t.preventDefault(), t.stopPropagation(), $(!1), (e = r.current) == null || e.focus());
+      },
+      children: [
+        /* @__PURE__ */ u(
+          "input",
+          {
+            className: `u-react-input u-input ${T.hasError ? "u-input-required" : ""}`,
+            id: a,
+            ...It,
+            name: R,
+            type: "text",
+            inputMode: "numeric",
+            autoComplete: "off",
+            placeholder: st,
+            value: o || "",
+            defaultValue: v,
+            style: Object.assign({ paddingRight: tt ? "calc(68 * var(--u-unit, 1px))" : "calc(44 * var(--u-unit, 1px))" }, mt),
+            disabled: s,
+            ref: r,
+            onChange: Et,
+            onMouseDown: Pt,
+            onMouseUp: Vt,
+            onKeyDown: (t) => re(t, {
+              disabled: s,
+              inputRef: r,
+              displayedValue: o,
+              activeSegment: h,
+              segmentInputCount: Dt,
+              wheelEdit: l,
+              openDropdown: W,
+              changeActiveSegmentBy: nt,
+              selectSegment: y,
+              emitChange: c,
+              setActiveSegment: p,
+              setSegmentInputCount: m
+            }),
+            onFocus: jt,
+            onBlur: Lt
+          }
+        ),
+        tt && // Как у Select: место слева от значка (vanilla right 44u), вне обхода по Tab;
+        // mousedown не уводит фокус из поля, иначе blur откатил бы время.
+        /* @__PURE__ */ u(
+          "i",
+          {
+            className: "u-selectbox-select-icon-cross",
+            role: "button",
+            "aria-label": "Очистить",
+            style: { cursor: "pointer" },
+            onMouseDown: (t) => t.preventDefault(),
+            onClick: zt
+          }
+        ),
+        /* @__PURE__ */ u(
+          "button",
+          {
+            type: "button",
+            className: "u-react-input-time-icon-button",
+            disabled: s,
+            onClick: () => {
+              var t;
+              W(), (t = r.current) == null || t.focus();
+            },
+            "aria-label": "Открыть выбор времени",
+            children: /* @__PURE__ */ u("span", { className: "u-react-input-time-icon", "aria-hidden": !0, children: /* @__PURE__ */ u(ee, { name: "clock", color: "#1E4391", size: 20 }) })
+          }
+        ),
+        X && /* @__PURE__ */ u(
+          te,
+          {
+            hours: Ot,
+            minutes: Bt,
+            selectedHour: k,
+            selectedMinute: A,
+            hoursColumnRef: j,
+            minutesColumnRef: L,
+            onSelectHour: qt,
+            onSelectMinute: Wt,
+            style: Qt(Mt, Ct)
+          }
+        )
+      ]
+    }
+  );
+  return /* @__PURE__ */ _("div", { className: `u-react-input-container${U ? ` ${U}` : ""} ${ht}`, style: { position: "relative" }, children: [
+    /* @__PURE__ */ _(
+      "div",
+      {
+        style: Object.assign(
+          {
+            display: "flex",
+            flexDirection: P ? "row" : "column",
+            rowGap: P ? null : rt(ut),
+            columnGap: P ? rt(lt) : null
+          },
+          at
+        ),
+        children: [
+          z && /* @__PURE__ */ u(
+            "div",
+            {
+              id: `${a}-label`,
+              className: `${K ? "u-required" : ""} u-react-input-title`,
+              style: Object.assign(
+                {
+                  color: "var(--u-field-title-color, #545454)",
+                  fontSize: "var(--u-field-label-size-main, calc(14 * var(--u-unit, 1px)))"
+                },
+                pt
+              ),
+              children: z
+            }
+          ),
+          dt ? /* @__PURE__ */ u(
+            ne,
+            {
+              portalOn: !0,
+              id: `input-time-wheel-${a || "default"}`,
+              position: "top",
+              isActive: S && !s && !Ft,
+              showWhenActive: !0,
+              tooltipStyle: {
+                maxWidth: _t(ft),
+                width: "auto",
+                whiteSpace: "normal",
+                overflowWrap: "break-word"
+              },
+              tooltipText: gt,
+              children: ot
+            }
+          ) : ot
+        ]
+      }
+    ),
+    T.showText && /* @__PURE__ */ u(
+      "h5",
+      {
+        id: `${a}-error`,
+        className: "h5 clr-red-main",
+        style: $t ? { position: "absolute", bottom: "calc(-20 * var(--u-unit, 1px))" } : { position: "relative", marginTop: "calc(4 * var(--u-unit, 1px))" },
+        children: T.text
+      }
+    )
+  ] });
+};
+export { Ce as InputTime$u };

package/dist/components/InputTime/InputTimeDropdown.js

@@ -0,0 +1,31 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+const m = ({
+  values: n,
+  selected: o,
+  onSelect: c,
+  columnRef: i
+}) => /* @__PURE__ */ t("div", { className: "u-react-input-time-column", ref: i, children: n.map((e) => /* @__PURE__ */ t(
+  "button",
+  {
+    type: "button",
+    className: `u-react-input-time-option ${o === e ? "u-react-input-time-option--selected" : ""}`,
+    "data-time-value": e,
+    onClick: () => c(e),
+    children: e
+  },
+  e
+)) }), d = ({
+  hours: n,
+  minutes: o,
+  selectedHour: c,
+  selectedMinute: i,
+  hoursColumnRef: e,
+  minutesColumnRef: s,
+  onSelectHour: l,
+  onSelectMinute: u,
+  style: p
+}) => /* @__PURE__ */ r("div", { className: "u-react-input-time-dropdown", style: p, children: [
+  /* @__PURE__ */ t(m, { values: n, selected: c, onSelect: l, columnRef: e }),
+  /* @__PURE__ */ t(m, { values: o, selected: i, onSelect: u, columnRef: s })
+] });
+export { d as InputTimeDropdown$u };

package/dist/components/InputTime/inputTimeKeyDown.js

@@ -0,0 +1,63 @@
+const K = (e, w) => {
+  var g;
+  const {
+    disabled: D,
+    inputRef: o,
+    displayedValue: k,
+    activeSegment: m,
+    segmentInputCount: C,
+    wheelEdit: F,
+    openDropdown: s,
+    changeActiveSegmentBy: S,
+    selectSegment: i,
+    emitChange: c,
+    setActiveSegment: r,
+    setSegmentInputCount: n
+  } = w;
+  if (D || e.ctrlKey || e.metaKey || e.altKey) return;
+  const l = ((g = o.current) == null ? void 0 : g.value) ?? k ?? "", b = /* @__PURE__ */ new Set([
+    "Backspace",
+    "Delete",
+    "ArrowLeft",
+    "ArrowRight",
+    "Tab",
+    "Escape",
+    "Enter",
+    "Home",
+    "End"
+  ]);
+  if (e.key === "Enter") {
+    e.preventDefault(), s(), m === "minute" ? (r(null), n(0), requestAnimationFrame(() => {
+      var t;
+      (t = o.current) == null || t.blur();
+    })) : (r("minute"), n(0), requestAnimationFrame(() => i("minute")));
+    return;
+  }
+  if (F && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
+    e.preventDefault(), s(), S(e.key === "ArrowUp" ? 1 : -1);
+    return;
+  }
+  if (!/^\d$/.test(e.key)) {
+    if (b.has(e.key)) return;
+    e.preventDefault();
+    return;
+  }
+  e.preventDefault(), s();
+  const a = /^\d{2}:\d{2}$/.test(l || ""), q = a ? l : "00:00", [f, p] = q.split(":"), $ = e.currentTarget.selectionStart ?? 0, x = a ? m ?? ($ <= 2 ? "hour" : "minute") : "hour", u = a ? Math.min(C + 1, 2) : 1, h = u - 1;
+  if (x === "hour") {
+    const t = f.split("");
+    t[h] = e.key;
+    const A = t.join("");
+    if (Number(A) > 23) return;
+    c(`${A}:${p}`), u === 2 ? (r("minute"), n(0), requestAnimationFrame(() => i("minute"))) : (r("hour"), n(u), requestAnimationFrame(() => i("hour")));
+    return;
+  }
+  const d = p.split("");
+  d[h] = e.key;
+  const y = d.join("");
+  Number(y) > 59 || (c(`${f}:${y}`), u === 2 ? (r(null), n(0), requestAnimationFrame(() => {
+    var t;
+    (t = o.current) == null || t.blur();
+  })) : (r("minute"), n(u), requestAnimationFrame(() => i("minute"))));
+};
+export { K as handleTimeKeyDown$u };

package/dist/components/InputTime/useInputTimeWheel.js

@@ -0,0 +1,45 @@
+import { useCallback as v, useEffect as f } from "react";
+const g = (w) => {
+  const {
+    disabled: p,
+    inputRef: l,
+    changeActiveSegmentBy: d,
+    wheelEdit: i,
+    isInputFocused: h,
+    hoursColumnRef: u,
+    minutesColumnRef: o,
+    isOpen: m
+  } = w, E = v((t) => {
+    if (p) return;
+    const e = l.current;
+    !e || document.activeElement !== e || (t.cancelable && t.preventDefault(), t.stopPropagation(), d(t.deltaY < 0 ? 1 : -1));
+  }, [d, p, l]);
+  f(() => {
+    if (!i) return;
+    const t = l.current;
+    if (!t) return;
+    const e = (n) => E(n);
+    return t.addEventListener("wheel", e, { passive: !1 }), () => {
+      t.removeEventListener("wheel", e);
+    };
+  }, [E, i, l]), f(() => {
+    if (!i) return;
+    const t = (e) => {
+      if (!l.current || !h) return;
+      const r = e.target, s = u.current, a = o.current;
+      r && (s && s.contains(r) || a && a.contains(r)) || e.cancelable && e.preventDefault();
+    };
+    return window.addEventListener("wheel", t, { passive: !1, capture: !0 }), () => {
+      window.removeEventListener("wheel", t, !0);
+    };
+  }, [h, i, u, l, o]), f(() => {
+    if (!m) return;
+    const t = (a) => (c) => {
+      c.cancelable && c.preventDefault(), c.stopPropagation(), a.scrollTop += c.deltaY;
+    }, e = u.current, n = o.current, r = e ? t(e) : null, s = n ? t(n) : null;
+    return e && r && e.addEventListener("wheel", r, { passive: !1 }), n && s && n.addEventListener("wheel", s, { passive: !1 }), () => {
+      e && r && e.removeEventListener("wheel", r), n && s && n.removeEventListener("wheel", s);
+    };
+  }, [m, u, o]);
+};
+export { g as useInputTimeWheel$u };

package/dist/components/Menu/Menu.d.ts

@@ -1,5 +1,5 @@
 
 import { MenuProperties } from './Menu.types';
-import './Menu.less';
+
 export declare const Menu: ({ onClickSection, onClickSwitchMenu, showMenu, menuData, activeSection, type, paddingUl, className, foldedWidth, statisticsCard, maxWidth, minWidth, overlayMaxWidth, LinkComponent, id, }: MenuProperties) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Menu.d.ts.map

package/dist/components/Menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,aAAa,CAAC;AAErB,eAAO,MAAM,IAAI,GAAI,4LAgBlB,cAAc,4CA+IhB,CAAA"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,mDAAmD,CAAC;AAE3D,eAAO,MAAM,IAAI,GAAI,4LAgBlB,cAAc,4CA+IhB,CAAA"}

package/dist/components/Menu/Menu.js

@@ -0,0 +1,113 @@
+import { jsx as i, Fragment as F, jsxs as p } from "react/jsx-runtime";
+import { useRef as O, useEffect as f, useState as P } from "react";
+/* empty css                 */
+import { useAutoId$u as R } from "../../hooks/useAutoId.js";
+/* empty css                                  */
+const z = ({
+  onClickSection: s,
+  onClickSwitchMenu: l,
+  showMenu: c,
+  menuData: h,
+  activeSection: b,
+  type: x = "collapsible",
+  paddingUl: w = "32px 16px 32px 14px",
+  className: g = "",
+  foldedWidth: y = "1px",
+  statisticsCard: $,
+  maxWidth: v,
+  minWidth: N,
+  overlayMaxWidth: r = 1100,
+  LinkComponent: a,
+  id: E
+}) => {
+  const o = O(null), u = R(E, "u-collapsible-menu"), L = a, I = (e) => typeof e == "number" ? `${e}px` : String(e), m = (e) => {
+    if (e == null) return;
+    if (typeof e == "number")
+      return `calc(${e} * var(--u-unit, 1px))`;
+    const t = String(e).trim(), n = t.match(/^(-?\d+(?:\.\d+)?)px$/i);
+    return n ? `calc(${n[1]} * var(--u-unit, 1px))` : t;
+  }, j = (e) => e && e.replace(/(-?\d+(?:\.\d+)?)px\b/gi, (t, n) => `calc(${n} * var(--u-unit, 1px))`);
+  f(() => {
+    if (c || typeof l != "function") return;
+    const e = (t) => {
+      var d;
+      if (!window.matchMedia(`(max-width: ${r}px)`).matches) return;
+      const n = t.target;
+      n && ((d = o.current) != null && d.contains(n) || l(!0));
+    };
+    return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
+  }, [l, c, r]);
+  const [k, B] = P(
+    () => typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(`(max-width: ${r}px)`).matches : !1
+  );
+  f(() => {
+    if (typeof window > "u" || typeof window.matchMedia != "function") return;
+    const e = window.matchMedia(`(max-width: ${r}px)`), t = () => B(e.matches);
+    return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+  }, [r]);
+  const D = k ? "u-collapsible-menu--overlay" : "";
+  return /* @__PURE__ */ i(F, { children: x === "collapsible" && /* @__PURE__ */ p(
+    "div",
+    {
+      ref: o,
+      style: {
+        height: "100%",
+        "--max-width": I(y),
+        width: "100%"
+      },
+      className: `u-collapsible-menu ${D} ${g}`.trim(),
+      children: [
+        /* @__PURE__ */ i(
+          "input",
+          {
+            className: "u-collapsible-menu-input",
+            type: "checkbox",
+            name: "u-collapsible-menu",
+            id: u,
+            checked: c,
+            onChange: (e) => l(e.target.checked)
+          }
+        ),
+        /* @__PURE__ */ i("label", { className: "u-collapsible-menu-toggle", htmlFor: u }),
+        /* @__PURE__ */ p(
+          "div",
+          {
+            className: "u-collapsible-menu-body",
+            style: {
+              height: "100%",
+              "--max-width-body": m(v)
+            },
+            children: [
+              /* @__PURE__ */ i(
+                "ul",
+                {
+                  className: "u-collapsible-menu-list",
+                  style: { padding: j(w), minWidth: m(N) },
+                  children: h.map((e, t) => /* @__PURE__ */ i(
+                    "li",
+                    {
+                      className: b == e.id ? "u-collapsible-menu-list-item u-menu-active" : "u-collapsible-menu-list-item",
+                      id: String(e.id),
+                      onClick: () => s && s(e),
+                      children: a ? /* @__PURE__ */ i(L, { to: e.url, className: "u-collapsible-menu-list-item-link", children: e.title }) : /* @__PURE__ */ i(
+                        "a",
+                        {
+                          className: "u-collapsible-menu-list-item-link",
+                          href: e.url,
+                          children: e.title
+                        }
+                      )
+                    },
+                    e.id ?? t
+                  ))
+                }
+              ),
+              $
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+};
+export { z as Menu$u };

package/dist/components/Message/Message.js

@@ -0,0 +1,29 @@
+import { jsx as i } from "react/jsx-runtime";
+/* empty css                 */
+/* empty css         */
+const g = ({
+  size: e = "medium",
+  variant: s = "info",
+  children: a,
+  className: m = ""
+}) => /* @__PURE__ */ i("div", { className: `${((r, u) => {
+  switch (`${r}-${u}`) {
+    case "medium-info":
+      return "u-message";
+    case "medium-fail":
+      return "u-message-fail";
+    case "medium-success":
+      return "u-message-success";
+    case "medium-warning":
+      return "u-message-warning";
+    case "small-info":
+      return "u-message-small";
+    case "small-fail":
+      return "u-message-small-fail";
+    case "small-success":
+      return "u-message-small-success";
+    case "small-warning":
+      return "u-message-small-warning";
+  }
+})(e, s)} ${m}`, role: s === "fail" || s === "warning" ? "alert" : void 0, children: a });
+export { g as Message$u };

package/dist/components/Modal/Modal.d.ts

@@ -2,6 +2,7 @@
 import type { ModalProperties } from './Modal.types';
 import '../../styles/tokens.less';
 import '../../styles/popup.less';
+
 import './Modal.less';
 export declare const Modal: ({ onCancel, active, ariaLabel, ariaLabelledBy, children, maxWidth, maxHeight, className, height, notCloseClickOnBack, closeOnEscape, closeButtonInside, lockScroll, unmountOnClose, portalOn, trapFocus, initialFocus, mobileSheet, }: ModalProperties) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Modal.d.ts.map

package/dist/components/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAIpD,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;AAChC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,KAAK,GAAI,uOAmBnB,eAAe,4CA0IjB,CAAA"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAIpD,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;AAChC,OAAO,oDAAoD,CAAA;AAC3D,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,KAAK,GAAI,uOAmBnB,eAAe,4CA6IjB,CAAA"}