@epilot/zenith-react 0.2.0-next.1 → 0.2.0-next.4

package/dist/components/list/list.js

@@ -1,12 +1,10 @@
-import { jsx as t, jsxs as T } from "react/jsx-runtime";
-import * as i from "react";
-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(
+import { jsx as t, jsxs as I } 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 { 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(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -15,7 +13,7 @@ const zt = (n) => /* @__PURE__ */ T(
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true",
-    ...n,
+    ...r,
     children: [
       /* @__PURE__ */ t("circle", { cx: "9", cy: "5", r: "1.5" }),
       /* @__PURE__ */ t("circle", { cx: "15", cy: "5", r: "1.5" }),
@@ -25,7 +23,7 @@ const zt = (n) => /* @__PURE__ */ T(
       /* @__PURE__ */ t("circle", { cx: "15", cy: "19", r: "1.5" })
     ]
   }
-), U = (n) => /* @__PURE__ */ T(
+), z = (r) => /* @__PURE__ */ I(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -36,14 +34,14 @@ const zt = (n) => /* @__PURE__ */ T(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     "aria-hidden": "true",
-    ...n,
+    ...r,
     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" })
     ]
   }
-), Mt = (n) => /* @__PURE__ */ T(
+), Lt = (r) => /* @__PURE__ */ I(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -54,13 +52,13 @@ const zt = (n) => /* @__PURE__ */ T(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     "aria-hidden": "true",
-    ...n,
+    ...r,
     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" })
     ]
   }
-), jt = (n) => /* @__PURE__ */ t(
+), Ct = (r) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -71,37 +69,37 @@ const zt = (n) => /* @__PURE__ */ T(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     "aria-hidden": "true",
-    ...n,
+    ...r,
     children: /* @__PURE__ */ t("polyline", { points: "9 18 15 12 9 6" })
   }
-), b = dt({
+), h = Y({
   list: {
-    ...u,
+    ...d,
     display: "flex",
     width: "100%",
     listStyleType: "none",
     flexDirection: "column",
-    ...g.gap(0),
-    ...g.padding(0),
-    ...g.margin(0)
+    ...p.gap(0),
+    ...p.padding(0),
+    ...p.margin(0)
   },
   // ListItem base — density-bound (DENSITY-SPEC.md §2.2, WP9B2A-ACCEPTANCE-LIST).
   item: {
-    ...u,
+    ...d,
     position: "relative",
     display: "flex",
     width: "100%",
     alignItems: "center",
-    ...g.borderRadius(R),
-    color: X,
+    ...p.borderRadius(D),
+    color: G,
     transitionProperty: "color, background-color, border-color, text-decoration-color, fill, stroke",
     transitionDuration: "150ms",
     transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
-    minHeight: At,
-    ...g.gap(Ht),
-    ...g.padding(P, _),
-    fontSize: K,
-    lineHeight: $,
+    minHeight: wt,
+    ...p.gap(St),
+    ...p.padding(T, H),
+    fontSize: E,
+    lineHeight: R,
     "& > svg": {
       flexShrink: 0,
       width: "1rem",
@@ -111,42 +109,42 @@ const zt = (n) => /* @__PURE__ */ T(
   // Status variants
   statusDefault: {},
   statusError: {
-    backgroundColor: Ot,
-    color: Et
+    backgroundColor: xt,
+    color: ht
   },
   statusWarning: {
-    backgroundColor: Nt,
-    color: Wt
+    backgroundColor: ft,
+    color: mt
   },
   statusSuccess: {
-    backgroundColor: Tt,
-    color: Dt
+    backgroundColor: gt,
+    color: ut
   },
   // Striped variant (only neutral rows)
   stripedEven: {
     "&:nth-child(even)": {
-      backgroundColor: q
+      backgroundColor: P
     }
   },
   // Interactive hovers
   interactiveDefault: {
     ":hover": {
-      backgroundColor: Ct
+      backgroundColor: pt
     }
   },
   interactiveError: {
     ":hover": {
-      backgroundColor: kt
+      backgroundColor: dt
     }
   },
   interactiveWarning: {
     ":hover": {
-      backgroundColor: Lt
+      backgroundColor: ct
     }
   },
   interactiveSuccess: {
     ":hover": {
-      backgroundColor: St
+      backgroundColor: lt
     }
   },
   // Sortable modifiers
@@ -162,36 +160,36 @@ const zt = (n) => /* @__PURE__ */ T(
   },
   // Index gutter — density-bound.
   indexBase: {
-    ...u,
+    ...d,
     display: "flex",
     flexShrink: 0,
     userSelect: "none",
     alignItems: "center",
     justifyContent: "center",
     alignSelf: "stretch",
-    borderTopLeftRadius: R,
-    borderBottomLeftRadius: R,
-    backgroundColor: q,
+    borderTopLeftRadius: D,
+    borderBottomLeftRadius: D,
+    backgroundColor: P,
     textAlign: "center",
-    color: B,
+    color: C,
     fontVariantNumeric: "tabular-nums",
-    minWidth: It,
-    marginTop: `calc(-1 * ${P})`,
-    marginBottom: `calc(-1 * ${P})`,
-    marginLeft: `calc(-1 * ${_})`,
-    paddingLeft: Z,
-    paddingRight: Z
+    minWidth: at,
+    marginTop: `calc(-1 * ${T})`,
+    marginBottom: `calc(-1 * ${T})`,
+    marginLeft: `calc(-1 * ${H})`,
+    paddingLeft: O,
+    paddingRight: O
   },
   // Content
   content: {
-    ...u,
+    ...d,
     display: "flex",
     minWidth: 0,
     flexGrow: 1,
     flexShrink: 1,
     flexBasis: "0%",
     alignItems: "center",
-    ...g.gap(Rt),
+    ...p.gap(It),
     overflow: "hidden",
     textOverflow: "ellipsis",
     whiteSpace: "nowrap",
@@ -208,43 +206,43 @@ const zt = (n) => /* @__PURE__ */ T(
     display: "flex",
     flexShrink: 0,
     alignItems: "center",
-    ...g.gap(Pt)
+    ...p.gap(bt)
   },
   // Text
   text: {
-    ...u,
+    ...d,
     display: "flex",
     minWidth: 0,
     flexGrow: 1,
     flexShrink: 1,
     flexBasis: "0%",
     flexDirection: "column",
-    ...g.gap("0.125rem")
+    ...p.gap("0.125rem")
   },
   // Description
   description: {
     overflow: "hidden",
     textOverflow: "ellipsis",
     whiteSpace: "nowrap",
-    fontSize: wt,
-    lineHeight: bt,
-    color: B
+    fontSize: st,
+    lineHeight: it,
+    color: C
   },
   // Drag handle button
   dragHandle: {
-    ...u,
+    ...d,
     position: "relative",
     zIndex: 10,
     display: "inline-flex",
     flexShrink: 0,
     cursor: "grab",
     alignItems: "center",
-    color: yt,
+    color: nt,
     backgroundColor: "transparent",
-    ...g.border("0"),
-    ...g.padding(0),
+    ...p.border("0"),
+    ...p.padding(0),
     ":hover": {
-      color: B
+      color: C
     },
     ":active": {
       cursor: "grabbing"
@@ -253,7 +251,7 @@ const zt = (n) => /* @__PURE__ */ T(
       outlineWidth: "2px",
       outlineStyle: "solid",
       outlineOffset: "2px",
-      outlineColor: vt
+      outlineColor: rt
     },
     "& svg": {
       width: "1rem",
@@ -262,7 +260,7 @@ const zt = (n) => /* @__PURE__ */ T(
   },
   // Drop indicator line
   dropIndicator: {
-    ...u,
+    ...d,
     pointerEvents: "none",
     position: "absolute",
     left: 0,
@@ -270,8 +268,8 @@ const zt = (n) => /* @__PURE__ */ T(
     zIndex: 10,
     height: "0.125rem",
     transformOrigin: "center",
-    ...g.borderRadius("9999px"),
-    backgroundColor: xt,
+    ...p.borderRadius("9999px"),
+    backgroundColor: ot,
     animationName: {
       from: {
         transform: "scaleX(0)",
@@ -293,11 +291,11 @@ const zt = (n) => /* @__PURE__ */ T(
   },
   // DragOverlay ghost
   dragOverlayItem: {
-    ...u,
+    ...d,
     transformOrigin: "center",
     transform: "scale(0.95)",
     cursor: "grabbing",
-    ...g.border("1px", "solid", Bt),
+    ...p.border("1px", "solid", yt),
     backgroundColor: "rgb(255 255 255 / 55%)",
     boxShadow: "0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a",
     backdropFilter: "blur(12px)",
@@ -316,19 +314,19 @@ const zt = (n) => /* @__PURE__ */ T(
     listStyleType: "none"
   },
   groupTrigger: {
-    ...u,
+    ...d,
     cursor: "pointer",
     textAlign: "left",
-    fontWeight: ht,
+    fontWeight: et,
     backgroundColor: "transparent",
-    ...g.border("0")
+    ...p.border("0")
   },
   groupChevron: {
-    ...u,
+    ...d,
     width: "1rem",
     height: "1rem",
     flexShrink: 0,
-    color: ft,
+    color: tt,
     transitionProperty: "transform",
     transitionDuration: "150ms",
     transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)"
@@ -337,7 +335,7 @@ const zt = (n) => /* @__PURE__ */ T(
     transform: "rotate(90deg)"
   },
   groupTriggerText: {
-    ...u,
+    ...d,
     minWidth: 0,
     flexGrow: 1,
     flexShrink: 1,
@@ -347,22 +345,22 @@ const zt = (n) => /* @__PURE__ */ T(
     whiteSpace: "nowrap"
   },
   standaloneGroupLabel: {
-    ...u,
-    marginTop: V,
+    ...d,
+    marginTop: B,
     display: "block",
     listStyleType: "none",
-    ...g.padding("0.375rem", Gt),
-    fontSize: K,
-    lineHeight: $,
-    fontWeight: mt,
-    color: X,
+    ...p.padding("0.375rem", vt),
+    fontSize: E,
+    lineHeight: R,
+    fontWeight: Q,
+    color: G,
     "&:first-child": {
       marginTop: 0
     }
   },
   groupContentList: {
-    ...u,
-    paddingLeft: V
+    ...d,
+    paddingLeft: B
   },
   collapseWrapper: {
     display: "grid",
@@ -378,377 +376,301 @@ const zt = (n) => /* @__PURE__ */ T(
     gridTemplateRows: "1fr"
   },
   collapseInner: {
-    ...u,
+    ...d,
     minHeight: 0,
     overflow: "hidden"
   },
   // Status icons
   statusIconError: {
-    ...u,
+    ...d,
     width: "1rem",
     height: "1rem",
     flexShrink: 0,
-    color: gt
+    color: J
   },
   statusIconWarning: {
-    ...u,
+    ...d,
     width: "1rem",
     height: "1rem",
     flexShrink: 0,
-    color: pt
+    color: q
   },
   statusIconSuccess: {
-    ...u,
+    ...d,
     width: "1rem",
     height: "1rem",
     flexShrink: 0,
-    color: ut
+    color: _
   }
-}), 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({
+}), 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({
   striped: !1,
   showIndex: !1,
   sortable: !1
-}), 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: v,
-  ...w
-}, I) {
-  const y = b(), p = Vt(l), S = i.Children.toArray(v).filter(
-    i.isValidElement
-  ), 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(
+}), 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
+  );
+  return /* @__PURE__ */ t(
     "ol",
     {
-      ref: I,
+      ref: a,
       "data-slot": "list",
-      [f]: "list",
-      ...p !== void 0 ? { "data-density": p } : {},
-      className: h(y.list, o),
-      ...w,
-      children: W
+      [u]: "list",
+      ...m !== void 0 ? { "data-density": m } : {},
+      className: g(s.list, o),
+      ...l,
+      children: b
     }
   );
-  return /* @__PURE__ */ t(J.Provider, { value: { striped: e, showIndex: c, sortable: s }, children: s ? /* @__PURE__ */ T(
-    et,
-    {
-      sensors: E,
-      collisionDetection: ot,
-      onDragStart: O,
-      onDragEnd: G,
-      onDragCancel: () => N(null),
-      children: [
-        /* @__PURE__ */ t(
-          st,
-          {
-            items: a,
-            strategy: at,
-            children: A
-          }
-        ),
-        /* @__PURE__ */ t(rt, { children: C ? /* @__PURE__ */ t(
-          H,
-          {
-            value: C.props.value,
-            status: C.props.status,
-            index: k,
-            className: y.dragOverlayItem,
-            ...p !== void 0 ? { "data-density": p } : {},
-            children: C.props.children
-          }
-        ) : null })
-      ]
-    }
-  ) : A });
-}), Xt = i.forwardRef(function({ className: o, children: l, ...e }, c) {
-  const s = b();
+}), 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();
   return /* @__PURE__ */ t(
     "span",
     {
-      ref: c,
+      ref: l,
       "data-slot": "list-item-actions",
-      [f]: "list-item-actions",
-      onPointerDown: (r) => r.stopPropagation(),
-      className: h(s.actions, o),
+      [u]: "list-item-actions",
+      onPointerDown: (s) => s.stopPropagation(),
+      className: g(a.actions, o),
       ...e,
-      children: l
+      children: i
     }
   );
-}), te = i.forwardRef(function({ className: o, ...l }, e) {
-  const c = b();
+}), zt = n.forwardRef(function({ className: o, ...i }, e) {
+  const l = h();
   return /* @__PURE__ */ t(
     "span",
     {
       ref: e,
       "data-slot": "list-item-text",
-      [f]: "list-item-text",
-      className: h(c.text, o),
-      ...l
+      [u]: "list-item-text",
+      className: g(l.text, o),
+      ...i
     }
   );
-}), ee = i.forwardRef(function({ className: o, ...l }, e) {
-  const c = b();
+}), Mt = n.forwardRef(function({ className: o, ...i }, e) {
+  const l = h();
   return /* @__PURE__ */ t(
     "span",
     {
       ref: e,
       "data-slot": "list-item-description",
-      [f]: "list-item-description",
-      className: h(c.description, o),
-      ...l
+      [u]: "list-item-description",
+      className: g(l.description, o),
+      ...i
     }
   );
-}), H = i.forwardRef(
+}), At = n.forwardRef(
   function({
     className: o,
-    value: l,
+    value: i,
     status: e = "default",
-    index: c,
-    children: s,
-    setNodeRef: r,
-    setActivatorNodeRef: v,
-    style: w,
-    isDragging: I,
+    index: l,
+    children: a,
+    setNodeRef: s,
+    setActivatorNodeRef: m,
+    style: b,
+    isDragging: x,
     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);
+    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);
       },
-      [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(
+      [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(
       "li",
       {
-        ref: A,
-        style: w,
+        ref: K,
+        style: b,
         "data-slot": "list-item",
-        [f]: "list-item",
+        [u]: "list-item",
         "data-status": e,
-        "data-value": l,
-        onPointerDown: k ? p == null ? void 0 : p.onPointerDown : void 0,
-        className: h(
-          a.item,
-          d,
-          L && e === "default" && a.stripedEven,
-          D,
-          k && a.sortableItem,
-          I && a.itemDragging,
+        "data-value": i,
+        onPointerDown: S ? f == null ? void 0 : f.onPointerDown : void 0,
+        className: g(
+          c.item,
+          Z,
+          F && e === "default" && c.stripedEven,
+          U,
+          S && c.sortableItem,
+          x && c.itemDragging,
           o
         ),
-        ...W,
+        ...L,
         children: [
           y && /* @__PURE__ */ t(
             "span",
             {
               "data-slot": "list-drop-indicator",
-              [f]: "list-drop-indicator",
+              [u]: "list-drop-indicator",
               "aria-hidden": "true",
-              className: h(
-                a.dropIndicator,
-                y === "top" ? a.dropIndicatorTop : a.dropIndicatorBottom
+              className: g(
+                c.dropIndicator,
+                y === "top" ? c.dropIndicatorTop : c.dropIndicatorBottom
               )
             }
           ),
-          N && /* @__PURE__ */ t(
+          X && /* @__PURE__ */ t(
             "span",
             {
               "data-slot": "list-item-index",
-              [f]: "list-item-index",
+              [u]: "list-item-index",
               "aria-hidden": "true",
-              className: a.indexBase,
-              children: (c ?? 0) + 1
+              className: c.indexBase,
+              children: (l ?? 0) + 1
             }
           ),
           /* @__PURE__ */ t(
             "span",
             {
               "data-slot": "list-item-content",
-              [f]: "list-item-content",
-              className: a.content,
-              children: G
+              [u]: "list-item-content",
+              className: c.content,
+              children: $
             }
           ),
-          /* @__PURE__ */ t(Ft, { status: e }),
-          O,
-          k && /* @__PURE__ */ t(
+          /* @__PURE__ */ t(Tt, { status: e }),
+          A,
+          S && /* @__PURE__ */ t(
             "button",
             {
-              ref: v,
+              ref: m,
               type: "button",
-              "aria-label": `Drag to reorder ${l ?? "item"}`,
-              className: a.dragHandle,
-              ...S,
-              onKeyDown: p == null ? void 0 : p.onKeyDown,
-              children: /* @__PURE__ */ t(zt, {})
+              "aria-label": `Drag to reorder ${i ?? "item"}`,
+              className: c.dragHandle,
+              ...k,
+              onKeyDown: f == null ? void 0 : f.onKeyDown,
+              children: /* @__PURE__ */ t(kt, {})
             }
           )
         ]
       }
     );
   }
-), $t = i.forwardRef(
-  function(o, l) {
-    const e = i.useId();
-    process.env.NODE_ENV !== "production" && o.value === void 0 && console.warn(
-      "List: a sortable `ListItem` is missing a `value`. Give each sortable item a unique `value` so it can be reordered — items without one are excluded from `onReorder`."
-    );
-    const {
-      attributes: c,
-      listeners: s,
-      setNodeRef: r,
-      setActivatorNodeRef: v,
-      isDragging: w,
-      isOver: I,
-      activeIndex: y,
-      overIndex: p
-    } = ct({
-      id: o.value ?? e,
-      animateLayoutChanges: () => !1
-    }), S = I && !w && y !== -1 ? y < p ? "bottom" : "top" : null;
-    return /* @__PURE__ */ t(
-      H,
-      {
-        ref: l,
-        ...o,
-        setNodeRef: r,
-        setActivatorNodeRef: v,
-        isDragging: w,
-        dropEdge: S,
-        listeners: s,
-        attributes: c
-      }
-    );
-  }
-), Y = i.forwardRef(
-  function(o, l) {
-    const { sortable: e } = Q();
-    return e ? /* @__PURE__ */ t($t, { ref: l, ...o }) : /* @__PURE__ */ t(H, { ref: l, ...o });
+), Bt = n.forwardRef(
+  function(o, i) {
+    const { SortableItem: e } = j();
+    return e ? /* @__PURE__ */ t(e, { ref: i, ...o }) : /* @__PURE__ */ t(At, { ref: i, ...o });
   }
-), z = i.createContext(null), oe = i.forwardRef(
+), W = n.createContext(null), jt = n.forwardRef(
   function({
     open: o,
-    defaultOpen: l = !1,
+    defaultOpen: i = !1,
     onOpenChange: e,
-    className: c,
-    children: s,
-    ...r
-  }, 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);
+    className: l,
+    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);
     };
-    return /* @__PURE__ */ t(z.Provider, { value: { open: p, setOpen: W, contentId: S }, children: /* @__PURE__ */ t(
+    return /* @__PURE__ */ t(W.Provider, { value: { open: f, setOpen: L, contentId: k }, children: /* @__PURE__ */ t(
       "li",
       {
-        ref: v,
+        ref: m,
         "data-slot": "list-group",
-        [f]: "list-group",
-        "data-state": p ? "open" : "closed",
-        className: h(w.group, c),
-        ...r,
-        children: s
+        [u]: "list-group",
+        "data-state": f ? "open" : "closed",
+        className: g(b.group, l),
+        ...s,
+        children: a
       }
     ) });
   }
-), re = i.forwardRef(function({ className: o, children: l, ...e }, c) {
-  const s = b(), r = i.useContext(z);
-  return r ? /* @__PURE__ */ T(
+), Ft = n.forwardRef(function({ className: o, children: i, ...e }, l) {
+  const a = h(), s = n.useContext(W);
+  return s ? /* @__PURE__ */ I(
     "button",
     {
-      ref: c,
+      ref: l,
       type: "button",
       "data-slot": "list-group-trigger",
-      [f]: "list-group-trigger",
-      "aria-expanded": r.open,
-      "aria-controls": r.contentId,
-      onClick: () => r.setOpen(!r.open),
-      className: h(
-        s.item,
-        s.interactiveDefault,
-        s.groupTrigger,
+      [u]: "list-group-trigger",
+      "aria-expanded": s.open,
+      "aria-controls": s.contentId,
+      onClick: () => s.setOpen(!s.open),
+      className: g(
+        a.item,
+        a.interactiveDefault,
+        a.groupTrigger,
         o
       ),
       ...e,
       children: [
         /* @__PURE__ */ t(
-          jt,
+          Ct,
           {
-            className: h(
-              s.groupChevron,
-              r.open && s.groupChevronOpen
+            className: g(
+              a.groupChevron,
+              s.open && a.groupChevronOpen
             )
           }
         ),
-        /* @__PURE__ */ t("span", { className: s.groupTriggerText, children: l })
+        /* @__PURE__ */ t("span", { className: a.groupTriggerText, children: i })
       ]
     }
   ) : /* @__PURE__ */ t(
     "li",
     {
-      ref: c,
+      ref: l,
       "data-slot": "list-group-label",
-      [f]: "list-group-label",
-      className: h(s.standaloneGroupLabel, o),
-      children: l
+      [u]: "list-group-label",
+      className: g(a.standaloneGroupLabel, o),
+      children: i
     }
   );
-}), ne = i.forwardRef(function({ className: o, children: l, ...e }, c) {
-  const s = b(), r = i.useContext(z), v = /* @__PURE__ */ t(
+}), Xt = n.forwardRef(function({ className: o, children: i, ...e }, l) {
+  const a = h(), s = n.useContext(W), m = /* @__PURE__ */ t(
     "ul",
     {
-      ref: c,
+      ref: l,
       "data-slot": "list-group-content",
-      [f]: "list-group-content",
-      className: h(s.list, s.groupContentList, o),
+      [u]: "list-group-content",
+      className: g(a.list, a.groupContentList, o),
       ...e,
-      children: l
+      children: i
     }
   );
-  return r ? /* @__PURE__ */ t(
+  return s ? /* @__PURE__ */ t(
     "div",
     {
-      id: r.contentId,
-      "data-state": r.open ? "open" : "closed",
-      className: h(
-        s.collapseWrapper,
-        r.open && s.collapseWrapperOpen
+      id: s.contentId,
+      "data-state": s.open ? "open" : "closed",
+      className: g(
+        a.collapseWrapper,
+        s.open && a.collapseWrapperOpen
       ),
-      children: /* @__PURE__ */ t("div", { className: s.collapseInner, children: v })
+      children: /* @__PURE__ */ t("div", { className: a.collapseInner, children: m })
     }
-  ) : v;
+  ) : m;
 });
 export {
-  Qt as List,
-  oe as ListGroup,
-  ne as ListGroupContent,
-  re as ListGroupLabel,
-  Y as ListItem,
-  Xt as ListItemActions,
-  ee as ListItemDescription,
-  te as ListItemText
+  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
 };
 //# sourceMappingURL=list.js.map