urfu-ui-kit-react 2.1.3 → 2.1.4

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,126 @@
+import { jsxs as _, jsx as o, Fragment as Z } from "react/jsx-runtime";
+/* empty css                                        */
+const B = () => /* @__PURE__ */ o("button", { type: "button", children: /* @__PURE__ */ o(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "9",
+    height: "3",
+    viewBox: "0 0 9 3",
+    fill: "none",
+    children: /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M1.61584 2.07C1.4105 2.07 1.23317 1.99533 1.08384 1.846C0.943836 1.69667 0.873836 1.51467 0.873836 1.3C0.873836 1.076 0.943836 0.894 1.08384 0.754C1.23317 0.614 1.4105 0.544 1.61584 0.544C1.82117 0.544 1.99384 0.614 2.13384 0.754C2.28317 0.894 2.35784 1.076 2.35784 1.3C2.35784 1.51467 2.28317 1.69667 2.13384 1.846C1.99384 1.99533 1.82117 2.07 1.61584 2.07ZM4.58263 2.07C4.3773 2.07 4.19997 1.99533 4.05063 1.846C3.91063 1.69667 3.84063 1.51467 3.84063 1.3C3.84063 1.076 3.91063 0.894 4.05063 0.754C4.19997 0.614 4.3773 0.544 4.58263 0.544C4.78797 0.544 4.96063 0.614 5.10063 0.754C5.24997 0.894 5.32463 1.076 5.32463 1.3C5.32463 1.51467 5.24997 1.69667 5.10063 1.846C4.96063 1.99533 4.78797 2.07 4.58263 2.07ZM7.54943 2.07C7.3441 2.07 7.16676 1.99533 7.01743 1.846C6.87743 1.69667 6.80743 1.51467 6.80743 1.3C6.80743 1.076 6.87743 0.894 7.01743 0.754C7.16676 0.614 7.3441 0.544 7.54943 0.544C7.75476 0.544 7.92743 0.614 8.06743 0.754C8.21676 0.894 8.29143 1.076 8.29143 1.3C8.29143 1.51467 8.21676 1.69667 8.06743 1.846C7.92743 1.99533 7.75476 2.07 7.54943 2.07Z",
+        fill: "#545454"
+      }
+    )
+  }
+) });
+function L(n, t, s) {
+  if (n <= s + 2)
+    return Array.from({ length: n }, (i, d) => d + 1);
+  const l = [1], r = Math.max(2, t - 1), u = Math.min(n - 1, t + 2);
+  if (r > 2)
+    l.push("dots");
+  else
+    for (let i = 2; i < r; i += 1) l.push(i);
+  for (let i = r; i <= u; i += 1)
+    l.push(i);
+  if (u < n - 1)
+    l.push("dots");
+  else
+    for (let i = u + 1; i < n; i += 1) l.push(i);
+  return l.push(n), l;
+}
+const A = ({
+  startItem: n,
+  endItem: t,
+  totalItems: s
+}) => `Записи с ${n} по ${t} из ${s}`;
+function V({
+  totalItems: n,
+  currentPage: t,
+  pageSize: s,
+  onPageChange: l,
+  onPageSizeChange: r,
+  dataLength: u,
+  pageWindow: i = 6,
+  pageSizeOptions: d,
+  resultsRenderer: N,
+  hideResults: m = !1,
+  className: g = "",
+  style: M,
+  marginTop: c
+}) {
+  const C = d ?? [10, 20, ...n > 20 ? [50] : []], p = C.length > 0 ? C : [s], y = p[0] ?? s, b = p.filter((a, e) => {
+    if (e === 0) return !0;
+    const R = p[e - 1];
+    return n > R;
+  }), f = n > y && b.length > 1, h = Math.ceil(n / s), v = h > 1;
+  if ((u ?? Math.max(0, Math.min(s, n - (t - 1) * s))) === 0 || !v && !f) return null;
+  const $ = (t - 1) * s + 1, x = Math.min(t * s, n), k = () => L(h, t, i).map((a, e) => a === "dots" ? /* @__PURE__ */ o(B, {}, `dots-${e}`) : /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      className: `u-paginator__pages-num ${a === t ? "u-paginator__pages-num_active" : ""}`,
+      onClick: () => l(a),
+      children: a
+    },
+    a
+  )), D = N ?? A, w = c == null ? void 0 : typeof c == "number" ? `${c}px` : c, j = [
+    "u-pagination",
+    m ? "u-pagination_no-results" : "",
+    g
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      className: j,
+      style: {
+        ...w != null ? { marginTop: w } : null,
+        ...M
+      },
+      children: [
+        m ? null : /* @__PURE__ */ o("p", { className: "u-pagination__result", children: D({ startItem: $, endItem: x, totalItems: n }) }),
+        /* @__PURE__ */ o("div", { className: "u-pagination__limits", children: f && /* @__PURE__ */ _(Z, { children: [
+          "Выводить по",
+          /* @__PURE__ */ o("div", { className: "u-pagination__limit-wrapper", children: b.map((a) => /* @__PURE__ */ o(
+            "span",
+            {
+              className: `u-pagination__limit ${a === s ? "u-pagination__limit_active" : ""}`,
+              onClick: () => r(a),
+              role: "button",
+              tabIndex: 0,
+              onKeyDown: (e) => e.key === "Enter" && r(a),
+              children: a
+            },
+            a
+          )) })
+        ] }) }),
+        /* @__PURE__ */ o("div", { className: "u-table-pagination-paginator-column", children: v ? /* @__PURE__ */ _("div", { className: "u-paginator", children: [
+          /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              className: `u-paginator__arrow-btn ${t === 1 ? "u-paginator__arrow-btn_inactive" : ""}`,
+              "aria-label": "Предыдущая страница",
+              onClick: () => t > 1 && l(t - 1)
+            }
+          ),
+          /* @__PURE__ */ o("div", { className: "u-paginator__pages", children: k() }),
+          /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              className: `u-paginator__arrow-btn u-paginator__arrow-btn-right ${t === h ? "u-paginator__arrow-btn-right_inactive" : ""}`,
+              "aria-label": "Следующая страница",
+              onClick: () => t < h && l(t + 1)
+            }
+          )
+        ] }) : null })
+      ]
+    }
+  );
+}
+export { V as Pagination$u };

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

