@elcrm/components 0.0.1

package/dist/Footer-qxUlnPR9.js

@@ -0,0 +1,11 @@
+import e from "react";
+import { c } from "./cx-CcykAxZN.js";
+import './Footer.css';const s = "cfr", a = {
+  r: s
+};
+function f({ children: r, className: o, ...t }) {
+  return /* @__PURE__ */ e.createElement("footer", { className: c(a.r, o), ...t }, r);
+}
+export {
+  f as F
+};

package/dist/Footer.css

@@ -0,0 +1 @@
+@layer elcrm-components{.cfr{padding:var(--footer-padding);color:var(--footer-color);background:var(--footer-background);border-top:1px solid var(--footer-border);font-size:var(--footer-font-size)}}

package/dist/Footer.d.ts

@@ -0,0 +1,2 @@
+export * from './Footer/index'
+export {}

package/dist/Footer.js

@@ -0,0 +1,4 @@
+import { F as e } from "./Footer-qxUlnPR9.js";
+export {
+  e as Footer
+};

package/dist/Header-Cf28eyjW.js

@@ -0,0 +1,23 @@
+import e from "react";
+import { c as o } from "./cx-CcykAxZN.js";
+import './Header.css';const u = "chr", i = "chb", d = "chn", h = "chs", E = "cha", l = {
+  r: u,
+  b: i,
+  n: d,
+  s: h,
+  a: E
+};
+function f({
+  brand: c,
+  nav: n,
+  search: s,
+  actions: t,
+  children: a,
+  className: r,
+  ...m
+}) {
+  return /* @__PURE__ */ e.createElement("header", { className: o(l.r, r), ...m }, c != null ? /* @__PURE__ */ e.createElement("div", { className: l.b }, c) : null, n != null ? /* @__PURE__ */ e.createElement("div", { className: l.n }, n) : null, s != null ? /* @__PURE__ */ e.createElement("div", { className: l.s }, s) : null, t != null ? /* @__PURE__ */ e.createElement("div", { className: l.a }, t) : null, a);
+}
+export {
+  f as H
+};

package/dist/Header.css

@@ -0,0 +1 @@
+@layer elcrm-components{.chr{display:flex;align-items:center;gap:var(--header-gap);min-height:var(--header-height);padding:var(--header-padding);color:var(--header-color);background:var(--header-background);border-bottom:1px solid var(--header-border);border-radius:var(--header-radius);box-shadow:var(--header-shadow);margin:var(--header-margin);position:sticky;top:0;z-index:var(--header-z)}.chb{flex-shrink:0}.chn{display:flex;align-items:center;min-width:0}.chs{flex:1;min-width:0;margin-left:auto;max-width:18rem}.cha{display:flex;align-items:center;gap:.5rem;flex-shrink:0}}

package/dist/Header.d.ts

@@ -0,0 +1,2 @@
+export * from './Header/index'
+export {}

package/dist/Header.js

@@ -0,0 +1,4 @@
+import { H as a } from "./Header-Cf28eyjW.js";
+export {
+  a as Header
+};

package/dist/Item-CaU4RW2G.js

@@ -0,0 +1,38 @@
+import r from "react";
+import { c as m } from "./cx-CcykAxZN.js";
+import './Item.css';const l = "cir", u = "cia", i = {
+  r: l,
+  a: u
+};
+function f(n) {
+  const { active: t, children: e, className: o, as: s = "button", ...a } = n, c = m(i.r, t && i.a, o);
+  return s === "a" ? /* @__PURE__ */ r.createElement(
+    "a",
+    {
+      className: c,
+      "data-active": t ? "true" : void 0,
+      ...a
+    },
+    e
+  ) : s === "li" ? /* @__PURE__ */ r.createElement(
+    "li",
+    {
+      className: c,
+      "data-active": t ? "true" : void 0,
+      ...a
+    },
+    e
+  ) : /* @__PURE__ */ r.createElement(
+    "button",
+    {
+      type: "button",
+      className: c,
+      "data-active": t ? "true" : void 0,
+      ...a
+    },
+    e
+  );
+}
+export {
+  f as I
+};

package/dist/Item.css

