@elcrm/components 0.2.14 → 0.5.2

package/dist/ItemColumn-M7a9L8CI.js

@@ -1,41 +0,0 @@
-import e from "react";
-import { c as N } from "./cx-CcykAxZN.js";
-import './ItemColumn.css';const h = "c7r", v = "c7i", k = "c7b", b = "c7h", x = "c7t", g = "c7x", C = "c7d", F = "c7f", I = "c7p", y = "c7a", L = "c7s", M = "c7l", R = "c7k", l = {
-  r: h,
-  i: v,
-  b: k,
-  h: b,
-  t: x,
-  x: g,
-  d: C,
-  f: F,
-  p: I,
-  a: y,
-  s: L,
-  l: M,
-  k: R
-};
-function $({ items: a }) {
-  const t = a.filter((n) => n != null && n !== !1 && n !== "");
-  return t.length === 0 ? null : /* @__PURE__ */ e.createElement(e.Fragment, null, t.map((n, c) => /* @__PURE__ */ e.createElement(e.Fragment, { key: c }, c > 0 ? /* @__PURE__ */ e.createElement("span", { className: l.p, "aria-hidden": !0 }, "·") : null, /* @__PURE__ */ e.createElement("span", null, n))));
-}
-function w({
-  icon: a,
-  title: t,
-  extra: n,
-  aside: c,
-  description: s,
-  footer: o,
-  meta: m,
-  size: r = "m",
-  unread: i,
-  children: E,
-  className: d,
-  ...p
-}) {
-  const f = r === "s" ? l.s : r === "l" ? l.l : void 0, u = o ?? (m != null ? /* @__PURE__ */ e.createElement($, { items: m }) : null);
-  return /* @__PURE__ */ e.createElement("div", { className: N(l.r, f, i && l.k, d), ...p }, a != null ? /* @__PURE__ */ e.createElement("span", { className: l.i, "aria-hidden": !0 }, a) : null, /* @__PURE__ */ e.createElement("div", { className: l.b }, t != null || n != null ? /* @__PURE__ */ e.createElement("div", { className: l.h }, t != null ? /* @__PURE__ */ e.createElement("span", { className: l.t }, t) : null, n != null ? /* @__PURE__ */ e.createElement("span", { className: l.x }, n) : null) : null, s != null ? /* @__PURE__ */ e.createElement("div", { className: l.d }, s) : null, u != null ? /* @__PURE__ */ e.createElement("div", { className: l.f }, u) : null, E), c != null ? /* @__PURE__ */ e.createElement("div", { className: l.a }, c) : null);
-}
-export {
-  w as I
-};

package/dist/Layout-mi6Ghayv.js

@@ -1,31 +0,0 @@
-import l from "react";
-import { c as a } from "./cx-CcykAxZN.js";
-import './Layout.css';const f = "clr", h = "clx", k = "clm", x = "cls", F = "clb", L = "cla", g = "clk", y = "clh", D = "clf", n = {
-  r: f,
-  x: h,
-  m: k,
-  s: x,
-  b: F,
-  a: L,
-  k: g,
-  h: y,
-  f: D
-}, p = ["header", "footer", "sidebar"];
-function o(e, c) {
-  return (e ?? p).includes(c);
-}
-function I({
-  sidebar: e,
-  header: c,
-  footer: t,
-  fixed: s,
-  children: b,
-  className: m,
-  ...r
-}) {
-  const u = c != null && o(s, "header"), i = t != null && o(s, "footer"), v = e != null && o(s, "sidebar"), E = (s ?? p).length > 0, N = /* @__PURE__ */ l.createElement("main", { className: n.m }, c != null && !u ? c : null, b, t != null && !i ? t : null), d = /* @__PURE__ */ l.createElement(l.Fragment, null, u ? /* @__PURE__ */ l.createElement("div", { className: n.h }, c) : null, N, i ? /* @__PURE__ */ l.createElement("div", { className: n.f }, t) : null);
-  return e != null ? /* @__PURE__ */ l.createElement("div", { className: a(n.r, n.s, E && n.x, m), ...r }, /* @__PURE__ */ l.createElement("div", { className: a(n.a, v && n.k) }, e), /* @__PURE__ */ l.createElement("div", { className: n.b }, d)) : /* @__PURE__ */ l.createElement("div", { className: a(n.r, E && n.x, m), ...r }, d);
-}
-export {
-  I as L
-};

