@codefast/ui 0.3.9 → 0.3.10

package/dist/components/drawer.d.ts

@@ -1,7 +1,7 @@
-import type { ComponentProps, JSX } from "react";
-import { Drawer as DrawerPrimitive } from "vaul";
-import type { VariantProps } from "@codefast/tailwind-variants";
-import { buttonVariants } from "./button";
+import type { VariantProps } from '@codefast/tailwind-variants';
+import type { ComponentProps, JSX } from 'react';
+import { Drawer as DrawerPrimitive } from 'vaul';
+import { buttonVariants } from './button';
 type DrawerProps = ComponentProps<typeof DrawerPrimitive.Root>;
 declare function Drawer({ shouldScaleBackground, ...props }: DrawerProps): JSX.Element;
 type DrawerTriggerProps = ComponentProps<typeof DrawerPrimitive.Trigger>;
@@ -14,19 +14,19 @@ interface DrawerContentProps extends ComponentProps<typeof DrawerPrimitive.Conte
     };
 }
 declare function DrawerContent({ children, className, classNames, ...props }: DrawerContentProps): JSX.Element;
-type DrawerHeaderProps = ComponentProps<"div">;
+type DrawerHeaderProps = ComponentProps<'div'>;
 declare function DrawerHeader({ className, ...props }: DrawerHeaderProps): JSX.Element;
-type DrawerBodyProps = ComponentProps<"div">;
+type DrawerBodyProps = ComponentProps<'div'>;
 declare function DrawerBody({ className, ...props }: DrawerBodyProps): JSX.Element;
-type DrawerFooterProps = ComponentProps<"div">;
+type DrawerFooterProps = ComponentProps<'div'>;
 declare function DrawerFooter({ className, ...props }: DrawerFooterProps): JSX.Element;
 type DrawerTitleProps = ComponentProps<typeof DrawerPrimitive.Title>;
 declare function DrawerTitle({ className, ...props }: DrawerTitleProps): JSX.Element;
 type DrawerDescriptionProps = ComponentProps<typeof DrawerPrimitive.Description>;
 declare function DrawerDescription({ className, ...props }: DrawerDescriptionProps): JSX.Element;
 interface DrawerCloseProps extends ComponentProps<typeof DrawerPrimitive.Close> {
-    size?: VariantProps<typeof buttonVariants>["size"];
-    variant?: VariantProps<typeof buttonVariants>["variant"];
+    size?: VariantProps<typeof buttonVariants>['size'];
+    variant?: VariantProps<typeof buttonVariants>['variant'];
 }
 declare function DrawerClose({ className, size, variant, ...props }: DrawerCloseProps): JSX.Element;
 export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, };

package/dist/components/drawer.js

@@ -1,2 +1,86 @@
 "use client";
