@mintlify/msft-sdk 1.1.46 → 1.1.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/api-playground/EndpointFields/ParamFields/PrimitiveParamField/index.js +3 -2
  2. package/dist/api-playground/EndpointFields/ParamFields/PrimitiveParamField/index.js.map +1 -1
  3. package/dist/components/Api/Markdown.js +36 -40
  4. package/dist/components/Api/Markdown.js.map +1 -1
  5. package/dist/components/content-components/all-components.js +25 -23
  6. package/dist/components/content-components/all-components.js.map +1 -1
  7. package/dist/components/content-components/callouts.js +12 -5
  8. package/dist/components/content-components/callouts.js.map +1 -1
  9. package/dist/components/content-components/heading.js +7 -7
  10. package/dist/components/content-components/heading.js.map +1 -1
  11. package/dist/components/content-components/latex.js +30 -0
  12. package/dist/components/content-components/latex.js.map +1 -0
  13. package/dist/components/content-components/table/index.js +6 -6
  14. package/dist/components/content-components/table/index.js.map +1 -1
  15. package/dist/components/mdx-renderer.js +1 -9
  16. package/dist/components/mdx-renderer.js.map +1 -1
  17. package/dist/components/nav-tree/index.js +80 -67
  18. package/dist/components/nav-tree/index.js.map +1 -1
  19. package/dist/index.d.ts +11 -0
  20. package/dist/index.js +59 -55
  21. package/dist/index.js.map +1 -1
  22. package/dist/parser/convert-html-to-mdx.js +17 -16
  23. package/dist/parser/convert-html-to-mdx.js.map +1 -1
  24. package/dist/parser/serialize-mdx.js +17 -15
  25. package/dist/parser/serialize-mdx.js.map +1 -1
  26. package/dist/plugins/sanitize/rehype-latex.js +31 -0
  27. package/dist/plugins/sanitize/rehype-latex.js.map +1 -0
  28. package/dist/plugins/sanitize/rehype-pre-to-mdx-fence.js +13 -13
  29. package/dist/plugins/sanitize/rehype-pre-to-mdx-fence.js.map +1 -1
  30. package/dist/plugins/sanitize/rehype-remark.js +4 -3
  31. package/dist/plugins/sanitize/rehype-remark.js.map +1 -1
  32. package/dist/styles.css +1 -1
  33. package/package.json +4 -1
@@ -1,6 +1,7 @@
1
1
  import "react/jsx-runtime";
2
- const t = (e) => e.type === "enum<integer>" || e.type === "enum<number>" || e.type === "enum<string>";
2
+ import "@mintlify/validation";
3
+ const r = (t) => t.type === "enum<integer>" || t.type === "enum<number>" || t.type === "enum<string>";
3
4
  export {
4
- t as isEnum
5
+ r as isEnum
5
6
  };
6
7
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../src/api-playground/EndpointFields/ParamFields/PrimitiveParamField/index.tsx"],"sourcesContent":["\nimport {\n AnySchema,\n BooleanSchema,\n DataSchema,\n DataSchemaArray,\n FileSchema,\n IncrementalDataSchema,\n IncrementalDataSchemaArray,\n NullSchema,\n NumberEnumSchema,\n NumberSchema,\n StringEnumSchema,\n StringSchema,\n} from '@mintlify/validation';\n\nimport { ParamHead } from '@/components/Api/Param';\nimport { cn } from '@/api-playground-2/schemaGraph/utils';\n\nimport { Description } from '../../components/Description';\nimport { ExampleDescription } from '../ExampleDescription';\nimport { EnumConstTable, EnumOptions } from './Enum';\nimport { NumberMetadata } from './NumberMetadata';\nimport { StringMetadata } from './StringMetadata';\nimport { FieldType } from '@/api-playground-2/types/api';\n\nexport type PrimitiveParamFieldParams = {\n fieldType: FieldType;\n schema:\n | BooleanSchema\n | StringSchema\n | NumberSchema\n | StringEnumSchema\n | NumberEnumSchema\n | FileSchema\n | NullSchema\n | AnySchema;\n schemaArray?: DataSchemaArray | IncrementalDataSchemaArray;\n typeOptions: string[];\n name?: string | null;\n location?: string;\n selectedIndex?: number;\n onSelectTypeOption?: (index: number) => void;\n parentName?: string;\n paramId?: string;\n style?: string;\n explode?: boolean;\n};\n\nexport const PrimitiveParamField = ({\n fieldType,\n schema,\n schemaArray,\n name,\n location,\n typeOptions,\n selectedIndex,\n onSelectTypeOption,\n parentName,\n paramId,\n style,\n explode,\n}: PrimitiveParamFieldParams) => {\n const typeLabel = typeOptions[selectedIndex ?? 0];\n\n const description =\n schema.description ??\n (name === undefined ? `The ${fieldType} is of type \\`${typeLabel}\\`.` : undefined);\n\n return (\n <div className=\"mint:py-6\">\n <ParamHead\n id={paramId}\n name={name}\n typeLabel={typeLabel}\n location={location}\n fieldType={fieldType}\n required={schema.required}\n deprecated={schema.deprecated}\n defaultValue={schema.default}\n typeOptions={typeOptions}\n selectedTypeOptionIndex={selectedIndex}\n onSelectTypeOption={onSelectTypeOption}\n parentName={parentName}\n style={style}\n explode={explode}\n />\n <div className={cn({ 'mint:mt-4': description || isEnum(schema) })}>\n {description && <Description markdown={description} />}\n {schemaArray && isEnumWithConsts(schemaArray) ? (\n <EnumConstTable schemaArray={schemaArray} />\n ) : (\n isEnum(schema) && <EnumOptions schema={schema} />\n )}\n {isStringSchema(schema) && <StringMetadata schema={schema} description={description} />}\n {isNumberSchema(schema) && <NumberMetadata schema={schema} />}\n <ExampleDescription schema={schema} />\n </div>\n </div>\n );\n};\n\nexport const isEnum = (\n schema: DataSchema | IncrementalDataSchema\n): schema is NumberEnumSchema | StringEnumSchema => {\n return (\n schema.type === 'enum<integer>' ||\n schema.type === 'enum<number>' ||\n schema.type === 'enum<string>'\n );\n};\n\nexport const isEnumWithConsts = (\n schemaArray?: DataSchemaArray | IncrementalDataSchemaArray\n): boolean => {\n if (!schemaArray) return false;\n return schemaArray.some((schema) => isEnum(schema) && 'const' in schema);\n};\n\nconst isStringSchema = (schema: DataSchema | IncrementalDataSchema): schema is StringSchema => {\n return schema.type === 'string';\n};\n\nconst isNumberSchema = (schema: DataSchema | IncrementalDataSchema): schema is NumberSchema => {\n return schema.type === 'number' || schema.type === 'integer';\n};\n"],"names":["isEnum","schema"],"mappings":";AAsGO,MAAMA,IAAS,CACpBC,MAGEA,EAAO,SAAS,mBAChBA,EAAO,SAAS,kBAChBA,EAAO,SAAS;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/api-playground/EndpointFields/ParamFields/PrimitiveParamField/index.tsx"],"sourcesContent":["\nimport {\n AnySchema,\n BooleanSchema,\n DataSchema,\n DataSchemaArray,\n FileSchema,\n IncrementalDataSchema,\n IncrementalDataSchemaArray,\n NullSchema,\n NumberEnumSchema,\n NumberSchema,\n StringEnumSchema,\n StringSchema,\n} from '@mintlify/validation';\n\nimport { ParamHead } from '@/components/Api/Param';\nimport { cn } from '@/api-playground-2/schemaGraph/utils';\n\nimport { Description } from '../../components/Description';\nimport { ExampleDescription } from '../ExampleDescription';\nimport { EnumConstTable, EnumOptions } from './Enum';\nimport { NumberMetadata } from './NumberMetadata';\nimport { StringMetadata } from './StringMetadata';\nimport { FieldType } from '@/api-playground-2/types/api';\n\nexport type PrimitiveParamFieldParams = {\n fieldType: FieldType;\n schema:\n | BooleanSchema\n | StringSchema\n | NumberSchema\n | StringEnumSchema\n | NumberEnumSchema\n | FileSchema\n | NullSchema\n | AnySchema;\n schemaArray?: DataSchemaArray | IncrementalDataSchemaArray;\n typeOptions: string[];\n name?: string | null;\n location?: string;\n selectedIndex?: number;\n onSelectTypeOption?: (index: number) => void;\n parentName?: string;\n paramId?: string;\n style?: string;\n explode?: boolean;\n};\n\nexport const PrimitiveParamField = ({\n fieldType,\n schema,\n schemaArray,\n name,\n location,\n typeOptions,\n selectedIndex,\n onSelectTypeOption,\n parentName,\n paramId,\n style,\n explode,\n}: PrimitiveParamFieldParams) => {\n const typeLabel = typeOptions[selectedIndex ?? 0];\n\n const description =\n schema.description ??\n (name === undefined ? `The ${fieldType} is of type \\`${typeLabel}\\`.` : undefined);\n\n return (\n <div className=\"mint:py-6\">\n <ParamHead\n id={paramId}\n name={name}\n typeLabel={typeLabel}\n location={location}\n fieldType={fieldType}\n required={schema.required}\n deprecated={schema.deprecated}\n defaultValue={schema.default}\n typeOptions={typeOptions}\n selectedTypeOptionIndex={selectedIndex}\n onSelectTypeOption={onSelectTypeOption}\n parentName={parentName}\n style={style}\n explode={explode}\n />\n <div className={cn({ 'mint:mt-4': description || isEnum(schema) })}>\n {description && <Description markdown={description} />}\n {schemaArray && isEnumWithConsts(schemaArray) ? (\n <EnumConstTable schemaArray={schemaArray} />\n ) : (\n isEnum(schema) && <EnumOptions schema={schema} />\n )}\n {isStringSchema(schema) && <StringMetadata schema={schema} description={description} />}\n {isNumberSchema(schema) && <NumberMetadata schema={schema} />}\n <ExampleDescription schema={schema} />\n </div>\n </div>\n );\n};\n\nexport const isEnum = (\n schema: DataSchema | IncrementalDataSchema\n): schema is NumberEnumSchema | StringEnumSchema => {\n return (\n schema.type === 'enum<integer>' ||\n schema.type === 'enum<number>' ||\n schema.type === 'enum<string>'\n );\n};\n\nexport const isEnumWithConsts = (\n schemaArray?: DataSchemaArray | IncrementalDataSchemaArray\n): boolean => {\n if (!schemaArray) return false;\n return schemaArray.some((schema) => isEnum(schema) && 'const' in schema);\n};\n\nconst isStringSchema = (schema: DataSchema | IncrementalDataSchema): schema is StringSchema => {\n return schema.type === 'string';\n};\n\nconst isNumberSchema = (schema: DataSchema | IncrementalDataSchema): schema is NumberSchema => {\n return schema.type === 'number' || schema.type === 'integer';\n};\n"],"names":["isEnum","schema"],"mappings":";;AAsGO,MAAMA,IAAS,CACpBC,MAGEA,EAAO,SAAS,mBAChBA,EAAO,SAAS,kBAChBA,EAAO,SAAS;"}
@@ -1,66 +1,62 @@
1
- import { jsx as s, jsxs as i } from "react/jsx-runtime";
1
+ import { jsx as r, jsxs as i } from "react/jsx-runtime";
2
2
  import c from "react-markdown";
