@gram-ai/elements 1.18.1 → 1.18.3

package/dist/{index-1qi_Rje5.js → index-CJRypLIa.js}

@@ -2,186 +2,59 @@ import { jsxs as fe, jsx as te } from "react/jsx-runtime";
 import { createContext as Ce, useContext as We, forwardRef as ze, createElement as se, useRef as be, useState as _e, useMemo as Ue, useEffect as Be } from "react";
 import { useAssistantState as $e } from "@assistant-ui/react";
 import { parse as De, View as Je, Warn as qe } from "vega";
-const Ye = Ce(
-  void 0
-), or = Ce(null), Ae = () => {
-  const e = We(Ye);
-  if (!e)
-    throw new Error("useElements must be used within a ElementsProvider");
-  return e;
-}, Xe = {
-  compact: {
-    // Padding - small increments (1, 1.5, 2, 2.5, 3)
-    "p-xs": "p-1",
-    "p-sm": "p-1.5",
-    "p-md": "p-2",
-    "p-lg": "p-2.5",
-    "p-xl": "p-3",
-    "px-xs": "px-1",
-    "px-sm": "px-1.5",
-    "px-md": "px-2",
-    "px-lg": "px-2.5",
-    "px-xl": "px-3",
-    "py-xs": "py-1",
-    "py-sm": "py-1.5",
-    "py-md": "py-2",
-    "py-lg": "py-2.5",
-    "py-xl": "py-3",
-    // Gaps - small increments
-    "gap-sm": "gap-1",
-    "gap-md": "gap-1.5",
-    "gap-lg": "gap-2",
-    "gap-xl": "gap-2.5",
-    // Heights
-    "h-header": "h-10",
-    "h-input": "min-h-10",
-    // Text
-    "text-base": "text-sm",
-    "text-title": "text-xl",
-    "text-subtitle": "text-sm"
-  },
-  normal: {
-    // Padding - medium increments (1, 2, 3, 4, 5, 6)
-    "p-xs": "p-1",
-    "p-sm": "p-2",
-    "p-md": "p-3",
-    "p-lg": "p-4",
-    "p-xl": "p-6",
-    "px-xs": "px-1",
-    "px-sm": "px-2",
-    "px-md": "px-3",
-    "px-lg": "px-4",
-    "px-xl": "px-6",
-    "py-xs": "py-1",
-    "py-sm": "py-2",
-    "py-md": "py-3",
-    "py-lg": "py-4",
-    "py-xl": "py-6",
-    // Gaps - medium increments
-    "gap-sm": "gap-1.5",
-    "gap-md": "gap-2",
-    "gap-lg": "gap-3",
-    "gap-xl": "gap-4",
-    // Heights
-    "h-header": "h-12",
-    "h-input": "min-h-12",
-    // Text
-    "text-base": "text-base",
-    "text-title": "text-2xl",
-    "text-subtitle": "text-base"
-  },
-  spacious: {
-    // Padding - large increments (2, 3, 4, 6, 8, 10)
-    "p-xs": "p-2",
-    "p-sm": "p-3",
-    "p-md": "p-4",
-    "p-lg": "p-6",
-    "p-xl": "p-10",
-    "px-xs": "px-2",
-    "px-sm": "px-3",
-    "px-md": "px-4",
-    "px-lg": "px-6",
-    "px-xl": "px-10",
-    "py-xs": "py-2",
-    "py-sm": "py-3",
-    "py-md": "py-4",
-    "py-lg": "py-6",
-    "py-xl": "py-10",
-    // Gaps - large increments
-    "gap-sm": "gap-2",
-    "gap-md": "gap-3",
-    "gap-lg": "gap-4",
-    "gap-xl": "gap-6",
-    // Heights
-    "h-header": "h-14",
-    "h-input": "min-h-16",
-    // Text
-    "text-base": "text-lg",
-    "text-title": "text-3xl",
-    "text-subtitle": "text-lg"
-  }
-}, Ze = () => {
-  const { config: e } = Ae(), r = e.theme?.density ?? "normal";
-  return (o) => Xe[r][o];
-}, He = {
-  sharp: {
-    sm: "rounded-sm",
-    md: "rounded",
-    lg: "rounded-md",
-    xl: "rounded-lg",
-    full: "rounded-lg"
-  },
-  soft: {
-    sm: "rounded",
-    md: "rounded-lg",
-    lg: "rounded-xl",
-    xl: "rounded-2xl",
-    full: "rounded-full"
-  },
-  round: {
-    sm: "rounded-lg",
-    md: "rounded-xl",
-    lg: "rounded-2xl",
-    xl: "rounded-3xl",
-    full: "rounded-full"
-  }
-}, Ke = () => {
-  const { config: e } = Ae(), r = e.theme?.radius ?? "soft";
-  return (o) => He[r][o];
-};
-function Se(e) {
+function Ae(e) {
   var r, o, t = "";
   if (typeof e == "string" || typeof e == "number") t += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var a = e.length;
-    for (r = 0; r < a; r++) e[r] && (o = Se(e[r])) && (t && (t += " "), t += o);
+    for (r = 0; r < a; r++) e[r] && (o = Ae(e[r])) && (t && (t += " "), t += o);
   } else for (o in e) e[o] && (t && (t += " "), t += o);
   return t;
 }
-function Qe() {
-  for (var e, r, o = 0, t = "", a = arguments.length; o < a; o++) (e = arguments[o]) && (r = Se(e)) && (t && (t += " "), t += r);
+function Ye() {
+  for (var e, r, o = 0, t = "", a = arguments.length; o < a; o++) (e = arguments[o]) && (r = Ae(e)) && (t && (t += " "), t += r);
   return t;
 }
-const et = (e, r) => {
+const Xe = (e, r) => {
   const o = new Array(e.length + r.length);
   for (let t = 0; t < e.length; t++)
     o[t] = e[t];
   for (let t = 0; t < r.length; t++)
     o[e.length + t] = r[t];
   return o;
-}, tt = (e, r) => ({
+}, Ze = (e, r) => ({
   classGroupId: e,
   validator: r
-}), Re = (e = /* @__PURE__ */ new Map(), r = null, o) => ({
+}), Se = (e = /* @__PURE__ */ new Map(), r = null, o) => ({
   nextPart: e,
   validators: r,
   classGroupId: o
-}), H = "-", he = [], rt = "arbitrary..", ot = (e) => {
-  const r = nt(e), {
+}), H = "-", he = [], He = "arbitrary..", Ke = (e) => {
+  const r = et(e), {
     conflictingClassGroups: o,
     conflictingClassGroupModifiers: t
   } = e;
   return {
     getClassGroupId: (i) => {
       if (i.startsWith("[") && i.endsWith("]"))
-        return st(i);
+        return Qe(i);
       const u = i.split(H), c = u[0] === "" && u.length > 1 ? 1 : 0;
-      return Ie(u, c, r);
+      return Re(u, c, r);
     },
     getConflictingClassGroupIds: (i, u) => {
       if (u) {
         const c = t[i], g = o[i];
-        return c ? g ? et(g, c) : c : g || he;
+        return c ? g ? Xe(g, c) : c : g || he;
       }
       return o[i] || he;
     }
   };
-}, Ie = (e, r, o) => {
+}, Re = (e, r, o) => {
   if (e.length - r === 0)
     return o.classGroupId;
   const a = e[r], l = o.nextPart.get(a);
   if (l) {
-    const g = Ie(e, r + 1, l);
+    const g = Re(e, r + 1, l);
     if (g) return g;
   }
   const i = o.validators;
@@ -193,17 +66,17 @@ const et = (e, r) => {
     if (f.validator(u))
       return f.classGroupId;
   }
-}, st = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, Qe = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const r = e.slice(1, -1), o = r.indexOf(":"), t = r.slice(0, o);
-  return t ? rt + t : void 0;
-})(), nt = (e) => {
+  return t ? He + t : void 0;
+})(), et = (e) => {
   const {
     theme: r,
     classGroups: o
   } = e;
-  return at(o, r);
-}, at = (e, r) => {
-  const o = Re();
+  return tt(o, r);
+}, tt = (e, r) => {
+  const o = Se();
   for (const t in e) {
     const a = e[t];
     ae(a, o, t, r);
@@ -213,43 +86,43 @@ const et = (e, r) => {
   const a = e.length;
   for (let l = 0; l < a; l++) {
     const i = e[l];
-    it(i, r, o, t);
+    rt(i, r, o, t);
   }
-}, it = (e, r, o, t) => {
+}, rt = (e, r, o, t) => {
   if (typeof e == "string") {
-    lt(e, r, o);
+    ot(e, r, o);
     return;
   }
   if (typeof e == "function") {
-    ct(e, r, o, t);
+    st(e, r, o, t);
     return;
   }
-  dt(e, r, o, t);
-}, lt = (e, r, o) => {
-  const t = e === "" ? r : Ne(r, e);
+  nt(e, r, o, t);
+}, ot = (e, r, o) => {
+  const t = e === "" ? r : Ie(r, e);
   t.classGroupId = o;
-}, ct = (e, r, o, t) => {
-  if (pt(e)) {
+}, st = (e, r, o, t) => {
+  if (at(e)) {
     ae(e(t), r, o, t);
     return;
   }
-  r.validators === null && (r.validators = []), r.validators.push(tt(o, e));
-}, dt = (e, r, o, t) => {
+  r.validators === null && (r.validators = []), r.validators.push(Ze(o, e));
+}, nt = (e, r, o, t) => {
   const a = Object.entries(e), l = a.length;
   for (let i = 0; i < l; i++) {
     const [u, c] = a[i];
-    ae(c, Ne(r, u), o, t);
+    ae(c, Ie(r, u), o, t);
   }
-}, Ne = (e, r) => {
+}, Ie = (e, r) => {
   let o = e;
   const t = r.split(H), a = t.length;
   for (let l = 0; l < a; l++) {
     const i = t[l];
     let u = o.nextPart.get(i);
-    u || (u = Re(), o.nextPart.set(i, u)), o = u;
+    u || (u = Se(), o.nextPart.set(i, u)), o = u;
   }
   return o;
-}, pt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, mt = (e) => {
+}, at = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, it = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -273,13 +146,13 @@ const et = (e, r) => {
       l in o ? o[l] = i : a(l, i);
     }
   };
-}, ne = "!", xe = ":", ut = [], ye = (e, r, o, t, a) => ({
+}, ne = "!", xe = ":", lt = [], ye = (e, r, o, t, a) => ({
   modifiers: e,
   hasImportantModifier: r,
   baseClassName: o,
   maybePostfixModifierPosition: t,
   isExternal: a
-}), gt = (e) => {
+}), ct = (e) => {
   const {
     prefix: r,
     experimentalParseClassName: o
@@ -316,7 +189,7 @@ const et = (e, r) => {
   };
   if (r) {
     const a = r + xe, l = t;
-    t = (i) => i.startsWith(a) ? l(i.slice(a.length)) : ye(ut, !1, i, void 0, !0);
+    t = (i) => i.startsWith(a) ? l(i.slice(a.length)) : ye(lt, !1, i, void 0, !0);
   }
   if (o) {
     const a = t;
@@ -326,7 +199,7 @@ const et = (e, r) => {
     });
   }
   return t;
-}, ft = (e) => {
+}, dt = (e) => {
   const r = /* @__PURE__ */ new Map();
   return e.orderSensitiveModifiers.forEach((o, t) => {
     r.set(o, 1e6 + t);
@@ -339,18 +212,18 @@ const et = (e, r) => {
     }
     return a.length > 0 && (a.sort(), t.push(...a)), t;
   };
-}, bt = (e) => ({
-  cache: mt(e.cacheSize),
-  parseClassName: gt(e),
-  sortModifiers: ft(e),
-  ...ot(e)
-}), ht = /\s+/, xt = (e, r) => {
+}, pt = (e) => ({
+  cache: it(e.cacheSize),
+  parseClassName: ct(e),
+  sortModifiers: dt(e),
+  ...Ke(e)
+}), mt = /\s+/, ut = (e, r) => {
   const {
     parseClassName: o,
     getClassGroupId: t,
     getConflictingClassGroupIds: a,
     sortModifiers: l
-  } = r, i = [], u = e.trim().split(ht);
+  } = r, i = [], u = e.trim().split(mt);
   let c = "";
   for (let g = u.length - 1; g >= 0; g -= 1) {
     const f = u[g], {
@@ -388,46 +261,46 @@ const et = (e, r) => {
     c = f + (c.length > 0 ? " " + c : c);
   }
   return c;
-}, yt = (...e) => {
+}, gt = (...e) => {
   let r = 0, o, t, a = "";
   for (; r < e.length; )
-    (o = e[r++]) && (t = Ee(o)) && (a && (a += " "), a += t);
+    (o = e[r++]) && (t = Ne(o)) && (a && (a += " "), a += t);
   return a;
-}, Ee = (e) => {
+}, Ne = (e) => {
   if (typeof e == "string")
     return e;
   let r, o = "";
   for (let t = 0; t < e.length; t++)
-    e[t] && (r = Ee(e[t])) && (o && (o += " "), o += r);
+    e[t] && (r = Ne(e[t])) && (o && (o += " "), o += r);
   return o;
-}, wt = (e, ...r) => {
+}, ft = (e, ...r) => {
   let o, t, a, l;
   const i = (c) => {
     const g = r.reduce((f, x) => x(f), e());
-    return o = bt(g), t = o.cache.get, a = o.cache.set, l = u, u(c);
+    return o = pt(g), t = o.cache.get, a = o.cache.set, l = u, u(c);
   }, u = (c) => {
     const g = t(c);
     if (g)
       return g;
-    const f = xt(c, o);
+    const f = ut(c, o);
     return a(c, f), f;
   };
-  return l = i, (...c) => l(yt(...c));
-}, kt = [], b = (e) => {
-  const r = (o) => o[e] || kt;
+  return l = i, (...c) => l(gt(...c));
+}, bt = [], b = (e) => {
+  const r = (o) => o[e] || bt;
   return r.isThemeGetter = !0, r;
-}, Te = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Me = /^\((?:(\w[\w-]*):)?(.+)\)$/i, vt = /^\d+\/\d+$/, Ct = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, zt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, At = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, St = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Rt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, L = (e) => vt.test(e), m = (e) => !!e && !Number.isNaN(Number(e)), I = (e) => !!e && Number.isInteger(Number(e)), re = (e) => e.endsWith("%") && m(e.slice(0, -1)), R = (e) => Ct.test(e), It = () => !0, Nt = (e) => (
+}, Ee = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Te = /^\((?:(\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)), re = (e) => e.endsWith("%") && m(e.slice(0, -1)), R = (e) => xt.test(e), Ct = () => !0, zt = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
-  zt.test(e) && !At.test(e)
-), Oe = () => !1, Et = (e) => St.test(e), Tt = (e) => Rt.test(e), Mt = (e) => !s(e) && !n(e), Ot = (e) => V(e, je, Oe), s = (e) => Te.test(e), O = (e) => V(e, Le, Nt), oe = (e) => V(e, Vt, m), we = (e) => V(e, Pe, Oe), Pt = (e) => V(e, Ge, Tt), X = (e) => V(e, Ve, Et), n = (e) => Me.test(e), U = (e) => F(e, Le), Gt = (e) => F(e, Ft), ke = (e) => F(e, Pe), jt = (e) => F(e, je), Lt = (e) => F(e, Ge), Z = (e) => F(e, Ve, !0), V = (e, r, o) => {
-  const t = Te.exec(e);
+  yt.test(e) && !wt.test(e)
+), Me = () => !1, At = (e) => kt.test(e), St = (e) => vt.test(e), Rt = (e) => !s(e) && !n(e), It = (e) => V(e, Ge, Me), s = (e) => Ee.test(e), O = (e) => V(e, je, zt), oe = (e) => V(e, Ot, m), we = (e) => V(e, Oe, Me), Nt = (e) => V(e, Pe, St), X = (e) => V(e, Le, At), n = (e) => Te.test(e), U = (e) => F(e, je), Et = (e) => F(e, Pt), ke = (e) => F(e, Oe), Tt = (e) => F(e, Ge), Mt = (e) => F(e, Pe), Z = (e) => F(e, Le, !0), V = (e, r, o) => {
+  const t = Ee.exec(e);
   return t ? t[1] ? r(t[1]) : o(t[2]) : !1;
 }, F = (e, r, o = !1) => {
-  const t = Me.exec(e);
+  const t = Te.exec(e);
   return t ? t[1] ? r(t[1]) : o : !1;
-}, Pe = (e) => e === "position" || e === "percentage", Ge = (e) => e === "image" || e === "url", je = (e) => e === "length" || e === "size" || e === "bg-size", Le = (e) => e === "length", Vt = (e) => e === "number", Ft = (e) => e === "family-name", Ve = (e) => e === "shadow", Wt = () => {
+}, Oe = (e) => e === "position" || e === "percentage", Pe = (e) => e === "image" || e === "url", Ge = (e) => e === "length" || e === "size" || e === "bg-size", je = (e) => e === "length", Ot = (e) => e === "number", Pt = (e) => e === "family-name", Le = (e) => e === "shadow", Gt = () => {
   const e = b("color"), r = b("font"), o = b("text"), t = b("font-weight"), a = b("tracking"), l = b("leading"), i = b("breakpoint"), u = b("container"), c = b("spacing"), g = b("radius"), f = b("shadow"), x = b("inset-shadow"), y = b("text-shadow"), z = b("drop-shadow"), N = b("blur"), C = b("perspective"), k = b("aspect"), E = b("ease"), B = b("animate"), W = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], P = () => [
     "center",
     "top",
@@ -452,7 +325,7 @@ const et = (e, r) => {
     position: [n, s]
   }], pe = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], me = () => ["auto", "cover", "contain", jt, Ot, {
+  }], me = () => ["auto", "cover", "contain", Tt, It, {
     size: [n, s]
   }], Q = () => [re, U, O], w = () => [
     // Deprecated since Tailwind CSS v4.0.0
@@ -477,11 +350,11 @@ const et = (e, r) => {
       aspect: ["video"],
       blur: [R],
       breakpoint: [R],
-      color: [It],
+      color: [Ct],
       container: [R],
       "drop-shadow": [R],
       ease: ["in", "out", "in-out"],
-      font: [Mt],
+      font: [Rt],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [R],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -1193,7 +1066,7 @@ const et = (e, r) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Gt, s, r]
+        font: [Et, s, r]
       }],
       /**
        * Font Variant Numeric
@@ -1448,7 +1321,7 @@ const et = (e, r) => {
           }, I, n, s],
           radial: ["", n, s],
           conic: [I, n, s]
-        }, Lt, Pt]
+        }, Mt, Nt]
       }],
       /**
        * Background Color
@@ -2897,17 +2770,144 @@ const et = (e, r) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, _t = /* @__PURE__ */ wt(Wt);
-function Ut(...e) {
-  return _t(Qe(e));
+}, jt = /* @__PURE__ */ ft(Gt);
+function Lt(...e) {
+  return jt(Ye(e));
 }
-function sr(e) {
+function or(e) {
   throw new Error(`Unexpected value: ${e}`);
 }
-function nr(e, r) {
+function sr(e, r) {
   if (!e)
     throw new Error(r);
 }
+const Vt = Ce(
+  void 0
+), nr = Ce(null), Ve = () => {
+  const e = We(Vt);
+  if (!e)
+    throw new Error("useElements must be used within a ElementsProvider");
+  return e;
+}, Ft = {
+  compact: {
+    // Padding - small increments (1, 1.5, 2, 2.5, 3)
+    "p-xs": "p-1",
+    "p-sm": "p-1.5",
+    "p-md": "p-2",
+    "p-lg": "p-2.5",
+    "p-xl": "p-3",
+    "px-xs": "px-1",
+    "px-sm": "px-1.5",
+    "px-md": "px-2",
+    "px-lg": "px-2.5",
+    "px-xl": "px-3",
+    "py-xs": "py-1",
+    "py-sm": "py-1.5",
+    "py-md": "py-2",
+    "py-lg": "py-2.5",
+    "py-xl": "py-3",
+    // Gaps - small increments
+    "gap-sm": "gap-1",
+    "gap-md": "gap-1.5",
+    "gap-lg": "gap-2",
+    "gap-xl": "gap-2.5",
+    // Heights
+    "h-header": "h-10",
+    "h-input": "min-h-10",
+    // Text
+    "text-base": "text-sm",
+    "text-title": "text-xl",
+    "text-subtitle": "text-sm"
+  },
+  normal: {
+    // Padding - medium increments (1, 2, 3, 4, 5, 6)
+    "p-xs": "p-1",
+    "p-sm": "p-2",
+    "p-md": "p-3",
+    "p-lg": "p-4",
+    "p-xl": "p-6",
+    "px-xs": "px-1",
+    "px-sm": "px-2",
+    "px-md": "px-3",
+    "px-lg": "px-4",
+    "px-xl": "px-6",
+    "py-xs": "py-1",
+    "py-sm": "py-2",
+    "py-md": "py-3",
+    "py-lg": "py-4",
+    "py-xl": "py-6",
+    // Gaps - medium increments
+    "gap-sm": "gap-1.5",
+    "gap-md": "gap-2",
+    "gap-lg": "gap-3",
+    "gap-xl": "gap-4",
+    // Heights
+    "h-header": "h-12",
+    "h-input": "min-h-12",
+    // Text
+    "text-base": "text-base",
+    "text-title": "text-2xl",
+    "text-subtitle": "text-base"
+  },
+  spacious: {
+    // Padding - large increments (2, 3, 4, 6, 8, 10)
+    "p-xs": "p-2",
+    "p-sm": "p-3",
+    "p-md": "p-4",
+    "p-lg": "p-6",
+    "p-xl": "p-10",
+    "px-xs": "px-2",
+    "px-sm": "px-3",
+    "px-md": "px-4",
+    "px-lg": "px-6",
+    "px-xl": "px-10",
+    "py-xs": "py-2",
+    "py-sm": "py-3",
+    "py-md": "py-4",
+    "py-lg": "py-6",
+    "py-xl": "py-10",
+    // Gaps - large increments
+    "gap-sm": "gap-2",
+    "gap-md": "gap-3",
+    "gap-lg": "gap-4",
+    "gap-xl": "gap-6",
+    // Heights
+    "h-header": "h-14",
+    "h-input": "min-h-16",
+    // Text
+    "text-base": "text-lg",
+    "text-title": "text-3xl",
+    "text-subtitle": "text-lg"
+  }
+}, Wt = () => {
+  const { config: e } = Ve(), r = e.theme?.density ?? "normal";
+  return (o) => Ft[r][o];
+}, _t = {
+  sharp: {
+    sm: "rounded-sm",
+    md: "rounded",
+    lg: "rounded-md",
+    xl: "rounded-lg",
+    full: "rounded-lg"
+  },
+  soft: {
+    sm: "rounded",
+    md: "rounded-lg",
+    lg: "rounded-xl",
+    xl: "rounded-2xl",
+    full: "rounded-full"
+  },
+  round: {
+    sm: "rounded-lg",
+    md: "rounded-xl",
+    lg: "rounded-2xl",
+    xl: "rounded-3xl",
+    full: "rounded-full"
+  }
+}, Ut = () => {
+  const { config: e } = Ve(), r = e.theme?.radius ?? "soft";
+  return (o) => _t[r][o];
+};
 const Bt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), $t = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (r, o, t) => t ? t.toUpperCase() : o.toLowerCase()
@@ -2979,7 +2979,7 @@ const Xt = [
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ], Zt = Yt("circle-alert", Xt), Ht = ({ code: e }) => {
-  const r = $e(({ message: x }) => x), o = be(null), t = be(null), [a, l] = _e(null), i = r.status?.type === "complete", u = Ke(), c = Ze(), g = Ue(() => {
+  const r = $e(({ message: x }) => x), o = be(null), t = be(null), [a, l] = _e(null), i = r.status?.type === "complete", u = Ut(), c = Wt(), g = Ue(() => {
     const x = e.trim();
     if (!x) return null;
     try {
@@ -3006,7 +3006,7 @@ const Xt = [
   }), [f, g]), /* @__PURE__ */ fe(
     "div",
     {
-      className: Ut(
+      className: Lt(
         // 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",
         u("lg"),
@@ -3044,16 +3044,16 @@ The Vega spec will be parsed with JSON.parse() - if it fails, the chart will err
   Header: void 0
 }, ar = [Kt];
 export {
-  Ye as E,
-  or as T,
-  nr as a,
-  Qe as b,
+  Vt as E,
+  nr as T,
+  sr as a,
+  Lt as b,
   Yt as c,
-  Ut as d,
-  Ze as e,
-  Ke as f,
-  sr as g,
+  Ye as d,
+  Wt as e,
+  Ut as f,
+  or as g,
   Kt as h,
   ar as r,
-  Ae as u
+  Ve as u
 };

package/dist/index.d.ts

@@ -3,6 +3,6 @@ export { useElements as useGramElements } from './hooks/useElements';
 export { Chat } from './components/Chat';
 export { defineFrontendTool } from './lib/tools';
 export type { FrontendTool } from './lib/tools';
-export type { ElementsProviderProps, ElementsConfig, ComposerConfig, AttachmentsConfig, ModalConfig, SidecarConfig, ToolsConfig, ModelConfig, ThemeConfig, WelcomeConfig, Suggestion, Model, ModalTriggerPosition, ColorScheme, COLOR_SCHEMES, GetSessionFn, Radius, RADII, Density, DENSITIES, VARIANTS, Variant, Dimensions, Dimension, ComponentOverrides, } from './types';
+export type { AttachmentsConfig, COLOR_SCHEMES, ColorScheme, ComponentOverrides, ComposerConfig, DENSITIES, Density, Dimension, Dimensions, ElementsConfig, GetSessionFn, ModalConfig, ModalTriggerPosition, Model, ModelConfig, RADII, Radius, SidecarConfig, Suggestion, ThemeConfig, ToolsConfig, Variant, VARIANTS, WelcomeConfig, } from './types';
 export { MODELS } from './lib/models';
 export type { Plugin } from './types/plugins';

package/dist/plugins.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DY3aJC4I.cjs");exports.chart=e.chart;exports.recommended=e.recommended;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Bj7jPiuy.cjs");exports.chart=e.chart;exports.recommended=e.recommended;

package/dist/plugins.js

@@ -1,4 +1,4 @@
-import { h as a, r as m } from "./index-1qi_Rje5.js";
+import { h as a, r as m } from "./index-CJRypLIa.js";
 export {
   a as chart,
   m as recommended