-import{jsx as r,jsxs as a}from"react/jsx-runtime";import{Drawer as t}from"vaul";import{buttonVariants as e}from"./button.js";import{cn as o}from"@codefast/tailwind-variants";function d({shouldScaleBackground:a=!0,...e}){return r(t.Root,{"data-slot":"drawer",shouldScaleBackground:a,...e})}function i({...a}){return r(t.Trigger,{"data-slot":"drawer-trigger",...a})}function n({children:e,className:d,classNames:i,...n}){return a(t.Portal,{children:[r(t.Overlay,{className:o("fixed inset-0 z-50 bg-black/50",i?.overlay),"data-slot":"drawer-overlay"}),a(t.Content,{className:o("group/drawer-content bg-background fixed z-50 flex h-auto flex-col data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-2xl data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-2xl data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm",i?.content,d),"data-slot":"drawer-content",...n,children:[r("div",{className:o("bg-muted mx-auto mt-4 hidden h-1.5 w-12 shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block",i?.handle)}),e]})]})}function l({className:a,...t}){return r("div",{className:o("flex flex-col gap-1.5 p-4",a),"data-slot":"drawer-header",...t})}function u({className:a,...t}){return r("main",{className:o("overflow-auto px-4 py-2",a),"data-slot":"drawer-body",...t})}function c({className:a,...t}){return r("div",{className:o("mt-auto flex flex-col gap-2 p-4",a),"data-slot":"drawer-footer",...t})}function s({className:a,...e}){return r(t.Title,{className:o("text-foreground font-semibold",a),"data-slot":"drawer-title",...e})}function w({className:a,...e}){return r(t.Description,{className:o("text-muted-foreground text-sm",a),"data-slot":"drawer-description",...e})}function m({className:a,size:o,variant:d="outline",...i}){return r(t.Close,{className:e({className:a,size:o,variant:d}),"data-slot":"drawer-close",...i})}export{d as Drawer,u as DrawerBody,m as DrawerClose,n as DrawerContent,w as DrawerDescription,c as DrawerFooter,l as DrawerHeader,s as DrawerTitle,i as DrawerTrigger};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { Drawer } from "vaul";
+import { buttonVariants } from "./button.js";
+function drawer_Drawer({ shouldScaleBackground = true, ...props }) {
+    return /*#__PURE__*/ jsx(Drawer.Root, {
+        "data-slot": "drawer",
+        shouldScaleBackground: shouldScaleBackground,
+        ...props
+    });
+}
+function DrawerTrigger({ ...props }) {
+    return /*#__PURE__*/ jsx(Drawer.Trigger, {
+        "data-slot": "drawer-trigger",
+        ...props
+    });
+}
+function DrawerContent({ children, className, classNames, ...props }) {
+    return /*#__PURE__*/ jsxs(Drawer.Portal, {
+        children: [
+            /*#__PURE__*/ jsx(Drawer.Overlay, {
+                className: cn('fixed inset-0 z-50 bg-black/50', classNames?.overlay),
+                "data-slot": "drawer-overlay"
+            }),
+            /*#__PURE__*/ jsxs(Drawer.Content, {
+                className: cn('group/drawer-content bg-background fixed z-50 flex h-auto flex-col data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-2xl data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-2xl data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm', classNames?.content, className),
+                "data-slot": "drawer-content",
+                ...props,
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: cn('bg-muted mx-auto mt-4 hidden h-1.5 w-12 shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block', classNames?.handle)
+                    }),
+                    children
+                ]
+            })
+        ]
+    });
+}
+function DrawerHeader({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('flex flex-col gap-1.5 p-4', className),
+        "data-slot": "drawer-header",
+        ...props
+    });
+}
+function DrawerBody({ className, ...props }) {
+    return /*#__PURE__*/ jsx("main", {
+        className: cn('overflow-auto px-4 py-2', className),
+        "data-slot": "drawer-body",
+        ...props
+    });
+}
+function DrawerFooter({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('mt-auto flex flex-col gap-2 p-4', className),
+        "data-slot": "drawer-footer",
+        ...props
+    });
+}
+function DrawerTitle({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Drawer.Title, {
+        className: cn('text-foreground font-semibold', className),
+        "data-slot": "drawer-title",
+        ...props
+    });
+}
+function DrawerDescription({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Drawer.Description, {
+        className: cn('text-muted-foreground text-sm', className),
+        "data-slot": "drawer-description",
+        ...props
+    });
+}
+function DrawerClose({ className, size, variant = 'outline', ...props }) {
+    return /*#__PURE__*/ jsx(Drawer.Close, {
+        className: buttonVariants({
+            className,
+            size,
+            variant
+        }),
+        "data-slot": "drawer-close",
+        ...props
+    });
+}
+export { drawer_Drawer as Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger };

package/dist/components/dropdown-menu.cjs

@@ -1,2 +1,222 @@
+"use strict";
 "use client";
