@zentauri-ui/zentauri-components 0.0.93 → 1.1.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/README.md +77 -34
- package/dist/chunk-B23TPTVG.mjs +11 -0
- package/dist/chunk-B23TPTVG.mjs.map +1 -0
- package/dist/{chunk-BZSIXBA7.js → chunk-BITDSQMR.js} +8 -6
- package/dist/chunk-BITDSQMR.js.map +1 -0
- package/dist/{chunk-VJHD7QZH.mjs → chunk-BORK3BJO.mjs} +4 -7
- package/dist/chunk-BORK3BJO.mjs.map +1 -0
- package/dist/chunk-WZ2GOU2J.js +13 -0
- package/dist/chunk-WZ2GOU2J.js.map +1 -0
- package/dist/ui/accordion.d.mts +1 -1
- package/dist/ui/accordion.d.ts +1 -1
- package/dist/ui/accordion.js +80 -61
- package/dist/ui/accordion.js.map +1 -1
- package/dist/ui/accordion.mjs +46 -39
- package/dist/ui/accordion.mjs.map +1 -1
- package/dist/ui/alert.d.mts +1 -1
- package/dist/ui/alert.d.ts +1 -1
- package/dist/ui/alert.js +57 -46
- package/dist/ui/alert.js.map +1 -1
- package/dist/ui/alert.mjs +28 -30
- package/dist/ui/alert.mjs.map +1 -1
- package/dist/ui/avatar.d.mts +59 -0
- package/dist/ui/avatar.d.ts +59 -0
- package/dist/ui/avatar.js +221 -0
- package/dist/ui/avatar.js.map +1 -0
- package/dist/ui/avatar.mjs +211 -0
- package/dist/ui/avatar.mjs.map +1 -0
- package/dist/ui/badge.js +20 -25
- package/dist/ui/badge.js.map +1 -1
- package/dist/ui/badge.mjs +8 -20
- package/dist/ui/badge.mjs.map +1 -1
- package/dist/ui/breadcrumb.d.mts +71 -0
- package/dist/ui/breadcrumb.d.ts +71 -0
- package/dist/ui/breadcrumb.js +174 -0
- package/dist/ui/breadcrumb.js.map +1 -0
- package/dist/ui/breadcrumb.mjs +161 -0
- package/dist/ui/breadcrumb.mjs.map +1 -0
- package/dist/ui/buttons.js +19 -21
- package/dist/ui/buttons.js.map +1 -1
- package/dist/ui/buttons.mjs +8 -18
- package/dist/ui/buttons.mjs.map +1 -1
- package/dist/ui/card.js +59 -54
- package/dist/ui/card.js.map +1 -1
- package/dist/ui/card.mjs +29 -39
- package/dist/ui/card.mjs.map +1 -1
- package/dist/ui/divider.js +39 -35
- package/dist/ui/divider.js.map +1 -1
- package/dist/ui/divider.mjs +18 -23
- package/dist/ui/divider.mjs.map +1 -1
- package/dist/ui/drawer.d.mts +1 -1
- package/dist/ui/drawer.d.ts +1 -1
- package/dist/ui/drawer.js +106 -73
- package/dist/ui/drawer.js.map +1 -1
- package/dist/ui/drawer.mjs +64 -45
- package/dist/ui/drawer.mjs.map +1 -1
- package/dist/ui/dropdown.js +42 -48
- package/dist/ui/dropdown.js.map +1 -1
- package/dist/ui/dropdown.mjs +13 -29
- package/dist/ui/dropdown.mjs.map +1 -1
- package/dist/ui/empty-state.d.mts +3 -3
- package/dist/ui/empty-state.d.ts +3 -3
- package/dist/ui/empty-state.js +83 -59
- package/dist/ui/empty-state.js.map +1 -1
- package/dist/ui/empty-state.mjs +64 -52
- package/dist/ui/empty-state.mjs.map +1 -1
- package/dist/ui/file-upload.d.mts +32 -0
- package/dist/ui/file-upload.d.ts +32 -0
- package/dist/ui/file-upload.js +142 -0
- package/dist/ui/file-upload.js.map +1 -0
- package/dist/ui/file-upload.mjs +139 -0
- package/dist/ui/file-upload.mjs.map +1 -0
- package/dist/ui/inputs.js +26 -31
- package/dist/ui/inputs.js.map +1 -1
- package/dist/ui/inputs.mjs +8 -19
- package/dist/ui/inputs.mjs.map +1 -1
- package/dist/ui/modal.d.mts +1 -1
- package/dist/ui/modal.d.ts +1 -1
- package/dist/ui/modal.js +116 -78
- package/dist/ui/modal.js.map +1 -1
- package/dist/ui/modal.mjs +74 -51
- package/dist/ui/modal.mjs.map +1 -1
- package/dist/ui/pagination.js +47 -60
- package/dist/ui/pagination.js.map +1 -1
- package/dist/ui/pagination.mjs +10 -32
- package/dist/ui/pagination.mjs.map +1 -1
- package/dist/ui/progress.js +70 -58
- package/dist/ui/progress.js.map +1 -1
- package/dist/ui/progress.mjs +44 -43
- package/dist/ui/progress.mjs.map +1 -1
- package/dist/ui/select.js +73 -81
- package/dist/ui/select.js.map +1 -1
- package/dist/ui/select.mjs +38 -59
- package/dist/ui/select.mjs.map +1 -1
- package/dist/ui/skeleton.js +45 -50
- package/dist/ui/skeleton.js.map +1 -1
- package/dist/ui/skeleton.mjs +8 -25
- package/dist/ui/skeleton.mjs.map +1 -1
- package/dist/ui/slider.d.mts +83 -0
- package/dist/ui/slider.d.ts +83 -0
- package/dist/ui/slider.js +521 -0
- package/dist/ui/slider.js.map +1 -0
- package/dist/ui/slider.mjs +511 -0
- package/dist/ui/slider.mjs.map +1 -0
- package/dist/ui/spinner.js +37 -38
- package/dist/ui/spinner.js.map +1 -1
- package/dist/ui/spinner.mjs +11 -18
- package/dist/ui/spinner.mjs.map +1 -1
- package/dist/ui/stepper.d.mts +64 -0
- package/dist/ui/stepper.d.ts +64 -0
- package/dist/ui/stepper.js +207 -0
- package/dist/ui/stepper.js.map +1 -0
- package/dist/ui/stepper.mjs +198 -0
- package/dist/ui/stepper.mjs.map +1 -0
- package/dist/ui/table.js +77 -79
- package/dist/ui/table.js.map +1 -1
- package/dist/ui/table.mjs +43 -60
- package/dist/ui/table.mjs.map +1 -1
- package/dist/ui/tabs.js +75 -75
- package/dist/ui/tabs.js.map +1 -1
- package/dist/ui/tabs.mjs +48 -59
- package/dist/ui/tabs.mjs.map +1 -1
- package/dist/ui/toast.d.mts +2 -2
- package/dist/ui/toast.d.ts +2 -2
- package/dist/ui/toast.js +111 -88
- package/dist/ui/toast.js.map +1 -1
- package/dist/ui/toast.mjs +77 -69
- package/dist/ui/toast.mjs.map +1 -1
- package/dist/ui/toggle.js +26 -28
- package/dist/ui/toggle.js.map +1 -1
- package/dist/ui/toggle.mjs +12 -21
- package/dist/ui/toggle.mjs.map +1 -1
- package/dist/ui/tooltip.js +29 -36
- package/dist/ui/tooltip.js.map +1 -1
- package/dist/ui/tooltip.mjs +8 -23
- package/dist/ui/tooltip.mjs.map +1 -1
- package/package.json +5 -3
- package/dist/chunk-BZSIXBA7.js.map +0 -1
- package/dist/chunk-E5UX537J.js +0 -11
- package/dist/chunk-E5UX537J.js.map +0 -1
- package/dist/chunk-MEWYFWBX.mjs +0 -14
- package/dist/chunk-MEWYFWBX.mjs.map +0 -1
- package/dist/chunk-VJHD7QZH.mjs.map +0 -1
package/dist/ui/toast.js
CHANGED
|
@@ -1,19 +1,12 @@
|
|
|
1
|
-
"use
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
2
3
|
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
var _react = require('react');
|
|
16
|
-
var _reactdom = require('react-dom');
|
|
4
|
+
var chunkWZ2GOU2J_js = require('../chunk-WZ2GOU2J.js');
|
|
5
|
+
var framerMotion = require('framer-motion');
|
|
6
|
+
var react = require('react');
|
|
7
|
+
var reactDom = require('react-dom');
|
|
8
|
+
var classVarianceAuthority = require('class-variance-authority');
|
|
9
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
17
10
|
|
|
18
11
|
// src/ui/toast/animations.ts
|
|
19
12
|
var toastAnimationPresets = {
|
|
@@ -31,25 +24,25 @@ var toastAnimationPresets = {
|
|
|
31
24
|
transition: { duration: 0.18 }
|
|
32
25
|
}
|
|
33
26
|
};
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
27
|
+
var toastViewportVariants = classVarianceAuthority.cva(
|
|
28
|
+
"fixed z-[60] flex max-h-screen flex-col gap-2 p-4",
|
|
29
|
+
{
|
|
30
|
+
variants: {
|
|
31
|
+
position: {
|
|
32
|
+
"top-left": "left-0 top-0 items-start",
|
|
33
|
+
"top-center": "left-1/2 top-0 -translate-x-1/2 items-center",
|
|
34
|
+
"top-right": "right-0 top-0 items-end",
|
|
35
|
+
"bottom-left": "bottom-0 left-0 items-start",
|
|
36
|
+
"bottom-center": "bottom-0 left-1/2 -translate-x-1/2 items-center",
|
|
37
|
+
"bottom-right": "bottom-0 right-0 items-end"
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
defaultVariants: {
|
|
41
|
+
position: "bottom-right"
|
|
46
42
|
}
|
|
47
|
-
},
|
|
48
|
-
defaultVariants: {
|
|
49
|
-
position: "bottom-right"
|
|
50
43
|
}
|
|
51
|
-
|
|
52
|
-
var toastRootVariants =
|
|
44
|
+
);
|
|
45
|
+
var toastRootVariants = classVarianceAuthority.cva(
|
|
53
46
|
"pointer-events-auto w-[min(100vw-2rem,380px)] rounded-xl border border-white/10 bg-slate-950 p-4 text-slate-50 shadow-[0_18px_48px_rgba(15,23,42,0.45)]",
|
|
54
47
|
{
|
|
55
48
|
variants: {
|
|
@@ -92,10 +85,7 @@ var toastRootVariants = _classvarianceauthority.cva.call(void 0,
|
|
|
92
85
|
}
|
|
93
86
|
}
|
|
94
87
|
);
|
|
95
|
-
|
|
96
|
-
// src/ui/toast/toast.tsx
|
|
97
|
-
var _jsxruntime = require('react/jsx-runtime');
|
|
98
|
-
var ToastStoreContext = _react.createContext.call(void 0, null);
|
|
88
|
+
var ToastStoreContext = react.createContext(null);
|
|
99
89
|
var toastDispatcher = null;
|
|
100
90
|
function toast(input) {
|
|
101
91
|
if (!toastDispatcher) {
|
|
@@ -104,16 +94,16 @@ function toast(input) {
|
|
|
104
94
|
return toastDispatcher(input);
|
|
105
95
|
}
|
|
106
96
|
function useToast() {
|
|
107
|
-
const ctx =
|
|
97
|
+
const ctx = react.useContext(ToastStoreContext);
|
|
108
98
|
if (!ctx) {
|
|
109
99
|
throw new Error("useToast must be used within <ToastProvider>");
|
|
110
100
|
}
|
|
111
101
|
return { toast: ctx.push, dismiss: ctx.dismiss };
|
|
112
102
|
}
|
|
113
103
|
function ToastProvider({ children }) {
|
|
114
|
-
const [toasts, setToasts] =
|
|
115
|
-
const timers =
|
|
116
|
-
const dismiss =
|
|
104
|
+
const [toasts, setToasts] = react.useState([]);
|
|
105
|
+
const timers = react.useRef(/* @__PURE__ */ new Map());
|
|
106
|
+
const dismiss = react.useCallback((id) => {
|
|
117
107
|
const timerId = timers.current.get(id);
|
|
118
108
|
if (timerId) {
|
|
119
109
|
window.clearTimeout(timerId);
|
|
@@ -121,15 +111,15 @@ function ToastProvider({ children }) {
|
|
|
121
111
|
}
|
|
122
112
|
setToasts((prev) => prev.filter((toastItem) => toastItem.id !== id));
|
|
123
113
|
}, []);
|
|
124
|
-
const push =
|
|
114
|
+
const push = react.useCallback(
|
|
125
115
|
(input) => {
|
|
126
|
-
const id =
|
|
127
|
-
const durationMs =
|
|
116
|
+
const id = input.id ?? `toast-${Math.random().toString(16).slice(2)}`;
|
|
117
|
+
const durationMs = input.durationMs ?? 4500;
|
|
128
118
|
const record = {
|
|
129
119
|
...input,
|
|
130
120
|
id,
|
|
131
121
|
durationMs,
|
|
132
|
-
animation:
|
|
122
|
+
animation: input.animation ?? "slide"
|
|
133
123
|
};
|
|
134
124
|
setToasts((prev) => [...prev, record]);
|
|
135
125
|
const timerId = window.setTimeout(() => dismiss(id), durationMs);
|
|
@@ -138,7 +128,7 @@ function ToastProvider({ children }) {
|
|
|
138
128
|
},
|
|
139
129
|
[dismiss]
|
|
140
130
|
);
|
|
141
|
-
const ctx =
|
|
131
|
+
const ctx = react.useMemo(
|
|
142
132
|
() => ({
|
|
143
133
|
toasts,
|
|
144
134
|
push,
|
|
@@ -146,17 +136,20 @@ function ToastProvider({ children }) {
|
|
|
146
136
|
}),
|
|
147
137
|
[dismiss, push, toasts]
|
|
148
138
|
);
|
|
149
|
-
|
|
139
|
+
react.useEffect(() => {
|
|
150
140
|
toastDispatcher = push;
|
|
151
141
|
return () => {
|
|
152
142
|
toastDispatcher = null;
|
|
153
143
|
};
|
|
154
144
|
}, [push]);
|
|
155
|
-
return /* @__PURE__ */
|
|
145
|
+
return /* @__PURE__ */ jsxRuntime.jsx(ToastStoreContext.Provider, { value: ctx, children });
|
|
156
146
|
}
|
|
157
147
|
ToastProvider.displayName = "ToastProvider";
|
|
158
|
-
function ToastViewport({
|
|
159
|
-
|
|
148
|
+
function ToastViewport({
|
|
149
|
+
position = "bottom-right",
|
|
150
|
+
className
|
|
151
|
+
}) {
|
|
152
|
+
const ctx = react.useContext(ToastStoreContext);
|
|
160
153
|
if (!ctx) {
|
|
161
154
|
throw new Error("ToastViewport must be used within <ToastProvider>");
|
|
162
155
|
}
|
|
@@ -164,38 +157,56 @@ function ToastViewport({ position = "bottom-right", className }) {
|
|
|
164
157
|
if (!portalTarget) {
|
|
165
158
|
return null;
|
|
166
159
|
}
|
|
167
|
-
return
|
|
168
|
-
/* @__PURE__ */
|
|
169
|
-
|
|
160
|
+
return reactDom.createPortal(
|
|
161
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
162
|
+
"div",
|
|
170
163
|
{
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
164
|
+
className: chunkWZ2GOU2J_js.cn(toastViewportVariants({ position }), className),
|
|
165
|
+
"data-slot": "toast-viewport",
|
|
166
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: ctx.toasts.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
167
|
+
Toast,
|
|
168
|
+
{
|
|
169
|
+
toastId: item.id,
|
|
170
|
+
appearance: item.appearance,
|
|
171
|
+
size: item.size,
|
|
172
|
+
animation: item.animation,
|
|
173
|
+
children: [
|
|
174
|
+
/* @__PURE__ */ jsxRuntime.jsx(ToastTitle, { children: item.title }),
|
|
175
|
+
item.description ? /* @__PURE__ */ jsxRuntime.jsx(ToastDescription, { children: item.description }) : null,
|
|
176
|
+
/* @__PURE__ */ jsxRuntime.jsx(ToastClose, { onClick: () => ctx.dismiss(item.id) })
|
|
177
|
+
]
|
|
178
|
+
},
|
|
179
|
+
item.id
|
|
180
|
+
)) })
|
|
181
|
+
}
|
|
182
|
+
),
|
|
183
183
|
portalTarget
|
|
184
184
|
);
|
|
185
185
|
}
|
|
186
186
|
ToastViewport.displayName = "ToastViewport";
|
|
187
|
-
function Toast({
|
|
187
|
+
function Toast({
|
|
188
|
+
toastId: _toastId,
|
|
189
|
+
appearance,
|
|
190
|
+
size,
|
|
191
|
+
animation = "slide",
|
|
192
|
+
className,
|
|
193
|
+
children
|
|
194
|
+
}) {
|
|
188
195
|
const motionProps = toastAnimationPresets[animation];
|
|
189
196
|
const live = appearance === "error" ? "assertive" : "polite";
|
|
190
|
-
return /* @__PURE__ */
|
|
191
|
-
|
|
197
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
198
|
+
framerMotion.motion.div,
|
|
192
199
|
{
|
|
193
200
|
layout: true,
|
|
194
201
|
"data-slot": "toast",
|
|
195
202
|
role: appearance === "error" ? "alert" : "status",
|
|
196
203
|
"aria-live": live,
|
|
197
204
|
"aria-atomic": "true",
|
|
198
|
-
className:
|
|
205
|
+
className: chunkWZ2GOU2J_js.cn(
|
|
206
|
+
"relative",
|
|
207
|
+
toastRootVariants({ appearance, size }),
|
|
208
|
+
className
|
|
209
|
+
),
|
|
199
210
|
initial: animation === "none" ? false : motionProps.initial,
|
|
200
211
|
animate: animation === "none" ? void 0 : motionProps.animate,
|
|
201
212
|
exit: animation === "none" ? void 0 : motionProps.exit,
|
|
@@ -206,47 +217,59 @@ function Toast({ toastId: _toastId, appearance, size, animation = "slide", class
|
|
|
206
217
|
}
|
|
207
218
|
Toast.displayName = "Toast";
|
|
208
219
|
function ToastTitle({ className, children }) {
|
|
209
|
-
return /* @__PURE__ */
|
|
220
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "toast-title", className: chunkWZ2GOU2J_js.cn("font-semibold", className), children });
|
|
210
221
|
}
|
|
211
222
|
ToastTitle.displayName = "ToastTitle";
|
|
212
223
|
function ToastDescription({ className, children }) {
|
|
213
|
-
return /* @__PURE__ */
|
|
224
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
225
|
+
"div",
|
|
226
|
+
{
|
|
227
|
+
"data-slot": "toast-description",
|
|
228
|
+
className: chunkWZ2GOU2J_js.cn("text-sm text-slate-300", className),
|
|
229
|
+
children
|
|
230
|
+
}
|
|
231
|
+
);
|
|
214
232
|
}
|
|
215
233
|
ToastDescription.displayName = "ToastDescription";
|
|
216
234
|
function ToastAction({ className, children }) {
|
|
217
|
-
return /* @__PURE__ */
|
|
235
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "toast-action", className: chunkWZ2GOU2J_js.cn("mt-3", className), children });
|
|
218
236
|
}
|
|
219
237
|
ToastAction.displayName = "ToastAction";
|
|
220
|
-
function ToastClose({
|
|
221
|
-
|
|
238
|
+
function ToastClose({
|
|
239
|
+
className,
|
|
240
|
+
children,
|
|
241
|
+
onClick,
|
|
242
|
+
...rest
|
|
243
|
+
}) {
|
|
244
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
222
245
|
"button",
|
|
223
246
|
{
|
|
224
247
|
type: "button",
|
|
225
248
|
"data-slot": "toast-close",
|
|
226
249
|
"aria-label": "Dismiss notification",
|
|
227
|
-
className:
|
|
250
|
+
className: chunkWZ2GOU2J_js.cn(
|
|
228
251
|
"absolute right-3 top-3 inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10",
|
|
229
252
|
className
|
|
230
253
|
),
|
|
231
254
|
onClick,
|
|
232
255
|
...rest,
|
|
233
|
-
children:
|
|
256
|
+
children: children ?? "\xD7"
|
|
234
257
|
}
|
|
235
258
|
);
|
|
236
259
|
}
|
|
237
260
|
ToastClose.displayName = "ToastClose";
|
|
238
261
|
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
262
|
+
exports.Toast = Toast;
|
|
263
|
+
exports.ToastAction = ToastAction;
|
|
264
|
+
exports.ToastClose = ToastClose;
|
|
265
|
+
exports.ToastDescription = ToastDescription;
|
|
266
|
+
exports.ToastProvider = ToastProvider;
|
|
267
|
+
exports.ToastTitle = ToastTitle;
|
|
268
|
+
exports.ToastViewport = ToastViewport;
|
|
269
|
+
exports.toast = toast;
|
|
270
|
+
exports.toastAnimationPresets = toastAnimationPresets;
|
|
271
|
+
exports.toastRootVariants = toastRootVariants;
|
|
272
|
+
exports.toastViewportVariants = toastViewportVariants;
|
|
273
|
+
exports.useToast = useToast;
|
|
274
|
+
//# sourceMappingURL=toast.js.map
|
|
252
275
|
//# sourceMappingURL=toast.js.map
|
package/dist/ui/toast.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/ui/toast.js"],"names":[],"mappings":"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AAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,oBAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,0BAAA;AACA,UAAA;AACA,0BAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/ui/toast.js","sourcesContent":[null]}
|
|
1
|
+
{"version":3,"sources":["../../src/ui/toast/animations.ts","../../src/ui/toast/variants.ts","../../src/ui/toast/toast.tsx"],"names":["cva","createContext","useContext","useState","useRef","useCallback","useMemo","useEffect","createPortal","jsx","cn","AnimatePresence","jsxs","motion"],"mappings":";;;;;;;;;;AAcO,IAAM,qBAAA,GAA+C;AAAA,EAC1D,MAAM,EAAC;AAAA,EACP,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,EAAA,EAAG;AAAA,IAC7B,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,IAC5B,IAAA,EAAM,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,EAAA,EAAG;AAAA,IAC1B,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG,GAC5D;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,IAAA,EAAM,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACnB,UAAA,EAAY,EAAE,QAAA,EAAU,IAAA;AAAK;AAEjC;AC1BO,IAAM,qBAAA,GAAwBA,0BAAA;AAAA,EACnC,mDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,QAAA,EAAU;AAAA,QACR,UAAA,EAAY,0BAAA;AAAA,QACZ,YAAA,EAAc,8CAAA;AAAA,QACd,WAAA,EAAa,yBAAA;AAAA,QACb,aAAA,EAAe,6BAAA;AAAA,QACf,eAAA,EAAiB,iDAAA;AAAA,QACjB,cAAA,EAAgB;AAAA;AAClB,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,QAAA,EAAU;AAAA;AACZ;AAEJ;AAEO,IAAM,iBAAA,GAAoBA,0BAAA;AAAA,EAC/B,yJAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,UAAA,EAAY;AAAA,QACV,OAAA,EAAS,cAAA;AAAA,QACT,OAAA,EAAS,sCAAA;AAAA,QACT,OAAA,EAAS,kCAAA;AAAA,QACT,KAAA,EAAO,gCAAA;AAAA,QACP,IAAA,EAAM,8BAAA;AAAA,QACN,KAAA,EAAO,kDAAA;AAAA,QACP,MAAA,EAAQ,qDAAA;AAAA,QACR,IAAA,EAAM,iDAAA;AAAA,QACN,MAAA,EAAQ,qDAAA;AAAA,QACR,MAAA,EAAQ,qDAAA;AAAA,QACR,IAAA,EAAM,iDAAA;AAAA,QACN,MAAA,EAAQ,qDAAA;AAAA,QACR,OAAA,EAAS,uDAAA;AAAA,QACT,IAAA,EAAM,iDAAA;AAAA,QACN,KAAA,EAAO,mDAAA;AAAA,QACP,MAAA,EAAQ,qDAAA;AAAA,QACR,eAAA,EACE,sHAAA;AAAA,QACF,gBAAA,EACE,oHAAA;AAAA,QACF,cAAA,EACE,gHAAA;AAAA,QACF,iBAAA,EACE,0HAAA;AAAA,QACF,iBAAA,EACE,sHAAA;AAAA,QACF,eAAA,EACE,kHAAA;AAAA,QACF,iBAAA,EACE,0HAAA;AAAA,QACF,eAAA,EACE,kHAAA;AAAA,QACF,iBAAA,EACE;AAAA,OACJ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM;AAAA;AACR;AAEJ;ACjCA,IAAM,iBAAA,GAAoBC,oBAA6C,IAAI,CAAA;AAE3E,IAAI,eAAA,GAAyD,IAAA;AAEtD,SAAS,MAAM,KAAA,EAAmB;AACvC,EAAA,IAAI,CAAC,eAAA,EAAiB;AACpB,IAAA,OAAO,EAAA;AAAA,EACT;AACA,EAAA,OAAO,gBAAgB,KAAK,CAAA;AAC9B;AAEO,SAAS,QAAA,GAA8B;AAC5C,EAAA,MAAM,GAAA,GAAMC,iBAAW,iBAAiB,CAAA;AACxC,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,MAAM,8CAA8C,CAAA;AAAA,EAChE;AACA,EAAA,OAAO,EAAE,KAAA,EAAO,GAAA,CAAI,IAAA,EAAM,OAAA,EAAS,IAAI,OAAA,EAAQ;AACjD;AAEO,SAAS,aAAA,CAAc,EAAE,QAAA,EAAS,EAAuB;AAC9D,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIC,cAAA,CAA0B,EAAE,CAAA;AACxD,EAAA,MAAM,MAAA,GAASC,YAAA,iBAA4B,IAAI,GAAA,EAAK,CAAA;AAEpD,EAAA,MAAM,OAAA,GAAUC,iBAAA,CAAY,CAAC,EAAA,KAAe;AAC1C,IAAA,MAAM,OAAA,GAAU,MAAA,CAAO,OAAA,CAAQ,GAAA,CAAI,EAAE,CAAA;AACrC,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,MAAA,CAAO,aAAa,OAAO,CAAA;AAC3B,MAAA,MAAA,CAAO,OAAA,CAAQ,OAAO,EAAE,CAAA;AAAA,IAC1B;AACA,IAAA,SAAA,CAAU,CAAC,SAAS,IAAA,CAAK,MAAA,CAAO,CAAC,SAAA,KAAc,SAAA,CAAU,EAAA,KAAO,EAAE,CAAC,CAAA;AAAA,EACrE,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,IAAA,GAAOA,iBAAA;AAAA,IACX,CAAC,KAAA,KAAsB;AACrB,MAAA,MAAM,EAAA,GAAK,KAAA,CAAM,EAAA,IAAM,CAAA,MAAA,EAAS,IAAA,CAAK,MAAA,EAAO,CAAE,QAAA,CAAS,EAAE,CAAA,CAAE,KAAA,CAAM,CAAC,CAAC,CAAA,CAAA;AACnE,MAAA,MAAM,UAAA,GAAa,MAAM,UAAA,IAAc,IAAA;AACvC,MAAA,MAAM,MAAA,GAAwB;AAAA,QAC5B,GAAG,KAAA;AAAA,QACH,EAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA,EAAW,MAAM,SAAA,IAAa;AAAA,OAChC;AACA,MAAA,SAAA,CAAU,CAAC,IAAA,KAAS,CAAC,GAAG,IAAA,EAAM,MAAM,CAAC,CAAA;AACrC,MAAA,MAAM,UAAU,MAAA,CAAO,UAAA,CAAW,MAAM,OAAA,CAAQ,EAAE,GAAG,UAAU,CAAA;AAC/D,MAAA,MAAA,CAAO,OAAA,CAAQ,GAAA,CAAI,EAAA,EAAI,OAAO,CAAA;AAC9B,MAAA,OAAO,EAAA;AAAA,IACT,CAAA;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,GAAA,GAAMC,aAAA;AAAA,IACV,OAAO;AAAA,MACL,MAAA;AAAA,MACA,IAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,OAAA,EAAS,IAAA,EAAM,MAAM;AAAA,GACxB;AAEA,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,eAAA,GAAkB,IAAA;AAClB,IAAA,OAAO,MAAM;AACX,MAAA,eAAA,GAAkB,IAAA;AAAA,IACpB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,sCACG,iBAAA,CAAkB,QAAA,EAAlB,EAA2B,KAAA,EAAO,KAChC,QAAA,EACH,CAAA;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;AAErB,SAAS,aAAA,CAAc;AAAA,EAC5B,QAAA,GAAW,cAAA;AAAA,EACX;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,GAAA,GAAML,iBAAW,iBAAiB,CAAA;AACxC,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,MAAM,mDAAmD,CAAA;AAAA,EACrE;AAEA,EAAA,MAAM,YAAA,GAAe,OAAO,QAAA,KAAa,WAAA,GAAc,SAAS,IAAA,GAAO,IAAA;AACvE,EAAA,IAAI,CAAC,YAAA,EAAc;AACjB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,OAAOM,qBAAA;AAAA,oBACLC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAWC,mBAAA,CAAG,qBAAA,CAAsB,EAAE,QAAA,EAAU,GAAG,SAAS,CAAA;AAAA,QAC5D,WAAA,EAAU,gBAAA;AAAA,QAEV,yCAACC,4BAAA,EAAA,EACE,QAAA,EAAA,GAAA,CAAI,MAAA,CAAO,GAAA,CAAI,CAAC,IAAA,qBACfC,eAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YAEC,SAAS,IAAA,CAAK,EAAA;AAAA,YACd,YAAY,IAAA,CAAK,UAAA;AAAA,YACjB,MAAM,IAAA,CAAK,IAAA;AAAA,YACX,WAAW,IAAA,CAAK,SAAA;AAAA,YAEhB,QAAA,EAAA;AAAA,8BAAAH,cAAA,CAAC,UAAA,EAAA,EAAY,eAAK,KAAA,EAAM,CAAA;AAAA,cACvB,KAAK,WAAA,mBACJA,cAAA,CAAC,gBAAA,EAAA,EAAkB,QAAA,EAAA,IAAA,CAAK,aAAY,CAAA,GAClC,IAAA;AAAA,8BACJA,cAAA,CAAC,cAAW,OAAA,EAAS,MAAM,IAAI,OAAA,CAAQ,IAAA,CAAK,EAAE,CAAA,EAAG;AAAA;AAAA,WAAA;AAAA,UAV5C,IAAA,CAAK;AAAA,SAYb,CAAA,EACH;AAAA;AAAA,KACF;AAAA,IACA;AAAA,GACF;AACF;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;AAErB,SAAS,KAAA,CAAM;AAAA,EACpB,OAAA,EAAS,QAAA;AAAA,EACT,UAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA,GAAY,OAAA;AAAA,EACZ,SAAA;AAAA,EACA;AACF,CAAA,EAAe;AACb,EAAA,MAAM,WAAA,GAAc,sBAAsB,SAAS,CAAA;AACnD,EAAA,MAAM,IAAA,GAAO,UAAA,KAAe,OAAA,GAAU,WAAA,GAAc,QAAA;AAEpD,EAAA,uBACEA,cAAA;AAAA,IAACI,mBAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,MAAA,EAAM,IAAA;AAAA,MACN,WAAA,EAAU,OAAA;AAAA,MACV,IAAA,EAAM,UAAA,KAAe,OAAA,GAAU,OAAA,GAAU,QAAA;AAAA,MACzC,WAAA,EAAW,IAAA;AAAA,MACX,aAAA,EAAY,MAAA;AAAA,MACZ,SAAA,EAAWH,mBAAA;AAAA,QACT,UAAA;AAAA,QACA,iBAAA,CAAkB,EAAE,UAAA,EAAY,IAAA,EAAM,CAAA;AAAA,QACtC;AAAA,OACF;AAAA,MACA,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,KAAA,GAAQ,WAAA,CAAY,OAAA;AAAA,MACpD,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,MAAA,GAAY,WAAA,CAAY,OAAA;AAAA,MACxD,IAAA,EAAM,SAAA,KAAc,MAAA,GAAS,MAAA,GAAY,WAAA,CAAY,IAAA;AAAA,MACrD,YAAY,WAAA,CAAY,UAAA;AAAA,MAEvB;AAAA;AAAA,GACH;AAEJ;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA;AAEb,SAAS,UAAA,CAAW,EAAE,SAAA,EAAW,QAAA,EAAS,EAAsB;AACrE,EAAA,uBACED,cAAA,CAAC,SAAI,WAAA,EAAU,aAAA,EAAc,WAAWC,mBAAA,CAAG,eAAA,EAAiB,SAAS,CAAA,EAClE,QAAA,EACH,CAAA;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;AAElB,SAAS,gBAAA,CAAiB,EAAE,SAAA,EAAW,QAAA,EAAS,EAAsB;AAC3E,EAAA,uBACED,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAWC,mBAAA,CAAG,wBAAA,EAA0B,SAAS,CAAA;AAAA,MAEhD;AAAA;AAAA,GACH;AAEJ;AAEA,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAExB,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,QAAA,EAAS,EAAsB;AACtE,EAAA,uBACED,cAAA,CAAC,SAAI,WAAA,EAAU,cAAA,EAAe,WAAWC,mBAAA,CAAG,MAAA,EAAQ,SAAS,CAAA,EAC1D,QAAA,EACH,CAAA;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AAEnB,SAAS,UAAA,CAAW;AAAA,EACzB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAiD;AAC/C,EAAA,uBACED,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,aAAA;AAAA,MACV,YAAA,EAAW,sBAAA;AAAA,MACX,SAAA,EAAWC,mBAAA;AAAA,QACT,8HAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,OAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA,QAAA,IAAY;AAAA;AAAA,GACf;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"toast.js","sourcesContent":["import type { HTMLMotionProps } from \"framer-motion\";\n\nexport type ToastAnimation = \"none\" | \"slide\" | \"fade\";\n\ntype ToastPresetMotionProps = Pick<\n HTMLMotionProps<\"div\">,\n \"initial\" | \"animate\" | \"exit\" | \"transition\"\n>;\n\nexport type ToastAnimationPresets = Record<\n ToastAnimation,\n ToastPresetMotionProps\n>;\n\nexport const toastAnimationPresets: ToastAnimationPresets = {\n none: {},\n slide: {\n initial: { opacity: 0, x: 24 },\n animate: { opacity: 1, x: 0 },\n exit: { opacity: 0, x: 16 },\n transition: { type: \"spring\", stiffness: 380, damping: 28 },\n },\n fade: {\n initial: { opacity: 0 },\n animate: { opacity: 1 },\n exit: { opacity: 0 },\n transition: { duration: 0.18 },\n },\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const toastViewportVariants = cva(\n \"fixed z-[60] flex max-h-screen flex-col gap-2 p-4\",\n {\n variants: {\n position: {\n \"top-left\": \"left-0 top-0 items-start\",\n \"top-center\": \"left-1/2 top-0 -translate-x-1/2 items-center\",\n \"top-right\": \"right-0 top-0 items-end\",\n \"bottom-left\": \"bottom-0 left-0 items-start\",\n \"bottom-center\": \"bottom-0 left-1/2 -translate-x-1/2 items-center\",\n \"bottom-right\": \"bottom-0 right-0 items-end\",\n },\n },\n defaultVariants: {\n position: \"bottom-right\",\n },\n },\n);\n\nexport const toastRootVariants = cva(\n \"pointer-events-auto w-[min(100vw-2rem,380px)] rounded-xl border border-white/10 bg-slate-950 p-4 text-slate-50 shadow-[0_18px_48px_rgba(15,23,42,0.45)]\",\n {\n variants: {\n appearance: {\n default: \"bg-slate-950\",\n success: \"border-emerald-500/40 bg-emerald-950\",\n warning: \"border-amber-500/40 bg-amber-950\",\n error: \"border-rose-500/50 bg-rose-950\",\n info: \"border-sky-500/40 bg-sky-950\",\n ghost: \"border-transparent bg-transparent text-slate-200\",\n purple: \"border-purple-600 bg-purple-950/70 backdrop-blur-xl\",\n pink: \"border-pink-600 bg-pink-950/70 backdrop-blur-xl\",\n orange: \"border-orange-600 bg-orange-950/70 backdrop-blur-xl\",\n yellow: \"border-yellow-600 bg-yellow-950/70 backdrop-blur-xl\",\n teal: \"border-teal-600 bg-teal-950/70 backdrop-blur-xl\",\n indigo: \"border-indigo-600 bg-indigo-950/70 backdrop-blur-xl\",\n emerald: \"border-emerald-600 bg-emerald-950/70 backdrop-blur-xl\",\n gray: \"border-gray-600 bg-gray-950/70 backdrop-blur-xl\",\n amber: \"border-amber-600 bg-amber-950/70 backdrop-blur-xl\",\n violet: \"border-violet-600 bg-violet-950/70 backdrop-blur-xl\",\n \"gradient-blue\":\n \"border-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl\",\n \"gradient-green\":\n \"border-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl\",\n \"gradient-red\":\n \"border-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl\",\n \"gradient-yellow\":\n \"border-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl\",\n \"gradient-purple\":\n \"border-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl\",\n \"gradient-teal\":\n \"border-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl\",\n \"gradient-indigo\":\n \"border-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl\",\n \"gradient-pink\":\n \"border-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl\",\n \"gradient-orange\":\n \"border-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl\",\n },\n size: {\n sm: \"p-3 text-xs\",\n md: \"p-4 text-sm\",\n lg: \"p-5 text-base\",\n },\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n },\n },\n);\n","\"use client\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { toastAnimationPresets } from \"./animations\";\nimport type {\n ToastContextValue,\n ToastInput,\n ToastProps,\n ToastProviderProps,\n ToastSectionProps,\n ToastViewportProps,\n} from \"./types\";\nimport { toastRootVariants, toastViewportVariants } from \"./variants\";\n\ntype InternalToast = Required<Pick<ToastInput, \"id\">> &\n Omit<ToastInput, \"id\"> & {\n durationMs: number;\n animation: NonNullable<ToastInput[\"animation\"]>;\n };\n\ntype ToastStoreContextValue = {\n toasts: InternalToast[];\n push: (input: ToastInput) => string;\n dismiss: (id: string) => void;\n};\n\nconst ToastStoreContext = createContext<ToastStoreContextValue | null>(null);\n\nlet toastDispatcher: ToastStoreContextValue[\"push\"] | null = null;\n\nexport function toast(input: ToastInput) {\n if (!toastDispatcher) {\n return \"\";\n }\n return toastDispatcher(input);\n}\n\nexport function useToast(): ToastContextValue {\n const ctx = useContext(ToastStoreContext);\n if (!ctx) {\n throw new Error(\"useToast must be used within <ToastProvider>\");\n }\n return { toast: ctx.push, dismiss: ctx.dismiss };\n}\n\nexport function ToastProvider({ children }: ToastProviderProps) {\n const [toasts, setToasts] = useState<InternalToast[]>([]);\n const timers = useRef<Map<string, number>>(new Map());\n\n const dismiss = useCallback((id: string) => {\n const timerId = timers.current.get(id);\n if (timerId) {\n window.clearTimeout(timerId);\n timers.current.delete(id);\n }\n setToasts((prev) => prev.filter((toastItem) => toastItem.id !== id));\n }, []);\n\n const push = useCallback(\n (input: ToastInput) => {\n const id = input.id ?? `toast-${Math.random().toString(16).slice(2)}`;\n const durationMs = input.durationMs ?? 4500;\n const record: InternalToast = {\n ...input,\n id,\n durationMs,\n animation: input.animation ?? \"slide\",\n };\n setToasts((prev) => [...prev, record]);\n const timerId = window.setTimeout(() => dismiss(id), durationMs);\n timers.current.set(id, timerId);\n return id;\n },\n [dismiss],\n );\n\n const ctx = useMemo(\n () => ({\n toasts,\n push,\n dismiss,\n }),\n [dismiss, push, toasts],\n );\n\n useEffect(() => {\n toastDispatcher = push;\n return () => {\n toastDispatcher = null;\n };\n }, [push]);\n\n return (\n <ToastStoreContext.Provider value={ctx}>\n {children}\n </ToastStoreContext.Provider>\n );\n}\n\nToastProvider.displayName = \"ToastProvider\";\n\nexport function ToastViewport({\n position = \"bottom-right\",\n className,\n}: ToastViewportProps) {\n const ctx = useContext(ToastStoreContext);\n if (!ctx) {\n throw new Error(\"ToastViewport must be used within <ToastProvider>\");\n }\n\n const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n if (!portalTarget) {\n return null;\n }\n\n return createPortal(\n <div\n className={cn(toastViewportVariants({ position }), className)}\n data-slot=\"toast-viewport\"\n >\n <AnimatePresence>\n {ctx.toasts.map((item) => (\n <Toast\n key={item.id}\n toastId={item.id}\n appearance={item.appearance}\n size={item.size}\n animation={item.animation}\n >\n <ToastTitle>{item.title}</ToastTitle>\n {item.description ? (\n <ToastDescription>{item.description}</ToastDescription>\n ) : null}\n <ToastClose onClick={() => ctx.dismiss(item.id)} />\n </Toast>\n ))}\n </AnimatePresence>\n </div>,\n portalTarget,\n );\n}\n\nToastViewport.displayName = \"ToastViewport\";\n\nexport function Toast({\n toastId: _toastId,\n appearance,\n size,\n animation = \"slide\",\n className,\n children,\n}: ToastProps) {\n const motionProps = toastAnimationPresets[animation];\n const live = appearance === \"error\" ? \"assertive\" : \"polite\";\n\n return (\n <motion.div\n layout\n data-slot=\"toast\"\n role={appearance === \"error\" ? \"alert\" : \"status\"}\n aria-live={live}\n aria-atomic=\"true\"\n className={cn(\n \"relative\",\n toastRootVariants({ appearance, size }),\n className,\n )}\n initial={animation === \"none\" ? false : motionProps.initial}\n animate={animation === \"none\" ? undefined : motionProps.animate}\n exit={animation === \"none\" ? undefined : motionProps.exit}\n transition={motionProps.transition}\n >\n {children}\n </motion.div>\n );\n}\n\nToast.displayName = \"Toast\";\n\nexport function ToastTitle({ className, children }: ToastSectionProps) {\n return (\n <div data-slot=\"toast-title\" className={cn(\"font-semibold\", className)}>\n {children}\n </div>\n );\n}\n\nToastTitle.displayName = \"ToastTitle\";\n\nexport function ToastDescription({ className, children }: ToastSectionProps) {\n return (\n <div\n data-slot=\"toast-description\"\n className={cn(\"text-sm text-slate-300\", className)}\n >\n {children}\n </div>\n );\n}\n\nToastDescription.displayName = \"ToastDescription\";\n\nexport function ToastAction({ className, children }: ToastSectionProps) {\n return (\n <div data-slot=\"toast-action\" className={cn(\"mt-3\", className)}>\n {children}\n </div>\n );\n}\n\nToastAction.displayName = \"ToastAction\";\n\nexport function ToastClose({\n className,\n children,\n onClick,\n ...rest\n}: ToastSectionProps & { onClick?: () => void }) {\n return (\n <button\n type=\"button\"\n data-slot=\"toast-close\"\n aria-label=\"Dismiss notification\"\n className={cn(\n \"absolute right-3 top-3 inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10\",\n className,\n )}\n onClick={onClick}\n {...rest}\n >\n {children ?? \"×\"}\n </button>\n );\n}\n\nToastClose.displayName = \"ToastClose\";\n"]}
|
package/dist/ui/toast.mjs
CHANGED
|
@@ -1,21 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
} from
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import { AnimatePresence, motion } from "framer-motion";
|
|
9
|
-
import {
|
|
10
|
-
createContext,
|
|
11
|
-
useCallback,
|
|
12
|
-
useContext,
|
|
13
|
-
useEffect,
|
|
14
|
-
useMemo,
|
|
15
|
-
useRef,
|
|
16
|
-
useState
|
|
17
|
-
} from "react";
|
|
18
|
-
import { createPortal } from "react-dom";
|
|
2
|
+
import { cn } from '../chunk-B23TPTVG.mjs';
|
|
3
|
+
import { AnimatePresence, motion } from 'framer-motion';
|
|
4
|
+
import { createContext, useContext, useState, useRef, useCallback, useMemo, useEffect } from 'react';
|
|
5
|
+
import { createPortal } from 'react-dom';
|
|
6
|
+
import { cva } from 'class-variance-authority';
|
|
7
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
19
8
|
|
|
20
9
|
// src/ui/toast/animations.ts
|
|
21
10
|
var toastAnimationPresets = {
|
|
@@ -33,24 +22,24 @@ var toastAnimationPresets = {
|
|
|
33
22
|
transition: { duration: 0.18 }
|
|
34
23
|
}
|
|
35
24
|
};
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
25
|
+
var toastViewportVariants = cva(
|
|
26
|
+
"fixed z-[60] flex max-h-screen flex-col gap-2 p-4",
|
|
27
|
+
{
|
|
28
|
+
variants: {
|
|
29
|
+
position: {
|
|
30
|
+
"top-left": "left-0 top-0 items-start",
|
|
31
|
+
"top-center": "left-1/2 top-0 -translate-x-1/2 items-center",
|
|
32
|
+
"top-right": "right-0 top-0 items-end",
|
|
33
|
+
"bottom-left": "bottom-0 left-0 items-start",
|
|
34
|
+
"bottom-center": "bottom-0 left-1/2 -translate-x-1/2 items-center",
|
|
35
|
+
"bottom-right": "bottom-0 right-0 items-end"
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
defaultVariants: {
|
|
39
|
+
position: "bottom-right"
|
|
48
40
|
}
|
|
49
|
-
},
|
|
50
|
-
defaultVariants: {
|
|
51
|
-
position: "bottom-right"
|
|
52
41
|
}
|
|
53
|
-
|
|
42
|
+
);
|
|
54
43
|
var toastRootVariants = cva(
|
|
55
44
|
"pointer-events-auto w-[min(100vw-2rem,380px)] rounded-xl border border-white/10 bg-slate-950 p-4 text-slate-50 shadow-[0_18px_48px_rgba(15,23,42,0.45)]",
|
|
56
45
|
{
|
|
@@ -94,9 +83,6 @@ var toastRootVariants = cva(
|
|
|
94
83
|
}
|
|
95
84
|
}
|
|
96
85
|
);
|
|
97
|
-
|
|
98
|
-
// src/ui/toast/toast.tsx
|
|
99
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
100
86
|
var ToastStoreContext = createContext(null);
|
|
101
87
|
var toastDispatcher = null;
|
|
102
88
|
function toast(input) {
|
|
@@ -157,7 +143,10 @@ function ToastProvider({ children }) {
|
|
|
157
143
|
return /* @__PURE__ */ jsx(ToastStoreContext.Provider, { value: ctx, children });
|
|
158
144
|
}
|
|
159
145
|
ToastProvider.displayName = "ToastProvider";
|
|
160
|
-
function ToastViewport({
|
|
146
|
+
function ToastViewport({
|
|
147
|
+
position = "bottom-right",
|
|
148
|
+
className
|
|
149
|
+
}) {
|
|
161
150
|
const ctx = useContext(ToastStoreContext);
|
|
162
151
|
if (!ctx) {
|
|
163
152
|
throw new Error("ToastViewport must be used within <ToastProvider>");
|
|
@@ -167,26 +156,40 @@ function ToastViewport({ position = "bottom-right", className }) {
|
|
|
167
156
|
return null;
|
|
168
157
|
}
|
|
169
158
|
return createPortal(
|
|
170
|
-
/* @__PURE__ */ jsx(
|
|
171
|
-
|
|
159
|
+
/* @__PURE__ */ jsx(
|
|
160
|
+
"div",
|
|
172
161
|
{
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
162
|
+
className: cn(toastViewportVariants({ position }), className),
|
|
163
|
+
"data-slot": "toast-viewport",
|
|
164
|
+
children: /* @__PURE__ */ jsx(AnimatePresence, { children: ctx.toasts.map((item) => /* @__PURE__ */ jsxs(
|
|
165
|
+
Toast,
|
|
166
|
+
{
|
|
167
|
+
toastId: item.id,
|
|
168
|
+
appearance: item.appearance,
|
|
169
|
+
size: item.size,
|
|
170
|
+
animation: item.animation,
|
|
171
|
+
children: [
|
|
172
|
+
/* @__PURE__ */ jsx(ToastTitle, { children: item.title }),
|
|
173
|
+
item.description ? /* @__PURE__ */ jsx(ToastDescription, { children: item.description }) : null,
|
|
174
|
+
/* @__PURE__ */ jsx(ToastClose, { onClick: () => ctx.dismiss(item.id) })
|
|
175
|
+
]
|
|
176
|
+
},
|
|
177
|
+
item.id
|
|
178
|
+
)) })
|
|
179
|
+
}
|
|
180
|
+
),
|
|
185
181
|
portalTarget
|
|
186
182
|
);
|
|
187
183
|
}
|
|
188
184
|
ToastViewport.displayName = "ToastViewport";
|
|
189
|
-
function Toast({
|
|
185
|
+
function Toast({
|
|
186
|
+
toastId: _toastId,
|
|
187
|
+
appearance,
|
|
188
|
+
size,
|
|
189
|
+
animation = "slide",
|
|
190
|
+
className,
|
|
191
|
+
children
|
|
192
|
+
}) {
|
|
190
193
|
const motionProps = toastAnimationPresets[animation];
|
|
191
194
|
const live = appearance === "error" ? "assertive" : "polite";
|
|
192
195
|
return /* @__PURE__ */ jsx(
|
|
@@ -197,7 +200,11 @@ function Toast({ toastId: _toastId, appearance, size, animation = "slide", class
|
|
|
197
200
|
role: appearance === "error" ? "alert" : "status",
|
|
198
201
|
"aria-live": live,
|
|
199
202
|
"aria-atomic": "true",
|
|
200
|
-
className: cn(
|
|
203
|
+
className: cn(
|
|
204
|
+
"relative",
|
|
205
|
+
toastRootVariants({ appearance, size }),
|
|
206
|
+
className
|
|
207
|
+
),
|
|
201
208
|
initial: animation === "none" ? false : motionProps.initial,
|
|
202
209
|
animate: animation === "none" ? void 0 : motionProps.animate,
|
|
203
210
|
exit: animation === "none" ? void 0 : motionProps.exit,
|
|
@@ -212,14 +219,26 @@ function ToastTitle({ className, children }) {
|
|
|
212
219
|
}
|
|
213
220
|
ToastTitle.displayName = "ToastTitle";
|
|
214
221
|
function ToastDescription({ className, children }) {
|
|
215
|
-
return /* @__PURE__ */ jsx(
|
|
222
|
+
return /* @__PURE__ */ jsx(
|
|
223
|
+
"div",
|
|
224
|
+
{
|
|
225
|
+
"data-slot": "toast-description",
|
|
226
|
+
className: cn("text-sm text-slate-300", className),
|
|
227
|
+
children
|
|
228
|
+
}
|
|
229
|
+
);
|
|
216
230
|
}
|
|
217
231
|
ToastDescription.displayName = "ToastDescription";
|
|
218
232
|
function ToastAction({ className, children }) {
|
|
219
233
|
return /* @__PURE__ */ jsx("div", { "data-slot": "toast-action", className: cn("mt-3", className), children });
|
|
220
234
|
}
|
|
221
235
|
ToastAction.displayName = "ToastAction";
|
|
222
|
-
function ToastClose({
|
|
236
|
+
function ToastClose({
|
|
237
|
+
className,
|
|
238
|
+
children,
|
|
239
|
+
onClick,
|
|
240
|
+
...rest
|
|
241
|
+
}) {
|
|
223
242
|
return /* @__PURE__ */ jsx(
|
|
224
243
|
"button",
|
|
225
244
|
{
|
|
@@ -237,18 +256,7 @@ function ToastClose({ className, children, onClick, ...rest }) {
|
|
|
237
256
|
);
|
|
238
257
|
}
|
|
239
258
|
ToastClose.displayName = "ToastClose";
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
ToastClose,
|
|
244
|
-
ToastDescription,
|
|
245
|
-
ToastProvider,
|
|
246
|
-
ToastTitle,
|
|
247
|
-
ToastViewport,
|
|
248
|
-
toast,
|
|
249
|
-
toastAnimationPresets,
|
|
250
|
-
toastRootVariants,
|
|
251
|
-
toastViewportVariants,
|
|
252
|
-
useToast
|
|
253
|
-
};
|
|
259
|
+
|
|
260
|
+
export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, toast, toastAnimationPresets, toastRootVariants, toastViewportVariants, useToast };
|
|
261
|
+
//# sourceMappingURL=toast.mjs.map
|
|
254
262
|
//# sourceMappingURL=toast.mjs.map
|