@epilot/zenith-react 0.3.0-next.1 → 0.3.0-next.11

package/dist/components/list/list.js

@@ -1,10 +1,10 @@
-import { jsx as t, jsxs as S } from "react/jsx-runtime";
-import * as n from "react";
-import { mergeClasses as m, SLOT_ATTR as g, shorthands as p } from "@epilot/zenith-runtime/v1";
-import { makeZenithStyles as J } from "../../styles/make-styles.js";
+import { jsx as e, jsxs as k } from "react/jsx-runtime";
+import * as i from "react";
+import { mergeClasses as g, SLOT_ATTR as m, shorthands as p } from "@epilot/zenith-runtime/v1";
+import { makeZenithStyles as Q } from "../../styles/make-styles.js";
 import { boxModel as d } from "../../styles/host-reset.js";
-import { successLight as Q, warningLight as tt, errorLight as et, spacingGroup2 as G, grayA12 as R, fontWeightSemibold as rt, leadingSm as O, textSm as P, grayA10 as ot, fontWeightMedium as nt, accentSolid as it, accentA8 as st, grayA11 as T, grayA8 as at, leadingXs as lt, textXs as ct, listIndexPaddingX as H, listItemPaddingX as z, listItemPaddingY as D, listIndexMinWidth as dt, grayA2 as j, radiusMd as W, successSoftHover as pt, warningSoftHover as ut, errorSoftHover as gt, accentSoft as mt, successDefault as ft, successSoft as ht, warningDefault as xt, warningSoft as yt, errorDefault as wt, errorSoft as vt, listItemMinHeight as bt, spacingElement3 as It, grayA5 as St, spacingElement1 as kt, spacingElement2 as Lt, listItemGap as Ct } from "../../tokens/index.js";
-const Tt = (r) => /* @__PURE__ */ S(
+import { successLight as tt, warningLight as et, errorLight as rt, spacingGroup2 as R, grayA12 as O, fontWeightSemibold as ot, leadingSm as P, textSm as H, grayA10 as it, fontWeightMedium as nt, accentSolid as st, accentA8 as at, grayA11 as T, grayA8 as lt, leadingXs as ct, textXs as dt, listIndexPaddingX as z, listItemPaddingX as j, listItemPaddingY as D, listIndexMinWidth as pt, grayA2 as M, radiusMd as W, successSoftHover as ut, warningSoftHover as mt, errorSoftHover as gt, accentSoft as ft, successDefault as ht, successSoft as xt, warningDefault as yt, warningSoft as vt, errorDefault as wt, errorSoft as bt, listItemMinHeight as It, spacingElement3 as St, grayA5 as kt, spacingElement1 as Lt, spacingElement2 as Ct, listItemGap as Tt } from "../../tokens/index.js";
+const Dt = (t) => /* @__PURE__ */ k(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -13,17 +13,17 @@ const Tt = (r) => /* @__PURE__ */ S(
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true",
-    ...r,
+    ...t,
     children: [
-      /* @__PURE__ */ t("circle", { cx: "9", cy: "5", r: "1.5" }),
-      /* @__PURE__ */ t("circle", { cx: "15", cy: "5", r: "1.5" }),
-      /* @__PURE__ */ t("circle", { cx: "9", cy: "12", r: "1.5" }),
-      /* @__PURE__ */ t("circle", { cx: "15", cy: "12", r: "1.5" }),
-      /* @__PURE__ */ t("circle", { cx: "9", cy: "19", r: "1.5" }),
-      /* @__PURE__ */ t("circle", { cx: "15", cy: "19", r: "1.5" })
+      /* @__PURE__ */ e("circle", { cx: "9", cy: "5", r: "1.5" }),
+      /* @__PURE__ */ e("circle", { cx: "15", cy: "5", r: "1.5" }),
+      /* @__PURE__ */ e("circle", { cx: "9", cy: "12", r: "1.5" }),
+      /* @__PURE__ */ e("circle", { cx: "15", cy: "12", r: "1.5" }),
+      /* @__PURE__ */ e("circle", { cx: "9", cy: "19", r: "1.5" }),
+      /* @__PURE__ */ e("circle", { cx: "15", cy: "19", r: "1.5" })
     ]
   }
-), M = (r) => /* @__PURE__ */ S(
+), F = (t) => /* @__PURE__ */ k(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -34,14 +34,14 @@ const Tt = (r) => /* @__PURE__ */ S(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     "aria-hidden": "true",
-    ...r,
+    ...t,
     children: [
-      /* @__PURE__ */ t("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z" }),
-      /* @__PURE__ */ t("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
-      /* @__PURE__ */ t("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+      /* @__PURE__ */ e("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z" }),
+      /* @__PURE__ */ e("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+      /* @__PURE__ */ e("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
     ]
   }
-), Dt = (r) => /* @__PURE__ */ S(
+), Wt = (t) => /* @__PURE__ */ k(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -52,13 +52,13 @@ const Tt = (r) => /* @__PURE__ */ S(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     "aria-hidden": "true",
-    ...r,
+    ...t,
     children: [
-      /* @__PURE__ */ t("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
-      /* @__PURE__ */ t("polyline", { points: "22 4 12 14.01 9 11.01" })
+      /* @__PURE__ */ e("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+      /* @__PURE__ */ e("polyline", { points: "22 4 12 14.01 9 11.01" })
     ]
   }
-), Wt = (r) => /* @__PURE__ */ t(
+), At = (t) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -69,10 +69,10 @@ const Tt = (r) => /* @__PURE__ */ S(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     "aria-hidden": "true",
-    ...r,
-    children: /* @__PURE__ */ t("polyline", { points: "9 18 15 12 9 6" })
+    ...t,
+    children: /* @__PURE__ */ e("polyline", { points: "9 18 15 12 9 6" })
   }
-), f = J({
+), f = Q({
   list: {
     ...d,
     display: "flex",
@@ -91,15 +91,15 @@ const Tt = (r) => /* @__PURE__ */ S(
     width: "100%",
     alignItems: "center",
     ...p.borderRadius(W),
-    color: R,
+    color: O,
     transitionProperty: "color, background-color, border-color, text-decoration-color, fill, stroke",
     transitionDuration: "150ms",
     transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
-    minHeight: bt,
-    ...p.gap(Ct),
-    ...p.padding(D, z),
-    fontSize: P,
-    lineHeight: O,
+    minHeight: It,
+    ...p.gap(Tt),
+    ...p.padding(D, j),
+    fontSize: H,
+    lineHeight: P,
     "& > svg": {
       flexShrink: 0,
       width: "1rem",
@@ -109,27 +109,27 @@ const Tt = (r) => /* @__PURE__ */ S(
   // Status variants
   statusDefault: {},
   statusError: {
-    backgroundColor: vt,
+    backgroundColor: bt,
     color: wt
   },
   statusWarning: {
-    backgroundColor: yt,
-    color: xt
+    backgroundColor: vt,
+    color: yt
   },
   statusSuccess: {
-    backgroundColor: ht,
-    color: ft
+    backgroundColor: xt,
+    color: ht
   },
   // Striped variant (only neutral rows)
   stripedEven: {
     "&:nth-child(even)": {
-      backgroundColor: j
+      backgroundColor: M
     }
   },
   // Interactive hovers
   interactiveDefault: {
     ":hover": {
-      backgroundColor: mt
+      backgroundColor: ft
     }
   },
   interactiveError: {
@@ -139,12 +139,12 @@ const Tt = (r) => /* @__PURE__ */ S(
   },
   interactiveWarning: {
     ":hover": {
-      backgroundColor: ut
+      backgroundColor: mt
     }
   },
   interactiveSuccess: {
     ":hover": {
-      backgroundColor: pt
+      backgroundColor: ut
     }
   },
   // Sortable modifiers
@@ -169,16 +169,16 @@ const Tt = (r) => /* @__PURE__ */ S(
     alignSelf: "stretch",
     borderTopLeftRadius: W,
     borderBottomLeftRadius: W,
-    backgroundColor: j,
+    backgroundColor: M,
     textAlign: "center",
     color: T,
     fontVariantNumeric: "tabular-nums",
-    minWidth: dt,
+    minWidth: pt,
     marginTop: `calc(-1 * ${D})`,
     marginBottom: `calc(-1 * ${D})`,
-    marginLeft: `calc(-1 * ${z})`,
-    paddingLeft: H,
-    paddingRight: H
+    marginLeft: `calc(-1 * ${j})`,
+    paddingLeft: z,
+    paddingRight: z
   },
   // Content
   content: {
@@ -189,7 +189,7 @@ const Tt = (r) => /* @__PURE__ */ S(
     flexShrink: 1,
     flexBasis: "0%",
     alignItems: "center",
-    ...p.gap(Lt),
+    ...p.gap(Ct),
     overflow: "hidden",
     textOverflow: "ellipsis",
     whiteSpace: "nowrap",
@@ -206,7 +206,7 @@ const Tt = (r) => /* @__PURE__ */ S(
     display: "flex",
     flexShrink: 0,
     alignItems: "center",
-    ...p.gap(kt)
+    ...p.gap(Lt)
   },
   // Text
   text: {
@@ -224,8 +224,8 @@ const Tt = (r) => /* @__PURE__ */ S(
     overflow: "hidden",
     textOverflow: "ellipsis",
     whiteSpace: "nowrap",
-    fontSize: ct,
-    lineHeight: lt,
+    fontSize: dt,
+    lineHeight: ct,
     color: T
   },
   // Drag handle button
@@ -237,7 +237,7 @@ const Tt = (r) => /* @__PURE__ */ S(
     flexShrink: 0,
     cursor: "grab",
     alignItems: "center",
-    color: at,
+    color: lt,
     backgroundColor: "transparent",
     ...p.border("0"),
     ...p.padding(0),
@@ -251,7 +251,7 @@ const Tt = (r) => /* @__PURE__ */ S(
       outlineWidth: "2px",
       outlineStyle: "solid",
       outlineOffset: "2px",
-      outlineColor: st
+      outlineColor: at
     },
     "& svg": {
       width: "1rem",
@@ -269,7 +269,7 @@ const Tt = (r) => /* @__PURE__ */ S(
     height: "0.125rem",
     transformOrigin: "center",
     ...p.borderRadius("9999px"),
-    backgroundColor: it,
+    backgroundColor: st,
     animationName: {
       from: {
         transform: "scaleX(0)",
@@ -295,7 +295,7 @@ const Tt = (r) => /* @__PURE__ */ S(
     transformOrigin: "center",
     transform: "scale(0.95)",
     cursor: "grabbing",
-    ...p.border("1px", "solid", St),
+    ...p.border("1px", "solid", kt),
     backgroundColor: "rgb(255 255 255 / 55%)",
     boxShadow: "0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a",
     backdropFilter: "blur(12px)",
@@ -326,7 +326,7 @@ const Tt = (r) => /* @__PURE__ */ S(
     width: "1rem",
     height: "1rem",
     flexShrink: 0,
-    color: ot,
+    color: it,
     transitionProperty: "transform",
     transitionDuration: "150ms",
     transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)"
@@ -346,21 +346,21 @@ const Tt = (r) => /* @__PURE__ */ S(
   },
   standaloneGroupLabel: {
     ...d,
-    marginTop: G,
+    marginTop: R,
     display: "block",
     listStyleType: "none",
-    ...p.padding("0.375rem", It),
-    fontSize: P,
-    lineHeight: O,
-    fontWeight: rt,
-    color: R,
+    ...p.padding("0.375rem", St),
+    fontSize: H,
+    lineHeight: P,
+    fontWeight: ot,
+    color: O,
     "&:first-child": {
       marginTop: 0
     }
   },
   groupContentList: {
     ...d,
-    paddingLeft: G
+    paddingLeft: R
   },
   collapseWrapper: {
     display: "grid",
@@ -386,292 +386,292 @@ const Tt = (r) => /* @__PURE__ */ S(
     width: "1rem",
     height: "1rem",
     flexShrink: 0,
-    color: et
+    color: rt
   },
   statusIconWarning: {
     ...d,
     width: "1rem",
     height: "1rem",
     flexShrink: 0,
-    color: tt
+    color: et
   },
   statusIconSuccess: {
     ...d,
     width: "1rem",
     height: "1rem",
     flexShrink: 0,
-    color: Q
+    color: tt
   }
-}), At = ({ status: r }) => {
-  const e = f();
-  return r === "error" ? /* @__PURE__ */ t(M, { className: e.statusIconError }) : r === "warning" ? /* @__PURE__ */ t(M, { className: e.statusIconWarning }) : r === "success" ? /* @__PURE__ */ t(Dt, { className: e.statusIconSuccess }) : null;
-}, F = n.createContext({
+}), Nt = ({ status: t }) => {
+  const r = f();
+  return t === "error" ? /* @__PURE__ */ e(F, { className: r.statusIconError }) : t === "warning" ? /* @__PURE__ */ e(F, { className: r.statusIconWarning }) : t === "success" ? /* @__PURE__ */ e(Wt, { className: r.statusIconSuccess }) : null;
+}, X = i.createContext({
   striped: !1,
   showIndex: !1,
   sortable: !1
-}), V = () => n.useContext(F), Nt = (r) => r === void 0 ? void 0 : r === "relaxed" ? "normal" : r, Bt = n.forwardRef(function({ className: e, density: i, children: s, ...o }, a) {
-  const l = f(), u = Nt(i), v = n.Children.toArray(s).filter(n.isValidElement).map(
-    (y, w) => y.type === Ot ? n.cloneElement(y, {
-      index: w
+}), $ = () => i.useContext(X), Et = (t) => t === void 0 ? void 0 : t === "relaxed" ? "normal" : t, Bt = i.forwardRef(function({ className: r, density: s, children: n, ...o }, a) {
+  const l = f(), u = Et(s), w = i.Children.toArray(n).filter(i.isValidElement).map(
+    (y, v) => y.type === Ot ? i.cloneElement(y, {
+      index: v
     }) : y
   );
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     "ol",
     {
       ref: a,
       "data-slot": "list",
-      [g]: "list",
+      [m]: "list",
       ...u !== void 0 ? { "data-density": u } : {},
-      className: m(l.list, e),
+      className: g(l.list, r),
       ...o,
-      children: v
+      children: w
     }
   );
-}), Ft = n.forwardRef(function({ striped: e = !1, showIndex: i = !1, ...s }, o) {
-  return /* @__PURE__ */ t(F.Provider, { value: { striped: e, showIndex: i, sortable: !1 }, children: /* @__PURE__ */ t(Bt, { ref: o, ...s }) });
-}), Et = n.forwardRef(function({ className: e, children: i, ...s }, o) {
+}), Ft = i.forwardRef(function({ striped: r = !1, showIndex: s = !1, ...n }, o) {
+  return /* @__PURE__ */ e(X.Provider, { value: { striped: r, showIndex: s, sortable: !1 }, children: /* @__PURE__ */ e(Bt, { ref: o, ...n }) });
+}), V = i.forwardRef(function({ className: r, children: s, ...n }, o) {
   const a = f();
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     "span",
     {
       ref: o,
       "data-slot": "list-item-actions",
-      [g]: "list-item-actions",
+      [m]: "list-item-actions",
       onPointerDown: (l) => l.stopPropagation(),
-      className: m(a.actions, e),
-      ...s,
-      children: i
+      className: g(a.actions, r),
+      ...n,
+      children: s
     }
   );
-}), Vt = n.forwardRef(function({ className: e, ...i }, s) {
+}), Xt = i.forwardRef(function({ className: r, ...s }, n) {
   const o = f();
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     "span",
     {
-      ref: s,
+      ref: n,
       "data-slot": "list-item-text",
-      [g]: "list-item-text",
-      className: m(o.text, e),
-      ...i
+      [m]: "list-item-text",
+      className: g(o.text, r),
+      ...s
     }
   );
-}), Gt = n.forwardRef(function({ className: e, ...i }, s) {
+}), Gt = i.forwardRef(function({ className: r, ...s }, n) {
   const o = f();
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     "span",
     {
-      ref: s,
+      ref: n,
       "data-slot": "list-item-description",
-      [g]: "list-item-description",
-      className: m(o.description, e),
-      ...i
+      [m]: "list-item-description",
+      className: g(o.description, r),
+      ...s
     }
   );
-}), X = (r) => n.Children.toArray(r).map((e) => typeof e == "string" || typeof e == "number" ? String(e) : !n.isValidElement(e) || e.type === Gt || e.props["aria-hidden"] === !0 || e.props["aria-hidden"] === "true" ? "" : X(e.props.children)).join(" ").replace(/\s+/g, " ").trim(), Rt = n.forwardRef(
+}), A = (t) => typeof t == "string" || typeof t == "number" ? String(t) : typeof t == "object" && t !== null && !i.isValidElement(t) && Symbol.iterator in t ? Array.from(t, A).join(" ") : !i.isValidElement(t) || t.type === Gt || t.type === V || t.props["aria-hidden"] === !0 || t.props["aria-hidden"] === "true" ? "" : A(t.props.children), Rt = i.forwardRef(
   function({
-    className: e,
-    value: i,
-    textValue: s,
+    className: r,
+    value: s,
+    textValue: n,
     status: o = "default",
     index: a,
     children: l,
     setNodeRef: u,
-    setActivatorNodeRef: v,
+    setActivatorNodeRef: w,
     style: y,
-    isDragging: w,
+    isDragging: v,
     dropEdge: b,
     listeners: h,
     attributes: C,
-    ...k
+    ...L
   }, I) {
-    const c = f(), { striped: $, showIndex: K, sortable: L } = V(), Z = L && !w, N = n.Children.toArray(l), B = N.find(
-      (x) => n.isValidElement(x) && x.type === Et
-    ), E = N.filter((x) => x !== B), U = s ?? (X(E) || i || "item"), Y = n.useCallback(
+    const c = f(), { striped: K, showIndex: Z, sortable: S } = $(), U = S && !v, E = i.Children.toArray(l), B = E.find(
+      (x) => i.isValidElement(x) && x.type === V
+    ), G = E.filter((x) => x !== B), Y = S ? (n == null ? void 0 : n.trim()) || A(G).replace(/\s+/g, " ").trim() || s || "item" : void 0, _ = i.useCallback(
       (x) => {
         u == null || u(x), typeof I == "function" ? I(x) : I && (I.current = x);
       },
       [u, I]
-    ), _ = o === "error" ? c.statusError : o === "warning" ? c.statusWarning : o === "success" ? c.statusSuccess : c.statusDefault, q = Z ? o === "error" ? c.interactiveError : o === "warning" ? c.interactiveWarning : o === "success" ? c.interactiveSuccess : c.interactiveDefault : void 0;
-    return /* @__PURE__ */ S(
+    ), q = o === "error" ? c.statusError : o === "warning" ? c.statusWarning : o === "success" ? c.statusSuccess : c.statusDefault, J = U ? o === "error" ? c.interactiveError : o === "warning" ? c.interactiveWarning : o === "success" ? c.interactiveSuccess : c.interactiveDefault : void 0;
+    return /* @__PURE__ */ k(
       "li",
       {
-        ref: Y,
+        ref: _,
         style: y,
         "data-slot": "list-item",
-        [g]: "list-item",
+        [m]: "list-item",
         "data-status": o,
-        "data-value": i,
-        onPointerDown: L ? h == null ? void 0 : h.onPointerDown : void 0,
-        className: m(
+        "data-value": s,
+        onPointerDown: S ? h == null ? void 0 : h.onPointerDown : void 0,
+        className: g(
           c.item,
-          _,
-          $ && o === "default" && c.stripedEven,
           q,
-          L && c.sortableItem,
-          w && c.itemDragging,
-          e
+          K && o === "default" && c.stripedEven,
+          J,
+          S && c.sortableItem,
+          v && c.itemDragging,
+          r
         ),
-        ...k,
+        ...L,
         children: [
-          b && /* @__PURE__ */ t(
+          b && /* @__PURE__ */ e(
             "span",
             {
               "data-slot": "list-drop-indicator",
-              [g]: "list-drop-indicator",
+              [m]: "list-drop-indicator",
               "aria-hidden": "true",
-              className: m(
+              className: g(
                 c.dropIndicator,
                 b === "top" ? c.dropIndicatorTop : c.dropIndicatorBottom
               )
             }
           ),
-          K && /* @__PURE__ */ t(
+          Z && /* @__PURE__ */ e(
             "span",
             {
               "data-slot": "list-item-index",
-              [g]: "list-item-index",
+              [m]: "list-item-index",
               "aria-hidden": "true",
               className: c.indexBase,
               children: (a ?? 0) + 1
             }
           ),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             "span",
             {
               "data-slot": "list-item-content",
-              [g]: "list-item-content",
+              [m]: "list-item-content",
               className: c.content,
-              children: E
+              children: G
             }
           ),
-          /* @__PURE__ */ t(At, { status: o }),
+          /* @__PURE__ */ e(Nt, { status: o }),
           B,
-          L && /* @__PURE__ */ t(
+          S && /* @__PURE__ */ e(
             "button",
             {
-              ref: v,
+              ref: w,
               type: "button",
-              "aria-label": `Drag to reorder ${U}`,
+              "aria-label": `Drag to reorder ${Y}`,
               className: c.dragHandle,
               ...C,
               onKeyDown: h == null ? void 0 : h.onKeyDown,
-              children: /* @__PURE__ */ t(Tt, {})
+              children: /* @__PURE__ */ e(Dt, {})
             }
           )
         ]
       }
     );
   }
-), Ot = n.forwardRef(
-  function(e, i) {
-    const { SortableItem: s } = V();
-    return s ? /* @__PURE__ */ t(s, { ref: i, ...e }) : /* @__PURE__ */ t(Rt, { ref: i, ...e });
+), Ot = i.forwardRef(
+  function(r, s) {
+    const { SortableItem: n } = $();
+    return n ? /* @__PURE__ */ e(n, { ref: s, ...r }) : /* @__PURE__ */ e(Rt, { ref: s, ...r });
   }
-), A = n.createContext(null), Xt = n.forwardRef(
+), N = i.createContext(null), $t = i.forwardRef(
   function({
-    open: e,
-    defaultOpen: i = !1,
-    onOpenChange: s,
+    open: r,
+    defaultOpen: s = !1,
+    onOpenChange: n,
     className: o,
     children: a,
     ...l
   }, u) {
-    const v = f(), [y, w] = n.useState(i), b = e ?? y, h = n.useId(), C = (k) => {
-      e === void 0 && w(k), s == null || s(k);
+    const w = f(), [y, v] = i.useState(s), b = r ?? y, h = i.useId(), C = (L) => {
+      r === void 0 && v(L), n == null || n(L);
     };
-    return /* @__PURE__ */ t(A.Provider, { value: { open: b, setOpen: C, contentId: h }, children: /* @__PURE__ */ t(
+    return /* @__PURE__ */ e(N.Provider, { value: { open: b, setOpen: C, contentId: h }, children: /* @__PURE__ */ e(
       "li",
       {
         ref: u,
         "data-slot": "list-group",
-        [g]: "list-group",
+        [m]: "list-group",
         "data-state": b ? "open" : "closed",
-        className: m(v.group, o),
+        className: g(w.group, o),
         ...l,
         children: a
       }
     ) });
   }
-), $t = n.forwardRef(function({ className: e, children: i, ...s }, o) {
-  const a = f(), l = n.useContext(A);
-  return l ? /* @__PURE__ */ S(
+), Vt = i.forwardRef(function({ className: r, children: s, ...n }, o) {
+  const a = f(), l = i.useContext(N);
+  return l ? /* @__PURE__ */ k(
     "button",
     {
       ref: o,
       type: "button",
       "data-slot": "list-group-trigger",
-      [g]: "list-group-trigger",
+      [m]: "list-group-trigger",
       "aria-expanded": l.open,
       "aria-controls": l.contentId,
       onClick: () => l.setOpen(!l.open),
-      className: m(
+      className: g(
         a.item,
         a.interactiveDefault,
         a.groupTrigger,
-        e
+        r
       ),
-      ...s,
+      ...n,
       children: [
-        /* @__PURE__ */ t(
-          Wt,
+        /* @__PURE__ */ e(
+          At,
           {
-            className: m(
+            className: g(
               a.groupChevron,
               l.open && a.groupChevronOpen
             )
           }
         ),
-        /* @__PURE__ */ t("span", { className: a.groupTriggerText, children: i })
+        /* @__PURE__ */ e("span", { className: a.groupTriggerText, children: s })
       ]
     }
-  ) : /* @__PURE__ */ t(
+  ) : /* @__PURE__ */ e(
     "li",
     {
       ref: o,
       "data-slot": "list-group-label",
-      [g]: "list-group-label",
-      className: m(a.standaloneGroupLabel, e),
-      children: i
+      [m]: "list-group-label",
+      className: g(a.standaloneGroupLabel, r),
+      children: s
     }
   );
-}), Kt = n.forwardRef(function({ className: e, children: i, ...s }, o) {
-  const a = f(), l = n.useContext(A), u = /* @__PURE__ */ t(
+}), Kt = i.forwardRef(function({ className: r, children: s, ...n }, o) {
+  const a = f(), l = i.useContext(N), u = /* @__PURE__ */ e(
     "ul",
     {
       ref: o,
       "data-slot": "list-group-content",
-      [g]: "list-group-content",
-      className: m(a.list, a.groupContentList, e),
-      ...s,
-      children: i
+      [m]: "list-group-content",
+      className: g(a.list, a.groupContentList, r),
+      ...n,
+      children: s
     }
   );
-  return l ? /* @__PURE__ */ t(
+  return l ? /* @__PURE__ */ e(
     "div",
     {
       id: l.contentId,
       "data-state": l.open ? "open" : "closed",
-      className: m(
+      className: g(
         a.collapseWrapper,
         l.open && a.collapseWrapperOpen
       ),
-      children: /* @__PURE__ */ t("div", { className: a.collapseInner, children: u })
+      children: /* @__PURE__ */ e("div", { className: a.collapseInner, children: u })
     }
   ) : u;
 });
 export {
   Ft as List,
-  Xt as ListGroup,
+  $t as ListGroup,
   Kt as ListGroupContent,
-  $t as ListGroupLabel,
+  Vt as ListGroupLabel,
   Ot as ListItem,
-  Et as ListItemActions,
+  V as ListItemActions,
   Rt as ListItemBody,
   Gt as ListItemDescription,
-  Vt as ListItemText,
+  Xt as ListItemText,
   Bt as ListRoot,
-  Nt as canonicalDomDensity,
-  F as listContext,
+  Et as canonicalDomDensity,
+  X as listContext,
   f as useListStyles
 };
 //# sourceMappingURL=list.js.map