@atom-learning/components 3.1.2 → 3.3.0-beta.0

package/dist/components/index.d.ts

@@ -58,6 +58,7 @@ export { SearchInput } from './search-input';
 export { SectionMessage } from './section-message';
 export { Select } from './select';
 export { SelectField } from './select-field';
+export { SideBar, useExpandableSidebar } from './side-bar';
 export { Slider } from './slider';
 export { SliderField } from './slider-field';
 export { Sortable } from './sortable';

package/dist/components/navigation/NavigationMenu.js

@@ -1,2 +1,2 @@
-import*as m from"@radix-ui/react-navigation-menu";import t from"react";import{MAX_Z_INDEX as N}from"../../constants/zIndices.js";import{keyframes as D,styled as n}from"../../stitches.js";import{fadeOut as E}from"../../utilities/style/keyframe-animations.js";import{NavigationMenuContext as h}from"./NavigationMenuContext.js";import{NavigationMenuDropdown as x}from"./NavigationMenuDropdown.js";import{NavigationMenuDropdownContent as C}from"./NavigationMenuDropdownContent.js";import{NavigationMenuDropdownItem as I,NavigationMenuDropdownItemTitle as $}from"./NavigationMenuDropdownItem.js";import{NavigationMenuDropdownTrigger as T}from"./NavigationMenuDropdownTrigger.js";import{NavigationMenuLink as L}from"./NavigationMenuLink.js";const _=D({"0%, 50%":{opacity:0},"100%":{opacity:1}}),k=n(m.Root,{display:"flex",justifyContent:"center",position:"relative"}),S=n(m.List,{all:"unset",display:"flex",justifyContent:"center",alignItems:"center",gap:"$1",listStyle:"none"}),j=n(m.Viewport,{zIndex:N}),V=n("div",{position:"absolute",left:0,top:"100%",width:"100%",display:"flex",justifyContent:"center"}),o=({children:f,css:u,...p})=>{const[d,l]=t.useState(),[r,c]=t.useState(),[i,g]=t.useState(0),a=t.useRef(null),s=200;t.useLayoutEffect(()=>{a.current&&g(a.current.offsetWidth)},[]),t.useEffect(()=>{let e;return r===""&&(e=setTimeout(()=>l(null),s)),()=>{e!==null&&clearTimeout(e)}},[r]);const v=(e,y)=>{if(e&&i&&r===y){const w=i/2,M=i-e.offsetLeft-e.offsetWidth+e.offsetWidth/2;l(Math.round(w-M))}return e};return t.createElement(h.Provider,{value:{onNodeUpdate:v}},t.createElement(k,{onValueChange:c,css:u,...p},t.createElement(S,{ref:a},f),t.createElement(V,null,t.createElement(j,{css:{transform:`translateX(${d||0}px)`,'&[data-state="open"]':{animation:`${_} ${s}ms ease`},'&[data-state="closed"]':{animation:`${E} ${s}ms ease-out`}}}))))};o.Link=L,o.Dropdown=x,o.DropdownContent=C,o.DropdownItem=I,o.DropdownItemTitle=$,o.DropdownTrigger=T,o.displayName="NavigationMenu";export{o as NavigationMenu};
+import*as m from"@radix-ui/react-navigation-menu";import t from"react";import{MAX_Z_INDEX as M}from"../../constants/zIndices.js";import{keyframes as D,styled as n}from"../../stitches.js";import{fadeOut as h}from"../../utilities/style/keyframe-animations.js";import{NavigationMenuContext as E}from"./NavigationMenuContext.js";import{NavigationMenuDropdown as x}from"./NavigationMenuDropdown.js";import{NavigationMenuDropdownContent as C}from"./NavigationMenuDropdownContent.js";import{NavigationMenuDropdownItem as I,NavigationMenuDropdownItemTitle as $}from"./NavigationMenuDropdownItem.js";import{NavigationMenuDropdownTrigger as T}from"./NavigationMenuDropdownTrigger.js";import{NavigationMenuLink as L}from"./NavigationMenuLink.js";import{colorSchemes as S}from"./stitches.navigationMenu.colorscheme.config.js";const _=D({"0%, 50%":{opacity:0},"100%":{opacity:1}}),k=n(m.Root,{display:"flex",justifyContent:"center",position:"relative"}),W=n(m.List,{all:"unset",display:"flex",justifyContent:"center",alignItems:"center",gap:"$1",listStyle:"none"}),j=n(m.Viewport,{zIndex:M}),V=n("div",{position:"absolute",left:0,top:"100%",width:"100%",display:"flex",justifyContent:"center"}),o=({children:f,css:p,...u})=>{const[d,l]=t.useState(),[r,c]=t.useState(),[i,g]=t.useState(0),a=t.useRef(null),s=200;t.useLayoutEffect(()=>{a.current&&g(a.current.offsetWidth)},[]),t.useEffect(()=>{let e;return r===""&&(e=setTimeout(()=>l(null),s)),()=>{e!==null&&clearTimeout(e)}},[r]);const y=(e,v)=>{if(e&&i&&r===v){const N=i/2,w=i-e.offsetLeft-e.offsetWidth+e.offsetWidth/2;l(Math.round(N-w))}return e};return t.createElement(E.Provider,{value:{onNodeUpdate:y}},t.createElement(k,{className:S.light,onValueChange:c,css:p,...u},t.createElement(W,{ref:a},f),t.createElement(V,null,t.createElement(j,{css:{transform:`translateX(${d||0}px)`,'&[data-state="open"]':{animation:`${_} ${s}ms ease`},'&[data-state="closed"]':{animation:`${h} ${s}ms ease-out`}}}))))};o.Link=L,o.Dropdown=x,o.DropdownContent=C,o.DropdownItem=I,o.DropdownItemTitle=$,o.DropdownTrigger=T,o.displayName="NavigationMenu";export{o as NavigationMenu};
 //# sourceMappingURL=NavigationMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.js","sources":["../../../src/components/navigation/NavigationMenu.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { MAX_Z_INDEX } from '~/constants/zIndices'\nimport { CSS, keyframes, styled } from '~/stitches'\nimport { fadeOut } from '~/utilities/style/keyframe-animations'\n\nimport { NavigationMenuContext } from './NavigationMenuContext'\nimport { NavigationMenuDropdown } from './NavigationMenuDropdown'\nimport { NavigationMenuDropdownContent } from './NavigationMenuDropdownContent'\nimport {\n  NavigationMenuDropdownItem,\n  NavigationMenuDropdownItemTitle\n} from './NavigationMenuDropdownItem'\nimport { NavigationMenuDropdownTrigger } from './NavigationMenuDropdownTrigger'\nimport { NavigationMenuLink } from './NavigationMenuLink'\n\ntype NavigationMenuSubComponents = {\n  Link: typeof NavigationMenuLink\n  Dropdown: typeof NavigationMenuDropdown\n  DropdownContent: typeof NavigationMenuDropdownContent\n  DropdownItem: typeof NavigationMenuDropdownItem\n  DropdownItemTitle: typeof NavigationMenuDropdownItemTitle\n  DropdownTrigger: typeof NavigationMenuDropdownTrigger\n}\n\nconst delayedFadeIn = keyframes({\n  '0%, 50%': { opacity: 0 },\n  '100%': { opacity: 1 }\n})\n\nconst StyledMenu = styled(NavigationMenuPrimitive.Root, {\n  display: 'flex',\n  justifyContent: 'center',\n  position: 'relative'\n})\n\nconst StyledList = styled(NavigationMenuPrimitive.List, {\n  all: 'unset',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  gap: '$1',\n  listStyle: 'none'\n})\n\nconst StyledViewport = styled(NavigationMenuPrimitive.Viewport, {\n  zIndex: MAX_Z_INDEX\n})\n\nconst ViewportPosition = styled('div', {\n  position: 'absolute',\n  left: 0,\n  top: '100%',\n  width: '100%',\n  display: 'flex',\n  justifyContent: 'center'\n})\n\ntype NavigationMenuProps = React.ComponentProps<typeof StyledMenu>\n\nexport const NavigationMenu: React.FC<NavigationMenuProps> &\n  NavigationMenuSubComponents = ({ children, css, ...props }) => {\n  const [offset, setOffset] = React.useState<number | null | undefined>()\n  const [activeItem, setActiveItem] = React.useState<string | undefined>()\n  const [listWidth, setListWidth] = React.useState(0)\n  const listRef = React.useRef<HTMLUListElement>(null)\n  const fadeDuration = 200\n\n  React.useLayoutEffect(() => {\n    if (listRef.current) {\n      setListWidth(listRef.current.offsetWidth)\n    }\n  }, [])\n\n  React.useEffect(() => {\n    let timer: NodeJS.Timer\n\n    // Delay transitioning back to initial position\n    // to allow enough time for fadeOut animation to complete\n    if (activeItem === '') {\n      timer = setTimeout(() => setOffset(null), fadeDuration)\n    }\n\n    return () => {\n      if (timer !== null) {\n        clearTimeout(timer)\n      }\n    }\n  }, [activeItem])\n\n  // https://github.com/radix-ui/primitives/issues/1462\n  const onNodeUpdate = (trigger: HTMLButtonElement, itemValue: string) => {\n    if (trigger && listWidth && activeItem === itemValue) {\n      const listCenter = listWidth / 2\n\n      const triggerOffsetRight =\n        listWidth -\n        trigger.offsetLeft -\n        trigger.offsetWidth +\n        trigger.offsetWidth / 2\n\n      setOffset(Math.round(listCenter - triggerOffsetRight))\n    }\n\n    return trigger\n  }\n\n  return (\n    <NavigationMenuContext.Provider value={{ onNodeUpdate }}>\n      <StyledMenu onValueChange={setActiveItem} css={css} {...props}>\n        <StyledList ref={listRef}>{children}</StyledList>\n        <ViewportPosition>\n          <StyledViewport\n            css={{\n              transform: `translateX(${offset || 0}px)`,\n              '&[data-state=\"open\"]': {\n                animation: `${delayedFadeIn} ${fadeDuration}ms ease`\n              },\n              '&[data-state=\"closed\"]': {\n                animation: `${fadeOut} ${fadeDuration}ms ease-out`\n              }\n            }}\n          />\n        </ViewportPosition>\n      </StyledMenu>\n    </NavigationMenuContext.Provider>\n  )\n}\n\nNavigationMenu.Link = NavigationMenuLink\nNavigationMenu.Dropdown = NavigationMenuDropdown\nNavigationMenu.DropdownContent = NavigationMenuDropdownContent\nNavigationMenu.DropdownItem = NavigationMenuDropdownItem\nNavigationMenu.DropdownItemTitle = NavigationMenuDropdownItemTitle\nNavigationMenu.DropdownTrigger = NavigationMenuDropdownTrigger\n\nNavigationMenu.displayName = 'NavigationMenu'\n"],"names":["delayedFadeIn","keyframes","StyledMenu","styled","NavigationMenuPrimitive","StyledList","StyledViewport","MAX_Z_INDEX","ViewportPosition","NavigationMenu","children","css","props","offset","setOffset","React","activeItem","setActiveItem","listWidth","setListWidth","listRef","fadeDuration","timer","onNodeUpdate","trigger","itemValue","listCenter","triggerOffsetRight","NavigationMenuContext","fadeOut","NavigationMenuLink","NavigationMenuDropdown","NavigationMenuDropdownContent","NavigationMenuDropdownItem","NavigationMenuDropdownItemTitle","NavigationMenuDropdownTrigger"],"mappings":"+tBA0BA,MAAMA,EAAgBC,EAAU,CAC9B,UAAW,CAAE,QAAS,CAAE,EACxB,OAAQ,CAAE,QAAS,CAAE,CACvB,CAAC,EAEKC,EAAaC,EAAOC,EAAwB,KAAM,CACtD,QAAS,OACT,eAAgB,SAChB,SAAU,UACZ,CAAC,EAEKC,EAAaF,EAAOC,EAAwB,KAAM,CACtD,IAAK,QACL,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,IAAK,KACL,UAAW,MACb,CAAC,EAEKE,EAAiBH,EAAOC,EAAwB,SAAU,CAC9D,OAAQG,CACV,CAAC,EAEKC,EAAmBL,EAAO,MAAO,CACrC,SAAU,WACV,KAAM,EACN,IAAK,OACL,MAAO,OACP,QAAS,OACT,eAAgB,QAClB,CAAC,EAIYM,EACmB,CAAC,CAAE,SAAAC,EAAU,IAAAC,KAAQC,CAAM,IAAM,CAC/D,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAM,SAAA,EAC5B,CAACC,EAAYC,CAAa,EAAIF,EAAM,SAA6B,EACjE,CAACG,EAAWC,CAAY,EAAIJ,EAAM,SAAS,CAAC,EAC5CK,EAAUL,EAAM,OAAyB,IAAI,EAC7CM,EAAe,IAErBN,EAAM,gBAAgB,IAAM,CACtBK,EAAQ,SACVD,EAAaC,EAAQ,QAAQ,WAAW,CAE5C,EAAG,CAAE,CAAA,EAELL,EAAM,UAAU,IAAM,CACpB,IAAIO,EAIJ,OAAIN,IAAe,KACjBM,EAAQ,WAAW,IAAMR,EAAU,IAAI,EAAGO,CAAY,GAGjD,IAAM,CACPC,IAAU,MACZ,aAAaA,CAAK,CAEtB,CACF,EAAG,CAACN,CAAU,CAAC,EAGf,MAAMO,EAAe,CAACC,EAA4BC,IAAsB,CACtE,GAAID,GAAWN,GAAaF,IAAeS,EAAW,CACpD,MAAMC,EAAaR,EAAY,EAEzBS,EACJT,EACAM,EAAQ,WACRA,EAAQ,YACRA,EAAQ,YAAc,EAExBV,EAAU,KAAK,MAAMY,EAAaC,CAAkB,CAAC,CACvD,CAEA,OAAOH,CACT,EAEA,OACET,EAAA,cAACa,EAAsB,SAAtB,CAA+B,MAAO,CAAE,aAAAL,CAAa,CACpDR,EAAAA,EAAA,cAACb,EAAA,CAAW,cAAee,EAAe,IAAKN,EAAM,GAAGC,CACtDG,EAAAA,EAAA,cAACV,EAAA,CAAW,IAAKe,CAAAA,EAAUV,CAAS,EACpCK,EAAA,cAACP,EAAA,KACCO,EAAA,cAACT,EAAA,CACC,IAAK,CACH,UAAW,cAAcO,GAAU,OACnC,uBAAwB,CACtB,UAAW,GAAGb,KAAiBqB,UACjC,EACA,yBAA0B,CACxB,UAAW,GAAGQ,KAAWR,cAC3B,CACF,CAAA,CACF,CACF,CACF,CACF,CAEJ,EAEAZ,EAAe,KAAOqB,EACtBrB,EAAe,SAAWsB,EAC1BtB,EAAe,gBAAkBuB,EACjCvB,EAAe,aAAewB,EAC9BxB,EAAe,kBAAoByB,EACnCzB,EAAe,gBAAkB0B,EAEjC1B,EAAe,YAAc"}
