@atom-learning/components 4.3.1 → 4.3.2

package/dist/components/list/List.js

@@ -0,0 +1,2 @@
+import*as t from"react";import{styled as i}from"../../stitches.js";import{textVariants as d}from"../text/Text.js";const e=i("li",{}),l=i("ul",{listStylePosition:"inside",fontFamily:"$body",m:"unset",p:"unset",[`& > ${e}`]:{"&:not(:last-child)":{mb:"$2"},"&:last-child":{mb:0}},variants:{...d,as:{ol:{pl:"$4",listStyleType:"decimal",[`& > ${e}`]:{pl:"$1","&::marker":{fontSize:".875em",fontWeight:"bold"}}},ul:{pl:"$3",[`& > ${e}`]:{pl:"$2","&::marker":{content:"\u2022 ",fontWeight:"bold"}}}},theme:{primary:{[`& > ${e}`]:{"&::marker":{color:"$primary800"}}}}}}),o=t.forwardRef(({size:r="md",noCapsize:m=!0,ordered:s,...a},n)=>t.createElement(l,{ref:n,as:s?"ol":"ul",size:r,noCapsize:m,...a}));o.Item=e;export{o as List,e 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  listStylePosition: 'inside',\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        listStyleType: 'decimal',\n        [`& > ${StyledLi}`]: {\n          pl: '$1',\n          '&::marker': { fontSize: '.875em', 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: '$primary800' }\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,CAAA,CAAE,EAE1BC,EAAaD,EAAO,KAAM,CACrC,kBAAmB,SACnB,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,cAAe,UACf,CAAC,OAAOH,KAAa,CACnB,GAAI,KACJ,YAAa,CAAE,SAAU,SAAU,WAAY,MAAO,CACxD,CACF,EACA,GAAI,CACF,GAAI,KACJ,CAAC,OAAOA,KAAa,CACnB,GAAI,KACJ,YAAa,CAAE,QAAS,UAAM,WAAY,MAAO,CACnD,CACF,CACF,EACA,MAAO,CACL,QAAS,CACP,CAAC,OAAOA,KAAa,CACnB,YAAa,CAAE,MAAO,aAAc,CACtC,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/list/index.d.ts

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

package/dist/components/loader/Loader.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { CSS } from '../../stitches';
+type LoaderProps = {
+    message?: string;
+    size?: 'sm' | 'md' | 'lg';
+    css?: CSS;
+};
+export declare const Loader: ({ css, message, size, ...props }: LoaderProps) => React.JSX.Element;
+export {};

package/dist/components/loader/Loader.js

@@ -0,0 +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 = ({\n  css = {},\n  message = 'Loading',\n  size = 'md',\n  ...props\n}: LoaderProps) => (\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,EAAS,CAAC,CACrB,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/loader/index.d.ts

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

package/dist/components/markdown-content/MarkdownContent.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { CSS } from '../../stitches';
+type HandleNode = (node: any) => JSX.Element | null;
+type MarkdownContentProps = {
+    content: string;
+    customComponents?: {
+        [key: string]: (props: {
+            node: any;
+            handleNode: HandleNode;
+        }) => JSX.Element;
+    };
+    css?: CSS;
+};
+export declare const MarkdownContent: {
+    ({ content, customComponents, css }: MarkdownContentProps): React.JSX.Element;
+    displayName: string;
+};
+export {};

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

@@ -0,0 +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 $}from"./components/MarkdownList.js";import{MarkdownListItem as C}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:$,listItem:C,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]: (props: { node: any; handleNode: HandleNode }) => JSX.Element\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 = ({\n  content,\n  customComponents = {},\n  css\n}: MarkdownContentProps) => {\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+BAiCA,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,CAhDlC,IAAAC,EAAAC,EAiDE,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,EAAkB,CAAC,CAC9B,QAAAC,EACA,iBAAAC,EAAmB,CAAA,EACnB,IAAAC,CACF,IAA4B,CAC1B,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.d.ts

@@ -0,0 +1,7 @@
+import type { Code } from 'mdast';
+import * as React from 'react';
+type MarkdownCodeProps = {
+    node: Code;
+};
+export declare const MarkdownCode: ({ node }: MarkdownCodeProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import*as e from"react";import{styled as r}from"../../../stitches.js";import{Box as t}from"../../box/Box.js";const m=r(t,{bg:"$grey200",borderRadius:"$1",color:"$grey1000",fontFamily:"$mono",fontSize:"$sm",lineHeight:1.4,my:"$4",p:"$3"}),n=({node:o})=>e.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 type { 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: '$grey200',\n  borderRadius: '$1',\n  color: '$grey1000',\n  fontFamily: '$mono',\n  fontSize: '$sm',\n  lineHeight: 1.4,\n  my: '$4',\n  p: '$3'\n})\n\nexport const MarkdownCode = ({ node }: MarkdownCodeProps) => (\n  <StyledMarkdownCode as=\"pre\">{node.value}</StyledMarkdownCode>\n)\n"],"names":["StyledMarkdownCode","styled","Box","MarkdownCode","node","React"],"mappings":"6GAWA,MAAMA,EAAqBC,EAAOC,EAAK,CACrC,GAAI,WACJ,aAAc,KACd,MAAO,YACP,WAAY,QACZ,SAAU,MACV,WAAY,IACZ,GAAI,KACJ,EAAG,IACL,CAAC,EAEYC,EAAe,CAAC,CAAE,KAAAC,CAAK,IAClCC,EAAA,cAACL,EAAA,CAAmB,GAAG,KAAOI,EAAAA,EAAK,KAAM"}

package/dist/components/markdown-content/components/MarkdownEmphasis.d.ts

@@ -0,0 +1,372 @@
+import type { Content, Emphasis } from 'mdast';
+import * as React from 'react';
+type MarkdownEmphasisProps = {
+    node: Emphasis;
+    handleNode: (node: Content) => React.ReactElement;
+};
+export declare const StyledMarkdownEmphasis: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<"em", {}, {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, import("@atom-learning/stitches-react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, {
+    colors: {
+        textBold: string;
+        textRegular: string;
+        textSubtle: string;
+        textMinimal: string;
+        background: string;
+        backgroundAccent: string;
+        grey100: string;
+        grey200: string;
+        grey300: string;
+        grey400: string;
+        grey500: string;
+        grey600: string;
+        grey700: string;
+        grey800: string;
+        grey900: string;
+        grey1000: string;
+        grey1100: string;
+        grey1200: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        blue1000: string;
+        blue1100: string;
+        blue1200: string;
+        pink100: string;
+        pink200: string;
+        pink300: string;
+        pink400: string;
+        pink500: string;
+        pink600: string;
+        pink700: string;
+        pink800: string;
+        pink900: string;
+        pink1000: string;
+        pink1100: string;
+        pink1200: string;
+        purple100: string;
+        purple200: string;
+        purple300: string;
+        purple400: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        purple800: string;
+        purple900: string;
+        purple1000: string;
+        purple1100: string;
+        purple1200: string;
+        cyan100: string;
+        cyan200: string;
+        cyan300: string;
+        cyan400: string;
+        cyan500: string;
+        cyan600: string;
+        cyan700: string;
+        cyan800: string;
+        cyan900: string;
+        cyan1000: string;
+        cyan1100: string;
+        cyan1200: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        green1000: string;
+        green1100: string;
+        green1200: string;
+        magenta100: string;
+        magenta200: string;
+        magenta300: string;
+        magenta400: string;
+        magenta500: string;
+        magenta600: string;
+        magenta700: string;
+        magenta800: string;
+        magenta900: string;
+        magenta1000: string;
+        magenta1100: string;
+        magenta1200: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        red1000: string;
+        red1100: string;
+        red1200: string;
+        teal100: string;
+        teal200: string;
+        teal300: string;
+        teal400: string;
+        teal500: string;
+        teal600: string;
+        teal700: string;
+        teal800: string;
+        teal900: string;
+        teal1000: string;
+        teal1100: string;
+        teal1200: string;
+        orange100: string;
+        orange200: string;
+        orange300: string;
+        orange400: string;
+        orange500: string;
+        orange600: string;
+        orange700: string;
+        orange800: string;
+        orange900: string;
+        orange1000: string;
+        orange1100: string;
+        orange1200: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        yellow1000: string;
+        yellow1100: string;
+        yellow1200: string;
+        lime100: string;
+        lime200: string;
+        lime300: string;
+        lime400: string;
+        lime500: string;
+        lime600: string;
+        lime700: string;
+        lime800: string;
+        lime900: string;
+        lime1000: string;
+        lime1100: string;
+        lime1200: string;
+        lapis100: string;
+        lapis200: string;
+        lapis300: string;
+        lapis400: string;
+        lapis500: string;
+        lapis600: string;
+        lapis700: string;
+        lapis800: string;
+        lapis900: string;
+        lapis1000: string;
+        lapis1100: string;
+        lapis1200: string;
+        maroon100: string;
+        maroon200: string;
+        maroon300: string;
+        maroon400: string;
+        maroon500: string;
+        maroon600: string;
+        maroon700: string;
+        maroon800: string;
+        maroon900: string;
+        maroon1000: string;
+        maroon1100: string;
+        maroon1200: string;
+        marsh100: string;
+        marsh200: string;
+        marsh300: string;
+        marsh400: string;
+        marsh500: string;
+        marsh600: string;
+        marsh700: string;
+        marsh800: string;
+        marsh900: string;
+        marsh1000: string;
+        marsh1100: string;
+        marsh1200: string;
+        alpha100: string;
+        alpha150: string;
+        alpha200: string;
+        alpha250: string;
+        alpha600: string;
+        infoLight: string;
+        info: string;
+        infoMid: string;
+        infoDark: string;
+        successLight: string;
+        success: string;
+        successMid: string;
+        successDark: string;
+        dangerLight: string;
+        danger: string;
+        dangerMid: string;
+        dangerDark: string;
+        warningLight: string;
+        warning: string;
+        warningMid: string;
+        warningDark: string;
+        warningText: string;
+        subjectEnglish: string;
+        subjectMaths: string;
+        subjectScience: string;
+        subjectVerbalReasoning: string;
+        subjectNonVerbalReasoning: string;
+        subjectCreativeWriting: string;
+        subjectExamSkills: string;
+        glBlueLight: string;
+        glBluePrimary: string;
+        glBlueDark: string;
+        primary100: string;
+        primary200: string;
+        primary300: string;
+        primary400: string;
+        primary500: string;
+        primary600: string;
+        primary700: string;
+        primary800: string;
+        primary900: string;
+        primary1000: string;
+        primary1100: string;
+        primary1200: string;
+    };
+    space: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+        "9": string;
+        "24": string;
+    };
+    fontSizes: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
+        display: string;
+        body: string;
+    };
+    sizes: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+    };
+    radii: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+        round: string;
+    };
+    shadows: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+    };
+    ratios: {
+        "16-9": string;
+        "3-2": string;
+        "4-3": string;
+        "1-1": string;
+        "3-4": string;
+    };
+}, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+    bg: (value: import("@atom-learning/stitches-react").PropertyValue<"background">) => {
+        background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
+    };
+    size: (value: import("@atom-learning/stitches-react").ScaleValue<"size"> | number | string) => {
+        height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+        width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+    };
+    p: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pt: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pr: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pb: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pl: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    px: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    py: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    m: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mt: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mr: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mb: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    ml: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mx: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    my: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+}>>;
+export declare const MarkdownEmphasis: ({ node, handleNode }: MarkdownEmphasisProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +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};
+//# 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 type { 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 = ({\n  node,\n  handleNode\n}: MarkdownEmphasisProps) => (\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,EAAmB,CAAC,CAC/B,KAAAC,EACA,WAAAC,CACF,IAA0B,CAf1B,IAAAC,EAgBE,OAAAC,EAAA,cAACN,EAAA,MACEK,EAAAF,EAAK,WAAL,KAAAE,OAAAA,EAAe,IAAID,CACtB,CAAA,CAAA"}

