@gram-ai/elements 1.13.6 → 1.13.8

package/dist/{index-0iD1Au9K.js → index-SAJg5Cz7.js}

@@ -1,15 +1,15 @@
 import { jsxs as fe, jsx as te } from "react/jsx-runtime";
-import { createContext as Fe, useContext as _e, forwardRef as Ce, createElement as se, useRef as We, useState as be, useEffect as Be } from "react";
+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 Ue, View as De, Warn as Je } from "vega";
-const Ye = Fe(
+import { parse as Be, View as De, Warn as Je } from "vega";
+const qe = Fe(
   void 0
 ), ze = () => {
-  const e = _e(Ye);
+  const e = We(qe);
   if (!e)
     throw new Error("useElements must be used within a ElementsProvider");
   return e;
-}, qe = {
+}, Ye = {
   compact: {
     // Padding - small increments (1, 1.5, 2, 2.5, 3)
     "p-xs": "p-1",
@@ -102,7 +102,7 @@ const Ye = Fe(
   }
 }, Xe = () => {
   const { config: e } = ze(), r = e.theme?.density ?? "normal";
-  return (t) => qe[r][t];
+  return (t) => Ye[r][t];
 }, Ze = {
   sharp: {
     sm: "rounded-sm",
@@ -288,31 +288,31 @@ const Qe = (e, r) => {
     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];
+    for (let z = 0; z < f; z++) {
+      const w = a[z];
       if (i === 0 && m === 0) {
         if (w === xe) {
-          l.push(a.slice(c, C)), c = C + 1;
+          l.push(a.slice(c, z)), c = z + 1;
           continue;
         }
         if (w === "/") {
-          g = C;
+          g = z;
           continue;
         }
       }
       w === "[" ? i++ : w === "]" ? i-- : w === "(" ? m++ : w === ")" && m--;
     }
     const v = l.length === 0 ? a : a.slice(c);
-    let x = v, z = !1;
-    v.endsWith(ne) ? (x = v.slice(0, -1), z = !0) : (
+    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(ne) && (x = v.slice(1), z = !0)
+      v.startsWith(ne) && (x = v.slice(1), C = !0)
     );
-    const M = g && g > c ? g - c : void 0;
-    return ye(l, z, x, M);
+    const A = g && g > c ? g - c : void 0;
+    return ye(l, C, x, A);
   };
   if (r) {
     const a = r + xe, l = o;
@@ -356,34 +356,34 @@ const Qe = (e, r) => {
     const f = m[g], {
       isExternal: v,
       modifiers: x,
-      hasImportantModifier: z,
-      baseClassName: M,
-      maybePostfixModifierPosition: C
+      hasImportantModifier: C,
+      baseClassName: A,
+      maybePostfixModifierPosition: z
     } = t(f);
     if (v) {
       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) {
         c = f + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (P = o(M), !P) {
+      if (E = o(A), !E) {
         c = f + (c.length > 0 ? " " + c : c);
         continue;
       }
       w = !1;
     }
-    const $ = x.length === 0 ? "" : x.length === 1 ? x[0] : l(x).join(":"), _ = z ? $ + ne : $, G = _ + P;
-    if (i.indexOf(G) > -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(G);
-    const T = a(P, w);
-    for (let E = 0; E < T.length; ++E) {
-      const W = T[E];
-      i.push(_ + W);
+    i.push(P);
+    const j = a(E, w);
+    for (let M = 0; M < j.length; ++M) {
+      const _ = j[M];
+      i.push(W + _);
     }
     c = f + (c.length > 0 ? " " + c : c);
   }
@@ -391,14 +391,14 @@ const Qe = (e, r) => {
 }, xt = (...e) => {
   let r = 0, t, o, a = "";
   for (; r < e.length; )
-    (t = e[r++]) && (o = Me(t)) && (a && (a += " "), a += o);
+    (t = e[r++]) && (o = Ne(t)) && (a && (a += " "), a += o);
   return a;
-}, Me = (e) => {
+}, Ne = (e) => {
   if (typeof e == "string")
     return e;
   let r, t = "";
   for (let o = 0; o < e.length; o++)
-    e[o] && (r = Me(e[o])) && (t && (t += " "), t += r);
+    e[o] && (r = Ne(e[o])) && (t && (t += " "), t += r);
   return t;
 }, yt = (e, ...r) => {
   let t, o, a, l;
@@ -416,19 +416,19 @@ const Qe = (e, r) => {
 }, wt = [], b = (e) => {
   const r = (t) => t[e] || wt;
   return r.isThemeGetter = !0, r;
-}, Pe = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ee = /^\((?:(\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)\(.+\)$/, O = (e) => kt.test(e), u = (e) => !!e && !Number.isNaN(Number(e)), I = (e) => !!e && Number.isInteger(Number(e)), re = (e) => e.endsWith("%") && u(e.slice(0, -1)), R = (e) => vt.test(e), Rt = () => !0, It = (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.
   Ct.test(e) && !zt.test(e)
-), Ne = () => !1, Mt = (e) => At.test(e), Pt = (e) => St.test(e), Et = (e) => !s(e) && !n(e), Nt = (e) => V(e, Te, Ne), s = (e) => Pe.test(e), j = (e) => V(e, Le, It), oe = (e) => V(e, Ot, u), we = (e) => V(e, je, Ne), jt = (e) => V(e, Ge, Pt), X = (e) => V(e, Oe, Mt), n = (e) => Ee.test(e), B = (e) => F(e, Le), Gt = (e) => F(e, Vt), ke = (e) => F(e, je), Tt = (e) => F(e, Te), Lt = (e) => F(e, Ge), Z = (e) => F(e, Oe, !0), V = (e, r, t) => {
-  const o = Pe.exec(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 = Ee.exec(e);
+  const o = Me.exec(e);
   return o ? o[1] ? r(o[1]) : t : !1;
-}, je = (e) => e === "position" || e === "percentage", Ge = (e) => e === "image" || e === "url", Te = (e) => e === "length" || e === "size" || e === "bg-size", Le = (e) => e === "length", Ot = (e) => e === "number", Vt = (e) => e === "family-name", Oe = (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"), z = b("drop-shadow"), M = b("blur"), C = b("perspective"), w = b("aspect"), P = b("ease"), $ = b("animate"), _ = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [
+}, 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 Qe = (e, r) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], T = () => [...G(), n, s], E = () => ["auto", "hidden", "clip", "visible", "scroll"], W = () => ["auto", "contain", "none"], p = () => [n, s, c], A = () => [O, "full", "auto", ...p()], ie = () => [I, "none", "subgrid", n, s], le = () => ["auto", {
-    span: ["full", I, n, s]
-  }, I, n, s], U = () => [I, "auto", n, s], ce = () => ["auto", "min", "max", "fr", n, s], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], L = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], S = () => ["auto", ...p()], N = () => [O, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...p()], d = () => [e, n, s], de = () => [...G(), ke, we, {
+  ], 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]
   }], pe = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], me = () => ["auto", "cover", "contain", Tt, Nt, {
+  }], me = () => ["auto", "cover", "contain", jt, Ot, {
     size: [n, s]
-  }], Q = () => [re, B, j], y = () => [
+  }], Q = () => [re, U, T], y = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -462,35 +462,35 @@ const Qe = (e, r) => {
     g,
     n,
     s
-  ], k = () => ["", u, B, j], 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 = () => [
+  ], 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
-  ], J = () => ["none", u, n, s], Y = () => ["none", u, n, s], ee = () => [u, n, s], q = () => [O, "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],
+      blur: [I],
+      breakpoint: [I],
       color: [Rt],
-      container: [R],
-      "drop-shadow": [R],
+      container: [I],
+      "drop-shadow": [I],
       ease: ["in", "out", "in-out"],
-      font: [Et],
+      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],
+      radius: [I],
+      shadow: [I],
       spacing: ["px", u],
-      text: [R],
-      "text-shadow": [R],
+      text: [I],
+      "text-shadow": [I],
       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", O, s, n, w]
+        aspect: ["auto", "square", L, s, n, w]
       }],
       /**
        * Container
@@ -522,14 +522,14 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": _()
+        "break-after": W()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": _()
+        "break-before": W()
       }],
       /**
        * Break Inside
@@ -593,49 +593,49 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: T()
+        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
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: W()
+        overscroll: _()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": W()
+        "overscroll-x": _()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": W()
+        "overscroll-y": _()
       }],
       /**
        * Position
@@ -647,63 +647,63 @@ const Qe = (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 Qe = (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 Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [O, "full", "auto", m, ...p()]
+        basis: [L, "full", "auto", m, ...p()]
       }],
       /**
        * Flex Direction
@@ -746,7 +746,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [u, O, "auto", "initial", "none", s]
+        flex: [u, L, "auto", "initial", "none", s]
       }],
       /**
        * Flex Grow
@@ -767,7 +767,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [I, "first", "last", "none", n, s]
+        order: [N, "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": 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
@@ -816,14 +816,14 @@ const Qe = (e, r) => {
        * @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
@@ -879,14 +879,14 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...L(), "normal"]
+        "justify-items": [...G(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...L()]
+        "justify-self": ["auto", ...G()]
       }],
       /**
        * Align Content
@@ -900,7 +900,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...L(), {
+        items: [...G(), {
           baseline: ["", "last"]
         }]
       }],
@@ -909,7 +909,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...L(), {
+        self: ["auto", ...G(), {
           baseline: ["", "last"]
         }]
       }],
@@ -925,14 +925,14 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...L(), "baseline"]
+        "place-items": [...G(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...L()]
+        "place-self": ["auto", ...G()]
       }],
       // Spacing
       /**
@@ -1003,63 +1003,63 @@ const Qe = (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 Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: N()
+        size: O()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [m, "screen", ...N()]
+        w: [m, "screen", ...O()]
       }],
       /**
        * Min-Width
@@ -1112,7 +1112,7 @@ const Qe = (e, r) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...N()
+          ...O()
         ]
       }],
       /**
@@ -1130,7 +1130,7 @@ const Qe = (e, r) => {
           {
             screen: [i]
           },
-          ...N()
+          ...O()
         ]
       }],
       /**
@@ -1138,21 +1138,21 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...N()]
+        h: ["screen", "lh", ...O()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...N()]
+        "min-h": ["screen", "lh", "none", ...O()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...N()]
+        "max-h": ["screen", "lh", ...O()]
       }],
       // ------------------
       // --- Typography ---
@@ -1162,7 +1162,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", t, B, j]
+        text: ["base", t, U, T]
       }],
       /**
        * Font Smoothing
@@ -1193,7 +1193,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Gt, s, r]
+        font: [Pt, s, r]
       }],
       /**
        * Font Variant Numeric
@@ -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, j]
+        decoration: [u, "from-font", "auto", n, T]
       }],
       /**
        * Text Decoration Color
@@ -1445,10 +1445,10 @@ const Qe = (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]
-        }, Lt, jt]
+          conic: [N, n, s]
+        }, Gt, Tt]
       }],
       /**
        * Background Color
@@ -1797,7 +1797,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", u, B, j]
+        outline: ["", u, U, T]
       }],
       /**
        * Outline Color
@@ -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, j]
+        "ring-offset": [u, T]
       }],
       /**
        * Ring Offset Color
@@ -2062,7 +2062,7 @@ const Qe = (e, r) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": G()
+        "mask-radial-at": P()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [u]
@@ -2174,7 +2174,7 @@ const Qe = (e, r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          z,
+          C,
           Z,
           X
         ]
@@ -2371,7 +2371,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", P, n, s]
+        ease: ["linear", "initial", E, n, s]
       }],
       /**
        * Transition Delay
@@ -2402,14 +2402,14 @@ const Qe = (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": T()
+        "perspective-origin": j()
       }],
       /**
        * Rotate
@@ -2444,28 +2444,28 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: Y()
+        scale: q()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": Y()
+        "scale-x": q()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": Y()
+        "scale-y": q()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": Y()
+        "scale-z": q()
       }],
       /**
        * Scale 3D
@@ -2505,7 +2505,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: T()
+        origin: j()
       }],
       /**
        * Transform Style
@@ -2519,28 +2519,28 @@ const Qe = (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
@@ -2822,7 +2822,7 @@ const Qe = (e, r) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [u, B, j, oe]
+        stroke: [u, U, T, oe]
       }],
       /**
        * Stroke
@@ -2897,20 +2897,20 @@ const Qe = (e, r) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, _t = /* @__PURE__ */ yt(Ft);
-function Wt(...e) {
-  return _t(Ke(e));
+}, Wt = /* @__PURE__ */ yt(Ft);
+function _t(...e) {
+  return Wt(Ke(e));
 }
 function rr(e) {
   throw new Error(`Unexpected value: ${e}`);
 }
-const Bt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), $t = (e) => e.replace(
+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(), Ut = (e) => {
+}, 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;
@@ -2946,7 +2946,7 @@ const Jt = Ce(
       stroke: e,
       strokeWidth: o ? Number(t) * 24 / Number(r) : t,
       className: Ve("lucide", a),
-      ...!l && !Ut(m) && { "aria-hidden": "true" },
+      ...!l && !Bt(m) && { "aria-hidden": "true" },
       ...m
     },
     [
@@ -2955,13 +2955,13 @@ const Jt = Ce(
     ]
   )
 );