@@ -0,0 +1 @@
+@layer elcrm-components{.cir{display:flex;align-items:center;gap:var(--item-gap);padding:var(--item-padding);color:var(--item-color);background:var(--item-background);border:1px solid var(--item-border);border-radius:var(--item-radius);cursor:default}.cir:is(button,a){-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;text-align:left;width:100%;cursor:pointer}.cir:hover{background:var(--item-background-hover)}.cia,.cir[aria-current=true],.cir[data-active=true]{background:var(--item-background-active)}}

package/dist/Item.d.ts

@@ -0,0 +1,2 @@
+export * from './Item/index'
+export {}

package/dist/Item.js

@@ -0,0 +1,4 @@
+import { I as o } from "./Item-CaU4RW2G.js";
+export {
+  o as Item
+};

package/dist/Layout-Xb3-xsmA.js

@@ -0,0 +1,18 @@
+import t from "react";
+import { c as s } from "./cx-CcykAxZN.js";
+import './Layout.css';const n = "clr", l = "clm", c = {
+  r: n,
+  m: l
+};
+function p({
+  header: e,
+  footer: m,
+  children: r,
+  className: a,
+  ...o
+}) {
+  return /* @__PURE__ */ t.createElement("div", { className: s(c.r, a), ...o }, e, /* @__PURE__ */ t.createElement("main", { className: c.m }, r), m);
+}
+export {
+  p as L
+};

package/dist/Layout.css

@@ -0,0 +1 @@
+@layer elcrm-components{.clr{display:flex;flex-direction:column;min-height:var(--layout-min-height);background:var(--layout-background);gap:var(--layout-gap)}.clm{flex:1;min-width:0}}

package/dist/Layout.d.ts

@@ -0,0 +1,2 @@
+export * from './Layout/index'
+export {}

package/dist/Layout.js

@@ -0,0 +1,4 @@
+import { L as r } from "./Layout-Xb3-xsmA.js";
+export {
+  r as Layout
+};

package/dist/List-BgKkYaGO.js

@@ -0,0 +1,12 @@
+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/List.css

@@ -0,0 +1 @@
+@layer elcrm-components{.csr{display:flex;flex-direction:column;gap:var(--list-gap);padding:var(--list-padding);margin:0;list-style:none}.csh{flex-direction:row;flex-wrap:wrap}}

package/dist/List.d.ts

@@ -0,0 +1,2 @@
+export * from './List/index'
+export {}

package/dist/List.js

@@ -0,0 +1,4 @@
+import { L as s } from "./List-BgKkYaGO.js";
+export {
+  s as List
+};

package/dist/Loading-ChGq9peU.js

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

package/dist/Loading.css

@@ -0,0 +1 @@
+@layer elcrm-components{.cgr{display:flex;align-items:center;justify-content:center;padding:var(--loading-padding);color:var(--loading-color)}}

package/dist/Loading.d.ts

@@ -0,0 +1,2 @@
+export * from './Loading/index'
+export {}

package/dist/Loading.js

@@ -0,0 +1,4 @@
+import { L as r } from "./Loading-ChGq9peU.js";
+export {
+  r as Loading
+};

package/dist/Menu-DS7zKQbY.js

@@ -0,0 +1,40 @@
+import u from "react";
+import { c as v } from "./cx-CcykAxZN.js";
+import './Menu.css';const b = "cmr", e = "cmv", y = "cmi", f = "cma", c = {
+  r: b,
+  v: e,
+  i: y,
+  a: f
+};
+function C({
+  items: r,
+  vertical: l,
+  activeKey: s,
+  onSelect: n,
+  children: d,
+  className: k,
+  ...p
+}) {
+  return /* @__PURE__ */ u.createElement("nav", { className: v(c.r, l && c.v, k), ...p }, r == null ? void 0 : r.map((a) => {
+    const o = a.active ?? (s != null && a.key === s);
+    return /* @__PURE__ */ u.createElement(
+      "button",
+      {
+        key: a.key,
+        type: "button",
+        className: v(c.i, o && c.a),
+        "data-active": o ? "true" : void 0,
+        "aria-current": o ? "page" : void 0,
+        disabled: a.disabled,
+        onClick: () => {
+          var t;
+          (t = a.onClick) == null || t.call(a), n == null || n(a.key);
+        }
+      },
+      a.label
+    );
+  }), d);
+}
+export {
+  C as M
+};