package/dist/components/markdown-content/components/MarkdownHeading.d.ts

@@ -0,0 +1,8 @@
+import type { Content, Heading as HeadingType } from 'mdast';
+import * as React from 'react';
+type MarkdownHeadingProps = {
+    node: HeadingType;
+    handleNode: (node: Content) => React.ReactElement;
+};
+export declare const MarkdownHeading: ({ node, handleNode, ...rest }: MarkdownHeadingProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import*as i from"react";import{Heading as o}from"../../heading/Heading.js";const c=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"}}},d=({node:e,handleNode:r,...a})=>{var s;const{as:t,size:n}=c(e.depth);return i.createElement(o,{as:t,size:n,...a},(s=e.children)==null?void 0:s.map(r))};export{d 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 type { 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 = ({\n  node,\n  handleNode,\n  ...rest\n}: MarkdownHeadingProps) => {\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,EAAkB,CAAC,CAC9B,KAAAC,EACA,WAAAC,KACGC,CACL,IAA4B,CA/B5B,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.d.ts

@@ -0,0 +1,9 @@
+import type { Image as ImageType } from 'mdast';
+import * as React from 'react';
+import { CSS } from '../../../stitches';
+type MarkdownImageProps = {
+    node: ImageType;
+    css?: CSS;
+};
+export declare const MarkdownImage: ({ node, css }: MarkdownImageProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import*as t from"react";import{Image as a}from"../../image/Image.js";const s=({node:r,css:o})=>{var e;return t.createElement(a,{src:r.url,alt:(e=r.alt)!=null?e:void 0,css:o})};export{s 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 type { 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 = ({ node, css }: MarkdownImageProps) => (\n  <Image src={node.url} alt={node.alt ?? undefined} css={css} />\n)\n"],"names":["MarkdownImage","node","css","_a","React","Image"],"mappings":"qEAYO,MAAMA,EAAgB,CAAC,CAAE,KAAAC,EAAM,IAAAC,CAAI,IAAuB,CAZjE,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.d.ts

@@ -0,0 +1,7 @@
+import type { InlineCode } from 'mdast';
+import * as React from 'react';
+type MarkdownInlineCodeProps = {
+    node: InlineCode;
+};
+export declare const MarkdownInlineCode: ({ node }: MarkdownInlineCodeProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import*as e from"react";import{styled as r}from"../../../stitches.js";import{Box as n}from"../../box/Box.js";const t=r(n,{bg:"$grey200",borderRadius:"$0",color:"$grey1000",display:"inline-block",fontFamily:"$mono",fontSize:"85%",p:"$0 $1"}),i=({node:o})=>e.createElement(t,{as:"code"},o.value);export{i 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 type { 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: '$grey200',\n  borderRadius: '$0',\n  color: '$grey1000',\n  display: 'inline-block',\n  fontFamily: '$mono',\n  fontSize: '85%',\n  p: '$0 $1'\n})\n\nexport const MarkdownInlineCode = ({ node }: MarkdownInlineCodeProps) => (\n  <StyledMarkdownInlineCode as=\"code\">{node.value}</StyledMarkdownInlineCode>\n)\n"],"names":["StyledMarkdownInlineCode","styled","Box","MarkdownInlineCode","node","React"],"mappings":"6GAWA,MAAMA,EAA2BC,EAAOC,EAAK,CAC3C,GAAI,WACJ,aAAc,KACd,MAAO,YACP,QAAS,eACT,WAAY,QACZ,SAAU,MACV,EAAG,OACL,CAAC,EAEYC,EAAqB,CAAC,CAAE,KAAAC,CAAK,IACxCC,EAAA,cAACL,EAAA,CAAyB,GAAG,MAAQI,EAAAA,EAAK,KAAM"}

package/dist/components/markdown-content/components/MarkdownLink.d.ts

@@ -0,0 +1,8 @@
+import type { Content, Link as LinkType } from 'mdast';
+import * as React from 'react';
+type MarkdownLinkProps = {
+    node: LinkType;
+    handleNode: (node: Content) => React.ReactElement;
+};
+export declare const MarkdownLink: ({ node, handleNode }: MarkdownLinkProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+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 type { 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 = ({ node, handleNode }: MarkdownLinkProps) => (\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,EAAe,CAAC,CAAE,KAAAC,EAAM,WAAAC,CAAW,IAAsB,CAVtE,IAAAC,EAAAC,EAWE,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.d.ts

@@ -0,0 +1,10 @@
+import type { Content, List as ListType } from 'mdast';
+import * as React from 'react';
+import { CSS } from '../../../stitches';
+type MarkdownListProps = {
+    node: ListType;
+    handleNode: (node: Content) => React.ReactElement;
+    css?: CSS;
+};
+export declare const MarkdownList: ({ node, handleNode, css }: MarkdownListProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import*as n from"react";import{List as i}from"../../list/List.js";const t=({node:e,handleNode:o,css:d})=>{var r;return n.createElement(i,{css:{"& p":{display:"inline"},"& p:before, & p:after":{display:"none"},...d},ordered:e.ordered||void 0},(r=e.children)==null?void 0:r.map(o))};export{t 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 type { 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 = ({ node, handleNode, css }: MarkdownListProps) => (\n  <List\n    css={\n      {\n        '& p': { display: 'inline' },\n        '& p:before, & p:after': { display: 'none' },\n        ...css\n      } as CSS\n    }\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,EAAe,CAAC,CAAE,KAAAC,EAAM,WAAAC,EAAY,IAAAC,CAAI,IAAsB,CAb3E,IAAAC,EAcE,OAAAC,EAAA,cAACC,EAAA,CACC,IACE,CACE,MAAO,CAAE,QAAS,QAAS,EAC3B,wBAAyB,CAAE,QAAS,MAAO,EAC3C,GAAGH,CACL,EAEF,QAASF,EAAK,SAAW,MAExBG,GAAAA,EAAAH,EAAK,WAAL,KAAA,OAAAG,EAAe,IAAIF,CACtB,CAAA,CAAA"}

package/dist/components/markdown-content/components/MarkdownListItem.d.ts

@@ -0,0 +1,8 @@
+import type { Content, ListItem } from 'mdast';
+import * as React from 'react';
+type MarkdownListItemProps = {
+    node: ListItem;
+    handleNode: (node: Content) => React.ReactElement;
+};
+export declare const MarkdownListItem: ({ node, handleNode }: MarkdownListItemProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import*as o from"react";import{List as n}from"../../list/List.js";const m=({node:t,handleNode:r})=>{var e;return o.createElement(n.Item,null,(e=t.children)==null?void 0:e.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 type { 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 = ({\n  node,\n  handleNode\n}: MarkdownListItemProps) => (\n  <List.Item>{node.children?.map(handleNode)}</List.Item>\n)\n"],"names":["MarkdownListItem","node","handleNode","_a","React","List"],"mappings":"kEAUa,MAAAA,EAAmB,CAAC,CAC/B,KAAAC,EACA,WAAAC,CACF,IAA0B,CAb1B,IAAAC,EAcE,OAAAC,EAAA,cAACC,EAAK,KAAL,MAAWF,EAAAF,EAAK,WAAL,KAAAE,OAAAA,EAAe,IAAID,CAAY,CAAA,CAAA"}

package/dist/components/markdown-content/components/MarkdownParagraph.d.ts

@@ -0,0 +1,8 @@
+import type { Content, Paragraph } from 'mdast';
+import * as React from 'react';
+type MarkdownParagraphProps = {
+    node: Paragraph;
+    handleNode: (node: Content) => React.ReactElement;
+};
+export declare const MarkdownParagraph: ({ node, handleNode, ...rest }: MarkdownParagraphProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import*as n from"react";import{Text as t}from"../../text/Text.js";const d=({node:e,handleNode:a,...o})=>{var r;return n.createElement(t,{...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 type { 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 = ({\n  node,\n  handleNode,\n  ...rest\n}: MarkdownParagraphProps) => (\n  <Text {...rest}>{node.children?.map(handleNode)}</Text>\n)\n"],"names":["MarkdownParagraph","node","handleNode","rest","_a","React","Text"],"mappings":"kEAUO,MAAMA,EAAoB,CAAC,CAChC,KAAAC,EACA,WAAAC,KACGC,CACL,IAA2B,CAd3B,IAAAC,EAeE,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.d.ts

@@ -0,0 +1,8 @@
+import type { Content, Strong } from 'mdast';
+import * as React from 'react';
+type MarkdownStrongProps = {
+    node: Strong;
+    handleNode: (node: Content) => React.ReactElement;
+};
+export declare const MarkdownStrong: ({ node, handleNode }: MarkdownStrongProps) => React.JSX.Element;
+export {};