3
- import l from "remark-gfm";
4
- import { CodeBlock as h } from "../content-components/code-block.js";
5
- import { getNodeText as d } from "../content-components/getNodeText.js";
6
- const p = [l];
7
- function u({
8
- children: a,
9
- className: o,
3
+ import l from "rehype-katex";
4
+ import h from "remark-gfm";
5
+ import p from "remark-math";
6
+ import { CodeBlock as d } from "../content-components/code-block.js";
7
+ import { getNodeText as u } from "../content-components/getNodeText.js";
8
+ const f = [h, p], N = [l];
9
+ function g({
10
+ children: o,
11
+ className: m,
10
12
  components: n,
11
13
  showCopyButton: e = !1
12
14
  }) {
13
- return /* @__PURE__ */ s("div", { className: o, children: /* @__PURE__ */ s(
15
+ return /* @__PURE__ */ r("div", { className: m, children: /* @__PURE__ */ r(
14
16
  c,
15
17
  {
16
- remarkPlugins: p,
18
+ remarkPlugins: f,
19
+ rehypePlugins: N,
17
20
  components: {
18
- p: ({ children: r }) => /* @__PURE__ */ s("p", { className: "mint:break-words", children: r }),
19
- pre: ({ children: r, ...t }) => {
20
- if (typeof r == "object" && r !== null && "props" in r && typeof r.props == "object" && r.props !== null && "className" in r.props && r.props.className === "language-suggestions")
21
- return r;
22
- const m = d(r);
21
+ p: ({ children: s }) => /* @__PURE__ */ r("p", { className: "mint:break-words", children: s }),
22
+ pre: ({ children: s, ...t }) => {
23
+ if (typeof s == "object" && s !== null && "props" in s && typeof s.props == "object" && s.props !== null && "className" in s.props && s.props.className === "language-suggestions")
24
+ return s;
25
+ const a = u(s);
23
26
  return /* @__PURE__ */ i("div", { className: "mint:relative", children: [
24
- /* @__PURE__ */ s(
25
- "pre",
26
- {
27
- ...t,
28
- className: t.className,
29
- children: r
30
- }
31
- ),
32
- e && /* @__PURE__ */ s("div", { className: "mint:absolute mint:top-2 mint:right-2", children: /* @__PURE__ */ s(h, { children: m }) })
27
+ /* @__PURE__ */ r("pre", { ...t, className: t.className, children: s }),
28
+ e && /* @__PURE__ */ r("div", { className: "mint:absolute mint:top-2 mint:right-2", children: /* @__PURE__ */ r(d, { children: a }) })
33
29
  ] });
34
30
  },
35
31
  ...n
36
32
  },
37
- children: a
33
+ children: o
38
34
  }
39
35
  ) });
40
36
  }
41
- const x = ({
42
- children: a,
43
- className: o
37
+ const M = ({
38
+ children: o,
39
+ className: m
44
40
  }) => {
45
41
  const n = "mint:text-base mint:font-medium";
46
- return /* @__PURE__ */ s(
47
- u,
42
+ return /* @__PURE__ */ r(
43
+ g,
48
44
  {
49
45
  components: {
50
- h1: ({ children: e }) => /* @__PURE__ */ s("h1", { className: n, children: e }),
51
- h2: ({ children: e }) => /* @__PURE__ */ s("h2", { className: n, children: e }),
52
- h3: ({ children: e }) => /* @__PURE__ */ s("h3", { className: n, children: e }),
53
- h4: ({ children: e }) => /* @__PURE__ */ s("h4", { className: n, children: e }),
54
- h5: ({ children: e }) => /* @__PURE__ */ s("h5", { className: n, children: e }),
55
- h6: ({ children: e }) => /* @__PURE__ */ s("h6", { className: n, children: e })
46
+ h1: ({ children: e }) => /* @__PURE__ */ r("h1", { className: n, children: e }),
47
+ h2: ({ children: e }) => /* @__PURE__ */ r("h2", { className: n, children: e }),
48
+ h3: ({ children: e }) => /* @__PURE__ */ r("h3", { className: n, children: e }),
49
+ h4: ({ children: e }) => /* @__PURE__ */ r("h4", { className: n, children: e }),
50
+ h5: ({ children: e }) => /* @__PURE__ */ r("h5", { className: n, children: e }),
51
+ h6: ({ children: e }) => /* @__PURE__ */ r("h6", { className: n, children: e })
56
52
  },
57
- className: o,
58
- children: a
53
+ className: m,
54
+ children: o
59
55
  }
60
56
  );
61
57
  };
62
58
  export {
63
- u as Markdown,
64
- x as MarkdownWithoutHeaders
59
+ g as Markdown,
60
+ M as MarkdownWithoutHeaders
65
61
  };
66
62
  //# sourceMappingURL=Markdown.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Markdown.js","sources":["../../../src/components/Api/Markdown.tsx"],"sourcesContent":["\nimport ReactMarkdown, { Components } from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\n\nimport { CodeBlock } from '../content-components/code-block';\nimport { getNodeText } from '../content-components/getNodeText';\nimport { cn } from \"../../utils/cn\";\n\nconst commonRemarkPlugins = [remarkGfm];\n\nexport function Markdown({\n children,\n className,\n components,\n showCopyButton = false,\n}: {\n children: string;\n className?: string;\n components?: Partial<Components> | null | undefined;\n showCopyButton?: boolean;\n}) {\n\n return (\n <div className={className}>\n <ReactMarkdown\n remarkPlugins={commonRemarkPlugins}\n components={{\n p: ({ children }) => <p className=\"mint:break-words\">{children}</p>,\n pre: ({ children, ...props }) => {\n if (\n typeof children === 'object' &&\n children !== null &&\n 'props' in children &&\n typeof children.props === 'object' &&\n children.props !== null &&\n 'className' in children.props &&\n children.props.className === 'language-suggestions'\n ) {\n return children;\n }\n\n const codeString = getNodeText(children);\n\n return (\n <div className=\"mint:relative\">\n <pre\n {...props}\n className={props.className}\n >\n {children}\n </pre>\n {showCopyButton && (\n <div className=\"mint:absolute mint:top-2 mint:right-2\">\n <CodeBlock children={codeString} />\n </div>\n )}\n </div>\n );\n },\n ...components,\n }}\n >\n {children}\n </ReactMarkdown>\n </div>\n );\n}\n\nexport const MarkdownWithoutHeaders = ({\n children,\n className,\n}: {\n children: string;\n className?: string;\n}) => {\n const headingClass = 'mint:text-base mint:font-medium';\n return (\n <Markdown\n components={{\n h1: ({ children }) => <h1 className={headingClass}>{children}</h1>,\n h2: ({ children }) => <h2 className={headingClass}>{children}</h2>,\n h3: ({ children }) => <h3 className={headingClass}>{children}</h3>,\n h4: ({ children }) => <h4 className={headingClass}>{children}</h4>,\n h5: ({ children }) => <h5 className={headingClass}>{children}</h5>,\n h6: ({ children }) => <h6 className={headingClass}>{children}</h6>,\n }}\n className={className}\n >\n {children}\n </Markdown>\n );\n};\n"],"names":["commonRemarkPlugins","remarkGfm","Markdown","children","className","components","showCopyButton","jsx","ReactMarkdown","props","codeString","getNodeText","jsxs","CodeBlock","MarkdownWithoutHeaders","headingClass"],"mappings":";;;;;AAQA,MAAMA,IAAsB,CAACC,CAAS;AAE/B,SAASC,EAAS;AAAA,EACvB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC,IAAiB;AACnB,GAKG;AAED,SACE,gBAAAC,EAAC,SAAI,WAAAH,GACH,UAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAeR;AAAA,MACf,YAAY;AAAA,QACV,GAAG,CAAC,EAAE,UAAAG,EAAAA,MAAe,gBAAAI,EAAC,KAAA,EAAE,WAAU,oBAAoB,UAAAJ,EAAAA,CAAS;AAAA,QAC/D,KAAK,CAAC,EAAE,UAAAA,GAAU,GAAGM,QAAY;AAC/B,cACE,OAAON,KAAa,YACpBA,MAAa,QACb,WAAWA,KACX,OAAOA,EAAS,SAAU,YAC1BA,EAAS,UAAU,QACnB,eAAeA,EAAS,SACxBA,EAAS,MAAM,cAAc;AAE7B,mBAAOA;AAGT,gBAAMO,IAAaC,EAAYR,CAAQ;AAEvC,iBACE,gBAAAS,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,YAAA,gBAAAL;AAAA,cAAC;AAAA,cAAA;AAAA,gBACE,GAAGE;AAAA,gBACJ,WAAWA,EAAM;AAAA,gBAEhB,UAAAN;AAAAA,cAAA;AAAA,YAAA;AAAA,YAEFG,uBACE,OAAA,EAAI,WAAU,yCACb,UAAA,gBAAAC,EAACM,GAAA,EAAU,UAAUH,EAAA,CAAY,EAAA,CACnC;AAAA,UAAA,GAEJ;AAAA,QAEJ;AAAA,QACA,GAAGL;AAAA,MAAA;AAAA,MAGJ,UAAAF;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEO,MAAMW,IAAyB,CAAC;AAAA,EACrC,UAAAX;AAAA,EACA,WAAAC;AACF,MAGM;AACJ,QAAMW,IAAe;AACrB,SACE,gBAAAR;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,YAAY;AAAA,QACV,IAAI,CAAC,EAAE,UAAAC,EAAAA,MAAe,gBAAAI,EAAC,MAAA,EAAG,WAAWQ,GAAe,UAAAZ,EAAAA,CAAS;AAAA,QAC7D,IAAI,CAAC,EAAE,UAAAA,EAAAA,MAAe,gBAAAI,EAAC,MAAA,EAAG,WAAWQ,GAAe,UAAAZ,EAAAA,CAAS;AAAA,QAC7D,IAAI,CAAC,EAAE,UAAAA,EAAAA,MAAe,gBAAAI,EAAC,MAAA,EAAG,WAAWQ,GAAe,UAAAZ,EAAAA,CAAS;AAAA,QAC7D,IAAI,CAAC,EAAE,UAAAA,EAAAA,MAAe,gBAAAI,EAAC,MAAA,EAAG,WAAWQ,GAAe,UAAAZ,EAAAA,CAAS;AAAA,QAC7D,IAAI,CAAC,EAAE,UAAAA,EAAAA,MAAe,gBAAAI,EAAC,MAAA,EAAG,WAAWQ,GAAe,UAAAZ,EAAAA,CAAS;AAAA,QAC7D,IAAI,CAAC,EAAE,UAAAA,QAAe,gBAAAI,EAAC,MAAA,EAAG,WAAWQ,GAAe,UAAAZ,EAAAA,CAAS;AAAA,MAAA;AAAA,MAE/D,WAAAC;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
1
+ {"version":3,"file":"Markdown.js","sources":["../../../src/components/Api/Markdown.tsx"],"sourcesContent":["import ReactMarkdown, { Components } from 'react-markdown';\nimport rehypeKatex from 'rehype-katex';\nimport remarkGfm from 'remark-gfm';\nimport remarkMath from 'remark-math';\n\nimport { cn } from '../../utils/cn';\nimport { CodeBlock } from '../content-components/code-block';\nimport { getNodeText } from '../content-components/getNodeText';\n\nconst commonRemarkPlugins = [remarkGfm, remarkMath];\nconst commonRehypePlugins = [rehypeKatex];\n\nexport function Markdown({\n children,\n className,\n components,\n showCopyButton = false,\n}: {\n children: string;\n className?: string;\n components?: Partial<Components> | null | undefined;\n showCopyButton?: boolean;\n}) {\n return (\n <div className={className}>\n <ReactMarkdown\n remarkPlugins={commonRemarkPlugins}\n rehypePlugins={commonRehypePlugins}\n components={{\n p: ({ children }) => <p className=\"mint:break-words\">{children}</p>,\n pre: ({ children, ...props }) => {\n if (\n typeof children === 'object' &&\n children !== null &&\n 'props' in children &&\n typeof children.props === 'object' &&\n children.props !== null &&\n 'className' in children.props &&\n children.props.className === 'language-suggestions'\n ) {\n return children;\n }\n\n const codeString = getNodeText(children);\n\n return (\n <div className=\"mint:relative\">\n <pre {...props} className={props.className}>\n {children}\n </pre>\n {showCopyButton && (\n <div className=\"mint:absolute mint:top-2 mint:right-2\">\n <CodeBlock children={codeString} />\n </div>\n )}\n </div>\n );\n },\n ...components,\n }}\n >\n {children}\n </ReactMarkdown>\n </div>\n );\n}\n\nexport const MarkdownWithoutHeaders = ({\n children,\n className,\n}: {\n children: string;\n className?: string;\n}) => {\n const headingClass = 'mint:text-base mint:font-medium';\n return (\n <Markdown\n components={{\n h1: ({ children }) => <h1 className={headingClass}>{children}</h1>,\n h2: ({ children }) => <h2 className={headingClass}>{children}</h2>,\n h3: ({ children }) => <h3 className={headingClass}>{children}</h3>,\n h4: ({ children }) => <h4 className={headingClass}>{children}</h4>,\n h5: ({ children }) => <h5 className={headingClass}>{children}</h5>,\n h6: ({ children }) => <h6 className={headingClass}>{children}</h6>,\n }}\n className={className}\n >\n {children}\n </Markdown>\n );\n};\n"],"names":["commonRemarkPlugins","remarkGfm","remarkMath","commonRehypePlugins","rehypeKatex","Markdown","children","className","components","showCopyButton","jsx","ReactMarkdown","props","codeString","getNodeText","jsxs","CodeBlock","MarkdownWithoutHeaders","headingClass"],"mappings":";;;;;;;AASA,MAAMA,IAAsB,CAACC,GAAWC,CAAU,GAC5CC,IAAsB,CAACC,CAAW;AAEjC,SAASC,EAAS;AAAA,EACvB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC,IAAiB;AACnB,GAKG;AACD,SACE,gBAAAC,EAAC,SAAI,WAAAH,GACH,UAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAeX;AAAA,MACf,eAAeG;AAAA,MACf,YAAY;AAAA,QACV,GAAG,CAAC,EAAE,UAAAG,EAAAA,MAAe,gBAAAI,EAAC,KAAA,EAAE,WAAU,oBAAoB,UAAAJ,EAAAA,CAAS;AAAA,QAC/D,KAAK,CAAC,EAAE,UAAAA,GAAU,GAAGM,QAAY;AAC/B,cACE,OAAON,KAAa,YACpBA,MAAa,QACb,WAAWA,KACX,OAAOA,EAAS,SAAU,YAC1BA,EAAS,UAAU,QACnB,eAAeA,EAAS,SACxBA,EAAS,MAAM,cAAc;AAE7B,mBAAOA;AAGT,gBAAMO,IAAaC,EAAYR,CAAQ;AAEvC,iBACE,gBAAAS,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,YAAA,gBAAAL,EAAC,SAAK,GAAGE,GAAO,WAAWA,EAAM,WAC9B,UAAAN,GACH;AAAA,YACCG,uBACE,OAAA,EAAI,WAAU,yCACb,UAAA,gBAAAC,EAACM,GAAA,EAAU,UAAUH,EAAA,CAAY,EAAA,CACnC;AAAA,UAAA,GAEJ;AAAA,QAEJ;AAAA,QACA,GAAGL;AAAA,MAAA;AAAA,MAGJ,UAAAF;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEO,MAAMW,IAAyB,CAAC;AAAA,EACrC,UAAAX;AAAA,EACA,WAAAC;AACF,MAGM;AACJ,QAAMW,IAAe;AACrB,SACE,gBAAAR;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,YAAY;AAAA,QACV,IAAI,CAAC,EAAE,UAAAC,EAAAA,MAAe,gBAAAI,EAAC,MAAA,EAAG,WAAWQ,GAAe,UAAAZ,EAAAA,CAAS;AAAA,QAC7D,IAAI,CAAC,EAAE,UAAAA,EAAAA,MAAe,gBAAAI,EAAC,MAAA,EAAG,WAAWQ,GAAe,UAAAZ,EAAAA,CAAS;AAAA,QAC7D,IAAI,CAAC,EAAE,UAAAA,EAAAA,MAAe,gBAAAI,EAAC,MAAA,EAAG,WAAWQ,GAAe,UAAAZ,EAAAA,CAAS;AAAA,QAC7D,IAAI,CAAC,EAAE,UAAAA,EAAAA,MAAe,gBAAAI,EAAC,MAAA,EAAG,WAAWQ,GAAe,UAAAZ,EAAAA,CAAS;AAAA,QAC7D,IAAI,CAAC,EAAE,UAAAA,EAAAA,MAAe,gBAAAI,EAAC,MAAA,EAAG,WAAWQ,GAAe,UAAAZ,EAAAA,CAAS;AAAA,QAC7D,IAAI,CAAC,EAAE,UAAAA,QAAe,gBAAAI,EAAC,MAAA,EAAG,WAAWQ,GAAe,UAAAZ,EAAAA,CAAS;AAAA,MAAA;AAAA,MAE/D,WAAAC;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
@@ -1,27 +1,29 @@
1
- import { CodeBlock as o } from "./code-block.js";
2
- import { Heading as m } from "./heading.js";
3
- import { Link as r } from "./link.js";
4
- import { Callout as t } from "./callouts.js";
5
- import { ParamName as i } from "./param-name.js";
6
- import { Summary as p, Details as a } from "./details/details.js";
7
- import { Tab as f } from "./tabs/tab.js";
8
- import { Tabs as e } from "./tabs/tabs.js";
9
- import { ZoneTarget as n } from "./zone-pivots/zone-target.js";
10
- import { ZonePivot as l } from "./zone-pivots/zone-pivot.js";
11
- const Z = {
12
- CodeBlock: o,
13
- Heading: m,
14
- Link: r,
15
- Callout: t,
16
- ZonePivot: l,
17
- ZoneTarget: n,
18
- ParamName: i,
19
- Tabs: e,
20
- Tab: f,
21
- Details: a,
22
- Summary: p
1
+ import { Callout as o } from "./callouts.js";
2
+ import { CodeBlock as m } from "./code-block.js";
3
+ import { Heading as r } from "./heading.js";
4
+ import { LaTeX as t } from "./latex.js";
5
+ import { Link as i } from "./link.js";
6
+ import { ParamName as p } from "./param-name.js";
7
+ import { Summary as a, Details as f } from "./details/details.js";
8
+ import { Tab as e } from "./tabs/tab.js";
9
+ import { Tabs as n } from "./tabs/tabs.js";
10
+ import { ZoneTarget as l } from "./zone-pivots/zone-target.js";
11
+ import { ZonePivot as s } from "./zone-pivots/zone-pivot.js";
12
+ const v = {
13
+ CodeBlock: m,
14
+ Heading: r,
15
+ Link: i,
16
+ Callout: o,
17
+ ZonePivot: s,
18
+ ZoneTarget: l,
19
+ ParamName: p,
20
+ Tabs: n,
21
+ Tab: e,
22
+ Details: f,
23
+ Summary: a,
24
+ LaTeX: t
23
25
  };
24
26
  export {
25
- Z as allComponents
27
+ v as allComponents
26
28
  };
27
29
  //# sourceMappingURL=all-components.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"all-components.js","sources":["../../../src/components/content-components/all-components.tsx"],"sourcesContent":["import { CodeBlock } from \"./code-block\";\nimport { Heading } from \"./heading\";\nimport { Link } from \"./link\";\nimport { Callout } from \"./callouts\";\nimport { ZonePivot, ZoneTarget } from \"./zone-pivots\";\nimport { ParamName } from \"./param-name\";\nimport { Tabs, Tab } from \"./tabs\";\nimport { Details, Summary } from \"./details\";\n\nexport const allComponents = {\n CodeBlock,\n Heading,\n Link,\n Callout,\n ZonePivot,\n ZoneTarget,\n ParamName,\n Tabs,\n Tab,\n Details,\n Summary,\n};\n"],"names":["allComponents","CodeBlock","Heading","Link","Callout","ZonePivot","ZoneTarget","ParamName","Tabs","Tab","Details","Summary"],"mappings":";;;;;;;;;;AASO,MAAMA,IAAgB;AAAA,EAC3B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AACF;"}
1
+ {"version":3,"file":"all-components.js","sources":["../../../src/components/content-components/all-components.tsx"],"sourcesContent":["import { Callout } from './callouts';\nimport { CodeBlock } from './code-block';\nimport { Details, Summary } from './details';\nimport { Heading } from './heading';\nimport { LaTeX } from './latex';\nimport { Link } from './link';\nimport { ParamName } from './param-name';\nimport { Tabs, Tab } from './tabs';\nimport { ZonePivot, ZoneTarget } from './zone-pivots';\n\nexport const allComponents = {\n CodeBlock,\n Heading,\n Link,\n Callout,\n ZonePivot,\n ZoneTarget,\n ParamName,\n Tabs,\n Tab,\n Details,\n Summary,\n LaTeX,\n};\n"],"names":["allComponents","CodeBlock","Heading","Link","Callout","ZonePivot","ZoneTarget","ParamName","Tabs","Tab","Details","Summary","LaTeX"],"mappings":";;;;;;;;;;;AAUO,MAAMA,IAAgB;AAAA,EAC3B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AACF;"}
@@ -1,7 +1,7 @@
1
1
  import { jsxs as r, jsx as t } from "react/jsx-runtime";
2
2
  import { InfoFilled as o, Warning20Regular as m, DismissCircle20Regular as s, Info20Regular as d, Lightbulb20Regular as c } from "@fluentui/react-icons";
3
3
  import { cn as l } from "../../utils/cn.js";
4
- const f = {
4
+ const b = {
5
5
  tip: {
6
6
  icon: /* @__PURE__ */ t(c, { className: "mint:w-5 mint:h-5 mint:shrink-0" }),
7
7
  className: "mint:bg-[#f1faf1] mint:border-[#9fd89f] mint:text-[#0c5e0c] mint:dark:bg-[#052505] mint:dark:border-[#54b054] mint:dark:text-[#54b054]"
@@ -26,7 +26,7 @@ const f = {
26
26
  icon: /* @__PURE__ */ t(o, { className: "mint:w-5 mint:h-5 mint:shrink-0 mint:text-[#616161] mint:dark:text-white" }),
27
27
  className: "mint:bg-[#f9fafb] mint:border-[#d1d1d1] mint:text-[#141414] mint:dark:bg-[#141414] mint:dark:border-[#666666] mint:dark:text-white"
28
28
  }
29
- }, b = {
29
+ }, f = {
30
30
  note: "Note",
31
31
  tip: "Tip",
32
32
  important: "Important",
@@ -35,7 +35,7 @@ const f = {
35
35
  nextstepaction: "Next step action"
36
36
  };
37
37
  function h({ type: i, children: e }) {
38
- const n = f[i], a = b[i];
38
+ const n = b[i], a = f[i];
39
39
  return /* @__PURE__ */ r(
40
40
  "aside",
41
41
  {
@@ -46,8 +46,15 @@ function h({ type: i, children: e }) {
46
46
  n.className
47
47
  ),
48
48
  children: [
49
- n.icon && /* @__PURE__ */ t("div", { className: "mint:flex mint:items-center mint:justify-center", "aria-hidden": "true", children: n.icon }),
50
- /* @__PURE__ */ t("div", { className: "mint:text-sm mint:min-w-0 mint:w-full mint:max-w-none mint:prose mint:dark:prose-invert mint:[&>p:first-child]:font-semibold", children: e })
49
+ n.icon && /* @__PURE__ */ t(
50
+ "div",
51
+ {
52
+ className: "mint:flex mint:items-start mint:justify-center mint:mt-0.5",
53
+ "aria-hidden": "true",
54
+ children: n.icon
55
+ }
56
+ ),
57
+ /* @__PURE__ */ t("div", { className: "mint:text-sm mint:min-w-0 mint:w-full mint:max-w-none mint:prose mint:dark:prose-invert", children: e })
51
58
  ]
52
59
  }
53
60
  );
@@ -1 +1 @@
1
- {"version":3,"file":"callouts.js","sources":["../../../src/components/content-components/callouts.tsx"],"sourcesContent":["import {\n Lightbulb20Regular,\n InfoFilled,\n Warning20Regular,\n DismissCircle20Regular,\n Info20Regular,\n} from '@fluentui/react-icons';\n\nimport { cn } from '../../utils/cn';\n\nexport type CalloutType = 'note' | 'tip' | 'important' | 'caution' | 'warning' | 'nextstepaction';\n\ninterface CalloutProps {\n type: CalloutType;\n children: React.ReactNode;\n}\n\nconst calloutConfig: Record<\n CalloutType,\n {\n icon?: React.ReactNode;\n className: string;\n }\n> = {\n tip: {\n icon: <Lightbulb20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />,\n className:\n 'mint:bg-[#f1faf1] mint:border-[#9fd89f] mint:text-[#0c5e0c] mint:dark:bg-[#052505] mint:dark:border-[#54b054] mint:dark:text-[#54b054]',\n },\n note: {\n icon: <Info20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />,\n className:\n 'mint:bg-[#f5f5f5] mint:border-[#d1d1d1] mint:text-[#242424] mint:dark:bg-[#141414] mint:dark:border-[#666666] mint:dark:text-white',\n },\n warning: {\n icon: <Warning20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />,\n className:\n 'mint:bg-[#fff9f5] mint:border-[#fdcfb4] mint:text-[#8a3707] mint:dark:bg-[#4a1e04] mint:dark:border-[#de590b] mint:dark:text-[#faa06b]',\n },\n caution: {\n icon: <DismissCircle20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />,\n className:\n 'mint:bg-[#fdf3f4] mint:border-[#eeacb2] mint:text-[#960b18] mint:dark:bg-[#3b0509] mint:dark:border-[#c50f1f] mint:dark:text-[#dc626d]',\n },\n important: {\n icon: <Warning20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />,\n className:\n 'mint:bg-[#e1cefc] mint:border-[#8251ee] mint:text-[#643fb2] mint:dark:bg-[#1a1326] mint:dark:border-[#9263f1] mint:dark:text-[#9263f1]',\n },\n nextstepaction: {\n icon: (\n <InfoFilled className=\"mint:w-5 mint:h-5 mint:shrink-0 mint:text-[#616161] mint:dark:text-white\" />\n ),\n className:\n 'mint:bg-[#f9fafb] mint:border-[#d1d1d1] mint:text-[#141414] mint:dark:bg-[#141414] mint:dark:border-[#666666] mint:dark:text-white',\n },\n};\n\nconst calloutLabels: Record<CalloutType, string> = {\n note: 'Note',\n tip: 'Tip',\n important: 'Important',\n caution: 'Caution',\n warning: 'Warning',\n nextstepaction: 'Next step action',\n};\n\nexport function Callout({ type, children }: CalloutProps) {\n const config = calloutConfig[type];\n const label = calloutLabels[type];\n\n return (\n <aside\n role=\"note\"\n aria-label={label}\n className={cn(\n 'mint:my-4 mint:flex mint:gap-2 mint:px-3 mint:py-2.5 mint:rounded-lg mint:border mint:overflow-hidden',\n config.className\n )}\n >\n {config.icon && (\n <div className=\"mint:flex mint:items-center mint:justify-center\" aria-hidden=\"true\">\n {config.icon}\n </div>\n )}\n <div className=\"mint:text-sm mint:min-w-0 mint:w-full mint:max-w-none mint:prose mint:dark:prose-invert mint:[&>p:first-child]:font-semibold\">\n {children}\n </div>\n </aside>\n );\n}\n"],"names":["calloutConfig","jsx","Lightbulb20Regular","Info20Regular","Warning20Regular","DismissCircle20Regular","InfoFilled","calloutLabels","Callout","type","children","config","label","jsxs","cn"],"mappings":";;;AAiBA,MAAMA,IAMF;AAAA,EACF,KAAK;AAAA,IACH,MAAM,gBAAAC,EAACC,GAAA,EAAmB,WAAU,kCAAA,CAAkC;AAAA,IACtE,WACE;AAAA,EAAA;AAAA,EAEJ,MAAM;AAAA,IACJ,MAAM,gBAAAD,EAACE,GAAA,EAAc,WAAU,kCAAA,CAAkC;AAAA,IACjE,WACE;AAAA,EAAA;AAAA,EAEJ,SAAS;AAAA,IACP,MAAM,gBAAAF,EAACG,GAAA,EAAiB,WAAU,kCAAA,CAAkC;AAAA,IACpE,WACE;AAAA,EAAA;AAAA,EAEJ,SAAS;AAAA,IACP,MAAM,gBAAAH,EAACI,GAAA,EAAuB,WAAU,kCAAA,CAAkC;AAAA,IAC1E,WACE;AAAA,EAAA;AAAA,EAEJ,WAAW;AAAA,IACT,MAAM,gBAAAJ,EAACG,GAAA,EAAiB,WAAU,kCAAA,CAAkC;AAAA,IACpE,WACE;AAAA,EAAA;AAAA,EAEJ,gBAAgB;AAAA,IACd,MACE,gBAAAH,EAACK,GAAA,EAAW,WAAU,2EAAA,CAA2E;AAAA,IAEnG,WACE;AAAA,EAAA;AAEN,GAEMC,IAA6C;AAAA,EACjD,MAAM;AAAA,EACN,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAClB;AAEO,SAASC,EAAQ,EAAE,MAAAC,GAAM,UAAAC,KAA0B;AACxD,QAAMC,IAASX,EAAcS,CAAI,GAC3BG,IAAQL,EAAcE,CAAI;AAEhC,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAYD;AAAA,MACZ,WAAWE;AAAA,QACT;AAAA,QACAH,EAAO;AAAA,MAAA;AAAA,MAGR,UAAA;AAAA,QAAAA,EAAO,0BACL,OAAA,EAAI,WAAU,mDAAkD,eAAY,QAC1E,YAAO,KAAA,CACV;AAAA,QAEF,gBAAAV,EAAC,OAAA,EAAI,WAAU,gIACZ,UAAAS,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1
+ {"version":3,"file":"callouts.js","sources":["../../../src/components/content-components/callouts.tsx"],"sourcesContent":["import {\n Lightbulb20Regular,\n InfoFilled,\n Warning20Regular,\n DismissCircle20Regular,\n Info20Regular,\n} from '@fluentui/react-icons';\n\nimport { cn } from '../../utils/cn';\n\nexport type CalloutType = 'note' | 'tip' | 'important' | 'caution' | 'warning' | 'nextstepaction';\n\ninterface CalloutProps {\n type: CalloutType;\n children: React.ReactNode;\n}\n\nconst calloutConfig: Record<\n CalloutType,\n {\n icon?: React.ReactNode;\n className: string;\n }\n> = {\n tip: {\n icon: <Lightbulb20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />,\n className:\n 'mint:bg-[#f1faf1] mint:border-[#9fd89f] mint:text-[#0c5e0c] mint:dark:bg-[#052505] mint:dark:border-[#54b054] mint:dark:text-[#54b054]',\n },\n note: {\n icon: <Info20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />,\n className:\n 'mint:bg-[#f5f5f5] mint:border-[#d1d1d1] mint:text-[#242424] mint:dark:bg-[#141414] mint:dark:border-[#666666] mint:dark:text-white',\n },\n warning: {\n icon: <Warning20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />,\n className:\n 'mint:bg-[#fff9f5] mint:border-[#fdcfb4] mint:text-[#8a3707] mint:dark:bg-[#4a1e04] mint:dark:border-[#de590b] mint:dark:text-[#faa06b]',\n },\n caution: {\n icon: <DismissCircle20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />,\n className:\n 'mint:bg-[#fdf3f4] mint:border-[#eeacb2] mint:text-[#960b18] mint:dark:bg-[#3b0509] mint:dark:border-[#c50f1f] mint:dark:text-[#dc626d]',\n },\n important: {\n icon: <Warning20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />,\n className:\n 'mint:bg-[#e1cefc] mint:border-[#8251ee] mint:text-[#643fb2] mint:dark:bg-[#1a1326] mint:dark:border-[#9263f1] mint:dark:text-[#9263f1]',\n },\n nextstepaction: {\n icon: (\n <InfoFilled className=\"mint:w-5 mint:h-5 mint:shrink-0 mint:text-[#616161] mint:dark:text-white\" />\n ),\n className:\n 'mint:bg-[#f9fafb] mint:border-[#d1d1d1] mint:text-[#141414] mint:dark:bg-[#141414] mint:dark:border-[#666666] mint:dark:text-white',\n },\n};\n\nconst calloutLabels: Record<CalloutType, string> = {\n note: 'Note',\n tip: 'Tip',\n important: 'Important',\n caution: 'Caution',\n warning: 'Warning',\n nextstepaction: 'Next step action',\n};\n\nexport function Callout({ type, children }: CalloutProps) {\n const config = calloutConfig[type];\n const label = calloutLabels[type];\n\n return (\n <aside\n role=\"note\"\n aria-label={label}\n className={cn(\n 'mint:my-4 mint:flex mint:gap-2 mint:px-3 mint:py-2.5 mint:rounded-lg mint:border mint:overflow-hidden',\n config.className\n )}\n >\n {config.icon && (\n <div\n className=\"mint:flex mint:items-start mint:justify-center mint:mt-0.5\"\n aria-hidden=\"true\"\n >\n {config.icon}\n </div>\n )}\n <div className=\"mint:text-sm mint:min-w-0 mint:w-full mint:max-w-none mint:prose mint:dark:prose-invert\">\n {children}\n </div>\n </aside>\n );\n}\n"],"names":["calloutConfig","jsx","Lightbulb20Regular","Info20Regular","Warning20Regular","DismissCircle20Regular","InfoFilled","calloutLabels","Callout","type","children","config","label","jsxs","cn"],"mappings":";;;AAiBA,MAAMA,IAMF;AAAA,EACF,KAAK;AAAA,IACH,MAAM,gBAAAC,EAACC,GAAA,EAAmB,WAAU,kCAAA,CAAkC;AAAA,IACtE,WACE;AAAA,EAAA;AAAA,EAEJ,MAAM;AAAA,IACJ,MAAM,gBAAAD,EAACE,GAAA,EAAc,WAAU,kCAAA,CAAkC;AAAA,IACjE,WACE;AAAA,EAAA;AAAA,EAEJ,SAAS;AAAA,IACP,MAAM,gBAAAF,EAACG,GAAA,EAAiB,WAAU,kCAAA,CAAkC;AAAA,IACpE,WACE;AAAA,EAAA;AAAA,EAEJ,SAAS;AAAA,IACP,MAAM,gBAAAH,EAACI,GAAA,EAAuB,WAAU,kCAAA,CAAkC;AAAA,IAC1E,WACE;AAAA,EAAA;AAAA,EAEJ,WAAW;AAAA,IACT,MAAM,gBAAAJ,EAACG,GAAA,EAAiB,WAAU,kCAAA,CAAkC;AAAA,IACpE,WACE;AAAA,EAAA;AAAA,EAEJ,gBAAgB;AAAA,IACd,MACE,gBAAAH,EAACK,GAAA,EAAW,WAAU,2EAAA,CAA2E;AAAA,IAEnG,WACE;AAAA,EAAA;AAEN,GAEMC,IAA6C;AAAA,EACjD,MAAM;AAAA,EACN,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAClB;AAEO,SAASC,EAAQ,EAAE,MAAAC,GAAM,UAAAC,KAA0B;AACxD,QAAMC,IAASX,EAAcS,CAAI,GAC3BG,IAAQL,EAAcE,CAAI;AAEhC,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAYD;AAAA,MACZ,WAAWE;AAAA,QACT;AAAA,QACAH,EAAO;AAAA,MAAA;AAAA,MAGR,UAAA;AAAA,QAAAA,EAAO,QACN,gBAAAV;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YAEX,UAAAU,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAGZ,gBAAAV,EAAC,OAAA,EAAI,WAAU,2FACZ,UAAAS,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
@@ -2,15 +2,15 @@ import { jsxs as v, jsx as n } from "react/jsx-runtime";
2
2
  import { useState as C } from "react";
3
3
  import { cn as r } from "../../utils/cn.js";
4
4
  const B = ({ id: t, level: o, children: c, className: s = "" }) => {
5
- const m = `h${o}`, [p, i] = C(!1), d = (u) => {
6
- u.preventDefault();
7
- const g = window.location.href.split("#")[0] + "#" + t;
8
- navigator.clipboard.writeText(g).then(() => {
5
+ const m = `h${o}`, [p, i] = C(!1), u = (d) => {
6
+ d.preventDefault();
7
+ const f = window.location.href.split("#")[0] + "#" + t;
8
+ navigator.clipboard.writeText(f).then(() => {
9
9
  i(!0), setTimeout(() => i(!1), 2e3);
10
10
  });
11
11
  const e = document.getElementById("main-content"), l = document.getElementById(t);
12
12
  if (e && l) {
13
- const a = window.getComputedStyle(document.documentElement), f = parseFloat(a.getPropertyValue("--scroll-mt") || "0"), h = parseFloat(a.fontSize), w = f * h, y = e.getBoundingClientRect(), x = l.getBoundingClientRect().top - y.top + e.scrollTop - w;
13
+ const a = window.getComputedStyle(document.documentElement), g = parseFloat(a.getPropertyValue("--scroll-mt") || "0"), h = parseFloat(a.fontSize), w = g * h, y = e.getBoundingClientRect(), x = l.getBoundingClientRect().top - y.top + e.scrollTop - w;
14
14
  e.scrollTo({
15
15
  top: x,
16
16
  behavior: "instant"
@@ -24,10 +24,10 @@ const B = ({ id: t, level: o, children: c, className: s = "" }) => {
24
24
  "a",
25
25
  {
26
26
  href: `#${t}`,
27
- onClick: d,
27
+ onClick: u,
28
28
  className: r(
29
29
  "mint:absolute mint:-left-6 mint:top-1/2 mint:-translate-y-1/2 mint:opacity-0 mint:transition-opacity mint:duration-200",
30
- "mint:group-hover:opacity-100 mint:text-[#0078d4] mint:dark:text-[#75b6e7]",
30
+ "mint:group-hover:opacity-100 mint:text-[#643fb2] mint:dark:text-[#c9aaf9]",
31
31
  "mint:no-underline mint:flex mint:items-center mint:justify-center mint:w-5 mint:h-5",
32
32
  "hover:mint:text-[#005a9e] hover:mint:dark:text-[#9ed2f7]"
33
33
  ),
@@ -1 +1 @@
1
- {"version":3,"file":"heading.js","sources":["../../../src/components/content-components/heading.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { cn } from '../../utils/cn';\n\nexport interface HeadingProps {\n id: string;\n level: 1 | 2 | 3 | 4 | 5 | 6;\n children: React.ReactNode;\n className?: string;\n}\n\nexport const Heading = ({ id, level, children, className = '' }: HeadingProps) => {\n const Tag = `h${level}` as keyof JSX.IntrinsicElements;\n const [isCopied, setIsCopied] = useState(false);\n\n const handleAnchorClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n e.preventDefault();\n const url = window.location.href.split('#')[0] + '#' + id;\n navigator.clipboard.writeText(url).then(() => {\n setIsCopied(true);\n setTimeout(() => setIsCopied(false), 2000);\n });\n\n const scrollContainer = document.getElementById('main-content');\n const targetElement = document.getElementById(id);\n\n if (scrollContainer && targetElement) {\n const style = window.getComputedStyle(document.documentElement);\n const scrollMtRem = parseFloat(style.getPropertyValue('--scroll-mt') || '0');\n const fontSize = parseFloat(style.fontSize);\n const scrollOffset = scrollMtRem * fontSize;\n\n const containerRect = scrollContainer.getBoundingClientRect();\n const targetRect = targetElement.getBoundingClientRect();\n const relativeTop =\n targetRect.top - containerRect.top + scrollContainer.scrollTop - scrollOffset;\n\n scrollContainer.scrollTo({\n top: relativeTop,\n behavior: 'instant',\n });\n }\n\n history.replaceState(null, '', `#${id}`);\n };\n\n return (\n <Tag id={id} className={cn('mint:group mint:relative', level === 2 && 'mint:mb-4', className)}>\n {children}\n <a\n href={`#${id}`}\n onClick={handleAnchorClick}\n className={cn(\n 'mint:absolute mint:-left-6 mint:top-1/2 mint:-translate-y-1/2 mint:opacity-0 mint:transition-opacity mint:duration-200',\n 'mint:group-hover:opacity-100 mint:text-[#0078d4] mint:dark:text-[#75b6e7]',\n 'mint:no-underline mint:flex mint:items-center mint:justify-center mint:w-5 mint:h-5',\n 'hover:mint:text-[#005a9e] hover:mint:dark:text-[#9ed2f7]'\n )}\n aria-label={`Link to ${id}`}\n title={isCopied ? 'Link copied!' : 'Copy link'}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n className=\"mint:w-4 mint:h-4\"\n >\n <path d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\" />\n </svg>\n </a>\n </Tag>\n );\n};\n"],"names":["Heading","id","level","children","className","Tag","isCopied","setIsCopied","useState","handleAnchorClick","e","url","scrollContainer","targetElement","style","scrollMtRem","fontSize","scrollOffset","containerRect","relativeTop","jsxs","cn","jsx"],"mappings":";;;AAWO,MAAMA,IAAU,CAAC,EAAE,IAAAC,GAAI,OAAAC,GAAO,UAAAC,GAAU,WAAAC,IAAY,SAAuB;AAChF,QAAMC,IAAM,IAAIH,CAAK,IACf,CAACI,GAAUC,CAAW,IAAIC,EAAS,EAAK,GAExCC,IAAoB,CAACC,MAA2C;AACpE,IAAAA,EAAE,eAAA;AACF,UAAMC,IAAM,OAAO,SAAS,KAAK,MAAM,GAAG,EAAE,CAAC,IAAI,MAAMV;AACvD,cAAU,UAAU,UAAUU,CAAG,EAAE,KAAK,MAAM;AAC5C,MAAAJ,EAAY,EAAI,GAChB,WAAW,MAAMA,EAAY,EAAK,GAAG,GAAI;AAAA,IAC3C,CAAC;AAED,UAAMK,IAAkB,SAAS,eAAe,cAAc,GACxDC,IAAgB,SAAS,eAAeZ,CAAE;AAEhD,QAAIW,KAAmBC,GAAe;AACpC,YAAMC,IAAQ,OAAO,iBAAiB,SAAS,eAAe,GACxDC,IAAc,WAAWD,EAAM,iBAAiB,aAAa,KAAK,GAAG,GACrEE,IAAW,WAAWF,EAAM,QAAQ,GACpCG,IAAeF,IAAcC,GAE7BE,IAAgBN,EAAgB,sBAAA,GAEhCO,IADaN,EAAc,sBAAA,EAEpB,MAAMK,EAAc,MAAMN,EAAgB,YAAYK;AAEnE,MAAAL,EAAgB,SAAS;AAAA,QACvB,KAAKO;AAAA,QACL,UAAU;AAAA,MAAA,CACX;AAAA,IACH;AAEA,YAAQ,aAAa,MAAM,IAAI,IAAIlB,CAAE,EAAE;AAAA,EACzC;AAEA,SACE,gBAAAmB,EAACf,GAAA,EAAI,IAAAJ,GAAQ,WAAWoB,EAAG,4BAA4BnB,MAAU,KAAK,aAAaE,CAAS,GACzF,UAAA;AAAA,IAAAD;AAAA,IACD,gBAAAmB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,IAAIrB,CAAE;AAAA,QACZ,SAASQ;AAAA,QACT,WAAWY;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAEF,cAAY,WAAWpB,CAAE;AAAA,QACzB,OAAOK,IAAW,iBAAiB;AAAA,QAEnC,UAAA,gBAAAgB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YAEV,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,kWAAA,CAAkW;AAAA,UAAA;AAAA,QAAA;AAAA,MAC5W;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
1
+ {"version":3,"file":"heading.js","sources":["../../../src/components/content-components/heading.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { cn } from '../../utils/cn';\n\nexport interface HeadingProps {\n id: string;\n level: 1 | 2 | 3 | 4 | 5 | 6;\n children: React.ReactNode;\n className?: string;\n}\n\nexport const Heading = ({ id, level, children, className = '' }: HeadingProps) => {\n const Tag = `h${level}` as keyof JSX.IntrinsicElements;\n const [isCopied, setIsCopied] = useState(false);\n\n const handleAnchorClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n e.preventDefault();\n const url = window.location.href.split('#')[0] + '#' + id;\n navigator.clipboard.writeText(url).then(() => {\n setIsCopied(true);\n setTimeout(() => setIsCopied(false), 2000);\n });\n\n const scrollContainer = document.getElementById('main-content');\n const targetElement = document.getElementById(id);\n\n if (scrollContainer && targetElement) {\n const style = window.getComputedStyle(document.documentElement);\n const scrollMtRem = parseFloat(style.getPropertyValue('--scroll-mt') || '0');\n const fontSize = parseFloat(style.fontSize);\n const scrollOffset = scrollMtRem * fontSize;\n\n const containerRect = scrollContainer.getBoundingClientRect();\n const targetRect = targetElement.getBoundingClientRect();\n const relativeTop =\n targetRect.top - containerRect.top + scrollContainer.scrollTop - scrollOffset;\n\n scrollContainer.scrollTo({\n top: relativeTop,\n behavior: 'instant',\n });\n }\n\n history.replaceState(null, '', `#${id}`);\n };\n\n return (\n <Tag id={id} className={cn('mint:group mint:relative', level === 2 && 'mint:mb-4', className)}>\n {children}\n <a\n href={`#${id}`}\n onClick={handleAnchorClick}\n className={cn(\n 'mint:absolute mint:-left-6 mint:top-1/2 mint:-translate-y-1/2 mint:opacity-0 mint:transition-opacity mint:duration-200',\n 'mint:group-hover:opacity-100 mint:text-[#643fb2] mint:dark:text-[#c9aaf9]',\n 'mint:no-underline mint:flex mint:items-center mint:justify-center mint:w-5 mint:h-5',\n 'hover:mint:text-[#005a9e] hover:mint:dark:text-[#9ed2f7]'\n )}\n aria-label={`Link to ${id}`}\n title={isCopied ? 'Link copied!' : 'Copy link'}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n className=\"mint:w-4 mint:h-4\"\n >\n <path d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\" />\n </svg>\n </a>\n </Tag>\n );\n};\n"],"names":["Heading","id","level","children","className","Tag","isCopied","setIsCopied","useState","handleAnchorClick","e","url","scrollContainer","targetElement","style","scrollMtRem","fontSize","scrollOffset","containerRect","relativeTop","jsxs","cn","jsx"],"mappings":";;;AAWO,MAAMA,IAAU,CAAC,EAAE,IAAAC,GAAI,OAAAC,GAAO,UAAAC,GAAU,WAAAC,IAAY,SAAuB;AAChF,QAAMC,IAAM,IAAIH,CAAK,IACf,CAACI,GAAUC,CAAW,IAAIC,EAAS,EAAK,GAExCC,IAAoB,CAACC,MAA2C;AACpE,IAAAA,EAAE,eAAA;AACF,UAAMC,IAAM,OAAO,SAAS,KAAK,MAAM,GAAG,EAAE,CAAC,IAAI,MAAMV;AACvD,cAAU,UAAU,UAAUU,CAAG,EAAE,KAAK,MAAM;AAC5C,MAAAJ,EAAY,EAAI,GAChB,WAAW,MAAMA,EAAY,EAAK,GAAG,GAAI;AAAA,IAC3C,CAAC;AAED,UAAMK,IAAkB,SAAS,eAAe,cAAc,GACxDC,IAAgB,SAAS,eAAeZ,CAAE;AAEhD,QAAIW,KAAmBC,GAAe;AACpC,YAAMC,IAAQ,OAAO,iBAAiB,SAAS,eAAe,GACxDC,IAAc,WAAWD,EAAM,iBAAiB,aAAa,KAAK,GAAG,GACrEE,IAAW,WAAWF,EAAM,QAAQ,GACpCG,IAAeF,IAAcC,GAE7BE,IAAgBN,EAAgB,sBAAA,GAEhCO,IADaN,EAAc,sBAAA,EAEpB,MAAMK,EAAc,MAAMN,EAAgB,YAAYK;AAEnE,MAAAL,EAAgB,SAAS;AAAA,QACvB,KAAKO;AAAA,QACL,UAAU;AAAA,MAAA,CACX;AAAA,IACH;AAEA,YAAQ,aAAa,MAAM,IAAI,IAAIlB,CAAE,EAAE;AAAA,EACzC;AAEA,SACE,gBAAAmB,EAACf,GAAA,EAAI,IAAAJ,GAAQ,WAAWoB,EAAG,4BAA4BnB,MAAU,KAAK,aAAaE,CAAS,GACzF,UAAA;AAAA,IAAAD;AAAA,IACD,gBAAAmB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,IAAIrB,CAAE;AAAA,QACZ,SAASQ;AAAA,QACT,WAAWY;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAEF,cAAY,WAAWpB,CAAE;AAAA,QACzB,OAAOK,IAAW,iBAAiB;AAAA,QAEnC,UAAA,gBAAAgB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YAEV,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,kWAAA,CAAkW;AAAA,UAAA;AAAA,QAAA;AAAA,MAC5W;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
@@ -0,0 +1,30 @@
1
+ import { jsx as s } from "react/jsx-runtime";
2
+ import f from "katex";
3
+ import { useState as a, useRef as l, useEffect as d } from "react";
4
+ let u = !1;
5
+ const m = () => {
6
+ if (u || typeof document > "u")
7
+ return;
8
+ const e = document.createElement("link");
9
+ e.rel = "stylesheet", e.href = "https://d4tuoctqmanu0.cloudfront.net/katex.min.css", e.integrity = "sha384-Xi8rHCmBmhbuyyhbI88391ZKP2dmfnOl4rT9ZfRI7mLTdk1wblIUnrIq35nqwEvC", e.crossOrigin = "anonymous", document.head.appendChild(e), u = !0;
10
+ };
11
+ function C({ children: e, latex: t, className: o }) {
12
+ const [n, c] = a(!1), r = l(null);
13
+ return console.log("latex", t), d(() => {
14
+ m(), c(!0);
15
+ }, []), d(() => {
16
+ if (n && r.current)
17
+ try {
18
+ f.render(t, r.current, {
19
+ displayMode: !0,
20
+ throwOnError: !1
21
+ });
22
+ } catch (i) {
23
+ console.error("KaTeX rendering error:", i), r.current && (r.current.textContent = t);
24
+ }
25
+ }, [n, t]), n ? /* @__PURE__ */ s("div", { ref: r, className: o }) : /* @__PURE__ */ s("div", { className: o, children: e });
26
+ }
27
+ export {
28
+ C as LaTeX
29
+ };
30
+ //# sourceMappingURL=latex.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"latex.js","sources":["../../../src/components/content-components/latex.tsx"],"sourcesContent":["'use client';\n\nimport katex from 'katex';\nimport React, { useEffect, useState, useRef } from 'react';\n\nlet katexCssLoaded = false;\n\nconst loadKatexCss = () => {\n if (katexCssLoaded || typeof document === 'undefined') {\n return;\n }\n\n const link = document.createElement('link');\n link.rel = 'stylesheet';\n link.href = 'https://d4tuoctqmanu0.cloudfront.net/katex.min.css';\n link.integrity = 'sha384-Xi8rHCmBmhbuyyhbI88391ZKP2dmfnOl4rT9ZfRI7mLTdk1wblIUnrIq35nqwEvC';\n link.crossOrigin = 'anonymous';\n document.head.appendChild(link);\n\n katexCssLoaded = true;\n};\n\nexport interface LaTeXProps {\n children: string;\n latex: string;\n className?: string;\n}\n\nexport function LaTeX({ children, latex, className }: LaTeXProps) {\n const [cssLoaded, setCssLoaded] = useState(false);\n const containerRef = useRef<HTMLDivElement>(null);\n console.log('latex', latex);\n\n useEffect(() => {\n loadKatexCss();\n setCssLoaded(true);\n }, []);\n\n useEffect(() => {\n if (cssLoaded && containerRef.current) {\n try {\n katex.render(latex, containerRef.current, {\n displayMode: true,\n throwOnError: false,\n });\n } catch (error) {\n console.error('KaTeX rendering error:', error);\n if (containerRef.current) {\n containerRef.current.textContent = latex;\n }\n }\n }\n }, [cssLoaded, latex]);\n\n if (!cssLoaded) {\n return <div className={className}>{children}</div>;\n }\n\n return <div ref={containerRef} className={className} />;\n}\n"],"names":["katexCssLoaded","loadKatexCss","link","LaTeX","children","latex","className","cssLoaded","setCssLoaded","useState","containerRef","useRef","useEffect","katex","error","jsx"],"mappings":";;;AAKA,IAAIA,IAAiB;AAErB,MAAMC,IAAe,MAAM;AACzB,MAAID,KAAkB,OAAO,WAAa;AACxC;AAGF,QAAME,IAAO,SAAS,cAAc,MAAM;AAC1C,EAAAA,EAAK,MAAM,cACXA,EAAK,OAAO,sDACZA,EAAK,YAAY,2EACjBA,EAAK,cAAc,aACnB,SAAS,KAAK,YAAYA,CAAI,GAE9BF,IAAiB;AACnB;AAQO,SAASG,EAAM,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,KAAyB;AAChE,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAeC,EAAuB,IAAI;AAwBhD,SAvBA,QAAQ,IAAI,SAASN,CAAK,GAE1BO,EAAU,MAAM;AACd,IAAAX,EAAA,GACAO,EAAa,EAAI;AAAA,EACnB,GAAG,CAAA,CAAE,GAELI,EAAU,MAAM;AACd,QAAIL,KAAaG,EAAa;AAC5B,UAAI;AACF,QAAAG,EAAM,OAAOR,GAAOK,EAAa,SAAS;AAAA,UACxC,aAAa;AAAA,UACb,cAAc;AAAA,QAAA,CACf;AAAA,MACH,SAASI,GAAO;AACd,gBAAQ,MAAM,0BAA0BA,CAAK,GACzCJ,EAAa,YACfA,EAAa,QAAQ,cAAcL;AAAA,MAEvC;AAAA,EAEJ,GAAG,CAACE,GAAWF,CAAK,CAAC,GAEhBE,IAIE,gBAAAQ,EAAC,OAAA,EAAI,KAAKL,GAAc,WAAAJ,EAAA,CAAsB,IAH5C,gBAAAS,EAAC,OAAA,EAAI,WAAAT,GAAuB,UAAAF,EAAA,CAAS;AAIhD;"}
@@ -1,12 +1,12 @@
1
1
  import { jsxs as m, Fragment as g, jsx as r } from "react/jsx-runtime";
2
2
  import { ArrowExpand20Regular as c } from "@fluentui/react-icons";
3
3
  import * as i from "react";
4
- import { useState as p } from "react";
4
+ import { useState as f } from "react";
5
5
  import { cn as n } from "../../../utils/cn.js";
6
- import { TableModal as f } from "./table-modal.js";
6
+ import { TableModal as p } from "./table-modal.js";
7
7
  const y = i.forwardRef(
8
8
  ({ className: t, children: a, ...e }, l) => {
9
- const [o, d] = p(!1), s = () => {
9
+ const [o, d] = f(!1), s = () => {
10
10
  d(!0);
11
11
  }, b = () => {
12
12
  d(!1);
@@ -23,7 +23,7 @@ const y = i.forwardRef(
23
23
  "button",
24
24
  {
25
25
  onClick: s,
26
- className: "mint:ml-auto mint:flex mint:items-center mint:gap-2 mint:px-2 mint:py-1 mint:rounded-lg mint:bg-transparent mint:border-none mint:cursor-pointer mint:hover:bg-gray-100 mint:dark:hover:bg-[#141414]",
26
+ className: "mint:ml-auto mint:flex mint:items-center mint:gap-2 mint:px-2 mint:py-1 mint:rounded-lg mint:bg-transparent mint:border-none mint:cursor-pointer mint:hover:bg-gray-50 mint:dark:hover:bg-[#141414]",
27
27
  "aria-label": "Expand table to full screen view",
28
28
  title: "Expand table",
29
29
  children: [
@@ -47,7 +47,7 @@ const y = i.forwardRef(
47
47
  ]
48
48
  }
49
49
  ),
50
- /* @__PURE__ */ r(f, { isOpen: o, onClose: b, children: /* @__PURE__ */ r(
50
+ /* @__PURE__ */ r(p, { isOpen: o, onClose: b, children: /* @__PURE__ */ r(
51
51
  "table",
52
52
  {
53
53
  className: n(
@@ -128,7 +128,7 @@ const u = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
128
128
  {
129
129
  ref: e,
130
130
  className: n(
131
- "mint:bg-white mint:border-gray-50 mint:px-4 mint:py-2.5 mint:text-[#141414] mint:dark:bg-[#252525] mint:dark:border-[#141414] mint:dark:text-gray-200",
131
+ "mint:bg-white mint:border-gray-50 mint:px-4 mint:py-2.5 mint:text-[#141414] mint:dark:bg-[#1f1f1f] mint:dark:border-[#141414] mint:dark:text-gray-200",
132
132
  t
133
133
  ),
134
134
  ...a
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/content-components/table/index.tsx"],"sourcesContent":["import { ArrowExpand20Regular } from '@fluentui/react-icons';\nimport * as React from 'react';\nimport { useState } from 'react';\n\nimport { cn } from '../../../utils/cn';\nimport { TableModal } from './table-modal';\n\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n ({ className, children, ...props }, ref) => {\n const [isModalOpen, setIsModalOpen] = useState(false);\n\n const handleExpandClick = () => {\n setIsModalOpen(true);\n };\n\n const handleCloseModal = () => {\n setIsModalOpen(false);\n };\n\n return (\n <>\n <div\n className=\"mint:relative mint:block mint:mb-4 mint:mt-8\"\n role=\"region\"\n aria-label=\"Data table\"\n >\n <button\n onClick={handleExpandClick}\n className=\"mint:ml-auto mint:flex mint:items-center mint:gap-2 mint:px-2 mint:py-1 mint:rounded-lg mint:bg-transparent mint:border-none mint:cursor-pointer mint:hover:bg-gray-100 mint:dark:hover:bg-[#141414]\"\n aria-label=\"Expand table to full screen view\"\n title=\"Expand table\"\n >\n <ArrowExpand20Regular className=\"mint:h-4 mint:w-4 mint:text-gray-700 mint:dark:text-gray-200\" />\n <span className=\"mint:text-sm mint:text-gray-700 mint:dark:text-gray-200\">\n Expand table\n </span>\n </button>\n <div className=\"mint:mt-2 mint:overflow-x-auto\">\n <table\n ref={ref}\n className={cn(\n 'mint:mt-2 mint:border-collapse mint:text-sm mint:w-full mint:rounded-lg mint:overflow-hidden mint:bg-gray-50 mint:dark:bg-[#3d3d3d] mint:border-[1.5px] mint:border-gray-50 mint:dark:border-[#3d3d3d]',\n className\n )}\n {...props}\n >\n {children}\n </table>\n </div>\n </div>\n <TableModal isOpen={isModalOpen} onClose={handleCloseModal}>\n <table\n className={cn(\n 'mint:mt-2 mint:border-collapse mint:text-sm mint:w-full mint:rounded-lg mint:overflow-hidden mint:bg-gray-50 mint:dark:bg-[#3d3d3d] mint:border-[1.5px] mint:border-gray-50 mint:dark:border-[#3d3d3d]',\n className\n )}\n >\n {children}\n </table>\n </TableModal>\n </>\n );\n }\n);\nTable.displayName = 'Table';\n\nconst TableHeader = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <thead\n ref={ref}\n className={cn(\n 'mint:text-gray-700 mint:bg-gray-50 mint:dark:text-gray-300 mint:dark:bg-[#141414]',\n className\n )}\n {...props}\n />\n));\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <tbody\n ref={ref}\n className={cn(\n 'mint:[&>tr:last-child>td:first-child]:rounded-bl-lg mint:[&>tr:last-child>td:last-child]:rounded-br-lg',\n className\n )}\n {...props}\n />\n));\nTableBody.displayName = 'TableBody';\n\nconst TableFooter = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <tfoot\n ref={ref}\n className={cn(\n 'mint:border-t mint:border-gray-200 mint:bg-gray-50/50 mint:font-medium mint:dark:border-t-gray-600 mint:dark:bg-[#141414]/50 mint:[&>tr:last-child]:border-b-0',\n className\n )}\n {...props}\n />\n));\nTableFooter.displayName = 'TableFooter';\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n ({ className, ...props }, ref) => (\n <tr\n ref={ref}\n className={cn(\n 'mint:border-b-[1.5px] mint:border-b-gray-50 mint:dark:border-b-[#3d3d3d]',\n className\n )}\n {...props}\n />\n )\n);\nTableRow.displayName = 'TableRow';\n\nconst TableHead = React.forwardRef<\n HTMLTableCellElement,\n React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n <th\n ref={ref}\n className={cn(\n 'mint:h-10 mint:bg-gray-50 mint:overflow-hidden mint:px-4 mint:py-2 mint:text-left mint:font-semibold mint:text-gray-700 mint:first:rounded-tl-lg mint:last:rounded-tr-lg mint:dark:bg-[#141414]! mint:dark:text-gray-300',\n className\n )}\n {...props}\n />\n));\nTableHead.displayName = 'TableHead';\n\nconst TableCell = React.forwardRef<\n HTMLTableCellElement,\n React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n <td\n ref={ref}\n className={cn(\n 'mint:bg-white mint:border-gray-50 mint:px-4 mint:py-2.5 mint:text-[#141414] mint:dark:bg-[#252525] mint:dark:border-[#141414] mint:dark:text-gray-200',\n className\n )}\n {...props}\n />\n));\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = React.forwardRef<\n HTMLTableCaptionElement,\n React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n <caption\n ref={ref}\n className={cn('mint:mt-4 mint:text-sm mint:text-gray-500 mint:dark:text-gray-400', className)}\n {...props}\n />\n));\nTableCaption.displayName = 'TableCaption';\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n"],"names":["Table","React","className","children","props","ref","isModalOpen","setIsModalOpen","useState","handleExpandClick","handleCloseModal","jsxs","Fragment","jsx","ArrowExpand20Regular","cn","TableModal","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/content-components/table/index.tsx"],"sourcesContent":["import { ArrowExpand20Regular } from '@fluentui/react-icons';\nimport * as React from 'react';\nimport { useState } from 'react';\n\nimport { cn } from '../../../utils/cn';\nimport { TableModal } from './table-modal';\n\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n ({ className, children, ...props }, ref) => {\n const [isModalOpen, setIsModalOpen] = useState(false);\n\n const handleExpandClick = () => {\n setIsModalOpen(true);\n };\n\n const handleCloseModal = () => {\n setIsModalOpen(false);\n };\n\n return (\n <>\n <div\n className=\"mint:relative mint:block mint:mb-4 mint:mt-8\"\n role=\"region\"\n aria-label=\"Data table\"\n >\n <button\n onClick={handleExpandClick}\n className=\"mint:ml-auto mint:flex mint:items-center mint:gap-2 mint:px-2 mint:py-1 mint:rounded-lg mint:bg-transparent mint:border-none mint:cursor-pointer mint:hover:bg-gray-50 mint:dark:hover:bg-[#141414]\"\n aria-label=\"Expand table to full screen view\"\n title=\"Expand table\"\n >\n <ArrowExpand20Regular className=\"mint:h-4 mint:w-4 mint:text-gray-700 mint:dark:text-gray-200\" />\n <span className=\"mint:text-sm mint:text-gray-700 mint:dark:text-gray-200\">\n Expand table\n </span>\n </button>\n <div className=\"mint:mt-2 mint:overflow-x-auto\">\n <table\n ref={ref}\n className={cn(\n 'mint:mt-2 mint:border-collapse mint:text-sm mint:w-full mint:rounded-lg mint:overflow-hidden mint:bg-gray-50 mint:dark:bg-[#3d3d3d] mint:border-[1.5px] mint:border-gray-50 mint:dark:border-[#3d3d3d]',\n className\n )}\n {...props}\n >\n {children}\n </table>\n </div>\n </div>\n <TableModal isOpen={isModalOpen} onClose={handleCloseModal}>\n <table\n className={cn(\n 'mint:mt-2 mint:border-collapse mint:text-sm mint:w-full mint:rounded-lg mint:overflow-hidden mint:bg-gray-50 mint:dark:bg-[#3d3d3d] mint:border-[1.5px] mint:border-gray-50 mint:dark:border-[#3d3d3d]',\n className\n )}\n >\n {children}\n </table>\n </TableModal>\n </>\n );\n }\n);\nTable.displayName = 'Table';\n\nconst TableHeader = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <thead\n ref={ref}\n className={cn(\n 'mint:text-gray-700 mint:bg-gray-50 mint:dark:text-gray-300 mint:dark:bg-[#141414]',\n className\n )}\n {...props}\n />\n));\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <tbody\n ref={ref}\n className={cn(\n 'mint:[&>tr:last-child>td:first-child]:rounded-bl-lg mint:[&>tr:last-child>td:last-child]:rounded-br-lg',\n className\n )}\n {...props}\n />\n));\nTableBody.displayName = 'TableBody';\n\nconst TableFooter = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <tfoot\n ref={ref}\n className={cn(\n 'mint:border-t mint:border-gray-200 mint:bg-gray-50/50 mint:font-medium mint:dark:border-t-gray-600 mint:dark:bg-[#141414]/50 mint:[&>tr:last-child]:border-b-0',\n className\n )}\n {...props}\n />\n));\nTableFooter.displayName = 'TableFooter';\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n ({ className, ...props }, ref) => (\n <tr\n ref={ref}\n className={cn(\n 'mint:border-b-[1.5px] mint:border-b-gray-50 mint:dark:border-b-[#3d3d3d]',\n className\n )}\n {...props}\n />\n )\n);\nTableRow.displayName = 'TableRow';\n\nconst TableHead = React.forwardRef<\n HTMLTableCellElement,\n React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n <th\n ref={ref}\n className={cn(\n 'mint:h-10 mint:bg-gray-50 mint:overflow-hidden mint:px-4 mint:py-2 mint:text-left mint:font-semibold mint:text-gray-700 mint:first:rounded-tl-lg mint:last:rounded-tr-lg mint:dark:bg-[#141414]! mint:dark:text-gray-300',\n className\n )}\n {...props}\n />\n));\nTableHead.displayName = 'TableHead';\n\nconst TableCell = React.forwardRef<\n HTMLTableCellElement,\n React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n <td\n ref={ref}\n className={cn(\n 'mint:bg-white mint:border-gray-50 mint:px-4 mint:py-2.5 mint:text-[#141414] mint:dark:bg-[#1f1f1f] mint:dark:border-[#141414] mint:dark:text-gray-200',\n className\n )}\n {...props}\n />\n));\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = React.forwardRef<\n HTMLTableCaptionElement,\n React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n <caption\n ref={ref}\n className={cn('mint:mt-4 mint:text-sm mint:text-gray-500 mint:dark:text-gray-400', className)}\n {...props}\n />\n));\nTableCaption.displayName = 'TableCaption';\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n"],"names":["Table","React","className","children","props","ref","isModalOpen","setIsModalOpen","useState","handleExpandClick","handleCloseModal","jsxs","Fragment","jsx","ArrowExpand20Regular","cn","TableModal","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"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"}
@@ -5,15 +5,7 @@ import { cn as p } from "../utils/cn.js";
5
5
  import { createDefaultComponents as s } from "./content-components/default-components.js";
6
6
  function l({ children: n, components: e = {} }) {
7
7
  const { LinkComponent: t } = i(), m = { ...s({ LinkComponent: t }), ...e };
8
- return /* @__PURE__ */ o(
9
- "div",
10
- {
11
- className: p(
12
- "mint:min-w-0 mint:prose mint:prose-gray mint:dark:prose-invert mint:max-w-none"
13
- ),
14
- children: /* @__PURE__ */ o(r, { components: m, children: n })
15
- }
16
- );
8
+ return /* @__PURE__ */ o("div", { className: p("mint:min-w-0 mint:prose mint:dark:prose-invert mint:max-w-none"), children: /* @__PURE__ */ o(r, { components: m, children: n }) });
17
9
  }
18
10
  export {
19
11
  l as MDXRenderer
@@ -1 +1 @@
1
- {"version":3,"file":"mdx-renderer.js","sources":["../../src/components/mdx-renderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { MDXProvider } from \"@mdx-js/react\";\nimport { createDefaultComponents } from \"./content-components\";\nimport { useComponents } from \"../context/components-context\";\nimport type { MDXComponents } from \"../types\";\nimport { cn } from \"../utils/cn\";\n\ninterface MDXRendererProps {\n children: React.ReactNode;\n components?: MDXComponents;\n}\n\nexport function MDXRenderer({ children, components = {} }: MDXRendererProps) {\n const { LinkComponent } = useComponents();\n const defaultComponents = createDefaultComponents({ LinkComponent });\n const mergedComponents = { ...defaultComponents, ...components };\n\n return (\n <div\n className={cn(\n \"mint:min-w-0 mint:prose mint:prose-gray mint:dark:prose-invert mint:max-w-none\"\n )}\n >\n <MDXProvider components={mergedComponents}>{children}</MDXProvider>\n </div>\n );\n}\n"],"names":["MDXRenderer","children","components","LinkComponent","useComponents","mergedComponents","createDefaultComponents","jsx","cn","MDXProvider"],"mappings":";;;;;AAYO,SAASA,EAAY,EAAE,UAAAC,GAAU,YAAAC,IAAa,CAAA,KAAwB;AAC3E,QAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GAEpBC,IAAmB,EAAE,GADDC,EAAwB,EAAE,eAAAH,GAAe,GAClB,GAAGD,EAAA;AAEpD,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAD,EAACE,GAAA,EAAY,YAAYJ,GAAmB,UAAAJ,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG3D;"}
1
+ {"version":3,"file":"mdx-renderer.js","sources":["../../src/components/mdx-renderer.tsx"],"sourcesContent":["import { MDXProvider } from '@mdx-js/react';\nimport React from 'react';\n\nimport { useComponents } from '../context/components-context';\nimport type { MDXComponents } from '../types';\nimport { cn } from '../utils/cn';\nimport { createDefaultComponents } from './content-components';\n\ninterface MDXRendererProps {\n children: React.ReactNode;\n components?: MDXComponents;\n}\n\nexport function MDXRenderer({ children, components = {} }: MDXRendererProps) {\n const { LinkComponent } = useComponents();\n const defaultComponents = createDefaultComponents({ LinkComponent });\n const mergedComponents = { ...defaultComponents, ...components };\n\n return (\n <div className={cn('mint:min-w-0 mint:prose mint:dark:prose-invert mint:max-w-none')}>\n <MDXProvider components={mergedComponents}>{children}</MDXProvider>\n </div>\n );\n}\n"],"names":["MDXRenderer","children","components","LinkComponent","useComponents","mergedComponents","createDefaultComponents","jsx","cn","MDXProvider"],"mappings":";;;;;AAaO,SAASA,EAAY,EAAE,UAAAC,GAAU,YAAAC,IAAa,CAAA,KAAwB;AAC3E,QAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GAEpBC,IAAmB,EAAE,GADDC,EAAwB,EAAE,eAAAH,GAAe,GAClB,GAAGD,EAAA;AAEpD,SACE,gBAAAK,EAAC,OAAA,EAAI,WAAWC,EAAG,gEAAgE,GACjF,UAAA,gBAAAD,EAACE,GAAA,EAAY,YAAYJ,GAAmB,UAAAJ,EAAA,CAAS,EAAA,CACvD;AAEJ;"}