@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/calendar.js
CHANGED
|
@@ -1,194 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
-
|
|
6
|
-
var React2 = require('react');
|
|
7
|
-
var reactIcons = require('@radix-ui/react-icons');
|
|
8
|
-
var reactDayPicker = require('react-day-picker');
|
|
9
|
-
var clsx = require('clsx');
|
|
10
|
-
var tailwindMerge = require('tailwind-merge');
|
|
11
|
-
var reactSlot = require('@radix-ui/react-slot');
|
|
12
|
-
var classVarianceAuthority = require('class-variance-authority');
|
|
13
|
-
var lucideReact = require('lucide-react');
|
|
14
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
15
|
-
|
|
16
|
-
function _interopNamespace(e) {
|
|
17
|
-
if (e && e.__esModule) return e;
|
|
18
|
-
var n = Object.create(null);
|
|
19
|
-
if (e) {
|
|
20
|
-
Object.keys(e).forEach(function (k) {
|
|
21
|
-
if (k !== 'default') {
|
|
22
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
23
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
24
|
-
enumerable: true,
|
|
25
|
-
get: function () { return e[k]; }
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
n.default = e;
|
|
31
|
-
return Object.freeze(n);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
|
|
35
|
-
|
|
36
|
-
var __defProp = Object.defineProperty;
|
|
37
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
38
|
-
function cn(...inputs) {
|
|
39
|
-
return tailwindMerge.twMerge(clsx.clsx(inputs));
|
|
40
|
-
}
|
|
41
|
-
__name(cn, "cn");
|
|
42
|
-
var buttonVariants = classVarianceAuthority.cva(
|
|
43
|
-
'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',
|
|
44
|
-
{
|
|
45
|
-
variants: {
|
|
46
|
-
variant: {
|
|
47
|
-
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
48
|
-
destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
49
|
-
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",
|
|
50
|
-
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
51
|
-
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
52
|
-
link: "text-primary underline-offset-4 hover:underline",
|
|
53
|
-
// Keep the additional Hanzo variants for backward compatibility
|
|
54
|
-
primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
|
|
55
|
-
linkFG: "text-primary underline-offset-4 hover:underline",
|
|
56
|
-
linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
|
|
57
|
-
},
|
|
58
|
-
size: {
|
|
59
|
-
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
60
|
-
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
61
|
-
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
62
|
-
icon: "size-9",
|
|
63
|
-
"icon-sm": "size-8",
|
|
64
|
-
"icon-lg": "size-10"
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
defaultVariants: {
|
|
68
|
-
variant: "default",
|
|
69
|
-
size: "default"
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
);
|
|
73
|
-
var Button = React2__namespace.forwardRef(
|
|
74
|
-
({ className, variant = "default", size = "default", asChild = false, isLoading = false, children, ...props }, ref) => {
|
|
75
|
-
const Comp = asChild ? reactSlot.Slot : "button";
|
|
76
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
77
|
-
Comp,
|
|
78
|
-
{
|
|
79
|
-
"data-slot": "button",
|
|
80
|
-
"data-variant": variant,
|
|
81
|
-
"data-size": size,
|
|
82
|
-
className: cn(buttonVariants({ variant, size, className })),
|
|
83
|
-
ref,
|
|
84
|
-
...props,
|
|
85
|
-
children: [
|
|
86
|
-
isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
87
|
-
lucideReact.Loader2,
|
|
88
|
-
{
|
|
89
|
-
className: cn("h-4 w-4 animate-spin", size !== "icon" && size !== "icon-sm" && size !== "icon-lg" && "mr-2")
|
|
90
|
-
}
|
|
91
|
-
) : null,
|
|
92
|
-
isLoading && (size === "icon" || size === "icon-sm" || size === "icon-lg") ? null : children
|
|
93
|
-
]
|
|
94
|
-
}
|
|
95
|
-
);
|
|
96
|
-
}
|
|
97
|
-
);
|
|
98
|
-
Button.displayName = "Button";
|
|
99
|
-
function Calendar({
|
|
100
|
-
className,
|
|
101
|
-
classNames,
|
|
102
|
-
showOutsideDays = true,
|
|
103
|
-
...props
|
|
104
|
-
}) {
|
|
105
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
106
|
-
reactDayPicker.DayPicker,
|
|
107
|
-
{
|
|
108
|
-
showOutsideDays,
|
|
109
|
-
className: cn("p-3", className),
|
|
110
|
-
classNames: {
|
|
111
|
-
months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
|
|
112
|
-
month: "space-y-4",
|
|
113
|
-
caption: "flex justify-center pt-1 relative items-center",
|
|
114
|
-
caption_label: "text-sm font-medium",
|
|
115
|
-
nav: "space-x-1 flex items-center",
|
|
116
|
-
nav_button: cn(
|
|
117
|
-
buttonVariants({ variant: "outline" }),
|
|
118
|
-
"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
|
|
119
|
-
),
|
|
120
|
-
nav_button_previous: "absolute left-1",
|
|
121
|
-
nav_button_next: "absolute right-1",
|
|
122
|
-
table: "w-full border-collapse space-y-1",
|
|
123
|
-
head_row: "flex",
|
|
124
|
-
head_cell: "text-muted-1 rounded-md w-8 font-normal text-[0.8rem]",
|
|
125
|
-
row: "flex w-full mt-2",
|
|
126
|
-
cell: cn(
|
|
127
|
-
"relative p-0 text-center text-sm focus-within:relative focus-within:z-above-content [&:has([aria-selected])]:bg-level-1 [&:has([aria-selected].day-outside)]:bg-level-1/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",
|
|
128
|
-
props.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"
|
|
129
|
-
),
|
|
130
|
-
day: cn(
|
|
131
|
-
buttonVariants({ variant: "ghost" }),
|
|
132
|
-
"h-8 w-8 p-0 font-normal aria-selected:opacity-100"
|
|
133
|
-
),
|
|
134
|
-
day_range_start: "day-range-start",
|
|
135
|
-
day_range_end: "day-range-end",
|
|
136
|
-
day_selected: "bg-primary text-primary-fg hover:bg-primary hover:text-primary-fg focus:bg-primary focus:text-primary-fg",
|
|
137
|
-
day_today: "bg-accent text-primary-fg",
|
|
138
|
-
day_outside: "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-1 aria-selected:opacity-30",
|
|
139
|
-
day_disabled: "text-muted-foreground opacity-50",
|
|
140
|
-
day_range_middle: "aria-selected:bg-accent aria-selected:text-primary-fg",
|
|
141
|
-
day_hidden: "invisible",
|
|
142
|
-
...classNames
|
|
143
|
-
},
|
|
144
|
-
components: {
|
|
145
|
-
Chevron: /* @__PURE__ */ __name(({ orientation, ...props2 }) => {
|
|
146
|
-
if (orientation === "left") {
|
|
147
|
-
return /* @__PURE__ */ jsxRuntime.jsx(reactIcons.ChevronLeftIcon, { className: "h-4 w-4" });
|
|
148
|
-
}
|
|
149
|
-
return /* @__PURE__ */ jsxRuntime.jsx(reactIcons.ChevronRightIcon, { className: "h-4 w-4" });
|
|
150
|
-
}, "Chevron")
|
|
151
|
-
},
|
|
152
|
-
...props
|
|
153
|
-
}
|
|
154
|
-
);
|
|
155
|
-
}
|
|
156
|
-
__name(Calendar, "Calendar");
|
|
157
|
-
Calendar.displayName = "Calendar";
|
|
158
|
-
function CalendarDayButton({
|
|
159
|
-
className,
|
|
160
|
-
day,
|
|
161
|
-
modifiers,
|
|
162
|
-
...props
|
|
163
|
-
}) {
|
|
164
|
-
const defaultClassNames = reactDayPicker.getDefaultClassNames();
|
|
165
|
-
const ref = React2__namespace.default.useRef(null);
|
|
166
|
-
React2__namespace.default.useEffect(() => {
|
|
167
|
-
if (modifiers.focused) ref.current?.focus();
|
|
168
|
-
}, [modifiers.focused]);
|
|
169
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
170
|
-
Button,
|
|
171
|
-
{
|
|
172
|
-
ref,
|
|
173
|
-
variant: "ghost",
|
|
174
|
-
size: "icon",
|
|
175
|
-
"data-day": day.date.toLocaleDateString(),
|
|
176
|
-
"data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
|
|
177
|
-
"data-range-start": modifiers.range_start,
|
|
178
|
-
"data-range-end": modifiers.range_end,
|
|
179
|
-
"data-range-middle": modifiers.range_middle,
|
|
180
|
-
className: cn(
|
|
181
|
-
"data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
|
|
182
|
-
defaultClassNames.day,
|
|
183
|
-
className
|
|
184
|
-
),
|
|
185
|
-
...props
|
|
186
|
-
}
|
|
187
|
-
);
|
|
188
|
-
}
|
|
189
|
-
__name(CalendarDayButton, "CalendarDayButton");
|
|
190
|
-
var calendar_default = Calendar;
|
|
191
|
-
|
|
192
|
-
exports.Calendar = Calendar;
|
|
193
|
-
exports.CalendarDayButton = CalendarDayButton;
|
|
194
|
-
exports.default = calendar_default;
|
|
2
|
+
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var m=require('react'),reactIcons=require('@radix-ui/react-icons'),reactDayPicker=require('react-day-picker'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),lucideReact=require('lucide-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 m__namespace=/*#__PURE__*/_interopNamespace(m);var b=Object.defineProperty;var n=(r,a)=>b(r,"name",{value:a,configurable:true});function t(...r){return tailwindMerge.twMerge(clsx.clsx(r))}n(t,"cn");var s=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"}}),c=m__namespace.forwardRef(({className:r,variant:a="default",size:e="default",asChild:o=false,isLoading:d=false,children:i,...f},g)=>jsxRuntime.jsxs(o?reactSlot.Slot:"button",{"data-slot":"button","data-variant":a,"data-size":e,className:t(s({variant:a,size:e,className:r})),ref:g,...f,children:[d?jsxRuntime.jsx(lucideReact.Loader2,{className:t("h-4 w-4 animate-spin",e!=="icon"&&e!=="icon-sm"&&e!=="icon-lg"&&"mr-2")}):null,d&&(e==="icon"||e==="icon-sm"||e==="icon-lg")?null:i]}));c.displayName="Button";function p({className:r,classNames:a,showOutsideDays:e=true,...o}){return jsxRuntime.jsx(reactDayPicker.DayPicker,{showOutsideDays:e,className:t("p-3",r),classNames:{months:"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",month:"space-y-4",caption:"flex justify-center pt-1 relative items-center",caption_label:"text-sm font-medium",nav:"space-x-1 flex items-center",nav_button:t(s({variant:"outline"}),"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),nav_button_previous:"absolute left-1",nav_button_next:"absolute right-1",table:"w-full border-collapse space-y-1",head_row:"flex",head_cell:"text-muted-1 rounded-md w-8 font-normal text-[0.8rem]",row:"flex w-full mt-2",cell:t("relative p-0 text-center text-sm focus-within:relative focus-within:z-above-content [&:has([aria-selected])]:bg-level-1 [&:has([aria-selected].day-outside)]:bg-level-1/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",o.mode==="range"?"[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md":"[&:has([aria-selected])]:rounded-md"),day:t(s({variant:"ghost"}),"h-8 w-8 p-0 font-normal aria-selected:opacity-100"),day_range_start:"day-range-start",day_range_end:"day-range-end",day_selected:"bg-primary text-primary-fg hover:bg-primary hover:text-primary-fg focus:bg-primary focus:text-primary-fg",day_today:"bg-accent text-primary-fg",day_outside:"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-1 aria-selected:opacity-30",day_disabled:"text-muted-foreground opacity-50",day_range_middle:"aria-selected:bg-accent aria-selected:text-primary-fg",day_hidden:"invisible",...a},components:{Chevron:n(({orientation:d,...i})=>d==="left"?jsxRuntime.jsx(reactIcons.ChevronLeftIcon,{className:"h-4 w-4"}):jsxRuntime.jsx(reactIcons.ChevronRightIcon,{className:"h-4 w-4"}),"Chevron")},...o})}n(p,"Calendar");p.displayName="Calendar";function me({className:r,day:a,modifiers:e,...o}){let d=reactDayPicker.getDefaultClassNames(),i=m__namespace.default.useRef(null);return m__namespace.default.useEffect(()=>{e.focused&&i.current?.focus();},[e.focused]),jsxRuntime.jsx(c,{ref:i,variant:"ghost",size:"icon","data-day":a.date.toLocaleDateString(),"data-selected-single":e.selected&&!e.range_start&&!e.range_end&&!e.range_middle,"data-range-start":e.range_start,"data-range-end":e.range_end,"data-range-middle":e.range_middle,className:t("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",d.day,r),...o})}n(me,"CalendarDayButton");var pe=p;exports.Calendar=p;exports.CalendarDayButton=me;exports.default=pe;
|
package/dist/calendar.mjs
CHANGED
|
@@ -1,169 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
3
|
-
import React2__default from 'react';
|
|
4
|
-
import { ChevronLeftIcon, ChevronRightIcon } from '@radix-ui/react-icons';
|
|
5
|
-
import { DayPicker, getDefaultClassNames } from 'react-day-picker';
|
|
6
|
-
import { clsx } from 'clsx';
|
|
7
|
-
import { twMerge } from 'tailwind-merge';
|
|
8
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
9
|
-
import { cva } from 'class-variance-authority';
|
|
10
|
-
import { Loader2 } from 'lucide-react';
|
|
11
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
12
|
-
|
|
13
|
-
var __defProp = Object.defineProperty;
|
|
14
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
15
|
-
function cn(...inputs) {
|
|
16
|
-
return twMerge(clsx(inputs));
|
|
17
|
-
}
|
|
18
|
-
__name(cn, "cn");
|
|
19
|
-
var buttonVariants = cva(
|
|
20
|
-
'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',
|
|
21
|
-
{
|
|
22
|
-
variants: {
|
|
23
|
-
variant: {
|
|
24
|
-
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
25
|
-
destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
26
|
-
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",
|
|
27
|
-
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
28
|
-
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
29
|
-
link: "text-primary underline-offset-4 hover:underline",
|
|
30
|
-
// Keep the additional Hanzo variants for backward compatibility
|
|
31
|
-
primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
|
|
32
|
-
linkFG: "text-primary underline-offset-4 hover:underline",
|
|
33
|
-
linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
|
|
34
|
-
},
|
|
35
|
-
size: {
|
|
36
|
-
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
37
|
-
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
38
|
-
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
39
|
-
icon: "size-9",
|
|
40
|
-
"icon-sm": "size-8",
|
|
41
|
-
"icon-lg": "size-10"
|
|
42
|
-
}
|
|
43
|
-
},
|
|
44
|
-
defaultVariants: {
|
|
45
|
-
variant: "default",
|
|
46
|
-
size: "default"
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
);
|
|
50
|
-
var Button = React2.forwardRef(
|
|
51
|
-
({ className, variant = "default", size = "default", asChild = false, isLoading = false, children, ...props }, ref) => {
|
|
52
|
-
const Comp = asChild ? Slot : "button";
|
|
53
|
-
return /* @__PURE__ */ jsxs(
|
|
54
|
-
Comp,
|
|
55
|
-
{
|
|
56
|
-
"data-slot": "button",
|
|
57
|
-
"data-variant": variant,
|
|
58
|
-
"data-size": size,
|
|
59
|
-
className: cn(buttonVariants({ variant, size, className })),
|
|
60
|
-
ref,
|
|
61
|
-
...props,
|
|
62
|
-
children: [
|
|
63
|
-
isLoading ? /* @__PURE__ */ jsx(
|
|
64
|
-
Loader2,
|
|
65
|
-
{
|
|
66
|
-
className: cn("h-4 w-4 animate-spin", size !== "icon" && size !== "icon-sm" && size !== "icon-lg" && "mr-2")
|
|
67
|
-
}
|
|
68
|
-
) : null,
|
|
69
|
-
isLoading && (size === "icon" || size === "icon-sm" || size === "icon-lg") ? null : children
|
|
70
|
-
]
|
|
71
|
-
}
|
|
72
|
-
);
|
|
73
|
-
}
|
|
74
|
-
);
|
|
75
|
-
Button.displayName = "Button";
|
|
76
|
-
function Calendar({
|
|
77
|
-
className,
|
|
78
|
-
classNames,
|
|
79
|
-
showOutsideDays = true,
|
|
80
|
-
...props
|
|
81
|
-
}) {
|
|
82
|
-
return /* @__PURE__ */ jsx(
|
|
83
|
-
DayPicker,
|
|
84
|
-
{
|
|
85
|
-
showOutsideDays,
|
|
86
|
-
className: cn("p-3", className),
|
|
87
|
-
classNames: {
|
|
88
|
-
months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
|
|
89
|
-
month: "space-y-4",
|
|
90
|
-
caption: "flex justify-center pt-1 relative items-center",
|
|
91
|
-
caption_label: "text-sm font-medium",
|
|
92
|
-
nav: "space-x-1 flex items-center",
|
|
93
|
-
nav_button: cn(
|
|
94
|
-
buttonVariants({ variant: "outline" }),
|
|
95
|
-
"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
|
|
96
|
-
),
|
|
97
|
-
nav_button_previous: "absolute left-1",
|
|
98
|
-
nav_button_next: "absolute right-1",
|
|
99
|
-
table: "w-full border-collapse space-y-1",
|
|
100
|
-
head_row: "flex",
|
|
101
|
-
head_cell: "text-muted-1 rounded-md w-8 font-normal text-[0.8rem]",
|
|
102
|
-
row: "flex w-full mt-2",
|
|
103
|
-
cell: cn(
|
|
104
|
-
"relative p-0 text-center text-sm focus-within:relative focus-within:z-above-content [&:has([aria-selected])]:bg-level-1 [&:has([aria-selected].day-outside)]:bg-level-1/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",
|
|
105
|
-
props.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"
|
|
106
|
-
),
|
|
107
|
-
day: cn(
|
|
108
|
-
buttonVariants({ variant: "ghost" }),
|
|
109
|
-
"h-8 w-8 p-0 font-normal aria-selected:opacity-100"
|
|
110
|
-
),
|
|
111
|
-
day_range_start: "day-range-start",
|
|
112
|
-
day_range_end: "day-range-end",
|
|
113
|
-
day_selected: "bg-primary text-primary-fg hover:bg-primary hover:text-primary-fg focus:bg-primary focus:text-primary-fg",
|
|
114
|
-
day_today: "bg-accent text-primary-fg",
|
|
115
|
-
day_outside: "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-1 aria-selected:opacity-30",
|
|
116
|
-
day_disabled: "text-muted-foreground opacity-50",
|
|
117
|
-
day_range_middle: "aria-selected:bg-accent aria-selected:text-primary-fg",
|
|
118
|
-
day_hidden: "invisible",
|
|
119
|
-
...classNames
|
|
120
|
-
},
|
|
121
|
-
components: {
|
|
122
|
-
Chevron: /* @__PURE__ */ __name(({ orientation, ...props2 }) => {
|
|
123
|
-
if (orientation === "left") {
|
|
124
|
-
return /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-4 w-4" });
|
|
125
|
-
}
|
|
126
|
-
return /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-4 w-4" });
|
|
127
|
-
}, "Chevron")
|
|
128
|
-
},
|
|
129
|
-
...props
|
|
130
|
-
}
|
|
131
|
-
);
|
|
132
|
-
}
|
|
133
|
-
__name(Calendar, "Calendar");
|
|
134
|
-
Calendar.displayName = "Calendar";
|
|
135
|
-
function CalendarDayButton({
|
|
136
|
-
className,
|
|
137
|
-
day,
|
|
138
|
-
modifiers,
|
|
139
|
-
...props
|
|
140
|
-
}) {
|
|
141
|
-
const defaultClassNames = getDefaultClassNames();
|
|
142
|
-
const ref = React2__default.useRef(null);
|
|
143
|
-
React2__default.useEffect(() => {
|
|
144
|
-
if (modifiers.focused) ref.current?.focus();
|
|
145
|
-
}, [modifiers.focused]);
|
|
146
|
-
return /* @__PURE__ */ jsx(
|
|
147
|
-
Button,
|
|
148
|
-
{
|
|
149
|
-
ref,
|
|
150
|
-
variant: "ghost",
|
|
151
|
-
size: "icon",
|
|
152
|
-
"data-day": day.date.toLocaleDateString(),
|
|
153
|
-
"data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
|
|
154
|
-
"data-range-start": modifiers.range_start,
|
|
155
|
-
"data-range-end": modifiers.range_end,
|
|
156
|
-
"data-range-middle": modifiers.range_middle,
|
|
157
|
-
className: cn(
|
|
158
|
-
"data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
|
|
159
|
-
defaultClassNames.day,
|
|
160
|
-
className
|
|
161
|
-
),
|
|
162
|
-
...props
|
|
163
|
-
}
|
|
164
|
-
);
|
|
165
|
-
}
|
|
166
|
-
__name(CalendarDayButton, "CalendarDayButton");
|
|
167
|
-
var calendar_default = Calendar;
|
|
168
|
-
|
|
169
|
-
export { Calendar, CalendarDayButton, calendar_default as default };
|
|
2
|
+
import*as m from'react';import m__default from'react';import {ChevronLeftIcon,ChevronRightIcon}from'@radix-ui/react-icons';import {DayPicker,getDefaultClassNames}from'react-day-picker';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {Loader2}from'lucide-react';import {jsxs,jsx}from'react/jsx-runtime';var b=Object.defineProperty;var n=(r,a)=>b(r,"name",{value:a,configurable:true});function t(...r){return twMerge(clsx(r))}n(t,"cn");var s=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"}}),c=m.forwardRef(({className:r,variant:a="default",size:e="default",asChild:o=false,isLoading:d=false,children:i,...f},g)=>jsxs(o?Slot:"button",{"data-slot":"button","data-variant":a,"data-size":e,className:t(s({variant:a,size:e,className:r})),ref:g,...f,children:[d?jsx(Loader2,{className:t("h-4 w-4 animate-spin",e!=="icon"&&e!=="icon-sm"&&e!=="icon-lg"&&"mr-2")}):null,d&&(e==="icon"||e==="icon-sm"||e==="icon-lg")?null:i]}));c.displayName="Button";function p({className:r,classNames:a,showOutsideDays:e=true,...o}){return jsx(DayPicker,{showOutsideDays:e,className:t("p-3",r),classNames:{months:"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",month:"space-y-4",caption:"flex justify-center pt-1 relative items-center",caption_label:"text-sm font-medium",nav:"space-x-1 flex items-center",nav_button:t(s({variant:"outline"}),"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),nav_button_previous:"absolute left-1",nav_button_next:"absolute right-1",table:"w-full border-collapse space-y-1",head_row:"flex",head_cell:"text-muted-1 rounded-md w-8 font-normal text-[0.8rem]",row:"flex w-full mt-2",cell:t("relative p-0 text-center text-sm focus-within:relative focus-within:z-above-content [&:has([aria-selected])]:bg-level-1 [&:has([aria-selected].day-outside)]:bg-level-1/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",o.mode==="range"?"[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md":"[&:has([aria-selected])]:rounded-md"),day:t(s({variant:"ghost"}),"h-8 w-8 p-0 font-normal aria-selected:opacity-100"),day_range_start:"day-range-start",day_range_end:"day-range-end",day_selected:"bg-primary text-primary-fg hover:bg-primary hover:text-primary-fg focus:bg-primary focus:text-primary-fg",day_today:"bg-accent text-primary-fg",day_outside:"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-1 aria-selected:opacity-30",day_disabled:"text-muted-foreground opacity-50",day_range_middle:"aria-selected:bg-accent aria-selected:text-primary-fg",day_hidden:"invisible",...a},components:{Chevron:n(({orientation:d,...i})=>d==="left"?jsx(ChevronLeftIcon,{className:"h-4 w-4"}):jsx(ChevronRightIcon,{className:"h-4 w-4"}),"Chevron")},...o})}n(p,"Calendar");p.displayName="Calendar";function me({className:r,day:a,modifiers:e,...o}){let d=getDefaultClassNames(),i=m__default.useRef(null);return m__default.useEffect(()=>{e.focused&&i.current?.focus();},[e.focused]),jsx(c,{ref:i,variant:"ghost",size:"icon","data-day":a.date.toLocaleDateString(),"data-selected-single":e.selected&&!e.range_start&&!e.range_end&&!e.range_middle,"data-range-start":e.range_start,"data-range-end":e.range_end,"data-range-middle":e.range_middle,className:t("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",d.day,r),...o})}n(me,"CalendarDayButton");var pe=p;export{p as Calendar,me as CalendarDayButton,pe as default};
|