@epilot/zenith-react 0.2.0-next.0 → 0.2.0-next.3

package/dist/components/list/list.js

@@ -1,11 +1,12 @@
-import { jsx as t, jsxs as D } from "react/jsx-runtime";
+import { jsx as t, jsxs as T } from "react/jsx-runtime";
 import * as i from "react";
-import { useSensors as Q, useSensor as j, DndContext as tt, closestCenter as et, DragOverlay as ot, KeyboardSensor as rt, PointerSensor as nt } from "../../vendor/.bun/@dnd-kit_core@6.3.1_6f4b9a1cfb20c0ae/vendor/@dnd-kit/core/dist/core.esm.js";
-import { SortableContext as it, verticalListSortingStrategy as st, arrayMove as at, useSortable as lt } from "../../vendor/.bun/@dnd-kit_sortable@10.0.0_1d291640e1250bbe/vendor/@dnd-kit/sortable/dist/sortable.esm.js";
-import { mergeClasses as f, SLOT_ATTR as m, shorthands as p } from "@epilot/zenith-runtime/v1";
-import { makeZenithStyles as ct } from "../../styles/make-styles.js";
-import { successLight as dt, warningLight as ut, errorLight as pt, spacingGroup2 as F, grayA12 as V, fontWeightSemibold as gt, leadingSm as X, textSm as $, grayA10 as mt, fontWeightMedium as ft, accentSolid as ht, accentA8 as xt, grayA11 as G, grayA8 as vt, leadingXs as yt, textXs as bt, listIndexPaddingX as K, listItemPaddingX as Z, listItemPaddingY as B, listIndexMinWidth as wt, grayA2 as _, radiusMd as P, successSoftHover as It, warningSoftHover as St, errorSoftHover as Lt, accentSoft as kt, successDefault as Ct, successSoft as Dt, warningDefault as Tt, warningSoft as Wt, errorDefault as Nt, errorSoft as Et, listItemMinHeight as Ot, spacingElement3 as At, grayA5 as Gt, spacingElement1 as Bt, spacingElement2 as Pt, listItemGap as Rt } from "../../tokens/index.js";
-const Ht = (n) => /* @__PURE__ */ D(
+import { useSensors as tt, useSensor as F, DndContext as et, closestCenter as ot, DragOverlay as rt, KeyboardSensor as nt, PointerSensor as it } from "../../vendor/.bun/@dnd-kit_core@6.3.1_6f4b9a1cfb20c0ae/vendor/@dnd-kit/core/dist/core.esm.js";
+import { SortableContext as st, verticalListSortingStrategy as at, arrayMove as lt, useSortable as ct } from "../../vendor/.bun/@dnd-kit_sortable@10.0.0_1d291640e1250bbe/vendor/@dnd-kit/sortable/dist/sortable.esm.js";
+import { mergeClasses as h, SLOT_ATTR as f, shorthands as g } from "@epilot/zenith-runtime/v1";
+import { makeZenithStyles as dt } from "../../styles/make-styles.js";
+import { boxModel as u } from "../../styles/host-reset.js";
+import { successLight as ut, warningLight as pt, errorLight as gt, spacingGroup2 as V, grayA12 as X, fontWeightSemibold as mt, leadingSm as $, textSm as K, grayA10 as ft, fontWeightMedium as ht, accentSolid as xt, accentA8 as vt, grayA11 as B, grayA8 as yt, leadingXs as bt, textXs as wt, listIndexPaddingX as Z, listItemPaddingX as _, listItemPaddingY as P, listIndexMinWidth as It, grayA2 as q, radiusMd as R, successSoftHover as St, warningSoftHover as Lt, errorSoftHover as kt, accentSoft as Ct, successDefault as Dt, successSoft as Tt, warningDefault as Wt, warningSoft as Nt, errorDefault as Et, errorSoft as Ot, listItemMinHeight as At, spacingElement3 as Gt, grayA5 as Bt, spacingElement1 as Pt, spacingElement2 as Rt, listItemGap as Ht } from "../../tokens/index.js";
+const zt = (n) => /* @__PURE__ */ T(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -24,7 +25,7 @@ const Ht = (n) => /* @__PURE__ */ D(
       /* @__PURE__ */ t("circle", { cx: "15", cy: "19", r: "1.5" })
     ]
   }
-), q = (n) => /* @__PURE__ */ D(
+), U = (n) => /* @__PURE__ */ T(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -42,7 +43,7 @@ const Ht = (n) => /* @__PURE__ */ D(
       /* @__PURE__ */ t("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
     ]
   }
-), zt = (n) => /* @__PURE__ */ D(
+), Mt = (n) => /* @__PURE__ */ T(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -59,7 +60,7 @@ const Ht = (n) => /* @__PURE__ */ D(
       /* @__PURE__ */ t("polyline", { points: "22 4 12 14.01 9 11.01" })
     ]
   }
