@intlayer/design-system 8.0.2 → 8.0.4

package/dist/esm/components/DictionaryFieldEditor/DictionaryFieldEditor.mjs

@@ -40,7 +40,7 @@ const DictionaryFieldEditor = ({ dictionary, onClickDictionaryList, isDarkMode,
 				showReturnButton && /* @__PURE__ */ jsx(Button, {
 					onClick: onClickDictionaryList,
 					variant: ButtonVariant.HOVERABLE,
-					className: "z-10 mr-auto ml-5 shrink-0",
+					className: "z-10 mr-auto mb-6 ml-5 shrink-0",
 					color: ButtonColor.TEXT,
 					Icon: ArrowLeft,
 					label: returnToDictionaryList.label.value,

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

@@ -1 +1 @@
-{"version":3,"file":"DictionaryFieldEditor.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"sourcesContent":["'use client';\n\nimport { CopyToClipboard } from '@components/CopyToClipboard';\nimport {\n  useConfiguration,\n  useDictionariesRecordActions,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { Dictionary } from '@intlayer/types';\nimport { ArrowLeft } from 'lucide-react';\nimport { type FC, useEffect } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { Button, ButtonColor, ButtonVariant } from '../Button';\nimport { LocaleSwitcherContentProvider } from '../LocaleSwitcherContentDropDown';\nimport { Tab } from '../Tab';\nimport { ContentEditor } from './ContentEditor';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { JSONEditor } from './JSONEditor';\nimport { SaveForm } from './SaveForm/SaveForm';\nimport { StructureEditor } from './StructureEditor';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n  onDelete?: () => void;\n  onSave?: () => void;\n  isDarkMode?: boolean;\n  mode: ('local' | 'remote')[];\n  showReturnButton?: boolean;\n};\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n  isDarkMode,\n  mode,\n  onDelete,\n  onSave,\n  showReturnButton = true,\n}) => {\n  const config = useConfiguration();\n  const { returnToDictionaryList } = useIntlayer('dictionary-field-editor');\n  const { setFocusedContent } = useFocusUnmergedDictionary();\n  const { setLocaleDictionaries } = useDictionariesRecordActions();\n\n  useEffect(() => {\n    // Focus the dictionary if not focused\n    setFocusedContent((prev) => ({\n      ...(prev ?? {}),\n      dictionaryKey: dictionary.key,\n      dictionaryLocalId: dictionary.localId,\n    }));\n    setLocaleDictionaries((prev) => ({\n      ...prev,\n      [dictionary.localId!]: dictionary,\n    }));\n  }, []);\n\n  return (\n    <LocaleSwitcherContentProvider\n      availableLocales={config?.internationalization.locales ?? []}\n    >\n      <div className=\"relative flex h-full min-h-0 w-full flex-1 flex-col md:overflow-hidden\">\n        {showReturnButton && (\n          <Button\n            onClick={onClickDictionaryList}\n            variant={ButtonVariant.HOVERABLE}\n            className=\"z-10 mr-auto ml-5 shrink-0\"\n            color={ButtonColor.TEXT}\n            Icon={ArrowLeft}\n            label={returnToDictionaryList.label.value}\n          >\n            {returnToDictionaryList.text}\n          </Button>\n        )}\n\n        <div className=\"min-h-0 flex-1\">\n          <Tab\n            defaultTab=\"content\"\n            variant=\"ghost\"\n            fullHeight\n            headerClassName=\"sticky top-0 z-10 rounded-xl bg-background/20 pb-4\"\n          >\n            {mode.includes('remote') && (\n              <Tab.Item label=\"Details\" value=\"details\">\n                <DictionaryDetailsForm dictionary={dictionary} mode={mode} />\n              </Tab.Item>\n            )}\n            <Tab.Item label=\"Structure\" value=\"structure\">\n              <StructureEditor dictionary={dictionary} />\n            </Tab.Item>\n            <Tab.Item label=\"Content\" value=\"content\">\n              <ContentEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n            </Tab.Item>\n            <Tab.Item label=\"JSON\" value=\"json\">\n              <JSONEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n            </Tab.Item>\n          </Tab>\n        </div>\n\n        <div className=\"sticky bottom-16 z-20 flex shrink-0 flex-wrap items-center justify-end gap-10 border-card border-t p-4 md:bottom-0\">\n          <CopyToClipboard\n            text={dictionary.id!}\n            className=\"text-nowrap text-neutral text-sm\"\n            size={9}\n          >\n            {dictionary.id}\n          </CopyToClipboard>\n          <SaveForm\n            dictionary={dictionary}\n            mode={mode}\n            onDelete={() => {\n              setFocusedContent(null as any);\n              onDelete?.();\n            }}\n            onSave={onSave}\n          />\n        </div>\n      </div>\n    </LocaleSwitcherContentProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AA+BA,MAAa,yBAAyD,EACpE,YACA,uBACA,YACA,MACA,UACA,QACA,mBAAmB,WACf;CACJ,MAAM,SAAS,kBAAkB;CACjC,MAAM,EAAE,2BAA2B,YAAY,0BAA0B;CACzE,MAAM,EAAE,sBAAsB,4BAA4B;CAC1D,MAAM,EAAE,0BAA0B,8BAA8B;AAEhE,iBAAgB;AAEd,qBAAmB,UAAU;GAC3B,GAAI,QAAQ,EAAE;GACd,eAAe,WAAW;GAC1B,mBAAmB,WAAW;GAC/B,EAAE;AACH,yBAAuB,UAAU;GAC/B,GAAG;IACF,WAAW,UAAW;GACxB,EAAE;IACF,EAAE,CAAC;AAEN,QACE,oBAAC;EACC,kBAAkB,QAAQ,qBAAqB,WAAW,EAAE;YAE5D,qBAAC;GAAI,WAAU;;IACZ,oBACC,oBAAC;KACC,SAAS;KACT,SAAS,cAAc;KACvB,WAAU;KACV,OAAO,YAAY;KACnB,MAAM;KACN,OAAO,uBAAuB,MAAM;eAEnC,uBAAuB;MACjB;IAGX,oBAAC;KAAI,WAAU;eACb,qBAAC;MACC,YAAW;MACX,SAAQ;MACR;MACA,iBAAgB;;OAEf,KAAK,SAAS,SAAS,IACtB,oBAAC,IAAI;QAAK,OAAM;QAAU,OAAM;kBAC9B,oBAAC;SAAkC;SAAkB;UAAQ;SACpD;OAEb,oBAAC,IAAI;QAAK,OAAM;QAAY,OAAM;kBAChC,oBAAC,mBAA4B,aAAc;SAClC;OACX,oBAAC,IAAI;QAAK,OAAM;QAAU,OAAM;kBAC9B,oBAAC;SAA0B;SAAwB;UAAc;SACxD;OACX,oBAAC,IAAI;QAAK,OAAM;QAAO,OAAM;kBAC3B,oBAAC;SAAuB;SAAwB;UAAc;SACrD;;OACP;MACF;IAEN,qBAAC;KAAI,WAAU;gBACb,oBAAC;MACC,MAAM,WAAW;MACjB,WAAU;MACV,MAAM;gBAEL,WAAW;OACI,EAClB,oBAAC;MACa;MACN;MACN,gBAAgB;AACd,yBAAkB,KAAY;AAC9B,mBAAY;;MAEN;OACR;MACE;;IACF;GACwB"}
+{"version":3,"file":"DictionaryFieldEditor.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"sourcesContent":["'use client';\n\nimport { CopyToClipboard } from '@components/CopyToClipboard';\nimport {\n  useConfiguration,\n  useDictionariesRecordActions,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { Dictionary } from '@intlayer/types';\nimport { ArrowLeft } from 'lucide-react';\nimport { type FC, useEffect } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { Button, ButtonColor, ButtonVariant } from '../Button';\nimport { LocaleSwitcherContentProvider } from '../LocaleSwitcherContentDropDown';\nimport { Tab } from '../Tab';\nimport { ContentEditor } from './ContentEditor';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { JSONEditor } from './JSONEditor';\nimport { SaveForm } from './SaveForm/SaveForm';\nimport { StructureEditor } from './StructureEditor';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n  onDelete?: () => void;\n  onSave?: () => void;\n  isDarkMode?: boolean;\n  mode: ('local' | 'remote')[];\n  showReturnButton?: boolean;\n};\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n  isDarkMode,\n  mode,\n  onDelete,\n  onSave,\n  showReturnButton = true,\n}) => {\n  const config = useConfiguration();\n  const { returnToDictionaryList } = useIntlayer('dictionary-field-editor');\n  const { setFocusedContent } = useFocusUnmergedDictionary();\n  const { setLocaleDictionaries } = useDictionariesRecordActions();\n\n  useEffect(() => {\n    // Focus the dictionary if not focused\n    setFocusedContent((prev) => ({\n      ...(prev ?? {}),\n      dictionaryKey: dictionary.key,\n      dictionaryLocalId: dictionary.localId,\n    }));\n    setLocaleDictionaries((prev) => ({\n      ...prev,\n      [dictionary.localId!]: dictionary,\n    }));\n  }, []);\n\n  return (\n    <LocaleSwitcherContentProvider\n      availableLocales={config?.internationalization.locales ?? []}\n    >\n      <div className=\"relative flex h-full min-h-0 w-full flex-1 flex-col md:overflow-hidden\">\n        {showReturnButton && (\n          <Button\n            onClick={onClickDictionaryList}\n            variant={ButtonVariant.HOVERABLE}\n            className=\"z-10 mr-auto mb-6 ml-5 shrink-0\"\n            color={ButtonColor.TEXT}\n            Icon={ArrowLeft}\n            label={returnToDictionaryList.label.value}\n          >\n            {returnToDictionaryList.text}\n          </Button>\n        )}\n\n        <div className=\"min-h-0 flex-1\">\n          <Tab\n            defaultTab=\"content\"\n            variant=\"ghost\"\n            fullHeight\n            headerClassName=\"sticky top-0 z-10 rounded-xl bg-background/20 pb-4\"\n          >\n            {mode.includes('remote') && (\n              <Tab.Item label=\"Details\" value=\"details\">\n                <DictionaryDetailsForm dictionary={dictionary} mode={mode} />\n              </Tab.Item>\n            )}\n            <Tab.Item label=\"Structure\" value=\"structure\">\n              <StructureEditor dictionary={dictionary} />\n            </Tab.Item>\n            <Tab.Item label=\"Content\" value=\"content\">\n              <ContentEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n            </Tab.Item>\n            <Tab.Item label=\"JSON\" value=\"json\">\n              <JSONEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n            </Tab.Item>\n          </Tab>\n        </div>\n\n        <div className=\"sticky bottom-16 z-20 flex shrink-0 flex-wrap items-center justify-end gap-10 border-card border-t p-4 md:bottom-0\">\n          <CopyToClipboard\n            text={dictionary.id!}\n            className=\"text-nowrap text-neutral text-sm\"\n            size={9}\n          >\n            {dictionary.id}\n          </CopyToClipboard>\n          <SaveForm\n            dictionary={dictionary}\n            mode={mode}\n            onDelete={() => {\n              setFocusedContent(null);\n              onDelete?.();\n            }}\n            onSave={onSave}\n          />\n        </div>\n      </div>\n    </LocaleSwitcherContentProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AA+BA,MAAa,yBAAyD,EACpE,YACA,uBACA,YACA,MACA,UACA,QACA,mBAAmB,WACf;CACJ,MAAM,SAAS,kBAAkB;CACjC,MAAM,EAAE,2BAA2B,YAAY,0BAA0B;CACzE,MAAM,EAAE,sBAAsB,4BAA4B;CAC1D,MAAM,EAAE,0BAA0B,8BAA8B;AAEhE,iBAAgB;AAEd,qBAAmB,UAAU;GAC3B,GAAI,QAAQ,EAAE;GACd,eAAe,WAAW;GAC1B,mBAAmB,WAAW;GAC/B,EAAE;AACH,yBAAuB,UAAU;GAC/B,GAAG;IACF,WAAW,UAAW;GACxB,EAAE;IACF,EAAE,CAAC;AAEN,QACE,oBAAC;EACC,kBAAkB,QAAQ,qBAAqB,WAAW,EAAE;YAE5D,qBAAC;GAAI,WAAU;;IACZ,oBACC,oBAAC;KACC,SAAS;KACT,SAAS,cAAc;KACvB,WAAU;KACV,OAAO,YAAY;KACnB,MAAM;KACN,OAAO,uBAAuB,MAAM;eAEnC,uBAAuB;MACjB;IAGX,oBAAC;KAAI,WAAU;eACb,qBAAC;MACC,YAAW;MACX,SAAQ;MACR;MACA,iBAAgB;;OAEf,KAAK,SAAS,SAAS,IACtB,oBAAC,IAAI;QAAK,OAAM;QAAU,OAAM;kBAC9B,oBAAC;SAAkC;SAAkB;UAAQ;SACpD;OAEb,oBAAC,IAAI;QAAK,OAAM;QAAY,OAAM;kBAChC,oBAAC,mBAA4B,aAAc;SAClC;OACX,oBAAC,IAAI;QAAK,OAAM;QAAU,OAAM;kBAC9B,oBAAC;SAA0B;SAAwB;UAAc;SACxD;OACX,oBAAC,IAAI;QAAK,OAAM;QAAO,OAAM;kBAC3B,oBAAC;SAAuB;SAAwB;UAAc;SACrD;;OACP;MACF;IAEN,qBAAC;KAAI,WAAU;gBACb,oBAAC;MACC,MAAM,WAAW;MACjB,WAAU;MACV,MAAM;gBAEL,WAAW;OACI,EAClB,oBAAC;MACa;MACN;MACN,gBAAgB;AACd,yBAAkB,KAAK;AACvB,mBAAY;;MAEN;OACR;MACE;;IACF;GACwB"}

package/dist/esm/components/LanguageBackground/index.mjs

@@ -1,10 +1,9 @@
 'use client';
 
 import { cn } from "../../utils/cn.mjs";
-import { Container } from "../../dist/esm/components/Container/index.mjs";
-import { Flag } from "../../dist/esm/components/Flags/Flag.mjs";
 import { useEffect, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Container, Flag } from "@intlayer/design-system";
 import { Locales, getHTMLTextDir, getLocaleName } from "intlayer";
 
 //#region src/components/LanguageBackground/index.tsx

package/dist/esm/components/LanguageBackground/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/LanguageBackground/index.tsx"],"sourcesContent":["'use client';\n\nimport { Container, Flag } from '@intlayer/design-system';\nimport { cn } from '@utils/cn';\nimport { getHTMLTextDir, getLocaleName, type Locale, Locales } from 'intlayer';\nimport {\n  type FC,\n  type HTMLAttributes,\n  type PropsWithChildren,\n  useEffect,\n  useState,\n} from 'react';\n\nconst shuffleArray = (array: string[], limit?: number) => {\n  const shuffled = [...array];\n\n  for (let i = shuffled.length - 1; i > 0; i--) {\n    const randomIndex = Math.floor(Math.random() * (i + 1));\n\n    [shuffled[i], shuffled[randomIndex]] = [shuffled[randomIndex], shuffled[i]];\n  }\n\n  return limit ? shuffled.slice(0, limit) : shuffled;\n};\n\nconst LocalCard: FC<{ locale: string }> = ({ locale, ...props }) => (\n  <div\n    className=\"group z-10 mx-8 inline-flex shrink-0 transition-transform duration-300 hover:scale-105\"\n    {...props}\n  >\n    <Container\n      roundedSize=\"xl\"\n      className=\"flex flex-row items-center gap-5 p-3\"\n    >\n      <Flag\n        locale={locale as Locale}\n        className=\"max-h-5 max-w-5 rounded-sm grayscale-80 transition duration-300 group-hover:grayscale-0\"\n        width={640}\n        height={480}\n        loading=\"lazy\"\n      />\n      <span\n        dir={getHTMLTextDir(locale as Locale)}\n        lang={locale as Locale}\n        className=\"flex text-nowrap\"\n      >\n        {getLocaleName(locale as Locale)}\n      </span>\n    </Container>\n  </div>\n);\n\nconst LocalCardList: FC<{ localeList: string[]; className?: string }> = ({\n  localeList,\n  className,\n  ...props\n}) => (\n  <div className=\"relative flex w-full overflow-hidden\" {...props}>\n    <div\n      className={cn('inline-flex shrink-0 will-change-transform', className)}\n    >\n      {/* First set of cards */}\n      {localeList.map((locale, index) => (\n        <LocalCard key={`${locale}-first-${index}`} locale={locale} />\n      ))}\n      {/* Duplicate set for seamless loop */}\n      {localeList.map((locale, index) => (\n        <LocalCard key={`${locale}-second-${index}`} locale={locale} />\n      ))}\n    </div>\n  </div>\n);\n\nconst NUM_OF_LOCALES = 15;\n\nconst emptyArrayOfLocale: string[][] = new Array(4).fill(0).map(() => []);\nconst arrayOfLocale: string[][] = new Array(4)\n  .fill(0)\n  .map(() => shuffleArray(Object.values(Locales.ALL_LOCALES), NUM_OF_LOCALES));\n\nexport const LanguageSection: FC<HTMLAttributes<HTMLElement>> = ({\n  className,\n  ...props\n}) => {\n  const [localeList, setLocaleList] = useState(emptyArrayOfLocale);\n  const [firstPart, secondPart, thirdPart, fourthPart] = localeList;\n\n  useEffect(() => {\n    setLocaleList(arrayOfLocale);\n  }, []);\n\n  return (\n    <section\n      className={cn(\n        'mask-[linear-gradient(to_right,transparent_0,black_128px,black_calc(100%-128px),transparent_100%)] my-10 w-full overflow-hidden',\n        className\n      )}\n      {...props}\n    >\n      <div className=\"relative flex w-full flex-col gap-5 py-3\">\n        <LocalCardList localeList={firstPart} className=\"horizontal-loop-1\" />\n        <LocalCardList localeList={secondPart} className=\"horizontal-loop-2\" />\n        <LocalCardList localeList={thirdPart} className=\"horizontal-loop-1\" />\n        <LocalCardList localeList={fourthPart} className=\"horizontal-loop-2\" />\n      </div>\n    </section>\n  );\n};\n\nexport const LanguageBackground: FC<PropsWithChildren> = ({ children }) => (\n  <>\n    <div className=\"absolute top-0 left-0 z-0 flex size-full items-center justify-center\">\n      <LanguageSection className=\"mt-[30%]\" />\n    </div>\n    {children}\n  </>\n);\n"],"mappings":";;;;;;;;;;AAaA,MAAM,gBAAgB,OAAiB,UAAmB;CACxD,MAAM,WAAW,CAAC,GAAG,MAAM;AAE3B,MAAK,IAAI,IAAI,SAAS,SAAS,GAAG,IAAI,GAAG,KAAK;EAC5C,MAAM,cAAc,KAAK,MAAM,KAAK,QAAQ,IAAI,IAAI,GAAG;AAEvD,GAAC,SAAS,IAAI,SAAS,gBAAgB,CAAC,SAAS,cAAc,SAAS,GAAG;;AAG7E,QAAO,QAAQ,SAAS,MAAM,GAAG,MAAM,GAAG;;AAG5C,MAAM,aAAqC,EAAE,QAAQ,GAAG,YACtD,oBAAC;CACC,WAAU;CACV,GAAI;WAEJ,qBAAC;EACC,aAAY;EACZ,WAAU;aAEV,oBAAC;GACS;GACR,WAAU;GACV,OAAO;GACP,QAAQ;GACR,SAAQ;IACR,EACF,oBAAC;GACC,KAAK,eAAe,OAAiB;GACrC,MAAM;GACN,WAAU;aAET,cAAc,OAAiB;IAC3B;GACG;EACR;AAGR,MAAM,iBAAmE,EACvE,YACA,WACA,GAAG,YAEH,oBAAC;CAAI,WAAU;CAAuC,GAAI;WACxD,qBAAC;EACC,WAAW,GAAG,8CAA8C,UAAU;aAGrE,WAAW,KAAK,QAAQ,UACvB,oBAAC,aAAmD,UAApC,GAAG,OAAO,SAAS,QAA2B,CAC9D,EAED,WAAW,KAAK,QAAQ,UACvB,oBAAC,aAAoD,UAArC,GAAG,OAAO,UAAU,QAA2B,CAC/D;GACE;EACF;AAGR,MAAM,iBAAiB;AAEvB,MAAM,qBAAiC,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,CAAC;AACzE,MAAM,gBAA4B,IAAI,MAAM,EAAE,CAC3C,KAAK,EAAE,CACP,UAAU,aAAa,OAAO,OAAO,QAAQ,YAAY,EAAE,eAAe,CAAC;AAE9E,MAAa,mBAAoD,EAC/D,WACA,GAAG,YACC;CACJ,MAAM,CAAC,YAAY,iBAAiB,SAAS,mBAAmB;CAChE,MAAM,CAAC,WAAW,YAAY,WAAW,cAAc;AAEvD,iBAAgB;AACd,gBAAc,cAAc;IAC3B,EAAE,CAAC;AAEN,QACE,oBAAC;EACC,WAAW,GACT,mIACA,UACD;EACD,GAAI;YAEJ,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAc,YAAY;KAAW,WAAU;MAAsB;IACtE,oBAAC;KAAc,YAAY;KAAY,WAAU;MAAsB;IACvE,oBAAC;KAAc,YAAY;KAAW,WAAU;MAAsB;IACtE,oBAAC;KAAc,YAAY;KAAY,WAAU;MAAsB;;IACnE;GACE;;AAId,MAAa,sBAA6C,EAAE,eAC1D,8CACE,oBAAC;CAAI,WAAU;WACb,oBAAC,mBAAgB,WAAU,aAAa;EACpC,EACL,YACA"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/LanguageBackground/index.tsx"],"sourcesContent":["'use client';\n\nimport { Container, Flag } from '@intlayer/design-system';\nimport { cn } from '@utils/cn';\nimport { getHTMLTextDir, getLocaleName, type Locale, Locales } from 'intlayer';\nimport {\n  type FC,\n  type HTMLAttributes,\n  type PropsWithChildren,\n  useEffect,\n  useState,\n} from 'react';\n\nconst shuffleArray = (array: string[], limit?: number) => {\n  const shuffled = [...array];\n\n  for (let i = shuffled.length - 1; i > 0; i--) {\n    const randomIndex = Math.floor(Math.random() * (i + 1));\n\n    [shuffled[i], shuffled[randomIndex]] = [shuffled[randomIndex], shuffled[i]];\n  }\n\n  return limit ? shuffled.slice(0, limit) : shuffled;\n};\n\nconst LocalCard: FC<{ locale: string }> = ({ locale, ...props }) => (\n  <div\n    className=\"group z-10 mx-8 inline-flex shrink-0 transition-transform duration-300 hover:scale-105\"\n    {...props}\n  >\n    <Container\n      roundedSize=\"xl\"\n      className=\"flex flex-row items-center gap-5 p-3\"\n    >\n      <Flag\n        locale={locale as Locale}\n        className=\"max-h-5 max-w-5 rounded-sm grayscale-80 transition duration-300 group-hover:grayscale-0\"\n        width={640}\n        height={480}\n        loading=\"lazy\"\n      />\n      <span\n        dir={getHTMLTextDir(locale as Locale)}\n        lang={locale as Locale}\n        className=\"flex text-nowrap\"\n      >\n        {getLocaleName(locale as Locale)}\n      </span>\n    </Container>\n  </div>\n);\n\nconst LocalCardList: FC<{ localeList: string[]; className?: string }> = ({\n  localeList,\n  className,\n  ...props\n}) => (\n  <div className=\"relative flex w-full overflow-hidden\" {...props}>\n    <div\n      className={cn('inline-flex shrink-0 will-change-transform', className)}\n    >\n      {/* First set of cards */}\n      {localeList.map((locale, index) => (\n        <LocalCard key={`${locale}-first-${index}`} locale={locale} />\n      ))}\n      {/* Duplicate set for seamless loop */}\n      {localeList.map((locale, index) => (\n        <LocalCard key={`${locale}-second-${index}`} locale={locale} />\n      ))}\n    </div>\n  </div>\n);\n\nconst NUM_OF_LOCALES = 15;\n\nconst emptyArrayOfLocale: string[][] = new Array(4).fill(0).map(() => []);\nconst arrayOfLocale: string[][] = new Array(4)\n  .fill(0)\n  .map(() => shuffleArray(Object.values(Locales.ALL_LOCALES), NUM_OF_LOCALES));\n\nexport const LanguageSection: FC<HTMLAttributes<HTMLElement>> = ({\n  className,\n  ...props\n}) => {\n  const [localeList, setLocaleList] = useState(emptyArrayOfLocale);\n  const [firstPart, secondPart, thirdPart, fourthPart] = localeList;\n\n  useEffect(() => {\n    setLocaleList(arrayOfLocale);\n  }, []);\n\n  return (\n    <section\n      className={cn(\n        'mask-[linear-gradient(to_right,transparent_0,black_128px,black_calc(100%-128px),transparent_100%)] my-10 w-full overflow-hidden',\n        className\n      )}\n      {...props}\n    >\n      <div className=\"relative flex w-full flex-col gap-5 py-3\">\n        <LocalCardList localeList={firstPart} className=\"horizontal-loop-1\" />\n        <LocalCardList localeList={secondPart} className=\"horizontal-loop-2\" />\n        <LocalCardList localeList={thirdPart} className=\"horizontal-loop-1\" />\n        <LocalCardList localeList={fourthPart} className=\"horizontal-loop-2\" />\n      </div>\n    </section>\n  );\n};\n\nexport const LanguageBackground: FC<PropsWithChildren> = ({ children }) => (\n  <>\n    <div className=\"absolute top-0 left-0 z-0 flex size-full items-center justify-center\">\n      <LanguageSection className=\"mt-[30%]\" />\n    </div>\n    {children}\n  </>\n);\n"],"mappings":";;;;;;;;;AAaA,MAAM,gBAAgB,OAAiB,UAAmB;CACxD,MAAM,WAAW,CAAC,GAAG,MAAM;AAE3B,MAAK,IAAI,IAAI,SAAS,SAAS,GAAG,IAAI,GAAG,KAAK;EAC5C,MAAM,cAAc,KAAK,MAAM,KAAK,QAAQ,IAAI,IAAI,GAAG;AAEvD,GAAC,SAAS,IAAI,SAAS,gBAAgB,CAAC,SAAS,cAAc,SAAS,GAAG;;AAG7E,QAAO,QAAQ,SAAS,MAAM,GAAG,MAAM,GAAG;;AAG5C,MAAM,aAAqC,EAAE,QAAQ,GAAG,YACtD,oBAAC;CACC,WAAU;CACV,GAAI;WAEJ,qBAAC;EACC,aAAY;EACZ,WAAU;aAEV,oBAAC;GACS;GACR,WAAU;GACV,OAAO;GACP,QAAQ;GACR,SAAQ;IACR,EACF,oBAAC;GACC,KAAK,eAAe,OAAiB;GACrC,MAAM;GACN,WAAU;aAET,cAAc,OAAiB;IAC3B;GACG;EACR;AAGR,MAAM,iBAAmE,EACvE,YACA,WACA,GAAG,YAEH,oBAAC;CAAI,WAAU;CAAuC,GAAI;WACxD,qBAAC;EACC,WAAW,GAAG,8CAA8C,UAAU;aAGrE,WAAW,KAAK,QAAQ,UACvB,oBAAC,aAAmD,UAApC,GAAG,OAAO,SAAS,QAA2B,CAC9D,EAED,WAAW,KAAK,QAAQ,UACvB,oBAAC,aAAoD,UAArC,GAAG,OAAO,UAAU,QAA2B,CAC/D;GACE;EACF;AAGR,MAAM,iBAAiB;AAEvB,MAAM,qBAAiC,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,CAAC;AACzE,MAAM,gBAA4B,IAAI,MAAM,EAAE,CAC3C,KAAK,EAAE,CACP,UAAU,aAAa,OAAO,OAAO,QAAQ,YAAY,EAAE,eAAe,CAAC;AAE9E,MAAa,mBAAoD,EAC/D,WACA,GAAG,YACC;CACJ,MAAM,CAAC,YAAY,iBAAiB,SAAS,mBAAmB;CAChE,MAAM,CAAC,WAAW,YAAY,WAAW,cAAc;AAEvD,iBAAgB;AACd,gBAAc,cAAc;IAC3B,EAAE,CAAC;AAEN,QACE,oBAAC;EACC,WAAW,GACT,mIACA,UACD;EACD,GAAI;YAEJ,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAc,YAAY;KAAW,WAAU;MAAsB;IACtE,oBAAC;KAAc,YAAY;KAAY,WAAU;MAAsB;IACvE,oBAAC;KAAc,YAAY;KAAW,WAAU;MAAsB;IACtE,oBAAC;KAAc,YAAY;KAAY,WAAU;MAAsB;;IACnE;GACE;;AAId,MAAa,sBAA6C,EAAE,eAC1D,8CACE,oBAAC;CAAI,WAAU;WACb,oBAAC,mBAAgB,WAAU,aAAa;EACpC,EACL,YACA"}

package/dist/types/components/Badge/index.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
+import * as class_variance_authority_types7 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/components/Badge/index.d.ts
@@ -46,7 +46,7 @@ declare const badgeVariants: (props?: {
   color?: BadgeColor;
   variant?: BadgeVariant;
   size?: BadgeSize;
-} & class_variance_authority_types0.ClassProp) => string;
+} & class_variance_authority_types7.ClassProp) => string;
 /**
  * Badge component props interface
  * @description Comprehensive props for the Badge component with accessibility and interactive features

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

@@ -1,10 +1,10 @@
-import * as _intlayer_types0 from "@intlayer/types";
+import * as _intlayer_types53 from "@intlayer/types";
 
 //#region src/components/Breadcrumb/breadcrumb.content.d.ts
 declare const breadCrumbContent: {
   key: string;
   content: {
-    linkLabel: _intlayer_types0.TypedNodeModel<_intlayer_types0.NodeType.Translation, {
+    linkLabel: _intlayer_types53.TypedNodeModel<_intlayer_types53.NodeType.Translation, {
       en: string;
       fr: string;
       es: string;
@@ -24,7 +24,7 @@ declare const breadCrumbContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types0.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types53.NodeType.Translation;
     } & {
       translation: {
         en: string;

package/dist/types/components/Breadcrumb/index.d.ts

@@ -1,7 +1,7 @@
 import { LinkColor } from "../Link/Link.js";
 import "../Link/index.js";
 import { FC, HTMLAttributes, ReactNode } from "react";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
+import * as class_variance_authority_types13 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import { LocalesValues } from "@intlayer/types";
 
@@ -12,7 +12,7 @@ import { LocalesValues } from "@intlayer/types";
 declare const breadcrumbVariants: (props?: {
   size?: "small" | "medium" | "large";
   spacing?: "compact" | "normal" | "loose";
-} & class_variance_authority_types0.ClassProp) => string;
+} & class_variance_authority_types13.ClassProp) => string;
 /**
  * Detailed breadcrumb link configuration with optional href or onClick
  */

package/dist/types/components/Breadcrumb/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Breadcrumb/index.tsx"],"mappings":";;;;;;;;;;;cA2EM,kBAAA,GAAkB,KAAA;;;IAiBtB,+BAAA,CAAA,SAAA;;;;KA2HG,sBAAA;EA5ImB;;;EAgJtB,IAAA;EAJyB;;;EAQzB,IAAA;EAAA;;;EAIA,OAAA;AAAA;;;;;AAUF;KAFY,cAAA,YAA0B,sBAAA;AAAA,KAE1B,eAAA;EAIH;;;EAAP,KAAA,EAAO,cAAA;EAmBK;;;;EAdZ,KAAA,GAAQ,SAAA,MAAe,SAAA;EA8BT;;;EA1Bd,MAAA,GAAS,aAAA;EAJT;;;;EASA,WAAA;EAAA;;;;EAKA,SAAA,GAAY,SAAA;EAcZ;;;;EATA,SAAA;EAW+B;;AA4BjC;;EAlCE,qBAAA;EAkCuB;;;EA9BvB,QAAA;AAAA,IACE,YAAA,QAAoB,kBAAA,IACtB,cAAA,CAAe,gBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4BJ,UAAA,EAAY,EAAA,CAAG,eAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Breadcrumb/index.tsx"],"mappings":";;;;;;;;;;;cA2EM,kBAAA,GAAkB,KAAA;;;IAiBtB,gCAAA,CAAA,SAAA;;;;KA2HG,sBAAA;EA5ImB;;;EAgJtB,IAAA;EAJyB;;;EAQzB,IAAA;EAAA;;;EAIA,OAAA;AAAA;;;;;AAUF;KAFY,cAAA,YAA0B,sBAAA;AAAA,KAE1B,eAAA;EAIH;;;EAAP,KAAA,EAAO,cAAA;EAmBK;;;;EAdZ,KAAA,GAAQ,SAAA,MAAe,SAAA;EA8BT;;;EA1Bd,MAAA,GAAS,aAAA;EAJT;;;;EASA,WAAA;EAAA;;;;EAKA,SAAA,GAAY,SAAA;EAcZ;;;;EATA,SAAA;EAW+B;;AA4BjC;;EAlCE,qBAAA;EAkCuB;;;EA9BvB,QAAA;AAAA,IACE,YAAA,QAAoB,kBAAA,IACtB,cAAA,CAAe,gBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4BJ,UAAA,EAAY,EAAA,CAAG,eAAA"}

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

@@ -1,10 +1,10 @@
-import * as _intlayer_types2 from "@intlayer/types";
+import * as _intlayer_types26 from "@intlayer/types";
 
 //#region src/components/Browser/Browser.content.d.ts
 declare const browserContent: {
   key: string;
   content: {
-    ariaLabel: _intlayer_types2.TypedNodeModel<_intlayer_types2.NodeType.Translation, {
+    ariaLabel: _intlayer_types26.TypedNodeModel<_intlayer_types26.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -24,7 +24,7 @@ declare const browserContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types2.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types26.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -47,7 +47,7 @@ declare const browserContent: {
         uk: string;
       };
     }>;
-    urlLabel: _intlayer_types2.TypedNodeModel<_intlayer_types2.NodeType.Translation, {
+    urlLabel: _intlayer_types26.TypedNodeModel<_intlayer_types26.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -67,7 +67,7 @@ declare const browserContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types2.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types26.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -91,7 +91,7 @@ declare const browserContent: {
       };
     }>;
     urlPlaceholder: string;
-    errorMessage: _intlayer_types2.TypedNodeModel<_intlayer_types2.NodeType.Translation, {
+    errorMessage: _intlayer_types26.TypedNodeModel<_intlayer_types26.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -111,7 +111,7 @@ declare const browserContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types2.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types26.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -134,7 +134,7 @@ declare const browserContent: {
         uk: string;
       };
     }>;
-    domainRestrictionError: _intlayer_types2.TypedNodeModel<_intlayer_types2.NodeType.Translation, {
+    domainRestrictionError: _intlayer_types26.TypedNodeModel<_intlayer_types26.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -154,7 +154,7 @@ declare const browserContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types2.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types26.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -177,7 +177,7 @@ declare const browserContent: {
         uk: string;
       };
     }>;
-    backButtonLabel: _intlayer_types2.TypedNodeModel<_intlayer_types2.NodeType.Translation, {
+    backButtonLabel: _intlayer_types26.TypedNodeModel<_intlayer_types26.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -197,7 +197,7 @@ declare const browserContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types2.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types26.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -220,7 +220,7 @@ declare const browserContent: {
         uk: string;
       };
     }>;
-    forwardButtonLabel: _intlayer_types2.TypedNodeModel<_intlayer_types2.NodeType.Translation, {
+    forwardButtonLabel: _intlayer_types26.TypedNodeModel<_intlayer_types26.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -240,7 +240,7 @@ declare const browserContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types2.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types26.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -263,7 +263,7 @@ declare const browserContent: {
         uk: string;
       };
     }>;
-    reloadButtonTitle: _intlayer_types2.TypedNodeModel<_intlayer_types2.NodeType.Translation, {
+    reloadButtonTitle: _intlayer_types26.TypedNodeModel<_intlayer_types26.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -283,7 +283,7 @@ declare const browserContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types2.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types26.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -306,7 +306,7 @@ declare const browserContent: {
         uk: string;
       };
     }>;
-    iframeTitle: _intlayer_types2.TypedNodeModel<_intlayer_types2.NodeType.Translation, {
+    iframeTitle: _intlayer_types26.TypedNodeModel<_intlayer_types26.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -326,7 +326,7 @@ declare const browserContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types2.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types26.NodeType.Translation;
     } & {
       translation: {
         en: string;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, HTMLAttributes, RefObject } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/Browser/Browser.d.ts
 type BrowserProps = {
@@ -24,7 +24,7 @@ declare const Browser: ({
   ref,
   domainRestriction,
   ...props
-}: BrowserProps) => react_jsx_runtime0.JSX.Element;
+}: BrowserProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { Browser, BrowserProps };
 //# sourceMappingURL=Browser.d.ts.map

package/dist/types/components/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import { ButtonHTMLAttributes, DetailedHTMLProps, FC } from "react";
-import * as class_variance_authority_types14 from "class-variance-authority/types";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import { LucideIcon } from "lucide-react";
 
@@ -62,11 +62,11 @@ declare enum ButtonTextAlign {
 declare const buttonVariants: (props?: {
   size?: "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl";
   color?: "primary" | "secondary" | "destructive" | "neutral" | "card" | "light" | "dark" | "text" | "current" | "text-inverse" | "error" | "success" | "custom";
-  roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "4xl" | "5xl" | "full";
-  variant?: "input" | "default" | "none" | "outline" | "link" | "invisible-link" | "hoverable" | "fade";
+  roundedSize?: "sm" | "md" | "lg" | "xl" | "none" | "2xl" | "3xl" | "4xl" | "5xl" | "full";
+  variant?: "none" | "default" | "outline" | "link" | "invisible-link" | "hoverable" | "fade" | "input";
   textAlign?: "left" | "center" | "right";
   isFullWidth?: boolean;
-} & class_variance_authority_types14.ClassProp) => string;
+} & class_variance_authority_types0.ClassProp) => string;
 /**
  * Enhanced Button component props with comprehensive type safety and accessibility features
  */

package/dist/types/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","names":[],"sources":["../../../../src/components/Button/Button.tsx"],"mappings":";;;;;;;;;aAUY,UAAA;EACV,EAAA;EACA,EAAA;EACA,EAAA;EACA,EAAA;EACA,OAAA;EACA,OAAA;EACA,OAAA;EACA,OAAA;AAAA;;;;aAwBU,aAAA;EACV,OAAA;EACA,IAAA;EACA,OAAA;EACA,IAAA;EACA,cAAA;EACA,SAAA;EACA,IAAA;EACA,KAAA;AAAA;;;;aAMU,WAAA;EACV,OAAA;EACA,SAAA;EACA,WAAA;EACA,OAAA;EACA,KAAA;EACA,IAAA;EACA,IAAA;EACA,IAAA;EACA,YAAA;EACA,OAAA;EACA,KAAA;EACA,OAAA;EACA,MAAA;AAAA;;;;aAMU,eAAA;EACV,IAAA;EACA,MAAA;EACA,KAAA;AAAA;;;;cAMW,cAAA,GAAc,KAAA;;;;;;;IA6I1B,gCAAA,CAAA,SAAA;;;;KAKW,WAAA,GAAc,iBAAA,CACxB,oBAAA,CAAqB,iBAAA,GACrB,iBAAA,IAEA,YAAA,QAAoB,cAAA;;;;;EAKlB,KAAA;;AATJ;;EAcI,IAAA,GAAO,EAAA,GAAK,UAAA;EAbO;;;EAkBnB,SAAA,GAAY,EAAA,GAAK,UAAA;EAfC;;;EAoBlB,aAAA;EALY;;;EAUZ,SAAA;EA7BsB;;;EAkCtB,QAAA;EA9BF;;;EAmCE,UAAA;EAzBO;;;EA8BP,WAAA;EAzBiB;;;EA8BjB,kBAAA;EAVA;;;EAeA,eAAA;EAKA;;;EAAA,eAAA;EAsDS;;;EAzCT,cAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAyCS,MAAA,EAAQ,EAAA,CAAG,WAAA"}
+{"version":3,"file":"Button.d.ts","names":[],"sources":["../../../../src/components/Button/Button.tsx"],"mappings":";;;;;;;;;aAUY,UAAA;EACV,EAAA;EACA,EAAA;EACA,EAAA;EACA,EAAA;EACA,OAAA;EACA,OAAA;EACA,OAAA;EACA,OAAA;AAAA;;;;aAwBU,aAAA;EACV,OAAA;EACA,IAAA;EACA,OAAA;EACA,IAAA;EACA,cAAA;EACA,SAAA;EACA,IAAA;EACA,KAAA;AAAA;;;;aAMU,WAAA;EACV,OAAA;EACA,SAAA;EACA,WAAA;EACA,OAAA;EACA,KAAA;EACA,IAAA;EACA,IAAA;EACA,IAAA;EACA,YAAA;EACA,OAAA;EACA,KAAA;EACA,OAAA;EACA,MAAA;AAAA;;;;aAMU,eAAA;EACV,IAAA;EACA,MAAA;EACA,KAAA;AAAA;;;;cAMW,cAAA,GAAc,KAAA;;;;;;;IA6I1B,+BAAA,CAAA,SAAA;;;;KAKW,WAAA,GAAc,iBAAA,CACxB,oBAAA,CAAqB,iBAAA,GACrB,iBAAA,IAEA,YAAA,QAAoB,cAAA;;;;;EAKlB,KAAA;;AATJ;;EAcI,IAAA,GAAO,EAAA,GAAK,UAAA;EAbO;;;EAkBnB,SAAA,GAAY,EAAA,GAAK,UAAA;EAfC;;;EAoBlB,aAAA;EALY;;;EAUZ,SAAA;EA7BsB;;;EAkCtB,QAAA;EA9BF;;;EAmCE,UAAA;EAzBO;;;EA8BP,WAAA;EAzBiB;;;EA8BjB,kBAAA;EAVA;;;EAeA,eAAA;EAKA;;;EAAA,eAAA;EAsDS;;;EAzCT,cAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAyCS,MAAA,EAAQ,EAAA,CAAG,WAAA"}

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

@@ -1,11 +1,11 @@
-import * as _intlayer_types175 from "@intlayer/types";
-import * as _intlayer_core1 from "@intlayer/core";
+import * as _intlayer_types0 from "@intlayer/types";
+import * as _intlayer_core0 from "@intlayer/core";
 
 //#region src/components/Carousel/index.content.d.ts
 declare const carouselContent: {
   key: string;
   content: {
-    goToSlide: _intlayer_core1.InsertionContent<_intlayer_types175.TypedNodeModel<_intlayer_types175.NodeType.Translation, {
+    goToSlide: _intlayer_core0.InsertionContent<_intlayer_types0.TypedNodeModel<_intlayer_types0.NodeType.Translation, {
       ar: string;
       de: string;
       en: string;
@@ -25,7 +25,7 @@ declare const carouselContent: {
       vi: string;
       zh: string;
     }, {
-      nodeType: "translation" | _intlayer_types175.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types0.NodeType.Translation;
     } & {
       translation: {
         ar: string;
@@ -48,7 +48,7 @@ declare const carouselContent: {
         zh: string;
       };
     }>>;
-    previousSlide: _intlayer_types175.TypedNodeModel<_intlayer_types175.NodeType.Translation, {
+    previousSlide: _intlayer_types0.TypedNodeModel<_intlayer_types0.NodeType.Translation, {
       en: string;
       'en-GB': string;
       ru: string;
@@ -68,7 +68,7 @@ declare const carouselContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types175.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types0.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -91,7 +91,7 @@ declare const carouselContent: {
         uk: string;
       };
     }>;
-    nextSlide: _intlayer_types175.TypedNodeModel<_intlayer_types175.NodeType.Translation, {
+    nextSlide: _intlayer_types0.TypedNodeModel<_intlayer_types0.NodeType.Translation, {
       en: string;
       'en-GB': string;
       ru: string;
@@ -111,7 +111,7 @@ declare const carouselContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types175.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types0.NodeType.Translation;
     } & {
       translation: {
         en: string;

package/dist/types/components/CollapsibleTable/CollapsibleTable.d.ts

@@ -1,13 +1,13 @@
 import { FC, HTMLAttributes, ReactNode } from "react";
-import * as class_variance_authority_types1 from "class-variance-authority/types";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/components/CollapsibleTable/CollapsibleTable.d.ts
 declare const collapsibleTableVariants: (props?: {
   size?: "sm" | "md" | "lg" | "xl" | "full";
-  variant?: "default" | "dark" | "ghost" | "outlined";
+  variant?: "dark" | "default" | "ghost" | "outlined";
   spacing?: "sm" | "md" | "lg" | "none" | "auto";
-} & class_variance_authority_types1.ClassProp) => string;
+} & class_variance_authority_types0.ClassProp) => string;
 interface CollapsibleTableProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, VariantProps<typeof collapsibleTableVariants> {
   /** Table title displayed in the header */
   title: string;

package/dist/types/components/Command/index.d.ts

@@ -1,6 +1,6 @@
 import * as react0 from "react";
 import { ComponentProps, FC, HTMLAttributes } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { DialogProps } from "@radix-ui/react-dialog";
 import { Command as Command$1 } from "cmdk";
 
@@ -29,7 +29,7 @@ declare const Command: {
     ref?: React.Ref<HTMLInputElement>;
   } & {
     asChild?: boolean;
-  }, "key" | "asChild" | keyof react0.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+  }, "key" | keyof react0.InputHTMLAttributes<HTMLInputElement> | "asChild">, "onChange" | "type" | "value"> & {
     value?: string;
     onValueChange?: (search: string) => void;
   } & react0.RefAttributes<HTMLInputElement>>;
@@ -73,7 +73,7 @@ declare const Command: {
     ref?: React.Ref<HTMLDivElement>;
   } & {
     asChild?: boolean;
-  }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "disabled" | "onSelect" | "value"> & {
+  }, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;
@@ -83,7 +83,7 @@ declare const Command: {
   Shortcut: ({
     className,
     ...props
-  }: HTMLAttributes<HTMLSpanElement>) => react_jsx_runtime0.JSX.Element;
+  }: HTMLAttributes<HTMLSpanElement>) => react_jsx_runtime2.JSX.Element;
   propTypes?: any;
   displayName?: string | undefined;
 };

package/dist/types/components/Container/index.d.ts

@@ -1,5 +1,5 @@
 import { DetailedHTMLProps, FC, HTMLAttributes, PropsWithChildren } from "react";
-import * as class_variance_authority_types2 from "class-variance-authority/types";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/components/Container/index.d.ts
@@ -8,15 +8,15 @@ import { VariantProps } from "class-variance-authority";
  * Provides flexible styling options for background, padding, borders, and layout
  */
 declare const containerVariants: (props?: {
-  roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "full" | "none" | "3xl" | "4xl";
-  transparency?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "none";
-  padding?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
+  roundedSize?: "sm" | "md" | "lg" | "xl" | "none" | "2xl" | "3xl" | "4xl" | "full";
+  transparency?: "sm" | "md" | "lg" | "xl" | "none" | "full" | "xs";
+  padding?: "sm" | "md" | "lg" | "xl" | "none" | "2xl";
   separator?: "without" | "x" | "y" | "both";
-  border?: "with" | "none";
-  borderColor?: "error" | "primary" | "secondary" | "neutral" | "card" | "text" | "success" | "warning";
-  background?: "with" | "none" | "hoverable";
-  gap?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
-} & class_variance_authority_types2.ClassProp) => string;
+  border?: "none" | "with";
+  borderColor?: "primary" | "secondary" | "neutral" | "card" | "text" | "error" | "success" | "warning";
+  background?: "none" | "hoverable" | "with";
+  gap?: "sm" | "md" | "lg" | "xl" | "none" | "2xl";
+} & class_variance_authority_types1.ClassProp) => string;
 /** Available rounded corner sizes for the container */
 declare enum ContainerRoundedSize {
   NONE = "none",

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

@@ -1,10 +1,10 @@
-import * as _intlayer_types26 from "@intlayer/types";
+import * as _intlayer_types50 from "@intlayer/types";
 
 //#region src/components/CopyButton/CopyButton.content.d.ts
 declare const copyContentContent: {
   key: string;
   content: {
-    label: _intlayer_types26.TypedNodeModel<_intlayer_types26.NodeType.Translation, {
+    label: _intlayer_types50.TypedNodeModel<_intlayer_types50.NodeType.Translation, {
       en: string;
       fr: string;
       es: string;
@@ -24,7 +24,7 @@ declare const copyContentContent: {
       vi: string;
       uk: string;
     }, {
-      nodeType: "translation" | _intlayer_types26.NodeType.Translation;
+      nodeType: "translation" | _intlayer_types50.NodeType.Translation;
     } & {
       translation: {
         en: string;