@gram-ai/elements 1.4.0 → 1.5.0

package/dist/elements.js

@@ -7304,7 +7304,7 @@ var Ib = (t) => Object.fromEntries(
 };
 const ma = _l(
   void 0
-), Cb = "/chat/completions", hI = ({
+), Cb = "/chat/completions", $I = ({
   children: t,
   config: r
 }) => {
@@ -7885,12 +7885,12 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, x
 }, Zy = [], Q = (t) => {
   const r = (i) => i[t] || Zy;
   return r.isThemeGetter = !0, r;
-}, ka = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Na = /^\((?:(\w[\w-]*):)?(.+)\)$/i, By = /^\d+\/\d+$/, Vy = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Gy = /\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$/, Jy = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ky = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, qy = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, He = (t) => By.test(t), j = (t) => !!t && !Number.isNaN(Number(t)), Te = (t) => !!t && Number.isInteger(Number(t)), Tr = (t) => t.endsWith("%") && j(t.slice(0, -1)), Ie = (t) => Vy.test(t), Hy = () => !0, Xy = (t) => (
+}, ka = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Na = /^\((?:(\w[\w-]*):)?(.+)\)$/i, By = /^\d+\/\d+$/, Vy = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Gy = /\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$/, Jy = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ky = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, qy = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, He = (t) => By.test(t), U = (t) => !!t && !Number.isNaN(Number(t)), Te = (t) => !!t && Number.isInteger(Number(t)), Tr = (t) => t.endsWith("%") && U(t.slice(0, -1)), Ie = (t) => Vy.test(t), Hy = () => !0, Xy = (t) => (
   // `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.
   Gy.test(t) && !Jy.test(t)
-), Ea = () => !1, Yy = (t) => Ky.test(t), Qy = (t) => qy.test(t), e$ = (t) => !O(t) && !C(t), t$ = (t) => dt(t, Pa, Ea), O = (t) => ka.test(t), Me = (t) => dt(t, Ta, Xy), Ar = (t) => dt(t, a$, j), fo = (t) => dt(t, Oa, Ea), r$ = (t) => dt(t, Ca, Qy), Ft = (t) => dt(t, Aa, Yy), C = (t) => Na.test(t), xt = (t) => mt(t, Ta), n$ = (t) => mt(t, s$), po = (t) => mt(t, Oa), o$ = (t) => mt(t, Pa), i$ = (t) => mt(t, Ca), Wt = (t) => mt(t, Aa, !0), dt = (t, r, i) => {
+), Ea = () => !1, Yy = (t) => Ky.test(t), Qy = (t) => qy.test(t), e$ = (t) => !O(t) && !C(t), t$ = (t) => dt(t, Pa, Ea), O = (t) => ka.test(t), Me = (t) => dt(t, Ta, Xy), Ar = (t) => dt(t, a$, U), fo = (t) => dt(t, Oa, Ea), r$ = (t) => dt(t, Ca, Qy), Ft = (t) => dt(t, Aa, Yy), C = (t) => Na.test(t), xt = (t) => mt(t, Ta), n$ = (t) => mt(t, s$), po = (t) => mt(t, Oa), o$ = (t) => mt(t, Pa), i$ = (t) => mt(t, Ca), Wt = (t) => mt(t, Aa, !0), dt = (t, r, i) => {
   const o = ka.exec(t);
   return o ? o[1] ? r(o[1]) : i(o[2]) : !1;
 }, mt = (t, r, i = !1) => {
@@ -7931,14 +7931,14 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, x
     l,
     C,
     O
-  ], ne = () => ["", j, xt, Me], Be = () => ["solid", "dashed", "dotted", "double"], Ut = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Z = () => [j, Tr, po, fo], ht = () => [
+  ], ne = () => ["", U, xt, Me], Be = () => ["solid", "dashed", "dotted", "double"], Ut = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Z = () => [U, Tr, po, fo], ht = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     v,
     C,
     O
-  ], Ve = () => ["none", j, C, O], Ge = () => ["none", j, C, O], bt = () => [j, C, O], Je = () => [He, "full", ..._()];
+  ], Ve = () => ["none", U, C, O], Ge = () => ["none", U, C, O], bt = () => [U, C, O], Je = () => [He, "full", ..._()];
   return {
     cacheSize: 500,
     theme: {
@@ -7957,7 +7957,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, x
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
       radius: [Ie],
       shadow: [Ie],
-      spacing: ["px", j],
+      spacing: ["px", U],
       text: [Ie],
       "text-shadow": [Ie],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
@@ -7984,7 +7984,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, x
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [j, O, C, s]
+        columns: [U, O, C, s]
       }],
       /**
        * Break After
@@ -8215,21 +8215,21 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, x
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [j, He, "auto", "initial", "none", O]
+        flex: [U, He, "auto", "initial", "none", O]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", j, C, O]
+        grow: ["", U, C, O]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", j, C, O]
+        shrink: ["", U, C, O]
       }],
       /**
        * Order
@@ -8706,7 +8706,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, x
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [j, "none", C, Ar]
+        "line-clamp": [U, "none", C, Ar]
       }],
       /**
        * Line Height
@@ -8779,7 +8779,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, x
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [j, "from-font", "auto", C, Me]
+        decoration: [U, "from-font", "auto", C, Me]
       }],
       /**
        * Text Decoration Color
@@ -8793,7 +8793,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, x
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [j, "auto", C, O]
+        "underline-offset": [U, "auto", C, O]
       }],
       /**
        * Text Transform
@@ -9259,14 +9259,14 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, x
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [j, C, O]
+        "outline-offset": [U, C, O]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", j, xt, Me]
+        outline: ["", U, xt, Me]
       }],
       /**
        * Outline Color
@@ -9341,7 +9341,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, x
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [j, Me]
+        "ring-offset": [U, Me]
       }],
       /**
        * Ring Offset Color
@@ -9385,7 +9385,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, x
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [j, C, O]
+        opacity: [U, C, O]
       }],
       /**
        * Mix Blend Mode
@@ -9420,7 +9420,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, x
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [j]
+        "mask-linear": [U]
       }],
       "mask-image-linear-from-pos": [{
         "mask-linear-from": Z()
@@ -9534,7 +9534,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, x
         "mask-radial-at": y()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [j]
+        "mask-conic": [U]
       }],
       "mask-image-conic-from-pos": [{
         "mask-conic-from": Z()
@@ -9625,14 +9625,14 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, x
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [j, C, O]
+        brightness: [U, C, O]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [j, C, O]
+        contrast: [U, C, O]
       }],
       /**
        * Drop Shadow
@@ -9660,35 +9660,35 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, x
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", j, C, O]
+        grayscale: ["", U, C, O]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [j, C, O]
+        "hue-rotate": [U, C, O]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", j, C, O]
+        invert: ["", U, C, O]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [j, C, O]
+        saturate: [U, C, O]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", j, C, O]
+        sepia: ["", U, C, O]
       }],
       /**
        * Backdrop Filter
@@ -9715,56 +9715,56 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, x
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [j, C, O]
+        "backdrop-brightness": [U, C, O]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [j, C, O]
+        "backdrop-contrast": [U, C, O]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", j, C, O]
+        "backdrop-grayscale": ["", U, C, O]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [j, C, O]
+        "backdrop-hue-rotate": [U, C, O]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", j, C, O]
+        "backdrop-invert": ["", U, C, O]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [j, C, O]
+        "backdrop-opacity": [U, C, O]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [j, C, O]
+        "backdrop-saturate": [U, C, O]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", j, C, O]
+        "backdrop-sepia": ["", U, C, O]
       }],
       // --------------
       // --- Tables ---
@@ -9833,7 +9833,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, x
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [j, "initial", C, O]
+        duration: [U, "initial", C, O]
       }],
       /**
        * Transition Timing Function
@@ -9847,7 +9847,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, x
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [j, C, O]
+        delay: [U, C, O]
       }],
       /**
        * Animation
@@ -10291,7 +10291,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, x
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [j, xt, Me, Ar]
+        stroke: [U, xt, Me, Ar]
       }],
       /**
        * Stroke
@@ -10367,7 +10367,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, x
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, c$ = /* @__PURE__ */ Wy(l$);
-function U(...t) {
+function j(...t) {
   return c$(xa(t));
 }
 const u$ = xy(
@@ -10400,7 +10400,7 @@ const u$ = xy(
   o ? py : "button",
   {
     "data-slot": "button",
-    className: U(u$({ variant: r, size: i, className: t })),
+    className: j(u$({ variant: r, size: i, className: t })),
     ref: n,
     ...e
   }
@@ -12720,7 +12720,7 @@ function ys({
     {
       "data-slot": "tooltip-content",
       sideOffset: r,
-      className: U(
+      className: j(
         "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
         t
       ),
@@ -12739,7 +12739,7 @@ const me = ur(({ children: t, tooltip: r, side: i = "bottom", className: o, ...e
       variant: "ghost",
       size: "icon",
       ...e,
-      className: U("aui-button-icon size-6 p-1", o),
+      className: j("aui-button-icon size-6 p-1", o),
       ref: n,
       children: [
         /* @__PURE__ */ m(hy, { children: t }),
@@ -12781,7 +12781,7 @@ const Nw = () => /* @__PURE__ */ m(
   h1: ({ className: t, ...r }) => /* @__PURE__ */ m(
     "h1",
     {
-      className: U(
+      className: j(
         "aui-md-h1 mb-8 scroll-m-20 text-4xl font-extrabold tracking-tight last:mb-0",
         t
       ),
@@ -12791,7 +12791,7 @@ const Nw = () => /* @__PURE__ */ m(
   h2: ({ className: t, ...r }) => /* @__PURE__ */ m(
     "h2",
     {
-      className: U(
+      className: j(
         "aui-md-h2 mt-8 mb-4 scroll-m-20 text-3xl font-semibold tracking-tight first:mt-0 last:mb-0",
         t
       ),
@@ -12801,7 +12801,7 @@ const Nw = () => /* @__PURE__ */ m(
   h3: ({ className: t, ...r }) => /* @__PURE__ */ m(
     "h3",
     {
-      className: U(
+      className: j(
         "aui-md-h3 mt-6 mb-4 scroll-m-20 text-2xl font-semibold tracking-tight first:mt-0 last:mb-0",
         t
       ),
@@ -12811,7 +12811,7 @@ const Nw = () => /* @__PURE__ */ m(
   h4: ({ className: t, ...r }) => /* @__PURE__ */ m(
     "h4",
     {
-      className: U(
+      className: j(
         "aui-md-h4 mt-6 mb-4 scroll-m-20 text-xl font-semibold tracking-tight first:mt-0 last:mb-0",
         t
       ),
@@ -12821,7 +12821,7 @@ const Nw = () => /* @__PURE__ */ m(
   h5: ({ className: t, ...r }) => /* @__PURE__ */ m(
     "h5",
     {
-      className: U(
+      className: j(
         "aui-md-h5 my-4 text-lg font-semibold first:mt-0 last:mb-0",
         t
       ),
@@ -12831,7 +12831,7 @@ const Nw = () => /* @__PURE__ */ m(
   h6: ({ className: t, ...r }) => /* @__PURE__ */ m(
     "h6",
     {
-      className: U(
+      className: j(
         "aui-md-h6 my-4 font-semibold first:mt-0 last:mb-0",
         t
       ),
@@ -12841,7 +12841,7 @@ const Nw = () => /* @__PURE__ */ m(
   p: ({ className: t, ...r }) => /* @__PURE__ */ m(
     "p",
     {
-      className: U(
+      className: j(
         "aui-md-p mt-5 mb-5 leading-7 first:mt-0 last:mb-0",
         t
       ),
@@ -12851,7 +12851,7 @@ const Nw = () => /* @__PURE__ */ m(
   a: ({ className: t, ...r }) => /* @__PURE__ */ m(
     "a",
     {
-      className: U(
+      className: j(
         "aui-md-a text-primary font-medium underline underline-offset-4",
         t
       ),
@@ -12861,29 +12861,29 @@ const Nw = () => /* @__PURE__ */ m(
   blockquote: ({ className: t, ...r }) => /* @__PURE__ */ m(
     "blockquote",
     {
-      className: U("aui-md-blockquote border-l-2 pl-6 italic", t),
+      className: j("aui-md-blockquote border-l-2 pl-6 italic", t),
       ...r
     }
   ),
   ul: ({ className: t, ...r }) => /* @__PURE__ */ m(
     "ul",
     {
-      className: U("aui-md-ul my-5 ml-6 list-disc [&>li]:mt-2", t),
+      className: j("aui-md-ul my-5 ml-6 list-disc [&>li]:mt-2", t),
       ...r
     }
   ),
   ol: ({ className: t, ...r }) => /* @__PURE__ */ m(
     "ol",
     {
-      className: U("aui-md-ol my-5 ml-6 list-decimal [&>li]:mt-2", t),
+      className: j("aui-md-ol my-5 ml-6 list-decimal [&>li]:mt-2", t),
       ...r
     }
   ),
-  hr: ({ className: t, ...r }) => /* @__PURE__ */ m("hr", { className: U("aui-md-hr my-5 border-b", t), ...r }),
+  hr: ({ className: t, ...r }) => /* @__PURE__ */ m("hr", { className: j("aui-md-hr my-5 border-b", t), ...r }),
   table: ({ className: t, ...r }) => /* @__PURE__ */ m(
     "table",
     {
-      className: U(
+      className: j(
         "aui-md-table my-5 w-full border-separate border-spacing-0 overflow-y-auto",
         t
       ),
@@ -12893,7 +12893,7 @@ const Nw = () => /* @__PURE__ */ m(
   th: ({ className: t, ...r }) => /* @__PURE__ */ m(
     "th",
     {
-      className: U(
+      className: j(
         "aui-md-th bg-muted px-4 py-2 text-left font-bold first:rounded-tl-lg last:rounded-tr-lg [[align=center]]:text-center [[align=right]]:text-right",
         t
       ),
@@ -12903,7 +12903,7 @@ const Nw = () => /* @__PURE__ */ m(
   td: ({ className: t, ...r }) => /* @__PURE__ */ m(
     "td",
     {
-      className: U(
+      className: j(
         "aui-md-td border-b border-l px-4 py-2 text-left last:border-r [[align=center]]:text-center [[align=right]]:text-right",
         t
       ),
@@ -12913,7 +12913,7 @@ const Nw = () => /* @__PURE__ */ m(
   tr: ({ className: t, ...r }) => /* @__PURE__ */ m(
     "tr",
     {
-      className: U(
+      className: j(
         "aui-md-tr m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg",
         t
       ),
@@ -12923,14 +12923,14 @@ const Nw = () => /* @__PURE__ */ m(
   sup: ({ className: t, ...r }) => /* @__PURE__ */ m(
     "sup",
     {
-      className: U("aui-md-sup [&>a]:text-xs [&>a]:no-underline", t),
+      className: j("aui-md-sup [&>a]:text-xs [&>a]:no-underline", t),
       ...r
     }
   ),
   pre: ({ className: t, ...r }) => /* @__PURE__ */ m(
     "pre",
     {
-      className: U(
+      className: j(
         "aui-md-pre overflow-x-auto rounded-t-none! rounded-b-lg bg-black p-4 text-white",
         t
       ),
@@ -12942,7 +12942,7 @@ const Nw = () => /* @__PURE__ */ m(
     return /* @__PURE__ */ m(
       "code",
       {
-        className: U(
+        className: j(
           !o && "aui-md-inline-code bg-muted rounded border font-semibold",
           r
         ),
@@ -13130,7 +13130,7 @@ const Eo = 200, Is = ({ className: t, children: r }) => {
       ref: i,
       open: o,
       onOpenChange: a,
-      className: U("aui-reasoning-root mb-4 w-full", t),
+      className: j("aui-reasoning-root mb-4 w-full", t),
       style: {
         "--animation-duration": `${Eo}ms`
       },
@@ -13142,7 +13142,7 @@ Is.displayName = "ReasoningRoot";
 const Ww = ({ className: t }) => /* @__PURE__ */ m(
   "div",
   {
-    className: U(
+    className: j(
       "aui-reasoning-fade pointer-events-none absolute inset-x-0 bottom-0 z-10 h-16",
       "bg-[linear-gradient(to_top,var(--color-background),transparent)]",
       "fade-in-0 animate-in",
@@ -13162,7 +13162,7 @@ const Ww = ({ className: t }) => /* @__PURE__ */ m(
 }) => /* @__PURE__ */ T(
   Lw,
   {
-    className: U(
+    className: j(
       "aui-reasoning-trigger group/trigger text-muted-foreground hover:text-foreground -mb-2 flex max-w-[75%] items-center gap-2 py-2 text-sm transition-colors",
       r,
       t && "shimmer"
@@ -13183,7 +13183,7 @@ const Ww = ({ className: t }) => /* @__PURE__ */ m(
       /* @__PURE__ */ m(
         pa,
         {
-          className: U(
+          className: j(
             "aui-reasoning-trigger-chevron mt-0.5 size-4 shrink-0",
             "transition-transform duration-(--animation-duration) ease-out",
             "group-data-[state=closed]/trigger:-rotate-90",
@@ -13196,7 +13196,7 @@ const Ww = ({ className: t }) => /* @__PURE__ */ m(
 ), ks = ({ className: t, children: r, "aria-busy": i }) => /* @__PURE__ */ T(
   Fw,
   {
-    className: U(
+    className: j(
       "aui-reasoning-content text-muted-foreground relative overflow-hidden text-sm outline-none",
       "group/collapsible-content ease-out",
       "data-[state=closed]:animate-collapsible-up",
@@ -13218,7 +13218,7 @@ ks.displayName = "ReasoningContent";
 const Ns = ({ className: t, children: r }) => /* @__PURE__ */ m(
   "div",
   {
-    className: U(
+    className: j(
       "aui-reasoning-text relative z-0 space-y-4 pt-4 pl-6 leading-relaxed",
       "transform-gpu transition-[transform,opacity]",
       "group-data-[state=open]/collapsible-content:animate-in",
@@ -14120,7 +14120,7 @@ Qs.displayName = Ys;
 function Tn(t) {
   return t ? "open" : "closed";
 }
-var el = "DialogTitleWarning", [bI, tl] = d$(el, {
+var el = "DialogTitleWarning", [xI, tl] = d$(el, {
   contentName: We,
   titleName: Pn,
   docsSlug: "dialog"
@@ -14163,7 +14163,7 @@ function oS({
     X_,
     {
       "data-slot": "dialog-overlay",
-      className: U(
+      className: j(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
         t
       ),
@@ -14183,7 +14183,7 @@ function iS({
       Y_,
       {
         "data-slot": "dialog-content",
-        className: U(
+        className: j(
           "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
           t
         ),
@@ -14214,7 +14214,7 @@ function aS({
     Q_,
     {
       "data-slot": "dialog-title",
-      className: U("text-lg leading-none font-semibold", t),
+      className: j("text-lg leading-none font-semibold", t),
       ...r
     }
   );
@@ -14373,7 +14373,7 @@ function bS({
     gS,
     {
       "data-slot": "avatar",
-      className: U(
+      className: j(
         "relative flex size-8 shrink-0 overflow-hidden rounded-full",
         t
       ),
@@ -14389,7 +14389,7 @@ function yS({
     vS,
     {
       "data-slot": "avatar-image",
-      className: U("aspect-square size-full", t),
+      className: j("aspect-square size-full", t),
       ...r
     }
   );
@@ -14402,7 +14402,7 @@ function $S({
     hS,
     {
       "data-slot": "avatar-fallback",
-      className: U(
+      className: j(
         "bg-muted flex size-full items-center justify-center rounded-full",
         t
       ),
@@ -14496,7 +14496,7 @@ const xS = (t) => {
     /* @__PURE__ */ T(
       Vr.Root,
       {
-        className: U(
+        className: j(
           "aui-attachment-root relative",
           i && "aui-attachment-root-composer only:[&>#attachment-tile]:size-24"
         ),
@@ -14504,7 +14504,7 @@ const xS = (t) => {
           /* @__PURE__ */ m(_S, { children: /* @__PURE__ */ m(bs, { asChild: !0, children: /* @__PURE__ */ m(
             "div",
             {
-              className: U(
+              className: j(
                 "aui-attachment-tile bg-muted size-14 cursor-pointer overflow-hidden rounded-[14px] border transition-opacity hover:opacity-75",
                 r && "aui-attachment-tile-composer border-foreground/20"
               ),
@@ -14776,7 +14776,7 @@ function VS({
       "data-slot": "popover-content",
       align: r,
       sideOffset: i,
-      className: U(
+      className: j(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
         t
       ),
@@ -15055,7 +15055,7 @@ const $l = () => {
   yt.Root,
   {
     hideWhenSingleBranch: !0,
-    className: U(
+    className: j(
       "aui-branch-picker-root text-muted-foreground mr-2 -ml-2 inline-flex items-center text-xs",
       t
     ),
@@ -15084,31 +15084,85 @@ const $l = () => {
     {
       defaultOpen: t.modal?.defaultOpen ?? !1,
       children: [
-        /* @__PURE__ */ m(Mt.Anchor, { className: "aui-root aui-modal-anchor fixed right-4 bottom-4 size-11", children: /* @__PURE__ */ m(Mt.Trigger, { asChild: !0, children: /* @__PURE__ */ m(wl, {}) }) }),
-        /* @__PURE__ */ m(Mt.Content, { sideOffset: 16, asChild: !0, children: /* @__PURE__ */ m(
-          Tg.div,
+        /* @__PURE__ */ m(
+          Mt.Anchor,
           {
-            initial: {
-              width: i.width,
-              height: i.height,
-              maxHeight: i?.maxHeight ?? void 0
-            },
-            animate: {
-              width: r ? o.width : i.width,
-              height: r ? o.height : i.height
-            },
-            transition: {
-              duration: 0.3,
-              ease: "easeInOut"
-            },
-            className: "aui-root aui-modal-content data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-bottom-1/2 data-[state=closed]:slide-out-to-right-1/2 data-[state=closed]:zoom-out data-[state=open]:fade-in-0 data-[state=open]:slide-in-from-bottom-1/2 data-[state=open]:slide-in-from-right-1/2 data-[state=open]:zoom-in bg-popover text-popover-foreground data-[state=closed]:animate-out data-[state=open]:animate-in z-50 overflow-clip overscroll-contain rounded-xl border p-0 shadow-lg outline-none [&>.aui-thread-root]:bg-inherit",
-            children: /* @__PURE__ */ m($l, {})
+            className: j(
+              "aui-root aui-modal-anchor fixed size-11",
+              cI(t.modal?.position)
+            ),
+            children: /* @__PURE__ */ m(Mt.Trigger, { asChild: !0, children: /* @__PURE__ */ m(wl, {}) })
           }
-        ) })
+        ),
+        /* @__PURE__ */ m(
+          Mt.Content,
+          {
+            ...sI(t.modal?.position),
+            asChild: !0,
+            children: /* @__PURE__ */ m(
+              Tg.div,
+              {
+                initial: {
+                  width: i.width,
+                  height: i.height,
+                  maxHeight: i?.maxHeight ?? void 0
+                },
+                animate: {
+                  width: r ? o.width : i.width,
+                  height: r ? o.height : i.height
+                },
+                transition: {
+                  duration: 0.3,
+                  ease: "easeInOut"
+                },
+                className: j(
+                  "aui-root aui-modal-content data-[state=closed]:zoom-out data-[state=open]:fade-in-0 data-[state=open]:zoom-in bg-popover text-popover-foreground data-[state=closed]:animate-out data-[state=open]:animate-in z-50 overflow-clip overscroll-contain rounded-xl border p-0 shadow-lg outline-none [&>.aui-thread-root]:bg-inherit",
+                  lI(t.modal?.position)
+                ),
+                children: /* @__PURE__ */ m($l, {})
+              }
+            )
+          }
+        )
       ]
     }
   );
-}, wl = ur(({ "data-state": t, ...r }, i) => {
+};
+function sI(t) {
+  return {
+    align: t === "bottom-left" || t === "top-left" ? "start" : "end",
+    sideOffset: 16
+  };
+}
+function lI(t) {
+  switch (t) {
+    case "bottom-right":
+      return "slide-in-from-bottom-1/2 slide-in-from-right-1/2";
+    case "bottom-left":
+      return "slide-in-from-bottom-1/2 slide-in-from-left-1/2";
+    case "top-right":
+      return "slide-in-from-top-1/2 slide-in-from-right-1/2";
+    case "top-left":
+      return "slide-in-from-top-1/2 slide-in-from-left-1/2";
+    default:
+      return "slide-in-from-bottom-1/2 slide-in-from-right-1/2";
+  }
+}
+function cI(t) {
+  if (!t)
+    return "right-4 bottom-4";
+  switch (t) {
+    case "bottom-right":
+      return "right-4 bottom-4";
+    case "bottom-left":
+      return "left-4 bottom-4";
+    case "top-right":
+      return "right-4 top-4";
+    case "top-left":
+      return "left-4 top-4";
+  }
+}
+const wl = ur(({ "data-state": t, ...r }, i) => {
   const o = t === "open" ? "Close Assistant" : "Open Assistant", { config: e } = ge(), n = e.modal?.icon ? e.modal.icon(t) : /* @__PURE__ */ m(
     Fb,
     {
@@ -15140,12 +15194,12 @@ const $l = () => {
   );
 });
 wl.displayName = "AssistantModalButton";
-const yI = () => {
+const wI = () => {
   const { config: t } = ge();
   return t.variant === "widget" ? /* @__PURE__ */ m(aI, {}) : /* @__PURE__ */ m($l, {});
 };
 export {
-  yI as Chat,
-  hI as GramElementsProvider,
+  wI as Chat,
+  $I as GramElementsProvider,
   ge as useGramElements
 };