@altimateai/ui-components 0.0.61 → 0.0.62

package/dist/CoachForm.js

@@ -31850,12 +31850,12 @@ const zF = (t) => typeof t.props.children == "string" ? t.props.children : "", U
     ),
     children: t
   }
-), tl = ({ content: t, id: e }) => {
-  const n = t.replace(/<think>/g, `
+), tl = ({ content: t, id: e, components: n }) => {
+  const r = t.replace(/<think>/g, `
 :::think
 `).replace(/<\/think>/g, `
 :::
-`), r = F3();
+`), i = F3();
   return /* @__PURE__ */ k.jsx("div", { className: "al-prose dark:al-prose-invert al-max-w-none react-markdown", children: /* @__PURE__ */ k.jsx(
     nO,
     {
@@ -31863,74 +31863,75 @@ const zF = (t) => typeof t.props.children == "string" ? t.props.children : "", U
       rehypePlugins: [qP],
       className: "[&>*:not(:last-child)]:al-mb-4 [&>*:last-child]:al-mb-0",
       components: {
-        h1: ({ className: i, ...a }) => (
+        h1: ({ className: a, ...s }) => (
           // eslint-disable-next-line jsx-a11y/heading-has-content
-          /* @__PURE__ */ k.jsx("h1", { className: ve(r.h1, i), ...a })
+          /* @__PURE__ */ k.jsx("h1", { className: ve(i.h1, a), ...s })
         ),
-        h2: ({ className: i, ...a }) => (
+        h2: ({ className: a, ...s }) => (
           // eslint-disable-next-line jsx-a11y/heading-has-content
-          /* @__PURE__ */ k.jsx("h2", { className: ve(r.h2, i), ...a })
+          /* @__PURE__ */ k.jsx("h2", { className: ve(i.h2, a), ...s })
         ),
-        h3: ({ className: i, ...a }) => (
+        h3: ({ className: a, ...s }) => (
           // eslint-disable-next-line jsx-a11y/heading-has-content
-          /* @__PURE__ */ k.jsx("h3", { className: ve(r.h3, i), ...a })
+          /* @__PURE__ */ k.jsx("h3", { className: ve(i.h3, a), ...s })
         ),
-        h4: ({ className: i, ...a }) => (
+        h4: ({ className: a, ...s }) => (
           // eslint-disable-next-line jsx-a11y/heading-has-content
-          /* @__PURE__ */ k.jsx("h4", { className: ve(r.h4, i), ...a })
+          /* @__PURE__ */ k.jsx("h4", { className: ve(i.h4, a), ...s })
         ),
-        h5: ({ className: i, ...a }) => (
+        h5: ({ className: a, ...s }) => (
           // eslint-disable-next-line jsx-a11y/heading-has-content
-          /* @__PURE__ */ k.jsx("h5", { className: ve(r.h5, i), ...a })
+          /* @__PURE__ */ k.jsx("h5", { className: ve(i.h5, a), ...s })
         ),
-        h6: ({ className: i, ...a }) => (
+        h6: ({ className: a, ...s }) => (
           // eslint-disable-next-line jsx-a11y/heading-has-content
-          /* @__PURE__ */ k.jsx("h6", { className: ve(r.h6, i), ...a })
+          /* @__PURE__ */ k.jsx("h6", { className: ve(i.h6, a), ...s })
         ),
-        p: ({ className: i, ...a }) => /* @__PURE__ */ k.jsx("p", { className: ve(r.body, i), ...a }),
-        a: ({ className: i, ...a }) => (
+        p: ({ className: a, ...s }) => /* @__PURE__ */ k.jsx("p", { className: ve(i.body, a), ...s }),
+        a: ({ className: a, ...s }) => (
           // eslint-disable-next-line jsx-a11y/anchor-has-content
-          /* @__PURE__ */ k.jsx("a", { className: ve(r.link, i), ...a })
+          /* @__PURE__ */ k.jsx("a", { className: ve(i.link, a), ...s })
         ),
-        ul: ({ className: i, ...a }) => /* @__PURE__ */ k.jsx("ul", { className: ve(r.list, i), ...a }),
-        ol: ({ className: i, ...a }) => /* @__PURE__ */ k.jsx("ol", { className: ve(r.orderedList, i), ...a }),
-        blockquote: ({ className: i, ...a }) => /* @__PURE__ */ k.jsx("blockquote", { className: ve(r.blockquote, i), ...a }),
-        pre: ({ node: i, className: a, children: s, ...o }) => {
-          var l;
-          if (s && typeof s == "object" && "props" in s && ((l = s.props) == null ? void 0 : l.className) === "language-plotly")
+        ul: ({ className: a, ...s }) => /* @__PURE__ */ k.jsx("ul", { className: ve(i.list, a), ...s }),
+        ol: ({ className: a, ...s }) => /* @__PURE__ */ k.jsx("ol", { className: ve(i.orderedList, a), ...s }),
+        blockquote: ({ className: a, ...s }) => /* @__PURE__ */ k.jsx("blockquote", { className: ve(i.blockquote, a), ...s }),
+        pre: ({ node: a, className: s, children: o, ...l }) => {
+          var u;
+          if (o && typeof o == "object" && "props" in o && ((u = o.props) == null ? void 0 : u.className) === "language-plotly")
             try {
-              const u = zF(s), c = JSON.parse(u);
-              return /* @__PURE__ */ k.jsx(gM, { jsonData: c });
-            } catch (u) {
-              console.error("Failed to parse Plotly JSON:", u);
+              const c = zF(o), h = JSON.parse(c);
+              return /* @__PURE__ */ k.jsx(gM, { jsonData: h });
+            } catch (c) {
+              console.error("Failed to parse Plotly JSON:", c);
             }
-          return /* @__PURE__ */ k.jsx("pre", { ...o, className: ve(r.code, a), children: s });
+          return /* @__PURE__ */ k.jsx("pre", { ...l, className: ve(i.code, s), children: o });
         },
         // @ts-expect-error valid
         think: jF,
-        code({ className: i, children: a, node: s }) {
-          if (!(s == null ? void 0 : s.children[0].value).includes(`
+        code({ className: a, children: s, node: o }) {
+          if (!(o == null ? void 0 : o.children[0].value).includes(`
 `))
-            return /* @__PURE__ */ k.jsx("code", { className: "al-px-1.5 al-py-0.5 al-rounded-md al-bg-gray-100 dark:al-bg-gray-800 al-text-sm", children: a });
-          const u = /language-(\w+)/.exec(i || ""), c = u ? u[1] : "";
-          return c === "mermaid" ? /* @__PURE__ */ k.jsx(
+            return /* @__PURE__ */ k.jsx("code", { className: "al-px-1.5 al-py-0.5 al-rounded-md al-bg-gray-100 dark:al-bg-gray-800 al-text-sm", children: s });
+          const c = /language-(\w+)/.exec(a || ""), h = c ? c[1] : "";
+          return h === "mermaid" ? /* @__PURE__ */ k.jsx(
             BL,
             {
-              content: String(a).replace(/\n$/, ""),
+              content: String(s).replace(/\n$/, ""),
               id: e || crypto.randomUUID()
             }
-          ) : c === "tool_call" ? /* @__PURE__ */ k.jsx(WF, { children: a }) : /* @__PURE__ */ k.jsx("div", { className: "al-max-h-[300px] al-overflow-auto", children: /* @__PURE__ */ k.jsx(
+          ) : h === "tool_call" ? /* @__PURE__ */ k.jsx(WF, { children: s }) : /* @__PURE__ */ k.jsx("div", { className: "al-max-h-[300px] al-overflow-auto", children: /* @__PURE__ */ k.jsx(
             nl,
             {
-              language: c,
-              code: String(a).replace(/\n$/, ""),
+              language: h,
+              code: String(s).replace(/\n$/, ""),
               theme: "dark",
               editorTheme: "tomorrow"
             }
           ) });
-        }
+        },
+        ...n
       },
-      children: n || ""
+      children: r || ""
     }
   ) });
 };
@@ -36120,8 +36121,8 @@ const Ls = () => {
     enabled: !1
   });
   return Be(() => {
-    t && r();
-  }, [t]), !((i = n == null ? void 0 : n.questions) != null && i.length) || !(e != null && e.followupPath) || !t ? null : /* @__PURE__ */ k.jsx(Tt, { direction: "column", children: n.questions.map((a) => /* @__PURE__ */ k.jsx(M$, { text: a }, a)) });
+    t && (e != null && e.followupPath) && r();
+  }, [t, e == null ? void 0 : e.followupPath]), !((i = n == null ? void 0 : n.questions) != null && i.length) || !(e != null && e.followupPath) || !t ? null : /* @__PURE__ */ k.jsx(Tt, { direction: "column", children: n.questions.map((a) => /* @__PURE__ */ k.jsx(M$, { text: a }, a)) });
 }, m3 = ({ todos: t }) => {
   const e = (r) => {
     switch (r) {

package/dist/Stack.js

@@ -1,6 +1,6 @@
 import { j as g, S as ys, d as xs } from "./index2.js";
 import * as l from "react";
-import ve, { forwardRef as H, useState as ws, createElement as ht, useLayoutEffect as Cs, useEffect as Es } from "react";
+import ve, { forwardRef as H, useState as ws, createElement as Qe, useLayoutEffect as Cs, useEffect as Es } from "react";
 import * as qn from "react-dom";
 import Rs from "react-dom";
 function Zn(e) {
@@ -2941,13 +2941,13 @@ function fr(e) {
   const t = l.useContext(La);
   return e || t || "ltr";
 }
-var bt = "rovingFocusGroup.onEntryFocus", Fa = { bubbles: !1, cancelable: !0 }, at = "RovingFocusGroup", [Dt, pr, $a] = Ia(at), [Wa, mr] = ae(
-  at,
+var bt = "rovingFocusGroup.onEntryFocus", Fa = { bubbles: !1, cancelable: !0 }, it = "RovingFocusGroup", [Dt, pr, $a] = Ia(it), [Wa, mr] = ae(
+  it,
   [$a]
-), [Va, Ba] = Wa(at), gr = l.forwardRef(
+), [Va, Ba] = Wa(it), gr = l.forwardRef(
   (e, t) => /* @__PURE__ */ g.jsx(Dt.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ g.jsx(Dt.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ g.jsx(za, { ...e, ref: t }) }) })
 );
-gr.displayName = at;
+gr.displayName = it;
 var za = l.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: n,
@@ -3639,14 +3639,14 @@ function In(e, t) {
 function Ci(e) {
   return e.filter((t) => t.tagName !== "A");
 }
-var Ei = "Portal", it = l.forwardRef((e, t) => {
+var Ei = "Portal", lt = l.forwardRef((e, t) => {
   var i;
   const { container: n, ...r } = e, [o, s] = l.useState(!1);
   be(() => s(!0), []);
   const a = n || o && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
   return a ? Rs.createPortal(/* @__PURE__ */ g.jsx($.div, { ...r, ref: t }), a) : null;
 });
-it.displayName = Ei;
+lt.displayName = Ei;
 var wt = 0;
 function Lr() {
   l.useEffect(() => {
@@ -3682,7 +3682,7 @@ function Ri(e, t, n) {
     (s || !(r in t)) && (s || (s = Array.prototype.slice.call(t, 0, r)), s[r] = t[r]);
   return e.concat(s || Array.prototype.slice.call(t));
 }
-var Qe = "right-scroll-bar-position", Je = "width-before-scroll-bar", Pi = "with-scroll-bars-hidden", Si = "--removed-body-scroll-bar-size";
+var Je = "right-scroll-bar-position", et = "width-before-scroll-bar", Pi = "with-scroll-bars-hidden", Si = "--removed-body-scroll-bar-size";
 function Ct(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
@@ -3804,7 +3804,7 @@ function ji(e, t) {
   return e.useMedium(t), $r;
 }
 var Wr = Di(), Et = function() {
-}, lt = l.forwardRef(function(e, t) {
+}, ct = l.forwardRef(function(e, t) {
   var n = l.useRef(null), r = l.useState({
     onScrollCapture: Et,
     onWheelCapture: Et,
@@ -3817,14 +3817,14 @@ var Wr = Di(), Et = function() {
     a ? l.cloneElement(l.Children.only(i), Q(Q({}, P), { ref: E })) : l.createElement(y, Q({}, P, { className: c, ref: E }), i)
   );
 });
-lt.defaultProps = {
+ct.defaultProps = {
   enabled: !0,
   removeScrollBar: !0,
   inert: !1
 };
-lt.classNames = {
-  fullWidth: Je,
-  zeroRight: Qe
+ct.classNames = {
+  fullWidth: et,
+  zeroRight: Je
 };
 var Ii = function() {
   if (typeof __webpack_nonce__ < "u")
@@ -3914,19 +3914,19 @@ var Fi = function() {
   ].filter(Boolean).join(""), `
   }
   
-  .`).concat(Qe, ` {
+  .`).concat(Je, ` {
     right: `).concat(i, "px ").concat(r, `;
   }
   
-  .`).concat(Je, ` {
+  .`).concat(et, ` {
     margin-right: `).concat(i, "px ").concat(r, `;
   }
   
-  .`).concat(Qe, " .").concat(Qe, ` {
+  .`).concat(Je, " .").concat(Je, ` {
     right: 0 `).concat(r, `;
   }
   
-  .`).concat(Je, " .").concat(Je, ` {
+  .`).concat(et, " .").concat(et, ` {
     margin-right: 0 `).concat(r, `;
   }
   
@@ -4125,9 +4125,9 @@ function ol(e) {
 }
 const sl = ji(Wr, rl);
 var Zt = l.forwardRef(function(e, t) {
-  return l.createElement(lt, Q({}, e, { ref: t, sideCar: sl }));
+  return l.createElement(ct, Q({}, e, { ref: t, sideCar: sl }));
 });
-Zt.classNames = lt.classNames;
+Zt.classNames = ct.classNames;
 var al = function(e) {
   if (typeof document > "u")
     return null;
@@ -4271,19 +4271,19 @@ var Jt = "DialogPortal", [ml, Qr] = Yr(Jt, {
   forceMount: void 0
 }), Jr = (e) => {
   const { __scopeDialog: t, forceMount: n, children: r, container: o } = e, s = Z(Jt, t);
-  return /* @__PURE__ */ g.jsx(ml, { scope: t, forceMount: n, children: l.Children.map(r, (a) => /* @__PURE__ */ g.jsx(ee, { present: n || s.open, children: /* @__PURE__ */ g.jsx(it, { asChild: !0, container: o, children: a }) })) });
+  return /* @__PURE__ */ g.jsx(ml, { scope: t, forceMount: n, children: l.Children.map(r, (a) => /* @__PURE__ */ g.jsx(ee, { present: n || s.open, children: /* @__PURE__ */ g.jsx(lt, { asChild: !0, container: o, children: a }) })) });
 };
 Jr.displayName = Jt;
-var tt = "DialogOverlay", eo = l.forwardRef(
+var nt = "DialogOverlay", eo = l.forwardRef(
   (e, t) => {
-    const n = Qr(tt, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, s = Z(tt, e.__scopeDialog);
+    const n = Qr(nt, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, s = Z(nt, e.__scopeDialog);
     return s.modal ? /* @__PURE__ */ g.jsx(ee, { present: r || s.open, children: /* @__PURE__ */ g.jsx(gl, { ...o, ref: t }) }) : null;
   }
 );
-eo.displayName = tt;
+eo.displayName = nt;
 var gl = l.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...r } = e, o = Z(tt, n);
+    const { __scopeDialog: n, ...r } = e, o = Z(nt, n);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
@@ -4477,7 +4477,7 @@ var Rl = {
  */
 const td = (e, t, n, r) => {
   const o = H(
-    ({ color: s = "currentColor", size: a = 24, stroke: i = 2, title: c, className: u, children: d, ...f }, h) => ht(
+    ({ color: s = "currentColor", size: a = 24, stroke: i = 2, title: c, className: u, children: d, ...f }, h) => Qe(
       "svg",
       {
         ref: h,
@@ -4494,8 +4494,8 @@ const td = (e, t, n, r) => {
         ...f
       },
       [
-        c && ht("title", { key: "svg-title" }, c),
-        ...r.map(([m, v]) => ht(m, v)),
+        c && Qe("title", { key: "svg-title" }, c),
+        ...r.map(([m, v]) => Qe(m, v)),
         ...Array.isArray(d) ? d : [d]
       ]
     )
@@ -4659,7 +4659,7 @@ const zl = H(
   ({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx("div", { ref: n, className: M("al-flex al-items-center al-p-6 al-pt-0", e), ...t })
 );
 zl.displayName = "CardFooter";
-const Hl = ["top", "right", "bottom", "left"], fe = Math.min, K = Math.max, nt = Math.round, Ze = Math.floor, pe = (e) => ({
+const Hl = ["top", "right", "bottom", "left"], fe = Math.min, K = Math.max, rt = Math.round, Ze = Math.floor, pe = (e) => ({
   x: e,
   y: e
 }), Gl = {
@@ -4699,10 +4699,10 @@ function Kl(e, t, n) {
   n === void 0 && (n = !1);
   const r = Ie(e), o = on(e), s = rn(o);
   let a = o === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
-  return t.reference[s] > t.floating[s] && (a = rt(a)), [a, rt(a)];
+  return t.reference[s] > t.floating[s] && (a = ot(a)), [a, ot(a)];
 }
 function Yl(e) {
-  const t = rt(e);
+  const t = ot(e);
   return [Lt(e), t, Lt(t)];
 }
 function Lt(e) {
@@ -4726,7 +4726,7 @@ function ql(e, t, n, r) {
   let s = Xl(se(e), n === "start", r);
   return o && (s = s.map((a) => a + "-" + o), t && (s = s.concat(s.map(Lt)))), s;
 }
-function rt(e) {
+function ot(e) {
   return e.replace(/left|right|bottom|top/g, (t) => Gl[t]);
 }
 function Zl(e) {
@@ -4746,7 +4746,7 @@ function bo(e) {
     left: e
   };
 }
-function ot(e) {
+function st(e) {
   const {
     x: t,
     y: n,
@@ -4889,7 +4889,7 @@ async function $e(e, t) {
     elementContext: f = "floating",
     altBoundary: h = !1,
     padding: m = 0
-  } = oe(t, e), v = bo(m), b = i[h ? f === "floating" ? "reference" : "floating" : f], y = ot(await s.getClippingRect({
+  } = oe(t, e), v = bo(m), b = i[h ? f === "floating" ? "reference" : "floating" : f], y = st(await s.getClippingRect({
     element: (n = await (s.isElement == null ? void 0 : s.isElement(b))) == null || n ? b : b.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(i.floating)),
     boundary: u,
     rootBoundary: d,
@@ -4905,7 +4905,7 @@ async function $e(e, t) {
   } : {
     x: 1,
     y: 1
-  }, E = ot(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, E = st(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
     rect: x,
     offsetParent: C,
@@ -4979,7 +4979,7 @@ const Jl = (e) => ({
       } = oe(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const y = se(o), x = me(i), C = se(i) === i, w = await (c.isRTL == null ? void 0 : c.isRTL(u.floating)), E = h || (C || !p ? [rt(i)] : Yl(i)), P = v !== "none";
+      const y = se(o), x = me(i), C = se(i) === i, w = await (c.isRTL == null ? void 0 : c.isRTL(u.floating)), E = h || (C || !p ? [ot(i)] : Yl(i)), P = v !== "none";
       !h && P && E.push(...ql(i, p, v, w));
       const R = [i, ...E], S = await $e(t, b), I = [];
       let D = ((r = s.flip) == null ? void 0 : r.overflows) || [];
@@ -5276,7 +5276,7 @@ const rc = function(e) {
     }
   };
 };
-function ct() {
+function ut() {
   return typeof window < "u";
 }
 function Me(e) {
@@ -5291,16 +5291,16 @@ function te(e) {
   return (t = (yo(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function yo(e) {
-  return ct() ? e instanceof Node || e instanceof Y(e).Node : !1;
+  return ut() ? e instanceof Node || e instanceof Y(e).Node : !1;
 }
 function X(e) {
-  return ct() ? e instanceof Element || e instanceof Y(e).Element : !1;
+  return ut() ? e instanceof Element || e instanceof Y(e).Element : !1;
 }
 function J(e) {
-  return ct() ? e instanceof HTMLElement || e instanceof Y(e).HTMLElement : !1;
+  return ut() ? e instanceof HTMLElement || e instanceof Y(e).HTMLElement : !1;
 }
 function Gn(e) {
-  return !ct() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Y(e).ShadowRoot;
+  return !ut() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Y(e).ShadowRoot;
 }
 function Be(e) {
   const {
@@ -5314,7 +5314,7 @@ function Be(e) {
 function ic(e) {
   return ["table", "td", "th"].includes(Me(e));
 }
-function ut(e) {
+function dt(e) {
   return [":popover-open", ":modal"].some((t) => {
     try {
       return e.matches(t);
@@ -5332,7 +5332,7 @@ function lc(e) {
   for (; J(t) && !Ne(t); ) {
     if (sn(t))
       return t;
-    if (ut(t))
+    if (dt(t))
       return null;
     t = ge(t);
   }
@@ -5347,7 +5347,7 @@ function Ne(e) {
 function q(e) {
   return Y(e).getComputedStyle(e);
 }
-function dt(e) {
+function ft(e) {
   return X(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
@@ -5388,7 +5388,7 @@ function Ft(e) {
 function wo(e) {
   const t = q(e);
   let n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0;
-  const o = J(e), s = o ? e.offsetWidth : n, a = o ? e.offsetHeight : r, i = nt(n) !== s || nt(r) !== a;
+  const o = J(e), s = o ? e.offsetWidth : n, a = o ? e.offsetHeight : r, i = rt(n) !== s || rt(r) !== a;
   return i && (n = s, r = a), {
     width: n,
     height: r,
@@ -5407,7 +5407,7 @@ function Ae(e) {
     height: o,
     $: s
   } = wo(t);
-  let a = (s ? nt(n.width) : n.width) / r, i = (s ? nt(n.height) : n.height) / o;
+  let a = (s ? rt(n.width) : n.width) / r, i = (s ? rt(n.height) : n.height) / o;
   return (!a || !Number.isFinite(a)) && (a = 1), (!i || !Number.isFinite(i)) && (i = 1), {
     x: a,
     y: i
@@ -5439,7 +5439,7 @@ function xe(e, t, n, r) {
       c *= b.x, u *= b.y, d *= b.x, f *= b.y, c += C, u += w, v = Y(p), p = Ft(v);
     }
   }
-  return ot({
+  return st({
     width: d,
     height: f,
     x: c,
@@ -5453,7 +5453,7 @@ function dc(e) {
     offsetParent: r,
     strategy: o
   } = e;
-  const s = o === "fixed", a = te(r), i = t ? ut(t.floating) : !1;
+  const s = o === "fixed", a = te(r), i = t ? dt(t.floating) : !1;
   if (r === a || i && s)
     return n;
   let c = {
@@ -5461,7 +5461,7 @@ function dc(e) {
     scrollTop: 0
   }, u = pe(1);
   const d = pe(0), f = J(r);
-  if ((f || !f && !s) && ((Me(r) !== "body" || Be(a)) && (c = dt(r)), J(r))) {
+  if ((f || !f && !s) && ((Me(r) !== "body" || Be(a)) && (c = ft(r)), J(r))) {
     const h = xe(r);
     u = Ae(r), d.x = h.x + r.clientLeft, d.y = h.y + r.clientTop;
   }
@@ -5476,11 +5476,11 @@ function fc(e) {
   return Array.from(e.getClientRects());
 }
 function $t(e, t) {
-  const n = dt(e).scrollLeft;
+  const n = ft(e).scrollLeft;
   return t ? t.left + n : xe(te(e)).left + n;
 }
 function pc(e) {
-  const t = te(e), n = dt(e), r = e.ownerDocument.body, o = K(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), s = K(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
+  const t = te(e), n = ft(e), r = e.ownerDocument.body, o = K(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), s = K(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
   let a = -n.scrollLeft + $t(e);
   const i = -n.scrollTop;
   return q(r).direction === "rtl" && (a += K(t.clientWidth, r.clientWidth) - o), {
@@ -5530,7 +5530,7 @@ function Un(e, t, n) {
       y: t.y - o.y
     };
   }
-  return ot(r);
+  return st(r);
 }
 function Eo(e, t) {
   const n = ge(e);
@@ -5556,7 +5556,7 @@ function vc(e) {
     rootBoundary: r,
     strategy: o
   } = e;
-  const a = [...n === "clippingAncestors" ? ut(t) ? [] : hc(t, this._c) : [].concat(n), r], i = a[0], c = a.reduce((u, d) => {
+  const a = [...n === "clippingAncestors" ? dt(t) ? [] : hc(t, this._c) : [].concat(n), r], i = a[0], c = a.reduce((u, d) => {
     const f = Un(t, d, o);
     return u.top = K(f.top, u.top), u.right = fe(f.right, u.right), u.bottom = fe(f.bottom, u.bottom), u.left = K(f.left, u.left), u;
   }, Un(t, i, o));
@@ -5585,7 +5585,7 @@ function yc(e, t, n) {
   };
   const c = pe(0);
   if (r || !r && !s)
-    if ((Me(t) !== "body" || Be(o)) && (i = dt(t)), r) {
+    if ((Me(t) !== "body" || Be(o)) && (i = ft(t)), r) {
       const m = xe(t, !0, s, t);
       c.x = m.x + t.clientLeft, c.y = m.y + t.clientTop;
     } else o && (c.x = $t(o));
@@ -5616,7 +5616,7 @@ function Kn(e, t) {
 }
 function Ro(e, t) {
   const n = Y(e);
-  if (ut(e))
+  if (dt(e))
     return n;
   if (!J(e)) {
     let o = ge(e);
@@ -5754,8 +5754,8 @@ const Pc = rc, Sc = oc, Ac = ec, Nc = ac, Oc = tc, Yn = Jl, Tc = sc, kc = (e, t,
     platform: s
   });
 };
-var et = typeof document < "u" ? Cs : Es;
-function st(e, t) {
+var tt = typeof document < "u" ? Cs : Es;
+function at(e, t) {
   if (e === t)
     return !0;
   if (typeof e != typeof t)
@@ -5767,7 +5767,7 @@ function st(e, t) {
     if (Array.isArray(e)) {
       if (n = e.length, n !== t.length) return !1;
       for (r = n; r-- !== 0; )
-        if (!st(e[r], t[r]))
+        if (!at(e[r], t[r]))
           return !1;
       return !0;
     }
@@ -5778,7 +5778,7 @@ function st(e, t) {
         return !1;
     for (r = n; r-- !== 0; ) {
       const s = o[r];
-      if (!(s === "_owner" && e.$$typeof) && !st(e[s], t[s]))
+      if (!(s === "_owner" && e.$$typeof) && !at(e[s], t[s]))
         return !1;
     }
     return !0;
@@ -5794,7 +5794,7 @@ function Xn(e, t) {
 }
 function At(e) {
   const t = l.useRef(e);
-  return et(() => {
+  return tt(() => {
     t.current = e;
   }), t;
 }
@@ -5820,7 +5820,7 @@ function Dc(e) {
     middlewareData: {},
     isPositioned: !1
   }), [h, m] = l.useState(r);
-  st(h, r) || m(r);
+  at(h, r) || m(r);
   const [v, p] = l.useState(null), [b, y] = l.useState(null), x = l.useCallback((O) => {
     O !== P.current && (P.current = O, p(O));
   }, []), C = l.useCallback((O) => {
@@ -5842,21 +5842,21 @@ function Dc(e) {
         // setting it to `true` when `open === false` (must be specified).
         isPositioned: A.current !== !1
       };
-      j.current && !st(S.current, U) && (S.current = U, qn.flushSync(() => {
+      j.current && !at(S.current, U) && (S.current = U, qn.flushSync(() => {
         f(U);
       }));
     });
   }, [h, t, n, F, A]);
-  et(() => {
+  tt(() => {
     u === !1 && S.current.isPositioned && (S.current.isPositioned = !1, f((O) => ({
       ...O,
       isPositioned: !1
     })));
   }, [u]);
   const j = l.useRef(!1);
-  et(() => (j.current = !0, () => {
+  tt(() => (j.current = !0, () => {
     j.current = !1;
-  }), []), et(() => {
+  }), []), tt(() => {
     if (w && (P.current = w), E && (R.current = E), w && E) {
       if (D.current)
         return D.current(w, E, L);
@@ -5959,7 +5959,7 @@ var Vc = "Arrow", So = l.forwardRef((e, t) => {
   );
 });
 So.displayName = Vc;
-var Bc = So, cn = "Popper", [Ao, ft] = ae(cn), [zc, No] = Ao(cn), Oo = (e) => {
+var Bc = So, cn = "Popper", [Ao, pt] = ae(cn), [zc, No] = Ao(cn), Oo = (e) => {
   const { __scopePopper: t, children: n } = e, [r, o] = l.useState(null);
   return /* @__PURE__ */ g.jsx(zc, { scope: t, anchor: r, onAnchorChange: o, children: n });
 };
@@ -6270,8 +6270,8 @@ function ou(e) {
   return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
 var fn = "Popover", [Vo, sd] = ae(fn, [
-  ft
-]), ze = ft(), [su, he] = Vo(fn), Bo = (e) => {
+  pt
+]), ze = pt(), [su, he] = Vo(fn), Bo = (e) => {
   const {
     __scopePopover: t,
     children: n,
@@ -6332,7 +6332,7 @@ var pn = "PopoverPortal", [iu, lu] = Vo(pn, {
   forceMount: void 0
 }), Uo = (e) => {
   const { __scopePopover: t, forceMount: n, children: r, container: o } = e, s = he(pn, t);
-  return /* @__PURE__ */ g.jsx(iu, { scope: t, forceMount: n, children: /* @__PURE__ */ g.jsx(ee, { present: n || s.open, children: /* @__PURE__ */ g.jsx(it, { asChild: !0, container: o, children: r }) }) });
+  return /* @__PURE__ */ g.jsx(iu, { scope: t, forceMount: n, children: /* @__PURE__ */ g.jsx(ee, { present: n || s.open, children: /* @__PURE__ */ g.jsx(lt, { asChild: !0, container: o, children: r }) }) });
 };
 Uo.displayName = pn;
 var Oe = "PopoverContent", Ko = l.forwardRef(
@@ -6620,9 +6620,9 @@ var Eu = "VisuallyHidden", Jo = l.forwardRef(
   )
 );
 Jo.displayName = Eu;
-var Ru = Jo, [pt, ud] = ae("Tooltip", [
-  ft
-]), mt = ft(), es = "TooltipProvider", Pu = 700, Bt = "tooltip.open", [Su, mn] = pt(es), ts = (e) => {
+var Ru = Jo, [mt, ud] = ae("Tooltip", [
+  pt
+]), gt = pt(), es = "TooltipProvider", Pu = 700, Bt = "tooltip.open", [Su, mn] = mt(es), ts = (e) => {
   const {
     __scopeTooltip: t,
     delayDuration: n = Pu,
@@ -6658,7 +6658,7 @@ var Ru = Jo, [pt, ud] = ae("Tooltip", [
   );
 };
 ts.displayName = es;
-var gt = "Tooltip", [Au, He] = pt(gt), ns = (e) => {
+var ht = "Tooltip", [Au, He] = mt(ht), ns = (e) => {
   const {
     __scopeTooltip: t,
     children: n,
@@ -6667,7 +6667,7 @@ var gt = "Tooltip", [Au, He] = pt(gt), ns = (e) => {
     onOpenChange: s,
     disableHoverableContent: a,
     delayDuration: i
-  } = e, c = mn(gt, e.__scopeTooltip), u = mt(t), [d, f] = l.useState(null), h = Pe(), m = l.useRef(0), v = a ?? c.disableHoverableContent, p = i ?? c.delayDuration, b = l.useRef(!1), [y = !1, x] = je({
+  } = e, c = mn(ht, e.__scopeTooltip), u = gt(t), [d, f] = l.useState(null), h = Pe(), m = l.useRef(0), v = a ?? c.disableHoverableContent, p = i ?? c.delayDuration, b = l.useRef(!1), [y = !1, x] = je({
     prop: r,
     defaultProp: o,
     onChange: (R) => {
@@ -6706,10 +6706,10 @@ var gt = "Tooltip", [Au, He] = pt(gt), ns = (e) => {
     }
   ) });
 };
-ns.displayName = gt;
+ns.displayName = ht;
 var zt = "TooltipTrigger", rs = l.forwardRef(
   (e, t) => {
-    const { __scopeTooltip: n, ...r } = e, o = He(zt, n), s = mn(zt, n), a = mt(n), i = l.useRef(null), c = B(t, i, o.onTriggerChange), u = l.useRef(!1), d = l.useRef(!1), f = l.useCallback(() => u.current = !1, []);
+    const { __scopeTooltip: n, ...r } = e, o = He(zt, n), s = mn(zt, n), a = gt(n), i = l.useRef(null), c = B(t, i, o.onTriggerChange), u = l.useRef(!1), d = l.useRef(!1), f = l.useCallback(() => u.current = !1, []);
     return l.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ g.jsx(dn, { asChild: !0, ...a, children: /* @__PURE__ */ g.jsx(
       $.button,
       {
@@ -6736,11 +6736,11 @@ var zt = "TooltipTrigger", rs = l.forwardRef(
   }
 );
 rs.displayName = zt;
-var gn = "TooltipPortal", [Nu, Ou] = pt(gn, {
+var gn = "TooltipPortal", [Nu, Ou] = mt(gn, {
   forceMount: void 0
 }), os = (e) => {
   const { __scopeTooltip: t, forceMount: n, children: r, container: o } = e, s = He(gn, t);
-  return /* @__PURE__ */ g.jsx(Nu, { scope: t, forceMount: n, children: /* @__PURE__ */ g.jsx(ee, { present: n || s.open, children: /* @__PURE__ */ g.jsx(it, { asChild: !0, container: o, children: r }) }) });
+  return /* @__PURE__ */ g.jsx(Nu, { scope: t, forceMount: n, children: /* @__PURE__ */ g.jsx(ee, { present: n || s.open, children: /* @__PURE__ */ g.jsx(lt, { asChild: !0, container: o, children: r }) }) });
 };
 os.displayName = gn;
 var Te = "TooltipContent", ss = l.forwardRef(
@@ -6774,7 +6774,7 @@ var Te = "TooltipContent", ss = l.forwardRef(
       return document.addEventListener("pointermove", v), () => document.removeEventListener("pointermove", v);
     }
   }, [c, d, a, u, h]), /* @__PURE__ */ g.jsx(as, { ...e, ref: s });
-}), [ku, Du] = pt(gt, { isInside: !1 }), as = l.forwardRef(
+}), [ku, Du] = mt(ht, { isInside: !1 }), as = l.forwardRef(
   (e, t) => {
     const {
       __scopeTooltip: n,
@@ -6783,7 +6783,7 @@ var Te = "TooltipContent", ss = l.forwardRef(
       onEscapeKeyDown: s,
       onPointerDownOutside: a,
       ...i
-    } = e, c = He(Te, n), u = mt(n), { onClose: d } = c;
+    } = e, c = He(Te, n), u = gt(n), { onClose: d } = c;
     return l.useEffect(() => (document.addEventListener(Bt, d), () => document.removeEventListener(Bt, d)), [d]), l.useEffect(() => {
       if (c.trigger) {
         const f = (h) => {
@@ -6829,7 +6829,7 @@ var Te = "TooltipContent", ss = l.forwardRef(
 ss.displayName = Te;
 var is = "TooltipArrow", ju = l.forwardRef(
   (e, t) => {
-    const { __scopeTooltip: n, ...r } = e, o = mt(n);
+    const { __scopeTooltip: n, ...r } = e, o = gt(n);
     return Du(
       is,
       n
@@ -6959,9 +6959,10 @@ const fd = ({
   gap: a = "md",
   className: i,
   direction: c = "row",
-  ...u
-}, d) {
-  const f = (m) => ({
+  tag: u = "div",
+  ...d
+}, f) {
+  const h = (v) => ({
     none: "al-gap-0",
     xxs: "al-gap-0.5",
     // 2px
@@ -6989,7 +6990,7 @@ const fd = ({
     // 64px
     "8xl": "al-gap-20"
     // 80px
-  })[m], h = M(
+  })[v], m = M(
     "al-flex",
     // Direction
     c === "column" ? "al-flex-col" : "al-flex-row",
@@ -7015,10 +7016,18 @@ const fd = ({
     // Flex
     s && `al-flex-[${s}]`,
     // Gap
-    f(a),
+    h(a),
     i
   );
-  return /* @__PURE__ */ g.jsx("div", { ...u, className: h, ref: d, children: t });
+  return Qe(
+    u,
+    {
+      ...d,
+      className: m,
+      ref: f
+    },
+    t
+  );
 });
 export {
   cd as $,
@@ -7032,7 +7041,7 @@ export {
   fr as H,
   ii as I,
   _o as J,
-  it as K,
+  lt as K,
   Pe as L,
   nd as M,
   qc as N,
@@ -7092,7 +7101,7 @@ export {
   po as l,
   De as m,
   Ia as n,
-  ft as o,
+  pt as o,
   mr as p,
   ee as q,
   Ur as r,

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as React$1 from 'react';
 import { HTMLAttributes, ButtonHTMLAttributes, ReactNode, FC, MouseEvent } from 'react';
 import { B as ButtonProps } from './Button-CVsSwe4f.js';
+import { Components } from 'react-markdown';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PlotParams } from 'react-plotly.js';
 import { T as TaskLabels, a as TeamMateContextProps, b as TeamMateState, c as TeamMateConfig, d as TeamMateActionType, e as TeamMateAvailability } from './types-Bm5uFaKK.js';
@@ -47,7 +48,7 @@ interface Props$5 {
 declare const CodeBlockComponent: ({ code, language, fileName, editorTheme, theme, showLineNumbers, className, titleActions, }: Props$5) => JSX.Element;
 
 type SpacingSize = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl";
-interface StackProps extends HTMLAttributes<HTMLDivElement> {
+interface StackProps extends HTMLAttributes<HTMLElement> {
     children: ReactNode;
     wrap?: boolean;
     justify?: "start" | "end" | "center" | "between" | "around" | "evenly";
@@ -55,8 +56,9 @@ interface StackProps extends HTMLAttributes<HTMLDivElement> {
     flex?: string;
     gap?: SpacingSize;
     direction?: "row" | "column";
+    tag?: keyof JSX.IntrinsicElements;
 }
-declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLElement>>;
 
 interface MermaidDiagramProps {
     content: string;
@@ -67,6 +69,7 @@ declare const MermaidDiagram: FC<MermaidDiagramProps>;
 interface MarkdownProps {
     content: string;
     id?: string;
+    components?: Components;
 }
 declare const Markdown: React.FC<MarkdownProps>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altimateai/ui-components",
-  "version": "0.0.61",
+  "version": "0.0.62",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/AltimateAI/altimate-components.git"