@atom-learning/components 2.32.3-beta.0 → 2.34.0

package/dist/components/input-field/InputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.js","sources":["../../../src/components/input-field/InputField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n  FieldElementWrapperProps,\n  FieldWrapper\n} from '~/components/field-wrapper'\nimport { useFieldError } from '~/components/form'\nimport { Input, InputProps } from '~/components/input'\n\ntype InputFieldProps = InputProps & FieldElementWrapperProps\n\nexport const InputField: React.FC<InputFieldProps> = ({\n  css,\n  label,\n  name,\n  validation,\n  prompt,\n  description,\n  ...remainingProps\n}) => {\n  const { register } = useFormContext()\n  const { error } = useFieldError(name)\n  const ref = validation ? register(validation) : register\n\n  return (\n    <FieldWrapper\n      css={css}\n      description={description}\n      error={error}\n      fieldId={name}\n      label={label}\n      prompt={prompt}\n      required={Boolean(validation?.required)}\n    >\n      <Input\n        id={name}\n        name={name}\n        ref={ref}\n        {...(error && { state: 'error' })}\n        {...remainingProps}\n      />\n    </FieldWrapper>\n  )\n}\n\nInputField.displayName = 'InputField'\n"],"names":["InputField","css","label","name","validation","prompt","description","remainingProps","register","useFormContext","error","useFieldError","ref","React","FieldWrapper","Input"],"mappings":"mTAYa,MAAAA,EAAwC,CAAC,CACpD,IAAAC,EACA,MAAAC,EACA,KAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,KACGC,CACL,IAAM,CACJ,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAAe,EAC9B,CAAE,MAAAC,CAAM,EAAIC,EAAcR,CAAI,EAC9BS,EAAMR,EAAaI,EAASJ,CAAU,EAAII,EAEhD,OACEK,EAAA,cAACC,EAAA,CACC,IAAKb,EACL,YAAaK,EACb,MAAOI,EACP,QAASP,EACT,MAAOD,EACP,OAAQG,EACR,SAAU,QAAQD,GAAA,KAAA,OAAAA,EAAY,QAAQ,CAAA,EAEtCS,EAAA,cAACE,EAAA,CACC,GAAIZ,EACJ,KAAMA,EACN,IAAKS,EACJ,GAAIF,GAAS,CAAE,MAAO,OAAQ,EAC9B,GAAGH,EACN,CACF,CAEJ,EAEAP,EAAW,YAAc"}

package/dist/components/label/Label.js

@@ -1 +1,2 @@
-import*as e from"react";import{styled as i}from"../../stitches.js";import{getTextVariant as t}from"../text/Text.js";const p=i("label",{color:"$tonal500",fontFamily:"$body",m:0,variants:{size:{sm:t({size:"sm"}),md:t({size:"md"})},type:{block:{display:"block",fontWeight:600},inline:{display:"flex",fontWeight:400,maxWidth:"max-content"}},align:{start:{},center:{}},direction:{reverse:{},row:{}}},compoundVariants:[{type:"inline",align:"start",css:{alignItems:"flex-start"}},{type:"inline",align:"center",css:{alignItems:"center"}},{type:"inline",direction:"reverse",css:{flexDirection:"row-reverse"}},{type:"inline",direction:"row",css:{flexDirection:"row"}}]}),y=i("span",{color:"$danger",ml:"$1",fontWeight:400}),n=({align:r="start",as:a="label",direction:o="row",size:l="md",type:s="block",children:c,required:m,...d})=>e.createElement(p,{as:a,size:l,type:s,align:r,direction:o,...d},c,m&&e.createElement(y,{"aria-hidden":!0},"*"));n.displayName="Label";export{n as Label};
+import*as e from"react";import{styled as t}from"../../stitches.js";import{getTextVariant as i}from"../text/Text.js";const p=t("label",{color:"$tonal500",fontFamily:"$body",m:0,variants:{size:{sm:i({size:"sm"}),md:i({size:"md"})},type:{block:{display:"block",fontWeight:600},inline:{display:"flex",fontWeight:400,maxWidth:"max-content"}},align:{start:{},center:{}},direction:{reverse:{},row:{}}},compoundVariants:[{type:"inline",align:"start",css:{alignItems:"flex-start"}},{type:"inline",align:"center",css:{alignItems:"center"}},{type:"inline",direction:"reverse",css:{flexDirection:"row-reverse"}},{type:"inline",direction:"row",css:{flexDirection:"row"}}]}),y=t("span",{color:"$danger",ml:"$1",fontWeight:400}),n=({align:r="start",as:a="label",direction:l="row",size:o="md",type:s="block",children:c,required:m,...d})=>e.createElement(p,{as:a,size:o,type:s,align:r,direction:l,...d},c,m&&e.createElement(y,{"aria-hidden":!0},"*"));n.displayName="Label";export{n as Label};
+//# sourceMappingURL=Label.js.map

package/dist/components/label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../../../src/components/label/Label.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport type { Override } from '~/utilities/types'\n\nimport { getTextVariant } from '../text'\n\nconst StyledLabel = styled('label', {\n  color: '$tonal500',\n  fontFamily: '$body',\n  m: 0,\n  variants: {\n    size: {\n      sm: getTextVariant({ size: 'sm' }),\n      md: getTextVariant({ size: 'md' })\n    },\n    type: {\n      block: {\n        display: 'block',\n        fontWeight: 600\n      },\n      inline: {\n        display: 'flex',\n        fontWeight: 400,\n        maxWidth: 'max-content'\n      }\n    },\n    align: { start: {}, center: {} },\n    direction: { reverse: {}, row: {} }\n  },\n  compoundVariants: [\n    {\n      type: 'inline',\n      align: 'start',\n      css: { alignItems: 'flex-start' }\n    },\n    {\n      type: 'inline',\n      align: 'center',\n      css: { alignItems: 'center' }\n    },\n    {\n      type: 'inline',\n      direction: 'reverse',\n      css: { flexDirection: 'row-reverse' }\n    },\n    {\n      type: 'inline',\n      direction: 'row',\n      css: { flexDirection: 'row' }\n    }\n  ]\n})\n\nconst StyledAsterisk = styled('span', {\n  color: '$danger',\n  ml: '$1',\n  fontWeight: 400\n})\n\ntype LabelProps = Override<\n  React.ComponentPropsWithoutRef<typeof StyledLabel>,\n  {\n    as?: 'label' | 'legend'\n    required?: boolean\n  }\n>\n\nexport const Label: React.FC<LabelProps> = ({\n  align = 'start',\n  as = 'label',\n  direction = 'row',\n  size = 'md',\n  type = 'block',\n  children,\n  required,\n  ...rest\n}) => (\n  <StyledLabel\n    as={as}\n    size={size}\n    type={type}\n    align={align}\n    direction={direction}\n    {...rest}\n  >\n    {children}\n    {required && <StyledAsterisk aria-hidden>*</StyledAsterisk>}\n  </StyledLabel>\n)\n\nLabel.displayName = 'Label'\n"],"names":["StyledLabel","styled","getTextVariant","StyledAsterisk","Label","align","as","direction","size","type","children","required","rest","React"],"mappings":"oHAOA,MAAMA,EAAcC,EAAO,QAAS,CAClC,MAAO,YACP,WAAY,QACZ,EAAG,EACH,SAAU,CACR,KAAM,CACJ,GAAIC,EAAe,CAAE,KAAM,IAAK,CAAC,EACjC,GAAIA,EAAe,CAAE,KAAM,IAAK,CAAC,CACnC,EACA,KAAM,CACJ,MAAO,CACL,QAAS,QACT,WAAY,GACd,EACA,OAAQ,CACN,QAAS,OACT,WAAY,IACZ,SAAU,aACZ,CACF,EACA,MAAO,CAAE,MAAO,CAAA,EAAI,OAAQ,CAAG,CAAA,EAC/B,UAAW,CAAE,QAAS,CAAI,EAAA,IAAK,EAAG,CACpC,EACA,iBAAkB,CAChB,CACE,KAAM,SACN,MAAO,QACP,IAAK,CAAE,WAAY,YAAa,CAClC,EACA,CACE,KAAM,SACN,MAAO,SACP,IAAK,CAAE,WAAY,QAAS,CAC9B,EACA,CACE,KAAM,SACN,UAAW,UACX,IAAK,CAAE,cAAe,aAAc,CACtC,EACA,CACE,KAAM,SACN,UAAW,MACX,IAAK,CAAE,cAAe,KAAM,CAC9B,CACF,CACF,CAAC,EAEKC,EAAiBF,EAAO,OAAQ,CACpC,MAAO,UACP,GAAI,KACJ,WAAY,GACd,CAAC,EAUYG,EAA8B,CAAC,CAC1C,MAAAC,EAAQ,QACR,GAAAC,EAAK,QACL,UAAAC,EAAY,MACZ,KAAAC,EAAO,KACP,KAAAC,EAAO,QACP,SAAAC,EACA,SAAAC,KACGC,CACL,IACEC,EAAA,cAACb,EAAA,CACC,GAAIM,EACJ,KAAME,EACN,KAAMC,EACN,MAAOJ,EACP,UAAWE,EACV,GAAGK,CAEHF,EAAAA,EACAC,GAAYE,EAAA,cAACV,EAAA,CAAe,cAAW,IAAC,GAAC,CAC5C,EAGFC,EAAM,YAAc"}

package/dist/components/link/Link.js

@@ -1 +1,2 @@
-import*as o from"react";import{styled as a}from"../../stitches.js";import{StyledHeading as p}from"../heading/Heading.js";import{StyledLi as s}from"../list/List.js";import"../markdown-content/components/MarkdownCode.js";import{StyledMarkdownEmphasis as f}from"../markdown-content/components/MarkdownEmphasis.js";import"../markdown-content/components/MarkdownInlineCode.js";import"../image/Image.js";import{StyledText as d,textVariants as l}from"../text/Text.js";import"../markdown-content/components/MarkdownStrong.js";import"../divider/Divider.js";const t=a("a",{bg:"unset",border:"unset",p:"unset",color:"$primary",cursor:"pointer",fontFamily:"$body",textDecoration:"none","&:focus, &:hover":{color:"$primaryMid",textDecoration:"underline"},"&:active":{color:"$primaryDark"},[`${d} > &, ${p} > &, ${s} > &, ${f} > &`]:{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:l}),e=o.forwardRef(({size:i="md",href:r,...n},m)=>o.createElement(t,{...!r&&{as:"button",noCapsize:!0},size:i,href:r,...n,ref:m}));e.displayName="Link";export{e as Link,t as StyledLink};
+import*as t from"react";import{styled as a}from"../../stitches.js";import{StyledHeading as p}from"../heading/Heading.js";import{StyledLi as s}from"../list/List.js";import"../markdown-content/components/MarkdownCode.js";import{StyledMarkdownEmphasis as f}from"../markdown-content/components/MarkdownEmphasis.js";import"../markdown-content/components/MarkdownInlineCode.js";import"../image/Image.js";import{StyledText as d,textVariants as l}from"../text/Text.js";import"../markdown-content/components/MarkdownStrong.js";import"../divider/Divider.js";const e=a("a",{bg:"unset",border:"unset",p:"unset",color:"$primary",cursor:"pointer",fontFamily:"$body",textDecoration:"none","&:focus, &:hover":{color:"$primaryMid",textDecoration:"underline"},"&:active":{color:"$primaryDark"},[`${d} > &, ${p} > &, ${s} > &, ${f} > &`]:{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:l}),o=t.forwardRef(({size:i="md",href:r,...n},m)=>t.createElement(e,{...!r&&{as:"button",noCapsize:!0},size:i,href:r,...n,ref:m}));o.displayName="Link";export{o as Link,e as StyledLink};
+//# sourceMappingURL=Link.js.map

package/dist/components/link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\n\nimport { StyledHeading } from '../heading/Heading'\nimport { StyledLi } from '../list/List'\nimport { StyledMarkdownEmphasis } from '../markdown-content/components'\nimport { StyledText, textVariants } from '../text/Text'\n\nexport const StyledLink = styled('a', {\n  bg: 'unset',\n  border: 'unset',\n  p: 'unset',\n  color: '$primary',\n  cursor: 'pointer',\n  fontFamily: '$body',\n  textDecoration: 'none',\n  '&:focus, &:hover': {\n    color: '$primaryMid',\n    textDecoration: 'underline'\n  },\n  '&:active': {\n    color: '$primaryDark'\n  },\n  [`${StyledText} > &, ${StyledHeading} > &, ${StyledLi} > &, ${StyledMarkdownEmphasis} > &`]:\n    {\n      fontSize: '100%',\n      lineHeight: 1,\n      '&::before, &::after': {\n        content: 'none'\n      }\n    },\n  variants: textVariants\n})\n\ntype LinkProps = Override<\n  React.ComponentProps<typeof StyledLink>,\n  {\n    as?: React.ComponentType | React.ElementType\n  } & NavigatorActions\n>\n\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ size = 'md', href, ...props }, ref) => (\n    <StyledLink\n      {...(!href && { as: 'button', noCapsize: true })}\n      size={size}\n      href={href}\n      {...props}\n      ref={ref}\n    />\n  )\n) as React.FC<LinkProps>\n\nLink.displayName = 'Link'\n"],"names":["StyledLink","styled","StyledText","StyledHeading","StyledLi","StyledMarkdownEmphasis","textVariants","Link","React","size","href","props","ref"],"mappings":"oiBAWO,MAAMA,EAAaC,EAAO,IAAK,CACpC,GAAI,QACJ,OAAQ,QACR,EAAG,QACH,MAAO,WACP,OAAQ,UACR,WAAY,QACZ,eAAgB,OAChB,mBAAoB,CAClB,MAAO,cACP,eAAgB,WAClB,EACA,WAAY,CACV,MAAO,cACT,EACA,CAAC,GAAGC,UAAmBC,UAAsBC,UAAiBC,SAC5D,CACE,SAAU,OACV,WAAY,EACZ,sBAAuB,CACrB,QAAS,MACX,CACF,EACF,SAAUC,CACZ,CAAC,EASYC,EAAOC,EAAM,WACxB,CAAC,CAAE,KAAAC,EAAO,KAAM,KAAAC,KAASC,CAAM,EAAGC,IAChCJ,EAAA,cAACR,EAAA,CACE,GAAI,CAACU,GAAQ,CAAE,GAAI,SAAU,UAAW,EAAK,EAC9C,KAAMD,EACN,KAAMC,EACL,GAAGC,EACJ,IAAKC,CACP,CAAA,CAEJ,EAEAL,EAAK,YAAc"}

package/dist/components/list/List.js

@@ -1 +1,2 @@
-import*as e from"react";import{styled as o}from"../../stitches.js";import{textVariants as d}from"../text/Text.js";const t=o("li",{}),r=o("ul",{fontFamily:"$body",m:"unset",p:"unset",[`& > ${t}`]:{"&:not(:last-child)":{mb:"$2"},"&:last-child":{mb:0}},variants:{...d,as:{ol:{pl:"$4",listStyle:"decimal",[`& > ${t}`]:{pl:"$1","&::marker":{fontSize:"$sm",fontWeight:"bold"}}},ul:{pl:"$3",[`& > ${t}`]:{pl:"$2","&::marker":{content:"\u2022",fontWeight:"bold"}}}},theme:{primary:{[`& > ${t}`]:{"&::marker":{color:"$primary"}}}}}}),l=e.forwardRef(({size:i="md",noCapsize:m=!0,ordered:a,...s},n)=>e.createElement(r,{ref:n,as:a?"ol":"ul",size:i,noCapsize:m,...s}));l.Item=t;export{l as List,t as StyledLi,r as StyledList};
+import*as e from"react";import{styled as r}from"../../stitches.js";import{textVariants as d}from"../text/Text.js";const t=r("li",{}),l=r("ul",{fontFamily:"$body",m:"unset",p:"unset",[`& > ${t}`]:{"&:not(:last-child)":{mb:"$2"},"&:last-child":{mb:0}},variants:{...d,as:{ol:{pl:"$4",listStyle:"decimal",[`& > ${t}`]:{pl:"$1","&::marker":{fontSize:"$sm",fontWeight:"bold"}}},ul:{pl:"$3",[`& > ${t}`]:{pl:"$2","&::marker":{content:"\u2022",fontWeight:"bold"}}}},theme:{primary:{[`& > ${t}`]:{"&::marker":{color:"$primary"}}}}}}),o=e.forwardRef(({size:i="md",noCapsize:m=!0,ordered:a,...s},n)=>e.createElement(l,{ref:n,as:a?"ol":"ul",size:i,noCapsize:m,...s}));o.Item=t;export{o as List,t as StyledLi,l as StyledList};
+//# sourceMappingURL=List.js.map

