@atom-learning/components 6.4.2 → 6.5.1

package/dist/components/navigation/NavigationMenu.js

@@ -1,2 +1,69 @@
-import*as i from"@radix-ui/react-navigation-menu";import f from"clsx";import e from"react";import{styled as o}from"../../styled.js";import{colorSchemes as y}from"./NavigationMenu.colorscheme.config.js";import{NavigationMenuContext as D}from"./NavigationMenuContext.js";import{NavigationMenuDropdown as M}from"./NavigationMenuDropdown.js";import{NavigationMenuDropdownContent as b}from"./NavigationMenuDropdownContent.js";import{NavigationMenuDropdownItem as x,NavigationMenuDropdownItemTitle as E}from"./NavigationMenuDropdownItem.js";import{NavigationMenuDropdownTrigger as T}from"./NavigationMenuDropdownTrigger.js";import{NavigationMenuLink as C}from"./NavigationMenuLink.js";const I=o(i.Root,{base:["flex","justify-center","relative"]}),L=o(i.List,{base:["flex","justify-center","items-center","gap-1"]}),j=o(i.Viewport,{base:["z-2147483647"]}),S=o("div",{base:["absolute","left-0","top-full","w-full","flex","justify-center"]}),m=({children:s,className:u,...p})=>{const[d,l]=e.useState(),[n,c]=e.useState(),[r,g]=e.useState(0),a=e.useRef(null);e.useLayoutEffect(()=>{a.current&&g(a.current.offsetWidth)},[e.Children.toArray(s).length]),e.useEffect(()=>{let t;return n===""&&(t=setTimeout(()=>l(null),200)),()=>{t!==null&&clearTimeout(t)}},[n]);const v=(t,w)=>{if(t&&r&&n===w){const N=r/2,h=r-t.offsetLeft-t.offsetWidth+t.offsetWidth/2;l(Math.round(N-h))}return t};return e.createElement(D.Provider,{value:{onNodeUpdate:v}},e.createElement(I,{className:f(u),style:y.light,onValueChange:c,...p},e.createElement(L,{ref:a},s),e.createElement(S,null,e.createElement(j,{style:{"--navigation-menu-viewport-offset":`${d||0}px`},className:f(["data-[state=open]:animate-fade-in","data-[state=closed]:animate-fade-out","translate-x-(--navigation-menu-viewport-offset)"])}))))},V=Object.assign(m,{Link:C,Dropdown:M,DropdownContent:b,DropdownItem:x,DropdownItemTitle:E,DropdownTrigger:T});m.displayName="NavigationMenu";export{V as NavigationMenu};
-//# sourceMappingURL=NavigationMenu.js.map
+import { styled as e } from "../../styled.js";
+import { colorSchemes as t } from "./NavigationMenu.colorscheme.config.js";
+import { NavigationMenuContext as n } from "./NavigationMenuContext.js";
+import { NavigationMenuDropdownContent as r } from "./NavigationMenuDropdownContent.js";
+import { NavigationMenuDropdownTrigger as i } from "./NavigationMenuDropdownTrigger.js";
+import { NavigationMenuDropdown as a } from "./NavigationMenuDropdown.js";
+import { NavigationMenuLink as o } from "./NavigationMenuLink.js";
+import { NavigationMenuDropdownItem as s, NavigationMenuDropdownItemTitle as c } from "./NavigationMenuDropdownItem.js";
+import l from "clsx";
+import u from "react";
+import * as d from "@radix-ui/react-navigation-menu";
+//#region src/components/navigation/NavigationMenu.tsx
+var f = e(d.Root, { base: [
+	"flex",
+	"justify-center",
+	"relative"
+] }), p = e(d.List, { base: [
+	"flex",
+	"justify-center",
+	"items-center",
+	"gap-1"
+] }), m = e(d.Viewport, { base: ["z-2147483647"] }), h = e("div", { base: [
+	"absolute",
+	"left-0",
+	"top-full",
+	"w-full",
+	"flex",
+	"justify-center"
+] }), g = ({ children: e, className: r, ...i }) => {
+	let [a, o] = u.useState(), [s, c] = u.useState(), [d, g] = u.useState(0), _ = u.useRef(null);
+	return u.useLayoutEffect(() => {
+		_.current && g(_.current.offsetWidth);
+	}, [u.Children.toArray(e).length]), u.useEffect(() => {
+		let e;
+		return s === "" && (e = setTimeout(() => o(null), 200)), () => {
+			e !== null && clearTimeout(e);
+		};
+	}, [s]), /* @__PURE__ */ u.createElement(n.Provider, { value: { onNodeUpdate: (e, t) => {
+		if (e && d && s === t) {
+			let t = d / 2, n = d - e.offsetLeft - e.offsetWidth + e.offsetWidth / 2;
+			o(Math.round(t - n));
+		}
+		return e;
+	} } }, /* @__PURE__ */ u.createElement(f, {
+		className: l(r),
+		style: t.light,
+		onValueChange: c,
+		...i
+	}, /* @__PURE__ */ u.createElement(p, { ref: _ }, e), /* @__PURE__ */ u.createElement(h, null, /* @__PURE__ */ u.createElement(m, {
+		style: { "--navigation-menu-viewport-offset": `${a || 0}px` },
+		className: l([
+			"data-[state=open]:animate-fade-in",
+			"data-[state=closed]:animate-fade-out",
+			"translate-x-(--navigation-menu-viewport-offset)"
+		])
+	}))));
+}, _ = Object.assign(g, {
+	Link: o,
+	Dropdown: a,
+	DropdownContent: r,
+	DropdownItem: s,
+	DropdownItemTitle: c,
+	DropdownTrigger: i
+});
+g.displayName = "NavigationMenu";
+//#endregion
+export { _ as NavigationMenu };
+
+//# sourceMappingURL=NavigationMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.js","sources":["../../../src/components/navigation/NavigationMenu.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport clsx from 'clsx'\nimport React from 'react'\n\nimport { styled } 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']\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={clsx(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={clsx([\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"],"names":["StyledMenu","styled","NavigationMenuPrimitive","StyledList","StyledViewport","ViewportPosition","NavigationMenuComponent","children","className","props","offset","setOffset","React","activeItem","setActiveItem","listWidth","setListWidth","listRef","timer","onNodeUpdate","trigger","itemValue","listCenter","triggerOffsetRight","NavigationMenuContext","clsx","navigationMenuColorSchemes","NavigationMenu","NavigationMenuLink","NavigationMenuDropdown","NavigationMenuDropdownContent","NavigationMenuDropdownItem","NavigationMenuDropdownItemTitle","NavigationMenuDropdownTrigger"],"mappings":"uqBAiBA,MAAMA,EAAaC,EAAOC,EAAwB,KAAM,CACtD,KAAM,CAAC,OAAQ,iBAAkB,UAAU,CAC7C,CAAC,EAEKC,EAAaF,EAAOC,EAAwB,KAAM,CACtD,KAAM,CAAC,OAAQ,iBAAkB,eAAgB,OAAO,CAC1D,CAAC,EAEKE,EAAiBH,EAAOC,EAAwB,SAAU,CAC9D,KAAM,CAAC,cAAc,CACvB,CAAC,EAEKG,EAAmBJ,EAAO,MAAO,CACrC,KAAM,CAAC,WAAY,SAAU,WAAY,SAAU,OAAQ,gBAAgB,CAC7E,CAAC,EAEKK,EAA0B,CAAC,CAC/B,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAA+C,CAC7C,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAM,SAAA,EAC5B,CAACC,EAAYC,CAAa,EAAIF,EAAM,SACpC,EAAA,CAACG,EAAWC,CAAY,EAAIJ,EAAM,SAAS,CAAC,EAC5CK,EAAUL,EAAM,OAAyB,IAAI,EAEnDA,EAAM,gBAAgB,IAAM,CACtBK,EAAQ,SACVD,EAAaC,EAAQ,QAAQ,WAAW,CAE5C,EAAG,CAACL,EAAM,SAAS,QAAQL,CAAQ,EAAE,MAAM,CAAC,EAE5CK,EAAM,UAAU,IAAM,CACpB,IAAIM,EAIJ,OAAIL,IAAe,KACjBK,EAAQ,WAAW,IAAMP,EAAU,IAAI,EAAG,GAAG,GAGxC,IAAM,CACPO,IAAU,MACZ,aAAaA,CAAK,CAEtB,CACF,EAAG,CAACL,CAAU,CAAC,EAGf,MAAMM,EAAe,CAACC,EAA4BC,IAAsB,CACtE,GAAID,GAAWL,GAAaF,IAAeQ,EAAW,CACpD,MAAMC,EAAaP,EAAY,EAEzBQ,EACJR,EACAK,EAAQ,WACRA,EAAQ,YACRA,EAAQ,YAAc,EAExBT,EAAU,KAAK,MAAMW,EAAaC,CAAkB,CAAC,CACvD,CAEA,OAAOH,CACT,EAEA,OACER,EAAA,cAACY,EAAsB,SAAtB,CAA+B,MAAO,CAAE,aAAAL,CAAa,CACpDP,EAAAA,EAAA,cAACZ,EAAA,CACC,UAAWyB,EAAKjB,CAAS,EACzB,MAAOkB,EAA2B,MAClC,cAAeZ,EACd,GAAGL,CAEJG,EAAAA,EAAA,cAACT,EAAA,CAAW,IAAKc,CAAAA,EAAUV,CAAS,EACpCK,EAAA,cAACP,EAAA,KACCO,EAAA,cAACR,EAAA,CACC,MAAO,CAAE,oCAAqC,GAAGM,GAAU,CAAC,IAAK,EACjE,UAAWe,EAAK,CACd,oCACA,uCACA,iDACF,CAAC,CAAA,CACH,CACF,CACF,CACF,CAEJ,EAEaE,EAAiB,OAAO,OAAOrB,EAAyB,CACnE,KAAMsB,EACN,SAAUC,EACV,gBAAiBC,EACjB,aAAcC,EACd,kBAAmBC,EACnB,gBAAiBC,CACnB,CAAC,EAED3B,EAAwB,YAAc"}
+{"version":3,"file":"NavigationMenu.js","names":[],"sources":["../../../src/components/navigation/NavigationMenu.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport clsx from 'clsx'\nimport React from 'react'\n\nimport { styled } 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']\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={clsx(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={clsx([\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,IAAa,EAAO,EAAwB,MAAM,EACtD,MAAM;CAAC;CAAQ;CAAkB;CAAW,EAC7C,CAAC,EAEI,IAAa,EAAO,EAAwB,MAAM,EACtD,MAAM;CAAC;CAAQ;CAAkB;CAAgB;CAAQ,EAC1D,CAAC,EAEI,IAAiB,EAAO,EAAwB,UAAU,EAC9D,MAAM,CAAC,eAAe,EACvB,CAAC,EAEI,IAAmB,EAAO,OAAO,EACrC,MAAM;CAAC;CAAY;CAAU;CAAY;CAAU;CAAQ;CAAiB,EAC7E,CAAC,EAEI,KAA2B,EAC/B,aACA,cACA,GAAG,QAC0C;CAC7C,IAAM,CAAC,GAAQ,KAAa,EAAM,UAAqC,EACjE,CAAC,GAAY,KAAiB,EAAM,UAA8B,EAClE,CAAC,GAAW,KAAgB,EAAM,SAAS,EAAE,EAC7C,IAAU,EAAM,OAAyB,KAAK;AAyCpD,QAvCA,EAAM,sBAAsB;AAC1B,EAAI,EAAQ,WACV,EAAa,EAAQ,QAAQ,YAAY;IAE1C,CAAC,EAAM,SAAS,QAAQ,EAAS,CAAC,OAAO,CAAC,EAE7C,EAAM,gBAAgB;EACpB,IAAI;AAQJ,SAJI,MAAe,OACjB,IAAQ,iBAAiB,EAAU,KAAK,EAAE,IAAI,SAGnC;AACX,GAAI,MAAU,QACZ,aAAa,EAAM;;IAGtB,CAAC,EAAW,CAAC,EAoBd,kBAAA,cAAC,EAAsB,UAAvB,EAAgC,OAAO,EAAE,eAjBrB,GAA4B,MAAsB;AACtE,MAAI,KAAW,KAAa,MAAe,GAAW;GACpD,IAAM,IAAa,IAAY,GAEzB,IACJ,IACA,EAAQ,aACR,EAAQ,cACR,EAAQ,cAAc;AAExB,KAAU,KAAK,MAAM,IAAa,EAAmB,CAAC;;AAGxD,SAAO;IAIgD,EAmBtB,EAlB/B,kBAAA,cAAC,GAAD;EACE,WAAW,EAAK,EAAU;EAC1B,OAAO,EAA2B;EAClC,eAAe;EACf,GAAI;EAaO,EAXX,kBAAA,cAAC,GAAD,EAAY,KAAK,GAAgC,EAAtB,EAAsB,EACjD,kBAAA,cAAC,GAAA,MACC,kBAAA,cAAC,GAAD;EACE,OAAO,EAAE,qCAAqC,GAAG,KAAU,EAAE,KAAK;EAClE,WAAW,EAAK;GACd;GACA;GACA;GACD,CAAC;EACF,CAAA,CACe,CACR,CACkB;GAIxB,IAAiB,OAAO,OAAO,GAAyB;CACnE,MAAM;CACN,UAAU;CACV,iBAAiB;CACjB,cAAc;CACd,mBAAmB;CACnB,iBAAiB;CAClB,CAAC;AAEF,EAAwB,cAAc"}

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

@@ -1,2 +1,38 @@
-const e=["relative","text-(--text)","outline-none","cursor-pointer","font-body","select-none","p-3","rounded-md","bg-(--background)","hover:bg-(--background-hover)","hover:text-(--text-hover)","active:bg-(--background-active)","active:text-(--text-active)","focus-visible:inset-shadow-[0_0_0_2px_var(--color-primary-800)]","disabled:bg-none","disabled:cursor-default","disabled:opacity-[30%]","disabled:text-(--text)"],t=["font-semibold","text-item-(--background-selected)","after:-translate-x-1/2","after:absolute","after:bg-item-(--background-selected)","after:block","after:bottom-0","after:h-0.5","after:left-1/2","after:rounded-md","after:translate-y-0","after:w-6"];export{t as navigationMenuActiveItemStyles,e as navigationMenuBaseItemStyles};
-//# sourceMappingURL=NavigationMenu.styles.js.map
+//#region src/components/navigation/NavigationMenu.styles.ts
+var e = [
+	"relative",
+	"text-(--text)",
+	"outline-none",
+	"cursor-pointer",
+	"font-body",
+	"select-none",
+	"p-3",
+	"rounded-md",
+	"bg-(--background)",
+	"hover:bg-(--background-hover)",
+	"hover:text-(--text-hover)",
+	"active:bg-(--background-active)",
+	"active:text-(--text-active)",
+	"focus-visible:inset-shadow-[0_0_0_2px_var(--color-primary-800)]",
+	"disabled:bg-none",
+	"disabled:cursor-default",
+	"disabled:opacity-[30%]",
+	"disabled:text-(--text)"
+], t = [
+	"font-semibold",
+	"text-item-(--background-selected)",
+	"after:-translate-x-1/2",
+	"after:absolute",
+	"after:bg-item-(--background-selected)",
+	"after:block",
+	"after:bottom-0",
+	"after:h-0.5",
+	"after:left-1/2",
+	"after:rounded-md",
+	"after:translate-y-0",
+	"after:w-6"
+];
+//#endregion
+export { t as navigationMenuActiveItemStyles, e as navigationMenuBaseItemStyles };
+
+//# sourceMappingURL=NavigationMenu.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.styles.js","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"],"names":["navigationMenuBaseItemStyles","navigationMenuActiveItemStyles"],"mappings":"AAAO,MAAMA,EAA+B,CAC1C,WACA,gBACA,eACA,iBACA,YACA,cACA,MACA,aACA,oBACA,gCACA,4BACA,kCACA,8BACA,kEACA,mBACA,0BACA,yBACA,wBACF,EAEaC,EAAiC,CAC5C,gBACA,oCACA,yBACA,iBACA,wCACA,cACA,iBACA,cACA,iBACA,mBACA,sBACA,WACF"}
+{"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,IAA+B;CAC1C;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEY,IAAiC;CAC5C;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/dist/components/navigation/NavigationMenuContext.js

@@ -1,2 +1,11 @@
-import e from"react";const o=e.createContext(void 0),n=()=>{const t=e.useContext(o);if(t===void 0)throw new Error("useNavigationMenuContext must be used within a NavigationMenuContextProvider");return t};export{o as NavigationMenuContext,n as useNavigationMenuContext};
-//# sourceMappingURL=NavigationMenuContext.js.map
+import e from "react";
+//#region src/components/navigation/NavigationMenuContext.tsx
+var t = e.createContext(void 0), n = () => {
+	let n = e.useContext(t);
+	if (n === void 0) throw Error("useNavigationMenuContext must be used within a NavigationMenuContextProvider");
+	return n;
+};
+//#endregion
+export { t as NavigationMenuContext, n as useNavigationMenuContext };
+
+//# sourceMappingURL=NavigationMenuContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuContext.js","sources":["../../../src/components/navigation/NavigationMenuContext.tsx"],"sourcesContent":["import 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"],"names":["NavigationMenuContext","React","useNavigationMenuContext","context"],"mappings":"qBASO,MAAMA,EAAwBC,EAAM,cAEzC,MAAS,EAEEC,EAA2B,IAAkC,CACxE,MAAMC,EAAUF,EAAM,WAAWD,CAAqB,EAEtD,GAAIG,IAAY,OACd,MAAM,IAAI,MACR,8EACF,EAGF,OAAOA,CACT"}
+{"version":3,"file":"NavigationMenuContext.js","names":[],"sources":["../../../src/components/navigation/NavigationMenuContext.tsx"],"sourcesContent":["import 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,IAAwB,EAAM,cAEzC,KAAA,EAAU,EAEC,UAA6D;CACxE,IAAM,IAAU,EAAM,WAAW,EAAsB;AAEvD,KAAI,MAAY,KAAA,EACd,OAAU,MACR,+EACD;AAGH,QAAO"}

package/dist/components/navigation/NavigationMenuDropdown.js

@@ -1,2 +1,22 @@
-import*as l from"@radix-ui/react-navigation-menu";import n from"react";import{useNavigationMenuContext as u}from"./NavigationMenuContext.js";import{NavigationMenuDropdownContent as g}from"./NavigationMenuDropdownContent.js";import{NavigationMenuDropdownTrigger as s}from"./NavigationMenuDropdownTrigger.js";const r=({children:i,id:t,...a})=>{const{onNodeUpdate:p}=u();return n.createElement(l.Item,{value:t},n.Children.map(i,e=>{const o=n.isValidElement(e)&&e.type===s,d=n.isValidElement(e)&&e.type===g;if(!o&&!d)throw new Error('Only NavigationMenu.Trigger and NavigationMenu.Content can be the passed as a "children" of NavigationMenu.Dropdown');return o?n.cloneElement(e,{...a,ref:m=>p(m,t)}):e}))};r.displayName="NavigationMenuDropdown";export{r as NavigationMenuDropdown};
-//# sourceMappingURL=NavigationMenuDropdown.js.map
+import { useNavigationMenuContext as e } from "./NavigationMenuContext.js";
+import { NavigationMenuDropdownContent as t } from "./NavigationMenuDropdownContent.js";
+import { NavigationMenuDropdownTrigger as n } from "./NavigationMenuDropdownTrigger.js";
+import r from "react";
+import * as i from "@radix-ui/react-navigation-menu";
+//#region src/components/navigation/NavigationMenuDropdown.tsx
+var a = ({ children: a, id: o, ...s }) => {
+	let { onNodeUpdate: c } = e();
+	return /* @__PURE__ */ r.createElement(i.Item, { value: o }, r.Children.map(a, (e) => {
+		let i = r.isValidElement(e) && e.type === n, a = r.isValidElement(e) && e.type === t;
+		if (!i && !a) throw Error("Only NavigationMenu.Trigger and NavigationMenu.Content can be the passed as a \"children\" of NavigationMenu.Dropdown");
+		return i ? r.cloneElement(e, {
+			...s,
+			ref: (e) => c(e, o)
+		}) : e;
+	}));
+};
+a.displayName = "NavigationMenuDropdown";
+//#endregion
+export { a as NavigationMenuDropdown };
+
+//# sourceMappingURL=NavigationMenuDropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuDropdown.js","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) => onNodeUpdate(node, id)\n              } as React.PropsWithRef<DropdownTriggerProps>\n            )\n          : child\n      })}\n    </NavigationMenuPrimitive.Item>\n  )\n}\n\nNavigationMenuDropdown.displayName = 'NavigationMenuDropdown'\n"],"names":["NavigationMenuDropdown","children","id","props","onNodeUpdate","useNavigationMenuContext","React","NavigationMenuPrimitive","child","isTrigger","NavigationMenuDropdownTrigger","isContent","NavigationMenuDropdownContent","node"],"mappings":"mTAea,MAAAA,EAAyB,CAAC,CACrC,SAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAAmC,CACjC,KAAM,CAAE,aAAAC,CAAa,EAAIC,EAAyB,EAElD,OACEC,EAAA,cAACC,EAAwB,KAAxB,CAA6B,MAAOL,CAClCI,EAAAA,EAAM,SAAS,IAAIL,EAAWO,GAAU,CACvC,MAAMC,EACJH,EAAM,eAAeE,CAAK,GAC1BA,EAAM,OAASE,EACXC,EACJL,EAAM,eAAeE,CAAK,GAC1BA,EAAM,OAASI,EAEjB,GAAI,CAACH,GAAa,CAACE,EACjB,MAAM,IAAI,MACR,qHACF,EAEF,OAAOF,EACHH,EAAM,aACJE,EACA,CACE,GAAGL,EACH,IAAMU,GAA4BT,EAAaS,EAAMX,CAAE,CACzD,CACF,EACAM,CACN,CAAC,CACH,CAEJ,EAEAR,EAAuB,YAAc"}
+{"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) => onNodeUpdate(node, id)\n              } as React.PropsWithRef<DropdownTriggerProps>\n            )\n          : child\n      })}\n    </NavigationMenuPrimitive.Item>\n  )\n}\n\nNavigationMenuDropdown.displayName = 'NavigationMenuDropdown'\n"],"mappings":";;;;;;AAeA,IAAa,KAA0B,EACrC,aACA,OACA,GAAG,QAC8B;CACjC,IAAM,EAAE,oBAAiB,GAA0B;AAEnD,QACE,kBAAA,cAAC,EAAwB,MAAzB,EAA8B,OAAO,GAwBN,EAvB5B,EAAM,SAAS,IAAI,IAAW,MAAU;EACvC,IAAM,IACJ,EAAM,eAAe,EAAM,IAC3B,EAAM,SAAS,GACX,IACJ,EAAM,eAAe,EAAM,IAC3B,EAAM,SAAS;AAEjB,MAAI,CAAC,KAAa,CAAC,EACjB,OAAU,MACR,wHACD;AAEH,SAAO,IACH,EAAM,aACJ,GACA;GACE,GAAG;GACH,MAAM,MAA4B,EAAa,GAAM,EAAG;GACzD,CACF,GACD;GACJ,CAC2B;;AAInC,EAAuB,cAAc"}

package/dist/components/navigation/NavigationMenuDropdownContent.js

@@ -1,2 +1,21 @@
-import*as a from"@radix-ui/react-navigation-menu";import o from"react";import{styled as d}from"../../styled.js";import{preventEvent as e}from"../../utilities/event/preventEvent.js";const m=d(a.Content,{base:["p-3","bg-(--dropdown-background)","mt-1","shadow-md","rounded-md"]}),n=({children:t,...r})=>o.createElement(m,{onPointerMove:e,onPointerLeave:e,...r},o.createElement("ul",null,t));n.displayName="NavigationMenuDropdownContent";export{n as NavigationMenuDropdownContent};
-//# sourceMappingURL=NavigationMenuDropdownContent.js.map
+import { styled as e } from "../../styled.js";
+import { preventEvent as t } from "../../utilities/event/preventEvent.js";
+import n from "react";
+import * as r from "@radix-ui/react-navigation-menu";
+//#region src/components/navigation/NavigationMenuDropdownContent.tsx
+var i = e(r.Content, { base: [
+	"p-3",
+	"bg-(--dropdown-background)",
+	"mt-1",
+	"shadow-md",
+	"rounded-md"
+] }), a = ({ children: e, ...r }) => /* @__PURE__ */ n.createElement(i, {
+	onPointerMove: t,
+	onPointerLeave: t,
+	...r
+}, /* @__PURE__ */ n.createElement("ul", null, e));
+a.displayName = "NavigationMenuDropdownContent";
+//#endregion
+export { a as NavigationMenuDropdownContent };
+
+//# sourceMappingURL=NavigationMenuDropdownContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuDropdownContent.js","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"],"names":["StyledContent","styled","NavigationMenuPrimitive","NavigationMenuDropdownContent","children","rest","React","preventEvent"],"mappings":"qLAMA,MAAMA,EAAgBC,EAAOC,EAAwB,QAAS,CAC5D,KAAM,CAAC,MAAO,6BAA8B,OAAQ,YAAa,YAAY,CAC/E,CAAC,EAMYC,EAAgC,CAAC,CAC5C,SAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAACN,EAAA,CACC,cAAeO,EACf,eAAgBA,EACf,GAAGF,CAEJC,EAAAA,EAAA,cAAC,KAAA,KAAIF,CAAS,CAChB,EAGFD,EAA8B,YAAc"}
+{"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,IAAgB,EAAO,EAAwB,SAAS,EAC5D,MAAM;CAAC;CAAO;CAA8B;CAAQ;CAAa;CAAa,EAC/E,CAAC,EAMW,KAAiC,EAC5C,aACA,GAAG,QAEH,kBAAA,cAAC,GAAD;CACE,eAAe;CACf,gBAAgB;CAChB,GAAI;CAGU,EADd,kBAAA,cAAC,MAAA,MAAI,EAAc,CACL;AAGlB,EAA8B,cAAc"}

package/dist/components/navigation/NavigationMenuDropdownItem.js

@@ -1,2 +1,15 @@
-import e from"react";import{styled as n}from"../../styled.js";import{Text as r}from"../text/Text.js";import{NavigationMenuLink as m}from"./NavigationMenuLink.js";const o=e.forwardRef((i,a)=>e.createElement(m,{ref:a,variant:"dropdownItem",...i})),t=n(r,{base:["text-grey-900","font-semibold"]});o.displayName="NavigationMenuDropdownItem",t.displayName="NavigationMenuDropdownItemTitle";export{o as NavigationMenuDropdownItem,t as NavigationMenuDropdownItemTitle};
-//# sourceMappingURL=NavigationMenuDropdownItem.js.map
+import { styled as e } from "../../styled.js";
+import { Text as t } from "../text/Text.js";
+import { NavigationMenuLink as n } from "./NavigationMenuLink.js";
+import r from "react";
+//#region src/components/navigation/NavigationMenuDropdownItem.tsx
+var i = r.forwardRef((e, t) => /* @__PURE__ */ r.createElement(n, {
+	ref: t,
+	variant: "dropdownItem",
+	...e
+})), a = e(t, { base: ["text-grey-900", "font-semibold"] });
+i.displayName = "NavigationMenuDropdownItem", a.displayName = "NavigationMenuDropdownItemTitle";
+//#endregion
+export { i as NavigationMenuDropdownItem, a as NavigationMenuDropdownItemTitle };
+
+//# sourceMappingURL=NavigationMenuDropdownItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuDropdownItem.js","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"],"names":["NavigationMenuDropdownItem","React","props","forwardedRef","NavigationMenuLink","NavigationMenuDropdownItemTitle","styled","Text"],"mappings":"wKAOaA,EAA6BC,EAAM,WAG9C,CAACC,EAAOC,IAENF,EAAA,cAACG,EAAA,CAAmB,IAAKD,EAAc,QAAQ,eAAgB,GAAGD,EAAO,CAE5E,EAEYG,EAAkCC,EAAOC,EAAM,CAC1D,KAAM,CAAC,gBAAiB,eAAe,CACzC,CAAC,EAEDP,EAA2B,YAAc,6BACzCK,EAAgC,YAAc"}
+{"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,IAA6B,EAAM,YAG7C,GAAO,MAEN,kBAAA,cAAC,GAAD;CAAoB,KAAK;CAAc,SAAQ;CAAe,GAAI;CAAS,CAAA,CAE7E,EAEW,IAAkC,EAAO,GAAM,EAC1D,MAAM,CAAC,iBAAiB,gBAAgB,EACzC,CAAC;AAEF,EAA2B,cAAc,8BACzC,EAAgC,cAAc"}

package/dist/components/navigation/NavigationMenuDropdownTrigger.js

@@ -1,2 +1,35 @@
-import{ChevronDown as m}from"@atom-learning/icons";import*as s from"@radix-ui/react-navigation-menu";import f from"clsx";import e from"react";import{styled as p}from"../../styled.js";import{preventEvent as t}from"../../utilities/event/preventEvent.js";import{Icon as v}from"../icon/Icon.js";import{navigationMenuBaseItemStyles as d,navigationMenuActiveItemStyles as g}from"./NavigationMenu.styles.js";const c=p(s.Trigger,{base:[...d,"flex","items-center","rounded-md","justify-between","data-[state=open]:bg-(--trigger-background-open)"],variants:{active:{true:g}}}),o=e.forwardRef(({children:r,active:n,...i},a)=>e.createElement(c,{active:n,...i,ref:a,onPointerMove:t,onPointerLeave:t},r,e.createElement(v,{is:m,size:"sm",className:f("ml-1","in-data-[state=open]:-rotate-180","motion-safe:duration-200","motion-safe:ease-in","motion-safe:transition-transform")})));o.displayName="NavigationMenuDropdownTrigger";export{o as NavigationMenuDropdownTrigger};
-//# sourceMappingURL=NavigationMenuDropdownTrigger.js.map
+import { styled as e } from "../../styled.js";
+import { Icon as t } from "../icon/Icon.js";
+import { preventEvent as n } from "../../utilities/event/preventEvent.js";
+import { navigationMenuActiveItemStyles as r, navigationMenuBaseItemStyles as i } from "./NavigationMenu.styles.js";
+import a from "clsx";
+import o from "react";
+import { ChevronDown as s } from "@atom-learning/icons";
+import * as c from "@radix-ui/react-navigation-menu";
+//#region src/components/navigation/NavigationMenuDropdownTrigger.tsx
+var l = e(c.Trigger, {
+	base: [
+		...i,
+		"flex",
+		"items-center",
+		"rounded-md",
+		"justify-between",
+		"data-[state=open]:bg-(--trigger-background-open)"
+	],
+	variants: { active: { true: r } }
+}), u = o.forwardRef(({ children: e, active: r, ...i }, c) => /* @__PURE__ */ o.createElement(l, {
+	active: r,
+	...i,
+	ref: c,
+	onPointerMove: n,
+	onPointerLeave: n
+}, e, /* @__PURE__ */ o.createElement(t, {
+	is: s,
+	size: "sm",
+	className: a("ml-1", "in-data-[state=open]:-rotate-180", "motion-safe:duration-200", "motion-safe:ease-in", "motion-safe:transition-transform")
+})));
+u.displayName = "NavigationMenuDropdownTrigger";
+//#endregion
+export { u as NavigationMenuDropdownTrigger };
+
+//# sourceMappingURL=NavigationMenuDropdownTrigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuDropdownTrigger.js","sources":["../../../src/components/navigation/NavigationMenuDropdownTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport clsx from 'clsx'\nimport React from 'react'\n\nimport { styled } 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={clsx(\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"],"names":["StyledTrigger","styled","NavigationMenuPrimitive","navigationMenuBaseItemStyles","navigationMenuActiveItemStyles","NavigationMenuDropdownTrigger","React","children","active","props","forwardedRef","preventEvent","Icon","ChevronDown","clsx"],"mappings":"iZAcA,MAAMA,EAAgBC,EAAOC,EAAwB,QAAS,CAC5D,KAAM,CACJ,GAAGC,EACH,OACA,eACA,aACA,kBACA,kDACF,EACA,SAAU,CACR,OAAQ,CACN,KAAMC,CACR,CACF,CACF,CAAC,EAEYC,EAAgCC,EAAM,WAGjD,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAQ,GAAGC,CAAM,EAAGC,IACjCJ,EAAA,cAACN,EAAA,CACC,OAAQQ,EACP,GAAGC,EACJ,IAAKC,EACL,cAAeC,EACf,eAAgBA,CAAAA,EAEfJ,EACDD,EAAA,cAACM,EAAA,CACC,GAAIC,EACJ,KAAK,KACL,UAAWC,EACT,OACA,mCACA,2BACA,sBACA,kCACF,EACF,CACF,CACD,EAEDT,EAA8B,YAAc"}
+{"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 clsx from 'clsx'\nimport React from 'react'\n\nimport { styled } 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={clsx(\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,IAAgB,EAAO,EAAwB,SAAS;CAC5D,MAAM;EACJ,GAAG;EACH;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,QAAQ,EACN,MAAM,GACP,EACF;CACF,CAAC,EAEW,IAAgC,EAAM,YAGhD,EAAE,aAAU,WAAQ,GAAG,KAAS,MACjC,kBAAA,cAAC,GAAD;CACU;CACR,GAAI;CACJ,KAAK;CACL,eAAe;CACf,gBAAgB;CAcF,EAZb,GACD,kBAAA,cAAC,GAAD;CACE,IAAI;CACJ,MAAK;CACL,WAAW,EACT,QACA,oCACA,4BACA,uBACA,mCACD;CACD,CAAA,CACY,CAChB;AAEF,EAA8B,cAAc"}

package/dist/components/navigation/NavigationMenuLink.js

@@ -1,2 +1,61 @@
-import*as r from"@radix-ui/react-navigation-menu";import e from"react";import{styled as i}from"../../styled.js";import{getExternalAnchorProps as f}from"../../utilities/uri/index.js";import{navigationMenuBaseItemStyles as c}from"./NavigationMenu.styles.js";const m=i("button",{base:[...c,"disabled:bg-none","disabled:cursor-default","disabled:opacity-30","disabled:text-text"]}),b=r.Item,u=i(r.Link,{base:[...c,"block","no-underline","leading-none"],variants:{elementType:{dropdownItem:["data-active:bg-background-selected","data-active:text-text-selected","data-active:hover:bg-background-selected-hover","data-active:hover:text-text-selected-hover","data-active:active:bg-background-selected-pressed","data-active:active:text-text-selected-pressed","data-active:focus-visible:shadow-[0_0_0_2px_var(--color-primary-800)]","data-active:focus-visible:text-text-selected-focus"],link:["data-active:font-semibold","data-active:text-item-(--background-selected)","data-active:after:-translate-x-1/2","data-active:after:absolute","data-active:after:bg-item-(--background-selected)","data-active:after:block","data-active:after:bottom-0","data-active:after:h-0.5","data-active:after:left-1/2","data-active:after:rounded-md","data-active:after:translate-y-0","data-active:after:w-6"]}}}),o=e.forwardRef(({children:t,href:a,disabled:s,className:d,variant:l="link",ref:p,...n},v)=>e.createElement(b,null,s?e.createElement(m,{disabled:!0,className:d},t):e.createElement(u,{href:a,ref:v,elementType:l,className:d,...f(a),...n},t)));o.displayName="NavigationMenuLink";export{o as NavigationMenuLink};
-//# sourceMappingURL=NavigationMenuLink.js.map
+import { styled as e } from "../../styled.js";
+import { getExternalAnchorProps as t } from "../../utilities/uri/index.js";
+import { navigationMenuBaseItemStyles as n } from "./NavigationMenu.styles.js";
+import r from "react";
+import * as i from "@radix-ui/react-navigation-menu";
+//#region src/components/navigation/NavigationMenuLink.tsx
+var a = e("button", { base: [
+	...n,
+	"disabled:bg-none",
+	"disabled:cursor-default",
+	"disabled:opacity-30",
+	"disabled:text-text"
+] }), o = i.Item, s = e(i.Link, {
+	base: [
+		...n,
+		"block",
+		"no-underline",
+		"leading-none"
+	],
+	variants: { elementType: {
+		dropdownItem: [
+			"data-active:bg-background-selected",
+			"data-active:text-text-selected",
+			"data-active:hover:bg-background-selected-hover",
+			"data-active:hover:text-text-selected-hover",
+			"data-active:active:bg-background-selected-pressed",
+			"data-active:active:text-text-selected-pressed",
+			"data-active:focus-visible:shadow-[0_0_0_2px_var(--color-primary-800)]",
+			"data-active:focus-visible:text-text-selected-focus"
+		],
+		link: [
+			"data-active:font-semibold",
+			"data-active:text-item-(--background-selected)",
+			"data-active:after:-translate-x-1/2",
+			"data-active:after:absolute",
+			"data-active:after:bg-item-(--background-selected)",
+			"data-active:after:block",
+			"data-active:after:bottom-0",
+			"data-active:after:h-0.5",
+			"data-active:after:left-1/2",
+			"data-active:after:rounded-md",
+			"data-active:after:translate-y-0",
+			"data-active:after:w-6"
+		]
+	} }
+}), c = r.forwardRef(({ children: e, href: n, disabled: i, className: c, variant: l = "link", ref: u, ...d }, f) => /* @__PURE__ */ r.createElement(o, null, i ? /* @__PURE__ */ r.createElement(a, {
+	disabled: !0,
+	className: c
+}, e) : /* @__PURE__ */ r.createElement(s, {
+	href: n,
+	ref: f,
+	elementType: l,
+	className: c,
+	...t(n),
+	...d
+}, e)));
+c.displayName = "NavigationMenuLink";
+//#endregion
+export { c as NavigationMenuLink };
+
+//# sourceMappingURL=NavigationMenuLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuLink.js","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    {\n      children,\n      href,\n      disabled,\n      className,\n      variant = 'link',\n      ref: _ref,\n      ...props\n    },\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"],"names":["DisabledButton","styled","navigationMenuBaseItemStyles","ListItem","NavigationMenuPrimitive","StyledLink","NavigationMenuLink","React","children","href","disabled","className","variant","_ref","props","forwardedRef","getExternalAnchorProps"],"mappings":"gQAQA,MAAMA,EAAiBC,EAAO,SAAU,CACtC,KAAM,CACJ,GAAGC,EACH,mBACA,0BACA,sBACA,oBACF,CACF,CAAC,EAEKC,EAAWC,EAAwB,KAEnCC,EAAaJ,EAAOG,EAAwB,KAAM,CACtD,KAAM,CACJ,GAAGF,EACH,QACA,eACA,cACF,EACA,SAAU,CACR,YAAa,CACX,aAAc,CACZ,qCACA,iCACA,iDACA,6CACA,oDACA,gDACA,wEACA,oDACF,EACA,KAAM,CACJ,4BACA,gDACA,qCACA,6BACA,oDACA,0BACA,6BACA,0BACA,6BACA,+BACA,kCACA,uBACF,CACF,CACF,CACF,CAAC,EAEYI,EAAqBC,EAAM,WAOtC,CACE,CACE,SAAAC,EACA,KAAAC,EACA,SAAAC,EACA,UAAAC,EACA,QAAAC,EAAU,OACV,IAAKC,EACL,GAAGC,CACL,EACAC,IAEAR,EAAA,cAACJ,EAAA,KACEO,EACCH,EAAA,cAACP,EAAA,CAAe,SAAQ,GAAC,UAAWW,CACjCH,EAAAA,CACH,EAEAD,EAAA,cAACF,EAAA,CACC,KAAMI,EACN,IAAKM,EACL,YAAaH,EACb,UAAWD,EACV,GAAGK,EAAuBP,CAAI,EAC9B,GAAGK,GAEHN,CACH,CAEJ,CAEJ,EAEAF,EAAmB,YAAc"}
+{"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    {\n      children,\n      href,\n      disabled,\n      className,\n      variant = 'link',\n      ref: _ref,\n      ...props\n    },\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,IAAiB,EAAO,UAAU,EACtC,MAAM;CACJ,GAAG;CACH;CACA;CACA;CACA;CACD,EACF,CAAC,EAEI,IAAW,EAAwB,MAEnC,IAAa,EAAO,EAAwB,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,EAEW,IAAqB,EAAM,YAQpC,EACE,aACA,SACA,aACA,cACA,aAAU,QACV,KAAK,GACL,GAAG,KAEL,MAEA,kBAAA,cAAC,GAAA,MACE,IACC,kBAAA,cAAC,GAAD;CAAgB,UAAA;CAAoB;CAEnB,EADd,EACc,GAEjB,kBAAA,cAAC,GAAD;CACQ;CACN,KAAK;CACL,aAAa;CACF;CACX,GAAI,EAAuB,EAAK;CAChC,GAAI;CAGO,EADV,EACU,CAEN,CAEd;AAED,EAAmB,cAAc"}

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

@@ -1,2 +1,12 @@
-const e={"--text":"var(--foreground)","--background":"var(--base-1)","--background-hover":"var(--base-2)","--background-active":"var(--base-3)","--text-selected":"var(--accent-9)","--background-selected":"var(--accent-2)"},a={light:e};export{a as colorSchemes};
-//# sourceMappingURL=NavigationMenuVertical.colorscheme.config.js.map
+var e = { light: {
+	"--text": "var(--foreground)",
+	"--background": "var(--base-1)",
+	"--background-hover": "var(--base-2)",
+	"--background-active": "var(--base-3)",
+	"--text-selected": "var(--accent-9)",
+	"--background-selected": "var(--accent-2)"
+} };
+//#endregion
+export { e as colorSchemes };
+
+//# sourceMappingURL=NavigationMenuVertical.colorscheme.config.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVertical.colorscheme.config.js","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"],"names":["light","colorSchemes"],"mappings":"AAAA,MAAMA,EAAQ,CACZ,SAAU,oBACV,eAAgB,gBAChB,qBAAsB,gBACtB,sBAAuB,gBACvB,kBAAmB,kBACnB,wBAAyB,iBAC3B,EAEaC,EAAe,CAC1B,MAAAD,CACF"}
+{"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,IAAe,EAC1B,OAVY;CACZ,UAAU;CACV,gBAAgB;CAChB,sBAAsB;CACtB,uBAAuB;CACvB,mBAAmB;CACnB,yBAAyB;CAC1B,EAIA"}

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.js

@@ -1,2 +1,31 @@
-import{Root as e}from"@radix-ui/react-navigation-menu";import t from"react";import{styled as r,Theme as n}from"../../styled.js";import{colorSchemes as a}from"./NavigationMenuVertical.colorscheme.config.js";import{NavigationMenuVerticalAccordion as m}from"./NavigationMenuVerticalAccordion.js";import{NavigationMenuVerticalAccordionContent as c}from"./NavigationMenuVerticalAccordionContent.js";import{NavigationMenuVerticalAccordionTrigger as l}from"./NavigationMenuVerticalAccordionTrigger.js";import{NavigationMenuVerticalIcon as g}from"./NavigationMenuVerticalIcon.js";import{NavigationMenuVerticalItem as f}from"./NavigationMenuVerticalItem.js";import{NavigationMenuVerticalItemContent as p}from"./NavigationMenuVerticalItemContent.js";import{NavigationMenuVerticalLink as u}from"./NavigationMenuVerticalLink.js";import{NavigationMenuVerticalList as v}from"./NavigationMenuVerticalList.js";import{NavigationMenuVerticalText as M}from"./NavigationMenuVerticalText.js";const N=r(e,{base:["w-full"]}),V=Object.assign(({children:o,...i})=>t.createElement(n,{theme:a.light},t.createElement(N,{...i,orientation:"vertical"},t.createElement(v,null,o))),{Link:u,Accordion:m,AccordionContent:c,AccordionTrigger:l,Item:f,ItemContent:p,Icon:g,Text:M});export{V as NavigationMenuVertical};
-//# sourceMappingURL=NavigationMenuVertical.js.map
+import { Theme as e, styled as t } from "../../styled.js";
+import { colorSchemes as n } from "./NavigationMenuVertical.colorscheme.config.js";
+import { NavigationMenuVerticalItem as r } from "./NavigationMenuVerticalItem.js";
+import { NavigationMenuVerticalAccordion as i } from "./NavigationMenuVerticalAccordion.js";
+import { NavigationMenuVerticalList as a } from "./NavigationMenuVerticalList.js";
+import { NavigationMenuVerticalAccordionContent as o } from "./NavigationMenuVerticalAccordionContent.js";
+import { NavigationMenuVerticalIcon as s } from "./NavigationMenuVerticalIcon.js";
+import { NavigationMenuVerticalText as c } from "./NavigationMenuVerticalText.js";
+import { NavigationMenuVerticalItemContent as l } from "./NavigationMenuVerticalItemContent.js";
+import { NavigationMenuVerticalAccordionTrigger as u } from "./NavigationMenuVerticalAccordionTrigger.js";
+import { NavigationMenuVerticalLink as d } from "./NavigationMenuVerticalLink.js";
+import f from "react";
+import { Root as p } from "@radix-ui/react-navigation-menu";
+//#region src/components/navigation-menu-vertical/NavigationMenuVertical.tsx
+var m = t(p, { base: ["w-full"] }), h = Object.assign(({ children: t, ...r }) => /* @__PURE__ */ f.createElement(e, { theme: n.light }, /* @__PURE__ */ f.createElement(m, {
+	...r,
+	orientation: "vertical"
+}, /* @__PURE__ */ f.createElement(a, null, t))), {
+	Link: d,
+	Accordion: i,
+	AccordionContent: o,
+	AccordionTrigger: u,
+	Item: r,
+	ItemContent: l,
+	Icon: s,
+	Text: c
+});
+//#endregion
+export { h as NavigationMenuVertical };
+
+//# sourceMappingURL=NavigationMenuVertical.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVertical.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled, Theme } from '~/styled'\n\nimport { colorSchemes as navigationMenuVerticalColorSchemes } from './NavigationMenuVertical.colorscheme.config'\nimport { NavigationMenuVerticalAccordion } from './NavigationMenuVerticalAccordion'\nimport { NavigationMenuVerticalAccordionContent } from './NavigationMenuVerticalAccordionContent'\nimport { NavigationMenuVerticalAccordionTrigger } from './NavigationMenuVerticalAccordionTrigger'\nimport { NavigationMenuVerticalIcon } from './NavigationMenuVerticalIcon'\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\nimport { NavigationMenuVerticalLink } from './NavigationMenuVerticalLink'\nimport { NavigationMenuVerticalList } from './NavigationMenuVerticalList'\nimport { NavigationMenuVerticalText } from './NavigationMenuVerticalText'\n\nconst StyledRoot = styled(Root, {\n  base: ['w-full']\n})\n\n/*\n * (!)\n * NavigationMenu vertical behaviour was buggy so had to build the\n * opening/closing nested Content(Accordion) based on `Collapsible` instead.\n * This means that the below `value` based props and `Trigger`/`Content`\n * animations do nothing, so removing them from typescript\n */\ntype TNavigationVerticalProps = Omit<\n  React.ComponentProps<typeof StyledRoot>,\n  | 'delayDuration'\n  | 'skipDelayDuration'\n  | 'defaultValue'\n  | 'value'\n  | 'onValueChange'\n>\n\nexport const NavigationMenuVertical = Object.assign(\n  ({ children, ...rest }: TNavigationVerticalProps) => (\n    <Theme theme={navigationMenuVerticalColorSchemes['light']}>\n      <StyledRoot {...rest} orientation=\"vertical\">\n        <NavigationMenuVerticalList>{children}</NavigationMenuVerticalList>\n      </StyledRoot>\n    </Theme>\n  ),\n  {\n    Link: NavigationMenuVerticalLink,\n    Accordion: NavigationMenuVerticalAccordion,\n    AccordionContent: NavigationMenuVerticalAccordionContent,\n    AccordionTrigger: NavigationMenuVerticalAccordionTrigger,\n    Item: NavigationMenuVerticalItem,\n    ItemContent: NavigationMenuVerticalItemContent,\n    Icon: NavigationMenuVerticalIcon,\n    Text: NavigationMenuVerticalText\n  }\n)\n"],"names":["StyledRoot","styled","Root","NavigationMenuVertical","children","rest","React","Theme","navigationMenuVerticalColorSchemes","NavigationMenuVerticalList","NavigationMenuVerticalLink","NavigationMenuVerticalAccordion","NavigationMenuVerticalAccordionContent","NavigationMenuVerticalAccordionTrigger","NavigationMenuVerticalItem","NavigationMenuVerticalItemContent","NavigationMenuVerticalIcon","NavigationMenuVerticalText"],"mappings":"28BAgBA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,KAAM,CAAC,QAAQ,CACjB,CAAC,EAkBYC,EAAyB,OAAO,OAC3C,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAK,IACnBC,EAAA,cAACC,EAAA,CAAM,MAAOC,EAAmC,KAC/CF,EAAAA,EAAA,cAACN,EAAA,CAAY,GAAGK,EAAM,YAAY,UAAA,EAChCC,EAAA,cAACG,EAAA,KAA4BL,CAAS,CACxC,CACF,EAEF,CACE,KAAMM,EACN,UAAWC,EACX,iBAAkBC,EAClB,iBAAkBC,EAClB,KAAMC,EACN,YAAaC,EACb,KAAMC,EACN,KAAMC,CACR,CACF"}
+{"version":3,"file":"NavigationMenuVertical.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled, Theme } from '~/styled'\n\nimport { colorSchemes as navigationMenuVerticalColorSchemes } from './NavigationMenuVertical.colorscheme.config'\nimport { NavigationMenuVerticalAccordion } from './NavigationMenuVerticalAccordion'\nimport { NavigationMenuVerticalAccordionContent } from './NavigationMenuVerticalAccordionContent'\nimport { NavigationMenuVerticalAccordionTrigger } from './NavigationMenuVerticalAccordionTrigger'\nimport { NavigationMenuVerticalIcon } from './NavigationMenuVerticalIcon'\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\nimport { NavigationMenuVerticalLink } from './NavigationMenuVerticalLink'\nimport { NavigationMenuVerticalList } from './NavigationMenuVerticalList'\nimport { NavigationMenuVerticalText } from './NavigationMenuVerticalText'\n\nconst StyledRoot = styled(Root, {\n  base: ['w-full']\n})\n\n/*\n * (!)\n * NavigationMenu vertical behaviour was buggy so had to build the\n * opening/closing nested Content(Accordion) based on `Collapsible` instead.\n * This means that the below `value` based props and `Trigger`/`Content`\n * animations do nothing, so removing them from typescript\n */\ntype TNavigationVerticalProps = Omit<\n  React.ComponentProps<typeof StyledRoot>,\n  | 'delayDuration'\n  | 'skipDelayDuration'\n  | 'defaultValue'\n  | 'value'\n  | 'onValueChange'\n>\n\nexport const NavigationMenuVertical = Object.assign(\n  ({ children, ...rest }: TNavigationVerticalProps) => (\n    <Theme theme={navigationMenuVerticalColorSchemes['light']}>\n      <StyledRoot {...rest} orientation=\"vertical\">\n        <NavigationMenuVerticalList>{children}</NavigationMenuVerticalList>\n      </StyledRoot>\n    </Theme>\n  ),\n  {\n    Link: NavigationMenuVerticalLink,\n    Accordion: NavigationMenuVerticalAccordion,\n    AccordionContent: NavigationMenuVerticalAccordionContent,\n    AccordionTrigger: NavigationMenuVerticalAccordionTrigger,\n    Item: NavigationMenuVerticalItem,\n    ItemContent: NavigationMenuVerticalItemContent,\n    Icon: NavigationMenuVerticalIcon,\n    Text: NavigationMenuVerticalText\n  }\n)\n"],"mappings":";;;;;;;;;;;;;;AAgBA,IAAM,IAAa,EAAO,GAAM,EAC9B,MAAM,CAAC,SAAS,EACjB,CAAC,EAkBW,IAAyB,OAAO,QAC1C,EAAE,aAAU,GAAG,QACd,kBAAA,cAAC,GAAD,EAAO,OAAO,EAAmC,OAIzC,EAHN,kBAAA,cAAC,GAAD;CAAY,GAAI;CAAM,aAAY;CAErB,EADX,kBAAA,cAAC,GAAA,MAA4B,EAAsC,CACxD,CACP,EAEV;CACE,MAAM;CACN,WAAW;CACX,kBAAkB;CAClB,kBAAkB;CAClB,MAAM;CACN,aAAa;CACb,MAAM;CACN,MAAM;CACP,CACF"}

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.styles.js

@@ -1,2 +1,6 @@
-const e=["[--navigation-menu-vertical-item-font-weight:400]","data-[state=open]:[--navigation-menu-vertical-item-font-weight:600]","border-none","outline-none","bg-none","decoration-[inherit]","cursor-pointer","rounded-md","flex","items-center","p-2","pl-(--navigation-menu-vertical-item-pl)","w-full","text-(--text)","bg-(--background)","disabled:cursor-not-allowed","[text-decoration:unset]","disabled:opacity-30","not-disabled:active:bg-(--background-active)","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]","not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]","not-disabled:focus-visible:z-1","not-disabled:hover:bg-(--background-hover)","data-active:bg-(--background-selected)","data-active:text-(--text-selected)","data-active:[--navigation-menu-vertical-item-font-weight:600]"];export{e as navigationMenuVerticalItemStyles};
-//# sourceMappingURL=NavigationMenuVertical.styles.js.map
+//#region src/components/navigation-menu-vertical/NavigationMenuVertical.styles.ts
+var e = /* @__PURE__ */ "[--navigation-menu-vertical-item-font-weight:400].data-[state=open]:[--navigation-menu-vertical-item-font-weight:600].border-none.outline-none.bg-none.decoration-[inherit].cursor-pointer.rounded-md.flex.items-center.p-2.pl-(--navigation-menu-vertical-item-pl).w-full.text-(--text).bg-(--background).disabled:cursor-not-allowed.[text-decoration:unset].disabled:opacity-30.not-disabled:active:bg-(--background-active).not-disabled:focus-visible:outline-none.not-disabled:focus-visible:relative.not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px].not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px].not-disabled:focus-visible:z-1.not-disabled:hover:bg-(--background-hover).data-active:bg-(--background-selected).data-active:text-(--text-selected).data-active:[--navigation-menu-vertical-item-font-weight:600]".split(".");
+//#endregion
+export { e as navigationMenuVerticalItemStyles };
+
+//# sourceMappingURL=NavigationMenuVertical.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVertical.styles.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.styles.ts"],"sourcesContent":["export const navigationMenuVerticalItemStyles = [\n  '[--navigation-menu-vertical-item-font-weight:400]',\n  'data-[state=open]:[--navigation-menu-vertical-item-font-weight:600]',\n  'border-none',\n  'outline-none',\n  'bg-none',\n  'decoration-[inherit]',\n  'cursor-pointer',\n  'rounded-md',\n  'flex',\n  'items-center',\n  'p-2',\n  'pl-(--navigation-menu-vertical-item-pl)',\n  'w-full',\n  'text-(--text)',\n  'bg-(--background)',\n  'disabled:cursor-not-allowed',\n  '[text-decoration:unset]',\n  'disabled:opacity-30',\n  'not-disabled:active:bg-(--background-active)',\n  'not-disabled:focus-visible:outline-none',\n  'not-disabled:focus-visible:relative',\n  'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n  'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n  'not-disabled:focus-visible:z-1',\n  'not-disabled:hover:bg-(--background-hover)',\n  'data-active:bg-(--background-selected)',\n  'data-active:text-(--text-selected)',\n  'data-active:[--navigation-menu-vertical-item-font-weight:600]'\n]\n"],"names":["navigationMenuVerticalItemStyles"],"mappings":"AAAO,MAAMA,EAAmC,CAC9C,oDACA,sEACA,cACA,eACA,UACA,uBACA,iBACA,aACA,OACA,eACA,MACA,0CACA,SACA,gBACA,oBACA,8BACA,0BACA,sBACA,+CACA,0CACA,sCACA,+EACA,4DACA,iCACA,6CACA,yCACA,qCACA,+DACF"}
+{"version":3,"file":"NavigationMenuVertical.styles.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.styles.ts"],"sourcesContent":["export const navigationMenuVerticalItemStyles = [\n  '[--navigation-menu-vertical-item-font-weight:400]',\n  'data-[state=open]:[--navigation-menu-vertical-item-font-weight:600]',\n  'border-none',\n  'outline-none',\n  'bg-none',\n  'decoration-[inherit]',\n  'cursor-pointer',\n  'rounded-md',\n  'flex',\n  'items-center',\n  'p-2',\n  'pl-(--navigation-menu-vertical-item-pl)',\n  'w-full',\n  'text-(--text)',\n  'bg-(--background)',\n  'disabled:cursor-not-allowed',\n  '[text-decoration:unset]',\n  'disabled:opacity-30',\n  'not-disabled:active:bg-(--background-active)',\n  'not-disabled:focus-visible:outline-none',\n  'not-disabled:focus-visible:relative',\n  'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n  'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n  'not-disabled:focus-visible:z-1',\n  'not-disabled:hover:bg-(--background-hover)',\n  'data-active:bg-(--background-selected)',\n  'data-active:text-(--text-selected)',\n  'data-active:[--navigation-menu-vertical-item-font-weight:600]'\n]\n"],"mappings":";AAAA,IAAa,IAAmC,i2BA6B/C"}

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordion.js