package/dist/Menu.css

@@ -0,0 +1 @@
+@layer elcrm-components{.cmr{display:flex;align-items:center;gap:var(--menu-gap);margin:0;padding:0;list-style:none}.cmv{flex-direction:column;align-items:stretch}.cmi{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--menu-item-background);color:var(--menu-item-color);padding:var(--menu-item-padding);border-radius:var(--menu-item-radius);font:inherit;cursor:pointer;text-align:left}.cmi:hover{background:var(--menu-item-background-hover);color:var(--menu-item-color-active)}.cma,.cmi[aria-current=page],.cmi[data-active=true]{background:var(--menu-item-background-active);color:var(--menu-item-color-active)}}

package/dist/Menu.d.ts

@@ -0,0 +1,2 @@
+export * from './Menu/index'
+export {}

package/dist/Menu.js

@@ -0,0 +1,4 @@
+import { M as r } from "./Menu-DS7zKQbY.js";
+export {
+  r as Menu
+};

package/dist/NavSections-CM-VPai2.js

@@ -0,0 +1,59 @@
+import e, { useMemo as S, useState as x, Suspense as I } from "react";
+import { c as d } from "./cx-CcykAxZN.js";
+import './NavSections.css';const M = "cvr", R = "cvn", j = "cvg", q = "cvl", w = "cvi", z = "cva", A = "cvc", B = "cvt", D = "cvf", F = "cvm", t = {
+  r: M,
+  n: R,
+  g: j,
+  l: q,
+  i: w,
+  a: z,
+  c: A,
+  t: B,
+  f: D,
+  m: F
+};
+function G(l) {
+  for (const r of l) {
+    const n = r.items.find((s) => !s.disabled);
+    if (n) return n.key;
+  }
+  return "";
+}
+function L({
+  groups: l,
+  resolveSection: r,
+  activeKey: n,
+  defaultActiveKey: s,
+  onChange: i,
+  loading: f = null,
+  footer: v,
+  className: b,
+  navLabel: E = "Разделы"
+}) {
+  const N = S(
+    () => s || G(l),
+    [s, l]
+  ), [y, k] = x(N), m = n ?? y, p = (a) => {
+    n == null && k(a), i == null || i(a);
+  }, u = m ? r(m) : null;
+  return /* @__PURE__ */ e.createElement("div", { className: d(t.r, b) }, /* @__PURE__ */ e.createElement("nav", { className: t.n, "aria-label": E }, l.map((a, K) => /* @__PURE__ */ e.createElement("div", { key: K, className: t.g }, a.label != null ? /* @__PURE__ */ e.createElement("div", { className: t.l }, a.label) : null, a.items.map((c) => {
+    const o = c.key === m;
+    return /* @__PURE__ */ e.createElement(
+      "button",
+      {
+        key: c.key,
+        type: "button",
+        className: d(t.i, o && t.a),
+        "data-active": o ? "true" : void 0,
+        "aria-current": o ? "page" : void 0,
+        disabled: c.disabled,
+        onClick: () => p(c.key)
+      },
+      c.icon != null ? /* @__PURE__ */ e.createElement("span", { className: t.c, "aria-hidden": !0 }, c.icon) : null,
+      /* @__PURE__ */ e.createElement("span", { className: t.t }, c.label)
+    );
+  }))), v != null ? /* @__PURE__ */ e.createElement("div", { className: t.f }, v) : null), /* @__PURE__ */ e.createElement("div", { className: t.m }, u ? /* @__PURE__ */ e.createElement(I, { fallback: f }, e.createElement(u)) : null));
+}
+export {
+  L as N
+};

package/dist/NavSections.css

