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

package/dist/cjs/components/input-search.cjs

@@ -0,0 +1,95 @@
+"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__, {
+    SearchInput: ()=>SearchInput,
+    InputSearch: ()=>InputSearch
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const input_namespaceObject = require("@codefast-ui/input");
+const react_use_controllable_state_namespaceObject = require("@radix-ui/react-use-controllable-state");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+const external_input_cjs_namespaceObject = require("./input.cjs");
+const external_spinner_cjs_namespaceObject = require("./spinner.cjs");
+const { input, root } = (0, external_input_cjs_namespaceObject.inputVariants)();
+function InputSearch({ className, defaultValue, disabled, loaderPosition, loading, onChange, prefix, readOnly, spinner, suffix, value: valueProp, ...props }) {
+    const [value, setValue] = (0, react_use_controllable_state_namespaceObject.useControllableState)({
+        defaultProp: defaultValue,
+        onChange,
+        prop: valueProp
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(input_namespaceObject.Root, {
+        className: root({
+            className: [
+                !suffix && "pr-1.5",
+                className
+            ]
+        }),
+        "data-slot": "input-search",
+        disabled: disabled,
+        loaderPosition: loaderPosition,
+        loading: loading,
+        prefix: prefix || /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.SearchIcon, {}),
+        readOnly: readOnly,
+        spinner: spinner || /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner, {}),
+        suffix: suffix,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_namespaceObject.Field, {
+                className: input(),
+                "data-slot": "input-search-item",
+                type: "search",
+                value: value ?? "",
+                onChange: (event)=>{
+                    setValue(event.target.value);
+                },
+                ...props
+            }),
+            value ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+                "aria-label": "Clear search",
+                className: "focus-visible:not-disabled:bg-input size-7 rounded-full focus-visible:ring-0",
+                "data-slot": "input-search-clear",
+                disabled: disabled || readOnly,
+                size: "icon",
+                suffix: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.XIcon, {}),
+                variant: "ghost",
+                onClick: ()=>{
+                    setValue("");
+                }
+            }) : null
+        ]
+    });
+}
+const SearchInput = InputSearch;
+exports.InputSearch = __webpack_exports__.InputSearch;
+exports.SearchInput = __webpack_exports__.SearchInput;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "InputSearch",
+    "SearchInput"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/input-time.cjs

@@ -0,0 +1,18 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __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__);
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/input.cjs

@@ -0,0 +1,73 @@
+"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__, {
+    Input: ()=>Input,
+    TextInput: ()=>TextInput,
+    inputVariants: ()=>inputVariants
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const input_namespaceObject = require("@codefast-ui/input");
+const external_spinner_cjs_namespaceObject = require("./spinner.cjs");
+const utils_cjs_namespaceObject = require("../lib/utils.cjs");
+const inputVariants = (0, utils_cjs_namespaceObject.tv)({
+    slots: {
+        root: "border-input not-has-disabled:shadow-xs hover:not-has-disabled:not-focus-within:border-ring/60 focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-3 has-disabled:opacity-50 [&>svg]:text-muted-foreground has-aria-invalid:border-destructive hover:not-has-disabled:not-focus-within:has-aria-invalid:border-destructive/60 focus-within:has-aria-invalid:ring-destructive/20 dark:focus-within:has-aria-invalid:ring-destructive/40 dark:bg-input/30 peer flex h-9 w-full grow items-center gap-3 rounded-lg border px-3 text-base transition md:text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",
+        input: "placeholder:text-muted-foreground outline-hidden file:py-1.75 size-full file:bg-transparent file:font-medium"
+    }
+});
+const { input, root } = inputVariants();
+function Input({ className, disabled, loaderPosition, loading, prefix, readOnly, spinner, suffix, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_namespaceObject.Root, {
+        className: root({
+            className
+        }),
+        "data-slot": "input",
+        disabled: disabled,
+        loaderPosition: loaderPosition,
+        loading: loading,
+        prefix: prefix,
+        readOnly: readOnly,
+        spinner: spinner || /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner, {}),
+        suffix: suffix,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_namespaceObject.Field, {
+            className: input(),
+            "data-slot": "input-item",
+            ...props
+        })
+    });
+}
+const TextInput = Input;
+exports.Input = __webpack_exports__.Input;
+exports.TextInput = __webpack_exports__.TextInput;
+exports.inputVariants = __webpack_exports__.inputVariants;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Input",
+    "TextInput",
+    "inputVariants"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/kbd.cjs

