@mivabyte/ui 26.9.21 → 26.10.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +130 -39
- package/dist/components/ui/alert-dialog.cjs +4 -4
- package/dist/components/ui/alert-dialog.cjs.map +1 -1
- package/dist/components/ui/alert-dialog.js +4 -4
- package/dist/components/ui/alert-dialog.js.map +1 -1
- package/dist/components/ui/alert.cjs +2 -2
- package/dist/components/ui/alert.cjs.map +1 -1
- package/dist/components/ui/alert.js +2 -2
- package/dist/components/ui/alert.js.map +1 -1
- package/dist/components/ui/button-group.cjs.map +1 -1
- package/dist/components/ui/button-group.d.ts.map +1 -1
- package/dist/components/ui/button-group.js.map +1 -1
- package/dist/components/ui/button.cjs +4 -4
- package/dist/components/ui/button.cjs.map +1 -1
- package/dist/components/ui/button.js +4 -4
- package/dist/components/ui/button.js.map +1 -1
- package/dist/components/ui/calendar.cjs +36 -25
- package/dist/components/ui/calendar.cjs.map +1 -1
- package/dist/components/ui/calendar.d.cts +5 -3
- package/dist/components/ui/calendar.d.ts +5 -3
- package/dist/components/ui/calendar.d.ts.map +1 -1
- package/dist/components/ui/calendar.js +36 -25
- package/dist/components/ui/calendar.js.map +1 -1
- package/dist/components/ui/carousel.cjs +4 -4
- package/dist/components/ui/carousel.cjs.map +1 -1
- package/dist/components/ui/carousel.js +4 -4
- package/dist/components/ui/carousel.js.map +1 -1
- package/dist/components/ui/checkbox.cjs +1 -1
- package/dist/components/ui/checkbox.cjs.map +1 -1
- package/dist/components/ui/checkbox.js +1 -1
- package/dist/components/ui/checkbox.js.map +1 -1
- package/dist/components/ui/combobox.cjs +4 -4
- package/dist/components/ui/combobox.cjs.map +1 -1
- package/dist/components/ui/combobox.js +4 -4
- package/dist/components/ui/combobox.js.map +1 -1
- package/dist/components/ui/command.cjs +25 -27
- package/dist/components/ui/command.cjs.map +1 -1
- package/dist/components/ui/command.js +24 -26
- package/dist/components/ui/command.js.map +1 -1
- package/dist/components/ui/date-picker.cjs +36 -24
- package/dist/components/ui/date-picker.cjs.map +1 -1
- package/dist/components/ui/date-picker.js +36 -24
- package/dist/components/ui/date-picker.js.map +1 -1
- package/dist/components/ui/dialog.cjs +18 -20
- package/dist/components/ui/dialog.cjs.map +1 -1
- package/dist/components/ui/dialog.d.ts.map +1 -1
- package/dist/components/ui/dialog.js +17 -19
- package/dist/components/ui/dialog.js.map +1 -1
- package/dist/components/ui/empty.cjs +1 -1
- package/dist/components/ui/empty.cjs.map +1 -1
- package/dist/components/ui/empty.js +1 -1
- package/dist/components/ui/empty.js.map +1 -1
- package/dist/components/ui/field.cjs +2 -2
- package/dist/components/ui/field.cjs.map +1 -1
- package/dist/components/ui/field.js +2 -2
- package/dist/components/ui/field.js.map +1 -1
- package/dist/components/ui/form.cjs +158 -0
- package/dist/components/ui/form.cjs.map +1 -0
- package/dist/components/ui/form.d.cts +24 -0
- package/dist/components/ui/form.d.ts +25 -0
- package/dist/components/ui/form.d.ts.map +1 -0
- package/dist/components/ui/form.js +128 -0
- package/dist/components/ui/form.js.map +1 -0
- package/dist/components/ui/input-group.cjs.map +1 -1
- package/dist/components/ui/input-group.d.ts.map +1 -1
- package/dist/components/ui/input-group.js.map +1 -1
- package/dist/components/ui/message.cjs +5 -2
- package/dist/components/ui/message.cjs.map +1 -1
- package/dist/components/ui/message.d.cts +1 -1
- package/dist/components/ui/message.d.ts +1 -1
- package/dist/components/ui/message.d.ts.map +1 -1
- package/dist/components/ui/message.js +6 -3
- package/dist/components/ui/message.js.map +1 -1
- package/dist/components/ui/pagination.cjs +4 -4
- package/dist/components/ui/pagination.cjs.map +1 -1
- package/dist/components/ui/pagination.js +4 -4
- package/dist/components/ui/pagination.js.map +1 -1
- package/dist/components/ui/progress.cjs +3 -2
- package/dist/components/ui/progress.cjs.map +1 -1
- package/dist/components/ui/progress.d.ts.map +1 -1
- package/dist/components/ui/progress.js +3 -2
- package/dist/components/ui/progress.js.map +1 -1
- package/dist/components/ui/radio-group.cjs +2 -2
- package/dist/components/ui/radio-group.cjs.map +1 -1
- package/dist/components/ui/radio-group.js +2 -2
- package/dist/components/ui/radio-group.js.map +1 -1
- package/dist/components/ui/sheet.cjs +18 -20
- package/dist/components/ui/sheet.cjs.map +1 -1
- package/dist/components/ui/sheet.d.ts.map +1 -1
- package/dist/components/ui/sheet.js +17 -19
- package/dist/components/ui/sheet.js.map +1 -1
- package/dist/components/ui/sidebar.cjs +61 -63
- package/dist/components/ui/sidebar.cjs.map +1 -1
- package/dist/components/ui/sidebar.js +60 -62
- package/dist/components/ui/sidebar.js.map +1 -1
- package/dist/components/ui/slider.cjs +2 -2
- package/dist/components/ui/slider.cjs.map +1 -1
- package/dist/components/ui/slider.js +2 -2
- package/dist/components/ui/slider.js.map +1 -1
- package/dist/components/ui/sonner.cjs +53 -0
- package/dist/components/ui/sonner.cjs.map +1 -0
- package/dist/components/ui/sonner.d.cts +4 -0
- package/dist/components/ui/sonner.d.ts +5 -0
- package/dist/components/ui/sonner.d.ts.map +1 -0
- package/dist/components/ui/sonner.js +51 -0
- package/dist/components/ui/sonner.js.map +1 -0
- package/dist/components/ui/switch.cjs +2 -2
- package/dist/components/ui/switch.cjs.map +1 -1
- package/dist/components/ui/switch.js +2 -2
- package/dist/components/ui/switch.js.map +1 -1
- package/dist/components/ui/toast.cjs +301 -9
- package/dist/components/ui/toast.cjs.map +1 -1
- package/dist/components/ui/toast.d.cts +16 -2
- package/dist/components/ui/toast.d.ts +16 -2
- package/dist/components/ui/toast.d.ts.map +1 -1
- package/dist/components/ui/toast.js +272 -1
- package/dist/components/ui/toast.js.map +1 -1
- package/dist/index.cjs +3 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -5
- package/dist/index.d.ts +3 -5
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/lib/render-child.cjs +37 -0
- package/dist/lib/render-child.cjs.map +1 -0
- package/dist/lib/render-child.d.cts +22 -0
- package/dist/lib/render-child.d.ts +23 -0
- package/dist/lib/render-child.d.ts.map +1 -0
- package/dist/lib/render-child.js +15 -0
- package/dist/lib/render-child.js.map +1 -0
- package/dist/styles.css +1 -1
- package/package.json +49 -47
- package/dist/components/ui/container.cjs +0 -69
- package/dist/components/ui/container.cjs.map +0 -1
- package/dist/components/ui/container.d.cts +0 -11
- package/dist/components/ui/container.d.ts +0 -12
- package/dist/components/ui/container.d.ts.map +0 -1
- package/dist/components/ui/container.js +0 -46
- package/dist/components/ui/container.js.map +0 -1
- package/dist/components/ui/kbd-group.cjs +0 -74
- package/dist/components/ui/kbd-group.cjs.map +0 -1
- package/dist/components/ui/kbd-group.d.cts +0 -9
- package/dist/components/ui/kbd-group.d.ts +0 -10
- package/dist/components/ui/kbd-group.d.ts.map +0 -1
- package/dist/components/ui/kbd-group.js +0 -51
- package/dist/components/ui/kbd-group.js.map +0 -1
|
@@ -1,16 +1,308 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var toast$1 = require('@base-ui/react/toast');
|
|
4
|
+
var lucideReact = require('lucide-react');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var reactSlot = require('@radix-ui/react-slot');
|
|
7
|
+
var classVarianceAuthority = require('class-variance-authority');
|
|
8
|
+
var clsx = require('clsx');
|
|
9
|
+
var tailwindMerge = require('tailwind-merge');
|
|
10
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
11
|
|
|
12
|
+
function _interopNamespace(e) {
|
|
13
|
+
if (e && e.__esModule) return e;
|
|
14
|
+
var n = Object.create(null);
|
|
15
|
+
if (e) {
|
|
16
|
+
Object.keys(e).forEach(function (k) {
|
|
17
|
+
if (k !== 'default') {
|
|
18
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
19
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function () { return e[k]; }
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
n.default = e;
|
|
27
|
+
return Object.freeze(n);
|
|
28
|
+
}
|
|
5
29
|
|
|
30
|
+
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
6
31
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
32
|
+
function cn(...inputs) {
|
|
33
|
+
return tailwindMerge.twMerge(clsx.clsx(inputs));
|
|
34
|
+
}
|
|
35
|
+
var buttonVariants = classVarianceAuthority.cva(
|
|
36
|
+
"ui-button ui-focus inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium select-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
|
|
37
|
+
{
|
|
38
|
+
variants: {
|
|
39
|
+
variant: {
|
|
40
|
+
default: "border border-primary-border bg-primary text-primary-foreground shadow-surface hover:bg-primary-hover",
|
|
41
|
+
primary: "border border-primary-border bg-primary text-primary-foreground shadow-surface hover:bg-primary-hover",
|
|
42
|
+
destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
|
|
43
|
+
outline: "border border-input bg-surface shadow-surface hover:bg-accent hover:text-accent-foreground",
|
|
44
|
+
secondary: "border border-secondary-border bg-secondary text-secondary-foreground shadow-surface hover:bg-secondary-hover",
|
|
45
|
+
accent: "bg-accent-muted text-accent-foreground hover:bg-accent shadow-surface",
|
|
46
|
+
subtle: "bg-accent text-accent-foreground hover:bg-accent-muted",
|
|
47
|
+
inverse: "bg-foreground text-background shadow-sm hover:bg-foreground/90",
|
|
48
|
+
ghost: "hover:bg-accent hover:text-accent-foreground",
|
|
49
|
+
navigation: "hover:bg-accent hover:text-accent-foreground",
|
|
50
|
+
link: "text-link underline-offset-4 hover:underline"
|
|
51
|
+
},
|
|
52
|
+
size: {
|
|
53
|
+
default: "h-[var(--control-height)] px-4 py-2",
|
|
54
|
+
compact: "h-8 px-3 text-xs",
|
|
55
|
+
sm: "h-8 rounded-md px-3 text-xs",
|
|
56
|
+
lg: "h-12 rounded-md px-6",
|
|
57
|
+
xs: "h-7 rounded px-2 text-xs",
|
|
58
|
+
icon: "size-[var(--control-height)]",
|
|
59
|
+
"icon-xs": "h-7 w-7",
|
|
60
|
+
"icon-lg": "size-12"
|
|
61
|
+
},
|
|
62
|
+
wrap: {
|
|
63
|
+
true: "whitespace-normal text-wrap",
|
|
64
|
+
false: "whitespace-nowrap"
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
defaultVariants: {
|
|
68
|
+
variant: "default",
|
|
69
|
+
size: "default"
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
);
|
|
73
|
+
var Button = React__namespace.forwardRef(
|
|
74
|
+
({
|
|
75
|
+
className,
|
|
76
|
+
variant,
|
|
77
|
+
size,
|
|
78
|
+
wrap,
|
|
79
|
+
asChild = false,
|
|
80
|
+
loading = false,
|
|
81
|
+
render,
|
|
82
|
+
disabled,
|
|
83
|
+
children,
|
|
84
|
+
onClickCapture,
|
|
85
|
+
tabIndex,
|
|
86
|
+
type,
|
|
87
|
+
...props
|
|
88
|
+
}, ref) => {
|
|
89
|
+
const isDisabled = Boolean(disabled || loading);
|
|
90
|
+
const slotted = asChild || Boolean(render);
|
|
91
|
+
const Comp = slotted ? reactSlot.Slot : "button";
|
|
92
|
+
const content = render ? React__namespace.cloneElement(
|
|
93
|
+
render,
|
|
94
|
+
void 0,
|
|
95
|
+
children ?? render.props.children
|
|
96
|
+
) : children;
|
|
97
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
98
|
+
Comp,
|
|
99
|
+
{
|
|
100
|
+
...props,
|
|
101
|
+
ref,
|
|
102
|
+
"data-slot": props["data-slot"] ?? "button",
|
|
103
|
+
className: cn(buttonVariants({ variant, size, wrap, className })),
|
|
104
|
+
type,
|
|
105
|
+
disabled: isDisabled,
|
|
106
|
+
"aria-disabled": isDisabled || void 0,
|
|
107
|
+
"aria-busy": loading || props["aria-busy"],
|
|
108
|
+
tabIndex: isDisabled && slotted ? -1 : tabIndex,
|
|
109
|
+
...isDisabled ? {
|
|
110
|
+
onClickCapture: (event) => {
|
|
111
|
+
event.preventDefault();
|
|
112
|
+
event.stopPropagation();
|
|
113
|
+
}
|
|
114
|
+
} : onClickCapture ? { onClickCapture } : {},
|
|
115
|
+
children: content
|
|
116
|
+
}
|
|
117
|
+
);
|
|
118
|
+
}
|
|
119
|
+
);
|
|
120
|
+
Button.displayName = "Button";
|
|
121
|
+
var toast = toast$1.Toast.createToastManager();
|
|
122
|
+
function ToastProvider({ ...props }) {
|
|
123
|
+
return /* @__PURE__ */ jsxRuntime.jsx(toast$1.Toast.Provider, { ...props });
|
|
124
|
+
}
|
|
125
|
+
function ToastPortal({ ...props }) {
|
|
126
|
+
return /* @__PURE__ */ jsxRuntime.jsx(toast$1.Toast.Portal, { "data-slot": "toast-portal", ...props });
|
|
127
|
+
}
|
|
128
|
+
function ToastViewport({ className, ...props }) {
|
|
129
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
130
|
+
toast$1.Toast.Viewport,
|
|
131
|
+
{
|
|
132
|
+
"data-slot": "toast-viewport",
|
|
133
|
+
className: cn(
|
|
134
|
+
"pointer-events-none fixed inset-x-4 bottom-4 z-50 mx-auto w-auto max-w-sm outline-none sm:right-4 sm:left-auto sm:mx-0 sm:w-full",
|
|
135
|
+
className
|
|
136
|
+
),
|
|
137
|
+
...props
|
|
138
|
+
}
|
|
139
|
+
);
|
|
140
|
+
}
|
|
141
|
+
function Toast({ className, ...props }) {
|
|
142
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
143
|
+
toast$1.Toast.Root,
|
|
144
|
+
{
|
|
145
|
+
"data-slot": "toast",
|
|
146
|
+
className: cn(
|
|
147
|
+
"group/toast pointer-events-auto absolute right-0 bottom-0 z-[calc(1000-var(--toast-index))] w-full origin-bottom rounded-lg border bg-popover text-popover-foreground shadow-overlay will-change-transform outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
|
|
148
|
+
"[--gap:0.75rem] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))]",
|
|
149
|
+
"h-(--height) [transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))] [transition:transform_500ms_cubic-bezier(0.22,1,0.36,1),opacity_500ms,height_150ms]",
|
|
150
|
+
"after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']",
|
|
151
|
+
"data-expanded:h-(--toast-height) data-expanded:[transform:translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]",
|
|
152
|
+
"data-limited:opacity-0 data-starting-style:[transform:translateY(150%)]",
|
|
153
|
+
"[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]",
|
|
154
|
+
"data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]",
|
|
155
|
+
"data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]",
|
|
156
|
+
"data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]",
|
|
157
|
+
"data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]",
|
|
158
|
+
"data-expanded:data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]",
|
|
159
|
+
"data-expanded:data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]",
|
|
160
|
+
"data-expanded:data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]",
|
|
161
|
+
"data-expanded:data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]",
|
|
162
|
+
className
|
|
163
|
+
),
|
|
164
|
+
...props
|
|
165
|
+
}
|
|
166
|
+
);
|
|
167
|
+
}
|
|
168
|
+
function ToastContent({ className, ...props }) {
|
|
169
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
170
|
+
toast$1.Toast.Content,
|
|
171
|
+
{
|
|
172
|
+
"data-slot": "toast-content",
|
|
173
|
+
className: cn(
|
|
174
|
+
"flex h-full items-center gap-3 overflow-hidden p-4 transition-opacity duration-250 ease-[cubic-bezier(0.22,1,0.36,1)] data-behind:opacity-0 data-expanded:opacity-100",
|
|
175
|
+
className
|
|
176
|
+
),
|
|
177
|
+
...props
|
|
178
|
+
}
|
|
179
|
+
);
|
|
180
|
+
}
|
|
181
|
+
function ToastTitle({ className, ...props }) {
|
|
182
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
183
|
+
toast$1.Toast.Title,
|
|
184
|
+
{
|
|
185
|
+
"data-slot": "toast-title",
|
|
186
|
+
className: cn("text-sm font-medium", className),
|
|
187
|
+
...props
|
|
188
|
+
}
|
|
189
|
+
);
|
|
190
|
+
}
|
|
191
|
+
function ToastDescription({
|
|
192
|
+
className,
|
|
193
|
+
...props
|
|
194
|
+
}) {
|
|
195
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
196
|
+
toast$1.Toast.Description,
|
|
197
|
+
{
|
|
198
|
+
"data-slot": "toast-description",
|
|
199
|
+
className: cn("text-sm text-muted-foreground", className),
|
|
200
|
+
...props
|
|
201
|
+
}
|
|
202
|
+
);
|
|
203
|
+
}
|
|
204
|
+
function ToastAction({
|
|
205
|
+
className,
|
|
206
|
+
render = /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", size: "sm" }),
|
|
207
|
+
...props
|
|
208
|
+
}) {
|
|
209
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
210
|
+
toast$1.Toast.Action,
|
|
211
|
+
{
|
|
212
|
+
"data-slot": "toast-action",
|
|
213
|
+
render,
|
|
214
|
+
className: cn("shrink-0", className),
|
|
215
|
+
...props
|
|
216
|
+
}
|
|
217
|
+
);
|
|
218
|
+
}
|
|
219
|
+
function ToastClose({
|
|
220
|
+
className,
|
|
221
|
+
children,
|
|
222
|
+
render = /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "icon-xs" }),
|
|
223
|
+
...props
|
|
224
|
+
}) {
|
|
225
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
226
|
+
toast$1.Toast.Close,
|
|
227
|
+
{
|
|
228
|
+
"data-slot": "toast-close",
|
|
229
|
+
"aria-label": "Close toast",
|
|
230
|
+
render,
|
|
231
|
+
className: cn(
|
|
232
|
+
"relative shrink-0 text-muted-foreground after:absolute after:-inset-2 after:content-[''] hover:text-foreground",
|
|
233
|
+
className
|
|
234
|
+
),
|
|
235
|
+
...props,
|
|
236
|
+
children: children ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { "aria-hidden": "true" })
|
|
237
|
+
}
|
|
238
|
+
);
|
|
239
|
+
}
|
|
240
|
+
function ToastIcon({ type }) {
|
|
241
|
+
let icon = null;
|
|
242
|
+
if (type === "success") {
|
|
243
|
+
icon = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheckIcon, { className: "text-success", "aria-hidden": "true" });
|
|
244
|
+
}
|
|
245
|
+
if (type === "info") {
|
|
246
|
+
icon = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "text-info", "aria-hidden": "true" });
|
|
247
|
+
}
|
|
248
|
+
if (type === "warning") {
|
|
249
|
+
icon = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlertIcon, { className: "text-warning", "aria-hidden": "true" });
|
|
250
|
+
}
|
|
251
|
+
if (type === "error") {
|
|
252
|
+
icon = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.OctagonXIcon, { className: "text-destructive", "aria-hidden": "true" });
|
|
253
|
+
}
|
|
254
|
+
if (type === "loading") {
|
|
255
|
+
icon = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { className: "animate-spin text-link", "aria-hidden": "true" });
|
|
256
|
+
}
|
|
257
|
+
if (!icon) {
|
|
258
|
+
return null;
|
|
259
|
+
}
|
|
260
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
261
|
+
"span",
|
|
262
|
+
{
|
|
263
|
+
"data-slot": "toast-icon",
|
|
264
|
+
className: "shrink-0 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
|
|
265
|
+
children: icon
|
|
266
|
+
}
|
|
267
|
+
);
|
|
268
|
+
}
|
|
269
|
+
function ToastList() {
|
|
270
|
+
const { toasts } = toast$1.Toast.useToastManager();
|
|
271
|
+
return toasts.map((toastItem) => /* @__PURE__ */ jsxRuntime.jsx(Toast, { toast: toastItem, children: /* @__PURE__ */ jsxRuntime.jsxs(ToastContent, { children: [
|
|
272
|
+
/* @__PURE__ */ jsxRuntime.jsx(ToastIcon, { type: toastItem.type }),
|
|
273
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
|
|
274
|
+
/* @__PURE__ */ jsxRuntime.jsx(ToastTitle, {}),
|
|
275
|
+
/* @__PURE__ */ jsxRuntime.jsx(ToastDescription, {})
|
|
276
|
+
] }),
|
|
277
|
+
/* @__PURE__ */ jsxRuntime.jsx(ToastAction, {}),
|
|
278
|
+
/* @__PURE__ */ jsxRuntime.jsx(ToastClose, {})
|
|
279
|
+
] }) }, toastItem.id));
|
|
280
|
+
}
|
|
281
|
+
function Toaster({
|
|
282
|
+
children,
|
|
283
|
+
toastManager = toast,
|
|
284
|
+
...props
|
|
285
|
+
}) {
|
|
286
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(ToastProvider, { toastManager, ...props, children: [
|
|
287
|
+
children,
|
|
288
|
+
/* @__PURE__ */ jsxRuntime.jsx(ToastPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(ToastViewport, { children: /* @__PURE__ */ jsxRuntime.jsx(ToastList, {}) }) })
|
|
289
|
+
] });
|
|
290
|
+
}
|
|
291
|
+
var createToastManager = toast$1.Toast.createToastManager;
|
|
292
|
+
var useToastManager = toast$1.Toast.useToastManager;
|
|
293
|
+
|
|
294
|
+
exports.Toast = Toast;
|
|
295
|
+
exports.ToastAction = ToastAction;
|
|
296
|
+
exports.ToastClose = ToastClose;
|
|
297
|
+
exports.ToastContent = ToastContent;
|
|
298
|
+
exports.ToastDescription = ToastDescription;
|
|
299
|
+
exports.ToastPortal = ToastPortal;
|
|
300
|
+
exports.ToastProvider = ToastProvider;
|
|
301
|
+
exports.ToastTitle = ToastTitle;
|
|
302
|
+
exports.ToastViewport = ToastViewport;
|
|
303
|
+
exports.Toaster = Toaster;
|
|
304
|
+
exports.createToastManager = createToastManager;
|
|
305
|
+
exports.toast = toast;
|
|
306
|
+
exports.useToastManager = useToastManager;
|
|
15
307
|
//# sourceMappingURL=toast.cjs.map
|
|
16
308
|
//# sourceMappingURL=toast.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":"","file":"toast.cjs","sourcesContent":[]}
|
|
1
|
+
{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/button.tsx","../../../src/components/ui/toast.tsx"],"names":["twMerge","clsx","cva","React","Slot","jsx","ToastPrimitive","XIcon","CircleCheckIcon","InfoIcon","TriangleAlertIcon","OctagonXIcon","Loader2Icon","jsxs"],"mappings":"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","file":"toast.cjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst buttonVariants = cva(\n \"ui-button ui-focus inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium select-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n {\n variants: {\n variant: {\n default:\n \"border border-primary-border bg-primary text-primary-foreground shadow-surface hover:bg-primary-hover\",\n primary:\n \"border border-primary-border bg-primary text-primary-foreground shadow-surface hover:bg-primary-hover\",\n destructive:\n \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n outline:\n \"border border-input bg-surface shadow-surface hover:bg-accent hover:text-accent-foreground\",\n secondary:\n \"border border-secondary-border bg-secondary text-secondary-foreground shadow-surface hover:bg-secondary-hover\",\n accent:\n \"bg-accent-muted text-accent-foreground hover:bg-accent shadow-surface\",\n subtle: \"bg-accent text-accent-foreground hover:bg-accent-muted\",\n inverse:\n \"bg-foreground text-background shadow-sm hover:bg-foreground/90\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n navigation: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-link underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-[var(--control-height)] px-4 py-2\",\n compact: \"h-8 px-3 text-xs\",\n sm: \"h-8 rounded-md px-3 text-xs\",\n lg: \"h-12 rounded-md px-6\",\n xs: \"h-7 rounded px-2 text-xs\",\n icon: \"size-[var(--control-height)]\",\n \"icon-xs\": \"h-7 w-7\",\n \"icon-lg\": \"size-12\",\n },\n wrap: {\n true: \"whitespace-normal text-wrap\",\n false: \"whitespace-nowrap\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nexport interface ButtonProps\n extends\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean\n wrap?: boolean\n loading?: boolean\n render?: React.ReactElement\n \"data-slot\"?: string\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n variant,\n size,\n wrap,\n asChild = false,\n loading = false,\n render,\n disabled,\n children,\n onClickCapture,\n tabIndex,\n type,\n ...props\n },\n ref\n ) => {\n const isDisabled = Boolean(disabled || loading)\n const slotted = asChild || Boolean(render)\n const Comp = slotted ? Slot : \"button\"\n const content = render\n ? React.cloneElement(\n render as React.ReactElement<{ children?: React.ReactNode }>,\n undefined,\n children ?? (render.props as { children?: React.ReactNode }).children\n )\n : children\n return (\n <Comp\n {...props}\n ref={ref}\n data-slot={props[\"data-slot\"] ?? \"button\"}\n className={cn(buttonVariants({ variant, size, wrap, className }))}\n type={type}\n disabled={isDisabled}\n aria-disabled={isDisabled || undefined}\n aria-busy={loading || props[\"aria-busy\"]}\n tabIndex={isDisabled && slotted ? -1 : tabIndex}\n {...(isDisabled\n ? {\n onClickCapture: (event: React.MouseEvent) => {\n event.preventDefault()\n event.stopPropagation()\n },\n }\n : onClickCapture\n ? { onClickCapture }\n : {})}\n >\n {content}\n </Comp>\n )\n }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n","\"use client\"\n\nimport * as React from \"react\"\nimport { Toast as ToastPrimitive } from \"@base-ui/react/toast\"\nimport {\n CircleCheckIcon,\n InfoIcon,\n Loader2Icon,\n OctagonXIcon,\n TriangleAlertIcon,\n XIcon,\n} from \"lucide-react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\n\nconst toast = ToastPrimitive.createToastManager()\n\nfunction ToastProvider({ ...props }: ToastPrimitive.Provider.Props) {\n return <ToastPrimitive.Provider {...props} />\n}\n\nfunction ToastPortal({ ...props }: ToastPrimitive.Portal.Props) {\n return <ToastPrimitive.Portal data-slot=\"toast-portal\" {...props} />\n}\n\nfunction ToastViewport({ className, ...props }: ToastPrimitive.Viewport.Props) {\n return (\n <ToastPrimitive.Viewport\n data-slot=\"toast-viewport\"\n className={cn(\n \"pointer-events-none fixed inset-x-4 bottom-4 z-50 mx-auto w-auto max-w-sm outline-none sm:right-4 sm:left-auto sm:mx-0 sm:w-full\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction Toast({ className, ...props }: ToastPrimitive.Root.Props) {\n return (\n <ToastPrimitive.Root\n data-slot=\"toast\"\n className={cn(\n \"group/toast pointer-events-auto absolute right-0 bottom-0 z-[calc(1000-var(--toast-index))] w-full origin-bottom rounded-lg border bg-popover text-popover-foreground shadow-overlay will-change-transform outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50\",\n \"[--gap:0.75rem] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))]\",\n \"h-(--height) [transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))] [transition:transform_500ms_cubic-bezier(0.22,1,0.36,1),opacity_500ms,height_150ms]\",\n \"after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']\",\n \"data-expanded:h-(--toast-height) data-expanded:[transform:translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]\",\n \"data-limited:opacity-0 data-starting-style:[transform:translateY(150%)]\",\n \"[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]\",\n \"data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]\",\n \"data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]\",\n \"data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]\",\n \"data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]\",\n \"data-expanded:data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]\",\n \"data-expanded:data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]\",\n \"data-expanded:data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]\",\n \"data-expanded:data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ToastContent({ className, ...props }: ToastPrimitive.Content.Props) {\n return (\n <ToastPrimitive.Content\n data-slot=\"toast-content\"\n className={cn(\n \"flex h-full items-center gap-3 overflow-hidden p-4 transition-opacity duration-250 ease-[cubic-bezier(0.22,1,0.36,1)] data-behind:opacity-0 data-expanded:opacity-100\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ToastTitle({ className, ...props }: ToastPrimitive.Title.Props) {\n return (\n <ToastPrimitive.Title\n data-slot=\"toast-title\"\n className={cn(\"text-sm font-medium\", className)}\n {...props}\n />\n )\n}\n\nfunction ToastDescription({\n className,\n ...props\n}: ToastPrimitive.Description.Props) {\n return (\n <ToastPrimitive.Description\n data-slot=\"toast-description\"\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n )\n}\n\nfunction ToastAction({\n className,\n render = <Button variant=\"outline\" size=\"sm\" />,\n ...props\n}: ToastPrimitive.Action.Props) {\n return (\n <ToastPrimitive.Action\n data-slot=\"toast-action\"\n render={render}\n className={cn(\"shrink-0\", className)}\n {...props}\n />\n )\n}\n\nfunction ToastClose({\n className,\n children,\n render = <Button variant=\"ghost\" size=\"icon-xs\" />,\n ...props\n}: ToastPrimitive.Close.Props) {\n return (\n <ToastPrimitive.Close\n data-slot=\"toast-close\"\n aria-label=\"Close toast\"\n render={render}\n className={cn(\n \"relative shrink-0 text-muted-foreground after:absolute after:-inset-2 after:content-[''] hover:text-foreground\",\n className\n )}\n {...props}\n >\n {children ?? <XIcon aria-hidden=\"true\" />}\n </ToastPrimitive.Close>\n )\n}\n\nfunction ToastIcon({ type }: { type: string | undefined }) {\n let icon: React.ReactNode = null\n\n if (type === \"success\") {\n icon = <CircleCheckIcon className=\"text-success\" aria-hidden=\"true\" />\n }\n\n if (type === \"info\") {\n icon = <InfoIcon className=\"text-info\" aria-hidden=\"true\" />\n }\n\n if (type === \"warning\") {\n icon = <TriangleAlertIcon className=\"text-warning\" aria-hidden=\"true\" />\n }\n\n if (type === \"error\") {\n icon = <OctagonXIcon className=\"text-destructive\" aria-hidden=\"true\" />\n }\n\n if (type === \"loading\") {\n icon = <Loader2Icon className=\"animate-spin text-link\" aria-hidden=\"true\" />\n }\n\n if (!icon) {\n return null\n }\n\n return (\n <span\n data-slot=\"toast-icon\"\n className=\"shrink-0 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\"\n >\n {icon}\n </span>\n )\n}\n\nfunction ToastList() {\n const { toasts } = ToastPrimitive.useToastManager()\n\n return toasts.map((toastItem) => (\n <Toast key={toastItem.id} toast={toastItem}>\n <ToastContent>\n <ToastIcon type={toastItem.type} />\n <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n <ToastTitle />\n <ToastDescription />\n </div>\n <ToastAction />\n <ToastClose />\n </ToastContent>\n </Toast>\n ))\n}\n\nfunction Toaster({\n children,\n toastManager = toast,\n ...props\n}: ToastPrimitive.Provider.Props) {\n return (\n <ToastProvider toastManager={toastManager} {...props}>\n {children}\n <ToastPortal>\n <ToastViewport>\n <ToastList />\n </ToastViewport>\n </ToastPortal>\n </ToastProvider>\n )\n}\n\nconst createToastManager = ToastPrimitive.createToastManager\nconst useToastManager = ToastPrimitive.useToastManager\n\nexport {\n Toaster,\n Toast,\n ToastAction,\n ToastClose,\n ToastContent,\n ToastDescription,\n ToastPortal,\n ToastProvider,\n ToastTitle,\n ToastViewport,\n createToastManager,\n toast,\n useToastManager,\n}\n"]}
|
|
@@ -1,2 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Toast as ToastPrimitive } from "@base-ui/react/toast";
|
|
3
|
+
declare const toast: import("@base-ui/react/toast").ToastManager<any>;
|
|
4
|
+
declare function ToastProvider({ ...props }: ToastPrimitive.Provider.Props): React.JSX.Element;
|
|
5
|
+
declare function ToastPortal({ ...props }: ToastPrimitive.Portal.Props): React.JSX.Element;
|
|
6
|
+
declare function ToastViewport({ className, ...props }: ToastPrimitive.Viewport.Props): React.JSX.Element;
|
|
7
|
+
declare function Toast({ className, ...props }: ToastPrimitive.Root.Props): React.JSX.Element;
|
|
8
|
+
declare function ToastContent({ className, ...props }: ToastPrimitive.Content.Props): React.JSX.Element;
|
|
9
|
+
declare function ToastTitle({ className, ...props }: ToastPrimitive.Title.Props): React.JSX.Element;
|
|
10
|
+
declare function ToastDescription({ className, ...props }: ToastPrimitive.Description.Props): React.JSX.Element;
|
|
11
|
+
declare function ToastAction({ className, render, ...props }: ToastPrimitive.Action.Props): React.JSX.Element;
|
|
12
|
+
declare function ToastClose({ className, children, render, ...props }: ToastPrimitive.Close.Props): React.JSX.Element;
|
|
13
|
+
declare function Toaster({ children, toastManager, ...props }: ToastPrimitive.Provider.Props): React.JSX.Element;
|
|
14
|
+
declare const createToastManager: typeof ToastPrimitive.createToastManager;
|
|
15
|
+
declare const useToastManager: typeof ToastPrimitive.useToastManager;
|
|
16
|
+
export { Toaster, Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastTitle, ToastViewport, createToastManager, toast, useToastManager, };
|
|
@@ -1,3 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Toast as ToastPrimitive } from "@base-ui/react/toast";
|
|
3
|
+
declare const toast: import("@base-ui/react/toast").ToastManager<any>;
|
|
4
|
+
declare function ToastProvider({ ...props }: ToastPrimitive.Provider.Props): React.JSX.Element;
|
|
5
|
+
declare function ToastPortal({ ...props }: ToastPrimitive.Portal.Props): React.JSX.Element;
|
|
6
|
+
declare function ToastViewport({ className, ...props }: ToastPrimitive.Viewport.Props): React.JSX.Element;
|
|
7
|
+
declare function Toast({ className, ...props }: ToastPrimitive.Root.Props): React.JSX.Element;
|
|
8
|
+
declare function ToastContent({ className, ...props }: ToastPrimitive.Content.Props): React.JSX.Element;
|
|
9
|
+
declare function ToastTitle({ className, ...props }: ToastPrimitive.Title.Props): React.JSX.Element;
|
|
10
|
+
declare function ToastDescription({ className, ...props }: ToastPrimitive.Description.Props): React.JSX.Element;
|
|
11
|
+
declare function ToastAction({ className, render, ...props }: ToastPrimitive.Action.Props): React.JSX.Element;
|
|
12
|
+
declare function ToastClose({ className, children, render, ...props }: ToastPrimitive.Close.Props): React.JSX.Element;
|
|
13
|
+
declare function Toaster({ children, toastManager, ...props }: ToastPrimitive.Provider.Props): React.JSX.Element;
|
|
14
|
+
declare const createToastManager: typeof ToastPrimitive.createToastManager;
|
|
15
|
+
declare const useToastManager: typeof ToastPrimitive.useToastManager;
|
|
16
|
+
export { Toaster, Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastTitle, ToastViewport, createToastManager, toast, useToastManager, };
|
|
3
17
|
//# sourceMappingURL=toast.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toast.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAa9D,QAAA,MAAM,KAAK,kDAAsC,CAAA;AAEjD,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,qBAEjE;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,MAAM,CAAC,KAAK,qBAE7D;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,qBAW5E;AAED,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,qBAyBhE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,qBAW1E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,qBAQtE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,qBAQlC;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,MAA+C,EAC/C,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,MAAM,CAAC,KAAK,qBAS7B;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,MAAkD,EAClD,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,qBAe5B;AAyDD,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,YAAoB,EACpB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,qBAW/B;AAED,QAAA,MAAM,kBAAkB,0CAAoC,CAAA;AAC5D,QAAA,MAAM,eAAe,uCAAiC,CAAA;AAEtD,OAAO,EACL,OAAO,EACP,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,UAAU,EACV,aAAa,EACb,kBAAkB,EAClB,KAAK,EACL,eAAe,GAChB,CAAA"}
|