@koide-labs/ui 0.0.12 → 0.0.13
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/command/index.d.ts +1 -1
- package/dist/components/command/index.js +1 -1
- package/dist/components/popover/index.js +1 -1
- package/dist/components/preview-card/index.js +1 -1
- package/dist/components/toast/toast.js +220 -220
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/tooltip-arrow.js +1 -1
- package/dist/toast.css +1 -1
- package/dist/{tooltip-arrow-C1qXdi5T.js → tooltip-arrow-cs6vjjqZ.js} +6 -6
- package/dist/tooltip-arrow.css +1 -1
- package/package.json +4 -4
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
|
|
2
|
-
import { Command as CommandPrimitive } from 'cmdk';
|
|
2
|
+
import { Command as CommandPrimitive } from '@npham-dev/cmdk';
|
|
3
3
|
import { ComponentProps } from 'react';
|
|
4
4
|
import { BaseDialogProps } from '../dialog';
|
|
5
5
|
import { IconName } from '../icon/icon-names';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as E, jsxs as oe, Fragment as Qe } from "react/jsx-runtime";
|
|
3
|
-
import { c as We } from "../../clsx-OuTLNxxd.js";
|
|
4
3
|
import * as a from "react";
|
|
5
4
|
import { useState as Qt } from "react";
|
|
6
5
|
import { c as ie, u as q, P as G } from "../../index-CeuccO-T.js";
|
|
7
6
|
import * as Jt from "react-dom";
|
|
8
7
|
import en from "react-dom";
|
|
8
|
+
import { c as We } from "../../clsx-OuTLNxxd.js";
|
|
9
9
|
import { textify as tn } from "../../-utils.js";
|
|
10
10
|
import { Dialog as nn } from "../dialog/index.js";
|
|
11
11
|
import { Icon as vt } from "../icon/index.js";
|
|
@@ -4,7 +4,7 @@ import { c as Re } from "../../clsx-OuTLNxxd.js";
|
|
|
4
4
|
import { Heading as be } from "../heading/index.js";
|
|
5
5
|
import { Surface as Se } from "../surface/index.js";
|
|
6
6
|
import { Text as ye } from "../text/index.js";
|
|
7
|
-
import { t as ae, T as Oe } from "../../tooltip-arrow-
|
|
7
|
+
import { t as ae, T as Oe } from "../../tooltip-arrow-cs6vjjqZ.js";
|
|
8
8
|
import { View as Ie } from "../view/index.js";
|
|
9
9
|
import { R as xe, P as Ne, c as x, h as Me, d as Fe, e as de, u as _e, i as ke, f as we, j as Ae, k as De, p as ee, t as He } from "../../transitions.module-CWX8e5cx.js";
|
|
10
10
|
import * as n from "react";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as P, jsxs as q } from "react/jsx-runtime";
|
|
3
3
|
import { c as pe } from "../../clsx-OuTLNxxd.js";
|
|
4
4
|
import { Surface as fe } from "../surface/index.js";
|
|
5
|
-
import { t as z, T as me } from "../../tooltip-arrow-
|
|
5
|
+
import { t as z, T as me } from "../../tooltip-arrow-cs6vjjqZ.js";
|
|
6
6
|
import { d as Pe, e as Ce, f as we, p as U, t as ge } from "../../transitions.module-CWX8e5cx.js";
|
|
7
7
|
import * as e from "react";
|
|
8
8
|
import * as ve from "react-dom";
|
|
@@ -3,8 +3,8 @@ import { c as rt } from "../../clsx-OuTLNxxd.js";
|
|
|
3
3
|
import { Button as st } from "../button/index.js";
|
|
4
4
|
import { Heading as ot } from "../heading/index.js";
|
|
5
5
|
import { IconButton as it } from "../icon-button/index.js";
|
|
6
|
-
import { Surface as
|
|
7
|
-
import { Text as
|
|
6
|
+
import { Surface as at } from "../surface/index.js";
|
|
7
|
+
import { Text as ct } from "../text/index.js";
|
|
8
8
|
import { View as xe } from "../view/index.js";
|
|
9
9
|
import { T as ut, a as Re, u as lt } from "../../use-toast-manager-Dq-44AuW.js";
|
|
10
10
|
import * as e from "react";
|
|
@@ -17,12 +17,12 @@ import { v as dt } from "../../visuallyHidden-CpJ-mhai.js";
|
|
|
17
17
|
import { F as Te } from "../../FloatingPortal-tWyuKRSN.js";
|
|
18
18
|
import { u as ie } from "../../useRenderElement-DwToLA61.js";
|
|
19
19
|
import { d as Oe } from "../../floating-ui.utils.dom-C7FS5id0.js";
|
|
20
|
-
import * as
|
|
21
|
-
import { i as
|
|
20
|
+
import * as mt from "react-dom";
|
|
21
|
+
import { i as pt } from "../../inertValue-BCYGsdmf.js";
|
|
22
22
|
import { u as Se } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
|
|
23
23
|
import { f as ht } from "../../formatErrorMessage-BqPuTBN-.js";
|
|
24
|
-
import { a as gt, t as
|
|
25
|
-
import { u as
|
|
24
|
+
import { a as gt, t as wt } from "../../useOpenChangeComplete-Dse9kY9E.js";
|
|
25
|
+
import { u as vt } from "../../useId-C5kyn6tA.js";
|
|
26
26
|
import { u as _t } from "../../useButton-DfIwsdb8.js";
|
|
27
27
|
import '../../toast.css';let Ce = 0;
|
|
28
28
|
function yt(f) {
|
|
@@ -34,25 +34,25 @@ function De(f, d) {
|
|
|
34
34
|
description: f
|
|
35
35
|
};
|
|
36
36
|
if (typeof f == "function") {
|
|
37
|
-
const
|
|
38
|
-
return typeof
|
|
39
|
-
description:
|
|
40
|
-
} :
|
|
37
|
+
const w = f(d);
|
|
38
|
+
return typeof w == "string" ? {
|
|
39
|
+
description: w
|
|
40
|
+
} : w;
|
|
41
41
|
}
|
|
42
42
|
return f;
|
|
43
43
|
}
|
|
44
44
|
const Le = function(d) {
|
|
45
45
|
const {
|
|
46
|
-
children:
|
|
46
|
+
children: w,
|
|
47
47
|
timeout: s = 5e3,
|
|
48
|
-
limit:
|
|
48
|
+
limit: z = 3,
|
|
49
49
|
toastManager: P
|
|
50
|
-
} = d, [_,
|
|
51
|
-
_.length === 0 && (
|
|
52
|
-
const S =
|
|
50
|
+
} = d, [_, c] = e.useState([]), [v, r] = e.useState(!1), [p, y] = e.useState(!1), [u, R] = e.useState(null);
|
|
51
|
+
_.length === 0 && (v && r(!1), p && y(!1));
|
|
52
|
+
const S = v || p, M = e.useRef(/* @__PURE__ */ new Map()), Y = e.useRef(null), C = e.useRef(!0), X = e.useRef(!1);
|
|
53
53
|
function W(t) {
|
|
54
|
-
const
|
|
55
|
-
if (!
|
|
54
|
+
const m = de(ne(Y.current));
|
|
55
|
+
if (!Y.current || !se(Y.current, m) || !Ee(m))
|
|
56
56
|
return;
|
|
57
57
|
const g = _.findIndex((n) => n.id === t);
|
|
58
58
|
let o = null, h = g + 1;
|
|
@@ -79,18 +79,18 @@ const Le = function(d) {
|
|
|
79
79
|
X.current || (X.current = !0, M.current.forEach((t) => {
|
|
80
80
|
if (t.timeout) {
|
|
81
81
|
t.timeout.clear();
|
|
82
|
-
const
|
|
82
|
+
const m = Date.now() - t.start, g = t.delay - m;
|
|
83
83
|
t.remaining = g > 0 ? g : 0;
|
|
84
84
|
}
|
|
85
85
|
}));
|
|
86
86
|
}), F = j(() => {
|
|
87
|
-
X.current && (X.current = !1, M.current.forEach((t,
|
|
87
|
+
X.current && (X.current = !1, M.current.forEach((t, m) => {
|
|
88
88
|
t.remaining = t.remaining > 0 ? t.remaining : t.delay, t.timeout ??= Pe.create(), t.timeout.start(t.remaining, () => {
|
|
89
|
-
M.current.delete(
|
|
89
|
+
M.current.delete(m), t.callback();
|
|
90
90
|
}), t.start = Date.now();
|
|
91
91
|
}));
|
|
92
92
|
}), I = j((t) => {
|
|
93
|
-
|
|
93
|
+
c((o) => {
|
|
94
94
|
const h = o.map((l) => l.id === t ? {
|
|
95
95
|
...l,
|
|
96
96
|
transitionStatus: "ending",
|
|
@@ -99,38 +99,38 @@ const Le = function(d) {
|
|
|
99
99
|
return h.map((l) => {
|
|
100
100
|
if (l.transitionStatus === "ending")
|
|
101
101
|
return l;
|
|
102
|
-
const x = n.indexOf(l) >=
|
|
102
|
+
const x = n.indexOf(l) >= z;
|
|
103
103
|
return {
|
|
104
104
|
...l,
|
|
105
105
|
limited: x
|
|
106
106
|
};
|
|
107
107
|
});
|
|
108
108
|
});
|
|
109
|
-
const
|
|
110
|
-
|
|
109
|
+
const m = M.current.get(t);
|
|
110
|
+
m && m.timeout && (m.timeout.clear(), M.current.delete(t)), _.find((o) => o.id === t)?.onClose?.(), W(t), _.length === 1 && (r(!1), y(!1));
|
|
111
111
|
}), q = j((t) => {
|
|
112
|
-
|
|
113
|
-
}),
|
|
114
|
-
const o = Date.now(), h = C.current && !
|
|
115
|
-
n?.start(
|
|
112
|
+
c((g) => g.filter((o) => o.id !== t)), _.find((g) => g.id === t)?.onRemove?.();
|
|
113
|
+
}), V = j((t, m, g) => {
|
|
114
|
+
const o = Date.now(), h = C.current && !v && !p, n = h ? Pe.create() : void 0;
|
|
115
|
+
n?.start(m, () => {
|
|
116
116
|
M.current.delete(t), g();
|
|
117
117
|
}), M.current.set(t, {
|
|
118
118
|
timeout: n,
|
|
119
119
|
start: h ? o : 0,
|
|
120
|
-
delay:
|
|
121
|
-
remaining:
|
|
120
|
+
delay: m,
|
|
121
|
+
remaining: m,
|
|
122
122
|
callback: g
|
|
123
123
|
});
|
|
124
124
|
}), G = j((t) => {
|
|
125
|
-
const
|
|
125
|
+
const m = t.id || yt("toast"), g = {
|
|
126
126
|
...t,
|
|
127
|
-
id:
|
|
127
|
+
id: m,
|
|
128
128
|
transitionStatus: "starting"
|
|
129
129
|
};
|
|
130
|
-
|
|
130
|
+
c((h) => {
|
|
131
131
|
const n = [g, ...h], l = n.filter((x) => x.transitionStatus !== "ending");
|
|
132
|
-
if (l.length >
|
|
133
|
-
const x = l.length -
|
|
132
|
+
if (l.length > z) {
|
|
133
|
+
const x = l.length - z, T = l.slice(-x);
|
|
134
134
|
return n.map((L) => T.some((Z) => Z.id === L.id) ? {
|
|
135
135
|
...L,
|
|
136
136
|
limited: !0
|
|
@@ -145,34 +145,34 @@ const Le = function(d) {
|
|
|
145
145
|
}));
|
|
146
146
|
});
|
|
147
147
|
const o = g.timeout ?? s;
|
|
148
|
-
return g.type !== "loading" && o > 0 &&
|
|
149
|
-
}), K = j((t,
|
|
150
|
-
|
|
148
|
+
return g.type !== "loading" && o > 0 && V(m, o, () => I(m)), (v || p || !C.current) && D(), m;
|
|
149
|
+
}), K = j((t, m) => {
|
|
150
|
+
c((g) => g.map((o) => o.id === t ? {
|
|
151
151
|
...o,
|
|
152
|
-
...
|
|
152
|
+
...m
|
|
153
153
|
} : o));
|
|
154
|
-
}), O = j((t,
|
|
155
|
-
const g = De(
|
|
154
|
+
}), O = j((t, m) => {
|
|
155
|
+
const g = De(m.loading), o = G({
|
|
156
156
|
...g,
|
|
157
157
|
type: "loading"
|
|
158
158
|
}), h = t.then((n) => {
|
|
159
|
-
const l = De(
|
|
159
|
+
const l = De(m.success, n);
|
|
160
160
|
K(o, {
|
|
161
161
|
...l,
|
|
162
162
|
type: "success"
|
|
163
163
|
});
|
|
164
164
|
const x = l.timeout ?? s;
|
|
165
|
-
return x > 0 &&
|
|
165
|
+
return x > 0 && V(o, x, () => I(o)), (v || p || !C.current) && D(), n;
|
|
166
166
|
}).catch((n) => {
|
|
167
|
-
const l = De(
|
|
167
|
+
const l = De(m.error, n);
|
|
168
168
|
K(o, {
|
|
169
169
|
...l,
|
|
170
170
|
type: "error"
|
|
171
171
|
});
|
|
172
172
|
const x = l.timeout ?? s;
|
|
173
|
-
return x > 0 &&
|
|
173
|
+
return x > 0 && V(o, x, () => I(o)), (v || p || !C.current) && D(), Promise.reject(n);
|
|
174
174
|
});
|
|
175
|
-
return {}.hasOwnProperty.call(
|
|
175
|
+
return {}.hasOwnProperty.call(m, "setPromise") && m.setPromise(h), h;
|
|
176
176
|
});
|
|
177
177
|
e.useEffect(function() {
|
|
178
178
|
return P ? P[" subscribe"](({
|
|
@@ -182,13 +182,13 @@ const Le = function(d) {
|
|
|
182
182
|
const h = o.id;
|
|
183
183
|
g === "promise" && o.promise ? O(o.promise, o) : g === "update" && h ? K(h, o) : g === "close" && h ? I(h) : G(o);
|
|
184
184
|
}) : void 0;
|
|
185
|
-
}, [G, K,
|
|
185
|
+
}, [G, K, V, s, P, O, I]);
|
|
186
186
|
const J = e.useMemo(() => ({
|
|
187
187
|
toasts: _,
|
|
188
|
-
setToasts:
|
|
189
|
-
hovering:
|
|
188
|
+
setToasts: c,
|
|
189
|
+
hovering: v,
|
|
190
190
|
setHovering: r,
|
|
191
|
-
focused:
|
|
191
|
+
focused: p,
|
|
192
192
|
setFocused: y,
|
|
193
193
|
expanded: S,
|
|
194
194
|
add: G,
|
|
@@ -200,13 +200,13 @@ const Le = function(d) {
|
|
|
200
200
|
resumeTimers: F,
|
|
201
201
|
prevFocusElement: u,
|
|
202
202
|
setPrevFocusElement: R,
|
|
203
|
-
viewportRef:
|
|
204
|
-
scheduleTimer:
|
|
203
|
+
viewportRef: Y,
|
|
204
|
+
scheduleTimer: V,
|
|
205
205
|
windowFocusedRef: C
|
|
206
|
-
}), [G, I,
|
|
206
|
+
}), [G, I, p, v, S, D, u, O, q, F, V, _, K]);
|
|
207
207
|
return /* @__PURE__ */ E(ut.Provider, {
|
|
208
208
|
value: J,
|
|
209
|
-
children:
|
|
209
|
+
children: w
|
|
210
210
|
});
|
|
211
211
|
};
|
|
212
212
|
process.env.NODE_ENV !== "production" && (Le.displayName = "ToastProvider");
|
|
@@ -215,43 +215,43 @@ process.env.NODE_ENV !== "production" && (He.displayName = "ToastViewportContext
|
|
|
215
215
|
let xt = /* @__PURE__ */ (function(f) {
|
|
216
216
|
return f.frontmostHeight = "--toast-frontmost-height", f;
|
|
217
217
|
})({});
|
|
218
|
-
const ke = /* @__PURE__ */ e.forwardRef(function(d,
|
|
218
|
+
const ke = /* @__PURE__ */ e.forwardRef(function(d, w) {
|
|
219
219
|
const {
|
|
220
220
|
render: s,
|
|
221
|
-
className:
|
|
221
|
+
className: z,
|
|
222
222
|
children: P,
|
|
223
223
|
..._
|
|
224
224
|
} = d, {
|
|
225
|
-
toasts:
|
|
226
|
-
pauseTimers:
|
|
225
|
+
toasts: c,
|
|
226
|
+
pauseTimers: v,
|
|
227
227
|
resumeTimers: r,
|
|
228
|
-
setHovering:
|
|
228
|
+
setHovering: p,
|
|
229
229
|
setFocused: y,
|
|
230
230
|
viewportRef: u,
|
|
231
231
|
windowFocusedRef: R,
|
|
232
232
|
prevFocusElement: S,
|
|
233
233
|
setPrevFocusElement: M,
|
|
234
|
-
expanded:
|
|
234
|
+
expanded: Y,
|
|
235
235
|
focused: C
|
|
236
|
-
} = Re(), X = e.useRef(!1), W = e.useRef(!1), D =
|
|
236
|
+
} = Re(), X = e.useRef(!1), W = e.useRef(!1), D = c.length, F = c[0]?.height ?? 0, I = e.useMemo(() => c.some((n) => n.transitionStatus === "ending"), [c]);
|
|
237
237
|
e.useEffect(() => {
|
|
238
238
|
if (!u.current)
|
|
239
239
|
return;
|
|
240
240
|
function n(x) {
|
|
241
241
|
D !== 0 && x.key === "F6" && x.target !== u.current && (x.preventDefault(), M(de(ne(u.current))), u.current?.focus({
|
|
242
242
|
preventScroll: !0
|
|
243
|
-
}),
|
|
243
|
+
}), v(), y(!0));
|
|
244
244
|
}
|
|
245
245
|
const l = Oe(u.current);
|
|
246
246
|
return l.addEventListener("keydown", n), () => {
|
|
247
247
|
l.removeEventListener("keydown", n);
|
|
248
248
|
};
|
|
249
|
-
}, [
|
|
249
|
+
}, [v, y, M, D, u]), e.useEffect(() => {
|
|
250
250
|
if (!u.current || !D)
|
|
251
251
|
return;
|
|
252
252
|
const n = Oe(u.current);
|
|
253
253
|
function l(T) {
|
|
254
|
-
T.target === n && (R.current = !1,
|
|
254
|
+
T.target === n && (R.current = !1, v());
|
|
255
255
|
}
|
|
256
256
|
function x(T) {
|
|
257
257
|
if (T.relatedTarget || T.target === n)
|
|
@@ -265,7 +265,7 @@ const ke = /* @__PURE__ */ e.forwardRef(function(d, v) {
|
|
|
265
265
|
n.removeEventListener("blur", l, !0), n.removeEventListener("focus", x, !0);
|
|
266
266
|
};
|
|
267
267
|
}, [
|
|
268
|
-
|
|
268
|
+
v,
|
|
269
269
|
r,
|
|
270
270
|
u,
|
|
271
271
|
R,
|
|
@@ -284,37 +284,37 @@ const ke = /* @__PURE__ */ e.forwardRef(function(d, v) {
|
|
|
284
284
|
if (T.pointerType !== "touch")
|
|
285
285
|
return;
|
|
286
286
|
const L = be(T);
|
|
287
|
-
se(n, L) || (r(),
|
|
287
|
+
se(n, L) || (r(), p(!1), y(!1));
|
|
288
288
|
}
|
|
289
289
|
return l.addEventListener("pointerdown", x, !0), () => {
|
|
290
290
|
l.removeEventListener("pointerdown", x, !0);
|
|
291
291
|
};
|
|
292
|
-
}, [D, r, y,
|
|
292
|
+
}, [D, r, y, p, u]);
|
|
293
293
|
function q(n) {
|
|
294
|
-
u.current && (X.current = !0, n.relatedTarget === u.current ?
|
|
294
|
+
u.current && (X.current = !0, n.relatedTarget === u.current ? c[0]?.ref?.current?.focus() : S?.focus({
|
|
295
295
|
preventScroll: !0
|
|
296
296
|
}));
|
|
297
297
|
}
|
|
298
|
-
function
|
|
298
|
+
function V(n) {
|
|
299
299
|
n.key === "Tab" && n.shiftKey && n.target === u.current && (n.preventDefault(), S?.focus({
|
|
300
300
|
preventScroll: !0
|
|
301
301
|
}), r());
|
|
302
302
|
}
|
|
303
303
|
e.useEffect(() => {
|
|
304
|
-
!R.current || I || !W.current || (r(),
|
|
305
|
-
}, [I, r,
|
|
304
|
+
!R.current || I || !W.current || (r(), p(!1), W.current = !1);
|
|
305
|
+
}, [I, r, p, R]);
|
|
306
306
|
function G() {
|
|
307
|
-
|
|
307
|
+
v(), p(!0), W.current = !1;
|
|
308
308
|
}
|
|
309
309
|
function K() {
|
|
310
|
-
|
|
310
|
+
c.some((n) => n.transitionStatus === "ending") ? W.current = !0 : (r(), p(!1));
|
|
311
311
|
}
|
|
312
312
|
function O() {
|
|
313
313
|
if (X.current) {
|
|
314
314
|
X.current = !1;
|
|
315
315
|
return;
|
|
316
316
|
}
|
|
317
|
-
C || Ee(ne(u.current).activeElement) && (y(!0),
|
|
317
|
+
C || Ee(ne(u.current).activeElement) && (y(!0), v());
|
|
318
318
|
}
|
|
319
319
|
function J(n) {
|
|
320
320
|
!C || se(u.current, n.relatedTarget) || (y(!1), r());
|
|
@@ -331,13 +331,13 @@ const ke = /* @__PURE__ */ e.forwardRef(function(d, v) {
|
|
|
331
331
|
onMouseLeave: K,
|
|
332
332
|
onFocus: O,
|
|
333
333
|
onBlur: J,
|
|
334
|
-
onKeyDown:
|
|
334
|
+
onKeyDown: V,
|
|
335
335
|
onClick: O
|
|
336
|
-
},
|
|
337
|
-
expanded:
|
|
338
|
-
}), [
|
|
339
|
-
ref: [
|
|
340
|
-
state:
|
|
336
|
+
}, m = e.useMemo(() => ({
|
|
337
|
+
expanded: Y
|
|
338
|
+
}), [Y]), g = ie("div", d, {
|
|
339
|
+
ref: [w, u],
|
|
340
|
+
state: m,
|
|
341
341
|
props: [t, {
|
|
342
342
|
style: {
|
|
343
343
|
[xt.frontmostHeight]: F ? `${F}px` : void 0
|
|
@@ -353,7 +353,7 @@ const ke = /* @__PURE__ */ e.forwardRef(function(d, v) {
|
|
|
353
353
|
}]
|
|
354
354
|
}), o = e.useMemo(() => ({
|
|
355
355
|
viewportRef: u
|
|
356
|
-
}), [u]), h = e.useMemo(() =>
|
|
356
|
+
}), [u]), h = e.useMemo(() => c.filter((n) => n.priority === "high"), [c]);
|
|
357
357
|
return /* @__PURE__ */ re(He.Provider, {
|
|
358
358
|
value: o,
|
|
359
359
|
children: [D > 0 && S && /* @__PURE__ */ E(Te, {
|
|
@@ -375,7 +375,7 @@ const ke = /* @__PURE__ */ e.forwardRef(function(d, v) {
|
|
|
375
375
|
process.env.NODE_ENV !== "production" && (ke.displayName = "ToastViewport");
|
|
376
376
|
const Me = /* @__PURE__ */ e.createContext(void 0);
|
|
377
377
|
process.env.NODE_ENV !== "production" && (Me.displayName = "ToastRootContext");
|
|
378
|
-
function
|
|
378
|
+
function me() {
|
|
379
379
|
const f = e.useContext(Me);
|
|
380
380
|
if (!f)
|
|
381
381
|
throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ToastRootContext is missing. Toast parts must be used within <Toast.Root>." : ht(66));
|
|
@@ -385,19 +385,19 @@ let ee = /* @__PURE__ */ (function(f) {
|
|
|
385
385
|
return f.index = "--toast-index", f.offsetY = "--toast-offset-y", f.height = "--toast-height", f.swipeMovementX = "--toast-swipe-movement-x", f.swipeMovementY = "--toast-swipe-movement-y", f;
|
|
386
386
|
})({});
|
|
387
387
|
const Tt = {
|
|
388
|
-
...
|
|
388
|
+
...wt,
|
|
389
389
|
swipeDirection(f) {
|
|
390
390
|
return f ? {
|
|
391
391
|
"data-swipe-direction": f
|
|
392
392
|
} : null;
|
|
393
393
|
}
|
|
394
394
|
}, oe = 40, Dt = 10, Q = 0.5, Et = 1;
|
|
395
|
-
function Fe(f, d,
|
|
395
|
+
function Fe(f, d, w) {
|
|
396
396
|
switch (f) {
|
|
397
397
|
case "up":
|
|
398
|
-
return -
|
|
398
|
+
return -w;
|
|
399
399
|
case "down":
|
|
400
|
-
return
|
|
400
|
+
return w;
|
|
401
401
|
case "left":
|
|
402
402
|
return -d;
|
|
403
403
|
case "right":
|
|
@@ -407,44 +407,44 @@ function Fe(f, d, v) {
|
|
|
407
407
|
}
|
|
408
408
|
}
|
|
409
409
|
function bt(f) {
|
|
410
|
-
const
|
|
411
|
-
let s = 0,
|
|
412
|
-
if (
|
|
413
|
-
const _ =
|
|
410
|
+
const w = window.getComputedStyle(f).transform;
|
|
411
|
+
let s = 0, z = 0, P = 1;
|
|
412
|
+
if (w && w !== "none") {
|
|
413
|
+
const _ = w.match(/matrix(?:3d)?\(([^)]+)\)/);
|
|
414
414
|
if (_) {
|
|
415
|
-
const
|
|
416
|
-
|
|
415
|
+
const c = _[1].split(", ").map(parseFloat);
|
|
416
|
+
c.length === 6 ? (s = c[4], z = c[5], P = Math.sqrt(c[0] * c[0] + c[1] * c[1])) : c.length === 16 && (s = c[12], z = c[13], P = c[0]);
|
|
417
417
|
}
|
|
418
418
|
}
|
|
419
419
|
return {
|
|
420
420
|
x: s,
|
|
421
|
-
y:
|
|
421
|
+
y: z,
|
|
422
422
|
scale: P
|
|
423
423
|
};
|
|
424
424
|
}
|
|
425
|
-
const
|
|
425
|
+
const ze = /* @__PURE__ */ e.forwardRef(function(d, w) {
|
|
426
426
|
const {
|
|
427
427
|
toast: s,
|
|
428
|
-
render:
|
|
428
|
+
render: z,
|
|
429
429
|
className: P,
|
|
430
430
|
swipeDirection: _ = ["down", "right"],
|
|
431
|
-
...
|
|
432
|
-
} = d,
|
|
431
|
+
...c
|
|
432
|
+
} = d, v = s.positionerProps?.anchor !== void 0;
|
|
433
433
|
let r = [];
|
|
434
|
-
|
|
435
|
-
const
|
|
434
|
+
v || (r = Array.isArray(_) ? _ : [_]);
|
|
435
|
+
const p = r.length > 0, {
|
|
436
436
|
toasts: y,
|
|
437
437
|
focused: u,
|
|
438
438
|
close: R,
|
|
439
439
|
remove: S,
|
|
440
440
|
setToasts: M,
|
|
441
|
-
pauseTimers:
|
|
441
|
+
pauseTimers: Y,
|
|
442
442
|
expanded: C,
|
|
443
443
|
setHovering: X
|
|
444
|
-
} = Re(), [W, D] = e.useState(void 0), [F, I] = e.useState(!1), [q,
|
|
444
|
+
} = Re(), [W, D] = e.useState(void 0), [F, I] = e.useState(!1), [q, V] = e.useState(!1), [G, K] = e.useState(!1), [O, J] = e.useState({
|
|
445
445
|
x: 0,
|
|
446
446
|
y: 0
|
|
447
|
-
}), [t,
|
|
447
|
+
}), [t, m] = e.useState({
|
|
448
448
|
x: 0,
|
|
449
449
|
y: 0,
|
|
450
450
|
scale: 1
|
|
@@ -455,10 +455,10 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
|
|
|
455
455
|
x: 0,
|
|
456
456
|
y: 0,
|
|
457
457
|
scale: 1
|
|
458
|
-
}),
|
|
458
|
+
}), ae = e.useRef(void 0), pe = e.useRef(0), ce = e.useRef(!1), $ = e.useRef({
|
|
459
459
|
x: 0,
|
|
460
460
|
y: 0
|
|
461
|
-
}), he = e.useRef(!1), ge = e.useMemo(() => y.indexOf(s), [s, y]),
|
|
461
|
+
}), he = e.useRef(!1), ge = e.useMemo(() => y.indexOf(s), [s, y]), we = e.useMemo(() => y.filter((i) => i.transitionStatus !== "ending").indexOf(s), [s, y]), Be = e.useMemo(() => y.slice(0, y.indexOf(s)).reduce((i, a) => i + (a.height || 0), 0), [y, s]);
|
|
462
462
|
gt({
|
|
463
463
|
open: s.transitionStatus !== "ending",
|
|
464
464
|
ref: T,
|
|
@@ -467,14 +467,14 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
|
|
|
467
467
|
}
|
|
468
468
|
});
|
|
469
469
|
const ue = j((i = !1) => {
|
|
470
|
-
const
|
|
471
|
-
if (!
|
|
470
|
+
const a = T.current;
|
|
471
|
+
if (!a)
|
|
472
472
|
return;
|
|
473
|
-
const b =
|
|
474
|
-
|
|
475
|
-
const N =
|
|
476
|
-
|
|
477
|
-
function
|
|
473
|
+
const b = a.style.height;
|
|
474
|
+
a.style.height = "auto";
|
|
475
|
+
const N = a.offsetHeight;
|
|
476
|
+
a.style.height = b;
|
|
477
|
+
function A() {
|
|
478
478
|
M((H) => H.map((k) => k.id === s.id ? {
|
|
479
479
|
...k,
|
|
480
480
|
ref: T,
|
|
@@ -482,12 +482,12 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
|
|
|
482
482
|
transitionStatus: void 0
|
|
483
483
|
} : k));
|
|
484
484
|
}
|
|
485
|
-
i ?
|
|
485
|
+
i ? mt.flushSync(A) : A();
|
|
486
486
|
});
|
|
487
487
|
Se(ue, [ue]);
|
|
488
|
-
function
|
|
489
|
-
let b = i, N =
|
|
490
|
-
return !r.includes("left") && !r.includes("right") ? b = i > 0 ? i ** Q : -(Math.abs(i) ** Q) : (!r.includes("right") && i > 0 && (b = i ** Q), !r.includes("left") && i < 0 && (b = -(Math.abs(i) ** Q))), !r.includes("up") && !r.includes("down") ? N =
|
|
488
|
+
function Ye(i, a) {
|
|
489
|
+
let b = i, N = a;
|
|
490
|
+
return !r.includes("left") && !r.includes("right") ? b = i > 0 ? i ** Q : -(Math.abs(i) ** Q) : (!r.includes("right") && i > 0 && (b = i ** Q), !r.includes("left") && i < 0 && (b = -(Math.abs(i) ** Q))), !r.includes("up") && !r.includes("down") ? N = a > 0 ? a ** Q : -(Math.abs(a) ** Q) : (!r.includes("down") && a > 0 && (N = a ** Q), !r.includes("up") && a < 0 && (N = -(Math.abs(a) ** Q))), {
|
|
491
491
|
x: b,
|
|
492
492
|
y: N
|
|
493
493
|
};
|
|
@@ -495,20 +495,20 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
|
|
|
495
495
|
function Xe(i) {
|
|
496
496
|
if (i.button !== 0)
|
|
497
497
|
return;
|
|
498
|
-
i.pointerType === "touch" &&
|
|
499
|
-
const
|
|
500
|
-
if (!(
|
|
501
|
-
if (
|
|
498
|
+
i.pointerType === "touch" && Y();
|
|
499
|
+
const a = be(i.nativeEvent);
|
|
500
|
+
if (!(a && a.closest('button,a,input,textarea,[role="button"],[data-swipe-ignore]'))) {
|
|
501
|
+
if (ce.current = !1, ae.current = void 0, pe.current = 0, L.current = {
|
|
502
502
|
x: i.clientX,
|
|
503
503
|
y: i.clientY
|
|
504
|
-
},
|
|
504
|
+
}, $.current = L.current, T.current) {
|
|
505
505
|
const N = bt(T.current);
|
|
506
|
-
Z.current = N,
|
|
506
|
+
Z.current = N, m(N), J({
|
|
507
507
|
x: N.x,
|
|
508
508
|
y: N.y
|
|
509
509
|
});
|
|
510
510
|
}
|
|
511
|
-
X(!0), I(!0),
|
|
511
|
+
X(!0), I(!0), V(!1), x(null), he.current = !0, T.current?.setPointerCapture(i.pointerId);
|
|
512
512
|
}
|
|
513
513
|
}
|
|
514
514
|
function Ge(i) {
|
|
@@ -519,72 +519,72 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
|
|
|
519
519
|
y: i.clientY
|
|
520
520
|
}, he.current = !1);
|
|
521
521
|
const {
|
|
522
|
-
clientY:
|
|
522
|
+
clientY: a,
|
|
523
523
|
clientX: b,
|
|
524
524
|
movementX: N,
|
|
525
|
-
movementY:
|
|
525
|
+
movementY: A
|
|
526
526
|
} = i;
|
|
527
|
-
(
|
|
528
|
-
x:
|
|
529
|
-
y:
|
|
530
|
-
}), (N < 0 && b >
|
|
527
|
+
(A < 0 && a > $.current.y || A > 0 && a < $.current.y) && ($.current = {
|
|
528
|
+
x: $.current.x,
|
|
529
|
+
y: a
|
|
530
|
+
}), (N < 0 && b > $.current.x || N > 0 && b < $.current.x) && ($.current = {
|
|
531
531
|
x: b,
|
|
532
|
-
y:
|
|
532
|
+
y: $.current.y
|
|
533
533
|
});
|
|
534
|
-
const H = b - L.current.x, k =
|
|
535
|
-
if (!q && Math.sqrt(H * H + k * k) >= Et && (
|
|
534
|
+
const H = b - L.current.x, k = a - L.current.y, Qe = a - $.current.y, Ze = b - $.current.x;
|
|
535
|
+
if (!q && Math.sqrt(H * H + k * k) >= Et && (V(!0), l === null)) {
|
|
536
536
|
const fe = r.includes("left") || r.includes("right"), et = r.includes("up") || r.includes("down");
|
|
537
537
|
if (fe && et) {
|
|
538
538
|
const tt = Math.abs(H), nt = Math.abs(k);
|
|
539
539
|
x(tt > nt ? "horizontal" : "vertical");
|
|
540
540
|
}
|
|
541
541
|
}
|
|
542
|
-
let
|
|
543
|
-
if (!
|
|
544
|
-
l === "vertical" ? k > 0 ?
|
|
542
|
+
let B;
|
|
543
|
+
if (!ae.current)
|
|
544
|
+
l === "vertical" ? k > 0 ? B = "down" : k < 0 && (B = "up") : l === "horizontal" ? H > 0 ? B = "right" : H < 0 && (B = "left") : Math.abs(H) >= Math.abs(k) ? B = H > 0 ? "right" : "left" : B = k > 0 ? "down" : "up", B && r.includes(B) && (ae.current = B, pe.current = Fe(B, H, k), D(B));
|
|
545
545
|
else {
|
|
546
|
-
const ye =
|
|
547
|
-
fe > oe ? (
|
|
546
|
+
const ye = ae.current, fe = Fe(ye, Ze, Qe);
|
|
547
|
+
fe > oe ? (ce.current = !1, D(ye)) : !(r.includes("left") && r.includes("right")) && !(r.includes("up") && r.includes("down")) && pe.current - fe >= Dt && (ce.current = !0);
|
|
548
548
|
}
|
|
549
|
-
const le =
|
|
550
|
-
let
|
|
551
|
-
l === "horizontal" ? (r.includes("left") || r.includes("right")) && (
|
|
552
|
-
x:
|
|
549
|
+
const le = Ye(H, k);
|
|
550
|
+
let ve = Z.current.x, _e = Z.current.y;
|
|
551
|
+
l === "horizontal" ? (r.includes("left") || r.includes("right")) && (ve += le.x) : (l === "vertical" || (r.includes("left") || r.includes("right")) && (ve += le.x), (r.includes("up") || r.includes("down")) && (_e += le.y)), J({
|
|
552
|
+
x: ve,
|
|
553
553
|
y: _e
|
|
554
554
|
});
|
|
555
555
|
}
|
|
556
556
|
function Ke(i) {
|
|
557
557
|
if (!F)
|
|
558
558
|
return;
|
|
559
|
-
if (I(!1),
|
|
559
|
+
if (I(!1), V(!1), x(null), T.current?.releasePointerCapture(i.pointerId), ce.current) {
|
|
560
560
|
J({
|
|
561
561
|
x: t.x,
|
|
562
562
|
y: t.y
|
|
563
563
|
}), D(void 0);
|
|
564
564
|
return;
|
|
565
565
|
}
|
|
566
|
-
let
|
|
566
|
+
let a = !1;
|
|
567
567
|
const b = O.x - t.x, N = O.y - t.y;
|
|
568
|
-
let
|
|
568
|
+
let A;
|
|
569
569
|
for (const H of r) {
|
|
570
570
|
switch (H) {
|
|
571
571
|
case "right":
|
|
572
|
-
b > oe && (
|
|
572
|
+
b > oe && (a = !0, A = "right");
|
|
573
573
|
break;
|
|
574
574
|
case "left":
|
|
575
|
-
b < -oe && (
|
|
575
|
+
b < -oe && (a = !0, A = "left");
|
|
576
576
|
break;
|
|
577
577
|
case "down":
|
|
578
|
-
N > oe && (
|
|
578
|
+
N > oe && (a = !0, A = "down");
|
|
579
579
|
break;
|
|
580
580
|
case "up":
|
|
581
|
-
N < -oe && (
|
|
581
|
+
N < -oe && (a = !0, A = "up");
|
|
582
582
|
break;
|
|
583
583
|
}
|
|
584
|
-
if (
|
|
584
|
+
if (a)
|
|
585
585
|
break;
|
|
586
586
|
}
|
|
587
|
-
|
|
587
|
+
a ? (D(A), K(!0), R(s.id)) : (J({
|
|
588
588
|
x: t.x,
|
|
589
589
|
y: t.y
|
|
590
590
|
}), D(void 0));
|
|
@@ -597,34 +597,34 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
|
|
|
597
597
|
}
|
|
598
598
|
}
|
|
599
599
|
e.useEffect(() => {
|
|
600
|
-
if (!
|
|
600
|
+
if (!p)
|
|
601
601
|
return;
|
|
602
602
|
const i = T.current;
|
|
603
603
|
if (!i)
|
|
604
604
|
return;
|
|
605
|
-
function
|
|
605
|
+
function a(b) {
|
|
606
606
|
se(i, b.target) && b.preventDefault();
|
|
607
607
|
}
|
|
608
|
-
return i.addEventListener("touchmove",
|
|
608
|
+
return i.addEventListener("touchmove", a, {
|
|
609
609
|
passive: !1
|
|
610
610
|
}), () => {
|
|
611
|
-
i.removeEventListener("touchmove",
|
|
611
|
+
i.removeEventListener("touchmove", a);
|
|
612
612
|
};
|
|
613
|
-
}, [
|
|
613
|
+
}, [p]);
|
|
614
614
|
function je() {
|
|
615
615
|
if (!F && O.x === t.x && O.y === t.y && !G)
|
|
616
616
|
return {
|
|
617
617
|
[ee.swipeMovementX]: "0px",
|
|
618
618
|
[ee.swipeMovementY]: "0px"
|
|
619
619
|
};
|
|
620
|
-
const i = O.x - t.x,
|
|
620
|
+
const i = O.x - t.x, a = O.y - t.y;
|
|
621
621
|
return {
|
|
622
622
|
transition: F ? "none" : void 0,
|
|
623
623
|
// While swiping, freeze the element at its current visual transform so it doesn't snap to the
|
|
624
624
|
// end position.
|
|
625
625
|
transform: F ? `translateX(${O.x}px) translateY(${O.y}px) scale(${t.scale})` : void 0,
|
|
626
626
|
[ee.swipeMovementX]: `${i}px`,
|
|
627
|
-
[ee.swipeMovementY]: `${
|
|
627
|
+
[ee.swipeMovementY]: `${a}px`
|
|
628
628
|
};
|
|
629
629
|
}
|
|
630
630
|
const Ne = s.priority === "high", Ue = {
|
|
@@ -634,15 +634,15 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
|
|
|
634
634
|
"aria-labelledby": g,
|
|
635
635
|
"aria-describedby": h,
|
|
636
636
|
"aria-hidden": Ne && !u ? !0 : void 0,
|
|
637
|
-
onPointerDown:
|
|
638
|
-
onPointerMove:
|
|
639
|
-
onPointerUp:
|
|
637
|
+
onPointerDown: p ? Xe : void 0,
|
|
638
|
+
onPointerMove: p ? Ge : void 0,
|
|
639
|
+
onPointerUp: p ? Ke : void 0,
|
|
640
640
|
onKeyDown: We,
|
|
641
|
-
inert:
|
|
641
|
+
inert: pt(s.limited),
|
|
642
642
|
style: {
|
|
643
643
|
...je(),
|
|
644
|
-
[ee.index]: s.transitionStatus === "ending" ? ge :
|
|
645
|
-
[ee.offsetY]: `${
|
|
644
|
+
[ee.index]: s.transitionStatus === "ending" ? ge : we,
|
|
645
|
+
[ee.offsetY]: `${Be}px`,
|
|
646
646
|
[ee.height]: s.height ? `${s.height}px` : void 0
|
|
647
647
|
}
|
|
648
648
|
}, te = e.useMemo(() => ({
|
|
@@ -656,9 +656,9 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
|
|
|
656
656
|
swipeDirection: W,
|
|
657
657
|
recalculateHeight: ue,
|
|
658
658
|
index: ge,
|
|
659
|
-
visibleIndex:
|
|
659
|
+
visibleIndex: we,
|
|
660
660
|
expanded: C
|
|
661
|
-
}), [s, g, h, F, W, ue, ge,
|
|
661
|
+
}), [s, g, h, F, W, ue, ge, we, C]), qe = e.useMemo(() => ({
|
|
662
662
|
transitionStatus: s.transitionStatus,
|
|
663
663
|
expanded: C,
|
|
664
664
|
limited: s.limited || !1,
|
|
@@ -666,32 +666,32 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
|
|
|
666
666
|
swiping: te.swiping,
|
|
667
667
|
swipeDirection: te.swipeDirection
|
|
668
668
|
}), [C, s.transitionStatus, s.limited, s.type, te.swiping, te.swipeDirection]), Je = ie("div", d, {
|
|
669
|
-
ref: [
|
|
669
|
+
ref: [w, te.rootRef],
|
|
670
670
|
state: qe,
|
|
671
671
|
stateAttributesMapping: Tt,
|
|
672
|
-
props: [Ue,
|
|
672
|
+
props: [Ue, c]
|
|
673
673
|
});
|
|
674
674
|
return /* @__PURE__ */ E(Me.Provider, {
|
|
675
675
|
value: te,
|
|
676
676
|
children: Je
|
|
677
677
|
});
|
|
678
678
|
});
|
|
679
|
-
process.env.NODE_ENV !== "production" && (
|
|
680
|
-
const
|
|
679
|
+
process.env.NODE_ENV !== "production" && (ze.displayName = "ToastRoot");
|
|
680
|
+
const Ve = /* @__PURE__ */ e.forwardRef(function(d, w) {
|
|
681
681
|
const {
|
|
682
682
|
render: s,
|
|
683
|
-
className:
|
|
683
|
+
className: z,
|
|
684
684
|
...P
|
|
685
685
|
} = d, {
|
|
686
686
|
visibleIndex: _,
|
|
687
|
-
expanded:
|
|
688
|
-
recalculateHeight:
|
|
689
|
-
} =
|
|
687
|
+
expanded: c,
|
|
688
|
+
recalculateHeight: v
|
|
689
|
+
} = me(), r = e.useRef(null);
|
|
690
690
|
Se(() => {
|
|
691
691
|
const R = r.current;
|
|
692
|
-
if (!R || (
|
|
692
|
+
if (!R || (v(), typeof ResizeObserver != "function" || typeof MutationObserver != "function"))
|
|
693
693
|
return;
|
|
694
|
-
const S = new ResizeObserver(() =>
|
|
694
|
+
const S = new ResizeObserver(() => v(!0)), M = new MutationObserver(() => v(!0));
|
|
695
695
|
return S.observe(R), M.observe(R, {
|
|
696
696
|
childList: !0,
|
|
697
697
|
subtree: !0,
|
|
@@ -699,78 +699,78 @@ const $e = /* @__PURE__ */ e.forwardRef(function(d, v) {
|
|
|
699
699
|
}), () => {
|
|
700
700
|
S.disconnect(), M.disconnect();
|
|
701
701
|
};
|
|
702
|
-
}, [
|
|
703
|
-
const
|
|
704
|
-
expanded:
|
|
705
|
-
behind:
|
|
706
|
-
}), [
|
|
702
|
+
}, [v]);
|
|
703
|
+
const p = _ > 0, y = e.useMemo(() => ({
|
|
704
|
+
expanded: c,
|
|
705
|
+
behind: p
|
|
706
|
+
}), [c, p]);
|
|
707
707
|
return ie("div", d, {
|
|
708
|
-
ref: [
|
|
708
|
+
ref: [w, r],
|
|
709
709
|
state: y,
|
|
710
710
|
props: P
|
|
711
711
|
});
|
|
712
712
|
});
|
|
713
|
-
process.env.NODE_ENV !== "production" && (
|
|
714
|
-
const
|
|
713
|
+
process.env.NODE_ENV !== "production" && (Ve.displayName = "ToastContent");
|
|
714
|
+
const $e = /* @__PURE__ */ e.forwardRef(function(d, w) {
|
|
715
715
|
const {
|
|
716
716
|
render: s,
|
|
717
|
-
className:
|
|
717
|
+
className: z,
|
|
718
718
|
id: P,
|
|
719
719
|
children: _,
|
|
720
|
-
...
|
|
720
|
+
...c
|
|
721
721
|
} = d, {
|
|
722
|
-
toast:
|
|
723
|
-
} =
|
|
722
|
+
toast: v
|
|
723
|
+
} = me(), r = _ ?? v.description, p = !!r, y = vt(P), {
|
|
724
724
|
setDescriptionId: u
|
|
725
|
-
} =
|
|
725
|
+
} = me();
|
|
726
726
|
Se(() => {
|
|
727
|
-
if (
|
|
727
|
+
if (p)
|
|
728
728
|
return u(y), () => {
|
|
729
729
|
u(void 0);
|
|
730
730
|
};
|
|
731
|
-
}, [
|
|
731
|
+
}, [p, y, u]);
|
|
732
732
|
const R = e.useMemo(() => ({
|
|
733
|
-
type:
|
|
734
|
-
}), [
|
|
735
|
-
ref:
|
|
733
|
+
type: v.type
|
|
734
|
+
}), [v.type]), S = ie("p", d, {
|
|
735
|
+
ref: w,
|
|
736
736
|
state: R,
|
|
737
737
|
props: {
|
|
738
|
-
...
|
|
738
|
+
...c,
|
|
739
739
|
id: y,
|
|
740
740
|
children: r
|
|
741
741
|
}
|
|
742
742
|
});
|
|
743
|
-
return
|
|
743
|
+
return p ? S : null;
|
|
744
744
|
});
|
|
745
|
-
process.env.NODE_ENV !== "production" && (
|
|
746
|
-
const
|
|
745
|
+
process.env.NODE_ENV !== "production" && ($e.displayName = "ToastDescription");
|
|
746
|
+
const Ae = /* @__PURE__ */ e.forwardRef(function(d, w) {
|
|
747
747
|
const {
|
|
748
748
|
render: s,
|
|
749
|
-
className:
|
|
749
|
+
className: z,
|
|
750
750
|
disabled: P,
|
|
751
751
|
nativeButton: _ = !0,
|
|
752
|
-
...
|
|
752
|
+
...c
|
|
753
753
|
} = d, {
|
|
754
|
-
close:
|
|
754
|
+
close: v,
|
|
755
755
|
expanded: r
|
|
756
756
|
} = Re(), {
|
|
757
|
-
toast:
|
|
758
|
-
} =
|
|
757
|
+
toast: p
|
|
758
|
+
} = me(), [y, u] = e.useState(!1), {
|
|
759
759
|
getButtonProps: R,
|
|
760
760
|
buttonRef: S
|
|
761
761
|
} = _t({
|
|
762
762
|
disabled: P,
|
|
763
763
|
native: _
|
|
764
764
|
}), M = e.useMemo(() => ({
|
|
765
|
-
type:
|
|
766
|
-
}), [
|
|
765
|
+
type: p.type
|
|
766
|
+
}), [p.type]);
|
|
767
767
|
return ie("button", d, {
|
|
768
|
-
ref: [
|
|
768
|
+
ref: [w, S],
|
|
769
769
|
state: M,
|
|
770
770
|
props: [{
|
|
771
771
|
"aria-hidden": !r && !y,
|
|
772
772
|
onClick() {
|
|
773
|
-
|
|
773
|
+
v(p.id);
|
|
774
774
|
},
|
|
775
775
|
onFocus() {
|
|
776
776
|
u(!0);
|
|
@@ -778,11 +778,11 @@ const Be = /* @__PURE__ */ e.forwardRef(function(d, v) {
|
|
|
778
778
|
onBlur() {
|
|
779
779
|
u(!1);
|
|
780
780
|
}
|
|
781
|
-
},
|
|
781
|
+
}, c, R]
|
|
782
782
|
});
|
|
783
783
|
});
|
|
784
|
-
process.env.NODE_ENV !== "production" && (
|
|
785
|
-
const Rt = ft, St = "
|
|
784
|
+
process.env.NODE_ENV !== "production" && (Ae.displayName = "ToastClose");
|
|
785
|
+
const Rt = ft, St = "_toast__viewport_1wmsz_1", Mt = "_toast_1wmsz_1", Nt = "_toast_variant_neutral_1wmsz_111", Pt = "_toast_variant_colorway_1wmsz_117", Ot = "_toast__content_1wmsz_123", Ct = "_toast__header_1wmsz_141", Ft = "_toast__row_1wmsz_146", It = "_toast__title_1wmsz_153", Lt = "_toast__description_1wmsz_157", U = {
|
|
786
786
|
toast__viewport: St,
|
|
787
787
|
toast: Mt,
|
|
788
788
|
toast_variant_neutral: Nt,
|
|
@@ -792,7 +792,7 @@ const Rt = ft, St = "_toast__viewport_1if9c_1", Mt = "_toast_1if9c_1", Nt = "_to
|
|
|
792
792
|
toast__row: Ft,
|
|
793
793
|
toast__title: It,
|
|
794
794
|
toast__description: Lt
|
|
795
|
-
},
|
|
795
|
+
}, cn = Le, Ie = {
|
|
796
796
|
info: "blue",
|
|
797
797
|
error: "red",
|
|
798
798
|
warning: "yellow",
|
|
@@ -803,20 +803,20 @@ function un() {
|
|
|
803
803
|
}
|
|
804
804
|
function Ht() {
|
|
805
805
|
return lt().toasts.map((d) => {
|
|
806
|
-
const
|
|
806
|
+
const w = d.type && d.type in Ie ? Ie[d.type] : void 0;
|
|
807
807
|
return /* @__PURE__ */ E(
|
|
808
|
-
|
|
808
|
+
ze,
|
|
809
809
|
{
|
|
810
810
|
toast: d,
|
|
811
811
|
className: rt(
|
|
812
812
|
U.toast,
|
|
813
|
-
|
|
813
|
+
w ? U.toast_variant_colorway : U.toast_variant_neutral
|
|
814
814
|
),
|
|
815
|
-
render: /* @__PURE__ */ E(
|
|
815
|
+
render: /* @__PURE__ */ E(at, { background: "default", color: w }),
|
|
816
816
|
children: /* @__PURE__ */ re(
|
|
817
817
|
xe,
|
|
818
818
|
{
|
|
819
|
-
render: /* @__PURE__ */ E(
|
|
819
|
+
render: /* @__PURE__ */ E(Ve, {}),
|
|
820
820
|
className: U.toast__content,
|
|
821
821
|
children: [
|
|
822
822
|
/* @__PURE__ */ re(xe, { className: U.toast__row, children: [
|
|
@@ -832,20 +832,20 @@ function Ht() {
|
|
|
832
832
|
}
|
|
833
833
|
) : null,
|
|
834
834
|
/* @__PURE__ */ E(
|
|
835
|
-
|
|
835
|
+
$e,
|
|
836
836
|
{
|
|
837
|
-
render: /* @__PURE__ */ E(
|
|
837
|
+
render: /* @__PURE__ */ E(ct, { multiline: !0, color: w ? "inherit" : "dimmer" }),
|
|
838
838
|
className: U.toast__description
|
|
839
839
|
}
|
|
840
840
|
)
|
|
841
841
|
] }),
|
|
842
842
|
/* @__PURE__ */ E(
|
|
843
|
-
|
|
843
|
+
Ae,
|
|
844
844
|
{
|
|
845
845
|
render: /* @__PURE__ */ E(
|
|
846
846
|
it,
|
|
847
847
|
{
|
|
848
|
-
interactive:
|
|
848
|
+
interactive: w ? `${w}_no-fill` : "no-fill",
|
|
849
849
|
icon: "close-line",
|
|
850
850
|
size: "sm",
|
|
851
851
|
alt: "Close"
|
|
@@ -858,7 +858,7 @@ function Ht() {
|
|
|
858
858
|
st,
|
|
859
859
|
{
|
|
860
860
|
...d.action,
|
|
861
|
-
interactive:
|
|
861
|
+
interactive: w ? `${w}_fill` : !0,
|
|
862
862
|
children: d.action.children
|
|
863
863
|
}
|
|
864
864
|
) : null
|
|
@@ -871,6 +871,6 @@ function Ht() {
|
|
|
871
871
|
});
|
|
872
872
|
}
|
|
873
873
|
export {
|
|
874
|
-
|
|
874
|
+
cn as ToastProvider,
|
|
875
875
|
un as ToastViewport
|
|
876
876
|
};
|
|
@@ -3,7 +3,7 @@ import { jsx as O, jsxs as ne } from "react/jsx-runtime";
|
|
|
3
3
|
import { c as Ee } from "../../clsx-OuTLNxxd.js";
|
|
4
4
|
import { textify as Se } from "../../-utils.js";
|
|
5
5
|
import { Surface as xe } from "../surface/index.js";
|
|
6
|
-
import { t as oe, T as be } from "../../tooltip-arrow-
|
|
6
|
+
import { t as oe, T as be } from "../../tooltip-arrow-cs6vjjqZ.js";
|
|
7
7
|
import { R as Oe, P as we, c as N, d as Me, e as Ie, f as Ne, p as $, t as De } from "../../transitions.module-CWX8e5cx.js";
|
|
8
8
|
import * as o from "react";
|
|
9
9
|
import { u as le, T as Ae } from "../../useTimeout-CflX-kz3.js";
|
package/dist/toast.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._toast__viewport_1wmsz_1{position:fixed;right:var(--space-8);bottom:var(--space-8);z-index:49;margin:0 auto;isolation:isolate;width:var(--space-256)}@media(min-width:512px){._toast__viewport_1wmsz_1{right:var(--space-16);bottom:var(--space-16)}}._toast_1wmsz_1{--toast-custom-gap: var(--space-12);--toast-custom-peek: var(--space-12);--toast-custom-scale: max(0, 1 - (var(--toast-index) * .1)) ;--toast-custom-shrink: calc(1 - var(--toast-custom-scale));--toast-custom-height: var(--toast-frontmost-height, var(--toast-height));--toast-custom-offset-y: calc( var(--toast-offset-y) * -1 + (var(--toast-index) * var(--toast-custom-gap) * -1) + var(--toast-swipe-movement-y) );display:flex;position:absolute;right:0;bottom:0;left:auto;flex-direction:row;align-items:center;gap:var(--space-8);transform:translate(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--toast-custom-peek)) - (var(--toast-custom-shrink) * var(--toast-custom-height)))) scale(var(--toast-custom-scale));transform-origin:bottom center;z-index:calc(1000 - var(--toast-index));transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s,height var(--transition-duration-snappy);cursor:default;box-sizing:border-box;margin:0 0 0 auto;border-width:1px;border-style:solid;border-radius:var(--border-radius-default);background-clip:padding-box;width:100%;height:var(--toast-custom-height);-webkit-user-select:none;-moz-user-select:none;user-select:none}._toast_1wmsz_1[data-expanded]{transform:translate(var(--toast-swipe-movement-x)) translateY(var(--toast-custom-offset-y));height:var(--toast-height)}._toast_1wmsz_1[data-starting-style],._toast_1wmsz_1[data-ending-style]{transform:translateY(150%)}._toast_1wmsz_1[data-limited],._toast_1wmsz_1[data-ending-style]{opacity:0}._toast_1wmsz_1[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 50%))}._toast_1wmsz_1[data-ending-style][data-swipe-direction=left]{transform:translate(calc(var(--toast-swipe-movement-x) - 50%)) translateY(var(--toast-custom-offset-y))}._toast_1wmsz_1[data-ending-style][data-swipe-direction=right]{transform:translate(calc(var(--toast-swipe-movement-x) + 50%)) translateY(var(--toast-custom-offset-y))}._toast_1wmsz_1[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 50%))}._toast_1wmsz_1:after{display:block;position:absolute;top:100%;left:0;width:100%;height:calc(var(--toast-custom-gap) + 1px);content:""}._toast_variant_neutral_1wmsz_111{border-color:var(--surface-interactive-border);background:var(--surface-background);color:var(--foreground-default)}._toast_variant_colorway_1wmsz_117{border-color:var(--view-colorway-dimmer);background:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._toast__content_1wmsz_123{flex-grow:1;flex-shrink:1;gap:var(--space-16);transition:opacity var(--transition-duration-snappy) var(--transition-timing-function-snappy);padding:var(--space-12);overflow:hidden}._toast__content_1wmsz_123[data-behind]{opacity:0}._toast__content_1wmsz_123[data-expanded]{opacity:1}._toast__header_1wmsz_141{flex:1 1 auto;gap:var(--space-4)}._toast__row_1wmsz_146{flex:1 1 auto;flex-direction:row;justify-content:space-between;gap:var(--space-4)}._toast__title_1wmsz_153,._toast__description_1wmsz_157{flex:1 1 auto}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { c as r } from "./clsx-OuTLNxxd.js";
|
|
3
|
-
import './tooltip-arrow.css';const i = "
|
|
3
|
+
import './tooltip-arrow.css';const i = "_tooltip_j3wze_1", _ = "_tooltip__arrow_j3wze_10", p = {
|
|
4
4
|
tooltip: i,
|
|
5
5
|
tooltip__arrow: _,
|
|
6
|
-
"tooltip__arrow-icon": "_tooltip__arrow-
|
|
6
|
+
"tooltip__arrow-icon": "_tooltip__arrow-icon_j3wze_35"
|
|
7
7
|
};
|
|
8
|
-
function
|
|
8
|
+
function e(t) {
|
|
9
9
|
return /* @__PURE__ */ o(
|
|
10
10
|
"svg",
|
|
11
11
|
{
|
|
@@ -13,12 +13,12 @@ function s(t) {
|
|
|
13
13
|
height: "5",
|
|
14
14
|
viewBox: "0 0 30 10",
|
|
15
15
|
preserveAspectRatio: "none",
|
|
16
|
-
className: r(
|
|
16
|
+
className: r(p["tooltip__arrow-icon"], t.className),
|
|
17
17
|
children: /* @__PURE__ */ o("polygon", { points: "0,0 30,0 15,10" })
|
|
18
18
|
}
|
|
19
19
|
);
|
|
20
20
|
}
|
|
21
21
|
export {
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
e as T,
|
|
23
|
+
p as t
|
|
24
24
|
};
|
package/dist/tooltip-arrow.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tooltip_j3wze_1{z-index:49;box-shadow:var(--shadow-1);border:1px solid var(--outline-dimmer);border-radius:var(--border-radius-default);background-color:var(--surface-background);padding:var(--space-4) var(--space-8)}._tooltip__arrow_j3wze_10[data-instant]{transition:none}._tooltip__arrow_j3wze_10[data-side=top]{bottom:-4px}._tooltip__arrow_j3wze_10[data-side=bottom]{top:-4px;rotate:180deg}._tooltip__arrow_j3wze_10[data-side=left]{right:-7px;rotate:-90deg}._tooltip__arrow_j3wze_10[data-side=right]{left:-7px;rotate:90deg}._tooltip__arrow-icon_j3wze_35{display:block;position:relative;fill:var(--surface-background)!important;stroke:var(--outline-dimmer);stroke-dasharray:0 30 22 0 22;stroke-linejoin:round;stroke-width:2;border-top:1px solid var(--surface-background)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@koide-labs/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.13",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"exports": {
|
|
@@ -31,10 +31,10 @@
|
|
|
31
31
|
],
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@base-ui/react": "^1.0.0",
|
|
34
|
+
"@npham-dev/cmdk": "^0.0.0",
|
|
34
35
|
"@radix-ui/react-visually-hidden": "^1.2.4",
|
|
35
36
|
"autosize": "^6.0.1",
|
|
36
37
|
"clsx": "^2.1.1",
|
|
37
|
-
"cmdk": "github:npham-dev/cmdk#main&path:/cmdk",
|
|
38
38
|
"date-fns": "^4.1.0",
|
|
39
39
|
"modern-normalize": "^3.0.1",
|
|
40
40
|
"prismjs": "^1.30.0",
|
|
@@ -45,8 +45,8 @@
|
|
|
45
45
|
"peerDependencies": {
|
|
46
46
|
"react": "^19.2.0",
|
|
47
47
|
"react-dom": "^19.2.0",
|
|
48
|
-
"
|
|
49
|
-
"
|
|
48
|
+
"react-markdown": "^10.1.0",
|
|
49
|
+
"remixicon": "^4.8.0"
|
|
50
50
|
},
|
|
51
51
|
"peerDependenciesMeta": {
|
|
52
52
|
"react-markdown": {
|