package/dist/components/list/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sources":["../../../src/components/list/List.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { textVariants } from '../text'\n\nexport const StyledLi = styled('li', {})\n\nexport const StyledList = styled('ul', {\n  fontFamily: '$body',\n  m: 'unset',\n  p: 'unset',\n  [`& > ${StyledLi}`]: {\n    '&:not(:last-child)': { mb: '$2' },\n    '&:last-child': { mb: 0 }\n  },\n  variants: {\n    ...textVariants,\n    as: {\n      ol: {\n        pl: '$4',\n        listStyle: 'decimal',\n        [`& > ${StyledLi}`]: {\n          pl: '$1',\n          '&::marker': { fontSize: '$sm', fontWeight: 'bold' }\n        }\n      },\n      ul: {\n        pl: '$3',\n        [`& > ${StyledLi}`]: {\n          pl: '$2',\n          '&::marker': { content: '•', fontWeight: 'bold' }\n        }\n      }\n    },\n    theme: {\n      primary: {\n        [`& > ${StyledLi}`]: {\n          '&::marker': { color: '$primary' }\n        }\n      }\n    }\n  }\n})\n\ntype ListProps = React.ComponentProps<typeof StyledList> & {\n  ordered?: boolean\n}\n\ntype ListType = React.ForwardRefExoticComponent<ListProps> & {\n  Item: typeof StyledLi\n}\n\nexport const List = React.forwardRef(\n  ({ size = 'md', noCapsize = true, ordered, ...remainingProps }, ref) => (\n    <StyledList\n      ref={ref}\n      as={ordered ? 'ol' : 'ul'}\n      size={size}\n      noCapsize={noCapsize}\n      {...remainingProps}\n    />\n  )\n) as ListType\n\nList.Item = StyledLi\n"],"names":["StyledLi","styled","StyledList","textVariants","List","React","size","noCapsize","ordered","remainingProps","ref"],"mappings":"kHAMO,MAAMA,EAAWC,EAAO,KAAM,CAAE,CAAA,EAE1BC,EAAaD,EAAO,KAAM,CACrC,WAAY,QACZ,EAAG,QACH,EAAG,QACH,CAAC,OAAOD,KAAa,CACnB,qBAAsB,CAAE,GAAI,IAAK,EACjC,eAAgB,CAAE,GAAI,CAAE,CAC1B,EACA,SAAU,CACR,GAAGG,EACH,GAAI,CACF,GAAI,CACF,GAAI,KACJ,UAAW,UACX,CAAC,OAAOH,KAAa,CACnB,GAAI,KACJ,YAAa,CAAE,SAAU,MAAO,WAAY,MAAO,CACrD,CACF,EACA,GAAI,CACF,GAAI,KACJ,CAAC,OAAOA,KAAa,CACnB,GAAI,KACJ,YAAa,CAAE,QAAS,SAAK,WAAY,MAAO,CAClD,CACF,CACF,EACA,MAAO,CACL,QAAS,CACP,CAAC,OAAOA,KAAa,CACnB,YAAa,CAAE,MAAO,UAAW,CACnC,CACF,CACF,CACF,CACF,CAAC,EAUYI,EAAOC,EAAM,WACxB,CAAC,CAAE,KAAAC,EAAO,KAAM,UAAAC,EAAY,GAAM,QAAAC,KAAYC,CAAe,EAAGC,IAC9DL,EAAA,cAACH,EAAA,CACC,IAAKQ,EACL,GAAIF,EAAU,KAAO,KACrB,KAAMF,EACN,UAAWC,EACV,GAAGE,CAAAA,CACN,CAEJ,EAEAL,EAAK,KAAOJ"}

package/dist/components/loader/Loader.js

@@ -1 +1,2 @@
 import*as m from"@radix-ui/react-visually-hidden";import*as e from"react";import{Flex as r}from"../flex/Flex.js";import{keyframes as s,styled as l}from"../../stitches.js";const c=s({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}}),t=l("div",{animationName:`${c}`,animationDuration:"1s",animationFillMode:"both",animationIterationCount:"infinite",animationTimingFunction:"linear",backgroundColor:"currentColor",borderRadius:"$round","&:nth-child(1)":{animationDelay:"-300ms"},"&:nth-child(2)":{animationDelay:"-150ms"},"&:nth-child(3)":{animationDelay:0},variants:{size:{sm:{size:"4px",mx:"2px"},md:{size:"6px",mx:"2px"},lg:{size:"8px",mx:"3px"}}}}),p=({css:n={},message:a="Loading",size:i="md",...o})=>e.createElement(r,{css:{justifyContent:"center",...n},role:"alert",...o},e.createElement(m.Root,null,a),e.createElement(t,{size:i}),e.createElement(t,{size:i}),e.createElement(t,{size:i}));export{p as Loader};
+//# sourceMappingURL=Loader.js.map

package/dist/components/loader/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sources":["../../../src/components/loader/Loader.tsx"],"sourcesContent":["import * as VisuallyHidden from '@radix-ui/react-visually-hidden'\nimport * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { CSS, keyframes, styled } from '~/stitches'\n\nconst FadeInOut = keyframes({\n  '0%': { opacity: 0 },\n  '30%': { opacity: 1 },\n  '50%': { opacity: 1 },\n  '80%': { opacity: 0 },\n  '100%': { opacity: 0 }\n})\n\nconst Dot = styled('div', {\n  animationName: `${FadeInOut}`,\n  animationDuration: '1s',\n  animationFillMode: 'both',\n  animationIterationCount: 'infinite',\n  animationTimingFunction: 'linear',\n  backgroundColor: 'currentColor',\n  borderRadius: '$round',\n  '&:nth-child(1)': {\n    animationDelay: '-300ms'\n  },\n  '&:nth-child(2)': {\n    animationDelay: '-150ms'\n  },\n  '&:nth-child(3)': {\n    animationDelay: 0\n  },\n\n  variants: {\n    size: {\n      sm: { size: '4px', mx: '2px' },\n      md: { size: '6px', mx: '2px' },\n      lg: { size: '8px', mx: '3px' }\n    }\n  }\n})\n\ntype LoaderProps = {\n  message?: string\n  size?: 'sm' | 'md' | 'lg'\n  css?: CSS\n}\n\nexport const Loader: React.FC<LoaderProps> = ({\n  css = {},\n  message = 'Loading',\n  size = 'md',\n  ...props\n}) => (\n  <Flex\n    css={{\n      justifyContent: 'center',\n      // Stitches doesn't recognise CSS as the right type here. The Modulz team doesn't know why.\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ...(css as any)\n    }}\n    role=\"alert\"\n    {...props}\n  >\n    <VisuallyHidden.Root>{message}</VisuallyHidden.Root>\n    <Dot size={size} />\n    <Dot size={size} />\n    <Dot size={size} />\n  </Flex>\n)\n"],"names":["FadeInOut","keyframes","Dot","styled","Loader","css","message","size","props","React","Flex","VisuallyHidden"],"mappings":"2KAMA,MAAMA,EAAYC,EAAU,CAC1B,KAAM,CAAE,QAAS,CAAE,EACnB,MAAO,CAAE,QAAS,CAAE,EACpB,MAAO,CAAE,QAAS,CAAE,EACpB,MAAO,CAAE,QAAS,CAAE,EACpB,OAAQ,CAAE,QAAS,CAAE,CACvB,CAAC,EAEKC,EAAMC,EAAO,MAAO,CACxB,cAAe,GAAGH,IAClB,kBAAmB,KACnB,kBAAmB,OACnB,wBAAyB,WACzB,wBAAyB,SACzB,gBAAiB,eACjB,aAAc,SACd,iBAAkB,CAChB,eAAgB,QAClB,EACA,iBAAkB,CAChB,eAAgB,QAClB,EACA,iBAAkB,CAChB,eAAgB,CAClB,EAEA,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,KAAM,MAAO,GAAI,KAAM,EAC7B,GAAI,CAAE,KAAM,MAAO,GAAI,KAAM,EAC7B,GAAI,CAAE,KAAM,MAAO,GAAI,KAAM,CAC/B,CACF,CACF,CAAC,EAQYI,EAAgC,CAAC,CAC5C,IAAAC,EAAM,CAAA,EACN,QAAAC,EAAU,UACV,KAAAC,EAAO,QACJC,CACL,IACEC,EAAA,cAACC,EAAA,CACC,IAAK,CACH,eAAgB,SAGhB,GAAIL,CACN,EACA,KAAK,QACJ,GAAGG,CAEJC,EAAAA,EAAA,cAACE,EAAe,KAAf,KAAqBL,CAAQ,EAC9BG,EAAA,cAACP,EAAA,CAAI,KAAMK,EAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,EAAM,CACnB"}

package/dist/components/markdown-content/MarkdownContent.js

@@ -1 +1,2 @@
 import d from"mdast-util-directive";import k from"mdast-util-from-markdown";import f from"micromark-extension-directive";import*as p from"react";import{StackContent as l}from"../stack-content/StackContent.js";import{MarkdownCode as c}from"./components/MarkdownCode.js";import{MarkdownEmphasis as w}from"./components/MarkdownEmphasis.js";import{MarkdownHeading as M}from"./components/MarkdownHeading.js";import{MarkdownInlineCode as h}from"./components/MarkdownInlineCode.js";import{MarkdownImage as u}from"./components/MarkdownImage.js";import{MarkdownLink as g}from"./components/MarkdownLink.js";import{MarkdownList as C}from"./components/MarkdownList.js";import{MarkdownListItem as $}from"./components/MarkdownListItem.js";import{MarkdownParagraph as x}from"./components/MarkdownParagraph.js";import{MarkdownStrong as y}from"./components/MarkdownStrong.js";import{MarkdownText as E}from"./components/MarkdownText.js";import{MarkdownThematicBreak as I}from"./components/MarkdownThematicBreak.js";const L={code:c,emphasis:w,heading:M,inlineCode:h,image:u,link:g,list:C,listItem:$,paragraph:x,strong:y,text:E,thematicBreak:I},v=o=>{var r,t;if((r=o.position)!=null&&r.start){const{line:e,column:m,offset:n}=(t=o.position)==null?void 0:t.start;return`${o.type}${e}${m}${n}`}return`${o.type}${+new Date}`},s=({content:o,customComponents:r={},css:t})=>{const e=k(o,{extensions:[f()],mdastExtensions:[d.fromMarkdown]}),m={...L,...r},n=a=>{const i=m[a.type];return i?p.createElement(i,{key:v(a),node:a,handleNode:n}):null};return p.createElement(l,{css:t},e.children.map(n))};s.displayName="MarkdownContent";export{s as MarkdownContent};
+//# sourceMappingURL=MarkdownContent.js.map

package/dist/components/markdown-content/MarkdownContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownContent.js","sources":["../../../src/components/markdown-content/MarkdownContent.tsx"],"sourcesContent":["import directive from 'mdast-util-directive'\nimport fromMarkdown from 'mdast-util-from-markdown'\nimport syntax from 'micromark-extension-directive'\nimport * as React from 'react'\n\nimport { CSS } from '~/stitches'\n\nimport { StackContent } from '../stack-content/StackContent'\nimport {\n  MarkdownCode,\n  MarkdownEmphasis,\n  MarkdownHeading,\n  MarkdownImage,\n  MarkdownInlineCode,\n  MarkdownLink,\n  MarkdownList,\n  MarkdownListItem,\n  MarkdownParagraph,\n  MarkdownStrong,\n  MarkdownText,\n  MarkdownThematicBreak\n} from './components'\n\ntype HandleNode = (node) => JSX.Element | null\n\ntype MarkdownContentProps = {\n  content: string\n  customComponents?: {\n    [key: string]: React.FC<{\n      node: any\n      handleNode: HandleNode\n    }>\n  }\n  css?: CSS\n}\n\nconst defaultComponentsMap = {\n  code: MarkdownCode,\n  emphasis: MarkdownEmphasis,\n  heading: MarkdownHeading,\n  inlineCode: MarkdownInlineCode,\n  image: MarkdownImage,\n  link: MarkdownLink,\n  list: MarkdownList,\n  listItem: MarkdownListItem,\n  paragraph: MarkdownParagraph,\n  strong: MarkdownStrong,\n  text: MarkdownText,\n  thematicBreak: MarkdownThematicBreak\n}\n\nconst generateNodeKey = (node) => {\n  if (node.position?.start) {\n    const { line, column, offset } = node.position?.start\n    return `${node.type}${line}${column}${offset}`\n  }\n\n  return `${node.type}${+new Date()}`\n}\n\nexport const MarkdownContent: React.FC<MarkdownContentProps> = ({\n  content,\n  customComponents = {},\n  css\n}) => {\n  const AST = fromMarkdown(content, {\n    extensions: [syntax()],\n    mdastExtensions: [directive.fromMarkdown]\n  })\n\n  const componentsMap = {\n    ...defaultComponentsMap,\n    ...customComponents\n  }\n\n  const handleNode: HandleNode = (node) => {\n    const MarkdownComponent = componentsMap[node.type]\n\n    return MarkdownComponent ? (\n      <MarkdownComponent\n        key={generateNodeKey(node)}\n        node={node}\n        handleNode={handleNode}\n      />\n    ) : null\n  }\n\n  return <StackContent css={css}>{AST.children.map(handleNode)}</StackContent>\n}\n\nMarkdownContent.displayName = 'MarkdownContent'\n"],"names":["defaultComponentsMap","MarkdownCode","MarkdownEmphasis","MarkdownHeading","MarkdownInlineCode","MarkdownImage","MarkdownLink","MarkdownList","MarkdownListItem","MarkdownParagraph","MarkdownStrong","MarkdownText","MarkdownThematicBreak","generateNodeKey","node","_a","_b","line","column","offset","MarkdownContent","content","customComponents","css","AST","fromMarkdown","syntax","directive","componentsMap","handleNode","MarkdownComponent","React","StackContent"],"mappings":"q+BAoCA,MAAMA,EAAuB,CAC3B,KAAMC,EACN,SAAUC,EACV,QAASC,EACT,WAAYC,EACZ,MAAOC,EACP,KAAMC,EACN,KAAMC,EACN,SAAUC,EACV,UAAWC,EACX,OAAQC,EACR,KAAMC,EACN,cAAeC,CACjB,EAEMC,EAAmBC,GAAS,CAnDlC,IAAAC,EAAAC,EAoDE,IAAID,EAAAD,EAAK,WAAL,MAAAC,EAAe,MAAO,CACxB,KAAM,CAAE,KAAAE,EAAM,OAAAC,EAAQ,OAAAC,CAAO,GAAIH,EAAAF,EAAK,WAAL,KAAA,OAAAE,EAAe,MAChD,MAAO,GAAGF,EAAK,OAAOG,IAAOC,IAASC,GACxC,CAEA,MAAO,GAAGL,EAAK,OAAO,CAAC,IAAI,MAC7B,EAEaM,EAAkD,CAAC,CAC9D,QAAAC,EACA,iBAAAC,EAAmB,CAAA,EACnB,IAAAC,CACF,IAAM,CACJ,MAAMC,EAAMC,EAAaJ,EAAS,CAChC,WAAY,CAACK,EAAQ,CAAA,EACrB,gBAAiB,CAACC,EAAU,YAAY,CAC1C,CAAC,EAEKC,EAAgB,CACpB,GAAG5B,EACH,GAAGsB,CACL,EAEMO,EAA0Bf,GAAS,CACvC,MAAMgB,EAAoBF,EAAcd,EAAK,MAE7C,OAAOgB,EACLC,EAAA,cAACD,EAAA,CACC,IAAKjB,EAAgBC,CAAI,EACzB,KAAMA,EACN,WAAYe,CACd,CAAA,EACE,IACN,EAEA,OAAOE,EAAA,cAACC,EAAA,CAAa,IAAKT,CAAAA,EAAMC,EAAI,SAAS,IAAIK,CAAU,CAAE,CAC/D,EAEAT,EAAgB,YAAc"}

package/dist/components/markdown-content/components/MarkdownCode.js

@@ -1 +1,2 @@
 import*as t from"react";import{styled as e}from"../../../stitches.js";import{Box as r}from"../../box/Box.js";const m=e(r,{bg:"$tonal100",borderRadius:"$1",color:"$tonal600",fontFamily:"$mono",fontSize:"$sm",lineHeight:1.4,my:"$4",p:"$3"}),n=({node:o})=>t.createElement(m,{as:"pre"},o.value);export{n as MarkdownCode};
+//# sourceMappingURL=MarkdownCode.js.map

package/dist/components/markdown-content/components/MarkdownCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownCode.js","sources":["../../../../src/components/markdown-content/components/MarkdownCode.tsx"],"sourcesContent":["import { Code } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Box } from '../../box/Box'\n\ntype MarkdownCodeProps = {\n  node: Code\n}\n\nconst StyledMarkdownCode = styled(Box, {\n  bg: '$tonal100',\n  borderRadius: '$1',\n  color: '$tonal600',\n  fontFamily: '$mono',\n  fontSize: '$sm',\n  lineHeight: 1.4,\n  my: '$4',\n  p: '$3'\n})\n\nexport const MarkdownCode: React.FC<MarkdownCodeProps> = ({ node }) => (\n  <StyledMarkdownCode as=\"pre\">{node.value}</StyledMarkdownCode>\n)\n"],"names":["StyledMarkdownCode","styled","Box","MarkdownCode","node","React"],"mappings":"6GAWA,MAAMA,EAAqBC,EAAOC,EAAK,CACrC,GAAI,YACJ,aAAc,KACd,MAAO,YACP,WAAY,QACZ,SAAU,MACV,WAAY,IACZ,GAAI,KACJ,EAAG,IACL,CAAC,EAEYC,EAA4C,CAAC,CAAE,KAAAC,CAAK,IAC/DC,EAAA,cAACL,EAAA,CAAmB,GAAG,KAAOI,EAAAA,EAAK,KAAM"}

package/dist/components/markdown-content/components/MarkdownEmphasis.js

@@ -1 +1,2 @@
-import*as l from"react";import{styled as n}from"../../../stitches.js";const o=n("em",{fontStyle:"italic"}),a=({node:r,handleNode:t})=>{var e;return l.createElement(o,null,(e=r.children)==null?void 0:e.map(t))};export{a as MarkdownEmphasis,o as StyledMarkdownEmphasis};
+import*as l from"react";import{styled as n}from"../../../stitches.js";const o=n("em",{fontStyle:"italic"}),a=({node:t,handleNode:r})=>{var e;return l.createElement(o,null,(e=t.children)==null?void 0:e.map(r))};export{a as MarkdownEmphasis,o as StyledMarkdownEmphasis};
+//# sourceMappingURL=MarkdownEmphasis.js.map

package/dist/components/markdown-content/components/MarkdownEmphasis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEmphasis.js","sources":["../../../../src/components/markdown-content/components/MarkdownEmphasis.tsx"],"sourcesContent":["import { Content, Emphasis } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\ntype MarkdownEmphasisProps = {\n  node: Emphasis\n  handleNode: (node: Content) => React.ReactElement\n}\n\nexport const StyledMarkdownEmphasis = styled('em', { fontStyle: 'italic' })\n\nexport const MarkdownEmphasis: React.FC<MarkdownEmphasisProps> = ({\n  node,\n  handleNode\n}) => (\n  <StyledMarkdownEmphasis>\n    {node.children?.map(handleNode)}\n  </StyledMarkdownEmphasis>\n)\n"],"names":["StyledMarkdownEmphasis","styled","MarkdownEmphasis","node","handleNode","_a","React"],"mappings":"sEAUa,MAAAA,EAAyBC,EAAO,KAAM,CAAE,UAAW,QAAS,CAAC,EAE7DC,EAAoD,CAAC,CAChE,KAAAC,EACA,WAAAC,CACF,IAAG,CAfH,IAAAC,EAgBE,OAAAC,EAAA,cAACN,EAAA,MACEK,EAAAF,EAAK,WAAL,KAAAE,OAAAA,EAAe,IAAID,CACtB,CAAA,CAAA"}

package/dist/components/markdown-content/components/MarkdownHeading.js

@@ -1 +1,2 @@
-import*as i from"react";import{Heading as o}from"../../heading/Heading.js";const d=e=>{switch(e){case 1:return{size:"xl",as:"h1"};case 2:return{size:"lg",as:"h2"};case 3:return{size:"md",as:"h3"};case 4:return{size:"sm",as:"h4"};case 5:return{size:"xs",as:"h5"};default:return{size:"xs",as:"h6"}}},c=({node:e,handleNode:r,...a})=>{var s;const{as:t,size:n}=d(e.depth);return i.createElement(o,{as:t,size:n,...a},(s=e.children)==null?void 0:s.map(r))};export{c as MarkdownHeading};
+import*as i from"react";import{Heading as d}from"../../heading/Heading.js";const o=e=>{switch(e){case 1:return{size:"xl",as:"h1"};case 2:return{size:"lg",as:"h2"};case 3:return{size:"md",as:"h3"};case 4:return{size:"sm",as:"h4"};case 5:return{size:"xs",as:"h5"};default:return{size:"xs",as:"h6"}}},c=({node:e,handleNode:r,...a})=>{var s;const{as:t,size:n}=o(e.depth);return i.createElement(d,{as:t,size:n,...a},(s=e.children)==null?void 0:s.map(r))};export{c as MarkdownHeading};
+//# sourceMappingURL=MarkdownHeading.js.map

package/dist/components/markdown-content/components/MarkdownHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownHeading.js","sources":["../../../../src/components/markdown-content/components/MarkdownHeading.tsx"],"sourcesContent":["import { Content, Heading as HeadingType } from 'mdast'\nimport * as React from 'react'\n\nimport { Heading, HeadingProps } from '../../heading/Heading'\n\ntype MarkdownHeadingProps = {\n  node: HeadingType\n  handleNode: (node: Content) => React.ReactElement\n}\n\nconst getHeadingProps = (depth: number): HeadingProps => {\n  switch (depth) {\n    case 1:\n      return { size: 'xl', as: 'h1' }\n    case 2:\n      return { size: 'lg', as: 'h2' }\n    case 3:\n      return { size: 'md', as: 'h3' }\n    case 4:\n      return { size: 'sm', as: 'h4' }\n    case 5:\n      return { size: 'xs', as: 'h5' }\n    default:\n      return { size: 'xs', as: 'h6' }\n  }\n}\n\nexport const MarkdownHeading: React.FC<MarkdownHeadingProps> = ({\n  node,\n  handleNode,\n  ...rest\n}) => {\n  const { as, size } = getHeadingProps(node.depth)\n\n  return (\n    <Heading as={as} size={size} {...rest}>\n      {node.children?.map(handleNode)}\n    </Heading>\n  )\n}\n"],"names":["getHeadingProps","depth","MarkdownHeading","node","handleNode","rest","_a","as","size","React","Heading"],"mappings":"2EAUA,MAAMA,EAAmBC,GAAgC,CACvD,OAAQA,OAEJ,GAAA,MAAO,CAAE,KAAM,KAAM,GAAI,IAAK,MAE9B,GAAA,MAAO,CAAE,KAAM,KAAM,GAAI,IAAK,MAE9B,GAAA,MAAO,CAAE,KAAM,KAAM,GAAI,IAAK,MAC3B,GACH,MAAO,CAAE,KAAM,KAAM,GAAI,IAAK,SAE9B,MAAO,CAAE,KAAM,KAAM,GAAI,IAAK,UAE9B,MAAO,CAAE,KAAM,KAAM,GAAI,IAAK,EAEpC,EAEaC,EAAkD,CAAC,CAC9D,KAAAC,EACA,WAAAC,KACGC,CACL,IAAM,CA/BN,IAAAC,EAgCE,KAAM,CAAE,GAAAC,EAAI,KAAAC,CAAK,EAAIR,EAAgBG,EAAK,KAAK,EAE/C,OACEM,EAAA,cAACC,EAAA,CAAQ,GAAIH,EAAI,KAAMC,EAAO,GAAGH,CAAAA,GAC9BC,EAAAH,EAAK,WAAL,KAAAG,OAAAA,EAAe,IAAIF,CAAAA,CACtB,CAEJ"}

package/dist/components/markdown-content/components/MarkdownImage.js

@@ -1 +1,2 @@
-import*as e from"react";import{Image as t}from"../../image/Image.js";const m=({node:r,css:a})=>{var o;return e.createElement(t,{src:r.url,alt:(o=r.alt)!=null?o:void 0,css:a})};export{m as MarkdownImage};
+import*as e from"react";import{Image as o}from"../../image/Image.js";const m=({node:r,css:a})=>{var t;return e.createElement(o,{src:r.url,alt:(t=r.alt)!=null?t:void 0,css:a})};export{m as MarkdownImage};
+//# sourceMappingURL=MarkdownImage.js.map

package/dist/components/markdown-content/components/MarkdownImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownImage.js","sources":["../../../../src/components/markdown-content/components/MarkdownImage.tsx"],"sourcesContent":["import { Image as ImageType } from 'mdast'\nimport * as React from 'react'\n\nimport { CSS } from '~/stitches'\n\nimport { Image } from '../../image/Image'\n\ntype MarkdownImageProps = {\n  node: ImageType\n  css?: CSS\n}\n\nexport const MarkdownImage: React.FC<MarkdownImageProps> = ({ node, css }) => (\n  <Image src={node.url} alt={node.alt ?? undefined} css={css} />\n)\n"],"names":["MarkdownImage","node","css","_a","React","Image"],"mappings":"qEAYO,MAAMA,EAA8C,CAAC,CAAE,KAAAC,EAAM,IAAAC,CAAI,IAAG,CAZ3E,IAAAC,EAaE,OAAAC,EAAA,cAACC,EAAA,CAAM,IAAKJ,EAAK,IAAK,KAAKE,EAAAF,EAAK,MAAL,KAAAE,EAAY,OAAW,IAAKD,CAAK,CAAA,CAAA"}

package/dist/components/markdown-content/components/MarkdownInlineCode.js

@@ -1 +1,2 @@
-import*as e from"react";import{styled as n}from"../../../stitches.js";import{Box as r}from"../../box/Box.js";const t=n(r,{bg:"$tonal100",borderRadius:"$0",color:"$tonal600",display:"inline-block",fontFamily:"$mono",fontSize:"85%",p:"$0 $1"}),l=({node:o})=>e.createElement(t,{as:"code"},o.value);export{l as MarkdownInlineCode};
+import*as e from"react";import{styled as n}from"../../../stitches.js";import{Box as t}from"../../box/Box.js";const r=n(t,{bg:"$tonal100",borderRadius:"$0",color:"$tonal600",display:"inline-block",fontFamily:"$mono",fontSize:"85%",p:"$0 $1"}),l=({node:o})=>e.createElement(r,{as:"code"},o.value);export{l as MarkdownInlineCode};
+//# sourceMappingURL=MarkdownInlineCode.js.map

package/dist/components/markdown-content/components/MarkdownInlineCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownInlineCode.js","sources":["../../../../src/components/markdown-content/components/MarkdownInlineCode.tsx"],"sourcesContent":["import { InlineCode } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Box } from '../../box/Box'\n\ntype MarkdownInlineCodeProps = {\n  node: InlineCode\n}\n\nconst StyledMarkdownInlineCode = styled(Box, {\n  bg: '$tonal100',\n  borderRadius: '$0',\n  color: '$tonal600',\n  display: 'inline-block',\n  fontFamily: '$mono',\n  fontSize: '85%',\n  p: '$0 $1'\n})\n\nexport const MarkdownInlineCode: React.FC<MarkdownInlineCodeProps> = ({\n  node\n}) => (\n  <StyledMarkdownInlineCode as=\"code\">{node.value}</StyledMarkdownInlineCode>\n)\n"],"names":["StyledMarkdownInlineCode","styled","Box","MarkdownInlineCode","node","React"],"mappings":"6GAWA,MAAMA,EAA2BC,EAAOC,EAAK,CAC3C,GAAI,YACJ,aAAc,KACd,MAAO,YACP,QAAS,eACT,WAAY,QACZ,SAAU,MACV,EAAG,OACL,CAAC,EAEYC,EAAwD,CAAC,CACpE,KAAAC,CACF,IACEC,EAAA,cAACL,EAAA,CAAyB,GAAG,MAAQI,EAAAA,EAAK,KAAM"}