-"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 o in t)__webpack_require__.o(t,o)&&!__webpack_require__.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},__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__,{DropdownMenuLabel:()=>DropdownMenuLabel,DropdownMenuArrow:()=>DropdownMenuArrow,DropdownMenuTrigger:()=>DropdownMenuTrigger,DropdownMenuItem:()=>DropdownMenuItem,DropdownMenuShortcut:()=>DropdownMenuShortcut,DropdownMenu:()=>DropdownMenu,DropdownMenuGroup:()=>DropdownMenuGroup,DropdownMenuCheckboxItem:()=>DropdownMenuCheckboxItem,DropdownMenuSub:()=>DropdownMenuSub,DropdownMenuSubContent:()=>DropdownMenuSubContent,DropdownMenuSeparator:()=>DropdownMenuSeparator,DropdownMenuSubTrigger:()=>DropdownMenuSubTrigger,DropdownMenuRadioGroup:()=>DropdownMenuRadioGroup,DropdownMenuRadioItem:()=>DropdownMenuRadioItem,DropdownMenuContent:()=>DropdownMenuContent});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_lucide_react_namespaceObject=require("lucide-react"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_dropdown_menu_namespaceObject=require("@radix-ui/react-dropdown-menu");function DropdownMenu({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Root,{"data-slot":"dropdown-menu",...e})}function DropdownMenuTrigger({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function DropdownMenuGroup({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Group,{"data-slot":"dropdown-menu-group",...e})}function DropdownMenuSub({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Sub,{"data-slot":"dropdown-menu-sub",...e})}function DropdownMenuRadioGroup({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.RadioGroup,{"data-slot":"dropdown-menu-radio-group",...e})}function DropdownMenuSubTrigger({children:e,className:t,inset:o,...n}){return(0,jsx_runtime_namespaceObject.jsxs)(react_dropdown_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",t),"data-inset":o,"data-slot":"dropdown-menu-sub-trigger",...n,children:[e,(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRightIcon,{className:"ml-auto size-4"})]})}function DropdownMenuSubContent({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Portal,{children:(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_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":"dropdown-menu-sub-content",...t})})}function DropdownMenuContent({className:e,sideOffset:t=4,...o}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Portal,{children:(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_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 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":"dropdown-menu-content",sideOffset:t,...o})})}function DropdownMenuItem({className:e,inset:t,variant:o,...n}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Item,{className:(0,tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/dropdown-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":"dropdown-menu-item","data-variant":o,...n})}function DropdownMenuCheckboxItem({checked:e,children:t,className:o,...n}){return(0,jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.CheckboxItem,{checked:e,className:(0,tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/dropdown-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",o),"data-slot":"dropdown-menu-checkbox-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_dropdown_menu_namespaceObject.ItemIndicator,{children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckIcon,{className:"size-4"})})}),t]})}function DropdownMenuRadioItem({children:e,className:t,...o}){return(0,jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.RadioItem,{className:(0,tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/dropdown-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":"dropdown-menu-radio-item",...o,children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute left-2 flex items-center justify-center",children:(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.ItemIndicator,{children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.DotIcon,{className:"size-4 fill-current"})})}),e]})}function DropdownMenuLabel({className:e,inset:t,...o}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_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":"dropdown-menu-label",...o})}function DropdownMenuSeparator({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Separator,{className:(0,tailwind_variants_namespaceObject.cn)("bg-border mx-2 my-1 h-px",e),"data-slot":"dropdown-menu-separator",...t})}function DropdownMenuShortcut({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("span",{className:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground group-data-[variant=destructive]/dropdown-menu-item:text-destructive/80 ml-auto text-xs tracking-widest",e),"data-slot":"dropdown-menu-shortcut",...t})}function DropdownMenuArrow({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Arrow,{className:(0,tailwind_variants_namespaceObject.cn)("fill-popover",e),"data-slot":"dropdown-menu-arrow",...t})}for(var __webpack_i__ in exports.DropdownMenu=__webpack_exports__.DropdownMenu,exports.DropdownMenuArrow=__webpack_exports__.DropdownMenuArrow,exports.DropdownMenuCheckboxItem=__webpack_exports__.DropdownMenuCheckboxItem,exports.DropdownMenuContent=__webpack_exports__.DropdownMenuContent,exports.DropdownMenuGroup=__webpack_exports__.DropdownMenuGroup,exports.DropdownMenuItem=__webpack_exports__.DropdownMenuItem,exports.DropdownMenuLabel=__webpack_exports__.DropdownMenuLabel,exports.DropdownMenuRadioGroup=__webpack_exports__.DropdownMenuRadioGroup,exports.DropdownMenuRadioItem=__webpack_exports__.DropdownMenuRadioItem,exports.DropdownMenuSeparator=__webpack_exports__.DropdownMenuSeparator,exports.DropdownMenuShortcut=__webpack_exports__.DropdownMenuShortcut,exports.DropdownMenuSub=__webpack_exports__.DropdownMenuSub,exports.DropdownMenuSubContent=__webpack_exports__.DropdownMenuSubContent,exports.DropdownMenuSubTrigger=__webpack_exports__.DropdownMenuSubTrigger,exports.DropdownMenuTrigger=__webpack_exports__.DropdownMenuTrigger,__webpack_exports__)-1===["DropdownMenu","DropdownMenuArrow","DropdownMenuCheckboxItem","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuLabel","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubContent","DropdownMenuSubTrigger","DropdownMenuTrigger"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    DropdownMenuLabel: ()=>DropdownMenuLabel,
+    DropdownMenuArrow: ()=>DropdownMenuArrow,
+    DropdownMenuTrigger: ()=>DropdownMenuTrigger,
+    DropdownMenuItem: ()=>DropdownMenuItem,
+    DropdownMenuShortcut: ()=>DropdownMenuShortcut,
+    DropdownMenu: ()=>DropdownMenu,
+    DropdownMenuGroup: ()=>DropdownMenuGroup,
+    DropdownMenuCheckboxItem: ()=>DropdownMenuCheckboxItem,
+    DropdownMenuSub: ()=>DropdownMenuSub,
+    DropdownMenuSubContent: ()=>DropdownMenuSubContent,
+    DropdownMenuSeparator: ()=>DropdownMenuSeparator,
+    DropdownMenuSubTrigger: ()=>DropdownMenuSubTrigger,
+    DropdownMenuRadioGroup: ()=>DropdownMenuRadioGroup,
+    DropdownMenuRadioItem: ()=>DropdownMenuRadioItem,
+    DropdownMenuContent: ()=>DropdownMenuContent
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_dropdown_menu_namespaceObject = require("@radix-ui/react-dropdown-menu");
+const external_lucide_react_namespaceObject = require("lucide-react");
+function DropdownMenu({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Root, {
+        "data-slot": "dropdown-menu",
+        ...props
+    });
+}
+function DropdownMenuTrigger({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Trigger, {
+        "data-slot": "dropdown-menu-trigger",
+        ...props
+    });
+}
+function DropdownMenuGroup({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Group, {
+        "data-slot": "dropdown-menu-group",
+        ...props
+    });
+}
+function DropdownMenuSub({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Sub, {
+        "data-slot": "dropdown-menu-sub",
+        ...props
+    });
+}
+function DropdownMenuRadioGroup({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.RadioGroup, {
+        "data-slot": "dropdown-menu-radio-group",
+        ...props
+    });
+}
+function DropdownMenuSubTrigger({ children, className, inset, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dropdown_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', className),
+        "data-inset": inset,
+        "data-slot": "dropdown-menu-sub-trigger",
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRightIcon, {
+                className: "ml-auto size-4"
+            })
+        ]
+    });
+}
+function DropdownMenuSubContent({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Portal, {
+        "data-slot": "dropdown-menu-portal",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_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 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-lg border p-1 shadow-lg', className),
+            "data-slot": "dropdown-menu-sub-content",
+            ...props
+        })
+    });
+}
+function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Portal, {
+        "data-slot": "dropdown-menu-portal",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_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 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 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border p-1 shadow-lg', className),
+            "data-slot": "dropdown-menu-content",
+            sideOffset: sideOffset,
+            ...props
+        })
+    });
+}
+function DropdownMenuItem({ className, inset, variant, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Item, {
+        className: (0, tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/dropdown-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", className),
+        "data-inset": inset,
+        "data-slot": "dropdown-menu-item",
+        "data-variant": variant,
+        ...props
+    });
+}
+function DropdownMenuCheckboxItem({ checked, children, className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.CheckboxItem, {
+        checked: checked,
+        className: (0, tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/dropdown-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", className),
+        "data-slot": "dropdown-menu-checkbox-item",
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "absolute left-2 flex items-center justify-center",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.ItemIndicator, {
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckIcon, {
+                        className: "size-4"
+                    })
+                })
+            }),
+            children
+        ]
+    });
+}
+function DropdownMenuRadioItem({ children, className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.RadioItem, {
+        className: (0, tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/dropdown-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", className),
+        "data-slot": "dropdown-menu-radio-item",
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "absolute left-2 flex items-center justify-center",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.ItemIndicator, {
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.DotIcon, {
+                        className: "size-4 fill-current"
+                    })
+                })
+            }),
+            children
+        ]
+    });
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_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', className),
+        "data-inset": inset,
+        "data-slot": "dropdown-menu-label",
+        ...props
+    });
+}
+function DropdownMenuSeparator({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Separator, {
+        className: (0, tailwind_variants_namespaceObject.cn)('bg-border mx-2 my-1 h-px', className),
+        "data-slot": "dropdown-menu-separator",
+        ...props
+    });
+}
+function DropdownMenuShortcut({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-muted-foreground group-data-[variant=destructive]/dropdown-menu-item:text-destructive/80 ml-auto text-xs tracking-widest', className),
+        "data-slot": "dropdown-menu-shortcut",
+        ...props
+    });
+}
+function DropdownMenuArrow({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Arrow, {
+        className: (0, tailwind_variants_namespaceObject.cn)('fill-popover', className),
+        "data-slot": "dropdown-menu-arrow",
+        ...props
+    });
+}
+exports.DropdownMenu = __webpack_exports__.DropdownMenu;
+exports.DropdownMenuArrow = __webpack_exports__.DropdownMenuArrow;
+exports.DropdownMenuCheckboxItem = __webpack_exports__.DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = __webpack_exports__.DropdownMenuContent;
+exports.DropdownMenuGroup = __webpack_exports__.DropdownMenuGroup;
+exports.DropdownMenuItem = __webpack_exports__.DropdownMenuItem;
+exports.DropdownMenuLabel = __webpack_exports__.DropdownMenuLabel;
+exports.DropdownMenuRadioGroup = __webpack_exports__.DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = __webpack_exports__.DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = __webpack_exports__.DropdownMenuSeparator;
+exports.DropdownMenuShortcut = __webpack_exports__.DropdownMenuShortcut;
+exports.DropdownMenuSub = __webpack_exports__.DropdownMenuSub;
+exports.DropdownMenuSubContent = __webpack_exports__.DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = __webpack_exports__.DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = __webpack_exports__.DropdownMenuTrigger;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DropdownMenu",
+    "DropdownMenuArrow",
+    "DropdownMenuCheckboxItem",
+    "DropdownMenuContent",
+    "DropdownMenuGroup",
+    "DropdownMenuItem",
+    "DropdownMenuLabel",
+    "DropdownMenuRadioGroup",
+    "DropdownMenuRadioItem",
+    "DropdownMenuSeparator",
+    "DropdownMenuShortcut",
+    "DropdownMenuSub",
+    "DropdownMenuSubContent",
+    "DropdownMenuSubTrigger",
+    "DropdownMenuTrigger"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/dropdown-menu.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from "react";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import type { ComponentProps, JSX } from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 type DropdownMenuProps = ComponentProps<typeof DropdownMenuPrimitive.Root>;
 declare function DropdownMenu({ ...props }: DropdownMenuProps): JSX.Element;
 type DropdownMenuTriggerProps = ComponentProps<typeof DropdownMenuPrimitive.Trigger>;
