@codefast/ui 0.3.9 → 0.3.11-canary.0

package/dist/components/menubar.js

@@ -1,2 +1,154 @@
 "use client";
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{CheckIcon as a,ChevronRightIcon as n,DotIcon as r}from"lucide-react";import{cn as s}from"@codefast/tailwind-variants";import{Arrow as o,CheckboxItem as d,Content as i,Group as u,Item as c,ItemIndicator as l,Label as m,Menu as f,Portal as p,RadioGroup as b,RadioItem as g,Root as x,Separator as v,Sub as h,SubContent as M,SubTrigger as N,Trigger as z}from"@radix-ui/react-menubar";function y({className:e,...a}){return t(x,{className:s("bg-background flex items-center space-x-1 rounded-lg border p-1",e),"data-slot":"menubar",...a})}function k({...e}){return t(f,{"data-slot":"menubar-menu",...e})}function w({...e}){return t(u,{"data-slot":"menubar-group",...e})}function _({...e}){return t(h,{"data-slot":"menubar-sub",...e})}function S({...e}){return t(b,{"data-slot":"menubar-radio-group",...e})}function j({className:e,...a}){return t(z,{className:s("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm font-medium outline-hidden select-none",e),"data-slot":"menubar-trigger",...a})}function C({children:a,className:r,inset:o,...d}){return e(N,{className:s("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",r),"data-inset":o,"data-slot":"menubar-sub-trigger",...d,children:[a,t(n,{className:"ml-auto size-4"})]})}function I({className:e,...a}){return t(p,{children:t(M,{className:s("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":"menubar-sub-content",...a})})}function G({align:e="start",alignOffset:a=-4,className:n,sideOffset:r=4,...o}){return t(p,{children:t(i,{align:e,alignOffset:a,className:s("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 ease-ui z-50 min-w-32 rounded-lg border p-1 shadow-lg",n),"data-slot":"menubar-content",sideOffset:r,...o})})}function O({className:e,inset:a,variant:n,...r}){return t(c,{className:s("focus:bg-accent focus:text-accent-foreground 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 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":"menubar-item","data-variant":n,...r})}function R({checked:n,children:r,className:o,...i}){return e(d,{checked:n,className:s("focus:bg-accent focus:text-accent-foreground group/menubar-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":"menubar-checkbox-item",...i,children:[t("span",{className:"absolute left-2 flex items-center justify-center",children:t(l,{children:t(a,{className:"size-4"})})}),r]})}function T({children:a,className:n,...o}){return e(g,{className:s("focus:bg-accent focus:text-accent-foreground group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",n),"data-slot":"menubar-radio-item",...o,children:[t("span",{className:"absolute left-2 flex items-center justify-center",children:t(l,{children:t(r,{className:"size-4 fill-current"})})}),a]})}function A({className:e,inset:a,...n}){return t(m,{className:s("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":"menubar-label",...n})}function L({className:e,...a}){return t(v,{className:s("bg-border mx-2 my-1 h-px",e),"data-slot":"menubar-separator",...a})}function q({className:e,...a}){return t("span",{className:s("text-muted-foreground group-data-[variant=destructive]/menubar-item:text-destructive/80 ml-auto text-xs tracking-widest",e),"data-slot":"menubar-shortcut",...a})}function B({className:e,...a}){return t(o,{className:s("fill-popover",e),"data-slot":"menubar-arrow",...a})}export{y as Menubar,B as MenubarArrow,R as MenubarCheckboxItem,G as MenubarContent,w as MenubarGroup,O as MenubarItem,A as MenubarLabel,k as MenubarMenu,S as MenubarRadioGroup,T as MenubarRadioItem,L as MenubarSeparator,q as MenubarShortcut,_ as MenubarSub,I as MenubarSubContent,C as MenubarSubTrigger,j as MenubarTrigger};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { Arrow, CheckboxItem, Content, Group, Item, ItemIndicator, Label, Menu, Portal, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger } from "@radix-ui/react-menubar";
+import { CheckIcon, ChevronRightIcon, DotIcon } from "lucide-react";
+function Menubar({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        className: cn("flex items-center space-x-1 rounded-lg border bg-background p-1", className),
+        "data-slot": "menubar",
+        ...props
+    });
+}
+function MenubarMenu({ ...props }) {
+    return /*#__PURE__*/ jsx(Menu, {
+        "data-slot": "menubar-menu",
+        ...props
+    });
+}
+function MenubarGroup({ ...props }) {
+    return /*#__PURE__*/ jsx(Group, {
+        "data-slot": "menubar-group",
+        ...props
+    });
+}
+function MenubarSub({ ...props }) {
+    return /*#__PURE__*/ jsx(Sub, {
+        "data-slot": "menubar-sub",
+        ...props
+    });
+}
+function MenubarRadioGroup({ ...props }) {
+    return /*#__PURE__*/ jsx(RadioGroup, {
+        "data-slot": "menubar-radio-group",
+        ...props
+    });
+}
+function MenubarTrigger({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Trigger, {
+        className: cn("flex items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm font-medium outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className),
+        "data-slot": "menubar-trigger",
+        ...props
+    });
+}
+function MenubarSubTrigger({ children, className, inset, ...props }) {
+    return /*#__PURE__*/ jsxs(SubTrigger, {
+        className: cn("flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className),
+        "data-inset": inset,
+        "data-slot": "menubar-sub-trigger",
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(ChevronRightIcon, {
+                className: "ml-auto size-4"
+            })
+        ]
+    });
+}
+function MenubarSubContent({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsx(SubContent, {
+            className: cn("z-50 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className),
+            "data-slot": "menubar-sub-content",
+            ...props
+        })
+    });
+}
+function MenubarContent({ align = "start", alignOffset = -4, className, sideOffset = 4, ...props }) {
+    return /*#__PURE__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsx(Content, {
+            align: align,
+            alignOffset: alignOffset,
+            className: cn("z-50 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className),
+            "data-slot": "menubar-content",
+            sideOffset: sideOffset,
+            ...props
+        })
+    });
+}
+function MenubarItem({ className, inset, variant, ...props }) {
+    return /*#__PURE__*/ jsx(Item, {
+        className: cn("group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", className),
+        "data-inset": inset,
+        "data-slot": "menubar-item",
+        "data-variant": variant,
+        ...props
+    });
+}
+function MenubarCheckboxItem({ checked, children, className, ...props }) {
+    return /*#__PURE__*/ jsxs(CheckboxItem, {
+        checked: checked,
+        className: cn("group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        "data-slot": "menubar-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 MenubarRadioItem({ children, className, ...props }) {
+    return /*#__PURE__*/ jsxs(RadioItem, {
+        className: cn("group/menubar-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        "data-slot": "menubar-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 MenubarLabel({ 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": "menubar-label",
+        ...props
+    });
+}
+function MenubarSeparator({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Separator, {
+        className: cn("mx-2 my-1 h-px bg-border", className),
+        "data-slot": "menubar-separator",
+        ...props
+    });
+}
+function MenubarShortcut({ className, ...props }) {
+    return /*#__PURE__*/ jsx("span", {
+        className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-data-[variant=destructive]/menubar-item:text-destructive/80", className),
+        "data-slot": "menubar-shortcut",
+        ...props
+    });
+}
+function MenubarArrow({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Arrow, {
+        className: cn("fill-popover", className),
+        "data-slot": "menubar-arrow",
+        ...props
+    });
+}
+export { Menubar, MenubarArrow, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };

package/dist/components/native-select.cjs

@@ -1 +1,75 @@
-"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 r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__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__,{NativeSelectOption:()=>NativeSelectOption,NativeSelect:()=>NativeSelect,NativeSelectOptGroup:()=>NativeSelectOptGroup});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_lucide_react_namespaceObject=require("lucide-react"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants");function NativeSelect({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"group/native-select relative w-fit has-[select:disabled]:opacity-50","data-slot":"native-select-wrapper",children:[(0,jsx_runtime_namespaceObject.jsx)("select",{className:(0,tailwind_variants_namespaceObject.cn)("border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 h-9 w-full min-w-0 appearance-none rounded-lg border bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",e),"data-slot":"native-select",...t}),(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDownIcon,{"aria-hidden":"true",className:"text-muted-foreground pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 opacity-50 select-none","data-slot":"native-select-icon"})]})}function NativeSelectOption({...e}){return(0,jsx_runtime_namespaceObject.jsx)("option",{"data-slot":"native-select-option",...e})}function NativeSelectOptGroup({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("optgroup",{className:(0,tailwind_variants_namespaceObject.cn)(e),"data-slot":"native-select-optgroup",...t})}for(var __webpack_i__ in exports.NativeSelect=__webpack_exports__.NativeSelect,exports.NativeSelectOptGroup=__webpack_exports__.NativeSelectOptGroup,exports.NativeSelectOption=__webpack_exports__.NativeSelectOption,__webpack_exports__)-1===["NativeSelect","NativeSelectOptGroup","NativeSelectOption"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"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 ("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__, {
+    NativeSelectOption: ()=>NativeSelectOption,
+    NativeSelect: ()=>NativeSelect,
+    NativeSelectOptGroup: ()=>NativeSelectOptGroup
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const external_lucide_react_namespaceObject = require("lucide-react");
+function NativeSelect({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "group/native-select relative w-fit has-[select:disabled]:opacity-50",
+        "data-slot": "native-select-wrapper",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("select", {
+                className: (0, tailwind_variants_namespaceObject.cn)("h-9 w-full min-w-0 appearance-none rounded-lg border border-input bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed dark:bg-input/30 dark:hover:bg-input/50", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className),
+                "data-slot": "native-select",
+                ...props
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDownIcon, {
+                "aria-hidden": "true",
+                className: "pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 text-muted-foreground opacity-50 select-none",
+                "data-slot": "native-select-icon"
+            })
+        ]
+    });
+}
+function NativeSelectOption({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("option", {
+        "data-slot": "native-select-option",
+        ...props
+    });
+}
+function NativeSelectOptGroup({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("optgroup", {
+        className: (0, tailwind_variants_namespaceObject.cn)(className),
+        "data-slot": "native-select-optgroup",
+        ...props
+    });
+}
+exports.NativeSelect = __webpack_exports__.NativeSelect;
+exports.NativeSelectOptGroup = __webpack_exports__.NativeSelectOptGroup;
+exports.NativeSelectOption = __webpack_exports__.NativeSelectOption;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "NativeSelect",
+    "NativeSelectOptGroup",
+    "NativeSelectOption"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/native-select.js

@@ -1 +1,35 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{ChevronDownIcon as r}from"lucide-react";import{cn as i}from"@codefast/tailwind-variants";function a({className:a,...o}){return t("div",{className:"group/native-select relative w-fit has-[select:disabled]:opacity-50","data-slot":"native-select-wrapper",children:[e("select",{className:i("border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 h-9 w-full min-w-0 appearance-none rounded-lg border bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",a),"data-slot":"native-select",...o}),e(r,{"aria-hidden":"true",className:"text-muted-foreground pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 opacity-50 select-none","data-slot":"native-select-icon"})]})}function o({...t}){return e("option",{"data-slot":"native-select-option",...t})}function n({className:t,...r}){return e("optgroup",{className:i(t),"data-slot":"native-select-optgroup",...r})}export{a as NativeSelect,n as NativeSelectOptGroup,o as NativeSelectOption};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { ChevronDownIcon } from "lucide-react";
+function NativeSelect({ className, ...props }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "group/native-select relative w-fit has-[select:disabled]:opacity-50",
+        "data-slot": "native-select-wrapper",
+        children: [
+            /*#__PURE__*/ jsx("select", {
+                className: cn("h-9 w-full min-w-0 appearance-none rounded-lg border border-input bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed dark:bg-input/30 dark:hover:bg-input/50", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className),
+                "data-slot": "native-select",
+                ...props
+            }),
+            /*#__PURE__*/ jsx(ChevronDownIcon, {
+                "aria-hidden": "true",
+                className: "pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 text-muted-foreground opacity-50 select-none",
+                "data-slot": "native-select-icon"
+            })
+        ]
+    });
+}
+function NativeSelectOption({ ...props }) {
+    return /*#__PURE__*/ jsx("option", {
+        "data-slot": "native-select-option",
+        ...props
+    });
+}
+function NativeSelectOptGroup({ className, ...props }) {
+    return /*#__PURE__*/ jsx("optgroup", {
+        className: cn(className),
+        "data-slot": "native-select-optgroup",
+        ...props
+    });
+}
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };

package/dist/components/navigation-menu.cjs

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

package/dist/components/navigation-menu.js

@@ -1,2 +1,94 @@
-"use client";
-import{jsx as t,jsxs as a}from"react/jsx-runtime";import{ChevronDownIcon as e}from"lucide-react";import{buttonVariants as o}from"./button.js";import{cn as n,tv as i}from"@codefast/tailwind-variants";import{Content as r,Indicator as s,Item as d,Link as u,List as l,Root as g,Trigger as m,Viewport as v}from"@radix-ui/react-navigation-menu";let c=i({base:o({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 p({children:e,className:o,viewport:i=!0,...r}){return a(g,{className:n("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",o),"data-slot":"navigation-menu","data-viewport":i,...r,children:[e,i?t(N,{}):null]})}function f({children:e,className:o,...i}){return a(l,{className:n("flex flex-1 list-none items-center justify-center gap-1",o),"data-slot":"navigation-menu-list",...i,children:[e,t(z,{className:"invisible"})]})}function w({className:a,...e}){return t(d,{className:n("group-data-[viewport=false]/navigation-menu:relative",a),"data-slot":"navigation-menu-item",...e})}function x({children:o,className:n,...i}){return a(m,{className:c({className:n}),"data-slot":"navigation-menu-trigger",...i,children:[o,t(e,{"aria-hidden":"true",className:"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]/navigation-menu-trigger:rotate-180"})]})}function h({className:a,...e}){return t(r,{className:n("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 ease-ui top-0 left-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=false]/navigation-menu:shadow group-data-[viewport=true]/navigation-menu:p-2 md:absolute md:w-auto",a),"data-slot":"navigation-menu-content",...e})}function b({className:a,...e}){return t(u,{className:n("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 flex flex-col gap-1 rounded-sm p-2 text-sm outline-hidden transition [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",a),"data-slot":"navigation-menu-link",...e})}function N({className:a,...e}){return t("div",{className:"absolute top-full left-0 z-30 flex justify-center perspective-distant",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-90 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 ease-ui 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)]",a),"data-slot":"navigation-menu-viewport",...e})})}function z({className:a,...e}){return t(s,{className:n("data-[state=visible]:fade-in-0 ease-ui data-[state=visible]:animate-in data-[state=hidden]:fade-out-0 data-[state=hidden]:animate-out top-full z-10 flex h-2 items-center justify-center overflow-hidden",a),"data-slot":"navigation-menu-indicator",...e,children:t("div",{className:"bg-popover text-popover-foreground relative top-[60%] size-2.5 rotate-45 rounded-tl-xs"})})}export{p as NavigationMenu,h as NavigationMenuContent,w as NavigationMenuItem,b as NavigationMenuLink,f as NavigationMenuList,x as NavigationMenuTrigger,c as navigationMenuTriggerVariants};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn, tv } from "@codefast/tailwind-variants";
+import { Content, Indicator, Item, Link, List, Root, Trigger, Viewport } from "@radix-ui/react-navigation-menu";
+import { ChevronDownIcon } from "lucide-react";
+import { buttonVariants } from "./button.js";
+const navigationMenuTriggerVariants = tv({
+    base: 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 NavigationMenu({ children, className, viewport = true, ...props }) {
+    return /*#__PURE__*/ jsxs(Root, {
+        className: 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__*/ jsx(NavigationMenuViewport, {}) : null
+        ]
+    });
+}
+function NavigationMenuList({ children, className, ...props }) {
+    return /*#__PURE__*/ jsxs(List, {
+        className: cn("flex flex-1 list-none items-center justify-center gap-1", className),
+        "data-slot": "navigation-menu-list",
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(NavigationMenuIndicator, {
+                className: "invisible"
+            })
+        ]
+    });
+}
+function NavigationMenuItem({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Item, {
+        className: cn("group-data-[viewport=false]/navigation-menu:relative", className),
+        "data-slot": "navigation-menu-item",
+        ...props
+    });
+}
+function NavigationMenuTrigger({ children, className, ...props }) {
+    return /*#__PURE__*/ jsxs(Trigger, {
+        className: navigationMenuTriggerVariants({
+            className
+        }),
+        "data-slot": "navigation-menu-trigger",
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(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__*/ jsx(Content, {
+        className: cn("top-0 left-0 w-full ease-ui 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:bg-popover group-data-[viewport=false]/navigation-menu:p-1 group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=true]/navigation-menu:p-2 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in-0 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 md:absolute md:w-auto", className),
+        "data-slot": "navigation-menu-content",
+        ...props
+    });
+}
+function NavigationMenuLink({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Link, {
+        className: cn("flex flex-col gap-1 rounded-sm p-2 text-sm outline-hidden transition hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", className),
+        "data-slot": "navigation-menu-link",
+        ...props
+    });
+}
+function NavigationMenuViewport({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: "absolute top-full left-0 z-30 flex justify-center perspective-distant",
+        children: /*#__PURE__*/ jsx(Viewport, {
+            className: cn("relative mt-2 min-h-[calc(var(--radix-navigation-menu-viewport-height)+2px)] w-full origin-[top_center] overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-lg transition-[width,height] ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-90 sm:min-w-[calc(var(--radix-navigation-menu-viewport-width)+2px)]", className),
+            "data-slot": "navigation-menu-viewport",
+            ...props
+        })
+    });
+}
+function NavigationMenuIndicator({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Indicator, {
+        className: cn("top-full z-10 flex h-2 items-center justify-center overflow-hidden ease-ui data-[state=hidden]:animate-out data-[state=hidden]:fade-out-0 data-[state=visible]:animate-in data-[state=visible]:fade-in-0", className),
+        "data-slot": "navigation-menu-indicator",
+        ...props,
+        children: /*#__PURE__*/ jsx("div", {
+            className: "relative top-[60%] size-2.5 rotate-45 rounded-tl-xs bg-popover text-popover-foreground"
+        })
+    });
+}
+export { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerVariants };