@voxel51/voodo 0.0.1 → 0.0.2

package/dist/index.js

@@ -1,148 +1,152 @@
-import { jsx as z, jsxs as Ye } from "react/jsx-runtime";
+import { jsx as g, jsxs as $ } from "react/jsx-runtime";
 import f from "clsx";
-import { Button as He } from "@headlessui/react";
-var R = /* @__PURE__ */ ((e) => (e.Full = "full", e.Xl = "xl", e.Lg = "lg", e.Md = "md", e.Sm = "sm", e.Xs = "xs", e.None = "none", e))(R || {});
-const Ve = {
-  [R.None]: "rounded-none",
-  [R.Xs]: "rounded",
-  [R.Sm]: "rounded-sm",
-  [R.Md]: "rounded-md",
-  [R.Lg]: "rounded-lg",
-  [R.Xl]: "rounded-xl",
-  [R.Full]: "rounded-full"
+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 = {
+  fg: "text-content-text-fg",
+  primary: "text-content-text-primary",
+  secondary: "text-content-text-secondary",
+  tertiary: "text-content-text-tertiary",
+  muted: "text-content-text-muted",
+  "brand-primary": "text-brand-primary",
+  "brand-accent": "text-brand-accent",
+  "semantic-success": "text-semantic-success",
+  "semantic-destructive": "text-semantic-destructive",
+  "semantic-info": "text-semantic-info",
+  "semantic-warning": "text-semantic-warning"
 };
-function qe(e) {
-  return Ve[e];
+function Te(e) {
+  return st[e];
 }
-var D = /* @__PURE__ */ ((e) => (e.Xl = "xl", e.Lg = "lg", e.Md = "md", e.Sm = "sm", e.Xs = "xs", e))(D || {});
-const Je = {
-  [D.Xs]: "shadow-xs",
-  [D.Sm]: "shadow-sm",
-  [D.Md]: "shadow-md",
-  [D.Lg]: "shadow-lg",
-  [D.Xl]: "shadow-xl"
+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 = {
+  background: "bg-content-bg-background",
+  "card-1": "bg-content-bg-card-1",
+  "card-2": "bg-content-bg-card-2",
+  "card-elevated": "bg-content-bg-card-elevated",
+  muted: "bg-content-bg-muted",
+  popover: "bg-content-bg-popover",
+  secondary: "bg-content-bg-secondary",
+  "brand-primary": "bg-brand-primary",
+  "brand-accent": "bg-brand-accent",
+  "semantic-success": "bg-semantic-success",
+  "semantic-destructive": "bg-semantic-destructive",
+  "semantic-info": "bg-semantic-info",
+  "semantic-warning": "bg-semantic-warning"
 };
-function Ke(e) {
-  return e ? Je[e] : null;
+function it(e) {
+  return at[e];
 }
-var ie = /* @__PURE__ */ ((e) => (e.Fg = "text-content-text-fg", e.Primary = "text-content-text-primary", e.Secondary = "text-content-text-secondary", e.Tertiary = "text-content-text-tertiary", e.Muted = "text-content-text-muted", e))(ie || {}), fe = /* @__PURE__ */ ((e) => (e.Background = "bg-content-bg-background", e.Card1 = "bg-content-bg-card-1", e.Card2 = "bg-content-bg-card-2", e.CardElevated = "bg-content-bg-card-elevated", e.Muted = "bg-content-bg-muted", e.Popover = "bg-content-bg-popover", e.Secondary = "bg-content-bg-secondary", e))(fe || {}), Pe = /* @__PURE__ */ ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e))(Pe || {}), M = /* @__PURE__ */ ((e) => (e.Xs = "xs", e.Sm = "sm", e.Md = "md", e))(M || {}), k = /* @__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))(k || {}), U = /* @__PURE__ */ ((e) => (e.Primary = "primary", e.Secondary = "secondary", e.Success = "success", e.Danger = "danger", e))(U || {});
-function Re(e, t) {
-  return Object.values(t).includes(e);
-}
-function Qe(e) {
-  return e ? Re(e, ie) ? e : `text-[${e}]` : null;
-}
-function Ze(e) {
-  return e ? Re(e, fe) ? e : `bg-[${e}]` : null;
-}
-const et = (e, t) => {
-  const o = new Array(e.length + t.length);
-  for (let r = 0; r < e.length; r++)
-    o[r] = e[r];
-  for (let r = 0; r < t.length; r++)
-    o[e.length + r] = t[r];
-  return o;
-}, tt = (e, t) => ({
+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) => {
+  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) => ({
   classGroupId: e,
   validator: t
-}), Ne = (e = /* @__PURE__ */ new Map(), t = null, o) => ({
+}), Ee = (e = /* @__PURE__ */ new Map(), t = null, r) => ({
   nextPart: e,
   validators: t,
-  classGroupId: o
-}), ae = "-", Me = [], ot = "arbitrary..", rt = (e) => {
-  const t = st(e), {
-    conflictingClassGroups: o,
-    conflictingClassGroupModifiers: r
+  classGroupId: r
+}), ce = "-", Ae = [], dt = "arbitrary..", mt = (e) => {
+  const t = ut(e), {
+    conflictingClassGroups: r,
+    conflictingClassGroupModifiers: o
   } = e;
   return {
-    getClassGroupId: (i) => {
-      if (i.startsWith("[") && i.endsWith("]"))
-        return nt(i);
-      const u = i.split(ae), c = u[0] === "" && u.length > 1 ? 1 : 0;
-      return Te(u, c, t);
+    getClassGroupId: (s) => {
+      if (s.startsWith("[") && s.endsWith("]"))
+        return pt(s);
+      const m = s.split(ce), c = m[0] === "" && m.length > 1 ? 1 : 0;
+      return He(m, c, t);
     },
-    getConflictingClassGroupIds: (i, u) => {
-      if (u) {
-        const c = r[i], g = o[i];
-        return c ? g ? et(g, c) : c : g || Me;
+    getConflictingClassGroupIds: (s, m) => {
+      if (m) {
+        const c = o[s], b = r[s];
+        return c ? b ? lt(b, c) : c : b || Ae;
       }
-      return o[i] || Me;
+      return r[s] || Ae;
     }
   };
-}, Te = (e, t, o) => {
+}, He = (e, t, r) => {
   if (e.length - t === 0)
-    return o.classGroupId;
-  const n = e[t], l = o.nextPart.get(n);
+    return r.classGroupId;
+  const n = e[t], l = r.nextPart.get(n);
   if (l) {
-    const g = Te(e, t + 1, l);
-    if (g) return g;
+    const b = He(e, t + 1, l);
+    if (b) return b;
   }
-  const i = o.validators;
-  if (i === null)
+  const s = r.validators;
+  if (s === null)
     return;
-  const u = t === 0 ? e.join(ae) : e.slice(t).join(ae), c = i.length;
-  for (let g = 0; g < c; g++) {
-    const y = i[g];
-    if (y.validator(u))
+  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];
+    if (y.validator(m))
       return y.classGroupId;
   }
-}, nt = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
-  const t = e.slice(1, -1), o = t.indexOf(":"), r = t.slice(0, o);
-  return r ? ot + r : void 0;
-})(), st = (e) => {
+}, pt = (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) => {
   const {
     theme: t,
-    classGroups: o
+    classGroups: r
   } = e;
-  return at(o, t);
-}, at = (e, t) => {
-  const o = Ne();
-  for (const r in e) {
-    const n = e[r];
-    be(n, o, r, t);
+  return gt(r, t);
+}, gt = (e, t) => {
+  const r = Ee();
+  for (const o in e) {
+    const n = e[o];
+    ye(n, r, o, t);
   }
-  return o;
-}, be = (e, t, o, r) => {
+  return r;
+}, ye = (e, t, r, o) => {
   const n = e.length;
   for (let l = 0; l < n; l++) {
-    const i = e[l];
-    it(i, t, o, r);
+    const s = e[l];
+    ft(s, t, r, o);
   }
-}, it = (e, t, o, r) => {
+}, ft = (e, t, r, o) => {
   if (typeof e == "string") {
-    lt(e, t, o);
+    bt(e, t, r);
     return;
   }
   if (typeof e == "function") {
-    ct(e, t, o, r);
+    ht(e, t, r, o);
     return;
   }
-  dt(e, t, o, r);
-}, lt = (e, t, o) => {
-  const r = e === "" ? t : We(t, e);
-  r.classGroupId = o;
-}, ct = (e, t, o, r) => {
-  if (mt(e)) {
-    be(e(r), t, o, r);
+  yt(e, t, r, o);
+}, bt = (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);
     return;
   }
-  t.validators === null && (t.validators = []), t.validators.push(tt(o, e));
-}, dt = (e, t, o, r) => {
+  t.validators === null && (t.validators = []), t.validators.push(ct(r, e));
+}, yt = (e, t, r, o) => {
   const n = Object.entries(e), l = n.length;
-  for (let i = 0; i < l; i++) {
-    const [u, c] = n[i];
-    be(c, We(t, u), o, r);
+  for (let s = 0; s < l; s++) {
+    const [m, c] = n[s];
+    ye(c, Ve(t, m), r, o);
   }
-}, We = (e, t) => {
-  let o = e;
-  const r = t.split(ae), n = r.length;
+}, Ve = (e, t) => {
+  let r = e;
+  const o = t.split(ce), n = o.length;
   for (let l = 0; l < n; l++) {
-    const i = r[l];
-    let u = o.nextPart.get(i);
-    u || (u = Ne(), o.nextPart.set(i, u)), o = u;
+    const s = o[l];
+    let m = r.nextPart.get(s);
+    m || (m = Ee(), r.nextPart.set(s, m)), r = m;
   }
-  return o;
-}, mt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, pt = (e) => {
+  return r;
+}, xt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, wt = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -150,178 +154,178 @@ const et = (e, t) => {
       set: () => {
       }
     };
-  let t = 0, o = /* @__PURE__ */ Object.create(null), r = /* @__PURE__ */ Object.create(null);
-  const n = (l, i) => {
-    o[l] = i, t++, t > e && (t = 0, r = o, o = /* @__PURE__ */ Object.create(null));
+  let t = 0, r = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
+  const n = (l, s) => {
+    r[l] = s, t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ Object.create(null));
   };
   return {
     get(l) {
-      let i = o[l];
-      if (i !== void 0)
-        return i;
-      if ((i = r[l]) !== void 0)
-        return n(l, i), i;
+      let s = r[l];
+      if (s !== void 0)
+        return s;
+      if ((s = o[l]) !== void 0)
+        return n(l, s), s;
     },
-    set(l, i) {
-      l in o ? o[l] = i : n(l, i);
+    set(l, s) {
+      l in r ? r[l] = s : n(l, s);
     }
   };
-}, ue = "!", Ce = ":", ut = [], Ae = (e, t, o, r, n) => ({
+}, be = "!", Le = ":", kt = [], Fe = (e, t, r, o, n) => ({
   modifiers: e,
   hasImportantModifier: t,
-  baseClassName: o,
-  maybePostfixModifierPosition: r,
+  baseClassName: r,
+  maybePostfixModifierPosition: o,
   isExternal: n
-}), gt = (e) => {
+}), vt = (e) => {
   const {
     prefix: t,
-    experimentalParseClassName: o
+    experimentalParseClassName: r
   } = e;
-  let r = (n) => {
+  let o = (n) => {
     const l = [];
-    let i = 0, u = 0, c = 0, g;
+    let s = 0, m = 0, c = 0, b;
     const y = n.length;
-    for (let A = 0; A < y; A++) {
-      const v = n[A];
-      if (i === 0 && u === 0) {
-        if (v === Ce) {
-          l.push(n.slice(c, A)), c = A + 1;
+    for (let I = 0; I < y; I++) {
+      const M = n[I];
+      if (s === 0 && m === 0) {
+        if (M === Le) {
+          l.push(n.slice(c, I)), c = I + 1;
           continue;
         }
-        if (v === "/") {
-          g = A;
+        if (M === "/") {
+          b = I;
           continue;
         }
       }
-      v === "[" ? i++ : v === "]" ? i-- : v === "(" ? u++ : v === ")" && u--;
+      M === "[" ? s++ : M === "]" ? s-- : M === "(" ? m++ : M === ")" && m--;
     }
-    const C = l.length === 0 ? n : n.slice(c);
-    let I = C, T = !1;
-    C.endsWith(ue) ? (I = C.slice(0, -1), T = !0) : (
+    const S = l.length === 0 ? n : n.slice(c);
+    let A = S, W = !1;
+    S.endsWith(be) ? (A = S.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
        */
-      C.startsWith(ue) && (I = C.slice(1), T = !0)
+      S.startsWith(be) && (A = S.slice(1), W = !0)
     );
-    const W = g && g > c ? g - c : void 0;
-    return Ae(l, T, I, W);
+    const G = b && b > c ? b - c : void 0;
+    return Fe(l, W, A, G);
   };
   if (t) {
-    const n = t + Ce, l = r;
-    r = (i) => i.startsWith(n) ? l(i.slice(n.length)) : Ae(ut, !1, i, void 0, !0);
+    const n = t + Le, l = o;
+    o = (s) => s.startsWith(n) ? l(s.slice(n.length)) : Fe(kt, !1, s, void 0, !0);
   }
-  if (o) {
-    const n = r;
-    r = (l) => o({
+  if (r) {
+    const n = o;
+    o = (l) => r({
       className: l,
       parseClassName: n
     });
   }
-  return r;
-}, ft = (e) => {
+  return o;
+}, Ct = (e) => {
   const t = /* @__PURE__ */ new Map();
-  return e.orderSensitiveModifiers.forEach((o, r) => {
-    t.set(o, 1e6 + r);
-  }), (o) => {
-    const r = [];
+  return e.orderSensitiveModifiers.forEach((r, o) => {
+    t.set(r, 1e6 + o);
+  }), (r) => {
+    const o = [];
     let n = [];
-    for (let l = 0; l < o.length; l++) {
-      const i = o[l], u = i[0] === "[", c = t.has(i);
-      u || c ? (n.length > 0 && (n.sort(), r.push(...n), n = []), r.push(i)) : n.push(i);
+    for (let l = 0; l < r.length; l++) {
+      const s = r[l], m = s[0] === "[", c = t.has(s);
+      m || c ? (n.length > 0 && (n.sort(), o.push(...n), n = []), o.push(s)) : n.push(s);
     }
-    return n.length > 0 && (n.sort(), r.push(...n)), r;
+    return n.length > 0 && (n.sort(), o.push(...n)), o;
   };
-}, bt = (e) => ({
-  cache: pt(e.cacheSize),
-  parseClassName: gt(e),
-  sortModifiers: ft(e),
-  ...rt(e)
-}), ht = /\s+/, yt = (e, t) => {
+}, St = (e) => ({
+  cache: wt(e.cacheSize),
+  parseClassName: vt(e),
+  sortModifiers: Ct(e),
+  ...mt(e)
+}), Mt = /\s+/, zt = (e, t) => {
   const {
-    parseClassName: o,
-    getClassGroupId: r,
+    parseClassName: r,
+    getClassGroupId: o,
     getConflictingClassGroupIds: n,
     sortModifiers: l
-  } = t, i = [], u = e.trim().split(ht);
+  } = t, s = [], m = e.trim().split(Mt);
   let c = "";
-  for (let g = u.length - 1; g >= 0; g -= 1) {
-    const y = u[g], {
-      isExternal: C,
-      modifiers: I,
-      hasImportantModifier: T,
-      baseClassName: W,
-      maybePostfixModifierPosition: A
-    } = o(y);
-    if (C) {
+  for (let b = m.length - 1; b >= 0; b -= 1) {
+    const y = m[b], {
+      isExternal: S,
+      modifiers: A,
+      hasImportantModifier: W,
+      baseClassName: G,
+      maybePostfixModifierPosition: I
+    } = r(y);
+    if (S) {
       c = y + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let v = !!A, G = r(v ? W.substring(0, A) : W);
-    if (!G) {
-      if (!v) {
+    let M = !!I, T = o(M ? G.substring(0, I) : G);
+    if (!T) {
+      if (!M) {
         c = y + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (G = r(W), !G) {
+      if (T = o(G), !T) {
         c = y + (c.length > 0 ? " " + c : c);
         continue;
       }
-      v = !1;
+      M = !1;
     }
-    const Q = I.length === 0 ? "" : I.length === 1 ? I[0] : l(I).join(":"), V = T ? Q + ue : Q, E = V + G;
-    if (i.indexOf(E) > -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)
       continue;
-    i.push(E);
-    const B = n(G, v);
-    for (let L = 0; L < B.length; ++L) {
-      const q = B[L];
-      i.push(V + q);
+    s.push(H);
+    const V = n(T, M);
+    for (let X = 0; X < V.length; ++X) {
+      const K = V[X];
+      s.push(J + K);
     }
     c = y + (c.length > 0 ? " " + c : c);
   }
   return c;
-}, xt = (...e) => {
-  let t = 0, o, r, n = "";
+}, It = (...e) => {
+  let t = 0, r, o, n = "";
   for (; t < e.length; )
-    (o = e[t++]) && (r = Ge(o)) && (n && (n += " "), n += r);
+    (r = e[t++]) && (o = Be(r)) && (n && (n += " "), n += o);
   return n;
-}, Ge = (e) => {
+}, Be = (e) => {
   if (typeof e == "string")
     return e;
-  let t, o = "";
-  for (let r = 0; r < e.length; r++)
-    e[r] && (t = Ge(e[r])) && (o && (o += " "), o += t);
-  return o;
-}, wt = (e, ...t) => {
-  let o, r, n, l;
-  const i = (c) => {
-    const g = t.reduce((y, C) => C(y), e());
-    return o = bt(g), r = o.cache.get, n = o.cache.set, l = u, u(c);
-  }, u = (c) => {
-    const g = r(c);
-    if (g)
-      return g;
-    const y = yt(c, o);
+  let t, r = "";
+  for (let o = 0; o < e.length; o++)
+    e[o] && (t = Be(e[o])) && (r && (r += " "), r += t);
+  return r;
+}, Nt = (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);
+  }, m = (c) => {
+    const b = o(c);
+    if (b)
+      return b;
+    const y = zt(c, r);
     return n(c, y), y;
   };
-  return l = i, (...c) => l(xt(...c));
-}, kt = [], b = (e) => {
-  const t = (o) => o[e] || kt;
+  return l = s, (...c) => l(It(...c));
+}, At = [], x = (e) => {
+  const t = (r) => r[e] || At;
   return t.isThemeGetter = !0, t;
-}, Le = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, je = /^\((?:(\w[\w-]*):)?(.+)\)$/i, vt = /^\d+\/\d+$/, St = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, zt = /\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$/, Mt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ct = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, At = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, $ = (e) => vt.test(e), p = (e) => !!e && !Number.isNaN(Number(e)), N = (e) => !!e && Number.isInteger(Number(e)), me = (e) => e.endsWith("%") && p(e.slice(0, -1)), P = (e) => St.test(e), It = () => !0, Ft = (e) => (
+}, 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) => (
   // `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.
-  zt.test(e) && !Mt.test(e)
-), Xe = () => !1, Ot = (e) => Ct.test(e), Pt = (e) => At.test(e), Rt = (e) => !s(e) && !a(e), Nt = (e) => Y(e, _e, Xe), s = (e) => Le.test(e), X = (e) => Y(e, $e, Ft), pe = (e) => Y(e, jt, p), Ie = (e) => Y(e, Ee, Xe), Tt = (e) => Y(e, Be, Pt), ne = (e) => Y(e, De, Ot), a = (e) => je.test(e), J = (e) => H(e, $e), Wt = (e) => H(e, Xt), Fe = (e) => H(e, Ee), Gt = (e) => H(e, _e), Lt = (e) => H(e, Be), se = (e) => H(e, De, !0), Y = (e, t, o) => {
-  const r = Le.exec(e);
-  return r ? r[1] ? t(r[1]) : o(r[2]) : !1;
-}, H = (e, t, o = !1) => {
-  const r = je.exec(e);
-  return r ? r[1] ? t(r[1]) : o : !1;
-}, Ee = (e) => e === "position" || e === "percentage", Be = (e) => e === "image" || e === "url", _e = (e) => e === "length" || e === "size" || e === "bg-size", $e = (e) => e === "length", jt = (e) => e === "number", Xt = (e) => e === "family-name", De = (e) => e === "shadow", Et = () => {
-  const e = b("color"), t = b("font"), o = b("text"), r = b("font-weight"), n = b("tracking"), l = b("leading"), i = b("breakpoint"), u = b("container"), c = b("spacing"), g = b("radius"), y = b("shadow"), C = b("inset-shadow"), I = b("text-shadow"), T = b("drop-shadow"), W = b("blur"), A = b("perspective"), v = b("aspect"), G = b("ease"), Q = b("animate"), V = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], E = () => [
+  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) => {
+  const o = De.exec(e);
+  return o ? o[1] ? t(o[1]) : r(o[2]) : !1;
+}, q = (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 = () => [
     "center",
     "top",
     "bottom",
@@ -339,51 +343,51 @@ const et = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], B = () => [...E(), a, s], L = () => ["auto", "hidden", "clip", "visible", "scroll"], q = () => ["auto", "contain", "none"], m = () => [a, s, c], F = () => [$, "full", "auto", ...m()], he = () => [N, "none", "subgrid", a, s], ye = () => ["auto", {
-    span: ["full", N, a, s]
-  }, N, a, s], Z = () => [N, "auto", a, s], xe = () => ["auto", "min", "max", "fr", a, s], le = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], _ = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], O = () => ["auto", ...m()], j = () => [$, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...m()], d = () => [e, a, s], we = () => [...E(), Fe, Ie, {
-    position: [a, s]
-  }], ke = () => ["no-repeat", {
+  ], 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", {
+    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, {
+    position: [i, a]
+  }], Me = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], ve = () => ["auto", "cover", "contain", Gt, Nt, {
-    size: [a, s]
-  }], ce = () => [me, J, X], w = () => [
+  }], ze = () => ["auto", "cover", "contain", Dt, Ht, {
+    size: [i, a]
+  }], pe = () => [ge, Q, E], C = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    g,
-    a,
-    s
-  ], S = () => ["", p, J, X], ee = () => ["solid", "dashed", "dotted", "double"], Se = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], h = () => [p, me, Fe, Ie], ze = () => [
+    b,
+    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 = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    W,
-    a,
-    s
-  ], te = () => ["none", p, a, s], oe = () => ["none", p, a, s], de = () => [p, a, s], re = () => [$, "full", ...m()];
+    G,
+    i,
+    a
+  ], ne = () => ["none", u, i, a], se = () => ["none", u, i, a], ue = () => [u, i, a], ae = () => [D, "full", ...p()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [P],
-      breakpoint: [P],
-      color: [It],
-      container: [P],
-      "drop-shadow": [P],
+      blur: [O],
+      breakpoint: [O],
+      color: [Gt],
+      container: [O],
+      "drop-shadow": [O],
       ease: ["in", "out", "in-out"],
-      font: [Rt],
+      font: [Et],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [P],
+      "inset-shadow": [O],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [P],
-      shadow: [P],
-      spacing: ["px", p],
-      text: [P],
-      "text-shadow": [P],
+      radius: [O],
+      shadow: [O],
+      spacing: ["px", u],
+      text: [O],
+      "text-shadow": [O],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -395,7 +399,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", $, s, a, v]
+        aspect: ["auto", "square", D, a, i, M]
       }],
       /**
        * Container
@@ -408,21 +412,21 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [p, s, a, u]
+        columns: [u, a, i, m]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": V()
+        "break-after": J()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": V()
+        "break-before": J()
       }],
       /**
        * Break Inside
@@ -486,49 +490,49 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: B()
+        object: V()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: L()
+        overflow: X()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": L()
+        "overflow-x": X()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": L()
+        "overflow-y": X()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: q()
+        overscroll: K()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": q()
+        "overscroll-x": K()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": q()
+        "overscroll-y": K()
       }],
       /**
        * Position
@@ -608,7 +612,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [N, "auto", a, s]
+        z: [R, "auto", i, a]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -618,7 +622,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [$, "full", "auto", u, ...m()]
+        basis: [D, "full", "auto", m, ...p()]
       }],
       /**
        * Flex Direction
@@ -639,84 +643,84 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [p, $, "auto", "initial", "none", s]
+        flex: [u, D, "auto", "initial", "none", a]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", p, a, s]
+        grow: ["", u, i, a]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", p, a, s]
+        shrink: ["", u, i, a]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [N, "first", "last", "none", a, s]
+        order: [R, "first", "last", "none", i, a]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": he()
+        "grid-cols": ke()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: ye()
+        col: ve()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": Z()
+        "col-start": re()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": Z()
+        "col-end": re()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": he()
+        "grid-rows": ke()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: ye()
+        row: ve()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": Z()
+        "row-start": re()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": Z()
+        "row-end": re()
       }],
       /**
        * Grid Auto Flow
@@ -730,70 +734,70 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": xe()
+        "auto-cols": Ce()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": xe()
+        "auto-rows": Ce()
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: m()
+        gap: p()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": m()
+        "gap-x": p()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": m()
+        "gap-y": p()
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...le(), "normal"]
+        justify: [...me(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [..._(), "normal"]
+        "justify-items": [...B(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ..._()]
+        "justify-self": ["auto", ...B()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...le()]
+        content: ["normal", ...me()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [..._(), {
+        items: [...B(), {
           baseline: ["", "last"]
         }]
       }],
@@ -802,7 +806,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ..._(), {
+        self: ["auto", ...B(), {
           baseline: ["", "last"]
         }]
       }],
@@ -811,21 +815,21 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": le()
+        "place-content": me()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [..._(), "baseline"]
+        "place-items": [...B(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ..._()]
+        "place-self": ["auto", ...B()]
       }],
       // Spacing
       /**
@@ -833,133 +837,133 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: m()
+        p: p()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: m()
+        px: p()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: m()
+        py: p()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: m()
+        ps: p()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: m()
+        pe: p()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: m()
+        pt: p()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: m()
+        pr: p()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: m()
+        pb: p()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: m()
+        pl: p()
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: O()
+        m: P()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: O()
+        mx: P()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: O()
+        my: P()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: O()
+        ms: P()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: O()
+        me: P()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: O()
+        mt: P()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: O()
+        mr: P()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: O()
+        mb: P()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: O()
+        ml: P()
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": m()
+        "space-x": p()
       }],
       /**
        * Space Between X Reverse
@@ -971,7 +975,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": m()
+        "space-y": p()
       }],
       /**
        * Space Between Y Reverse
@@ -993,7 +997,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [u, "screen", ...j()]
+        w: [m, "screen", ...j()]
       }],
       /**
        * Min-Width
@@ -1001,7 +1005,7 @@ const et = (e, t) => {
        */
       "min-w": [{
         "min-w": [
-          u,
+          m,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
@@ -1014,14 +1018,14 @@ const et = (e, t) => {
        */
       "max-w": [{
         "max-w": [
-          u,
+          m,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "prose",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           {
-            screen: [i]
+            screen: [s]
           },
           ...j()
         ]
@@ -1055,7 +1059,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", o, J, X]
+        text: ["base", r, Q, E]
       }],
       /**
        * Font Smoothing
@@ -1072,21 +1076,21 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [r, a, pe]
+        font: [o, i, fe]
       }],
       /**
        * Font Stretch
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", me, s]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", ge, a]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Wt, s, t]
+        font: [Bt, a, t]
       }],
       /**
        * Font Variant Numeric
@@ -1123,14 +1127,14 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [n, a, s]
+        tracking: [n, i, a]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [p, "none", a, pe]
+        "line-clamp": [u, "none", i, fe]
       }],
       /**
        * Line Height
@@ -1140,7 +1144,7 @@ const et = (e, t) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           l,
-          ...m()
+          ...p()
         ]
       }],
       /**
@@ -1148,7 +1152,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", a, s]
+        "list-image": ["none", i, a]
       }],
       /**
        * List Style Position
@@ -1162,7 +1166,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", a, s]
+        list: ["disc", "decimal", "none", i, a]
       }],
       /**
        * Text Alignment
@@ -1196,14 +1200,14 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...ee(), "wavy"]
+        decoration: [...oe(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [p, "from-font", "auto", a, X]
+        decoration: [u, "from-font", "auto", i, E]
       }],
       /**
        * Text Decoration Color
@@ -1217,7 +1221,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [p, "auto", a, s]
+        "underline-offset": [u, "auto", i, a]
       }],
       /**
        * Text Transform
@@ -1241,14 +1245,14 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: m()
+        indent: p()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", a, s]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", i, a]
       }],
       /**
        * Whitespace
@@ -1283,7 +1287,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", a, s]
+        content: ["none", i, a]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1314,21 +1318,21 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: we()
+        bg: Se()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: ke()
+        bg: Me()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ve()
+        bg: ze()
       }],
       /**
        * Background Image
@@ -1338,10 +1342,10 @@ const et = (e, t) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, N, a, s],
-          radial: ["", a, s],
-          conic: [N, a, s]
-        }, Lt, Tt]
+          }, R, i, a],
+          radial: ["", i, a],
+          conic: [R, i, a]
+        }, _t, Vt]
       }],
       /**
        * Background Color
@@ -1355,21 +1359,21 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: ce()
+        from: pe()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: ce()
+        via: pe()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: ce()
+        to: pe()
       }],
       /**
        * Gradient Color Stops From
@@ -1400,175 +1404,175 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: w()
+        rounded: C()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": w()
+        "rounded-s": C()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": w()
+        "rounded-e": C()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": w()
+        "rounded-t": C()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": w()
+        "rounded-r": C()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": w()
+        "rounded-b": C()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": w()
+        "rounded-l": C()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": w()
+        "rounded-ss": C()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": w()
+        "rounded-se": C()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": w()
+        "rounded-ee": C()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": w()
+        "rounded-es": C()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": w()
+        "rounded-tl": C()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": w()
+        "rounded-tr": C()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": w()
+        "rounded-br": C()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": w()
+        "rounded-bl": C()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: S()
+        border: z()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": S()
+        "border-x": z()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": S()
+        "border-y": z()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": S()
+        "border-s": z()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": S()
+        "border-e": z()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": S()
+        "border-t": z()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": S()
+        "border-r": z()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": S()
+        "border-b": z()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": S()
+        "border-l": z()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": S()
+        "divide-x": z()
       }],
       /**
        * Divide Width X Reverse
@@ -1580,7 +1584,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": S()
+        "divide-y": z()
       }],
       /**
        * Divide Width Y Reverse
@@ -1592,14 +1596,14 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...ee(), "hidden", "none"]
+        border: [...oe(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...ee(), "hidden", "none"]
+        divide: [...oe(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -1676,21 +1680,21 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...ee(), "none", "hidden"]
+        outline: [...oe(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [p, a, s]
+        "outline-offset": [u, i, a]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", p, J, X]
+        outline: ["", u, Q, E]
       }],
       /**
        * Outline Color
@@ -1712,8 +1716,8 @@ const et = (e, t) => {
           "",
           "none",
           y,
-          se,
-          ne
+          le,
+          ie
         ]
       }],
       /**
@@ -1728,7 +1732,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", C, se, ne]
+        "inset-shadow": ["none", S, le, ie]
       }],
       /**
        * Inset Box Shadow Color
@@ -1742,7 +1746,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: S()
+        ring: z()
       }],
       /**
        * Ring Width Inset
@@ -1765,7 +1769,7 @@ const et = (e, t) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [p, X]
+        "ring-offset": [u, E]
       }],
       /**
        * Ring Offset Color
@@ -1781,7 +1785,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": S()
+        "inset-ring": z()
       }],
       /**
        * Inset Ring Color
@@ -1795,7 +1799,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", I, se, ne]
+        "text-shadow": ["none", A, le, ie]
       }],
       /**
        * Text Shadow Color
@@ -1809,21 +1813,21 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [p, a, s]
+        opacity: [u, i, a]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...Se(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...Ie(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": Se()
+        "bg-blend": Ie()
       }],
       /**
        * Mask Clip
@@ -1844,13 +1848,13 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [p]
+        "mask-linear": [u]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": h()
+        "mask-linear-from": k()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": h()
+        "mask-linear-to": k()
       }],
       "mask-image-linear-from-color": [{
         "mask-linear-from": d()
@@ -1859,10 +1863,10 @@ const et = (e, t) => {
         "mask-linear-to": d()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": h()
+        "mask-t-from": k()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": h()
+        "mask-t-to": k()
       }],
       "mask-image-t-from-color": [{
         "mask-t-from": d()
@@ -1871,10 +1875,10 @@ const et = (e, t) => {
         "mask-t-to": d()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": h()
+        "mask-r-from": k()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": h()
+        "mask-r-to": k()
       }],
       "mask-image-r-from-color": [{
         "mask-r-from": d()
@@ -1883,10 +1887,10 @@ const et = (e, t) => {
         "mask-r-to": d()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": h()
+        "mask-b-from": k()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": h()
+        "mask-b-to": k()
       }],
       "mask-image-b-from-color": [{
         "mask-b-from": d()
@@ -1895,10 +1899,10 @@ const et = (e, t) => {
         "mask-b-to": d()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": h()
+        "mask-l-from": k()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": h()
+        "mask-l-to": k()
       }],
       "mask-image-l-from-color": [{
         "mask-l-from": d()
@@ -1907,10 +1911,10 @@ const et = (e, t) => {
         "mask-l-to": d()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": h()
+        "mask-x-from": k()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": h()
+        "mask-x-to": k()
       }],
       "mask-image-x-from-color": [{
         "mask-x-from": d()
@@ -1919,10 +1923,10 @@ const et = (e, t) => {
         "mask-x-to": d()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": h()
+        "mask-y-from": k()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": h()
+        "mask-y-to": k()
       }],
       "mask-image-y-from-color": [{
         "mask-y-from": d()
@@ -1931,13 +1935,13 @@ const et = (e, t) => {
         "mask-y-to": d()
       }],
       "mask-image-radial": [{
-        "mask-radial": [a, s]
+        "mask-radial": [i, a]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": h()
+        "mask-radial-from": k()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": h()
+        "mask-radial-to": k()
       }],
       "mask-image-radial-from-color": [{
         "mask-radial-from": d()
@@ -1955,16 +1959,16 @@ const et = (e, t) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": E()
+        "mask-radial-at": H()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [p]
+        "mask-conic": [u]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": h()
+        "mask-conic-from": k()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": h()
+        "mask-conic-to": k()
       }],
       "mask-image-conic-from-color": [{
         "mask-conic-from": d()
@@ -1991,21 +1995,21 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: we()
+        mask: Se()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: ke()
+        mask: Me()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: ve()
+        mask: ze()
       }],
       /**
        * Mask Type
@@ -2019,7 +2023,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", a, s]
+        mask: ["none", i, a]
       }],
       // ---------------
       // --- Filters ---
@@ -2033,8 +2037,8 @@ const et = (e, t) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          a,
-          s
+          i,
+          a
         ]
       }],
       /**
@@ -2042,21 +2046,21 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: ze()
+        blur: Ne()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [p, a, s]
+        brightness: [u, i, a]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [p, a, s]
+        contrast: [u, i, a]
       }],
       /**
        * Drop Shadow
@@ -2067,9 +2071,9 @@ const et = (e, t) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          T,
-          se,
-          ne
+          W,
+          le,
+          ie
         ]
       }],
       /**
@@ -2084,35 +2088,35 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", p, a, s]
+        grayscale: ["", u, i, a]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [p, a, s]
+        "hue-rotate": [u, i, a]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", p, a, s]
+        invert: ["", u, i, a]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [p, a, s]
+        saturate: [u, i, a]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", p, a, s]
+        sepia: ["", u, i, a]
       }],
       /**
        * Backdrop Filter
@@ -2123,8 +2127,8 @@ const et = (e, t) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          a,
-          s
+          i,
+          a
         ]
       }],
       /**
@@ -2132,63 +2136,63 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": ze()
+        "backdrop-blur": Ne()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [p, a, s]
+        "backdrop-brightness": [u, i, a]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [p, a, s]
+        "backdrop-contrast": [u, i, a]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", p, a, s]
+        "backdrop-grayscale": ["", u, i, a]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [p, a, s]
+        "backdrop-hue-rotate": [u, i, a]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", p, a, s]
+        "backdrop-invert": ["", u, i, a]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [p, a, s]
+        "backdrop-opacity": [u, i, a]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [p, a, s]
+        "backdrop-saturate": [u, i, a]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", p, a, s]
+        "backdrop-sepia": ["", u, i, a]
       }],
       // --------------
       // --- Tables ---
@@ -2205,21 +2209,21 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": m()
+        "border-spacing": p()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": m()
+        "border-spacing-x": p()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": m()
+        "border-spacing-y": p()
       }],
       /**
        * Table Layout
@@ -2243,7 +2247,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", a, s]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", i, a]
       }],
       /**
        * Transition Behavior
@@ -2257,28 +2261,28 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [p, "initial", a, s]
+        duration: [u, "initial", i, a]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", G, a, s]
+        ease: ["linear", "initial", T, i, a]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [p, a, s]
+        delay: [u, i, a]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", Q, a, s]
+        animate: ["none", te, i, a]
       }],
       // ------------------
       // --- Transforms ---
@@ -2295,70 +2299,70 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [A, a, s]
+        perspective: [I, i, a]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": B()
+        "perspective-origin": V()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: te()
+        rotate: ne()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": te()
+        "rotate-x": ne()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": te()
+        "rotate-y": ne()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": te()
+        "rotate-z": ne()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: oe()
+        scale: se()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": oe()
+        "scale-x": se()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": oe()
+        "scale-y": se()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": oe()
+        "scale-z": se()
       }],
       /**
        * Scale 3D
@@ -2370,35 +2374,35 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: de()
+        skew: ue()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": de()
+        "skew-x": ue()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": de()
+        "skew-y": ue()
       }],
       /**
        * Transform
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [a, s, "", "none", "gpu", "cpu"]
+        transform: [i, a, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: B()
+        origin: V()
       }],
       /**
        * Transform Style
@@ -2412,28 +2416,28 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: re()
+        translate: ae()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": re()
+        "translate-x": ae()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": re()
+        "translate-y": ae()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": re()
+        "translate-z": ae()
       }],
       /**
        * Translate None
@@ -2476,7 +2480,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", a, s]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", i, a]
       }],
       /**
        * Field Sizing
@@ -2511,126 +2515,126 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": m()
+        "scroll-m": p()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": m()
+        "scroll-mx": p()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": m()
+        "scroll-my": p()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": m()
+        "scroll-ms": p()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": m()
+        "scroll-me": p()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": m()
+        "scroll-mt": p()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": m()
+        "scroll-mr": p()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": m()
+        "scroll-mb": p()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": m()
+        "scroll-ml": p()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": m()
+        "scroll-p": p()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": m()
+        "scroll-px": p()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": m()
+        "scroll-py": p()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": m()
+        "scroll-ps": p()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": m()
+        "scroll-pe": p()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": m()
+        "scroll-pt": p()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": m()
+        "scroll-pr": p()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": m()
+        "scroll-pb": p()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": m()
+        "scroll-pl": p()
       }],
       /**
        * Scroll Snap Align
@@ -2698,7 +2702,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", a, s]
+        "will-change": ["auto", "scroll", "contents", "transform", i, a]
       }],
       // -----------
       // --- SVG ---
@@ -2715,7 +2719,7 @@ const et = (e, t) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [p, J, X, pe]
+        stroke: [u, Q, E, fe]
       }],
       /**
        * Stroke
@@ -2790,48 +2794,14 @@ const et = (e, t) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Bt = /* @__PURE__ */ wt(Et), ge = (...e) => Bt(f(...e)), _t = {
-  [M.Xs]: f("px-2.5 py-0.75", "text-xs/5"),
-  [M.Sm]: f("px-3.5 py-1.5", "text-sm/5"),
-  [M.Md]: f("px-4 py-2", "text-md/5")
-}, $t = ({
-  size: e = M.Sm,
-  radius: t = R.Full,
-  shadow: o = void 0,
-  color: r = void 0,
-  backgroundColor: n = void 0,
-  className: l,
-  children: i,
-  ...u
-}) => {
-  const c = ge(ie.Muted, Qe(r)), g = ge(fe.Muted, Ze(n));
-  return /* @__PURE__ */ z(
-    "span",
-    {
-      className: f(
-        "inline-flex items-center justify-center",
-        "font-small",
-        c,
-        g,
-        qe(t),
-        Ke(o),
-        _t[e],
-        l
-      ),
-      ...u,
-      children: i
-    }
-  );
-};
-$t.displayName = "Badge";
-const Dt = {
-  [U.Primary]: f(
+}, Yt = /* @__PURE__ */ Nt(Ut), L = (...e) => Yt(f(...e)), qt = {
+  [Z.Primary]: f(
     "bg-action-primary-primary",
     "hover:bg-action-primary-secondary",
     "active:bg-action-primary-tertiary",
     "text-action-primary-text"
   ),
-  [U.Secondary]: f(
+  [Z.Secondary]: f(
     "border-1",
     "bg-action-secondary-primary border-content-border-secondary-primary",
     "hover:bg-action-secondary-secondary hover:border-content-border-secondary-secondary",
@@ -2839,109 +2809,503 @@ const Dt = {
     "text-action-secondary-text",
     "disabled:border-content-border-secondary-disabled"
   ),
-  [U.Success]: f(
+  [Z.Success]: f(
     "bg-action-success-primary",
     "hover:bg-action-success-secondary",
     "active:bg-action-success-tertiary",
     "text-action-success-text"
   ),
-  [U.Danger]: f(
+  [Z.Danger]: f(
     "bg-action-danger-primary",
     "hover:bg-action-danger-secondary",
     "active:bg-action-danger-tertiary",
     "text-action-danger-text"
   )
-}, Ut = {
-  [M.Xs]: f("px-2.5 py-0.75", "text-xs/5"),
-  [M.Sm]: f("px-3.5 py-1.5", "text-sm/5"),
-  [M.Md]: f("px-4 py-2", "text-md/5")
-}, Oe = {
-  [M.Xs]: f("w-4 h-4", "leading-none"),
-  [M.Sm]: f("w-4 h-4", "leading-none"),
-  [M.Md]: f("w-5 h-5", "leading-none")
-}, Yt = ({
-  variant: e = U.Primary,
-  size: t = M.Md,
-  borderless: o = !1,
-  leadingIcon: r,
+}, 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,
+  borderless: r = !1,
+  leadingIcon: o,
   trailingIcon: n,
   className: l,
-  children: i,
-  ...u
-}) => /* @__PURE__ */ z(
-  He,
+  children: s,
+  ...m
+}) => /* @__PURE__ */ g(
+  tt,
   {
-    className: ge(
+    className: L(
       "inline-flex items-center justify-center",
-      o ? "rounded-full" : "rounded-sm",
+      r ? "rounded-full" : "rounded-sm",
       "font-medium",
       "transition-colors",
       "hover:cursor-pointer",
       "disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none",
-      Dt[e],
-      Ut[t],
-      o && "border-0",
+      qt[e],
+      Jt[t],
+      r && "border-0",
       l
     ),
-    ...u,
-    children: /* @__PURE__ */ Ye("div", { className: "flex flex-nowrap align-items justify-center gap-x-sm", children: [
-      r && /* @__PURE__ */ z("span", { className: f(Oe[t]), children: /* @__PURE__ */ z(r, {}) }),
-      i,
-      n && /* @__PURE__ */ z("span", { className: f(Oe[t]), children: /* @__PURE__ */ z(n, {}) })
+    ...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, {}) }),
+      s,
+      n && /* @__PURE__ */ g("span", { className: f(Re[t]), children: /* @__PURE__ */ g(n, {}) })
     ] })
   }
 );
-Yt.displayName = "Button";
-const Ht = {
-  [k.Xxs]: "text-xxs/4",
-  [k.Xs]: "text-xs/5",
-  [k.Sm]: "text-sm/6",
-  [k.Md]: "text-md/7",
-  [k.Lg]: "text-lg/9",
-  [k.Xl]: "text-xl/11",
-  [k.Xxl]: "text-xxl/13",
-  [k.Label]: "text-xs/5 text-bold uppercase",
-  [k.Caption]: "text-xs/5 text-content-text-tertiary"
-}, K = (e) => e ? Ht[e] : null, Vt = {
-  h1: ({ children: e, ...t }) => /* @__PURE__ */ z("h1", { ...t, children: e }),
-  h2: ({ children: e, ...t }) => /* @__PURE__ */ z("h2", { ...t, children: e }),
-  h3: ({ children: e, ...t }) => /* @__PURE__ */ z("h3", { ...t, children: e }),
-  h4: ({ children: e, ...t }) => /* @__PURE__ */ z("h4", { ...t, children: e })
-}, qt = {
-  h1: f(K(k.Xxl), "text-bold"),
-  h2: f(K(k.Xl), "text-semibold"),
-  h3: f(K(k.Lg), "text-semibold"),
-  h4: f(K(k.Md))
-}, Jt = ({
-  level: e = Pe.H1,
+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"
+};
+function xe(e) {
+  return Qt[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(
+  "svg",
+  {
+    className: f(
+      "stroke-white opacity-0 group-data-checked:opacity-100",
+      e
+    ),
+    viewBox: "0 0 14 14",
+    fill: "none",
+    ...t,
+    children: /* @__PURE__ */ g(
+      "path",
+      {
+        d: "M3 8L6 11L11 3.5",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+), 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 = ({
+  checked: e = !1,
+  onChange: t = void 0,
+  size: r = h.Md,
+  radius: o = N.Xs,
+  className: n,
+  labelClassName: l,
+  label: s,
+  ...m
+}) => /* @__PURE__ */ $(We, { className: "group flex items-center gap-2", children: [
+  /* @__PURE__ */ g(
+    rt,
+    {
+      checked: e,
+      onChange: t,
+      className: L(
+        "group",
+        "cursor-pointer",
+        "appearance-none",
+        "border",
+        "border-content-border-secondary-primary",
+        "group-hover:border-action-primary-primary",
+        xe(o),
+        tr[r],
+        rr[r],
+        "focus:outline-none",
+        "focus:ring-2",
+        "focus:ring-action-primary-primary",
+        "focus:ring-offset-2",
+        "disabled:opacity-50",
+        "disabled:cursor-not-allowed",
+        "data-checked:bg-action-primary-primary",
+        "data-checked:border-action-primary-primary",
+        n
+      ),
+      ...m,
+      children: /* @__PURE__ */ g(er, {})
+    }
+  ),
+  s && /* @__PURE__ */ g(
+    Ge,
+    {
+      className: L(
+        U.Primary,
+        de[r],
+        "cursor-pointer",
+        l
+      ),
+      children: s
+    }
+  )
+] });
+or.displayName = "Checkbox";
+const nr = ({
+  children: e,
   className: t,
-  children: o,
   ...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 = ({
+  level: e = je.H1,
+  className: t,
+  children: r,
+  ...o
 }) => {
-  const n = Vt[e];
-  return /* @__PURE__ */ z(
+  const n = sr[e];
+  return /* @__PURE__ */ g(
     n,
     {
       className: f(
         "text-content-text-primary",
-        qt[e],
+        ar[e],
         t
       ),
-      ...r,
-      children: o
+      ...o,
+      children: r
     }
   );
 };
-Jt.displayName = "Heading";
-const Kt = ({
-  variant: e = k.Md,
-  color: t = ie.Primary,
-  children: o,
-  className: r,
+ir.displayName = "Heading";
+const we = ({ className: e, children: t, ...r }) => /* @__PURE__ */ g(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "15",
+    height: "15",
+    viewBox: "0 0 15 15",
+    fill: "none",
+    className: f(e),
+    ...r,
+    children: t
+  }
+), Sr = ({ ...e }) => /* @__PURE__ */ g(we, { ...e, children: /* @__PURE__ */ g(
+  "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(
+  "svg",
+  {
+    className: f(e),
+    width: "8",
+    height: "13",
+    viewBox: "0 0 8 13",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    children: /* @__PURE__ */ g(
+      "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",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+Ke.displayName = "DragHandleIcon";
+const Mr = ({ ...e }) => /* @__PURE__ */ g(we, { ...e, children: /* @__PURE__ */ g(
+  "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(
+  "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,
+  children: r,
+  className: o,
+  ...n
+}) => /* @__PURE__ */ g(
+  "span",
+  {
+    className: f(Te(t), ee(e), o),
+    ...n,
+    children: r
+  }
+);
+he.displayName = "Text";
+const Qe = ({
+  canSelect: e = !1,
+  selected: t = !1,
+  onSelected: r = void 0,
+  canDrag: o = !1,
+  primaryContent: n = void 0,
+  secondaryContent: l = void 0,
+  actions: s = void 0,
+  className: m,
+  ...c
+}) => /* @__PURE__ */ $(
+  "div",
+  {
+    className: f(
+      "flex flex-nowrap items-center justify-between",
+      "gap-x-lg",
+      "py-3 pr-3 pl-2",
+      "bg-content-bg-card-2",
+      "rounded-sm",
+      "w-full",
+      m
+    ),
+    ...c,
+    children: [
+      /* @__PURE__ */ $("div", { className: f("flex flex-nowrap items-center", "gap-x-md"), children: [
+        e && /* @__PURE__ */ g(
+          "input",
+          {
+            type: "checkbox",
+            checked: t,
+            onChange: (b) => r?.(b.target.checked)
+          }
+        ),
+        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 })
+      ] }),
+      /* @__PURE__ */ g("span", { children: s })
+    ]
+  }
+);
+Qe.displayName = "ListItem";
+const lr = {
+  [_.Xs]: "shadow-xs",
+  [_.Sm]: "shadow-sm",
+  [_.Md]: "shadow-md",
+  [_.Lg]: "shadow-lg",
+  [_.Xl]: "shadow-xl"
+};
+function cr(e) {
+  return e ? lr[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,
+  shadow: r = void 0,
+  color: o = U.Muted,
+  backgroundColor: n = Xe.Muted,
+  isStatus: l = !1,
+  className: s,
+  children: m,
+  ...c
+}) => /* @__PURE__ */ $(
+  "span",
+  {
+    className: f(
+      "inline-flex items-center justify-center",
+      "font-small",
+      Te(o),
+      it(n),
+      xe(t),
+      cr(r),
+      dr[e],
+      s
+    ),
+    ...c,
+    children: [
+      l && // TODO: change this to an icon
+      /* @__PURE__ */ g(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "5",
+          height: "5",
+          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" })
+        }
+      ),
+      m
+    ]
+  }
+);
+mr.displayName = "Pill";
+const pr = ({
+  className: e,
+  listItems: t,
+  onSelected: r,
+  onOrderChange: o,
   ...n
-}) => /* @__PURE__ */ z("span", { className: f(t, K(e), r), ...n, children: o });
-Kt.displayName = "Text";
-const Qt = (e) => ({
+}) => {
+  const [l, s] = nt(() => []), m = (c, b) => {
+    if (l.includes(c)) {
+      if (!b) {
+        const y = l.filter((S) => S !== c);
+        s(y), r?.(y);
+      }
+    } else if (b) {
+      const y = [...l, c];
+      s(y), r?.(y);
+    }
+  };
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      className: f("flex flex-col", "w-full", "gap-y-md", e),
+      ...n,
+      children: t.map((c) => /* @__PURE__ */ g(
+        Qe,
+        {
+          "data-testid": c.id,
+          ...c.data,
+          selected: l.includes(c.id),
+          onSelected: (b) => m(c.id, b)
+        },
+        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) => {
+  switch (e) {
+    case h.Sm:
+      return "group-data-checked:translate-x-[calc(2.3rem-1rem-0.28rem)]";
+    case h.Md:
+      return "group-data-checked:translate-x-[calc(2.8rem-1.5rem-0.28rem)]";
+    default:
+      return "";
+  }
+}, hr = ({
+  checked: e = !1,
+  disabled: t = !1,
+  onChange: r = void 0,
+  size: o = h.Md,
+  className: n,
+  labelClassName: l,
+  label: s,
+  ...m
+}) => /* @__PURE__ */ $(We, { className: "flex items-center gap-2", children: [
+  /* @__PURE__ */ g(
+    ot,
+    {
+      checked: e,
+      onChange: r,
+      disabled: t,
+      className: L(
+        "group",
+        "relative",
+        "inline-flex",
+        "cursor-pointer",
+        "items-center",
+        "bg-content-bg-card-elevated",
+        // TODO - evaluate if this intent is correct
+        "border",
+        "border-content-border-secondary-primary",
+        "transition-colors",
+        // when hovered
+        "hover:bg-[#999999]",
+        // TODO - current scheme doesn't have a light grey
+        // when focused
+        "focus:outline-none",
+        "focus:ring-1",
+        "focus:ring-action-primary-primary",
+        "focus:ring-offset-2",
+        // when disabled
+        "disabled:opacity-50",
+        "disabled:cursor-not-allowed",
+        // when checked
+        "data-checked:bg-action-primary-primary",
+        "data-checked:border-action-primary-primary",
+        ur[o],
+        xe(N.Full),
+        // intentionally require Full radius
+        n
+      ),
+      ...m,
+      children: /* @__PURE__ */ g(
+        "span",
+        {
+          className: L(
+            "pointer-events-none",
+            "inline-block",
+            "rounded-full",
+            "bg-content-bg-card-1",
+            "group-data-checked:bg-white",
+            "shadow-sm",
+            "ring-0",
+            // show focus on outside of track
+            "transition-transform",
+            "translate-x-0.5",
+            gr[o],
+            br(o)
+          )
+        }
+      )
+    }
+  ),
+  s && /* @__PURE__ */ g(
+    Ge,
+    {
+      className: L(
+        U.Muted,
+        fr[o],
+        "cursor-pointer",
+        l
+      ),
+      children: s
+    }
+  )
+] });
+hr.displayName = "Toggle";
+const yr = (e) => ({
   components: {
     MuiButtonBase: {
       defaultProps: {
@@ -3044,7 +3408,7 @@ const Qt = (e) => ({
       }
     }
   }
-}), Zt = {
+}), xr = {
   dark: {
     content: {
       bg: {
@@ -3087,7 +3451,7 @@ const Qt = (e) => ({
       }
     }
   }
-}, x = {
+}, v = {
   fontFamily: {
     sans: ["Palanquin", "sans-serif"]
   },
@@ -3104,11 +3468,11 @@ const Qt = (e) => ({
     semibold: 500,
     bold: 600
   }
-}, Ue = ({
+}, et = ({
   mode: e = "dark",
   overrides: t = {}
 } = {}) => {
-  const { light: o, dark: r } = Zt, n = e === "light" ? o : r, l = {
+  const { light: r, dark: o } = xr, n = e === "light" ? r : o, l = {
     palette: {
       mode: e,
       primary: {
@@ -3125,71 +3489,82 @@ const Qt = (e) => ({
       }
     },
     typography: {
-      fontFamily: x.fontFamily.sans.join(","),
+      fontFamily: v.fontFamily.sans.join(","),
       h1: {
-        fontSize: x.fontSize.xxl,
-        fontWeight: x.fontWeight.bold
+        fontSize: v.fontSize.xxl,
+        fontWeight: v.fontWeight.bold
       },
       h2: {
-        fontSize: x.fontSize.xl,
-        fontWeight: x.fontWeight.bold
+        fontSize: v.fontSize.xl,
+        fontWeight: v.fontWeight.bold
       },
       h3: {
-        fontSize: x.fontSize.lg,
-        fontWeight: x.fontWeight.semibold
+        fontSize: v.fontSize.lg,
+        fontWeight: v.fontWeight.semibold
       },
       h4: {
-        fontSize: x.fontSize.md,
-        fontWeight: x.fontWeight.semibold
+        fontSize: v.fontSize.md,
+        fontWeight: v.fontWeight.semibold
       },
       h5: {
-        fontSize: x.fontSize.sm,
-        fontWeight: x.fontWeight.normal
+        fontSize: v.fontSize.sm,
+        fontWeight: v.fontWeight.normal
       },
       h6: {
-        fontSize: x.fontSize.xs,
-        fontWeight: x.fontWeight.normal
+        fontSize: v.fontSize.xs,
+        fontWeight: v.fontWeight.normal
       },
       body1: {
-        fontSize: x.fontSize.md,
-        fontWeight: x.fontWeight.normal,
+        fontSize: v.fontSize.md,
+        fontWeight: v.fontWeight.normal,
         color: n.content.text.primary
       },
       body2: {
-        fontSize: x.fontSize.sm,
-        fontWeight: x.fontWeight.normal,
+        fontSize: v.fontSize.sm,
+        fontWeight: v.fontWeight.normal,
         color: n.content.text.primary
       }
     },
-    spacing: (u) => `${u * 0.25}rem`
-  }, i = Qt(l);
+    spacing: (m) => `${m * 0.25}rem`
+  }, s = yr(l);
   return {
     ...l,
-    ...i,
+    ...s,
     ...t,
     // Deep merge components specifically
     components: {
-      ...i.components,
+      ...s.components,
       ...t.components
     }
   };
-}, ro = Ue({ mode: "dark" }), no = Ue({ mode: "light" });
+}, Ir = et({ mode: "dark" }), Nr = et({ mode: "light" });
 export {
-  fe as BackgroundColor,
-  $t as Badge,
-  Yt as Button,
-  Jt as Heading,
-  Pe as HeadingLevel,
-  R as Radius,
-  D as Shadow,
-  M as Size,
-  Kt as Text,
-  ie as TextColor,
-  k as TextVariant,
-  U as Variant,
-  Ue as createMUIThemeConfig,
-  ro as defaultMUIThemeConfig,
-  Qt as getComponentThemeConfig,
-  no as lightMUIThemeConfig
+  Sr as AddIcon,
+  Xe as BackgroundColor,
+  Kt as Button,
+  or as Checkbox,
+  nr as Clickable,
+  Ke as DragHandleIcon,
+  Mr as EditIcon,
+  ir 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
 };
 //# sourceMappingURL=index.js.map