@intlayer/design-system 5.5.10 → 5.5.11

package/dist/components/IDE/CodeContext.cjs

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const ReactExports = require("react");
-require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/editor-react");
 require("@intlayer/api");
 require("@intlayer/config/built");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("../Toaster/Toast.cjs");
 require("deepmerge");
 const hooks_usePersistedStore = require("../../hooks/usePersistedStore.cjs");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const CodeContext = ReactExports.createContext({
   packageManager: "npm",
   setPackageManager: () => {

package/dist/components/IDE/CodeContext.mjs

@@ -1,14 +1,14 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
-import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/editor-react";
 import "@intlayer/api";
 import "@intlayer/config/built";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "../Toaster/Toast.mjs";
 import "deepmerge";
 import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 const CodeContext = createContext({
   packageManager: "npm",
   setPackageManager: () => {

package/dist/components/Link/Link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.cjs","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/config/client';\n\nimport { getLocalizedUrl } from '@intlayer/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ExternalLink } from 'lucide-react';\nimport {\n  type AnchorHTMLAttributes,\n  type DetailedHTMLProps,\n  type FC,\n} from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const linkVariants = cva(\n  'gap-3 transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default:\n          'h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0 hover:underline',\n        'invisible-link':\n          'h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0',\n        button:\n          'rounded-lg bg-current *:text-text-opposite min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n        'button-outlined':\n          'rounded-lg border-[1.5px] hover:bg-current/30 min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n        hoverable:\n          'block rounded-lg border-none bg-current/0 transition hover:bg-current/20 aria-[current]:bg-current/5',\n      },\n      color: {\n        primary: 'text-primary',\n        secondary: 'text-secondary',\n        destructive: 'text-destructive',\n        neutral: 'text-neutral',\n        light: 'text-white',\n        dark: 'text-neutral-800',\n        text: 'text-text',\n        'text-inverse': 'text-text-opposite',\n        error: 'text-error',\n        success: 'text-success',\n        custom: '',\n      },\n      underlined: {\n        default: '',\n        true: 'underline',\n        false: 'no-underline',\n      },\n    },\n\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n      underlined: 'default',\n    },\n  }\n);\n\nexport type LinkProps = DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n> &\n  VariantProps<typeof linkVariants> & {\n    label: string;\n    isExternalLink?: boolean;\n    isActive?: boolean;\n    locale?: LocalesValues;\n  };\n\nexport const checkIsExternalLink = ({\n  href,\n  isExternalLink: isExternalLinkProp,\n}: LinkProps): boolean => {\n  const isValidHref = typeof href === 'string' && href.trim() !== '';\n  const isExternalLink =\n    isExternalLinkProp === true ||\n    (typeof isExternalLinkProp === 'undefined' &&\n      isValidHref &&\n      /^https?:\\/\\//.test(href));\n\n  return isExternalLink;\n};\n\nexport const Link: FC<LinkProps> = (props) => {\n  const {\n    variant = 'default',\n    color = 'primary',\n    children,\n    label,\n    className,\n    isActive,\n    underlined,\n    locale,\n    isExternalLink: isExternalLinkProp,\n    href: hrefProp,\n    ...otherProps\n  } = props;\n  const { internationalization } = configuration;\n\n  const isExternalLink = checkIsExternalLink(props);\n  const isChildrenString = typeof children === 'string';\n\n  const rel = isExternalLink ? 'noopener noreferrer nofollow' : undefined;\n\n  const target = isExternalLink ? '_blank' : '_self';\n\n  const hrefLang = locale\n    ? locale === internationalization.defaultLocale\n      ? 'x-default'\n      : locale\n    : undefined;\n\n  const href =\n    locale && hrefProp && !isExternalLink\n      ? getLocalizedUrl(hrefProp, locale)\n      : hrefProp;\n\n  return (\n    <a\n      href={href}\n      hrefLang={hrefLang}\n      aria-label={label}\n      rel={rel}\n      target={target}\n      aria-current={isActive ? 'page' : undefined}\n      className={cn(\n        linkVariants({\n          variant,\n          color,\n          underlined,\n          className,\n        })\n      )}\n      {...otherProps}\n    >\n      {variant === 'button' ? <span>{children}</span> : children}\n      {isExternalLink && isChildrenString && (\n        <ExternalLink className=\"ml-2 inline-block size-4\" />\n      )}\n    </a>\n  );\n};\n"],"names":["cva","configuration","getLocalizedUrl","jsxs","cn","jsx","ExternalLink"],"mappings":";;;;;;;;AAaO,MAAM,eAAeA,uBAAA;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,kBACE;AAAA,QACF,QACE;AAAA,QACF,mBACE;AAAA,QACF,WACE;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,QACX,aAAa;AAAA,QACb,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IAEA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA,MACP,YAAY;AAAA,IAAA;AAAA,EACd;AAEJ;AAaO,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA,gBAAgB;AAClB,MAA0B;AACxB,QAAM,cAAc,OAAO,SAAS,YAAY,KAAK,WAAW;AAC1D,QAAA,iBACJ,uBAAuB,QACtB,OAAO,uBAAuB,eAC7B,eACA,eAAe,KAAK,IAAI;AAErB,SAAA;AACT;AAEa,MAAA,OAAsB,CAAC,UAAU;AACtC,QAAA;AAAA,IACJ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,MAAM;AAAA,IACN,GAAG;AAAA,EAAA,IACD;AACE,QAAA,EAAE,yBAAyBC;AAE3B,QAAA,iBAAiB,oBAAoB,KAAK;AAC1C,QAAA,mBAAmB,OAAO,aAAa;AAEvC,QAAA,MAAM,iBAAiB,iCAAiC;AAExD,QAAA,SAAS,iBAAiB,WAAW;AAE3C,QAAM,WAAW,SACb,WAAW,qBAAqB,gBAC9B,cACA,SACF;AAEE,QAAA,OACJ,UAAU,YAAY,CAAC,iBACnBC,qBAAgB,UAAU,MAAM,IAChC;AAGJ,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,gBAAc,WAAW,SAAS;AAAA,MAClC,WAAWC,SAAA;AAAA,QACT,aAAa;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACD,CAAA;AAAA,MACH;AAAA,MACC,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,YAAY,WAAWC,2BAAA,IAAC,QAAM,EAAA,SAAS,CAAA,IAAU;AAAA,QACjD,kBAAkB,oBAChBA,2BAAA,IAAAC,YAAA,cAAA,EAAa,WAAU,2BAA2B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEvD;AAEJ;;;;"}
+{"version":3,"file":"Link.cjs","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/config/client';\nimport { getLocalizedUrl } from '@intlayer/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ExternalLink } from 'lucide-react';\nimport {\n  type AnchorHTMLAttributes,\n  type DetailedHTMLProps,\n  type FC,\n} from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const linkVariants = cva(\n  'gap-3 transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default:\n          'h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0 hover:underline',\n        'invisible-link':\n          'h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0',\n        button:\n          'rounded-lg bg-current *:text-text-opposite min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n        'button-outlined':\n          'rounded-lg border-[1.5px] hover:bg-current/30 min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n        hoverable:\n          'block rounded-lg border-none bg-current/0 transition hover:bg-current/20 aria-[current]:bg-current/5',\n      },\n      color: {\n        primary: 'text-primary',\n        secondary: 'text-secondary',\n        destructive: 'text-destructive',\n        neutral: 'text-neutral',\n        light: 'text-white',\n        dark: 'text-neutral-800',\n        text: 'text-text',\n        'text-inverse': 'text-text-opposite',\n        error: 'text-error',\n        success: 'text-success',\n        custom: '',\n      },\n      underlined: {\n        default: '',\n        true: 'underline',\n        false: 'no-underline',\n      },\n    },\n\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n      underlined: 'default',\n    },\n  }\n);\n\nexport type LinkProps = DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n> &\n  VariantProps<typeof linkVariants> & {\n    label: string;\n    isExternalLink?: boolean;\n    isActive?: boolean;\n    locale?: LocalesValues;\n  };\n\nexport const checkIsExternalLink = ({\n  href,\n  isExternalLink: isExternalLinkProp,\n}: LinkProps): boolean => {\n  const isValidHref = typeof href === 'string' && href.trim() !== '';\n  const isExternalLink =\n    isExternalLinkProp === true ||\n    (typeof isExternalLinkProp === 'undefined' &&\n      isValidHref &&\n      /^https?:\\/\\//.test(href));\n\n  return isExternalLink;\n};\n\nexport const Link: FC<LinkProps> = (props) => {\n  const {\n    variant = 'default',\n    color = 'primary',\n    children,\n    label,\n    className,\n    isActive,\n    underlined,\n    locale,\n    isExternalLink: isExternalLinkProp,\n    href: hrefProp,\n    ...otherProps\n  } = props;\n  const { internationalization } = configuration;\n\n  const isExternalLink = checkIsExternalLink(props);\n  const isChildrenString = typeof children === 'string';\n\n  const rel = isExternalLink ? 'noopener noreferrer nofollow' : undefined;\n\n  const target = isExternalLink ? '_blank' : '_self';\n\n  const hrefLang = locale\n    ? locale === internationalization.defaultLocale\n      ? 'x-default'\n      : locale\n    : undefined;\n\n  const href =\n    locale && hrefProp && !isExternalLink\n      ? getLocalizedUrl(hrefProp, locale)\n      : hrefProp;\n\n  return (\n    <a\n      href={href}\n      hrefLang={hrefLang}\n      aria-label={label}\n      rel={rel}\n      target={target}\n      aria-current={isActive ? 'page' : undefined}\n      className={cn(\n        linkVariants({\n          variant,\n          color,\n          underlined,\n          className,\n        })\n      )}\n      {...otherProps}\n    >\n      {variant === 'button' ? <span>{children}</span> : children}\n      {isExternalLink && isChildrenString && (\n        <ExternalLink className=\"ml-2 inline-block size-4\" />\n      )}\n    </a>\n  );\n};\n"],"names":["cva","configuration","getLocalizedUrl","jsxs","cn","jsx","ExternalLink"],"mappings":";;;;;;;;AAYO,MAAM,eAAeA,uBAAA;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,kBACE;AAAA,QACF,QACE;AAAA,QACF,mBACE;AAAA,QACF,WACE;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,QACX,aAAa;AAAA,QACb,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IAEA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA,MACP,YAAY;AAAA,IAAA;AAAA,EACd;AAEJ;AAaO,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA,gBAAgB;AAClB,MAA0B;AACxB,QAAM,cAAc,OAAO,SAAS,YAAY,KAAK,WAAW;AAC1D,QAAA,iBACJ,uBAAuB,QACtB,OAAO,uBAAuB,eAC7B,eACA,eAAe,KAAK,IAAI;AAErB,SAAA;AACT;AAEa,MAAA,OAAsB,CAAC,UAAU;AACtC,QAAA;AAAA,IACJ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,MAAM;AAAA,IACN,GAAG;AAAA,EAAA,IACD;AACE,QAAA,EAAE,yBAAyBC;AAE3B,QAAA,iBAAiB,oBAAoB,KAAK;AAC1C,QAAA,mBAAmB,OAAO,aAAa;AAEvC,QAAA,MAAM,iBAAiB,iCAAiC;AAExD,QAAA,SAAS,iBAAiB,WAAW;AAE3C,QAAM,WAAW,SACb,WAAW,qBAAqB,gBAC9B,cACA,SACF;AAEE,QAAA,OACJ,UAAU,YAAY,CAAC,iBACnBC,qBAAgB,UAAU,MAAM,IAChC;AAGJ,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,gBAAc,WAAW,SAAS;AAAA,MAClC,WAAWC,SAAA;AAAA,QACT,aAAa;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACD,CAAA;AAAA,MACH;AAAA,MACC,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,YAAY,WAAWC,2BAAA,IAAC,QAAM,EAAA,SAAS,CAAA,IAAU;AAAA,QACjD,kBAAkB,oBAChBA,2BAAA,IAAAC,YAAA,cAAA,EAAa,WAAU,2BAA2B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEvD;AAEJ;;;;"}

package/dist/components/Link/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACtB,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAGf,eAAO,MAAM,YAAY;;;;8EA0CxB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB,CAAC;AAEJ,eAAO,MAAM,mBAAmB,GAAI,+CAGjC,SAAS,KAAG,OASd,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA0D9B,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACtB,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAGf,eAAO,MAAM,YAAY;;;;8EA0CxB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB,CAAC;AAEJ,eAAO,MAAM,mBAAmB,GAAI,+CAGjC,SAAS,KAAG,OASd,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA0D9B,CAAC"}

package/dist/components/Link/Link.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.mjs","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/config/client';\n\nimport { getLocalizedUrl } from '@intlayer/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ExternalLink } from 'lucide-react';\nimport {\n  type AnchorHTMLAttributes,\n  type DetailedHTMLProps,\n  type FC,\n} from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const linkVariants = cva(\n  'gap-3 transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default:\n          'h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0 hover:underline',\n        'invisible-link':\n          'h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0',\n        button:\n          'rounded-lg bg-current *:text-text-opposite min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n        'button-outlined':\n          'rounded-lg border-[1.5px] hover:bg-current/30 min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n        hoverable:\n          'block rounded-lg border-none bg-current/0 transition hover:bg-current/20 aria-[current]:bg-current/5',\n      },\n      color: {\n        primary: 'text-primary',\n        secondary: 'text-secondary',\n        destructive: 'text-destructive',\n        neutral: 'text-neutral',\n        light: 'text-white',\n        dark: 'text-neutral-800',\n        text: 'text-text',\n        'text-inverse': 'text-text-opposite',\n        error: 'text-error',\n        success: 'text-success',\n        custom: '',\n      },\n      underlined: {\n        default: '',\n        true: 'underline',\n        false: 'no-underline',\n      },\n    },\n\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n      underlined: 'default',\n    },\n  }\n);\n\nexport type LinkProps = DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n> &\n  VariantProps<typeof linkVariants> & {\n    label: string;\n    isExternalLink?: boolean;\n    isActive?: boolean;\n    locale?: LocalesValues;\n  };\n\nexport const checkIsExternalLink = ({\n  href,\n  isExternalLink: isExternalLinkProp,\n}: LinkProps): boolean => {\n  const isValidHref = typeof href === 'string' && href.trim() !== '';\n  const isExternalLink =\n    isExternalLinkProp === true ||\n    (typeof isExternalLinkProp === 'undefined' &&\n      isValidHref &&\n      /^https?:\\/\\//.test(href));\n\n  return isExternalLink;\n};\n\nexport const Link: FC<LinkProps> = (props) => {\n  const {\n    variant = 'default',\n    color = 'primary',\n    children,\n    label,\n    className,\n    isActive,\n    underlined,\n    locale,\n    isExternalLink: isExternalLinkProp,\n    href: hrefProp,\n    ...otherProps\n  } = props;\n  const { internationalization } = configuration;\n\n  const isExternalLink = checkIsExternalLink(props);\n  const isChildrenString = typeof children === 'string';\n\n  const rel = isExternalLink ? 'noopener noreferrer nofollow' : undefined;\n\n  const target = isExternalLink ? '_blank' : '_self';\n\n  const hrefLang = locale\n    ? locale === internationalization.defaultLocale\n      ? 'x-default'\n      : locale\n    : undefined;\n\n  const href =\n    locale && hrefProp && !isExternalLink\n      ? getLocalizedUrl(hrefProp, locale)\n      : hrefProp;\n\n  return (\n    <a\n      href={href}\n      hrefLang={hrefLang}\n      aria-label={label}\n      rel={rel}\n      target={target}\n      aria-current={isActive ? 'page' : undefined}\n      className={cn(\n        linkVariants({\n          variant,\n          color,\n          underlined,\n          className,\n        })\n      )}\n      {...otherProps}\n    >\n      {variant === 'button' ? <span>{children}</span> : children}\n      {isExternalLink && isChildrenString && (\n        <ExternalLink className=\"ml-2 inline-block size-4\" />\n      )}\n    </a>\n  );\n};\n"],"names":["configuration"],"mappings":";;;;;;AAaO,MAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,kBACE;AAAA,QACF,QACE;AAAA,QACF,mBACE;AAAA,QACF,WACE;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,QACX,aAAa;AAAA,QACb,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IAEA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA,MACP,YAAY;AAAA,IAAA;AAAA,EACd;AAEJ;AAaO,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA,gBAAgB;AAClB,MAA0B;AACxB,QAAM,cAAc,OAAO,SAAS,YAAY,KAAK,WAAW;AAC1D,QAAA,iBACJ,uBAAuB,QACtB,OAAO,uBAAuB,eAC7B,eACA,eAAe,KAAK,IAAI;AAErB,SAAA;AACT;AAEa,MAAA,OAAsB,CAAC,UAAU;AACtC,QAAA;AAAA,IACJ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,MAAM;AAAA,IACN,GAAG;AAAA,EAAA,IACD;AACE,QAAA,EAAE,yBAAyBA;AAE3B,QAAA,iBAAiB,oBAAoB,KAAK;AAC1C,QAAA,mBAAmB,OAAO,aAAa;AAEvC,QAAA,MAAM,iBAAiB,iCAAiC;AAExD,QAAA,SAAS,iBAAiB,WAAW;AAE3C,QAAM,WAAW,SACb,WAAW,qBAAqB,gBAC9B,cACA,SACF;AAEE,QAAA,OACJ,UAAU,YAAY,CAAC,iBACnB,gBAAgB,UAAU,MAAM,IAChC;AAGJ,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,gBAAc,WAAW,SAAS;AAAA,MAClC,WAAW;AAAA,QACT,aAAa;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACD,CAAA;AAAA,MACH;AAAA,MACC,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,YAAY,WAAW,oBAAC,QAAM,EAAA,SAAS,CAAA,IAAU;AAAA,QACjD,kBAAkB,oBAChB,oBAAA,cAAA,EAAa,WAAU,2BAA2B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEvD;AAEJ;"}
+{"version":3,"file":"Link.mjs","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/config/client';\nimport { getLocalizedUrl } from '@intlayer/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ExternalLink } from 'lucide-react';\nimport {\n  type AnchorHTMLAttributes,\n  type DetailedHTMLProps,\n  type FC,\n} from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const linkVariants = cva(\n  'gap-3 transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default:\n          'h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0 hover:underline',\n        'invisible-link':\n          'h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0',\n        button:\n          'rounded-lg bg-current *:text-text-opposite min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n        'button-outlined':\n          'rounded-lg border-[1.5px] hover:bg-current/30 min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n        hoverable:\n          'block rounded-lg border-none bg-current/0 transition hover:bg-current/20 aria-[current]:bg-current/5',\n      },\n      color: {\n        primary: 'text-primary',\n        secondary: 'text-secondary',\n        destructive: 'text-destructive',\n        neutral: 'text-neutral',\n        light: 'text-white',\n        dark: 'text-neutral-800',\n        text: 'text-text',\n        'text-inverse': 'text-text-opposite',\n        error: 'text-error',\n        success: 'text-success',\n        custom: '',\n      },\n      underlined: {\n        default: '',\n        true: 'underline',\n        false: 'no-underline',\n      },\n    },\n\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n      underlined: 'default',\n    },\n  }\n);\n\nexport type LinkProps = DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n> &\n  VariantProps<typeof linkVariants> & {\n    label: string;\n    isExternalLink?: boolean;\n    isActive?: boolean;\n    locale?: LocalesValues;\n  };\n\nexport const checkIsExternalLink = ({\n  href,\n  isExternalLink: isExternalLinkProp,\n}: LinkProps): boolean => {\n  const isValidHref = typeof href === 'string' && href.trim() !== '';\n  const isExternalLink =\n    isExternalLinkProp === true ||\n    (typeof isExternalLinkProp === 'undefined' &&\n      isValidHref &&\n      /^https?:\\/\\//.test(href));\n\n  return isExternalLink;\n};\n\nexport const Link: FC<LinkProps> = (props) => {\n  const {\n    variant = 'default',\n    color = 'primary',\n    children,\n    label,\n    className,\n    isActive,\n    underlined,\n    locale,\n    isExternalLink: isExternalLinkProp,\n    href: hrefProp,\n    ...otherProps\n  } = props;\n  const { internationalization } = configuration;\n\n  const isExternalLink = checkIsExternalLink(props);\n  const isChildrenString = typeof children === 'string';\n\n  const rel = isExternalLink ? 'noopener noreferrer nofollow' : undefined;\n\n  const target = isExternalLink ? '_blank' : '_self';\n\n  const hrefLang = locale\n    ? locale === internationalization.defaultLocale\n      ? 'x-default'\n      : locale\n    : undefined;\n\n  const href =\n    locale && hrefProp && !isExternalLink\n      ? getLocalizedUrl(hrefProp, locale)\n      : hrefProp;\n\n  return (\n    <a\n      href={href}\n      hrefLang={hrefLang}\n      aria-label={label}\n      rel={rel}\n      target={target}\n      aria-current={isActive ? 'page' : undefined}\n      className={cn(\n        linkVariants({\n          variant,\n          color,\n          underlined,\n          className,\n        })\n      )}\n      {...otherProps}\n    >\n      {variant === 'button' ? <span>{children}</span> : children}\n      {isExternalLink && isChildrenString && (\n        <ExternalLink className=\"ml-2 inline-block size-4\" />\n      )}\n    </a>\n  );\n};\n"],"names":["configuration"],"mappings":";;;;;;AAYO,MAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,kBACE;AAAA,QACF,QACE;AAAA,QACF,mBACE;AAAA,QACF,WACE;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,QACX,aAAa;AAAA,QACb,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IAEA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA,MACP,YAAY;AAAA,IAAA;AAAA,EACd;AAEJ;AAaO,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA,gBAAgB;AAClB,MAA0B;AACxB,QAAM,cAAc,OAAO,SAAS,YAAY,KAAK,WAAW;AAC1D,QAAA,iBACJ,uBAAuB,QACtB,OAAO,uBAAuB,eAC7B,eACA,eAAe,KAAK,IAAI;AAErB,SAAA;AACT;AAEa,MAAA,OAAsB,CAAC,UAAU;AACtC,QAAA;AAAA,IACJ,UAAU;AAAA,IACV,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,MAAM;AAAA,IACN,GAAG;AAAA,EAAA,IACD;AACE,QAAA,EAAE,yBAAyBA;AAE3B,QAAA,iBAAiB,oBAAoB,KAAK;AAC1C,QAAA,mBAAmB,OAAO,aAAa;AAEvC,QAAA,MAAM,iBAAiB,iCAAiC;AAExD,QAAA,SAAS,iBAAiB,WAAW;AAE3C,QAAM,WAAW,SACb,WAAW,qBAAqB,gBAC9B,cACA,SACF;AAEE,QAAA,OACJ,UAAU,YAAY,CAAC,iBACnB,gBAAgB,UAAU,MAAM,IAChC;AAGJ,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,gBAAc,WAAW,SAAS;AAAA,MAClC,WAAW;AAAA,QACT,aAAa;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACD,CAAA;AAAA,MACH;AAAA,MACC,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,YAAY,WAAW,oBAAC,QAAM,EAAA,SAAS,CAAA,IAAU;AAAA,QACjD,kBAAkB,oBAChB,oBAAA,cAAA,EAAa,WAAU,2BAA2B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEvD;AAEJ;"}

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.cjs

@@ -8,14 +8,14 @@ const Fuse = require("fuse.js");
 const lucideReact = require("lucide-react");
 const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
-require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/editor-react");
 require("@intlayer/api");
 require("@intlayer/config/built");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("../Toaster/Toast.cjs");
 require("deepmerge");
 const hooks_usePersistedStore = require("../../hooks/usePersistedStore.cjs");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const components_Button_Button = require("../Button/Button.cjs");
 const components_Container_index = require("../Container/index.cjs");
 const components_DropDown_index = require("../DropDown/index.cjs");

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.mjs

@@ -6,14 +6,14 @@ import Fuse from "fuse.js";
 import { Globe, MoveVertical, Check } from "lucide-react";
 import { useRef, useMemo, useState, useCallback } from "react";
 import { useDictionary, useLocale } from "react-intlayer";
-import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/editor-react";
 import "@intlayer/api";
 import "@intlayer/config/built";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "../Toaster/Toast.mjs";
 import "deepmerge";
 import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { Button } from "../Button/Button.mjs";
 import { Container } from "../Container/index.mjs";
 import { DropDown } from "../DropDown/index.mjs";

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.cjs

@@ -4,14 +4,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
-require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/editor-react");
 require("@intlayer/api");
 require("@intlayer/config/built");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("../Toaster/Toast.cjs");
 require("deepmerge");
 const hooks_usePersistedStore = require("../../hooks/usePersistedStore.cjs");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const LocaleSwitcherContentContext = ReactExports.createContext({
   availableLocales: [],
   selectedLocales: [],

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.mjs

@@ -2,14 +2,14 @@
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 import { useLocale } from "react-intlayer";
-import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/editor-react";
 import "@intlayer/api";
 import "@intlayer/config/built";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "../Toaster/Toast.mjs";
 import "deepmerge";
 import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 const LocaleSwitcherContentContext = createContext({
   availableLocales: [],
   selectedLocales: [],

package/dist/components/MarkDownRender/index.cjs

@@ -8,6 +8,31 @@ const components_Headers_SectionScroller = require("../Headers/SectionScroller.c
 const components_IDE_Code = require("../IDE/Code.cjs");
 const components_IDE_CodeContext = require("../IDE/CodeContext.cjs");
 const components_Link_Link = require("../Link/Link.cjs");
+const stripFrontmatter = (markdown) => {
+  const lines = markdown.split(/\r?\n/);
+  const firstNonEmptyLine = lines.find((line) => line.trim() !== "");
+  if (!firstNonEmptyLine || firstNonEmptyLine.trim() !== "---") {
+    return markdown;
+  }
+  let inMetadataBlock = false;
+  let endOfMetadataIndex = -1;
+  for (let i = 0; i < lines.length; i++) {
+    const trimmedLine = lines[i].trim();
+    if (trimmedLine === "---") {
+      if (!inMetadataBlock) {
+        inMetadataBlock = true;
+        continue;
+      } else {
+        endOfMetadataIndex = i;
+        break;
+      }
+    }
+  }
+  if (endOfMetadataIndex > -1) {
+    return lines.slice(endOfMetadataIndex + 1).join("\n");
+  }
+  return markdown;
+};
 const MarkdownRenderer = ({
   children,
   isDarkMode,
@@ -15,6 +40,7 @@ const MarkdownRenderer = ({
   options
 }) => {
   const { overrides, ...restOptions } = options ?? {};
+  const cleanMarkdown = stripFrontmatter(children);
   return /* @__PURE__ */ jsxRuntime.jsx(components_IDE_CodeContext.CodeProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
     Markdown,
     {
@@ -125,7 +151,7 @@ const MarkdownRenderer = ({
         ] }),
         ...restOptions
       },
-      children: children ?? ""
+      children: cleanMarkdown ?? ""
     }
   ) });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config';\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  options?: MarkdownToJSX.Options;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  options,\n}) => {\n  const { overrides, ...restOptions } = options ?? {};\n  return (\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 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 text-neutral 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              <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-auto 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('hover:bg-neutral/10 hover:/10', className)}\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-8 p-10', className)}\n                {...props}\n              />\n            </>\n          ),\n          ...restOptions,\n        }}\n      >\n        {children ?? ''}\n      </Markdown>\n    </CodeProvider>\n  );\n};\n"],"names":["CodeProvider","jsx","H1","H2","H3","H4","Code","cn","Link","jsxs","Fragment","SectionScroller"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["import type { LocalesValues } from '@intlayer/config/client';\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?: LocalesValues;\n  options?: MarkdownToJSX.Options;\n};\n\n/**\n * Removes frontmatter from markdown content\n * Frontmatter is the YAML metadata block at the beginning of markdown files\n * delimited by --- at the start and end\n */\nconst stripFrontmatter = (markdown: string): string => {\n  const lines = markdown.split(/\\r?\\n/);\n\n  // Check if the very first non-empty line is the metadata start delimiter\n  const firstNonEmptyLine = lines.find((line) => line.trim() !== '');\n\n  if (!firstNonEmptyLine || firstNonEmptyLine.trim() !== '---') {\n    // No frontmatter, return original content\n    return markdown;\n  }\n\n  let inMetadataBlock = false;\n  let endOfMetadataIndex = -1;\n\n  for (let i = 0; i < lines.length; i++) {\n    const trimmedLine = lines[i].trim();\n\n    // Toggle metadata block on encountering the delimiter\n    if (trimmedLine === '---') {\n      if (!inMetadataBlock) {\n        // Begin metadata block\n        inMetadataBlock = true;\n        continue;\n      } else {\n        // End of metadata block\n        endOfMetadataIndex = i;\n        break;\n      }\n    }\n  }\n\n  if (endOfMetadataIndex > -1) {\n    // Return content after the frontmatter\n    return lines.slice(endOfMetadataIndex + 1).join('\\n');\n  }\n\n  // If we couldn't find the end delimiter, return original content\n  return markdown;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  options,\n}) => {\n  const { overrides, ...restOptions } = options ?? {};\n\n  // Strip frontmatter from the markdown content before rendering\n  const cleanMarkdown = stripFrontmatter(children);\n\n  return (\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 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 text-neutral 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              <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-auto 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('hover:bg-neutral/10 hover:/10', className)}\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-8 p-10', className)}\n                {...props}\n              />\n            </>\n          ),\n          ...restOptions,\n        }}\n      >\n        {cleanMarkdown ?? ''}\n      </Markdown>\n    </CodeProvider>\n  );\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

@@ -1,10 +1,10 @@
-import { Locales } from '@intlayer/config';
+import { LocalesValues } from '@intlayer/config/client';
 import { MarkdownToJSX } from 'markdown-to-jsx';
 import { FC } from 'react';
 type MarkdownRendererProps = {
     children: string;
     isDarkMode?: boolean;
-    locale?: Locales;
+    locale?: LocalesValues;
     options?: MarkdownToJSX.Options;
 };
 export declare const MarkdownRenderer: FC<MarkdownRendererProps>;

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,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChD,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,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC;CACjC,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,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,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,aAAa,CAAC;IACvB,OAAO,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC;CACjC,CAAC;AA+CF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA8HtD,CAAC"}

package/dist/components/MarkDownRender/index.mjs

@@ -6,6 +6,31 @@ import { SectionScroller } from "../Headers/SectionScroller.mjs";
 import { Code } from "../IDE/Code.mjs";
 import { CodeProvider } from "../IDE/CodeContext.mjs";
 import { Link } from "../Link/Link.mjs";
+const stripFrontmatter = (markdown) => {
+  const lines = markdown.split(/\r?\n/);
+  const firstNonEmptyLine = lines.find((line) => line.trim() !== "");
+  if (!firstNonEmptyLine || firstNonEmptyLine.trim() !== "---") {
+    return markdown;
+  }
+  let inMetadataBlock = false;
+  let endOfMetadataIndex = -1;
+  for (let i = 0; i < lines.length; i++) {
+    const trimmedLine = lines[i].trim();
+    if (trimmedLine === "---") {
+      if (!inMetadataBlock) {
+        inMetadataBlock = true;
+        continue;
+      } else {
+        endOfMetadataIndex = i;
+        break;
+      }
+    }
+  }
+  if (endOfMetadataIndex > -1) {
+    return lines.slice(endOfMetadataIndex + 1).join("\n");
+  }
+  return markdown;
+};
 const MarkdownRenderer = ({
   children,
   isDarkMode,
@@ -13,6 +38,7 @@ const MarkdownRenderer = ({
   options
 }) => {
   const { overrides, ...restOptions } = options ?? {};
+  const cleanMarkdown = stripFrontmatter(children);
   return /* @__PURE__ */ jsx(CodeProvider, { children: /* @__PURE__ */ jsx(
     Markdown,
     {
@@ -123,7 +149,7 @@ const MarkdownRenderer = ({
         ] }),
         ...restOptions
       },
-      children: children ?? ""
+      children: cleanMarkdown ?? ""
     }
   ) });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config';\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  options?: MarkdownToJSX.Options;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  options,\n}) => {\n  const { overrides, ...restOptions } = options ?? {};\n  return (\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 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 text-neutral 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              <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-auto 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('hover:bg-neutral/10 hover:/10', className)}\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-8 p-10', className)}\n                {...props}\n              />\n            </>\n          ),\n          ...restOptions,\n        }}\n      >\n        {children ?? ''}\n      </Markdown>\n    </CodeProvider>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/MarkDownRender/index.tsx"],"sourcesContent":["import type { LocalesValues } from '@intlayer/config/client';\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?: LocalesValues;\n  options?: MarkdownToJSX.Options;\n};\n\n/**\n * Removes frontmatter from markdown content\n * Frontmatter is the YAML metadata block at the beginning of markdown files\n * delimited by --- at the start and end\n */\nconst stripFrontmatter = (markdown: string): string => {\n  const lines = markdown.split(/\\r?\\n/);\n\n  // Check if the very first non-empty line is the metadata start delimiter\n  const firstNonEmptyLine = lines.find((line) => line.trim() !== '');\n\n  if (!firstNonEmptyLine || firstNonEmptyLine.trim() !== '---') {\n    // No frontmatter, return original content\n    return markdown;\n  }\n\n  let inMetadataBlock = false;\n  let endOfMetadataIndex = -1;\n\n  for (let i = 0; i < lines.length; i++) {\n    const trimmedLine = lines[i].trim();\n\n    // Toggle metadata block on encountering the delimiter\n    if (trimmedLine === '---') {\n      if (!inMetadataBlock) {\n        // Begin metadata block\n        inMetadataBlock = true;\n        continue;\n      } else {\n        // End of metadata block\n        endOfMetadataIndex = i;\n        break;\n      }\n    }\n  }\n\n  if (endOfMetadataIndex > -1) {\n    // Return content after the frontmatter\n    return lines.slice(endOfMetadataIndex + 1).join('\\n');\n  }\n\n  // If we couldn't find the end delimiter, return original content\n  return markdown;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  children,\n  isDarkMode,\n  locale,\n  options,\n}) => {\n  const { overrides, ...restOptions } = options ?? {};\n\n  // Strip frontmatter from the markdown content before rendering\n  const cleanMarkdown = stripFrontmatter(children);\n\n  return (\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 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 text-neutral 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              <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-auto 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('hover:bg-neutral/10 hover:/10', className)}\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-8 p-10', className)}\n                {...props}\n              />\n            </>\n          ),\n          ...restOptions,\n        }}\n      >\n        {cleanMarkdown ?? ''}\n      </Markdown>\n    </CodeProvider>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Modal/Modal.cjs

@@ -6,15 +6,15 @@ 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-BYzBot7l.cjs");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/editor-react");
 require("@intlayer/api");
 require("@intlayer/config/built");
