@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.
- package/dist/components/ui/button.d.ts +5 -2
- package/dist/elements.js +49 -56
- package/package.json +5 -6
|
@@ -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
|
|
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
|
-
}
|
|
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),
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
-
|
|
10389
|
-
|
|
10390
|
-
|
|
10391
|
-
|
|
10392
|
-
|
|
10393
|
-
|
|
10394
|
-
}
|
|
10395
|
-
|
|
10396
|
-
|
|
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"],
|
|
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,
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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
|
|
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 =
|
|
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 =
|
|
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 ?
|
|
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 =
|
|
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 =
|
|
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 =
|
|
11663
|
+
let e = Ue(t);
|
|
11671
11664
|
for (; e && !lt(e); ) {
|
|
11672
11665
|
if (fe(e) && !Rr(e))
|
|
11673
11666
|
return e;
|
|
11674
|
-
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,
|
|
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
|
-
|
|
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,
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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(
|
|
15034
|
-
/* @__PURE__ */ m(be.Send, { asChild: !0, children: /* @__PURE__ */ m(
|
|
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.
|
|
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": "
|
|
44
|
-
"@types/react-dom": "
|
|
43
|
+
"@types/react": ">=18 <20",
|
|
44
|
+
"@types/react-dom": ">=18 <20",
|
|
45
45
|
"motion": "^12.0.0",
|
|
46
|
-
"react": "
|
|
47
|
-
"react-dom": "
|
|
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"
|