-), Mt = (n) => /* @__PURE__ */ t(
+), jt = (n) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -73,32 +74,34 @@ const Ht = (n) => /* @__PURE__ */ D(
     ...n,
     children: /* @__PURE__ */ t("polyline", { points: "9 18 15 12 9 6" })
   }
-), y = ct({
+), b = dt({
   list: {
+    ...u,
     display: "flex",
     width: "100%",
     listStyleType: "none",
     flexDirection: "column",
-    ...p.gap(0),
-    ...p.padding(0),
-    ...p.margin(0)
+    ...g.gap(0),
+    ...g.padding(0),
+    ...g.margin(0)
   },
   // ListItem base — density-bound (DENSITY-SPEC.md §2.2, WP9B2A-ACCEPTANCE-LIST).
   item: {
+    ...u,
     position: "relative",
     display: "flex",
     width: "100%",
     alignItems: "center",
-    ...p.borderRadius(P),
-    color: V,
+    ...g.borderRadius(R),
+    color: X,
     transitionProperty: "color, background-color, border-color, text-decoration-color, fill, stroke",
     transitionDuration: "150ms",
     transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
-    minHeight: Ot,
-    ...p.gap(Rt),
-    ...p.padding(B, Z),
-    fontSize: $,
-    lineHeight: X,
+    minHeight: At,
+    ...g.gap(Ht),
+    ...g.padding(P, _),
+    fontSize: K,
+    lineHeight: $,
     "& > svg": {
       flexShrink: 0,
       width: "1rem",
@@ -108,42 +111,42 @@ const Ht = (n) => /* @__PURE__ */ D(
   // Status variants
   statusDefault: {},
   statusError: {
-    backgroundColor: Et,
-    color: Nt
+    backgroundColor: Ot,
+    color: Et
   },
   statusWarning: {
-    backgroundColor: Wt,
-    color: Tt
+    backgroundColor: Nt,
+    color: Wt
   },
   statusSuccess: {
-    backgroundColor: Dt,
-    color: Ct
+    backgroundColor: Tt,
+    color: Dt
   },
   // Striped variant (only neutral rows)
   stripedEven: {
     "&:nth-child(even)": {
-      backgroundColor: _
+      backgroundColor: q
     }
   },
   // Interactive hovers
   interactiveDefault: {
     ":hover": {
-      backgroundColor: kt
+      backgroundColor: Ct
     }
   },
   interactiveError: {
     ":hover": {
-      backgroundColor: Lt
+      backgroundColor: kt
     }
   },
   interactiveWarning: {
     ":hover": {
-      backgroundColor: St
+      backgroundColor: Lt
     }
   },
   interactiveSuccess: {
     ":hover": {
-      backgroundColor: It
+      backgroundColor: St
     }
   },
   // Sortable modifiers
@@ -159,34 +162,36 @@ const Ht = (n) => /* @__PURE__ */ D(
   },
   // Index gutter — density-bound.
   indexBase: {
+    ...u,
     display: "flex",
     flexShrink: 0,
     userSelect: "none",
     alignItems: "center",
     justifyContent: "center",
     alignSelf: "stretch",
-    borderTopLeftRadius: P,
-    borderBottomLeftRadius: P,
-    backgroundColor: _,
+    borderTopLeftRadius: R,
+    borderBottomLeftRadius: R,
+    backgroundColor: q,
     textAlign: "center",
-    color: G,
+    color: B,
     fontVariantNumeric: "tabular-nums",
-    minWidth: wt,
-    marginTop: `calc(-1 * ${B})`,
-    marginBottom: `calc(-1 * ${B})`,
-    marginLeft: `calc(-1 * ${Z})`,
-    paddingLeft: K,
-    paddingRight: K
+    minWidth: It,
+    marginTop: `calc(-1 * ${P})`,
+    marginBottom: `calc(-1 * ${P})`,
+    marginLeft: `calc(-1 * ${_})`,
+    paddingLeft: Z,
+    paddingRight: Z
   },
   // Content
   content: {
+    ...u,
     display: "flex",
     minWidth: 0,
     flexGrow: 1,
     flexShrink: 1,
     flexBasis: "0%",
     alignItems: "center",
-    ...p.gap(Pt),
+    ...g.gap(Rt),
     overflow: "hidden",
     textOverflow: "ellipsis",
     whiteSpace: "nowrap",
@@ -203,41 +208,43 @@ const Ht = (n) => /* @__PURE__ */ D(
     display: "flex",
     flexShrink: 0,
     alignItems: "center",
-    ...p.gap(Bt)
+    ...g.gap(Pt)
   },
   // Text
   text: {
+    ...u,
     display: "flex",
     minWidth: 0,
     flexGrow: 1,
     flexShrink: 1,
     flexBasis: "0%",
     flexDirection: "column",
-    ...p.gap("0.125rem")
+    ...g.gap("0.125rem")
   },
   // Description
   description: {
     overflow: "hidden",
     textOverflow: "ellipsis",
     whiteSpace: "nowrap",
-    fontSize: bt,
-    lineHeight: yt,
-    color: G
+    fontSize: wt,
+    lineHeight: bt,
+    color: B
   },
   // Drag handle button
   dragHandle: {
+    ...u,
     position: "relative",
     zIndex: 10,
     display: "inline-flex",
     flexShrink: 0,
     cursor: "grab",
     alignItems: "center",
-    color: vt,
+    color: yt,
     backgroundColor: "transparent",
-    ...p.border("0"),
-    ...p.padding(0),
+    ...g.border("0"),
+    ...g.padding(0),
     ":hover": {
-      color: G
+      color: B
     },
     ":active": {
       cursor: "grabbing"
@@ -246,7 +253,7 @@ const Ht = (n) => /* @__PURE__ */ D(
       outlineWidth: "2px",
       outlineStyle: "solid",
       outlineOffset: "2px",
-      outlineColor: xt
+      outlineColor: vt
     },
     "& svg": {
       width: "1rem",
@@ -255,6 +262,7 @@ const Ht = (n) => /* @__PURE__ */ D(
   },
   // Drop indicator line
   dropIndicator: {
+    ...u,
     pointerEvents: "none",
     position: "absolute",
     left: 0,
@@ -262,8 +270,8 @@ const Ht = (n) => /* @__PURE__ */ D(
     zIndex: 10,
     height: "0.125rem",
     transformOrigin: "center",
-    ...p.borderRadius("9999px"),
-    backgroundColor: ht,
+    ...g.borderRadius("9999px"),
+    backgroundColor: xt,
     animationName: {
       from: {
         transform: "scaleX(0)",
@@ -285,10 +293,11 @@ const Ht = (n) => /* @__PURE__ */ D(
   },
   // DragOverlay ghost
   dragOverlayItem: {
+    ...u,
     transformOrigin: "center",
     transform: "scale(0.95)",
     cursor: "grabbing",
-    ...p.border("1px", "solid", Gt),
+    ...g.border("1px", "solid", Bt),
     backgroundColor: "rgb(255 255 255 / 55%)",
     boxShadow: "0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a",
     backdropFilter: "blur(12px)",
@@ -307,17 +316,19 @@ const Ht = (n) => /* @__PURE__ */ D(
     listStyleType: "none"
   },
   groupTrigger: {
+    ...u,
     cursor: "pointer",
     textAlign: "left",
-    fontWeight: ft,
+    fontWeight: ht,
     backgroundColor: "transparent",
-    ...p.border("0")
+    ...g.border("0")
   },
   groupChevron: {
+    ...u,
     width: "1rem",
     height: "1rem",
     flexShrink: 0,
-    color: mt,
+    color: ft,
     transitionProperty: "transform",
     transitionDuration: "150ms",
     transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)"
@@ -326,6 +337,7 @@ const Ht = (n) => /* @__PURE__ */ D(
     transform: "rotate(90deg)"
   },
   groupTriggerText: {
+    ...u,
     minWidth: 0,
     flexGrow: 1,
     flexShrink: 1,
@@ -335,20 +347,22 @@ const Ht = (n) => /* @__PURE__ */ D(
     whiteSpace: "nowrap"
   },
   standaloneGroupLabel: {
-    marginTop: F,
+    ...u,
+    marginTop: V,
     display: "block",
     listStyleType: "none",
-    ...p.padding("0.375rem", At),
-    fontSize: $,
-    lineHeight: X,
-    fontWeight: gt,
-    color: V,
+    ...g.padding("0.375rem", Gt),
+    fontSize: K,
+    lineHeight: $,
+    fontWeight: mt,
+    color: X,
     "&:first-child": {
       marginTop: 0
     }
   },
   groupContentList: {
-    paddingLeft: F
+    ...u,
+    paddingLeft: V
   },
   collapseWrapper: {
     display: "grid",
@@ -364,142 +378,146 @@ const Ht = (n) => /* @__PURE__ */ D(
     gridTemplateRows: "1fr"
   },
   collapseInner: {
+    ...u,
     minHeight: 0,
     overflow: "hidden"
   },
   // Status icons
   statusIconError: {
+    ...u,
     width: "1rem",
     height: "1rem",
     flexShrink: 0,
-    color: pt
+    color: gt
   },
   statusIconWarning: {
+    ...u,
     width: "1rem",
     height: "1rem",
     flexShrink: 0,
-    color: ut
+    color: pt
   },
   statusIconSuccess: {
+    ...u,
     width: "1rem",
     height: "1rem",
     flexShrink: 0,
-    color: dt
+    color: ut
   }
-}), jt = ({ status: n }) => {
-  const o = y();
-  return n === "error" ? /* @__PURE__ */ t(q, { className: o.statusIconError }) : n === "warning" ? /* @__PURE__ */ t(q, { className: o.statusIconWarning }) : n === "success" ? /* @__PURE__ */ t(zt, { className: o.statusIconSuccess }) : null;
-}, Y = i.createContext({
+}), Ft = ({ status: n }) => {
+  const o = b();
+  return n === "error" ? /* @__PURE__ */ t(U, { className: o.statusIconError }) : n === "warning" ? /* @__PURE__ */ t(U, { className: o.statusIconWarning }) : n === "success" ? /* @__PURE__ */ t(Mt, { className: o.statusIconSuccess }) : null;
+}, J = i.createContext({
   striped: !1,
   showIndex: !1,
   sortable: !1
-}), J = () => i.useContext(Y), Ft = (n) => n === void 0 ? void 0 : n === "relaxed" ? "normal" : n, Yt = i.forwardRef(function({
+}), Q = () => i.useContext(J), Vt = (n) => n === void 0 ? void 0 : n === "relaxed" ? "normal" : n, Qt = i.forwardRef(function({
   className: o,
   density: l,
   striped: e = !1,
   showIndex: c = !1,
   sortable: s = !1,
   onReorder: r,
-  children: x,
-  ...b
-}, w) {
-  const v = y(), u = Ft(l), I = i.Children.toArray(x).filter(
+  children: v,
+  ...w
+}, I) {
+  const y = b(), p = Vt(l), S = i.Children.toArray(v).filter(
     i.isValidElement
-  ), T = I.map(
-    (d, C) => d.type === U ? i.cloneElement(d, { index: C }) : d
-  ), h = I.filter((d) => d.type === U), a = h.map((d) => d.props.value).filter((d) => typeof d == "string"), [S, W] = i.useState(null), L = S ? a.indexOf(S) : -1, k = S != null ? h.find((d) => d.props.value === S) : void 0, N = Q(
-    j(nt, { activationConstraint: { distance: 3 } }),
-    j(rt)
-  ), E = (d) => {
-    W(d.active.id);
-  }, A = (d) => {
-    W(null);
-    const { active: C, over: g } = d;
-    if (!g || C.id === g.id) return;
-    const z = a.indexOf(C.id), M = a.indexOf(g.id);
-    z === -1 || M === -1 || r == null || r(at(a, z, M));
-  }, O = /* @__PURE__ */ t(
+  ), W = S.map(
+    (d, D) => d.type === Y ? i.cloneElement(d, { index: D }) : d
+  ), x = S.filter((d) => d.type === Y), a = x.map((d) => d.props.value).filter((d) => typeof d == "string"), [L, N] = i.useState(null), k = L ? a.indexOf(L) : -1, C = L != null ? x.find((d) => d.props.value === L) : void 0, E = tt(
+    F(it, { activationConstraint: { distance: 3 } }),
+    F(nt)
+  ), O = (d) => {
+    N(d.active.id);
+  }, G = (d) => {
+    N(null);
+    const { active: D, over: m } = d;
+    if (!m || D.id === m.id) return;
+    const M = a.indexOf(D.id), j = a.indexOf(m.id);
+    M === -1 || j === -1 || r == null || r(lt(a, M, j));
+  }, A = /* @__PURE__ */ t(
     "ol",
     {
-      ref: w,
+      ref: I,
       "data-slot": "list",
-      [m]: "list",
-      ...u !== void 0 ? { "data-density": u } : {},
-      className: f(v.list, o),
-      ...b,
-      children: T
+      [f]: "list",
+      ...p !== void 0 ? { "data-density": p } : {},
+      className: h(y.list, o),
+      ...w,
+      children: W
     }
   );
-  return /* @__PURE__ */ t(Y.Provider, { value: { striped: e, showIndex: c, sortable: s }, children: s ? /* @__PURE__ */ D(
-    tt,
+  return /* @__PURE__ */ t(J.Provider, { value: { striped: e, showIndex: c, sortable: s }, children: s ? /* @__PURE__ */ T(
+    et,
     {
-      sensors: N,
-      collisionDetection: et,
-      onDragStart: E,
-      onDragEnd: A,
-      onDragCancel: () => W(null),
+      sensors: E,
+      collisionDetection: ot,
+      onDragStart: O,
+      onDragEnd: G,
+      onDragCancel: () => N(null),
       children: [
         /* @__PURE__ */ t(
-          it,
+          st,
           {
             items: a,
-            strategy: st,
-            children: O
+            strategy: at,
+            children: A
           }
         ),
-        /* @__PURE__ */ t(ot, { children: k ? /* @__PURE__ */ t(
-          R,
+        /* @__PURE__ */ t(rt, { children: C ? /* @__PURE__ */ t(
+          H,
           {
-            value: k.props.value,
-            status: k.props.status,
-            index: L,
-            className: v.dragOverlayItem,
-            ...u !== void 0 ? { "data-density": u } : {},
-            children: k.props.children
+            value: C.props.value,
+            status: C.props.status,
+            index: k,
+            className: y.dragOverlayItem,
+            ...p !== void 0 ? { "data-density": p } : {},
+            children: C.props.children
           }
         ) : null })
       ]
     }
-  ) : O });
-}), Vt = i.forwardRef(function({ className: o, children: l, ...e }, c) {
-  const s = y();
+  ) : A });
+}), Xt = i.forwardRef(function({ className: o, children: l, ...e }, c) {
+  const s = b();
   return /* @__PURE__ */ t(
     "span",
     {
       ref: c,
       "data-slot": "list-item-actions",
-      [m]: "list-item-actions",
+      [f]: "list-item-actions",
       onPointerDown: (r) => r.stopPropagation(),
-      className: f(s.actions, o),
+      className: h(s.actions, o),
       ...e,
       children: l
     }
   );
-}), Jt = i.forwardRef(function({ className: o, ...l }, e) {
-  const c = y();
+}), te = i.forwardRef(function({ className: o, ...l }, e) {
+  const c = b();
   return /* @__PURE__ */ t(
     "span",
     {
       ref: e,
       "data-slot": "list-item-text",
-      [m]: "list-item-text",
-      className: f(c.text, o),
+      [f]: "list-item-text",
+      className: h(c.text, o),
       ...l
     }
   );
-}), Qt = i.forwardRef(function({ className: o, ...l }, e) {
-  const c = y();
+}), ee = i.forwardRef(function({ className: o, ...l }, e) {
+  const c = b();
   return /* @__PURE__ */ t(
     "span",
     {
       ref: e,
       "data-slot": "list-item-description",
-      [m]: "list-item-description",
-      className: f(c.description, o),
+      [f]: "list-item-description",
+      className: h(c.description, o),
       ...l
     }
   );
-}), R = i.forwardRef(
+}), H = i.forwardRef(
   function({
     className: o,
     value: l,
@@ -507,60 +525,60 @@ const Ht = (n) => /* @__PURE__ */ D(
     index: c,
     children: s,
     setNodeRef: r,
-    setActivatorNodeRef: x,
-    style: b,
-    isDragging: w,
-    dropEdge: v,
-    listeners: u,
-    attributes: I,
-    ...T
-  }, h) {
-    const a = y(), { striped: S, showIndex: W, sortable: L } = J(), k = L && !w, N = i.Children.toArray(s), E = N.find(
-      (g) => i.isValidElement(g) && g.type === Vt
-    ), A = N.filter((g) => g !== E), O = i.useCallback(
-      (g) => {
-        r == null || r(g), typeof h == "function" ? h(g) : h && (h.current = g);
+    setActivatorNodeRef: v,
+    style: w,
+    isDragging: I,
+    dropEdge: y,
+    listeners: p,
+    attributes: S,
+    ...W
+  }, x) {
+    const a = b(), { striped: L, showIndex: N, sortable: k } = Q(), C = k && !I, E = i.Children.toArray(s), O = E.find(
+      (m) => i.isValidElement(m) && m.type === Xt
+    ), G = E.filter((m) => m !== O), A = i.useCallback(
+      (m) => {
+        r == null || r(m), typeof x == "function" ? x(m) : x && (x.current = m);
       },
-      [r, h]
-    ), d = e === "error" ? a.statusError : e === "warning" ? a.statusWarning : e === "success" ? a.statusSuccess : a.statusDefault, C = k ? e === "error" ? a.interactiveError : e === "warning" ? a.interactiveWarning : e === "success" ? a.interactiveSuccess : a.interactiveDefault : void 0;
-    return /* @__PURE__ */ D(
+      [r, x]
+    ), d = e === "error" ? a.statusError : e === "warning" ? a.statusWarning : e === "success" ? a.statusSuccess : a.statusDefault, D = C ? e === "error" ? a.interactiveError : e === "warning" ? a.interactiveWarning : e === "success" ? a.interactiveSuccess : a.interactiveDefault : void 0;
+    return /* @__PURE__ */ T(
       "li",
       {
-        ref: O,
-        style: b,
+        ref: A,
+        style: w,
         "data-slot": "list-item",
-        [m]: "list-item",
+        [f]: "list-item",
         "data-status": e,
         "data-value": l,
-        onPointerDown: L ? u == null ? void 0 : u.onPointerDown : void 0,
-        className: f(
+        onPointerDown: k ? p == null ? void 0 : p.onPointerDown : void 0,
+        className: h(
           a.item,
           d,
-          S && e === "default" && a.stripedEven,
-          C,
-          L && a.sortableItem,
-          w && a.itemDragging,
+          L && e === "default" && a.stripedEven,
+          D,
+          k && a.sortableItem,
+          I && a.itemDragging,
           o
         ),
-        ...T,
+        ...W,
         children: [
-          v && /* @__PURE__ */ t(
+          y && /* @__PURE__ */ t(
             "span",
             {
               "data-slot": "list-drop-indicator",
-              [m]: "list-drop-indicator",
+              [f]: "list-drop-indicator",
               "aria-hidden": "true",
-              className: f(
+              className: h(
                 a.dropIndicator,
-                v === "top" ? a.dropIndicatorTop : a.dropIndicatorBottom
+                y === "top" ? a.dropIndicatorTop : a.dropIndicatorBottom
               )
             }
           ),
-          W && /* @__PURE__ */ t(
+          N && /* @__PURE__ */ t(
             "span",
             {
               "data-slot": "list-item-index",
-              [m]: "list-item-index",
+              [f]: "list-item-index",
               "aria-hidden": "true",
               className: a.indexBase,
               children: (c ?? 0) + 1
@@ -570,30 +588,30 @@ const Ht = (n) => /* @__PURE__ */ D(
             "span",
             {
               "data-slot": "list-item-content",
-              [m]: "list-item-content",
+              [f]: "list-item-content",
               className: a.content,
-              children: A
+              children: G
             }
           ),
-          /* @__PURE__ */ t(jt, { status: e }),
-          E,
-          L && /* @__PURE__ */ t(
+          /* @__PURE__ */ t(Ft, { status: e }),
+          O,
+          k && /* @__PURE__ */ t(
             "button",
             {
-              ref: x,
+              ref: v,
               type: "button",
               "aria-label": `Drag to reorder ${l ?? "item"}`,
               className: a.dragHandle,
-              ...I,
-              onKeyDown: u == null ? void 0 : u.onKeyDown,
-              children: /* @__PURE__ */ t(Ht, {})
+              ...S,
+              onKeyDown: p == null ? void 0 : p.onKeyDown,
+              children: /* @__PURE__ */ t(zt, {})
             }
           )
         ]
       }
     );
   }
-), Xt = i.forwardRef(
+), $t = i.forwardRef(
   function(o, l) {
     const e = i.useId();
     process.env.NODE_ENV !== "production" && o.value === void 0 && console.warn(
@@ -603,35 +621,35 @@ const Ht = (n) => /* @__PURE__ */ D(
       attributes: c,
       listeners: s,
       setNodeRef: r,
-      setActivatorNodeRef: x,
-      isDragging: b,
-      isOver: w,
-      activeIndex: v,
-      overIndex: u
-    } = lt({
+      setActivatorNodeRef: v,
+      isDragging: w,
+      isOver: I,
+      activeIndex: y,
+      overIndex: p
+    } = ct({
       id: o.value ?? e,
       animateLayoutChanges: () => !1
-    }), I = w && !b && v !== -1 ? v < u ? "bottom" : "top" : null;
+    }), S = I && !w && y !== -1 ? y < p ? "bottom" : "top" : null;
     return /* @__PURE__ */ t(
-      R,
+      H,
       {
         ref: l,
         ...o,
         setNodeRef: r,
-        setActivatorNodeRef: x,
-        isDragging: b,
-        dropEdge: I,
+        setActivatorNodeRef: v,
+        isDragging: w,
+        dropEdge: S,
         listeners: s,
         attributes: c
       }
     );
   }
-), U = i.forwardRef(
+), Y = i.forwardRef(
   function(o, l) {
-    const { sortable: e } = J();
-    return e ? /* @__PURE__ */ t(Xt, { ref: l, ...o }) : /* @__PURE__ */ t(R, { ref: l, ...o });
+    const { sortable: e } = Q();
+    return e ? /* @__PURE__ */ t($t, { ref: l, ...o }) : /* @__PURE__ */ t(H, { ref: l, ...o });
   }
-), H = i.createContext(null), te = i.forwardRef(
+), z = i.createContext(null), oe = i.forwardRef(
   function({
     open: o,
     defaultOpen: l = !1,
@@ -639,36 +657,36 @@ const Ht = (n) => /* @__PURE__ */ D(
     className: c,
     children: s,
     ...r
-  }, x) {
-    const b = y(), [w, v] = i.useState(l), u = o ?? w, I = i.useId(), T = (h) => {
-      o === void 0 && v(h), e == null || e(h);
+  }, v) {
+    const w = b(), [I, y] = i.useState(l), p = o ?? I, S = i.useId(), W = (x) => {
+      o === void 0 && y(x), e == null || e(x);
     };
-    return /* @__PURE__ */ t(H.Provider, { value: { open: u, setOpen: T, contentId: I }, children: /* @__PURE__ */ t(
+    return /* @__PURE__ */ t(z.Provider, { value: { open: p, setOpen: W, contentId: S }, children: /* @__PURE__ */ t(
       "li",
       {
-        ref: x,
+        ref: v,
         "data-slot": "list-group",
-        [m]: "list-group",
-        "data-state": u ? "open" : "closed",
-        className: f(b.group, c),
+        [f]: "list-group",
+        "data-state": p ? "open" : "closed",
+        className: h(w.group, c),
         ...r,
         children: s
       }
     ) });
   }
-), ee = i.forwardRef(function({ className: o, children: l, ...e }, c) {
-  const s = y(), r = i.useContext(H);
-  return r ? /* @__PURE__ */ D(
+), re = i.forwardRef(function({ className: o, children: l, ...e }, c) {
+  const s = b(), r = i.useContext(z);
+  return r ? /* @__PURE__ */ T(
     "button",
     {
       ref: c,
       type: "button",
       "data-slot": "list-group-trigger",
-      [m]: "list-group-trigger",
+      [f]: "list-group-trigger",
       "aria-expanded": r.open,
       "aria-controls": r.contentId,
       onClick: () => r.setOpen(!r.open),
-      className: f(
+      className: h(
         s.item,
         s.interactiveDefault,
         s.groupTrigger,
@@ -677,9 +695,9 @@ const Ht = (n) => /* @__PURE__ */ D(
       ...e,
       children: [
         /* @__PURE__ */ t(
-          Mt,
+          jt,
           {
-            className: f(
+            className: h(
               s.groupChevron,
               r.open && s.groupChevronOpen
             )
@@ -693,19 +711,19 @@ const Ht = (n) => /* @__PURE__ */ D(
     {
       ref: c,
       "data-slot": "list-group-label",
-      [m]: "list-group-label",
-      className: f(s.standaloneGroupLabel, o),
+      [f]: "list-group-label",
+      className: h(s.standaloneGroupLabel, o),
       children: l
     }
   );
-}), oe = i.forwardRef(function({ className: o, children: l, ...e }, c) {
-  const s = y(), r = i.useContext(H), x = /* @__PURE__ */ t(
+}), ne = i.forwardRef(function({ className: o, children: l, ...e }, c) {
+  const s = b(), r = i.useContext(z), v = /* @__PURE__ */ t(
     "ul",
     {
       ref: c,
       "data-slot": "list-group-content",
-      [m]: "list-group-content",
-      className: f(s.list, s.groupContentList, o),
+      [f]: "list-group-content",
+      className: h(s.list, s.groupContentList, o),
       ...e,
       children: l
     }
@@ -715,22 +733,22 @@ const Ht = (n) => /* @__PURE__ */ D(
     {
       id: r.contentId,
       "data-state": r.open ? "open" : "closed",
-      className: f(
+      className: h(
         s.collapseWrapper,
         r.open && s.collapseWrapperOpen
       ),
-      children: /* @__PURE__ */ t("div", { className: s.collapseInner, children: x })
+      children: /* @__PURE__ */ t("div", { className: s.collapseInner, children: v })
     }
-  ) : x;
+  ) : v;
 });
 export {
-  Yt as List,
-  te as ListGroup,
-  oe as ListGroupContent,
-  ee as ListGroupLabel,
-  U as ListItem,
-  Vt as ListItemActions,
-  Qt as ListItemDescription,
-  Jt as ListItemText
+  Qt as List,
+  oe as ListGroup,
+  ne as ListGroupContent,
+  re as ListGroupLabel,
+  Y as ListItem,
+  Xt as ListItemActions,
+  ee as ListItemDescription,
+  te as ListItemText
 };
 //# sourceMappingURL=list.js.map