@bearmenu/ui 0.1.0
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/dist/chunk-2CUFS5LF.js +80 -0
- package/dist/chunk-3GWWZKX7.js +33 -0
- package/dist/chunk-3VMDCCCX.js +10 -0
- package/dist/chunk-4AVS6CV4.js +89 -0
- package/dist/chunk-4JOV7FXW.js +17 -0
- package/dist/chunk-4KOMHDZD.js +89 -0
- package/dist/chunk-4UO73SKC.js +26 -0
- package/dist/chunk-7H54PTVH.js +116 -0
- package/dist/chunk-CW24PLDW.js +24 -0
- package/dist/chunk-EBAMCZDW.js +112 -0
- package/dist/chunk-ERMIA7NP.js +106 -0
- package/dist/chunk-ESO2EM3L.js +46 -0
- package/dist/chunk-EUHEIWHZ.js +32 -0
- package/dist/chunk-FEK5XGZW.js +8 -0
- package/dist/chunk-NKHH23YK.js +31 -0
- package/dist/chunk-R47NEOSI.js +78 -0
- package/dist/chunk-UXAYXRFN.js +69 -0
- package/dist/chunk-X6GATUI2.js +19 -0
- package/dist/components/accordion.d.ts +9 -0
- package/dist/components/accordion.js +53 -0
- package/dist/components/alert-dialog.d.ts +23 -0
- package/dist/components/alert-dialog.js +98 -0
- package/dist/components/alert.d.ts +11 -0
- package/dist/components/alert.js +52 -0
- package/dist/components/aspect-ratio.d.ts +6 -0
- package/dist/components/aspect-ratio.js +2 -0
- package/dist/components/avatar.d.ts +8 -0
- package/dist/components/avatar.js +47 -0
- package/dist/components/badge.d.ts +13 -0
- package/dist/components/badge.js +3 -0
- package/dist/components/breadcrumb.d.ts +14 -0
- package/dist/components/breadcrumb.js +96 -0
- package/dist/components/button.d.ts +16 -0
- package/dist/components/button.js +4 -0
- package/dist/components/calendar.d.ts +11 -0
- package/dist/components/calendar.js +56 -0
- package/dist/components/card.d.ts +13 -0
- package/dist/components/card.js +4 -0
- package/dist/components/carousel.d.ts +24 -0
- package/dist/components/carousel.js +198 -0
- package/dist/components/checkbox.d.ts +6 -0
- package/dist/components/checkbox.js +25 -0
- package/dist/components/collapsible.d.ts +8 -0
- package/dist/components/collapsible.js +26 -0
- package/dist/components/command.d.ts +84 -0
- package/dist/components/command.js +4 -0
- package/dist/components/currency-input.d.ts +17 -0
- package/dist/components/currency-input.js +121 -0
- package/dist/components/dialog.d.ts +22 -0
- package/dist/components/dialog.js +3 -0
- package/dist/components/drawer.d.ts +27 -0
- package/dist/components/drawer.js +85 -0
- package/dist/components/dropdown-menu.d.ts +28 -0
- package/dist/components/dropdown-menu.js +211 -0
- package/dist/components/empty-state.d.ts +22 -0
- package/dist/components/empty-state.js +81 -0
- package/dist/components/form.d.ts +28 -0
- package/dist/components/form.js +97 -0
- package/dist/components/haptic-button.d.ts +12 -0
- package/dist/components/haptic-button.js +17 -0
- package/dist/components/input-otp.d.ts +14 -0
- package/dist/components/input-otp.js +62 -0
- package/dist/components/input.d.ts +6 -0
- package/dist/components/input.js +3 -0
- package/dist/components/label.d.ts +8 -0
- package/dist/components/label.js +3 -0
- package/dist/components/lazy-markdown.d.ts +11 -0
- package/dist/components/lazy-markdown.js +13 -0
- package/dist/components/link-button.d.ts +30 -0
- package/dist/components/link-button.js +17 -0
- package/dist/components/markdown-renderer.d.ts +11 -0
- package/dist/components/markdown-renderer.js +10 -0
- package/dist/components/multi-select-combobox.d.ts +23 -0
- package/dist/components/multi-select-combobox.js +114 -0
- package/dist/components/pagination.d.ts +18 -0
- package/dist/components/pagination.js +101 -0
- package/dist/components/popover.d.ts +8 -0
- package/dist/components/popover.js +3 -0
- package/dist/components/progress.d.ts +6 -0
- package/dist/components/progress.js +30 -0
- package/dist/components/radio-group.d.ts +7 -0
- package/dist/components/radio-group.js +30 -0
- package/dist/components/rating.d.ts +15 -0
- package/dist/components/rating.js +120 -0
- package/dist/components/scroll-area.d.ts +7 -0
- package/dist/components/scroll-area.js +44 -0
- package/dist/components/search-bar.d.ts +17 -0
- package/dist/components/search-bar.js +92 -0
- package/dist/components/searchable-select.d.ts +22 -0
- package/dist/components/searchable-select.js +104 -0
- package/dist/components/select.d.ts +15 -0
- package/dist/components/select.js +129 -0
- package/dist/components/separator.d.ts +6 -0
- package/dist/components/separator.js +25 -0
- package/dist/components/sheet.d.ts +29 -0
- package/dist/components/sheet.js +96 -0
- package/dist/components/skeleton-card.d.ts +13 -0
- package/dist/components/skeleton-card.js +154 -0
- package/dist/components/skeleton.d.ts +6 -0
- package/dist/components/skeleton.js +3 -0
- package/dist/components/slider.d.ts +6 -0
- package/dist/components/slider.js +24 -0
- package/dist/components/sliding-panels.d.ts +19 -0
- package/dist/components/sliding-panels.js +75 -0
- package/dist/components/sonner.d.ts +6 -0
- package/dist/components/sonner.js +23 -0
- package/dist/components/sticky-container.d.ts +44 -0
- package/dist/components/sticky-container.js +39 -0
- package/dist/components/switch.d.ts +6 -0
- package/dist/components/switch.js +31 -0
- package/dist/components/table.d.ts +12 -0
- package/dist/components/table.js +81 -0
- package/dist/components/tabs.d.ts +12 -0
- package/dist/components/tabs.js +55 -0
- package/dist/components/text.d.ts +31 -0
- package/dist/components/text.js +3 -0
- package/dist/components/textarea.d.ts +6 -0
- package/dist/components/textarea.js +23 -0
- package/dist/components/toast.d.ts +18 -0
- package/dist/components/toast.js +3 -0
- package/dist/components/toaster.d.ts +5 -0
- package/dist/components/toaster.js +25 -0
- package/dist/components/toggle-group.d.ts +12 -0
- package/dist/components/toggle-group.js +72 -0
- package/dist/components/toggle.d.ts +13 -0
- package/dist/components/toggle.js +3 -0
- package/dist/components/tooltip.d.ts +9 -0
- package/dist/components/tooltip.js +26 -0
- package/dist/components/use-mobile.d.ts +3 -0
- package/dist/components/use-mobile.js +19 -0
- package/dist/components/use-toast.d.ts +42 -0
- package/dist/components/use-toast.js +2 -0
- package/dist/hooks/use-haptic.d.ts +22 -0
- package/dist/hooks/use-haptic.js +2 -0
- package/dist/hooks/use-mobile.d.ts +3 -0
- package/dist/hooks/use-mobile.js +19 -0
- package/dist/hooks/use-mounted-theme.d.ts +6 -0
- package/dist/hooks/use-mounted-theme.js +18 -0
- package/dist/hooks/use-sticky.d.ts +18 -0
- package/dist/hooks/use-sticky.js +2 -0
- package/dist/lib/utils.d.ts +5 -0
- package/dist/lib/utils.js +2 -0
- package/package.json +203 -0
- package/src/components/accordion.tsx +57 -0
- package/src/components/alert-dialog.tsx +116 -0
- package/src/components/alert.tsx +57 -0
- package/src/components/aspect-ratio.tsx +9 -0
- package/src/components/avatar.tsx +49 -0
- package/src/components/badge.tsx +38 -0
- package/src/components/breadcrumb.tsx +102 -0
- package/src/components/button.tsx +94 -0
- package/src/components/calendar.tsx +60 -0
- package/src/components/card.tsx +67 -0
- package/src/components/carousel.tsx +230 -0
- package/src/components/checkbox.tsx +27 -0
- package/src/components/collapsible.tsx +28 -0
- package/src/components/command.tsx +148 -0
- package/src/components/currency-input.tsx +158 -0
- package/src/components/dialog.tsx +103 -0
- package/src/components/drawer.tsx +99 -0
- package/src/components/dropdown-menu.tsx +228 -0
- package/src/components/empty-state.tsx +118 -0
- package/src/components/form.tsx +152 -0
- package/src/components/haptic-button.tsx +19 -0
- package/src/components/input-otp.tsx +70 -0
- package/src/components/input.tsx +23 -0
- package/src/components/label.tsx +20 -0
- package/src/components/lazy-markdown.tsx +20 -0
- package/src/components/link-button.tsx +40 -0
- package/src/components/markdown-renderer.tsx +20 -0
- package/src/components/multi-select-combobox.tsx +148 -0
- package/src/components/pagination.tsx +106 -0
- package/src/components/popover.tsx +30 -0
- package/src/components/progress.tsx +27 -0
- package/src/components/radio-group.tsx +37 -0
- package/src/components/rating.tsx +136 -0
- package/src/components/scroll-area.tsx +45 -0
- package/src/components/search-bar.tsx +113 -0
- package/src/components/searchable-select.tsx +134 -0
- package/src/components/select.tsx +152 -0
- package/src/components/separator.tsx +25 -0
- package/src/components/sheet.tsx +121 -0
- package/src/components/skeleton-card.tsx +282 -0
- package/src/components/skeleton.tsx +17 -0
- package/src/components/slider.tsx +24 -0
- package/src/components/sliding-panels.tsx +99 -0
- package/src/components/sonner.tsx +25 -0
- package/src/components/sticky-container.tsx +88 -0
- package/src/components/switch.tsx +28 -0
- package/src/components/table.tsx +90 -0
- package/src/components/tabs.tsx +72 -0
- package/src/components/text.test.tsx +192 -0
- package/src/components/text.tsx +114 -0
- package/src/components/textarea.tsx +22 -0
- package/src/components/toast.tsx +129 -0
- package/src/components/toaster.tsx +31 -0
- package/src/components/toggle-group.tsx +69 -0
- package/src/components/toggle.tsx +46 -0
- package/src/components/tooltip.tsx +29 -0
- package/src/components/use-mobile.tsx +19 -0
- package/src/components/use-toast.ts +180 -0
- package/src/globals.css +409 -0
- package/src/hooks/use-haptic.ts +118 -0
- package/src/hooks/use-mobile.ts +19 -0
- package/src/hooks/use-mounted-theme.ts +20 -0
- package/src/hooks/use-sticky.ts +47 -0
- package/src/lib/utils.ts +6 -0
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
3
|
+
|
|
4
|
+
declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
5
|
+
declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
|
|
6
|
+
declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
7
|
+
|
|
8
|
+
export { Avatar, AvatarFallback, AvatarImage };
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { cn } from '../chunk-FEK5XGZW.js';
|
|
2
|
+
import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
5
|
+
import { jsx } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
var Avatar = React.forwardRef((_a, ref) => {
|
|
8
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
9
|
+
return /* @__PURE__ */ jsx(
|
|
10
|
+
AvatarPrimitive.Root,
|
|
11
|
+
__spreadValues({
|
|
12
|
+
ref,
|
|
13
|
+
className: cn(
|
|
14
|
+
"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full border border-border/50 shadow-lg backdrop-blur-md bg-card/50 transition-all duration-300 hover:shadow-xl hover:shadow-black/20 hover:border-accent/30",
|
|
15
|
+
className
|
|
16
|
+
)
|
|
17
|
+
}, props)
|
|
18
|
+
);
|
|
19
|
+
});
|
|
20
|
+
Avatar.displayName = AvatarPrimitive.Root.displayName;
|
|
21
|
+
var AvatarImage = React.forwardRef((_a, ref) => {
|
|
22
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
23
|
+
return /* @__PURE__ */ jsx(
|
|
24
|
+
AvatarPrimitive.Image,
|
|
25
|
+
__spreadValues({
|
|
26
|
+
ref,
|
|
27
|
+
className: cn("aspect-square h-full w-full object-cover", className)
|
|
28
|
+
}, props)
|
|
29
|
+
);
|
|
30
|
+
});
|
|
31
|
+
AvatarImage.displayName = AvatarPrimitive.Image.displayName;
|
|
32
|
+
var AvatarFallback = React.forwardRef((_a, ref) => {
|
|
33
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
34
|
+
return /* @__PURE__ */ jsx(
|
|
35
|
+
AvatarPrimitive.Fallback,
|
|
36
|
+
__spreadValues({
|
|
37
|
+
ref,
|
|
38
|
+
className: cn(
|
|
39
|
+
"flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm font-medium backdrop-blur-md",
|
|
40
|
+
className
|
|
41
|
+
)
|
|
42
|
+
}, props)
|
|
43
|
+
);
|
|
44
|
+
});
|
|
45
|
+
AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
|
|
46
|
+
|
|
47
|
+
export { Avatar, AvatarFallback, AvatarImage };
|
|
@@ -0,0 +1,13 @@
|
|
|
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 badgeVariants: (props?: ({
|
|
7
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "glass" | "success" | "warning" | "overlay" | null | undefined;
|
|
8
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
|
+
interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
10
|
+
}
|
|
11
|
+
declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
12
|
+
|
|
13
|
+
export { Badge, type BadgeProps, badgeVariants };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
|
|
4
|
+
declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
|
|
5
|
+
declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
|
|
6
|
+
declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
7
|
+
declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
|
|
8
|
+
asChild?: boolean;
|
|
9
|
+
}): react_jsx_runtime.JSX.Element;
|
|
10
|
+
declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
11
|
+
declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
12
|
+
declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
13
|
+
|
|
14
|
+
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import { cn } from '../chunk-FEK5XGZW.js';
|
|
2
|
+
import { __objRest, __spreadValues, __spreadProps } from '../chunk-3GWWZKX7.js';
|
|
3
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
4
|
+
import { ChevronRight, MoreHorizontal } from 'lucide-react';
|
|
5
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
function Breadcrumb(_a) {
|
|
8
|
+
var props = __objRest(_a, []);
|
|
9
|
+
return /* @__PURE__ */ jsx("nav", __spreadValues({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
|
|
10
|
+
}
|
|
11
|
+
function BreadcrumbList(_a) {
|
|
12
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
13
|
+
return /* @__PURE__ */ jsx(
|
|
14
|
+
"ol",
|
|
15
|
+
__spreadValues({
|
|
16
|
+
"data-slot": "breadcrumb-list",
|
|
17
|
+
className: cn(
|
|
18
|
+
"text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
|
|
19
|
+
className
|
|
20
|
+
)
|
|
21
|
+
}, props)
|
|
22
|
+
);
|
|
23
|
+
}
|
|
24
|
+
function BreadcrumbItem(_a) {
|
|
25
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
26
|
+
return /* @__PURE__ */ jsx(
|
|
27
|
+
"li",
|
|
28
|
+
__spreadValues({
|
|
29
|
+
"data-slot": "breadcrumb-item",
|
|
30
|
+
className: cn("inline-flex items-center gap-1.5", className)
|
|
31
|
+
}, props)
|
|
32
|
+
);
|
|
33
|
+
}
|
|
34
|
+
function BreadcrumbLink(_a) {
|
|
35
|
+
var _b = _a, {
|
|
36
|
+
asChild,
|
|
37
|
+
className
|
|
38
|
+
} = _b, props = __objRest(_b, [
|
|
39
|
+
"asChild",
|
|
40
|
+
"className"
|
|
41
|
+
]);
|
|
42
|
+
const Comp = asChild ? Slot : "a";
|
|
43
|
+
return /* @__PURE__ */ jsx(
|
|
44
|
+
Comp,
|
|
45
|
+
__spreadValues({
|
|
46
|
+
"data-slot": "breadcrumb-link",
|
|
47
|
+
className: cn("hover:text-foreground transition-colors", className)
|
|
48
|
+
}, props)
|
|
49
|
+
);
|
|
50
|
+
}
|
|
51
|
+
function BreadcrumbPage(_a) {
|
|
52
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
53
|
+
return /* @__PURE__ */ jsx(
|
|
54
|
+
"span",
|
|
55
|
+
__spreadValues({
|
|
56
|
+
"data-slot": "breadcrumb-page",
|
|
57
|
+
role: "link",
|
|
58
|
+
"aria-disabled": "true",
|
|
59
|
+
"aria-current": "page",
|
|
60
|
+
className: cn("text-foreground font-normal", className)
|
|
61
|
+
}, props)
|
|
62
|
+
);
|
|
63
|
+
}
|
|
64
|
+
function BreadcrumbSeparator(_a) {
|
|
65
|
+
var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
|
|
66
|
+
return /* @__PURE__ */ jsx(
|
|
67
|
+
"li",
|
|
68
|
+
__spreadProps(__spreadValues({
|
|
69
|
+
"data-slot": "breadcrumb-separator",
|
|
70
|
+
role: "presentation",
|
|
71
|
+
"aria-hidden": "true",
|
|
72
|
+
className: cn("[&>svg]:size-3.5", className)
|
|
73
|
+
}, props), {
|
|
74
|
+
children: children != null ? children : /* @__PURE__ */ jsx(ChevronRight, {})
|
|
75
|
+
})
|
|
76
|
+
);
|
|
77
|
+
}
|
|
78
|
+
function BreadcrumbEllipsis(_a) {
|
|
79
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
80
|
+
return /* @__PURE__ */ jsxs(
|
|
81
|
+
"span",
|
|
82
|
+
__spreadProps(__spreadValues({
|
|
83
|
+
"data-slot": "breadcrumb-ellipsis",
|
|
84
|
+
role: "presentation",
|
|
85
|
+
"aria-hidden": "true",
|
|
86
|
+
className: cn("flex size-9 items-center justify-center", className)
|
|
87
|
+
}, props), {
|
|
88
|
+
children: [
|
|
89
|
+
/* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }),
|
|
90
|
+
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
|
|
91
|
+
]
|
|
92
|
+
})
|
|
93
|
+
);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
|
|
5
|
+
declare const buttonVariants: (props?: ({
|
|
6
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "glass" | "brown" | "antagonist" | null | undefined;
|
|
7
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
8
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
|
+
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
10
|
+
asChild?: boolean;
|
|
11
|
+
haptic?: boolean;
|
|
12
|
+
hapticStyle?: "light" | "medium" | "heavy";
|
|
13
|
+
}
|
|
14
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
15
|
+
|
|
16
|
+
export { Button, type ButtonProps, buttonVariants };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { DayPicker } from 'react-day-picker';
|
|
4
|
+
|
|
5
|
+
type CalendarProps = React.ComponentProps<typeof DayPicker>;
|
|
6
|
+
declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
|
|
7
|
+
declare namespace Calendar {
|
|
8
|
+
var displayName: string;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export { Calendar, type CalendarProps };
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { buttonVariants } from '../chunk-2CUFS5LF.js';
|
|
2
|
+
import '../chunk-R47NEOSI.js';
|
|
3
|
+
import { cn } from '../chunk-FEK5XGZW.js';
|
|
4
|
+
import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
|
|
5
|
+
import { ChevronLeft, ChevronRight } from 'lucide-react';
|
|
6
|
+
import { DayPicker } from 'react-day-picker';
|
|
7
|
+
import { jsx } from 'react/jsx-runtime';
|
|
8
|
+
|
|
9
|
+
function Calendar(_a) {
|
|
10
|
+
var _b = _a, { className, classNames, showOutsideDays = true } = _b, props = __objRest(_b, ["className", "classNames", "showOutsideDays"]);
|
|
11
|
+
return /* @__PURE__ */ jsx(
|
|
12
|
+
DayPicker,
|
|
13
|
+
__spreadValues({
|
|
14
|
+
showOutsideDays,
|
|
15
|
+
className: cn("p-3", className),
|
|
16
|
+
classNames: __spreadValues({
|
|
17
|
+
months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
|
|
18
|
+
month: "space-y-4",
|
|
19
|
+
caption: "flex justify-center pt-1 relative items-center",
|
|
20
|
+
caption_label: "text-sm font-medium",
|
|
21
|
+
nav: "space-x-1 flex items-center",
|
|
22
|
+
nav_button: cn(
|
|
23
|
+
buttonVariants({ variant: "outline" }),
|
|
24
|
+
"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 glass-hover"
|
|
25
|
+
),
|
|
26
|
+
nav_button_previous: "absolute left-1",
|
|
27
|
+
nav_button_next: "absolute right-1",
|
|
28
|
+
table: "w-full border-collapse space-y-1",
|
|
29
|
+
head_row: "flex",
|
|
30
|
+
head_cell: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
|
|
31
|
+
row: "flex w-full mt-2",
|
|
32
|
+
cell: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
|
|
33
|
+
day: cn(
|
|
34
|
+
buttonVariants({ variant: "ghost" }),
|
|
35
|
+
"h-9 w-9 p-0 font-normal aria-selected:opacity-100 glass-hover"
|
|
36
|
+
),
|
|
37
|
+
day_range_end: "day-range-end",
|
|
38
|
+
day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground glass-glow",
|
|
39
|
+
day_today: "bg-accent text-accent-foreground",
|
|
40
|
+
day_outside: "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
|
|
41
|
+
day_disabled: "text-muted-foreground opacity-50",
|
|
42
|
+
day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
|
|
43
|
+
day_hidden: "invisible"
|
|
44
|
+
}, classNames),
|
|
45
|
+
components: {
|
|
46
|
+
Chevron: (props2) => {
|
|
47
|
+
if (props2.orientation === "left") return /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" });
|
|
48
|
+
return /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" });
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}, props)
|
|
52
|
+
);
|
|
53
|
+
}
|
|
54
|
+
Calendar.displayName = "Calendar";
|
|
55
|
+
|
|
56
|
+
export { Calendar };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
type CardVariant = "glass" | "surface";
|
|
4
|
+
declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
5
|
+
variant?: CardVariant;
|
|
6
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
|
|
13
|
+
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
4
|
+
import { Button } from './button.js';
|
|
5
|
+
import 'class-variance-authority/types';
|
|
6
|
+
import 'class-variance-authority';
|
|
7
|
+
|
|
8
|
+
type CarouselApi = UseEmblaCarouselType[1];
|
|
9
|
+
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
10
|
+
type CarouselOptions = UseCarouselParameters[0];
|
|
11
|
+
type CarouselPlugin = UseCarouselParameters[1];
|
|
12
|
+
type CarouselProps = {
|
|
13
|
+
opts?: CarouselOptions;
|
|
14
|
+
plugins?: CarouselPlugin;
|
|
15
|
+
orientation?: "horizontal" | "vertical";
|
|
16
|
+
setApi?: (api: CarouselApi) => void;
|
|
17
|
+
};
|
|
18
|
+
declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): react_jsx_runtime.JSX.Element;
|
|
19
|
+
declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
20
|
+
declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
21
|
+
declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
|
|
22
|
+
declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
|
|
23
|
+
|
|
24
|
+
export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
|
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
import { Button } from '../chunk-2CUFS5LF.js';
|
|
2
|
+
import '../chunk-R47NEOSI.js';
|
|
3
|
+
import { cn } from '../chunk-FEK5XGZW.js';
|
|
4
|
+
import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
import useEmblaCarousel from 'embla-carousel-react';
|
|
7
|
+
import { ArrowLeft, ArrowRight } from 'lucide-react';
|
|
8
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
9
|
+
|
|
10
|
+
var CarouselContext = React.createContext(null);
|
|
11
|
+
function useCarousel() {
|
|
12
|
+
const context = React.useContext(CarouselContext);
|
|
13
|
+
if (!context) {
|
|
14
|
+
throw new Error("useCarousel must be used within a <Carousel />");
|
|
15
|
+
}
|
|
16
|
+
return context;
|
|
17
|
+
}
|
|
18
|
+
function Carousel(_a) {
|
|
19
|
+
var _b = _a, {
|
|
20
|
+
orientation = "horizontal",
|
|
21
|
+
opts,
|
|
22
|
+
setApi,
|
|
23
|
+
plugins,
|
|
24
|
+
className,
|
|
25
|
+
children
|
|
26
|
+
} = _b, props = __objRest(_b, [
|
|
27
|
+
"orientation",
|
|
28
|
+
"opts",
|
|
29
|
+
"setApi",
|
|
30
|
+
"plugins",
|
|
31
|
+
"className",
|
|
32
|
+
"children"
|
|
33
|
+
]);
|
|
34
|
+
const [carouselRef, api] = useEmblaCarousel(
|
|
35
|
+
__spreadProps(__spreadValues({}, opts), {
|
|
36
|
+
axis: orientation === "horizontal" ? "x" : "y"
|
|
37
|
+
}),
|
|
38
|
+
plugins
|
|
39
|
+
);
|
|
40
|
+
const [canScrollPrev, setCanScrollPrev] = React.useState(false);
|
|
41
|
+
const [canScrollNext, setCanScrollNext] = React.useState(false);
|
|
42
|
+
const onSelect = React.useCallback((api2) => {
|
|
43
|
+
if (!api2) return;
|
|
44
|
+
setCanScrollPrev(api2.canScrollPrev());
|
|
45
|
+
setCanScrollNext(api2.canScrollNext());
|
|
46
|
+
}, []);
|
|
47
|
+
const scrollPrev = React.useCallback(() => {
|
|
48
|
+
api == null ? void 0 : api.scrollPrev();
|
|
49
|
+
}, [api]);
|
|
50
|
+
const scrollNext = React.useCallback(() => {
|
|
51
|
+
api == null ? void 0 : api.scrollNext();
|
|
52
|
+
}, [api]);
|
|
53
|
+
const handleKeyDown = React.useCallback(
|
|
54
|
+
(event) => {
|
|
55
|
+
if (event.key === "ArrowLeft") {
|
|
56
|
+
event.preventDefault();
|
|
57
|
+
scrollPrev();
|
|
58
|
+
} else if (event.key === "ArrowRight") {
|
|
59
|
+
event.preventDefault();
|
|
60
|
+
scrollNext();
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
[scrollPrev, scrollNext]
|
|
64
|
+
);
|
|
65
|
+
React.useEffect(() => {
|
|
66
|
+
if (!api || !setApi) return;
|
|
67
|
+
setApi(api);
|
|
68
|
+
}, [api, setApi]);
|
|
69
|
+
React.useEffect(() => {
|
|
70
|
+
if (!api) return;
|
|
71
|
+
onSelect(api);
|
|
72
|
+
api.on("reInit", onSelect);
|
|
73
|
+
api.on("select", onSelect);
|
|
74
|
+
return () => {
|
|
75
|
+
api == null ? void 0 : api.off("select", onSelect);
|
|
76
|
+
};
|
|
77
|
+
}, [api, onSelect]);
|
|
78
|
+
return /* @__PURE__ */ jsx(
|
|
79
|
+
CarouselContext.Provider,
|
|
80
|
+
{
|
|
81
|
+
value: {
|
|
82
|
+
carouselRef,
|
|
83
|
+
api,
|
|
84
|
+
opts,
|
|
85
|
+
orientation: orientation || ((opts == null ? void 0 : opts.axis) === "y" ? "vertical" : "horizontal"),
|
|
86
|
+
scrollPrev,
|
|
87
|
+
scrollNext,
|
|
88
|
+
canScrollPrev,
|
|
89
|
+
canScrollNext
|
|
90
|
+
},
|
|
91
|
+
children: /* @__PURE__ */ jsx(
|
|
92
|
+
"div",
|
|
93
|
+
__spreadProps(__spreadValues({
|
|
94
|
+
onKeyDownCapture: handleKeyDown,
|
|
95
|
+
className: cn("relative", className),
|
|
96
|
+
role: "region",
|
|
97
|
+
"aria-roledescription": "carousel",
|
|
98
|
+
"data-slot": "carousel"
|
|
99
|
+
}, props), {
|
|
100
|
+
children
|
|
101
|
+
})
|
|
102
|
+
)
|
|
103
|
+
}
|
|
104
|
+
);
|
|
105
|
+
}
|
|
106
|
+
function CarouselContent(_a) {
|
|
107
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
108
|
+
const { carouselRef, orientation } = useCarousel();
|
|
109
|
+
return /* @__PURE__ */ jsx("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-content", children: /* @__PURE__ */ jsx(
|
|
110
|
+
"div",
|
|
111
|
+
__spreadValues({
|
|
112
|
+
className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className)
|
|
113
|
+
}, props)
|
|
114
|
+
) });
|
|
115
|
+
}
|
|
116
|
+
function CarouselItem(_a) {
|
|
117
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
118
|
+
const { orientation } = useCarousel();
|
|
119
|
+
return /* @__PURE__ */ jsx(
|
|
120
|
+
"div",
|
|
121
|
+
__spreadValues({
|
|
122
|
+
role: "group",
|
|
123
|
+
"aria-roledescription": "slide",
|
|
124
|
+
"data-slot": "carousel-item",
|
|
125
|
+
className: cn(
|
|
126
|
+
"min-w-0 shrink-0 grow-0 basis-full",
|
|
127
|
+
orientation === "horizontal" ? "pl-4" : "pt-4",
|
|
128
|
+
className
|
|
129
|
+
)
|
|
130
|
+
}, props)
|
|
131
|
+
);
|
|
132
|
+
}
|
|
133
|
+
function CarouselPrevious(_a) {
|
|
134
|
+
var _b = _a, {
|
|
135
|
+
className,
|
|
136
|
+
variant = "outline",
|
|
137
|
+
size = "icon"
|
|
138
|
+
} = _b, props = __objRest(_b, [
|
|
139
|
+
"className",
|
|
140
|
+
"variant",
|
|
141
|
+
"size"
|
|
142
|
+
]);
|
|
143
|
+
const { orientation, scrollPrev, canScrollPrev } = useCarousel();
|
|
144
|
+
return /* @__PURE__ */ jsxs(
|
|
145
|
+
Button,
|
|
146
|
+
__spreadProps(__spreadValues({
|
|
147
|
+
"data-slot": "carousel-previous",
|
|
148
|
+
variant,
|
|
149
|
+
size,
|
|
150
|
+
className: cn(
|
|
151
|
+
"absolute size-8 rounded-full",
|
|
152
|
+
orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
153
|
+
className
|
|
154
|
+
),
|
|
155
|
+
disabled: !canScrollPrev,
|
|
156
|
+
onClick: scrollPrev
|
|
157
|
+
}, props), {
|
|
158
|
+
children: [
|
|
159
|
+
/* @__PURE__ */ jsx(ArrowLeft, {}),
|
|
160
|
+
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous slide" })
|
|
161
|
+
]
|
|
162
|
+
})
|
|
163
|
+
);
|
|
164
|
+
}
|
|
165
|
+
function CarouselNext(_a) {
|
|
166
|
+
var _b = _a, {
|
|
167
|
+
className,
|
|
168
|
+
variant = "outline",
|
|
169
|
+
size = "icon"
|
|
170
|
+
} = _b, props = __objRest(_b, [
|
|
171
|
+
"className",
|
|
172
|
+
"variant",
|
|
173
|
+
"size"
|
|
174
|
+
]);
|
|
175
|
+
const { orientation, scrollNext, canScrollNext } = useCarousel();
|
|
176
|
+
return /* @__PURE__ */ jsxs(
|
|
177
|
+
Button,
|
|
178
|
+
__spreadProps(__spreadValues({
|
|
179
|
+
"data-slot": "carousel-next",
|
|
180
|
+
variant,
|
|
181
|
+
size,
|
|
182
|
+
className: cn(
|
|
183
|
+
"absolute size-8 rounded-full",
|
|
184
|
+
orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
185
|
+
className
|
|
186
|
+
),
|
|
187
|
+
disabled: !canScrollNext,
|
|
188
|
+
onClick: scrollNext
|
|
189
|
+
}, props), {
|
|
190
|
+
children: [
|
|
191
|
+
/* @__PURE__ */ jsx(ArrowRight, {}),
|
|
192
|
+
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next slide" })
|
|
193
|
+
]
|
|
194
|
+
})
|
|
195
|
+
);
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
3
|
+
|
|
4
|
+
declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
|
|
6
|
+
export { Checkbox };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { cn } from '../chunk-FEK5XGZW.js';
|
|
2
|
+
import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
5
|
+
import { Check } from 'lucide-react';
|
|
6
|
+
import { jsx } from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
var Checkbox = React.forwardRef((_a, ref) => {
|
|
9
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
10
|
+
return /* @__PURE__ */ jsx(
|
|
11
|
+
CheckboxPrimitive.Root,
|
|
12
|
+
__spreadProps(__spreadValues({
|
|
13
|
+
ref,
|
|
14
|
+
className: cn(
|
|
15
|
+
"peer h-5 w-5 shrink-0 rounded-md border border-border glass transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary data-[state=checked]:shadow-lg data-[state=checked]:shadow-primary/20 hover:border-accent/50 hover:shadow-md",
|
|
16
|
+
className
|
|
17
|
+
)
|
|
18
|
+
}, props), {
|
|
19
|
+
children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 animate-in zoom-in-50 duration-200" }) })
|
|
20
|
+
})
|
|
21
|
+
);
|
|
22
|
+
});
|
|
23
|
+
Checkbox.displayName = CheckboxPrimitive.Root.displayName;
|
|
24
|
+
|
|
25
|
+
export { Checkbox };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
3
|
+
|
|
4
|
+
declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
|
|
8
|
+
export { Collapsible, CollapsibleContent, CollapsibleTrigger };
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { cn } from '../chunk-FEK5XGZW.js';
|
|
2
|
+
import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
5
|
+
import { jsx } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
var Collapsible = CollapsiblePrimitive.Root;
|
|
8
|
+
var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
|
|
9
|
+
var CollapsibleContent2 = React.forwardRef((_a, ref) => {
|
|
10
|
+
var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
|
|
11
|
+
return /* @__PURE__ */ jsx(
|
|
12
|
+
CollapsiblePrimitive.CollapsibleContent,
|
|
13
|
+
__spreadProps(__spreadValues({
|
|
14
|
+
ref,
|
|
15
|
+
className: cn(
|
|
16
|
+
"transition-all data-[state=closed]:overflow-hidden data-[state=open]:overflow-visible data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
|
|
17
|
+
className
|
|
18
|
+
)
|
|
19
|
+
}, props), {
|
|
20
|
+
children
|
|
21
|
+
})
|
|
22
|
+
);
|
|
23
|
+
});
|
|
24
|
+
CollapsibleContent2.displayName = CollapsiblePrimitive.CollapsibleContent.displayName;
|
|
25
|
+
|
|
26
|
+
export { Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger };
|