@@ -0,0 +1 @@
+@layer elcrm-components{.cvr{display:flex;align-items:stretch;gap:var(--nav-sections-gap);width:100%;flex:1 1 auto;min-height:0;box-sizing:border-box;padding:var(--nav-sections-padding)}.cvn{display:flex;flex-direction:column;gap:1rem;flex:0 0 var(--nav-sections-nav-width);width:var(--nav-sections-nav-width);min-width:var(--nav-sections-nav-width);box-sizing:border-box}.cvg{display:flex;flex-direction:column;gap:2px;padding-bottom:.75rem;border-bottom:1px solid var(--nav-sections-group-border)}.cvg:last-of-type{border-bottom:none;padding-bottom:0}.cvl{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--nav-sections-label-color);padding:0 10px 6px}.cvi{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:none;border-radius:var(--nav-sections-item-radius);background:transparent;color:var(--nav-sections-item-color);font:inherit;font-size:14px;padding:var(--nav-sections-item-padding);cursor:pointer;position:relative;transition:background .12s ease,color .12s ease}.cvi:hover:not(:disabled){background:var(--nav-sections-item-background-hover)}.cva{background:var(--nav-sections-item-background-active)}.cva:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 2px 2px 0;background:var(--nav-sections-accent)}.cvi:disabled{opacity:.45;cursor:not-allowed}.cvc{display:inline-flex;flex:0 0 auto;color:var(--nav-sections-icon-color);line-height:0}.cva .cvc{color:var(--nav-sections-item-color)}.cvt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvf{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--nav-sections-footer-border)}.cvm{flex:1 1 auto;min-width:0;max-width:var(--nav-sections-main-max-width);width:100%;min-height:0;overflow:auto;--section-padding: 0}@media (max-width: 720px){.cvr{flex-direction:column}.cvn{flex:none;width:100%;min-width:0;max-width:none}}}

package/dist/NavSections.d.ts

@@ -0,0 +1,2 @@
+export * from './NavSections/index'
+export {}

package/dist/NavSections.js

@@ -0,0 +1,4 @@
+import { N as e } from "./NavSections-CM-VPai2.js";
+export {
+  e as NavSections
+};

package/dist/Row-CnD7Q7pD.js

@@ -0,0 +1,20 @@
+import e from "react";
+import { c as a } from "./cx-CcykAxZN.js";
+import { s as m } from "./stackGap-CDsjER0g.js";
+import './Row.css';const n = "cwr", i = {
+  r: n
+};
+function R({ gap: r, children: t, className: o, style: s, ...c }) {
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: a(i.r, o),
+      style: { ...m(r), ...s },
+      ...c
+    },
+    t
+  );
+}
+export {
+  R
+};

package/dist/Row.css

@@ -0,0 +1 @@
+@layer elcrm-components{.cwr{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--row-gap)}}

package/dist/Row.d.ts

@@ -0,0 +1,2 @@
+export * from './Row/index'
+export {}

package/dist/Row.js

@@ -0,0 +1,4 @@
+import { R } from "./Row-CnD7Q7pD.js";
+export {
+  R as Row
+};

package/dist/Section-Crxk2J-E.js

@@ -0,0 +1,34 @@
+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/Section.css

@@ -0,0 +1 @@
+@layer elcrm-components{.cep{display:flex;flex-direction:column;gap:var(--section-gap);padding:var(--section-padding);flex:1;min-width:0}.ceu{box-sizing:border-box;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:var(--section-auth-padding)}.cek{box-sizing:border-box;width:100%;max-width:var(--section-auth-card-max-width);padding:var(--section-auth-card-padding);background:var(--section-auth-card-background);border:1px solid var(--section-auth-card-border);border-radius:var(--section-auth-card-radius);box-shadow:var(--section-auth-card-shadow);display:flex;flex-direction:column;gap:var(--section-gap)}.ceh{display:flex;flex-direction:column;gap:.35rem}.cec{text-align:center;align-items:center}.cei{display:flex;margin-bottom:var(--section-icon-gap)}.cec .cei{justify-content:center}.cet{margin:0;font-size:var(--section-title-size);font-weight:600;letter-spacing:-.02em;color:var(--section-title-color);line-height:1.25}.ced{font-size:var(--section-title-size-md)}.cee{margin:0;font-size:var(--section-description-size);color:var(--section-description-color);line-height:1.45}.ceb{display:flex;flex-direction:column;gap:var(--section-body-gap);width:100%;text-align:left}.ces{display:flex;flex-direction:column;gap:var(--section-actions-gap);width:100%}.cel{display:flex;flex-direction:column;gap:var(--section-gap);margin-bottom:var(--section-block-margin-bottom);padding-bottom:var(--section-block-padding-bottom);border-bottom:1px solid var(--section-block-border)}.cel:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.cel .cet{font-size:.95rem;font-weight:600}}