+{"version":3,"file":"NavigationMenu.js","sources":["../../../src/components/navigation/NavigationMenu.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { MAX_Z_INDEX } from '~/constants/zIndices'\nimport { CSS, keyframes, styled } from '~/stitches'\nimport { fadeOut } from '~/utilities/style/keyframe-animations'\n\nimport { NavigationMenuContext } from './NavigationMenuContext'\nimport { NavigationMenuDropdown } from './NavigationMenuDropdown'\nimport { NavigationMenuDropdownContent } from './NavigationMenuDropdownContent'\nimport {\n  NavigationMenuDropdownItem,\n  NavigationMenuDropdownItemTitle\n} from './NavigationMenuDropdownItem'\nimport { NavigationMenuDropdownTrigger } from './NavigationMenuDropdownTrigger'\nimport { NavigationMenuLink } from './NavigationMenuLink'\nimport { colorSchemes as navigationMenuColorSchemes } from './stitches.navigationMenu.colorscheme.config'\n\ntype NavigationMenuSubComponents = {\n  Link: typeof NavigationMenuLink\n  Dropdown: typeof NavigationMenuDropdown\n  DropdownContent: typeof NavigationMenuDropdownContent\n  DropdownItem: typeof NavigationMenuDropdownItem\n  DropdownItemTitle: typeof NavigationMenuDropdownItemTitle\n  DropdownTrigger: typeof NavigationMenuDropdownTrigger\n}\n\nconst delayedFadeIn = keyframes({\n  '0%, 50%': { opacity: 0 },\n  '100%': { opacity: 1 }\n})\n\nconst StyledMenu = styled(NavigationMenuPrimitive.Root, {\n  display: 'flex',\n  justifyContent: 'center',\n  position: 'relative'\n})\n\nconst StyledList = styled(NavigationMenuPrimitive.List, {\n  all: 'unset',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  gap: '$1',\n  listStyle: 'none'\n})\n\nconst StyledViewport = styled(NavigationMenuPrimitive.Viewport, {\n  zIndex: MAX_Z_INDEX\n})\n\nconst ViewportPosition = styled('div', {\n  position: 'absolute',\n  left: 0,\n  top: '100%',\n  width: '100%',\n  display: 'flex',\n  justifyContent: 'center'\n})\n\ntype NavigationMenuProps = React.ComponentProps<typeof StyledMenu>\n\nexport const NavigationMenu: React.FC<NavigationMenuProps> &\n  NavigationMenuSubComponents = ({ children, css, ...props }) => {\n  const [offset, setOffset] = React.useState<number | null | undefined>()\n  const [activeItem, setActiveItem] = React.useState<string | undefined>()\n  const [listWidth, setListWidth] = React.useState(0)\n  const listRef = React.useRef<HTMLUListElement>(null)\n  const fadeDuration = 200\n\n  React.useLayoutEffect(() => {\n    if (listRef.current) {\n      setListWidth(listRef.current.offsetWidth)\n    }\n  }, [])\n\n  React.useEffect(() => {\n    let timer: NodeJS.Timer\n\n    // Delay transitioning back to initial position\n    // to allow enough time for fadeOut animation to complete\n    if (activeItem === '') {\n      timer = setTimeout(() => setOffset(null), fadeDuration)\n    }\n\n    return () => {\n      if (timer !== null) {\n        clearTimeout(timer)\n      }\n    }\n  }, [activeItem])\n\n  // https://github.com/radix-ui/primitives/issues/1462\n  const onNodeUpdate = (trigger: HTMLButtonElement, itemValue: string) => {\n    if (trigger && listWidth && activeItem === itemValue) {\n      const listCenter = listWidth / 2\n\n      const triggerOffsetRight =\n        listWidth -\n        trigger.offsetLeft -\n        trigger.offsetWidth +\n        trigger.offsetWidth / 2\n\n      setOffset(Math.round(listCenter - triggerOffsetRight))\n    }\n\n    return trigger\n  }\n\n  return (\n    <NavigationMenuContext.Provider value={{ onNodeUpdate }}>\n      <StyledMenu\n        className={navigationMenuColorSchemes['light']}\n        onValueChange={setActiveItem}\n        css={css}\n        {...props}\n      >\n        <StyledList ref={listRef}>{children}</StyledList>\n        <ViewportPosition>\n          <StyledViewport\n            css={{\n              transform: `translateX(${offset || 0}px)`,\n              '&[data-state=\"open\"]': {\n                animation: `${delayedFadeIn} ${fadeDuration}ms ease`\n              },\n              '&[data-state=\"closed\"]': {\n                animation: `${fadeOut} ${fadeDuration}ms ease-out`\n              }\n            }}\n          />\n        </ViewportPosition>\n      </StyledMenu>\n    </NavigationMenuContext.Provider>\n  )\n}\n\nNavigationMenu.Link = NavigationMenuLink\nNavigationMenu.Dropdown = NavigationMenuDropdown\nNavigationMenu.DropdownContent = NavigationMenuDropdownContent\nNavigationMenu.DropdownItem = NavigationMenuDropdownItem\nNavigationMenu.DropdownItemTitle = NavigationMenuDropdownItemTitle\nNavigationMenu.DropdownTrigger = NavigationMenuDropdownTrigger\n\nNavigationMenu.displayName = 'NavigationMenu'\n"],"names":["delayedFadeIn","keyframes","StyledMenu","styled","NavigationMenuPrimitive","StyledList","StyledViewport","MAX_Z_INDEX","ViewportPosition","NavigationMenu","children","css","props","offset","setOffset","React","activeItem","setActiveItem","listWidth","setListWidth","listRef","fadeDuration","timer","onNodeUpdate","trigger","itemValue","listCenter","triggerOffsetRight","NavigationMenuContext","navigationMenuColorSchemes","fadeOut","NavigationMenuLink","NavigationMenuDropdown","NavigationMenuDropdownContent","NavigationMenuDropdownItem","NavigationMenuDropdownItemTitle","NavigationMenuDropdownTrigger"],"mappings":"8yBA2BA,MAAMA,EAAgBC,EAAU,CAC9B,UAAW,CAAE,QAAS,CAAE,EACxB,OAAQ,CAAE,QAAS,CAAE,CACvB,CAAC,EAEKC,EAAaC,EAAOC,EAAwB,KAAM,CACtD,QAAS,OACT,eAAgB,SAChB,SAAU,UACZ,CAAC,EAEKC,EAAaF,EAAOC,EAAwB,KAAM,CACtD,IAAK,QACL,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,IAAK,KACL,UAAW,MACb,CAAC,EAEKE,EAAiBH,EAAOC,EAAwB,SAAU,CAC9D,OAAQG,CACV,CAAC,EAEKC,EAAmBL,EAAO,MAAO,CACrC,SAAU,WACV,KAAM,EACN,IAAK,OACL,MAAO,OACP,QAAS,OACT,eAAgB,QAClB,CAAC,EAIYM,EACmB,CAAC,CAAE,SAAAC,EAAU,IAAAC,KAAQC,CAAM,IAAM,CAC/D,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAM,WAC5B,CAACC,EAAYC,CAAa,EAAIF,EAAM,SACpC,EAAA,CAACG,EAAWC,CAAY,EAAIJ,EAAM,SAAS,CAAC,EAC5CK,EAAUL,EAAM,OAAyB,IAAI,EAC7CM,EAAe,IAErBN,EAAM,gBAAgB,IAAM,CACtBK,EAAQ,SACVD,EAAaC,EAAQ,QAAQ,WAAW,CAE5C,EAAG,CAAA,CAAE,EAELL,EAAM,UAAU,IAAM,CACpB,IAAIO,EAIJ,OAAIN,IAAe,KACjBM,EAAQ,WAAW,IAAMR,EAAU,IAAI,EAAGO,CAAY,GAGjD,IAAM,CACPC,IAAU,MACZ,aAAaA,CAAK,CAEtB,CACF,EAAG,CAACN,CAAU,CAAC,EAGf,MAAMO,EAAe,CAACC,EAA4BC,IAAsB,CACtE,GAAID,GAAWN,GAAaF,IAAeS,EAAW,CACpD,MAAMC,EAAaR,EAAY,EAEzBS,EACJT,EACAM,EAAQ,WACRA,EAAQ,YACRA,EAAQ,YAAc,EAExBV,EAAU,KAAK,MAAMY,EAAaC,CAAkB,CAAC,CACvD,CAEA,OAAOH,CACT,EAEA,OACET,EAAA,cAACa,EAAsB,SAAtB,CAA+B,MAAO,CAAE,aAAAL,CAAa,GACpDR,EAAA,cAACb,EAAA,CACC,UAAW2B,EAA2B,MACtC,cAAeZ,EACf,IAAKN,EACJ,GAAGC,CAAAA,EAEJG,EAAA,cAACV,EAAA,CAAW,IAAKe,CAAUV,EAAAA,CAAS,EACpCK,EAAA,cAACP,EAAA,KACCO,EAAA,cAACT,EAAA,CACC,IAAK,CACH,UAAW,cAAcO,GAAU,OACnC,uBAAwB,CACtB,UAAW,GAAGb,KAAiBqB,UACjC,EACA,yBAA0B,CACxB,UAAW,GAAGS,KAAWT,cAC3B,CACF,EACF,CACF,CACF,CACF,CAEJ,EAEAZ,EAAe,KAAOsB,EACtBtB,EAAe,SAAWuB,EAC1BvB,EAAe,gBAAkBwB,EACjCxB,EAAe,aAAeyB,EAC9BzB,EAAe,kBAAoB0B,EACnC1B,EAAe,gBAAkB2B,EAEjC3B,EAAe,YAAc"}

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

