@atom-learning/components 6.6.0-beta.1 → 6.6.0-beta.2

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuLink.js","names":[],"sources":["../../../src/components/navigation/NavigationMenuLink.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/styled'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { navigationMenuBaseItemStyles } from './NavigationMenu.styles'\n\nconst DisabledButton = styled('button', {\n  base: [\n    ...navigationMenuBaseItemStyles,\n    'disabled:bg-none',\n    'disabled:cursor-default',\n    'disabled:opacity-30',\n    'disabled:text-text'\n  ]\n})\n\nconst ListItem = NavigationMenuPrimitive.Item\n\nconst StyledLink = styled(NavigationMenuPrimitive.Link, {\n  base: [\n    ...navigationMenuBaseItemStyles,\n    'block',\n    'no-underline',\n    'leading-none'\n  ],\n  variants: {\n    elementType: {\n      dropdownItem: [\n        'data-active:bg-background-selected',\n        'data-active:text-text-selected',\n        'data-active:hover:bg-background-selected-hover',\n        'data-active:hover:text-text-selected-hover',\n        'data-active:active:bg-background-selected-pressed',\n        'data-active:active:text-text-selected-pressed',\n        'data-active:focus-visible:shadow-[0_0_0_2px_var(--color-primary-800)]',\n        'data-active:focus-visible:text-text-selected-focus'\n      ],\n      link: [\n        'data-active:font-semibold',\n        'data-active:text-item-(--background-selected)',\n        'data-active:after:-translate-x-1/2',\n        'data-active:after:absolute',\n        'data-active:after:bg-item-(--background-selected)',\n        'data-active:after:block',\n        'data-active:after:bottom-0',\n        'data-active:after:h-0.5',\n        'data-active:after:left-1/2',\n        'data-active:after:rounded-md',\n        'data-active:after:translate-y-0',\n        'data-active:after:w-6'\n      ]\n    }\n  }\n})\n\nexport const NavigationMenuLink = React.forwardRef<\n  HTMLAnchorElement,\n  Omit<React.ComponentProps<typeof StyledLink>, 'elementType'> & {\n    disabled?: boolean\n    variant?: React.ComponentProps<typeof StyledLink>['elementType']\n  }\n>(\n  (\n    {\n      children,\n      href,\n      disabled,\n      className,\n      variant = 'link',\n      ref: _ref,\n      ...props\n    },\n    forwardedRef\n  ) => (\n    <ListItem>\n      {disabled ? (\n        <DisabledButton disabled className={className}>\n          {children}\n        </DisabledButton>\n      ) : (\n        <StyledLink\n          href={href}\n          ref={forwardedRef as any}\n          elementType={variant}\n          className={className}\n          {...getExternalAnchorProps(href)}\n          {...props}\n        >\n          {children}\n        </StyledLink>\n      )}\n    </ListItem>\n  )\n)\n\nNavigationMenuLink.displayName = 'NavigationMenuLink'\n"],"mappings":";;;;;;AAQA,IAAM,IAAiB,EAAO,UAAU,EACtC,MAAM;CACJ,GAAG;CACH;CACA;CACA;CACA;CACD,EACF,CAAC,EAEI,IAAW,EAAwB,MAEnC,IAAa,EAAO,EAAwB,MAAM;CACtD,MAAM;EACJ,GAAG;EACH;EACA;EACA;EACD;CACD,UAAU,EACR,aAAa;EACX,cAAc;GACZ;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;EACD,MAAM;GACJ;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;EACF,EACF;CACF,CAAC,EAEW,IAAqB,EAAM,YAQpC,EACE,aACA,SACA,aACA,cACA,aAAU,QACV,KAAK,GACL,GAAG,KAEL,MAEA,kBAAA,cAAC,GAAA,MACE,IACC,kBAAA,cAAC,GAAD;CAAgB,UAAA;CAAoB;CAEnB,EADd,EACc,GAEjB,kBAAA,cAAC,GAAD;CACQ;CACN,KAAK;CACL,aAAa;CACF;CACX,GAAI,EAAuB,EAAK;CAChC,GAAI;CAGO,EADV,EACU,CAEN,CAEd;AAED,EAAmB,cAAc"}
+{"version":3,"file":"NavigationMenuLink.js","names":[],"sources":["../../../src/components/navigation/NavigationMenuLink.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/styled'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { navigationMenuBaseItemStyles } from './NavigationMenu.styles'\n\nconst DisabledButton = styled('button', {\n  base: [\n    ...navigationMenuBaseItemStyles,\n    'disabled:bg-none',\n    'disabled:cursor-default',\n    'disabled:opacity-30',\n    'disabled:text-text'\n  ]\n})\n\nconst ListItem = NavigationMenuPrimitive.Item\n\nconst StyledLink = styled(NavigationMenuPrimitive.Link, {\n  base: [\n    ...navigationMenuBaseItemStyles,\n    'block',\n    'no-underline',\n    'leading-none'\n  ],\n  variants: {\n    elementType: {\n      dropdownItem: [\n        'data-active:bg-background-selected',\n        'data-active:text-text-selected',\n        'data-active:hover:bg-background-selected-hover',\n        'data-active:hover:text-text-selected-hover',\n        'data-active:active:bg-background-selected-pressed',\n        'data-active:active:text-text-selected-pressed',\n        'data-active:focus-visible:shadow-[0_0_0_2px_var(--color-primary-800)]',\n        'data-active:focus-visible:text-text-selected-focus'\n      ],\n      link: [\n        'data-active:font-semibold',\n        'data-active:text-item-(--background-selected)',\n        'data-active:after:-translate-x-1/2',\n        'data-active:after:absolute',\n        'data-active:after:bg-item-(--background-selected)',\n        'data-active:after:block',\n        'data-active:after:bottom-0',\n        'data-active:after:h-0.5',\n        'data-active:after:left-1/2',\n        'data-active:after:rounded-md',\n        'data-active:after:translate-y-0',\n        'data-active:after:w-6'\n      ]\n    }\n  }\n})\n\nexport const NavigationMenuLink = React.forwardRef<\n  HTMLAnchorElement,\n  Omit<React.ComponentProps<typeof StyledLink>, 'elementType'> & {\n    disabled?: boolean\n    variant?: React.ComponentProps<typeof StyledLink>['elementType']\n  }\n>(\n  (\n    {\n      children,\n      href,\n      disabled,\n      className,\n      variant = 'link',\n      ref: _ref,\n      ...props\n    },\n    forwardedRef\n  ) => (\n    <ListItem>\n      {disabled ? (\n        <DisabledButton disabled className={className}>\n          {children}\n        </DisabledButton>\n      ) : (\n        <StyledLink\n          href={href}\n          ref={forwardedRef as any}\n          elementType={variant}\n          className={className}\n          {...getExternalAnchorProps(href)}\n          {...props}\n        >\n          {children}\n        </StyledLink>\n      )}\n    </ListItem>\n  )\n)\n\nNavigationMenuLink.displayName = 'NavigationMenuLink'\n"],"mappings":";;;;;;AAQA,IAAM,iBAAiB,OAAO,UAAU,EACtC,MAAM;CACJ,GAAG;CACH;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,IAAM,WAAW,wBAAwB;AAEzC,IAAM,aAAa,OAAO,wBAAwB,MAAM;CACtD,MAAM;EACJ,GAAG;EACH;EACA;EACA;EACD;CACD,UAAU,EACR,aAAa;EACX,cAAc;GACZ;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;EACD,MAAM;GACJ;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;EACF,EACF;CACF,CAAC;AAEF,IAAa,qBAAqB,MAAM,YAQpC,EACE,UACA,MACA,UACA,WACA,UAAU,QACV,KAAK,MACL,GAAG,SAEL,iBAEA,sBAAA,cAAC,UAAA,MACE,WACC,sBAAA,cAAC,gBAAD;CAAgB,UAAA;CAAoB;CAEnB,EADd,SACc,GAEjB,sBAAA,cAAC,YAAD;CACQ;CACN,KAAK;CACL,aAAa;CACF;CACX,GAAI,uBAAuB,KAAK;CAChC,GAAI;CAGO,EADV,SACU,CAEN,CAEd;AAED,mBAAmB,cAAc"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVertical.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled, Theme } from '~/styled'\n\nimport { colorSchemes as navigationMenuVerticalColorSchemes } from './NavigationMenuVertical.colorscheme.config'\nimport { NavigationMenuVerticalAccordion } from './NavigationMenuVerticalAccordion'\nimport { NavigationMenuVerticalAccordionContent } from './NavigationMenuVerticalAccordionContent'\nimport { NavigationMenuVerticalAccordionTrigger } from './NavigationMenuVerticalAccordionTrigger'\nimport { NavigationMenuVerticalIcon } from './NavigationMenuVerticalIcon'\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\nimport { NavigationMenuVerticalLink } from './NavigationMenuVerticalLink'\nimport { NavigationMenuVerticalList } from './NavigationMenuVerticalList'\nimport { NavigationMenuVerticalText } from './NavigationMenuVerticalText'\n\nconst StyledRoot = styled(Root, {\n  base: ['w-full']\n})\n\n/*\n * (!)\n * NavigationMenu vertical behaviour was buggy so had to build the\n * opening/closing nested Content(Accordion) based on `Collapsible` instead.\n * This means that the below `value` based props and `Trigger`/`Content`\n * animations do nothing, so removing them from typescript\n */\ntype TNavigationVerticalProps = Omit<\n  React.ComponentProps<typeof StyledRoot>,\n  | 'delayDuration'\n  | 'skipDelayDuration'\n  | 'defaultValue'\n  | 'value'\n  | 'onValueChange'\n>\n\nexport const NavigationMenuVertical = Object.assign(\n  ({ children, ...rest }: TNavigationVerticalProps) => (\n    <Theme theme={navigationMenuVerticalColorSchemes['light']}>\n      <StyledRoot {...rest} orientation=\"vertical\">\n        <NavigationMenuVerticalList>{children}</NavigationMenuVerticalList>\n      </StyledRoot>\n    </Theme>\n  ),\n  {\n    Link: NavigationMenuVerticalLink,\n    Accordion: NavigationMenuVerticalAccordion,\n    AccordionContent: NavigationMenuVerticalAccordionContent,\n    AccordionTrigger: NavigationMenuVerticalAccordionTrigger,\n    Item: NavigationMenuVerticalItem,\n    ItemContent: NavigationMenuVerticalItemContent,\n    Icon: NavigationMenuVerticalIcon,\n    Text: NavigationMenuVerticalText\n  }\n)\n"],"mappings":";;;;;;;;;;;;;;AAgBA,IAAM,IAAa,EAAO,GAAM,EAC9B,MAAM,CAAC,SAAS,EACjB,CAAC,EAkBW,IAAyB,OAAO,QAC1C,EAAE,aAAU,GAAG,QACd,kBAAA,cAAC,GAAD,EAAO,OAAO,EAAmC,OAIzC,EAHN,kBAAA,cAAC,GAAD;CAAY,GAAI;CAAM,aAAY;CAErB,EADX,kBAAA,cAAC,GAAA,MAA4B,EAAsC,CACxD,CACP,EAEV;CACE,MAAM;CACN,WAAW;CACX,kBAAkB;CAClB,kBAAkB;CAClB,MAAM;CACN,aAAa;CACb,MAAM;CACN,MAAM;CACP,CACF"}
+{"version":3,"file":"NavigationMenuVertical.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled, Theme } from '~/styled'\n\nimport { colorSchemes as navigationMenuVerticalColorSchemes } from './NavigationMenuVertical.colorscheme.config'\nimport { NavigationMenuVerticalAccordion } from './NavigationMenuVerticalAccordion'\nimport { NavigationMenuVerticalAccordionContent } from './NavigationMenuVerticalAccordionContent'\nimport { NavigationMenuVerticalAccordionTrigger } from './NavigationMenuVerticalAccordionTrigger'\nimport { NavigationMenuVerticalIcon } from './NavigationMenuVerticalIcon'\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\nimport { NavigationMenuVerticalLink } from './NavigationMenuVerticalLink'\nimport { NavigationMenuVerticalList } from './NavigationMenuVerticalList'\nimport { NavigationMenuVerticalText } from './NavigationMenuVerticalText'\n\nconst StyledRoot = styled(Root, {\n  base: ['w-full']\n})\n\n/*\n * (!)\n * NavigationMenu vertical behaviour was buggy so had to build the\n * opening/closing nested Content(Accordion) based on `Collapsible` instead.\n * This means that the below `value` based props and `Trigger`/`Content`\n * animations do nothing, so removing them from typescript\n */\ntype TNavigationVerticalProps = Omit<\n  React.ComponentProps<typeof StyledRoot>,\n  | 'delayDuration'\n  | 'skipDelayDuration'\n  | 'defaultValue'\n  | 'value'\n  | 'onValueChange'\n>\n\nexport const NavigationMenuVertical = Object.assign(\n  ({ children, ...rest }: TNavigationVerticalProps) => (\n    <Theme theme={navigationMenuVerticalColorSchemes['light']}>\n      <StyledRoot {...rest} orientation=\"vertical\">\n        <NavigationMenuVerticalList>{children}</NavigationMenuVerticalList>\n      </StyledRoot>\n    </Theme>\n  ),\n  {\n    Link: NavigationMenuVerticalLink,\n    Accordion: NavigationMenuVerticalAccordion,\n    AccordionContent: NavigationMenuVerticalAccordionContent,\n    AccordionTrigger: NavigationMenuVerticalAccordionTrigger,\n    Item: NavigationMenuVerticalItem,\n    ItemContent: NavigationMenuVerticalItemContent,\n    Icon: NavigationMenuVerticalIcon,\n    Text: NavigationMenuVerticalText\n  }\n)\n"],"mappings":";;;;;;;;;;;;;;AAgBA,IAAM,aAAa,OAAO,MAAM,EAC9B,MAAM,CAAC,SAAS,EACjB,CAAC;AAkBF,IAAa,yBAAyB,OAAO,QAC1C,EAAE,UAAU,GAAG,WACd,sBAAA,cAAC,OAAD,EAAO,OAAO,aAAmC,UAIzC,EAHN,sBAAA,cAAC,YAAD;CAAY,GAAI;CAAM,aAAY;CAErB,EADX,sBAAA,cAAC,4BAAA,MAA4B,SAAsC,CACxD,CACP,EAEV;CACE,MAAM;CACN,WAAW;CACX,kBAAkB;CAClB,kBAAkB;CAClB,MAAM;CACN,aAAa;CACb,MAAM;CACN,MAAM;CACP,CACF"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVertical.styles.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.styles.ts"],"sourcesContent":["export const navigationMenuVerticalItemStyles = [\n  '[--navigation-menu-vertical-item-font-weight:400]',\n  'data-[state=open]:[--navigation-menu-vertical-item-font-weight:600]',\n  'border-none',\n  'outline-none',\n  'bg-none',\n  'decoration-[inherit]',\n  'cursor-pointer',\n  'rounded-md',\n  'flex',\n  'items-center',\n  'p-2',\n  'pl-(--navigation-menu-vertical-item-pl)',\n  'w-full',\n  'text-(--text)',\n  'bg-(--background)',\n  'disabled:cursor-not-allowed',\n  '[text-decoration:unset]',\n  'disabled:opacity-30',\n  'not-disabled:active:bg-(--background-active)',\n  'not-disabled:focus-visible:outline-none',\n  'not-disabled:focus-visible:relative',\n  'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n  'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n  'not-disabled:focus-visible:z-1',\n  'not-disabled:hover:bg-(--background-hover)',\n  'data-active:bg-(--background-selected)',\n  'data-active:text-(--text-selected)',\n  'data-active:[--navigation-menu-vertical-item-font-weight:600]'\n]\n"],"mappings":";AAAA,IAAa,IAAmC,i2BA6B/C"}
+{"version":3,"file":"NavigationMenuVertical.styles.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.styles.ts"],"sourcesContent":["export const navigationMenuVerticalItemStyles = [\n  '[--navigation-menu-vertical-item-font-weight:400]',\n  'data-[state=open]:[--navigation-menu-vertical-item-font-weight:600]',\n  'border-none',\n  'outline-none',\n  'bg-none',\n  'decoration-[inherit]',\n  'cursor-pointer',\n  'rounded-md',\n  'flex',\n  'items-center',\n  'p-2',\n  'pl-(--navigation-menu-vertical-item-pl)',\n  'w-full',\n  'text-(--text)',\n  'bg-(--background)',\n  'disabled:cursor-not-allowed',\n  '[text-decoration:unset]',\n  'disabled:opacity-30',\n  'not-disabled:active:bg-(--background-active)',\n  'not-disabled:focus-visible:outline-none',\n  'not-disabled:focus-visible:relative',\n  'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n  'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n  'not-disabled:focus-visible:z-1',\n  'not-disabled:hover:bg-(--background-hover)',\n  'data-active:bg-(--background-selected)',\n  'data-active:text-(--text-selected)',\n  'data-active:[--navigation-menu-vertical-item-font-weight:600]'\n]\n"],"mappings":";AAAA,IAAa,mCAAmC;CAC9C;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalAccordion.js","names":[],"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"],"mappings":";;;;;AAWA,IAAa,IACX,EAAM,cAA4D,EAAE,CAAC,EACjE,KAA2C,EAAE,kBAAe;CAChE,IAAM,CAAC,GAAY,KAAiB,GAAgB;AACpD,QACE,kBAAA,cAAC,EAAuC,UAAxC,EACE,OAAO;EAAE;EAAY;EAAe,EAGY,EAD/C,EAC+C;GAMzC,KAAmC,EAC9C,gBACA,SACA,iBACA,aACA,GAAG,QACqD;CACxD,IAAM,IAAmB;EAAE;EAAa;EAAM;EAAc;EAAU;AACtE,QACE,kBAAA,cAAC,GAAA,MACC,kBAAA,cAAC,GAAD;EAAM,GAAI;EAAkB,SAAA;EAErB,EADL,kBAAA,cAAC,GAA+B,EAAQ,CACnC,CACiC"}
+{"version":3,"file":"NavigationMenuVerticalAccordion.js","names":[],"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"],"mappings":";;;;;AAWA,IAAa,yCACX,QAAM,cAA4D,EAAE,CAAC;AACvE,IAAM,2CAA2C,EAAE,eAAe;CAChE,MAAM,CAAC,YAAY,iBAAiB,gBAAgB;AACpD,QACE,wBAAA,cAAC,uCAAuC,UAAxC,EACE,OAAO;EAAE;EAAY;EAAe,EAGY,EAD/C,SAC+C;;AAMtD,IAAa,mCAAmC,EAC9C,aACA,MACA,cACA,UACA,GAAG,WACqD;CACxD,MAAM,mBAAmB;EAAE;EAAa;EAAM;EAAc;EAAU;AACtE,QACE,wBAAA,cAAC,yCAAA,MACC,wBAAA,cAAC,MAAD;EAAM,GAAI;EAAkB,SAAA;EAErB,EADL,wBAAA,cAAC,4BAA+B,KAAQ,CACnC,CACiC"}

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