package/dist/Section.d.ts

@@ -0,0 +1,2 @@
+export * from './Section/index'
+export {}

package/dist/Section.js

@@ -0,0 +1,4 @@
+import { S as r } from "./Section-Crxk2J-E.js";
+export {
+  r as Section
+};

package/dist/TabSections-oeEBx0nM.js

@@ -0,0 +1,50 @@
+import t, { useMemo as f, useState as S, Suspense as x } from "react";
+import { c as b } from "./cx-CcykAxZN.js";
+import './TabSections.css';const K = "ctr", T = "ctb", I = "ctn", M = "ctt", R = "cta", $ = "cte", g = "cts", j = "ctm", a = {
+  r: K,
+  b: T,
+  n: I,
+  t: M,
+  a: R,
+  e: $,
+  s: g,
+  m: j
+};
+function z({
+  items: n,
+  resolveSection: d,
+  activeKey: o,
+  defaultActiveKey: l,
+  onChange: s,
+  loading: i = null,
+  actions: m,
+  className: E,
+  navLabel: v = "Вкладки"
+}) {
+  const k = f(() => {
+    var e;
+    return l || (((e = n.find((c) => !c.disabled)) == null ? void 0 : e.key) ?? "");
+  }, [l, n]), [p, y] = S(k), r = o ?? p, N = (e) => {
+    o == null && y(e), s == null || s(e);
+  }, u = r ? d(r) : null;
+  return /* @__PURE__ */ t.createElement("div", { className: b(a.r, E) }, /* @__PURE__ */ t.createElement("div", { className: a.b }, /* @__PURE__ */ t.createElement("nav", { className: a.n, "aria-label": v }, n.map((e) => {
+    const c = e.key === r;
+    return /* @__PURE__ */ t.createElement(
+      "button",
+      {
+        key: e.key,
+        type: "button",
+        className: b(a.t, c && a.a),
+        "data-active": c ? "true" : void 0,
+        "aria-current": c ? "page" : void 0,
+        disabled: e.disabled,
+        onClick: () => N(e.key)
+      },
+      /* @__PURE__ */ t.createElement("span", null, e.label),
+      e.badge != null && e.badge !== "" ? /* @__PURE__ */ t.createElement("em", { className: a.e }, e.badge) : null
+    );
+  })), m != null ? /* @__PURE__ */ t.createElement("div", { className: a.s }, m) : null), /* @__PURE__ */ t.createElement("div", { className: a.m }, u ? /* @__PURE__ */ t.createElement(x, { fallback: i }, t.createElement(u)) : null));
+}
+export {
+  z as T
+};

package/dist/TabSections.css

@@ -0,0 +1 @@
+@layer elcrm-components{.ctr{display:flex;flex-direction:column;gap:var(--tab-sections-gap);width:100%;min-width:0}.ctb{display:flex;align-items:flex-end;gap:1rem;border-bottom:1px solid var(--tab-sections-border);min-width:0}.ctn{display:flex;align-items:stretch;gap:var(--tab-sections-tab-gap);flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:thin}.ctt{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:.4rem;flex:0 0 auto;margin:0 0 -1px;padding:var(--tab-sections-tab-padding);border:none;border-bottom:2px solid transparent;background:transparent;color:var(--tab-sections-color);font:inherit;font-size:.95rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:color .12s ease,border-color .12s ease}.ctt:hover:not(:disabled){color:var(--tab-sections-color-active)}.cta{color:var(--tab-sections-color-active);border-bottom-color:var(--tab-sections-accent)}.ctt:disabled{opacity:.45;cursor:not-allowed}.cte{display:inline-flex;align-items:center;justify-content:center;min-width:1.15em;height:1.15em;padding:0 .35em;border-radius:999px;background:var(--tab-sections-badge-background);color:var(--tab-sections-badge-color);font-size:var(--tab-sections-badge-size);font-style:normal;font-weight:700;line-height:1}.cts{flex:0 0 auto;display:flex;align-items:center;padding-bottom:.35rem}.ctm{min-width:0;width:100%}}

package/dist/TabSections.d.ts

@@ -0,0 +1,2 @@
+export * from './TabSections/index'
+export {}

package/dist/TabSections.js

