@gv-tech/ui-web 2.9.1 → 2.12.0
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/accordion.cjs.js +1 -0
- package/dist/accordion.d.ts +18 -0
- package/dist/accordion.es.js +259 -0
- package/dist/alert-dialog.cjs.js +7 -0
- package/dist/alert-dialog.d.ts +43 -0
- package/dist/alert-dialog.es.js +171 -0
- package/dist/alert.cjs.js +1 -0
- package/dist/alert.d.ts +18 -0
- package/dist/alert.es.js +32 -0
- package/dist/aspect-ratio.cjs.js +1 -0
- package/dist/aspect-ratio.d.ts +10 -0
- package/dist/aspect-ratio.es.js +43 -0
- package/dist/avatar.cjs.js +1 -0
- package/dist/avatar.d.ts +15 -0
- package/dist/avatar.es.js +205 -0
- package/dist/badge.cjs.js +1 -0
- package/dist/badge.d.ts +16 -0
- package/dist/badge.es.js +26 -0
- package/dist/breadcrumb.cjs.js +1 -0
- package/dist/breadcrumb.d.ts +35 -0
- package/dist/breadcrumb.es.js +69 -0
- package/dist/button.cjs.js +1 -0
- package/dist/button.d.ts +17 -0
- package/dist/button.es.js +40 -0
- package/dist/calendar.cjs.js +1 -0
- package/dist/calendar.d.ts +29 -0
- package/dist/calendar.es.js +2976 -0
- package/dist/card.cjs.js +1 -0
- package/dist/card.d.ts +19 -0
- package/dist/card.es.js +33 -0
- package/dist/carousel.cjs.js +1 -0
- package/dist/carousel.d.ts +50 -0
- package/dist/carousel.es.js +1403 -0
- package/dist/chart.cjs.js +16 -0
- package/dist/chart.d.ts +60 -0
- package/dist/chart.es.js +4402 -0
- package/dist/checkbox.cjs.js +1 -0
- package/dist/checkbox.d.ts +10 -0
- package/dist/checkbox.es.js +258 -0
- package/dist/collapsible.cjs.js +1 -0
- package/dist/collapsible.d.ts +20 -0
- package/dist/collapsible.es.js +7 -0
- package/dist/command.cjs.js +1 -0
- package/dist/command.d.ts +115 -0
- package/dist/command.es.js +396 -0
- package/dist/context-menu.cjs.js +1 -0
- package/dist/context-menu.d.ts +80 -0
- package/dist/context-menu.es.js +328 -0
- package/dist/dialog.cjs.js +1 -0
- package/dist/dialog.d.ts +31 -0
- package/dist/dialog.es.js +66 -0
- package/dist/drawer.cjs.js +3 -0
- package/dist/drawer.d.ts +65 -0
- package/dist/drawer.es.js +1085 -0
- package/dist/dropdown-menu.cjs.js +1 -0
- package/dist/dropdown-menu.d.ts +80 -0
- package/dist/dropdown-menu.es.js +316 -0
- package/dist/form.cjs.js +1 -0
- package/dist/form.d.ts +53 -0
- package/dist/form.es.js +355 -0
- package/dist/hover-card.cjs.js +1 -0
- package/dist/hover-card.d.ts +19 -0
- package/dist/hover-card.es.js +188 -0
- package/dist/index-0ioNhtNM.mjs +10 -0
- package/dist/index-3j-XAIXT.mjs +55 -0
- package/dist/index-B2XtpfGY.js +1 -0
- package/dist/index-B39Lzq0v.js +1 -0
- package/dist/index-B7n6fy75.js +1 -0
- package/dist/index-B8dxbSWX.js +41 -0
- package/dist/index-BGIK9FQF.js +1 -0
- package/dist/index-BZPx6jYI.mjs +8 -0
- package/dist/index-BoNjHhm4.js +1 -0
- package/dist/index-BtZvtDmp.js +1 -0
- package/dist/index-Bv7qrYW6.mjs +180 -0
- package/dist/index-ByiPJW53.js +5 -0
- package/dist/index-C0dlIQIi.js +1 -0
- package/dist/index-C1qb0595.mjs +27 -0
- package/dist/index-C7HEunrh.mjs +15 -0
- package/dist/index-C8ni3LLa.js +1 -0
- package/dist/index-CCKe-Mpx.mjs +6 -0
- package/dist/index-CD6_IrA-.mjs +10 -0
- package/dist/index-CRyCZJLa.mjs +677 -0
- package/dist/index-CVx1AgNG.mjs +615 -0
- package/dist/index-Ce5TOFAK.js +1 -0
- package/dist/index-CeSLNJ60.mjs +32 -0
- package/dist/index-CefEQe_4.js +1 -0
- package/dist/index-Cj5hzyBi.js +1 -0
- package/dist/index-Cjj_rUPu.js +1 -0
- package/dist/index-Cl3G0jzM.js +1 -0
- package/dist/index-CsjrqSSN.js +1 -0
- package/dist/index-CwfE56Ep.mjs +1545 -0
- package/dist/index-CwyAfCwY.js +1 -0
- package/dist/index-CzY-WZXL.js +1 -0
- package/dist/index-D2HnlO3y.js +1 -0
- package/dist/index-DAWHN3cH.mjs +85 -0
- package/dist/index-DFdF7K7v.mjs +50 -0
- package/dist/index-DIsg7zU7.js +1 -0
- package/dist/index-DKN_vhyX.mjs +32 -0
- package/dist/index-DLcqcWxM.mjs +29 -0
- package/dist/index-DSxf1gN6.mjs +118 -0
- package/dist/index-DYxWvftI.js +1 -0
- package/dist/index-DaILh3TV.mjs +32 -0
- package/dist/index-Dfzl8TxY.mjs +136 -0
- package/dist/index-Dko2XdTk.js +1 -0
- package/dist/index-DlY82G31.mjs +245 -0
- package/dist/index-DnFcfnA9.mjs +13 -0
- package/dist/index-IZ2gq03c.mjs +68 -0
- package/dist/index-K9FzbxYw.mjs +93 -0
- package/dist/index-Le8p9oP4.mjs +60 -0
- package/dist/index-MQ0c3ZX_.js +1 -0
- package/dist/index-_XxjJPRD.js +1 -0
- package/dist/index-_wdrnYim.js +1 -0
- package/dist/index-jv3B4mTd.js +1 -0
- package/dist/index-kaM0u2Q1.js +1 -0
- package/dist/index-p6xVFRb4.mjs +52 -0
- package/dist/index-rKs9bXHr.mjs +6 -0
- package/dist/index-vuPgkS0V.mjs +70 -0
- package/dist/index.cjs.js +1 -0
- package/dist/index.d.ts +1288 -0
- package/dist/index.es.js +289 -0
- package/dist/input.cjs.js +1 -0
- package/dist/input.d.ts +9 -0
- package/dist/input.es.js +19 -0
- package/dist/jsx-runtime-nZSsnGb7.js +6 -0
- package/dist/jsx-runtime-tc70JA_2.mjs +264 -0
- package/dist/label.cjs.js +1 -0
- package/dist/label.d.ts +11 -0
- package/dist/label.es.js +22 -0
- package/dist/menubar.cjs.js +1 -0
- package/dist/menubar.d.ts +79 -0
- package/dist/menubar.es.js +473 -0
- package/dist/navigation-menu.cjs.js +1 -0
- package/dist/navigation-menu.d.ts +47 -0
- package/dist/navigation-menu.es.js +673 -0
- package/dist/pagination.cjs.js +1 -0
- package/dist/pagination.d.ts +68 -0
- package/dist/pagination.es.js +68 -0
- package/dist/popover.cjs.js +1 -0
- package/dist/popover.d.ts +24 -0
- package/dist/popover.es.js +242 -0
- package/dist/progress.cjs.js +6 -0
- package/dist/progress.d.ts +9 -0
- package/dist/progress.es.js +99 -0
- package/dist/radio-group.cjs.js +1 -0
- package/dist/radio-group.d.ts +16 -0
- package/dist/radio-group.es.js +253 -0
- package/dist/resizable.cjs.js +1 -0
- package/dist/resizable.d.ts +22 -0
- package/dist/resizable.es.js +1990 -0
- package/dist/scroll-area.cjs.js +1 -0
- package/dist/scroll-area.d.ts +14 -0
- package/dist/scroll-area.es.js +546 -0
- package/dist/search.cjs.js +1 -0
- package/dist/search.d.ts +15 -0
- package/dist/search.es.js +51 -0
- package/dist/select.cjs.js +1 -0
- package/dist/select.d.ts +54 -0
- package/dist/select.es.js +908 -0
- package/dist/separator.cjs.js +1 -0
- package/dist/separator.d.ts +9 -0
- package/dist/separator.es.js +35 -0
- package/dist/sheet.cjs.js +1 -0
- package/dist/sheet.d.ts +68 -0
- package/dist/sheet.es.js +66 -0
- package/dist/skeleton.cjs.js +1 -0
- package/dist/skeleton.d.ts +9 -0
- package/dist/skeleton.es.js +8 -0
- package/dist/slider.cjs.js +1 -0
- package/dist/slider.d.ts +9 -0
- package/dist/slider.es.js +442 -0
- package/dist/sonner.cjs.js +1 -0
- package/dist/sonner.d.ts +10 -0
- package/dist/sonner.es.js +764 -0
- package/dist/switch.cjs.js +1 -0
- package/dist/switch.d.ts +9 -0
- package/dist/switch.es.js +149 -0
- package/dist/table.cjs.js +1 -0
- package/dist/table.d.ts +43 -0
- package/dist/table.es.js +57 -0
- package/dist/tabs.cjs.js +1 -0
- package/dist/tabs.d.ts +24 -0
- package/dist/tabs.es.js +195 -0
- package/dist/text.cjs.js +1 -0
- package/dist/text.d.ts +17 -0
- package/dist/text.es.js +42 -0
- package/dist/textarea.cjs.js +1 -0
- package/dist/textarea.d.ts +9 -0
- package/dist/textarea.es.js +18 -0
- package/dist/theme-provider.cjs.js +1 -0
- package/dist/theme-provider.d.ts +9 -0
- package/dist/theme-provider.es.js +8 -0
- package/dist/theme-toggle.cjs.js +1 -0
- package/dist/theme-toggle.d.ts +8 -0
- package/dist/theme-toggle.es.js +78 -0
- package/dist/toast.cjs.js +1 -0
- package/dist/toast.d.ts +26 -0
- package/dist/toast.es.js +494 -0
- package/dist/toaster-CIpfms4W.js +1 -0
- package/dist/toaster-jBYXAPRk.mjs +118 -0
- package/dist/toaster.cjs.js +1 -0
- package/dist/toaster.d.ts +6 -0
- package/dist/toaster.es.js +6 -0
- package/dist/toggle-group.cjs.js +1 -0
- package/dist/toggle-group.d.ts +18 -0
- package/dist/toggle-group.es.js +170 -0
- package/dist/toggle.cjs.js +1 -0
- package/dist/toggle.d.ts +14 -0
- package/dist/toggle.es.js +14 -0
- package/dist/tooltip.cjs.js +1 -0
- package/dist/tooltip.d.ts +25 -0
- package/dist/tooltip.es.js +342 -0
- package/dist/utils-B6yFEsav.mjs +8 -0
- package/dist/utils-IjLH3w2e.js +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,442 @@
|
|
|
1
|
+
import { j as d } from "./jsx-runtime-tc70JA_2.mjs";
|
|
2
|
+
import * as c from "react";
|
|
3
|
+
import { c as Y } from "./index-rKs9bXHr.mjs";
|
|
4
|
+
import { c as _, P as A } from "./index-K9FzbxYw.mjs";
|
|
5
|
+
import { u as C } from "./index-DLcqcWxM.mjs";
|
|
6
|
+
import { c as ce } from "./index-IZ2gq03c.mjs";
|
|
7
|
+
import { u as de } from "./index-p6xVFRb4.mjs";
|
|
8
|
+
import { u as ue } from "./index-CD6_IrA-.mjs";
|
|
9
|
+
import { u as fe } from "./index-BZPx6jYI.mjs";
|
|
10
|
+
import { u as me } from "./index-C1qb0595.mjs";
|
|
11
|
+
import { c as pe } from "./index-DFdF7K7v.mjs";
|
|
12
|
+
import { c as Se } from "./utils-B6yFEsav.mjs";
|
|
13
|
+
var $ = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], G = {
|
|
14
|
+
"from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
|
|
15
|
+
"from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
|
|
16
|
+
"from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
|
|
17
|
+
"from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
|
|
18
|
+
}, M = "Slider", [z, he, ge] = pe(M), [W] = ce(M, [
|
|
19
|
+
ge
|
|
20
|
+
]), [ve, V] = W(M), q = c.forwardRef(
|
|
21
|
+
(e, t) => {
|
|
22
|
+
const {
|
|
23
|
+
name: n,
|
|
24
|
+
min: o = 0,
|
|
25
|
+
max: s = 100,
|
|
26
|
+
step: l = 1,
|
|
27
|
+
orientation: r = "horizontal",
|
|
28
|
+
disabled: a = !1,
|
|
29
|
+
minStepsBetweenThumbs: f = 0,
|
|
30
|
+
defaultValue: w = [o],
|
|
31
|
+
value: h,
|
|
32
|
+
onValueChange: i = () => {
|
|
33
|
+
},
|
|
34
|
+
onValueCommit: u = () => {
|
|
35
|
+
},
|
|
36
|
+
inverted: v = !1,
|
|
37
|
+
form: y,
|
|
38
|
+
...g
|
|
39
|
+
} = e, p = c.useRef(/* @__PURE__ */ new Set()), m = c.useRef(0), b = r === "horizontal" ? we : be, [S = [], j] = de({
|
|
40
|
+
prop: h,
|
|
41
|
+
defaultProp: w,
|
|
42
|
+
onChange: (x) => {
|
|
43
|
+
[...p.current][m.current]?.focus(), i(x);
|
|
44
|
+
}
|
|
45
|
+
}), B = c.useRef(S);
|
|
46
|
+
function T(x) {
|
|
47
|
+
const R = De(S, x);
|
|
48
|
+
K(x, R);
|
|
49
|
+
}
|
|
50
|
+
function ae(x) {
|
|
51
|
+
K(x, m.current);
|
|
52
|
+
}
|
|
53
|
+
function le() {
|
|
54
|
+
const x = B.current[m.current];
|
|
55
|
+
S[m.current] !== x && u(S);
|
|
56
|
+
}
|
|
57
|
+
function K(x, R, { commit: N } = { commit: !1 }) {
|
|
58
|
+
const U = Me(l), k = je(Math.round((x - o) / l) * l + o, U), I = Y(k, [o, s]);
|
|
59
|
+
j((E = []) => {
|
|
60
|
+
const P = Re(E, I, R);
|
|
61
|
+
if (Ce(P, f * l)) {
|
|
62
|
+
m.current = P.indexOf(I);
|
|
63
|
+
const F = String(P) !== String(E);
|
|
64
|
+
return F && N && u(P), F ? P : E;
|
|
65
|
+
} else
|
|
66
|
+
return E;
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
return /* @__PURE__ */ d.jsx(
|
|
70
|
+
ve,
|
|
71
|
+
{
|
|
72
|
+
scope: e.__scopeSlider,
|
|
73
|
+
name: n,
|
|
74
|
+
disabled: a,
|
|
75
|
+
min: o,
|
|
76
|
+
max: s,
|
|
77
|
+
valueIndexToChangeRef: m,
|
|
78
|
+
thumbs: p.current,
|
|
79
|
+
values: S,
|
|
80
|
+
orientation: r,
|
|
81
|
+
form: y,
|
|
82
|
+
children: /* @__PURE__ */ d.jsx(z.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ d.jsx(z.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ d.jsx(
|
|
83
|
+
b,
|
|
84
|
+
{
|
|
85
|
+
"aria-disabled": a,
|
|
86
|
+
"data-disabled": a ? "" : void 0,
|
|
87
|
+
...g,
|
|
88
|
+
ref: t,
|
|
89
|
+
onPointerDown: _(g.onPointerDown, () => {
|
|
90
|
+
a || (B.current = S);
|
|
91
|
+
}),
|
|
92
|
+
min: o,
|
|
93
|
+
max: s,
|
|
94
|
+
inverted: v,
|
|
95
|
+
onSlideStart: a ? void 0 : T,
|
|
96
|
+
onSlideMove: a ? void 0 : ae,
|
|
97
|
+
onSlideEnd: a ? void 0 : le,
|
|
98
|
+
onHomeKeyDown: () => !a && K(o, 0, { commit: !0 }),
|
|
99
|
+
onEndKeyDown: () => !a && K(s, S.length - 1, { commit: !0 }),
|
|
100
|
+
onStepKeyDown: ({ event: x, direction: R }) => {
|
|
101
|
+
if (!a) {
|
|
102
|
+
const k = $.includes(x.key) || x.shiftKey && X.includes(x.key) ? 10 : 1, I = m.current, E = S[I], P = l * k * R;
|
|
103
|
+
K(E + P, I, { commit: !0 });
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
) }) })
|
|
108
|
+
}
|
|
109
|
+
);
|
|
110
|
+
}
|
|
111
|
+
);
|
|
112
|
+
q.displayName = M;
|
|
113
|
+
var [J, Q] = W(M, {
|
|
114
|
+
startEdge: "left",
|
|
115
|
+
endEdge: "right",
|
|
116
|
+
size: "width",
|
|
117
|
+
direction: 1
|
|
118
|
+
}), we = c.forwardRef(
|
|
119
|
+
(e, t) => {
|
|
120
|
+
const {
|
|
121
|
+
min: n,
|
|
122
|
+
max: o,
|
|
123
|
+
dir: s,
|
|
124
|
+
inverted: l,
|
|
125
|
+
onSlideStart: r,
|
|
126
|
+
onSlideMove: a,
|
|
127
|
+
onSlideEnd: f,
|
|
128
|
+
onStepKeyDown: w,
|
|
129
|
+
...h
|
|
130
|
+
} = e, [i, u] = c.useState(null), v = C(t, (b) => u(b)), y = c.useRef(void 0), g = ue(s), p = g === "ltr", m = p && !l || !p && l;
|
|
131
|
+
function D(b) {
|
|
132
|
+
const S = y.current || i.getBoundingClientRect(), j = [0, S.width], T = O(j, m ? [n, o] : [o, n]);
|
|
133
|
+
return y.current = S, T(b - S.left);
|
|
134
|
+
}
|
|
135
|
+
return /* @__PURE__ */ d.jsx(
|
|
136
|
+
J,
|
|
137
|
+
{
|
|
138
|
+
scope: e.__scopeSlider,
|
|
139
|
+
startEdge: m ? "left" : "right",
|
|
140
|
+
endEdge: m ? "right" : "left",
|
|
141
|
+
direction: m ? 1 : -1,
|
|
142
|
+
size: "width",
|
|
143
|
+
children: /* @__PURE__ */ d.jsx(
|
|
144
|
+
Z,
|
|
145
|
+
{
|
|
146
|
+
dir: g,
|
|
147
|
+
"data-orientation": "horizontal",
|
|
148
|
+
...h,
|
|
149
|
+
ref: v,
|
|
150
|
+
style: {
|
|
151
|
+
...h.style,
|
|
152
|
+
"--radix-slider-thumb-transform": "translateX(-50%)"
|
|
153
|
+
},
|
|
154
|
+
onSlideStart: (b) => {
|
|
155
|
+
const S = D(b.clientX);
|
|
156
|
+
r?.(S);
|
|
157
|
+
},
|
|
158
|
+
onSlideMove: (b) => {
|
|
159
|
+
const S = D(b.clientX);
|
|
160
|
+
a?.(S);
|
|
161
|
+
},
|
|
162
|
+
onSlideEnd: () => {
|
|
163
|
+
y.current = void 0, f?.();
|
|
164
|
+
},
|
|
165
|
+
onStepKeyDown: (b) => {
|
|
166
|
+
const j = G[m ? "from-left" : "from-right"].includes(b.key);
|
|
167
|
+
w?.({ event: b, direction: j ? -1 : 1 });
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
)
|
|
171
|
+
}
|
|
172
|
+
);
|
|
173
|
+
}
|
|
174
|
+
), be = c.forwardRef(
|
|
175
|
+
(e, t) => {
|
|
176
|
+
const {
|
|
177
|
+
min: n,
|
|
178
|
+
max: o,
|
|
179
|
+
inverted: s,
|
|
180
|
+
onSlideStart: l,
|
|
181
|
+
onSlideMove: r,
|
|
182
|
+
onSlideEnd: a,
|
|
183
|
+
onStepKeyDown: f,
|
|
184
|
+
...w
|
|
185
|
+
} = e, h = c.useRef(null), i = C(t, h), u = c.useRef(void 0), v = !s;
|
|
186
|
+
function y(g) {
|
|
187
|
+
const p = u.current || h.current.getBoundingClientRect(), m = [0, p.height], b = O(m, v ? [o, n] : [n, o]);
|
|
188
|
+
return u.current = p, b(g - p.top);
|
|
189
|
+
}
|
|
190
|
+
return /* @__PURE__ */ d.jsx(
|
|
191
|
+
J,
|
|
192
|
+
{
|
|
193
|
+
scope: e.__scopeSlider,
|
|
194
|
+
startEdge: v ? "bottom" : "top",
|
|
195
|
+
endEdge: v ? "top" : "bottom",
|
|
196
|
+
size: "height",
|
|
197
|
+
direction: v ? 1 : -1,
|
|
198
|
+
children: /* @__PURE__ */ d.jsx(
|
|
199
|
+
Z,
|
|
200
|
+
{
|
|
201
|
+
"data-orientation": "vertical",
|
|
202
|
+
...w,
|
|
203
|
+
ref: i,
|
|
204
|
+
style: {
|
|
205
|
+
...w.style,
|
|
206
|
+
"--radix-slider-thumb-transform": "translateY(50%)"
|
|
207
|
+
},
|
|
208
|
+
onSlideStart: (g) => {
|
|
209
|
+
const p = y(g.clientY);
|
|
210
|
+
l?.(p);
|
|
211
|
+
},
|
|
212
|
+
onSlideMove: (g) => {
|
|
213
|
+
const p = y(g.clientY);
|
|
214
|
+
r?.(p);
|
|
215
|
+
},
|
|
216
|
+
onSlideEnd: () => {
|
|
217
|
+
u.current = void 0, a?.();
|
|
218
|
+
},
|
|
219
|
+
onStepKeyDown: (g) => {
|
|
220
|
+
const m = G[v ? "from-bottom" : "from-top"].includes(g.key);
|
|
221
|
+
f?.({ event: g, direction: m ? -1 : 1 });
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
)
|
|
225
|
+
}
|
|
226
|
+
);
|
|
227
|
+
}
|
|
228
|
+
), Z = c.forwardRef(
|
|
229
|
+
(e, t) => {
|
|
230
|
+
const {
|
|
231
|
+
__scopeSlider: n,
|
|
232
|
+
onSlideStart: o,
|
|
233
|
+
onSlideMove: s,
|
|
234
|
+
onSlideEnd: l,
|
|
235
|
+
onHomeKeyDown: r,
|
|
236
|
+
onEndKeyDown: a,
|
|
237
|
+
onStepKeyDown: f,
|
|
238
|
+
...w
|
|
239
|
+
} = e, h = V(M, n);
|
|
240
|
+
return /* @__PURE__ */ d.jsx(
|
|
241
|
+
A.span,
|
|
242
|
+
{
|
|
243
|
+
...w,
|
|
244
|
+
ref: t,
|
|
245
|
+
onKeyDown: _(e.onKeyDown, (i) => {
|
|
246
|
+
i.key === "Home" ? (r(i), i.preventDefault()) : i.key === "End" ? (a(i), i.preventDefault()) : $.concat(X).includes(i.key) && (f(i), i.preventDefault());
|
|
247
|
+
}),
|
|
248
|
+
onPointerDown: _(e.onPointerDown, (i) => {
|
|
249
|
+
const u = i.target;
|
|
250
|
+
u.setPointerCapture(i.pointerId), i.preventDefault(), h.thumbs.has(u) ? u.focus() : o(i);
|
|
251
|
+
}),
|
|
252
|
+
onPointerMove: _(e.onPointerMove, (i) => {
|
|
253
|
+
i.target.hasPointerCapture(i.pointerId) && s(i);
|
|
254
|
+
}),
|
|
255
|
+
onPointerUp: _(e.onPointerUp, (i) => {
|
|
256
|
+
const u = i.target;
|
|
257
|
+
u.hasPointerCapture(i.pointerId) && (u.releasePointerCapture(i.pointerId), l(i));
|
|
258
|
+
})
|
|
259
|
+
}
|
|
260
|
+
);
|
|
261
|
+
}
|
|
262
|
+
), ee = "SliderTrack", te = c.forwardRef(
|
|
263
|
+
(e, t) => {
|
|
264
|
+
const { __scopeSlider: n, ...o } = e, s = V(ee, n);
|
|
265
|
+
return /* @__PURE__ */ d.jsx(
|
|
266
|
+
A.span,
|
|
267
|
+
{
|
|
268
|
+
"data-disabled": s.disabled ? "" : void 0,
|
|
269
|
+
"data-orientation": s.orientation,
|
|
270
|
+
...o,
|
|
271
|
+
ref: t
|
|
272
|
+
}
|
|
273
|
+
);
|
|
274
|
+
}
|
|
275
|
+
);
|
|
276
|
+
te.displayName = ee;
|
|
277
|
+
var H = "SliderRange", ne = c.forwardRef(
|
|
278
|
+
(e, t) => {
|
|
279
|
+
const { __scopeSlider: n, ...o } = e, s = V(H, n), l = Q(H, n), r = c.useRef(null), a = C(t, r), f = s.values.length, w = s.values.map(
|
|
280
|
+
(u) => ie(u, s.min, s.max)
|
|
281
|
+
), h = f > 1 ? Math.min(...w) : 0, i = 100 - Math.max(...w);
|
|
282
|
+
return /* @__PURE__ */ d.jsx(
|
|
283
|
+
A.span,
|
|
284
|
+
{
|
|
285
|
+
"data-orientation": s.orientation,
|
|
286
|
+
"data-disabled": s.disabled ? "" : void 0,
|
|
287
|
+
...o,
|
|
288
|
+
ref: a,
|
|
289
|
+
style: {
|
|
290
|
+
...e.style,
|
|
291
|
+
[l.startEdge]: h + "%",
|
|
292
|
+
[l.endEdge]: i + "%"
|
|
293
|
+
}
|
|
294
|
+
}
|
|
295
|
+
);
|
|
296
|
+
}
|
|
297
|
+
);
|
|
298
|
+
ne.displayName = H;
|
|
299
|
+
var L = "SliderThumb", oe = c.forwardRef(
|
|
300
|
+
(e, t) => {
|
|
301
|
+
const n = he(e.__scopeSlider), [o, s] = c.useState(null), l = C(t, (a) => s(a)), r = c.useMemo(
|
|
302
|
+
() => o ? n().findIndex((a) => a.ref.current === o) : -1,
|
|
303
|
+
[n, o]
|
|
304
|
+
);
|
|
305
|
+
return /* @__PURE__ */ d.jsx(xe, { ...e, ref: l, index: r });
|
|
306
|
+
}
|
|
307
|
+
), xe = c.forwardRef(
|
|
308
|
+
(e, t) => {
|
|
309
|
+
const { __scopeSlider: n, index: o, name: s, ...l } = e, r = V(L, n), a = Q(L, n), [f, w] = c.useState(null), h = C(t, (D) => w(D)), i = f ? r.form || !!f.closest("form") : !0, u = me(f), v = r.values[o], y = v === void 0 ? 0 : ie(v, r.min, r.max), g = Pe(o, r.values.length), p = u?.[a.size], m = p ? Ee(p, y, a.direction) : 0;
|
|
310
|
+
return c.useEffect(() => {
|
|
311
|
+
if (f)
|
|
312
|
+
return r.thumbs.add(f), () => {
|
|
313
|
+
r.thumbs.delete(f);
|
|
314
|
+
};
|
|
315
|
+
}, [f, r.thumbs]), /* @__PURE__ */ d.jsxs(
|
|
316
|
+
"span",
|
|
317
|
+
{
|
|
318
|
+
style: {
|
|
319
|
+
transform: "var(--radix-slider-thumb-transform)",
|
|
320
|
+
position: "absolute",
|
|
321
|
+
[a.startEdge]: `calc(${y}% + ${m}px)`
|
|
322
|
+
},
|
|
323
|
+
children: [
|
|
324
|
+
/* @__PURE__ */ d.jsx(z.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ d.jsx(
|
|
325
|
+
A.span,
|
|
326
|
+
{
|
|
327
|
+
role: "slider",
|
|
328
|
+
"aria-label": e["aria-label"] || g,
|
|
329
|
+
"aria-valuemin": r.min,
|
|
330
|
+
"aria-valuenow": v,
|
|
331
|
+
"aria-valuemax": r.max,
|
|
332
|
+
"aria-orientation": r.orientation,
|
|
333
|
+
"data-orientation": r.orientation,
|
|
334
|
+
"data-disabled": r.disabled ? "" : void 0,
|
|
335
|
+
tabIndex: r.disabled ? void 0 : 0,
|
|
336
|
+
...l,
|
|
337
|
+
ref: h,
|
|
338
|
+
style: v === void 0 ? { display: "none" } : e.style,
|
|
339
|
+
onFocus: _(e.onFocus, () => {
|
|
340
|
+
r.valueIndexToChangeRef.current = o;
|
|
341
|
+
})
|
|
342
|
+
}
|
|
343
|
+
) }),
|
|
344
|
+
i && /* @__PURE__ */ d.jsx(
|
|
345
|
+
re,
|
|
346
|
+
{
|
|
347
|
+
name: s ?? (r.name ? r.name + (r.values.length > 1 ? "[]" : "") : void 0),
|
|
348
|
+
form: r.form,
|
|
349
|
+
value: v
|
|
350
|
+
},
|
|
351
|
+
o
|
|
352
|
+
)
|
|
353
|
+
]
|
|
354
|
+
}
|
|
355
|
+
);
|
|
356
|
+
}
|
|
357
|
+
);
|
|
358
|
+
oe.displayName = L;
|
|
359
|
+
var ye = "RadioBubbleInput", re = c.forwardRef(
|
|
360
|
+
({ __scopeSlider: e, value: t, ...n }, o) => {
|
|
361
|
+
const s = c.useRef(null), l = C(s, o), r = fe(t);
|
|
362
|
+
return c.useEffect(() => {
|
|
363
|
+
const a = s.current;
|
|
364
|
+
if (!a) return;
|
|
365
|
+
const f = window.HTMLInputElement.prototype, h = Object.getOwnPropertyDescriptor(f, "value").set;
|
|
366
|
+
if (r !== t && h) {
|
|
367
|
+
const i = new Event("input", { bubbles: !0 });
|
|
368
|
+
h.call(a, t), a.dispatchEvent(i);
|
|
369
|
+
}
|
|
370
|
+
}, [r, t]), /* @__PURE__ */ d.jsx(
|
|
371
|
+
A.input,
|
|
372
|
+
{
|
|
373
|
+
style: { display: "none" },
|
|
374
|
+
...n,
|
|
375
|
+
ref: l,
|
|
376
|
+
defaultValue: t
|
|
377
|
+
}
|
|
378
|
+
);
|
|
379
|
+
}
|
|
380
|
+
);
|
|
381
|
+
re.displayName = ye;
|
|
382
|
+
function Re(e = [], t, n) {
|
|
383
|
+
const o = [...e];
|
|
384
|
+
return o[n] = t, o.sort((s, l) => s - l);
|
|
385
|
+
}
|
|
386
|
+
function ie(e, t, n) {
|
|
387
|
+
const l = 100 / (n - t) * (e - t);
|
|
388
|
+
return Y(l, [0, 100]);
|
|
389
|
+
}
|
|
390
|
+
function Pe(e, t) {
|
|
391
|
+
return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
|
|
392
|
+
}
|
|
393
|
+
function De(e, t) {
|
|
394
|
+
if (e.length === 1) return 0;
|
|
395
|
+
const n = e.map((s) => Math.abs(s - t)), o = Math.min(...n);
|
|
396
|
+
return n.indexOf(o);
|
|
397
|
+
}
|
|
398
|
+
function Ee(e, t, n) {
|
|
399
|
+
const o = e / 2, l = O([0, 50], [0, o]);
|
|
400
|
+
return (o - l(t) * n) * n;
|
|
401
|
+
}
|
|
402
|
+
function _e(e) {
|
|
403
|
+
return e.slice(0, -1).map((t, n) => e[n + 1] - t);
|
|
404
|
+
}
|
|
405
|
+
function Ce(e, t) {
|
|
406
|
+
if (t > 0) {
|
|
407
|
+
const n = _e(e);
|
|
408
|
+
return Math.min(...n) >= t;
|
|
409
|
+
}
|
|
410
|
+
return !0;
|
|
411
|
+
}
|
|
412
|
+
function O(e, t) {
|
|
413
|
+
return (n) => {
|
|
414
|
+
if (e[0] === e[1] || t[0] === t[1]) return t[0];
|
|
415
|
+
const o = (t[1] - t[0]) / (e[1] - e[0]);
|
|
416
|
+
return t[0] + o * (n - e[0]);
|
|
417
|
+
};
|
|
418
|
+
}
|
|
419
|
+
function Me(e) {
|
|
420
|
+
return (String(e).split(".")[1] || "").length;
|
|
421
|
+
}
|
|
422
|
+
function je(e, t) {
|
|
423
|
+
const n = Math.pow(10, t);
|
|
424
|
+
return Math.round(e * n) / n;
|
|
425
|
+
}
|
|
426
|
+
var se = q, Ke = te, Ie = ne, Ae = oe;
|
|
427
|
+
const Ve = c.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ d.jsxs(
|
|
428
|
+
se,
|
|
429
|
+
{
|
|
430
|
+
ref: n,
|
|
431
|
+
className: Se("relative flex w-full touch-none items-center select-none", e),
|
|
432
|
+
...t,
|
|
433
|
+
children: [
|
|
434
|
+
/* @__PURE__ */ d.jsx(Ke, { className: "bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full", children: /* @__PURE__ */ d.jsx(Ie, { className: "bg-primary absolute h-full" }) }),
|
|
435
|
+
/* @__PURE__ */ d.jsx(Ae, { className: "border-primary/50 bg-background focus-visible:ring-ring block h-4 w-4 rounded-full border shadow transition-colors focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50" })
|
|
436
|
+
]
|
|
437
|
+
}
|
|
438
|
+
));
|
|
439
|
+
Ve.displayName = se.displayName;
|
|
440
|
+
export {
|
|
441
|
+
Ve as Slider
|
|
442
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ut=require("./jsx-runtime-nZSsnGb7.js"),Xt=require("./index-CsjrqSSN.js"),a=require("react"),Wt=require("react-dom");function qt(r){if(typeof document>"u")return;let o=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css",o.appendChild(e),e.styleSheet?e.styleSheet.cssText=r:e.appendChild(document.createTextNode(r))}const Kt=r=>{switch(r){case"success":return Jt;case"info":return te;case"warning":return Zt;case"error":return ee;default:return null}},Gt=Array(12).fill(0),Qt=({visible:r,className:o})=>a.createElement("div",{className:["sonner-loading-wrapper",o].filter(Boolean).join(" "),"data-visible":r},a.createElement("div",{className:"sonner-spinner"},Gt.map((e,s)=>a.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${s}`})))),Jt=a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},a.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),Zt=a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},a.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),te=a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},a.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),ee=a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},a.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),ae=a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},a.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),a.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),oe=()=>{const[r,o]=a.useState(document.hidden);return a.useEffect(()=>{const e=()=>{o(document.hidden)};return document.addEventListener("visibilitychange",e),()=>window.removeEventListener("visibilitychange",e)},[]),r};let wt=1;class se{constructor(){this.subscribe=o=>(this.subscribers.push(o),()=>{const e=this.subscribers.indexOf(o);this.subscribers.splice(e,1)}),this.publish=o=>{this.subscribers.forEach(e=>e(o))},this.addToast=o=>{this.publish(o),this.toasts=[...this.toasts,o]},this.create=o=>{var e;const{message:s,...C}=o,u=typeof o?.id=="number"||((e=o.id)==null?void 0:e.length)>0?o.id:wt++,g=this.toasts.find(b=>b.id===u),_=o.dismissible===void 0?!0:o.dismissible;return this.dismissedToasts.has(u)&&this.dismissedToasts.delete(u),g?this.toasts=this.toasts.map(b=>b.id===u?(this.publish({...b,...o,id:u,title:s}),{...b,...o,id:u,dismissible:_,title:s}):b):this.addToast({title:s,...C,dismissible:_,id:u}),u},this.dismiss=o=>(o?(this.dismissedToasts.add(o),requestAnimationFrame(()=>this.subscribers.forEach(e=>e({id:o,dismiss:!0})))):this.toasts.forEach(e=>{this.subscribers.forEach(s=>s({id:e.id,dismiss:!0}))}),o),this.message=(o,e)=>this.create({...e,message:o}),this.error=(o,e)=>this.create({...e,message:o,type:"error"}),this.success=(o,e)=>this.create({...e,type:"success",message:o}),this.info=(o,e)=>this.create({...e,type:"info",message:o}),this.warning=(o,e)=>this.create({...e,type:"warning",message:o}),this.loading=(o,e)=>this.create({...e,type:"loading",message:o}),this.promise=(o,e)=>{if(!e)return;let s;e.loading!==void 0&&(s=this.create({...e,promise:o,type:"loading",message:e.loading,description:typeof e.description!="function"?e.description:void 0}));const C=Promise.resolve(o instanceof Function?o():o);let u=s!==void 0,g;const _=C.then(async i=>{if(g=["resolve",i],a.isValidElement(i))u=!1,this.create({id:s,type:"default",message:i});else if(re(i)&&!i.ok){u=!1;const t=typeof e.error=="function"?await e.error(`HTTP error! status: ${i.status}`):e.error,w=typeof e.description=="function"?await e.description(`HTTP error! status: ${i.status}`):e.description,E=typeof t=="object"&&!a.isValidElement(t)?t:{message:t};this.create({id:s,type:"error",description:w,...E})}else if(i instanceof Error){u=!1;const t=typeof e.error=="function"?await e.error(i):e.error,w=typeof e.description=="function"?await e.description(i):e.description,E=typeof t=="object"&&!a.isValidElement(t)?t:{message:t};this.create({id:s,type:"error",description:w,...E})}else if(e.success!==void 0){u=!1;const t=typeof e.success=="function"?await e.success(i):e.success,w=typeof e.description=="function"?await e.description(i):e.description,E=typeof t=="object"&&!a.isValidElement(t)?t:{message:t};this.create({id:s,type:"success",description:w,...E})}}).catch(async i=>{if(g=["reject",i],e.error!==void 0){u=!1;const T=typeof e.error=="function"?await e.error(i):e.error,t=typeof e.description=="function"?await e.description(i):e.description,H=typeof T=="object"&&!a.isValidElement(T)?T:{message:T};this.create({id:s,type:"error",description:t,...H})}}).finally(()=>{u&&(this.dismiss(s),s=void 0),e.finally==null||e.finally.call(e)}),b=()=>new Promise((i,T)=>_.then(()=>g[0]==="reject"?T(g[1]):i(g[1])).catch(T));return typeof s!="string"&&typeof s!="number"?{unwrap:b}:Object.assign(s,{unwrap:b})},this.custom=(o,e)=>{const s=e?.id||wt++;return this.create({jsx:o(s),id:s,...e}),s},this.getActiveToasts=()=>this.toasts.filter(o=>!this.dismissedToasts.has(o.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}}const S=new se,ne=(r,o)=>{const e=o?.id||wt++;return S.addToast({title:r,...o,id:e}),e},re=r=>r&&typeof r=="object"&&"ok"in r&&typeof r.ok=="boolean"&&"status"in r&&typeof r.status=="number",ie=ne,le=()=>S.toasts,de=()=>S.getActiveToasts();Object.assign(ie,{success:S.success,info:S.info,warning:S.warning,error:S.error,custom:S.custom,message:S.message,promise:S.promise,dismiss:S.dismiss,loading:S.loading},{getHistory:le,getToasts:de});qt("[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}");function mt(r){return r.label!==void 0}const ce=3,ue="24px",fe="16px",Mt=4e3,me=356,pe=14,ge=45,he=200;function O(...r){return r.filter(Boolean).join(" ")}function be(r){const[o,e]=r.split("-"),s=[];return o&&s.push(o),e&&s.push(e),s}const ve=r=>{var o,e,s,C,u,g,_,b,i;const{invert:T,toast:t,unstyled:w,interacting:H,setHeights:E,visibleToasts:pt,heights:U,index:d,toasts:ot,expanded:X,removeToast:st,defaultRichColors:gt,closeButton:j,style:Z,cancelButtonStyle:Y,actionButtonStyle:ht,className:nt="",descriptionClassName:bt="",duration:tt,position:A,gap:rt,expandByDefault:et,classNames:c,icons:v,closeButtonAriaLabel:P="Close toast"}=r,[$,B]=a.useState(null),[F,it]=a.useState(null),[l,p]=a.useState(!1),[m,R]=a.useState(!1),[W,f]=a.useState(!1),[q,lt]=a.useState(!1),[dt,K]=a.useState(!1),[Ct,vt]=a.useState(0),[At,Et]=a.useState(0),at=a.useRef(t.duration||tt||Mt),Tt=a.useRef(null),z=a.useRef(null),Ot=d===0,Ht=d+1<=pt,N=t.type,G=t.dismissible!==!1,jt=t.className||"",zt=t.descriptionClassName||"",ct=a.useMemo(()=>U.findIndex(n=>n.toastId===t.id)||0,[U,t.id]),Pt=a.useMemo(()=>{var n;return(n=t.closeButton)!=null?n:j},[t.closeButton,j]),St=a.useMemo(()=>t.duration||tt||Mt,[t.duration,tt]),yt=a.useRef(0),Q=a.useRef(0),Nt=a.useRef(0),J=a.useRef(null),[Lt,Yt]=A.split("-"),kt=a.useMemo(()=>U.reduce((n,h,x)=>x>=ct?n:n+h.height,0),[U,ct]),_t=oe(),$t=t.invert||T,xt=N==="loading";Q.current=a.useMemo(()=>ct*rt+kt,[ct,kt]),a.useEffect(()=>{at.current=St},[St]),a.useEffect(()=>{p(!0)},[]),a.useEffect(()=>{const n=z.current;if(n){const h=n.getBoundingClientRect().height;return Et(h),E(x=>[{toastId:t.id,height:h,position:t.position},...x]),()=>E(x=>x.filter(k=>k.toastId!==t.id))}},[E,t.id]),a.useLayoutEffect(()=>{if(!l)return;const n=z.current,h=n.style.height;n.style.height="auto";const x=n.getBoundingClientRect().height;n.style.height=h,Et(x),E(k=>k.find(y=>y.toastId===t.id)?k.map(y=>y.toastId===t.id?{...y,height:x}:y):[{toastId:t.id,height:x,position:t.position},...k])},[l,t.title,t.description,E,t.id,t.jsx,t.action,t.cancel]);const L=a.useCallback(()=>{R(!0),vt(Q.current),E(n=>n.filter(h=>h.toastId!==t.id)),setTimeout(()=>{st(t)},he)},[t,st,E,Q]);a.useEffect(()=>{if(t.promise&&N==="loading"||t.duration===1/0||t.type==="loading")return;let n;return X||H||_t?(()=>{if(Nt.current<yt.current){const k=new Date().getTime()-yt.current;at.current=at.current-k}Nt.current=new Date().getTime()})():at.current!==1/0&&(yt.current=new Date().getTime(),n=setTimeout(()=>{t.onAutoClose==null||t.onAutoClose.call(t,t),L()},at.current)),()=>clearTimeout(n)},[X,H,t,N,_t,L]),a.useEffect(()=>{t.delete&&(L(),t.onDismiss==null||t.onDismiss.call(t,t))},[L,t.delete]);function Ft(){var n;if(v?.loading){var h;return a.createElement("div",{className:O(c?.loader,t==null||(h=t.classNames)==null?void 0:h.loader,"sonner-loader"),"data-visible":N==="loading"},v.loading)}return a.createElement(Qt,{className:O(c?.loader,t==null||(n=t.classNames)==null?void 0:n.loader),visible:N==="loading"})}const Vt=t.icon||v?.[N]||Kt(N);var Rt,Dt;return a.createElement("li",{tabIndex:0,ref:z,className:O(nt,jt,c?.toast,t==null||(o=t.classNames)==null?void 0:o.toast,c?.default,c?.[N],t==null||(e=t.classNames)==null?void 0:e[N]),"data-sonner-toast":"","data-rich-colors":(Rt=t.richColors)!=null?Rt:gt,"data-styled":!(t.jsx||t.unstyled||w),"data-mounted":l,"data-promise":!!t.promise,"data-swiped":dt,"data-removed":m,"data-visible":Ht,"data-y-position":Lt,"data-x-position":Yt,"data-index":d,"data-front":Ot,"data-swiping":W,"data-dismissible":G,"data-type":N,"data-invert":$t,"data-swipe-out":q,"data-swipe-direction":F,"data-expanded":!!(X||et&&l),"data-testid":t.testId,style:{"--index":d,"--toasts-before":d,"--z-index":ot.length-d,"--offset":`${m?Ct:Q.current}px`,"--initial-height":et?"auto":`${At}px`,...Z,...t.style},onDragEnd:()=>{f(!1),B(null),J.current=null},onPointerDown:n=>{n.button!==2&&(xt||!G||(Tt.current=new Date,vt(Q.current),n.target.setPointerCapture(n.pointerId),n.target.tagName!=="BUTTON"&&(f(!0),J.current={x:n.clientX,y:n.clientY})))},onPointerUp:()=>{var n,h,x;if(q||!G)return;J.current=null;const k=Number(((n=z.current)==null?void 0:n.style.getPropertyValue("--swipe-amount-x").replace("px",""))||0),ut=Number(((h=z.current)==null?void 0:h.style.getPropertyValue("--swipe-amount-y").replace("px",""))||0),y=new Date().getTime()-((x=Tt.current)==null?void 0:x.getTime()),D=$==="x"?k:ut,ft=Math.abs(D)/y;if(Math.abs(D)>=ge||ft>.11){vt(Q.current),t.onDismiss==null||t.onDismiss.call(t,t),it($==="x"?k>0?"right":"left":ut>0?"down":"up"),L(),lt(!0);return}else{var M,I;(M=z.current)==null||M.style.setProperty("--swipe-amount-x","0px"),(I=z.current)==null||I.style.setProperty("--swipe-amount-y","0px")}K(!1),f(!1),B(null)},onPointerMove:n=>{var h,x,k;if(!J.current||!G||((h=window.getSelection())==null?void 0:h.toString().length)>0)return;const y=n.clientY-J.current.y,D=n.clientX-J.current.x;var ft;const M=(ft=r.swipeDirections)!=null?ft:be(A);!$&&(Math.abs(D)>1||Math.abs(y)>1)&&B(Math.abs(D)>Math.abs(y)?"x":"y");let I={x:0,y:0};const Bt=V=>1/(1.5+Math.abs(V)/20);if($==="y"){if(M.includes("top")||M.includes("bottom"))if(M.includes("top")&&y<0||M.includes("bottom")&&y>0)I.y=y;else{const V=y*Bt(y);I.y=Math.abs(V)<Math.abs(y)?V:y}}else if($==="x"&&(M.includes("left")||M.includes("right")))if(M.includes("left")&&D<0||M.includes("right")&&D>0)I.x=D;else{const V=D*Bt(D);I.x=Math.abs(V)<Math.abs(D)?V:D}(Math.abs(I.x)>0||Math.abs(I.y)>0)&&K(!0),(x=z.current)==null||x.style.setProperty("--swipe-amount-x",`${I.x}px`),(k=z.current)==null||k.style.setProperty("--swipe-amount-y",`${I.y}px`)}},Pt&&!t.jsx&&N!=="loading"?a.createElement("button",{"aria-label":P,"data-disabled":xt,"data-close-button":!0,onClick:xt||!G?()=>{}:()=>{L(),t.onDismiss==null||t.onDismiss.call(t,t)},className:O(c?.closeButton,t==null||(s=t.classNames)==null?void 0:s.closeButton)},(Dt=v?.close)!=null?Dt:ae):null,(N||t.icon||t.promise)&&t.icon!==null&&(v?.[N]!==null||t.icon)?a.createElement("div",{"data-icon":"",className:O(c?.icon,t==null||(C=t.classNames)==null?void 0:C.icon)},t.promise||t.type==="loading"&&!t.icon?t.icon||Ft():null,t.type!=="loading"?Vt:null):null,a.createElement("div",{"data-content":"",className:O(c?.content,t==null||(u=t.classNames)==null?void 0:u.content)},a.createElement("div",{"data-title":"",className:O(c?.title,t==null||(g=t.classNames)==null?void 0:g.title)},t.jsx?t.jsx:typeof t.title=="function"?t.title():t.title),t.description?a.createElement("div",{"data-description":"",className:O(bt,zt,c?.description,t==null||(_=t.classNames)==null?void 0:_.description)},typeof t.description=="function"?t.description():t.description):null),a.isValidElement(t.cancel)?t.cancel:t.cancel&&mt(t.cancel)?a.createElement("button",{"data-button":!0,"data-cancel":!0,style:t.cancelButtonStyle||Y,onClick:n=>{mt(t.cancel)&&G&&(t.cancel.onClick==null||t.cancel.onClick.call(t.cancel,n),L())},className:O(c?.cancelButton,t==null||(b=t.classNames)==null?void 0:b.cancelButton)},t.cancel.label):null,a.isValidElement(t.action)?t.action:t.action&&mt(t.action)?a.createElement("button",{"data-button":!0,"data-action":!0,style:t.actionButtonStyle||ht,onClick:n=>{mt(t.action)&&(t.action.onClick==null||t.action.onClick.call(t.action,n),!n.defaultPrevented&&L())},className:O(c?.actionButton,t==null||(i=t.classNames)==null?void 0:i.actionButton)},t.action.label):null)};function It(){if(typeof window>"u"||typeof document>"u")return"ltr";const r=document.documentElement.getAttribute("dir");return r==="auto"||!r?window.getComputedStyle(document.documentElement).direction:r}function ye(r,o){const e={};return[r,o].forEach((s,C)=>{const u=C===1,g=u?"--mobile-offset":"--offset",_=u?fe:ue;function b(i){["top","right","bottom","left"].forEach(T=>{e[`${g}-${T}`]=typeof i=="number"?`${i}px`:i})}typeof s=="number"||typeof s=="string"?b(s):typeof s=="object"?["top","right","bottom","left"].forEach(i=>{s[i]===void 0?e[`${g}-${i}`]=_:e[`${g}-${i}`]=typeof s[i]=="number"?`${s[i]}px`:s[i]}):b(_)}),e}const xe=a.forwardRef(function(o,e){const{id:s,invert:C,position:u="bottom-right",hotkey:g=["altKey","KeyT"],expand:_,closeButton:b,className:i,offset:T,mobileOffset:t,theme:w="light",richColors:H,duration:E,style:pt,visibleToasts:U=ce,toastOptions:d,dir:ot=It(),gap:X=pe,icons:st,containerAriaLabel:gt="Notifications"}=o,[j,Z]=a.useState([]),Y=a.useMemo(()=>s?j.filter(l=>l.toasterId===s):j.filter(l=>!l.toasterId),[j,s]),ht=a.useMemo(()=>Array.from(new Set([u].concat(Y.filter(l=>l.position).map(l=>l.position)))),[Y,u]),[nt,bt]=a.useState([]),[tt,A]=a.useState(!1),[rt,et]=a.useState(!1),[c,v]=a.useState(w!=="system"?w:typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),P=a.useRef(null),$=g.join("+").replace(/Key/g,"").replace(/Digit/g,""),B=a.useRef(null),F=a.useRef(!1),it=a.useCallback(l=>{Z(p=>{var m;return(m=p.find(R=>R.id===l.id))!=null&&m.delete||S.dismiss(l.id),p.filter(({id:R})=>R!==l.id)})},[]);return a.useEffect(()=>S.subscribe(l=>{if(l.dismiss){requestAnimationFrame(()=>{Z(p=>p.map(m=>m.id===l.id?{...m,delete:!0}:m))});return}setTimeout(()=>{Wt.flushSync(()=>{Z(p=>{const m=p.findIndex(R=>R.id===l.id);return m!==-1?[...p.slice(0,m),{...p[m],...l},...p.slice(m+1)]:[l,...p]})})})}),[j]),a.useEffect(()=>{if(w!=="system"){v(w);return}if(w==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?v("dark"):v("light")),typeof window>"u")return;const l=window.matchMedia("(prefers-color-scheme: dark)");try{l.addEventListener("change",({matches:p})=>{v(p?"dark":"light")})}catch{l.addListener(({matches:m})=>{try{v(m?"dark":"light")}catch(R){console.error(R)}})}},[w]),a.useEffect(()=>{j.length<=1&&A(!1)},[j]),a.useEffect(()=>{const l=p=>{var m;if(g.every(f=>p[f]||p.code===f)){var W;A(!0),(W=P.current)==null||W.focus()}p.code==="Escape"&&(document.activeElement===P.current||(m=P.current)!=null&&m.contains(document.activeElement))&&A(!1)};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[g]),a.useEffect(()=>{if(P.current)return()=>{B.current&&(B.current.focus({preventScroll:!0}),B.current=null,F.current=!1)}},[P.current]),a.createElement("section",{ref:e,"aria-label":`${gt} ${$}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false",suppressHydrationWarning:!0},ht.map((l,p)=>{var m;const[R,W]=l.split("-");return Y.length?a.createElement("ol",{key:l,dir:ot==="auto"?It():ot,tabIndex:-1,ref:P,className:i,"data-sonner-toaster":!0,"data-sonner-theme":c,"data-y-position":R,"data-x-position":W,style:{"--front-toast-height":`${((m=nt[0])==null?void 0:m.height)||0}px`,"--width":`${me}px`,"--gap":`${X}px`,...pt,...ye(T,t)},onBlur:f=>{F.current&&!f.currentTarget.contains(f.relatedTarget)&&(F.current=!1,B.current&&(B.current.focus({preventScroll:!0}),B.current=null))},onFocus:f=>{f.target instanceof HTMLElement&&f.target.dataset.dismissible==="false"||F.current||(F.current=!0,B.current=f.relatedTarget)},onMouseEnter:()=>A(!0),onMouseMove:()=>A(!0),onMouseLeave:()=>{rt||A(!1)},onDragEnd:()=>A(!1),onPointerDown:f=>{f.target instanceof HTMLElement&&f.target.dataset.dismissible==="false"||et(!0)},onPointerUp:()=>et(!1)},Y.filter(f=>!f.position&&p===0||f.position===l).map((f,q)=>{var lt,dt;return a.createElement(ve,{key:f.id,icons:st,index:q,toast:f,defaultRichColors:H,duration:(lt=d?.duration)!=null?lt:E,className:d?.className,descriptionClassName:d?.descriptionClassName,invert:C,visibleToasts:U,closeButton:(dt=d?.closeButton)!=null?dt:b,interacting:rt,position:l,style:d?.style,unstyled:d?.unstyled,classNames:d?.classNames,cancelButtonStyle:d?.cancelButtonStyle,actionButtonStyle:d?.actionButtonStyle,closeButtonAriaLabel:d?.closeButtonAriaLabel,removeToast:it,toasts:Y.filter(K=>K.position==f.position),heights:nt.filter(K=>K.position==f.position),setHeights:bt,expandByDefault:_,gap:X,expanded:tt,swipeDirections:o.swipeDirections})})):null}))}),we=({...r})=>{const{theme:o="system"}=Xt.z();return Ut.jsxRuntimeExports.jsx(xe,{theme:o,className:"toaster group",toastOptions:{classNames:{toast:"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",description:"group-[.toast]:text-muted-foreground",actionButton:"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",cancelButton:"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"}},...r})};exports.Toaster=we;
|
package/dist/sonner.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { JSX } from 'react/jsx-runtime';
|
|
2
|
+
import * as React_2 from 'react';
|
|
3
|
+
import { SonnerBaseProps } from '../../ui-core/src';
|
|
4
|
+
import { Toaster as Toaster_2 } from 'sonner';
|
|
5
|
+
|
|
6
|
+
export declare const Toaster: ({ ...props }: ToasterProps) => JSX.Element;
|
|
7
|
+
|
|
8
|
+
export declare type ToasterProps = React_2.ComponentProps<typeof Toaster_2> & SonnerBaseProps;
|
|
9
|
+
|
|
10
|
+
export { }
|