@@ -1,18 +1,26 @@
-import { NavigationMenuVerticalAccordionContext as e } from "./NavigationMenuVerticalAccordion.js";
-import { NavigationMenuVerticalList as t } from "./NavigationMenuVerticalList.js";
-import n from "react";
-import { Content as r } from "@radix-ui/react-collapsible";
+import { NavigationMenuVerticalAccordionContext } from "./NavigationMenuVerticalAccordion.js";
+import { NavigationMenuVerticalList } from "./NavigationMenuVerticalList.js";
+import React from "react";
+import { Content } from "@radix-ui/react-collapsible";
 //#region src/components/navigation-menu-vertical/NavigationMenuVerticalAccordionContent.tsx
-var i = r, a = ({ children: r, ...a }) => {
-	let { triggerRef: o } = n.useContext(e);
-	return /* @__PURE__ */ n.createElement(i, {
-		onKeyDown: (e) => {
-			o?.current && e.key === "Escape" && (e.stopPropagation(), e.preventDefault(), o.current.focus(), o.current.click());
-		},
-		...a
-	}, /* @__PURE__ */ n.createElement(t, null, r));
+var StyledNavigationMenuVerticalAccordionContent = Content;
+var NavigationMenuVerticalAccordionContent = ({ children, ...rest }) => {
+	const { triggerRef } = React.useContext(NavigationMenuVerticalAccordionContext);
+	const handleOnKeydown = (e) => {
+		if (!triggerRef?.current) return;
+		if (e.key === "Escape") {
+			e.stopPropagation();
+			e.preventDefault();
+			triggerRef.current.focus();
+			triggerRef.current.click();
+		}
+	};
+	return /* @__PURE__ */ React.createElement(StyledNavigationMenuVerticalAccordionContent, {
+		onKeyDown: handleOnKeydown,
+		...rest
+	}, /* @__PURE__ */ React.createElement(NavigationMenuVerticalList, null, children));
 };
 //#endregion
-export { a as NavigationMenuVerticalAccordionContent };
+export { NavigationMenuVerticalAccordionContent };
 
 //# sourceMappingURL=NavigationMenuVerticalAccordionContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalAccordionContent.js","names":[],"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"],"mappings":";;;;;AAMA,IAAM,IAA+C,GAOxC,KAA0C,EACrD,aACA,GAAG,QAC4D;CAC/D,IAAM,EAAE,kBAAe,EAAM,WAC3B,EACD;AAYD,QACE,kBAAA,cAAC,GAAD;EACE,YAZqB,MAAM;AACxB,MAAY,WACb,EAAE,QAAQ,aACZ,EAAE,iBAAiB,EACnB,EAAE,gBAAgB,EAClB,EAAW,QAAQ,OAAO,EAC1B,EAAW,QAAQ,OAAO;;EAO1B,GAAI;EAGyC,EAD7C,kBAAA,cAAC,GAAA,MAA4B,EAAsC,CACtB"}
+{"version":3,"file":"NavigationMenuVerticalAccordionContent.js","names":[],"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"],"mappings":";;;;;AAMA,IAAM,+CAA+C;AAOrD,IAAa,0CAA0C,EACrD,UACA,GAAG,WAC4D;CAC/D,MAAM,EAAE,eAAe,MAAM,WAC3B,uCACD;CAED,MAAM,mBAAmB,MAAM;AAC7B,MAAI,CAAC,YAAY,QAAS;AAC1B,MAAI,EAAE,QAAQ,UAAU;AACtB,KAAE,iBAAiB;AACnB,KAAE,gBAAgB;AAClB,cAAW,QAAQ,OAAO;AAC1B,cAAW,QAAQ,OAAO;;;AAI9B,QACE,sBAAA,cAAC,8CAAD;EACE,WAAW;EACX,GAAI;EAGyC,EAD7C,sBAAA,cAAC,4BAAA,MAA4B,SAAsC,CACtB"}

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