@@ -1 +1 @@
-{"version":3,"file":"Preloader.d.ts","sourceRoot":"","sources":["../../../src/components/Preloader/Preloader.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,kBAAkB,CAAA;AAEzB,eAAO,MAAM,SAAS,GAAI,wBAGvB,mBAAmB,4CA8DrB,CAAA"}
+{"version":3,"file":"Preloader.d.ts","sourceRoot":"","sources":["../../../src/components/Preloader/Preloader.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAE1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,kBAAkB,CAAA;AAEzB,eAAO,MAAM,SAAS,GAAI,wBAGvB,mBAAmB,4CAmErB,CAAA"}

package/dist/components/Preloader/Preloader.js

@@ -0,0 +1,60 @@
+import { jsxs as r, Fragment as a, jsx as e } from "react/jsx-runtime";
+/* empty css                 */
+import { useId as n } from "react";
+/* empty css           */
+const h = ({
+  variant: i = "small-primary",
+  className: o = ""
+}) => {
+  const t = n().replace(/[^\w-]/g, ""), l = (s) => `${s}_${t}`;
+  return /* @__PURE__ */ r(a, { children: [
+    i === "small-primary" && /* @__PURE__ */ e("div", { className: `u-preloader-mini ${o}`, children: /* @__PURE__ */ r("svg", { className: "u-preloader-mini-container", width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+      /* @__PURE__ */ e("circle", { cx: "24", cy: "24", r: "23", stroke: "#1E4391", strokeWidth: "2" }),
+      /* @__PURE__ */ e("circle", { className: "u-preloader-mini-dot", cx: "6.5", cy: "6.5", r: "6.5", fill: "#1E4391" })
+    ] }) }),
+    i === "small-special" && /* @__PURE__ */ e("div", { className: `u-preloader-mini-gradient ${o}`, children: /* @__PURE__ */ r("svg", { className: "u-preloader-mini-gradient-container", width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+      /* @__PURE__ */ e("circle", { cx: "24", cy: "24", r: "23", stroke: `url(#${l("paint0_linear_8025_35626")})`, strokeWidth: "2" }),
+      /* @__PURE__ */ e("circle", { className: "u-preloader-mini-dot", cx: "6.5", cy: "6.5", r: "6.5", fill: `url(#${l("paint0_linear_8025_35627")})` }),
+      /* @__PURE__ */ r("defs", { children: [
+        /* @__PURE__ */ r("linearGradient", { id: l("paint0_linear_8025_35626"), x1: "54.3387", y1: "23.9985", x2: "6", y2: "23.9985", gradientUnits: "userSpaceOnUse", children: [
+          /* @__PURE__ */ e("stop", { stopColor: "#FF2D7F" }),
+          /* @__PURE__ */ e("stop", { offset: "0.48", stopColor: "#FB3727" }),
+          /* @__PURE__ */ e("stop", { offset: "1", stopColor: "#FEEA0F" })
+        ] }),
+        /* @__PURE__ */ r("linearGradient", { id: l("paint0_linear_8025_35627"), x1: "0.50109", y1: "13", x2: "8.00065", y2: "0.000589107", gradientUnits: "userSpaceOnUse", children: [
+          /* @__PURE__ */ e("stop", { stopColor: "#FF2D7F" }),
+          /* @__PURE__ */ e("stop", { offset: "0.192259", stopColor: "#FB3727" }),
+          /* @__PURE__ */ e("stop", { offset: "1", stopColor: "#FEEA0F" })
+        ] })
+      ] })
+    ] }) }),
+    i === "large-primary" && /* @__PURE__ */ e("div", { className: `u-preloader ${o}`, children: /* @__PURE__ */ r("svg", { className: "u-preloader-container", width: "76", height: "76", viewBox: "0 0 76 76", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+      /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M38 74C57.8823 74 74 57.8823 74 38C74 18.1177 57.8823 2 38 2C18.1177 2 2 18.1177 2 38C2 57.8823 18.1177 74 38 74ZM38 76C58.9868 76 76 58.9868 76 38C76 17.0132 58.9868 0 38 0C17.0132 0 0 17.0132 0 38C0 58.9868 17.0132 76 38 76Z", fill: "#1E4391" }),
+      /* @__PURE__ */ e("path", { className: "u-preloader-dot", d: "M12.2573 17.5283C12.2573 20.0136 10.2426 22.0283 7.75732 22.0283C5.27204 22.0283 3.25732 20.0136 3.25732 17.5283C3.25732 15.043 5.27204 13.0283 7.75732 13.0283C10.2426 13.0283 12.2573 15.043 12.2573 17.5283Z", fill: "#1E4391" }),
+      /* @__PURE__ */ e("path", { className: "u-preloader-logo", d: "M52.5974 25.4219C52.9649 24.721 53.5215 24.137 54.2039 23.7362C54.8864 23.3354 55.6675 23.1338 56.4587 23.1542L56.8417 21.7254H45.4303L45.0472 23.1542C46.9626 23.1542 49.575 23.9203 49.7512 25.4219H52.5897H52.5974ZM19.543 23.1542C22.4274 23.1542 23.6456 25.1653 24.9441 27.3219L35.5588 45.525C36.0606 46.4329 36.5509 47.5322 36.5356 48.5589C36.4973 51.2403 33.0229 52.2171 30.9429 52.3167C29.4339 52.3686 27.9339 52.0642 26.5645 51.428L25.7179 52.5159C26.2121 54.6151 28.1542 57.1663 30.8242 57.1471C35.463 57.1126 37.8993 52.8721 39.7648 49.4169L43.2124 43.016L33.1838 25.8203C32.2568 24.288 33.7776 23.1618 35.3941 23.1389L35.7771 21.7139H19.9145L19.543 23.1542Z", fill: "#1E4391" })
+    ] }) }),
+    i === "large-special" && /* @__PURE__ */ e("div", { className: `u-preloader-gradient ${o}`, children: /* @__PURE__ */ r("svg", { className: "u-preloader-gradient-container", width: "76", height: "76", viewBox: "0 0 76 76", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+      /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M38 74C57.8823 74 74 57.8823 74 38C74 18.1177 57.8823 2 38 2C18.1177 2 2 18.1177 2 38C2 57.8823 18.1177 74 38 74ZM38 76C58.9868 76 76 58.9868 76 38C76 17.0132 58.9868 0 38 0C17.0132 0 0 17.0132 0 38C0 58.9868 17.0132 76 38 76Z", fill: `url(#${l("paint0_linear_1804_4939")})` }),
+      /* @__PURE__ */ e("path", { className: "u-preloader-gradient-dot", d: "M12.2573 17.5283C12.2573 20.0136 10.2426 22.0283 7.75732 22.0283C5.27204 22.0283 3.25732 20.0136 3.25732 17.5283C3.25732 15.043 5.27204 13.0283 7.75732 13.0283C10.2426 13.0283 12.2573 15.043 12.2573 17.5283Z", fill: `url(#${l("paint1_linear_1804_4939")})` }),
+      /* @__PURE__ */ e("path", { className: "u-preloader-gradient-logo", d: "M52.5974 25.4219C52.9649 24.721 53.5215 24.137 54.2039 23.7362C54.8864 23.3354 55.6675 23.1338 56.4587 23.1542L56.8417 21.7254H45.4303L45.0472 23.1542C46.9626 23.1542 49.575 23.9203 49.7512 25.4219H52.5897H52.5974ZM19.543 23.1542C22.4274 23.1542 23.6456 25.1653 24.9441 27.3219L35.5588 45.525C36.0606 46.4329 36.5509 47.5322 36.5356 48.5589C36.4973 51.2403 33.0229 52.2171 30.9429 52.3167C29.4339 52.3686 27.9339 52.0642 26.5645 51.428L25.7179 52.5159C26.2121 54.6151 28.1542 57.1663 30.8242 57.1471C35.463 57.1126 37.8993 52.8721 39.7648 49.4169L43.2124 43.016L33.1838 25.8203C32.2568 24.288 33.7776 23.1618 35.3941 23.1389L35.7771 21.7139H19.9145L19.543 23.1542Z", fill: `url(#${l("paint2_linear_1804_4939")})` }),
+      /* @__PURE__ */ r("defs", { children: [
+        /* @__PURE__ */ r("linearGradient", { id: l("paint0_linear_1804_4939"), x1: "76.5363", y1: "37.9977", x2: "1.9146e-07", y2: "37.9977", gradientUnits: "userSpaceOnUse", children: [
+          /* @__PURE__ */ e("stop", { stopColor: "#FF2D7F" }),
+          /* @__PURE__ */ e("stop", { offset: "0.48", stopColor: "#FB3727" }),
+          /* @__PURE__ */ e("stop", { offset: "1", stopColor: "#FEEA0F" })
+        ] }),
+        /* @__PURE__ */ r("linearGradient", { id: l("paint1_linear_1804_4939"), x1: "5.06202", y1: "20.769", x2: "11.2799", y2: "12.9983", gradientUnits: "userSpaceOnUse", children: [
+          /* @__PURE__ */ e("stop", { stopColor: "#FF2D7F" }),
+          /* @__PURE__ */ e("stop", { offset: "0.48", stopColor: "#FB3727" }),
+          /* @__PURE__ */ e("stop", { offset: "1", stopColor: "#FEEA0F" })
+        ] }),
+        /* @__PURE__ */ r("linearGradient", { id: l("paint2_linear_1804_4939"), x1: "35.9984", y1: "21.9995", x2: "36.4978", y2: "56.9995", gradientUnits: "userSpaceOnUse", children: [
+          /* @__PURE__ */ e("stop", { stopColor: "#FF2D7F" }),
+          /* @__PURE__ */ e("stop", { offset: "0.48", stopColor: "#FB3727" }),
+          /* @__PURE__ */ e("stop", { offset: "1", stopColor: "#FEEA0F" })
+        ] })
+      ] })
+    ] }) })
+  ] });
+};
+export { h as Preloader$u };

