@gram-ai/elements 1.13.5 → 1.13.7

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

@@ -1,15 +1,15 @@
-import { jsx as te, jsxs as je } from "react/jsx-runtime";
-import { createContext as Ne, useContext as Oe, useRef as Le, useState as ge, useEffect as Ve } from "react";
-import { useAssistantState as Fe } from "@assistant-ui/react";
-import { parse as We, View as _e, Warn as Be } from "vega";
-const $e = Ne(
+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 { useAssistantState as $e } from "@assistant-ui/react";
+import { parse as Be, View as De, Warn as Je } from "vega";
+const qe = Fe(
   void 0
-), we = () => {
-  const e = Oe($e);
+), ze = () => {
+  const e = We(qe);
   if (!e)
     throw new Error("useElements must be used within a ElementsProvider");
   return e;
-}, Ue = {
+}, Ye = {
   compact: {
     // Padding - small increments (1, 1.5, 2, 2.5, 3)
     "p-xs": "p-1",
@@ -100,10 +100,10 @@ const $e = Ne(
     "text-title": "text-3xl",
     "text-subtitle": "text-lg"
   }
-}, De = () => {
-  const { config: e } = we(), r = e.theme?.density ?? "normal";
-  return (t) => Ue[r][t];
-}, Ye = {
+}, Xe = () => {
+  const { config: e } = ze(), r = e.theme?.density ?? "normal";
+  return (t) => Ye[r][t];
+}, Ze = {
   sharp: {
     sm: "rounded-sm",
     md: "rounded",
@@ -125,131 +125,131 @@ const $e = Ne(
     xl: "rounded-3xl",
     full: "rounded-full"
   }
-}, Je = () => {
-  const { config: e } = we(), r = e.theme?.radius ?? "soft";
-  return (t) => Ye[r][t];
+}, He = () => {
+  const { config: e } = ze(), r = e.theme?.radius ?? "soft";
+  return (t) => Ze[r][t];
 };
-function ke(e) {
+function Ae(e) {
   var r, t, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var a = e.length;
-    for (r = 0; r < a; r++) e[r] && (t = ke(e[r])) && (o && (o += " "), o += t);
+    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 qe() {
-  for (var e, r, t = 0, o = "", a = arguments.length; t < a; t++) (e = arguments[t]) && (r = ke(e)) && (o && (o += " "), o += r);
+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;
 }
-const Xe = (e, r) => {
+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];
   return t;
-}, He = (e, r) => ({
+}, et = (e, r) => ({
   classGroupId: e,
   validator: r
-}), ve = (e = /* @__PURE__ */ new Map(), r = null, t) => ({
+}), Se = (e = /* @__PURE__ */ new Map(), r = null, t) => ({
   nextPart: e,
   validators: r,
   classGroupId: t
-}), K = "-", fe = [], Ke = "arbitrary..", Qe = (e) => {
-  const r = et(e), {
+}), H = "-", he = [], tt = "arbitrary..", rt = (e) => {
+  const r = st(e), {
     conflictingClassGroups: t,
     conflictingClassGroupModifiers: o
   } = e;
   return {
     getClassGroupId: (i) => {
       if (i.startsWith("[") && i.endsWith("]"))
-        return Ze(i);
-      const u = i.split(K), l = u[0] === "" && u.length > 1 ? 1 : 0;
-      return Ce(u, l, r);
+        return ot(i);
+      const m = i.split(H), c = m[0] === "" && m.length > 1 ? 1 : 0;
+      return Re(m, c, r);
     },
-    getConflictingClassGroupIds: (i, u) => {
-      if (u) {
-        const l = o[i], g = t[i];
-        return l ? g ? Xe(g, l) : l : g || fe;
+    getConflictingClassGroupIds: (i, m) => {
+      if (m) {
+        const c = o[i], g = t[i];
+        return c ? g ? Qe(g, c) : c : g || he;
       }
-      return t[i] || fe;
+      return t[i] || he;
     }
   };
-}, Ce = (e, r, t) => {
+}, Re = (e, r, t) => {
   if (e.length - r === 0)
     return t.classGroupId;
-  const a = e[r], d = t.nextPart.get(a);
-  if (d) {
-    const g = Ce(e, r + 1, d);
+  const a = e[r], l = t.nextPart.get(a);
+  if (l) {
+    const g = Re(e, r + 1, l);
     if (g) return g;
   }
   const i = t.validators;
   if (i === null)
     return;
-  const u = r === 0 ? e.join(K) : e.slice(r).join(K), l = i.length;
-  for (let g = 0; g < l; g++) {
+  const m = 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(u))
+    if (f.validator(m))
       return f.classGroupId;
   }
-}, Ze = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, 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 ? Ke + o : void 0;
-})(), et = (e) => {
+  return o ? tt + o : void 0;
+})(), st = (e) => {
   const {
     theme: r,
     classGroups: t
   } = e;
-  return tt(t, r);
-}, tt = (e, r) => {
-  const t = ve();
+  return nt(t, r);
+}, nt = (e, r) => {
+  const t = Se();
   for (const o in e) {
     const a = e[o];
-    ne(a, t, o, r);
+    ae(a, t, o, r);
   }
   return t;
-}, ne = (e, r, t, o) => {
+}, ae = (e, r, t, o) => {
   const a = e.length;
-  for (let d = 0; d < a; d++) {
-    const i = e[d];
-    ot(i, r, t, o);
+  for (let l = 0; l < a; l++) {
+    const i = e[l];
+    at(i, r, t, o);
   }
-}, ot = (e, r, t, o) => {
+}, at = (e, r, t, o) => {
   if (typeof e == "string") {
-    rt(e, r, t);
+    it(e, r, t);
     return;
   }
   if (typeof e == "function") {
-    st(e, r, t, o);
+    lt(e, r, t, o);
     return;
   }
-  nt(e, r, t, o);
-}, rt = (e, r, t) => {
-  const o = e === "" ? r : ze(r, e);
+  ct(e, r, t, o);
+}, it = (e, r, t) => {
+  const o = e === "" ? r : Ie(r, e);
   o.classGroupId = t;
-}, st = (e, r, t, o) => {
-  if (at(e)) {
-    ne(e(o), r, t, o);
+}, lt = (e, r, t, o) => {
+  if (dt(e)) {
+    ae(e(o), r, t, o);
     return;
   }
-  r.validators === null && (r.validators = []), r.validators.push(He(t, e));
-}, nt = (e, r, t, o) => {
-  const a = Object.entries(e), d = a.length;
-  for (let i = 0; i < d; i++) {
-    const [u, l] = a[i];
-    ne(l, ze(r, u), t, o);
+  r.validators === null && (r.validators = []), r.validators.push(et(t, e));
+}, ct = (e, r, t, o) => {
+  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);
   }
-}, ze = (e, r) => {
+}, Ie = (e, r) => {
   let t = e;
-  const o = r.split(K), a = o.length;
-  for (let d = 0; d < a; d++) {
-    const i = o[d];
-    let u = t.nextPart.get(i);
-    u || (u = ve(), t.nextPart.set(i, u)), t = u;
+  const o = r.split(H), a = o.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;
   }
   return t;
-}, at = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, it = (e) => {
+}, dt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, pt = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -258,177 +258,177 @@ const Xe = (e, r) => {
       }
     };
   let r = 0, t = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
-  const a = (d, i) => {
-    t[d] = i, r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ Object.create(null));
+  const a = (l, i) => {
+    t[l] = i, r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ Object.create(null));
   };
   return {
-    get(d) {
-      let i = t[d];
+    get(l) {
+      let i = t[l];
       if (i !== void 0)
         return i;
-      if ((i = o[d]) !== void 0)
-        return a(d, i), i;
+      if ((i = o[l]) !== void 0)
+        return a(l, i), i;
     },
-    set(d, i) {
-      d in t ? t[d] = i : a(d, i);
+    set(l, i) {
+      l in t ? t[l] = i : a(l, i);
     }
   };
-}, se = "!", be = ":", lt = [], he = (e, r, t, o, a) => ({
+}, ne = "!", xe = ":", mt = [], ye = (e, r, t, o, a) => ({
   modifiers: e,
   hasImportantModifier: r,
   baseClassName: t,
   maybePostfixModifierPosition: o,
   isExternal: a
-}), ct = (e) => {
+}), ut = (e) => {
   const {
     prefix: r,
     experimentalParseClassName: t
   } = e;
   let o = (a) => {
-    const d = [];
-    let i = 0, u = 0, l = 0, g;
+    const l = [];
+    let i = 0, m = 0, c = 0, g;
     const f = a.length;
-    for (let C = 0; C < f; C++) {
-      const w = a[C];
-      if (i === 0 && u === 0) {
-        if (w === be) {
-          d.push(a.slice(l, C)), l = C + 1;
+    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;
           continue;
         }
         if (w === "/") {
-          g = C;
+          g = z;
           continue;
         }
       }
-      w === "[" ? i++ : w === "]" ? i-- : w === "(" ? u++ : w === ")" && u--;
+      w === "[" ? i++ : w === "]" ? i-- : w === "(" ? m++ : w === ")" && m--;
     }
-    const v = d.length === 0 ? a : a.slice(l);
-    let x = v, z = !1;
-    v.endsWith(se) ? (x = v.slice(0, -1), z = !0) : (
+    const v = l.length === 0 ? a : a.slice(c);
+    let x = v, C = !1;
+    v.endsWith(ne) ? (x = v.slice(0, -1), C = !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(se) && (x = v.slice(1), z = !0)
+      v.startsWith(ne) && (x = v.slice(1), C = !0)
     );
-    const M = g && g > l ? g - l : void 0;
-    return he(d, z, x, M);
+    const A = g && g > c ? g - c : void 0;
+    return ye(l, C, x, A);
   };
   if (r) {
-    const a = r + be, d = o;
-    o = (i) => i.startsWith(a) ? d(i.slice(a.length)) : he(lt, !1, i, void 0, !0);
+    const a = r + xe, l = o;
+    o = (i) => i.startsWith(a) ? l(i.slice(a.length)) : ye(mt, !1, i, void 0, !0);
   }
   if (t) {
     const a = o;
-    o = (d) => t({
-      className: d,
+    o = (l) => t({
+      className: l,
       parseClassName: a
     });
   }
   return o;
-}, dt = (e) => {
+}, gt = (e) => {
   const r = /* @__PURE__ */ new Map();
   return e.orderSensitiveModifiers.forEach((t, o) => {
     r.set(t, 1e6 + o);
   }), (t) => {
     const o = [];
     let a = [];
-    for (let d = 0; d < t.length; d++) {
-      const i = t[d], u = i[0] === "[", l = r.has(i);
-      u || l ? (a.length > 0 && (a.sort(), o.push(...a), a = []), o.push(i)) : a.push(i);
+    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);
     }
     return a.length > 0 && (a.sort(), o.push(...a)), o;
   };
-}, pt = (e) => ({
-  cache: it(e.cacheSize),
-  parseClassName: ct(e),
-  sortModifiers: dt(e),
-  ...Qe(e)
-}), mt = /\s+/, ut = (e, r) => {
+}, ft = (e) => ({
+  cache: pt(e.cacheSize),
+  parseClassName: ut(e),
+  sortModifiers: gt(e),
+  ...rt(e)
+}), bt = /\s+/, ht = (e, r) => {
   const {
     parseClassName: t,
     getClassGroupId: o,
     getConflictingClassGroupIds: a,
-    sortModifiers: d
-  } = r, i = [], u = e.trim().split(mt);
-  let l = "";
-  for (let g = u.length - 1; g >= 0; g -= 1) {
-    const f = u[g], {
+    sortModifiers: l
+  } = r, i = [], m = e.trim().split(bt);
+  let c = "";
+  for (let g = m.length - 1; g >= 0; g -= 1) {
+    const f = m[g], {
       isExternal: v,
       modifiers: x,
-      hasImportantModifier: z,
-      baseClassName: M,
-      maybePostfixModifierPosition: C
+      hasImportantModifier: C,
+      baseClassName: A,
+      maybePostfixModifierPosition: z
     } = t(f);
     if (v) {
-      l = f + (l.length > 0 ? " " + l : l);
+      c = f + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let w = !!C, P = o(w ? M.substring(0, C) : M);
-    if (!P) {
+    let w = !!z, E = o(w ? A.substring(0, z) : A);
+    if (!E) {
       if (!w) {
-        l = f + (l.length > 0 ? " " + l : l);
+        c = f + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (P = o(M), !P) {
-        l = f + (l.length > 0 ? " " + l : l);
+      if (E = o(A), !E) {
+        c = f + (c.length > 0 ? " " + c : c);
         continue;
       }
       w = !1;
     }
-    const $ = x.length === 0 ? "" : x.length === 1 ? x[0] : d(x).join(":"), W = z ? $ + se : $, j = W + P;
-    if (i.indexOf(j) > -1)
+    const $ = x.length === 0 ? "" : x.length === 1 ? x[0] : l(x).join(":"), W = C ? $ + ne : $, P = W + E;
+    if (i.indexOf(P) > -1)
       continue;
-    i.push(j);
-    const N = a(P, w);
-    for (let E = 0; E < N.length; ++E) {
-      const _ = N[E];
+    i.push(P);
+    const j = a(E, w);
+    for (let M = 0; M < j.length; ++M) {
+      const _ = j[M];
       i.push(W + _);
     }
-    l = f + (l.length > 0 ? " " + l : l);
+    c = f + (c.length > 0 ? " " + c : c);
   }
-  return l;
-}, gt = (...e) => {
+  return c;
+}, xt = (...e) => {
   let r = 0, t, o, a = "";
   for (; r < e.length; )
-    (t = e[r++]) && (o = Ae(t)) && (a && (a += " "), a += o);
+    (t = e[r++]) && (o = Ne(t)) && (a && (a += " "), a += o);
   return a;
-}, Ae = (e) => {
+}, Ne = (e) => {
   if (typeof e == "string")
     return e;
   let r, t = "";
   for (let o = 0; o < e.length; o++)
-    e[o] && (r = Ae(e[o])) && (t && (t += " "), t += r);
+    e[o] && (r = Ne(e[o])) && (t && (t += " "), t += r);
   return t;
-}, ft = (e, ...r) => {
-  let t, o, a, d;
-  const i = (l) => {
+}, yt = (e, ...r) => {
+  let t, o, a, l;
+  const i = (c) => {
     const g = r.reduce((f, v) => v(f), e());
-    return t = pt(g), o = t.cache.get, a = t.cache.set, d = u, u(l);
-  }, u = (l) => {
-    const g = o(l);
+    return t = ft(g), o = t.cache.get, a = t.cache.set, l = m, m(c);
+  }, m = (c) => {
+    const g = o(c);
     if (g)
       return g;
-    const f = ut(l, t);
-    return a(l, f), f;
+    const f = ht(c, t);
+    return a(c, f), f;
   };
-  return d = i, (...l) => d(gt(...l));
-}, bt = [], b = (e) => {
-  const r = (t) => t[e] || bt;
+  return l = i, (...c) => l(xt(...c));
+}, wt = [], b = (e) => {
+  const r = (t) => t[e] || wt;
   return r.isThemeGetter = !0, r;
-}, Se = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Re = /^\((?:(\w[\w-]*):)?(.+)\)$/i, ht = /^\d+\/\d+$/, xt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, yt = /\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$/, wt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, kt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, vt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, L = (e) => ht.test(e), m = (e) => !!e && !Number.isNaN(Number(e)), I = (e) => !!e && Number.isInteger(Number(e)), oe = (e) => e.endsWith("%") && m(e.slice(0, -1)), R = (e) => xt.test(e), Ct = () => !0, zt = (e) => (
+}, 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) => (
   // `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.
-  yt.test(e) && !wt.test(e)
-), Ie = () => !1, At = (e) => kt.test(e), St = (e) => vt.test(e), Rt = (e) => !s(e) && !n(e), It = (e) => V(e, Ee, Ie), s = (e) => Se.test(e), T = (e) => V(e, Ge, zt), re = (e) => V(e, Tt, m), xe = (e) => V(e, Me, Ie), Mt = (e) => V(e, Pe, St), X = (e) => V(e, Te, At), n = (e) => Re.test(e), B = (e) => F(e, Ge), Pt = (e) => F(e, jt), ye = (e) => F(e, Me), Et = (e) => F(e, Ee), Gt = (e) => F(e, Pe), H = (e) => F(e, Te, !0), V = (e, r, t) => {
-  const o = Se.exec(e);
+  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 = Re.exec(e);
+  const o = Me.exec(e);
   return o ? o[1] ? r(o[1]) : t : !1;
-}, Me = (e) => e === "position" || e === "percentage", Pe = (e) => e === "image" || e === "url", Ee = (e) => e === "length" || e === "size" || e === "bg-size", Ge = (e) => e === "length", Tt = (e) => e === "number", jt = (e) => e === "family-name", Te = (e) => e === "shadow", Nt = () => {
-  const e = b("color"), r = b("font"), t = b("text"), o = b("font-weight"), a = b("tracking"), d = b("leading"), i = b("breakpoint"), u = b("container"), l = b("spacing"), g = b("radius"), f = b("shadow"), v = b("inset-shadow"), x = b("text-shadow"), z = b("drop-shadow"), M = b("blur"), C = b("perspective"), w = b("aspect"), P = b("ease"), $ = b("animate"), W = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], j = () => [
+}, 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 = () => [
     "center",
     "top",
     "bottom",
@@ -446,15 +446,15 @@ const Xe = (e, r) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], N = () => [...j(), n, s], E = () => ["auto", "hidden", "clip", "visible", "scroll"], _ = () => ["auto", "contain", "none"], p = () => [n, s, l], A = () => [L, "full", "auto", ...p()], ae = () => [I, "none", "subgrid", n, s], ie = () => ["auto", {
-    span: ["full", I, n, s]
-  }, I, n, s], U = () => [I, "auto", n, s], le = () => ["auto", "min", "max", "fr", n, s], Q = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], O = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], S = () => ["auto", ...p()], G = () => [L, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...p()], c = () => [e, n, s], ce = () => [...j(), ye, xe, {
+  ], 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, {
     position: [n, s]
-  }], de = () => ["no-repeat", {
+  }], pe = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], pe = () => ["auto", "cover", "contain", Et, It, {
+  }], me = () => ["auto", "cover", "contain", jt, Ot, {
     size: [n, s]
-  }], Z = () => [oe, B, T], y = () => [
+  }], Q = () => [re, U, T], y = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -462,35 +462,35 @@ const Xe = (e, r) => {
     g,
     n,
     s
-  ], k = () => ["", m, B, T], D = () => ["solid", "dashed", "dotted", "double"], me = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], h = () => [m, oe, ye, xe], ue = () => [
+  ], 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 = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    M,
+    A,
     n,
     s
-  ], Y = () => ["none", m, n, s], J = () => ["none", m, n, s], ee = () => [m, n, s], q = () => [L, "full", ...p()];
+  ], J = () => ["none", u, n, s], q = () => ["none", u, n, s], ee = () => [u, n, s], Y = () => [L, "full", ...p()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [R],
-      breakpoint: [R],
-      color: [Ct],
-      container: [R],
-      "drop-shadow": [R],
+      blur: [I],
+      breakpoint: [I],
+      color: [Rt],
+      container: [I],
+      "drop-shadow": [I],
       ease: ["in", "out", "in-out"],
-      font: [Rt],
+      font: [Mt],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [R],
+      "inset-shadow": [I],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [R],
-      shadow: [R],
-      spacing: ["px", m],
-      text: [R],
-      "text-shadow": [R],
+      radius: [I],
+      shadow: [I],
+      spacing: ["px", u],
+      text: [I],
+      "text-shadow": [I],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -515,7 +515,7 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [m, s, n, u]
+        columns: [u, s, n, m]
       }],
       /**
        * Break After
@@ -593,28 +593,28 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: N()
+        object: j()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: E()
+        overflow: M()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": E()
+        "overflow-x": M()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": E()
+        "overflow-y": M()
       }],
       /**
        * Overscroll Behavior
@@ -647,63 +647,63 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: A()
+        inset: S()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": A()
+        "inset-x": S()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": A()
+        "inset-y": S()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: A()
+        start: S()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: A()
+        end: S()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: A()
+        top: S()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: A()
+        right: S()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: A()
+        bottom: S()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: A()
+        left: S()
       }],
       /**
        * Visibility
@@ -715,7 +715,7 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [I, "auto", n, s]
+        z: [N, "auto", n, s]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -725,7 +725,7 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [L, "full", "auto", u, ...p()]
+        basis: [L, "full", "auto", m, ...p()]
       }],
       /**
        * Flex Direction
@@ -746,84 +746,84 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [m, L, "auto", "initial", "none", s]
+        flex: [u, L, "auto", "initial", "none", s]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", m, n, s]
+        grow: ["", u, n, s]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", m, n, s]
+        shrink: ["", u, n, s]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [I, "first", "last", "none", n, s]
+        order: [N, "first", "last", "none", n, s]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": ae()
+        "grid-cols": ie()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: ie()
+        col: le()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": U()
+        "col-start": B()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": U()
+        "col-end": B()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": ae()
+        "grid-rows": ie()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: ie()
+        row: le()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": U()
+        "row-start": B()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": U()
+        "row-end": B()
       }],
       /**
        * Grid Auto Flow
@@ -837,14 +837,14 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": le()
+        "auto-cols": ce()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": le()
+        "auto-rows": ce()
       }],
       /**
        * Gap
@@ -872,35 +872,35 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...Q(), "normal"]
+        justify: [...K(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...O(), "normal"]
+        "justify-items": [...G(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...O()]
+        "justify-self": ["auto", ...G()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...Q()]
+        content: ["normal", ...K()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...O(), {
+        items: [...G(), {
           baseline: ["", "last"]
         }]
       }],
@@ -909,7 +909,7 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...O(), {
+        self: ["auto", ...G(), {
           baseline: ["", "last"]
         }]
       }],
@@ -918,21 +918,21 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": Q()
+        "place-content": K()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...O(), "baseline"]
+        "place-items": [...G(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...O()]
+        "place-self": ["auto", ...G()]
       }],
       // Spacing
       /**
@@ -1003,63 +1003,63 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: S()
+        m: R()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: S()
+        mx: R()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: S()
+        my: R()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: S()
+        ms: R()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: S()
+        me: R()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: S()
+        mt: R()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: S()
+        mr: R()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: S()
+        mb: R()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: S()
+        ml: R()
       }],
       /**
        * Space Between X
@@ -1093,14 +1093,14 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: G()
+        size: O()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [u, "screen", ...G()]
+        w: [m, "screen", ...O()]
       }],
       /**
        * Min-Width
@@ -1108,11 +1108,11 @@ const Xe = (e, r) => {
        */
       "min-w": [{
         "min-w": [
-          u,
+          m,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...G()
+          ...O()
         ]
       }],
       /**
@@ -1121,7 +1121,7 @@ const Xe = (e, r) => {
        */
       "max-w": [{
         "max-w": [
-          u,
+          m,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
@@ -1130,7 +1130,7 @@ const Xe = (e, r) => {
           {
             screen: [i]
           },
-          ...G()
+          ...O()
         ]
       }],
       /**
@@ -1138,21 +1138,21 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...G()]
+        h: ["screen", "lh", ...O()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...G()]
+        "min-h": ["screen", "lh", "none", ...O()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...G()]
+        "max-h": ["screen", "lh", ...O()]
       }],
       // ------------------
       // --- Typography ---
@@ -1162,7 +1162,7 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", t, B, T]
+        text: ["base", t, U, T]
       }],
       /**
        * Font Smoothing
@@ -1179,14 +1179,14 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [o, n, re]
+        font: [o, n, oe]
       }],
       /**
        * 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", oe, s]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", re, s]
       }],
       /**
        * Font Family
@@ -1237,7 +1237,7 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [m, "none", n, re]
+        "line-clamp": [u, "none", n, oe]
       }],
       /**
        * Line Height
@@ -1246,7 +1246,7 @@ const Xe = (e, r) => {
       leading: [{
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
-          d,
+          l,
           ...p()
         ]
       }],
@@ -1284,14 +1284,14 @@ const Xe = (e, r) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: c()
+        placeholder: d()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: c()
+        text: d()
       }],
       /**
        * Text Decoration
@@ -1310,21 +1310,21 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [m, "from-font", "auto", n, T]
+        decoration: [u, "from-font", "auto", n, T]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: c()
+        decoration: d()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [m, "auto", n, s]
+        "underline-offset": [u, "auto", n, s]
       }],
       /**
        * Text Transform
@@ -1421,21 +1421,21 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: ce()
+        bg: de()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: de()
+        bg: pe()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: pe()
+        bg: me()
       }],
       /**
        * Background Image
@@ -1445,59 +1445,59 @@ const Xe = (e, r) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, I, n, s],
+          }, N, n, s],
           radial: ["", n, s],
-          conic: [I, n, s]
-        }, Gt, Mt]
+          conic: [N, n, s]
+        }, Gt, Tt]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: c()
+        bg: d()
       }],
       /**
        * Gradient Color Stops From Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: Z()
+        from: Q()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: Z()
+        via: Q()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: Z()
+        to: Q()
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: c()
+        from: d()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: c()
+        via: d()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: c()
+        to: d()
       }],
       // ---------------
       // --- Borders ---
@@ -1713,70 +1713,70 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: c()
+        border: d()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": c()
+        "border-x": d()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": c()
+        "border-y": d()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": c()
+        "border-s": d()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": c()
+        "border-e": d()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": c()
+        "border-t": d()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": c()
+        "border-r": d()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": c()
+        "border-b": d()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": c()
+        "border-l": d()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: c()
+        divide: d()
       }],
       /**
        * Outline Style
@@ -1790,21 +1790,21 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [m, n, s]
+        "outline-offset": [u, n, s]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", m, B, T]
+        outline: ["", u, U, T]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: c()
+        outline: d()
       }],
       // ---------------
       // --- Effects ---
@@ -1819,7 +1819,7 @@ const Xe = (e, r) => {
           "",
           "none",
           f,
-          H,
+          Z,
           X
         ]
       }],
@@ -1828,21 +1828,21 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: c()
+        shadow: d()
       }],
       /**
        * Inset Box Shadow
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", v, H, X]
+        "inset-shadow": ["none", v, Z, X]
       }],
       /**
        * Inset Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": c()
+        "inset-shadow": d()
       }],
       /**
        * Ring Width
@@ -1863,7 +1863,7 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: c()
+        ring: d()
       }],
       /**
        * Ring Offset Width
@@ -1872,7 +1872,7 @@ const Xe = (e, r) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [m, T]
+        "ring-offset": [u, T]
       }],
       /**
        * Ring Offset Color
@@ -1881,7 +1881,7 @@ const Xe = (e, r) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": c()
+        "ring-offset": d()
       }],
       /**
        * Inset Ring Width
@@ -1895,42 +1895,42 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": c()
+        "inset-ring": d()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", x, H, X]
+        "text-shadow": ["none", x, Z, X]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": c()
+        "text-shadow": d()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [m, n, s]
+        opacity: [u, n, s]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...me(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...ue(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": me()
+        "bg-blend": ue()
       }],
       /**
        * Mask Clip
@@ -1951,7 +1951,7 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [m]
+        "mask-linear": [u]
       }],
       "mask-image-linear-from-pos": [{
         "mask-linear-from": h()
@@ -1960,10 +1960,10 @@ const Xe = (e, r) => {
         "mask-linear-to": h()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": c()
+        "mask-linear-from": d()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": c()
+        "mask-linear-to": d()
       }],
       "mask-image-t-from-pos": [{
         "mask-t-from": h()
@@ -1972,10 +1972,10 @@ const Xe = (e, r) => {
         "mask-t-to": h()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": c()
+        "mask-t-from": d()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": c()
+        "mask-t-to": d()
       }],
       "mask-image-r-from-pos": [{
         "mask-r-from": h()
@@ -1984,10 +1984,10 @@ const Xe = (e, r) => {
         "mask-r-to": h()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": c()
+        "mask-r-from": d()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": c()
+        "mask-r-to": d()
       }],
       "mask-image-b-from-pos": [{
         "mask-b-from": h()
@@ -1996,10 +1996,10 @@ const Xe = (e, r) => {
         "mask-b-to": h()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": c()
+        "mask-b-from": d()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": c()
+        "mask-b-to": d()
       }],
       "mask-image-l-from-pos": [{
         "mask-l-from": h()
@@ -2008,10 +2008,10 @@ const Xe = (e, r) => {
         "mask-l-to": h()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": c()
+        "mask-l-from": d()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": c()
+        "mask-l-to": d()
       }],
       "mask-image-x-from-pos": [{
         "mask-x-from": h()
@@ -2020,10 +2020,10 @@ const Xe = (e, r) => {
         "mask-x-to": h()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": c()
+        "mask-x-from": d()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": c()
+        "mask-x-to": d()
       }],
       "mask-image-y-from-pos": [{
         "mask-y-from": h()
@@ -2032,10 +2032,10 @@ const Xe = (e, r) => {
         "mask-y-to": h()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": c()
+        "mask-y-from": d()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": c()
+        "mask-y-to": d()
       }],
       "mask-image-radial": [{
         "mask-radial": [n, s]
@@ -2047,10 +2047,10 @@ const Xe = (e, r) => {
         "mask-radial-to": h()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": c()
+        "mask-radial-from": d()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": c()
+        "mask-radial-to": d()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -2062,10 +2062,10 @@ const Xe = (e, r) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": j()
+        "mask-radial-at": P()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [m]
+        "mask-conic": [u]
       }],
       "mask-image-conic-from-pos": [{
         "mask-conic-from": h()
@@ -2074,10 +2074,10 @@ const Xe = (e, r) => {
         "mask-conic-to": h()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": c()
+        "mask-conic-from": d()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": c()
+        "mask-conic-to": d()
       }],
       /**
        * Mask Mode
@@ -2098,21 +2098,21 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: ce()
+        mask: de()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: de()
+        mask: pe()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: pe()
+        mask: me()
       }],
       /**
        * Mask Type
@@ -2149,21 +2149,21 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: ue()
+        blur: ge()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [m, n, s]
+        brightness: [u, n, s]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [m, n, s]
+        contrast: [u, n, s]
       }],
       /**
        * Drop Shadow
@@ -2174,8 +2174,8 @@ const Xe = (e, r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          z,
-          H,
+          C,
+          Z,
           X
         ]
       }],
@@ -2184,42 +2184,42 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": c()
+        "drop-shadow": d()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", m, n, s]
+        grayscale: ["", u, n, s]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [m, n, s]
+        "hue-rotate": [u, n, s]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", m, n, s]
+        invert: ["", u, n, s]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [m, n, s]
+        saturate: [u, n, s]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", m, n, s]
+        sepia: ["", u, n, s]
       }],
       /**
        * Backdrop Filter
@@ -2239,63 +2239,63 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": ue()
+        "backdrop-blur": ge()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [m, n, s]
+        "backdrop-brightness": [u, n, s]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [m, n, s]
+        "backdrop-contrast": [u, n, s]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", m, n, s]
+        "backdrop-grayscale": ["", u, n, s]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [m, n, s]
+        "backdrop-hue-rotate": [u, n, s]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", m, n, s]
+        "backdrop-invert": ["", u, n, s]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [m, n, s]
+        "backdrop-opacity": [u, n, s]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [m, n, s]
+        "backdrop-saturate": [u, n, s]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", m, n, s]
+        "backdrop-sepia": ["", u, n, s]
       }],
       // --------------
       // --- Tables ---
@@ -2364,21 +2364,21 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [m, "initial", n, s]
+        duration: [u, "initial", n, s]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", P, n, s]
+        ease: ["linear", "initial", E, n, s]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [m, n, s]
+        delay: [u, n, s]
       }],
       /**
        * Animation
@@ -2402,70 +2402,70 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [C, n, s]
+        perspective: [z, n, s]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": N()
+        "perspective-origin": j()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: Y()
+        rotate: J()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": Y()
+        "rotate-x": J()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": Y()
+        "rotate-y": J()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": Y()
+        "rotate-z": J()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: J()
+        scale: q()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": J()
+        "scale-x": q()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": J()
+        "scale-y": q()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": J()
+        "scale-z": q()
       }],
       /**
        * Scale 3D
@@ -2505,7 +2505,7 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: N()
+        origin: j()
       }],
       /**
        * Transform Style
@@ -2519,28 +2519,28 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: q()
+        translate: Y()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": q()
+        "translate-x": Y()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": q()
+        "translate-y": Y()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": q()
+        "translate-z": Y()
       }],
       /**
        * Translate None
@@ -2555,7 +2555,7 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: c()
+        accent: d()
       }],
       /**
        * Appearance
@@ -2569,7 +2569,7 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: c()
+        caret: d()
       }],
       /**
        * Color Scheme
@@ -2815,21 +2815,21 @@ const Xe = (e, r) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...c()]
+        fill: ["none", ...d()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [m, B, T, re]
+        stroke: [u, U, T, oe]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...c()]
+        stroke: ["none", ...d()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -2897,44 +2897,129 @@ const Xe = (e, r) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Ot = /* @__PURE__ */ ft(Nt);
-function Lt(...e) {
-  return Ot(qe(e));
+}, Wt = /* @__PURE__ */ yt(Ft);
+function _t(...e) {
+  return Wt(Ke(e));
 }
-function Ut(e) {
+function rr(e) {
   throw new Error(`Unexpected value: ${e}`);
 }
-const Vt = ({ code: e }) => {
-  const r = Fe(({ message: f }) => f), t = Le(null), [o, a] = ge(!0), [d, i] = ge(null), u = r.status?.type === "complete", l = Je(), g = De();
-  return Ve(() => {
-    if (!u || !t.current)
+const Ut = (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()
+), 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) => {
+  for (const r in e)
+    if (r.startsWith("aria-") || r === "role" || r === "title")
+      return !0;
+};
+var Dt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+const Jt = Ce(
+  ({
+    color: e = "currentColor",
+    size: r = 24,
+    strokeWidth: t = 2,
+    absoluteStrokeWidth: o,
+    className: a = "",
+    children: l,
+    iconNode: i,
+    ...m
+  }, c) => se(
+    "svg",
+    {
+      ref: c,
+      ...Dt,
+      width: r,
+      height: r,
+      stroke: e,
+      strokeWidth: o ? Number(t) * 24 / Number(r) : t,
+      className: Ve("lucide", a),
+      ...!l && !Bt(m) && { "aria-hidden": "true" },
+      ...m
+    },
+    [
+      ...i.map(([g, f]) => se(g, f)),
+      ...Array.isArray(l) ? l : [l]
+    ]
+  )
+);
+const qt = (e, r) => {
+  const t = Ce(
+    ({ className: o, ...a }, l) => se(Jt, {
+      ref: l,
+      iconNode: r,
+      className: Ve(
+        `lucide-${Ut(ve(e))}`,
+        `lucide-${e}`,
+        o
+      ),
+      ...a
+    })
+  );
+  return t.displayName = ve(e), t;
+};
+const Yt = [
+  ["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 {
-        const x = JSON.parse(e), z = We(x);
-        f = new _e(z, {
+        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: Be
+          logLevel: Je
         }), await f.runAsync(), a(!1);
       } catch (x) {
-        console.error("Failed to render chart:", x), i(x instanceof Error ? x.message : "Failed to render chart"), a(!1);
+        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();
     };
-  }, [u, e]), d ? /* @__PURE__ */ te("div", { className: "text-red-500", children: "Error rendering chart" }) : /* @__PURE__ */ je(
+  }, [m, e]), /* @__PURE__ */ fe(
     "div",
     {
-      className: Lt(
-        "relative flex min-h-[400px] max-w-fit min-w-[400px] items-center justify-center border p-6",
-        l("lg"),
+      className: _t(
+        // 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")
       ),
       children: [
-        o && /* @__PURE__ */ te("div", { className: "shimmer text-muted-foreground bg-background/80 absolute inset-0 z-10 flex items-center justify-center text-lg font-semibold", children: "Rendering chart..." }),
+        (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"
+        ] }),
         /* @__PURE__ */ te(
           "div",
           {
@@ -2945,22 +3030,37 @@ const Vt = ({ code: e }) => {
       ]
     }
   );
-}, Ft = {
+}, Ht = {
   language: "vega",
-  prompt: `If a user asks for a chart of any kind or visualization, return only a Vega spec in JSON format (https://vega.github.io/vega/) code block with the language 'vega'.
-  
-  Rather than describing the visual properties of the chart, instead describe what trends are found in the data.`,
-  Component: Vt,
+  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'.
+
+CRITICAL JSON REQUIREMENTS:
+- The code block MUST contain ONLY valid, parseable JSON
+- NO comments (no // or /* */ anywhere)
+- NO trailing commas
+- Use double quotes for all strings and keys
+- NO text before or after the JSON object
+- The JSON must start with { and end with }
+
+CONTENT GUIDELINES:
+- Outside the code block, describe trends and insights found in the data
+- Do not describe visual properties or technical implementation details
+- 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,
   Header: void 0
-}, Dt = [Ft];
+}, or = [Ht];
 export {
-  $e as E,
-  Lt as a,
-  De as b,
-  qe as c,
-  Je as d,
-  Ut as e,
-  Ft as f,
-  Dt as r,
-  we as u
+  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,
+  ze as u
 };