@elcrm/components 0.1.2 → 0.2.1

package/dist/Layout-mi6Ghayv.js

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

package/dist/Layout.css

@@ -1 +1 @@
-@layer elcrm-components{.clr{display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0;max-height:100%;overflow:hidden;background:var(--shell-background-muted);gap:0}.clm{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.cls{flex-direction:row;align-items:stretch}.clb{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}}
+@layer elcrm-components{.clr{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;box-sizing:border-box;background:var(--shell-background-muted);gap:0}.clx{height:var(--layout-height, 100dvh);max-height:var(--layout-height, 100dvh);overflow:hidden}.clm{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.clr:not(.clx){height:auto;max-height:none;overflow:visible}.clr:not(.clx) .clm{overflow:visible;flex:0 1 auto;min-height:auto}.cls{flex-direction:row;align-items:stretch}.clb{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.clr:not(.clx) .clb{overflow:visible}.cla{display:flex;flex-direction:column;flex:0 0 var(--sidebar-width, 248px);width:var(--sidebar-width, 248px);min-width:0;min-height:0;align-self:stretch}.clk{overflow:hidden}.cla:not(.clk){overflow:auto}.cla>*{flex:1 1 auto;min-height:0;width:100%;height:100%;max-height:100%}@media (max-width: 900px){.cla{flex-basis:72px;width:72px}}.clh,.clf{flex:0 0 auto;min-width:0}}

package/dist/Layout.d.ts

@@ -1,21 +1,32 @@
 import { default as React } from 'react';
+/** Слот каркаса, который можно закрепить вне скролла `children`. */
+export type LayoutFixedSlot = "header" | "footer" | "sidebar";
 /**
  * Оболочка приложения: шапка, основной контент, подвал.
  *
  * Роли: Layout = каркас страницы; внутри — Header / Section / PageShell / Footer.
  * Используйте как корневой каркас маршрута или приложения.
  *
+ * `fixed` — какие слоты не крутятся вместе со страницей.
+ * По умолчанию `["header", "footer", "sidebar"]`: скроллится только `children` в `<main>`.
+ * Пустой массив — обычный поток, скролл у предка.
+ *
+ * Высота каркаса: `--layout-height` (по умолчанию `100dvh`).
+ * Вложенный стенд: `--layout-height: 100%` у родителя с явной высотой.
+ *
  * @example
  * ```tsx
  * <Layout
+ *   fixed={["header", "footer", "sidebar"]}
  *   sidebar={<Sidebar groups={groups} value={page} onSelect={setPage} />}
  *   header={<Header brand="App" />}
+ *   footer={<Footer>© elCRM</Footer>}
  * >
  *   <PageShell>…</PageShell>
  * </Layout>
  * ```
  *
- * Токены: `--shell-background-muted` (фон main), прочие `--shell-*`.
+ * Токены: `--layout-height`, `--shell-background-muted`, прочие `--shell-*`.
  */
 export type LayoutProps = React.HTMLAttributes<HTMLDivElement> & {
     /** Левая колонка (обычно `<Sidebar />`) — ряд: сайдбар + контент */
@@ -24,6 +35,12 @@ export type LayoutProps = React.HTMLAttributes<HTMLDivElement> & {
     header?: React.ReactNode;
     /** Слот подвала (обычно `<Footer />`) */
     footer?: React.ReactNode;
+    /**
+     * Какие слоты зафиксированы (не прокручиваются).
+     * По умолчанию все: `header`, `footer`, `sidebar`.
+     * `[]` — ничего не фиксировать.
+     */
+    fixed?: LayoutFixedSlot[];
     /** Основной контент страницы (рендерится в `<main>`) */
     children?: React.ReactNode;
 };
@@ -32,4 +49,4 @@ export type LayoutProps = React.HTMLAttributes<HTMLDivElement> & {
  *
  * @see Sidebar, Header, Footer, Section, PageShell
  */
-export declare function Layout({ sidebar, header, footer, children, className, ...rest }: LayoutProps): React.JSX.Element;
+export declare function Layout({ sidebar, header, footer, fixed, children, className, ...rest }: LayoutProps): React.JSX.Element;

package/dist/Layout.js

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

package/dist/Loading-DkkG7RcE.js

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

package/dist/Loading.css

@@ -1 +1 @@
-@layer elcrm-components{.cgr{display:flex;align-items:center;justify-content:center;padding:var(--shell-gap-lg);color:var(--shell-color-muted)}}
+@layer elcrm-components{.cgr{display:flex;align-items:center;justify-content:center;gap:var(--shell-gap-sm);padding:var(--shell-gap-lg);color:var(--shell-color-muted)}.cgi{box-sizing:border-box;width:var(--shell-icon-size);height:var(--shell-icon-size);border:2px solid var(--shell-border);border-top-color:var(--shell-color-accent);border-radius:var(--avatar-radius);animation:cgspin .7s linear infinite}}@keyframes cgspin{to{transform:rotate(360deg)}}

package/dist/Loading.d.ts

@@ -17,7 +17,7 @@ export type LoadingProps = React.HTMLAttributes<HTMLDivElement> & {
     children?: React.ReactNode;
 };
 /**
- * Плейсхолдер загрузки.
+ * Плейсхолдер загрузки со спиннером.
  *
  * @see EmptyState, PageShell
  */

package/dist/Loading.js

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

package/dist/Menu-DuXQv-zT.js

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

package/dist/Menu.css

@@ -1 +1 @@
-@layer elcrm-components{.cmr{display:flex;align-items:center;gap:var(--shell-gap-sm);margin:0;padding:0;list-style:none}.cmv{flex-direction:column;align-items:stretch}.cmi{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--shell-color-muted);padding:var(--shell-padding);border-radius:var(--shell-radius);font:inherit;line-height:1;cursor:pointer;text-align:left;gap:6px}.cmd{flex-shrink:0;min-width:16px;height:16px;padding:0 4px;font-size:10px}.cmi>svg{display:block;flex-shrink:0}.cmi:hover{background:var(--shell-background-hover);color:var(--shell-color)}.cma,.cmi[aria-current=page],.cmi[data-active=true]{background:var(--shell-background-selected);color:var(--shell-color)}.cmu{width:100%;align-items:stretch;gap:1.25rem;padding:0;border-bottom:1px solid var(--shell-border)}.cmu .cmi{border-radius:0;background:transparent;padding:.45rem .1rem .55rem;border-bottom:2px solid transparent;margin-bottom:-1px}.cmu .cmi:hover{background:transparent;color:var(--shell-color)}.cmu .cma,.cmu .cmi[aria-current=page],.cmu .cmi[data-active=true]{background:transparent;color:var(--shell-color);border-bottom-color:var(--shell-color-accent)}}
+@layer elcrm-components{.cmr{display:flex;align-items:center;gap:var(--shell-gap-sm);margin:0;padding:0;list-style:none}.cmv{flex-direction:column;align-items:stretch}.cmi{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--shell-color-muted);padding:var(--shell-padding);border-radius:var(--shell-radius);font:inherit;line-height:1;cursor:pointer;text-align:left;gap:var(--shell-gap-sm)}.cmd{flex-shrink:0;min-width:16px;height:16px;padding:0 4px;font-size:10px}.cmi>svg{display:block;flex-shrink:0}.cmi:hover{background:var(--shell-background-hover);color:var(--shell-color)}.cma,.cmi[aria-current=page],.cmi[data-active=true]{background:var(--shell-background-selected);color:var(--shell-color)}.cmu{width:100%;align-items:stretch;gap:1.25rem;padding:0;border-bottom:1px solid var(--shell-border)}.cmu .cmi{border-radius:0;background:transparent;padding:.45rem .1rem .55rem;border-bottom:2px solid transparent;margin-bottom:-1px}.cmu .cmi:hover{background:transparent;color:var(--shell-color)}.cmu .cma,.cmu .cmi[aria-current=page],.cmu .cmi[data-active=true]{background:transparent;color:var(--shell-color);border-bottom-color:var(--shell-color-accent)}}

package/dist/Menu.js

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

package/dist/NavSections-BpyZPimZ.js

@@ -0,0 +1,79 @@
+import a, { useMemo as h, Suspense as S } from "react";
+import { c as d } from "./cx-CcykAxZN.js";
+import { I as g } from "./Item-D4okhsfW.js";
+import { h as x } from "./rovingKeys-CGlfTtNQ.js";
+import { u as C } from "./useControllableValue-CWqH1kpM.js";
+import './NavSections.css';const I = "cvr", K = "cvn", M = "cvg", R = "cvl", V = "cvi", w = "cva", D = "cvc", P = "cvt", j = "cvf", q = "cvm", l = {
+  r: I,
+  n: K,
+  g: M,
+  l: R,
+  i: V,
+  a: w,
+  c: D,
+  t: P,
+  f: j,
+  m: q
+};
+function z(n) {
+  for (const m of n) {
+    const c = m.items.find((s) => !s.disabled);
+    if (c) return c.value;
+  }
+  return "";
+}
+function J({
+  groups: n,
+  resolveSection: m,
+  value: c,
+  defaultValue: s,
+  onValueChange: f,
+  loading: b = null,
+  footer: i,
+  className: E,
+  navLabel: N = "Разделы"
+}) {
+  const p = h(
+    () => s || z(n),
+    [s, n]
+  ), [r, v] = C(
+    c,
+    p,
+    f
+  ), k = n.flatMap((e) => e.items).filter((e) => !e.disabled).map((e) => e.value), u = r ? m(r) : null;
+  return /* @__PURE__ */ a.createElement("div", { className: d(l.r, E) }, /* @__PURE__ */ a.createElement(
+    "nav",
+    {
+      className: l.n,
+      "aria-label": N,
+      onKeyDown: (e) => x(e, {
+        values: k,
+        value: r,
+        onSelect: v,
+        vertical: !0
+      })
+    },
+    n.map((e, y) => /* @__PURE__ */ a.createElement("div", { key: y, className: l.g }, e.label != null ? /* @__PURE__ */ a.createElement("div", { className: l.l }, e.label) : null, e.items.map((t) => {
+      const o = t.value === r;
+      return /* @__PURE__ */ a.createElement(
+        g,
+        {
+          key: t.value,
+          as: "button",
+          active: o,
+          className: d(l.i, o && l.a),
+          "data-active": o ? "true" : void 0,
+          "aria-current": o ? "page" : void 0,
+          disabled: t.disabled,
+          onClick: () => v(t.value)
+        },
+        t.icon != null ? /* @__PURE__ */ a.createElement("span", { className: l.c, "aria-hidden": !0 }, t.icon) : null,
+        /* @__PURE__ */ a.createElement("span", { className: l.t }, t.label)
+      );
+    }))),
+    i != null ? /* @__PURE__ */ a.createElement("div", { className: l.f }, i) : null
+  ), /* @__PURE__ */ a.createElement("div", { className: l.m }, u ? /* @__PURE__ */ a.createElement(S, { fallback: b }, a.createElement(u)) : null));
+}
+export {
+  J as N
+};

package/dist/NavSections.css

@@ -1 +1 @@
-@layer elcrm-components{.cvr{display:flex;align-items:stretch;gap:var(--shell-gap-lg);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:var(--shell-gap);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:var(--shell-gap);border-bottom:1px solid var(--shell-border)}.cvg:last-of-type{border-bottom:none;padding-bottom:0}.cvl{font-size:11px;font-weight:var(--shell-font-weight);letter-spacing:.04em;text-transform:uppercase;color:var(--shell-color-muted);padding:0 var(--shell-padding-inline) var(--shell-gap-sm)}.cvi{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:var(--shell-gap-sm);width:100%;text-align:left;border:none;border-radius:var(--shell-radius);background:transparent;color:var(--shell-color);font:inherit;font-size:var(--shell-font-size-sm);padding:var(--shell-padding);cursor:pointer;position:relative}.cvi:hover:not(:disabled){background:var(--shell-background-hover)}.cva{background:var(--shell-background-selected)}.cva:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 2px 2px 0;background:var(--shell-color-accent)}.cvi:disabled{opacity:var(--shell-disabled-opacity);cursor:not-allowed}.cvc{display:inline-flex;flex:0 0 auto;color:var(--shell-color-muted);line-height:0}.cva .cvc{color:var(--shell-color)}.cvt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvf{margin-top:auto;padding-top:var(--shell-gap);border-top:1px solid var(--shell-border)}.cvm{flex:1 1 auto;min-width:0;max-width:var(--nav-sections-main-max-width);width:100%;min-height:0;overflow:auto}@media (max-width: 720px){.cvr{flex-direction:column}.cvn{flex:none;width:100%;min-width:0;max-width:none}}}
+@layer elcrm-components{.cvr{display:flex;align-items:stretch;gap:var(--shell-gap-lg);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:var(--shell-gap);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:var(--shell-gap);border-bottom:1px solid var(--shell-border)}.cvg:last-of-type{border-bottom:none;padding-bottom:0}.cvl{font-size:var(--sidebar-group-font-size);font-weight:var(--shell-font-weight);letter-spacing:.04em;text-transform:uppercase;color:var(--shell-color-muted);padding:0 var(--shell-padding-inline) var(--shell-gap-sm)}.cvi:is(button){position:relative;font-size:var(--shell-font-size-sm)}.cva:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 2px 2px 0;background:var(--shell-color-accent)}.cvi:disabled{opacity:var(--shell-disabled-opacity);cursor:not-allowed}.cvc{display:inline-flex;flex:0 0 auto;color:var(--shell-color-muted);line-height:0}.cva .cvc{color:var(--shell-color)}.cvt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvf{margin-top:auto;padding-top:var(--shell-gap);border-top:1px solid var(--shell-border)}.cvm{flex:1 1 auto;min-width:0;max-width:var(--nav-sections-main-max-width);width:100%;min-height:0;overflow:auto}@media (max-width: 720px){.cvr{flex-direction:column}.cvn{flex:none;width:100%;min-width:0;max-width:none}}}

package/dist/NavSections.js

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

package/dist/PageHead.css

@@ -1 +1 @@
-@layer elcrm-components{.ccr{display:flex;flex-direction:column;gap:var(--shell-gap);margin:0 0 var(--shell-gap)}.cck{position:sticky;top:0;z-index:var(--shell-z);background:var(--shell-bg, var(--shell-background-muted))}.ccw{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--shell-gap-sm)}.cct{min-width:0;max-width:36rem}.cch{margin:0;display:flex;align-items:flex-start;gap:.4em;font-size:var(--section-title-size);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:1.15}.ccn{min-width:0}.ccu{display:inline-flex;align-items:center;margin-top:.12em;font-size:.7rem;font-weight:600;line-height:1;color:var(--shell-color-muted)}.ccs{margin:var(--shell-gap-sm) 0 0;font-size:var(--shell-font-size);color:var(--shell-color-muted);line-height:1.45}.cca{display:flex;flex-wrap:wrap;align-items:center;gap:var(--shell-gap-sm)}.ccc{display:flex;flex-direction:column;gap:var(--shell-gap);min-width:0}}
+@layer elcrm-components{.ccr{display:flex;flex-direction:column;gap:var(--shell-gap);margin:0 0 var(--shell-gap)}.cck{position:sticky;top:0;z-index:var(--shell-z);background:var(--shell-bg)}.ccw{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--shell-gap-sm)}.cct{min-width:0;max-width:36rem}.cch{margin:0;display:flex;align-items:flex-start;gap:.4em;font-size:var(--section-title-size);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:1.15}.ccn{min-width:0}.ccu{display:inline-flex;align-items:center;margin-top:.12em;font-size:.7rem;font-weight:600;line-height:1;color:var(--shell-color-muted)}.ccs{margin:var(--shell-gap-sm) 0 0;font-size:var(--shell-font-size);color:var(--shell-color-muted);line-height:1.45}.cca{display:flex;flex-wrap:wrap;align-items:center;gap:var(--shell-gap-sm)}.ccc{display:flex;flex-direction:column;gap:var(--shell-gap);min-width:0}}