package/dist/components/Radio/Radio.js

@@ -0,0 +1,34 @@
+import { jsx as s, jsxs as n, Fragment as m } from "react/jsx-runtime";
+/* empty css                 */
+/* empty css       */
+const N = ({
+  children: a,
+  disabled: i,
+  checked: o,
+  rightRadio: p = !1,
+  onClick: r,
+  onChange: t,
+  className: d = "",
+  style: e
+}) => {
+  const u = t || (r ? (l) => {
+    r(l);
+  } : void 0);
+  return /* @__PURE__ */ s("div", { className: "u-radio-wrapper", children: /* @__PURE__ */ n("label", { style: Object.assign({ columnGap: a ? "" : 0 }, e || {}), className: `u-radio ${d}`, children: [
+    p && a && /* @__PURE__ */ s(m, { children: a }),
+    /* @__PURE__ */ s(
+      "input",
+      {
+        checked: o,
+        disabled: i,
+        type: "radio",
+        onChange: u,
+        onClick: r,
+        readOnly: o !== void 0 && !t && !r
+      }
+    ),
+    /* @__PURE__ */ s("div", { className: "u-radio-input" }),
+    !p && a && /* @__PURE__ */ s(m, { children: a })
+  ] }) });
+};
+export { N as Radio$u };

