@atom-learning/components 8.0.2 → 9.0.0-beta.0

package/dist/components/navigation/NavigationMenu.colorscheme.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.colorscheme.config.js","names":[],"sources":["../../../src/components/navigation/NavigationMenu.colorscheme.config.ts"],"sourcesContent":["const light = {\n  '--text': 'var(--color-text-subtle)',\n  '--text-hover': 'var(--color-grey-1000)',\n  '--text-active': 'var(--color-grey-1000)',\n  '--text-selected': 'var(--color-primary-800)',\n  '--text-selected-hover': 'var(--color-primary-800)',\n  '--text-selected-pressed': 'var(--color-primary-800)',\n  '--text-selected-focus': 'var(--color-primary-800)',\n  '--background': 'white',\n  '--background-hover': 'var(--color-grey-100)',\n  '--background-active': 'var(--color-grey-200)',\n  '--background-selected': 'var(--color-primary-100)',\n  '--background-selected-hover': 'var(--color-grey-100)',\n  '--background-selected-pressed': 'var(--color-grey-200)',\n  '--item-text-selected': 'var(--color-grey-900)',\n  '--item-background-selected': 'var(--color-grey-900)',\n  '--trigger-background-open': 'var(--color-grey-200)',\n  '--dropdown-background': 'white'\n}\n\nexport const colorSchemes = {\n  light\n}\n"],"mappings":"AAoBA,IAAa,eAAe,EAC1B,OArBY;CACZ,UAAU;CACV,gBAAgB;CAChB,iBAAiB;CACjB,mBAAmB;CACnB,yBAAyB;CACzB,2BAA2B;CAC3B,yBAAyB;CACzB,gBAAgB;CAChB,sBAAsB;CACtB,uBAAuB;CACvB,yBAAyB;CACzB,+BAA+B;CAC/B,iCAAiC;CACjC,wBAAwB;CACxB,8BAA8B;CAC9B,6BAA6B;CAC7B,yBAAyB;CAC1B,EAIA"}
+{"version":3,"file":"NavigationMenu.colorscheme.config.js","names":[],"sources":["../../../src/components/navigation/NavigationMenu.colorscheme.config.ts"],"sourcesContent":["const light = {\n  '--text': 'var(--color-text-subtle)',\n  '--text-hover': 'var(--color-grey-1000)',\n  '--text-active': 'var(--color-grey-1000)',\n  '--text-selected': 'var(--color-primary-800)',\n  '--text-selected-hover': 'var(--color-primary-800)',\n  '--text-selected-pressed': 'var(--color-primary-800)',\n  '--text-selected-focus': 'var(--color-primary-800)',\n  '--background': 'white',\n  '--background-hover': 'var(--color-grey-100)',\n  '--background-active': 'var(--color-grey-200)',\n  '--background-selected': 'var(--color-primary-100)',\n  '--background-selected-hover': 'var(--color-grey-100)',\n  '--background-selected-pressed': 'var(--color-grey-200)',\n  '--item-text-selected': 'var(--color-grey-900)',\n  '--item-background-selected': 'var(--color-grey-900)',\n  '--trigger-background-open': 'var(--color-grey-200)',\n  '--dropdown-background': 'white'\n}\n\nexport const colorSchemes = {\n  light\n}\n"],"mappings":"AAoBA,IAAa,eAAe,EAC1B;CApBA,UAAU;CACV,gBAAgB;CAChB,iBAAiB;CACjB,mBAAmB;CACnB,yBAAyB;CACzB,2BAA2B;CAC3B,yBAAyB;CACzB,gBAAgB;CAChB,sBAAsB;CACtB,uBAAuB;CACvB,yBAAyB;CACzB,+BAA+B;CAC/B,iCAAiC;CACjC,wBAAwB;CACxB,8BAA8B;CAC9B,6BAA6B;CAC7B,yBAAyB;AAIzB,EACF"}

package/dist/components/navigation/{NavigationMenuContext.d.ts → NavigationMenu.context.d.ts}

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 interface NavigationMenuContextValue {
     onNodeUpdate: (trigger: HTMLButtonElement, itemValue: string) => HTMLButtonElement;
 }

package/dist/components/navigation/NavigationMenu.context.js

@@ -0,0 +1,12 @@
+import * as React$1 from "react";
+//#region src/components/navigation/NavigationMenu.context.tsx
+var NavigationMenuContext = React$1.createContext(void 0);
+var useNavigationMenuContext = () => {
+	const context = React$1.useContext(NavigationMenuContext);
+	if (context === void 0) throw new Error("useNavigationMenuContext must be used within a NavigationMenuContextProvider");
+	return context;
+};
+//#endregion
+export { NavigationMenuContext, useNavigationMenuContext };
+
+//# sourceMappingURL=NavigationMenu.context.js.map

package/dist/components/navigation/NavigationMenu.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.context.js","names":[],"sources":["../../../src/components/navigation/NavigationMenu.context.tsx"],"sourcesContent":["import * as React from 'react'\n\ninterface NavigationMenuContextValue {\n  onNodeUpdate: (\n    trigger: HTMLButtonElement,\n    itemValue: string\n  ) => HTMLButtonElement\n}\n\nexport const NavigationMenuContext = React.createContext<\n  NavigationMenuContextValue | undefined\n>(undefined)\n\nexport const useNavigationMenuContext = (): NavigationMenuContextValue => {\n  const context = React.useContext(NavigationMenuContext)\n\n  if (context === undefined) {\n    throw new Error(\n      'useNavigationMenuContext must be used within a NavigationMenuContextProvider'\n    )\n  }\n\n  return context\n}\n"],"mappings":";;AASA,IAAa,wBAAwB,QAAM,cAEzC,KAAA,CAAS;AAEX,IAAa,iCAA6D;CACxE,MAAM,UAAU,QAAM,WAAW,qBAAqB;CAEtD,IAAI,YAAY,KAAA,GACd,MAAM,IAAI,MACR,8EACF;CAGF,OAAO;AACT"}

package/dist/components/navigation/NavigationMenu.d.ts