package/dist/List-BgKkYaGO.js

@@ -1,12 +0,0 @@
-import e from "react";
-import { c as n } from "./cx-CcykAxZN.js";
-import './List.css';const a = "csr", m = "csh", r = {
-  r: a,
-  h: m
-};
-function f({ row: t, children: c, className: s, ...o }) {
-  return /* @__PURE__ */ e.createElement("ul", { className: n(r.r, t && r.h, s), ...o }, c);
-}
-export {
-  f as L
-};

package/dist/Loading-DkkG7RcE.js

@@ -1,16 +0,0 @@
-import e from "react";
-import { c as s } from "./cx-CcykAxZN.js";
-import './Loading.css';const i = "cgr", n = "cgi", r = {
-  r: i,
-  i: n
-};
-function l({
-  children: t = "Загрузка…",
-  className: a,
-  ...c
-}) {
-  return /* @__PURE__ */ e.createElement("div", { className: s(r.r, a), role: "status", ...c }, /* @__PURE__ */ e.createElement("span", { className: r.i, "aria-hidden": !0 }), t);
-}
-export {
-  l as L
-};

package/dist/Menu-DuXQv-zT.js

@@ -1,66 +0,0 @@
-import d from "react";
-import { B as g } from "./Badge-jp-9iNNL.js";
-import { b as x } from "./badgeText-CRzlIzi3.js";
-import { c as i } from "./cx-CcykAxZN.js";
-import { h as y } from "./rovingKeys-CGlfTtNQ.js";
-import './Menu.css';const h = "cmr", k = "cmv", E = "cmi", N = "cmd", w = "cma", B = "cmu", n = {
-  r: h,
-  v: k,
-  i: E,
-  d: N,
-  a: w,
-  u: B
-};
-function D({
-  items: s,
-  vertical: l,
-  variant: u = "plain",
-  value: e,
-  onSelect: c,
-  children: b,
-  className: p,
-  ...m
-}) {
-  const f = (s ?? []).filter((a) => !a.disabled).map((a) => a.value), o = u === "line";
-  return /* @__PURE__ */ d.createElement(
-    "nav",
-    {
-      className: i(n.r, l && n.v, o && n.u, p),
-      role: o ? "tablist" : void 0,
-      onKeyDown: c ? (a) => y(a, {
-        values: f,
-        value: e,
-        onSelect: c,
-        vertical: l
-      }) : void 0,
-      ...m
-    },
-    s == null ? void 0 : s.map((a) => {
-      const r = a.active ?? (e != null && a.value === e), t = x(a.badge);
-      return /* @__PURE__ */ d.createElement(
-        "button",
-        {
-          key: a.value,
-          type: "button",
-          role: o ? "tab" : void 0,
-          className: i(n.i, r && n.a),
-          "data-active": r ? "true" : void 0,
-          "aria-current": o ? void 0 : r ? "page" : void 0,
-          "aria-selected": o ? r : void 0,
-          tabIndex: o ? r ? 0 : -1 : void 0,
-          disabled: a.disabled,
-          onClick: () => {
-            var v;
-            (v = a.onClick) == null || v.call(a), c == null || c(a.value);
-          }
-        },
-        a.label,
-        t != null ? /* @__PURE__ */ d.createElement(g, { className: n.d, tone: "accent", size: "s" }, t) : null
-      );
-    }),
-    b
-  );
-}
-export {
-  D as M
-};

package/dist/NavSections-D6rDEtT1.js

