urfu-ui-kit-react 2.1.3 → 2.1.4

package/dist/components/TreeView/TreeView.d.ts

@@ -1,4 +1,5 @@
 
+
 import './TreeView.less';
 import { SelectProperties } from './TreeView.types';
 import '../../styles/tokens.less';

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

@@ -1 +1 @@
-{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../../src/components/TreeView/TreeView.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAE1C,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AACnD,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;AAchC,eAAO,MAAM,QAAQ,GAAI,uRAyBtB,gBAAgB,4CAmYlB,CAAA"}
+{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../../src/components/TreeView/TreeView.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAE1C,OAAO,uDAAuD,CAAC;AAC/D,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,gBAAgB,EAAuB,MAAM,kBAAkB,CAAA;AACxE,OAAO,0BAA0B,CAAA;AACjC,OAAO,yBAAyB,CAAA;AAchC,eAAO,MAAM,QAAQ,GAAI,uRAyBtB,gBAAgB,4CAmYlB,CAAA"}

package/dist/components/TreeView/TreeView.js

@@ -0,0 +1,323 @@
+import { jsxs as f, jsx as i, Fragment as J } from "react/jsx-runtime";
+import { useState as O, useRef as z, useMemo as Q } from "react";
+/* empty css                 */
+import { createPortal as Ce } from "react-dom";
+/* empty css                                      */
+/* empty css          */
+/* empty css                  */
+/* empty css                 */
+import { useDismiss$u as $e } from "../../hooks/useDismiss.js";
+import { useAnchoredPosition$u as Ie, fitToViewport$u as ke } from "../../hooks/useAnchoredPosition.js";
+import { useMountTransition$u as Ee } from "../../hooks/useMountTransition.js";
+import Se from "../../hooks/useDebounce.js";
+import { useOptionKeyboardNavigation$u as _e } from "../../hooks/useOptionKeyboardNavigation.js";
+import { useActiveOptionScroll$u as je } from "../../hooks/useActiveOptionScroll.js";
+import { OPTION_STATE_COLORS$u as X } from "../../shared/optionStateColors.js";
+import { getPopupTransitionStyle$u as Ae, POPUP_TRANSITION_MS$u as Pe } from "../../shared/popupTransition.js";
+import { useAutoId$u as ze } from "../../hooks/useAutoId.js";
+import { sizeClassName$u as De, isCompact$u as Be } from "../../shared/size.js";
+import { getPortalScopeProps$u as Ke } from "../../shared/uiKitDefaults.js";
+import { resolveValidation$u as Le } from "../../vanilla/core/validation.js";
+const ct = ({
+  title: D = "",
+  required: Z = !1,
+  styleSelectContainer: U,
+  styleTitle: ee,
+  lineUp: E = !1,
+  rowGap: te = 4,
+  columnGap: ie = 20,
+  placeholder: ne = "Выберите из списка",
+  value: n,
+  isClearable: S,
+  onDelete: oe,
+  onClick: B,
+  className: re,
+  tableView: K = !1,
+  size: L,
+  validationText: ce = "Заполните поле",
+  validationOn: se,
+  error: le,
+  absoluteValidationText: ae,
+  data: a,
+  portalOn: T,
+  id: ue,
+  disabled: y,
+  isSearchable: r
+}) => {
+  var Y;
+  const v = Be(L, K), M = De(L, K), _ = Le({ error: le, validationOn: se, validationText: ce }), R = ze(ue, "u-tree"), [h, C] = O(""), [de, me] = O(null), [b, pe] = O([]), [c, $] = O(!1), [fe, V] = O(null), H = z(null), I = z(null), u = z(), W = Se(h, 300), j = Q(() => a.filter((e) => e.title.toLowerCase().includes((W || "").toLowerCase())), [W, a]), k = () => {
+    $(!1);
+  };
+  $e({
+    refs: [H, I],
+    onDismiss: k,
+    enabled: c
+  });
+  const F = (e) => typeof e == "number" ? `calc(${e} * var(--u-preset-unit, 1px))` : String(e), he = (e, t) => {
+    e.stopPropagation(), pe((o) => o != null && o.includes(t) ? o.filter((l) => l !== t) : [...o, t]);
+  }, G = (e) => {
+    const t = a.filter((l) => l.parentId === e.id);
+    if (t.length === 0)
+      return e;
+    let o = null;
+    return t.forEach((l) => {
+      const d = G(l);
+      d && (o = d);
+    }), o;
+  }, A = ({ node: e, counter: t }) => {
+    const o = a.filter((p) => p.parentId === e.id), l = t + 1, d = b == null ? void 0 : b.includes(e.id), m = G(e), we = xe === e.id, Ne = n == (e == null ? void 0 : e.title), Oe = fe === e.id, Te = () => {
+      var p;
+      B(e), k(), r && (C(""), (p = u == null ? void 0 : u.current) == null || p.focus());
+    };
+    return /* @__PURE__ */ f("ul", { className: "treeview-list", children: [
+      /* @__PURE__ */ f(
+        "li",
+        {
+          className: "treeview-list__item",
+          "data-node-id": String(e.id),
+          style: Object.assign(
+            { paddingLeft: `calc(${t} * 16 * var(--u-preset-unit, 1px))` },
+            Ne ? { backgroundColor: X.selectedBackground, borderRadius: "20px" } : Oe || we ? { backgroundColor: X.hoveredBackground, borderRadius: "20px" } : null
+          ),
+          onMouseEnter: () => V(e.id),
+          onMouseLeave: () => V(null),
+          children: [
+            m.id !== e.id && /* @__PURE__ */ i("div", { onClick: (p) => he(p, e.id), children: d ? /* @__PURE__ */ i("i", { style: { cursor: "pointer", width: "calc(20 * var(--u-unit, 1px))", height: "calc(20 * var(--u-unit, 1px))" }, className: "u-icon icon-down clr-blue-main" }) : /* @__PURE__ */ i("i", { style: { cursor: "pointer", transform: "rotate(-90 0 0)" }, className: "u-icon icon-right clr-blue-main" }) }),
+            m.id !== e.id && /* @__PURE__ */ i("i", { className: "u-icon icon-folder clr-orange" }),
+            /* @__PURE__ */ i("p", { onClick: Te, style: { cursor: "pointer" }, className: "tt", children: e.title })
+          ]
+        }
+      ),
+      d && o.map((p) => /* @__PURE__ */ i(A, { node: p, counter: l }, p.id))
+    ] });
+  }, s = r && h ? j : a == null ? void 0 : a.filter((e) => e.parentId === null), w = Q(() => {
+    if (!Array.isArray(a)) return [];
+    if (r && h)
+      return j;
+    const e = /* @__PURE__ */ new Map();
+    a.forEach((l) => {
+      const d = l.parentId, m = e.get(d) ?? [];
+      m.push(l), e.set(d, m);
+    });
+    const t = [], o = (l) => {
+      (e.get(l) ?? []).forEach((m) => {
+        t.push(m), b.includes(m.id) && o(m.id);
+      });
+    };
+    return o(null), t;
+  }, [a, b, j, r, h]), { activeIndex: P, handleKeyDown: q } = _e({
+    isOpen: c,
+    disabled: y,
+    optionsLength: w.length,
+    initialIndex: Math.max(
+      0,
+      w.findIndex((e) => (e == null ? void 0 : e.title) === n)
+    ),
+    onOpen: () => $(!0),
+    onClose: () => {
+      k();
+    },
+    onSelectByIndex: (e) => {
+      const t = w[e];
+      t && ge(t);
+    }
+  }), xe = P >= 0 ? (Y = w[P]) == null ? void 0 : Y.id : void 0;
+  je({
+    isOpen: c,
+    activeIndex: P,
+    portalOn: !1,
+    localRef: I,
+    getSelector: (e) => {
+      const t = w[e];
+      return t ? `[data-node-id="${String(t.id)}"]` : "";
+    }
+  });
+  const ge = (e) => {
+    var t;
+    e && (B(e), k(), r && (C(""), (t = u == null ? void 0 : u.current) == null || t.focus()));
+  }, { rect: x } = Ie({
+    anchor: de,
+    enabled: c && !!T
+  }), N = x ? ke(x.x, x.width) : null, g = x && N ? { x: N.x, y: x.y + 60 + x.height + x.scrollY } : null, { shouldRender: ye, status: ve, isAnimated: be } = Ee({
+    isOpen: c && !!T,
+    duration: Pe
+  });
+  return /* @__PURE__ */ f("div", { className: `u-react-select-container${M ? ` ${M}` : ""} ${re}`, style: { position: "relative" }, children: [
+    /* @__PURE__ */ f(
+      "div",
+      {
+        style: Object.assign(
+          {
+            display: "flex",
+            flexDirection: E ? "row" : "column",
+            rowGap: E ? null : F(te),
+            columnGap: E ? F(ie) : null
+          },
+          U
+        ),
+        children: [
+          D && /* @__PURE__ */ i(
+            "div",
+            {
+              className: `${Z ? "u-required" : ""} u-react-select-title`,
+              style: Object.assign(
+                {
+                  color: "var(--u-field-title-color, #545454)",
+                  fontSize: "var(--u-field-label-size-main, calc(14 * var(--u-unit, 1px)))"
+                },
+                ee
+              ),
+              children: D
+            }
+          ),
+          /* @__PURE__ */ f(
+            "div",
+            {
+              className: `u-selectbox${y ? " u-selectbox-disabled" : ""} u-react-tree-view`,
+              ref: H,
+              style: { cursor: y ? "default" : "pointer" },
+              children: [
+                /* @__PURE__ */ f(
+                  "div",
+                  {
+                    tabIndex: y ? -1 : 0,
+                    onKeyDown: r ? void 0 : q,
+                    onClick: (e) => {
+                      var t;
+                      c || (r && ((t = u == null ? void 0 : u.current) == null || t.focus(), C("")), T && me(e.currentTarget)), $(!c);
+                    },
+                    className: `u-selectbox-select ${c ? "u-selectbox-select-open" : ""}`,
+                    id: `u-selectbox-select${R}`,
+                    style: Object.assign(
+                      v ? {
+                        height: "var(--u-compact-height)",
+                        fontSize: "var(--u-compact-font-size)",
+                        lineHeight: 1,
+                        padding: "var(--u-compact-padding)"
+                      } : {},
+                      _.hasError && { border: "1px solid var(--u-color-error, #EF302B)" },
+                      y && { pointerEvents: "none" }
+                    ),
+                    children: [
+                      !n && (!r || !c) ? /* @__PURE__ */ i(
+                        "span",
+                        {
+                          style: Object.assign(
+                            v ? {
+                              maxWidth: `calc(100% - ${(n == null ? void 0 : n.length) > 0 ? 32 : 16}px)`
+                            } : {},
+                            { color: "var(--u-field-title-color, #545454)" }
+                          ),
+                          className: "u-selectbox-select-title",
+                          children: ne
+                        }
+                      ) : /* @__PURE__ */ i(J, {}),
+                      n && (!c || !r) ? /* @__PURE__ */ i(
+                        "span",
+                        {
+                          style: v ? { maxWidth: `calc(100% - ${S && (n != null && n.length) ? 32 : 16}px)` } : {},
+                          className: "u-selectbox-select-title",
+                          children: n
+                        }
+                      ) : /* @__PURE__ */ i(J, {}),
+                      r && /* @__PURE__ */ i(
+                        "input",
+                        {
+                          ref: u,
+                          className: c ? "treeview__search" : "treeview__search_disabled",
+                          placeholder: n || "Введите значение",
+                          value: h,
+                          onChange: (e) => C(e.target.value),
+                          onClick: (e) => {
+                            c && e.stopPropagation();
+                          },
+                          onKeyDown: q,
+                          style: Object.assign(v ? { padding: 0, paddingRight: `calc(${S && (n != null && n.length) ? 37 : 20} * var(--u-unit, 1px))`, fontSize: "var(--u-compact-font-size)" } : {}, { width: "100%" })
+                        }
+                      ),
+                      n && S && /* @__PURE__ */ i(
+                        "i",
+                        {
+                          onClick: (e) => {
+                            oe(e), $(!1);
+                          },
+                          className: "u-selectbox-select-icon-cross",
+                          role: "button",
+                          "aria-label": "Очистить",
+                          style: Object.assign(
+                            v ? {
+                              right: "calc(24 * var(--u-unit, 1px))"
+                            } : {},
+                            y && { pointerEvents: "none" }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ i(
+                        "i",
+                        {
+                          className: "u-selectbox-select-icon-arrow",
+                          id: `u-selectbox-select-icon-arrow${R}`,
+                          style: v ? {
+                            width: "calc(12 * var(--u-unit, 1px)) !important",
+                            right: "calc(6 * var(--u-unit, 1px))"
+                          } : null
+                        }
+                      )
+                    ]
+                  }
+                ),
+                T ? ye && g && Ce(
+                  /* @__PURE__ */ i(
+                    "div",
+                    {
+                      ref: I,
+                      ...Ke(),
+                      style: Object.assign(
+                        {
+                          left: g == null ? void 0 : g.x,
+                          top: (g == null ? void 0 : g.y) - 60,
+                          opacity: 1,
+                          visibility: "visible",
+                          height: "fit-content",
+                          // Переменная, чтобы список внутри модалки можно было
+                          // поднять над ней, не трогая код потребителя.
+                          zIndex: "var(--u-select-popup-z, 10010)",
+                          display: "block",
+                          // Не уже поля: при `width: auto` портальный список
+                          // сжимался по содержимому и обрезал названия узлов.
+                          // Ширину задаём минимальной, чтобы дерево по-прежнему
+                          // могло раздаться под вложенность.
+                          minWidth: N == null ? void 0 : N.width,
+                          width: "auto"
+                        },
+                        Ae(ve, be)
+                      ),
+                      className: "u-selectbox-options",
+                      children: /* @__PURE__ */ f("div", { className: "treeview", children: [
+                        s == null ? void 0 : s.map((e) => /* @__PURE__ */ i(A, { node: e, counter: 0 }, e.id)),
+                        r && h && !(s != null && s.length) && /* @__PURE__ */ i("div", { className: "u-selectbox-empty-text", children: "Ничего не найдено" })
+                      ] })
+                    }
+                  ),
+                  document.body
+                ) : /* @__PURE__ */ i(
+                  "div",
+                  {
+                    ref: I,
+                    className: "u-selectbox-options",
+                    children: /* @__PURE__ */ f("div", { className: "treeview", children: [
+                      s == null ? void 0 : s.map((e) => /* @__PURE__ */ i(A, { node: e, counter: 0 }, e.id)),
+                      r && h && !(s != null && s.length) && /* @__PURE__ */ i("div", { className: "u-selectbox-empty-text", children: "Ничего не найдено" })
+                    ] })
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    _.showText && /* @__PURE__ */ i("h5", { className: "h5 clr-red-main", style: ae ? { position: "absolute", bottom: "calc(-20 * var(--u-unit, 1px))" } : { position: "relative", marginTop: "calc(4 * var(--u-unit, 1px))" }, children: _.text })
+  ] });
+};
+export { ct as TreeView$u };

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

@@ -5,10 +5,6 @@ export type DataProperties = Partial<{
     parentId: string;
     title: string;
 }>;
-export type OptionsPositionProperties = Partial<{
-    x: number;
-    y: number;
-}>;
 export type SelectProperties = Partial<{
     title: string;
     required: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"TreeView.types.d.ts","sourceRoot":"","sources":["../../../src/components/TreeView/TreeView.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC;IAC5C,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACb,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,oBAAoB,EAAE,aAAa,CAAC;IACpC,UAAU,EAAE,aAAa,CAAC;IAC1B,WAAW,EAAE,aAAa,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,GAAG,CAAC;IACX,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;IAC1C,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;IACzC,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,sBAAsB,EAAE,OAAO,CAAC;IAChC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC,CAAC"}
+{"version":3,"file":"TreeView.types.d.ts","sourceRoot":"","sources":["../../../src/components/TreeView/TreeView.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,oBAAoB,EAAE,aAAa,CAAC;IACpC,UAAU,EAAE,aAAa,CAAC;IAC1B,WAAW,EAAE,aAAa,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,GAAG,CAAC;IACX,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;IAC1C,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;IACzC,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,sBAAsB,EAAE,OAAO,CAAC;IAChC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC,CAAC"}

package/dist/dev/index.js

@@ -814,7 +814,7 @@ function N() {
 function tn() {
   S == null || S(), S = null, k == null || k.disconnect(), k = null, b == null || b.removeEventListener("keydown", Dt, !0), b == null || b.removeEventListener("pointerup", N, !0), b == null || b.removeEventListener("pointercancel", N, !0), b = null, A = !1, E = !1, clearTimeout(tt), h == null || h.remove(), h = null, c = null, Object.assign(l, Et);
 }
-const Rt = Symbol.for("urfu-ui-kit.dev-panel"), M = {
+const Rt = /* @__PURE__ */ Symbol.for("urfu-ui-kit.dev-panel"), M = {
   version: 1,
   mount(t, e, n) {
     return Wt(), Xt(e), Zt(t, e).state.faults.includes("offline") && ot(!1), ye(n), Ge(), () => {
@@ -852,7 +852,7 @@ function an(t) {
 function cn() {
   (B() ?? M).reset();
 }
-const rn = () => "2.1.3";
+const rn = () => "2.1.4";
 function un(t) {
   return nn(t, { name: "urfu-ui-kit-react", version: rn() });
 }

package/dist/dev/types/vanilla/src/dev/shown.d.ts

@@ -1,5 +1,3 @@
-/** Сколько последних показов помнит журнал. */
-export declare const SHOWN_SIZE = 30;
 export type DevShownKind = 'screen' | 'notification' | 'offline';
 export interface DevShownEntry {
     id: number;

package/dist/dev/types/vanilla/src/dev/store.d.ts

@@ -15,16 +15,12 @@ export interface DevServiceEntry {
     /** Кит, через который подключён сервис: панель одна на все копии кита на странице. */
     kit?: DevKitInfo;
 }
-/** Пункты, которые есть у каждого сервиса (группа «Сеть» панели). */
-export declare const NETWORK_FAULTS: readonly ["offline", "network", "slow"];
 /**
  * Параметр `dev` в адресе: `off` снимает сбои всех сервисов (выход, если панели не видно),
  * `a,b` — включает этот набор сбоев (ссылка на сценарий). Параметр сразу убирается из адреса
  * (остальные параметры, hash и `history.state` роутера сохраняются): F5 не применяет его снова.
  */
 export declare function applyUrl(): void;
-/** Id пунктов, которые знает сервис: сеть, готовые пункты и группы. */
-export declare function knownFaults(config: DevPanelConfig): string[];
 export declare function setKitInfo(info: DevKitInfo | undefined): void;
 export declare function getKitInfo(): DevKitInfo | undefined;
 export declare function registerService(config: DevPanelConfig, kitInfo?: DevKitInfo): DevServiceEntry;

package/dist/fonts/icons/urfu-ui-icon-font.svg

@@ -133,6 +133,9 @@
     <glyph glyph-name="full-screen"
       unicode="&#xE929;"
       horiz-adv-x="1000" d="M50 950H300C327.614 950 350 927.614 350 900C350 872.386 327.614 850 300 850H220.7105L385.3555 685.3555C404.8815 665.829 404.8815 634.171 385.3555 614.6445C365.829 595.1185 334.171 595.1185 314.6445 614.6445L150 779.2895V700C150 672.386 127.614 650 100 650C72.386 650 50 672.386 50 700V950zM314.6445 385.355C334.171 404.88 365.829 404.88 385.3555 385.355C404.8815 365.83 404.8815 334.1700000000001 385.3555 314.645L220.7105 150H300C327.614 150 350 127.6149999999999 350 100C350 72.3850000000001 327.614 50 300 50H50V300C50 327.615 72.386 350 100 350C127.614 350 150 327.615 150 300V220.7099999999999L314.6445 385.355zM650 900C650 927.614 672.385 950 700 950H950V700C950 672.386 927.6149999999998 650 900 650C872.3850000000001 650 850 672.386 850 700V779.2895L685.355 614.6445C665.8299999999999 595.1185 634.1700000000001 595.1185 614.645 614.6445C595.12 634.171 595.12 665.829 614.645 685.3555L779.2900000000001 850H700C672.385 850 650 872.386 650 900zM614.645 385.355C634.1700000000001 404.88 665.8299999999999 404.88 685.355 385.355L850 220.7099999999999V300C850 327.615 872.3850000000001 350 900 350C927.6149999999998 350 950 327.615 950 300V50H700C672.385 50 650 72.3850000000001 650 100C650 127.6149999999999 672.385 150 700 150H779.2900000000001L614.645 314.645C595.12 334.1700000000001 595.12 365.83 614.645 385.355z" />
+    <glyph glyph-name="grid"
+      unicode="&#xE970;"
+      horiz-adv-x="1000" d="M150 900H350C377.614 900 400 877.614 400 850V650C400 622.386 377.614 600 350 600H150C122.386 600 100 622.386 100 650V850C100 877.614 122.386 900 150 900zM150 400H350C377.614 400 400 377.615 400 350V150C400 122.3850000000001 377.614 100 350 100H150C122.386 100 100 122.3850000000001 100 150V350C100 377.615 122.386 400 150 400zM650 400H850C877.6149999999999 400 900 377.615 900 350V150C900 122.3850000000001 877.6149999999999 100 850 100H650C622.385 100 600 122.3850000000001 600 150V350C600 377.615 622.385 400 650 400zM650 900H850C877.6149999999999 900 900 877.614 900 850V650C900 622.386 877.6149999999999 600 850 600H650C622.385 600 600 622.386 600 650V850C600 877.614 622.385 900 650 900z" />
     <glyph glyph-name="hidden"
       unicode="&#xE92A;"
       horiz-adv-x="1000" d="M666.945 328.175C686.745 347.425 718.4 347 737.65 327.2000000000001L933.745 125.4400000000001C952.9949999999998 105.64 952.57 73.985 932.77 54.735C912.97 35.49 881.315 35.92 862.0649999999999 55.715L665.9200000000001 257.4700000000001C646.6750000000001 277.27 647.145 308.925 666.945 328.175zM120.1625 696.782C137.944 717.9005 169.497 720.6135 190.622 702.8365C211.7395 685.0550000000001 214.453 653.502 196.677 632.377C149.3375 576.1225 119.136 519.5775000000001 105.172 490.385C122.378 457.2199999999999 162.5175 388.9400000000001 226.9995 328.5650000000001C293.3450000000001 266.4500000000001 383.243 214.5550000000001 500 214.5500000000001C531.53 214.5500000000001 560.91 218.34 588.235 224.9500000000001C615.0699999999999 231.45 642.135 214.97 648.635 188.135C655.13 161.295 638.61 134.2800000000001 611.77 127.7850000000001C576.865 119.335 539.595 114.5500000000001 500 114.5500000000001C350.8095 114.5550000000001 237.6365 181.605 158.6395 255.57C80.091 329.11 33.13205 411.38 14.25285 448.49C1.126735 474.3050000000001 1.08727 504.0705 13.1298 529.691C28.52015 562.4300000000001 63.5145 629.4655 120.1625 696.782zM500 689.5550000000001C610.4599999999999 689.5550000000001 700.005 600.0115000000001 700.005 489.555C699.995 438.8400000000001 681.115 392.53 650 357.275C613.355 315.76 559.735 289.5500000000001 500 289.5500000000001C389.551 289.5550000000001 300.0115 379.105 299.9985000000001 489.555C299.9985000000001 549.287 326.2045 602.9075 367.724 639.5550000000001C402.9805 670.673 449.278 689.5550000000001 500 689.5550000000001zM500 889.5565C651.33 889.5565 765.325 815.966 844 736.1865C922.335 656.746 968.805 568.274 987.02 529.4955C999.235 503.4805000000001 998.635 473.765 985.7 448.3450000000001C971.0050000000002 419.485 939.805 364.25 890.5799999999999 306.985C872.5849999999999 286.0450000000001 841.015 283.6700000000001 820.0749999999999 301.6600000000001C799.13 319.66 796.75 351.23 814.7500000000001 372.1700000000001C855.3649999999999 419.4250000000001 881.845 465.265 894.88 490.385C877.9999999999999 525.671 837.7800000000001 600.0805 772.805 665.971C705.975 733.7394999999999 616.075 789.556 500 789.556C468.7929999999999 789.5550000000001 439.722 785.576 412.646 778.5205C385.928 771.5564999999999 358.58 787.548 351.6105 814.263C344.6455 840.9845 360.68 868.3335 387.4015 875.2985C422.545 884.458 460.0975 889.5555 500 889.5565zM500 589.5545C474.5720000000001 589.5545 451.5755 580.215 433.8865 564.603C412.96 546.133 399.9995 519.4069999999999 399.9995 489.555C400.0125 434.3350000000001 444.78 389.5550000000001 500 389.5550000000001C529.855 389.5550000000001 556.58 402.515 575.05 423.44C590.66 441.125 599.995 464.135 600 489.555C600 544.7825 555.23 589.5545 500 589.5545zM96.285 915.1425C116.0815 934.3875 147.7395 933.9555 166.989 914.166L347.3135000000001 728.6669999999999C366.5555 708.8685 366.1285 677.211 346.337 657.963C326.537 638.7155 294.8815 639.19 275.6330000000001 658.9885L95.3085 844.439C76.064 864.235 76.4975 895.893 96.285 915.1425z" />

package/dist/hooks/useActiveOptionScroll.js

@@ -0,0 +1,20 @@
+import { useRef as f, useEffect as w } from "react";
+const y = (t) => `[data-option-index="${t}"]`, b = ({
+  isOpen: t,
+  activeIndex: c,
+  portalOn: u = !1,
+  portalRef: r,
+  localRef: n,
+  mounted: s = !0,
+  getSelector: i = y
+}) => {
+  const o = f(i);
+  o.current = i, w(() => {
+    if (!t || !s || c < 0) return;
+    const S = u ? r == null ? void 0 : r.current : n == null ? void 0 : n.current;
+    if (!S) return;
+    const e = S.querySelector(o.current(c));
+    typeof (e == null ? void 0 : e.scrollIntoView) == "function" && e.scrollIntoView({ block: "nearest" });
+  }, [c, t, s, n, u, r]);
+};
+export { b as useActiveOptionScroll$u };

package/dist/hooks/useAnchoredPosition.js

@@ -0,0 +1,37 @@
+import { useState as d, useRef as w, useCallback as m, useEffect as f } from "react";
+const l = 8, R = (e, t) => {
+  const i = document.documentElement.clientWidth || window.innerWidth;
+  if (e >= 0 && e + t <= i) return { x: e, width: t };
+  const r = Math.min(t, Math.max(0, i - 2 * l));
+  return { x: Math.min(Math.max(e, l), i - l - r), width: r };
+}, h = (e) => {
+  const { x: t, y: i, width: r, height: o } = e.getBoundingClientRect();
+  return { x: t, y: i, width: r, height: o, scrollX: window.scrollX, scrollY: window.scrollY };
+}, v = (e, t) => !e || !t ? e === t : e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height && e.scrollX === t.scrollX && e.scrollY === t.scrollY, E = ({ anchor: e, enabled: t = !0 }) => {
+  const [i, r] = d(null), o = w(null), n = m(() => {
+    if (!e) {
+      o.current = null, r(null);
+      return;
+    }
+    const s = h(e);
+    v(o.current, s) || (o.current = s, r(s));
+  }, [e]);
+  return f(() => {
+    if (!e) {
+      o.current = null, r(null);
+      return;
+    }
+    if (!t) return;
+    n(), window.addEventListener("scroll", n, !0), window.addEventListener("resize", n);
+    const s = new ResizeObserver(n);
+    s.observe(e);
+    let c = 0;
+    const u = () => {
+      n(), c = window.requestAnimationFrame(u);
+    };
+    return c = window.requestAnimationFrame(u), () => {
+      window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", n), s.disconnect(), window.cancelAnimationFrame(c);
+    };
+  }, [e, t, n]), { rect: i, measure: n };
+};
+export { R as fitToViewport$u, E as useAnchoredPosition$u };

package/dist/hooks/useAutoId.d.ts

@@ -17,5 +17,4 @@
  * счётчик `useId`, и без префикса их id совпадали: `u-calendark1-r2`, `u-calendark2-r2`.
  */
 export declare const useAutoId: (providedId?: string | number | null, prefix?: string) => string;
-export default useAutoId;
 //# sourceMappingURL=useAutoId.d.ts.map

package/dist/hooks/useAutoId.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoId.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutoId.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,SAAS,GAAI,aAAa,MAAM,GAAG,MAAM,GAAG,IAAI,EAAE,eAAY,WAM1E,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"useAutoId.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutoId.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,SAAS,GAAI,aAAa,MAAM,GAAG,MAAM,GAAG,IAAI,EAAE,eAAY,WAM1E,CAAC"}

package/dist/hooks/useAutoId.js

@@ -0,0 +1,7 @@
+import { useId as n } from "react";
+import { kitIdPrefixOfCopy$u as o } from "../shared/kitCopy.js";
+const g = (t, r = "u") => {
+  const e = n().replace(/:/g, "");
+  return t != null && String(t).length > 0 ? String(t) : `${r}${o()}${e}`;
+};
+export { g as useAutoId$u };

package/dist/hooks/useAutoPortal.js

@@ -0,0 +1,11 @@
+const n = (e, o = "none") => !!e && e !== o, r = (e) => n(e.transform) || n(e.perspective) || n(e.filter) || e.contain === "paint" || e.willChange === "transform" || e.willChange === "opacity" || e.position === "fixed" || e.position === "sticky", i = (e) => [e.overflow, e.overflowX, e.overflowY].filter(Boolean).some((o) => o !== "visible"), a = (e) => {
+  if (!e || typeof window > "u") return !1;
+  let o = e.parentElement;
+  for (; o && o !== document.body && o !== document.documentElement; ) {
+    const t = window.getComputedStyle(o);
+    if (i(t) || r(t)) return !0;
+    o = o.parentElement;
+  }
+  return !1;
+}, c = (e, o) => e === "auto" ? a(o) : e === !0;
+export { c as resolvePortalMode$u, a as shouldUsePortal$u };

package/dist/hooks/useDebounce.js

@@ -0,0 +1,11 @@
+import { useState as r, useEffect as s } from "react";
+const m = (e, t) => {
+  const [u, o] = r(null);
+  return s(() => {
+    const n = setTimeout(() => {
+      o(e);
+    }, t);
+    return () => clearTimeout(n);
+  }, [t, e]), u;
+};
+export { m as default };

package/dist/hooks/useDismiss.d.ts

@@ -27,5 +27,5 @@ type Params = {
  *   список не закрывал.
  */
 export declare const useDismiss: ({ refs, onDismiss, enabled }: Params) => void;
-export default useDismiss;
+export {};
 //# sourceMappingURL=useDismiss.d.ts.map

package/dist/hooks/useDismiss.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDismiss.d.ts","sourceRoot":"","sources":["../../src/hooks/useDismiss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,KAAK,MAAM,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;AAE/D,KAAK,MAAM,GAAG;IACV;;;OAGG;IACH,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,GAAI,8BAAqC,MAAM,SA+BrE,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"useDismiss.d.ts","sourceRoot":"","sources":["../../src/hooks/useDismiss.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,KAAK,MAAM,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;AAE/D,KAAK,MAAM,GAAG;IACV;;;OAGG;IACH,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,GAAI,8BAAqC,MAAM,SA+BrE,CAAC"}

package/dist/hooks/useDismiss.js

@@ -0,0 +1,20 @@
+import { useRef as d, useEffect as m } from "react";
+const v = ({ refs: n, onDismiss: r, enabled: o = !0 }) => {
+  const s = d(r);
+  s.current = r;
+  const i = d(n);
+  i.current = n, m(() => {
+    if (!o) return;
+    const u = (f) => {
+      const e = f.target;
+      !(e instanceof Node) || !e.isConnected || i.current.some((t) => {
+        var c;
+        return (c = t == null ? void 0 : t.current) == null ? void 0 : c.contains(e);
+      }) || s.current();
+    };
+    return document.addEventListener("pointerdown", u, !0), () => {
+      document.removeEventListener("pointerdown", u, !0);
+    };
+  }, [o]);
+};
+export { v as useDismiss$u };

package/dist/hooks/useInputOverflow.d.ts

@@ -0,0 +1,9 @@
+import { type RefObject } from 'react';
+/**
+ * Обрезанное значение однострочного поля: сброс прокрутки после blur (Firefox) и полный текст
+ * в `title` у disabled/readonly поля. Многоточие даёт CSS `.u-input`.
+ *
+ * `value` и `disabled` — чтобы пересчитать подсказку, когда их меняет родитель, а не ввод.
+ */
+export declare const useInputOverflow: (ref: RefObject<HTMLInputElement | null>, value: unknown, disabled?: boolean) => void;
+//# sourceMappingURL=useInputOverflow.d.ts.map

package/dist/hooks/useInputOverflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputOverflow.d.ts","sourceRoot":"","sources":["../../src/hooks/useInputOverflow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GACzB,KAAK,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,EACvC,OAAO,OAAO,EACd,WAAW,OAAO,SAqBrB,CAAC"}

package/dist/hooks/useInputOverflow.js

@@ -0,0 +1,16 @@
+import { useRef as l, useEffect as u } from "react";
+import { watchInputOverflow$u as s, syncInputOverflowTitle$u as f } from "../vanilla/core/inputOverflow.js";
+const m = (n, o, p) => {
+  const r = l(null);
+  u(() => {
+    var e, c;
+    const t = n.current;
+    ((e = r.current) == null ? void 0 : e.input) !== t && ((c = r.current) == null || c.stop(), r.current = t ? { input: t, stop: s(t) } : null);
+  }), u(() => () => {
+    var t;
+    (t = r.current) == null || t.stop(), r.current = null;
+  }, []), u(() => {
+    n.current && f(n.current);
+  }, [n, o, p]);
+};
+export { m as useInputOverflow$u };

package/dist/hooks/useMediaQuery.js

@@ -0,0 +1,21 @@
+import { useCallback as c, useSyncExternalStore as r } from "react";
+const f = "(max-width: 576px)";
+let a = null;
+const s = /* @__PURE__ */ new Map(), o = (t) => {
+  if (typeof window > "u" || typeof window.matchMedia != "function") return null;
+  a !== window.matchMedia && (a = window.matchMedia, s.clear());
+  let e = s.get(t);
+  return e || (e = window.matchMedia(t), s.set(t, e)), e;
+};
+function u(t) {
+  const e = c((n) => {
+    const i = o(t);
+    return i ? (i.addEventListener("change", n), () => i.removeEventListener("change", n)) : () => {
+    };
+  }, [t]);
+  return r(e, () => {
+    var n;
+    return ((n = o(t)) == null ? void 0 : n.matches) ?? !1;
+  }, () => !1);
+}
+export { f as MOBILE_MEDIA_QUERY$u, u as useMediaQuery$u };

package/dist/hooks/useMobilePicker.js

@@ -0,0 +1,7 @@
+import { getUiKitDefaults$u as o } from "../shared/uiKitDefaults.js";
+import { useMediaQuery$u as t, MOBILE_MEDIA_QUERY$u as r } from "./useMediaQuery.js";
+function m(e) {
+  const i = t(r);
+  return (e ?? o().mobileSheets) && i;
+}
+export { m as useMobilePicker$u };

package/dist/hooks/useMountTransition.d.ts

@@ -24,5 +24,5 @@ export declare const useMountTransition: ({ isOpen, duration, disabled }: Params
     status: TransitionStatus;
     isAnimated: boolean;
 };
-export default useMountTransition;
+export {};
 //# sourceMappingURL=useMountTransition.d.ts.map