@@ -1,26 +1,22 @@
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
-import React from 'react';
-declare const StyledMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, never> & {
-    as?: React.ElementType;
-}>;
+import * as React from 'react';
+import { NavigationMenuLink } from './NavigationMenuLink';
+declare const StyledMenu: import("../..").PolymorphicComponent<React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>>, unknown>;
 export declare const NavigationMenu: {
-    ({ children, className, ...props }: React.ComponentProps<typeof StyledMenu>): React.JSX.Element;
+    ({ children, className, ...rest }: React.ComponentProps<typeof StyledMenu>): React.JSX.Element;
     displayName: string;
 } & {
-    Link: React.ForwardRefExoticComponent<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-        elementType?: "link" | "dropdownItem" | undefined;
-    } & {
-        as?: React.ElementType;
-    }, "elementType"> & {
+    Link: ({ ref, children, href, disabled, className, variant, ...rest }: Omit<React.ComponentProps<import("../..").PolymorphicComponent<React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>, {
+        elementType?: "dropdownItem" | "link" | undefined;
+    }>>, 'elementType'> & {
         disabled?: boolean;
-        variant?: React.ComponentProps<React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-            elementType?: "link" | "dropdownItem" | undefined;
-        } & {
-            as?: React.ElementType;
-        }>>["elementType"];
-    }, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+        variant?: React.ComponentProps<import("../..").PolymorphicComponent<React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>, {
+            elementType?: "dropdownItem" | "link" | undefined;
+        }>>['elementType'];
+        ref?: React.Ref<HTMLAnchorElement>;
+    }) => React.JSX.Element;
     Dropdown: {
-        ({ children, id, ...props }: {
+        ({ children, id, ...rest }: {
             active?: boolean;
             className?: string;
             id: string;
@@ -28,39 +24,20 @@ export declare const NavigationMenu: {
         displayName: string;
     };
     DropdownContent: {
-        ({ children, ...rest }: Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, never> & {
-            as?: React.ElementType;
-        }): React.JSX.Element;
+        ({ children, ...rest }: {
+            as?: never;
+        } & Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "as">): React.JSX.Element;
         displayName: string;
     };
-    DropdownItem: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-        elementType?: "link" | "dropdownItem" | undefined;
-    } & {
-        as?: React.ElementType;
-    }, "elementType"> & {
-        disabled?: boolean;
-        variant?: React.ComponentProps<React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-            elementType?: "link" | "dropdownItem" | undefined;
-        } & {
-            as?: React.ElementType;
-        }>>["elementType"];
-    }, "ref"> & React.RefAttributes<HTMLAnchorElement>>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-    DropdownItemTitle: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "size" | "noCapsize" | "weight" | "family"> & {
-        size?: ("sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl">>) | undefined;
-        noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
-        weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
-        family?: ("display" | "body" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "display" | "body" | "mono">>) | undefined;
-    } & {
-        as?: React.ElementType;
-    }, "as"> & {
-        as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLParagraphElement>, never> & {
-        as?: React.ElementType;
-    }>;
-    DropdownTrigger: React.ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "active"> & {
+    DropdownItem: ({ ref, ...props }: React.PropsWithChildren<React.ComponentProps<typeof NavigationMenuLink>>) => React.JSX.Element;
+    DropdownItemTitle: import("../..").PolymorphicComponent<import("../..").PolymorphicComponent<"p", {
+        size?: ("2xl" | "3xl" | "4xl" | "lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "2xl" | "3xl" | "4xl" | "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
+        noCapsize?: (boolean | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", boolean>>) | undefined;
+        weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "bold" | "normal">>) | undefined;
+        family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "body" | "display" | "mono">>) | undefined;
+    }>, unknown>;
+    DropdownTrigger: ({ ref, children, active, ...rest }: React.ComponentProps<import("../..").PolymorphicComponent<React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>, {
         active?: boolean | undefined;
-    } & {
-        as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    }>>) => React.JSX.Element;
 };
 export {};

package/dist/components/navigation/NavigationMenu.js

@@ -1,12 +1,12 @@
 import { cn, styled } from "../../styled.js";
 import { colorSchemes } from "./NavigationMenu.colorscheme.config.js";
-import { NavigationMenuContext } from "./NavigationMenuContext.js";
+import { NavigationMenuContext } from "./NavigationMenu.context.js";
 import { NavigationMenuDropdownContent } from "./NavigationMenuDropdownContent.js";
 import { NavigationMenuDropdownTrigger } from "./NavigationMenuDropdownTrigger.js";
 import { NavigationMenuDropdown } from "./NavigationMenuDropdown.js";
 import { NavigationMenuLink } from "./NavigationMenuLink.js";
 import { NavigationMenuDropdownItem, NavigationMenuDropdownItemTitle } from "./NavigationMenuDropdownItem.js";
-import React from "react";
+import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 //#region src/components/navigation/NavigationMenu.tsx
@@ -31,15 +31,15 @@ var ViewportPosition = styled("div", { base: [
 	"flex",
 	"justify-center"
 ] });
-var NavigationMenuComponent = ({ children, className, ...props }) => {
-	const [offset, setOffset] = React.useState();
-	const [activeItem, setActiveItem] = React.useState();
-	const [listWidth, setListWidth] = React.useState(0);
-	const listRef = React.useRef(null);
-	React.useLayoutEffect(() => {
+var NavigationMenuComponent = ({ children, className, ...rest }) => {
+	const [offset, setOffset] = React$1.useState();
+	const [activeItem, setActiveItem] = React$1.useState();
+	const [listWidth, setListWidth] = React$1.useState(0);
+	const listRef = React$1.useRef(null);
+	React$1.useLayoutEffect(() => {
 		if (listRef.current) setListWidth(listRef.current.offsetWidth);
-	}, [React.Children.toArray(children).length]);
-	React.useEffect(() => {
+	}, [React$1.Children.toArray(children).length]);
+	React$1.useEffect(() => {
 		let timer;
 		if (activeItem === "") timer = setTimeout(() => setOffset(null), 200);
 		return () => {
@@ -60,7 +60,7 @@ var NavigationMenuComponent = ({ children, className, ...props }) => {
 			className: cn(className),
 			style: colorSchemes["light"],
 			onValueChange: setActiveItem,
-			...props,
+			...rest,
 			children: [/* @__PURE__ */ jsx(StyledList, {
 				ref: listRef,
 				children
@@ -75,7 +75,7 @@ var NavigationMenuComponent = ({ children, className, ...props }) => {
 		})
 	});
 };
-var NavigationMenu = Object.assign(NavigationMenuComponent, {
+var NavigationMenu = /* @__PURE__ */ Object.assign(NavigationMenuComponent, {
 	Link: NavigationMenuLink,
 	Dropdown: NavigationMenuDropdown,
 	DropdownContent: NavigationMenuDropdownContent,

package/dist/components/navigation/NavigationMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.js","names":[],"sources":["../../../src/components/navigation/NavigationMenu.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/styled'\nimport { cn } from '~/styled'\n\nimport { colorSchemes as navigationMenuColorSchemes } from './NavigationMenu.colorscheme.config'\nimport { NavigationMenuContext } from './NavigationMenuContext'\nimport { NavigationMenuDropdown } from './NavigationMenuDropdown'\nimport { NavigationMenuDropdownContent } from './NavigationMenuDropdownContent'\nimport {\n  NavigationMenuDropdownItem,\n  NavigationMenuDropdownItemTitle\n} from './NavigationMenuDropdownItem'\nimport { NavigationMenuDropdownTrigger } from './NavigationMenuDropdownTrigger'\nimport { NavigationMenuLink } from './NavigationMenuLink'\n\nconst StyledMenu = styled(NavigationMenuPrimitive.Root, {\n  base: ['flex', 'justify-center', 'relative']\n})\n\nconst StyledList = styled(NavigationMenuPrimitive.List, {\n  base: ['flex', 'justify-center', 'items-center', 'gap-1', 'list-none']\n})\n\nconst StyledViewport = styled(NavigationMenuPrimitive.Viewport, {\n  base: ['z-2147483647']\n})\n\nconst ViewportPosition = styled('div', {\n  base: ['absolute', 'left-0', 'top-full', 'w-full', 'flex', 'justify-center']\n})\n\nconst NavigationMenuComponent = ({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<typeof StyledMenu>) => {\n  const [offset, setOffset] = React.useState<number | null | undefined>()\n  const [activeItem, setActiveItem] = React.useState<string | undefined>()\n  const [listWidth, setListWidth] = React.useState(0)\n  const listRef = React.useRef<HTMLUListElement>(null)\n\n  React.useLayoutEffect(() => {\n    if (listRef.current) {\n      setListWidth(listRef.current.offsetWidth)\n    }\n  }, [React.Children.toArray(children).length])\n\n  React.useEffect(() => {\n    let timer: ReturnType<typeof setTimeout>\n\n    // Delay transitioning back to initial position\n    // to allow enough time for fadeOut animation to complete\n    if (activeItem === '') {\n      timer = setTimeout(() => setOffset(null), 200)\n    }\n\n    return () => {\n      if (timer !== null) {\n        clearTimeout(timer)\n      }\n    }\n  }, [activeItem])\n\n  // https://github.com/radix-ui/primitives/issues/1462\n  const onNodeUpdate = (trigger: HTMLButtonElement, itemValue: string) => {\n    if (trigger && listWidth && activeItem === itemValue) {\n      const listCenter = listWidth / 2\n\n      const triggerOffsetRight =\n        listWidth -\n        trigger.offsetLeft -\n        trigger.offsetWidth +\n        trigger.offsetWidth / 2\n\n      setOffset(Math.round(listCenter - triggerOffsetRight))\n    }\n\n    return trigger\n  }\n\n  return (\n    <NavigationMenuContext.Provider value={{ onNodeUpdate }}>\n      <StyledMenu\n        className={cn(className)}\n        style={navigationMenuColorSchemes['light']}\n        onValueChange={setActiveItem}\n        {...props}\n      >\n        <StyledList ref={listRef}>{children}</StyledList>\n        <ViewportPosition>\n          <StyledViewport\n            style={{ '--navigation-menu-viewport-offset': `${offset || 0}px` }}\n            className={cn([\n              'data-[state=open]:animate-fade-in',\n              'data-[state=closed]:animate-fade-out',\n              'translate-x-(--navigation-menu-viewport-offset)'\n            ])}\n          />\n        </ViewportPosition>\n      </StyledMenu>\n    </NavigationMenuContext.Provider>\n  )\n}\n\nexport const NavigationMenu = Object.assign(NavigationMenuComponent, {\n  Link: NavigationMenuLink,\n  Dropdown: NavigationMenuDropdown,\n  DropdownContent: NavigationMenuDropdownContent,\n  DropdownItem: NavigationMenuDropdownItem,\n  DropdownItemTitle: NavigationMenuDropdownItemTitle,\n  DropdownTrigger: NavigationMenuDropdownTrigger\n})\n\nNavigationMenuComponent.displayName = 'NavigationMenu'\n"],"mappings":";;;;;;;;;;;;AAiBA,IAAM,aAAa,OAAO,wBAAwB,MAAM,EACtD,MAAM;CAAC;CAAQ;CAAkB;CAAW,EAC7C,CAAC;AAEF,IAAM,aAAa,OAAO,wBAAwB,MAAM,EACtD,MAAM;CAAC;CAAQ;CAAkB;CAAgB;CAAS;CAAY,EACvE,CAAC;AAEF,IAAM,iBAAiB,OAAO,wBAAwB,UAAU,EAC9D,MAAM,CAAC,eAAe,EACvB,CAAC;AAEF,IAAM,mBAAmB,OAAO,OAAO,EACrC,MAAM;CAAC;CAAY;CAAU;CAAY;CAAU;CAAQ;CAAiB,EAC7E,CAAC;AAEF,IAAM,2BAA2B,EAC/B,UACA,WACA,GAAG,YAC0C;CAC7C,MAAM,CAAC,QAAQ,aAAa,MAAM,UAAqC;CACvE,MAAM,CAAC,YAAY,iBAAiB,MAAM,UAA8B;CACxE,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,EAAE;CACnD,MAAM,UAAU,MAAM,OAAyB,KAAK;AAEpD,OAAM,sBAAsB;AAC1B,MAAI,QAAQ,QACV,cAAa,QAAQ,QAAQ,YAAY;IAE1C,CAAC,MAAM,SAAS,QAAQ,SAAS,CAAC,OAAO,CAAC;AAE7C,OAAM,gBAAgB;EACpB,IAAI;AAIJ,MAAI,eAAe,GACjB,SAAQ,iBAAiB,UAAU,KAAK,EAAE,IAAI;AAGhD,eAAa;AACX,OAAI,UAAU,KACZ,cAAa,MAAM;;IAGtB,CAAC,WAAW,CAAC;CAGhB,MAAM,gBAAgB,SAA4B,cAAsB;AACtE,MAAI,WAAW,aAAa,eAAe,WAAW;GACpD,MAAM,aAAa,YAAY;GAE/B,MAAM,qBACJ,YACA,QAAQ,aACR,QAAQ,cACR,QAAQ,cAAc;AAExB,aAAU,KAAK,MAAM,aAAa,mBAAmB,CAAC;;AAGxD,SAAO;;AAGT,QACE,oBAAC,sBAAsB,UAAvB;EAAgC,OAAO,EAAE,cAAc;YACrD,qBAAC,YAAD;GACE,WAAW,GAAG,UAAU;GACxB,OAAO,aAA2B;GAClC,eAAe;GACf,GAAI;aAJN,CAME,oBAAC,YAAD;IAAY,KAAK;IAAU;IAAsB,CAAA,EACjD,oBAAC,kBAAD,EAAA,UACE,oBAAC,gBAAD;IACE,OAAO,EAAE,qCAAqC,GAAG,UAAU,EAAE,KAAK;IAClE,WAAW,GAAG;KACZ;KACA;KACA;KACD,CAAC;IACF,CAAA,EACe,CAAA,CACR;;EACkB,CAAA;;AAIrC,IAAa,iBAAiB,OAAO,OAAO,yBAAyB;CACnE,MAAM;CACN,UAAU;CACV,iBAAiB;CACjB,cAAc;CACd,mBAAmB;CACnB,iBAAiB;CAClB,CAAC;AAEF,wBAAwB,cAAc"}
+{"version":3,"file":"NavigationMenu.js","names":[],"sources":["../../../src/components/navigation/NavigationMenu.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as React from 'react'\n\nimport { styled, cn } from '../../styled'\nimport { colorSchemes as navigationMenuColorSchemes } from './NavigationMenu.colorscheme.config'\nimport { NavigationMenuContext } from './NavigationMenu.context'\nimport { NavigationMenuDropdown } from './NavigationMenuDropdown'\nimport { NavigationMenuDropdownContent } from './NavigationMenuDropdownContent'\nimport {\n  NavigationMenuDropdownItem,\n  NavigationMenuDropdownItemTitle\n} from './NavigationMenuDropdownItem'\nimport { NavigationMenuDropdownTrigger } from './NavigationMenuDropdownTrigger'\nimport { NavigationMenuLink } from './NavigationMenuLink'\n\nconst StyledMenu = styled(NavigationMenuPrimitive.Root, {\n  base: ['flex', 'justify-center', 'relative']\n})\n\nconst StyledList = styled(NavigationMenuPrimitive.List, {\n  base: ['flex', 'justify-center', 'items-center', 'gap-1', 'list-none']\n})\n\nconst StyledViewport = styled(NavigationMenuPrimitive.Viewport, {\n  base: ['z-2147483647']\n})\n\nconst ViewportPosition = styled('div', {\n  base: ['absolute', 'left-0', 'top-full', 'w-full', 'flex', 'justify-center']\n})\n\nconst NavigationMenuComponent = ({\n  children,\n  className,\n  ...rest\n}: React.ComponentProps<typeof StyledMenu>) => {\n  const [offset, setOffset] = React.useState<number | null | undefined>()\n  const [activeItem, setActiveItem] = React.useState<string | undefined>()\n  const [listWidth, setListWidth] = React.useState(0)\n  const listRef = React.useRef<HTMLUListElement>(null)\n\n  React.useLayoutEffect(() => {\n    if (listRef.current) {\n      setListWidth(listRef.current.offsetWidth)\n    }\n  }, [React.Children.toArray(children).length])\n\n  React.useEffect(() => {\n    let timer: ReturnType<typeof setTimeout>\n\n    // Delay transitioning back to initial position\n    // to allow enough time for fadeOut animation to complete\n    if (activeItem === '') {\n      timer = setTimeout(() => setOffset(null), 200)\n    }\n\n    return () => {\n      if (timer !== null) {\n        clearTimeout(timer)\n      }\n    }\n  }, [activeItem])\n\n  // https://github.com/radix-ui/primitives/issues/1462\n  const onNodeUpdate = (trigger: HTMLButtonElement, itemValue: string) => {\n    if (trigger && listWidth && activeItem === itemValue) {\n      const listCenter = listWidth / 2\n\n      const triggerOffsetRight =\n        listWidth -\n        trigger.offsetLeft -\n        trigger.offsetWidth +\n        trigger.offsetWidth / 2\n\n      setOffset(Math.round(listCenter - triggerOffsetRight))\n    }\n\n    return trigger\n  }\n\n  return (\n    <NavigationMenuContext.Provider value={{ onNodeUpdate }}>\n      <StyledMenu\n        className={cn(className)}\n        style={navigationMenuColorSchemes['light']}\n        onValueChange={setActiveItem}\n        {...rest}\n      >\n        <StyledList ref={listRef}>{children}</StyledList>\n        <ViewportPosition>\n          <StyledViewport\n            style={{ '--navigation-menu-viewport-offset': `${offset || 0}px` }}\n            className={cn([\n              'data-[state=open]:animate-fade-in',\n              'data-[state=closed]:animate-fade-out',\n              'translate-x-(--navigation-menu-viewport-offset)'\n            ])}\n          />\n        </ViewportPosition>\n      </StyledMenu>\n    </NavigationMenuContext.Provider>\n  )\n}\n\nexport const NavigationMenu = /* @__PURE__ */ Object.assign(\n  NavigationMenuComponent,\n  {\n    Link: NavigationMenuLink,\n    Dropdown: NavigationMenuDropdown,\n    DropdownContent: NavigationMenuDropdownContent,\n    DropdownItem: NavigationMenuDropdownItem,\n    DropdownItemTitle: NavigationMenuDropdownItemTitle,\n    DropdownTrigger: NavigationMenuDropdownTrigger\n  }\n)\n\nNavigationMenuComponent.displayName = 'NavigationMenu'\n"],"mappings":";;;;;;;;;;;;AAeA,IAAM,aAAa,OAAO,wBAAwB,MAAM,EACtD,MAAM;CAAC;CAAQ;CAAkB;AAAU,EAC7C,CAAC;AAED,IAAM,aAAa,OAAO,wBAAwB,MAAM,EACtD,MAAM;CAAC;CAAQ;CAAkB;CAAgB;CAAS;AAAW,EACvE,CAAC;AAED,IAAM,iBAAiB,OAAO,wBAAwB,UAAU,EAC9D,MAAM,CAAC,cAAc,EACvB,CAAC;AAED,IAAM,mBAAmB,OAAO,OAAO,EACrC,MAAM;CAAC;CAAY;CAAU;CAAY;CAAU;CAAQ;AAAgB,EAC7E,CAAC;AAED,IAAM,2BAA2B,EAC/B,UACA,WACA,GAAG,WAC0C;CAC7C,MAAM,CAAC,QAAQ,aAAa,QAAM,SAAoC;CACtE,MAAM,CAAC,YAAY,iBAAiB,QAAM,SAA6B;CACvE,MAAM,CAAC,WAAW,gBAAgB,QAAM,SAAS,CAAC;CAClD,MAAM,UAAU,QAAM,OAAyB,IAAI;CAEnD,QAAM,sBAAsB;EAC1B,IAAI,QAAQ,SACV,aAAa,QAAQ,QAAQ,WAAW;CAE5C,GAAG,CAAC,QAAM,SAAS,QAAQ,QAAQ,CAAC,CAAC,MAAM,CAAC;CAE5C,QAAM,gBAAgB;EACpB,IAAI;EAIJ,IAAI,eAAe,IACjB,QAAQ,iBAAiB,UAAU,IAAI,GAAG,GAAG;EAG/C,aAAa;GACX,IAAI,UAAU,MACZ,aAAa,KAAK;EAEtB;CACF,GAAG,CAAC,UAAU,CAAC;CAGf,MAAM,gBAAgB,SAA4B,cAAsB;EACtE,IAAI,WAAW,aAAa,eAAe,WAAW;GACpD,MAAM,aAAa,YAAY;GAE/B,MAAM,qBACJ,YACA,QAAQ,aACR,QAAQ,cACR,QAAQ,cAAc;GAExB,UAAU,KAAK,MAAM,aAAa,kBAAkB,CAAC;EACvD;EAEA,OAAO;CACT;CAEA,OACE,oBAAC,sBAAsB,UAAvB;EAAgC,OAAO,EAAE,aAAa;YACpD,qBAAC,YAAD;GACE,WAAW,GAAG,SAAS;GACvB,OAAO,aAA2B;GAClC,eAAe;GACf,GAAI;aAJN,CAME,oBAAC,YAAD;IAAY,KAAK;IAAU;GAAqB,CAAA,GAChD,oBAAC,kBAAD,EAAA,UACE,oBAAC,gBAAD;IACE,OAAO,EAAE,qCAAqC,GAAG,UAAU,EAAE,IAAI;IACjE,WAAW,GAAG;KACZ;KACA;KACA;IACF,CAAC;GACF,CAAA,EACe,CAAA,CACR;;CACkB,CAAA;AAEpC;AAEA,IAAa,iBAAiC,uBAAO,OACnD,yBACA;CACE,MAAM;CACN,UAAU;CACV,iBAAiB;CACjB,cAAc;CACd,mBAAmB;CACnB,iBAAiB;AACnB,CACF;AAEA,wBAAwB,cAAc"}

package/dist/components/navigation/NavigationMenu.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.styles.js","names":[],"sources":["../../../src/components/navigation/NavigationMenu.styles.ts"],"sourcesContent":["export const navigationMenuBaseItemStyles = [\n  'relative',\n  'text-(--text)',\n  'outline-none',\n  'cursor-pointer',\n  'font-body',\n  'select-none',\n  'p-3',\n  'rounded-md',\n  'bg-(--background)',\n  'hover:bg-(--background-hover)',\n  'hover:text-(--text-hover)',\n  'active:bg-(--background-active)',\n  'active:text-(--text-active)',\n  'focus-visible:inset-shadow-[0_0_0_2px_var(--color-primary-800)]',\n  'disabled:bg-none',\n  'disabled:cursor-default',\n  'disabled:opacity-[30%]',\n  'disabled:text-(--text)'\n]\n\nexport const navigationMenuActiveItemStyles = [\n  'font-semibold',\n  'text-item-(--background-selected)',\n  'after:-translate-x-1/2',\n  'after:absolute',\n  'after:bg-item-(--background-selected)',\n  'after:block',\n  'after:bottom-0',\n  'after:h-0.5',\n  'after:left-1/2',\n  'after:rounded-md',\n  'after:translate-y-0',\n  'after:w-6'\n]\n"],"mappings":";AAAA,IAAa,+BAA+B;CAC1C;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,IAAa,iCAAiC;CAC5C;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"NavigationMenu.styles.js","names":[],"sources":["../../../src/components/navigation/NavigationMenu.styles.ts"],"sourcesContent":["export const navigationMenuBaseItemStyles = [\n  'relative',\n  'text-(--text)',\n  'outline-none',\n  'cursor-pointer',\n  'font-body',\n  'select-none',\n  'p-3',\n  'rounded-md',\n  'bg-(--background)',\n  'hover:bg-(--background-hover)',\n  'hover:text-(--text-hover)',\n  'active:bg-(--background-active)',\n  'active:text-(--text-active)',\n  'focus-visible:inset-shadow-[0_0_0_2px_var(--color-primary-800)]',\n  'disabled:bg-none',\n  'disabled:cursor-default',\n  'disabled:opacity-[30%]',\n  'disabled:text-(--text)'\n]\n\nexport const navigationMenuActiveItemStyles = [\n  'font-semibold',\n  'text-item-(--background-selected)',\n  'after:-translate-x-1/2',\n  'after:absolute',\n  'after:bg-item-(--background-selected)',\n  'after:block',\n  'after:bottom-0',\n  'after:h-0.5',\n  'after:left-1/2',\n  'after:rounded-md',\n  'after:translate-y-0',\n  'after:w-6'\n]\n"],"mappings":";AAAA,IAAa,+BAA+B;CAC1C;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,IAAa,iCAAiC;CAC5C;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}

package/dist/components/navigation/NavigationMenuDropdown.d.ts

@@ -4,8 +4,8 @@ type NavigationMenuDropdownProps = {
     className?: string;
     id: string;
 } & React.HTMLProps<HTMLButtonElement>;
-export declare const NavigationMenuDropdown: {
-    ({ children, id, ...props }: NavigationMenuDropdownProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function NavigationMenuDropdown({ children, id, ...rest }: NavigationMenuDropdownProps): React.JSX.Element;
+export declare namespace NavigationMenuDropdown {
+    var displayName: string;
+}
 export {};

package/dist/components/navigation/NavigationMenuDropdown.js

@@ -1,11 +1,11 @@
-import { useNavigationMenuContext } from "./NavigationMenuContext.js";
+import { useNavigationMenuContext } from "./NavigationMenu.context.js";
 import { NavigationMenuDropdownContent } from "./NavigationMenuDropdownContent.js";
 import { NavigationMenuDropdownTrigger } from "./NavigationMenuDropdownTrigger.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 //#region src/components/navigation/NavigationMenuDropdown.tsx
-var NavigationMenuDropdown = ({ children, id, ...props }) => {
+var NavigationMenuDropdown = ({ children, id, ...rest }) => {
 	const { onNodeUpdate } = useNavigationMenuContext();
 	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Item, {
 		value: id,
@@ -14,7 +14,7 @@ var NavigationMenuDropdown = ({ children, id, ...props }) => {
 			const isContent = React.isValidElement(child) && child.type === NavigationMenuDropdownContent;
 			if (!isTrigger && !isContent) throw new Error("Only NavigationMenu.Trigger and NavigationMenu.Content can be the passed as a \"children\" of NavigationMenu.Dropdown");
 			return isTrigger ? React.cloneElement(child, {
-				...props,
+				...rest,
 				ref: (node) => {
 					onNodeUpdate(node, id);
 				}

package/dist/components/navigation/NavigationMenuDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuDropdown.js","names":[],"sources":["../../../src/components/navigation/NavigationMenuDropdown.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React, { ComponentProps, ReactElement } from 'react'\n\nimport { useNavigationMenuContext } from './NavigationMenuContext'\nimport { NavigationMenuDropdownContent } from './NavigationMenuDropdownContent'\nimport { NavigationMenuDropdownTrigger } from './NavigationMenuDropdownTrigger'\n\ntype NavigationMenuDropdownProps = {\n  active?: boolean\n  className?: string\n  id: string\n} & React.HTMLProps<HTMLButtonElement>\n\ntype DropdownTriggerProps = ComponentProps<typeof NavigationMenuDropdownTrigger>\n\nexport const NavigationMenuDropdown = ({\n  children,\n  id,\n  ...props\n}: NavigationMenuDropdownProps) => {\n  const { onNodeUpdate } = useNavigationMenuContext()\n\n  return (\n    <NavigationMenuPrimitive.Item value={id}>\n      {React.Children.map(children, (child) => {\n        const isTrigger =\n          React.isValidElement(child) &&\n          child.type === NavigationMenuDropdownTrigger\n        const isContent =\n          React.isValidElement(child) &&\n          child.type === NavigationMenuDropdownContent\n\n        if (!isTrigger && !isContent) {\n          throw new Error(\n            'Only NavigationMenu.Trigger and NavigationMenu.Content can be the passed as a \"children\" of NavigationMenu.Dropdown'\n          )\n        }\n        return isTrigger\n          ? React.cloneElement(\n              child as ReactElement<DropdownTriggerProps>,\n              {\n                ...props,\n                ref: (node: HTMLButtonElement) => {\n                  onNodeUpdate(node, id)\n                }\n              } as React.PropsWithRef<DropdownTriggerProps>\n            )\n          : child\n      })}\n    </NavigationMenuPrimitive.Item>\n  )\n}\n\nNavigationMenuDropdown.displayName = 'NavigationMenuDropdown'\n"],"mappings":";;;;;;;AAeA,IAAa,0BAA0B,EACrC,UACA,IACA,GAAG,YAC8B;CACjC,MAAM,EAAE,iBAAiB,0BAA0B;AAEnD,QACE,oBAAC,wBAAwB,MAAzB;EAA8B,OAAO;YAClC,MAAM,SAAS,IAAI,WAAW,UAAU;GACvC,MAAM,YACJ,MAAM,eAAe,MAAM,IAC3B,MAAM,SAAS;GACjB,MAAM,YACJ,MAAM,eAAe,MAAM,IAC3B,MAAM,SAAS;AAEjB,OAAI,CAAC,aAAa,CAAC,UACjB,OAAM,IAAI,MACR,wHACD;AAEH,UAAO,YACH,MAAM,aACJ,OACA;IACE,GAAG;IACH,MAAM,SAA4B;AAChC,kBAAa,MAAM,GAAG;;IAEzB,CACF,GACD;IACJ;EAC2B,CAAA;;AAInC,uBAAuB,cAAc"}
+{"version":3,"file":"NavigationMenuDropdown.js","names":[],"sources":["../../../src/components/navigation/NavigationMenuDropdown.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React, { type ComponentProps, type ReactElement } from 'react'\n\nimport { useNavigationMenuContext } from './NavigationMenu.context'\nimport { NavigationMenuDropdownContent } from './NavigationMenuDropdownContent'\nimport { NavigationMenuDropdownTrigger } from './NavigationMenuDropdownTrigger'\n\ntype NavigationMenuDropdownProps = {\n  active?: boolean\n  className?: string\n  id: string\n} & React.HTMLProps<HTMLButtonElement>\n\ntype DropdownTriggerProps = ComponentProps<typeof NavigationMenuDropdownTrigger>\n\nexport const NavigationMenuDropdown = ({\n  children,\n  id,\n  ...rest\n}: NavigationMenuDropdownProps) => {\n  const { onNodeUpdate } = useNavigationMenuContext()\n\n  return (\n    <NavigationMenuPrimitive.Item value={id}>\n      {React.Children.map(children, (child) => {\n        const isTrigger =\n          React.isValidElement(child) &&\n          child.type === NavigationMenuDropdownTrigger\n        const isContent =\n          React.isValidElement(child) &&\n          child.type === NavigationMenuDropdownContent\n\n        if (!isTrigger && !isContent) {\n          throw new Error(\n            'Only NavigationMenu.Trigger and NavigationMenu.Content can be the passed as a \"children\" of NavigationMenu.Dropdown'\n          )\n        }\n        return isTrigger\n          ? React.cloneElement(\n              child as ReactElement<DropdownTriggerProps>,\n              {\n                ...rest,\n                ref: (node: HTMLButtonElement) => {\n                  onNodeUpdate(node, id)\n                }\n              } as React.PropsWithRef<DropdownTriggerProps>\n            )\n          : child\n      })}\n    </NavigationMenuPrimitive.Item>\n  )\n}\n\nNavigationMenuDropdown.displayName = 'NavigationMenuDropdown'\n"],"mappings":";;;;;;;AAeA,IAAa,0BAA0B,EACrC,UACA,IACA,GAAG,WAC8B;CACjC,MAAM,EAAE,iBAAiB,yBAAyB;CAElD,OACE,oBAAC,wBAAwB,MAAzB;EAA8B,OAAO;YAClC,MAAM,SAAS,IAAI,WAAW,UAAU;GACvC,MAAM,YACJ,MAAM,eAAe,KAAK,KAC1B,MAAM,SAAS;GACjB,MAAM,YACJ,MAAM,eAAe,KAAK,KAC1B,MAAM,SAAS;GAEjB,IAAI,CAAC,aAAa,CAAC,WACjB,MAAM,IAAI,MACR,uHACF;GAEF,OAAO,YACH,MAAM,aACJ,OACA;IACE,GAAG;IACH,MAAM,SAA4B;KAChC,aAAa,MAAM,EAAE;IACvB;GACF,CACF,IACA;EACN,CAAC;CAC2B,CAAA;AAElC;AAEA,uBAAuB,cAAc"}

package/dist/components/navigation/NavigationMenuDropdownContent.d.ts

@@ -1,11 +1,9 @@
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
-import React from 'react';
-declare const StyledContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, never> & {
-    as?: React.ElementType;
-}>;
+import * as React from 'react';
+declare const StyledContent: import("../..").PolymorphicComponent<React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>>, unknown>;
 type NavigationMenuDropdownContentProps = React.ComponentProps<typeof StyledContent>;
-export declare const NavigationMenuDropdownContent: {
-    ({ children, ...rest }: NavigationMenuDropdownContentProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function NavigationMenuDropdownContent({ children, ...rest }: NavigationMenuDropdownContentProps): React.JSX.Element;
+export declare namespace NavigationMenuDropdownContent {
+    var displayName: string;
+}
 export {};

package/dist/components/navigation/NavigationMenuDropdownContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuDropdownContent.js","names":[],"sources":["../../../src/components/navigation/NavigationMenuDropdownContent.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/styled'\nimport { preventEvent } from '~/utilities/event/preventEvent'\n\nconst StyledContent = styled(NavigationMenuPrimitive.Content, {\n  base: ['p-3', 'bg-(--dropdown-background)', 'mt-1', 'shadow-md', 'rounded-md']\n})\n\ntype NavigationMenuDropdownContentProps = React.ComponentProps<\n  typeof StyledContent\n>\n\nexport const NavigationMenuDropdownContent = ({\n  children,\n  ...rest\n}: NavigationMenuDropdownContentProps) => (\n  <StyledContent\n    onPointerMove={preventEvent}\n    onPointerLeave={preventEvent}\n    {...rest}\n  >\n    <ul>{children}</ul>\n  </StyledContent>\n)\n\nNavigationMenuDropdownContent.displayName = 'NavigationMenuDropdownContent'\n"],"mappings":";;;;;;AAMA,IAAM,gBAAgB,OAAO,wBAAwB,SAAS,EAC5D,MAAM;CAAC;CAAO;CAA8B;CAAQ;CAAa;CAAa,EAC/E,CAAC;AAMF,IAAa,iCAAiC,EAC5C,UACA,GAAG,WAEH,oBAAC,eAAD;CACE,eAAe;CACf,gBAAgB;CAChB,GAAI;WAEJ,oBAAC,MAAD,EAAK,UAAc,CAAA;CACL,CAAA;AAGlB,8BAA8B,cAAc"}
+{"version":3,"file":"NavigationMenuDropdownContent.js","names":[],"sources":["../../../src/components/navigation/NavigationMenuDropdownContent.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { preventEvent } from '../../utilities/event/preventEvent'\n\nconst StyledContent = styled(NavigationMenuPrimitive.Content, {\n  base: ['p-3', 'bg-(--dropdown-background)', 'mt-1', 'shadow-md', 'rounded-md']\n})\n\ntype NavigationMenuDropdownContentProps = React.ComponentProps<\n  typeof StyledContent\n>\n\nexport const NavigationMenuDropdownContent = ({\n  children,\n  ...rest\n}: NavigationMenuDropdownContentProps) => (\n  <StyledContent\n    onPointerMove={preventEvent}\n    onPointerLeave={preventEvent}\n    {...rest}\n  >\n    <ul>{children}</ul>\n  </StyledContent>\n)\n\nNavigationMenuDropdownContent.displayName = 'NavigationMenuDropdownContent'\n"],"mappings":";;;;;;AAMA,IAAM,gBAAgB,OAAO,wBAAwB,SAAS,EAC5D,MAAM;CAAC;CAAO;CAA8B;CAAQ;CAAa;AAAY,EAC/E,CAAC;AAMD,IAAa,iCAAiC,EAC5C,UACA,GAAG,WAEH,oBAAC,eAAD;CACE,eAAe;CACf,gBAAgB;CAChB,GAAI;WAEJ,oBAAC,MAAD,EAAK,SAAa,CAAA;AACL,CAAA;AAGjB,8BAA8B,cAAc"}

package/dist/components/navigation/NavigationMenuDropdownItem.d.ts

@@ -1,25 +1,9 @@
-import React from 'react';
-export declare const NavigationMenuDropdownItem: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Omit<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-    elementType?: "link" | "dropdownItem" | undefined;
-} & {
-    as?: React.ElementType;
-}, "elementType"> & {
-    disabled?: boolean;
-    variant?: React.ComponentProps<React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-        elementType?: "link" | "dropdownItem" | undefined;
-    } & {
-        as?: React.ElementType;
-    }>>["elementType"];
-}, "ref"> & React.RefAttributes<HTMLAnchorElement>>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export declare const NavigationMenuDropdownItemTitle: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "size" | "noCapsize" | "weight" | "family"> & {
-    size?: ("sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl">>) | undefined;
-    noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
-    weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
-    family?: ("display" | "body" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "display" | "body" | "mono">>) | undefined;
-} & {
-    as?: React.ElementType;
-}, "as"> & {
-    as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLParagraphElement>, never> & {
-    as?: React.ElementType;
-}>;
+import * as React from 'react';
+import { NavigationMenuLink } from './NavigationMenuLink';
+export declare const NavigationMenuDropdownItem: ({ ref, ...props }: React.PropsWithChildren<React.ComponentProps<typeof NavigationMenuLink>>) => React.JSX.Element;
+export declare const NavigationMenuDropdownItemTitle: import("../..").PolymorphicComponent<import("../..").PolymorphicComponent<"p", {
+    size?: ("2xl" | "3xl" | "4xl" | "lg" | "md" | "sm" | "xl" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "2xl" | "3xl" | "4xl" | "lg" | "md" | "sm" | "xl" | "xs">>) | undefined;
+    noCapsize?: (boolean | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", boolean>>) | undefined;
+    weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "bold" | "normal">>) | undefined;
+    family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "body" | "display" | "mono">>) | undefined;
+}>, unknown>;

package/dist/components/navigation/NavigationMenuDropdownItem.js

@@ -1,18 +1,15 @@
 import { styled } from "../../styled.js";
 import { Text } from "../text/Text.js";
 import { NavigationMenuLink } from "./NavigationMenuLink.js";
-import React from "react";
+import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/navigation/NavigationMenuDropdownItem.tsx
-var NavigationMenuDropdownItem = React.forwardRef((props, forwardedRef) => {
-	return /* @__PURE__ */ jsx(NavigationMenuLink, {
-		ref: forwardedRef,
-		variant: "dropdownItem",
-		...props
-	});
+var NavigationMenuDropdownItem = ({ ref, ...props }) => /* @__PURE__ */ jsx(NavigationMenuLink, {
+	ref,
+	variant: "dropdownItem",
+	...props
 });
 var NavigationMenuDropdownItemTitle = styled(Text, { base: ["text-grey-900", "font-semibold"] });
-NavigationMenuDropdownItem.displayName = "NavigationMenuDropdownItem";
 NavigationMenuDropdownItemTitle.displayName = "NavigationMenuDropdownItemTitle";
 //#endregion
 export { NavigationMenuDropdownItem, NavigationMenuDropdownItemTitle };

package/dist/components/navigation/NavigationMenuDropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuDropdownItem.js","names":[],"sources":["../../../src/components/navigation/NavigationMenuDropdownItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../text/Text'\nimport { NavigationMenuLink } from './NavigationMenuLink'\n\nexport const NavigationMenuDropdownItem = React.forwardRef<\n  HTMLAnchorElement,\n  React.PropsWithChildren<React.ComponentProps<typeof NavigationMenuLink>>\n>((props, forwardedRef) => {\n  return (\n    <NavigationMenuLink ref={forwardedRef} variant=\"dropdownItem\" {...props} />\n  )\n})\n\nexport const NavigationMenuDropdownItemTitle = styled(Text, {\n  base: ['text-grey-900', 'font-semibold']\n})\n\nNavigationMenuDropdownItem.displayName = 'NavigationMenuDropdownItem'\nNavigationMenuDropdownItemTitle.displayName = 'NavigationMenuDropdownItemTitle'\n"],"mappings":";;;;;;AAOA,IAAa,6BAA6B,MAAM,YAG7C,OAAO,iBAAiB;AACzB,QACE,oBAAC,oBAAD;EAAoB,KAAK;EAAc,SAAQ;EAAe,GAAI;EAAS,CAAA;EAE7E;AAEF,IAAa,kCAAkC,OAAO,MAAM,EAC1D,MAAM,CAAC,iBAAiB,gBAAgB,EACzC,CAAC;AAEF,2BAA2B,cAAc;AACzC,gCAAgC,cAAc"}
+{"version":3,"file":"NavigationMenuDropdownItem.js","names":[],"sources":["../../../src/components/navigation/NavigationMenuDropdownItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { Text } from '../text/Text'\nimport { NavigationMenuLink } from './NavigationMenuLink'\n\nexport const NavigationMenuDropdownItem = ({\n  ref,\n  ...props\n}: React.PropsWithChildren<\n  React.ComponentProps<typeof NavigationMenuLink>\n>) => <NavigationMenuLink ref={ref} variant=\"dropdownItem\" {...props} />\n\nexport const NavigationMenuDropdownItemTitle = styled(Text, {\n  base: ['text-grey-900', 'font-semibold']\n})\n\nNavigationMenuDropdownItemTitle.displayName = 'NavigationMenuDropdownItemTitle'\n"],"mappings":";;;;;;AAMA,IAAa,8BAA8B,EACzC,KACA,GAAG,YAGC,oBAAC,oBAAD;CAAyB;CAAK,SAAQ;CAAe,GAAI;AAAQ,CAAA;AAEvE,IAAa,kCAAkC,OAAO,MAAM,EAC1D,MAAM,CAAC,iBAAiB,eAAe,EACzC,CAAC;AAED,gCAAgC,cAAc"}

package/dist/components/navigation/NavigationMenuDropdownTrigger.d.ts

@@ -1,7 +1,7 @@
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
-import React from 'react';
-export declare const NavigationMenuDropdownTrigger: React.ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "active"> & {
+import * as React from 'react';
+declare const StyledTrigger: import("../..").PolymorphicComponent<React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>, {
     active?: boolean | undefined;
-} & {
-    as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+}>;
+export declare const NavigationMenuDropdownTrigger: ({ ref, children, active, ...rest }: React.ComponentProps<typeof StyledTrigger>) => React.JSX.Element;
+export {};

package/dist/components/navigation/NavigationMenuDropdownTrigger.js

@@ -2,7 +2,7 @@ import { cn, styled } from "../../styled.js";
 import { Icon } from "../icon/Icon.js";
 import { preventEvent } from "../../utilities/event/preventEvent.js";
 import { navigationMenuActiveItemStyles, navigationMenuBaseItemStyles } from "./NavigationMenu.styles.js";
-import React from "react";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "@atom-learning/icons";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
@@ -18,10 +18,10 @@ var StyledTrigger = styled(NavigationMenuPrimitive.Trigger, {
 	],
 	variants: { active: { true: navigationMenuActiveItemStyles } }
 });
-var NavigationMenuDropdownTrigger = React.forwardRef(({ children, active, ...props }, forwardedRef) => /* @__PURE__ */ jsxs(StyledTrigger, {
+var NavigationMenuDropdownTrigger = ({ ref, children, active, ...rest }) => /* @__PURE__ */ jsxs(StyledTrigger, {
 	active,
-	...props,
-	ref: forwardedRef,
+	...rest,
+	ref,
 	onPointerMove: preventEvent,
 	onPointerLeave: preventEvent,
 	children: [children, /* @__PURE__ */ jsx(Icon, {
@@ -29,8 +29,7 @@ var NavigationMenuDropdownTrigger = React.forwardRef(({ children, active, ...pro
 		size: "sm",
 		className: cn("ml-1", "in-data-[state=open]:-rotate-180", "motion-safe:duration-200", "motion-safe:ease-in", "motion-safe:transition-transform")
 	})]
-}));
-NavigationMenuDropdownTrigger.displayName = "NavigationMenuDropdownTrigger";
+});
 //#endregion
 export { NavigationMenuDropdownTrigger };
 

package/dist/components/navigation/NavigationMenuDropdownTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuDropdownTrigger.js","names":[],"sources":["../../../src/components/navigation/NavigationMenuDropdownTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/styled'\nimport { cn } from '~/styled'\nimport { preventEvent } from '~/utilities/event/preventEvent'\n\nimport { Icon } from '../icon/Icon'\nimport {\n  navigationMenuActiveItemStyles,\n  navigationMenuBaseItemStyles\n} from './NavigationMenu.styles'\n\nconst StyledTrigger = styled(NavigationMenuPrimitive.Trigger, {\n  base: [\n    ...navigationMenuBaseItemStyles,\n    'flex',\n    'items-center',\n    'rounded-md',\n    'justify-between',\n    'data-[state=open]:bg-(--trigger-background-open)'\n  ],\n  variants: {\n    active: {\n      true: navigationMenuActiveItemStyles\n    }\n  }\n})\n\nexport const NavigationMenuDropdownTrigger = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof StyledTrigger>\n>(({ children, active, ...props }, forwardedRef) => (\n  <StyledTrigger\n    active={active}\n    {...props}\n    ref={forwardedRef}\n    onPointerMove={preventEvent}\n    onPointerLeave={preventEvent}\n  >\n    {children}\n    <Icon\n      is={ChevronDown}\n      size=\"sm\"\n      className={cn(\n        'ml-1',\n        'in-data-[state=open]:-rotate-180',\n        'motion-safe:duration-200',\n        'motion-safe:ease-in',\n        'motion-safe:transition-transform'\n      )}\n    />\n  </StyledTrigger>\n))\n\nNavigationMenuDropdownTrigger.displayName = 'NavigationMenuDropdownTrigger'\n"],"mappings":";;;;;;;;;AAcA,IAAM,gBAAgB,OAAO,wBAAwB,SAAS;CAC5D,MAAM;EACJ,GAAG;EACH;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,QAAQ,EACN,MAAM,gCACP,EACF;CACF,CAAC;AAEF,IAAa,gCAAgC,MAAM,YAGhD,EAAE,UAAU,QAAQ,GAAG,SAAS,iBACjC,qBAAC,eAAD;CACU;CACR,GAAI;CACJ,KAAK;CACL,eAAe;CACf,gBAAgB;WALlB,CAOG,UACD,oBAAC,MAAD;EACE,IAAI;EACJ,MAAK;EACL,WAAW,GACT,QACA,oCACA,4BACA,uBACA,mCACD;EACD,CAAA,CACY;GAChB;AAEF,8BAA8B,cAAc"}
+{"version":3,"file":"NavigationMenuDropdownTrigger.js","names":[],"sources":["../../../src/components/navigation/NavigationMenuDropdownTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as React from 'react'\n\nimport { styled, cn } from '../../styled'\nimport { preventEvent } from '../../utilities/event/preventEvent'\nimport { Icon } from '../icon/Icon'\nimport {\n  navigationMenuActiveItemStyles,\n  navigationMenuBaseItemStyles\n} from './NavigationMenu.styles'\n\nconst StyledTrigger = styled(NavigationMenuPrimitive.Trigger, {\n  base: [\n    ...navigationMenuBaseItemStyles,\n    'flex',\n    'items-center',\n    'rounded-md',\n    'justify-between',\n    'data-[state=open]:bg-(--trigger-background-open)'\n  ],\n  variants: {\n    active: {\n      true: navigationMenuActiveItemStyles\n    }\n  }\n})\n\nexport const NavigationMenuDropdownTrigger = ({\n  ref,\n  children,\n  active,\n  ...rest\n}: React.ComponentProps<typeof StyledTrigger>) => (\n  <StyledTrigger\n    active={active}\n    {...rest}\n    ref={ref}\n    onPointerMove={preventEvent}\n    onPointerLeave={preventEvent}\n  >\n    {children}\n    <Icon\n      is={ChevronDown}\n      size=\"sm\"\n      className={cn(\n        'ml-1',\n        'in-data-[state=open]:-rotate-180',\n        'motion-safe:duration-200',\n        'motion-safe:ease-in',\n        'motion-safe:transition-transform'\n      )}\n    />\n  </StyledTrigger>\n)\n"],"mappings":";;;;;;;;;AAYA,IAAM,gBAAgB,OAAO,wBAAwB,SAAS;CAC5D,MAAM;EACJ,GAAG;EACH;EACA;EACA;EACA;EACA;CACF;CACA,UAAU,EACR,QAAQ,EACN,MAAM,+BACR,EACF;AACF,CAAC;AAED,IAAa,iCAAiC,EAC5C,KACA,UACA,QACA,GAAG,WAEH,qBAAC,eAAD;CACU;CACR,GAAI;CACC;CACL,eAAe;CACf,gBAAgB;WALlB,CAOG,UACD,oBAAC,MAAD;EACE,IAAI;EACJ,MAAK;EACL,WAAW,GACT,QACA,oCACA,4BACA,uBACA,kCACF;CACD,CAAA,CACY"}

package/dist/components/navigation/NavigationMenuLink.d.ts

@@ -1,16 +1,11 @@
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
-import React from 'react';
-declare const StyledLink: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-    elementType?: "link" | "dropdownItem" | undefined;
-} & {
-    as?: React.ElementType;
+import * as React from 'react';
+declare const StyledLink: import("../..").PolymorphicComponent<React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>, {
+    elementType?: "dropdownItem" | "link" | undefined;
 }>;
-export declare const NavigationMenuLink: React.ForwardRefExoticComponent<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
-    elementType?: "link" | "dropdownItem" | undefined;
-} & {
-    as?: React.ElementType;
-}, "elementType"> & {
+export declare const NavigationMenuLink: ({ ref, children, href, disabled, className, variant, ...rest }: Omit<React.ComponentProps<typeof StyledLink>, 'elementType'> & {
     disabled?: boolean;
-    variant?: React.ComponentProps<typeof StyledLink>["elementType"];
-}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+    variant?: React.ComponentProps<typeof StyledLink>['elementType'];
+    ref?: React.Ref<HTMLAnchorElement>;
+}) => React.JSX.Element;
 export {};

package/dist/components/navigation/NavigationMenuLink.js

@@ -1,7 +1,7 @@
 import { styled } from "../../styled.js";
 import { getExternalAnchorProps } from "../../utilities/uri/index.js";
 import { navigationMenuBaseItemStyles } from "./NavigationMenu.styles.js";
-import React from "react";
+import "react";
 import { jsx } from "react/jsx-runtime";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 //#region src/components/navigation/NavigationMenuLink.tsx
@@ -47,20 +47,19 @@ var StyledLink = styled(NavigationMenuPrimitive.Link, {
 		]
 	} }
 });
-var NavigationMenuLink = React.forwardRef(({ children, href, disabled, className, variant = "link", ...props }, forwardedRef) => /* @__PURE__ */ jsx(ListItem, { children: disabled ? /* @__PURE__ */ jsx(DisabledButton, {
+var NavigationMenuLink = ({ ref, children, href, disabled, className, variant = "link", ...rest }) => /* @__PURE__ */ jsx(ListItem, { children: disabled ? /* @__PURE__ */ jsx(DisabledButton, {
 	disabled: true,
 	className,
 	children
 }) : /* @__PURE__ */ jsx(StyledLink, {
 	href,
-	ref: forwardedRef,
+	ref,
 	elementType: variant,
 	className,
 	...getExternalAnchorProps(href),
-	...props,
+	...rest,
 	children
-}) }));
-NavigationMenuLink.displayName = "NavigationMenuLink";
+}) });
 //#endregion
 export { NavigationMenuLink };
 

package/dist/components/navigation/NavigationMenuLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuLink.js","names":[],"sources":["../../../src/components/navigation/NavigationMenuLink.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/styled'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { navigationMenuBaseItemStyles } from './NavigationMenu.styles'\n\nconst DisabledButton = styled('button', {\n  base: [\n    ...navigationMenuBaseItemStyles,\n    'disabled:bg-none',\n    'disabled:cursor-default',\n    'disabled:opacity-30',\n    'disabled:text-text'\n  ]\n})\n\nconst ListItem = NavigationMenuPrimitive.Item\n\nconst StyledLink = styled(NavigationMenuPrimitive.Link, {\n  base: [\n    ...navigationMenuBaseItemStyles,\n    'block',\n    'no-underline',\n    'leading-none'\n  ],\n  variants: {\n    elementType: {\n      dropdownItem: [\n        'data-active:bg-background-selected',\n        'data-active:text-text-selected',\n        'data-active:hover:bg-background-selected-hover',\n        'data-active:hover:text-text-selected-hover',\n        'data-active:active:bg-background-selected-pressed',\n        'data-active:active:text-text-selected-pressed',\n        'data-active:focus-visible:shadow-[0_0_0_2px_var(--color-primary-800)]',\n        'data-active:focus-visible:text-text-selected-focus'\n      ],\n      link: [\n        'data-active:font-semibold',\n        'data-active:text-item-(--background-selected)',\n        'data-active:after:-translate-x-1/2',\n        'data-active:after:absolute',\n        'data-active:after:bg-item-(--background-selected)',\n        'data-active:after:block',\n        'data-active:after:bottom-0',\n        'data-active:after:h-0.5',\n        'data-active:after:left-1/2',\n        'data-active:after:rounded-md',\n        'data-active:after:translate-y-0',\n        'data-active:after:w-6'\n      ]\n    }\n  }\n})\n\nexport const NavigationMenuLink = React.forwardRef<\n  HTMLAnchorElement,\n  Omit<React.ComponentProps<typeof StyledLink>, 'elementType'> & {\n    disabled?: boolean\n    variant?: React.ComponentProps<typeof StyledLink>['elementType']\n  }\n>(\n  (\n    { children, href, disabled, className, variant = 'link', ...props },\n    forwardedRef\n  ) => (\n    <ListItem>\n      {disabled ? (\n        <DisabledButton disabled className={className}>\n          {children}\n        </DisabledButton>\n      ) : (\n        <StyledLink\n          href={href}\n          ref={forwardedRef as any}\n          elementType={variant}\n          className={className}\n          {...getExternalAnchorProps(href)}\n          {...props}\n        >\n          {children}\n        </StyledLink>\n      )}\n    </ListItem>\n  )\n)\n\nNavigationMenuLink.displayName = 'NavigationMenuLink'\n"],"mappings":";;;;;;;AAQA,IAAM,iBAAiB,OAAO,UAAU,EACtC,MAAM;CACJ,GAAG;CACH;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,IAAM,WAAW,wBAAwB;AAEzC,IAAM,aAAa,OAAO,wBAAwB,MAAM;CACtD,MAAM;EACJ,GAAG;EACH;EACA;EACA;EACD;CACD,UAAU,EACR,aAAa;EACX,cAAc;GACZ;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;EACD,MAAM;GACJ;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;EACF,EACF;CACF,CAAC;AAEF,IAAa,qBAAqB,MAAM,YAQpC,EAAE,UAAU,MAAM,UAAU,WAAW,UAAU,QAAQ,GAAG,SAC5D,iBAEA,oBAAC,UAAD,EAAA,UACG,WACC,oBAAC,gBAAD;CAAgB,UAAA;CAAoB;CACjC;CACc,CAAA,GAEjB,oBAAC,YAAD;CACQ;CACN,KAAK;CACL,aAAa;CACF;CACX,GAAI,uBAAuB,KAAK;CAChC,GAAI;CAEH;CACU,CAAA,EAEN,CAAA,CAEd;AAED,mBAAmB,cAAc"}
+{"version":3,"file":"NavigationMenuLink.js","names":[],"sources":["../../../src/components/navigation/NavigationMenuLink.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as React from 'react'\n\nimport { styled } from '../../styled'\nimport { getExternalAnchorProps } from '../../utilities/uri'\nimport { navigationMenuBaseItemStyles } from './NavigationMenu.styles'\n\nconst DisabledButton = styled('button', {\n  base: [\n    ...navigationMenuBaseItemStyles,\n    'disabled:bg-none',\n    'disabled:cursor-default',\n    'disabled:opacity-30',\n    'disabled:text-text'\n  ]\n})\n\nconst ListItem = NavigationMenuPrimitive.Item\n\nconst StyledLink = styled(NavigationMenuPrimitive.Link, {\n  base: [\n    ...navigationMenuBaseItemStyles,\n    'block',\n    'no-underline',\n    'leading-none'\n  ],\n  variants: {\n    elementType: {\n      dropdownItem: [\n        'data-active:bg-background-selected',\n        'data-active:text-text-selected',\n        'data-active:hover:bg-background-selected-hover',\n        'data-active:hover:text-text-selected-hover',\n        'data-active:active:bg-background-selected-pressed',\n        'data-active:active:text-text-selected-pressed',\n        'data-active:focus-visible:shadow-[0_0_0_2px_var(--color-primary-800)]',\n        'data-active:focus-visible:text-text-selected-focus'\n      ],\n      link: [\n        'data-active:font-semibold',\n        'data-active:text-item-(--background-selected)',\n        'data-active:after:-translate-x-1/2',\n        'data-active:after:absolute',\n        'data-active:after:bg-item-(--background-selected)',\n        'data-active:after:block',\n        'data-active:after:bottom-0',\n        'data-active:after:h-0.5',\n        'data-active:after:left-1/2',\n        'data-active:after:rounded-md',\n        'data-active:after:translate-y-0',\n        'data-active:after:w-6'\n      ]\n    }\n  }\n})\n\nexport const NavigationMenuLink = ({\n  ref,\n  children,\n  href,\n  disabled,\n  className,\n  variant = 'link',\n  ...rest\n}: Omit<React.ComponentProps<typeof StyledLink>, 'elementType'> & {\n  disabled?: boolean\n  variant?: React.ComponentProps<typeof StyledLink>['elementType']\n  ref?: React.Ref<HTMLAnchorElement>\n}) => (\n  <ListItem>\n    {disabled ? (\n      <DisabledButton disabled className={className}>\n        {children}\n      </DisabledButton>\n    ) : (\n      <StyledLink\n        href={href}\n        ref={ref}\n        elementType={variant}\n        className={className}\n        {...getExternalAnchorProps(href)}\n        {...rest}\n      >\n        {children}\n      </StyledLink>\n    )}\n  </ListItem>\n)\n"],"mappings":";;;;;;;AAOA,IAAM,iBAAiB,OAAO,UAAU,EACtC,MAAM;CACJ,GAAG;CACH;CACA;CACA;CACA;AACF,EACF,CAAC;AAED,IAAM,WAAW,wBAAwB;AAEzC,IAAM,aAAa,OAAO,wBAAwB,MAAM;CACtD,MAAM;EACJ,GAAG;EACH;EACA;EACA;CACF;CACA,UAAU,EACR,aAAa;EACX,cAAc;GACZ;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EACA,MAAM;GACJ;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;CACF,EACF;AACF,CAAC;AAED,IAAa,sBAAsB,EACjC,KACA,UACA,MACA,UACA,WACA,UAAU,QACV,GAAG,WAMH,oBAAC,UAAD,EAAA,UACG,WACC,oBAAC,gBAAD;CAAgB,UAAA;CAAoB;CACjC;AACa,CAAA,IAEhB,oBAAC,YAAD;CACQ;CACD;CACL,aAAa;CACF;CACX,GAAI,uBAAuB,IAAI;CAC/B,GAAI;CAEH;AACS,CAAA,EAEN,CAAA"}

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.colorscheme.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVertical.colorscheme.config.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.colorscheme.config.ts"],"sourcesContent":["const light = {\n  '--text': 'var(--foreground)',\n  '--background': 'var(--base-1)',\n  '--background-hover': 'var(--base-2)',\n  '--background-active': 'var(--base-3)',\n  '--text-selected': 'var(--accent-9)',\n  '--background-selected': 'var(--accent-2)'\n}\n\nexport const colorSchemes = {\n  light\n}\n"],"mappings":"AASA,IAAa,eAAe,EAC1B,OAVY;CACZ,UAAU;CACV,gBAAgB;CAChB,sBAAsB;CACtB,uBAAuB;CACvB,mBAAmB;CACnB,yBAAyB;CAC1B,EAIA"}
+{"version":3,"file":"NavigationMenuVertical.colorscheme.config.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.colorscheme.config.ts"],"sourcesContent":["const light = {\n  '--text': 'var(--foreground)',\n  '--background': 'var(--base-1)',\n  '--background-hover': 'var(--base-2)',\n  '--background-active': 'var(--base-3)',\n  '--text-selected': 'var(--accent-9)',\n  '--background-selected': 'var(--accent-2)'\n}\n\nexport const colorSchemes = {\n  light\n}\n"],"mappings":"AASA,IAAa,eAAe,EAC1B;CATA,UAAU;CACV,gBAAgB;CAChB,sBAAsB;CACtB,uBAAuB;CACvB,mBAAmB;CACnB,yBAAyB;AAIzB,EACF"}