@elcrm/components 0.2.13 → 0.5.1

package/dist/Section-Crxk2J-E.js

@@ -1,34 +0,0 @@
-import c from "react";
-import { c as t } from "./cx-CcykAxZN.js";
-import './Section.css';const f = "cep", v = "ceu", S = "cek", x = "ceh", A = "cec", T = "cei", z = "cet", B = "ced", F = "cee", H = "ceb", R = "ces", $ = "cel", e = {
-  p: f,
-  u: v,
-  k: S,
-  h: x,
-  c: A,
-  i: T,
-  t: z,
-  d: B,
-  e: F,
-  b: H,
-  s: R,
-  l: $
-};
-function w({
-  title: n,
-  description: s,
-  icon: a,
-  children: o,
-  actions: r,
-  variant: u = "page",
-  align: h,
-  titleSize: N = "lg",
-  className: d,
-  as: g
-}) {
-  const m = u === "auth", l = u === "block", p = h ?? (m ? "center" : "start"), i = g ?? (m || l ? "section" : "main"), k = l ? "h2" : "h1", b = N ?? (l ? "md" : "lg"), E = /* @__PURE__ */ c.createElement(c.Fragment, null, (a != null || n != null || s != null) && /* @__PURE__ */ c.createElement("header", { className: t(e.h, p === "center" && e.c) }, a != null ? /* @__PURE__ */ c.createElement("div", { className: e.i }, a) : null, n != null ? /* @__PURE__ */ c.createElement(k, { className: t(e.t, b === "md" && e.d) }, n) : null, s != null ? /* @__PURE__ */ c.createElement("p", { className: e.e }, s) : null), o != null ? /* @__PURE__ */ c.createElement("div", { className: e.b }, o) : null, r != null ? /* @__PURE__ */ c.createElement("div", { className: e.s }, r) : null);
-  return m ? /* @__PURE__ */ c.createElement("div", { className: t(e.u, d) }, /* @__PURE__ */ c.createElement(i, { className: e.k }, E)) : /* @__PURE__ */ c.createElement(i, { className: t(l ? e.l : e.p, d) }, E);
-}
-export {
-  w as S
-};

package/dist/Sidebar-CYFaPqdC.js