@@ -0,0 +1,46 @@
+"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__, {
+    Kbd: ()=>Kbd
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_slot_namespaceObject = require("@radix-ui/react-slot");
+const utils_cjs_namespaceObject = require("../lib/utils.cjs");
+function Kbd({ asChild, className, ...props }) {
+    const Component = asChild ? react_slot_namespaceObject.Slot : "kbd";
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
+        className: (0, utils_cjs_namespaceObject.cn)("bg-muted text-muted-foreground inline-flex h-5 select-none items-center gap-1 rounded-sm border px-1.5 font-mono text-xs font-medium", className),
+        "data-slot": "kbd",
+        ...props
+    });
+}
+exports.Kbd = __webpack_exports__.Kbd;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Kbd"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/label.cjs

@@ -0,0 +1,45 @@
+"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__, {
+    Label: ()=>Label
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_label_namespaceObject = require("@radix-ui/react-label");
+const utils_cjs_namespaceObject = require("../lib/utils.cjs");
+function Label({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_label_namespaceObject.Root, {
+        className: (0, utils_cjs_namespaceObject.cn)("peer-data-disabled:opacity-50 group-data-disabled:opacity-50 data-invalid:text-destructive peer-aria-invalid:text-destructive inline-block text-sm font-medium leading-none peer-disabled:opacity-50", className),
+        "data-slot": "label",
+        ...props
+    });
+}
+exports.Label = __webpack_exports__.Label;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Label"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/menubar.cjs