package/dist/Popover-D0m5JWIt.js

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

package/dist/Popover.css

@@ -1 +1 @@
-@layer elcrm-components{.c3r{position:relative;display:inline-flex;vertical-align:middle}.c3t{display:inline-flex;align-items:center;min-width:0}.c3p{box-sizing:border-box;overflow:auto;padding:var(--shell-gap-sm);background:var(--shell-background);border:1px solid var(--shell-border);border-radius:var(--shell-radius);box-shadow:var(--popup-shadow);color:var(--shell-color);min-width:var(--dropdown-min-width, 200px);max-width:var(--dropdown-max-width, min(360px, calc(100vw - 16px) ));max-height:var(--dropdown-max-height, 420px)}}
+@layer elcrm-components{.c3r{position:relative;display:inline-flex;vertical-align:middle}.c3t{display:inline-flex;align-items:center;min-width:0}.c3p{box-sizing:border-box;overflow:auto;padding:var(--shell-gap-sm);background:var(--shell-background);border:1px solid var(--shell-border);border-radius:var(--shell-radius);box-shadow:var(--popup-shadow);color:var(--shell-color);min-width:var(--dropdown-min-width);max-width:var(--dropdown-max-width);max-height:var(--dropdown-max-height)}}

package/dist/Popover.js

