@gryt/ui 0.1.2 → 0.2.0

package/dist/index.js

@@ -1,56 +1,44 @@
-import { jsxs as q, jsx as u } from "react/jsx-runtime";
-import _e from "@mui/material/CssBaseline";
-import { createTheme as $e, ThemeProvider as Ue } from "@mui/material/styles";
-import He from "@mui/material/Button";
-import { forwardRef as h } from "react";
-import Ye from "@mui/material/IconButton";
-import qe from "@mui/material/Paper";
-import Xe from "@mui/material/TextField";
-import Je from "@mui/material/TextareaAutosize";
-import Ae from "@mui/material/Avatar";
-import Qe from "@mui/material/Badge";
-import Ke from "@mui/material/Chip";
-import Ze from "@mui/material/Checkbox";
-import er from "@mui/material/Radio";
-import rr from "@mui/material/Switch";
-import or from "@mui/material/Slider";
-import Se from "@mui/material/MenuItem";
-import { default as $t } from "@mui/material/MenuItem";
-import tr from "@mui/material/Tooltip";
-import nr from "@mui/material/Divider";
-import sr from "@mui/material/Card";
-import ar from "@mui/material/CardActions";
-import ir from "@mui/material/CardContent";
-import lr from "@mui/material/CardHeader";
-import cr from "@mui/material/Alert";
-import dr from "@mui/material/CircularProgress";
-import mr from "@mui/material/LinearProgress";
-import ur from "@mui/material/Skeleton";
-import pr from "@mui/material/Dialog";
-import br from "@mui/material/DialogActions";
-import fr from "@mui/material/DialogContent";
-import gr from "@mui/material/DialogTitle";
-import hr from "@mui/material/Drawer";
-import yr from "@mui/material/Menu";
-import xr from "@mui/material/Tab";
-import kr from "@mui/material/Tabs";
-import wr from "@mui/material/Accordion";
-import vr from "@mui/material/AccordionDetails";
-import Cr from "@mui/material/AccordionSummary";
-const k = {
+import { jsx as a, jsxs as g } from "react/jsx-runtime";
+import { Tooltip as h } from "@base-ui/react/tooltip";
+import { Button as M } from "@base-ui/react/button";
+import { forwardRef as c, useRef as V, useCallback as E, useLayoutEffect as W } from "react";
+import { clsx as X } from "clsx";
+import { twMerge as q } from "tailwind-merge";
+import { Field as S } from "@base-ui/react/field";
+import { PaperPlaneTilt as J, X as K, Check as F, CaretUpDown as Q, CircleNotch as Y, CaretDown as Z } from "@phosphor-icons/react";
+import { Avatar as $ } from "@base-ui/react/avatar";
+import { Checkbox as z } from "@base-ui/react/checkbox";
+import { Radio as j } from "@base-ui/react/radio";
+import { RadioGroup as _ } from "@base-ui/react/radio-group";
+import { Switch as A } from "@base-ui/react/switch";
+import { Slider as k } from "@base-ui/react/slider";
+import { Select as b } from "@base-ui/react/select";
+import { Separator as tt } from "@base-ui/react/separator";
+import { Progress as C } from "@base-ui/react/progress";
+import { Dialog as l } from "@base-ui/react/dialog";
+import { Menu as x } from "@base-ui/react/menu";
+import { Tabs as P } from "@base-ui/react/tabs";
+import { Accordion as N } from "@base-ui/react/accordion";
+const L = {
   color: {
     bg: "#111318",
     surface: "#1a1d24",
     surfaceRaised: "#1e2028",
+    surfaceHover: "#334155",
     border: "#2b303d",
     text: "#e0e0e6",
     muted: "#888888",
     accent: "#968FF8",
     accentLight: "#b4afff",
     secondary: "#7dd3fc",
+    secondaryLight: "#bae6fd",
     success: "#4ade80",
     danger: "#f87171",
-    warning: "#fbbf24"
+    dangerLight: "#fca5a5",
+    warning: "#fbbf24",
+    onAccent: "#141126",
+    onSecondary: "#07131c",
+    onDanger: "#250b0b"
   },
   radius: {
     sm: 8,
@@ -60,3577 +48,1245 @@ const k = {
     full: 999
   }
 };
-function zr(e = {}) {
-  return $e({
-    palette: {
-      mode: "dark",
-      primary: {
-        main: k.color.accent,
-        light: k.color.accentLight,
-        dark: "#7e77df",
-        contrastText: "#141126"
-      },
-      secondary: {
-        main: k.color.secondary,
-        contrastText: "#07131c"
-      },
-      success: {
-        main: k.color.success
-      },
-      error: {
-        main: k.color.danger
-      },
-      warning: {
-        main: k.color.warning
-      },
-      background: {
-        default: k.color.bg,
-        paper: k.color.surface
-      },
-      text: {
-        primary: k.color.text,
-        secondary: k.color.muted
-      },
-      divider: k.color.border
-    },
-    typography: {
-      fontFamily: "Inter, ui-sans-serif, system-ui, sans-serif",
-      button: {
-        textTransform: "none",
-        fontWeight: 650
-      }
-    },
-    shape: {
-      borderRadius: k.radius.lg
-    },
-    components: {
-      MuiButton: {
-        defaultProps: {
-          disableElevation: !0
-        },
-        styleOverrides: {
-          root: {
-            borderRadius: k.radius.full,
-            minHeight: 40,
-            paddingInline: 20
-          }
-        }
-      },
-      MuiIconButton: {
-        styleOverrides: {
-          root: {
-            borderRadius: k.radius.full
-          }
-        }
-      },
-      MuiPaper: {
-        styleOverrides: {
-          root: {
-            backgroundImage: "none",
-            borderRadius: k.radius.lg
-          }
-        }
-      },
-      MuiOutlinedInput: {
-        styleOverrides: {
-          root: {
-            borderRadius: k.radius.xl
-          }
-        }
-      }
-    },
-    ...e
-  });
+function et(n = {}) {
+  const t = { ...L.color, ...n.color }, e = { ...L.radius, ...n.radius };
+  return {
+    "--gryt-bg": t.bg,
+    "--gryt-surface": t.surface,
+    "--gryt-surface-raised": t.surfaceRaised,
+    "--gryt-surface-hover": t.surfaceHover,
+    "--gryt-border": t.border,
+    "--gryt-text": t.text,
+    "--gryt-muted": t.muted,
+    "--gryt-accent": t.accent,
+    "--gryt-accent-light": t.accentLight,
+    "--gryt-secondary": t.secondary,
+    "--gryt-secondary-light": t.secondaryLight,
+    "--gryt-success": t.success,
+    "--gryt-danger": t.danger,
+    "--gryt-danger-light": t.dangerLight,
+    "--gryt-warning": t.warning,
+    "--gryt-on-accent": t.onAccent,
+    "--gryt-on-secondary": t.onSecondary,
+    "--gryt-on-danger": t.onDanger,
+    // Tailwind's @theme emits --color-* names, and the utilities compile
+    // against those. Both sets have to move together or an override would
+    // change the raw var but not bg-gryt-accent.
+    "--color-gryt-bg": t.bg,
+    "--color-gryt-surface": t.surface,
+    "--color-gryt-surface-raised": t.surfaceRaised,
+    "--color-gryt-surface-hover": t.surfaceHover,
+    "--color-gryt-border": t.border,
+    "--color-gryt-text": t.text,
+    "--color-gryt-muted": t.muted,
+    "--color-gryt-accent": t.accent,
+    "--color-gryt-accent-light": t.accentLight,
+    "--color-gryt-secondary": t.secondary,
+    "--color-gryt-secondary-light": t.secondaryLight,
+    "--color-gryt-success": t.success,
+    "--color-gryt-danger": t.danger,
+    "--color-gryt-danger-light": t.dangerLight,
+    "--color-gryt-warning": t.warning,
+    "--color-gryt-on-accent": t.onAccent,
+    "--color-gryt-on-secondary": t.onSecondary,
+    "--color-gryt-on-danger": t.onDanger,
+    "--gryt-radius-sm": `${e.sm}px`,
+    "--gryt-radius-md": `${e.md}px`,
+    "--gryt-radius-lg": `${e.lg}px`,
+    "--gryt-radius-xl": `${e.xl}px`,
+    "--gryt-radius-full": `${e.full}px`
+  };
 }
-const Mr = zr();
-function it({
-  children: e,
-  theme: r = Mr,
-  disableBaseline: t = !1
-}) {
-  return /* @__PURE__ */ q(Ue, { theme: r, children: [
-    t ? null : /* @__PURE__ */ u(_e, {}),
-    e
-  ] });
+function rt(n) {
+  return Object.keys(n).some((t) => t.startsWith("--"));
 }
-function Ne(e) {
-  var r, t, o = "";
-  if (typeof e == "string" || typeof e == "number") o += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var n = e.length;
-    for (r = 0; r < n; r++) e[r] && (t = Ne(e[r])) && (o && (o += " "), o += t);
-  } else for (t in e) e[t] && (o && (o += " "), o += t);
-  return o;
+function se({
+  children: n,
+  className: t,
+  theme: e,
+  tooltipDelay: r = 400
+}) {
+  const s = e && rt(e) ? e : et(e ?? {});
+  return /* @__PURE__ */ a("div", { className: t, style: s, children: /* @__PURE__ */ a(h.Provider, { delay: r, children: n }) });
 }
-function Ar() {
-  for (var e, r, t = 0, o = "", n = arguments.length; t < n; t++) (e = arguments[t]) && (r = Ne(e)) && (o && (o += " "), o += r);
-  return o;
+function o(...n) {
+  return q(X(n));
 }
-const Sr = (e, r) => {
-  const t = new Array(e.length + r.length);
-  for (let o = 0; o < e.length; o++)
-    t[o] = e[o];
-  for (let o = 0; o < r.length; o++)
-    t[e.length + o] = r[o];
-  return t;
-}, Nr = (e, r) => ({
-  classGroupId: e,
-  validator: r
-}), Ie = (e = /* @__PURE__ */ new Map(), r = null, t) => ({
-  nextPart: e,
-  validators: r,
-  classGroupId: t
-}), oe = "-", ke = [], Ir = "arbitrary..", Tr = (e) => {
-  const r = Pr(e), {
-    conflictingClassGroups: t,
-    conflictingClassGroupModifiers: o
-  } = e;
-  return {
-    getClassGroupId: (i) => {
-      if (i.startsWith("[") && i.endsWith("]"))
-        return Rr(i);
-      const p = i.split(oe), g = p[0] === "" && p.length > 1 ? 1 : 0;
-      return Te(p, g, r);
-    },
-    getConflictingClassGroupIds: (i, p) => {
-      if (p) {
-        const g = o[i], m = t[i];
-        return g ? m ? Sr(m, g) : g : m || ke;
-      }
-      return t[i] || ke;
-    }
-  };
-}, Te = (e, r, t) => {
-  if (e.length - r === 0)
-    return t.classGroupId;
-  const n = e[r], l = t.nextPart.get(n);
-  if (l) {
-    const m = Te(e, r + 1, l);
-    if (m) return m;
-  }
-  const i = t.validators;
-  if (i === null)
-    return;
-  const p = r === 0 ? e.join(oe) : e.slice(r).join(oe), g = i.length;
-  for (let m = 0; m < g; m++) {
-    const w = i[m];
-    if (w.validator(p))
-      return w.classGroupId;
-  }
-}, Rr = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
-  const r = e.slice(1, -1), t = r.indexOf(":"), o = r.slice(0, t);
-  return o ? Ir + o : void 0;
-})(), Pr = (e) => {
-  const {
-    theme: r,
-    classGroups: t
-  } = e;
-  return Gr(t, r);
-}, Gr = (e, r) => {
-  const t = Ie();
-  for (const o in e) {
-    const n = e[o];
-    de(n, t, o, r);
-  }
-  return t;
-}, de = (e, r, t, o) => {
-  const n = e.length;
-  for (let l = 0; l < n; l++) {
-    const i = e[l];
-    Lr(i, r, t, o);
-  }
-}, Lr = (e, r, t, o) => {
-  if (typeof e == "string") {
-    Or(e, r, t);
-    return;
-  }
-  if (typeof e == "function") {
-    Br(e, r, t, o);
-    return;
-  }
-  jr(e, r, t, o);
-}, Or = (e, r, t) => {
-  const o = e === "" ? r : Re(r, e);
-  o.classGroupId = t;
-}, Br = (e, r, t, o) => {
-  if (Dr(e)) {
-    de(e(o), r, t, o);
-    return;
-  }
-  r.validators === null && (r.validators = []), r.validators.push(Nr(t, e));
-}, jr = (e, r, t, o) => {
-  const n = Object.entries(e), l = n.length;
-  for (let i = 0; i < l; i++) {
-    const [p, g] = n[i];
-    de(g, Re(r, p), t, o);
-  }
-}, Re = (e, r) => {
-  let t = e;
-  const o = r.split(oe), n = o.length;
-  for (let l = 0; l < n; l++) {
-    const i = o[l];
-    let p = t.nextPart.get(i);
-    p || (p = Ie(), t.nextPart.set(i, p)), t = p;
-  }
-  return t;
-}, Dr = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Fr = (e) => {
-  if (e < 1)
-    return {
-      get: () => {
-      },
-      set: () => {
-      }
-    };
-  let r = 0, t = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
-  const n = (l, i) => {
-    t[l] = i, r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ Object.create(null));
-  };
-  return {
-    get(l) {
-      let i = t[l];
-      if (i !== void 0)
-        return i;
-      if ((i = o[l]) !== void 0)
-        return n(l, i), i;
-    },
-    set(l, i) {
-      l in t ? t[l] = i : n(l, i);
-    }
-  };
-}, ce = "!", we = ":", Wr = [], ve = (e, r, t, o, n) => ({
-  modifiers: e,
-  hasImportantModifier: r,
-  baseClassName: t,
-  maybePostfixModifierPosition: o,
-  isExternal: n
-}), Er = (e) => {
-  const {
-    prefix: r,
-    experimentalParseClassName: t
-  } = e;
-  let o = (n) => {
-    const l = [];
-    let i = 0, p = 0, g = 0, m;
-    const w = n.length;
-    for (let M = 0; M < w; M++) {
-      const N = n[M];
-      if (i === 0 && p === 0) {
-        if (N === we) {
-          l.push(n.slice(g, M)), g = M + 1;
-          continue;
-        }
-        if (N === "/") {
-          m = M;
-          continue;
-        }
-      }
-      N === "[" ? i++ : N === "]" ? i-- : N === "(" ? p++ : N === ")" && p--;
-    }
-    const v = l.length === 0 ? n : n.slice(g);
-    let B = v, T = !1;
-    v.endsWith(ce) ? (B = v.slice(0, -1), T = !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
-       */
-      v.startsWith(ce) && (B = v.slice(1), T = !0)
-    );
-    const U = m && m > g ? m - g : void 0;
-    return ve(l, T, B, U);
-  };
-  if (r) {
-    const n = r + we, l = o;
-    o = (i) => i.startsWith(n) ? l(i.slice(n.length)) : ve(Wr, !1, i, void 0, !0);
-  }
-  if (t) {
-    const n = o;
-    o = (l) => t({
-      className: l,
-      parseClassName: n
-    });
-  }
-  return o;
-}, Vr = (e) => {
-  const r = /* @__PURE__ */ new Map();
-  return e.orderSensitiveModifiers.forEach((t, o) => {
-    r.set(t, 1e6 + o);
-  }), (t) => {
-    const o = [];
-    let n = [];
-    for (let l = 0; l < t.length; l++) {
-      const i = t[l], p = i[0] === "[", g = r.has(i);
-      p || g ? (n.length > 0 && (n.sort(), o.push(...n), n = []), o.push(i)) : n.push(i);
-    }
-    return n.length > 0 && (n.sort(), o.push(...n)), o;
-  };
-}, _r = (e) => ({
-  cache: Fr(e.cacheSize),
-  parseClassName: Er(e),
-  sortModifiers: Vr(e),
-  postfixLookupClassGroupIds: $r(e),
-  ...Tr(e)
-}), $r = (e) => {
-  const r = /* @__PURE__ */ Object.create(null), t = e.postfixLookupClassGroups;
-  if (t)
-    for (let o = 0; o < t.length; o++)
-      r[t[o]] = !0;
-  return r;
-}, Ur = /\s+/, Hr = (e, r) => {
-  const {
-    parseClassName: t,
-    getClassGroupId: o,
-    getConflictingClassGroupIds: n,
-    sortModifiers: l,
-    postfixLookupClassGroupIds: i
-  } = r, p = [], g = e.trim().split(Ur);
-  let m = "";
-  for (let w = g.length - 1; w >= 0; w -= 1) {
-    const v = g[w], {
-      isExternal: B,
-      modifiers: T,
-      hasImportantModifier: U,
-      baseClassName: M,
-      maybePostfixModifierPosition: N
-    } = t(v);
-    if (B) {
-      m = v + (m.length > 0 ? " " + m : m);
-      continue;
-    }
-    let j = !!N, A;
-    if (j) {
-      const P = M.substring(0, N);
-      A = o(P);
-      const c = A && i[A] ? o(M) : void 0;
-      c && c !== A && (A = c, j = !1);
-    } else
-      A = o(M);
-    if (!A) {
-      if (!j) {
-        m = v + (m.length > 0 ? " " + m : m);
-        continue;
-      }
-      if (A = o(M), !A) {
-        m = v + (m.length > 0 ? " " + m : m);
-        continue;
-      }
-      j = !1;
-    }
-    const H = T.length === 0 ? "" : T.length === 1 ? T[0] : l(T).join(":"), E = U ? H + ce : H, V = E + A;
-    if (p.indexOf(V) > -1)
-      continue;
-    p.push(V);
-    const _ = n(A, j);
-    for (let P = 0; P < _.length; ++P) {
-      const c = _[P];
-      p.push(E + c);
-    }
-    m = v + (m.length > 0 ? " " + m : m);
-  }
-  return m;
-}, Yr = (...e) => {
-  let r = 0, t, o, n = "";
-  for (; r < e.length; )
-    (t = e[r++]) && (o = Pe(t)) && (n && (n += " "), n += o);
-  return n;
-}, Pe = (e) => {
-  if (typeof e == "string")
-    return e;
-  let r, t = "";
-  for (let o = 0; o < e.length; o++)
-    e[o] && (r = Pe(e[o])) && (t && (t += " "), t += r);
-  return t;
-}, qr = (e, ...r) => {
-  let t, o, n, l;
-  const i = (g) => {
-    const m = r.reduce((w, v) => v(w), e());
-    return t = _r(m), o = t.cache.get, n = t.cache.set, l = p, p(g);
-  }, p = (g) => {
-    const m = o(g);
-    if (m)
-      return m;
-    const w = Hr(g, t);
-    return n(g, w), w;
-  };
-  return l = i, (...g) => l(Yr(...g));
-}, Xr = [], y = (e) => {
-  const r = (t) => t[e] || Xr;
-  return r.isThemeGetter = !0, r;
-}, Ge = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Le = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Jr = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Qr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Kr = /\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$/, Zr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, eo = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ro = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, L = (e) => Jr.test(e), b = (e) => !!e && !Number.isNaN(Number(e)), R = (e) => !!e && Number.isInteger(Number(e)), le = (e) => e.endsWith("%") && b(e.slice(0, -1)), G = (e) => Qr.test(e), Oe = () => !0, oo = (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.
-  Kr.test(e) && !Zr.test(e)
-), me = () => !1, to = (e) => eo.test(e), no = (e) => ro.test(e), so = (e) => !s(e) && !a(e), ao = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), io = (e) => O(e, De, me), s = (e) => Ge.test(e), F = (e) => O(e, Fe, oo), Ce = (e) => O(e, go, b), lo = (e) => O(e, Ee, Oe), co = (e) => O(e, We, me), ze = (e) => O(e, Be, me), mo = (e) => O(e, je, no), ee = (e) => O(e, Ve, to), a = (e) => Le.test(e), Y = (e) => W(e, Fe), uo = (e) => W(e, We), Me = (e) => W(e, Be), po = (e) => W(e, De), bo = (e) => W(e, je), re = (e) => W(e, Ve, !0), fo = (e) => W(e, Ee, !0), O = (e, r, t) => {
-  const o = Ge.exec(e);
-  return o ? o[1] ? r(o[1]) : t(o[2]) : !1;
-}, W = (e, r, t = !1) => {
-  const o = Le.exec(e);
-  return o ? o[1] ? r(o[1]) : t : !1;
-}, Be = (e) => e === "position" || e === "percentage", je = (e) => e === "image" || e === "url", De = (e) => e === "length" || e === "size" || e === "bg-size", Fe = (e) => e === "length", go = (e) => e === "number", We = (e) => e === "family-name", Ee = (e) => e === "number" || e === "weight", Ve = (e) => e === "shadow", ho = () => {
-  const e = y("color"), r = y("font"), t = y("text"), o = y("font-weight"), n = y("tracking"), l = y("leading"), i = y("breakpoint"), p = y("container"), g = y("spacing"), m = y("radius"), w = y("shadow"), v = y("inset-shadow"), B = y("text-shadow"), T = y("drop-shadow"), U = y("blur"), M = y("perspective"), N = y("aspect"), j = y("ease"), A = y("animate"), H = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], E = () => [
-    "center",
-    "top",
-    "bottom",
-    "left",
-    "right",
-    "top-left",
-    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
-    "left-top",
-    "top-right",
-    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
-    "right-top",
-    "bottom-right",
-    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
-    "right-bottom",
-    "bottom-left",
-    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
-    "left-bottom"
-  ], V = () => [...E(), a, s], _ = () => ["auto", "hidden", "clip", "visible", "scroll"], P = () => ["auto", "contain", "none"], c = () => [a, s, g], S = () => [L, "full", "auto", ...c()], ue = () => [R, "none", "subgrid", a, s], pe = () => ["auto", {
-    span: ["full", R, a, s]
-  }, R, a, s], X = () => [R, "auto", a, s], be = () => ["auto", "min", "max", "fr", a, s], te = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], $ = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], I = () => ["auto", ...c()], D = () => [L, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...c()], ne = () => [L, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...c()], se = () => [L, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...c()], d = () => [e, a, s], fe = () => [...E(), Me, ze, {
-    position: [a, s]
-  }], ge = () => ["no-repeat", {
-    repeat: ["", "x", "y", "space", "round"]
-  }], he = () => ["auto", "cover", "contain", po, io, {
-    size: [a, s]
-  }], ae = () => [le, Y, F], C = () => [
-    // Deprecated since Tailwind CSS v4.0.0
-    "",
-    "none",
-    "full",
-    m,
-    a,
-    s
-  ], z = () => ["", b, Y, F], J = () => ["solid", "dashed", "dotted", "double"], ye = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], x = () => [b, le, Me, ze], xe = () => [
-    // Deprecated since Tailwind CSS v4.0.0
-    "",
-    "none",
-    U,
-    a,
-    s
-  ], Q = () => ["none", b, a, s], K = () => ["none", b, a, s], ie = () => [b, a, s], Z = () => [L, "full", ...c()];
-  return {
-    cacheSize: 500,
-    theme: {
-      animate: ["spin", "ping", "pulse", "bounce"],
-      aspect: ["video"],
-      blur: [G],
-      breakpoint: [G],
-      color: [Oe],
-      container: [G],
-      "drop-shadow": [G],
-      ease: ["in", "out", "in-out"],
-      font: [so],
-      "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [G],
-      leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
-      perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [G],
-      shadow: [G],
-      spacing: ["px", b],
-      text: [G],
-      "text-shadow": [G],
-      tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
-    },
-    classGroups: {
-      // --------------
-      // --- Layout ---
-      // --------------
-      /**
-       * Aspect Ratio
-       * @see https://tailwindcss.com/docs/aspect-ratio
-       */
-      aspect: [{
-        aspect: ["auto", "square", L, s, a, N]
-      }],
-      /**
-       * Container
-       * @see https://tailwindcss.com/docs/container
-       * @deprecated since Tailwind CSS v4.0.0
-       */
-      container: ["container"],
-      /**
-       * Container Type
-       * @see https://tailwindcss.com/docs/responsive-design#container-queries
-       */
-      "container-type": [{
-        "@container": ["", "normal", "size", a, s]
-      }],
-      /**
-       * Container Name
-       * @see https://tailwindcss.com/docs/responsive-design#named-containers
-       */
-      "container-named": [ao],
-      /**
-       * Columns
-       * @see https://tailwindcss.com/docs/columns
-       */
-      columns: [{
-        columns: [b, s, a, p]
-      }],
-      /**
-       * Break After
-       * @see https://tailwindcss.com/docs/break-after
-       */
-      "break-after": [{
-        "break-after": H()
-      }],
-      /**
-       * Break Before
-       * @see https://tailwindcss.com/docs/break-before
-       */
-      "break-before": [{
-        "break-before": H()
-      }],
-      /**
-       * Break Inside
-       * @see https://tailwindcss.com/docs/break-inside
-       */
-      "break-inside": [{
-        "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
-      }],
-      /**
-       * Box Decoration Break
-       * @see https://tailwindcss.com/docs/box-decoration-break
-       */
-      "box-decoration": [{
-        "box-decoration": ["slice", "clone"]
-      }],
-      /**
-       * Box Sizing
-       * @see https://tailwindcss.com/docs/box-sizing
-       */
-      box: [{
-        box: ["border", "content"]
-      }],
-      /**
-       * Display
-       * @see https://tailwindcss.com/docs/display
-       */
-      display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
-      /**
-       * Screen Reader Only
-       * @see https://tailwindcss.com/docs/display#screen-reader-only
-       */
-      sr: ["sr-only", "not-sr-only"],
-      /**
-       * Floats
-       * @see https://tailwindcss.com/docs/float
-       */
-      float: [{
-        float: ["right", "left", "none", "start", "end"]
-      }],
-      /**
-       * Clear
-       * @see https://tailwindcss.com/docs/clear
-       */
-      clear: [{
-        clear: ["left", "right", "both", "none", "start", "end"]
-      }],
-      /**
-       * Isolation
-       * @see https://tailwindcss.com/docs/isolation
-       */
-      isolation: ["isolate", "isolation-auto"],
-      /**
-       * Object Fit
-       * @see https://tailwindcss.com/docs/object-fit
-       */
-      "object-fit": [{
-        object: ["contain", "cover", "fill", "none", "scale-down"]
-      }],
-      /**
-       * Object Position
-       * @see https://tailwindcss.com/docs/object-position
-       */
-      "object-position": [{
-        object: V()
-      }],
-      /**
-       * Overflow
-       * @see https://tailwindcss.com/docs/overflow
-       */
-      overflow: [{
-        overflow: _()
-      }],
-      /**
-       * Overflow X
-       * @see https://tailwindcss.com/docs/overflow
-       */
-      "overflow-x": [{
-        "overflow-x": _()
-      }],
-      /**
-       * Overflow Y
-       * @see https://tailwindcss.com/docs/overflow
-       */
-      "overflow-y": [{
-        "overflow-y": _()
-      }],
-      /**
-       * Overscroll Behavior
-       * @see https://tailwindcss.com/docs/overscroll-behavior
-       */
-      overscroll: [{
-        overscroll: P()
-      }],
-      /**
-       * Overscroll Behavior X
-       * @see https://tailwindcss.com/docs/overscroll-behavior
-       */
-      "overscroll-x": [{
-        "overscroll-x": P()
-      }],
-      /**
-       * Overscroll Behavior Y
-       * @see https://tailwindcss.com/docs/overscroll-behavior
-       */
-      "overscroll-y": [{
-        "overscroll-y": P()
-      }],
-      /**
-       * Position
-       * @see https://tailwindcss.com/docs/position
-       */
-      position: ["static", "fixed", "absolute", "relative", "sticky"],
-      /**
-       * Inset
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      inset: [{
-        inset: S()
-      }],
-      /**
-       * Inset Inline
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "inset-x": [{
-        "inset-x": S()
-      }],
-      /**
-       * Inset Block
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "inset-y": [{
-        "inset-y": S()
-      }],
-      /**
-       * Inset Inline Start
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       * @todo class group will be renamed to `inset-s` in next major release
-       */
-      start: [{
-        "inset-s": S(),
-        /**
-         * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-s-*` utilities.
-         * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
-         */
-        start: S()
-      }],
-      /**
-       * Inset Inline End
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       * @todo class group will be renamed to `inset-e` in next major release
-       */
-      end: [{
-        "inset-e": S(),
-        /**
-         * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-e-*` utilities.
-         * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
-         */
-        end: S()
-      }],
-      /**
-       * Inset Block Start
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "inset-bs": [{
-        "inset-bs": S()
-      }],
-      /**
-       * Inset Block End
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "inset-be": [{
-        "inset-be": S()
-      }],
-      /**
-       * Top
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      top: [{
-        top: S()
-      }],
-      /**
-       * Right
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      right: [{
-        right: S()
-      }],
-      /**
-       * Bottom
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      bottom: [{
-        bottom: S()
-      }],
-      /**
-       * Left
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      left: [{
-        left: S()
-      }],
-      /**
-       * Visibility
-       * @see https://tailwindcss.com/docs/visibility
-       */
-      visibility: ["visible", "invisible", "collapse"],
-      /**
-       * Z-Index
-       * @see https://tailwindcss.com/docs/z-index
-       */
-      z: [{
-        z: [R, "auto", a, s]
-      }],
-      // ------------------------
-      // --- Flexbox and Grid ---
-      // ------------------------
-      /**
-       * Flex Basis
-       * @see https://tailwindcss.com/docs/flex-basis
-       */
-      basis: [{
-        basis: [L, "full", "auto", p, ...c()]
-      }],
-      /**
-       * Flex Direction
-       * @see https://tailwindcss.com/docs/flex-direction
-       */
-      "flex-direction": [{
-        flex: ["row", "row-reverse", "col", "col-reverse"]
-      }],
-      /**
-       * Flex Wrap
-       * @see https://tailwindcss.com/docs/flex-wrap
-       */
-      "flex-wrap": [{
-        flex: ["nowrap", "wrap", "wrap-reverse"]
-      }],
-      /**
-       * Flex
-       * @see https://tailwindcss.com/docs/flex
-       */
-      flex: [{
-        flex: [b, L, "auto", "initial", "none", s]
-      }],
-      /**
-       * Flex Grow
-       * @see https://tailwindcss.com/docs/flex-grow
-       */
-      grow: [{
-        grow: ["", b, a, s]
-      }],
-      /**
-       * Flex Shrink
-       * @see https://tailwindcss.com/docs/flex-shrink
-       */
-      shrink: [{
-        shrink: ["", b, a, s]
-      }],
-      /**
-       * Order
-       * @see https://tailwindcss.com/docs/order
-       */
-      order: [{
-        order: [R, "first", "last", "none", a, s]
-      }],
-      /**
-       * Grid Template Columns
-       * @see https://tailwindcss.com/docs/grid-template-columns
-       */
-      "grid-cols": [{
-        "grid-cols": ue()
-      }],
-      /**
-       * Grid Column Start / End
-       * @see https://tailwindcss.com/docs/grid-column
-       */
-      "col-start-end": [{
-        col: pe()
-      }],
-      /**
-       * Grid Column Start
-       * @see https://tailwindcss.com/docs/grid-column
-       */
-      "col-start": [{
-        "col-start": X()
-      }],
-      /**
-       * Grid Column End
-       * @see https://tailwindcss.com/docs/grid-column
-       */
-      "col-end": [{
-        "col-end": X()
-      }],
-      /**
-       * Grid Template Rows
-       * @see https://tailwindcss.com/docs/grid-template-rows
-       */
-      "grid-rows": [{
-        "grid-rows": ue()
-      }],
-      /**
-       * Grid Row Start / End
-       * @see https://tailwindcss.com/docs/grid-row
-       */
-      "row-start-end": [{
-        row: pe()
-      }],
-      /**
-       * Grid Row Start
-       * @see https://tailwindcss.com/docs/grid-row
-       */
-      "row-start": [{
-        "row-start": X()
-      }],
-      /**
-       * Grid Row End
-       * @see https://tailwindcss.com/docs/grid-row
-       */
-      "row-end": [{
-        "row-end": X()
-      }],
-      /**
-       * Grid Auto Flow
-       * @see https://tailwindcss.com/docs/grid-auto-flow
-       */
-      "grid-flow": [{
-        "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
-      }],
-      /**
-       * Grid Auto Columns
-       * @see https://tailwindcss.com/docs/grid-auto-columns
-       */
-      "auto-cols": [{
-        "auto-cols": be()
-      }],
-      /**
-       * Grid Auto Rows
-       * @see https://tailwindcss.com/docs/grid-auto-rows
-       */
-      "auto-rows": [{
-        "auto-rows": be()
-      }],
-      /**
-       * Gap
-       * @see https://tailwindcss.com/docs/gap
-       */
-      gap: [{
-        gap: c()
-      }],
-      /**
-       * Gap X
-       * @see https://tailwindcss.com/docs/gap
-       */
-      "gap-x": [{
-        "gap-x": c()
-      }],
-      /**
-       * Gap Y
-       * @see https://tailwindcss.com/docs/gap
-       */
-      "gap-y": [{
-        "gap-y": c()
-      }],
-      /**
-       * Justify Content
-       * @see https://tailwindcss.com/docs/justify-content
-       */
-      "justify-content": [{
-        justify: [...te(), "normal"]
-      }],
-      /**
-       * Justify Items
-       * @see https://tailwindcss.com/docs/justify-items
-       */
-      "justify-items": [{
-        "justify-items": [...$(), "normal"]
-      }],
-      /**
-       * Justify Self
-       * @see https://tailwindcss.com/docs/justify-self
-       */
-      "justify-self": [{
-        "justify-self": ["auto", ...$()]
-      }],
-      /**
-       * Align Content
-       * @see https://tailwindcss.com/docs/align-content
-       */
-      "align-content": [{
-        content: ["normal", ...te()]
-      }],
-      /**
-       * Align Items
-       * @see https://tailwindcss.com/docs/align-items
-       */
-      "align-items": [{
-        items: [...$(), {
-          baseline: ["", "last"]
-        }]
-      }],
-      /**
-       * Align Self
-       * @see https://tailwindcss.com/docs/align-self
-       */
-      "align-self": [{
-        self: ["auto", ...$(), {
-          baseline: ["", "last"]
-        }]
-      }],
-      /**
-       * Place Content
-       * @see https://tailwindcss.com/docs/place-content
-       */
-      "place-content": [{
-        "place-content": te()
-      }],
-      /**
-       * Place Items
-       * @see https://tailwindcss.com/docs/place-items
-       */
-      "place-items": [{
-        "place-items": [...$(), "baseline"]
-      }],
-      /**
-       * Place Self
-       * @see https://tailwindcss.com/docs/place-self
-       */
-      "place-self": [{
-        "place-self": ["auto", ...$()]
-      }],
-      // Spacing
-      /**
-       * Padding
-       * @see https://tailwindcss.com/docs/padding
-       */
-      p: [{
-        p: c()
-      }],
-      /**
-       * Padding Inline
-       * @see https://tailwindcss.com/docs/padding
-       */
-      px: [{
-        px: c()
-      }],
-      /**
-       * Padding Block
-       * @see https://tailwindcss.com/docs/padding
-       */
-      py: [{
-        py: c()
-      }],
-      /**
-       * Padding Inline Start
-       * @see https://tailwindcss.com/docs/padding
-       */
-      ps: [{
-        ps: c()
-      }],
-      /**
-       * Padding Inline End
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pe: [{
-        pe: c()
-      }],
-      /**
-       * Padding Block Start
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pbs: [{
-        pbs: c()
-      }],
-      /**
-       * Padding Block End
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pbe: [{
-        pbe: c()
-      }],
-      /**
-       * Padding Top
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pt: [{
-        pt: c()
-      }],
-      /**
-       * Padding Right
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pr: [{
-        pr: c()
-      }],
-      /**
-       * Padding Bottom
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pb: [{
-        pb: c()
-      }],
-      /**
-       * Padding Left
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pl: [{
-        pl: c()
-      }],
-      /**
-       * Margin
-       * @see https://tailwindcss.com/docs/margin
-       */
-      m: [{
-        m: I()
-      }],
-      /**
-       * Margin Inline
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mx: [{
-        mx: I()
-      }],
-      /**
-       * Margin Block
-       * @see https://tailwindcss.com/docs/margin
-       */
-      my: [{
-        my: I()
-      }],
-      /**
-       * Margin Inline Start
-       * @see https://tailwindcss.com/docs/margin
-       */
-      ms: [{
-        ms: I()
-      }],
-      /**
-       * Margin Inline End
-       * @see https://tailwindcss.com/docs/margin
-       */
-      me: [{
-        me: I()
-      }],
-      /**
-       * Margin Block Start
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mbs: [{
-        mbs: I()
-      }],
-      /**
-       * Margin Block End
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mbe: [{
-        mbe: I()
-      }],
-      /**
-       * Margin Top
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mt: [{
-        mt: I()
-      }],
-      /**
-       * Margin Right
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mr: [{
-        mr: I()
-      }],
-      /**
-       * Margin Bottom
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mb: [{
-        mb: I()
-      }],
-      /**
-       * Margin Left
-       * @see https://tailwindcss.com/docs/margin
-       */
-      ml: [{
-        ml: I()
-      }],
-      /**
-       * Space Between X
-       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
-       */
-      "space-x": [{
-        "space-x": c()
-      }],
-      /**
-       * Space Between X Reverse
-       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
-       */
-      "space-x-reverse": ["space-x-reverse"],
-      /**
-       * Space Between Y
-       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
-       */
-      "space-y": [{
-        "space-y": c()
-      }],
-      /**
-       * Space Between Y Reverse
-       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
-       */
-      "space-y-reverse": ["space-y-reverse"],
-      // --------------
-      // --- Sizing ---
-      // --------------
-      /**
-       * Size
-       * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
-       */
-      size: [{
-        size: D()
-      }],
-      /**
-       * Inline Size
-       * @see https://tailwindcss.com/docs/width
-       */
-      "inline-size": [{
-        inline: ["auto", ...ne()]
-      }],
-      /**
-       * Min-Inline Size
-       * @see https://tailwindcss.com/docs/min-width
-       */
-      "min-inline-size": [{
-        "min-inline": ["auto", ...ne()]
-      }],
-      /**
-       * Max-Inline Size
-       * @see https://tailwindcss.com/docs/max-width
-       */
-      "max-inline-size": [{
-        "max-inline": ["none", ...ne()]
-      }],
-      /**
-       * Block Size
-       * @see https://tailwindcss.com/docs/height
-       */
-      "block-size": [{
-        block: ["auto", ...se()]
-      }],
-      /**
-       * Min-Block Size
-       * @see https://tailwindcss.com/docs/min-height
-       */
-      "min-block-size": [{
-        "min-block": ["auto", ...se()]
-      }],
-      /**
-       * Max-Block Size
-       * @see https://tailwindcss.com/docs/max-height
-       */
-      "max-block-size": [{
-        "max-block": ["none", ...se()]
-      }],
-      /**
-       * Width
-       * @see https://tailwindcss.com/docs/width
-       */
-      w: [{
-        w: [p, "screen", ...D()]
-      }],
-      /**
-       * Min-Width
-       * @see https://tailwindcss.com/docs/min-width
-       */
-      "min-w": [{
-        "min-w": [
-          p,
-          "screen",
-          /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
-          "none",
-          ...D()
-        ]
-      }],
-      /**
-       * Max-Width
-       * @see https://tailwindcss.com/docs/max-width
-       */
-      "max-w": [{
-        "max-w": [
-          p,
-          "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]
-          },
-          ...D()
-        ]
-      }],
-      /**
-       * Height
-       * @see https://tailwindcss.com/docs/height
-       */
-      h: [{
-        h: ["screen", "lh", ...D()]
-      }],
-      /**
-       * Min-Height
-       * @see https://tailwindcss.com/docs/min-height
-       */
-      "min-h": [{
-        "min-h": ["screen", "lh", "none", ...D()]
-      }],
-      /**
-       * Max-Height
-       * @see https://tailwindcss.com/docs/max-height
-       */
-      "max-h": [{
-        "max-h": ["screen", "lh", ...D()]
-      }],
-      // ------------------
-      // --- Typography ---
-      // ------------------
-      /**
-       * Font Size
-       * @see https://tailwindcss.com/docs/font-size
-       */
-      "font-size": [{
-        text: ["base", t, Y, F]
-      }],
-      /**
-       * Font Smoothing
-       * @see https://tailwindcss.com/docs/font-smoothing
-       */
-      "font-smoothing": ["antialiased", "subpixel-antialiased"],
-      /**
-       * Font Style
-       * @see https://tailwindcss.com/docs/font-style
-       */
-      "font-style": ["italic", "not-italic"],
-      /**
-       * Font Weight
-       * @see https://tailwindcss.com/docs/font-weight
-       */
-      "font-weight": [{
-        font: [o, fo, lo]
-      }],
-      /**
-       * 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", le, s]
-      }],
-      /**
-       * Font Family
-       * @see https://tailwindcss.com/docs/font-family
-       */
-      "font-family": [{
-        font: [uo, co, r]
-      }],
-      /**
-       * Font Feature Settings
-       * @see https://tailwindcss.com/docs/font-feature-settings
-       */
-      "font-features": [{
-        "font-features": [s]
-      }],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-normal": ["normal-nums"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-ordinal": ["ordinal"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-slashed-zero": ["slashed-zero"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-figure": ["lining-nums", "oldstyle-nums"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-spacing": ["proportional-nums", "tabular-nums"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
-      /**
-       * Letter Spacing
-       * @see https://tailwindcss.com/docs/letter-spacing
-       */
-      tracking: [{
-        tracking: [n, a, s]
-      }],
-      /**
-       * Line Clamp
-       * @see https://tailwindcss.com/docs/line-clamp
-       */
-      "line-clamp": [{
-        "line-clamp": [b, "none", a, Ce]
-      }],
-      /**
-       * Line Height
-       * @see https://tailwindcss.com/docs/line-height
-       */
-      leading: [{
-        leading: [
-          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
-          l,
-          ...c()
-        ]
-      }],
-      /**
-       * List Style Image
-       * @see https://tailwindcss.com/docs/list-style-image
-       */
-      "list-image": [{
-        "list-image": ["none", a, s]
-      }],
-      /**
-       * List Style Position
-       * @see https://tailwindcss.com/docs/list-style-position
-       */
-      "list-style-position": [{
-        list: ["inside", "outside"]
-      }],
-      /**
-       * List Style Type
-       * @see https://tailwindcss.com/docs/list-style-type
-       */
-      "list-style-type": [{
-        list: ["disc", "decimal", "none", a, s]
-      }],
-      /**
-       * Text Alignment
-       * @see https://tailwindcss.com/docs/text-align
-       */
-      "text-alignment": [{
-        text: ["left", "center", "right", "justify", "start", "end"]
-      }],
-      /**
-       * Placeholder Color
-       * @deprecated since Tailwind CSS v3.0.0
-       * @see https://v3.tailwindcss.com/docs/placeholder-color
-       */
-      "placeholder-color": [{
-        placeholder: d()
-      }],
-      /**
-       * Text Color
-       * @see https://tailwindcss.com/docs/text-color
-       */
-      "text-color": [{
-        text: d()
-      }],
-      /**
-       * Text Decoration
-       * @see https://tailwindcss.com/docs/text-decoration
-       */
-      "text-decoration": ["underline", "overline", "line-through", "no-underline"],
-      /**
-       * Text Decoration Style
-       * @see https://tailwindcss.com/docs/text-decoration-style
-       */
-      "text-decoration-style": [{
-        decoration: [...J(), "wavy"]
-      }],
-      /**
-       * Text Decoration Thickness
-       * @see https://tailwindcss.com/docs/text-decoration-thickness
-       */
-      "text-decoration-thickness": [{
-        decoration: [b, "from-font", "auto", a, F]
-      }],
-      /**
-       * Text Decoration Color
-       * @see https://tailwindcss.com/docs/text-decoration-color
-       */
-      "text-decoration-color": [{
-        decoration: d()
-      }],
-      /**
-       * Text Underline Offset
-       * @see https://tailwindcss.com/docs/text-underline-offset
-       */
-      "underline-offset": [{
-        "underline-offset": [b, "auto", a, s]
-      }],
-      /**
-       * Text Transform
-       * @see https://tailwindcss.com/docs/text-transform
-       */
-      "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
-      /**
-       * Text Overflow
-       * @see https://tailwindcss.com/docs/text-overflow
-       */
-      "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
-      /**
-       * Text Wrap
-       * @see https://tailwindcss.com/docs/text-wrap
-       */
-      "text-wrap": [{
-        text: ["wrap", "nowrap", "balance", "pretty"]
-      }],
-      /**
-       * Text Indent
-       * @see https://tailwindcss.com/docs/text-indent
-       */
-      indent: [{
-        indent: c()
-      }],
-      /**
-       * Tab Size
-       * @see https://tailwindcss.com/docs/tab-size
-       */
-      "tab-size": [{
-        tab: [R, a, s]
-      }],
-      /**
-       * Vertical Alignment
-       * @see https://tailwindcss.com/docs/vertical-align
-       */
-      "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", a, s]
-      }],
-      /**
-       * Whitespace
-       * @see https://tailwindcss.com/docs/whitespace
-       */
-      whitespace: [{
-        whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
-      }],
-      /**
-       * Word Break
-       * @see https://tailwindcss.com/docs/word-break
-       */
-      break: [{
-        break: ["normal", "words", "all", "keep"]
-      }],
-      /**
-       * Overflow Wrap
-       * @see https://tailwindcss.com/docs/overflow-wrap
-       */
-      wrap: [{
-        wrap: ["break-word", "anywhere", "normal"]
-      }],
-      /**
-       * Hyphens
-       * @see https://tailwindcss.com/docs/hyphens
-       */
-      hyphens: [{
-        hyphens: ["none", "manual", "auto"]
-      }],
-      /**
-       * Content
-       * @see https://tailwindcss.com/docs/content
-       */
-      content: [{
-        content: ["none", a, s]
-      }],
-      // -------------------
-      // --- Backgrounds ---
-      // -------------------
-      /**
-       * Background Attachment
-       * @see https://tailwindcss.com/docs/background-attachment
-       */
-      "bg-attachment": [{
-        bg: ["fixed", "local", "scroll"]
-      }],
-      /**
-       * Background Clip
-       * @see https://tailwindcss.com/docs/background-clip
-       */
-      "bg-clip": [{
-        "bg-clip": ["border", "padding", "content", "text"]
-      }],
-      /**
-       * Background Origin
-       * @see https://tailwindcss.com/docs/background-origin
-       */
-      "bg-origin": [{
-        "bg-origin": ["border", "padding", "content"]
-      }],
-      /**
-       * Background Position
-       * @see https://tailwindcss.com/docs/background-position
-       */
-      "bg-position": [{
-        bg: fe()
-      }],
-      /**
-       * Background Repeat
-       * @see https://tailwindcss.com/docs/background-repeat
-       */
-      "bg-repeat": [{
-        bg: ge()
-      }],
-      /**
-       * Background Size
-       * @see https://tailwindcss.com/docs/background-size
-       */
-      "bg-size": [{
-        bg: he()
-      }],
-      /**
-       * Background Image
-       * @see https://tailwindcss.com/docs/background-image
-       */
-      "bg-image": [{
-        bg: ["none", {
-          linear: [{
-            to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, R, a, s],
-          radial: ["", a, s],
-          conic: [R, a, s]
-        }, bo, mo]
-      }],
-      /**
-       * Background Color
-       * @see https://tailwindcss.com/docs/background-color
-       */
-      "bg-color": [{
-        bg: d()
-      }],
-      /**
-       * Gradient Color Stops From Position
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-from-pos": [{
-        from: ae()
-      }],
-      /**
-       * Gradient Color Stops Via Position
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-via-pos": [{
-        via: ae()
-      }],
-      /**
-       * Gradient Color Stops To Position
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-to-pos": [{
-        to: ae()
-      }],
-      /**
-       * Gradient Color Stops From
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-from": [{
-        from: d()
-      }],
-      /**
-       * Gradient Color Stops Via
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-via": [{
-        via: d()
-      }],
-      /**
-       * Gradient Color Stops To
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-to": [{
-        to: d()
-      }],
-      // ---------------
-      // --- Borders ---
-      // ---------------
-      /**
-       * Border Radius
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      rounded: [{
-        rounded: C()
-      }],
-      /**
-       * Border Radius Start
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-s": [{
-        "rounded-s": C()
-      }],
-      /**
-       * Border Radius End
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-e": [{
-        "rounded-e": C()
-      }],
-      /**
-       * Border Radius Top
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-t": [{
-        "rounded-t": C()
-      }],
-      /**
-       * Border Radius Right
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-r": [{
-        "rounded-r": C()
-      }],
-      /**
-       * Border Radius Bottom
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-b": [{
-        "rounded-b": C()
-      }],
-      /**
-       * Border Radius Left
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-l": [{
-        "rounded-l": C()
-      }],
-      /**
-       * Border Radius Start Start
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-ss": [{
-        "rounded-ss": C()
-      }],
-      /**
-       * Border Radius Start End
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-se": [{
-        "rounded-se": C()
-      }],
-      /**
-       * Border Radius End End
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-ee": [{
-        "rounded-ee": C()
-      }],
-      /**
-       * Border Radius End Start
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-es": [{
-        "rounded-es": C()
-      }],
-      /**
-       * Border Radius Top Left
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-tl": [{
-        "rounded-tl": C()
-      }],
-      /**
-       * Border Radius Top Right
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-tr": [{
-        "rounded-tr": C()
-      }],
-      /**
-       * Border Radius Bottom Right
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-br": [{
-        "rounded-br": C()
-      }],
-      /**
-       * Border Radius Bottom Left
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-bl": [{
-        "rounded-bl": C()
-      }],
-      /**
-       * Border Width
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w": [{
-        border: z()
-      }],
-      /**
-       * Border Width Inline
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-x": [{
-        "border-x": z()
-      }],
-      /**
-       * Border Width Block
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-y": [{
-        "border-y": z()
-      }],
-      /**
-       * Border Width Inline Start
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-s": [{
-        "border-s": z()
-      }],
-      /**
-       * Border Width Inline End
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-e": [{
-        "border-e": z()
-      }],
-      /**
-       * Border Width Block Start
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-bs": [{
-        "border-bs": z()
-      }],
-      /**
-       * Border Width Block End
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-be": [{
-        "border-be": z()
-      }],
-      /**
-       * Border Width Top
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-t": [{
-        "border-t": z()
-      }],
-      /**
-       * Border Width Right
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-r": [{
-        "border-r": z()
-      }],
-      /**
-       * Border Width Bottom
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-b": [{
-        "border-b": z()
-      }],
-      /**
-       * Border Width Left
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-l": [{
-        "border-l": z()
-      }],
-      /**
-       * Divide Width X
-       * @see https://tailwindcss.com/docs/border-width#between-children
-       */
-      "divide-x": [{
-        "divide-x": z()
-      }],
-      /**
-       * Divide Width X Reverse
-       * @see https://tailwindcss.com/docs/border-width#between-children
-       */
-      "divide-x-reverse": ["divide-x-reverse"],
-      /**
-       * Divide Width Y
-       * @see https://tailwindcss.com/docs/border-width#between-children
-       */
-      "divide-y": [{
-        "divide-y": z()
-      }],
-      /**
-       * Divide Width Y Reverse
-       * @see https://tailwindcss.com/docs/border-width#between-children
-       */
-      "divide-y-reverse": ["divide-y-reverse"],
-      /**
-       * Border Style
-       * @see https://tailwindcss.com/docs/border-style
-       */
-      "border-style": [{
-        border: [...J(), "hidden", "none"]
-      }],
-      /**
-       * Divide Style
-       * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
-       */
-      "divide-style": [{
-        divide: [...J(), "hidden", "none"]
-      }],
-      /**
-       * Border Color
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color": [{
-        border: d()
-      }],
-      /**
-       * Border Color Inline
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-x": [{
-        "border-x": d()
-      }],
-      /**
-       * Border Color Block
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-y": [{
-        "border-y": d()
-      }],
-      /**
-       * Border Color Inline Start
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-s": [{
-        "border-s": d()
-      }],
-      /**
-       * Border Color Inline End
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-e": [{
-        "border-e": d()
-      }],
-      /**
-       * Border Color Block Start
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-bs": [{
-        "border-bs": d()
-      }],
-      /**
-       * Border Color Block End
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-be": [{
-        "border-be": d()
-      }],
-      /**
-       * Border Color Top
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-t": [{
-        "border-t": d()
-      }],
-      /**
-       * Border Color Right
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-r": [{
-        "border-r": d()
-      }],
-      /**
-       * Border Color Bottom
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-b": [{
-        "border-b": d()
-      }],
-      /**
-       * Border Color Left
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-l": [{
-        "border-l": d()
-      }],
-      /**
-       * Divide Color
-       * @see https://tailwindcss.com/docs/divide-color
-       */
-      "divide-color": [{
-        divide: d()
-      }],
-      /**
-       * Outline Style
-       * @see https://tailwindcss.com/docs/outline-style
-       */
-      "outline-style": [{
-        outline: [...J(), "none", "hidden"]
-      }],
-      /**
-       * Outline Offset
-       * @see https://tailwindcss.com/docs/outline-offset
-       */
-      "outline-offset": [{
-        "outline-offset": [b, a, s]
-      }],
-      /**
-       * Outline Width
-       * @see https://tailwindcss.com/docs/outline-width
-       */
-      "outline-w": [{
-        outline: ["", b, Y, F]
-      }],
-      /**
-       * Outline Color
-       * @see https://tailwindcss.com/docs/outline-color
-       */
-      "outline-color": [{
-        outline: d()
-      }],
-      // ---------------
-      // --- Effects ---
-      // ---------------
-      /**
-       * Box Shadow
-       * @see https://tailwindcss.com/docs/box-shadow
-       */
-      shadow: [{
-        shadow: [
-          // Deprecated since Tailwind CSS v4.0.0
-          "",
-          "none",
-          w,
-          re,
-          ee
-        ]
-      }],
-      /**
-       * Box Shadow Color
-       * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
-       */
-      "shadow-color": [{
-        shadow: d()
-      }],
-      /**
-       * Inset Box Shadow
-       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
-       */
-      "inset-shadow": [{
-        "inset-shadow": ["none", v, re, ee]
-      }],
-      /**
-       * Inset Box Shadow Color
-       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
-       */
-      "inset-shadow-color": [{
-        "inset-shadow": d()
-      }],
-      /**
-       * Ring Width
-       * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
-       */
-      "ring-w": [{
-        ring: z()
-      }],
-      /**
-       * Ring Width Inset
-       * @see https://v3.tailwindcss.com/docs/ring-width#inset-rings
-       * @deprecated since Tailwind CSS v4.0.0
-       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
-       */
-      "ring-w-inset": ["ring-inset"],
-      /**
-       * Ring Color
-       * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
-       */
-      "ring-color": [{
-        ring: d()
-      }],
-      /**
-       * Ring Offset Width
-       * @see https://v3.tailwindcss.com/docs/ring-offset-width
-       * @deprecated since Tailwind CSS v4.0.0
-       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
-       */
-      "ring-offset-w": [{
-        "ring-offset": [b, F]
-      }],
-      /**
-       * Ring Offset Color
-       * @see https://v3.tailwindcss.com/docs/ring-offset-color
-       * @deprecated since Tailwind CSS v4.0.0
-       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
-       */
-      "ring-offset-color": [{
-        "ring-offset": d()
-      }],
-      /**
-       * Inset Ring Width
-       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
-       */
-      "inset-ring-w": [{
-        "inset-ring": z()
-      }],
-      /**
-       * Inset Ring Color
-       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
-       */
-      "inset-ring-color": [{
-        "inset-ring": d()
-      }],
-      /**
-       * Text Shadow
-       * @see https://tailwindcss.com/docs/text-shadow
-       */
-      "text-shadow": [{
-        "text-shadow": ["none", B, re, ee]
-      }],
-      /**
-       * Text Shadow Color
-       * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
-       */
-      "text-shadow-color": [{
-        "text-shadow": d()
-      }],
-      /**
-       * Opacity
-       * @see https://tailwindcss.com/docs/opacity
-       */
-      opacity: [{
-        opacity: [b, a, s]
-      }],
-      /**
-       * Mix Blend Mode
-       * @see https://tailwindcss.com/docs/mix-blend-mode
-       */
-      "mix-blend": [{
-        "mix-blend": [...ye(), "plus-darker", "plus-lighter"]
-      }],
-      /**
-       * Background Blend Mode
-       * @see https://tailwindcss.com/docs/background-blend-mode
-       */
-      "bg-blend": [{
-        "bg-blend": ye()
-      }],
-      /**
-       * Mask Clip
-       * @see https://tailwindcss.com/docs/mask-clip
-       */
-      "mask-clip": [{
-        "mask-clip": ["border", "padding", "content", "fill", "stroke", "view"]
-      }, "mask-no-clip"],
-      /**
-       * Mask Composite
-       * @see https://tailwindcss.com/docs/mask-composite
-       */
-      "mask-composite": [{
-        mask: ["add", "subtract", "intersect", "exclude"]
-      }],
-      /**
-       * Mask Image
-       * @see https://tailwindcss.com/docs/mask-image
-       */
-      "mask-image-linear-pos": [{
-        "mask-linear": [b]
-      }],
-      "mask-image-linear-from-pos": [{
-        "mask-linear-from": x()
-      }],
-      "mask-image-linear-to-pos": [{
-        "mask-linear-to": x()
-      }],
-      "mask-image-linear-from-color": [{
-        "mask-linear-from": d()
-      }],
-      "mask-image-linear-to-color": [{
-        "mask-linear-to": d()
-      }],
-      "mask-image-t-from-pos": [{
-        "mask-t-from": x()
-      }],
-      "mask-image-t-to-pos": [{
-        "mask-t-to": x()
-      }],
-      "mask-image-t-from-color": [{
-        "mask-t-from": d()
-      }],
-      "mask-image-t-to-color": [{
-        "mask-t-to": d()
-      }],
-      "mask-image-r-from-pos": [{
-        "mask-r-from": x()
-      }],
-      "mask-image-r-to-pos": [{
-        "mask-r-to": x()
-      }],
-      "mask-image-r-from-color": [{
-        "mask-r-from": d()
-      }],
-      "mask-image-r-to-color": [{
-        "mask-r-to": d()
-      }],
-      "mask-image-b-from-pos": [{
-        "mask-b-from": x()
-      }],
-      "mask-image-b-to-pos": [{
-        "mask-b-to": x()
-      }],
-      "mask-image-b-from-color": [{
-        "mask-b-from": d()
-      }],
-      "mask-image-b-to-color": [{
-        "mask-b-to": d()
-      }],
-      "mask-image-l-from-pos": [{
-        "mask-l-from": x()
-      }],
-      "mask-image-l-to-pos": [{
-        "mask-l-to": x()
-      }],
-      "mask-image-l-from-color": [{
-        "mask-l-from": d()
-      }],
-      "mask-image-l-to-color": [{
-        "mask-l-to": d()
-      }],
-      "mask-image-x-from-pos": [{
-        "mask-x-from": x()
-      }],
-      "mask-image-x-to-pos": [{
-        "mask-x-to": x()
-      }],
-      "mask-image-x-from-color": [{
-        "mask-x-from": d()
-      }],
-      "mask-image-x-to-color": [{
-        "mask-x-to": d()
-      }],
-      "mask-image-y-from-pos": [{
-        "mask-y-from": x()
-      }],
-      "mask-image-y-to-pos": [{
-        "mask-y-to": x()
-      }],
-      "mask-image-y-from-color": [{
-        "mask-y-from": d()
-      }],
-      "mask-image-y-to-color": [{
-        "mask-y-to": d()
-      }],
-      "mask-image-radial": [{
-        "mask-radial": [a, s]
-      }],
-      "mask-image-radial-from-pos": [{
-        "mask-radial-from": x()
-      }],
-      "mask-image-radial-to-pos": [{
-        "mask-radial-to": x()
-      }],
-      "mask-image-radial-from-color": [{
-        "mask-radial-from": d()
-      }],
-      "mask-image-radial-to-color": [{
-        "mask-radial-to": d()
-      }],
-      "mask-image-radial-shape": [{
-        "mask-radial": ["circle", "ellipse"]
-      }],
-      "mask-image-radial-size": [{
-        "mask-radial": [{
-          closest: ["side", "corner"],
-          farthest: ["side", "corner"]
-        }]
-      }],
-      "mask-image-radial-pos": [{
-        "mask-radial-at": E()
-      }],
-      "mask-image-conic-pos": [{
-        "mask-conic": [b]
-      }],
-      "mask-image-conic-from-pos": [{
-        "mask-conic-from": x()
-      }],
-      "mask-image-conic-to-pos": [{
-        "mask-conic-to": x()
-      }],
-      "mask-image-conic-from-color": [{
-        "mask-conic-from": d()
-      }],
-      "mask-image-conic-to-color": [{
-        "mask-conic-to": d()
-      }],
-      /**
-       * Mask Mode
-       * @see https://tailwindcss.com/docs/mask-mode
-       */
-      "mask-mode": [{
-        mask: ["alpha", "luminance", "match"]
-      }],
-      /**
-       * Mask Origin
-       * @see https://tailwindcss.com/docs/mask-origin
-       */
-      "mask-origin": [{
-        "mask-origin": ["border", "padding", "content", "fill", "stroke", "view"]
-      }],
-      /**
-       * Mask Position
-       * @see https://tailwindcss.com/docs/mask-position
-       */
-      "mask-position": [{
-        mask: fe()
-      }],
-      /**
-       * Mask Repeat
-       * @see https://tailwindcss.com/docs/mask-repeat
-       */
-      "mask-repeat": [{
-        mask: ge()
-      }],
-      /**
-       * Mask Size
-       * @see https://tailwindcss.com/docs/mask-size
-       */
-      "mask-size": [{
-        mask: he()
-      }],
-      /**
-       * Mask Type
-       * @see https://tailwindcss.com/docs/mask-type
-       */
-      "mask-type": [{
-        "mask-type": ["alpha", "luminance"]
-      }],
-      /**
-       * Mask Image
-       * @see https://tailwindcss.com/docs/mask-image
-       */
-      "mask-image": [{
-        mask: ["none", a, s]
-      }],
-      // ---------------
-      // --- Filters ---
-      // ---------------
-      /**
-       * Filter
-       * @see https://tailwindcss.com/docs/filter
-       */
-      filter: [{
-        filter: [
-          // Deprecated since Tailwind CSS v3.0.0
-          "",
-          "none",
-          a,
-          s
-        ]
-      }],
-      /**
-       * Blur
-       * @see https://tailwindcss.com/docs/blur
-       */
-      blur: [{
-        blur: xe()
-      }],
-      /**
-       * Brightness
-       * @see https://tailwindcss.com/docs/brightness
-       */
-      brightness: [{
-        brightness: [b, a, s]
-      }],
-      /**
-       * Contrast
-       * @see https://tailwindcss.com/docs/contrast
-       */
-      contrast: [{
-        contrast: [b, a, s]
-      }],
-      /**
-       * Drop Shadow
-       * @see https://tailwindcss.com/docs/drop-shadow
-       */
-      "drop-shadow": [{
-        "drop-shadow": [
-          // Deprecated since Tailwind CSS v4.0.0
-          "",
-          "none",
-          T,
-          re,
-          ee
-        ]
-      }],
-      /**
-       * Drop Shadow Color
-       * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
-       */
-      "drop-shadow-color": [{
-        "drop-shadow": d()
-      }],
-      /**
-       * Grayscale
-       * @see https://tailwindcss.com/docs/grayscale
-       */
-      grayscale: [{
-        grayscale: ["", b, a, s]
-      }],
-      /**
-       * Hue Rotate
-       * @see https://tailwindcss.com/docs/hue-rotate
-       */
-      "hue-rotate": [{
-        "hue-rotate": [b, a, s]
-      }],
-      /**
-       * Invert
-       * @see https://tailwindcss.com/docs/invert
-       */
-      invert: [{
-        invert: ["", b, a, s]
-      }],
-      /**
-       * Saturate
-       * @see https://tailwindcss.com/docs/saturate
-       */
-      saturate: [{
-        saturate: [b, a, s]
-      }],
-      /**
-       * Sepia
-       * @see https://tailwindcss.com/docs/sepia
-       */
-      sepia: [{
-        sepia: ["", b, a, s]
-      }],
-      /**
-       * Backdrop Filter
-       * @see https://tailwindcss.com/docs/backdrop-filter
-       */
-      "backdrop-filter": [{
-        "backdrop-filter": [
-          // Deprecated since Tailwind CSS v3.0.0
-          "",
-          "none",
-          a,
-          s
-        ]
-      }],
-      /**
-       * Backdrop Blur
-       * @see https://tailwindcss.com/docs/backdrop-blur
-       */
-      "backdrop-blur": [{
-        "backdrop-blur": xe()
-      }],
-      /**
-       * Backdrop Brightness
-       * @see https://tailwindcss.com/docs/backdrop-brightness
-       */
-      "backdrop-brightness": [{
-        "backdrop-brightness": [b, a, s]
-      }],
-      /**
-       * Backdrop Contrast
-       * @see https://tailwindcss.com/docs/backdrop-contrast
-       */
-      "backdrop-contrast": [{
-        "backdrop-contrast": [b, a, s]
-      }],
-      /**
-       * Backdrop Grayscale
-       * @see https://tailwindcss.com/docs/backdrop-grayscale
-       */
-      "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", b, a, s]
-      }],
-      /**
-       * Backdrop Hue Rotate
-       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
-       */
-      "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [b, a, s]
-      }],
-      /**
-       * Backdrop Invert
-       * @see https://tailwindcss.com/docs/backdrop-invert
-       */
-      "backdrop-invert": [{
-        "backdrop-invert": ["", b, a, s]
-      }],
-      /**
-       * Backdrop Opacity
-       * @see https://tailwindcss.com/docs/backdrop-opacity
-       */
-      "backdrop-opacity": [{
-        "backdrop-opacity": [b, a, s]
-      }],
-      /**
-       * Backdrop Saturate
-       * @see https://tailwindcss.com/docs/backdrop-saturate
-       */
-      "backdrop-saturate": [{
-        "backdrop-saturate": [b, a, s]
-      }],
-      /**
-       * Backdrop Sepia
-       * @see https://tailwindcss.com/docs/backdrop-sepia
-       */
-      "backdrop-sepia": [{
-        "backdrop-sepia": ["", b, a, s]
-      }],
-      // --------------
-      // --- Tables ---
-      // --------------
-      /**
-       * Border Collapse
-       * @see https://tailwindcss.com/docs/border-collapse
-       */
-      "border-collapse": [{
-        border: ["collapse", "separate"]
-      }],
-      /**
-       * Border Spacing
-       * @see https://tailwindcss.com/docs/border-spacing
-       */
-      "border-spacing": [{
-        "border-spacing": c()
-      }],
-      /**
-       * Border Spacing X
-       * @see https://tailwindcss.com/docs/border-spacing
-       */
-      "border-spacing-x": [{
-        "border-spacing-x": c()
-      }],
-      /**
-       * Border Spacing Y
-       * @see https://tailwindcss.com/docs/border-spacing
-       */
-      "border-spacing-y": [{
-        "border-spacing-y": c()
-      }],
-      /**
-       * Table Layout
-       * @see https://tailwindcss.com/docs/table-layout
-       */
-      "table-layout": [{
-        table: ["auto", "fixed"]
-      }],
-      /**
-       * Caption Side
-       * @see https://tailwindcss.com/docs/caption-side
-       */
-      caption: [{
-        caption: ["top", "bottom"]
-      }],
-      // ---------------------------------
-      // --- Transitions and Animation ---
-      // ---------------------------------
-      /**
-       * Transition Property
-       * @see https://tailwindcss.com/docs/transition-property
-       */
-      transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", a, s]
-      }],
-      /**
-       * Transition Behavior
-       * @see https://tailwindcss.com/docs/transition-behavior
-       */
-      "transition-behavior": [{
-        transition: ["normal", "discrete"]
-      }],
-      /**
-       * Transition Duration
-       * @see https://tailwindcss.com/docs/transition-duration
-       */
-      duration: [{
-        duration: [b, "initial", a, s]
-      }],
-      /**
-       * Transition Timing Function
-       * @see https://tailwindcss.com/docs/transition-timing-function
-       */
-      ease: [{
-        ease: ["linear", "initial", j, a, s]
-      }],
-      /**
-       * Transition Delay
-       * @see https://tailwindcss.com/docs/transition-delay
-       */
-      delay: [{
-        delay: [b, a, s]
-      }],
-      /**
-       * Animation
-       * @see https://tailwindcss.com/docs/animation
-       */
-      animate: [{
-        animate: ["none", A, a, s]
-      }],
-      // ------------------
-      // --- Transforms ---
-      // ------------------
-      /**
-       * Backface Visibility
-       * @see https://tailwindcss.com/docs/backface-visibility
-       */
-      backface: [{
-        backface: ["hidden", "visible"]
-      }],
-      /**
-       * Perspective
-       * @see https://tailwindcss.com/docs/perspective
-       */
-      perspective: [{
-        perspective: [M, a, s]
-      }],
-      /**
-       * Perspective Origin
-       * @see https://tailwindcss.com/docs/perspective-origin
-       */
-      "perspective-origin": [{
-        "perspective-origin": V()
-      }],
-      /**
-       * Rotate
-       * @see https://tailwindcss.com/docs/rotate
-       */
-      rotate: [{
-        rotate: Q()
-      }],
-      /**
-       * Rotate X
-       * @see https://tailwindcss.com/docs/rotate
-       */
-      "rotate-x": [{
-        "rotate-x": Q()
-      }],
-      /**
-       * Rotate Y
-       * @see https://tailwindcss.com/docs/rotate
-       */
-      "rotate-y": [{
-        "rotate-y": Q()
-      }],
-      /**
-       * Rotate Z
-       * @see https://tailwindcss.com/docs/rotate
-       */
-      "rotate-z": [{
-        "rotate-z": Q()
-      }],
-      /**
-       * Scale
-       * @see https://tailwindcss.com/docs/scale
-       */
-      scale: [{
-        scale: K()
-      }],
-      /**
-       * Scale X
-       * @see https://tailwindcss.com/docs/scale
-       */
-      "scale-x": [{
-        "scale-x": K()
-      }],
-      /**
-       * Scale Y
-       * @see https://tailwindcss.com/docs/scale
-       */
-      "scale-y": [{
-        "scale-y": K()
-      }],
-      /**
-       * Scale Z
-       * @see https://tailwindcss.com/docs/scale
-       */
-      "scale-z": [{
-        "scale-z": K()
-      }],
-      /**
-       * Scale 3D
-       * @see https://tailwindcss.com/docs/scale
-       */
-      "scale-3d": ["scale-3d"],
-      /**
-       * Skew
-       * @see https://tailwindcss.com/docs/skew
-       */
-      skew: [{
-        skew: ie()
-      }],
-      /**
-       * Skew X
-       * @see https://tailwindcss.com/docs/skew
-       */
-      "skew-x": [{
-        "skew-x": ie()
-      }],
-      /**
-       * Skew Y
-       * @see https://tailwindcss.com/docs/skew
-       */
-      "skew-y": [{
-        "skew-y": ie()
-      }],
-      /**
-       * Transform
-       * @see https://tailwindcss.com/docs/transform
-       */
-      transform: [{
-        transform: [a, s, "", "none", "gpu", "cpu"]
-      }],
-      /**
-       * Transform Origin
-       * @see https://tailwindcss.com/docs/transform-origin
-       */
-      "transform-origin": [{
-        origin: V()
-      }],
-      /**
-       * Transform Style
-       * @see https://tailwindcss.com/docs/transform-style
-       */
-      "transform-style": [{
-        transform: ["3d", "flat"]
-      }],
-      /**
-       * Translate
-       * @see https://tailwindcss.com/docs/translate
-       */
-      translate: [{
-        translate: Z()
-      }],
-      /**
-       * Translate X
-       * @see https://tailwindcss.com/docs/translate
-       */
-      "translate-x": [{
-        "translate-x": Z()
-      }],
-      /**
-       * Translate Y
-       * @see https://tailwindcss.com/docs/translate
-       */
-      "translate-y": [{
-        "translate-y": Z()
-      }],
-      /**
-       * Translate Z
-       * @see https://tailwindcss.com/docs/translate
-       */
-      "translate-z": [{
-        "translate-z": Z()
-      }],
-      /**
-       * Translate None
-       * @see https://tailwindcss.com/docs/translate
-       */
-      "translate-none": ["translate-none"],
-      /**
-       * Zoom
-       * @see https://tailwindcss.com/docs/zoom
-       */
-      zoom: [{
-        zoom: [R, a, s]
-      }],
-      // ---------------------
-      // --- Interactivity ---
-      // ---------------------
-      /**
-       * Accent Color
-       * @see https://tailwindcss.com/docs/accent-color
-       */
-      accent: [{
-        accent: d()
-      }],
-      /**
-       * Appearance
-       * @see https://tailwindcss.com/docs/appearance
-       */
-      appearance: [{
-        appearance: ["none", "auto"]
-      }],
-      /**
-       * Caret Color
-       * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
-       */
-      "caret-color": [{
-        caret: d()
-      }],
-      /**
-       * Color Scheme
-       * @see https://tailwindcss.com/docs/color-scheme
-       */
-      "color-scheme": [{
-        scheme: ["normal", "dark", "light", "light-dark", "only-dark", "only-light"]
-      }],
-      /**
-       * Cursor
-       * @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]
-      }],
-      /**
-       * Field Sizing
-       * @see https://tailwindcss.com/docs/field-sizing
-       */
-      "field-sizing": [{
-        "field-sizing": ["fixed", "content"]
-      }],
-      /**
-       * Pointer Events
-       * @see https://tailwindcss.com/docs/pointer-events
-       */
-      "pointer-events": [{
-        "pointer-events": ["auto", "none"]
-      }],
-      /**
-       * Resize
-       * @see https://tailwindcss.com/docs/resize
-       */
-      resize: [{
-        resize: ["none", "", "y", "x"]
-      }],
-      /**
-       * Scroll Behavior
-       * @see https://tailwindcss.com/docs/scroll-behavior
-       */
-      "scroll-behavior": [{
-        scroll: ["auto", "smooth"]
-      }],
-      /**
-       * Scrollbar Thumb Color
-       * @see https://tailwindcss.com/docs/scrollbar-color
-       */
-      "scrollbar-thumb-color": [{
-        "scrollbar-thumb": d()
-      }],
-      /**
-       * Scrollbar Track Color
-       * @see https://tailwindcss.com/docs/scrollbar-color
-       */
-      "scrollbar-track-color": [{
-        "scrollbar-track": d()
-      }],
-      /**
-       * Scrollbar Gutter
-       * @see https://tailwindcss.com/docs/scrollbar-gutter
-       */
-      "scrollbar-gutter": [{
-        "scrollbar-gutter": ["auto", "stable", "both"]
-      }],
-      /**
-       * Scrollbar Width
-       * @see https://tailwindcss.com/docs/scrollbar-width
-       */
-      "scrollbar-w": [{
-        scrollbar: ["auto", "thin", "none"]
-      }],
-      /**
-       * Scroll Margin
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-m": [{
-        "scroll-m": c()
-      }],
-      /**
-       * Scroll Margin Inline
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mx": [{
-        "scroll-mx": c()
-      }],
-      /**
-       * Scroll Margin Block
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-my": [{
-        "scroll-my": c()
-      }],
-      /**
-       * Scroll Margin Inline Start
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-ms": [{
-        "scroll-ms": c()
-      }],
-      /**
-       * Scroll Margin Inline End
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-me": [{
-        "scroll-me": c()
-      }],
-      /**
-       * Scroll Margin Block Start
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mbs": [{
-        "scroll-mbs": c()
-      }],
-      /**
-       * Scroll Margin Block End
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mbe": [{
-        "scroll-mbe": c()
-      }],
-      /**
-       * Scroll Margin Top
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mt": [{
-        "scroll-mt": c()
-      }],
-      /**
-       * Scroll Margin Right
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mr": [{
-        "scroll-mr": c()
-      }],
-      /**
-       * Scroll Margin Bottom
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mb": [{
-        "scroll-mb": c()
-      }],
-      /**
-       * Scroll Margin Left
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-ml": [{
-        "scroll-ml": c()
-      }],
-      /**
-       * Scroll Padding
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-p": [{
-        "scroll-p": c()
-      }],
-      /**
-       * Scroll Padding Inline
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-px": [{
-        "scroll-px": c()
-      }],
-      /**
-       * Scroll Padding Block
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-py": [{
-        "scroll-py": c()
-      }],
-      /**
-       * Scroll Padding Inline Start
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-ps": [{
-        "scroll-ps": c()
-      }],
-      /**
-       * Scroll Padding Inline End
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pe": [{
-        "scroll-pe": c()
-      }],
-      /**
-       * Scroll Padding Block Start
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pbs": [{
-        "scroll-pbs": c()
-      }],
-      /**
-       * Scroll Padding Block End
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pbe": [{
-        "scroll-pbe": c()
-      }],
-      /**
-       * Scroll Padding Top
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pt": [{
-        "scroll-pt": c()
-      }],
-      /**
-       * Scroll Padding Right
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pr": [{
-        "scroll-pr": c()
-      }],
-      /**
-       * Scroll Padding Bottom
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pb": [{
-        "scroll-pb": c()
-      }],
-      /**
-       * Scroll Padding Left
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pl": [{
-        "scroll-pl": c()
-      }],
-      /**
-       * Scroll Snap Align
-       * @see https://tailwindcss.com/docs/scroll-snap-align
-       */
-      "snap-align": [{
-        snap: ["start", "end", "center", "align-none"]
-      }],
-      /**
-       * Scroll Snap Stop
-       * @see https://tailwindcss.com/docs/scroll-snap-stop
-       */
-      "snap-stop": [{
-        snap: ["normal", "always"]
-      }],
-      /**
-       * Scroll Snap Type
-       * @see https://tailwindcss.com/docs/scroll-snap-type
-       */
-      "snap-type": [{
-        snap: ["none", "x", "y", "both"]
-      }],
-      /**
-       * Scroll Snap Type Strictness
-       * @see https://tailwindcss.com/docs/scroll-snap-type
-       */
-      "snap-strictness": [{
-        snap: ["mandatory", "proximity"]
-      }],
-      /**
-       * Touch Action
-       * @see https://tailwindcss.com/docs/touch-action
-       */
-      touch: [{
-        touch: ["auto", "none", "manipulation"]
-      }],
-      /**
-       * Touch Action X
-       * @see https://tailwindcss.com/docs/touch-action
-       */
-      "touch-x": [{
-        "touch-pan": ["x", "left", "right"]
-      }],
-      /**
-       * Touch Action Y
-       * @see https://tailwindcss.com/docs/touch-action
-       */
-      "touch-y": [{
-        "touch-pan": ["y", "up", "down"]
-      }],
-      /**
-       * Touch Action Pinch Zoom
-       * @see https://tailwindcss.com/docs/touch-action
-       */
-      "touch-pz": ["touch-pinch-zoom"],
-      /**
-       * User Select
-       * @see https://tailwindcss.com/docs/user-select
-       */
-      select: [{
-        select: ["none", "text", "all", "auto"]
-      }],
-      /**
-       * Will Change
-       * @see https://tailwindcss.com/docs/will-change
-       */
-      "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", a, s]
-      }],
-      // -----------
-      // --- SVG ---
-      // -----------
-      /**
-       * Fill
-       * @see https://tailwindcss.com/docs/fill
-       */
-      fill: [{
-        fill: ["none", ...d()]
-      }],
-      /**
-       * Stroke Width
-       * @see https://tailwindcss.com/docs/stroke-width
-       */
-      "stroke-w": [{
-        stroke: [b, Y, F, Ce]
-      }],
-      /**
-       * Stroke
-       * @see https://tailwindcss.com/docs/stroke
-       */
-      stroke: [{
-        stroke: ["none", ...d()]
-      }],
-      // ---------------------
-      // --- Accessibility ---
-      // ---------------------
-      /**
-       * Forced Color Adjust
-       * @see https://tailwindcss.com/docs/forced-color-adjust
-       */
-      "forced-color-adjust": [{
-        "forced-color-adjust": ["auto", "none"]
-      }]
-    },
-    conflictingClassGroups: {
-      "container-named": ["container-type"],
-      overflow: ["overflow-x", "overflow-y"],
-      overscroll: ["overscroll-x", "overscroll-y"],
-      inset: ["inset-x", "inset-y", "inset-bs", "inset-be", "start", "end", "top", "right", "bottom", "left"],
-      "inset-x": ["right", "left"],
-      "inset-y": ["top", "bottom"],
-      flex: ["basis", "grow", "shrink"],
-      gap: ["gap-x", "gap-y"],
-      p: ["px", "py", "ps", "pe", "pbs", "pbe", "pt", "pr", "pb", "pl"],
-      px: ["pr", "pl"],
-      py: ["pt", "pb"],
-      m: ["mx", "my", "ms", "me", "mbs", "mbe", "mt", "mr", "mb", "ml"],
-      mx: ["mr", "ml"],
-      my: ["mt", "mb"],
-      size: ["w", "h"],
-      "font-size": ["leading"],
-      "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
-      "fvn-ordinal": ["fvn-normal"],
-      "fvn-slashed-zero": ["fvn-normal"],
-      "fvn-figure": ["fvn-normal"],
-      "fvn-spacing": ["fvn-normal"],
-      "fvn-fraction": ["fvn-normal"],
-      "line-clamp": ["display", "overflow"],
-      rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
-      "rounded-s": ["rounded-ss", "rounded-es"],
-      "rounded-e": ["rounded-se", "rounded-ee"],
-      "rounded-t": ["rounded-tl", "rounded-tr"],
-      "rounded-r": ["rounded-tr", "rounded-br"],
-      "rounded-b": ["rounded-br", "rounded-bl"],
-      "rounded-l": ["rounded-tl", "rounded-bl"],
-      "border-spacing": ["border-spacing-x", "border-spacing-y"],
-      "border-w": ["border-w-x", "border-w-y", "border-w-s", "border-w-e", "border-w-bs", "border-w-be", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
-      "border-w-x": ["border-w-r", "border-w-l"],
-      "border-w-y": ["border-w-t", "border-w-b"],
-      "border-color": ["border-color-x", "border-color-y", "border-color-s", "border-color-e", "border-color-bs", "border-color-be", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
-      "border-color-x": ["border-color-r", "border-color-l"],
-      "border-color-y": ["border-color-t", "border-color-b"],
-      translate: ["translate-x", "translate-y", "translate-none"],
-      "translate-none": ["translate", "translate-x", "translate-y", "translate-z"],
-      "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mbs", "scroll-mbe", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
-      "scroll-mx": ["scroll-mr", "scroll-ml"],
-      "scroll-my": ["scroll-mt", "scroll-mb"],
-      "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pbs", "scroll-pbe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
-      "scroll-px": ["scroll-pr", "scroll-pl"],
-      "scroll-py": ["scroll-pt", "scroll-pb"],
-      touch: ["touch-x", "touch-y", "touch-pz"],
-      "touch-x": ["touch"],
-      "touch-y": ["touch"],
-      "touch-pz": ["touch"]
-    },
-    conflictingClassGroupModifiers: {
-      "font-size": ["leading"]
-    },
-    postfixLookupClassGroups: ["container-type"],
-    orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
-  };
-}, yo = /* @__PURE__ */ qr(ho);
-function f(...e) {
-  return yo(Ar(e));
-}
-const xo = {
-  primary: {
-    backgroundColor: "var(--gryt-accent)",
-    color: "#141126",
-    "&:hover": {
-      backgroundColor: "var(--gryt-accent-light)"
-    }
-  },
-  secondary: {
-    backgroundColor: "var(--gryt-secondary)",
-    color: "#07131c",
-    "&:hover": {
-      backgroundColor: "#bae6fd"
-    }
-  },
-  neutral: {
-    backgroundColor: "var(--gryt-surface-raised)",
-    color: "var(--gryt-text)",
-    "&:hover": {
-      backgroundColor: "#334155"
-    }
-  },
-  danger: {
-    backgroundColor: "var(--gryt-danger)",
-    color: "#250b0b",
-    "&:hover": {
-      backgroundColor: "#fca5a5"
-    }
-  },
-  ghost: {
-    backgroundColor: "transparent",
-    color: "var(--gryt-muted)",
-    "&:hover": {
-      backgroundColor: "rgb(255 255 255 / 0.08)",
-      color: "var(--gryt-text)"
-    }
-  }
-}, ko = h(
+const at = {
+  primary: "bg-gryt-accent text-gryt-on-accent hover:not-data-disabled:bg-gryt-accent-light",
+  secondary: "bg-gryt-secondary text-gryt-on-secondary hover:not-data-disabled:bg-gryt-secondary-light",
+  neutral: "bg-gryt-surface-raised text-gryt-text hover:not-data-disabled:bg-gryt-surface-hover",
+  danger: "bg-gryt-danger text-gryt-on-danger hover:not-data-disabled:bg-gryt-danger-light",
+  ghost: "bg-transparent text-gryt-muted hover:not-data-disabled:bg-white/8 hover:not-data-disabled:text-gryt-text"
+}, nt = {
+  xsmall: "min-h-8 px-3 text-xs",
+  small: "min-h-9 px-4 text-sm",
+  medium: "min-h-10 px-5 text-sm",
+  large: "min-h-12 px-6 text-base"
+}, ot = c(
   function({
-    className: r,
-    size: t = "medium",
-    sx: o,
-    tone: n = "primary",
-    variant: l = "contained",
-    ...i
-  }, p) {
-    return /* @__PURE__ */ u(
-      He,
+    children: t,
+    className: e,
+    endIcon: r,
+    size: s = "medium",
+    startIcon: i,
+    tone: d = "primary",
+    ...y
+  }, u) {
+    return /* @__PURE__ */ g(
+      M,
       {
-        ref: p,
-        size: t === "xsmall" ? "small" : t,
-        variant: l,
-        className: f(
+        ref: u,
+        className: o(
           "gryt-button",
-          t === "xsmall" && "min-h-8 px-3 text-xs",
-          r
+          "inline-flex items-center justify-center gap-2 border-0 shadow-none",
+          "rounded-(--gryt-radius-full) font-semibold whitespace-nowrap select-none",
+          // scale, not transform: Tailwind v4's scale-* utilities set the
+          // standalone `scale` property, so transitioning `transform` alone
+          // leaves the hover grow snapping instantly.
+          "transition-[scale,background-color,color]",
+          "duration-(--gryt-dur-spring) ease-spring",
+          // Press travels further than hover, so the button reads as being
+          // pushed down rather than just acknowledging the cursor.
+          "motion-safe:hover:not-data-disabled:scale-[1.03]",
+          "motion-safe:active:not-data-disabled:scale-[0.96]",
+          "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gryt-accent-light",
+          "data-disabled:cursor-not-allowed data-disabled:opacity-50",
+          nt[s],
+          at[d],
+          e
         ),
-        sx: [
-          xo[n],
-          t === "xsmall" && {
-            minHeight: 32,
-            paddingInline: 12,
-            fontSize: "0.75rem"
-          },
-          ...Array.isArray(o) ? o : o ? [o] : []
-        ],
-        ...i
+        ...y,
+        children: [
+          i,
+          t,
+          r
+        ]
       }
     );
   }
-), wo = {
-  primary: {
-    color: "var(--gryt-accent)",
-    "&:hover": { backgroundColor: "rgb(150 143 248 / 0.1)" }
-  },
-  secondary: {
-    color: "var(--gryt-secondary)",
-    "&:hover": { backgroundColor: "rgb(125 211 252 / 0.1)" }
-  },
-  neutral: {
-    color: "var(--gryt-muted)",
-    "&:hover": {
-      backgroundColor: "rgb(255 255 255 / 0.08)",
-      color: "var(--gryt-text)"
-    }
-  },
-  danger: {
-    color: "var(--gryt-danger)",
-    "&:hover": { backgroundColor: "rgb(248 113 113 / 0.1)" }
-  },
-  ghost: {
-    color: "var(--gryt-muted)",
-    "&:hover": {
-      backgroundColor: "rgb(255 255 255 / 0.08)",
-      color: "var(--gryt-text)"
-    }
-  }
-}, lt = h(
-  function({ className: r, size: t = "medium", sx: o, tone: n = "neutral", ...l }, i) {
-    return /* @__PURE__ */ u(
-      Ye,
+), f = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gryt-accent-light", H = "rounded-(--gryt-radius-xl) border border-gryt-border bg-gryt-surface text-gryt-text", I = [
+  // scale and translate are named explicitly because Tailwind v4 sets them as
+  // standalone CSS properties rather than folding them into `transform`, so
+  // transitioning `transform` would leave the popup snapping into place.
+  "transition-[opacity,scale,translate] duration-(--gryt-dur-spring) ease-spring motion-reduce:transition-none",
+  "data-starting-style:scale-[0.98] data-starting-style:opacity-0",
+  "data-ending-style:scale-[0.98] data-ending-style:opacity-0"
+].join(" "), T = "data-disabled:cursor-not-allowed data-disabled:opacity-50", st = {
+  primary: "data-checked:bg-gryt-accent data-checked:text-gryt-on-accent",
+  secondary: "data-checked:bg-gryt-secondary data-checked:text-gryt-on-secondary",
+  neutral: "data-checked:bg-gryt-surface-hover data-checked:text-gryt-text",
+  danger: "data-checked:bg-gryt-danger data-checked:text-gryt-on-danger",
+  success: "data-checked:bg-gryt-success data-checked:text-gryt-on-accent",
+  warning: "data-checked:bg-gryt-warning data-checked:text-gryt-on-accent"
+}, G = {
+  primary: "bg-gryt-accent",
+  secondary: "bg-gryt-secondary",
+  neutral: "bg-gryt-surface-hover",
+  danger: "bg-gryt-danger",
+  success: "bg-gryt-success",
+  warning: "bg-gryt-warning"
+}, ct = {
+  primary: "data-checked:border-gryt-accent",
+  secondary: "data-checked:border-gryt-secondary",
+  neutral: "data-checked:border-gryt-muted",
+  danger: "data-checked:border-gryt-danger",
+  success: "data-checked:border-gryt-success",
+  warning: "data-checked:border-gryt-warning"
+}, it = {
+  primary: "data-checked:bg-gryt-accent",
+  secondary: "data-checked:bg-gryt-secondary",
+  neutral: "data-checked:bg-gryt-surface-hover",
+  danger: "data-checked:bg-gryt-danger",
+  success: "data-checked:bg-gryt-success",
+  warning: "data-checked:bg-gryt-warning"
+}, dt = {
+  primary: "text-gryt-accent hover:not-data-disabled:bg-gryt-accent/10",
+  secondary: "text-gryt-secondary hover:not-data-disabled:bg-gryt-secondary/10",
+  neutral: "text-gryt-muted hover:not-data-disabled:bg-white/8 hover:not-data-disabled:text-gryt-text",
+  danger: "text-gryt-danger hover:not-data-disabled:bg-gryt-danger/10",
+  ghost: "text-gryt-muted hover:not-data-disabled:bg-white/8 hover:not-data-disabled:text-gryt-text"
+}, lt = {
+  xsmall: "h-8 w-8",
+  small: "h-9 w-9",
+  medium: "h-10 w-10",
+  large: "h-12 w-12"
+}, ce = c(
+  function({ className: t, size: e = "medium", tone: r = "neutral", ...s }, i) {
+    return /* @__PURE__ */ a(
+      M,
       {
         ref: i,
-        size: t === "xsmall" ? "small" : t,
-        className: f("gryt-icon-button", r),
-        sx: [
-          wo[n],
-          t === "xsmall" && {
-            height: 32,
-            width: 32,
-            padding: 0.5
-          },
-          ...Array.isArray(o) ? o : o ? [o] : []
-        ],
-        ...l
+        className: o(
+          "gryt-icon-button",
+          "inline-flex shrink-0 items-center justify-center border-0 bg-transparent p-0",
+          "rounded-(--gryt-radius-full) select-none",
+          // scale rather than transform — see the note in Button.
+          "transition-[scale,background-color,color] duration-(--gryt-dur-spring) ease-spring",
+          "motion-safe:hover:not-data-disabled:scale-[1.06]",
+          "motion-safe:active:not-data-disabled:scale-[0.94]",
+          f,
+          T,
+          lt[e],
+          dt[r],
+          t
+        ),
+        ...s
       }
     );
   }
-), ct = h(
-  function({ className: r, elevated: t = !1, ...o }, n) {
-    return /* @__PURE__ */ u(
-      qe,
+), ie = c(
+  function({ className: t, elevated: e = !1, ...r }, s) {
+    return /* @__PURE__ */ a(
+      "div",
       {
-        ref: n,
-        className: f(
-          "gryt-surface rounded-(--gryt-radius-lg)",
-          t && "bg-gryt-surface-raised",
-          r
+        ref: s,
+        className: o(
+          "gryt-surface rounded-(--gryt-radius-lg) border border-gryt-border p-4 text-gryt-text",
+          e ? "bg-gryt-surface-raised" : "bg-gryt-surface",
+          t
         ),
-        ...o
+        ...r
       }
     );
   }
-), dt = h(
-  function({ children: r, className: t, from: o = "assistant", ...n }, l) {
-    return /* @__PURE__ */ u(
+), de = c(
+  function({ children: t, className: e, from: r = "assistant", ...s }, i) {
+    return /* @__PURE__ */ a(
       "div",
       {
-        ref: l,
-        className: f(
+        ref: i,
+        className: o(
           "gryt-message-bubble",
-          o === "user" && "ml-auto bg-gryt-accent text-[#141126]",
-          o === "assistant" && "mr-auto border border-gryt-border bg-gryt-surface text-gryt-text",
-          o === "system" && "mx-auto border border-dashed border-gryt-border bg-transparent text-gryt-muted",
-          t
+          r === "user" && "ml-auto bg-gryt-accent text-gryt-on-accent",
+          r === "assistant" && "mr-auto border border-gryt-border bg-gryt-surface text-gryt-text",
+          r === "system" && "mx-auto border border-dashed border-gryt-border bg-transparent text-gryt-muted",
+          e
         ),
-        ...n,
-        children: r
+        ...s,
+        children: t
       }
     );
   }
-), vo = h(
-  function({ className: r, variant: t = "outlined", ...o }, n) {
-    return /* @__PURE__ */ u(
-      Xe,
+), gt = {
+  small: "min-h-9 px-3 py-1.5 text-sm",
+  medium: "min-h-11 px-4 py-2.5 text-sm"
+}, le = c(
+  function({
+    className: t,
+    error: e = !1,
+    fieldClassName: r,
+    helperText: s,
+    label: i,
+    minRows: d = 3,
+    multiline: y = !1,
+    size: u = "medium",
+    ...p
+  }, w) {
+    const v = /* @__PURE__ */ a(
+      S.Control,
       {
-        ref: n,
-        variant: t,
-        className: f("gryt-text-field", r),
-        ...o
+        ref: w,
+        render: y ? /* @__PURE__ */ a("textarea", { rows: d }) : void 0,
+        className: o(
+          "gryt-text-field-control w-full rounded-(--gryt-radius-xl) border bg-gryt-surface-raised",
+          "text-gryt-text outline-none placeholder:text-gryt-muted",
+          "transition-colors duration-150",
+          "hover:border-gryt-accent-light focus:border-gryt-accent",
+          "disabled:cursor-not-allowed disabled:opacity-60",
+          y && "resize-y leading-6",
+          e ? "border-gryt-danger" : "border-gryt-border",
+          gt[u],
+          t
+        ),
+        ...p
+      }
+    );
+    return /* @__PURE__ */ g(
+      S.Root,
+      {
+        className: o(
+          "gryt-text-field flex w-full flex-col gap-1.5",
+          r
+        ),
+        children: [
+          i ? /* @__PURE__ */ a(S.Label, { className: "text-xs font-medium text-gryt-muted", children: i }) : null,
+          v,
+          s ? /* @__PURE__ */ a(
+            S.Description,
+            {
+              className: o(
+                "text-xs",
+                e ? "text-gryt-danger" : "text-gryt-muted"
+              ),
+              children: s
+            }
+          ) : null
+        ]
       }
     );
   }
-), mt = h(
+), ge = c(
   function({
-    className: r,
-    disabled: t = !1,
-    onSubmit: o,
-    placeholder: n = "Message Gryt",
-    submitLabel: l = "Send",
-    ...i
+    className: t,
+    disabled: e = !1,
+    maxRows: r = 8,
+    minRows: s = 1,
+    onSubmit: i,
+    placeholder: d = "Message Gryt",
+    submitLabel: y = "Send",
+    ...u
   }, p) {
-    function g(m) {
-      if (!o) {
+    const w = V(null), v = E(() => {
+      const m = w.current;
+      if (!m)
+        return;
+      const R = window.getComputedStyle(m), D = parseFloat(R.lineHeight) || 24, B = parseFloat(R.paddingTop) + parseFloat(R.paddingBottom);
+      m.style.height = "auto", m.style.height = `${Math.min(
+        Math.max(m.scrollHeight, D * s + B),
+        D * r + B
+      )}px`;
+    }, [r, s]);
+    W(v, [v, u.value]);
+    function U(m) {
+      if (!i) {
         m.preventDefault();
         return;
       }
-      o(m);
+      i(m);
     }
-    return /* @__PURE__ */ q("form", { className: f("gryt-composer", r), onSubmit: g, children: [
-      /* @__PURE__ */ u(
-        Je,
+    return /* @__PURE__ */ g("form", { className: o("gryt-composer", t), onSubmit: U, children: [
+      /* @__PURE__ */ a(
+        "textarea",
         {
-          ref: p,
-          minRows: 1,
-          maxRows: 8,
-          disabled: t,
-          placeholder: n,
+          ref: (m) => {
+            w.current = m, typeof p == "function" ? p(m) : p && (p.current = m);
+          },
+          rows: s,
+          disabled: e,
+          placeholder: d,
+          onInput: v,
           className: "gryt-composer-textarea disabled:cursor-not-allowed disabled:opacity-60",
-          ...i
+          ...u
         }
       ),
-      /* @__PURE__ */ u(ko, { type: "submit", disabled: t, size: "small", children: l })
+      /* @__PURE__ */ a(
+        ot,
+        {
+          type: "submit",
+          disabled: e,
+          size: "small",
+          endIcon: /* @__PURE__ */ a(J, { size: 14, weight: "fill" }),
+          children: y
+        }
+      )
     ] });
   }
-), ut = h(function({ active: r = !1, avatar: t, className: o, subtitle: n, title: l, ...i }, p) {
-  return /* @__PURE__ */ q(
+), ut = {
+  small: "h-8 w-8 text-xs",
+  medium: "h-10 w-10 text-sm",
+  large: "h-12 w-12 text-base"
+}, yt = c(function({ alt: t, children: e, className: r, fallback: s, size: i = "medium", src: d, ...y }, u) {
+  return /* @__PURE__ */ g(
+    $.Root,
+    {
+      ref: u,
+      className: o(
+        "gryt-avatar inline-flex shrink-0 items-center justify-center overflow-hidden align-middle select-none",
+        "rounded-(--gryt-radius-full) bg-gryt-surface-raised font-medium text-gryt-text ring-1 ring-gryt-border",
+        ut[i],
+        r
+      ),
+      ...y,
+      children: [
+        d ? /* @__PURE__ */ a(
+          $.Image,
+          {
+            src: d,
+            alt: t,
+            className: "h-full w-full object-cover"
+          }
+        ) : null,
+        /* @__PURE__ */ a($.Fallback, { className: "flex h-full w-full items-center justify-center", children: s ?? e })
+      ]
+    }
+  );
+}), ue = c(function({ active: t = !1, avatar: e, className: r, subtitle: s, title: i, ...d }, y) {
+  return /* @__PURE__ */ g(
     "button",
     {
-      ref: p,
+      ref: y,
       type: "button",
-      className: f(
+      className: o(
         "gryt-conversation-item",
-        r ? "bg-gryt-accent text-[#141126]" : "text-gryt-text hover:bg-white/5",
-        o
+        t ? "bg-gryt-accent text-gryt-on-accent" : "text-gryt-text hover:bg-white/5",
+        r
       ),
-      ...i,
+      ...d,
       children: [
-        t ?? /* @__PURE__ */ u(
-          Ae,
+        e ?? /* @__PURE__ */ a(
+          yt,
           {
-            className: f(
-              "h-9 w-9 text-sm",
-              r ? "bg-[#141126] text-gryt-accent" : "bg-gryt-surface-raised text-gryt-text"
+            size: "small",
+            className: o(
+              t ? "bg-gryt-on-accent text-gryt-accent ring-transparent" : "bg-gryt-surface-raised text-gryt-text"
             ),
-            children: l.slice(0, 1).toUpperCase()
+            children: i.slice(0, 1).toUpperCase()
           }
         ),
-        /* @__PURE__ */ q("span", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ u("span", { className: "block truncate text-sm font-semibold", children: l }),
-          n ? /* @__PURE__ */ u(
+        /* @__PURE__ */ g("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ a("span", { className: "block truncate text-sm font-semibold", children: i }),
+          s ? /* @__PURE__ */ a(
             "span",
             {
-              className: f(
+              className: o(
                 "block truncate text-xs",
-                r ? "text-[#302a63]" : "text-gryt-muted"
+                t ? "text-gryt-on-accent/70" : "text-gryt-muted"
               ),
-              children: n
+              children: s
             }
           ) : null
         ] })
       ]
     }
   );
-}), pt = h(function({ className: r, ...t }, o) {
-  return /* @__PURE__ */ u(Ae, { ref: o, className: f("gryt-avatar", r), ...t });
-}), bt = h(function({ className: r, ...t }, o) {
-  return /* @__PURE__ */ u(Qe, { ref: o, className: f("gryt-badge", r), ...t });
-}), ft = h(function({ className: r, ...t }, o) {
-  return /* @__PURE__ */ u(Ke, { ref: o, className: f("gryt-chip", r), ...t });
-}), gt = h(
-  function({ className: r, ...t }, o) {
-    return /* @__PURE__ */ u(
-      Ze,
+}), ye = c(function({ badgeContent: t, children: e, className: r, max: s = 99, showZero: i = !1, ...d }, y) {
+  const u = typeof t == "number" ? t : null, p = u !== null && u === 0 && !i, w = u !== null && u > s ? `${s}+` : t;
+  return /* @__PURE__ */ g(
+    "span",
+    {
+      ref: y,
+      className: o("gryt-badge relative inline-flex", r),
+      ...d,
+      children: [
+        e,
+        t !== void 0 && !p ? /* @__PURE__ */ a(
+          "span",
+          {
+            className: o(
+              "gryt-badge-dot absolute -top-1 -right-1 z-10 inline-flex items-center justify-center",
+              "min-w-5 rounded-(--gryt-radius-full) px-1.5 py-0.5",
+              "bg-gryt-accent text-[0.65rem] leading-none font-semibold text-gryt-on-accent",
+              "ring-2 ring-gryt-bg"
+            ),
+            children: w
+          }
+        ) : null
+      ]
+    }
+  );
+}), mt = {
+  neutral: "border-gryt-border bg-gryt-surface-raised text-gryt-text",
+  primary: "border-gryt-accent/40 bg-gryt-accent/12 text-gryt-accent",
+  secondary: "border-gryt-secondary/40 bg-gryt-secondary/12 text-gryt-secondary",
+  success: "border-gryt-success/40 bg-gryt-success/12 text-gryt-success",
+  warning: "border-gryt-warning/40 bg-gryt-warning/12 text-gryt-warning",
+  danger: "border-gryt-danger/40 bg-gryt-danger/12 text-gryt-danger"
+}, me = c(function({ children: t, className: e, icon: r, label: s, onDelete: i, tone: d = "neutral", ...y }, u) {
+  return /* @__PURE__ */ g(
+    "span",
+    {
+      ref: u,
+      className: o(
+        "gryt-chip inline-flex items-center gap-1.5 rounded-(--gryt-radius-full) border px-3 py-1 text-xs font-medium",
+        mt[d],
+        e
+      ),
+      ...y,
+      children: [
+        r,
+        s ?? t,
+        i ? /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Remove",
+            onClick: i,
+            className: o(
+              "-mr-1 inline-flex h-4 w-4 items-center justify-center rounded-(--gryt-radius-full)",
+              "opacity-70 transition-opacity hover:opacity-100",
+              f
+            ),
+            children: /* @__PURE__ */ a(K, { size: 10, weight: "bold", "aria-hidden": "true" })
+          }
+        ) : null
+      ]
+    }
+  );
+}), be = c(
+  function({ className: t, tone: e = "primary", ...r }, s) {
+    return /* @__PURE__ */ a(
+      z.Root,
       {
-        ref: o,
-        className: f("gryt-checkbox", r),
-        ...t
+        ref: s,
+        className: o(
+          "gryt-checkbox flex h-5 w-5 shrink-0 items-center justify-center",
+          "rounded-(--gryt-radius-sm) border border-gryt-border bg-gryt-surface-raised",
+          "transition-[scale,background-color,border-color] duration-(--gryt-dur-spring) ease-spring",
+          "data-checked:border-transparent",
+          // Same grow-and-press as the buttons, so a control reacts to the
+          // cursor before it is clicked rather than only after.
+          "hover:not-data-disabled:border-gryt-accent-light",
+          "motion-safe:hover:not-data-disabled:scale-[1.08]",
+          "motion-safe:active:not-data-disabled:scale-[0.92]",
+          f,
+          T,
+          // Unchecked stays a neutral outline; the tone only paints once checked.
+          st[e],
+          t
+        ),
+        ...r,
+        children: /* @__PURE__ */ a(
+          z.Indicator,
+          {
+            keepMounted: !0,
+            className: o(
+              "flex origin-center",
+              "transition-[scale,opacity] duration-(--gryt-dur-spring) ease-spring",
+              // Scaling from 0 rather than from something near 1 is deliberate.
+              // The spring's overshoot is a percentage of the travel, so a tick
+              // going 0 -> 1 overshoots to 1.12 and visibly springs, while one
+              // going 0.95 -> 1 overshoots by 0.006 and does nothing at all.
+              "data-unchecked:scale-0 data-unchecked:opacity-0",
+              "motion-reduce:transition-none"
+            ),
+            children: /* @__PURE__ */ a(F, { size: 12, weight: "bold" })
+          }
+        )
       }
     );
   }
-), ht = h(function({ className: r, ...t }, o) {
-  return /* @__PURE__ */ u(er, { ref: o, className: f("gryt-radio", r), ...t });
-}), yt = h(
-  function({ className: r, ...t }, o) {
-    return /* @__PURE__ */ u(
-      rr,
+), fe = c(function({ className: t, tone: e = "primary", ...r }, s) {
+  return /* @__PURE__ */ a(
+    j.Root,
+    {
+      ref: s,
+      className: o(
+        "gryt-radio flex h-5 w-5 shrink-0 items-center justify-center",
+        "rounded-(--gryt-radius-full) border border-gryt-border bg-gryt-surface-raised",
+        "transition-[scale,background-color,border-color] duration-(--gryt-dur-spring) ease-spring",
+        "hover:not-data-disabled:border-gryt-accent-light",
+        "motion-safe:hover:not-data-disabled:scale-[1.08]",
+        "motion-safe:active:not-data-disabled:scale-[0.92]",
+        f,
+        T,
+        // Border takes the tone when selected; the dot inside carries the fill.
+        ct[e],
+        t
+      ),
+      ...r,
+      children: /* @__PURE__ */ a(
+        j.Indicator,
+        {
+          keepMounted: !0,
+          className: o(
+            "h-2.5 w-2.5 origin-center rounded-(--gryt-radius-full)",
+            "transition-[scale,opacity] duration-(--gryt-dur-spring) ease-spring",
+            // From 0, for the same reason as the Checkbox tick — see the note there.
+            "data-unchecked:scale-0 data-unchecked:opacity-0",
+            "motion-reduce:transition-none",
+            G[e]
+          )
+        }
+      )
+    }
+  );
+}), pe = c(
+  function({ className: t, ...e }, r) {
+    return /* @__PURE__ */ a(
+      _,
       {
-        ref: o,
-        className: f("gryt-switch", r),
-        ...t
+        ref: r,
+        className: o("gryt-radio-group flex flex-col gap-2", t),
+        ...e
       }
     );
   }
-), xt = h(function({ className: r, ...t }, o) {
-  return /* @__PURE__ */ u(or, { ref: o, className: f("gryt-slider", r), ...t });
-});
-function kt({ children: e, options: r, ...t }) {
-  return /* @__PURE__ */ q(vo, { select: !0, ...t, children: [
-    r?.map((o) => /* @__PURE__ */ u(
-      Se,
+), he = c(
+  function({ className: t, tone: e = "primary", ...r }, s) {
+    return /* @__PURE__ */ a(
+      A.Root,
       {
-        value: o.value,
-        disabled: o.disabled,
-        children: o.label
-      },
-      o.value
-    )),
-    e
-  ] });
-}
-function wt(e) {
-  return /* @__PURE__ */ u(tr, { arrow: !0, enterDelay: 350, ...e });
-}
-const vt = h(function({ className: r, ...t }, o) {
-  return /* @__PURE__ */ u(
-    nr,
+        ref: s,
+        className: o(
+          "gryt-switch relative inline-flex h-6 w-10 shrink-0 items-center",
+          "rounded-(--gryt-radius-full) border border-gryt-border bg-gryt-surface-raised p-0.5",
+          "transition-[scale,background-color,border-color] duration-(--gryt-dur-spring) ease-spring",
+          "data-checked:border-transparent",
+          "hover:not-data-disabled:border-gryt-accent-light",
+          "motion-safe:hover:not-data-disabled:scale-[1.05]",
+          "motion-safe:active:not-data-disabled:scale-[0.95]",
+          f,
+          T,
+          it[e],
+          t
+        ),
+        ...r,
+        children: /* @__PURE__ */ a(
+          A.Thumb,
+          {
+            className: o(
+              "h-4.5 w-4.5 rounded-(--gryt-radius-full) bg-gryt-text",
+              "transition-transform duration-(--gryt-dur-spring) ease-spring motion-reduce:transition-none",
+              "data-checked:translate-x-4 data-checked:bg-gryt-bg"
+            )
+          }
+        )
+      }
+    );
+  }
+);
+function xe({
+  className: n,
+  tone: t = "primary",
+  "aria-label": e,
+  ...r
+}) {
+  return /* @__PURE__ */ a(
+    k.Root,
     {
-      ref: o,
-      className: f("gryt-divider", r),
-      ...t
+      className: o("gryt-slider w-full", n),
+      ...r,
+      children: /* @__PURE__ */ a(k.Control, { className: "flex w-full touch-none items-center py-2 select-none", children: /* @__PURE__ */ g(k.Track, { className: "h-1.5 w-full rounded-(--gryt-radius-full) bg-gryt-surface-raised select-none", children: [
+        /* @__PURE__ */ a(
+          k.Indicator,
+          {
+            className: o(
+              "h-full rounded-(--gryt-radius-full) select-none",
+              G[t]
+            )
+          }
+        ),
+        /* @__PURE__ */ a(
+          k.Thumb,
+          {
+            "aria-label": e,
+            className: o(
+              "h-4 w-4 rounded-(--gryt-radius-full) bg-gryt-text select-none",
+              "transition-transform duration-(--gryt-dur-spring) ease-spring motion-reduce:transition-none",
+              "motion-safe:hover:scale-[1.12] motion-safe:active:scale-[0.94]",
+              f
+            )
+          }
+        )
+      ] }) })
     }
   );
-}), Ct = h(function({ className: r, ...t }, o) {
-  return /* @__PURE__ */ u(sr, { ref: o, className: f("gryt-card", r), ...t });
-});
-function zt({ className: e, ...r }) {
-  return /* @__PURE__ */ u(lr, { className: f("gryt-card-header", e), ...r });
 }
-function Mt({ className: e, ...r }) {
-  return /* @__PURE__ */ u(ir, { className: f("gryt-card-content", e), ...r });
+const bt = {
+  small: "min-h-9 px-3 text-sm",
+  medium: "min-h-11 px-4 text-sm"
+};
+function we({
+  className: n,
+  label: t,
+  options: e = [],
+  placeholder: r = "Select",
+  size: s = "medium",
+  ...i
+}) {
+  return /* @__PURE__ */ g(b.Root, { items: e, ...i, children: [
+    /* @__PURE__ */ g("div", { className: o("gryt-select flex w-full flex-col gap-1.5", n), children: [
+      t ? /* @__PURE__ */ a(b.Label, { className: "text-xs font-medium text-gryt-muted", children: t }) : null,
+      /* @__PURE__ */ g(
+        b.Trigger,
+        {
+          className: o(
+            "flex w-full items-center justify-between gap-2",
+            "rounded-(--gryt-radius-xl) border border-gryt-border bg-gryt-surface-raised",
+            "text-gryt-text select-none",
+            "transition-colors duration-150 hover:border-gryt-accent-light",
+            "data-disabled:cursor-not-allowed data-disabled:opacity-60",
+            f,
+            bt[s]
+          ),
+          children: [
+            /* @__PURE__ */ a(b.Value, { placeholder: r }),
+            /* @__PURE__ */ a(b.Icon, { className: "shrink-0 text-gryt-muted", children: /* @__PURE__ */ a(Q, { size: 16 }) })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(b.Portal, { children: /* @__PURE__ */ a(b.Positioner, { sideOffset: 6, className: "outline-none", children: /* @__PURE__ */ a(
+      b.Popup,
+      {
+        className: o("min-w-(--anchor-width) p-1", H, I),
+        children: /* @__PURE__ */ a(b.List, { children: e.map((d) => /* @__PURE__ */ g(
+          b.Item,
+          {
+            value: d.value,
+            disabled: d.disabled,
+            className: o(
+              "flex cursor-default items-center justify-between gap-2",
+              "rounded-(--gryt-radius-md) px-3 py-2 text-sm text-gryt-text",
+              "outline-none select-none data-highlighted:bg-gryt-surface-raised",
+              "data-disabled:cursor-not-allowed data-disabled:opacity-50"
+            ),
+            children: [
+              /* @__PURE__ */ a(b.ItemText, { children: d.label }),
+              /* @__PURE__ */ a(b.ItemIndicator, { className: "text-gryt-accent", children: /* @__PURE__ */ a(F, { size: 14, weight: "bold" }) })
+            ]
+          },
+          String(d.value)
+        )) })
+      }
+    ) }) })
+  ] });
 }
-function At({ className: e, ...r }) {
-  return /* @__PURE__ */ u(ar, { className: f("gryt-card-actions", e), ...r });
+function ve({
+  children: n,
+  className: t,
+  side: e = "top",
+  sideOffset: r = 8,
+  title: s
+}) {
+  return /* @__PURE__ */ g(h.Root, { children: [
+    /* @__PURE__ */ a(h.Trigger, { render: n }),
+    /* @__PURE__ */ a(h.Portal, { children: /* @__PURE__ */ a(h.Positioner, { side: e, sideOffset: r, children: /* @__PURE__ */ a(
+      h.Popup,
+      {
+        className: o(
+          "gryt-tooltip rounded-(--gryt-radius-md) border border-gryt-border bg-gryt-surface-raised",
+          "px-2.5 py-1.5 text-xs text-gryt-text",
+          I,
+          t
+        ),
+        children: s
+      }
+    ) }) })
+  ] });
 }
-const St = h(function({ className: r, variant: t = "outlined", ...o }, n) {
-  return /* @__PURE__ */ u(
-    cr,
+const ke = h.Provider, Ne = c(
+  function({ className: t, orientation: e = "horizontal", ...r }, s) {
+    return /* @__PURE__ */ a(
+      tt,
+      {
+        ref: s,
+        orientation: e,
+        className: o(
+          "gryt-divider bg-gryt-border",
+          e === "vertical" ? "h-full w-px" : "h-px w-full",
+          t
+        ),
+        ...r
+      }
+    );
+  }
+), Pe = c(function({ className: t, ...e }, r) {
+  return /* @__PURE__ */ a(
+    "div",
     {
-      ref: n,
-      variant: t,
-      className: f("gryt-alert", r),
-      ...o
+      ref: r,
+      className: o(
+        "gryt-card rounded-(--gryt-radius-xl) border border-gryt-border bg-gryt-surface text-gryt-text",
+        t
+      ),
+      ...e
     }
   );
 });
-function Nt({ className: e, ...r }) {
-  return /* @__PURE__ */ u(dr, { className: f("gryt-spinner", e), ...r });
-}
-function It({ className: e, ...r }) {
-  return /* @__PURE__ */ u(mr, { className: f("gryt-progress", e), ...r });
-}
-function Tt({ className: e, ...r }) {
-  return /* @__PURE__ */ u(ur, { className: f("gryt-skeleton", e), ...r });
-}
-function Rt({ PaperProps: e, ...r }) {
-  return /* @__PURE__ */ u(
-    pr,
+function Se({
+  children: n,
+  className: t,
+  subheader: e,
+  title: r,
+  ...s
+}) {
+  return /* @__PURE__ */ g(
+    "div",
     {
-      PaperProps: {
-        ...e,
-        className: f("gryt-dialog", e?.className)
-      },
-      ...r
+      className: o("gryt-card-header flex flex-col gap-1 p-4", t),
+      ...s,
+      children: [
+        r ? /* @__PURE__ */ a("span", { className: "text-base font-semibold text-gryt-text", children: r }) : null,
+        e ? /* @__PURE__ */ a("span", { className: "text-sm text-gryt-muted", children: e }) : null,
+        n
+      ]
     }
   );
 }
-function Pt({ className: e, ...r }) {
-  return /* @__PURE__ */ u(gr, { className: f("gryt-dialog-title", e), ...r });
+function Te({
+  className: n,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: o(
+        "gryt-card-content px-4 pb-4 text-sm text-gryt-muted",
+        n
+      ),
+      ...t
+    }
+  );
 }
-function Gt({ className: e, ...r }) {
-  return /* @__PURE__ */ u(
-    fr,
+function Re({
+  className: n,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    "div",
     {
-      className: f("gryt-dialog-content", e),
-      ...r
+      className: o(
+        "gryt-card-actions flex items-center gap-2 px-4 pb-4",
+        n
+      ),
+      ...t
     }
   );
 }
-function Lt({ className: e, ...r }) {
-  return /* @__PURE__ */ u(
-    br,
+const ft = {
+  info: "border-gryt-secondary/40 bg-gryt-secondary/10 text-gryt-secondary",
+  success: "border-gryt-success/40 bg-gryt-success/10 text-gryt-success",
+  warning: "border-gryt-warning/40 bg-gryt-warning/10 text-gryt-warning",
+  error: "border-gryt-danger/40 bg-gryt-danger/10 text-gryt-danger"
+}, $e = c(function({ className: t, severity: e = "info", ...r }, s) {
+  return /* @__PURE__ */ a(
+    "div",
     {
-      className: f("gryt-dialog-actions", e),
+      ref: s,
+      role: "alert",
+      className: o(
+        "gryt-alert rounded-(--gryt-radius-lg) border px-4 py-3 text-sm",
+        ft[e],
+        t
+      ),
       ...r
     }
   );
+});
+function Ce({ className: n, value: t = null, ...e }) {
+  return /* @__PURE__ */ a(
+    C.Root,
+    {
+      value: t,
+      className: o("gryt-progress w-full", n),
+      ...e,
+      children: /* @__PURE__ */ a(C.Track, { className: "h-1.5 w-full overflow-hidden rounded-(--gryt-radius-full) bg-gryt-surface-raised", children: /* @__PURE__ */ a(C.Indicator, { className: "h-full rounded-(--gryt-radius-full) bg-gryt-accent transition-[width] duration-(--gryt-dur-spring-soft) ease-spring motion-reduce:transition-none" }) })
+    }
+  );
 }
-function Ot({ PaperProps: e, ...r }) {
-  return /* @__PURE__ */ u(
-    hr,
+function Ie({
+  className: n,
+  size: t = 24,
+  "aria-label": e = "Loading"
+}) {
+  return /* @__PURE__ */ a(
+    Y,
     {
-      PaperProps: {
-        ...e,
-        className: f("gryt-drawer", e?.className)
-      },
-      ...r
+      role: "status",
+      "aria-label": e,
+      size: t,
+      weight: "bold",
+      className: o(
+        "gryt-spinner text-gryt-accent motion-safe:animate-spin",
+        n
+      )
     }
   );
 }
-function Bt({ PaperProps: e, ...r }) {
-  return /* @__PURE__ */ u(
-    yr,
+const pt = {
+  text: "h-4 rounded-(--gryt-radius-sm)",
+  rounded: "rounded-(--gryt-radius-lg)",
+  circular: "rounded-(--gryt-radius-full)",
+  rectangular: "rounded-none"
+};
+function De({
+  className: n,
+  height: t,
+  style: e,
+  variant: r = "text",
+  width: s,
+  ...i
+}) {
+  const d = {
+    width: s,
+    height: t,
+    ...e
+  };
+  return /* @__PURE__ */ a(
+    "div",
     {
-      PaperProps: {
-        ...e,
-        className: f("gryt-menu", e?.className)
-      },
-      ...r
+      "aria-hidden": "true",
+      className: o(
+        "gryt-skeleton bg-gryt-surface-raised motion-safe:animate-pulse",
+        pt[r],
+        n
+      ),
+      style: d,
+      ...i
     }
   );
 }
-h(
-  function({ className: r, ...t }, o) {
-    return /* @__PURE__ */ u(
-      Se,
+const O = "transition-[opacity,scale,translate] duration-(--gryt-dur-spring) ease-spring motion-reduce:transition-none", ht = c(
+  function({ className: t, ...e }, r) {
+    return /* @__PURE__ */ a(
+      l.Backdrop,
       {
-        ref: o,
-        className: f("gryt-menu-item", r),
-        ...t
+        ref: r,
+        className: o(
+          "gryt-dialog-backdrop fixed inset-0 min-h-dvh bg-black/60",
+          "backdrop-blur-(--gryt-backdrop-blur)",
+          O,
+          "data-starting-style:opacity-0 data-ending-style:opacity-0",
+          t
+        ),
+        ...e
       }
     );
   }
-);
-const jt = h(function({ className: r, ...t }, o) {
-  return /* @__PURE__ */ u(kr, { ref: o, className: f("gryt-tabs", r), ...t });
-}), Dt = h(function({ className: r, ...t }, o) {
-  return /* @__PURE__ */ u(xr, { ref: o, className: f("gryt-tab", r), ...t });
-}), Ft = h(
-  function({ className: r, disableGutters: t = !0, elevation: o = 0, ...n }, l) {
-    return /* @__PURE__ */ u(
-      wr,
+), xt = c(
+  function({ className: t, ...e }, r) {
+    return /* @__PURE__ */ a(
+      l.Popup,
       {
-        ref: l,
-        disableGutters: t,
-        elevation: o,
-        className: f("gryt-accordion", r),
-        ...n
+        ref: r,
+        className: o(
+          "gryt-dialog fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
+          "flex w-96 max-w-[calc(100vw-3rem)] flex-col gap-4",
+          "rounded-(--gryt-radius-lg) border border-gryt-border bg-gryt-surface p-5 text-gryt-text",
+          O,
+          "data-starting-style:scale-[0.98] data-starting-style:opacity-0",
+          "data-ending-style:scale-[0.98] data-ending-style:opacity-0",
+          t
+        ),
+        ...e
       }
     );
   }
-);
-function Wt({
-  className: e,
-  ...r
-}) {
-  return /* @__PURE__ */ u(
-    Cr,
+), wt = c(
+  function({ className: t, ...e }, r) {
+    return /* @__PURE__ */ a(
+      l.Title,
+      {
+        ref: r,
+        className: o(
+          "gryt-dialog-title text-base font-semibold text-gryt-text",
+          t
+        ),
+        ...e
+      }
+    );
+  }
+), vt = c(
+  function({ className: t, ...e }, r) {
+    return /* @__PURE__ */ a(
+      l.Description,
+      {
+        ref: r,
+        className: o(
+          "gryt-dialog-description text-sm text-gryt-muted",
+          t
+        ),
+        ...e
+      }
+    );
+  }
+), kt = c(
+  function({ className: t, ...e }, r) {
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        ref: r,
+        className: o(
+          "gryt-dialog-footer flex justify-end gap-3",
+          t
+        ),
+        ...e
+      }
+    );
+  }
+), Be = {
+  Root: l.Root,
+  Trigger: l.Trigger,
+  Portal: l.Portal,
+  Close: l.Close,
+  Backdrop: ht,
+  Popup: xt,
+  Title: wt,
+  Description: vt,
+  Footer: kt
+}, Nt = {
+  left: "inset-y-0 -left-(--gryt-drawer-bleed) h-full w-[calc(20rem+var(--gryt-drawer-bleed))] max-w-[calc(85vw+var(--gryt-drawer-bleed))] border-r py-5 pr-5 pl-[calc(1.25rem+var(--gryt-drawer-bleed))] data-starting-style:-translate-x-full data-ending-style:-translate-x-full",
+  right: "inset-y-0 -right-(--gryt-drawer-bleed) h-full w-[calc(20rem+var(--gryt-drawer-bleed))] max-w-[calc(85vw+var(--gryt-drawer-bleed))] border-l py-5 pl-5 pr-[calc(1.25rem+var(--gryt-drawer-bleed))] data-starting-style:translate-x-full data-ending-style:translate-x-full",
+  top: "inset-x-0 -top-(--gryt-drawer-bleed) h-auto max-h-[calc(85vh+var(--gryt-drawer-bleed))] w-full border-b px-5 pb-5 pt-[calc(1.25rem+var(--gryt-drawer-bleed))] data-starting-style:-translate-y-full data-ending-style:-translate-y-full",
+  bottom: "inset-x-0 -bottom-(--gryt-drawer-bleed) h-auto max-h-[calc(85vh+var(--gryt-drawer-bleed))] w-full border-t px-5 pt-5 pb-[calc(1.25rem+var(--gryt-drawer-bleed))] data-starting-style:translate-y-full data-ending-style:translate-y-full"
+}, Pt = c(function({ className: t, side: e = "right", ...r }, s) {
+  return /* @__PURE__ */ a(
+    l.Popup,
     {
-      className: f("gryt-accordion-summary", e),
+      ref: s,
+      className: o(
+        "gryt-drawer fixed z-50 flex flex-col gap-4 border-gryt-border bg-gryt-surface text-gryt-text",
+        "transition-transform duration-(--gryt-dur-spring-soft) ease-spring motion-reduce:transition-none",
+        Nt[e],
+        t
+      ),
       ...r
     }
   );
-}
-function Et({
-  className: e,
-  ...r
-}) {
-  return /* @__PURE__ */ u(
-    vr,
+}), St = c(function({ className: t, ...e }, r) {
+  return /* @__PURE__ */ a(
+    l.Backdrop,
     {
-      className: f("gryt-accordion-details", e),
-      ...r
+      ref: r,
+      className: o(
+        "gryt-drawer-backdrop fixed inset-0 min-h-dvh bg-black/60",
+        "backdrop-blur-(--gryt-backdrop-blur)",
+        "transition-opacity duration-(--gryt-dur-spring-soft) ease-spring motion-reduce:transition-none",
+        "data-starting-style:opacity-0 data-ending-style:opacity-0",
+        t
+      ),
+      ...e
     }
   );
-}
+}), ze = {
+  Root: l.Root,
+  Trigger: l.Trigger,
+  Portal: l.Portal,
+  Close: l.Close,
+  Title: l.Title,
+  Description: l.Description,
+  Backdrop: St,
+  Popup: Pt
+}, Tt = c(
+  function({ className: t, sideOffset: e = 8, ...r }, s) {
+    return /* @__PURE__ */ a(
+      x.Positioner,
+      {
+        ref: s,
+        sideOffset: e,
+        className: o("gryt-menu-positioner outline-none", t),
+        ...r
+      }
+    );
+  }
+), Rt = c(function({ className: t, ...e }, r) {
+  return /* @__PURE__ */ a(
+    x.Popup,
+    {
+      ref: r,
+      className: o(
+        "gryt-menu min-w-44 p-1 outline-none",
+        H,
+        I,
+        t
+      ),
+      ...e
+    }
+  );
+}), $t = c(function({ className: t, ...e }, r) {
+  return /* @__PURE__ */ a(
+    x.Item,
+    {
+      ref: r,
+      className: o(
+        "gryt-menu-item flex cursor-default items-center gap-2 rounded-(--gryt-radius-md)",
+        "px-3 py-2 text-sm text-gryt-text outline-none select-none",
+        // Base UI drives keyboard and pointer highlight through the same
+        // attribute, so arrow keys and the mouse land on identical styling.
+        "data-highlighted:bg-gryt-surface-raised",
+        "data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        t
+      ),
+      ...e
+    }
+  );
+}), Ct = c(function({ className: t, ...e }, r) {
+  return /* @__PURE__ */ a(
+    x.Separator,
+    {
+      ref: r,
+      className: o("gryt-menu-separator my-1 h-px bg-gryt-border", t),
+      ...e
+    }
+  );
+}), je = {
+  Root: x.Root,
+  Trigger: x.Trigger,
+  Portal: x.Portal,
+  Positioner: Tt,
+  Popup: Rt,
+  Item: $t,
+  Separator: Ct
+}, It = c(function({ className: t, ...e }, r) {
+  return /* @__PURE__ */ a(
+    P.Root,
+    {
+      ref: r,
+      className: o("gryt-tabs", t),
+      ...e
+    }
+  );
+}), Dt = c(function({ className: t, ...e }, r) {
+  return /* @__PURE__ */ a(
+    P.List,
+    {
+      ref: r,
+      className: o(
+        "gryt-tabs-list relative inline-flex items-center gap-1 rounded-(--gryt-radius-full) bg-gryt-surface-raised p-1",
+        t
+      ),
+      ...e
+    }
+  );
+}), Bt = c(function({ className: t, ...e }, r) {
+  return /* @__PURE__ */ a(
+    P.Tab,
+    {
+      ref: r,
+      className: o(
+        "gryt-tab inline-flex min-h-8 items-center justify-center whitespace-nowrap",
+        "rounded-(--gryt-radius-full) border-0 bg-transparent px-4 py-1.5",
+        "text-sm font-medium text-gryt-muted select-none",
+        "relative z-10 transition-colors duration-150 hover:text-gryt-text",
+        // Base UI marks the selected tab with data-active, not data-selected.
+        // The fill moved to Indicator so it can travel between tabs; the tab
+        // itself only changes its text colour.
+        "data-active:text-gryt-on-accent",
+        f,
+        t
+      ),
+      ...e
+    }
+  );
+}), zt = c(
+  function({ className: t, ...e }, r) {
+    return /* @__PURE__ */ a(
+      P.Indicator,
+      {
+        ref: r,
+        renderBeforeHydration: !0,
+        className: o(
+          "gryt-tabs-indicator absolute top-1 left-0 z-0 h-[calc(100%-0.5rem)]",
+          "w-(--active-tab-width) translate-x-(--active-tab-left)",
+          "rounded-(--gryt-radius-full) bg-gryt-accent",
+          "transition-[translate,width] duration-(--gryt-dur-spring) ease-spring",
+          "motion-reduce:transition-none",
+          t
+        ),
+        ...e
+      }
+    );
+  }
+), jt = c(function({ className: t, ...e }, r) {
+  return /* @__PURE__ */ a(
+    P.Panel,
+    {
+      ref: r,
+      className: o("gryt-tabs-panel pt-3 text-sm text-gryt-text", t),
+      ...e
+    }
+  );
+}), Ae = Object.assign(It, { List: Dt, Tab: Bt, Panel: jt, Indicator: zt }), At = c(function({ className: t, ...e }, r) {
+  return /* @__PURE__ */ a(
+    N.Root,
+    {
+      ref: r,
+      className: o(
+        "gryt-accordion flex w-full flex-col gap-2 rounded-(--gryt-radius-xl) border border-gryt-border bg-gryt-surface p-2",
+        t
+      ),
+      ...e
+    }
+  );
+}), Lt = c(
+  function({ className: t, ...e }, r) {
+    return /* @__PURE__ */ a(
+      N.Item,
+      {
+        ref: r,
+        className: o("gryt-accordion-item", t),
+        ...e
+      }
+    );
+  }
+), Mt = c(
+  function({ children: t, className: e, expandIcon: r, ...s }, i) {
+    return /* @__PURE__ */ a(N.Header, { className: "gryt-accordion-header m-0", children: /* @__PURE__ */ g(
+      N.Trigger,
+      {
+        ref: i,
+        className: o(
+          "gryt-accordion-trigger flex w-full items-center justify-between gap-3",
+          "rounded-(--gryt-radius-lg) border-0 bg-transparent px-3 py-2.5",
+          "text-left text-sm font-medium text-gryt-text select-none",
+          "transition-colors duration-150 hover:bg-gryt-surface-raised",
+          f,
+          e
+        ),
+        ...s,
+        children: [
+          t,
+          r === void 0 ? /* @__PURE__ */ a(
+            Z,
+            {
+              size: 16,
+              className: "shrink-0 transition-transform duration-(--gryt-dur-spring) ease-spring data-panel-open:rotate-180 motion-reduce:transition-none"
+            }
+          ) : r
+        ]
+      }
+    ) });
+  }
+), Ft = c(
+  function({ children: t, className: e, ...r }, s) {
+    return /* @__PURE__ */ a(
+      N.Panel,
+      {
+        ref: s,
+        className: o(
+          "gryt-accordion-panel overflow-hidden text-sm text-gryt-muted",
+          // Base UI measures the panel and exposes the height as a variable,
+          // which is what makes a real open and close transition possible.
+          "h-[var(--accordion-panel-height)] transition-[height] duration-(--gryt-dur-spring-soft) ease-spring",
+          "data-starting-style:h-0 data-ending-style:h-0",
+          "motion-reduce:transition-none",
+          e
+        ),
+        ...r,
+        children: /* @__PURE__ */ a("div", { className: "px-3 pt-1 pb-3", children: t })
+      }
+    );
+  }
+), Le = Object.assign(At, { Item: Lt, Trigger: Mt, Panel: Ft });
 export {
-  Ft as Accordion,
-  Et as AccordionDetails,
-  Wt as AccordionSummary,
-  St as Alert,
-  pt as Avatar,
-  bt as Badge,
-  ko as Button,
-  Ct as Card,
-  At as CardActions,
-  Mt as CardContent,
-  zt as CardHeader,
-  gt as Checkbox,
-  ft as Chip,
-  mt as Composer,
-  ut as ConversationItem,
-  Rt as Dialog,
-  Lt as DialogActions,
-  Gt as DialogContent,
-  Pt as DialogTitle,
-  vt as Divider,
-  Ot as Drawer,
-  it as GrytProvider,
-  lt as IconButton,
-  Bt as Menu,
-  $t as MenuItem,
-  dt as MessageBubble,
-  It as Progress,
-  ht as Radio,
-  kt as Select,
-  Tt as Skeleton,
-  xt as Slider,
-  Nt as Spinner,
-  ct as Surface,
-  yt as Switch,
-  Dt as Tab,
-  jt as Tabs,
-  vo as TextField,
-  wt as Tooltip,
-  zr as createGrytTheme,
-  k as grytTokens
+  Le as Accordion,
+  $e as Alert,
+  yt as Avatar,
+  ye as Badge,
+  ot as Button,
+  Pe as Card,
+  Re as CardActions,
+  Te as CardContent,
+  Se as CardHeader,
+  be as Checkbox,
+  me as Chip,
+  ge as Composer,
+  ue as ConversationItem,
+  Be as Dialog,
+  Ne as Divider,
+  ze as Drawer,
+  se as GrytProvider,
+  ce as IconButton,
+  je as Menu,
+  de as MessageBubble,
+  Ce as Progress,
+  fe as Radio,
+  pe as RadioGroup,
+  we as Select,
+  De as Skeleton,
+  xe as Slider,
+  Ie as Spinner,
+  ie as Surface,
+  he as Switch,
+  Bt as Tab,
+  Ae as Tabs,
+  le as TextField,
+  ve as Tooltip,
+  ke as TooltipProvider,
+  o as cn,
+  et as createGrytTheme,
+  L as grytTokens
 };
 //# sourceMappingURL=index.js.map