@intlayer/design-system 5.0.5 → 5.1.0

package/dist/components/Logo/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/Logo/index.tsx"],"sourcesContent":["import type { FC, SVGProps } from 'react';\nimport { LogoCircle } from './LogoCircle';\nimport { LogoNoFrame } from './LogoNoFrame';\nimport { LogoSquare } from './LogoSquare';\nimport { LogoSquircle } from './LogoSquircle';\nimport { LogoTextOnly } from './LogoTextOnly';\nimport { LogoWithTextBelowCircle } from './LogoWithTextBelowCircle';\nimport { LogoWithTextBelowNoFrame } from './LogoWithTextBelowNoFrame';\nimport { LogoWithTextBelowSquircle } from './LogoWithTextBelowSquircle';\nimport { LogoWithTextCircle } from './LogoWithTextCircle';\nimport { LogoWithTextNoFrame } from './LogoWithTextNoFrame';\nimport { LogoWithTextSquircle } from './LogoWithTextSquircle';\n\nexport type LogoBaseProps = SVGProps<SVGSVGElement> & {\n  bgColor?: string;\n};\n\ntype LogoWithTextProps = {\n  type?: 'logoWithText' | 'logoWithTextBelow';\n  frame?: 'squicle' | 'none' | 'circle';\n};\ntype LogoOnlyProps = {\n  type?: 'logoOnly';\n  frame?: 'squicle' | 'none' | 'circle' | 'square';\n};\n\ntype LogoTextOnlyProps = {\n  type?: 'textOnly';\n  frame?: null;\n};\n\ntype LogoProps = LogoBaseProps &\n  (LogoWithTextProps | LogoOnlyProps | LogoTextOnlyProps);\n\nexport const Logo: FC<LogoProps> = ({\n  type = 'logoWithText',\n  frame,\n  height = 30,\n  width = undefined,\n  ...props\n}) => {\n  const isClickable: boolean = props.onClick !== undefined;\n\n  const logoProps: LogoBaseProps = {\n    width,\n    height,\n    role: isClickable ? 'button' : undefined,\n    'aria-label': isClickable ? 'Intlayer logo button' : 'Intlayer logo',\n    ...props,\n  };\n\n  if (type === 'logoWithText') {\n    switch (frame) {\n      case 'circle':\n        return <LogoWithTextCircle {...logoProps} />;\n      case 'squicle':\n        return <LogoWithTextSquircle {...logoProps} />;\n      case 'none':\n      default:\n        return <LogoWithTextNoFrame {...logoProps} />;\n    }\n  } else if (type === 'logoWithTextBelow') {\n    switch (frame) {\n      case 'circle':\n        return <LogoWithTextBelowCircle {...logoProps} />;\n      case 'squicle':\n        return <LogoWithTextBelowSquircle {...logoProps} />;\n      case 'none':\n      default:\n        return <LogoWithTextBelowNoFrame {...logoProps} />;\n    }\n  } else if (type === 'logoOnly') {\n    switch (frame) {\n      case 'circle':\n        return <LogoCircle {...logoProps} />;\n      case 'square':\n        return <LogoSquare {...logoProps} />;\n      case 'squicle':\n        return <LogoSquircle {...logoProps} />;\n      case 'none':\n      default:\n        return <LogoNoFrame {...logoProps} />;\n    }\n  } else {\n    return <LogoTextOnly {...logoProps} />;\n  }\n};\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;AAkCO,MAAM,OAAsB,CAAC;AAAA,EAClC,OAAO;AAAA,EACP;AAAA,EACA,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,GAAG;AACL,MAAM;AACE,QAAA,cAAuB,MAAM,YAAY;AAE/C,QAAM,YAA2B;AAAA,IAC/B;AAAA,IACA;AAAA,IACA,MAAM,cAAc,WAAW;AAAA,IAC/B,cAAc,cAAc,yBAAyB;AAAA,IACrD,GAAG;AAAA,EACL;AAEA,MAAI,SAAS,gBAAgB;AAC3B,YAAQ,OAAO;AAAA,MACb,KAAK;AACI,eAAAA,sCAAC,oBAAoB,EAAA,GAAG,UAAW,CAAA;AAAA,MAC5C,KAAK;AACI,eAAAA,sCAAC,sBAAsB,EAAA,GAAG,UAAW,CAAA;AAAA,MAC9C,KAAK;AAAA,MACL;AACS,eAAAA,sCAAC,qBAAqB,EAAA,GAAG,UAAW,CAAA;AAAA,IAAA;AAAA,EAC/C,WACS,SAAS,qBAAqB;AACvC,YAAQ,OAAO;AAAA,MACb,KAAK;AACI,eAAAA,sCAAC,yBAAyB,EAAA,GAAG,UAAW,CAAA;AAAA,MACjD,KAAK;AACI,eAAAA,sCAAC,2BAA2B,EAAA,GAAG,UAAW,CAAA;AAAA,MACnD,KAAK;AAAA,MACL;AACS,eAAAA,sCAAC,0BAA0B,EAAA,GAAG,UAAW,CAAA;AAAA,IAAA;AAAA,EACpD,WACS,SAAS,YAAY;AAC9B,YAAQ,OAAO;AAAA,MACb,KAAK;AACI,eAAAA,sCAAC,YAAY,EAAA,GAAG,UAAW,CAAA;AAAA,MACpC,KAAK;AACI,eAAAA,sCAAC,YAAY,EAAA,GAAG,UAAW,CAAA;AAAA,MACpC,KAAK;AACI,eAAAA,sCAAC,cAAc,EAAA,GAAG,UAAW,CAAA;AAAA,MACtC,KAAK;AAAA,MACL;AACS,eAAAA,sCAAC,aAAa,EAAA,GAAG,UAAW,CAAA;AAAA,IAAA;AAAA,EACvC,OACK;AACE,WAAAA,sCAAC,cAAc,EAAA,GAAG,UAAW,CAAA;AAAA,EAAA;AAExC;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/Logo/index.tsx"],"sourcesContent":["import type { FC, SVGProps } from 'react';\nimport { LogoCircle } from './LogoCircle';\nimport { LogoNoFrame } from './LogoNoFrame';\nimport { LogoSquare } from './LogoSquare';\nimport { LogoSquircle } from './LogoSquircle';\nimport { LogoTextOnly } from './LogoTextOnly';\nimport { LogoWithTextBelowCircle } from './LogoWithTextBelowCircle';\nimport { LogoWithTextBelowNoFrame } from './LogoWithTextBelowNoFrame';\nimport { LogoWithTextBelowSquircle } from './LogoWithTextBelowSquircle';\nimport { LogoWithTextCircle } from './LogoWithTextCircle';\nimport { LogoWithTextNoFrame } from './LogoWithTextNoFrame';\nimport { LogoWithTextSquircle } from './LogoWithTextSquircle';\n\nexport type LogoBaseProps = SVGProps<SVGSVGElement> & {\n  bgColor?: string;\n};\n\ntype LogoWithTextProps = {\n  type?: 'logoWithText' | 'logoWithTextBelow';\n  frame?: 'squicle' | 'none' | 'circle';\n};\ntype LogoOnlyProps = {\n  type?: 'logoOnly';\n  frame?: 'squicle' | 'none' | 'circle' | 'square';\n};\n\ntype LogoTextOnlyProps = {\n  type?: 'textOnly';\n  frame?: null;\n};\n\ntype LogoProps = LogoBaseProps &\n  (LogoWithTextProps | LogoOnlyProps | LogoTextOnlyProps);\n\nexport const Logo: FC<LogoProps> = ({\n  type = 'logoWithText',\n  frame,\n  height = 30,\n  width = undefined,\n  ...props\n}) => {\n  const isClickable: boolean = props.onClick !== undefined;\n\n  const logoProps: LogoBaseProps = {\n    width,\n    height,\n    role: isClickable ? 'button' : undefined,\n    'aria-label': isClickable ? 'Intlayer logo button' : 'Intlayer logo',\n    ...props,\n  };\n\n  if (type === 'logoWithText') {\n    switch (frame) {\n      case 'circle':\n        return <LogoWithTextCircle {...logoProps} />;\n      case 'squicle':\n        return <LogoWithTextSquircle {...logoProps} />;\n      case 'none':\n      default:\n        return <LogoWithTextNoFrame {...logoProps} />;\n    }\n  } else if (type === 'logoWithTextBelow') {\n    switch (frame) {\n      case 'circle':\n        return <LogoWithTextBelowCircle {...logoProps} />;\n      case 'squicle':\n        return <LogoWithTextBelowSquircle {...logoProps} />;\n      case 'none':\n      default:\n        return <LogoWithTextBelowNoFrame {...logoProps} />;\n    }\n  } else if (type === 'logoOnly') {\n    switch (frame) {\n      case 'circle':\n        return <LogoCircle {...logoProps} />;\n      case 'square':\n        return <LogoSquare {...logoProps} />;\n      case 'squicle':\n        return <LogoSquircle {...logoProps} />;\n      case 'none':\n      default:\n        return <LogoNoFrame {...logoProps} />;\n    }\n  } else {\n    return <LogoTextOnly {...logoProps} />;\n  }\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAkCO,MAAM,OAAsB,CAAC;AAAA,EAClC,OAAO;AAAA,EACP;AAAA,EACA,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,GAAG;AACL,MAAM;AACE,QAAA,cAAuB,MAAM,YAAY;AAE/C,QAAM,YAA2B;AAAA,IAC/B;AAAA,IACA;AAAA,IACA,MAAM,cAAc,WAAW;AAAA,IAC/B,cAAc,cAAc,yBAAyB;AAAA,IACrD,GAAG;AAAA,EACL;AAEA,MAAI,SAAS,gBAAgB;AAC3B,YAAQ,OAAO;AAAA,MACb,KAAK;AACI,eAAA,oBAAC,oBAAoB,EAAA,GAAG,UAAW,CAAA;AAAA,MAC5C,KAAK;AACI,eAAA,oBAAC,sBAAsB,EAAA,GAAG,UAAW,CAAA;AAAA,MAC9C,KAAK;AAAA,MACL;AACS,eAAA,oBAAC,qBAAqB,EAAA,GAAG,UAAW,CAAA;AAAA,IAAA;AAAA,EAC/C,WACS,SAAS,qBAAqB;AACvC,YAAQ,OAAO;AAAA,MACb,KAAK;AACI,eAAA,oBAAC,yBAAyB,EAAA,GAAG,UAAW,CAAA;AAAA,MACjD,KAAK;AACI,eAAA,oBAAC,2BAA2B,EAAA,GAAG,UAAW,CAAA;AAAA,MACnD,KAAK;AAAA,MACL;AACS,eAAA,oBAAC,0BAA0B,EAAA,GAAG,UAAW,CAAA;AAAA,IAAA;AAAA,EACpD,WACS,SAAS,YAAY;AAC9B,YAAQ,OAAO;AAAA,MACb,KAAK;AACI,eAAA,oBAAC,YAAY,EAAA,GAAG,UAAW,CAAA;AAAA,MACpC,KAAK;AACI,eAAA,oBAAC,YAAY,EAAA,GAAG,UAAW,CAAA;AAAA,MACpC,KAAK;AACI,eAAA,oBAAC,cAAc,EAAA,GAAG,UAAW,CAAA;AAAA,MACtC,KAAK;AAAA,MACL;AACS,eAAA,oBAAC,aAAa,EAAA,GAAG,UAAW,CAAA;AAAA,IAAA;AAAA,EACvC,OACK;AACE,WAAA,oBAAC,cAAc,EAAA,GAAG,UAAW,CAAA;AAAA,EAAA;AAExC;"}

package/dist/components/MarkDownRender/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const Markdown = require("markdown-to-jsx");
 const utils_cn = require("../../utils/cn.cjs");
 const components_Headers_index = require("../Headers/index.cjs");
@@ -13,24 +13,24 @@ const MarkdownRenderer = ({
   isDarkMode,
   locale,
   overrides
-}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_IDE_CodeContext.CodeProvider, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+}) => /* @__PURE__ */ jsxRuntime.jsx(components_IDE_CodeContext.CodeProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
   Markdown,
   {
     options: {
       overrides: {
-        h1: (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Headers_index.H1, { isClickable: true, ...props }),
-        h2: (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Headers_index.H2, { isClickable: true, ...props }),
-        h3: (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Headers_index.H3, { isClickable: true, ...props }),
-        h4: (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Headers_index.H4, { isClickable: true, ...props }),
-        code: (props) => typeof props.className === "undefined" ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("strong", { className: "bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur", children: props.children }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        h1: (props) => /* @__PURE__ */ jsxRuntime.jsx(components_Headers_index.H1, { isClickable: true, ...props }),
+        h2: (props) => /* @__PURE__ */ jsxRuntime.jsx(components_Headers_index.H2, { isClickable: true, ...props }),
+        h3: (props) => /* @__PURE__ */ jsxRuntime.jsx(components_Headers_index.H3, { isClickable: true, ...props }),
+        h4: (props) => /* @__PURE__ */ jsxRuntime.jsx(components_Headers_index.H4, { isClickable: true, ...props }),
+        code: (props) => typeof props.className === "undefined" ? /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur", children: props.children }) : /* @__PURE__ */ jsxRuntime.jsx(
           components_IDE_Code.Code,
           {
             isDarkMode,
-            language: props.className.replace("lang-", ""),
+            language: props.className?.replace("lang-", ""),
             ...props
           }
         ),
-        blockquote: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        blockquote: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
           "blockquote",
           {
             className: utils_cn.cn(
@@ -40,24 +40,24 @@ const MarkdownRenderer = ({
             ...props
           }
         ),
-        ul: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        ul: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
           "ul",
           {
             className: utils_cn.cn("mt-5 flex flex-col gap-3 pl-5", className),
             ...props
           }
         ),
-        ol: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        ol: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
           "ol",
           {
             className: utils_cn.cn("mt-5 flex flex-col gap-3 pl-5", className),
             ...props
           }
         ),
-        li: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("li", { className: utils_cn.cn("list-disc", className), ...props }),
+        li: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: utils_cn.cn("list-disc", className), ...props }),
         img: ({ className, ...props }) => (
           // eslint-disable-next-line jsx-a11y/alt-text
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(
             "img",
             {
               ...props,
@@ -67,7 +67,7 @@ const MarkdownRenderer = ({
             }
           )
         ),
-        a: (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        a: (props) => /* @__PURE__ */ jsxRuntime.jsx(
           components_Link_Link.Link,
           {
             color: "neutral",
@@ -78,7 +78,7 @@ const MarkdownRenderer = ({
           }
         ),
         pre: (props) => props.children,
-        table: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "grid w-full max-w-full overflow-scroll rounded", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        table: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid w-full max-w-full overflow-scroll rounded", children: /* @__PURE__ */ jsxRuntime.jsx(
           "table",
           {
             className: utils_cn.cn(
@@ -88,7 +88,7 @@ const MarkdownRenderer = ({
             ...props
           }
         ) }),
-        th: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        th: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
           "th",
           {
             className: utils_cn.cn(
@@ -98,7 +98,7 @@ const MarkdownRenderer = ({
             ...props
           }
         ),
-        tr: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        tr: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
           "tr",
           {
             className: utils_cn.cn(
@@ -108,7 +108,7 @@ const MarkdownRenderer = ({
             ...props
           }
         ),
-        td: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        td: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
           "td",
           {
             className: utils_cn.cn("border-b border-neutral-500/50 p-4", className),
@@ -117,9 +117,9 @@ const MarkdownRenderer = ({
         ),
         ...overrides
       },
-      wrapper: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Headers_SectionScroller.SectionScroller, {}),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      wrapper: ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(components_Headers_SectionScroller.SectionScroller, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             className: utils_cn.cn("flex flex-col gap-6 p-10", className),

package/dist/components/MarkDownRender/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["import { Locales } from '@intlayer/core';\nimport Markdown, { type MarkdownToJSX } from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { H1, H2, H3, H4 } from '../Headers';\nimport { SectionScroller } from '../Headers/SectionScroller';\nimport { Code } from '../IDE/Code';\nimport { CodeProvider } from '../IDE/CodeContext';\nimport { Link } from '../Link';\n\ntype MarkdownRendererProps = {\n  children: string;\n  isDarkMode?: boolean;\n  locale?: Locales;\n  overrides?: MarkdownToJSX.Overrides;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  overrides,\n}) => (\n  <CodeProvider>\n    <Markdown\n      options={{\n        overrides: {\n          h1: (props) => <H1 isClickable={true} {...props} />,\n          h2: (props) => <H2 isClickable={true} {...props} />,\n          h3: (props) => <H3 isClickable={true} {...props} />,\n          h4: (props) => <H4 isClickable={true} {...props} />,\n\n          code: (props) =>\n            typeof props.className === 'undefined' ? (\n              <strong className=\"bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n                {props.children}\n              </strong>\n            ) : (\n              <Code\n                isDarkMode={isDarkMode}\n                language={props.className.replace('lang-', '')}\n                {...props}\n              />\n            ),\n\n          blockquote: ({ className, ...props }) => (\n            <blockquote\n              className={cn(\n                'border-card dark:border-card-dark text-neutral dark:text-neutral-dark mt-5 flex flex-col gap-3 border-l-4 pl-5',\n                className\n              )}\n              {...props}\n            />\n          ),\n          ul: ({ className, ...props }) => (\n            <ul\n              className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n              {...props}\n            />\n          ),\n          ol: ({ className, ...props }) => (\n            <ol\n              className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n              {...props}\n            />\n          ),\n          li: ({ className, ...props }) => (\n            <li className={cn('list-disc', className)} {...props} />\n          ),\n          img: ({ className, ...props }) => (\n            // eslint-disable-next-line jsx-a11y/alt-text\n            <img\n              {...props}\n              loading=\"lazy\"\n              className={cn('max-w-full rounded-md', className)}\n              src={`${props.src}?raw=true`}\n            />\n          ),\n          a: (props) => (\n            <Link\n              color=\"neutral\"\n              isExternalLink={props.href?.startsWith('http')}\n              underlined={true}\n              locale={locale}\n              {...props}\n            />\n          ),\n          pre: (props) => props.children,\n          table: ({ className, ...props }) => (\n            <div className=\"grid w-full max-w-full overflow-scroll rounded\">\n              <table\n                className={cn(\n                  'max-w-full table-auto overflow-hidden text-left',\n                  className\n                )}\n                {...props}\n              />\n            </div>\n          ),\n          th: ({ className, ...props }) => (\n            <th\n              className={cn(\n                'border-neutral bg-neutral/10 border-b p-4',\n                className\n              )}\n              {...props}\n            />\n          ),\n          tr: ({ className, ...props }) => (\n            <tr\n              className={cn(\n                'hover:bg-neutral/10 hover:dark:bg-neutral-dark/10',\n                className\n              )}\n              {...props}\n            />\n          ),\n          td: ({ className, ...props }) => (\n            <td\n              className={cn('border-b border-neutral-500/50 p-4', className)}\n              {...props}\n            />\n          ),\n          ...overrides,\n        },\n        wrapper: ({ className, ...props }) => (\n          <>\n            <SectionScroller />\n            <div\n              className={cn('flex flex-col gap-6 p-10', className)}\n              {...props}\n            />\n          </>\n        ),\n      }}\n    >\n      {children ?? ''}\n    </Markdown>\n  </CodeProvider>\n);\n"],"names":["CodeProvider","jsx","H1","H2","H3","H4","Code","cn","Link","jsxs","Fragment","SectionScroller"],"mappings":";;;;;;;;;;AAiBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,uDACGA,2BAAAA,cACC,EAAA,UAAAC,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,MACP,WAAW;AAAA,QACT,IAAI,CAAC,UAAUA,iDAACC,yBAAAA,MAAG,aAAa,MAAO,GAAG,OAAO;AAAA,QACjD,IAAI,CAAC,UAAUD,iDAACE,yBAAAA,MAAG,aAAa,MAAO,GAAG,OAAO;AAAA,QACjD,IAAI,CAAC,UAAUF,iDAACG,yBAAAA,MAAG,aAAa,MAAO,GAAG,OAAO;AAAA,QACjD,IAAI,CAAC,UAAUH,iDAACI,yBAAAA,MAAG,aAAa,MAAO,GAAG,OAAO;AAAA,QAEjD,MAAM,CAAC,UACL,OAAO,MAAM,cAAc,cACzBJ,2BAAA,kBAAA,IAAC,UAAO,EAAA,WAAU,qGACf,UAAA,MAAM,SACT,CAAA,IAEAA,2BAAA,kBAAA;AAAA,UAACK,oBAAA;AAAA,UAAA;AAAA,YACC;AAAA,YACA,UAAU,MAAM,UAAU,QAAQ,SAAS,EAAE;AAAA,YAC5C,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAGJ,YAAY,CAAC,EAAE,WAAW,GAAG,MAC3B,MAAAL,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM,SAAA;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAN,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM,SAAAA,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAN,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM,SAAAA,GAAG,iCAAiC,SAAS;AAAA,YACvD,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,MACxBN,2BAAAA,kBAAAA,IAAA,MAAA,EAAG,WAAWM,SAAG,GAAA,aAAa,SAAS,GAAI,GAAG,MAAO,CAAA;AAAA,QAExD,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM;AAAA;AAAA,UAE1BN,2BAAA,kBAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAG;AAAA,cACJ,SAAQ;AAAA,cACR,WAAWM,SAAAA,GAAG,yBAAyB,SAAS;AAAA,cAChD,KAAK,GAAG,MAAM,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA;AAAA,QAGrB,GAAG,CAAC,UACFN,2BAAA,kBAAA;AAAA,UAACO,qBAAA;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,gBAAgB,MAAM,MAAM,WAAW,MAAM;AAAA,YAC7C,YAAY;AAAA,YACZ;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,KAAK,CAAC,UAAU,MAAM;AAAA,QACtB,OAAO,CAAC,EAAE,WAAW,GAAG,MACtB,MAAAP,iDAAC,OAAI,EAAA,WAAU,kDACb,UAAAA,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM,SAAA;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QAAA,GAER;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAN,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM,SAAA;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAN,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM,SAAA;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,IAAI,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAN,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM,SAAAA,GAAG,sCAAsC,SAAS;AAAA,YAC5D,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAEF,GAAG;AAAA,MACL;AAAA,MACA,SAAS,CAAC,EAAE,WAAW,GAAG,YAEtBE,kDAAAC,WAAAA,kBAAAA,UAAA,EAAA,UAAA;AAAA,QAAAT,2BAAA,kBAAA,IAACU,mCAAgB,iBAAA,EAAA;AAAA,QACjBV,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM,SAAAA,GAAG,4BAA4B,SAAS;AAAA,YAClD,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MACN,EACF,CAAA;AAAA,IAEJ;AAAA,IAEC,UAAY,YAAA;AAAA,EAAA;AACf,EACF,CAAA;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/core';\nimport Markdown, { type MarkdownToJSX } from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { H1, H2, H3, H4 } from '../Headers';\nimport { SectionScroller } from '../Headers/SectionScroller';\nimport { Code } from '../IDE/Code';\nimport { CodeProvider } from '../IDE/CodeContext';\nimport { Link } from '../Link';\n\ntype MarkdownRendererProps = {\n  children: string;\n  isDarkMode?: boolean;\n  locale?: Locales;\n  overrides?: MarkdownToJSX.Overrides;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  overrides,\n}) => (\n  <CodeProvider>\n    <Markdown\n      options={{\n        overrides: {\n          h1: (props) => <H1 isClickable={true} {...props} />,\n          h2: (props) => <H2 isClickable={true} {...props} />,\n          h3: (props) => <H3 isClickable={true} {...props} />,\n          h4: (props) => <H4 isClickable={true} {...props} />,\n\n          code: (props) =>\n            typeof props.className === 'undefined' ? (\n              <strong className=\"bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n                {props.children}\n              </strong>\n            ) : (\n              <Code\n                isDarkMode={isDarkMode}\n                language={props.className?.replace('lang-', '')}\n                {...props}\n              />\n            ),\n\n          blockquote: ({ className, ...props }) => (\n            <blockquote\n              className={cn(\n                'border-card dark:border-card-dark text-neutral dark:text-neutral-dark mt-5 flex flex-col gap-3 border-l-4 pl-5',\n                className\n              )}\n              {...props}\n            />\n          ),\n          ul: ({ className, ...props }) => (\n            <ul\n              className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n              {...props}\n            />\n          ),\n          ol: ({ className, ...props }) => (\n            <ol\n              className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n              {...props}\n            />\n          ),\n          li: ({ className, ...props }) => (\n            <li className={cn('list-disc', className)} {...props} />\n          ),\n          img: ({ className, ...props }) => (\n            // eslint-disable-next-line jsx-a11y/alt-text\n            <img\n              {...props}\n              loading=\"lazy\"\n              className={cn('max-w-full rounded-md', className)}\n              src={`${props.src}?raw=true`}\n            />\n          ),\n          a: (props) => (\n            <Link\n              color=\"neutral\"\n              isExternalLink={props.href?.startsWith('http')}\n              underlined={true}\n              locale={locale}\n              {...props}\n            />\n          ),\n          pre: (props) => props.children,\n          table: ({ className, ...props }) => (\n            <div className=\"grid w-full max-w-full overflow-scroll rounded\">\n              <table\n                className={cn(\n                  'max-w-full table-auto overflow-hidden text-left',\n                  className\n                )}\n                {...props}\n              />\n            </div>\n          ),\n          th: ({ className, ...props }) => (\n            <th\n              className={cn(\n                'border-neutral bg-neutral/10 border-b p-4',\n                className\n              )}\n              {...props}\n            />\n          ),\n          tr: ({ className, ...props }) => (\n            <tr\n              className={cn(\n                'hover:bg-neutral/10 hover:dark:bg-neutral-dark/10',\n                className\n              )}\n              {...props}\n            />\n          ),\n          td: ({ className, ...props }) => (\n            <td\n              className={cn('border-b border-neutral-500/50 p-4', className)}\n              {...props}\n            />\n          ),\n          ...overrides,\n        },\n        wrapper: ({ className, ...props }) => (\n          <>\n            <SectionScroller />\n            <div\n              className={cn('flex flex-col gap-6 p-10', className)}\n              {...props}\n            />\n          </>\n        ),\n      }}\n    >\n      {children ?? ''}\n    </Markdown>\n  </CodeProvider>\n);\n"],"names":["CodeProvider","jsx","H1","H2","H3","H4","Code","cn","Link","jsxs","Fragment","SectionScroller"],"mappings":"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"}

package/dist/components/MarkDownRender/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MarkDownRender/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA0HtD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MarkDownRender/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA0HtD,CAAC"}

package/dist/components/MarkDownRender/index.mjs

@@ -1,7 +1,7 @@
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import Markdown from "markdown-to-jsx";
 import { cn } from "../../utils/cn.mjs";
-import { H1, H2, H3, H4 } from "../Headers/index.mjs";
+import { H4, H3, H2, H1 } from "../Headers/index.mjs";
 import { SectionScroller } from "../Headers/SectionScroller.mjs";
 import { Code } from "../IDE/Code.mjs";
 import { CodeProvider } from "../IDE/CodeContext.mjs";
@@ -11,24 +11,24 @@ const MarkdownRenderer = ({
   isDarkMode,
   locale,
   overrides
-}) => /* @__PURE__ */ jsxRuntimeExports.jsx(CodeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+}) => /* @__PURE__ */ jsx(CodeProvider, { children: /* @__PURE__ */ jsx(
   Markdown,
   {
     options: {
       overrides: {
-        h1: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(H1, { isClickable: true, ...props }),
-        h2: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(H2, { isClickable: true, ...props }),
-        h3: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(H3, { isClickable: true, ...props }),
-        h4: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(H4, { isClickable: true, ...props }),
-        code: (props) => typeof props.className === "undefined" ? /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { className: "bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur", children: props.children }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+        h1: (props) => /* @__PURE__ */ jsx(H1, { isClickable: true, ...props }),
+        h2: (props) => /* @__PURE__ */ jsx(H2, { isClickable: true, ...props }),
+        h3: (props) => /* @__PURE__ */ jsx(H3, { isClickable: true, ...props }),
+        h4: (props) => /* @__PURE__ */ jsx(H4, { isClickable: true, ...props }),
+        code: (props) => typeof props.className === "undefined" ? /* @__PURE__ */ jsx("strong", { className: "bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur", children: props.children }) : /* @__PURE__ */ jsx(
           Code,
           {
             isDarkMode,
-            language: props.className.replace("lang-", ""),
+            language: props.className?.replace("lang-", ""),
             ...props
           }
         ),
-        blockquote: ({ className, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        blockquote: ({ className, ...props }) => /* @__PURE__ */ jsx(
           "blockquote",
           {
             className: cn(
@@ -38,24 +38,24 @@ const MarkdownRenderer = ({
             ...props
           }
         ),
-        ul: ({ className, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ul: ({ className, ...props }) => /* @__PURE__ */ jsx(
           "ul",
           {
             className: cn("mt-5 flex flex-col gap-3 pl-5", className),
             ...props
           }
         ),
-        ol: ({ className, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ol: ({ className, ...props }) => /* @__PURE__ */ jsx(
           "ol",
           {
             className: cn("mt-5 flex flex-col gap-3 pl-5", className),
             ...props
           }
         ),
-        li: ({ className, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: cn("list-disc", className), ...props }),
+        li: ({ className, ...props }) => /* @__PURE__ */ jsx("li", { className: cn("list-disc", className), ...props }),
         img: ({ className, ...props }) => (
           // eslint-disable-next-line jsx-a11y/alt-text
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsx(
             "img",
             {
               ...props,
@@ -65,7 +65,7 @@ const MarkdownRenderer = ({
             }
           )
         ),
-        a: (props) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        a: (props) => /* @__PURE__ */ jsx(
           Link,
           {
             color: "neutral",
@@ -76,7 +76,7 @@ const MarkdownRenderer = ({
           }
         ),
         pre: (props) => props.children,
-        table: ({ className, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid w-full max-w-full overflow-scroll rounded", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        table: ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: "grid w-full max-w-full overflow-scroll rounded", children: /* @__PURE__ */ jsx(
           "table",
           {
             className: cn(
@@ -86,7 +86,7 @@ const MarkdownRenderer = ({
             ...props
           }
         ) }),
-        th: ({ className, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        th: ({ className, ...props }) => /* @__PURE__ */ jsx(
           "th",
           {
             className: cn(
@@ -96,7 +96,7 @@ const MarkdownRenderer = ({
             ...props
           }
         ),
-        tr: ({ className, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        tr: ({ className, ...props }) => /* @__PURE__ */ jsx(
           "tr",
           {
             className: cn(
@@ -106,7 +106,7 @@ const MarkdownRenderer = ({
             ...props
           }
         ),
-        td: ({ className, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        td: ({ className, ...props }) => /* @__PURE__ */ jsx(
           "td",
           {
             className: cn("border-b border-neutral-500/50 p-4", className),
@@ -115,9 +115,9 @@ const MarkdownRenderer = ({
         ),
         ...overrides
       },
-      wrapper: ({ className, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SectionScroller, {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+      wrapper: ({ className, ...props }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(SectionScroller, {}),
+        /* @__PURE__ */ jsx(
           "div",
           {
             className: cn("flex flex-col gap-6 p-10", className),

package/dist/components/MarkDownRender/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["import { Locales } from '@intlayer/core';\nimport Markdown, { type MarkdownToJSX } from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { H1, H2, H3, H4 } from '../Headers';\nimport { SectionScroller } from '../Headers/SectionScroller';\nimport { Code } from '../IDE/Code';\nimport { CodeProvider } from '../IDE/CodeContext';\nimport { Link } from '../Link';\n\ntype MarkdownRendererProps = {\n  children: string;\n  isDarkMode?: boolean;\n  locale?: Locales;\n  overrides?: MarkdownToJSX.Overrides;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  overrides,\n}) => (\n  <CodeProvider>\n    <Markdown\n      options={{\n        overrides: {\n          h1: (props) => <H1 isClickable={true} {...props} />,\n          h2: (props) => <H2 isClickable={true} {...props} />,\n          h3: (props) => <H3 isClickable={true} {...props} />,\n          h4: (props) => <H4 isClickable={true} {...props} />,\n\n          code: (props) =>\n            typeof props.className === 'undefined' ? (\n              <strong className=\"bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n                {props.children}\n              </strong>\n            ) : (\n              <Code\n                isDarkMode={isDarkMode}\n                language={props.className.replace('lang-', '')}\n                {...props}\n              />\n            ),\n\n          blockquote: ({ className, ...props }) => (\n            <blockquote\n              className={cn(\n                'border-card dark:border-card-dark text-neutral dark:text-neutral-dark mt-5 flex flex-col gap-3 border-l-4 pl-5',\n                className\n              )}\n              {...props}\n            />\n          ),\n          ul: ({ className, ...props }) => (\n            <ul\n              className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n              {...props}\n            />\n          ),\n          ol: ({ className, ...props }) => (\n            <ol\n              className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n              {...props}\n            />\n          ),\n          li: ({ className, ...props }) => (\n            <li className={cn('list-disc', className)} {...props} />\n          ),\n          img: ({ className, ...props }) => (\n            // eslint-disable-next-line jsx-a11y/alt-text\n            <img\n              {...props}\n              loading=\"lazy\"\n              className={cn('max-w-full rounded-md', className)}\n              src={`${props.src}?raw=true`}\n            />\n          ),\n          a: (props) => (\n            <Link\n              color=\"neutral\"\n              isExternalLink={props.href?.startsWith('http')}\n              underlined={true}\n              locale={locale}\n              {...props}\n            />\n          ),\n          pre: (props) => props.children,\n          table: ({ className, ...props }) => (\n            <div className=\"grid w-full max-w-full overflow-scroll rounded\">\n              <table\n                className={cn(\n                  'max-w-full table-auto overflow-hidden text-left',\n                  className\n                )}\n                {...props}\n              />\n            </div>\n          ),\n          th: ({ className, ...props }) => (\n            <th\n              className={cn(\n                'border-neutral bg-neutral/10 border-b p-4',\n                className\n              )}\n              {...props}\n            />\n          ),\n          tr: ({ className, ...props }) => (\n            <tr\n              className={cn(\n                'hover:bg-neutral/10 hover:dark:bg-neutral-dark/10',\n                className\n              )}\n              {...props}\n            />\n          ),\n          td: ({ className, ...props }) => (\n            <td\n              className={cn('border-b border-neutral-500/50 p-4', className)}\n              {...props}\n            />\n          ),\n          ...overrides,\n        },\n        wrapper: ({ className, ...props }) => (\n          <>\n            <SectionScroller />\n            <div\n              className={cn('flex flex-col gap-6 p-10', className)}\n              {...props}\n            />\n          </>\n        ),\n      }}\n    >\n      {children ?? ''}\n    </Markdown>\n  </CodeProvider>\n);\n"],"names":["jsx","jsxs","Fragment"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/core';\nimport Markdown, { type MarkdownToJSX } from 'markdown-to-jsx';\nimport type { FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { H1, H2, H3, H4 } from '../Headers';\nimport { SectionScroller } from '../Headers/SectionScroller';\nimport { Code } from '../IDE/Code';\nimport { CodeProvider } from '../IDE/CodeContext';\nimport { Link } from '../Link';\n\ntype MarkdownRendererProps = {\n  children: string;\n  isDarkMode?: boolean;\n  locale?: Locales;\n  overrides?: MarkdownToJSX.Overrides;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  overrides,\n}) => (\n  <CodeProvider>\n    <Markdown\n      options={{\n        overrides: {\n          h1: (props) => <H1 isClickable={true} {...props} />,\n          h2: (props) => <H2 isClickable={true} {...props} />,\n          h3: (props) => <H3 isClickable={true} {...props} />,\n          h4: (props) => <H4 isClickable={true} {...props} />,\n\n          code: (props) =>\n            typeof props.className === 'undefined' ? (\n              <strong className=\"bg-card/60 dark:bg-card-dark/60 rounded p-1 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur\">\n                {props.children}\n              </strong>\n            ) : (\n              <Code\n                isDarkMode={isDarkMode}\n                language={props.className?.replace('lang-', '')}\n                {...props}\n              />\n            ),\n\n          blockquote: ({ className, ...props }) => (\n            <blockquote\n              className={cn(\n                'border-card dark:border-card-dark text-neutral dark:text-neutral-dark mt-5 flex flex-col gap-3 border-l-4 pl-5',\n                className\n              )}\n              {...props}\n            />\n          ),\n          ul: ({ className, ...props }) => (\n            <ul\n              className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n              {...props}\n            />\n          ),\n          ol: ({ className, ...props }) => (\n            <ol\n              className={cn('mt-5 flex flex-col gap-3 pl-5', className)}\n              {...props}\n            />\n          ),\n          li: ({ className, ...props }) => (\n            <li className={cn('list-disc', className)} {...props} />\n          ),\n          img: ({ className, ...props }) => (\n            // eslint-disable-next-line jsx-a11y/alt-text\n            <img\n              {...props}\n              loading=\"lazy\"\n              className={cn('max-w-full rounded-md', className)}\n              src={`${props.src}?raw=true`}\n            />\n          ),\n          a: (props) => (\n            <Link\n              color=\"neutral\"\n              isExternalLink={props.href?.startsWith('http')}\n              underlined={true}\n              locale={locale}\n              {...props}\n            />\n          ),\n          pre: (props) => props.children,\n          table: ({ className, ...props }) => (\n            <div className=\"grid w-full max-w-full overflow-scroll rounded\">\n              <table\n                className={cn(\n                  'max-w-full table-auto overflow-hidden text-left',\n                  className\n                )}\n                {...props}\n              />\n            </div>\n          ),\n          th: ({ className, ...props }) => (\n            <th\n              className={cn(\n                'border-neutral bg-neutral/10 border-b p-4',\n                className\n              )}\n              {...props}\n            />\n          ),\n          tr: ({ className, ...props }) => (\n            <tr\n              className={cn(\n                'hover:bg-neutral/10 hover:dark:bg-neutral-dark/10',\n                className\n              )}\n              {...props}\n            />\n          ),\n          td: ({ className, ...props }) => (\n            <td\n              className={cn('border-b border-neutral-500/50 p-4', className)}\n              {...props}\n            />\n          ),\n          ...overrides,\n        },\n        wrapper: ({ className, ...props }) => (\n          <>\n            <SectionScroller />\n            <div\n              className={cn('flex flex-col gap-6 p-10', className)}\n              {...props}\n            />\n          </>\n        ),\n      }}\n    >\n      {children ?? ''}\n    </Markdown>\n  </CodeProvider>\n);\n"],"names":[],"mappings":"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"}

package/dist/components/MaxHeightSmoother/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const utils_cn = require("../../utils/cn.cjs");
 const MaxHeightSmoother = ({
   children,
@@ -10,7 +10,7 @@ const MaxHeightSmoother = ({
   isFocusable = false,
   minHeight = 0,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     "aria-hidden": isHidden,
@@ -22,7 +22,7 @@ const MaxHeightSmoother = ({
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         style: {

package/dist/components/MaxHeightSmoother/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/MaxHeightSmoother/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes, ReactNode } from 'react';\nimport { cn } from '../../utils/cn';\n\ninterface MaxHeightSmootherProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  isHidden?: boolean;\n  isOverable?: boolean;\n  isFocusable?: boolean;\n  minHeight?: number;\n}\n\nexport const MaxHeightSmoother: FC<MaxHeightSmootherProps> = ({\n  children,\n  isHidden,\n  className = '',\n  isOverable = false,\n  isFocusable = false,\n  minHeight = 0,\n  ...props\n}) => (\n  <div\n    aria-hidden={isHidden}\n    className={cn(\n      'group/height-smoother relative grid w-full grid-rows-[0fr] overflow-hidden transition-all duration-700 ease-in-out',\n      typeof isHidden !== 'undefined' &&\n        !isHidden &&\n        'grid-rows-[1fr] overflow-x-auto',\n      isOverable && 'hover:grid-rows-[1fr] hover:overflow-x-auto',\n      isFocusable && 'focus:grid-rows-[1fr] focus:overflow-x-auto',\n      className\n    )}\n    {...props}\n  >\n    <div\n      style={{\n        minHeight: `${minHeight}px`,\n      }}\n      className={cn(\n        isOverable && 'group-hover/height-smoother:visible',\n        isFocusable && 'group-focus/height-smoother:visible',\n        className\n      )}\n    >\n      {children}\n    </div>\n  </div>\n);\n"],"names":["jsx","cn"],"mappings":";;;;AAWO,MAAM,oBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,GAAG;AACL,MACEA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAa;AAAA,IACb,WAAWC,SAAA;AAAA,MACT;AAAA,MACA,OAAO,aAAa,eAClB,CAAC,YACD;AAAA,MACF,cAAc;AAAA,MACd,eAAe;AAAA,MACf;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,UAAAD,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,WAAW,GAAG,SAAS;AAAA,QACzB;AAAA,QACA,WAAWC,SAAA;AAAA,UACT,cAAc;AAAA,UACd,eAAe;AAAA,UACf;AAAA,QACF;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/MaxHeightSmoother/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes, ReactNode } from 'react';\nimport { cn } from '../../utils/cn';\n\ninterface MaxHeightSmootherProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  isHidden?: boolean;\n  isOverable?: boolean;\n  isFocusable?: boolean;\n  minHeight?: number;\n}\n\nexport const MaxHeightSmoother: FC<MaxHeightSmootherProps> = ({\n  children,\n  isHidden,\n  className = '',\n  isOverable = false,\n  isFocusable = false,\n  minHeight = 0,\n  ...props\n}) => (\n  <div\n    aria-hidden={isHidden}\n    className={cn(\n      'group/height-smoother relative grid w-full grid-rows-[0fr] overflow-hidden transition-all duration-700 ease-in-out',\n      typeof isHidden !== 'undefined' &&\n        !isHidden &&\n        'grid-rows-[1fr] overflow-x-auto',\n      isOverable && 'hover:grid-rows-[1fr] hover:overflow-x-auto',\n      isFocusable && 'focus:grid-rows-[1fr] focus:overflow-x-auto',\n      className\n    )}\n    {...props}\n  >\n    <div\n      style={{\n        minHeight: `${minHeight}px`,\n      }}\n      className={cn(\n        isOverable && 'group-hover/height-smoother:visible',\n        isFocusable && 'group-focus/height-smoother:visible',\n        className\n      )}\n    >\n      {children}\n    </div>\n  </div>\n);\n"],"names":["jsx","cn"],"mappings":";;;;AAWO,MAAM,oBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,GAAG;AACL,MACEA,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAa;AAAA,IACb,WAAWC,SAAA;AAAA,MACT;AAAA,MACA,OAAO,aAAa,eAClB,CAAC,YACD;AAAA,MACF,cAAc;AAAA,MACd,eAAe;AAAA,MACf;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,UAAAD,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,WAAW,GAAG,SAAS;AAAA,QACzB;AAAA,QACA,WAAWC,SAAA;AAAA,UACT,cAAc;AAAA,UACd,eAAe;AAAA,UACf;AAAA,QACF;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;;"}

package/dist/components/MaxHeightSmoother/index.mjs

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsx } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.mjs";
 const MaxHeightSmoother = ({
   children,
@@ -8,7 +8,7 @@ const MaxHeightSmoother = ({
   isFocusable = false,
   minHeight = 0,
   ...props
-}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+}) => /* @__PURE__ */ jsx(
   "div",
   {
     "aria-hidden": isHidden,
@@ -20,7 +20,7 @@ const MaxHeightSmoother = ({
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    children: /* @__PURE__ */ jsx(
       "div",
       {
         style: {

package/dist/components/MaxHeightSmoother/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/MaxHeightSmoother/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes, ReactNode } from 'react';\nimport { cn } from '../../utils/cn';\n\ninterface MaxHeightSmootherProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  isHidden?: boolean;\n  isOverable?: boolean;\n  isFocusable?: boolean;\n  minHeight?: number;\n}\n\nexport const MaxHeightSmoother: FC<MaxHeightSmootherProps> = ({\n  children,\n  isHidden,\n  className = '',\n  isOverable = false,\n  isFocusable = false,\n  minHeight = 0,\n  ...props\n}) => (\n  <div\n    aria-hidden={isHidden}\n    className={cn(\n      'group/height-smoother relative grid w-full grid-rows-[0fr] overflow-hidden transition-all duration-700 ease-in-out',\n      typeof isHidden !== 'undefined' &&\n        !isHidden &&\n        'grid-rows-[1fr] overflow-x-auto',\n      isOverable && 'hover:grid-rows-[1fr] hover:overflow-x-auto',\n      isFocusable && 'focus:grid-rows-[1fr] focus:overflow-x-auto',\n      className\n    )}\n    {...props}\n  >\n    <div\n      style={{\n        minHeight: `${minHeight}px`,\n      }}\n      className={cn(\n        isOverable && 'group-hover/height-smoother:visible',\n        isFocusable && 'group-focus/height-smoother:visible',\n        className\n      )}\n    >\n      {children}\n    </div>\n  </div>\n);\n"],"names":["jsx"],"mappings":";;AAWO,MAAM,oBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,GAAG;AACL,MACEA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAa;AAAA,IACb,WAAW;AAAA,MACT;AAAA,MACA,OAAO,aAAa,eAClB,CAAC,YACD;AAAA,MACF,cAAc;AAAA,MACd,eAAe;AAAA,MACf;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,UAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,WAAW,GAAG,SAAS;AAAA,QACzB;AAAA,QACA,WAAW;AAAA,UACT,cAAc;AAAA,UACd,eAAe;AAAA,UACf;AAAA,QACF;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/MaxHeightSmoother/index.tsx"],"sourcesContent":["import type { FC, HTMLAttributes, ReactNode } from 'react';\nimport { cn } from '../../utils/cn';\n\ninterface MaxHeightSmootherProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  isHidden?: boolean;\n  isOverable?: boolean;\n  isFocusable?: boolean;\n  minHeight?: number;\n}\n\nexport const MaxHeightSmoother: FC<MaxHeightSmootherProps> = ({\n  children,\n  isHidden,\n  className = '',\n  isOverable = false,\n  isFocusable = false,\n  minHeight = 0,\n  ...props\n}) => (\n  <div\n    aria-hidden={isHidden}\n    className={cn(\n      'group/height-smoother relative grid w-full grid-rows-[0fr] overflow-hidden transition-all duration-700 ease-in-out',\n      typeof isHidden !== 'undefined' &&\n        !isHidden &&\n        'grid-rows-[1fr] overflow-x-auto',\n      isOverable && 'hover:grid-rows-[1fr] hover:overflow-x-auto',\n      isFocusable && 'focus:grid-rows-[1fr] focus:overflow-x-auto',\n      className\n    )}\n    {...props}\n  >\n    <div\n      style={{\n        minHeight: `${minHeight}px`,\n      }}\n      className={cn(\n        isOverable && 'group-hover/height-smoother:visible',\n        isFocusable && 'group-focus/height-smoother:visible',\n        className\n      )}\n    >\n      {children}\n    </div>\n  </div>\n);\n"],"names":[],"mappings":";;AAWO,MAAM,oBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAa;AAAA,IACb,WAAW;AAAA,MACT;AAAA,MACA,OAAO,aAAa,eAClB,CAAC,YACD;AAAA,MACF,cAAc;AAAA,MACd,eAAe;AAAA,MACf;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,WAAW,GAAG,SAAS;AAAA,QACzB;AAAA,QACA,WAAW;AAAA,UACT,cAAc;AAAA,UACd,eAAe;AAAA,UACf;AAAA,QACF;AAAA,QAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;"}

package/dist/components/MaxWidthSmoother/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const utils_cn = require("../../utils/cn.cjs");
 const MaxWidthSmoother = ({
   children,
@@ -9,7 +9,7 @@ const MaxWidthSmoother = ({
   align = "left",
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     className: utils_cn.cn(
@@ -19,7 +19,7 @@ const MaxWidthSmoother = ({
     ),
     "aria-hidden": isHidden,
     ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         style: {

package/dist/components/MaxWidthSmoother/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/MaxWidthSmoother/index.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\ntype Align = 'left' | 'right';\n\ntype MaxHeightSmootherProps = HTMLAttributes<HTMLDivElement> & {\n  isHidden: boolean;\n  minWidth?: number;\n  align?: Align;\n};\n\nexport const MaxWidthSmoother = ({\n  children,\n  isHidden,\n  minWidth = 0,\n  align = 'left',\n  className,\n  ...props\n}: MaxHeightSmootherProps) => (\n  <div\n    className={cn(\n      'relative grid h-full grid-cols-[0fr] overflow-x-hidden overflow-y-hidden transition-all duration-500 ease-in-out',\n      isHidden ? '' : 'grid-cols-[1fr]',\n      className\n    )}\n    aria-hidden={isHidden}\n    {...props}\n  >\n    <div\n      style={{\n        minWidth: `${minWidth}px`,\n      }}\n      tabIndex={isHidden !== false ? undefined : -1}\n      className={cn(align === 'right' && 'ml-auto')}\n    >\n      {children}\n    </div>\n  </div>\n);\n"],"names":["jsx","cn"],"mappings":";;;;AAWO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,MACEA,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAA;AAAA,MACT;AAAA,MACA,WAAW,KAAK;AAAA,MAChB;AAAA,IACF;AAAA,IACA,eAAa;AAAA,IACZ,GAAG;AAAA,IAEJ,UAAAD,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU,GAAG,QAAQ;AAAA,QACvB;AAAA,QACA,UAAU,aAAa,QAAQ,SAAY;AAAA,QAC3C,WAAWC,SAAA,GAAG,UAAU,WAAW,SAAS;AAAA,QAE3C;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/MaxWidthSmoother/index.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\ntype Align = 'left' | 'right';\n\ntype MaxHeightSmootherProps = HTMLAttributes<HTMLDivElement> & {\n  isHidden: boolean;\n  minWidth?: number;\n  align?: Align;\n};\n\nexport const MaxWidthSmoother = ({\n  children,\n  isHidden,\n  minWidth = 0,\n  align = 'left',\n  className,\n  ...props\n}: MaxHeightSmootherProps) => (\n  <div\n    className={cn(\n      'relative grid h-full grid-cols-[0fr] overflow-x-hidden overflow-y-hidden transition-all duration-500 ease-in-out',\n      isHidden ? '' : 'grid-cols-[1fr]',\n      className\n    )}\n    aria-hidden={isHidden}\n    {...props}\n  >\n    <div\n      style={{\n        minWidth: `${minWidth}px`,\n      }}\n      tabIndex={isHidden !== false ? undefined : -1}\n      className={cn(align === 'right' && 'ml-auto')}\n    >\n      {children}\n    </div>\n  </div>\n);\n"],"names":["jsx","cn"],"mappings":";;;;AAWO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,MACEA,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAA;AAAA,MACT;AAAA,MACA,WAAW,KAAK;AAAA,MAChB;AAAA,IACF;AAAA,IACA,eAAa;AAAA,IACZ,GAAG;AAAA,IAEJ,UAAAD,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU,GAAG,QAAQ;AAAA,QACvB;AAAA,QACA,UAAU,aAAa,QAAQ,SAAY;AAAA,QAC3C,WAAWC,SAAA,GAAG,UAAU,WAAW,SAAS;AAAA,QAE3C;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;;"}

package/dist/components/MaxWidthSmoother/index.mjs

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsx } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.mjs";
 const MaxWidthSmoother = ({
   children,
@@ -7,7 +7,7 @@ const MaxWidthSmoother = ({
   align = "left",
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+}) => /* @__PURE__ */ jsx(
   "div",
   {
     className: cn(
@@ -17,7 +17,7 @@ const MaxWidthSmoother = ({
     ),
     "aria-hidden": isHidden,
     ...props,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    children: /* @__PURE__ */ jsx(
       "div",
       {
         style: {

package/dist/components/MaxWidthSmoother/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/MaxWidthSmoother/index.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\ntype Align = 'left' | 'right';\n\ntype MaxHeightSmootherProps = HTMLAttributes<HTMLDivElement> & {\n  isHidden: boolean;\n  minWidth?: number;\n  align?: Align;\n};\n\nexport const MaxWidthSmoother = ({\n  children,\n  isHidden,\n  minWidth = 0,\n  align = 'left',\n  className,\n  ...props\n}: MaxHeightSmootherProps) => (\n  <div\n    className={cn(\n      'relative grid h-full grid-cols-[0fr] overflow-x-hidden overflow-y-hidden transition-all duration-500 ease-in-out',\n      isHidden ? '' : 'grid-cols-[1fr]',\n      className\n    )}\n    aria-hidden={isHidden}\n    {...props}\n  >\n    <div\n      style={{\n        minWidth: `${minWidth}px`,\n      }}\n      tabIndex={isHidden !== false ? undefined : -1}\n      className={cn(align === 'right' && 'ml-auto')}\n    >\n      {children}\n    </div>\n  </div>\n);\n"],"names":["jsx"],"mappings":";;AAWO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,MACEA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA,WAAW,KAAK;AAAA,MAChB;AAAA,IACF;AAAA,IACA,eAAa;AAAA,IACZ,GAAG;AAAA,IAEJ,UAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU,GAAG,QAAQ;AAAA,QACvB;AAAA,QACA,UAAU,aAAa,QAAQ,SAAY;AAAA,QAC3C,WAAW,GAAG,UAAU,WAAW,SAAS;AAAA,QAE3C;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/MaxWidthSmoother/index.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\ntype Align = 'left' | 'right';\n\ntype MaxHeightSmootherProps = HTMLAttributes<HTMLDivElement> & {\n  isHidden: boolean;\n  minWidth?: number;\n  align?: Align;\n};\n\nexport const MaxWidthSmoother = ({\n  children,\n  isHidden,\n  minWidth = 0,\n  align = 'left',\n  className,\n  ...props\n}: MaxHeightSmootherProps) => (\n  <div\n    className={cn(\n      'relative grid h-full grid-cols-[0fr] overflow-x-hidden overflow-y-hidden transition-all duration-500 ease-in-out',\n      isHidden ? '' : 'grid-cols-[1fr]',\n      className\n    )}\n    aria-hidden={isHidden}\n    {...props}\n  >\n    <div\n      style={{\n        minWidth: `${minWidth}px`,\n      }}\n      tabIndex={isHidden !== false ? undefined : -1}\n      className={cn(align === 'right' && 'ml-auto')}\n    >\n      {children}\n    </div>\n  </div>\n);\n"],"names":[],"mappings":";;AAWO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA,WAAW,KAAK;AAAA,MAChB;AAAA,IACF;AAAA,IACA,eAAa;AAAA,IACZ,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU,GAAG,QAAQ;AAAA,QACvB;AAAA,QACA,UAAU,aAAa,QAAQ,SAAY;AAAA,QAC3C,WAAW,GAAG,UAAU,WAAW,SAAS;AAAA,QAE3C;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;"}

package/dist/components/Modal/Modal.cjs

@@ -1,14 +1,14 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const classVarianceAuthority = require("class-variance-authority");
 const framerMotion = require("framer-motion");
 const lucideReact = require("lucide-react");
 const reactDom = require("react-dom");
 require("react");
 const hooks_useGetElementOrWindow = require("../../hooks/useGetElementOrWindow.cjs");
-const hooks_useScrollBlockage_index = require("../../index-Cg-S9ry9.cjs");
+const hooks_useScrollBlockage_index = require("../../index-BYzBot7l.cjs");
 require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/editor-react");
 require("@intlayer/api");
@@ -50,10 +50,10 @@ const Modal = ({
 }) => {
   const containerElement = hooks_useGetElementOrWindow.useGetElementOrWindow(container);
   hooks_useScrollBlockage_index.useScrollBlockage({ key: "modal", disableScroll: isOpen && disableScroll });
-  if (!containerElement) return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, {});
+  if (!containerElement) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
   const hasTitle = typeof title === "string";
   return reactDom.createPortal(
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(
       framerMotion.m.div,
       {
         className: "bg-background/40 dark:bg-background-dark/40 invisible fixed left-0 top-0 z-50 flex size-full cursor-pointer items-center justify-center overflow-auto backdrop-blur",
@@ -75,7 +75,7 @@ const Modal = ({
           onClose?.();
         },
         "aria-hidden": !isOpen,
-        children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
           MotionModal,
           {
             onClick: (e) => e.stopPropagation(),
@@ -90,7 +90,7 @@ const Modal = ({
             roundedSize: "2xl",
             ...props,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+              /* @__PURE__ */ jsxRuntime.jsxs(
                 "div",
                 {
                   className: utils_cn.cn(
@@ -98,8 +98,8 @@ const Modal = ({
                     hasCloseButton && hasTitle ? `flex items-center justify-center` : hasCloseButton ? `flex items-center justify-end` : hasTitle ? `items-center` : `hidden`
                   ),
                   children: [
-                    hasTitle && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Headers_index.H3, { className: "flex items-center justify-center text-lg font-bold", children: title }),
-                    hasCloseButton && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                    hasTitle && /* @__PURE__ */ jsxRuntime.jsx(components_Headers_index.H3, { className: "flex items-center justify-center text-lg font-bold", children: title }),
+                    hasCloseButton && /* @__PURE__ */ jsxRuntime.jsx(
                       components_Button_Button.Button,
                       {
                         variant: "hoverable",
@@ -117,7 +117,7 @@ const Modal = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "flex flex-1 flex-col items-center overflow-auto", children })
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col items-center overflow-auto", children })
             ]
           }
         )

package/dist/components/Modal/Modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.cjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { m } from 'framer-motion';\nimport { X } from 'lucide-react';\nimport type { FC } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useGetElementOrWindow, useScrollBlockage } from '../../hooks/index';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\nimport { Container, type ContainerProps } from '../Container';\nimport { H3 } from '../Headers';\n\ntype ModalProps = {\n  children: React.ReactNode;\n  isOpen: boolean;\n  onClose?: () => void;\n  container?: HTMLElement;\n  disableScroll?: boolean;\n  hasCloseButton?: boolean;\n  title?: string;\n  size?: Size;\n} & Pick<\n  ContainerProps,\n  | 'className'\n  | 'transparency'\n  | 'border'\n  | 'background'\n  | 'roundedSize'\n  | 'borderColor'\n  | 'padding'\n  | 'separator'\n  | 'gap'\n>;\n\nconst modalVariants = cva(\n  'cursor-default overflow-auto p-3 shadow justify-center',\n  {\n    variants: {\n      variant: {\n        sm: 'max-h-[30vh] w-[95vw] max-w-xl',\n        md: 'max-h-[50vh] w-[95vw] max-w-xl',\n        lg: 'max-h-[70vh] w-[95vw] max-w-2xl',\n        xl: 'max-h-[95vh] w-[95vw] max-w-3xl',\n        unset: 'max-h-[95vh] w-[95vw]',\n      },\n    },\n    defaultVariants: {\n      variant: 'unset',\n    },\n  }\n);\n\ntype Size = 'sm' | 'md' | 'lg' | 'xl' | 'unset';\n\nconst MotionModal = m.create(Container);\n\n/**\n * Usage example:\n * ```jsx\n * <Modal isOpen={isOpen} onClose={onClose}>\n *   Modal content\n * </Modal>\n * ```\n */\nexport const Modal: FC<ModalProps> = ({\n  children,\n  isOpen,\n  container,\n  disableScroll = false,\n  onClose,\n  hasCloseButton = false,\n  title,\n  size = 'md',\n  ...props\n}) => {\n  const containerElement = useGetElementOrWindow(container);\n\n  useScrollBlockage({ key: 'modal', disableScroll: isOpen && disableScroll });\n\n  if (!containerElement) return <></>;\n\n  const hasTitle = typeof title === 'string';\n\n  return createPortal(\n    <m.div\n      className=\"bg-background/40 dark:bg-background-dark/40 invisible fixed left-0 top-0 z-50 flex size-full cursor-pointer items-center justify-center overflow-auto backdrop-blur\"\n      animate={isOpen ? 'visible' : 'invisible'}\n      variants={{\n        visible: {\n          opacity: 1,\n          visibility: 'visible',\n          transition: { duration: 0.1, when: 'beforeChildren' },\n        },\n        invisible: {\n          opacity: 0,\n          visibility: 'hidden',\n          transition: { duration: 0.1, when: 'afterChildren' },\n        },\n      }}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClose?.();\n      }}\n      aria-hidden={!isOpen}\n    >\n      <MotionModal\n        onClick={(e) => e.stopPropagation()}\n        initial={{ scale: isOpen ? 0.5 : 1 }}\n        animate={{ scale: isOpen ? 1 : 0.5 }}\n        transition={{ duration: 0.3 }}\n        className={modalVariants({\n          variant: size,\n        })}\n        role=\"dialog\"\n        aria-modal\n        roundedSize=\"2xl\"\n        {...props}\n      >\n        <div\n          className={cn(\n            'cursor-default',\n            hasCloseButton && hasTitle\n              ? `flex items-center justify-center`\n              : hasCloseButton\n                ? `flex items-center justify-end`\n                : hasTitle\n                  ? `items-center`\n                  : `hidden`\n          )}\n        >\n          {hasTitle && (\n            <H3 className=\"flex items-center justify-center text-lg font-bold\">\n              {title}\n            </H3>\n          )}\n          {hasCloseButton && (\n            <Button\n              variant=\"hoverable\"\n              color=\"text\"\n              label=\"Close modal\"\n              className=\"ml-auto\"\n              onClick={(e) => {\n                e.stopPropagation();\n                onClose?.();\n              }}\n              Icon={X}\n              size=\"icon-md\"\n            />\n          )}\n        </div>\n        <div className=\"flex flex-1 flex-col items-center overflow-auto\">\n          {children}\n        </div>\n      </MotionModal>\n    </m.div>,\n    containerElement\n  );\n};\n"],"names":["cva","m","Container","useGetElementOrWindow","useScrollBlockage","jsx","Fragment","createPortal","jsxs","cn","H3","Button","X"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmCA,MAAM,gBAAgBA,uBAAA;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAIA,MAAM,cAAcC,aAAAA,EAAE,OAAOC,oCAAS;AAU/B,MAAM,QAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,MAAM;AACE,QAAA,mBAAmBC,kDAAsB,SAAS;AAExDC,gCAAA,kBAAkB,EAAE,KAAK,SAAS,eAAe,UAAU,eAAe;AAEtE,MAAA,CAAC,iBAAkB,QAASC,iDAAAC,WAAAA,kBAAAA,UAAA,CAAA,CAAA;AAE1B,QAAA,WAAW,OAAO,UAAU;AAE3B,SAAAC,SAAA;AAAA,IACLF,2BAAA,kBAAA;AAAA,MAACJ,aAAAA,EAAE;AAAA,MAAF;AAAA,QACC,WAAU;AAAA,QACV,SAAS,SAAS,YAAY;AAAA,QAC9B,UAAU;AAAA,UACR,SAAS;AAAA,YACP,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,YAAY,EAAE,UAAU,KAAK,MAAM,iBAAiB;AAAA,UACtD;AAAA,UACA,WAAW;AAAA,YACT,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,YAAY,EAAE,UAAU,KAAK,MAAM,gBAAgB;AAAA,UAAA;AAAA,QAEvD;AAAA,QACA,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AACR,oBAAA;AAAA,QACZ;AAAA,QACA,eAAa,CAAC;AAAA,QAEd,UAAAO,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,YAClC,SAAS,EAAE,OAAO,SAAS,MAAM,EAAE;AAAA,YACnC,SAAS,EAAE,OAAO,SAAS,IAAI,IAAI;AAAA,YACnC,YAAY,EAAE,UAAU,IAAI;AAAA,YAC5B,WAAW,cAAc;AAAA,cACvB,SAAS;AAAA,YAAA,CACV;AAAA,YACD,MAAK;AAAA,YACL,cAAU;AAAA,YACV,aAAY;AAAA,YACX,GAAG;AAAA,YAEJ,UAAA;AAAA,cAAAA,2BAAA,kBAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWC,SAAA;AAAA,oBACT;AAAA,oBACA,kBAAkB,WACd,qCACA,iBACE,kCACA,WACE,iBACA;AAAA,kBACV;AAAA,kBAEC,UAAA;AAAA,oBAAA,YACEJ,2BAAA,kBAAA,IAAAK,6BAAA,EAAG,WAAU,sDACX,UACH,OAAA;AAAA,oBAED,kBACCL,2BAAA,kBAAA;AAAA,sBAACM,yBAAA;AAAA,sBAAA;AAAA,wBACC,SAAQ;AAAA,wBACR,OAAM;AAAA,wBACN,OAAM;AAAA,wBACN,WAAU;AAAA,wBACV,SAAS,CAAC,MAAM;AACd,4BAAE,gBAAgB;AACR,oCAAA;AAAA,wBACZ;AAAA,wBACA,MAAMC,YAAA;AAAA,wBACN,MAAK;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACP;AAAA,gBAAA;AAAA,cAEJ;AAAA,cACCP,2BAAAA,kBAAAA,IAAA,OAAA,EAAI,WAAU,mDACZ,SACH,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;;"}
+{"version":3,"file":"Modal.cjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { m } from 'framer-motion';\nimport { X } from 'lucide-react';\nimport type { FC } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useGetElementOrWindow, useScrollBlockage } from '../../hooks/index';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\nimport { Container, type ContainerProps } from '../Container';\nimport { H3 } from '../Headers';\n\ntype ModalProps = {\n  children: React.ReactNode;\n  isOpen: boolean;\n  onClose?: () => void;\n  container?: HTMLElement;\n  disableScroll?: boolean;\n  hasCloseButton?: boolean;\n  title?: string;\n  size?: Size;\n} & Pick<\n  ContainerProps,\n  | 'className'\n  | 'transparency'\n  | 'border'\n  | 'background'\n  | 'roundedSize'\n  | 'borderColor'\n  | 'padding'\n  | 'separator'\n  | 'gap'\n>;\n\nconst modalVariants = cva(\n  'cursor-default overflow-auto p-3 shadow justify-center',\n  {\n    variants: {\n      variant: {\n        sm: 'max-h-[30vh] w-[95vw] max-w-xl',\n        md: 'max-h-[50vh] w-[95vw] max-w-xl',\n        lg: 'max-h-[70vh] w-[95vw] max-w-2xl',\n        xl: 'max-h-[95vh] w-[95vw] max-w-3xl',\n        unset: 'max-h-[95vh] w-[95vw]',\n      },\n    },\n    defaultVariants: {\n      variant: 'unset',\n    },\n  }\n);\n\ntype Size = 'sm' | 'md' | 'lg' | 'xl' | 'unset';\n\nconst MotionModal = m.create(Container);\n\n/**\n * Usage example:\n * ```jsx\n * <Modal isOpen={isOpen} onClose={onClose}>\n *   Modal content\n * </Modal>\n * ```\n */\nexport const Modal: FC<ModalProps> = ({\n  children,\n  isOpen,\n  container,\n  disableScroll = false,\n  onClose,\n  hasCloseButton = false,\n  title,\n  size = 'md',\n  ...props\n}) => {\n  const containerElement = useGetElementOrWindow(container);\n\n  useScrollBlockage({ key: 'modal', disableScroll: isOpen && disableScroll });\n\n  if (!containerElement) return <></>;\n\n  const hasTitle = typeof title === 'string';\n\n  return createPortal(\n    <m.div\n      className=\"bg-background/40 dark:bg-background-dark/40 invisible fixed left-0 top-0 z-50 flex size-full cursor-pointer items-center justify-center overflow-auto backdrop-blur\"\n      animate={isOpen ? 'visible' : 'invisible'}\n      variants={{\n        visible: {\n          opacity: 1,\n          visibility: 'visible',\n          transition: { duration: 0.1, when: 'beforeChildren' },\n        },\n        invisible: {\n          opacity: 0,\n          visibility: 'hidden',\n          transition: { duration: 0.1, when: 'afterChildren' },\n        },\n      }}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClose?.();\n      }}\n      aria-hidden={!isOpen}\n    >\n      <MotionModal\n        onClick={(e) => e.stopPropagation()}\n        initial={{ scale: isOpen ? 0.5 : 1 }}\n        animate={{ scale: isOpen ? 1 : 0.5 }}\n        transition={{ duration: 0.3 }}\n        className={modalVariants({\n          variant: size,\n        })}\n        role=\"dialog\"\n        aria-modal\n        roundedSize=\"2xl\"\n        {...props}\n      >\n        <div\n          className={cn(\n            'cursor-default',\n            hasCloseButton && hasTitle\n              ? `flex items-center justify-center`\n              : hasCloseButton\n                ? `flex items-center justify-end`\n                : hasTitle\n                  ? `items-center`\n                  : `hidden`\n          )}\n        >\n          {hasTitle && (\n            <H3 className=\"flex items-center justify-center text-lg font-bold\">\n              {title}\n            </H3>\n          )}\n          {hasCloseButton && (\n            <Button\n              variant=\"hoverable\"\n              color=\"text\"\n              label=\"Close modal\"\n              className=\"ml-auto\"\n              onClick={(e) => {\n                e.stopPropagation();\n                onClose?.();\n              }}\n              Icon={X}\n              size=\"icon-md\"\n            />\n          )}\n        </div>\n        <div className=\"flex flex-1 flex-col items-center overflow-auto\">\n          {children}\n        </div>\n      </MotionModal>\n    </m.div>,\n    containerElement\n  );\n};\n"],"names":["cva","m","Container","useGetElementOrWindow","useScrollBlockage","jsx","Fragment","createPortal","jsxs","cn","H3","Button","X"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmCA,MAAM,gBAAgBA,uBAAA;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAIA,MAAM,cAAcC,aAAAA,EAAE,OAAOC,oCAAS;AAU/B,MAAM,QAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,MAAM;AACE,QAAA,mBAAmBC,kDAAsB,SAAS;AAExDC,gCAAA,kBAAkB,EAAE,KAAK,SAAS,eAAe,UAAU,eAAe;AAEtE,MAAA,CAAC,iBAAkB,QAASC,+BAAAC,WAAAA,UAAA,CAAA,CAAA;AAE1B,QAAA,WAAW,OAAO,UAAU;AAE3B,SAAAC,SAAA;AAAA,IACLF,2BAAA;AAAA,MAACJ,aAAAA,EAAE;AAAA,MAAF;AAAA,QACC,WAAU;AAAA,QACV,SAAS,SAAS,YAAY;AAAA,QAC9B,UAAU;AAAA,UACR,SAAS;AAAA,YACP,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,YAAY,EAAE,UAAU,KAAK,MAAM,iBAAiB;AAAA,UACtD;AAAA,UACA,WAAW;AAAA,YACT,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,YAAY,EAAE,UAAU,KAAK,MAAM,gBAAgB;AAAA,UAAA;AAAA,QAEvD;AAAA,QACA,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AACR,oBAAA;AAAA,QACZ;AAAA,QACA,eAAa,CAAC;AAAA,QAEd,UAAAO,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,YAClC,SAAS,EAAE,OAAO,SAAS,MAAM,EAAE;AAAA,YACnC,SAAS,EAAE,OAAO,SAAS,IAAI,IAAI;AAAA,YACnC,YAAY,EAAE,UAAU,IAAI;AAAA,YAC5B,WAAW,cAAc;AAAA,cACvB,SAAS;AAAA,YAAA,CACV;AAAA,YACD,MAAK;AAAA,YACL,cAAU;AAAA,YACV,aAAY;AAAA,YACX,GAAG;AAAA,YAEJ,UAAA;AAAA,cAAAA,2BAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWC,SAAA;AAAA,oBACT;AAAA,oBACA,kBAAkB,WACd,qCACA,iBACE,kCACA,WACE,iBACA;AAAA,kBACV;AAAA,kBAEC,UAAA;AAAA,oBAAA,YACEJ,2BAAA,IAAAK,6BAAA,EAAG,WAAU,sDACX,UACH,OAAA;AAAA,oBAED,kBACCL,2BAAA;AAAA,sBAACM,yBAAA;AAAA,sBAAA;AAAA,wBACC,SAAQ;AAAA,wBACR,OAAM;AAAA,wBACN,OAAM;AAAA,wBACN,WAAU;AAAA,wBACV,SAAS,CAAC,MAAM;AACd,4BAAE,gBAAgB;AACR,oCAAA;AAAA,wBACZ;AAAA,wBACA,MAAMC,YAAA;AAAA,wBACN,MAAK;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACP;AAAA,gBAAA;AAAA,cAEJ;AAAA,cACCP,2BAAAA,IAAA,OAAA,EAAI,WAAU,mDACZ,SACH,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;;"}