@atom-learning/components 3.12.4 → 3.12.7

package/dist/components/navigation/NavigationMenu.js

@@ -1,2 +1,2 @@
-import*as m from"@radix-ui/react-navigation-menu";import t from"react";import{MAX_Z_INDEX as M}from"../../constants/zIndices.js";import{keyframes as D,styled as n}from"../../stitches.js";import{fadeOut as h}from"../../utilities/style/keyframe-animations.js";import{NavigationMenuContext as E}from"./NavigationMenuContext.js";import{NavigationMenuDropdown as x}from"./NavigationMenuDropdown.js";import{NavigationMenuDropdownContent as C}from"./NavigationMenuDropdownContent.js";import{NavigationMenuDropdownItem as I,NavigationMenuDropdownItemTitle as $}from"./NavigationMenuDropdownItem.js";import{NavigationMenuDropdownTrigger as T}from"./NavigationMenuDropdownTrigger.js";import{NavigationMenuLink as L}from"./NavigationMenuLink.js";import{colorSchemes as S}from"./stitches.navigationMenu.colorscheme.config.js";const _=D({"0%, 50%":{opacity:0},"100%":{opacity:1}}),k=n(m.Root,{display:"flex",justifyContent:"center",position:"relative"}),W=n(m.List,{all:"unset",display:"flex",justifyContent:"center",alignItems:"center",gap:"$1",listStyle:"none"}),j=n(m.Viewport,{zIndex:M}),V=n("div",{position:"absolute",left:0,top:"100%",width:"100%",display:"flex",justifyContent:"center"}),o=({children:f,css:p,...u})=>{const[d,l]=t.useState(),[r,c]=t.useState(),[i,g]=t.useState(0),a=t.useRef(null),s=200;t.useLayoutEffect(()=>{a.current&&g(a.current.offsetWidth)},[]),t.useEffect(()=>{let e;return r===""&&(e=setTimeout(()=>l(null),s)),()=>{e!==null&&clearTimeout(e)}},[r]);const y=(e,v)=>{if(e&&i&&r===v){const N=i/2,w=i-e.offsetLeft-e.offsetWidth+e.offsetWidth/2;l(Math.round(N-w))}return e};return t.createElement(E.Provider,{value:{onNodeUpdate:y}},t.createElement(k,{className:S.light,onValueChange:c,css:p,...u},t.createElement(W,{ref:a},f),t.createElement(V,null,t.createElement(j,{css:{transform:`translateX(${d||0}px)`,'&[data-state="open"]':{animation:`${_} ${s}ms ease`},'&[data-state="closed"]':{animation:`${h} ${s}ms ease-out`}}}))))};o.Link=L,o.Dropdown=x,o.DropdownContent=C,o.DropdownItem=I,o.DropdownItemTitle=$,o.DropdownTrigger=T,o.displayName="NavigationMenu";export{o as NavigationMenu};
+import*as s from"@radix-ui/react-navigation-menu";import t from"react";import{MAX_Z_INDEX as D}from"../../constants/zIndices.js";import{keyframes as M,styled as o}from"../../stitches.js";import{fadeOut as h}from"../../utilities/style/keyframe-animations.js";import{NavigationMenuContext as E}from"./NavigationMenuContext.js";import{NavigationMenuDropdown as x}from"./NavigationMenuDropdown.js";import{NavigationMenuDropdownContent as C}from"./NavigationMenuDropdownContent.js";import{NavigationMenuDropdownItem as I,NavigationMenuDropdownItemTitle as T}from"./NavigationMenuDropdownItem.js";import{NavigationMenuDropdownTrigger as $}from"./NavigationMenuDropdownTrigger.js";import{NavigationMenuLink as j}from"./NavigationMenuLink.js";import{colorSchemes as L}from"./stitches.navigationMenu.colorscheme.config.js";const S=M({"0%, 50%":{opacity:0},"100%":{opacity:1}}),_=o(s.Root,{display:"flex",justifyContent:"center",position:"relative"}),W=o(s.List,{all:"unset",display:"flex",justifyContent:"center",alignItems:"center",gap:"$1",listStyle:"none"}),k=o(s.Viewport,{zIndex:D}),O=o("div",{position:"absolute",left:0,top:"100%",width:"100%",display:"flex",justifyContent:"center"}),l=({children:f,css:p,...u})=>{const[c,m]=t.useState(),[n,d]=t.useState(),[r,g]=t.useState(0),i=t.useRef(null),a=200;t.useLayoutEffect(()=>{i.current&&g(i.current.offsetWidth)},[]),t.useEffect(()=>{let e;return n===""&&(e=setTimeout(()=>m(null),a)),()=>{e!==null&&clearTimeout(e)}},[n]);const v=(e,y)=>{if(e&&r&&n===y){const N=r/2,w=r-e.offsetLeft-e.offsetWidth+e.offsetWidth/2;m(Math.round(N-w))}return e};return t.createElement(E.Provider,{value:{onNodeUpdate:v}},t.createElement(_,{className:L.light,onValueChange:d,css:p,...u},t.createElement(W,{ref:i},f),t.createElement(O,null,t.createElement(k,{css:{transform:`translateX(${c||0}px)`,'&[data-state="open"]':{animation:`${S} ${a}ms ease`},'&[data-state="closed"]':{animation:`${h} ${a}ms ease-out`}}}))))},V=Object.assign(l,{Link:j,Dropdown:x,DropdownContent:C,DropdownItem:I,DropdownItemTitle:T,DropdownTrigger:$});l.displayName="NavigationMenu";export{V 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 React from 'react'\n\nimport { MAX_Z_INDEX } from '~/constants/zIndices'\nimport { CSS, keyframes, styled } from '~/stitches'\nimport { fadeOut } from '~/utilities/style/keyframe-animations'\n\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'\nimport { colorSchemes as navigationMenuColorSchemes } from './stitches.navigationMenu.colorscheme.config'\n\ntype NavigationMenuSubComponents = {\n  Link: typeof NavigationMenuLink\n  Dropdown: typeof NavigationMenuDropdown\n  DropdownContent: typeof NavigationMenuDropdownContent\n  DropdownItem: typeof NavigationMenuDropdownItem\n  DropdownItemTitle: typeof NavigationMenuDropdownItemTitle\n  DropdownTrigger: typeof NavigationMenuDropdownTrigger\n}\n\nconst delayedFadeIn = keyframes({\n  '0%, 50%': { opacity: 0 },\n  '100%': { opacity: 1 }\n})\n\nconst StyledMenu = styled(NavigationMenuPrimitive.Root, {\n  display: 'flex',\n  justifyContent: 'center',\n  position: 'relative'\n})\n\nconst StyledList = styled(NavigationMenuPrimitive.List, {\n  all: 'unset',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  gap: '$1',\n  listStyle: 'none'\n})\n\nconst StyledViewport = styled(NavigationMenuPrimitive.Viewport, {\n  zIndex: MAX_Z_INDEX\n})\n\nconst ViewportPosition = styled('div', {\n  position: 'absolute',\n  left: 0,\n  top: '100%',\n  width: '100%',\n  display: 'flex',\n  justifyContent: 'center'\n})\n\ntype NavigationMenuProps = React.ComponentProps<typeof StyledMenu>\n\nexport const NavigationMenu: React.FC<NavigationMenuProps> &\n  NavigationMenuSubComponents = ({ children, css, ...props }) => {\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  const fadeDuration = 200\n\n  React.useLayoutEffect(() => {\n    if (listRef.current) {\n      setListWidth(listRef.current.offsetWidth)\n    }\n  }, [])\n\n  React.useEffect(() => {\n    let timer: NodeJS.Timer\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), fadeDuration)\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={navigationMenuColorSchemes['light']}\n        onValueChange={setActiveItem}\n        css={css}\n        {...props}\n      >\n        <StyledList ref={listRef}>{children}</StyledList>\n        <ViewportPosition>\n          <StyledViewport\n            css={{\n              transform: `translateX(${offset || 0}px)`,\n              '&[data-state=\"open\"]': {\n                animation: `${delayedFadeIn} ${fadeDuration}ms ease`\n              },\n              '&[data-state=\"closed\"]': {\n                animation: `${fadeOut} ${fadeDuration}ms ease-out`\n              }\n            }}\n          />\n        </ViewportPosition>\n      </StyledMenu>\n    </NavigationMenuContext.Provider>\n  )\n}\n\nNavigationMenu.Link = NavigationMenuLink\nNavigationMenu.Dropdown = NavigationMenuDropdown\nNavigationMenu.DropdownContent = NavigationMenuDropdownContent\nNavigationMenu.DropdownItem = NavigationMenuDropdownItem\nNavigationMenu.DropdownItemTitle = NavigationMenuDropdownItemTitle\nNavigationMenu.DropdownTrigger = NavigationMenuDropdownTrigger\n\nNavigationMenu.displayName = 'NavigationMenu'\n"],"names":["delayedFadeIn","keyframes","StyledMenu","styled","NavigationMenuPrimitive","StyledList","StyledViewport","MAX_Z_INDEX","ViewportPosition","NavigationMenu","children","css","props","offset","setOffset","React","activeItem","setActiveItem","listWidth","setListWidth","listRef","fadeDuration","timer","onNodeUpdate","trigger","itemValue","listCenter","triggerOffsetRight","NavigationMenuContext","navigationMenuColorSchemes","fadeOut","NavigationMenuLink","NavigationMenuDropdown","NavigationMenuDropdownContent","NavigationMenuDropdownItem","NavigationMenuDropdownItemTitle","NavigationMenuDropdownTrigger"],"mappings":"8yBA2BA,MAAMA,EAAgBC,EAAU,CAC9B,UAAW,CAAE,QAAS,CAAE,EACxB,OAAQ,CAAE,QAAS,CAAE,CACvB,CAAC,EAEKC,EAAaC,EAAOC,EAAwB,KAAM,CACtD,QAAS,OACT,eAAgB,SAChB,SAAU,UACZ,CAAC,EAEKC,EAAaF,EAAOC,EAAwB,KAAM,CACtD,IAAK,QACL,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,IAAK,KACL,UAAW,MACb,CAAC,EAEKE,EAAiBH,EAAOC,EAAwB,SAAU,CAC9D,OAAQG,CACV,CAAC,EAEKC,EAAmBL,EAAO,MAAO,CACrC,SAAU,WACV,KAAM,EACN,IAAK,OACL,MAAO,OACP,QAAS,OACT,eAAgB,QAClB,CAAC,EAIYM,EACmB,CAAC,CAAE,SAAAC,EAAU,IAAAC,KAAQC,CAAM,IAAM,CAC/D,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAM,WAC5B,CAACC,EAAYC,CAAa,EAAIF,EAAM,SACpC,EAAA,CAACG,EAAWC,CAAY,EAAIJ,EAAM,SAAS,CAAC,EAC5CK,EAAUL,EAAM,OAAyB,IAAI,EAC7CM,EAAe,IAErBN,EAAM,gBAAgB,IAAM,CACtBK,EAAQ,SACVD,EAAaC,EAAQ,QAAQ,WAAW,CAE5C,EAAG,CAAA,CAAE,EAELL,EAAM,UAAU,IAAM,CACpB,IAAIO,EAIJ,OAAIN,IAAe,KACjBM,EAAQ,WAAW,IAAMR,EAAU,IAAI,EAAGO,CAAY,GAGjD,IAAM,CACPC,IAAU,MACZ,aAAaA,CAAK,CAEtB,CACF,EAAG,CAACN,CAAU,CAAC,EAGf,MAAMO,EAAe,CAACC,EAA4BC,IAAsB,CACtE,GAAID,GAAWN,GAAaF,IAAeS,EAAW,CACpD,MAAMC,EAAaR,EAAY,EAEzBS,EACJT,EACAM,EAAQ,WACRA,EAAQ,YACRA,EAAQ,YAAc,EAExBV,EAAU,KAAK,MAAMY,EAAaC,CAAkB,CAAC,CACvD,CAEA,OAAOH,CACT,EAEA,OACET,EAAA,cAACa,EAAsB,SAAtB,CAA+B,MAAO,CAAE,aAAAL,CAAa,GACpDR,EAAA,cAACb,EAAA,CACC,UAAW2B,EAA2B,MACtC,cAAeZ,EACf,IAAKN,EACJ,GAAGC,CAAAA,EAEJG,EAAA,cAACV,EAAA,CAAW,IAAKe,CAAUV,EAAAA,CAAS,EACpCK,EAAA,cAACP,EAAA,KACCO,EAAA,cAACT,EAAA,CACC,IAAK,CACH,UAAW,cAAcO,GAAU,OACnC,uBAAwB,CACtB,UAAW,GAAGb,KAAiBqB,UACjC,EACA,yBAA0B,CACxB,UAAW,GAAGS,KAAWT,cAC3B,CACF,EACF,CACF,CACF,CACF,CAEJ,EAEAZ,EAAe,KAAOsB,EACtBtB,EAAe,SAAWuB,EAC1BvB,EAAe,gBAAkBwB,EACjCxB,EAAe,aAAeyB,EAC9BzB,EAAe,kBAAoB0B,EACnC1B,EAAe,gBAAkB2B,EAEjC3B,EAAe,YAAc"}
+{"version":3,"file":"NavigationMenu.js","sources":["../../../src/components/navigation/NavigationMenu.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { MAX_Z_INDEX } from '~/constants/zIndices'\nimport { keyframes, styled } from '~/stitches'\nimport { fadeOut } from '~/utilities/style/keyframe-animations'\n\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'\nimport { colorSchemes as navigationMenuColorSchemes } from './stitches.navigationMenu.colorscheme.config'\n\nconst delayedFadeIn = keyframes({\n  '0%, 50%': { opacity: 0 },\n  '100%': { opacity: 1 }\n})\n\nconst StyledMenu = styled(NavigationMenuPrimitive.Root, {\n  display: 'flex',\n  justifyContent: 'center',\n  position: 'relative'\n})\n\nconst StyledList = styled(NavigationMenuPrimitive.List, {\n  all: 'unset',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  gap: '$1',\n  listStyle: 'none'\n})\n\nconst StyledViewport = styled(NavigationMenuPrimitive.Viewport, {\n  zIndex: MAX_Z_INDEX\n})\n\nconst ViewportPosition = styled('div', {\n  position: 'absolute',\n  left: 0,\n  top: '100%',\n  width: '100%',\n  display: 'flex',\n  justifyContent: 'center'\n})\n\nconst NavigationMenuComponent = ({\n  children,\n  css,\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  const fadeDuration = 200\n\n  React.useLayoutEffect(() => {\n    if (listRef.current) {\n      setListWidth(listRef.current.offsetWidth)\n    }\n  }, [])\n\n  React.useEffect(() => {\n    let timer: NodeJS.Timer\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), fadeDuration)\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={navigationMenuColorSchemes['light']}\n        onValueChange={setActiveItem}\n        css={css}\n        {...props}\n      >\n        <StyledList ref={listRef}>{children}</StyledList>\n        <ViewportPosition>\n          <StyledViewport\n            css={{\n              transform: `translateX(${offset || 0}px)`,\n              '&[data-state=\"open\"]': {\n                animation: `${delayedFadeIn} ${fadeDuration}ms ease`\n              },\n              '&[data-state=\"closed\"]': {\n                animation: `${fadeOut} ${fadeDuration}ms ease-out`\n              }\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":["delayedFadeIn","keyframes","StyledMenu","styled","NavigationMenuPrimitive","StyledList","StyledViewport","MAX_Z_INDEX","ViewportPosition","NavigationMenuComponent","children","css","props","offset","setOffset","React","activeItem","setActiveItem","listWidth","setListWidth","listRef","fadeDuration","timer","onNodeUpdate","trigger","itemValue","listCenter","triggerOffsetRight","NavigationMenuContext","navigationMenuColorSchemes","fadeOut","NavigationMenu","NavigationMenuLink","NavigationMenuDropdown","NavigationMenuDropdownContent","NavigationMenuDropdownItem","NavigationMenuDropdownItemTitle","NavigationMenuDropdownTrigger"],"mappings":"8yBAkBA,MAAMA,EAAgBC,EAAU,CAC9B,UAAW,CAAE,QAAS,CAAE,EACxB,OAAQ,CAAE,QAAS,CAAE,CACvB,CAAC,EAEKC,EAAaC,EAAOC,EAAwB,KAAM,CACtD,QAAS,OACT,eAAgB,SAChB,SAAU,UACZ,CAAC,EAEKC,EAAaF,EAAOC,EAAwB,KAAM,CACtD,IAAK,QACL,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,IAAK,KACL,UAAW,MACb,CAAC,EAEKE,EAAiBH,EAAOC,EAAwB,SAAU,CAC9D,OAAQG,CACV,CAAC,EAEKC,EAAmBL,EAAO,MAAO,CACrC,SAAU,WACV,KAAM,EACN,IAAK,OACL,MAAO,OACP,QAAS,OACT,eAAgB,QAClB,CAAC,EAEKM,EAA0B,CAAC,CAC/B,SAAAC,EACA,IAAAC,KACGC,CACL,IAA+C,CAC7C,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAM,SAAoC,EAChE,CAACC,EAAYC,CAAa,EAAIF,EAAM,WACpC,CAACG,EAAWC,CAAY,EAAIJ,EAAM,SAAS,CAAC,EAC5CK,EAAUL,EAAM,OAAyB,IAAI,EAC7CM,EAAe,IAErBN,EAAM,gBAAgB,IAAM,CACtBK,EAAQ,SACVD,EAAaC,EAAQ,QAAQ,WAAW,CAE5C,EAAG,EAAE,EAELL,EAAM,UAAU,IAAM,CACpB,IAAIO,EAIJ,OAAIN,IAAe,KACjBM,EAAQ,WAAW,IAAMR,EAAU,IAAI,EAAGO,CAAY,GAGjD,IAAM,CACPC,IAAU,MACZ,aAAaA,CAAK,CAEtB,CACF,EAAG,CAACN,CAAU,CAAC,EAGf,MAAMO,EAAe,CAACC,EAA4BC,IAAsB,CACtE,GAAID,GAAWN,GAAaF,IAAeS,EAAW,CACpD,MAAMC,EAAaR,EAAY,EAEzBS,EACJT,EACAM,EAAQ,WACRA,EAAQ,YACRA,EAAQ,YAAc,EAExBV,EAAU,KAAK,MAAMY,EAAaC,CAAkB,CAAC,CACvD,CAEA,OAAOH,CACT,EAEA,OACET,EAAA,cAACa,EAAsB,SAAtB,CAA+B,MAAO,CAAE,aAAAL,CAAa,CACpDR,EAAAA,EAAA,cAACb,EAAA,CACC,UAAW2B,EAA2B,MACtC,cAAeZ,EACf,IAAKN,EACJ,GAAGC,GAEJG,EAAA,cAACV,EAAA,CAAW,IAAKe,CAAUV,EAAAA,CAAS,EACpCK,EAAA,cAACP,EAAA,KACCO,EAAA,cAACT,EAAA,CACC,IAAK,CACH,UAAW,cAAcO,GAAU,OACnC,uBAAwB,CACtB,UAAW,GAAGb,KAAiBqB,UACjC,EACA,yBAA0B,CACxB,UAAW,GAAGS,KAAWT,cAC3B,CACF,CACF,CAAA,CACF,CACF,CACF,CAEJ,EAEaU,EAAiB,OAAO,OAAOtB,EAAyB,CACnE,KAAMuB,EACN,SAAUC,EACV,gBAAiBC,EACjB,aAAcC,EACd,kBAAmBC,EACnB,gBAAiBC,CACnB,CAAC,EAED5B,EAAwB,YAAc"}

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

@@ -5,5 +5,8 @@ declare type NavigationMenuDropdownProps = {
     css?: CSS;
     id: string;
 } & React.HTMLProps<HTMLButtonElement>;
-export declare const NavigationMenuDropdown: React.FC<NavigationMenuDropdownProps>;
+export declare const NavigationMenuDropdown: {
+    ({ children, id, ...props }: NavigationMenuDropdownProps): JSX.Element;
+    displayName: string;
+};
 export {};

package/dist/components/navigation/NavigationMenuDropdown.js

@@ -1,2 +1,2 @@
-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 i=({children:r,id:t,...a})=>{const{onNodeUpdate:p}=u();return n.createElement(l.Item,{value:t},n.Children.map(r,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}))};i.displayName="NavigationMenuDropdown";export{i as NavigationMenuDropdown};
+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 a=({children:i,id:t,...r})=>{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,{...r,ref:m=>p(m,t)}):e}))};a.displayName="NavigationMenuDropdown";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 { CSS } from '~/stitches'\n\nimport { useNavigationMenuContext } from './NavigationMenuContext'\nimport { NavigationMenuDropdownContent } from './NavigationMenuDropdownContent'\nimport { NavigationMenuDropdownTrigger } from './NavigationMenuDropdownTrigger'\n\ntype NavigationMenuDropdownProps = {\n  active?: boolean\n  css?: CSS\n  id: string\n} & React.HTMLProps<HTMLButtonElement>\n\ntype DropdownTriggerProps = ComponentProps<typeof NavigationMenuDropdownTrigger>\n\nexport const NavigationMenuDropdown: React.FC<NavigationMenuDropdownProps> = ({\n  children,\n  id,\n  ...props\n}) => {\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":"mTAiBa,MAAAA,EAAgE,CAAC,CAC5E,SAAAC,EACA,GAAAC,KACGC,CACL,IAAM,CACJ,KAAM,CAAE,aAAAC,CAAa,EAAIC,EAEzB,EAAA,OACEC,EAAA,cAACC,EAAwB,KAAxB,CAA6B,MAAOL,GAClCI,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","sources":["../../../src/components/navigation/NavigationMenuDropdown.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React, { ComponentProps, ReactElement } from 'react'\n\nimport { CSS } from '~/stitches'\n\nimport { useNavigationMenuContext } from './NavigationMenuContext'\nimport { NavigationMenuDropdownContent } from './NavigationMenuDropdownContent'\nimport { NavigationMenuDropdownTrigger } from './NavigationMenuDropdownTrigger'\n\ntype NavigationMenuDropdownProps = {\n  active?: boolean\n  css?: CSS\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":"mTAiBa,MAAAA,EAAyB,CAAC,CACrC,SAAAC,EACA,GAAAC,KACGC,CACL,IAAmC,CACjC,KAAM,CAAE,aAAAC,CAAa,EAAIC,EAEzB,EAAA,OACEC,EAAA,cAACC,EAAwB,KAAxB,CAA6B,MAAOL,GAClCI,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"}

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

@@ -332,5 +332,8 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
     };
 }>>;
 declare type NavigationMenuDropdownContentProps = React.ComponentProps<typeof StyledContent>;
