@carparkteam/parz-ui 0.0.0-stage → 1.0.1

package/dist/parz-ui.js

@@ -0,0 +1,1442 @@
+import { jsxs as z, jsx as r, Fragment as Tt } from "react/jsx-runtime";
+import { isValidElement as Yt, useState as B, useRef as $, useLayoutEffect as Me, useCallback as ot, useEffect as ae, useMemo as mt, useReducer as Qt, useId as Jt } from "react";
+const Dt = {
+  film: [
+    '<rect x="2" y="2.75" width="12" height="10.5" rx="2"/><line x1="5.25" y1="2.75" x2="5.25" y2="13.25"/><line x1="10.75" y1="2.75" x2="10.75" y2="13.25"/><line x1="2" y1="8" x2="5.25" y2="8"/><line x1="10.75" y1="8" x2="14" y2="8"/>',
+    '<path d="M3.417 2.407 L3.508 2.386 L3.953 2.336 L4 2.333 L12 2.333 L12.047 2.336 L12.492 2.386 L12.583 2.407 L13.005 2.555 L13.076 2.587 L13.089 2.595 L13.469 2.834 L13.542 2.892 L13.858 3.208 L13.916 3.281 L14.155 3.661 L14.163 3.674 L14.195 3.745 L14.343 4.167 L14.364 4.258 L14.414 4.703 L14.417 4.75 L14.417 11.25 L14.414 11.297 L14.364 11.742 L14.343 11.833 L14.195 12.255 L14.163 12.326 L14.155 12.339 L13.916 12.719 L13.858 12.792 L13.542 13.108 L13.469 13.166 L13.089 13.405 L13.076 13.413 L13.005 13.445 L12.583 13.593 L12.492 13.614 L12.047 13.664 L12 13.667 L4 13.667 L3.953 13.664 L3.508 13.614 L3.417 13.593 L2.995 13.445 L2.924 13.413 L2.911 13.405 L2.531 13.166 L2.458 13.108 L2.142 12.792 L2.084 12.719 L1.845 12.339 L1.837 12.326 L1.805 12.255 L1.657 11.833 L1.636 11.742 L1.586 11.297 L1.583 11.25 L1.583 4.75 L1.586 4.703 L1.636 4.258 L1.657 4.167 L1.805 3.745 L1.837 3.674 L1.845 3.661 L2.084 3.281 L2.142 3.208 L2.458 2.892 L2.531 2.834 L2.911 2.595 L2.924 2.587 L2.995 2.555 Z M4.833 2.75 L4.833 7.583 L2 7.583 L1.792 7.639 L1.639 7.792 L1.583 8 L1.639 8.208 L1.792 8.361 L2 8.417 L4.833 8.417 L4.833 13.25 L4.889 13.458 L5.042 13.611 L5.25 13.667 L5.458 13.611 L5.611 13.458 L5.667 13.25 L5.667 2.75 L5.611 2.542 L5.458 2.389 L5.25 2.333 L5.042 2.389 L4.889 2.542 Z M10.389 2.542 L10.333 2.75 L10.333 13.25 L10.389 13.458 L10.542 13.611 L10.75 13.667 L10.958 13.611 L11.111 13.458 L11.167 13.25 L11.167 8.417 L14 8.417 L14.208 8.361 L14.361 8.208 L14.417 8 L14.361 7.792 L14.208 7.639 L14 7.583 L11.167 7.583 L11.167 2.75 L11.111 2.542 L10.958 2.389 L10.75 2.333 L10.542 2.389 Z" fill="currentColor" fill-rule="evenodd" stroke="none"/>'
+  ],
+  ticket: [
+    '<path d="M3.25 3.5 H12.75 A1.25 1.25 0 0 1 14 4.75 V6.25 A1.75 1.75 0 0 0 14 9.75 V11.25 A1.25 1.25 0 0 1 12.75 12.5 H3.25 A1.25 1.25 0 0 1 2 11.25 V9.75 A1.75 1.75 0 0 0 2 6.25 V4.75 A1.25 1.25 0 0 1 3.25 3.5 Z"/><circle cx="9.75" cy="5.75" r="0.55" fill="currentColor" stroke="none"/><circle cx="9.75" cy="8" r="0.55" fill="currentColor" stroke="none"/><circle cx="9.75" cy="10.25" r="0.55" fill="currentColor" stroke="none"/>',
+    '<path d="M3.25 3.5 L12.75 3.5 A1.25 1.25 0 0 1 14 4.75 L14 6.25 A1.75 1.75 0 0 0 14 9.75 L14 11.25 A1.25 1.25 0 0 1 12.75 12.5 L3.25 12.5 A1.25 1.25 0 0 1 2 11.25 L2 9.75 A1.75 1.75 0 0 0 2 6.25 L2 4.75 A1.25 1.25 0 0 1 3.25 3.5 Z M10.246 5.511 L10.093 5.32 L9.872 5.214 L9.628 5.214 L9.407 5.32 L9.254 5.511 L9.2 5.75 L9.254 5.989 L9.407 6.18 L9.628 6.286 L9.872 6.286 L10.093 6.18 L10.246 5.989 L10.3 5.75 Z M10.246 7.761 L10.093 7.57 L9.872 7.464 L9.628 7.464 L9.407 7.57 L9.254 7.761 L9.2 8 L9.254 8.239 L9.407 8.43 L9.628 8.536 L9.872 8.536 L10.093 8.43 L10.246 8.239 L10.3 8 Z M10.246 10.011 L10.093 9.82 L9.872 9.714 L9.628 9.714 L9.407 9.82 L9.254 10.011 L9.2 10.25 L9.254 10.489 L9.407 10.68 L9.628 10.786 L9.872 10.786 L10.093 10.68 L10.246 10.489 L10.3 10.25 Z" fill="currentColor" fill-rule="evenodd" stroke="none"/><path d="M3.25 3.5 H12.75 A1.25 1.25 0 0 1 14 4.75 V6.25 A1.75 1.75 0 0 0 14 9.75 V11.25 A1.25 1.25 0 0 1 12.75 12.5 H3.25 A1.25 1.25 0 0 1 2 11.25 V9.75 A1.75 1.75 0 0 0 2 6.25 V4.75 A1.25 1.25 0 0 1 3.25 3.5 Z" fill="none"/>'
+  ],
+  pin: [
+    '<path d="M8 14 C8 14 3.25 10 3.25 6.75 A4.75 4.75 0 0 1 12.75 6.75 C12.75 10 8 14 8 14 Z"/><circle cx="8" cy="6.75" r="1.75"/>',
+    '<path d="M8 14 C8 14 3.25 10 3.25 6.75 A4.75 4.75 0 0 1 12.75 6.75 C12.75 10 8 14 8 14 Z M9.284 7.094 L9.33 6.75 L9.284 6.406 L9.152 6.085 L8.94 5.81 L8.665 5.598 L8.344 5.466 L8 5.42 L7.656 5.466 L7.335 5.598 L7.06 5.81 L6.848 6.085 L6.716 6.406 L6.67 6.75 L6.716 7.094 L6.848 7.415 L7.06 7.69 L7.335 7.902 L7.656 8.034 L8 8.08 L8.344 8.034 L8.665 7.902 L8.94 7.69 L9.152 7.415 Z" fill="currentColor" fill-rule="evenodd" stroke="none"/><path d="M8 14 C8 14 3.25 10 3.25 6.75 A4.75 4.75 0 0 1 12.75 6.75 C12.75 10 8 14 8 14 Z" fill="none"/>'
+  ],
+  bell: [
+    '<path d="M3.75 10.75 V6.5 A4.25 4.25 0 0 1 12.25 6.5 V10.75 L13.25 11.75 H2.75 Z"/><line x1="6.5" y1="13.75" x2="9.5" y2="13.75"/>',
+    '<path d="M3.75 10.75 V6.5 A4.25 4.25 0 0 1 12.25 6.5 V10.75 L13.25 11.75 H2.75 Z" fill="currentColor"/><line x1="6.5" y1="13.75" x2="9.5" y2="13.75"/>'
+  ],
+  glasses3d: [
+    '<rect x="1.75" y="5.25" width="5.25" height="4.75" rx="2"/><rect x="9" y="5.25" width="5.25" height="4.75" rx="2"/><path d="M7 6.75 A1 1 0 0 1 9 6.75"/>',
+    null
+  ],
+  clapperboard: [
+    '<rect x="2.25" y="7.25" width="11.5" height="6.5" rx="2"/><path d="M2.25 7.25 L12.703 4.463 C13.139 4.346 13.393 3.892 13.263 3.46 L12.973 2.493 C12.849 2.079 12.418 1.838 12.001 1.95 L2.297 4.537 C1.861 4.654 1.607 5.108 1.737 5.54 L2.25 7.25 Z"/><line x1="4.25" y1="4" x2="6.75" y2="6"/><line x1="8.25" y1="3" x2="10.75" y2="5"/>',
+    null
+  ],
+  flame: [
+    '<path d="M8 14 A4.5 4.5 0 0 1 3.5 9.5 C3.5 6.5 6 5 6.5 2 C8.75 3.5 9.75 5.25 9.5 7.25 C10.25 6.75 10.75 6 11 5.25 C12 6.5 12.5 8 12.5 9.5 A4.5 4.5 0 0 1 8 14 Z"/>',
+    null
+  ],
+  gift: [
+    '<rect x="2.75" y="7.5" width="10.5" height="6.25" rx="2"/><rect x="2" y="4.75" width="12" height="2.75" rx="1"/><line x1="8" y1="4.75" x2="8" y2="13.75"/><path d="M8 4.75 C7 2 4.25 1.75 4.25 3.5 C4.25 4.5 5.75 4.75 8 4.75 C10.25 4.75 11.75 4.5 11.75 3.5 C11.75 1.75 9 2 8 4.75"/>',
+    null
+  ],
+  card: [
+    '<rect x="1.75" y="3.25" width="12.5" height="9.5" rx="2"/><line x1="1.75" y1="6.5" x2="14.25" y2="6.5"/><line x1="4" y1="10" x2="6.5" y2="10"/>',
+    null
+  ],
+  globe: [
+    '<circle cx="8" cy="8" r="6"/><line x1="2" y1="8" x2="14" y2="8"/><ellipse cx="8" cy="8" rx="2.5" ry="6"/>',
+    null
+  ],
+  sparkles: [
+    '<path d="M7 4 C7.5 7.25 8.75 8.5 12 9 C8.75 9.5 7.5 10.75 7 14 C6.5 10.75 5.25 9.5 2 9 C5.25 8.5 6.5 7.25 7 4 Z"/><path d="M12 1.75 C12.225 3.212 12.787 3.775 14.25 4 C12.787 4.225 12.225 4.787 12 6.25 C11.775 4.787 11.213 4.225 9.75 4 C11.213 3.775 11.775 3.212 12 1.75 Z"/>',
+    null
+  ],
+  info: [
+    '<circle cx="8" cy="8" r="6"/><line x1="8" y1="7.25" x2="8" y2="11"/><circle cx="8" cy="4.85" r="0.55" fill="currentColor" stroke="none"/>',
+    null
+  ],
+  logout: [
+    '<path d="M6.25 2.25 L4.75 2.25 C3.922 2.25 3.25 2.922 3.25 3.75 L3.25 12.25 C3.25 13.078 3.922 13.75 4.75 13.75 L6.25 13.75"/><line x1="6.75" y1="8" x2="13.5" y2="8"/><path d="M10.5 5 L13.5 8 L10.5 11"/>',
+    null
+  ],
+  bulb: [
+    '<path d="M6.25 9.25 C6.25 8.6 5.8 8.1 5.25 7.6 C4.45 6.9 4 6.4 4 5.75 A4 4 0 0 1 12 5.75 C12 6.4 11.55 6.9 10.75 7.6 C10.2 8.1 9.75 8.6 9.75 9.25"/><line x1="6" y1="11.75" x2="10" y2="11.75"/><line x1="7" y1="14.25" x2="9" y2="14.25"/>',
+    '<path d="M6.25 9.25 C6.25 8.6 5.8 8.1 5.25 7.6 C4.45 6.9 4 6.4 4 5.75 A4 4 0 0 1 12 5.75 C12 6.4 11.55 6.9 10.75 7.6 C10.2 8.1 9.75 8.6 9.75 9.25" fill="currentColor"/><line x1="6" y1="11.75" x2="10" y2="11.75"/><line x1="7" y1="14.25" x2="9" y2="14.25"/>'
+  ],
+  rotate: [
+    '<rect x="2.5" y="5.5" width="6.5" height="8.5" rx="2"/><line x1="5" y1="12.5" x2="6.5" y2="12.5"/><path d="M5.25 3.237 A5.5 5.5 0 0 1 13.168 6.119"/><path d="M13.802 4.759 L13.168 6.119 L11.809 5.485"/>',
+    null
+  ],
+  star: [
+    null,
+    '<path d="M8.454 3.234 L9.646 5.819 C9.719 5.977 9.869 6.085 10.041 6.106 L12.868 6.441 C13.291 6.491 13.461 7.015 13.148 7.305 L11.059 9.237 C10.931 9.355 10.874 9.531 10.908 9.702 L11.462 12.493 C11.546 12.912 11.1 13.235 10.728 13.027 L8.244 11.637 C8.092 11.552 7.908 11.552 7.756 11.637 L5.272 13.027 C4.9 13.235 4.454 12.912 4.538 12.493 L5.092 9.702 C5.126 9.531 5.069 9.355 4.941 9.237 L2.852 7.305 C2.539 7.015 2.709 6.491 3.132 6.441 L5.959 6.106 C6.131 6.085 6.281 5.977 6.354 5.819 L7.546 3.234 C7.725 2.847 8.275 2.847 8.454 3.234 Z" fill="currentColor"/>'
+  ],
+  check: [
+    '<path d="M2.75 8.5 L6.25 12 L13.25 4.5"/>',
+    null
+  ],
+  chevL: [
+    '<path d="M10.125 3.75 L5.875 8 L10.125 12.25"/>',
+    null
+  ],
+  chevR: [
+    '<path d="M5.875 3.75 L10.125 8 L5.875 12.25"/>',
+    null
+  ],
+  popcorn: [
+    '<path d="M4.211 7.5 L11.789 7.5 C12.417 7.5 12.89 8.072 12.771 8.689 L11.906 13.189 C11.815 13.66 11.403 14 10.924 14 L5.076 14 C4.597 14 4.185 13.66 4.094 13.189 L3.229 8.689 C3.11 8.072 3.583 7.5 4.211 7.5 Z"/><path d="M3.25 7.5 A2.25 2.25 0 0 1 5.75 4.25 A2.25 2.25 0 0 1 10.25 4.25 A2.25 2.25 0 0 1 12.75 7.5"/><line x1="6.5" y1="7.5" x2="6.75" y2="14"/><line x1="9.5" y1="7.5" x2="9.25" y2="14"/>',
+    null
+  ],
+  calendar: [
+    '<rect x="2.25" y="3.25" width="11.5" height="10.5" rx="2"/><line x1="5.5" y1="1.75" x2="5.5" y2="4.5"/><line x1="10.5" y1="1.75" x2="10.5" y2="4.5"/><line x1="2.25" y1="7" x2="13.75" y2="7"/>',
+    null
+  ],
+  wallet: [
+    '<rect x="2" y="4" width="12" height="9.5" rx="2"/><path d="M4 4 L10.5 2.25 C11.2 2.05 11.75 2.5 11.75 3.25 V4"/><circle cx="11" cy="8.75" r="0.55" fill="currentColor" stroke="none"/>',
+    null
+  ],
+  route: [
+    '<circle cx="3.75" cy="12" r="1.75"/><path d="M5.5 12 H11.5 A2 2 0 0 0 11.5 8 H4.5 A2 2 0 0 1 4.5 4 H10.5"/><circle cx="12.25" cy="4" r="1.75"/>',
+    null
+  ],
+  users: [
+    '<circle cx="6" cy="5.25" r="2.5"/><path d="M1.75 13.5 C2.25 11.25 3.9 9.75 6 9.75 C8.1 9.75 9.75 11.25 10.25 13.5"/><path d="M10.25 2.85 A2.5 2.5 0 0 1 10.25 7.65"/><path d="M11.75 10 C12.9 10.5 13.7 11.8 14 13.5"/>',
+    null
+  ],
+  more: ['<circle cx="8" cy="8" r="6"/><circle cx="5" cy="8" r="0.726" fill="currentColor" stroke="none"/><circle cx="8" cy="8" r="0.726" fill="currentColor" stroke="none"/><circle cx="11" cy="8" r="0.726" fill="currentColor" stroke="none"/>', '<path d="M14 8 A6 6 0 0 1 2 8 A6 6 0 0 1 14 8 Z M5.671 7.722 L5.513 7.487 L5.278 7.329 L5 7.274 L4.722 7.329 L4.487 7.487 L4.329 7.722 L4.274 8 L4.329 8.278 L4.487 8.513 L4.722 8.671 L5 8.726 L5.278 8.671 L5.513 8.513 L5.671 8.278 L5.726 8 Z M8.671 7.722 L8.513 7.487 L8.278 7.329 L8 7.274 L7.722 7.329 L7.487 7.487 L7.329 7.722 L7.274 8 L7.329 8.278 L7.487 8.513 L7.722 8.671 L8 8.726 L8.278 8.671 L8.513 8.513 L8.671 8.278 L8.726 8 Z M11.671 7.722 L11.513 7.487 L11.278 7.329 L11 7.274 L10.722 7.329 L10.487 7.487 L10.329 7.722 L10.274 8 L10.329 8.278 L10.487 8.513 L10.722 8.671 L11 8.726 L11.278 8.671 L11.513 8.513 L11.671 8.278 L11.726 8 Z" fill="currentColor" fill-rule="evenodd" stroke="none"/><circle cx="8" cy="8" r="6" fill="none"/>'],
+  plus: ['<line x1="8" y1="2.75" x2="8" y2="13.25"/><line x1="2.75" y1="8" x2="13.25" y2="8"/>', null],
+  search: ['<circle cx="7" cy="7" r="4.75"/><line x1="10.5" y1="10.5" x2="13.75" y2="13.75"/>', '<circle cx="7" cy="7" r="4.75" fill="currentColor"/><line x1="10.5" y1="10.5" x2="13.75" y2="13.75"/>'],
+  close: ['<line x1="3.75" y1="3.75" x2="12.25" y2="12.25"/><line x1="12.25" y1="3.75" x2="3.75" y2="12.25"/>', null],
+  arrowR: ['<line x1="2.75" y1="8" x2="13.25" y2="8"/><path d="M8.5 3.25 L13.25 8 L8.5 12.75"/>', null]
+}, Rt = { rounded: "Rounded", outlined: "Outlined", sharp: "Sharp" }, gt = { filled: "", outlined: "Outlined", round: "Round", sharp: "Sharp", "two-tone": "Two Tone" };
+function Pt(s) {
+  if (typeof s != "string") return { kind: "node" };
+  const [d, l, u] = s.split(":");
+  return d === "ms" && l ? { kind: "ms", name: l, style: u in Rt ? u : "rounded" } : d === "mi" && l ? { kind: "mi", name: l, style: u in gt ? u : "filled" } : { kind: "builtin", name: s };
+}
+function Ot(s, d = s === "ms" ? "rounded" : "filled") {
+  if (typeof document > "u") return;
+  const l = s === "ms" ? `Material+Symbols+${(Rt[d] || "Rounded").replace(" ", "+")}:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200` : `Material+Icons${gt[d] ? "+" + gt[d].replace(" ", "+") : ""}`, u = "ltb-font-" + l.replace(/[^a-z0-9]/gi, "");
+  if (document.getElementById(u)) return;
+  const p = document.createElement("link");
+  p.id = u, p.rel = "stylesheet", p.href = `https://fonts.googleapis.com/css2?family=${l}&display=block`, document.head.appendChild(p);
+}
+const en = (s) => "material-symbols-" + s, tn = (s) => s === "filled" ? "material-icons" : "material-icons-" + s;
+function bt({ body: s, cls: d }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      className: d,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.1,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      dangerouslySetInnerHTML: { __html: s }
+    }
+  );
+}
+function ve({ icon: s, activeIcon: d }) {
+  return d !== void 0 ? /* @__PURE__ */ z("span", { className: "ltb-icon ltb-icon--pair", children: [
+    /* @__PURE__ */ r("span", { className: "ltb-off", children: /* @__PURE__ */ r(Lt, { spec: s }) }),
+    /* @__PURE__ */ r("span", { className: "ltb-on", children: /* @__PURE__ */ r(Lt, { spec: d }) })
+  ] }) : /* @__PURE__ */ r("span", { className: "ltb-icon", children: /* @__PURE__ */ r(Lt, { spec: s, dual: !0 }) });
+}
+function Lt({ spec: s, dual: d }) {
+  const l = Pt(s);
+  if (l.kind === "node") return /* @__PURE__ */ r(Tt, { children: Yt(s) || s != null ? s : null });
+  if (l.kind === "ms") return /* @__PURE__ */ r("span", { className: `${en(l.style)} ltb-ms`, "aria-hidden": "true", children: l.name });
+  if (l.kind === "mi") return /* @__PURE__ */ r("span", { className: `${tn(l.style)} ltb-mi`, "aria-hidden": "true", children: l.name });
+  const u = Dt[l.name];
+  if (!u) return /* @__PURE__ */ r("span", { className: "ltb-missing", title: `Нет иконки «${l.name}»`, children: "?" });
+  const p = u[0] || u[1], L = u[1] || u[0];
+  return d ? /* @__PURE__ */ z(Tt, { children: [
+    /* @__PURE__ */ r(bt, { body: p, cls: "ltb-svg ltb-o" }),
+    /* @__PURE__ */ r(bt, { body: L, cls: "ltb-svg ltb-s" })
+  ] }) : /* @__PURE__ */ r(bt, { body: p, cls: "ltb-svg" });
+}
+const At = {
+  accent: "#6ee7a0",
+  text: "#8b8b93",
+  textActive: "#ffffff",
+  surfaceTop: "rgba(38,38,42,.82)",
+  surfaceBottom: "rgba(20,20,23,.88)",
+  border: "rgba(255,255,255,.06)",
+  bevelTop: "rgba(255,255,255,.14)",
+  bevelBottom: "rgba(0,0,0,.4)",
+  highlightTop: "rgba(255,255,255,.13)",
+  highlightBottom: "rgba(255,255,255,.05)",
+  highlightShadow: "inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(0,0,0,.25)",
+  actionBg: "rgba(255,255,255,.07)",
+  actionActiveBg: "#ffffff",
+  actionActiveText: "#000000",
+  actionAccentBg: "#6ee7a0",
+  actionAccentText: "#04130a",
+  badgeBg: "#ff4d5e",
+  badgeText: "#ffffff",
+  badgeRing: "#1d1d21",
+  avatarFrom: "#6ee7a0",
+  avatarTo: "#2d6a4f",
+  avatarText: "#04130a",
+  fontFamily: "inherit",
+  radius: 999,
+  padding: 6,
+  gap: 10,
+  itemPaddingY: 8,
+  iconSize: 22,
+  fontSize: 11,
+  actionSize: 50,
+  blur: 20,
+  maxWidth: 540,
+  offset: 12,
+  itemMinWidth: 84,
+  shadow: "0 18px 40px -12px rgba(0,0,0,.8)",
+  headerTop: "rgba(9,9,11,.96)",
+  headerMid: "rgba(9,9,11,.82)",
+  headerBlur: 14,
+  searchBg: "rgba(255,255,255,.06)",
+  searchBorder: "rgba(255,255,255,.08)"
+}, nn = {
+  solid: { label: "Сплошной", transparency: 0, blur: 0 },
+  frosted: { label: "Матовое", transparency: 15, blur: 20 },
+  glass: { label: "Стекло", transparency: 40, blur: 16 },
+  clear: { label: "Прозрачное", transparency: 70, blur: 10 },
+  none: { label: "Без фона", transparency: 100, blur: 0 }
+};
+function Ct(s, d) {
+  const l = Math.max(0, Math.min(1, d));
+  let u, p, L;
+  const m = /^rgba?\(\s*(\d+)[\s,]+(\d+)[\s,]+(\d+)/i.exec(s.trim());
+  if (m) [u, p, L] = [+m[1], +m[2], +m[3]];
+  else if (/^#[0-9a-f]{6}$/i.test(s)) {
+    const w = parseInt(s.slice(1), 16);
+    [u, p, L] = [w >> 16, w >> 8 & 255, w & 255];
+  } else if (/^#[0-9a-f]{3}$/i.test(s)) [u, p, L] = [...s.slice(1)].map((w) => parseInt(w + w, 16));
+  else return s;
+  return `rgba(${u},${p},${L},${+l.toFixed(3)})`;
+}
+const rn = { lead: 360, lag: 660, squash: 0.26, jelly: !0, overshoot: 1.35, shift: 550, wave: 0.035 }, It = {
+  accent: "--ltb-accent",
+  text: "--ltb-text",
+  textActive: "--ltb-text-active",
+  surfaceTop: "--ltb-surface-top",
+  surfaceBottom: "--ltb-surface-bottom",
+  border: "--ltb-border",
+  bevelTop: "--ltb-bevel-top",
+  bevelBottom: "--ltb-bevel-bottom",
+  highlightTop: "--ltb-hl-top",
+  highlightBottom: "--ltb-hl-bottom",
+  highlightShadow: "--ltb-hl-shadow",
+  actionBg: "--ltb-action-bg",
+  actionActiveBg: "--ltb-action-active-bg",
+  actionActiveText: "--ltb-action-active-text",
+  actionAccentBg: "--ltb-action-accent-bg",
+  actionAccentText: "--ltb-action-accent-text",
+  badgeBg: "--ltb-badge-bg",
+  badgeText: "--ltb-badge-text",
+  badgeRing: "--ltb-badge-ring",
+  avatarFrom: "--ltb-avatar-from",
+  avatarTo: "--ltb-avatar-to",
+  avatarText: "--ltb-avatar-text",
+  fontFamily: "--ltb-font",
+  radius: "--ltb-radius",
+  padding: "--ltb-pad",
+  gap: "--ltb-gap",
+  itemPaddingY: "--ltb-item-py",
+  iconSize: "--ltb-icon",
+  fontSize: "--ltb-font-size",
+  actionSize: "--ltb-action",
+  blur: "--ltb-blur",
+  maxWidth: "--ltb-max-width",
+  offset: "--ltb-offset",
+  itemMinWidth: "--ltb-item-min",
+  shadow: "--ltb-shadow",
+  headerTop: "--ltb-header-top",
+  headerMid: "--ltb-header-mid",
+  headerBlur: "--ltb-header-blur",
+  searchBg: "--ltb-search-bg",
+  searchBorder: "--ltb-search-border"
+}, Et = {
+  en: { more: "More", nav: "Navigation", search: "Search", closeSearch: "Close search", go: "Search", hasNew: "new" },
+  ru: { more: "Меню", nav: "Навигация", search: "Поиск", closeSearch: "Закрыть поиск", go: "Искать", hasNew: "есть новое" },
+  hy: { more: "Մենյու", nav: "Նավիգացիա", search: "Որոնում", closeSearch: "Փակել որոնումը", go: "Որոնել", hasNew: "նոր" }
+}, an = (s) => (d, l) => l === "dot" || l === !0 ? `${d}, ${s}` : `${d}, ${l}`;
+function sn() {
+  const [s, d] = B(() => typeof matchMedia < "u" && matchMedia("(prefers-reduced-motion: reduce)").matches);
+  return ae(() => {
+    const l = matchMedia("(prefers-reduced-motion: reduce)"), u = () => d(l.matches);
+    return l.addEventListener("change", u), () => l.removeEventListener("change", u);
+  }, []), s;
+}
+const on = "cubic-bezier(.22,1,.36,1)", de = (s) => s.map((d) => ({ easing: on, ...d })), He = "__ltb_more__";
+function yt(s, d) {
+  const [, l] = Qt((h) => h + 1, 0), u = $(s), p = $(/* @__PURE__ */ new Map()), L = $(new Set(s.map((h) => h.id))), m = new Set(s.map((h) => h.id));
+  p.current.forEach((h, M) => {
+    m.has(M) && p.current.delete(M);
+  }), u.current.forEach((h, M) => {
+    !m.has(h.id) && !p.current.has(h.id) && p.current.set(h.id, { item: h, at: M });
+  });
+  const w = s.map((h) => ({ item: h, leaving: !1, entering: !L.current.has(h.id) }));
+  [...p.current.values()].sort((h, M) => h.at - M.at).forEach(({ item: h, at: M }) => w.splice(Math.min(M, w.length), 0, { item: h, leaving: !0, entering: !1 })), Me(() => {
+    u.current = s, s.forEach((h) => L.current.add(h.id));
+  });
+  const b = [...p.current.keys()].join("|");
+  return ae(() => {
+    if (!b) return;
+    const h = window.setTimeout(() => {
+      p.current.forEach((M, Z) => L.current.delete(Z)), p.current.clear(), l();
+    }, d + 40);
+    return () => window.clearTimeout(h);
+  }, [b, d]), w;
+}
+const it = 2, ct = (s) => !(s == null || s === !1 || s === 0 || s === "");
+function Ae({ value: s, max: d = 99, inline: l }) {
+  if (!ct(s)) return null;
+  if (s === "dot" || s === !0) return /* @__PURE__ */ r("span", { className: `ltb-badge ltb-badge--dot${l ? " ltb-badge--inline" : ""}`, "aria-hidden": "true" });
+  const u = typeof s == "number" && s > d ? `${d}+` : String(s);
+  return /* @__PURE__ */ r("span", { className: `ltb-badge ltb-badge--count${u.length > 2 ? " ltb-badge--wide" : ""}${l ? " ltb-badge--inline" : ""}`, "aria-hidden": "true", children: /* @__PURE__ */ r("span", { className: "ltb-badge-n", children: u }) }, u);
+}
+function cn({
+  items: s,
+  value: d,
+  defaultValue: l,
+  onChange: u,
+  actions: p = [],
+  activeAction: L = null,
+  onAction: m,
+  hideActions: w = !1,
+  position: b = "bottom",
+  layout: h = "stacked",
+  theme: M,
+  motion: Z,
+  maxBadge: S = 99,
+  badgeLabel: F,
+  locale: ee = "en",
+  glass: J,
+  overflow: ye = "more",
+  minItemWidth: se,
+  moreLabel: ue,
+  moreIcon: fe,
+  desktop: Y,
+  mobileSearch: V,
+  autoLoadFonts: C = !0,
+  ariaLabel: oe,
+  className: pe,
+  style: D
+}) {
+  var zt;
+  const I = Et[ee] ?? Et.en, H = ue ?? I.more, K = oe ?? I.nav, y = F ?? an(I.hasNew), R = p.length > it ? p.slice(0, it) : p;
+  p.length > it && typeof console < "u" && console.warn(`LiquidTabBar: в actions ${p.length} кнопки, показаны первые ${it}.`);
+  const ie = !w && R.length > 0, [U, ge] = B(l ?? ((zt = s[0]) == null ? void 0 : zt.id)), te = d !== void 0 ? d : U, N = { ...rn, ...Z }, E = sn(), Q = $(null), o = Y ? Y === !0 ? {} : Y : null, we = (o == null ? void 0 : o.breakpoint) ?? 1100, he = (o == null ? void 0 : o.breakpointBy) ?? "window", [P, We] = B(() => !!o && he === "window" && typeof window < "u" && window.innerWidth >= we);
+  Me(() => {
+    var n;
+    if (!o) {
+      We(!1);
+      return;
+    }
+    const e = () => {
+      var A, O;
+      const x = he === "parent" ? ((O = (A = Q.current) == null ? void 0 : A.parentElement) == null ? void 0 : O.clientWidth) ?? window.innerWidth : window.innerWidth;
+      We(x >= we);
+    };
+    e();
+    const t = (n = Q.current) == null ? void 0 : n.parentElement, a = typeof ResizeObserver < "u" && he === "parent" && t ? new ResizeObserver(e) : null;
+    return a && t && a.observe(t), window.addEventListener("resize", e), () => {
+      a == null || a.disconnect(), window.removeEventListener("resize", e);
+    };
+  }, [!!o, we, he]);
+  const X = P ? (o == null ? void 0 : o.layout) ?? "inline" : h, Ze = P ? "top" : b, Ce = V ? V === !0 ? {} : V : null, k = P ? (o == null ? void 0 : o.search) ?? "bar" : Ce ? "full" : "none", i = P ? o : Ce, me = k === "button" || k === "expand" || k === "full", T = k === "full" ? R.slice(-1) : R, W = ie || me, ce = (ie ? T.length : 0) + (me ? 1 : 0), Ie = (o == null ? void 0 : o.searchWidth) ?? 320, $e = $(null), Ne = (o == null ? void 0 : o.logo) != null && o.logo !== !1 && o.logo !== "", c = $(!1), f = $(null), g = $(null), _ = $(null), G = $(null), Ee = se ?? (X === "inline" ? 104 : X === "icons" ? 52 : 64), [Re, ke] = B(1 / 0), [De, lt] = B(0), xe = ot(() => {
+    const e = Q.current;
+    if (!e) return;
+    const t = getComputedStyle(e), a = (q) => parseFloat(t.getPropertyValue(q)) || 0, n = a("--ltb-pad"), x = a("--ltb-gap"), A = a("--ltb-action"), O = P ? parseFloat(t.columnGap) || 0 : x;
+    let be = ce ? ce * (A + n) + n + O : 0;
+    me && k !== "full" && c.current && (be += Math.max(0, Ie - A));
+    let le = e.clientWidth - be - 2 * n, v;
+    if (P) {
+      le -= (parseFloat(t.paddingLeft) || 0) + (parseFloat(t.paddingRight) || 0), $e.current && Ne && (le -= $e.current.offsetWidth + O), le -= (k === "bar" ? 220 : 0) + (k === "bar" || (o == null ? void 0 : o.actionsAlign) !== "next" ? O : 0);
+      const q = f.current, re = q ? [...q.children].map((Le) => Le.offsetWidth) : [], Qe = re.pop() ?? 0, Je = re.reduce((Le, st) => Le + st, 0);
+      if (!re.length || Je <= le) v = 1 / 0;
+      else {
+        let Le = 0, st = 0;
+        for (; Le < re.length && st + re[Le] + Qe <= le; ) st += re[Le++];
+        v = Math.max(1, Le) + 1;
+      }
+    } else v = Math.max(1, Math.floor(le / Ee));
+    ke((q) => q === v ? q : v), lt((q) => q === be ? q : be);
+  }, [ce, me, Ie, Ee, P, k, Ne, o == null ? void 0 : o.actionsAlign]);
+  Me(() => {
+    xe();
+  }, [xe, X]), ae(() => {
+    const e = Q.current;
+    if (!e || typeof ResizeObserver > "u") return;
+    const t = new ResizeObserver(() => xe());
+    return t.observe(e), f.current && t.observe(f.current), () => t.disconnect();
+  }, [xe]);
+  const _e = ye === "more" && s.length > Re, Pe = _e ? s.slice(0, Math.max(1, Re - 1)) : s, Se = _e ? s.slice(Pe.length) : [], dt = Se.some((e) => e.id === te), ut = dt ? He : te, Be = (() => {
+    const e = Se.map((a) => a.badge).filter(ct);
+    if (!e.length) return;
+    const t = e.reduce((a, n) => a + (typeof n == "number" ? n : 0), 0);
+    return t > 0 ? t : "dot";
+  })(), [ze, Ke] = B(!1);
+  ae(() => {
+    Se.length || Ke(!1);
+  }, [Se.length]);
+  const ft = E ? 0 : N.shift, Wt = yt(mt(
+    () => [...Pe.map((e) => ({ id: e.id, it: e })), ..._e ? [{ id: He }] : []],
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [Pe.map((e) => e.id + "
" + e.label).join("|"), _e, Pe]
+  ), ft), xt = yt(T, ft), vt = yt(mt(() => me ? [{ id: `search-${k}` }] : [], [me, k]), ft), wt = $(!0);
+  Me(() => {
+    if (wt.current) {
+      wt.current = !1;
+      return;
+    }
+    const e = Q.current;
+    !(e != null && e.animate) || E || e.animate(de([{ opacity: 0, transform: `translateY(${P ? -16 : 16}px)` }, { opacity: 1, transform: "none" }]), { duration: 520 });
+  }, [P]), ae(() => {
+    if (!ze) return;
+    const e = (a) => {
+      var n;
+      (n = Q.current) != null && n.contains(a.target) || Ke(!1);
+    }, t = (a) => {
+      var n;
+      a.key === "Escape" && (Ke(!1), (n = G.current) == null || n.focus());
+    };
+    return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
+      document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
+    };
+  }, [ze]);
+  const je = $(null), Fe = $(/* @__PURE__ */ new Map()), Oe = $(null);
+  ae(() => {
+    C && [...s, ...R].flatMap((e) => [e.icon, e.activeIcon]).forEach((e) => {
+      const t = Pt(e);
+      (t.kind === "ms" || t.kind === "mi") && Ot(t.kind, t.style);
+    });
+  }, [s, R, C]);
+  const Ue = ot((e, t = 1) => {
+    const a = _.current, n = N.squash * t;
+    !(a != null && a.animate) || E || n <= 0 || a.animate(
+      de(
+        [
+          { transform: "scaleY(1)" },
+          { transform: `scaleY(${1 - n})`, offset: 0.28 },
+          { transform: `scaleY(${1 + n * 0.27})`, offset: 0.62 },
+          { transform: `scaleY(${1 - n * 0.08})`, offset: 0.82 },
+          { transform: "scaleY(1)" }
+        ]
+      ),
+      { duration: e }
+    );
+  }, [N.squash, E]), Xe = ot((e) => {
+    const t = g.current, a = N.wave;
+    !(t != null && t.animate) || E || a <= 0 || (t.style.transformOrigin = e > 0 ? "0 50%" : e < 0 ? "100% 50%" : "50% 50%", t.animate(
+      de(
+        [
+          { transform: "none" },
+          { transform: `scale(${1 + a},${1 - a * 0.9})`, offset: 0.22 },
+          { transform: `scale(${1 - a * 0.35},${1 + a * 0.45})`, offset: 0.48 },
+          { transform: `scale(${1 + a * 0.2},${1 - a * 0.1})`, offset: 0.72 },
+          { transform: "none" }
+        ]
+      ),
+      { duration: 750 }
+    ));
+  }, [N.wave, E]), Mt = $(!1), et = ot((e) => {
+    const t = g.current, a = _.current;
+    if (!t || !a) return;
+    const n = ut != null ? Fe.current.get(ut) : void 0;
+    if (!n) {
+      a.style.opacity = "0", Oe.current = null;
+      return;
+    }
+    const x = n.offsetLeft, A = t.clientWidth - x - n.offsetWidth, O = a.style.opacity === "0" || Oe.current == null, be = e && O && Mt.current;
+    Mt.current = !0;
+    const le = !e || O ? 0 : Math.sign(x - (Oe.current ?? x));
+    Oe.current = x;
+    const v = E ? 160 : N.lead, q = E ? 160 : N.lag, re = `cubic-bezier(.3,${E ? 1 : N.overshoot},.5,1)`;
+    a.style.transitionProperty = "left, right, opacity", a.style.transitionTimingFunction = `${re}, ${re}, ease`, a.style.transitionDuration = O || !e ? "0ms, 0ms, 300ms" : `${le > 0 ? q : v}ms, ${le < 0 ? q : v}ms, 300ms`, a.style.left = x + "px", a.style.right = A + "px", a.style.opacity = "1", le ? (Ue(700), Xe(le)) : be && (Ue(700, 0.7), Xe(-1));
+  }, [ut, N.lead, N.lag, N.overshoot, E, Ue, Xe]);
+  Me(() => {
+    et(!0);
+  }, [et]);
+  const Te = $(et);
+  Te.current = et, Me(() => {
+    Te.current(!1);
+  }, [s.length, Pe.length, X, ie]);
+  const $t = $(!0);
+  ae(() => {
+    if ($t.current) {
+      $t.current = !1;
+      return;
+    }
+    const e = g.current, t = (A) => {
+      (!A || A.target === e) && Te.current(!1);
+    };
+    e == null || e.addEventListener("transitionend", t);
+    const a = window.setTimeout(t, (E ? 0 : N.shift) + 80), n = je.current, x = [];
+    if (ie && (n != null && n.animate) && !E && N.jelly) {
+      const A = N.shift;
+      n.style.transformOrigin = "0 50%", x.push(n.animate(
+        de(
+          [
+            { transform: "scale(.55,.7)", opacity: 0 },
+            { transform: "scale(1.1,.9)", opacity: 1, offset: 0.45 },
+            { transform: "scale(.96,1.05)", offset: 0.68 },
+            { transform: "scale(1.02,.99)", offset: 0.85 },
+            { transform: "none", opacity: 1 }
+          ]
+        ),
+        { duration: A + 250 }
+      )), [...n.children].forEach((O, be) => x.push(O.animate(
+        de(
+          [
+            { transform: "scale(.3)", opacity: 0 },
+            { transform: "scale(1.18,.86)", opacity: 1, offset: 0.4 },
+            { transform: "scale(.9,1.1)", offset: 0.62 },
+            { transform: "scale(1.04,.97)", offset: 0.8 },
+            { transform: "none", opacity: 1 }
+          ]
+        ),
+        { duration: 700, delay: A * 0.35 + be * 90, fill: "backwards" }
+      )));
+    }
+    return () => {
+      e == null || e.removeEventListener("transitionend", t), window.clearTimeout(a), x.forEach((A) => A.cancel());
+    };
+  }, [ie]), ae(() => {
+    var x;
+    const e = g.current;
+    if (!e || typeof ResizeObserver > "u") return;
+    let t = !0, a = !0;
+    const n = new ResizeObserver(() => {
+      if (t) {
+        t = !1;
+        return;
+      }
+      Te.current(!1);
+    });
+    return n.observe(e), Fe.current.forEach((A) => n.observe(A)), (x = document.fonts) == null || x.ready.then(() => {
+      a && Te.current(!1);
+    }), () => {
+      a = !1, n.disconnect();
+    };
+  }, [s.length, Pe.length, _e, X, ie]);
+  const Nt = (e) => {
+    e.disabled || (e.id === te && (Ue(560, 0.6), Xe(0)), Ke(!1), d === void 0 && ge(e.id), u == null || u(e.id));
+  }, [Zt, _t] = B(null), jt = () => {
+    if (!ze) {
+      Ue(520, 0.5);
+      const e = Q.current, t = g.current, a = G.current;
+      _t(P && e && t && a ? e.clientWidth - (t.offsetLeft + a.offsetLeft + a.offsetWidth) : null);
+    }
+    Ke((e) => !e);
+  }, [Ft, Vt] = B(""), ne = (i == null ? void 0 : i.searchValue) !== void 0 ? i.searchValue : Ft, Ge = (e) => {
+    var t;
+    (i == null ? void 0 : i.searchValue) === void 0 && Vt(e), (t = i == null ? void 0 : i.onSearchChange) == null || t.call(i, e);
+  }, [j, qe] = B(!1);
+  c.current = j, Me(() => {
+    xe();
+  }, [j, xe]);
+  const Ye = $(null), tt = $(null), pt = () => {
+    var t;
+    if (k !== "expand" && k !== "full" || j) return (t = Ye.current) == null ? void 0 : t.focus();
+    qe(!0);
+    const e = me ? je.current : tt.current;
+    e != null && e.animate && !E && N.jelly && (e.style.transformOrigin = "100% 50%", e.animate(de([{ transform: "none" }, { transform: "scale(1.05,.9)", offset: 0.3 }, { transform: "scale(.98,1.04)", offset: 0.6 }, { transform: "none" }]), { duration: N.shift + 200 })), window.setTimeout(() => {
+      var a;
+      return (a = Ye.current) == null ? void 0 : a.focus();
+    }, 60);
+  }, ht = () => {
+    (k === "expand" || k === "full") && qe(!1);
+  }, kt = () => {
+    Ge(""), qe(!1);
+    const e = je.current;
+    e != null && e.animate && !E && N.jelly && (e.style.transformOrigin = "100% 50%", e.animate(de([{ transform: "none" }, { transform: "scale(.94,1.06)", offset: 0.3 }, { transform: "scale(1.03,.97)", offset: 0.6 }, { transform: "none" }]), { duration: N.shift + 200 }));
+  }, [Ht, Kt] = B(0), [Ut, Xt] = B(0);
+  Me(() => {
+    if (k !== "full") return;
+    const e = Q.current;
+    if (!e) return;
+    const t = () => {
+      const n = getComputedStyle(e);
+      Kt(e.clientWidth - (parseFloat(n.paddingLeft) || 0) - (parseFloat(n.paddingRight) || 0)), Xt(e.clientHeight);
+    };
+    t();
+    const a = typeof ResizeObserver < "u" ? new ResizeObserver(t) : null;
+    return a == null || a.observe(e), () => a == null ? void 0 : a.disconnect();
+  }, [k]), ae(() => {
+    qe(!1);
+  }, [P, k]), ae(() => {
+    if (!j) return;
+    const e = (t) => {
+      var a, n;
+      !ne && !((a = tt.current) != null && a.contains(t.target)) && !((n = Q.current) != null && n.contains(t.target)) && qe(!1);
+    };
+    return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
+  }, [j, ne]);
+  const nt = (o == null ? void 0 : o.searchShortcut) === void 0 ? "/" : o.searchShortcut;
+  ae(() => {
+    if (!P || k === "none" || !nt) return;
+    const e = (t) => {
+      var n;
+      const a = t.target;
+      t.key !== nt || t.ctrlKey || t.metaKey || t.altKey || /^(INPUT|TEXTAREA|SELECT)$/.test(a.tagName) || a.isContentEditable || (t.preventDefault(), k === "button" ? (n = o == null ? void 0 : o.onSearchClick) == null || n.call(o) : pt());
+    };
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  });
+  const rt = (e, t, a = !0) => {
+    if (!N.jelly || E || !e.animate) return;
+    e.animate(
+      de(
+        [
+          { transform: "scale(.9)" },
+          { transform: "scale(1.18,.8)", offset: 0.2 },
+          { transform: "scale(.88,1.12)", offset: 0.42 },
+          { transform: "scale(1.06,.95)", offset: 0.62 },
+          { transform: "scale(.98,1.02)", offset: 0.8 },
+          { transform: "scale(1)" }
+        ]
+      ),
+      { duration: 750 }
+    );
+    const n = je.current;
+    a && (n != null && n.animate) && (n.style.transformOrigin = t < R.length / 2 ? "100% 50%" : "0 50%", n.animate(
+      de(
+        [
+          { transform: "none" },
+          { transform: "scale(1.09,.92)", offset: 0.22 },
+          { transform: "scale(.97,1.04)", offset: 0.48 },
+          { transform: "scale(1.02,.99)", offset: 0.72 },
+          { transform: "none" }
+        ]
+      ),
+      { duration: 750 }
+    ));
+  }, Gt = mt(() => {
+    const e = {};
+    if (M && Object.keys(M).forEach((t) => {
+      const a = M[t];
+      a === void 0 || !It[t] || (e[It[t]] = typeof a == "number" ? `${a}px` : a);
+    }), J !== void 0) {
+      const t = typeof J == "string" ? nn[J] : void 0, a = Math.max(0, Math.min(100, t ? t.transparency : +J || 0)) / 100, n = 1 - a, x = a >= 1 ? 0 : Math.min(1, n + 0.06);
+      e["--ltb-surface-top"] = Ct((M == null ? void 0 : M.surfaceTop) ?? At.surfaceTop, n), e["--ltb-surface-bottom"] = Ct((M == null ? void 0 : M.surfaceBottom) ?? At.surfaceBottom, x), t && (e["--ltb-blur"] = `${t.blur}px`);
+    }
+    return e;
+  }, [M, J]), at = (e, t) => ct(t) ? y(e, t) : e, Ve = (e) => X === "inline" && ct(e) && e !== "dot" && e !== !0, qt = (e, t) => {
+    var a;
+    return /* @__PURE__ */ z(
+      "button",
+      {
+        type: "button",
+        ref: (n) => {
+          e || (G.current = n, n ? Fe.current.set(He, n) : Fe.current.delete(He));
+        },
+        className: `ltb-item ltb-more${dt && !e ? " is-active" : ""}${ze ? " is-open" : ""}${e ? " is-leaving" : ""}`,
+        "data-enter": t ? "1" : void 0,
+        "aria-hidden": e || void 0,
+        tabIndex: e ? -1 : void 0,
+        "aria-haspopup": "menu",
+        "aria-expanded": ze,
+        "aria-label": at(dt ? `${H}: ${(a = Se.find((n) => n.id === te)) == null ? void 0 : a.label}` : H, Be),
+        title: X === "icons" ? H : void 0,
+        onClick: () => {
+          e || jt();
+        },
+        children: [
+          /* @__PURE__ */ z("span", { className: "ltb-ico", children: [
+            /* @__PURE__ */ r(ve, { icon: fe ?? "more" }),
+            !Ve(Be) && /* @__PURE__ */ r(Ae, { value: Be, max: S })
+          ] }),
+          X !== "icons" && /* @__PURE__ */ r("span", { className: "ltb-label", children: H }),
+          Ve(Be) && /* @__PURE__ */ r(Ae, { value: Be, max: S, inline: !0 })
+        ]
+      },
+      He
+    );
+  };
+  return Me(() => {
+    const e = Q.current;
+    if (!e) return;
+    const t = e.querySelectorAll('[data-enter="1"]'), a = e.querySelectorAll(".is-leaving:not([data-left])"), n = getComputedStyle(e), x = e.classList.contains("ltb--desktop");
+    let A = 0, O = !1;
+    a.forEach((v) => {
+      if (v.dataset.left = "1", v.closest(".ltb-main") ? A = A || -1 : v.closest(".ltb-side") && (O = !0), E || !v.animate || !x || !v.classList.contains("ltb-item")) return;
+      const q = v.offsetWidth;
+      v.animate(de([
+        { width: `${q}px`, minWidth: "0px", paddingLeft: getComputedStyle(v).paddingLeft, paddingRight: getComputedStyle(v).paddingRight, opacity: 1, transform: "none" },
+        { width: "0px", minWidth: "0px", paddingLeft: "0px", paddingRight: "0px", opacity: 0, transform: "scale(.6)" }
+      ]), { duration: N.shift, fill: "forwards" });
+    });
+    const be = `${parseFloat((n == null ? void 0 : n.getPropertyValue("--ltb-action")) || "") || 50}px`, le = `${-(parseFloat((n == null ? void 0 : n.getPropertyValue("--ltb-pad")) || "") || 6)}px`;
+    if (t.forEach((v) => {
+      if (v.dataset.enter = "0", v.closest(".ltb-main") ? A = 1 : v.closest(".ltb-side") && (O = !0), E || !v.animate) return;
+      const q = v.classList.contains("ltb-action") || v.classList.contains("ltb-expand"), re = N.shift + 150;
+      if (x && !q) {
+        const Qe = v.offsetWidth, Je = getComputedStyle(v).paddingLeft, Le = getComputedStyle(v).paddingRight;
+        v.animate(de([
+          { width: "0px", paddingLeft: "0px", paddingRight: "0px", opacity: 0, transform: "scale(.55)" },
+          { width: `${Qe}px`, paddingLeft: Je, paddingRight: Le, opacity: 1, transform: "scale(1.06,.95)", offset: 0.6 },
+          { width: `${Qe}px`, paddingLeft: Je, paddingRight: Le, transform: "scale(.98,1.02)", offset: 0.8 },
+          { width: `${Qe}px`, paddingLeft: Je, paddingRight: Le, opacity: 1, transform: "none" }
+        ]), { duration: re }), window.setTimeout(() => Te.current(!1), re + 30);
+        return;
+      }
+      v.animate(
+        de(q ? [
+          { width: "0px", marginLeft: le, opacity: 0, transform: "scale(.3)" },
+          { width: be, marginLeft: "0px", opacity: 1, transform: "scale(1.12,.9)", offset: 0.6 },
+          { width: be, marginLeft: "0px", transform: "scale(.96,1.04)", offset: 0.8 },
+          { width: be, marginLeft: "0px", opacity: 1, transform: "none" }
+        ] : [
+          { flexGrow: 0, opacity: 0, transform: "scale(.55)" },
+          { flexGrow: 1, opacity: 1, transform: "scale(1.08,.94)", offset: 0.6 },
+          { flexGrow: 1, transform: "scale(.97,1.03)", offset: 0.8 },
+          { flexGrow: 1, opacity: 1, transform: "none" }
+        ]),
+        { duration: re }
+      ), window.setTimeout(() => Te.current(!1), re + 30);
+    }), A && Xe(A > 0 ? 1 : 0), O) {
+      const v = je.current;
+      v != null && v.animate && !E && N.jelly && (v.style.transformOrigin = "0 50%", v.animate(de([
+        { transform: "none" },
+        { transform: "scale(1.07,.93)", offset: 0.25 },
+        { transform: "scale(.97,1.04)", offset: 0.5 },
+        { transform: "scale(1.015,.99)", offset: 0.75 },
+        { transform: "none" }
+      ]), { duration: 750 }));
+    }
+    a.length && window.setTimeout(() => Te.current(!1), N.shift + 60);
+  }), /* @__PURE__ */ z(
+    "nav",
+    {
+      ref: Q,
+      className: `ltb ltb--${Ze} ltb--${X}${W ? "" : " ltb--solo"}${P ? " ltb--desktop" : ""}${P && (o == null ? void 0 : o.actionsAlign) === "next" ? " ltb--actions-next" : ""}${k === "full" && j ? " ltb--searching" : ""}${pe ? " " + pe : ""}`,
+      style: {
+        "--ltb-n": Pe.length + (_e ? 1 : 0),
+        "--ltb-menu-right": `${Zt ?? De}px`,
+        ...P ? { "--ltb-header-max": `${(o == null ? void 0 : o.maxWidth) ?? 1360}px`, "--ltb-header-h": `${(o == null ? void 0 : o.height) ?? 80}px`, "--ltb-search-w": `${(o == null ? void 0 : o.searchWidth) ?? 420}px`, "--ltb-search-in": `${Ie}px` } : {},
+        "--ltb-side-extra": me && j ? "calc(var(--ltb-search-in) - var(--ltb-action))" : "0px",
+        "--ltb-na": ce || R.length,
+        "--ltb-full-w": `${Ht}px`,
+        "--ltb-row-h": `${Ut}px`,
+        "--ltb-shift": `${E ? 0 : N.shift}ms`,
+        ...Gt,
+        ...D
+      },
+      "aria-label": K,
+      children: [
+        P && /* @__PURE__ */ r("div", { className: `ltb-logo${Ne ? "" : " is-empty"}`, ref: $e, "aria-hidden": !Ne || void 0, children: Ne && /* @__PURE__ */ r("span", { className: "ltb-logo-in", children: typeof (o == null ? void 0 : o.logo) == "string" ? /* @__PURE__ */ r("span", { className: "ltb-wordmark", children: o.logo }) : o == null ? void 0 : o.logo }, typeof (o == null ? void 0 : o.logo) == "string" ? o.logo : "node") }),
+        P && /* @__PURE__ */ z("div", { className: "ltb-main ltb-measure", ref: f, "aria-hidden": "true", children: [
+          s.map((e) => /* @__PURE__ */ z("span", { className: "ltb-item", children: [
+            /* @__PURE__ */ r("span", { className: "ltb-ico" }),
+            X !== "icons" && /* @__PURE__ */ r("span", { className: "ltb-label", children: e.label }),
+            Ve(e.badge) && /* @__PURE__ */ r(Ae, { value: e.badge, max: S, inline: !0 })
+          ] }, e.id)),
+          /* @__PURE__ */ z("span", { className: "ltb-item", children: [
+            /* @__PURE__ */ r("span", { className: "ltb-ico" }),
+            X !== "icons" && /* @__PURE__ */ r("span", { className: "ltb-label", children: H }),
+            Ve(Be) && /* @__PURE__ */ r(Ae, { value: Be, max: S, inline: !0 })
+          ] })
+        ] }),
+        /* @__PURE__ */ z("div", { className: "ltb-main", ref: g, children: [
+          /* @__PURE__ */ r("span", { className: "ltb-hl", ref: _, "aria-hidden": "true", style: { opacity: 0 } }),
+          Wt.map(({ item: e, leaving: t, entering: a }) => {
+            if (e.id === He) return qt(t, a);
+            const n = e.it, x = n.id === te && !t;
+            return /* @__PURE__ */ z(
+              "button",
+              {
+                type: "button",
+                ref: (A) => {
+                  t || (A ? Fe.current.set(n.id, A) : Fe.current.delete(n.id));
+                },
+                className: `ltb-item${x ? " is-active" : ""}${t ? " is-leaving" : ""}`,
+                "data-enter": a ? "1" : void 0,
+                "aria-hidden": t || void 0,
+                tabIndex: t ? -1 : void 0,
+                "aria-current": x ? "page" : void 0,
+                "aria-label": at(n.ariaLabel || n.label, n.badge),
+                title: X === "icons" ? n.label : void 0,
+                disabled: n.disabled,
+                onClick: () => {
+                  t || Nt(n);
+                },
+                children: [
+                  /* @__PURE__ */ z("span", { className: "ltb-ico", children: [
+                    /* @__PURE__ */ r(ve, { icon: n.icon, activeIcon: n.activeIcon }),
+                    !Ve(n.badge) && /* @__PURE__ */ r(Ae, { value: n.badge, max: S })
+                  ] }),
+                  X !== "icons" && /* @__PURE__ */ r("span", { className: "ltb-label", children: n.label }),
+                  Ve(n.badge) && /* @__PURE__ */ r(Ae, { value: n.badge, max: S, inline: !0 })
+                ]
+              },
+              n.id
+            );
+          })
+        ] }),
+        Se.length > 0 && // список спрятанных пунктов; стоит над кнопкой «Меню» (под ней — если меню вверху экрана)
+        /* @__PURE__ */ r("div", { className: `ltb-menu${ze ? " is-open" : ""}`, role: "menu", "aria-label": H, "aria-hidden": !ze || void 0, ...ze ? {} : { inert: "" }, children: Se.map((e, t) => {
+          const a = e.id === te;
+          return /* @__PURE__ */ z(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              style: { "--i": t },
+              className: `ltb-row${a ? " is-active" : ""}`,
+              "aria-current": a ? "page" : void 0,
+              "aria-label": at(e.ariaLabel || e.label, e.badge),
+              disabled: e.disabled,
+              onClick: () => Nt(e),
+              children: [
+                /* @__PURE__ */ r("span", { className: "ltb-ico", children: /* @__PURE__ */ r(ve, { icon: e.icon, activeIcon: e.activeIcon }) }),
+                /* @__PURE__ */ r("span", { className: "ltb-row-label", children: e.label }),
+                /* @__PURE__ */ r(Ae, { value: e.badge, max: S, inline: !0 })
+              ]
+            },
+            e.id
+          );
+        }) }),
+        P && /* @__PURE__ */ r("div", { className: `ltb-search-slot${k !== "bar" && (o == null ? void 0 : o.actionsAlign) === "next" ? " is-collapsed" : ""}`, children: /* @__PURE__ */ z("label", { className: `ltb-search${k === "bar" ? "" : " is-hidden"}`, "aria-hidden": k !== "bar" || void 0, ...k !== "bar" ? { inert: "" } : {}, children: [
+          /* @__PURE__ */ r("span", { className: "ltb-ico", children: /* @__PURE__ */ r(ve, { icon: "search" }) }),
+          /* @__PURE__ */ r(
+            "input",
+            {
+              ref: k === "bar" ? Ye : void 0,
+              type: "search",
+              value: ne,
+              placeholder: (i == null ? void 0 : i.searchPlaceholder) ?? I.search,
+              "aria-label": (i == null ? void 0 : i.searchPlaceholder) ?? I.search,
+              onChange: (e) => Ge(e.target.value),
+              onKeyDown: (e) => {
+                var t;
+                e.key === "Enter" && ((t = i == null ? void 0 : i.onSearch) == null || t.call(i, ne)), e.key === "Escape" && e.target.blur();
+              }
+            }
+          ),
+          nt && /* @__PURE__ */ r("kbd", { "aria-hidden": "true", children: nt })
+        ] }) }),
+        (xt.length > 0 || vt.length > 0) && // группа не исчезает из разметки, а сворачивается — так появление и скрытие анимируются
+        /* @__PURE__ */ z("div", { className: `ltb-side${W ? "" : " is-hidden"}${(i == null ? void 0 : i.searchAt) === "end" ? " ltb-side--search-end" : ""}`, ref: je, "aria-hidden": !W || void 0, ...W ? {} : { inert: "" }, children: [
+          vt.map(({ item: e, leaving: t, entering: a }) => e.id === "search-full" ? (
+            // узкий экран, как в iOS: лупа → «✕» слева, поле посередине, «→» справа; группа растекается на всю ширину
+            /* @__PURE__ */ z(
+              "div",
+              {
+                ref: t ? void 0 : tt,
+                className: `ltb-expand ltb-expand--full${j && !t ? " is-open" : ""}${t ? " is-leaving" : ""}`,
+                "data-enter": a ? "1" : void 0,
+                "aria-hidden": t || void 0,
+                role: "search",
+                children: [
+                  /* @__PURE__ */ r(
+                    "button",
+                    {
+                      type: "button",
+                      className: `ltb-action ltb-swap${j ? " is-open" : ""}`,
+                      "aria-label": j ? I.closeSearch : (i == null ? void 0 : i.searchPlaceholder) ?? I.search,
+                      "aria-expanded": j,
+                      tabIndex: t ? -1 : void 0,
+                      onClick: (n) => {
+                        t || (j ? kt() : (rt(n.currentTarget, 0, !1), pt()));
+                      },
+                      children: /* @__PURE__ */ z("span", { className: "ltb-ico", children: [
+                        /* @__PURE__ */ r("span", { className: "ltb-swap-a", children: /* @__PURE__ */ r(ve, { icon: "search" }) }),
+                        /* @__PURE__ */ r("span", { className: "ltb-swap-b", children: /* @__PURE__ */ r(ve, { icon: "close" }) })
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ r(
+                    "input",
+                    {
+                      ref: t ? void 0 : Ye,
+                      type: "search",
+                      enterKeyHint: "search",
+                      value: ne,
+                      placeholder: (i == null ? void 0 : i.searchPlaceholder) ?? I.search,
+                      "aria-label": (i == null ? void 0 : i.searchPlaceholder) ?? I.search,
+                      tabIndex: j && !t ? 0 : -1,
+                      onChange: (n) => Ge(n.target.value),
+                      onKeyDown: (n) => {
+                        var x;
+                        n.key === "Enter" && ((x = i == null ? void 0 : i.onSearch) == null || x.call(i, ne)), n.key === "Escape" && kt();
+                      }
+                    }
+                  )
+                ]
+              },
+              e.id
+            )
+          ) : e.id === "search-button" ? /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              className: `ltb-action ltb-search-btn${t ? " is-leaving" : ""}`,
+              "data-enter": a ? "1" : void 0,
+              "aria-hidden": t || void 0,
+              tabIndex: t ? -1 : void 0,
+              "aria-label": (i == null ? void 0 : i.searchPlaceholder) ?? I.search,
+              onClick: (n) => {
+                var x;
+                t || (rt(n.currentTarget, 0), (x = o == null ? void 0 : o.onSearchClick) == null || x.call(o));
+              },
+              children: /* @__PURE__ */ r("span", { className: "ltb-ico", children: /* @__PURE__ */ r(ve, { icon: "search" }) })
+            },
+            e.id
+          ) : (
+            // поиск внутри группы: круг раскрывается в строку, вместе с ним растёт вся группа
+            /* @__PURE__ */ z(
+              "div",
+              {
+                ref: t ? void 0 : tt,
+                className: `ltb-expand${j && !t ? " is-open" : ""}${t ? " is-leaving" : ""}`,
+                "data-enter": a ? "1" : void 0,
+                "aria-hidden": t || void 0,
+                onBlur: (n) => {
+                  !ne && !n.currentTarget.contains(n.relatedTarget) && ht();
+                },
+                children: [
+                  /* @__PURE__ */ r(
+                    "button",
+                    {
+                      type: "button",
+                      className: `ltb-action${j ? " is-open" : ""}`,
+                      "aria-label": (i == null ? void 0 : i.searchPlaceholder) ?? I.search,
+                      "aria-expanded": j,
+                      tabIndex: t ? -1 : void 0,
+                      onClick: () => {
+                        var n;
+                        t || (j ? ne ? (n = i == null ? void 0 : i.onSearch) == null || n.call(i, ne) : ht() : pt());
+                      },
+                      children: /* @__PURE__ */ r("span", { className: "ltb-ico", children: /* @__PURE__ */ r(ve, { icon: "search" }) })
+                    }
+                  ),
+                  /* @__PURE__ */ r(
+                    "input",
+                    {
+                      ref: t ? void 0 : Ye,
+                      type: "search",
+                      value: ne,
+                      placeholder: (i == null ? void 0 : i.searchPlaceholder) ?? I.search,
+                      "aria-label": (i == null ? void 0 : i.searchPlaceholder) ?? I.search,
+                      tabIndex: j && !t ? 0 : -1,
+                      onChange: (n) => Ge(n.target.value),
+                      onKeyDown: (n) => {
+                        var x;
+                        n.key === "Enter" && ((x = i == null ? void 0 : i.onSearch) == null || x.call(i, ne)), n.key === "Escape" && (Ge(""), ht());
+                      }
+                    }
+                  )
+                ]
+              },
+              e.id
+            )
+          )),
+          xt.map(({ item: e, leaving: t, entering: a }, n) => {
+            const x = e.id === L && !t;
+            return /* @__PURE__ */ z(
+              "button",
+              {
+                type: "button",
+                className: `ltb-action${e.avatar ? " ltb-action--avatar" : e.variant === "accent" ? " ltb-action--accent" : ""}${x ? " is-active" : ""}${t ? " is-leaving" : ""}`,
+                "data-enter": a ? "1" : void 0,
+                "aria-hidden": t || void 0,
+                tabIndex: t ? -1 : void 0,
+                "aria-label": at(e.ariaLabel, e.badge),
+                "aria-pressed": x,
+                onClick: (A) => {
+                  t || (rt(A.currentTarget, n), m == null || m(e.id));
+                },
+                children: [
+                  e.avatar ? e.avatar.src ? /* @__PURE__ */ r("img", { src: e.avatar.src, alt: "" }) : /* @__PURE__ */ r("span", { className: "ltb-avatar-text", children: e.avatar.text }) : /* @__PURE__ */ r("span", { className: "ltb-ico", children: e.icon !== void 0 && /* @__PURE__ */ r(ve, { icon: e.icon, activeIcon: e.activeIcon }) }),
+                  /* @__PURE__ */ r(Ae, { value: e.badge, max: S })
+                ]
+              },
+              e.id
+            );
+          })
+        ] }),
+        k === "full" && // «→» — отдельная круглая кнопка в своём стекле справа; при раскрытии поиска «отпочковывается» от группы
+        /* @__PURE__ */ r("div", { className: `ltb-pill ltb-go-pill${j ? " is-open" : ""}`, "aria-hidden": !j || void 0, ...j ? {} : { inert: "" }, children: /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            className: `ltb-action ltb-go${ne ? " is-ready" : ""}`,
+            "aria-label": I.go,
+            disabled: !ne,
+            onClick: (e) => {
+              var t;
+              rt(e.currentTarget, 1, !1), (t = i == null ? void 0 : i.onSearch) == null || t.call(i, ne);
+            },
+            children: /* @__PURE__ */ r("span", { className: "ltb-ico", children: /* @__PURE__ */ r(ve, { icon: "arrowR" }) })
+          }
+        ) })
+      ]
+    }
+  );
+}
+const gn = cn;
+function ln({
+  text: s = "PARZ",
+  intro: d = !0,
+  introDelay: l = 150,
+  idle: u = !0,
+  hoverWave: p = !0,
+  holdEffect: L = !0,
+  holdDuration: m = 1e3,
+  onHoldComplete: w,
+  onClick: b,
+  size: h = 13,
+  dimColor: M,
+  brightColor: Z,
+  hoverColor: S,
+  accent: F,
+  spacing: ee,
+  ariaLabel: J,
+  className: ye,
+  style: se
+}) {
+  const ue = [...s], fe = (ue.length - 1) / 2 || 1, [Y, V] = B({ intro: d, wave: 0, hold: !1, full: !1, pop: !1 }), C = $({ intro: 0, wave: 0, hold: 0, pop: 0 }), oe = $(!1);
+  ae(() => {
+    if (!d) return;
+    V((R) => ({ ...R, intro: !0 }));
+    const y = l + ue.length * 70 + 1700;
+    return C.current.intro = window.setTimeout(() => V((R) => ({ ...R, intro: !1 })), y), () => window.clearTimeout(C.current.intro);
+  }, [d, l, s]), ae(() => () => Object.values(C.current).forEach((y) => window.clearTimeout(y)), []);
+  const pe = () => {
+    !p || oe.current || Y.intro || (V((y) => ({ ...y, wave: y.wave + 1 })), window.clearTimeout(C.current.wave), C.current.wave = window.setTimeout(() => V((y) => ({ ...y, wave: 0 })), 700 + ue.length * 55));
+  }, D = () => {
+    L && (oe.current = !0, window.clearTimeout(C.current.pop), V((y) => ({ ...y, pop: !1, hold: !0 })), C.current.hold = window.setTimeout(() => {
+      V((y) => ({ ...y, full: !0 })), w == null || w();
+    }, m));
+  }, I = () => {
+    oe.current && (oe.current = !1, window.clearTimeout(C.current.hold), V((y) => ({ ...y, hold: !1, full: !1, pop: !0 })), C.current.pop = window.setTimeout(() => V((y) => ({ ...y, pop: !1 })), 480));
+  }, H = ["pz-wm", Y.intro && "is-intro", Y.wave && "is-wave", Y.hold && "is-hold", Y.full && "is-full", Y.pop && "is-pop", !u && "no-idle", b && "is-btn", ye].filter(Boolean).join(" "), K = { "--pz-size": typeof h == "number" ? `${h}px` : h, "--pz-hold": `${m}ms`, "--pz-intro": `${l}ms` };
+  return M && (K["--pz-dim"] = M), Z && (K["--pz-bright"] = Z), S && (K["--pz-hover"] = S), F && (K["--pz-accent"] = F), ee != null && (K["--pz-gap"] = `${ee}em`), /* @__PURE__ */ r(
+    "span",
+    {
+      className: H,
+      style: { ...K, ...se },
+      role: b ? "button" : "img",
+      tabIndex: b ? 0 : void 0,
+      "aria-label": J ?? s,
+      onClick: b,
+      onKeyDown: b ? (y) => {
+        (y.key === "Enter" || y.key === " ") && (y.preventDefault(), b());
+      } : void 0,
+      onPointerEnter: (y) => {
+        y.pointerType === "mouse" && pe();
+      },
+      onPointerDown: D,
+      onPointerUp: I,
+      onPointerLeave: I,
+      onPointerCancel: I,
+      onContextMenu: (y) => L && y.preventDefault(),
+      children: ue.map((y, R) => /* @__PURE__ */ r(
+        "span",
+        {
+          "aria-hidden": "true",
+          style: { "--i": R, "--b": (1 - Math.abs(R - fe) / fe).toFixed(2), "--c": (fe - R).toFixed(2) },
+          children: y === " " ? " " : y
+        },
+        `${R}-${Y.wave}`
+      ))
+    }
+  );
+}
+const xn = ln, dn = { sm: 16, md: 20, lg: 28 };
+function vn({
+  checked: s,
+  defaultChecked: d = !1,
+  onChange: l,
+  label: u,
+  labelPosition: p = "end",
+  disabled: L = !1,
+  size: m = "md",
+  accent: w,
+  trackColor: b,
+  thumbColor: h,
+  ariaLabel: M,
+  draggable: Z = !0,
+  cooldown: S = 0,
+  canChange: F,
+  onReject: ee,
+  rejectColor: J,
+  name: ye,
+  id: se,
+  className: ue,
+  style: fe
+}) {
+  const [Y, V] = B(d), C = s ?? Y, [oe, pe] = B(!1), [D, I] = B(null), H = $(null), K = $(!1), y = $(null), R = $(0), [ie, U] = B(0), ge = $(0), [te, N] = B(!1), E = typeof m == "number" ? m : dn[m], Q = Math.max(2, Math.round(E / 10)), o = E - Q * 2, we = Math.round(E * 1.7), he = we - o - Q * 2, P = (T) => {
+    if (L || T === C) return;
+    const W = Date.now();
+    if (S > 0 && W - R.current < S || F && !F(T)) {
+      U((ce) => ce + 1), N(!0), window.clearTimeout(ge.current), ge.current = window.setTimeout(() => N(!1), 1e3), ee == null || ee(T);
+      return;
+    }
+    R.current = W, pe(!0), s === void 0 && V(T), l == null || l(T);
+  }, We = (T) => {
+    L || !Z || T.button !== 0 || (H.current = { x0: T.clientX, start: C ? he : 0, pid: T.pointerId, moved: !1 });
+  }, X = (T) => {
+    var $e;
+    const W = H.current;
+    if (!W || W.pid !== T.pointerId) return;
+    const ce = T.clientX - W.x0;
+    if (!W.moved && Math.abs(ce) < 4) return;
+    if (!W.moved) {
+      W.moved = !0;
+      try {
+        ($e = y.current) == null || $e.setPointerCapture(T.pointerId);
+      } catch {
+      }
+    }
+    const Ie = getComputedStyle(T.currentTarget).direction === "rtl" ? -1 : 1;
+    I(Math.min(he, Math.max(0, W.start + ce * Ie)));
+  }, Ze = (T) => {
+    const W = H.current;
+    if (H.current = null, !W || !W.moved) return;
+    K.current = !0, setTimeout(() => {
+      K.current = !1;
+    }, 0);
+    const ce = D ?? W.start;
+    I(null), T.type !== "pointercancel" && P(ce > he / 2);
+  }, Ce = (T) => {
+    K.current && (T.preventDefault(), K.current = !1);
+  }, k = (T) => {
+    T.key === "Enter" && (T.preventDefault(), P(!C));
+  }, i = {
+    "--pz-tg-h": `${E}px`,
+    "--pz-tg-w": `${we}px`,
+    "--pz-tg-pad": `${Q}px`,
+    "--pz-tg-thumb": `${o}px`,
+    "--pz-tg-x": `${D ?? (C ? he : 0)}px`,
+    ...w && { "--pz-tg-accent": w },
+    ...b && { "--pz-tg-track": b },
+    ...h && { "--pz-tg-knob": h },
+    ...J && { "--pz-tg-reject": J },
+    ...fe
+  }, me = ["pz-tg", C && "is-on", L && "is-disabled", D !== null && "is-drag", oe && "is-moved", te && "is-reject", te && (ie % 2 ? "is-reject-a" : "is-reject-b"), p === "start" && "pz-tg--start", ue].filter(Boolean).join(" ");
+  return /* @__PURE__ */ z("label", { className: me, style: i, onClick: Ce, onPointerDown: We, onPointerMove: X, onPointerUp: Ze, onPointerCancel: Ze, children: [
+    /* @__PURE__ */ z("span", { className: "pz-tg-track", ref: y, children: [
+      /* @__PURE__ */ r(
+        "input",
+        {
+          type: "checkbox",
+          role: "switch",
+          className: "pz-tg-in",
+          checked: C,
+          "aria-checked": C,
+          disabled: L,
+          "aria-label": M,
+          name: ye,
+          id: se,
+          onChange: (T) => P(T.target.checked),
+          onKeyDown: k
+        }
+      ),
+      /* @__PURE__ */ r("span", { className: "pz-tg-ring", "aria-hidden": "true" }),
+      /* @__PURE__ */ r("span", { className: "pz-tg-thumb", "aria-hidden": "true", children: /* @__PURE__ */ r("span", { className: "pz-tg-blob", children: /* @__PURE__ */ r("span", { className: "pz-tg-core" }) }) })
+    ] }),
+    u != null && u !== "" && /* @__PURE__ */ r("span", { className: "pz-tg-label", children: u })
+  ] });
+}
+const un = { sm: 16, md: 20, lg: 26 };
+function wn({
+  checked: s,
+  defaultChecked: d = !1,
+  onChange: l,
+  indeterminate: u = !1,
+  label: p,
+  description: L,
+  labelPosition: m = "end",
+  disabled: w = !1,
+  invalid: b = !1,
+  size: h = "md",
+  radius: M,
+  accent: Z,
+  borderColor: S,
+  checkColor: F,
+  ariaLabel: ee,
+  name: J,
+  value: ye,
+  id: se,
+  className: ue,
+  style: fe
+}) {
+  const [Y, V] = B(d), C = s ?? Y, [oe, pe] = B(!1), D = $(null);
+  ae(() => {
+    D.current && (D.current.indeterminate = u);
+  }, [u]);
+  const I = typeof h == "number" ? h : un[h], H = C || u, K = (U) => {
+    w || (pe(!0), s === void 0 && V(U), l == null || l(U));
+  }, y = (U) => {
+    U.key === "Enter" && (U.preventDefault(), K(!C));
+  }, R = {
+    "--pz-cb-s": `${I}px`,
+    "--pz-cb-r": `${M ?? Math.round(I / 3.4)}px`,
+    ...Z && { "--pz-cb-accent": Z },
+    ...S && { "--pz-cb-border": S },
+    ...F && { "--pz-cb-check": F },
+    ...fe
+  }, ie = [
+    "pz-cb",
+    H && "is-on",
+    u && "is-mixed",
+    w && "is-disabled",
+    b && "is-invalid",
+    oe && "is-moved",
+    m === "start" && "pz-cb--start",
+    ue
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ z("label", { className: ie, style: R, children: [
+    /* @__PURE__ */ z("span", { className: "pz-cb-box", children: [
+      /* @__PURE__ */ r(
+        "input",
+        {
+          ref: D,
+          type: "checkbox",
+          className: "pz-cb-in",
+          checked: C,
+          disabled: w,
+          "aria-label": ee,
+          "aria-invalid": b || void 0,
+          "aria-checked": u ? "mixed" : C,
+          name: J,
+          value: ye,
+          id: se,
+          onChange: (U) => K(U.target.checked),
+          onKeyDown: y
+        }
+      ),
+      /* @__PURE__ */ r("span", { className: "pz-cb-ring", "aria-hidden": "true" }),
+      /* @__PURE__ */ r("span", { className: "pz-cb-fill", "aria-hidden": "true" }),
+      /* @__PURE__ */ z("svg", { className: "pz-cb-mark", viewBox: "0 0 20 20", "aria-hidden": "true", children: [
+        /* @__PURE__ */ r("path", { className: "pz-cb-tick", d: "M5 10.4 8.6 14 15.2 6.6", pathLength: 1 }),
+        /* @__PURE__ */ r("path", { className: "pz-cb-dash", d: "M5.5 10h9", pathLength: 1 })
+      ] })
+    ] }),
+    p != null && p !== "" || L ? /* @__PURE__ */ z("span", { className: "pz-cb-text", children: [
+      p != null && p !== "" && /* @__PURE__ */ r("span", { className: "pz-cb-label", children: p }),
+      L && /* @__PURE__ */ r("span", { className: "pz-cb-desc", children: L })
+    ] }) : null
+  ] });
+}
+const fn = { sm: 16, md: 20, lg: 26 }, pn = (s) => {
+  const d = String(s), l = d.indexOf(".");
+  return l < 0 ? 0 : d.length - l - 1;
+}, hn = 2, mn = 5;
+function St(s, d, l, u) {
+  let p = s.slice(0, u ? mn : 1).map((L) => Math.min(l, Math.max(d, L)));
+  if (u) for (; p.length < hn; ) p.push(l);
+  return p.sort((L, m) => L - m);
+}
+function Bt({
+  multi: s,
+  vals: d,
+  setVals: l,
+  end: u,
+  minDistance: p,
+  labels: L,
+  min: m = 0,
+  max: w = 100,
+  step: b = 1,
+  disabled: h = !1,
+  size: M = "md",
+  accent: Z,
+  trackColor: S,
+  thumbColor: F,
+  showValue: ee = "auto",
+  marks: J,
+  formatValue: ye,
+  label: se,
+  showOutput: ue,
+  name: fe,
+  className: Y,
+  style: V,
+  fill: C = "span"
+}) {
+  const oe = Jt(), pe = $(null), D = $([]), [I, H] = B(null), [K, y] = B(!1), R = $(null), ie = $(0), U = $(d);
+  U.current = d;
+  const ge = w - m || 1, te = (c) => (c - m) / ge * 100, N = (c) => ye ? ye(c) : String(c), E = pn(b), Q = (c) => +(Math.round((c - m) / b) * b + m).toFixed(E), o = (c, f) => {
+    const g = U.current;
+    let _ = Math.min(w, Math.max(m, Q(f)));
+    if (s) {
+      const Ee = c > 0 ? g[c - 1] + p : m, Re = c < g.length - 1 ? g[c + 1] - p : w;
+      _ = Math.min(Re, Math.max(Ee, _));
+    }
+    if (_ === g[c]) return g;
+    const G = g.slice();
+    return G[c] = _, U.current = G, l(G), G;
+  }, we = (c) => {
+    const f = pe.current.getBoundingClientRect();
+    return m + Math.min(1, Math.max(0, (c - f.left) / f.width)) * ge;
+  }, he = (c, f) => {
+    const g = D.current[c];
+    if (!g) return;
+    const _ = Math.min(0.42, Math.abs(f) * 0.22);
+    g.style.setProperty("--pz-sl-sx", String(1 + _)), g.style.setProperty("--pz-sl-sy", String(1 - _ * 0.55)), window.clearTimeout(ie.current), ie.current = window.setTimeout(() => {
+      g.style.setProperty("--pz-sl-sx", "1"), g.style.setProperty("--pz-sl-sy", "1");
+    }, 70);
+  }, P = (c) => {
+    var Ee, Re;
+    if (h || c.button !== 0) return;
+    const f = we(c.clientX), g = U.current, _ = D.current.findIndex((ke) => ke && ke.contains(c.target));
+    let G = _;
+    if (G < 0) {
+      let ke = 1 / 0;
+      g.forEach((De, lt) => {
+        const xe = Math.abs(De - f);
+        (xe < ke || xe === ke && f > De) && (ke = xe, G = lt);
+      });
+    }
+    c.preventDefault();
+    try {
+      (Ee = pe.current) == null || Ee.setPointerCapture(c.pointerId);
+    } catch {
+    }
+    (Re = D.current[G]) == null || Re.focus({ preventScroll: !0 }), H(G), R.current = { i: G, pid: c.pointerId, x: c.clientX, t: performance.now(), moved: !1 }, _ < 0 && o(G, f);
+  }, We = (c) => {
+    const f = R.current;
+    if (!f || f.pid !== c.pointerId) return;
+    const g = performance.now();
+    if (!f.moved) {
+      if (Math.abs(c.clientX - f.x) < 2) return;
+      f.moved = !0, y(!0);
+    }
+    he(f.i, (c.clientX - f.x) / Math.max(1, g - f.t)), f.x = c.clientX, f.t = g, o(f.i, we(c.clientX));
+  }, X = (c) => {
+    const f = R.current;
+    !f || f.pid !== c.pointerId || (R.current = null, y(!1), H(null), he(f.i, 0), u(U.current));
+  }, Ze = (c) => (f) => {
+    if (h) return;
+    const g = Math.max(b, Math.round(ge / 10 / b) * b), _ = U.current[c], G = {
+      ArrowRight: _ + b,
+      ArrowUp: _ + b,
+      ArrowLeft: _ - b,
+      ArrowDown: _ - b,
+      PageUp: _ + g,
+      PageDown: _ - g,
+      Home: m,
+      End: w
+    };
+    f.key in G && (f.preventDefault(), u(o(c, G[f.key])));
+  }, Ce = J === !0 ? ge / b <= 60 ? Array.from({ length: Math.round(ge / b) + 1 }, (c, f) => ({ value: +(m + f * b).toFixed(E) })) : [] : Array.isArray(J) ? J.map((c) => typeof c == "number" ? { value: c } : c) : [], k = Ce.some((c) => c.label != null), i = typeof M == "number" ? M : fn[M], me = s ? d[0] : m, T = d[d.length - 1], W = s && C === "pairs" ? d.reduce((c, f, g) => (g % 2 && c.push([d[g - 1], f]), c), []) : [[me, T]], ce = (c) => W.some(([f, g]) => c >= f && c <= g), Ie = {
+    "--pz-sl-d": `${i}px`,
+    "--pz-sl-h": `${Math.max(3, Math.round(i * 0.3))}px`,
+    ...Z && { "--pz-sl-accent": Z },
+    ...S && { "--pz-sl-track": S },
+    ...F && { "--pz-sl-knob": F },
+    ...V
+  }, $e = ["pz-sl", s && "pz-sl--range", K && "is-drag", h && "is-disabled", `pz-sl--tip-${ee}`, k && "has-labels", Y].filter(Boolean).join(" "), Ne = ue ?? se != null;
+  return /* @__PURE__ */ z("div", { className: $e, style: Ie, children: [
+    (se != null || Ne) && /* @__PURE__ */ z("div", { className: "pz-sl-head", children: [
+      se != null && /* @__PURE__ */ r("span", { className: "pz-sl-label", id: `${oe}l`, children: se }),
+      Ne && /* @__PURE__ */ r("output", { className: "pz-sl-out", "aria-live": "off", children: d.map(N).join(" – ") })
+    ] }),
+    /* @__PURE__ */ z("div", { className: "pz-sl-rail", ref: pe, onPointerDown: P, onPointerMove: We, onPointerUp: X, onPointerCancel: X, children: [
+      /* @__PURE__ */ r("div", { className: "pz-sl-track" }),
+      W.map(([c, f], g) => /* @__PURE__ */ r("div", { className: "pz-sl-fill", style: { left: `${te(c)}%`, width: `${te(f) - te(c)}%` } }, g)),
+      Ce.map((c) => /* @__PURE__ */ r("span", { className: `pz-sl-mark${ce(c.value) ? " is-in" : ""}`, style: { left: `${te(c.value)}%` }, children: c.label != null && /* @__PURE__ */ r("span", { className: "pz-sl-mark-l", children: c.label }) }, c.value)),
+      d.map((c, f) => /* @__PURE__ */ z(
+        "div",
+        {
+          ref: (g) => {
+            D.current[f] = g;
+          },
+          className: `pz-sl-thumb${I === f ? " is-active" : ""}`,
+          style: { left: `${te(c)}%`, zIndex: I === f ? 3 : 2 },
+          role: "slider",
+          tabIndex: h ? -1 : 0,
+          "aria-valuemin": m,
+          "aria-valuemax": w,
+          "aria-valuenow": c,
+          "aria-valuetext": N(c),
+          "aria-label": L[f],
+          "aria-labelledby": !L[f] && se != null ? `${oe}l` : void 0,
+          "aria-disabled": h || void 0,
+          "aria-orientation": "horizontal",
+          onKeyDown: Ze(f),
+          children: [
+            /* @__PURE__ */ r("span", { className: "pz-sl-blob" }),
+            ee !== "never" && /* @__PURE__ */ r("span", { className: "pz-sl-tip", children: N(c) })
+          ]
+        },
+        f
+      ))
+    ] }),
+    fe && d.map((c, f) => /* @__PURE__ */ r("input", { type: "hidden", name: fe, value: c }, f))
+  ] });
+}
+function Mn({ value: s, defaultValue: d, onChange: l, onChangeEnd: u, ariaLabel: p, ...L }) {
+  const m = L.min ?? 0, w = L.max ?? 100, [b, h] = B(() => d ?? m), M = St([s ?? b], m, w, !1);
+  return /* @__PURE__ */ r(
+    Bt,
+    {
+      ...L,
+      multi: !1,
+      vals: M,
+      minDistance: 0,
+      labels: [p],
+      setVals: (Z) => {
+        s === void 0 && h(Z[0]), l == null || l(Z[0]);
+      },
+      end: (Z) => u == null ? void 0 : u(Z[0])
+    }
+  );
+}
+function $n({ value: s, defaultValue: d, onChange: l, onChangeEnd: u, minDistance: p = 0, ariaLabels: L = [], fill: m, ...w }) {
+  const b = w.min ?? 0, h = w.max ?? 100, [M, Z] = B(() => d ?? [b + (h - b) * 0.25, b + (h - b) * 0.75]), S = St(s ?? M, b, h, !0);
+  return /* @__PURE__ */ r(
+    Bt,
+    {
+      ...w,
+      multi: !0,
+      fill: m,
+      vals: S,
+      minDistance: p,
+      labels: S.map((F, ee) => L[ee]),
+      setVals: (F) => {
+        s === void 0 && Z(F), l == null || l(F);
+      },
+      end: (F) => u == null ? void 0 : u(F)
+    }
+  );
+}
+const bn = "https://dev.carpark.am/parz-ui";
+function Nn({ prefix: s = "Components by", color: d, className: l, style: u }) {
+  return /* @__PURE__ */ z(
+    "a",
+    {
+      className: ["pz-credit", l].filter(Boolean).join(" "),
+      href: bn,
+      target: "_blank",
+      rel: "noopener",
+      style: d ? { color: d, ...u } : u,
+      children: [
+        s,
+        " ",
+        /* @__PURE__ */ r("b", { children: "CarPark Team" })
+      ]
+    }
+  );
+}
+export {
+  ln as AnimoLogo,
+  Dt as BUILTIN_ICONS,
+  Ae as Badge,
+  rn as DEFAULT_MOTION,
+  At as DEFAULT_THEME,
+  nn as GLASS_PRESETS,
+  ve as Icon,
+  Et as LTB_STRINGS,
+  cn as LiquidTabBar,
+  bn as PARZ_CREDIT_URL,
+  wn as ParzCheckbox,
+  Nn as ParzCredit,
+  gn as ParzMenu,
+  $n as ParzRange,
+  Mn as ParzSlider,
+  vn as ParzToggle,
+  mn as RANGE_MAX_THUMBS,
+  hn as RANGE_MIN_THUMBS,
+  xn as Wordmark,
+  Ot as loadMaterialFont,
+  Pt as parseIcon,
+  Ct as withAlpha
+};