@@ -14,6 +14,7 @@ export declare const navigationMenuBaseItemStyles: {
     userSelect: string;
     padding: string;
     borderRadius: string;
+    background: string;
     '&:hover': {
         background: string;
         color: string;

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

@@ -1,2 +1,2 @@
-const o={background:"none",color:"$tonal400",opacity:"30%",cursor:"default"},t={all:"unset",position:"relative",color:"$tonal400",outline:"none",cursor:"pointer",fontFamily:"$body",userSelect:"none",padding:"$3",borderRadius:"$1","&:hover":{background:"$tonal50",color:"$tonal600"},"&:active":{background:"$tonal100",color:"$tonal600"},"&:focus-visible":{boxShadow:"inset 0 0 0 2px $colors$primary"},"&:disabled":{...o}},n={fontWeight:"600",color:"$tonal500","&::after":{backgroundColor:"$tonal500",borderRadius:"$1",bottom:0,content:"",display:"block",height:"2px",left:"50%",position:"absolute",transform:"translate(-50%,0)",width:"$2"}};export{n as navigationMenuActiveItemStyles,t as navigationMenuBaseItemStyles,o as navigationMenuDisabledItemStyles};
+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$primary"},"&: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};
 //# 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: '$tonal400',\n  opacity: '30%',\n  cursor: 'default'\n}\n\nexport const navigationMenuBaseItemStyles = {\n  all: 'unset',\n  position: 'relative',\n  color: '$tonal400',\n  outline: 'none',\n  cursor: 'pointer',\n  fontFamily: '$body',\n  userSelect: 'none',\n  padding: '$3',\n  borderRadius: '$1',\n  '&:hover': { background: '$tonal50', color: '$tonal600' },\n  '&:active': { background: '$tonal100', color: '$tonal600' },\n  '&:focus-visible': {\n    boxShadow: 'inset 0 0 0 2px $colors$primary'\n  },\n  '&:disabled': {\n    ...navigationMenuDisabledItemStyles\n  }\n}\n\nexport const navigationMenuActiveItemStyles = {\n  fontWeight: '600',\n  color: '$tonal500',\n  '&::after': {\n    backgroundColor: '$tonal500',\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,YACP,QAAS,MACT,OAAQ,SACV,EAEaC,EAA+B,CAC1C,IAAK,QACL,SAAU,WACV,MAAO,YACP,QAAS,OACT,OAAQ,UACR,WAAY,QACZ,WAAY,OACZ,QAAS,KACT,aAAc,KACd,UAAW,CAAE,WAAY,WAAY,MAAO,WAAY,EACxD,WAAY,CAAE,WAAY,YAAa,MAAO,WAAY,EAC1D,kBAAmB,CACjB,UAAW,iCACb,EACA,aAAc,CACZ,GAAGD,CACL,CACF,EAEaE,EAAiC,CAC5C,WAAY,MACZ,MAAO,YACP,WAAY,CACV,gBAAiB,YACjB,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 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$primary'\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,iCACb,EACA,aAAc,CACZ,GAAGD,CACL,CACF,EAEaE,EAAiC,CAC5C,WAAY,MACZ,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"}

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

@@ -319,6 +319,6 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
         marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
 }>>;
-declare type NavigationMenuDropdownContentProps = typeof StyledContent;
+declare type NavigationMenuDropdownContentProps = React.ComponentProps<typeof StyledContent>;
 export declare const NavigationMenuDropdownContent: React.FC<NavigationMenuDropdownContentProps>;
 export {};

package/dist/components/navigation/NavigationMenuDropdownContent.js

@@ -1,2 +1,2 @@
-import*as a from"@radix-ui/react-navigation-menu";import e from"react";import{styled as o}from"../../stitches.js";import{preventEvent as t}from"../../utilities/event/preventEvent.js";const m=o("ul",{listStyle:"none",m:0,p:0}),p=o(a.Content,{p:"$3",bg:"white",mt:"4px",boxShadow:"$1",borderRadius:"$1"}),n=({children:r,...i})=>e.createElement(p,{onPointerMove:t,onPointerLeave:t,...i},e.createElement(m,null,r));n.displayName="NavigationMenuDropdownContent";export{n as NavigationMenuDropdownContent};
+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};
 //# 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: 'white',\n  mt: '4px',\n  boxShadow: '$1',\n  borderRadius: '$1'\n})\n\ntype NavigationMenuDropdownContentProps = typeof StyledContent\n\nexport const NavigationMenuDropdownContent: React.FC<\n  NavigationMenuDropdownContentProps\n> = ({ children, ...rest }) => (\n  <StyledContent\n    onPointerMove={preventEvent}\n    onPointerLeave={preventEvent}\n    {...rest}\n  >\n    <StyledList>{children}</StyledList>\n  </StyledContent>\n)\n\nNavigationMenuDropdownContent.displayName = 'NavigationMenuDropdownContent'\n"],"names":["StyledList","styled","StyledContent","NavigationMenuPrimitive","NavigationMenuDropdownContent","children","rest","React","preventEvent"],"mappings":"uLAMA,MAAMA,EAAaC,EAAO,KAAM,CAC9B,UAAW,OACX,EAAG,EACH,EAAG,CACL,CAAC,EAEKC,EAAgBD,EAAOE,EAAwB,QAAS,CAC5D,EAAG,KACH,GAAI,QACJ,GAAI,MACJ,UAAW,KACX,aAAc,IAChB,CAAC,EAIYC,EAET,CAAC,CAAE,SAAAC,KAAaC,CAAK,IACvBC,EAAA,cAACL,EAAA,CACC,cAAeM,EACf,eAAgBA,EACf,GAAGF,CAAAA,EAEJC,EAAA,cAACP,EAAA,KAAYK,CAAS,CACxB,EAGFD,EAA8B,YAAc"}
+{"version":3,"file":"NavigationMenuDropdownContent.js","sources":["../../../src/components/navigation/NavigationMenuDropdownContent.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\nimport { preventEvent } from '~/utilities/event'\n\nconst StyledList = styled('ul', {\n  listStyle: 'none',\n  m: 0,\n  p: 0\n})\n\nconst StyledContent = styled(NavigationMenuPrimitive.Content, {\n  p: '$3',\n  bg: '$dropdownBackground',\n  mt: '4px',\n  boxShadow: '$1',\n  borderRadius: '$1'\n})\n\ntype NavigationMenuDropdownContentProps = React.ComponentProps<\n  typeof StyledContent\n>\n\nexport const NavigationMenuDropdownContent: React.FC<\n  NavigationMenuDropdownContentProps\n> = ({ children, ...rest }) => (\n  <StyledContent\n    onPointerMove={preventEvent}\n    onPointerLeave={preventEvent}\n    {...rest}\n  >\n    <StyledList>{children}</StyledList>\n  </StyledContent>\n)\n\nNavigationMenuDropdownContent.displayName = 'NavigationMenuDropdownContent'\n"],"names":["StyledList","styled","StyledContent","NavigationMenuPrimitive","NavigationMenuDropdownContent","children","rest","React","preventEvent"],"mappings":"uLAMA,MAAMA,EAAaC,EAAO,KAAM,CAC9B,UAAW,OACX,EAAG,EACH,EAAG,CACL,CAAC,EAEKC,EAAgBD,EAAOE,EAAwB,QAAS,CAC5D,EAAG,KACH,GAAI,sBACJ,GAAI,MACJ,UAAW,KACX,aAAc,IAChB,CAAC,EAMYC,EAET,CAAC,CAAE,SAAAC,KAAaC,CAAK,IACvBC,EAAA,cAACL,EAAA,CACC,cAAeM,EACf,eAAgBA,EACf,GAAGF,CAAAA,EAEJC,EAAA,cAACP,EAAA,KAAYK,CAAS,CACxB,EAGFD,EAA8B,YAAc"}