@@ -1,39 +1,41 @@
-import { styled as e } from "../../styled.js";
-import { Icon as t } from "../icon/Icon.js";
-import { NavigationMenuVerticalAccordionContext as n } from "./NavigationMenuVerticalAccordion.js";
-import { navigationMenuVerticalItemStyles as r } from "./NavigationMenuVertical.styles.js";
-import { NavigationMenuVerticalItemContent as i } from "./NavigationMenuVerticalItemContent.js";
-import a from "react";
-import { ChevronDown as o } from "@atom-learning/icons";
-import { Trigger as s } from "@radix-ui/react-collapsible";
-import { Link as c } from "@radix-ui/react-navigation-menu";
+import { styled } from "../../styled.js";
+import { Icon } from "../icon/Icon.js";
+import { NavigationMenuVerticalAccordionContext } from "./NavigationMenuVerticalAccordion.js";
+import { navigationMenuVerticalItemStyles } from "./NavigationMenuVertical.styles.js";
+import { NavigationMenuVerticalItemContent } from "./NavigationMenuVerticalItemContent.js";
+import React from "react";
+import { ChevronDown } from "@atom-learning/icons";
+import { Trigger } from "@radix-ui/react-collapsible";
+import { Link } from "@radix-ui/react-navigation-menu";
 //#region src/components/navigation-menu-vertical/NavigationMenuVerticalAccordionTrigger.tsx
