@atom-learning/components 2.69.1 → 3.0.0

package/dist/components/drawer/Drawer.js

@@ -0,0 +1,2 @@
+import{Root as i}from"@radix-ui/react-dialog";import o from"react";import{DrawerProvider as a}from"./Drawer.context.js";import{DrawerClose as n}from"./DrawerClose.js";import{DrawerContent as p}from"./DrawerContent.js";import{DrawerFooter as f}from"./DrawerFooter.js";import{DrawerHeader as w}from"./DrawerHeader.js";import{DrawerMain as D}from"./DrawerMain.js";import{DrawerTrigger as l}from"./DrawerTrigger.js";const r=({children:e,position:t,...m})=>o.createElement(a,{position:t},o.createElement(i,{...m},e));r.Close=n,r.Content=p,r.Main=D,r.Header=w,r.Footer=f,r.Trigger=l;export{r as Drawer};
+//# sourceMappingURL=Drawer.js.map

package/dist/components/drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sources":["../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-dialog'\nimport React from 'react'\n\nimport { DrawerProvider } from './Drawer.context'\nimport { DrawerClose } from './DrawerClose'\nimport { DrawerContent } from './DrawerContent'\nimport { DrawerFooter } from './DrawerFooter'\nimport { DrawerHeader } from './DrawerHeader'\nimport { DrawerMain } from './DrawerMain'\nimport { DrawerTrigger } from './DrawerTrigger'\n\ntype TDrawerProps = React.ComponentProps<typeof Root> &\n  React.ComponentProps<typeof DrawerProvider>\n\nexport const Drawer = ({\n  children,\n  position,\n  ...rest\n}: TDrawerProps): JSX.Element => {\n  return (\n    <DrawerProvider position={position}>\n      <Root {...rest}>{children}</Root>\n    </DrawerProvider>\n  )\n}\n\nDrawer.Close = DrawerClose\nDrawer.Content = DrawerContent\nDrawer.Main = DrawerMain\nDrawer.Header = DrawerHeader\nDrawer.Footer = DrawerFooter\nDrawer.Trigger = DrawerTrigger\n"],"names":["Drawer","children","position","rest","React","DrawerProvider","Root","DrawerClose","DrawerContent","DrawerMain","DrawerHeader","DrawerFooter","DrawerTrigger"],"mappings":"kaAcaA,EAAS,CAAC,CACrB,SAAAC,EACA,SAAAC,KACGC,CACL,IAEIC,EAAA,cAACC,EAAA,CAAe,SAAUH,GACxBE,EAAA,cAACE,EAAA,CAAM,GAAGH,CAAOF,EAAAA,CAAS,CAC5B,EAIJD,EAAO,MAAQO,EACfP,EAAO,QAAUQ,EACjBR,EAAO,KAAOS,EACdT,EAAO,OAASU,EAChBV,EAAO,OAASW,EAChBX,EAAO,QAAUY"}

package/dist/components/drawer/Drawer.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const drawerSection: {
+    py: string;
+    px: string;
+    width: string;
+};

package/dist/components/drawer/Drawer.styles.js

@@ -0,0 +1,2 @@
+const t={py:"$4",px:"$2",width:"100%"};export{t as drawerSection};
+//# sourceMappingURL=Drawer.styles.js.map

package/dist/components/drawer/Drawer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/drawer/Drawer.styles.ts"],"sourcesContent":["export const drawerSection = {\n  py: '$4',\n  px: '$2',\n  width: '100%'\n}\n"],"names":["drawerSection"],"mappings":"AAAO,MAAMA,EAAgB,CAC3B,GAAI,KACJ,GAAI,KACJ,MAAO,MACT"}

package/dist/components/drawer/DrawerClose.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ActionIcon } from '../action-icon/ActionIcon';
+export declare const DrawerClose: React.FC<React.ComponentProps<typeof ActionIcon>>;

package/dist/components/drawer/DrawerClose.js

