@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/ui/announcement.js
CHANGED
|
@@ -1,134 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var React2 = require('react');
|
|
5
|
-
var lucideReact = require('lucide-react');
|
|
6
|
-
var clsx = require('clsx');
|
|
7
|
-
var tailwindMerge = require('tailwind-merge');
|
|
8
|
-
var reactSlot = require('@radix-ui/react-slot');
|
|
9
|
-
var classVarianceAuthority = require('class-variance-authority');
|
|
10
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
11
|
-
|
|
12
|
-
function _interopNamespace(e) {
|
|
13
|
-
if (e && e.__esModule) return e;
|
|
14
|
-
var n = Object.create(null);
|
|
15
|
-
if (e) {
|
|
16
|
-
Object.keys(e).forEach(function (k) {
|
|
17
|
-
if (k !== 'default') {
|
|
18
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
19
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
20
|
-
enumerable: true,
|
|
21
|
-
get: function () { return e[k]; }
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
n.default = e;
|
|
27
|
-
return Object.freeze(n);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
|
|
31
|
-
|
|
32
|
-
var __defProp = Object.defineProperty;
|
|
33
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
34
|
-
function cn(...inputs) {
|
|
35
|
-
return tailwindMerge.twMerge(clsx.clsx(inputs));
|
|
36
|
-
}
|
|
37
|
-
__name(cn, "cn");
|
|
38
|
-
var buttonVariants = classVarianceAuthority.cva(
|
|
39
|
-
'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',
|
|
40
|
-
{
|
|
41
|
-
variants: {
|
|
42
|
-
variant: {
|
|
43
|
-
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
44
|
-
destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
45
|
-
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",
|
|
46
|
-
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
47
|
-
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
48
|
-
link: "text-primary underline-offset-4 hover:underline",
|
|
49
|
-
// Keep the additional Hanzo variants for backward compatibility
|
|
50
|
-
primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
|
|
51
|
-
linkFG: "text-primary underline-offset-4 hover:underline",
|
|
52
|
-
linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
|
|
53
|
-
},
|
|
54
|
-
size: {
|
|
55
|
-
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
56
|
-
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
57
|
-
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
58
|
-
icon: "size-9",
|
|
59
|
-
"icon-sm": "size-8",
|
|
60
|
-
"icon-lg": "size-10"
|
|
61
|
-
}
|
|
62
|
-
},
|
|
63
|
-
defaultVariants: {
|
|
64
|
-
variant: "default",
|
|
65
|
-
size: "default"
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
);
|
|
69
|
-
var Button = React2__namespace.forwardRef(
|
|
70
|
-
({ className, variant = "default", size = "default", asChild = false, isLoading = false, children, ...props }, ref) => {
|
|
71
|
-
const Comp = asChild ? reactSlot.Slot : "button";
|
|
72
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
73
|
-
Comp,
|
|
74
|
-
{
|
|
75
|
-
"data-slot": "button",
|
|
76
|
-
"data-variant": variant,
|
|
77
|
-
"data-size": size,
|
|
78
|
-
className: cn(buttonVariants({ variant, size, className })),
|
|
79
|
-
ref,
|
|
80
|
-
...props,
|
|
81
|
-
children: [
|
|
82
|
-
isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
83
|
-
lucideReact.Loader2,
|
|
84
|
-
{
|
|
85
|
-
className: cn("h-4 w-4 animate-spin", size !== "icon" && size !== "icon-sm" && size !== "icon-lg" && "mr-2")
|
|
86
|
-
}
|
|
87
|
-
) : null,
|
|
88
|
-
isLoading && (size === "icon" || size === "icon-sm" || size === "icon-lg") ? null : children
|
|
89
|
-
]
|
|
90
|
-
}
|
|
91
|
-
);
|
|
92
|
-
}
|
|
93
|
-
);
|
|
94
|
-
Button.displayName = "Button";
|
|
95
|
-
var Announcement = React2__namespace.forwardRef(
|
|
96
|
-
({ className, children, dismissible = true, onDismiss, ...props }, ref) => {
|
|
97
|
-
const [isVisible, setIsVisible] = React2__namespace.useState(true);
|
|
98
|
-
const handleDismiss = /* @__PURE__ */ __name(() => {
|
|
99
|
-
setIsVisible(false);
|
|
100
|
-
onDismiss?.();
|
|
101
|
-
}, "handleDismiss");
|
|
102
|
-
if (!isVisible) return null;
|
|
103
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
104
|
-
"div",
|
|
105
|
-
{
|
|
106
|
-
ref,
|
|
107
|
-
className: cn(
|
|
108
|
-
"relative flex items-center gap-4 rounded-lg border bg-background px-4 py-3 text-sm",
|
|
109
|
-
className
|
|
110
|
-
),
|
|
111
|
-
...props,
|
|
112
|
-
children: [
|
|
113
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children }),
|
|
114
|
-
dismissible && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
115
|
-
Button,
|
|
116
|
-
{
|
|
117
|
-
variant: "ghost",
|
|
118
|
-
size: "icon",
|
|
119
|
-
className: "h-6 w-6",
|
|
120
|
-
onClick: handleDismiss,
|
|
121
|
-
children: [
|
|
122
|
-
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
|
|
123
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Dismiss" })
|
|
124
|
-
]
|
|
125
|
-
}
|
|
126
|
-
)
|
|
127
|
-
]
|
|
128
|
-
}
|
|
129
|
-
);
|
|
130
|
-
}
|
|
131
|
-
);
|
|
132
|
-
Announcement.displayName = "Announcement";
|
|
133
|
-
|
|
134
|
-
exports.Announcement = Announcement;
|
|
2
|
+
'use strict';var a=require('react'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),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 a__namespace=/*#__PURE__*/_interopNamespace(a);var v=Object.defineProperty;var i=(t,r)=>v(t,"name",{value:r,configurable:true});function n(...t){return tailwindMerge.twMerge(clsx.clsx(t))}i(n,"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"}}),l=a__namespace.forwardRef(({className:t,variant:r="default",size:e="default",asChild:s=false,isLoading:o=false,children:d,...u},c)=>jsxRuntime.jsxs(s?reactSlot.Slot:"button",{"data-slot":"button","data-variant":r,"data-size":e,className:n(w({variant:r,size:e,className:t})),ref:c,...u,children:[o?jsxRuntime.jsx(lucideReact.Loader2,{className:n("h-4 w-4 animate-spin",e!=="icon"&&e!=="icon-sm"&&e!=="icon-lg"&&"mr-2")}):null,o&&(e==="icon"||e==="icon-sm"||e==="icon-lg")?null:d]}));l.displayName="Button";var L=a__namespace.forwardRef(({className:t,children:r,dismissible:e=true,onDismiss:s,...o},d)=>{let[u,c]=a__namespace.useState(true),p=i(()=>{c(false),s?.();},"handleDismiss");return u?jsxRuntime.jsxs("div",{ref:d,className:n("relative flex items-center gap-4 rounded-lg border bg-background px-4 py-3 text-sm",t),...o,children:[jsxRuntime.jsx("div",{className:"flex-1",children:r}),e&&jsxRuntime.jsxs(l,{variant:"ghost",size:"icon",className:"h-6 w-6",onClick:p,children:[jsxRuntime.jsx(lucideReact.X,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Dismiss"})]})]}):null});L.displayName="Announcement";exports.Announcement=L;
|
package/dist/ui/announcement.mjs
CHANGED
|
@@ -1,112 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
3
|
-
import { Loader2, X } from 'lucide-react';
|
|
4
|
-
import { clsx } from 'clsx';
|
|
5
|
-
import { twMerge } from 'tailwind-merge';
|
|
6
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
7
|
-
import { cva } from 'class-variance-authority';
|
|
8
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
9
|
-
|
|
10
|
-
var __defProp = Object.defineProperty;
|
|
11
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
12
|
-
function cn(...inputs) {
|
|
13
|
-
return twMerge(clsx(inputs));
|
|
14
|
-
}
|
|
15
|
-
__name(cn, "cn");
|
|
16
|
-
var buttonVariants = cva(
|
|
17
|
-
'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',
|
|
18
|
-
{
|
|
19
|
-
variants: {
|
|
20
|
-
variant: {
|
|
21
|
-
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
22
|
-
destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
23
|
-
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",
|
|
24
|
-
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
25
|
-
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
26
|
-
link: "text-primary underline-offset-4 hover:underline",
|
|
27
|
-
// Keep the additional Hanzo variants for backward compatibility
|
|
28
|
-
primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
|
|
29
|
-
linkFG: "text-primary underline-offset-4 hover:underline",
|
|
30
|
-
linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
|
|
31
|
-
},
|
|
32
|
-
size: {
|
|
33
|
-
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
34
|
-
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
35
|
-
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
36
|
-
icon: "size-9",
|
|
37
|
-
"icon-sm": "size-8",
|
|
38
|
-
"icon-lg": "size-10"
|
|
39
|
-
}
|
|
40
|
-
},
|
|
41
|
-
defaultVariants: {
|
|
42
|
-
variant: "default",
|
|
43
|
-
size: "default"
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
);
|
|
47
|
-
var Button = React2.forwardRef(
|
|
48
|
-
({ className, variant = "default", size = "default", asChild = false, isLoading = false, children, ...props }, ref) => {
|
|
49
|
-
const Comp = asChild ? Slot : "button";
|
|
50
|
-
return /* @__PURE__ */ jsxs(
|
|
51
|
-
Comp,
|
|
52
|
-
{
|
|
53
|
-
"data-slot": "button",
|
|
54
|
-
"data-variant": variant,
|
|
55
|
-
"data-size": size,
|
|
56
|
-
className: cn(buttonVariants({ variant, size, className })),
|
|
57
|
-
ref,
|
|
58
|
-
...props,
|
|
59
|
-
children: [
|
|
60
|
-
isLoading ? /* @__PURE__ */ jsx(
|
|
61
|
-
Loader2,
|
|
62
|
-
{
|
|
63
|
-
className: cn("h-4 w-4 animate-spin", size !== "icon" && size !== "icon-sm" && size !== "icon-lg" && "mr-2")
|
|
64
|
-
}
|
|
65
|
-
) : null,
|
|
66
|
-
isLoading && (size === "icon" || size === "icon-sm" || size === "icon-lg") ? null : children
|
|
67
|
-
]
|
|
68
|
-
}
|
|
69
|
-
);
|
|
70
|
-
}
|
|
71
|
-
);
|
|
72
|
-
Button.displayName = "Button";
|
|
73
|
-
var Announcement = React2.forwardRef(
|
|
74
|
-
({ className, children, dismissible = true, onDismiss, ...props }, ref) => {
|
|
75
|
-
const [isVisible, setIsVisible] = React2.useState(true);
|
|
76
|
-
const handleDismiss = /* @__PURE__ */ __name(() => {
|
|
77
|
-
setIsVisible(false);
|
|
78
|
-
onDismiss?.();
|
|
79
|
-
}, "handleDismiss");
|
|
80
|
-
if (!isVisible) return null;
|
|
81
|
-
return /* @__PURE__ */ jsxs(
|
|
82
|
-
"div",
|
|
83
|
-
{
|
|
84
|
-
ref,
|
|
85
|
-
className: cn(
|
|
86
|
-
"relative flex items-center gap-4 rounded-lg border bg-background px-4 py-3 text-sm",
|
|
87
|
-
className
|
|
88
|
-
),
|
|
89
|
-
...props,
|
|
90
|
-
children: [
|
|
91
|
-
/* @__PURE__ */ jsx("div", { className: "flex-1", children }),
|
|
92
|
-
dismissible && /* @__PURE__ */ jsxs(
|
|
93
|
-
Button,
|
|
94
|
-
{
|
|
95
|
-
variant: "ghost",
|
|
96
|
-
size: "icon",
|
|
97
|
-
className: "h-6 w-6",
|
|
98
|
-
onClick: handleDismiss,
|
|
99
|
-
children: [
|
|
100
|
-
/* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
|
|
101
|
-
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Dismiss" })
|
|
102
|
-
]
|
|
103
|
-
}
|
|
104
|
-
)
|
|
105
|
-
]
|
|
106
|
-
}
|
|
107
|
-
);
|
|
108
|
-
}
|
|
109
|
-
);
|
|
110
|
-
Announcement.displayName = "Announcement";
|
|
111
|
-
|
|
112
|
-
export { Announcement };
|
|
2
|
+
import*as a from'react';import {Loader2,X}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {jsxs,jsx}from'react/jsx-runtime';var v=Object.defineProperty;var i=(t,r)=>v(t,"name",{value:r,configurable:true});function n(...t){return twMerge(clsx(t))}i(n,"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"}}),l=a.forwardRef(({className:t,variant:r="default",size:e="default",asChild:s=false,isLoading:o=false,children:d,...u},c)=>jsxs(s?Slot:"button",{"data-slot":"button","data-variant":r,"data-size":e,className:n(w({variant:r,size:e,className:t})),ref:c,...u,children:[o?jsx(Loader2,{className:n("h-4 w-4 animate-spin",e!=="icon"&&e!=="icon-sm"&&e!=="icon-lg"&&"mr-2")}):null,o&&(e==="icon"||e==="icon-sm"||e==="icon-lg")?null:d]}));l.displayName="Button";var L=a.forwardRef(({className:t,children:r,dismissible:e=true,onDismiss:s,...o},d)=>{let[u,c]=a.useState(true),p=i(()=>{c(false),s?.();},"handleDismiss");return u?jsxs("div",{ref:d,className:n("relative flex items-center gap-4 rounded-lg border bg-background px-4 py-3 text-sm",t),...o,children:[jsx("div",{className:"flex-1",children:r}),e&&jsxs(l,{variant:"ghost",size:"icon",className:"h-6 w-6",onClick:p,children:[jsx(X,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Dismiss"})]})]}):null});L.displayName="Announcement";export{L as Announcement};
|
package/dist/ui/avatar-group.js
CHANGED
|
@@ -1,88 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var clsx = require('clsx');
|
|
6
|
-
var tailwindMerge = require('tailwind-merge');
|
|
7
|
-
var AvatarPrimitive = require('@radix-ui/react-avatar');
|
|
8
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
-
|
|
10
|
-
function _interopNamespace(e) {
|
|
11
|
-
if (e && e.__esModule) return e;
|
|
12
|
-
var n = Object.create(null);
|
|
13
|
-
if (e) {
|
|
14
|
-
Object.keys(e).forEach(function (k) {
|
|
15
|
-
if (k !== 'default') {
|
|
16
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
17
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
18
|
-
enumerable: true,
|
|
19
|
-
get: function () { return e[k]; }
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
n.default = e;
|
|
25
|
-
return Object.freeze(n);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
29
|
-
var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
|
|
30
|
-
|
|
31
|
-
var __defProp = Object.defineProperty;
|
|
32
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
33
|
-
function cn(...inputs) {
|
|
34
|
-
return tailwindMerge.twMerge(clsx.clsx(inputs));
|
|
35
|
-
}
|
|
36
|
-
__name(cn, "cn");
|
|
37
|
-
var Avatar = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
38
|
-
AvatarPrimitive__namespace.Root,
|
|
39
|
-
{
|
|
40
|
-
className: cn(
|
|
41
|
-
"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
|
|
42
|
-
className
|
|
43
|
-
),
|
|
44
|
-
ref,
|
|
45
|
-
...props
|
|
46
|
-
}
|
|
47
|
-
), "Avatar");
|
|
48
|
-
Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
|
|
49
|
-
var AvatarImage = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
50
|
-
AvatarPrimitive__namespace.Image,
|
|
51
|
-
{
|
|
52
|
-
className: cn("aspect-square h-full w-full", className),
|
|
53
|
-
ref,
|
|
54
|
-
...props
|
|
55
|
-
}
|
|
56
|
-
), "AvatarImage");
|
|
57
|
-
AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
|
|
58
|
-
var AvatarFallback = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
59
|
-
AvatarPrimitive__namespace.Fallback,
|
|
60
|
-
{
|
|
61
|
-
className: cn(
|
|
62
|
-
"bg-muted flex h-full w-full items-center justify-center rounded-full",
|
|
63
|
-
className
|
|
64
|
-
),
|
|
65
|
-
ref,
|
|
66
|
-
...props
|
|
67
|
-
}
|
|
68
|
-
), "AvatarFallback");
|
|
69
|
-
AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
|
|
70
|
-
var AvatarGroup = React__namespace.forwardRef(
|
|
71
|
-
({ className, items, max = 5, ...props }, ref) => {
|
|
72
|
-
const displayItems = items.slice(0, max);
|
|
73
|
-
const remaining = items.length - max;
|
|
74
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("flex -space-x-4", className), ...props, children: [
|
|
75
|
-
displayItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "border-2 border-background", children: [
|
|
76
|
-
/* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: item.src, alt: item.alt }),
|
|
77
|
-
/* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: item.fallback })
|
|
78
|
-
] }, index)),
|
|
79
|
-
remaining > 0 && /* @__PURE__ */ jsxRuntime.jsx(Avatar, { className: "border-2 border-background", children: /* @__PURE__ */ jsxRuntime.jsxs(AvatarFallback, { children: [
|
|
80
|
-
"+",
|
|
81
|
-
remaining
|
|
82
|
-
] }) })
|
|
83
|
-
] });
|
|
84
|
-
}
|
|
85
|
-
);
|
|
86
|
-
AvatarGroup.displayName = "AvatarGroup";
|
|
87
|
-
|
|
88
|
-
exports.AvatarGroup = AvatarGroup;
|
|
2
|
+
'use strict';var A=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),e=require('@radix-ui/react-avatar'),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 A__namespace=/*#__PURE__*/_interopNamespace(A);var e__namespace=/*#__PURE__*/_interopNamespace(e);var b=Object.defineProperty;var o=(a,t)=>b(a,"name",{value:t,configurable:true});function i(...a){return tailwindMerge.twMerge(clsx.clsx(a))}o(i,"cn");var l=o(({className:a,ref:t,...r})=>jsxRuntime.jsx(e__namespace.Root,{className:i("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",a),ref:t,...r}),"Avatar");l.displayName=e__namespace.Root.displayName;var c=o(({className:a,ref:t,...r})=>jsxRuntime.jsx(e__namespace.Image,{className:i("aspect-square h-full w-full",a),ref:t,...r}),"AvatarImage");c.displayName=e__namespace.Image.displayName;var s=o(({className:a,ref:t,...r})=>jsxRuntime.jsx(e__namespace.Fallback,{className:i("bg-muted flex h-full w-full items-center justify-center rounded-full",a),ref:t,...r}),"AvatarFallback");s.displayName=e__namespace.Fallback.displayName;var k=A__namespace.forwardRef(({className:a,items:t,max:r=5,...u},d)=>{let R=t.slice(0,r),f=t.length-r;return jsxRuntime.jsxs("div",{ref:d,className:i("flex -space-x-4",a),...u,children:[R.map((m,P)=>jsxRuntime.jsxs(l,{className:"border-2 border-background",children:[jsxRuntime.jsx(c,{src:m.src,alt:m.alt}),jsxRuntime.jsx(s,{children:m.fallback})]},P)),f>0&&jsxRuntime.jsx(l,{className:"border-2 border-background",children:jsxRuntime.jsxs(s,{children:["+",f]})})]})});k.displayName="AvatarGroup";exports.AvatarGroup=k;
|
package/dist/ui/avatar-group.mjs
CHANGED
|
@@ -1,65 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import *
|
|
3
|
-
import { clsx } from 'clsx';
|
|
4
|
-
import { twMerge } from 'tailwind-merge';
|
|
5
|
-
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
6
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
7
|
-
|
|
8
|
-
var __defProp = Object.defineProperty;
|
|
9
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
10
|
-
function cn(...inputs) {
|
|
11
|
-
return twMerge(clsx(inputs));
|
|
12
|
-
}
|
|
13
|
-
__name(cn, "cn");
|
|
14
|
-
var Avatar = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsx(
|
|
15
|
-
AvatarPrimitive.Root,
|
|
16
|
-
{
|
|
17
|
-
className: cn(
|
|
18
|
-
"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
|
|
19
|
-
className
|
|
20
|
-
),
|
|
21
|
-
ref,
|
|
22
|
-
...props
|
|
23
|
-
}
|
|
24
|
-
), "Avatar");
|
|
25
|
-
Avatar.displayName = AvatarPrimitive.Root.displayName;
|
|
26
|
-
var AvatarImage = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsx(
|
|
27
|
-
AvatarPrimitive.Image,
|
|
28
|
-
{
|
|
29
|
-
className: cn("aspect-square h-full w-full", className),
|
|
30
|
-
ref,
|
|
31
|
-
...props
|
|
32
|
-
}
|
|
33
|
-
), "AvatarImage");
|
|
34
|
-
AvatarImage.displayName = AvatarPrimitive.Image.displayName;
|
|
35
|
-
var AvatarFallback = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsx(
|
|
36
|
-
AvatarPrimitive.Fallback,
|
|
37
|
-
{
|
|
38
|
-
className: cn(
|
|
39
|
-
"bg-muted flex h-full w-full items-center justify-center rounded-full",
|
|
40
|
-
className
|
|
41
|
-
),
|
|
42
|
-
ref,
|
|
43
|
-
...props
|
|
44
|
-
}
|
|
45
|
-
), "AvatarFallback");
|
|
46
|
-
AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
|
|
47
|
-
var AvatarGroup = React.forwardRef(
|
|
48
|
-
({ className, items, max = 5, ...props }, ref) => {
|
|
49
|
-
const displayItems = items.slice(0, max);
|
|
50
|
-
const remaining = items.length - max;
|
|
51
|
-
return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex -space-x-4", className), ...props, children: [
|
|
52
|
-
displayItems.map((item, index) => /* @__PURE__ */ jsxs(Avatar, { className: "border-2 border-background", children: [
|
|
53
|
-
/* @__PURE__ */ jsx(AvatarImage, { src: item.src, alt: item.alt }),
|
|
54
|
-
/* @__PURE__ */ jsx(AvatarFallback, { children: item.fallback })
|
|
55
|
-
] }, index)),
|
|
56
|
-
remaining > 0 && /* @__PURE__ */ jsx(Avatar, { className: "border-2 border-background", children: /* @__PURE__ */ jsxs(AvatarFallback, { children: [
|
|
57
|
-
"+",
|
|
58
|
-
remaining
|
|
59
|
-
] }) })
|
|
60
|
-
] });
|
|
61
|
-
}
|
|
62
|
-
);
|
|
63
|
-
AvatarGroup.displayName = "AvatarGroup";
|
|
64
|
-
|
|
65
|
-
export { AvatarGroup };
|
|
2
|
+
import*as A from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import*as e from'@radix-ui/react-avatar';import {jsxs,jsx}from'react/jsx-runtime';var b=Object.defineProperty;var o=(a,t)=>b(a,"name",{value:t,configurable:true});function i(...a){return twMerge(clsx(a))}o(i,"cn");var l=o(({className:a,ref:t,...r})=>jsx(e.Root,{className:i("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",a),ref:t,...r}),"Avatar");l.displayName=e.Root.displayName;var c=o(({className:a,ref:t,...r})=>jsx(e.Image,{className:i("aspect-square h-full w-full",a),ref:t,...r}),"AvatarImage");c.displayName=e.Image.displayName;var s=o(({className:a,ref:t,...r})=>jsx(e.Fallback,{className:i("bg-muted flex h-full w-full items-center justify-center rounded-full",a),ref:t,...r}),"AvatarFallback");s.displayName=e.Fallback.displayName;var k=A.forwardRef(({className:a,items:t,max:r=5,...u},d)=>{let R=t.slice(0,r),f=t.length-r;return jsxs("div",{ref:d,className:i("flex -space-x-4",a),...u,children:[R.map((m,P)=>jsxs(l,{className:"border-2 border-background",children:[jsx(c,{src:m.src,alt:m.alt}),jsx(s,{children:m.fallback})]},P)),f>0&&jsx(l,{className:"border-2 border-background",children:jsxs(s,{children:["+",f]})})]})});k.displayName="AvatarGroup";export{k as AvatarGroup};
|
package/dist/ui/banner.js
CHANGED
|
@@ -1,85 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var classVarianceAuthority = require('class-variance-authority');
|
|
6
|
-
var lucideReact = require('lucide-react');
|
|
7
|
-
var clsx = require('clsx');
|
|
8
|
-
var tailwindMerge = require('tailwind-merge');
|
|
9
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
10
|
-
|
|
11
|
-
function _interopNamespace(e) {
|
|
12
|
-
if (e && e.__esModule) return e;
|
|
13
|
-
var n = Object.create(null);
|
|
14
|
-
if (e) {
|
|
15
|
-
Object.keys(e).forEach(function (k) {
|
|
16
|
-
if (k !== 'default') {
|
|
17
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
18
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () { return e[k]; }
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
n.default = e;
|
|
26
|
-
return Object.freeze(n);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
30
|
-
|
|
31
|
-
var __defProp = Object.defineProperty;
|
|
32
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
33
|
-
function cn(...inputs) {
|
|
34
|
-
return tailwindMerge.twMerge(clsx.clsx(inputs));
|
|
35
|
-
}
|
|
36
|
-
__name(cn, "cn");
|
|
37
|
-
var bannerVariants = classVarianceAuthority.cva(
|
|
38
|
-
"relative w-full border-b px-4 py-3 text-sm [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
|
|
39
|
-
{
|
|
40
|
-
variants: {
|
|
41
|
-
variant: {
|
|
42
|
-
default: "bg-background text-foreground",
|
|
43
|
-
info: "border-blue-500/50 bg-blue-50 text-blue-900 dark:bg-blue-950 dark:text-blue-100 [&>svg]:text-blue-600 dark:[&>svg]:text-blue-400",
|
|
44
|
-
success: "border-green-500/50 bg-green-50 text-green-900 dark:bg-green-950 dark:text-green-100 [&>svg]:text-green-600 dark:[&>svg]:text-green-400",
|
|
45
|
-
warning: "border-yellow-500/50 bg-yellow-50 text-yellow-900 dark:bg-yellow-950 dark:text-yellow-100 [&>svg]:text-yellow-600 dark:[&>svg]:text-yellow-400",
|
|
46
|
-
error: "border-red-500/50 bg-red-50 text-red-900 dark:bg-red-950 dark:text-red-100 [&>svg]:text-red-600 dark:[&>svg]:text-red-400"
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
defaultVariants: {
|
|
50
|
-
variant: "default"
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
);
|
|
54
|
-
var Banner = React__namespace.forwardRef(
|
|
55
|
-
({ className, variant, onClose, children, ...props }, ref) => {
|
|
56
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
57
|
-
"div",
|
|
58
|
-
{
|
|
59
|
-
ref,
|
|
60
|
-
role: "alert",
|
|
61
|
-
className: cn(bannerVariants({ variant }), className),
|
|
62
|
-
...props,
|
|
63
|
-
children: [
|
|
64
|
-
children,
|
|
65
|
-
onClose && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
66
|
-
"button",
|
|
67
|
-
{
|
|
68
|
-
type: "button",
|
|
69
|
-
onClick: onClose,
|
|
70
|
-
className: "absolute right-4 top-3 rounded-md p-1 hover:bg-black/5 dark:hover:bg-white/5",
|
|
71
|
-
children: [
|
|
72
|
-
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
|
|
73
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
|
|
74
|
-
]
|
|
75
|
-
}
|
|
76
|
-
)
|
|
77
|
-
]
|
|
78
|
-
}
|
|
79
|
-
);
|
|
80
|
-
}
|
|
81
|
-
);
|
|
82
|
-
Banner.displayName = "Banner";
|
|
83
|
-
|
|
84
|
-
exports.Banner = Banner;
|
|
85
|
-
exports.bannerVariants = bannerVariants;
|
|
2
|
+
'use strict';var l=require('react'),classVarianceAuthority=require('class-variance-authority'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),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 l__namespace=/*#__PURE__*/_interopNamespace(l);var b=Object.defineProperty;var a=(e,t)=>b(e,"name",{value:t,configurable:true});function n(...e){return tailwindMerge.twMerge(clsx.clsx(e))}a(n,"cn");var x=classVarianceAuthority.cva("relative w-full border-b px-4 py-3 text-sm [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",{variants:{variant:{default:"bg-background text-foreground",info:"border-blue-500/50 bg-blue-50 text-blue-900 dark:bg-blue-950 dark:text-blue-100 [&>svg]:text-blue-600 dark:[&>svg]:text-blue-400",success:"border-green-500/50 bg-green-50 text-green-900 dark:bg-green-950 dark:text-green-100 [&>svg]:text-green-600 dark:[&>svg]:text-green-400",warning:"border-yellow-500/50 bg-yellow-50 text-yellow-900 dark:bg-yellow-950 dark:text-yellow-100 [&>svg]:text-yellow-600 dark:[&>svg]:text-yellow-400",error:"border-red-500/50 bg-red-50 text-red-900 dark:bg-red-950 dark:text-red-100 [&>svg]:text-red-600 dark:[&>svg]:text-red-400"}},defaultVariants:{variant:"default"}}),m=l__namespace.forwardRef(({className:e,variant:t,onClose:r,children:d,...g},i)=>jsxRuntime.jsxs("div",{ref:i,role:"alert",className:n(x({variant:t}),e),...g,children:[d,r&&jsxRuntime.jsxs("button",{type:"button",onClick:r,className:"absolute right-4 top-3 rounded-md p-1 hover:bg-black/5 dark:hover:bg-white/5",children:[jsxRuntime.jsx(lucideReact.X,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close"})]})]}));m.displayName="Banner";exports.Banner=m;exports.bannerVariants=x;
|
package/dist/ui/banner.mjs
CHANGED
|
@@ -1,62 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
3
|
-
import { cva } from 'class-variance-authority';
|
|
4
|
-
import { X } from 'lucide-react';
|
|
5
|
-
import { clsx } from 'clsx';
|
|
6
|
-
import { twMerge } from 'tailwind-merge';
|
|
7
|
-
import { jsxs, jsx } from '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 twMerge(clsx(inputs));
|
|
13
|
-
}
|
|
14
|
-
__name(cn, "cn");
|
|
15
|
-
var bannerVariants = cva(
|
|
16
|
-
"relative w-full border-b px-4 py-3 text-sm [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
|
|
17
|
-
{
|
|
18
|
-
variants: {
|
|
19
|
-
variant: {
|
|
20
|
-
default: "bg-background text-foreground",
|
|
21
|
-
info: "border-blue-500/50 bg-blue-50 text-blue-900 dark:bg-blue-950 dark:text-blue-100 [&>svg]:text-blue-600 dark:[&>svg]:text-blue-400",
|
|
22
|
-
success: "border-green-500/50 bg-green-50 text-green-900 dark:bg-green-950 dark:text-green-100 [&>svg]:text-green-600 dark:[&>svg]:text-green-400",
|
|
23
|
-
warning: "border-yellow-500/50 bg-yellow-50 text-yellow-900 dark:bg-yellow-950 dark:text-yellow-100 [&>svg]:text-yellow-600 dark:[&>svg]:text-yellow-400",
|
|
24
|
-
error: "border-red-500/50 bg-red-50 text-red-900 dark:bg-red-950 dark:text-red-100 [&>svg]:text-red-600 dark:[&>svg]:text-red-400"
|
|
25
|
-
}
|
|
26
|
-
},
|
|
27
|
-
defaultVariants: {
|
|
28
|
-
variant: "default"
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
);
|
|
32
|
-
var Banner = React.forwardRef(
|
|
33
|
-
({ className, variant, onClose, children, ...props }, ref) => {
|
|
34
|
-
return /* @__PURE__ */ jsxs(
|
|
35
|
-
"div",
|
|
36
|
-
{
|
|
37
|
-
ref,
|
|
38
|
-
role: "alert",
|
|
39
|
-
className: cn(bannerVariants({ variant }), className),
|
|
40
|
-
...props,
|
|
41
|
-
children: [
|
|
42
|
-
children,
|
|
43
|
-
onClose && /* @__PURE__ */ jsxs(
|
|
44
|
-
"button",
|
|
45
|
-
{
|
|
46
|
-
type: "button",
|
|
47
|
-
onClick: onClose,
|
|
48
|
-
className: "absolute right-4 top-3 rounded-md p-1 hover:bg-black/5 dark:hover:bg-white/5",
|
|
49
|
-
children: [
|
|
50
|
-
/* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
|
|
51
|
-
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
|
|
52
|
-
]
|
|
53
|
-
}
|
|
54
|
-
)
|
|
55
|
-
]
|
|
56
|
-
}
|
|
57
|
-
);
|
|
58
|
-
}
|
|
59
|
-
);
|
|
60
|
-
Banner.displayName = "Banner";
|
|
61
|
-
|
|
62
|
-
export { Banner, bannerVariants };
|
|
2
|
+
import*as l from'react';import {cva}from'class-variance-authority';import {X}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,jsx}from'react/jsx-runtime';var b=Object.defineProperty;var a=(e,t)=>b(e,"name",{value:t,configurable:true});function n(...e){return twMerge(clsx(e))}a(n,"cn");var x=cva("relative w-full border-b px-4 py-3 text-sm [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",{variants:{variant:{default:"bg-background text-foreground",info:"border-blue-500/50 bg-blue-50 text-blue-900 dark:bg-blue-950 dark:text-blue-100 [&>svg]:text-blue-600 dark:[&>svg]:text-blue-400",success:"border-green-500/50 bg-green-50 text-green-900 dark:bg-green-950 dark:text-green-100 [&>svg]:text-green-600 dark:[&>svg]:text-green-400",warning:"border-yellow-500/50 bg-yellow-50 text-yellow-900 dark:bg-yellow-950 dark:text-yellow-100 [&>svg]:text-yellow-600 dark:[&>svg]:text-yellow-400",error:"border-red-500/50 bg-red-50 text-red-900 dark:bg-red-950 dark:text-red-100 [&>svg]:text-red-600 dark:[&>svg]:text-red-400"}},defaultVariants:{variant:"default"}}),m=l.forwardRef(({className:e,variant:t,onClose:r,children:d,...g},i)=>jsxs("div",{ref:i,role:"alert",className:n(x({variant:t}),e),...g,children:[d,r&&jsxs("button",{type:"button",onClick:r,className:"absolute right-4 top-3 rounded-md p-1 hover:bg-black/5 dark:hover:bg-white/5",children:[jsx(X,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]})]}));m.displayName="Banner";export{m as Banner,x as bannerVariants};
|
package/dist/ui/cursor.js
CHANGED
|
@@ -1,78 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var clsx = require('clsx');
|
|
6
|
-
var tailwindMerge = require('tailwind-merge');
|
|
7
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
-
|
|
9
|
-
function _interopNamespace(e) {
|
|
10
|
-
if (e && e.__esModule) return e;
|
|
11
|
-
var n = Object.create(null);
|
|
12
|
-
if (e) {
|
|
13
|
-
Object.keys(e).forEach(function (k) {
|
|
14
|
-
if (k !== 'default') {
|
|
15
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
16
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
17
|
-
enumerable: true,
|
|
18
|
-
get: function () { return e[k]; }
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
n.default = e;
|
|
24
|
-
return Object.freeze(n);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
28
|
-
|
|
29
|
-
var __defProp = Object.defineProperty;
|
|
30
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
31
|
-
function cn(...inputs) {
|
|
32
|
-
return tailwindMerge.twMerge(clsx.clsx(inputs));
|
|
33
|
-
}
|
|
34
|
-
__name(cn, "cn");
|
|
35
|
-
var Cursor = React__namespace.forwardRef(
|
|
36
|
-
({ className, children, cursorText, cursorSize = 20, ...props }, ref) => {
|
|
37
|
-
const [position, setPosition] = React__namespace.useState({ x: 0, y: 0 });
|
|
38
|
-
const [isHovered, setIsHovered] = React__namespace.useState(false);
|
|
39
|
-
const handleMouseMove = /* @__PURE__ */ __name((e) => {
|
|
40
|
-
const rect = e.currentTarget.getBoundingClientRect();
|
|
41
|
-
setPosition({
|
|
42
|
-
x: e.clientX - rect.left,
|
|
43
|
-
y: e.clientY - rect.top
|
|
44
|
-
});
|
|
45
|
-
}, "handleMouseMove");
|
|
46
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
47
|
-
"div",
|
|
48
|
-
{
|
|
49
|
-
ref,
|
|
50
|
-
className: cn("relative cursor-none", className),
|
|
51
|
-
onMouseMove: handleMouseMove,
|
|
52
|
-
onMouseEnter: () => setIsHovered(true),
|
|
53
|
-
onMouseLeave: () => setIsHovered(false),
|
|
54
|
-
...props,
|
|
55
|
-
children: [
|
|
56
|
-
children,
|
|
57
|
-
isHovered && /* @__PURE__ */ jsxRuntime.jsx(
|
|
58
|
-
"div",
|
|
59
|
-
{
|
|
60
|
-
className: "pointer-events-none absolute z-50 flex items-center justify-center rounded-full bg-primary/20 backdrop-blur-sm transition-transform",
|
|
61
|
-
style: {
|
|
62
|
-
left: position.x,
|
|
63
|
-
top: position.y,
|
|
64
|
-
width: cursorSize,
|
|
65
|
-
height: cursorSize,
|
|
66
|
-
transform: "translate(-50%, -50%)"
|
|
67
|
-
},
|
|
68
|
-
children: cursorText && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-primary", children: cursorText })
|
|
69
|
-
}
|
|
70
|
-
)
|
|
71
|
-
]
|
|
72
|
-
}
|
|
73
|
-
);
|
|
74
|
-
}
|
|
75
|
-
);
|
|
76
|
-
Cursor.displayName = "Cursor";
|
|
77
|
-
|
|
78
|
-
exports.Cursor = Cursor;
|
|
2
|
+
'use strict';var t=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),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 t__namespace=/*#__PURE__*/_interopNamespace(t);var g=Object.defineProperty;var r=(e,n)=>g(e,"name",{value:n,configurable:true});function l(...e){return tailwindMerge.twMerge(clsx.clsx(e))}r(l,"cn");var R=t__namespace.forwardRef(({className:e,children:n,cursorText:s,cursorSize:a=20,...p},f)=>{let[i,d]=t__namespace.useState({x:0,y:0}),[v,c]=t__namespace.useState(false),x=r(o=>{let u=o.currentTarget.getBoundingClientRect();d({x:o.clientX-u.left,y:o.clientY-u.top});},"handleMouseMove");return jsxRuntime.jsxs("div",{ref:f,className:l("relative cursor-none",e),onMouseMove:x,onMouseEnter:()=>c(true),onMouseLeave:()=>c(false),...p,children:[n,v&&jsxRuntime.jsx("div",{className:"pointer-events-none absolute z-50 flex items-center justify-center rounded-full bg-primary/20 backdrop-blur-sm transition-transform",style:{left:i.x,top:i.y,width:a,height:a,transform:"translate(-50%, -50%)"},children:s&&jsxRuntime.jsx("span",{className:"text-xs font-medium text-primary",children:s})})]})});R.displayName="Cursor";exports.Cursor=R;
|