@@ -1,142 +0,0 @@
-import e, { useMemo as B, Suspense as D } from "react";
-import { c as K } from "./cx-CcykAxZN.js";
-import { I as F } from "./Item-D4okhsfW.js";
-import { f as I, c as M, a as O, b as P, i as V } from "./navTree-BRyaILN9.js";
-import { h as j } from "./rovingKeys-CGlfTtNQ.js";
-import { u as y } from "./useControllableValue-CWqH1kpM.js";
-import './NavSections.css';const A = "cvr", W = "cvn", $ = "cvg", q = "cvl", z = "cvi", G = "cva", H = "cvc", J = "cvt", Q = "cve", T = "cvs", U = "cvf", X = "cvm", c = {
-  r: A,
-  n: W,
-  g: $,
-  l: q,
-  i: z,
-  a: G,
-  c: H,
-  t: J,
-  e: Q,
-  s: T,
-  f: U,
-  m: X
-};
-function Y({ className: a }) {
-  return /* @__PURE__ */ e.createElement("svg", { className: a, viewBox: "0 0 12 12", "aria-hidden": !0 }, /* @__PURE__ */ e.createElement(
-    "path",
-    {
-      d: "M2.5 4.5 6 8l3.5-3.5",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-}
-function C({
-  items: a,
-  value: d,
-  open: f,
-  onSelect: m,
-  onToggle: E
-}) {
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, a.map((t) => {
-    const v = t.items, s = v != null && v.length > 0, u = s && f.includes(t.value), r = !s && t.value === d;
-    return /* @__PURE__ */ e.createElement(e.Fragment, { key: t.value }, /* @__PURE__ */ e.createElement(
-      F,
-      {
-        as: "button",
-        active: r,
-        className: K(c.i, r && c.a),
-        "data-active": r ? "true" : void 0,
-        "data-open": u ? "true" : void 0,
-        "aria-current": r ? "page" : void 0,
-        "aria-expanded": s ? u : void 0,
-        disabled: t.disabled,
-        onClick: () => {
-          s ? E(t.value) : m(t.value);
-        }
-      },
-      t.icon != null ? /* @__PURE__ */ e.createElement("span", { className: c.c, "aria-hidden": !0 }, t.icon) : null,
-      /* @__PURE__ */ e.createElement("span", { className: c.t }, t.label),
-      s ? /* @__PURE__ */ e.createElement(Y, { className: c.e }) : null
-    ), s && u ? /* @__PURE__ */ e.createElement("div", { className: c.s }, /* @__PURE__ */ e.createElement(
-      C,
-      {
-        items: v,
-        value: d,
-        open: f,
-        onSelect: m,
-        onToggle: E
-      }
-    )) : null);
-  }));
-}
-function le({
-  groups: a,
-  resolveSection: d,
-  value: f,
-  defaultValue: m,
-  onValueChange: E,
-  open: t,
-  defaultOpen: v,
-  onOpenChange: s,
-  loading: u = null,
-  footer: r,
-  className: R,
-  navLabel: S = "Разделы"
-}) {
-  const g = B(
-    () => m || I(a),
-    [m, a]
-  ), [l, b] = y(
-    f,
-    g,
-    E
-  ), [o = [], N] = y(
-    t,
-    M(a, v, l),
-    s
-  ), x = O(a).map((n) => n.value), p = e.useRef(l);
-  e.useEffect(() => {
-    if (l == null || l === p.current) {
-      p.current = l;
-      return;
-    }
-    p.current = l;
-    const i = P(a, l).filter((w) => !o.includes(w));
-    i.length && N([...o, ...i]);
-  }, [l, a, o, N]);
-  const h = (n) => {
-    N(
-      o.includes(n) ? o.filter((i) => i !== n) : [...o, n]
-    );
-  }, L = (n) => {
-    V(a, n) ? h(n) : b(n);
-  }, k = l ? d(l) : null;
-  return /* @__PURE__ */ e.createElement("div", { className: K(c.r, R) }, /* @__PURE__ */ e.createElement(
-    "nav",
-    {
-      className: c.n,
-      "aria-label": S,
-      onKeyDown: (n) => j(n, {
-        values: x,
-        value: l,
-        onSelect: L,
-        vertical: !0
-      })
-    },
-    a.map((n, i) => /* @__PURE__ */ e.createElement("div", { key: i, className: c.g }, n.label != null ? /* @__PURE__ */ e.createElement("div", { className: c.l }, n.label) : null, /* @__PURE__ */ e.createElement(
-      C,
-      {
-        items: n.items,
-        value: l,
-        open: o,
-        onSelect: b,
-        onToggle: h
-      }
-    ))),
-    r != null ? /* @__PURE__ */ e.createElement("div", { className: c.f }, r) : null
-  ), /* @__PURE__ */ e.createElement("div", { className: c.m }, k ? /* @__PURE__ */ e.createElement(D, { fallback: u }, e.createElement(k)) : null));
-}
-export {
-  le as N
-};

package/dist/PageHead-DgaJ1mXY.js

@@ -1,31 +0,0 @@
-import c from "react";
-import { c as o } from "./cx-CcykAxZN.js";
-import './PageHead.css';const u = "ccr", f = "cck", i = "ccw", E = "cct", N = "cch", d = "ccn", h = "ccu", v = "ccs", w = "cca", k = "ccc", e = {
-  r: u,
-  k: f,
-  w: i,
-  t: E,
-  h: N,
-  n: d,
-  u: h,
-  s: v,
-  a: w,
-  c: k
-};
-function p(t) {
-  return !(t == null || t === !1 || t === "" || typeof t == "number" && t === 0 || t === "0");
-}
-function g({
-  title: t,
-  sup: n,
-  subtitle: a,
-  actions: l,
-  sticky: r,
-  className: m,
-  children: s
-}) {
-  return /* @__PURE__ */ c.createElement("div", { className: o(e.r, r && e.k, m) }, /* @__PURE__ */ c.createElement("div", { className: e.w }, /* @__PURE__ */ c.createElement("div", { className: e.t }, /* @__PURE__ */ c.createElement("h1", { className: e.h }, /* @__PURE__ */ c.createElement("span", { className: e.n }, t), p(n) ? /* @__PURE__ */ c.createElement("span", { className: e.u }, n) : null), a != null ? /* @__PURE__ */ c.createElement("p", { className: e.s }, a) : null), l != null ? /* @__PURE__ */ c.createElement("div", { className: e.a }, l) : null), s != null ? /* @__PURE__ */ c.createElement("div", { className: e.c }, s) : null);
-}
-export {
-  g as P
-};

package/dist/PageShell-D9EZiO8o.js

@@ -1,30 +0,0 @@
-import e from "react";
-import { c as l } from "./cx-CcykAxZN.js";
-import './PageShell.css';const m = "ckr", f = "ckw", i = "ckb", k = "ckf", u = "cko", c = {
-  r: m,
-  w: f,
-  b: i,
-  f: k,
-  o: u
-};
-function d({
-  children: s,
-  className: n,
-  wide: o,
-  scroll: r = !0,
-  footer: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      ...a,
-      className: l(c.r, o && c.w, !r && c.o, n)
-    },
-    /* @__PURE__ */ e.createElement("div", { className: c.b }, s),
-    t != null ? /* @__PURE__ */ e.createElement("div", { className: c.f }, t) : null
-  );
-}
-export {
-  d as P
-};

package/dist/PanelInfo-A5y5ysH8.js

@@ -1,81 +0,0 @@
-import e from "react";
-import { T as b } from "./TextGroup-DmhuyMR1.js";
-import { c as h } from "./cx-CcykAxZN.js";
-import { a as B, r as N } from "./overlayZ-BvHbYC1x.js";
-import './PanelInfo.css';const x = "pBr", g = "pBs", k = "pBh", I = "pBt", L = "pBa", O = "pBc", z = "pBb", M = "pBf", S = "pBd", n = {
-  r: x,
-  s: g,
-  h: k,
-  t: I,
-  a: L,
-  c: O,
-  b: z,
-  f: M,
-  d: S
-}, m = "(max-width: 56rem)";
-function T({
-  open: a,
-  title: s,
-  onClose: o,
-  children: f,
-  footer: l,
-  headerExtra: u,
-  close: v,
-  "aria-label": y,
-  className: E
-}) {
-  const [r, p] = e.useState(
-    () => typeof window < "u" ? window.matchMedia(m).matches : !1
-  ), [i, d] = e.useState();
-  e.useEffect(() => {
-    const t = window.matchMedia(m), c = () => p(t.matches);
-    return c(), t.addEventListener("change", c), () => t.removeEventListener("change", c);
-  }, []), e.useEffect(() => {
-    if (!a || !r) {
-      d(void 0);
-      return;
-    }
-    const t = B();
-    return d(t), () => {
-      N(t), d(void 0);
-    };
-  }, [a, r]), e.useEffect(() => {
-    if (!a) return;
-    const t = (c) => {
-      c.key === "Escape" && (c.preventDefault(), o());
-    };
-    return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
-  }, [a, o]), e.useEffect(() => {
-    if (!a || !r) return;
-    const t = document.body.style.overflow;
-    return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = t;
-    };
-  }, [a, r]);
-  const w = y ?? (typeof s == "string" && s.trim() ? s : "Панель");
-  return /* @__PURE__ */ e.createElement(
-    "aside",
-    {
-      className: h(n.r, E),
-      "data-open": a ? "true" : "false",
-      "data-overlay": r ? "true" : "false",
-      "aria-hidden": !a,
-      "aria-label": a ? w : void 0,
-      style: i != null ? { zIndex: i } : void 0
-    },
-    a && r ? /* @__PURE__ */ e.createElement("div", { className: n.d, role: "presentation", onClick: o }) : null,
-    /* @__PURE__ */ e.createElement("div", { className: n.s }, /* @__PURE__ */ e.createElement("div", { className: n.h }, /* @__PURE__ */ e.createElement("div", { className: n.t }, typeof s == "string" || typeof s == "number" ? /* @__PURE__ */ e.createElement(b, { title: String(s), size: "m" }) : s), /* @__PURE__ */ e.createElement("div", { className: n.a }, u, v ?? /* @__PURE__ */ e.createElement(
-      "button",
-      {
-        type: "button",
-        className: n.c,
-        "aria-label": "Закрыть",
-        onClick: o
-      },
-      "×"
-    ))), /* @__PURE__ */ e.createElement("div", { className: n.b }, f), l != null ? /* @__PURE__ */ e.createElement("div", { className: n.f }, l) : null)
-  );
-}
-export {
-  T as P
-};

