@thalamiq/ui 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +29 -0
- package/dist/components/accordion.d.mts +10 -0
- package/dist/components/accordion.d.ts +10 -0
- package/dist/components/accordion.js +148 -0
- package/dist/components/accordion.js.map +1 -0
- package/dist/components/accordion.mjs +113 -0
- package/dist/components/accordion.mjs.map +1 -0
- package/dist/components/alert-dialog.d.mts +17 -0
- package/dist/components/alert-dialog.d.ts +17 -0
- package/dist/components/alert-dialog.js +264 -0
- package/dist/components/alert-dialog.js.map +1 -0
- package/dist/components/alert-dialog.mjs +222 -0
- package/dist/components/alert-dialog.mjs.map +1 -0
- package/dist/components/alert.d.mts +13 -0
- package/dist/components/alert.d.ts +13 -0
- package/dist/components/alert.js +133 -0
- package/dist/components/alert.js.map +1 -0
- package/dist/components/alert.mjs +109 -0
- package/dist/components/alert.mjs.map +1 -0
- package/dist/components/aspect-ratio.d.mts +6 -0
- package/dist/components/aspect-ratio.d.ts +6 -0
- package/dist/components/aspect-ratio.js +74 -0
- package/dist/components/aspect-ratio.js.map +1 -0
- package/dist/components/aspect-ratio.mjs +42 -0
- package/dist/components/aspect-ratio.mjs.map +1 -0
- package/dist/components/avatar.d.mts +9 -0
- package/dist/components/avatar.d.ts +9 -0
- package/dist/components/avatar.js +130 -0
- package/dist/components/avatar.js.map +1 -0
- package/dist/components/avatar.mjs +96 -0
- package/dist/components/avatar.mjs.map +1 -0
- package/dist/components/badge.d.mts +13 -0
- package/dist/components/badge.d.ts +13 -0
- package/dist/components/badge.js +106 -0
- package/dist/components/badge.js.map +1 -0
- package/dist/components/badge.mjs +83 -0
- package/dist/components/badge.mjs.map +1 -0
- package/dist/components/breadcrumb.d.mts +14 -0
- package/dist/components/breadcrumb.d.ts +14 -0
- package/dist/components/breadcrumb.js +182 -0
- package/dist/components/breadcrumb.js.map +1 -0
- package/dist/components/breadcrumb.mjs +154 -0
- package/dist/components/breadcrumb.mjs.map +1 -0
- package/dist/components/button-group.d.mts +17 -0
- package/dist/components/button-group.d.ts +17 -0
- package/dist/components/button-group.js +183 -0
- package/dist/components/button-group.js.map +1 -0
- package/dist/components/button-group.mjs +148 -0
- package/dist/components/button-group.mjs.map +1 -0
- package/dist/components/button.d.mts +14 -0
- package/dist/components/button.d.ts +14 -0
- package/dist/components/button.js +119 -0
- package/dist/components/button.js.map +1 -0
- package/dist/components/button.mjs +96 -0
- package/dist/components/button.mjs.map +1 -0
- package/dist/components/calendar.d.mts +13 -0
- package/dist/components/calendar.d.ts +13 -0
- package/dist/components/calendar.js +324 -0
- package/dist/components/calendar.js.map +1 -0
- package/dist/components/calendar.mjs +295 -0
- package/dist/components/calendar.mjs.map +1 -0
- package/dist/components/card.d.mts +12 -0
- package/dist/components/card.d.ts +12 -0
- package/dist/components/card.js +158 -0
- package/dist/components/card.js.map +1 -0
- package/dist/components/card.mjs +128 -0
- package/dist/components/card.mjs.map +1 -0
- package/dist/components/carousel.d.mts +24 -0
- package/dist/components/carousel.d.ts +24 -0
- package/dist/components/carousel.js +343 -0
- package/dist/components/carousel.js.map +1 -0
- package/dist/components/carousel.mjs +307 -0
- package/dist/components/carousel.mjs.map +1 -0
- package/dist/components/chart.d.mts +43 -0
- package/dist/components/chart.d.ts +43 -0
- package/dist/components/chart.js +330 -0
- package/dist/components/chart.js.map +1 -0
- package/dist/components/chart.mjs +293 -0
- package/dist/components/chart.mjs.map +1 -0
- package/dist/components/checkbox.d.mts +7 -0
- package/dist/components/checkbox.d.ts +7 -0
- package/dist/components/checkbox.js +109 -0
- package/dist/components/checkbox.js.map +1 -0
- package/dist/components/checkbox.mjs +77 -0
- package/dist/components/checkbox.mjs.map +1 -0
- package/dist/components/collapsible.d.mts +8 -0
- package/dist/components/collapsible.d.ts +8 -0
- package/dist/components/collapsible.js +95 -0
- package/dist/components/collapsible.js.map +1 -0
- package/dist/components/collapsible.mjs +61 -0
- package/dist/components/collapsible.mjs.map +1 -0
- package/dist/components/command.d.mts +22 -0
- package/dist/components/command.d.ts +22 -0
- package/dist/components/command.js +370 -0
- package/dist/components/command.js.map +1 -0
- package/dist/components/command.mjs +330 -0
- package/dist/components/command.mjs.map +1 -0
- package/dist/components/context-menu.d.mts +28 -0
- package/dist/components/context-menu.d.ts +28 -0
- package/dist/components/context-menu.js +326 -0
- package/dist/components/context-menu.js.map +1 -0
- package/dist/components/context-menu.mjs +280 -0
- package/dist/components/context-menu.mjs.map +1 -0
- package/dist/components/dialog.d.mts +18 -0
- package/dist/components/dialog.d.ts +18 -0
- package/dist/components/dialog.js +223 -0
- package/dist/components/dialog.js.map +1 -0
- package/dist/components/dialog.mjs +182 -0
- package/dist/components/dialog.mjs.map +1 -0
- package/dist/components/drawer.d.mts +16 -0
- package/dist/components/drawer.d.ts +16 -0
- package/dist/components/drawer.js +205 -0
- package/dist/components/drawer.js.map +1 -0
- package/dist/components/drawer.mjs +174 -0
- package/dist/components/drawer.mjs.map +1 -0
- package/dist/components/dropdown-menu.d.mts +28 -0
- package/dist/components/dropdown-menu.d.ts +28 -0
- package/dist/components/dropdown-menu.js +333 -0
- package/dist/components/dropdown-menu.js.map +1 -0
- package/dist/components/dropdown-menu.mjs +287 -0
- package/dist/components/dropdown-menu.mjs.map +1 -0
- package/dist/components/empty.d.mts +15 -0
- package/dist/components/empty.d.ts +15 -0
- package/dist/components/empty.js +171 -0
- package/dist/components/empty.js.map +1 -0
- package/dist/components/empty.mjs +144 -0
- package/dist/components/empty.mjs.map +1 -0
- package/dist/components/field.d.mts +30 -0
- package/dist/components/field.d.ts +30 -0
- package/dist/components/field.js +372 -0
- package/dist/components/field.js.map +1 -0
- package/dist/components/field.mjs +331 -0
- package/dist/components/field.mjs.map +1 -0
- package/dist/components/form.d.mts +28 -0
- package/dist/components/form.d.ts +28 -0
- package/dist/components/form.js +220 -0
- package/dist/components/form.js.map +1 -0
- package/dist/components/form.mjs +186 -0
- package/dist/components/form.mjs.map +1 -0
- package/dist/components/hover-card.d.mts +9 -0
- package/dist/components/hover-card.d.ts +9 -0
- package/dist/components/hover-card.js +114 -0
- package/dist/components/hover-card.js.map +1 -0
- package/dist/components/hover-card.mjs +80 -0
- package/dist/components/hover-card.mjs.map +1 -0
- package/dist/components/input-group.d.mts +20 -0
- package/dist/components/input-group.d.ts +20 -0
- package/dist/components/input-group.js +316 -0
- package/dist/components/input-group.js.map +1 -0
- package/dist/components/input-group.mjs +289 -0
- package/dist/components/input-group.mjs.map +1 -0
- package/dist/components/input-otp.d.mts +14 -0
- package/dist/components/input-otp.d.ts +14 -0
- package/dist/components/input-otp.js +151 -0
- package/dist/components/input-otp.js.map +1 -0
- package/dist/components/input-otp.mjs +116 -0
- package/dist/components/input-otp.mjs.map +1 -0
- package/dist/components/input.d.mts +6 -0
- package/dist/components/input.d.ts +6 -0
- package/dist/components/input.js +83 -0
- package/dist/components/input.js.map +1 -0
- package/dist/components/input.mjs +59 -0
- package/dist/components/input.mjs.map +1 -0
- package/dist/components/item.d.mts +28 -0
- package/dist/components/item.d.ts +28 -0
- package/dist/components/item.js +301 -0
- package/dist/components/item.js.map +1 -0
- package/dist/components/item.mjs +260 -0
- package/dist/components/item.mjs.map +1 -0
- package/dist/components/kbd.d.mts +6 -0
- package/dist/components/kbd.d.ts +6 -0
- package/dist/components/kbd.js +94 -0
- package/dist/components/kbd.js.map +1 -0
- package/dist/components/kbd.mjs +69 -0
- package/dist/components/kbd.mjs.map +1 -0
- package/dist/components/label.d.mts +7 -0
- package/dist/components/label.d.ts +7 -0
- package/dist/components/label.js +96 -0
- package/dist/components/label.js.map +1 -0
- package/dist/components/label.mjs +64 -0
- package/dist/components/label.mjs.map +1 -0
- package/dist/components/menubar.d.mts +29 -0
- package/dist/components/menubar.d.ts +29 -0
- package/dist/components/menubar.js +361 -0
- package/dist/components/menubar.js.map +1 -0
- package/dist/components/menubar.mjs +314 -0
- package/dist/components/menubar.mjs.map +1 -0
- package/dist/components/navigation-menu.d.mts +18 -0
- package/dist/components/navigation-menu.d.ts +18 -0
- package/dist/components/navigation-menu.js +267 -0
- package/dist/components/navigation-menu.js.map +1 -0
- package/dist/components/navigation-menu.mjs +227 -0
- package/dist/components/navigation-menu.mjs.map +1 -0
- package/dist/components/pagination.d.mts +18 -0
- package/dist/components/pagination.d.ts +18 -0
- package/dist/components/pagination.js +231 -0
- package/dist/components/pagination.js.map +1 -0
- package/dist/components/pagination.mjs +207 -0
- package/dist/components/pagination.mjs.map +1 -0
- package/dist/components/popover.d.mts +10 -0
- package/dist/components/popover.d.ts +10 -0
- package/dist/components/popover.js +120 -0
- package/dist/components/popover.js.map +1 -0
- package/dist/components/popover.mjs +85 -0
- package/dist/components/popover.mjs.map +1 -0
- package/dist/components/progress.d.mts +7 -0
- package/dist/components/progress.d.ts +7 -0
- package/dist/components/progress.js +109 -0
- package/dist/components/progress.js.map +1 -0
- package/dist/components/progress.mjs +77 -0
- package/dist/components/progress.mjs.map +1 -0
- package/dist/components/radio-group.d.mts +8 -0
- package/dist/components/radio-group.d.ts +8 -0
- package/dist/components/radio-group.js +125 -0
- package/dist/components/radio-group.js.map +1 -0
- package/dist/components/radio-group.mjs +92 -0
- package/dist/components/radio-group.mjs.map +1 -0
- package/dist/components/resizable.d.mts +11 -0
- package/dist/components/resizable.d.ts +11 -0
- package/dist/components/resizable.js +128 -0
- package/dist/components/resizable.js.map +1 -0
- package/dist/components/resizable.mjs +94 -0
- package/dist/components/resizable.mjs.map +1 -0
- package/dist/components/scroll-area.d.mts +8 -0
- package/dist/components/scroll-area.d.ts +8 -0
- package/dist/components/scroll-area.js +143 -0
- package/dist/components/scroll-area.js.map +1 -0
- package/dist/components/scroll-area.mjs +110 -0
- package/dist/components/scroll-area.mjs.map +1 -0
- package/dist/components/select.d.mts +18 -0
- package/dist/components/select.d.ts +18 -0
- package/dist/components/select.js +270 -0
- package/dist/components/select.js.map +1 -0
- package/dist/components/select.mjs +229 -0
- package/dist/components/select.mjs.map +1 -0
- package/dist/components/separator.d.mts +7 -0
- package/dist/components/separator.d.ts +7 -0
- package/dist/components/separator.js +102 -0
- package/dist/components/separator.js.map +1 -0
- package/dist/components/separator.mjs +70 -0
- package/dist/components/separator.mjs.map +1 -0
- package/dist/components/sheet.d.mts +16 -0
- package/dist/components/sheet.d.ts +16 -0
- package/dist/components/sheet.js +213 -0
- package/dist/components/sheet.js.map +1 -0
- package/dist/components/sheet.mjs +174 -0
- package/dist/components/sheet.mjs.map +1 -0
- package/dist/components/sidebar.d.mts +75 -0
- package/dist/components/sidebar.d.ts +75 -0
- package/dist/components/sidebar.js +1055 -0
- package/dist/components/sidebar.js.map +1 -0
- package/dist/components/sidebar.mjs +1000 -0
- package/dist/components/sidebar.mjs.map +1 -0
- package/dist/components/skeleton.d.mts +5 -0
- package/dist/components/skeleton.d.ts +5 -0
- package/dist/components/skeleton.js +77 -0
- package/dist/components/skeleton.js.map +1 -0
- package/dist/components/skeleton.mjs +53 -0
- package/dist/components/skeleton.mjs.map +1 -0
- package/dist/components/slider.d.mts +7 -0
- package/dist/components/slider.d.ts +7 -0
- package/dist/components/slider.js +145 -0
- package/dist/components/slider.js.map +1 -0
- package/dist/components/slider.mjs +113 -0
- package/dist/components/slider.mjs.map +1 -0
- package/dist/components/sonner.d.mts +6 -0
- package/dist/components/sonner.d.ts +6 -0
- package/dist/components/sonner.js +85 -0
- package/dist/components/sonner.js.map +1 -0
- package/dist/components/sonner.mjs +69 -0
- package/dist/components/sonner.mjs.map +1 -0
- package/dist/components/spinner.d.mts +5 -0
- package/dist/components/spinner.d.ts +5 -0
- package/dist/components/spinner.js +79 -0
- package/dist/components/spinner.js.map +1 -0
- package/dist/components/spinner.mjs +57 -0
- package/dist/components/spinner.mjs.map +1 -0
- package/dist/components/switch.d.mts +7 -0
- package/dist/components/switch.d.ts +7 -0
- package/dist/components/switch.js +109 -0
- package/dist/components/switch.js.map +1 -0
- package/dist/components/switch.mjs +77 -0
- package/dist/components/switch.mjs.map +1 -0
- package/dist/components/table.d.mts +13 -0
- package/dist/components/table.d.ts +13 -0
- package/dist/components/table.js +184 -0
- package/dist/components/table.js.map +1 -0
- package/dist/components/table.mjs +153 -0
- package/dist/components/table.mjs.map +1 -0
- package/dist/components/tabs.d.mts +10 -0
- package/dist/components/tabs.d.ts +10 -0
- package/dist/components/tabs.js +147 -0
- package/dist/components/tabs.js.map +1 -0
- package/dist/components/tabs.mjs +112 -0
- package/dist/components/tabs.mjs.map +1 -0
- package/dist/components/textarea.d.mts +6 -0
- package/dist/components/textarea.d.ts +6 -0
- package/dist/components/textarea.js +80 -0
- package/dist/components/textarea.js.map +1 -0
- package/dist/components/textarea.mjs +56 -0
- package/dist/components/textarea.mjs.map +1 -0
- package/dist/components/toggle-group.d.mts +14 -0
- package/dist/components/toggle-group.d.ts +14 -0
- package/dist/components/toggle-group.js +179 -0
- package/dist/components/toggle-group.js.map +1 -0
- package/dist/components/toggle-group.mjs +146 -0
- package/dist/components/toggle-group.mjs.map +1 -0
- package/dist/components/toggle.d.mts +13 -0
- package/dist/components/toggle.d.ts +13 -0
- package/dist/components/toggle.js +119 -0
- package/dist/components/toggle.js.map +1 -0
- package/dist/components/toggle.mjs +86 -0
- package/dist/components/toggle.mjs.map +1 -0
- package/dist/components/tooltip.d.mts +10 -0
- package/dist/components/tooltip.d.ts +10 -0
- package/dist/components/tooltip.js +137 -0
- package/dist/components/tooltip.js.map +1 -0
- package/dist/components/tooltip.mjs +102 -0
- package/dist/components/tooltip.mjs.map +1 -0
- package/dist/hooks/use-mobile.d.mts +3 -0
- package/dist/hooks/use-mobile.d.ts +3 -0
- package/dist/hooks/use-mobile.js +56 -0
- package/dist/hooks/use-mobile.js.map +1 -0
- package/dist/hooks/use-mobile.mjs +22 -0
- package/dist/hooks/use-mobile.mjs.map +1 -0
- package/dist/styles/globals.css +230 -0
- package/dist/utils/utils.d.mts +5 -0
- package/dist/utils/utils.d.ts +5 -0
- package/dist/utils/utils.js +36 -0
- package/dist/utils/utils.js.map +1 -0
- package/dist/utils/utils.mjs +12 -0
- package/dist/utils/utils.mjs.map +1 -0
- package/package.json +393 -0
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
6
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
7
|
+
var __spreadValues = (a, b) => {
|
|
8
|
+
for (var prop in b || (b = {}))
|
|
9
|
+
if (__hasOwnProp.call(b, prop))
|
|
10
|
+
__defNormalProp(a, prop, b[prop]);
|
|
11
|
+
if (__getOwnPropSymbols)
|
|
12
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
13
|
+
if (__propIsEnum.call(b, prop))
|
|
14
|
+
__defNormalProp(a, prop, b[prop]);
|
|
15
|
+
}
|
|
16
|
+
return a;
|
|
17
|
+
};
|
|
18
|
+
var __objRest = (source, exclude) => {
|
|
19
|
+
var target = {};
|
|
20
|
+
for (var prop in source)
|
|
21
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
22
|
+
target[prop] = source[prop];
|
|
23
|
+
if (source != null && __getOwnPropSymbols)
|
|
24
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
25
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
26
|
+
target[prop] = source[prop];
|
|
27
|
+
}
|
|
28
|
+
return target;
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
// lib/components/button-group.tsx
|
|
32
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
33
|
+
import { cva } from "class-variance-authority";
|
|
34
|
+
|
|
35
|
+
// lib/utils/utils.ts
|
|
36
|
+
import { clsx } from "clsx";
|
|
37
|
+
import { twMerge } from "tailwind-merge";
|
|
38
|
+
function cn(...inputs) {
|
|
39
|
+
return twMerge(clsx(inputs));
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
// lib/components/separator.tsx
|
|
43
|
+
import * as SeparatorPrimitive from "@radix-ui/react-separator";
|
|
44
|
+
import { jsx } from "react/jsx-runtime";
|
|
45
|
+
function Separator(_a) {
|
|
46
|
+
var _b = _a, {
|
|
47
|
+
className,
|
|
48
|
+
orientation = "horizontal",
|
|
49
|
+
decorative = true
|
|
50
|
+
} = _b, props = __objRest(_b, [
|
|
51
|
+
"className",
|
|
52
|
+
"orientation",
|
|
53
|
+
"decorative"
|
|
54
|
+
]);
|
|
55
|
+
return /* @__PURE__ */ jsx(
|
|
56
|
+
SeparatorPrimitive.Root,
|
|
57
|
+
__spreadValues({
|
|
58
|
+
"data-slot": "separator",
|
|
59
|
+
decorative,
|
|
60
|
+
orientation,
|
|
61
|
+
className: cn(
|
|
62
|
+
"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
|
|
63
|
+
className
|
|
64
|
+
)
|
|
65
|
+
}, props)
|
|
66
|
+
);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
// lib/components/button-group.tsx
|
|
70
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
71
|
+
var buttonGroupVariants = cva(
|
|
72
|
+
"flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
|
|
73
|
+
{
|
|
74
|
+
variants: {
|
|
75
|
+
orientation: {
|
|
76
|
+
horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
|
|
77
|
+
vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
defaultVariants: {
|
|
81
|
+
orientation: "horizontal"
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
);
|
|
85
|
+
function ButtonGroup(_a) {
|
|
86
|
+
var _b = _a, {
|
|
87
|
+
className,
|
|
88
|
+
orientation
|
|
89
|
+
} = _b, props = __objRest(_b, [
|
|
90
|
+
"className",
|
|
91
|
+
"orientation"
|
|
92
|
+
]);
|
|
93
|
+
return /* @__PURE__ */ jsx2(
|
|
94
|
+
"div",
|
|
95
|
+
__spreadValues({
|
|
96
|
+
role: "group",
|
|
97
|
+
"data-slot": "button-group",
|
|
98
|
+
"data-orientation": orientation,
|
|
99
|
+
className: cn(buttonGroupVariants({ orientation }), className)
|
|
100
|
+
}, props)
|
|
101
|
+
);
|
|
102
|
+
}
|
|
103
|
+
function ButtonGroupText(_a) {
|
|
104
|
+
var _b = _a, {
|
|
105
|
+
className,
|
|
106
|
+
asChild = false
|
|
107
|
+
} = _b, props = __objRest(_b, [
|
|
108
|
+
"className",
|
|
109
|
+
"asChild"
|
|
110
|
+
]);
|
|
111
|
+
const Comp = asChild ? Slot : "div";
|
|
112
|
+
return /* @__PURE__ */ jsx2(
|
|
113
|
+
Comp,
|
|
114
|
+
__spreadValues({
|
|
115
|
+
className: cn(
|
|
116
|
+
"bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
|
|
117
|
+
className
|
|
118
|
+
)
|
|
119
|
+
}, props)
|
|
120
|
+
);
|
|
121
|
+
}
|
|
122
|
+
function ButtonGroupSeparator(_a) {
|
|
123
|
+
var _b = _a, {
|
|
124
|
+
className,
|
|
125
|
+
orientation = "vertical"
|
|
126
|
+
} = _b, props = __objRest(_b, [
|
|
127
|
+
"className",
|
|
128
|
+
"orientation"
|
|
129
|
+
]);
|
|
130
|
+
return /* @__PURE__ */ jsx2(
|
|
131
|
+
Separator,
|
|
132
|
+
__spreadValues({
|
|
133
|
+
"data-slot": "button-group-separator",
|
|
134
|
+
orientation,
|
|
135
|
+
className: cn(
|
|
136
|
+
"bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
|
|
137
|
+
className
|
|
138
|
+
)
|
|
139
|
+
}, props)
|
|
140
|
+
);
|
|
141
|
+
}
|
|
142
|
+
export {
|
|
143
|
+
ButtonGroup,
|
|
144
|
+
ButtonGroupSeparator,
|
|
145
|
+
ButtonGroupText,
|
|
146
|
+
buttonGroupVariants
|
|
147
|
+
};
|
|
148
|
+
//# sourceMappingURL=button-group.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../lib/components/button-group.tsx","../../lib/utils/utils.ts","../../lib/components/separator.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../utils/utils\"\nimport { Separator } from \"./separator\"\n\nconst buttonGroupVariants = cva(\n \"flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2\",\n {\n variants: {\n orientation: {\n horizontal:\n \"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none\",\n vertical:\n \"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\",\n },\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n }\n)\n\nfunction ButtonGroup({\n className,\n orientation,\n ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof buttonGroupVariants>) {\n return (\n <div\n role=\"group\"\n data-slot=\"button-group\"\n data-orientation={orientation}\n className={cn(buttonGroupVariants({ orientation }), className)}\n {...props}\n />\n )\n}\n\nfunction ButtonGroupText({\n className,\n asChild = false,\n ...props\n}: React.ComponentProps<\"div\"> & {\n asChild?: boolean\n}) {\n const Comp = asChild ? Slot : \"div\"\n\n return (\n <Comp\n className={cn(\n \"bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ButtonGroupSeparator({\n className,\n orientation = \"vertical\",\n ...props\n}: React.ComponentProps<typeof Separator>) {\n return (\n <Separator\n data-slot=\"button-group-separator\"\n orientation={orientation}\n className={cn(\n \"bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport {\n ButtonGroup,\n ButtonGroupSeparator,\n ButtonGroupText,\n buttonGroupVariants,\n}\n","import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}","\"use client\"\n\nimport * as React from \"react\"\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"../utils/utils\"\n\nfunction Separator({\n className,\n orientation = \"horizontal\",\n decorative = true,\n ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n return (\n <SeparatorPrimitive.Root\n data-slot=\"separator\"\n decorative={decorative}\n orientation={orientation}\n className={cn(\n \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Separator }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,YAAY;AACrB,SAAS,WAA8B;;;ACDvC,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ACFA,YAAY,wBAAwB;AAWhC;AAPJ,SAAS,UAAU,IAKsC;AALtC,eACjB;AAAA;AAAA,IACA,cAAc;AAAA,IACd,aAAa;AAAA,EAVf,IAOmB,IAId,kBAJc,IAId;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;;;AFII,gBAAAA,YAAA;AAvBJ,IAAM,sBAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,YACE;AAAA,QACF,UACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,aAAa;AAAA,IACf;AAAA,EACF;AACF;AAEA,SAAS,YAAY,IAIsD;AAJtD,eACnB;AAAA;AAAA,IACA;AAAA,EAzBF,IAuBqB,IAGhB,kBAHgB,IAGhB;AAAA,IAFH;AAAA,IACA;AAAA;AAGA,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB,WAAW,GAAG,oBAAoB,EAAE,YAAY,CAAC,GAAG,SAAS;AAAA,OACzD;AAAA,EACN;AAEJ;AAEA,SAAS,gBAAgB,IAMtB;AANsB,eACvB;AAAA;AAAA,IACA,UAAU;AAAA,EAzCZ,IAuCyB,IAGpB,kBAHoB,IAGpB;AAAA,IAFH;AAAA,IACA;AAAA;AAKA,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;AAEA,SAAS,qBAAqB,IAIa;AAJb,eAC5B;AAAA;AAAA,IACA,cAAc;AAAA,EA7DhB,IA2D8B,IAGzB,kBAHyB,IAGzB;AAAA,IAFH;AAAA,IACA;AAAA;AAGA,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;","names":["jsx"]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
|
+
|
|
6
|
+
declare const buttonVariants: (props?: ({
|
|
7
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
8
|
+
size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
|
|
9
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
10
|
+
declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
11
|
+
asChild?: boolean;
|
|
12
|
+
}): react_jsx_runtime.JSX.Element;
|
|
13
|
+
|
|
14
|
+
export { Button, buttonVariants };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
|
+
|
|
6
|
+
declare const buttonVariants: (props?: ({
|
|
7
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
8
|
+
size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
|
|
9
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
10
|
+
declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
11
|
+
asChild?: boolean;
|
|
12
|
+
}): react_jsx_runtime.JSX.Element;
|
|
13
|
+
|
|
14
|
+
export { Button, buttonVariants };
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
9
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
10
|
+
var __spreadValues = (a, b) => {
|
|
11
|
+
for (var prop in b || (b = {}))
|
|
12
|
+
if (__hasOwnProp.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
if (__getOwnPropSymbols)
|
|
15
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
16
|
+
if (__propIsEnum.call(b, prop))
|
|
17
|
+
__defNormalProp(a, prop, b[prop]);
|
|
18
|
+
}
|
|
19
|
+
return a;
|
|
20
|
+
};
|
|
21
|
+
var __objRest = (source, exclude) => {
|
|
22
|
+
var target = {};
|
|
23
|
+
for (var prop in source)
|
|
24
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
25
|
+
target[prop] = source[prop];
|
|
26
|
+
if (source != null && __getOwnPropSymbols)
|
|
27
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
28
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
29
|
+
target[prop] = source[prop];
|
|
30
|
+
}
|
|
31
|
+
return target;
|
|
32
|
+
};
|
|
33
|
+
var __export = (target, all) => {
|
|
34
|
+
for (var name in all)
|
|
35
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
36
|
+
};
|
|
37
|
+
var __copyProps = (to, from, except, desc) => {
|
|
38
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
39
|
+
for (let key of __getOwnPropNames(from))
|
|
40
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
41
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
42
|
+
}
|
|
43
|
+
return to;
|
|
44
|
+
};
|
|
45
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
46
|
+
|
|
47
|
+
// lib/components/button.tsx
|
|
48
|
+
var button_exports = {};
|
|
49
|
+
__export(button_exports, {
|
|
50
|
+
Button: () => Button,
|
|
51
|
+
buttonVariants: () => buttonVariants
|
|
52
|
+
});
|
|
53
|
+
module.exports = __toCommonJS(button_exports);
|
|
54
|
+
var import_react_slot = require("@radix-ui/react-slot");
|
|
55
|
+
var import_class_variance_authority = require("class-variance-authority");
|
|
56
|
+
|
|
57
|
+
// lib/utils/utils.ts
|
|
58
|
+
var import_clsx = require("clsx");
|
|
59
|
+
var import_tailwind_merge = require("tailwind-merge");
|
|
60
|
+
function cn(...inputs) {
|
|
61
|
+
return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
// lib/components/button.tsx
|
|
65
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
66
|
+
var buttonVariants = (0, import_class_variance_authority.cva)(
|
|
67
|
+
"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",
|
|
68
|
+
{
|
|
69
|
+
variants: {
|
|
70
|
+
variant: {
|
|
71
|
+
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
72
|
+
destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
73
|
+
outline: "border bg-background hover:bg-accent hover:text-accent-foreground dark:border-border dark:hover:bg-input/50",
|
|
74
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
75
|
+
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
76
|
+
link: "text-primary underline-offset-4 hover:underline"
|
|
77
|
+
},
|
|
78
|
+
size: {
|
|
79
|
+
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
80
|
+
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
81
|
+
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
82
|
+
icon: "size-9",
|
|
83
|
+
"icon-sm": "size-8",
|
|
84
|
+
"icon-lg": "size-10"
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
defaultVariants: {
|
|
88
|
+
variant: "default",
|
|
89
|
+
size: "default"
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
);
|
|
93
|
+
function Button(_a) {
|
|
94
|
+
var _b = _a, {
|
|
95
|
+
className,
|
|
96
|
+
variant,
|
|
97
|
+
size,
|
|
98
|
+
asChild = false
|
|
99
|
+
} = _b, props = __objRest(_b, [
|
|
100
|
+
"className",
|
|
101
|
+
"variant",
|
|
102
|
+
"size",
|
|
103
|
+
"asChild"
|
|
104
|
+
]);
|
|
105
|
+
const Comp = asChild ? import_react_slot.Slot : "button";
|
|
106
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
107
|
+
Comp,
|
|
108
|
+
__spreadValues({
|
|
109
|
+
"data-slot": "button",
|
|
110
|
+
className: cn(buttonVariants({ variant, size, className }))
|
|
111
|
+
}, props)
|
|
112
|
+
);
|
|
113
|
+
}
|
|
114
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
115
|
+
0 && (module.exports = {
|
|
116
|
+
Button,
|
|
117
|
+
buttonVariants
|
|
118
|
+
});
|
|
119
|
+
//# sourceMappingURL=button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../lib/components/button.tsx","../../lib/utils/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../utils/utils\"\n\nconst buttonVariants = cva(\n \"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\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n destructive:\n \"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n outline:\n \"border bg-background hover:bg-accent hover:text-accent-foreground dark:border-border dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n ghost:\n \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n \"icon-sm\": \"size-8\",\n \"icon-lg\": \"size-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant,\n size,\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean\n }) {\n const Comp = asChild ? Slot : \"button\"\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, className }))}\n {...props}\n />\n )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,wBAAqB;AACrB,sCAAuC;;;ACFvC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;AD8CI;AA7CJ,IAAM,qBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,SAAS,OAAO,IASX;AATW,eACd;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,EA1CZ,IAsCgB,IAKX,kBALW,IAKX;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAMA,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,OACtD;AAAA,EACN;AAEJ;","names":[]}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
6
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
7
|
+
var __spreadValues = (a, b) => {
|
|
8
|
+
for (var prop in b || (b = {}))
|
|
9
|
+
if (__hasOwnProp.call(b, prop))
|
|
10
|
+
__defNormalProp(a, prop, b[prop]);
|
|
11
|
+
if (__getOwnPropSymbols)
|
|
12
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
13
|
+
if (__propIsEnum.call(b, prop))
|
|
14
|
+
__defNormalProp(a, prop, b[prop]);
|
|
15
|
+
}
|
|
16
|
+
return a;
|
|
17
|
+
};
|
|
18
|
+
var __objRest = (source, exclude) => {
|
|
19
|
+
var target = {};
|
|
20
|
+
for (var prop in source)
|
|
21
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
22
|
+
target[prop] = source[prop];
|
|
23
|
+
if (source != null && __getOwnPropSymbols)
|
|
24
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
25
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
26
|
+
target[prop] = source[prop];
|
|
27
|
+
}
|
|
28
|
+
return target;
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
// lib/components/button.tsx
|
|
32
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
33
|
+
import { cva } from "class-variance-authority";
|
|
34
|
+
|
|
35
|
+
// lib/utils/utils.ts
|
|
36
|
+
import { clsx } from "clsx";
|
|
37
|
+
import { twMerge } from "tailwind-merge";
|
|
38
|
+
function cn(...inputs) {
|
|
39
|
+
return twMerge(clsx(inputs));
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
// lib/components/button.tsx
|
|
43
|
+
import { jsx } from "react/jsx-runtime";
|
|
44
|
+
var buttonVariants = cva(
|
|
45
|
+
"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",
|
|
46
|
+
{
|
|
47
|
+
variants: {
|
|
48
|
+
variant: {
|
|
49
|
+
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
50
|
+
destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
51
|
+
outline: "border bg-background hover:bg-accent hover:text-accent-foreground dark:border-border dark:hover:bg-input/50",
|
|
52
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
53
|
+
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
54
|
+
link: "text-primary underline-offset-4 hover:underline"
|
|
55
|
+
},
|
|
56
|
+
size: {
|
|
57
|
+
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
58
|
+
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
59
|
+
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
60
|
+
icon: "size-9",
|
|
61
|
+
"icon-sm": "size-8",
|
|
62
|
+
"icon-lg": "size-10"
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
defaultVariants: {
|
|
66
|
+
variant: "default",
|
|
67
|
+
size: "default"
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
);
|
|
71
|
+
function Button(_a) {
|
|
72
|
+
var _b = _a, {
|
|
73
|
+
className,
|
|
74
|
+
variant,
|
|
75
|
+
size,
|
|
76
|
+
asChild = false
|
|
77
|
+
} = _b, props = __objRest(_b, [
|
|
78
|
+
"className",
|
|
79
|
+
"variant",
|
|
80
|
+
"size",
|
|
81
|
+
"asChild"
|
|
82
|
+
]);
|
|
83
|
+
const Comp = asChild ? Slot : "button";
|
|
84
|
+
return /* @__PURE__ */ jsx(
|
|
85
|
+
Comp,
|
|
86
|
+
__spreadValues({
|
|
87
|
+
"data-slot": "button",
|
|
88
|
+
className: cn(buttonVariants({ variant, size, className }))
|
|
89
|
+
}, props)
|
|
90
|
+
);
|
|
91
|
+
}
|
|
92
|
+
export {
|
|
93
|
+
Button,
|
|
94
|
+
buttonVariants
|
|
95
|
+
};
|
|
96
|
+
//# sourceMappingURL=button.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../lib/components/button.tsx","../../lib/utils/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../utils/utils\"\n\nconst buttonVariants = cva(\n \"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\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n destructive:\n \"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n outline:\n \"border bg-background hover:bg-accent hover:text-accent-foreground dark:border-border dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n ghost:\n \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n \"icon-sm\": \"size-8\",\n \"icon-lg\": \"size-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant,\n size,\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean\n }) {\n const Comp = asChild ? Slot : \"button\"\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, className }))}\n {...props}\n />\n )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,YAAY;AACrB,SAAS,WAA8B;;;ACFvC,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;AD8CI;AA7CJ,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,SAAS,OAAO,IASX;AATW,eACd;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,EA1CZ,IAsCgB,IAKX,kBALW,IAKX;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAMA,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,OACtD;AAAA,EACN;AAEJ;","names":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { DayPicker, DayButton } from 'react-day-picker';
|
|
4
|
+
import { Button } from './button.mjs';
|
|
5
|
+
import 'class-variance-authority/types';
|
|
6
|
+
import 'class-variance-authority';
|
|
7
|
+
|
|
8
|
+
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
|
|
9
|
+
buttonVariant?: React.ComponentProps<typeof Button>["variant"];
|
|
10
|
+
}): react_jsx_runtime.JSX.Element;
|
|
11
|
+
declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): react_jsx_runtime.JSX.Element;
|
|
12
|
+
|
|
13
|
+
export { Calendar, CalendarDayButton };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { DayPicker, DayButton } from 'react-day-picker';
|
|
4
|
+
import { Button } from './button.js';
|
|
5
|
+
import 'class-variance-authority/types';
|
|
6
|
+
import 'class-variance-authority';
|
|
7
|
+
|
|
8
|
+
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
|
|
9
|
+
buttonVariant?: React.ComponentProps<typeof Button>["variant"];
|
|
10
|
+
}): react_jsx_runtime.JSX.Element;
|
|
11
|
+
declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): react_jsx_runtime.JSX.Element;
|
|
12
|
+
|
|
13
|
+
export { Calendar, CalendarDayButton };
|