+require("react");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("../Toaster/Toast.cjs");
 require("deepmerge");
+const hooks_useGetElementOrWindow = require("../../hooks/useGetElementOrWindow.cjs");
+const hooks_useScrollBlockage_index = require("../../index-BYzBot7l.cjs");
 const utils_cn = require("../../utils/cn.cjs");
 const components_Button_Button = require("../Button/Button.cjs");
 const components_Container_index = require("../Container/index.cjs");

package/dist/components/Modal/Modal.mjs

@@ -4,15 +4,15 @@ import { cva } from "class-variance-authority";
 import { motion } from "framer-motion";
 import { X } from "lucide-react";
 import { createPortal } from "react-dom";
-import "react";
-import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
-import { u as useScrollBlockage } from "../../index-BCuMWKyy.js";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/editor-react";
 import "@intlayer/api";
 import "@intlayer/config/built";
+import "react";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "../Toaster/Toast.mjs";
 import "deepmerge";
+import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
+import { u as useScrollBlockage } from "../../index-BCuMWKyy.js";
 import { cn } from "../../utils/cn.mjs";
 import { Button } from "../Button/Button.mjs";
 import { Container } from "../Container/index.mjs";

package/dist/components/Navbar/MobileNavbar.cjs

@@ -4,14 +4,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const framerMotion = require("framer-motion");
 const ReactExports = require("react");
