@gram-ai/elements 1.16.4 → 1.16.5

package/dist/{index-SAJg5Cz7.js → index-Bjdy_BPv.js}

@@ -1,15 +1,15 @@
 import { jsxs as fe, jsx as te } from "react/jsx-runtime";
-import { createContext as Fe, useContext as We, forwardRef as Ce, createElement as se, useRef as _e, useState as be, useEffect as Ue } from "react";
+import { createContext as Fe, useContext as We, forwardRef as Ce, createElement as se, useRef as be, useState as _e, useMemo as Ue, useEffect as Be } from "react";
 import { useAssistantState as $e } from "@assistant-ui/react";
-import { parse as Be, View as De, Warn as Je } from "vega";
-const qe = Fe(
+import { parse as De, View as Je, Warn as qe } from "vega";
+const Ye = Fe(
   void 0
 ), ze = () => {
-  const e = We(qe);
+  const e = We(Ye);
   if (!e)
     throw new Error("useElements must be used within a ElementsProvider");
   return e;
-}, Ye = {
+}, Xe = {
   compact: {
     // Padding - small increments (1, 1.5, 2, 2.5, 3)
     "p-xs": "p-1",
@@ -100,10 +100,10 @@ const qe = Fe(
     "text-title": "text-3xl",
     "text-subtitle": "text-lg"
   }
-}, Xe = () => {
+}, Ze = () => {
   const { config: e } = ze(), r = e.theme?.density ?? "normal";
-  return (t) => Ye[r][t];
-}, Ze = {
+  return (o) => Xe[r][o];
+}, He = {
   sharp: {
     sm: "rounded-sm",
     md: "rounded",
@@ -125,131 +125,131 @@ const qe = Fe(
     xl: "rounded-3xl",
     full: "rounded-full"
   }
-}, He = () => {
+}, Ke = () => {
   const { config: e } = ze(), r = e.theme?.radius ?? "soft";
-  return (t) => Ze[r][t];
+  return (o) => He[r][o];
 };
 function Ae(e) {
-  var r, t, o = "";
-  if (typeof e == "string" || typeof e == "number") o += e;
+  var r, o, t = "";
+  if (typeof e == "string" || typeof e == "number") t += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var a = e.length;
-    for (r = 0; r < a; r++) e[r] && (t = Ae(e[r])) && (o && (o += " "), o += t);
-  } else for (t in e) e[t] && (o && (o += " "), o += t);
-  return o;
-}
-function Ke() {
-  for (var e, r, t = 0, o = "", a = arguments.length; t < a; t++) (e = arguments[t]) && (r = Ae(e)) && (o && (o += " "), o += r);
-  return o;
+    for (r = 0; r < a; r++) e[r] && (o = Ae(e[r])) && (t && (t += " "), t += o);
+  } else for (o in e) e[o] && (t && (t += " "), t += o);
+  return t;
 }
-const Qe = (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];
+function Qe() {
+  for (var e, r, o = 0, t = "", a = arguments.length; o < a; o++) (e = arguments[o]) && (r = Ae(e)) && (t && (t += " "), t += r);
   return t;
-}, et = (e, r) => ({
+}
+const et = (e, r) => {
+  const o = new Array(e.length + r.length);
+  for (let t = 0; t < e.length; t++)
+    o[t] = e[t];
+  for (let t = 0; t < r.length; t++)
+    o[e.length + t] = r[t];
+  return o;
+}, tt = (e, r) => ({
   classGroupId: e,
   validator: r
-}), Se = (e = /* @__PURE__ */ new Map(), r = null, t) => ({
+}), Se = (e = /* @__PURE__ */ new Map(), r = null, o) => ({
   nextPart: e,
   validators: r,
-  classGroupId: t
-}), H = "-", he = [], tt = "arbitrary..", rt = (e) => {
-  const r = st(e), {
-    conflictingClassGroups: t,
-    conflictingClassGroupModifiers: o
+  classGroupId: o
+}), H = "-", he = [], rt = "arbitrary..", ot = (e) => {
+  const r = nt(e), {
+    conflictingClassGroups: o,
+    conflictingClassGroupModifiers: t
   } = e;
   return {
     getClassGroupId: (i) => {
       if (i.startsWith("[") && i.endsWith("]"))
-        return ot(i);
-      const m = i.split(H), c = m[0] === "" && m.length > 1 ? 1 : 0;
-      return Re(m, c, r);
+        return st(i);
+      const u = i.split(H), c = u[0] === "" && u.length > 1 ? 1 : 0;
+      return Re(u, c, r);
     },
-    getConflictingClassGroupIds: (i, m) => {
-      if (m) {
-        const c = o[i], g = t[i];
-        return c ? g ? Qe(g, c) : c : g || he;
+    getConflictingClassGroupIds: (i, u) => {
+      if (u) {
+        const c = t[i], g = o[i];
+        return c ? g ? et(g, c) : c : g || he;
       }
-      return t[i] || he;
+      return o[i] || he;
     }
   };
-}, Re = (e, r, t) => {
+}, Re = (e, r, o) => {
   if (e.length - r === 0)
-    return t.classGroupId;
-  const a = e[r], l = t.nextPart.get(a);
+    return o.classGroupId;
+  const a = e[r], l = o.nextPart.get(a);
   if (l) {
     const g = Re(e, r + 1, l);
     if (g) return g;
   }
-  const i = t.validators;
+  const i = o.validators;
   if (i === null)
     return;
-  const m = r === 0 ? e.join(H) : e.slice(r).join(H), c = i.length;
+  const u = r === 0 ? e.join(H) : e.slice(r).join(H), c = i.length;
   for (let g = 0; g < c; g++) {
     const f = i[g];
-    if (f.validator(m))
+    if (f.validator(u))
       return f.classGroupId;
   }
-}, ot = (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 ? tt + o : void 0;
-})(), st = (e) => {
+}, st = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+  const r = e.slice(1, -1), o = r.indexOf(":"), t = r.slice(0, o);
+  return t ? rt + t : void 0;
+})(), nt = (e) => {
   const {
     theme: r,
-    classGroups: t
+    classGroups: o
   } = e;
-  return nt(t, r);
-}, nt = (e, r) => {
-  const t = Se();
-  for (const o in e) {
-    const a = e[o];
-    ae(a, t, o, r);
+  return at(o, r);
+}, at = (e, r) => {
+  const o = Se();
+  for (const t in e) {
+    const a = e[t];
+    ae(a, o, t, r);
   }
-  return t;
-}, ae = (e, r, t, o) => {
+  return o;
+}, ae = (e, r, o, t) => {
   const a = e.length;
   for (let l = 0; l < a; l++) {
     const i = e[l];
-    at(i, r, t, o);
+    it(i, r, o, t);
   }
-}, at = (e, r, t, o) => {
+}, it = (e, r, o, t) => {
   if (typeof e == "string") {
-    it(e, r, t);
+    lt(e, r, o);
     return;
   }
   if (typeof e == "function") {
-    lt(e, r, t, o);
+    ct(e, r, o, t);
     return;
   }
-  ct(e, r, t, o);
-}, it = (e, r, t) => {
-  const o = e === "" ? r : Ie(r, e);
-  o.classGroupId = t;
-}, lt = (e, r, t, o) => {
-  if (dt(e)) {
-    ae(e(o), r, t, o);
+  dt(e, r, o, t);
+}, lt = (e, r, o) => {
+  const t = e === "" ? r : Ie(r, e);
+  t.classGroupId = o;
+}, ct = (e, r, o, t) => {
+  if (pt(e)) {
+    ae(e(t), r, o, t);
     return;
   }
-  r.validators === null && (r.validators = []), r.validators.push(et(t, e));
-}, ct = (e, r, t, o) => {
+  r.validators === null && (r.validators = []), r.validators.push(tt(o, e));
+}, dt = (e, r, o, t) => {
   const a = Object.entries(e), l = a.length;
   for (let i = 0; i < l; i++) {
-    const [m, c] = a[i];
-    ae(c, Ie(r, m), t, o);
+    const [u, c] = a[i];
+    ae(c, Ie(r, u), o, t);
   }
 }, Ie = (e, r) => {
-  let t = e;
-  const o = r.split(H), a = o.length;
+  let o = e;
+  const t = r.split(H), a = t.length;
   for (let l = 0; l < a; l++) {
-    const i = o[l];
-    let m = t.nextPart.get(i);
-    m || (m = Se(), t.nextPart.set(i, m)), t = m;
+    const i = t[l];
+    let u = o.nextPart.get(i);
+    u || (u = Se(), o.nextPart.set(i, u)), o = u;
   }
-  return t;
-}, dt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, pt = (e) => {
+  return o;
+}, pt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, mt = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -257,178 +257,178 @@ const Qe = (e, r) => {
       set: () => {
       }
     };
-  let r = 0, t = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
+  let r = 0, o = /* @__PURE__ */ Object.create(null), t = /* @__PURE__ */ Object.create(null);
   const a = (l, i) => {
-    t[l] = i, r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ Object.create(null));
+    o[l] = i, r++, r > e && (r = 0, t = o, o = /* @__PURE__ */ Object.create(null));
   };
   return {
     get(l) {
-      let i = t[l];
+      let i = o[l];
       if (i !== void 0)
         return i;
-      if ((i = o[l]) !== void 0)
+      if ((i = t[l]) !== void 0)
         return a(l, i), i;
     },
     set(l, i) {
-      l in t ? t[l] = i : a(l, i);
+      l in o ? o[l] = i : a(l, i);
     }
   };
-}, ne = "!", xe = ":", mt = [], ye = (e, r, t, o, a) => ({
+}, ne = "!", xe = ":", ut = [], ye = (e, r, o, t, a) => ({
   modifiers: e,
   hasImportantModifier: r,
-  baseClassName: t,
-  maybePostfixModifierPosition: o,
+  baseClassName: o,
+  maybePostfixModifierPosition: t,
   isExternal: a
-}), ut = (e) => {
+}), gt = (e) => {
   const {
     prefix: r,
-    experimentalParseClassName: t
+    experimentalParseClassName: o
   } = e;
-  let o = (a) => {
+  let t = (a) => {
     const l = [];
-    let i = 0, m = 0, c = 0, g;
+    let i = 0, u = 0, c = 0, g;
     const f = a.length;
-    for (let z = 0; z < f; z++) {
-      const w = a[z];
-      if (i === 0 && m === 0) {
-        if (w === xe) {
-          l.push(a.slice(c, z)), c = z + 1;
+    for (let C = 0; C < f; C++) {
+      const k = a[C];
+      if (i === 0 && u === 0) {
+        if (k === xe) {
+          l.push(a.slice(c, C)), c = C + 1;
           continue;
         }
-        if (w === "/") {
-          g = z;
+        if (k === "/") {
+          g = C;
           continue;
         }
       }
-      w === "[" ? i++ : w === "]" ? i-- : w === "(" ? m++ : w === ")" && m--;
+      k === "[" ? i++ : k === "]" ? i-- : k === "(" ? u++ : k === ")" && u--;
     }
-    const v = l.length === 0 ? a : a.slice(c);
-    let x = v, C = !1;
-    v.endsWith(ne) ? (x = v.slice(0, -1), C = !0) : (
+    const x = l.length === 0 ? a : a.slice(c);
+    let y = x, z = !1;
+    x.endsWith(ne) ? (y = x.slice(0, -1), z = !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(ne) && (x = v.slice(1), C = !0)
+      x.startsWith(ne) && (y = x.slice(1), z = !0)
     );
-    const A = g && g > c ? g - c : void 0;
-    return ye(l, C, x, A);
+    const N = g && g > c ? g - c : void 0;
+    return ye(l, z, y, N);
   };
   if (r) {
-    const a = r + xe, l = o;
-    o = (i) => i.startsWith(a) ? l(i.slice(a.length)) : ye(mt, !1, i, void 0, !0);
+    const a = r + xe, l = t;
+    t = (i) => i.startsWith(a) ? l(i.slice(a.length)) : ye(ut, !1, i, void 0, !0);
   }
-  if (t) {
-    const a = o;
-    o = (l) => t({
+  if (o) {
+    const a = t;
+    t = (l) => o({
       className: l,
       parseClassName: a
     });
   }
-  return o;
-}, gt = (e) => {
+  return t;
+}, ft = (e) => {
   const r = /* @__PURE__ */ new Map();
-  return e.orderSensitiveModifiers.forEach((t, o) => {
-    r.set(t, 1e6 + o);
-  }), (t) => {
-    const o = [];
+  return e.orderSensitiveModifiers.forEach((o, t) => {
+    r.set(o, 1e6 + t);
+  }), (o) => {
+    const t = [];
     let a = [];
-    for (let l = 0; l < t.length; l++) {
-      const i = t[l], m = i[0] === "[", c = r.has(i);
-      m || c ? (a.length > 0 && (a.sort(), o.push(...a), a = []), o.push(i)) : a.push(i);
+    for (let l = 0; l < o.length; l++) {
+      const i = o[l], u = i[0] === "[", c = r.has(i);
+      u || c ? (a.length > 0 && (a.sort(), t.push(...a), a = []), t.push(i)) : a.push(i);
     }
-    return a.length > 0 && (a.sort(), o.push(...a)), o;
+    return a.length > 0 && (a.sort(), t.push(...a)), t;
   };
-}, ft = (e) => ({
-  cache: pt(e.cacheSize),
-  parseClassName: ut(e),
-  sortModifiers: gt(e),
-  ...rt(e)
-}), bt = /\s+/, ht = (e, r) => {
+}, bt = (e) => ({
+  cache: mt(e.cacheSize),
+  parseClassName: gt(e),
+  sortModifiers: ft(e),
+  ...ot(e)
+}), ht = /\s+/, xt = (e, r) => {
   const {
-    parseClassName: t,
-    getClassGroupId: o,
+    parseClassName: o,
+    getClassGroupId: t,
     getConflictingClassGroupIds: a,
     sortModifiers: l
-  } = r, i = [], m = e.trim().split(bt);
+  } = r, i = [], u = e.trim().split(ht);
   let c = "";
-  for (let g = m.length - 1; g >= 0; g -= 1) {
-    const f = m[g], {
-      isExternal: v,
-      modifiers: x,
-      hasImportantModifier: C,
-      baseClassName: A,
-      maybePostfixModifierPosition: z
-    } = t(f);
-    if (v) {
+  for (let g = u.length - 1; g >= 0; g -= 1) {
+    const f = u[g], {
+      isExternal: x,
+      modifiers: y,
+      hasImportantModifier: z,
+      baseClassName: N,
+      maybePostfixModifierPosition: C
+    } = o(f);
+    if (x) {
       c = f + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let w = !!z, E = o(w ? A.substring(0, z) : A);
+    let k = !!C, E = t(k ? N.substring(0, C) : N);
     if (!E) {
-      if (!w) {
+      if (!k) {
         c = f + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (E = o(A), !E) {
+      if (E = t(N), !E) {
         c = f + (c.length > 0 ? " " + c : c);
         continue;
       }
-      w = !1;
+      k = !1;
     }
-    const $ = x.length === 0 ? "" : x.length === 1 ? x[0] : l(x).join(":"), W = C ? $ + ne : $, P = W + E;
+    const B = y.length === 0 ? "" : y.length === 1 ? y[0] : l(y).join(":"), W = z ? B + ne : B, P = W + E;
     if (i.indexOf(P) > -1)
       continue;
     i.push(P);
-    const j = a(E, w);
-    for (let M = 0; M < j.length; ++M) {
-      const _ = j[M];
+    const G = a(E, k);
+    for (let M = 0; M < G.length; ++M) {
+      const _ = G[M];
       i.push(W + _);
     }
     c = f + (c.length > 0 ? " " + c : c);
   }
   return c;
-}, xt = (...e) => {
-  let r = 0, t, o, a = "";
+}, yt = (...e) => {
+  let r = 0, o, t, a = "";
   for (; r < e.length; )
-    (t = e[r++]) && (o = Ne(t)) && (a && (a += " "), a += o);
+    (o = e[r++]) && (t = Ne(o)) && (a && (a += " "), a += t);
   return a;
 }, Ne = (e) => {
   if (typeof e == "string")
     return e;
-  let r, t = "";
-  for (let o = 0; o < e.length; o++)
-    e[o] && (r = Ne(e[o])) && (t && (t += " "), t += r);
-  return t;
-}, yt = (e, ...r) => {
-  let t, o, a, l;
+  let r, o = "";
+  for (let t = 0; t < e.length; t++)
+    e[t] && (r = Ne(e[t])) && (o && (o += " "), o += r);
+  return o;
+}, wt = (e, ...r) => {
+  let o, t, a, l;
   const i = (c) => {
-    const g = r.reduce((f, v) => v(f), e());
-    return t = ft(g), o = t.cache.get, a = t.cache.set, l = m, m(c);
-  }, m = (c) => {
-    const g = o(c);
+    const g = r.reduce((f, x) => x(f), e());
+    return o = bt(g), t = o.cache.get, a = o.cache.set, l = u, u(c);
+  }, u = (c) => {
+    const g = t(c);
     if (g)
       return g;
-    const f = ht(c, t);
+    const f = xt(c, o);
     return a(c, f), f;
   };
-  return l = i, (...c) => l(xt(...c));
-}, wt = [], b = (e) => {
-  const r = (t) => t[e] || wt;
+  return l = i, (...c) => l(yt(...c));
+}, kt = [], b = (e) => {
+  const r = (o) => o[e] || kt;
   return r.isThemeGetter = !0, r;
-}, Ee = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Me = /^\((?:(\w[\w-]*):)?(.+)\)$/i, kt = /^\d+\/\d+$/, vt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ct = /\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$/, zt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, At = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, St = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, L = (e) => kt.test(e), u = (e) => !!e && !Number.isNaN(Number(e)), N = (e) => !!e && Number.isInteger(Number(e)), re = (e) => e.endsWith("%") && u(e.slice(0, -1)), I = (e) => vt.test(e), Rt = () => !0, It = (e) => (
+}, Ee = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Me = /^\((?:(\w[\w-]*):)?(.+)\)$/i, vt = /^\d+\/\d+$/, Ct = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, zt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, At = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, St = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Rt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, L = (e) => vt.test(e), m = (e) => !!e && !Number.isNaN(Number(e)), I = (e) => !!e && Number.isInteger(Number(e)), re = (e) => e.endsWith("%") && m(e.slice(0, -1)), R = (e) => Ct.test(e), It = () => !0, Nt = (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.
-  Ct.test(e) && !zt.test(e)
-), Oe = () => !1, Nt = (e) => At.test(e), Et = (e) => St.test(e), Mt = (e) => !s(e) && !n(e), Ot = (e) => V(e, je, Oe), s = (e) => Ee.test(e), T = (e) => V(e, Ge, It), oe = (e) => V(e, Lt, u), we = (e) => V(e, Te, Oe), Tt = (e) => V(e, Pe, Et), X = (e) => V(e, Le, Nt), n = (e) => Me.test(e), U = (e) => F(e, Ge), Pt = (e) => F(e, Vt), ke = (e) => F(e, Te), jt = (e) => F(e, je), Gt = (e) => F(e, Pe), Z = (e) => F(e, Le, !0), V = (e, r, t) => {
-  const o = Ee.exec(e);
-  return o ? o[1] ? r(o[1]) : t(o[2]) : !1;
-}, F = (e, r, t = !1) => {
-  const o = Me.exec(e);
-  return o ? o[1] ? r(o[1]) : t : !1;
-}, Te = (e) => e === "position" || e === "percentage", Pe = (e) => e === "image" || e === "url", je = (e) => e === "length" || e === "size" || e === "bg-size", Ge = (e) => e === "length", Lt = (e) => e === "number", Vt = (e) => e === "family-name", Le = (e) => e === "shadow", Ft = () => {
-  const e = b("color"), r = b("font"), t = b("text"), o = b("font-weight"), a = b("tracking"), l = b("leading"), i = b("breakpoint"), m = b("container"), c = b("spacing"), g = b("radius"), f = b("shadow"), v = b("inset-shadow"), x = b("text-shadow"), C = b("drop-shadow"), A = b("blur"), z = b("perspective"), w = b("aspect"), E = b("ease"), $ = b("animate"), W = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], P = () => [
+  zt.test(e) && !At.test(e)
+), Oe = () => !1, Et = (e) => St.test(e), Mt = (e) => Rt.test(e), Ot = (e) => !s(e) && !n(e), Tt = (e) => V(e, Ge, Oe), s = (e) => Ee.test(e), T = (e) => V(e, je, Nt), oe = (e) => V(e, Vt, m), we = (e) => V(e, Te, Oe), Pt = (e) => V(e, Pe, Mt), X = (e) => V(e, Le, Et), n = (e) => Me.test(e), U = (e) => F(e, je), Gt = (e) => F(e, Ft), ke = (e) => F(e, Te), jt = (e) => F(e, Ge), Lt = (e) => F(e, Pe), Z = (e) => F(e, Le, !0), V = (e, r, o) => {
+  const t = Ee.exec(e);
+  return t ? t[1] ? r(t[1]) : o(t[2]) : !1;
+}, F = (e, r, o = !1) => {
+  const t = Me.exec(e);
+  return t ? t[1] ? r(t[1]) : o : !1;
+}, Te = (e) => e === "position" || e === "percentage", Pe = (e) => e === "image" || e === "url", Ge = (e) => e === "length" || e === "size" || e === "bg-size", je = (e) => e === "length", Vt = (e) => e === "number", Ft = (e) => e === "family-name", Le = (e) => e === "shadow", Wt = () => {
+  const e = b("color"), r = b("font"), o = b("text"), t = b("font-weight"), a = b("tracking"), l = b("leading"), i = b("breakpoint"), u = b("container"), c = b("spacing"), g = b("radius"), f = b("shadow"), x = b("inset-shadow"), y = b("text-shadow"), z = b("drop-shadow"), N = b("blur"), C = b("perspective"), k = b("aspect"), E = b("ease"), B = b("animate"), W = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], P = () => [
     "center",
     "top",
     "bottom",
@@ -446,15 +446,15 @@ const Qe = (e, r) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], j = () => [...P(), n, s], M = () => ["auto", "hidden", "clip", "visible", "scroll"], _ = () => ["auto", "contain", "none"], p = () => [n, s, c], S = () => [L, "full", "auto", ...p()], ie = () => [N, "none", "subgrid", n, s], le = () => ["auto", {
-    span: ["full", N, n, s]
-  }, N, n, s], B = () => [N, "auto", n, s], ce = () => ["auto", "min", "max", "fr", n, s], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], G = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], R = () => ["auto", ...p()], O = () => [L, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...p()], d = () => [e, n, s], de = () => [...P(), ke, we, {
+  ], G = () => [...P(), n, s], M = () => ["auto", "hidden", "clip", "visible", "scroll"], _ = () => ["auto", "contain", "none"], p = () => [n, s, c], A = () => [L, "full", "auto", ...p()], ie = () => [I, "none", "subgrid", n, s], le = () => ["auto", {
+    span: ["full", I, n, s]
+  }, I, n, s], $ = () => [I, "auto", n, s], ce = () => ["auto", "min", "max", "fr", n, s], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], j = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], S = () => ["auto", ...p()], O = () => [L, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...p()], d = () => [e, n, s], de = () => [...P(), ke, we, {
     position: [n, s]
   }], pe = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], me = () => ["auto", "cover", "contain", jt, Ot, {
+  }], me = () => ["auto", "cover", "contain", jt, Tt, {
     size: [n, s]
-  }], Q = () => [re, U, T], y = () => [
+  }], Q = () => [re, U, T], w = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -462,35 +462,35 @@ const Qe = (e, r) => {
     g,
     n,
     s
-  ], k = () => ["", u, U, T], D = () => ["solid", "dashed", "dotted", "double"], ue = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], h = () => [u, re, ke, we], ge = () => [
+  ], v = () => ["", m, U, T], D = () => ["solid", "dashed", "dotted", "double"], ue = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], h = () => [m, re, ke, we], ge = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    A,
+    N,
     n,
     s
-  ], J = () => ["none", u, n, s], q = () => ["none", u, n, s], ee = () => [u, n, s], Y = () => [L, "full", ...p()];
+  ], J = () => ["none", m, n, s], q = () => ["none", m, n, s], ee = () => [m, n, s], Y = () => [L, "full", ...p()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [I],
-      breakpoint: [I],
-      color: [Rt],
-      container: [I],
-      "drop-shadow": [I],
+      blur: [R],
+      breakpoint: [R],
+      color: [It],
+      container: [R],
+      "drop-shadow": [R],
       ease: ["in", "out", "in-out"],
-      font: [Mt],
+      font: [Ot],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [I],
+      "inset-shadow": [R],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [I],
-      shadow: [I],
-      spacing: ["px", u],
-      text: [I],
-      "text-shadow": [I],
+      radius: [R],
+      shadow: [R],
+      spacing: ["px", m],
+      text: [R],
+      "text-shadow": [R],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -502,7 +502,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", L, s, n, w]
+        aspect: ["auto", "square", L, s, n, k]
       }],
       /**
        * Container
@@ -515,7 +515,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [u, s, n, m]
+        columns: [m, s, n, u]
       }],
       /**
        * Break After
@@ -593,7 +593,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: j()
+        object: G()
       }],
       /**
        * Overflow
@@ -647,63 +647,63 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: S()
+        inset: A()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": S()
+        "inset-x": A()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": S()
+        "inset-y": A()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: S()
+        start: A()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: S()
+        end: A()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: S()
+        top: A()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: S()
+        right: A()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: S()
+        bottom: A()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: S()
+        left: A()
       }],
       /**
        * Visibility
@@ -715,7 +715,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [N, "auto", n, s]
+        z: [I, "auto", n, s]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -725,7 +725,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [L, "full", "auto", m, ...p()]
+        basis: [L, "full", "auto", u, ...p()]
       }],
       /**
        * Flex Direction
@@ -746,28 +746,28 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [u, L, "auto", "initial", "none", s]
+        flex: [m, L, "auto", "initial", "none", s]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", u, n, s]
+        grow: ["", m, n, s]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", u, n, s]
+        shrink: ["", m, n, s]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [N, "first", "last", "none", n, s]
+        order: [I, "first", "last", "none", n, s]
       }],
       /**
        * Grid Template Columns
@@ -788,14 +788,14 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": B()
+        "col-start": $()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": B()
+        "col-end": $()
       }],
       /**
        * Grid Template Rows
@@ -816,14 +816,14 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": B()
+        "row-start": $()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": B()
+        "row-end": $()
       }],
       /**
        * Grid Auto Flow
@@ -879,14 +879,14 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...G(), "normal"]
+        "justify-items": [...j(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...G()]
+        "justify-self": ["auto", ...j()]
       }],
       /**
        * Align Content
@@ -900,7 +900,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...G(), {
+        items: [...j(), {
           baseline: ["", "last"]
         }]
       }],
@@ -909,7 +909,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...G(), {
+        self: ["auto", ...j(), {
           baseline: ["", "last"]
         }]
       }],
@@ -925,14 +925,14 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...G(), "baseline"]
+        "place-items": [...j(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...G()]
+        "place-self": ["auto", ...j()]
       }],
       // Spacing
       /**
@@ -1003,63 +1003,63 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: R()
+        m: S()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: R()
+        mx: S()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: R()
+        my: S()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: R()
+        ms: S()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: R()
+        me: S()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: R()
+        mt: S()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: R()
+        mr: S()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: R()
+        mb: S()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: R()
+        ml: S()
       }],
       /**
        * Space Between X
@@ -1100,7 +1100,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [m, "screen", ...O()]
+        w: [u, "screen", ...O()]
       }],
       /**
        * Min-Width
@@ -1108,7 +1108,7 @@ const Qe = (e, r) => {
        */
       "min-w": [{
         "min-w": [
-          m,
+          u,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
@@ -1121,7 +1121,7 @@ const Qe = (e, r) => {
        */
       "max-w": [{
         "max-w": [
-          m,
+          u,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
@@ -1162,7 +1162,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", t, U, T]
+        text: ["base", o, U, T]
       }],
       /**
        * Font Smoothing
@@ -1179,7 +1179,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [o, n, oe]
+        font: [t, n, oe]
       }],
       /**
        * Font Stretch
@@ -1193,7 +1193,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Pt, s, r]
+        font: [Gt, s, r]
       }],
       /**
        * Font Variant Numeric
@@ -1237,7 +1237,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [u, "none", n, oe]
+        "line-clamp": [m, "none", n, oe]
       }],
       /**
        * Line Height
@@ -1310,7 +1310,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [u, "from-font", "auto", n, T]
+        decoration: [m, "from-font", "auto", n, T]
       }],
       /**
        * Text Decoration Color
@@ -1324,7 +1324,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [u, "auto", n, s]
+        "underline-offset": [m, "auto", n, s]
       }],
       /**
        * Text Transform
@@ -1445,10 +1445,10 @@ const Qe = (e, r) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, N, n, s],
+          }, I, n, s],
           radial: ["", n, s],
-          conic: [N, n, s]
-        }, Gt, Tt]
+          conic: [I, n, s]
+        }, Lt, Pt]
       }],
       /**
        * Background Color
@@ -1507,175 +1507,175 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: y()
+        rounded: w()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": y()
+        "rounded-s": w()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": y()
+        "rounded-e": w()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": y()
+        "rounded-t": w()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": y()
+        "rounded-r": w()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": y()
+        "rounded-b": w()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": y()
+        "rounded-l": w()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": y()
+        "rounded-ss": w()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": y()
+        "rounded-se": w()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": y()
+        "rounded-ee": w()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": y()
+        "rounded-es": w()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": y()
+        "rounded-tl": w()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": y()
+        "rounded-tr": w()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": y()
+        "rounded-br": w()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": y()
+        "rounded-bl": w()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: k()
+        border: v()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": k()
+        "border-x": v()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": k()
+        "border-y": v()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": k()
+        "border-s": v()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": k()
+        "border-e": v()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": k()
+        "border-t": v()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": k()
+        "border-r": v()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": k()
+        "border-b": v()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": k()
+        "border-l": v()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": k()
+        "divide-x": v()
       }],
       /**
        * Divide Width X Reverse
@@ -1687,7 +1687,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": k()
+        "divide-y": v()
       }],
       /**
        * Divide Width Y Reverse
@@ -1790,14 +1790,14 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [u, n, s]
+        "outline-offset": [m, n, s]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", u, U, T]
+        outline: ["", m, U, T]
       }],
       /**
        * Outline Color
@@ -1835,7 +1835,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", v, Z, X]
+        "inset-shadow": ["none", x, Z, X]
       }],
       /**
        * Inset Box Shadow Color
@@ -1849,7 +1849,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: k()
+        ring: v()
       }],
       /**
        * Ring Width Inset
@@ -1872,7 +1872,7 @@ const Qe = (e, r) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [u, T]
+        "ring-offset": [m, T]
       }],
       /**
        * Ring Offset Color
@@ -1888,7 +1888,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": k()
+        "inset-ring": v()
       }],
       /**
        * Inset Ring Color
@@ -1902,7 +1902,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", x, Z, X]
+        "text-shadow": ["none", y, Z, X]
       }],
       /**
        * Text Shadow Color
@@ -1916,7 +1916,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [u, n, s]
+        opacity: [m, n, s]
       }],
       /**
        * Mix Blend Mode
@@ -1951,7 +1951,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [u]
+        "mask-linear": [m]
       }],
       "mask-image-linear-from-pos": [{
         "mask-linear-from": h()
@@ -2065,7 +2065,7 @@ const Qe = (e, r) => {
         "mask-radial-at": P()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [u]
+        "mask-conic": [m]
       }],
       "mask-image-conic-from-pos": [{
         "mask-conic-from": h()
@@ -2156,14 +2156,14 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [u, n, s]
+        brightness: [m, n, s]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [u, n, s]
+        contrast: [m, n, s]
       }],
       /**
        * Drop Shadow
@@ -2174,7 +2174,7 @@ const Qe = (e, r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          C,
+          z,
           Z,
           X
         ]
@@ -2191,35 +2191,35 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", u, n, s]
+        grayscale: ["", m, n, s]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [u, n, s]
+        "hue-rotate": [m, n, s]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", u, n, s]
+        invert: ["", m, n, s]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [u, n, s]
+        saturate: [m, n, s]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", u, n, s]
+        sepia: ["", m, n, s]
       }],
       /**
        * Backdrop Filter
@@ -2246,56 +2246,56 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [u, n, s]
+        "backdrop-brightness": [m, n, s]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [u, n, s]
+        "backdrop-contrast": [m, n, s]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", u, n, s]
+        "backdrop-grayscale": ["", m, n, s]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [u, n, s]
+        "backdrop-hue-rotate": [m, n, s]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", u, n, s]
+        "backdrop-invert": ["", m, n, s]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [u, n, s]
+        "backdrop-opacity": [m, n, s]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [u, n, s]
+        "backdrop-saturate": [m, n, s]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", u, n, s]
+        "backdrop-sepia": ["", m, n, s]
       }],
       // --------------
       // --- Tables ---
@@ -2364,7 +2364,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [u, "initial", n, s]
+        duration: [m, "initial", n, s]
       }],
       /**
        * Transition Timing Function
@@ -2378,14 +2378,14 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [u, n, s]
+        delay: [m, n, s]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", $, n, s]
+        animate: ["none", B, n, s]
       }],
       // ------------------
       // --- Transforms ---
@@ -2402,14 +2402,14 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [z, n, s]
+        perspective: [C, n, s]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": j()
+        "perspective-origin": G()
       }],
       /**
        * Rotate
@@ -2505,7 +2505,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: j()
+        origin: G()
       }],
       /**
        * Transform Style
@@ -2822,7 +2822,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [u, U, T, oe]
+        stroke: [m, U, T, oe]
       }],
       /**
        * Stroke
@@ -2897,25 +2897,29 @@ const Qe = (e, r) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Wt = /* @__PURE__ */ yt(Ft);
-function _t(...e) {
-  return Wt(Ke(e));
+}, _t = /* @__PURE__ */ wt(Wt);
+function Ut(...e) {
+  return _t(Qe(e));
 }
-function rr(e) {
+function or(e) {
   throw new Error(`Unexpected value: ${e}`);
 }
-const Ut = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), $t = (e) => e.replace(
+function sr(e, r) {
+  if (!e)
+    throw new Error(r);
+}
+const Bt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), $t = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
-  (r, t, o) => o ? o.toUpperCase() : t.toLowerCase()
+  (r, o, t) => t ? t.toUpperCase() : o.toLowerCase()
 ), ve = (e) => {
   const r = $t(e);
   return r.charAt(0).toUpperCase() + r.slice(1);
-}, Ve = (...e) => e.filter((r, t, o) => !!r && r.trim() !== "" && o.indexOf(r) === t).join(" ").trim(), Bt = (e) => {
+}, Ve = (...e) => e.filter((r, o, t) => !!r && r.trim() !== "" && t.indexOf(r) === o).join(" ").trim(), Dt = (e) => {
   for (const r in e)
     if (r.startsWith("aria-") || r === "role" || r === "title")
       return !0;
 };
-var Dt = {
+var Jt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -2926,28 +2930,28 @@ var Dt = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const Jt = Ce(
+const qt = Ce(
   ({
     color: e = "currentColor",
     size: r = 24,
-    strokeWidth: t = 2,
-    absoluteStrokeWidth: o,
+    strokeWidth: o = 2,
+    absoluteStrokeWidth: t,
     className: a = "",
     children: l,
     iconNode: i,
-    ...m
+    ...u
   }, c) => se(
     "svg",
     {
       ref: c,
-      ...Dt,
+      ...Jt,
       width: r,
       height: r,
       stroke: e,
-      strokeWidth: o ? Number(t) * 24 / Number(r) : t,
+      strokeWidth: t ? Number(o) * 24 / Number(r) : o,
       className: Ve("lucide", a),
-      ...!l && !Bt(m) && { "aria-hidden": "true" },
-      ...m
+      ...!l && !Dt(u) && { "aria-hidden": "true" },
+      ...u
     },
     [
       ...i.map(([g, f]) => se(g, f)),
@@ -2955,82 +2959,70 @@ const Jt = Ce(
     ]
   )
 );
-const qt = (e, r) => {
-  const t = Ce(
-    ({ className: o, ...a }, l) => se(Jt, {
+const Yt = (e, r) => {
+  const o = Ce(
+    ({ className: t, ...a }, l) => se(qt, {
       ref: l,
       iconNode: r,
       className: Ve(
-        `lucide-${Ut(ve(e))}`,
+        `lucide-${Bt(ve(e))}`,
         `lucide-${e}`,
-        o
+        t
       ),
       ...a
     })
   );
-  return t.displayName = ve(e), t;
+  return o.displayName = ve(e), o;
 };
-const Yt = [
+const Xt = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
-], Xt = qt("circle-alert", Yt), Zt = ({ code: e }) => {
-  const r = $e(({ message: f }) => f), t = _e(null), [o, a] = be(!0), [l, i] = be(null), m = r.status?.type === "complete", c = He(), g = Xe();
-  return Ue(() => {
-    if (!m || !t.current)
-      return;
-    let f = null;
-    return (async () => {
-      try {
-        let x;
-        try {
-          x = JSON.parse(e);
-        } catch (A) {
-          throw new Error(
-            `Invalid JSON syntax: ${A instanceof Error ? A.message : "Unable to parse"}`
-          );
-        }
-        const C = Be(x);
-        f = new De(C, {
-          container: t.current ?? void 0,
-          renderer: "svg",
-          hover: !0,
-          logLevel: Je
-        }), await f.runAsync(), a(!1);
-      } catch (x) {
-        console.error("Failed to render chart:", x);
-        const C = x instanceof Error ? x.message : "Failed to render chart";
-        i(C), a(!1);
-      }
-    })(), () => {
-      f && f.finalize();
-    };
-  }, [m, e]), /* @__PURE__ */ fe(
+], Zt = Yt("circle-alert", Xt), Ht = ({ code: e }) => {
+  const r = $e(({ message: x }) => x), o = be(null), t = be(null), [a, l] = _e(null), i = r.status?.type === "complete", u = Ke(), c = Ze(), g = Ue(() => {
+    const x = e.trim();
+    if (!x) return null;
+    try {
+      return JSON.parse(x);
+    } catch {
+      return null;
+    }
+  }, [e]), f = i && g !== null;
+  return Be(() => !o.current || !f ? void 0 : (l(null), (async () => {
+    try {
+      t.current && (t.current.finalize(), t.current = null);
+      const y = De(g), z = new Je(y, {
+        container: o.current ?? void 0,
+        renderer: "svg",
+        hover: !0,
+        logLevel: qe
+      });
+      t.current = z, await z.runAsync();
+    } catch (y) {
+      console.error("Failed to render chart:", y), l(y instanceof Error ? y.message : "Failed to render chart");
+    }
+  })(), () => {
+    t.current && (t.current.finalize(), t.current = null);
+  }), [f, g]), /* @__PURE__ */ fe(
     "div",
     {
-      className: _t(
+      className: Ut(
         // the after:hidden is to prevent assistant-ui from showing its default code block loading indicator
         "relative flex min-h-[400px] w-fit max-w-full min-w-[400px] items-center justify-center border p-6 after:hidden",
-        c("lg"),
-        g("p-lg")
+        u("lg"),
+        c("p-lg")
       ),
       children: [
-        (o || !m) && /* @__PURE__ */ te("div", { className: "shimmer text-muted-foreground bg-background/80 absolute inset-0 z-10 flex items-center justify-center", children: "Rendering chart..." }),
-        l && /* @__PURE__ */ fe("div", { className: "bg-background absolute inset-0 z-10 flex items-center justify-center gap-2 text-rose-500", children: [
-          /* @__PURE__ */ te(Xt, { name: "alert-circle", className: "h-4 w-4" }),
-          "Error rendering chart"
+        !f && !a && /* @__PURE__ */ te("div", { className: "shimmer text-muted-foreground bg-background/80 absolute inset-0 z-10 flex items-center justify-center", children: "Rendering chart..." }),
+        a && /* @__PURE__ */ fe("div", { className: "bg-background absolute inset-0 z-10 flex items-center justify-center gap-2 text-rose-500", children: [
+          /* @__PURE__ */ te(Zt, { name: "alert-circle", className: "h-4 w-4" }),
+          a
         ] }),
-        /* @__PURE__ */ te(
-          "div",
-          {
-            ref: t,
-            className: o ? "hidden" : "block"
-          }
-        )
+        /* @__PURE__ */ te("div", { ref: o, className: f ? "block" : "hidden" })
       ]
     }
   );
-}, Ht = {
+}, Kt = {
   language: "vega",
   prompt: `When a user requests a chart or visualization, respond with a valid Vega specification (https://vega.github.io/vega/) in a code block with language 'vega'.
 
@@ -3048,19 +3040,20 @@ CONTENT GUIDELINES:
 - Do not mention "Vega" or other technical terms - this is user-facing
 
 The Vega spec will be parsed with JSON.parse() - if it fails, the chart will error. Ensure strict JSON validity.`,
-  Component: Zt,
+  Component: Ht,
   Header: void 0
-}, or = [Ht];
+}, nr = [Kt];
 export {
-  Xt as C,
-  qe as E,
-  Ke as a,
-  _t as b,
-  qt as c,
-  Xe as d,
-  He as e,
-  rr as f,
-  Ht as g,
-  or as r,
+  Zt as C,
+  Ye as E,
+  sr as a,
+  Qe as b,
+  Yt as c,
+  Ut as d,
+  Ze as e,
+  Ke as f,
+  or as g,
+  Kt as h,
+  nr as r,
   ze as u
 };