@@ -0,0 +1,232 @@
+"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__, {
+    MenubarRadioGroup: ()=>MenubarRadioGroup,
+    MenubarLabel: ()=>MenubarLabel,
+    MenubarShortcut: ()=>MenubarShortcut,
+    MenubarCheckboxItem: ()=>MenubarCheckboxItem,
+    MenubarRadioItem: ()=>MenubarRadioItem,
+    MenubarSubTrigger: ()=>MenubarSubTrigger,
+    MenubarTrigger: ()=>MenubarTrigger,
+    MenubarItem: ()=>MenubarItem,
+    MenubarSub: ()=>MenubarSub,
+    MenubarContent: ()=>MenubarContent,
+    Menubar: ()=>Menubar,
+    MenubarMenu: ()=>MenubarMenu,
+    MenubarSeparator: ()=>MenubarSeparator,
+    MenubarArrow: ()=>MenubarArrow,
+    MenubarSubContent: ()=>MenubarSubContent,
+    MenubarGroup: ()=>MenubarGroup
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_menubar_namespaceObject = require("@radix-ui/react-menubar");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const utils_cjs_namespaceObject = require("../lib/utils.cjs");
+function Menubar({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Root, {
+        className: (0, utils_cjs_namespaceObject.cn)("bg-background flex items-center space-x-1 rounded-lg border p-1", className),
+        "data-slot": "menubar",
+        ...props
+    });
+}
+function MenubarMenu({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Menu, {
+        "data-slot": "menubar-menu",
+        ...props
+    });
+}
+function MenubarGroup({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Group, {
+        "data-slot": "menubar-group",
+        ...props
+    });
+}
+function MenubarSub({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Sub, {
+        "data-slot": "menubar-sub",
+        ...props
+    });
+}
+function MenubarRadioGroup({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.RadioGroup, {
+        "data-slot": "menubar-radio-group",
+        ...props
+    });
+}
+function MenubarTrigger({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Trigger, {
+        className: (0, utils_cjs_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground outline-hidden flex select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm font-medium", className),
+        "data-slot": "menubar-trigger",
+        ...props
+    });
+}
+function MenubarSubTrigger({ children, className, inset, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_menubar_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": "menubar-sub-trigger",
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRightIcon, {
+                className: "ml-auto size-4"
+            })
+        ]
+    });
+}
+function MenubarSubContent({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Portal, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_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": "menubar-sub-content",
+            ...props
+        })
+    });
+}
+function MenubarContent({ align = "start", alignOffset = -4, className, sideOffset = 4, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Portal, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Content, {
+            align: align,
+            alignOffset: alignOffset,
+            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 z-50 min-w-32 rounded-lg border p-1 shadow-lg", className),
+            "data-slot": "menubar-content",
+            sideOffset: sideOffset,
+            ...props
+        })
+    });
+}
+function MenubarItem({ className, inset, variant, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Item, {
+        className: (0, utils_cjs_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground data-inset:pl-8 outline-hidden group/menubar-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": "menubar-item",
+        "data-variant": variant,
+        ...props
+    });
+}
+function MenubarCheckboxItem({ checked, children, className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_menubar_namespaceObject.CheckboxItem, {
+        checked: checked,
+        className: (0, utils_cjs_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground outline-hidden group/menubar-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": "menubar-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_menubar_namespaceObject.ItemIndicator, {
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckIcon, {
+                        className: "size-4"
+                    })
+                })
+            }),
+            children
+        ]
+    });
+}
+function MenubarRadioItem({ children, className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_menubar_namespaceObject.RadioItem, {
+        className: (0, utils_cjs_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground outline-hidden group/menubar-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": "menubar-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_menubar_namespaceObject.ItemIndicator, {
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.DotIcon, {
+                        className: "size-4 fill-current"
+                    })
+                })
+            }),
+            children
+        ]
+    });
+}
+function MenubarLabel({ className, inset, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_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": "menubar-label",
+        ...props
+    });
+}
+function MenubarSeparator({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Separator, {
+        className: (0, utils_cjs_namespaceObject.cn)("bg-border mx-2 my-1 h-px", className),
+        "data-slot": "menubar-separator",
+        ...props
+    });
+}
+function MenubarShortcut({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        className: (0, utils_cjs_namespaceObject.cn)("text-muted-foreground group-data-[variant=destructive]/menubar-item:text-destructive/80 ml-auto text-xs tracking-widest", className),
+        "data-slot": "menubar-shortcut",
+        ...props
+    });
+}
+function MenubarArrow({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_menubar_namespaceObject.Arrow, {
+        className: (0, utils_cjs_namespaceObject.cn)("fill-popover", className),
+        "data-slot": "menubar-arrow",
+        ...props
+    });
+}
+exports.Menubar = __webpack_exports__.Menubar;
+exports.MenubarArrow = __webpack_exports__.MenubarArrow;
+exports.MenubarCheckboxItem = __webpack_exports__.MenubarCheckboxItem;
+exports.MenubarContent = __webpack_exports__.MenubarContent;
+exports.MenubarGroup = __webpack_exports__.MenubarGroup;
+exports.MenubarItem = __webpack_exports__.MenubarItem;
+exports.MenubarLabel = __webpack_exports__.MenubarLabel;
+exports.MenubarMenu = __webpack_exports__.MenubarMenu;
+exports.MenubarRadioGroup = __webpack_exports__.MenubarRadioGroup;
+exports.MenubarRadioItem = __webpack_exports__.MenubarRadioItem;
+exports.MenubarSeparator = __webpack_exports__.MenubarSeparator;
+exports.MenubarShortcut = __webpack_exports__.MenubarShortcut;
+exports.MenubarSub = __webpack_exports__.MenubarSub;
+exports.MenubarSubContent = __webpack_exports__.MenubarSubContent;
+exports.MenubarSubTrigger = __webpack_exports__.MenubarSubTrigger;
+exports.MenubarTrigger = __webpack_exports__.MenubarTrigger;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Menubar",
+    "MenubarArrow",
+    "MenubarCheckboxItem",
+    "MenubarContent",
+    "MenubarGroup",
+    "MenubarItem",
+    "MenubarLabel",
+    "MenubarMenu",
+    "MenubarRadioGroup",
+    "MenubarRadioItem",
+    "MenubarSeparator",
+    "MenubarShortcut",
+    "MenubarSub",
+    "MenubarSubContent",
+    "MenubarSubTrigger",
+    "MenubarTrigger"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,146 @@
+"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__, {
+    NavigationMenuContent: ()=>NavigationMenuContent,
+    NavigationMenuLink: ()=>NavigationMenuLink,
+    NavigationMenuTrigger: ()=>NavigationMenuTrigger,
+    navigationMenuTriggerStyle: ()=>navigationMenuTriggerStyle,
+    NavigationMenuList: ()=>NavigationMenuList,
+    NavigationMenu: ()=>NavigationMenu,
+    NavigationMenuItem: ()=>NavigationMenuItem
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_navigation_menu_namespaceObject = require("@radix-ui/react-navigation-menu");
+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 NavigationMenu({ children, className, viewport = true, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_navigation_menu_namespaceObject.Root, {
+        className: (0, utils_cjs_namespaceObject.cn)("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
+        "data-slot": "navigation-menu",
+        "data-viewport": viewport,
+        ...props,
+        children: [
+            children,
+            viewport ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NavigationMenuViewport, {}) : null
+        ]
+    });
+}
+function NavigationMenuList({ children, className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_navigation_menu_namespaceObject.List, {
+        className: (0, utils_cjs_namespaceObject.cn)("flex flex-1 list-none items-center justify-center gap-1", className),
+        "data-slot": "navigation-menu-list",
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NavigationMenuIndicator, {
+                className: "invisible"
+            })
+        ]
+    });
+}
+function NavigationMenuItem({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_navigation_menu_namespaceObject.Item, {
+        className: (0, utils_cjs_namespaceObject.cn)("group-data-[viewport=false]/navigation-menu:relative", className),
+        "data-slot": "navigation-menu-item",
+        ...props
+    });
+}
+const navigationMenuTriggerStyle = (0, utils_cjs_namespaceObject.tv)({
+    base: (0, external_button_cjs_namespaceObject.buttonVariants)({
+        className: "data-[state=open]:bg-secondary/50 data-[state=open]:text-secondary-foreground group/navigation-menu-trigger focus-visible:bg-secondary dark:hover:not-disabled:bg-secondary",
+        variant: "ghost"
+    })
+});
+function NavigationMenuTrigger({ children, className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_navigation_menu_namespaceObject.Trigger, {
+        className: navigationMenuTriggerStyle({
+            className
+        }),
+        "data-slot": "navigation-menu-trigger",
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDownIcon, {
+                "aria-hidden": "true",
+                className: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]/navigation-menu-trigger:rotate-180"
+            })
+        ]
+    });
+}
+function NavigationMenuContent({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_navigation_menu_namespaceObject.Content, {
+        className: (0, utils_cjs_namespaceObject.cn)("data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out-0 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 left-0 top-0 w-full group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-2 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:p-1 group-data-[viewport=true]/navigation-menu:p-2 group-data-[viewport=false]/navigation-menu:shadow md:absolute md:w-auto", className),
+        "data-slot": "navigation-menu-content",
+        ...props
+    });
+}
+function NavigationMenuLink({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_navigation_menu_namespaceObject.Link, {
+        className: (0, utils_cjs_namespaceObject.cn)("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground outline-hidden flex flex-col gap-1 rounded-sm p-2 text-sm transition [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0", className),
+        "data-slot": "navigation-menu-link",
+        ...props
+    });
+}
+function NavigationMenuViewport({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: "perspective-distant absolute left-0 top-full z-30 flex justify-center",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_navigation_menu_namespaceObject.Viewport, {
+            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-90 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 relative mt-2 min-h-[calc(var(--radix-navigation-menu-viewport-height)+2px)] w-full origin-[top_center] overflow-hidden rounded-lg border shadow-lg transition-[width,height] sm:min-w-[calc(var(--radix-navigation-menu-viewport-width)+2px)]", className),
+            "data-slot": "navigation-menu-viewport",
+            ...props
+        })
+    });
+}
+function NavigationMenuIndicator({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_navigation_menu_namespaceObject.Indicator, {
+        className: (0, utils_cjs_namespaceObject.cn)("data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out top-full z-10 flex h-2 items-center justify-center overflow-hidden", className),
+        "data-slot": "navigation-menu-indicator",
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "bg-popover text-popover-foreground rounded-tl-xs relative top-[60%] size-2.5 rotate-45"
+        })
+    });
+}
+exports.NavigationMenu = __webpack_exports__.NavigationMenu;
+exports.NavigationMenuContent = __webpack_exports__.NavigationMenuContent;
+exports.NavigationMenuItem = __webpack_exports__.NavigationMenuItem;
+exports.NavigationMenuLink = __webpack_exports__.NavigationMenuLink;
+exports.NavigationMenuList = __webpack_exports__.NavigationMenuList;
+exports.NavigationMenuTrigger = __webpack_exports__.NavigationMenuTrigger;
+exports.navigationMenuTriggerStyle = __webpack_exports__.navigationMenuTriggerStyle;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "NavigationMenu",
+    "NavigationMenuContent",
+    "NavigationMenuItem",
+    "NavigationMenuLink",
+    "NavigationMenuList",
+    "NavigationMenuTrigger",
+    "navigationMenuTriggerStyle"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});