@bigbinary/neeto-atoms 1.0.35 → 1.0.37

package/dist/cjs/primitives/NativeSelect.js

@@ -1,24 +1,60 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var utils = require('../utils-CTr7wn5d.js');
+var utils = require('../utils-BhM0B89p.js');
 var chevronDown = require('../chevron-down-CPsWSS51.js');
 require('../createLucideIcon-D0tRgV6l.js');
 require('react');
 
-function NativeSelect$1({ className, size = "default", ...props }) {
-    return (jsxRuntime.jsxs("div", { className: utils.cn("group/native-select relative w-fit has-[select:disabled]:opacity-50", className), "data-slot": "native-select-wrapper", "data-size": size, children: [jsxRuntime.jsx("select", { "data-slot": "native-select", "data-size": size, className: "h-8 w-full min-w-0 appearance-none rounded-lg border border-input bg-transparent py-1 pe-8 ps-2.5 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", ...props }), jsxRuntime.jsx(chevronDown.ChevronDown, { className: "pointer-events-none absolute top-1/2 end-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none", "aria-hidden": "true", "data-slot": "native-select-icon" })] }));
+function NativeSelect$1({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils.cn(
+        "group/native-select relative w-fit has-[select:disabled]:opacity-50",
+        className
+      ),
+      "data-slot": "native-select-wrapper",
+      "data-size": size,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "select",
+          {
+            "data-slot": "native-select",
+            "data-size": size,
+            className: "h-8 w-full min-w-0 appearance-none rounded-lg border border-input bg-transparent py-1 pe-8 ps-2.5 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(chevronDown.ChevronDown, { className: "pointer-events-none absolute top-1/2 end-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none", "aria-hidden": "true", "data-slot": "native-select-icon" })
+      ]
+    }
+  );
 }
 function NativeSelectOption$1({ ...props }) {
-    return jsxRuntime.jsx("option", { "data-slot": "native-select-option", ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("option", { "data-slot": "native-select-option", ...props });
 }
-function NativeSelectOptGroup$1({ className, ...props }) {
-    return (jsxRuntime.jsx("optgroup", { "data-slot": "native-select-optgroup", className: utils.cn(className), ...props }));
+function NativeSelectOptGroup$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "optgroup",
+    {
+      "data-slot": "native-select-optgroup",
+      className: utils.cn(className),
+      ...props
+    }
+  );
 }
 
-const NativeSelect = (props) => jsxRuntime.jsx(NativeSelect$1, { ...props });
-const NativeSelectOptGroup = (props) => jsxRuntime.jsx(NativeSelectOptGroup$1, { ...props });
-const NativeSelectOption = (props) => jsxRuntime.jsx(NativeSelectOption$1, { ...props });
+const NativeSelect = (props) => /* @__PURE__ */ jsxRuntime.jsx(NativeSelect$1, { ...props });
+const NativeSelectOptGroup = (props) => /* @__PURE__ */ jsxRuntime.jsx(NativeSelectOptGroup$1, { ...props });
+const NativeSelectOption = (props) => /* @__PURE__ */ jsxRuntime.jsx(NativeSelectOption$1, { ...props });
 
 exports.NativeSelect = NativeSelect;
 exports.NativeSelectOptGroup = NativeSelectOptGroup;

package/dist/cjs/primitives/NativeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"NativeSelect.js","sources":["../../../../src/shadcn/components/native-select.tsx","../../../../src/primitives/NativeSelect.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"src/shadcn/lib/utils\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\ntype NativeSelectProps = Omit<React.ComponentProps<\"select\">, \"size\"> & {\n  size?: \"sm\" | \"default\"\n}\n\nfunction NativeSelect({\n  className,\n  size = \"default\",\n  ...props\n}: NativeSelectProps) {\n  return (\n    <div\n      className={cn(\n        \"group/native-select relative w-fit has-[select:disabled]:opacity-50\",\n        className\n      )}\n      data-slot=\"native-select-wrapper\"\n      data-size={size}\n    >\n      <select\n        data-slot=\"native-select\"\n        data-size={size}\n        className=\"h-8 w-full min-w-0 appearance-none rounded-lg border border-input bg-transparent py-1 pe-8 ps-2.5 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\"\n        {...props}\n      />\n      <ChevronDownIcon className=\"pointer-events-none absolute top-1/2 end-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none\" aria-hidden=\"true\" data-slot=\"native-select-icon\" />\n    </div>\n  )\n}\n\nfunction NativeSelectOption({ ...props }: React.ComponentProps<\"option\">) {\n  return <option data-slot=\"native-select-option\" {...props} />\n}\n\nfunction NativeSelectOptGroup({\n  className,\n  ...props\n}: React.ComponentProps<\"optgroup\">) {\n  return (\n    <optgroup\n      data-slot=\"native-select-optgroup\"\n      className={cn(className)}\n      {...props}\n    />\n  )\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption }\n","import type React from \"react\";\nimport {\n  NativeSelect as ShadcnNativeSelect,\n  NativeSelectOptGroup as ShadcnNativeSelectOptGroup,\n  NativeSelectOption as ShadcnNativeSelectOption,\n} from \"src/shadcn/components/native-select\";\n\nconst NativeSelect = (\n  props: React.ComponentProps<typeof ShadcnNativeSelect>\n) => <ShadcnNativeSelect {...props} />;\n\nconst NativeSelectOptGroup = (\n  props: React.ComponentProps<typeof ShadcnNativeSelectOptGroup>\n) => <ShadcnNativeSelectOptGroup {...props} />;\n\nconst NativeSelectOption = (\n  props: React.ComponentProps<typeof ShadcnNativeSelectOption>\n) => <ShadcnNativeSelectOption {...props} />;\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption };\n"],"names":["NativeSelect","_jsxs","cn","_jsx","ChevronDownIcon","NativeSelectOption","NativeSelectOptGroup","ShadcnNativeSelect","ShadcnNativeSelectOptGroup","ShadcnNativeSelectOption"],"mappings":";;;;;;;;AASA,SAASA,cAAY,CAAC,EACpB,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EACU,EAAA;AAClB,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,QAAE,CACX,qEAAqE,EACrE,SAAS,CACV,EAAA,WAAA,EACS,uBAAuB,EAAA,WAAA,EACtB,IAAI,aAEfC,cAAA,CAAA,QAAA,EAAA,EAAA,WAAA,EACY,eAAe,eACd,IAAI,EACf,SAAS,EAAC,0pBAA0pB,EAAA,GAChqB,KAAK,GACT,EACFA,cAAA,CAACC,uBAAe,EAAA,EAAC,SAAS,EAAC,wGAAwG,iBAAa,MAAM,EAAA,WAAA,EAAW,oBAAoB,EAAA,CAAG,CAAA,EAAA,CACpL;AAEV;AAEA,SAASC,oBAAkB,CAAC,EAAE,GAAG,KAAK,EAAkC,EAAA;AACtE,IAAA,OAAOF,cAAA,CAAA,QAAA,EAAA,EAAA,WAAA,EAAkB,sBAAsB,EAAA,GAAK,KAAK,GAAI;AAC/D;AAEA,SAASG,sBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACyB,EAAA;AACjC,IAAA,QACEH,cAAA,CAAA,UAAA,EAAA,EAAA,WAAA,EACY,wBAAwB,EAClC,SAAS,EAAED,QAAE,CAAC,SAAS,CAAC,EAAA,GACpB,KAAK,EAAA,CACT;AAEN;;AC1CA,MAAM,YAAY,GAAG,CACnB,KAAsD,KACnDC,cAAA,CAACI,cAAkB,EAAA,EAAA,GAAK,KAAK,EAAA;AAElC,MAAM,oBAAoB,GAAG,CAC3B,KAA8D,KAC3DJ,cAAA,CAACK,sBAA0B,EAAA,EAAA,GAAK,KAAK,EAAA;AAE1C,MAAM,kBAAkB,GAAG,CACzB,KAA4D,KACzDL,cAAA,CAACM,oBAAwB,EAAA,EAAA,GAAK,KAAK,EAAA;;;;;;"}
+{"version":3,"file":"NativeSelect.js","sources":["../../../src/shadcn/components/native-select.tsx","../../../src/primitives/NativeSelect.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"src/shadcn/lib/utils\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\ntype NativeSelectProps = Omit<React.ComponentProps<\"select\">, \"size\"> & {\n  size?: \"sm\" | \"default\"\n}\n\nfunction NativeSelect({\n  className,\n  size = \"default\",\n  ...props\n}: NativeSelectProps) {\n  return (\n    <div\n      className={cn(\n        \"group/native-select relative w-fit has-[select:disabled]:opacity-50\",\n        className\n      )}\n      data-slot=\"native-select-wrapper\"\n      data-size={size}\n    >\n      <select\n        data-slot=\"native-select\"\n        data-size={size}\n        className=\"h-8 w-full min-w-0 appearance-none rounded-lg border border-input bg-transparent py-1 pe-8 ps-2.5 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\"\n        {...props}\n      />\n      <ChevronDownIcon className=\"pointer-events-none absolute top-1/2 end-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none\" aria-hidden=\"true\" data-slot=\"native-select-icon\" />\n    </div>\n  )\n}\n\nfunction NativeSelectOption({ ...props }: React.ComponentProps<\"option\">) {\n  return <option data-slot=\"native-select-option\" {...props} />\n}\n\nfunction NativeSelectOptGroup({\n  className,\n  ...props\n}: React.ComponentProps<\"optgroup\">) {\n  return (\n    <optgroup\n      data-slot=\"native-select-optgroup\"\n      className={cn(className)}\n      {...props}\n    />\n  )\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption }\n","import type React from \"react\";\nimport {\n  NativeSelect as ShadcnNativeSelect,\n  NativeSelectOptGroup as ShadcnNativeSelectOptGroup,\n  NativeSelectOption as ShadcnNativeSelectOption,\n} from \"src/shadcn/components/native-select\";\n\nconst NativeSelect = (\n  props: React.ComponentProps<typeof ShadcnNativeSelect>\n) => <ShadcnNativeSelect {...props} />;\n\nconst NativeSelectOptGroup = (\n  props: React.ComponentProps<typeof ShadcnNativeSelectOptGroup>\n) => <ShadcnNativeSelectOptGroup {...props} />;\n\nconst NativeSelectOption = (\n  props: React.ComponentProps<typeof ShadcnNativeSelectOption>\n) => <ShadcnNativeSelectOption {...props} />;\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption };\n"],"names":["NativeSelect","jsxs","cn","jsx","ChevronDownIcon","NativeSelectOption","NativeSelectOptGroup","ShadcnNativeSelect","ShadcnNativeSelectOptGroup","ShadcnNativeSelectOption"],"mappings":";;;;;;;;AASA,SAASA,cAAA,CAAa;AAAA,EACpB,SAAA;AAAA,EACA,IAAA,GAAO,SAAA;AAAA,EACP,GAAG;AACL,CAAA,EAAsB;AACpB,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,QAAA;AAAA,QACT,qEAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,WAAA,EAAU,uBAAA;AAAA,MACV,WAAA,EAAW,IAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAU,eAAA;AAAA,YACV,WAAA,EAAW,IAAA;AAAA,YACX,SAAA,EAAU,0pBAAA;AAAA,YACT,GAAG;AAAA;AAAA,SACN;AAAA,uCACCC,uBAAA,EAAA,EAAgB,SAAA,EAAU,0GAAyG,aAAA,EAAY,MAAA,EAAO,aAAU,oBAAA,EAAqB;AAAA;AAAA;AAAA,GACxL;AAEJ;AAEA,SAASC,oBAAA,CAAmB,EAAE,GAAG,KAAA,EAAM,EAAmC;AACxE,EAAA,uBAAOF,cAAA,CAAC,QAAA,EAAA,EAAO,WAAA,EAAU,sBAAA,EAAwB,GAAG,KAAA,EAAO,CAAA;AAC7D;AAEA,SAASG,sBAAA,CAAqB;AAAA,EAC5B,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAqC;AACnC,EAAA,uBACEH,cAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,wBAAA;AAAA,MACV,SAAA,EAAWD,SAAG,SAAS,CAAA;AAAA,MACtB,GAAG;AAAA;AAAA,GACN;AAEJ;;AC1CA,MAAM,eAAe,CACnB,KAAA,qBACGC,cAAA,CAACI,cAAA,EAAA,EAAoB,GAAG,KAAA,EAAO;AAEpC,MAAM,uBAAuB,CAC3B,KAAA,qBACGJ,cAAA,CAACK,sBAAA,EAAA,EAA4B,GAAG,KAAA,EAAO;AAE5C,MAAM,qBAAqB,CACzB,KAAA,qBACGL,cAAA,CAACM,oBAAA,EAAA,EAA0B,GAAG,KAAA,EAAO;;;;;;"}