package/dist/components/markdown-content/components/MarkdownLink.js

@@ -1 +1,2 @@
-import*as l from"react";import{Link as i}from"../../link/Link.js";const n=({node:e,handleNode:t})=>{var r,o;return l.createElement(i,{title:(r=e.title)!=null?r:void 0,href:e.url},(o=e.children)==null?void 0:o.map(t))};export{n as MarkdownLink};
+import*as l from"react";import{Link as i}from"../../link/Link.js";const n=({node:e,handleNode:o})=>{var r,t;return l.createElement(i,{title:(r=e.title)!=null?r:void 0,href:e.url},(t=e.children)==null?void 0:t.map(o))};export{n as MarkdownLink};
+//# sourceMappingURL=MarkdownLink.js.map

package/dist/components/markdown-content/components/MarkdownLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownLink.js","sources":["../../../../src/components/markdown-content/components/MarkdownLink.tsx"],"sourcesContent":["import { Content, Link as LinkType } from 'mdast'\nimport * as React from 'react'\n\nimport { Link } from '../../link'\n\ntype MarkdownLinkProps = {\n  node: LinkType\n  handleNode: (node: Content) => React.ReactElement\n}\n\nexport const MarkdownLink: React.FC<MarkdownLinkProps> = ({\n  node,\n  handleNode\n}) => (\n  <Link title={node.title ?? undefined} href={node.url}>\n    {node.children?.map(handleNode)}\n  </Link>\n)\n"],"names":["MarkdownLink","node","handleNode","_a","_b","React","Link"],"mappings":"wEAUaA,EAA4C,CAAC,CACxD,KAAAC,EACA,WAAAC,CACF,IAAG,CAbH,IAAAC,EAAAC,EAcE,OAAAC,EAAA,cAACC,EAAA,CAAK,OAAOH,EAAAF,EAAK,QAAL,KAAAE,EAAc,OAAW,KAAMF,EAAK,MAC9CG,EAAAH,EAAK,WAAL,KAAAG,OAAAA,EAAe,IAAIF,CACtB,CAAA,CAAA"}

package/dist/components/markdown-content/components/MarkdownList.js

@@ -1 +1,2 @@
 import*as t from"react";import{List as n}from"../../list/List.js";const s=({node:e,handleNode:o,css:d})=>{var r;return t.createElement(n,{css:{"& p:before, & p:after":{display:"none"},...d},ordered:e.ordered||void 0},(r=e.children)==null?void 0:r.map(o))};export{s as MarkdownList};
+//# sourceMappingURL=MarkdownList.js.map

package/dist/components/markdown-content/components/MarkdownList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownList.js","sources":["../../../../src/components/markdown-content/components/MarkdownList.tsx"],"sourcesContent":["import { Content, List as ListType } from 'mdast'\nimport * as React from 'react'\n\nimport { CSS } from '~/stitches'\n\nimport { List } from '../../list'\n\ntype MarkdownListProps = {\n  node: ListType\n  handleNode: (node: Content) => React.ReactElement\n  css?: CSS\n}\n\nexport const MarkdownList: React.FC<MarkdownListProps> = ({\n  node,\n  handleNode,\n  css\n}) => (\n  <List\n    css={{ '& p:before, & p:after': { display: 'none' }, ...css } as CSS}\n    ordered={node.ordered || undefined}\n  >\n    {node.children?.map(handleNode)}\n  </List>\n)\n"],"names":["MarkdownList","node","handleNode","css","_a","React","List"],"mappings":"kEAaO,MAAMA,EAA4C,CAAC,CACxD,KAAAC,EACA,WAAAC,EACA,IAAAC,CACF,IAAG,CAjBH,IAAAC,EAkBE,OAAAC,EAAA,cAACC,EAAA,CACC,IAAK,CAAE,wBAAyB,CAAE,QAAS,MAAO,EAAG,GAAGH,CAAI,EAC5D,QAASF,EAAK,SAAW,MAExBG,GAAAA,EAAAH,EAAK,WAAL,KAAA,OAAAG,EAAe,IAAIF,CACtB,CAAA,CAAA"}

package/dist/components/markdown-content/components/MarkdownListItem.js

@@ -1 +1,2 @@
-import*as r from"react";import{List as n}from"../../list/List.js";const m=({node:t,handleNode:o})=>{var e;return r.createElement(n.Item,null,(e=t.children)==null?void 0:e.map(o))};export{m as MarkdownListItem};
+import*as o from"react";import{List as n}from"../../list/List.js";const m=({node:e,handleNode:r})=>{var t;return o.createElement(n.Item,null,(t=e.children)==null?void 0:t.map(r))};export{m as MarkdownListItem};
+//# sourceMappingURL=MarkdownListItem.js.map

package/dist/components/markdown-content/components/MarkdownListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownListItem.js","sources":["../../../../src/components/markdown-content/components/MarkdownListItem.tsx"],"sourcesContent":["import { Content, ListItem } from 'mdast'\nimport * as React from 'react'\n\nimport { List } from '../../list'\n\ntype MarkdownListItemProps = {\n  node: ListItem\n  handleNode: (node: Content) => React.ReactElement\n}\n\nexport const MarkdownListItem: React.FC<MarkdownListItemProps> = ({\n  node,\n  handleNode\n}) => <List.Item>{node.children?.map(handleNode)}</List.Item>\n"],"names":["MarkdownListItem","node","handleNode","_a","React","List"],"mappings":"kEAUa,MAAAA,EAAoD,CAAC,CAChE,KAAAC,EACA,WAAAC,CACF,IAAG,CAbH,IAAAC,EAaM,OAAAC,EAAA,cAACC,EAAK,KAAL,MAAWF,EAAAF,EAAK,WAAL,KAAAE,OAAAA,EAAe,IAAID,CAAY,CAAA,CAAA"}

package/dist/components/markdown-content/components/MarkdownParagraph.js

@@ -1 +1,2 @@
-import*as n from"react";import{Text as t}from"../../text/Text.js";const d=({node:e,handleNode:o,...a})=>{var r;return n.createElement(t,{...a},(r=e.children)==null?void 0:r.map(o))};export{d as MarkdownParagraph};
+import*as t from"react";import{Text as n}from"../../text/Text.js";const d=({node:e,handleNode:a,...o})=>{var r;return t.createElement(n,{...o},(r=e.children)==null?void 0:r.map(a))};export{d as MarkdownParagraph};
+//# sourceMappingURL=MarkdownParagraph.js.map

package/dist/components/markdown-content/components/MarkdownParagraph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownParagraph.js","sources":["../../../../src/components/markdown-content/components/MarkdownParagraph.tsx"],"sourcesContent":["import { Content, Paragraph } from 'mdast'\nimport * as React from 'react'\n\nimport { Text } from '../../text'\n\ntype MarkdownParagraphProps = {\n  node: Paragraph\n  handleNode: (node: Content) => React.ReactElement\n}\n\nexport const MarkdownParagraph: React.FC<MarkdownParagraphProps> = ({\n  node,\n  handleNode,\n  ...rest\n}) => <Text {...rest}>{node.children?.map(handleNode)}</Text>\n"],"names":["MarkdownParagraph","node","handleNode","rest","_a","React","Text"],"mappings":"kEAUO,MAAMA,EAAsD,CAAC,CAClE,KAAAC,EACA,WAAAC,KACGC,CACL,IAAG,CAdH,IAAAC,EAcM,OAAAC,EAAA,cAACC,EAAA,CAAM,GAAGH,CAAOC,GAAAA,EAAAH,EAAK,WAAL,KAAAG,OAAAA,EAAe,IAAIF,CAAY,CAAA,CAAA"}

package/dist/components/markdown-content/components/MarkdownStrong.js

@@ -1 +1,2 @@
-import*as t from"react";import{styled as e}from"../../../stitches.js";const d=e("strong",{fontWeight:600}),l=({node:n,handleNode:r})=>{var o;return t.createElement(d,null,(o=n.children)==null?void 0:o.map(r))};export{l as MarkdownStrong};
+import*as r from"react";import{styled as e}from"../../../stitches.js";const d=e("strong",{fontWeight:600}),l=({node:t,handleNode:n})=>{var o;return r.createElement(d,null,(o=t.children)==null?void 0:o.map(n))};export{l as MarkdownStrong};
+//# sourceMappingURL=MarkdownStrong.js.map

package/dist/components/markdown-content/components/MarkdownStrong.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownStrong.js","sources":["../../../../src/components/markdown-content/components/MarkdownStrong.tsx"],"sourcesContent":["import { Content, Strong } from 'mdast'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\ntype MarkdownStrongProps = {\n  node: Strong\n  handleNode: (node: Content) => React.ReactElement\n}\n\nconst StyledMarkdownStrong = styled('strong', { fontWeight: 600 })\n\nexport const MarkdownStrong: React.FC<MarkdownStrongProps> = ({\n  node,\n  handleNode\n}) => (\n  <StyledMarkdownStrong>{node.children?.map(handleNode)}</StyledMarkdownStrong>\n)\n"],"names":["StyledMarkdownStrong","styled","MarkdownStrong","node","handleNode","_a","React"],"mappings":"sEAUA,MAAMA,EAAuBC,EAAO,SAAU,CAAE,WAAY,GAAI,CAAC,EAEpDC,EAAgD,CAAC,CAC5D,KAAAC,EACA,WAAAC,CACF,IAAG,CAfH,IAAAC,EAgBE,OAAAC,EAAA,cAACN,EAAA,MAAsBK,EAAAF,EAAK,WAAL,KAAAE,OAAAA,EAAe,IAAID,CAAY,CAAA,CAAA"}

package/dist/components/markdown-content/components/MarkdownText.js

@@ -1 +1,2 @@
 const o=({node:e})=>e.value;export{o as MarkdownText};
+//# sourceMappingURL=MarkdownText.js.map

package/dist/components/markdown-content/components/MarkdownText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownText.js","sources":["../../../../src/components/markdown-content/components/MarkdownText.tsx"],"sourcesContent":["import { Text as TextType } from 'mdast'\nimport * as React from 'react'\n\ntype MarkdownTextProps = {\n  node: TextType\n}\n\nexport const MarkdownText = ({ node }: MarkdownTextProps): React.ReactNode =>\n  node.value\n"],"names":["MarkdownText","node"],"mappings":"AAOO,MAAMA,EAAe,CAAC,CAAE,KAAAC,CAAK,IAClCA,EAAK"}

package/dist/components/markdown-content/components/MarkdownThematicBreak.js

@@ -1 +1,2 @@
-import*as e from"react";import{Divider as o}from"../../divider/Divider.js";const t=({css:r})=>e.createElement(o,{css:{width:"100%",...r}});export{t as MarkdownThematicBreak};
+import*as t from"react";import{Divider as e}from"../../divider/Divider.js";const o=({css:r})=>t.createElement(e,{css:{width:"100%",...r}});export{o as MarkdownThematicBreak};
+//# sourceMappingURL=MarkdownThematicBreak.js.map

package/dist/components/markdown-content/components/MarkdownThematicBreak.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownThematicBreak.js","sources":["../../../../src/components/markdown-content/components/MarkdownThematicBreak.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { CSS } from '~/stitches'\n\nimport { Divider } from '../../divider'\n\ntype MarkdownThematicBreakProps = {\n  css?: CSS\n}\n\nexport const MarkdownThematicBreak: React.FC<MarkdownThematicBreakProps> = ({\n  css\n}) => <Divider css={{ width: '100%', ...css } as CSS} />\n"],"names":["MarkdownThematicBreak","css","React","Divider"],"mappings":"2EAUO,MAAMA,EAA8D,CAAC,CAC1E,IAAAC,CACF,IAAMC,EAAA,cAACC,EAAA,CAAQ,IAAK,CAAE,MAAO,OAAQ,GAAGF,CAAI,CAAU,CAAA"}

package/dist/components/navigation/NavigationMenu.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.js","sources":["../../../src/components/navigation/NavigationMenu.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { MAX_Z_INDEX } from '~/constants/zIndices'\nimport { CSS, keyframes, styled } from '~/stitches'\nimport { fadeOut } from '~/utilities/style/keyframe-animations'\n\nimport { NavigationMenuContext } from './NavigationMenuContext'\nimport { NavigationMenuDropdown } from './NavigationMenuDropdown'\nimport { NavigationMenuDropdownContent } from './NavigationMenuDropdownContent'\nimport {\n  NavigationMenuDropdownItem,\n  NavigationMenuDropdownItemTitle\n} from './NavigationMenuDropdownItem'\nimport { NavigationMenuDropdownTrigger } from './NavigationMenuDropdownTrigger'\nimport { NavigationMenuLink } from './NavigationMenuLink'\n\ntype NavigationMenuSubComponents = {\n  Link: typeof NavigationMenuLink\n  Dropdown: typeof NavigationMenuDropdown\n  DropdownContent: typeof NavigationMenuDropdownContent\n  DropdownItem: typeof NavigationMenuDropdownItem\n  DropdownItemTitle: typeof NavigationMenuDropdownItemTitle\n  DropdownTrigger: typeof NavigationMenuDropdownTrigger\n}\n\nconst delayedFadeIn = keyframes({\n  '0%, 50%': { opacity: 0 },\n  '100%': { opacity: 1 }\n})\n\nconst StyledMenu = styled(NavigationMenuPrimitive.Root, {\n  display: 'flex',\n  justifyContent: 'center',\n  position: 'relative'\n})\n\nconst StyledList = styled(NavigationMenuPrimitive.List, {\n  all: 'unset',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  gap: '$1',\n  listStyle: 'none'\n})\n\nconst StyledViewport = styled(NavigationMenuPrimitive.Viewport, {\n  zIndex: MAX_Z_INDEX\n})\n\nconst ViewportPosition = styled('div', {\n  position: 'absolute',\n  left: 0,\n  top: '100%',\n  width: '100%',\n  display: 'flex',\n  justifyContent: 'center'\n})\n\ntype NavigationMenuProps = {\n  css?: CSS\n}\n\nexport const NavigationMenu: React.FC<NavigationMenuProps> &\n  NavigationMenuSubComponents = ({ children, css }) => {\n  const [offset, setOffset] = React.useState<number | null | undefined>()\n  const [activeItem, setActiveItem] = React.useState<string | undefined>()\n  const [listWidth, setListWidth] = React.useState(0)\n  const listRef = React.useRef<HTMLUListElement>(null)\n  const fadeDuration = 200\n\n  React.useLayoutEffect(() => {\n    if (listRef.current) {\n      setListWidth(listRef.current.offsetWidth)\n    }\n  }, [])\n\n  React.useEffect(() => {\n    let timer: NodeJS.Timer\n\n    // Delay transitioning back to initial position\n    // to allow enough time for fadeOut animation to complete\n    if (activeItem === '') {\n      timer = setTimeout(() => setOffset(null), fadeDuration)\n    }\n\n    return () => {\n      if (timer !== null) {\n        clearTimeout(timer)\n      }\n    }\n  }, [activeItem])\n\n  // https://github.com/radix-ui/primitives/issues/1462\n  const onNodeUpdate = (trigger: HTMLButtonElement, itemValue: string) => {\n    if (trigger && listWidth && activeItem === itemValue) {\n      const listCenter = listWidth / 2\n\n      const triggerOffsetRight =\n        listWidth -\n        trigger.offsetLeft -\n        trigger.offsetWidth +\n        trigger.offsetWidth / 2\n\n      setOffset(Math.round(listCenter - triggerOffsetRight))\n    }\n\n    return trigger\n  }\n\n  return (\n    <NavigationMenuContext.Provider value={{ onNodeUpdate }}>\n      <StyledMenu onValueChange={setActiveItem} css={css}>\n        <StyledList ref={listRef}>{children}</StyledList>\n        <ViewportPosition>\n          <StyledViewport\n            css={{\n              transform: `translateX(${offset || 0}px)`,\n              '&[data-state=\"open\"]': {\n                animation: `${delayedFadeIn} ${fadeDuration}ms ease`\n              },\n              '&[data-state=\"closed\"]': {\n                animation: `${fadeOut} ${fadeDuration}ms ease-out`\n              }\n            }}\n          />\n        </ViewportPosition>\n      </StyledMenu>\n    </NavigationMenuContext.Provider>\n  )\n}\n\nNavigationMenu.Link = NavigationMenuLink\nNavigationMenu.Dropdown = NavigationMenuDropdown\nNavigationMenu.DropdownContent = NavigationMenuDropdownContent\nNavigationMenu.DropdownItem = NavigationMenuDropdownItem\nNavigationMenu.DropdownItemTitle = NavigationMenuDropdownItemTitle\nNavigationMenu.DropdownTrigger = NavigationMenuDropdownTrigger\n\nNavigationMenu.displayName = 'NavigationMenu'\n"],"names":["delayedFadeIn","keyframes","StyledMenu","styled","NavigationMenuPrimitive","StyledList","StyledViewport","MAX_Z_INDEX","ViewportPosition","NavigationMenu","children","css","offset","setOffset","React","activeItem","setActiveItem","listWidth","setListWidth","listRef","fadeDuration","timer","onNodeUpdate","trigger","itemValue","listCenter","triggerOffsetRight","NavigationMenuContext","fadeOut","NavigationMenuLink","NavigationMenuDropdown","NavigationMenuDropdownContent","NavigationMenuDropdownItem","NavigationMenuDropdownItemTitle","NavigationMenuDropdownTrigger"],"mappings":"+tBA0BA,MAAMA,EAAgBC,EAAU,CAC9B,UAAW,CAAE,QAAS,CAAE,EACxB,OAAQ,CAAE,QAAS,CAAE,CACvB,CAAC,EAEKC,EAAaC,EAAOC,EAAwB,KAAM,CACtD,QAAS,OACT,eAAgB,SAChB,SAAU,UACZ,CAAC,EAEKC,EAAaF,EAAOC,EAAwB,KAAM,CACtD,IAAK,QACL,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,IAAK,KACL,UAAW,MACb,CAAC,EAEKE,EAAiBH,EAAOC,EAAwB,SAAU,CAC9D,OAAQG,CACV,CAAC,EAEKC,EAAmBL,EAAO,MAAO,CACrC,SAAU,WACV,KAAM,EACN,IAAK,OACL,MAAO,OACP,QAAS,OACT,eAAgB,QAClB,CAAC,EAMYM,EACmB,CAAC,CAAE,SAAAC,EAAU,IAAAC,CAAI,IAAM,CACrD,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAM,SAC5B,EAAA,CAACC,EAAYC,CAAa,EAAIF,EAAM,SAAA,EACpC,CAACG,EAAWC,CAAY,EAAIJ,EAAM,SAAS,CAAC,EAC5CK,EAAUL,EAAM,OAAyB,IAAI,EAC7CM,EAAe,IAErBN,EAAM,gBAAgB,IAAM,CACtBK,EAAQ,SACVD,EAAaC,EAAQ,QAAQ,WAAW,CAE5C,EAAG,CAAE,CAAA,EAELL,EAAM,UAAU,IAAM,CACpB,IAAIO,EAIJ,OAAIN,IAAe,KACjBM,EAAQ,WAAW,IAAMR,EAAU,IAAI,EAAGO,CAAY,GAGjD,IAAM,CACPC,IAAU,MACZ,aAAaA,CAAK,CAEtB,CACF,EAAG,CAACN,CAAU,CAAC,EAGf,MAAMO,EAAe,CAACC,EAA4BC,IAAsB,CACtE,GAAID,GAAWN,GAAaF,IAAeS,EAAW,CACpD,MAAMC,EAAaR,EAAY,EAEzBS,EACJT,EACAM,EAAQ,WACRA,EAAQ,YACRA,EAAQ,YAAc,EAExBV,EAAU,KAAK,MAAMY,EAAaC,CAAkB,CAAC,CACvD,CAEA,OAAOH,CACT,EAEA,OACET,EAAA,cAACa,EAAsB,SAAtB,CAA+B,MAAO,CAAE,aAAAL,CAAa,CACpDR,EAAAA,EAAA,cAACZ,EAAA,CAAW,cAAec,EAAe,IAAKL,CAC7CG,EAAAA,EAAA,cAACT,EAAA,CAAW,IAAKc,CAAAA,EAAUT,CAAS,EACpCI,EAAA,cAACN,EAAA,KACCM,EAAA,cAACR,EAAA,CACC,IAAK,CACH,UAAW,cAAcM,GAAU,OACnC,uBAAwB,CACtB,UAAW,GAAGZ,KAAiBoB,UACjC,EACA,yBAA0B,CACxB,UAAW,GAAGQ,KAAWR,cAC3B,CACF,CAAA,CACF,CACF,CACF,CACF,CAEJ,EAEAX,EAAe,KAAOoB,EACtBpB,EAAe,SAAWqB,EAC1BrB,EAAe,gBAAkBsB,EACjCtB,EAAe,aAAeuB,EAC9BvB,EAAe,kBAAoBwB,EACnCxB,EAAe,gBAAkByB,EAEjCzB,EAAe,YAAc"}

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

@@ -1 +1,2 @@
 const o={background:"none",color:"$tonal400",opacity:"30%",cursor:"default"},t={all:"unset",position:"relative",color:"$tonal400",outline:"none",cursor:"pointer",fontFamily:"$body",userSelect:"none",padding:"$3",borderRadius:"$1","&:hover":{background:"$tonal50",color:"$tonal600"},"&:active":{background:"$tonal100",color:"$tonal600"},"&:focus-visible":{boxShadow:"inset 0 0 0 2px $colors$primary"},"&:disabled":{...o}},n={fontWeight:"600",color:"$tonal500","&::after":{backgroundColor:"$tonal500",borderRadius:"$1",bottom:0,content:"",display:"block",height:"2px",left:"50%",position:"absolute",transform:"translate(-50%,0)",width:"$2"}};export{n as navigationMenuActiveItemStyles,t as navigationMenuBaseItemStyles,o as navigationMenuDisabledItemStyles};
+//# sourceMappingURL=NavigationMenu.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.styles.js","sources":["../../../src/components/navigation/NavigationMenu.styles.ts"],"sourcesContent":["export const navigationMenuDisabledItemStyles = {\n  background: 'none',\n  color: '$tonal400',\n  opacity: '30%',\n  cursor: 'default'\n}\n\nexport const navigationMenuBaseItemStyles = {\n  all: 'unset',\n  position: 'relative',\n  color: '$tonal400',\n  outline: 'none',\n  cursor: 'pointer',\n  fontFamily: '$body',\n  userSelect: 'none',\n  padding: '$3',\n  borderRadius: '$1',\n  '&:hover': { background: '$tonal50', color: '$tonal600' },\n  '&:active': { background: '$tonal100', color: '$tonal600' },\n  '&:focus-visible': {\n    boxShadow: 'inset 0 0 0 2px $colors$primary'\n  },\n  '&:disabled': {\n    ...navigationMenuDisabledItemStyles\n  }\n}\n\nexport const navigationMenuActiveItemStyles = {\n  fontWeight: '600',\n  color: '$tonal500',\n  '&::after': {\n    backgroundColor: '$tonal500',\n    borderRadius: '$1',\n    bottom: 0,\n    content: '',\n    display: 'block',\n    height: '2px',\n    left: '50%',\n    position: 'absolute',\n    transform: 'translate(-50%,0)',\n    width: '$2'\n  }\n}\n"],"names":["navigationMenuDisabledItemStyles","navigationMenuBaseItemStyles","navigationMenuActiveItemStyles"],"mappings":"AAAO,MAAMA,EAAmC,CAC9C,WAAY,OACZ,MAAO,YACP,QAAS,MACT,OAAQ,SACV,EAEaC,EAA+B,CAC1C,IAAK,QACL,SAAU,WACV,MAAO,YACP,QAAS,OACT,OAAQ,UACR,WAAY,QACZ,WAAY,OACZ,QAAS,KACT,aAAc,KACd,UAAW,CAAE,WAAY,WAAY,MAAO,WAAY,EACxD,WAAY,CAAE,WAAY,YAAa,MAAO,WAAY,EAC1D,kBAAmB,CACjB,UAAW,iCACb,EACA,aAAc,CACZ,GAAGD,CACL,CACF,EAEaE,EAAiC,CAC5C,WAAY,MACZ,MAAO,YACP,WAAY,CACV,gBAAiB,YACjB,aAAc,KACd,OAAQ,EACR,QAAS,GACT,QAAS,QACT,OAAQ,MACR,KAAM,MACN,SAAU,WACV,UAAW,oBACX,MAAO,IACT,CACF"}

package/dist/components/navigation/NavigationMenuContext.js

@@ -1 +1,2 @@
 import e from"react";const o=e.createContext(void 0),n=()=>{const t=e.useContext(o);if(t===void 0)throw new Error("useNavigationMenuContext must be used within a NavigationMenuContextProvider");return t};export{o as NavigationMenuContext,n as useNavigationMenuContext};
+//# sourceMappingURL=NavigationMenuContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuContext.js","sources":["../../../src/components/navigation/NavigationMenuContext.tsx"],"sourcesContent":["import React from 'react'\n\ninterface NavigationMenuContextValue {\n  onNodeUpdate: (\n    trigger: HTMLButtonElement,\n    itemValue: string\n  ) => HTMLButtonElement\n}\n\nexport const NavigationMenuContext = React.createContext<\n  NavigationMenuContextValue | undefined\n>(undefined)\n\nexport const useNavigationMenuContext = (): NavigationMenuContextValue => {\n  const context = React.useContext(NavigationMenuContext)\n\n  if (context === undefined) {\n    throw new Error(\n      'useNavigationMenuContext must be used within a NavigationMenuContextProvider'\n    )\n  }\n\n  return context\n}\n"],"names":["NavigationMenuContext","React","useNavigationMenuContext","context"],"mappings":"qBASO,MAAMA,EAAwBC,EAAM,cAEzC,MAAS,EAEEC,EAA2B,IAAkC,CACxE,MAAMC,EAAUF,EAAM,WAAWD,CAAqB,EAEtD,GAAIG,IAAY,OACd,MAAM,IAAI,MACR,8EACF,EAGF,OAAOA,CACT"}

package/dist/components/navigation/NavigationMenuDropdown.js

@@ -1 +1,2 @@
 import*as l from"@radix-ui/react-navigation-menu";import n from"react";import{useNavigationMenuContext as u}from"./NavigationMenuContext.js";import{NavigationMenuDropdownContent as g}from"./NavigationMenuDropdownContent.js";import{NavigationMenuDropdownTrigger as s}from"./NavigationMenuDropdownTrigger.js";const i=({children:r,id:t,...a})=>{const{onNodeUpdate:p}=u();return n.createElement(l.Item,{value:t},n.Children.map(r,e=>{const o=n.isValidElement(e)&&e.type===s,d=n.isValidElement(e)&&e.type===g;if(!o&&!d)throw new Error('Only NavigationMenu.Trigger and NavigationMenu.Content can be the passed as a "children" of NavigationMenu.Dropdown');return o?n.cloneElement(e,{...a,ref:m=>p(m,t)}):e}))};i.displayName="NavigationMenuDropdown";export{i as NavigationMenuDropdown};
+//# sourceMappingURL=NavigationMenuDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuDropdown.js","sources":["../../../src/components/navigation/NavigationMenuDropdown.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React, { ComponentProps, ReactElement } from 'react'\n\nimport { CSS } from '~/stitches'\n\nimport { useNavigationMenuContext } from './NavigationMenuContext'\nimport { NavigationMenuDropdownContent } from './NavigationMenuDropdownContent'\nimport { NavigationMenuDropdownTrigger } from './NavigationMenuDropdownTrigger'\n\ntype NavigationMenuDropdownProps = {\n  active?: boolean\n  css?: CSS\n  id: string\n} & React.HTMLProps<HTMLButtonElement>\n\ntype DropdownTriggerProps = ComponentProps<typeof NavigationMenuDropdownTrigger>\n\nexport const NavigationMenuDropdown: React.FC<NavigationMenuDropdownProps> = ({\n  children,\n  id,\n  ...props\n}) => {\n  const { onNodeUpdate } = useNavigationMenuContext()\n\n  return (\n    <NavigationMenuPrimitive.Item value={id}>\n      {React.Children.map(children, (child) => {\n        const isTrigger =\n          React.isValidElement(child) &&\n          child.type === NavigationMenuDropdownTrigger\n        const isContent =\n          React.isValidElement(child) &&\n          child.type === NavigationMenuDropdownContent\n\n        if (!isTrigger && !isContent) {\n          throw new Error(\n            'Only NavigationMenu.Trigger and NavigationMenu.Content can be the passed as a \"children\" of NavigationMenu.Dropdown'\n          )\n        }\n        return isTrigger\n          ? React.cloneElement(\n              child as ReactElement<DropdownTriggerProps>,\n              {\n                ...props,\n                ref: (node: HTMLButtonElement) => onNodeUpdate(node, id)\n              } as React.PropsWithRef<DropdownTriggerProps>\n            )\n          : child\n      })}\n    </NavigationMenuPrimitive.Item>\n  )\n}\n\nNavigationMenuDropdown.displayName = 'NavigationMenuDropdown'\n"],"names":["NavigationMenuDropdown","children","id","props","onNodeUpdate","useNavigationMenuContext","React","NavigationMenuPrimitive","child","isTrigger","NavigationMenuDropdownTrigger","isContent","NavigationMenuDropdownContent","node"],"mappings":"mTAiBa,MAAAA,EAAgE,CAAC,CAC5E,SAAAC,EACA,GAAAC,KACGC,CACL,IAAM,CACJ,KAAM,CAAE,aAAAC,CAAa,EAAIC,EAEzB,EAAA,OACEC,EAAA,cAACC,EAAwB,KAAxB,CAA6B,MAAOL,GAClCI,EAAM,SAAS,IAAIL,EAAWO,GAAU,CACvC,MAAMC,EACJH,EAAM,eAAeE,CAAK,GAC1BA,EAAM,OAASE,EACXC,EACJL,EAAM,eAAeE,CAAK,GAC1BA,EAAM,OAASI,EAEjB,GAAI,CAACH,GAAa,CAACE,EACjB,MAAM,IAAI,MACR,qHACF,EAEF,OAAOF,EACHH,EAAM,aACJE,EACA,CACE,GAAGL,EACH,IAAMU,GAA4BT,EAAaS,EAAMX,CAAE,CACzD,CACF,EACAM,CACN,CAAC,CACH,CAEJ,EAEAR,EAAuB,YAAc"}

package/dist/components/navigation/NavigationMenuDropdownContent.js

@@ -1 +1,2 @@
-import*as i from"@radix-ui/react-navigation-menu";import o from"react";import{preventHover as e}from"./preventHover.js";import{styled as t}from"../../stitches.js";const a=t("ul",{listStyle:"none",m:0,p:0}),m=t(i.Content,{p:"$3",bg:"white",mt:"4px",boxShadow:"$1",borderRadius:"$1"}),n=({children:r})=>o.createElement(m,{onPointerMove:e,onPointerLeave:e},o.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{preventHover as o}from"./preventHover.js";import{styled as t}from"../../stitches.js";const a=t("ul",{listStyle:"none",m:0,p:0}),m=t(i.Content,{p:"$3",bg:"white",mt:"4px",boxShadow:"$1",borderRadius:"$1"}),n=({children:r})=>e.createElement(m,{onPointerMove:o,onPointerLeave:o},e.createElement(a,null,r));n.displayName="NavigationMenuDropdownContent";export{n as NavigationMenuDropdownContent};
+//# sourceMappingURL=NavigationMenuDropdownContent.js.map

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

@@ -0,0 +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'\nimport { preventHover } from './preventHover'\n\nimport { styled } from '~/stitches'\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":"mKAMA,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/NavigationMenuDropdownItem.js

@@ -1 +1,2 @@
 import o from"react";import{styled as a}from"../../stitches.js";import{Text as r}from"../text/Text.js";import{NavigationMenuLink as m}from"./NavigationMenuLink.js";const t=o.forwardRef((i,n)=>o.createElement(m,{ref:n,variant:"dropdownItem",...i})),e=a(r,{color:"$tonal500",fontWeight:600});t.displayName="NavigationMenuDropdownItem",e.displayName="NavigationMenuDropdownItemTitle";export{t as NavigationMenuDropdownItem,e as NavigationMenuDropdownItemTitle};
+//# sourceMappingURL=NavigationMenuDropdownItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuDropdownItem.js","sources":["../../../src/components/navigation/NavigationMenuDropdownItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Text } from '../text'\nimport { NavigationMenuLink } from './NavigationMenuLink'\n\nexport const NavigationMenuDropdownItem = React.forwardRef<\n  HTMLAnchorElement,\n  React.PropsWithChildren<React.ComponentProps<typeof NavigationMenuLink>>\n>((props, forwardedRef) => {\n  return (\n    <NavigationMenuLink ref={forwardedRef} variant=\"dropdownItem\" {...props} />\n  )\n})\n\nexport const NavigationMenuDropdownItemTitle = styled(Text, {\n  color: '$tonal500',\n  fontWeight: 600\n})\n\nNavigationMenuDropdownItem.displayName = 'NavigationMenuDropdownItem'\nNavigationMenuDropdownItemTitle.displayName = 'NavigationMenuDropdownItemTitle'\n"],"names":["NavigationMenuDropdownItem","React","props","forwardedRef","NavigationMenuLink","NavigationMenuDropdownItemTitle","styled","Text"],"mappings":"oKAOa,MAAAA,EAA6BC,EAAM,WAG9C,CAACC,EAAOC,IAENF,EAAA,cAACG,EAAA,CAAmB,IAAKD,EAAc,QAAQ,eAAgB,GAAGD,CAAO,CAAA,CAE5E,EAEYG,EAAkCC,EAAOC,EAAM,CAC1D,MAAO,YACP,WAAY,GACd,CAAC,EAEDP,EAA2B,YAAc,6BACzCK,EAAgC,YAAc"}

package/dist/components/navigation/NavigationMenuDropdownTrigger.js

@@ -1 +1,2 @@
 import{ChevronDown as s}from"@atom-learning/icons";import*as m from"@radix-ui/react-navigation-menu";import e from"react";import{preventHover as t}from"./preventHover.js";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";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

@@ -0,0 +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'\nimport { preventHover } from './preventHover'\n\nimport { styled } from '~/stitches'\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={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"}

package/dist/components/navigation/NavigationMenuLink.js

@@ -1 +1,2 @@
-import*as o from"@radix-ui/react-navigation-menu";import e from"react";import{styled as t}from"../../stitches.js";import{navigationMenuBaseItemStyles as n,navigationMenuDisabledItemStyles as p,navigationMenuActiveItemStyles as v}from"./NavigationMenu.styles.js";const u=t("button",{...n,...p}),y=t(o.Item),f=t(o.Link,n,{display:"block",textDecoration:"none",lineHeight:1,variants:{elementType:{dropdownItem:{"&[data-active]":{background:"$primaryLight",color:"$primary","*":{color:"$primary"},"&:hover":{background:"$tonal50"},"&:active":{background:"$tonal100"},"&:focus-visible":{boxShadow:"0 0 0 2px $colors$primary"}}},link:{"&[data-active]":{...v}}}}}),r=e.forwardRef(({children:a,href:l,disabled:m,css:s,variant:c="link",...i},d)=>e.createElement(y,null,m?e.createElement(u,{disabled:!0,...i},a):e.createElement(f,{href:l,ref:d,elementType:c,css:s,...i},a)));r.displayName="NavigationMenuLink";export{r as NavigationMenuLink};
+import*as n from"@radix-ui/react-navigation-menu";import e from"react";import{styled as t}from"../../stitches.js";import{navigationMenuBaseItemStyles as o,navigationMenuDisabledItemStyles as p,navigationMenuActiveItemStyles as v}from"./NavigationMenu.styles.js";const u=t("button",{...o,...p}),y=t(n.Item),f=t(n.Link,o,{display:"block",textDecoration:"none",lineHeight:1,variants:{elementType:{dropdownItem:{"&[data-active]":{background:"$primaryLight",color:"$primary","*":{color:"$primary"},"&:hover":{background:"$tonal50"},"&:active":{background:"$tonal100"},"&:focus-visible":{boxShadow:"0 0 0 2px $colors$primary"}}},link:{"&[data-active]":{...v}}}}}),r=e.forwardRef(({children:a,href:l,disabled:m,css:s,variant:c="link",...i},d)=>e.createElement(y,null,m?e.createElement(u,{disabled:!0,...i},a):e.createElement(f,{href:l,ref:d,elementType:c,css:s,...i},a)));r.displayName="NavigationMenuLink";export{r as NavigationMenuLink};
+//# sourceMappingURL=NavigationMenuLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuLink.js","sources":["../../../src/components/navigation/NavigationMenuLink.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { CSS, styled } from '~/stitches'\n\nimport {\n  navigationMenuActiveItemStyles,\n  navigationMenuBaseItemStyles,\n  navigationMenuDisabledItemStyles\n} from './NavigationMenu.styles'\n\nconst DisabledButton = styled('button', {\n  ...navigationMenuBaseItemStyles,\n  ...navigationMenuDisabledItemStyles\n})\n\nconst ListItem = styled(NavigationMenuPrimitive.Item)\n\nconst StyledLink = styled(\n  NavigationMenuPrimitive.Link,\n  navigationMenuBaseItemStyles,\n  {\n    display: 'block',\n    textDecoration: 'none',\n    lineHeight: 1,\n    variants: {\n      elementType: {\n        dropdownItem: {\n          '&[data-active]': {\n            background: '$primaryLight',\n            color: '$primary',\n            '*': { color: '$primary' },\n            '&:hover': { background: '$tonal50' },\n            '&:active': { background: '$tonal100' },\n            '&:focus-visible': {\n              boxShadow: '0 0 0 2px $colors$primary'\n            }\n          }\n        },\n        link: {\n          '&[data-active]': { ...navigationMenuActiveItemStyles }\n        }\n      }\n    }\n  }\n)\n\ntype NavigationMenuLinkProps = {\n  href: string\n  active?: boolean\n  disabled?: boolean\n  variant?: 'link' | 'dropdownItem'\n  css?: CSS\n}\n\nexport const NavigationMenuLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.PropsWithChildren<NavigationMenuLinkProps>\n>(\n  (\n    { children, href, disabled, css, variant = 'link', ...props },\n    forwardedRef\n  ) => (\n    <ListItem>\n      {disabled ? (\n        <DisabledButton disabled {...props}>\n          {children}\n        </DisabledButton>\n      ) : (\n        <StyledLink\n          href={href}\n          ref={forwardedRef}\n          elementType={variant}\n          css={css}\n          {...props}\n        >\n          {children}\n        </StyledLink>\n      )}\n    </ListItem>\n  )\n)\n\nNavigationMenuLink.displayName = 'NavigationMenuLink'\n"],"names":["DisabledButton","styled","navigationMenuBaseItemStyles","navigationMenuDisabledItemStyles","ListItem","NavigationMenuPrimitive","StyledLink","navigationMenuActiveItemStyles","NavigationMenuLink","React","children","href","disabled","css","variant","props","forwardedRef"],"mappings":"sQAWA,MAAMA,EAAiBC,EAAO,SAAU,CACtC,GAAGC,EACH,GAAGC,CACL,CAAC,EAEKC,EAAWH,EAAOI,EAAwB,IAAI,EAE9CC,EAAaL,EACjBI,EAAwB,KACxBH,EACA,CACE,QAAS,QACT,eAAgB,OAChB,WAAY,EACZ,SAAU,CACR,YAAa,CACX,aAAc,CACZ,iBAAkB,CAChB,WAAY,gBACZ,MAAO,WACP,IAAK,CAAE,MAAO,UAAW,EACzB,UAAW,CAAE,WAAY,UAAW,EACpC,WAAY,CAAE,WAAY,WAAY,EACtC,kBAAmB,CACjB,UAAW,2BACb,CACF,CACF,EACA,KAAM,CACJ,iBAAkB,CAAE,GAAGK,CAA+B,CACxD,CACF,CACF,CACF,CACF,EAUaC,EAAqBC,EAAM,WAItC,CACE,CAAE,SAAAC,EAAU,KAAAC,EAAM,SAAAC,EAAU,IAAAC,EAAK,QAAAC,EAAU,UAAWC,CAAM,EAC5DC,IAEAP,EAAA,cAACL,EAAA,KACEQ,EACCH,EAAA,cAACT,EAAA,CAAe,SAAQ,GAAE,GAAGe,CAC1BL,EAAAA,CACH,EAEAD,EAAA,cAACH,EAAA,CACC,KAAMK,EACN,IAAKK,EACL,YAAaF,EACb,IAAKD,EACJ,GAAGE,GAEHL,CACH,CAEJ,CAEJ,EAEAF,EAAmB,YAAc"}

package/dist/components/navigation/preventHover.js

@@ -1 +1,2 @@
 const t=e=>{e.preventDefault()};export{t as preventHover};
+//# sourceMappingURL=preventHover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preventHover.js","sources":["../../../src/components/navigation/preventHover.ts"],"sourcesContent":["/*\nUsed to block default radix hover to open menu behaviour\nProps: https://github.com/radix-ui/primitives/issues/1630\n*/\nexport const preventHover = (event: any) => {\n  const e = event as Event\n  e.preventDefault()\n}\n"],"names":["preventHover","event"],"mappings":"AAIO,MAAMA,EAAgBC,GAAe,CAChCA,EACR,eACJ,CAAA"}

package/dist/components/notification-badge/NotificationBadge.js

@@ -1 +1,2 @@
-import o from"react";import{styled as e}from"../../stitches.js";import{Box as i}from"../box/Box.js";import{Flex as n}from"../flex/Flex.js";const l=e(i,{position:"relative"}),a=e(n,{fontFamily:"$body",fontSize:"$sm",flexDirection:"column",justifyContent:"center",position:"absolute",top:"0",right:"0",transform:"translate(calc($sizes$2 / 2), -50%)",borderRadius:"$round",p:"$2",height:"$2",minWidth:"$2",textAlign:"center",color:"#fff",bg:"$primary"}),m=({value:t,children:r})=>o.createElement(l,null,!!t&&o.createElement(a,{role:"status"},t),r);export{m as NotificationBadge};
+import e from"react";import{styled as o}from"../../stitches.js";import{Box as i}from"../box/Box.js";import{Flex as n}from"../flex/Flex.js";const l=o(i,{position:"relative"}),a=o(n,{fontFamily:"$body",fontSize:"$sm",flexDirection:"column",justifyContent:"center",position:"absolute",top:"0",right:"0",transform:"translate(calc($sizes$2 / 2), -50%)",borderRadius:"$round",p:"$2",height:"$2",minWidth:"$2",textAlign:"center",color:"#fff",bg:"$primary"}),m=({value:t,children:r})=>e.createElement(l,null,!!t&&e.createElement(a,{role:"status"},t),r);export{m as NotificationBadge};
+//# sourceMappingURL=NotificationBadge.js.map

package/dist/components/notification-badge/NotificationBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationBadge.js","sources":["../../../src/components/notification-badge/NotificationBadge.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Box } from '../box'\nimport { Flex } from '../flex'\n\nconst StyledWrapper = styled(Box, {\n  position: 'relative'\n})\n\nconst StyledBadge = styled(Flex, {\n  fontFamily: '$body',\n  fontSize: '$sm',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  position: 'absolute',\n  top: '0',\n  right: '0',\n  transform: 'translate(calc($sizes$2 / 2), -50%)',\n  borderRadius: '$round',\n  p: '$2',\n  height: '$2',\n  minWidth: '$2',\n  textAlign: 'center',\n  color: '#fff',\n  bg: '$primary'\n})\n\ntype NotificationBadgeProps = React.ComponentProps<typeof StyledBadge> & {\n  value: number | string\n}\n\nexport const NotificationBadge: React.FC<NotificationBadgeProps> = ({\n  value,\n  children\n}) => (\n  <StyledWrapper>\n    {!!value && <StyledBadge role=\"status\">{value}</StyledBadge>}\n    {children}\n  </StyledWrapper>\n)\n"],"names":["StyledWrapper","styled","Box","StyledBadge","Flex","NotificationBadge","value","children","React"],"mappings":"2IAOA,MAAMA,EAAgBC,EAAOC,EAAK,CAChC,SAAU,UACZ,CAAC,EAEKC,EAAcF,EAAOG,EAAM,CAC/B,WAAY,QACZ,SAAU,MACV,cAAe,SACf,eAAgB,SAChB,SAAU,WACV,IAAK,IACL,MAAO,IACP,UAAW,sCACX,aAAc,SACd,EAAG,KACH,OAAQ,KACR,SAAU,KACV,UAAW,SACX,MAAO,OACP,GAAI,UACN,CAAC,EAMYC,EAAsD,CAAC,CAClE,MAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAACR,EAAA,KACE,CAAC,CAACM,GAASE,EAAA,cAACL,EAAA,CAAY,KAAK,QAAUG,EAAAA,CAAM,EAC7CC,CACH"}

package/dist/components/number-input/NumberInput.js

@@ -1 +1,2 @@
-import{Minus as $,Plus as B}from"@atom-learning/icons";import*as n from"react";import{Flex as F}from"../flex/Flex.js";import{Input as H}from"../input/Input.js";import{NumberInputStepper as x}from"./NumberInputStepper.js";const N=n.forwardRef((g,k)=>{const{name:E,min:o=0,max:l=Number.MAX_SAFE_INTEGER,step:s=1,initialValue:y=0,disabled:u=!1,readonly:m=!1,size:v="md",onChange:C,stepperButtonLabels:T,disabledTooltipContent:A,css:I,...L}=g,[r,M]=n.useState(y),i=n.useRef(null);n.useImperativeHandle(k,()=>i.current);const w={increment:"increment",decrement:"decrement",...T},R={decrement:`Cannot enter values below ${o}`,increment:`Cannot enter values above ${l}`,...A},d=r>=l,c=r<=o,p=n.useCallback(e=>Math.min(Math.max(e,o),l),[l,o]),a=n.useCallback(e=>{M(e),C==null||C(Number(e))},[C]),z=n.useCallback(e=>{const t=e.target.value.replace(/\D/g,"");a(t)},[a]),b=n.useCallback(()=>{var e;if(d||m)return;(e=i==null?void 0:i.current)==null||e.focus();let t;r===""?t=s:t=Number(r)+s,a(p(t))},[p,d,m,s,a,r]),f=n.useCallback(()=>{var e;if(c||m)return;(e=i==null?void 0:i.current)==null||e.focus();let t;r===""?t=o:t=Number(r)-s,a(p(t))},[p,c,m,o,s,a,r]),D=n.useCallback(e=>{if(e.nativeEvent.isComposing)return;const t=e.key,h={ArrowUp:b,ArrowRight:b,ArrowDown:f,ArrowLeft:f,Home:()=>a(o),End:()=>a(l)}[t];h&&(e.preventDefault(),h(e))},[b,f,a,o,l]),S={name:E,type:"number",value:r,...L,onChange:z,onKeyDown:D,size:v,css:{borderRadius:"0px",width:"$6","&:disabled":{opacity:.3,pointerEvents:"none"}},ref:i,readOnly:m,disabled:u,"aria-valuemin":o,"aria-valuemax":l,"aria-valuenow":Number(r),role:"spinbutton"};return n.createElement(F,{css:I},n.createElement(x,{onClick:f,icon:$,css:{borderRight:"none",borderTopRightRadius:"0px",borderBottomRightRadius:"0px"},size:v,disabled:c||u,showTooltip:c&&!u,disabledTooltipContent:R.decrement,label:w.decrement}),n.createElement(H,{...S}),n.createElement(x,{onClick:b,icon:B,css:{borderLeft:"none",borderTopLeftRadius:"0px",borderBottomLeftRadius:"0px"},size:v,disabled:d||u,showTooltip:d&&!u,disabledTooltipContent:R.increment,label:w.increment}))});N.displayName="NumberInput";export{N as NumberInput};
+import{Minus as B,Plus as $}from"@atom-learning/icons";import*as t from"react";import{Flex as F}from"../flex/Flex.js";import{Input as H}from"../input/Input.js";import{NumberInputStepper as x}from"./NumberInputStepper.js";const N=t.forwardRef((g,k)=>{const{name:E,min:o=0,max:l=Number.MAX_SAFE_INTEGER,step:s=1,initialValue:y=0,disabled:u=!1,readonly:m=!1,size:v="md",onChange:C,stepperButtonLabels:T,disabledTooltipContent:A,css:I,...L}=g,[r,M]=t.useState(y),i=t.useRef(null);t.useImperativeHandle(k,()=>i.current);const w={increment:"increment",decrement:"decrement",...T},R={decrement:`Cannot enter values below ${o}`,increment:`Cannot enter values above ${l}`,...A},d=r>=l,c=r<=o,p=t.useCallback(e=>Math.min(Math.max(e,o),l),[l,o]),a=t.useCallback(e=>{M(e),C==null||C(Number(e))},[C]),z=t.useCallback(e=>{const n=e.target.value.replace(/\D/g,"");a(n)},[a]),b=t.useCallback(()=>{var e;if(d||m)return;(e=i==null?void 0:i.current)==null||e.focus();let n;r===""?n=s:n=Number(r)+s,a(p(n))},[p,d,m,s,a,r]),f=t.useCallback(()=>{var e;if(c||m)return;(e=i==null?void 0:i.current)==null||e.focus();let n;r===""?n=o:n=Number(r)-s,a(p(n))},[p,c,m,o,s,a,r]),D=t.useCallback(e=>{if(e.nativeEvent.isComposing)return;const n=e.key,h={ArrowUp:b,ArrowRight:b,ArrowDown:f,ArrowLeft:f,Home:()=>a(o),End:()=>a(l)}[n];h&&(e.preventDefault(),h(e))},[b,f,a,o,l]),S={name:E,type:"number",value:r,...L,onChange:z,onKeyDown:D,size:v,css:{borderRadius:"0px",width:"$6","&:disabled":{opacity:.3,pointerEvents:"none"}},ref:i,readOnly:m,disabled:u,"aria-valuemin":o,"aria-valuemax":l,"aria-valuenow":Number(r),role:"spinbutton"};return t.createElement(F,{css:I},t.createElement(x,{onClick:f,icon:B,css:{borderRight:"none",borderTopRightRadius:"0px",borderBottomRightRadius:"0px"},size:v,disabled:c||u,showTooltip:c&&!u,disabledTooltipContent:R.decrement,label:w.decrement}),t.createElement(H,{...S}),t.createElement(x,{onClick:b,icon:$,css:{borderLeft:"none",borderTopLeftRadius:"0px",borderBottomLeftRadius:"0px"},size:v,disabled:d||u,showTooltip:d&&!u,disabledTooltipContent:R.increment,label:w.increment}))});N.displayName="NumberInput";export{N as NumberInput};
+//# sourceMappingURL=NumberInput.js.map

package/dist/components/number-input/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sources":["../../../src/components/number-input/NumberInput.tsx"],"sourcesContent":["import { Minus, Plus } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport type { CSS } from '~/stitches'\n\nimport { Flex } from '../flex'\nimport { Input } from '../input'\nimport { NumberInputStepper } from './NumberInputStepper'\n\nexport interface NumberInputProps {\n  name: string\n  min?: number\n  max?: number\n  step?: number\n  initialValue?: number\n  disabled?: boolean\n  readonly?: boolean\n  size?: 'sm' | 'md'\n  onChange?: (value: number) => void\n  stepperButtonLabels?: { increment?: string; decrement?: string }\n  disabledTooltipContent?: { increment?: string; decrement?: string }\n  css?: CSS\n}\n\nexport const NumberInput = React.forwardRef<HTMLInputElement, NumberInputProps>(\n  (props: NumberInputProps, forwardedRef): JSX.Element => {\n    const {\n      name,\n      min = 0,\n      max = Number.MAX_SAFE_INTEGER,\n      step = 1,\n      initialValue = 0,\n      disabled: isDisabled = false,\n      readonly: isReadOnly = false,\n      size = 'md',\n      onChange,\n      stepperButtonLabels: stepperButtonLabelsProp,\n      disabledTooltipContent: disabledTooltipContentProp,\n      css,\n      ...rest\n    } = props\n\n    const [value, setValue] = React.useState<number | string>(initialValue)\n    const inputRef = React.useRef<HTMLInputElement | null>(null)\n\n    React.useImperativeHandle(\n      forwardedRef,\n      () => inputRef.current as HTMLInputElement\n    )\n\n    const stepperButtonLabels = {\n      increment: 'increment',\n      decrement: 'decrement',\n      ...stepperButtonLabelsProp\n    }\n\n    const disabledTooltipContent = {\n      decrement: `Cannot enter values below ${min}`,\n      increment: `Cannot enter values above ${max}`,\n      ...disabledTooltipContentProp\n    }\n\n    const isAtMax = value >= max\n    const isAtMin = value <= min\n\n    const clamp = React.useCallback(\n      (value: number) => Math.min(Math.max(value, min), max),\n      [max, min]\n    )\n\n    const updateValue = React.useCallback(\n      (next: string | number) => {\n        setValue(next)\n        onChange?.(Number(next))\n      },\n      [onChange]\n    )\n\n    const onInputChange = React.useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        const parsedValue = event.target.value.replace(/\\D/g, '')\n        updateValue(parsedValue)\n      },\n      [updateValue]\n    )\n\n    const increment = React.useCallback(() => {\n      if (isAtMax || isReadOnly) return\n      inputRef?.current?.focus()\n      let next: string | number\n\n      if (value === '') {\n        next = step\n      } else {\n        next = Number(value) + step\n      }\n\n      updateValue(clamp(next))\n    }, [clamp, isAtMax, isReadOnly, step, updateValue, value])\n\n    const decrement = React.useCallback(() => {\n      if (isAtMin || isReadOnly) return\n      inputRef?.current?.focus()\n      let next: string | number\n\n      if (value === '') {\n        next = min\n      } else {\n        next = Number(value) - step\n      }\n\n      updateValue(clamp(next))\n    }, [clamp, isAtMin, isReadOnly, min, step, updateValue, value])\n\n    const onKeyDown = React.useCallback(\n      (event: React.KeyboardEvent) => {\n        if (event.nativeEvent.isComposing) return\n\n        /**\n         * Keyboard Accessibility\n         *\n         * We want to increase or decrease the input's value\n         * based on if the user the arrow keys.\n         *\n         * @see https://www.w3.org/TR/wai-aria-practices-1.1/#keyboard-interaction-17\n         */\n        const eventKey = event.key\n\n        const keyMap: Record<string, React.KeyboardEventHandler> = {\n          ArrowUp: increment,\n          ArrowRight: increment,\n          ArrowDown: decrement,\n          ArrowLeft: decrement,\n          Home: () => updateValue(min),\n          End: () => updateValue(max)\n        }\n\n        const action = keyMap[eventKey]\n\n        if (action) {\n          event.preventDefault()\n          action(event)\n        }\n      },\n      [increment, decrement, updateValue, min, max]\n    )\n\n    const inputProps: React.ComponentProps<typeof Input> = {\n      name,\n      type: 'number',\n      value,\n      ...rest,\n      onChange: onInputChange,\n      onKeyDown,\n      size,\n      css: {\n        borderRadius: '0px',\n        width: '$6',\n        '&:disabled': { opacity: 0.3, pointerEvents: 'none' }\n      },\n      ref: inputRef,\n      readOnly: isReadOnly,\n      disabled: isDisabled,\n      'aria-valuemin': min,\n      'aria-valuemax': max,\n      'aria-valuenow': Number(value),\n      role: 'spinbutton'\n    }\n\n    return (\n      <Flex css={css}>\n        <NumberInputStepper\n          onClick={decrement}\n          icon={Minus}\n          css={{\n            borderRight: 'none',\n            borderTopRightRadius: '0px',\n            borderBottomRightRadius: '0px'\n          }}\n          size={size}\n          disabled={isAtMin || isDisabled}\n          showTooltip={isAtMin && !isDisabled}\n          disabledTooltipContent={disabledTooltipContent.decrement}\n          label={stepperButtonLabels.decrement}\n        />\n        <Input {...inputProps} />\n        <NumberInputStepper\n          onClick={increment}\n          icon={Plus}\n          css={{\n            borderLeft: 'none',\n            borderTopLeftRadius: '0px',\n            borderBottomLeftRadius: '0px'\n          }}\n          size={size}\n          disabled={isAtMax || isDisabled}\n          showTooltip={isAtMax && !isDisabled}\n          disabledTooltipContent={disabledTooltipContent.increment}\n          label={stepperButtonLabels.increment}\n        />\n      </Flex>\n    )\n  }\n)\n\nNumberInput.displayName = 'NumberInput'\n"],"names":["NumberInput","React","props","forwardedRef","name","min","max","step","initialValue","isDisabled","isReadOnly","size","onChange","stepperButtonLabelsProp","disabledTooltipContentProp","css","rest","value","setValue","inputRef","stepperButtonLabels","disabledTooltipContent","isAtMax","isAtMin","clamp","updateValue","next","onInputChange","event","parsedValue","increment","_a","decrement","onKeyDown","eventKey","action","inputProps","Flex","NumberInputStepper","Minus","Input","Plus"],"mappings":"6NAwBa,MAAAA,EAAcC,EAAM,WAC/B,CAACC,EAAyBC,IAA8B,CACtD,KAAM,CACJ,KAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,OAAO,iBACb,KAAAC,EAAO,EACP,aAAAC,EAAe,EACf,SAAUC,EAAa,GACvB,SAAUC,EAAa,GACvB,KAAAC,EAAO,KACP,SAAAC,EACA,oBAAqBC,EACrB,uBAAwBC,EACxB,IAAAC,KACGC,CACL,EAAId,EAEE,CAACe,EAAOC,CAAQ,EAAIjB,EAAM,SAA0BO,CAAY,EAChEW,EAAWlB,EAAM,OAAgC,IAAI,EAE3DA,EAAM,oBACJE,EACA,IAAMgB,EAAS,OACjB,EAEA,MAAMC,EAAsB,CAC1B,UAAW,YACX,UAAW,YACX,GAAGP,CACL,EAEMQ,EAAyB,CAC7B,UAAW,6BAA6BhB,IACxC,UAAW,6BAA6BC,IACxC,GAAGQ,CACL,EAEMQ,EAAUL,GAASX,EACnBiB,EAAUN,GAASZ,EAEnBmB,EAAQvB,EAAM,YACjBgB,GAAkB,KAAK,IAAI,KAAK,IAAIA,EAAOZ,CAAG,EAAGC,CAAG,EACrD,CAACA,EAAKD,CAAG,CACX,EAEMoB,EAAcxB,EAAM,YACvByB,GAA0B,CACzBR,EAASQ,CAAI,EACbd,GAAA,MAAAA,EAAW,OAAOc,CAAI,CACxB,CAAA,EACA,CAACd,CAAQ,CACX,EAEMe,EAAgB1B,EAAM,YACzB2B,GAA+C,CAC9C,MAAMC,EAAcD,EAAM,OAAO,MAAM,QAAQ,MAAO,EAAE,EACxDH,EAAYI,CAAW,CACzB,EACA,CAACJ,CAAW,CACd,EAEMK,EAAY7B,EAAM,YAAY,IAAM,CAtF9C,IAAA8B,EAuFM,GAAIT,GAAWZ,EAAY,QAC3BqB,EAAAZ,GAAA,KAAA,OAAAA,EAAU,UAAV,MAAAY,EAAmB,QACnB,IAAIL,EAEAT,IAAU,GACZS,EAAOnB,EAEPmB,EAAO,OAAOT,CAAK,EAAIV,EAGzBkB,EAAYD,EAAME,CAAI,CAAC,CACzB,EAAG,CAACF,EAAOF,EAASZ,EAAYH,EAAMkB,EAAaR,CAAK,CAAC,EAEnDe,EAAY/B,EAAM,YAAY,IAAM,CApG9C,IAAA8B,EAqGM,GAAIR,GAAWb,EAAY,QAC3BqB,EAAAZ,GAAA,YAAAA,EAAU,UAAV,MAAAY,EAAmB,QACnB,IAAIL,EAEAT,IAAU,GACZS,EAAOrB,EAEPqB,EAAO,OAAOT,CAAK,EAAIV,EAGzBkB,EAAYD,EAAME,CAAI,CAAC,CACzB,EAAG,CAACF,EAAOD,EAASb,EAAYL,EAAKE,EAAMkB,EAAaR,CAAK,CAAC,EAExDgB,EAAYhC,EAAM,YACrB2B,GAA+B,CAC9B,GAAIA,EAAM,YAAY,YAAa,OAUnC,MAAMM,EAAWN,EAAM,IAWjBO,EATqD,CACzD,QAASL,EACT,WAAYA,EACZ,UAAWE,EACX,UAAWA,EACX,KAAM,IAAMP,EAAYpB,CAAG,EAC3B,IAAK,IAAMoB,EAAYnB,CAAG,CAC5B,EAEsB4B,GAElBC,IACFP,EAAM,eAAe,EACrBO,EAAOP,CAAK,EAEhB,EACA,CAACE,EAAWE,EAAWP,EAAapB,EAAKC,CAAG,CAC9C,EAEM8B,EAAiD,CACrD,KAAAhC,EACA,KAAM,SACN,MAAAa,EACA,GAAGD,EACH,SAAUW,EACV,UAAAM,EACA,KAAAtB,EACA,IAAK,CACH,aAAc,MACd,MAAO,KACP,aAAc,CAAE,QAAS,GAAK,cAAe,MAAO,CACtD,EACA,IAAKQ,EACL,SAAUT,EACV,SAAUD,EACV,gBAAiBJ,EACjB,gBAAiBC,EACjB,gBAAiB,OAAOW,CAAK,EAC7B,KAAM,YACR,EAEA,OACEhB,EAAA,cAACoC,EAAA,CAAK,IAAKtB,CACTd,EAAAA,EAAA,cAACqC,EAAA,CACC,QAASN,EACT,KAAMO,EACN,IAAK,CACH,YAAa,OACb,qBAAsB,MACtB,wBAAyB,KAC3B,EACA,KAAM5B,EACN,SAAUY,GAAWd,EACrB,YAAac,GAAW,CAACd,EACzB,uBAAwBY,EAAuB,UAC/C,MAAOD,EAAoB,SAAA,CAC7B,EACAnB,EAAA,cAACuC,EAAA,CAAO,GAAGJ,CAAAA,CAAY,EACvBnC,EAAA,cAACqC,EAAA,CACC,QAASR,EACT,KAAMW,EACN,IAAK,CACH,WAAY,OACZ,oBAAqB,MACrB,uBAAwB,KAC1B,EACA,KAAM9B,EACN,SAAUW,GAAWb,EACrB,YAAaa,GAAW,CAACb,EACzB,uBAAwBY,EAAuB,UAC/C,MAAOD,EAAoB,SAC7B,CAAA,CACF,CAEJ,CACF,EAEApB,EAAY,YAAc"}

package/dist/components/number-input/NumberInputStepper.js

@@ -1 +1,2 @@
 import{styled as t}from"../../stitches.js";import*as e from"react";import{ActionIcon as m}from"../action-icon/ActionIcon.js";import{Icon as p}from"../icon/Icon.js";import{Tooltip as o}from"../tooltip/Tooltip.js";const s=t("span",{zIndex:1}),d=t(m,{borderColor:"$tonal400 !important",zIndex:1,"&:hover":{bg:"$tonal50",svg:{color:"$tonal400"}},svg:{color:"$tonal300"},"&:active":{bg:"$tonal100",svg:{color:"$tonal500"}},"&:disabled":{opacity:.3,pointerEvents:"none"}}),b=e.forwardRef((n,r)=>{const{icon:l,disabledTooltipContent:a,showTooltip:i,...c}=n;return e.createElement(o,null,e.createElement(o.Trigger,{asChild:!0},e.createElement(s,{tabIndex:-1},e.createElement(d,{tabIndex:-1,appearance:"outline",ref:r,...c},e.createElement(p,{is:l})))),i&&e.createElement(o.Content,null,a))});export{b as NumberInputStepper};
+//# sourceMappingURL=NumberInputStepper.js.map

package/dist/components/number-input/NumberInputStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInputStepper.js","sources":["../../../src/components/number-input/NumberInputStepper.tsx"],"sourcesContent":["import { styled } from '~/stitches'\nimport * as React from 'react'\n\nimport { ActionIcon } from '../action-icon'\nimport { Icon } from '../icon'\nimport { Tooltip } from '../tooltip'\n\nconst StyledSpan = styled('span', { zIndex: 1 })\n\nconst StyledStepperButton = styled(ActionIcon, {\n  borderColor: '$tonal400 !important',\n  zIndex: 1,\n  '&:hover': {\n    bg: '$tonal50',\n    svg: {\n      color: '$tonal400'\n    }\n  },\n  svg: {\n    color: '$tonal300'\n  },\n  '&:active': {\n    bg: '$tonal100',\n    svg: {\n      color: '$tonal500'\n    }\n  },\n  '&:disabled': {\n    opacity: 0.3,\n    pointerEvents: 'none'\n  }\n})\n\ntype NumberInputStepperProps = Omit<\n  React.ComponentProps<typeof ActionIcon>,\n  'children'\n> & {\n  icon: React.FC<React.SVGProps<SVGSVGElement>>\n  showTooltip?: boolean\n  disabledTooltipContent?: string\n}\n\nexport const NumberInputStepper: React.ForwardRefExoticComponent<NumberInputStepperProps> =\n  React.forwardRef((props, forwardedRef) => {\n    const { icon, disabledTooltipContent, showTooltip, ...rest } = props\n\n    /**\n     * Focus has been removed from the button\n     * as the increment and decrement buttons should be keyboard accessible via arrow keys.\n     * see MDN docs https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/spinbutton_role\n     */\n    return (\n      <Tooltip>\n        <Tooltip.Trigger asChild>\n          <StyledSpan tabIndex={-1}>\n            <StyledStepperButton\n              tabIndex={-1}\n              appearance=\"outline\"\n              ref={forwardedRef}\n              {...rest}\n            >\n              <Icon is={icon} />\n            </StyledStepperButton>\n          </StyledSpan>\n        </Tooltip.Trigger>\n        {showTooltip && (\n          <Tooltip.Content>{disabledTooltipContent}</Tooltip.Content>\n        )}\n      </Tooltip>\n    )\n  })\n"],"names":["StyledSpan","styled","StyledStepperButton","ActionIcon","NumberInputStepper","React","props","forwardedRef","icon","disabledTooltipContent","showTooltip","rest","Tooltip","Icon"],"mappings":"oNAOA,MAAMA,EAAaC,EAAO,OAAQ,CAAE,OAAQ,CAAE,CAAC,EAEzCC,EAAsBD,EAAOE,EAAY,CAC7C,YAAa,uBACb,OAAQ,EACR,UAAW,CACT,GAAI,WACJ,IAAK,CACH,MAAO,WACT,CACF,EACA,IAAK,CACH,MAAO,WACT,EACA,WAAY,CACV,GAAI,YACJ,IAAK,CACH,MAAO,WACT,CACF,EACA,aAAc,CACZ,QAAS,GACT,cAAe,MACjB,CACF,CAAC,EAWYC,EACXC,EAAM,WAAW,CAACC,EAAOC,IAAiB,CACxC,KAAM,CAAE,KAAAC,EAAM,uBAAAC,EAAwB,YAAAC,KAAgBC,CAAK,EAAIL,EAO/D,OACED,EAAA,cAACO,EAAA,KACCP,EAAA,cAACO,EAAQ,QAAR,CAAgB,QAAO,EAAA,EACtBP,EAAA,cAACL,EAAA,CAAW,SAAU,EACpBK,EAAAA,EAAA,cAACH,EAAA,CACC,SAAU,GACV,WAAW,UACX,IAAKK,EACJ,GAAGI,CAAAA,EAEJN,EAAA,cAACQ,EAAA,CAAK,GAAIL,CAAM,CAAA,CAClB,CACF,CACF,EACCE,GACCL,EAAA,cAACO,EAAQ,QAAR,KAAiBH,CAAuB,CAE7C,CAEJ,CAAC"}

package/dist/components/number-input-field/NumberInputField.js

@@ -1 +1,2 @@
-import*as i from"react";import{useFormContext as c}from"react-hook-form";import{FieldWrapper as f}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as b}from"../form/useFieldError.js";import{NumberInput as F}from"../number-input/NumberInput.js";const m=({css:p,label:n,name:r,validation:e,prompt:a,description:l,...d})=>{const{register:o,trigger:s}=c(),{error:t}=b(r),u=e?o(e):o;return i.createElement(f,{css:p,description:l,error:t,fieldId:r,label:n,prompt:a,required:Boolean(e==null?void 0:e.required)},i.createElement(F,{id:r,name:r,ref:u,...t&&{state:"error","aria-invalid":!0},...d,onChange:s}))};m.displayName="NumberInputField";export{m as NumberInputField};
+import*as i from"react";import{useFormContext as c}from"react-hook-form";import{FieldWrapper as f}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as b}from"../form/useFieldError.js";import{NumberInput as F}from"../number-input/NumberInput.js";const m=({css:p,label:n,name:r,validation:e,prompt:a,description:l,...d})=>{const{register:t,trigger:s}=c(),{error:o}=b(r),u=e?t(e):t;return i.createElement(f,{css:p,description:l,error:o,fieldId:r,label:n,prompt:a,required:Boolean(e==null?void 0:e.required)},i.createElement(F,{id:r,name:r,ref:u,...o&&{state:"error","aria-invalid":!0},...d,onChange:s}))};m.displayName="NumberInputField";export{m as NumberInputField};
+//# sourceMappingURL=NumberInputField.js.map