@@ -1,4 +1,4 @@
-import { P as e } from "./Popover-g2xTGubK.js";
+import { P as e } from "./Popover-D0m5JWIt.js";
 export {
   e as Popover
 };

package/dist/PricingGroup-Czuhe81Z.js

@@ -0,0 +1,120 @@
+import e from "react";
+import { C } from "./CheckIcon-FdB8fMEF.js";
+import { c as o } from "./cx-CcykAxZN.js";
+import { u as F } from "./useControllableValue-CWqH1kpM.js";
+import './PricingGroup.css';const z = "cur", S = "cui", L = "cus", O = "cub", V = "cug", I = "cua", R = "cum", j = "cuh", A = "cut", G = "cup", K = "cuz", M = "cuo", T = "cue", $ = "cud", q = "cux", H = "cuf", J = "cuy", Q = "cul", U = "cuu", W = "cun", X = "cuc", Y = "cuk", Z = "cuw", a = {
+  r: z,
+  i: S,
+  s: L,
+  b: O,
+  g: V,
+  a: I,
+  m: R,
+  h: j,
+  t: A,
+  p: G,
+  z: K,
+  o: M,
+  e: T,
+  d: $,
+  x: q,
+  f: H,
+  y: J,
+  l: Q,
+  u: U,
+  n: W,
+  c: X,
+  k: Y,
+  w: Z
+};
+function g() {
+  return /* @__PURE__ */ e.createElement("span", { className: a.k, "aria-hidden": !0 }, /* @__PURE__ */ e.createElement(C, { className: a.w }));
+}
+function _({ feature: l }) {
+  if (l != null && typeof l == "object" && !e.isValidElement(l) && "label" in l) {
+    const c = l;
+    return /* @__PURE__ */ e.createElement("li", { className: a.c }, c.icon != null ? c.icon : /* @__PURE__ */ e.createElement(g, null), /* @__PURE__ */ e.createElement("span", null, c.label));
+  }
+  return /* @__PURE__ */ e.createElement("li", { className: a.c }, /* @__PURE__ */ e.createElement(g, null), /* @__PURE__ */ e.createElement("span", null, l));
+}
+function h({ item: l }) {
+  const c = l.badge != null && (l.badgePlacement ?? "pill") === "pill";
+  return l.title == null && !c ? null : /* @__PURE__ */ e.createElement("div", { className: a.h }, l.title != null ? /* @__PURE__ */ e.createElement("h3", { className: a.t }, l.title) : null, c ? /* @__PURE__ */ e.createElement("span", { className: a.g }, l.badge) : null);
+}
+function v({ item: l }) {
+  return l.price == null && l.priceOld == null && l.meta == null ? null : /* @__PURE__ */ e.createElement("div", { className: a.p }, l.priceOld != null ? /* @__PURE__ */ e.createElement("span", { className: a.o }, l.priceOld) : null, l.price != null ? /* @__PURE__ */ e.createElement("span", { className: a.z }, l.price) : null, l.meta != null ? /* @__PURE__ */ e.createElement("span", { className: a.e }, l.meta) : null);
+}
+function i({ item: l }) {
+  return l.description == null ? null : /* @__PURE__ */ e.createElement("p", { className: a.d }, l.description);
+}
+function ee({
+  actions: l,
+  placement: c
+}) {
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: c === "footer" ? a.f : a.x,
+      onClick: (t) => t.stopPropagation(),
+      onMouseDown: (t) => t.preventDefault()
+    },
+    l
+  );
+}
+function le({ item: l }) {
+  return l.features == null && l.featuresLabel == null && l.featuresSummary == null ? null : /* @__PURE__ */ e.createElement("div", { className: a.y }, l.featuresLabel != null ? /* @__PURE__ */ e.createElement("p", { className: a.l }, l.featuresLabel) : null, l.featuresSummary != null ? /* @__PURE__ */ e.createElement("p", { className: a.u }, l.featuresSummary) : null, l.features != null && l.features.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: a.n }, l.features.map((c, t) => /* @__PURE__ */ e.createElement(_, { key: t, feature: c }))) : null);
+}
+function re({
+  items: l,
+  value: c,
+  defaultValue: t,
+  selectable: N = !1,
+  disabled: k = !1,
+  onValueChange: y,
+  className: P,
+  ...w
+}) {
+  const [x, d] = F(
+    c,
+    t,
+    y
+  );
+  return /* @__PURE__ */ e.createElement("div", { className: o(a.r, P), role: "list", ...w }, l.map((n) => {
+    const m = x === n.value, p = k || !!n.disabled, D = !!n.highlighted || m, f = n.badgePlacement ?? "pill", r = n.actionsPlacement ?? "after", E = n.descriptionPlacement ?? "after-price", s = N && !p, b = n.actions != null ? /* @__PURE__ */ e.createElement(
+      ee,
+      {
+        actions: n.actions,
+        placement: r
+      }
+    ) : null, B = /* @__PURE__ */ e.createElement(e.Fragment, null, n.priceFirst ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(v, { item: n }), /* @__PURE__ */ e.createElement(h, { item: n }), /* @__PURE__ */ e.createElement(i, { item: n })) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(h, { item: n }), E === "before-price" ? /* @__PURE__ */ e.createElement(i, { item: n }) : null, /* @__PURE__ */ e.createElement(v, { item: n }), E === "after-price" ? /* @__PURE__ */ e.createElement(i, { item: n }) : null));
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        key: n.value,
+        role: "listitem",
+        className: o(a.i, D && a.s),
+        "data-selected": m ? "true" : void 0,
+        "data-highlighted": n.highlighted ? "true" : void 0,
+        "data-selectable": s ? "true" : void 0,
+        "aria-disabled": p || void 0,
+        tabIndex: s ? 0 : void 0,
+        onClick: () => {
+          s && d(n.value);
+        },
+        onKeyDown: (u) => {
+          s && (u.key === "Enter" || u.key === " ") && (u.preventDefault(), d(n.value));
+        }
+      },
+      n.badge != null && f === "banner" ? /* @__PURE__ */ e.createElement("div", { className: a.b }, n.badge) : null,
+      n.badge != null && f === "float" ? /* @__PURE__ */ e.createElement("div", { className: o(a.g, a.a) }, n.badge) : null,
+      n.icon != null ? /* @__PURE__ */ e.createElement("div", { className: a.m }, n.icon) : null,
+      B,
+      r === "before" ? b : null,
+      /* @__PURE__ */ e.createElement(le, { item: n }),
+      r === "after" || r === "footer" ? b : null
+    );
+  }));
+}
+export {
+  re as P
+};

package/dist/PricingGroup.css

@@ -1 +1 @@
-@layer elcrm-components{.cur{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--pricing-card-min-width),1fr));gap:var(--shell-gap-lg);align-items:stretch}.cui{position:relative;display:flex;flex-direction:column;gap:var(--shell-gap);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);box-shadow:var(--shell-shadow)}.cui[data-selectable=true]{cursor:pointer}.cui:disabled,.cui[aria-disabled=true]{opacity:var(--shell-disabled-opacity);cursor:not-allowed}.cus,.cui[data-selected=true],.cui[data-highlighted=true]{border-color:var(--shell-color-accent);background:var(--shell-background-selected);box-shadow:var(--shell-shadow)}.cub{display:flex;align-items:center;justify-content:center;margin:calc(-1 * var(--shell-padding-block)) calc(-1 * var(--shell-padding-inline)) 0;padding:var(--shell-gap-sm) var(--shell-padding-inline);border-radius:var(--shell-radius) var(--shell-radius) 0 0;background:var(--shell-color-accent);color:#fff;font-size:var(--shell-font-size-sm);font-weight:var(--shell-font-weight);text-align:center}.cug{display:inline-flex;align-items:center;width:fit-content;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);line-height:1.2}.cua{position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.cum{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:calc(var(--shell-icon-size) * 1.6);height:calc(var(--shell-icon-size) * 1.6);color:var(--shell-color-accent);background:var(--shell-background-hover);border-radius:50%;overflow:hidden}.cuh{display:flex;flex-wrap:wrap;align-items:center;gap:var(--shell-gap-sm)}.cut{margin:0;font-size:var(--shell-font-size);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:1.3}.cup{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--shell-gap-sm)}.cuz{font-size:calc(var(--shell-font-size-lg) * 1.35);font-weight:700;color:var(--shell-color);line-height:1.15}.cui[data-highlighted=true] .cuz,.cui[data-selected=true] .cuz{color:var(--shell-color-accent)}.cuo{font-size:var(--shell-font-size-sm);color:var(--shell-color-muted);text-decoration:line-through}.cue{font-size:var(--shell-font-size-sm);color:var(--shell-color-muted)}.cud{margin:0;font-size:var(--shell-font-size-sm);color:var(--shell-color-muted);line-height:1.45}.cux{display:flex;flex-direction:column;gap:var(--shell-gap-sm)}.cuf{display:flex;flex-direction:column;gap:var(--shell-gap-sm);margin:auto calc(-1 * var(--shell-padding-inline)) calc(-1 * var(--shell-padding-block));padding:var(--shell-padding);background:var(--shell-background-muted);border-top:1px solid var(--shell-border);border-radius:0 0 var(--shell-radius) var(--shell-radius)}.cuy{display:flex;flex-direction:column;gap:var(--shell-gap-sm);margin-top:auto}.cul{margin:0;font-size:var(--shell-font-size-sm);font-weight:var(--shell-font-weight);letter-spacing:.04em;text-transform:uppercase;color:var(--shell-color-muted)}.cuu{margin:0;font-size:var(--shell-font-size-sm);color:var(--shell-color-muted);line-height:1.4}.cun{display:flex;flex-direction:column;gap:var(--shell-gap-sm);margin:0;padding:0;list-style:none}.cuc{display:flex;align-items:flex-start;gap:var(--shell-gap-sm);font-size:var(--shell-font-size-sm);color:var(--shell-color);line-height:1.4}.cuk{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--shell-check-size);height:var(--shell-check-size);margin-top:.1em;color:#fff;background:var(--shell-color-success);border-radius:50%}.cuw{width:60%;height:60%;display:block}}
+@layer elcrm-components{.cur{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--pricing-card-min-width),1fr));gap:var(--shell-gap-lg);align-items:stretch}.cui{position:relative;display:flex;flex-direction:column;gap:var(--shell-gap);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);box-shadow:var(--shell-shadow)}.cui[data-selectable=true]{cursor:pointer}.cui:disabled,.cui[aria-disabled=true]{opacity:var(--shell-disabled-opacity);cursor:not-allowed}.cus,.cui[data-selected=true],.cui[data-highlighted=true]{border-color:var(--shell-color-accent);background:var(--shell-background-selected);box-shadow:var(--shell-shadow)}.cub{display:flex;align-items:center;justify-content:center;margin:calc(-1 * var(--shell-padding-block)) calc(-1 * var(--shell-padding-inline)) 0;padding:var(--shell-gap-sm) var(--shell-padding-inline);border-radius:var(--shell-radius) var(--shell-radius) 0 0;background:var(--shell-color-accent);color:var(--avatar-color);font-size:var(--shell-font-size-sm);font-weight:var(--shell-font-weight);text-align:center}.cug{display:inline-flex;align-items:center;width:fit-content;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);line-height:1.2}.cua{position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.cum{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:calc(var(--shell-icon-size) * 1.6);height:calc(var(--shell-icon-size) * 1.6);color:var(--shell-color-accent);background:var(--shell-background-hover);border-radius:50%;overflow:hidden}.cuh{display:flex;flex-wrap:wrap;align-items:center;gap:var(--shell-gap-sm)}.cut{margin:0;font-size:var(--shell-font-size);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:1.3}.cup{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--shell-gap-sm)}.cuz{font-size:calc(var(--shell-font-size-lg) * 1.35);font-weight:700;color:var(--shell-color);line-height:1.15}.cui[data-highlighted=true] .cuz,.cui[data-selected=true] .cuz{color:var(--shell-color-accent)}.cuo{font-size:var(--shell-font-size-sm);color:var(--shell-color-muted);text-decoration:line-through}.cue{font-size:var(--shell-font-size-sm);color:var(--shell-color-muted)}.cud{margin:0;font-size:var(--shell-font-size-sm);color:var(--shell-color-muted);line-height:1.45}.cux{display:flex;flex-direction:column;gap:var(--shell-gap-sm)}.cuf{display:flex;flex-direction:column;gap:var(--shell-gap-sm);margin:auto calc(-1 * var(--shell-padding-inline)) calc(-1 * var(--shell-padding-block));padding:var(--shell-padding);background:var(--shell-background-muted);border-top:1px solid var(--shell-border);border-radius:0 0 var(--shell-radius) var(--shell-radius)}.cuy{display:flex;flex-direction:column;gap:var(--shell-gap-sm);margin-top:auto}.cul{margin:0;font-size:var(--shell-font-size-sm);font-weight:var(--shell-font-weight);letter-spacing:.04em;text-transform:uppercase;color:var(--shell-color-muted)}.cuu{margin:0;font-size:var(--shell-font-size-sm);color:var(--shell-color-muted);line-height:1.4}.cun{display:flex;flex-direction:column;gap:var(--shell-gap-sm);margin:0;padding:0;list-style:none}.cuc{display:flex;align-items:flex-start;gap:var(--shell-gap-sm);font-size:var(--shell-font-size-sm);color:var(--shell-color);line-height:1.4}.cuk{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--shell-check-size);height:var(--shell-check-size);margin-top:.1em;color:var(--avatar-color);background:var(--shell-color-success);border-radius:50%}.cuw{width:60%;height:60%;display:block}}

package/dist/PricingGroup.js

@@ -1,4 +1,4 @@
-import { P as i } from "./PricingGroup-DgcdVSq8.js";
+import { P as i } from "./PricingGroup-Czuhe81Z.js";
 export {
   i as PricingGroup
 };