package/dist/cjs/primitives/NavigationMenu.js

@@ -1,8 +1,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var index$e = require('../index-BZhTddX0.js');
-var utils = require('../utils-CTr7wn5d.js');
+var index$e = require('../index-vioSzJOw.js');
+var utils = require('../utils-BhM0B89p.js');
 var chevronDown = require('../chevron-down-CPsWSS51.js');
 var React = require('react');
 var ReactDOM = require('react-dom');
@@ -809,40 +809,162 @@ var Indicator = NavigationMenuIndicator$2;
 var Content = NavigationMenuContent$2;
 var Viewport = NavigationMenuViewport$2;
 
-function NavigationMenu$1({ className, children, viewport = true, ...props }) {
-    return (jsxRuntime.jsxs(Root2, { "data-slot": "navigation-menu", "data-viewport": viewport, className: utils.cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className), ...props, children: [children, viewport && jsxRuntime.jsx(NavigationMenuViewport$1, {})] }));
+function NavigationMenu$1({
+  className,
+  children,
+  viewport = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Root2,
+    {
+      "data-slot": "navigation-menu",
+      "data-viewport": viewport,
+      className: utils.cn(
+        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        viewport && /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuViewport$1, {})
+      ]
+    }
+  );
 }
-function NavigationMenuList$1({ className, ...props }) {
-    return (jsxRuntime.jsx(List, { "data-slot": "navigation-menu-list", className: utils.cn("group flex flex-1 list-none items-center justify-center gap-0", className), ...props }));
+function NavigationMenuList$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: utils.cn(
+        "group flex flex-1 list-none items-center justify-center gap-0",
+        className
+      ),
+      ...props
+    }
+  );
 }