@@ -20,7 +20,7 @@ type DropdownMenuContentProps = ComponentProps<typeof DropdownMenuPrimitive.Cont
 declare function DropdownMenuContent({ className, sideOffset, ...props }: DropdownMenuContentProps): JSX.Element;
 interface DropdownMenuItemProps extends ComponentProps<typeof DropdownMenuPrimitive.Item> {
     inset?: boolean;
-    variant?: "default" | "destructive";
+    variant?: 'default' | 'destructive';
 }
 declare function DropdownMenuItem({ className, inset, variant, ...props }: DropdownMenuItemProps): JSX.Element;
 type DropdownMenuCheckboxItemProps = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>;
@@ -33,7 +33,7 @@ interface DropdownMenuLabelProps extends ComponentProps<typeof DropdownMenuPrimi
 declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps): JSX.Element;
 type DropdownMenuSeparatorProps = ComponentProps<typeof DropdownMenuPrimitive.Separator>;
 declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): JSX.Element;
-type DropdownMenuShortcutProps = ComponentProps<"span">;
+type DropdownMenuShortcutProps = ComponentProps<'span'>;
 declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps): JSX.Element;
 type DropdownMenuArrowProps = ComponentProps<typeof DropdownMenuPrimitive.Arrow>;
 declare function DropdownMenuArrow({ className, ...props }: DropdownMenuArrowProps): JSX.Element;

