@codefast/ui 0.2.46-canary.1 → 0.2.46-canary.2

package/dist/cjs/components/dialog.cjs

@@ -0,0 +1,164 @@
+"use strict";
+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 ('undefined' != 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__, {
+    DialogHeader: ()=>DialogHeader,
+    DialogClose: ()=>DialogClose,
+    Dialog: ()=>Dialog,
+    DialogFooter: ()=>DialogFooter,
+    DialogContent: ()=>DialogContent,
+    DialogBody: ()=>DialogBody,
+    DialogDescription: ()=>DialogDescription,
+    DialogTrigger: ()=>DialogTrigger,
+    DialogTitle: ()=>DialogTitle
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_dialog_namespaceObject = require("@radix-ui/react-dialog");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+const utils_cjs_namespaceObject = require("../lib/utils.cjs");
+function Dialog({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Root, {
+        "data-slot": "dialog",
+        ...props
+    });
+}
+function DialogTrigger({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Trigger, {
+        "data-slot": "dialog-trigger",
+        ...props
+    });
+}
+function DialogContent({ children, className, classNames, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Portal, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Overlay, {
+                className: (0, utils_cjs_namespaceObject.cn)("bg-popover-overlay data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50", classNames?.overlay),
+                "data-slot": "dialog-overlay"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Content, {
+                className: (0, utils_cjs_namespaceObject.cn)("data-[state=open]:animate-in max-sm:data-[state=open]:animation-duration-500 max-sm:data-[state=open]:slide-in-from-bottom sm:data-[state=open]:fade-in-0 sm:data-[state=open]:zoom-in-95 data-[state=closed]:animate-out max-sm:data-[state=closed]:animation-duration-500 max-sm:data-[state=closed]:slide-out-to-bottom sm:data-[state=closed]:fade-out-0 sm:data-[state=closed]:zoom-out-95 fixed inset-0 z-50 grid grid-rows-[1fr_auto] justify-items-center overflow-auto sm:grid-rows-[1fr_auto_3fr] sm:p-4", classNames?.wrapper),
+                "data-slot": "dialog-content-wrapper",
+                ...props,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                    className: (0, utils_cjs_namespaceObject.cn)("bg-popover text-popover-foreground relative row-start-2 flex w-full flex-col rounded-t-2xl border shadow-lg sm:max-w-lg sm:rounded-2xl", classNames?.content, className),
+                    "data-slot": "dialog-content",
+                    children: [
+                        children,
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Close, {
+                            className: (0, external_button_cjs_namespaceObject.buttonVariants)({
+                                className: [
+                                    "absolute right-2.5 top-2.5 size-7",
+                                    classNames?.close
+                                ],
+                                size: "icon",
+                                variant: "ghost"
+                            }),
+                            "data-slot": "dialog-close",
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.XIcon, {
+                                    className: "size-4"
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                    className: "sr-only",
+                                    children: "Close"
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+function DialogHeader({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("header", {
+        className: (0, utils_cjs_namespaceObject.cn)("flex shrink-0 flex-col gap-1.5 px-6 pb-2 pt-6 text-center sm:text-left", className),
+        "data-slot": "dialog-header",
+        ...props
+    });
+}
+function DialogBody({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("main", {
+        className: (0, utils_cjs_namespaceObject.cn)("overflow-auto px-6 py-2", className),
+        "data-slot": "dialog-body",
+        ...props
+    });
+}
+function DialogFooter({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("footer", {
+        className: (0, utils_cjs_namespaceObject.cn)("flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-2 sm:flex-row sm:justify-end", className),
+        "data-slot": "dialog-footer",
+        ...props
+    });
+}
+function DialogTitle({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Title, {
+        className: (0, utils_cjs_namespaceObject.cn)("text-lg font-semibold leading-none tracking-tight", className),
+        "data-slot": "dialog-title",
+        ...props
+    });
+}
+function DialogDescription({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Description, {
+        className: (0, utils_cjs_namespaceObject.cn)("text-muted-foreground text-sm", className),
+        "data-slot": "dialog-description",
+        ...props
+    });
+}
+function DialogClose({ className, size, variant = "outline", ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Close, {
+        className: (0, external_button_cjs_namespaceObject.buttonVariants)({
+            className,
+            size,
+            variant
+        }),
+        "data-slot": "dialog-close",
+        ...props
+    });
+}
+exports.Dialog = __webpack_exports__.Dialog;
+exports.DialogBody = __webpack_exports__.DialogBody;
+exports.DialogClose = __webpack_exports__.DialogClose;
+exports.DialogContent = __webpack_exports__.DialogContent;
+exports.DialogDescription = __webpack_exports__.DialogDescription;
+exports.DialogFooter = __webpack_exports__.DialogFooter;
+exports.DialogHeader = __webpack_exports__.DialogHeader;
+exports.DialogTitle = __webpack_exports__.DialogTitle;
+exports.DialogTrigger = __webpack_exports__.DialogTrigger;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Dialog",
+    "DialogBody",
+    "DialogClose",
+    "DialogContent",
+    "DialogDescription",
+    "DialogFooter",
+    "DialogHeader",
+    "DialogTitle",
+    "DialogTrigger"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/drawer.cjs

@@ -0,0 +1,144 @@
+"use client";
+"use strict";
+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 ('undefined' != 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__, {
+    DrawerFooter: ()=>DrawerFooter,
+    DrawerBody: ()=>DrawerBody,
+    DrawerContent: ()=>DrawerContent,
+    Drawer: ()=>Drawer,
+    DrawerClose: ()=>DrawerClose,
+    DrawerTrigger: ()=>DrawerTrigger,
+    DrawerHeader: ()=>DrawerHeader,
+    DrawerTitle: ()=>DrawerTitle,
+    DrawerDescription: ()=>DrawerDescription
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_vaul_namespaceObject = require("vaul");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+const utils_cjs_namespaceObject = require("../lib/utils.cjs");
+function Drawer({ shouldScaleBackground = true, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Root, {
+        "data-slot": "drawer",
+        shouldScaleBackground: shouldScaleBackground,
+        ...props
+    });
+}
+function DrawerTrigger({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Trigger, {
+        "data-slot": "drawer-trigger",
+        ...props
+    });
+}
+function DrawerContent({ children, className, classNames, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_vaul_namespaceObject.Drawer.Portal, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Overlay, {
+                className: (0, utils_cjs_namespaceObject.cn)("bg-popover-overlay fixed inset-0 z-50", classNames?.overlay),
+                "data-slot": "drawer-overlay"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_vaul_namespaceObject.Drawer.Content, {
+                className: (0, utils_cjs_namespaceObject.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=left]:inset-y-0 data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=bottom]:rounded-t-2xl 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__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: (0, utils_cjs_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, utils_cjs_namespaceObject.cn)("flex flex-col gap-1.5 p-4", className),
+        "data-slot": "drawer-header",
+        ...props
+    });
+}
+function DrawerBody({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("main", {
+        className: (0, utils_cjs_namespaceObject.cn)("overflow-auto px-4 py-2", className),
+        "data-slot": "drawer-body",
+        ...props
+    });
+}
+function DrawerFooter({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, utils_cjs_namespaceObject.cn)("mt-auto flex flex-col gap-2 p-4", className),
+        "data-slot": "drawer-footer",
+        ...props
+    });
+}
+function DrawerTitle({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Title, {
+        className: (0, utils_cjs_namespaceObject.cn)("text-foreground font-semibold", className),
+        "data-slot": "drawer-title",
+        ...props
+    });
+}
+function DrawerDescription({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Description, {
+        className: (0, utils_cjs_namespaceObject.cn)("text-muted-foreground text-sm", className),
+        "data-slot": "drawer-description",
+        ...props
+    });
+}
+function DrawerClose({ className, size, variant = "outline", ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_vaul_namespaceObject.Drawer.Close, {
+        className: (0, external_button_cjs_namespaceObject.buttonVariants)({
+            className,
+            size,
+            variant
+        }),
+        "data-slot": "drawer-close",
+        ...props
+    });
+}
+exports.Drawer = __webpack_exports__.Drawer;
+exports.DrawerBody = __webpack_exports__.DrawerBody;
+exports.DrawerClose = __webpack_exports__.DrawerClose;
+exports.DrawerContent = __webpack_exports__.DrawerContent;
+exports.DrawerDescription = __webpack_exports__.DrawerDescription;
+exports.DrawerFooter = __webpack_exports__.DrawerFooter;
+exports.DrawerHeader = __webpack_exports__.DrawerHeader;
+exports.DrawerTitle = __webpack_exports__.DrawerTitle;
+exports.DrawerTrigger = __webpack_exports__.DrawerTrigger;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Drawer",
+    "DrawerBody",
+    "DrawerClose",
+    "DrawerContent",
+    "DrawerDescription",
+    "DrawerFooter",
+    "DrawerHeader",
+    "DrawerTitle",
+    "DrawerTrigger"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/dropdown-menu.cjs

@@ -0,0 +1,219 @@
+"use strict";
+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 ('undefined' != 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__, {
+    DropdownMenuSubTrigger: ()=>DropdownMenuSubTrigger,
+    DropdownMenuGroup: ()=>DropdownMenuGroup,
+    DropdownMenuItem: ()=>DropdownMenuItem,
+    DropdownMenuShortcut: ()=>DropdownMenuShortcut,
+    DropdownMenuSubContent: ()=>DropdownMenuSubContent,
+    DropdownMenuRadioItem: ()=>DropdownMenuRadioItem,
+    DropdownMenuSeparator: ()=>DropdownMenuSeparator,
+    DropdownMenuArrow: ()=>DropdownMenuArrow,
+    DropdownMenuRadioGroup: ()=>DropdownMenuRadioGroup,
+    DropdownMenu: ()=>DropdownMenu,
+    DropdownMenuCheckboxItem: ()=>DropdownMenuCheckboxItem,
+    DropdownMenuContent: ()=>DropdownMenuContent,
+    DropdownMenuLabel: ()=>DropdownMenuLabel,
+    DropdownMenuTrigger: ()=>DropdownMenuTrigger,
+    DropdownMenuSub: ()=>DropdownMenuSub
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_dropdown_menu_namespaceObject = require("@radix-ui/react-dropdown-menu");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const utils_cjs_namespaceObject = require("../lib/utils.cjs");
+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, utils_cjs_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground data-inset:pl-8 outline-hidden flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm", 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, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.SubContent, {
+            className: (0, utils_cjs_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 z-50 min-w-32 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, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Content, {
+            className: (0, utils_cjs_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 z-50 min-w-32 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, utils_cjs_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground data-inset:pl-8 outline-hidden 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 select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0", 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, utils_cjs_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground outline-hidden group/dropdown-menu-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pl-8 pr-2 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0", 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, utils_cjs_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground outline-hidden group/dropdown-menu-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pl-8 pr-2 text-sm aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0", 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, utils_cjs_namespaceObject.cn)("data-inset:pl-8 flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold", 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, utils_cjs_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, utils_cjs_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, utils_cjs_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 __webpack_i__ in __webpack_exports__)if (-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: true
+});

package/dist/cjs/components/em.cjs

@@ -0,0 +1,44 @@
+"use strict";
+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 ('undefined' != 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__, {
+    Em: ()=>Em
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_slot_namespaceObject = require("@radix-ui/react-slot");
+function Em({ asChild, ...props }) {
+    const Component = asChild ? react_slot_namespaceObject.Slot : "em";
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
+        "data-slot": "em",
+        ...props
+    });
+}
+exports.Em = __webpack_exports__.Em;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Em"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});