@@ -0,0 +1,2 @@
+import{Close as r}from"@atom-learning/icons";import{Close as t}from"@radix-ui/react-dialog";import e from"react";import{ActionIcon as m}from"../action-icon/ActionIcon.js";import{Icon as a}from"../icon/Icon.js";const l=o=>e.createElement(t,{asChild:!0},e.createElement(m,{theme:"neutral",appearance:"simple",size:"md",hasTooltip:!1,...o},e.createElement(a,{is:r})));export{l as DrawerClose};
+//# sourceMappingURL=DrawerClose.js.map

package/dist/components/drawer/DrawerClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerClose.js","sources":["../../../src/components/drawer/DrawerClose.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport { Close as DialogClose } from '@radix-ui/react-dialog'\nimport React from 'react'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\n\nexport const DrawerClose: React.FC<React.ComponentProps<typeof ActionIcon>> = (\n  props\n) => (\n  <DialogClose asChild>\n    <ActionIcon\n      theme=\"neutral\"\n      appearance=\"simple\"\n      size=\"md\"\n      hasTooltip={false}\n      {...props}\n    >\n      <Icon is={Close} />\n    </ActionIcon>\n  </DialogClose>\n)\n"],"names":["DrawerClose","props","React","DialogClose","ActionIcon","Icon","Close"],"mappings":"kNAOa,MAAAA,EACXC,GAEAC,EAAA,cAACC,EAAA,CAAY,QAAO,EAAA,EAClBD,EAAA,cAACE,EAAA,CACC,MAAM,UACN,WAAW,SACX,KAAK,KACL,WAAY,GACX,GAAGH,GAEJC,EAAA,cAACG,EAAA,CAAK,GAAIC,CAAO,CAAA,CACnB,CACF"}

package/dist/components/{sidedrawer/SidedrawerAccordion/SidedrawerAccordionTrigger.d.ts → drawer/DrawerContent.d.ts}

@@ -1,6 +1,7 @@
 import React from 'react';
-declare const StyledTrigger: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-accordion").AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>, {
-    active?: boolean | "true" | undefined;
+export declare const StyledContent: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>>, {
+    position?: "bottom" | "left" | "right" | "top" | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
 }, {
     sm: string;
     md: string;
@@ -320,5 +321,4 @@ declare const StyledTrigger: import("@stitches/react/types/styled-component").St
         marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
 }>>;
-export declare const SidedrawerAccordionTrigger: React.FC<React.ComponentProps<typeof StyledTrigger>>;
-export {};
+export declare const DrawerContent: React.FC<React.ComponentProps<typeof StyledContent>>;

package/dist/components/drawer/DrawerContent.js

@@ -0,0 +1,2 @@
+import{Content as d,Portal as s}from"@radix-ui/react-dialog";import t from"react";import{Flex as p}from"../flex/Flex.js";import{DIALOG_Z_INDEX as c}from"../../constants/zIndices.js";import{ColorScheme as x}from"../../experiments/color-scheme/ColorScheme.js";import{styled as h}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import{slideInOut as e}from"../../utilities/style/keyframe-animations.js";import{DrawerContext as w}from"./Drawer.context.js";import{DrawerOverlay as u}from"./DrawerOverlay.js";const f=e({outPosition:{x:0,y:"-100%"}}),g=e({outPosition:{x:"100%",y:0}}),y=e({outPosition:{x:0,y:"100%"}}),C=e({outPosition:{x:"-100%",y:0}}),i=o=>({'&[data-state="open"]':{animationName:o.in},'&[data-state="closed"]':{animationName:o.out}}),n={left:0,width:"100%",maxHeight:"85%"},r={top:0,height:"100%",width:"var(--drawer-content-width, 100%)",maxWidth:"100%"},a=h(d,{bg:"$base1",boxShadow:"$2",position:"fixed",zIndex:c,"@allowMotion":{animationTimingFunction:"ease-out",animationDuration:"250ms"},variants:{position:{top:{top:0,...n,...i(f)},right:{right:0,...r,...i(g)},bottom:{bottom:0,...n,...i(y)},left:{left:0,...r,...i(C)}},size:{xs:{"--drawer-content-width":"240px"},sm:{"--drawer-content-width":"256px"},md:{"--drawer-content-width":"288px"},lg:{"--drawer-content-width":"304px"},xl:{"--drawer-content-width":"320px"}}}}),b=({children:o,...m})=>{const{position:l}=t.useContext(w);return t.createElement(s,null,t.createElement(u,null),t.createElement(x,{base:"grey1",accent:"blue1",asChild:!0},t.createElement(a,{size:"lg",position:l,...m,asChild:!0},t.createElement(p,{direction:"column"},o))))};export{b as DrawerContent,a as StyledContent};
+//# sourceMappingURL=DrawerContent.js.map