-const Yt = (e, r) => {
+const qt = (e, r) => {
   const t = Ce(
     ({ className: o, ...a }, l) => se(Jt, {
       ref: l,
       iconNode: r,
       className: Ve(
-        `lucide-${Bt(ve(e))}`,
+        `lucide-${Ut(ve(e))}`,
         `lucide-${e}`,
         o
       ),
@@ -2970,27 +2970,37 @@ const Yt = (e, r) => {
   );
   return t.displayName = ve(e), t;
 };
-const qt = [
+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 = Yt("circle-alert", qt), Zt = ({ code: e }) => {
-  const r = $e(({ message: f }) => f), t = We(null), [o, a] = be(!0), [l, i] = be(null), m = r.status?.type === "complete", c = He(), g = Xe();
-  return Be(() => {
+], 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 = Ue(x);
-        f = new De(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: 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();
@@ -2998,9 +3008,9 @@ const qt = [
   }, [m, e]), /* @__PURE__ */ fe(
     "div",
     {
-      className: Wt(
+      className: _t(
         // the after:hidden is to prevent assistant-ui from showing its default code block loading indicator
-        "relative flex min-h-[400px] max-w-xl min-w-[400px] items-center justify-center border p-6 after:hidden",
+        "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")
       ),
@@ -3022,20 +3032,31 @@ const qt = [
   );
 }, 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.
-  
-  Make sure that the Vega spec JSON is valid and doesn't include any comments.`,
+  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
 }, or = [Ht];
 export {
   Xt as C,
-  Ye as E,
+  qe as E,
   Ke as a,
-  Wt as b,
-  Yt as c,
+  _t as b,
+  qt as c,
   Xe as d,
   He as e,
   rr as f,