package/dist/components/dropdown-menu.js

@@ -1,2 +1,146 @@
 "use client";
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{CheckIcon as a,ChevronRightIcon as o,DotIcon as d}from"lucide-react";import{cn as n}from"@codefast/tailwind-variants";import{Arrow as s,CheckboxItem as r,Content as i,Group as u,Item as c,ItemIndicator as l,Label as p,Portal as m,RadioGroup as f,RadioItem as g,Root as w,Separator as x,Sub as b,SubContent as v,SubTrigger as h,Trigger as z}from"@radix-ui/react-dropdown-menu";function D({...e}){return t(w,{"data-slot":"dropdown-menu",...e})}function M({...e}){return t(z,{"data-slot":"dropdown-menu-trigger",...e})}function N({...e}){return t(u,{"data-slot":"dropdown-menu-group",...e})}function y({...e}){return t(b,{"data-slot":"dropdown-menu-sub",...e})}function k({...e}){return t(f,{"data-slot":"dropdown-menu-radio-group",...e})}function _({children:a,className:d,inset:s,...r}){return e(h,{className:n("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",d),"data-inset":s,"data-slot":"dropdown-menu-sub-trigger",...r,children:[a,t(o,{className:"ml-auto size-4"})]})}function S({className:e,...a}){return t(m,{children:t(v,{className:n("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":"dropdown-menu-sub-content",...a})})}function j({className:e,sideOffset:a=4,...o}){return t(m,{children:t(i,{className:n("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":"dropdown-menu-content",sideOffset:a,...o})})}function C({className:e,inset:a,variant:o,...d}){return t(c,{className:n("focus:bg-accent focus:text-accent-foreground group/dropdown-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":a,"data-slot":"dropdown-menu-item","data-variant":o,...d})}function I({checked:o,children:d,className:s,...i}){return e(r,{checked:o,className:n("focus:bg-accent focus:text-accent-foreground group/dropdown-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",s),"data-slot":"dropdown-menu-checkbox-item",...i,children:[t("span",{className:"absolute left-2 flex items-center justify-center",children:t(l,{children:t(a,{className:"size-4"})})}),d]})}function G({children:a,className:o,...s}){return e(g,{className:n("focus:bg-accent focus:text-accent-foreground group/dropdown-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",o),"data-slot":"dropdown-menu-radio-item",...s,children:[t("span",{className:"absolute left-2 flex items-center justify-center",children:t(l,{children:t(d,{className:"size-4 fill-current"})})}),a]})}function R({className:e,inset:a,...o}){return t(p,{className:n("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8",e),"data-inset":a,"data-slot":"dropdown-menu-label",...o})}function T({className:e,...a}){return t(x,{className:n("bg-border mx-2 my-1 h-px",e),"data-slot":"dropdown-menu-separator",...a})}function A({className:e,...a}){return t("span",{className:n("text-muted-foreground group-data-[variant=destructive]/dropdown-menu-item:text-destructive/80 ml-auto text-xs tracking-widest",e),"data-slot":"dropdown-menu-shortcut",...a})}function L({className:e,...a}){return t(s,{className:n("fill-popover",e),"data-slot":"dropdown-menu-arrow",...a})}export{D as DropdownMenu,L as DropdownMenuArrow,I as DropdownMenuCheckboxItem,j as DropdownMenuContent,N as DropdownMenuGroup,C as DropdownMenuItem,R as DropdownMenuLabel,k as DropdownMenuRadioGroup,G as DropdownMenuRadioItem,T as DropdownMenuSeparator,A as DropdownMenuShortcut,y as DropdownMenuSub,S as DropdownMenuSubContent,_ as DropdownMenuSubTrigger,M as DropdownMenuTrigger};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { Arrow, CheckboxItem, Content, Group, Item, ItemIndicator, Label, Portal, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger } from "@radix-ui/react-dropdown-menu";
+import { CheckIcon, ChevronRightIcon, DotIcon } from "lucide-react";
+function DropdownMenu({ ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "dropdown-menu",
+        ...props
+    });
+}
+function DropdownMenuTrigger({ ...props }) {
+    return /*#__PURE__*/ jsx(Trigger, {
+        "data-slot": "dropdown-menu-trigger",
+        ...props
+    });
+}
+function DropdownMenuGroup({ ...props }) {
+    return /*#__PURE__*/ jsx(Group, {
+        "data-slot": "dropdown-menu-group",
+        ...props
+    });
+}
+function DropdownMenuSub({ ...props }) {
+    return /*#__PURE__*/ jsx(Sub, {
+        "data-slot": "dropdown-menu-sub",
+        ...props
+    });
+}
+function DropdownMenuRadioGroup({ ...props }) {
+    return /*#__PURE__*/ jsx(RadioGroup, {
+        "data-slot": "dropdown-menu-radio-group",
+        ...props
+    });
+}
+function DropdownMenuSubTrigger({ children, className, inset, ...props }) {
+    return /*#__PURE__*/ jsxs(SubTrigger, {
+        className: 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', className),
+        "data-inset": inset,
+        "data-slot": "dropdown-menu-sub-trigger",
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(ChevronRightIcon, {
+                className: "ml-auto size-4"
+            })
+        ]
+    });
+}
+function DropdownMenuSubContent({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Portal, {
+        "data-slot": "dropdown-menu-portal",
+        children: /*#__PURE__*/ jsx(SubContent, {
+            className: 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 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-lg border p-1 shadow-lg', className),
+            "data-slot": "dropdown-menu-sub-content",
+            ...props
+        })
+    });
+}
+function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
+    return /*#__PURE__*/ jsx(Portal, {
+        "data-slot": "dropdown-menu-portal",
+        children: /*#__PURE__*/ jsx(Content, {
+            className: 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 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border p-1 shadow-lg', className),
+            "data-slot": "dropdown-menu-content",
+            sideOffset: sideOffset,
+            ...props
+        })
+    });
+}
+function DropdownMenuItem({ className, inset, variant, ...props }) {
+    return /*#__PURE__*/ jsx(Item, {
+        className: cn("focus:bg-accent focus:text-accent-foreground group/dropdown-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", className),
+        "data-inset": inset,
+        "data-slot": "dropdown-menu-item",
+        "data-variant": variant,
+        ...props
+    });
+}
+function DropdownMenuCheckboxItem({ checked, children, className, ...props }) {
+    return /*#__PURE__*/ jsxs(CheckboxItem, {
+        checked: checked,
+        className: cn("focus:bg-accent focus:text-accent-foreground group/dropdown-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", className),
+        "data-slot": "dropdown-menu-checkbox-item",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "absolute left-2 flex items-center justify-center",
+                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                    children: /*#__PURE__*/ jsx(CheckIcon, {
+                        className: "size-4"
+                    })
+                })
+            }),
+            children
+        ]
+    });
+}
+function DropdownMenuRadioItem({ children, className, ...props }) {
+    return /*#__PURE__*/ jsxs(RadioItem, {
+        className: cn("focus:bg-accent focus:text-accent-foreground group/dropdown-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", className),
+        "data-slot": "dropdown-menu-radio-item",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "absolute left-2 flex items-center justify-center",
+                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                    children: /*#__PURE__*/ jsx(DotIcon, {
+                        className: "size-4 fill-current"
+                    })
+                })
+            }),
+            children
+        ]
+    });
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+    return /*#__PURE__*/ jsx(Label, {
+        className: cn('flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8', className),
+        "data-inset": inset,
+        "data-slot": "dropdown-menu-label",
+        ...props
+    });
+}
+function DropdownMenuSeparator({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Separator, {
+        className: cn('bg-border mx-2 my-1 h-px', className),
+        "data-slot": "dropdown-menu-separator",
+        ...props
+    });
+}
+function DropdownMenuShortcut({ className, ...props }) {
+    return /*#__PURE__*/ jsx("span", {
+        className: cn('text-muted-foreground group-data-[variant=destructive]/dropdown-menu-item:text-destructive/80 ml-auto text-xs tracking-widest', className),
+        "data-slot": "dropdown-menu-shortcut",
+        ...props
+    });
+}
+function DropdownMenuArrow({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Arrow, {
+        className: cn('fill-popover', className),
+        "data-slot": "dropdown-menu-arrow",
+        ...props
+    });
+}
+export { DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };