@elcrm/components 0.1.2 → 0.2.0

package/dist/useControllableValue.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Controlled / uncontrolled значение (как `value` + `defaultValue` у групп).
+ */
+export declare function useControllableValue<T>(value: T | undefined, defaultValue: T | undefined, onChange?: (next: T) => void): [T | undefined, (next: T) => void];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elcrm/components",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "Shell UI elCRM: Layout, Header, Sidebar, Popover, PageHead, PageShell, Section, Stack, Stat, ActionGroup, TextGroup, ItemColumn и др.",
   "type": "module",
   "author": "MaSkal <dev@elcrm.online>",
@@ -85,11 +85,14 @@
     "./package.json": "./package.json"
   },
   "scripts": {
+    "dev": "vite --config test/vite.config.ts",
     "build": "vite build",
     "postbuild": "node scripts/postbuild.mjs",
     "check:css": "node scripts/check-css-scoped.mjs",
     "check:tokens": "node scripts/check-tokens.mjs",
     "test": "vitest run",
+    "test:build": "vite build --config test/vite.config.ts",
+    "test:preview": "vite preview --config test/vite.config.ts",
     "prepublishOnly": "npm run check:css && npm run check:tokens && npm run test && npm run build",
     "pack:check": "npm pack --dry-run"
   },
@@ -104,6 +107,7 @@
     }
   },
   "devDependencies": {
+    "@elcrm/storybook": "file:../elCRM.storybook",
     "@testing-library/react": "^16.2.0",
     "@types/node": "^22.13.10",
     "@types/react": "^18.2.66",

package/dist/AvatarName-C1sIDPH-.js

@@ -1,66 +0,0 @@
-import t from "react";
-import { A as b } from "./Avatar-loGgFt72.js";
-import { c as g } from "./cx-CcykAxZN.js";
-import './AvatarName.css';const y = "czr", A = "czc", h = "czt", x = "czd", C = "czs", F = "czm", I = "czl", e = {
-  r: y,
-  c: A,
-  t: h,
-  d: x,
-  s: C,
-  m: F,
-  l: I
-};
-function R(s, n) {
-  if (s != null && s !== "") return s;
-  if (typeof n == "string") return n;
-}
-function k(s) {
-  const {
-    src: n,
-    name: c,
-    title: m,
-    description: i,
-    size: a = "m",
-    radius: f,
-    status: p,
-    className: z,
-    children: E,
-    as: u = "div",
-    ...r
-  } = s, N = a === "s" ? e.s : a === "l" ? e.l : e.m, l = g(e.r, N, z), d = m ?? (typeof c == "string" ? c : void 0), v = R(c, m), o = /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
-    b,
-    {
-      src: n,
-      name: v,
-      size: a,
-      radius: f,
-      status: p
-    }
-  ), /* @__PURE__ */ t.createElement("span", { className: e.c }, d != null ? /* @__PURE__ */ t.createElement("span", { className: e.t }, d) : null, i != null ? /* @__PURE__ */ t.createElement("span", { className: e.d }, i) : null, E));
-  return u === "button" ? /* @__PURE__ */ t.createElement(
-    "button",
-    {
-      type: "button",
-      className: l,
-      ...r
-    },
-    o
-  ) : u === "a" ? /* @__PURE__ */ t.createElement(
-    "a",
-    {
-      className: l,
-      ...r
-    },
-    o
-  ) : /* @__PURE__ */ t.createElement(
-    "div",
-    {
-      className: l,
-      ...r
-    },
-    o
-  );
-}
-export {
-  k as A
-};

package/dist/Dropdown-CQBMF9aR.js