package/dist/components/Search/Search.d.ts

@@ -1,5 +1,5 @@
 
 import { SearchProperties } from './Search.types';
-import "./Search.less";
+
 export declare const Search: ({ id, placeholder, value, onChange, onKeyDown, disabled, className, size, }: SearchProperties) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Search.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,eAAe,CAAC;AAGvB,eAAO,MAAM,MAAM,GAAI,6EASpB,gBAAgB,4CAqClB,CAAA"}
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,qDAAqD,CAAC;AAG7D,eAAO,MAAM,MAAM,GAAI,6EASpB,gBAAgB,4CAwClB,CAAA"}

package/dist/components/Search/Search.js

@@ -0,0 +1,47 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+/* empty css                 */
+/* empty css                                    */
+import { sizeClassName$u as h } from "../../shared/size.js";
+const x = ({
+  id: c,
+  placeholder: l = "Введите запрос",
+  value: s,
+  onChange: a,
+  onKeyDown: n,
+  disabled: e = !1,
+  className: o = "",
+  size: i
+}) => {
+  const r = h(i), u = (m) => {
+    m.preventDefault(), a && a({
+      target: { value: "" }
+    });
+  };
+  return /* @__PURE__ */ p("div", { className: `u-search${r ? ` ${r}` : ""} ${o}`, children: [
+    /* @__PURE__ */ t(
+      "input",
+      {
+        id: c,
+        placeholder: l,
+        className: `u-input${s && !e ? " u-input--clearable" : ""}`,
+        type: "search",
+        value: s,
+        onChange: a,
+        onKeyDown: n,
+        disabled: e
+      }
+    ),
+    s && !e && /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "u-search-clear",
+        "aria-label": "Очистить",
+        onClick: u,
+        children: /* @__PURE__ */ t("i", { className: "u-icon icon-cross-small", "aria-hidden": "true" })
+      }
+    ),
+    /* @__PURE__ */ t("button", { className: "u-search-loupe", type: "button", disabled: e })
+  ] });
+};
+export { x as Search$u };

