urfu-ui-kit-react 2.1.5 → 2.1.6

package/dist/components/Accordion/Accordion.d.ts

@@ -1,4 +1,4 @@
 
 import { AccordionProperties } from './Accordion.types';
-export declare const Accordion: ({ title, id, children, className }: AccordionProperties) => import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: ({ title, id, children, className, defaultOpen, }: AccordionProperties) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Accordion.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAGvD,eAAO,MAAM,SAAS,GAAI,oCAKvB,mBAAmB,4CAoBrB,CAAA"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAGvD,eAAO,MAAM,SAAS,GAAI,kDAMvB,mBAAmB,4CAoBrB,CAAA"}

package/dist/components/Accordion/Accordion.js

@@ -1,18 +1,19 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
 /* empty css                 */
-import { useAutoId$u as t } from "../../hooks/useAutoId.js";
-const m = ({
+import { useAutoId$u as r } from "../../hooks/useAutoId.js";
+const p = ({
   title: i = "",
   id: a = "",
   children: d = /* @__PURE__ */ o("div", {}),
-  className: n = ""
+  className: t = "",
+  defaultOpen: e = !1
 }) => {
-  const c = `u-accordion${t(a, "auto")}`;
-  return /* @__PURE__ */ r("div", { className: `u-accordion ${n}`, children: [
+  const c = `u-accordion${r(a, "auto")}`;
+  return /* @__PURE__ */ n("div", { className: `u-accordion ${t}`, children: [
     /* @__PURE__ */ o("div", { className: "u-accordion-title", children: i }),
-    /* @__PURE__ */ o("input", { className: "u-accordion-input", type: "checkbox", id: c }),
+    /* @__PURE__ */ o("input", { className: "u-accordion-input", type: "checkbox", id: c, defaultChecked: e }),
     /* @__PURE__ */ o("label", { className: "u-accordion-toggle", htmlFor: c }),
     /* @__PURE__ */ o("div", { className: "u-accordion-content", children: d })
   ] });
 };
-export { m as Accordion$u };
+export { p as Accordion$u };

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

@@ -4,5 +4,7 @@ export type AccordionProperties = Partial<{
     id: string;
     children: ReactNode;
     className: string;
+    /** Открыть секцию при первом показе. Дальше её открывает и закрывает пользователь. */
+    defaultOpen: boolean;
 }>;
 //# sourceMappingURL=Accordion.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.types.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC"}
+{"version":3,"file":"Accordion.types.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,sFAAsF;IACtF,WAAW,EAAE,OAAO,CAAC;CACxB,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"BreadCrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/BreadCrumbs/BreadCrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0DAA0D,CAAC;AAGlE,OAAO,KAAK,EAAkB,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAIjF,eAAO,MAAM,WAAW,GAAI,mCAIzB,qBAAqB,4CAqCvB,CAAC"}
+{"version":3,"file":"BreadCrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/BreadCrumbs/BreadCrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0DAA0D,CAAC;AAIlE,OAAO,KAAK,EAAkB,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAIjF,eAAO,MAAM,WAAW,GAAI,mCAIzB,qBAAqB,4CAuCvB,CAAC"}

package/dist/components/BreadCrumbs/BreadCrumbs.js

@@ -1,32 +1,33 @@
-import { jsx as s, jsxs as u } from "react/jsx-runtime";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
 /* empty css                 */
 /* empty css                                         */
 import { Icon$u as p } from "../Icon/Icon.js";
-const h = (e) => !!e.to, v = ({
+import { isPlainLeftClick$u as h } from "../../vanilla/core/linkClick.js";
+const d = (e) => !!e.to, $ = ({
   items: e = [],
-  className: m = "",
-  onNavigate: o
+  className: u = "",
+  onNavigate: c
 }) => {
-  const a = e.filter((r) => r == null ? void 0 : r.label);
-  return a.length ? /* @__PURE__ */ s("div", { className: `u-breadcrumbs ${m}`.trim(), children: a.map((r, l) => {
-    const n = h(r) && !!r.to, t = n ? "th clr-blue-main" : "tt clr-gray-60", c = `u-breadcrumbs__item ${n ? `ucp ${t}` : t}`.trim(), i = l < a.length - 1;
-    return /* @__PURE__ */ u("div", { className: "u-breadcrumbs__entry", children: [
-      n && r.to ? /* @__PURE__ */ u(
+  const l = e.filter((a) => a == null ? void 0 : a.label);
+  return l.length ? /* @__PURE__ */ r("nav", { className: `u-breadcrumbs ${u}`.trim(), "aria-label": "Навигационная цепочка", children: l.map((a, s) => {
+    const n = d(a) && !!a.to, t = n ? "th clr-blue-main" : "tt clr-gray-60", o = `u-breadcrumbs__item ${n ? `ucp ${t}` : t}`.trim(), b = s < l.length - 1;
+    return /* @__PURE__ */ m("div", { className: "u-breadcrumbs__entry", children: [
+      n && a.to ? /* @__PURE__ */ m(
         "a",
         {
-          className: c,
-          href: r.to,
-          onClick: o ? (b) => {
-            b.preventDefault(), r.to && o(r.to);
+          className: o,
+          href: a.to,
+          onClick: c ? (i) => {
+            h(i) && (i.preventDefault(), a.to && c(a.to));
           } : void 0,
           children: [
-            l === 0 ? /* @__PURE__ */ s(p, { name: "left-arrow", className: "clr-blue-main", size: "16px" }) : null,
-            r.label
+            s === 0 ? /* @__PURE__ */ r(p, { name: "left-arrow", className: "clr-blue-main", size: "16px" }) : null,
+            /* @__PURE__ */ r("span", { className: "u-breadcrumbs__label", children: a.label })
           ]
         }
-      ) : /* @__PURE__ */ s("span", { className: c, "aria-current": l === a.length - 1 ? "page" : void 0, children: r.label }),
-      i ? /* @__PURE__ */ s("span", { className: t, children: "/" }) : null
-    ] }, `${l}-${String(r.label)}`);
+      ) : /* @__PURE__ */ r("span", { className: o, "aria-current": s === l.length - 1 ? "page" : void 0, children: a.label }),
+      b ? /* @__PURE__ */ r("span", { className: t, children: "/" }) : null
+    ] }, `${s}-${String(a.label)}`);
   }) }) : null;
 };
-export { v as BreadCrumbs$u };
+export { $ as BreadCrumbs$u };

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8F,MAAM,OAAO,CAAC;AAInH,OAAO,4CAA4C,CAAC;AACpD,OAAO,KAAK,EAAwB,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AASjF,OAAO,iBAAiB,CAAC;AA+DzB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsZjD,CAAC"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8F,MAAM,OAAO,CAAC;AAInH,OAAO,4CAA4C,CAAC;AACpD,OAAO,KAAK,EAAwB,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AASjF,OAAO,iBAAiB,CAAC;AAgEzB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsZjD,CAAC"}

package/dist/components/Calendar/Calendar.js

@@ -1,39 +1,40 @@
-import { jsx as o, jsxs as b, Fragment as De } from "react/jsx-runtime";
-import { getFieldAccessibility$u as Ie } from "../../shared/fieldAccessibility.js";
-import { useRef as Ae, useState as m, useInsertionEffect as Me, useEffect as I, useMemo as Oe, useContext as Ne, createContext as ze } from "react";
-import { createPortal as Ee } from "react-dom";
-import Pe, { registerLocale$u as $e } from "../../vendor/react-datepicker/dist/es/index.js";
+import { jsx as r, jsxs as h, Fragment as Se } from "react/jsx-runtime";
+import { getFieldAccessibility$u as De } from "../../shared/fieldAccessibility.js";
+import { useRef as Ie, useState as f, useInsertionEffect as Oe, useEffect as O, useMemo as Pe, useContext as Me, createContext as ze } from "react";
+import { createPortal as Ae } from "react-dom";
+import Ne, { registerLocale$u as Ee } from "../../vendor/react-datepicker/dist/es/index.js";
 /* empty css                                                  */
-import { MaskedDateInput$u as je } from "./MaskedDateInput.js";
-import { Tooltip$u as Le } from "../Tooltip/Tooltip.js";
+import { MaskedDateInput$u as $e } from "./MaskedDateInput.js";
+import { Tooltip$u as je } from "../Tooltip/Tooltip.js";
 import { ru$u as Fe } from "../../vendor/date-fns/locale/ru.js";
 /* empty css          */
-import { useMountTransition$u as Re } from "../../hooks/useMountTransition.js";
-import { useAutoId$u as Te } from "../../hooks/useAutoId.js";
+import { useMountTransition$u as Le } from "../../hooks/useMountTransition.js";
+import { POPUP_TRANSITION_MS$u as Te } from "../../shared/popupTransition.js";
+import { useAutoId$u as Re } from "../../hooks/useAutoId.js";
 import { isCompact$u as _e, sizeClassName$u as qe } from "../../shared/size.js";
 import { getPortalScopeProps$u as Be } from "../../shared/uiKitDefaults.js";
 import { CalendarSelect$u as G } from "./CalendarSelect.js";
 import { resolveValidation$u as We } from "../../vanilla/core/validation.js";
-import { getYear$u as A } from "../../vendor/date-fns/getYear.js";
+import { getYear$u as P } from "../../vendor/date-fns/getYear.js";
 import { getMonth$u as Ge } from "../../vendor/date-fns/getMonth.js";
-$e(
+Ee(
   "ru",
   Fe
 );
-const H = (i) => {
-  if (!i) return null;
-  const l = new Date(i);
+const H = (a) => {
+  if (!a) return null;
+  const l = new Date(a);
   return l.setHours(12, 0, 0, 0), l;
 };
-function He(i, l, g = 1) {
+function He(a, l, w = 1) {
   return {
     *[Symbol.iterator]() {
-      for (let s = i; s < l; s += g)
+      for (let s = a; s < l; s += w)
         yield s;
     }
   };
 }
-const v = [
+const x = [
   "Январь",
   "Февраль",
   "Март",
@@ -47,27 +48,27 @@ const v = [
   "Ноябрь",
   "Декабрь"
 ], Ve = [
-  ...He(A(/* @__PURE__ */ new Date()) - 100, A(/* @__PURE__ */ new Date()) + 15, 1)
-], V = ze(null), Ye = ({ children: i }) => {
-  const l = Ne(V);
-  return l ? Ee(/* @__PURE__ */ o("div", { children: i }), l) : /* @__PURE__ */ o(De, { children: i });
-}, pt = ({
-  "aria-label": i,
+  ...He(P(/* @__PURE__ */ new Date()) - 100, P(/* @__PURE__ */ new Date()) + 15, 1)
+], V = ze(null), Ye = ({ children: a }) => {
+  const l = Me(V);
+  return l ? Ae(/* @__PURE__ */ r("div", { children: a }), l) : /* @__PURE__ */ r(Se, { children: a });
+}, mt = ({
+  "aria-label": a,
   "aria-labelledby": l,
-  "aria-describedby": g,
+  "aria-describedby": w,
   title: s = "",
-  selected: x,
-  onChange: M,
+  selected: g,
+  onChange: d,
   isFilter: Y,
   placeholder: J = "Выберите дату",
-  inline: C,
-  portalOn: O = !1,
-  open: N,
+  inline: k,
+  portalOn: M = !1,
+  open: z,
   greyIcon: K,
-  isClearable: f,
-  setOptionState: z,
-  tableView: E,
-  size: P,
+  isClearable: y,
+  setOptionState: A,
+  tableView: N,
+  size: E,
   id: Q,
   required: $ = !1,
   validationText: X = "Заполните поле",
@@ -75,96 +76,96 @@ const v = [
   error: U,
   validationOnWithoutText: ee,
   absoluteValidationText: te,
-  lineUp: w = !1,
-  rowGap: oe = 4,
-  columnGap: re = 20,
-  styleInputContainer: ne,
-  styleTitle: ae,
+  lineUp: C = !1,
+  rowGap: re = 4,
+  columnGap: oe = 20,
+  styleInputContainer: ie,
+  styleTitle: ne,
   disabled: j,
-  wheelEdit: ie = !1,
+  wheelEdit: ae = !1,
   showHint: le = !1,
   hintText: ce = "Используйте колесо мыши или стрелки ↑↓ для изменения значения",
   tooltipMaxWidth: se = 300
 }) => {
-  const ue = _e(P, E), de = qe(P, E), y = We({ error: U, validationOn: Z, validationOnWithoutText: ee, validationText: X }), u = Te(Q, "u-calendar"), L = `u-calendar-portal-${u}`, k = Ae(null), [pe] = m(
+  const ue = _e(E, N), de = qe(E, N), b = We({ error: U, validationOn: Z, validationOnWithoutText: ee, validationText: X }), u = Re(Q, "u-calendar"), F = `u-calendar-portal-${u}`, S = Ie(null), [pe] = f(
     () => typeof document > "u" ? null : document.createElement("div")
-  ), n = O && !C ? pe : null, h = Ie(u, s, $, y, {
-    "aria-label": i,
+  ), i = M && !k ? pe : null, v = De(u, s, $, b, {
+    "aria-label": a,
     "aria-labelledby": l,
-    "aria-describedby": g
-  }), [p, S] = m(!1), me = 160, {
-    shouldRender: D,
-    status: fe,
-    isAnimated: ye
-  } = Re({
-    isOpen: !!(N || p),
-    duration: me
-  }), he = ye && fe === "exiting";
-  Me(() => {
-    if (!n || !D) return;
-    n.id = L;
+    "aria-describedby": w
+  }), [m, D] = f(!1), {
+    shouldRender: I,
+    status: me,
+    isAnimated: fe
+  } = Le({
+    isOpen: !!(z || m),
+    duration: Te
+  }), ye = fe && me === "exiting";
+  Oe(() => {
+    if (!i || !I) return;
+    i.id = F;
     const e = Be()["data-u-kit"];
-    return e ? n.setAttribute("data-u-kit", e) : n.removeAttribute("data-u-kit"), document.body.appendChild(n), () => n.remove();
-  }, [n, D, L]);
-  const [F, d] = m(null), [be, ve] = m(!1), [ge, xe] = m(!1);
-  I(() => {
+    return e ? i.setAttribute("data-u-kit", e) : i.removeAttribute("data-u-kit"), document.body.appendChild(i), () => i.remove();
+  }, [i, I, F]);
+  const [L, p] = f(null), [be, ve] = f(!1), [he, xe] = f(!1);
+  O(() => {
     const e = () => {
       xe(window.innerWidth <= 900);
     };
     return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
   }, []);
-  const R = Oe(() => H(x), [x]), T = (e, t) => {
-    const a = (t == null ? void 0 : t.type) === "click" || (t == null ? void 0 : t.type) === "keydown" ? "calendar" : "input";
+  const T = Pe(() => H(g), [g]), R = (e, t) => {
+    const n = (t == null ? void 0 : t.type) === "click" || (t == null ? void 0 : t.type) === "keydown" ? "calendar" : "input";
     if (!e) {
-      M("", { source: a });
+      d == null || d("", { source: n });
       return;
     }
     const c = H(e);
-    M(c, { source: a });
+    d == null || d(c, { source: n });
   };
-  I(() => {
+  O(() => {
     const e = (t) => {
-      const a = k.current, c = a == null ? void 0 : a.querySelector(":scope > div > div > input");
-      p && (c && c.focus(), a && !a.contains(t.target) && !(n != null && n.contains(t.target)) && (S(!1), c && c.blur()));
+      const n = S.current, c = n == null ? void 0 : n.querySelector(":scope > div > div > input");
+      m && (c && c.focus(), n && !n.contains(t.target) && !(i != null && i.contains(t.target)) && (D(!1), c && c.blur()));
     };
     return document.addEventListener("click", e), () => {
       document.removeEventListener("click", e);
     };
-  }, [p, n]), I(() => {
+  }, [m, i]), O(() => {
     var e;
-    if (f) {
-      const t = ((e = k.current) == null ? void 0 : e.querySelectorAll(".react-datepicker__close-icon")) ?? [];
-      for (const a of t)
-        a.innerHTML = '<i class="u-selectbox-select-icon-cross u-calendar-clear-icon"></i>';
+    if (y) {
+      const t = ((e = S.current) == null ? void 0 : e.querySelectorAll(".react-datepicker__close-icon")) ?? [];
+      for (const n of t)
+        n.innerHTML = '<i class="u-selectbox-select-icon-cross u-calendar-clear-icon"></i>';
     }
-  }, [x]);
-  const _ = (e) => typeof e == "number" ? `calc(${e} * var(--u-preset-unit, 1px))` : String(e), Ce = (e) => typeof e == "number" ? `calc(${e} * var(--u-unit, 1px))` : String(e), q = (e) => {
+  }, [g]);
+  const _ = (e) => typeof e == "number" ? `calc(${e} * var(--u-preset-unit, 1px))` : String(e), we = (e) => typeof e == "number" ? `calc(${e} * var(--u-unit, 1px))` : String(e), q = (e) => {
     const t = e.target;
-    t.closest(".react-datepicker") && !t.closest(".react-datepicker__day") || S(!p);
-  }, B = /* @__PURE__ */ o(
-    Pe,
+    t.closest(".react-datepicker") && !t.closest(".react-datepicker__day") || D(!m);
+  }, B = /* @__PURE__ */ r(
+    Ne,
     {
-      ariaLabelledBy: h["aria-labelledby"],
-      ariaDescribedBy: h["aria-describedby"],
-      ariaInvalid: h["aria-invalid"] ? "true" : void 0,
-      ariaRequired: h["aria-required"] ? "true" : void 0,
-      open: C ? N || p : D,
-      inline: C,
-      popperContainer: n ? Ye : void 0,
+      ariaLabelledBy: v["aria-labelledby"],
+      ariaDescribedBy: v["aria-describedby"],
+      ariaInvalid: v["aria-invalid"] ? "true" : void 0,
+      ariaRequired: v["aria-required"] ? "true" : void 0,
+      open: k ? z || m : I,
+      inline: k,
+      popperContainer: i ? Ye : void 0,
       popperPlacement: "bottom-end",
-      popperClassName: [he ? "u-calendar-popper--closing" : "", O ? "u-calendar-popper--portal" : ""].filter(Boolean).join(" ") || void 0,
-      isClearable: f,
+      popperClassName: [ye ? "u-calendar-popper--closing" : "", M ? "u-calendar-popper--portal" : ""].filter(Boolean).join(" ") || void 0,
+      isClearable: y,
       ariaLabelClose: "Очистить",
       disabled: j,
       renderCustomHeader: ({
         date: e,
         changeYear: t,
-        changeMonth: a,
+        changeMonth: n,
         decreaseMonth: c,
-        increaseMonth: we,
+        increaseMonth: ge,
         prevMonthButtonDisabled: ke,
-        nextMonthButtonDisabled: Se
-      }) => /* @__PURE__ */ b(
+        nextMonthButtonDisabled: Ce
+      }) => /* @__PURE__ */ h(
         "div",
         {
           style: {
@@ -177,7 +178,7 @@ const v = [
             alignItems: "center"
           },
           children: [
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ r(
               "button",
               {
                 style: {
@@ -189,14 +190,14 @@ const v = [
                   padding: 0,
                   cursor: "pointer"
                 },
-                onClick: (r) => {
-                  r.preventDefault(), r.stopPropagation(), d(null), c();
+                onClick: (o) => {
+                  o.preventDefault(), o.stopPropagation(), p(null), c();
                 },
                 disabled: ke,
-                children: /* @__PURE__ */ o("i", { className: "u-icon icon-left", style: { fontSize: "calc(20 * var(--u-unit, 1px))" } })
+                children: /* @__PURE__ */ r("i", { className: "u-icon icon-left", style: { fontSize: "calc(20 * var(--u-unit, 1px))" } })
               }
             ),
-            /* @__PURE__ */ b(
+            /* @__PURE__ */ h(
               "div",
               {
                 style: {
@@ -207,39 +208,39 @@ const v = [
                   gap: "calc(8 * var(--u-unit, 1px))"
                 },
                 children: [
-                  /* @__PURE__ */ o(
+                  /* @__PURE__ */ r(
                     G,
                     {
-                      value: A(e),
-                      options: Ve.map((r) => ({ value: r, label: r })),
-                      onChange: (r) => t(Number(r)),
+                      value: P(e),
+                      options: Ve.map((o) => ({ value: o, label: o })),
+                      onChange: (o) => t(Number(o)),
                       fallbackValue: (/* @__PURE__ */ new Date()).getFullYear(),
                       width: 45,
-                      isOpen: F === "year",
-                      onOpen: () => d("year"),
-                      onClose: () => d(null)
+                      isOpen: L === "year",
+                      onOpen: () => p("year"),
+                      onClose: () => p(null)
                     }
                   ),
-                  /* @__PURE__ */ o(
+                  /* @__PURE__ */ r(
                     G,
                     {
-                      value: v[Ge(e)],
-                      options: v.map((r) => ({ value: r, label: r })),
-                      onChange: (r) => {
-                        const W = String(r);
-                        a(v.indexOf(W)), z && z(W);
+                      value: x[Ge(e)],
+                      options: x.map((o) => ({ value: o, label: o })),
+                      onChange: (o) => {
+                        const W = String(o);
+                        n(x.indexOf(W)), A && A(W);
                       },
-                      fallbackValue: v[(/* @__PURE__ */ new Date()).getMonth()],
+                      fallbackValue: x[(/* @__PURE__ */ new Date()).getMonth()],
                       width: 85,
-                      isOpen: F === "month",
-                      onOpen: () => d("month"),
-                      onClose: () => d(null)
+                      isOpen: L === "month",
+                      onOpen: () => p("month"),
+                      onClose: () => p(null)
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ r(
               "button",
               {
                 style: {
@@ -250,60 +251,60 @@ const v = [
                   padding: 0,
                   cursor: "pointer"
                 },
-                onClick: (r) => {
-                  r.preventDefault(), r.stopPropagation(), d(null), we();
+                onClick: (o) => {
+                  o.preventDefault(), o.stopPropagation(), p(null), ge();
                 },
-                disabled: Se,
-                children: /* @__PURE__ */ o("i", { className: "u-icon icon-right", style: { fontSize: "calc(20 * var(--u-unit, 1px))" } })
+                disabled: Ce,
+                children: /* @__PURE__ */ r("i", { className: "u-icon icon-right", style: { fontSize: "calc(20 * var(--u-unit, 1px))" } })
               }
             )
           ]
         }
       ),
       placeholderText: J,
-      customInput: /* @__PURE__ */ o(
-        je,
+      customInput: /* @__PURE__ */ r(
+        $e,
         {
-          "aria-label": i,
+          "aria-label": a,
           id: `custom-input-mask-${u}`,
-          isClearable: f,
-          wheelEdit: ie,
-          onWheelDate: (e) => T(e),
-          onOpenCalendar: () => S(!0),
+          isClearable: y,
+          wheelEdit: ae,
+          onWheelDate: (e) => R(e),
+          onOpenCalendar: () => D(!0),
           onFocusChange: ve
         }
       ),
-      selected: R,
-      onChange: (e, t) => T(e, t),
+      selected: T,
+      onChange: (e, t) => R(e, t),
       strictParsing: !0,
       locale: "ru",
-      className: (Y ? "custom-input dpc-filter custom-input-filter" : ue ? "custom-input dpc-table custom-input-table" : `${K ? "dpc-grey" : "dpc"} custom-input`) + (y.hasError ? " u-input-required" : "") + // react-datepicker рисует крестик и у disabled-поля — отступ под него тоже есть, как во Vue.
-      (f && R ? " dpc--clearable" : ""),
+      className: (Y ? "custom-input dpc-filter custom-input-filter" : ue ? "custom-input dpc-table custom-input-table" : `${K ? "dpc-grey" : "dpc"} custom-input`) + (b.hasError ? " u-input-required" : "") + // react-datepicker рисует крестик и у disabled-поля — отступ под него тоже есть, как во Vue.
+      (y && T ? " dpc--clearable" : ""),
       dateFormat: "dd.MM.yyyy"
     }
   );
-  return /* @__PURE__ */ o(V.Provider, { value: n, children: /* @__PURE__ */ b(
+  return /* @__PURE__ */ r(V.Provider, { value: i, children: /* @__PURE__ */ h(
     "div",
     {
-      ref: k,
+      ref: S,
       id: `u-datepicker${u}`,
       className: de || void 0,
       style: { display: "flex", flexDirection: "column", rowGap: "calc(4 * var(--u-preset-unit, 1px))" },
       children: [
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ h(
           "div",
           {
             style: Object.assign(
               {
                 display: "flex",
-                flexDirection: w ? "row" : "column",
-                rowGap: w ? null : _(oe),
-                columnGap: w ? _(re) : null
+                flexDirection: C ? "row" : "column",
+                rowGap: C ? null : _(re),
+                columnGap: C ? _(oe) : null
               },
-              ne
+              ie
             ),
             children: [
-              s && /* @__PURE__ */ o(
+              s && /* @__PURE__ */ r(
                 "div",
                 {
                   id: `${u}-label`,
@@ -313,43 +314,43 @@ const v = [
                       color: "var(--u-field-title-color, #545454)",
                       fontSize: "var(--u-field-label-size-main, calc(14 * var(--u-unit, 1px)))"
                     },
-                    ae
+                    ne
                   ),
                   children: s
                 }
               ),
-              le ? /* @__PURE__ */ o(
-                Le,
+              le ? /* @__PURE__ */ r(
+                je,
                 {
                   portalOn: !0,
                   id: `calendar-hint-${u || "default"}`,
                   position: "top",
-                  isActive: be && !j && !ge,
+                  isActive: be && !j && !he,
                   showWhenActive: !0,
                   tooltipStyle: {
-                    maxWidth: Ce(se),
+                    maxWidth: we(se),
                     width: "auto",
                     whiteSpace: "normal",
                     overflowWrap: "break-word"
                   },
                   tooltipText: ce,
-                  children: /* @__PURE__ */ o("div", { style: { width: "100%" }, onClick: q, children: B })
+                  children: /* @__PURE__ */ r("div", { style: { width: "100%" }, onClick: q, children: B })
                 }
-              ) : /* @__PURE__ */ o("div", { style: { width: "100%" }, onClick: q, children: B })
+              ) : /* @__PURE__ */ r("div", { style: { width: "100%" }, onClick: q, children: B })
             ]
           }
         ),
-        y.showText && /* @__PURE__ */ o(
+        b.showText && /* @__PURE__ */ r(
           "h5",
           {
             id: `${u}-error`,
             className: "h5 clr-red-main",
             style: te ? { position: "absolute", bottom: "calc(-20 * var(--u-unit, 1px))" } : { position: "relative" },
-            children: y.text
+            children: b.text
           }
         )
       ]
     }
   ) });
 };
-export { pt as Calendar$u };
+export { mt as Calendar$u };

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

@@ -5,9 +5,12 @@ import type { ComponentSize } from '../../shared/size';
 export type CalendarChangeSource = 'calendar' | 'input';
 export type CalendarProperties = FieldAccessibilityProperties & Partial<{
     title: string;
-    selected: any;
+    /** Выбранная дата: Date, строка или число, которые понимает `new Date()`; пусто — без значения. */
+    selected: Date | string | number | null;
     /** `(date, { source })`: из набранного приходит только полная дата дд.мм.гггг; `source` — см. CalendarChangeSource. */
-    onChange: any;
+    onChange(date: Date | '' | null, meta?: {
+        source: CalendarChangeSource;
+    }): void;
     isError: boolean;
     isFilter: boolean;
     placeholder: string;
@@ -16,8 +19,10 @@ export type CalendarProperties = FieldAccessibilityProperties & Partial<{
     portalOn: boolean;
     open: boolean;
     greyIcon: boolean;
-    optionState: any;
-    setOptionState: any;
+    /** Не используется; оставлен для совместимости. */
+    optionState: unknown;
+    /** Вызывается с названием месяца, выбранного в списке месяцев. */
+    setOptionState(month: string): void;
     isClearable: boolean;
     /**
      * Размер компонента: `medium` — 48px (по умолчанию), `dense` — 38px для форм