@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
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use client";const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`radix-ui`)),i=e.__toESM(require(`react/jsx-runtime`));function a({...e}){return(0,i.jsx)(r.HoverCard.Root,{"data-slot":`hover-card`,...e})}function o({...e}){return(0,i.jsx)(r.HoverCard.Trigger,{"data-slot":`hover-card-trigger`,...e})}function s({className:e,align:n=`center`,sideOffset:a=4,...o}){return(0,i.jsx)(r.HoverCard.Portal,{"data-slot":`hover-card-portal`,children:(0,i.jsx)(r.HoverCard.Content,{"data-slot":`hover-card-content`,align:n,sideOffset:a,className:t.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-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden`,e),...o})})}exports.HoverCard=a,exports.HoverCardContent=s,exports.HoverCardTrigger=o;
|
|
2
|
+
//# sourceMappingURL=hover-card.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hover-card.cjs","names":["HoverCardPrimitive","cn"],"sources":["../packages/components/ui/hover-card.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { HoverCard as HoverCardPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction HoverCard({\n ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Root>) {\n return <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />;\n}\n\nfunction HoverCardTrigger({\n ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {\n return (\n <HoverCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />\n );\n}\n\nfunction HoverCardContent({\n className,\n align = \"center\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {\n return (\n <HoverCardPrimitive.Portal data-slot=\"hover-card-portal\">\n <HoverCardPrimitive.Content\n data-slot=\"hover-card-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"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-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n className,\n )}\n {...props}\n />\n </HoverCardPrimitive.Portal>\n );\n}\n\nexport { HoverCard, HoverCardContent, HoverCardTrigger };\n"],"mappings":"gMAMA,SAAS,EAAU,CACjB,GAAG,EACkD,CAAE,CACvD,OAAO,EAAA,EAAA,KAACA,EAAAA,UAAmB,KAAA,CAAK,YAAU,aAAa,GAAI,GAC5D,CAED,SAAS,EAAiB,CACxB,GAAG,EACqD,CAAE,CAC1D,OACE,EAAA,EAAA,KAACA,EAAAA,UAAmB,QAAA,CAAQ,YAAU,qBAAqB,GAAI,GAElE,CAED,SAAS,EAAiB,CACxB,YACA,QAAQ,SACR,aAAa,EACb,GAAG,EACqD,CAAE,CAC1D,OACE,EAAA,EAAA,KAACA,EAAAA,UAAmB,OAAA,CAAO,YAAU,8BACnC,EAAA,EAAA,KAACA,EAAAA,UAAmB,QAAA,CAClB,YAAU,qBACH,QACK,aACZ,UAAWC,EAAAA,GACT,oeACA,GAEF,GAAI,KAIX"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { HoverCard as HoverCard$1 } from "radix-ui";
|
|
3
|
+
|
|
4
|
+
//#region packages/components/ui/hover-card.d.ts
|
|
5
|
+
declare function HoverCard({
|
|
6
|
+
...props
|
|
7
|
+
}: React.ComponentProps<typeof HoverCard$1.Root>): React.JSX.Element;
|
|
8
|
+
declare function HoverCardTrigger({
|
|
9
|
+
...props
|
|
10
|
+
}: React.ComponentProps<typeof HoverCard$1.Trigger>): React.JSX.Element;
|
|
11
|
+
declare function HoverCardContent({
|
|
12
|
+
className,
|
|
13
|
+
align,
|
|
14
|
+
sideOffset,
|
|
15
|
+
...props
|
|
16
|
+
}: React.ComponentProps<typeof HoverCard$1.Content>): React.JSX.Element;
|
|
17
|
+
//#endregion
|
|
18
|
+
export { HoverCard, HoverCardContent, HoverCardTrigger };
|
|
19
|
+
//# sourceMappingURL=hover-card.d.cts.map
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { HoverCard as HoverCard$1 } from "radix-ui";
|
|
3
|
+
|
|
4
|
+
//#region packages/components/ui/hover-card.d.ts
|
|
5
|
+
declare function HoverCard({
|
|
6
|
+
...props
|
|
7
|
+
}: React.ComponentProps<typeof HoverCard$1.Root>): React.JSX.Element;
|
|
8
|
+
declare function HoverCardTrigger({
|
|
9
|
+
...props
|
|
10
|
+
}: React.ComponentProps<typeof HoverCard$1.Trigger>): React.JSX.Element;
|
|
11
|
+
declare function HoverCardContent({
|
|
12
|
+
className,
|
|
13
|
+
align,
|
|
14
|
+
sideOffset,
|
|
15
|
+
...props
|
|
16
|
+
}: React.ComponentProps<typeof HoverCard$1.Content>): React.JSX.Element;
|
|
17
|
+
//#endregion
|
|
18
|
+
export { HoverCard, HoverCardContent, HoverCardTrigger };
|
|
19
|
+
//# sourceMappingURL=hover-card.d.ts.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use client";import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{HoverCard as n}from"radix-ui";import{jsx as r}from"react/jsx-runtime";function i({...e}){return r(n.Root,{"data-slot":`hover-card`,...e})}function a({...e}){return r(n.Trigger,{"data-slot":`hover-card-trigger`,...e})}function o({className:t,align:i=`center`,sideOffset:a=4,...o}){return r(n.Portal,{"data-slot":`hover-card-portal`,children:r(n.Content,{"data-slot":`hover-card-content`,align:i,sideOffset:a,className:e(`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-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden`,t),...o})})}export{i as HoverCard,o as HoverCardContent,a as HoverCardTrigger};
|
|
2
|
+
//# sourceMappingURL=hover-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hover-card.js","names":["HoverCardPrimitive"],"sources":["../packages/components/ui/hover-card.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { HoverCard as HoverCardPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction HoverCard({\n ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Root>) {\n return <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />;\n}\n\nfunction HoverCardTrigger({\n ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {\n return (\n <HoverCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />\n );\n}\n\nfunction HoverCardContent({\n className,\n align = \"center\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {\n return (\n <HoverCardPrimitive.Portal data-slot=\"hover-card-portal\">\n <HoverCardPrimitive.Content\n data-slot=\"hover-card-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"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-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n className,\n )}\n {...props}\n />\n </HoverCardPrimitive.Portal>\n );\n}\n\nexport { HoverCard, HoverCardContent, HoverCardTrigger };\n"],"mappings":"wJAMA,SAAS,EAAU,CACjB,GAAG,EACkD,CAAE,CACvD,OAAO,EAACA,EAAmB,KAAA,CAAK,YAAU,aAAa,GAAI,GAC5D,CAED,SAAS,EAAiB,CACxB,GAAG,EACqD,CAAE,CAC1D,OACE,EAACA,EAAmB,QAAA,CAAQ,YAAU,qBAAqB,GAAI,GAElE,CAED,SAAS,EAAiB,CACxB,YACA,QAAQ,SACR,aAAa,EACb,GAAG,EACqD,CAAE,CAC1D,OACE,EAACA,EAAmB,OAAA,CAAO,YAAU,6BACnC,EAACA,EAAmB,QAAA,CAClB,YAAU,qBACH,QACK,aACZ,UAAW,EACT,oeACA,GAEF,GAAI,KAIX"}
|
|
@@ -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:r,type:i,onChange:a,onValueChange:o,...s}){let c=t.useCallback(e=>{a?.(e),o?.(e.target.value)},[a,o]);return n(`input`,{type:i,"data-slot":`input`,className:e(`flex h-9 w-full min-w-0`,`border-input shadow-input rounded-md border`,`px-3 py-1`,`bg-transparent`,`caret-primary text-sm`,`transition-[color,box-shadow] outline-none`,`placeholder:text-muted-foreground`,`selection:bg-primary`,`selection:text-primary-foreground`,`file:inline-flex`,`file:h-7`,`file:border-0`,`file:bg-transparent`,`file:text-sm`,`file:text-foreground`,`file:font-medium`,`disabled:pointer-events-none`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`focus-visible:ring-4`,`focus-visible:ring-ring`,`focus-visible:border-primary/60`,`aria-invalid:ring-destructive/40`,`aria-invalid:border-destructive`,r),...s,onChange:c})}export{r as Input};
|
|
2
|
+
//# sourceMappingURL=input-3pmkK3b5.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-3pmkK3b5.js","names":[],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Input({\n className,\n type,\n onChange,\n onValueChange,\n ...props\n}: React.ComponentProps<\"input\"> & {\n onValueChange?: (value: string) => void;\n}) {\n const handleChange = React.useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n onChange?.(e);\n onValueChange?.(e.target.value);\n },\n [onChange, onValueChange],\n );\n return (\n <input\n type={type}\n data-slot=\"input\"\n className={cn(\n \"flex h-9 w-full min-w-0\",\n \"border-input shadow-input rounded-md border\",\n \"px-3 py-1\",\n \"bg-transparent\",\n \"caret-primary text-sm\",\n \"transition-[color,box-shadow] outline-none\",\n \"placeholder:text-muted-foreground\",\n \"selection:bg-primary\",\n \"selection:text-primary-foreground\",\n \"file:inline-flex\",\n \"file:h-7\",\n \"file:border-0\",\n \"file:bg-transparent\",\n \"file:text-sm\",\n \"file:text-foreground\",\n \"file:font-medium\",\n \"disabled:pointer-events-none\",\n \"disabled:cursor-not-allowed\",\n \"disabled:opacity-50\",\n \"focus-visible:ring-4\",\n \"focus-visible:ring-ring\",\n \"focus-visible:border-primary/60\",\n \"aria-invalid:ring-destructive/40\",\n \"aria-invalid:border-destructive\",\n className,\n )}\n {...props}\n onChange={handleChange}\n />\n );\n}\n\nexport { Input };\n"],"mappings":"sGAKA,SAAS,EAAM,CACb,YACA,OACA,WACA,gBACA,GAAG,EAGJ,CAAE,CACD,IAAM,EAAe,EAAM,YACxB,GAA2C,CAC1C,IAAW,GACX,IAAgB,EAAE,OAAO,MAC1B,EACD,CAAC,EAAU,EAAc,EAE3B,OACE,EAAC,QAAA,CACO,OACN,YAAU,QACV,UAAW,EACT,0BACA,8CACA,YACA,iBACA,wBACA,6CACA,oCACA,uBACA,oCACA,mBACA,WACA,gBACA,sBACA,eACA,uBACA,mBACA,+BACA,8BACA,sBACA,uBACA,0BACA,kCACA,mCACA,kCACA,GAEF,GAAI,EACJ,SAAU,GAGf"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
|
|
3
|
+
//#region packages/components/ui/input.d.ts
|
|
4
|
+
declare function Input({
|
|
5
|
+
className,
|
|
6
|
+
type,
|
|
7
|
+
onChange,
|
|
8
|
+
onValueChange,
|
|
9
|
+
...props
|
|
10
|
+
}: React.ComponentProps<"input"> & {
|
|
11
|
+
onValueChange?: (value: string) => void;
|
|
12
|
+
}): React.JSX.Element;
|
|
13
|
+
//#endregion
|
|
14
|
+
export { Input };
|
|
15
|
+
//# sourceMappingURL=input-8iac_flR.d.ts.map
|
|
@@ -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,type:i,onChange:a,onValueChange:o,...s}){let c=n.default.useCallback(e=>{a?.(e),o?.(e.target.value)},[a,o]);return(0,r.jsx)(`input`,{type:i,"data-slot":`input`,className:t.cn(`flex h-9 w-full min-w-0`,`border-input shadow-input rounded-md border`,`px-3 py-1`,`bg-transparent`,`caret-primary text-sm`,`transition-[color,box-shadow] outline-none`,`placeholder:text-muted-foreground`,`selection:bg-primary`,`selection:text-primary-foreground`,`file:inline-flex`,`file:h-7`,`file:border-0`,`file:bg-transparent`,`file:text-sm`,`file:text-foreground`,`file:font-medium`,`disabled:pointer-events-none`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`focus-visible:ring-4`,`focus-visible:ring-ring`,`focus-visible:border-primary/60`,`aria-invalid:ring-destructive/40`,`aria-invalid:border-destructive`,e),...s,onChange:c})}Object.defineProperty(exports,`Input`,{enumerable:!0,get:function(){return i}});
|
|
2
|
+
//# sourceMappingURL=input-BROCl7ef.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-BROCl7ef.cjs","names":["React","cn"],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Input({\n className,\n type,\n onChange,\n onValueChange,\n ...props\n}: React.ComponentProps<\"input\"> & {\n onValueChange?: (value: string) => void;\n}) {\n const handleChange = React.useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n onChange?.(e);\n onValueChange?.(e.target.value);\n },\n [onChange, onValueChange],\n );\n return (\n <input\n type={type}\n data-slot=\"input\"\n className={cn(\n \"flex h-9 w-full min-w-0\",\n \"border-input shadow-input rounded-md border\",\n \"px-3 py-1\",\n \"bg-transparent\",\n \"caret-primary text-sm\",\n \"transition-[color,box-shadow] outline-none\",\n \"placeholder:text-muted-foreground\",\n \"selection:bg-primary\",\n \"selection:text-primary-foreground\",\n \"file:inline-flex\",\n \"file:h-7\",\n \"file:border-0\",\n \"file:bg-transparent\",\n \"file:text-sm\",\n \"file:text-foreground\",\n \"file:font-medium\",\n \"disabled:pointer-events-none\",\n \"disabled:cursor-not-allowed\",\n \"disabled:opacity-50\",\n \"focus-visible:ring-4\",\n \"focus-visible:ring-ring\",\n \"focus-visible:border-primary/60\",\n \"aria-invalid:ring-destructive/40\",\n \"aria-invalid:border-destructive\",\n className,\n )}\n {...props}\n onChange={handleChange}\n />\n );\n}\n\nexport { Input };\n"],"mappings":"kJAKA,SAAS,EAAM,CACb,YACA,OACA,WACA,gBACA,GAAG,EAGJ,CAAE,CACD,IAAM,EAAeA,EAAAA,QAAM,YACxB,GAA2C,CAC1C,IAAW,GACX,IAAgB,EAAE,OAAO,MAC1B,EACD,CAAC,EAAU,EAAc,EAE3B,OACE,EAAA,EAAA,KAAC,QAAA,CACO,OACN,YAAU,QACV,UAAWC,EAAAA,GACT,0BACA,8CACA,YACA,iBACA,wBACA,6CACA,oCACA,uBACA,oCACA,mBACA,WACA,gBACA,sBACA,eACA,uBACA,mBACA,+BACA,8BACA,sBACA,uBACA,0BACA,kCACA,mCACA,kCACA,GAEF,GAAI,EACJ,SAAU,GAGf"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
|
|
3
|
+
//#region packages/components/ui/input.d.ts
|
|
4
|
+
declare function Input({
|
|
5
|
+
className,
|
|
6
|
+
type,
|
|
7
|
+
onChange,
|
|
8
|
+
onValueChange,
|
|
9
|
+
...props
|
|
10
|
+
}: React.ComponentProps<"input"> & {
|
|
11
|
+
onValueChange?: (value: string) => void;
|
|
12
|
+
}): React.JSX.Element;
|
|
13
|
+
//#endregion
|
|
14
|
+
export { Input };
|
|
15
|
+
//# sourceMappingURL=input-DsHkxcpM.d.cts.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use client";const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`lucide-react`)),a=e.__toESM(require(`input-otp`));function o({className:e,containerClassName:n,...i}){return(0,r.jsx)(a.OTPInput,{"data-slot":`input-otp`,containerClassName:t.cn(`flex items-center gap-2 has-disabled:opacity-50`,n),className:t.cn(`disabled:cursor-not-allowed`,e),...i})}function s({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`input-otp-group`,className:t.cn(`flex items-center`,e),...n})}function c({index:e,className:i,...o}){let s=n.default.useContext(a.OTPInputContext),{char:c,hasFakeCaret:l,isActive:u}=s?.slots[e]??{};return(0,r.jsxs)(`div`,{"data-slot":`input-otp-slot`,"data-active":u,className:t.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]`,i),...o,children:[c,l&&(0,r.jsx)(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:(0,r.jsx)(`div`,{className:`animate-caret-blink bg-foreground h-4 w-px duration-1000`})})]})}function l({...e}){return(0,r.jsx)(`div`,{"data-slot":`input-otp-separator`,role:`separator`,...e,children:(0,r.jsx)(i.MinusIcon,{})})}exports.InputOTP=o,exports.InputOTPGroup=s,exports.InputOTPSeparator=l,exports.InputOTPSlot=c;
|
|
2
|
+
//# sourceMappingURL=input-otp.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-otp.cjs","names":["OTPInput","cn","React","OTPInputContext","MinusIcon"],"sources":["../packages/components/ui/input-otp.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { OTPInput, OTPInputContext } from \"input-otp\";\nimport { MinusIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction InputOTP({\n className,\n containerClassName,\n ...props\n}: React.ComponentProps<typeof OTPInput> & {\n containerClassName?: string;\n}) {\n return (\n <OTPInput\n data-slot=\"input-otp\"\n containerClassName={cn(\n \"flex items-center gap-2 has-disabled:opacity-50\",\n containerClassName,\n )}\n className={cn(\"disabled:cursor-not-allowed\", className)}\n {...props}\n />\n );\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"input-otp-group\"\n className={cn(\"flex items-center\", className)}\n {...props}\n />\n );\n}\n\nfunction InputOTPSlot({\n index,\n className,\n ...props\n}: React.ComponentProps<\"div\"> & {\n index: number;\n}) {\n const inputOTPContext = React.useContext(OTPInputContext);\n const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};\n\n return (\n <div\n data-slot=\"input-otp-slot\"\n data-active={isActive}\n className={cn(\n \"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]\",\n className,\n )}\n {...props}\n >\n {char}\n {hasFakeCaret && (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"animate-caret-blink bg-foreground h-4 w-px duration-1000\" />\n </div>\n )}\n </div>\n );\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n return (\n <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n <MinusIcon />\n </div>\n );\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };\n"],"mappings":"sOAOA,SAAS,EAAS,CAChB,YACA,qBACA,GAAG,EAGJ,CAAE,CACD,OACE,EAAA,EAAA,KAACA,EAAAA,SAAAA,CACC,YAAU,YACV,mBAAoBC,EAAAA,GAClB,kDACA,GAEF,UAAWA,EAAAA,GAAG,8BAA+B,GAC7C,GAAI,GAGT,CAED,SAAS,EAAc,CAAE,YAAW,GAAG,EAAoC,CAAE,CAC3E,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,kBACV,UAAWA,EAAAA,GAAG,oBAAqB,GACnC,GAAI,GAGT,CAED,SAAS,EAAa,CACpB,QACA,YACA,GAAG,EAGJ,CAAE,CACD,IAAM,EAAkBC,EAAAA,QAAM,WAAWC,EAAAA,iBACnC,CAAE,OAAM,eAAc,WAAU,CAAG,GAAiB,MAAM,IAAU,EAAE,CAE5E,OACE,EAAA,EAAA,MAAC,MAAA,CACC,YAAU,iBACV,cAAa,EACb,UAAWF,EAAAA,GACT,2fACA,GAEF,GAAI,YAEH,EACA,IACC,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,kFACb,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,2DAAA,MAKxB,CAED,SAAS,EAAkB,CAAE,GAAG,EAAoC,CAAE,CACpE,OACE,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,sBAAsB,KAAK,YAAY,GAAI,YACxD,EAAA,EAAA,KAACG,EAAAA,UAAAA,EAAAA,GAGN"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { OTPInput } from "input-otp";
|
|
3
|
+
|
|
4
|
+
//#region packages/components/ui/input-otp.d.ts
|
|
5
|
+
declare function InputOTP({
|
|
6
|
+
className,
|
|
7
|
+
containerClassName,
|
|
8
|
+
...props
|
|
9
|
+
}: React.ComponentProps<typeof OTPInput> & {
|
|
10
|
+
containerClassName?: string;
|
|
11
|
+
}): React.JSX.Element;
|
|
12
|
+
declare function InputOTPGroup({
|
|
13
|
+
className,
|
|
14
|
+
...props
|
|
15
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
16
|
+
declare function InputOTPSlot({
|
|
17
|
+
index,
|
|
18
|
+
className,
|
|
19
|
+
...props
|
|
20
|
+
}: React.ComponentProps<"div"> & {
|
|
21
|
+
index: number;
|
|
22
|
+
}): React.JSX.Element;
|
|
23
|
+
declare function InputOTPSeparator({
|
|
24
|
+
...props
|
|
25
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
26
|
+
//#endregion
|
|
27
|
+
export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
|
|
28
|
+
//# sourceMappingURL=input-otp.d.cts.map
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { OTPInput } from "input-otp";
|
|
3
|
+
|
|
4
|
+
//#region packages/components/ui/input-otp.d.ts
|
|
5
|
+
declare function InputOTP({
|
|
6
|
+
className,
|
|
7
|
+
containerClassName,
|
|
8
|
+
...props
|
|
9
|
+
}: React.ComponentProps<typeof OTPInput> & {
|
|
10
|
+
containerClassName?: string;
|
|
11
|
+
}): React.JSX.Element;
|
|
12
|
+
declare function InputOTPGroup({
|
|
13
|
+
className,
|
|
14
|
+
...props
|
|
15
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
16
|
+
declare function InputOTPSlot({
|
|
17
|
+
index,
|
|
18
|
+
className,
|
|
19
|
+
...props
|
|
20
|
+
}: React.ComponentProps<"div"> & {
|
|
21
|
+
index: number;
|
|
22
|
+
}): React.JSX.Element;
|
|
23
|
+
declare function InputOTPSeparator({
|
|
24
|
+
...props
|
|
25
|
+
}: React.ComponentProps<"div">): React.JSX.Element;
|
|
26
|
+
//#endregion
|
|
27
|
+
export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
|
|
28
|
+
//# sourceMappingURL=input-otp.d.ts.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use client";import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{MinusIcon as i}from"lucide-react";import{OTPInput as a,OTPInputContext as o}from"input-otp";function s({className:t,containerClassName:r,...i}){return n(a,{"data-slot":`input-otp`,containerClassName:e(`flex items-center gap-2 has-disabled:opacity-50`,r),className:e(`disabled:cursor-not-allowed`,t),...i})}function c({className:t,...r}){return n(`div`,{"data-slot":`input-otp-group`,className:e(`flex items-center`,t),...r})}function l({index:i,className:a,...s}){let c=t.useContext(o),{char:l,hasFakeCaret:u,isActive:d}=c?.slots[i]??{};return r(`div`,{"data-slot":`input-otp-slot`,"data-active":d,className:e(`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]`,a),...s,children:[l,u&&n(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:n(`div`,{className:`animate-caret-blink bg-foreground h-4 w-px duration-1000`})})]})}function u({...e}){return n(`div`,{"data-slot":`input-otp-separator`,role:`separator`,...e,children:n(i,{})})}export{s as InputOTP,c as InputOTPGroup,u as InputOTPSeparator,l as InputOTPSlot};
|
|
2
|
+
//# sourceMappingURL=input-otp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-otp.js","names":[],"sources":["../packages/components/ui/input-otp.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { OTPInput, OTPInputContext } from \"input-otp\";\nimport { MinusIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction InputOTP({\n className,\n containerClassName,\n ...props\n}: React.ComponentProps<typeof OTPInput> & {\n containerClassName?: string;\n}) {\n return (\n <OTPInput\n data-slot=\"input-otp\"\n containerClassName={cn(\n \"flex items-center gap-2 has-disabled:opacity-50\",\n containerClassName,\n )}\n className={cn(\"disabled:cursor-not-allowed\", className)}\n {...props}\n />\n );\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"input-otp-group\"\n className={cn(\"flex items-center\", className)}\n {...props}\n />\n );\n}\n\nfunction InputOTPSlot({\n index,\n className,\n ...props\n}: React.ComponentProps<\"div\"> & {\n index: number;\n}) {\n const inputOTPContext = React.useContext(OTPInputContext);\n const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};\n\n return (\n <div\n data-slot=\"input-otp-slot\"\n data-active={isActive}\n className={cn(\n \"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]\",\n className,\n )}\n {...props}\n >\n {char}\n {hasFakeCaret && (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"animate-caret-blink bg-foreground h-4 w-px duration-1000\" />\n </div>\n )}\n </div>\n );\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n return (\n <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n <MinusIcon />\n </div>\n );\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };\n"],"mappings":"gOAOA,SAAS,EAAS,CAChB,YACA,qBACA,GAAG,EAGJ,CAAE,CACD,OACE,EAAC,EAAA,CACC,YAAU,YACV,mBAAoB,EAClB,kDACA,GAEF,UAAW,EAAG,8BAA+B,GAC7C,GAAI,GAGT,CAED,SAAS,EAAc,CAAE,YAAW,GAAG,EAAoC,CAAE,CAC3E,OACE,EAAC,MAAA,CACC,YAAU,kBACV,UAAW,EAAG,oBAAqB,GACnC,GAAI,GAGT,CAED,SAAS,EAAa,CACpB,QACA,YACA,GAAG,EAGJ,CAAE,CACD,IAAM,EAAkB,EAAM,WAAW,GACnC,CAAE,OAAM,eAAc,WAAU,CAAG,GAAiB,MAAM,IAAU,EAAE,CAE5E,OACE,EAAC,MAAA,CACC,YAAU,iBACV,cAAa,EACb,UAAW,EACT,2fACA,GAEF,GAAI,YAEH,EACA,GACC,EAAC,MAAA,CAAI,UAAU,iFACb,EAAC,MAAA,CAAI,UAAU,2DAAA,MAKxB,CAED,SAAS,EAAkB,CAAE,GAAG,EAAoC,CAAE,CACpE,OACE,EAAC,MAAA,CAAI,YAAU,sBAAsB,KAAK,YAAY,GAAI,WACxD,EAAC,EAAA,EAAA,GAGN"}
|
package/dist/input.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";require(`./utils-BsjVK5EW.cjs`);const e=require(`./input-BROCl7ef.cjs`);exports.Input=e.Input;
|
package/dist/input.d.cts
ADDED
package/dist/input.d.ts
ADDED
package/dist/input.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import"./utils-D9AH0PUV.js";import{Input as e}from"./input-3pmkK3b5.js";export{e as Input};
|
|
@@ -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(`radix-ui`)),i=e.__toESM(require(`react/jsx-runtime`));function a({className:e,...n}){return(0,i.jsx)(r.Label.Root,{"data-slot":`label`,className:t.cn(`text-secondary-foreground`,`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`,e),...n})}Object.defineProperty(exports,`Label`,{enumerable:!0,get:function(){return a}});
|
|
2
|
+
//# sourceMappingURL=label-BWUQswhZ.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label-BWUQswhZ.cjs","names":["LabelPrimitive","cn"],"sources":["../packages/components/ui/label.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Label as LabelPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Label({\n className,\n ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n return (\n <LabelPrimitive.Root\n data-slot=\"label\"\n className={cn(\n \"text-secondary-foreground\",\n \"flex items-center gap-2\",\n \"text-sm leading-none font-medium select-none\",\n \"group-data-[disabled=true]:pointer-events-none\",\n \"group-data-[disabled=true]:opacity-50\",\n \"peer-disabled:cursor-not-allowed\",\n \"peer-disabled:opacity-50\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Label };\n"],"mappings":"mLAMA,SAAS,EAAM,CACb,YACA,GAAG,EAC8C,CAAE,CACnD,OACE,EAAA,EAAA,KAACA,EAAAA,MAAe,KAAA,CACd,YAAU,QACV,UAAWC,EAAAA,GACT,4BACA,0BACA,+CACA,iDACA,wCACA,mCACA,2BACA,GAEF,GAAI,GAGT"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{Label as n}from"radix-ui";import{jsx as r}from"react/jsx-runtime";function i({className:t,...i}){return r(n.Root,{"data-slot":`label`,className:e(`text-secondary-foreground`,`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`,t),...i})}export{i as Label};
|
|
2
|
+
//# sourceMappingURL=label-Bunoo8Hy.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label-Bunoo8Hy.js","names":["Label","LabelPrimitive"],"sources":["../packages/components/ui/label.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Label as LabelPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Label({\n className,\n ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n return (\n <LabelPrimitive.Root\n data-slot=\"label\"\n className={cn(\n \"text-secondary-foreground\",\n \"flex items-center gap-2\",\n \"text-sm leading-none font-medium select-none\",\n \"group-data-[disabled=true]:pointer-events-none\",\n \"group-data-[disabled=true]:opacity-50\",\n \"peer-disabled:cursor-not-allowed\",\n \"peer-disabled:opacity-50\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Label };\n"],"mappings":"uIAMA,SAASA,EAAM,CACb,YACA,GAAG,EAC8C,CAAE,CACnD,OACE,EAACC,EAAe,KAAA,CACd,YAAU,QACV,UAAW,EACT,4BACA,0BACA,+CACA,iDACA,wCACA,mCACA,2BACA,GAEF,GAAI,GAGT"}
|
package/dist/label.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";require(`./utils-BsjVK5EW.cjs`);const e=require(`./label-BWUQswhZ.cjs`);exports.Label=e.Label;
|
package/dist/label.d.cts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Label as Label$1 } from "radix-ui";
|
|
3
|
+
|
|
4
|
+
//#region packages/components/ui/label.d.ts
|
|
5
|
+
declare function Label({
|
|
6
|
+
className,
|
|
7
|
+
...props
|
|
8
|
+
}: React.ComponentProps<typeof Label$1.Root>): React.JSX.Element;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { Label };
|
|
11
|
+
//# sourceMappingURL=label.d.cts.map
|
package/dist/label.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Label as Label$1 } from "radix-ui";
|
|
3
|
+
|
|
4
|
+
//#region packages/components/ui/label.d.ts
|
|
5
|
+
declare function Label({
|
|
6
|
+
className,
|
|
7
|
+
...props
|
|
8
|
+
}: React.ComponentProps<typeof Label$1.Root>): React.JSX.Element;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { Label };
|
|
11
|
+
//# sourceMappingURL=label.d.ts.map
|
package/dist/label.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";import"./utils-D9AH0PUV.js";import{Label as e}from"./label-Bunoo8Hy.js";export{e as Label};
|
package/dist/menubar.cjs
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use client";const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`radix-ui`)),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`lucide-react`));function o({className:e,...n}){return(0,i.jsx)(r.Menubar.Root,{"data-slot":`menubar`,className:t.cn(`bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs`,e),...n})}function s({...e}){return(0,i.jsx)(r.Menubar.Menu,{"data-slot":`menubar-menu`,...e})}function c({...e}){return(0,i.jsx)(r.Menubar.Group,{"data-slot":`menubar-group`,...e})}function l({...e}){return(0,i.jsx)(r.Menubar.Portal,{"data-slot":`menubar-portal`,...e})}function u({...e}){return(0,i.jsx)(r.Menubar.RadioGroup,{"data-slot":`menubar-radio-group`,...e})}function d({className:e,...n}){return(0,i.jsx)(r.Menubar.Trigger,{"data-slot":`menubar-trigger`,className:t.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`,e),...n})}function f({className:e,align:n=`start`,alignOffset:a=-4,sideOffset:o=8,...s}){return(0,i.jsx)(l,{children:(0,i.jsx)(r.Menubar.Content,{"data-slot":`menubar-content`,align:n,alignOffset:a,sideOffset:o,className:t.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`,e),...s})})}function p({className:e,inset:n,variant:a=`default`,...o}){return(0,i.jsx)(r.Menubar.Item,{"data-slot":`menubar-item`,"data-inset":n,"data-variant":a,className:t.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`,e),...o})}function m({className:e,children:n,checked:o,...s}){return(0,i.jsxs)(r.Menubar.CheckboxItem,{"data-slot":`menubar-checkbox-item`,className:t.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`,e),checked:o,...s,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,i.jsx)(r.Menubar.ItemIndicator,{children:(0,i.jsx)(a.CheckIcon,{className:`size-4`})})}),n]})}function h({className:e,children:n,...o}){return(0,i.jsxs)(r.Menubar.RadioItem,{"data-slot":`menubar-radio-item`,className:t.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`,e),...o,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,i.jsx)(r.Menubar.ItemIndicator,{children:(0,i.jsx)(a.CircleIcon,{className:`size-2 fill-current`})})}),n]})}function g({className:e,inset:n,...a}){return(0,i.jsx)(r.Menubar.Label,{"data-slot":`menubar-label`,"data-inset":n,className:t.cn(`px-2 py-1.5 text-sm font-medium data-[inset]:pl-8`,e),...a})}function _({className:e,...n}){return(0,i.jsx)(r.Menubar.Separator,{"data-slot":`menubar-separator`,className:t.cn(`bg-border -mx-1 my-1 h-px`,e),...n})}function v({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`menubar-shortcut`,className:t.cn(`text-muted-foreground ml-auto text-xs tracking-widest`,e),...n})}function y({...e}){return(0,i.jsx)(r.Menubar.Sub,{"data-slot":`menubar-sub`,...e})}function b({className:e,inset:n,children:o,...s}){return(0,i.jsxs)(r.Menubar.SubTrigger,{"data-slot":`menubar-sub-trigger`,"data-inset":n,className:t.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`,e),...s,children:[o,(0,i.jsx)(a.ChevronRightIcon,{className:`ml-auto h-4 w-4`})]})}function x({className:e,...n}){return(0,i.jsx)(r.Menubar.SubContent,{"data-slot":`menubar-sub-content`,className:t.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`,e),...n})}exports.Menubar=o,exports.MenubarCheckboxItem=m,exports.MenubarContent=f,exports.MenubarGroup=c,exports.MenubarItem=p,exports.MenubarLabel=g,exports.MenubarMenu=s,exports.MenubarPortal=l,exports.MenubarRadioGroup=u,exports.MenubarRadioItem=h,exports.MenubarSeparator=_,exports.MenubarShortcut=v,exports.MenubarSub=y,exports.MenubarSubContent=x,exports.MenubarSubTrigger=b,exports.MenubarTrigger=d;
|
|
2
|
+
//# sourceMappingURL=menubar.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menubar.cjs","names":["MenubarPrimitive","cn","CheckIcon","CircleIcon","ChevronRightIcon"],"sources":["../packages/components/ui/menubar.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Menubar as MenubarPrimitive } from \"radix-ui\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Menubar({\n className,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n return (\n <MenubarPrimitive.Root\n data-slot=\"menubar\"\n className={cn(\n \"bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction MenubarMenu({\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n return <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n return <MenubarPrimitive.Portal data-slot=\"menubar-portal\" {...props} />;\n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n return (\n <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />\n );\n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n return (\n <MenubarPrimitive.Trigger\n data-slot=\"menubar-trigger\"\n className={cn(\n \"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\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n return (\n <MenubarPortal>\n <MenubarPrimitive.Content\n data-slot=\"menubar-content\"\n align={align}\n alignOffset={alignOffset}\n sideOffset={sideOffset}\n className={cn(\n \"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\",\n className,\n )}\n {...props}\n />\n </MenubarPortal>\n );\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n inset?: boolean;\n variant?: \"default\" | \"destructive\";\n}) {\n return (\n <MenubarPrimitive.Item\n data-slot=\"menubar-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"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\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n return (\n <MenubarPrimitive.CheckboxItem\n data-slot=\"menubar-checkbox-item\"\n className={cn(\n \"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\",\n className,\n )}\n checked={checked}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.CheckboxItem>\n );\n}\n\nfunction MenubarRadioItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n return (\n <MenubarPrimitive.RadioItem\n data-slot=\"menubar-radio-item\"\n className={cn(\n \"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\",\n className,\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <CircleIcon className=\"size-2 fill-current\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.RadioItem>\n );\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\n inset?: boolean;\n}) {\n return (\n <MenubarPrimitive.Label\n data-slot=\"menubar-label\"\n data-inset={inset}\n className={cn(\n \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n return (\n <MenubarPrimitive.Separator\n data-slot=\"menubar-separator\"\n className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n {...props}\n />\n );\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"menubar-shortcut\"\n className={cn(\n \"text-muted-foreground ml-auto text-xs tracking-widest\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n inset?: boolean;\n}) {\n return (\n <MenubarPrimitive.SubTrigger\n data-slot=\"menubar-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"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\",\n className,\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n </MenubarPrimitive.SubTrigger>\n );\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n return (\n <MenubarPrimitive.SubContent\n data-slot=\"menubar-sub-content\"\n className={cn(\n \"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\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport {\n Menubar,\n MenubarCheckboxItem,\n MenubarContent,\n MenubarGroup,\n MenubarItem,\n MenubarLabel,\n MenubarMenu,\n MenubarPortal,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSeparator,\n MenubarShortcut,\n MenubarSub,\n MenubarSubContent,\n MenubarSubTrigger,\n MenubarTrigger,\n};\n"],"mappings":"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"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Menubar as Menubar$1 } from "radix-ui";
|
|
3
|
+
|
|
4
|
+
//#region packages/components/ui/menubar.d.ts
|
|
5
|
+
declare function Menubar({
|
|
6
|
+
className,
|
|
7
|
+
...props
|
|
8
|
+
}: React.ComponentProps<typeof Menubar$1.Root>): React.JSX.Element;
|
|
9
|
+
declare function MenubarMenu({
|
|
10
|
+
...props
|
|
11
|
+
}: React.ComponentProps<typeof Menubar$1.Menu>): React.JSX.Element;
|
|
12
|
+
declare function MenubarGroup({
|
|
13
|
+
...props
|
|
14
|
+
}: React.ComponentProps<typeof Menubar$1.Group>): React.JSX.Element;
|
|
15
|
+
declare function MenubarPortal({
|
|
16
|
+
...props
|
|
17
|
+
}: React.ComponentProps<typeof Menubar$1.Portal>): React.JSX.Element;
|
|
18
|
+
declare function MenubarRadioGroup({
|
|
19
|
+
...props
|
|
20
|
+
}: React.ComponentProps<typeof Menubar$1.RadioGroup>): React.JSX.Element;
|
|
21
|
+
declare function MenubarTrigger({
|
|
22
|
+
className,
|
|
23
|
+
...props
|
|
24
|
+
}: React.ComponentProps<typeof Menubar$1.Trigger>): React.JSX.Element;
|
|
25
|
+
declare function MenubarContent({
|
|
26
|
+
className,
|
|
27
|
+
align,
|
|
28
|
+
alignOffset,
|
|
29
|
+
sideOffset,
|
|
30
|
+
...props
|
|
31
|
+
}: React.ComponentProps<typeof Menubar$1.Content>): React.JSX.Element;
|
|
32
|
+
declare function MenubarItem({
|
|
33
|
+
className,
|
|
34
|
+
inset,
|
|
35
|
+
variant,
|
|
36
|
+
...props
|
|
37
|
+
}: React.ComponentProps<typeof Menubar$1.Item> & {
|
|
38
|
+
inset?: boolean;
|
|
39
|
+
variant?: "default" | "destructive";
|
|
40
|
+
}): React.JSX.Element;
|
|
41
|
+
declare function MenubarCheckboxItem({
|
|
42
|
+
className,
|
|
43
|
+
children,
|
|
44
|
+
checked,
|
|
45
|
+
...props
|
|
46
|
+
}: React.ComponentProps<typeof Menubar$1.CheckboxItem>): React.JSX.Element;
|
|
47
|
+
declare function MenubarRadioItem({
|
|
48
|
+
className,
|
|
49
|
+
children,
|
|
50
|
+
...props
|
|
51
|
+
}: React.ComponentProps<typeof Menubar$1.RadioItem>): React.JSX.Element;
|
|
52
|
+
declare function MenubarLabel({
|
|
53
|
+
className,
|
|
54
|
+
inset,
|
|
55
|
+
...props
|
|
56
|
+
}: React.ComponentProps<typeof Menubar$1.Label> & {
|
|
57
|
+
inset?: boolean;
|
|
58
|
+
}): React.JSX.Element;
|
|
59
|
+
declare function MenubarSeparator({
|
|
60
|
+
className,
|
|
61
|
+
...props
|
|
62
|
+
}: React.ComponentProps<typeof Menubar$1.Separator>): React.JSX.Element;
|
|
63
|
+
declare function MenubarShortcut({
|
|
64
|
+
className,
|
|
65
|
+
...props
|
|
66
|
+
}: React.ComponentProps<"span">): React.JSX.Element;
|
|
67
|
+
declare function MenubarSub({
|
|
68
|
+
...props
|
|
69
|
+
}: React.ComponentProps<typeof Menubar$1.Sub>): React.JSX.Element;
|
|
70
|
+
declare function MenubarSubTrigger({
|
|
71
|
+
className,
|
|
72
|
+
inset,
|
|
73
|
+
children,
|
|
74
|
+
...props
|
|
75
|
+
}: React.ComponentProps<typeof Menubar$1.SubTrigger> & {
|
|
76
|
+
inset?: boolean;
|
|
77
|
+
}): React.JSX.Element;
|
|
78
|
+
declare function MenubarSubContent({
|
|
79
|
+
className,
|
|
80
|
+
...props
|
|
81
|
+
}: React.ComponentProps<typeof Menubar$1.SubContent>): React.JSX.Element;
|
|
82
|
+
//#endregion
|
|
83
|
+
export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
|
|
84
|
+
//# sourceMappingURL=menubar.d.cts.map
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Menubar as Menubar$1 } from "radix-ui";
|
|
3
|
+
|
|
4
|
+
//#region packages/components/ui/menubar.d.ts
|
|
5
|
+
declare function Menubar({
|
|
6
|
+
className,
|
|
7
|
+
...props
|
|
8
|
+
}: React.ComponentProps<typeof Menubar$1.Root>): React.JSX.Element;
|
|
9
|
+
declare function MenubarMenu({
|
|
10
|
+
...props
|
|
11
|
+
}: React.ComponentProps<typeof Menubar$1.Menu>): React.JSX.Element;
|
|
12
|
+
declare function MenubarGroup({
|
|
13
|
+
...props
|
|
14
|
+
}: React.ComponentProps<typeof Menubar$1.Group>): React.JSX.Element;
|
|
15
|
+
declare function MenubarPortal({
|
|
16
|
+
...props
|
|
17
|
+
}: React.ComponentProps<typeof Menubar$1.Portal>): React.JSX.Element;
|
|
18
|
+
declare function MenubarRadioGroup({
|
|
19
|
+
...props
|
|
20
|
+
}: React.ComponentProps<typeof Menubar$1.RadioGroup>): React.JSX.Element;
|
|
21
|
+
declare function MenubarTrigger({
|
|
22
|
+
className,
|
|
23
|
+
...props
|
|
24
|
+
}: React.ComponentProps<typeof Menubar$1.Trigger>): React.JSX.Element;
|
|
25
|
+
declare function MenubarContent({
|
|
26
|
+
className,
|
|
27
|
+
align,
|
|
28
|
+
alignOffset,
|
|
29
|
+
sideOffset,
|
|
30
|
+
...props
|
|
31
|
+
}: React.ComponentProps<typeof Menubar$1.Content>): React.JSX.Element;
|
|
32
|
+
declare function MenubarItem({
|
|
33
|
+
className,
|
|
34
|
+
inset,
|
|
35
|
+
variant,
|
|
36
|
+
...props
|
|
37
|
+
}: React.ComponentProps<typeof Menubar$1.Item> & {
|
|
38
|
+
inset?: boolean;
|
|
39
|
+
variant?: "default" | "destructive";
|
|
40
|
+
}): React.JSX.Element;
|
|
41
|
+
declare function MenubarCheckboxItem({
|
|
42
|
+
className,
|
|
43
|
+
children,
|
|
44
|
+
checked,
|
|
45
|
+
...props
|
|
46
|
+
}: React.ComponentProps<typeof Menubar$1.CheckboxItem>): React.JSX.Element;
|
|
47
|
+
declare function MenubarRadioItem({
|
|
48
|
+
className,
|
|
49
|
+
children,
|
|
50
|
+
...props
|
|
51
|
+
}: React.ComponentProps<typeof Menubar$1.RadioItem>): React.JSX.Element;
|
|
52
|
+
declare function MenubarLabel({
|
|
53
|
+
className,
|
|
54
|
+
inset,
|
|
55
|
+
...props
|
|
56
|
+
}: React.ComponentProps<typeof Menubar$1.Label> & {
|
|
57
|
+
inset?: boolean;
|
|
58
|
+
}): React.JSX.Element;
|
|
59
|
+
declare function MenubarSeparator({
|
|
60
|
+
className,
|
|
61
|
+
...props
|
|
62
|
+
}: React.ComponentProps<typeof Menubar$1.Separator>): React.JSX.Element;
|
|
63
|
+
declare function MenubarShortcut({
|
|
64
|
+
className,
|
|
65
|
+
...props
|
|
66
|
+
}: React.ComponentProps<"span">): React.JSX.Element;
|
|
67
|
+
declare function MenubarSub({
|
|
68
|
+
...props
|
|
69
|
+
}: React.ComponentProps<typeof Menubar$1.Sub>): React.JSX.Element;
|
|
70
|
+
declare function MenubarSubTrigger({
|
|
71
|
+
className,
|
|
72
|
+
inset,
|
|
73
|
+
children,
|
|
74
|
+
...props
|
|
75
|
+
}: React.ComponentProps<typeof Menubar$1.SubTrigger> & {
|
|
76
|
+
inset?: boolean;
|
|
77
|
+
}): React.JSX.Element;
|
|
78
|
+
declare function MenubarSubContent({
|
|
79
|
+
className,
|
|
80
|
+
...props
|
|
81
|
+
}: React.ComponentProps<typeof Menubar$1.SubContent>): React.JSX.Element;
|
|
82
|
+
//#endregion
|
|
83
|
+
export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
|
|
84
|
+
//# sourceMappingURL=menubar.d.ts.map
|
package/dist/menubar.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use client";import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{Menubar as n}from"radix-ui";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{CheckIcon as a,ChevronRightIcon as o,CircleIcon as s}from"lucide-react";function c({className:t,...i}){return r(n.Root,{"data-slot":`menubar`,className:e(`bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs`,t),...i})}function l({...e}){return r(n.Menu,{"data-slot":`menubar-menu`,...e})}function u({...e}){return r(n.Group,{"data-slot":`menubar-group`,...e})}function d({...e}){return r(n.Portal,{"data-slot":`menubar-portal`,...e})}function f({...e}){return r(n.RadioGroup,{"data-slot":`menubar-radio-group`,...e})}function p({className:t,...i}){return r(n.Trigger,{"data-slot":`menubar-trigger`,className:e(`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`,t),...i})}function m({className:t,align:i=`start`,alignOffset:a=-4,sideOffset:o=8,...s}){return r(d,{children:r(n.Content,{"data-slot":`menubar-content`,align:i,alignOffset:a,sideOffset:o,className:e(`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`,t),...s})})}function h({className:t,inset:i,variant:a=`default`,...o}){return r(n.Item,{"data-slot":`menubar-item`,"data-inset":i,"data-variant":a,className:e(`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`,t),...o})}function g({className:t,children:o,checked:s,...c}){return i(n.CheckboxItem,{"data-slot":`menubar-checkbox-item`,className:e(`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`,t),checked:s,...c,children:[r(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:r(n.ItemIndicator,{children:r(a,{className:`size-4`})})}),o]})}function _({className:t,children:a,...o}){return i(n.RadioItem,{"data-slot":`menubar-radio-item`,className:e(`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`,t),...o,children:[r(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:r(n.ItemIndicator,{children:r(s,{className:`size-2 fill-current`})})}),a]})}function v({className:t,inset:i,...a}){return r(n.Label,{"data-slot":`menubar-label`,"data-inset":i,className:e(`px-2 py-1.5 text-sm font-medium data-[inset]:pl-8`,t),...a})}function y({className:t,...i}){return r(n.Separator,{"data-slot":`menubar-separator`,className:e(`bg-border -mx-1 my-1 h-px`,t),...i})}function b({className:t,...n}){return r(`span`,{"data-slot":`menubar-shortcut`,className:e(`text-muted-foreground ml-auto text-xs tracking-widest`,t),...n})}function x({...e}){return r(n.Sub,{"data-slot":`menubar-sub`,...e})}function S({className:t,inset:a,children:s,...c}){return i(n.SubTrigger,{"data-slot":`menubar-sub-trigger`,"data-inset":a,className:e(`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`,t),...c,children:[s,r(o,{className:`ml-auto h-4 w-4`})]})}function C({className:t,...i}){return r(n.SubContent,{"data-slot":`menubar-sub-content`,className:e(`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`,t),...i})}export{c as Menubar,g as MenubarCheckboxItem,m as MenubarContent,u as MenubarGroup,h as MenubarItem,v as MenubarLabel,l as MenubarMenu,d as MenubarPortal,f as MenubarRadioGroup,_ as MenubarRadioItem,y as MenubarSeparator,b as MenubarShortcut,x as MenubarSub,C as MenubarSubContent,S as MenubarSubTrigger,p as MenubarTrigger};
|
|
2
|
+
//# sourceMappingURL=menubar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menubar.js","names":["MenubarPrimitive"],"sources":["../packages/components/ui/menubar.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Menubar as MenubarPrimitive } from \"radix-ui\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Menubar({\n className,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n return (\n <MenubarPrimitive.Root\n data-slot=\"menubar\"\n className={cn(\n \"bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction MenubarMenu({\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n return <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n return <MenubarPrimitive.Portal data-slot=\"menubar-portal\" {...props} />;\n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n return (\n <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />\n );\n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n return (\n <MenubarPrimitive.Trigger\n data-slot=\"menubar-trigger\"\n className={cn(\n \"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\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n return (\n <MenubarPortal>\n <MenubarPrimitive.Content\n data-slot=\"menubar-content\"\n align={align}\n alignOffset={alignOffset}\n sideOffset={sideOffset}\n className={cn(\n \"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\",\n className,\n )}\n {...props}\n />\n </MenubarPortal>\n );\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n inset?: boolean;\n variant?: \"default\" | \"destructive\";\n}) {\n return (\n <MenubarPrimitive.Item\n data-slot=\"menubar-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"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\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n return (\n <MenubarPrimitive.CheckboxItem\n data-slot=\"menubar-checkbox-item\"\n className={cn(\n \"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\",\n className,\n )}\n checked={checked}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.CheckboxItem>\n );\n}\n\nfunction MenubarRadioItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n return (\n <MenubarPrimitive.RadioItem\n data-slot=\"menubar-radio-item\"\n className={cn(\n \"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\",\n className,\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <CircleIcon className=\"size-2 fill-current\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.RadioItem>\n );\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\n inset?: boolean;\n}) {\n return (\n <MenubarPrimitive.Label\n data-slot=\"menubar-label\"\n data-inset={inset}\n className={cn(\n \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n return (\n <MenubarPrimitive.Separator\n data-slot=\"menubar-separator\"\n className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n {...props}\n />\n );\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"menubar-shortcut\"\n className={cn(\n \"text-muted-foreground ml-auto text-xs tracking-widest\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n inset?: boolean;\n}) {\n return (\n <MenubarPrimitive.SubTrigger\n data-slot=\"menubar-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"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\",\n className,\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n </MenubarPrimitive.SubTrigger>\n );\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n return (\n <MenubarPrimitive.SubContent\n data-slot=\"menubar-sub-content\"\n className={cn(\n \"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\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport {\n Menubar,\n MenubarCheckboxItem,\n MenubarContent,\n MenubarGroup,\n MenubarItem,\n MenubarLabel,\n MenubarMenu,\n MenubarPortal,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSeparator,\n MenubarShortcut,\n MenubarSub,\n MenubarSubContent,\n MenubarSubTrigger,\n MenubarTrigger,\n};\n"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use client";Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=require(`./button-CXoxOggw.cjs`);require(`./dialog-BRV1Ro1D.cjs`);const r=require(`./command-Bh1toPH-.cjs`),i=e.__toESM(require(`react`)),a=e.__toESM(require(`react/jsx-runtime`)),o=e.__toESM(require(`lucide-react`)),s=e.__toESM(require(`cmdk`));function c(e,t){let[n,r]=i.default.useState(e);return i.default.useEffect(()=>{let n=setTimeout(()=>r(e),t||500);return()=>{clearTimeout(n)}},[e,t]),n}function l(e,t){if(e.length===0)return{};if(!t)return{"":e};let n={};return e.forEach(e=>{let r=e[t]||``;n[r]||(n[r]=[]),n[r].push(e)}),n}function u(e,t){let n=JSON.parse(JSON.stringify(e));for(let[e,r]of Object.entries(n))n[e]=r.filter(e=>!t.find(t=>t.value===e.value));return n}function d(e,t){for(let[,n]of Object.entries(e))if(n.some(e=>t.find(t=>t.value===e.value)))return!0;return!1}const f=i.default.forwardRef(({className:e,...n},r)=>{let i=(0,s.useCommandState)(e=>e.filtered.count===0);return i?(0,a.jsx)(`div`,{ref:r,className:t.cn(`px-2 py-4 text-center text-sm`,e),"cmdk-empty":``,role:`presentation`,...n}):null});f.displayName=`CommandEmpty`;const p=i.default.forwardRef(({value:e,onChange:p,placeholder:m,defaultOptions:h=[],options:g,delay:_,onSearch:v,onSearchSync:y,loadingIndicator:b,emptyIndicator:x,maxSelected:S=2**53-1,onMaxSelected:C,hidePlaceholderWhenSelected:w,disabled:T,groupBy:E,className:D,badgeClassName:O,selectFirstItem:k=!0,creatable:A=!1,triggerSearchOnFocus:j=!1,commandProps:M,inputProps:N,hideClearAllButton:P=!1,onAddNewItem:F},I)=>{let L=i.default.useRef(null),R=i.default.useRef(null),[z,B]=i.default.useState(!1),[V,H]=i.default.useState(!1),[U,W]=i.default.useState(!1),[G,K]=i.default.useState(e||[]),[q,J]=i.default.useState(l(h,E)),[Y,X]=i.default.useState(``),Z=c(Y,_||500);i.default.useImperativeHandle(I,()=>({selectedValue:[...G],input:L.current,focus:()=>L?.current?.focus(),reset:()=>K([])}),[G]);let Q=i.default.useCallback(e=>{R.current&&!R.current.contains(e.target)&&L.current&&!L.current.contains(e.target)&&(B(!1),L.current.blur())},[]),$=i.default.useCallback(e=>{let t=G.filter(t=>t.value!==e.value);K(t),p?.(t)},[p,G]),ee=i.default.useCallback(e=>{let t=L.current;if(t){if((e.key===`Delete`||e.key===`Backspace`)&&t.value===``&&G.length>0){let e=G[G.length-1];e.fixed||$(G[G.length-1])}e.key===`Escape`&&t.blur()}},[$,G]);i.default.useEffect(()=>(z?(document.addEventListener(`mousedown`,Q),document.addEventListener(`touchend`,Q)):(document.removeEventListener(`mousedown`,Q),document.removeEventListener(`touchend`,Q)),()=>{document.removeEventListener(`mousedown`,Q),document.removeEventListener(`touchend`,Q)}),[z]),i.default.useEffect(()=>{e&&K(e)},[e]),i.default.useEffect(()=>{if(!g||v)return;let e=l(g||[],E);JSON.stringify(e)!==JSON.stringify(q)&&J(e)},[h,g,E,v,q]),i.default.useEffect(()=>{let e=()=>{let e=y?.(Z);J(l(e||[],E))},t=async()=>{!y||!z||(j&&e(),Z&&e())};t()},[Z,E,z,j]),i.default.useEffect(()=>{let e=async()=>{W(!0);let e=await v?.(Z);J(l(e||[],E)),W(!1)},t=async()=>{!v||!z||(j&&await e(),Z&&await e())};t()},[Z,E,z,j]);let te=()=>{if(!A||d(q,[{value:Y,label:Y}])||G.find(e=>e.value===Y))return;let e=(0,a.jsx)(r.CommandItem,{value:Y,className:`cursor-pointer`,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:e=>{if(G.length>=S){C?.(G.length);return}X(``);let t=[...G,{value:e,label:e}];K(t),p?.(t)},children:`Create "${Y}"`});if(!v&&Y.length>0||v&&Z.length>0&&!U)return e},ne=i.default.useCallback(()=>{if(x)return v&&!A&&Object.keys(q).length===0?(0,a.jsx)(r.CommandItem,{value:`-`,disabled:!0,children:x}):(0,a.jsx)(f,{children:x})},[A,x,v,q]),re=i.default.useMemo(()=>u(q,G),[q,G]),ie=i.default.useCallback(()=>{if(M?.filter)return M.filter;if(A)return(e,t)=>e.toLowerCase().includes(t.toLowerCase())?1:-1},[A,M?.filter]);return(0,a.jsxs)(r.Command,{ref:R,...M,onKeyDown:e=>{ee(e),M?.onKeyDown?.(e)},className:t.cn(`h-auto overflow-visible bg-transparent`,M?.className),shouldFilter:M?.shouldFilter===void 0?!v:M.shouldFilter,filter:ie(),children:[(0,a.jsx)(`div`,{className:t.cn(`border-input focus-within:border-primary focus-within:ring-ring relative rounded-md border text-sm transition-shadow focus-within:ring-4 focus-within:outline-hidden`,`has-disabled:bg-muted`,`has-disabled:text-muted-foreground`,{"p-1":G.length!==0,"cursor-text":!T&&G.length!==0},!P&&`pe-9`,D),onClick:()=>{T||L?.current?.focus()},children:(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-1`,children:[G.map(e=>(0,a.jsxs)(`div`,{className:t.cn(`animate-fadeIn bg-background text-secondary-foreground hover:bg-background relative inline-flex h-7 cursor-default items-center rounded-md border border-solid ps-2 pe-7 pl-2 text-xs font-medium transition-all disabled:cursor-not-allowed disabled:opacity-50 data-fixed:pe-2`,O),"data-fixed":e.fixed,"data-disabled":T||void 0,children:[e.label,(0,a.jsx)(`button`,{type:`button`,disabled:T||e.fixed,className:t.cn(`text-muted-foreground/80 absolute -inset-y-px -end-px flex size-7 items-center justify-center rounded-e-lg border border-transparent p-0 outline-0 transition-colors`,`hover:text-foreground`,`focus-visible:outline`,`focus-visible:outline-2`,`focus-visible:outline-ring/70`,`disabled:hover:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50`),onKeyDown:t=>{t.key===`Enter`&&$(e)},onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:()=>$(e),"aria-label":`Remove`,children:(0,a.jsx)(o.X,{size:14,strokeWidth:2,"aria-hidden":`true`})})]},e.value)),(0,a.jsx)(s.Command.Input,{...N,ref:L,value:Y,disabled:T,onValueChange:e=>{X(e),N?.onValueChange?.(e)},onBlur:e=>{V||B(!1),N?.onBlur?.(e)},onFocus:e=>{B(!0),j&&v?.(Z),N?.onFocus?.(e)},placeholder:w&&G.length!==0?``:m,className:t.cn(`placeholder:text-muted-foreground flex-1 bg-transparent outline-hidden`,`disabled:placeholder:text-transparent`,{"w-full":w,"px-3 py-2":G.length===0,"ml-1":G.length!==0},N?.className)}),(0,a.jsx)(`button`,{type:`button`,onClick:()=>{K(G.filter(e=>e.fixed)),p?.(G.filter(e=>e.fixed))},className:t.cn(`text-muted-foreground/80`,`absolute end-0 top-0 flex size-9 items-center justify-center rounded-lg border border-transparent transition-colors`,`focus-visible:outline-2`,`hover:text-foreground`,`focus-visible:outline-ring/70`,(P||T||G.length<1||G.filter(({fixed:e})=>e).length===G.length)&&`hidden`),"aria-label":`Clear all`,children:(0,a.jsx)(o.X,{size:16,strokeWidth:2,"aria-hidden":`true`})})]})}),(0,a.jsx)(`div`,{className:`relative`,children:(0,a.jsx)(`div`,{className:t.cn(`border-input absolute top-2 z-10 w-full overflow-hidden rounded-lg border shadow-sm`,`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`,!z&&`hidden`),"data-state":z?`open`:`closed`,children:z&&(0,a.jsxs)(r.CommandList,{className:`bg-popover text-popover-foreground shadow-lg outline-hidden`,onMouseLeave:()=>{H(!1)},onMouseEnter:()=>{H(!0)},onMouseUp:()=>{L?.current?.focus()},children:[F&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(r.CommandSeparator,{}),(0,a.jsx)(r.CommandGroup,{children:(0,a.jsxs)(n.Button,{type:`button`,variant:`ghost`,className:`w-full font-normal [&_div]:justify-start`,onClick:F,children:[(0,a.jsx)(o.PlusIcon,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]}),U?b:(0,a.jsxs)(i.default.Fragment,{children:[ne(),te(),!k&&(0,a.jsx)(r.CommandItem,{value:`-`,className:`hidden`}),Object.entries(re).map(([e,n])=>(0,a.jsx)(r.CommandGroup,{heading:e,className:`h-full overflow-auto`,children:n.map(e=>(0,a.jsx)(r.CommandItem,{value:e.value,disabled:e.disable,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:()=>{if(G.length>=S){C?.(G.length);return}X(``);let t=[...G,e];K(t),p?.(t)},className:t.cn(`cursor-pointer`,e.disable&&`cursor-not-allowed opacity-50`),children:e.label},e.value))},e))]})]})})})]})});p.displayName=`MultipleSelector`,exports.default=p,exports.useDebounce=c;
|
|
2
|
+
//# sourceMappingURL=multi-select.cjs.map
|