@nuee/ui 0.4.0 → 0.5.0

package/dist/native-select.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/native-select.tsx", "../src/Icon.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { Icon } from \"./Icon\";\nimport { colorVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    k1xSpc: \"x3nfvp2\",\n    kVAEAm: \"x1n2onr6\",\n    kzqmXN: \"xeq5yr9\",\n    $$css: true\n  },\n  select: {\n    kysU6D: \"xjyslct\",\n    kWkggS: \"x8m6yc2\",\n    kVAM5u: \"x13xm7is\",\n    kaIpWk: \"x7c24we\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xzgztj1\",\n    kMwMTN: \"x1alews2\",\n    kGuDYH: \"x99mhxu\",\n    k7Eaqz: \"xuu4ctt\",\n    kI3sdo: \"x1a2a7pz\",\n    kZCmMZ: \"x1prdsy2\",\n    kwRFfy: \"x1drx1zl\",\n    kzqmXN: \"xh8yej3\",\n    kaVNsj: \"x17tsfxz\",\n    kOJeXU: \"xlysfis\",\n    kZs9gx: \"x7yqiub\",\n    kiEn40: \"x1q375v2\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x11ci167\",\n    kD2jPA: \"x1ukozmc\",\n    kdODIN: \"x1myz13v\",\n    kWC4TW: \"xgokf5d\",\n    kYPGJ8: \"x1s07b3s\",\n    kqcrZL: \"xakpnpt\",\n    $$css: true\n  },\n  sm: {\n    kZKoxP: \"x5vhmdc\",\n    $$css: true\n  },\n  md: {\n    kZKoxP: \"x1f831s2\",\n    $$css: true\n  },\n  icon: {\n    kMwMTN: \"x1ry1pnm\",\n    kfzvcC: \"x47corl\",\n    kVAEAm: \"x10l6tqk\",\n    kCIrl2: \"x1d30cp6\",\n    k87sOh: \"xwa60dl\",\n    k3aq6I: \"x1cb1t30\",\n    $$css: true\n  }\n};\nexport type NativeSelectProps = Omit<ComponentProps<\"select\">, \"size\"> & {\n  size?: \"md\" | \"sm\";\n  xstyle?: stylex.StyleXStyles;\n};\nexport function NativeSelect(t0) {\n  const $ = _c(16);\n  let children;\n  let props;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      children,\n      size: t1,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = props;\n    $[3] = t1;\n    $[4] = xstyle;\n  } else {\n    children = $[1];\n    props = $[2];\n    t1 = $[3];\n    xstyle = $[4];\n  }\n  const size = t1 === undefined ? \"md\" : t1;\n  let t2;\n  if ($[5] !== size || $[6] !== xstyle) {\n    t2 = stylex.props(styles.select, styles[size], xstyle);\n    $[5] = size;\n    $[6] = xstyle;\n    $[7] = t2;\n  } else {\n    t2 = $[7];\n  }\n  const stylexProps = t2;\n  let t3;\n  if ($[8] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t3 = {\n      className: \"x3nfvp2 x1n2onr6 xeq5yr9\"\n    };\n    $[8] = t3;\n  } else {\n    t3 = $[8];\n  }\n  let t4;\n  if ($[9] !== children || $[10] !== props || $[11] !== stylexProps) {\n    t4 = <select {...props} {...stylexProps}>{children}</select>;\n    $[9] = children;\n    $[10] = props;\n    $[11] = stylexProps;\n    $[12] = t4;\n  } else {\n    t4 = $[12];\n  }\n  let t5;\n  if ($[13] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t5 = <Icon aria-hidden=\"true\" name=\"chevronDown\" className=\"x1ry1pnm x47corl x10l6tqk x1d30cp6 xwa60dl x1cb1t30\" />;\n    $[13] = t5;\n  } else {\n    t5 = $[13];\n  }\n  let t6;\n  if ($[14] !== t4) {\n    t6 = <span {...t3}>{t4}{t5}</span>;\n    $[14] = t4;\n    $[15] = t6;\n  } else {\n    t6 = $[15];\n  }\n  return t6;\n}\nexport function NativeSelectOption(props) {\n  const $ = _c(2);\n  let t0;\n  if ($[0] !== props) {\n    t0 = <option {...props} />;\n    $[0] = props;\n    $[1] = t0;\n  } else {\n    t0 = $[1];\n  }\n  return t0;\n}\nexport function NativeSelectOptGroup(props) {\n  const $ = _c(2);\n  let t0;\n  if ($[0] !== props) {\n    t0 = <optgroup {...props} />;\n    $[0] = props;\n    $[1] = t0;\n  } else {\n    t0 = $[1];\n  }\n  return t0;\n}", "import type { Icon as PhosphorIcon, IconProps as PhosphorIconProps } from \"@phosphor-icons/react\";\nimport {\n  ArrowDownIcon,\n  ArrowSquareOutIcon,\n  ArrowsDownUpIcon,\n  ArrowUpIcon,\n  CalendarIcon,\n  CaretDoubleLeftIcon,\n  CaretDoubleRightIcon,\n  CaretDownIcon,\n  CaretLeftIcon,\n  CaretRightIcon,\n  CaretUpIcon,\n  CaretUpDownIcon,\n  CheckCircleIcon,\n  CheckIcon,\n  ChecksIcon,\n  ClockIcon,\n  ColumnsIcon,\n  CopyIcon,\n  DotsThreeIcon,\n  EyeSlashIcon,\n  FileIcon,\n  FolderIcon,\n  FunnelIcon,\n  GitBranchIcon,\n  InfoIcon,\n  ListIcon,\n  MagnifyingGlassIcon,\n  MicrophoneIcon,\n  PaperclipIcon,\n  DownloadSimpleIcon,\n  StopIcon,\n  WarningIcon,\n  WrenchIcon,\n  XCircleIcon,\n  XIcon,\n} from \"@phosphor-icons/react\";\n\nexport const iconRegistry = {\n  close: XIcon,\n  chevronDown: CaretDownIcon,\n  chevronLeft: CaretLeftIcon,\n  chevronRight: CaretRightIcon,\n  chevronUp: CaretUpIcon,\n  chevronsLeft: CaretDoubleLeftIcon,\n  chevronsRight: CaretDoubleRightIcon,\n  caretUpDown: CaretUpDownIcon,\n  check: CheckIcon,\n  success: CheckCircleIcon,\n  error: XCircleIcon,\n  warning: WarningIcon,\n  info: InfoIcon,\n  calendar: CalendarIcon,\n  clock: ClockIcon,\n  externalLink: ArrowSquareOutIcon,\n  menu: ListIcon,\n  moreHorizontal: DotsThreeIcon,\n  search: MagnifyingGlassIcon,\n  arrowUp: ArrowUpIcon,\n  arrowDown: ArrowDownIcon,\n  arrowsUpDown: ArrowsDownUpIcon,\n  funnel: FunnelIcon,\n  eyeSlash: EyeSlashIcon,\n  viewColumns: ColumnsIcon,\n  copy: CopyIcon,\n  checkDouble: ChecksIcon,\n  wrench: WrenchIcon,\n  stop: StopIcon,\n  microphone: MicrophoneIcon,\n  folder: FolderIcon,\n  file: FileIcon,\n  paperclip: PaperclipIcon,\n  download: DownloadSimpleIcon,\n  branch: GitBranchIcon,\n} satisfies Record<string, PhosphorIcon>;\n\nexport type IconName = keyof typeof iconRegistry;\n\nexport type IconProps = PhosphorIconProps & {\n  name: IconName;\n};\n\nexport function Icon({ name, weight = \"regular\", ...props }: IconProps) {\n  const IconComponent = iconRegistry[name];\n\n  return <IconComponent {...props} weight={weight} />;\n}\n"],
-  "mappings": "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",
-  "names": ["props", "jsx", "props"]
+  "sources": ["../src/native-select.tsx"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nimport { CaretDownIcon } from \"@phosphor-icons/react\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlLayoutStyles } from \"./control-layout\";\nconst styles = {\n  root: {\n    k1xSpc: \"x3nfvp2\",\n    kVAEAm: \"x1n2onr6\",\n    kzqmXN: \"xeq5yr9\",\n    $$css: true\n  },\n  select: {\n    kysU6D: \"xjyslct\",\n    kWkggS: \"x8m6yc2\",\n    kVAM5u: \"x13xm7is\",\n    kaIpWk: \"x7c24we\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xzgztj1\",\n    kMwMTN: \"x1alews2\",\n    kGuDYH: \"x99mhxu\",\n    k7Eaqz: \"xuu4ctt\",\n    kI3sdo: \"x1a2a7pz\",\n    kZCmMZ: \"x1prdsy2\",\n    kwRFfy: \"x1drx1zl\",\n    kIyJzY: \"xdshaxz\",\n    k1ekBW: \"x1eaenvl\",\n    kAMwcw: \"xscx6xn\",\n    kzqmXN: \"xh8yej3\",\n    kaVNsj: \"x17tsfxz\",\n    kOJeXU: \"xlysfis\",\n    kZs9gx: \"x7yqiub\",\n    kiEn40: \"x1q375v2\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x11ci167\",\n    kD2jPA: \"x1ukozmc\",\n    kdODIN: \"x1myz13v\",\n    kWC4TW: \"xgokf5d\",\n    kYPGJ8: \"x1s07b3s\",\n    kqcrZL: \"xakpnpt\",\n    $$css: true\n  },\n  sm: {\n    kZKoxP: \"x5vhmdc\",\n    $$css: true\n  },\n  md: {\n    kZKoxP: \"x1f831s2\",\n    $$css: true\n  },\n  icon: {\n    kMwMTN: \"x1ry1pnm\",\n    kfzvcC: \"x47corl\",\n    kVAEAm: \"x10l6tqk\",\n    kCIrl2: \"x1d30cp6\",\n    k87sOh: \"xwa60dl\",\n    k3aq6I: \"x1cb1t30\",\n    $$css: true\n  }\n};\nexport type NativeSelectProps = Omit<ComponentProps<\"select\">, \"size\" | \"className\" | \"style\"> & {\n  size?: \"md\" | \"sm\";\n  xstyle?: ControlLayoutStyles;\n};\nexport function NativeSelect(t0) {\n  const $ = _c(16);\n  let children;\n  let props;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      children,\n      size: t1,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = props;\n    $[3] = t1;\n    $[4] = xstyle;\n  } else {\n    children = $[1];\n    props = $[2];\n    t1 = $[3];\n    xstyle = $[4];\n  }\n  const size = t1 === undefined ? \"md\" : t1;\n  let t2;\n  if ($[5] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t2 = {\n      className: \"x3nfvp2 x1n2onr6 xeq5yr9\"\n    };\n    $[5] = t2;\n  } else {\n    t2 = $[5];\n  }\n  let t3;\n  if ($[6] !== size || $[7] !== xstyle) {\n    t3 = stylex.props(styles.select, styles[size], xstyle);\n    $[6] = size;\n    $[7] = xstyle;\n    $[8] = t3;\n  } else {\n    t3 = $[8];\n  }\n  let t4;\n  if ($[9] !== children || $[10] !== props || $[11] !== t3) {\n    t4 = <select {...props} {...t3}>{children}</select>;\n    $[9] = children;\n    $[10] = props;\n    $[11] = t3;\n    $[12] = t4;\n  } else {\n    t4 = $[12];\n  }\n  let t5;\n  if ($[13] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t5 = <CaretDownIcon aria-hidden=\"true\" className=\"x1ry1pnm x47corl x10l6tqk x1d30cp6 xwa60dl x1cb1t30\" />;\n    $[13] = t5;\n  } else {\n    t5 = $[13];\n  }\n  let t6;\n  if ($[14] !== t4) {\n    t6 = <span {...t2}>{t4}{t5}</span>;\n    $[14] = t4;\n    $[15] = t6;\n  } else {\n    t6 = $[15];\n  }\n  return t6;\n}\nexport function NativeSelectOption(props) {\n  const $ = _c(2);\n  let t0;\n  if ($[0] !== props) {\n    t0 = <option {...props} />;\n    $[0] = props;\n    $[1] = t0;\n  } else {\n    t0 = $[1];\n  }\n  return t0;\n}\nexport function NativeSelectOptGroup(props) {\n  const $ = _c(2);\n  let t0;\n  if ($[0] !== props) {\n    t0 = <optgroup {...props} />;\n    $[0] = props;\n    $[1] = t0;\n  } else {\n    t0 = $[1];\n  }\n  return t0;\n}"],
+  "mappings": "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",
+  "names": ["props"]
 }

