@gram-ai/elements 1.2.1 → 1.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,7 +4,10 @@ declare const buttonVariants: (props?: ({
4
4
  variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
5
5
  size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
6
6
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
- declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
7
+ declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
8
+ variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
9
+ size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
10
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
8
11
  asChild?: boolean;
9
- }): import("react/jsx-runtime").JSX.Element;
12
+ }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
10
13
  export { Button, buttonVariants };
package/dist/elements.js CHANGED
@@ -7878,7 +7878,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, b
7878
7878
  // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
7879
7879
  // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
7880
7880
  Zy.test(t) && !By.test(t)
7881
- ), Ea = () => !1, qy = (t) => Vy.test(t), Hy = (t) => Gy.test(t), Xy = (t) => !O(t) && !C(t), Yy = (t) => dt(t, Pa, Ea), O = (t) => ka.test(t), ze = (t) => dt(t, Ta, Ky), Ar = (t) => dt(t, n$, j), fo = (t) => dt(t, Oa, Ea), Qy = (t) => dt(t, Ca, Hy), Ft = (t) => dt(t, Aa, qy), C = (t) => Na.test(t), xt = (t) => mt(t, Ta), e$ = (t) => mt(t, o$), po = (t) => mt(t, Oa), t$ = (t) => mt(t, Pa), r$ = (t) => mt(t, Ca), Wt = (t) => mt(t, Aa, !0), dt = (t, r, i) => {
7881
+ ), Ea = () => !1, qy = (t) => Vy.test(t), Hy = (t) => Gy.test(t), Xy = (t) => !O(t) && !C(t), Yy = (t) => dt(t, Pa, Ea), O = (t) => ka.test(t), Me = (t) => dt(t, Ta, Ky), Ar = (t) => dt(t, n$, j), fo = (t) => dt(t, Oa, Ea), Qy = (t) => dt(t, Ca, Hy), Ft = (t) => dt(t, Aa, qy), C = (t) => Na.test(t), xt = (t) => mt(t, Ta), e$ = (t) => mt(t, o$), po = (t) => mt(t, Oa), t$ = (t) => mt(t, Pa), r$ = (t) => mt(t, Ca), Wt = (t) => mt(t, Aa, !0), dt = (t, r, i) => {
7882
7882
  const o = ka.exec(t);
7883
7883
  return o ? o[1] ? r(o[1]) : i(o[2]) : !1;
7884
7884
  }, mt = (t, r, i = !1) => {
@@ -7911,7 +7911,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, b
7911
7911
  repeat: ["", "x", "y", "space", "round"]
7912
7912
  }], gt = () => ["auto", "cover", "contain", t$, Yy, {
7913
7913
  size: [C, O]
7914
- }], vt = () => [Tr, xt, ze], te = () => [
7914
+ }], vt = () => [Tr, xt, Me], te = () => [
7915
7915
  // Deprecated since Tailwind CSS v4.0.0
7916
7916
  "",
7917
7917
  "none",
@@ -7919,7 +7919,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, b
7919
7919
  l,
7920
7920
  C,
7921
7921
  O
7922
- ], ne = () => ["", j, xt, ze], 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 = () => [
7922
+ ], 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 = () => [
7923
7923
  // Deprecated since Tailwind CSS v4.0.0
7924
7924
  "",
7925
7925
  "none",
@@ -8619,7 +8619,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, b
8619
8619
  * @see https://tailwindcss.com/docs/font-size
8620
8620
  */
8621
8621
  "font-size": [{
8622
- text: ["base", i, xt, ze]
8622
+ text: ["base", i, xt, Me]
8623
8623
  }],
8624
8624
  /**
8625
8625
  * Font Smoothing
@@ -8767,7 +8767,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, b
8767
8767
  * @see https://tailwindcss.com/docs/text-decoration-thickness
8768
8768
  */
8769
8769
  "text-decoration-thickness": [{
8770
- decoration: [j, "from-font", "auto", C, ze]
8770
+ decoration: [j, "from-font", "auto", C, Me]
8771
8771
  }],
8772
8772
  /**
8773
8773
  * Text Decoration Color
@@ -9254,7 +9254,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, b
9254
9254
  * @see https://tailwindcss.com/docs/outline-width
9255
9255
  */
9256
9256
  "outline-w": [{
9257
- outline: ["", j, xt, ze]
9257
+ outline: ["", j, xt, Me]
9258
9258
  }],
9259
9259
  /**
9260
9260
  * Outline Color
@@ -9329,7 +9329,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, b
9329
9329
  * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
9330
9330
  */
9331
9331
  "ring-offset-w": [{
9332
- "ring-offset": [j, ze]
9332
+ "ring-offset": [j, Me]
9333
9333
  }],
9334
9334
  /**
9335
9335
  * Ring Offset Color
@@ -10279,7 +10279,7 @@ const so = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, lo = xa, b
10279
10279
  * @see https://tailwindcss.com/docs/stroke-width
10280
10280
  */
10281
10281
  "stroke-w": [{
10282
- stroke: [j, xt, ze, Ar]
10282
+ stroke: [j, xt, Me, Ar]
10283
10283
  }],
10284
10284
  /**
10285
10285
  * Stroke
@@ -10384,23 +10384,16 @@ const s$ = by(
10384
10384
  size: "default"
10385
10385
  }
10386
10386
  }
10387
- );
10388
- function Me({
10389
- className: t,
10390
- variant: r,
10391
- size: i,
10392
- asChild: o = !1,
10393
- ...e
10394
- }) {
10395
- return /* @__PURE__ */ m(
10396
- o ? dy : "button",
10397
- {
10398
- "data-slot": "button",
10399
- className: U(s$({ variant: r, size: i, className: t })),
10400
- ...e
10401
- }
10402
- );
10403
- }
10387
+ ), De = f.forwardRef(({ className: t, variant: r, size: i, asChild: o = !1, ...e }, n) => /* @__PURE__ */ m(
10388
+ o ? dy : "button",
10389
+ {
10390
+ "data-slot": "button",
10391
+ className: U(s$({ variant: r, size: i, className: t })),
10392
+ ref: n,
10393
+ ...e
10394
+ }
10395
+ ));
10396
+ De.displayName = "Button";
10404
10397
  function X(t, r, { checkForDefaultPrevented: i = !0 } = {}) {
10405
10398
  return function(e) {
10406
10399
  if (t?.(e), i === !1 || !e.defaultPrevented)
@@ -10685,7 +10678,7 @@ function ot(t) {
10685
10678
  i((o) => o ?? String(k$++));
10686
10679
  }, [t]), r ? `radix-${r}` : "";
10687
10680
  }