-export declare const NavigationMenuDropdownContent: React.FC<NavigationMenuDropdownContentProps>;
+export declare const NavigationMenuDropdownContent: {
+    ({ children, ...rest }: NavigationMenuDropdownContentProps): JSX.Element;
+    displayName: string;
+};
 export {};

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 '~/stitches'\nimport { preventEvent } from '~/utilities/event'\n\nconst StyledList = styled('ul', {\n  listStyle: 'none',\n  m: 0,\n  p: 0\n})\n\nconst StyledContent = styled(NavigationMenuPrimitive.Content, {\n  p: '$3',\n  bg: '$dropdownBackground',\n  mt: '4px',\n  boxShadow: '$1',\n  borderRadius: '$1'\n})\n\ntype NavigationMenuDropdownContentProps = React.ComponentProps<\n  typeof StyledContent\n>\n\nexport const NavigationMenuDropdownContent: React.FC<\n  NavigationMenuDropdownContentProps\n> = ({ children, ...rest }) => (\n  <StyledContent\n    onPointerMove={preventEvent}\n    onPointerLeave={preventEvent}\n    {...rest}\n  >\n    <StyledList>{children}</StyledList>\n  </StyledContent>\n)\n\nNavigationMenuDropdownContent.displayName = 'NavigationMenuDropdownContent'\n"],"names":["StyledList","styled","StyledContent","NavigationMenuPrimitive","NavigationMenuDropdownContent","children","rest","React","preventEvent"],"mappings":"uLAMA,MAAMA,EAAaC,EAAO,KAAM,CAC9B,UAAW,OACX,EAAG,EACH,EAAG,CACL,CAAC,EAEKC,EAAgBD,EAAOE,EAAwB,QAAS,CAC5D,EAAG,KACH,GAAI,sBACJ,GAAI,MACJ,UAAW,KACX,aAAc,IAChB,CAAC,EAMYC,EAET,CAAC,CAAE,SAAAC,KAAaC,CAAK,IACvBC,EAAA,cAACL,EAAA,CACC,cAAeM,EACf,eAAgBA,EACf,GAAGF,CAAAA,EAEJC,EAAA,cAACP,EAAA,KAAYK,CAAS,CACxB,EAGFD,EAA8B,YAAc"}
+{"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 '~/stitches'\nimport { preventEvent } from '~/utilities/event'\n\nconst StyledList = styled('ul', {\n  listStyle: 'none',\n  m: 0,\n  p: 0\n})\n\nconst StyledContent = styled(NavigationMenuPrimitive.Content, {\n  p: '$3',\n  bg: '$dropdownBackground',\n  mt: '4px',\n  boxShadow: '$1',\n  borderRadius: '$1'\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    <StyledList>{children}</StyledList>\n  </StyledContent>\n)\n\nNavigationMenuDropdownContent.displayName = 'NavigationMenuDropdownContent'\n"],"names":["StyledList","styled","StyledContent","NavigationMenuPrimitive","NavigationMenuDropdownContent","children","rest","React","preventEvent"],"mappings":"uLAMA,MAAMA,EAAaC,EAAO,KAAM,CAC9B,UAAW,OACX,EAAG,EACH,EAAG,CACL,CAAC,EAEKC,EAAgBD,EAAOE,EAAwB,QAAS,CAC5D,EAAG,KACH,GAAI,sBACJ,GAAI,MACJ,UAAW,KACX,aAAc,IAChB,CAAC,EAMYC,EAAgC,CAAC,CAC5C,SAAAC,KACGC,CACL,IACEC,EAAA,cAACL,EAAA,CACC,cAAeM,EACf,eAAgBA,EACf,GAAGF,CAAAA,EAEJC,EAAA,cAACP,EAAA,KAAYK,CAAS,CACxB,EAGFD,EAA8B,YAAc"}

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

