@voxel51/voodo 2.4.0-app-revamp.4 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/components/Menu/MenuCheckItem.d.ts.map +1 -1
  2. package/dist/components/Pill/Pill.d.ts +1 -1
  3. package/dist/components/Radio/Radio.d.ts +4 -1
  4. package/dist/components/Radio/Radio.d.ts.map +1 -1
  5. package/dist/components/Radio/RadioGroup.d.ts.map +1 -1
  6. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
  7. package/dist/index.cjs +1 -1
  8. package/dist/index.cjs.map +1 -1
  9. package/dist/index.js +630 -616
  10. package/dist/index.js.map +1 -1
  11. package/dist/voodo.css +1 -1
  12. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -187,7 +187,7 @@ const b1 = {
187
187
  ProgressText: "status-progress-text",
188
188
  ReviewBg: "status-review-bg",
189
189
  ReviewText: "status-review-text"
190
- }, w = {
190
+ }, p = {
191
191
  Accent: "text-accent",
192
192
  Decorative: "text-decorative",
193
193
  Failure: "text-failure",
@@ -235,7 +235,7 @@ const b1 = {
235
235
  Info: "semantic-info",
236
236
  Warning: "semantic-warning"
237
237
  }, an = /* @__PURE__ */ new Set([
238
- ...Object.values(w),
238
+ ...Object.values(p),
239
239
  ...Object.values(X),
240
240
  ...Object.values(f1)
241
241
  ]);
@@ -318,19 +318,19 @@ const dn = {
318
318
  [i1.ProgressText]: "text-content-status-progress-text",
319
319
  [i1.ReviewBg]: "text-content-status-review-bg",
320
320
  [i1.ReviewText]: "text-content-status-review-text",
321
- [w.Accent]: "text-content-text-accent",
322
- [w.Decorative]: "text-content-text-decorative",
323
- [w.Failure]: "text-content-text-failure",
324
- [w.Foreground]: "text-content-text-foreground",
325
- [w.Info]: "text-content-text-info",
326
- [w.Inverse]: "text-content-text-inverse",
327
- [w.Muted]: "text-content-text-muted",
328
- [w.Placeholder]: "text-content-text-placeholder",
329
- [w.Primary]: "text-content-text-primary",
330
- [w.Secondary]: "text-content-text-secondary",
331
- [w.Success]: "text-content-text-success",
332
- [w.Tertiary]: "text-content-text-tertiary",
333
- [w.Warning]: "text-content-text-warning",
321
+ [p.Accent]: "text-content-text-accent",
322
+ [p.Decorative]: "text-content-text-decorative",
323
+ [p.Failure]: "text-content-text-failure",
324
+ [p.Foreground]: "text-content-text-foreground",
325
+ [p.Info]: "text-content-text-info",
326
+ [p.Inverse]: "text-content-text-inverse",
327
+ [p.Muted]: "text-content-text-muted",
328
+ [p.Placeholder]: "text-content-text-placeholder",
329
+ [p.Primary]: "text-content-text-primary",
330
+ [p.Secondary]: "text-content-text-secondary",
331
+ [p.Success]: "text-content-text-success",
332
+ [p.Tertiary]: "text-content-text-tertiary",
333
+ [p.Warning]: "text-content-text-warning",
334
334
  [te.Bg]: "text-content-tooltip-bg",
335
335
  [te.Text]: "text-content-tooltip-text",
336
336
  [h1.Blue]: "text-content-viz-chart-blue",
@@ -435,19 +435,19 @@ const dn = {
435
435
  [i1.ProgressText]: "bg-content-status-progress-text",
436
436
  [i1.ReviewBg]: "bg-content-status-review-bg",
437
437
  [i1.ReviewText]: "bg-content-status-review-text",
438
- [w.Accent]: "bg-content-text-accent",
439
- [w.Decorative]: "bg-content-text-decorative",
440
- [w.Failure]: "bg-content-text-failure",
441
- [w.Foreground]: "bg-content-text-foreground",
442
- [w.Info]: "bg-content-text-info",
443
- [w.Inverse]: "bg-content-text-inverse",
444
- [w.Muted]: "bg-content-text-muted",
445
- [w.Placeholder]: "bg-content-text-placeholder",
446
- [w.Primary]: "bg-content-text-primary",
447
- [w.Secondary]: "bg-content-text-secondary",
448
- [w.Success]: "bg-content-text-success",
449
- [w.Tertiary]: "bg-content-text-tertiary",
450
- [w.Warning]: "bg-content-text-warning",
438
+ [p.Accent]: "bg-content-text-accent",
439
+ [p.Decorative]: "bg-content-text-decorative",
440
+ [p.Failure]: "bg-content-text-failure",
441
+ [p.Foreground]: "bg-content-text-foreground",
442
+ [p.Info]: "bg-content-text-info",
443
+ [p.Inverse]: "bg-content-text-inverse",
444
+ [p.Muted]: "bg-content-text-muted",
445
+ [p.Placeholder]: "bg-content-text-placeholder",
446
+ [p.Primary]: "bg-content-text-primary",
447
+ [p.Secondary]: "bg-content-text-secondary",
448
+ [p.Success]: "bg-content-text-success",
449
+ [p.Tertiary]: "bg-content-text-tertiary",
450
+ [p.Warning]: "bg-content-text-warning",
451
451
  [te.Bg]: "bg-content-tooltip-bg",
452
452
  [te.Text]: "bg-content-tooltip-text",
453
453
  [h1.Blue]: "bg-content-viz-chart-blue",
@@ -552,19 +552,19 @@ const dn = {
552
552
  i1.ProgressText,
553
553
  i1.ReviewBg,
554
554
  i1.ReviewText,
555
- w.Accent,
556
- w.Decorative,
557
- w.Failure,
558
- w.Foreground,
559
- w.Info,
560
- w.Inverse,
561
- w.Muted,
562
- w.Placeholder,
563
- w.Primary,
564
- w.Secondary,
565
- w.Success,
566
- w.Tertiary,
567
- w.Warning,
555
+ p.Accent,
556
+ p.Decorative,
557
+ p.Failure,
558
+ p.Foreground,
559
+ p.Info,
560
+ p.Inverse,
561
+ p.Muted,
562
+ p.Placeholder,
563
+ p.Primary,
564
+ p.Secondary,
565
+ p.Success,
566
+ p.Tertiary,
567
+ p.Warning,
568
568
  te.Bg,
569
569
  te.Text,
570
570
  h1.Blue,
@@ -895,7 +895,7 @@ const l1 = {
895
895
  ]
896
896
  }
897
897
  }
898
- }), p = (...e) => pn(H(...e)), fn = "_bars_fcps7_6", xn = "_bar_fcps7_6", fe = {
898
+ }), w = (...e) => pn(H(...e)), fn = "_bars_fcps7_6", xn = "_bar_fcps7_6", fe = {
899
899
  bars: fn,
900
900
  bar: xn
901
901
  }, g2 = {
@@ -925,7 +925,7 @@ const l1 = {
925
925
  {
926
926
  role: "status",
927
927
  "aria-label": "Loading",
928
- className: p(fe.bars, l),
928
+ className: w(fe.bars, l),
929
929
  style: { "--loader-size": `${yn[r]}px`, ...c },
930
930
  ...s,
931
931
  children: [
@@ -939,9 +939,9 @@ const l1 = {
939
939
  {
940
940
  role: "status",
941
941
  "aria-label": "Loading",
942
- className: p(
942
+ className: w(
943
943
  En[r],
944
- I(w.Primary),
944
+ I(p.Primary),
945
945
  l
946
946
  ),
947
947
  style: c,
@@ -1076,15 +1076,15 @@ const F2 = (e) => /* @__PURE__ */ t.createElement("svg", { width: "1em", height:
1076
1076
  style: s,
1077
1077
  ...a
1078
1078
  }) => {
1079
- const i = typeof r == "number" ? r : r ? bn[r] : void 0, d = e === x.Spinner ? ge : Sn[e], h = c !== void 0 && Ye(c);
1079
+ const i = typeof r == "number" ? r : r ? bn[r] : void 0, h = e === x.Spinner ? ge : Sn[e], d = c !== void 0 && Ye(c);
1080
1080
  return /* @__PURE__ */ n(
1081
- d,
1081
+ h,
1082
1082
  {
1083
1083
  width: i,
1084
1084
  height: i,
1085
1085
  size: typeof r == "number" ? void 0 : r,
1086
- className: H(h && I(c), l),
1087
- style: c && !h ? { color: c, ...s } : s,
1086
+ className: H(d && I(c), l),
1087
+ style: c && !d ? { color: c, ...s } : s,
1088
1088
  ...a
1089
1089
  }
1090
1090
  );
@@ -1110,14 +1110,14 @@ const Mn = {
1110
1110
  style: s,
1111
1111
  ...a
1112
1112
  }) => {
1113
- const i = typeof r == "number" ? r : r ? Mn[r] : void 0, d = c !== void 0 && Ye(c);
1113
+ const i = typeof r == "number" ? r : r ? Mn[r] : void 0, h = c !== void 0 && Ye(c);
1114
1114
  return /* @__PURE__ */ n(
1115
1115
  e,
1116
1116
  {
1117
1117
  width: i,
1118
1118
  height: i,
1119
- className: H(d && I(c), l),
1120
- style: c && !d ? { color: c, ...s } : s,
1119
+ className: H(h && I(c), l),
1120
+ style: c && !h ? { color: c, ...s } : s,
1121
1121
  ...a
1122
1122
  }
1123
1123
  );
@@ -1132,7 +1132,7 @@ const Mn = {
1132
1132
  return /* @__PURE__ */ n(
1133
1133
  "span",
1134
1134
  {
1135
- className: p(
1135
+ className: w(
1136
1136
  s !== void 0 && "inline-flex shrink-0 [&>svg]:size-full",
1137
1137
  l
1138
1138
  ),
@@ -1168,17 +1168,17 @@ const le = "text-caption", r1 = {
1168
1168
  if (e)
1169
1169
  switch (e) {
1170
1170
  case l1.Primary:
1171
- return w.Primary;
1171
+ return p.Primary;
1172
1172
  case l1.Secondary:
1173
- return w.Secondary;
1173
+ return p.Secondary;
1174
1174
  case l1.Success:
1175
- return w.Success;
1175
+ return p.Success;
1176
1176
  case l1.Danger:
1177
- return w.Failure;
1177
+ return p.Failure;
1178
1178
  case l1.Icon:
1179
- return w.Primary;
1179
+ return p.Primary;
1180
1180
  default:
1181
- return w.Primary;
1181
+ return p.Primary;
1182
1182
  }
1183
1183
  }, Co = "bg-(image:--gradient-action-expressive) bg-clip-text text-transparent selection:text-[HighlightText]", e1 = ({
1184
1184
  variant: e = S.BodyPrimary,
@@ -1189,17 +1189,17 @@ const le = "text-caption", r1 = {
1189
1189
  style: a,
1190
1190
  ...i
1191
1191
  }) => {
1192
- const d = r !== void 0 && Ye(r);
1192
+ const h = r !== void 0 && Ye(r);
1193
1193
  return /* @__PURE__ */ n(
1194
1194
  "span",
1195
1195
  {
1196
- className: p(
1196
+ className: w(
1197
1197
  K1(e),
1198
- d && !l && I(r),
1198
+ h && !l && I(r),
1199
1199
  l && Co,
1200
1200
  s
1201
1201
  ),
1202
- style: r !== void 0 && !d && !l ? { color: r, ...a } : a,
1202
+ style: r !== void 0 && !h && !l ? { color: r, ...a } : a,
1203
1203
  ...i,
1204
1204
  children: c
1205
1205
  }
@@ -1267,7 +1267,7 @@ const fo = ({
1267
1267
  }) => /* @__PURE__ */ n(n2, { open: s, anchor: e, children: /* @__PURE__ */ B(
1268
1268
  "div",
1269
1269
  {
1270
- className: p(
1270
+ className: w(
1271
1271
  "flex flex-nowrap",
1272
1272
  "gap-x-sm",
1273
1273
  "items-center",
@@ -1286,7 +1286,7 @@ const fo = ({
1286
1286
  {
1287
1287
  content: l,
1288
1288
  size: 18,
1289
- className: p("shrink-0", I(u2(a)))
1289
+ className: w("shrink-0", I(u2(a)))
1290
1290
  }
1291
1291
  ),
1292
1292
  c && /* @__PURE__ */ n(e1, { variant: S.BodySecondary, color: u2(a), children: c })
@@ -1351,18 +1351,18 @@ const xo = {
1351
1351
  }, xe = "text-white", Eo = {
1352
1352
  [l1.Primary]: xe,
1353
1353
  [l1.Secondary]: H(
1354
- I(w.Secondary),
1355
- I(w.Tertiary, T.Disabled)
1354
+ I(p.Secondary),
1355
+ I(p.Tertiary, T.Disabled)
1356
1356
  ),
1357
1357
  [l1.Success]: xe,
1358
1358
  [l1.Danger]: xe,
1359
1359
  [l1.Icon]: H(
1360
- I(w.Secondary),
1361
- I(w.Primary, T.Hover)
1360
+ I(p.Secondary),
1361
+ I(p.Primary, T.Hover)
1362
1362
  ),
1363
1363
  [l1.Borderless]: H(
1364
- I(w.Secondary),
1365
- I(w.Primary, T.Hover)
1364
+ I(p.Secondary),
1365
+ I(p.Primary, T.Hover)
1366
1366
  ),
1367
1367
  [l1.Expressive]: xe
1368
1368
  }, yo = {
@@ -1393,14 +1393,14 @@ const xo = {
1393
1393
  trailingIcon: s,
1394
1394
  className: a,
1395
1395
  children: i,
1396
- href: d,
1397
- target: h,
1396
+ href: h,
1397
+ target: d,
1398
1398
  rel: g,
1399
1399
  ...u
1400
1400
  }) => {
1401
1401
  const C = w3.toArray(i), v = C.some(
1402
1402
  (k) => typeof k == "string" && k.trim() !== "" || typeof k == "number"
1403
- ), y = C.some((k) => $e(k)), E = e === l1.Icon || !v && (l || !y && !!(c || s)), b = e === l1.Secondary ? Mo : bo, M = p(
1403
+ ), y = C.some((k) => $e(k)), E = e === l1.Icon || !v && (l || !y && !!(c || s)), b = e === l1.Secondary ? Mo : bo, M = w(
1404
1404
  "inline-flex items-center justify-center",
1405
1405
  l && !v && "aspect-square min-w-0 shrink-0",
1406
1406
  // circular
@@ -1433,15 +1433,15 @@ const xo = {
1433
1433
  }
1434
1434
  )
1435
1435
  ] });
1436
- if (d && !u.disabled) {
1436
+ if (h && !u.disabled) {
1437
1437
  const { type: k, ...O } = u;
1438
1438
  return /* @__PURE__ */ n(
1439
1439
  "a",
1440
1440
  {
1441
1441
  className: M,
1442
- href: d,
1443
- target: h,
1444
- rel: g ?? (h === "_blank" ? "noreferrer" : void 0),
1442
+ href: h,
1443
+ target: d,
1444
+ rel: g ?? (d === "_blank" ? "noreferrer" : void 0),
1445
1445
  ...O,
1446
1446
  children: D
1447
1447
  }
@@ -1479,14 +1479,14 @@ const he = {
1479
1479
  shadow: a = S1.None,
1480
1480
  ...i
1481
1481
  }) => {
1482
- const d = Lo[c];
1482
+ const h = Lo[c];
1483
1483
  return /* @__PURE__ */ n(
1484
1484
  "div",
1485
1485
  {
1486
- className: p(
1486
+ className: w(
1487
1487
  s ? "border-1" : P1(a),
1488
1488
  s && Q(U.Default),
1489
- N(d),
1489
+ N(h),
1490
1490
  l ? "p-2.5" : "p-5",
1491
1491
  Y(K.Lg),
1492
1492
  r
@@ -1527,7 +1527,7 @@ const Ho = {
1527
1527
  }) => /* @__PURE__ */ n(
1528
1528
  "div",
1529
1529
  {
1530
- className: p(
1530
+ className: w(
1531
1531
  "flex",
1532
1532
  l === g1.Column && "flex-col",
1533
1533
  zo[c],
@@ -1548,17 +1548,17 @@ const Bo = ({
1548
1548
  icon: s,
1549
1549
  title: a,
1550
1550
  compact: i,
1551
- ...d
1551
+ ...h
1552
1552
  }) => {
1553
- const h = Ce(s);
1554
- return /* @__PURE__ */ n(Ze, { ...d, children: /* @__PURE__ */ B(
1553
+ const d = Ce(s);
1554
+ return /* @__PURE__ */ n(Ze, { ...h, children: /* @__PURE__ */ B(
1555
1555
  p1,
1556
1556
  {
1557
1557
  orientation: i ? g1.Row : g1.Column,
1558
1558
  spacing: i ? s1.Lg : s1.Md,
1559
1559
  align: b1.Start,
1560
1560
  justify: A1.Between,
1561
- className: p("w-full h-full"),
1561
+ className: w("w-full h-full"),
1562
1562
  children: [
1563
1563
  /* @__PURE__ */ B(
1564
1564
  p1,
@@ -1567,22 +1567,22 @@ const Bo = ({
1567
1567
  className: i ? "gap-1" : "gap-3",
1568
1568
  children: [
1569
1569
  /* @__PURE__ */ B(p1, { className: i ? "gap-2" : "gap-3", align: b1.Center, children: [
1570
- h && !i && /* @__PURE__ */ n(
1570
+ d && !i && /* @__PURE__ */ n(
1571
1571
  Ze,
1572
1572
  {
1573
1573
  compact: !0,
1574
1574
  background: he.Elevated,
1575
1575
  shadow: S1.None,
1576
- children: /* @__PURE__ */ n(h, { size: m.Xl, color: f1.Accent })
1576
+ children: /* @__PURE__ */ n(d, { size: m.Xl, color: f1.Accent })
1577
1577
  }
1578
1578
  ),
1579
- h && i && /* @__PURE__ */ n(h, { size: m.Xl, color: f1.Accent }),
1579
+ d && i && /* @__PURE__ */ n(d, { size: m.Xl, color: f1.Accent }),
1580
1580
  /* @__PURE__ */ B(p1, { orientation: g1.Column, className: "gap-0.5", children: [
1581
1581
  l && /* @__PURE__ */ n(
1582
1582
  e1,
1583
1583
  {
1584
1584
  variant: S.CodeSecondary,
1585
- color: w.Accent,
1585
+ color: p.Accent,
1586
1586
  children: l
1587
1587
  }
1588
1588
  ),
@@ -1594,16 +1594,16 @@ const Bo = ({
1594
1594
  ]
1595
1595
  }
1596
1596
  ),
1597
- r && /* @__PURE__ */ n("div", { className: p(!i && "w-full"), children: r })
1597
+ r && /* @__PURE__ */ n("div", { className: w(!i && "w-full"), children: r })
1598
1598
  ]
1599
1599
  }
1600
1600
  ) });
1601
- }, Io = ({ text: e }) => typeof e == "string" ? /* @__PURE__ */ n(e1, { variant: S.BodySecondary, color: w.Secondary, children: e }) : /* @__PURE__ */ n("ul", { className: "list-disc list-inside mx-2 marker:text-xs", children: e.map((r) => /* @__PURE__ */ n("li", { className: I(w.Secondary), children: /* @__PURE__ */ n(e1, { variant: S.BodySecondary, color: w.Secondary, children: r }) }, r)) });
1601
+ }, Io = ({ text: e }) => typeof e == "string" ? /* @__PURE__ */ n(e1, { variant: S.BodySecondary, color: p.Secondary, children: e }) : /* @__PURE__ */ n("ul", { className: "list-disc list-inside mx-2 marker:text-xs", children: e.map((r) => /* @__PURE__ */ n("li", { className: I(p.Secondary), children: /* @__PURE__ */ n(e1, { variant: S.BodySecondary, color: p.Secondary, children: r }) }, r)) });
1602
1602
  Bo.displayName = "RichCard";
1603
1603
  function j5(e) {
1604
1604
  return e == null;
1605
1605
  }
1606
- const De = ({ value: e, hint: r, ...l }) => j5(e) ? /* @__PURE__ */ n(e1, { color: w.Muted, variant: S.Caption, ...l, children: r }) : null;
1606
+ const De = ({ value: e, hint: r, ...l }) => j5(e) ? /* @__PURE__ */ n(e1, { color: p.Muted, variant: S.Caption, ...l, children: r }) : null;
1607
1607
  De.displayName = "UnsetHint";
1608
1608
  const Vo = {
1609
1609
  // Figma Checkbox: 14px Small, 16px Medium, 18px Large.
@@ -1626,8 +1626,8 @@ const Vo = {
1626
1626
  radius: s = K.Sm,
1627
1627
  className: a,
1628
1628
  labelClassName: i,
1629
- disabled: d,
1630
- label: h,
1629
+ disabled: h,
1630
+ label: d,
1631
1631
  showUnsetHint: g,
1632
1632
  ...u
1633
1633
  }) => {
@@ -1639,8 +1639,8 @@ const Vo = {
1639
1639
  checked: e,
1640
1640
  onChange: r,
1641
1641
  indeterminate: C,
1642
- disabled: d,
1643
- className: p(
1642
+ disabled: h,
1643
+ className: w(
1644
1644
  "group",
1645
1645
  "peer",
1646
1646
  "relative",
@@ -1652,7 +1652,7 @@ const Vo = {
1652
1652
  // token Radio uses).
1653
1653
  "bg-transparent",
1654
1654
  "border-content-icon-default",
1655
- !d && "group-hover:border-content-interactive-primary-hover",
1655
+ !h && "group-hover:border-content-interactive-primary-hover",
1656
1656
  // Headless renders a span, so only `data-disabled:` applies here.
1657
1657
  "data-disabled:cursor-not-allowed",
1658
1658
  Y(s),
@@ -1685,18 +1685,18 @@ const Vo = {
1685
1685
  )
1686
1686
  }
1687
1687
  ),
1688
- h && /* @__PURE__ */ n(
1688
+ d && /* @__PURE__ */ n(
1689
1689
  He,
1690
1690
  {
1691
- className: p(
1691
+ className: w(
1692
1692
  // Figma: label is white when enabled, tertiary when disabled
1693
- I(w.Primary),
1693
+ I(p.Primary),
1694
1694
  "peer-data-disabled:text-content-text-tertiary",
1695
1695
  No[c],
1696
1696
  "cursor-pointer",
1697
1697
  i
1698
1698
  ),
1699
- children: h
1699
+ children: d
1700
1700
  }
1701
1701
  ),
1702
1702
  g && /* @__PURE__ */ n(De, { value: e, hint: "Click the checkbox to set a value" })
@@ -1714,15 +1714,15 @@ const Do = ({
1714
1714
  onChange: r,
1715
1715
  value: l
1716
1716
  }) => {
1717
- const c = l !== void 0, [s, a] = c1(e), i = c ? l : s, d = P(
1718
- (h) => {
1719
- r?.(h), c || a(h);
1717
+ const c = l !== void 0, [s, a] = c1(e), i = c ? l : s, h = P(
1718
+ (d) => {
1719
+ r?.(d), c || a(d);
1720
1720
  },
1721
1721
  [c, r]
1722
1722
  );
1723
1723
  return H1(
1724
- () => [i, d],
1725
- [d, i]
1724
+ () => [i, h],
1725
+ [h, i]
1726
1726
  );
1727
1727
  };
1728
1728
  function l2({
@@ -1749,16 +1749,16 @@ const Po = "_root_5p2w0_1", Ao = "_content_5p2w0_7", To = "_contentOpen_5p2w0_14
1749
1749
  animated: s = !0,
1750
1750
  children: a,
1751
1751
  className: i,
1752
- style: d
1752
+ style: h
1753
1753
  }) => {
1754
- const { open: h, toggle: g } = l2({
1754
+ const { open: d, toggle: g } = l2({
1755
1755
  defaultOpen: e,
1756
1756
  open: r,
1757
1757
  onOpenChange: l
1758
1758
  });
1759
- return /* @__PURE__ */ B("div", { className: H(Te.root, i), style: d, children: [
1760
- c?.({ open: h, toggle: g }),
1761
- s ? /* @__PURE__ */ n("div", { className: H(Te.content, { [Te.contentOpen]: h }), children: a }) : h ? a : null
1759
+ return /* @__PURE__ */ B("div", { className: H(Te.root, i), style: h, children: [
1760
+ c?.({ open: d, toggle: g }),
1761
+ s ? /* @__PURE__ */ n("div", { className: H(Te.content, { [Te.contentOpen]: d }), children: a }) : d ? a : null
1762
1762
  ] });
1763
1763
  }, Oo = "_control_39pk4_1", c2 = {
1764
1764
  control: Oo
@@ -1802,9 +1802,9 @@ const Po = "_root_5p2w0_1", Ao = "_content_5p2w0_7", To = "_contentOpen_5p2w0_14
1802
1802
  return /* @__PURE__ */ n(
1803
1803
  "span",
1804
1804
  {
1805
- className: p(
1805
+ className: w(
1806
1806
  "absolute left-0 flex items-center justify-center",
1807
- I(l ? w.Primary : w.Secondary),
1807
+ I(l ? p.Primary : p.Secondary),
1808
1808
  $5[c]
1809
1809
  ),
1810
1810
  children: /* @__PURE__ */ n(T1, { size: Fo[c], content: e })
@@ -1829,8 +1829,8 @@ const U1 = {
1829
1829
  size: a = m.Md,
1830
1830
  trailingControl: i
1831
1831
  }) => {
1832
- const d = ne(a);
1833
- return p(
1832
+ const h = ne(a);
1833
+ return w(
1834
1834
  "w-full",
1835
1835
  // Keep the themed surface color in every state. `bg-transparent` lets the surrounding
1836
1836
  // surface show through; we also pin the autofill background so the browser does not paint a
@@ -1838,7 +1838,7 @@ const U1 = {
1838
1838
  N(L.Transparent),
1839
1839
  "autofill:bg-transparent",
1840
1840
  "[&:-webkit-autofill]:[transition:background-color_9999s_ease-in-out_0s]",
1841
- I(w.Primary),
1841
+ I(p.Primary),
1842
1842
  c2.control,
1843
1843
  "transition-colors",
1844
1844
  "focus:outline-none",
@@ -1852,11 +1852,11 @@ const U1 = {
1852
1852
  "disabled:cursor-not-allowed",
1853
1853
  !e && Q(U.Disabled, T.Disabled),
1854
1854
  Y(s),
1855
- U5[d],
1856
- Ro[d],
1855
+ U5[h],
1856
+ Ro[h],
1857
1857
  // A borderless field has no frame to inset from; its container sets the
1858
1858
  // rhythm, so the text sits close to whatever precedes it
1859
- c ? X5[d] : e ? "pl-1.5" : void 0,
1859
+ c ? X5[h] : e ? "pl-1.5" : void 0,
1860
1860
  i ? "pr-10" : e ? "pr-1.5" : void 0
1861
1861
  );
1862
1862
  }, Le = ({
@@ -1867,15 +1867,15 @@ const U1 = {
1867
1867
  disabled: s,
1868
1868
  value: a,
1869
1869
  onChange: i,
1870
- onKeyDown: d,
1871
- error: h,
1870
+ onKeyDown: h,
1871
+ error: d,
1872
1872
  icon: g,
1873
1873
  borderless: u,
1874
1874
  ...C
1875
1875
  }) => {
1876
1876
  const [v, y] = c1(!1), E = l === U1.Password, [b, M] = c1(
1877
1877
  a != null ? String(a) : ""
1878
- ), D = a != null ? String(a) : b, k = l === U1.Email && D.trim().length > 0 && !_o.test(D.trim()), O = !!h || k, f = d1(null);
1878
+ ), D = a != null ? String(a) : b, k = l === U1.Email && D.trim().length > 0 && !_o.test(D.trim()), O = !!d || k, f = d1(null);
1879
1879
  E1(() => {
1880
1880
  const Z = f.current;
1881
1881
  Z && (O ? Z.setAttribute("aria-invalid", "true") : Z.removeAttribute("aria-invalid"));
@@ -1885,10 +1885,10 @@ const U1 = {
1885
1885
  const C1 = Z.key.length === 1, t1 = Z.ctrlKey || Z.metaKey || Z.altKey;
1886
1886
  C1 && !t1 && !jo.test(Z.key) && Z.preventDefault();
1887
1887
  }
1888
- d?.(Z);
1888
+ h?.(Z);
1889
1889
  }, W = (Z) => {
1890
1890
  l === U1.Tel && (Z.target.value = Z.target.value.replace(/[^0-9+\-() ]/g, "")), M(Z.target.value), i?.(Z);
1891
- }, $ = p(
1891
+ }, $ = w(
1892
1892
  ve({
1893
1893
  borderless: u,
1894
1894
  disabled: s,
@@ -1901,7 +1901,7 @@ const U1 = {
1901
1901
  l === U1.Number && Wo,
1902
1902
  c
1903
1903
  ), _ = D.trim().length > 0;
1904
- return /* @__PURE__ */ n(Q1, { className: "flex flex-col gap-1", children: /* @__PURE__ */ B("div", { className: p("relative", g && "flex items-center"), children: [
1904
+ return /* @__PURE__ */ n(Q1, { className: "flex flex-col gap-1", children: /* @__PURE__ */ B("div", { className: w("relative", g && "flex items-center"), children: [
1905
1905
  g && /* @__PURE__ */ n(K5, { icon: g, size: e, hasText: _ }),
1906
1906
  /* @__PURE__ */ n(
1907
1907
  M3,
@@ -1933,7 +1933,7 @@ const U1 = {
1933
1933
  ] }) });
1934
1934
  };
1935
1935
  Le.displayName = "Input";
1936
- const G5 = () => p(
1936
+ const G5 = () => w(
1937
1937
  // 20rem is Tailwind's `--container-xs`, i.e. what the named
1938
1938
  // max-width utility for that size is meant to resolve to. The named
1939
1939
  // utility can't be used here: our theme defines
@@ -1954,8 +1954,8 @@ const G5 = () => p(
1954
1954
  "focus:outline-none"
1955
1955
  ), s2 = () => (
1956
1956
  // Figma ActionMenu: 226px wide (214px rows inside 6px panel padding)
1957
- p(G5(), "min-w-[226px]")
1958
- ), Pe = ({ highlighted: e, disabled: r }, l = !1) => p(
1957
+ w(G5(), "min-w-[226px]")
1958
+ ), Pe = ({ highlighted: e, disabled: r }, l = !1) => w(
1959
1959
  "flex w-full items-center",
1960
1960
  "px-2.5 py-1.5",
1961
1961
  Y(K.Lg),
@@ -1987,10 +1987,10 @@ const G5 = () => p(
1987
1987
  onClick: r ? void 0 : s.onClick
1988
1988
  }
1989
1989
  ),
1990
- className: (a) => p(
1990
+ className: (a) => w(
1991
1991
  Pe(a),
1992
1992
  "gap-2",
1993
- e && "bg-brand-primary/10 hover:bg-brand-primary/15",
1993
+ e && (a.highlighted && !r ? "bg-brand-primary/15" : "bg-brand-primary/10"),
1994
1994
  c
1995
1995
  ),
1996
1996
  children: [
@@ -1999,8 +1999,8 @@ const G5 = () => p(
1999
1999
  e1,
2000
2000
  {
2001
2001
  variant: S.BodyPrimary,
2002
- color: w.Primary,
2003
- className: p("block min-w-0 truncate", e && "font-medium"),
2002
+ color: p.Primary,
2003
+ className: w("block min-w-0 truncate", e && "font-medium"),
2004
2004
  children: l
2005
2005
  }
2006
2006
  )
@@ -2017,7 +2017,7 @@ const $o = new Set(Object.values(x)), Xo = ({
2017
2017
  className: a,
2018
2018
  ...i
2019
2019
  }) => {
2020
- const d = s ? w.Failure : w.Primary, h = s ? w.Failure : w.Secondary, g = s ? X.Failure : X.Default, u = typeof e == "string" && $o.has(e) ? /* @__PURE__ */ n(Je, { name: e }) : e;
2020
+ const h = s ? p.Failure : p.Primary, d = s ? p.Failure : p.Secondary, g = s ? X.Failure : X.Default, u = typeof e == "string" && $o.has(e) ? /* @__PURE__ */ n(Je, { name: e }) : e;
2021
2021
  return /* @__PURE__ */ B(
2022
2022
  B1.Item,
2023
2023
  {
@@ -2033,13 +2033,13 @@ const $o = new Set(Object.values(x)), Xo = ({
2033
2033
  ),
2034
2034
  className: (C) => (
2035
2035
  // Figma Action Menu Row: 8px gap, 16px icon
2036
- p(Pe(C, s), "gap-2", a)
2036
+ w(Pe(C, s), "gap-2", a)
2037
2037
  ),
2038
2038
  children: [
2039
2039
  /* @__PURE__ */ n(
2040
2040
  "span",
2041
2041
  {
2042
- className: p(
2042
+ className: w(
2043
2043
  "flex size-5 shrink-0 items-center justify-center",
2044
2044
  I(g)
2045
2045
  ),
@@ -2051,7 +2051,7 @@ const $o = new Set(Object.values(x)), Xo = ({
2051
2051
  e1,
2052
2052
  {
2053
2053
  variant: S.BodyPrimary,
2054
- color: d,
2054
+ color: h,
2055
2055
  className: "block truncate",
2056
2056
  children: r
2057
2057
  }
@@ -2060,7 +2060,7 @@ const $o = new Set(Object.values(x)), Xo = ({
2060
2060
  e1,
2061
2061
  {
2062
2062
  variant: S.BodyTertiary,
2063
- color: h,
2063
+ color: d,
2064
2064
  className: "block truncate",
2065
2065
  children: l
2066
2066
  }
@@ -2079,13 +2079,13 @@ const Ko = ({
2079
2079
  "div",
2080
2080
  {
2081
2081
  role: "presentation",
2082
- className: p("px-2 pt-1.5 pb-3", r),
2082
+ className: w("px-2 pt-1.5 pb-3", r),
2083
2083
  ...l,
2084
2084
  children: /* @__PURE__ */ n(
2085
2085
  e1,
2086
2086
  {
2087
2087
  variant: S.Label,
2088
- color: w.Secondary,
2088
+ color: p.Secondary,
2089
2089
  className: "block",
2090
2090
  children: e
2091
2091
  }
@@ -2100,7 +2100,7 @@ const Go = ({
2100
2100
  "div",
2101
2101
  {
2102
2102
  role: "separator",
2103
- className: p(
2103
+ className: w(
2104
2104
  // Figma ActionMenu divider: 6px above and below, full panel width
2105
2105
  "my-1.5 -mx-1.5 border-t",
2106
2106
  Q(U.Default),
@@ -2119,19 +2119,19 @@ const Qo = new Set(Object.values(x)), qo = 4, Yo = -7, Jo = ({
2119
2119
  className: a,
2120
2120
  ...i
2121
2121
  }) => {
2122
- const d = typeof e == "string" && Qo.has(e) ? /* @__PURE__ */ n(Je, { name: e }) : e;
2122
+ const h = typeof e == "string" && Qo.has(e) ? /* @__PURE__ */ n(Je, { name: e }) : e;
2123
2123
  return /* @__PURE__ */ B(B1.SubmenuRoot, { disabled: c, children: [
2124
2124
  /* @__PURE__ */ B(
2125
2125
  B1.SubmenuTrigger,
2126
2126
  {
2127
2127
  disabled: c,
2128
- className: (h) => p(
2128
+ className: (d) => w(
2129
2129
  // Same row metrics as MenuIconTextItem: 8px gap, 16px icon
2130
- Pe(h),
2130
+ Pe(d),
2131
2131
  "gap-2",
2132
2132
  // Keep the row filled while its flyout is open, even once the
2133
2133
  // pointer has moved on into the flyout
2134
- h.open && !h.disabled && N(L.CardNested),
2134
+ d.open && !d.disabled && N(L.CardNested),
2135
2135
  a
2136
2136
  ),
2137
2137
  ...i,
@@ -2139,11 +2139,11 @@ const Qo = new Set(Object.values(x)), qo = 4, Yo = -7, Jo = ({
2139
2139
  /* @__PURE__ */ n(
2140
2140
  "span",
2141
2141
  {
2142
- className: p(
2142
+ className: w(
2143
2143
  "flex size-5 shrink-0 items-center justify-center",
2144
2144
  I(X.Default)
2145
2145
  ),
2146
- children: d
2146
+ children: h
2147
2147
  }
2148
2148
  ),
2149
2149
  /* @__PURE__ */ B("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
@@ -2151,7 +2151,7 @@ const Qo = new Set(Object.values(x)), qo = 4, Yo = -7, Jo = ({
2151
2151
  e1,
2152
2152
  {
2153
2153
  variant: S.BodyPrimary,
2154
- color: w.Primary,
2154
+ color: p.Primary,
2155
2155
  className: "block truncate",
2156
2156
  children: r
2157
2157
  }
@@ -2160,7 +2160,7 @@ const Qo = new Set(Object.values(x)), qo = 4, Yo = -7, Jo = ({
2160
2160
  e1,
2161
2161
  {
2162
2162
  variant: S.BodyTertiary,
2163
- color: w.Secondary,
2163
+ color: p.Secondary,
2164
2164
  className: "block truncate",
2165
2165
  children: l
2166
2166
  }
@@ -2170,7 +2170,7 @@ const Qo = new Set(Object.values(x)), qo = 4, Yo = -7, Jo = ({
2170
2170
  "span",
2171
2171
  {
2172
2172
  "aria-hidden": !0,
2173
- className: p(
2173
+ className: w(
2174
2174
  "flex size-5 shrink-0 items-center justify-center",
2175
2175
  I(X.Default)
2176
2176
  ),
@@ -2211,12 +2211,12 @@ const e7 = ({
2211
2211
  onClick: r ? void 0 : s.onClick
2212
2212
  }
2213
2213
  ),
2214
- className: (a) => p(Pe(a, l), c),
2214
+ className: (a) => w(Pe(a, l), c),
2215
2215
  children: /* @__PURE__ */ n(
2216
2216
  e1,
2217
2217
  {
2218
2218
  variant: S.BodyPrimary,
2219
- color: l ? w.Failure : w.Primary,
2219
+ color: l ? p.Failure : p.Primary,
2220
2220
  className: "block min-w-0 truncate",
2221
2221
  children: e
2222
2222
  }
@@ -2224,7 +2224,7 @@ const e7 = ({
2224
2224
  }
2225
2225
  );
2226
2226
  e7.displayName = "MenuTextItem";
2227
- const t7 = (e) => p(
2227
+ const t7 = (e) => w(
2228
2228
  "flex w-full cursor-pointer flex-col items-start gap-0.5",
2229
2229
  "px-2 py-1.5 text-left",
2230
2230
  "rounded-md",
@@ -2244,8 +2244,8 @@ const r7 = ({
2244
2244
  onChange: s,
2245
2245
  allowFreeText: a = !1,
2246
2246
  placeholder: i,
2247
- size: d = m.Md,
2248
- disabled: h = !1,
2247
+ size: h = m.Md,
2248
+ disabled: d = !1,
2249
2249
  loading: g = !1,
2250
2250
  emptyMessage: u = "No matches",
2251
2251
  className: C,
@@ -2343,13 +2343,13 @@ const r7 = ({
2343
2343
  }
2344
2344
  J.key === "Escape" && j();
2345
2345
  };
2346
- return /* @__PURE__ */ B("div", { ref: L1, className: p("relative", C), ...$, children: [
2346
+ return /* @__PURE__ */ B("div", { ref: L1, className: w("relative", C), ...$, children: [
2347
2347
  /* @__PURE__ */ n(
2348
2348
  Le,
2349
2349
  {
2350
2350
  onKeyDown: ce,
2351
- size: d,
2352
- disabled: h,
2351
+ size: h,
2352
+ disabled: d,
2353
2353
  borderless: b,
2354
2354
  icon: M,
2355
2355
  autoComplete: "off",
@@ -2376,7 +2376,7 @@ const r7 = ({
2376
2376
  ...A,
2377
2377
  ref: v ? a1.setFloating : void 0,
2378
2378
  style: v ? y1 : void 0,
2379
- className: p(
2379
+ className: w(
2380
2380
  v ? void 0 : "absolute top-full left-0 mt-1 w-full",
2381
2381
  "max-h-64 overflow-y-auto",
2382
2382
  G5(),
@@ -2388,7 +2388,7 @@ const r7 = ({
2388
2388
  children: [
2389
2389
  f,
2390
2390
  g && /* @__PURE__ */ n("div", { className: "flex justify-center py-2", children: /* @__PURE__ */ n(ge, { size: m.Md }) }),
2391
- !g && !e.length && /* @__PURE__ */ n("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ n(e1, { variant: S.Sm, color: w.Tertiary, children: typeof u == "function" ? u({ close: j }) : u }) }),
2391
+ !g && !e.length && /* @__PURE__ */ n("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ n(e1, { variant: S.Sm, color: p.Tertiary, children: typeof u == "function" ? u({ close: j }) : u }) }),
2392
2392
  !g && e.map((J, z1) => /* @__PURE__ */ B(
2393
2393
  "button",
2394
2394
  {
@@ -2403,8 +2403,8 @@ const r7 = ({
2403
2403
  pe.preventDefault(), n1(J);
2404
2404
  },
2405
2405
  children: [
2406
- /* @__PURE__ */ n(e1, { variant: S.Sm, color: w.Primary, children: J.label }),
2407
- J.description && /* @__PURE__ */ n(e1, { variant: S.Xs, color: w.Tertiary, children: J.description })
2406
+ /* @__PURE__ */ n(e1, { variant: S.Sm, color: p.Primary, children: J.label }),
2407
+ J.description && /* @__PURE__ */ n(e1, { variant: S.Xs, color: p.Tertiary, children: J.description })
2408
2408
  ]
2409
2409
  },
2410
2410
  J.id
@@ -2426,8 +2426,8 @@ const o7 = { width: 320, height: 320 }, kh = (e, r, l = o7) => {
2426
2426
  onContextMenu: s,
2427
2427
  ...a
2428
2428
  }) => {
2429
- const i = (d) => {
2430
- s?.(d), d.defaultPrevented && d.preventBaseUIHandler();
2429
+ const i = (h) => {
2430
+ s?.(h), h.defaultPrevented && h.preventBaseUIHandler();
2431
2431
  };
2432
2432
  return /* @__PURE__ */ B(se.Root, { disabled: l, children: [
2433
2433
  /* @__PURE__ */ n(
@@ -2456,14 +2456,14 @@ const me = {
2456
2456
  }) => {
2457
2457
  const i = Ce(s);
2458
2458
  if (!i) return null;
2459
- const d = a === me.Leading ? "absolute left-0" : "absolute right-0 pr-3";
2459
+ const h = a === me.Leading ? "absolute left-0" : "absolute right-0 pr-3";
2460
2460
  return /* @__PURE__ */ n(
2461
2461
  re,
2462
2462
  {
2463
2463
  onClick: e,
2464
2464
  disabled: r,
2465
- className: p(
2466
- d,
2465
+ className: w(
2466
+ h,
2467
2467
  "flex items-center justify-center",
2468
2468
  "cursor-pointer",
2469
2469
  "disabled:cursor-not-allowed",
@@ -2474,7 +2474,7 @@ const me = {
2474
2474
  children: /* @__PURE__ */ n(
2475
2475
  i,
2476
2476
  {
2477
- className: p(
2477
+ className: w(
2478
2478
  Zo[ne(l)],
2479
2479
  I(X.Disabled)
2480
2480
  )
@@ -2487,10 +2487,10 @@ const me = {
2487
2487
  error: r,
2488
2488
  radius: l = K.Sm,
2489
2489
  size: c = m.Md
2490
- }) => p(
2490
+ }) => w(
2491
2491
  "w-full",
2492
2492
  N(L.Background),
2493
- I(w.Primary),
2493
+ I(p.Primary),
2494
2494
  c2.control,
2495
2495
  "transition-colors",
2496
2496
  "border",
@@ -2514,8 +2514,8 @@ const me = {
2514
2514
  radius: a = K.Sm,
2515
2515
  hasValue: i
2516
2516
  }) => {
2517
- const d = d1(null), h = P(() => {
2518
- l || (r ? r() : d.current && (d.current.focus(), d.current.click()));
2517
+ const h = d1(null), d = P(() => {
2518
+ l || (r ? r() : h.current && (h.current.focus(), h.current.click()));
2519
2519
  }, [l, r]), g = c7({
2520
2520
  disabled: l,
2521
2521
  error: c,
@@ -2526,7 +2526,7 @@ const me = {
2526
2526
  /* @__PURE__ */ n(
2527
2527
  f2,
2528
2528
  {
2529
- onClick: h,
2529
+ onClick: d,
2530
2530
  disabled: l,
2531
2531
  hasValue: i,
2532
2532
  size: s,
@@ -2537,7 +2537,7 @@ const me = {
2537
2537
  /* @__PURE__ */ n(
2538
2538
  "input",
2539
2539
  {
2540
- ref: d,
2540
+ ref: h,
2541
2541
  value: e,
2542
2542
  onClick: r,
2543
2543
  disabled: l,
@@ -2547,7 +2547,7 @@ const me = {
2547
2547
  /* @__PURE__ */ n(
2548
2548
  f2,
2549
2549
  {
2550
- onClick: h,
2550
+ onClick: d,
2551
2551
  disabled: l,
2552
2552
  hasValue: i,
2553
2553
  size: s,
@@ -2564,8 +2564,8 @@ const me = {
2564
2564
  selected: s,
2565
2565
  error: a,
2566
2566
  dateFormat: i,
2567
- onChange: d,
2568
- minDate: h,
2567
+ onChange: h,
2568
+ minDate: d,
2569
2569
  maxDate: g,
2570
2570
  placeholderText: u,
2571
2571
  showTimeSelect: C,
@@ -2574,14 +2574,14 @@ const me = {
2574
2574
  ...E
2575
2575
  }) => {
2576
2576
  const b = !!s, M = H1(() => i || (C && v ? "HH:mm" : C ? "yyyy-MM-dd · HH:mm" : "yyyy-MM-dd"), [i, C, v]);
2577
- return /* @__PURE__ */ n(Q1, { className: p("flex flex-col gap-1", l), children: /* @__PURE__ */ n(
2577
+ return /* @__PURE__ */ n(Q1, { className: w("flex flex-col gap-1", l), children: /* @__PURE__ */ n(
2578
2578
  K3,
2579
2579
  {
2580
2580
  selected: s,
2581
- onChange: c ? void 0 : d,
2581
+ onChange: c ? void 0 : h,
2582
2582
  disabled: c,
2583
2583
  dateFormat: M,
2584
- minDate: h,
2584
+ minDate: d,
2585
2585
  maxDate: g,
2586
2586
  placeholderText: u,
2587
2587
  showTimeSelect: C,
@@ -2618,13 +2618,13 @@ const Y1 = {
2618
2618
  a && r && (process.env.NODE_ENV !== "production" && console.warn(
2619
2619
  "Divider: a `label` is not supported with `orientation=Orientation.Column`; the label will be ignored."
2620
2620
  ), i = void 0);
2621
- const d = l === Y1.Dot && !i;
2621
+ const h = l === Y1.Dot && !i;
2622
2622
  return /* @__PURE__ */ n(
2623
2623
  "div",
2624
2624
  {
2625
- className: p("flex items-center", a ? "flex-col h-full" : ""),
2625
+ className: w("flex items-center", a ? "flex-col h-full" : ""),
2626
2626
  ...s,
2627
- children: d ? /* @__PURE__ */ B(N1, { children: [
2627
+ children: h ? /* @__PURE__ */ B(N1, { children: [
2628
2628
  /* @__PURE__ */ n(
2629
2629
  Ee,
2630
2630
  {
@@ -2655,7 +2655,7 @@ const Y1 = {
2655
2655
  /* @__PURE__ */ n(
2656
2656
  e1,
2657
2657
  {
2658
- color: w.Primary,
2658
+ color: p.Primary,
2659
2659
  variant: S.Caption,
2660
2660
  className: a ? "my-1" : "mx-2",
2661
2661
  "data-testid": "divider-label",
@@ -2685,7 +2685,7 @@ const Y1 = {
2685
2685
  return r === Y1.Dot ? /* @__PURE__ */ n(
2686
2686
  "div",
2687
2687
  {
2688
- className: p(
2688
+ className: w(
2689
2689
  // Figma Divider: border/subtle line, border/default dot. Use the
2690
2690
  // static class rather than a runtime-built `border-[var(...)]`,
2691
2691
  // which Tailwind's scanner cannot see and the safelist does not
@@ -2699,7 +2699,7 @@ const Y1 = {
2699
2699
  ) : /* @__PURE__ */ n(
2700
2700
  "div",
2701
2701
  {
2702
- className: p(
2702
+ className: w(
2703
2703
  "bg-content-border-subtle",
2704
2704
  s ? "w-px h-full" : "h-px flex-1",
2705
2705
  l
@@ -2710,7 +2710,7 @@ const Y1 = {
2710
2710
  }, d7 = ({ className: e, ...r }) => /* @__PURE__ */ n(
2711
2711
  "div",
2712
2712
  {
2713
- className: p(
2713
+ className: w(
2714
2714
  "bg-content-border-default",
2715
2715
  "rounded-full size-[3px] shrink-0 mx-1",
2716
2716
  e
@@ -2729,16 +2729,16 @@ function h7({
2729
2729
  onDelta: l,
2730
2730
  onDragEnd: c
2731
2731
  }) {
2732
- const [s, a] = c1(!1), i = d1(!1), d = d1(0), h = _1(r), g = _1(l), u = _1(c), C = P(
2732
+ const [s, a] = c1(!1), i = d1(!1), h = d1(0), d = _1(r), g = _1(l), u = _1(c), C = P(
2733
2733
  (E) => {
2734
- i.current = !0, a(!0), d.current = e === "horizontal" ? E.clientX : E.clientY, E.currentTarget.setPointerCapture(E.pointerId), h.current?.();
2734
+ i.current = !0, a(!0), h.current = e === "horizontal" ? E.clientX : E.clientY, E.currentTarget.setPointerCapture(E.pointerId), d.current?.();
2735
2735
  },
2736
- [e, h]
2736
+ [e, d]
2737
2737
  ), v = P(
2738
2738
  (E) => {
2739
2739
  if (!i.current) return;
2740
2740
  const b = e === "horizontal" ? E.clientX : E.clientY;
2741
- g.current(b - d.current);
2741
+ g.current(b - h.current);
2742
2742
  },
2743
2743
  [e, g]
2744
2744
  ), y = P(() => {
@@ -2764,16 +2764,16 @@ function m7({
2764
2764
  onSizeChange: c,
2765
2765
  ...s
2766
2766
  }) {
2767
- const { open: a, setOpen: i } = l2(s), [d, h] = c1(0), [g, u] = c1(null), [C, v] = c1(!1), { ref: y } = q5(), E = d1(null), b = P(
2767
+ const { open: a, setOpen: i } = l2(s), [h, d] = c1(0), [g, u] = c1(null), [C, v] = c1(!1), { ref: y } = q5(), E = d1(null), b = P(
2768
2768
  (a1) => {
2769
2769
  E.current = a1, y(a1);
2770
2770
  },
2771
2771
  [y]
2772
- ), M = Math.min(d, r), D = g != null ? Math.min(g, M) : M, k = a ? D : 0, O = _1(a), f = _1(k), A = _1(l), V = _1(r), W = _1(c), $ = d1(0), _ = d1(!1);
2772
+ ), M = Math.min(h, r), D = g != null ? Math.min(g, M) : M, k = a ? D : 0, O = _1(a), f = _1(k), A = _1(l), V = _1(r), W = _1(c), $ = d1(0), _ = d1(!1);
2773
2773
  N2(() => {
2774
2774
  if (_.current) return;
2775
2775
  const a1 = E.current?.offsetHeight ?? 0;
2776
- h((y1) => y1 === a1 ? y1 : a1);
2776
+ d((y1) => y1 === a1 ? y1 : a1);
2777
2777
  });
2778
2778
  const Z = P(() => {
2779
2779
  _.current = !0, v(!1), $.current = O.current ? f.current : 0;
@@ -2843,8 +2843,8 @@ const zh = ({
2843
2843
  open: s,
2844
2844
  onOpenChange: a,
2845
2845
  onSizeChange: i,
2846
- header: d,
2847
- children: h,
2846
+ header: h,
2847
+ children: d,
2848
2848
  className: g,
2849
2849
  style: u
2850
2850
  }) => {
@@ -2879,7 +2879,7 @@ const zh = ({
2879
2879
  ...f
2880
2880
  }
2881
2881
  ),
2882
- d && /* @__PURE__ */ n("div", { className: W1.header, children: d({ open: E, toggle: b }) }),
2882
+ h && /* @__PURE__ */ n("div", { className: W1.header, children: h({ open: E, toggle: b }) }),
2883
2883
  /* @__PURE__ */ n(
2884
2884
  "div",
2885
2885
  {
@@ -2891,7 +2891,7 @@ const zh = ({
2891
2891
  // content-driven resizes snap, both via `animating === false`.
2892
2892
  transition: k && !D ? void 0 : "none"
2893
2893
  },
2894
- children: /* @__PURE__ */ n("div", { ref: A, className: W1.content, children: h })
2894
+ children: /* @__PURE__ */ n("div", { ref: A, className: W1.content, children: d })
2895
2895
  }
2896
2896
  )
2897
2897
  ]
@@ -2925,15 +2925,15 @@ const zh = ({
2925
2925
  zIndex: s,
2926
2926
  disabled: a,
2927
2927
  className: i,
2928
- ...d
2928
+ ...h
2929
2929
  }) => {
2930
- const h = M1(c ? x1.AboveModal : s || x1.High), g = $e(e) ? !!e.props.disabled : !1, u = a || g, C = d1(null), v = d1(null), y = () => v.current?.querySelector(H7) ?? null, { side: E, align: b } = L7[l];
2930
+ const d = M1(c ? x1.AboveModal : s || x1.High), g = $e(e) ? !!e.props.disabled : !1, u = a || g, C = d1(null), v = d1(null), y = () => v.current?.querySelector(H7) ?? null, { side: E, align: b } = L7[l];
2931
2931
  return /* @__PURE__ */ B(
2932
2932
  "div",
2933
2933
  {
2934
2934
  ref: v,
2935
- className: p("relative inline-block", i),
2936
- ...d,
2935
+ className: w("relative inline-block", i),
2936
+ ...h,
2937
2937
  children: [
2938
2938
  /* @__PURE__ */ B(B1.Root, { modal: !1, disabled: u, children: [
2939
2939
  /* @__PURE__ */ n(
@@ -2952,7 +2952,7 @@ const zh = ({
2952
2952
  side: E,
2953
2953
  align: b,
2954
2954
  sideOffset: 4,
2955
- className: h,
2955
+ className: d,
2956
2956
  children: /* @__PURE__ */ n(
2957
2957
  B1.Popup,
2958
2958
  {
@@ -2993,10 +2993,10 @@ const B7 = ({
2993
2993
  multiple: s = !0,
2994
2994
  disabled: a = !1,
2995
2995
  className: i,
2996
- ...d
2996
+ ...h
2997
2997
  }) => {
2998
- const h = d1(null), [g, u] = c1(!1), C = () => {
2999
- a || h.current?.click();
2998
+ const d = d1(null), [g, u] = c1(!1), C = () => {
2999
+ a || d.current?.click();
3000
3000
  };
3001
3001
  return /* @__PURE__ */ B(
3002
3002
  "div",
@@ -3023,14 +3023,14 @@ const B7 = ({
3023
3023
  onDrop: (v) => {
3024
3024
  v.preventDefault(), u(!1), a || e(Array.from(v.dataTransfer.files));
3025
3025
  },
3026
- ...d,
3026
+ ...h,
3027
3027
  children: [
3028
3028
  /* @__PURE__ */ n(
3029
3029
  "span",
3030
3030
  {
3031
3031
  className: H(
3032
3032
  r1[S.BodyPrimary],
3033
- I(w.Primary)
3033
+ I(p.Primary)
3034
3034
  ),
3035
3035
  children: r
3036
3036
  }
@@ -3040,7 +3040,7 @@ const B7 = ({
3040
3040
  {
3041
3041
  className: H(
3042
3042
  r1[S.BodySecondary],
3043
- I(w.Secondary)
3043
+ I(p.Secondary)
3044
3044
  ),
3045
3045
  children: l
3046
3046
  }
@@ -3048,7 +3048,7 @@ const B7 = ({
3048
3048
  /* @__PURE__ */ n(
3049
3049
  "input",
3050
3050
  {
3051
- ref: h,
3051
+ ref: d,
3052
3052
  type: "file",
3053
3053
  hidden: !0,
3054
3054
  accept: c,
@@ -3076,7 +3076,7 @@ const I7 = ({
3076
3076
  {
3077
3077
  orientation: g1.Column,
3078
3078
  align: b1.Center,
3079
- className: p(
3079
+ className: w(
3080
3080
  "text-center p-10",
3081
3081
  Y(K.Md),
3082
3082
  N(L.Card),
@@ -3087,7 +3087,7 @@ const I7 = ({
3087
3087
  a && /* @__PURE__ */ n(
3088
3088
  "span",
3089
3089
  {
3090
- className: p(
3090
+ className: w(
3091
3091
  "p-3",
3092
3092
  Y(K.Full),
3093
3093
  N(L.CardElevated)
@@ -3096,7 +3096,7 @@ const I7 = ({
3096
3096
  }
3097
3097
  ),
3098
3098
  /* @__PURE__ */ n(e1, { variant: S.HeadingLg, children: r }),
3099
- l && /* @__PURE__ */ n(e1, { variant: S.BodySecondary, color: w.Muted, children: l })
3099
+ l && /* @__PURE__ */ n(e1, { variant: S.BodySecondary, color: p.Muted, children: l })
3100
3100
  ]
3101
3101
  }
3102
3102
  );
@@ -3110,21 +3110,21 @@ const Fe = ({
3110
3110
  error: s,
3111
3111
  required: a = !1,
3112
3112
  spacing: i = s1.Sm,
3113
- className: d,
3114
- ...h
3115
- }) => /* @__PURE__ */ n(Q1, { disabled: c, className: d, children: /* @__PURE__ */ B(p1, { orientation: g1.Column, spacing: i, ...h, children: [
3113
+ className: h,
3114
+ ...d
3115
+ }) => /* @__PURE__ */ n(Q1, { disabled: c, className: h, children: /* @__PURE__ */ B(p1, { orientation: g1.Column, spacing: i, ...d, children: [
3116
3116
  r && /* @__PURE__ */ B(p1, { orientation: g1.Column, spacing: s1.Xs, children: [
3117
3117
  /* @__PURE__ */ n(He, { children: /* @__PURE__ */ B(
3118
3118
  e1,
3119
3119
  {
3120
- color: w.Secondary,
3120
+ color: p.Secondary,
3121
3121
  variant: S.BodySecondary,
3122
3122
  children: [
3123
3123
  r,
3124
3124
  a && /* @__PURE__ */ B(
3125
3125
  e1,
3126
3126
  {
3127
- color: w.Failure,
3127
+ color: p.Failure,
3128
3128
  variant: S.BodySecondary,
3129
3129
  "aria-hidden": "true",
3130
3130
  children: [
@@ -3136,10 +3136,10 @@ const Fe = ({
3136
3136
  ]
3137
3137
  }
3138
3138
  ) }),
3139
- l && /* @__PURE__ */ n(L3, { children: /* @__PURE__ */ n(e1, { color: w.Tertiary, variant: S.Caption, children: l }) })
3139
+ l && /* @__PURE__ */ n(L3, { children: /* @__PURE__ */ n(e1, { color: p.Tertiary, variant: S.Caption, children: l }) })
3140
3140
  ] }),
3141
3141
  e,
3142
- s && /* @__PURE__ */ n(e1, { color: w.Failure, variant: S.BodyTertiary, children: s })
3142
+ s && /* @__PURE__ */ n(e1, { color: p.Failure, variant: S.BodyTertiary, children: s })
3143
3143
  ] }) });
3144
3144
  Fe.displayName = "FormField";
3145
3145
  const V7 = {
@@ -3160,7 +3160,7 @@ const V7 = {
3160
3160
  /* @__PURE__ */ n(
3161
3161
  "div",
3162
3162
  {
3163
- className: p(
3163
+ className: w(
3164
3164
  "grid grid-cols-1 sm:grid-cols-2",
3165
3165
  V7[r]
3166
3166
  ),
@@ -3190,7 +3190,7 @@ const D7 = {
3190
3190
  s,
3191
3191
  {
3192
3192
  className: H(
3193
- I(w.Primary),
3193
+ I(p.Primary),
3194
3194
  P7[e],
3195
3195
  r
3196
3196
  ),
@@ -3240,8 +3240,8 @@ function R7({
3240
3240
  orientation: s = g1.Column,
3241
3241
  rowHeight: a = 164,
3242
3242
  colWidth: i = 164,
3243
- onLoadMore: d,
3244
- hasMore: h = !1,
3243
+ onLoadMore: h,
3244
+ hasMore: d = !1,
3245
3245
  loading: g = !1,
3246
3246
  className: u,
3247
3247
  style: C,
@@ -3250,19 +3250,19 @@ function R7({
3250
3250
  const y = d1(null), E = P(
3251
3251
  (k) => {
3252
3252
  const [O] = k;
3253
- O.isIntersecting && h && !g && d && d();
3253
+ O.isIntersecting && d && !g && h && h();
3254
3254
  },
3255
- [h, g, d]
3255
+ [d, g, h]
3256
3256
  );
3257
3257
  E1(() => {
3258
3258
  const k = y.current;
3259
- if (!k || !d) return;
3259
+ if (!k || !h) return;
3260
3260
  const O = new IntersectionObserver(E, {
3261
3261
  threshold: 0,
3262
3262
  rootMargin: "200px"
3263
3263
  });
3264
3264
  return O.observe(k), () => O.disconnect();
3265
- }, [E, d]);
3265
+ }, [E, h]);
3266
3266
  const b = s === g1.Column, M = b ? {
3267
3267
  gridTemplateColumns: `repeat(${l}, 1fr)`,
3268
3268
  gridAutoRows: `${a}px`,
@@ -3276,7 +3276,7 @@ function R7({
3276
3276
  return /* @__PURE__ */ B(
3277
3277
  "div",
3278
3278
  {
3279
- className: p(
3279
+ className: w(
3280
3280
  "grid",
3281
3281
  b ? "overflow-y-auto overflow-x-hidden" : "overflow-x-auto overflow-y-hidden",
3282
3282
  u
@@ -3285,7 +3285,7 @@ function R7({
3285
3285
  ...v,
3286
3286
  children: [
3287
3287
  e.map(({ id: k, data: O }) => /* @__PURE__ */ n("div", { className: "overflow-hidden", children: r(O, k) }, k)),
3288
- d && /* @__PURE__ */ n(
3288
+ h && /* @__PURE__ */ n(
3289
3289
  "div",
3290
3290
  {
3291
3291
  ref: y,
@@ -3307,14 +3307,14 @@ const Y5 = ({
3307
3307
  dragHandleListeners: s,
3308
3308
  primaryContent: a = void 0,
3309
3309
  secondaryContent: i = void 0,
3310
- actions: d = void 0,
3311
- additionalContent: h = void 0,
3310
+ actions: h = void 0,
3311
+ additionalContent: d = void 0,
3312
3312
  className: g,
3313
3313
  ...u
3314
3314
  }) => /* @__PURE__ */ B(
3315
3315
  "div",
3316
3316
  {
3317
- className: p(
3317
+ className: w(
3318
3318
  "flex flex-col",
3319
3319
  "w-full",
3320
3320
  "py-3 px-3.5",
@@ -3327,13 +3327,13 @@ const Y5 = ({
3327
3327
  /* @__PURE__ */ B(
3328
3328
  "div",
3329
3329
  {
3330
- className: p(
3330
+ className: w(
3331
3331
  "flex flex-nowrap items-center justify-between",
3332
3332
  "w-full",
3333
3333
  "gap-x-lg"
3334
3334
  ),
3335
3335
  children: [
3336
- /* @__PURE__ */ B("div", { className: p("flex flex-nowrap items-center", "gap-x-md"), children: [
3336
+ /* @__PURE__ */ B("div", { className: w("flex flex-nowrap items-center", "gap-x-md"), children: [
3337
3337
  e && /* @__PURE__ */ n(
3338
3338
  o2,
3339
3339
  {
@@ -3349,7 +3349,7 @@ const Y5 = ({
3349
3349
  children: /* @__PURE__ */ n(
3350
3350
  Qe,
3351
3351
  {
3352
- className: p("size-4", I(w.Secondary))
3352
+ className: w("size-4", I(p.Secondary))
3353
3353
  }
3354
3354
  )
3355
3355
  }
@@ -3358,10 +3358,10 @@ const Y5 = ({
3358
3358
  /* @__PURE__ */ n(
3359
3359
  "div",
3360
3360
  {
3361
- className: p(
3361
+ className: w(
3362
3362
  "flex items-center",
3363
3363
  r1[S.BodySecondary],
3364
- I(w.Secondary)
3364
+ I(p.Secondary)
3365
3365
  ),
3366
3366
  children: i
3367
3367
  }
@@ -3370,29 +3370,29 @@ const Y5 = ({
3370
3370
  /* @__PURE__ */ n(
3371
3371
  "span",
3372
3372
  {
3373
- className: p(
3373
+ className: w(
3374
3374
  "flex flex-nowrap items-center",
3375
3375
  "gap-x-sm",
3376
3376
  // Action affordances (e.g. icon Buttons) read as light grey, not white.
3377
- I(w.Secondary)
3377
+ I(p.Secondary)
3378
3378
  ),
3379
- children: d
3379
+ children: h
3380
3380
  }
3381
3381
  )
3382
3382
  ]
3383
3383
  }
3384
3384
  ),
3385
- h && /* @__PURE__ */ n(
3385
+ d && /* @__PURE__ */ n(
3386
3386
  "div",
3387
3387
  {
3388
- className: p(
3388
+ className: w(
3389
3389
  "px-sm py-3",
3390
3390
  // Align with primaryContent by adding margin for checkbox/drag handle
3391
3391
  e && c && "ml-12",
3392
3392
  e && !c && "ml-6",
3393
3393
  !e && c && "ml-6"
3394
3394
  ),
3395
- children: h
3395
+ children: d
3396
3396
  }
3397
3397
  )
3398
3398
  ]
@@ -3410,7 +3410,7 @@ const Z7 = "_dots_12ry3_6", F7 = "_dot_12ry3_6", ye = {
3410
3410
  e1,
3411
3411
  {
3412
3412
  role: "status",
3413
- className: p("inline-flex items-baseline", r),
3413
+ className: w("inline-flex items-baseline", r),
3414
3414
  ...l,
3415
3415
  children: [
3416
3416
  e,
@@ -3445,8 +3445,8 @@ const ie = {
3445
3445
  showCloseButton: s,
3446
3446
  footer: a,
3447
3447
  className: i,
3448
- contentClassName: d,
3449
- children: h,
3448
+ contentClassName: h,
3449
+ children: d,
3450
3450
  ...g
3451
3451
  }) => {
3452
3452
  const u = s ?? !!l;
@@ -3456,7 +3456,7 @@ const ie = {
3456
3456
  open: e,
3457
3457
  onClose: r,
3458
3458
  transition: !0,
3459
- className: p(
3459
+ className: w(
3460
3460
  "relative",
3461
3461
  M1(x1.High),
3462
3462
  Me(be.Normal),
@@ -3467,14 +3467,14 @@ const ie = {
3467
3467
  /* @__PURE__ */ n(
3468
3468
  A2,
3469
3469
  {
3470
- className: p("fixed inset-0", N(D1.Default))
3470
+ className: w("fixed inset-0", N(D1.Default))
3471
3471
  }
3472
3472
  ),
3473
3473
  /* @__PURE__ */ n("div", { className: "fixed inset-0 flex items-center justify-center p-4", children: /* @__PURE__ */ B(
3474
3474
  T2,
3475
3475
  {
3476
3476
  "data-testid": "modal-panel",
3477
- className: p(
3477
+ className: w(
3478
3478
  "flex w-full flex-col overflow-hidden",
3479
3479
  "max-h-[85vh]",
3480
3480
  j7[c],
@@ -3485,7 +3485,7 @@ const ie = {
3485
3485
  // too: without this the panel inherits whatever the host page
3486
3486
  // set, which is black text on the dark card in an app that
3487
3487
  // themes `body` rather than `:root`.
3488
- I(w.Primary),
3488
+ I(p.Primary),
3489
3489
  Q(U.Default),
3490
3490
  "border-1",
3491
3491
  Y(K.Lg),
@@ -3496,7 +3496,7 @@ const ie = {
3496
3496
  (l || u) && /* @__PURE__ */ B(
3497
3497
  "div",
3498
3498
  {
3499
- className: p(
3499
+ className: w(
3500
3500
  "flex flex-none items-center justify-between gap-md",
3501
3501
  "px-6 pt-6 pb-5"
3502
3502
  ),
@@ -3504,9 +3504,9 @@ const ie = {
3504
3504
  l ? /* @__PURE__ */ n(
3505
3505
  O2,
3506
3506
  {
3507
- className: p(
3507
+ className: w(
3508
3508
  r1[S.HeadingLg],
3509
- I(w.Primary),
3509
+ I(p.Primary),
3510
3510
  "min-w-0"
3511
3511
  ),
3512
3512
  children: l
@@ -3528,18 +3528,18 @@ const ie = {
3528
3528
  /* @__PURE__ */ n(
3529
3529
  "div",
3530
3530
  {
3531
- className: p(
3531
+ className: w(
3532
3532
  "min-h-0 flex-1 overflow-y-auto px-6",
3533
3533
  l || u ? "pb-6" : "py-6",
3534
- d
3534
+ h
3535
3535
  ),
3536
- children: h
3536
+ children: d
3537
3537
  }
3538
3538
  ),
3539
3539
  a && /* @__PURE__ */ n(
3540
3540
  "div",
3541
3541
  {
3542
- className: p(
3542
+ className: w(
3543
3543
  // Figma: 16px between actions, 40px above them, no divider
3544
3544
  "flex flex-none items-center justify-end gap-4",
3545
3545
  "px-6 pt-4 pb-6"
@@ -3571,12 +3571,12 @@ const U7 = {
3571
3571
  size: e = m.Sm,
3572
3572
  radius: r = K.Full,
3573
3573
  shadow: l = void 0,
3574
- color: c = w.Primary,
3574
+ color: c = p.Primary,
3575
3575
  backgroundColor: s = L.CardElevated,
3576
3576
  icon: a,
3577
3577
  isStatus: i = !1,
3578
- onRemove: d,
3579
- className: h,
3578
+ onRemove: h,
3579
+ className: d,
3580
3580
  children: g,
3581
3581
  ...u
3582
3582
  }) => {
@@ -3593,7 +3593,7 @@ const U7 = {
3593
3593
  Y(r),
3594
3594
  P1(l),
3595
3595
  U7[e],
3596
- h
3596
+ d
3597
3597
  ),
3598
3598
  ...u,
3599
3599
  children: [
@@ -3607,13 +3607,13 @@ const U7 = {
3607
3607
  ) }),
3608
3608
  C && /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(C, { size: e, color: c }) }),
3609
3609
  /* @__PURE__ */ n("div", { children: g }),
3610
- d && /* @__PURE__ */ n(
3610
+ h && /* @__PURE__ */ n(
3611
3611
  "button",
3612
3612
  {
3613
3613
  type: "button",
3614
3614
  "aria-label": "Remove",
3615
3615
  onClick: (v) => {
3616
- v.stopPropagation(), d();
3616
+ v.stopPropagation(), h();
3617
3617
  },
3618
3618
  className: H(
3619
3619
  "inline-flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-full",
@@ -3628,7 +3628,7 @@ const U7 = {
3628
3628
  );
3629
3629
  };
3630
3630
  J5.displayName = "Pill";
3631
- const K7 = () => p(
3631
+ const K7 = () => w(
3632
3632
  "min-w-[120px]",
3633
3633
  // Same surface as the Figma ActionMenu panel
3634
3634
  "p-2.5",
@@ -3659,8 +3659,8 @@ const K7 = () => p(
3659
3659
  anchor: s = G7.BottomStart,
3660
3660
  portal: a = !0,
3661
3661
  zIndex: i,
3662
- matchTriggerWidth: d = !1,
3663
- closeOnEscape: h = !0,
3662
+ matchTriggerWidth: h = !1,
3663
+ closeOnEscape: d = !0,
3664
3664
  disabled: g,
3665
3665
  panelClassName: u,
3666
3666
  focusOnOpen: C = !0,
@@ -3681,7 +3681,7 @@ const K7 = () => p(
3681
3681
  Ve({ padding: 8 }),
3682
3682
  Ke({
3683
3683
  apply({ rects: w1, elements: o1 }) {
3684
- d && Object.assign(o1.floating.style, {
3684
+ h && Object.assign(o1.floating.style, {
3685
3685
  width: `${w1.reference.width}px`
3686
3686
  });
3687
3687
  }
@@ -3689,7 +3689,7 @@ const K7 = () => p(
3689
3689
  ],
3690
3690
  whileElementsMounted: ze
3691
3691
  }), V = W3(A, { enabled: !E && !k }), W = j3(A, {
3692
- escapeKey: h,
3692
+ escapeKey: d,
3693
3693
  outsidePress: (w1) => !w1.target?.closest?.(
3694
3694
  "[data-headlessui-portal], [data-floating-ui-portal]"
3695
3695
  )
@@ -3712,7 +3712,7 @@ const K7 = () => p(
3712
3712
  {
3713
3713
  ref: O.setFloating,
3714
3714
  style: f,
3715
- className: p(K7(), C1, u),
3715
+ className: w(K7(), C1, u),
3716
3716
  ...Z(),
3717
3717
  children: typeof r == "function" ? r({ close: t1 }) : r
3718
3718
  }
@@ -3722,9 +3722,9 @@ const K7 = () => p(
3722
3722
  return /* @__PURE__ */ B(
3723
3723
  "div",
3724
3724
  {
3725
- className: p(
3725
+ className: w(
3726
3726
  // A width-matched panel hangs from a trigger that spans its container
3727
- d ? "relative block w-full" : "relative inline-block",
3727
+ h ? "relative block w-full" : "relative inline-block",
3728
3728
  v
3729
3729
  ),
3730
3730
  ...y,
@@ -3733,8 +3733,8 @@ const K7 = () => p(
3733
3733
  "div",
3734
3734
  {
3735
3735
  ref: O.setReference,
3736
- className: p(
3737
- d ? "block w-full" : "inline-block",
3736
+ className: w(
3737
+ h ? "block w-full" : "inline-block",
3738
3738
  !E && (k ? "cursor-not-allowed" : "cursor-pointer")
3739
3739
  ),
3740
3740
  ..._(),
@@ -3760,12 +3760,12 @@ const q7 = {
3760
3760
  className: a,
3761
3761
  ...i
3762
3762
  }) => {
3763
- const d = r > 0 ? Math.min(Math.max(e, 0), r) / r : 0, h = Math.round(d * 100);
3763
+ const h = r > 0 ? Math.min(Math.max(e, 0), r) / r : 0, d = Math.round(h * 100);
3764
3764
  return /* @__PURE__ */ n(
3765
3765
  "div",
3766
3766
  {
3767
3767
  role: "progressbar",
3768
- "aria-valuenow": h,
3768
+ "aria-valuenow": d,
3769
3769
  "aria-valuemin": 0,
3770
3770
  "aria-valuemax": 100,
3771
3771
  className: H(
@@ -3784,7 +3784,7 @@ const q7 = {
3784
3784
  N(c),
3785
3785
  Y(K.Full)
3786
3786
  ),
3787
- style: { width: `${d * 100}%` }
3787
+ style: { width: `${h * 100}%` }
3788
3788
  }
3789
3789
  )
3790
3790
  }
@@ -3813,82 +3813,89 @@ const J7 = ({ className: e, ...r }) => /* @__PURE__ */ n(
3813
3813
  // Deprecated and intentionally unused; kept out of `...props` so it never
3814
3814
  // reaches the DOM.
3815
3815
  size: i,
3816
- ...d
3817
- }) => /* @__PURE__ */ B(Q1, { className: "group flex items-center gap-3", ...a, children: [
3818
- /* @__PURE__ */ n(
3819
- k3,
3820
- {
3821
- value: e,
3822
- disabled: s,
3823
- className: p(
3824
- "peer",
3825
- !s && "cursor-pointer",
3826
- "appearance-none",
3827
- "border",
3828
- "border-content-text-tertiary",
3829
- s && "opacity-50",
3830
- "rounded-full",
3831
- e8,
3832
- // on focus - unchecked
3833
- !s && "focus:outline-none",
3834
- !s && "focus:ring-2",
3835
- !s && "focus:ring-content-interactive-primary-default",
3836
- // on hover - unchecked (only when not disabled)
3837
- !s && "hover:border-content-interactive-primary-hover",
3838
- !s && "hover:border-1",
3839
- // when hovering label, also hover radio (only when not disabled)
3840
- !s && "group-hover:border-content-interactive-primary-hover",
3841
- !s && "group-hover:border-1",
3842
- // checked styles (override base styles)
3843
- "data-[checked]:border-2",
3844
- "data-[checked]:border-content-interactive-primary-default",
3845
- "data-[checked]:focus:ring-0",
3846
- "relative",
3847
- // for the dot
3848
- "before:content-['']",
3849
- "before:absolute",
3850
- t8,
3851
- "before:top-1/2",
3852
- "before:left-1/2",
3853
- "before:-translate-x-1/2",
3854
- "before:-translate-y-1/2",
3855
- "before:rounded-full",
3856
- "before:bg-content-interactive-primary-default",
3857
- "before:opacity-0",
3858
- "data-[checked]:before:opacity-100",
3859
- r
3816
+ ...h
3817
+ }) => /* @__PURE__ */ B(
3818
+ Q1,
3819
+ {
3820
+ ...a,
3821
+ className: w("group flex items-center gap-3", a?.className),
3822
+ children: [
3823
+ /* @__PURE__ */ n(
3824
+ k3,
3825
+ {
3826
+ value: e,
3827
+ disabled: s,
3828
+ className: w(
3829
+ "peer",
3830
+ !s && "cursor-pointer",
3831
+ "appearance-none",
3832
+ "border",
3833
+ "border-content-text-tertiary",
3834
+ s && "opacity-50",
3835
+ "rounded-full",
3836
+ e8,
3837
+ // on focus - unchecked
3838
+ !s && "focus:outline-none",
3839
+ !s && "focus:ring-2",
3840
+ !s && "focus:ring-content-interactive-primary-default",
3841
+ // on hover - unchecked (only when not disabled)
3842
+ !s && "hover:border-content-interactive-primary-hover",
3843
+ !s && "hover:border-1",
3844
+ // when hovering label, also hover radio (only when not disabled)
3845
+ !s && "group-hover:border-content-interactive-primary-hover",
3846
+ !s && "group-hover:border-1",
3847
+ // checked styles (override base styles)
3848
+ "data-[checked]:border-2",
3849
+ "data-[checked]:border-content-interactive-primary-default",
3850
+ "data-[checked]:focus:ring-0",
3851
+ "relative",
3852
+ // for the dot
3853
+ "before:content-['']",
3854
+ "before:absolute",
3855
+ t8,
3856
+ "before:top-1/2",
3857
+ "before:left-1/2",
3858
+ "before:-translate-x-1/2",
3859
+ "before:-translate-y-1/2",
3860
+ "before:rounded-full",
3861
+ "before:bg-content-interactive-primary-default",
3862
+ "before:opacity-0",
3863
+ "data-[checked]:before:opacity-100",
3864
+ r
3865
+ ),
3866
+ ...h,
3867
+ children: /* @__PURE__ */ n(
3868
+ "div",
3869
+ {
3870
+ className: w(
3871
+ "absolute",
3872
+ "inset-0",
3873
+ "flex",
3874
+ "items-center",
3875
+ "justify-center",
3876
+ "pointer-events-none"
3877
+ ),
3878
+ children: /* @__PURE__ */ n(J7, {})
3879
+ }
3880
+ )
3881
+ }
3860
3882
  ),
3861
- ...d,
3862
- children: /* @__PURE__ */ n(
3863
- "div",
3883
+ c && /* @__PURE__ */ n(
3884
+ He,
3864
3885
  {
3865
- className: p(
3866
- "absolute",
3867
- "inset-0",
3868
- "flex",
3869
- "items-center",
3870
- "justify-center",
3871
- "pointer-events-none"
3886
+ className: w(
3887
+ // Figma: label is white when enabled, tertiary when disabled
3888
+ I(s ? p.Tertiary : p.Primary),
3889
+ n8,
3890
+ !s && "cursor-pointer",
3891
+ l
3872
3892
  ),
3873
- children: /* @__PURE__ */ n(J7, {})
3893
+ children: c
3874
3894
  }
3875
3895
  )
3876
- }
3877
- ),
3878
- c && /* @__PURE__ */ n(
3879
- He,
3880
- {
3881
- className: p(
3882
- // Figma: label is white when enabled, tertiary when disabled
3883
- I(s ? w.Tertiary : w.Primary),
3884
- n8,
3885
- !s && "cursor-pointer",
3886
- l
3887
- ),
3888
- children: c
3889
- }
3890
- )
3891
- ] });
3896
+ ]
3897
+ }
3898
+ );
3892
3899
  e3.displayName = "Radio";
3893
3900
  const r8 = () => Math.random().toString(36).substring(2, 9).trim(), o8 = ({
3894
3901
  options: e,
@@ -3898,8 +3905,8 @@ const r8 = () => Math.random().toString(36).substring(2, 9).trim(), o8 = ({
3898
3905
  name: s,
3899
3906
  size: a = m.Sm,
3900
3907
  disabled: i = !1,
3901
- className: d,
3902
- radioProps: h,
3908
+ className: h,
3909
+ radioProps: d,
3903
3910
  ...g
3904
3911
  }) => {
3905
3912
  const u = H1(
@@ -3914,7 +3921,7 @@ const r8 = () => Math.random().toString(36).substring(2, 9).trim(), o8 = ({
3914
3921
  onChange: c,
3915
3922
  name: u,
3916
3923
  disabled: i,
3917
- className: d,
3924
+ className: h,
3918
3925
  ...g,
3919
3926
  children: e.map((C) => /* @__PURE__ */ n(
3920
3927
  e3,
@@ -3923,8 +3930,15 @@ const r8 = () => Math.random().toString(36).substring(2, 9).trim(), o8 = ({
3923
3930
  label: C.label,
3924
3931
  size: a,
3925
3932
  disabled: i || C.disabled,
3926
- ...h,
3927
- fieldProps: C.fieldProps
3933
+ ...d,
3934
+ fieldProps: {
3935
+ ...d?.fieldProps,
3936
+ ...C.fieldProps,
3937
+ className: w(
3938
+ d?.fieldProps?.className,
3939
+ C.fieldProps?.className
3940
+ )
3941
+ }
3928
3942
  },
3929
3943
  C.value
3930
3944
  ))
@@ -3940,7 +3954,7 @@ const t3 = ({
3940
3954
  onClick: s,
3941
3955
  className: a,
3942
3956
  style: i,
3943
- ...d
3957
+ ...h
3944
3958
  }) => /* @__PURE__ */ n(_5, { children: /* @__PURE__ */ n(
3945
3959
  "div",
3946
3960
  {
@@ -3962,12 +3976,12 @@ const t3 = ({
3962
3976
  ),
3963
3977
  style: i,
3964
3978
  onClick: s,
3965
- onKeyDown: (h) => {
3966
- (h.key === "Enter" || h.key === " ") && (h.preventDefault(), s?.());
3979
+ onKeyDown: (d) => {
3980
+ (d.key === "Enter" || d.key === " ") && (d.preventDefault(), s?.());
3967
3981
  },
3968
3982
  role: "button",
3969
3983
  tabIndex: 0,
3970
- ...d,
3984
+ ...h,
3971
3985
  children: /* @__PURE__ */ B("div", { className: "flex flex-col", children: [
3972
3986
  /* @__PURE__ */ B("span", { className: "flex gap-2.5 items-center", children: [
3973
3987
  /* @__PURE__ */ n(
@@ -3975,7 +3989,7 @@ const t3 = ({
3975
3989
  {
3976
3990
  content: l,
3977
3991
  size: 16,
3978
- className: p(
3992
+ className: w(
3979
3993
  "flex shrink-0",
3980
3994
  // icon/default at rest, icon/emphasis on hover and when active.
3981
3995
  e ? I(X.Emphasis) : H(
@@ -3987,7 +4001,7 @@ const t3 = ({
3987
4001
  ),
3988
4002
  c && /* @__PURE__ */ n(e1, { variant: S.HeadingSm, children: c })
3989
4003
  ] }),
3990
- r && /* @__PURE__ */ n(e1, { variant: S.BodyTertiary, color: w.Secondary, children: r })
4004
+ r && /* @__PURE__ */ n(e1, { variant: S.BodyTertiary, color: p.Secondary, children: r })
3991
4005
  ] })
3992
4006
  }
3993
4007
  ) });
@@ -3999,7 +4013,7 @@ const l8 = ({
3999
4013
  onChange: c,
4000
4014
  ...s
4001
4015
  }) => {
4002
- const [a, i] = c1(() => []), d = P(
4016
+ const [a, i] = c1(() => []), h = P(
4003
4017
  (g) => {
4004
4018
  if (!a.includes(g)) {
4005
4019
  const u = l ? [g] : [...a, g];
@@ -4007,7 +4021,7 @@ const l8 = ({
4007
4021
  }
4008
4022
  },
4009
4023
  [a, l, c]
4010
- ), h = P(
4024
+ ), d = P(
4011
4025
  (g) => {
4012
4026
  if (a.includes(g)) {
4013
4027
  const u = a.filter((C) => C !== g);
@@ -4016,13 +4030,13 @@ const l8 = ({
4016
4030
  },
4017
4031
  [a, c]
4018
4032
  );
4019
- return /* @__PURE__ */ n("div", { className: p("flex", "gap-x-md", r), ...s, children: e.map((g) => /* @__PURE__ */ n(
4033
+ return /* @__PURE__ */ n("div", { className: w("flex", "gap-x-md", r), ...s, children: e.map((g) => /* @__PURE__ */ n(
4020
4034
  t3,
4021
4035
  {
4022
4036
  ...g.data,
4023
4037
  active: a.includes(g.id),
4024
4038
  onClick: () => {
4025
- a.includes(g.id) ? h(g.id) : d(g.id), g.data.onClick?.();
4039
+ a.includes(g.id) ? d(g.id) : h(g.id), g.data.onClick?.();
4026
4040
  }
4027
4041
  },
4028
4042
  g.id
@@ -4039,13 +4053,13 @@ const n3 = ({
4039
4053
  listeners: s,
4040
4054
  setNodeRef: a,
4041
4055
  transform: i,
4042
- transition: d,
4043
- isDragging: h
4056
+ transition: h,
4057
+ isDragging: d
4044
4058
  } = en({ id: e, disabled: r }), g = {
4045
4059
  transform: ln.Transform.toString(i),
4046
- transition: d,
4047
- opacity: h ? 0.5 : 1,
4048
- cursor: h ? "grabbing" : void 0
4060
+ transition: h,
4061
+ opacity: d ? 0.5 : 1,
4062
+ cursor: d ? "grabbing" : void 0
4049
4063
  };
4050
4064
  return /* @__PURE__ */ n("div", { ref: a, style: g, ...c, children: /* @__PURE__ */ n(Y5, { ...l, dragHandleListeners: s }) });
4051
4065
  };
@@ -4065,9 +4079,9 @@ const c8 = {
4065
4079
  onOrderChange: s,
4066
4080
  selected: a,
4067
4081
  spacing: i = s1.Md,
4068
- ...d
4082
+ ...h
4069
4083
  }) => {
4070
- const [h, g] = c1(
4084
+ const [d, g] = c1(
4071
4085
  () => []
4072
4086
  ), u = G3(
4073
4087
  m2(Q3),
@@ -4080,19 +4094,19 @@ const c8 = {
4080
4094
  }, [a]);
4081
4095
  const C = P(
4082
4096
  (E, b) => {
4083
- if (h.includes(E)) {
4097
+ if (d.includes(E)) {
4084
4098
  if (!b) {
4085
- const M = h.filter(
4099
+ const M = d.filter(
4086
4100
  (D) => D !== E
4087
4101
  );
4088
4102
  g(M), c?.(M);
4089
4103
  }
4090
4104
  } else if (b) {
4091
- const M = [...h, E];
4105
+ const M = [...d, E];
4092
4106
  g(M), c?.(M);
4093
4107
  }
4094
4108
  },
4095
- [h, c]
4109
+ [d, c]
4096
4110
  ), v = (E) => {
4097
4111
  const { active: b, over: M } = E;
4098
4112
  if (M && b.id !== M.id) {
@@ -4108,18 +4122,18 @@ const c8 = {
4108
4122
  "data-testid": E.id,
4109
4123
  ...E.data,
4110
4124
  canDrag: l && E.data.canDrag !== !1,
4111
- selected: h.includes(E.id),
4125
+ selected: d.includes(E.id),
4112
4126
  onSelected: (b) => C(E.id, b)
4113
4127
  },
4114
4128
  E.id
4115
4129
  )),
4116
- [r, l, C, h]
4130
+ [r, l, C, d]
4117
4131
  );
4118
4132
  return /* @__PURE__ */ n(
4119
4133
  "div",
4120
4134
  {
4121
4135
  className: H("flex flex-col", "w-full", c8[i], e),
4122
- ...d,
4136
+ ...h,
4123
4137
  children: l ? /* @__PURE__ */ n(
4124
4138
  Y3,
4125
4139
  {
@@ -4153,7 +4167,7 @@ const r3 = ({
4153
4167
  "gap-x-md",
4154
4168
  "py-2 px-3",
4155
4169
  Y(K.Sm),
4156
- p(
4170
+ w(
4157
4171
  // Use a single subtle base surface for all rows instead of aggressive
4158
4172
  // alternating backgrounds; selection is conveyed via the dedicated
4159
4173
  // `Selected` surface token plus the accent check icon.
@@ -4200,8 +4214,8 @@ const i8 = ({
4200
4214
  exclusive: s,
4201
4215
  onChange: a,
4202
4216
  options: i,
4203
- portal: d,
4204
- value: h,
4217
+ portal: h,
4218
+ value: d,
4205
4219
  ...g
4206
4220
  }) => {
4207
4221
  const [u, C] = c1(""), [v, y] = c1(() => []), { ref: E, width: b } = q5(), M = d1(null), D = H1(
@@ -4211,8 +4225,8 @@ const i8 = ({
4211
4225
  [i, u]
4212
4226
  );
4213
4227
  E1(() => {
4214
- h && h.length > 0 && y([...h]);
4215
- }, [h]);
4228
+ d && d.length > 0 && y([...d]);
4229
+ }, [d]);
4216
4230
  const k = P(
4217
4231
  (f) => {
4218
4232
  f && y(typeof f == "string" ? [f] : [...f]), C(""), a?.(f);
@@ -4226,7 +4240,7 @@ const i8 = ({
4226
4240
  I3,
4227
4241
  {
4228
4242
  disabled: l,
4229
- value: h,
4243
+ value: d,
4230
4244
  onChange: k,
4231
4245
  multiple: !s,
4232
4246
  immediate: !0,
@@ -4258,7 +4272,7 @@ const i8 = ({
4258
4272
  e2,
4259
4273
  {
4260
4274
  size: m.Sm,
4261
- className: I(w.Secondary)
4275
+ className: I(p.Secondary)
4262
4276
  }
4263
4277
  )
4264
4278
  }
@@ -4268,7 +4282,7 @@ const i8 = ({
4268
4282
  D3,
4269
4283
  {
4270
4284
  anchor: { to: e, gap: 2 },
4271
- portal: d,
4285
+ portal: h,
4272
4286
  modal: !1,
4273
4287
  style: b ? { width: b } : void 0,
4274
4288
  className: H(
@@ -4276,12 +4290,12 @@ const i8 = ({
4276
4290
  "border",
4277
4291
  Q(U.Default),
4278
4292
  N(L.Card),
4279
- a8(c, d),
4293
+ a8(c, h),
4280
4294
  Y(K.Lg),
4281
4295
  P1(S1.Lg)
4282
4296
  ),
4283
4297
  children: D?.map((f) => {
4284
- const A = h ?? v, V = Array.isArray(A) ? A.includes(f.id) : A === f.id;
4298
+ const A = d ?? v, V = Array.isArray(A) ? A.includes(f.id) : A === f.id;
4285
4299
  return /* @__PURE__ */ n(
4286
4300
  r3,
4287
4301
  {
@@ -4314,8 +4328,8 @@ const We = {
4314
4328
  width: s = 460,
4315
4329
  showCloseButton: a,
4316
4330
  className: i,
4317
- contentClassName: d,
4318
- children: h,
4331
+ contentClassName: h,
4332
+ children: d,
4319
4333
  ...g
4320
4334
  }) => {
4321
4335
  const u = a ?? !!c;
@@ -4325,13 +4339,13 @@ const We = {
4325
4339
  open: e,
4326
4340
  onClose: r,
4327
4341
  transition: !0,
4328
- className: p("relative", M1(x1.High)),
4342
+ className: w("relative", M1(x1.High)),
4329
4343
  ...g,
4330
4344
  children: [
4331
4345
  /* @__PURE__ */ n(
4332
4346
  A2,
4333
4347
  {
4334
- className: p(
4348
+ className: w(
4335
4349
  "fixed inset-0",
4336
4350
  N(D1.Default),
4337
4351
  Me(be.Normal),
@@ -4344,12 +4358,12 @@ const We = {
4344
4358
  {
4345
4359
  "data-testid": "sheet-panel",
4346
4360
  style: { maxWidth: s },
4347
- className: p(
4361
+ className: w(
4348
4362
  "fixed inset-y-0 flex w-full flex-col",
4349
4363
  d8[l],
4350
4364
  N(L.CardElevated),
4351
4365
  // A surface that paints its own background owns its foreground too.
4352
- I(w.Primary),
4366
+ I(p.Primary),
4353
4367
  Q(U.Default),
4354
4368
  Me(be.Moderate),
4355
4369
  "transition-transform",
@@ -4362,9 +4376,9 @@ const We = {
4362
4376
  c ? /* @__PURE__ */ n(
4363
4377
  O2,
4364
4378
  {
4365
- className: p(
4379
+ className: w(
4366
4380
  r1[S.HeadingLg],
4367
- I(w.Primary),
4381
+ I(p.Primary),
4368
4382
  "min-w-0"
4369
4383
  ),
4370
4384
  children: c
@@ -4384,12 +4398,12 @@ const We = {
4384
4398
  /* @__PURE__ */ n(
4385
4399
  "div",
4386
4400
  {
4387
- className: p(
4401
+ className: w(
4388
4402
  "min-h-0 flex-1 overflow-y-auto px-6",
4389
4403
  c || u ? "pb-6" : "py-6",
4390
- d
4404
+ h
4391
4405
  ),
4392
- children: h
4406
+ children: d
4393
4407
  }
4394
4408
  )
4395
4409
  ]
@@ -4441,10 +4455,10 @@ const m8 = (e, r) => {
4441
4455
  onChangeCommitted: s,
4442
4456
  step: a,
4443
4457
  keyboardStep: i,
4444
- value: d,
4445
- ...h
4458
+ value: h,
4459
+ ...d
4446
4460
  }) => {
4447
- const g = d1(null), u = d1(d), C = Array.isArray(d) ? d : [r, d ?? e], v = C[0], y = C[1], E = j5(d), b = P(
4461
+ const g = d1(null), u = d1(h), C = Array.isArray(h) ? h : [r, h ?? e], v = C[0], y = C[1], E = j5(h), b = P(
4448
4462
  (V) => (V - r) / (e - r),
4449
4463
  [e, r]
4450
4464
  ), M = P(
@@ -4560,7 +4574,7 @@ const m8 = (e, r) => {
4560
4574
  ),
4561
4575
  onMouseDown: A,
4562
4576
  onKeyDown: (V) => V.stopPropagation(),
4563
- ...h,
4577
+ ...d,
4564
4578
  children: !E && /* @__PURE__ */ B(N1, { children: [
4565
4579
  /* @__PURE__ */ n(
4566
4580
  "div",
@@ -4631,15 +4645,15 @@ const v8 = (e, r, l) => (e - r) / (l - r), g8 = ({ format: e, max: r, min: l, va
4631
4645
  maxLabel: s,
4632
4646
  min: a,
4633
4647
  minLabel: i,
4634
- precision: d,
4635
- value: h,
4648
+ precision: h,
4649
+ value: d,
4636
4650
  ...g
4637
4651
  }) => {
4638
- const u = r ?? ((v) => m8(v, d)), C = i || s ? 0.1 : null;
4652
+ const u = r ?? ((v) => m8(v, h)), C = i || s ? 0.1 : null;
4639
4653
  return /* @__PURE__ */ B(
4640
4654
  "div",
4641
4655
  {
4642
- className: p(
4656
+ className: w(
4643
4657
  "relative",
4644
4658
  "flex items-center justify-between",
4645
4659
  "w-full",
@@ -4652,7 +4666,7 @@ const v8 = (e, r, l) => (e - r) / (l - r), g8 = ({ format: e, max: r, min: l, va
4652
4666
  C === null && // knob labels are absolute; a hidden label holds the row's height for
4653
4667
  // them, which a multi-line label (a date over a time) needs
4654
4668
  /* @__PURE__ */ n(e1, { variant: S.HeadingXs, className: "invisible", "aria-hidden": !0, children: u(a) }),
4655
- h !== void 0 && l && (Array.isArray(h) ? h : [h]).map((v, y) => /* @__PURE__ */ n(
4669
+ d !== void 0 && l && (Array.isArray(d) ? d : [d]).map((v, y) => /* @__PURE__ */ n(
4656
4670
  g8,
4657
4671
  {
4658
4672
  format: u,
@@ -4692,8 +4706,8 @@ const c3 = (e, r) => {
4692
4706
  labeled: s,
4693
4707
  knobLabel: a,
4694
4708
  max: i,
4695
- maxLabel: d,
4696
- min: h,
4709
+ maxLabel: h,
4710
+ min: d,
4697
4711
  minLabel: g,
4698
4712
  multi: u,
4699
4713
  onChange: C,
@@ -4705,18 +4719,18 @@ const c3 = (e, r) => {
4705
4719
  ...D
4706
4720
  }) => {
4707
4721
  const [k, O] = c1(b), [f, A] = c1(
4708
- () => Array.isArray(b) ? b[0].toString() : h.toString()
4722
+ () => Array.isArray(b) ? b[0].toString() : d.toString()
4709
4723
  ), [V, W] = c1(
4710
4724
  () => Array.isArray(b) ? b[1].toString() : (b ?? i).toString()
4711
4725
  ), $ = P(
4712
- (o1, q) => E2(h, Number.parseFloat(q.toString()))(o1) && E2(Number.parseFloat(o1.toString()), i)(q),
4713
- [i, h]
4726
+ (o1, q) => E2(d, Number.parseFloat(q.toString()))(o1) && E2(Number.parseFloat(o1.toString()), i)(q),
4727
+ [i, d]
4714
4728
  );
4715
4729
  E1(() => {
4716
4730
  O(b);
4717
4731
  }, [b]), E1(() => {
4718
- k != null && (Array.isArray(k) ? (A(Oe(k[0], h, i).toString()), W(Oe(k[1], h, i).toString())) : (A(h.toString()), W(Oe(k, h, i).toString())));
4719
- }, [i, h, k]);
4732
+ k != null && (Array.isArray(k) ? (A(Oe(k[0], d, i).toString()), W(Oe(k[1], d, i).toString())) : (A(d.toString()), W(Oe(k, d, i).toString())));
4733
+ }, [i, d, k]);
4720
4734
  const _ = c3(
4721
4735
  P((o1) => C?.(o1), [C]),
4722
4736
  l
@@ -4760,7 +4774,7 @@ const c3 = (e, r) => {
4760
4774
  {
4761
4775
  formatLabel: c,
4762
4776
  knobLabel: a,
4763
- min: h,
4777
+ min: d,
4764
4778
  minLabel: s,
4765
4779
  max: i,
4766
4780
  maxLabel: s,
@@ -4771,7 +4785,7 @@ const c3 = (e, r) => {
4771
4785
  /* @__PURE__ */ n(
4772
4786
  o3,
4773
4787
  {
4774
- min: h,
4788
+ min: d,
4775
4789
  max: i,
4776
4790
  multi: u,
4777
4791
  step: y,
@@ -4800,7 +4814,7 @@ const c3 = (e, r) => {
4800
4814
  /* @__PURE__ */ n(
4801
4815
  Fe,
4802
4816
  {
4803
- label: d,
4817
+ label: h,
4804
4818
  control: /* @__PURE__ */ n(
4805
4819
  Le,
4806
4820
  {
@@ -4861,7 +4875,7 @@ const f8 = ({
4861
4875
  }) => /* @__PURE__ */ n(
4862
4876
  "span",
4863
4877
  {
4864
- className: p(
4878
+ className: w(
4865
4879
  "inline-block size-1.5 shrink-0",
4866
4880
  Y(K.Full),
4867
4881
  N(e),
@@ -4873,8 +4887,8 @@ const f8 = ({
4873
4887
  );
4874
4888
  f8.displayName = "StatusDot";
4875
4889
  const x8 = {
4876
- done: I(w.Secondary),
4877
- active: I(w.Primary),
4890
+ done: I(p.Secondary),
4891
+ active: I(p.Primary),
4878
4892
  todo: I(X.Subtle)
4879
4893
  }, E8 = {
4880
4894
  done: H(
@@ -4901,8 +4915,8 @@ const x8 = {
4901
4915
  "aria-label": `Step ${a + 1} of ${e.length}`,
4902
4916
  className: H("flex flex-nowrap items-center gap-[2px]", c),
4903
4917
  ...s,
4904
- children: e.map((i, d) => {
4905
- const h = d < a ? "done" : d === a ? "active" : "todo", g = h === "done" && !!l, u = /* @__PURE__ */ B(N1, { children: [
4918
+ children: e.map((i, h) => {
4919
+ const d = h < a ? "done" : h === a ? "active" : "todo", g = d === "done" && !!l, u = /* @__PURE__ */ B(N1, { children: [
4906
4920
  /* @__PURE__ */ n(
4907
4921
  "span",
4908
4922
  {
@@ -4911,9 +4925,9 @@ const x8 = {
4911
4925
  // centres them optically in the 18px circle
4912
4926
  "flex h-[18px] w-[18px] shrink-0 items-center justify-center border pb-0.5 text-[11px] leading-none font-medium transition-colors",
4913
4927
  Y(K.Full),
4914
- E8[h]
4928
+ E8[d]
4915
4929
  ),
4916
- children: h === "done" ? /* @__PURE__ */ n(ue, { size: 10 }) : d + 1
4930
+ children: d === "done" ? /* @__PURE__ */ n(ue, { size: 10 }) : h + 1
4917
4931
  }
4918
4932
  ),
4919
4933
  i.label
@@ -4921,7 +4935,7 @@ const x8 = {
4921
4935
  "flex items-center gap-[8px] whitespace-nowrap py-[4px] pr-[8px] pl-[4px] transition-colors",
4922
4936
  r1[S.BodySecondary],
4923
4937
  Y(K.Full),
4924
- x8[h]
4938
+ x8[d]
4925
4939
  );
4926
4940
  return /* @__PURE__ */ B("li", { className: "flex shrink-0 items-center gap-[2px]", children: [
4927
4941
  g ? /* @__PURE__ */ n(
@@ -4930,7 +4944,7 @@ const x8 = {
4930
4944
  className: H(
4931
4945
  C,
4932
4946
  "hover:cursor-pointer",
4933
- I(w.Primary, T.Hover),
4947
+ I(p.Primary, T.Hover),
4934
4948
  N(L.CardElevated, T.Hover)
4935
4949
  ),
4936
4950
  onClick: () => l(i.id),
@@ -4939,17 +4953,17 @@ const x8 = {
4939
4953
  ) : /* @__PURE__ */ n(
4940
4954
  "span",
4941
4955
  {
4942
- "aria-current": h === "active" ? "step" : void 0,
4956
+ "aria-current": d === "active" ? "step" : void 0,
4943
4957
  className: C,
4944
4958
  children: u
4945
4959
  }
4946
4960
  ),
4947
- d < e.length - 1 && /* @__PURE__ */ n(
4961
+ h < e.length - 1 && /* @__PURE__ */ n(
4948
4962
  "span",
4949
4963
  {
4950
4964
  className: H(
4951
4965
  "h-px w-[10px] shrink-0 transition-colors",
4952
- d < a ? H(N(f1.Primary), "opacity-50") : "bg-content-border-subtle"
4966
+ h < a ? H(N(f1.Primary), "opacity-50") : "bg-content-border-subtle"
4953
4967
  )
4954
4968
  }
4955
4969
  )
@@ -4966,7 +4980,7 @@ const S8 = ({
4966
4980
  }) => /* @__PURE__ */ n(
4967
4981
  "table",
4968
4982
  {
4969
- className: p(
4983
+ className: w(
4970
4984
  "w-full border-collapse",
4971
4985
  N(L.Card),
4972
4986
  Y(K.Md),
@@ -4984,7 +4998,7 @@ const S8 = ({
4984
4998
  return /* @__PURE__ */ n(
4985
4999
  "tr",
4986
5000
  {
4987
- className: p(
5001
+ className: w(
4988
5002
  "border-b last:border-0",
4989
5003
  Q(U.CardElevated),
4990
5004
  c && "hover:cursor-pointer",
@@ -5002,7 +5016,7 @@ const S8 = ({
5002
5016
  }) => /* @__PURE__ */ n(
5003
5017
  "thead",
5004
5018
  {
5005
- className: p(
5019
+ className: w(
5006
5020
  "border-b",
5007
5021
  Q(U.CardElevated),
5008
5022
  r
@@ -5020,9 +5034,9 @@ const S8 = ({
5020
5034
  }) => /* @__PURE__ */ n(
5021
5035
  "td",
5022
5036
  {
5023
- className: p(
5037
+ className: w(
5024
5038
  "px-6 py-3 text-left font-normal",
5025
- I(w.Primary),
5039
+ I(p.Primary),
5026
5040
  K1(S.BodySecondary),
5027
5041
  r
5028
5042
  ),
@@ -5036,9 +5050,9 @@ const S8 = ({
5036
5050
  }) => /* @__PURE__ */ n(
5037
5051
  "th",
5038
5052
  {
5039
- className: p(
5053
+ className: w(
5040
5054
  "px-6 py-3 text-left font-normal",
5041
- I(w.Secondary),
5055
+ I(p.Secondary),
5042
5056
  K1(S.BodySecondary),
5043
5057
  r
5044
5058
  ),
@@ -5061,15 +5075,15 @@ const z8 = Xe(
5061
5075
  rel: s,
5062
5076
  className: a,
5063
5077
  children: i,
5064
- disabled: d,
5065
- ...h
5078
+ disabled: h,
5079
+ ...d
5066
5080
  }, g) => {
5067
5081
  const u = /* @__PURE__ */ B(N1, { children: [
5068
5082
  i,
5069
5083
  r !== void 0 && /* @__PURE__ */ n(
5070
5084
  "span",
5071
5085
  {
5072
- className: p(
5086
+ className: w(
5073
5087
  "ml-1.5 tabular-nums",
5074
5088
  r1[S.BodySecondary],
5075
5089
  I(X.Subtle)
@@ -5077,7 +5091,7 @@ const z8 = Xe(
5077
5091
  children: r.toLocaleString()
5078
5092
  }
5079
5093
  )
5080
- ] }), C = p(
5094
+ ] }), C = w(
5081
5095
  // Figma Tab (Medium): 6px above and 10px below a 16/20 medium label,
5082
5096
  // text/primary when active and text/secondary otherwise. 12px side
5083
5097
  // padding is kept: the list only adds a 4px gap, which is not enough
@@ -5087,14 +5101,14 @@ const z8 = Xe(
5087
5101
  "focus-visible:outline-none",
5088
5102
  r1[S.HeadingMd],
5089
5103
  wn(Cn.Colors),
5090
- e ? I(w.Primary) : p(
5091
- I(w.Secondary),
5092
- I(w.Primary, T.Hover)
5104
+ e ? I(p.Primary) : w(
5105
+ I(p.Secondary),
5106
+ I(p.Primary, T.Hover)
5093
5107
  ),
5094
5108
  a
5095
5109
  );
5096
- if (l !== void 0 && !d) {
5097
- const { type: v, ...y } = h;
5110
+ if (l !== void 0 && !h) {
5111
+ const { type: v, ...y } = d;
5098
5112
  return /* @__PURE__ */ n(
5099
5113
  "a",
5100
5114
  {
@@ -5117,9 +5131,9 @@ const z8 = Xe(
5117
5131
  type: "button",
5118
5132
  role: "tab",
5119
5133
  "aria-selected": e,
5120
- disabled: d,
5134
+ disabled: h,
5121
5135
  className: C,
5122
- ...h,
5136
+ ...d,
5123
5137
  children: u
5124
5138
  }
5125
5139
  );
@@ -5128,7 +5142,7 @@ const z8 = Xe(
5128
5142
  z8.displayName = "Tab";
5129
5143
  const B8 = typeof window > "u" ? E1 : N2, y2 = { left: 0, width: 0, visible: !1 }, I8 = Xe(
5130
5144
  ({ className: e, children: r, ...l }, c) => {
5131
- const s = d1(null), [a, i] = c1(y2), d = d1(!1), h = P(
5145
+ const s = d1(null), [a, i] = c1(y2), h = d1(!1), d = P(
5132
5146
  (g) => {
5133
5147
  s.current = g, typeof c == "function" ? c(g) : c && (c.current = g);
5134
5148
  },
@@ -5160,15 +5174,15 @@ const B8 = typeof window > "u" ? E1 : N2, y2 = { left: 0, width: 0, visible: !1
5160
5174
  }, [r]), E1(() => {
5161
5175
  if (!a.visible) return;
5162
5176
  const g = window.requestAnimationFrame(() => {
5163
- d.current = !0;
5177
+ h.current = !0;
5164
5178
  });
5165
5179
  return () => window.cancelAnimationFrame(g);
5166
5180
  }, [a.visible]), /* @__PURE__ */ B(
5167
5181
  "div",
5168
5182
  {
5169
- ref: h,
5183
+ ref: d,
5170
5184
  role: "tablist",
5171
- className: p("relative flex h-full items-stretch gap-1", e),
5185
+ className: w("relative flex h-full items-stretch gap-1", e),
5172
5186
  ...l,
5173
5187
  children: [
5174
5188
  r,
@@ -5176,16 +5190,16 @@ const B8 = typeof window > "u" ? E1 : N2, y2 = { left: 0, width: 0, visible: !1
5176
5190
  "span",
5177
5191
  {
5178
5192
  "aria-hidden": !0,
5179
- className: p(
5193
+ className: w(
5180
5194
  "pointer-events-none absolute bottom-0 h-0.5 rounded-full",
5181
- d.current && p(
5195
+ h.current && w(
5182
5196
  "transition-[left,width]",
5183
5197
  Me(be.Moderate),
5184
5198
  un(gn.Out)
5185
5199
  )
5186
5200
  ),
5187
5201
  style: {
5188
- backgroundColor: q1(w.Primary),
5202
+ backgroundColor: q1(p.Primary),
5189
5203
  left: a.left,
5190
5204
  width: a.width,
5191
5205
  opacity: a.visible ? 1 : 0
@@ -5221,8 +5235,8 @@ const V8 = {
5221
5235
  "hover:cursor-pointer disabled:pointer-events-none disabled:opacity-50",
5222
5236
  Y(K.Full),
5223
5237
  V8[e],
5224
- I(w.Secondary),
5225
- I(w.Primary, T.Hover),
5238
+ I(p.Secondary),
5239
+ I(p.Primary, T.Hover),
5226
5240
  N(z.SecondaryHover, T.Hover),
5227
5241
  N(z.SecondaryPressed, T.Active),
5228
5242
  c
@@ -5277,19 +5291,19 @@ const de = {
5277
5291
  className: s,
5278
5292
  containerClassName: a,
5279
5293
  disabled: i,
5280
- ...d
5281
- }) => /* @__PURE__ */ n(Q1, { className: p("flex flex-col gap-1", a), children: /* @__PURE__ */ n(
5294
+ ...h
5295
+ }) => /* @__PURE__ */ n(Q1, { className: w("flex flex-col gap-1", a), children: /* @__PURE__ */ n(
5282
5296
  P3,
5283
5297
  {
5284
5298
  rows: c,
5285
5299
  disabled: i,
5286
- className: p(
5300
+ className: w(
5287
5301
  "w-full",
5288
5302
  "appearance-none",
5289
5303
  "transition-colors",
5290
5304
  "border",
5291
5305
  N(L.Transparent),
5292
- I(w.Primary),
5306
+ I(p.Primary),
5293
5307
  c2.control,
5294
5308
  // Default and focus border tokens mirror the `Input` component so all
5295
5309
  // form controls stay visually consistent.
@@ -5306,29 +5320,29 @@ const de = {
5306
5320
  P8[l],
5307
5321
  s
5308
5322
  ),
5309
- ...d
5323
+ ...h
5310
5324
  }
5311
5325
  ) });
5312
5326
  A8.displayName = "TextArea";
5313
5327
  const T8 = ({
5314
5328
  // Figma ReleaseTag: type/label in text/accent.
5315
- color: e = w.Accent,
5329
+ color: e = p.Accent,
5316
5330
  children: r,
5317
5331
  ...l
5318
5332
  }) => /* @__PURE__ */ n(e1, { color: e, variant: S.Label, ...l, children: r });
5319
5333
  T8.displayName = "TextBadge";
5320
5334
  const O8 = {
5321
- [l1.Primary]: I(w.Primary),
5322
- [l1.Secondary]: I(w.Secondary),
5335
+ [l1.Primary]: I(p.Primary),
5336
+ [l1.Secondary]: I(p.Secondary),
5323
5337
  [l1.Success]: I(X.Success),
5324
5338
  [l1.Danger]: I(X.Failure),
5325
- [l1.Icon]: I(w.Primary)
5339
+ [l1.Icon]: I(p.Primary)
5326
5340
  }, R8 = {
5327
5341
  // Filled surfaces take white, as Button does: Figma has no on-fill text
5328
5342
  // token and the old action-*-text slots were never Figma variables.
5329
- [l1.Success]: p(N(i1.ApprovedBg), "text-white"),
5330
- [l1.Danger]: p(N(i1.FailedBg), "text-white")
5331
- }, Z8 = p(
5343
+ [l1.Success]: w(N(i1.ApprovedBg), "text-white"),
5344
+ [l1.Danger]: w(N(i1.FailedBg), "text-white")
5345
+ }, Z8 = w(
5332
5346
  "[&_:is(a,button)]:text-current [&_:is(a,button)_*]:text-current",
5333
5347
  "[&_:is(a,button)]:bg-transparent [&_:is(a,button)]:border-transparent",
5334
5348
  "[&_:is(a,button):hover]:bg-white/15"
@@ -5340,8 +5354,8 @@ const O8 = {
5340
5354
  duration: s,
5341
5355
  icon: a,
5342
5356
  onClose: i,
5343
- onBlur: d,
5344
- onFocus: h,
5357
+ onBlur: h,
5358
+ onFocus: d,
5345
5359
  onMouseEnter: g,
5346
5360
  onMouseLeave: u,
5347
5361
  open: C,
@@ -5361,16 +5375,16 @@ const O8 = {
5361
5375
  }, _ = (G) => {
5362
5376
  O(!1), u?.(G);
5363
5377
  }, Z = (G) => {
5364
- A(!0), h?.(G);
5378
+ A(!0), d?.(G);
5365
5379
  }, C1 = (G) => {
5366
- G.currentTarget.contains(G.relatedTarget) || A(!1), d?.(G);
5380
+ G.currentTarget.contains(G.relatedTarget) || A(!1), h?.(G);
5367
5381
  }, t1 = /* @__PURE__ */ B(
5368
5382
  p1,
5369
5383
  {
5370
5384
  align: b1.Center,
5371
5385
  justify: A1.Between,
5372
5386
  spacing: s1.Lg,
5373
- className: p(
5387
+ className: w(
5374
5388
  // Figma RichToast: 16px padding, radius 8, bg/card with a border/default
5375
5389
  // edge. BoldToast (solid): 8/12 padding, radius 4, no edge.
5376
5390
  M ? "px-3 py-2" : "p-4",
@@ -5379,7 +5393,7 @@ const O8 = {
5379
5393
  // (1rem) and clamp the toast to a thin sliver. 28rem (~448px) is the intended cap.
5380
5394
  "w-[90vw] max-w-[28rem]",
5381
5395
  Y(M ? K.Sm : K.Lg),
5382
- M ?? p(
5396
+ M ?? w(
5383
5397
  N(L.Card),
5384
5398
  "border",
5385
5399
  Q(U.Default)
@@ -5407,7 +5421,7 @@ const O8 = {
5407
5421
  e1,
5408
5422
  {
5409
5423
  variant: M ? S.BodySecondary : S.HeadingSm,
5410
- color: M ? "inherit" : w.Primary,
5424
+ color: M ? "inherit" : p.Primary,
5411
5425
  children: v
5412
5426
  }
5413
5427
  )
@@ -5416,7 +5430,7 @@ const O8 = {
5416
5430
  e1,
5417
5431
  {
5418
5432
  variant: S.BodySecondary,
5419
- color: M ? "inherit" : w.Secondary,
5433
+ color: M ? "inherit" : p.Secondary,
5420
5434
  className: H(M && "opacity-85"),
5421
5435
  children: c
5422
5436
  }
@@ -5427,7 +5441,7 @@ const O8 = {
5427
5441
  {
5428
5442
  align: b1.Center,
5429
5443
  spacing: s1.Sm,
5430
- className: p("shrink-0", M && Z8),
5444
+ className: w("shrink-0", M && Z8),
5431
5445
  children: [
5432
5446
  e,
5433
5447
  i && /* @__PURE__ */ n(
@@ -5474,8 +5488,8 @@ const O8 = {
5474
5488
  className: s,
5475
5489
  labelClassName: a,
5476
5490
  label: i,
5477
- showUnsetHint: d,
5478
- ...h
5491
+ showUnsetHint: h,
5492
+ ...d
5479
5493
  }) => /* @__PURE__ */ B(Q1, { className: "flex items-center gap-2", children: [
5480
5494
  /* @__PURE__ */ n(
5481
5495
  A3,
@@ -5483,7 +5497,7 @@ const O8 = {
5483
5497
  checked: e,
5484
5498
  onChange: l,
5485
5499
  disabled: r,
5486
- className: p(
5500
+ className: w(
5487
5501
  "group",
5488
5502
  "peer",
5489
5503
  "relative",
@@ -5509,11 +5523,11 @@ const O8 = {
5509
5523
  // intentionally require Full radius
5510
5524
  s
5511
5525
  ),
5512
- ...h,
5526
+ ...d,
5513
5527
  children: /* @__PURE__ */ n(
5514
5528
  "span",
5515
5529
  {
5516
- className: p(
5530
+ className: w(
5517
5531
  "pointer-events-none",
5518
5532
  // center the thumb vertically
5519
5533
  "absolute",
@@ -5538,8 +5552,8 @@ const O8 = {
5538
5552
  i && /* @__PURE__ */ n(
5539
5553
  He,
5540
5554
  {
5541
- className: p(
5542
- I(w.Secondary),
5555
+ className: w(
5556
+ I(p.Secondary),
5543
5557
  "peer-data-disabled:text-content-text-tertiary",
5544
5558
  j8[c],
5545
5559
  "cursor-pointer",
@@ -5548,7 +5562,7 @@ const O8 = {
5548
5562
  children: i
5549
5563
  }
5550
5564
  ),
5551
- d && /* @__PURE__ */ n(De, { value: e, hint: "Click the toggle to set a value" })
5565
+ h && /* @__PURE__ */ n(De, { value: e, hint: "Click the toggle to set a value" })
5552
5566
  ] });
5553
5567
  U8.displayName = "Toggle";
5554
5568
  const b2 = 8, M2 = 8, $8 = 8, X8 = 150, K8 = {
@@ -5564,11 +5578,11 @@ const b2 = 8, M2 = 8, $8 = 8, X8 = 150, K8 = {
5564
5578
  children: s,
5565
5579
  className: a,
5566
5580
  interactive: i = !1,
5567
- portal: d = !0,
5581
+ portal: h = !0,
5568
5582
  // Figma Tooltip: bg/popover, radius 4, 4/10 padding, no edge. Figma also
5569
5583
  // shows no shadow, but in light mode bg/popover and bg/card are both white,
5570
5584
  // so a flat tooltip vanishes over a card; the shadow is kept as the edge.
5571
- shadow: h = S1.Lg,
5585
+ shadow: d = S1.Lg,
5572
5586
  wrapperClassName: g,
5573
5587
  ...u
5574
5588
  }) => {
@@ -5591,7 +5605,7 @@ const b2 = 8, M2 = 8, $8 = 8, X8 = 150, K8 = {
5591
5605
  const O = P(() => {
5592
5606
  window.clearTimeout(E.current), v(!0);
5593
5607
  }, []), f = P(() => {
5594
- if (i) {
5608
+ if (window.clearTimeout(E.current), i) {
5595
5609
  E.current = window.setTimeout(
5596
5610
  () => v(!1),
5597
5611
  X8
@@ -5609,16 +5623,16 @@ const b2 = 8, M2 = 8, $8 = 8, X8 = 150, K8 = {
5609
5623
  ref: b.setFloating,
5610
5624
  role: "tooltip",
5611
5625
  "data-side": A,
5612
- className: p(
5613
- M1(d ? x1.AboveModal : x1.High),
5626
+ className: w(
5627
+ M1(h ? x1.AboveModal : x1.High),
5614
5628
  "w-max",
5615
5629
  "py-1 px-2.5",
5616
5630
  r1[S.BodySecondary],
5617
5631
  "!overflow-visible",
5618
5632
  N(L.Popover),
5619
- I(w.Primary),
5633
+ I(p.Primary),
5620
5634
  Y(K.Sm),
5621
- P1(h),
5635
+ P1(d),
5622
5636
  a
5623
5637
  ),
5624
5638
  style: M,
@@ -5642,12 +5656,12 @@ const b2 = 8, M2 = 8, $8 = 8, X8 = 150, K8 = {
5642
5656
  {
5643
5657
  ...u,
5644
5658
  ref: b.setReference,
5645
- className: p("relative", g),
5659
+ className: w("relative", g),
5646
5660
  onMouseEnter: O,
5647
5661
  onMouseLeave: f,
5648
5662
  children: [
5649
5663
  s,
5650
- C && (d ? cn(W, document.body) : W)
5664
+ C && (h ? cn(W, document.body) : W)
5651
5665
  ]
5652
5666
  }
5653
5667
  );
@@ -5680,7 +5694,7 @@ const V1 = {
5680
5694
  // Figma SoftToggle segment: 10px side padding, radius/sm, in a padded tray
5681
5695
  "py-0.5 px-2.5",
5682
5696
  "rounded-sm",
5683
- I(w.Primary, T.Selected)
5697
+ I(p.Primary, T.Selected)
5684
5698
  ),
5685
5699
  [V1.Default]: H(
5686
5700
  // transparent border reserves layout space; selection is shown by the bg
@@ -5690,19 +5704,19 @@ const V1 = {
5690
5704
  [V1.Full]: H(
5691
5705
  "border",
5692
5706
  "border-transparent",
5693
- I(w.Primary, T.Selected)
5707
+ I(p.Primary, T.Selected)
5694
5708
  ),
5695
5709
  [V1.Borderless]: H(
5696
5710
  "bg-transparent",
5697
5711
  "hover:bg-transparent",
5698
5712
  "data-[selected]:bg-transparent",
5699
- I(w.Primary, T.Selected),
5713
+ I(p.Primary, T.Selected),
5700
5714
  "data-[selected]:border-b-2"
5701
5715
  )
5702
5716
  }, J8 = (e, r, l) => e === V1.Soft || e === V1.Borderless ? "" : r && l ? "rounded-sm" : r ? "rounded-l-sm" : l ? "rounded-r-sm" : "", e9 = (e, r) => {
5703
5717
  const l = [Y8[e], G8[r]];
5704
5718
  return e !== V1.Soft ? l.push(q8[r]) : l.push(Q8[r]), H(...l);
5705
- }, t9 = (e) => e === V1.Borderless ? [] : e === V1.Soft ? ["p-1 gap-0.5", N(L.CardNested)] : ["border", Q(U.Default)], n9 = (e) => e ? I(w.Primary, T.Selected) : p(
5719
+ }, t9 = (e) => e === V1.Borderless ? [] : e === V1.Soft ? ["p-1 gap-0.5", N(L.CardNested)] : ["border", Q(U.Default)], n9 = (e) => e ? I(p.Primary, T.Selected) : w(
5706
5720
  // TODO - this is a hack. But it might be the least bad option.
5707
5721
  // override global FO css that targets <button>; secondary only when not hovered
5708
5722
  "!text-content-text-secondary hover:!text-content-text-primary"
@@ -5714,8 +5728,8 @@ const V1 = {
5714
5728
  onChange: s,
5715
5729
  size: a = m.Sm,
5716
5730
  fullWidth: i,
5717
- tabListClassName: d,
5718
- tabPanelClassName: h,
5731
+ tabListClassName: h,
5732
+ tabPanelClassName: d,
5719
5733
  ...g
5720
5734
  }) => /* @__PURE__ */ B(
5721
5735
  T3,
@@ -5728,16 +5742,16 @@ const V1 = {
5728
5742
  /* @__PURE__ */ n(
5729
5743
  O3,
5730
5744
  {
5731
- className: p(
5745
+ className: w(
5732
5746
  "toggle-switch-tab-list",
5733
5747
  "flex flex-nowrap items-center",
5734
5748
  "rounded-sm",
5735
5749
  i ? "w-full" : "w-fit",
5736
5750
  ...t9(r),
5737
- d
5751
+ h
5738
5752
  ),
5739
5753
  children: e.map(({ id: u, data: C }, v) => {
5740
- const y = v === 0, E = v === e.length - 1, b = ({ selected: D }) => p(
5754
+ const y = v === 0, E = v === e.length - 1, b = ({ selected: D }) => w(
5741
5755
  "cursor-pointer",
5742
5756
  "flex-1",
5743
5757
  "flex items-center justify-center",
@@ -5772,7 +5786,7 @@ const V1 = {
5772
5786
  })
5773
5787
  }
5774
5788
  ),
5775
- /* @__PURE__ */ n(Z3, { className: p(h), children: e.map(({ id: u, data: C }) => /* @__PURE__ */ n(F3, { className: p("focus:outline-none"), children: C.content }, u)) })
5789
+ /* @__PURE__ */ n(Z3, { className: w(d), children: e.map(({ id: u, data: C }) => /* @__PURE__ */ n(F3, { className: w("focus:outline-none"), children: C.content }, u)) })
5776
5790
  ]
5777
5791
  }
5778
5792
  );
@@ -5785,7 +5799,7 @@ const H2 = (e, r, l, c) => e ? r : Math.max(0, Math.min(c, r + l)), o9 = ({
5785
5799
  portal: s = !1,
5786
5800
  onPositionChange: a
5787
5801
  } = {}) => {
5788
- const i = !(l && c), [d, h] = c1({ x: e, y: r }), [g, u] = c1(!1), C = d1(null), v = d1({
5802
+ const i = !(l && c), [h, d] = c1({ x: e, y: r }), [g, u] = c1(!1), C = d1(null), v = d1({
5789
5803
  clientX: 0,
5790
5804
  clientY: 0,
5791
5805
  pos: { x: 0, y: 0 }
@@ -5823,7 +5837,7 @@ const H2 = (e, r, l, c) => e ? r : Math.max(0, Math.min(c, r + l)), o9 = ({
5823
5837
  M.clientY - W,
5824
5838
  O.clientHeight - A
5825
5839
  );
5826
- y.current = { x: _, y: Z }, h({ x: _, y: Z }), a?.({ x: _, y: Z });
5840
+ y.current = { x: _, y: Z }, d({ x: _, y: Z }), a?.({ x: _, y: Z });
5827
5841
  },
5828
5842
  [l, c, s, a]
5829
5843
  );
@@ -5833,7 +5847,7 @@ const H2 = (e, r, l, c) => e ? r : Math.max(0, Math.min(c, r + l)), o9 = ({
5833
5847
  return document.addEventListener("mousemove", b), document.addEventListener("mouseup", M), () => {
5834
5848
  document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", M);
5835
5849
  };
5836
- }, [g, b]), { position: d, isDragging: g, containerRef: C, handleDragStart: E };
5850
+ }, [g, b]), { position: h, isDragging: g, containerRef: C, handleDragStart: E };
5837
5851
  }, i3 = I2(
5838
5852
  g1.Column
5839
5853
  ), l9 = () => D2(i3), c9 = 20, s9 = 20, a9 = ({
@@ -5844,8 +5858,8 @@ const H2 = (e, r, l, c) => e ? r : Math.max(0, Math.min(c, r + l)), o9 = ({
5844
5858
  xOffset: s = c9,
5845
5859
  yOffset: a = s9,
5846
5860
  zIndex: i = x1.AboveModal,
5847
- className: d,
5848
- style: h,
5861
+ className: h,
5862
+ style: d,
5849
5863
  visible: g = !0,
5850
5864
  onPointerDown: u,
5851
5865
  onClick: C,
@@ -5873,7 +5887,7 @@ const H2 = (e, r, l, c) => e ? r : Math.max(0, Math.min(c, r + l)), o9 = ({
5873
5887
  });
5874
5888
  }, [k, r]);
5875
5889
  if (!g) return null;
5876
- const _ = p(
5890
+ const _ = w(
5877
5891
  "flex items-center justify-center",
5878
5892
  "cursor-grab group-data-dragging:cursor-grabbing",
5879
5893
  I(X.Emphasis),
@@ -5881,7 +5895,7 @@ const H2 = (e, r, l, c) => e ? r : Math.max(0, Math.min(c, r + l)), o9 = ({
5881
5895
  r === g1.Column ? "self-stretch py-2 px-1 [&_svg]:rotate-90" : "self-stretch px-2 py-1.5",
5882
5896
  !f && r === g1.Column && "pb-0",
5883
5897
  !f && r === g1.Row && "pr-0"
5884
- ), Z = p(
5898
+ ), Z = w(
5885
5899
  "group absolute flex select-none",
5886
5900
  r === g1.Column ? "flex-col" : "flex-row",
5887
5901
  M1(i),
@@ -5892,13 +5906,13 @@ const H2 = (e, r, l, c) => e ? r : Math.max(0, Math.min(c, r + l)), o9 = ({
5892
5906
  P1(S1.Md),
5893
5907
  P1(S1.Xl, T.Dragging),
5894
5908
  "transition-[opacity,box-shadow] data-dragging:transition-none",
5895
- d
5909
+ h
5896
5910
  ), C1 = {
5897
5911
  left: M.x,
5898
5912
  top: M.y,
5899
5913
  backgroundColor: `color-mix(in srgb, ${q1(L.CardNested)} 85%, transparent)`,
5900
5914
  ...f && V !== null ? r === g1.Column ? { width: V } : { height: V } : {},
5901
- ...h
5915
+ ...d
5902
5916
  };
5903
5917
  return /* @__PURE__ */ n(i3.Provider, { value: r, children: /* @__PURE__ */ B(
5904
5918
  "div",
@@ -5950,7 +5964,7 @@ const H2 = (e, r, l, c) => e ? r : Math.max(0, Math.min(c, r + l)), o9 = ({
5950
5964
  ) });
5951
5965
  };
5952
5966
  a9.displayName = "Toolbar";
5953
- const i9 = (e, r) => p(
5967
+ const i9 = (e, r) => w(
5954
5968
  "size-10 flex items-center justify-center transition-all",
5955
5969
  Y(K.Md),
5956
5970
  e && N(z.SecondaryHover, T.Hover),
@@ -5961,7 +5975,7 @@ const i9 = (e, r) => p(
5961
5975
  `data-[focus]:ring-[${q1(U.Focus)}]`,
5962
5976
  "data-[focus]:ring-offset-1",
5963
5977
  r
5964
- ), d9 = (e, r) => p(
5978
+ ), d9 = (e, r) => w(
5965
5979
  "size-full flex items-center justify-center",
5966
5980
  I(e ? X.Decorative : X.Default),
5967
5981
  r && I(X.Emphasis, T.Hover)
@@ -5974,21 +5988,21 @@ const i9 = (e, r) => p(
5974
5988
  onClick: s,
5975
5989
  style: a,
5976
5990
  ...i
5977
- }, d) => {
5978
- const h = !l && !r, g = r ? {
5991
+ }, h) => {
5992
+ const d = !l && !r, g = r ? {
5979
5993
  backgroundColor: `color-mix(in srgb, ${q1(X.Decorative)} 20%, transparent)`
5980
5994
  } : void 0;
5981
5995
  return /* @__PURE__ */ n(
5982
5996
  re,
5983
5997
  {
5984
- ref: d,
5998
+ ref: h,
5985
5999
  disabled: l,
5986
6000
  "aria-pressed": r,
5987
6001
  onClick: s,
5988
- className: i9(h, c),
6002
+ className: i9(d, c),
5989
6003
  style: { ...g, ...a },
5990
6004
  ...i,
5991
- children: /* @__PURE__ */ n("div", { className: d9(r, h), children: e })
6005
+ children: /* @__PURE__ */ n("div", { className: d9(r, d), children: e })
5992
6006
  }
5993
6007
  );
5994
6008
  }
@@ -6003,7 +6017,7 @@ const m9 = ({
6003
6017
  return /* @__PURE__ */ B(
6004
6018
  "div",
6005
6019
  {
6006
- className: p(
6020
+ className: w(
6007
6021
  `group/toolbar-group flex gap-${s1.Xs}`,
6008
6022
  c === g1.Column ? "w-full flex-col" : "h-full flex-row"
6009
6023
  ),
@@ -6015,7 +6029,7 @@ const m9 = ({
6015
6029
  orientation: c,
6016
6030
  align: b1.Center,
6017
6031
  spacing: s1.Xs,
6018
- className: p(
6032
+ className: w(
6019
6033
  c !== g1.Column && "self-stretch",
6020
6034
  r
6021
6035
  ),
@@ -6027,7 +6041,7 @@ const m9 = ({
6027
6041
  "div",
6028
6042
  {
6029
6043
  role: "separator",
6030
- className: p(
6044
+ className: w(
6031
6045
  c === g1.Column ? "w-full my-0.5 border-t-1" : "h-full mx-0.5 border-l-1",
6032
6046
  Q(U.Strong),
6033
6047
  "group-last/toolbar-group:hidden"
@@ -6062,7 +6076,7 @@ function g9(e, r = !1) {
6062
6076
  return !(e.can_select === !1 || r && !h3(e));
6063
6077
  }
6064
6078
  function C9(e, r = {}, l) {
6065
- function c(s, a, i, d, h) {
6079
+ function c(s, a, i, h, d) {
6066
6080
  const g = a ? `${a}${Ae}${_e(s.name)}` : _e(s.name), u = h3(s), C = l?.get(g), y = Array.isArray(s.values) && s.values.length === 0 && !C?.length, E = u ? [] : s.values?.length ? s.values : C ?? [], b = E.map(
6067
6081
  (M, D) => c(M, g, i + 1, D, E.length)
6068
6082
  );
@@ -6074,8 +6088,8 @@ function C9(e, r = {}, l) {
6074
6088
  isLeaf: u,
6075
6089
  isLazyBranch: y,
6076
6090
  children: b,
6077
- posinset: d + 1,
6078
- setsize: h
6091
+ posinset: h + 1,
6092
+ setsize: d
6079
6093
  };
6080
6094
  }
6081
6095
  return c(e, "", 0, 0, 1);
@@ -6089,7 +6103,7 @@ function u9(e, r) {
6089
6103
  }
6090
6104
  if (s(e), c.size === 0) return null;
6091
6105
  const a = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set();
6092
- function d(C) {
6106
+ function h(C) {
6093
6107
  const v = i2(C);
6094
6108
  for (let y = 0; y < v.length - 1; y++) {
6095
6109
  const E = d3(v.slice(0, y + 1));
@@ -6097,11 +6111,11 @@ function u9(e, r) {
6097
6111
  }
6098
6112
  }
6099
6113
  for (const C of c)
6100
- a.add(C), d(C);
6101
- function h(C) {
6114
+ a.add(C), h(C);
6115
+ function d(C) {
6102
6116
  a.add(C.path);
6103
6117
  for (const v of C.children)
6104
- h(v);
6118
+ d(v);
6105
6119
  }
6106
6120
  function g(C, v) {
6107
6121
  if (C.path === v) return C;
@@ -6112,7 +6126,7 @@ function u9(e, r) {
6112
6126
  }
6113
6127
  for (const C of c) {
6114
6128
  const v = g(e, C);
6115
- v && h(v);
6129
+ v && d(v);
6116
6130
  }
6117
6131
  function u(C) {
6118
6132
  const v = C.children.filter((y) => a.has(y.path)).map((y, E, b) => ({ ...u(y), posinset: E + 1, setsize: b.length }));
@@ -6187,9 +6201,9 @@ const m3 = ({
6187
6201
  onRetryLoad: s,
6188
6202
  renderLabel: a
6189
6203
  }) => {
6190
- const { node: i, path: d, depth: h } = e, g = !e.isLeaf, u = r.isSelected(e), C = r.isActive(d), v = r.isOpen(d), y = r.getLoadState(d), E = !!c && g && !u && r.hasSelectedDescendant(e), b = r.getItemProps(e), M = i.deprecated ? w.Muted : w.Primary, D = {
6191
- paddingLeft: `calc(${h - 1} * ${x9} + var(--spacing-xs))`
6192
- }, k = p(
6204
+ const { node: i, path: h, depth: d } = e, g = !e.isLeaf, u = r.isSelected(e), C = r.isActive(h), v = r.isOpen(h), y = r.getLoadState(h), E = !!c && g && !u && r.hasSelectedDescendant(e), b = r.getItemProps(e), M = i.deprecated ? p.Muted : p.Primary, D = {
6205
+ paddingLeft: `calc(${d - 1} * ${x9} + var(--spacing-xs))`
6206
+ }, k = w(
6193
6207
  "flex-nowrap",
6194
6208
  "py-1",
6195
6209
  Y(K.Sm),
@@ -6205,7 +6219,7 @@ const m3 = ({
6205
6219
  tabIndex: -1,
6206
6220
  ..._ ?? {},
6207
6221
  onClick: Z ?? _?.onClick,
6208
- className: p(
6222
+ className: w(
6209
6223
  "group",
6210
6224
  "cursor-pointer",
6211
6225
  "shrink-0 flex items-center justify-center size-5 rounded-full",
@@ -6215,7 +6229,7 @@ const m3 = ({
6215
6229
  W,
6216
6230
  {
6217
6231
  size: m.Sm,
6218
- className: p(
6232
+ className: w(
6219
6233
  "text-content-text-secondary",
6220
6234
  !$ && "group-hover:text-content-text-primary",
6221
6235
  $
@@ -6232,7 +6246,7 @@ const m3 = ({
6232
6246
  I(f1.Primary),
6233
6247
  null,
6234
6248
  (W) => {
6235
- W.stopPropagation(), W.preventDefault(), s?.(d);
6249
+ W.stopPropagation(), W.preventDefault(), s?.(h);
6236
6250
  }
6237
6251
  ) : f = O(
6238
6252
  t2,
@@ -6261,13 +6275,13 @@ const m3 = ({
6261
6275
  className: "pointer-events-none"
6262
6276
  }
6263
6277
  ) }),
6264
- a ? /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: a(i, G1(d), A) }) : A
6278
+ a ? /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: a(i, G1(h), A) }) : A
6265
6279
  ] }),
6266
6280
  i.description && /* @__PURE__ */ n(
6267
6281
  e1,
6268
6282
  {
6269
6283
  variant: S.Xs,
6270
- color: w.Tertiary,
6284
+ color: p.Tertiary,
6271
6285
  className: "whitespace-nowrap",
6272
6286
  style: {
6273
6287
  paddingLeft: "calc(var(--spacing-md) + var(--spacing-xs) * 2)"
@@ -6279,7 +6293,7 @@ const m3 = ({
6279
6293
  !c && /* @__PURE__ */ n(
6280
6294
  "span",
6281
6295
  {
6282
- className: p(
6296
+ className: w(
6283
6297
  "size-5 shrink-0 flex items-center",
6284
6298
  I(f1.Primary)
6285
6299
  ),
@@ -6287,7 +6301,7 @@ const m3 = ({
6287
6301
  }
6288
6302
  )
6289
6303
  ] });
6290
- return /* @__PURE__ */ n("div", { ...b, "aria-level": h, children: /* @__PURE__ */ n(
6304
+ return /* @__PURE__ */ n("div", { ...b, "aria-level": d, children: /* @__PURE__ */ n(
6291
6305
  p1,
6292
6306
  {
6293
6307
  align: b1.Center,
@@ -6307,12 +6321,12 @@ const v3 = ({
6307
6321
  onKeyDown: l,
6308
6322
  inputRef: c,
6309
6323
  activeDescendantId: s
6310
- }) => /* @__PURE__ */ n("div", { className: p("shrink-0 p-1.5", N(L.Card)), children: /* @__PURE__ */ B(p1, { align: b1.Center, className: "relative", children: [
6324
+ }) => /* @__PURE__ */ n("div", { className: w("shrink-0 p-1.5", N(L.Card)), children: /* @__PURE__ */ B(p1, { align: b1.Center, className: "relative", children: [
6311
6325
  /* @__PURE__ */ n("span", { className: "pointer-events-none absolute left-2.5 flex items-center", children: /* @__PURE__ */ n(
6312
6326
  vo,
6313
6327
  {
6314
6328
  size: m.Sm,
6315
- className: I(w.Tertiary)
6329
+ className: I(p.Tertiary)
6316
6330
  }
6317
6331
  ) }),
6318
6332
  /* @__PURE__ */ n(
@@ -6327,7 +6341,7 @@ const v3 = ({
6327
6341
  "aria-label": "Search tree",
6328
6342
  "aria-activedescendant": s,
6329
6343
  placeholder: "Search...",
6330
- className: p(ve({ disabled: !1 }), "w-full px-8")
6344
+ className: w(ve({ disabled: !1 }), "w-full px-8")
6331
6345
  }
6332
6346
  ),
6333
6347
  e && /* @__PURE__ */ n(
@@ -6338,7 +6352,7 @@ const v3 = ({
6338
6352
  onClick: () => {
6339
6353
  r(""), c && typeof c == "object" && c.current?.focus();
6340
6354
  },
6341
- className: p(
6355
+ className: w(
6342
6356
  "group",
6343
6357
  "absolute right-1 flex items-center justify-center",
6344
6358
  "p-[5px]",
@@ -6351,8 +6365,8 @@ const v3 = ({
6351
6365
  oe,
6352
6366
  {
6353
6367
  size: m.Sm,
6354
- className: p(
6355
- I(w.Secondary),
6368
+ className: w(
6369
+ I(p.Secondary),
6356
6370
  "group-hover:text-content-text-primary",
6357
6371
  "transition-colors duration-150"
6358
6372
  )
@@ -6370,8 +6384,8 @@ const y9 = 36, S9 = 8, d2 = ({
6370
6384
  filteredTree: s,
6371
6385
  multiSelect: a,
6372
6386
  onRetryLoad: i,
6373
- searchInputRef: d,
6374
- showSearch: h = !0,
6387
+ searchInputRef: h,
6388
+ showSearch: d = !0,
6375
6389
  focusOnHover: g = !1,
6376
6390
  renderLabel: u,
6377
6391
  className: C
@@ -6389,35 +6403,35 @@ const y9 = 36, S9 = 8, d2 = ({
6389
6403
  D >= 0 && y.scrollToIndex(D, { align: "auto" });
6390
6404
  }, [e.activePath, e.visibleNodes, y]);
6391
6405
  const E = c && !s, b = d1(null), M = P(() => {
6392
- !g && !b.current?.contains(document.activeElement) || (h ? d.current?.focus({ preventScroll: !0 }) : b.current?.focus({ preventScroll: !0 }));
6393
- }, [g, h, d]);
6406
+ !g && !b.current?.contains(document.activeElement) || (d ? h.current?.focus({ preventScroll: !0 }) : b.current?.focus({ preventScroll: !0 }));
6407
+ }, [g, d, h]);
6394
6408
  return /* @__PURE__ */ B(
6395
6409
  "div",
6396
6410
  {
6397
6411
  ref: b,
6398
- className: p("flex flex-col overflow-hidden outline-none", C),
6412
+ className: w("flex flex-col overflow-hidden outline-none", C),
6399
6413
  onMouseEnter: M,
6400
- ...!h && {
6414
+ ...!d && {
6401
6415
  tabIndex: 0,
6402
6416
  onKeyDown: e.handleKeyDown,
6403
6417
  "aria-activedescendant": e.activeDescendantId
6404
6418
  },
6405
6419
  children: [
6406
- h && /* @__PURE__ */ n(
6420
+ d && /* @__PURE__ */ n(
6407
6421
  v3,
6408
6422
  {
6409
6423
  value: r,
6410
6424
  onChange: l,
6411
6425
  onKeyDown: e.handleKeyDown,
6412
- inputRef: d,
6426
+ inputRef: h,
6413
6427
  activeDescendantId: e.activeDescendantId
6414
6428
  }
6415
6429
  ),
6416
- /* @__PURE__ */ n("div", { ref: v, className: "flex-1 min-h-0 overflow-auto", children: /* @__PURE__ */ n("div", { className: p("p-1.5", h && "pt-0"), children: E ? /* @__PURE__ */ n(p1, { justify: A1.Center, children: /* @__PURE__ */ n(
6430
+ /* @__PURE__ */ n("div", { ref: v, className: "flex-1 min-h-0 overflow-auto", children: /* @__PURE__ */ n("div", { className: w("p-1.5", d && "pt-0"), children: E ? /* @__PURE__ */ n(p1, { justify: A1.Center, children: /* @__PURE__ */ n(
6417
6431
  e1,
6418
6432
  {
6419
6433
  variant: S.Sm,
6420
- color: w.Tertiary,
6434
+ color: p.Tertiary,
6421
6435
  className: "px-3 py-2",
6422
6436
  children: "No matches found"
6423
6437
  }
@@ -6482,8 +6496,8 @@ const g3 = ({
6482
6496
  panelId: s,
6483
6497
  query: a,
6484
6498
  onQueryChange: i,
6485
- debouncedQuery: d,
6486
- searchInputRef: h,
6499
+ debouncedQuery: h,
6500
+ searchInputRef: d,
6487
6501
  tree: g,
6488
6502
  filteredTree: u,
6489
6503
  multiSelect: C,
@@ -6497,7 +6511,7 @@ const g3 = ({
6497
6511
  role: "tree",
6498
6512
  "aria-label": "Tree selection",
6499
6513
  style: { ...r, maxHeight: y ?? "18rem" },
6500
- className: p(
6514
+ className: w(
6501
6515
  "flex flex-col overflow-hidden",
6502
6516
  "border",
6503
6517
  Q(U.Default),
@@ -6513,11 +6527,11 @@ const g3 = ({
6513
6527
  tree: g,
6514
6528
  query: a,
6515
6529
  onQueryChange: i,
6516
- debouncedQuery: d,
6530
+ debouncedQuery: h,
6517
6531
  filteredTree: u,
6518
6532
  multiSelect: C,
6519
6533
  onRetryLoad: v,
6520
- searchInputRef: h,
6534
+ searchInputRef: d,
6521
6535
  showSearch: !0,
6522
6536
  focusOnHover: !0
6523
6537
  }
@@ -6532,7 +6546,7 @@ function k2({
6532
6546
  return /* @__PURE__ */ n(
6533
6547
  "span",
6534
6548
  {
6535
- className: p(
6549
+ className: w(
6536
6550
  "pointer-events-none absolute right-2.5 flex items-center",
6537
6551
  "transition-transform duration-150",
6538
6552
  e ? "-rotate-90" : "rotate-90",
@@ -6543,7 +6557,7 @@ function k2({
6543
6557
  t2,
6544
6558
  {
6545
6559
  size: m.Sm,
6546
- className: I(w.Secondary)
6560
+ className: I(p.Secondary)
6547
6561
  }
6548
6562
  )
6549
6563
  }
@@ -6558,7 +6572,7 @@ function z2({
6558
6572
  type: "button",
6559
6573
  "aria-label": "Clear selection",
6560
6574
  onClick: e,
6561
- className: p(
6575
+ className: w(
6562
6576
  "group",
6563
6577
  "absolute right-7 flex items-center justify-center",
6564
6578
  "p-[5px]",
@@ -6571,8 +6585,8 @@ function z2({
6571
6585
  oe,
6572
6586
  {
6573
6587
  size: m.Sm,
6574
- className: p(
6575
- I(w.Secondary),
6588
+ className: w(
6589
+ I(p.Secondary),
6576
6590
  "group-hover:text-content-text-primary",
6577
6591
  "transition-colors duration-150"
6578
6592
  )
@@ -6589,8 +6603,8 @@ const C3 = ({
6589
6603
  isOpen: s,
6590
6604
  panelId: a,
6591
6605
  hasValue: i,
6592
- getDisplayValue: d,
6593
- onToggle: h,
6606
+ getDisplayValue: h,
6607
+ onToggle: d,
6594
6608
  onClear: g,
6595
6609
  onRemoveOne: u
6596
6610
  }) => {
@@ -6606,14 +6620,14 @@ const C3 = ({
6606
6620
  "aria-expanded": s,
6607
6621
  "aria-controls": s ? a : void 0,
6608
6622
  onClick: () => {
6609
- l || h();
6623
+ l || d();
6610
6624
  },
6611
6625
  onKeyDown: (E) => {
6612
- l || (E.key === "Enter" || E.key === " ") && (E.preventDefault(), h());
6626
+ l || (E.key === "Enter" || E.key === " ") && (E.preventDefault(), d());
6613
6627
  },
6614
6628
  onMouseEnter: () => v(!0),
6615
6629
  onMouseLeave: () => v(!1),
6616
- className: p(
6630
+ className: w(
6617
6631
  ve({ disabled: l }),
6618
6632
  "relative flex flex-wrap items-center gap-1",
6619
6633
  "h-auto min-h-[2.25rem]",
@@ -6628,11 +6642,11 @@ const C3 = ({
6628
6642
  onRemove: l ? void 0 : () => u(E),
6629
6643
  backgroundColor: L.CardElevated,
6630
6644
  className: "py-0",
6631
- children: d(E)
6645
+ children: h(E)
6632
6646
  },
6633
6647
  E
6634
6648
  )),
6635
- !i && c && /* @__PURE__ */ n("span", { className: I(w.Tertiary), children: c }),
6649
+ !i && c && /* @__PURE__ */ n("span", { className: I(p.Tertiary), children: c }),
6636
6650
  /* @__PURE__ */ n(k2, { isOpen: s, disabled: l }),
6637
6651
  i && !l && C && /* @__PURE__ */ n(z2, { onClick: y })
6638
6652
  ]
@@ -6655,10 +6669,10 @@ const C3 = ({
6655
6669
  "aria-expanded": s,
6656
6670
  "aria-controls": s ? a : void 0,
6657
6671
  disabled: l,
6658
- value: d(r ?? null),
6659
- onClick: h,
6672
+ value: h(r ?? null),
6673
+ onClick: d,
6660
6674
  placeholder: c,
6661
- className: p(
6675
+ className: w(
6662
6676
  ve({ disabled: l }),
6663
6677
  "w-full cursor-pointer",
6664
6678
  i ? "pr-14" : "pr-8"
@@ -6683,8 +6697,8 @@ function L9(e) {
6683
6697
  idPrefix: s,
6684
6698
  scrollActiveIntoView: a = !0,
6685
6699
  onSelect: i,
6686
- onEscape: d,
6687
- onExpand: h,
6700
+ onEscape: h,
6701
+ onExpand: d,
6688
6702
  loadState: g,
6689
6703
  defaultExpanded: u
6690
6704
  } = e, C = V2(), v = s ?? C, y = H1(() => u instanceof Set ? u : u === !0 ? f9(r) : /* @__PURE__ */ new Set(), [u, r]), E = d1(y);
@@ -6705,9 +6719,9 @@ function L9(e) {
6705
6719
  M((j) => {
6706
6720
  const n1 = new Set(j);
6707
6721
  return n1.has(R) ? n1.delete(R) : n1.add(R), n1;
6708
- }), F || h?.(R);
6722
+ }), F || d?.(R);
6709
6723
  },
6710
- [h]
6724
+ [d]
6711
6725
  ), $ = P(
6712
6726
  (R) => {
6713
6727
  const F = D.current.has(R);
@@ -6715,9 +6729,9 @@ function L9(e) {
6715
6729
  if (j.has(R)) return j;
6716
6730
  const n1 = new Set(j);
6717
6731
  return n1.add(R), n1;
6718
- }), F || h?.(R);
6732
+ }), F || d?.(R);
6719
6733
  },
6720
- [h]
6734
+ [d]
6721
6735
  ), _ = P((R) => {
6722
6736
  M((F) => {
6723
6737
  if (!F.has(R)) return F;
@@ -6831,12 +6845,12 @@ function L9(e) {
6831
6845
  break;
6832
6846
  }
6833
6847
  case "Escape": {
6834
- R.preventDefault(), d?.();
6848
+ R.preventDefault(), h?.();
6835
6849
  break;
6836
6850
  }
6837
6851
  }
6838
6852
  },
6839
- [k, A, f, W, i, d]
6853
+ [k, A, f, W, i, h]
6840
6854
  );
6841
6855
  return {
6842
6856
  visibleNodes: A,
@@ -6867,8 +6881,8 @@ function u3(e) {
6867
6881
  defaultExpanded: s,
6868
6882
  loadChildren: a,
6869
6883
  value: i,
6870
- onChange: d,
6871
- onEscape: h,
6884
+ onChange: h,
6885
+ onEscape: d,
6872
6886
  onAfterSelect: g,
6873
6887
  query: u,
6874
6888
  onQueryChange: C,
@@ -6911,23 +6925,23 @@ function u3(e) {
6911
6925
  }, [l, i]), w1 = P(
6912
6926
  (F) => {
6913
6927
  if (l) {
6914
- const j = d, n1 = G ? [...G] : [], k1 = n1.includes(F) ? n1.filter((ce) => ce !== F) : [...n1, F];
6928
+ const j = h, n1 = G ? [...G] : [], k1 = n1.includes(F) ? n1.filter((ce) => ce !== F) : [...n1, F];
6915
6929
  j?.(k1.map(G1));
6916
6930
  } else
6917
- y && A(""), d?.(G1(F));
6931
+ y && A(""), h?.(G1(F));
6918
6932
  g?.(F);
6919
6933
  },
6920
6934
  [
6921
6935
  l,
6922
6936
  G,
6923
- d,
6937
+ h,
6924
6938
  g,
6925
6939
  A,
6926
6940
  y
6927
6941
  ]
6928
6942
  ), o1 = P(() => {
6929
- A(""), d?.(l ? [] : null);
6930
- }, [l, d, A]), q = P(
6943
+ A(""), h?.(l ? [] : null);
6944
+ }, [l, h, A]), q = P(
6931
6945
  (F) => {
6932
6946
  _((j) => new Map(j).set(F, "loading")), a(G1(F)).then(
6933
6947
  (j) => {
@@ -6968,7 +6982,7 @@ function u3(e) {
6968
6982
  defaultExpanded: L1,
6969
6983
  scrollActiveIntoView: v,
6970
6984
  onSelect: w1,
6971
- onEscape: h,
6985
+ onEscape: d,
6972
6986
  onExpand: a1,
6973
6987
  loadState: $
6974
6988
  }),
@@ -6996,8 +7010,8 @@ const H9 = {
6996
7010
  leavesOnly: s = !1,
6997
7011
  disabled: a,
6998
7012
  placeholder: i,
6999
- anchor: d = j1.BottomStart,
7000
- portal: h,
7013
+ anchor: h = j1.BottomStart,
7014
+ portal: d,
7001
7015
  zIndex: g,
7002
7016
  panelMaxHeight: u,
7003
7017
  displayValue: C,
@@ -7023,7 +7037,7 @@ const H9 = {
7023
7037
  scrollActiveIntoView: !1,
7024
7038
  clearQueryOnSelect: !0
7025
7039
  }), { refs: A, floatingStyles: V } = ke({
7026
- placement: H9[d],
7040
+ placement: H9[h],
7027
7041
  open: M,
7028
7042
  middleware: [
7029
7043
  Be(4),
@@ -7079,7 +7093,7 @@ const H9 = {
7079
7093
  },
7080
7094
  [c, t1, l]
7081
7095
  ), o1 = f.tree.rowId("panel");
7082
- return /* @__PURE__ */ B("div", { ref: A.setReference, className: p(E, "w-full"), ...b, children: [
7096
+ return /* @__PURE__ */ B("div", { ref: A.setReference, className: w(E, "w-full"), ...b, children: [
7083
7097
  /* @__PURE__ */ n(
7084
7098
  C3,
7085
7099
  {
@@ -7101,7 +7115,7 @@ const H9 = {
7101
7115
  {
7102
7116
  floatingRef: A.setFloating,
7103
7117
  floatingStyles: V,
7104
- portal: h,
7118
+ portal: d,
7105
7119
  zIndex: g,
7106
7120
  panelMaxHeight: u,
7107
7121
  panelId: o1,
@@ -7126,8 +7140,8 @@ const z9 = (e) => {
7126
7140
  loadChildren: s,
7127
7141
  showSearch: a,
7128
7142
  query: i,
7129
- onQueryChange: d,
7130
- renderLabel: h,
7143
+ onQueryChange: h,
7144
+ renderLabel: d,
7131
7145
  maxHeight: g,
7132
7146
  className: u,
7133
7147
  ...C
@@ -7147,7 +7161,7 @@ const z9 = (e) => {
7147
7161
  defaultExpanded: c,
7148
7162
  loadChildren: s,
7149
7163
  query: i,
7150
- onQueryChange: d,
7164
+ onQueryChange: h,
7151
7165
  onAfterSelect: v ? void 0 : E,
7152
7166
  scrollActiveIntoView: !0
7153
7167
  }), M = i !== void 0 ? !1 : a ?? !0, {
@@ -7163,7 +7177,7 @@ const z9 = (e) => {
7163
7177
  role: "tree",
7164
7178
  "aria-label": "Tree view",
7165
7179
  style: { maxHeight: g ?? "100%" },
7166
- className: p(
7180
+ className: w(
7167
7181
  "flex flex-col overflow-hidden",
7168
7182
  N(L.Card),
7169
7183
  u
@@ -7181,7 +7195,7 @@ const z9 = (e) => {
7181
7195
  onRetryLoad: b.onRetryLoad,
7182
7196
  searchInputRef: b.searchInputRef,
7183
7197
  showSearch: M,
7184
- renderLabel: h
7198
+ renderLabel: d
7185
7199
  }
7186
7200
  )
7187
7201
  }
@@ -7196,13 +7210,13 @@ const B2 = (e) => e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${Math.round(e / 1024
7196
7210
  className: s,
7197
7211
  ...a
7198
7212
  }) => {
7199
- const i = e.reduce((h, g) => h + g.size, 0), d = I(w.Secondary);
7213
+ const i = e.reduce((d, g) => d + g.size, 0), h = I(p.Secondary);
7200
7214
  return /* @__PURE__ */ B("div", { className: s, ...a, children: [
7201
7215
  /* @__PURE__ */ B("div", { className: "flex items-center justify-between", children: [
7202
7216
  /* @__PURE__ */ n(
7203
7217
  "span",
7204
7218
  {
7205
- className: H(r1[S.BodySecondary], d),
7219
+ className: H(r1[S.BodySecondary], h),
7206
7220
  children: r ?? `${e.length} file${e.length === 1 ? "" : "s"} · ${B2(i)}`
7207
7221
  }
7208
7222
  ),
@@ -7216,7 +7230,7 @@ const B2 = (e) => e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${Math.round(e / 1024
7216
7230
  Y(K.Lg),
7217
7231
  N(L.Card)
7218
7232
  ),
7219
- children: e.map((h) => /* @__PURE__ */ B(
7233
+ children: e.map((d) => /* @__PURE__ */ B(
7220
7234
  "li",
7221
7235
  {
7222
7236
  className: H(
@@ -7229,21 +7243,21 @@ const B2 = (e) => e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${Math.round(e / 1024
7229
7243
  {
7230
7244
  className: H(
7231
7245
  "min-w-0 flex-1 truncate",
7232
- I(w.Primary)
7246
+ I(p.Primary)
7233
7247
  ),
7234
- title: h.name,
7235
- children: h.name
7248
+ title: d.name,
7249
+ children: d.name
7236
7250
  }
7237
7251
  ),
7238
- h.kind && /* @__PURE__ */ n("span", { className: H("shrink-0", d), children: h.kind }),
7252
+ d.kind && /* @__PURE__ */ n("span", { className: H("shrink-0", h), children: d.kind }),
7239
7253
  /* @__PURE__ */ n(
7240
7254
  "span",
7241
7255
  {
7242
7256
  className: H(
7243
7257
  "w-[64px] shrink-0 text-right tabular-nums",
7244
- d
7258
+ h
7245
7259
  ),
7246
- children: B2(h.size)
7260
+ children: B2(d.size)
7247
7261
  }
7248
7262
  ),
7249
7263
  l && /* @__PURE__ */ n(
@@ -7251,14 +7265,14 @@ const B2 = (e) => e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${Math.round(e / 1024
7251
7265
  {
7252
7266
  size: m.Sm,
7253
7267
  icon: x.Close,
7254
- "aria-label": `Remove ${h.name}`,
7268
+ "aria-label": `Remove ${d.name}`,
7255
7269
  className: "opacity-0 group-hover:opacity-100 focus-visible:opacity-100",
7256
- onClick: () => l(h.id)
7270
+ onClick: () => l(d.id)
7257
7271
  }
7258
7272
  )
7259
7273
  ]
7260
7274
  },
7261
- h.id
7275
+ d.id
7262
7276
  ))
7263
7277
  }
7264
7278
  )
@@ -8008,7 +8022,7 @@ export {
8008
8022
  s3 as TextAction,
8009
8023
  A8 as TextArea,
8010
8024
  T8 as TextBadge,
8011
- w as TextColor,
8025
+ p as TextColor,
8012
8026
  Rd as TextIcon,
8013
8027
  S as TextVariant,
8014
8028
  Zd as TextureIcon,