urfu-ui-kit-react 2.1.4 → 2.1.6

package/dist/components/InputText/InputText.js

@@ -1,79 +1,84 @@
-import { jsx as f, jsxs as m } from "react/jsx-runtime";
-import { getFieldAccessibility$u as le } from "../../shared/fieldAccessibility.js";
+import { jsx as d, jsxs as p } from "react/jsx-runtime";
+import { getFieldAccessibility$u as be } from "../../shared/fieldAccessibility.js";
 /* empty css                 */
-import { useRef as ue, useState as pe, useEffect as fe } from "react";
-import { useAutoId$u as me } from "../../hooks/useAutoId.js";
-import { useInputOverflow$u as de } from "../../hooks/useInputOverflow.js";
-import { isCompact$u as xe, sizeClassName$u as ve } from "../../shared/size.js";
-import { useInputAffix$u as N, useInputAffixElement$u as z } from "./InputAffix.js";
+import { forwardRef as he, useState as ye, useEffect as ge } from "react";
+import { useAutoId$u as Se } from "../../hooks/useAutoId.js";
+import { useForwardedRef$u as $e } from "../../hooks/useForwardedRef.js";
+import { useInputOverflow$u as Ie } from "../../hooks/useInputOverflow.js";
+import { isCompact$u as we, sizeClassName$u as Ce } from "../../shared/size.js";
+import { useInputAffix$u as N, useInputAffixElement$u as O } from "./InputAffix.js";
 /* empty css                                        */
 /* empty css                                         */
