@codefast/ui 0.3.9 → 0.3.11-canary.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +30 -0
- package/README.md +277 -167
- package/dist/components/accordion.cjs +97 -1
- package/dist/components/accordion.js +51 -1
- package/dist/components/alert-dialog.cjs +155 -1
- package/dist/components/alert-dialog.d.ts +2 -2
- package/dist/components/alert-dialog.js +94 -1
- package/dist/components/alert.cjs +84 -1
- package/dist/components/alert.d.ts +1 -1
- package/dist/components/alert.js +41 -1
- package/dist/components/aspect-ratio.cjs +43 -1
- package/dist/components/aspect-ratio.js +9 -1
- package/dist/components/avatar.cjs +65 -1
- package/dist/components/avatar.js +25 -1
- package/dist/components/badge.cjs +66 -1
- package/dist/components/badge.d.ts +1 -1
- package/dist/components/badge.js +29 -1
- package/dist/components/breadcrumb.cjs +124 -1
- package/dist/components/breadcrumb.js +72 -1
- package/dist/components/button-group.cjs +86 -1
- package/dist/components/button-group.d.ts +1 -1
- package/dist/components/button-group.js +43 -1
- package/dist/components/button.cjs +92 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/button.js +55 -1
- package/dist/components/calendar.cjs +150 -1
- package/dist/components/calendar.d.ts +11 -18
- package/dist/components/calendar.js +113 -1
- package/dist/components/card.cjs +105 -1
- package/dist/components/card.js +53 -1
- package/dist/components/carousel.cjs +210 -1
- package/dist/components/carousel.d.ts +1 -1
- package/dist/components/carousel.js +151 -1
- package/dist/components/chart.cjs +250 -3
- package/dist/components/chart.d.ts +5 -4
- package/dist/components/chart.js +198 -3
- package/dist/components/checkbox-cards.cjs +69 -1
- package/dist/components/checkbox-cards.js +32 -1
- package/dist/components/checkbox-group.cjs +63 -1
- package/dist/components/checkbox-group.js +26 -1
- package/dist/components/checkbox.cjs +53 -1
- package/dist/components/checkbox.js +19 -1
- package/dist/components/collapsible.cjs +61 -1
- package/dist/components/collapsible.js +21 -1
- package/dist/components/command.cjs +167 -1
- package/dist/components/command.js +106 -1
- package/dist/components/context-menu.cjs +218 -1
- package/dist/components/context-menu.js +142 -1
- package/dist/components/dialog.cjs +164 -1
- package/dist/components/dialog.d.ts +2 -2
- package/dist/components/dialog.js +106 -1
- package/dist/components/drawer.cjs +143 -1
- package/dist/components/drawer.d.ts +1 -1
- package/dist/components/drawer.js +85 -1
- package/dist/components/dropdown-menu.cjs +221 -1
- package/dist/components/dropdown-menu.js +145 -1
- package/dist/components/empty.cjs +113 -1
- package/dist/components/empty.d.ts +1 -1
- package/dist/components/empty.js +61 -1
- package/dist/components/field.cjs +193 -1
- package/dist/components/field.d.ts +1 -1
- package/dist/components/field.js +129 -1
- package/dist/components/form.cjs +151 -1
- package/dist/components/form.d.ts +3 -3
- package/dist/components/form.js +96 -1
- package/dist/components/hover-card.cjs +77 -1
- package/dist/components/hover-card.js +34 -1
- package/dist/components/input-group.cjs +155 -1
- package/dist/components/input-group.d.ts +1 -1
- package/dist/components/input-group.js +97 -1
- package/dist/components/input-number.cjs +98 -1
- package/dist/components/input-number.js +64 -1
- package/dist/components/input-otp.cjs +101 -1
- package/dist/components/input-otp.js +49 -1
- package/dist/components/input-password.cjs +71 -1
- package/dist/components/input-password.js +37 -1
- package/dist/components/input-search.cjs +80 -1
- package/dist/components/input-search.js +46 -1
- package/dist/components/input.cjs +45 -1
- package/dist/components/input.js +11 -1
- package/dist/components/item.cjs +186 -1
- package/dist/components/item.d.ts +1 -1
- package/dist/components/item.js +119 -1
- package/dist/components/kbd.cjs +54 -1
- package/dist/components/kbd.js +17 -1
- package/dist/components/label.cjs +45 -1
- package/dist/components/label.js +11 -1
- package/dist/components/menubar.cjs +232 -1
- package/dist/components/menubar.js +153 -1
- package/dist/components/native-select.cjs +75 -1
- package/dist/components/native-select.js +35 -1
- package/dist/components/navigation-menu.cjs +146 -2
- package/dist/components/navigation-menu.js +94 -2
- package/dist/components/pagination.cjs +138 -1
- package/dist/components/pagination.d.ts +1 -1
- package/dist/components/pagination.js +86 -1
- package/dist/components/popover.cjs +86 -1
- package/dist/components/popover.js +40 -1
- package/dist/components/progress-circle.cjs +184 -1
- package/dist/components/progress-circle.d.ts +1 -1
- package/dist/components/progress-circle.js +147 -1
- package/dist/components/progress.cjs +52 -1
- package/dist/components/progress.js +18 -1
- package/dist/components/radio-cards.cjs +66 -1
- package/dist/components/radio-cards.js +29 -1
- package/dist/components/radio-group.cjs +59 -1
- package/dist/components/radio-group.js +22 -1
- package/dist/components/radio.cjs +47 -1
- package/dist/components/radio.js +13 -1
- package/dist/components/resizable.cjs +71 -1
- package/dist/components/resizable.d.ts +6 -6
- package/dist/components/resizable.js +31 -1
- package/dist/components/scroll-area.cjs +140 -1
- package/dist/components/scroll-area.d.ts +1 -1
- package/dist/components/scroll-area.js +100 -1
- package/dist/components/select.cjs +180 -1
- package/dist/components/select.d.ts +2 -2
- package/dist/components/select.js +119 -1
- package/dist/components/separator.cjs +82 -1
- package/dist/components/separator.d.ts +1 -1
- package/dist/components/separator.js +42 -1
- package/dist/components/sheet.cjs +184 -1
- package/dist/components/sheet.d.ts +2 -2
- package/dist/components/sheet.js +123 -1
- package/dist/components/sidebar.cjs +506 -1
- package/dist/components/sidebar.d.ts +1 -1
- package/dist/components/sidebar.js +400 -1
- package/dist/components/skeleton.cjs +44 -1
- package/dist/components/skeleton.js +10 -1
- package/dist/components/slider.cjs +79 -1
- package/dist/components/slider.js +45 -1
- package/dist/components/sonner.cjs +57 -1
- package/dist/components/sonner.js +17 -1
- package/dist/components/spinner.cjs +75 -1
- package/dist/components/spinner.js +41 -1
- package/dist/components/switch.cjs +49 -1
- package/dist/components/switch.js +15 -1
- package/dist/components/table.cjs +118 -1
- package/dist/components/table.js +63 -1
- package/dist/components/tabs.cjs +75 -1
- package/dist/components/tabs.d.ts +1 -1
- package/dist/components/tabs.js +32 -1
- package/dist/components/textarea.cjs +44 -1
- package/dist/components/textarea.js +10 -1
- package/dist/components/toggle-group.cjs +90 -1
- package/dist/components/toggle-group.d.ts +8 -10
- package/dist/components/toggle-group.js +53 -1
- package/dist/components/toggle.cjs +71 -1
- package/dist/components/toggle.d.ts +8 -10
- package/dist/components/toggle.js +34 -1
- package/dist/components/tooltip.cjs +90 -1
- package/dist/components/tooltip.js +44 -1
- package/dist/css/amber.css +95 -1
- package/dist/css/blue.css +95 -1
- package/dist/css/cyan.css +95 -1
- package/dist/css/emerald.css +95 -1
- package/dist/css/fuchsia.css +95 -1
- package/dist/css/gray.css +95 -1
- package/dist/css/green.css +95 -1
- package/dist/css/indigo.css +95 -1
- package/dist/css/lime.css +95 -1
- package/dist/css/neutral.css +95 -1
- package/dist/css/orange.css +95 -1
- package/dist/css/pink.css +95 -1
- package/dist/css/preset.css +118 -1
- package/dist/css/purple.css +95 -1
- package/dist/css/red.css +95 -1
- package/dist/css/rose.css +95 -1
- package/dist/css/sky.css +95 -1
- package/dist/css/slate.css +95 -1
- package/dist/css/stone.css +95 -1
- package/dist/css/style.css +3 -1
- package/dist/css/teal.css +95 -1
- package/dist/css/violet.css +95 -1
- package/dist/css/yellow.css +95 -1
- package/dist/css/zinc.css +95 -1
- package/dist/hooks/use-animated-value.cjs +74 -1
- package/dist/hooks/use-animated-value.d.ts +9 -10
- package/dist/hooks/use-animated-value.js +40 -1
- package/dist/hooks/use-copy-to-clipboard.cjs +57 -1
- package/dist/hooks/use-copy-to-clipboard.d.ts +17 -0
- package/dist/hooks/use-copy-to-clipboard.js +23 -1
- package/dist/hooks/use-is-mobile.cjs +39 -1
- package/dist/hooks/use-is-mobile.d.ts +15 -6
- package/dist/hooks/use-is-mobile.js +5 -1
- package/dist/hooks/use-media-query.cjs +56 -1
- package/dist/hooks/use-media-query.d.ts +11 -3
- package/dist/hooks/use-media-query.js +22 -1
- package/dist/hooks/use-mutation-observer.cjs +56 -1
- package/dist/hooks/use-mutation-observer.d.ts +7 -11
- package/dist/hooks/use-mutation-observer.js +22 -1
- package/dist/hooks/use-pagination.cjs +92 -1
- package/dist/hooks/use-pagination.d.ts +12 -10
- package/dist/hooks/use-pagination.js +55 -1
- package/dist/index.cjs +1081 -1
- package/dist/index.d.ts +4 -5
- package/dist/index.js +69 -1
- package/dist/primitives/checkbox-group.cjs +151 -1
- package/dist/primitives/checkbox-group.d.ts +1 -1
- package/dist/primitives/checkbox-group.js +99 -1
- package/dist/primitives/input-number.cjs +439 -1
- package/dist/primitives/input-number.d.ts +1 -1
- package/dist/primitives/input-number.js +381 -1
- package/dist/primitives/input.cjs +99 -1
- package/dist/primitives/input.d.ts +1 -1
- package/dist/primitives/input.js +53 -1
- package/dist/primitives/progress-circle.cjs +198 -1
- package/dist/primitives/progress-circle.d.ts +1 -1
- package/dist/primitives/progress-circle.js +128 -1
- package/package.json +405 -62
|
@@ -1,2 +1,219 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
"use client";
|
|
2
|
-
"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var n in t)__webpack_require__.o(t,n)&&!__webpack_require__.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ContextMenuCheckboxItem:()=>ContextMenuCheckboxItem,ContextMenuContent:()=>ContextMenuContent,ContextMenuRadioItem:()=>ContextMenuRadioItem,ContextMenuGroup:()=>ContextMenuGroup,ContextMenuSubTrigger:()=>ContextMenuSubTrigger,ContextMenuTrigger:()=>ContextMenuTrigger,ContextMenuSubContent:()=>ContextMenuSubContent,ContextMenuArrow:()=>ContextMenuArrow,ContextMenu:()=>ContextMenu,ContextMenuItem:()=>ContextMenuItem,ContextMenuShortcut:()=>ContextMenuShortcut,ContextMenuLabel:()=>ContextMenuLabel,ContextMenuRadioGroup:()=>ContextMenuRadioGroup,ContextMenuSeparator:()=>ContextMenuSeparator,ContextMenuSub:()=>ContextMenuSub});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_lucide_react_namespaceObject=require("lucide-react"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_context_menu_namespaceObject=require("@radix-ui/react-context-menu");function ContextMenu({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Root,{"data-slot":"context-menu",...e})}function ContextMenuTrigger({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Trigger,{"data-slot":"context-menu-trigger",...e})}function ContextMenuGroup({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Group,{"data-slot":"context-menu-group",...e})}function ContextMenuSub({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Sub,{"data-slot":"context-menu-sub",...e})}function ContextMenuRadioGroup({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.RadioGroup,{"data-slot":"context-menu-radio-group",...e})}function ContextMenuSubTrigger({children:e,className:t,inset:n,...a}){return(0,jsx_runtime_namespaceObject.jsxs)(react_context_menu_namespaceObject.SubTrigger,{className:(0,tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),"data-inset":n,"data-slot":"context-menu-sub-trigger",...a,children:[e,(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRightIcon,{className:"ml-auto size-4"})]})}function ContextMenuSubContent({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Portal,{children:(0,jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.SubContent,{className:(0,tailwind_variants_namespaceObject.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 ease-ui z-50 min-w-32 rounded-lg border p-1 shadow-lg",e),"data-slot":"context-menu-sub-content",...t})})}function ContextMenuContent({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Portal,{children:(0,jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Content,{className:(0,tailwind_variants_namespaceObject.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 ease-ui z-50 min-w-32 rounded-lg border p-1 shadow-lg",e),"data-slot":"context-menu-content",...t})})}function ContextMenuItem({className:e,inset:t,variant:n,...a}){return(0,jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Item,{className:(0,tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/context-menu-item data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none aria-disabled:opacity-50 data-inset:pl-8 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),"data-inset":t,"data-slot":"context-menu-item","data-variant":n,...a})}function ContextMenuCheckboxItem({checked:e,children:t,className:n,...a}){return(0,jsx_runtime_namespaceObject.jsxs)(react_context_menu_namespaceObject.CheckboxItem,{checked:e,className:(0,tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/context-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",n),"data-slot":"context-menu-checkbox-item",...a,children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute left-2 flex items-center justify-center",children:(0,jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.ItemIndicator,{children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckIcon,{className:"size-4"})})}),t]})}function ContextMenuRadioItem({children:e,className:t,...n}){return(0,jsx_runtime_namespaceObject.jsxs)(react_context_menu_namespaceObject.RadioItem,{className:(0,tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/context-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),"data-slot":"context-menu-radio-item",...n,children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute left-2 flex items-center justify-center",children:(0,jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.ItemIndicator,{children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.DotIcon,{className:"size-4 fill-current"})})}),e]})}function ContextMenuLabel({className:e,inset:t,...n}){return(0,jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Label,{className:(0,tailwind_variants_namespaceObject.cn)("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8",e),"data-inset":t,"data-slot":"context-menu-label",...n})}function ContextMenuSeparator({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Separator,{className:(0,tailwind_variants_namespaceObject.cn)("bg-border mx-2 my-1 h-px",e),"data-slot":"context-menu-separator",...t})}function ContextMenuShortcut({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("span",{className:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground group-data-[variant=destructive]/context-menu-item:text-destructive/80 ml-auto text-xs tracking-widest",e),"data-slot":"context-menu-shortcut",...t})}function ContextMenuArrow({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Arrow,{className:(0,tailwind_variants_namespaceObject.cn)("fill-popover",e),"data-slot":"context-menu-arrow",...t})}for(var __webpack_i__ in exports.ContextMenu=__webpack_exports__.ContextMenu,exports.ContextMenuArrow=__webpack_exports__.ContextMenuArrow,exports.ContextMenuCheckboxItem=__webpack_exports__.ContextMenuCheckboxItem,exports.ContextMenuContent=__webpack_exports__.ContextMenuContent,exports.ContextMenuGroup=__webpack_exports__.ContextMenuGroup,exports.ContextMenuItem=__webpack_exports__.ContextMenuItem,exports.ContextMenuLabel=__webpack_exports__.ContextMenuLabel,exports.ContextMenuRadioGroup=__webpack_exports__.ContextMenuRadioGroup,exports.ContextMenuRadioItem=__webpack_exports__.ContextMenuRadioItem,exports.ContextMenuSeparator=__webpack_exports__.ContextMenuSeparator,exports.ContextMenuShortcut=__webpack_exports__.ContextMenuShortcut,exports.ContextMenuSub=__webpack_exports__.ContextMenuSub,exports.ContextMenuSubContent=__webpack_exports__.ContextMenuSubContent,exports.ContextMenuSubTrigger=__webpack_exports__.ContextMenuSubTrigger,exports.ContextMenuTrigger=__webpack_exports__.ContextMenuTrigger,__webpack_exports__)-1===["ContextMenu","ContextMenuArrow","ContextMenuCheckboxItem","ContextMenuContent","ContextMenuGroup","ContextMenuItem","ContextMenuLabel","ContextMenuRadioGroup","ContextMenuRadioItem","ContextMenuSeparator","ContextMenuShortcut","ContextMenuSub","ContextMenuSubContent","ContextMenuSubTrigger","ContextMenuTrigger"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
3
|
+
var __webpack_require__ = {};
|
|
4
|
+
(()=>{
|
|
5
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
6
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: definition[key]
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
})();
|
|
12
|
+
(()=>{
|
|
13
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
+
})();
|
|
15
|
+
(()=>{
|
|
16
|
+
__webpack_require__.r = (exports1)=>{
|
|
17
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
18
|
+
value: 'Module'
|
|
19
|
+
});
|
|
20
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
21
|
+
value: true
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
})();
|
|
25
|
+
var __webpack_exports__ = {};
|
|
26
|
+
__webpack_require__.r(__webpack_exports__);
|
|
27
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
28
|
+
ContextMenuCheckboxItem: ()=>ContextMenuCheckboxItem,
|
|
29
|
+
ContextMenuContent: ()=>ContextMenuContent,
|
|
30
|
+
ContextMenuRadioItem: ()=>ContextMenuRadioItem,
|
|
31
|
+
ContextMenuGroup: ()=>ContextMenuGroup,
|
|
32
|
+
ContextMenuSubTrigger: ()=>ContextMenuSubTrigger,
|
|
33
|
+
ContextMenuTrigger: ()=>ContextMenuTrigger,
|
|
34
|
+
ContextMenuSubContent: ()=>ContextMenuSubContent,
|
|
35
|
+
ContextMenuArrow: ()=>ContextMenuArrow,
|
|
36
|
+
ContextMenu: ()=>ContextMenu,
|
|
37
|
+
ContextMenuItem: ()=>ContextMenuItem,
|
|
38
|
+
ContextMenuShortcut: ()=>ContextMenuShortcut,
|
|
39
|
+
ContextMenuLabel: ()=>ContextMenuLabel,
|
|
40
|
+
ContextMenuRadioGroup: ()=>ContextMenuRadioGroup,
|
|
41
|
+
ContextMenuSeparator: ()=>ContextMenuSeparator,
|
|
42
|
+
ContextMenuSub: ()=>ContextMenuSub
|
|
43
|
+
});
|
|
44
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
45
|
+
const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
|
|
46
|
+
const react_context_menu_namespaceObject = require("@radix-ui/react-context-menu");
|
|
47
|
+
const external_lucide_react_namespaceObject = require("lucide-react");
|
|
48
|
+
function ContextMenu({ ...props }) {
|
|
49
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Root, {
|
|
50
|
+
"data-slot": "context-menu",
|
|
51
|
+
...props
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
function ContextMenuTrigger({ ...props }) {
|
|
55
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Trigger, {
|
|
56
|
+
"data-slot": "context-menu-trigger",
|
|
57
|
+
...props
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
function ContextMenuGroup({ ...props }) {
|
|
61
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Group, {
|
|
62
|
+
"data-slot": "context-menu-group",
|
|
63
|
+
...props
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
function ContextMenuSub({ ...props }) {
|
|
67
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Sub, {
|
|
68
|
+
"data-slot": "context-menu-sub",
|
|
69
|
+
...props
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
function ContextMenuRadioGroup({ ...props }) {
|
|
73
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.RadioGroup, {
|
|
74
|
+
"data-slot": "context-menu-radio-group",
|
|
75
|
+
...props
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
function ContextMenuSubTrigger({ children, className, inset, ...props }) {
|
|
79
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_context_menu_namespaceObject.SubTrigger, {
|
|
80
|
+
className: (0, tailwind_variants_namespaceObject.cn)("flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
81
|
+
"data-inset": inset,
|
|
82
|
+
"data-slot": "context-menu-sub-trigger",
|
|
83
|
+
...props,
|
|
84
|
+
children: [
|
|
85
|
+
children,
|
|
86
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRightIcon, {
|
|
87
|
+
className: "ml-auto size-4"
|
|
88
|
+
})
|
|
89
|
+
]
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
function ContextMenuSubContent({ className, ...props }) {
|
|
93
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Portal, {
|
|
94
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.SubContent, {
|
|
95
|
+
className: (0, tailwind_variants_namespaceObject.cn)("z-50 min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className),
|
|
96
|
+
"data-slot": "context-menu-sub-content",
|
|
97
|
+
...props
|
|
98
|
+
})
|
|
99
|
+
});
|
|
100
|
+
}
|
|
101
|
+
function ContextMenuContent({ className, ...props }) {
|
|
102
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Portal, {
|
|
103
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Content, {
|
|
104
|
+
className: (0, tailwind_variants_namespaceObject.cn)("z-50 max-h-(--radix-context-menu-content-available-height) min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className),
|
|
105
|
+
"data-slot": "context-menu-content",
|
|
106
|
+
...props
|
|
107
|
+
})
|
|
108
|
+
});
|
|
109
|
+
}
|
|
110
|
+
function ContextMenuItem({ className, inset, variant, ...props }) {
|
|
111
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Item, {
|
|
112
|
+
className: (0, tailwind_variants_namespaceObject.cn)("group/context-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", className),
|
|
113
|
+
"data-inset": inset,
|
|
114
|
+
"data-slot": "context-menu-item",
|
|
115
|
+
"data-variant": variant,
|
|
116
|
+
...props
|
|
117
|
+
});
|
|
118
|
+
}
|
|
119
|
+
function ContextMenuCheckboxItem({ checked, children, className, ...props }) {
|
|
120
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_context_menu_namespaceObject.CheckboxItem, {
|
|
121
|
+
checked: checked,
|
|
122
|
+
className: (0, tailwind_variants_namespaceObject.cn)("group/context-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
123
|
+
"data-slot": "context-menu-checkbox-item",
|
|
124
|
+
...props,
|
|
125
|
+
children: [
|
|
126
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
127
|
+
className: "absolute left-2 flex items-center justify-center",
|
|
128
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.ItemIndicator, {
|
|
129
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckIcon, {
|
|
130
|
+
className: "size-4"
|
|
131
|
+
})
|
|
132
|
+
})
|
|
133
|
+
}),
|
|
134
|
+
children
|
|
135
|
+
]
|
|
136
|
+
});
|
|
137
|
+
}
|
|
138
|
+
function ContextMenuRadioItem({ children, className, ...props }) {
|
|
139
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_context_menu_namespaceObject.RadioItem, {
|
|
140
|
+
className: (0, tailwind_variants_namespaceObject.cn)("group/context-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
141
|
+
"data-slot": "context-menu-radio-item",
|
|
142
|
+
...props,
|
|
143
|
+
children: [
|
|
144
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
145
|
+
className: "absolute left-2 flex items-center justify-center",
|
|
146
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.ItemIndicator, {
|
|
147
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.DotIcon, {
|
|
148
|
+
className: "size-4 fill-current"
|
|
149
|
+
})
|
|
150
|
+
})
|
|
151
|
+
}),
|
|
152
|
+
children
|
|
153
|
+
]
|
|
154
|
+
});
|
|
155
|
+
}
|
|
156
|
+
function ContextMenuLabel({ className, inset, ...props }) {
|
|
157
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Label, {
|
|
158
|
+
className: (0, tailwind_variants_namespaceObject.cn)("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8", className),
|
|
159
|
+
"data-inset": inset,
|
|
160
|
+
"data-slot": "context-menu-label",
|
|
161
|
+
...props
|
|
162
|
+
});
|
|
163
|
+
}
|
|
164
|
+
function ContextMenuSeparator({ className, ...props }) {
|
|
165
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Separator, {
|
|
166
|
+
className: (0, tailwind_variants_namespaceObject.cn)("mx-2 my-1 h-px bg-border", className),
|
|
167
|
+
"data-slot": "context-menu-separator",
|
|
168
|
+
...props
|
|
169
|
+
});
|
|
170
|
+
}
|
|
171
|
+
function ContextMenuShortcut({ className, ...props }) {
|
|
172
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
173
|
+
className: (0, tailwind_variants_namespaceObject.cn)("ml-auto text-xs tracking-widest text-muted-foreground group-data-[variant=destructive]/context-menu-item:text-destructive/80", className),
|
|
174
|
+
"data-slot": "context-menu-shortcut",
|
|
175
|
+
...props
|
|
176
|
+
});
|
|
177
|
+
}
|
|
178
|
+
function ContextMenuArrow({ className, ...props }) {
|
|
179
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Arrow, {
|
|
180
|
+
className: (0, tailwind_variants_namespaceObject.cn)("fill-popover", className),
|
|
181
|
+
"data-slot": "context-menu-arrow",
|
|
182
|
+
...props
|
|
183
|
+
});
|
|
184
|
+
}
|
|
185
|
+
exports.ContextMenu = __webpack_exports__.ContextMenu;
|
|
186
|
+
exports.ContextMenuArrow = __webpack_exports__.ContextMenuArrow;
|
|
187
|
+
exports.ContextMenuCheckboxItem = __webpack_exports__.ContextMenuCheckboxItem;
|
|
188
|
+
exports.ContextMenuContent = __webpack_exports__.ContextMenuContent;
|
|
189
|
+
exports.ContextMenuGroup = __webpack_exports__.ContextMenuGroup;
|
|
190
|
+
exports.ContextMenuItem = __webpack_exports__.ContextMenuItem;
|
|
191
|
+
exports.ContextMenuLabel = __webpack_exports__.ContextMenuLabel;
|
|
192
|
+
exports.ContextMenuRadioGroup = __webpack_exports__.ContextMenuRadioGroup;
|
|
193
|
+
exports.ContextMenuRadioItem = __webpack_exports__.ContextMenuRadioItem;
|
|
194
|
+
exports.ContextMenuSeparator = __webpack_exports__.ContextMenuSeparator;
|
|
195
|
+
exports.ContextMenuShortcut = __webpack_exports__.ContextMenuShortcut;
|
|
196
|
+
exports.ContextMenuSub = __webpack_exports__.ContextMenuSub;
|
|
197
|
+
exports.ContextMenuSubContent = __webpack_exports__.ContextMenuSubContent;
|
|
198
|
+
exports.ContextMenuSubTrigger = __webpack_exports__.ContextMenuSubTrigger;
|
|
199
|
+
exports.ContextMenuTrigger = __webpack_exports__.ContextMenuTrigger;
|
|
200
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
201
|
+
"ContextMenu",
|
|
202
|
+
"ContextMenuArrow",
|
|
203
|
+
"ContextMenuCheckboxItem",
|
|
204
|
+
"ContextMenuContent",
|
|
205
|
+
"ContextMenuGroup",
|
|
206
|
+
"ContextMenuItem",
|
|
207
|
+
"ContextMenuLabel",
|
|
208
|
+
"ContextMenuRadioGroup",
|
|
209
|
+
"ContextMenuRadioItem",
|
|
210
|
+
"ContextMenuSeparator",
|
|
211
|
+
"ContextMenuShortcut",
|
|
212
|
+
"ContextMenuSub",
|
|
213
|
+
"ContextMenuSubContent",
|
|
214
|
+
"ContextMenuSubTrigger",
|
|
215
|
+
"ContextMenuTrigger"
|
|
216
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
217
|
+
Object.defineProperty(exports, '__esModule', {
|
|
218
|
+
value: true
|
|
219
|
+
});
|
|
@@ -1,2 +1,143 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from "@codefast/tailwind-variants";
|
|
4
|
+
import { Arrow, CheckboxItem, Content, Group, Item, ItemIndicator, Label, Portal, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger } from "@radix-ui/react-context-menu";
|
|
5
|
+
import { CheckIcon, ChevronRightIcon, DotIcon } from "lucide-react";
|
|
6
|
+
function ContextMenu({ ...props }) {
|
|
7
|
+
return /*#__PURE__*/ jsx(Root, {
|
|
8
|
+
"data-slot": "context-menu",
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
function ContextMenuTrigger({ ...props }) {
|
|
13
|
+
return /*#__PURE__*/ jsx(Trigger, {
|
|
14
|
+
"data-slot": "context-menu-trigger",
|
|
15
|
+
...props
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
function ContextMenuGroup({ ...props }) {
|
|
19
|
+
return /*#__PURE__*/ jsx(Group, {
|
|
20
|
+
"data-slot": "context-menu-group",
|
|
21
|
+
...props
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
function ContextMenuSub({ ...props }) {
|
|
25
|
+
return /*#__PURE__*/ jsx(Sub, {
|
|
26
|
+
"data-slot": "context-menu-sub",
|
|
27
|
+
...props
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
function ContextMenuRadioGroup({ ...props }) {
|
|
31
|
+
return /*#__PURE__*/ jsx(RadioGroup, {
|
|
32
|
+
"data-slot": "context-menu-radio-group",
|
|
33
|
+
...props
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
function ContextMenuSubTrigger({ children, className, inset, ...props }) {
|
|
37
|
+
return /*#__PURE__*/ jsxs(SubTrigger, {
|
|
38
|
+
className: cn("flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
39
|
+
"data-inset": inset,
|
|
40
|
+
"data-slot": "context-menu-sub-trigger",
|
|
41
|
+
...props,
|
|
42
|
+
children: [
|
|
43
|
+
children,
|
|
44
|
+
/*#__PURE__*/ jsx(ChevronRightIcon, {
|
|
45
|
+
className: "ml-auto size-4"
|
|
46
|
+
})
|
|
47
|
+
]
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
function ContextMenuSubContent({ className, ...props }) {
|
|
51
|
+
return /*#__PURE__*/ jsx(Portal, {
|
|
52
|
+
children: /*#__PURE__*/ jsx(SubContent, {
|
|
53
|
+
className: cn("z-50 min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className),
|
|
54
|
+
"data-slot": "context-menu-sub-content",
|
|
55
|
+
...props
|
|
56
|
+
})
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
function ContextMenuContent({ className, ...props }) {
|
|
60
|
+
return /*#__PURE__*/ jsx(Portal, {
|
|
61
|
+
children: /*#__PURE__*/ jsx(Content, {
|
|
62
|
+
className: cn("z-50 max-h-(--radix-context-menu-content-available-height) min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className),
|
|
63
|
+
"data-slot": "context-menu-content",
|
|
64
|
+
...props
|
|
65
|
+
})
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
function ContextMenuItem({ className, inset, variant, ...props }) {
|
|
69
|
+
return /*#__PURE__*/ jsx(Item, {
|
|
70
|
+
className: cn("group/context-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", className),
|
|
71
|
+
"data-inset": inset,
|
|
72
|
+
"data-slot": "context-menu-item",
|
|
73
|
+
"data-variant": variant,
|
|
74
|
+
...props
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
function ContextMenuCheckboxItem({ checked, children, className, ...props }) {
|
|
78
|
+
return /*#__PURE__*/ jsxs(CheckboxItem, {
|
|
79
|
+
checked: checked,
|
|
80
|
+
className: cn("group/context-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
81
|
+
"data-slot": "context-menu-checkbox-item",
|
|
82
|
+
...props,
|
|
83
|
+
children: [
|
|
84
|
+
/*#__PURE__*/ jsx("span", {
|
|
85
|
+
className: "absolute left-2 flex items-center justify-center",
|
|
86
|
+
children: /*#__PURE__*/ jsx(ItemIndicator, {
|
|
87
|
+
children: /*#__PURE__*/ jsx(CheckIcon, {
|
|
88
|
+
className: "size-4"
|
|
89
|
+
})
|
|
90
|
+
})
|
|
91
|
+
}),
|
|
92
|
+
children
|
|
93
|
+
]
|
|
94
|
+
});
|
|
95
|
+
}
|
|
96
|
+
function ContextMenuRadioItem({ children, className, ...props }) {
|
|
97
|
+
return /*#__PURE__*/ jsxs(RadioItem, {
|
|
98
|
+
className: cn("group/context-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
99
|
+
"data-slot": "context-menu-radio-item",
|
|
100
|
+
...props,
|
|
101
|
+
children: [
|
|
102
|
+
/*#__PURE__*/ jsx("span", {
|
|
103
|
+
className: "absolute left-2 flex items-center justify-center",
|
|
104
|
+
children: /*#__PURE__*/ jsx(ItemIndicator, {
|
|
105
|
+
children: /*#__PURE__*/ jsx(DotIcon, {
|
|
106
|
+
className: "size-4 fill-current"
|
|
107
|
+
})
|
|
108
|
+
})
|
|
109
|
+
}),
|
|
110
|
+
children
|
|
111
|
+
]
|
|
112
|
+
});
|
|
113
|
+
}
|
|
114
|
+
function ContextMenuLabel({ className, inset, ...props }) {
|
|
115
|
+
return /*#__PURE__*/ jsx(Label, {
|
|
116
|
+
className: cn("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8", className),
|
|
117
|
+
"data-inset": inset,
|
|
118
|
+
"data-slot": "context-menu-label",
|
|
119
|
+
...props
|
|
120
|
+
});
|
|
121
|
+
}
|
|
122
|
+
function ContextMenuSeparator({ className, ...props }) {
|
|
123
|
+
return /*#__PURE__*/ jsx(Separator, {
|
|
124
|
+
className: cn("mx-2 my-1 h-px bg-border", className),
|
|
125
|
+
"data-slot": "context-menu-separator",
|
|
126
|
+
...props
|
|
127
|
+
});
|
|
128
|
+
}
|
|
129
|
+
function ContextMenuShortcut({ className, ...props }) {
|
|
130
|
+
return /*#__PURE__*/ jsx("span", {
|
|
131
|
+
className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-data-[variant=destructive]/context-menu-item:text-destructive/80", className),
|
|
132
|
+
"data-slot": "context-menu-shortcut",
|
|
133
|
+
...props
|
|
134
|
+
});
|
|
135
|
+
}
|
|
136
|
+
function ContextMenuArrow({ className, ...props }) {
|
|
137
|
+
return /*#__PURE__*/ jsx(Arrow, {
|
|
138
|
+
className: cn("fill-popover", className),
|
|
139
|
+
"data-slot": "context-menu-arrow",
|
|
140
|
+
...props
|
|
141
|
+
});
|
|
142
|
+
}
|
|
143
|
+
export { ContextMenu, ContextMenuArrow, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
|
|
@@ -1,2 +1,165 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
"use client";
|
|
2
|
-
|
|
3
|
+
var __webpack_require__ = {};
|
|
4
|
+
(()=>{
|
|
5
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
6
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: definition[key]
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
})();
|
|
12
|
+
(()=>{
|
|
13
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
14
|
+
})();
|
|
15
|
+
(()=>{
|
|
16
|
+
__webpack_require__.r = (exports1)=>{
|
|
17
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
18
|
+
value: 'Module'
|
|
19
|
+
});
|
|
20
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
21
|
+
value: true
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
})();
|
|
25
|
+
var __webpack_exports__ = {};
|
|
26
|
+
__webpack_require__.r(__webpack_exports__);
|
|
27
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
28
|
+
DialogDescription: ()=>DialogDescription,
|
|
29
|
+
DialogTitle: ()=>DialogTitle,
|
|
30
|
+
DialogHeader: ()=>DialogHeader,
|
|
31
|
+
DialogBody: ()=>DialogBody,
|
|
32
|
+
DialogClose: ()=>DialogClose,
|
|
33
|
+
DialogTrigger: ()=>DialogTrigger,
|
|
34
|
+
DialogContent: ()=>DialogContent,
|
|
35
|
+
Dialog: ()=>Dialog,
|
|
36
|
+
DialogFooter: ()=>DialogFooter
|
|
37
|
+
});
|
|
38
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
39
|
+
const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
|
|
40
|
+
const react_dialog_namespaceObject = require("@radix-ui/react-dialog");
|
|
41
|
+
const external_lucide_react_namespaceObject = require("lucide-react");
|
|
42
|
+
const external_button_cjs_namespaceObject = require("./button.cjs");
|
|
43
|
+
function Dialog({ ...props }) {
|
|
44
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Root, {
|
|
45
|
+
"data-slot": "dialog",
|
|
46
|
+
...props
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
function DialogTrigger({ ...props }) {
|
|
50
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Trigger, {
|
|
51
|
+
"data-slot": "dialog-trigger",
|
|
52
|
+
...props
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
function DialogContent({ children, className, classNames, ...props }) {
|
|
56
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Portal, {
|
|
57
|
+
children: [
|
|
58
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Overlay, {
|
|
59
|
+
className: (0, tailwind_variants_namespaceObject.cn)("fixed inset-0 z-50 bg-black/50 ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", classNames?.overlay),
|
|
60
|
+
"data-slot": "dialog-overlay"
|
|
61
|
+
}),
|
|
62
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Content, {
|
|
63
|
+
className: (0, tailwind_variants_namespaceObject.cn)("fixed inset-0 z-50 grid grid-rows-[1fr_auto] justify-items-center overflow-auto ease-ui data-[state=closed]:animate-out data-[state=open]:animate-in max-sm:data-[state=closed]:animation-duration-500 max-sm:data-[state=closed]:slide-out-to-bottom max-sm:data-[state=open]:animation-duration-500 max-sm:data-[state=open]:slide-in-from-bottom sm:grid-rows-[1fr_auto_3fr] sm:p-4 sm:data-[state=closed]:fade-out-0 sm:data-[state=closed]:zoom-out-95 sm:data-[state=open]:fade-in-0 sm:data-[state=open]:zoom-in-95", classNames?.wrapper),
|
|
64
|
+
"data-slot": "dialog-content-wrapper",
|
|
65
|
+
...props,
|
|
66
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
67
|
+
className: (0, tailwind_variants_namespaceObject.cn)("relative row-start-2 flex w-full flex-col rounded-t-2xl border bg-popover text-popover-foreground shadow-lg sm:max-w-lg sm:rounded-2xl", classNames?.content, className),
|
|
68
|
+
"data-slot": "dialog-content",
|
|
69
|
+
children: [
|
|
70
|
+
children,
|
|
71
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Close, {
|
|
72
|
+
className: (0, external_button_cjs_namespaceObject.buttonVariants)({
|
|
73
|
+
className: [
|
|
74
|
+
"absolute top-2.5 right-2.5 size-7",
|
|
75
|
+
classNames?.close
|
|
76
|
+
],
|
|
77
|
+
size: "icon",
|
|
78
|
+
variant: "ghost"
|
|
79
|
+
}),
|
|
80
|
+
"data-slot": "dialog-close",
|
|
81
|
+
children: [
|
|
82
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.XIcon, {
|
|
83
|
+
className: "size-4"
|
|
84
|
+
}),
|
|
85
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
86
|
+
className: "sr-only",
|
|
87
|
+
children: "Close"
|
|
88
|
+
})
|
|
89
|
+
]
|
|
90
|
+
})
|
|
91
|
+
]
|
|
92
|
+
})
|
|
93
|
+
})
|
|
94
|
+
]
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
function DialogHeader({ className, ...props }) {
|
|
98
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("header", {
|
|
99
|
+
className: (0, tailwind_variants_namespaceObject.cn)("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-2 text-center sm:text-left", className),
|
|
100
|
+
"data-slot": "dialog-header",
|
|
101
|
+
...props
|
|
102
|
+
});
|
|
103
|
+
}
|
|
104
|
+
function DialogBody({ className, ...props }) {
|
|
105
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("main", {
|
|
106
|
+
className: (0, tailwind_variants_namespaceObject.cn)("overflow-auto px-6 py-2", className),
|
|
107
|
+
"data-slot": "dialog-body",
|
|
108
|
+
...props
|
|
109
|
+
});
|
|
110
|
+
}
|
|
111
|
+
function DialogFooter({ className, ...props }) {
|
|
112
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("footer", {
|
|
113
|
+
className: (0, tailwind_variants_namespaceObject.cn)("flex shrink-0 flex-col-reverse gap-2 px-6 pt-2 pb-6 sm:flex-row sm:justify-end", className),
|
|
114
|
+
"data-slot": "dialog-footer",
|
|
115
|
+
...props
|
|
116
|
+
});
|
|
117
|
+
}
|
|
118
|
+
function DialogTitle({ className, ...props }) {
|
|
119
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Title, {
|
|
120
|
+
className: (0, tailwind_variants_namespaceObject.cn)("text-lg leading-none font-semibold tracking-tight", className),
|
|
121
|
+
"data-slot": "dialog-title",
|
|
122
|
+
...props
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
function DialogDescription({ className, ...props }) {
|
|
126
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Description, {
|
|
127
|
+
className: (0, tailwind_variants_namespaceObject.cn)("text-sm text-muted-foreground", className),
|
|
128
|
+
"data-slot": "dialog-description",
|
|
129
|
+
...props
|
|
130
|
+
});
|
|
131
|
+
}
|
|
132
|
+
function DialogClose({ className, size, variant = "outline", ...props }) {
|
|
133
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Close, {
|
|
134
|
+
className: (0, external_button_cjs_namespaceObject.buttonVariants)({
|
|
135
|
+
className,
|
|
136
|
+
size,
|
|
137
|
+
variant
|
|
138
|
+
}),
|
|
139
|
+
"data-slot": "dialog-close",
|
|
140
|
+
...props
|
|
141
|
+
});
|
|
142
|
+
}
|
|
143
|
+
exports.Dialog = __webpack_exports__.Dialog;
|
|
144
|
+
exports.DialogBody = __webpack_exports__.DialogBody;
|
|
145
|
+
exports.DialogClose = __webpack_exports__.DialogClose;
|
|
146
|
+
exports.DialogContent = __webpack_exports__.DialogContent;
|
|
147
|
+
exports.DialogDescription = __webpack_exports__.DialogDescription;
|
|
148
|
+
exports.DialogFooter = __webpack_exports__.DialogFooter;
|
|
149
|
+
exports.DialogHeader = __webpack_exports__.DialogHeader;
|
|
150
|
+
exports.DialogTitle = __webpack_exports__.DialogTitle;
|
|
151
|
+
exports.DialogTrigger = __webpack_exports__.DialogTrigger;
|
|
152
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
153
|
+
"Dialog",
|
|
154
|
+
"DialogBody",
|
|
155
|
+
"DialogClose",
|
|
156
|
+
"DialogContent",
|
|
157
|
+
"DialogDescription",
|
|
158
|
+
"DialogFooter",
|
|
159
|
+
"DialogHeader",
|
|
160
|
+
"DialogTitle",
|
|
161
|
+
"DialogTrigger"
|
|
162
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
163
|
+
Object.defineProperty(exports, '__esModule', {
|
|
164
|
+
value: true
|
|
165
|
+
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type { ComponentProps, JSX } from "react";
|
|
2
1
|
import type { VariantProps } from "@codefast/tailwind-variants";
|
|
3
|
-
import {
|
|
2
|
+
import type { ComponentProps, JSX } from "react";
|
|
4
3
|
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
4
|
+
import { buttonVariants } from "./button";
|
|
5
5
|
type DialogProps = ComponentProps<typeof DialogPrimitive.Root>;
|
|
6
6
|
declare function Dialog({ ...props }: DialogProps): JSX.Element;
|
|
7
7
|
type DialogTriggerProps = ComponentProps<typeof DialogPrimitive.Trigger>;
|