@elcrm/components 0.5.3 → 0.5.5

package/dist/Dropdown-CR_XxNak.js

@@ -1,185 +0,0 @@
-import n, { useRef as A, useEffect as K } from "react";
-import { c as u } from "./cx-CcykAxZN.js";
-import { P as T } from "./Popover-xEZoMY-h.js";
-import { h as W } from "./rovingKeys-Di9N1Nct.js";
-import { u as G } from "./Toolbar-Bl9-5Mis.js";
-import { u as H } from "./useControllableValue-BaE0VR5d.js";
-import { C as S } from "./CheckIcon-FdB8fMEF.js";
-import './Dropdown.css';const $ = "ldr", J = "lda", Q = "ldt", U = "ldc", X = "ldp", Y = "ldh", Z = "ldg", _ = "ldd", V = "ldi", ee = "ldn", ne = "ldm", te = "ldk", le = "ldl", ae = "ldu", ce = "ldb", oe = "ldo", re = "ldf", se = "ldx", ue = "ldy", de = "ldv", ie = "lde", fe = "lds", l = {
-  root: $,
-  anchor: J,
-  trigger: Q,
-  chevron: U,
-  panel: X,
-  heading: Y,
-  group: Z,
-  divider: _,
-  item: V,
-  none: ee,
-  more: ne,
-  kcheck: te,
-  label: le,
-  ushort: ae,
-  bead: ce,
-  online: oe,
-  foff: re,
-  xbox: se,
-  yes: ue,
-  vtick: de,
-  elevated: ie,
-  surface: fe
-};
-function he() {
-  return /* @__PURE__ */ n.createElement("svg", { className: l.chevron, viewBox: "0 0 12 12", "aria-hidden": !0 }, /* @__PURE__ */ n.createElement(
-    "path",
-    {
-      d: "M2.5 4.5 6 8l3.5-3.5",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-}
-function me() {
-  return /* @__PURE__ */ n.createElement("svg", { className: l.more, viewBox: "0 0 12 12", "aria-hidden": !0 }, /* @__PURE__ */ n.createElement(
-    "path",
-    {
-      d: "M4.5 2.5 8 6l-3.5 3.5",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-}
-function ke({ item: a }) {
-  return a.checkbox ? /* @__PURE__ */ n.createElement("span", { className: u(l.xbox, a.checked && l.yes), "aria-hidden": !0 }, a.checked ? /* @__PURE__ */ n.createElement(S, { className: l.vtick }) : null) : a.checked ? /* @__PURE__ */ n.createElement("span", { className: l.kcheck, "aria-hidden": !0 }, /* @__PURE__ */ n.createElement(S, { className: l.vtick })) : a.status != null ? /* @__PURE__ */ n.createElement(
-    "span",
-    {
-      className: u(l.bead, a.status === "online" ? l.online : l.foff),
-      "aria-hidden": !0
-    }
-  ) : a.icon != null ? /* @__PURE__ */ n.createElement("span", { className: l.none }, a.icon) : null;
-}
-function ve(a, o, c) {
-  return o != null && o.length > 0 ? c != null && o[0] && o[0].title == null ? [{ ...o[0], title: c }, ...o.slice(1)] : o : a != null && a.length > 0 ? [{ title: c, items: a }] : c != null ? [{ title: c, items: [] }] : [];
-}
-function Se({
-  items: a,
-  groups: o,
-  trigger: c,
-  label: d,
-  hideChevron: g = !1,
-  title: L,
-  align: E = "end",
-  placement: R = "auto",
-  open: w,
-  defaultOpen: z = !1,
-  onOpenChange: D,
-  closeOnSelect: M = !0,
-  disabled: i = !1,
-  size: O,
-  tone: N = "default",
-  onValueChange: f,
-  className: P
-}) {
-  const h = G(), B = O ?? (h == null ? void 0 : h.size), [m = !1, x] = H(
-    w,
-    z,
-    D
-  ), y = ve(a, o, L), k = A(null), v = y.flatMap((e) => e.items).filter((e) => !e.disabled).map((e) => e.value), [C, p] = n.useState(v[0] ?? ""), b = N === "account";
-  K(() => {
-    if (!m) return;
-    const e = v[0];
-    e && (p(e), requestAnimationFrame(() => {
-      var t;
-      const r = (t = k.current) == null ? void 0 : t.querySelector(
-        `[data-value="${typeof CSS < "u" && CSS.escape ? CSS.escape(e) : e.replace(/"/g, '\\"')}"]`
-      );
-      r instanceof HTMLElement && r.focus();
-    }));
-  }, [m]);
-  const F = (e) => {
-    var t;
-    if (e.disabled) return;
-    (t = e.onClick) == null || t.call(e), f == null || f(e.value, e), e.checkbox || e.submenu || !M || x(!1);
-  };
-  return /* @__PURE__ */ n.createElement(
-    T,
-    {
-      className: u(l.root, P),
-      open: m,
-      onOpenChange: (e) => {
-        i || x(e);
-      },
-      align: E,
-      placement: R,
-      label: typeof d == "string" ? d : void 0,
-      disabled: i,
-      role: "menu",
-      panelClassName: b ? l.elevated : void 0,
-      fitContent: b,
-      trigger: (e) => typeof c == "function" ? c(e) : c != null ? /* @__PURE__ */ n.createElement("span", { className: l.anchor, ...e.anchorProps }, c) : /* @__PURE__ */ n.createElement(
-        "button",
-        {
-          type: "button",
-          className: l.trigger,
-          "data-size": B,
-          "data-open": e.open ? "true" : void 0,
-          disabled: i,
-          ...e.anchorProps
-        },
-        d,
-        g ? null : /* @__PURE__ */ n.createElement(he, null)
-      )
-    },
-    /* @__PURE__ */ n.createElement(
-      "div",
-      {
-        ref: k,
-        className: u(l.panel, b && l.surface),
-        "data-align": E,
-        "data-tone": N,
-        onKeyDown: (e) => W(e, {
-          values: v,
-          value: C,
-          vertical: !0,
-          focusRoot: k.current,
-          onSelect: p
-        })
-      },
-      y.map((e, r) => /* @__PURE__ */ n.createElement(n.Fragment, { key: e.value ?? e.title ?? r }, r > 0 ? /* @__PURE__ */ n.createElement("hr", { className: l.divider }) : null, /* @__PURE__ */ n.createElement("div", { className: l.group, role: "group" }, e.title != null ? /* @__PURE__ */ n.createElement("p", { className: l.heading }, e.title) : null, e.items.map((t) => {
-        const I = e.items.some(
-          (s) => s.checked || s.checkbox || s.status != null || s.icon != null
-        ), j = /* @__PURE__ */ n.createElement(ke, { item: t }), q = t.checkbox === !0 || t.checked != null;
-        return /* @__PURE__ */ n.createElement(
-          "button",
-          {
-            key: t.value,
-            type: "button",
-            role: t.checkbox ? "menuitemcheckbox" : "menuitem",
-            className: l.item,
-            "data-value": t.value,
-            "data-checked": (t.checked || t.checkbox) && t.checked ? "true" : void 0,
-            "data-danger": t.danger ? "true" : void 0,
-            tabIndex: t.value === C ? 0 : -1,
-            disabled: t.disabled,
-            "aria-checked": q ? !!t.checked : void 0,
-            onClick: () => F(t),
-            onFocus: () => p(t.value)
-          },
-          I ? j ?? /* @__PURE__ */ n.createElement("span", { className: l.none, "aria-hidden": !0 }) : null,
-          t.label != null ? /* @__PURE__ */ n.createElement("span", { className: l.label }, t.label) : null,
-          t.shortcut != null ? /* @__PURE__ */ n.createElement("span", { className: l.ushort }, t.shortcut) : null,
-          t.submenu ? /* @__PURE__ */ n.createElement(me, null) : null
-        );
-      }))))
-    )
-  );
-}
-export {
-  Se as D
-};

package/dist/Menu-D2kf7fN_.js

@@ -1,72 +0,0 @@
-import l from "react";
-import { B as E } from "./Badge-BjScAXGy.js";
-import { b as N } from "./badgeText-CRzlIzi3.js";
-import { c as p } from "./cx-CcykAxZN.js";
-import { h } from "./rovingKeys-Di9N1Nct.js";
-import { u as w } from "./useControllableValue-BaE0VR5d.js";
-import './Menu.css';const B = "lnr", C = "lnv", K = "lni", M = "lnd", z = "lna", D = "lnu", n = {
-  root: B,
-  vertical: C,
-  item: K,
-  dot: M,
-  active: z,
-  underline: D
-};
-function F({
-  items: o,
-  vertical: c,
-  variant: m = "plain",
-  value: r,
-  defaultValue: s,
-  onValueChange: u,
-  children: g,
-  className: R,
-  ...x
-}) {
-  const [t, v] = w(
-    r,
-    s,
-    u
-  ), y = (o ?? []).filter((e) => !e.disabled).map((e) => e.value), k = m === "line", d = l.useRef(null), i = u || r !== void 0 || s !== void 0;
-  return /* @__PURE__ */ l.createElement(
-    "nav",
-    {
-      ref: d,
-      className: p(n.root, c && n.vertical, k && n.underline, R),
-      onKeyDown: i ? (e) => h(e, {
-        values: y,
-        value: t,
-        onSelect: v,
-        vertical: c,
-        focusRoot: d.current
-      }) : void 0,
-      ...x
-    },
-    o == null ? void 0 : o.map((e) => {
-      const a = e.active ?? (t != null && e.value === t), b = N(e.badge);
-      return /* @__PURE__ */ l.createElement(
-        "button",
-        {
-          key: e.value,
-          type: "button",
-          className: p(n.item, a && n.active),
-          "data-value": e.value,
-          "data-active": a ? "true" : void 0,
-          "aria-current": a ? "page" : void 0,
-          tabIndex: i ? a ? 0 : -1 : void 0,
-          disabled: e.disabled,
-          onClick: () => {
-            var f;
-            (f = e.onClick) == null || f.call(e), v(e.value);
-          }
-        },
-        e.label,
-        b != null ? /* @__PURE__ */ l.createElement(E, { className: n.dot, tone: "accent", size: "s" }, b) : null
-      );
-    }),
-    g
-  );
-}
-export {
-  F as M
-};

package/dist/PageHead-BfClTLrF.js

@@ -1,31 +0,0 @@
-import t from "react";
-import { c as m } from "./cx-CcykAxZN.js";
-import './PageHead.css';const d = "sdr", i = "sdk", u = "sdw", f = "sdt", p = "sdh", E = "sdn", N = "sdu", h = "sds", v = "sda", w = "sdc", e = {
-  root: d,
-  kept: i,
-  wrap: u,
-  textcol: f,
-  heading: p,
-  name: E,
-  usup: N,
-  subtitle: h,
-  actions: v,
-  children: w
-};
-function x(n) {
-  return !(n == null || n === !1 || n === "" || typeof n == "number" && n === 0 || n === "0");
-}
-function b({
-  title: n,
-  sup: s,
-  subtitle: a,
-  actions: l,
-  sticky: r,
-  className: o,
-  children: c
-}) {
-  return /* @__PURE__ */ t.createElement("div", { className: m(e.root, r && e.kept, o) }, /* @__PURE__ */ t.createElement("div", { className: e.wrap }, /* @__PURE__ */ t.createElement("div", { className: e.textcol }, /* @__PURE__ */ t.createElement("h1", { className: e.heading }, /* @__PURE__ */ t.createElement("span", { className: e.name }, n), x(s) ? /* @__PURE__ */ t.createElement("span", { className: e.usup }, s) : null), a != null ? /* @__PURE__ */ t.createElement("p", { className: e.subtitle }, a) : null), l != null ? /* @__PURE__ */ t.createElement("div", { className: e.actions }, l) : null), c != null ? /* @__PURE__ */ t.createElement("div", { className: e.children }, c) : null);
-}
-export {
-  b as P
-};

package/dist/Section-PprWjOvt.js

@@ -1,47 +0,0 @@
-import t from "react";
-import { c as l } from "./cx-CcykAxZN.js";
-import { S as v } from "./Stack-BPTehVYc.js";
-import './Section.css';const w = "sep", y = "seu", A = "sek", T = "seh", z = "sec", B = "sei", F = "set", H = "sed", R = "see", j = "seb", q = "ses", C = "sel", e = {
-  page: w,
-  uwrap: y,
-  kcard: A,
-  header: T,
-  center: z,
-  icon: B,
-  title: F,
-  demi: H,
-  excerpt: R,
-  body: j,
-  slot: q,
-  line: C
-};
-function J({
-  title: n,
-  description: s,
-  icon: c,
-  children: r,
-  actions: o,
-  variant: m = "page",
-  align: g,
-  titleSize: E = "lg",
-  direction: h = "column",
-  gap: N,
-  columns: k,
-  className: u,
-  as: b
-}) {
-  const d = m === "auth", a = m === "block", f = g ?? (d ? "center" : "start"), i = b ?? "section", x = a ? "h2" : "h1", S = E ?? (a ? "md" : "lg"), p = /* @__PURE__ */ t.createElement(t.Fragment, null, (c != null || n != null || s != null) && /* @__PURE__ */ t.createElement("header", { className: l(e.header, f === "center" && e.center) }, c != null ? /* @__PURE__ */ t.createElement("div", { className: e.icon }, c) : null, n != null ? /* @__PURE__ */ t.createElement(x, { className: l(e.title, S === "md" && e.demi) }, n) : null, s != null ? /* @__PURE__ */ t.createElement("p", { className: e.excerpt }, s) : null), r != null ? /* @__PURE__ */ t.createElement(
-    v,
-    {
-      className: e.body,
-      direction: h,
-      gap: N,
-      columns: k
-    },
-    r
-  ) : null, o != null ? /* @__PURE__ */ t.createElement("div", { className: e.slot }, o) : null);
-  return d ? /* @__PURE__ */ t.createElement("div", { className: l(e.uwrap, u) }, /* @__PURE__ */ t.createElement(i, { className: e.kcard }, p)) : /* @__PURE__ */ t.createElement(i, { className: l(a ? e.line : e.page, u) }, p);
-}
-export {
-  J as S
-};

package/dist/TabSections-Dppe9wiz.js

@@ -1,84 +0,0 @@
-import a, { useMemo as k, useId as x, useRef as C, Suspense as K } from "react";
-import { c as p } from "./cx-CcykAxZN.js";
-import { h as S } from "./rovingKeys-Di9N1Nct.js";
-import { u as T } from "./useControllableValue-BaE0VR5d.js";
-import './TabSections.css';const w = "ntr", D = "ntb", M = "ntn", P = "ntt", h = "nta", j = "nte", q = "nts", z = "ntm", l = {
-  root: w,
-  bar: D,
-  nav: M,
-  tab: P,
-  active: h,
-  ember: j,
-  slot: q,
-  main: z
-};
-function H({
-  items: s = [],
-  resolveSection: b,
-  children: o,
-  value: f,
-  defaultValue: c,
-  onValueChange: E,
-  loading: N = null,
-  actions: u,
-  className: y,
-  navLabel: I = "Вкладки"
-}) {
-  const R = k(() => {
-    var e;
-    return c || (((e = s.find((n) => !n.disabled)) == null ? void 0 : e.value) ?? "");
-  }, [c, s]), [t, d] = T(
-    f,
-    R,
-    E
-  ), $ = s.filter((e) => !e.disabled).map((e) => e.value), r = x(), v = C(null), m = `${r}-panel`, i = o == null && t && b ? b(t) : null;
-  return /* @__PURE__ */ a.createElement("div", { className: p(l.root, y) }, /* @__PURE__ */ a.createElement("div", { className: l.bar }, /* @__PURE__ */ a.createElement(
-    "nav",
-    {
-      ref: v,
-      className: l.nav,
-      "aria-label": I,
-      role: "tablist",
-      onKeyDown: (e) => S(e, {
-        values: $,
-        value: t,
-        onSelect: d,
-        focusRoot: v.current
-      })
-    },
-    s.map((e) => {
-      const n = e.value === t, g = `${r}-tab-${e.value}`;
-      return /* @__PURE__ */ a.createElement(
-        "button",
-        {
-          key: e.value,
-          id: g,
-          type: "button",
-          role: "tab",
-          className: p(l.tab, n && l.active),
-          "data-value": e.value,
-          "data-active": n ? "true" : void 0,
-          "aria-selected": n,
-          "aria-controls": m,
-          tabIndex: n ? 0 : -1,
-          disabled: e.disabled,
-          onClick: () => d(e.value)
-        },
-        /* @__PURE__ */ a.createElement("span", null, e.label),
-        e.badge != null && e.badge !== "" ? /* @__PURE__ */ a.createElement("em", { className: l.ember }, e.badge) : null
-      );
-    })
-  ), u != null ? /* @__PURE__ */ a.createElement("div", { className: l.slot }, u) : null), /* @__PURE__ */ a.createElement(
-    "div",
-    {
-      id: m,
-      className: l.main,
-      role: "tabpanel",
-      "aria-labelledby": t ? `${r}-tab-${t}` : void 0
-    },
-    o ?? (i ? /* @__PURE__ */ a.createElement(K, { fallback: N }, a.createElement(i)) : null)
-  ));
-}
-export {
-  H as T
-};