@atom-learning/components 3.12.4 → 3.12.6

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

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

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

@@ -1 +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"}
+{"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 = ({ 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,YACJ,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

@@ -4,5 +4,5 @@ declare type MarkdownLinkProps = {
     node: LinkType;
     handleNode: (node: Content) => React.ReactElement;
 };
-export declare const MarkdownLink: React.FC<MarkdownLinkProps>;
+export declare const MarkdownLink: ({ node, handleNode }: MarkdownLinkProps) => JSX.Element;
 export {};

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

@@ -1 +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"}
+{"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 = ({ 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

@@ -6,5 +6,5 @@ declare type MarkdownListProps = {
     handleNode: (node: Content) => React.ReactElement;
     css?: CSS;
 };
-export declare const MarkdownList: React.FC<MarkdownListProps>;
+export declare const MarkdownList: ({ node, handleNode, css }: MarkdownListProps) => JSX.Element;
 export {};

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

@@ -1,2 +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};
+import*as n from"react";import{List as i}from"../../list/List.js";const s=({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{s as MarkdownList};
 //# sourceMappingURL=MarkdownList.js.map

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

@@ -1 +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={\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,EAA4C,CAAC,CACxD,KAAAC,EACA,WAAAC,EACA,IAAAC,CACF,IAAG,CAjBH,IAAAC,EAkBE,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"}
+{"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 = ({ 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

@@ -4,5 +4,5 @@ declare type MarkdownListItemProps = {
     node: ListItem;
     handleNode: (node: Content) => React.ReactElement;
 };
-export declare const MarkdownListItem: React.FC<MarkdownListItemProps>;
+export declare const MarkdownListItem: ({ node, handleNode }: MarkdownListItemProps) => JSX.Element;
 export {};

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

@@ -1 +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"}
+{"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 = ({\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

@@ -4,5 +4,5 @@ declare type MarkdownParagraphProps = {
     node: Paragraph;
     handleNode: (node: Content) => React.ReactElement;
 };
-export declare const MarkdownParagraph: React.FC<MarkdownParagraphProps>;
+export declare const MarkdownParagraph: ({ node, handleNode, ...rest }: MarkdownParagraphProps) => JSX.Element;
 export {};

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

@@ -1 +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"}
+{"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 = ({\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

@@ -4,5 +4,5 @@ declare type MarkdownStrongProps = {
     node: Strong;
     handleNode: (node: Content) => React.ReactElement;
 };
-export declare const MarkdownStrong: React.FC<MarkdownStrongProps>;
+export declare const MarkdownStrong: ({ node, handleNode }: MarkdownStrongProps) => JSX.Element;
 export {};

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

@@ -1 +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"}
+{"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 = ({ node, handleNode }: MarkdownStrongProps) => (\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,EAAiB,CAAC,CAAE,KAAAC,EAAM,WAAAC,CAAW,IAAwB,CAZ1E,IAAAC,EAaE,OAAAC,EAAA,cAACN,EAAA,MAAsBK,EAAAF,EAAK,WAAL,KAAAE,OAAAA,EAAe,IAAID,CAAY,CAAA,CAAA"}

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { CSS } from '../../../stitches';
 declare type MarkdownThematicBreakProps = {
     css?: CSS;
 };
-export declare const MarkdownThematicBreak: React.FC<MarkdownThematicBreakProps>;
+export declare const MarkdownThematicBreak: ({ css }: MarkdownThematicBreakProps) => JSX.Element;
 export {};

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

@@ -1 +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"}
+{"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 = ({ css }: MarkdownThematicBreakProps) => (\n  <Divider css={{ width: '100%', ...css }} />\n)\n"],"names":["MarkdownThematicBreak","css","React","Divider"],"mappings":"2EAUO,MAAMA,EAAwB,CAAC,CAAE,IAAAC,CAAI,IAC1CC,EAAA,cAACC,EAAA,CAAQ,IAAK,CAAE,MAAO,OAAQ,GAAGF,CAAI,CAAG,CAAA"}