-function NavigationMenuItem$1({ className, ...props }) {
-    return (jsxRuntime.jsx(Item, { "data-slot": "navigation-menu-item", className: utils.cn("relative", className), ...props }));
+function NavigationMenuItem$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: utils.cn("relative", className),
+      ...props
+    }
+  );
 }
-const navigationMenuTriggerStyle = index$e.cva("group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg bg-background px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted");
-function NavigationMenuTrigger$1({ className, children, ...props }) {
-    return (jsxRuntime.jsxs(Trigger, { "data-slot": "navigation-menu-trigger", className: utils.cn(navigationMenuTriggerStyle(), "group", className), ...props, children: [children, " ", jsxRuntime.jsx(chevronDown.ChevronDown, { className: "relative top-px ms-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180", "aria-hidden": "true" })] }));
+const navigationMenuTriggerStyle = index$e.cva(
+  "group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg bg-background px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted"
+);
+function NavigationMenuTrigger$1({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: utils.cn(navigationMenuTriggerStyle(), "group", className),
+      ...props,
+      children: [
+        children,
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsx(chevronDown.ChevronDown, { className: "relative top-px ms-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180", "aria-hidden": "true" })
+      ]
+    }
+  );
 }
-function NavigationMenuContent$1({ className, ...props }) {
-    return (jsxRuntime.jsx(Content, { "data-slot": "navigation-menu-content", className: utils.cn("top-0 start-0 w-full p-1 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300 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 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none md:absolute md:w-auto group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95", className), ...props }));
+function NavigationMenuContent$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: utils.cn(
+        "top-0 start-0 w-full p-1 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300 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 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none md:absolute md:w-auto group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95",
+        className
+      ),
+      ...props
+    }
+  );
 }