package/dist/components/number-input-field/NumberInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInputField.js","sources":["../../../src/components/number-input-field/NumberInputField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\n\nimport { FieldWrapper } from '~/components/field-wrapper'\nimport { useFieldError, ValidationOptions } from '~/components/form'\nimport type { CSS } from '~/stitches'\n\nimport type { NumberInputProps } from '../number-input/NumberInput'\nimport { NumberInput } from '../number-input/NumberInput'\n\nexport interface NumberInputFieldProps extends NumberInputProps {\n  css?: CSS\n  description?: string\n  label: string\n  name: string\n  prompt?: { link: string; label: string }\n  validation?: ValidationOptions\n}\n\nexport const NumberInputField: React.FC<NumberInputFieldProps> = ({\n  css,\n  label,\n  name,\n  validation,\n  prompt,\n  description,\n  ...remainingProps\n}) => {\n  const { register, trigger } = useFormContext()\n  const { error } = useFieldError(name)\n  const ref = validation ? register(validation) : register\n\n  return (\n    <FieldWrapper\n      css={css}\n      description={description}\n      error={error}\n      fieldId={name}\n      label={label}\n      prompt={prompt}\n      required={Boolean(validation?.required)}\n    >\n      <NumberInput\n        id={name}\n        name={name}\n        ref={ref}\n        {...(error && { state: 'error', 'aria-invalid': true })}\n        {...remainingProps}\n        onChange={trigger}\n      />\n    </FieldWrapper>\n  )\n}\n\nNumberInputField.displayName = 'NumberInputField'\n"],"names":["NumberInputField","css","label","name","validation","prompt","description","remainingProps","register","trigger","useFormContext","error","useFieldError","ref","React","FieldWrapper","NumberInput"],"mappings":"sUAmBO,MAAMA,EAAoD,CAAC,CAChE,IAAAC,EACA,MAAAC,EACA,KAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,KACGC,CACL,IAAM,CACJ,KAAM,CAAE,SAAAC,EAAU,QAAAC,CAAQ,EAAIC,EACxB,EAAA,CAAE,MAAAC,CAAM,EAAIC,EAAcT,CAAI,EAC9BU,EAAMT,EAAaI,EAASJ,CAAU,EAAII,EAEhD,OACEM,EAAA,cAACC,EAAA,CACC,IAAKd,EACL,YAAaK,EACb,MAAOK,EACP,QAASR,EACT,MAAOD,EACP,OAAQG,EACR,SAAU,QAAQD,GAAA,KAAA,OAAAA,EAAY,QAAQ,GAEtCU,EAAA,cAACE,EAAA,CACC,GAAIb,EACJ,KAAMA,EACN,IAAKU,EACJ,GAAIF,GAAS,CAAE,MAAO,QAAS,eAAgB,EAAK,EACpD,GAAGJ,EACJ,SAAUE,CAAAA,CACZ,CACF,CAEJ,EAEAT,EAAiB,YAAc"}

