@epilot/volt-ui-experimental-griffel 0.3.0 → 0.3.1

package/dist/components/list/list.js

@@ -1,13 +1,13 @@
-import { j as e } from "../../vendor/react/jsx-dev-runtime.js";
-import * as l from "react";
-import { useSensors as Z, useSensor as P, DndContext as J, closestCenter as ee, DragOverlay as ie, KeyboardSensor as te, PointerSensor as re } from "../../vendor/@dnd-kit/core/dist/core.esm.js";
-import { SortableContext as se, verticalListSortingStrategy as le, arrayMove as oe, useSortable as ne } from "../../vendor/@dnd-kit/sortable/dist/sortable.esm.js";
-import { shorthands as p } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
-import { SLOT_ATTR as d } from "../../packages/volt-runtime/dist/renderer/contract.js";
-import { mergeClasses as g } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
-import { makeVoltStyles as ae } from "../../styles/make-styles.js";
-import { spacingElement3 as ce, grayA5 as me, spacingElement1 as ue, spacingElement2 as pe, listItemPaddingY as T, listItemPaddingX as H, listItemGap as fe, radiusMd as W, semSuccessLight as de, semWarningLight as ge, semErrorLight as xe, spacingGroup2 as z, grayA12 as M, fontWeightSemibold as ve, leadingSm as F, textSm as X, grayA10 as be, fontWeightMedium as Ne, semAccentSolid as he, accentA8 as we, grayA11 as A, grayA8 as ke, leadingXs as De, textXs as ye, listIndexPaddingX as $, listIndexMinWidth as Ee, grayA2 as K, semSuccessSoftHover as Ie, semWarningSoftHover as Se, semErrorSoftHover as Ve, semAccentSoft as je, semSuccessDefault as Le, semSuccessSoft as Ue, semWarningDefault as Ce, semWarningSoft as Te, semErrorDefault as We, semErrorSoft as Ae, listItemMinHeight as Oe } from "../../tokens/index.js";
-const Ge = (s) => /* @__PURE__ */ e.jsxDEV(
+import { jsx as t, jsxs as D } from "react/jsx-runtime";
+import * as i from "react";
+import { useSensors as J, useSensor as V, DndContext as tt, closestCenter as et, DragOverlay as ot, KeyboardSensor as rt, PointerSensor as nt } from "../../vendor/@dnd-kit/core/dist/core.esm.js";
+import { SortableContext as it, verticalListSortingStrategy as st, arrayMove as at, useSortable as lt } from "../../vendor/@dnd-kit/sortable/dist/sortable.esm.js";
+import { shorthands as m } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
+import { SLOT_ATTR as g } from "../../packages/volt-runtime/dist/renderer/contract.js";
+import { mergeClasses as f } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
+import { makeVoltStyles as ct } from "../../styles/make-styles.js";
+import { spacingElement3 as dt, grayA5 as ut, spacingElement1 as mt, spacingElement2 as pt, listItemPaddingY as G, listItemPaddingX as j, listItemGap as gt, radiusMd as B, semSuccessLight as ft, semWarningLight as ht, semErrorLight as xt, spacingGroup2 as F, grayA12 as X, fontWeightSemibold as vt, leadingSm as $, textSm as K, grayA10 as yt, fontWeightMedium as bt, semAccentSolid as wt, accentA8 as It, grayA11 as P, grayA8 as St, leadingXs as Lt, textXs as kt, listIndexPaddingX as _, listIndexMinWidth as Ct, grayA2 as q, semSuccessSoftHover as Dt, semWarningSoftHover as Tt, semErrorSoftHover as Wt, semAccentSoft as Et, semSuccessDefault as Nt, semSuccessSoft as At, semWarningDefault as Ot, semWarningSoft as Gt, semErrorDefault as Bt, semErrorSoft as Pt, listItemMinHeight as Rt } from "../../tokens/index.js";
+const Ht = (n) => /* @__PURE__ */ D(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -16,49 +16,17 @@ const Ge = (s) => /* @__PURE__ */ e.jsxDEV(
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true",
-    ...s,
+    ...n,
     children: [
-      /* @__PURE__ */ e.jsxDEV("circle", { cx: "9", cy: "5", r: "1.5" }, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-        lineNumber: 50,
-        columnNumber: 5
-      }, void 0),
-      /* @__PURE__ */ e.jsxDEV("circle", { cx: "15", cy: "5", r: "1.5" }, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-        lineNumber: 51,
-        columnNumber: 5
-      }, void 0),
-      /* @__PURE__ */ e.jsxDEV("circle", { cx: "9", cy: "12", r: "1.5" }, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-        lineNumber: 52,
-        columnNumber: 5
-      }, void 0),
-      /* @__PURE__ */ e.jsxDEV("circle", { cx: "15", cy: "12", r: "1.5" }, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-        lineNumber: 53,
-        columnNumber: 5
-      }, void 0),
-      /* @__PURE__ */ e.jsxDEV("circle", { cx: "9", cy: "19", r: "1.5" }, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-        lineNumber: 54,
-        columnNumber: 5
-      }, void 0),
-      /* @__PURE__ */ e.jsxDEV("circle", { cx: "15", cy: "19", r: "1.5" }, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-        lineNumber: 55,
-        columnNumber: 5
-      }, void 0)
+      /* @__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" })
     ]
-  },
-  void 0,
-  !0,
-  {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-    lineNumber: 41,
-    columnNumber: 3
-  },
-  void 0
-), _ = (s) => /* @__PURE__ */ e.jsxDEV(
+  }
+), Q = (n) => /* @__PURE__ */ D(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -69,34 +37,14 @@ const Ge = (s) => /* @__PURE__ */ e.jsxDEV(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     "aria-hidden": "true",
-    ...s,
+    ...n,
     children: [
-      /* @__PURE__ */ e.jsxDEV("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" }, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-        lineNumber: 71,
-        columnNumber: 5
-      }, void 0),
-      /* @__PURE__ */ e.jsxDEV("line", { x1: "12", y1: "9", x2: "12", y2: "13" }, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-        lineNumber: 72,
-        columnNumber: 5
-      }, void 0),
-      /* @__PURE__ */ e.jsxDEV("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" }, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-        lineNumber: 73,
-        columnNumber: 5
-      }, void 0)
+      /* @__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" })
     ]
-  },
-  void 0,
-  !0,
-  {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-    lineNumber: 60,
-    columnNumber: 3
-  },
-  void 0
-), Be = (s) => /* @__PURE__ */ e.jsxDEV(
+  }
+), zt = (n) => /* @__PURE__ */ D(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -107,29 +55,13 @@ const Ge = (s) => /* @__PURE__ */ e.jsxDEV(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     "aria-hidden": "true",
-    ...s,
+    ...n,
     children: [
-      /* @__PURE__ */ e.jsxDEV("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-        lineNumber: 89,
-        columnNumber: 5
-      }, void 0),
-      /* @__PURE__ */ e.jsxDEV("polyline", { points: "22 4 12 14.01 9 11.01" }, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-        lineNumber: 90,
-        columnNumber: 5
-      }, void 0)
+      /* @__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" })
     ]
-  },
-  void 0,
-  !0,
-  {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-    lineNumber: 78,
-    columnNumber: 3
-  },
-  void 0
-), Re = (s) => /* @__PURE__ */ e.jsxDEV(
+  }
+), Mt = (n) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -140,30 +72,18 @@ const Ge = (s) => /* @__PURE__ */ e.jsxDEV(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     "aria-hidden": "true",
-    ...s,
-    children: /* @__PURE__ */ e.jsxDEV("polyline", { points: "9 18 15 12 9 6" }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-      lineNumber: 106,
-      columnNumber: 5
-    }, void 0)
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-    lineNumber: 95,
-    columnNumber: 3
-  },
-  void 0
-), N = ae({
+    ...n,
+    children: /* @__PURE__ */ t("polyline", { points: "9 18 15 12 9 6" })
+  }
+), y = ct({
   list: {
     display: "flex",
     width: "100%",
     listStyleType: "none",
     flexDirection: "column",
-    ...p.gap(0),
-    ...p.padding(0),
-    ...p.margin(0)
+    ...m.gap(0),
+    ...m.padding(0),
+    ...m.margin(0)
   },
   // ListItem base — density-bound (DENSITY-SPEC.md §2.2, WP9B2A-ACCEPTANCE-LIST). One style, not
   // a compact/relaxed pair: the three CSS tiers are resolved by [data-density] inheritance, so
@@ -176,16 +96,16 @@ const Ge = (s) => /* @__PURE__ */ e.jsxDEV(
     display: "flex",
     width: "100%",
     alignItems: "center",
-    ...p.borderRadius(W),
-    color: M,
+    ...m.borderRadius(B),
+    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: Oe,
-    ...p.gap(fe),
-    ...p.padding(T, H),
-    fontSize: X,
-    lineHeight: F,
+    minHeight: Rt,
+    ...m.gap(gt),
+    ...m.padding(G, j),
+    fontSize: K,
+    lineHeight: $,
     "& > svg": {
       flexShrink: 0,
       width: "1rem",
@@ -195,42 +115,42 @@ const Ge = (s) => /* @__PURE__ */ e.jsxDEV(
   // Status variants
   statusDefault: {},
   statusError: {
-    backgroundColor: Ae,
-    color: We
+    backgroundColor: Pt,
+    color: Bt
   },
   statusWarning: {
-    backgroundColor: Te,
-    color: Ce
+    backgroundColor: Gt,
+    color: Ot
   },
   statusSuccess: {
-    backgroundColor: Ue,
-    color: Le
+    backgroundColor: At,
+    color: Nt
   },
   // Striped variant (only neutral rows)
   stripedEven: {
     "&:nth-child(even)": {
-      backgroundColor: K
+      backgroundColor: q
     }
   },
   // Interactive hovers
   interactiveDefault: {
     ":hover": {
-      backgroundColor: je
+      backgroundColor: Et
     }
   },
   interactiveError: {
     ":hover": {
-      backgroundColor: Ve
+      backgroundColor: Wt
     }
   },
   interactiveWarning: {
     ":hover": {
-      backgroundColor: Se
+      backgroundColor: Tt
     }
   },
   interactiveSuccess: {
     ":hover": {
-      backgroundColor: Ie
+      backgroundColor: Dt
     }
   },
   // Sortable modifiers
@@ -257,18 +177,18 @@ const Ge = (s) => /* @__PURE__ */ e.jsxDEV(
     alignItems: "center",
     justifyContent: "center",
     alignSelf: "stretch",
-    borderTopLeftRadius: W,
-    borderBottomLeftRadius: W,
-    backgroundColor: K,
+    borderTopLeftRadius: B,
+    borderBottomLeftRadius: B,
+    backgroundColor: q,
     textAlign: "center",
-    color: A,
+    color: P,
     fontVariantNumeric: "tabular-nums",
-    minWidth: Ee,
-    marginTop: `calc(-1 * ${T})`,
-    marginBottom: `calc(-1 * ${T})`,
-    marginLeft: `calc(-1 * ${H})`,
-    paddingLeft: $,
-    paddingRight: $
+    minWidth: Ct,
+    marginTop: `calc(-1 * ${G})`,
+    marginBottom: `calc(-1 * ${G})`,
+    marginLeft: `calc(-1 * ${j})`,
+    paddingLeft: _,
+    paddingRight: _
   },
   // Content
   content: {
@@ -278,7 +198,7 @@ const Ge = (s) => /* @__PURE__ */ e.jsxDEV(
     flexShrink: 1,
     flexBasis: "0%",
     alignItems: "center",
-    ...p.gap(pe),
+    ...m.gap(pt),
     overflow: "hidden",
     textOverflow: "ellipsis",
     whiteSpace: "nowrap",
@@ -295,7 +215,7 @@ const Ge = (s) => /* @__PURE__ */ e.jsxDEV(
     display: "flex",
     flexShrink: 0,
     alignItems: "center",
-    ...p.gap(ue)
+    ...m.gap(mt)
   },
   // Text
   text: {
@@ -305,16 +225,16 @@ const Ge = (s) => /* @__PURE__ */ e.jsxDEV(
     flexShrink: 1,
     flexBasis: "0%",
     flexDirection: "column",
-    ...p.gap("0.125rem")
+    ...m.gap("0.125rem")
   },
   // Description
   description: {
     overflow: "hidden",
     textOverflow: "ellipsis",
     whiteSpace: "nowrap",
-    fontSize: ye,
-    lineHeight: De,
-    color: A
+    fontSize: kt,
+    lineHeight: Lt,
+    color: P
   },
   // Drag handle button
   dragHandle: {
@@ -324,12 +244,12 @@ const Ge = (s) => /* @__PURE__ */ e.jsxDEV(
     flexShrink: 0,
     cursor: "grab",
     alignItems: "center",
-    color: ke,
+    color: St,
     backgroundColor: "transparent",
-    ...p.border("0"),
-    ...p.padding(0),
+    ...m.border("0"),
+    ...m.padding(0),
     ":hover": {
-      color: A
+      color: P
     },
     ":active": {
       cursor: "grabbing"
@@ -338,7 +258,7 @@ const Ge = (s) => /* @__PURE__ */ e.jsxDEV(
       outlineWidth: "2px",
       outlineStyle: "solid",
       outlineOffset: "2px",
-      outlineColor: we
+      outlineColor: It
     },
     "& svg": {
       width: "1rem",
@@ -354,8 +274,8 @@ const Ge = (s) => /* @__PURE__ */ e.jsxDEV(
     zIndex: 10,
     height: "0.125rem",
     transformOrigin: "center",
-    ...p.borderRadius("9999px"),
-    backgroundColor: he,
+    ...m.borderRadius("9999px"),
+    backgroundColor: wt,
     animationName: {
       from: {
         transform: "scaleX(0)",
@@ -380,7 +300,7 @@ const Ge = (s) => /* @__PURE__ */ e.jsxDEV(
     transformOrigin: "center",
     transform: "scale(0.95)",
     cursor: "grabbing",
-    ...p.border("1px", "solid", me),
+    ...m.border("1px", "solid", ut),
     backgroundColor: "rgb(255 255 255 / 55%)",
     boxShadow: "0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a",
     backdropFilter: "blur(12px)",
@@ -401,15 +321,15 @@ const Ge = (s) => /* @__PURE__ */ e.jsxDEV(
   groupTrigger: {
     cursor: "pointer",
     textAlign: "left",
-    fontWeight: Ne,
+    fontWeight: bt,
     backgroundColor: "transparent",
-    ...p.border("0")
+    ...m.border("0")
   },
   groupChevron: {
     width: "1rem",
     height: "1rem",
     flexShrink: 0,
-    color: be,
+    color: yt,
     transitionProperty: "transform",
     transitionDuration: "150ms",
     transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)"
@@ -427,20 +347,20 @@ const Ge = (s) => /* @__PURE__ */ e.jsxDEV(
     whiteSpace: "nowrap"
   },
   standaloneGroupLabel: {
-    marginTop: z,
+    marginTop: F,
     display: "block",
     listStyleType: "none",
-    ...p.padding("0.375rem", ce),
-    fontSize: X,
-    lineHeight: F,
-    fontWeight: ve,
-    color: M,
+    ...m.padding("0.375rem", dt),
+    fontSize: K,
+    lineHeight: $,
+    fontWeight: vt,
+    color: X,
     "&:first-child": {
       marginTop: 0
     }
   },
   groupContentList: {
-    paddingLeft: z
+    paddingLeft: F
   },
   collapseWrapper: {
     display: "grid",
@@ -464,565 +384,365 @@ const Ge = (s) => /* @__PURE__ */ e.jsxDEV(
     width: "1rem",
     height: "1rem",
     flexShrink: 0,
-    color: xe
+    color: xt
   },
   statusIconWarning: {
     width: "1rem",
     height: "1rem",
     flexShrink: 0,
-    color: ge
+    color: ht
   },
   statusIconSuccess: {
     width: "1rem",
     height: "1rem",
     flexShrink: 0,
-    color: de
+    color: ft
   }
-}), Pe = ({ status: s }) => {
-  const t = N();
-  return s === "error" ? /* @__PURE__ */ e.jsxDEV(_, { className: t.statusIconError }, void 0, !1, {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-    lineNumber: 458,
-    columnNumber: 12
-  }, void 0) : s === "warning" ? /* @__PURE__ */ e.jsxDEV(_, { className: t.statusIconWarning }, void 0, !1, {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-    lineNumber: 461,
-    columnNumber: 12
-  }, void 0) : s === "success" ? /* @__PURE__ */ e.jsxDEV(Be, { className: t.statusIconSuccess }, void 0, !1, {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-    lineNumber: 464,
-    columnNumber: 12
-  }, void 0) : null;
-}, Q = l.createContext({
+}), Vt = ({ 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({
   striped: !1,
   showIndex: !1,
   sortable: !1
-}), Y = () => l.useContext(Q), He = (s) => s === void 0 ? void 0 : s === "relaxed" ? "normal" : s, Ze = l.forwardRef(function({
-  className: t,
-  density: a,
-  striped: i = !1,
+}), Z = () => i.useContext(Y), jt = (n) => n === void 0 ? void 0 : n === "relaxed" ? "normal" : n, Jt = i.forwardRef(function({
+  className: o,
+  density: l,
+  striped: e = !1,
   showIndex: c = !1,
-  sortable: o = !1,
+  sortable: s = !1,
   onReorder: r,
-  children: v,
-  ...h
+  children: x,
+  ...b
 }, w) {
-  const b = N(), u = He(a), k = l.Children.toArray(v).filter(
-    l.isValidElement
-  ), S = k.map(
-    (m, I) => m.type === q ? l.cloneElement(m, { index: I }) : m
-  ), x = k.filter((m) => m.type === q), n = x.map((m) => m.props.value).filter((m) => typeof m == "string"), [D, V] = l.useState(null), y = D ? n.indexOf(D) : -1, E = D != null ? x.find((m) => m.props.value === D) : void 0, j = Z(
-    P(re, { activationConstraint: { distance: 3 } }),
-    P(te)
-  ), L = (m) => {
-    V(m.active.id);
-  }, C = (m) => {
-    V(null);
-    const { active: I, over: f } = m;
-    if (!f || I.id === f.id) return;
-    const B = n.indexOf(I.id), R = n.indexOf(f.id);
-    B === -1 || R === -1 || r == null || r(oe(n, B, R));
-  }, U = /* @__PURE__ */ e.jsxDEV(
+  const v = y(), u = jt(l), I = i.Children.toArray(x).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, E = J(
+    V(nt, { activationConstraint: { distance: 3 } }),
+    V(rt)
+  ), N = (d) => {
+    W(d.active.id);
+  }, O = (d) => {
+    W(null);
+    const { active: C, over: p } = d;
+    if (!p || C.id === p.id) return;
+    const z = a.indexOf(C.id), M = a.indexOf(p.id);
+    z === -1 || M === -1 || r == null || r(at(a, z, M));
+  }, A = /* @__PURE__ */ t(
     "ol",
     {
       ref: w,
       "data-slot": "list",
-      [d]: "list",
+      [g]: "list",
       ...u !== void 0 ? { "data-density": u } : {},
-      className: g(b.list, t),
-      ...h,
-      children: S
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-      lineNumber: 590,
-      columnNumber: 5
-    },
-    this
+      className: f(v.list, o),
+      ...b,
+      children: T
+    }
   );
-  return /* @__PURE__ */ e.jsxDEV(Q.Provider, { value: { striped: i, showIndex: c, sortable: o }, children: o ? /* @__PURE__ */ e.jsxDEV(
-    J,
+  return /* @__PURE__ */ t(Y.Provider, { value: { striped: e, showIndex: c, sortable: s }, children: s ? /* @__PURE__ */ D(
+    tt,
     {
-      sensors: j,
-      collisionDetection: ee,
-      onDragStart: L,
-      onDragEnd: C,
-      onDragCancel: () => V(null),
+      sensors: E,
+      collisionDetection: et,
+      onDragStart: N,
+      onDragEnd: O,
+      onDragCancel: () => W(null),
       children: [
-        /* @__PURE__ */ e.jsxDEV(
-          se,
-          {
-            items: n,
-            strategy: le,
-            children: U
-          },
-          void 0,
-          !1,
+        /* @__PURE__ */ t(
+          it,
           {
-            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-            lineNumber: 612,
-            columnNumber: 11
-          },
-          this
+            items: a,
+            strategy: st,
+            children: A
+          }
         ),
-        /* @__PURE__ */ e.jsxDEV(ie, { children: E ? /* @__PURE__ */ e.jsxDEV(
-          O,
+        /* @__PURE__ */ t(ot, { children: k ? /* @__PURE__ */ t(
+          R,
           {
-            value: E.props.value,
-            status: E.props.status,
-            index: y,
-            className: b.dragOverlayItem,
+            value: k.props.value,
+            status: k.props.status,
+            index: L,
+            className: v.dragOverlayItem,
             ...u !== void 0 ? { "data-density": u } : {},
-            children: E.props.children
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-            lineNumber: 620,
-            columnNumber: 15
-          },
-          this
-        ) : null }, void 0, !1, {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-          lineNumber: 618,
-          columnNumber: 11
-        }, this)
+            children: k.props.children
+          }
+        ) : null })
       ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-      lineNumber: 605,
-      columnNumber: 9
-    },
-    this
-  ) : U }, void 0, !1, {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-    lineNumber: 603,
-    columnNumber: 5
-  }, this);
-}), ze = l.forwardRef(function({ className: t, children: a, ...i }, c) {
-  const o = N();
-  return /* @__PURE__ */ e.jsxDEV(
+    }
+  ) : A });
+}), Ft = i.forwardRef(function({ className: o, children: l, ...e }, c) {
+  const s = y();
+  return /* @__PURE__ */ t(
     "span",
     {
       ref: c,
       "data-slot": "list-item-actions",
-      [d]: "list-item-actions",
+      [g]: "list-item-actions",
       onPointerDown: (r) => r.stopPropagation(),
-      className: g(o.actions, t),
-      ...i,
-      children: a
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-      lineNumber: 659,
-      columnNumber: 5
-    },
-    this
+      className: f(s.actions, o),
+      ...e,
+      children: l
+    }
   );
-}), Je = l.forwardRef(function({ className: t, ...a }, i) {
-  const c = N();
-  return /* @__PURE__ */ e.jsxDEV(
+}), te = i.forwardRef(function({ className: o, ...l }, e) {
+  const c = y();
+  return /* @__PURE__ */ t(
     "span",
     {
-      ref: i,
+      ref: e,
       "data-slot": "list-item-text",
-      [d]: "list-item-text",
-      className: g(c.text, t),
-      ...a
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-      lineNumber: 683,
-      columnNumber: 5
-    },
-    this
+      [g]: "list-item-text",
+      className: f(c.text, o),
+      ...l
+    }
   );
-}), ei = l.forwardRef(function({ className: t, ...a }, i) {
-  const c = N();
-  return /* @__PURE__ */ e.jsxDEV(
+}), ee = i.forwardRef(function({ className: o, ...l }, e) {
+  const c = y();
+  return /* @__PURE__ */ t(
     "span",
     {
-      ref: i,
+      ref: e,
       "data-slot": "list-item-description",
-      [d]: "list-item-description",
-      className: g(c.description, t),
-      ...a
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-      lineNumber: 704,
-      columnNumber: 5
-    },
-    this
+      [g]: "list-item-description",
+      className: f(c.description, o),
+      ...l
+    }
   );
-}), O = l.forwardRef(
+}), R = i.forwardRef(
   function({
-    className: t,
-    value: a,
-    status: i = "default",
+    className: o,
+    value: l,
+    status: e = "default",
     index: c,
-    children: o,
+    children: s,
     setNodeRef: r,
-    setActivatorNodeRef: v,
-    style: h,
+    setActivatorNodeRef: x,
+    style: b,
     isDragging: w,
-    dropEdge: b,
+    dropEdge: v,
     listeners: u,
-    attributes: k,
-    ...S
-  }, x) {
-    const n = N(), { striped: D, showIndex: V, sortable: y } = Y(), E = y && !w, j = l.Children.toArray(o), L = j.find(
-      (f) => l.isValidElement(f) && f.type === ze
-    ), C = j.filter((f) => f !== L), U = l.useCallback(
-      (f) => {
-        r == null || r(f), typeof x == "function" ? x(f) : x && (x.current = f);
+    attributes: I,
+    ...T
+  }, h) {
+    const a = y(), { striped: S, showIndex: W, sortable: L } = Z(), k = L && !w, E = i.Children.toArray(s), N = E.find(
+      (p) => i.isValidElement(p) && p.type === Ft
+    ), O = E.filter((p) => p !== N), A = i.useCallback(
+      (p) => {
+        r == null || r(p), typeof h == "function" ? h(p) : h && (h.current = p);
       },
-      [r, x]
-    ), m = i === "error" ? n.statusError : i === "warning" ? n.statusWarning : i === "success" ? n.statusSuccess : n.statusDefault, I = E ? i === "error" ? n.interactiveError : i === "warning" ? n.interactiveWarning : i === "success" ? n.interactiveSuccess : n.interactiveDefault : void 0;
-    return /* @__PURE__ */ e.jsxDEV(
+      [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(
       "li",
       {
-        ref: U,
-        style: h,
+        ref: A,
+        style: b,
         "data-slot": "list-item",
-        [d]: "list-item",
-        "data-status": i,
-        "data-value": a,
-        onPointerDown: y ? u == null ? void 0 : u.onPointerDown : void 0,
-        className: g(
-          n.item,
-          m,
-          D && i === "default" && n.stripedEven,
-          I,
-          y && n.sortableItem,
-          w && n.itemDragging,
-          t
+        [g]: "list-item",
+        "data-status": e,
+        "data-value": l,
+        onPointerDown: L ? u == null ? void 0 : u.onPointerDown : void 0,
+        className: f(
+          a.item,
+          d,
+          S && e === "default" && a.stripedEven,
+          C,
+          L && a.sortableItem,
+          w && a.itemDragging,
+          o
         ),
-        ...S,
+        ...T,
         children: [
-          b && /* @__PURE__ */ e.jsxDEV(
+          v && /* @__PURE__ */ t(
             "span",
             {
               "data-slot": "list-drop-indicator",
-              [d]: "list-drop-indicator",
+              [g]: "list-drop-indicator",
               "aria-hidden": "true",
-              className: g(
-                n.dropIndicator,
-                b === "top" ? n.dropIndicatorTop : n.dropIndicatorBottom
+              className: f(
+                a.dropIndicator,
+                v === "top" ? a.dropIndicatorTop : a.dropIndicatorBottom
               )
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-              lineNumber: 829,
-              columnNumber: 11
-            },
-            this
+            }
           ),
-          V && /* @__PURE__ */ e.jsxDEV(
+          W && /* @__PURE__ */ t(
             "span",
             {
               "data-slot": "list-item-index",
-              [d]: "list-item-index",
+              [g]: "list-item-index",
               "aria-hidden": "true",
-              className: n.indexBase,
+              className: a.indexBase,
               children: (c ?? 0) + 1
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-              lineNumber: 843,
-              columnNumber: 11
-            },
-            this
+            }
           ),
-          /* @__PURE__ */ e.jsxDEV(
+          /* @__PURE__ */ t(
             "span",
             {
               "data-slot": "list-item-content",
-              [d]: "list-item-content",
-              className: n.content,
-              children: C
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-              lineNumber: 853,
-              columnNumber: 9
-            },
-            this
+              [g]: "list-item-content",
+              className: a.content,
+              children: O
+            }
           ),
-          /* @__PURE__ */ e.jsxDEV(Pe, { status: i }, void 0, !1, {
-            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-            lineNumber: 861,
-            columnNumber: 9
-          }, this),
-          L,
-          y && /* @__PURE__ */ e.jsxDEV(
+          /* @__PURE__ */ t(Vt, { status: e }),
+          N,
+          L && /* @__PURE__ */ t(
             "button",
             {
-              ref: v,
+              ref: x,
               type: "button",
-              "aria-label": `Drag to reorder ${a ?? "item"}`,
-              className: n.dragHandle,
-              ...k,
+              "aria-label": `Drag to reorder ${l ?? "item"}`,
+              className: a.dragHandle,
+              ...I,
               onKeyDown: u == null ? void 0 : u.onKeyDown,
-              children: /* @__PURE__ */ e.jsxDEV(Ge, {}, void 0, !1, {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-                lineNumber: 878,
-                columnNumber: 13
-              }, this)
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-              lineNumber: 866,
-              columnNumber: 11
-            },
-            this
+              children: /* @__PURE__ */ t(Ht, {})
+            }
           )
         ]
-      },
-      void 0,
-      !0,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-        lineNumber: 803,
-        columnNumber: 7
-      },
-      this
+      }
     );
   }
-), Me = l.forwardRef(
-  function(t, a) {
-    const i = l.useId();
-    process.env.NODE_ENV !== "production" && t.value === void 0 && console.warn(
+), Xt = 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: o,
+      listeners: s,
       setNodeRef: r,
-      setActivatorNodeRef: v,
-      isDragging: h,
+      setActivatorNodeRef: x,
+      isDragging: b,
       isOver: w,
-      activeIndex: b,
+      activeIndex: v,
       overIndex: u
-    } = ne({
-      id: t.value ?? i,
+    } = lt({
+      id: o.value ?? e,
       animateLayoutChanges: () => !1
-    }), k = w && !h && b !== -1 ? b < u ? "bottom" : "top" : null;
-    return /* @__PURE__ */ e.jsxDEV(
-      O,
+    }), I = w && !b && v !== -1 ? v < u ? "bottom" : "top" : null;
+    return /* @__PURE__ */ t(
+      R,
       {
-        ref: a,
-        ...t,
+        ref: l,
+        ...o,
         setNodeRef: r,
-        setActivatorNodeRef: v,
-        isDragging: h,
-        dropEdge: k,
-        listeners: o,
+        setActivatorNodeRef: x,
+        isDragging: b,
+        dropEdge: I,
+        listeners: s,
         attributes: c
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-        lineNumber: 922,
-        columnNumber: 7
-      },
-      this
+      }
     );
   }
-), q = l.forwardRef(
-  function(t, a) {
-    const { sortable: i } = Y();
-    return i ? /* @__PURE__ */ e.jsxDEV(Me, { ref: a, ...t }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-      lineNumber: 943,
-      columnNumber: 14
-    }, this) : /* @__PURE__ */ e.jsxDEV(O, { ref: a, ...t }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-      lineNumber: 946,
-      columnNumber: 12
-    }, this);
+), U = i.forwardRef(
+  function(o, l) {
+    const { sortable: e } = Z();
+    return e ? /* @__PURE__ */ t(Xt, { ref: l, ...o }) : /* @__PURE__ */ t(R, { ref: l, ...o });
   }
-), G = l.createContext(null), ii = l.forwardRef(
+), H = i.createContext(null), oe = i.forwardRef(
   function({
-    open: t,
-    defaultOpen: a = !1,
-    onOpenChange: i,
+    open: o,
+    defaultOpen: l = !1,
+    onOpenChange: e,
     className: c,
-    children: o,
+    children: s,
     ...r
-  }, v) {
-    const h = N(), [w, b] = l.useState(a), u = t ?? w, k = l.useId(), S = (x) => {
-      t === void 0 && b(x), i == null || i(x);
+  }, 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);
     };
-    return /* @__PURE__ */ e.jsxDEV(G.Provider, { value: { open: u, setOpen: S, contentId: k }, children: /* @__PURE__ */ e.jsxDEV(
+    return /* @__PURE__ */ t(H.Provider, { value: { open: u, setOpen: T, contentId: I }, children: /* @__PURE__ */ t(
       "li",
       {
-        ref: v,
+        ref: x,
         "data-slot": "list-group",
-        [d]: "list-group",
+        [g]: "list-group",
         "data-state": u ? "open" : "closed",
-        className: g(h.group, c),
+        className: f(b.group, c),
         ...r,
-        children: o
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-        lineNumber: 993,
-        columnNumber: 9
-      },
-      this
-    ) }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-      lineNumber: 992,
-      columnNumber: 7
-    }, this);
+        children: s
+      }
+    ) });
   }
-), ti = l.forwardRef(function({ className: t, children: a, ...i }, c) {
-  const o = N(), r = l.useContext(G);
-  return r ? /* @__PURE__ */ e.jsxDEV(
+), re = i.forwardRef(function({ className: o, children: l, ...e }, c) {
+  const s = y(), r = i.useContext(H);
+  return r ? /* @__PURE__ */ D(
     "button",
     {
       ref: c,
       type: "button",
       "data-slot": "list-group-trigger",
-      [d]: "list-group-trigger",
+      [g]: "list-group-trigger",
       "aria-expanded": r.open,
       "aria-controls": r.contentId,
       onClick: () => r.setOpen(!r.open),
-      className: g(
-        o.item,
-        o.interactiveDefault,
-        o.groupTrigger,
-        t
+      className: f(
+        s.item,
+        s.interactiveDefault,
+        s.groupTrigger,
+        o
       ),
-      ...i,
+      ...e,
       children: [
-        /* @__PURE__ */ e.jsxDEV(
-          Re,
+        /* @__PURE__ */ t(
+          Mt,
           {
-            className: g(
-              o.groupChevron,
-              r.open && o.groupChevronOpen
+            className: f(
+              s.groupChevron,
+              r.open && s.groupChevronOpen
             )
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-            lineNumber: 1039,
-            columnNumber: 9
-          },
-          this
+          }
         ),
-        /* @__PURE__ */ e.jsxDEV("span", { className: o.groupTriggerText, children: a }, void 0, !1, {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-          lineNumber: 1045,
-          columnNumber: 9
-        }, this)
+        /* @__PURE__ */ t("span", { className: s.groupTriggerText, children: l })
       ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-      lineNumber: 1023,
-      columnNumber: 7
-    },
-    this
-  ) : /* @__PURE__ */ e.jsxDEV(
+    }
+  ) : /* @__PURE__ */ t(
     "li",
     {
       ref: c,
       "data-slot": "list-group-label",
-      [d]: "list-group-label",
-      className: g(o.standaloneGroupLabel, t),
-      children: a
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-      lineNumber: 1051,
-      columnNumber: 5
-    },
-    this
+      [g]: "list-group-label",
+      className: f(s.standaloneGroupLabel, o),
+      children: l
+    }
   );
-}), ri = l.forwardRef(function({ className: t, children: a, ...i }, c) {
-  const o = N(), r = l.useContext(G), v = /* @__PURE__ */ e.jsxDEV(
+}), ne = i.forwardRef(function({ className: o, children: l, ...e }, c) {
+  const s = y(), r = i.useContext(H), x = /* @__PURE__ */ t(
     "ul",
     {
       ref: c,
       "data-slot": "list-group-content",
-      [d]: "list-group-content",
-      className: g(o.list, o.groupContentList, t),
-      ...i,
-      children: a
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-      lineNumber: 1074,
-      columnNumber: 5
-    },
-    this
+      [g]: "list-group-content",
+      className: f(s.list, s.groupContentList, o),
+      ...e,
+      children: l
+    }
   );
-  return r ? /* @__PURE__ */ e.jsxDEV(
+  return r ? /* @__PURE__ */ t(
     "div",
     {
       id: r.contentId,
       "data-state": r.open ? "open" : "closed",
-      className: g(
-        o.collapseWrapper,
-        r.open && o.collapseWrapperOpen
+      className: f(
+        s.collapseWrapper,
+        r.open && s.collapseWrapperOpen
       ),
-      children: /* @__PURE__ */ e.jsxDEV("div", { className: o.collapseInner, children: v }, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-        lineNumber: 1096,
-        columnNumber: 7
-      }, this)
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/list/list.tsx",
-      lineNumber: 1088,
-      columnNumber: 5
-    },
-    this
-  ) : v;
+      children: /* @__PURE__ */ t("div", { className: s.collapseInner, children: x })
+    }
+  ) : x;
 });
 export {
-  Ze as List,
-  ii as ListGroup,
-  ri as ListGroupContent,
-  ti as ListGroupLabel,
-  q as ListItem,
-  ze as ListItemActions,
-  ei as ListItemDescription,
-  Je as ListItemText
+  Jt as List,
+  oe as ListGroup,
+  ne as ListGroupContent,
+  re as ListGroupLabel,
+  U as ListItem,
+  Ft as ListItemActions,
+  ee as ListItemDescription,
+  te as ListItemText
 };
 //# sourceMappingURL=list.js.map