@altimateai/ui-components 0.0.29 → 0.0.31-beta.1

package/dist/Stack.js

@@ -245,7 +245,7 @@ const I = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   $s.test(e) && !Ws.test(e)
 ), Jn = () => !1, Zs = (e) => Vs.test(e), Qs = (e) => Bs.test(e), Js = () => {
-  const e = I("colors"), t = I("spacing"), n = I("blur"), r = I("brightness"), o = I("borderColor"), s = I("borderRadius"), a = I("borderSpacing"), i = I("borderWidth"), c = I("contrast"), u = I("grayscale"), d = I("hueRotate"), f = I("invert"), h = I("gap"), m = I("gradientColorStops"), v = I("gradientColorStopPositions"), p = I("inset"), b = I("margin"), y = I("opacity"), x = I("padding"), C = I("saturate"), w = I("scale"), E = I("sepia"), P = I("skew"), R = I("space"), S = I("translate"), M = () => ["auto", "contain", "none"], D = () => ["auto", "hidden", "clip", "visible", "scroll"], L = () => ["auto", N, t], A = () => [N, t], _ = () => ["", ne, ie], j = () => ["auto", Ee, N], z = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], T = () => ["solid", "dashed", "dotted", "double", "none"], V = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], O = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], W = () => ["", "0", N], U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], H = () => [Ee, N];
+  const e = I("colors"), t = I("spacing"), n = I("blur"), r = I("brightness"), o = I("borderColor"), s = I("borderRadius"), a = I("borderSpacing"), i = I("borderWidth"), c = I("contrast"), u = I("grayscale"), d = I("hueRotate"), f = I("invert"), h = I("gap"), m = I("gradientColorStops"), v = I("gradientColorStopPositions"), p = I("inset"), b = I("margin"), y = I("opacity"), x = I("padding"), C = I("saturate"), w = I("scale"), E = I("sepia"), P = I("skew"), R = I("space"), S = I("translate"), M = () => ["auto", "contain", "none"], D = () => ["auto", "hidden", "clip", "visible", "scroll"], F = () => ["auto", N, t], A = () => [N, t], L = () => ["", ne, ie], j = () => ["auto", Ee, N], z = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], T = () => ["solid", "dashed", "dotted", "double", "none"], V = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], O = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], W = () => ["", "0", N], U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], H = () => [Ee, N];
   return {
     cacheSize: 500,
     separator: ":",
@@ -257,7 +257,7 @@ const I = (e) => {
       borderColor: [e],
       borderRadius: ["none", "", "full", le, N],
       borderSpacing: A(),
-      borderWidth: _(),
+      borderWidth: L(),
       contrast: H(),
       grayscale: W(),
       hueRotate: H(),
@@ -265,8 +265,8 @@ const I = (e) => {
       gap: A(),
       gradientColorStops: [e],
       gradientColorStopPositions: [zs, ie],
-      inset: L(),
-      margin: L(),
+      inset: F(),
+      margin: F(),
       opacity: H(),
       padding: A(),
       saturate: H(),
@@ -498,7 +498,7 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: L()
+        basis: F()
       }],
       /**
        * Flex Direction
@@ -1577,7 +1577,7 @@ const I = (e) => {
        * @see https://tailwindcss.com/docs/ring-width
        */
       "ring-w": [{
-        ring: _()
+        ring: L()
       }],
       /**
        * Ring Width Inset
@@ -2274,7 +2274,7 @@ const I = (e) => {
     }
   };
 }, ea = /* @__PURE__ */ Is(Js);
-function F(...e) {
+function _(...e) {
   return ea(Bt(e));
 }
 function En(e, t) {
@@ -2404,7 +2404,7 @@ const Rn = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pn = Bt, t
 ), ua = l.forwardRef(
   ({ className: e, variant: t, size: n, asChild: r = !1, ...o }, s) => {
     const a = r ? ra : "button";
-    return /* @__PURE__ */ g.jsx(a, { className: F(ca({ variant: t, size: n, className: e })), ref: s, ...o });
+    return /* @__PURE__ */ g.jsx(a, { className: _(ca({ variant: t, size: n, className: e })), ref: s, ...o });
   }
 );
 ua.displayName = "Button";
@@ -2821,7 +2821,7 @@ const cr = G(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
   lr,
   {
     ref: n,
-    className: F(
+    className: _(
       "al-peer al-h-4 al-w-4 al-shrink-0 al-rounded-xs al-border al-border-primary al-ring-offset-background focus-visible:al-outline-none focus-visible:al-ring-2 focus-visible:al-ring-ring focus-visible:al-ring-offset-2 disabled:al-cursor-not-allowed disabled:al-opacity-50 data-[state=checked]:al-bg-primary data-[state=checked]:al-text-primary-foreground",
       e
     ),
@@ -2829,7 +2829,7 @@ const cr = G(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
     children: /* @__PURE__ */ g.jsx(
       Aa,
       {
-        className: F("al-flex al-items-center al-justify-center al-text-current"),
+        className: _("al-flex al-items-center al-justify-center al-text-current"),
         children: /* @__PURE__ */ g.jsx(
           "svg",
           {
@@ -3009,7 +3009,7 @@ var Va = l.forwardRef((e, t) => {
             if (S.target === S.currentTarget && M && !y) {
               const D = new CustomEvent(ht, _a);
               if (S.currentTarget.dispatchEvent(D), !D.defaultPrevented) {
-                const L = w().filter((T) => T.focusable), A = L.find((T) => T.active), _ = L.find((T) => T.id === p), z = [A, _, ...L].filter(
+                const F = w().filter((T) => T.focusable), A = F.find((T) => T.active), L = F.find((T) => T.id === p), z = [A, L, ...F].filter(
                   Boolean
                 ).map((T) => T.ref.current);
                 hr(z, d);
@@ -3308,13 +3308,13 @@ var ni = "RadioGroupIndicator", Ar = l.forwardRef(
 );
 Ar.displayName = ni;
 var Nr = Rr, Or = Sr, ri = Ar;
-const oi = G(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(Nr, { className: F("al-grid al-gap-2", e), ...t, ref: n }));
+const oi = G(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(Nr, { className: _("al-grid al-gap-2", e), ...t, ref: n }));
 oi.displayName = Nr.displayName;
 const Tr = G(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
   Or,
   {
     ref: n,
-    className: F(
+    className: _(
       "al-aspect-square al-h-4 al-w-4 al-rounded-full al-border al-border-primary al-text-primary al-ring-offset-background focus:al-outline-none focus-visible:al-ring-2 focus-visible:al-ring-ring focus-visible:al-ring-offset-2 disabled:al-cursor-not-allowed disabled:al-opacity-50",
       e
     ),
@@ -3324,28 +3324,52 @@ const Tr = G(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
 ));
 Tr.displayName = Or.displayName;
 const si = l.forwardRef(
-  ({ className: e, type: t, ...n }, r) => t === "checkbox" ? /* @__PURE__ */ g.jsx(
+  ({ className: e, type: t, icon: n, iconPosition: r = "left", ...o }, s) => t === "checkbox" ? /* @__PURE__ */ g.jsx(
     cr,
     {
       className: e,
-      ...n
+      ...o
     }
   ) : t === "radio" ? /* @__PURE__ */ g.jsx(
     Tr,
     {
       className: e,
-      ...n
+      ...o
     }
-  ) : /* @__PURE__ */ g.jsx(
+  ) : n ? /* @__PURE__ */ g.jsxs("div", { className: "al-relative al-w-full", children: [
+    /* @__PURE__ */ g.jsx(
+      "input",
+      {
+        type: t,
+        className: _(
+          "al-flex al-h-10 al-w-full al-rounded-md al-border al-border-input al-bg-background al-py-2 al-text-base al-ring-offset-background file:al-border-0 file:al-bg-transparent file:al-text-sm file:al-font-medium file:al-text-foreground placeholder:al-text-muted-foreground focus-visible:al-outline-none focus-visible:al-ring-2 focus-visible:al-ring-ring focus-visible:al-ring-offset-2 disabled:al-cursor-not-allowed disabled:al-opacity-50 md:al-text-sm",
+          r === "left" ? "al-pl-10 al-pr-3" : "al-pl-3 al-pr-10",
+          e
+        ),
+        ref: s,
+        ...o
+      }
+    ),
+    /* @__PURE__ */ g.jsx(
+      "div",
+      {
+        className: _(
+          "al-absolute al-top-0 al-flex al-h-10 al-items-center al-pointer-events-none",
+          r === "left" ? "al-left-3" : "al-right-3"
+        ),
+        children: /* @__PURE__ */ g.jsx(n, { size: 16, className: "al-text-muted-foreground" })
+      }
+    )
+  ] }) : /* @__PURE__ */ g.jsx(
     "input",
     {
       type: t,
-      className: F(
+      className: _(
         "al-flex al-h-10 al-w-full al-rounded-md al-border al-border-input al-bg-background al-px-3 al-py-2 al-text-base al-ring-offset-background file:al-border-0 file:al-bg-transparent file:al-text-sm file:al-font-medium file:al-text-foreground placeholder:al-text-muted-foreground focus-visible:al-outline-none focus-visible:al-ring-2 focus-visible:al-ring-ring focus-visible:al-ring-offset-2 disabled:al-cursor-not-allowed disabled:al-opacity-50 md:al-text-sm",
         e
       ),
-      ref: r,
-      ...n
+      ref: s,
+      ...o
     }
   )
 );
@@ -4445,14 +4469,14 @@ mo.displayName = El;
 var go = mo;
 const Rl = tr(
   "al-text-sm al-font-medium al-leading-none peer-disabled:al-cursor-not-allowed peer-disabled:al-opacity-70"
-), Pl = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(go, { ref: n, className: F(Rl(), e), ...t }));
+), Pl = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(go, { ref: n, className: _(Rl(), e), ...t }));
 Pl.displayName = go.displayName;
 const Sl = G(
   ({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
     "div",
     {
       ref: n,
-      className: F(
+      className: _(
         "al-rounded-lg al-border al-bg-card al-text-card-foreground al-shadow-sm",
         e
       ),
@@ -4466,7 +4490,7 @@ const Al = G(
     "div",
     {
       ref: n,
-      className: F("al-flex al-flex-col al-space-y-1.5 al-p-6 al-pb-4", e),
+      className: _("al-flex al-flex-col al-space-y-1.5 al-p-6 al-pb-4", e),
       ...t
     }
   )
@@ -4477,29 +4501,29 @@ const Nl = G(
     "div",
     {
       ref: n,
-      className: F("al-text-2xl al-font-semibold al-leading-none al-tracking-tight", e),
+      className: _("al-text-2xl al-font-semibold al-leading-none al-tracking-tight", e),
       ...t
     }
   )
 );
 Nl.displayName = "CardTitle";
 const Ol = G(
-  ({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx("div", { ref: n, className: F("al-text-sm al-text-muted-foreground", e), ...t })
+  ({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx("div", { ref: n, className: _("al-text-sm al-text-muted-foreground", e), ...t })
 );
 Ol.displayName = "CardDescription";
 const Tl = G(
-  ({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx("div", { ref: n, className: F("al-p-6 al-pt-0", e), ...t })
+  ({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx("div", { ref: n, className: _("al-p-6 al-pt-0", e), ...t })
 );
 Tl.displayName = "CardContent";
 const kl = G(
-  ({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx("div", { ref: n, className: F("al-flex al-items-center al-p-6 al-pt-0", e), ...t })
+  ({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx("div", { ref: n, className: _("al-flex al-items-center al-p-6 al-pt-0", e), ...t })
 );
 kl.displayName = "CardFooter";
 const Dl = l.forwardRef(
   ({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
     "textarea",
     {
-      className: F(
+      className: _(
         "al-flex al-min-h-[80px] al-w-full al-rounded-md al-border al-border-input al-bg-background al-px-3 al-py-2 al-text-base al-ring-offset-background placeholder:al-text-muted-foreground focus-visible:al-outline-none focus-visible:al-ring-2 focus-visible:al-ring-ring focus-visible:al-ring-offset-2 disabled:al-cursor-not-allowed disabled:al-opacity-50 md:al-text-sm",
         e
       ),
@@ -4792,7 +4816,7 @@ const Bl = (e) => ({
     }, m = nn(o), v = tn(m), p = await a.getDimensions(u), b = m === "y", y = b ? "top" : "left", x = b ? "bottom" : "right", C = b ? "clientHeight" : "clientWidth", w = s.reference[v] + s.reference[m] - h[m] - s.floating[v], E = h[m] - s.reference[m], P = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
     let R = P ? P[C] : 0;
     (!R || !await (a.isElement == null ? void 0 : a.isElement(P))) && (R = i.floating[C] || s.floating[v]);
-    const S = w / 2 - E / 2, M = R / 2 - p[v] / 2 - 1, D = de(f[y], M), L = de(f[x], M), A = D, _ = R - p[v] - L, j = R / 2 - p[v] / 2 + S, z = Mt(A, j, _), T = !c.arrow && je(o) != null && j !== z && s.reference[v] / 2 - (j < A ? D : L) - p[v] / 2 < 0, V = T ? j < A ? j - A : j - _ : 0;
+    const S = w / 2 - E / 2, M = R / 2 - p[v] / 2 - 1, D = de(f[y], M), F = de(f[x], M), A = D, L = R - p[v] - F, j = R / 2 - p[v] / 2 + S, z = Mt(A, j, L), T = !c.arrow && je(o) != null && j !== z && s.reference[v] / 2 - (j < A ? D : F) - p[v] / 2 < 0, V = T ? j < A ? j - A : j - L : 0;
     return {
       [m]: h[m] + V,
       data: {
@@ -4841,8 +4865,8 @@ const Bl = (e) => ({
         placement: o,
         overflows: M
       }], !M.every((j) => j <= 0)) {
-        var L, A;
-        const j = (((L = s.flip) == null ? void 0 : L.index) || 0) + 1, z = R[j];
+        var F, A;
+        const j = (((F = s.flip) == null ? void 0 : F.index) || 0) + 1, z = R[j];
         if (z)
           return {
             data: {
@@ -4857,8 +4881,8 @@ const Bl = (e) => ({
         if (!T)
           switch (m) {
             case "bestFit": {
-              var _;
-              const V = (_ = D.filter((O) => {
+              var L;
+              const V = (L = D.filter((O) => {
                 if (P) {
                   const W = pe(O.placement);
                   return W === x || // Create a bias to the `y` side axis due to horizontal
@@ -4866,7 +4890,7 @@ const Bl = (e) => ({
                   W === "y";
                 }
                 return !0;
-              }).map((O) => [O.placement, O.overflows.filter((W) => W > 0).reduce((W, U) => W + U, 0)]).sort((O, W) => O[1] - W[1])[0]) == null ? void 0 : _[0];
+              }).map((O) => [O.placement, O.overflows.filter((W) => W > 0).reduce((W, U) => W + U, 0)]).sort((O, W) => O[1] - W[1])[0]) == null ? void 0 : L[0];
               V && (T = V);
               break;
             }
@@ -5109,8 +5133,8 @@ const Ul = function(e) {
       const x = p - d.top - d.bottom, C = v - d.left - d.right, w = de(p - d[b], x), E = de(v - d[y], C), P = !t.middlewareData.shift;
       let R = w, S = E;
       if ((n = t.middlewareData.shift) != null && n.enabled.x && (S = C), (r = t.middlewareData.shift) != null && r.enabled.y && (R = x), P && !h) {
-        const D = K(d.left, 0), L = K(d.right, 0), A = K(d.top, 0), _ = K(d.bottom, 0);
-        m ? S = v - 2 * (D !== 0 || L !== 0 ? D + L : K(d.left, d.right)) : R = p - 2 * (A !== 0 || _ !== 0 ? A + _ : K(d.top, d.bottom));
+        const D = K(d.left, 0), F = K(d.right, 0), A = K(d.top, 0), L = K(d.bottom, 0);
+        m ? S = v - 2 * (D !== 0 || F !== 0 ? D + F : K(d.left, d.right)) : R = p - 2 * (A !== 0 || L !== 0 ? A + L : K(d.top, d.bottom));
       }
       await c({
         ...t,
@@ -5675,7 +5699,7 @@ function wc(e) {
     O !== P.current && (P.current = O, p(O));
   }, []), C = l.useCallback((O) => {
     O !== R.current && (R.current = O, y(O));
-  }, []), w = s || v, E = a || b, P = l.useRef(null), R = l.useRef(null), S = l.useRef(d), M = c != null, D = Pt(c), L = Pt(o), A = Pt(u), _ = l.useCallback(() => {
+  }, []), w = s || v, E = a || b, P = l.useRef(null), R = l.useRef(null), S = l.useRef(d), M = c != null, D = Pt(c), F = Pt(o), A = Pt(u), L = l.useCallback(() => {
     if (!P.current || !R.current)
       return;
     const O = {
@@ -5683,7 +5707,7 @@ function wc(e) {
       strategy: n,
       middleware: h
     };
-    L.current && (O.platform = L.current), xc(P.current, R.current, O).then((W) => {
+    F.current && (O.platform = F.current), xc(P.current, R.current, O).then((W) => {
       const U = {
         ...W,
         // The floating element's position may be recomputed while it's closed
@@ -5696,7 +5720,7 @@ function wc(e) {
         f(U);
       }));
     });
-  }, [h, t, n, L, A]);
+  }, [h, t, n, F, A]);
   Je(() => {
     u === !1 && S.current.isPositioned && (S.current.isPositioned = !1, f((O) => ({
       ...O,
@@ -5709,10 +5733,10 @@ function wc(e) {
   }), []), Je(() => {
     if (w && (P.current = w), E && (R.current = E), w && E) {
       if (D.current)
-        return D.current(w, E, _);
-      _();
+        return D.current(w, E, L);
+      L();
     }
-  }, [w, E, _, D, M]);
+  }, [w, E, L, D, M]);
   const z = l.useMemo(() => ({
     reference: P,
     floating: R,
@@ -5744,11 +5768,11 @@ function wc(e) {
   }, [n, i, T.floating, d.x, d.y]);
   return l.useMemo(() => ({
     ...d,
-    update: _,
+    update: L,
     refs: z,
     elements: T,
     floatingStyles: V
-  }), [d, _, z, T, V]);
+  }), [d, L, z, T, V]);
 }
 const Cc = (e) => {
   function t(n) {
@@ -5841,9 +5865,9 @@ var ln = "PopperContent", [jc, Mc] = Po(ln), To = l.forwardRef(
       updatePositionStrategy: m = "optimized",
       onPlaced: v,
       ...p
-    } = e, b = So(ln, n), [y, x] = l.useState(null), C = B(t, (Ie) => x(Ie)), [w, E] = l.useState(null), P = Gt(w), R = (P == null ? void 0 : P.width) ?? 0, S = (P == null ? void 0 : P.height) ?? 0, M = r + (s !== "center" ? "-" + s : ""), D = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, L = Array.isArray(u) ? u : [u], A = L.length > 0, _ = {
+    } = e, b = So(ln, n), [y, x] = l.useState(null), C = B(t, (Ie) => x(Ie)), [w, E] = l.useState(null), P = Gt(w), R = (P == null ? void 0 : P.width) ?? 0, S = (P == null ? void 0 : P.height) ?? 0, M = r + (s !== "center" ? "-" + s : ""), D = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, F = Array.isArray(u) ? u : [u], A = F.length > 0, L = {
       padding: D,
-      boundary: L.filter(_c),
+      boundary: F.filter(_c),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: A
     }, { refs: j, floatingStyles: z, placement: T, isPositioned: V, middlewareData: O } = wc({
@@ -5862,11 +5886,11 @@ var ln = "PopperContent", [jc, Mc] = Po(ln), To = l.forwardRef(
           mainAxis: !0,
           crossAxis: !1,
           limiter: f === "partial" ? Pc() : void 0,
-          ..._
+          ...L
         }),
-        c && Sc({ ..._ }),
+        c && Sc({ ...L }),
         Ac({
-          ..._,
+          ...L,
           apply: ({ elements: Ie, rects: xn, availableWidth: ps, availableHeight: ms }) => {
             const { width: gs, height: hs } = xn.reference, Ge = Ie.floating.style;
             Ge.setProperty("--radix-popper-available-width", `${ps}px`), Ge.setProperty("--radix-popper-available-height", `${ms}px`), Ge.setProperty("--radix-popper-anchor-width", `${gs}px`), Ge.setProperty("--radix-popper-anchor-height", `${hs}px`);
@@ -5874,7 +5898,7 @@ var ln = "PopperContent", [jc, Mc] = Po(ln), To = l.forwardRef(
         }),
         w && Oc({ element: w, padding: i }),
         Lc({ arrowWidth: R, arrowHeight: S }),
-        h && Nc({ strategy: "referenceHidden", ..._ })
+        h && Nc({ strategy: "referenceHidden", ...L })
       ]
     }), [W, U] = jo(T), H = re(v);
     ve(() => {
@@ -6011,7 +6035,7 @@ const Hu = bl, Uu = yl, Fc = xl, Ku = po, Lo = G(({ className: e, ...t }, n) =>
   lo,
   {
     ref: n,
-    className: F(
+    className: _(
       "al-fixed al-inset-0 al-z-50 al-bg-black/80 al- data-[state=open]:al-animate-in data-[state=closed]:al-animate-out data-[state=closed]:al-fade-out-0 data-[state=open]:al-fade-in-0",
       e
     ),
@@ -6025,7 +6049,7 @@ const $c = G(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ g.jsxs(
     co,
     {
       ref: r,
-      className: F(
+      className: _(
         "al-fixed al-left-[50%] al-top-[50%] al-z-50 al-grid al-w-full al-max-w-lg al-translate-x-[-50%] al-translate-y-[-50%] al-gap-4 al-border al-bg-background al-p-6 al-shadow-lg al-duration-200 data-[state=open]:al-animate-in data-[state=closed]:al-animate-out data-[state=closed]:al-fade-out-0 data-[state=open]:al-fade-in-0 data-[state=closed]:al-zoom-out-95 data-[state=open]:al-zoom-in-95 data-[state=closed]:al-slide-out-to-left-1/2 data-[state=closed]:al-slide-out-to-top-[48%] data-[state=open]:al-slide-in-from-left-1/2 data-[state=open]:al-slide-in-from-top-[48%] sm:al-rounded-lg",
         e
       ),
@@ -6044,7 +6068,7 @@ $c.displayName = co.displayName;
 const Wc = ({ className: e, ...t }) => /* @__PURE__ */ g.jsx(
   "div",
   {
-    className: F("al-flex al-flex-col al-space-y-1.5 al-text-center sm:al-text-left", e),
+    className: _("al-flex al-flex-col al-space-y-1.5 al-text-center sm:al-text-left", e),
     ...t
   }
 );
@@ -6052,7 +6076,7 @@ Wc.displayName = "DialogHeader";
 const Vc = ({ className: e, ...t }) => /* @__PURE__ */ g.jsx(
   "div",
   {
-    className: F(
+    className: _(
       "al-flex al-flex-col-reverse sm:al-flex-row sm:al-justify-end sm:al-space-x-2",
       e
     ),
@@ -6064,7 +6088,7 @@ const Bc = G(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
   uo,
   {
     ref: n,
-    className: F("al-text-lg al-font-semibold al-leading-none al-tracking-tight", e),
+    className: _("al-text-lg al-font-semibold al-leading-none al-tracking-tight", e),
     ...t
   }
 ));
@@ -6073,7 +6097,7 @@ const zc = G(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
   fo,
   {
     ref: n,
-    className: F("al-text-sm al-text-muted-foreground", e),
+    className: _("al-text-sm al-text-muted-foreground", e),
     ...t
   }
 ));
@@ -6336,7 +6360,7 @@ const Xu = ru, qu = ou, au = G(({ className: e, align: t = "center", sideOffset:
     ref: o,
     align: t,
     sideOffset: n,
-    className: F(
+    className: _(
       "al-z-50 al-w-72 al-rounded-md al-border al-bg-popover al-p-4 al-text-popover-foreground al-shadow-md al-outline-none data-[state=open]:al-animate-in data-[state=closed]:al-animate-out data-[state=closed]:al-fade-out-0 data-[state=open]:al-fade-in-0 data-[state=closed]:al-zoom-out-95 data-[state=open]:al-zoom-in-95 data-[side=bottom]:al-slide-in-from-top-2 data-[side=left]:al-slide-in-from-right-2 data-[side=right]:al-slide-in-from-left-2 data-[side=top]:al-slide-in-from-bottom-2",
       e
     ),
@@ -6780,7 +6804,7 @@ const Ju = Tu, Mu = ku, Iu = Du, is = l.forwardRef(({ className: e, sideOffset:
   {
     ref: r,
     sideOffset: t,
-    className: F(
+    className: _(
       "al-z-50 al-overflow-hidden al-rounded-md al-border al-bg-popover al-px-3 al-py-1.5 al-text-sm al-text-popover-foreground al-shadow-md al-animate-in al-fade-in-0 al-zoom-in-95 data-[state=closed]:al-animate-out data-[state=closed]:al-fade-out-0 data-[state=closed]:al-zoom-out-95 data-[side=bottom]:al-slide-in-from-top-2 data-[side=left]:al-slide-in-from-right-2 data-[side=right]:al-slide-in-from-left-2 data-[side=top]:al-slide-in-from-bottom-2",
       e
     ),
@@ -6834,7 +6858,7 @@ const ed = ({
     // 64px
     "8xl": "al-gap-20"
     // 80px
-  })[m], h = F(
+  })[m], h = _(
     "al-flex",
     // Direction
     c === "column" ? "al-flex-col" : "al-flex-row",
@@ -6895,8 +6919,8 @@ export {
   td as Z,
   Al as _,
   ae as a,
-  ed as a0,
-  Zu as a1,
+  Zu as a0,
+  ed as a1,
   Xu as a2,
   qu as a3,
   au as a4,
@@ -6922,7 +6946,7 @@ export {
   Bc as ao,
   zc as ap,
   De as b,
-  F as c,
+  _ as c,
   k as d,
   nr as e,
   Gt as f,

package/dist/chatbotV2/index.d.ts

@@ -1,6 +1,6 @@
 import React__default, { FC } from 'react';
-import { j as ChatbotProps, k as ChatbotProviderProps, m as ChatState, A as Artifact, n as ContextOption, I as InteractionRequest, o as ChatMessage, p as AgentAction, q as ChatResponse, i as Citation } from '../types-Dr98SsnM.js';
-export { E as AgentStreamResponse, s as AssistantMeta, t as ChatSession, v as ChatbotUrls, F as Feedback, u as FileUploadProps, D as FinalResponseData, x as InteractionChoice, w as InteractionType, r as LoadingState, B as ProgressUpdate, y as TodoItem, z as ToolUsageData } from '../types-Dr98SsnM.js';
+import { j as ChatbotProps, k as ChatbotProviderProps, m as ChatState, A as Artifact, n as ContextOption, I as InteractionRequest, o as ChatMessage, p as AgentAction, q as ChatResponse, r as AgentStreamResponse, i as Citation, s as TodoItem } from '../types-rSkEslHb.js';
+export { u as AssistantMeta, v as ChatSession, x as ChatbotUrls, D as Datamate, F as Feedback, w as FileUploadProps, H as FinalResponseData, z as InteractionChoice, y as InteractionType, t as LoadingState, M as Mode, G as ProgressUpdate, E as ToolUsageData, J as agentStreamResponseSchema, B as todoItemSchema } from '../types-rSkEslHb.js';
 import { UnknownAction } from '@reduxjs/toolkit';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import 'zod';
@@ -96,9 +96,94 @@ declare const useAgentChat: () => {
     updateContextAndSendMessage: (message: string, context: Record<string, unknown>) => Promise<void>;
 };
 
+interface StreamProcessorCallbacks {
+    onAction?: (action: AgentAction) => void;
+    onCitation?: (citations: Citation[]) => void;
+    onTodos?: (todos: TodoItem[]) => void;
+    onFinalResponse?: (response: {
+        content: string;
+        artifacts?: Artifact[];
+        heading?: string;
+        interaction?: AgentStreamResponse["interaction"];
+    }) => void;
+    onError?: (error: string) => void;
+    onComplete?: () => void;
+}
+interface StreamProcessorOptions {
+    isMarkdownResponse?: boolean;
+    callbacks?: StreamProcessorCallbacks;
+}
+interface ProcessedStreamResult {
+    content: string;
+    actions: AgentAction[];
+    citations?: Citation[];
+    todos?: TodoItem[];
+    artifacts?: Artifact[];
+    heading?: string;
+    interaction?: AgentStreamResponse["interaction"];
+}
+/**
+ * Processes a stream of AgentStreamResponse messages
+ * @param reader - ReadableStreamDefaultReader for the response stream
+ * @param options - Configuration options and callbacks
+ * @returns Promise with final processed response
+ */
+declare function processAgentStream(reader: ReadableStreamDefaultReader<Uint8Array>, options?: StreamProcessorOptions): Promise<ProcessedStreamResult>;
+/**
+ * Converts processed stream response to AgentStreamResponse format
+ */
+declare function streamResponseToAgentMessages(streamResponse: ProcessedStreamResult): AgentStreamResponse[];
+/**
+ * Processes existing conversation data (not from stream) using the same logic as processAgentStream
+ * Useful for loading historical conversations or existing chat data
+ */
+declare function processExistingConversation(conversationTurns: Array<{
+    role: "user" | "assistant";
+    content: AgentStreamResponse[];
+}>): ProcessedStreamResult[];
+/**
+ * Processes a single assistant message's content using the same logic as the stream processor
+ * This function is used by both processExistingConversation and can be used standalone
+ */
+declare function processAgentMessageContent(content: AgentStreamResponse[]): ProcessedStreamResult;
+/**
+ * Processes playground session turns into chat sessions format
+ * This is specifically for playground usage where we need to convert session turns
+ * into a format that can be consumed by the ChatProvider
+ */
+declare function processPlaygroundSessionTurns(turns: Array<{
+    role: "user" | "assistant";
+    content: AgentStreamResponse[];
+    id?: string;
+    timestamp?: number;
+}>, sessionId: string): Record<string, {
+    id: string;
+    messages: Array<{
+        id: string;
+        role: "user" | "assistant";
+        content: string;
+        timestamp: number;
+        heading: string;
+        actions?: AgentAction[];
+        artifacts?: Artifact[];
+        citations?: Citation[];
+        todos?: TodoItem[];
+        interaction?: AgentStreamResponse["interaction"];
+    }>;
+}>;
+/**
+ * Helper function to create a fetch request and process the stream
+ */
+declare function sendMessageAndProcessStream(url: string, data: Record<string, unknown>, options?: {
+    headers?: Record<string, string>;
+    signal?: AbortSignal;
+    isMarkdownResponse?: boolean;
+    callbacks?: StreamProcessorCallbacks;
+}): Promise<ProcessedStreamResult>;
+
 declare const Citations: ({ citations, frontEndUrl, }: {
     citations?: Citation[];
     frontEndUrl: string;
 }) => JSX.Element | null;
 
-export { AgentAction, Artifact, Artifacts, CancelGenerationButton, ChatMessage, ChatProvider, ChatResponse, ChatState, ChatTriggerLink, ChatbotProps, ChatbotProviderProps, Chatbot as ChatbotV2, Citations, CoachAI, ContextOption, ContextPanel, FeedbackButtons, InteractionPrompt, InteractionRequest, LoadingIndicator, MessageItem, MessageList, MessageMenu, QuestionForm, RegenerateButton, StatusUpdates, useAgentChat, useChatContext };
+export { AgentAction, AgentStreamResponse, Artifact, Artifacts, CancelGenerationButton, ChatMessage, ChatProvider, ChatResponse, ChatState, ChatTriggerLink, ChatbotProps, ChatbotProviderProps, Chatbot as ChatbotV2, Citations, CoachAI, ContextOption, ContextPanel, FeedbackButtons, InteractionPrompt, InteractionRequest, LoadingIndicator, MessageItem, MessageList, MessageMenu, QuestionForm, RegenerateButton, StatusUpdates, TodoItem, processAgentMessageContent, processAgentStream, processExistingConversation, processPlaygroundSessionTurns, sendMessageAndProcessStream, streamResponseToAgentMessages, useAgentChat, useChatContext };

package/dist/chatbotV2/index.js

@@ -1,23 +1,31 @@
-import { A as s, b as e, a as n, g as o, C as i, i as r, c as C, d as g, F as u, I as c, L as d, j as h, M as I, e as L, f as M, Q as m, R as A, S as b, h as f, u as p } from "../CoachForm.js";
+import { A as e, b as t, a as n, g as o, C as r, m as g, c as i, d as c, F as C, I as m, L as d, n as u, M as p, e as h, f as S, Q as A, R as M, S as I, o as L, k as P, p as l, j as x, l as R, s as b, i as f, t as k, h as B, u as F } from "../CoachForm.js";
 export {
-  s as Artifacts,
-  e as CancelGenerationButton,
+  e as Artifacts,
+  t as CancelGenerationButton,
   n as ChatProvider,
   o as ChatTriggerLink,
-  i as ChatbotV2,
-  r as Citations,
-  C as CoachAI,
-  g as ContextPanel,
-  u as FeedbackButtons,
-  c as InteractionPrompt,
+  r as ChatbotV2,
+  g as Citations,
+  i as CoachAI,
+  c as ContextPanel,
+  C as FeedbackButtons,
+  m as InteractionPrompt,
   d as LoadingIndicator,
-  h as LoadingState,
-  I as MessageItem,
-  L as MessageList,
-  M as MessageMenu,
-  m as QuestionForm,
-  A as RegenerateButton,
-  b as StatusUpdates,
-  f as useAgentChat,
-  p as useChatContext
+  u as LoadingState,
+  p as MessageItem,
+  h as MessageList,
+  S as MessageMenu,
+  A as QuestionForm,
+  M as RegenerateButton,
+  I as StatusUpdates,
+  L as agentStreamResponseSchema,
+  P as processAgentMessageContent,
+  l as processAgentStream,
+  x as processExistingConversation,
+  R as processPlaygroundSessionTurns,
+  b as sendMessageAndProcessStream,
+  f as streamResponseToAgentMessages,
+  k as todoItemSchema,
+  B as useAgentChat,
+  F as useChatContext
 };

package/dist/flowchart-elk-definition-170a3958.js

@@ -1,4 +1,4 @@
-import { t as DH, v as wMe, w as gMe, n as K1, m as J1n, x as pMe, s as vMe, y as Y1n, z as mMe, B as kMe, D as Uee, E as yMe, G as Q1n, H as $H, J as jMe, K as EMe } from "./CoachForm.js";
+import { E as DH, G as wMe, H as gMe, x as K1, w as J1n, J as pMe, y as vMe, K as Y1n, N as mMe, O as kMe, P as Uee, T as yMe, U as Q1n, V as $H, W as jMe, X as EMe } from "./CoachForm.js";
 import { c as Hee, g as CMe, s as bI } from "./redux-toolkit.modern.js";
 var Wee = { exports: {} };
 (function(Ae, It) {

package/dist/index.d.ts

@@ -2,8 +2,8 @@ import * as React$1 from 'react';
 import { HTMLAttributes, ButtonHTMLAttributes, ReactNode, FC, MouseEvent } from 'react';
 import { B as ButtonProps } from './Button-C4jhPGlR.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { T as TaskLabels, a as TeamMateContextProps, b as TeamMateState, c as TeamMateConfig, d as TeamMateActionType, e as TeamMateAvailability } from './types-Dr98SsnM.js';
-export { i as Citation, f as CoachAiConfirmationResponse, C as CoachAiResponse, g as ContentCategory, L as Learning, P as PersonalizationScope, h as TeamMateComponentProps, l as learningSchema } from './types-Dr98SsnM.js';
+import { T as TaskLabels, a as TeamMateContextProps, b as TeamMateState, c as TeamMateConfig, d as TeamMateActionType, e as TeamMateAvailability } from './types-rSkEslHb.js';
+export { i as Citation, f as CoachAiConfirmationResponse, C as CoachAiResponse, g as ContentCategory, L as Learning, P as PersonalizationScope, h as TeamMateComponentProps, l as learningSchema } from './types-rSkEslHb.js';
 import * as _reduxjs_toolkit from '@reduxjs/toolkit';
 import { PayloadAction } from '@reduxjs/toolkit';
 import * as immer from 'immer';