@esmate/shadcn 3.0.0 → 3.0.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 +5 -5
- package/dist/components/ui/accordion.d.ts +7 -0
- package/dist/components/ui/accordion.js +39 -0
- package/dist/components/ui/alert-dialog.d.ts +14 -0
- package/dist/components/ui/alert-dialog.js +80 -0
- package/dist/components/ui/alert.d.ts +9 -0
- package/dist/components/ui/alert.js +39 -0
- package/dist/components/ui/aspect-ratio.d.ts +3 -0
- package/dist/components/ui/aspect-ratio.js +9 -0
- package/dist/components/ui/avatar.d.ts +6 -0
- package/dist/components/ui/avatar.js +26 -0
- package/dist/components/ui/badge.d.ts +9 -0
- package/dist/components/ui/badge.js +28 -0
- package/dist/components/ui/breadcrumb.d.ts +11 -0
- package/dist/components/ui/breadcrumb.js +66 -0
- package/dist/components/ui/button.d.ts +10 -0
- package/dist/components/ui/button.js +39 -0
- package/dist/components/ui/calendar.d.ts +8 -0
- package/dist/components/ui/calendar.js +103 -0
- package/dist/components/ui/card.d.ts +9 -0
- package/dist/components/ui/card.js +52 -0
- package/dist/components/ui/carousel.d.ts +19 -0
- package/dist/components/ui/carousel.js +135 -0
- package/dist/components/ui/chart.d.ts +40 -0
- package/dist/components/ui/chart.js +138 -0
- package/dist/components/ui/checkbox.d.ts +4 -0
- package/dist/components/ui/checkbox.js +18 -0
- package/dist/components/ui/collapsible.d.ts +5 -0
- package/dist/components/ui/collapsible.js +21 -0
- package/dist/components/ui/command.d.ts +18 -0
- package/dist/components/ui/command.js +78 -0
- package/dist/components/ui/context-menu.d.ts +25 -0
- package/dist/components/ui/context-menu.js +120 -0
- package/dist/components/ui/dialog.d.ts +15 -0
- package/dist/components/ui/dialog.js +79 -0
- package/dist/components/ui/drawer.d.ts +13 -0
- package/dist/components/ui/drawer.js +75 -0
- package/dist/components/ui/dropdown-menu.d.ts +25 -0
- package/dist/components/ui/dropdown-menu.js +121 -0
- package/dist/components/ui/form.d.ts +24 -0
- package/dist/components/ui/form.js +86 -0
- package/dist/components/ui/hover-card.d.ts +6 -0
- package/dist/components/ui/hover-card.js +28 -0
- package/dist/components/ui/input-otp.d.ts +11 -0
- package/dist/components/ui/input-otp.js +42 -0
- package/dist/components/ui/input.d.ts +3 -0
- package/dist/components/ui/input.js +11 -0
- package/dist/components/ui/label.d.ts +4 -0
- package/dist/components/ui/label.js +12 -0
- package/dist/components/ui/menubar.d.ts +26 -0
- package/dist/components/ui/menubar.js +131 -0
- package/dist/components/ui/navigation-menu.d.ts +14 -0
- package/dist/components/ui/navigation-menu.js +71 -0
- package/dist/components/ui/pagination.d.ts +13 -0
- package/dist/components/ui/pagination.js +71 -0
- package/dist/components/ui/popover.d.ts +7 -0
- package/dist/components/ui/popover.js +32 -0
- package/dist/components/ui/progress.d.ts +4 -0
- package/dist/components/ui/progress.js +18 -0
- package/dist/components/ui/radio-group.d.ts +5 -0
- package/dist/components/ui/radio-group.js +25 -0
- package/dist/components/ui/resizable.d.ts +8 -0
- package/dist/components/ui/resizable.js +30 -0
- package/dist/components/ui/scroll-area.d.ts +5 -0
- package/dist/components/ui/scroll-area.js +26 -0
- package/dist/components/ui/select.d.ts +15 -0
- package/dist/components/ui/select.js +89 -0
- package/dist/components/ui/separator.d.ts +4 -0
- package/dist/components/ui/separator.js +14 -0
- package/dist/components/ui/sheet.d.ts +13 -0
- package/dist/components/ui/sheet.js +78 -0
- package/dist/components/ui/sidebar.d.ts +69 -0
- package/dist/components/ui/sidebar.js +368 -0
- package/dist/components/ui/skeleton.d.ts +2 -0
- package/dist/components/ui/skeleton.js +9 -0
- package/dist/components/ui/slider.d.ts +4 -0
- package/dist/components/ui/slider.js +37 -0
- package/dist/components/ui/sonner.d.ts +3 -0
- package/dist/components/ui/sonner.js +17 -0
- package/dist/components/ui/switch.d.ts +4 -0
- package/dist/components/ui/switch.js +15 -0
- package/dist/components/ui/table.d.ts +10 -0
- package/dist/components/ui/table.js +63 -0
- package/dist/components/ui/tabs.d.ts +7 -0
- package/dist/components/ui/tabs.js +33 -0
- package/dist/components/ui/textarea.d.ts +3 -0
- package/dist/components/ui/textarea.js +10 -0
- package/dist/components/ui/toggle-group.d.ts +7 -0
- package/dist/components/ui/toggle-group.js +37 -0
- package/dist/components/ui/toggle.d.ts +9 -0
- package/dist/components/ui/toggle.js +34 -0
- package/dist/components/ui/tooltip.d.ts +7 -0
- package/dist/components/ui/tooltip.js +34 -0
- package/dist/ui/button.d.ts +1 -1
- package/package.json +11 -9
- /package/dist/{lib → pkgs}/class-variance-authority.d.ts +0 -0
- /package/dist/{lib → pkgs}/class-variance-authority.js +0 -0
- /package/dist/{lib → pkgs}/clsx.d.ts +0 -0
- /package/dist/{lib → pkgs}/clsx.js +0 -0
- /package/dist/{lib → pkgs}/cmdk.d.ts +0 -0
- /package/dist/{lib → pkgs}/cmdk.js +0 -0
- /package/dist/{lib → pkgs}/date-fns.d.ts +0 -0
- /package/dist/{lib → pkgs}/date-fns.js +0 -0
- /package/dist/{lib → pkgs}/embla-carousel-react.d.ts +0 -0
- /package/dist/{lib → pkgs}/embla-carousel-react.js +0 -0
- /package/dist/{lib/hookform__resolvers.d.ts → pkgs/hookform/resolvers.d.ts} +0 -0
- /package/dist/{lib/hookform__resolvers.js → pkgs/hookform/resolvers.js} +0 -0
- /package/dist/{lib → pkgs}/input-otp.d.ts +0 -0
- /package/dist/{lib → pkgs}/input-otp.js +0 -0
- /package/dist/{lib → pkgs}/lucide-react.d.ts +0 -0
- /package/dist/{lib → pkgs}/lucide-react.js +0 -0
- /package/dist/{lib → pkgs}/next-themes.d.ts +0 -0
- /package/dist/{lib → pkgs}/next-themes.js +0 -0
- /package/dist/{lib/radix-ui__react-accordion.d.ts → pkgs/radix-ui/react-accordion.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-accordion.js → pkgs/radix-ui/react-accordion.js} +0 -0
- /package/dist/{lib/radix-ui__react-alert-dialog.d.ts → pkgs/radix-ui/react-alert-dialog.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-alert-dialog.js → pkgs/radix-ui/react-alert-dialog.js} +0 -0
- /package/dist/{lib/radix-ui__react-aspect-ratio.d.ts → pkgs/radix-ui/react-aspect-ratio.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-aspect-ratio.js → pkgs/radix-ui/react-aspect-ratio.js} +0 -0
- /package/dist/{lib/radix-ui__react-avatar.d.ts → pkgs/radix-ui/react-avatar.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-avatar.js → pkgs/radix-ui/react-avatar.js} +0 -0
- /package/dist/{lib/radix-ui__react-checkbox.d.ts → pkgs/radix-ui/react-checkbox.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-checkbox.js → pkgs/radix-ui/react-checkbox.js} +0 -0
- /package/dist/{lib/radix-ui__react-collapsible.d.ts → pkgs/radix-ui/react-collapsible.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-collapsible.js → pkgs/radix-ui/react-collapsible.js} +0 -0
- /package/dist/{lib/radix-ui__react-context-menu.d.ts → pkgs/radix-ui/react-context-menu.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-context-menu.js → pkgs/radix-ui/react-context-menu.js} +0 -0
- /package/dist/{lib/radix-ui__react-dialog.d.ts → pkgs/radix-ui/react-dialog.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-dialog.js → pkgs/radix-ui/react-dialog.js} +0 -0
- /package/dist/{lib/radix-ui__react-dropdown-menu.d.ts → pkgs/radix-ui/react-dropdown-menu.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-dropdown-menu.js → pkgs/radix-ui/react-dropdown-menu.js} +0 -0
- /package/dist/{lib/radix-ui__react-hover-card.d.ts → pkgs/radix-ui/react-hover-card.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-hover-card.js → pkgs/radix-ui/react-hover-card.js} +0 -0
- /package/dist/{lib/radix-ui__react-label.d.ts → pkgs/radix-ui/react-label.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-label.js → pkgs/radix-ui/react-label.js} +0 -0
- /package/dist/{lib/radix-ui__react-menubar.d.ts → pkgs/radix-ui/react-menubar.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-menubar.js → pkgs/radix-ui/react-menubar.js} +0 -0
- /package/dist/{lib/radix-ui__react-navigation-menu.d.ts → pkgs/radix-ui/react-navigation-menu.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-navigation-menu.js → pkgs/radix-ui/react-navigation-menu.js} +0 -0
- /package/dist/{lib/radix-ui__react-popover.d.ts → pkgs/radix-ui/react-popover.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-popover.js → pkgs/radix-ui/react-popover.js} +0 -0
- /package/dist/{lib/radix-ui__react-progress.d.ts → pkgs/radix-ui/react-progress.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-progress.js → pkgs/radix-ui/react-progress.js} +0 -0
- /package/dist/{lib/radix-ui__react-radio-group.d.ts → pkgs/radix-ui/react-radio-group.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-radio-group.js → pkgs/radix-ui/react-radio-group.js} +0 -0
- /package/dist/{lib/radix-ui__react-scroll-area.d.ts → pkgs/radix-ui/react-scroll-area.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-scroll-area.js → pkgs/radix-ui/react-scroll-area.js} +0 -0
- /package/dist/{lib/radix-ui__react-select.d.ts → pkgs/radix-ui/react-select.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-select.js → pkgs/radix-ui/react-select.js} +0 -0
- /package/dist/{lib/radix-ui__react-separator.d.ts → pkgs/radix-ui/react-separator.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-separator.js → pkgs/radix-ui/react-separator.js} +0 -0
- /package/dist/{lib/radix-ui__react-slider.d.ts → pkgs/radix-ui/react-slider.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-slider.js → pkgs/radix-ui/react-slider.js} +0 -0
- /package/dist/{lib/radix-ui__react-slot.d.ts → pkgs/radix-ui/react-slot.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-slot.js → pkgs/radix-ui/react-slot.js} +0 -0
- /package/dist/{lib/radix-ui__react-switch.d.ts → pkgs/radix-ui/react-switch.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-switch.js → pkgs/radix-ui/react-switch.js} +0 -0
- /package/dist/{lib/radix-ui__react-tabs.d.ts → pkgs/radix-ui/react-tabs.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-tabs.js → pkgs/radix-ui/react-tabs.js} +0 -0
- /package/dist/{lib/radix-ui__react-toggle-group.d.ts → pkgs/radix-ui/react-toggle-group.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-toggle-group.js → pkgs/radix-ui/react-toggle-group.js} +0 -0
- /package/dist/{lib/radix-ui__react-toggle.d.ts → pkgs/radix-ui/react-toggle.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-toggle.js → pkgs/radix-ui/react-toggle.js} +0 -0
- /package/dist/{lib/radix-ui__react-tooltip.d.ts → pkgs/radix-ui/react-tooltip.d.ts} +0 -0
- /package/dist/{lib/radix-ui__react-tooltip.js → pkgs/radix-ui/react-tooltip.js} +0 -0
- /package/dist/{lib → pkgs}/react-day-picker.d.ts +0 -0
- /package/dist/{lib → pkgs}/react-day-picker.js +0 -0
- /package/dist/{lib → pkgs}/react-hook-form.d.ts +0 -0
- /package/dist/{lib → pkgs}/react-hook-form.js +0 -0
- /package/dist/{lib → pkgs}/react-resizable-panels.d.ts +0 -0
- /package/dist/{lib → pkgs}/react-resizable-panels.js +0 -0
- /package/dist/{lib → pkgs}/recharts.d.ts +0 -0
- /package/dist/{lib → pkgs}/recharts.js +0 -0
- /package/dist/{lib → pkgs}/sonner.d.ts +0 -0
- /package/dist/{lib → pkgs}/sonner.js +0 -0
- /package/dist/{lib → pkgs}/tailwind-merge.d.ts +0 -0
- /package/dist/{lib → pkgs}/tailwind-merge.js +0 -0
- /package/dist/{lib → pkgs}/vaul.d.ts +0 -0
- /package/dist/{lib → pkgs}/vaul.js +0 -0
- /package/dist/{lib → pkgs}/zod.d.ts +0 -0
- /package/dist/{lib → pkgs}/zod.js +0 -0
package/README.md
CHANGED
|
@@ -45,9 +45,9 @@ import { Button } from "@esmate/shadcn/ui/button";
|
|
|
45
45
|
All Shadcn [UI components](https://ui.shadcn.com/docs/components/) are available via `@esmate/shadcn/ui/*` imports.
|
|
46
46
|
|
|
47
47
|
```typescript
|
|
48
|
-
import { Button } from "@esmate/shadcn/ui/button";
|
|
48
|
+
import { Button } from "@esmate/shadcn/components/ui/button";
|
|
49
49
|
|
|
50
|
-
import { Card, CardContent } from "@esmate/shadcn/ui/card";
|
|
50
|
+
import { Card, CardContent } from "@esmate/shadcn/components/ui/card";
|
|
51
51
|
```
|
|
52
52
|
|
|
53
53
|
### Utils
|
|
@@ -245,9 +245,9 @@ bundle them all in one place. I’ve re-exported everything for you, making the
|
|
|
245
245
|
having to install each dependency individually.
|
|
246
246
|
|
|
247
247
|
```typescript
|
|
248
|
-
import { useForm } from "@esmate/shadcn/react-hook-form";
|
|
249
|
-
import { zodResolver } from "@esmate/shadcn/
|
|
250
|
-
import { z } from "@esmate/shadcn/zod";
|
|
248
|
+
import { useForm } from "@esmate/shadcn/pkgs/react-hook-form";
|
|
249
|
+
import { zodResolver } from "@esmate/shadcn/pkgs/hookform/resolvers";
|
|
250
|
+
import { z } from "@esmate/shadcn/pkgs/zod";
|
|
251
251
|
|
|
252
252
|
// You can check src/lib or dist/lib to find more modules
|
|
253
253
|
```
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
|
3
|
+
declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__ from "@radix-ui/react-accordion";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
6
|
+
function Accordion({ ...props }) {
|
|
7
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Root, {
|
|
8
|
+
"data-slot": "accordion",
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
function AccordionItem({ className, ...props }) {
|
|
13
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Item, {
|
|
14
|
+
"data-slot": "accordion-item",
|
|
15
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("border-b last:border-b-0", className),
|
|
16
|
+
...props
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
function AccordionTrigger({ className, children, ...props }) {
|
|
20
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Header, {
|
|
21
|
+
className: "flex"
|
|
22
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Trigger, {
|
|
23
|
+
"data-slot": "accordion-trigger",
|
|
24
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className),
|
|
25
|
+
...props
|
|
26
|
+
}, children, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronDownIcon, {
|
|
27
|
+
className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
|
|
28
|
+
})));
|
|
29
|
+
}
|
|
30
|
+
function AccordionContent({ className, children, ...props }) {
|
|
31
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Content, {
|
|
32
|
+
"data-slot": "accordion-content",
|
|
33
|
+
className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
|
|
34
|
+
...props
|
|
35
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
36
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("pt-0 pb-4", className)
|
|
37
|
+
}, children));
|
|
38
|
+
}
|
|
39
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
3
|
+
declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__ from "@radix-ui/react-alert-dialog";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__ from "./button.js";
|
|
6
|
+
function AlertDialog({ ...props }) {
|
|
7
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Root, {
|
|
8
|
+
"data-slot": "alert-dialog",
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
function AlertDialogTrigger({ ...props }) {
|
|
13
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Trigger, {
|
|
14
|
+
"data-slot": "alert-dialog-trigger",
|
|
15
|
+
...props
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
function AlertDialogPortal({ ...props }) {
|
|
19
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Portal, {
|
|
20
|
+
"data-slot": "alert-dialog-portal",
|
|
21
|
+
...props
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
function AlertDialogOverlay({ className, ...props }) {
|
|
25
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Overlay, {
|
|
26
|
+
"data-slot": "alert-dialog-overlay",
|
|
27
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
|
|
28
|
+
...props
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
function AlertDialogContent({ className, ...props }) {
|
|
32
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(AlertDialogPortal, null, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(AlertDialogOverlay, null), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Content, {
|
|
33
|
+
"data-slot": "alert-dialog-content",
|
|
34
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
|
|
35
|
+
...props
|
|
36
|
+
}));
|
|
37
|
+
}
|
|
38
|
+
function AlertDialogHeader({ className, ...props }) {
|
|
39
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
40
|
+
"data-slot": "alert-dialog-header",
|
|
41
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex flex-col gap-2 text-center sm:text-left", className),
|
|
42
|
+
...props
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
function AlertDialogFooter({ className, ...props }) {
|
|
46
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
47
|
+
"data-slot": "alert-dialog-footer",
|
|
48
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
|
|
49
|
+
...props
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
function AlertDialogTitle({ className, ...props }) {
|
|
53
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Title, {
|
|
54
|
+
"data-slot": "alert-dialog-title",
|
|
55
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("text-lg font-semibold", className),
|
|
56
|
+
...props
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
function AlertDialogDescription({ className, ...props }) {
|
|
60
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Description, {
|
|
61
|
+
"data-slot": "alert-dialog-description",
|
|
62
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("text-muted-foreground text-sm", className),
|
|
63
|
+
...props
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
function AlertDialogAction({ className, ...props }) {
|
|
67
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Action, {
|
|
68
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)((0, __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__.buttonVariants)(), className),
|
|
69
|
+
...props
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
function AlertDialogCancel({ className, ...props }) {
|
|
73
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Cancel, {
|
|
74
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)((0, __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__.buttonVariants)({
|
|
75
|
+
variant: "outline"
|
|
76
|
+
}), className),
|
|
77
|
+
...props
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type VariantProps } from "class-variance-authority";
|
|
3
|
+
declare const alertVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "destructive" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export { Alert, AlertTitle, AlertDescription };
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__ from "class-variance-authority";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
4
|
+
const alertVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.cva)("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
|
|
5
|
+
variants: {
|
|
6
|
+
variant: {
|
|
7
|
+
default: "bg-card text-card-foreground",
|
|
8
|
+
destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: {
|
|
12
|
+
variant: "default"
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
function Alert({ className, variant, ...props }) {
|
|
16
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
17
|
+
"data-slot": "alert",
|
|
18
|
+
role: "alert",
|
|
19
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)(alertVariants({
|
|
20
|
+
variant
|
|
21
|
+
}), className),
|
|
22
|
+
...props
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
function AlertTitle({ className, ...props }) {
|
|
26
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
27
|
+
"data-slot": "alert-title",
|
|
28
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
|
|
29
|
+
...props
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
function AlertDescription({ className, ...props }) {
|
|
33
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
34
|
+
"data-slot": "alert-description",
|
|
35
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className),
|
|
36
|
+
...props
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
export { Alert, AlertDescription, AlertTitle };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_aspect_ratio_38a84aed__ from "@radix-ui/react-aspect-ratio";
|
|
3
|
+
function AspectRatio({ ...props }) {
|
|
4
|
+
return /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_aspect_ratio_38a84aed__.Root, {
|
|
5
|
+
"data-slot": "aspect-ratio",
|
|
6
|
+
...props
|
|
7
|
+
});
|
|
8
|
+
}
|
|
9
|
+
export { AspectRatio };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
3
|
+
declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export { Avatar, AvatarImage, AvatarFallback };
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_avatar_fe03757d__ from "@radix-ui/react-avatar";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
5
|
+
function Avatar({ className, ...props }) {
|
|
6
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_avatar_fe03757d__.Root, {
|
|
7
|
+
"data-slot": "avatar",
|
|
8
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
function AvatarImage({ className, ...props }) {
|
|
13
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_avatar_fe03757d__.Image, {
|
|
14
|
+
"data-slot": "avatar-image",
|
|
15
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("aspect-square size-full", className),
|
|
16
|
+
...props
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
function AvatarFallback({ className, ...props }) {
|
|
20
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_avatar_fe03757d__.Fallback, {
|
|
21
|
+
"data-slot": "avatar-fallback",
|
|
22
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-muted flex size-full items-center justify-center rounded-full", className),
|
|
23
|
+
...props
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
export { Avatar, AvatarFallback, AvatarImage };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type VariantProps } from "class-variance-authority";
|
|
3
|
+
declare const badgeVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
|
|
7
|
+
asChild?: boolean;
|
|
8
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export { Badge, badgeVariants };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__ from "@radix-ui/react-slot";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__ from "class-variance-authority";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
5
|
+
const badgeVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.cva)("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden", {
|
|
6
|
+
variants: {
|
|
7
|
+
variant: {
|
|
8
|
+
default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
|
|
9
|
+
secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
|
|
10
|
+
destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
11
|
+
outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
defaultVariants: {
|
|
15
|
+
variant: "default"
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
function Badge({ className, variant, asChild = false, ...props }) {
|
|
19
|
+
const Comp = asChild ? __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__.Slot : "span";
|
|
20
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(Comp, {
|
|
21
|
+
"data-slot": "badge",
|
|
22
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)(badgeVariants({
|
|
23
|
+
variant
|
|
24
|
+
}), className),
|
|
25
|
+
...props
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
export { Badge, badgeVariants };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
|
|
6
|
+
asChild?: boolean;
|
|
7
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__ from "@radix-ui/react-slot";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
5
|
+
function Breadcrumb({ ...props }) {
|
|
6
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("nav", {
|
|
7
|
+
"aria-label": "breadcrumb",
|
|
8
|
+
"data-slot": "breadcrumb",
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
function BreadcrumbList({ className, ...props }) {
|
|
13
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("ol", {
|
|
14
|
+
"data-slot": "breadcrumb-list",
|
|
15
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", className),
|
|
16
|
+
...props
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
function BreadcrumbItem({ className, ...props }) {
|
|
20
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("li", {
|
|
21
|
+
"data-slot": "breadcrumb-item",
|
|
22
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("inline-flex items-center gap-1.5", className),
|
|
23
|
+
...props
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
function BreadcrumbLink({ asChild, className, ...props }) {
|
|
27
|
+
const Comp = asChild ? __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__.Slot : "a";
|
|
28
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(Comp, {
|
|
29
|
+
"data-slot": "breadcrumb-link",
|
|
30
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("hover:text-foreground transition-colors", className),
|
|
31
|
+
...props
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
function BreadcrumbPage({ className, ...props }) {
|
|
35
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
|
|
36
|
+
"data-slot": "breadcrumb-page",
|
|
37
|
+
role: "link",
|
|
38
|
+
"aria-disabled": "true",
|
|
39
|
+
"aria-current": "page",
|
|
40
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("text-foreground font-normal", className),
|
|
41
|
+
...props
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
function BreadcrumbSeparator({ children, className, ...props }) {
|
|
45
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("li", {
|
|
46
|
+
"data-slot": "breadcrumb-separator",
|
|
47
|
+
role: "presentation",
|
|
48
|
+
"aria-hidden": "true",
|
|
49
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("[&>svg]:size-3.5", className),
|
|
50
|
+
...props
|
|
51
|
+
}, children ?? /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronRight, null));
|
|
52
|
+
}
|
|
53
|
+
function BreadcrumbEllipsis({ className, ...props }) {
|
|
54
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
|
|
55
|
+
"data-slot": "breadcrumb-ellipsis",
|
|
56
|
+
role: "presentation",
|
|
57
|
+
"aria-hidden": "true",
|
|
58
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex size-9 items-center justify-center", className),
|
|
59
|
+
...props
|
|
60
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.MoreHorizontal, {
|
|
61
|
+
className: "size-4"
|
|
62
|
+
}), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
|
|
63
|
+
className: "sr-only"
|
|
64
|
+
}, "More"));
|
|
65
|
+
}
|
|
66
|
+
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type VariantProps } from "class-variance-authority";
|
|
3
|
+
declare const buttonVariants: (props?: ({
|
|
4
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
5
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
8
|
+
asChild?: boolean;
|
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { Button, buttonVariants };
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__ from "@radix-ui/react-slot";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__ from "class-variance-authority";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
5
|
+
const buttonVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.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", {
|
|
6
|
+
variants: {
|
|
7
|
+
variant: {
|
|
8
|
+
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
9
|
+
destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
10
|
+
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",
|
|
11
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
12
|
+
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
13
|
+
link: "text-primary underline-offset-4 hover:underline"
|
|
14
|
+
},
|
|
15
|
+
size: {
|
|
16
|
+
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
17
|
+
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
18
|
+
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
19
|
+
icon: "size-9"
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: {
|
|
23
|
+
variant: "default",
|
|
24
|
+
size: "default"
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
function Button({ className, variant, size, asChild = false, ...props }) {
|
|
28
|
+
const Comp = asChild ? __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__.Slot : "button";
|
|
29
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(Comp, {
|
|
30
|
+
"data-slot": "button",
|
|
31
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)(buttonVariants({
|
|
32
|
+
variant,
|
|
33
|
+
size,
|
|
34
|
+
className
|
|
35
|
+
})),
|
|
36
|
+
...props
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
export { Button, buttonVariants };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { DayButton, DayPicker } from "react-day-picker";
|
|
3
|
+
import { Button } from "./button";
|
|
4
|
+
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
|
|
5
|
+
buttonVariant?: React.ComponentProps<typeof Button>["variant"];
|
|
6
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export { Calendar, CalendarDayButton };
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react_day_picker_7bc423fd__ from "react-day-picker";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
6
|
+
import * as __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__ from "./button.js";
|
|
7
|
+
function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
|
|
8
|
+
const defaultClassNames = (0, __WEBPACK_EXTERNAL_MODULE_react_day_picker_7bc423fd__.getDefaultClassNames)();
|
|
9
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_react_day_picker_7bc423fd__.DayPicker, {
|
|
10
|
+
showOutsideDays: showOutsideDays,
|
|
11
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
|
|
12
|
+
captionLayout: captionLayout,
|
|
13
|
+
formatters: {
|
|
14
|
+
formatMonthDropdown: (date)=>date.toLocaleString("default", {
|
|
15
|
+
month: "short"
|
|
16
|
+
}),
|
|
17
|
+
...formatters
|
|
18
|
+
},
|
|
19
|
+
classNames: {
|
|
20
|
+
root: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("w-fit", defaultClassNames.root),
|
|
21
|
+
months: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months),
|
|
22
|
+
month: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex flex-col w-full gap-4", defaultClassNames.month),
|
|
23
|
+
nav: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav),
|
|
24
|
+
button_previous: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)((0, __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__.buttonVariants)({
|
|
25
|
+
variant: buttonVariant
|
|
26
|
+
}), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous),
|
|
27
|
+
button_next: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)((0, __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__.buttonVariants)({
|
|
28
|
+
variant: buttonVariant
|
|
29
|
+
}), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next),
|
|
30
|
+
month_caption: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption),
|
|
31
|
+
dropdowns: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns),
|
|
32
|
+
dropdown_root: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md", defaultClassNames.dropdown_root),
|
|
33
|
+
dropdown: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("absolute bg-popover inset-0 opacity-0", defaultClassNames.dropdown),
|
|
34
|
+
caption_label: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("select-none font-medium", "label" === captionLayout ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label),
|
|
35
|
+
table: "w-full border-collapse",
|
|
36
|
+
weekdays: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex", defaultClassNames.weekdays),
|
|
37
|
+
weekday: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday),
|
|
38
|
+
week: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex w-full mt-2", defaultClassNames.week),
|
|
39
|
+
week_number_header: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("select-none w-(--cell-size)", defaultClassNames.week_number_header),
|
|
40
|
+
week_number: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("text-[0.8rem] select-none text-muted-foreground", defaultClassNames.week_number),
|
|
41
|
+
day: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none", defaultClassNames.day),
|
|
42
|
+
range_start: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("rounded-l-md bg-accent", defaultClassNames.range_start),
|
|
43
|
+
range_middle: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("rounded-none", defaultClassNames.range_middle),
|
|
44
|
+
range_end: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("rounded-r-md bg-accent", defaultClassNames.range_end),
|
|
45
|
+
today: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", defaultClassNames.today),
|
|
46
|
+
outside: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
|
|
47
|
+
disabled: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("text-muted-foreground opacity-50", defaultClassNames.disabled),
|
|
48
|
+
hidden: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("invisible", defaultClassNames.hidden),
|
|
49
|
+
...classNames
|
|
50
|
+
},
|
|
51
|
+
components: {
|
|
52
|
+
Root: ({ className, rootRef, ...props })=>/*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
53
|
+
"data-slot": "calendar",
|
|
54
|
+
ref: rootRef,
|
|
55
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)(className),
|
|
56
|
+
...props
|
|
57
|
+
}),
|
|
58
|
+
Chevron: ({ className, orientation, ...props })=>{
|
|
59
|
+
if ("left" === orientation) return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronLeftIcon, {
|
|
60
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("size-4", className),
|
|
61
|
+
...props
|
|
62
|
+
});
|
|
63
|
+
if ("right" === orientation) return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronRightIcon, {
|
|
64
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("size-4", className),
|
|
65
|
+
...props
|
|
66
|
+
});
|
|
67
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronDownIcon, {
|
|
68
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("size-4", className),
|
|
69
|
+
...props
|
|
70
|
+
});
|
|
71
|
+
},
|
|
72
|
+
DayButton: CalendarDayButton,
|
|
73
|
+
WeekNumber: ({ children, ...props })=>/*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("td", props, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
74
|
+
className: "flex size-(--cell-size) items-center justify-center text-center"
|
|
75
|
+
}, children)),
|
|
76
|
+
...components
|
|
77
|
+
},
|
|
78
|
+
...props
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
function CalendarDayButton({ className, day, modifiers, ...props }) {
|
|
82
|
+
const defaultClassNames = (0, __WEBPACK_EXTERNAL_MODULE_react_day_picker_7bc423fd__.getDefaultClassNames)();
|
|
83
|
+
const ref = __WEBPACK_EXTERNAL_MODULE_react__.useRef(null);
|
|
84
|
+
__WEBPACK_EXTERNAL_MODULE_react__.useEffect(()=>{
|
|
85
|
+
var _ref_current;
|
|
86
|
+
if (modifiers.focused) null == (_ref_current = ref.current) || _ref_current.focus();
|
|
87
|
+
}, [
|
|
88
|
+
modifiers.focused
|
|
89
|
+
]);
|
|
90
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__.Button, {
|
|
91
|
+
ref: ref,
|
|
92
|
+
variant: "ghost",
|
|
93
|
+
size: "icon",
|
|
94
|
+
"data-day": day.date.toLocaleDateString(),
|
|
95
|
+
"data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
|
|
96
|
+
"data-range-start": modifiers.range_start,
|
|
97
|
+
"data-range-end": modifiers.range_end,
|
|
98
|
+
"data-range-middle": modifiers.range_middle,
|
|
99
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("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 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
|
|
100
|
+
...props
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
export { Calendar, CalendarDayButton };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare function Card({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
|