@customafk/lunas-ui 0.0.4 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/alert-dialog.cjs +2 -0
- package/dist/alert-dialog.cjs.map +1 -0
- package/dist/alert-dialog.d.cts +48 -0
- package/dist/alert-dialog.d.ts +48 -0
- package/dist/alert-dialog.js +2 -0
- package/dist/alert-dialog.js.map +1 -0
- package/dist/alert.cjs +1 -1
- package/dist/alert.cjs.map +1 -1
- package/dist/alert.d.cts +1 -1
- package/dist/alert.js +1 -1
- package/dist/alert.js.map +1 -1
- package/dist/aspect-ratio.cjs +2 -0
- package/dist/aspect-ratio.cjs.map +1 -0
- package/dist/aspect-ratio.d.cts +11 -0
- package/dist/aspect-ratio.d.ts +11 -0
- package/dist/aspect-ratio.js +2 -0
- package/dist/aspect-ratio.js.map +1 -0
- package/dist/avatar.cjs +2 -0
- package/dist/avatar.cjs.map +1 -0
- package/dist/avatar.d.cts +19 -0
- package/dist/avatar.d.ts +19 -0
- package/dist/avatar.js +2 -0
- package/dist/avatar.js.map +1 -0
- package/dist/badge.cjs +2 -0
- package/dist/badge.cjs.map +1 -0
- package/dist/badge.d.cts +21 -0
- package/dist/badge.d.ts +21 -0
- package/dist/badge.js +2 -0
- package/dist/badge.js.map +1 -0
- package/dist/breadcrumb.cjs +2 -0
- package/dist/breadcrumb.cjs.map +1 -0
- package/dist/breadcrumb.d.cts +37 -0
- package/dist/breadcrumb.d.ts +37 -0
- package/dist/breadcrumb.js +2 -0
- package/dist/breadcrumb.js.map +1 -0
- package/dist/button-B7eGk6JD.d.cts +21 -0
- package/dist/button-C1iCV8GH.js +2 -0
- package/dist/button-C1iCV8GH.js.map +1 -0
- package/dist/button-CXoxOggw.cjs +2 -0
- package/dist/button-CXoxOggw.cjs.map +1 -0
- package/dist/button-DrAGGMHl.d.ts +21 -0
- package/dist/button.cjs +1 -2
- package/dist/button.d.cts +2 -21
- package/dist/button.d.ts +2 -21
- package/dist/button.js +1 -2
- package/dist/calendar.cjs +2 -0
- package/dist/calendar.cjs.map +1 -0
- package/dist/calendar.d.cts +26 -0
- package/dist/calendar.d.ts +26 -0
- package/dist/calendar.js +2 -0
- package/dist/calendar.js.map +1 -0
- package/dist/card.cjs +2 -0
- package/dist/card.cjs.map +1 -0
- package/dist/card.d.cts +34 -0
- package/dist/card.d.ts +34 -0
- package/dist/card.js +2 -0
- package/dist/card.js.map +1 -0
- package/dist/carousel.cjs +2 -0
- package/dist/carousel.cjs.map +1 -0
- package/dist/carousel.d.cts +47 -0
- package/dist/carousel.d.ts +47 -0
- package/dist/carousel.js +2 -0
- package/dist/carousel.js.map +1 -0
- package/dist/{utils-Bo7GM4B-.cjs → chunk-CUT6urMc.cjs} +1 -2
- package/dist/collapsible.cjs +2 -0
- package/dist/collapsible.cjs.map +1 -0
- package/dist/collapsible.d.cts +16 -0
- package/dist/collapsible.d.ts +16 -0
- package/dist/collapsible.js +2 -0
- package/dist/collapsible.js.map +1 -0
- package/dist/command-BgkG6sKW.d.ts +52 -0
- package/dist/command-Bh1toPH-.cjs +2 -0
- package/dist/command-Bh1toPH-.cjs.map +1 -0
- package/dist/command-C3VVCkM3.d.cts +52 -0
- package/dist/command-DEl_iWXo.js +2 -0
- package/dist/command-DEl_iWXo.js.map +1 -0
- package/dist/command.cjs +1 -0
- package/dist/command.d.cts +3 -0
- package/dist/command.d.ts +3 -0
- package/dist/command.js +1 -0
- package/dist/context-menu.cjs +2 -0
- package/dist/context-menu.cjs.map +1 -0
- package/dist/context-menu.d.cts +76 -0
- package/dist/context-menu.d.ts +76 -0
- package/dist/context-menu.js +2 -0
- package/dist/context-menu.js.map +1 -0
- package/dist/dialog-BRV1Ro1D.cjs +2 -0
- package/dist/dialog-BRV1Ro1D.cjs.map +1 -0
- package/dist/dialog-Biy5wRCC.d.cts +47 -0
- package/dist/dialog-BylavpqI.d.ts +47 -0
- package/dist/dialog-CgosQe5q.js +2 -0
- package/dist/dialog-CgosQe5q.js.map +1 -0
- package/dist/dialog.cjs +1 -0
- package/dist/dialog.d.cts +2 -0
- package/dist/dialog.d.ts +2 -0
- package/dist/dialog.js +1 -0
- package/dist/dropdown-menu.cjs +2 -0
- package/dist/dropdown-menu.cjs.map +1 -0
- package/dist/dropdown-menu.d.cts +78 -0
- package/dist/dropdown-menu.d.ts +78 -0
- package/dist/dropdown-menu.js +2 -0
- package/dist/dropdown-menu.js.map +1 -0
- package/dist/file-uploader.cjs +3 -0
- package/dist/file-uploader.cjs.map +1 -0
- package/dist/file-uploader.d.cts +78 -0
- package/dist/file-uploader.d.ts +78 -0
- package/dist/file-uploader.js +3 -0
- package/dist/file-uploader.js.map +1 -0
- package/dist/form.cjs +2 -0
- package/dist/form.cjs.map +1 -0
- package/dist/form.d.cts +47 -0
- package/dist/form.d.ts +47 -0
- package/dist/form.js +2 -0
- package/dist/form.js.map +1 -0
- package/dist/hover-card.cjs +2 -0
- package/dist/hover-card.cjs.map +1 -0
- package/dist/hover-card.d.cts +19 -0
- package/dist/hover-card.d.ts +19 -0
- package/dist/hover-card.js +2 -0
- package/dist/hover-card.js.map +1 -0
- package/dist/input-3pmkK3b5.js +2 -0
- package/dist/input-3pmkK3b5.js.map +1 -0
- package/dist/input-8iac_flR.d.ts +15 -0
- package/dist/input-BROCl7ef.cjs +2 -0
- package/dist/input-BROCl7ef.cjs.map +1 -0
- package/dist/input-DsHkxcpM.d.cts +15 -0
- package/dist/input-otp.cjs +2 -0
- package/dist/input-otp.cjs.map +1 -0
- package/dist/input-otp.d.cts +28 -0
- package/dist/input-otp.d.ts +28 -0
- package/dist/input-otp.js +2 -0
- package/dist/input-otp.js.map +1 -0
- package/dist/input.cjs +1 -0
- package/dist/input.d.cts +2 -0
- package/dist/input.d.ts +2 -0
- package/dist/input.js +1 -0
- package/dist/label-BWUQswhZ.cjs +2 -0
- package/dist/label-BWUQswhZ.cjs.map +1 -0
- package/dist/label-Bunoo8Hy.js +2 -0
- package/dist/label-Bunoo8Hy.js.map +1 -0
- package/dist/label.cjs +1 -0
- package/dist/label.d.cts +11 -0
- package/dist/label.d.ts +11 -0
- package/dist/label.js +1 -0
- package/dist/menubar.cjs +2 -0
- package/dist/menubar.cjs.map +1 -0
- package/dist/menubar.d.cts +84 -0
- package/dist/menubar.d.ts +84 -0
- package/dist/menubar.js +2 -0
- package/dist/menubar.js.map +1 -0
- package/dist/multi-select.cjs +2 -0
- package/dist/multi-select.cjs.map +1 -0
- package/dist/multi-select.d.cts +81 -0
- package/dist/multi-select.d.ts +81 -0
- package/dist/multi-select.js +2 -0
- package/dist/multi-select.js.map +1 -0
- package/dist/navigation-menu.cjs +2 -0
- package/dist/navigation-menu.cjs.map +1 -0
- package/dist/navigation-menu.d.cts +46 -0
- package/dist/navigation-menu.d.ts +46 -0
- package/dist/navigation-menu.js +2 -0
- package/dist/navigation-menu.js.map +1 -0
- package/dist/pagination.cjs +2 -0
- package/dist/pagination.cjs.map +1 -0
- package/dist/pagination.d.cts +39 -0
- package/dist/pagination.d.ts +39 -0
- package/dist/pagination.js +2 -0
- package/dist/pagination.js.map +1 -0
- package/dist/popover.cjs +2 -0
- package/dist/popover.cjs.map +1 -0
- package/dist/popover.d.cts +23 -0
- package/dist/popover.d.ts +23 -0
- package/dist/popover.js +2 -0
- package/dist/popover.js.map +1 -0
- package/dist/progress-CBXP2lsp.cjs +2 -0
- package/dist/progress-CBXP2lsp.cjs.map +1 -0
- package/dist/progress-Djnu-m1x.js +2 -0
- package/dist/progress-Djnu-m1x.js.map +1 -0
- package/dist/progress.cjs +1 -0
- package/dist/progress.d.cts +12 -0
- package/dist/progress.d.ts +12 -0
- package/dist/progress.js +1 -0
- package/dist/radio-group.cjs +2 -0
- package/dist/radio-group.cjs.map +1 -0
- package/dist/radio-group.d.cts +15 -0
- package/dist/radio-group.d.ts +15 -0
- package/dist/radio-group.js +2 -0
- package/dist/radio-group.js.map +1 -0
- package/dist/resizable.cjs +2 -0
- package/dist/resizable.cjs.map +1 -0
- package/dist/resizable.d.cts +21 -0
- package/dist/resizable.d.ts +21 -0
- package/dist/resizable.js +2 -0
- package/dist/resizable.js.map +1 -0
- package/dist/scroll-area.cjs +2 -0
- package/dist/scroll-area.cjs.map +1 -0
- package/dist/scroll-area.d.cts +17 -0
- package/dist/scroll-area.d.ts +17 -0
- package/dist/scroll-area.js +2 -0
- package/dist/scroll-area.js.map +1 -0
- package/dist/select.cjs +2 -0
- package/dist/select.cjs.map +1 -0
- package/dist/select.d.cts +51 -0
- package/dist/select.d.ts +51 -0
- package/dist/select.js +2 -0
- package/dist/select.js.map +1 -0
- package/dist/separator-9OOo_7TH.cjs +2 -0
- package/dist/separator-9OOo_7TH.cjs.map +1 -0
- package/dist/separator-BPDcnSwd.d.ts +13 -0
- package/dist/separator-BQnQELxf.d.cts +13 -0
- package/dist/separator-BaoBlWkX.js +2 -0
- package/dist/separator-BaoBlWkX.js.map +1 -0
- package/dist/separator.cjs +1 -0
- package/dist/separator.d.cts +2 -0
- package/dist/separator.d.ts +2 -0
- package/dist/separator.js +1 -0
- package/dist/sheet-CiEiXosI.cjs +2 -0
- package/dist/sheet-CiEiXosI.cjs.map +1 -0
- package/dist/sheet-DOuBq08n.js +2 -0
- package/dist/sheet-DOuBq08n.js.map +1 -0
- package/dist/sheet.cjs +1 -0
- package/dist/sheet.d.cts +40 -0
- package/dist/sheet.d.ts +40 -0
- package/dist/sheet.js +1 -0
- package/dist/sidebar.cjs +2 -0
- package/dist/sidebar.cjs.map +1 -0
- package/dist/sidebar.d.cts +167 -0
- package/dist/sidebar.d.ts +167 -0
- package/dist/sidebar.js +2 -0
- package/dist/sidebar.js.map +1 -0
- package/dist/skeleton-6plHDAxf.cjs +2 -0
- package/dist/skeleton-6plHDAxf.cjs.map +1 -0
- package/dist/skeleton-Dk94cI3u.js +2 -0
- package/dist/skeleton-Dk94cI3u.js.map +1 -0
- package/dist/skeleton.cjs +1 -0
- package/dist/skeleton.d.cts +10 -0
- package/dist/skeleton.d.ts +10 -0
- package/dist/skeleton.js +1 -0
- package/dist/slider.cjs +2 -0
- package/dist/slider.cjs.map +1 -0
- package/dist/slider.d.cts +15 -0
- package/dist/slider.d.ts +15 -0
- package/dist/slider.js +2 -0
- package/dist/slider.js.map +1 -0
- package/dist/sonner.cjs +2 -0
- package/dist/sonner.cjs.map +1 -0
- package/dist/sonner.d.cts +7 -0
- package/dist/sonner.d.ts +7 -0
- package/dist/sonner.js +2 -0
- package/dist/sonner.js.map +1 -0
- package/dist/switch.cjs +2 -0
- package/dist/switch.cjs.map +1 -0
- package/dist/switch.d.cts +11 -0
- package/dist/switch.d.ts +11 -0
- package/dist/switch.js +2 -0
- package/dist/switch.js.map +1 -0
- package/dist/table.cjs +2 -0
- package/dist/table.cjs.map +1 -0
- package/dist/table.d.cts +38 -0
- package/dist/table.d.ts +38 -0
- package/dist/table.js +2 -0
- package/dist/table.js.map +1 -0
- package/dist/tabs.cjs +2 -0
- package/dist/tabs.cjs.map +1 -0
- package/dist/tabs.d.cts +23 -0
- package/dist/tabs.d.ts +23 -0
- package/dist/tabs.js +2 -0
- package/dist/tabs.js.map +1 -0
- package/dist/textarea.cjs +2 -0
- package/dist/textarea.cjs.map +1 -0
- package/dist/textarea.d.cts +14 -0
- package/dist/textarea.d.ts +14 -0
- package/dist/textarea.js +2 -0
- package/dist/textarea.js.map +1 -0
- package/dist/toggle-BI0k1RKv.d.ts +19 -0
- package/dist/toggle-BiWsAYlU.js +2 -0
- package/dist/toggle-BiWsAYlU.js.map +1 -0
- package/dist/toggle-D7fc-kHq.d.cts +19 -0
- package/dist/toggle-Dp4zRN_S.cjs +2 -0
- package/dist/toggle-Dp4zRN_S.cjs.map +1 -0
- package/dist/toggle-group.cjs +2 -0
- package/dist/toggle-group.cjs.map +1 -0
- package/dist/toggle-group.d.cts +23 -0
- package/dist/toggle-group.d.ts +23 -0
- package/dist/toggle-group.js +2 -0
- package/dist/toggle-group.js.map +1 -0
- package/dist/toggle.cjs +1 -0
- package/dist/toggle.d.cts +2 -0
- package/dist/toggle.d.ts +2 -0
- package/dist/toggle.js +1 -0
- package/dist/tooltip-C1-JwUE1.d.ts +23 -0
- package/dist/tooltip-CRUIRMCA.d.cts +23 -0
- package/dist/tooltip-CrBGwym3.js +2 -0
- package/dist/tooltip-CrBGwym3.js.map +1 -0
- package/dist/tooltip-DD0V2FX5.cjs +2 -0
- package/dist/tooltip-DD0V2FX5.cjs.map +1 -0
- package/dist/tooltip.cjs +1 -0
- package/dist/tooltip.d.cts +2 -0
- package/dist/tooltip.d.ts +2 -0
- package/dist/tooltip.js +1 -0
- package/dist/utils-BsjVK5EW.cjs +2 -0
- package/dist/utils-BsjVK5EW.cjs.map +1 -0
- package/dist/utils-D9AH0PUV.js +2 -0
- package/dist/utils-D9AH0PUV.js.map +1 -0
- package/package.json +182 -2
- package/dist/button.cjs.map +0 -1
- package/dist/button.js.map +0 -1
- package/dist/utils-Bo7GM4B-.cjs.map +0 -1
- package/dist/utils-CGQEF8PW.js +0 -2
- package/dist/utils-CGQEF8PW.js.map +0 -1
package/dist/button.cjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=button.cjs.map
|
|
1
|
+
"use client";require(`./utils-BsjVK5EW.cjs`);const e=require(`./button-CXoxOggw.cjs`);exports.Button=e.Button,exports.buttonVariants=e.buttonVariants;
|
package/dist/button.d.cts
CHANGED
|
@@ -1,21 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import { VariantProps } from "class-variance-authority";
|
|
4
|
-
|
|
5
|
-
//#region packages/components/ui/button.d.ts
|
|
6
|
-
declare const buttonVariants: (props?: ({
|
|
7
|
-
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
8
|
-
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
9
|
-
} & class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
10
|
-
declare function Button({
|
|
11
|
-
className,
|
|
12
|
-
variant,
|
|
13
|
-
size,
|
|
14
|
-
asChild,
|
|
15
|
-
...props
|
|
16
|
-
}: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
17
|
-
asChild?: boolean;
|
|
18
|
-
}): React.JSX.Element;
|
|
19
|
-
//#endregion
|
|
20
|
-
export { Button, buttonVariants };
|
|
21
|
-
//# sourceMappingURL=button.d.cts.map
|
|
1
|
+
import { Button, buttonVariants } from "./button-B7eGk6JD.cjs";
|
|
2
|
+
export { Button, buttonVariants };
|
package/dist/button.d.ts
CHANGED
|
@@ -1,21 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import * as class_variance_authority_types0 from "class-variance-authority/types";
|
|
4
|
-
|
|
5
|
-
//#region packages/components/ui/button.d.ts
|
|
6
|
-
declare const buttonVariants: (props?: ({
|
|
7
|
-
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
8
|
-
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
9
|
-
} & class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
10
|
-
declare function Button({
|
|
11
|
-
className,
|
|
12
|
-
variant,
|
|
13
|
-
size,
|
|
14
|
-
asChild,
|
|
15
|
-
...props
|
|
16
|
-
}: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
17
|
-
asChild?: boolean;
|
|
18
|
-
}): React.JSX.Element;
|
|
19
|
-
//#endregion
|
|
20
|
-
export { Button, buttonVariants };
|
|
21
|
-
//# sourceMappingURL=button.d.ts.map
|
|
1
|
+
import { Button, buttonVariants } from "./button-DrAGGMHl.js";
|
|
2
|
+
export { Button, buttonVariants };
|
package/dist/button.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=button.js.map
|
|
1
|
+
"use client";import"./utils-D9AH0PUV.js";import{Button as e,buttonVariants as t}from"./button-C1iCV8GH.js";export{e as Button,t as buttonVariants};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use client";const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=require(`./button-CXoxOggw.cjs`),r=e.__toESM(require(`react`)),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`lucide-react`)),o=e.__toESM(require(`react-day-picker`));function s({className:e,classNames:r,showOutsideDays:s=!0,captionLayout:l=`label`,buttonVariant:u=`ghost`,formatters:d,components:f,...p}){let m=(0,o.getDefaultClassNames)();return(0,i.jsx)(o.DayPicker,{showOutsideDays:s,className:t.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`,e),captionLayout:l,formatters:{formatMonthDropdown:e=>e.toLocaleString(`default`,{month:`short`}),...d},classNames:{root:t.cn(`w-fit`,m.root),months:t.cn(`flex gap-4 flex-col md:flex-row relative`,m.months),month:t.cn(`flex flex-col w-full gap-4`,m.month),nav:t.cn(`flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between`,m.nav),button_previous:t.cn(n.buttonVariants({variant:u}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,m.button_previous),button_next:t.cn(n.buttonVariants({variant:u}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,m.button_next),month_caption:t.cn(`flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)`,m.month_caption),dropdowns:t.cn(`w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5`,m.dropdowns),dropdown_root:t.cn(`relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md`,m.dropdown_root),dropdown:t.cn(`absolute inset-0 opacity-0`,m.dropdown),caption_label:t.cn(`select-none font-medium`,l===`label`?`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`,m.caption_label),table:`w-full border-collapse`,weekdays:t.cn(`flex`,m.weekdays),weekday:t.cn(`text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none`,m.weekday),week:t.cn(`flex w-full mt-2`,m.week),week_number_header:t.cn(`select-none w-(--cell-size)`,m.week_number_header),week_number:t.cn(`text-[0.8rem] select-none text-muted-foreground`,m.week_number),day:t.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`,m.day),range_start:t.cn(`rounded-l-md bg-accent`,m.range_start),range_middle:t.cn(`rounded-none`,m.range_middle),range_end:t.cn(`rounded-r-md bg-accent`,m.range_end),today:t.cn(`bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none`,m.today),outside:t.cn(`text-muted-foreground aria-selected:text-muted-foreground`,m.outside),disabled:t.cn(`text-muted-foreground opacity-50`,m.disabled),hidden:t.cn(`invisible`,m.hidden),...r},components:{Root:({className:e,rootRef:n,...r})=>(0,i.jsx)(`div`,{"data-slot":`calendar`,ref:n,className:t.cn(e),...r}),Chevron:({className:e,orientation:n,...r})=>n===`left`?(0,i.jsx)(a.ChevronLeftIcon,{className:t.cn(`size-4`,e),...r}):n===`right`?(0,i.jsx)(a.ChevronRightIcon,{className:t.cn(`size-4`,e),...r}):(0,i.jsx)(a.ChevronDownIcon,{className:t.cn(`size-4`,e),...r}),DayButton:c,WeekNumber:({children:e,...t})=>(0,i.jsx)(`td`,{...t,children:(0,i.jsx)(`div`,{className:`flex size-(--cell-size) items-center justify-center text-center`,children:e})}),...f},...p})}function c({className:e,day:a,modifiers:s,...c}){let l=(0,o.getDefaultClassNames)(),u=r.default.useRef(null);return r.default.useEffect(()=>{s.focused&&u.current?.focus()},[s.focused]),(0,i.jsx)(n.Button,{ref:u,variant:`ghost`,size:`icon`,"data-day":a.date.toLocaleDateString(),"data-selected-single":s.selected&&!s.range_start&&!s.range_end&&!s.range_middle,"data-range-start":s.range_start,"data-range-end":s.range_end,"data-range-middle":s.range_middle,className:t.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`,l.day,e),...c})}exports.Calendar=s,exports.CalendarDayButton=c;
|
|
2
|
+
//# sourceMappingURL=calendar.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar.cjs","names":["DayPicker","cn","buttonVariants","props","className","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","React","Button"],"sources":["../packages/components/ui/calendar.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n} from \"lucide-react\";\nimport { DayButton, DayPicker, getDefaultClassNames } from \"react-day-picker\";\n\nimport { Button, buttonVariants } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n captionLayout = \"label\",\n buttonVariant = \"ghost\",\n formatters,\n components,\n ...props\n}: React.ComponentProps<typeof DayPicker> & {\n buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"];\n}) {\n const defaultClassNames = getDefaultClassNames();\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\n \"bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent\",\n String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n className,\n )}\n captionLayout={captionLayout}\n formatters={{\n formatMonthDropdown: (date) =>\n date.toLocaleString(\"default\", { month: \"short\" }),\n ...formatters,\n }}\n classNames={{\n root: cn(\"w-fit\", defaultClassNames.root),\n months: cn(\n \"flex gap-4 flex-col md:flex-row relative\",\n defaultClassNames.months,\n ),\n month: cn(\"flex flex-col w-full gap-4\", defaultClassNames.month),\n nav: cn(\n \"flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between\",\n defaultClassNames.nav,\n ),\n button_previous: cn(\n buttonVariants({ variant: buttonVariant }),\n \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n defaultClassNames.button_previous,\n ),\n button_next: cn(\n buttonVariants({ variant: buttonVariant }),\n \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n defaultClassNames.button_next,\n ),\n month_caption: cn(\n \"flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)\",\n defaultClassNames.month_caption,\n ),\n dropdowns: cn(\n \"w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5\",\n defaultClassNames.dropdowns,\n ),\n dropdown_root: cn(\n \"relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md\",\n defaultClassNames.dropdown_root,\n ),\n dropdown: cn(\"absolute inset-0 opacity-0\", defaultClassNames.dropdown),\n caption_label: cn(\n \"select-none font-medium\",\n captionLayout === \"label\"\n ? \"text-sm\"\n : \"rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5\",\n defaultClassNames.caption_label,\n ),\n table: \"w-full border-collapse\",\n weekdays: cn(\"flex\", defaultClassNames.weekdays),\n weekday: cn(\n \"text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none\",\n defaultClassNames.weekday,\n ),\n week: cn(\"flex w-full mt-2\", defaultClassNames.week),\n week_number_header: cn(\n \"select-none w-(--cell-size)\",\n defaultClassNames.week_number_header,\n ),\n week_number: cn(\n \"text-[0.8rem] select-none text-muted-foreground\",\n defaultClassNames.week_number,\n ),\n day: cn(\n \"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\",\n defaultClassNames.day,\n ),\n range_start: cn(\n \"rounded-l-md bg-accent\",\n defaultClassNames.range_start,\n ),\n range_middle: cn(\"rounded-none\", defaultClassNames.range_middle),\n range_end: cn(\"rounded-r-md bg-accent\", defaultClassNames.range_end),\n today: cn(\n \"bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none\",\n defaultClassNames.today,\n ),\n outside: cn(\n \"text-muted-foreground aria-selected:text-muted-foreground\",\n defaultClassNames.outside,\n ),\n disabled: cn(\n \"text-muted-foreground opacity-50\",\n defaultClassNames.disabled,\n ),\n hidden: cn(\"invisible\", defaultClassNames.hidden),\n ...classNames,\n }}\n components={{\n Root: ({ className, rootRef, ...props }) => {\n return (\n <div\n data-slot=\"calendar\"\n ref={rootRef}\n className={cn(className)}\n {...props}\n />\n );\n },\n Chevron: ({ className, orientation, ...props }) => {\n if (orientation === \"left\") {\n return (\n <ChevronLeftIcon className={cn(\"size-4\", className)} {...props} />\n );\n }\n\n if (orientation === \"right\") {\n return (\n <ChevronRightIcon\n className={cn(\"size-4\", className)}\n {...props}\n />\n );\n }\n\n return (\n <ChevronDownIcon className={cn(\"size-4\", className)} {...props} />\n );\n },\n DayButton: CalendarDayButton,\n WeekNumber: ({ children, ...props }) => {\n return (\n <td {...props}>\n <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n {children}\n </div>\n </td>\n );\n },\n ...components,\n }}\n {...props}\n />\n );\n}\n\nfunction CalendarDayButton({\n className,\n day,\n modifiers,\n ...props\n}: React.ComponentProps<typeof DayButton>) {\n const defaultClassNames = getDefaultClassNames();\n\n const ref = React.useRef<HTMLButtonElement>(null);\n React.useEffect(() => {\n if (modifiers.focused) ref.current?.focus();\n }, [modifiers.focused]);\n\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n size=\"icon\"\n data-day={day.date.toLocaleDateString()}\n data-selected-single={\n modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle\n }\n data-range-start={modifiers.range_start}\n data-range-end={modifiers.range_end}\n data-range-middle={modifiers.range_middle}\n className={cn(\n \"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\",\n defaultClassNames.day,\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Calendar, CalendarDayButton };\n"],"mappings":"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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Button } from "./button-B7eGk6JD.cjs";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { DayButton, DayPicker } from "react-day-picker";
|
|
4
|
+
|
|
5
|
+
//#region packages/components/ui/calendar.d.ts
|
|
6
|
+
declare function Calendar({
|
|
7
|
+
className,
|
|
8
|
+
classNames,
|
|
9
|
+
showOutsideDays,
|
|
10
|
+
captionLayout,
|
|
11
|
+
buttonVariant,
|
|
12
|
+
formatters,
|
|
13
|
+
components,
|
|
14
|
+
...props
|
|
15
|
+
}: React.ComponentProps<typeof DayPicker> & {
|
|
16
|
+
buttonVariant?: React.ComponentProps<typeof Button>["variant"];
|
|
17
|
+
}): React.JSX.Element;
|
|
18
|
+
declare function CalendarDayButton({
|
|
19
|
+
className,
|
|
20
|
+
day,
|
|
21
|
+
modifiers,
|
|
22
|
+
...props
|
|
23
|
+
}: React.ComponentProps<typeof DayButton>): React.JSX.Element;
|
|
24
|
+
//#endregion
|
|
25
|
+
export { Calendar, CalendarDayButton };
|
|
26
|
+
//# sourceMappingURL=calendar.d.cts.map
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Button } from "./button-DrAGGMHl.js";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { DayButton, DayPicker } from "react-day-picker";
|
|
4
|
+
|
|
5
|
+
//#region packages/components/ui/calendar.d.ts
|
|
6
|
+
declare function Calendar({
|
|
7
|
+
className,
|
|
8
|
+
classNames,
|
|
9
|
+
showOutsideDays,
|
|
10
|
+
captionLayout,
|
|
11
|
+
buttonVariant,
|
|
12
|
+
formatters,
|
|
13
|
+
components,
|
|
14
|
+
...props
|
|
15
|
+
}: React.ComponentProps<typeof DayPicker> & {
|
|
16
|
+
buttonVariant?: React.ComponentProps<typeof Button>["variant"];
|
|
17
|
+
}): React.JSX.Element;
|
|
18
|
+
declare function CalendarDayButton({
|
|
19
|
+
className,
|
|
20
|
+
day,
|
|
21
|
+
modifiers,
|
|
22
|
+
...props
|
|
23
|
+
}: React.ComponentProps<typeof DayButton>): React.JSX.Element;
|
|
24
|
+
//#endregion
|
|
25
|
+
export { Calendar, CalendarDayButton };
|
|
26
|
+
//# sourceMappingURL=calendar.d.ts.map
|
package/dist/calendar.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use client";import{cn as e}from"./utils-D9AH0PUV.js";import{Button as t,buttonVariants as n}from"./button-C1iCV8GH.js";import r from"react";import{jsx as i}from"react/jsx-runtime";import{ChevronDownIcon as a,ChevronLeftIcon as o,ChevronRightIcon as s}from"lucide-react";import{DayButton as c,DayPicker as l,getDefaultClassNames as u}from"react-day-picker";function d({className:t,classNames:r,showOutsideDays:c=!0,captionLayout:d=`label`,buttonVariant:p=`ghost`,formatters:m,components:h,...g}){let _=u();return i(l,{showOutsideDays:c,className:e(`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`,t),captionLayout:d,formatters:{formatMonthDropdown:e=>e.toLocaleString(`default`,{month:`short`}),...m},classNames:{root:e(`w-fit`,_.root),months:e(`flex gap-4 flex-col md:flex-row relative`,_.months),month:e(`flex flex-col w-full gap-4`,_.month),nav:e(`flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between`,_.nav),button_previous:e(n({variant:p}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,_.button_previous),button_next:e(n({variant:p}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,_.button_next),month_caption:e(`flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)`,_.month_caption),dropdowns:e(`w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5`,_.dropdowns),dropdown_root:e(`relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md`,_.dropdown_root),dropdown:e(`absolute inset-0 opacity-0`,_.dropdown),caption_label:e(`select-none font-medium`,d===`label`?`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`,_.caption_label),table:`w-full border-collapse`,weekdays:e(`flex`,_.weekdays),weekday:e(`text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none`,_.weekday),week:e(`flex w-full mt-2`,_.week),week_number_header:e(`select-none w-(--cell-size)`,_.week_number_header),week_number:e(`text-[0.8rem] select-none text-muted-foreground`,_.week_number),day:e(`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`,_.day),range_start:e(`rounded-l-md bg-accent`,_.range_start),range_middle:e(`rounded-none`,_.range_middle),range_end:e(`rounded-r-md bg-accent`,_.range_end),today:e(`bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none`,_.today),outside:e(`text-muted-foreground aria-selected:text-muted-foreground`,_.outside),disabled:e(`text-muted-foreground opacity-50`,_.disabled),hidden:e(`invisible`,_.hidden),...r},components:{Root:({className:t,rootRef:n,...r})=>i(`div`,{"data-slot":`calendar`,ref:n,className:e(t),...r}),Chevron:({className:t,orientation:n,...r})=>i(n===`left`?o:n===`right`?s:a,{className:e(`size-4`,t),...r}),DayButton:f,WeekNumber:({children:e,...t})=>i(`td`,{...t,children:i(`div`,{className:`flex size-(--cell-size) items-center justify-center text-center`,children:e})}),...h},...g})}function f({className:n,day:a,modifiers:o,...s}){let c=u(),l=r.useRef(null);return r.useEffect(()=>{o.focused&&l.current?.focus()},[o.focused]),i(t,{ref:l,variant:`ghost`,size:`icon`,"data-day":a.date.toLocaleDateString(),"data-selected-single":o.selected&&!o.range_start&&!o.range_end&&!o.range_middle,"data-range-start":o.range_start,"data-range-end":o.range_end,"data-range-middle":o.range_middle,className:e(`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`,c.day,n),...s})}export{d as Calendar,f as CalendarDayButton};
|
|
2
|
+
//# sourceMappingURL=calendar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar.js","names":["props","className"],"sources":["../packages/components/ui/calendar.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n} from \"lucide-react\";\nimport { DayButton, DayPicker, getDefaultClassNames } from \"react-day-picker\";\n\nimport { Button, buttonVariants } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n captionLayout = \"label\",\n buttonVariant = \"ghost\",\n formatters,\n components,\n ...props\n}: React.ComponentProps<typeof DayPicker> & {\n buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"];\n}) {\n const defaultClassNames = getDefaultClassNames();\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\n \"bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent\",\n String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n className,\n )}\n captionLayout={captionLayout}\n formatters={{\n formatMonthDropdown: (date) =>\n date.toLocaleString(\"default\", { month: \"short\" }),\n ...formatters,\n }}\n classNames={{\n root: cn(\"w-fit\", defaultClassNames.root),\n months: cn(\n \"flex gap-4 flex-col md:flex-row relative\",\n defaultClassNames.months,\n ),\n month: cn(\"flex flex-col w-full gap-4\", defaultClassNames.month),\n nav: cn(\n \"flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between\",\n defaultClassNames.nav,\n ),\n button_previous: cn(\n buttonVariants({ variant: buttonVariant }),\n \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n defaultClassNames.button_previous,\n ),\n button_next: cn(\n buttonVariants({ variant: buttonVariant }),\n \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n defaultClassNames.button_next,\n ),\n month_caption: cn(\n \"flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)\",\n defaultClassNames.month_caption,\n ),\n dropdowns: cn(\n \"w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5\",\n defaultClassNames.dropdowns,\n ),\n dropdown_root: cn(\n \"relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md\",\n defaultClassNames.dropdown_root,\n ),\n dropdown: cn(\"absolute inset-0 opacity-0\", defaultClassNames.dropdown),\n caption_label: cn(\n \"select-none font-medium\",\n captionLayout === \"label\"\n ? \"text-sm\"\n : \"rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5\",\n defaultClassNames.caption_label,\n ),\n table: \"w-full border-collapse\",\n weekdays: cn(\"flex\", defaultClassNames.weekdays),\n weekday: cn(\n \"text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none\",\n defaultClassNames.weekday,\n ),\n week: cn(\"flex w-full mt-2\", defaultClassNames.week),\n week_number_header: cn(\n \"select-none w-(--cell-size)\",\n defaultClassNames.week_number_header,\n ),\n week_number: cn(\n \"text-[0.8rem] select-none text-muted-foreground\",\n defaultClassNames.week_number,\n ),\n day: cn(\n \"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\",\n defaultClassNames.day,\n ),\n range_start: cn(\n \"rounded-l-md bg-accent\",\n defaultClassNames.range_start,\n ),\n range_middle: cn(\"rounded-none\", defaultClassNames.range_middle),\n range_end: cn(\"rounded-r-md bg-accent\", defaultClassNames.range_end),\n today: cn(\n \"bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none\",\n defaultClassNames.today,\n ),\n outside: cn(\n \"text-muted-foreground aria-selected:text-muted-foreground\",\n defaultClassNames.outside,\n ),\n disabled: cn(\n \"text-muted-foreground opacity-50\",\n defaultClassNames.disabled,\n ),\n hidden: cn(\"invisible\", defaultClassNames.hidden),\n ...classNames,\n }}\n components={{\n Root: ({ className, rootRef, ...props }) => {\n return (\n <div\n data-slot=\"calendar\"\n ref={rootRef}\n className={cn(className)}\n {...props}\n />\n );\n },\n Chevron: ({ className, orientation, ...props }) => {\n if (orientation === \"left\") {\n return (\n <ChevronLeftIcon className={cn(\"size-4\", className)} {...props} />\n );\n }\n\n if (orientation === \"right\") {\n return (\n <ChevronRightIcon\n className={cn(\"size-4\", className)}\n {...props}\n />\n );\n }\n\n return (\n <ChevronDownIcon className={cn(\"size-4\", className)} {...props} />\n );\n },\n DayButton: CalendarDayButton,\n WeekNumber: ({ children, ...props }) => {\n return (\n <td {...props}>\n <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n {children}\n </div>\n </td>\n );\n },\n ...components,\n }}\n {...props}\n />\n );\n}\n\nfunction CalendarDayButton({\n className,\n day,\n modifiers,\n ...props\n}: React.ComponentProps<typeof DayButton>) {\n const defaultClassNames = getDefaultClassNames();\n\n const ref = React.useRef<HTMLButtonElement>(null);\n React.useEffect(() => {\n if (modifiers.focused) ref.current?.focus();\n }, [modifiers.focused]);\n\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n size=\"icon\"\n data-day={day.date.toLocaleDateString()}\n data-selected-single={\n modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle\n }\n data-range-start={modifiers.range_start}\n data-range-end={modifiers.range_end}\n data-range-middle={modifiers.range_middle}\n className={cn(\n \"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\",\n defaultClassNames.day,\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Calendar, CalendarDayButton };\n"],"mappings":"qWAYA,SAAS,EAAS,CAChB,YACA,aACA,kBAAkB,GAClB,gBAAgB,QAChB,gBAAgB,QAChB,aACA,aACA,GAAG,EAGJ,CAAE,CACD,IAAM,EAAoB,IAE1B,OACE,EAAC,EAAA,CACkB,kBACjB,UAAW,EACT,yJACA,OAAO,GAAG,4CACV,OAAO,GAAG,gDACV,GAEa,gBACf,WAAY,CACV,oBAAsB,GACpB,EAAK,eAAe,UAAW,CAAE,MAAO,QAAS,EACnD,GAAG,EACJ,CACD,WAAY,CACV,KAAM,EAAG,QAAS,EAAkB,MACpC,OAAQ,EACN,2CACA,EAAkB,QAEpB,MAAO,EAAG,6BAA8B,EAAkB,OAC1D,IAAK,EACH,0EACA,EAAkB,KAEpB,gBAAiB,EACf,EAAe,CAAE,QAAS,EAAe,EACzC,8DACA,EAAkB,iBAEpB,YAAa,EACX,EAAe,CAAE,QAAS,EAAe,EACzC,8DACA,EAAkB,aAEpB,cAAe,EACb,2EACA,EAAkB,eAEpB,UAAW,EACT,sFACA,EAAkB,WAEpB,cAAe,EACb,sHACA,EAAkB,eAEpB,SAAU,EAAG,6BAA8B,EAAkB,UAC7D,cAAe,EACb,0BACA,IAAkB,QACd,UACA,0GACJ,EAAkB,eAEpB,MAAO,yBACP,SAAU,EAAG,OAAQ,EAAkB,UACvC,QAAS,EACP,gFACA,EAAkB,SAEpB,KAAM,EAAG,mBAAoB,EAAkB,MAC/C,mBAAoB,EAClB,8BACA,EAAkB,oBAEpB,YAAa,EACX,kDACA,EAAkB,aAEpB,IAAK,EACH,4LACA,EAAkB,KAEpB,YAAa,EACX,yBACA,EAAkB,aAEpB,aAAc,EAAG,eAAgB,EAAkB,cACnD,UAAW,EAAG,yBAA0B,EAAkB,WAC1D,MAAO,EACL,gFACA,EAAkB,OAEpB,QAAS,EACP,4DACA,EAAkB,SAEpB,SAAU,EACR,mCACA,EAAkB,UAEpB,OAAQ,EAAG,YAAa,EAAkB,QAC1C,GAAG,EACJ,CACD,WAAY,CACV,MAAO,CAAE,UAAA,EAAW,UAAS,GAAGA,EAAO,GAEnC,EAAC,MAAA,CACC,YAAU,WACV,IAAK,EACL,UAAW,EAAGC,GACd,GAAID,IAIV,SAAU,CAAE,UAAA,EAAW,cAAa,GAAGA,EAAO,GAGxC,EAFA,IAAgB,OAEf,EAID,IAAgB,QAEf,EAQF,EAdE,CAAgB,UAAW,EAAG,SAAUC,GAAY,GAAID,IAiB/D,UAAW,EACX,YAAa,CAAE,WAAU,GAAGA,EAAO,GAE/B,EAAC,KAAA,CAAG,GAAIA,WACN,EAAC,MAAA,CAAI,UAAU,kEACZ,eAKT,GAAG,EACJ,CACD,GAAI,GAGT,CAED,SAAS,EAAkB,CACzB,YACA,MACA,YACA,GAAG,EACoC,CAAE,CACzC,IAAM,EAAoB,IAEpB,EAAM,EAAM,OAA0B,MAK5C,OAJA,EAAM,cAAgB,CAChB,EAAU,SAAS,EAAI,SAAS,OACrC,EAAE,CAAC,EAAU,QAAQ,EAGpB,EAAC,EAAA,CACM,MACL,QAAQ,QACR,KAAK,OACL,WAAU,EAAI,KAAK,qBACnB,uBACE,EAAU,UACV,CAAC,EAAU,aACX,CAAC,EAAU,WACX,CAAC,EAAU,aAEb,mBAAkB,EAAU,YAC5B,iBAAgB,EAAU,UAC1B,oBAAmB,EAAU,aAC7B,UAAW,EACT,m3BACA,EAAkB,IAClB,GAEF,GAAI,GAGT"}
|
package/dist/card.cjs
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`));function i({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card`,className:t.cn(`bg-card text-card-foreground shadow-card flex flex-col gap-6 rounded-2xl border py-6`,e),...n})}function a({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-header`,className:t.cn(`@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6`,e),...n})}function o({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-title`,className:t.cn(`leading-none font-semibold`,e),...n})}function s({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-description`,className:t.cn(`text-muted-foreground text-sm`,e),...n})}function c({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-action`,className:t.cn(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,e),...n})}function l({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-content`,className:t.cn(`px-6 text-sm`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-footer`,className:t.cn(`flex items-center px-6 text-sm [.border-t]:pt-6`,e),...n})}exports.Card=i,exports.CardAction=c,exports.CardContent=l,exports.CardDescription=s,exports.CardFooter=u,exports.CardHeader=a,exports.CardTitle=o;
|
|
2
|
+
//# sourceMappingURL=card.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.cjs","names":["cn"],"sources":["../packages/components/ui/card.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card\"\n className={cn(\n \"bg-card text-card-foreground shadow-card flex flex-col gap-6 rounded-2xl border py-6\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-header\"\n className={cn(\n \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-title\"\n className={cn(\"leading-none font-semibold\", className)}\n {...props}\n />\n );\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n );\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-action\"\n className={cn(\n \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn(\"px-6 text-sm\", className)}\n {...props}\n />\n );\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-footer\"\n className={cn(\n \"flex items-center px-6 text-sm [.border-t]:pt-6\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport {\n Card,\n CardAction,\n CardContent,\n CardDescription,\n CardFooter,\n CardHeader,\n CardTitle,\n};\n"],"mappings":"kJAIA,SAAS,EAAK,CAAE,YAAW,GAAG,EAAoC,CAAE,CAClE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,OACV,UAAWA,EAAAA,GACT,uFACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAW,CAAE,YAAW,GAAG,EAAoC,CAAE,CACxE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,cACV,UAAWA,EAAAA,GACT,6JACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAU,CAAE,YAAW,GAAG,EAAoC,CAAE,CACvE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,aACV,UAAWA,EAAAA,GAAG,6BAA8B,GAC5C,GAAI,GAGT,CAED,SAAS,EAAgB,CAAE,YAAW,GAAG,EAAoC,CAAE,CAC7E,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,mBACV,UAAWA,EAAAA,GAAG,gCAAiC,GAC/C,GAAI,GAGT,CAED,SAAS,EAAW,CAAE,YAAW,GAAG,EAAoC,CAAE,CACxE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,cACV,UAAWA,EAAAA,GACT,iEACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAY,CAAE,YAAW,GAAG,EAAoC,CAAE,CACzE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,eACV,UAAWA,EAAAA,GAAG,eAAgB,GAC9B,GAAI,GAGT,CAED,SAAS,EAAW,CAAE,YAAW,GAAG,EAAoC,CAAE,CACxE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,cACV,UAAWA,EAAAA,GACT,kDACA,GAEF,GAAI,GAGT"}
|
package/dist/card.d.cts
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
|
|
3
|
+
//#region packages/components/ui/card.d.ts
|
|
4
|
+
declare function Card({
|
|
5
|
+
className,
|
|
6
|
+
...props
|
|
7
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
8
|
+
declare function CardHeader({
|
|
9
|
+
className,
|
|
10
|
+
...props
|
|
11
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
12
|
+
declare function CardTitle({
|
|
13
|
+
className,
|
|
14
|
+
...props
|
|
15
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
16
|
+
declare function CardDescription({
|
|
17
|
+
className,
|
|
18
|
+
...props
|
|
19
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
20
|
+
declare function CardAction({
|
|
21
|
+
className,
|
|
22
|
+
...props
|
|
23
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
24
|
+
declare function CardContent({
|
|
25
|
+
className,
|
|
26
|
+
...props
|
|
27
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
28
|
+
declare function CardFooter({
|
|
29
|
+
className,
|
|
30
|
+
...props
|
|
31
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
32
|
+
//#endregion
|
|
33
|
+
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|
|
34
|
+
//# sourceMappingURL=card.d.cts.map
|
package/dist/card.d.ts
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
|
|
3
|
+
//#region packages/components/ui/card.d.ts
|
|
4
|
+
declare function Card({
|
|
5
|
+
className,
|
|
6
|
+
...props
|
|
7
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
8
|
+
declare function CardHeader({
|
|
9
|
+
className,
|
|
10
|
+
...props
|
|
11
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
12
|
+
declare function CardTitle({
|
|
13
|
+
className,
|
|
14
|
+
...props
|
|
15
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
16
|
+
declare function CardDescription({
|
|
17
|
+
className,
|
|
18
|
+
...props
|
|
19
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
20
|
+
declare function CardAction({
|
|
21
|
+
className,
|
|
22
|
+
...props
|
|
23
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
24
|
+
declare function CardContent({
|
|
25
|
+
className,
|
|
26
|
+
...props
|
|
27
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
28
|
+
declare function CardFooter({
|
|
29
|
+
className,
|
|
30
|
+
...props
|
|
31
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
32
|
+
//#endregion
|
|
33
|
+
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|
|
34
|
+
//# sourceMappingURL=card.d.ts.map
|
package/dist/card.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{jsx as n}from"react/jsx-runtime";function r({className:t,...r}){return n(`div`,{"data-slot":`card`,className:e(`bg-card text-card-foreground shadow-card flex flex-col gap-6 rounded-2xl border py-6`,t),...r})}function i({className:t,...r}){return n(`div`,{"data-slot":`card-header`,className:e(`@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6`,t),...r})}function a({className:t,...r}){return n(`div`,{"data-slot":`card-title`,className:e(`leading-none font-semibold`,t),...r})}function o({className:t,...r}){return n(`div`,{"data-slot":`card-description`,className:e(`text-muted-foreground text-sm`,t),...r})}function s({className:t,...r}){return n(`div`,{"data-slot":`card-action`,className:e(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,t),...r})}function c({className:t,...r}){return n(`div`,{"data-slot":`card-content`,className:e(`px-6 text-sm`,t),...r})}function l({className:t,...r}){return n(`div`,{"data-slot":`card-footer`,className:e(`flex items-center px-6 text-sm [.border-t]:pt-6`,t),...r})}export{r as Card,s as CardAction,c as CardContent,o as CardDescription,l as CardFooter,i as CardHeader,a as CardTitle};
|
|
2
|
+
//# sourceMappingURL=card.js.map
|
package/dist/card.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.js","names":[],"sources":["../packages/components/ui/card.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card\"\n className={cn(\n \"bg-card text-card-foreground shadow-card flex flex-col gap-6 rounded-2xl border py-6\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-header\"\n className={cn(\n \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-title\"\n className={cn(\"leading-none font-semibold\", className)}\n {...props}\n />\n );\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n );\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-action\"\n className={cn(\n \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn(\"px-6 text-sm\", className)}\n {...props}\n />\n );\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-footer\"\n className={cn(\n \"flex items-center px-6 text-sm [.border-t]:pt-6\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport {\n Card,\n CardAction,\n CardContent,\n CardDescription,\n CardFooter,\n CardHeader,\n CardTitle,\n};\n"],"mappings":"sGAIA,SAAS,EAAK,CAAE,YAAW,GAAG,EAAoC,CAAE,CAClE,OACE,EAAC,MAAA,CACC,YAAU,OACV,UAAW,EACT,uFACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAW,CAAE,YAAW,GAAG,EAAoC,CAAE,CACxE,OACE,EAAC,MAAA,CACC,YAAU,cACV,UAAW,EACT,6JACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAU,CAAE,YAAW,GAAG,EAAoC,CAAE,CACvE,OACE,EAAC,MAAA,CACC,YAAU,aACV,UAAW,EAAG,6BAA8B,GAC5C,GAAI,GAGT,CAED,SAAS,EAAgB,CAAE,YAAW,GAAG,EAAoC,CAAE,CAC7E,OACE,EAAC,MAAA,CACC,YAAU,mBACV,UAAW,EAAG,gCAAiC,GAC/C,GAAI,GAGT,CAED,SAAS,EAAW,CAAE,YAAW,GAAG,EAAoC,CAAE,CACxE,OACE,EAAC,MAAA,CACC,YAAU,cACV,UAAW,EACT,iEACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAY,CAAE,YAAW,GAAG,EAAoC,CAAE,CACzE,OACE,EAAC,MAAA,CACC,YAAU,eACV,UAAW,EAAG,eAAgB,GAC9B,GAAI,GAGT,CAED,SAAS,EAAW,CAAE,YAAW,GAAG,EAAoC,CAAE,CACxE,OACE,EAAC,MAAA,CACC,YAAU,cACV,UAAW,EACT,kDACA,GAEF,GAAI,GAGT"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use client";const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=require(`./button-CXoxOggw.cjs`),r=e.__toESM(require(`react`)),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`lucide-react`)),o=e.__toESM(require(`embla-carousel-react`)),s=r.default.createContext(null);function c(){let e=r.default.useContext(s);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}function l({orientation:e=`horizontal`,opts:n,setApi:a,plugins:c,className:l,children:u,...d}){let[f,p]=(0,o.default)({...n,axis:e===`horizontal`?`x`:`y`},c),[m,h]=r.default.useState(!1),[g,_]=r.default.useState(!1),v=r.default.useCallback(e=>{e&&(h(e.canScrollPrev()),_(e.canScrollNext()))},[]),y=r.default.useCallback(()=>{p?.scrollPrev()},[p]),b=r.default.useCallback(()=>{p?.scrollNext()},[p]),x=r.default.useCallback(e=>{e.key===`ArrowLeft`?(e.preventDefault(),y()):e.key===`ArrowRight`&&(e.preventDefault(),b())},[y,b]);return r.default.useEffect(()=>{!p||!a||a(p)},[p,a]),r.default.useEffect(()=>{if(p)return v(p),p.on(`reInit`,v),p.on(`select`,v),()=>{p?.off(`select`,v)}},[p,v]),(0,i.jsx)(s.Provider,{value:{carouselRef:f,api:p,opts:n,orientation:e||(n?.axis===`y`?`vertical`:`horizontal`),scrollPrev:y,scrollNext:b,canScrollPrev:m,canScrollNext:g},children:(0,i.jsx)(`div`,{onKeyDownCapture:x,className:t.cn(`relative`,l),role:`region`,"aria-roledescription":`carousel`,"data-slot":`carousel`,...d,children:u})})}function u({className:e,...n}){let{carouselRef:r,orientation:a}=c();return(0,i.jsx)(`div`,{ref:r,className:`overflow-hidden`,"data-slot":`carousel-content`,children:(0,i.jsx)(`div`,{className:t.cn(`flex`,a===`horizontal`?`-ml-4`:`-mt-4 flex-col`,e),...n})})}function d({className:e,...n}){let{orientation:r}=c();return(0,i.jsx)(`div`,{role:`group`,"aria-roledescription":`slide`,"data-slot":`carousel-item`,className:t.cn(`min-w-0 shrink-0 grow-0 basis-full`,r===`horizontal`?`pl-4`:`pt-4`,e),...n})}function f({className:e,variant:r=`outline`,size:o=`icon`,...s}){let{orientation:l,scrollPrev:u,canScrollPrev:d}=c();return(0,i.jsxs)(n.Button,{"data-slot":`carousel-previous`,variant:r,size:o,className:t.cn(`absolute size-8 rounded-full`,l===`horizontal`?`top-1/2 -left-12 -translate-y-1/2`:`-top-12 left-1/2 -translate-x-1/2 rotate-90`,e),disabled:!d,onClick:u,...s,children:[(0,i.jsx)(a.ArrowLeft,{}),(0,i.jsx)(`span`,{className:`sr-only`,children:`Previous slide`})]})}function p({className:e,variant:r=`outline`,size:o=`icon`,...s}){let{orientation:l,scrollNext:u,canScrollNext:d}=c();return(0,i.jsxs)(n.Button,{"data-slot":`carousel-next`,variant:r,size:o,className:t.cn(`absolute size-8 rounded-full`,l===`horizontal`?`top-1/2 -right-12 -translate-y-1/2`:`-bottom-12 left-1/2 -translate-x-1/2 rotate-90`,e),disabled:!d,onClick:u,...s,children:[(0,i.jsx)(a.ArrowRight,{}),(0,i.jsx)(`span`,{className:`sr-only`,children:`Next slide`})]})}exports.Carousel=l,exports.CarouselContent=u,exports.CarouselItem=d,exports.CarouselNext=p,exports.CarouselPrevious=f;
|
|
2
|
+
//# sourceMappingURL=carousel.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel.cjs","names":["React","api","cn","Button","ArrowLeft","ArrowRight"],"sources":["../packages/components/ui/carousel.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { ArrowLeft, ArrowRight } from \"lucide-react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nimport useEmblaCarousel, {\n type UseEmblaCarouselType,\n} from \"embla-carousel-react\";\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n opts?: CarouselOptions;\n plugins?: CarouselPlugin;\n orientation?: \"horizontal\" | \"vertical\";\n setApi?: (api: CarouselApi) => void;\n};\n\ntype CarouselContextProps = {\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n api: ReturnType<typeof useEmblaCarousel>[1];\n scrollPrev: () => void;\n scrollNext: () => void;\n canScrollPrev: boolean;\n canScrollNext: boolean;\n} & CarouselProps;\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\n\nfunction useCarousel() {\n const context = React.useContext(CarouselContext);\n\n if (!context) {\n throw new Error(\"useCarousel must be used within a <Carousel />\");\n }\n\n return context;\n}\n\nfunction Carousel({\n orientation = \"horizontal\",\n opts,\n setApi,\n plugins,\n className,\n children,\n ...props\n}: React.ComponentProps<\"div\"> & CarouselProps) {\n const [carouselRef, api] = useEmblaCarousel(\n {\n ...opts,\n axis: orientation === \"horizontal\" ? \"x\" : \"y\",\n },\n plugins,\n );\n const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n const onSelect = React.useCallback((api: CarouselApi) => {\n if (!api) return;\n setCanScrollPrev(api.canScrollPrev());\n setCanScrollNext(api.canScrollNext());\n }, []);\n\n const scrollPrev = React.useCallback(() => {\n api?.scrollPrev();\n }, [api]);\n\n const scrollNext = React.useCallback(() => {\n api?.scrollNext();\n }, [api]);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \"ArrowLeft\") {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === \"ArrowRight\") {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext],\n );\n\n React.useEffect(() => {\n if (!api || !setApi) return;\n setApi(api);\n }, [api, setApi]);\n\n React.useEffect(() => {\n if (!api) return;\n onSelect(api);\n api.on(\"reInit\", onSelect);\n api.on(\"select\", onSelect);\n\n return () => {\n api?.off(\"select\", onSelect);\n };\n }, [api, onSelect]);\n\n return (\n <CarouselContext.Provider\n value={{\n carouselRef,\n api: api,\n opts,\n orientation:\n orientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n scrollPrev,\n scrollNext,\n canScrollPrev,\n canScrollNext,\n }}\n >\n <div\n onKeyDownCapture={handleKeyDown}\n className={cn(\"relative\", className)}\n role=\"region\"\n aria-roledescription=\"carousel\"\n data-slot=\"carousel\"\n {...props}\n >\n {children}\n </div>\n </CarouselContext.Provider>\n );\n}\n\nfunction CarouselContent({ className, ...props }: React.ComponentProps<\"div\">) {\n const { carouselRef, orientation } = useCarousel();\n\n return (\n <div\n ref={carouselRef}\n className=\"overflow-hidden\"\n data-slot=\"carousel-content\"\n >\n <div\n className={cn(\n \"flex\",\n orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n className,\n )}\n {...props}\n />\n </div>\n );\n}\n\nfunction CarouselItem({ className, ...props }: React.ComponentProps<\"div\">) {\n const { orientation } = useCarousel();\n\n return (\n <div\n role=\"group\"\n aria-roledescription=\"slide\"\n data-slot=\"carousel-item\"\n className={cn(\n \"min-w-0 shrink-0 grow-0 basis-full\",\n orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CarouselPrevious({\n className,\n variant = \"outline\",\n size = \"icon\",\n ...props\n}: React.ComponentProps<typeof Button>) {\n const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n return (\n <Button\n data-slot=\"carousel-previous\"\n variant={variant}\n size={size}\n className={cn(\n \"absolute size-8 rounded-full\",\n orientation === \"horizontal\"\n ? \"top-1/2 -left-12 -translate-y-1/2\"\n : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n className,\n )}\n disabled={!canScrollPrev}\n onClick={scrollPrev}\n {...props}\n >\n <ArrowLeft />\n <span className=\"sr-only\">Previous slide</span>\n </Button>\n );\n}\n\nfunction CarouselNext({\n className,\n variant = \"outline\",\n size = \"icon\",\n ...props\n}: React.ComponentProps<typeof Button>) {\n const { orientation, scrollNext, canScrollNext } = useCarousel();\n\n return (\n <Button\n data-slot=\"carousel-next\"\n variant={variant}\n size={size}\n className={cn(\n \"absolute size-8 rounded-full\",\n orientation === \"horizontal\"\n ? \"top-1/2 -right-12 -translate-y-1/2\"\n : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n className,\n )}\n disabled={!canScrollNext}\n onClick={scrollNext}\n {...props}\n >\n <ArrowRight />\n <span className=\"sr-only\">Next slide</span>\n </Button>\n );\n}\n\nexport {\n Carousel,\n type CarouselApi,\n CarouselContent,\n CarouselItem,\n CarouselNext,\n CarouselPrevious,\n};\n"],"mappings":"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"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { Button } from "./button-B7eGk6JD.cjs";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
|
|
4
|
+
|
|
5
|
+
//#region packages/components/ui/carousel.d.ts
|
|
6
|
+
type CarouselApi = UseEmblaCarouselType[1];
|
|
7
|
+
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
8
|
+
type CarouselOptions = UseCarouselParameters[0];
|
|
9
|
+
type CarouselPlugin = UseCarouselParameters[1];
|
|
10
|
+
type CarouselProps = {
|
|
11
|
+
opts?: CarouselOptions;
|
|
12
|
+
plugins?: CarouselPlugin;
|
|
13
|
+
orientation?: "horizontal" | "vertical";
|
|
14
|
+
setApi?: (api: CarouselApi) => void;
|
|
15
|
+
};
|
|
16
|
+
declare function Carousel({
|
|
17
|
+
orientation,
|
|
18
|
+
opts,
|
|
19
|
+
setApi,
|
|
20
|
+
plugins,
|
|
21
|
+
className,
|
|
22
|
+
children,
|
|
23
|
+
...props
|
|
24
|
+
}: React.ComponentProps<"div"> & CarouselProps): React.JSX.Element;
|
|
25
|
+
declare function CarouselContent({
|
|
26
|
+
className,
|
|
27
|
+
...props
|
|
28
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
29
|
+
declare function CarouselItem({
|
|
30
|
+
className,
|
|
31
|
+
...props
|
|
32
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
33
|
+
declare function CarouselPrevious({
|
|
34
|
+
className,
|
|
35
|
+
variant,
|
|
36
|
+
size,
|
|
37
|
+
...props
|
|
38
|
+
}: React.ComponentProps<typeof Button>): React.JSX.Element;
|
|
39
|
+
declare function CarouselNext({
|
|
40
|
+
className,
|
|
41
|
+
variant,
|
|
42
|
+
size,
|
|
43
|
+
...props
|
|
44
|
+
}: React.ComponentProps<typeof Button>): React.JSX.Element;
|
|
45
|
+
//#endregion
|
|
46
|
+
export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
|
|
47
|
+
//# sourceMappingURL=carousel.d.cts.map
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { Button } from "./button-DrAGGMHl.js";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
|
|
4
|
+
|
|
5
|
+
//#region packages/components/ui/carousel.d.ts
|
|
6
|
+
type CarouselApi = UseEmblaCarouselType[1];
|
|
7
|
+
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
8
|
+
type CarouselOptions = UseCarouselParameters[0];
|
|
9
|
+
type CarouselPlugin = UseCarouselParameters[1];
|
|
10
|
+
type CarouselProps = {
|
|
11
|
+
opts?: CarouselOptions;
|
|
12
|
+
plugins?: CarouselPlugin;
|
|
13
|
+
orientation?: "horizontal" | "vertical";
|
|
14
|
+
setApi?: (api: CarouselApi) => void;
|
|
15
|
+
};
|
|
16
|
+
declare function Carousel({
|
|
17
|
+
orientation,
|
|
18
|
+
opts,
|
|
19
|
+
setApi,
|
|
20
|
+
plugins,
|
|
21
|
+
className,
|
|
22
|
+
children,
|
|
23
|
+
...props
|
|
24
|
+
}: React.ComponentProps<"div"> & CarouselProps): React.JSX.Element;
|
|
25
|
+
declare function CarouselContent({
|
|
26
|
+
className,
|
|
27
|
+
...props
|
|
28
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
29
|
+
declare function CarouselItem({
|
|
30
|
+
className,
|
|
31
|
+
...props
|
|
32
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
33
|
+
declare function CarouselPrevious({
|
|
34
|
+
className,
|
|
35
|
+
variant,
|
|
36
|
+
size,
|
|
37
|
+
...props
|
|
38
|
+
}: React.ComponentProps<typeof Button>): React.JSX.Element;
|
|
39
|
+
declare function CarouselNext({
|
|
40
|
+
className,
|
|
41
|
+
variant,
|
|
42
|
+
size,
|
|
43
|
+
...props
|
|
44
|
+
}: React.ComponentProps<typeof Button>): React.JSX.Element;
|
|
45
|
+
//#endregion
|
|
46
|
+
export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
|
|
47
|
+
//# sourceMappingURL=carousel.d.ts.map
|
package/dist/carousel.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use client";import{cn as e}from"./utils-D9AH0PUV.js";import{Button as t}from"./button-C1iCV8GH.js";import n from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{ArrowLeft as a,ArrowRight as o}from"lucide-react";import s from"embla-carousel-react";const c=n.createContext(null);function l(){let e=n.useContext(c);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}function u({orientation:t=`horizontal`,opts:i,setApi:a,plugins:o,className:l,children:u,...d}){let[f,p]=s({...i,axis:t===`horizontal`?`x`:`y`},o),[m,h]=n.useState(!1),[g,_]=n.useState(!1),v=n.useCallback(e=>{e&&(h(e.canScrollPrev()),_(e.canScrollNext()))},[]),y=n.useCallback(()=>{p?.scrollPrev()},[p]),b=n.useCallback(()=>{p?.scrollNext()},[p]),x=n.useCallback(e=>{e.key===`ArrowLeft`?(e.preventDefault(),y()):e.key===`ArrowRight`&&(e.preventDefault(),b())},[y,b]);return n.useEffect(()=>{!p||!a||a(p)},[p,a]),n.useEffect(()=>{if(p)return v(p),p.on(`reInit`,v),p.on(`select`,v),()=>{p?.off(`select`,v)}},[p,v]),r(c.Provider,{value:{carouselRef:f,api:p,opts:i,orientation:t||(i?.axis===`y`?`vertical`:`horizontal`),scrollPrev:y,scrollNext:b,canScrollPrev:m,canScrollNext:g},children:r(`div`,{onKeyDownCapture:x,className:e(`relative`,l),role:`region`,"aria-roledescription":`carousel`,"data-slot":`carousel`,...d,children:u})})}function d({className:t,...n}){let{carouselRef:i,orientation:a}=l();return r(`div`,{ref:i,className:`overflow-hidden`,"data-slot":`carousel-content`,children:r(`div`,{className:e(`flex`,a===`horizontal`?`-ml-4`:`-mt-4 flex-col`,t),...n})})}function f({className:t,...n}){let{orientation:i}=l();return r(`div`,{role:`group`,"aria-roledescription":`slide`,"data-slot":`carousel-item`,className:e(`min-w-0 shrink-0 grow-0 basis-full`,i===`horizontal`?`pl-4`:`pt-4`,t),...n})}function p({className:n,variant:o=`outline`,size:s=`icon`,...c}){let{orientation:u,scrollPrev:d,canScrollPrev:f}=l();return i(t,{"data-slot":`carousel-previous`,variant:o,size:s,className:e(`absolute size-8 rounded-full`,u===`horizontal`?`top-1/2 -left-12 -translate-y-1/2`:`-top-12 left-1/2 -translate-x-1/2 rotate-90`,n),disabled:!f,onClick:d,...c,children:[r(a,{}),r(`span`,{className:`sr-only`,children:`Previous slide`})]})}function m({className:n,variant:a=`outline`,size:s=`icon`,...c}){let{orientation:u,scrollNext:d,canScrollNext:f}=l();return i(t,{"data-slot":`carousel-next`,variant:a,size:s,className:e(`absolute size-8 rounded-full`,u===`horizontal`?`top-1/2 -right-12 -translate-y-1/2`:`-bottom-12 left-1/2 -translate-x-1/2 rotate-90`,n),disabled:!f,onClick:d,...c,children:[r(o,{}),r(`span`,{className:`sr-only`,children:`Next slide`})]})}export{u as Carousel,d as CarouselContent,f as CarouselItem,m as CarouselNext,p as CarouselPrevious};
|
|
2
|
+
//# sourceMappingURL=carousel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel.js","names":["api"],"sources":["../packages/components/ui/carousel.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { ArrowLeft, ArrowRight } from \"lucide-react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nimport useEmblaCarousel, {\n type UseEmblaCarouselType,\n} from \"embla-carousel-react\";\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n opts?: CarouselOptions;\n plugins?: CarouselPlugin;\n orientation?: \"horizontal\" | \"vertical\";\n setApi?: (api: CarouselApi) => void;\n};\n\ntype CarouselContextProps = {\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n api: ReturnType<typeof useEmblaCarousel>[1];\n scrollPrev: () => void;\n scrollNext: () => void;\n canScrollPrev: boolean;\n canScrollNext: boolean;\n} & CarouselProps;\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\n\nfunction useCarousel() {\n const context = React.useContext(CarouselContext);\n\n if (!context) {\n throw new Error(\"useCarousel must be used within a <Carousel />\");\n }\n\n return context;\n}\n\nfunction Carousel({\n orientation = \"horizontal\",\n opts,\n setApi,\n plugins,\n className,\n children,\n ...props\n}: React.ComponentProps<\"div\"> & CarouselProps) {\n const [carouselRef, api] = useEmblaCarousel(\n {\n ...opts,\n axis: orientation === \"horizontal\" ? \"x\" : \"y\",\n },\n plugins,\n );\n const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n const [canScrollNext, setCanScrollNext] = React.useState(false);\n\n const onSelect = React.useCallback((api: CarouselApi) => {\n if (!api) return;\n setCanScrollPrev(api.canScrollPrev());\n setCanScrollNext(api.canScrollNext());\n }, []);\n\n const scrollPrev = React.useCallback(() => {\n api?.scrollPrev();\n }, [api]);\n\n const scrollNext = React.useCallback(() => {\n api?.scrollNext();\n }, [api]);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \"ArrowLeft\") {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === \"ArrowRight\") {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext],\n );\n\n React.useEffect(() => {\n if (!api || !setApi) return;\n setApi(api);\n }, [api, setApi]);\n\n React.useEffect(() => {\n if (!api) return;\n onSelect(api);\n api.on(\"reInit\", onSelect);\n api.on(\"select\", onSelect);\n\n return () => {\n api?.off(\"select\", onSelect);\n };\n }, [api, onSelect]);\n\n return (\n <CarouselContext.Provider\n value={{\n carouselRef,\n api: api,\n opts,\n orientation:\n orientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n scrollPrev,\n scrollNext,\n canScrollPrev,\n canScrollNext,\n }}\n >\n <div\n onKeyDownCapture={handleKeyDown}\n className={cn(\"relative\", className)}\n role=\"region\"\n aria-roledescription=\"carousel\"\n data-slot=\"carousel\"\n {...props}\n >\n {children}\n </div>\n </CarouselContext.Provider>\n );\n}\n\nfunction CarouselContent({ className, ...props }: React.ComponentProps<\"div\">) {\n const { carouselRef, orientation } = useCarousel();\n\n return (\n <div\n ref={carouselRef}\n className=\"overflow-hidden\"\n data-slot=\"carousel-content\"\n >\n <div\n className={cn(\n \"flex\",\n orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n className,\n )}\n {...props}\n />\n </div>\n );\n}\n\nfunction CarouselItem({ className, ...props }: React.ComponentProps<\"div\">) {\n const { orientation } = useCarousel();\n\n return (\n <div\n role=\"group\"\n aria-roledescription=\"slide\"\n data-slot=\"carousel-item\"\n className={cn(\n \"min-w-0 shrink-0 grow-0 basis-full\",\n orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction CarouselPrevious({\n className,\n variant = \"outline\",\n size = \"icon\",\n ...props\n}: React.ComponentProps<typeof Button>) {\n const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n return (\n <Button\n data-slot=\"carousel-previous\"\n variant={variant}\n size={size}\n className={cn(\n \"absolute size-8 rounded-full\",\n orientation === \"horizontal\"\n ? \"top-1/2 -left-12 -translate-y-1/2\"\n : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n className,\n )}\n disabled={!canScrollPrev}\n onClick={scrollPrev}\n {...props}\n >\n <ArrowLeft />\n <span className=\"sr-only\">Previous slide</span>\n </Button>\n );\n}\n\nfunction CarouselNext({\n className,\n variant = \"outline\",\n size = \"icon\",\n ...props\n}: React.ComponentProps<typeof Button>) {\n const { orientation, scrollNext, canScrollNext } = useCarousel();\n\n return (\n <Button\n data-slot=\"carousel-next\"\n variant={variant}\n size={size}\n className={cn(\n \"absolute size-8 rounded-full\",\n orientation === \"horizontal\"\n ? \"top-1/2 -right-12 -translate-y-1/2\"\n : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n className,\n )}\n disabled={!canScrollNext}\n onClick={scrollNext}\n {...props}\n >\n <ArrowRight />\n <span className=\"sr-only\">Next slide</span>\n </Button>\n );\n}\n\nexport {\n Carousel,\n type CarouselApi,\n CarouselContent,\n CarouselItem,\n CarouselNext,\n CarouselPrevious,\n};\n"],"mappings":"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"}
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));
|
|
2
|
-
//# sourceMappingURL=utils-Bo7GM4B-.cjs.map
|
|
1
|
+
var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));Object.defineProperty(exports,`__toESM`,{enumerable:!0,get:function(){return s}});
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use client";const e=require(`./chunk-CUT6urMc.cjs`),t=e.__toESM(require(`react`)),n=e.__toESM(require(`radix-ui`)),r=e.__toESM(require(`react/jsx-runtime`));function i({...e}){return(0,r.jsx)(n.Collapsible.Root,{"data-slot":`collapsible`,...e})}function a({...e}){return(0,r.jsx)(n.Collapsible.CollapsibleTrigger,{"data-slot":`collapsible-trigger`,...e})}function o({...e}){return(0,r.jsx)(n.Collapsible.CollapsibleContent,{"data-slot":`collapsible-content`,...e})}exports.Collapsible=i,exports.CollapsibleContent=o,exports.CollapsibleTrigger=a;
|
|
2
|
+
//# sourceMappingURL=collapsible.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible.cjs","names":["CollapsiblePrimitive"],"sources":["../packages/components/ui/collapsible.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\n\nfunction Collapsible({\n ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\nfunction CollapsibleTrigger({\n ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n return (\n <CollapsiblePrimitive.CollapsibleTrigger\n data-slot=\"collapsible-trigger\"\n {...props}\n />\n );\n}\n\nfunction CollapsibleContent({\n ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n return (\n <CollapsiblePrimitive.CollapsibleContent\n data-slot=\"collapsible-content\"\n {...props}\n />\n );\n}\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n"],"mappings":"8JAIA,SAAS,EAAY,CACnB,GAAG,EACoD,CAAE,CACzD,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,KAAA,CAAK,YAAU,cAAc,GAAI,GAC/D,CAED,SAAS,EAAmB,CAC1B,GAAG,EACkE,CAAE,CACvE,OACE,EAAA,EAAA,KAACA,EAAAA,YAAqB,mBAAA,CACpB,YAAU,sBACV,GAAI,GAGT,CAED,SAAS,EAAmB,CAC1B,GAAG,EACkE,CAAE,CACvE,OACE,EAAA,EAAA,KAACA,EAAAA,YAAqB,mBAAA,CACpB,YAAU,sBACV,GAAI,GAGT"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Collapsible as Collapsible$1 } from "radix-ui";
|
|
3
|
+
|
|
4
|
+
//#region packages/components/ui/collapsible.d.ts
|
|
5
|
+
declare function Collapsible({
|
|
6
|
+
...props
|
|
7
|
+
}: React.ComponentProps<typeof Collapsible$1.Root>): React.JSX.Element;
|
|
8
|
+
declare function CollapsibleTrigger({
|
|
9
|
+
...props
|
|
10
|
+
}: React.ComponentProps<typeof Collapsible$1.CollapsibleTrigger>): React.JSX.Element;
|
|
11
|
+
declare function CollapsibleContent({
|
|
12
|
+
...props
|
|
13
|
+
}: React.ComponentProps<typeof Collapsible$1.CollapsibleContent>): React.JSX.Element;
|
|
14
|
+
//#endregion
|
|
15
|
+
export { Collapsible, CollapsibleContent, CollapsibleTrigger };
|
|
16
|
+
//# sourceMappingURL=collapsible.d.cts.map
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Collapsible as Collapsible$1 } from "radix-ui";
|
|
3
|
+
|
|
4
|
+
//#region packages/components/ui/collapsible.d.ts
|
|
5
|
+
declare function Collapsible({
|
|
6
|
+
...props
|
|
7
|
+
}: React.ComponentProps<typeof Collapsible$1.Root>): React.JSX.Element;
|
|
8
|
+
declare function CollapsibleTrigger({
|
|
9
|
+
...props
|
|
10
|
+
}: React.ComponentProps<typeof Collapsible$1.CollapsibleTrigger>): React.JSX.Element;
|
|
11
|
+
declare function CollapsibleContent({
|
|
12
|
+
...props
|
|
13
|
+
}: React.ComponentProps<typeof Collapsible$1.CollapsibleContent>): React.JSX.Element;
|
|
14
|
+
//#endregion
|
|
15
|
+
export { Collapsible, CollapsibleContent, CollapsibleTrigger };
|
|
16
|
+
//# sourceMappingURL=collapsible.d.ts.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use client";import e from"react";import{Collapsible as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";function r({...e}){return n(t.Root,{"data-slot":`collapsible`,...e})}function i({...e}){return n(t.CollapsibleTrigger,{"data-slot":`collapsible-trigger`,...e})}function a({...e}){return n(t.CollapsibleContent,{"data-slot":`collapsible-content`,...e})}export{r as Collapsible,a as CollapsibleContent,i as CollapsibleTrigger};
|
|
2
|
+
//# sourceMappingURL=collapsible.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible.js","names":["CollapsiblePrimitive"],"sources":["../packages/components/ui/collapsible.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\n\nfunction Collapsible({\n ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\nfunction CollapsibleTrigger({\n ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n return (\n <CollapsiblePrimitive.CollapsibleTrigger\n data-slot=\"collapsible-trigger\"\n {...props}\n />\n );\n}\n\nfunction CollapsibleContent({\n ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n return (\n <CollapsiblePrimitive.CollapsibleContent\n data-slot=\"collapsible-content\"\n {...props}\n />\n );\n}\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n"],"mappings":"iHAIA,SAAS,EAAY,CACnB,GAAG,EACoD,CAAE,CACzD,OAAO,EAACA,EAAqB,KAAA,CAAK,YAAU,cAAc,GAAI,GAC/D,CAED,SAAS,EAAmB,CAC1B,GAAG,EACkE,CAAE,CACvE,OACE,EAACA,EAAqB,mBAAA,CACpB,YAAU,sBACV,GAAI,GAGT,CAED,SAAS,EAAmB,CAC1B,GAAG,EACkE,CAAE,CACvE,OACE,EAACA,EAAqB,mBAAA,CACpB,YAAU,sBACV,GAAI,GAGT"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { Dialog } from "./dialog-BylavpqI.js";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Command } from "cmdk";
|
|
4
|
+
|
|
5
|
+
//#region packages/components/ui/command.d.ts
|
|
6
|
+
declare function Command$1({
|
|
7
|
+
className,
|
|
8
|
+
...props
|
|
9
|
+
}: React.ComponentProps<typeof Command>): React.JSX.Element;
|
|
10
|
+
declare function CommandDialog({
|
|
11
|
+
title,
|
|
12
|
+
description,
|
|
13
|
+
children,
|
|
14
|
+
className,
|
|
15
|
+
showCloseButton,
|
|
16
|
+
...props
|
|
17
|
+
}: React.ComponentProps<typeof Dialog> & {
|
|
18
|
+
title?: string;
|
|
19
|
+
description?: string;
|
|
20
|
+
className?: string;
|
|
21
|
+
showCloseButton?: boolean;
|
|
22
|
+
}): React.JSX.Element;
|
|
23
|
+
declare function CommandInput({
|
|
24
|
+
className,
|
|
25
|
+
...props
|
|
26
|
+
}: React.ComponentProps<typeof Command.Input>): React.JSX.Element;
|
|
27
|
+
declare function CommandList({
|
|
28
|
+
className,
|
|
29
|
+
...props
|
|
30
|
+
}: React.ComponentProps<typeof Command.List>): React.JSX.Element;
|
|
31
|
+
declare function CommandEmpty({
|
|
32
|
+
...props
|
|
33
|
+
}: React.ComponentProps<typeof Command.Empty>): React.JSX.Element;
|
|
34
|
+
declare function CommandGroup({
|
|
35
|
+
className,
|
|
36
|
+
...props
|
|
37
|
+
}: React.ComponentProps<typeof Command.Group>): React.JSX.Element;
|
|
38
|
+
declare function CommandSeparator({
|
|
39
|
+
className,
|
|
40
|
+
...props
|
|
41
|
+
}: React.ComponentProps<typeof Command.Separator>): React.JSX.Element;
|
|
42
|
+
declare function CommandItem({
|
|
43
|
+
className,
|
|
44
|
+
...props
|
|
45
|
+
}: React.ComponentProps<typeof Command.Item>): React.JSX.Element;
|
|
46
|
+
declare function CommandShortcut({
|
|
47
|
+
className,
|
|
48
|
+
...props
|
|
49
|
+
}: React.ComponentProps<"span">): React.JSX.Element;
|
|
50
|
+
//#endregion
|
|
51
|
+
export { Command$1 as Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
|
|
52
|
+
//# sourceMappingURL=command-BgkG6sKW.d.ts.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=require(`./dialog-BRV1Ro1D.cjs`),r=e.__toESM(require(`react`)),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`lucide-react`)),o=e.__toESM(require(`cmdk`));function s({className:e,...n}){return(0,i.jsx)(o.Command,{"data-slot":`command`,className:t.cn(`bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-md`,e),...n})}function c({title:e=`Command Palette`,description:r=`Search for a command to run...`,children:a,className:o,showCloseButton:c=!0,...l}){return(0,i.jsxs)(n.Dialog,{...l,children:[(0,i.jsxs)(n.DialogHeader,{className:`sr-only`,children:[(0,i.jsx)(n.DialogTitle,{children:e}),(0,i.jsx)(n.DialogDescription,{children:r})]}),(0,i.jsx)(n.DialogContent,{className:t.cn(`overflow-hidden p-0`,o),showCloseButton:c,children:(0,i.jsx)(s,{className:t.cn(`[&_[cmdk-group-heading]]:text-muted-foreground`,`**:data-[slot=command-input-wrapper]:h-12`,`[&_[cmdk-group-heading]]:px-2`,`[&_[cmdk-group-heading]]:font-medium`,`[&_[cmdk-group]]:px-2`,`[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0`,`[&_[cmdk-input-wrapper]_svg]:size-5`,`[&_[cmdk-input]]:h-12`,`[&_[cmdk-item]]:px-2`,`[&_[cmdk-item]]:py-3`,`[&_[cmdk-item]_svg]:size-5`),children:a})})]})}function l({className:e,...n}){return(0,i.jsxs)(`div`,{"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-b px-3`,children:[(0,i.jsx)(a.SearchIcon,{className:`size-4 shrink-0 opacity-50`}),(0,i.jsx)(o.Command.Input,{"data-slot":`command-input`,className:t.cn(`flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden`,`placeholder:text-muted-foreground`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,e),...n})]})}function u({className:e,...n}){return(0,i.jsx)(o.Command.List,{"data-slot":`command-list`,className:t.cn(`max-h-80 scroll-py-1 overflow-x-hidden overflow-y-auto`,e),...n})}function d({...e}){return(0,i.jsx)(o.Command.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function f({className:e,...n}){return(0,i.jsx)(o.Command.Group,{"data-slot":`command-group`,className:t.cn(`text-foreground`,`overflow-hidden p-1`,`[&_[cmdk-group-heading]]:text-muted-foreground`,`[&_[cmdk-group-heading]]:px-2`,`[&_[cmdk-group-heading]]:py-1.5`,`[&_[cmdk-group-heading]]:text-xs`,`[&_[cmdk-group-heading]]:font-medium`,e),...n})}function p({className:e,...n}){return(0,i.jsx)(o.Command.Separator,{"data-slot":`command-separator`,className:t.cn(`bg-border -mx-1 h-px`,e),...n})}function m({className:e,...n}){return(0,i.jsx)(o.Command.Item,{"data-slot":`command-item`,className:t.cn(`relative flex cursor-pointer items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300 select-none`,`active:ring-border`,`active:opacity-60`,`active:ring-4`,`data-[selected=true]:bg-accent`,`data-[selected=true]:text-accent-foreground`,`data-[disabled=true]:opacity-50`,`data-[disabled=true]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-muted-foreground`,e),...n})}function h({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`command-shortcut`,className:t.cn(`text-muted-foreground ml-auto text-xs tracking-widest`,e),...n})}Object.defineProperty(exports,`Command`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`CommandDialog`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`CommandEmpty`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`CommandGroup`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`CommandInput`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`CommandItem`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`CommandList`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`CommandSeparator`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`CommandShortcut`,{enumerable:!0,get:function(){return h}});
|
|
2
|
+
//# sourceMappingURL=command-Bh1toPH-.cjs.map
|