-const hooks_useScrollBlockage_index = require("../../index-BYzBot7l.cjs");
-const hooks_useScrollDetection = require("../../hooks/useScrollDetection.cjs");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/editor-react");
 require("@intlayer/api");
 require("@intlayer/config/built");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("../Toaster/Toast.cjs");
 require("deepmerge");
+const hooks_useScrollBlockage_index = require("../../index-BYzBot7l.cjs");
+const hooks_useScrollDetection = require("../../hooks/useScrollDetection.cjs");
 const utils_cn = require("../../utils/cn.cjs");
 const components_MaxHeightSmoother_index = require("../MaxHeightSmoother/index.cjs");
 const components_Navbar_Burger = require("./Burger.cjs");

package/dist/components/Navbar/MobileNavbar.mjs

@@ -2,14 +2,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { m } from "framer-motion";
 import { useState, useRef } from "react";
-import { u as useScrollBlockage } from "../../index-BCuMWKyy.js";
-import { useScrollDetection } from "../../hooks/useScrollDetection.mjs";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/editor-react";
 import "@intlayer/api";
 import "@intlayer/config/built";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "../Toaster/Toast.mjs";
 import "deepmerge";
+import { u as useScrollBlockage } from "../../index-BCuMWKyy.js";
+import { useScrollDetection } from "../../hooks/useScrollDetection.mjs";
 import { cn } from "../../utils/cn.mjs";
 import { MaxHeightSmoother } from "../MaxHeightSmoother/index.mjs";
 import { Burger } from "./Burger.mjs";