package/dist/components/drawer/DrawerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.js","sources":["../../../src/components/drawer/DrawerContent.tsx"],"sourcesContent":["import { Content, Portal } from '@radix-ui/react-dialog'\nimport React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { DIALOG_Z_INDEX } from '~/constants/zIndices'\nimport { ColorScheme } from '~/experiments/color-scheme'\nimport { styled } from '~/stitches'\nimport { slideInOut } from '~/utilities'\n\nimport { DrawerContext } from './Drawer.context'\nimport { DrawerOverlay } from './DrawerOverlay'\n\nconst animationTop = slideInOut({ outPosition: { x: 0, y: '-100%' } })\nconst animationRight = slideInOut({ outPosition: { x: '100%', y: 0 } })\nconst animationBottom = slideInOut({ outPosition: { x: 0, y: '100%' } })\nconst animationLeft = slideInOut({ outPosition: { x: '-100%', y: 0 } })\nconst setupAnimation = (animation: ReturnType<typeof slideInOut>) => {\n  return {\n    '&[data-state=\"open\"]': {\n      animationName: animation.in\n    },\n    '&[data-state=\"closed\"]': {\n      animationName: animation.out\n    }\n  }\n}\n\nconst positionY = {\n  left: 0,\n  width: '100%',\n  maxHeight: '85%'\n}\n\nconst positionX = {\n  top: 0,\n  height: '100%',\n  width: 'var(--drawer-content-width, 100%)',\n  maxWidth: '100%'\n}\n\nexport const StyledContent = styled(Content, {\n  bg: '$base1',\n  boxShadow: '$2',\n  position: 'fixed',\n  zIndex: DIALOG_Z_INDEX,\n  '@allowMotion': {\n    animationTimingFunction: 'ease-out',\n    animationDuration: '250ms'\n  },\n  variants: {\n    position: {\n      top: {\n        top: 0,\n        ...positionY,\n        ...setupAnimation(animationTop)\n      },\n      right: {\n        right: 0,\n        ...positionX,\n        ...setupAnimation(animationRight)\n      },\n      bottom: {\n        bottom: 0,\n        ...positionY,\n        ...setupAnimation(animationBottom)\n      },\n      left: {\n        left: 0,\n        ...positionX,\n        ...setupAnimation(animationLeft)\n      }\n    },\n    size: {\n      xs: {\n        '--drawer-content-width': '240px'\n      },\n      sm: {\n        '--drawer-content-width': '256px'\n      },\n      md: {\n        '--drawer-content-width': '288px'\n      },\n      lg: {\n        '--drawer-content-width': '304px'\n      },\n      xl: {\n        '--drawer-content-width': '320px'\n      }\n    }\n  }\n})\n\nexport const DrawerContent: React.FC<\n  React.ComponentProps<typeof StyledContent>\n> = ({ children, ...rest }) => {\n  const { position } = React.useContext(DrawerContext)\n\n  return (\n    <Portal>\n      <DrawerOverlay />\n      <ColorScheme base=\"grey1\" accent=\"blue1\" asChild>\n        <StyledContent size=\"lg\" position={position} {...rest} asChild>\n          <Flex direction=\"column\">{children}</Flex>\n        </StyledContent>\n      </ColorScheme>\n    </Portal>\n  )\n}\n"],"names":["animationTop","slideInOut","animationRight","animationBottom","animationLeft","setupAnimation","animation","positionY","positionX","StyledContent","styled","Content","DIALOG_Z_INDEX","DrawerContent","children","rest","position","React","DrawerContext","Portal","DrawerOverlay","ColorScheme","Flex"],"mappings":"imBAYA,MAAMA,EAAeC,EAAW,CAAE,YAAa,CAAE,EAAG,EAAG,EAAG,OAAQ,CAAE,CAAC,EAC/DC,EAAiBD,EAAW,CAAE,YAAa,CAAE,EAAG,OAAQ,EAAG,CAAE,CAAE,CAAC,EAChEE,EAAkBF,EAAW,CAAE,YAAa,CAAE,EAAG,EAAG,EAAG,MAAO,CAAE,CAAC,EACjEG,EAAgBH,EAAW,CAAE,YAAa,CAAE,EAAG,QAAS,EAAG,CAAE,CAAE,CAAC,EAChEI,EAAkBC,IACf,CACL,uBAAwB,CACtB,cAAeA,EAAU,EAC3B,EACA,yBAA0B,CACxB,cAAeA,EAAU,GAC3B,CACF,GAGIC,EAAY,CAChB,KAAM,EACN,MAAO,OACP,UAAW,KACb,EAEMC,EAAY,CAChB,IAAK,EACL,OAAQ,OACR,MAAO,oCACP,SAAU,MACZ,EAEaC,EAAgBC,EAAOC,EAAS,CAC3C,GAAI,SACJ,UAAW,KACX,SAAU,QACV,OAAQC,EACR,eAAgB,CACd,wBAAyB,WACzB,kBAAmB,OACrB,EACA,SAAU,CACR,SAAU,CACR,IAAK,CACH,IAAK,EACL,GAAGL,EACH,GAAGF,EAAeL,CAAY,CAChC,EACA,MAAO,CACL,MAAO,EACP,GAAGQ,EACH,GAAGH,EAAeH,CAAc,CAClC,EACA,OAAQ,CACN,OAAQ,EACR,GAAGK,EACH,GAAGF,EAAeF,CAAe,CACnC,EACA,KAAM,CACJ,KAAM,EACN,GAAGK,EACH,GAAGH,EAAeD,CAAa,CACjC,CACF,EACA,KAAM,CACJ,GAAI,CACF,yBAA0B,OAC5B,EACA,GAAI,CACF,yBAA0B,OAC5B,EACA,GAAI,CACF,yBAA0B,OAC5B,EACA,GAAI,CACF,yBAA0B,OAC5B,EACA,GAAI,CACF,yBAA0B,OAC5B,CACF,CACF,CACF,CAAC,EAEYS,EAET,CAAC,CAAE,SAAAC,KAAaC,CAAK,IAAM,CAC7B,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAAM,WAAWC,CAAa,EAEnD,OACED,EAAA,cAACE,EAAA,KACCF,EAAA,cAACG,EAAA,IAAc,EACfH,EAAA,cAACI,EAAA,CAAY,KAAK,QAAQ,OAAO,QAAQ,QAAO,EAAA,EAC9CJ,EAAA,cAACR,GAAc,KAAK,KAAK,SAAUO,EAAW,GAAGD,EAAM,QAAO,EAAA,EAC5DE,EAAA,cAACK,EAAA,CAAK,UAAU,QAAUR,EAAAA,CAAS,CACrC,CACF,CACF,CAEJ"}

