@atom-learning/components 2.70.0 → 3.0.1

package/dist/components/{sidedrawer/SidedrawerAccordion/SidedrawerAccordionRoot.d.ts → navigation-menu-vertical/NavigationMenuVerticalItem.d.ts}

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare const SidedrawerAccordionRoot: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<(import("@radix-ui/react-accordion").AccordionSingleProps | import("@radix-ui/react-accordion").AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>, {}, {
+import React from 'react';
+declare const StyledNavigationMenuVerticalItem: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>, {}, {
     sm: string;
     md: string;
     lg: string;
@@ -318,3 +318,6 @@ export declare const SidedrawerAccordionRoot: import("@stitches/react/types/styl
         marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
 }>>;
+declare type TNavigationMenuVerticalItemProps = Omit<React.ComponentProps<typeof StyledNavigationMenuVerticalItem>, 'value'>;
+export declare const NavigationMenuVerticalItem: (props: TNavigationMenuVerticalItemProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import{Item as e}from"@radix-ui/react-navigation-menu";import o from"react";import{styled as m}from"../../stitches.js";const r=m(e,{}),a=t=>o.createElement(r,{...t});export{a as NavigationMenuVerticalItem};
+//# sourceMappingURL=NavigationMenuVerticalItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuVerticalItem.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalItem.tsx"],"sourcesContent":["import { Item } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\n\nconst StyledNavigationMenuVerticalItem = styled(Item, {})\n\n/*\n * (!)\n * NavigationMenu vertical behaviour was buggy so had to build the\n * opening/closing nested Content(Accordion) based on `Collapsible` instead.\n * This means that the `value` prop does nothing, so removing it from typescript\n */\ntype TNavigationMenuVerticalItemProps = Omit<\n  React.ComponentProps<typeof StyledNavigationMenuVerticalItem>,\n  'value'\n>\n\nexport const NavigationMenuVerticalItem = (\n  props: TNavigationMenuVerticalItemProps\n): JSX.Element => <StyledNavigationMenuVerticalItem {...props} />\n"],"names":["StyledNavigationMenuVerticalItem","styled","Item","NavigationMenuVerticalItem","props","React"],"mappings":"uHAKA,MAAMA,EAAmCC,EAAOC,EAAM,CAAA,CAAE,EAa3CC,EACXC,GACgBC,EAAA,cAACL,EAAA,CAAkC,GAAGI,CAAO,CAAA"}

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { Flex } from '../../components/flex';
+declare type TNavigationMenuVerticalItemContentProps = React.ComponentProps<typeof Flex>;
+export declare const NavigationMenuVerticalItemContent: ({ children, ...rest }: TNavigationMenuVerticalItemContentProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import*as r from"react";import{Flex as o}from"../flex/Flex.js";import{Icon as i}from"../icon/Icon.js";import{NavigationMenuVerticalIcon as a}from"./NavigationMenuVerticalIcon.js";import{NavigationMenuVerticalText as m}from"./NavigationMenuVerticalText.js";const l=({children:t,...n})=>r.createElement(o,{gap:2,align:"center",...n},r.Children.map(t,e=>typeof e=="string"||typeof e=="number"?r.createElement(m,null,e):r.isValidElement(e)&&e.type===i?r.createElement(a,{...e.props}):e));export{l as NavigationMenuVerticalItemContent};
+//# sourceMappingURL=NavigationMenuVerticalItemContent.js.map

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

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

package/dist/components/{sidedrawer/SidedrawerAccordion/SidedrawerAccordionContent.d.ts → navigation-menu-vertical/NavigationMenuVerticalLink.d.ts}

@@ -1,5 +1,7 @@
 import React from 'react';
-declare const StyledContent: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-accordion").AccordionContentProps & React.RefAttributes<HTMLDivElement>>, {}, {
+declare const StyledNavigationMenuVerticalLink: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>, {
+    size?: "md" | "lg" | undefined;
+}, {
     sm: string;
     md: string;
     lg: string;
@@ -318,5 +320,8 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
         marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
 }>>;
-export declare const SidedrawerAccordionContent: React.FC<React.ComponentProps<typeof StyledContent>>;
+declare type NavigationMenuVerticalItemProps = React.ComponentProps<typeof StyledNavigationMenuVerticalLink> & {
+    as?: React.ComponentType | React.ElementType;
+};
+export declare const NavigationMenuVerticalLink: React.FC<NavigationMenuVerticalItemProps>;
 export {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuVerticalLink.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalLink.tsx"],"sourcesContent":["import { Link } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/stitches'\nimport { preventEvent } from '~/utilities/event'\nimport { isExternalLink } from '~/utilities/uri'\n\nimport { navigationMenuVerticalItemStyles } from './NavigationMenuVertical.styles'\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\n\nconst StyledNavigationMenuVerticalLink = styled(\n  Link,\n  navigationMenuVerticalItemStyles\n)\n\ntype NavigationMenuVerticalItemProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalLink\n> & {\n  as?: React.ComponentType | React.ElementType\n}\n\nexport const NavigationMenuVerticalLink: React.FC<\n  NavigationMenuVerticalItemProps\n> = ({ as, href, children, ...rest }) => {\n  const linkProps = isExternalLink(href)\n    ? { target: '_blank', rel: 'noopener noreferrer' }\n    : {}\n\n  const buttonProps = {\n    type: 'button'\n  }\n\n  const Component = as || (href ? 'a' : 'button')\n  const componentProps = as ? {} : href ? linkProps : buttonProps\n\n  return (\n    <NavigationMenuVerticalItem>\n      <StyledNavigationMenuVerticalLink\n        size=\"lg\"\n        href={href}\n        {...rest}\n        {...componentProps}\n        onSelect={preventEvent}\n        asChild // ?: Can't use `as` for this as we lose `data-active` etc. attributes when we try to. Using `asChild` and `Component` as a workaround.\n      >\n        <Component>\n          <NavigationMenuVerticalItemContent>\n            {children}\n          </NavigationMenuVerticalItemContent>\n        </Component>\n      </StyledNavigationMenuVerticalLink>\n    </NavigationMenuVerticalItem>\n  )\n}\n"],"names":["StyledNavigationMenuVerticalLink","styled","Link","navigationMenuVerticalItemStyles","NavigationMenuVerticalLink","as","href","children","rest","linkProps","isExternalLink","buttonProps","Component","React","NavigationMenuVerticalItem","preventEvent","NavigationMenuVerticalItemContent"],"mappings":"wfAWA,MAAMA,EAAmCC,EACvCC,EACAC,CACF,EAQaC,EAET,CAAC,CAAE,GAAAC,EAAI,KAAAC,EAAM,SAAAC,KAAaC,CAAK,IAAM,CACvC,MAAMC,EAAYC,EAAeJ,CAAI,EACjC,CAAE,OAAQ,SAAU,IAAK,qBAAsB,EAC/C,CAAC,EAECK,EAAc,CAClB,KAAM,QACR,EAEMC,EAAYP,IAAOC,EAAO,IAAM,UAGtC,OACEO,EAAA,cAACC,EAAA,KACCD,EAAA,cAACb,EAAA,CACC,KAAK,KACL,KAAMM,EACL,GAAGE,EACH,GARgBH,EAAK,CAAA,EAAKC,EAAOG,EAAYE,EAS9C,SAAUI,EACV,QAAO,IAEPF,EAAA,cAACD,EAAA,KACCC,EAAA,cAACG,EAAA,KACET,CACH,CACF,CACF,CACF,CAEJ"}

package/dist/components/{sidedrawer/SidedrawerAccordion/SidedrawerAccordionItem.d.ts → navigation-menu-vertical/NavigationMenuVerticalList.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const SidedrawerAccordionItem: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-accordion").AccordionItemProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
+export declare const NavigationMenuVerticalList: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>>, {}, {
     sm: string;
     md: string;
     lg: string;

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

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

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

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