package/dist/navigation-menu.d.ts

@@ -1,11 +1,11 @@
 import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
 import type { ComponentProps } from "react";
-export declare function NavigationMenu(props: ComponentProps<typeof NavigationMenuPrimitive.Root>): import("react").JSX.Element;
-export declare function NavigationMenuList(props: ComponentProps<typeof NavigationMenuPrimitive.List>): import("react").JSX.Element;
-export declare function NavigationMenuItem(props: ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react").JSX.Element;
-export declare function NavigationMenuContent({ ...props }: ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react").JSX.Element;
-export declare function NavigationMenuTrigger({ children, ...props }: ComponentProps<typeof NavigationMenuPrimitive.Trigger>): import("react").JSX.Element;
-export declare function NavigationMenuLink({ ...props }: ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react").JSX.Element;
-type NavigationMenuViewportProps = ComponentProps<typeof NavigationMenuPrimitive.Popup> & Pick<ComponentProps<typeof NavigationMenuPrimitive.Positioner>, "align" | "side" | "sideOffset">;
+export declare function NavigationMenu(props: Omit<ComponentProps<typeof NavigationMenuPrimitive.Root>, "className" | "style">): import("react").JSX.Element;
+export declare function NavigationMenuList(props: Omit<ComponentProps<typeof NavigationMenuPrimitive.List>, "className" | "style">): import("react").JSX.Element;
+export declare function NavigationMenuItem(props: Omit<ComponentProps<typeof NavigationMenuPrimitive.Item>, "className" | "style">): import("react").JSX.Element;
+export declare function NavigationMenuContent({ ...props }: Omit<ComponentProps<typeof NavigationMenuPrimitive.Content>, "className" | "style">): import("react").JSX.Element;
+export declare function NavigationMenuTrigger({ children, ...props }: Omit<ComponentProps<typeof NavigationMenuPrimitive.Trigger>, "className" | "style">): import("react").JSX.Element;
+export declare function NavigationMenuLink({ ...props }: Omit<ComponentProps<typeof NavigationMenuPrimitive.Link>, "className" | "style">): import("react").JSX.Element;
+type NavigationMenuViewportProps = Omit<ComponentProps<typeof NavigationMenuPrimitive.Popup>, "className" | "style"> & Pick<ComponentProps<typeof NavigationMenuPrimitive.Positioner>, "align" | "side" | "sideOffset">;
 export declare function NavigationMenuViewport({ align, side, sideOffset, ...props }: NavigationMenuViewportProps): import("react").JSX.Element;
 export {};

package/dist/navigation-menu.js

@@ -1,90 +1,10 @@
+"use client";
+
 // src/navigation-menu.tsx
 import { c as _c } from "react/compiler-runtime";
 import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
-
-// src/Icon.tsx
-import {
-  ArrowDownIcon,
-  ArrowSquareOutIcon,
-  ArrowsDownUpIcon,
-  ArrowUpIcon,
-  CalendarIcon,
-  CaretDoubleLeftIcon,
-  CaretDoubleRightIcon,
-  CaretDownIcon,
-  CaretLeftIcon,
-  CaretRightIcon,
-  CaretUpIcon,
-  CaretUpDownIcon,
-  CheckCircleIcon,
-  CheckIcon,
-  ChecksIcon,
-  ClockIcon,
-  ColumnsIcon,
-  CopyIcon,
-  DotsThreeIcon,
-  EyeSlashIcon,
-  FileIcon,
-  FolderIcon,
-  FunnelIcon,
-  GitBranchIcon,
-  InfoIcon,
-  ListIcon,
-  MagnifyingGlassIcon,
-  MicrophoneIcon,
-  PaperclipIcon,
-  DownloadSimpleIcon,
-  StopIcon,
-  WarningIcon,
-  WrenchIcon,
-  XCircleIcon,
-  XIcon
-} from "@phosphor-icons/react";
-import { jsx } from "react/jsx-runtime";
-var iconRegistry = {
-  close: XIcon,
-  chevronDown: CaretDownIcon,
-  chevronLeft: CaretLeftIcon,
-  chevronRight: CaretRightIcon,
-  chevronUp: CaretUpIcon,
-  chevronsLeft: CaretDoubleLeftIcon,
-  chevronsRight: CaretDoubleRightIcon,
-  caretUpDown: CaretUpDownIcon,
-  check: CheckIcon,
-  success: CheckCircleIcon,
-  error: XCircleIcon,
-  warning: WarningIcon,
-  info: InfoIcon,
-  calendar: CalendarIcon,
-  clock: ClockIcon,
-  externalLink: ArrowSquareOutIcon,
-  menu: ListIcon,
-  moreHorizontal: DotsThreeIcon,
-  search: MagnifyingGlassIcon,
-  arrowUp: ArrowUpIcon,
-  arrowDown: ArrowDownIcon,
-  arrowsUpDown: ArrowsDownUpIcon,
-  funnel: FunnelIcon,
-  eyeSlash: EyeSlashIcon,
-  viewColumns: ColumnsIcon,
-  copy: CopyIcon,
-  checkDouble: ChecksIcon,
-  wrench: WrenchIcon,
-  stop: StopIcon,
-  microphone: MicrophoneIcon,
-  folder: FolderIcon,
-  file: FileIcon,
-  paperclip: PaperclipIcon,
-  download: DownloadSimpleIcon,
-  branch: GitBranchIcon
-};
-function Icon({ name, weight = "regular", ...props }) {
-  const IconComponent = iconRegistry[name];
-  return /* @__PURE__ */ jsx(IconComponent, { ...props, weight });
-}
-
-// src/navigation-menu.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { CaretDownIcon } from "@phosphor-icons/react";
+import { jsx, jsxs } from "react/jsx-runtime";
 function NavigationMenu(props) {
   const $ = _c(3);
   let t0;
@@ -98,7 +18,7 @@ function NavigationMenu(props) {
   }
   let t1;
   if ($[1] !== props) {
-    t1 = /* @__PURE__ */ jsx2(NavigationMenuPrimitive.Root, { ...props, ...t0 });
+    t1 = /* @__PURE__ */ jsx(NavigationMenuPrimitive.Root, { ...props, ...t0 });
     $[1] = props;
     $[2] = t1;
   } else {
@@ -119,7 +39,7 @@ function NavigationMenuList(props) {
   }
   let t1;
   if ($[1] !== props) {
-    t1 = /* @__PURE__ */ jsx2(NavigationMenuPrimitive.List, { ...props, ...t0 });
+    t1 = /* @__PURE__ */ jsx(NavigationMenuPrimitive.List, { ...props, ...t0 });
     $[1] = props;
     $[2] = t1;
   } else {
@@ -140,7 +60,7 @@ function NavigationMenuItem(props) {
   }
   let t1;
   if ($[1] !== props) {
-    t1 = /* @__PURE__ */ jsx2(NavigationMenuPrimitive.Item, { ...props, ...t0 });
+    t1 = /* @__PURE__ */ jsx(NavigationMenuPrimitive.Item, { ...props, ...t0 });
     $[1] = props;
     $[2] = t1;
   } else {
@@ -149,7 +69,7 @@ function NavigationMenuItem(props) {
   return t1;
 }
 function NavigationMenuContent(t0) {
-  const $ = _c(4);
+  const $ = _c(7);
   let props;
   if ($[0] !== t0) {
     ({
@@ -161,123 +81,87 @@ function NavigationMenuContent(t0) {
     props = $[1];
   }
   let t1;
-  if ($[2] !== props) {
-    t1 = /* @__PURE__ */ jsx2(NavigationMenuPrimitive.Content, { ...props, className: _temp, style: _temp2 });
-    $[2] = props;
-    $[3] = t1;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = function getContentStyles2(state) {
+      return {
+        0: {
+          className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i xscx6xn x1ho1d5x x14atkfc"
+        },
+        8: {
+          className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i xscx6xn x1ho1d5x x14atkfc xg01cxk xuuh30"
+        },
+        4: {
+          className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i xscx6xn x1ho1d5x x14atkfc xg01cxk xitnhlw"
+        },
+        12: {
+          className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i xscx6xn x1ho1d5x x14atkfc xg01cxk xitnhlw"
+        },
+        2: {
+          className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i xscx6xn x1ho1d5x x14atkfc xg01cxk xitnhlw"
+        },
+        10: {
+          className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i xscx6xn x1ho1d5x x14atkfc xg01cxk xitnhlw"
+        },
+        6: {
+          className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i xscx6xn x1ho1d5x x14atkfc xg01cxk xitnhlw"
+        },
+        14: {
+          className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i xscx6xn x1ho1d5x x14atkfc xg01cxk xitnhlw"
+        },
+        1: {
+          className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i xscx6xn x1ho1d5x x14atkfc xg01cxk xuuh30"
+        },
+        9: {
+          className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i xscx6xn x1ho1d5x x14atkfc xg01cxk xuuh30"
+        },
+        5: {
+          className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i xscx6xn x1ho1d5x x14atkfc xg01cxk xuuh30"
+        },
+        13: {
+          className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i xscx6xn x1ho1d5x x14atkfc xg01cxk xuuh30"
+        },
+        3: {
+          className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i xscx6xn x1ho1d5x x14atkfc xg01cxk xuuh30"
+        },
+        11: {
+          className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i xscx6xn x1ho1d5x x14atkfc xg01cxk xuuh30"
+        },
+        7: {
+          className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i xscx6xn x1ho1d5x x14atkfc xg01cxk xuuh30"
+        },
+        15: {
+          className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i xscx6xn x1ho1d5x x14atkfc xg01cxk xuuh30"
+        }
+      }[!!(state.transitionStatus === "starting" && state.activationDirection === "left") << 3 | !!(state.transitionStatus === "starting" && state.activationDirection === "right") << 2 | !!(state.transitionStatus === "ending" && state.activationDirection === "left") << 1 | !!(state.transitionStatus === "ending" && state.activationDirection === "right") << 0];
+    };
+    $[2] = t1;
   } else {
-    t1 = $[3];
+    t1 = $[2];
   }
-  return t1;
-}
-function _temp2(state_0) {
-  const sx_0 = {
-    0: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc"
-    },
-    8: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xuuh30"
-    },
-    4: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xitnhlw"
-    },
-    12: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xitnhlw"
-    },
-    2: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xitnhlw"
-    },
-    10: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xitnhlw"
-    },
-    6: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xitnhlw"
-    },
-    14: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xitnhlw"
-    },
-    1: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xuuh30"
-    },
-    9: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xuuh30"
-    },
-    5: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xuuh30"
-    },
-    13: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xuuh30"
-    },
-    3: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xuuh30"
-    },
-    11: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xuuh30"
-    },
-    7: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xuuh30"
-    },
-    15: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xuuh30"
-    }
-  }[!!(state_0.transitionStatus === "starting" && state_0.activationDirection === "left") << 3 | !!(state_0.transitionStatus === "starting" && state_0.activationDirection === "right") << 2 | !!(state_0.transitionStatus === "ending" && state_0.activationDirection === "left") << 1 | !!(state_0.transitionStatus === "ending" && state_0.activationDirection === "right") << 0];
-  return sx_0.style;
-}
-function _temp(state) {
-  const sx = {
-    0: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc"
-    },
-    8: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xuuh30"
-    },
-    4: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xitnhlw"
-    },
-    12: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xitnhlw"
-    },
-    2: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xitnhlw"
-    },
-    10: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xitnhlw"
-    },
-    6: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xitnhlw"
-    },
-    14: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xitnhlw"
-    },
-    1: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xuuh30"
-    },
-    9: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xuuh30"
-    },
-    5: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xuuh30"
-    },
-    13: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xuuh30"
-    },
-    3: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xuuh30"
-    },
-    11: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xuuh30"
-    },
-    7: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xuuh30"
-    },
-    15: {
-      className: "x5yr21d x1nd8ri7 x1ial40k x6o7n8i x14atkfc xg01cxk xuuh30"
-    }
-  }[!!(state.transitionStatus === "starting" && state.activationDirection === "left") << 3 | !!(state.transitionStatus === "starting" && state.activationDirection === "right") << 2 | !!(state.transitionStatus === "ending" && state.activationDirection === "left") << 1 | !!(state.transitionStatus === "ending" && state.activationDirection === "right") << 0];
-  return sx.className;
+  const getContentStyles = t1;
+  let t2;
+  let t3;
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = (state_0) => getContentStyles(state_0).className;
+    t3 = (state_1) => getContentStyles(state_1).style;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t2 = $[3];
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== props) {
+    t4 = /* @__PURE__ */ jsx(NavigationMenuPrimitive.Content, { ...props, className: t2, style: t3 });
+    $[5] = props;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  return t4;
 }
 function NavigationMenuTrigger(t0) {
-  const $ = _c(7);
+  const $ = _c(10);
   let children;
   let props;
   if ($[0] !== t0) {
@@ -294,52 +178,55 @@ function NavigationMenuTrigger(t0) {
   }
   let t1;
   if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Icon, { className: "x6s0dn4 x3nfvp2 x1n2onr6 xh8g384", children: [
-      /* @__PURE__ */ jsx2("span", { className: "x6s0dn4 x3nfvp2 xup1lap", children: /* @__PURE__ */ jsx2(Icon, { "aria-hidden": "true", name: "chevronDown" }) }),
-      /* @__PURE__ */ jsx2("span", { className: "x6s0dn4 x1s85apg x26rpik", children: /* @__PURE__ */ jsx2(Icon, { "aria-hidden": "true", name: "chevronUp" }) })
-    ] });
+    t1 = function getTriggerStyles2(state) {
+      return {
+        0: {
+          className: "x6s0dn4 xjyslct xjbqb8w xng3xce xc342km x7c24we x1alews2 x1ypdohk x3nfvp2 x1fe00qh x99mhxu x1v899x5 x1kr9b5u x1f831s2 x1a2a7pz xdaxh69 xdshaxz xs2xxs2 xscx6xn x1o026c7 x7yqiub x1q375v2 x9v5kkp x11ci167 x1oqui1x xgokf5d x1s07b3s x1eqo6io"
+        },
+        1: {
+          className: "x6s0dn4 xjyslct xng3xce xc342km x7c24we x1alews2 x1ypdohk x3nfvp2 x1fe00qh x99mhxu x1v899x5 x1kr9b5u x1f831s2 x1a2a7pz xdaxh69 xdshaxz xs2xxs2 xscx6xn x1o026c7 x7yqiub x1q375v2 x9v5kkp x11ci167 x1oqui1x xgokf5d x1s07b3s x1eqo6io x1h9nimm"
+        }
+      }[!!state.open << 0];
+    };
     $[3] = t1;
   } else {
     t1 = $[3];
   }
