@elcrm/components 0.1.0 → 0.1.2

package/dist/{PricingTable-DYTJG4AU.js → PricingTable-DALddSwM.js}

@@ -1,6 +1,6 @@
 import l from "react";
 import { c as z } from "./cx-CcykAxZN.js";
-import './PricingTable.css';const B = "cxr", C = "cxh", M = "cxm", O = "cxn", T = "cxt", I = "cxg", L = "cxp", S = "cxz", j = "cxo", H = "cxe", K = "cxd", R = "cxx", U = "cxb", W = "cxy", $ = "cxl", A = "cxw", G = "cxc", J = "cxk", Q = "cxkv", X = "cxa", Y = "cxft", Z = "cxq", n = {
+import './PricingTable.css';const B = "cxr", C = "cxh", M = "cxm", O = "cxn", T = "cxt", I = "cxg", L = "cxp", S = "cxz", j = "cxo", H = "cxe", K = "cxd", R = "cxx", U = "cxb", W = "cxy", $ = "cxl", A = "cxw", G = "cxc", J = "cxk", Q = "cxv", X = "cxa", Y = "cxu", Z = "cxq", n = {
   r: B,
   h: C,
   m: M,
@@ -19,13 +19,13 @@ import './PricingTable.css';const B = "cxr", C = "cxh", M = "cxm", O = "cxn", T
   w: A,
   c: G,
   k: J,
-  kv: Q,
+  v: Q,
   a: X,
-  ft: Y,
+  u: Y,
   q: Z
 };
 function _() {
-  return /* @__PURE__ */ l.createElement("span", { className: n.k, "aria-hidden": !0 }, /* @__PURE__ */ l.createElement("svg", { className: n.kv, viewBox: "0 0 12 12" }, /* @__PURE__ */ l.createElement(
+  return /* @__PURE__ */ l.createElement("span", { className: n.k, "aria-hidden": !0 }, /* @__PURE__ */ l.createElement("svg", { className: n.v, viewBox: "0 0 12 12" }, /* @__PURE__ */ l.createElement(
     "path",
     {
       d: "M2.5 6.2 4.8 8.5 9.5 3.5",
@@ -64,7 +64,7 @@ function ee({
     },
     m ? /* @__PURE__ */ l.createElement("span", { className: n.g }, e.badge) : null,
     e.icon != null ? /* @__PURE__ */ l.createElement("div", { className: n.m }, e.icon) : null,
-    e.priceFirst ? /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(f, { item: e }), /* @__PURE__ */ l.createElement(x, { item: e, pill: i }), e.description != null ? /* @__PURE__ */ l.createElement("p", { className: n.d }, e.description) : null) : /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(x, { item: e, pill: i }), e.descriptionPlacement === "before-price" && e.description != null ? /* @__PURE__ */ l.createElement("p", { className: n.d }, e.description) : null, /* @__PURE__ */ l.createElement(f, { item: e }), e.descriptionPlacement !== "before-price" && e.description != null ? /* @__PURE__ */ l.createElement("p", { className: n.d }, e.description) : null),
+    e.priceFirst ? /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(N, { item: e }), /* @__PURE__ */ l.createElement(x, { item: e, pill: i }), e.description != null ? /* @__PURE__ */ l.createElement("p", { className: n.d }, e.description) : null) : /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(x, { item: e, pill: i }), e.descriptionPlacement === "before-price" && e.description != null ? /* @__PURE__ */ l.createElement("p", { className: n.d }, e.description) : null, /* @__PURE__ */ l.createElement(N, { item: e }), e.descriptionPlacement !== "before-price" && e.description != null ? /* @__PURE__ */ l.createElement("p", { className: n.d }, e.description) : null),
     e.actions != null ? /* @__PURE__ */ l.createElement(
       "div",
       {
@@ -82,7 +82,7 @@ function x({
 }) {
   return e.title == null && !r ? null : /* @__PURE__ */ l.createElement("div", { className: n.n }, e.title != null ? /* @__PURE__ */ l.createElement("h3", { className: n.t }, e.title) : null, r ? /* @__PURE__ */ l.createElement("span", { className: n.g }, e.badge) : null);
 }
-function f({ item: e }) {
+function N({ item: e }) {
   return e.price == null && e.priceOld == null && e.meta == null ? null : /* @__PURE__ */ l.createElement("div", { className: n.p }, e.priceOld != null ? /* @__PURE__ */ l.createElement("span", { className: n.o }, e.priceOld) : null, e.price != null ? /* @__PURE__ */ l.createElement("span", { className: n.z }, e.price) : null, e.meta != null ? /* @__PURE__ */ l.createElement("span", { className: n.e }, e.meta) : null);
 }
 function te({
@@ -94,18 +94,18 @@ function te({
   selectable: i = !1,
   disabled: m = !1,
   onValueChange: a,
-  className: N,
+  className: f,
   style: g,
   ...h
 }) {
-  const [k, b] = l.useState(d), p = u !== void 0, y = p ? u : k, w = (t) => {
-    p || b(t), a == null || a(t);
+  const [b, k] = l.useState(d), p = u !== void 0, y = p ? u : b, w = (t) => {
+    p || k(t), a == null || a(t);
   }, P = e.length, D = {
     ...g,
     gridTemplateColumns: `var(--pricing-table-label-width) repeat(${P}, minmax(12rem, 1fr))`
   };
   let F = 0;
-  return /* @__PURE__ */ l.createElement("div", { className: z(n.r, N), style: D, role: "table", ...h }, /* @__PURE__ */ l.createElement("div", { className: n.q, role: "columnheader" }), e.map((t) => {
+  return /* @__PURE__ */ l.createElement("div", { className: z(n.r, f), style: D, role: "table", ...h }, /* @__PURE__ */ l.createElement("div", { className: n.q, role: "columnheader" }), e.map((t) => {
     const s = y === t.value, c = !!t.highlighted || s;
     return /* @__PURE__ */ l.createElement(
       ee,
@@ -143,7 +143,7 @@ function te({
         return /* @__PURE__ */ l.createElement("div", { key: E.value, className: n.c, role: "cell" }, /* @__PURE__ */ l.createElement(V, { value: (v = c.values) == null ? void 0 : v[E.value] }));
       })
     );
-  }))), o ? /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement("div", { className: n.q }), e.map((t) => /* @__PURE__ */ l.createElement("div", { key: t.value, className: n.ft }, t.actions != null ? /* @__PURE__ */ l.createElement(
+  }))), o ? /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement("div", { className: n.q }), e.map((t) => /* @__PURE__ */ l.createElement("div", { key: t.value, className: n.u }, t.actions != null ? /* @__PURE__ */ l.createElement(
     "div",
     {
       className: n.x,

package/dist/PricingTable.css

@@ -1 +1 @@
-@layer elcrm-components{.cxr{display:grid;width:100%;column-gap:var(--shell-gap);row-gap:0;align-items:stretch;overflow-x:auto}.cxh{display:flex;flex-direction:column;gap:var(--shell-gap-sm);padding:var(--shell-padding);box-sizing:border-box;color:var(--shell-color);background:var(--shell-background);border:1px solid transparent;border-radius:var(--shell-radius)}.cxh[data-highlighted=true]{border-color:var(--shell-color-accent);background:var(--shell-background-selected)}.cxm{display:flex;align-items:center;justify-content:center;width:calc(var(--shell-icon-size) * 1.4);height:calc(var(--shell-icon-size) * 1.4);color:var(--shell-color-accent);background:var(--shell-background-hover);border-radius:var(--shell-radius);overflow:hidden}.cxn{display:flex;flex-wrap:wrap;align-items:center;gap:var(--shell-gap-sm)}.cxt{margin:0;font-size:var(--shell-font-size);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:1.3}.cxg{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;background:var(--shell-background-hover);color:var(--shell-color-accent);font-size:var(--shell-font-size-sm);font-weight:var(--shell-font-weight)}.cxp{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--shell-gap-sm)}.cxz{font-size:var(--shell-font-size-lg);font-weight:700;color:var(--shell-color);line-height:1.15}.cxo{font-size:var(--shell-font-size-sm);color:var(--shell-color-muted);text-decoration:line-through}.cxe{font-size:var(--shell-font-size-sm);color:var(--shell-color-muted)}.cxd{margin:0;font-size:var(--shell-font-size-sm);color:var(--shell-color-muted);line-height:1.45}.cxx{display:flex;flex-direction:column;gap:var(--shell-gap-sm)}.cxb{grid-column:1 / -1;margin:var(--shell-gap) 0 var(--shell-gap-sm);padding:0;font-size:var(--shell-font-size-sm);font-weight:var(--shell-font-weight);color:var(--shell-color-accent)}.cxf,.cxy{display:contents}.cxy>*{padding:var(--shell-padding);box-sizing:border-box;border-bottom:1px solid var(--shell-border);background:var(--shell-background)}.cxy[data-alt=true]>*{background:var(--shell-background-muted)}.cxl{display:flex;align-items:center;gap:var(--shell-gap-sm);font-size:var(--shell-font-size-sm);color:var(--shell-color);line-height:1.4}.cxw{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--shell-status-size);height:var(--shell-status-size);padding:0;border:1px solid var(--shell-border);border-radius:50%;background:transparent;color:var(--shell-color-muted);font-size:9px;line-height:1;cursor:help}.cxc{display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--shell-font-size-sm);color:var(--shell-color);font-weight:500}.cxk{display:inline-flex;align-items:center;justify-content:center;width:var(--shell-check-size);height:var(--shell-check-size);color:#fff;background:var(--shell-color-success);border-radius:50%}.cxkv{width:60%;height:60%;display:block}.cxa{color:var(--shell-color-muted)}.cxft{display:flex;flex-direction:column;gap:var(--shell-gap-sm);padding:var(--shell-padding);box-sizing:border-box}.cxq{min-width:var(--pricing-table-label-width)}}
+@layer elcrm-components{.cxr{display:grid;width:100%;column-gap:var(--shell-gap);row-gap:0;align-items:stretch;overflow-x:auto}.cxh{display:flex;flex-direction:column;gap:var(--shell-gap-sm);padding:var(--shell-padding);box-sizing:border-box;color:var(--shell-color);background:var(--shell-background);border:1px solid transparent;border-radius:var(--shell-radius)}.cxh[data-highlighted=true]{border-color:var(--shell-color-accent);background:var(--shell-background-selected)}.cxm{display:flex;align-items:center;justify-content:center;width:calc(var(--shell-icon-size) * 1.4);height:calc(var(--shell-icon-size) * 1.4);color:var(--shell-color-accent);background:var(--shell-background-hover);border-radius:var(--shell-radius);overflow:hidden}.cxn{display:flex;flex-wrap:wrap;align-items:center;gap:var(--shell-gap-sm)}.cxt{margin:0;font-size:var(--shell-font-size);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:1.3}.cxg{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;background:var(--shell-background-hover);color:var(--shell-color-accent);font-size:var(--shell-font-size-sm);font-weight:var(--shell-font-weight)}.cxp{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--shell-gap-sm)}.cxz{font-size:var(--shell-font-size-lg);font-weight:700;color:var(--shell-color);line-height:1.15}.cxo{font-size:var(--shell-font-size-sm);color:var(--shell-color-muted);text-decoration:line-through}.cxe{font-size:var(--shell-font-size-sm);color:var(--shell-color-muted)}.cxd{margin:0;font-size:var(--shell-font-size-sm);color:var(--shell-color-muted);line-height:1.45}.cxx{display:flex;flex-direction:column;gap:var(--shell-gap-sm)}.cxb{grid-column:1 / -1;margin:var(--shell-gap) 0 var(--shell-gap-sm);padding:0;font-size:var(--shell-font-size-sm);font-weight:var(--shell-font-weight);color:var(--shell-color-accent)}.cxf,.cxy{display:contents}.cxy>*{padding:var(--shell-padding);box-sizing:border-box;border-bottom:1px solid var(--shell-border);background:var(--shell-background)}.cxy[data-alt=true]>*{background:var(--shell-background-muted)}.cxl{display:flex;align-items:center;gap:var(--shell-gap-sm);font-size:var(--shell-font-size-sm);color:var(--shell-color);line-height:1.4}.cxw{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--shell-status-size);height:var(--shell-status-size);padding:0;border:1px solid var(--shell-border);border-radius:50%;background:transparent;color:var(--shell-color-muted);font-size:9px;line-height:1;cursor:help}.cxc{display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--shell-font-size-sm);color:var(--shell-color);font-weight:500}.cxk{display:inline-flex;align-items:center;justify-content:center;width:var(--shell-check-size);height:var(--shell-check-size);color:#fff;background:var(--shell-color-success);border-radius:50%}.cxv{width:60%;height:60%;display:block}.cxa{color:var(--shell-color-muted)}.cxu{display:flex;flex-direction:column;gap:var(--shell-gap-sm);padding:var(--shell-padding);box-sizing:border-box}.cxq{min-width:var(--pricing-table-label-width)}}

package/dist/PricingTable.js

@@ -1,4 +1,4 @@
-import { P as e } from "./PricingTable-DYTJG4AU.js";
+import { P as e } from "./PricingTable-DALddSwM.js";
 export {
   e as PricingTable
 };

package/dist/{RadioGroup-DxoPHPIF.js → RadioGroup-D2UUOTkY.js}

@@ -1,14 +1,14 @@
 import e from "react";
 import { c as r } from "./cx-CcykAxZN.js";
-import './RadioGroup.css';const F = "cqr", L = "cqi", M = "cqs", w = "cqp", B = "cqh", I = "cqn", j = "cqm", A = "cqmf", G = "cqc", S = "cqt", T = "cqe", U = "cqd", W = "cqx", $ = "cqy", C = "cqz", H = "cqk", J = "cqkr", K = "cqkc", O = "cqkv", c = {
-  r: F,
-  i: L,
-  s: M,
-  p: w,
+import './RadioGroup.css';const D = "cqr", F = "cqi", L = "cqs", M = "cqp", B = "cqh", I = "cqn", j = "cqm", A = "cqf", G = "cqc", S = "cqt", T = "cqe", U = "cqd", W = "cqx", $ = "cqy", C = "cqz", H = "cqk", J = "cqo", K = "cqq", O = "cqw", c = {
+  r: D,
+  i: F,
+  s: L,
+  p: M,
   h: B,
   n: I,
   m: j,
-  mf: A,
+  f: A,
   c: G,
   t: S,
   e: T,
@@ -17,12 +17,12 @@ import './RadioGroup.css';const F = "cqr", L = "cqi", M = "cqs", w = "cqp", B =
   y: $,
   z: C,
   k: H,
-  kr: J,
-  kc: K,
-  kv: O
+  o: J,
+  q: K,
+  w: O
 };
 function P() {
-  return /* @__PURE__ */ e.createElement("svg", { className: c.kv, viewBox: "0 0 12 12", "aria-hidden": !0 }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("svg", { className: c.w, viewBox: "0 0 12 12", "aria-hidden": !0 }, /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M2.5 6.2 4.8 8.5 9.5 3.5",
@@ -34,7 +34,7 @@ function P() {
     }
   ));
 }
-function E({
+function v({
   kind: t,
   selected: l
 }) {
@@ -42,7 +42,7 @@ function E({
   return /* @__PURE__ */ e.createElement(
     "span",
     {
-      className: r(c.k, a ? c.kr : c.kc),
+      className: r(c.k, a ? c.o : c.q),
       "data-on": l ? "true" : void 0,
       "aria-hidden": !0
     },
@@ -75,52 +75,52 @@ function Y({
   name: s,
   disabled: m = !1,
   indicator: p = "check",
-  indicatorSide: q = "end",
+  indicatorSide: N = "end",
   onValueChange: u,
-  className: N,
+  className: k,
   ...h
 }) {
-  const b = e.useId(), x = s ?? b, [y, g] = e.useState(a), k = l !== void 0, z = k ? l : y, R = (n) => {
-    k || g(n), u == null || u(n);
+  const b = e.useId(), w = s ?? b, [x, y] = e.useState(a), E = l !== void 0, g = E ? l : x, z = (n) => {
+    E || y(n), u == null || u(n);
   };
   return /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: r(c.r, N),
+      className: r(c.r, k),
       role: "radiogroup",
       "aria-disabled": m || void 0,
       ...h
     },
     t.map((n) => {
-      const o = z === n.value, D = m || !!n.disabled, d = n.variant === "split", v = n.iconFramed !== !1;
+      const o = g === n.value, R = m || !!n.disabled, d = n.variant === "split", q = n.iconFramed !== !1;
       return /* @__PURE__ */ e.createElement(
         "label",
         {
           key: n.value,
           className: r(c.i, o && c.s, d && c.p),
           "data-selected": o ? "true" : void 0,
-          "data-indicator": d ? void 0 : q
+          "data-indicator": d ? void 0 : N
         },
         /* @__PURE__ */ e.createElement(
           "input",
           {
             className: c.n,
             type: "radio",
-            name: x,
+            name: w,
             value: n.value,
             checked: o,
-            disabled: D,
-            onChange: () => R(n.value)
+            disabled: R,
+            onChange: () => z(n.value)
           }
         ),
-        d ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: c.h }, n.icon != null ? /* @__PURE__ */ e.createElement("div", { className: r(c.m, v && c.mf) }, n.icon) : null, /* @__PURE__ */ e.createElement(i, { title: n.title }), /* @__PURE__ */ e.createElement(E, { kind: p, selected: o })), /* @__PURE__ */ e.createElement("div", { className: c.y }, /* @__PURE__ */ e.createElement(
+        d ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: c.h }, n.icon != null ? /* @__PURE__ */ e.createElement("div", { className: r(c.m, q && c.f) }, n.icon) : null, /* @__PURE__ */ e.createElement(i, { title: n.title }), /* @__PURE__ */ e.createElement(v, { kind: p, selected: o })), /* @__PURE__ */ e.createElement("div", { className: c.y }, /* @__PURE__ */ e.createElement(
           i,
           {
             price: n.price,
             meta: n.meta,
             badge: n.badge
           }
-        ), n.description != null ? /* @__PURE__ */ e.createElement("p", { className: c.d }, n.description) : null, n.actions != null ? /* @__PURE__ */ e.createElement(f, null, n.actions) : null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, n.icon != null ? /* @__PURE__ */ e.createElement("div", { className: r(c.m, v && c.mf) }, n.icon) : null, /* @__PURE__ */ e.createElement("div", { className: c.c }, /* @__PURE__ */ e.createElement(
+        ), n.description != null ? /* @__PURE__ */ e.createElement("p", { className: c.d }, n.description) : null, n.actions != null ? /* @__PURE__ */ e.createElement(f, null, n.actions) : null)) : /* @__PURE__ */ e.createElement(e.Fragment, null, n.icon != null ? /* @__PURE__ */ e.createElement("div", { className: r(c.m, q && c.f) }, n.icon) : null, /* @__PURE__ */ e.createElement("div", { className: c.c }, /* @__PURE__ */ e.createElement(
           i,
           {
             title: n.title,
@@ -128,7 +128,7 @@ function Y({
             price: n.price,
             badge: n.badge
           }
-        ), n.description != null ? /* @__PURE__ */ e.createElement("p", { className: c.d }, n.description) : null, n.actions != null ? /* @__PURE__ */ e.createElement(f, null, n.actions) : null), /* @__PURE__ */ e.createElement(E, { kind: p, selected: o }))
+        ), n.description != null ? /* @__PURE__ */ e.createElement("p", { className: c.d }, n.description) : null, n.actions != null ? /* @__PURE__ */ e.createElement(f, null, n.actions) : null), /* @__PURE__ */ e.createElement(v, { kind: p, selected: o }))
       );
     })
   );

package/dist/RadioGroup.css

@@ -1 +1 @@
-@layer elcrm-components{.cqr{display:flex;flex-direction:column;gap:var(--shell-gap)}.cqi{display:flex;align-items:flex-start;gap:var(--shell-gap);width:100%;margin:0;padding:var(--shell-padding);box-sizing:border-box;text-align:left;font:inherit;color:var(--shell-color);background:var(--shell-background);border:1px solid var(--shell-border);border-radius:var(--shell-radius);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cqi:hover:not(:disabled){background:var(--shell-background-hover)}.cqi:disabled{opacity:var(--shell-disabled-opacity);cursor:not-allowed}.cqs,.cqi[data-selected=true]{border-color:var(--shell-color-accent);background:var(--shell-background-selected)}.cqp{flex-direction:column;align-items:stretch;padding:0;gap:0}.cqp.cqs .cqh,.cqp[data-selected=true] .cqh{border-bottom-color:var(--shell-color-accent)}.cqn{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cqm{display:flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden}.cqmf{width:var(--shell-icon-size);height:var(--shell-icon-size);padding:var(--shell-gap-sm);box-sizing:content-box;color:var(--shell-color-muted);background:var(--shell-background-muted);border:1px solid var(--shell-border);border-radius:var(--shell-radius)}.cqc{display:flex;flex:1;flex-direction:column;gap:var(--shell-gap-sm);min-width:0}.cqt{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--shell-gap-sm);font-size:var(--shell-font-size);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:1.3}.cqe{font-size:var(--shell-font-size-sm);font-weight:400;color:var(--shell-color-muted)}.cqd{margin:0;font-size:var(--shell-font-size-sm);color:var(--shell-color-muted);line-height:1.45}.cqx{display:flex;flex-wrap:wrap;gap:var(--shell-gap-sm);margin-top:var(--shell-gap-sm)}.cqh{display:flex;align-items:center;gap:var(--shell-gap);padding:var(--shell-padding);border-bottom:1px solid var(--shell-border)}.cqh .cqt{flex:1;min-width:0}.cqy{display:flex;flex-direction:column;gap:var(--shell-gap-sm);padding:var(--shell-padding)}.cqz{font-size:var(--shell-font-size-lg);font-weight:700;color:var(--shell-color);line-height:1.2}.cqk{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--shell-check-size);height:var(--shell-check-size);margin-left:auto;box-sizing:border-box;border:1px solid var(--shell-border);background:var(--shell-background);color:#fff}.cqi[data-indicator=start]>.cqk{margin-left:0;order:-1}.cqkr{border-radius:50%}.cqkr[data-on=true]{border-color:var(--shell-color-accent);background:var(--shell-color-accent);box-shadow:inset 0 0 0 3px var(--shell-background-selected)}.cqkc{border-radius:calc(var(--shell-radius) * .4)}.cqkc[data-on=true]{border-color:var(--shell-color-accent);background:var(--shell-color-accent)}.cqkv{width:60%;height:60%;display:block}}
+@layer elcrm-components{.cqr{display:flex;flex-direction:column;gap:var(--shell-gap)}.cqi{display:flex;align-items:flex-start;gap:var(--shell-gap);width:100%;margin:0;padding:var(--shell-padding);box-sizing:border-box;text-align:left;font:inherit;color:var(--shell-color);background:var(--shell-background);border:1px solid var(--shell-border);border-radius:var(--shell-radius);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cqi:hover:not(:disabled){background:var(--shell-background-hover)}.cqi:disabled{opacity:var(--shell-disabled-opacity);cursor:not-allowed}.cqs,.cqi[data-selected=true]{border-color:var(--shell-color-accent);background:var(--shell-background-selected)}.cqp{flex-direction:column;align-items:stretch;padding:0;gap:0}.cqp.cqs .cqh,.cqp[data-selected=true] .cqh{border-bottom-color:var(--shell-color-accent)}.cqn{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cqm{display:flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden}.cqf{width:var(--shell-icon-size);height:var(--shell-icon-size);padding:var(--shell-gap-sm);box-sizing:content-box;color:var(--shell-color-muted);background:var(--shell-background-muted);border:1px solid var(--shell-border);border-radius:var(--shell-radius)}.cqc{display:flex;flex:1;flex-direction:column;gap:var(--shell-gap-sm);min-width:0}.cqt{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--shell-gap-sm);font-size:var(--shell-font-size);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:1.3}.cqe{font-size:var(--shell-font-size-sm);font-weight:400;color:var(--shell-color-muted)}.cqd{margin:0;font-size:var(--shell-font-size-sm);color:var(--shell-color-muted);line-height:1.45}.cqx{display:flex;flex-wrap:wrap;gap:var(--shell-gap-sm);margin-top:var(--shell-gap-sm)}.cqh{display:flex;align-items:center;gap:var(--shell-gap);padding:var(--shell-padding);border-bottom:1px solid var(--shell-border)}.cqh .cqt{flex:1;min-width:0}.cqy{display:flex;flex-direction:column;gap:var(--shell-gap-sm);padding:var(--shell-padding)}.cqz{font-size:var(--shell-font-size-lg);font-weight:700;color:var(--shell-color);line-height:1.2}.cqk{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--shell-check-size);height:var(--shell-check-size);margin-left:auto;box-sizing:border-box;border:1px solid var(--shell-border);background:var(--shell-background);color:#fff}.cqi[data-indicator=start]>.cqk{margin-left:0;order:-1}.cqo{border-radius:50%}.cqo[data-on=true]{border-color:var(--shell-color-accent);background:var(--shell-color-accent);box-shadow:inset 0 0 0 3px var(--shell-background-selected)}.cqq{border-radius:calc(var(--shell-radius) * .4)}.cqq[data-on=true]{border-color:var(--shell-color-accent);background:var(--shell-color-accent)}.cqw{width:60%;height:60%;display:block}}

package/dist/RadioGroup.js

@@ -1,4 +1,4 @@
-import { R as a } from "./RadioGroup-DxoPHPIF.js";
+import { R as a } from "./RadioGroup-D2UUOTkY.js";
 export {
   a as RadioGroup
 };

package/dist/{Row--HIe6vb9.js → Row-DsQOVn18.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { S as o } from "./Stack-b0-XWwQ1.js";
+import { S as o } from "./Stack-XkmPSswj.js";
 function c(r) {
   return /* @__PURE__ */ t.createElement(o, { direction: "row", ...r });
 }

package/dist/Row.js

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

package/dist/Sidebar-DeqxYgxn.js

@@ -0,0 +1,69 @@
+import l from "react";
+import { B as h } from "./Badge-jp-9iNNL.js";
+import { I as x } from "./Item-D4okhsfW.js";
+import { c as u } from "./cx-CcykAxZN.js";
+import './Sidebar.css';const k = "c2r", g = "c2b", y = "c2x", B = "c2g", I = "c2s", w = "c2p", z = "c2h", C = "c2n", R = "c2i", T = "c2a", $ = "c2o", j = "c2l", q = "c2d", A = "c2f", D = "c2v", e = {
+  r: k,
+  b: g,
+  x: y,
+  g: B,
+  s: I,
+  p: w,
+  h: z,
+  n: C,
+  i: R,
+  a: T,
+  o: $,
+  l: j,
+  d: q,
+  f: A,
+  v: D
+};
+function F(n) {
+  if (n == null || n === "") return null;
+  const c = Number(n);
+  return !Number.isNaN(c) && c === 0 ? null : !Number.isNaN(c) && c > 99 ? "99+" : String(n);
+}
+function L({
+  groups: n,
+  items: c,
+  value: v,
+  onSelect: s,
+  variant: E = "cards",
+  brand: o,
+  extra: r,
+  footer: N,
+  version: m,
+  className: f,
+  "aria-label": b = "Основное меню"
+}) {
+  const p = n ?? c ?? [];
+  return /* @__PURE__ */ l.createElement(
+    "aside",
+    {
+      className: u(e.r, E === "plain" && e.p, f),
+      "aria-label": b
+    },
+    o != null || r != null ? /* @__PURE__ */ l.createElement("div", { className: e.b }, o, r != null ? /* @__PURE__ */ l.createElement("div", { className: e.x }, r) : null) : null,
+    /* @__PURE__ */ l.createElement("div", { className: e.g }, p.map((t) => /* @__PURE__ */ l.createElement("nav", { key: t.value, className: e.s, "aria-label": t.title ?? "Навигация" }, t.title ? /* @__PURE__ */ l.createElement("div", { className: e.h }, t.title) : null, /* @__PURE__ */ l.createElement("ul", { className: e.n }, (t.items ?? []).map((a) => {
+      const d = F(a.badge), i = v === a.value;
+      return /* @__PURE__ */ l.createElement("li", { key: a.value }, /* @__PURE__ */ l.createElement(
+        x,
+        {
+          as: "button",
+          active: i,
+          className: u(e.i, i && e.a),
+          "aria-current": i ? "page" : void 0,
+          onClick: () => s == null ? void 0 : s(a.value)
+        },
+        a.icon != null ? /* @__PURE__ */ l.createElement("span", { className: e.o, "aria-hidden": !0 }, a.icon) : null,
+        /* @__PURE__ */ l.createElement("span", { className: e.l }, a.label),
+        d != null ? /* @__PURE__ */ l.createElement(h, { className: e.d, tone: "accent", size: "s" }, d) : null
+      ));
+    }))))),
+    N != null || m != null ? /* @__PURE__ */ l.createElement("div", { className: u(e.s, e.f) }, N, m != null ? /* @__PURE__ */ l.createElement("div", { className: e.v }, m) : null) : null
+  );
+}
+export {
+  L as S
+};

package/dist/Sidebar.css

@@ -0,0 +1 @@
+@layer elcrm-components{.c2r{box-sizing:border-box;display:flex;flex-direction:column;flex:0 0 var(--sidebar-width);width:var(--sidebar-width);min-height:100svh;max-height:100svh;padding:var(--sidebar-pad-y) var(--sidebar-pad-x);gap:var(--shell-gap-sm);color:var(--shell-color);position:sticky;top:0;align-self:flex-start}.c2b{display:flex;flex-direction:row;align-items:center;gap:var(--shell-gap);padding:4px 8px;min-width:0}.c2x{flex-shrink:0;margin-left:auto}.c2g{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--shell-gap-sm);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.c2s{box-sizing:border-box;flex-shrink:0;padding:8px}.c2p{--sidebar-plain: 1}.c2r:not(.c2p) .c2s{background:var(--sidebar-block-bg, var(--shell-background));border:1px solid var(--sidebar-block-border, var(--shell-border));border-radius:var(--sidebar-block-radius, var(--shell-radius));box-shadow:var(--sidebar-block-shadow, none)}.c2h{margin:2px 10px 6px;font-size:var(--sidebar-group-font-size, 11px);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--shell-color-muted)}.c2n{margin:0;padding:0;list-style:none}.c2n>li{list-style:none}.c2n .c2i:is(button){position:relative;display:flex;width:100%;box-sizing:border-box;flex-direction:row;align-items:center;gap:8px;margin:0 0 1px;padding:var(--sidebar-item-padding, 6px 10px);border:0;border-radius:8px;background:transparent;color:var(--shell-color-muted);font-family:inherit;font-size:var(--sidebar-item-font-size, 13px);font-weight:500;line-height:1.25;letter-spacing:0;text-align:left;cursor:pointer}.c2n .c2i:is(button):hover{color:var(--shell-color);background:var(--shell-background-hover)}.c2n .c2i:is(button).c2a,.c2n .c2i:is(button)[aria-current=page],.c2n .c2i:is(button)[data-active=true],.c2n .c2i:is(button).c2a:hover{color:var(--sidebar-item-active, var(--shell-color));background:var(--sidebar-item-active-bg, var(--shell-background-selected))}.c2o{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--sidebar-icon-size, 16px);height:var(--sidebar-icon-size, 16px);color:inherit}.c2o :is(svg){display:block;width:var(--sidebar-icon-size, 16px);height:var(--sidebar-icon-size, 16px)}.c2a .c2o{color:var(--sidebar-icon-active, var(--shell-color-accent))}.c2l{flex:1;min-width:0}.c2d{flex-shrink:0;min-width:16px;height:16px;padding:0 4px;font-size:10px}.c2f{margin-top:auto}.c2v{margin-top:var(--shell-gap-sm);font-size:11px;color:var(--shell-color-muted);text-align:center}@media (max-width: 900px){.c2r{flex:0 0 72px;width:72px;padding:12px 8px}.c2l,.c2h,.c2v{display:none}.c2b{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:4px 0}.c2x{margin-left:0}.c2s{padding:6px}.c2n .c2i{justify-content:center;align-items:center;gap:0;width:100%;min-height:40px;padding:10px 0}.c2n .c2d{position:absolute;top:4px;right:4px;min-width:14px;height:14px;padding:0 4px;font-size:.625rem;line-height:14px;pointer-events:none}}}

package/dist/Sidebar.d.ts

@@ -0,0 +1,83 @@
+import { default as React } from 'react';
+/** Вид колонки: карточки (консоль) или плоский список (backoffice) */
+export type SidebarVariant = "cards" | "plain";
+/** Пункт бокового меню. Идентификатор — `value`. */
+export type SidebarItem = {
+    value: string;
+    /** Подпись */
+    label: string;
+    /** Иконка (слот приложения) */
+    icon?: React.ReactNode;
+    /** Счётчик справа */
+    badge?: number | string | null;
+};
+/** Группа пунктов. `title` — «Аккаунт» / «Админ». */
+export type SidebarGroup = {
+    value: string;
+    title?: string;
+    items: SidebarItem[];
+};
+/**
+ * Левая колонка приложения: бренд, группы меню, футер.
+ *
+ * Роли: Sidebar = навигация приложения; не путать с NavSections
+ * (сайдбар внутри страницы + lazy-панель).
+ *
+ * `variant="cards"` — секции-карточки (elWMS Console).
+ * `variant="plain"` — плоский список и заголовок группы (backoffice).
+ *
+ * Иконки, колокольчик, тема, выход — слоты приложения
+ * (`brand`, `extra`, `footer`). Роутер не подключаем.
+ *
+ * @example
+ * ```tsx
+ * <Sidebar
+ *   variant="cards"
+ *   value={page}
+ *   onSelect={setPage}
+ *   brand={<Brand as="strong">App</Brand>}
+ *   extra={<Notifications.Bell />}
+ *   groups={[
+ *     { value: "main", items: [{ value: "home", label: "Обзор", icon: <Icon /> }] },
+ *     { value: "admin", title: "Админ", items: [{ value: "users", label: "Люди" }] },
+ *   ]}
+ *   footer={<AvatarName title="Паша" description="mail@…" />}
+ *   version="v 0.2.26"
+ * />
+ * ```
+ *
+ * Токены: `--sidebar-*`, цвета — `--shell-*`.
+ */
+export type SidebarProps = {
+    /** Группы пунктов (`value` + `items`) */
+    groups?: SidebarGroup[];
+    /** То же, что `groups` (совместимость) */
+    items?: SidebarGroup[];
+    /** Текущий пункт */
+    value?: string;
+    /** Выбор пункта */
+    onSelect?: (value: string) => void;
+    /**
+     * `cards` — блоки-карточки.
+     * `plain` — плоский список.
+     * @default "cards"
+     */
+    variant?: SidebarVariant;
+    /** Логотип / название */
+    brand?: React.ReactNode;
+    /** Справа от бренда (колокольчик) */
+    extra?: React.ReactNode;
+    /** Низ: тема, выход или карточка пользователя */
+    footer?: React.ReactNode;
+    /** Версия под футером */
+    version?: React.ReactNode;
+    /** Подпись колонки */
+    "aria-label"?: string;
+    className?: string;
+};
+/**
+ * Левая навигация приложения.
+ *
+ * @see Layout, Brand, Item, Badge, NavSections
+ */
+export declare function Sidebar({ groups, items, value, onSelect, variant, brand, extra, footer, version, className, "aria-label": ariaLabel, }: SidebarProps): React.JSX.Element;

package/dist/Sidebar.js

@@ -0,0 +1,4 @@
+import { S as e } from "./Sidebar-DeqxYgxn.js";
+export {
+  e as Sidebar
+};

package/dist/Stack-XkmPSswj.js

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

@@ -1 +1 @@
-@layer elcrm-components{.c1r{display:flex;flex-direction:column;gap:var(--shell-gap)}.c1h{flex-direction:row;flex-wrap:wrap;align-items:center}}
+@layer elcrm-components{.c1r{box-sizing:border-box;min-width:0;gap:var(--shell-gap)}.c1c,.c1g{width:100%}.c1c{display:flex;flex-direction:column}.c1h{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;width:auto;max-width:100%}.c1g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--stack-grid-min)),1fr))}.c1n{display:grid;width:100%;align-items:stretch;grid-template-columns:var(--stack-columns-template)}}

package/dist/Stack.d.ts

@@ -1,6 +1,10 @@
 import { default as React } from 'react';
 /** Направление раскладки стека */
-export type StackDirection = "row" | "column";
+export type StackDirection = "row" | "column" | "grid";
+/** Сетка: число равных колонок или треки (`1fr`, `100px`, …). Число в массиве — px. */
+export type StackColumns = number | Array<number | string>;
+/** CSS `grid-template-columns` из пропа `columns`. */
+export declare function stackColumnsTemplate(columns: StackColumns): string | undefined;
 /**
  * Универсальный стек (ряд / колонка) с отступами между детьми.
  *
@@ -13,13 +17,21 @@ export type StackDirection = "row" | "column";
  *   <Button>Отмена</Button>
  *   <Button>Сохранить</Button>
  * </Stack>
+ * <Stack direction="grid" columns={["1fr", "100px", "100px"]} gap={12} />
  * ```
  *
- * Токены: `--shell-gap` (если `gap` не задан); при `gap` — inline-стиль.
+ * Токены: `--shell-gap` (если `gap` не задан); сетка — `--stack-grid-min`.
+ * `columns` — число равных колонок или массив треков (`--stack-columns-template`).
+ * Явные колонки: `align-items: stretch` (несколько рядов). Центр в одном ряду — `style={{ alignItems: "center" }}`.
  */
 export type StackProps = React.HTMLAttributes<HTMLDivElement> & {
-    /** Направление: по умолчанию `column` */
+    /** Направление: по умолчанию `column`. `grid` — сетка */
     direction?: StackDirection;
+    /**
+     * Сетка: `4` — четыре равные колонки;
+     * `["1fr", "100px", "auto"]` — свои треки (число в массиве = px).
+     */
+    columns?: StackColumns;
     /** Отступ между детьми: число (px) или CSS-строка */
     gap?: number | string;
     /** Дочерние элементы стека */
@@ -31,4 +43,4 @@ export type StackProps = React.HTMLAttributes<HTMLDivElement> & {
  *
  * @see Block, Row, Column
  */
-export declare function Stack({ direction, gap, children, className, style, ...rest }: StackProps): React.JSX.Element;
+export declare function Stack({ direction, columns, gap, children, className, style, ...rest }: StackProps): React.JSX.Element;

package/dist/Stack.js

@@ -1,4 +1,5 @@
-import { S as r } from "./Stack-b0-XWwQ1.js";
+import { S as t, s as e } from "./Stack-XkmPSswj.js";
 export {
-  r as Stack
+  t as Stack,
+  e as stackColumnsTemplate
 };

package/dist/Stat-C5iZyEoo.js

@@ -0,0 +1,27 @@
+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 = "c4le", w = "c4v", f = "c4a", v = "c4u", C = "c4w", E = "c4d", c = {
+  r: d,
+  l: p,
+  le: i,
+  v: w,
+  a: f,
+  u: v,
+  w: C,
+  d: E
+};
+function S({
+  label: e,
+  value: n,
+  tone: s = "neutral",
+  labelMuted: r = !0,
+  className: l,
+  ...o
+}) {
+  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, l), ...o }, /* @__PURE__ */ a.createElement("span", { className: t(c.l, !r && c.le) }, e), /* @__PURE__ */ a.createElement("span", { className: c.v }, n));
+}
+export {
+  S
+};

package/dist/Stat.css

@@ -0,0 +1 @@
+@layer elcrm-components{.c4r{display:flex;flex-direction:column;gap:6px}.c4l{font-size:var(--shell-font-size-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--shell-color-muted);line-height:1.2}.c4le{color:var(--shell-color)}.c4v{font-size:var(--stat-value-size, 1.75rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--shell-color)}.c4a .c4v{color:var(--shell-color-accent)}.c4u .c4v{color:var(--shell-color-success)}.c4w .c4v{color:var(--shell-color-warning)}.c4d .c4v{color:var(--shell-color-danger)}}

package/dist/Stat.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+/** Тон числа — те же смыслы, что у Badge */
+export type StatTone = "neutral" | "accent" | "success" | "warning" | "danger";
+/**
+ * Карточка-метрика: подпись сверху, крупное число снизу.
+ *
+ * Роли: сводка на PageHead / над списком. Не заменяет Card с произвольным контентом.
+ *
+ * @param label подпись (обычно uppercase в CSS)
+ * @param value число или короткий текст
+ * @param tone цвет значения
+ * @param labelMuted приглушённая подпись (выключить для «всего»)
+ *
+ * @example
+ * ```tsx
+ * <Stack direction="grid" gap={12}>
+ *   <Stat label="Всего" value={10} labelMuted={false} />
+ *   <Stat label="Admin" value={6} tone="accent" />
+ * </Stack>
+ * ```
+ *
+ * Токены: `--shell-*`, размер числа — `--stat-value-size`.
+ */
+export type StatProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Подпись метрики */
+    label: React.ReactNode;
+    /** Значение */
+    value: React.ReactNode;
+    /** Цвет числа */
+    tone?: StatTone;
+    /** Приглушить подпись (по умолчанию да) */
+    labelMuted?: boolean;
+};
+/**
+ * Карточка-метрика (обёртка над Card).
+ *
+ * @see Card, Stack, Badge
+ */
+export declare function Stat({ label, value, tone, labelMuted, className, ...rest }: StatProps): React.JSX.Element;

package/dist/Stat.js

@@ -0,0 +1,4 @@
+import { S as o } from "./Stat-C5iZyEoo.js";
+export {
+  o as Stat
+};

package/dist/{TabSections-DL7DufKU.js → TabSections-Bf_sZo7b.js}

@@ -11,7 +11,7 @@ import './TabSections.css';const x = "ctr", I = "ctb", M = "ctn", R = "ctt", $ =
   m: q
 };
 function A({
-  items: l,
+  items: l = [],
   resolveSection: d,
   value: o,
   defaultValue: n,

package/dist/TabSections.js

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