urfu-ui-kit-react 2.1.7-next.3 → 2.1.7-next.5

package/dist/components/InputTime/InputTime.js

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

package/dist/components/InputTime/InputTimeDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputTimeDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/InputTime/InputTimeDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,KAAK,KAAK,GAAG;IACT,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,cAAc,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,gBAAgB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AA6BF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,0HAU/B,KAAK,4CAKP,CAAC"}
+{"version":3,"file":"InputTimeDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/InputTime/InputTimeDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,KAAK,KAAK,GAAG;IACT,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,cAAc,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,gBAAgB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AA6BF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,0HAU/B,KAAK,4CAKP,CAAC"}

package/dist/components/InputTime/InputTimeDropdown.js

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

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;AAG9C,OAAO,mDAAmD,CAAC;AAE3D,eAAO,MAAM,IAAI,GAAI,4LAgBlB,cAAc,4CAmJhB,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;AAG9C,OAAO,mDAAmD,CAAC;AAG3D,eAAO,MAAM,IAAI,GAAI,4LAgBlB,cAAc,4CAmJhB,CAAA"}