package/dist/components/navigation/NavigationMenuDropdownTrigger.js

@@ -1,2 +1,2 @@
-import{ChevronDown as s}from"@atom-learning/icons";import*as m from"@radix-ui/react-navigation-menu";import e from"react";import{styled as f}from"../../stitches.js";import{Icon as p}from"../icon/Icon.js";import{navigationMenuBaseItemStyles as d,navigationMenuActiveItemStyles as c}from"./NavigationMenu.styles.js";import{preventEvent as t}from"../../utilities/event/preventEvent.js";const v=f(m.Trigger,d,{display:"flex",alignItems:"center",borderRadius:"$1",justifyContent:"space-between",'&[data-state="open"]':{background:"$tonal100"},variants:{active:{true:{...c}}}}),r=e.forwardRef(({children:o,active:n,...a},i)=>e.createElement(v,{active:n,...a,ref:i,onPointerMove:t,onPointerLeave:t},o,e.createElement(p,{is:s,css:{ml:"$1","[data-state=open] &":{transform:"rotate(-180deg)"},"@media (prefers-reduced-motion: no-preference)":{transition:"transform .2s ease"}},size:"sm"})));r.displayName="NavigationMenuDropdownTrigger";export{r as NavigationMenuDropdownTrigger};
+import{ChevronDown as s}from"@atom-learning/icons";import*as m 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(m.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:s,css:{ml:"$1","[data-state=open] &":{transform:"rotate(-180deg)"},"@media (prefers-reduced-motion: no-preference)":{transition:"transform .2s ease"}},size:"sm"})));r.displayName="NavigationMenuDropdownTrigger";export{r 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: '$tonal100'\n    },\n    variants: {\n      active: { true: { ...navigationMenuActiveItemStyles } }\n    }\n  }\n)\n\nexport const NavigationMenuDropdownTrigger = React.forwardRef<\n  HTMLButtonElement,\n  React.PropsWithChildren<{ active?: boolean }>\n>(({ children, active, ...props }, forwardedRef) => (\n  <StyledTrigger\n    active={active}\n    {...props}\n    ref={forwardedRef}\n    onPointerMove={preventEvent}\n    onPointerLeave={preventEvent}\n  >\n    {children}\n    <Icon\n      is={ChevronDown}\n      css={{\n        ml: '$1',\n        '[data-state=open] &': { transform: 'rotate(-180deg)' },\n        '@media (prefers-reduced-motion: no-preference)': {\n          transition: 'transform .2s ease'\n        }\n      }}\n      size=\"sm\"\n    />\n  </StyledTrigger>\n))\n\nNavigationMenuDropdownTrigger.displayName = 'NavigationMenuDropdownTrigger'\n"],"names":["StyledTrigger","styled","NavigationMenuPrimitive","navigationMenuBaseItemStyles","navigationMenuActiveItemStyles","NavigationMenuDropdownTrigger","React","children","active","props","forwardedRef","preventEvent","Icon","ChevronDown"],"mappings":"+XAaA,MAAMA,EAAgBC,EACpBC,EAAwB,QACxBC,EACA,CACE,QAAS,OACT,WAAY,SACZ,aAAc,KACd,eAAgB,gBAChB,uBAAwB,CACtB,WAAY,WACd,EACA,SAAU,CACR,OAAQ,CAAE,KAAM,CAAE,GAAGC,CAA+B,CAAE,CACxD,CACF,CACF,EAEaC,EAAgCC,EAAM,WAGjD,CAAC,CAAE,SAAAC,EAAU,OAAAC,KAAWC,CAAM,EAAGC,IACjCJ,EAAA,cAACN,EAAA,CACC,OAAQQ,EACP,GAAGC,EACJ,IAAKC,EACL,cAAeC,EACf,eAAgBA,CAAAA,EAEfJ,EACDD,EAAA,cAACM,EAAA,CACC,GAAIC,EACJ,IAAK,CACH,GAAI,KACJ,sBAAuB,CAAE,UAAW,iBAAkB,EACtD,iDAAkD,CAChD,WAAY,oBACd,CACF,EACA,KAAK,IAAA,CACP,CACF,CACD,EAEDR,EAA8B,YAAc"}
+{"version":3,"file":"NavigationMenuDropdownTrigger.js","sources":["../../../src/components/navigation/NavigationMenuDropdownTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\nimport { preventEvent } from '~/utilities/event'\n\nimport { Icon } from '../icon'\nimport {\n  navigationMenuActiveItemStyles,\n  navigationMenuBaseItemStyles\n} from './NavigationMenu.styles'\n\nconst StyledTrigger = styled(\n  NavigationMenuPrimitive.Trigger,\n  navigationMenuBaseItemStyles,\n  {\n    display: 'flex',\n    alignItems: 'center',\n    borderRadius: '$1',\n    justifyContent: 'space-between',\n    '&[data-state=\"open\"]': {\n      background: '$triggerBackgroundOpen'\n    },\n    variants: {\n      active: { true: { ...navigationMenuActiveItemStyles } }\n    }\n  }\n)\n\nexport const NavigationMenuDropdownTrigger = React.forwardRef<\n  HTMLButtonElement,\n  React.PropsWithChildren<{ active?: boolean }>\n>(({ children, active, ...props }, forwardedRef) => (\n  <StyledTrigger\n    active={active}\n    {...props}\n    ref={forwardedRef}\n    onPointerMove={preventEvent}\n    onPointerLeave={preventEvent}\n  >\n    {children}\n    <Icon\n      is={ChevronDown}\n      css={{\n        ml: '$1',\n        '[data-state=open] &': { transform: 'rotate(-180deg)' },\n        '@media (prefers-reduced-motion: no-preference)': {\n          transition: 'transform .2s ease'\n        }\n      }}\n      size=\"sm\"\n    />\n  </StyledTrigger>\n))\n\nNavigationMenuDropdownTrigger.displayName = 'NavigationMenuDropdownTrigger'\n"],"names":["StyledTrigger","styled","NavigationMenuPrimitive","navigationMenuBaseItemStyles","navigationMenuActiveItemStyles","NavigationMenuDropdownTrigger","React","children","active","props","forwardedRef","preventEvent","Icon","ChevronDown"],"mappings":"+XAaA,MAAMA,EAAgBC,EACpBC,EAAwB,QACxBC,EACA,CACE,QAAS,OACT,WAAY,SACZ,aAAc,KACd,eAAgB,gBAChB,uBAAwB,CACtB,WAAY,wBACd,EACA,SAAU,CACR,OAAQ,CAAE,KAAM,CAAE,GAAGC,CAA+B,CAAE,CACxD,CACF,CACF,EAEaC,EAAgCC,EAAM,WAGjD,CAAC,CAAE,SAAAC,EAAU,OAAAC,KAAWC,CAAM,EAAGC,IACjCJ,EAAA,cAACN,EAAA,CACC,OAAQQ,EACP,GAAGC,EACJ,IAAKC,EACL,cAAeC,EACf,eAAgBA,CAAAA,EAEfJ,EACDD,EAAA,cAACM,EAAA,CACC,GAAIC,EACJ,IAAK,CACH,GAAI,KACJ,sBAAuB,CAAE,UAAW,iBAAkB,EACtD,iDAAkD,CAChD,WAAY,oBACd,CACF,EACA,KAAK,IAAA,CACP,CACF,CACD,EAEDR,EAA8B,YAAc"}

package/dist/components/navigation/NavigationMenuLink.js

@@ -1,2 +1,2 @@
-import*as r from"@radix-ui/react-navigation-menu";import e from"react";import{styled as t}from"../../stitches.js";import{getExternalAnchorProps as p}from"../../utilities/uri/index.js";import{navigationMenuBaseItemStyles as n,navigationMenuDisabledItemStyles as u,navigationMenuActiveItemStyles as v}from"./NavigationMenu.styles.js";const y=t("button",{...n,...u}),f=t(r.Item),g=t(r.Link,n,{display:"block",textDecoration:"none",lineHeight:1,variants:{elementType:{dropdownItem:{"&[data-active]":{background:"$primaryLight",color:"$primary","*":{color:"$primary"},"&:hover":{background:"$tonal50"},"&:active":{background:"$tonal100"},"&:focus-visible":{boxShadow:"0 0 0 2px $colors$primary"}}},link:{"&[data-active]":{...v}}}}}),l=e.forwardRef(({children:a,href:i,disabled:m,css:s,variant:c="link",...o},d)=>e.createElement(f,null,m?e.createElement(y,{disabled:!0,...o},a):e.createElement(g,{href:i,ref:d,elementType:c,css:s,...p(i),...o},a)));l.displayName="NavigationMenuLink";export{l as NavigationMenuLink};
+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 g=t("button",{...i,...v}),p=t(n.Item),k=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$primary",color:"$textSelectedFocus"}}},link:{"&[data-active]":{...b}}}}}),l=e.forwardRef(({children:o,href:r,disabled:c,css:d,variant:s="link",...a},m)=>e.createElement(p,null,c?e.createElement(g,{disabled:!0,...a},o):e.createElement(k,{href:r,ref:m,elementType:s,css:d,...u(r),...a},o)));l.displayName="NavigationMenuLink";export{l 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 { CSS, 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: '$primaryLight',\n            color: '$primary',\n            '*': { color: '$primary' },\n            '&:hover': { background: '$tonal50' },\n            '&:active': { background: '$tonal100' },\n            '&:focus-visible': {\n              boxShadow: '0 0 0 2px $colors$primary'\n            }\n          }\n        },\n        link: {\n          '&[data-active]': { ...navigationMenuActiveItemStyles }\n        }\n      }\n    }\n  }\n)\n\ntype NavigationMenuLinkProps = {\n  href: string\n  active?: boolean\n  disabled?: boolean\n  variant?: 'link' | 'dropdownItem'\n  css?: CSS\n}\n\nexport const NavigationMenuLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.PropsWithChildren<NavigationMenuLinkProps>\n>(\n  (\n    { children, href, disabled, css, variant = 'link', ...props },\n    forwardedRef\n  ) => (\n    <ListItem>\n      {disabled ? (\n        <DisabledButton disabled {...props}>\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","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,gBACZ,MAAO,WACP,IAAK,CAAE,MAAO,UAAW,EACzB,UAAW,CAAE,WAAY,UAAW,EACpC,WAAY,CAAE,WAAY,WAAY,EACtC,kBAAmB,CACjB,UAAW,2BACb,CACF,CACF,EACA,KAAM,CACJ,iBAAkB,CAAE,GAAGK,CAA+B,CACxD,CACF,CACF,CACF,CACF,EAUaC,EAAqBC,EAAM,WAItC,CACE,CAAE,SAAAC,EAAU,KAAAC,EAAM,SAAAC,EAAU,IAAAC,EAAK,QAAAC,EAAU,UAAWC,CAAM,EAC5DC,IAEAP,EAAA,cAACL,EAAA,KACEQ,EACCH,EAAA,cAACT,EAAA,CAAe,SAAQ,GAAE,GAAGe,GAC1BL,CACH,EAEAD,EAAA,cAACH,EAAA,CACC,KAAMK,EACN,IAAKK,EACL,YAAaF,EACb,IAAKD,EACJ,GAAGI,EAAuBN,CAAI,EAC9B,GAAGI,GAEHL,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 { CSS, 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$primary',\n              color: '$textSelectedFocus'\n            }\n          }\n        },\n        link: {\n          '&[data-active]': { ...navigationMenuActiveItemStyles }\n        }\n      }\n    }\n  }\n)\n\ntype NavigationMenuLinkProps = {\n  href: string\n  active?: boolean\n  disabled?: boolean\n  variant?: 'link' | 'dropdownItem'\n  css?: CSS\n}\n\nexport const NavigationMenuLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.PropsWithChildren<NavigationMenuLinkProps>\n>(\n  (\n    { children, href, disabled, css, variant = 'link', ...props },\n    forwardedRef\n  ) => (\n    <ListItem>\n      {disabled ? (\n        <DisabledButton disabled {...props}>\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","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,4BACX,MAAO,oBACT,CACF,CACF,EACA,KAAM,CACJ,iBAAkB,CAAE,GAAGK,CAA+B,CACxD,CACF,CACF,CACF,CACF,EAUaC,EAAqBC,EAAM,WAItC,CACE,CAAE,SAAAC,EAAU,KAAAC,EAAM,SAAAC,EAAU,IAAAC,EAAK,QAAAC,EAAU,UAAWC,CAAM,EAC5DC,IAEAP,EAAA,cAACL,EAAA,KACEQ,EACCH,EAAA,cAACT,EAAA,CAAe,SAAQ,GAAE,GAAGe,GAC1BL,CACH,EAEAD,EAAA,cAACH,EAAA,CACC,KAAMK,EACN,IAAKK,EACL,YAAaF,EACb,IAAKD,EACJ,GAAGI,EAAuBN,CAAI,EAC9B,GAAGI,GAEHL,CACH,CAEJ,CAEJ,EAEAF,EAAmB,YAAc"}