@@ -0,0 +1,4 @@
+import { T as e } from "./TabSections-oeEBx0nM.js";
+export {
+  e as TabSections
+};

package/dist/cx-CcykAxZN.js

@@ -0,0 +1,6 @@
+function o(...n) {
+  return n.filter(Boolean).join(" ");
+}
+export {
+  o as c
+};

package/dist/cx.d.ts

@@ -0,0 +1,2 @@
+/** Склейка className без лишних пробелов */
+export declare function cx(...parts: Array<string | false | null | undefined>): string;

package/dist/index.css

@@ -0,0 +1,35 @@
+@layer elcrm-components{.car{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border-radius:var(--avatar-radius);border:var(--avatar-border);background:var(--avatar-background);color:var(--avatar-color);font-weight:var(--avatar-font-weight);line-height:1;-webkit-user-select:none;user-select:none;vertical-align:middle}.car:is(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;font:inherit;font-weight:var(--avatar-font-weight);cursor:pointer}.cas{width:var(--avatar-size-s);height:var(--avatar-size-s);font-size:var(--avatar-font-size-s)}.cam{width:var(--avatar-size-m);height:var(--avatar-size-m);font-size:var(--avatar-font-size-m)}.cal{width:var(--avatar-size-l);height:var(--avatar-size-l);font-size:var(--avatar-font-size-l)}.caa,.car[data-active=true]{outline:var(--avatar-outline-active);outline-offset:var(--avatar-outline-offset)}.cai{width:100%;height:100%;object-fit:cover;display:block}}
+
+@layer elcrm-components{.cjr{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:var(--badge-padding);border-radius:var(--badge-radius);border:var(--badge-border);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);line-height:1;white-space:nowrap}.cjn{background:var(--badge-neutral-background);color:var(--badge-neutral-color)}.cja{background:var(--badge-accent-background);color:var(--badge-accent-color)}.cju{background:var(--badge-success-background);color:var(--badge-success-color)}.cjw{background:var(--badge-warning-background);color:var(--badge-warning-color)}.cjd{background:var(--badge-danger-background);color:var(--badge-danger-color)}}
+
+@layer elcrm-components{.cbr{display:flex;flex-direction:column;gap:var(--block-gap);padding:var(--block-padding)}.cbh{flex-direction:row;flex-wrap:wrap;align-items:center}}
+
+@layer elcrm-components{.cnr{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border:0;background:transparent;font:inherit;font-weight:var(--brand-font-weight);letter-spacing:var(--brand-letter-spacing);color:var(--brand-color);white-space:nowrap;cursor:pointer;text-decoration:none}.cnr:hover{color:var(--brand-color-hover)}}
+
+@layer elcrm-components{.cdr{background:var(--card-background);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow)}.cdt{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}}
+
+@layer elcrm-components{.cor{display:flex;flex-direction:column;gap:var(--column-gap)}}
+
+@layer elcrm-components{.cpr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--empty-state-gap);padding:var(--empty-state-padding);text-align:center;color:var(--empty-state-color)}.cpi{display:flex;margin-bottom:var(--empty-state-icon-gap);color:var(--empty-state-icon-color)}.cpt{margin:0;font-size:var(--empty-state-title-size);font-weight:600;color:var(--empty-state-title-color);line-height:1.3}.cpd{margin:0;max-width:var(--empty-state-max-width);font-size:var(--empty-state-description-size);color:var(--empty-state-description-color);line-height:1.45}.cpa{display:flex;flex-wrap:wrap;gap:var(--empty-state-actions-gap);justify-content:center;margin-top:var(--empty-state-actions-margin-top)}}
+
+@layer elcrm-components{.cfr{padding:var(--footer-padding);color:var(--footer-color);background:var(--footer-background);border-top:1px solid var(--footer-border);font-size:var(--footer-font-size)}}
+
+@layer elcrm-components{.chr{display:flex;align-items:center;gap:var(--header-gap);min-height:var(--header-height);padding:var(--header-padding);color:var(--header-color);background:var(--header-background);border-bottom:1px solid var(--header-border);border-radius:var(--header-radius);box-shadow:var(--header-shadow);margin:var(--header-margin);position:sticky;top:0;z-index:var(--header-z)}.chb{flex-shrink:0}.chn{display:flex;align-items:center;min-width:0}.chs{flex:1;min-width:0;margin-left:auto;max-width:18rem}.cha{display:flex;align-items:center;gap:.5rem;flex-shrink:0}}
+
+@layer elcrm-components{.cir{display:flex;align-items:center;gap:var(--item-gap);padding:var(--item-padding);color:var(--item-color);background:var(--item-background);border:1px solid var(--item-border);border-radius:var(--item-radius);cursor:default}.cir:is(button,a){-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;text-align:left;width:100%;cursor:pointer}.cir:hover{background:var(--item-background-hover)}.cia,.cir[aria-current=true],.cir[data-active=true]{background:var(--item-background-active)}}
+
+@layer elcrm-components{.clr{display:flex;flex-direction:column;min-height:var(--layout-min-height);background:var(--layout-background);gap:var(--layout-gap)}.clm{flex:1;min-width:0}}
+
+@layer elcrm-components{.csr{display:flex;flex-direction:column;gap:var(--list-gap);padding:var(--list-padding);margin:0;list-style:none}.csh{flex-direction:row;flex-wrap:wrap}}
+
+@layer elcrm-components{.cgr{display:flex;align-items:center;justify-content:center;padding:var(--loading-padding);color:var(--loading-color)}}
+
+@layer elcrm-components{.cmr{display:flex;align-items:center;gap:var(--menu-gap);margin:0;padding:0;list-style:none}.cmv{flex-direction:column;align-items:stretch}.cmi{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--menu-item-background);color:var(--menu-item-color);padding:var(--menu-item-padding);border-radius:var(--menu-item-radius);font:inherit;cursor:pointer;text-align:left}.cmi:hover{background:var(--menu-item-background-hover);color:var(--menu-item-color-active)}.cma,.cmi[aria-current=page],.cmi[data-active=true]{background:var(--menu-item-background-active);color:var(--menu-item-color-active)}}
+
+@layer elcrm-components{.cvr{display:flex;align-items:stretch;gap:var(--nav-sections-gap);width:100%;flex:1 1 auto;min-height:0;box-sizing:border-box;padding:var(--nav-sections-padding)}.cvn{display:flex;flex-direction:column;gap:1rem;flex:0 0 var(--nav-sections-nav-width);width:var(--nav-sections-nav-width);min-width:var(--nav-sections-nav-width);box-sizing:border-box}.cvg{display:flex;flex-direction:column;gap:2px;padding-bottom:.75rem;border-bottom:1px solid var(--nav-sections-group-border)}.cvg:last-of-type{border-bottom:none;padding-bottom:0}.cvl{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--nav-sections-label-color);padding:0 10px 6px}.cvi{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:none;border-radius:var(--nav-sections-item-radius);background:transparent;color:var(--nav-sections-item-color);font:inherit;font-size:14px;padding:var(--nav-sections-item-padding);cursor:pointer;position:relative;transition:background .12s ease,color .12s ease}.cvi:hover:not(:disabled){background:var(--nav-sections-item-background-hover)}.cva{background:var(--nav-sections-item-background-active)}.cva:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 2px 2px 0;background:var(--nav-sections-accent)}.cvi:disabled{opacity:.45;cursor:not-allowed}.cvc{display:inline-flex;flex:0 0 auto;color:var(--nav-sections-icon-color);line-height:0}.cva .cvc{color:var(--nav-sections-item-color)}.cvt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvf{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--nav-sections-footer-border)}.cvm{flex:1 1 auto;min-width:0;max-width:var(--nav-sections-main-max-width);width:100%;min-height:0;overflow:auto;--section-padding: 0}@media (max-width: 720px){.cvr{flex-direction:column}.cvn{flex:none;width:100%;min-width:0;max-width:none}}}
+
+@layer elcrm-components{.cwr{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--row-gap)}}
+
+@layer elcrm-components{.cep{display:flex;flex-direction:column;gap:var(--section-gap);padding:var(--section-padding);flex:1;min-width:0}.ceu{box-sizing:border-box;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:var(--section-auth-padding)}.cek{box-sizing:border-box;width:100%;max-width:var(--section-auth-card-max-width);padding:var(--section-auth-card-padding);background:var(--section-auth-card-background);border:1px solid var(--section-auth-card-border);border-radius:var(--section-auth-card-radius);box-shadow:var(--section-auth-card-shadow);display:flex;flex-direction:column;gap:var(--section-gap)}.ceh{display:flex;flex-direction:column;gap:.35rem}.cec{text-align:center;align-items:center}.cei{display:flex;margin-bottom:var(--section-icon-gap)}.cec .cei{justify-content:center}.cet{margin:0;font-size:var(--section-title-size);font-weight:600;letter-spacing:-.02em;color:var(--section-title-color);line-height:1.25}.ced{font-size:var(--section-title-size-md)}.cee{margin:0;font-size:var(--section-description-size);color:var(--section-description-color);line-height:1.45}.ceb{display:flex;flex-direction:column;gap:var(--section-body-gap);width:100%;text-align:left}.ces{display:flex;flex-direction:column;gap:var(--section-actions-gap);width:100%}.cel{display:flex;flex-direction:column;gap:var(--section-gap);margin-bottom:var(--section-block-margin-bottom);padding-bottom:var(--section-block-padding-bottom);border-bottom:1px solid var(--section-block-border)}.cel:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.cel .cet{font-size:.95rem;font-weight:600}}
+
+@layer elcrm-components{.ctr{display:flex;flex-direction:column;gap:var(--tab-sections-gap);width:100%;min-width:0}.ctb{display:flex;align-items:flex-end;gap:1rem;border-bottom:1px solid var(--tab-sections-border);min-width:0}.ctn{display:flex;align-items:stretch;gap:var(--tab-sections-tab-gap);flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:thin}.ctt{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:.4rem;flex:0 0 auto;margin:0 0 -1px;padding:var(--tab-sections-tab-padding);border:none;border-bottom:2px solid transparent;background:transparent;color:var(--tab-sections-color);font:inherit;font-size:.95rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:color .12s ease,border-color .12s ease}.ctt:hover:not(:disabled){color:var(--tab-sections-color-active)}.cta{color:var(--tab-sections-color-active);border-bottom-color:var(--tab-sections-accent)}.ctt:disabled{opacity:.45;cursor:not-allowed}.cte{display:inline-flex;align-items:center;justify-content:center;min-width:1.15em;height:1.15em;padding:0 .35em;border-radius:999px;background:var(--tab-sections-badge-background);color:var(--tab-sections-badge-color);font-size:var(--tab-sections-badge-size);font-style:normal;font-weight:700;line-height:1}.cts{flex:0 0 auto;display:flex;align-items:center;padding-bottom:.35rem}.ctm{min-width:0;width:100%}}