package/dist/Popover-DWdvZTuA.js

@@ -1,135 +0,0 @@
-import u, { useRef as E, useId as Y, useState as N, useLayoutEffect as O, useEffect as S } from "react";
-import { createPortal as _ } from "react-dom";
-import { c as T } from "./cx-CcykAxZN.js";
-import { a as $, r as V } from "./overlayZ-BvHbYC1x.js";
-import { u as ee } from "./useControllableValue-CWqH1kpM.js";
-import './Popover.css';const te = "c3r", ne = "c3t", oe = "c3p", H = {
-  r: te,
-  t: ne,
-  p: oe
-};
-function ie(t, e) {
-  const c = (e == null ? void 0 : e.querySelector("button, a, [role='button']")) ?? (e == null ? void 0 : e.firstElementChild);
-  return (c instanceof HTMLElement ? c : e ?? t).getBoundingClientRect();
-}
-function re(t, e) {
-  return t != null && t.top === e.top && t.left === e.left && t.minWidth === e.minWidth && t.maxHeight === e.maxHeight;
-}
-function se(t, e, c, p) {
-  if (!u.isValidElement(t)) return t;
-  const d = t.props.onClick;
-  return u.cloneElement(t, {
-    "aria-haspopup": "menu",
-    "aria-expanded": e,
-    "aria-controls": e ? c : void 0,
-    onClick: (h) => {
-      d == null || d(h), p();
-    }
-  });
-}
-function fe({
-  trigger: t,
-  children: e,
-  open: c,
-  defaultOpen: p = !1,
-  onOpenChange: d,
-  align: h = "end",
-  placement: w = "auto",
-  disabled: W = !1,
-  label: Z,
-  role: D = "menu",
-  className: F,
-  panelClassName: K
-}) {
-  const x = E(null), b = E(null), g = E(null), y = Y(), [i = !1, j] = ee(
-    c,
-    p,
-    d
-  ), [m, P] = N(null), [a, k] = N(null), L = E(null);
-  L.current = a;
-  const M = (o) => {
-    W && o || j(o);
-  };
-  O(() => {
-    if (i) {
-      a == null && k($());
-      return;
-    }
-    a != null && (V(a), k(null));
-  }, [i, a]), S(() => () => {
-    L.current != null && V(L.current);
-  }, []);
-  const R = () => {
-    var A;
-    const o = x.current;
-    if (!o) return;
-    const n = ie(o, b.current), r = 8, l = 8, s = ((A = g.current) == null ? void 0 : A.offsetHeight) ?? 0, f = window.innerHeight - n.bottom - r - l, J = n.top - r - l, Q = s > 0 ? s : 160, I = w === "bottom" || w !== "top" && f >= Q, U = Math.min(
-      420,
-      Math.max(120, I ? f : J)
-    ), v = Math.max(200, n.width), X = h === "end" ? Math.max(8, Math.min(n.right - v, window.innerWidth - v - 8)) : Math.max(8, Math.min(n.left, window.innerWidth - v - 8)), q = { top: I ? n.bottom + r : Math.max(l, n.top - r - (s > 0 ? s : 0)), left: X, minWidth: v, maxHeight: U };
-    P((B) => re(B, q) ? B : q);
-  };
-  O(() => {
-    if (!i) {
-      P(null);
-      return;
-    }
-    R();
-    const o = window.requestAnimationFrame(() => R()), n = () => R();
-    return window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
-      window.cancelAnimationFrame(o), window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
-    };
-  }, [i, h, w, e]), S(() => {
-    if (!i) return;
-    const o = (r) => {
-      var s, f;
-      const l = r.target;
-      (s = x.current) != null && s.contains(l) || (f = g.current) != null && f.contains(l) || M(!1);
-    }, n = (r) => {
-      r.key === "Escape" && M(!1);
-    };
-    return document.addEventListener("mousedown", o), document.addEventListener("keydown", n), () => {
-      document.removeEventListener("mousedown", o), document.removeEventListener("keydown", n);
-    };
-  }, [i]);
-  const G = {
-    position: "fixed",
-    zIndex: a ?? 1e3,
-    ...m ? {
-      top: m.top,
-      bottom: "auto",
-      left: m.left,
-      minWidth: m.minWidth,
-      maxHeight: m.maxHeight
-    } : { visibility: "hidden", pointerEvents: "none" }
-  }, z = i ? /* @__PURE__ */ u.createElement(
-    "div",
-    {
-      ref: g,
-      id: y,
-      role: D,
-      "aria-label": Z,
-      className: T(H.p, K),
-      style: G,
-      onMouseDown: (o) => o.stopPropagation()
-    },
-    e
-  ) : null, C = () => {
-    W || M(!i);
-  };
-  return /* @__PURE__ */ u.createElement("div", { ref: x, className: T(H.r, F) }, /* @__PURE__ */ u.createElement(
-    "div",
-    {
-      ref: b,
-      className: H.t,
-      "aria-haspopup": "menu",
-      "aria-expanded": i,
-      "aria-controls": i ? y : void 0,
-      onClick: u.isValidElement(t) ? void 0 : C
-    },
-    se(t, i, y, C)
-  ), z && typeof document < "u" ? _(z, document.body) : null);
-}
-export {
-  fe as P
-};