@intlayer/design-system 8.4.9 → 8.5.0

package/dist/esm/components/HTMLRender/HTMLRender.mjs

@@ -1,7 +1,7 @@
 import { Link } from "../Link/Link.mjs";
 import { H1, H2, H3, H4, H5, H6 } from "../Headers/index.mjs";
 import { Fragment, jsx } from "react/jsx-runtime";
-import { renderHTML } from "react-intlayer";
+import { renderHTML } from "react-intlayer/html";
 
 //#region src/components/HTMLRender/HTMLRender.tsx
 const getIntlayerHTMLOptions = () => ({ components: {

package/dist/esm/components/HTMLRender/HTMLRender.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HTMLRender.mjs","names":[],"sources":["../../../../src/components/HTMLRender/HTMLRender.tsx"],"sourcesContent":["import type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport type { ComponentProps, FC } from 'react';\nimport {\n  type HTMLRenderer as HTMLRendererIntlayer,\n  type RenderHTMLProps,\n  renderHTML,\n} from 'react-intlayer';\nimport { H1, H2, H3, H4, H5, H6 } from '../Headers';\nimport { Link } from '../Link';\n\ntype HTMLRendererProps = {\n  children: string;\n  isDarkMode?: boolean;\n  locale?: LocalesValues;\n  components?: ComponentProps<typeof HTMLRendererIntlayer>['components'];\n};\n\nexport const getIntlayerHTMLOptions: (isDarkMode: boolean) => RenderHTMLProps =\n  () => ({\n    components: {\n      h1: (props) => <H1 isClickable={true} {...props} />,\n      h2: (props) => <H2 isClickable={true} className=\"mt-16\" {...props} />,\n      h3: (props) => <H3 isClickable={true} className=\"mt-5\" {...props} />,\n      h4: (props) => <H4 isClickable={true} className=\"mt-3\" {...props} />,\n      h5: (props) => <H5 isClickable={true} className=\"mt-3\" {...props} />,\n      h6: (props) => <H6 isClickable={true} className=\"mt-3\" {...props} />,\n      a: (props) => (\n        <Link\n          isExternalLink={props.href?.startsWith('http')}\n          underlined={true}\n          label=\"\"\n          {...props}\n          color=\"neutral\"\n        />\n      ),\n    },\n  });\n\n/**\n * HTMLRenderer Component\n *\n * A comprehensive HTML renderer that transforms HTML text into rich,\n * interactive content with custom styling and Intlayer integration.\n */\nexport const HTMLRenderer: FC<HTMLRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  components: componentsProp,\n}) => {\n  const htmlOptions = getIntlayerHTMLOptions(isDarkMode ?? false);\n\n  const htmlContent = renderHTML(children, {\n    components: {\n      ...htmlOptions.components,\n      a: (props) => (\n        <Link\n          isExternalLink={props.href?.startsWith('http')}\n          underlined={true}\n          locale={locale}\n          label=\"\"\n          {...props}\n          color=\"neutral\"\n        />\n      ),\n      ...componentsProp,\n    },\n  });\n\n  return <>{htmlContent}</>;\n};\n"],"mappings":";;;;;;AAiBA,MAAa,gCACJ,EACL,YAAY;CACV,KAAK,UAAU,oBAAC,IAAD;EAAI,aAAa;EAAM,GAAI;EAAS;CACnD,KAAK,UAAU,oBAAC,IAAD;EAAI,aAAa;EAAM,WAAU;EAAQ,GAAI;EAAS;CACrE,KAAK,UAAU,oBAAC,IAAD;EAAI,aAAa;EAAM,WAAU;EAAO,GAAI;EAAS;CACpE,KAAK,UAAU,oBAAC,IAAD;EAAI,aAAa;EAAM,WAAU;EAAO,GAAI;EAAS;CACpE,KAAK,UAAU,oBAAC,IAAD;EAAI,aAAa;EAAM,WAAU;EAAO,GAAI;EAAS;CACpE,KAAK,UAAU,oBAAC,IAAD;EAAI,aAAa;EAAM,WAAU;EAAO,GAAI;EAAS;CACpE,IAAI,UACF,oBAAC,MAAD;EACE,gBAAgB,MAAM,MAAM,WAAW,OAAO;EAC9C,YAAY;EACZ,OAAM;EACN,GAAI;EACJ,OAAM;EACN;CAEL,EACF;;;;;;;AAQH,MAAa,gBAAuC,EAClD,UACA,YACA,QACA,YAAY,qBACR;AAoBJ,QAAO,0CAjBa,WAAW,UAAU,EACvC,YAAY;EACV,GAJgB,uBAAuB,cAAc,MAAM,CAI5C;EACf,IAAI,UACF,oBAAC,MAAD;GACE,gBAAgB,MAAM,MAAM,WAAW,OAAO;GAC9C,YAAY;GACJ;GACR,OAAM;GACN,GAAI;GACJ,OAAM;GACN;EAEJ,GAAG;EACJ,EACF,CAAC,EAEuB"}
+{"version":3,"file":"HTMLRender.mjs","names":[],"sources":["../../../../src/components/HTMLRender/HTMLRender.tsx"],"sourcesContent":["import type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport type { ComponentProps, FC } from 'react';\nimport {\n  type HTMLRenderer as HTMLRendererIntlayer,\n  type RenderHTMLProps,\n  renderHTML,\n} from 'react-intlayer/html';\nimport { H1, H2, H3, H4, H5, H6 } from '../Headers';\nimport { Link } from '../Link';\n\ntype HTMLRendererProps = {\n  children: string;\n  isDarkMode?: boolean;\n  locale?: LocalesValues;\n  components?: ComponentProps<typeof HTMLRendererIntlayer>['components'];\n};\n\nexport const getIntlayerHTMLOptions: (isDarkMode: boolean) => RenderHTMLProps =\n  () => ({\n    components: {\n      h1: (props) => <H1 isClickable={true} {...props} />,\n      h2: (props) => <H2 isClickable={true} className=\"mt-16\" {...props} />,\n      h3: (props) => <H3 isClickable={true} className=\"mt-5\" {...props} />,\n      h4: (props) => <H4 isClickable={true} className=\"mt-3\" {...props} />,\n      h5: (props) => <H5 isClickable={true} className=\"mt-3\" {...props} />,\n      h6: (props) => <H6 isClickable={true} className=\"mt-3\" {...props} />,\n      a: (props) => (\n        <Link\n          isExternalLink={props.href?.startsWith('http')}\n          underlined={true}\n          label=\"\"\n          {...props}\n          color=\"neutral\"\n        />\n      ),\n    },\n  });\n\n/**\n * HTMLRenderer Component\n *\n * A comprehensive HTML renderer that transforms HTML text into rich,\n * interactive content with custom styling and Intlayer integration.\n */\nexport const HTMLRenderer: FC<HTMLRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  components: componentsProp,\n}) => {\n  const htmlOptions = getIntlayerHTMLOptions(isDarkMode ?? false);\n\n  const htmlContent = renderHTML(children, {\n    components: {\n      ...htmlOptions.components,\n      a: (props) => (\n        <Link\n          isExternalLink={props.href?.startsWith('http')}\n          underlined={true}\n          locale={locale}\n          label=\"\"\n          {...props}\n          color=\"neutral\"\n        />\n      ),\n      ...componentsProp,\n    },\n  });\n\n  return <>{htmlContent}</>;\n};\n"],"mappings":";;;;;;AAiBA,MAAa,gCACJ,EACL,YAAY;CACV,KAAK,UAAU,oBAAC,IAAD;EAAI,aAAa;EAAM,GAAI;EAAS;CACnD,KAAK,UAAU,oBAAC,IAAD;EAAI,aAAa;EAAM,WAAU;EAAQ,GAAI;EAAS;CACrE,KAAK,UAAU,oBAAC,IAAD;EAAI,aAAa;EAAM,WAAU;EAAO,GAAI;EAAS;CACpE,KAAK,UAAU,oBAAC,IAAD;EAAI,aAAa;EAAM,WAAU;EAAO,GAAI;EAAS;CACpE,KAAK,UAAU,oBAAC,IAAD;EAAI,aAAa;EAAM,WAAU;EAAO,GAAI;EAAS;CACpE,KAAK,UAAU,oBAAC,IAAD;EAAI,aAAa;EAAM,WAAU;EAAO,GAAI;EAAS;CACpE,IAAI,UACF,oBAAC,MAAD;EACE,gBAAgB,MAAM,MAAM,WAAW,OAAO;EAC9C,YAAY;EACZ,OAAM;EACN,GAAI;EACJ,OAAM;EACN;CAEL,EACF;;;;;;;AAQH,MAAa,gBAAuC,EAClD,UACA,YACA,QACA,YAAY,qBACR;AAoBJ,QAAO,0CAjBa,WAAW,UAAU,EACvC,YAAY;EACV,GAJgB,uBAAuB,cAAc,MAAM,CAI5C;EACf,IAAI,UACF,oBAAC,MAAD;GACE,gBAAgB,MAAM,MAAM,WAAW,OAAO;GAC9C,YAAY;GACJ;GACR,OAAM;GACN,GAAI;GACJ,OAAM;GACN;EAEJ,GAAG;EACJ,EACF,CAAC,EAEuB"}

package/dist/types/components/Breadcrumb/breadcrumb.content.d.ts

@@ -1,10 +1,10 @@
-import * as _intlayer_types_nodeType0 from "@intlayer/types/nodeType";
+import * as _intlayer_core_transpiler0 from "@intlayer/core/transpiler";
 
 //#region src/components/Breadcrumb/breadcrumb.content.d.ts
 declare const breadCrumbContent: {
   key: string;
   content: {
-    linkLabel: _intlayer_types_nodeType0.TypedNodeModel<"translation", {
+    linkLabel: _intlayer_core_transpiler0.TranslationContent<unknown, {
       en: string;
       fr: string;
       es: string;
@@ -23,29 +23,6 @@ declare const breadCrumbContent: {
       id: string;
       vi: string;
       uk: string;
-    }, {
-      nodeType: "translation";
-    } & {
-      translation: {
-        en: string;
-        fr: string;
-        es: string;
-        'en-GB': string;
-        de: string;
-        ja: string;
-        ko: string;
-        zh: string;
-        it: string;
-        pt: string;
-        hi: string;
-        ar: string;
-        ru: string;
-        tr: string;
-        pl: string;
-        id: string;
-        vi: string;
-        uk: string;
-      };
     }>;
   };
   title: string;

package/dist/types/components/Breadcrumb/breadcrumb.content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.content.d.ts","names":[],"sources":["../../../../src/components/Breadcrumb/breadcrumb.content.ts"],"mappings":";;;cAEa,iBAAA;;;eA4BS,yBAAA,CAAA,cAAA"}
+{"version":3,"file":"breadcrumb.content.d.ts","names":[],"sources":["../../../../src/components/Breadcrumb/breadcrumb.content.ts"],"mappings":";;;cAEa,iBAAA;;;eA4BS,0BAAA,CAAA,kBAAA"}

package/dist/types/components/Browser/Browser.content.d.ts

@@ -1,10 +1,10 @@
-import * as _intlayer_types_nodeType0 from "@intlayer/types/nodeType";
+import * as _intlayer_core_transpiler0 from "@intlayer/core/transpiler";
 
 //#region src/components/Browser/Browser.content.d.ts
 declare const browserContent: {
   key: string;
   content: {
-    ariaLabel: _intlayer_types_nodeType0.TypedNodeModel<"translation", {
+    ariaLabel: _intlayer_core_transpiler0.TranslationContent<unknown, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -23,31 +23,8 @@ declare const browserContent: {
       id: string;
       vi: string;
       uk: string;
-    }, {
-      nodeType: "translation";
-    } & {
-      translation: {
-        en: string;
-        'en-GB': string;
-        fr: string;
-        es: string;
-        de: string;
-        ja: string;
-        ko: string;
-        zh: string;
-        it: string;
-        pt: string;
-        hi: string;
-        ar: string;
-        ru: string;
-        tr: string;
-        pl: string;
-        id: string;
-        vi: string;
-        uk: string;
-      };
     }>;
-    urlLabel: _intlayer_types_nodeType0.TypedNodeModel<"translation", {
+    urlLabel: _intlayer_core_transpiler0.TranslationContent<unknown, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -66,32 +43,9 @@ declare const browserContent: {
       id: string;
       vi: string;
       uk: string;
-    }, {
-      nodeType: "translation";
-    } & {
-      translation: {
-        en: string;
-        'en-GB': string;
-        fr: string;
-        es: string;
-        de: string;
-        ja: string;
-        ko: string;
-        zh: string;
-        it: string;
-        pt: string;
-        hi: string;
-        ar: string;
-        ru: string;
-        tr: string;
-        pl: string;
-        id: string;
-        vi: string;
-        uk: string;
-      };
     }>;
     urlPlaceholder: string;
-    errorMessage: _intlayer_types_nodeType0.TypedNodeModel<"translation", {
+    errorMessage: _intlayer_core_transpiler0.TranslationContent<unknown, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -110,31 +64,8 @@ declare const browserContent: {
       id: string;
       vi: string;
       uk: string;
-    }, {
-      nodeType: "translation";
-    } & {
-      translation: {
-        en: string;
-        'en-GB': string;
-        fr: string;
-        es: string;
-        de: string;
-        ja: string;
-        ko: string;
-        zh: string;
-        it: string;
-        pt: string;
-        hi: string;
-        ar: string;
-        ru: string;
-        tr: string;
-        pl: string;
-        id: string;
-        vi: string;
-        uk: string;
-      };
     }>;
-    domainRestrictionError: _intlayer_types_nodeType0.TypedNodeModel<"translation", {
+    domainRestrictionError: _intlayer_core_transpiler0.TranslationContent<unknown, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -153,31 +84,8 @@ declare const browserContent: {
       id: string;
       vi: string;
       uk: string;
-    }, {
-      nodeType: "translation";
-    } & {
-      translation: {
-        en: string;
-        'en-GB': string;
-        fr: string;
-        es: string;
-        de: string;
-        ja: string;
-        ko: string;
-        zh: string;
-        it: string;
-        pt: string;
-        hi: string;
-        ar: string;
-        ru: string;
-        tr: string;
-        pl: string;
-        id: string;
-        vi: string;
-        uk: string;
-      };
     }>;
-    backButtonLabel: _intlayer_types_nodeType0.TypedNodeModel<"translation", {
+    backButtonLabel: _intlayer_core_transpiler0.TranslationContent<unknown, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -196,31 +104,8 @@ declare const browserContent: {
       id: string;
       vi: string;
       uk: string;
-    }, {
-      nodeType: "translation";
-    } & {
-      translation: {
-        en: string;
-        'en-GB': string;
-        fr: string;
-        es: string;
-        de: string;
-        ja: string;
-        ko: string;
-        zh: string;
-        it: string;
-        pt: string;
-        hi: string;
-        ar: string;
-        ru: string;
-        tr: string;
-        pl: string;
-        id: string;
-        vi: string;
-        uk: string;
-      };
     }>;
-    forwardButtonLabel: _intlayer_types_nodeType0.TypedNodeModel<"translation", {
+    forwardButtonLabel: _intlayer_core_transpiler0.TranslationContent<unknown, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -239,31 +124,8 @@ declare const browserContent: {
       id: string;
       vi: string;
       uk: string;
-    }, {
-      nodeType: "translation";
-    } & {
-      translation: {
-        en: string;
-        'en-GB': string;
-        fr: string;
-        es: string;
-        de: string;
-        ja: string;
-        ko: string;
-        zh: string;
-        it: string;
-        pt: string;
-        hi: string;
-        ar: string;
-        ru: string;
-        tr: string;
-        pl: string;
-        id: string;
-        vi: string;
-        uk: string;
-      };
     }>;
-    reloadButtonTitle: _intlayer_types_nodeType0.TypedNodeModel<"translation", {
+    reloadButtonTitle: _intlayer_core_transpiler0.TranslationContent<unknown, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -282,31 +144,8 @@ declare const browserContent: {
       id: string;
       vi: string;
       uk: string;
-    }, {
-      nodeType: "translation";
-    } & {
-      translation: {
-        en: string;
-        'en-GB': string;
-        fr: string;
-        es: string;
-        de: string;
-        ja: string;
-        ko: string;
-        zh: string;
-        it: string;
-        pt: string;
-        hi: string;
-        ar: string;
-        ru: string;
-        tr: string;
-        pl: string;
-        id: string;
-        vi: string;
-        uk: string;
-      };
     }>;
-    iframeTitle: _intlayer_types_nodeType0.TypedNodeModel<"translation", {
+    iframeTitle: _intlayer_core_transpiler0.TranslationContent<unknown, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -325,29 +164,6 @@ declare const browserContent: {
       id: string;
       vi: string;
       uk: string;
-    }, {
-      nodeType: "translation";
-    } & {
-      translation: {
-        en: string;
-        'en-GB': string;
-        fr: string;
-        es: string;
-        de: string;
-        ja: string;
-        ko: string;
-        zh: string;
-        it: string;
-        pt: string;
-        hi: string;
-        ar: string;
-        ru: string;
-        tr: string;
-        pl: string;
-        id: string;
-        vi: string;
-        uk: string;
-      };
     }>;
   };
   title: string;

package/dist/types/components/Browser/Browser.content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Browser.content.d.ts","names":[],"sources":["../../../../src/components/Browser/Browser.content.ts"],"mappings":";;;cAEa,cAAA;;;eAyKS,yBAAA,CAAA,cAAA"}
+{"version":3,"file":"Browser.content.d.ts","names":[],"sources":["../../../../src/components/Browser/Browser.content.ts"],"mappings":";;;cAEa,cAAA;;;eAyKS,0BAAA,CAAA,kBAAA"}

package/dist/types/components/Carousel/index.content.d.ts

@@ -1,11 +1,10 @@
-import * as _intlayer_types_nodeType0 from "@intlayer/types/nodeType";
 import * as _intlayer_core_transpiler0 from "@intlayer/core/transpiler";
 
 //#region src/components/Carousel/index.content.d.ts
 declare const carouselContent: {
   key: string;
   content: {
-    goToSlide: _intlayer_core_transpiler0.InsertionContent<_intlayer_types_nodeType0.TypedNodeModel<"translation", {
+    goToSlide: _intlayer_core_transpiler0.InsertionContent<_intlayer_core_transpiler0.TranslationContent<unknown, {
       ar: string;
       de: string;
       en: string;
@@ -24,31 +23,8 @@ declare const carouselContent: {
       uk: string;
       vi: string;
       zh: string;
-    }, {
-      nodeType: "translation";
-    } & {
-      translation: {
-        ar: string;
-        de: string;
-        en: string;
-        'en-GB': string;
-        es: string;
-        fr: string;
-        hi: string;
-        id: string;
-        it: string;
-        ja: string;
-        ko: string;
-        pl: string;
-        pt: string;
-        ru: string;
-        tr: string;
-        uk: string;
-        vi: string;
-        zh: string;
-      };
     }>>;
-    previousSlide: _intlayer_types_nodeType0.TypedNodeModel<"translation", {
+    previousSlide: _intlayer_core_transpiler0.TranslationContent<unknown, {
       en: string;
       'en-GB': string;
       ru: string;
@@ -67,31 +43,8 @@ declare const carouselContent: {
       id: string;
       vi: string;
       uk: string;
-    }, {
-      nodeType: "translation";
-    } & {
-      translation: {
-        en: string;
-        'en-GB': string;
-        ru: string;
-        ja: string;
-        fr: string;
-        ko: string;
-        zh: string;
-        es: string;
-        de: string;
-        ar: string;
-        it: string;
-        pt: string;
-        hi: string;
-        tr: string;
-        pl: string;
-        id: string;
-        vi: string;
-        uk: string;
-      };
     }>;
-    nextSlide: _intlayer_types_nodeType0.TypedNodeModel<"translation", {
+    nextSlide: _intlayer_core_transpiler0.TranslationContent<unknown, {
       en: string;
       'en-GB': string;
       ru: string;
@@ -110,29 +63,6 @@ declare const carouselContent: {
       id: string;
       vi: string;
       uk: string;
-    }, {
-      nodeType: "translation";
-    } & {
-      translation: {
-        en: string;
-        'en-GB': string;
-        ru: string;
-        ja: string;
-        fr: string;
-        ko: string;
-        zh: string;
-        es: string;
-        de: string;
-        ar: string;
-        it: string;
-        pt: string;
-        hi: string;
-        tr: string;
-        pl: string;
-        id: string;
-        vi: string;
-        uk: string;
-      };
     }>;
   };
   title: string;

package/dist/types/components/Carousel/index.content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.content.d.ts","names":[],"sources":["../../../../src/components/Carousel/index.content.ts"],"mappings":";;;;cAEM,eAAA;;;2DAsEgB,yBAAA,CAAA,cAAA"}
+{"version":3,"file":"index.content.d.ts","names":[],"sources":["../../../../src/components/Carousel/index.content.ts"],"mappings":";;;cAEM,eAAA;;;2DAsEgB,0BAAA,CAAA,kBAAA"}

package/dist/types/components/CopyButton/CopyButton.content.d.ts

@@ -1,10 +1,10 @@
-import * as _intlayer_types_nodeType0 from "@intlayer/types/nodeType";
+import * as _intlayer_core_transpiler0 from "@intlayer/core/transpiler";
 
 //#region src/components/CopyButton/CopyButton.content.d.ts
 declare const copyContentContent: {
   key: string;
   content: {
-    label: _intlayer_types_nodeType0.TypedNodeModel<"translation", {
+    label: _intlayer_core_transpiler0.TranslationContent<unknown, {
       en: string;
       fr: string;
       es: string;
@@ -23,29 +23,6 @@ declare const copyContentContent: {
       id: string;
       vi: string;
       uk: string;
-    }, {
-      nodeType: "translation";
-    } & {
-      translation: {
-        en: string;
-        fr: string;
-        es: string;
-        'en-GB': string;
-        de: string;
-        ja: string;
-        ko: string;
-        zh: string;
-        it: string;
-        pt: string;
-        hi: string;
-        ar: string;
-        ru: string;
-        tr: string;
-        pl: string;
-        id: string;
-        vi: string;
-        uk: string;
-      };
     }>;
   };
   title: string;

package/dist/types/components/CopyButton/CopyButton.content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.content.d.ts","names":[],"sources":["../../../../src/components/CopyButton/CopyButton.content.ts"],"mappings":";;;cAEa,kBAAA;;;WA4BS,yBAAA,CAAA,cAAA"}
+{"version":3,"file":"CopyButton.content.d.ts","names":[],"sources":["../../../../src/components/CopyButton/CopyButton.content.ts"],"mappings":";;;cAEa,kBAAA;;;WA4BS,0BAAA,CAAA,kBAAA"}