-function NavigationMenuViewport$1({ className, ...props }) {
-    return (jsxRuntime.jsx("div", { className: utils.cn("absolute top-full start-0 isolate z-50 flex justify-center"), children: jsxRuntime.jsx(Viewport, { "data-slot": "navigation-menu-viewport", className: utils.cn("origin-top-center relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-lg bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 duration-100 md:w-(--radix-navigation-menu-viewport-width) data-open:animate-in data-open:zoom-in-90 data-closed:animate-out data-closed:zoom-out-90", className), ...props }) }));
+function NavigationMenuViewport$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils.cn(
+        "absolute top-full start-0 isolate z-50 flex justify-center"
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        Viewport,
+        {
+          "data-slot": "navigation-menu-viewport",
+          className: utils.cn(
+            "origin-top-center relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-lg bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 duration-100 md:w-(--radix-navigation-menu-viewport-width) data-open:animate-in data-open:zoom-in-90 data-closed:animate-out data-closed:zoom-out-90",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  );
 }
-function NavigationMenuLink$1({ className, ...props }) {
-    return (jsxRuntime.jsx(Link, { "data-slot": "navigation-menu-link", className: utils.cn("flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+function NavigationMenuLink$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: utils.cn(
+        "flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
 }
-function NavigationMenuIndicator$1({ className, ...props }) {
-    return (jsxRuntime.jsx(Indicator, { "data-slot": "navigation-menu-indicator", className: utils.cn("top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in", className), ...props, children: jsxRuntime.jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-ss-sm bg-border shadow-md" }) }));
+function NavigationMenuIndicator$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Indicator,
+    {
+      "data-slot": "navigation-menu-indicator",
+      className: utils.cn(
+        "top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-ss-sm bg-border shadow-md" })
+    }
+  );
 }
 
-const NavigationMenu = (props) => jsxRuntime.jsx(NavigationMenu$1, { ...props });
-const NavigationMenuList = (props) => jsxRuntime.jsx(NavigationMenuList$1, { ...props });
-const NavigationMenuItem = (props) => jsxRuntime.jsx(NavigationMenuItem$1, { ...props });
-const NavigationMenuContent = (props) => jsxRuntime.jsx(NavigationMenuContent$1, { ...props });
-const NavigationMenuTrigger = (props) => jsxRuntime.jsx(NavigationMenuTrigger$1, { ...props });
-const NavigationMenuLink = (props) => jsxRuntime.jsx(NavigationMenuLink$1, { ...props });
-const NavigationMenuIndicator = (props) => jsxRuntime.jsx(NavigationMenuIndicator$1, { ...props });
-const NavigationMenuViewport = (props) => jsxRuntime.jsx(NavigationMenuViewport$1, { ...props });
+const NavigationMenu = (props) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu$1, { ...props });
+const NavigationMenuList = (props) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList$1, { ...props });
+const NavigationMenuItem = (props) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem$1, { ...props });
+const NavigationMenuContent = (props) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent$1, { ...props });
+const NavigationMenuTrigger = (props) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger$1, { ...props });
+const NavigationMenuLink = (props) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink$1, { ...props });
+const NavigationMenuIndicator = (props) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuIndicator$1, { ...props });
+const NavigationMenuViewport = (props) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuViewport$1, { ...props });
 
 exports.NavigationMenu = NavigationMenu;
 exports.NavigationMenuContent = NavigationMenuContent;