@@ -1,19 +1,6 @@
 import React from 'react';
-export declare const NavigationMenuDropdownItem: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<{
-    href: string;
-    active?: boolean | undefined;
-    disabled?: boolean | undefined;
-    variant?: "link" | "dropdownItem" | undefined;
-    css?: import("../../stitches").CSS | undefined;
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLAnchorElement>>, "key" | "children" | keyof {
-    href: string;
-    active?: boolean | undefined;
-    disabled?: boolean | undefined;
-    variant?: "link" | "dropdownItem" | undefined;
-    css?: import("../../stitches").CSS | undefined;
-}> & React.RefAttributes<HTMLAnchorElement>>;
+import { NavigationMenuLink } from './NavigationMenuLink';
+export declare const NavigationMenuDropdownItem: React.ForwardRefExoticComponent<React.PropsWithChildren<React.ComponentProps<typeof NavigationMenuLink>>>;
 export declare const NavigationMenuDropdownItemTitle: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "key" | keyof React.HTMLAttributes<HTMLParagraphElement>> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
 }, "size" | "css" | "noCapsize"> & import("@stitches/react/types/styled-component").TransformProps<{

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 '~/stitches'\n\nimport { Text } from '../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  color: '$tonal500',\n  fontWeight: 600\n})\n\nNavigationMenuDropdownItem.displayName = 'NavigationMenuDropdownItem'\nNavigationMenuDropdownItemTitle.displayName = 'NavigationMenuDropdownItemTitle'\n"],"names":["NavigationMenuDropdownItem","React","props","forwardedRef","NavigationMenuLink","NavigationMenuDropdownItemTitle","styled","Text"],"mappings":"oKAOa,MAAAA,EAA6BC,EAAM,WAG9C,CAACC,EAAOC,IAENF,EAAA,cAACG,EAAA,CAAmB,IAAKD,EAAc,QAAQ,eAAgB,GAAGD,CAAO,CAAA,CAE5E,EAEYG,EAAkCC,EAAOC,EAAM,CAC1D,MAAO,YACP,WAAY,GACd,CAAC,EAEDP,EAA2B,YAAc,6BACzCK,EAAgC,YAAc"}
+{"version":3,"file":"NavigationMenuDropdownItem.js","sources":["../../../src/components/navigation/NavigationMenuDropdownItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Text } from '../text'\nimport { NavigationMenuLink } from './NavigationMenuLink'\n\nexport const NavigationMenuDropdownItem: React.ForwardRefExoticComponent<\n  React.PropsWithChildren<React.ComponentProps<typeof NavigationMenuLink>>\n> = React.forwardRef((props, forwardedRef) => {\n  return (\n    <NavigationMenuLink ref={forwardedRef} variant=\"dropdownItem\" {...props} />\n  )\n})\n\nexport const NavigationMenuDropdownItemTitle = styled(Text, {\n  color: '$tonal500',\n  fontWeight: 600\n})\n\nNavigationMenuDropdownItem.displayName = 'NavigationMenuDropdownItem'\nNavigationMenuDropdownItemTitle.displayName = 'NavigationMenuDropdownItemTitle'\n"],"names":["NavigationMenuDropdownItem","React","props","forwardedRef","NavigationMenuLink","NavigationMenuDropdownItemTitle","styled","Text"],"mappings":"oKAOa,MAAAA,EAETC,EAAM,WAAW,CAACC,EAAOC,IAEzBF,EAAA,cAACG,EAAA,CAAmB,IAAKD,EAAc,QAAQ,eAAgB,GAAGD,CAAO,CAAA,CAE5E,EAEYG,EAAkCC,EAAOC,EAAM,CAC1D,MAAO,YACP,WAAY,GACd,CAAC,EAEDP,EAA2B,YAAc,6BACzCK,EAAgC,YAAc"}

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

@@ -1,6 +1,337 @@
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import React from 'react';
-export declare const NavigationMenuDropdownTrigger: React.ForwardRefExoticComponent<{
-    active?: boolean | undefined;
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLButtonElement>>;
+declare const StyledTrigger: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>, {
+    active?: boolean | "true" | undefined;
+}, {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, {
+    colors: {
+        textBold: any;
+        textRegular: any;
+        textSubtle: any;
+        textMinimal: any;
+        background: any;
+        backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
+        cyan100: any;
+        cyan200: any;
+        cyan300: any;
+        cyan400: any;
+        cyan500: any;
+        cyan600: any;
+        cyan700: any;
+        cyan800: any;
+        cyan900: any;
+        cyan1000: any;
+        cyan1100: any;
+        cyan1200: any;
+        green100: any;
+        green200: any;
+        green300: any;
+        green400: any;
+        green500: any;
+        green600: any;
+        green700: any;
+        green800: any;
+        green900: any;
+        green1000: any;
+        green1100: any;
+        green1200: any;
+        magenta100: any;
+        magenta200: any;
+        magenta300: any;
+        magenta400: any;
+        magenta500: any;
+        magenta600: any;
+        magenta700: any;
+        magenta800: any;
+        magenta900: any;
+        magenta1000: any;
+        magenta1100: any;
+        magenta1200: any;
+        red100: any;
+        red200: any;
+        red300: any;
+        red400: any;
+        red500: any;
+        red600: any;
+        red700: any;
+        red800: any;
+        red900: any;
+        red1000: any;
+        red1100: any;
+        red1200: any;
+        teal100: any;
+        teal200: any;
+        teal300: any;
+        teal400: any;
+        teal500: any;
+        teal600: any;
+        teal700: any;
+        teal800: any;
+        teal900: any;
+        teal1000: any;
+        teal1100: any;
+        teal1200: any;
+        orange100: any;
+        orange200: any;
+        orange300: any;
+        orange400: any;
+        orange500: any;
+        orange600: any;
+        orange700: any;
+        orange800: any;
+        orange900: any;
+        orange1000: any;
+        orange1100: any;
+        orange1200: any;
+        yellow100: any;
+        yellow200: any;
+        yellow300: any;
+        yellow400: any;
+        yellow500: any;
+        yellow600: any;
+        yellow700: any;
+        yellow800: any;
+        yellow900: any;
+        yellow1000: any;
+        yellow1100: any;
+        yellow1200: any;
+        lime100: any;
+        lime200: any;
+        lime300: any;
+        lime400: any;
+        lime500: any;
+        lime600: any;
+        lime700: any;
+        lime800: any;
+        lime900: any;
+        lime1000: any;
+        lime1100: any;
+        lime1200: any;
+        tonal50: any;
+        tonal100: any;
+        tonal200: any;
+        tonal300: any;
+        tonal400: any;
+        tonal500: any;
+        tonal600: any;
+        alpha100: any;
+        alpha150: any;
+        alpha200: any;
+        alpha250: any;
+        alpha600: any;
+        brandRed: any;
+        brandRedAccent: any;
+        brandGreen: any;
+        brandGreenAccent: any;
+        brandPurple: any;
+        brandPurpleAccent: any;
+        brandYellow: any;
+        brandYellowAccent: any;
+        infoLight: any;
+        info: any;
+        infoMid: any;
+        infoDark: any;
+        successLight: any;
+        success: any;
+        successMid: any;
+        successDark: any;
+        dangerLight: any;
+        danger: any;
+        dangerMid: any;
+        dangerDark: any;
+        warningLight: any;
+        warning: any;
+        warningMid: any;
+        warningDark: any;
+        warningText: any;
+        subjectEnglish: any;
+        subjectMaths: any;
+        subjectScience: any;
+        subjectVerbalReasoning: any;
+        subjectNonVerbalReasoning: any;
+        subjectCreativeWriting: any;
+        subjectExamSkills: any;
+        glBlueLight: any;
+        glBluePrimary: any;
+        glBlueDark: any;
+        primary100: any;
+        primary200: any;
+        primary300: any;
+        primary400: any;
+        primary500: any;
+        primary600: any;
+        primary700: any;
+        primary800: any;
+        primary900: any;
+        primary1000: any;
+        primary1100: any;
+        primary1200: any;
+    };
+    space: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+        "9": any;
+        "24": any;
+    };
+    fontSizes: {
+        xs: any;
+        sm: any;
+        md: any;
+        lg: any;
+        xl: any;
+        "2xl": any;
+        "3xl": any;
+        "4xl": any;
+    };
+    fonts: {
+        sans: any;
+        mono: any;
+        display: any;
+        body: any;
+    };
+    sizes: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+    };
+    radii: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        round: any;
+    };
+    shadows: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+    };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
+        background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+    };
+    size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
+        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+        width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+    };
+    p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+}>>;
+export declare const NavigationMenuDropdownTrigger: React.ForwardRefExoticComponent<React.ComponentProps<typeof StyledTrigger>>;
+export {};

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 React from 'react'\n\nimport { styled } from '~/stitches'\nimport { preventEvent } from '~/utilities/event'\n\nimport { Icon } from '../icon'\nimport {\n  navigationMenuActiveItemStyles,\n  navigationMenuBaseItemStyles\n} from './NavigationMenu.styles'\n\nconst StyledTrigger = styled(\n  NavigationMenuPrimitive.Trigger,\n  navigationMenuBaseItemStyles,\n  {\n    display: 'flex',\n    alignItems: 'center',\n    borderRadius: '$1',\n    justifyContent: 'space-between',\n    '&[data-state=\"open\"]': {\n      background: '$triggerBackgroundOpen'\n    },\n    variants: {\n      active: { true: { ...navigationMenuActiveItemStyles } }\n    }\n  }\n)\n\nexport const NavigationMenuDropdownTrigger = React.forwardRef<\n  HTMLButtonElement,\n  React.PropsWithChildren<{ active?: boolean }>\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      css={{\n        ml: '$1',\n        '[data-state=open] &': { transform: 'rotate(-180deg)' },\n        '@media (prefers-reduced-motion: no-preference)': {\n          transition: 'transform .2s ease'\n        }\n      }}\n      size=\"sm\"\n    />\n  </StyledTrigger>\n))\n\nNavigationMenuDropdownTrigger.displayName = 'NavigationMenuDropdownTrigger'\n"],"names":["StyledTrigger","styled","NavigationMenuPrimitive","navigationMenuBaseItemStyles","navigationMenuActiveItemStyles","NavigationMenuDropdownTrigger","React","children","active","props","forwardedRef","preventEvent","Icon","ChevronDown"],"mappings":"+XAaA,MAAMA,EAAgBC,EACpBC,EAAwB,QACxBC,EACA,CACE,QAAS,OACT,WAAY,SACZ,aAAc,KACd,eAAgB,gBAChB,uBAAwB,CACtB,WAAY,wBACd,EACA,SAAU,CACR,OAAQ,CAAE,KAAM,CAAE,GAAGC,CAA+B,CAAE,CACxD,CACF,CACF,EAEaC,EAAgCC,EAAM,WAGjD,CAAC,CAAE,SAAAC,EAAU,OAAAC,KAAWC,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,IAAK,CACH,GAAI,KACJ,sBAAuB,CAAE,UAAW,iBAAkB,EACtD,iDAAkD,CAChD,WAAY,oBACd,CACF,EACA,KAAK,IAAA,CACP,CACF,CACD,EAEDR,EAA8B,YAAc"}
+{"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 React from 'react'\n\nimport { styled } from '~/stitches'\nimport { preventEvent } from '~/utilities/event'\n\nimport { Icon } from '../icon'\nimport {\n  navigationMenuActiveItemStyles,\n  navigationMenuBaseItemStyles\n} from './NavigationMenu.styles'\n\nconst StyledTrigger = styled(\n  NavigationMenuPrimitive.Trigger,\n  navigationMenuBaseItemStyles,\n  {\n    display: 'flex',\n    alignItems: 'center',\n    borderRadius: '$1',\n    justifyContent: 'space-between',\n    '&[data-state=\"open\"]': {\n      background: '$triggerBackgroundOpen'\n    },\n    variants: {\n      active: { true: { ...navigationMenuActiveItemStyles } }\n    }\n  }\n)\n\nexport const NavigationMenuDropdownTrigger: React.ForwardRefExoticComponent<\n  React.ComponentProps<typeof StyledTrigger>\n> = React.forwardRef(({ 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      css={{\n        ml: '$1',\n        '[data-state=open] &': { transform: 'rotate(-180deg)' },\n        '@media (prefers-reduced-motion: no-preference)': {\n          transition: 'transform .2s ease'\n        }\n      }}\n      size=\"sm\"\n    />\n  </StyledTrigger>\n))\n\nNavigationMenuDropdownTrigger.displayName = 'NavigationMenuDropdownTrigger'\n"],"names":["StyledTrigger","styled","NavigationMenuPrimitive","navigationMenuBaseItemStyles","navigationMenuActiveItemStyles","NavigationMenuDropdownTrigger","React","children","active","props","forwardedRef","preventEvent","Icon","ChevronDown"],"mappings":"+XAaA,MAAMA,EAAgBC,EACpBC,EAAwB,QACxBC,EACA,CACE,QAAS,OACT,WAAY,SACZ,aAAc,KACd,eAAgB,gBAChB,uBAAwB,CACtB,WAAY,wBACd,EACA,SAAU,CACR,OAAQ,CAAE,KAAM,CAAE,GAAGC,CAA+B,CAAE,CACxD,CACF,CACF,EAEaC,EAETC,EAAM,WAAW,CAAC,CAAE,SAAAC,EAAU,OAAAC,KAAWC,CAAM,EAAGC,IACpDJ,EAAA,cAACN,EAAA,CACC,OAAQQ,EACP,GAAGC,EACJ,IAAKC,EACL,cAAeC,EACf,eAAgBA,CAAAA,EAEfJ,EACDD,EAAA,cAACM,EAAA,CACC,GAAIC,EACJ,IAAK,CACH,GAAI,KACJ,sBAAuB,CAAE,UAAW,iBAAkB,EACtD,iDAAkD,CAChD,WAAY,oBACd,CACF,EACA,KAAK,IAAA,CACP,CACF,CACD,EAEDR,EAA8B,YAAc"}