package/dist/index.d.ts

@@ -0,0 +1,39 @@
+export { Layout } from './Layout';
+export type { LayoutProps } from './Layout';
+export { Header } from './Header';
+export type { HeaderProps } from './Header';
+export { Footer } from './Footer';
+export type { FooterProps } from './Footer';
+export { List } from './List';
+export type { ListProps } from './List';
+export { Item } from './Item';
+export type { ItemProps } from './Item';
+export { Card } from './Card';
+export type { CardProps } from './Card';
+export { Block } from './Block';
+export type { BlockProps } from './Block';
+export { Row } from './Row';
+export type { RowProps } from './Row';
+export { Column } from './Column';
+export type { ColumnProps } from './Column';
+export { Menu } from './Menu';
+export type { MenuProps, MenuItem } from './Menu';
+export { Loading } from './Loading';
+export type { LoadingProps } from './Loading';
+export { Section } from './Section';
+export type { SectionProps } from './Section';
+export { NavSections } from './NavSections';
+export type { NavSectionsProps, NavSectionsGroup, NavSectionsItem, } from './NavSections';
+export { TabSections } from './TabSections';
+export type { TabSectionsProps, TabSectionsItem } from './TabSections';
+export { Avatar, initialsFromName } from './Avatar';
+export type { AvatarProps } from './Avatar';
+export { Badge } from './Badge';
+export type { BadgeProps } from './Badge';
+export { Brand } from './Brand';
+export type { BrandProps } from './Brand';
+export { EmptyState } from './EmptyState';
+export type { EmptyStateProps } from './EmptyState';
+export { createLazyResolver } from './lazyRoute';
+export type { LazyRouteChunk } from './lazyRoute';
+export { cx } from './cx';