package/dist/components/navigation/stitches.navigationMenu.colorscheme.config.d.ts

@@ -0,0 +1,26 @@
+export declare const colorSchemes: {
+    light: string & {
+        className: string;
+        selector: string;
+    } & import("@stitches/react/types/stitches").ThemeTokens<{
+        colors: {
+            text: string;
+            background: string;
+            backgroundHover: string;
+            textHover: string;
+            backgroundActive: string;
+            textActive: string;
+            backgroundSelected: string;
+            textSelected: string;
+            textSelectedHover: string;
+            textSelectedPressed: string;
+            textSelectedFocus: string;
+            backgroundSelectedHover: string;
+            backgroundSelectedPressed: string;
+            itemTextSelected: string;
+            itemBackgroundSelected: string;
+            triggerBackgroundOpen: string;
+            dropdownBackground: string;
+        };
+    }, "">;
+};

package/dist/components/navigation/stitches.navigationMenu.colorscheme.config.js

@@ -0,0 +1,2 @@
+import{createTheme as e}from"../../stitches.js";const t=e({colors:{text:"$textSubtle",background:"white",backgroundHover:"$grey100",textHover:"$textForeground",backgroundActive:"$grey200",textActive:"$grey1000",backgroundSelected:"$blue100",textSelected:"$blue800",textSelectedHover:"$blue800",textSelectedPressed:"$blue800",textSelectedFocus:"$blue800",backgroundSelectedHover:"$grey100",backgroundSelectedPressed:"$grey200",itemTextSelected:"$grey900",itemBackgroundSelected:"$grey900",triggerBackgroundOpen:"$grey200",dropdownBackground:"white"}}),r={light:t};export{r as colorSchemes};
+//# sourceMappingURL=stitches.navigationMenu.colorscheme.config.js.map

package/dist/components/navigation/stitches.navigationMenu.colorscheme.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stitches.navigationMenu.colorscheme.config.js","sources":["../../../src/components/navigation/stitches.navigationMenu.colorscheme.config.ts"],"sourcesContent":["import { createTheme } from '~/stitches'\n\nconst light = createTheme({\n  colors: {\n    text: '$textSubtle',\n    background: 'white',\n    backgroundHover: '$grey100',\n    textHover: '$textForeground',\n    backgroundActive: '$grey200',\n    textActive: '$grey1000',\n    backgroundSelected: '$blue100',\n    textSelected: '$blue800',\n    textSelectedHover: '$blue800',\n    textSelectedPressed: '$blue800',\n    textSelectedFocus: '$blue800',\n    backgroundSelectedHover: '$grey100',\n    backgroundSelectedPressed: '$grey200',\n    itemTextSelected: '$grey900',\n    itemBackgroundSelected: '$grey900',\n    triggerBackgroundOpen: '$grey200',\n    dropdownBackground: 'white'\n  }\n})\n\nexport const colorSchemes = {\n  light\n}\n"],"names":["light","createTheme","colorSchemes"],"mappings":"gDAEA,MAAMA,EAAQC,EAAY,CACxB,OAAQ,CACN,KAAM,cACN,WAAY,QACZ,gBAAiB,WACjB,UAAW,kBACX,iBAAkB,WAClB,WAAY,YACZ,mBAAoB,WACpB,aAAc,WACd,kBAAmB,WACnB,oBAAqB,WACrB,kBAAmB,WACnB,wBAAyB,WACzB,0BAA2B,WAC3B,iBAAkB,WAClB,uBAAwB,WACxB,sBAAuB,WACvB,mBAAoB,OACtB,CACF,CAAC,EAEYC,EAAe,CAC1B,MAAAF,CACF"}

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