10688
- const N$ = ["top", "right", "bottom", "left"], De = Math.min, se = Math.max, ir = Math.round, Zt = Math.floor, $e = (t) => ({
10681
+ const N$ = ["top", "right", "bottom", "left"], je = Math.min, se = Math.max, ir = Math.round, Zt = Math.floor, $e = (t) => ({
10689
10682
  x: t,
10690
10683
  y: t
10691
10684
  }), E$ = {
@@ -10698,7 +10691,7 @@ const N$ = ["top", "right", "bottom", "left"], De = Math.min, se = Math.max, ir
10698
10691
  end: "start"
10699
10692
  };
10700
10693
  function tn(t, r, i) {
10701
- return se(t, De(r, i));
10694
+ return se(t, je(r, i));
10702
10695
  }
10703
10696
  function Ne(t, r) {
10704
10697
  return typeof t == "function" ? t(r) : t;
@@ -10969,7 +10962,7 @@ const M$ = (t) => ({
10969
10962
  }, p = vn(e), v = gn(p), g = await a.getDimensions(l), b = p === "y", $ = b ? "top" : "left", x = b ? "bottom" : "right", k = b ? "clientHeight" : "clientWidth", y = n.reference[v] + n.reference[p] - h[p] - n.floating[v], I = h[p] - n.reference[p], E = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(l));
10970
10963
  let w = E ? E[k] : 0;
10971
10964
  (!w || !await (a.isElement == null ? void 0 : a.isElement(E))) && (w = s.floating[k] || n.floating[v]);
10972
- const _ = y / 2 - I / 2, R = w / 2 - g[v] / 2 - 1, z = De(d[$], R), V = De(d[x], R), G = z, J = w - g[v] - V, F = w / 2 - g[v] / 2 + _, H = tn(G, F, J), M = !c.arrow && ft(e) != null && F !== H && n.reference[v] / 2 - (F < G ? z : V) - g[v] / 2 < 0, L = M ? F < G ? F - G : F - J : 0;
10965
+ const _ = y / 2 - I / 2, R = w / 2 - g[v] / 2 - 1, z = je(d[$], R), V = je(d[x], R), G = z, J = w - g[v] - V, F = w / 2 - g[v] / 2 + _, H = tn(G, F, J), M = !c.arrow && ft(e) != null && F !== H && n.reference[v] / 2 - (F < G ? z : V) - g[v] / 2 < 0, L = M ? F < G ? F - G : F - J : 0;
10973
10966
  return {
10974
10967
  [p]: h[p] + L,
10975
10968
  data: {
@@ -11285,7 +11278,7 @@ const Z$ = function(t) {
11285
11278
  } = n.floating;
11286
11279
  let b, $;
11287
11280
  d === "top" || d === "bottom" ? (b = d, $ = h === (await (a.isRTL == null ? void 0 : a.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : ($ = d, b = h === "end" ? "top" : "bottom");
11288
- const x = g - u.top - u.bottom, k = v - u.left - u.right, y = De(g - u[b], x), I = De(v - u[$], k), E = !r.middlewareData.shift;
11281
+ const x = g - u.top - u.bottom, k = v - u.left - u.right, y = je(g - u[b], x), I = je(v - u[$], k), E = !r.middlewareData.shift;
11289
11282
  let w = y, _ = I;
11290
11283
  if ((i = r.middlewareData.shift) != null && i.enabled.x && (_ = k), (o = r.middlewareData.shift) != null && o.enabled.y && (w = x), E && !h) {
11291
11284
  const z = se(u.left, 0), V = se(u.right, 0), G = se(u.top, 0), J = se(u.bottom, 0);
@@ -11361,13 +11354,13 @@ function hn(t) {
11361
11354
  return X$.some((o) => i[o] ? i[o] !== "none" : !1) || (i.containerType ? i.containerType !== "normal" : !1) || !r && (i.backdropFilter ? i.backdropFilter !== "none" : !1) || !r && (i.filter ? i.filter !== "none" : !1) || Y$.some((o) => (i.willChange || "").includes(o)) || Q$.some((o) => (i.contain || "").includes(o));
11362
11355
  }
11363
11356
  function ex(t) {
11364
- let r = je(t);
11357
+ let r = Ue(t);
11365
11358
  for (; xe(r) && !lt(r); ) {
11366
11359
  if (hn(r))
11367
11360
  return r;
11368
11361
  if (gr(r))
11369
11362
  return null;
11370
- r = je(r);
11363
+ r = Ue(r);
11371
11364
  }
11372
11365
  return null;
11373
11366
  }
@@ -11390,7 +11383,7 @@ function vr(t) {
11390
11383
  scrollTop: t.scrollY
11391
11384
  };
11392
11385
  }
11393
- function je(t) {
11386
+ function Ue(t) {
11394
11387
  if (pt(t) === "html")
11395
11388
  return t;
11396
11389
  const r = (
@@ -11403,7 +11396,7 @@ function je(t) {
11403
11396
  return wo(r) ? r.host : r;
11404
11397
  }
11405
11398
  function La(t) {
11406
- const r = je(t);
11399
+ const r = Ue(t);
11407
11400
  return lt(r) ? t.ownerDocument ? t.ownerDocument.body : t.body : xe(r) && Rt(r) ? r : La(r);
11408
11401
  }
11409
11402
  function Pt(t, r, i) {
@@ -11583,7 +11576,7 @@ function So(t, r, i) {
11583
11576
  return sr(o);
11584
11577
  }
11585
11578
  function Ba(t, r) {
11586
- const i = je(t);
11579
+ const i = Ue(t);
11587
11580
  return i === r || !fe(i) || lt(i) ? !1 : pe(i).position === "fixed" || Ba(i, r);
11588
11581
  }
11589
11582
  function ux(t, r) {
@@ -11592,10 +11585,10 @@ function ux(t, r) {
11592
11585
  return i;
11593
11586
  let o = Pt(t, [], !1).filter((s) => fe(s) && pt(s) !== "body"), e = null;
11594
11587
  const n = pe(t).position === "fixed";
11595
- let a = n ? je(t) : t;
11588
+ let a = n ? Ue(t) : t;
11596
11589
  for (; fe(a) && !lt(a); ) {
11597
11590
  const s = pe(a), c = hn(a);
11598
- !c && s.position === "fixed" && (e = null), (n ? !c && !e : !c && s.position === "static" && !!e && lx.has(e.position) || Rt(a) && !c && Ba(t, a)) ? o = o.filter((u) => u !== a) : e = s, a = je(a);
11591
+ !c && s.position === "fixed" && (e = null), (n ? !c && !e : !c && s.position === "static" && !!e && lx.has(e.position) || Rt(a) && !c && Ba(t, a)) ? o = o.filter((u) => u !== a) : e = s, a = Ue(a);
11599
11592
  }
11600
11593
  return r.set(t, o), o;
11601
11594
  }
@@ -11608,7 +11601,7 @@ function dx(t) {
11608
11601
  } = t;
11609
11602
  const a = [...i === "clippingAncestors" ? gr(r) ? [] : ux(r, this._c) : [].concat(i), o], s = a[0], c = a.reduce((l, u) => {
11610
11603
  const d = So(r, u, e);
11611
- return l.top = se(d.top, l.top), l.right = De(d.right, l.right), l.bottom = De(d.bottom, l.bottom), l.left = se(d.left, l.left), l;
11604
+ return l.top = se(d.top, l.top), l.right = je(d.right, l.right), l.bottom = je(d.bottom, l.bottom), l.left = se(d.left, l.left), l;
11612
11605
  }, So(r, s, e));
11613
11606
  return {
11614
11607
  width: c.right - c.left,
@@ -11667,11 +11660,11 @@ function Va(t, r) {
11667
11660
  if (gr(t))
11668
11661
  return i;
11669
11662
  if (!xe(t)) {
11670
- let e = je(t);
11663
+ let e = Ue(t);
11671
11664
  for (; e && !lt(e); ) {
11672
11665
  if (fe(e) && !Rr(e))
11673
11666
  return e;
11674
- e = je(e);
11667
+ e = Ue(e);
11675
11668
  }
11676
11669
  return i;
11677
11670
  }
@@ -11729,7 +11722,7 @@ function hx(t, r) {
11729
11722
  return;
11730
11723
  const v = Zt(d), g = Zt(e.clientWidth - (u + h)), b = Zt(e.clientHeight - (d + p)), $ = Zt(u), k = {
11731
11724
  rootMargin: -v + "px " + -g + "px " + -b + "px " + -$ + "px",
11732
- threshold: se(0, De(1, c)) || 1
11725
+ threshold: se(0, je(1, c)) || 1
11733
11726
  };
11734
11727
  let y = !0;
11735
11728
  function I(E) {
@@ -12729,7 +12722,7 @@ function ys({
12729
12722
  }
12730
12723
  const me = ur(({ children: t, tooltip: r, side: i = "bottom", className: o, ...e }, n) => /* @__PURE__ */ T(hs, { children: [
12731
12724
  /* @__PURE__ */ m(bs, { asChild: !0, children: /* @__PURE__ */ T(
12732
- Me,
12725
+ De,
12733
12726
  {
12734
12727
  variant: "ghost",
12735
12728
  size: "icon",
@@ -14542,7 +14535,7 @@ const bS = (t) => {
14542
14535
  ) });
14543
14536
  var kr = "Popover", [ul] = At(kr, [
14544
14537
  br
14545
- ]), jt = br(), [kS, Ue] = ul(kr), dl = (t) => {
14538
+ ]), jt = br(), [kS, ze] = ul(kr), dl = (t) => {
14546
14539
  const {
14547
14540
  __scopePopover: r,
14548
14541
  children: i,
@@ -14576,14 +14569,14 @@ var kr = "Popover", [ul] = At(kr, [
14576
14569
  dl.displayName = kr;
14577
14570
  var ml = "PopoverAnchor", NS = f.forwardRef(
14578
14571
  (t, r) => {
14579
- const { __scopePopover: i, ...o } = t, e = Ue(ml, i), n = jt(i), { onCustomAnchorAdd: a, onCustomAnchorRemove: s } = e;
14572
+ const { __scopePopover: i, ...o } = t, e = ze(ml, i), n = jt(i), { onCustomAnchorAdd: a, onCustomAnchorRemove: s } = e;
14580
14573
  return f.useEffect(() => (a(), () => s()), [a, s]), /* @__PURE__ */ m(wn, { ...n, ...o, ref: r });
14581
14574
  }
14582
14575
  );
14583
14576
  NS.displayName = ml;
14584
14577
  var fl = "PopoverTrigger", pl = f.forwardRef(
14585
14578
  (t, r) => {
14586
- const { __scopePopover: i, ...o } = t, e = Ue(fl, i), n = jt(i), a = ie(r, e.triggerRef), s = /* @__PURE__ */ m(
14579
+ const { __scopePopover: i, ...o } = t, e = ze(fl, i), n = jt(i), a = ie(r, e.triggerRef), s = /* @__PURE__ */ m(
14587
14580
  ee.button,
14588
14581
  {
14589
14582
  type: "button",
@@ -14603,20 +14596,20 @@ pl.displayName = fl;
14603
14596
  var Dn = "PopoverPortal", [ES, OS] = ul(Dn, {
14604
14597
  forceMount: void 0
14605
14598
  }), gl = (t) => {
14606
- const { __scopePopover: r, forceMount: i, children: o, container: e } = t, n = Ue(Dn, r);
14599
+ const { __scopePopover: r, forceMount: i, children: o, container: e } = t, n = ze(Dn, r);
14607
14600
  return /* @__PURE__ */ m(ES, { scope: r, forceMount: i, children: /* @__PURE__ */ m(Ce, { present: i || n.open, children: /* @__PURE__ */ m(yr, { asChild: !0, container: e, children: o }) }) });
14608
14601
  };
14609
14602
  gl.displayName = Dn;
14610
14603
  var ut = "PopoverContent", vl = f.forwardRef(
14611
14604
  (t, r) => {
14612
- const i = OS(ut, t.__scopePopover), { forceMount: o = i.forceMount, ...e } = t, n = Ue(ut, t.__scopePopover);
14605
+ const i = OS(ut, t.__scopePopover), { forceMount: o = i.forceMount, ...e } = t, n = ze(ut, t.__scopePopover);
14613
14606
  return /* @__PURE__ */ m(Ce, { present: o || n.open, children: n.modal ? /* @__PURE__ */ m(PS, { ...e, ref: r }) : /* @__PURE__ */ m(TS, { ...e, ref: r }) });
14614
14607
  }
14615
14608
  );
14616
14609
  vl.displayName = ut;
14617
14610
  var CS = /* @__PURE__ */ fn("PopoverContent.RemoveScroll"), PS = f.forwardRef(
14618
14611
  (t, r) => {
14619
- const i = Ue(ut, t.__scopePopover), o = f.useRef(null), e = ie(r, o), n = f.useRef(!1);
14612
+ const i = ze(ut, t.__scopePopover), o = f.useRef(null), e = ie(r, o), n = f.useRef(!1);
14620
14613
  return f.useEffect(() => {
14621
14614
  const a = o.current;
14622
14615
  if (a) return Ls(a);
@@ -14648,7 +14641,7 @@ var CS = /* @__PURE__ */ fn("PopoverContent.RemoveScroll"), PS = f.forwardRef(
14648
14641
  }
14649
14642
  ), TS = f.forwardRef(
14650
14643
  (t, r) => {
14651
- const i = Ue(ut, t.__scopePopover), o = f.useRef(!1), e = f.useRef(!1);
14644
+ const i = ze(ut, t.__scopePopover), o = f.useRef(!1), e = f.useRef(!1);
14652
14645
  return /* @__PURE__ */ m(
14653
14646
  hl,
14654
14647
  {
@@ -14680,7 +14673,7 @@ var CS = /* @__PURE__ */ fn("PopoverContent.RemoveScroll"), PS = f.forwardRef(
14680
14673
  onFocusOutside: l,
14681
14674
  onInteractOutside: u,
14682
14675
  ...d
14683
- } = t, h = Ue(ut, i), p = jt(i);
14676
+ } = t, h = ze(ut, i), p = jt(i);
14684
14677
  return Ps(), /* @__PURE__ */ m(
14685
14678
  En,
14686
14679
  {
@@ -14725,7 +14718,7 @@ var CS = /* @__PURE__ */ fn("PopoverContent.RemoveScroll"), PS = f.forwardRef(
14725
14718
  }
14726
14719
  ), bl = "PopoverClose", AS = f.forwardRef(
14727
14720
  (t, r) => {
14728
- const { __scopePopover: i, ...o } = t, e = Ue(bl, i);
14721
+ const { __scopePopover: i, ...o } = t, e = ze(bl, i);
14729
14722
  return /* @__PURE__ */ m(
14730
14723
  ee.button,
14731
14724
  {
@@ -14849,7 +14842,7 @@ const $l = () => /* @__PURE__ */ m(Og, { features: Cg, children: /* @__PURE__ */
14849
14842
  transition: { delay: 0.05 * o },
14850
14843
  className: "aui-thread-welcome-suggestion-display nth-[n+3]:hidden @md:nth-[n+3]:block",
14851
14844
  children: /* @__PURE__ */ m(Ie.Suggestion, { prompt: i.action, send: !0, asChild: !0, children: /* @__PURE__ */ T(
14852
- Me,
14845
+ De,
14853
14846
  {
14854
14847
  variant: "ghost",
14855
14848
  className: "aui-thread-welcome-suggestion dark:hover:bg-accent/60 h-auto w-full flex-1 flex-wrap items-start justify-start gap-1 rounded-3xl border px-5 py-4 text-left text-sm @md:flex-col",
@@ -14889,7 +14882,7 @@ const $l = () => /* @__PURE__ */ m(Og, { features: Cg, children: /* @__PURE__ */
14889
14882
  const { model: t, setModel: r } = Oe();
14890
14883
  return /* @__PURE__ */ T(LS, { children: [
14891
14884
  /* @__PURE__ */ m(FS, { asChild: !0, children: /* @__PURE__ */ m(
14892
- Me,
14885
+ De,
14893
14886
  {
14894
14887
  variant: "ghost",
14895
14888
  size: "icon",
@@ -14905,7 +14898,7 @@ const $l = () => /* @__PURE__ */ m(Og, { features: Cg, children: /* @__PURE__ */
14905
14898
  align: "start",
14906
14899
  className: "max-h-48 overflow-y-auto p-0 shadow-none",
14907
14900
  children: qi.map((i) => /* @__PURE__ */ T(
14908
- Me,
14901
+ De,
14909
14902
  {
14910
14903
  onClick: () => r(i),
14911
14904
  variant: "ghost",
@@ -14940,7 +14933,7 @@ const $l = () => /* @__PURE__ */ m(Og, { features: Cg, children: /* @__PURE__ */
14940
14933
  }
14941
14934
  ) }) }),
14942
14935
  /* @__PURE__ */ m(Ie.If, { running: !0, children: /* @__PURE__ */ m(be.Cancel, { asChild: !0, children: /* @__PURE__ */ m(
14943
- Me,
14936
+ De,
14944
14937
  {
14945
14938
  type: "button",
14946
14939
  variant: "default",
@@ -15030,8 +15023,8 @@ const $l = () => /* @__PURE__ */ m(Og, { features: Cg, children: /* @__PURE__ */
15030
15023
  }
15031
15024
  ),
15032
15025
  /* @__PURE__ */ T("div", { className: "aui-edit-composer-footer mx-3 mb-3 flex items-center justify-center gap-2 self-end", children: [
15033
- /* @__PURE__ */ m(be.Cancel, { asChild: !0, children: /* @__PURE__ */ m(Me, { variant: "ghost", size: "sm", "aria-label": "Cancel edit", children: "Cancel" }) }),
15034
- /* @__PURE__ */ m(be.Send, { asChild: !0, children: /* @__PURE__ */ m(Me, { size: "sm", "aria-label": "Update message", children: "Update" }) })
15026
+ /* @__PURE__ */ m(be.Cancel, { asChild: !0, children: /* @__PURE__ */ m(De, { variant: "ghost", size: "sm", "aria-label": "Cancel edit", children: "Cancel" }) }),
15027
+ /* @__PURE__ */ m(be.Send, { asChild: !0, children: /* @__PURE__ */ m(De, { size: "sm", "aria-label": "Update message", children: "Update" }) })
15035
15028
  ] })
15036
15029
  ] }) }), xl = ({
15037
15030
  className: t,
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@gram-ai/elements",
3
3
  "description": "Gram Elements is a library of UI primitives for building chat-like experiences for MCP Servers.",
4
4
  "type": "module",
5
- "version": "1.2.1",
5
+ "version": "1.2.3",
6
6
  "main": "dist/index.js",
7
7
  "exports": {
8
8
  ".": {
@@ -40,11 +40,11 @@
40
40
  "peerDependencies": {
41
41
  "@assistant-ui/react": "^0.11.0",
42
42
  "@assistant-ui/react-markdown": "^0.11.0",
43
- "@types/react": "^19.1.13",
44
- "@types/react-dom": "^19.1.13",
43
+ "@types/react": ">=18 <20",
44
+ "@types/react-dom": ">=18 <20",
45
45
  "motion": "^12.0.0",
46
- "react": "^19.1.13",
47
- "react-dom": "^19.1.13",
46
+ "react": ">=18 <20",
47
+ "react-dom": ">=18 <20",
48
48
  "remark-gfm": "^4.0.0",
49
49
  "zustand": "^5.0.0"
50
50
  },
@@ -60,7 +60,6 @@
60
60
  "class-variance-authority": "^0.7.1",
61
61
  "clsx": "^2.1.1",
62
62
  "lucide-react": "^0.544.0",
63
- "sdk": "link:@types/@modelcontextprotocol/sdk",
64
63
  "tailwind-merge": "^3.3.1",
65
64
  "tw-shimmer": "^0.4.0",
66
65
  "zod": "^4.1.13"