+  const getTriggerStyles = t1;
   let t2;
-  if ($[4] !== children || $[5] !== props) {
-    t2 = /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Trigger, { ...props, className: _temp3, style: _temp4, children: [
+  let t3;
+  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = (state_0) => getTriggerStyles(state_0).className;
+    t3 = (state_1) => getTriggerStyles(state_1).style;
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t2 = $[4];
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /* @__PURE__ */ jsx(NavigationMenuPrimitive.Icon, { className: "x6s0dn4 x3nfvp2 x1n2onr6 xh8g384 x7p49u4 x1nmfbye", children: /* @__PURE__ */ jsx(CaretDownIcon, { "aria-hidden": "true" }) });
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== children || $[8] !== props) {
+    t5 = /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Trigger, { ...props, className: t2, style: t3, children: [
       children,
-      t1
+      t4
     ] });
-    $[4] = children;
-    $[5] = props;
-    $[6] = t2;
+    $[7] = children;
+    $[8] = props;
+    $[9] = t5;
   } else {
-    t2 = $[6];
+    t5 = $[9];
   }
-  return t2;
-}
-function _temp4(state_0) {
-  const sx_0 = {
-    0: {
-      className: "x6s0dn4 xjyslct xjbqb8w xng3xce xc342km x7c24we x1alews2 x1ypdohk x3nfvp2 x14e0hi7 x99mhxu x1v899x5 x1kr9b5u x1f831s2 x1a2a7pz xdaxh69 xdshaxz xs2xxs2 x1o026c7 x7yqiub x1q375v2 x9v5kkp x11ci167 x1oqui1x xgokf5d x1s07b3s x1eqo6io"
-    },
-    1: {
-      className: "x6s0dn4 xjyslct xng3xce xc342km x7c24we x1alews2 x1ypdohk x3nfvp2 x14e0hi7 x99mhxu x1v899x5 x1kr9b5u x1f831s2 x1a2a7pz xdaxh69 xdshaxz xs2xxs2 x1o026c7 x7yqiub x1q375v2 x9v5kkp x11ci167 x1oqui1x xgokf5d x1s07b3s x1eqo6io x1h9nimm"
-    }
-  }[!!state_0.open << 0];
-  return sx_0.style;
-}
-function _temp3(state) {
-  const sx = {
-    0: {
-      className: "x6s0dn4 xjyslct xjbqb8w xng3xce xc342km x7c24we x1alews2 x1ypdohk x3nfvp2 x14e0hi7 x99mhxu x1v899x5 x1kr9b5u x1f831s2 x1a2a7pz xdaxh69 xdshaxz xs2xxs2 x1o026c7 x7yqiub x1q375v2 x9v5kkp x11ci167 x1oqui1x xgokf5d x1s07b3s x1eqo6io"
-    },
-    1: {
-      className: "x6s0dn4 xjyslct xng3xce xc342km x7c24we x1alews2 x1ypdohk x3nfvp2 x14e0hi7 x99mhxu x1v899x5 x1kr9b5u x1f831s2 x1a2a7pz xdaxh69 xdshaxz xs2xxs2 x1o026c7 x7yqiub x1q375v2 x9v5kkp x11ci167 x1oqui1x xgokf5d x1s07b3s x1eqo6io x1h9nimm"
-    }
-  }[!!state.open << 0];
-  return sx.className;
+  return t5;
 }
 function NavigationMenuLink(t0) {
-  const $ = _c(7);
+  const $ = _c(5);
   let props;
   if ($[0] !== t0) {
     ({
@@ -353,7 +240,7 @@ function NavigationMenuLink(t0) {
   let t1;
   if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = {
-      className: "x6s0dn4 x7c24we x1alews2 x78zum5 x1uj7ll3 x1a2a7pz xf540yh x1hl2dhg xdshaxz xs2xxs2 x1o026c7 x1v46iqk x7yqiub x9v5kkp x11ci167"
+      className: "x6s0dn4 x7c24we x1alews2 x78zum5 x1uj7ll3 x1a2a7pz xf540yh x1hl2dhg xdshaxz xs2xxs2 xscx6xn x1o026c7 x1v46iqk x7yqiub x9v5kkp x11ci167"
     };
     $[2] = t1;
   } else {
@@ -361,28 +248,17 @@ function NavigationMenuLink(t0) {
   }
   const sx = t1;
   let t2;
-  let t3;
-  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t2 = () => sx.className;
-    t3 = () => sx.style;
-    $[3] = t2;
-    $[4] = t3;
-  } else {
-    t2 = $[3];
-    t3 = $[4];
-  }
-  let t4;
-  if ($[5] !== props) {
-    t4 = /* @__PURE__ */ jsx2(NavigationMenuPrimitive.Link, { ...props, className: t2, style: t3 });
-    $[5] = props;
-    $[6] = t4;
+  if ($[3] !== props) {
+    t2 = /* @__PURE__ */ jsx(NavigationMenuPrimitive.Link, { ...props, className: sx.className, style: sx.style });
+    $[3] = props;
+    $[4] = t2;
   } else {
-    t4 = $[6];
+    t2 = $[4];
   }
-  return t4;
+  return t2;
 }
 function NavigationMenuViewport(t0) {
-  const $ = _c(14);
+  const $ = _c(17);
   let props;
   let t1;
   let t2;
@@ -410,74 +286,74 @@ function NavigationMenuViewport(t0) {
   const sideOffset = t3 === void 0 ? 8 : t3;
   let t4;
   if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t4 = {
-      className: "xm56wjt x7k7lee x1ial40k x1t13chr xluuen9 x1aciyhk"
+    t4 = function getPopupStyles2(state) {
+      return {
+        0: {
+          className: "x1sgh50o x13xm7is x7c24we x1y0btm7 xzgztj1 xkr81ss x1alews2 x18dv8qi x1a2a7pz xb3r6kr x1n2onr6 xctpfpq x1ial40k xzocyoe xctuv9u x1u1wfrh x1ho1d5x"
+        },
+        2: {
+          className: "x1sgh50o x13xm7is x7c24we x1y0btm7 xzgztj1 xkr81ss x1alews2 x18dv8qi x1a2a7pz xb3r6kr x1n2onr6 xctpfpq x1ial40k xzocyoe xctuv9u x1u1wfrh x1ho1d5x xg01cxk x9mn55f"
+        },
+        1: {
+          className: "x1sgh50o x13xm7is x7c24we x1y0btm7 xzgztj1 xkr81ss x1alews2 x18dv8qi x1a2a7pz xb3r6kr x1n2onr6 xctpfpq x1ial40k xzocyoe xctuv9u x1u1wfrh x1ho1d5x xg01cxk x9mn55f"
+        },
+        3: {
+          className: "x1sgh50o x13xm7is x7c24we x1y0btm7 xzgztj1 xkr81ss x1alews2 x18dv8qi x1a2a7pz xb3r6kr x1n2onr6 xctpfpq x1ial40k xzocyoe xctuv9u x1u1wfrh x1ho1d5x xg01cxk x9mn55f"
+        }
+      }[!!(state.transitionStatus === "starting") << 1 | !!(state.transitionStatus === "ending") << 0];
     };
     $[5] = t4;
   } else {
     t4 = $[5];
   }
+  const getPopupStyles = t4;
   let t5;
   if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t5 = /* @__PURE__ */ jsx2(NavigationMenuPrimitive.Viewport, { className: "x14e0hi7 x5yr21d xb3r6kr x1n2onr6 xh8yej3" });
+    t5 = {
+      className: "xm56wjt x7k7lee x1ial40k x1t13chr xscx6xn x1ho1d5x xluuen9 x1q11diy"
+    };
     $[6] = t5;
   } else {
     t5 = $[6];
   }
   let t6;
-  if ($[7] !== props) {
-    t6 = /* @__PURE__ */ jsx2(NavigationMenuPrimitive.Popup, { ...props, className: _temp5, style: _temp6, children: t5 });
-    $[7] = props;
-    $[8] = t6;
+  let t7;
+  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t6 = (state_0) => getPopupStyles(state_0).className;
+    t7 = (state_1) => getPopupStyles(state_1).style;
+    $[7] = t6;
+    $[8] = t7;
   } else {
-    t6 = $[8];
+    t6 = $[7];
+    t7 = $[8];
   }
-  let t7;
-  if ($[9] !== align || $[10] !== side || $[11] !== sideOffset || $[12] !== t6) {
-    t7 = /* @__PURE__ */ jsx2(NavigationMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx2(NavigationMenuPrimitive.Positioner, { align, side, sideOffset, ...t4, children: t6 }) });
-    $[9] = align;
-    $[10] = side;
-    $[11] = sideOffset;
-    $[12] = t6;
-    $[13] = t7;
+  let t8;
+  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t8 = /* @__PURE__ */ jsx(NavigationMenuPrimitive.Viewport, { className: "x1fe00qh x5yr21d xb3r6kr x1n2onr6 xh8yej3" });
+    $[9] = t8;
   } else {
-    t7 = $[13];
+    t8 = $[9];
   }
-  return t7;
-}
-function _temp6(state_0) {
-  const sx_0 = {
-    0: {
-      className: "x1sgh50o x13xm7is x7c24we x1y0btm7 xzgztj1 xkr81ss x1alews2 x18dv8qi x1a2a7pz xb3r6kr x1n2onr6 xctpfpq x1ial40k xzocyoe x1u1wfrh"
-    },
-    2: {
-      className: "x1sgh50o x13xm7is x7c24we x1y0btm7 xzgztj1 xkr81ss x1alews2 x18dv8qi x1a2a7pz xb3r6kr x1n2onr6 xctpfpq x1ial40k xzocyoe x1u1wfrh xg01cxk x9mn55f"
-    },
-    1: {
-      className: "x1sgh50o x13xm7is x7c24we x1y0btm7 xzgztj1 xkr81ss x1alews2 x18dv8qi x1a2a7pz xb3r6kr x1n2onr6 xctpfpq x1ial40k xzocyoe x1u1wfrh xg01cxk x9mn55f"
-    },
-    3: {
-      className: "x1sgh50o x13xm7is x7c24we x1y0btm7 xzgztj1 xkr81ss x1alews2 x18dv8qi x1a2a7pz xb3r6kr x1n2onr6 xctpfpq x1ial40k xzocyoe x1u1wfrh xg01cxk x9mn55f"
-    }
-  }[!!(state_0.transitionStatus === "starting") << 1 | !!(state_0.transitionStatus === "ending") << 0];
-  return sx_0.style;
-}
-function _temp5(state) {
-  const sx = {
-    0: {
-      className: "x1sgh50o x13xm7is x7c24we x1y0btm7 xzgztj1 xkr81ss x1alews2 x18dv8qi x1a2a7pz xb3r6kr x1n2onr6 xctpfpq x1ial40k xzocyoe x1u1wfrh"
-    },
-    2: {
-      className: "x1sgh50o x13xm7is x7c24we x1y0btm7 xzgztj1 xkr81ss x1alews2 x18dv8qi x1a2a7pz xb3r6kr x1n2onr6 xctpfpq x1ial40k xzocyoe x1u1wfrh xg01cxk x9mn55f"
-    },
-    1: {
-      className: "x1sgh50o x13xm7is x7c24we x1y0btm7 xzgztj1 xkr81ss x1alews2 x18dv8qi x1a2a7pz xb3r6kr x1n2onr6 xctpfpq x1ial40k xzocyoe x1u1wfrh xg01cxk x9mn55f"
-    },
-    3: {
-      className: "x1sgh50o x13xm7is x7c24we x1y0btm7 xzgztj1 xkr81ss x1alews2 x18dv8qi x1a2a7pz xb3r6kr x1n2onr6 xctpfpq x1ial40k xzocyoe x1u1wfrh xg01cxk x9mn55f"
-    }
-  }[!!(state.transitionStatus === "starting") << 1 | !!(state.transitionStatus === "ending") << 0];
-  return sx.className;
+  let t9;
+  if ($[10] !== props) {
+    t9 = /* @__PURE__ */ jsx(NavigationMenuPrimitive.Popup, { ...props, className: t6, style: t7, children: t8 });
+    $[10] = props;
+    $[11] = t9;
+  } else {
+    t9 = $[11];
+  }
+  let t10;
+  if ($[12] !== align || $[13] !== side || $[14] !== sideOffset || $[15] !== t9) {
+    t10 = /* @__PURE__ */ jsx(NavigationMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(NavigationMenuPrimitive.Positioner, { align, side, sideOffset, ...t5, children: t9 }) });
+    $[12] = align;
+    $[13] = side;
+    $[14] = sideOffset;
+    $[15] = t9;
+    $[16] = t10;
+  } else {
+    t10 = $[16];
+  }
+  return t10;
 }
 export {
   NavigationMenu,