@codefast/ui 0.3.9 → 0.3.10

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('bg-background flex items-center space-x-1 rounded-lg border 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('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', className),
+        "data-slot": "menubar-trigger",
+        ...props
+    });
+}
+function MenubarSubTrigger({ children, className, inset, ...props }) {
+    return /*#__PURE__*/ jsxs(SubTrigger, {
+        className: cn('focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8', className),
+        "data-inset": inset,
+        "data-slot": "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('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 ease-ui z-50 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden 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__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsx(Content, {
+            align: align,
+            alignOffset: alignOffset,
+            className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 ease-ui z-50 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-lg border p-1 shadow-lg', className),
+            "data-slot": "menubar-content",
+            sideOffset: sideOffset,
+            ...props
+        })
+    });
+}
+function MenubarItem({ className, inset, variant, ...props }) {
+    return /*#__PURE__*/ jsx(Item, {
+        className: cn("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", 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("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", 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("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", 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('bg-border mx-2 my-1 h-px', className),
+        "data-slot": "menubar-separator",
+        ...props
+    });
+}
+function MenubarShortcut({ className, ...props }) {
+    return /*#__PURE__*/ jsx("span", {
+        className: 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__*/ 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)('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', className),
+                "data-slot": "native-select",
+                ...props
+            }),
+            /*#__PURE__*/ (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({ ...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.d.ts

@@ -1,9 +1,9 @@
-import type { ComponentProps, JSX } from "react";
-type NativeSelectProps = ComponentProps<"select">;
+import type { ComponentProps, JSX } from 'react';
+type NativeSelectProps = ComponentProps<'select'>;
 declare function NativeSelect({ className, ...props }: NativeSelectProps): JSX.Element;
-type NativeSelectOptionProps = ComponentProps<"option">;
+type NativeSelectOptionProps = ComponentProps<'option'>;
 declare function NativeSelectOption({ ...props }: NativeSelectOptionProps): JSX.Element;
-type NativeSelectOptGroupProps = ComponentProps<"optgroup">;
+type NativeSelectOptGroupProps = ComponentProps<'optgroup'>;
 declare function NativeSelectOptGroup({ className, ...props }: NativeSelectOptGroupProps): JSX.Element;
 export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };
 export type { NativeSelectOptGroupProps, NativeSelectOptionProps, NativeSelectProps };

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('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', className),
+                "data-slot": "native-select",
+                ...props
+            }),
+            /*#__PURE__*/ jsx(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({ ...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)('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', 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)("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", 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)('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)]', 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)('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', className),
+        "data-slot": "navigation-menu-indicator",
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "bg-popover text-popover-foreground relative top-[60%] size-2.5 rotate-45 rounded-tl-xs"
+        })
+    });
+}
+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.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from "react";
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import type { ComponentProps, JSX } from 'react';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 declare const navigationMenuTriggerVariants: import("@codefast/tailwind-variants").VariantFunctionType<import("@codefast/tailwind-variants").ConfigurationSchema, Record<string, never>>;
 interface NavigationMenuProps extends ComponentProps<typeof NavigationMenuPrimitive.Root> {
     viewport?: boolean;

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('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', className),
+        "data-slot": "navigation-menu-content",
+        ...props
+    });
+}
+function NavigationMenuLink({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Link, {
+        className: 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", 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('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)]', className),
+            "data-slot": "navigation-menu-viewport",
+            ...props
+        })
+    });
+}
+function NavigationMenuIndicator({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Indicator, {
+        className: 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', className),
+        "data-slot": "navigation-menu-indicator",
+        ...props,
+        children: /*#__PURE__*/ jsx("div", {
+            className: "bg-popover text-popover-foreground relative top-[60%] size-2.5 rotate-45 rounded-tl-xs"
+        })
+    });
+}
+export { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerVariants };