@esmate/shadcn 2.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 +6 -6
- 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/pkgs/clsx.d.ts +2 -0
- package/dist/pkgs/clsx.js +4 -0
- package/dist/pkgs/tailwind-merge.d.ts +1 -0
- package/dist/pkgs/tailwind-merge.js +1 -0
- package/dist/ui/button.d.ts +1 -1
- package/package.json +12 -10
- /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}/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}/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
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_input_otp_9f71df26__ from "input-otp";
|
|
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 InputOTP({ className, containerClassName, ...props }) {
|
|
7
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_input_otp_9f71df26__.OTPInput, {
|
|
8
|
+
"data-slot": "input-otp",
|
|
9
|
+
containerClassName: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex items-center gap-2 has-disabled:opacity-50", containerClassName),
|
|
10
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("disabled:cursor-not-allowed", className),
|
|
11
|
+
...props
|
|
12
|
+
});
|
|
13
|
+
}
|
|
14
|
+
function InputOTPGroup({ className, ...props }) {
|
|
15
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
16
|
+
"data-slot": "input-otp-group",
|
|
17
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex items-center", className),
|
|
18
|
+
...props
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
function InputOTPSlot({ index, className, ...props }) {
|
|
22
|
+
const inputOTPContext = __WEBPACK_EXTERNAL_MODULE_react__.useContext(__WEBPACK_EXTERNAL_MODULE_input_otp_9f71df26__.OTPInputContext);
|
|
23
|
+
const { char, hasFakeCaret, isActive } = (null == inputOTPContext ? void 0 : inputOTPContext.slots[index]) ?? {};
|
|
24
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
25
|
+
"data-slot": "input-otp-slot",
|
|
26
|
+
"data-active": isActive,
|
|
27
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]", className),
|
|
28
|
+
...props
|
|
29
|
+
}, char, hasFakeCaret && /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
30
|
+
className: "pointer-events-none absolute inset-0 flex items-center justify-center"
|
|
31
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
32
|
+
className: "animate-caret-blink bg-foreground h-4 w-px duration-1000"
|
|
33
|
+
})));
|
|
34
|
+
}
|
|
35
|
+
function InputOTPSeparator({ ...props }) {
|
|
36
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
37
|
+
"data-slot": "input-otp-separator",
|
|
38
|
+
role: "separator",
|
|
39
|
+
...props
|
|
40
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.MinusIcon, null));
|
|
41
|
+
}
|
|
42
|
+
export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
3
|
+
function Input({ className, type, ...props }) {
|
|
4
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("input", {
|
|
5
|
+
type: type,
|
|
6
|
+
"data-slot": "input",
|
|
7
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "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", className),
|
|
8
|
+
...props
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
export { Input };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_label_49d956a0__ from "@radix-ui/react-label";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
5
|
+
function Label({ className, ...props }) {
|
|
6
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_label_49d956a0__.Root, {
|
|
7
|
+
"data-slot": "label",
|
|
8
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
export { Label };
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as MenubarPrimitive from "@radix-ui/react-menubar";
|
|
3
|
+
declare function Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function MenubarItem({ className, inset, variant, ...props }: React.ComponentProps<typeof MenubarPrimitive.Item> & {
|
|
11
|
+
inset?: boolean;
|
|
12
|
+
variant?: "default" | "destructive";
|
|
13
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare function MenubarLabel({ className, inset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Label> & {
|
|
17
|
+
inset?: boolean;
|
|
18
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare function MenubarSeparator({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare function MenubarShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare function MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
declare function MenubarSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
|
|
23
|
+
inset?: boolean;
|
|
24
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
declare function MenubarSubContent({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, };
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__ from "@radix-ui/react-menubar";
|
|
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 Menubar({ className, ...props }) {
|
|
7
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Root, {
|
|
8
|
+
"data-slot": "menubar",
|
|
9
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs", className),
|
|
10
|
+
...props
|
|
11
|
+
});
|
|
12
|
+
}
|
|
13
|
+
function MenubarMenu({ ...props }) {
|
|
14
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Menu, {
|
|
15
|
+
"data-slot": "menubar-menu",
|
|
16
|
+
...props
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
function MenubarGroup({ ...props }) {
|
|
20
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Group, {
|
|
21
|
+
"data-slot": "menubar-group",
|
|
22
|
+
...props
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
function MenubarPortal({ ...props }) {
|
|
26
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Portal, {
|
|
27
|
+
"data-slot": "menubar-portal",
|
|
28
|
+
...props
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
function MenubarRadioGroup({ ...props }) {
|
|
32
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.RadioGroup, {
|
|
33
|
+
"data-slot": "menubar-radio-group",
|
|
34
|
+
...props
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
function MenubarTrigger({ className, ...props }) {
|
|
38
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Trigger, {
|
|
39
|
+
"data-slot": "menubar-trigger",
|
|
40
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none", className),
|
|
41
|
+
...props
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
function MenubarContent({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }) {
|
|
45
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(MenubarPortal, null, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Content, {
|
|
46
|
+
"data-slot": "menubar-content",
|
|
47
|
+
align: align,
|
|
48
|
+
alignOffset: alignOffset,
|
|
49
|
+
sideOffset: sideOffset,
|
|
50
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md", className),
|
|
51
|
+
...props
|
|
52
|
+
}));
|
|
53
|
+
}
|
|
54
|
+
function MenubarItem({ className, inset, variant = "default", ...props }) {
|
|
55
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Item, {
|
|
56
|
+
"data-slot": "menubar-item",
|
|
57
|
+
"data-inset": inset,
|
|
58
|
+
"data-variant": variant,
|
|
59
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
60
|
+
...props
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
function MenubarCheckboxItem({ className, children, checked, ...props }) {
|
|
64
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.CheckboxItem, {
|
|
65
|
+
"data-slot": "menubar-checkbox-item",
|
|
66
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
67
|
+
checked: checked,
|
|
68
|
+
...props
|
|
69
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
|
|
70
|
+
className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
|
|
71
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.ItemIndicator, null, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.CheckIcon, {
|
|
72
|
+
className: "size-4"
|
|
73
|
+
}))), children);
|
|
74
|
+
}
|
|
75
|
+
function MenubarRadioItem({ className, children, ...props }) {
|
|
76
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.RadioItem, {
|
|
77
|
+
"data-slot": "menubar-radio-item",
|
|
78
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
79
|
+
...props
|
|
80
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
|
|
81
|
+
className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
|
|
82
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.ItemIndicator, null, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.CircleIcon, {
|
|
83
|
+
className: "size-2 fill-current"
|
|
84
|
+
}))), children);
|
|
85
|
+
}
|
|
86
|
+
function MenubarLabel({ className, inset, ...props }) {
|
|
87
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Label, {
|
|
88
|
+
"data-slot": "menubar-label",
|
|
89
|
+
"data-inset": inset,
|
|
90
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
|
|
91
|
+
...props
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
function MenubarSeparator({ className, ...props }) {
|
|
95
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Separator, {
|
|
96
|
+
"data-slot": "menubar-separator",
|
|
97
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-border -mx-1 my-1 h-px", className),
|
|
98
|
+
...props
|
|
99
|
+
});
|
|
100
|
+
}
|
|
101
|
+
function MenubarShortcut({ className, ...props }) {
|
|
102
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
|
|
103
|
+
"data-slot": "menubar-shortcut",
|
|
104
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("text-muted-foreground ml-auto text-xs tracking-widest", className),
|
|
105
|
+
...props
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
function MenubarSub({ ...props }) {
|
|
109
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.Sub, {
|
|
110
|
+
"data-slot": "menubar-sub",
|
|
111
|
+
...props
|
|
112
|
+
});
|
|
113
|
+
}
|
|
114
|
+
function MenubarSubTrigger({ className, inset, children, ...props }) {
|
|
115
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.SubTrigger, {
|
|
116
|
+
"data-slot": "menubar-sub-trigger",
|
|
117
|
+
"data-inset": inset,
|
|
118
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8", className),
|
|
119
|
+
...props
|
|
120
|
+
}, children, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronRightIcon, {
|
|
121
|
+
className: "ml-auto h-4 w-4"
|
|
122
|
+
}));
|
|
123
|
+
}
|
|
124
|
+
function MenubarSubContent({ className, ...props }) {
|
|
125
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_menubar_f21d5242__.SubContent, {
|
|
126
|
+
"data-slot": "menubar-sub-content",
|
|
127
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", className),
|
|
128
|
+
...props
|
|
129
|
+
});
|
|
130
|
+
}
|
|
131
|
+
export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
|
|
3
|
+
declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
|
|
4
|
+
viewport?: boolean;
|
|
5
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
9
|
+
declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, };
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_navigation_menu_25af01f6__ from "@radix-ui/react-navigation-menu";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__ from "class-variance-authority";
|
|
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 NavigationMenu({ className, children, viewport = true, ...props }) {
|
|
7
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_navigation_menu_25af01f6__.Root, {
|
|
8
|
+
"data-slot": "navigation-menu",
|
|
9
|
+
"data-viewport": viewport,
|
|
10
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
|
|
11
|
+
...props
|
|
12
|
+
}, children, viewport && /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(NavigationMenuViewport, null));
|
|
13
|
+
}
|
|
14
|
+
function NavigationMenuList({ className, ...props }) {
|
|
15
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_navigation_menu_25af01f6__.List, {
|
|
16
|
+
"data-slot": "navigation-menu-list",
|
|
17
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("group flex flex-1 list-none items-center justify-center gap-1", className),
|
|
18
|
+
...props
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
function NavigationMenuItem({ className, ...props }) {
|
|
22
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_navigation_menu_25af01f6__.Item, {
|
|
23
|
+
"data-slot": "navigation-menu-item",
|
|
24
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("relative", className),
|
|
25
|
+
...props
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
const navigationMenuTriggerStyle = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.cva)("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1");
|
|
29
|
+
function NavigationMenuTrigger({ className, children, ...props }) {
|
|
30
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_navigation_menu_25af01f6__.Trigger, {
|
|
31
|
+
"data-slot": "navigation-menu-trigger",
|
|
32
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)(navigationMenuTriggerStyle(), "group", className),
|
|
33
|
+
...props
|
|
34
|
+
}, children, " ", /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronDownIcon, {
|
|
35
|
+
className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
|
|
36
|
+
"aria-hidden": "true"
|
|
37
|
+
}));
|
|
38
|
+
}
|
|
39
|
+
function NavigationMenuContent({ className, ...props }) {
|
|
40
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_navigation_menu_25af01f6__.Content, {
|
|
41
|
+
"data-slot": "navigation-menu-content",
|
|
42
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto", "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none", className),
|
|
43
|
+
...props
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
function NavigationMenuViewport({ className, ...props }) {
|
|
47
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
48
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("absolute top-full left-0 isolate z-50 flex justify-center")
|
|
49
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_navigation_menu_25af01f6__.Viewport, {
|
|
50
|
+
"data-slot": "navigation-menu-viewport",
|
|
51
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]", className),
|
|
52
|
+
...props
|
|
53
|
+
}));
|
|
54
|
+
}
|
|
55
|
+
function NavigationMenuLink({ className, ...props }) {
|
|
56
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_navigation_menu_25af01f6__.Link, {
|
|
57
|
+
"data-slot": "navigation-menu-link",
|
|
58
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4", className),
|
|
59
|
+
...props
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
function NavigationMenuIndicator({ className, ...props }) {
|
|
63
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_navigation_menu_25af01f6__.Indicator, {
|
|
64
|
+
"data-slot": "navigation-menu-indicator",
|
|
65
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden", className),
|
|
66
|
+
...props
|
|
67
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
68
|
+
className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"
|
|
69
|
+
}));
|
|
70
|
+
}
|
|
71
|
+
export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Button } from "./button";
|
|
3
|
+
declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function PaginationItem({ ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
type PaginationLinkProps = {
|
|
7
|
+
isActive?: boolean;
|
|
8
|
+
} & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
|
|
9
|
+
declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__ from "./button.js";
|
|
5
|
+
function Pagination({ className, ...props }) {
|
|
6
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("nav", {
|
|
7
|
+
role: "navigation",
|
|
8
|
+
"aria-label": "pagination",
|
|
9
|
+
"data-slot": "pagination",
|
|
10
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("mx-auto flex w-full justify-center", className),
|
|
11
|
+
...props
|
|
12
|
+
});
|
|
13
|
+
}
|
|
14
|
+
function PaginationContent({ className, ...props }) {
|
|
15
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("ul", {
|
|
16
|
+
"data-slot": "pagination-content",
|
|
17
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex flex-row items-center gap-1", className),
|
|
18
|
+
...props
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
function PaginationItem({ ...props }) {
|
|
22
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("li", {
|
|
23
|
+
"data-slot": "pagination-item",
|
|
24
|
+
...props
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
function PaginationLink({ className, isActive, size = "icon", ...props }) {
|
|
28
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("a", {
|
|
29
|
+
"aria-current": isActive ? "page" : void 0,
|
|
30
|
+
"data-slot": "pagination-link",
|
|
31
|
+
"data-active": isActive,
|
|
32
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)((0, __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__.buttonVariants)({
|
|
33
|
+
variant: isActive ? "outline" : "ghost",
|
|
34
|
+
size
|
|
35
|
+
}), className),
|
|
36
|
+
...props
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
function PaginationPrevious({ className, ...props }) {
|
|
40
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(PaginationLink, {
|
|
41
|
+
"aria-label": "Go to previous page",
|
|
42
|
+
size: "default",
|
|
43
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("gap-1 px-2.5 sm:pl-2.5", className),
|
|
44
|
+
...props
|
|
45
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronLeftIcon, null), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
|
|
46
|
+
className: "hidden sm:block"
|
|
47
|
+
}, "Previous"));
|
|
48
|
+
}
|
|
49
|
+
function PaginationNext({ className, ...props }) {
|
|
50
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(PaginationLink, {
|
|
51
|
+
"aria-label": "Go to next page",
|
|
52
|
+
size: "default",
|
|
53
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("gap-1 px-2.5 sm:pr-2.5", className),
|
|
54
|
+
...props
|
|
55
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
|
|
56
|
+
className: "hidden sm:block"
|
|
57
|
+
}, "Next"), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronRightIcon, null));
|
|
58
|
+
}
|
|
59
|
+
function PaginationEllipsis({ className, ...props }) {
|
|
60
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
|
|
61
|
+
"aria-hidden": true,
|
|
62
|
+
"data-slot": "pagination-ellipsis",
|
|
63
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex size-9 items-center justify-center", className),
|
|
64
|
+
...props
|
|
65
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.MoreHorizontalIcon, {
|
|
66
|
+
className: "size-4"
|
|
67
|
+
}), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
|
|
68
|
+
className: "sr-only"
|
|
69
|
+
}, "More pages"));
|
|
70
|
+
}
|
|
71
|
+
export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
3
|
+
declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_popover_e2827c9f__ from "@radix-ui/react-popover";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
5
|
+
function Popover({ ...props }) {
|
|
6
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_popover_e2827c9f__.Root, {
|
|
7
|
+
"data-slot": "popover",
|
|
8
|
+
...props
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
function PopoverTrigger({ ...props }) {
|
|
12
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_popover_e2827c9f__.Trigger, {
|
|
13
|
+
"data-slot": "popover-trigger",
|
|
14
|
+
...props
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
|
|
18
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_popover_e2827c9f__.Portal, null, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_popover_e2827c9f__.Content, {
|
|
19
|
+
"data-slot": "popover-content",
|
|
20
|
+
align: align,
|
|
21
|
+
sideOffset: sideOffset,
|
|
22
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className),
|
|
23
|
+
...props
|
|
24
|
+
}));
|
|
25
|
+
}
|
|
26
|
+
function PopoverAnchor({ ...props }) {
|
|
27
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_popover_e2827c9f__.Anchor, {
|
|
28
|
+
"data-slot": "popover-anchor",
|
|
29
|
+
...props
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as ProgressPrimitive from "@radix-ui/react-progress";
|
|
3
|
+
declare function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export { Progress };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_progress_84970133__ from "@radix-ui/react-progress";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
5
|
+
function Progress({ className, value, ...props }) {
|
|
6
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_progress_84970133__.Root, {
|
|
7
|
+
"data-slot": "progress",
|
|
8
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className),
|
|
9
|
+
...props
|
|
10
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_progress_84970133__.Indicator, {
|
|
11
|
+
"data-slot": "progress-indicator",
|
|
12
|
+
className: "bg-primary h-full w-full flex-1 transition-all",
|
|
13
|
+
style: {
|
|
14
|
+
transform: `translateX(-${100 - (value || 0)}%)`
|
|
15
|
+
}
|
|
16
|
+
}));
|
|
17
|
+
}
|
|
18
|
+
export { Progress };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
|
|
3
|
+
declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export { RadioGroup, RadioGroupItem };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_radio_group_e8f239af__ from "@radix-ui/react-radio-group";
|
|
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 RadioGroup({ className, ...props }) {
|
|
7
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_radio_group_e8f239af__.Root, {
|
|
8
|
+
"data-slot": "radio-group",
|
|
9
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("grid gap-3", className),
|
|
10
|
+
...props
|
|
11
|
+
});
|
|
12
|
+
}
|
|
13
|
+
function RadioGroupItem({ className, ...props }) {
|
|
14
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_radio_group_e8f239af__.Item, {
|
|
15
|
+
"data-slot": "radio-group-item",
|
|
16
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
|
|
17
|
+
...props
|
|
18
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_radio_group_e8f239af__.Indicator, {
|
|
19
|
+
"data-slot": "radio-group-indicator",
|
|
20
|
+
className: "relative flex items-center justify-center"
|
|
21
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.CircleIcon, {
|
|
22
|
+
className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2"
|
|
23
|
+
})));
|
|
24
|
+
}
|
|
25
|
+
export { RadioGroup, RadioGroupItem };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as ResizablePrimitive from "react-resizable-panels";
|
|
3
|
+
declare function ResizablePanelGroup({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function ResizablePanel({ ...props }: React.ComponentProps<typeof ResizablePrimitive.Panel>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function ResizableHandle({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
|
|
6
|
+
withHandle?: boolean;
|
|
7
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
|
|
@@ -0,0 +1,30 @@
|
|
|
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_resizable_panels_8d5960a0__ from "react-resizable-panels";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
6
|
+
function ResizablePanelGroup({ className, ...props }) {
|
|
7
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_react_resizable_panels_8d5960a0__.PanelGroup, {
|
|
8
|
+
"data-slot": "resizable-panel-group",
|
|
9
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
|
|
10
|
+
...props
|
|
11
|
+
});
|
|
12
|
+
}
|
|
13
|
+
function ResizablePanel({ ...props }) {
|
|
14
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_react_resizable_panels_8d5960a0__.Panel, {
|
|
15
|
+
"data-slot": "resizable-panel",
|
|
16
|
+
...props
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
function ResizableHandle({ withHandle, className, ...props }) {
|
|
20
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_react_resizable_panels_8d5960a0__.PanelResizeHandle, {
|
|
21
|
+
"data-slot": "resizable-handle",
|
|
22
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90", className),
|
|
23
|
+
...props
|
|
24
|
+
}, withHandle && /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
25
|
+
className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border"
|
|
26
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.GripVerticalIcon, {
|
|
27
|
+
className: "size-2.5"
|
|
28
|
+
})));
|
|
29
|
+
}
|
|
30
|
+
export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
|
|
3
|
+
declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export { ScrollArea, ScrollBar };
|
|
@@ -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_scroll_area_93228e9e__ from "@radix-ui/react-scroll-area";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
5
|
+
function ScrollArea({ className, children, ...props }) {
|
|
6
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.Root, {
|
|
7
|
+
"data-slot": "scroll-area",
|
|
8
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("relative", className),
|
|
9
|
+
...props
|
|
10
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.Viewport, {
|
|
11
|
+
"data-slot": "scroll-area-viewport",
|
|
12
|
+
className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
|
|
13
|
+
}, children), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(ScrollBar, null), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.Corner, null));
|
|
14
|
+
}
|
|
15
|
+
function ScrollBar({ className, orientation = "vertical", ...props }) {
|
|
16
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.ScrollAreaScrollbar, {
|
|
17
|
+
"data-slot": "scroll-area-scrollbar",
|
|
18
|
+
orientation: orientation,
|
|
19
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex touch-none p-px transition-colors select-none", "vertical" === orientation && "h-full w-2.5 border-l border-l-transparent", "horizontal" === orientation && "h-2.5 flex-col border-t border-t-transparent", className),
|
|
20
|
+
...props
|
|
21
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_scroll_area_93228e9e__.ScrollAreaThumb, {
|
|
22
|
+
"data-slot": "scroll-area-thumb",
|
|
23
|
+
className: "bg-border relative flex-1 rounded-full"
|
|
24
|
+
}));
|
|
25
|
+
}
|
|
26
|
+
export { ScrollArea, ScrollBar };
|