@hanzo/ui 5.3.35 → 5.3.36
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/bin/create-registry.js +0 -0
- package/bin/npx-registry-mcp.js +0 -0
- package/bin/registry-mcp-wrapper.sh +0 -0
- package/bin/registry-mcp.js +0 -0
- package/bin/start-mcp-server.sh +0 -0
- package/bin/test-mcp.sh +0 -0
- package/dist/3d/button.js +1 -297
- package/dist/3d/button.mjs +1 -272
- package/dist/3d/card.js +1 -233
- package/dist/3d/card.mjs +1 -206
- package/dist/3d/carousel.js +1 -370
- package/dist/3d/carousel.mjs +1 -343
- package/dist/3d/grid.js +1 -361
- package/dist/3d/grid.mjs +1 -336
- package/dist/3d/index.js +1 -1517
- package/dist/3d/index.mjs +1 -1471
- package/dist/3d/marquee.js +1 -351
- package/dist/3d/marquee.mjs +1 -326
- package/dist/3d/pin.js +1 -45
- package/dist/3d/pin.mjs +1 -23
- package/dist/accordion.js +1 -79
- package/dist/accordion.mjs +1 -54
- package/dist/alert-dialog.js +1 -224
- package/dist/alert-dialog.mjs +1 -191
- package/dist/alert.js +1 -97
- package/dist/alert.mjs +1 -91
- package/dist/animation/animated-background.js +1 -423
- package/dist/animation/animated-background.mjs +1 -417
- package/dist/animation/animated-beam.js +1 -118
- package/dist/animation/animated-beam.mjs +1 -96
- package/dist/animation/animated-cursor.js +1 -274
- package/dist/animation/animated-cursor.mjs +1 -269
- package/dist/animation/animated-icon.js +2 -356
- package/dist/animation/animated-icon.mjs +2 -350
- package/dist/animation/animated-list.js +1 -338
- package/dist/animation/animated-list.mjs +1 -332
- package/dist/animation/animated-number.js +1 -282
- package/dist/animation/animated-number.mjs +1 -276
- package/dist/animation/animated-testimonials.js +1 -96
- package/dist/animation/animated-testimonials.mjs +1 -74
- package/dist/animation/animated-tooltip.js +1 -66
- package/dist/animation/animated-tooltip.mjs +1 -44
- package/dist/animation/apple-cards-carousel.js +1 -307
- package/dist/animation/apple-cards-carousel.mjs +1 -284
- package/dist/animation/apple-hello-effect.js +1 -59
- package/dist/animation/apple-hello-effect.mjs +1 -37
- package/dist/animation/index.js +2 -1951
- package/dist/animation/index.mjs +2 -1920
- package/dist/avatar.js +1 -70
- package/dist/avatar.mjs +1 -46
- package/dist/badge.js +1 -60
- package/dist/badge.mjs +1 -54
- package/dist/blocks/index.js +2 -1684
- package/dist/blocks/index.mjs +2 -1645
- package/dist/breadcrumb.js +1 -106
- package/dist/breadcrumb.mjs +1 -98
- package/dist/calendar-ext/index.js +1 -207
- package/dist/calendar-ext/index.mjs +1 -169
- package/dist/calendar.js +1 -193
- package/dist/calendar.mjs +1 -168
- package/dist/carousel.js +1 -282
- package/dist/carousel.mjs +1 -253
- package/dist/charts/index.js +6 -5840
- package/dist/charts/index.mjs +6 -5749
- package/dist/checkbox.js +1 -59
- package/dist/checkbox.mjs +1 -34
- package/dist/code/block.js +2 -225
- package/dist/code/block.mjs +2 -202
- package/dist/code/compare.js +5 -444
- package/dist/code/compare.mjs +5 -421
- package/dist/code/diff.js +12 -429
- package/dist/code/diff.mjs +11 -405
- package/dist/code/editor.js +1 -242
- package/dist/code/editor.mjs +1 -217
- package/dist/code/explorer.js +1 -290
- package/dist/code/explorer.mjs +1 -267
- package/dist/code/index.js +26 -2514
- package/dist/code/index.mjs +24 -2471
- package/dist/code/preview.js +6 -363
- package/dist/code/preview.mjs +6 -340
- package/dist/code/snippet.js +2 -273
- package/dist/code/snippet.mjs +2 -249
- package/dist/code/tabs.js +1 -74
- package/dist/code/tabs.mjs +1 -52
- package/dist/code/terminal.js +3 -436
- package/dist/code/terminal.mjs +3 -413
- package/dist/collapsible.js +1 -32
- package/dist/collapsible.mjs +1 -8
- package/dist/command.js +1 -282
- package/dist/command.mjs +1 -251
- package/dist/context-menu.js +1 -206
- package/dist/context-menu.mjs +1 -170
- package/dist/desktop/hooks.js +1 -223
- package/dist/desktop/hooks.mjs +1 -198
- package/dist/desktop/index.js +1 -685
- package/dist/desktop/index.mjs +1 -657
- package/dist/desktop/spotlight.js +1 -260
- package/dist/desktop/spotlight.mjs +1 -235
- package/dist/desktop/window.js +1 -273
- package/dist/desktop/window.mjs +1 -247
- package/dist/device/index.js +1 -2
- package/dist/device/index.mjs +0 -1
- package/dist/dialog.js +1 -245
- package/dist/dialog.mjs +1 -213
- package/dist/dock/basic.js +1 -173
- package/dist/dock/basic.mjs +1 -150
- package/dist/dock/index.js +1 -647
- package/dist/dock/index.mjs +1 -620
- package/dist/dock/limelight-nav.js +1 -314
- package/dist/dock/limelight-nav.mjs +1 -293
- package/dist/dock/macos.js +1 -140
- package/dist/dock/macos.mjs +1 -117
- package/dist/dock/menu.js +1 -69
- package/dist/dock/menu.mjs +1 -47
- package/dist/dock/message.js +1 -148
- package/dist/dock/message.mjs +1 -126
- package/dist/drawer.js +1 -114
- package/dist/drawer.mjs +1 -102
- package/dist/dropdown-menu.js +1 -201
- package/dist/dropdown-menu.mjs +1 -165
- package/dist/finance/AdvancedChart.js +2 -47
- package/dist/finance/AdvancedChart.mjs +2 -45
- package/dist/finance/CompanyProfile.js +2 -47
- package/dist/finance/CompanyProfile.mjs +2 -45
- package/dist/finance/CryptoScreener.js +2 -44
- package/dist/finance/CryptoScreener.mjs +2 -42
- package/dist/finance/Financials.js +2 -51
- package/dist/finance/Financials.mjs +2 -49
- package/dist/finance/ForexScreener.js +2 -45
- package/dist/finance/ForexScreener.mjs +2 -43
- package/dist/finance/MarketOverview.js +2 -103
- package/dist/finance/MarketOverview.mjs +2 -101
- package/dist/finance/NewsTimeline.js +2 -43
- package/dist/finance/NewsTimeline.mjs +2 -41
- package/dist/finance/OrderEntry.js +1 -130
- package/dist/finance/OrderEntry.mjs +1 -128
- package/dist/finance/OrdersHistory.js +1 -63
- package/dist/finance/OrdersHistory.mjs +1 -61
- package/dist/finance/PositionsList.js +1 -79
- package/dist/finance/PositionsList.mjs +1 -77
- package/dist/finance/StockScreener.js +2 -45
- package/dist/finance/StockScreener.mjs +2 -43
- package/dist/finance/SymbolInfo.js +2 -45
- package/dist/finance/SymbolInfo.mjs +2 -43
- package/dist/finance/TechnicalAnalysis.js +2 -53
- package/dist/finance/TechnicalAnalysis.mjs +2 -51
- package/dist/finance/TickerTape.js +2 -55
- package/dist/finance/TickerTape.mjs +2 -53
- package/dist/finance/TradingPanel.js +1 -190
- package/dist/finance/TradingPanel.mjs +1 -188
- package/dist/finance/index.js +2 -929
- package/dist/finance/index.mjs +2 -913
- package/dist/form/index.js +1 -153
- package/dist/form/index.mjs +1 -123
- package/dist/form.js +1 -171
- package/dist/form.mjs +1 -141
- package/dist/hover-card.js +1 -57
- package/dist/hover-card.mjs +1 -33
- package/dist/index.js +192 -9618
- package/dist/index.mjs +192 -9202
- package/dist/input-otp.js +1 -78
- package/dist/input-otp.mjs +1 -53
- package/dist/kanban/index.js +1 -593
- package/dist/kanban/index.mjs +1 -571
- package/dist/lib/utils.js +1 -28
- package/dist/lib/utils.mjs +1 -24
- package/dist/mermaid/index.js +1 -280
- package/dist/mermaid/index.mjs +1 -253
- package/dist/navigation/index.js +1 -97
- package/dist/navigation/index.mjs +1 -78
- package/dist/navigation-menu.js +1 -148
- package/dist/navigation-menu.mjs +1 -115
- package/dist/pattern/grid-pattern.js +3 -325
- package/dist/pattern/grid-pattern.mjs +3 -302
- package/dist/pattern/index.js +3 -325
- package/dist/pattern/index.mjs +3 -302
- package/dist/popover.js +1 -62
- package/dist/popover.mjs +1 -36
- package/dist/progress.js +1 -61
- package/dist/progress.mjs +1 -36
- package/dist/project/gantt.js +1 -64
- package/dist/project/gantt.mjs +1 -42
- package/dist/project/index.js +1 -635
- package/dist/project/index.mjs +1 -610
- package/dist/project/kanban.js +1 -596
- package/dist/project/kanban.mjs +1 -571
- package/dist/project/list.js +1 -34
- package/dist/project/list.mjs +1 -11
- package/dist/radio-group.js +1 -67
- package/dist/radio-group.mjs +1 -44
- package/dist/resizable.js +1 -71
- package/dist/resizable.mjs +1 -47
- package/dist/scroll-area.js +1 -88
- package/dist/scroll-area.mjs +1 -65
- package/dist/select.js +1 -139
- package/dist/select.mjs +1 -110
- package/dist/separator.js +1 -58
- package/dist/separator.mjs +1 -33
- package/dist/sheet.js +1 -147
- package/dist/sheet.mjs +1 -116
- package/dist/skeleton.js +1 -31
- package/dist/skeleton.mjs +1 -26
- package/dist/slider.js +1 -98
- package/dist/slider.mjs +1 -72
- package/dist/sonner.js +1 -33
- package/dist/sonner.mjs +1 -28
- package/dist/spline/index.js +1 -210
- package/dist/spline/index.mjs +1 -201
- package/dist/spline/media-stack.js +1 -192
- package/dist/spline/media-stack.mjs +1 -184
- package/dist/spline/player.js +1 -36
- package/dist/spline/player.mjs +1 -30
- package/dist/switch.js +1 -61
- package/dist/switch.mjs +1 -36
- package/dist/table.js +1 -109
- package/dist/table.mjs +1 -100
- package/dist/tabs.js +1 -127
- package/dist/tabs.mjs +1 -101
- package/dist/tailwind/index.mjs +1 -2011
- package/dist/textarea.js +1 -77
- package/dist/textarea.mjs +1 -55
- package/dist/toggle-group.js +1 -117
- package/dist/toggle-group.mjs +1 -92
- package/dist/toggle.js +1 -70
- package/dist/toggle.mjs +1 -47
- package/dist/tooltip.js +1 -66
- package/dist/tooltip.mjs +1 -39
- package/dist/types/index.mjs +1 -51
- package/dist/ui/announcement.js +1 -133
- package/dist/ui/announcement.mjs +1 -111
- package/dist/ui/avatar-group.js +1 -87
- package/dist/ui/avatar-group.mjs +1 -64
- package/dist/ui/banner.js +1 -84
- package/dist/ui/banner.mjs +1 -61
- package/dist/ui/cursor.js +1 -77
- package/dist/ui/cursor.mjs +1 -55
- package/dist/ui/index.js +1 -494
- package/dist/ui/index.mjs +1 -461
- package/dist/ui/marquee.js +1 -73
- package/dist/ui/marquee.mjs +1 -51
- package/dist/ui/pill.js +1 -84
- package/dist/ui/pill.mjs +1 -61
- package/dist/ui/spinner.js +1 -27
- package/dist/ui/spinner.mjs +1 -25
- package/dist/ui/tags.js +1 -116
- package/dist/ui/tags.mjs +1 -94
- package/dist/ui/ticker.js +1 -72
- package/dist/ui/ticker.mjs +1 -50
- package/dist/util/index.mjs +1 -404
- package/package.json +28 -27
- package/dist/primitives/index.js +0 -9619
- package/dist/primitives/index.mjs +0 -9203
- package/dist/primitives-export.js +0 -9619
- package/dist/primitives-export.mjs +0 -9203
package/dist/alert-dialog.js
CHANGED
|
@@ -1,225 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
|
|
5
|
-
var clsx = require('clsx');
|
|
6
|
-
var tailwindMerge = require('tailwind-merge');
|
|
7
|
-
var reactSlot = require('@radix-ui/react-slot');
|
|
8
|
-
var classVarianceAuthority = require('class-variance-authority');
|
|
9
|
-
var lucideReact = require('lucide-react');
|
|
10
|
-
var React = require('react');
|
|
11
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
12
|
-
|
|
13
|
-
function _interopNamespace(e) {
|
|
14
|
-
if (e && e.__esModule) return e;
|
|
15
|
-
var n = Object.create(null);
|
|
16
|
-
if (e) {
|
|
17
|
-
Object.keys(e).forEach(function (k) {
|
|
18
|
-
if (k !== 'default') {
|
|
19
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
20
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
21
|
-
enumerable: true,
|
|
22
|
-
get: function () { return e[k]; }
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
n.default = e;
|
|
28
|
-
return Object.freeze(n);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
|
|
32
|
-
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
33
|
-
|
|
34
|
-
var __defProp = Object.defineProperty;
|
|
35
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
36
|
-
function cn(...inputs) {
|
|
37
|
-
return tailwindMerge.twMerge(clsx.clsx(inputs));
|
|
38
|
-
}
|
|
39
|
-
__name(cn, "cn");
|
|
40
|
-
var buttonVariants = classVarianceAuthority.cva(
|
|
41
|
-
'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
|
|
42
|
-
{
|
|
43
|
-
variants: {
|
|
44
|
-
variant: {
|
|
45
|
-
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
46
|
-
destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
47
|
-
outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
|
|
48
|
-
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
49
|
-
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
50
|
-
link: "text-primary underline-offset-4 hover:underline",
|
|
51
|
-
// Keep the additional Hanzo variants for backward compatibility
|
|
52
|
-
primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
|
|
53
|
-
linkFG: "text-primary underline-offset-4 hover:underline",
|
|
54
|
-
linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
|
|
55
|
-
},
|
|
56
|
-
size: {
|
|
57
|
-
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
58
|
-
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
59
|
-
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
60
|
-
icon: "size-9",
|
|
61
|
-
"icon-sm": "size-8",
|
|
62
|
-
"icon-lg": "size-10"
|
|
63
|
-
}
|
|
64
|
-
},
|
|
65
|
-
defaultVariants: {
|
|
66
|
-
variant: "default",
|
|
67
|
-
size: "default"
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
);
|
|
71
|
-
var Button = React__namespace.forwardRef(
|
|
72
|
-
({ className, variant = "default", size = "default", asChild = false, isLoading = false, children, ...props }, ref) => {
|
|
73
|
-
const Comp = asChild ? reactSlot.Slot : "button";
|
|
74
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
75
|
-
Comp,
|
|
76
|
-
{
|
|
77
|
-
"data-slot": "button",
|
|
78
|
-
"data-variant": variant,
|
|
79
|
-
"data-size": size,
|
|
80
|
-
className: cn(buttonVariants({ variant, size, className })),
|
|
81
|
-
ref,
|
|
82
|
-
...props,
|
|
83
|
-
children: [
|
|
84
|
-
isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
85
|
-
lucideReact.Loader2,
|
|
86
|
-
{
|
|
87
|
-
className: cn("h-4 w-4 animate-spin", size !== "icon" && size !== "icon-sm" && size !== "icon-lg" && "mr-2")
|
|
88
|
-
}
|
|
89
|
-
) : null,
|
|
90
|
-
isLoading && (size === "icon" || size === "icon-sm" || size === "icon-lg") ? null : children
|
|
91
|
-
]
|
|
92
|
-
}
|
|
93
|
-
);
|
|
94
|
-
}
|
|
95
|
-
);
|
|
96
|
-
Button.displayName = "Button";
|
|
97
|
-
var AlertDialog = AlertDialogPrimitive__namespace.Root;
|
|
98
|
-
var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
|
|
99
|
-
var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
|
|
100
|
-
var AlertDialogOverlay = /* @__PURE__ */ __name(({
|
|
101
|
-
className,
|
|
102
|
-
children,
|
|
103
|
-
ref,
|
|
104
|
-
...props
|
|
105
|
-
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
106
|
-
AlertDialogPrimitive__namespace.Overlay,
|
|
107
|
-
{
|
|
108
|
-
className: cn(
|
|
109
|
-
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-sm",
|
|
110
|
-
"bg-bg-dark/90",
|
|
111
|
-
className
|
|
112
|
-
),
|
|
113
|
-
...props,
|
|
114
|
-
ref
|
|
115
|
-
}
|
|
116
|
-
), "AlertDialogOverlay");
|
|
117
|
-
AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
|
|
118
|
-
var AlertDialogContent = /* @__PURE__ */ __name(({
|
|
119
|
-
className,
|
|
120
|
-
ref,
|
|
121
|
-
...props
|
|
122
|
-
}) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
|
|
123
|
-
/* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
|
|
124
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
125
|
-
AlertDialogPrimitive__namespace.Content,
|
|
126
|
-
{
|
|
127
|
-
className: cn(
|
|
128
|
-
"bg-bg-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-divider fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
|
|
129
|
-
className
|
|
130
|
-
),
|
|
131
|
-
ref,
|
|
132
|
-
...props
|
|
133
|
-
}
|
|
134
|
-
)
|
|
135
|
-
] }), "AlertDialogContent");
|
|
136
|
-
AlertDialogContent.displayName = AlertDialogPrimitive__namespace.Content.displayName;
|
|
137
|
-
var AlertDialogHeader = /* @__PURE__ */ __name(({
|
|
138
|
-
className,
|
|
139
|
-
...props
|
|
140
|
-
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
141
|
-
"div",
|
|
142
|
-
{
|
|
143
|
-
className: cn(
|
|
144
|
-
"flex flex-col space-y-2 text-center sm:text-left",
|
|
145
|
-
className
|
|
146
|
-
),
|
|
147
|
-
...props
|
|
148
|
-
}
|
|
149
|
-
), "AlertDialogHeader");
|
|
150
|
-
AlertDialogHeader.displayName = "AlertDialogHeader";
|
|
151
|
-
var AlertDialogFooter = /* @__PURE__ */ __name(({
|
|
152
|
-
className,
|
|
153
|
-
...props
|
|
154
|
-
}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex", className), ...props }), "AlertDialogFooter");
|
|
155
|
-
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
156
|
-
var AlertDialogTitle = /* @__PURE__ */ __name(({
|
|
157
|
-
className,
|
|
158
|
-
ref,
|
|
159
|
-
...props
|
|
160
|
-
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
161
|
-
AlertDialogPrimitive__namespace.Title,
|
|
162
|
-
{
|
|
163
|
-
className: cn("text-lg font-semibold", className),
|
|
164
|
-
ref,
|
|
165
|
-
...props
|
|
166
|
-
}
|
|
167
|
-
), "AlertDialogTitle");
|
|
168
|
-
AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
|
|
169
|
-
var AlertDialogDescription = /* @__PURE__ */ __name(({
|
|
170
|
-
className,
|
|
171
|
-
ref,
|
|
172
|
-
...props
|
|
173
|
-
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
174
|
-
AlertDialogPrimitive__namespace.Description,
|
|
175
|
-
{
|
|
176
|
-
className: cn("text-text-secondary text-sm", className),
|
|
177
|
-
ref,
|
|
178
|
-
...props
|
|
179
|
-
}
|
|
180
|
-
), "AlertDialogDescription");
|
|
181
|
-
AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
|
|
182
|
-
var AlertDialogAction = /* @__PURE__ */ __name(({
|
|
183
|
-
className,
|
|
184
|
-
ref,
|
|
185
|
-
...props
|
|
186
|
-
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
187
|
-
AlertDialogPrimitive__namespace.Action,
|
|
188
|
-
{
|
|
189
|
-
className: cn(
|
|
190
|
-
buttonVariants({ variant: "default", size: "sm" }),
|
|
191
|
-
className
|
|
192
|
-
),
|
|
193
|
-
ref,
|
|
194
|
-
...props
|
|
195
|
-
}
|
|
196
|
-
), "AlertDialogAction");
|
|
197
|
-
AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
|
|
198
|
-
var AlertDialogCancel = /* @__PURE__ */ __name(({
|
|
199
|
-
className,
|
|
200
|
-
ref,
|
|
201
|
-
...props
|
|
202
|
-
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
203
|
-
AlertDialogPrimitive__namespace.Cancel,
|
|
204
|
-
{
|
|
205
|
-
className: cn(
|
|
206
|
-
buttonVariants({ variant: "outline", size: "sm" }),
|
|
207
|
-
className
|
|
208
|
-
),
|
|
209
|
-
ref,
|
|
210
|
-
...props
|
|
211
|
-
}
|
|
212
|
-
), "AlertDialogCancel");
|
|
213
|
-
AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
|
|
214
|
-
|
|
215
|
-
exports.AlertDialog = AlertDialog;
|
|
216
|
-
exports.AlertDialogAction = AlertDialogAction;
|
|
217
|
-
exports.AlertDialogCancel = AlertDialogCancel;
|
|
218
|
-
exports.AlertDialogContent = AlertDialogContent;
|
|
219
|
-
exports.AlertDialogDescription = AlertDialogDescription;
|
|
220
|
-
exports.AlertDialogFooter = AlertDialogFooter;
|
|
221
|
-
exports.AlertDialogHeader = AlertDialogHeader;
|
|
222
|
-
exports.AlertDialogOverlay = AlertDialogOverlay;
|
|
223
|
-
exports.AlertDialogPortal = AlertDialogPortal;
|
|
224
|
-
exports.AlertDialogTitle = AlertDialogTitle;
|
|
225
|
-
exports.AlertDialogTrigger = AlertDialogTrigger;
|
|
2
|
+
'use strict';var e=require('@radix-ui/react-alert-dialog'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),lucideReact=require('lucide-react'),p=require('react'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var e__namespace=/*#__PURE__*/_interopNamespace(e);var p__namespace=/*#__PURE__*/_interopNamespace(p);var u=Object.defineProperty;var a=(t,o)=>u(t,"name",{value:o,configurable:true});function r(...t){return tailwindMerge.twMerge(clsx.clsx(t))}a(r,"cn");var n=classVarianceAuthority.cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline",primary:"bg-primary text-primary-foreground shadow hover:bg-primary/90",linkFG:"text-primary underline-offset-4 hover:underline",linkMuted:"text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}}),b=p__namespace.forwardRef(({className:t,variant:o="default",size:i="default",asChild:s=false,isLoading:c=false,children:d,...g},f)=>jsxRuntime.jsxs(s?reactSlot.Slot:"button",{"data-slot":"button","data-variant":o,"data-size":i,className:r(n({variant:o,size:i,className:t})),ref:f,...g,children:[c?jsxRuntime.jsx(lucideReact.Loader2,{className:r("h-4 w-4 animate-spin",i!=="icon"&&i!=="icon-sm"&&i!=="icon-lg"&&"mr-2")}):null,c&&(i==="icon"||i==="icon-sm"||i==="icon-lg")?null:d]}));b.displayName="Button";var X=e__namespace.Root,q=e__namespace.Trigger,h=e__namespace.Portal,m=a(({className:t,children:o,ref:i,...s})=>jsxRuntime.jsx(e__namespace.Overlay,{className:r("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-sm","bg-bg-dark/90",t),...s,ref:i}),"AlertDialogOverlay");m.displayName=e__namespace.Overlay.displayName;var C=a(({className:t,ref:o,...i})=>jsxRuntime.jsxs(h,{children:[jsxRuntime.jsx(m,{}),jsxRuntime.jsx(e__namespace.Content,{className:r("bg-bg-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-divider fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",t),ref:o,...i})]}),"AlertDialogContent");C.displayName=e__namespace.Content.displayName;var N=a(({className:t,...o})=>jsxRuntime.jsx("div",{className:r("flex flex-col space-y-2 text-center sm:text-left",t),...o}),"AlertDialogHeader");N.displayName="AlertDialogHeader";var T=a(({className:t,...o})=>jsxRuntime.jsx("div",{className:r("flex",t),...o}),"AlertDialogFooter");T.displayName="AlertDialogFooter";var k=a(({className:t,ref:o,...i})=>jsxRuntime.jsx(e__namespace.Title,{className:r("text-lg font-semibold",t),ref:o,...i}),"AlertDialogTitle");k.displayName=e__namespace.Title.displayName;var w=a(({className:t,ref:o,...i})=>jsxRuntime.jsx(e__namespace.Description,{className:r("text-text-secondary text-sm",t),ref:o,...i}),"AlertDialogDescription");w.displayName=e__namespace.Description.displayName;var O=a(({className:t,ref:o,...i})=>jsxRuntime.jsx(e__namespace.Action,{className:r(n({variant:"default",size:"sm"}),t),ref:o,...i}),"AlertDialogAction");O.displayName=e__namespace.Action.displayName;var L=a(({className:t,ref:o,...i})=>jsxRuntime.jsx(e__namespace.Cancel,{className:r(n({variant:"outline",size:"sm"}),t),ref:o,...i}),"AlertDialogCancel");L.displayName=e__namespace.Cancel.displayName;exports.AlertDialog=X;exports.AlertDialogAction=O;exports.AlertDialogCancel=L;exports.AlertDialogContent=C;exports.AlertDialogDescription=w;exports.AlertDialogFooter=T;exports.AlertDialogHeader=N;exports.AlertDialogOverlay=m;exports.AlertDialogPortal=h;exports.AlertDialogTitle=k;exports.AlertDialogTrigger=q;
|
package/dist/alert-dialog.mjs
CHANGED
|
@@ -1,192 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
3
|
-
import { clsx } from 'clsx';
|
|
4
|
-
import { twMerge } from 'tailwind-merge';
|
|
5
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
6
|
-
import { cva } from 'class-variance-authority';
|
|
7
|
-
import { Loader2 } from 'lucide-react';
|
|
8
|
-
import * as React from 'react';
|
|
9
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
10
|
-
|
|
11
|
-
var __defProp = Object.defineProperty;
|
|
12
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
13
|
-
function cn(...inputs) {
|
|
14
|
-
return twMerge(clsx(inputs));
|
|
15
|
-
}
|
|
16
|
-
__name(cn, "cn");
|
|
17
|
-
var buttonVariants = cva(
|
|
18
|
-
'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
|
|
19
|
-
{
|
|
20
|
-
variants: {
|
|
21
|
-
variant: {
|
|
22
|
-
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
23
|
-
destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
24
|
-
outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
|
|
25
|
-
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
26
|
-
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
27
|
-
link: "text-primary underline-offset-4 hover:underline",
|
|
28
|
-
// Keep the additional Hanzo variants for backward compatibility
|
|
29
|
-
primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
|
|
30
|
-
linkFG: "text-primary underline-offset-4 hover:underline",
|
|
31
|
-
linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
|
|
32
|
-
},
|
|
33
|
-
size: {
|
|
34
|
-
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
35
|
-
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
36
|
-
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
37
|
-
icon: "size-9",
|
|
38
|
-
"icon-sm": "size-8",
|
|
39
|
-
"icon-lg": "size-10"
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
defaultVariants: {
|
|
43
|
-
variant: "default",
|
|
44
|
-
size: "default"
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
);
|
|
48
|
-
var Button = React.forwardRef(
|
|
49
|
-
({ className, variant = "default", size = "default", asChild = false, isLoading = false, children, ...props }, ref) => {
|
|
50
|
-
const Comp = asChild ? Slot : "button";
|
|
51
|
-
return /* @__PURE__ */ jsxs(
|
|
52
|
-
Comp,
|
|
53
|
-
{
|
|
54
|
-
"data-slot": "button",
|
|
55
|
-
"data-variant": variant,
|
|
56
|
-
"data-size": size,
|
|
57
|
-
className: cn(buttonVariants({ variant, size, className })),
|
|
58
|
-
ref,
|
|
59
|
-
...props,
|
|
60
|
-
children: [
|
|
61
|
-
isLoading ? /* @__PURE__ */ jsx(
|
|
62
|
-
Loader2,
|
|
63
|
-
{
|
|
64
|
-
className: cn("h-4 w-4 animate-spin", size !== "icon" && size !== "icon-sm" && size !== "icon-lg" && "mr-2")
|
|
65
|
-
}
|
|
66
|
-
) : null,
|
|
67
|
-
isLoading && (size === "icon" || size === "icon-sm" || size === "icon-lg") ? null : children
|
|
68
|
-
]
|
|
69
|
-
}
|
|
70
|
-
);
|
|
71
|
-
}
|
|
72
|
-
);
|
|
73
|
-
Button.displayName = "Button";
|
|
74
|
-
var AlertDialog = AlertDialogPrimitive.Root;
|
|
75
|
-
var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
|
|
76
|
-
var AlertDialogPortal = AlertDialogPrimitive.Portal;
|
|
77
|
-
var AlertDialogOverlay = /* @__PURE__ */ __name(({
|
|
78
|
-
className,
|
|
79
|
-
children,
|
|
80
|
-
ref,
|
|
81
|
-
...props
|
|
82
|
-
}) => /* @__PURE__ */ jsx(
|
|
83
|
-
AlertDialogPrimitive.Overlay,
|
|
84
|
-
{
|
|
85
|
-
className: cn(
|
|
86
|
-
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-sm",
|
|
87
|
-
"bg-bg-dark/90",
|
|
88
|
-
className
|
|
89
|
-
),
|
|
90
|
-
...props,
|
|
91
|
-
ref
|
|
92
|
-
}
|
|
93
|
-
), "AlertDialogOverlay");
|
|
94
|
-
AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
|
|
95
|
-
var AlertDialogContent = /* @__PURE__ */ __name(({
|
|
96
|
-
className,
|
|
97
|
-
ref,
|
|
98
|
-
...props
|
|
99
|
-
}) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
|
|
100
|
-
/* @__PURE__ */ jsx(AlertDialogOverlay, {}),
|
|
101
|
-
/* @__PURE__ */ jsx(
|
|
102
|
-
AlertDialogPrimitive.Content,
|
|
103
|
-
{
|
|
104
|
-
className: cn(
|
|
105
|
-
"bg-bg-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-divider fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
|
|
106
|
-
className
|
|
107
|
-
),
|
|
108
|
-
ref,
|
|
109
|
-
...props
|
|
110
|
-
}
|
|
111
|
-
)
|
|
112
|
-
] }), "AlertDialogContent");
|
|
113
|
-
AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
|
|
114
|
-
var AlertDialogHeader = /* @__PURE__ */ __name(({
|
|
115
|
-
className,
|
|
116
|
-
...props
|
|
117
|
-
}) => /* @__PURE__ */ jsx(
|
|
118
|
-
"div",
|
|
119
|
-
{
|
|
120
|
-
className: cn(
|
|
121
|
-
"flex flex-col space-y-2 text-center sm:text-left",
|
|
122
|
-
className
|
|
123
|
-
),
|
|
124
|
-
...props
|
|
125
|
-
}
|
|
126
|
-
), "AlertDialogHeader");
|
|
127
|
-
AlertDialogHeader.displayName = "AlertDialogHeader";
|
|
128
|
-
var AlertDialogFooter = /* @__PURE__ */ __name(({
|
|
129
|
-
className,
|
|
130
|
-
...props
|
|
131
|
-
}) => /* @__PURE__ */ jsx("div", { className: cn("flex", className), ...props }), "AlertDialogFooter");
|
|
132
|
-
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
133
|
-
var AlertDialogTitle = /* @__PURE__ */ __name(({
|
|
134
|
-
className,
|
|
135
|
-
ref,
|
|
136
|
-
...props
|
|
137
|
-
}) => /* @__PURE__ */ jsx(
|
|
138
|
-
AlertDialogPrimitive.Title,
|
|
139
|
-
{
|
|
140
|
-
className: cn("text-lg font-semibold", className),
|
|
141
|
-
ref,
|
|
142
|
-
...props
|
|
143
|
-
}
|
|
144
|
-
), "AlertDialogTitle");
|
|
145
|
-
AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
|
|
146
|
-
var AlertDialogDescription = /* @__PURE__ */ __name(({
|
|
147
|
-
className,
|
|
148
|
-
ref,
|
|
149
|
-
...props
|
|
150
|
-
}) => /* @__PURE__ */ jsx(
|
|
151
|
-
AlertDialogPrimitive.Description,
|
|
152
|
-
{
|
|
153
|
-
className: cn("text-text-secondary text-sm", className),
|
|
154
|
-
ref,
|
|
155
|
-
...props
|
|
156
|
-
}
|
|
157
|
-
), "AlertDialogDescription");
|
|
158
|
-
AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
|
|
159
|
-
var AlertDialogAction = /* @__PURE__ */ __name(({
|
|
160
|
-
className,
|
|
161
|
-
ref,
|
|
162
|
-
...props
|
|
163
|
-
}) => /* @__PURE__ */ jsx(
|
|
164
|
-
AlertDialogPrimitive.Action,
|
|
165
|
-
{
|
|
166
|
-
className: cn(
|
|
167
|
-
buttonVariants({ variant: "default", size: "sm" }),
|
|
168
|
-
className
|
|
169
|
-
),
|
|
170
|
-
ref,
|
|
171
|
-
...props
|
|
172
|
-
}
|
|
173
|
-
), "AlertDialogAction");
|
|
174
|
-
AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
|
|
175
|
-
var AlertDialogCancel = /* @__PURE__ */ __name(({
|
|
176
|
-
className,
|
|
177
|
-
ref,
|
|
178
|
-
...props
|
|
179
|
-
}) => /* @__PURE__ */ jsx(
|
|
180
|
-
AlertDialogPrimitive.Cancel,
|
|
181
|
-
{
|
|
182
|
-
className: cn(
|
|
183
|
-
buttonVariants({ variant: "outline", size: "sm" }),
|
|
184
|
-
className
|
|
185
|
-
),
|
|
186
|
-
ref,
|
|
187
|
-
...props
|
|
188
|
-
}
|
|
189
|
-
), "AlertDialogCancel");
|
|
190
|
-
AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
|
|
191
|
-
|
|
192
|
-
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
|
|
2
|
+
import*as e from'@radix-ui/react-alert-dialog';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {Loader2}from'lucide-react';import*as p from'react';import {jsxs,jsx}from'react/jsx-runtime';var u=Object.defineProperty;var a=(t,o)=>u(t,"name",{value:o,configurable:true});function r(...t){return twMerge(clsx(t))}a(r,"cn");var n=cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline",primary:"bg-primary text-primary-foreground shadow hover:bg-primary/90",linkFG:"text-primary underline-offset-4 hover:underline",linkMuted:"text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}}),b=p.forwardRef(({className:t,variant:o="default",size:i="default",asChild:s=false,isLoading:c=false,children:d,...g},f)=>jsxs(s?Slot:"button",{"data-slot":"button","data-variant":o,"data-size":i,className:r(n({variant:o,size:i,className:t})),ref:f,...g,children:[c?jsx(Loader2,{className:r("h-4 w-4 animate-spin",i!=="icon"&&i!=="icon-sm"&&i!=="icon-lg"&&"mr-2")}):null,c&&(i==="icon"||i==="icon-sm"||i==="icon-lg")?null:d]}));b.displayName="Button";var X=e.Root,q=e.Trigger,h=e.Portal,m=a(({className:t,children:o,ref:i,...s})=>jsx(e.Overlay,{className:r("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-sm","bg-bg-dark/90",t),...s,ref:i}),"AlertDialogOverlay");m.displayName=e.Overlay.displayName;var C=a(({className:t,ref:o,...i})=>jsxs(h,{children:[jsx(m,{}),jsx(e.Content,{className:r("bg-bg-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-divider fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",t),ref:o,...i})]}),"AlertDialogContent");C.displayName=e.Content.displayName;var N=a(({className:t,...o})=>jsx("div",{className:r("flex flex-col space-y-2 text-center sm:text-left",t),...o}),"AlertDialogHeader");N.displayName="AlertDialogHeader";var T=a(({className:t,...o})=>jsx("div",{className:r("flex",t),...o}),"AlertDialogFooter");T.displayName="AlertDialogFooter";var k=a(({className:t,ref:o,...i})=>jsx(e.Title,{className:r("text-lg font-semibold",t),ref:o,...i}),"AlertDialogTitle");k.displayName=e.Title.displayName;var w=a(({className:t,ref:o,...i})=>jsx(e.Description,{className:r("text-text-secondary text-sm",t),ref:o,...i}),"AlertDialogDescription");w.displayName=e.Description.displayName;var O=a(({className:t,ref:o,...i})=>jsx(e.Action,{className:r(n({variant:"default",size:"sm"}),t),ref:o,...i}),"AlertDialogAction");O.displayName=e.Action.displayName;var L=a(({className:t,ref:o,...i})=>jsx(e.Cancel,{className:r(n({variant:"outline",size:"sm"}),t),ref:o,...i}),"AlertDialogCancel");L.displayName=e.Cancel.displayName;export{X as AlertDialog,O as AlertDialogAction,L as AlertDialogCancel,C as AlertDialogContent,w as AlertDialogDescription,T as AlertDialogFooter,N as AlertDialogHeader,m as AlertDialogOverlay,h as AlertDialogPortal,k as AlertDialogTitle,q as AlertDialogTrigger};
|
package/dist/alert.js
CHANGED
|
@@ -1,98 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var classVarianceAuthority = require('class-variance-authority');
|
|
5
|
-
var clsx = require('clsx');
|
|
6
|
-
var tailwindMerge = require('tailwind-merge');
|
|
7
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
-
|
|
9
|
-
var __defProp = Object.defineProperty;
|
|
10
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
11
|
-
function cn(...inputs) {
|
|
12
|
-
return tailwindMerge.twMerge(clsx.clsx(inputs));
|
|
13
|
-
}
|
|
14
|
-
__name(cn, "cn");
|
|
15
|
-
var alertVariants = classVarianceAuthority.cva(
|
|
16
|
-
"group/alert relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg+div]:translate-y-[-3px] [&>svg~*]:pl-7 [&>svg]:size-4",
|
|
17
|
-
{
|
|
18
|
-
variants: {
|
|
19
|
-
variant: {
|
|
20
|
-
default: "bg-background text-foreground [&>svg]:text-foreground",
|
|
21
|
-
destructive: "border-destructive/50 text-destructive bg-destructive/10 dark:border-destructive [&>svg]:text-destructive",
|
|
22
|
-
// Hanzo-specific variants for backward compatibility
|
|
23
|
-
info: "text-muted-foreground bg-muted border-border [&>svg]:text-muted-foreground",
|
|
24
|
-
warning: "border-yellow-500/50 bg-yellow-500/10 text-yellow-700 dark:text-yellow-400 [&>svg]:text-yellow-600 dark:[&>svg]:text-yellow-400",
|
|
25
|
-
success: "border-green-500/50 bg-green-500/10 text-green-700 dark:text-green-400 [&>svg]:text-green-600 dark:[&>svg]:text-green-400",
|
|
26
|
-
download: "border-cyan-500/50 bg-cyan-500/10 text-cyan-700 dark:text-cyan-400 [&>svg]:text-cyan-600 dark:[&>svg]:text-cyan-400"
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
defaultVariants: {
|
|
30
|
-
variant: "default"
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
);
|
|
34
|
-
function Alert({
|
|
35
|
-
className,
|
|
36
|
-
variant = "default",
|
|
37
|
-
...props
|
|
38
|
-
}) {
|
|
39
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
40
|
-
"div",
|
|
41
|
-
{
|
|
42
|
-
"data-slot": "alert",
|
|
43
|
-
"data-variant": variant,
|
|
44
|
-
role: "alert",
|
|
45
|
-
className: cn(alertVariants({ variant }), className),
|
|
46
|
-
...props
|
|
47
|
-
}
|
|
48
|
-
);
|
|
49
|
-
}
|
|
50
|
-
__name(Alert, "Alert");
|
|
51
|
-
function AlertTitle({ className, ...props }) {
|
|
52
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
53
|
-
"div",
|
|
54
|
-
{
|
|
55
|
-
"data-slot": "alert-title",
|
|
56
|
-
className: cn(
|
|
57
|
-
"mb-1 leading-none font-medium tracking-tight [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3",
|
|
58
|
-
className
|
|
59
|
-
),
|
|
60
|
-
...props
|
|
61
|
-
}
|
|
62
|
-
);
|
|
63
|
-
}
|
|
64
|
-
__name(AlertTitle, "AlertTitle");
|
|
65
|
-
function AlertDescription({
|
|
66
|
-
className,
|
|
67
|
-
...props
|
|
68
|
-
}) {
|
|
69
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
70
|
-
"div",
|
|
71
|
-
{
|
|
72
|
-
"data-slot": "alert-description",
|
|
73
|
-
className: cn(
|
|
74
|
-
"text-sm [&_p]:leading-relaxed [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3",
|
|
75
|
-
className
|
|
76
|
-
),
|
|
77
|
-
...props
|
|
78
|
-
}
|
|
79
|
-
);
|
|
80
|
-
}
|
|
81
|
-
__name(AlertDescription, "AlertDescription");
|
|
82
|
-
function AlertAction({ className, ...props }) {
|
|
83
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
84
|
-
"div",
|
|
85
|
-
{
|
|
86
|
-
"data-slot": "alert-action",
|
|
87
|
-
className: cn("mt-3 flex items-center gap-2", className),
|
|
88
|
-
...props
|
|
89
|
-
}
|
|
90
|
-
);
|
|
91
|
-
}
|
|
92
|
-
__name(AlertAction, "AlertAction");
|
|
93
|
-
|
|
94
|
-
exports.Alert = Alert;
|
|
95
|
-
exports.AlertAction = AlertAction;
|
|
96
|
-
exports.AlertDescription = AlertDescription;
|
|
97
|
-
exports.AlertTitle = AlertTitle;
|
|
98
|
-
exports.alertVariants = alertVariants;
|
|
2
|
+
'use strict';var classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');var s=Object.defineProperty;var r=(e,t)=>s(e,"name",{value:t,configurable:true});function a(...e){return tailwindMerge.twMerge(clsx.clsx(e))}r(a,"cn");var u=classVarianceAuthority.cva("group/alert relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg+div]:translate-y-[-3px] [&>svg~*]:pl-7 [&>svg]:size-4",{variants:{variant:{default:"bg-background text-foreground [&>svg]:text-foreground",destructive:"border-destructive/50 text-destructive bg-destructive/10 dark:border-destructive [&>svg]:text-destructive",info:"text-muted-foreground bg-muted border-border [&>svg]:text-muted-foreground",warning:"border-yellow-500/50 bg-yellow-500/10 text-yellow-700 dark:text-yellow-400 [&>svg]:text-yellow-600 dark:[&>svg]:text-yellow-400",success:"border-green-500/50 bg-green-500/10 text-green-700 dark:text-green-400 [&>svg]:text-green-600 dark:[&>svg]:text-green-400",download:"border-cyan-500/50 bg-cyan-500/10 text-cyan-700 dark:text-cyan-400 [&>svg]:text-cyan-600 dark:[&>svg]:text-cyan-400"}},defaultVariants:{variant:"default"}});function b({className:e,variant:t="default",...o}){return jsxRuntime.jsx("div",{"data-slot":"alert","data-variant":t,role:"alert",className:a(u({variant:t}),e),...o})}r(b,"Alert");function y({className:e,...t}){return jsxRuntime.jsx("div",{"data-slot":"alert-title",className:a("mb-1 leading-none font-medium tracking-tight [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3",e),...t})}r(y,"AlertTitle");function w({className:e,...t}){return jsxRuntime.jsx("div",{"data-slot":"alert-description",className:a("text-sm [&_p]:leading-relaxed [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3",e),...t})}r(w,"AlertDescription");function _({className:e,...t}){return jsxRuntime.jsx("div",{"data-slot":"alert-action",className:a("mt-3 flex items-center gap-2",e),...t})}r(_,"AlertAction");exports.Alert=b;exports.AlertAction=_;exports.AlertDescription=w;exports.AlertTitle=y;exports.alertVariants=u;
|
package/dist/alert.mjs
CHANGED
|
@@ -1,92 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import { clsx } from 'clsx';
|
|
4
|
-
import { twMerge } from 'tailwind-merge';
|
|
5
|
-
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
var __defProp = Object.defineProperty;
|
|
8
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
9
|
-
function cn(...inputs) {
|
|
10
|
-
return twMerge(clsx(inputs));
|
|
11
|
-
}
|
|
12
|
-
__name(cn, "cn");
|
|
13
|
-
var alertVariants = cva(
|
|
14
|
-
"group/alert relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg+div]:translate-y-[-3px] [&>svg~*]:pl-7 [&>svg]:size-4",
|
|
15
|
-
{
|
|
16
|
-
variants: {
|
|
17
|
-
variant: {
|
|
18
|
-
default: "bg-background text-foreground [&>svg]:text-foreground",
|
|
19
|
-
destructive: "border-destructive/50 text-destructive bg-destructive/10 dark:border-destructive [&>svg]:text-destructive",
|
|
20
|
-
// Hanzo-specific variants for backward compatibility
|
|
21
|
-
info: "text-muted-foreground bg-muted border-border [&>svg]:text-muted-foreground",
|
|
22
|
-
warning: "border-yellow-500/50 bg-yellow-500/10 text-yellow-700 dark:text-yellow-400 [&>svg]:text-yellow-600 dark:[&>svg]:text-yellow-400",
|
|
23
|
-
success: "border-green-500/50 bg-green-500/10 text-green-700 dark:text-green-400 [&>svg]:text-green-600 dark:[&>svg]:text-green-400",
|
|
24
|
-
download: "border-cyan-500/50 bg-cyan-500/10 text-cyan-700 dark:text-cyan-400 [&>svg]:text-cyan-600 dark:[&>svg]:text-cyan-400"
|
|
25
|
-
}
|
|
26
|
-
},
|
|
27
|
-
defaultVariants: {
|
|
28
|
-
variant: "default"
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
);
|
|
32
|
-
function Alert({
|
|
33
|
-
className,
|
|
34
|
-
variant = "default",
|
|
35
|
-
...props
|
|
36
|
-
}) {
|
|
37
|
-
return /* @__PURE__ */ jsx(
|
|
38
|
-
"div",
|
|
39
|
-
{
|
|
40
|
-
"data-slot": "alert",
|
|
41
|
-
"data-variant": variant,
|
|
42
|
-
role: "alert",
|
|
43
|
-
className: cn(alertVariants({ variant }), className),
|
|
44
|
-
...props
|
|
45
|
-
}
|
|
46
|
-
);
|
|
47
|
-
}
|
|
48
|
-
__name(Alert, "Alert");
|
|
49
|
-
function AlertTitle({ className, ...props }) {
|
|
50
|
-
return /* @__PURE__ */ jsx(
|
|
51
|
-
"div",
|
|
52
|
-
{
|
|
53
|
-
"data-slot": "alert-title",
|
|
54
|
-
className: cn(
|
|
55
|
-
"mb-1 leading-none font-medium tracking-tight [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3",
|
|
56
|
-
className
|
|
57
|
-
),
|
|
58
|
-
...props
|
|
59
|
-
}
|
|
60
|
-
);
|
|
61
|
-
}
|
|
62
|
-
__name(AlertTitle, "AlertTitle");
|
|
63
|
-
function AlertDescription({
|
|
64
|
-
className,
|
|
65
|
-
...props
|
|
66
|
-
}) {
|
|
67
|
-
return /* @__PURE__ */ jsx(
|
|
68
|
-
"div",
|
|
69
|
-
{
|
|
70
|
-
"data-slot": "alert-description",
|
|
71
|
-
className: cn(
|
|
72
|
-
"text-sm [&_p]:leading-relaxed [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3",
|
|
73
|
-
className
|
|
74
|
-
),
|
|
75
|
-
...props
|
|
76
|
-
}
|
|
77
|
-
);
|
|
78
|
-
}
|
|
79
|
-
__name(AlertDescription, "AlertDescription");
|
|
80
|
-
function AlertAction({ className, ...props }) {
|
|
81
|
-
return /* @__PURE__ */ jsx(
|
|
82
|
-
"div",
|
|
83
|
-
{
|
|
84
|
-
"data-slot": "alert-action",
|
|
85
|
-
className: cn("mt-3 flex items-center gap-2", className),
|
|
86
|
-
...props
|
|
87
|
-
}
|
|
88
|
-
);
|
|
89
|
-
}
|
|
90
|
-
__name(AlertAction, "AlertAction");
|
|
91
|
-
|
|
92
|
-
export { Alert, AlertAction, AlertDescription, AlertTitle, alertVariants };
|
|
2
|
+
import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';var s=Object.defineProperty;var r=(e,t)=>s(e,"name",{value:t,configurable:true});function a(...e){return twMerge(clsx(e))}r(a,"cn");var u=cva("group/alert relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg+div]:translate-y-[-3px] [&>svg~*]:pl-7 [&>svg]:size-4",{variants:{variant:{default:"bg-background text-foreground [&>svg]:text-foreground",destructive:"border-destructive/50 text-destructive bg-destructive/10 dark:border-destructive [&>svg]:text-destructive",info:"text-muted-foreground bg-muted border-border [&>svg]:text-muted-foreground",warning:"border-yellow-500/50 bg-yellow-500/10 text-yellow-700 dark:text-yellow-400 [&>svg]:text-yellow-600 dark:[&>svg]:text-yellow-400",success:"border-green-500/50 bg-green-500/10 text-green-700 dark:text-green-400 [&>svg]:text-green-600 dark:[&>svg]:text-green-400",download:"border-cyan-500/50 bg-cyan-500/10 text-cyan-700 dark:text-cyan-400 [&>svg]:text-cyan-600 dark:[&>svg]:text-cyan-400"}},defaultVariants:{variant:"default"}});function b({className:e,variant:t="default",...o}){return jsx("div",{"data-slot":"alert","data-variant":t,role:"alert",className:a(u({variant:t}),e),...o})}r(b,"Alert");function y({className:e,...t}){return jsx("div",{"data-slot":"alert-title",className:a("mb-1 leading-none font-medium tracking-tight [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3",e),...t})}r(y,"AlertTitle");function w({className:e,...t}){return jsx("div",{"data-slot":"alert-description",className:a("text-sm [&_p]:leading-relaxed [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3",e),...t})}r(w,"AlertDescription");function _({className:e,...t}){return jsx("div",{"data-slot":"alert-action",className:a("mt-3 flex items-center gap-2",e),...t})}r(_,"AlertAction");export{b as Alert,_ as AlertAction,w as AlertDescription,y as AlertTitle,u as alertVariants};
|