@@ -1,178 +0,0 @@
-import e from "react";
-import { B as K } from "./Badge-jp-9iNNL.js";
-import { D as R } from "./Dropdown-DosvDR13.js";
-import { I as F } from "./Item-D4okhsfW.js";
-import { b as I } from "./badgeText-CRzlIzi3.js";
-import { c as f } from "./cx-CcykAxZN.js";
-import { c as L, b as M } from "./navTree-BRyaILN9.js";
-import { u as O } from "./useControllableValue-CWqH1kpM.js";
-import './Sidebar.css';const T = "c2r", V = "c2b", j = "c2x", z = "c2g", A = "c2s", W = "c2p", $ = "c2h", G = "c2n", H = "c2i", J = "c2a", P = "c2o", Q = "c2l", U = "c2d", X = "c2c", Y = "c2m", Z = "c2f", _ = "c2q", S = "c2w", ee = "c2u", ne = "c2k", ce = "c2v", n = {
-  r: T,
-  b: V,
-  x: j,
-  g: z,
-  s: A,
-  p: W,
-  h: $,
-  n: G,
-  i: H,
-  a: J,
-  o: P,
-  l: Q,
-  d: U,
-  c: X,
-  m: Y,
-  f: Z,
-  q: _,
-  w: S,
-  u: ee,
-  k: ne,
-  v: ce
-};
-function te({ className: l }) {
-  return /* @__PURE__ */ e.createElement("svg", { className: l, viewBox: "0 0 16 16", "aria-hidden": !0 }, /* @__PURE__ */ e.createElement("circle", { cx: "8", cy: "3", r: "1.3", fill: "currentColor" }), /* @__PURE__ */ e.createElement("circle", { cx: "8", cy: "8", r: "1.3", fill: "currentColor" }), /* @__PURE__ */ e.createElement("circle", { cx: "8", cy: "13", r: "1.3", fill: "currentColor" }));
-}
-function le({
-  footer: l,
-  className: u,
-  ...c
-}) {
-  const o = /* @__PURE__ */ e.createElement(te, { className: n.k });
-  if (e.isValidElement(l) && typeof l.type != "string") {
-    const s = l.props;
-    return e.cloneElement(l, {
-      as: "button",
-      extra: s.extra ?? o,
-      className: f(s.className, u),
-      ...c,
-      onClick: (t) => {
-        var i, a;
-        (i = s.onClick) == null || i.call(s, t), (a = c.onClick) == null || a.call(c, t);
-      }
-    });
-  }
-  return /* @__PURE__ */ e.createElement("button", { type: "button", className: f(n.u, u), ...c }, /* @__PURE__ */ e.createElement("span", { className: n.w }, l), o);
-}
-function ae({ className: l }) {
-  return /* @__PURE__ */ e.createElement("svg", { className: l, 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 x({
-  items: l,
-  value: u,
-  open: c,
-  onSelect: o,
-  onToggle: s
-}) {
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, l.map((t) => {
-    const i = t.items, a = i != null && i.length > 0, E = a && c.includes(t.value), p = I(t.badge), m = !a && u === t.value;
-    return /* @__PURE__ */ e.createElement("li", { key: t.value }, /* @__PURE__ */ e.createElement(
-      F,
-      {
-        as: "button",
-        active: m,
-        className: f(n.i, m && n.a),
-        "aria-current": m ? "page" : void 0,
-        "aria-expanded": a ? E : void 0,
-        "data-open": E ? "true" : void 0,
-        onClick: () => {
-          a ? s(t.value) : o == null || o(t.value);
-        }
-      },
-      t.icon != null ? /* @__PURE__ */ e.createElement("span", { className: n.o, "aria-hidden": !0 }, t.icon) : null,
-      /* @__PURE__ */ e.createElement("span", { className: n.l }, t.label),
-      p != null ? /* @__PURE__ */ e.createElement(K, { className: n.d, tone: "accent", size: "s" }, p) : null,
-      a ? /* @__PURE__ */ e.createElement(ae, { className: n.c }) : null
-    ), a && E ? /* @__PURE__ */ e.createElement("ul", { className: n.m }, /* @__PURE__ */ e.createElement(
-      x,
-      {
-        items: i,
-        value: u,
-        open: c,
-        onSelect: o,
-        onToggle: s
-      }
-    )) : null);
-  }));
-}
-function pe({
-  groups: l,
-  items: u,
-  value: c,
-  onSelect: o,
-  open: s,
-  defaultOpen: t,
-  onOpenChange: i,
-  variant: a = "cards",
-  brand: E,
-  extra: p,
-  footer: m,
-  footerItems: g,
-  onFooterSelect: y,
-  footerMenuLabel: C = "Меню аккаунта",
-  version: v,
-  className: w,
-  "aria-label": q = "Основное меню"
-}) {
-  const N = l ?? u ?? [], [d = [], k] = O(
-    s,
-    L(N, t, c),
-    i
-  ), h = e.useRef(c);
-  e.useEffect(() => {
-    if (c == null || c === h.current) {
-      h.current = c;
-      return;
-    }
-    h.current = c;
-    const b = M(N, c).filter((D) => !d.includes(D));
-    b.length && k([...d, ...b]);
-  }, [c, N, d, k]);
-  const B = (r) => {
-    k(
-      d.includes(r) ? d.filter((b) => b !== r) : [...d, r]
-    );
-  };
-  return /* @__PURE__ */ e.createElement(
-    "aside",
-    {
-      className: f(n.r, a === "plain" && n.p, w),
-      "aria-label": q
-    },
-    E != null || p != null ? /* @__PURE__ */ e.createElement("div", { className: n.b }, E, p != null ? /* @__PURE__ */ e.createElement("div", { className: n.x }, p) : null) : null,
-    /* @__PURE__ */ e.createElement("div", { className: n.g }, N.map((r) => /* @__PURE__ */ e.createElement("nav", { key: r.value, className: n.s, "aria-label": r.title ?? "Навигация" }, r.title ? /* @__PURE__ */ e.createElement("div", { className: n.h }, r.title) : null, /* @__PURE__ */ e.createElement("ul", { className: n.n }, /* @__PURE__ */ e.createElement(
-      x,
-      {
-        items: r.items ?? [],
-        value: c,
-        open: d,
-        onSelect: o,
-        onToggle: B
-      }
-    ))))),
-    m != null || v != null ? /* @__PURE__ */ e.createElement("div", { className: f(n.s, n.f) }, m != null && g != null && g.length > 0 ? /* @__PURE__ */ e.createElement(
-      R,
-      {
-        className: n.q,
-        align: "start",
-        placement: "top",
-        label: C,
-        trigger: /* @__PURE__ */ e.createElement(le, { footer: m, className: n.w }),
-        items: g,
-        onSelect: y
-      }
-    ) : m, v != null ? /* @__PURE__ */ e.createElement("div", { className: n.v }, v) : null) : null
-  );
-}
-export {
-  pe as S
-};

package/dist/SplitPane-DR7PCZ8f.js

@@ -1,74 +0,0 @@
-import o from "react";
-import { c as P } from "./cx-CcykAxZN.js";
-import './SplitPane.css';function $(t, e, l, i) {
-  if (e <= 0) return t;
-  const r = l / e, c = 1 - i / e;
-  return c < r ? 0.5 : Math.max(r, Math.min(c, t));
-}
-const B = "cFr", C = "cFx", D = "cFy", H = "cFp", X = "cFh", n = {
-  r: B,
-  x: C,
-  y: D,
-  p: H,
-  h: X
-}, z = 6;
-function E() {
-  if (typeof document > "u") return z;
-  const t = getComputedStyle(document.documentElement).getPropertyValue("--split-handle-size").trim(), e = Number.parseFloat(t);
-  return Number.isFinite(e) && e > 0 ? e : z;
-}
-function V({
-  direction: t,
-  ratio: e,
-  onRatioChange: l,
-  minFirst: i = 140,
-  minSecond: r = 140,
-  first: c,
-  second: S,
-  className: b,
-  ...F
-}) {
-  const m = o.useRef(null), R = t === "horizontal" ? "x" : "y", N = (u) => {
-    u.preventDefault();
-    const p = m.current;
-    if (!p) return;
-    const f = E(), s = p.getBoundingClientRect(), h = t === "horizontal" ? s.width - f : s.height - f, y = (a, L) => {
-      const M = t === "horizontal" ? a - s.left : L - s.top;
-      l($(M / h, h, i, r));
-    };
-    y(u.clientX, u.clientY);
-    const x = (a) => {
-      y(a.clientX, a.clientY);
-    }, v = () => {
-      document.removeEventListener("pointermove", x), document.removeEventListener("pointerup", v), document.body.style.cursor = "", document.body.style.userSelect = "";
-    };
-    document.body.style.cursor = t === "horizontal" ? "col-resize" : "row-resize", document.body.style.userSelect = "none", document.addEventListener("pointermove", x), document.addEventListener("pointerup", v);
-  }, d = E(), g = `calc((100% - ${d}px) * ${e})`, w = `calc((100% - ${d}px) * ${1 - e})`;
-  return /* @__PURE__ */ o.createElement(
-    "div",
-    {
-      ref: m,
-      className: P(n.r, R === "x" ? n.x : n.y, b),
-      ...F
-    },
-    /* @__PURE__ */ o.createElement("div", { className: n.p, style: { flexBasis: g } }, c),
-    /* @__PURE__ */ o.createElement(
-      "button",
-      {
-        type: "button",
-        className: n.h,
-        role: "separator",
-        "aria-orientation": t === "horizontal" ? "vertical" : "horizontal",
-        "aria-valuenow": Math.round(e * 100),
-        "aria-valuemin": 0,
-        "aria-valuemax": 100,
-        onPointerDown: N
-      }
-    ),
-    /* @__PURE__ */ o.createElement("div", { className: n.p, style: { flexBasis: w } }, S)
-  );
-}
-export {
-  V as S,
-  $ as c
-};

package/dist/Stack-XkmPSswj.js

@@ -1,53 +0,0 @@
-import m from "react";
-import { c as f } from "./cx-CcykAxZN.js";
-import './Stack.css';function l(t) {
-  if (t != null)
-    return { gap: typeof t == "number" ? `${t}px` : t };
-}
-const i = "c1r", p = "c1c", g = "c1g", h = "c1h", v = "c1n", r = {
-  r: i,
-  c: p,
-  g,
-  h,
-  n: v
-};
-function x(t) {
-  if (typeof t == "number")
-    return t <= 0 ? void 0 : `repeat(${t}, minmax(0, 1fr))`;
-  if (t.length !== 0)
-    return t.map((n) => typeof n == "number" ? `${n}px` : n).join(" ");
-}
-function k({
-  direction: t = "column",
-  columns: n,
-  gap: c,
-  children: o,
-  className: a,
-  style: s,
-  ...u
-}) {
-  const e = t === "grid" && n != null ? x(n) : void 0;
-  return /* @__PURE__ */ m.createElement(
-    "div",
-    {
-      className: f(
-        r.r,
-        t === "column" && r.c,
-        t === "row" && r.h,
-        t === "grid" && (e ? r.n : r.g),
-        a
-      ),
-      style: {
-        ...l(c),
-        ...e ? { "--stack-columns-template": e } : null,
-        ...s
-      },
-      ...u
-    },
-    o
-  );
-}
-export {
-  k as S,
-  x as s
-};

package/dist/Stat-sKXJwz5L.js

@@ -1,27 +0,0 @@
-import a from "react";
-import { C as u } from "./Card-hn37Opo3.js";
-import { c as t } from "./cx-CcykAxZN.js";
-import './Stat.css';const d = "c4r", p = "c4l", i = "c4e", w = "c4v", f = "c4a", v = "c4u", C = "c4w", E = "c4d", c = {
-  r: d,
-  l: p,
-  e: i,
-  v: w,
-  a: f,
-  u: v,
-  w: C,
-  d: E
-};
-function S({
-  label: e,
-  value: n,
-  tone: s = "neutral",
-  labelMuted: r = !0,
-  className: o,
-  ...l
-}) {
-  const m = s === "accent" ? c.a : s === "success" ? c.u : s === "warning" ? c.w : s === "danger" ? c.d : c.n;
-  return /* @__PURE__ */ a.createElement(u, { className: t(c.r, m, o), ...l }, /* @__PURE__ */ a.createElement("span", { className: t(c.l, !r && c.e) }, e), /* @__PURE__ */ a.createElement("span", { className: c.v }, n));
-}
-export {
-  S
-};

package/dist/TabSections-DN7yVJoF.js

@@ -1,69 +0,0 @@
-import a, { useMemo as g, Suspense as k } from "react";
-import { c as b } from "./cx-CcykAxZN.js";
-import { h as y } from "./rovingKeys-CGlfTtNQ.js";
-import { u as x } from "./useControllableValue-CWqH1kpM.js";
-import './TabSections.css';const S = "ctr", h = "ctb", C = "ctn", K = "ctt", R = "cta", T = "cte", w = "cts", D = "ctm", l = {
-  r: S,
-  b: h,
-  n: C,
-  t: K,
-  a: R,
-  e: T,
-  s: w,
-  m: D
-};
-function j({
-  items: n = [],
-  resolveSection: m,
-  value: d,
-  defaultValue: s,
-  onValueChange: v,
-  loading: i = null,
-  actions: r,
-  className: p,
-  navLabel: E = "Вкладки"
-}) {
-  const f = g(() => {
-    var e;
-    return s || (((e = n.find((t) => !t.disabled)) == null ? void 0 : e.value) ?? "");
-  }, [s, n]), [c, o] = x(
-    d,
-    f,
-    v
-  ), N = n.filter((e) => !e.disabled).map((e) => e.value), u = c ? m(c) : null;
-  return /* @__PURE__ */ a.createElement("div", { className: b(l.r, p) }, /* @__PURE__ */ a.createElement("div", { className: l.b }, /* @__PURE__ */ a.createElement(
-    "nav",
-    {
-      className: l.n,
-      "aria-label": E,
-      role: "tablist",
-      onKeyDown: (e) => y(e, {
-        values: N,
-        value: c,
-        onSelect: o
-      })
-    },
-    n.map((e) => {
-      const t = e.value === c;
-      return /* @__PURE__ */ a.createElement(
-        "button",
-        {
-          key: e.value,
-          type: "button",
-          role: "tab",
-          className: b(l.t, t && l.a),
-          "data-active": t ? "true" : void 0,
-          "aria-selected": t,
-          tabIndex: t ? 0 : -1,
-          disabled: e.disabled,
-          onClick: () => o(e.value)
-        },
-        /* @__PURE__ */ a.createElement("span", null, e.label),
-        e.badge != null && e.badge !== "" ? /* @__PURE__ */ a.createElement("em", { className: l.e }, e.badge) : null
-      );
-    })
-  ), r != null ? /* @__PURE__ */ a.createElement("div", { className: l.s }, r) : null), /* @__PURE__ */ a.createElement("div", { className: l.m, role: "tabpanel" }, u ? /* @__PURE__ */ a.createElement(k, { fallback: i }, a.createElement(u)) : null));
-}
-export {
-  j as T
-};

package/dist/Table-BoDr3X2d.js

@@ -1,25 +0,0 @@
-import e from "react";
-import { c as n } from "./cx-CcykAxZN.js";
-import './Table.css';const r = "cDw", f = "cDt", m = "cDf", t = {
-  w: r,
-  t: f,
-  f: m
-};
-function w({
-  layout: c = "auto",
-  className: a,
-  children: o,
-  ...s
-}) {
-  return /* @__PURE__ */ e.createElement("div", { className: t.w }, /* @__PURE__ */ e.createElement(
-    "table",
-    {
-      className: n(t.t, c === "fixed" && t.f, a),
-      ...s
-    },
-    o
-  ));
-}
-export {
-  w as T
-};

package/dist/TextGroup-DmhuyMR1.js

@@ -1,23 +0,0 @@
-import c from "react";
-import { c as m } from "./cx-CcykAxZN.js";
-import './TextGroup.css';const u = "c6r", p = "c6t", d = "c6d", f = "c6s", x = "c6l", s = {
-  r: u,
-  t: p,
-  d,
-  s: f,
-  l: x
-};
-function T({
-  title: t,
-  description: l,
-  size: n = "m",
-  children: e,
-  className: a,
-  ...r
-}) {
-  const o = n === "s" ? s.s : n === "l" ? s.l : s.m;
-  return /* @__PURE__ */ c.createElement("div", { className: m(s.r, o, a), ...r }, t != null ? /* @__PURE__ */ c.createElement("span", { className: s.t }, t) : null, l != null ? /* @__PURE__ */ c.createElement("span", { className: s.d }, l) : null, e);
-}
-export {
-  T
-};

package/dist/Toolbar-C1zAk9ak.js

@@ -1,42 +0,0 @@
-import t from "react";
-import { c as i } from "./cx-CcykAxZN.js";
-import './Toolbar.css';const m = "cCr", f = {
-  r: m
-}, a = t.createContext(null);
-function x() {
-  return t.useContext(a);
-}
-function s(e, n) {
-  return t.Children.map(e, (r) => t.isValidElement(r) ? r.type === t.Fragment ? s(
-    r.props.children,
-    n
-  ) : typeof r.type == "string" || r.props.size != null ? r : t.cloneElement(r, { size: n }) : r);
-}
-function C({
-  size: e = "s",
-  label: n = "Тулбар",
-  align: r = "start",
-  width: o = "l",
-  className: l,
-  children: p,
-  ...u
-}) {
-  return /* @__PURE__ */ t.createElement(a.Provider, { value: { size: e } }, /* @__PURE__ */ t.createElement(
-    "div",
-    {
-      className: i(f.r, l),
-      role: "toolbar",
-      "aria-label": n,
-      "data-size": e,
-      "data-align": r,
-      "data-width": o,
-      ...u
-    },
-    s(p, e)
-  ));
-}
-export {
-  C as T,
-  s as a,
-  x as u
-};

package/dist/rovingKeys-CGlfTtNQ.js

@@ -1,15 +0,0 @@
-function x(r, { values: n, value: f, onSelect: i, vertical: e }) {
-  if (n.length === 0) return;
-  const h = e ? "ArrowUp" : "ArrowLeft", o = e ? "ArrowDown" : "ArrowRight";
-  let t;
-  if (r.key === "Home") t = n[0];
-  else if (r.key === "End") t = n[n.length - 1];
-  else if (r.key === h || r.key === o) {
-    const g = Math.max(0, n.indexOf(f ?? "")), l = r.key === o ? 1 : -1;
-    t = n[(g + l + n.length) % n.length];
-  } else return;
-  t != null && (r.preventDefault(), i(t));
-}
-export {
-  x as h
-};

package/dist/useControllableValue-CWqH1kpM.js

@@ -1,10 +0,0 @@
-import { useState as l } from "react";
-function V(r, o, t) {
-  const [u, c] = l(o), e = r !== void 0;
-  return [e ? r : u, (s) => {
-    e || c(s), t == null || t(s);
-  }];
-}
-export {
-  V as u
-};