package/dist/components/SearchSelect/SearchSelect.js

@@ -0,0 +1,295 @@
+import { jsx as o, jsxs as S } from "react/jsx-runtime";
+import { getFieldAccessibility$u as De } from "../../shared/fieldAccessibility.js";
+import { useState as Ee, useRef as U, useEffect as N, useMemo as Ke } from "react";
+/* empty css                 */
+import { createPortal as Pe } from "react-dom";
+/* empty css                  */
+/* empty css                 */
+import { useSelectEngine$u as Ae } from "../../hooks/useSelectEngine.js";
+import { isSameOptionValue$u as Le, getOptionKeys$u as Be } from "../../shared/optionValue.js";
+import { getPopupTransitionStyle$u as I } from "../../shared/popupTransition.js";
+import { useFlippedPlacement$u as He } from "./useFlippedPlacement.js";
+import { SearchSelectOption$u as Fe } from "./SearchSelectOption.js";
+import { isCompact$u as Ge, sizeClassName$u as Me } from "../../shared/size.js";
+import { getPortalScopeProps$u as We } from "../../shared/uiKitDefaults.js";
+import { resolveValidation$u as Ye } from "../../vanilla/core/validation.js";
+const lt = ({
+  "aria-label": V,
+  "aria-labelledby": C,
+  "aria-describedby": ee,
+  title: O = "",
+  required: z = !1,
+  options: R,
+  styleSelectContainer: te,
+  styleTitle: ce,
+  styleSelect: ie,
+  lineUp: v = !1,
+  rowGap: se = 4,
+  columnGap: le = 20,
+  placeholder: re = "Не выбрано",
+  value: t,
+  isClearable: g = !1,
+  onChange: f,
+  className: oe,
+  tableView: T = !1,
+  size: $,
+  validationText: ae = "Заполните поле",
+  validationOn: D,
+  error: ne,
+  absoluteValidationText: de,
+  disabled: n,
+  portalOn: pe,
+  onInputChange: y,
+  loading: x,
+  inputValue: b,
+  onInputValueChange: c,
+  emptyOptionsText: fe = "Ничего не найдено",
+  id: me
+}) => {
+  const h = Ge($, T), E = Me($, T), w = Ye({ error: ne, validationOn: D, validationText: ae }), [j, m] = Ee(""), K = U(!1), a = typeof b == "string" && typeof c == "function", r = j && !a ? R.filter((e) => (e.label ?? "").toLowerCase().includes((a ? b : j).toLowerCase())) : R, P = r.findIndex((e) => Le(e == null ? void 0 : e.value, t == null ? void 0 : t.value)), d = Ae({
+    optionsLength: r.length,
+    initialIndex: Math.max(0, P),
+    selectedIndex: P,
+    disabled: n,
+    portalOn: pe,
+    loading: x,
+    id: me,
+    idPrefix: "u-search-select",
+    // Под полем, а не в 30 пикселях от его верха: прежняя постоянная
+    // подходила только компактному полю и накрывала обычное.
+    getPortalPosition: (e) => ({ x: e.x, y: e.y + 60 + e.height + e.scrollY }),
+    onSelectByIndex: (e) => {
+      const l = r[e];
+      l && M.current(l);
+    }
+  }), {
+    isOpen: s,
+    blockRef: A,
+    portalOptionsRef: L,
+    optionsListRef: B,
+    listboxId: p,
+    activeDescendantId: xe,
+    activeIndex: be,
+    hoveredIndex: ye,
+    setHoveredIndex: he,
+    handleKeyDown: ue,
+    shouldRenderPortal: Se,
+    portalStatus: Oe,
+    shouldRenderLocal: ve,
+    localStatus: ge,
+    isAnimated: H,
+    portalWidth: we,
+    anchor: je,
+    usePortal: k
+  } = d, i = d.portalPosition, ke = De(p, O, z, w, {
+    "aria-label": V,
+    "aria-labelledby": C,
+    "aria-describedby": ee
+  }), F = d.close, G = (e) => typeof e == "number" ? `calc(${e} * var(--u-preset-unit, 1px))` : String(e), M = U(() => {
+  }), { flippedTop: Ne, flippedUp: ze } = He({
+    isOpen: s,
+    portalOn: k,
+    anchor: je,
+    blockRef: A,
+    portalOptionsRef: L,
+    optionsListRef: B,
+    dependencies: [i == null ? void 0 : i.x, i == null ? void 0 : i.y, r.length, x]
+  });
+  N(() => {
+    t && Object.keys(t).length == 0 && m("");
+  }, [t]), N(() => {
+    t != null && t.label && Object.keys(t).length && !s && m(t.label);
+  }, [s, t]);
+  const W = a ? b : j, Re = (e) => {
+    n || (s || d.open(e.currentTarget), a ? c && c(e.target.value) : m(e.target.value), y && y(e.target.value));
+  }, u = !!(t && typeof t == "object" && t.value !== void 0 && String(t.value).length > 0);
+  N(() => {
+    const e = K.current;
+    K.current = s, e && !s && a && u && b.length > 0 && (c == null || c(""));
+  }, [s, a, u, b, c]);
+  const Te = () => {
+    n || (f == null || f(null), a ? c == null || c("") : m(""), y && y(""), F());
+  }, Y = (e) => {
+    e.preventDefault(), e.stopPropagation(), Te();
+  }, q = (e) => {
+    f == null || f(e), F(), a ? c == null || c("") : m(e.label ?? "");
+  }, $e = Ke(() => Be(r), [r]);
+  M.current = q;
+  const J = g && u ? h ? "calc(28 * var(--u-unit, 1px))" : "calc(40 * var(--u-unit, 1px))" : void 0, Q = g ? { display: "block" } : null, X = /* @__PURE__ */ o("div", { className: "u-selectbox-empty-text", children: fe }), Z = (e, l) => /* @__PURE__ */ o(
+    Fe,
+    {
+      option: e,
+      index: l,
+      listboxId: p,
+      selectedValue: t == null ? void 0 : t.value,
+      isActive: ye === l || be === l,
+      tableView: h,
+      onSelect: q,
+      onHover: he
+    },
+    $e[l]
+  ), _ = /* @__PURE__ */ o(
+    "input",
+    {
+      className: s ? "u-selectbox-select u-selectbox-select-open" : "u-selectbox-select",
+      role: "combobox",
+      ...ke,
+      "aria-expanded": s,
+      "aria-haspopup": "listbox",
+      "aria-controls": p,
+      "aria-autocomplete": "list",
+      "aria-activedescendant": xe,
+      onClick: (e) => {
+        W.length > 0 && (a ? c && c("") : m("")), !n && s && e.currentTarget.blur(), d.toggle(e.currentTarget);
+      },
+      style: Object.assign(
+        h ? {
+          height: "var(--u-compact-height)",
+          fontSize: "var(--u-compact-font-size)",
+          lineHeight: 1,
+          padding: "var(--u-compact-padding)",
+          borderRadius: "calc(8 * var(--u-unit, 1px))"
+        } : {},
+        J != null ? { paddingRight: J } : {},
+        D && { border: "1px solid var(--u-color-error, #EF302B)" }
+      ),
+      type: "text",
+      disabled: n,
+      value: W || "",
+      onChange: Re,
+      onKeyDown: ue,
+      placeholder: t != null && t.label && Object.keys(t).length ? t.label : re
+    }
+  );
+  return /* @__PURE__ */ S("div", { className: `u-react-select-container${E ? ` ${E}` : ""} ${oe ?? ""}`, style: { position: "relative" }, children: [
+    /* @__PURE__ */ S(
+      "div",
+      {
+        style: Object.assign(
+          {
+            display: "flex",
+            flexDirection: v ? "row" : "column",
+            rowGap: v ? null : G(se),
+            columnGap: v ? G(le) : null
+          },
+          te
+        ),
+        children: [
+          O && /* @__PURE__ */ o(
+            "div",
+            {
+              id: `${p}-label`,
+              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)))"
+                },
+                ce
+              ),
+              children: O
+            }
+          ),
+          /* @__PURE__ */ S(
+            "div",
+            {
+              className: `u-selectbox${n ? " u-selectbox-disabled" : ""} u-react-select`,
+              ref: A,
+              style: Object.assign(
+                {
+                  width: "100%"
+                },
+                ie
+              ),
+              children: [
+                g ? /* @__PURE__ */ S("div", { style: { position: "relative", width: "100%" }, children: [
+                  _,
+                  !n && u ? /* @__PURE__ */ o(
+                    "div",
+                    {
+                      role: "button",
+                      tabIndex: -1,
+                      className: "u-selectbox-select-icon-cross",
+                      "aria-label": "Очистить",
+                      onClick: Y,
+                      onKeyDown: (e) => {
+                        (e.key === "Enter" || e.key === " ") && Y(e);
+                      },
+                      style: {
+                        zIndex: 2,
+                        cursor: "pointer",
+                        right: h ? "calc(8 * var(--u-unit, 1px))" : "calc(20 * var(--u-unit, 1px))"
+                      }
+                    }
+                  ) : null
+                ] }) : _,
+                s && x ? /* @__PURE__ */ o(
+                  "div",
+                  {
+                    className: "u-selectbox-options",
+                    style: Object.assign(
+                      { textAlign: "center", padding: "calc(16 * var(--u-unit, 1px))" },
+                      Q ?? {}
+                    ),
+                    children: /* @__PURE__ */ o("span", { className: "u-selectbox-loading", children: "Загрузка..." })
+                  }
+                ) : null,
+                !x && k && Se && i && Pe(
+                  /* @__PURE__ */ o(
+                    "div",
+                    {
+                      ref: L,
+                      ...We(),
+                      id: p,
+                      role: "listbox",
+                      className: "u-selectbox-options",
+                      style: Object.assign(
+                        {
+                          width: we,
+                          left: i == null ? void 0 : i.x,
+                          top: Ne ?? (i == null ? void 0 : i.y) - 60,
+                          opacity: 1,
+                          visibility: "visible",
+                          height: "fit-content",
+                          // Переменная, чтобы список внутри модалки можно было
+                          // поднять над ней, не трогая код потребителя.
+                          zIndex: "var(--u-select-popup-z, 10010)",
+                          display: "block"
+                        },
+                        d.optionsStyle,
+                        I(Oe, H)
+                      ),
+                      children: r.length > 0 ? r.map((e, l) => Z(e, l)) : X
+                    }
+                  ),
+                  document.body
+                ),
+                !x && !k && ve ? /* @__PURE__ */ o(
+                  "div",
+                  {
+                    ref: B,
+                    id: p,
+                    role: "listbox",
+                    className: ze ? "u-selectbox-options u-selectbox-options-up" : "u-selectbox-options",
+                    style: Object.assign(
+                      {},
+                      Q ?? {},
+                      // см. Select: без своего `display` переход срывается на кадре,
+                      // когда vanilla уже спрятала список, а узел ещё нужен
+                      { display: "block" },
+                      d.optionsStyle,
+                      I(ge, H)
+                    ),
+                    children: r.length > 0 ? r.map((e, l) => Z(e, l)) : X
+                  }
+                ) : null
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    w.showText && /* @__PURE__ */ o("h5", { id: `${p}-error`, className: "h5 clr-red-main", style: de ? { position: "absolute", bottom: "calc(-20 * var(--u-unit, 1px))" } : { position: "relative", marginTop: "calc(4 * var(--u-unit, 1px))" }, children: w.text })
+  ] });
+};
+export { lt as SearchSelect$u };

package/dist/components/SearchSelect/SearchSelectOption.js

@@ -0,0 +1,41 @@
+import { jsx as u } from "react/jsx-runtime";
+import { OPTION_STATE_COLORS$u as r } from "../../shared/optionStateColors.js";
+import { isSameOptionValue$u as m } from "../../shared/optionValue.js";
+const O = ({
+  option: e,
+  index: o,
+  listboxId: c,
+  selectedValue: i,
+  isActive: l,
+  tableView: n,
+  onSelect: s,
+  onHover: a
+}) => {
+  const t = m(i, e == null ? void 0 : e.value);
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: "u-selectbox-option",
+      "data-option-index": o,
+      id: `${c}-option-${o}`,
+      role: "option",
+      "aria-selected": t,
+      onClick: (d) => {
+        d.stopPropagation(), s(e);
+      },
+      style: Object.assign(
+        n ? {
+          minHeight: "var(--u-compact-height)",
+          fontSize: "var(--u-compact-font-size)",
+          lineHeight: 1,
+          padding: "var(--u-compact-padding)"
+        } : {},
+        t ? { backgroundColor: r.selectedBackground } : l ? { backgroundColor: r.hoveredBackground } : {}
+      ),
+      onMouseEnter: () => a(o),
+      onMouseLeave: () => a(null),
+      children: e.label
+    }
+  );
+};
+export { O as SearchSelectOption$u };

package/dist/components/SearchSelect/useFlippedPlacement.js

@@ -0,0 +1,25 @@
+import { useState as d, useLayoutEffect as a } from "react";
+const B = 4, T = ({
+  isOpen: n,
+  portalOn: e,
+  anchor: o,
+  blockRef: f,
+  portalOptionsRef: g,
+  optionsListRef: h,
+  dependencies: m
+}) => {
+  const [w, p] = d(null), [F, c] = d(!1);
+  return a(() => {
+    if (!n) {
+      p(null), c(!1);
+      return;
+    }
+    const s = e ? g.current : h.current, l = e ? o : f.current;
+    if (!s || !l) return;
+    const t = l.getBoundingClientRect(), i = s.getBoundingClientRect().height, u = window.innerHeight - t.bottom, P = t.top, r = i > u && P > u;
+    c(r), p(
+      e && r ? t.top + window.scrollY - i - B : null
+    );
+  }, [n, e, o, ...m]), { flippedTop: w, flippedUp: F };
+};
+export { T as useFlippedPlacement$u };

package/dist/components/Select/MobileOptionSheet.d.ts

@@ -1,4 +1,4 @@
-import './MobileOptionSheet.less';
+
 type SheetOption = {
     label?: string;
     value?: string | number | null;