@voxel51/voodo 0.0.2 → 0.0.3

package/dist/index.js

@@ -1,9 +1,9 @@
-import { jsx as g, jsxs as $ } from "react/jsx-runtime";
-import f from "clsx";
-import { Button as tt, Field as We, Checkbox as rt, Label as Ge, Switch as ot } from "@headlessui/react";
-import { useState as nt } from "react";
-var U = /* @__PURE__ */ ((e) => (e.Fg = "fg", e.Primary = "primary", e.Secondary = "secondary", e.Tertiary = "tertiary", e.Muted = "muted", e.BrandPrimary = "brand-primary", e.BrandAccent = "brand-accent", e.SemanticSuccess = "semantic-success", e.SemanticDestructive = "semantic-destructive", e.SemanticInfo = "semantic-info", e.SemanticWarning = "semantic-warning", e))(U || {});
-const st = {
+import { jsx as u, jsxs as V } from "react/jsx-runtime";
+import d from "clsx";
+import { Button as rt, Field as We, Checkbox as ot, Label as Xe, Switch as nt, TabGroup as st, TabList as at, Tab as it, TabPanels as lt, TabPanel as ct } from "@headlessui/react";
+import { useState as dt } from "react";
+var Y = /* @__PURE__ */ ((e) => (e.Fg = "fg", e.Primary = "primary", e.Secondary = "secondary", e.Tertiary = "tertiary", e.Muted = "muted", e.BrandPrimary = "brand-primary", e.BrandAccent = "brand-accent", e.SemanticSuccess = "semantic-success", e.SemanticDestructive = "semantic-destructive", e.SemanticInfo = "semantic-info", e.SemanticWarning = "semantic-warning", e))(Y || {});
+const mt = {
   fg: "text-content-text-fg",
   primary: "text-content-text-primary",
   secondary: "text-content-text-secondary",
@@ -16,11 +16,11 @@ const st = {
   "semantic-info": "text-semantic-info",
   "semantic-warning": "text-semantic-warning"
 };
-function Te(e) {
-  return st[e];
+function me(e) {
+  return mt[e];
 }
-var Xe = /* @__PURE__ */ ((e) => (e.Background = "background", e.Card1 = "card-1", e.Card2 = "card-2", e.CardElevated = "card-elevated", e.Muted = "muted", e.Popover = "popover", e.Secondary = "secondary", e.BrandPrimary = "brand-primary", e.BrandAccent = "brand-accent", e.SemanticSuccess = "semantic-success", e.SemanticDestructive = "semantic-destructive", e.SemanticInfo = "semantic-info", e.SemanticWarning = "semantic-warning", e))(Xe || {});
-const at = {
+var Ge = /* @__PURE__ */ ((e) => (e.Background = "background", e.Card1 = "card-1", e.Card2 = "card-2", e.CardElevated = "card-elevated", e.Muted = "muted", e.Popover = "popover", e.Secondary = "secondary", e.BrandPrimary = "brand-primary", e.BrandAccent = "brand-accent", e.SemanticSuccess = "semantic-success", e.SemanticDestructive = "semantic-destructive", e.SemanticInfo = "semantic-info", e.SemanticWarning = "semantic-warning", e))(Ge || {});
+const pt = {
   background: "bg-content-bg-background",
   "card-1": "bg-content-bg-card-1",
   "card-2": "bg-content-bg-card-2",
@@ -35,42 +35,42 @@ const at = {
   "semantic-info": "bg-semantic-info",
   "semantic-warning": "bg-semantic-warning"
 };
-function it(e) {
-  return at[e];
+function ut(e) {
+  return pt[e];
 }
-var je = /* @__PURE__ */ ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e))(je || {}), N = /* @__PURE__ */ ((e) => (e.Full = "full", e.Xl = "xl", e.Lg = "lg", e.Md = "md", e.Sm = "sm", e.Xs = "xs", e.None = "none", e))(N || {}), _ = /* @__PURE__ */ ((e) => (e.Xl = "xl", e.Lg = "lg", e.Md = "md", e.Sm = "sm", e.Xs = "xs", e))(_ || {}), h = /* @__PURE__ */ ((e) => (e.Xs = "xs", e.Sm = "sm", e.Md = "md", e.Lg = "lg", e))(h || {}), w = /* @__PURE__ */ ((e) => (e.Xxs = "xxs", e.Xs = "xs", e.Sm = "sm", e.Md = "md", e.Lg = "lg", e.Xl = "xl", e.Xxl = "xxl", e.Label = "label", e.Caption = "caption", e))(w || {}), Z = /* @__PURE__ */ ((e) => (e.Primary = "primary", e.Secondary = "secondary", e.Success = "success", e.Danger = "danger", e))(Z || {});
-const lt = (e, t) => {
+var je = /* @__PURE__ */ ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e))(je || {}), L = /* @__PURE__ */ ((e) => (e.Full = "full", e.Xl = "xl", e.Lg = "lg", e.Md = "md", e.Sm = "sm", e.Xs = "xs", e.None = "none", e))(L || {}), $ = /* @__PURE__ */ ((e) => (e.Xl = "xl", e.Lg = "lg", e.Md = "md", e.Sm = "sm", e.Xs = "xs", e))($ || {}), g = /* @__PURE__ */ ((e) => (e.Xs = "xs", e.Sm = "sm", e.Md = "md", e.Lg = "lg", e))(g || {}), x = /* @__PURE__ */ ((e) => (e.Xxs = "xxs", e.Xs = "xs", e.Sm = "sm", e.Md = "md", e.Lg = "lg", e.Xl = "xl", e.Xxl = "xxl", e.Label = "label", e.Caption = "caption", e))(x || {}), U = /* @__PURE__ */ ((e) => (e.Primary = "primary", e.Secondary = "secondary", e.Success = "success", e.Danger = "danger", e))(U || {});
+const ft = (e, t) => {
   const r = new Array(e.length + t.length);
   for (let o = 0; o < e.length; o++)
     r[o] = e[o];
   for (let o = 0; o < t.length; o++)
     r[e.length + o] = t[o];
   return r;
-}, ct = (e, t) => ({
+}, gt = (e, t) => ({
   classGroupId: e,
   validator: t
 }), Ee = (e = /* @__PURE__ */ new Map(), t = null, r) => ({
   nextPart: e,
   validators: t,
   classGroupId: r
-}), ce = "-", Ae = [], dt = "arbitrary..", mt = (e) => {
-  const t = ut(e), {
+}), ce = "-", Le = [], bt = "arbitrary..", ht = (e) => {
+  const t = xt(e), {
     conflictingClassGroups: r,
     conflictingClassGroupModifiers: o
   } = e;
   return {
     getClassGroupId: (s) => {
       if (s.startsWith("[") && s.endsWith("]"))
-        return pt(s);
+        return yt(s);
       const m = s.split(ce), c = m[0] === "" && m.length > 1 ? 1 : 0;
       return He(m, c, t);
     },
     getConflictingClassGroupIds: (s, m) => {
       if (m) {
-        const c = o[s], b = r[s];
-        return c ? b ? lt(b, c) : c : b || Ae;
+        const c = o[s], h = r[s];
+        return c ? h ? ft(h, c) : c : h || Le;
       }
-      return r[s] || Ae;
+      return r[s] || Le;
     }
   };
 }, He = (e, t, r) => {
@@ -78,64 +78,64 @@ const lt = (e, t) => {
     return r.classGroupId;
   const n = e[t], l = r.nextPart.get(n);
   if (l) {
-    const b = He(e, t + 1, l);
-    if (b) return b;
+    const h = He(e, t + 1, l);
+    if (h) return h;
   }
   const s = r.validators;
   if (s === null)
     return;
   const m = t === 0 ? e.join(ce) : e.slice(t).join(ce), c = s.length;
-  for (let b = 0; b < c; b++) {
-    const y = s[b];
+  for (let h = 0; h < c; h++) {
+    const y = s[h];
     if (y.validator(m))
       return y.classGroupId;
   }
-}, pt = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, yt = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const t = e.slice(1, -1), r = t.indexOf(":"), o = t.slice(0, r);
-  return o ? dt + o : void 0;
-})(), ut = (e) => {
+  return o ? bt + o : void 0;
+})(), xt = (e) => {
   const {
     theme: t,
     classGroups: r
   } = e;
-  return gt(r, t);
-}, gt = (e, t) => {
+  return wt(r, t);
+}, wt = (e, t) => {
   const r = Ee();
   for (const o in e) {
     const n = e[o];
-    ye(n, r, o, t);
+    xe(n, r, o, t);
   }
   return r;
-}, ye = (e, t, r, o) => {
+}, xe = (e, t, r, o) => {
   const n = e.length;
   for (let l = 0; l < n; l++) {
     const s = e[l];
-    ft(s, t, r, o);
+    vt(s, t, r, o);
   }
-}, ft = (e, t, r, o) => {
+}, vt = (e, t, r, o) => {
   if (typeof e == "string") {
-    bt(e, t, r);
+    kt(e, t, r);
     return;
   }
   if (typeof e == "function") {
-    ht(e, t, r, o);
+    Ct(e, t, r, o);
     return;
   }
-  yt(e, t, r, o);
-}, bt = (e, t, r) => {
+  St(e, t, r, o);
+}, kt = (e, t, r) => {
   const o = e === "" ? t : Ve(t, e);
   o.classGroupId = r;
-}, ht = (e, t, r, o) => {
-  if (xt(e)) {
-    ye(e(o), t, r, o);
+}, Ct = (e, t, r, o) => {
+  if (Mt(e)) {
+    xe(e(o), t, r, o);
     return;
   }
-  t.validators === null && (t.validators = []), t.validators.push(ct(r, e));
-}, yt = (e, t, r, o) => {
+  t.validators === null && (t.validators = []), t.validators.push(gt(r, e));
+}, St = (e, t, r, o) => {
   const n = Object.entries(e), l = n.length;
   for (let s = 0; s < l; s++) {
     const [m, c] = n[s];
-    ye(c, Ve(t, m), r, o);
+    xe(c, Ve(t, m), r, o);
   }
 }, Ve = (e, t) => {
   let r = e;
@@ -146,7 +146,7 @@ const lt = (e, t) => {
     m || (m = Ee(), r.nextPart.set(s, m)), r = m;
   }
   return r;
-}, xt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, wt = (e) => {
+}, Mt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, zt = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -170,50 +170,50 @@ const lt = (e, t) => {
       l in r ? r[l] = s : n(l, s);
     }
   };
-}, be = "!", Le = ":", kt = [], Fe = (e, t, r, o, n) => ({
+}, he = "!", Pe = ":", Nt = [], Fe = (e, t, r, o, n) => ({
   modifiers: e,
   hasImportantModifier: t,
   baseClassName: r,
   maybePostfixModifierPosition: o,
   isExternal: n
-}), vt = (e) => {
+}), It = (e) => {
   const {
     prefix: t,
     experimentalParseClassName: r
   } = e;
   let o = (n) => {
     const l = [];
-    let s = 0, m = 0, c = 0, b;
+    let s = 0, m = 0, c = 0, h;
     const y = n.length;
-    for (let I = 0; I < y; I++) {
-      const M = n[I];
+    for (let A = 0; A < y; A++) {
+      const z = n[A];
       if (s === 0 && m === 0) {
-        if (M === Le) {
-          l.push(n.slice(c, I)), c = I + 1;
+        if (z === Pe) {
+          l.push(n.slice(c, A)), c = A + 1;
           continue;
         }
-        if (M === "/") {
-          b = I;
+        if (z === "/") {
+          h = A;
           continue;
         }
       }
-      M === "[" ? s++ : M === "]" ? s-- : M === "(" ? m++ : M === ")" && m--;
+      z === "[" ? s++ : z === "]" ? s-- : z === "(" ? m++ : z === ")" && m--;
     }
-    const S = l.length === 0 ? n : n.slice(c);
-    let A = S, W = !1;
-    S.endsWith(be) ? (A = S.slice(0, -1), W = !0) : (
+    const C = l.length === 0 ? n : n.slice(c);
+    let I = C, W = !1;
+    C.endsWith(he) ? (I = C.slice(0, -1), W = !0) : (
       /**
        * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
        * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
        */
-      S.startsWith(be) && (A = S.slice(1), W = !0)
+      C.startsWith(he) && (I = C.slice(1), W = !0)
     );
-    const G = b && b > c ? b - c : void 0;
-    return Fe(l, W, A, G);
+    const X = h && h > c ? h - c : void 0;
+    return Fe(l, W, I, X);
   };
   if (t) {
-    const n = t + Le, l = o;
-    o = (s) => s.startsWith(n) ? l(s.slice(n.length)) : Fe(kt, !1, s, void 0, !0);
+    const n = t + Pe, l = o;
+    o = (s) => s.startsWith(n) ? l(s.slice(n.length)) : Fe(Nt, !1, s, void 0, !0);
   }
   if (r) {
     const n = o;
@@ -223,7 +223,7 @@ const lt = (e, t) => {
     });
   }
   return o;
-}, Ct = (e) => {
+}, At = (e) => {
   const t = /* @__PURE__ */ new Map();
   return e.orderSensitiveModifiers.forEach((r, o) => {
     t.set(r, 1e6 + o);
@@ -236,56 +236,56 @@ const lt = (e, t) => {
     }
     return n.length > 0 && (n.sort(), o.push(...n)), o;
   };
-}, St = (e) => ({
-  cache: wt(e.cacheSize),
-  parseClassName: vt(e),
-  sortModifiers: Ct(e),
-  ...mt(e)
-}), Mt = /\s+/, zt = (e, t) => {
+}, Lt = (e) => ({
+  cache: zt(e.cacheSize),
+  parseClassName: It(e),
+  sortModifiers: At(e),
+  ...ht(e)
+}), Pt = /\s+/, Ft = (e, t) => {
   const {
     parseClassName: r,
     getClassGroupId: o,
     getConflictingClassGroupIds: n,
     sortModifiers: l
-  } = t, s = [], m = e.trim().split(Mt);
+  } = t, s = [], m = e.trim().split(Pt);
   let c = "";
-  for (let b = m.length - 1; b >= 0; b -= 1) {
-    const y = m[b], {
-      isExternal: S,
-      modifiers: A,
+  for (let h = m.length - 1; h >= 0; h -= 1) {
+    const y = m[h], {
+      isExternal: C,
+      modifiers: I,
       hasImportantModifier: W,
-      baseClassName: G,
-      maybePostfixModifierPosition: I
+      baseClassName: X,
+      maybePostfixModifierPosition: A
     } = r(y);
-    if (S) {
+    if (C) {
       c = y + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let M = !!I, T = o(M ? G.substring(0, I) : G);
-    if (!T) {
-      if (!M) {
+    let z = !!A, G = o(z ? X.substring(0, A) : X);
+    if (!G) {
+      if (!z) {
         c = y + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (T = o(G), !T) {
+      if (G = o(X), !G) {
         c = y + (c.length > 0 ? " " + c : c);
         continue;
       }
-      M = !1;
+      z = !1;
     }
-    const te = A.length === 0 ? "" : A.length === 1 ? A[0] : l(A).join(":"), J = W ? te + be : te, H = J + T;
-    if (s.indexOf(H) > -1)
+    const te = I.length === 0 ? "" : I.length === 1 ? I[0] : l(I).join(":"), K = W ? te + he : te, B = K + G;
+    if (s.indexOf(B) > -1)
       continue;
-    s.push(H);
-    const V = n(T, M);
-    for (let X = 0; X < V.length; ++X) {
-      const K = V[X];
-      s.push(J + K);
+    s.push(B);
+    const D = n(G, z);
+    for (let j = 0; j < D.length; ++j) {
+      const Q = D[j];
+      s.push(K + Q);
     }
     c = y + (c.length > 0 ? " " + c : c);
   }
   return c;
-}, It = (...e) => {
+}, Ot = (...e) => {
   let t = 0, r, o, n = "";
   for (; t < e.length; )
     (r = e[t++]) && (o = Be(r)) && (n && (n += " "), n += o);
@@ -297,35 +297,35 @@ const lt = (e, t) => {
   for (let o = 0; o < e.length; o++)
     e[o] && (t = Be(e[o])) && (r && (r += " "), r += t);
   return r;
-}, Nt = (e, ...t) => {
+}, Rt = (e, ...t) => {
   let r, o, n, l;
   const s = (c) => {
-    const b = t.reduce((y, S) => S(y), e());
-    return r = St(b), o = r.cache.get, n = r.cache.set, l = m, m(c);
+    const h = t.reduce((y, C) => C(y), e());
+    return r = Lt(h), o = r.cache.get, n = r.cache.set, l = m, m(c);
   }, m = (c) => {
-    const b = o(c);
-    if (b)
-      return b;
-    const y = zt(c, r);
+    const h = o(c);
+    if (h)
+      return h;
+    const y = Ft(c, r);
     return n(c, y), y;
   };
-  return l = s, (...c) => l(It(...c));
-}, At = [], x = (e) => {
-  const t = (r) => r[e] || At;
+  return l = s, (...c) => l(Ot(...c));
+}, Tt = [], w = (e) => {
+  const t = (r) => r[e] || Tt;
   return t.isThemeGetter = !0, t;
-}, De = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, _e = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Lt = /^\d+\/\d+$/, Ft = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Pt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Ot = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Rt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Wt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, D = (e) => Lt.test(e), u = (e) => !!e && !Number.isNaN(Number(e)), R = (e) => !!e && Number.isInteger(Number(e)), ge = (e) => e.endsWith("%") && u(e.slice(0, -1)), O = (e) => Ft.test(e), Gt = () => !0, Tt = (e) => (
+}, De = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, _e = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Wt = /^\d+\/\d+$/, Xt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Gt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, jt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Et = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Ht = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Z = (e) => Wt.test(e), b = (e) => !!e && !Number.isNaN(Number(e)), R = (e) => !!e && Number.isInteger(Number(e)), ge = (e) => e.endsWith("%") && b(e.slice(0, -1)), O = (e) => Xt.test(e), Vt = () => !0, Bt = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
-  Pt.test(e) && !Ot.test(e)
-), Ze = () => !1, Xt = (e) => Rt.test(e), jt = (e) => Wt.test(e), Et = (e) => !a(e) && !i(e), Ht = (e) => Y(e, Ye, Ze), a = (e) => De.test(e), E = (e) => Y(e, qe, Tt), fe = (e) => Y(e, Zt, u), Pe = (e) => Y(e, $e, Ze), Vt = (e) => Y(e, Ue, jt), ie = (e) => Y(e, Je, Xt), i = (e) => _e.test(e), Q = (e) => q(e, qe), Bt = (e) => q(e, $t), Oe = (e) => q(e, $e), Dt = (e) => q(e, Ye), _t = (e) => q(e, Ue), le = (e) => q(e, Je, !0), Y = (e, t, r) => {
+  Gt.test(e) && !jt.test(e)
+), Ze = () => !1, Dt = (e) => Et.test(e), _t = (e) => Ht.test(e), Zt = (e) => !a(e) && !i(e), $t = (e) => q(e, Ye, Ze), a = (e) => De.test(e), H = (e) => q(e, qe, Bt), be = (e) => q(e, Kt, b), Oe = (e) => q(e, $e, Ze), Ut = (e) => q(e, Ue, _t), ie = (e) => q(e, Je, Dt), i = (e) => _e.test(e), ee = (e) => J(e, qe), Yt = (e) => J(e, Qt), Re = (e) => J(e, $e), qt = (e) => J(e, Ye), Jt = (e) => J(e, Ue), le = (e) => J(e, Je, !0), q = (e, t, r) => {
   const o = De.exec(e);
   return o ? o[1] ? t(o[1]) : r(o[2]) : !1;
-}, q = (e, t, r = !1) => {
+}, J = (e, t, r = !1) => {
   const o = _e.exec(e);
   return o ? o[1] ? t(o[1]) : r : !1;
-}, $e = (e) => e === "position" || e === "percentage", Ue = (e) => e === "image" || e === "url", Ye = (e) => e === "length" || e === "size" || e === "bg-size", qe = (e) => e === "length", Zt = (e) => e === "number", $t = (e) => e === "family-name", Je = (e) => e === "shadow", Ut = () => {
-  const e = x("color"), t = x("font"), r = x("text"), o = x("font-weight"), n = x("tracking"), l = x("leading"), s = x("breakpoint"), m = x("container"), c = x("spacing"), b = x("radius"), y = x("shadow"), S = x("inset-shadow"), A = x("text-shadow"), W = x("drop-shadow"), G = x("blur"), I = x("perspective"), M = x("aspect"), T = x("ease"), te = x("animate"), J = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], H = () => [
+}, $e = (e) => e === "position" || e === "percentage", Ue = (e) => e === "image" || e === "url", Ye = (e) => e === "length" || e === "size" || e === "bg-size", qe = (e) => e === "length", Kt = (e) => e === "number", Qt = (e) => e === "family-name", Je = (e) => e === "shadow", er = () => {
+  const e = w("color"), t = w("font"), r = w("text"), o = w("font-weight"), n = w("tracking"), l = w("leading"), s = w("breakpoint"), m = w("container"), c = w("spacing"), h = w("radius"), y = w("shadow"), C = w("inset-shadow"), I = w("text-shadow"), W = w("drop-shadow"), X = w("blur"), A = w("perspective"), z = w("aspect"), G = w("ease"), te = w("animate"), K = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], B = () => [
     "center",
     "top",
     "bottom",
@@ -343,30 +343,30 @@ const lt = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], V = () => [...H(), i, a], X = () => ["auto", "hidden", "clip", "visible", "scroll"], K = () => ["auto", "contain", "none"], p = () => [i, a, c], F = () => [D, "full", "auto", ...p()], ke = () => [R, "none", "subgrid", i, a], ve = () => ["auto", {
+  ], D = () => [...B(), i, a], j = () => ["auto", "hidden", "clip", "visible", "scroll"], Q = () => ["auto", "contain", "none"], f = () => [i, a, c], P = () => [Z, "full", "auto", ...f()], ke = () => [R, "none", "subgrid", i, a], Ce = () => ["auto", {
     span: ["full", R, i, a]
-  }, R, i, a], re = () => [R, "auto", i, a], Ce = () => ["auto", "min", "max", "fr", i, a], me = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], B = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], P = () => ["auto", ...p()], j = () => [D, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...p()], d = () => [e, i, a], Se = () => [...H(), Oe, Pe, {
+  }, R, i, a], re = () => [R, "auto", i, a], Se = () => ["auto", "min", "max", "fr", i, a], pe = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], _ = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], F = () => ["auto", ...f()], E = () => [Z, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...f()], p = () => [e, i, a], Me = () => [...B(), Re, Oe, {
     position: [i, a]
-  }], Me = () => ["no-repeat", {
+  }], ze = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], ze = () => ["auto", "cover", "contain", Dt, Ht, {
+  }], Ne = () => ["auto", "cover", "contain", qt, $t, {
     size: [i, a]
-  }], pe = () => [ge, Q, E], C = () => [
+  }], ue = () => [ge, ee, H], S = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    b,
+    h,
     i,
     a
-  ], z = () => ["", u, Q, E], oe = () => ["solid", "dashed", "dotted", "double"], Ie = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], k = () => [u, ge, Oe, Pe], Ne = () => [
+  ], N = () => ["", b, ee, H], oe = () => ["solid", "dashed", "dotted", "double"], Ie = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], v = () => [b, ge, Re, Oe], Ae = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    G,
+    X,
     i,
     a
-  ], ne = () => ["none", u, i, a], se = () => ["none", u, i, a], ue = () => [u, i, a], ae = () => [D, "full", ...p()];
+  ], ne = () => ["none", b, i, a], se = () => ["none", b, i, a], fe = () => [b, i, a], ae = () => [Z, "full", ...f()];
   return {
     cacheSize: 500,
     theme: {
@@ -374,18 +374,18 @@ const lt = (e, t) => {
       aspect: ["video"],
       blur: [O],
       breakpoint: [O],
-      color: [Gt],
+      color: [Vt],
       container: [O],
       "drop-shadow": [O],
       ease: ["in", "out", "in-out"],
-      font: [Et],
+      font: [Zt],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [O],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
       radius: [O],
       shadow: [O],
-      spacing: ["px", u],
+      spacing: ["px", b],
       text: [O],
       "text-shadow": [O],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
@@ -399,7 +399,7 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", D, a, i, M]
+        aspect: ["auto", "square", Z, a, i, z]
       }],
       /**
        * Container
@@ -412,21 +412,21 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [u, a, i, m]
+        columns: [b, a, i, m]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": J()
+        "break-after": K()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": J()
+        "break-before": K()
       }],
       /**
        * Break Inside
@@ -490,49 +490,49 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: V()
+        object: D()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: X()
+        overflow: j()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": X()
+        "overflow-x": j()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": X()
+        "overflow-y": j()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: K()
+        overscroll: Q()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": K()
+        "overscroll-x": Q()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": K()
+        "overscroll-y": Q()
       }],
       /**
        * Position
@@ -544,63 +544,63 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: F()
+        inset: P()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": F()
+        "inset-x": P()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": F()
+        "inset-y": P()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: F()
+        start: P()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: F()
+        end: P()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: F()
+        top: P()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: F()
+        right: P()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: F()
+        bottom: P()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: F()
+        left: P()
       }],
       /**
        * Visibility
@@ -622,7 +622,7 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [D, "full", "auto", m, ...p()]
+        basis: [Z, "full", "auto", m, ...f()]
       }],
       /**
        * Flex Direction
@@ -643,21 +643,21 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [u, D, "auto", "initial", "none", a]
+        flex: [b, Z, "auto", "initial", "none", a]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", u, i, a]
+        grow: ["", b, i, a]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", u, i, a]
+        shrink: ["", b, i, a]
       }],
       /**
        * Order
@@ -678,7 +678,7 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: ve()
+        col: Ce()
       }],
       /**
        * Grid Column Start
@@ -706,7 +706,7 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: ve()
+        row: Ce()
       }],
       /**
        * Grid Row Start
@@ -734,70 +734,70 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": Ce()
+        "auto-cols": Se()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": Ce()
+        "auto-rows": Se()
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: p()
+        gap: f()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": p()
+        "gap-x": f()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": p()
+        "gap-y": f()
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...me(), "normal"]
+        justify: [...pe(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...B(), "normal"]
+        "justify-items": [..._(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...B()]
+        "justify-self": ["auto", ..._()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...me()]
+        content: ["normal", ...pe()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...B(), {
+        items: [..._(), {
           baseline: ["", "last"]
         }]
       }],
@@ -806,7 +806,7 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...B(), {
+        self: ["auto", ..._(), {
           baseline: ["", "last"]
         }]
       }],
@@ -815,21 +815,21 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": me()
+        "place-content": pe()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...B(), "baseline"]
+        "place-items": [..._(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...B()]
+        "place-self": ["auto", ..._()]
       }],
       // Spacing
       /**
@@ -837,133 +837,133 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: p()
+        p: f()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: p()
+        px: f()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: p()
+        py: f()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: p()
+        ps: f()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: p()
+        pe: f()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: p()
+        pt: f()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: p()
+        pr: f()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: p()
+        pb: f()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: p()
+        pl: f()
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: P()
+        m: F()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: P()
+        mx: F()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: P()
+        my: F()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: P()
+        ms: F()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: P()
+        me: F()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: P()
+        mt: F()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: P()
+        mr: F()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: P()
+        mb: F()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: P()
+        ml: F()
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": p()
+        "space-x": f()
       }],
       /**
        * Space Between X Reverse
@@ -975,7 +975,7 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": p()
+        "space-y": f()
       }],
       /**
        * Space Between Y Reverse
@@ -990,14 +990,14 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: j()
+        size: E()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [m, "screen", ...j()]
+        w: [m, "screen", ...E()]
       }],
       /**
        * Min-Width
@@ -1009,7 +1009,7 @@ const lt = (e, t) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...j()
+          ...E()
         ]
       }],
       /**
@@ -1027,7 +1027,7 @@ const lt = (e, t) => {
           {
             screen: [s]
           },
-          ...j()
+          ...E()
         ]
       }],
       /**
@@ -1035,21 +1035,21 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...j()]
+        h: ["screen", "lh", ...E()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...j()]
+        "min-h": ["screen", "lh", "none", ...E()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...j()]
+        "max-h": ["screen", "lh", ...E()]
       }],
       // ------------------
       // --- Typography ---
@@ -1059,7 +1059,7 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", r, Q, E]
+        text: ["base", r, ee, H]
       }],
       /**
        * Font Smoothing
@@ -1076,7 +1076,7 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [o, i, fe]
+        font: [o, i, be]
       }],
       /**
        * Font Stretch
@@ -1090,7 +1090,7 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Bt, a, t]
+        font: [Yt, a, t]
       }],
       /**
        * Font Variant Numeric
@@ -1134,7 +1134,7 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [u, "none", i, fe]
+        "line-clamp": [b, "none", i, be]
       }],
       /**
        * Line Height
@@ -1144,7 +1144,7 @@ const lt = (e, t) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           l,
-          ...p()
+          ...f()
         ]
       }],
       /**
@@ -1181,14 +1181,14 @@ const lt = (e, t) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: d()
+        placeholder: p()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: d()
+        text: p()
       }],
       /**
        * Text Decoration
@@ -1207,21 +1207,21 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [u, "from-font", "auto", i, E]
+        decoration: [b, "from-font", "auto", i, H]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: d()
+        decoration: p()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [u, "auto", i, a]
+        "underline-offset": [b, "auto", i, a]
       }],
       /**
        * Text Transform
@@ -1245,7 +1245,7 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: p()
+        indent: f()
       }],
       /**
        * Vertical Alignment
@@ -1318,21 +1318,21 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: Se()
+        bg: Me()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: Me()
+        bg: ze()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ze()
+        bg: Ne()
       }],
       /**
        * Background Image
@@ -1345,56 +1345,56 @@ const lt = (e, t) => {
           }, R, i, a],
           radial: ["", i, a],
           conic: [R, i, a]
-        }, _t, Vt]
+        }, Jt, Ut]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: d()
+        bg: p()
       }],
       /**
        * Gradient Color Stops From Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: pe()
+        from: ue()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: pe()
+        via: ue()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: pe()
+        to: ue()
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: d()
+        from: p()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: d()
+        via: p()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: d()
+        to: p()
       }],
       // ---------------
       // --- Borders ---
@@ -1404,175 +1404,175 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: C()
+        rounded: S()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": C()
+        "rounded-s": S()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": C()
+        "rounded-e": S()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": C()
+        "rounded-t": S()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": C()
+        "rounded-r": S()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": C()
+        "rounded-b": S()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": C()
+        "rounded-l": S()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": C()
+        "rounded-ss": S()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": C()
+        "rounded-se": S()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": C()
+        "rounded-ee": S()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": C()
+        "rounded-es": S()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": C()
+        "rounded-tl": S()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": C()
+        "rounded-tr": S()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": C()
+        "rounded-br": S()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": C()
+        "rounded-bl": S()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: z()
+        border: N()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": z()
+        "border-x": N()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": z()
+        "border-y": N()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": z()
+        "border-s": N()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": z()
+        "border-e": N()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": z()
+        "border-t": N()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": z()
+        "border-r": N()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": z()
+        "border-b": N()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": z()
+        "border-l": N()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": z()
+        "divide-x": N()
       }],
       /**
        * Divide Width X Reverse
@@ -1584,7 +1584,7 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": z()
+        "divide-y": N()
       }],
       /**
        * Divide Width Y Reverse
@@ -1610,70 +1610,70 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: d()
+        border: p()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": d()
+        "border-x": p()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": d()
+        "border-y": p()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": d()
+        "border-s": p()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": d()
+        "border-e": p()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": d()
+        "border-t": p()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": d()
+        "border-r": p()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": d()
+        "border-b": p()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": d()
+        "border-l": p()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: d()
+        divide: p()
       }],
       /**
        * Outline Style
@@ -1687,21 +1687,21 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [u, i, a]
+        "outline-offset": [b, i, a]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", u, Q, E]
+        outline: ["", b, ee, H]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: d()
+        outline: p()
       }],
       // ---------------
       // --- Effects ---
@@ -1725,28 +1725,28 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: d()
+        shadow: p()
       }],
       /**
        * Inset Box Shadow
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", S, le, ie]
+        "inset-shadow": ["none", C, le, ie]
       }],
       /**
        * Inset Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": d()
+        "inset-shadow": p()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: z()
+        ring: N()
       }],
       /**
        * Ring Width Inset
@@ -1760,7 +1760,7 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: d()
+        ring: p()
       }],
       /**
        * Ring Offset Width
@@ -1769,7 +1769,7 @@ const lt = (e, t) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [u, E]
+        "ring-offset": [b, H]
       }],
       /**
        * Ring Offset Color
@@ -1778,42 +1778,42 @@ const lt = (e, t) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": d()
+        "ring-offset": p()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": z()
+        "inset-ring": N()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": d()
+        "inset-ring": p()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", A, le, ie]
+        "text-shadow": ["none", I, le, ie]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": d()
+        "text-shadow": p()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [u, i, a]
+        opacity: [b, i, a]
       }],
       /**
        * Mix Blend Mode
@@ -1848,106 +1848,106 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [u]
+        "mask-linear": [b]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": k()
+        "mask-linear-from": v()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": k()
+        "mask-linear-to": v()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": d()
+        "mask-linear-from": p()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": d()
+        "mask-linear-to": p()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": k()
+        "mask-t-from": v()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": k()
+        "mask-t-to": v()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": d()
+        "mask-t-from": p()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": d()
+        "mask-t-to": p()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": k()
+        "mask-r-from": v()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": k()
+        "mask-r-to": v()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": d()
+        "mask-r-from": p()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": d()
+        "mask-r-to": p()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": k()
+        "mask-b-from": v()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": k()
+        "mask-b-to": v()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": d()
+        "mask-b-from": p()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": d()
+        "mask-b-to": p()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": k()
+        "mask-l-from": v()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": k()
+        "mask-l-to": v()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": d()
+        "mask-l-from": p()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": d()
+        "mask-l-to": p()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": k()
+        "mask-x-from": v()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": k()
+        "mask-x-to": v()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": d()
+        "mask-x-from": p()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": d()
+        "mask-x-to": p()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": k()
+        "mask-y-from": v()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": k()
+        "mask-y-to": v()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": d()
+        "mask-y-from": p()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": d()
+        "mask-y-to": p()
       }],
       "mask-image-radial": [{
         "mask-radial": [i, a]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": k()
+        "mask-radial-from": v()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": k()
+        "mask-radial-to": v()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": d()
+        "mask-radial-from": p()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": d()
+        "mask-radial-to": p()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -1959,22 +1959,22 @@ const lt = (e, t) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": H()
+        "mask-radial-at": B()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [u]
+        "mask-conic": [b]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": k()
+        "mask-conic-from": v()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": k()
+        "mask-conic-to": v()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": d()
+        "mask-conic-from": p()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": d()
+        "mask-conic-to": p()
       }],
       /**
        * Mask Mode
@@ -1995,21 +1995,21 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: Se()
+        mask: Me()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: Me()
+        mask: ze()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: ze()
+        mask: Ne()
       }],
       /**
        * Mask Type
@@ -2046,21 +2046,21 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: Ne()
+        blur: Ae()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [u, i, a]
+        brightness: [b, i, a]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [u, i, a]
+        contrast: [b, i, a]
       }],
       /**
        * Drop Shadow
@@ -2081,42 +2081,42 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": d()
+        "drop-shadow": p()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", u, i, a]
+        grayscale: ["", b, i, a]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [u, i, a]
+        "hue-rotate": [b, i, a]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", u, i, a]
+        invert: ["", b, i, a]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [u, i, a]
+        saturate: [b, i, a]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", u, i, a]
+        sepia: ["", b, i, a]
       }],
       /**
        * Backdrop Filter
@@ -2136,63 +2136,63 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": Ne()
+        "backdrop-blur": Ae()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [u, i, a]
+        "backdrop-brightness": [b, i, a]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [u, i, a]
+        "backdrop-contrast": [b, i, a]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", u, i, a]
+        "backdrop-grayscale": ["", b, i, a]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [u, i, a]
+        "backdrop-hue-rotate": [b, i, a]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", u, i, a]
+        "backdrop-invert": ["", b, i, a]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [u, i, a]
+        "backdrop-opacity": [b, i, a]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [u, i, a]
+        "backdrop-saturate": [b, i, a]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", u, i, a]
+        "backdrop-sepia": ["", b, i, a]
       }],
       // --------------
       // --- Tables ---
@@ -2209,21 +2209,21 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": p()
+        "border-spacing": f()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": p()
+        "border-spacing-x": f()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": p()
+        "border-spacing-y": f()
       }],
       /**
        * Table Layout
@@ -2261,21 +2261,21 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [u, "initial", i, a]
+        duration: [b, "initial", i, a]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", T, i, a]
+        ease: ["linear", "initial", G, i, a]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [u, i, a]
+        delay: [b, i, a]
       }],
       /**
        * Animation
@@ -2299,14 +2299,14 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [I, i, a]
+        perspective: [A, i, a]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": V()
+        "perspective-origin": D()
       }],
       /**
        * Rotate
@@ -2374,21 +2374,21 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: ue()
+        skew: fe()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": ue()
+        "skew-x": fe()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": ue()
+        "skew-y": fe()
       }],
       /**
        * Transform
@@ -2402,7 +2402,7 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: V()
+        origin: D()
       }],
       /**
        * Transform Style
@@ -2452,7 +2452,7 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: d()
+        accent: p()
       }],
       /**
        * Appearance
@@ -2466,7 +2466,7 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: d()
+        caret: p()
       }],
       /**
        * Color Scheme
@@ -2515,126 +2515,126 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": p()
+        "scroll-m": f()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": p()
+        "scroll-mx": f()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": p()
+        "scroll-my": f()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": p()
+        "scroll-ms": f()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": p()
+        "scroll-me": f()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": p()
+        "scroll-mt": f()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": p()
+        "scroll-mr": f()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": p()
+        "scroll-mb": f()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": p()
+        "scroll-ml": f()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": p()
+        "scroll-p": f()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": p()
+        "scroll-px": f()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": p()
+        "scroll-py": f()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": p()
+        "scroll-ps": f()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": p()
+        "scroll-pe": f()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": p()
+        "scroll-pt": f()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": p()
+        "scroll-pr": f()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": p()
+        "scroll-pb": f()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": p()
+        "scroll-pl": f()
       }],
       /**
        * Scroll Snap Align
@@ -2712,21 +2712,21 @@ const lt = (e, t) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...d()]
+        fill: ["none", ...p()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [u, Q, E, fe]
+        stroke: [b, ee, H, be]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...d()]
+        stroke: ["none", ...p()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -2794,14 +2794,14 @@ const lt = (e, t) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Yt = /* @__PURE__ */ Nt(Ut), L = (...e) => Yt(f(...e)), qt = {
-  [Z.Primary]: f(
+}, tr = /* @__PURE__ */ Rt(er), M = (...e) => tr(d(...e)), rr = {
+  [U.Primary]: d(
     "bg-action-primary-primary",
     "hover:bg-action-primary-secondary",
     "active:bg-action-primary-tertiary",
     "text-action-primary-text"
   ),
-  [Z.Secondary]: f(
+  [U.Secondary]: d(
     "border-1",
     "bg-action-secondary-primary border-content-border-secondary-primary",
     "hover:bg-action-secondary-secondary hover:border-content-border-secondary-secondary",
@@ -2809,92 +2809,82 @@ const lt = (e, t) => {
     "text-action-secondary-text",
     "disabled:border-content-border-secondary-disabled"
   ),
-  [Z.Success]: f(
+  [U.Success]: d(
     "bg-action-success-primary",
     "hover:bg-action-success-secondary",
     "active:bg-action-success-tertiary",
     "text-action-success-text"
   ),
-  [Z.Danger]: f(
+  [U.Danger]: d(
     "bg-action-danger-primary",
     "hover:bg-action-danger-secondary",
     "active:bg-action-danger-tertiary",
     "text-action-danger-text"
   )
-}, Jt = {
-  [h.Xs]: f("px-2.5 py-0.75", "text-xs/5"),
-  [h.Sm]: f("px-3.5 py-1.5", "text-sm/5"),
-  [h.Md]: f("px-4 py-2", "text-md/5")
-}, Re = {
-  [h.Xs]: f("w-4 h-4", "leading-none"),
-  [h.Sm]: f("w-4 h-4", "leading-none"),
-  [h.Md]: f("w-5 h-5", "leading-none")
-}, Kt = ({
-  variant: e = Z.Primary,
-  size: t = h.Md,
+}, or = {
+  [g.Xs]: d("px-2.5 py-0.75", "text-xs/5"),
+  [g.Sm]: d("px-3.5 py-1.5", "text-sm/5"),
+  [g.Md]: d("px-4 py-2", "text-md/5")
+}, Te = {
+  [g.Xs]: d("w-4 h-4", "leading-none"),
+  [g.Sm]: d("w-4 h-4", "leading-none"),
+  [g.Md]: d("w-5 h-5", "leading-none")
+}, nr = ({
+  variant: e = U.Primary,
+  size: t = g.Md,
   borderless: r = !1,
   leadingIcon: o,
   trailingIcon: n,
   className: l,
   children: s,
   ...m
-}) => /* @__PURE__ */ g(
-  tt,
+}) => /* @__PURE__ */ u(
+  rt,
   {
-    className: L(
+    className: M(
       "inline-flex items-center justify-center",
       r ? "rounded-full" : "rounded-sm",
       "font-medium",
       "transition-colors",
       "hover:cursor-pointer",
       "disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none",
-      qt[e],
-      Jt[t],
+      rr[e],
+      or[t],
       r && "border-0",
       l
     ),
     ...m,
-    children: /* @__PURE__ */ $("div", { className: "flex flex-nowrap items-center justify-center gap-x-sm", children: [
-      o && /* @__PURE__ */ g("span", { className: f(Re[t]), children: /* @__PURE__ */ g(o, {}) }),
+    children: /* @__PURE__ */ V("div", { className: "flex flex-nowrap items-center justify-center gap-x-sm", children: [
+      o && /* @__PURE__ */ u("span", { className: d(Te[t]), children: /* @__PURE__ */ u(o, {}) }),
       s,
-      n && /* @__PURE__ */ g("span", { className: f(Re[t]), children: /* @__PURE__ */ g(n, {}) })
+      n && /* @__PURE__ */ u("span", { className: d(Te[t]), children: /* @__PURE__ */ u(n, {}) })
     ] })
   }
 );
-Kt.displayName = "Button";
-const Qt = {
-  [N.None]: "rounded-none",
-  [N.Xs]: "rounded-xs",
-  [N.Sm]: "rounded-sm",
-  [N.Md]: "rounded-md",
-  [N.Lg]: "rounded-lg",
-  [N.Xl]: "rounded-xl",
-  [N.Full]: "rounded-full"
+nr.displayName = "Button";
+const sr = {
+  [L.None]: "rounded-none",
+  [L.Xs]: "rounded-xs",
+  [L.Sm]: "rounded-sm",
+  [L.Md]: "rounded-md",
+  [L.Lg]: "rounded-lg",
+  [L.Xl]: "rounded-xl",
+  [L.Full]: "rounded-full"
 };
-function xe(e) {
-  return Qt[e];
+function we(e) {
+  return sr[e];
 }
-const de = {
-  [w.Xxs]: "text-xxs/4",
-  [w.Xs]: "text-xs/5",
-  [w.Sm]: "text-sm/6",
-  [w.Md]: "text-md/7",
-  [w.Lg]: "text-lg/9",
-  [w.Xl]: "text-xl/11",
-  [w.Xxl]: "text-xxl/13",
-  [w.Label]: "text-xs/5 text-bold uppercase",
-  [w.Caption]: "text-xs/5 text-content-text-tertiary"
-}, ee = (e) => e ? de[e] : null, er = ({ className: e, ...t }) => /* @__PURE__ */ g(
+const ar = ({ className: e, ...t }) => /* @__PURE__ */ u(
   "svg",
   {
-    className: f(
+    className: d(
       "stroke-white opacity-0 group-data-checked:opacity-100",
       e
     ),
     viewBox: "0 0 14 14",
     fill: "none",
     ...t,
-    children: /* @__PURE__ */ g(
+    children: /* @__PURE__ */ u(
       "path",
       {
         d: "M3 8L6 11L11 3.5",
@@ -2904,41 +2894,51 @@ const de = {
       }
     )
   }
-), tr = {
-  [h.Xs]: f("w-3 h-3"),
-  [h.Sm]: f("w-4 h-4"),
-  [h.Md]: f("w-5 h-5"),
-  [h.Lg]: f("w-6 h-6")
-}, rr = {
-  [h.Xs]: f("checked:after:text-xs"),
-  [h.Sm]: f("checked:after:text-sm"),
-  [h.Md]: f("checked:after:text-base"),
-  [h.Lg]: f("checked:after:text-lg")
-}, or = ({
+), de = {
+  [x.Xxs]: "text-xxs/4",
+  [x.Xs]: "text-xs/5",
+  [x.Sm]: "text-sm/6",
+  [x.Md]: "text-md/7",
+  [x.Lg]: "text-lg/9",
+  [x.Xl]: "text-xl/11",
+  [x.Xxl]: "text-xxl/13",
+  [x.Label]: "text-xs/5 text-bold uppercase",
+  [x.Caption]: "text-xs/5 text-content-text-tertiary"
+}, T = (e) => e ? de[e] : null, ir = {
+  [g.Xs]: d("w-3 h-3"),
+  [g.Sm]: d("w-4 h-4"),
+  [g.Md]: d("w-5 h-5"),
+  [g.Lg]: d("w-6 h-6")
+}, lr = {
+  [g.Xs]: d("checked:after:text-xs"),
+  [g.Sm]: d("checked:after:text-sm"),
+  [g.Md]: d("checked:after:text-base"),
+  [g.Lg]: d("checked:after:text-lg")
+}, Ke = ({
   checked: e = !1,
   onChange: t = void 0,
-  size: r = h.Md,
-  radius: o = N.Xs,
+  size: r = g.Md,
+  radius: o = L.Xs,
   className: n,
   labelClassName: l,
   label: s,
   ...m
-}) => /* @__PURE__ */ $(We, { className: "group flex items-center gap-2", children: [
-  /* @__PURE__ */ g(
-    rt,
+}) => /* @__PURE__ */ V(We, { className: "group flex items-center gap-2", children: [
+  /* @__PURE__ */ u(
+    ot,
     {
       checked: e,
       onChange: t,
-      className: L(
+      className: M(
         "group",
         "cursor-pointer",
         "appearance-none",
         "border",
         "border-content-border-secondary-primary",
         "group-hover:border-action-primary-primary",
-        xe(o),
-        tr[r],
-        rr[r],
+        we(o),
+        ir[r],
+        lr[r],
         "focus:outline-none",
         "focus:ring-2",
         "focus:ring-action-primary-primary",
@@ -2950,14 +2950,14 @@ const de = {
         n
       ),
       ...m,
-      children: /* @__PURE__ */ g(er, {})
+      children: /* @__PURE__ */ u(ar, {})
     }
   ),
-  s && /* @__PURE__ */ g(
-    Ge,
+  s && /* @__PURE__ */ u(
+    Xe,
     {
-      className: L(
-        U.Primary,
+      className: M(
+        me(Y.Primary),
         de[r],
         "cursor-pointer",
         l
@@ -2966,36 +2966,36 @@ const de = {
     }
   )
 ] });
-or.displayName = "Checkbox";
-const nr = ({
+Ke.displayName = "Checkbox";
+const cr = ({
   children: e,
   className: t,
   ...r
-}) => /* @__PURE__ */ g("span", { className: f("cursor-pointer", t), ...r, children: e });
-nr.displayName = "Clickable";
-const sr = {
-  h1: ({ children: e, ...t }) => /* @__PURE__ */ g("h1", { ...t, children: e }),
-  h2: ({ children: e, ...t }) => /* @__PURE__ */ g("h2", { ...t, children: e }),
-  h3: ({ children: e, ...t }) => /* @__PURE__ */ g("h3", { ...t, children: e }),
-  h4: ({ children: e, ...t }) => /* @__PURE__ */ g("h4", { ...t, children: e })
-}, ar = {
-  h1: f(ee(w.Xxl), "text-bold"),
-  h2: f(ee(w.Xl), "text-semibold"),
-  h3: f(ee(w.Lg), "text-semibold"),
-  h4: f(ee(w.Md))
-}, ir = ({
+}) => /* @__PURE__ */ u("span", { className: d("cursor-pointer", t), ...r, children: e });
+cr.displayName = "Clickable";
+const dr = {
+  h1: ({ children: e, ...t }) => /* @__PURE__ */ u("h1", { ...t, children: e }),
+  h2: ({ children: e, ...t }) => /* @__PURE__ */ u("h2", { ...t, children: e }),
+  h3: ({ children: e, ...t }) => /* @__PURE__ */ u("h3", { ...t, children: e }),
+  h4: ({ children: e, ...t }) => /* @__PURE__ */ u("h4", { ...t, children: e })
+}, mr = {
+  h1: d(T(x.Xxl), "text-bold"),
+  h2: d(T(x.Xl), "text-semibold"),
+  h3: d(T(x.Lg), "text-semibold"),
+  h4: d(T(x.Md))
+}, pr = ({
   level: e = je.H1,
   className: t,
   children: r,
   ...o
 }) => {
-  const n = sr[e];
-  return /* @__PURE__ */ g(
+  const n = dr[e];
+  return /* @__PURE__ */ u(
     n,
     {
-      className: f(
+      className: d(
         "text-content-text-primary",
-        ar[e],
+        mr[e],
         t
       ),
       ...o,
@@ -3003,8 +3003,8 @@ const sr = {
     }
   );
 };
-ir.displayName = "Heading";
-const we = ({ className: e, children: t, ...r }) => /* @__PURE__ */ g(
+pr.displayName = "Heading";
+const ve = ({ className: e, children: t, ...r }) => /* @__PURE__ */ u(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3012,27 +3012,27 @@ const we = ({ className: e, children: t, ...r }) => /* @__PURE__ */ g(
     height: "15",
     viewBox: "0 0 15 15",
     fill: "none",
-    className: f(e),
+    className: d(e),
     ...r,
     children: t
   }
-), Sr = ({ ...e }) => /* @__PURE__ */ g(we, { ...e, children: /* @__PURE__ */ g(
+), Gr = ({ ...e }) => /* @__PURE__ */ u(ve, { ...e, children: /* @__PURE__ */ u(
   "path",
   {
     d: "M6.42857 8.57143H1.07143C0.767857 8.57143 0.513393 8.46875 0.308036 8.26339C0.102679 8.05804 0 7.80357 0 7.5C0 7.19643 0.102679 6.94196 0.308036 6.73661C0.513393 6.53125 0.767857 6.42857 1.07143 6.42857H6.42857V1.07143C6.42857 0.767857 6.53125 0.513393 6.73661 0.308036C6.94196 0.102679 7.19643 0 7.5 0C7.80357 0 8.05804 0.102679 8.26339 0.308036C8.46875 0.513393 8.57143 0.767857 8.57143 1.07143V6.42857H13.9286C14.2321 6.42857 14.4866 6.53125 14.692 6.73661C14.8973 6.94196 15 7.19643 15 7.5C15 7.80357 14.8973 8.05804 14.692 8.26339C14.4866 8.46875 14.2321 8.57143 13.9286 8.57143H8.57143V13.9286C8.57143 14.2321 8.46875 14.4866 8.26339 14.692C8.05804 14.8973 7.80357 15 7.5 15C7.19643 15 6.94196 14.8973 6.73661 14.692C6.53125 14.4866 6.42857 14.2321 6.42857 13.9286V8.57143Z",
     fill: "currentColor"
   }
-) }), Ke = ({ className: e, ...t }) => /* @__PURE__ */ g(
+) }), Qe = ({ className: e, ...t }) => /* @__PURE__ */ u(
   "svg",
   {
-    className: f(e),
+    className: d(e),
     width: "8",
     height: "13",
     viewBox: "0 0 8 13",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     ...t,
-    children: /* @__PURE__ */ g(
+    children: /* @__PURE__ */ u(
       "path",
       {
         d: "M1.6 13C1.16 13 0.783333 12.8409 0.47 12.5227C0.156667 12.2044 0 11.8219 0 11.375C0 10.9281 0.156667 10.5456 0.47 10.2273C0.783333 9.90911 1.16 9.75 1.6 9.75C2.04 9.75 2.41667 9.90911 2.73 10.2273C3.04333 10.5456 3.2 10.9281 3.2 11.375C3.2 11.8219 3.04333 12.2044 2.73 12.5227C2.41667 12.8409 2.04 13 1.6 13ZM6.4 13C5.96 13 5.58333 12.8409 5.27 12.5227C4.95667 12.2044 4.8 11.8219 4.8 11.375C4.8 10.9281 4.95667 10.5456 5.27 10.2273C5.58333 9.90911 5.96 9.75 6.4 9.75C6.84 9.75 7.21667 9.90911 7.53 10.2273C7.84333 10.5456 8 10.9281 8 11.375C8 11.8219 7.84333 12.2044 7.53 12.5227C7.21667 12.8409 6.84 13 6.4 13ZM1.6 8.125C1.16 8.125 0.783333 7.96589 0.47 7.64766C0.156667 7.32943 0 6.94687 0 6.5C0 6.05312 0.156667 5.67057 0.47 5.35234C0.783333 5.03411 1.16 4.875 1.6 4.875C2.04 4.875 2.41667 5.03411 2.73 5.35234C3.04333 5.67057 3.2 6.05312 3.2 6.5C3.2 6.94687 3.04333 7.32943 2.73 7.64766C2.41667 7.96589 2.04 8.125 1.6 8.125ZM6.4 8.125C5.96 8.125 5.58333 7.96589 5.27 7.64766C4.95667 7.32943 4.8 6.94687 4.8 6.5C4.8 6.05312 4.95667 5.67057 5.27 5.35234C5.58333 5.03411 5.96 4.875 6.4 4.875C6.84 4.875 7.21667 5.03411 7.53 5.35234C7.84333 5.67057 8 6.05312 8 6.5C8 6.94687 7.84333 7.32943 7.53 7.64766C7.21667 7.96589 6.84 8.125 6.4 8.125ZM1.6 3.25C1.16 3.25 0.783333 3.09089 0.47 2.77266C0.156667 2.45443 0 2.07187 0 1.625C0 1.17812 0.156667 0.795573 0.47 0.477344C0.783333 0.159115 1.16 0 1.6 0C2.04 0 2.41667 0.159115 2.73 0.477344C3.04333 0.795573 3.2 1.17812 3.2 1.625C3.2 2.07187 3.04333 2.45443 2.73 2.77266C2.41667 3.09089 2.04 3.25 1.6 3.25ZM6.4 3.25C5.96 3.25 5.58333 3.09089 5.27 2.77266C4.95667 2.45443 4.8 2.07187 4.8 1.625C4.8 1.17812 4.95667 0.795573 5.27 0.477344C5.58333 0.159115 5.96 0 6.4 0C6.84 0 7.21667 0.159115 7.53 0.477344C7.84333 0.795573 8 1.17812 8 1.625C8 2.07187 7.84333 2.45443 7.53 2.77266C7.21667 3.09089 6.84 3.25 6.4 3.25Z",
@@ -3041,35 +3041,35 @@ const we = ({ className: e, children: t, ...r }) => /* @__PURE__ */ g(
     )
   }
 );
-Ke.displayName = "DragHandleIcon";
-const Mr = ({ ...e }) => /* @__PURE__ */ g(we, { ...e, children: /* @__PURE__ */ g(
+Qe.displayName = "DragHandleIcon";
+const jr = ({ ...e }) => /* @__PURE__ */ u(ve, { ...e, children: /* @__PURE__ */ u(
   "path",
   {
     d: "M1.66667 13.3333H2.85417L11 5.1875L9.8125 4L1.66667 12.1458V13.3333ZM0.833333 15C0.597222 15 0.399306 14.9201 0.239583 14.7604C0.0798611 14.6007 0 14.4028 0 14.1667V12.1458C0 11.9236 0.0416667 11.7118 0.125 11.5104C0.208333 11.309 0.326389 11.1319 0.479167 10.9792L11 0.479167C11.1667 0.326389 11.3507 0.208333 11.5521 0.125C11.7535 0.0416667 11.9653 0 12.1875 0C12.4097 0 12.625 0.0416667 12.8333 0.125C13.0417 0.208333 13.2222 0.333333 13.375 0.5L14.5208 1.66667C14.6875 1.81944 14.809 2 14.8854 2.20833C14.9618 2.41667 15 2.625 15 2.83333C15 3.05556 14.9618 3.26736 14.8854 3.46875C14.809 3.67014 14.6875 3.85417 14.5208 4.02083L4.02083 14.5208C3.86806 14.6736 3.69097 14.7917 3.48958 14.875C3.28819 14.9583 3.07639 15 2.85417 15H0.833333ZM10.3958 4.60417L9.8125 4L11 5.1875L10.3958 4.60417Z",
     fill: "currentColor"
   }
-) }), zr = ({ ...e }) => /* @__PURE__ */ g(we, { ...e, children: /* @__PURE__ */ g(
+) }), Er = ({ ...e }) => /* @__PURE__ */ u(ve, { ...e, children: /* @__PURE__ */ u(
   "path",
   {
     d: "M2.4375 15C1.99062 15 1.60807 14.8368 1.28984 14.5104C0.971615 14.184 0.8125 13.7917 0.8125 13.3333V2.5C0.582292 2.5 0.389323 2.42014 0.233594 2.26042C0.0778646 2.10069 0 1.90278 0 1.66667C0 1.43056 0.0778646 1.23264 0.233594 1.07292C0.389323 0.913194 0.582292 0.833333 0.8125 0.833333H4.0625C4.0625 0.597222 4.14036 0.399306 4.29609 0.239583C4.45182 0.0798611 4.64479 0 4.875 0H8.125C8.35521 0 8.54818 0.0798611 8.70391 0.239583C8.85964 0.399306 8.9375 0.597222 8.9375 0.833333H12.1875C12.4177 0.833333 12.6107 0.913194 12.7664 1.07292C12.9221 1.23264 13 1.43056 13 1.66667C13 1.90278 12.9221 2.10069 12.7664 2.26042C12.6107 2.42014 12.4177 2.5 12.1875 2.5V13.3333C12.1875 13.7917 12.0284 14.184 11.7102 14.5104C11.3919 14.8368 11.0094 15 10.5625 15H2.4375ZM10.5625 2.5H2.4375V13.3333H10.5625V2.5ZM4.875 11.6667C5.10521 11.6667 5.29818 11.5868 5.45391 11.4271C5.60964 11.2674 5.6875 11.0694 5.6875 10.8333V5C5.6875 4.76389 5.60964 4.56597 5.45391 4.40625C5.29818 4.24653 5.10521 4.16667 4.875 4.16667C4.64479 4.16667 4.45182 4.24653 4.29609 4.40625C4.14036 4.56597 4.0625 4.76389 4.0625 5V10.8333C4.0625 11.0694 4.14036 11.2674 4.29609 11.4271C4.45182 11.5868 4.64479 11.6667 4.875 11.6667ZM8.125 11.6667C8.35521 11.6667 8.54818 11.5868 8.70391 11.4271C8.85964 11.2674 8.9375 11.0694 8.9375 10.8333V5C8.9375 4.76389 8.85964 4.56597 8.70391 4.40625C8.54818 4.24653 8.35521 4.16667 8.125 4.16667C7.89479 4.16667 7.70182 4.24653 7.54609 4.40625C7.39036 4.56597 7.3125 4.76389 7.3125 5V10.8333C7.3125 11.0694 7.39036 11.2674 7.54609 11.4271C7.70182 11.5868 7.89479 11.6667 8.125 11.6667Z",
     fill: "currentColor"
   }
-) }), he = ({
-  variant: e = w.Md,
-  color: t = U.Primary,
+) }), ye = ({
+  variant: e = x.Md,
+  color: t = Y.Primary,
   children: r,
   className: o,
   ...n
-}) => /* @__PURE__ */ g(
+}) => /* @__PURE__ */ u(
   "span",
   {
-    className: f(Te(t), ee(e), o),
+    className: d(me(t), T(e), o),
     ...n,
     children: r
   }
 );
-he.displayName = "Text";
-const Qe = ({
+ye.displayName = "Text";
+const et = ({
   canSelect: e = !1,
   selected: t = !1,
   onSelected: r = void 0,
@@ -3079,10 +3079,10 @@ const Qe = ({
   actions: s = void 0,
   className: m,
   ...c
-}) => /* @__PURE__ */ $(
+}) => /* @__PURE__ */ V(
   "div",
   {
-    className: f(
+    className: d(
       "flex flex-nowrap items-center justify-between",
       "gap-x-lg",
       "py-3 pr-3 pl-2",
@@ -3093,65 +3093,64 @@ const Qe = ({
     ),
     ...c,
     children: [
-      /* @__PURE__ */ $("div", { className: f("flex flex-nowrap items-center", "gap-x-md"), children: [
-        e && /* @__PURE__ */ g(
-          "input",
+      /* @__PURE__ */ V("div", { className: d("flex flex-nowrap items-center", "gap-x-md"), children: [
+        e && /* @__PURE__ */ u(
+          Ke,
           {
-            type: "checkbox",
             checked: t,
-            onChange: (b) => r?.(b.target.checked)
+            onChange: (h) => r?.(h)
           }
         ),
-        o && /* @__PURE__ */ g("span", { className: "flex align-items cursor-grab", children: /* @__PURE__ */ g(Ke, { className: "size-4 text-content-text-secondary" }) }),
-        /* @__PURE__ */ g(he, { variant: w.Lg, children: n }),
-        /* @__PURE__ */ g(he, { variant: w.Md, color: U.Secondary, children: l })
+        o && /* @__PURE__ */ u("span", { className: "flex align-items cursor-grab", children: /* @__PURE__ */ u(Qe, { className: "size-4 text-content-text-secondary" }) }),
+        /* @__PURE__ */ u(ye, { variant: x.Lg, children: n }),
+        /* @__PURE__ */ u(ye, { variant: x.Md, color: Y.Secondary, children: l })
       ] }),
-      /* @__PURE__ */ g("span", { children: s })
+      /* @__PURE__ */ u("span", { children: s })
     ]
   }
 );
-Qe.displayName = "ListItem";
-const lr = {
-  [_.Xs]: "shadow-xs",
-  [_.Sm]: "shadow-sm",
-  [_.Md]: "shadow-md",
-  [_.Lg]: "shadow-lg",
-  [_.Xl]: "shadow-xl"
+et.displayName = "ListItem";
+const ur = {
+  [$.Xs]: "shadow-xs",
+  [$.Sm]: "shadow-sm",
+  [$.Md]: "shadow-md",
+  [$.Lg]: "shadow-lg",
+  [$.Xl]: "shadow-xl"
 };
-function cr(e) {
-  return e ? lr[e] : null;
+function fr(e) {
+  return e ? ur[e] : null;
 }
-const dr = {
-  [h.Xs]: f("px-2.5 py-0.75", "text-xs/5"),
-  [h.Sm]: f("px-3.5 py-1.5", "text-sm/5"),
-  [h.Md]: f("px-4 py-2", "text-md/5")
-}, mr = ({
-  size: e = h.Sm,
-  radius: t = N.Full,
+const gr = {
+  [g.Xs]: d("px-2.5 py-0.75", "text-xs/5"),
+  [g.Sm]: d("px-3.5 py-1.5", "text-sm/5"),
+  [g.Md]: d("px-4 py-2", "text-md/5")
+}, br = ({
+  size: e = g.Sm,
+  radius: t = L.Full,
   shadow: r = void 0,
-  color: o = U.Muted,
-  backgroundColor: n = Xe.Muted,
+  color: o = Y.Muted,
+  backgroundColor: n = Ge.Muted,
   isStatus: l = !1,
   className: s,
   children: m,
   ...c
-}) => /* @__PURE__ */ $(
+}) => /* @__PURE__ */ V(
   "span",
   {
-    className: f(
+    className: d(
       "inline-flex items-center justify-center",
       "font-small",
-      Te(o),
-      it(n),
-      xe(t),
-      cr(r),
-      dr[e],
+      me(o),
+      ut(n),
+      we(t),
+      fr(r),
+      gr[e],
       s
     ),
     ...c,
     children: [
       l && // TODO: change this to an icon
-      /* @__PURE__ */ g(
+      /* @__PURE__ */ u(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -3160,86 +3159,86 @@ const dr = {
           viewBox: "0 0 5 5",
           fill: "none",
           className: "mr-1",
-          children: /* @__PURE__ */ g("circle", { cx: "2.5", cy: "2.5", r: "2.5", fill: "currentColor" })
+          children: /* @__PURE__ */ u("circle", { cx: "2.5", cy: "2.5", r: "2.5", fill: "currentColor" })
         }
       ),
       m
     ]
   }
 );
-mr.displayName = "Pill";
-const pr = ({
+br.displayName = "Pill";
+const hr = ({
   className: e,
   listItems: t,
   onSelected: r,
   onOrderChange: o,
   ...n
 }) => {
-  const [l, s] = nt(() => []), m = (c, b) => {
+  const [l, s] = dt(() => []), m = (c, h) => {
     if (l.includes(c)) {
-      if (!b) {
-        const y = l.filter((S) => S !== c);
+      if (!h) {
+        const y = l.filter((C) => C !== c);
         s(y), r?.(y);
       }
-    } else if (b) {
+    } else if (h) {
       const y = [...l, c];
       s(y), r?.(y);
     }
   };
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ u(
     "div",
     {
-      className: f("flex flex-col", "w-full", "gap-y-md", e),
+      className: d("flex flex-col", "w-full", "gap-y-md", e),
       ...n,
-      children: t.map((c) => /* @__PURE__ */ g(
-        Qe,
+      children: t.map((c) => /* @__PURE__ */ u(
+        et,
         {
           "data-testid": c.id,
           ...c.data,
           selected: l.includes(c.id),
-          onSelected: (b) => m(c.id, b)
+          onSelected: (h) => m(c.id, h)
         },
         c.id
       ))
     }
   );
 };
-pr.displayName = "RichList";
-const ur = {
-  [h.Sm]: L("w-8 h-4"),
-  [h.Md]: L("w-9 h-5")
-}, gr = {
-  [h.Sm]: L("w-3 h-3"),
-  [h.Md]: L("w-4 h-4")
-}, fr = {
-  [h.Sm]: de[w.Sm],
-  [h.Md]: de[w.Md]
-}, br = (e) => {
+hr.displayName = "RichList";
+const yr = {
+  [g.Sm]: M("w-8 h-4"),
+  [g.Md]: M("w-9 h-5")
+}, xr = {
+  [g.Sm]: M("w-3 h-3"),
+  [g.Md]: M("w-4 h-4")
+}, wr = {
+  [g.Sm]: de[x.Sm],
+  [g.Md]: de[x.Md]
+}, vr = (e) => {
   switch (e) {
-    case h.Sm:
+    case g.Sm:
       return "group-data-checked:translate-x-[calc(2.3rem-1rem-0.28rem)]";
-    case h.Md:
+    case g.Md:
       return "group-data-checked:translate-x-[calc(2.8rem-1.5rem-0.28rem)]";
     default:
       return "";
   }
-}, hr = ({
+}, kr = ({
   checked: e = !1,
   disabled: t = !1,
   onChange: r = void 0,
-  size: o = h.Md,
+  size: o = g.Md,
   className: n,
   labelClassName: l,
   label: s,
   ...m
-}) => /* @__PURE__ */ $(We, { className: "flex items-center gap-2", children: [
-  /* @__PURE__ */ g(
-    ot,
+}) => /* @__PURE__ */ V(We, { className: "flex items-center gap-2", children: [
+  /* @__PURE__ */ u(
+    nt,
     {
       checked: e,
       onChange: r,
       disabled: t,
-      className: L(
+      className: M(
         "group",
         "relative",
         "inline-flex",
@@ -3264,16 +3263,16 @@ const ur = {
         // when checked
         "data-checked:bg-action-primary-primary",
         "data-checked:border-action-primary-primary",
-        ur[o],
-        xe(N.Full),
+        yr[o],
+        we(L.Full),
         // intentionally require Full radius
         n
       ),
       ...m,
-      children: /* @__PURE__ */ g(
+      children: /* @__PURE__ */ u(
         "span",
         {
-          className: L(
+          className: M(
             "pointer-events-none",
             "inline-block",
             "rounded-full",
@@ -3284,19 +3283,19 @@ const ur = {
             // show focus on outside of track
             "transition-transform",
             "translate-x-0.5",
-            gr[o],
-            br(o)
+            xr[o],
+            vr(o)
           )
         }
       )
     }
   ),
-  s && /* @__PURE__ */ g(
-    Ge,
+  s && /* @__PURE__ */ u(
+    Xe,
     {
-      className: L(
-        U.Muted,
-        fr[o],
+      className: M(
+        me(Y.Muted),
+        wr[o],
         "cursor-pointer",
         l
       ),
@@ -3304,8 +3303,89 @@ const ur = {
     }
   )
 ] });
-hr.displayName = "Toggle";
-const yr = (e) => ({
+kr.displayName = "Toggle";
+var Cr = /* @__PURE__ */ ((e) => (e.Default = "default", e.Soft = "soft", e.Full = "full", e))(Cr || {});
+const Sr = {
+  [g.Xs]: d(T(x.Xs), "min-w-5 min-h-5"),
+  [g.Sm]: d(T(x.Sm), "min-w-6 min-h-6"),
+  [g.Md]: d(T(x.Md), "min-w-7 min-h-7")
+}, Mr = {
+  [g.Xs]: d("min-w-5 min-h-5"),
+  [g.Sm]: d("min-w-6 min-h-6"),
+  [g.Md]: d("min-w-7 min-h-7")
+}, zr = {
+  [g.Xs]: d("py-1 px-3"),
+  [g.Sm]: d("py-1.5 px-3.75"),
+  [g.Md]: d("py-2 px-4")
+}, Nr = {
+  soft: d("w-fit"),
+  default: d("w-fit"),
+  full: d("w-full")
+}, Ir = {
+  soft: d(
+    "m-1",
+    "py-1 px-1.5",
+    "rounded-sm",
+    "data-[selected]:text-brand-accent"
+  ),
+  default: d(
+    "data-[selected]:text-content-text-primary"
+  ),
+  full: d("data-[selected]:text-content-text-primary")
+}, Ar = (e, t, r) => e === "soft" ? "" : t && r ? "rounded-md" : t ? "rounded-l-md" : r ? "rounded-r-md" : "", Lr = (e, t) => {
+  const r = [Ir[e], Sr[t]];
+  return e !== "soft" ? r.push(zr[t]) : r.push(Mr[t]), d(...r);
+}, Pr = ({
+  tabs: e,
+  variant: t = "default",
+  defaultIndex: r = 0,
+  onChange: o,
+  size: n = g.Sm,
+  tabListClassName: l,
+  tabPanelClassName: s,
+  ...m
+}) => /* @__PURE__ */ V(st, { defaultIndex: r, onChange: o, ...m, children: [
+  /* @__PURE__ */ u(
+    at,
+    {
+      className: M(
+        "flex flex-nowrap items-center",
+        "bg-content-bg-card-1",
+        "rounded-md",
+        Nr[t],
+        l
+      ),
+      children: e.map(({ id: c, data: h }, y) => {
+        const C = y === 0, I = y === e.length - 1;
+        return /* @__PURE__ */ u(
+          it,
+          {
+            className: M(
+              "cursor-pointer",
+              "flex-1",
+              "flex items-center justify-center",
+              "font-medium",
+              "text-content-text-secondary",
+              "outline-none",
+              "transition-colors",
+              "hover:bg-content-bg-card-2",
+              "hover:text-content-text-primary",
+              "data-[selected]:bg-content-bg-card-2",
+              "data-[focus]:outline-none",
+              Ar(t, C, I),
+              Lr(t, n)
+            ),
+            children: h.label
+          },
+          c
+        );
+      })
+    }
+  ),
+  /* @__PURE__ */ u(lt, { className: M(s), children: e.map(({ id: c, data: h }) => /* @__PURE__ */ u(ct, { className: M("focus:outline-none"), children: h.content }, c)) })
+] });
+Pr.displayName = "ToggleSwitch";
+const Fr = (e) => ({
   components: {
     MuiButtonBase: {
       defaultProps: {
@@ -3408,7 +3488,7 @@ const yr = (e) => ({
       }
     }
   }
-}), xr = {
+}), Or = {
   dark: {
     content: {
       bg: {
@@ -3451,7 +3531,7 @@ const yr = (e) => ({
       }
     }
   }
-}, v = {
+}, k = {
   fontFamily: {
     sans: ["Palanquin", "sans-serif"]
   },
@@ -3468,11 +3548,11 @@ const yr = (e) => ({
     semibold: 500,
     bold: 600
   }
-}, et = ({
+}, tt = ({
   mode: e = "dark",
   overrides: t = {}
 } = {}) => {
-  const { light: r, dark: o } = xr, n = e === "light" ? r : o, l = {
+  const { light: r, dark: o } = Or, n = e === "light" ? r : o, l = {
     palette: {
       mode: e,
       primary: {
@@ -3489,44 +3569,44 @@ const yr = (e) => ({
       }
     },
     typography: {
-      fontFamily: v.fontFamily.sans.join(","),
+      fontFamily: k.fontFamily.sans.join(","),
       h1: {
-        fontSize: v.fontSize.xxl,
-        fontWeight: v.fontWeight.bold
+        fontSize: k.fontSize.xxl,
+        fontWeight: k.fontWeight.bold
       },
       h2: {
-        fontSize: v.fontSize.xl,
-        fontWeight: v.fontWeight.bold
+        fontSize: k.fontSize.xl,
+        fontWeight: k.fontWeight.bold
       },
       h3: {
-        fontSize: v.fontSize.lg,
-        fontWeight: v.fontWeight.semibold
+        fontSize: k.fontSize.lg,
+        fontWeight: k.fontWeight.semibold
       },
       h4: {
-        fontSize: v.fontSize.md,
-        fontWeight: v.fontWeight.semibold
+        fontSize: k.fontSize.md,
+        fontWeight: k.fontWeight.semibold
       },
       h5: {
-        fontSize: v.fontSize.sm,
-        fontWeight: v.fontWeight.normal
+        fontSize: k.fontSize.sm,
+        fontWeight: k.fontWeight.normal
       },
       h6: {
-        fontSize: v.fontSize.xs,
-        fontWeight: v.fontWeight.normal
+        fontSize: k.fontSize.xs,
+        fontWeight: k.fontWeight.normal
       },
       body1: {
-        fontSize: v.fontSize.md,
-        fontWeight: v.fontWeight.normal,
+        fontSize: k.fontSize.md,
+        fontWeight: k.fontWeight.normal,
         color: n.content.text.primary
       },
       body2: {
-        fontSize: v.fontSize.sm,
-        fontWeight: v.fontWeight.normal,
+        fontSize: k.fontSize.sm,
+        fontWeight: k.fontWeight.normal,
         color: n.content.text.primary
       }
     },
     spacing: (m) => `${m * 0.25}rem`
-  }, s = yr(l);
+  }, s = Fr(l);
   return {
     ...l,
     ...s,
@@ -3537,34 +3617,36 @@ const yr = (e) => ({
       ...t.components
     }
   };
-}, Ir = et({ mode: "dark" }), Nr = et({ mode: "light" });
+}, Hr = tt({ mode: "dark" }), Vr = tt({ mode: "light" });
 export {
-  Sr as AddIcon,
-  Xe as BackgroundColor,
-  Kt as Button,
-  or as Checkbox,
-  nr as Clickable,
-  Ke as DragHandleIcon,
-  Mr as EditIcon,
-  ir as Heading,
+  Gr as AddIcon,
+  Ge as BackgroundColor,
+  nr as Button,
+  Ke as Checkbox,
+  cr as Clickable,
+  Qe as DragHandleIcon,
+  jr as EditIcon,
+  pr as Heading,
   je as HeadingLevel,
-  Qe as ListItem,
-  mr as Pill,
-  N as Radius,
-  pr as RichList,
-  _ as Shadow,
-  h as Size,
-  he as Text,
-  U as TextColor,
-  w as TextVariant,
-  hr as Toggle,
-  zr as TrashIcon,
-  Z as Variant,
-  it as bgColorClass,
-  et as createMUIThemeConfig,
-  Ir as defaultMUIThemeConfig,
-  yr as getComponentThemeConfig,
-  Nr as lightMUIThemeConfig,
-  Te as textColorClass
+  et as ListItem,
+  br as Pill,
+  L as Radius,
+  hr as RichList,
+  $ as Shadow,
+  g as Size,
+  ye as Text,
+  Y as TextColor,
+  x as TextVariant,
+  kr as Toggle,
+  Pr as ToggleSwitch,
+  Cr as ToggleSwitchVariant,
+  Er as TrashIcon,
+  U as Variant,
+  ut as bgColorClass,
+  tt as createMUIThemeConfig,
+  Hr as defaultMUIThemeConfig,
+  Fr as getComponentThemeConfig,
+  Vr as lightMUIThemeConfig,
+  me as textColorClass
 };
 //# sourceMappingURL=index.js.map