@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/command.js
CHANGED
|
@@ -1,283 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var cmdk = require('cmdk');
|
|
5
|
-
var lucideReact = require('lucide-react');
|
|
6
|
-
var clsx = require('clsx');
|
|
7
|
-
var tailwindMerge = require('tailwind-merge');
|
|
8
|
-
var DialogPrimitive = require('@radix-ui/react-dialog');
|
|
9
|
-
var reactSlot = require('@radix-ui/react-slot');
|
|
10
|
-
var classVarianceAuthority = require('class-variance-authority');
|
|
11
|
-
var React = require('react');
|
|
12
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
13
|
-
|
|
14
|
-
function _interopNamespace(e) {
|
|
15
|
-
if (e && e.__esModule) return e;
|
|
16
|
-
var n = Object.create(null);
|
|
17
|
-
if (e) {
|
|
18
|
-
Object.keys(e).forEach(function (k) {
|
|
19
|
-
if (k !== 'default') {
|
|
20
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
21
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
22
|
-
enumerable: true,
|
|
23
|
-
get: function () { return e[k]; }
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
n.default = e;
|
|
29
|
-
return Object.freeze(n);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
|
|
33
|
-
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
34
|
-
|
|
35
|
-
var __defProp = Object.defineProperty;
|
|
36
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
37
|
-
function cn(...inputs) {
|
|
38
|
-
return tailwindMerge.twMerge(clsx.clsx(inputs));
|
|
39
|
-
}
|
|
40
|
-
__name(cn, "cn");
|
|
41
|
-
var buttonVariants = classVarianceAuthority.cva(
|
|
42
|
-
'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',
|
|
43
|
-
{
|
|
44
|
-
variants: {
|
|
45
|
-
variant: {
|
|
46
|
-
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
47
|
-
destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
48
|
-
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",
|
|
49
|
-
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
50
|
-
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
51
|
-
link: "text-primary underline-offset-4 hover:underline",
|
|
52
|
-
// Keep the additional Hanzo variants for backward compatibility
|
|
53
|
-
primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
|
|
54
|
-
linkFG: "text-primary underline-offset-4 hover:underline",
|
|
55
|
-
linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
|
|
56
|
-
},
|
|
57
|
-
size: {
|
|
58
|
-
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
59
|
-
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
60
|
-
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
61
|
-
icon: "size-9",
|
|
62
|
-
"icon-sm": "size-8",
|
|
63
|
-
"icon-lg": "size-10"
|
|
64
|
-
}
|
|
65
|
-
},
|
|
66
|
-
defaultVariants: {
|
|
67
|
-
variant: "default",
|
|
68
|
-
size: "default"
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
);
|
|
72
|
-
var Button = React__namespace.forwardRef(
|
|
73
|
-
({ className, variant = "default", size = "default", asChild = false, isLoading = false, children, ...props }, ref) => {
|
|
74
|
-
const Comp = asChild ? reactSlot.Slot : "button";
|
|
75
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
76
|
-
Comp,
|
|
77
|
-
{
|
|
78
|
-
"data-slot": "button",
|
|
79
|
-
"data-variant": variant,
|
|
80
|
-
"data-size": size,
|
|
81
|
-
className: cn(buttonVariants({ variant, size, className })),
|
|
82
|
-
ref,
|
|
83
|
-
...props,
|
|
84
|
-
children: [
|
|
85
|
-
isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
86
|
-
lucideReact.Loader2,
|
|
87
|
-
{
|
|
88
|
-
className: cn("h-4 w-4 animate-spin", size !== "icon" && size !== "icon-sm" && size !== "icon-lg" && "mr-2")
|
|
89
|
-
}
|
|
90
|
-
) : null,
|
|
91
|
-
isLoading && (size === "icon" || size === "icon-sm" || size === "icon-lg") ? null : children
|
|
92
|
-
]
|
|
93
|
-
}
|
|
94
|
-
);
|
|
95
|
-
}
|
|
96
|
-
);
|
|
97
|
-
Button.displayName = "Button";
|
|
98
|
-
function Dialog({ ...props }) {
|
|
99
|
-
return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { "data-slot": "dialog", ...props });
|
|
100
|
-
}
|
|
101
|
-
__name(Dialog, "Dialog");
|
|
102
|
-
function DialogPortal({
|
|
103
|
-
...props
|
|
104
|
-
}) {
|
|
105
|
-
return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { "data-slot": "dialog-portal", ...props });
|
|
106
|
-
}
|
|
107
|
-
__name(DialogPortal, "DialogPortal");
|
|
108
|
-
function DialogOverlay({
|
|
109
|
-
className,
|
|
110
|
-
...props
|
|
111
|
-
}) {
|
|
112
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
113
|
-
DialogPrimitive__namespace.Overlay,
|
|
114
|
-
{
|
|
115
|
-
"data-slot": "dialog-overlay",
|
|
116
|
-
className: cn(
|
|
117
|
-
"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 isolate z-50",
|
|
118
|
-
"bg-black/80",
|
|
119
|
-
className
|
|
120
|
-
),
|
|
121
|
-
...props
|
|
122
|
-
}
|
|
123
|
-
);
|
|
124
|
-
}
|
|
125
|
-
__name(DialogOverlay, "DialogOverlay");
|
|
126
|
-
function DialogContent({
|
|
127
|
-
className,
|
|
128
|
-
children,
|
|
129
|
-
showCloseButton = true,
|
|
130
|
-
...props
|
|
131
|
-
}) {
|
|
132
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
|
|
133
|
-
/* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
|
|
134
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
135
|
-
DialogPrimitive__namespace.Content,
|
|
136
|
-
{
|
|
137
|
-
"data-slot": "dialog-content",
|
|
138
|
-
className: cn(
|
|
139
|
-
"bg-background 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 fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border p-6 shadow-lg duration-200",
|
|
140
|
-
className
|
|
141
|
-
),
|
|
142
|
-
...props,
|
|
143
|
-
children: [
|
|
144
|
-
children,
|
|
145
|
-
showCloseButton && /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { "data-slot": "dialog-close", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
146
|
-
Button,
|
|
147
|
-
{
|
|
148
|
-
variant: "ghost",
|
|
149
|
-
size: "icon-sm",
|
|
150
|
-
className: "absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none",
|
|
151
|
-
children: [
|
|
152
|
-
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" }),
|
|
153
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
|
|
154
|
-
]
|
|
155
|
-
}
|
|
156
|
-
) })
|
|
157
|
-
]
|
|
158
|
-
}
|
|
159
|
-
)
|
|
160
|
-
] });
|
|
161
|
-
}
|
|
162
|
-
__name(DialogContent, "DialogContent");
|
|
163
|
-
var Command = /* @__PURE__ */ __name(({
|
|
164
|
-
className,
|
|
165
|
-
...props
|
|
166
|
-
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
167
|
-
cmdk.Command,
|
|
168
|
-
{
|
|
169
|
-
className: cn(
|
|
170
|
-
"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md [&_[cmdk-list]]:scroll-pt-0 [&_[cmdk-list]]:scroll-auto",
|
|
171
|
-
className
|
|
172
|
-
),
|
|
173
|
-
loop: true,
|
|
174
|
-
...props
|
|
175
|
-
}
|
|
176
|
-
), "Command");
|
|
177
|
-
Command.displayName = cmdk.Command.displayName;
|
|
178
|
-
var CommandDialog = /* @__PURE__ */ __name(({ children, ...props }) => {
|
|
179
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsx(Command, { className: "[&_[cmdk-group-heading]]:text-text-secondary [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
|
|
180
|
-
}, "CommandDialog");
|
|
181
|
-
var CommandInput = /* @__PURE__ */ __name(({
|
|
182
|
-
className,
|
|
183
|
-
ref,
|
|
184
|
-
...props
|
|
185
|
-
}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
|
|
186
|
-
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
|
|
187
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
188
|
-
cmdk.Command.Input,
|
|
189
|
-
{
|
|
190
|
-
className: cn(
|
|
191
|
-
"placeholder:!text-text-placeholder flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
|
|
192
|
-
className
|
|
193
|
-
),
|
|
194
|
-
ref,
|
|
195
|
-
...props
|
|
196
|
-
}
|
|
197
|
-
)
|
|
198
|
-
] }), "CommandInput");
|
|
199
|
-
CommandInput.displayName = cmdk.Command.Input.displayName;
|
|
200
|
-
var CommandList = /* @__PURE__ */ __name(({
|
|
201
|
-
className,
|
|
202
|
-
...props
|
|
203
|
-
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
204
|
-
cmdk.Command.List,
|
|
205
|
-
{
|
|
206
|
-
className: cn(
|
|
207
|
-
"max-h-[300px] scroll-pt-0 overflow-x-hidden overflow-y-auto scroll-auto",
|
|
208
|
-
className
|
|
209
|
-
),
|
|
210
|
-
...props
|
|
211
|
-
}
|
|
212
|
-
), "CommandList");
|
|
213
|
-
CommandList.displayName = cmdk.Command.List.displayName;
|
|
214
|
-
var CommandEmpty = /* @__PURE__ */ __name(({
|
|
215
|
-
className,
|
|
216
|
-
...props
|
|
217
|
-
}) => /* @__PURE__ */ jsxRuntime.jsx(cmdk.Command.Empty, { className: "py-6 text-center text-sm", ...props }), "CommandEmpty");
|
|
218
|
-
CommandEmpty.displayName = cmdk.Command.Empty.displayName;
|
|
219
|
-
var CommandGroup = /* @__PURE__ */ __name(({
|
|
220
|
-
className,
|
|
221
|
-
...props
|
|
222
|
-
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
223
|
-
cmdk.Command.Group,
|
|
224
|
-
{
|
|
225
|
-
className: cn(
|
|
226
|
-
"text-text-default [&_[cmdk-group-heading]]:text-text-default overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
|
|
227
|
-
className
|
|
228
|
-
),
|
|
229
|
-
...props
|
|
230
|
-
}
|
|
231
|
-
), "CommandGroup");
|
|
232
|
-
CommandGroup.displayName = cmdk.Command.Group.displayName;
|
|
233
|
-
var CommandSeparator = /* @__PURE__ */ __name(({
|
|
234
|
-
className,
|
|
235
|
-
...props
|
|
236
|
-
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
237
|
-
cmdk.Command.Separator,
|
|
238
|
-
{
|
|
239
|
-
className: cn("bg-divider -mx-1 h-px", className),
|
|
240
|
-
...props
|
|
241
|
-
}
|
|
242
|
-
), "CommandSeparator");
|
|
243
|
-
CommandSeparator.displayName = cmdk.Command.Separator.displayName;
|
|
244
|
-
var CommandItem = /* @__PURE__ */ __name(({
|
|
245
|
-
className,
|
|
246
|
-
...props
|
|
247
|
-
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
248
|
-
cmdk.Command.Item,
|
|
249
|
-
{
|
|
250
|
-
className: cn(
|
|
251
|
-
"hover:bg-bg-secondary data-[selected=true]:text-text-default data-[selected='true']:bg-bg-secondary relative flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
|
|
252
|
-
className
|
|
253
|
-
),
|
|
254
|
-
...props
|
|
255
|
-
}
|
|
256
|
-
), "CommandItem");
|
|
257
|
-
CommandItem.displayName = cmdk.Command.Item.displayName;
|
|
258
|
-
var CommandShortcut = /* @__PURE__ */ __name(({
|
|
259
|
-
className,
|
|
260
|
-
...props
|
|
261
|
-
}) => {
|
|
262
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
263
|
-
"span",
|
|
264
|
-
{
|
|
265
|
-
className: cn(
|
|
266
|
-
"text-text-secondary ml-auto text-xs tracking-widest",
|
|
267
|
-
className
|
|
268
|
-
),
|
|
269
|
-
...props
|
|
270
|
-
}
|
|
271
|
-
);
|
|
272
|
-
}, "CommandShortcut");
|
|
273
|
-
CommandShortcut.displayName = "CommandShortcut";
|
|
274
|
-
|
|
275
|
-
exports.Command = Command;
|
|
276
|
-
exports.CommandDialog = CommandDialog;
|
|
277
|
-
exports.CommandEmpty = CommandEmpty;
|
|
278
|
-
exports.CommandGroup = CommandGroup;
|
|
279
|
-
exports.CommandInput = CommandInput;
|
|
280
|
-
exports.CommandItem = CommandItem;
|
|
281
|
-
exports.CommandList = CommandList;
|
|
282
|
-
exports.CommandSeparator = CommandSeparator;
|
|
283
|
-
exports.CommandShortcut = CommandShortcut;
|
|
2
|
+
'use strict';var cmdk=require('cmdk'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),r=require('@radix-ui/react-dialog'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),u=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 r__namespace=/*#__PURE__*/_interopNamespace(r);var u__namespace=/*#__PURE__*/_interopNamespace(u);var C=Object.defineProperty;var o=(t,e)=>C(t,"name",{value:e,configurable:true});function a(...t){return tailwindMerge.twMerge(clsx.clsx(t))}o(a,"cn");var w=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"}}),m=u__namespace.forwardRef(({className:t,variant:e="default",size:n="default",asChild:d=false,isLoading:c=false,children:y,...x},h)=>jsxRuntime.jsxs(d?reactSlot.Slot:"button",{"data-slot":"button","data-variant":e,"data-size":n,className:a(w({variant:e,size:n,className:t})),ref:h,...x,children:[c?jsxRuntime.jsx(lucideReact.Loader2,{className:a("h-4 w-4 animate-spin",n!=="icon"&&n!=="icon-sm"&&n!=="icon-lg"&&"mr-2")}):null,c&&(n==="icon"||n==="icon-sm"||n==="icon-lg")?null:y]}));m.displayName="Button";function g({...t}){return jsxRuntime.jsx(r__namespace.Root,{"data-slot":"dialog",...t})}o(g,"Dialog");function L({...t}){return jsxRuntime.jsx(r__namespace.Portal,{"data-slot":"dialog-portal",...t})}o(L,"DialogPortal");function T({className:t,...e}){return jsxRuntime.jsx(r__namespace.Overlay,{"data-slot":"dialog-overlay",className:a("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 isolate z-50","bg-black/80",t),...e})}o(T,"DialogOverlay");function f({className:t,children:e,showCloseButton:n=true,...d}){return jsxRuntime.jsxs(L,{children:[jsxRuntime.jsx(T,{}),jsxRuntime.jsxs(r__namespace.Content,{"data-slot":"dialog-content",className:a("bg-background 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 fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border p-6 shadow-lg duration-200",t),...d,children:[e,n&&jsxRuntime.jsx(r__namespace.Close,{"data-slot":"dialog-close",asChild:true,children:jsxRuntime.jsxs(m,{variant:"ghost",size:"icon-sm",className:"absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none",children:[jsxRuntime.jsx(lucideReact.X,{className:"size-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close"})]})})]})]})}o(f,"DialogContent");var v=o(({className:t,...e})=>jsxRuntime.jsx(cmdk.Command,{className:a("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md [&_[cmdk-list]]:scroll-pt-0 [&_[cmdk-list]]:scroll-auto",t),loop:true,...e}),"Command");v.displayName=cmdk.Command.displayName;var dt=o(({children:t,...e})=>jsxRuntime.jsx(g,{...e,children:jsxRuntime.jsx(f,{className:"overflow-hidden p-0 shadow-lg",children:jsxRuntime.jsx(v,{className:"[&_[cmdk-group-heading]]:text-text-secondary [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:t})})}),"CommandDialog"),I=o(({className:t,ref:e,...n})=>jsxRuntime.jsxs("div",{className:"flex items-center border-b px-3","cmdk-input-wrapper":"",children:[jsxRuntime.jsx(lucideReact.Search,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),jsxRuntime.jsx(cmdk.Command.Input,{className:a("placeholder:!text-text-placeholder flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",t),ref:e,...n})]}),"CommandInput");I.displayName=cmdk.Command.Input.displayName;var E=o(({className:t,...e})=>jsxRuntime.jsx(cmdk.Command.List,{className:a("max-h-[300px] scroll-pt-0 overflow-x-hidden overflow-y-auto scroll-auto",t),...e}),"CommandList");E.displayName=cmdk.Command.List.displayName;var z=o(({className:t,...e})=>jsxRuntime.jsx(cmdk.Command.Empty,{className:"py-6 text-center text-sm",...e}),"CommandEmpty");z.displayName=cmdk.Command.Empty.displayName;var M=o(({className:t,...e})=>jsxRuntime.jsx(cmdk.Command.Group,{className:a("text-text-default [&_[cmdk-group-heading]]:text-text-default overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",t),...e}),"CommandGroup");M.displayName=cmdk.Command.Group.displayName;var V=o(({className:t,...e})=>jsxRuntime.jsx(cmdk.Command.Separator,{className:a("bg-divider -mx-1 h-px",t),...e}),"CommandSeparator");V.displayName=cmdk.Command.Separator.displayName;var H=o(({className:t,...e})=>jsxRuntime.jsx(cmdk.Command.Item,{className:a("hover:bg-bg-secondary data-[selected=true]:text-text-default data-[selected='true']:bg-bg-secondary relative flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",t),...e}),"CommandItem");H.displayName=cmdk.Command.Item.displayName;var G=o(({className:t,...e})=>jsxRuntime.jsx("span",{className:a("text-text-secondary ml-auto text-xs tracking-widest",t),...e}),"CommandShortcut");G.displayName="CommandShortcut";exports.Command=v;exports.CommandDialog=dt;exports.CommandEmpty=z;exports.CommandGroup=M;exports.CommandInput=I;exports.CommandItem=H;exports.CommandList=E;exports.CommandSeparator=V;exports.CommandShortcut=G;
|
package/dist/command.mjs
CHANGED
|
@@ -1,252 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import { Loader2, Search, X } from 'lucide-react';
|
|
4
|
-
import { clsx } from 'clsx';
|
|
5
|
-
import { twMerge } from 'tailwind-merge';
|
|
6
|
-
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
7
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
8
|
-
import { cva } from 'class-variance-authority';
|
|
9
|
-
import * as React from 'react';
|
|
10
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
11
|
-
|
|
12
|
-
var __defProp = Object.defineProperty;
|
|
13
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
14
|
-
function cn(...inputs) {
|
|
15
|
-
return twMerge(clsx(inputs));
|
|
16
|
-
}
|
|
17
|
-
__name(cn, "cn");
|
|
18
|
-
var buttonVariants = cva(
|
|
19
|
-
'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',
|
|
20
|
-
{
|
|
21
|
-
variants: {
|
|
22
|
-
variant: {
|
|
23
|
-
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
24
|
-
destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
25
|
-
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",
|
|
26
|
-
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
27
|
-
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
28
|
-
link: "text-primary underline-offset-4 hover:underline",
|
|
29
|
-
// Keep the additional Hanzo variants for backward compatibility
|
|
30
|
-
primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
|
|
31
|
-
linkFG: "text-primary underline-offset-4 hover:underline",
|
|
32
|
-
linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
|
|
33
|
-
},
|
|
34
|
-
size: {
|
|
35
|
-
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
36
|
-
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
37
|
-
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
38
|
-
icon: "size-9",
|
|
39
|
-
"icon-sm": "size-8",
|
|
40
|
-
"icon-lg": "size-10"
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
defaultVariants: {
|
|
44
|
-
variant: "default",
|
|
45
|
-
size: "default"
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
);
|
|
49
|
-
var Button = React.forwardRef(
|
|
50
|
-
({ className, variant = "default", size = "default", asChild = false, isLoading = false, children, ...props }, ref) => {
|
|
51
|
-
const Comp = asChild ? Slot : "button";
|
|
52
|
-
return /* @__PURE__ */ jsxs(
|
|
53
|
-
Comp,
|
|
54
|
-
{
|
|
55
|
-
"data-slot": "button",
|
|
56
|
-
"data-variant": variant,
|
|
57
|
-
"data-size": size,
|
|
58
|
-
className: cn(buttonVariants({ variant, size, className })),
|
|
59
|
-
ref,
|
|
60
|
-
...props,
|
|
61
|
-
children: [
|
|
62
|
-
isLoading ? /* @__PURE__ */ jsx(
|
|
63
|
-
Loader2,
|
|
64
|
-
{
|
|
65
|
-
className: cn("h-4 w-4 animate-spin", size !== "icon" && size !== "icon-sm" && size !== "icon-lg" && "mr-2")
|
|
66
|
-
}
|
|
67
|
-
) : null,
|
|
68
|
-
isLoading && (size === "icon" || size === "icon-sm" || size === "icon-lg") ? null : children
|
|
69
|
-
]
|
|
70
|
-
}
|
|
71
|
-
);
|
|
72
|
-
}
|
|
73
|
-
);
|
|
74
|
-
Button.displayName = "Button";
|
|
75
|
-
function Dialog({ ...props }) {
|
|
76
|
-
return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
|
|
77
|
-
}
|
|
78
|
-
__name(Dialog, "Dialog");
|
|
79
|
-
function DialogPortal({
|
|
80
|
-
...props
|
|
81
|
-
}) {
|
|
82
|
-
return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
|
|
83
|
-
}
|
|
84
|
-
__name(DialogPortal, "DialogPortal");
|
|
85
|
-
function DialogOverlay({
|
|
86
|
-
className,
|
|
87
|
-
...props
|
|
88
|
-
}) {
|
|
89
|
-
return /* @__PURE__ */ jsx(
|
|
90
|
-
DialogPrimitive.Overlay,
|
|
91
|
-
{
|
|
92
|
-
"data-slot": "dialog-overlay",
|
|
93
|
-
className: cn(
|
|
94
|
-
"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 isolate z-50",
|
|
95
|
-
"bg-black/80",
|
|
96
|
-
className
|
|
97
|
-
),
|
|
98
|
-
...props
|
|
99
|
-
}
|
|
100
|
-
);
|
|
101
|
-
}
|
|
102
|
-
__name(DialogOverlay, "DialogOverlay");
|
|
103
|
-
function DialogContent({
|
|
104
|
-
className,
|
|
105
|
-
children,
|
|
106
|
-
showCloseButton = true,
|
|
107
|
-
...props
|
|
108
|
-
}) {
|
|
109
|
-
return /* @__PURE__ */ jsxs(DialogPortal, { children: [
|
|
110
|
-
/* @__PURE__ */ jsx(DialogOverlay, {}),
|
|
111
|
-
/* @__PURE__ */ jsxs(
|
|
112
|
-
DialogPrimitive.Content,
|
|
113
|
-
{
|
|
114
|
-
"data-slot": "dialog-content",
|
|
115
|
-
className: cn(
|
|
116
|
-
"bg-background 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 fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border p-6 shadow-lg duration-200",
|
|
117
|
-
className
|
|
118
|
-
),
|
|
119
|
-
...props,
|
|
120
|
-
children: [
|
|
121
|
-
children,
|
|
122
|
-
showCloseButton && /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", asChild: true, children: /* @__PURE__ */ jsxs(
|
|
123
|
-
Button,
|
|
124
|
-
{
|
|
125
|
-
variant: "ghost",
|
|
126
|
-
size: "icon-sm",
|
|
127
|
-
className: "absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none",
|
|
128
|
-
children: [
|
|
129
|
-
/* @__PURE__ */ jsx(X, { className: "size-4" }),
|
|
130
|
-
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
|
|
131
|
-
]
|
|
132
|
-
}
|
|
133
|
-
) })
|
|
134
|
-
]
|
|
135
|
-
}
|
|
136
|
-
)
|
|
137
|
-
] });
|
|
138
|
-
}
|
|
139
|
-
__name(DialogContent, "DialogContent");
|
|
140
|
-
var Command = /* @__PURE__ */ __name(({
|
|
141
|
-
className,
|
|
142
|
-
...props
|
|
143
|
-
}) => /* @__PURE__ */ jsx(
|
|
144
|
-
Command$1,
|
|
145
|
-
{
|
|
146
|
-
className: cn(
|
|
147
|
-
"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md [&_[cmdk-list]]:scroll-pt-0 [&_[cmdk-list]]:scroll-auto",
|
|
148
|
-
className
|
|
149
|
-
),
|
|
150
|
-
loop: true,
|
|
151
|
-
...props
|
|
152
|
-
}
|
|
153
|
-
), "Command");
|
|
154
|
-
Command.displayName = Command$1.displayName;
|
|
155
|
-
var CommandDialog = /* @__PURE__ */ __name(({ children, ...props }) => {
|
|
156
|
-
return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsx(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:text-text-secondary [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
|
|
157
|
-
}, "CommandDialog");
|
|
158
|
-
var CommandInput = /* @__PURE__ */ __name(({
|
|
159
|
-
className,
|
|
160
|
-
ref,
|
|
161
|
-
...props
|
|
162
|
-
}) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
|
|
163
|
-
/* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
|
|
164
|
-
/* @__PURE__ */ jsx(
|
|
165
|
-
Command$1.Input,
|
|
166
|
-
{
|
|
167
|
-
className: cn(
|
|
168
|
-
"placeholder:!text-text-placeholder flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
|
|
169
|
-
className
|
|
170
|
-
),
|
|
171
|
-
ref,
|
|
172
|
-
...props
|
|
173
|
-
}
|
|
174
|
-
)
|
|
175
|
-
] }), "CommandInput");
|
|
176
|
-
CommandInput.displayName = Command$1.Input.displayName;
|
|
177
|
-
var CommandList = /* @__PURE__ */ __name(({
|
|
178
|
-
className,
|
|
179
|
-
...props
|
|
180
|
-
}) => /* @__PURE__ */ jsx(
|
|
181
|
-
Command$1.List,
|
|
182
|
-
{
|
|
183
|
-
className: cn(
|
|
184
|
-
"max-h-[300px] scroll-pt-0 overflow-x-hidden overflow-y-auto scroll-auto",
|
|
185
|
-
className
|
|
186
|
-
),
|
|
187
|
-
...props
|
|
188
|
-
}
|
|
189
|
-
), "CommandList");
|
|
190
|
-
CommandList.displayName = Command$1.List.displayName;
|
|
191
|
-
var CommandEmpty = /* @__PURE__ */ __name(({
|
|
192
|
-
className,
|
|
193
|
-
...props
|
|
194
|
-
}) => /* @__PURE__ */ jsx(Command$1.Empty, { className: "py-6 text-center text-sm", ...props }), "CommandEmpty");
|
|
195
|
-
CommandEmpty.displayName = Command$1.Empty.displayName;
|
|
196
|
-
var CommandGroup = /* @__PURE__ */ __name(({
|
|
197
|
-
className,
|
|
198
|
-
...props
|
|
199
|
-
}) => /* @__PURE__ */ jsx(
|
|
200
|
-
Command$1.Group,
|
|
201
|
-
{
|
|
202
|
-
className: cn(
|
|
203
|
-
"text-text-default [&_[cmdk-group-heading]]:text-text-default overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
|
|
204
|
-
className
|
|
205
|
-
),
|
|
206
|
-
...props
|
|
207
|
-
}
|
|
208
|
-
), "CommandGroup");
|
|
209
|
-
CommandGroup.displayName = Command$1.Group.displayName;
|
|
210
|
-
var CommandSeparator = /* @__PURE__ */ __name(({
|
|
211
|
-
className,
|
|
212
|
-
...props
|
|
213
|
-
}) => /* @__PURE__ */ jsx(
|
|
214
|
-
Command$1.Separator,
|
|
215
|
-
{
|
|
216
|
-
className: cn("bg-divider -mx-1 h-px", className),
|
|
217
|
-
...props
|
|
218
|
-
}
|
|
219
|
-
), "CommandSeparator");
|
|
220
|
-
CommandSeparator.displayName = Command$1.Separator.displayName;
|
|
221
|
-
var CommandItem = /* @__PURE__ */ __name(({
|
|
222
|
-
className,
|
|
223
|
-
...props
|
|
224
|
-
}) => /* @__PURE__ */ jsx(
|
|
225
|
-
Command$1.Item,
|
|
226
|
-
{
|
|
227
|
-
className: cn(
|
|
228
|
-
"hover:bg-bg-secondary data-[selected=true]:text-text-default data-[selected='true']:bg-bg-secondary relative flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
|
|
229
|
-
className
|
|
230
|
-
),
|
|
231
|
-
...props
|
|
232
|
-
}
|
|
233
|
-
), "CommandItem");
|
|
234
|
-
CommandItem.displayName = Command$1.Item.displayName;
|
|
235
|
-
var CommandShortcut = /* @__PURE__ */ __name(({
|
|
236
|
-
className,
|
|
237
|
-
...props
|
|
238
|
-
}) => {
|
|
239
|
-
return /* @__PURE__ */ jsx(
|
|
240
|
-
"span",
|
|
241
|
-
{
|
|
242
|
-
className: cn(
|
|
243
|
-
"text-text-secondary ml-auto text-xs tracking-widest",
|
|
244
|
-
className
|
|
245
|
-
),
|
|
246
|
-
...props
|
|
247
|
-
}
|
|
248
|
-
);
|
|
249
|
-
}, "CommandShortcut");
|
|
250
|
-
CommandShortcut.displayName = "CommandShortcut";
|
|
251
|
-
|
|
252
|
-
export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
|
|
2
|
+
import {Command}from'cmdk';import {Loader2,Search,X}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import*as r from'@radix-ui/react-dialog';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import*as u from'react';import {jsxs,jsx}from'react/jsx-runtime';var C=Object.defineProperty;var o=(t,e)=>C(t,"name",{value:e,configurable:true});function a(...t){return twMerge(clsx(t))}o(a,"cn");var w=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"}}),m=u.forwardRef(({className:t,variant:e="default",size:n="default",asChild:d=false,isLoading:c=false,children:y,...x},h)=>jsxs(d?Slot:"button",{"data-slot":"button","data-variant":e,"data-size":n,className:a(w({variant:e,size:n,className:t})),ref:h,...x,children:[c?jsx(Loader2,{className:a("h-4 w-4 animate-spin",n!=="icon"&&n!=="icon-sm"&&n!=="icon-lg"&&"mr-2")}):null,c&&(n==="icon"||n==="icon-sm"||n==="icon-lg")?null:y]}));m.displayName="Button";function g({...t}){return jsx(r.Root,{"data-slot":"dialog",...t})}o(g,"Dialog");function L({...t}){return jsx(r.Portal,{"data-slot":"dialog-portal",...t})}o(L,"DialogPortal");function T({className:t,...e}){return jsx(r.Overlay,{"data-slot":"dialog-overlay",className:a("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 isolate z-50","bg-black/80",t),...e})}o(T,"DialogOverlay");function f({className:t,children:e,showCloseButton:n=true,...d}){return jsxs(L,{children:[jsx(T,{}),jsxs(r.Content,{"data-slot":"dialog-content",className:a("bg-background 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 fixed top-1/2 left-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border p-6 shadow-lg duration-200",t),...d,children:[e,n&&jsx(r.Close,{"data-slot":"dialog-close",asChild:true,children:jsxs(m,{variant:"ghost",size:"icon-sm",className:"absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none",children:[jsx(X,{className:"size-4"}),jsx("span",{className:"sr-only",children:"Close"})]})})]})]})}o(f,"DialogContent");var v=o(({className:t,...e})=>jsx(Command,{className:a("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md [&_[cmdk-list]]:scroll-pt-0 [&_[cmdk-list]]:scroll-auto",t),loop:true,...e}),"Command");v.displayName=Command.displayName;var dt=o(({children:t,...e})=>jsx(g,{...e,children:jsx(f,{className:"overflow-hidden p-0 shadow-lg",children:jsx(v,{className:"[&_[cmdk-group-heading]]:text-text-secondary [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:t})})}),"CommandDialog"),I=o(({className:t,ref:e,...n})=>jsxs("div",{className:"flex items-center border-b px-3","cmdk-input-wrapper":"",children:[jsx(Search,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),jsx(Command.Input,{className:a("placeholder:!text-text-placeholder flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",t),ref:e,...n})]}),"CommandInput");I.displayName=Command.Input.displayName;var E=o(({className:t,...e})=>jsx(Command.List,{className:a("max-h-[300px] scroll-pt-0 overflow-x-hidden overflow-y-auto scroll-auto",t),...e}),"CommandList");E.displayName=Command.List.displayName;var z=o(({className:t,...e})=>jsx(Command.Empty,{className:"py-6 text-center text-sm",...e}),"CommandEmpty");z.displayName=Command.Empty.displayName;var M=o(({className:t,...e})=>jsx(Command.Group,{className:a("text-text-default [&_[cmdk-group-heading]]:text-text-default overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",t),...e}),"CommandGroup");M.displayName=Command.Group.displayName;var V=o(({className:t,...e})=>jsx(Command.Separator,{className:a("bg-divider -mx-1 h-px",t),...e}),"CommandSeparator");V.displayName=Command.Separator.displayName;var H=o(({className:t,...e})=>jsx(Command.Item,{className:a("hover:bg-bg-secondary data-[selected=true]:text-text-default data-[selected='true']:bg-bg-secondary relative flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",t),...e}),"CommandItem");H.displayName=Command.Item.displayName;var G=o(({className:t,...e})=>jsx("span",{className:a("text-text-secondary ml-auto text-xs tracking-widest",t),...e}),"CommandShortcut");G.displayName="CommandShortcut";export{v as Command,dt as CommandDialog,z as CommandEmpty,M as CommandGroup,I as CommandInput,H as CommandItem,E as CommandList,V as CommandSeparator,G as CommandShortcut};
|