package/dist/components/password-field/PasswordField.js

@@ -1 +1,2 @@
 import*as t from"react";import{useFormContext as c}from"react-hook-form";import{FieldWrapper as u}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as f}from"../form/useFieldError.js";import{PasswordInput as w}from"../password-input/PasswordInput.js";const i=({css:s={},label:m="Password",name:r,prompt:p=void 0,description:a,validation:o,...d})=>{const{register:e}=c(),{error:l}=f(r),n=o?e(o):e;return t.createElement(u,{css:{...s,position:"relative"},description:a,error:l,fieldId:r,label:m,prompt:p,required:Boolean(o==null?void 0:o.required)},t.createElement(w,{autoComplete:"current-password",name:r,id:r,ref:n,...d}))};i.displayName="PasswordField";export{i as PasswordField};
+//# sourceMappingURL=PasswordField.js.map

package/dist/components/password-field/PasswordField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordField.js","sources":["../../../src/components/password-field/PasswordField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n  FieldWrapper,\n  FieldElementWrapperProps\n} from '~/components/field-wrapper'\nimport { useFieldError } from '~/components/form'\nimport { PasswordInput } from '~/components/password-input'\nimport { CSS } from '~/stitches'\n\ntype PasswordFieldProps = React.ComponentProps<typeof PasswordInput> &\n  Omit<FieldElementWrapperProps, 'label'> & {\n    label?: string\n  }\n\nexport const PasswordField: React.FC<PasswordFieldProps> = ({\n  css = {},\n  label = 'Password',\n  name,\n  prompt = undefined,\n  description,\n  validation,\n  ...remainingProps\n}) => {\n  const { register } = useFormContext()\n  const { error } = useFieldError(name)\n\n  const ref = validation ? register(validation) : register\n\n  return (\n    <FieldWrapper\n      css={{ ...css, position: 'relative' } as CSS}\n      description={description}\n      error={error}\n      fieldId={name}\n      label={label}\n      prompt={prompt}\n      required={Boolean(validation?.required)}\n    >\n      <PasswordInput\n        autoComplete=\"current-password\"\n        name={name}\n        id={name}\n        ref={ref}\n        {...remainingProps}\n      />\n    </FieldWrapper>\n  )\n}\n\nPasswordField.displayName = 'PasswordField'\n"],"names":["PasswordField","css","label","name","prompt","description","validation","remainingProps","register","useFormContext","error","useFieldError","ref","React","FieldWrapper","PasswordInput"],"mappings":"4UAgBO,MAAMA,EAA8C,CAAC,CAC1D,IAAAC,EAAM,CAAC,EACP,MAAAC,EAAQ,WACR,KAAAC,EACA,OAAAC,EAAS,OACT,YAAAC,EACA,WAAAC,KACGC,CACL,IAAM,CACJ,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAAAA,EACf,CAAE,MAAAC,CAAM,EAAIC,EAAcR,CAAI,EAE9BS,EAAMN,EAAaE,EAASF,CAAU,EAAIE,EAEhD,OACEK,EAAA,cAACC,EAAA,CACC,IAAK,CAAE,GAAGb,EAAK,SAAU,UAAW,EACpC,YAAaI,EACb,MAAOK,EACP,QAASP,EACT,MAAOD,EACP,OAAQE,EACR,SAAU,QAAQE,GAAA,KAAA,OAAAA,EAAY,QAAQ,GAEtCO,EAAA,cAACE,EAAA,CACC,aAAa,mBACb,KAAMZ,EACN,GAAIA,EACJ,IAAKS,EACJ,GAAGL,EACN,CACF,CAEJ,EAEAP,EAAc,YAAc"}