-import { resolveValidation$u as he } from "../../vanilla/core/validation.js";
-const ke = ({
-  "aria-label": C,
-  "aria-labelledby": k,
-  "aria-describedby": w,
-  title: c = "",
-  placeholder: E = "",
-  defaultValue: O,
-  value: l,
-  id: R,
-  name: P = "",
-  onChange: d,
-  required: x = !1,
-  disabled: s = !1,
-  lineUp: u = !1,
-  rowGap: T = 4,
-  columnGap: B = 20,
-  styleInputContainer: G,
-  styleTitle: q,
-  styleInput: D,
-  className: F = "",
-  tableView: v = !1,
-  size: h,
-  validationText: L = "Заполните поле",
-  validationOn: H,
-  error: J,
-  validationOnWithoutText: K,
-  absoluteValidationText: M,
-  prefix: Q,
-  prefixValue: V,
-  defaultPrefixValue: W,
-  onPrefixChange: X,
-  prefixPicker: Y = "auto",
-  suffix: Z,
-  suffixValue: _,
-  defaultSuffixValue: U,
-  onSuffixChange: ee,
-  suffixPicker: te = "auto"
-}) => {
-  const a = he({ error: J, validationOn: H, validationOnWithoutText: K, validationText: L }), t = xe(h, v), b = ve(h, v), i = me(R, "u-input-text"), g = N(Q, V, W, X), y = N(Z, _, U, ee), n = ue(null);
-  de(n, l, s);
+import { resolveValidation$u as Ae } from "../../vanilla/core/validation.js";
+const Ne = he((m, P) => {
+  const {
+    "aria-label": T,
+    "aria-labelledby": V,
+    "aria-describedby": j,
+    title: u = "",
+    placeholder: z = "",
+    defaultValue: k,
+    value: c,
+    id: R,
+    name: B = "",
+    onChange: x,
+    onBlur: E,
+    type: G = "text",
+    inputMode: q,
+    pattern: L,
+    required: v = !1,
+    disabled: r = !1,
+    lineUp: f = !1,
+    rowGap: D = 4,
+    columnGap: F = 20,
+    styleInputContainer: M,
+    styleTitle: U,
+    styleInput: W,
+    className: H = "",
+    tableView: b = !1,
+    size: h,
+    validationText: J = "Заполните поле",
+    validationOn: K,
+    error: Q,
+    validationOnWithoutText: X,
+    absoluteValidationText: Y,
+    prefix: Z,
+    prefixValue: _,
+    defaultPrefixValue: ee,
+    onPrefixChange: te,
+    prefixPicker: ie = "auto",
+    suffix: ae,
+    suffixValue: ne,
+    defaultSuffixValue: re,
+    onSuffixChange: oe,
+    suffixPicker: le = "auto"
+  } = m, se = Object.prototype.hasOwnProperty.call(m, "value"), o = Ae({ error: Q, validationOn: K, validationOnWithoutText: X, validationText: J }), t = we(h, b), y = Ce(h, b), i = Se(R, "u-input-text"), g = N(Z, _, ee, te), S = N(ae, ne, re, oe), [l, ue] = $e(P);
+  Ie(l, c, r);
   const $ = () => {
     var e;
-    return (e = n.current) == null ? void 0 : e.focus();
-  }, o = z({ side: "prefix", inputId: i, ...g, onSelect: g.select, onPicked: $, picker: Y, disabled: s, compact: t }), r = z({ side: "suffix", inputId: i, ...y, onSelect: y.select, onPicked: $, picker: te, disabled: s, compact: t }), ie = !!(o.element || r.element), ne = le(i, c, x, a, {
-    "aria-label": C,
-    "aria-labelledby": k,
-    "aria-describedby": [w, o.id, r.id].filter(Boolean).join(" ") || void 0
-  }), S = ({ mode: e, width: se }) => {
-    const j = t ? "var(--u-unit, 1px)" : "var(--u-preset-unit, 1px)", [ae, ce] = e === "menu" ? [0, t ? 8 : 16] : [t ? 4 : 8, t ? 6 : 10];
-    return `calc(${ae} * ${j} + ${se}px + ${ce} * ${j})`;
-  }, [p, oe] = pe(null), re = (e) => {
-    oe(e.target.selectionStart), d && d(e);
+    return (e = l.current) == null ? void 0 : e.focus();
+  }, a = O({ side: "prefix", inputId: i, ...g, onSelect: g.select, onPicked: $, picker: ie, disabled: r, compact: t }), n = O({ side: "suffix", inputId: i, ...S, onSelect: S.select, onPicked: $, picker: le, disabled: r, compact: t }), ce = !!(a.element || n.element), fe = be(i, u, v, o, {
+    "aria-label": T,
+    "aria-labelledby": V,
+    "aria-describedby": [j, a.id, n.id].filter(Boolean).join(" ") || void 0
+  }), I = ({ mode: e, width: me }) => {
+    const A = t ? "var(--u-unit, 1px)" : "var(--u-preset-unit, 1px)", [xe, ve] = e === "menu" ? [0, t ? 8 : 16] : [t ? 4 : 8, t ? 6 : 10];
+    return `calc(${xe} * ${A} + ${me}px + ${ve} * ${A})`;
+  }, [s, de] = ye(null), pe = (e) => {
+    de(e.target.selectionStart), x && x(e);
   };
-  fe(() => {
-    const e = n.current;
-    e != null && e.matches(":focus") && e.setSelectionRange(p, p);
-  }, [n, p, l]);
-  const A = (e) => typeof e == "number" ? `calc(${e} * var(--u-preset-unit, 1px))` : String(e), I = /* @__PURE__ */ f(
+  ge(() => {
+    const e = l.current;
+    s !== null && (e != null && e.matches(":focus")) && e.setSelectionRange(s, s);
+  }, [l, s, c]);
+  const w = (e) => typeof e == "number" ? `calc(${e} * var(--u-preset-unit, 1px))` : String(e), C = /* @__PURE__ */ d(
     "input",
     {
-      ...ne,
-      className: `u-react-input u-input ${a.hasError ? "u-input-required" : ""}`,
+      ...fe,
+      className: `u-react-input u-input ${o.hasError ? "u-input-required" : ""}`,
       id: i,
-      ref: n,
-      name: P,
+      ref: ue,
+      name: B,
       style: Object.assign(
         {},
         t && {
@@ -82,56 +87,60 @@ const ke = ({
           padding: "var(--u-compact-padding)",
           borderRadius: "8px"
         },
-        o.element && { paddingLeft: S(o) },
-        r.element && { paddingRight: S(r) },
-        D
+        a.element && { paddingLeft: I(a) },
+        n.element && { paddingRight: I(n) },
+        W
       ),
-      type: "text",
-      placeholder: E,
-      value: l || "",
-      defaultValue: O,
-      disabled: s,
-      onChange: re
+      type: G,
+      inputMode: q,
+      pattern: L,
+      placeholder: z,
+      value: se ? c || "" : void 0,
+      defaultValue: k,
+      disabled: r,
+      onChange: pe,
+      onBlur: E
     }
   );
-  return /* @__PURE__ */ m("div", { className: `u-react-input-container${b ? ` ${b}` : ""} ${F}`, style: { position: "relative" }, children: [
-    /* @__PURE__ */ m(
+  return /* @__PURE__ */ p("div", { className: `u-react-input-container${y ? ` ${y}` : ""} ${H}`, style: { position: "relative" }, children: [
+    /* @__PURE__ */ p(
       "div",
       {
         style: Object.assign(
           {
             display: "flex",
-            flexDirection: u ? "row" : "column",
-            rowGap: u ? null : A(T),
-            columnGap: u ? A(B) : null
+            flexDirection: f ? "row" : "column",
+            rowGap: f ? null : w(D),
+            columnGap: f ? w(F) : null
           },
-          G
+          M
         ),
         children: [
-          c && /* @__PURE__ */ f(
+          u && /* @__PURE__ */ d(
             "div",
             {
               id: `${i}-label`,
-              className: `${x ? "u-required" : ""} u-react-input-title`,
+              className: `${v ? "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)))"
                 },
-                q
+                U
               ),
-              children: c
+              children: u
             }
           ),
-          ie ? /* @__PURE__ */ m("div", { className: "u-react-input-affixed", children: [
-            o.element,
-            I,
-            r.element
-          ] }) : I
+          ce ? /* @__PURE__ */ p("div", { className: "u-react-input-affixed", children: [
+            a.element,
+            C,
+            n.element
+          ] }) : C
         ]
       }
     ),
-    a.showText && /* @__PURE__ */ f("h5", { id: `${i}-error`, className: "h5 clr-red-main", style: M ? { position: "absolute", bottom: "calc(-20 * var(--u-unit, 1px))" } : { position: "relative", marginTop: "calc(4 * var(--u-unit, 1px))" }, children: a.text })
+    o.showText && /* @__PURE__ */ d("h5", { id: `${i}-error`, className: "h5 clr-red-main", style: Y ? { position: "absolute", bottom: "calc(-20 * var(--u-unit, 1px))" } : { position: "relative", marginTop: "calc(4 * var(--u-unit, 1px))" }, children: o.text })
   ] });
-};
-export { ke as InputText$u };
+});
+Ne.displayName = "InputText";
+export { Ne as InputText$u };

package/dist/components/InputText/InputText.types.d.ts

@@ -21,10 +21,21 @@ export type InputTextProperties = FieldAccessibilityProperties & Partial<{
     title: string;
     placeholder: string;
     defaultValue: string;
+    /**
+     * Значение поля. Без пропа `value` поле неконтролируемое: значение держит само поле,
+     * начальное — из `defaultValue`. Так работает `register` из react-hook-form.
+     */
     value: string;
     id: string;
     name: string;
     onChange: React.ChangeEventHandler<HTMLInputElement>;
+    onBlur: React.FocusEventHandler<HTMLInputElement>;
+    /** Тип поля: почта, телефон, адрес и поиск открывают нужную клавиатуру и автозаполнение. */
+    type: 'text' | 'email' | 'tel' | 'url' | 'search';
+    /** Какую экранную клавиатуру показать (`numeric`, `tel`, `email` и др.). */
+    inputMode: React.HTMLAttributes<HTMLInputElement>['inputMode'];
+    /** Шаблон проверки значения браузером. */
+    pattern: string;
     required: boolean;
     disabled: boolean;
     lineUp: boolean;

package/dist/components/InputText/InputText.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputText.types.d.ts","sourceRoot":"","sources":["../../../src/components/InputText/InputText.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1E,mFAAmF;AACnF,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAAG,SAAS,gBAAgB,EAAE,CAAC;AAE/E;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG,4BAA4B,GAAG,OAAO,CAAC;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACrD,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mBAAmB,EAAE,aAAa,CAAC;IACnC,UAAU,EAAE,aAAa,CAAC;IAC1B,UAAU,EAAE,aAAa,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,uBAAuB,EAAE,OAAO,CAAC;IACjC,sBAAsB,EAAE,OAAO,CAAC;IAChC;;;;;;OAMG;IACH,MAAM,EAAE,iBAAiB,CAAC;IAC1B,8FAA8F;IAC9F,WAAW,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kEAAkE;IAClE,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,sEAAsE;IACtE,YAAY,EAAE,gBAAgB,CAAC;IAC/B,wGAAwG;IACxG,MAAM,EAAE,iBAAiB,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,gBAAgB,CAAC;CAClC,CAAC,CAAC"}
+{"version":3,"file":"InputText.types.d.ts","sourceRoot":"","sources":["../../../src/components/InputText/InputText.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1E,mFAAmF;AACnF,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAAG,SAAS,gBAAgB,EAAE,CAAC;AAE/E;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG,4BAA4B,GAAG,OAAO,CAAC;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACrD,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAClD,4FAA4F;IAC5F,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAClD,4EAA4E;IAC5E,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,WAAW,CAAC,CAAC;IAC/D,0CAA0C;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mBAAmB,EAAE,aAAa,CAAC;IACnC,UAAU,EAAE,aAAa,CAAC;IAC1B,UAAU,EAAE,aAAa,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,uBAAuB,EAAE,OAAO,CAAC;IACjC,sBAAsB,EAAE,OAAO,CAAC;IAChC;;;;;;OAMG;IACH,MAAM,EAAE,iBAAiB,CAAC;IAC1B,8FAA8F;IAC9F,WAAW,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kEAAkE;IAClE,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,sEAAsE;IACtE,YAAY,EAAE,gBAAgB,CAAC;IAC/B,wGAAwG;IACxG,MAAM,EAAE,iBAAiB,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,gBAAgB,CAAC;CAClC,CAAC,CAAC"}

package/dist/components/InputTime/inputTimeKeyDown.d.ts

@@ -1,3 +1,18 @@
-import type { KeyboardEvent } from 'react';
-export declare const handleTimeKeyDown: (event: KeyboardEvent<HTMLInputElement>, ctx: any) => void;
+import type { KeyboardEvent, RefObject } from 'react';
+type TimeKeyDownContext = {
+    disabled: boolean;
+    inputRef: RefObject<HTMLInputElement | null>;
+    displayedValue: string;
+    activeSegment: 'hour' | 'minute' | null;
+    segmentInputCount: number;
+    wheelEdit: boolean;
+    openDropdown: () => void;
+    changeActiveSegmentBy: (delta: number) => void;
+    selectSegment: (segment: 'hour' | 'minute') => void;
+    emitChange: (nextValue: string) => void;
+    setActiveSegment: (segment: 'hour' | 'minute' | null) => void;
+    setSegmentInputCount: (count: number) => void;
+};
+export declare const handleTimeKeyDown: (event: KeyboardEvent<HTMLInputElement>, ctx: TimeKeyDownContext) => void;
+export {};
 //# sourceMappingURL=inputTimeKeyDown.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"inputTimeKeyDown.d.ts","sourceRoot":"","sources":["../../../src/components/InputTime/inputTimeKeyDown.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK3C,eAAO,MAAM,iBAAiB,GAC5B,OAAO,aAAa,CAAC,gBAAgB,CAAC,EACtC,KAAK,GAAG,SAsHT,CAAC"}
+{"version":3,"file":"inputTimeKeyDown.d.ts","sourceRoot":"","sources":["../../../src/components/InputTime/inputTimeKeyDown.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC7C,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,CAAC;IACxC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,QAAQ,KAAK,IAAI,CAAC;IACpD,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9D,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,OAAO,aAAa,CAAC,gBAAgB,CAAC,EACtC,KAAK,kBAAkB,SAsHxB,CAAC"}

package/dist/components/InputTime/useInputTimeWheel.d.ts

@@ -1,2 +1,14 @@
-export declare const useInputTimeWheel: (ctx: any) => void;
+import type { RefObject } from 'react';
+type InputTimeWheelContext = {
+    disabled: boolean;
+    inputRef: RefObject<HTMLInputElement | null>;
+    changeActiveSegmentBy: (delta: number) => void;
+    wheelEdit: boolean;
+    isInputFocused: boolean;
+    hoursColumnRef: RefObject<HTMLDivElement | null>;
+    minutesColumnRef: RefObject<HTMLDivElement | null>;
+    isOpen: boolean;
+};
+export declare const useInputTimeWheel: (ctx: InputTimeWheelContext) => void;
+export {};
 //# sourceMappingURL=useInputTimeWheel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useInputTimeWheel.d.ts","sourceRoot":"","sources":["../../../src/components/InputTime/useInputTimeWheel.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,GAAI,KAAK,GAAG,SAmGzC,CAAC"}
+{"version":3,"file":"useInputTimeWheel.d.ts","sourceRoot":"","sources":["../../../src/components/InputTime/useInputTimeWheel.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC7C,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjD,gBAAgB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,KAAK,qBAAqB,SAmG3D,CAAC"}

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

package/dist/components/Menu/Menu.js

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

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,oDAAoD,CAAA;AAC3D,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,KAAK,GAAI,uOAmBnB,eAAe,4CA6IjB,CAAA"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAIA,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,4CAmJjB,CAAA"}