@atom-learning/components 5.13.0 → 6.0.0-beta.0

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 { 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: 2147483647\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\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={navigationMenuColorSchemes['light']}\n        onValueChange={setActiveItem}\n        css={css}\n        {...props}\n      >\n        <StyledList ref={listRef}>{children}</StyledList>\n        <ViewportPosition>\n          <StyledViewport\n            style={{ '--navigation-menu-viewport-offset': `${offset || 0}px` }}\n            css={{\n              transform: `translateX(var(--navigation-menu-viewport-offset))`,\n              '&[data-state=\"open\"]': {\n                animation: `${delayedFadeIn} 200ms ease`\n              },\n              '&[data-state=\"closed\"]': {\n                animation: `${fadeOut} 200ms 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","ViewportPosition","NavigationMenuComponent","children","css","props","offset","setOffset","React","activeItem","setActiveItem","listWidth","setListWidth","listRef","timer","onNodeUpdate","trigger","itemValue","listCenter","triggerOffsetRight","NavigationMenuContext","navigationMenuColorSchemes","fadeOut","NavigationMenu","NavigationMenuLink","NavigationMenuDropdown","NavigationMenuDropdownContent","NavigationMenuDropdownItem","NavigationMenuDropdownItemTitle","NavigationMenuDropdownTrigger"],"mappings":"ovBAiBA,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,OAAQ,UACV,CAAC,EAEKG,EAAmBJ,EAAO,MAAO,CACrC,SAAU,WACV,KAAM,EACN,IAAK,OACL,MAAO,OACP,QAAS,OACT,eAAgB,QAClB,CAAC,EAEKK,EAA0B,CAAC,CAC/B,SAAAC,EACA,IAAAC,KACGC,CACL,IAA+C,CAC7C,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAM,SAC5B,EAAA,CAACC,EAAYC,CAAa,EAAIF,EAAM,SAA6B,EACjE,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,EAA2B,MACtC,cAAeX,EACf,IAAKN,EACJ,GAAGC,CAEJG,EAAAA,EAAA,cAACT,EAAA,CAAW,IAAKc,CAAAA,EAAUV,CAAS,EACpCK,EAAA,cAACP,EAAA,KACCO,EAAA,cAACR,EAAA,CACC,MAAO,CAAE,oCAAqC,GAAGM,GAAU,KAAM,EACjE,IAAK,CACH,UAAW,qDACX,uBAAwB,CACtB,UAAW,GAAGZ,cAChB,EACA,yBAA0B,CACxB,UAAW,GAAG4B,kBAChB,CACF,CAAA,CACF,CACF,CACF,CACF,CAEJ,EAEaC,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","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', 'list-none']\n})\n\nconst StyledViewport = styled(NavigationMenuPrimitive.Viewport, {\n  base: ['z-2147483647']\n})\n\nconst ViewportPosition = styled('div', {\n  base: ['absolute', 'left-0', 'top-full', 'w-full', 'flex', 'justify-center']\n})\n\nconst NavigationMenuComponent = ({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<typeof StyledMenu>) => {\n  const [offset, setOffset] = React.useState<number | null | undefined>()\n  const [activeItem, setActiveItem] = React.useState<string | undefined>()\n  const [listWidth, setListWidth] = React.useState(0)\n  const listRef = React.useRef<HTMLUListElement>(null)\n\n  React.useLayoutEffect(() => {\n    if (listRef.current) {\n      setListWidth(listRef.current.offsetWidth)\n    }\n  }, [React.Children.toArray(children).length])\n\n  React.useEffect(() => {\n    let timer: ReturnType<typeof setTimeout>\n\n    // Delay transitioning back to initial position\n    // to allow enough time for fadeOut animation to complete\n    if (activeItem === '') {\n      timer = setTimeout(() => setOffset(null), 200)\n    }\n\n    return () => {\n      if (timer !== null) {\n        clearTimeout(timer)\n      }\n    }\n  }, [activeItem])\n\n  // https://github.com/radix-ui/primitives/issues/1462\n  const onNodeUpdate = (trigger: HTMLButtonElement, itemValue: string) => {\n    if (trigger && listWidth && activeItem === itemValue) {\n      const listCenter = listWidth / 2\n\n      const triggerOffsetRight =\n        listWidth -\n        trigger.offsetLeft -\n        trigger.offsetWidth +\n        trigger.offsetWidth / 2\n\n      setOffset(Math.round(listCenter - triggerOffsetRight))\n    }\n\n    return trigger\n  }\n\n  return (\n    <NavigationMenuContext.Provider value={{ onNodeUpdate }}>\n      <StyledMenu\n        className={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,QAAS,WAAW,CACvE,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,CAAA,EACpDP,EAAA,cAACZ,EAAA,CACC,UAAWyB,EAAKjB,CAAS,EACzB,MAAOkB,EAA2B,MAClC,cAAeZ,EACd,GAAGL,GAEJG,EAAA,cAACT,EAAA,CAAW,IAAKc,CAAUV,EAAAA,CAAS,EACpCK,EAAA,cAACP,EAAA,KACCO,EAAA,cAACR,EAAA,CACC,MAAO,CAAE,oCAAqC,GAAG,OAAAM,GAAU,EAAC,IAAA,CAAK,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"}

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

@@ -1,2 +1,2 @@
-const o={background:"none",color:"$text",opacity:"30%",cursor:"default"},e={all:"unset",position:"relative",color:"$text",outline:"none",cursor:"pointer",fontFamily:"$body",userSelect:"none",padding:"$3",borderRadius:"$1",background:"$background","&:hover":{background:"$backgroundHover",color:"$textHover"},"&:active":{background:"$backgroundActive",color:"$textActive"},"&:focus-visible":{boxShadow:"inset 0 0 0 2px $colors$primary800"},"&:disabled":{...o}},t={fontWeight:600,color:"$itemTextSelected","&::after":{backgroundColor:"$itemBackgroundSelected",borderRadius:"$1",bottom:0,content:"",display:"block",height:"2px",left:"50%",position:"absolute",transform:"translate(-50%,0)",width:"$2"}};export{t as navigationMenuActiveItemStyles,e as navigationMenuBaseItemStyles,o as navigationMenuDisabledItemStyles};
+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:shadow-[inset_0_0_0_2px_$colors$primary800]","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:content-[""]',"after:h-[2px]","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

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 navigationMenuDisabledItemStyles = {\n  background: 'none',\n  color: '$text',\n  opacity: '30%',\n  cursor: 'default'\n}\n\nexport const navigationMenuBaseItemStyles = {\n  all: 'unset',\n  position: 'relative',\n  color: '$text',\n  outline: 'none',\n  cursor: 'pointer',\n  fontFamily: '$body',\n  userSelect: 'none',\n  padding: '$3',\n  borderRadius: '$1',\n  background: '$background',\n  '&:hover': { background: '$backgroundHover', color: '$textHover' },\n  '&:active': {\n    background: '$backgroundActive',\n    color: '$textActive'\n  },\n  '&:focus-visible': {\n    boxShadow: 'inset 0 0 0 2px $colors$primary800'\n  },\n  '&:disabled': {\n    ...navigationMenuDisabledItemStyles\n  }\n}\n\nexport const navigationMenuActiveItemStyles = {\n  fontWeight: 600,\n  color: '$itemTextSelected',\n  '&::after': {\n    backgroundColor: '$itemBackgroundSelected',\n    borderRadius: '$1',\n    bottom: 0,\n    content: '',\n    display: 'block',\n    height: '2px',\n    left: '50%',\n    position: 'absolute',\n    transform: 'translate(-50%,0)',\n    width: '$2'\n  }\n}\n"],"names":["navigationMenuDisabledItemStyles","navigationMenuBaseItemStyles","navigationMenuActiveItemStyles"],"mappings":"AAAO,MAAMA,EAAmC,CAC9C,WAAY,OACZ,MAAO,QACP,QAAS,MACT,OAAQ,SACV,EAEaC,EAA+B,CAC1C,IAAK,QACL,SAAU,WACV,MAAO,QACP,QAAS,OACT,OAAQ,UACR,WAAY,QACZ,WAAY,OACZ,QAAS,KACT,aAAc,KACd,WAAY,cACZ,UAAW,CAAE,WAAY,mBAAoB,MAAO,YAAa,EACjE,WAAY,CACV,WAAY,oBACZ,MAAO,aACT,EACA,kBAAmB,CACjB,UAAW,oCACb,EACA,aAAc,CACZ,GAAGD,CACL,CACF,EAEaE,EAAiC,CAC5C,WAAY,IACZ,MAAO,oBACP,WAAY,CACV,gBAAiB,0BACjB,aAAc,KACd,OAAQ,EACR,QAAS,GACT,QAAS,QACT,OAAQ,MACR,KAAM,MACN,SAAU,WACV,UAAW,oBACX,MAAO,IACT,CACF"}
+{"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:shadow-[inset_0_0_0_2px_$colors$primary800]',\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:content-[\"\"]',\n  'after:h-[2px]',\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,4DACA,mBACA,0BACA,yBACA,wBACF,EAEaC,EAAiC,CAC5C,gBACA,oCACA,yBACA,iBACA,wCACA,cACA,iBACA,qBACA,gBACA,iBACA,mBACA,sBACA,WACF"}

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 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};
+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

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 = ({\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"}
+{"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"}

package/dist/components/navigation/NavigationMenuDropdownContent.js

@@ -1,2 +1,2 @@
-import*as i from"@radix-ui/react-navigation-menu";import o from"react";import{styled as e}from"../../stitches.js";import{preventEvent as n}from"../../utilities/event/preventEvent.js";const p=e("ul",{listStyle:"none",m:0,p:0}),m=e(i.Content,{p:"$3",bg:"$dropdownBackground",mt:"4px",boxShadow:"$1",borderRadius:"$1"}),t=({children:r,...a})=>o.createElement(m,{onPointerMove:n,onPointerLeave:n,...a},o.createElement(p,null,r));t.displayName="NavigationMenuDropdownContent";export{t as NavigationMenuDropdownContent};
+import*as d from"@radix-ui/react-navigation-menu";import e from"react";import{styled as o}from"../../styled.js";import{preventEvent as n}from"../../utilities/event/preventEvent.js";const m=o("ul",{base:["list-none","m-0","p-0"]}),i=o(d.Content,{base:["p-3","bg-(--dropdown-background)","mt-1","shadow-md","rounded-md"]}),t=({children:r,...a})=>e.createElement(i,{onPointerMove:n,onPointerLeave:n,...a},e.createElement(m,null,r));t.displayName="NavigationMenuDropdownContent";export{t 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 '~/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"}
+{"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'\n\nconst StyledList = styled('ul', {\n  base: ['list-none', 'm-0', 'p-0']\n})\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    <StyledList>{children}</StyledList>\n  </StyledContent>\n)\n\nNavigationMenuDropdownContent.displayName = 'NavigationMenuDropdownContent'\n"],"names":["StyledList","styled","StyledContent","NavigationMenuPrimitive","NavigationMenuDropdownContent","children","rest","React","preventEvent"],"mappings":"qLAMA,MAAMA,EAAaC,EAAO,KAAM,CAC9B,KAAM,CAAC,YAAa,MAAO,KAAK,CAClC,CAAC,EAEKC,EAAgBD,EAAOE,EAAwB,QAAS,CAC5D,KAAM,CAAC,MAAO,6BAA8B,OAAQ,YAAa,YAAY,CAC/E,CAAC,EAMYC,EAAgC,CAAC,CAC5C,SAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAACL,EAAA,CACC,cAAeM,EACf,eAAgBA,EACf,GAAGF,CAEJC,EAAAA,EAAA,cAACP,EAAA,KAAYK,CAAS,CACxB,EAGFD,EAA8B,YAAc"}

package/dist/components/navigation/NavigationMenuDropdownItem.js

@@ -1,2 +1,2 @@
-import o from"react";import{styled as n}from"../../stitches.js";import{Text as a}from"../text/Text.js";import{NavigationMenuLink as m}from"./NavigationMenuLink.js";const e=o.forwardRef((i,r)=>o.createElement(m,{ref:r,variant:"dropdownItem",...i})),t=n(a,{color:"$grey900",fontWeight:600});e.displayName="NavigationMenuDropdownItem",t.displayName="NavigationMenuDropdownItemTitle";export{e as NavigationMenuDropdownItem,t as NavigationMenuDropdownItemTitle};
+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

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.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: '$grey900',\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,WACP,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 '~/styled'\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  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,EAETC,EAAM,WAAW,CAACC,EAAOC,IAEzBF,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"}

package/dist/components/navigation/NavigationMenuDropdownTrigger.js

@@ -1,2 +1,2 @@
-import{ChevronDown as m}from"@atom-learning/icons";import*as s from"@radix-ui/react-navigation-menu";import e from"react";import{styled as p}from"../../stitches.js";import{Icon as d}from"../icon/Icon.js";import{navigationMenuBaseItemStyles as f,navigationMenuActiveItemStyles as c}from"./NavigationMenu.styles.js";import{preventEvent as t}from"../../utilities/event/preventEvent.js";const g=p(s.Trigger,f,{display:"flex",alignItems:"center",borderRadius:"$1",justifyContent:"space-between",'&[data-state="open"]':{background:"$triggerBackgroundOpen"},variants:{active:{true:{...c}}}}),r=e.forwardRef(({children:o,active:n,...a},i)=>e.createElement(g,{active:n,...a,ref:i,onPointerMove:t,onPointerLeave:t},o,e.createElement(d,{is:m,css:{ml:"$1","[data-state=open] &":{transform:"rotate(-180deg)"},"@media (prefers-reduced-motion: no-preference)":{transition:"transform 200ms ease"}},size:"sm"})));r.displayName="NavigationMenuDropdownTrigger";export{r as NavigationMenuDropdownTrigger};
+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{Icon as v}from"../icon/Icon.js";import{navigationMenuBaseItemStyles as d,navigationMenuActiveItemStyles as g}from"./NavigationMenu.styles.js";import{preventEvent as t}from"../../utilities/event/preventEvent.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

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.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 200ms 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,sBACd,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 clsx from 'clsx'\nimport React from 'react'\n\nimport { styled } from '~/styled'\nimport { preventEvent } from '~/utilities/event'\n\nimport { Icon } from '../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.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      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,EAETC,EAAM,WAAW,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAQ,GAAGC,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,KAAK,KACL,UAAWC,EACT,OACA,mCACA,2BACA,sBACA,kCACF,EACF,CACF,CACD,EAEDT,EAA8B,YAAc"}

package/dist/components/navigation/NavigationMenuLink.js

@@ -1,2 +1,2 @@
-import*as n from"@radix-ui/react-navigation-menu";import e from"react";import{styled as t}from"../../stitches.js";import{getExternalAnchorProps as u}from"../../utilities/uri/index.js";import{navigationMenuBaseItemStyles as i,navigationMenuDisabledItemStyles as v,navigationMenuActiveItemStyles as b}from"./NavigationMenu.styles.js";const p=t("button",{...i,...v}),f=t(n.Item),g=t(n.Link,i,{display:"block",textDecoration:"none",lineHeight:1,variants:{elementType:{dropdownItem:{"&[data-active]":{background:"$backgroundSelected",color:"$textSelected","&:hover":{background:"$backgroundSelectedHover",color:"$textSelectedHover"},"&:active":{background:"$backgroundSelectedPressed",color:"$textSelectedPressed"},"&:focus-visible":{boxShadow:"0 0 0 2px $colors$primary800",color:"$textSelectedFocus"}}},link:{"&[data-active]":{...b}}}}}),c=e.forwardRef(({children:o,href:r,disabled:l,css:a,variant:d="link",ref:k,...s},m)=>e.createElement(f,null,l?e.createElement(p,{disabled:!0,css:a},o):e.createElement(g,{href:r,ref:m,elementType:d,css:a,...u(r),...s},o)));c.displayName="NavigationMenuLink";export{c as NavigationMenuLink};
+import*as i from"@radix-ui/react-navigation-menu";import e from"react";import{styled as r}from"../../styled.js";import{getExternalAnchorProps as f}from"../../utilities/uri/index.js";import{navigationMenuBaseItemStyles as c}from"./NavigationMenu.styles.js";const m=r("button",{base:[...c,"disabled:bg-none","disabled:cursor-default","disabled:opacity-30","disabled:text-text"]}),b=i.Item,u=r(i.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_$colors$primary800]","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:content-[""]',"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

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 '~/stitches'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport {\n  navigationMenuActiveItemStyles,\n  navigationMenuBaseItemStyles,\n  navigationMenuDisabledItemStyles\n} from './NavigationMenu.styles'\n\nconst DisabledButton = styled('button', {\n  ...navigationMenuBaseItemStyles,\n  ...navigationMenuDisabledItemStyles\n})\n\nconst ListItem = styled(NavigationMenuPrimitive.Item)\n\nconst StyledLink = styled(\n  NavigationMenuPrimitive.Link,\n  navigationMenuBaseItemStyles,\n  {\n    display: 'block',\n    textDecoration: 'none',\n    lineHeight: 1,\n    variants: {\n      elementType: {\n        dropdownItem: {\n          '&[data-active]': {\n            background: '$backgroundSelected',\n            color: '$textSelected',\n            '&:hover': {\n              background: '$backgroundSelectedHover',\n              color: '$textSelectedHover'\n            },\n            '&:active': {\n              background: '$backgroundSelectedPressed',\n              color: '$textSelectedPressed'\n            },\n            '&:focus-visible': {\n              boxShadow: '0 0 0 2px $colors$primary800',\n              color: '$textSelectedFocus'\n            }\n          }\n        },\n        link: {\n          '&[data-active]': { ...navigationMenuActiveItemStyles }\n        }\n      }\n    }\n  }\n)\n\nexport const NavigationMenuLink: React.ForwardRefExoticComponent<\n  Omit<React.ComponentProps<typeof StyledLink>, 'elementType'> & {\n    disabled?: boolean\n    variant?: React.ComponentProps<typeof StyledLink>['elementType']\n  }\n> = React.forwardRef(\n  (\n    { children, href, disabled, css, variant = 'link', ref, ...props },\n    forwardedRef\n  ) => (\n    <ListItem>\n      {disabled ? (\n        <DisabledButton disabled css={css}>\n          {children}\n        </DisabledButton>\n      ) : (\n        <StyledLink\n          href={href}\n          ref={forwardedRef}\n          elementType={variant}\n          css={css}\n          {...getExternalAnchorProps(href)}\n          {...props}\n        >\n          {children}\n        </StyledLink>\n      )}\n    </ListItem>\n  )\n)\n\nNavigationMenuLink.displayName = 'NavigationMenuLink'\n"],"names":["DisabledButton","styled","navigationMenuBaseItemStyles","navigationMenuDisabledItemStyles","ListItem","NavigationMenuPrimitive","StyledLink","navigationMenuActiveItemStyles","NavigationMenuLink","React","children","href","disabled","css","variant","ref","props","forwardedRef","getExternalAnchorProps"],"mappings":"4UAYA,MAAMA,EAAiBC,EAAO,SAAU,CACtC,GAAGC,EACH,GAAGC,CACL,CAAC,EAEKC,EAAWH,EAAOI,EAAwB,IAAI,EAE9CC,EAAaL,EACjBI,EAAwB,KACxBH,EACA,CACE,QAAS,QACT,eAAgB,OAChB,WAAY,EACZ,SAAU,CACR,YAAa,CACX,aAAc,CACZ,iBAAkB,CAChB,WAAY,sBACZ,MAAO,gBACP,UAAW,CACT,WAAY,2BACZ,MAAO,oBACT,EACA,WAAY,CACV,WAAY,6BACZ,MAAO,sBACT,EACA,kBAAmB,CACjB,UAAW,+BACX,MAAO,oBACT,CACF,CACF,EACA,KAAM,CACJ,iBAAkB,CAAE,GAAGK,CAA+B,CACxD,CACF,CACF,CACF,CACF,EAEaC,EAKTC,EAAM,WACR,CACE,CAAE,SAAAC,EAAU,KAAAC,EAAM,SAAAC,EAAU,IAAAC,EAAK,QAAAC,EAAU,OAAQ,IAAAC,KAAQC,CAAM,EACjEC,IAEAR,EAAA,cAACL,EAAA,KACEQ,EACCH,EAAA,cAACT,EAAA,CAAe,SAAQ,GAAC,IAAKa,GAC3BH,CACH,EAEAD,EAAA,cAACH,EAAA,CACC,KAAMK,EACN,IAAKM,EACL,YAAaH,EACb,IAAKD,EACJ,GAAGK,EAAuBP,CAAI,EAC9B,GAAGK,GAEHN,CACH,CAEJ,CAEJ,EAEAF,EAAmB,YAAc"}
+{"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_$colors$primary800]',\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:content-[\"\"]',\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.ForwardRefExoticComponent<\n  Omit<React.ComponentProps<typeof StyledLink>, 'elementType'> & {\n    disabled?: boolean\n    variant?: React.ComponentProps<typeof StyledLink>['elementType']\n  }\n> = React.forwardRef(\n  (\n    { children, href, disabled, className, variant = 'link', ref, ...props },\n    forwardedRef\n  ) => (\n    <ListItem>\n      {disabled ? (\n        <DisabledButton disabled className={className}>\n          {children}\n        </DisabledButton>\n      ) : (\n        <StyledLink\n          href={href}\n          ref={forwardedRef}\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,kEACA,oDACF,EACA,KAAM,CACJ,4BACA,gDACA,qCACA,6BACA,oDACA,0BACA,6BACA,iCACA,0BACA,6BACA,+BACA,kCACA,uBACF,CACF,CACF,CACF,CAAC,EAEYI,EAKTC,EAAM,WACR,CACE,CAAE,SAAAC,EAAU,KAAAC,EAAM,SAAAC,EAAU,UAAAC,EAAW,QAAAC,EAAU,OAAQ,IAAAC,EAAK,GAAGC,CAAM,EACvEC,IAEAR,EAAA,cAACJ,EAAA,KACEO,EACCH,EAAA,cAACP,EAAA,CAAe,SAAQ,GAAC,UAAWW,CAAAA,EACjCH,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"}

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

@@ -0,0 +1,2 @@
+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

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

@@ -0,0 +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"}

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

@@ -1,2 +1,2 @@
-import{Root as r}from"@radix-ui/react-navigation-menu";import t from"react";import{styled as e}from"../../stitches.js";import{NavigationMenuVerticalAccordion as n}from"./NavigationMenuVerticalAccordion.js";import{NavigationMenuVerticalAccordionContent as a}from"./NavigationMenuVerticalAccordionContent.js";import{NavigationMenuVerticalAccordionTrigger as c}from"./NavigationMenuVerticalAccordionTrigger.js";import{NavigationMenuVerticalIcon as m}from"./NavigationMenuVerticalIcon.js";import{NavigationMenuVerticalItem as l}from"./NavigationMenuVerticalItem.js";import{NavigationMenuVerticalItemContent as g}from"./NavigationMenuVerticalItemContent.js";import{NavigationMenuVerticalLink as f}from"./NavigationMenuVerticalLink.js";import{NavigationMenuVerticalList as p}from"./NavigationMenuVerticalList.js";import{NavigationMenuVerticalText as u}from"./NavigationMenuVerticalText.js";import{colorSchemes as v}from"./stitches.navigationMenuVertical.colorscheme.config.js";const N=e(r,{width:"100%"}),V=Object.assign(({children:o,...i})=>t.createElement(N,{className:v.light,...i,orientation:"vertical"},t.createElement(p,null,o)),{Link:f,Accordion:n,AccordionContent:a,AccordionTrigger:c,Item:l,ItemContent:g,Icon:m,Text:u});export{V as NavigationMenuVertical};
+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

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 } from '~/stitches'\n\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'\nimport { colorSchemes as navigationMenuVerticalColorSchemes } from './stitches.navigationMenuVertical.colorscheme.config'\n\nconst StyledRoot = styled(Root, {\n  width: '100%'\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    <StyledRoot\n      className={navigationMenuVerticalColorSchemes['light']}\n      {...rest}\n      orientation=\"vertical\"\n    >\n      <NavigationMenuVerticalList>{children}</NavigationMenuVerticalList>\n    </StyledRoot>\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","navigationMenuVerticalColorSchemes","NavigationMenuVerticalList","NavigationMenuVerticalLink","NavigationMenuVerticalAccordion","NavigationMenuVerticalAccordionContent","NavigationMenuVerticalAccordionTrigger","NavigationMenuVerticalItem","NavigationMenuVerticalItemContent","NavigationMenuVerticalIcon","NavigationMenuVerticalText"],"mappings":"28BAgBA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,MAAO,MACT,CAAC,EAkBYC,EAAyB,OAAO,OAC3C,CAAC,CAAE,SAAAC,KAAaC,CAAK,IACnBC,EAAA,cAACN,EAAA,CACC,UAAWO,EAAmC,MAC7C,GAAGF,EACJ,YAAY,YAEZC,EAAA,cAACE,EAAA,KAA4BJ,CAAS,CACxC,EAEF,CACE,KAAMK,EACN,UAAWC,EACX,iBAAkBC,EAClB,iBAAkBC,EAClB,KAAMC,EACN,YAAaC,EACb,KAAMC,EACN,KAAMC,CACR,CACF"}
+{"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"}

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

@@ -1,2 +1,2 @@
-const e={border:"none",outline:"none",font:"inherit",background:"none",textAlign:"inherit",textDecoration:"unset",cursor:"pointer",borderRadius:"$2",display:"flex",alignItems:"center",p:"$2",pl:"var(--navigation-menu-vertical-item-pl)",width:"100%",color:"$text",bg:"$background","--navigation-menu-vertical-item-font-weight":400,"&[data-active]":{bg:"$backgroundSelected",color:"$textSelected","--navigation-menu-vertical-item-font-weight":600},"&[data-state=open]":{"--navigation-menu-vertical-item-font-weight":600},"&[disabled]":{opacity:.3,cursor:"not-allowed"},"&:not([disabled])":{"&:hover":{bg:"$backgroundHover"},"&:active":{bg:"$backgroundActive"},"&:focus-visible":{outline:"none",position:"relative",zIndex:1,boxShadow:"white 0px 0px 0px 2px, $colors$primary800 0px 0px 0px 4px"}},variants:{size:{md:{minHeight:"$4"},lg:{minHeight:"$5"}}}};export{e as navigationMenuVerticalItemStyles};
+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","text-[inherit]","cursor-pointer","rounded-xl","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-[$colors$primary800_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

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  border: 'none',\n  outline: 'none',\n  font: 'inherit',\n  background: 'none',\n  textAlign: 'inherit',\n  textDecoration: 'unset',\n  cursor: 'pointer',\n  borderRadius: '$2',\n  display: 'flex',\n  alignItems: 'center',\n  p: '$2',\n  pl: `var(--navigation-menu-vertical-item-pl)`,\n  width: '100%',\n  color: '$text',\n  bg: '$background',\n  '--navigation-menu-vertical-item-font-weight': 400,\n  '&[data-active]': {\n    bg: '$backgroundSelected',\n    color: '$textSelected',\n    '--navigation-menu-vertical-item-font-weight': 600\n  },\n  '&[data-state=open]': {\n    '--navigation-menu-vertical-item-font-weight': 600\n  },\n  '&[disabled]': {\n    opacity: 0.3,\n    cursor: 'not-allowed'\n  },\n  '&:not([disabled])': {\n    '&:hover': {\n      bg: '$backgroundHover'\n    },\n    '&:active': {\n      bg: '$backgroundActive'\n    },\n    '&:focus-visible': {\n      outline: 'none',\n      position: 'relative',\n      zIndex: 1,\n      boxShadow: `white 0px 0px 0px 2px, $colors$primary800 0px 0px 0px 4px`\n    }\n  },\n  variants: {\n    size: {\n      md: {\n        minHeight: '$4'\n      },\n      lg: {\n        minHeight: '$5'\n      }\n    }\n  }\n}\n"],"names":["navigationMenuVerticalItemStyles"],"mappings":"AAAa,MAAAA,EAAmC,CAC9C,OAAQ,OACR,QAAS,OACT,KAAM,UACN,WAAY,OACZ,UAAW,UACX,eAAgB,QAChB,OAAQ,UACR,aAAc,KACd,QAAS,OACT,WAAY,SACZ,EAAG,KACH,GAAI,0CACJ,MAAO,OACP,MAAO,QACP,GAAI,cACJ,8CAA+C,IAC/C,iBAAkB,CAChB,GAAI,sBACJ,MAAO,gBACP,8CAA+C,GACjD,EACA,qBAAsB,CACpB,8CAA+C,GACjD,EACA,cAAe,CACb,QAAS,GACT,OAAQ,aACV,EACA,oBAAqB,CACnB,UAAW,CACT,GAAI,kBACN,EACA,WAAY,CACV,GAAI,mBACN,EACA,kBAAmB,CACjB,QAAS,OACT,SAAU,WACV,OAAQ,EACR,UAAW,2DACb,CACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CACF,UAAW,IACb,EACA,GAAI,CACF,UAAW,IACb,CACF,CACF,CACF"}
+{"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  'text-[inherit]',\n  'cursor-pointer',\n  'rounded-xl',\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-[$colors$primary800_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,iBACA,iBACA,aACA,OACA,eACA,MACA,0CACA,SACA,gBACA,oBACA,8BACA,0BACA,sBACA,+CACA,0CACA,sCACA,yEACA,4DACA,iCACA,6CACA,yCACA,qCACA,+DACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalAccordion.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalAccordion.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-collapsible'\nimport * as React from 'react'\n\nimport { useCallbackRef } from '~/utilities/hooks/useCallbackRef'\n\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\n\ntype TNavigationMenuVerticalAccordionContextValue = {\n  triggerRef?: React.MutableRefObject<HTMLElement | null>\n  setTriggerRef?: (HTMLElement) => void\n}\nexport const NavigationMenuVerticalAccordionContext =\n  React.createContext<TNavigationMenuVerticalAccordionContextValue>({})\nconst NavigationMenuVerticalAccordionProvider = ({ children }) => {\n  const [triggerRef, setTriggerRef] = useCallbackRef()\n  return (\n    <NavigationMenuVerticalAccordionContext.Provider\n      value={{ triggerRef, setTriggerRef }}\n    >\n      {children}\n    </NavigationMenuVerticalAccordionContext.Provider>\n  )\n}\n\ntype TNavigationMenuVerticalAccordionProps = React.ComponentProps<typeof Root> &\n  React.ComponentProps<typeof NavigationMenuVerticalItem>\nexport const NavigationMenuVerticalAccordion = ({\n  defaultOpen,\n  open,\n  onOpenChange,\n  disabled,\n  ...rest\n}: TNavigationMenuVerticalAccordionProps): JSX.Element => {\n  const collapsibleProps = { defaultOpen, open, onOpenChange, disabled }\n  return (\n    <NavigationMenuVerticalAccordionProvider>\n      <Root {...collapsibleProps} asChild>\n        <NavigationMenuVerticalItem {...rest} />\n      </Root>\n    </NavigationMenuVerticalAccordionProvider>\n  )\n}\n"],"names":["NavigationMenuVerticalAccordionContext","React","NavigationMenuVerticalAccordionProvider","children","triggerRef","setTriggerRef","useCallbackRef","NavigationMenuVerticalAccordion","defaultOpen","open","onOpenChange","disabled","rest","Root","NavigationMenuVerticalItem"],"mappings":"iOAWa,MAAAA,EACXC,EAAM,cAA4D,CAAE,CAAA,EAChEC,EAA0C,CAAC,CAAE,SAAAC,CAAS,IAAM,CAChE,KAAM,CAACC,EAAYC,CAAa,EAAIC,EACpC,EAAA,OACEL,EAAA,cAACD,EAAuC,SAAvC,CACC,MAAO,CAAE,WAAAI,EAAY,cAAAC,CAAc,CAElCF,EAAAA,CACH,CAEJ,EAIaI,EAAkC,CAAC,CAC9C,YAAAC,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,KACGC,CACL,IAGIX,EAAA,cAACC,EAAA,KACCD,EAAA,cAACY,EAAA,CAHsB,YAAAL,EAAa,KAAAC,EAAM,aAAAC,EAAc,SAAAC,EAG5B,QAAO,IACjCV,EAAA,cAACa,EAAA,CAA4B,GAAGF,CAAM,CAAA,CACxC,CACF"}
+{"version":3,"file":"NavigationMenuVerticalAccordion.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalAccordion.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-collapsible'\nimport * as React from 'react'\n\nimport { useCallbackRef } from '~/utilities/hooks/useCallbackRef'\n\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\n\ntype TNavigationMenuVerticalAccordionContextValue = {\n  triggerRef?: React.MutableRefObject<HTMLElement | null>\n  setTriggerRef?: (HTMLElement) => void\n}\nexport const NavigationMenuVerticalAccordionContext =\n  React.createContext<TNavigationMenuVerticalAccordionContextValue>({})\nconst NavigationMenuVerticalAccordionProvider = ({ children }) => {\n  const [triggerRef, setTriggerRef] = useCallbackRef()\n  return (\n    <NavigationMenuVerticalAccordionContext.Provider\n      value={{ triggerRef, setTriggerRef }}\n    >\n      {children}\n    </NavigationMenuVerticalAccordionContext.Provider>\n  )\n}\n\ntype TNavigationMenuVerticalAccordionProps = React.ComponentProps<typeof Root> &\n  React.ComponentProps<typeof NavigationMenuVerticalItem>\nexport const NavigationMenuVerticalAccordion = ({\n  defaultOpen,\n  open,\n  onOpenChange,\n  disabled,\n  ...rest\n}: TNavigationMenuVerticalAccordionProps): JSX.Element => {\n  const collapsibleProps = { defaultOpen, open, onOpenChange, disabled }\n  return (\n    <NavigationMenuVerticalAccordionProvider>\n      <Root {...collapsibleProps} asChild>\n        <NavigationMenuVerticalItem {...rest} />\n      </Root>\n    </NavigationMenuVerticalAccordionProvider>\n  )\n}\n"],"names":["NavigationMenuVerticalAccordionContext","React","NavigationMenuVerticalAccordionProvider","children","triggerRef","setTriggerRef","useCallbackRef","NavigationMenuVerticalAccordion","defaultOpen","open","onOpenChange","disabled","rest","Root","NavigationMenuVerticalItem"],"mappings":"iOAWa,MAAAA,EACXC,EAAM,cAA4D,CAAE,CAAA,EAChEC,EAA0C,CAAC,CAAE,SAAAC,CAAS,IAAM,CAChE,KAAM,CAACC,EAAYC,CAAa,EAAIC,EACpC,EAAA,OACEL,EAAA,cAACD,EAAuC,SAAvC,CACC,MAAO,CAAE,WAAAI,EAAY,cAAAC,CAAc,CAElCF,EAAAA,CACH,CAEJ,EAIaI,EAAkC,CAAC,CAC9C,YAAAC,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAGIX,EAAA,cAACC,EAAA,KACCD,EAAA,cAACY,EAAA,CAHsB,YAAAL,EAAa,KAAAC,EAAM,aAAAC,EAAc,SAAAC,EAG5B,QAAO,IACjCV,EAAA,cAACa,EAAA,CAA4B,GAAGF,CAAM,CAAA,CACxC,CACF"}

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

@@ -1,2 +1,2 @@
-import{Content as i}from"@radix-ui/react-collapsible";import o from"react";import{styled as c}from"../../stitches.js";import{NavigationMenuVerticalAccordionContext as a}from"./NavigationMenuVerticalAccordion.js";import{NavigationMenuVerticalList as l}from"./NavigationMenuVerticalList.js";const u=c(i,{}),m=({children:r,...n})=>{const{triggerRef:t}=o.useContext(a);return o.createElement(u,{onKeyDown:e=>{!(t!=null&&t.current)||e.key==="Escape"&&(e.stopPropagation(),e.preventDefault(),t.current.focus(),t.current.click())},...n},o.createElement(l,null,r))};export{m as NavigationMenuVerticalAccordionContent};
+import{Content as c}from"@radix-ui/react-collapsible";import o from"react";import{NavigationMenuVerticalAccordionContext as i}from"./NavigationMenuVerticalAccordion.js";import{NavigationMenuVerticalList as a}from"./NavigationMenuVerticalList.js";const l=c,u=({children:r,...n})=>{const{triggerRef:t}=o.useContext(i);return o.createElement(l,{onKeyDown:e=>{t!=null&&t.current&&e.key==="Escape"&&(e.stopPropagation(),e.preventDefault(),t.current.focus(),t.current.click())},...n},o.createElement(a,null,r))};export{u as NavigationMenuVerticalAccordionContent};
 //# sourceMappingURL=NavigationMenuVerticalAccordionContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalAccordionContent.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalAccordionContent.tsx"],"sourcesContent":["import { Content } from '@radix-ui/react-collapsible'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { NavigationMenuVerticalAccordionContext } from './NavigationMenuVerticalAccordion'\nimport { NavigationMenuVerticalList } from './NavigationMenuVerticalList'\n\nconst StyledNavigationMenuVerticalAccordionContent = styled(Content, {})\n\ntype TNavigationMenuVerticalAccordionContentProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalAccordionContent\n> &\n  React.ComponentProps<typeof NavigationMenuVerticalList>\n\nexport const NavigationMenuVerticalAccordionContent = ({\n  children,\n  ...rest\n}: TNavigationMenuVerticalAccordionContentProps): JSX.Element => {\n  const { triggerRef } = React.useContext(\n    NavigationMenuVerticalAccordionContext\n  )\n\n  const handleOnKeydown = (e) => {\n    if (!triggerRef?.current) return\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n      e.preventDefault()\n      triggerRef.current.focus()\n      triggerRef.current.click()\n    }\n  }\n\n  return (\n    <StyledNavigationMenuVerticalAccordionContent\n      onKeyDown={handleOnKeydown}\n      {...rest}\n    >\n      <NavigationMenuVerticalList>{children}</NavigationMenuVerticalList>\n    </StyledNavigationMenuVerticalAccordionContent>\n  )\n}\n"],"names":["StyledNavigationMenuVerticalAccordionContent","styled","Content","NavigationMenuVerticalAccordionContent","children","rest","triggerRef","React","NavigationMenuVerticalAccordionContext","e","NavigationMenuVerticalList"],"mappings":"iSAQA,MAAMA,EAA+CC,EAAOC,EAAS,CAAA,CAAE,EAO1DC,EAAyC,CAAC,CACrD,SAAAC,KACGC,CACL,IAAiE,CAC/D,KAAM,CAAE,WAAAC,CAAW,EAAIC,EAAM,WAC3BC,CACF,EAYA,OACED,EAAA,cAACP,EAAA,CACC,UAZqBS,GAAM,CACzB,EAACH,GAAA,MAAAA,EAAY,UACbG,EAAE,MAAQ,WACZA,EAAE,gBAAgB,EAClBA,EAAE,iBACFH,EAAW,QAAQ,MACnBA,EAAAA,EAAW,QAAQ,MAAM,EAE7B,EAKK,GAAGD,GAEJE,EAAA,cAACG,EAAA,KAA4BN,CAAS,CACxC,CAEJ"}
+{"version":3,"file":"NavigationMenuVerticalAccordionContent.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalAccordionContent.tsx"],"sourcesContent":["import { Content } from '@radix-ui/react-collapsible'\nimport React from 'react'\n\nimport { NavigationMenuVerticalAccordionContext } from './NavigationMenuVerticalAccordion'\nimport { NavigationMenuVerticalList } from './NavigationMenuVerticalList'\n\nconst StyledNavigationMenuVerticalAccordionContent = Content\n\ntype TNavigationMenuVerticalAccordionContentProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalAccordionContent\n> &\n  React.ComponentProps<typeof NavigationMenuVerticalList>\n\nexport const NavigationMenuVerticalAccordionContent = ({\n  children,\n  ...rest\n}: TNavigationMenuVerticalAccordionContentProps): JSX.Element => {\n  const { triggerRef } = React.useContext(\n    NavigationMenuVerticalAccordionContext\n  )\n\n  const handleOnKeydown = (e) => {\n    if (!triggerRef?.current) return\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n      e.preventDefault()\n      triggerRef.current.focus()\n      triggerRef.current.click()\n    }\n  }\n\n  return (\n    <StyledNavigationMenuVerticalAccordionContent\n      onKeyDown={handleOnKeydown}\n      {...rest}\n    >\n      <NavigationMenuVerticalList>{children}</NavigationMenuVerticalList>\n    </StyledNavigationMenuVerticalAccordionContent>\n  )\n}\n"],"names":["StyledNavigationMenuVerticalAccordionContent","Content","NavigationMenuVerticalAccordionContent","children","rest","triggerRef","React","NavigationMenuVerticalAccordionContext","e","NavigationMenuVerticalList"],"mappings":"sPAMA,MAAMA,EAA+CC,EAOxCC,EAAyC,CAAC,CACrD,SAAAC,EACA,GAAGC,CACL,IAAiE,CAC/D,KAAM,CAAE,WAAAC,CAAW,EAAIC,EAAM,WAC3BC,CACF,EAYA,OACED,EAAA,cAACN,EAAA,CACC,UAZqBQ,GAAM,CACxBH,GAAA,MAAAA,EAAY,SACbG,EAAE,MAAQ,WACZA,EAAE,kBACFA,EAAE,eAAA,EACFH,EAAW,QAAQ,MAAM,EACzBA,EAAW,QAAQ,QAEvB,EAKK,GAAGD,CAAAA,EAEJE,EAAA,cAACG,EAAA,KAA4BN,CAAS,CACxC,CAEJ"}

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

@@ -1,2 +1,2 @@
-import{ChevronDown as i}from"@atom-learning/icons";import{Trigger as a}from"@radix-ui/react-collapsible";import{Link as m}from"@radix-ui/react-navigation-menu";import e from"react";import{Flex as s}from"../flex/Flex.js";import{Icon as c}from"../icon/Icon.js";import{styled as t}from"../../stitches.js";import{navigationMenuVerticalItemStyles as l}from"./NavigationMenuVertical.styles.js";import{NavigationMenuVerticalAccordionContext as f}from"./NavigationMenuVerticalAccordion.js";import{NavigationMenuVerticalItemContent as p}from"./NavigationMenuVerticalItemContent.js";const g=t(a,l),u=t(c,{transition:"transform 300ms",'[data-state="open"] > &':{transform:"rotate(180deg)"}}),d=({children:r,...o})=>{const{setTriggerRef:n}=e.useContext(f);return e.createElement(m,{asChild:!0},e.createElement(g,{size:"lg",...o,asChild:!0},e.createElement(s,{as:"button",type:"button",align:"center",justify:"space-between",gap:3,ref:n},e.createElement(p,null,r),e.createElement(u,{size:"sm",is:i}))))};export{d as NavigationMenuVerticalAccordionTrigger};
+import{ChevronDown as n}from"@atom-learning/icons";import{Trigger as a}from"@radix-ui/react-collapsible";import{Link as m}from"@radix-ui/react-navigation-menu";import e from"react";import{Flex as s}from"../flex/Flex.js";import{Icon as l}from"../icon/Icon.js";import{styled as t}from"../../styled.js";import{navigationMenuVerticalItemStyles as c}from"./NavigationMenuVertical.styles.js";import{NavigationMenuVerticalAccordionContext as f}from"./NavigationMenuVerticalAccordion.js";import{NavigationMenuVerticalItemContent as p}from"./NavigationMenuVerticalItemContent.js";const g=t(a,{base:c,variants:{size:{md:["min-h-10"],lg:["min-h-12"]}}}),u=t(l,{base:["transition-transform","duration-300","[[data-state=open]>&]:rotate-180"]}),d=({children:r,...o})=>{const{setTriggerRef:i}=e.useContext(f);return e.createElement(m,{asChild:!0},e.createElement(g,{size:"lg",...o,asChild:!0},e.createElement(s,{as:"button",type:"button",align:"center",justify:"space-between",gap:3,ref:i},e.createElement(p,null,r),e.createElement(u,{size:"sm",is:n}))))};export{d as NavigationMenuVerticalAccordionTrigger};
 //# sourceMappingURL=NavigationMenuVerticalAccordionTrigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalAccordionTrigger.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalAccordionTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport { Trigger } from '@radix-ui/react-collapsible'\nimport { Link } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/stitches'\n\nimport { navigationMenuVerticalItemStyles } from './NavigationMenuVertical.styles'\nimport { NavigationMenuVerticalAccordionContext } from './NavigationMenuVerticalAccordion'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\n\nconst StyledNavigationMenuVerticalAccordionTrigger = styled(\n  Trigger,\n  navigationMenuVerticalItemStyles\n)\n\nconst StyledIcon = styled(Icon, {\n  transition: 'transform 300ms',\n  '[data-state=\"open\"] > &': {\n    transform: 'rotate(180deg)'\n  }\n})\n\ntype TNavigationMenuAccordionTriggerProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalAccordionTrigger\n>\n\nexport const NavigationMenuVerticalAccordionTrigger = ({\n  children,\n  ...rest\n}: TNavigationMenuAccordionTriggerProps) => {\n  const { setTriggerRef } = React.useContext(\n    NavigationMenuVerticalAccordionContext\n  )\n\n  return (\n    <Link asChild>\n      <StyledNavigationMenuVerticalAccordionTrigger size=\"lg\" {...rest} asChild>\n        <Flex\n          as=\"button\"\n          type=\"button\"\n          align=\"center\"\n          justify=\"space-between\"\n          gap={3}\n          ref={setTriggerRef}\n        >\n          <NavigationMenuVerticalItemContent>\n            {children}\n          </NavigationMenuVerticalItemContent>\n          <StyledIcon size=\"sm\" is={ChevronDown} />\n        </Flex>\n      </StyledNavigationMenuVerticalAccordionTrigger>\n    </Link>\n  )\n}\n"],"names":["StyledNavigationMenuVerticalAccordionTrigger","styled","Trigger","navigationMenuVerticalItemStyles","StyledIcon","Icon","NavigationMenuVerticalAccordionTrigger","children","rest","setTriggerRef","React","NavigationMenuVerticalAccordionContext","Link","Flex","NavigationMenuVerticalItemContent","ChevronDown"],"mappings":"6jBAaA,MAAMA,EAA+CC,EACnDC,EACAC,CACF,EAEMC,EAAaH,EAAOI,EAAM,CAC9B,WAAY,kBACZ,0BAA2B,CACzB,UAAW,gBACb,CACF,CAAC,EAMYC,EAAyC,CAAC,CACrD,SAAAC,KACGC,CACL,IAA4C,CAC1C,KAAM,CAAE,cAAAC,CAAc,EAAIC,EAAM,WAC9BC,CACF,EAEA,OACED,EAAA,cAACE,EAAA,CAAK,QAAO,EAAA,EACXF,EAAA,cAACV,EAAA,CAA6C,KAAK,KAAM,GAAGQ,EAAM,QAAO,EAAA,EACvEE,EAAA,cAACG,EAAA,CACC,GAAG,SACH,KAAK,SACL,MAAM,SACN,QAAQ,gBACR,IAAK,EACL,IAAKJ,CAAAA,EAELC,EAAA,cAACI,EAAA,KACEP,CACH,EACAG,EAAA,cAACN,EAAA,CAAW,KAAK,KAAK,GAAIW,CAAAA,CAAa,CACzC,CACF,CACF,CAEJ"}
+{"version":3,"file":"NavigationMenuVerticalAccordionTrigger.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalAccordionTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport { Trigger } from '@radix-ui/react-collapsible'\nimport { Link } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/styled'\n\nimport { navigationMenuVerticalItemStyles } from './NavigationMenuVertical.styles'\nimport { NavigationMenuVerticalAccordionContext } from './NavigationMenuVerticalAccordion'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\n\nconst StyledNavigationMenuVerticalAccordionTrigger = styled(Trigger, {\n  base: navigationMenuVerticalItemStyles,\n  variants: {\n    size: {\n      md: ['min-h-10'],\n      lg: ['min-h-12']\n    }\n  }\n})\n\nconst StyledIcon = styled(Icon, {\n  base: [\n    'transition-transform',\n    'duration-300',\n    '[[data-state=open]>&]:rotate-180'\n  ]\n})\n\ntype TNavigationMenuAccordionTriggerProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalAccordionTrigger\n>\n\nexport const NavigationMenuVerticalAccordionTrigger = ({\n  children,\n  ...rest\n}: TNavigationMenuAccordionTriggerProps) => {\n  const { setTriggerRef } = React.useContext(\n    NavigationMenuVerticalAccordionContext\n  )\n\n  return (\n    <Link asChild>\n      <StyledNavigationMenuVerticalAccordionTrigger size=\"lg\" {...rest} asChild>\n        <Flex\n          as=\"button\"\n          type=\"button\"\n          align=\"center\"\n          justify=\"space-between\"\n          gap={3}\n          ref={setTriggerRef}\n        >\n          <NavigationMenuVerticalItemContent>\n            {children}\n          </NavigationMenuVerticalItemContent>\n          <StyledIcon size=\"sm\" is={ChevronDown} />\n        </Flex>\n      </StyledNavigationMenuVerticalAccordionTrigger>\n    </Link>\n  )\n}\n"],"names":["StyledNavigationMenuVerticalAccordionTrigger","styled","Trigger","navigationMenuVerticalItemStyles","StyledIcon","Icon","NavigationMenuVerticalAccordionTrigger","children","rest","setTriggerRef","React","NavigationMenuVerticalAccordionContext","Link","Flex","NavigationMenuVerticalItemContent","ChevronDown"],"mappings":"2jBAaA,MAAMA,EAA+CC,EAAOC,EAAS,CACnE,KAAMC,EACN,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAU,EACf,GAAI,CAAC,UAAU,CACjB,CACF,CACF,CAAC,EAEKC,EAAaH,EAAOI,EAAM,CAC9B,KAAM,CACJ,uBACA,eACA,kCACF,CACF,CAAC,EAMYC,EAAyC,CAAC,CACrD,SAAAC,EACA,GAAGC,CACL,IAA4C,CAC1C,KAAM,CAAE,cAAAC,CAAc,EAAIC,EAAM,WAC9BC,CACF,EAEA,OACED,EAAA,cAACE,EAAA,CAAK,QAAO,EACXF,EAAAA,EAAA,cAACV,EAAA,CAA6C,KAAK,KAAM,GAAGQ,EAAM,QAAO,EAAA,EACvEE,EAAA,cAACG,EAAA,CACC,GAAG,SACH,KAAK,SACL,MAAM,SACN,QAAQ,gBACR,IAAK,EACL,IAAKJ,CAAAA,EAELC,EAAA,cAACI,EAAA,KACEP,CACH,EACAG,EAAA,cAACN,EAAA,CAAW,KAAK,KAAK,GAAIW,CAAAA,CAAa,CACzC,CACF,CACF,CAEJ"}

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

@@ -1,2 +1,2 @@
-import*as o from"react";import{Icon as e}from"../icon/Icon.js";import{styled as r}from"../../stitches.js";const i=r(e,{alignSelf:"start"}),m=t=>o.createElement(i,{size:"md",...t});export{m as NavigationMenuVerticalIcon};
+import*as e from"react";import{Icon as o}from"../icon/Icon.js";import{styled as r}from"../../styled.js";const a=r(o,{base:["self-start"]}),m=t=>e.createElement(a,{size:"md",...t});export{m as NavigationMenuVerticalIcon};
 //# sourceMappingURL=NavigationMenuVerticalIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalIcon.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/stitches'\n\nconst StyledNavigationMenuVerticalIcon = styled(Icon, {\n  alignSelf: 'start'\n})\nexport const NavigationMenuVerticalIcon = (\n  props: React.ComponentProps<typeof StyledNavigationMenuVerticalIcon>\n): JSX.Element => <StyledNavigationMenuVerticalIcon size=\"md\" {...props} />\n"],"names":["StyledNavigationMenuVerticalIcon","styled","Icon","NavigationMenuVerticalIcon","props","React"],"mappings":"0GAKA,MAAMA,EAAmCC,EAAOC,EAAM,CACpD,UAAW,OACb,CAAC,EACYC,EACXC,GACgBC,EAAA,cAACL,EAAA,CAAiC,KAAK,KAAM,GAAGI,CAAO,CAAA"}
+{"version":3,"file":"NavigationMenuVerticalIcon.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/styled'\n\nconst StyledNavigationMenuVerticalIcon = styled(Icon, {\n  base: ['self-start']\n})\n\nexport const NavigationMenuVerticalIcon = (\n  props: React.ComponentProps<typeof StyledNavigationMenuVerticalIcon>\n): JSX.Element => <StyledNavigationMenuVerticalIcon size=\"md\" {...props} />\n"],"names":["StyledNavigationMenuVerticalIcon","styled","Icon","NavigationMenuVerticalIcon","props","React"],"mappings":"wGAKA,MAAMA,EAAmCC,EAAOC,EAAM,CACpD,KAAM,CAAC,YAAY,CACrB,CAAC,EAEYC,EACXC,GACgBC,EAAA,cAACL,EAAA,CAAiC,KAAK,KAAM,GAAGI,CAAO,CAAA"}

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

@@ -1,2 +1,2 @@
-import{Item as e}from"@radix-ui/react-navigation-menu";import o from"react";import{styled as m}from"../../stitches.js";const r=m(e,{}),a=t=>o.createElement(r,{...t});export{a as NavigationMenuVerticalItem};
+import{Item as e}from"@radix-ui/react-navigation-menu";import t from"clsx";import a from"react";const l=i=>a.createElement(e,{className:t("[ul_li_&]:[--navigation-menu-vertical-item-pl:--spacing(8)]","[ul_li_&_&]:[--navigation-menu-vertical-item-pl:--spacing(12)]","[ul_li_&_&_&]:[--navigation-menu-vertical-item-pl:--spacing(16)]"),...i});export{l as NavigationMenuVerticalItem};
 //# sourceMappingURL=NavigationMenuVerticalItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalItem.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalItem.tsx"],"sourcesContent":["import { Item } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\n\nconst StyledNavigationMenuVerticalItem = styled(Item, {})\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 `value` prop does nothing, so removing it from typescript\n */\ntype TNavigationMenuVerticalItemProps = Omit<\n  React.ComponentProps<typeof StyledNavigationMenuVerticalItem>,\n  'value'\n>\n\nexport const NavigationMenuVerticalItem = (\n  props: TNavigationMenuVerticalItemProps\n): JSX.Element => <StyledNavigationMenuVerticalItem {...props} />\n"],"names":["StyledNavigationMenuVerticalItem","styled","Item","NavigationMenuVerticalItem","props","React"],"mappings":"uHAKA,MAAMA,EAAmCC,EAAOC,EAAM,CAAA,CAAE,EAa3CC,EACXC,GACgBC,EAAA,cAACL,EAAA,CAAkC,GAAGI,CAAO,CAAA"}
+{"version":3,"file":"NavigationMenuVerticalItem.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalItem.tsx"],"sourcesContent":["import { Item } from '@radix-ui/react-navigation-menu'\nimport clsx from 'clsx'\nimport React from 'react'\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 `value` prop does nothing, so removing it from typescript\n */\ntype TNavigationMenuVerticalItemProps = Omit<\n  React.ComponentProps<typeof Item>,\n  'value'\n>\n\nexport const NavigationMenuVerticalItem = (\n  props: TNavigationMenuVerticalItemProps\n): JSX.Element => (\n  <Item\n    className={clsx(\n      '[ul_li_&]:[--navigation-menu-vertical-item-pl:--spacing(8)]',\n      '[ul_li_&_&]:[--navigation-menu-vertical-item-pl:--spacing(12)]',\n      '[ul_li_&_&_&]:[--navigation-menu-vertical-item-pl:--spacing(16)]'\n    )}\n    {...props}\n  />\n)\n"],"names":["NavigationMenuVerticalItem","props","React","Item","clsx"],"mappings":"gGAea,MAAAA,EACXC,GAEAC,EAAA,cAACC,EAAA,CACC,UAAWC,EACT,8DACA,iEACA,kEACF,EACC,GAAGH,CACN,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalItemContent.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalItemContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\n\nimport { NavigationMenuVerticalIcon } from './NavigationMenuVerticalIcon'\nimport { NavigationMenuVerticalText } from './NavigationMenuVerticalText'\n\ntype TNavigationMenuVerticalItemContentProps = React.ComponentProps<typeof Flex>\n\nexport const NavigationMenuVerticalItemContent = ({\n  children,\n  ...rest\n}: TNavigationMenuVerticalItemContentProps): JSX.Element => {\n  return (\n    <Flex gap={2} align=\"center\" {...rest}>\n      {\n        React.Children.map(children, (child) => {\n          if (typeof child === 'string' || typeof child === 'number') {\n            return (\n              <NavigationMenuVerticalText>{child}</NavigationMenuVerticalText>\n            )\n          }\n          if (React.isValidElement(child) && child.type === Icon) {\n            return <NavigationMenuVerticalIcon {...child.props} />\n          }\n          return child\n        }) as React.ReactElement[]\n      }\n    </Flex>\n  )\n}\n"],"names":["NavigationMenuVerticalItemContent","children","rest","React","Flex","child","NavigationMenuVerticalText","Icon","NavigationMenuVerticalIcon"],"mappings":"gQAUa,MAAAA,EAAoC,CAAC,CAChD,SAAAC,KACGC,CACL,IAEIC,EAAA,cAACC,EAAA,CAAK,IAAK,EAAG,MAAM,SAAU,GAAGF,CAAAA,EAE7BC,EAAM,SAAS,IAAIF,EAAWI,GACxB,OAAOA,GAAU,UAAY,OAAOA,GAAU,SAE9CF,EAAA,cAACG,EAAA,KAA4BD,CAAM,EAGnCF,EAAM,eAAeE,CAAK,GAAKA,EAAM,OAASE,EACzCJ,EAAA,cAACK,EAAA,CAA4B,GAAGH,EAAM,KAAO,CAAA,EAE/CA,CACR,CAEL"}
+{"version":3,"file":"NavigationMenuVerticalItemContent.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalItemContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\n\nimport { NavigationMenuVerticalIcon } from './NavigationMenuVerticalIcon'\nimport { NavigationMenuVerticalText } from './NavigationMenuVerticalText'\n\ntype TNavigationMenuVerticalItemContentProps = React.ComponentProps<typeof Flex>\n\nexport const NavigationMenuVerticalItemContent = ({\n  children,\n  ...rest\n}: TNavigationMenuVerticalItemContentProps): JSX.Element => {\n  return (\n    <Flex gap={2} align=\"center\" {...rest}>\n      {\n        React.Children.map(children, (child) => {\n          if (typeof child === 'string' || typeof child === 'number') {\n            return (\n              <NavigationMenuVerticalText>{child}</NavigationMenuVerticalText>\n            )\n          }\n          if (React.isValidElement(child) && child.type === Icon) {\n            return <NavigationMenuVerticalIcon {...child.props} />\n          }\n          return child\n        }) as React.ReactElement[]\n      }\n    </Flex>\n  )\n}\n"],"names":["NavigationMenuVerticalItemContent","children","rest","React","Flex","child","NavigationMenuVerticalText","Icon","NavigationMenuVerticalIcon"],"mappings":"gQAUa,MAAAA,EAAoC,CAAC,CAChD,SAAAC,EACA,GAAGC,CACL,IAEIC,EAAA,cAACC,EAAA,CAAK,IAAK,EAAG,MAAM,SAAU,GAAGF,CAAAA,EAE7BC,EAAM,SAAS,IAAIF,EAAWI,GACxB,OAAOA,GAAU,UAAY,OAAOA,GAAU,SAE9CF,EAAA,cAACG,EAAA,KAA4BD,CAAM,EAGnCF,EAAM,eAAeE,CAAK,GAAKA,EAAM,OAASE,EACzCJ,EAAA,cAACK,EAAA,CAA4B,GAAGH,EAAM,KAAO,CAAA,EAE/CA,CACR,CAEL"}

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

@@ -1,2 +1,2 @@
-import{Link as a}from"@radix-ui/react-navigation-menu";import t from"react";import{styled as l}from"../../stitches.js";import{getExternalAnchorProps as c}from"../../utilities/uri/index.js";import{navigationMenuVerticalItemStyles as p}from"./NavigationMenuVertical.styles.js";import{NavigationMenuVerticalItem as f}from"./NavigationMenuVerticalItem.js";import{NavigationMenuVerticalItemContent as u}from"./NavigationMenuVerticalItemContent.js";import{preventEvent as s}from"../../utilities/event/preventEvent.js";const v=l(a,p),g=({as:r,href:e,children:n,...o})=>{const i=r||(e?"a":"button"),m=r?{}:e?c(e):{type:"button"};return t.createElement(f,null,t.createElement(v,{size:"lg",href:e,...o,...m,onSelect:s,asChild:!0},t.createElement(i,null,t.createElement(u,null,n))))};export{g as NavigationMenuVerticalLink};
+import{Link as a}from"@radix-ui/react-navigation-menu";import t from"react";import{styled as l}from"../../styled.js";import{getExternalAnchorProps as c}from"../../utilities/uri/index.js";import{navigationMenuVerticalItemStyles as p}from"./NavigationMenuVertical.styles.js";import{NavigationMenuVerticalItem as s}from"./NavigationMenuVerticalItem.js";import{NavigationMenuVerticalItemContent as f}from"./NavigationMenuVerticalItemContent.js";import{preventEvent as u}from"../../utilities/event/preventEvent.js";const v=l(a,{base:p,variants:{size:{md:["min-h-10"],lg:["min-h-12"]}}}),g=({as:r,href:e,children:n,...o})=>{const i=r||(e?"a":"button"),m=r?{}:e?c(e):{type:"button"};return t.createElement(s,null,t.createElement(v,{size:"lg",href:e,...o,...m,onSelect:u,asChild:!0},t.createElement(i,null,t.createElement(f,null,n))))};export{g as NavigationMenuVerticalLink};
 //# sourceMappingURL=NavigationMenuVerticalLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalLink.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalLink.tsx"],"sourcesContent":["import { Link } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\nimport { preventEvent } from '~/utilities/event'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { navigationMenuVerticalItemStyles } from './NavigationMenuVertical.styles'\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\n\nconst StyledNavigationMenuVerticalLink = styled(\n  Link,\n  navigationMenuVerticalItemStyles\n)\n\ntype NavigationMenuVerticalItemProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalLink\n> & {\n  as?: React.ComponentType | React.ElementType\n}\n\nexport const NavigationMenuVerticalLink = ({\n  as,\n  href,\n  children,\n  ...rest\n}: NavigationMenuVerticalItemProps) => {\n  const Component = as || (href ? 'a' : 'button')\n  const componentProps = as\n    ? {}\n    : href\n      ? getExternalAnchorProps(href)\n      : { type: 'button' }\n\n  return (\n    <NavigationMenuVerticalItem>\n      <StyledNavigationMenuVerticalLink\n        size=\"lg\"\n        href={href}\n        {...rest}\n        {...componentProps}\n        onSelect={preventEvent}\n        asChild // ?: Can't use `as` for this as we lose `data-active` etc. attributes when we try to. Using `asChild` and `Component` as a workaround.\n      >\n        <Component>\n          <NavigationMenuVerticalItemContent>\n            {children}\n          </NavigationMenuVerticalItemContent>\n        </Component>\n      </StyledNavigationMenuVerticalLink>\n    </NavigationMenuVerticalItem>\n  )\n}\n"],"names":["StyledNavigationMenuVerticalLink","styled","Link","navigationMenuVerticalItemStyles","NavigationMenuVerticalLink","as","href","children","rest","Component","componentProps","getExternalAnchorProps","React","NavigationMenuVerticalItem","preventEvent","NavigationMenuVerticalItemContent"],"mappings":"ggBAWA,MAAMA,EAAmCC,EACvCC,EACAC,CACF,EAQaC,EAA6B,CAAC,CACzC,GAAAC,EACA,KAAAC,EACA,SAAAC,KACGC,CACL,IAAuC,CACrC,MAAMC,EAAYJ,IAAOC,EAAO,IAAM,UAChCI,EAAiBL,EACnB,CAAC,EACDC,EACEK,EAAuBL,CAAI,EAC3B,CAAE,KAAM,QAAS,EAEvB,OACEM,EAAA,cAACC,EAAA,KACCD,EAAA,cAACZ,EAAA,CACC,KAAK,KACL,KAAMM,EACL,GAAGE,EACH,GAAGE,EACJ,SAAUI,EACV,QAAO,EAEPF,EAAAA,EAAA,cAACH,EAAA,KACCG,EAAA,cAACG,EAAA,KACER,CACH,CACF,CACF,CACF,CAEJ"}
+{"version":3,"file":"NavigationMenuVerticalLink.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalLink.tsx"],"sourcesContent":["import { Link } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/styled'\nimport { preventEvent } from '~/utilities/event'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { navigationMenuVerticalItemStyles } from './NavigationMenuVertical.styles'\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\n\nconst StyledNavigationMenuVerticalLink = styled(Link, {\n  base: navigationMenuVerticalItemStyles,\n  variants: {\n    size: {\n      md: ['min-h-10'],\n      lg: ['min-h-12']\n    }\n  }\n})\n\ntype NavigationMenuVerticalItemProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalLink\n> & {\n  as?: React.ComponentType | React.ElementType\n}\n\nexport const NavigationMenuVerticalLink = ({\n  as,\n  href,\n  children,\n  ...rest\n}: NavigationMenuVerticalItemProps) => {\n  const Component = as || (href ? 'a' : 'button')\n  const componentProps = as\n    ? {}\n    : href\n      ? getExternalAnchorProps(href)\n      : { type: 'button' }\n\n  return (\n    <NavigationMenuVerticalItem>\n      <StyledNavigationMenuVerticalLink\n        size=\"lg\"\n        href={href}\n        {...rest}\n        {...componentProps}\n        onSelect={preventEvent}\n        asChild // ?: Can't use `as` for this as we lose `data-active` etc. attributes when we try to. Using `asChild` and `Component` as a workaround.\n      >\n        <Component>\n          <NavigationMenuVerticalItemContent>\n            {children}\n          </NavigationMenuVerticalItemContent>\n        </Component>\n      </StyledNavigationMenuVerticalLink>\n    </NavigationMenuVerticalItem>\n  )\n}\n"],"names":["StyledNavigationMenuVerticalLink","styled","Link","navigationMenuVerticalItemStyles","NavigationMenuVerticalLink","as","href","children","rest","Component","componentProps","getExternalAnchorProps","React","NavigationMenuVerticalItem","preventEvent","NavigationMenuVerticalItemContent"],"mappings":"8fAWA,MAAMA,EAAmCC,EAAOC,EAAM,CACpD,KAAMC,EACN,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAU,EACf,GAAI,CAAC,UAAU,CACjB,CACF,CACF,CAAC,EAQYC,EAA6B,CAAC,CACzC,GAAAC,EACA,KAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAuC,CACrC,MAAMC,EAAYJ,IAAOC,EAAO,IAAM,UAChCI,EAAiBL,EACnB,CAAC,EACDC,EACEK,EAAuBL,CAAI,EAC3B,CAAE,KAAM,QAAS,EAEvB,OACEM,EAAA,cAACC,EAAA,KACCD,EAAA,cAACZ,EAAA,CACC,KAAK,KACL,KAAMM,EACL,GAAGE,EACH,GAAGE,EACJ,SAAUI,EACV,QAAO,EAAA,EAEPF,EAAA,cAACH,EAAA,KACCG,EAAA,cAACG,EAAA,KACER,CACH,CACF,CACF,CACF,CAEJ"}

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

@@ -1,2 +1,2 @@
-import{List as t}from"@radix-ui/react-navigation-menu";import{styled as i}from"../../stitches.js";const e=i(t,{p:0,m:0,listStyle:"none","--navigation-menu-vertical-item-pl":"$space$4","& &":{"--navigation-menu-vertical-item-pl":"$space$5"},"& & &":{"--navigation-menu-vertical-item-pl":"$space$7"},"& & & &":{"--navigation-menu-vertical-item-pl":"$space$8"},"& > *:not(:first-child)":{mt:"$0"}}),a=e;export{a as NavigationMenuVerticalList};
+import{List as t}from"@radix-ui/react-navigation-menu";import{styled as i}from"../../styled.js";const n=i(t,{base:["p-0","m-0","list-none","[--navigation-menu-vertical-item-pl:--spacing(4)]","*:not-first:mt-0.5"]}),o=n;export{o as NavigationMenuVerticalList};
 //# sourceMappingURL=NavigationMenuVerticalList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalList.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalList.tsx"],"sourcesContent":["import { List } from '@radix-ui/react-navigation-menu'\n\nimport { styled } from '~/stitches'\n\nconst StyledList = styled(List, {\n  p: 0,\n  m: 0,\n  listStyle: 'none',\n  '--navigation-menu-vertical-item-pl': '$space$4',\n  '& &': {\n    '--navigation-menu-vertical-item-pl': '$space$5'\n  },\n  '& & &': {\n    '--navigation-menu-vertical-item-pl': '$space$7'\n  },\n  '& & & &': {\n    '--navigation-menu-vertical-item-pl': '$space$8'\n  },\n  '& > *:not(:first-child)': {\n    mt: '$0'\n  }\n})\n\nexport const NavigationMenuVerticalList = StyledList\n"],"names":["StyledList","styled","List","NavigationMenuVerticalList"],"mappings":"kGAIA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,EAAG,EACH,EAAG,EACH,UAAW,OACX,qCAAsC,WACtC,MAAO,CACL,qCAAsC,UACxC,EACA,QAAS,CACP,qCAAsC,UACxC,EACA,UAAW,CACT,qCAAsC,UACxC,EACA,0BAA2B,CACzB,GAAI,IACN,CACF,CAAC,EAEYC,EAA6BH"}
+{"version":3,"file":"NavigationMenuVerticalList.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalList.tsx"],"sourcesContent":["import { List } from '@radix-ui/react-navigation-menu'\n\nimport { styled } from '~/styled'\n\nconst StyledList = styled(List, {\n  base: [\n    'p-0',\n    'm-0',\n    'list-none',\n    '[--navigation-menu-vertical-item-pl:--spacing(4)]',\n    '*:not-first:mt-0.5'\n  ]\n})\n\nexport const NavigationMenuVerticalList = StyledList\n"],"names":["StyledList","styled","List","NavigationMenuVerticalList"],"mappings":"gGAIA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,KAAM,CACJ,MACA,MACA,YACA,oDACA,oBACF,CACF,CAAC,EAEYC,EAA6BH"}

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

@@ -1,2 +1,2 @@
-import a from"react";import{Text as o}from"../text/Text.js";import{styled as i}from"../../stitches.js";import"../side-bar/SideBar.js";import{useSidebarState as r}from"../side-bar/SideBarContext.js";const s="10rem",n=i.withConfig({shouldForwardStitchesProp:t=>["as"].includes(t)})(o,{fontWeight:"var(--navigation-menu-vertical-item-font-weight)",lineHeight:1.2,width:"max-content",maxWidth:s,variants:{isExpanded:{true:{opacity:1,"@allowMotion":{transform:"translate(0)",transition:"opacity 125ms ease-out, transform 125ms ease-out"}},false:{opacity:0,"@allowMotion":{transform:"translate(8px)",transition:"opacity 125ms ease-out, transform 0ms ease-out 125ms"}}}}}),m=t=>{const{isExpanded:e}=r();return a.createElement(n,{size:"md",as:"span",...t,isExpanded:e})};export{m as NavigationMenuVerticalText};
+import a from"react";import{Text as o}from"../text/Text.js";import{styled as i}from"../../styled.js";import"../side-bar/SideBar.js";import{useSidebarState as n}from"../side-bar/SideBarContext.js";const r=i(o,{base:["font-(--navigation-menu-vertical-item-font-weight)","leading-[1.2]","w-max","max-w-40","motion-safe:duration-125","motion-safe:ease-out","motion-safe:transition-[opacity,translate]"],variants:{isExpanded:{true:["opacity-100","motion-safe:translate-0"]}}}),s=t=>{const{isExpanded:e}=n();return a.createElement(r,{size:"md",as:"span",...t,isExpanded:e})};export{s as NavigationMenuVerticalText};
 //# sourceMappingURL=NavigationMenuVerticalText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalText.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalText.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '~/components/text'\nimport { styled } from '~/stitches'\n\nimport { useSidebarState } from '../side-bar'\n\nconst SIZE_EXPANDED_MAX = '10rem'\n\nconst StyledNavigationMenuVerticalText = styled.withConfig({\n  shouldForwardStitchesProp: (propName) => ['as'].includes(propName)\n})(Text, {\n  fontWeight: 'var(--navigation-menu-vertical-item-font-weight)',\n  lineHeight: 1.2,\n  width: 'max-content',\n  maxWidth: SIZE_EXPANDED_MAX,\n  variants: {\n    isExpanded: {\n      true: {\n        opacity: 1,\n        '@allowMotion': {\n          transform: 'translate(0)',\n          transition: 'opacity 125ms ease-out, transform 125ms ease-out'\n        }\n      },\n      false: {\n        opacity: 0,\n        '@allowMotion': {\n          transform: 'translate(8px)',\n          transition: 'opacity 125ms ease-out, transform 0ms ease-out 125ms'\n        }\n      }\n    }\n  }\n})\n\ntype TStyledNavigationMenuVerticalTextProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalText\n>\n\nexport const NavigationMenuVerticalText = (\n  props: TStyledNavigationMenuVerticalTextProps\n): JSX.Element => {\n  const { isExpanded } = useSidebarState()\n  return (\n    <StyledNavigationMenuVerticalText\n      size=\"md\"\n      as=\"span\"\n      {...props}\n      isExpanded={isExpanded}\n    />\n  )\n}\n"],"names":["SIZE_EXPANDED_MAX","StyledNavigationMenuVerticalText","styled","propName","Text","NavigationMenuVerticalText","props","isExpanded","useSidebarState","React"],"mappings":"sMAOA,MAAMA,EAAoB,QAEpBC,EAAmCC,EAAO,WAAW,CACzD,0BAA4BC,GAAa,CAAC,IAAI,EAAE,SAASA,CAAQ,CACnE,CAAC,EAAEC,EAAM,CACP,WAAY,mDACZ,WAAY,IACZ,MAAO,cACP,SAAUJ,EACV,SAAU,CACR,WAAY,CACV,KAAM,CACJ,QAAS,EACT,eAAgB,CACd,UAAW,eACX,WAAY,kDACd,CACF,EACA,MAAO,CACL,QAAS,EACT,eAAgB,CACd,UAAW,iBACX,WAAY,sDACd,CACF,CACF,CACF,CACF,CAAC,EAMYK,EACXC,GACgB,CAChB,KAAM,CAAE,WAAAC,CAAW,EAAIC,EAAgB,EACvC,OACEC,EAAA,cAACR,EAAA,CACC,KAAK,KACL,GAAG,OACF,GAAGK,EACJ,WAAYC,CAAAA,CACd,CAEJ"}
+{"version":3,"file":"NavigationMenuVerticalText.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalText.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '~/components/text'\nimport { styled } from '~/styled'\n\nimport { useSidebarState } from '../side-bar'\n\nconst StyledNavigationMenuVerticalText = styled(Text, {\n  base: [\n    'font-(--navigation-menu-vertical-item-font-weight)',\n    'leading-[1.2]',\n    'w-max',\n    'max-w-40',\n    'motion-safe:duration-125',\n    'motion-safe:ease-out',\n    'motion-safe:transition-[opacity,translate]'\n  ],\n  variants: {\n    isExpanded: {\n      true: ['opacity-100', 'motion-safe:translate-0']\n      // false: ['opacity-0', 'motion-safe:translate-x-2'] // triggered when isExpanded is undefined as well\n    }\n  }\n})\n\ntype TStyledNavigationMenuVerticalTextProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalText\n>\n\nexport const NavigationMenuVerticalText = (\n  props: TStyledNavigationMenuVerticalTextProps\n): JSX.Element => {\n  const { isExpanded } = useSidebarState()\n  return (\n    <StyledNavigationMenuVerticalText\n      size=\"md\"\n      as=\"span\"\n      {...props}\n      isExpanded={isExpanded}\n    />\n  )\n}\n"],"names":["StyledNavigationMenuVerticalText","styled","Text","NavigationMenuVerticalText","props","isExpanded","useSidebarState","React"],"mappings":"oMAOA,MAAMA,EAAmCC,EAAOC,EAAM,CACpD,KAAM,CACJ,qDACA,gBACA,QACA,WACA,2BACA,uBACA,4CACF,EACA,SAAU,CACR,WAAY,CACV,KAAM,CAAC,cAAe,yBAAyB,CAEjD,CACF,CACF,CAAC,EAMYC,EACXC,GACgB,CAChB,KAAM,CAAE,WAAAC,CAAW,EAAIC,EACvB,EAAA,OACEC,EAAA,cAACP,EAAA,CACC,KAAK,KACL,GAAG,OACF,GAAGI,EACJ,WAAYC,EACd,CAEJ"}

package/dist/components/notification-badge/NotificationBadge.js

@@ -1,2 +1,2 @@
-import e from"react";import{styled as o}from"../../stitches.js";import{Box as i}from"../box/Box.js";import{Flex as n}from"../flex/Flex.js";const l=o(i,{position:"relative"}),a=o(n,{fontFamily:"$body",fontSize:"$sm",flexDirection:"column",justifyContent:"center",position:"absolute",top:"0",right:"0",transform:"translate(calc($sizes$2 / 2), -50%)",borderRadius:"$round",p:"$2",height:"$2",minWidth:"$2",textAlign:"center",color:"#fff",bg:"$primary800"}),m=({value:t,children:r})=>e.createElement(l,null,!!t&&e.createElement(a,{role:"status"},t),r);export{m as NotificationBadge};
+import e from"react";import{styled as o}from"../../styled.js";import{Badge as n}from"../badge/Badge.js";import{Icon as l}from"../icon/Icon.js";const s=o("div",{base:["relative"]}),d=o(n,{base:["font-body","text-sm","flex-row","justify-center","absolute","top-0","right-0","translate-x-3","-translate-y-1/2","rounded-round","h-6","min-w-6","text-center"]}),c=({value:t,emphasis:a="bold",theme:i="primary",icon:r,children:m})=>e.createElement(s,null,!!t&&e.createElement(d,{role:"status",emphasis:a,theme:i},r&&e.createElement(l,{is:r,role:"img","aria-hidden":"false"}),t),m);export{c as NotificationBadge};
 //# sourceMappingURL=NotificationBadge.js.map

package/dist/components/notification-badge/NotificationBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBadge.js","sources":["../../../src/components/notification-badge/NotificationBadge.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Box } from '../box'\nimport { Flex } from '../flex'\n\nconst StyledWrapper = styled(Box, {\n  position: 'relative'\n})\n\nconst StyledBadge = styled(Flex, {\n  fontFamily: '$body',\n  fontSize: '$sm',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  position: 'absolute',\n  top: '0',\n  right: '0',\n  transform: 'translate(calc($sizes$2 / 2), -50%)',\n  borderRadius: '$round',\n  p: '$2',\n  height: '$2',\n  minWidth: '$2',\n  textAlign: 'center',\n  color: '#fff',\n  bg: '$primary800'\n})\n\ntype NotificationBadgeProps = {\n  value: number | string\n}\n\nexport const NotificationBadge = ({\n  value,\n  children\n}: React.PropsWithChildren<NotificationBadgeProps>) => (\n  <StyledWrapper>\n    {!!value && <StyledBadge role=\"status\">{value}</StyledBadge>}\n    {children}\n  </StyledWrapper>\n)\n"],"names":["StyledWrapper","styled","Box","StyledBadge","Flex","NotificationBadge","value","children","React"],"mappings":"2IAOA,MAAMA,EAAgBC,EAAOC,EAAK,CAChC,SAAU,UACZ,CAAC,EAEKC,EAAcF,EAAOG,EAAM,CAC/B,WAAY,QACZ,SAAU,MACV,cAAe,SACf,eAAgB,SAChB,SAAU,WACV,IAAK,IACL,MAAO,IACP,UAAW,sCACX,aAAc,SACd,EAAG,KACH,OAAQ,KACR,SAAU,KACV,UAAW,SACX,MAAO,OACP,GAAI,aACN,CAAC,EAMYC,EAAoB,CAAC,CAChC,MAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAACR,EAAA,KACE,CAAC,CAACM,GAASE,EAAA,cAACL,EAAA,CAAY,KAAK,QAAUG,EAAAA,CAAM,EAC7CC,CACH"}
+{"version":3,"file":"NotificationBadge.js","sources":["../../../src/components/notification-badge/NotificationBadge.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Badge } from '../badge'\nimport { Icon } from '../icon'\n\nconst StyledWrapper = styled('div', {\n  base: ['relative']\n})\n\nconst StyledBadge = styled(Badge, {\n  base: [\n    'font-body',\n    'text-sm',\n    'flex-row',\n    'justify-center',\n    'absolute',\n    'top-0',\n    'right-0',\n    'translate-x-3',\n    '-translate-y-1/2',\n    'rounded-round',\n    'h-6',\n    'min-w-6',\n    'text-center'\n  ]\n})\n\ntype BadgeProps = React.ComponentProps<typeof Badge>\n\ntype NotificationBadgeProps = {\n  value: number | string\n  emphasis?: BadgeProps['emphasis']\n  theme?: BadgeProps['theme']\n  icon?: React.FC<React.SVGProps<SVGSVGElement>>\n}\n\nexport const NotificationBadge = ({\n  value,\n  emphasis = 'bold',\n  theme = 'primary',\n  icon,\n  children\n}: React.PropsWithChildren<NotificationBadgeProps>) => (\n  <StyledWrapper>\n    {!!value && (\n      <StyledBadge role=\"status\" emphasis={emphasis} theme={theme}>\n        {icon && <Icon is={icon} role=\"img\" aria-hidden=\"false\" />}\n        {value}\n      </StyledBadge>\n    )}\n    {children}\n  </StyledWrapper>\n)\n"],"names":["StyledWrapper","styled","StyledBadge","Badge","NotificationBadge","value","emphasis","theme","icon","children","React","Icon"],"mappings":"+IAOA,MAAMA,EAAgBC,EAAO,MAAO,CAClC,KAAM,CAAC,UAAU,CACnB,CAAC,EAEKC,EAAcD,EAAOE,EAAO,CAChC,KAAM,CACJ,YACA,UACA,WACA,iBACA,WACA,QACA,UACA,gBACA,mBACA,gBACA,MACA,UACA,aACF,CACF,CAAC,EAWYC,EAAoB,CAAC,CAChC,MAAAC,EACA,SAAAC,EAAW,OACX,MAAAC,EAAQ,UACR,KAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAACV,EAAA,KACE,CAAC,CAACK,GACDK,EAAA,cAACR,EAAA,CAAY,KAAK,SAAS,SAAUI,EAAU,MAAOC,CAAAA,EACnDC,GAAQE,EAAA,cAACC,EAAA,CAAK,GAAIH,EAAM,KAAK,MAAM,cAAY,OAAQ,CAAA,EACvDH,CACH,EAEDI,CACH"}

package/dist/components/number-input/NumberInput.js

@@ -1,2 +1,2 @@
-import{Minus as F,Plus as H}from"@atom-learning/icons";import*as r from"react";import{styled as $}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"color2k";import"../../utilities/style/keyframe-animations.js";import{getFieldIconSize as V}from"../../utilities/style/get-icon-size.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{Flex as X}from"../flex/Flex.js";import{Input as _}from"../input/Input.js";import{NumberInputStepper as k}from"./NumberInputStepper.js";const G=$(X,{variants:{appearance:{standard:{},modern:{gap:"1px"}}}}),N=r.forwardRef(({value:u,defaultValue:T=0,onValueChange:w,min:n=0,max:o=Number.MAX_SAFE_INTEGER,step:m=1,disabled:s=!1,readonly:p=!1,size:x="md",stepperButtonLabels:A,disabledTooltipContent:I,css:M,appearance:d="standard",...z},L)=>{const[a,E]=r.useState(u||T);r.useEffect(()=>{typeof u<"u"&&E(u)},[u]);const l=r.useRef(null);r.useImperativeHandle(L,()=>l.current);const R=r.useMemo(()=>V(x),[x]),h={increment:"increment",decrement:"decrement",...A},y={decrement:`Cannot enter values below ${n}`,increment:`Cannot enter values above ${o}`,...I},c=a>=o,b=a<=n,f=r.useCallback(e=>Math.min(Math.max(e,n),o),[o,n]),t=r.useCallback(e=>{w==null||w(e),E(e)},[w]),B=r.useCallback(e=>{const i=Number(e.target.value.replace(/\D/g,""));t(i)},[t]),v=r.useCallback(()=>{var e;if(c||p)return;(e=l==null?void 0:l.current)==null||e.focus();const i=Number(a)+m;t(f(i))},[f,c,p,m,t,a]),C=r.useCallback(()=>{var e;if(b||p)return;(e=l==null?void 0:l.current)==null||e.focus();const i=Number(a)-m;t(f(i))},[f,b,p,n,m,t,a]),D=r.useCallback(e=>{if(e.nativeEvent.isComposing)return;const i=e.key,g={ArrowUp:v,ArrowRight:v,ArrowDown:C,ArrowLeft:C,Home:()=>t(n),End:()=>t(o)}[i];g&&(e.preventDefault(),g(e))},[v,C,t,n,o]),S={type:"number",value:a,...z,onChange:B,onKeyDown:D,size:x,appearance:d,css:{borderRadius:"0px",width:"$6","&:disabled":{opacity:.3,pointerEvents:"none"}},ref:l,readOnly:p,disabled:s,"aria-valuemin":n,"aria-valuemax":o,"aria-valuenow":a,role:"spinbutton"};return r.createElement(G,{appearance:d,css:M},r.createElement(k,{onClick:C,icon:F,css:{borderRight:"none",borderTopRightRadius:"0px",borderBottomRightRadius:"0px"},size:R,fieldAppearance:d,disabled:b||s,showTooltip:b&&!s,disabledTooltipContent:y.decrement,label:h.decrement}),r.createElement(_,{...S}),r.createElement(k,{onClick:v,icon:H,css:{borderLeft:"none",borderTopLeftRadius:"0px",borderBottomLeftRadius:"0px"},size:R,fieldAppearance:d,disabled:c||s,showTooltip:c&&!s,disabledTooltipContent:y.increment,label:h.increment}))});N.displayName="NumberInput";export{N as NumberInput};
+import{Minus as L,Plus as V}from"@atom-learning/icons";import _ from"clsx";import*as n from"react";import{styled as B}from"../../styled.js";import"../../utilities/css-wrapper/CSSWrapper.js";import{getFieldIconSize as G}from"../../utilities/style/get-icon-size.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{Flex as K}from"../flex/Flex.js";import{Input as O}from"../input/Input.js";import{NumberInputStepper as A}from"./NumberInputStepper.js";const P=B(K,{base:[],variants:{appearance:{standard:[],modern:["gap-px"]}}}),I=n.forwardRef(({value:u,defaultValue:x=0,onValueChange:N,min:r=0,max:o=Number.MAX_SAFE_INTEGER,step:c=1,disabled:i=!1,readonly:m=!1,size:w="md",stepperButtonLabels:M,disabledTooltipContent:T,className:z,appearance:d="standard",...D},F)=>{const[t,E]=n.useState(u||x);n.useEffect(()=>{typeof u<"u"&&E(u)},[u]);const s=n.useRef(null);n.useImperativeHandle(F,()=>s.current);const y=n.useMemo(()=>G(w),[w]),g={increment:"increment",decrement:"decrement",...M},k={decrement:"Cannot enter values below ".concat(r),increment:"Cannot enter values above ".concat(o),...T},p=t>=o,b=t<=r,f=n.useCallback(e=>Math.min(Math.max(e,r),o),[o,r]),a=n.useCallback(e=>{N==null||N(e),E(e)},[N]),R=n.useCallback(e=>{const l=Number(e.target.value.replace(/\D/g,""));a(l)},[a]),v=n.useCallback(()=>{var e;if(p||m)return;(e=s==null?void 0:s.current)==null||e.focus();const l=Number(t)+c;a(f(l))},[f,p,m,c,a,t]),C=n.useCallback(()=>{var e;if(b||m)return;(e=s==null?void 0:s.current)==null||e.focus();const l=Number(t)-c;a(f(l))},[f,b,m,r,c,a,t]),S=n.useCallback(e=>{if(e.nativeEvent.isComposing)return;const l=e.key,h={ArrowUp:v,ArrowRight:v,ArrowDown:C,ArrowLeft:C,Home:()=>a(r),End:()=>a(o)}[l];h&&(e.preventDefault(),h(e))},[v,C,a,r,o]),H={type:"number",value:t,...D,onChange:R,onKeyDown:S,size:w,appearance:d,className:_("rounded-none","w-16","disabled:opacity-30","disabled:pointer-events-none"),ref:s,readOnly:m,disabled:i,"aria-valuemin":r,"aria-valuemax":o,"aria-valuenow":t,role:"spinbutton"};return n.createElement(P,{appearance:d,className:z},n.createElement(A,{onClick:C,icon:L,size:y,fieldAppearance:d,disabled:b||i,showTooltip:b&&!i,disabledTooltipContent:k.decrement,label:g.decrement,className:"border-r-none rounded-r-none"}),n.createElement(O,{...H}),n.createElement(A,{onClick:v,icon:V,size:y,fieldAppearance:d,disabled:p||i,showTooltip:p&&!i,disabledTooltipContent:k.increment,label:g.increment,className:"border-l-none rounded-l-none"}))});I.displayName="NumberInput";export{I as NumberInput};
 //# sourceMappingURL=NumberInput.js.map