@epilot/zenith-react 0.2.0 → 0.3.0-next.2

package/dist/components/list/list.js

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