@@ -1,2 +1,27 @@
-import{Root as c}from"@radix-ui/react-collapsible";import*as e from"react";import{useCallbackRef as l}from"../../utilities/hooks/useCallbackRef.js";import{NavigationMenuVerticalItem as m}from"./NavigationMenuVerticalItem.js";const r=e.createContext({}),p=({children:t})=>{const[n,o]=l();return e.createElement(r.Provider,{value:{triggerRef:n,setTriggerRef:o}},t)},d=({defaultOpen:t,open:n,onOpenChange:o,disabled:a,...i})=>e.createElement(p,null,e.createElement(c,{defaultOpen:t,open:n,onOpenChange:o,disabled:a,asChild:!0},e.createElement(m,{...i})));export{d as NavigationMenuVerticalAccordion,r as NavigationMenuVerticalAccordionContext};
-//# sourceMappingURL=NavigationMenuVerticalAccordion.js.map
+import { useCallbackRef as e } from "../../utilities/hooks/useCallbackRef.js";
+import { NavigationMenuVerticalItem as t } from "./NavigationMenuVerticalItem.js";
+import * as n from "react";
+import { Root as r } from "@radix-ui/react-collapsible";
+//#region src/components/navigation-menu-vertical/NavigationMenuVerticalAccordion.tsx
+var i = n.createContext({}), a = ({ children: t }) => {
+	let [r, a] = e();
+	return /* @__PURE__ */ n.createElement(i.Provider, { value: {
+		triggerRef: r,
+		setTriggerRef: a
+	} }, t);
+}, o = ({ defaultOpen: e, open: i, onOpenChange: o, disabled: s, ...c }) => {
+	let l = {
+		defaultOpen: e,
+		open: i,
+		onOpenChange: o,
+		disabled: s
+	};
+	return /* @__PURE__ */ n.createElement(a, null, /* @__PURE__ */ n.createElement(r, {
+		...l,
+		asChild: !0
+	}, /* @__PURE__ */ n.createElement(t, c)));
+};
+//#endregion
+export { o as NavigationMenuVerticalAccordion, i as NavigationMenuVerticalAccordionContext };
+
+//# sourceMappingURL=NavigationMenuVerticalAccordion.js.map