-var l = e(s, {
-	base: r,
+var StyledNavigationMenuVerticalAccordionTrigger = styled(Trigger, {
+	base: navigationMenuVerticalItemStyles,
 	variants: { size: {
 		md: ["min-h-10"],
 		lg: ["min-h-12"]
 	} }
-}), u = e(t, { base: [
+});
+var StyledIcon = styled(Icon, { base: [
 	"transition-transform",
 	"duration-300",
 	"[[data-state=open]>&]:rotate-180"
-] }), d = ({ children: e, ...t }) => {
-	let { setTriggerRef: r } = a.useContext(n);
-	return /* @__PURE__ */ a.createElement(c, { asChild: !0 }, /* @__PURE__ */ a.createElement(l, {
+] });
+var NavigationMenuVerticalAccordionTrigger = ({ children, ...rest }) => {
+	const { setTriggerRef } = React.useContext(NavigationMenuVerticalAccordionContext);
+	return /* @__PURE__ */ React.createElement(Link, { asChild: true }, /* @__PURE__ */ React.createElement(StyledNavigationMenuVerticalAccordionTrigger, {
 		size: "lg",
-		...t,
-		asChild: !0
-	}, /* @__PURE__ */ a.createElement("button", {
+		...rest,
+		asChild: true
+	}, /* @__PURE__ */ React.createElement("button", {
 		type: "button",
 		className: "flex items-center justify-between gap-3",
-		ref: r
-	}, /* @__PURE__ */ a.createElement(i, null, e), /* @__PURE__ */ a.createElement(u, {
+		ref: setTriggerRef
+	}, /* @__PURE__ */ React.createElement(NavigationMenuVerticalItemContent, null, children), /* @__PURE__ */ React.createElement(StyledIcon, {
 		size: "sm",
-		is: o
+		is: ChevronDown
 	}))));
 };
 //#endregion
-export { d as NavigationMenuVerticalAccordionTrigger };
+export { NavigationMenuVerticalAccordionTrigger };
 
 //# sourceMappingURL=NavigationMenuVerticalAccordionTrigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalAccordionTrigger.js","names":[],"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 { Icon } from '~/components/icon/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        <button\n          type=\"button\"\n          className=\"flex items-center justify-between gap-3\"\n          ref={setTriggerRef}\n        >\n          <NavigationMenuVerticalItemContent>\n            {children}\n          </NavigationMenuVerticalItemContent>\n          <StyledIcon size=\"sm\" is={ChevronDown} />\n        </button>\n      </StyledNavigationMenuVerticalAccordionTrigger>\n    </Link>\n  )\n}\n"],"mappings":";;;;;;;;;;AAYA,IAAM,IAA+C,EAAO,GAAS;CACnE,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,WAAW;EAChB,IAAI,CAAC,WAAW;EACjB,EACF;CACF,CAAC,EAEI,IAAa,EAAO,GAAM,EAC9B,MAAM;CACJ;CACA;CACA;CACD,EACF,CAAC,EAMW,KAA0C,EACrD,aACA,GAAG,QACuC;CAC1C,IAAM,EAAE,qBAAkB,EAAM,WAC9B,EACD;AAED,QACE,kBAAA,cAAC,GAAD,EAAM,SAAA,IAaC,EAZL,kBAAA,cAAC,GAAD;EAA8C,MAAK;EAAK,GAAI;EAAM,SAAA;EAWnB,EAV7C,kBAAA,cAAC,UAAD;EACE,MAAK;EACL,WAAU;EACV,KAAK;EAME,EAJP,kBAAA,cAAC,GAAA,MACE,EACiC,EACpC,kBAAA,cAAC,GAAD;EAAY,MAAK;EAAK,IAAI;EAAe,CAAA,CAClC,CACoC,CAC1C"}
+{"version":3,"file":"NavigationMenuVerticalAccordionTrigger.js","names":[],"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 { Icon } from '~/components/icon/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        <button\n          type=\"button\"\n          className=\"flex items-center justify-between gap-3\"\n          ref={setTriggerRef}\n        >\n          <NavigationMenuVerticalItemContent>\n            {children}\n          </NavigationMenuVerticalItemContent>\n          <StyledIcon size=\"sm\" is={ChevronDown} />\n        </button>\n      </StyledNavigationMenuVerticalAccordionTrigger>\n    </Link>\n  )\n}\n"],"mappings":";;;;;;;;;;AAYA,IAAM,+CAA+C,OAAO,SAAS;CACnE,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,WAAW;EAChB,IAAI,CAAC,WAAW;EACjB,EACF;CACF,CAAC;AAEF,IAAM,aAAa,OAAO,MAAM,EAC9B,MAAM;CACJ;CACA;CACA;CACD,EACF,CAAC;AAMF,IAAa,0CAA0C,EACrD,UACA,GAAG,WACuC;CAC1C,MAAM,EAAE,kBAAkB,MAAM,WAC9B,uCACD;AAED,QACE,sBAAA,cAAC,MAAD,EAAM,SAAA,MAaC,EAZL,sBAAA,cAAC,8CAAD;EAA8C,MAAK;EAAK,GAAI;EAAM,SAAA;EAWnB,EAV7C,sBAAA,cAAC,UAAD;EACE,MAAK;EACL,WAAU;EACV,KAAK;EAME,EAJP,sBAAA,cAAC,mCAAA,MACE,SACiC,EACpC,sBAAA,cAAC,YAAD;EAAY,MAAK;EAAK,IAAI;EAAe,CAAA,CAClC,CACoC,CAC1C"}

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

@@ -1,12 +1,13 @@
-import { styled as e } from "../../styled.js";
-import { Icon as t } from "../icon/Icon.js";
-import * as n from "react";
+import { styled } from "../../styled.js";
+import { Icon } from "../icon/Icon.js";
+import * as React$1 from "react";
 //#region src/components/navigation-menu-vertical/NavigationMenuVerticalIcon.tsx
-var r = e(t, { base: ["self-start"] }), i = (e) => /* @__PURE__ */ n.createElement(r, {
+var StyledNavigationMenuVerticalIcon = styled(Icon, { base: ["self-start"] });
+var NavigationMenuVerticalIcon = (props) => /* @__PURE__ */ React$1.createElement(StyledNavigationMenuVerticalIcon, {
 	size: "md",
-	...e
+	...props
 });
 //#endregion
-export { i as NavigationMenuVerticalIcon };
+export { NavigationMenuVerticalIcon };
 
 //# sourceMappingURL=NavigationMenuVerticalIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalIcon.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/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"],"mappings":";;;;AAKA,IAAM,IAAmC,EAAO,GAAM,EACpD,MAAM,CAAC,aAAa,EACrB,CAAC,EAEW,KACX,MACgB,kBAAA,cAAC,GAAD;CAAkC,MAAK;CAAK,GAAI;CAAS,CAAA"}
+{"version":3,"file":"NavigationMenuVerticalIcon.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/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"],"mappings":";;;;AAKA,IAAM,mCAAmC,OAAO,MAAM,EACpD,MAAM,CAAC,aAAa,EACrB,CAAC;AAEF,IAAa,8BACX,UACgB,wBAAA,cAAC,kCAAD;CAAkC,MAAK;CAAK,GAAI;CAAS,CAAA"}

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

@@ -1,12 +1,12 @@
-import e from "clsx";
-import t from "react";
-import { Item as n } from "@radix-ui/react-navigation-menu";
+import clsx from "clsx";
+import React from "react";
+import { Item } from "@radix-ui/react-navigation-menu";
 //#region src/components/navigation-menu-vertical/NavigationMenuVerticalItem.tsx
-var r = (r) => /* @__PURE__ */ t.createElement(n, {
-	className: e("[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)]"),
-	...r
+var NavigationMenuVerticalItem = (props) => /* @__PURE__ */ React.createElement(Item, {
+	className: clsx("[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)]"),
+	...props
 });
 //#endregion
-export { r as NavigationMenuVerticalItem };
+export { NavigationMenuVerticalItem };
 
 //# sourceMappingURL=NavigationMenuVerticalItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalItem.js","names":[],"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"],"mappings":";;;;AAeA,IAAa,KACX,MAEA,kBAAA,cAAC,GAAD;CACE,WAAW,EACT,+DACA,kEACA,mEACD;CACD,GAAI;CACJ,CAAA"}
+{"version":3,"file":"NavigationMenuVerticalItem.js","names":[],"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"],"mappings":";;;;AAeA,IAAa,8BACX,UAEA,sBAAA,cAAC,MAAD;CACE,WAAW,KACT,+DACA,kEACA,mEACD;CACD,GAAI;CACJ,CAAA"}

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

@@ -1,14 +1,18 @@
-import { Icon as e } from "../icon/Icon.js";
-import { NavigationMenuVerticalIcon as t } from "./NavigationMenuVerticalIcon.js";
-import { NavigationMenuVerticalText as n } from "./NavigationMenuVerticalText.js";
-import r from "clsx";
-import * as i from "react";
+import { Icon } from "../icon/Icon.js";
+import { NavigationMenuVerticalIcon } from "./NavigationMenuVerticalIcon.js";
+import { NavigationMenuVerticalText } from "./NavigationMenuVerticalText.js";
+import clsx from "clsx";
+import * as React$1 from "react";
 //#region src/components/navigation-menu-vertical/NavigationMenuVerticalItemContent.tsx
-var a = ({ children: a, className: o, ...s }) => /* @__PURE__ */ i.createElement("div", {
-	className: r("flex", "gap-2", "items-center", o),
-	...s
-}, i.Children.map(a, (r) => typeof r == "string" || typeof r == "number" ? /* @__PURE__ */ i.createElement(n, null, r) : i.isValidElement(r) && r.type === e ? /* @__PURE__ */ i.createElement(t, r.props) : r));
+var NavigationMenuVerticalItemContent = ({ children, className, ...rest }) => /* @__PURE__ */ React$1.createElement("div", {
+	className: clsx("flex", "gap-2", "items-center", className),
+	...rest
+}, React$1.Children.map(children, (child) => {
+	if (typeof child === "string" || typeof child === "number") return /* @__PURE__ */ React$1.createElement(NavigationMenuVerticalText, null, child);
+	if (React$1.isValidElement(child) && child.type === Icon) return /* @__PURE__ */ React$1.createElement(NavigationMenuVerticalIcon, child.props);
+	return child;
+}));
 //#endregion
-export { a as NavigationMenuVerticalItemContent };
+export { NavigationMenuVerticalItemContent };
 
 //# sourceMappingURL=NavigationMenuVerticalItemContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalItemContent.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalItemContent.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\n\nimport { NavigationMenuVerticalIcon } from './NavigationMenuVerticalIcon'\nimport { NavigationMenuVerticalText } from './NavigationMenuVerticalText'\n\ntype TNavigationMenuVerticalItemContentProps = React.ComponentProps<'div'>\n\nexport const NavigationMenuVerticalItemContent = ({\n  children,\n  className,\n  ...rest\n}: TNavigationMenuVerticalItemContentProps): JSX.Element => (\n  <div className={clsx('flex', 'gap-2', 'items-center', className)} {...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  </div>\n)\n"],"mappings":";;;;;;AAUA,IAAa,KAAqC,EAChD,aACA,cACA,GAAG,QAEH,kBAAA,cAAC,OAAD;CAAK,WAAW,EAAK,QAAQ,SAAS,gBAAgB,EAAU;CAAE,GAAI;CAchE,EAZF,EAAM,SAAS,IAAI,IAAW,MACxB,OAAO,KAAU,YAAY,OAAO,KAAU,WAE9C,kBAAA,cAAC,GAAA,MAA4B,EAAmC,GAGhE,EAAM,eAAe,EAAM,IAAI,EAAM,SAAS,IACzC,kBAAA,cAAC,GAA+B,EAAM,MAAS,GAEjD,EACP,CAEA"}
+{"version":3,"file":"NavigationMenuVerticalItemContent.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalItemContent.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\n\nimport { NavigationMenuVerticalIcon } from './NavigationMenuVerticalIcon'\nimport { NavigationMenuVerticalText } from './NavigationMenuVerticalText'\n\ntype TNavigationMenuVerticalItemContentProps = React.ComponentProps<'div'>\n\nexport const NavigationMenuVerticalItemContent = ({\n  children,\n  className,\n  ...rest\n}: TNavigationMenuVerticalItemContentProps): JSX.Element => (\n  <div className={clsx('flex', 'gap-2', 'items-center', className)} {...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  </div>\n)\n"],"mappings":";;;;;;AAUA,IAAa,qCAAqC,EAChD,UACA,WACA,GAAG,WAEH,wBAAA,cAAC,OAAD;CAAK,WAAW,KAAK,QAAQ,SAAS,gBAAgB,UAAU;CAAE,GAAI;CAchE,EAZF,QAAM,SAAS,IAAI,WAAW,UAAU;AACtC,KAAI,OAAO,UAAU,YAAY,OAAO,UAAU,SAChD,QACE,wBAAA,cAAC,4BAAA,MAA4B,MAAmC;AAGpE,KAAI,QAAM,eAAe,MAAM,IAAI,MAAM,SAAS,KAChD,QAAO,wBAAA,cAAC,4BAA+B,MAAM,MAAS;AAExD,QAAO;EACP,CAEA"}

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

@@ -1,30 +1,32 @@
-import { styled as e } from "../../styled.js";
-import { getExternalAnchorProps as t } from "../../utilities/uri/index.js";
-import { preventEvent as n } from "../../utilities/event/preventEvent.js";
-import { NavigationMenuVerticalItem as r } from "./NavigationMenuVerticalItem.js";
-import { navigationMenuVerticalItemStyles as i } from "./NavigationMenuVertical.styles.js";
-import { NavigationMenuVerticalItemContent as a } from "./NavigationMenuVerticalItemContent.js";
-import o from "react";
-import { Link as s } from "@radix-ui/react-navigation-menu";
+import { styled } from "../../styled.js";
+import { getExternalAnchorProps } from "../../utilities/uri/index.js";
+import { preventEvent } from "../../utilities/event/preventEvent.js";
+import { NavigationMenuVerticalItem } from "./NavigationMenuVerticalItem.js";
+import { navigationMenuVerticalItemStyles } from "./NavigationMenuVertical.styles.js";
+import { NavigationMenuVerticalItemContent } from "./NavigationMenuVerticalItemContent.js";
+import React from "react";
+import { Link } from "@radix-ui/react-navigation-menu";
 //#region src/components/navigation-menu-vertical/NavigationMenuVerticalLink.tsx
-var c = e(s, {
-	base: i,
+var StyledNavigationMenuVerticalLink = styled(Link, {
+	base: navigationMenuVerticalItemStyles,
 	variants: { size: {
 		md: ["min-h-10"],
 		lg: ["min-h-12"]
 	} }
-}), l = ({ as: e, href: i, children: s, ...l }) => {
-	let u = e || (i ? "a" : "button"), d = e ? {} : i ? t(i) : { type: "button" };
-	return /* @__PURE__ */ o.createElement(r, null, /* @__PURE__ */ o.createElement(c, {
+});
+var NavigationMenuVerticalLink = ({ as, href, children, ...rest }) => {
+	const Component = as || (href ? "a" : "button");
+	const componentProps = as ? {} : href ? getExternalAnchorProps(href) : { type: "button" };
+	return /* @__PURE__ */ React.createElement(NavigationMenuVerticalItem, null, /* @__PURE__ */ React.createElement(StyledNavigationMenuVerticalLink, {
 		size: "lg",
-		href: i,
-		...l,
-		...d,
-		onSelect: n,
-		asChild: !0
-	}, /* @__PURE__ */ o.createElement(u, null, /* @__PURE__ */ o.createElement(a, null, s))));
+		href,
+		...rest,
+		...componentProps,
+		onSelect: preventEvent,
+		asChild: true
+	}, /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(NavigationMenuVerticalItemContent, null, children))));
 };
 //#endregion
-export { l as NavigationMenuVerticalLink };
+export { NavigationMenuVerticalLink };
 
 //# sourceMappingURL=NavigationMenuVerticalLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalLink.js","names":[],"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/preventEvent'\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\nexport const NavigationMenuVerticalLink = ({\n  as,\n  href,\n  children,\n  ...rest\n}: NavigationMenuVerticalItemProps) => {\n  const Component = (as || (href ? 'a' : 'button')) as React.ElementType\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"],"mappings":";;;;;;;;;AAWA,IAAM,IAAmC,EAAO,GAAM;CACpD,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,WAAW;EAChB,IAAI,CAAC,WAAW;EACjB,EACF;CACF,CAAC,EAMW,KAA8B,EACzC,OACA,SACA,aACA,GAAG,QACkC;CACrC,IAAM,IAAa,MAAO,IAAO,MAAM,WACjC,IAAiB,IACnB,EAAE,GACF,IACE,EAAuB,EAAK,GAC5B,EAAE,MAAM,UAAU;AAExB,QACE,kBAAA,cAAC,GAAA,MACC,kBAAA,cAAC,GAAD;EACE,MAAK;EACC;EACN,GAAI;EACJ,GAAI;EACJ,UAAU;EACV,SAAA;EAOiC,EALjC,kBAAA,cAAC,GAAA,MACC,kBAAA,cAAC,GAAA,MACE,EACiC,CAC1B,CACqB,CACR"}
+{"version":3,"file":"NavigationMenuVerticalLink.js","names":[],"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/preventEvent'\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\nexport const NavigationMenuVerticalLink = ({\n  as,\n  href,\n  children,\n  ...rest\n}: NavigationMenuVerticalItemProps) => {\n  const Component = (as || (href ? 'a' : 'button')) as React.ElementType\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"],"mappings":";;;;;;;;;AAWA,IAAM,mCAAmC,OAAO,MAAM;CACpD,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,WAAW;EAChB,IAAI,CAAC,WAAW;EACjB,EACF;CACF,CAAC;AAMF,IAAa,8BAA8B,EACzC,IACA,MACA,UACA,GAAG,WACkC;CACrC,MAAM,YAAa,OAAO,OAAO,MAAM;CACvC,MAAM,iBAAiB,KACnB,EAAE,GACF,OACE,uBAAuB,KAAK,GAC5B,EAAE,MAAM,UAAU;AAExB,QACE,sBAAA,cAAC,4BAAA,MACC,sBAAA,cAAC,kCAAD;EACE,MAAK;EACC;EACN,GAAI;EACJ,GAAI;EACJ,UAAU;EACV,SAAA;EAOiC,EALjC,sBAAA,cAAC,WAAA,MACC,sBAAA,cAAC,mCAAA,MACE,SACiC,CAC1B,CACqB,CACR"}

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

@@ -1,7 +1,7 @@
-import { styled as e } from "../../styled.js";
-import { List as t } from "@radix-ui/react-navigation-menu";
-var n = e(t, { base: ["[--navigation-menu-vertical-item-pl:--spacing(4)]", "*:not-first:mt-0.5"] });
+import { styled } from "../../styled.js";
+import { List } from "@radix-ui/react-navigation-menu";
+var NavigationMenuVerticalList = styled(List, { base: ["[--navigation-menu-vertical-item-pl:--spacing(4)]", "*:not-first:mt-0.5"] });
 //#endregion
-export { n as NavigationMenuVerticalList };
+export { NavigationMenuVerticalList };
 
 //# sourceMappingURL=NavigationMenuVerticalList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalList.js","names":[],"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    '[--navigation-menu-vertical-item-pl:--spacing(4)]',\n    '*:not-first:mt-0.5'\n  ]\n})\n\nexport const NavigationMenuVerticalList = StyledList\n"],"mappings":";;AAWA,IAAa,IAPM,EAAO,GAAM,EAC9B,MAAM,CACJ,qDACA,qBACD,EACF,CAAC"}
+{"version":3,"file":"NavigationMenuVerticalList.js","names":[],"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    '[--navigation-menu-vertical-item-pl:--spacing(4)]',\n    '*:not-first:mt-0.5'\n  ]\n})\n\nexport const NavigationMenuVerticalList = StyledList\n"],"mappings":";;AAWA,IAAa,6BAPM,OAAO,MAAM,EAC9B,MAAM,CACJ,qDACA,qBACD,EACF,CAAC"}