package/dist/components/Navbar/index.cjs

@@ -2,16 +2,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const hooks_useDevice = require("../../hooks/useDevice.cjs");
-require("react");
-require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-const hooks_useIsMounted = require("../../hooks/useIsMounted.cjs");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/editor-react");
 require("@intlayer/api");
 require("@intlayer/config/built");
+require("react");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("../Toaster/Toast.cjs");
+const hooks_useDevice = require("../../hooks/useDevice.cjs");
 require("deepmerge");
+const hooks_useIsMounted = require("../../hooks/useIsMounted.cjs");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const components_Navbar_DesktopNavbar = require("./DesktopNavbar.cjs");
 const components_Navbar_MobileNavbar = require("./MobileNavbar.cjs");
 const Navbar = ({

package/dist/components/Navbar/index.mjs

@@ -1,15 +1,15 @@
 "use client";
 import { jsx, Fragment } from "react/jsx-runtime";
-import { useDevice } from "../../hooks/useDevice.mjs";
-import "react";
-import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import { useIsMounted } from "../../hooks/useIsMounted.mjs";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/editor-react";
 import "@intlayer/api";
 import "@intlayer/config/built";
+import "react";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "../Toaster/Toast.mjs";
+import { useDevice } from "../../hooks/useDevice.mjs";
 import "deepmerge";
+import { useIsMounted } from "../../hooks/useIsMounted.mjs";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { DesktopNavbar } from "./DesktopNavbar.mjs";
 import { MobileNavbar } from "./MobileNavbar.mjs";
 const Navbar = ({

package/dist/components/SwitchSelector/index.cjs

@@ -4,14 +4,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const ReactExports = require("react");
 const classVarianceAuthority = require("class-variance-authority");
-require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/editor-react");
 require("@intlayer/api");
 require("@intlayer/config/built");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("../Toaster/Toast.cjs");
-const hooks_useItemSelector = require("../../hooks/useItemSelector.cjs");
 require("deepmerge");
+const hooks_useItemSelector = require("../../hooks/useItemSelector.cjs");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const utils_cn = require("../../utils/cn.cjs");
 const defaultChoices = [
   { content: "Off", value: false },

package/dist/components/SwitchSelector/index.mjs

@@ -2,14 +2,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect, createElement } from "react";
 import { cva } from "class-variance-authority";
-import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/editor-react";
 import "@intlayer/api";
 import "@intlayer/config/built";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "../Toaster/Toast.mjs";
-import { useItemSelector } from "../../hooks/useItemSelector.mjs";
 import "deepmerge";
+import { useItemSelector } from "../../hooks/useItemSelector.mjs";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { cn } from "../../utils/cn.mjs";
 const defaultChoices = [
   { content: "Off", value: false },

package/dist/components/TabSelector/TabSelector.cjs

@@ -4,14 +4,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const classVarianceAuthority = require("class-variance-authority");
 const ReactExports = require("react");
-require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/editor-react");
 require("@intlayer/api");
 require("@intlayer/config/built");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("../Toaster/Toast.cjs");
-const hooks_useItemSelector = require("../../hooks/useItemSelector.cjs");
 require("deepmerge");
+const hooks_useItemSelector = require("../../hooks/useItemSelector.cjs");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const utils_cn = require("../../utils/cn.cjs");
 const tabSelectorVariant = classVarianceAuthority.cva(
   "relative flex size-full flex-row items-center gap-2",

package/dist/components/TabSelector/TabSelector.mjs

@@ -2,14 +2,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { useRef, cloneElement } from "react";
-import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/editor-react";
 import "@intlayer/api";
 import "@intlayer/config/built";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "../Toaster/Toast.mjs";
-import { useItemSelector } from "../../hooks/useItemSelector.mjs";
 import "deepmerge";
+import { useItemSelector } from "../../hooks/useItemSelector.mjs";
+import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import { cn } from "../../utils/cn.mjs";
 const tabSelectorVariant = cva(
   "relative flex size-full flex-row items-center gap-2",

package/dist/components/TextArea/AutocompleteTextArea.cjs

@@ -4,10 +4,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const editorReact = require("@intlayer/editor-react");
 const ReactExports = require("react");
-require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
 const hooks_intlayerAPIHooks = require("../../hooks/intlayerAPIHooks.cjs");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("deepmerge");
+require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 const components_TextArea_AutoSizeTextArea = require("./AutoSizeTextArea.cjs");
 const useDebounce = (value, delay) => {
   const [debouncedValue, setDebouncedValue] = ReactExports.useState(value);