package/dist/components/{sidedrawer/SidedrawerFooter.d.ts → drawer/DrawerFooter.d.ts}

@@ -1,4 +1,4 @@
-export declare const SidedrawerFooter: import("@stitches/react/types/styled-component").StyledComponent<"footer", {}, {
+export declare const DrawerFooter: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
     sm: string;
     md: string;
     lg: string;

package/dist/components/drawer/DrawerFooter.js

@@ -0,0 +1,2 @@
+import{styled as o}from"../../stitches.js";import{drawerSection as r}from"./Drawer.styles.js";const e=o("div",{...r,borderTop:"1px solid $base3"});export{e as DrawerFooter};
+//# sourceMappingURL=DrawerFooter.js.map

package/dist/components/drawer/DrawerFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerFooter.js","sources":["../../../src/components/drawer/DrawerFooter.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nimport { drawerSection } from './Drawer.styles'\n\nexport const DrawerFooter = styled('div', {\n  ...drawerSection,\n  borderTop: '1px solid $base3'\n})\n"],"names":["DrawerFooter","styled","drawerSection"],"mappings":"8FAIO,MAAMA,EAAeC,EAAO,MAAO,CACxC,GAAGC,EACH,UAAW,kBACb,CAAC"}

package/dist/components/{sidedrawer/SidedrawerHeader.d.ts → drawer/DrawerHeader.d.ts}

@@ -1,5 +1,4 @@
-import React from 'react';
-declare const StyledHeader: import("@stitches/react/types/styled-component").StyledComponent<"header", {}, {
+export declare const DrawerHeader: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
     sm: string;
     md: string;
     lg: string;
@@ -318,5 +317,3 @@ declare const StyledHeader: import("@stitches/react/types/styled-component").Sty
         marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
 }>>;
-export declare const SidedrawerHeader: React.FC<React.ComponentProps<typeof StyledHeader>>;
-export {};

package/dist/components/drawer/DrawerHeader.js

@@ -0,0 +1,2 @@
+import{styled as r}from"../../stitches.js";import{drawerSection as o}from"./Drawer.styles.js";const e=r("div",{...o,borderBottom:"1px solid $base3"});export{e as DrawerHeader};
+//# sourceMappingURL=DrawerHeader.js.map

package/dist/components/drawer/DrawerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeader.js","sources":["../../../src/components/drawer/DrawerHeader.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nimport { drawerSection } from './Drawer.styles'\n\nexport const DrawerHeader = styled('div', {\n  ...drawerSection,\n  borderBottom: '1px solid $base3'\n})\n"],"names":["DrawerHeader","styled","drawerSection"],"mappings":"8FAIO,MAAMA,EAAeC,EAAO,MAAO,CACxC,GAAGC,EACH,aAAc,kBAChB,CAAC"}

package/dist/components/drawer/DrawerMain.d.ts

@@ -0,0 +1,319 @@
+export declare const DrawerMain: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, {
+    colors: {
+        textForeground: any;
+        textSubtle: any;
+        textPlaceholder: any;
+        background: any;
+        backgroundAccent: any;
+        grey100: any;
+        grey200: any;
+        grey300: any;
+        grey400: any;
+        grey500: any;
+        grey600: any;
+        grey700: any;
+        grey800: any;
+        grey900: any;
+        grey1000: any;
+        grey1100: any;
+        grey1200: any;
+        blue100: any;
+        blue200: any;
+        blue300: any;
+        blue400: any;
+        blue500: any;
+        blue600: any;
+        blue700: any;
+        blue800: any;
+        blue900: any;
+        blue1000: any;
+        blue1100: any;
+        blue1200: any;
+        purple100: any;
+        purple200: any;
+        purple300: any;
+        purple400: any;
+        purple500: any;
+        purple600: any;
+        purple700: any;
+        purple800: any;
+        purple900: any;
+        purple1000: any;
+        purple1100: any;
+        purple1200: any;
+        cyan100: any;
+        cyan200: any;
+        cyan300: any;
+        cyan400: any;
+        cyan500: any;
+        cyan600: any;
+        cyan700: any;
+        cyan800: any;
+        cyan900: any;
+        cyan1000: any;
+        cyan1100: any;
+        cyan1200: any;
+        green100: any;
+        green200: any;
+        green300: any;
+        green400: any;
+        green500: any;
+        green600: any;
+        green700: any;
+        green800: any;
+        green900: any;
+        green1000: any;
+        green1100: any;
+        green1200: any;
+        magenta100: any;
+        magenta200: any;
+        magenta300: any;
+        magenta400: any;
+        magenta500: any;
+        magenta600: any;
+        magenta700: any;
+        magenta800: any;
+        magenta900: any;
+        magenta1000: any;
+        magenta1100: any;
+        magenta1200: any;
+        red100: any;
+        red200: any;
+        red300: any;
+        red400: any;
+        red500: any;
+        red600: any;
+        red700: any;
+        red800: any;
+        red900: any;
+        red1000: any;
+        red1100: any;
+        red1200: any;
+        teal100: any;
+        teal200: any;
+        teal300: any;
+        teal400: any;
+        teal500: any;
+        teal600: any;
+        teal700: any;
+        teal800: any;
+        teal900: any;
+        teal1000: any;
+        teal1100: any;
+        teal1200: any;
+        orange100: any;
+        orange200: any;
+        orange300: any;
+        orange400: any;
+        orange500: any;
+        orange600: any;
+        orange700: any;
+        orange800: any;
+        orange900: any;
+        orange1000: any;
+        orange1100: any;
+        orange1200: any;
+        yellow100: any;
+        yellow200: any;
+        yellow300: any;
+        yellow400: any;
+        yellow500: any;
+        yellow600: any;
+        yellow700: any;
+        yellow800: any;
+        yellow900: any;
+        yellow1000: any;
+        yellow1100: any;
+        yellow1200: any;
+        lime100: any;
+        lime200: any;
+        lime300: any;
+        lime400: any;
+        lime500: any;
+        lime600: any;
+        lime700: any;
+        lime800: any;
+        lime900: any;
+        lime1000: any;
+        lime1100: any;
+        lime1200: any;
+        tonal50: any;
+        tonal100: any;
+        tonal200: any;
+        tonal300: any;
+        tonal400: any;
+        tonal500: any;
+        tonal600: any;
+        alpha100: any;
+        alpha150: any;
+        alpha200: any;
+        alpha250: any;
+        alpha600: any;
+        primaryLight: any;
+        primary: any;
+        primaryMid: any;
+        primaryDark: any;
+        secondary: any;
+        brandRed: any;
+        brandRedAccent: any;
+        brandGreen: any;
+        brandGreenAccent: any;
+        brandPurple: any;
+        brandPurpleAccent: any;
+        brandYellow: any;
+        brandYellowAccent: any;
+        successLight: any;
+        success: any;
+        successMid: any;
+        successDark: any;
+        dangerLight: any;
+        danger: any;
+        dangerMid: any;
+        dangerDark: any;
+        warningLight: any;
+        warning: any;
+        warningMid: any;
+        warningDark: any;
+        warningText: any;
+        subjectEnglish: any;
+        subjectMaths: any;
+        subjectScience: any;
+        subjectVerbalReasoning: any;
+        subjectNonVerbalReasoning: any;
+        subjectCreativeWriting: any;
+        subjectExamSkills: any;
+        glBlueLight: any;
+        glBluePrimary: any;
+        glBlueDark: any;
+    };
+    space: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+        "9": any;
+        "24": any;
+    };
+    fontSizes: {
+        xs: any;
+        sm: any;
+        md: any;
+        lg: any;
+        xl: any;
+        "2xl": any;
+        "3xl": any;
+        "4xl": any;
+    };
+    fonts: {
+        sans: any;
+        mono: any;
+        display: any;
+        body: any;
+    };
+    sizes: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+    };
+    radii: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        round: any;
+    };
+    shadows: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+    };
+    ratios: {
+        "16-9": any;
+        "3-2": any;
+        "4-3": any;
+        "1-1": any;
+        "3-4": any;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
+        background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+    };
+    size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
+        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+        width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+    };
+    p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
+        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+}>>;

