@intlayer/design-system 7.0.7 → 7.0.8-canary.0

package/dist/types/components/IDE/code.content.d.ts

@@ -1,10 +1,10 @@
-import * as _intlayer_types8 from "@intlayer/types";
+import * as _intlayer_types121 from "@intlayer/types";
 
 //#region src/components/IDE/code.content.d.ts
 declare const codeContent: {
   key: string;
   content: {
-    title: _intlayer_types8.TypedNodeModel<_intlayer_types8.NodeType.Translation, {
+    title: _intlayer_types121.TypedNodeModel<_intlayer_types121.NodeType.Translation, {
       en: string;
       es: string;
       pt: string;
@@ -23,7 +23,7 @@ declare const codeContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types8.NodeType.Translation | "translation";
+      nodeType: "translation" | _intlayer_types121.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -45,7 +45,7 @@ declare const codeContent: {
         vi: string;
       };
     }>;
-    description: _intlayer_types8.TypedNodeModel<_intlayer_types8.NodeType.Translation, {
+    description: _intlayer_types121.TypedNodeModel<_intlayer_types121.NodeType.Translation, {
       en: string;
       es: string;
       pt: string;
@@ -64,7 +64,7 @@ declare const codeContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types8.NodeType.Translation | "translation";
+      nodeType: "translation" | _intlayer_types121.NodeType.Translation;
     } & {
       translation: {
         en: string;

package/dist/types/components/IDE/code.content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code.content.d.ts","names":[],"sources":["../../../../src/components/IDE/code.content.ts"],"sourcesContent":[],"mappings":";;;cAEM;;;IAAA,KAAA,iCA8CgB,wCAAA"}
+{"version":3,"file":"code.content.d.ts","names":[],"sources":["../../../../src/components/IDE/code.content.ts"],"sourcesContent":[],"mappings":";;;cAEM;;;IAAA,KAAA,mCA8CgB,0CAAA"}

package/dist/types/components/IDE/copyCode.content.d.ts

@@ -1,10 +1,10 @@
-import * as _intlayer_types14 from "@intlayer/types";
+import * as _intlayer_types127 from "@intlayer/types";
 
 //#region src/components/IDE/copyCode.content.d.ts
 declare const copyContentContent: {
   key: string;
   content: {
-    title: _intlayer_types14.TypedNodeModel<_intlayer_types14.NodeType.Translation, {
+    title: _intlayer_types127.TypedNodeModel<_intlayer_types127.NodeType.Translation, {
       en: string;
       es: string;
       pt: string;
@@ -23,7 +23,7 @@ declare const copyContentContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types14.NodeType.Translation | "translation";
+      nodeType: "translation" | _intlayer_types127.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -45,7 +45,7 @@ declare const copyContentContent: {
         vi: string;
       };
     }>;
-    description: _intlayer_types14.TypedNodeModel<_intlayer_types14.NodeType.Translation, {
+    description: _intlayer_types127.TypedNodeModel<_intlayer_types127.NodeType.Translation, {
       en: string;
       es: string;
       pt: string;
@@ -64,7 +64,7 @@ declare const copyContentContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types14.NodeType.Translation | "translation";
+      nodeType: "translation" | _intlayer_types127.NodeType.Translation;
     } & {
       translation: {
         en: string;

package/dist/types/components/IDE/copyCode.content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"copyCode.content.d.ts","names":[],"sources":["../../../../src/components/IDE/copyCode.content.ts"],"sourcesContent":[],"mappings":";;;cAEM;;;IAAA,KAAA,kCA8CgB,yCAAA"}
+{"version":3,"file":"copyCode.content.d.ts","names":[],"sources":["../../../../src/components/IDE/copyCode.content.ts"],"sourcesContent":[],"mappings":";;;cAEM;;;IAAA,KAAA,mCA8CgB,0CAAA"}

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

@@ -1,4 +1,5 @@
 import { Code, CodeCompAttributes } from "./Code.js";
+import { CodeBlock, CodeBlockProps, CodeDefault } from "./CodeBlockClient.js";
 import { FileList, FileListProps } from "./FileList.js";
 import { IDE, IDEProps } from "./IDE.js";
-export { Code, CodeCompAttributes, FileList, FileListProps, IDE, IDEProps };
+export { Code, CodeBlock, CodeBlockProps, CodeCompAttributes, CodeDefault, FileList, FileListProps, IDE, IDEProps };

package/dist/types/components/Input/Checkbox.d.ts

@@ -1,14 +1,14 @@
 import { DetailedHTMLProps, FC, InputHTMLAttributes, ReactNode } from "react";
-import * as class_variance_authority_types4 from "class-variance-authority/types";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/components/Input/Checkbox.d.ts
 declare const checkboxVariants: (props?: {
   variant?: "default";
   size?: "sm" | "md" | "lg";
-  color?: "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text" | "error" | "success" | "custom";
-  validationStyleEnabled?: "disabled" | "enabled";
-} & class_variance_authority_types4.ClassProp) => string;
+  color?: "error" | "dark" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "text" | "success" | "custom";
+  validationStyleEnabled?: "enabled" | "disabled";
+} & class_variance_authority_types5.ClassProp) => string;
 declare enum CheckboxSize {
   SM = "sm",
   MD = "md",
@@ -33,6 +33,7 @@ type CheckboxProps = Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement
 } & Omit<VariantProps<typeof checkboxVariants>, 'validationStyleEnabled' | 'size' | 'color'> & {
   size?: CheckboxSize | `${CheckboxSize}`;
   color?: CheckboxColor | `${CheckboxColor}`;
+  labelClassName?: string;
 };
 declare const Checkbox: FC<CheckboxProps>;
 //#endregion

package/dist/types/components/Input/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","names":[],"sources":["../../../../src/components/Input/Checkbox.tsx"],"sourcesContent":[],"mappings":";;;;;cAQa,wBA8CY;;;EA9CZ,KAAA,CAAA,EAAA,SAAA,GAsCX,WAAA,GAAA,aAAA,GAAA,SAAA,GAAA,OAAA,GAAA,MAAA,GAAA,MAAA,GAAA,OAAA,GAAA,SAAA,GAAA,QAAA;EAEU,sBAAY,CAAA,EAAA,UAAA,GAAA,SAAA;AAMxB,CAAA,GARE,+BAAA,CAAA,SAQuB,EAAA,GAAA,MAAA;AAab,aAnBA,YAAA;EAoB4B,EAAA,GAAA,IAAA;EAApB,EAAA,GAAA,IAAA;EAAuC,EAAA,GAAA,IAAA;;AAD/B,aAbhB,aAAA;EAmBF,OAAA,GAAA,SAAA;EAEc,SAAA,GAAA,WAAA;EAApB,WAAA,GAAA,aAAA;EADA,OAAA,GAAA,SAAA;EAIO,KAAA,GAAA,OAAA;EAAkB,IAAA,GAAA,MAAA;EACjB,IAAA,GAAA,MAAA;EAAmB,KAAA,GAAA,OAAA;EAAa,OAAA,GAAA,SAAA;EA0B/B,MAAA,GAAA,QAcZ;;KApDW,aAAA,GAAgB,KAC1B,kBAAkB,oBAAoB,mBAAmB;;;UAKjD;IACN,KACA,oBAAoB;SAGb,kBAAkB;UACjB,mBAAmB;;cA0BlB,UAAU,GAAG"}
+{"version":3,"file":"Checkbox.d.ts","names":[],"sources":["../../../../src/components/Input/Checkbox.tsx"],"sourcesContent":[],"mappings":";;;;;cASa,wBA8CY;;;EA9CZ,KAAA,CAAA,EAAA,OAAA,GAAA,MAsCX,GAAA,SAAA,GAAA,WAAA,GAAA,aAAA,GAAA,SAAA,GAAA,OAAA,GAAA,MAAA,GAAA,SAAA,GAAA,QAAA;EAEU,sBAAY,CAAA,EAAA,SAAA,GAAA,UAAA;AAMxB,CAAA,GARE,+BAAA,CAAA,SAQuB,EAAA,GAAA,MAAA;AAab,aAnBA,YAAA;EAoB4B,EAAA,GAAA,IAAA;EAApB,EAAA,GAAA,IAAA;EAAuC,EAAA,GAAA,IAAA;;AAD/B,aAbhB,aAAA;EAmBF,OAAA,GAAA,SAAA;EAEc,SAAA,GAAA,WAAA;EAApB,WAAA,GAAA,aAAA;EADA,OAAA,GAAA,SAAA;EAIO,KAAA,GAAA,OAAA;EAAkB,IAAA,GAAA,MAAA;EACjB,IAAA,GAAA,MAAA;EAAmB,KAAA,GAAA,OAAA;EAAa,OAAA,GAAA,SAAA;EA4B/B,MAAA,GAAA,QAiBZ;;KAzDW,aAAA,GAAgB,KAC1B,kBAAkB,oBAAoB,mBAAmB;;;UAKjD;IACN,KACA,oBAAoB;SAGb,kBAAkB;UACjB,mBAAmB;;;cA4BlB,UAAU,GAAG"}

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

@@ -1,13 +1,13 @@
 import { DetailedHTMLProps, FC, InputHTMLAttributes } from "react";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
+import * as class_variance_authority_types6 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/components/Input/Input.d.ts
 declare const inputVariants: (props?: {
   variant?: "default" | "invisible";
   size?: "md" | "lg";
-  validationStyleEnabled?: "disabled" | "enabled";
-} & class_variance_authority_types5.ClassProp) => string;
+  validationStyleEnabled?: "enabled" | "disabled";
+} & class_variance_authority_types6.ClassProp) => string;
 declare enum InputVariant {
   DEFAULT = "default",
   INVISIBLE = "invisible",

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","names":[],"sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":[],"mappings":";;;;;cAGa,qBA6BW;;;EA7BX,sBA2BX,CAAA,EAAA,UAAA,GAAA,SAAA;AAEF,CAAA,GAFE,+BAAA,CAAA,SAEsB,EAAA,GAAA,MAAA;AAKZ,aALA,YAAA;EAUA,OAAA,GAAA,SAAU;EACA,SAAA,GAAA,WAAA;;AACpB,aAPU,SAAA;EAKa,EAAA,GAAA,IAAA;EAMD,EAAA,GAAA,IAAA;;AADpB,KALQ,UAAA,GAAa,iBAKrB,CAJF,mBAIE,CAJkB,gBAIlB,CAAA,EAHF,gBAGE,CAAA,GAAA;EAIU,sBAAA,CAAA,EAAA,OAAA;CACH,GALP,IAKO,CAJP,YAIO,CAAA,OAJa,aAIb,CAAA,EAAA,wBAAA,GAAA,SAAA,GAAA,MAAA,CAAA,GAAA;EAAS,OAAA,CAAA,EADN,YACM;EAGP,IAAA,CAAA,EAHF,SAmBV;;cAhBY,OAAO,GAAG"}
+{"version":3,"file":"Input.d.ts","names":[],"sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":[],"mappings":";;;;;cAGa,qBA6BW;;;EA7BX,sBA2BX,CAAA,EAAA,SAAA,GAAA,UAAA;AAEF,CAAA,GAFE,+BAAA,CAAA,SAEsB,EAAA,GAAA,MAAA;AAKZ,aALA,YAAA;EAUA,OAAA,GAAA,SAAU;EACA,SAAA,GAAA,WAAA;;AACpB,aAPU,SAAA;EAKa,EAAA,GAAA,IAAA;EAMD,EAAA,GAAA,IAAA;;AADpB,KALQ,UAAA,GAAa,iBAKrB,CAJF,mBAIE,CAJkB,gBAIlB,CAAA,EAHF,gBAGE,CAAA,GAAA;EAIU,sBAAA,CAAA,EAAA,OAAA;CACH,GALP,IAKO,CAJP,YAIO,CAAA,OAJa,aAIb,CAAA,EAAA,wBAAA,GAAA,SAAA,GAAA,MAAA,CAAA,GAAA;EAAS,OAAA,CAAA,EADN,YACM;EAGP,IAAA,CAAA,EAHF,SAmBV;;cAhBY,OAAO,GAAG"}

package/dist/types/components/Input/SearchInput.d.ts

@@ -1,11 +1,11 @@
 import { InputProps } from "./Input.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/Input/SearchInput.d.ts
 declare const SearchInput: ({
   className,
   ...props
-}: InputProps) => react_jsx_runtime3.JSX.Element;
+}: InputProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { SearchInput };
 //# sourceMappingURL=SearchInput.d.ts.map

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

@@ -1,5 +1,5 @@
 import { AnchorHTMLAttributes, DetailedHTMLProps, FC } from "react";
-import * as class_variance_authority_types6 from "class-variance-authority/types";
+import * as class_variance_authority_types4 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import { LocalesValues } from "@intlayer/types";
 
@@ -69,10 +69,10 @@ declare enum LinkUnderlined {
  * Defines the visual appearance based on variant, color, and underline options
  */
 declare const linkVariants: (props?: {
-  variant?: "default" | "invisible-link" | "button" | "button-outlined" | "hoverable";
-  color?: "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text" | "text-inverse" | "error" | "success" | "custom";
+  variant?: "default" | "invisible-link" | "hoverable" | "button" | "button-outlined";
+  color?: "error" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text" | "text-inverse" | "success" | "custom";
   underlined?: boolean | LinkUnderlined.DEFAULT;
-} & class_variance_authority_types6.ClassProp) => string;
+} & class_variance_authority_types4.ClassProp) => string;
 /**
  * Props interface for the Link component
  *

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

@@ -1,10 +1,10 @@
-import * as _intlayer_types68 from "@intlayer/types";
+import * as _intlayer_types76 from "@intlayer/types";
 
 //#region src/components/Loader/index.content.d.ts
 declare const loaderContent: {
   key: string;
   content: {
-    label: _intlayer_types68.TypedNodeModel<_intlayer_types68.NodeType.Translation, {
+    label: _intlayer_types76.TypedNodeModel<_intlayer_types76.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -23,7 +23,7 @@ declare const loaderContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types68.NodeType.Translation | "translation";
+      nodeType: "translation" | _intlayer_types76.NodeType.Translation;
     } & {
       translation: {
         en: string;

package/dist/types/components/Loader/spinner.d.ts

@@ -1,5 +1,5 @@
 import { SVGProps } from "react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/Loader/spinner.d.ts
 /**
@@ -64,7 +64,7 @@ type SpinnerProps = SVGProps<SVGSVGElement> & {
 declare const Spinner: ({
   className,
   strokeWidth
-}: SpinnerProps) => react_jsx_runtime4.JSX.Element;
+}: SpinnerProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { Spinner };
 //# sourceMappingURL=spinner.d.ts.map

package/dist/types/components/LocaleSwitcherContentDropDown/localeSwitcher.content.d.ts

@@ -1,10 +1,10 @@
-import * as _intlayer_types71 from "@intlayer/types";
+import * as _intlayer_types79 from "@intlayer/types";
 
 //#region src/components/LocaleSwitcherContentDropDown/localeSwitcher.content.d.ts
 declare const localeSwitcherContent: {
   key: string;
   content: {
-    localeSwitcherLabel: _intlayer_types71.TypedNodeModel<_intlayer_types71.NodeType.Translation, {
+    localeSwitcherLabel: _intlayer_types79.TypedNodeModel<_intlayer_types79.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -23,7 +23,7 @@ declare const localeSwitcherContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types71.NodeType.Translation | "translation";
+      nodeType: "translation" | _intlayer_types79.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -45,7 +45,7 @@ declare const localeSwitcherContent: {
         vi: string;
       };
     }>;
-    languageListLabel: _intlayer_types71.TypedNodeModel<_intlayer_types71.NodeType.Translation, {
+    languageListLabel: _intlayer_types79.TypedNodeModel<_intlayer_types79.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -64,7 +64,7 @@ declare const localeSwitcherContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types71.NodeType.Translation | "translation";
+      nodeType: "translation" | _intlayer_types79.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -86,7 +86,7 @@ declare const localeSwitcherContent: {
         vi: string;
       };
     }>;
-    switchTo: _intlayer_types71.TypedNodeModel<_intlayer_types71.NodeType.Translation, {
+    switchTo: _intlayer_types79.TypedNodeModel<_intlayer_types79.NodeType.Translation, {
       en: string;
       fr: string;
       es: string;
@@ -105,7 +105,7 @@ declare const localeSwitcherContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types71.NodeType.Translation | "translation";
+      nodeType: "translation" | _intlayer_types79.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -128,7 +128,7 @@ declare const localeSwitcherContent: {
       };
     }>;
     searchInput: {
-      text: _intlayer_types71.TypedNodeModel<_intlayer_types71.NodeType.Translation, {
+      text: _intlayer_types79.TypedNodeModel<_intlayer_types79.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -147,7 +147,7 @@ declare const localeSwitcherContent: {
         id: string;
         vi: string;
       }, {
-        nodeType: _intlayer_types71.NodeType.Translation | "translation";
+        nodeType: "translation" | _intlayer_types79.NodeType.Translation;
       } & {
         translation: {
           en: string;
@@ -169,7 +169,7 @@ declare const localeSwitcherContent: {
           vi: string;
         };
       }>;
-      placeholder: _intlayer_types71.TypedNodeModel<_intlayer_types71.NodeType.Translation, {
+      placeholder: _intlayer_types79.TypedNodeModel<_intlayer_types79.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -188,7 +188,7 @@ declare const localeSwitcherContent: {
         id: string;
         vi: string;
       }, {
-        nodeType: _intlayer_types71.NodeType.Translation | "translation";
+        nodeType: "translation" | _intlayer_types79.NodeType.Translation;
       } & {
         translation: {
           en: string;
@@ -210,7 +210,7 @@ declare const localeSwitcherContent: {
           vi: string;
         };
       }>;
-      ariaLabel: _intlayer_types71.TypedNodeModel<_intlayer_types71.NodeType.Translation, {
+      ariaLabel: _intlayer_types79.TypedNodeModel<_intlayer_types79.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -229,7 +229,7 @@ declare const localeSwitcherContent: {
         id: string;
         vi: string;
       }, {
-        nodeType: _intlayer_types71.NodeType.Translation | "translation";
+        nodeType: "translation" | _intlayer_types79.NodeType.Translation;
       } & {
         translation: {
           en: string;
@@ -253,7 +253,7 @@ declare const localeSwitcherContent: {
       }>;
     };
     seeAllLocalesSwitch: {
-      true: _intlayer_types71.TypedNodeModel<_intlayer_types71.NodeType.Translation, {
+      true: _intlayer_types79.TypedNodeModel<_intlayer_types79.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -272,7 +272,7 @@ declare const localeSwitcherContent: {
         id: string;
         vi: string;
       }, {
-        nodeType: _intlayer_types71.NodeType.Translation | "translation";
+        nodeType: "translation" | _intlayer_types79.NodeType.Translation;
       } & {
         translation: {
           en: string;
@@ -294,7 +294,7 @@ declare const localeSwitcherContent: {
           vi: string;
         };
       }>;
-      false: _intlayer_types71.TypedNodeModel<_intlayer_types71.NodeType.Translation, {
+      false: _intlayer_types79.TypedNodeModel<_intlayer_types79.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -313,7 +313,7 @@ declare const localeSwitcherContent: {
         id: string;
         vi: string;
       }, {
-        nodeType: _intlayer_types71.NodeType.Translation | "translation";
+        nodeType: "translation" | _intlayer_types79.NodeType.Translation;
       } & {
         translation: {
           en: string;

package/dist/types/components/LocaleSwitcherDropDown/localeSwitcher.content.d.ts

@@ -1,10 +1,10 @@
-import * as _intlayer_types95 from "@intlayer/types";
+import * as _intlayer_types103 from "@intlayer/types";
 
 //#region src/components/LocaleSwitcherDropDown/localeSwitcher.content.d.ts
 declare const localeSwitcherContent: {
   key: string;
   content: {
-    localeSwitcherLabel: _intlayer_types95.TypedNodeModel<_intlayer_types95.NodeType.Translation, {
+    localeSwitcherLabel: _intlayer_types103.TypedNodeModel<_intlayer_types103.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -23,7 +23,7 @@ declare const localeSwitcherContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types95.NodeType.Translation | "translation";
+      nodeType: "translation" | _intlayer_types103.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -45,7 +45,7 @@ declare const localeSwitcherContent: {
         vi: string;
       };
     }>;
-    languageListLabel: _intlayer_types95.TypedNodeModel<_intlayer_types95.NodeType.Translation, {
+    languageListLabel: _intlayer_types103.TypedNodeModel<_intlayer_types103.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -64,7 +64,7 @@ declare const localeSwitcherContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types95.NodeType.Translation | "translation";
+      nodeType: "translation" | _intlayer_types103.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -86,7 +86,7 @@ declare const localeSwitcherContent: {
         vi: string;
       };
     }>;
-    switchTo: _intlayer_types95.TypedNodeModel<_intlayer_types95.NodeType.Translation, {
+    switchTo: _intlayer_types103.TypedNodeModel<_intlayer_types103.NodeType.Translation, {
       en: string;
       fr: string;
       es: string;
@@ -105,7 +105,7 @@ declare const localeSwitcherContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types95.NodeType.Translation | "translation";
+      nodeType: "translation" | _intlayer_types103.NodeType.Translation;
     } & {
       translation: {
         en: string;
@@ -128,7 +128,7 @@ declare const localeSwitcherContent: {
       };
     }>;
     searchInput: {
-      text: _intlayer_types95.TypedNodeModel<_intlayer_types95.NodeType.Translation, {
+      text: _intlayer_types103.TypedNodeModel<_intlayer_types103.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -147,7 +147,7 @@ declare const localeSwitcherContent: {
         id: string;
         vi: string;
       }, {
-        nodeType: _intlayer_types95.NodeType.Translation | "translation";
+        nodeType: "translation" | _intlayer_types103.NodeType.Translation;
       } & {
         translation: {
           en: string;
@@ -169,7 +169,7 @@ declare const localeSwitcherContent: {
           vi: string;
         };
       }>;
-      placeholder: _intlayer_types95.TypedNodeModel<_intlayer_types95.NodeType.Translation, {
+      placeholder: _intlayer_types103.TypedNodeModel<_intlayer_types103.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -188,7 +188,7 @@ declare const localeSwitcherContent: {
         id: string;
         vi: string;
       }, {
-        nodeType: _intlayer_types95.NodeType.Translation | "translation";
+        nodeType: "translation" | _intlayer_types103.NodeType.Translation;
       } & {
         translation: {
           en: string;
@@ -210,7 +210,7 @@ declare const localeSwitcherContent: {
           vi: string;
         };
       }>;
-      ariaLabel: _intlayer_types95.TypedNodeModel<_intlayer_types95.NodeType.Translation, {
+      ariaLabel: _intlayer_types103.TypedNodeModel<_intlayer_types103.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -229,7 +229,7 @@ declare const localeSwitcherContent: {
         id: string;
         vi: string;
       }, {
-        nodeType: _intlayer_types95.NodeType.Translation | "translation";
+        nodeType: "translation" | _intlayer_types103.NodeType.Translation;
       } & {
         translation: {
           en: string;

package/dist/types/components/LocaleSwitcherDropDown/localeSwitcher.content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"localeSwitcher.content.d.ts","names":[],"sources":["../../../../src/components/LocaleSwitcherDropDown/localeSwitcher.content.ts"],"sourcesContent":[],"mappings":";;;cAEM;;;IAAA,mBAAA,kCA4HgB,yCAAA"}
+{"version":3,"file":"localeSwitcher.content.d.ts","names":[],"sources":["../../../../src/components/LocaleSwitcherDropDown/localeSwitcher.content.ts"],"sourcesContent":[],"mappings":";;;cAEM;;;IAAA,mBAAA,mCA4HgB,0CAAA"}

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/components/MaxWidthSmoother/index.d.ts
 type Align = 'left' | 'right';
@@ -15,7 +15,7 @@ declare const MaxWidthSmoother: ({
   align,
   className,
   ...props
-}: MaxHeightSmootherProps) => react_jsx_runtime5.JSX.Element;
+}: MaxHeightSmootherProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 export { MaxWidthSmoother };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/MaxWidthSmoother/index.tsx"],"sourcesContent":[],"mappings":";;;;KAGK,KAAA;KAEA,sBAAA,GAAyB,eAAe;;EAFxC,QAAK,CAAA,EAAA,MAAA;EAEL,KAAA,CAAA,EAGK,KAHL;CAAwC;AAAf,cAMjB,gBANiB,EAAA,CAAA;EAAA,QAAA;EAAA,QAAA;EAAA,QAAA;EAAA,KAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAa3B,sBAb2B,EAAA,GAaL,kBAAA,CAAA,GAAA,CAAA,OAbK"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/MaxWidthSmoother/index.tsx"],"sourcesContent":[],"mappings":";;;;KAGK,KAAA;KAEA,sBAAA,GAAyB,eAAe;;EAFxC,QAAK,CAAA,EAAA,MAAA;EAEL,KAAA,CAAA,EAGK,KAHL;CAAwC;AAAf,cAMjB,gBANiB,EAAA,CAAA;EAAA,QAAA;EAAA,QAAA;EAAA,QAAA;EAAA,KAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAa3B,sBAb2B,EAAA,GAaL,mBAAA,CAAA,GAAA,CAAA,OAbK"}

package/dist/types/components/Navbar/Burger.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/components/Navbar/Burger.d.ts
 /**
@@ -63,7 +63,7 @@ declare const Burger: ({
   isActive,
   className,
   ...props
-}: BurgerProps) => react_jsx_runtime2.JSX.Element;
+}: BurgerProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
 export { Burger };
 //# sourceMappingURL=Burger.d.ts.map

package/dist/types/components/Navbar/Burger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Burger.d.ts","names":[],"sources":["../../../../src/components/Navbar/Burger.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAA4C,UAMlC,WAAA,SAAoB,cAAe,CAAA,cAAf,CAAA,CAAc;EA8D/B;EAAU,QAAA,CAAA,EAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAAV;;;;GAIV,gBAAW,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"Burger.d.ts","names":[],"sources":["../../../../src/components/Navbar/Burger.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAA4C,UAMlC,WAAA,SAAoB,cAAe,CAAA,cAAf,CAAA,CAAA;EA8DjB;EAAU,QAAA,CAAA,EAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAAV;;;;GAIV,gBAAW,mBAAA,CAAA,GAAA,CAAA"}

package/dist/types/components/Navbar/DesktopNavbar.d.ts

@@ -1,9 +1,9 @@
 import { TabSelectorItemProps } from "../TabSelector/TabSelector.js";
+import "../TabSelector/index.js";
 import { ReactElement, ReactNode } from "react";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/components/Navbar/DesktopNavbar.d.ts
-
 /**
  * Props for the DesktopNavbar component
  * @template T - The tab props type extending TabProps
@@ -93,7 +93,7 @@ declare const DesktopNavbar: <T extends TabSelectorItemProps>({
   sections,
   rightItems,
   selectedChoice
-}: DesktopNavbarProps<T>) => react_jsx_runtime13.JSX.Element;
+}: DesktopNavbarProps<T>) => react_jsx_runtime14.JSX.Element;
 //#endregion
 export { DesktopNavbar };
 //# sourceMappingURL=DesktopNavbar.d.ts.map

package/dist/types/components/Navbar/DesktopNavbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopNavbar.d.ts","names":[],"sources":["../../../../src/components/Navbar/DesktopNavbar.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAOwB;KAMnB,kBAA6B,CAAA,UAAA,oBAAA,CAAA,GAAA;EAE1B;EAEiB,IAAA,EAFjB,SAEiB;EAAb;EAEG,QAAA,EAFH,YAEG,CAFU,CAEV,CAAA,EAAA;EAEG;EAAC,UAAA,CAAA,EAFJ,SAEI;EAyEN;EAA2B,cAAA,EAzEtB,CAyEsB,CAAA,KAAA,CAAA;CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAAjD,0BAA2B;;;;;GAKrC,mBAAmB,OAAE,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"DesktopNavbar.d.ts","names":[],"sources":["../../../../src/components/Navbar/DesktopNavbar.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAOwB,KAMnB,kBAAA,CAAA,UAA6B,oBAAX,CAAA,GAAA;EAAW;EAE1B,IAAA,EAAA,SAAA;EAEiB;EAAb,QAAA,EAAA,YAAA,CAAa,CAAb,CAAA,EAAA;EAEG;EAEG,UAAA,CAAA,EAFH,SAEG;EAAC;EAyEN,cAAA,EAzEK,CA8FjB,CAAA,KAAA,CAAA;CArBuC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAA3B,0BAA2B;;;;;GAKrC,mBAAmB,OAAE,mBAAA,CAAA,GAAA,CAAA"}

package/dist/types/components/Navbar/MobileNavbar.d.ts

@@ -1,9 +1,9 @@
 import { TabSelectorItemProps } from "../TabSelector/TabSelector.js";
+import "../TabSelector/index.js";
 import { ReactElement, ReactNode } from "react";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/components/Navbar/MobileNavbar.d.ts
-
 /**
  * Props for the MobileNavbar component
  * @template T - The tab props type extending TabProps
@@ -107,7 +107,7 @@ declare const MobileNavbar: <T extends TabSelectorItemProps>({
   bottomChildren,
   bottomSections,
   rightItems
-}: MobileNavbarProps<T>) => react_jsx_runtime14.JSX.Element;
+}: MobileNavbarProps<T>) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { MobileNavbar };
 //# sourceMappingURL=MobileNavbar.d.ts.map

package/dist/types/components/Navbar/MobileNavbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileNavbar.d.ts","names":[],"sources":["../../../../src/components/Navbar/MobileNavbar.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAO2D;KAOtD,iBAA4B,CAAA,UAAA,oBAAA,CAAA,GAAA;EAEzB;EAEQ,IAAA,EAFR,SAEQ;EAEa;EAAb,WAAA,CAAA,EAFA,SAEA;EAEG;EAEa,WAAA,CAAA,EAJhB,YAIgB,CAJH,CAIG,CAAA,EAAA;EAAb;EAEJ,cAAA,CAAA,EAJI,SAIJ;EAAS;EAqGX,cAAA,CAuFZ,EA9LkB,YA8LlB,CA9L+B,CA8L/B,CAAA,EAAA;EAvFsC;EAAsB,UAAA,CAAA,EArG9C,SAqG8C;CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAAhD,yBAA0B;;;;;;;GAOpC,kBAAkB,OAAE,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"MobileNavbar.d.ts","names":[],"sources":["../../../../src/components/Navbar/MobileNavbar.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAO2D,KAOtD,iBAAA,CAAA,UAA4B,oBAAX,CAAA,GAAA;EAAW;EAEzB,IAAA,EAAA,SAAA;EAEQ;EAEa,WAAA,CAAA,EAFb,SAEa;EAAb;EAEG,WAAA,CAAA,EAFH,YAEG,CAFU,CAEV,CAAA,EAAA;EAEa;EAAb,cAAA,CAAA,EAFA,SAEA;EAEJ;EAAS,cAAA,CAAA,EAFL,YAEK,CAFQ,CAER,CAAA,EAAA;EAqGX;EAA0B,UAAA,CAAA,EArGxB,SAqGwB;CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAAhD,yBAA0B;;;;;;;GAOpC,kBAAkB,OAAE,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -1,9 +1,9 @@
 import { TabSelectorItemProps } from "../TabSelector/TabSelector.js";
+import "../TabSelector/index.js";
 import { ReactElement, ReactNode } from "react";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/components/Navbar/index.d.ts
-
 /**
  * Props for the responsive Navbar component
  * @template T - The tab props type extending TabProps
@@ -94,7 +94,7 @@ declare const Navbar: <T extends TabSelectorItemProps>({
   rightItemsDesktop,
   rightItemsMobile,
   selectedChoice
-}: NavbarProps<T>) => react_jsx_runtime15.JSX.Element;
+}: NavbarProps<T>) => react_jsx_runtime13.JSX.Element;
 //#endregion
 export { Navbar };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Navbar/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAI2D;KAQtD,WAAsB,CAAA,UAAA,oBAAA,CAAA,GAAA;EAEnB;EAEU,IAAA,EAFV,SAEU;EAEe;EAAb,cAAA,EAFF,CAEE,CAAA,KAAA,CAAA;EAEE;EAEa,eAAA,CAAA,EAJf,YAIe,CAJF,CAIE,CAAA,EAAA;EAAb;EAEG,iBAAA,CAAA,EAJH,SAIG;EAEa;EAAb,iBAAA,CAAA,EAJH,YAIG,CAJU,CAIV,CAAA,EAAA;EAEH;EAED,oBAAA,CAAA,EANI,SAMJ;EAAS;EA2DjB,oBAiCZ,CAAA,EAhGwB,YAgGxB,CAhGqC,CAgGrC,CAAA,EAAA;EAjCgC;EAAsB,iBAAA,CAAA,EA7DjC,SA6DiC;EAAA;EAAA,gBAAA,CAAA,EA3DlC,SA2DkC;CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAA1C,mBAAoB;;;;;;;;;;GAU9B,YAAY,OAAE,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/components/Navbar/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAI2D,KAQtD,WAAA,CAAA,UAAsB,oBAAX,CAAA,GAAA;EAAW;EAEnB,IAAA,EAAA,SAAA;EAEU;EAEe,cAAA,EAFf,CAEe,CAAA,KAAA,CAAA;EAAb;EAEE,eAAA,CAAA,EAFF,YAEE,CAFW,CAEX,CAAA,EAAA;EAEa;EAAb,iBAAA,CAAA,EAFA,SAEA;EAEG;EAEa,iBAAA,CAAA,EAJhB,YAIgB,CAJH,CAIG,CAAA,EAAA;EAAb;EAEH,oBAAA,CAAA,EAJG,SAIH;EAED;EAAS,oBAAA,CAAA,EAJL,YAIK,CAJQ,CAIR,CAAA,EAAA;EA2DjB;EAAoB,iBAAA,CAAA,EA7DX,SA6DW;EAAsB;EAAA,gBAAA,CAAA,EA3DlC,SA2DkC;CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAA1C,mBAAoB;;;;;;;;;;GAU9B,YAAY,OAAE,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -1,13 +1,13 @@
 import { FC, HTMLAttributes } from "react";
-import * as class_variance_authority_types10 from "class-variance-authority/types";
+import * as class_variance_authority_types9 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/components/Pagination/Pagination.d.ts
 declare const paginationVariants: (props?: {
   size?: "sm" | "md" | "lg";
   color?: "primary" | "secondary" | "destructive" | "neutral" | "text";
-  variant?: "default" | "bordered" | "ghost";
-} & class_variance_authority_types10.ClassProp) => string;
+  variant?: "default" | "ghost" | "bordered";
+} & class_variance_authority_types9.ClassProp) => string;
 declare enum PaginationSize {
   SM = "sm",
   MD = "md",