package/dist/components/password-input/PasswordInput.js

@@ -1 +1,2 @@
 import{Eye as l,EyeCrossed as f}from"@atom-learning/icons";import*as e from"react";import{useState as w}from"react";import{ActionIcon as u}from"../action-icon/ActionIcon.js";import{Box as E}from"../box/Box.js";import{Icon as h}from"../icon/Icon.js";import{Input as x}from"../input/Input.js";const r=e.forwardRef(({css:a,hidePasswordText:i="Hide password",showPasswordText:m="Show password",size:t="md",...p},n)=>{const[o,c]=w(!1),d=()=>c(s=>!s);return e.createElement(E,{css:{position:"relative",...a}},e.createElement(x,{...p,size:t,type:o?"text":"password",ref:n,css:{pr:"$sizes$2"}}),e.createElement(u,{appearance:"simple",theme:"neutral",css:{bottom:0,position:"absolute",right:0},label:o?i:m,onClick:d,onMouseDown:s=>s.preventDefault(),size:t},e.createElement(h,{is:o?l:f})))});r.displayName="PasswordInput";export{r as PasswordInput};
+//# sourceMappingURL=PasswordInput.js.map

package/dist/components/password-input/PasswordInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.js","sources":["../../../src/components/password-input/PasswordInput.tsx"],"sourcesContent":["import { Eye, EyeCrossed } from '@atom-learning/icons'\nimport * as React from 'react'\nimport { useState } from 'react'\n\nimport { ActionIcon } from '~/components/action-icon'\nimport { Box } from '~/components/box'\nimport { Icon } from '~/components/icon'\nimport type { InputProps } from '~/components/input'\nimport { Input } from '~/components/input'\nimport type { CSS } from '~/stitches'\n\ntype PasswordInputProps = Omit<InputProps, 'type'> & {\n  hidePasswordText?: string\n  showPasswordText?: string\n}\n\nexport const PasswordInput: React.FC<PasswordInputProps> = React.forwardRef(\n  (\n    {\n      css,\n      hidePasswordText = 'Hide password',\n      showPasswordText = 'Show password',\n      size = 'md',\n      ...restProps\n    },\n    ref\n  ) => {\n    const [isPasswordVisible, setIsPasswordVisible] = useState<boolean>(false)\n    const togglePasswordVisibility = () =>\n      setIsPasswordVisible((currentState) => !currentState)\n\n    return (\n      <Box css={{ position: 'relative', ...css } as CSS}>\n        <Input\n          {...restProps}\n          size={size}\n          type={isPasswordVisible ? 'text' : 'password'}\n          ref={ref}\n          css={{ pr: '$sizes$2' }}\n        />\n        <ActionIcon\n          appearance=\"simple\"\n          theme=\"neutral\"\n          css={{ bottom: 0, position: 'absolute', right: 0 }}\n          label={isPasswordVisible ? hidePasswordText : showPasswordText}\n          onClick={togglePasswordVisibility}\n          onMouseDown={(e) => e.preventDefault()} // prevent focus being lost from password input\n          size={size}\n        >\n          <Icon is={isPasswordVisible ? Eye : EyeCrossed} />\n        </ActionIcon>\n      </Box>\n    )\n  }\n)\n\nPasswordInput.displayName = 'PasswordInput'\n"],"names":["PasswordInput","React","css","hidePasswordText","showPasswordText","size","restProps","ref","isPasswordVisible","setIsPasswordVisible","useState","togglePasswordVisibility","currentState","Box","Input","ActionIcon","e","Icon","Eye","EyeCrossed"],"mappings":"mSAgBO,MAAMA,EAA8CC,EAAM,WAC/D,CACE,CACE,IAAAC,EACA,iBAAAC,EAAmB,gBACnB,iBAAAC,EAAmB,gBACnB,KAAAC,EAAO,QACJC,CACL,EACAC,IACG,CACH,KAAM,CAACC,EAAmBC,CAAoB,EAAIC,EAAkB,EAAK,EACnEC,EAA2B,IAC/BF,EAAsBG,GAAiB,CAACA,CAAY,EAEtD,OACEX,EAAA,cAACY,EAAA,CAAI,IAAK,CAAE,SAAU,WAAY,GAAGX,CAAI,CAAA,EACvCD,EAAA,cAACa,EAAA,CACE,GAAGR,EACJ,KAAMD,EACN,KAAMG,EAAoB,OAAS,WACnC,IAAKD,EACL,IAAK,CAAE,GAAI,UAAW,EACxB,EACAN,EAAA,cAACc,EAAA,CACC,WAAW,SACX,MAAM,UACN,IAAK,CAAE,OAAQ,EAAG,SAAU,WAAY,MAAO,CAAE,EACjD,MAAOP,EAAoBL,EAAmBC,EAC9C,QAASO,EACT,YAAcK,GAAMA,EAAE,iBACtB,KAAMX,CAAAA,EAENJ,EAAA,cAACgB,EAAA,CAAK,GAAIT,EAAoBU,EAAMC,CAAY,CAAA,CAClD,CACF,CAEJ,CACF,EAEAnB,EAAc,YAAc"}

package/dist/components/popover/Popover.js

@@ -1 +1,2 @@
 import{Root as r,Portal as e,Trigger as m}from"@radix-ui/react-popover";import*as p from"react";import{styled as i}from"../../stitches.js";import{PopoverContent as a}from"./PopoverContent.js";i(r,{});const o=t=>p.createElement(r,{...t});o.Content=a,o.Portal=e,o.Trigger=m,o.displayName="Popover";export{o as Popover};
+//# sourceMappingURL=Popover.js.map

package/dist/components/popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../src/components/popover/Popover.tsx"],"sourcesContent":["import { Portal, Root, Trigger } from '@radix-ui/react-popover'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { PopoverContent } from './PopoverContent'\n\nconst StyledRoot = styled(Root, {})\n\ntype PopoverProps = React.ComponentProps<typeof StyledRoot>\n\nexport const Popover: React.FC<PopoverProps> & {\n  Trigger: typeof Trigger\n  Content: typeof PopoverContent\n  Portal: typeof Portal\n} = (props) => <Root {...props} />\n\nPopover.Content = PopoverContent\nPopover.Portal = Portal\nPopover.Trigger = Trigger\n\nPopover.displayName = 'Popover'\n"],"names":["styled","Root","Popover","props","React","PopoverContent","Portal","Trigger"],"mappings":"gMAOmBA,EAAOC,EAAM,EAAE,QAIrBC,EAIRC,GAAUC,EAAA,cAACH,EAAA,CAAM,GAAGE,CAAAA,CAAO,EAEhCD,EAAQ,QAAUG,EAClBH,EAAQ,OAASI,EACjBJ,EAAQ,QAAUK,EAElBL,EAAQ,YAAc"}

package/dist/components/popover/PopoverContent.js

@@ -1 +1,2 @@
-import{Close as r}from"@atom-learning/icons";import{Content as l,Arrow as p,Close as h}from"@radix-ui/react-popover";import*as e from"react";import{POPOVER_Z_INDEX as c}from"../../constants/zIndices.js";import{styled as t}from"../../stitches.js";import{ActionIcon as f}from"../action-icon/ActionIcon.js";import{Icon as $}from"../icon/Icon.js";import{slideDownAndFade as x,slideLeftAndFade as g,slideUpAndFade as w,slideRightAndFade as z}from"../../utilities/style/keyframe-animations.js";const b=t(l,{bg:"white",borderRadius:"$1",boxShadow:"$2",maxWidth:"90vw",p:"$sizes$2",pr:"$6",position:"relative",zIndex:c,"@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:x},'&[data-side="right"]':{animationName:g},'&[data-side="bottom"]':{animationName:w},'&[data-side="left"]':{animationName:z}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),C=t(p,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}}),u=({children:i,side:o="top",sideOffset:a=8,closePopoverText:s="Close popover",showCloseButton:n=!0,size:m="md",...d})=>e.createElement(b,{size:m,side:o,sideOffset:a,...d},n&&e.createElement(f,{as:h,css:{position:"absolute",right:"$0",top:"$0"},label:s,size:"md",theme:"neutral"},e.createElement($,{is:r})),i,e.createElement(C,{width:16,height:8}));export{u as PopoverContent};
+import{Close as r}from"@atom-learning/icons";import{Content as l,Arrow as p,Close as h}from"@radix-ui/react-popover";import*as e from"react";import{POPOVER_Z_INDEX as c}from"../../constants/zIndices.js";import{styled as t}from"../../stitches.js";import{ActionIcon as f}from"../action-icon/ActionIcon.js";import{Icon as x}from"../icon/Icon.js";import{slideDownAndFade as $,slideLeftAndFade as g,slideUpAndFade as w,slideRightAndFade as z}from"../../utilities/style/keyframe-animations.js";const b=t(l,{bg:"white",borderRadius:"$1",boxShadow:"$2",maxWidth:"90vw",p:"$sizes$2",pr:"$6",position:"relative",zIndex:c,"@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:$},'&[data-side="right"]':{animationName:g},'&[data-side="bottom"]':{animationName:w},'&[data-side="left"]':{animationName:z}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),C=t(p,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}}),u=({children:i,side:o="top",sideOffset:a=8,closePopoverText:s="Close popover",showCloseButton:n=!0,size:m="md",...d})=>e.createElement(b,{size:m,side:o,sideOffset:a,...d},n&&e.createElement(f,{as:h,css:{position:"absolute",right:"$0",top:"$0"},label:s,size:"md",theme:"neutral"},e.createElement(x,{is:r})),i,e.createElement(C,{width:16,height:8}));export{u as PopoverContent};
+//# sourceMappingURL=PopoverContent.js.map

package/dist/components/popover/PopoverContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContent.js","sources":["../../../src/components/popover/PopoverContent.tsx"],"sourcesContent":["import { Close as CloseIcon } from '@atom-learning/icons'\nimport { Arrow, Close, Content } from '@radix-ui/react-popover'\nimport * as React from 'react'\n\nimport { POPOVER_Z_INDEX } from '~/constants/zIndices'\nimport { styled } from '~/stitches'\nimport {\n  slideDownAndFade,\n  slideLeftAndFade,\n  slideRightAndFade,\n  slideUpAndFade\n} from '~/utilities'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\n\nconst StyledContent = styled(Content, {\n  bg: 'white',\n  borderRadius: '$1',\n  boxShadow: '$2',\n  maxWidth: '90vw',\n  p: '$sizes$2',\n  pr: '$6',\n  position: 'relative',\n  zIndex: POPOVER_Z_INDEX,\n  '@allowMotion': {\n    animationDuration: '75ms',\n    animationTimingFunction: 'cubic-bezier(0.16, 1, 0.3, 1)',\n    willChange: 'transform, opacity',\n    '&[data-state=\"open\"]': {\n      '&[data-side=\"top\"]': { animationName: slideDownAndFade },\n      '&[data-side=\"right\"]': { animationName: slideLeftAndFade },\n      '&[data-side=\"bottom\"]': { animationName: slideUpAndFade },\n      '&[data-side=\"left\"]': { animationName: slideRightAndFade }\n    }\n  },\n  variants: {\n    size: {\n      sm: { maxWidth: '200px' },\n      md: { maxWidth: '400px' },\n      lg: { maxWidth: '600px' }\n    }\n  }\n})\n\nconst StyledArrow = styled(Arrow, {\n  fill: 'white',\n  zIndex: 1,\n  '[data-align=\"end\"] &': { mr: '$sizes$2' },\n  '[data-align=\"start\"] &': { ml: '$sizes$2' }\n})\n\ntype PopoverContentProps = React.ComponentProps<typeof StyledContent> &\n  React.ComponentProps<typeof Content> & {\n    closePopoverText?: string\n    showCloseButton?: boolean\n  }\n\nexport const PopoverContent: React.FC<PopoverContentProps> = ({\n  children,\n  side = 'top',\n  sideOffset = 8,\n  closePopoverText = 'Close popover',\n  showCloseButton = true,\n  size = 'md',\n  ...remainingProps\n}) => (\n  <StyledContent\n    size={size}\n    side={side}\n    sideOffset={sideOffset}\n    {...remainingProps}\n  >\n    {showCloseButton && (\n      <ActionIcon\n        as={Close}\n        css={{ position: 'absolute', right: '$0', top: '$0' }}\n        label={closePopoverText}\n        size=\"md\"\n        theme=\"neutral\"\n      >\n        <Icon is={CloseIcon} />\n      </ActionIcon>\n    )}\n    {children}\n    <StyledArrow width={16} height={8} />\n  </StyledContent>\n)\n"],"names":["StyledContent","styled","Content","POPOVER_Z_INDEX","slideDownAndFade","slideLeftAndFade","slideUpAndFade","slideRightAndFade","StyledArrow","Arrow","PopoverContent","children","side","sideOffset","closePopoverText","showCloseButton","size","remainingProps","React","ActionIcon","Close","Icon","CloseIcon"],"mappings":"weAgBA,MAAMA,EAAgBC,EAAOC,EAAS,CACpC,GAAI,QACJ,aAAc,KACd,UAAW,KACX,SAAU,OACV,EAAG,WACH,GAAI,KACJ,SAAU,WACV,OAAQC,EACR,eAAgB,CACd,kBAAmB,OACnB,wBAAyB,gCACzB,WAAY,qBACZ,uBAAwB,CACtB,qBAAsB,CAAE,cAAeC,CAAiB,EACxD,uBAAwB,CAAE,cAAeC,CAAiB,EAC1D,wBAAyB,CAAE,cAAeC,CAAe,EACzD,sBAAuB,CAAE,cAAeC,CAAkB,CAC5D,CACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,SAAU,OAAQ,EACxB,GAAI,CAAE,SAAU,OAAQ,EACxB,GAAI,CAAE,SAAU,OAAQ,CAC1B,CACF,CACF,CAAC,EAEKC,EAAcP,EAAOQ,EAAO,CAChC,KAAM,QACN,OAAQ,EACR,uBAAwB,CAAE,GAAI,UAAW,EACzC,yBAA0B,CAAE,GAAI,UAAW,CAC7C,CAAC,EAQYC,EAAgD,CAAC,CAC5D,SAAAC,EACA,KAAAC,EAAO,MACP,WAAAC,EAAa,EACb,iBAAAC,EAAmB,gBACnB,gBAAAC,EAAkB,GAClB,KAAAC,EAAO,QACJC,CACL,IACEC,EAAA,cAAClB,EAAA,CACC,KAAMgB,EACN,KAAMJ,EACN,WAAYC,EACX,GAAGI,CAAAA,EAEHF,GACCG,EAAA,cAACC,EAAA,CACC,GAAIC,EACJ,IAAK,CAAE,SAAU,WAAY,MAAO,KAAM,IAAK,IAAK,EACpD,MAAON,EACP,KAAK,KACL,MAAM,SAENI,EAAAA,EAAA,cAACG,EAAA,CAAK,GAAIC,EAAW,CACvB,EAEDX,EACDO,EAAA,cAACV,EAAA,CAAY,MAAO,GAAI,OAAQ,CAAA,CAAG,CACrC"}