@@ -1,2 +1,2 @@
-import{Root as e}from"@radix-ui/react-navigation-menu";import o from"react";import{styled as n}from"../../stitches.js";import{NavigationMenuVerticalAccordion as a}from"./NavigationMenuVerticalAccordion.js";import{NavigationMenuVerticalAccordionContent as c}from"./NavigationMenuVerticalAccordionContent.js";import{NavigationMenuVerticalAccordionTrigger as m}from"./NavigationMenuVerticalAccordionTrigger.js";import{NavigationMenuVerticalIcon as l}from"./NavigationMenuVerticalIcon.js";import{NavigationMenuVerticalItem as g}from"./NavigationMenuVerticalItem.js";import{NavigationMenuVerticalItemContent as f}from"./NavigationMenuVerticalItemContent.js";import{NavigationMenuVerticalLink as p}from"./NavigationMenuVerticalLink.js";import{NavigationMenuVerticalList as u}from"./NavigationMenuVerticalList.js";import{NavigationMenuVerticalText as v}from"./NavigationMenuVerticalText.js";const V=n(e,{width:"100%"}),t=({children:i,...r})=>o.createElement(V,{...r,orientation:"vertical"},o.createElement(u,null,i));t.Link=p,t.Accordion=a,t.AccordionContent=c,t.AccordionTrigger=m,t.Item=g,t.ItemContent=f,t.Icon=l,t.Text=v;export{t as NavigationMenuVertical};
+import{Root as e}from"@radix-ui/react-navigation-menu";import t from"react";import{styled as n}from"../../stitches.js";import{NavigationMenuVerticalAccordion as a}from"./NavigationMenuVerticalAccordion.js";import{NavigationMenuVerticalAccordionContent as m}from"./NavigationMenuVerticalAccordionContent.js";import{NavigationMenuVerticalAccordionTrigger as c}from"./NavigationMenuVerticalAccordionTrigger.js";import{NavigationMenuVerticalIcon as l}from"./NavigationMenuVerticalIcon.js";import{NavigationMenuVerticalItem as g}from"./NavigationMenuVerticalItem.js";import{NavigationMenuVerticalItemContent as f}from"./NavigationMenuVerticalItemContent.js";import{NavigationMenuVerticalLink as p}from"./NavigationMenuVerticalLink.js";import{NavigationMenuVerticalList as u}from"./NavigationMenuVerticalList.js";import{NavigationMenuVerticalText as N}from"./NavigationMenuVerticalText.js";import{colorSchemes as v}from"./stitches.navigationMenuVertical.colorscheme.config.js";const d=n(e,{width:"100%"}),o=({children:i,...r})=>t.createElement(d,{className:v.light,...r,orientation:"vertical"},t.createElement(u,null,i));o.Link=p,o.Accordion=a,o.AccordionContent=m,o.AccordionTrigger=c,o.Item=g,o.ItemContent=f,o.Icon=l,o.Text=N;export{o 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'\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\ntype TNavigationVerticalType = React.FC<TNavigationVerticalProps> & {\n  Link: typeof NavigationMenuVerticalLink\n  Accordion: typeof NavigationMenuVerticalAccordion\n  AccordionContent: typeof NavigationMenuVerticalAccordionContent\n  AccordionTrigger: typeof NavigationMenuVerticalAccordionTrigger\n  Item: typeof NavigationMenuVerticalItem\n  ItemContent: typeof NavigationMenuVerticalItemContent\n  Icon: typeof NavigationMenuVerticalIcon\n  Text: typeof NavigationMenuVerticalText\n}\n\nexport const NavigationMenuVertical = (({ children, ...rest }) => {\n  return (\n    <StyledRoot {...rest} orientation=\"vertical\">\n      <NavigationMenuVerticalList>{children}</NavigationMenuVerticalList>\n    </StyledRoot>\n  )\n}) as TNavigationVerticalType\n\nNavigationMenuVertical.Link = NavigationMenuVerticalLink\nNavigationMenuVertical.Accordion = NavigationMenuVerticalAccordion\nNavigationMenuVertical.AccordionContent = NavigationMenuVerticalAccordionContent\nNavigationMenuVertical.AccordionTrigger = NavigationMenuVerticalAccordionTrigger\nNavigationMenuVertical.Item = NavigationMenuVerticalItem\nNavigationMenuVertical.ItemContent = NavigationMenuVerticalItemContent\nNavigationMenuVertical.Icon = NavigationMenuVerticalIcon\nNavigationMenuVertical.Text = NavigationMenuVerticalText\n"],"names":["StyledRoot","styled","Root","NavigationMenuVertical","children","rest","React","NavigationMenuVerticalList","NavigationMenuVerticalLink","NavigationMenuVerticalAccordion","NavigationMenuVerticalAccordionContent","NavigationMenuVerticalAccordionTrigger","NavigationMenuVerticalItem","NavigationMenuVerticalItemContent","NavigationMenuVerticalIcon","NavigationMenuVerticalText"],"mappings":"o3BAeA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,MAAO,MACT,CAAC,EA6BYC,EAA0B,CAAC,CAAE,SAAAC,KAAaC,CAAK,IAExDC,EAAA,cAACN,EAAA,CAAY,GAAGK,EAAM,YAAY,UAChCC,EAAAA,EAAA,cAACC,EAAA,KAA4BH,CAAS,CACxC,EAIJD,EAAuB,KAAOK,EAC9BL,EAAuB,UAAYM,EACnCN,EAAuB,iBAAmBO,EAC1CP,EAAuB,iBAAmBQ,EAC1CR,EAAuB,KAAOS,EAC9BT,EAAuB,YAAcU,EACrCV,EAAuB,KAAOW,EAC9BX,EAAuB,KAAOY"}
+{"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\ntype TNavigationVerticalType = React.FC<TNavigationVerticalProps> & {\n  Link: typeof NavigationMenuVerticalLink\n  Accordion: typeof NavigationMenuVerticalAccordion\n  AccordionContent: typeof NavigationMenuVerticalAccordionContent\n  AccordionTrigger: typeof NavigationMenuVerticalAccordionTrigger\n  Item: typeof NavigationMenuVerticalItem\n  ItemContent: typeof NavigationMenuVerticalItemContent\n  Icon: typeof NavigationMenuVerticalIcon\n  Text: typeof NavigationMenuVerticalText\n}\n\nexport const NavigationMenuVertical = (({ children, ...rest }) => {\n  return (\n    <StyledRoot\n      className={navigationMenuVerticalColorSchemes['light']}\n      {...rest}\n      orientation=\"vertical\"\n    >\n      <NavigationMenuVerticalList>{children}</NavigationMenuVerticalList>\n    </StyledRoot>\n  )\n}) as TNavigationVerticalType\n\nNavigationMenuVertical.Link = NavigationMenuVerticalLink\nNavigationMenuVertical.Accordion = NavigationMenuVerticalAccordion\nNavigationMenuVertical.AccordionContent = NavigationMenuVerticalAccordionContent\nNavigationMenuVertical.AccordionTrigger = NavigationMenuVerticalAccordionTrigger\nNavigationMenuVertical.Item = NavigationMenuVerticalItem\nNavigationMenuVertical.ItemContent = NavigationMenuVerticalItemContent\nNavigationMenuVertical.Icon = NavigationMenuVerticalIcon\nNavigationMenuVertical.Text = NavigationMenuVerticalText\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,EA6BYC,EAA0B,CAAC,CAAE,SAAAC,KAAaC,CAAK,IAExDC,EAAA,cAACN,EAAA,CACC,UAAWO,EAAmC,MAC7C,GAAGF,EACJ,YAAY,UAEZC,EAAAA,EAAA,cAACE,EAAA,KAA4BJ,CAAS,CACxC,EAIJD,EAAuB,KAAOM,EAC9BN,EAAuB,UAAYO,EACnCP,EAAuB,iBAAmBQ,EAC1CR,EAAuB,iBAAmBS,EAC1CT,EAAuB,KAAOU,EAC9BV,EAAuB,YAAcW,EACrCX,EAAuB,KAAOY,EAC9BZ,EAAuB,KAAOa"}

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.styles.d.ts

@@ -6,9 +6,11 @@ export declare const navigationMenuVerticalItemStyles: {
     p: string;
     pl: string;
     width: string;
+    color: string;
+    bg: string;
     '--navigation-menu-vertical-item-font-weight': number;
     '&[data-active]': {
-        background: string;
+        bg: string;
         color: string;
         '--navigation-menu-vertical-item-font-weight': number;
     };
@@ -21,10 +23,10 @@ export declare const navigationMenuVerticalItemStyles: {
     };
     '&:not([data-disabled])': {
         '&:hover': {
-            background: string;
+            bg: string;
         };
         '&:active': {
-            background: string;
+            bg: string;
         };
         '&:focus-visible': {
             outline: "none";
@@ -44,7 +46,6 @@ export declare const navigationMenuVerticalItemStyles: {
         };
     };
     textDecoration: string;
-    color: string;
     border: string;
     outline: string;
     font: string;

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

@@ -1,2 +1,2 @@
-import"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import{focusVisibleStyleBlock as t}from"../../utilities/style/focus-visible-style-block.js";import"../../utilities/style/keyframe-animations.js";import{resetButtonStyles as e,resetLinkStyles as i}from"../../utilities/style/reset.js";const a={...e,...i,cursor:"pointer",borderRadius:"$2",display:"flex",alignItems:"center",p:"$2",pl:"var(--navigation-menu-vertical-item-pl)",width:"100%","--navigation-menu-vertical-item-font-weight":400,"&[data-active]":{background:"$accent2",color:"$accent9","--navigation-menu-vertical-item-font-weight":600},"&[data-state=open]":{"--navigation-menu-vertical-item-font-weight":600},"&[data-disabled]":{opacity:.3,cursor:"not-allowed"},"&:not([data-disabled])":{"&:hover":{background:"$base2"},"&:active":{background:"$base3"},"&:focus-visible":t()},variants:{size:{md:{minHeight:"$4"},lg:{minHeight:"$5"}}}};export{a as navigationMenuVerticalItemStyles};
+import"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import{focusVisibleStyleBlock as t}from"../../utilities/style/focus-visible-style-block.js";import"../../utilities/style/keyframe-animations.js";import{resetButtonStyles as e,resetLinkStyles as i}from"../../utilities/style/reset.js";const o={...e,...i,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},"&[data-disabled]":{opacity:.3,cursor:"not-allowed"},"&:not([data-disabled])":{"&:hover":{bg:"$backgroundHover"},"&:active":{bg:"$backgroundActive"},"&:focus-visible":t()},variants:{size:{md:{minHeight:"$4"},lg:{minHeight:"$5"}}}};export{o 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":["import { focusVisibleStyleBlock } from '~/utilities'\nimport { resetButtonStyles, resetLinkStyles } from '~/utilities/style/reset'\n\nexport const navigationMenuVerticalItemStyles = {\n  ...resetButtonStyles,\n  ...resetLinkStyles,\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  '--navigation-menu-vertical-item-font-weight': 400,\n  '&[data-active]': {\n    background: '$accent2',\n    color: '$accent9',\n    '--navigation-menu-vertical-item-font-weight': 600\n  },\n  '&[data-state=open]': {\n    '--navigation-menu-vertical-item-font-weight': 600\n  },\n  '&[data-disabled]': {\n    opacity: 0.3,\n    cursor: 'not-allowed'\n  },\n  '&:not([data-disabled])': {\n    '&:hover': {\n      background: '$base2'\n    },\n    '&:active': {\n      background: '$base3'\n    },\n    '&:focus-visible': focusVisibleStyleBlock()\n  },\n  variants: {\n    size: {\n      md: {\n        minHeight: '$4'\n      },\n      lg: {\n        minHeight: '$5'\n      }\n    }\n  }\n}\n"],"names":["navigationMenuVerticalItemStyles","resetButtonStyles","resetLinkStyles","focusVisibleStyleBlock"],"mappings":"sYAGa,MAAAA,EAAmC,CAC9C,GAAGC,EACH,GAAGC,EACH,OAAQ,UACR,aAAc,KACd,QAAS,OACT,WAAY,SACZ,EAAG,KACH,GAAI,0CACJ,MAAO,OACP,8CAA+C,IAC/C,iBAAkB,CAChB,WAAY,WACZ,MAAO,WACP,8CAA+C,GACjD,EACA,qBAAsB,CACpB,8CAA+C,GACjD,EACA,mBAAoB,CAClB,QAAS,GACT,OAAQ,aACV,EACA,yBAA0B,CACxB,UAAW,CACT,WAAY,QACd,EACA,WAAY,CACV,WAAY,QACd,EACA,kBAAmBC,GACrB,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":["import { focusVisibleStyleBlock } from '~/utilities'\nimport { resetButtonStyles, resetLinkStyles } from '~/utilities/style/reset'\n\nexport const navigationMenuVerticalItemStyles = {\n  ...resetButtonStyles,\n  ...resetLinkStyles,\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  '&[data-disabled]': {\n    opacity: 0.3,\n    cursor: 'not-allowed'\n  },\n  '&:not([data-disabled])': {\n    '&:hover': {\n      bg: '$backgroundHover'\n    },\n    '&:active': {\n      bg: '$backgroundActive'\n    },\n    '&:focus-visible': focusVisibleStyleBlock()\n  },\n  variants: {\n    size: {\n      md: {\n        minHeight: '$4'\n      },\n      lg: {\n        minHeight: '$5'\n      }\n    }\n  }\n}\n"],"names":["navigationMenuVerticalItemStyles","resetButtonStyles","resetLinkStyles","focusVisibleStyleBlock"],"mappings":"4YAGaA,EAAmC,CAC9C,GAAGC,EACH,GAAGC,EACH,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,mBAAoB,CAClB,QAAS,GACT,OAAQ,aACV,EACA,yBAA0B,CACxB,UAAW,CACT,GAAI,kBACN,EACA,WAAY,CACV,GAAI,mBACN,EACA,kBAAmBC,EAAuB,CAC5C,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CACF,UAAW,IACb,EACA,GAAI,CACF,UAAW,IACb,CACF,CACF,CACF"}

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalText.d.ts

@@ -326,7 +326,9 @@ declare const StyledNavigationMenuVerticalText: import("@stitches/react/types/st
     }> | undefined;
 }, "as"> & {
     as?: React.ElementType<any> | React.ComponentType<{}> | undefined;
-}>, {}, {
+}>, {
+    isExpanded?: boolean | "true" | "false" | undefined;
+}, {
     sm: string;
     md: string;
     lg: string;

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

@@ -1,2 +1,2 @@
-import e from"react";import{Text as i}from"../text/Text.js";import{styled as o}from"../../stitches.js";const a=o.withConfig({shouldForwardStitchesProp:t=>["as"].includes(t)})(i,{fontWeight:"var(--navigation-menu-vertical-item-font-weight)"}),r=t=>e.createElement(a,{size:"md",as:"span",...t});export{r as NavigationMenuVerticalText};
+import e from"react";import{Text as o}from"../text/Text.js";import{styled as r}from"../../stitches.js";import{useExpandableSidebar as s}from"../side-bar/SideBarExpandableContext.js";const i=r.withConfig({shouldForwardStitchesProp:t=>["as"].includes(t)})(o,{fontWeight:"var(--navigation-menu-vertical-item-font-weight)",variants:{isExpanded:{true:{"@allowMotion":{opacity:1,transform:"translate(0)",transition:"opacity 125ms ease-out, transform 125ms ease-out"}},false:{"@allowMotion":{opacity:0,transform:"translate(8px)",transition:"opacity 125ms ease-out, transform 0ms ease-out 125ms"}}}}}),n=t=>{const{isExpanded:a}=s();return e.createElement(i,{size:"md",as:"span",...t,isExpanded:a})};export{n 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\nconst StyledNavigationMenuVerticalText = styled.withConfig({\n  shouldForwardStitchesProp: (propName) => ['as'].includes(propName)\n})(Text, {\n  fontWeight: 'var(--navigation-menu-vertical-item-font-weight)'\n})\n\ntype TStyledNavigationMenuVerticalTextProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalText\n>\n\nexport const NavigationMenuVerticalText = (\n  props: TStyledNavigationMenuVerticalTextProps\n): JSX.Element => {\n  return <StyledNavigationMenuVerticalText size=\"md\" as=\"span\" {...props} />\n}\n"],"names":["StyledNavigationMenuVerticalText","styled","propName","Text","NavigationMenuVerticalText","props","React"],"mappings":"uGAKA,MAAMA,EAAmCC,EAAO,WAAW,CACzD,0BAA4BC,GAAa,CAAC,IAAI,EAAE,SAASA,CAAQ,CACnE,CAAC,EAAEC,EAAM,CACP,WAAY,kDACd,CAAC,EAMYC,EACXC,GAEOC,EAAA,cAACN,EAAA,CAAiC,KAAK,KAAK,GAAG,OAAQ,GAAGK,CAAO,CAAA"}
+{"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 { useExpandableSidebar } from '../side-bar/SideBarExpandableContext'\n\nconst StyledNavigationMenuVerticalText = styled.withConfig({\n  shouldForwardStitchesProp: (propName) => ['as'].includes(propName)\n})(Text, {\n  fontWeight: 'var(--navigation-menu-vertical-item-font-weight)',\n  variants: {\n    isExpanded: {\n      true: {\n        '@allowMotion': {\n          opacity: 1,\n          transform: 'translate(0)',\n          transition: 'opacity 125ms ease-out, transform 125ms ease-out'\n        }\n      },\n      false: {\n        '@allowMotion': {\n          opacity: 0,\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 } = useExpandableSidebar()\n  return (\n    <StyledNavigationMenuVerticalText\n      size=\"md\"\n      as=\"span\"\n      {...props}\n      isExpanded={isExpanded}\n    />\n  )\n}\n"],"names":["StyledNavigationMenuVerticalText","styled","propName","Text","NavigationMenuVerticalText","props","isExpanded","useExpandableSidebar","React"],"mappings":"sLAOA,MAAMA,EAAmCC,EAAO,WAAW,CACzD,0BAA4BC,GAAa,CAAC,IAAI,EAAE,SAASA,CAAQ,CACnE,CAAC,EAAEC,EAAM,CACP,WAAY,mDACZ,SAAU,CACR,WAAY,CACV,KAAM,CACJ,eAAgB,CACd,QAAS,EACT,UAAW,eACX,WAAY,kDACd,CACF,EACA,MAAO,CACL,eAAgB,CACd,QAAS,EACT,UAAW,iBACX,WAAY,sDACd,CACF,CACF,CACF,CACF,CAAC,EAMYC,EACXC,GACgB,CAChB,KAAM,CAAE,WAAAC,CAAW,EAAIC,EAAqB,EAC5C,OACEC,EAAA,cAACR,EAAA,CACC,KAAK,KACL,GAAG,OACF,GAAGK,EACJ,WAAYC,EACd,CAEJ"}

package/dist/components/navigation-menu-vertical/stitches.navigationMenuVertical.colorscheme.config.d.ts

@@ -0,0 +1,15 @@
+export declare const colorSchemes: {
+    light: string & {
+        className: string;
+        selector: string;
+    } & import("@stitches/react/types/stitches").ThemeTokens<{
+        colors: {
+            text: string;
+            background: string;
+            backgroundHover: string;
+            backgroundActive: string;
+            textSelected: string;
+            backgroundSelected: string;
+        };
+    }, "">;
+};

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

@@ -0,0 +1,2 @@
+import{createTheme as e}from"../../stitches.js";const c=e({colors:{text:"$foreground",background:"$base1",backgroundHover:"$base2",backgroundActive:"$base3",textSelected:"$accent9",backgroundSelected:"$accent2"}}),o={light:c};export{o as colorSchemes};
+//# sourceMappingURL=stitches.navigationMenuVertical.colorscheme.config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stitches.navigationMenuVertical.colorscheme.config.js","sources":["../../../src/components/navigation-menu-vertical/stitches.navigationMenuVertical.colorscheme.config.ts"],"sourcesContent":["import { createTheme } from '~/stitches'\n\nconst light = createTheme({\n  colors: {\n    text: '$foreground',\n    background: '$base1',\n    backgroundHover: '$base2',\n    backgroundActive: '$base3',\n    textSelected: '$accent9',\n    backgroundSelected: '$accent2'\n  }\n})\n\nexport const colorSchemes = {\n  light\n}\n"],"names":["light","createTheme","colorSchemes"],"mappings":"gDAEA,MAAMA,EAAQC,EAAY,CACxB,OAAQ,CACN,KAAM,cACN,WAAY,SACZ,gBAAiB,SACjB,iBAAkB,SAClB,aAAc,WACd,mBAAoB,UACtB,CACF,CAAC,EAEYC,EAAe,CAC1B,MAAAF,CACF"}

package/dist/components/pagination/PaginationPopover.js

@@ -1,2 +1,2 @@
-import{Ellypsis as n}from"@atom-learning/icons";import t from"react";import"../accordion/Accordion.js";import{ActionIcon as a}from"../action-icon/ActionIcon.js";import"../alert-dialog/AlertDialog.js";import"../alert-dialog/alert-context/AlertContext.js";import"../avatar/Avatar.js";import"../badge/Badge.js";import"../box/Box.js";import"../button/Button.js";import"../carousel/Carousel.js";import"../checkbox/Checkbox.js";import"../checkbox-field/CheckboxField.js";import"../chip/Chip.js";import"../chip/ChipGroup.js";import"../chip-dismissible-group/index.js";import"../chip-toggle-group/index.js";import"../combobox/Combobox.js";import"../create-password-field/CreatePasswordField.js";import"../data-table/DataTableContext.js";import"../data-table/DataTable.js";import"../date-field/DateField.js";import"../date-input/DateInput.js";import"../dialog/Dialog.js";import"../dismissible/index.js";import"../dismissible-group/index.js";import"../divider/Divider.js";import"../drawer/Drawer.js";import"../dropdown-menu/DropdownMenu.js";import"../empty-state/EmptyState.js";import"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../file-input/FileInput.js";import{Flex as l}from"../flex/Flex.js";import"../form/Form.js";import"dlv";import"react-hook-form";import"../grid/Grid.js";import"../heading/Heading.js";import{Icon as s}from"../icon/Icon.js";import"../image/Image.js";import"../inline-message/InlineMessage.js";import"../input/Input.js";import"../input-field/InputField.js";import"../label/Label.js";import"../link/Link.js";import"../list/List.js";import"../loader/Loader.js";import"../markdown-content/MarkdownContent.js";import"../navigation/NavigationMenu.js";import"../navigation-menu-vertical/NavigationMenuVertical.js";import"../notification-badge/NotificationBadge.js";import"../number-input/NumberInput.js";import"../number-input-field/NumberInputField.js";import"./Pagination.js";import"../password-field/PasswordField.js";import"../password-input/PasswordInput.js";import{Popover as r}from"../popover/Popover.js";import"../progress-bar/ProgressBar.js";import"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";import"../radio-button-field/RadioButtonField.js";import"../radio-card/RadioCard.js";import"@radix-ui/react-radio-group";import"../stack/Stack.js";import"../search-field/SearchField.js";import"../search-input/SearchInput.js";import"../section-message/SectionMessage.js";import"../select/Select.js";import"../select-field/SelectField.js";import"../slider/Slider.js";import"../slider-field/SliderField.js";import"../sortable/SortableHandle.js";import"../sortable/SortableItem.js";import"../sortable/SortableRoot.js";import"../spacer/Spacer.js";import"../stack-content/StackContent.js";import"../stepper/Stepper.js";import"../switch/Switch.js";import"../table/Table.js";import"../tabs/Tabs.js";import"../text/Text.js";import"../textarea/Textarea.js";import"../textarea-field/TextareaField.js";import"../toast/Toast.js";import"../toast/ToastProvider.js";import"../toggle-group/ToggleGroupButton.js";import"../toggle-group/ToggleGroupItem.js";import"../toggle-group/ToggleGroupRoot.js";import"../tooltip/Tooltip.js";import"../top-bar/TopBar.js";import"../video/Video.js";import"../banner/banner-regular/BannerRegular.js";import"../banner/banner-slim/BannerSlim.js";import"../tile/Tile.js";import"../tile-interactive/TileInteractive.js";import"../tile-toggle-group/index.js";import{PaginationItem as c}from"./PaginationItem.js";import{usePagination as g}from"./usePagination.js";const f=()=>{const{pagesCount:m,labels:i}=g(),p=Array.from({length:m},(o,e)=>e+1);return t.createElement(r,null,t.createElement(r.Trigger,{asChild:!0},t.createElement(a,{hasTooltip:!1,size:"md",theme:"neutral",label:(i==null?void 0:i.popoverTriggerLabel)||"Open pagination popover","data-testid":"pagination_popover_trigger"},t.createElement(s,{is:n}))),t.createElement(r.Content,{size:"md",showCloseButton:!1,css:{p:0}},t.createElement(l,{css:{p:"$4",display:"flex",flexWrap:"wrap",gap:1,justifyContent:"center"}},p==null?void 0:p.map(o=>t.createElement(c,{key:o,pageNumber:o,css:{bg:"$white"}})))))};export{f as PaginationPopover};
+import{Ellypsis as n}from"@atom-learning/icons";import t from"react";import"../accordion/Accordion.js";import{ActionIcon as a}from"../action-icon/ActionIcon.js";import"../alert-dialog/AlertDialog.js";import"../alert-dialog/alert-context/AlertContext.js";import"../avatar/Avatar.js";import"../badge/Badge.js";import"../box/Box.js";import"../button/Button.js";import"../carousel/Carousel.js";import"../checkbox/Checkbox.js";import"../checkbox-field/CheckboxField.js";import"../chip/Chip.js";import"../chip/ChipGroup.js";import"../chip-dismissible-group/index.js";import"../chip-toggle-group/index.js";import"../combobox/Combobox.js";import"../create-password-field/CreatePasswordField.js";import"../data-table/DataTableContext.js";import"../data-table/DataTable.js";import"../date-field/DateField.js";import"../date-input/DateInput.js";import"../dialog/Dialog.js";import"../dismissible/index.js";import"../dismissible-group/index.js";import"../divider/Divider.js";import"../drawer/Drawer.js";import"../dropdown-menu/DropdownMenu.js";import"../empty-state/EmptyState.js";import"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../file-input/FileInput.js";import{Flex as l}from"../flex/Flex.js";import"../form/Form.js";import"dlv";import"react-hook-form";import"../grid/Grid.js";import"../heading/Heading.js";import{Icon as s}from"../icon/Icon.js";import"../image/Image.js";import"../inline-message/InlineMessage.js";import"../input/Input.js";import"../input-field/InputField.js";import"../label/Label.js";import"../link/Link.js";import"../list/List.js";import"../loader/Loader.js";import"../markdown-content/MarkdownContent.js";import"../navigation/NavigationMenu.js";import"../navigation-menu-vertical/NavigationMenuVertical.js";import"../notification-badge/NotificationBadge.js";import"../number-input/NumberInput.js";import"../number-input-field/NumberInputField.js";import"./Pagination.js";import"../password-field/PasswordField.js";import"../password-input/PasswordInput.js";import{Popover as r}from"../popover/Popover.js";import"../progress-bar/ProgressBar.js";import"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";import"../radio-button-field/RadioButtonField.js";import"../radio-card/RadioCard.js";import"@radix-ui/react-radio-group";import"../stack/Stack.js";import"../search-field/SearchField.js";import"../search-input/SearchInput.js";import"../section-message/SectionMessage.js";import"../select/Select.js";import"../select-field/SelectField.js";import"../side-bar/SideBar.js";import"../side-bar/SideBarExpandableContext.js";import"../slider/Slider.js";import"../slider-field/SliderField.js";import"../sortable/SortableHandle.js";import"../sortable/SortableItem.js";import"../sortable/SortableRoot.js";import"../spacer/Spacer.js";import"../stack-content/StackContent.js";import"../stepper/Stepper.js";import"../switch/Switch.js";import"../table/Table.js";import"../tabs/Tabs.js";import"../text/Text.js";import"../textarea/Textarea.js";import"../textarea-field/TextareaField.js";import"../toast/Toast.js";import"../toast/ToastProvider.js";import"../toggle-group/ToggleGroupButton.js";import"../toggle-group/ToggleGroupItem.js";import"../toggle-group/ToggleGroupRoot.js";import"../tooltip/Tooltip.js";import"../top-bar/TopBar.js";import"../video/Video.js";import"../banner/banner-regular/BannerRegular.js";import"../banner/banner-slim/BannerSlim.js";import"../tile/Tile.js";import"../tile-interactive/TileInteractive.js";import"../tile-toggle-group/index.js";import{PaginationItem as c}from"./PaginationItem.js";import{usePagination as g}from"./usePagination.js";const f=()=>{const{pagesCount:m,labels:i}=g(),p=Array.from({length:m},(o,e)=>e+1);return t.createElement(r,null,t.createElement(r.Trigger,{asChild:!0},t.createElement(a,{hasTooltip:!1,size:"md",theme:"neutral",label:(i==null?void 0:i.popoverTriggerLabel)||"Open pagination popover","data-testid":"pagination_popover_trigger"},t.createElement(s,{is:n}))),t.createElement(r.Content,{size:"md",showCloseButton:!1,css:{p:0}},t.createElement(l,{css:{p:"$4",display:"flex",flexWrap:"wrap",gap:1,justifyContent:"center"}},p==null?void 0:p.map(o=>t.createElement(c,{key:o,pageNumber:o,css:{bg:"$white"}})))))};export{f as PaginationPopover};
 //# sourceMappingURL=PaginationPopover.js.map

package/dist/components/pagination/PaginationPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationPopover.js","sources":["../../../src/components/pagination/PaginationPopover.tsx"],"sourcesContent":["import { Ellypsis } from '@atom-learning/icons'\nimport React from 'react'\n\nimport { ActionIcon, Flex, Icon, Popover } from '..'\nimport { PaginationItem } from './PaginationItem'\nimport { usePagination } from './usePagination'\n\nexport const PaginationPopover = () => {\n  const { pagesCount, labels } = usePagination()\n  const paginationItems = Array.from(\n    { length: pagesCount },\n    (_, index) => index + 1\n  )\n\n  return (\n    <Popover>\n      <Popover.Trigger asChild>\n        <ActionIcon\n          hasTooltip={false}\n          size=\"md\"\n          theme=\"neutral\"\n          label={labels?.popoverTriggerLabel || 'Open pagination popover'}\n          data-testid=\"pagination_popover_trigger\"\n        >\n          <Icon is={Ellypsis} />\n        </ActionIcon>\n      </Popover.Trigger>\n      <Popover.Content size=\"md\" showCloseButton={false} css={{ p: 0 }}>\n        <Flex\n          css={{\n            p: '$4',\n            display: 'flex',\n            flexWrap: 'wrap',\n            gap: 1,\n            justifyContent: 'center'\n          }}\n        >\n          {paginationItems?.map((pageNumber) => {\n            return (\n              <PaginationItem\n                key={pageNumber}\n                pageNumber={pageNumber}\n                css={{ bg: '$white' }}\n              />\n            )\n          })}\n        </Flex>\n      </Popover.Content>\n    </Popover>\n  )\n}\n"],"names":["PaginationPopover","pagesCount","labels","usePagination","paginationItems","_","index","React","Popover","ActionIcon","Icon","Ellypsis","Flex","pageNumber","PaginationItem"],"mappings":"u+GAOO,MAAMA,EAAoB,IAAM,CACrC,KAAM,CAAE,WAAAC,EAAY,OAAAC,CAAO,EAAIC,EACzBC,EAAAA,EAAkB,MAAM,KAC5B,CAAE,OAAQH,CAAW,EACrB,CAACI,EAAGC,IAAUA,EAAQ,CACxB,EAEA,OACEC,EAAA,cAACC,EAAA,KACCD,EAAA,cAACC,EAAQ,QAAR,CAAgB,QAAO,EACtBD,EAAAA,EAAA,cAACE,EAAA,CACC,WAAY,GACZ,KAAK,KACL,MAAM,UACN,OAAOP,GAAA,KAAAA,OAAAA,EAAQ,sBAAuB,0BACtC,cAAY,4BAEZK,EAAAA,EAAA,cAACG,EAAA,CAAK,GAAIC,EAAU,CACtB,CACF,EACAJ,EAAA,cAACC,EAAQ,QAAR,CAAgB,KAAK,KAAK,gBAAiB,GAAO,IAAK,CAAE,EAAG,CAAE,CAAA,EAC7DD,EAAA,cAACK,EAAA,CACC,IAAK,CACH,EAAG,KACH,QAAS,OACT,SAAU,OACV,IAAK,EACL,eAAgB,QAClB,CAECR,EAAAA,GAAA,YAAAA,EAAiB,IAAKS,GAEnBN,EAAA,cAACO,EAAA,CACC,IAAKD,EACL,WAAYA,EACZ,IAAK,CAAE,GAAI,QAAS,CAAA,CACtB,CAGN,CAAA,CACF,CACF,CAEJ"}
+{"version":3,"file":"PaginationPopover.js","sources":["../../../src/components/pagination/PaginationPopover.tsx"],"sourcesContent":["import { Ellypsis } from '@atom-learning/icons'\nimport React from 'react'\n\nimport { ActionIcon, Flex, Icon, Popover } from '..'\nimport { PaginationItem } from './PaginationItem'\nimport { usePagination } from './usePagination'\n\nexport const PaginationPopover = () => {\n  const { pagesCount, labels } = usePagination()\n  const paginationItems = Array.from(\n    { length: pagesCount },\n    (_, index) => index + 1\n  )\n\n  return (\n    <Popover>\n      <Popover.Trigger asChild>\n        <ActionIcon\n          hasTooltip={false}\n          size=\"md\"\n          theme=\"neutral\"\n          label={labels?.popoverTriggerLabel || 'Open pagination popover'}\n          data-testid=\"pagination_popover_trigger\"\n        >\n          <Icon is={Ellypsis} />\n        </ActionIcon>\n      </Popover.Trigger>\n      <Popover.Content size=\"md\" showCloseButton={false} css={{ p: 0 }}>\n        <Flex\n          css={{\n            p: '$4',\n            display: 'flex',\n            flexWrap: 'wrap',\n            gap: 1,\n            justifyContent: 'center'\n          }}\n        >\n          {paginationItems?.map((pageNumber) => {\n            return (\n              <PaginationItem\n                key={pageNumber}\n                pageNumber={pageNumber}\n                css={{ bg: '$white' }}\n              />\n            )\n          })}\n        </Flex>\n      </Popover.Content>\n    </Popover>\n  )\n}\n"],"names":["PaginationPopover","pagesCount","labels","usePagination","paginationItems","_","index","React","Popover","ActionIcon","Icon","Ellypsis","Flex","pageNumber","PaginationItem"],"mappings":"sjHAOO,MAAMA,EAAoB,IAAM,CACrC,KAAM,CAAE,WAAAC,EAAY,OAAAC,CAAO,EAAIC,EACzBC,EAAAA,EAAkB,MAAM,KAC5B,CAAE,OAAQH,CAAW,EACrB,CAACI,EAAGC,IAAUA,EAAQ,CACxB,EAEA,OACEC,EAAA,cAACC,EAAA,KACCD,EAAA,cAACC,EAAQ,QAAR,CAAgB,QAAO,EACtBD,EAAAA,EAAA,cAACE,EAAA,CACC,WAAY,GACZ,KAAK,KACL,MAAM,UACN,OAAOP,GAAA,KAAAA,OAAAA,EAAQ,sBAAuB,0BACtC,cAAY,4BAEZK,EAAAA,EAAA,cAACG,EAAA,CAAK,GAAIC,EAAU,CACtB,CACF,EACAJ,EAAA,cAACC,EAAQ,QAAR,CAAgB,KAAK,KAAK,gBAAiB,GAAO,IAAK,CAAE,EAAG,CAAE,CAAA,EAC7DD,EAAA,cAACK,EAAA,CACC,IAAK,CACH,EAAG,KACH,QAAS,OACT,SAAU,OACV,IAAK,EACL,eAAgB,QAClB,CAECR,EAAAA,GAAA,YAAAA,EAAiB,IAAKS,GAEnBN,EAAA,cAACO,EAAA,CACC,IAAKD,EACL,WAAYA,EACZ,IAAK,CAAE,GAAI,QAAS,CAAA,CACtB,CAGN,CAAA,CACF,CACF,CAEJ"}