package/dist/components/drawer/DrawerMain.js

@@ -0,0 +1,2 @@
+import{styled as o}from"../../stitches.js";import{drawerSection as r}from"./Drawer.styles.js";const e=o("div",{...r,flexGrow:1,overflowY:"auto"});export{e as DrawerMain};
+//# sourceMappingURL=DrawerMain.js.map

package/dist/components/drawer/DrawerMain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerMain.js","sources":["../../../src/components/drawer/DrawerMain.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nimport { drawerSection } from './Drawer.styles'\n\nexport const DrawerMain = styled('div', {\n  ...drawerSection,\n  flexGrow: 1,\n  overflowY: 'auto'\n})\n"],"names":["DrawerMain","styled","drawerSection"],"mappings":"8FAIa,MAAAA,EAAaC,EAAO,MAAO,CACtC,GAAGC,EACH,SAAU,EACV,UAAW,MACb,CAAC"}

package/dist/components/{sidedrawer/SidedrawerOverlay.d.ts → drawer/DrawerOverlay.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const SidedrawerOverlay: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
+export declare const DrawerOverlay: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
     sm: string;
     md: string;
     lg: string;

package/dist/components/drawer/DrawerOverlay.js

@@ -0,0 +1,2 @@
+import{Overlay as r}from"@radix-ui/react-dialog";import{styled as o}from"../../stitches.js";import{backdropOverlay as e}from"../../utilities/style/backdrop-overlay.js";const m=o(r,e);export{m as DrawerOverlay};
+//# sourceMappingURL=DrawerOverlay.js.map

package/dist/components/drawer/DrawerOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerOverlay.js","sources":["../../../src/components/drawer/DrawerOverlay.tsx"],"sourcesContent":["import { Overlay } from '@radix-ui/react-dialog'\n\nimport { styled } from '~/stitches'\nimport { backdropOverlay } from '~/utilities/style/backdrop-overlay'\n\nexport const DrawerOverlay = styled(Overlay, backdropOverlay)\n"],"names":["DrawerOverlay","styled","Overlay","backdropOverlay"],"mappings":"wKAKO,MAAMA,EAAgBC,EAAOC,EAASC,CAAe"}

package/dist/components/{sidedrawer/SidedrawerTrigger.d.ts → drawer/DrawerTrigger.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const SidedrawerTrigger: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, {}, {
+export declare const DrawerTrigger: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, {}, {
     sm: string;
     md: string;
     lg: string;

package/dist/components/drawer/DrawerTrigger.js

@@ -0,0 +1,2 @@
+import{Trigger as r}from"@radix-ui/react-dialog";import{styled as o}from"../../stitches.js";const e=o(r,{});export{e as DrawerTrigger};
+//# sourceMappingURL=DrawerTrigger.js.map

package/dist/components/drawer/DrawerTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTrigger.js","sources":["../../../src/components/drawer/DrawerTrigger.tsx"],"sourcesContent":["import { Trigger } from '@radix-ui/react-dialog'\n\nimport { styled } from '~/stitches'\n\nexport const DrawerTrigger = styled(Trigger, {})\n"],"names":["DrawerTrigger","styled","Trigger"],"mappings":"4FAIO,MAAMA,EAAgBC,EAAOC,EAAS,CAAE,CAAA"}

package/dist/components/drawer/index.d.ts

@@ -0,0 +1 @@
+export { Drawer } from './Drawer';

package/dist/components/index.d.ts

@@ -21,6 +21,7 @@ export { Dialog } from './dialog';
 export { Dismissible } from './dismissible';
 export { DismissibleGroup } from './dismissible-group';
 export { Divider } from './divider';
+export { Drawer } from './drawer';
 export { DropdownMenu } from './dropdown-menu';
 export { EmptyState } from './empty-state';
 export { FieldWrapper, InlineFieldWrapper } from './field-wrapper';
@@ -40,6 +41,7 @@ export { List } from './list';
 export { Loader } from './loader';
 export { MarkdownContent } from './markdown-content';
 export { NavigationMenu } from './navigation';
+export { NavigationMenuVertical } from './navigation-menu-vertical';
 export { NotificationBadge } from './notification-badge';
 export { NumberInput } from './number-input';
 export { NumberInputField } from './number-input-field';
@@ -56,7 +58,6 @@ export { SearchInput } from './search-input';
 export { SectionMessage } from './section-message';
 export { Select } from './select';
 export { SelectField } from './select-field';
-export { Sidedrawer } from './sidedrawer';
 export { Slider } from './slider';
 export { SliderField } from './slider-field';
 export { Sortable } from './sortable';
@@ -75,7 +76,7 @@ export { ToggleGroup } from './toggle-group';
 export { Tooltip } from './tooltip';
 export { TopBar } from './top-bar';
 export { Video } from './video';
-export { BannerRegular } from './banner';
+export { BannerRegular, BannerSlim } from './banner';
 export { Tile, TileGroup } from './tile';
 export { TileInteractive } from './tile-interactive';
 export { TileToggleGroup } from './tile-toggle-group';

package/dist/components/navigation/NavigationMenuDropdownContent.js

@@ -1,2 +1,2 @@
-import*as i from"@radix-ui/react-navigation-menu";import e from"react";import{styled as o}from"../../stitches.js";import{preventHover as t}from"./preventHover.js";const a=o("ul",{listStyle:"none",m:0,p:0}),m=o(i.Content,{p:"$3",bg:"white",mt:"4px",boxShadow:"$1",borderRadius:"$1"}),n=({children:r})=>e.createElement(m,{onPointerMove:t,onPointerLeave:t},e.createElement(a,null,r));n.displayName="NavigationMenuDropdownContent";export{n as NavigationMenuDropdownContent};
+import*as i 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 a=o("ul",{listStyle:"none",m:0,p:0}),m=o(i.Content,{p:"$3",bg:"white",mt:"4px",boxShadow:"$1",borderRadius:"$1"}),n=({children:r})=>e.createElement(m,{onPointerMove:t,onPointerLeave:t},e.createElement(a,null,r));n.displayName="NavigationMenuDropdownContent";export{n 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'\n\nimport { preventHover } from './preventHover'\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\nexport const NavigationMenuDropdownContent: React.FC = ({ children }) => (\n  <StyledContent onPointerMove={preventHover} onPointerLeave={preventHover}>\n    <StyledList>{children}</StyledList>\n  </StyledContent>\n)\n\nNavigationMenuDropdownContent.displayName = 'NavigationMenuDropdownContent'\n"],"names":["StyledList","styled","StyledContent","NavigationMenuPrimitive","NavigationMenuDropdownContent","children","React","preventHover"],"mappings":"mKAOA,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,EAEYC,EAA0C,CAAC,CAAE,SAAAC,CAAS,IACjEC,EAAA,cAACJ,EAAA,CAAc,cAAeK,EAAc,eAAgBA,CAC1DD,EAAAA,EAAA,cAACN,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: 'white',\n  mt: '4px',\n  boxShadow: '$1',\n  borderRadius: '$1'\n})\n\nexport const NavigationMenuDropdownContent: React.FC = ({ children }) => (\n  <StyledContent onPointerMove={preventEvent} onPointerLeave={preventEvent}>\n    <StyledList>{children}</StyledList>\n  </StyledContent>\n)\n\nNavigationMenuDropdownContent.displayName = 'NavigationMenuDropdownContent'\n"],"names":["StyledList","styled","StyledContent","NavigationMenuPrimitive","NavigationMenuDropdownContent","children","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,EAEYC,EAA0C,CAAC,CAAE,SAAAC,CAAS,IACjEC,EAAA,cAACJ,EAAA,CAAc,cAAeK,EAAc,eAAgBA,CAC1DD,EAAAA,EAAA,cAACN,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{preventHover as t}from"./preventHover.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 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};
 //# 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'\n\nimport { Icon } from '../icon'\nimport {\n  navigationMenuActiveItemStyles,\n  navigationMenuBaseItemStyles\n} from './NavigationMenu.styles'\nimport { preventHover } from './preventHover'\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={preventHover}\n    onPointerLeave={preventHover}\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","preventHover","Icon","ChevronDown"],"mappings":"2WAaA,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: '$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"}