@@ -1,151 +0,0 @@
-import e from "react";
-import { c as s } from "./cx-CcykAxZN.js";
-import { P as I } from "./Popover-g2xTGubK.js";
-import './Dropdown.css';const R = "crr", z = "crt", F = "crc", G = "crp", P = "crh", T = "crg", U = "crd", q = "cri", A = "crn", H = "crk", J = "crl", K = "cru", O = "crm", Q = "crb", V = "cro", X = "crf", Y = "crx", Z = "cry", _ = "crv", n = {
-  r: R,
-  t: z,
-  c: F,
-  p: G,
-  h: P,
-  g: T,
-  d: U,
-  i: q,
-  n: A,
-  k: H,
-  l: J,
-  u: K,
-  m: O,
-  b: Q,
-  o: V,
-  f: X,
-  x: Y,
-  y: Z,
-  v: _
-};
-function $() {
-  return /* @__PURE__ */ e.createElement("svg", { className: n.c, viewBox: "0 0 12 12", "aria-hidden": !0 }, /* @__PURE__ */ e.createElement(
-    "path",
-    {
-      d: "M2.5 4.5 6 8l3.5-3.5",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-}
-function S() {
-  return /* @__PURE__ */ e.createElement("svg", { className: n.m, viewBox: "0 0 12 12", "aria-hidden": !0 }, /* @__PURE__ */ e.createElement(
-    "path",
-    {
-      d: "M4.5 2.5 8 6l-3.5 3.5",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-}
-function b({ className: t }) {
-  return /* @__PURE__ */ e.createElement("svg", { className: s(n.v, t), 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",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.8",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-}
-function ee({ item: t }) {
-  return t.checkbox ? /* @__PURE__ */ e.createElement("span", { className: s(n.x, t.checked && n.y), "aria-hidden": !0 }, t.checked ? /* @__PURE__ */ e.createElement(b, null) : null) : t.checked ? /* @__PURE__ */ e.createElement("span", { className: n.k, "aria-hidden": !0 }, /* @__PURE__ */ e.createElement(b, null)) : t.status != null ? /* @__PURE__ */ e.createElement(
-    "span",
-    {
-      className: s(n.b, t.status === "online" ? n.o : n.f),
-      "aria-hidden": !0
-    }
-  ) : t.icon != null ? /* @__PURE__ */ e.createElement("span", { className: n.n }, t.icon) : null;
-}
-function ne(t, l, a) {
-  return l != null && l.length > 0 ? a != null && l[0] && l[0].title == null ? [{ ...l[0], title: a }, ...l.slice(1)] : l : t != null && t.length > 0 ? [{ title: a, items: t }] : a != null ? [{ title: a, items: [] }] : [];
-}
-function le({
-  items: t,
-  groups: l,
-  trigger: a,
-  label: u,
-  hideChevron: N = !1,
-  title: x,
-  align: f = "end",
-  open: p,
-  defaultOpen: y = !1,
-  onOpenChange: d,
-  closeOnSelect: L = !0,
-  disabled: i = !1,
-  onSelect: h,
-  className: C
-}) {
-  const [g, w] = e.useState(y), E = p !== void 0, k = E ? p : g, v = (r) => {
-    E || w(r), d == null || d(r);
-  }, B = ne(t, l, x), j = (r) => {
-    var c;
-    if (r.disabled) return;
-    (c = r.onClick) == null || c.call(r), h == null || h(r.value, r), r.checkbox || r.submenu || !L || v(!1);
-  }, D = a ?? /* @__PURE__ */ e.createElement(
-    "button",
-    {
-      type: "button",
-      className: n.t,
-      "data-open": k ? "true" : void 0,
-      disabled: i,
-      "aria-haspopup": "menu",
-      "aria-expanded": k
-    },
-    u,
-    N ? null : /* @__PURE__ */ e.createElement($, null)
-  );
-  return /* @__PURE__ */ e.createElement(
-    I,
-    {
-      className: s(n.r, C),
-      open: k,
-      onOpenChange: (r) => {
-        i || v(r);
-      },
-      align: f,
-      trigger: D,
-      label: typeof u == "string" ? u : void 0,
-      disabled: i
-    },
-    /* @__PURE__ */ e.createElement("div", { className: n.p, "data-align": f }, B.map((r, m) => /* @__PURE__ */ e.createElement(e.Fragment, { key: m }, m > 0 ? /* @__PURE__ */ e.createElement("hr", { className: n.d }) : null, /* @__PURE__ */ e.createElement("div", { className: n.g, role: "group" }, r.title != null ? /* @__PURE__ */ e.createElement("p", { className: n.h }, r.title) : null, r.items.map((c) => {
-      const M = r.items.some(
-        (o) => o.checked || o.checkbox || o.status != null || o.icon != null
-      ), W = /* @__PURE__ */ e.createElement(ee, { item: c });
-      return /* @__PURE__ */ e.createElement(
-        "button",
-        {
-          key: c.value,
-          type: "button",
-          role: "menuitem",
-          className: n.i,
-          "data-checked": (c.checked || c.checkbox) && c.checked ? "true" : void 0,
-          "data-danger": c.danger ? "true" : void 0,
-          disabled: c.disabled,
-          "aria-checked": c.checked != null || c.checkbox ? !!c.checked : void 0,
-          onClick: () => j(c)
-        },
-        M ? W ?? /* @__PURE__ */ e.createElement("span", { className: n.n, "aria-hidden": !0 }) : null,
-        c.label != null ? /* @__PURE__ */ e.createElement("span", { className: n.l }, c.label) : null,
-        c.shortcut != null ? /* @__PURE__ */ e.createElement("span", { className: n.u }, c.shortcut) : null,
-        c.submenu ? /* @__PURE__ */ e.createElement(S, null) : null
-      );
-    })))))
-  );
-}
-export {
-  le as D
-};

package/dist/Layout-BQwEaeO0.js

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

package/dist/Loading-ChGq9peU.js

@@ -1,15 +0,0 @@
-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/Menu-DpUvOl8Y.js

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

package/dist/NavSections-NDcIDD6H.js

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

package/dist/Popover-g2xTGubK.js

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

package/dist/PricingGroup-DgcdVSq8.js

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