@atom-learning/components 2.69.1 → 3.0.0

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/SidedrawerContent.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-dialog").DialogContentProps & 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,6 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
         marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
 }>>;
-export declare const SidedrawerContent: React.FC<React.ComponentProps<typeof StyledContent>>;
+declare type NavigationMenuVerticalItemProps = React.ComponentProps<typeof StyledNavigationMenuVerticalLink>;
+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 e from"react";import{styled as i}from"../../stitches.js";import{navigationMenuVerticalItemStyles as l}from"./NavigationMenuVertical.styles.js";import{NavigationMenuVerticalItem as a}from"./NavigationMenuVerticalItem.js";import{NavigationMenuVerticalItemContent as r}from"./NavigationMenuVerticalItemContent.js";import{preventEvent as c}from"../../utilities/event/preventEvent.js";const u=i(m,l),f=({href:t,children:n,...o})=>e.createElement(a,null,e.createElement(u,{size:"md",...o,onSelect:c,asChild:!0},t?e.createElement("a",{href:t},e.createElement(r,null,n)):e.createElement("button",{type:"button"},e.createElement(r,null,n))));export{f 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'\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\nexport const NavigationMenuVerticalLink: React.FC<\n  NavigationMenuVerticalItemProps\n> = ({ href, children, ...rest }) => {\n  return (\n    <NavigationMenuVerticalItem>\n      <StyledNavigationMenuVerticalLink\n        size=\"md\"\n        {...rest}\n        onSelect={preventEvent}\n        asChild\n      >\n        {href ? (\n          <a href={href}>\n            <NavigationMenuVerticalItemContent>\n              {children}\n            </NavigationMenuVerticalItemContent>\n          </a>\n        ) : (\n          <button type=\"button\">\n            <NavigationMenuVerticalItemContent>\n              {children}\n            </NavigationMenuVerticalItemContent>\n          </button>\n        )}\n      </StyledNavigationMenuVerticalLink>\n    </NavigationMenuVerticalItem>\n  )\n}\n"],"names":["StyledNavigationMenuVerticalLink","styled","Link","navigationMenuVerticalItemStyles","NavigationMenuVerticalLink","href","children","rest","React","NavigationMenuVerticalItem","preventEvent","NavigationMenuVerticalItemContent"],"mappings":"0bAUA,MAAMA,EAAmCC,EACvCC,EACAC,CACF,EAMaC,EAET,CAAC,CAAE,KAAAC,EAAM,SAAAC,KAAaC,CAAK,IAE3BC,EAAA,cAACC,EAAA,KACCD,EAAA,cAACR,EAAA,CACC,KAAK,KACJ,GAAGO,EACJ,SAAUG,EACV,QAAO,IAENL,EACCG,EAAA,cAAC,IAAE,CAAA,KAAMH,CACPG,EAAAA,EAAA,cAACG,EAAA,KACEL,CACH,CACF,EAEAE,EAAA,cAAC,SAAA,CAAO,KAAK,QAAA,EACXA,EAAA,cAACG,EAAA,KACEL,CACH,CACF,CAEJ,CACF"}

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"}