@intlayer/design-system 7.0.8 → 7.0.9-canary.2

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,mCA8CgB,0CAAA"}
+{"version":3,"file":"code.content.d.ts","names":[],"sources":["../../../../src/components/IDE/code.content.ts"],"sourcesContent":[],"mappings":";;;cAEM;;;IAAA,KAAA,kCA8CgB,yCAAA"}

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

@@ -1,10 +1,10 @@
-import * as _intlayer_types373 from "@intlayer/types";
+import * as _intlayer_types53 from "@intlayer/types";
 
 //#region src/components/IDE/copyCode.content.d.ts
 declare const copyContentContent: {
   key: string;
   content: {
-    title: _intlayer_types373.TypedNodeModel<_intlayer_types373.NodeType.Translation, {
+    title: _intlayer_types53.TypedNodeModel<_intlayer_types53.NodeType.Translation, {
       en: string;
       es: string;
       pt: string;
@@ -23,7 +23,7 @@ declare const copyContentContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types373.NodeType.Translation | "translation";
+      nodeType: _intlayer_types53.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;
@@ -45,7 +45,7 @@ declare const copyContentContent: {
         vi: string;
       };
     }>;
-    description: _intlayer_types373.TypedNodeModel<_intlayer_types373.NodeType.Translation, {
+    description: _intlayer_types53.TypedNodeModel<_intlayer_types53.NodeType.Translation, {
       en: string;
       es: string;
       pt: string;
@@ -64,7 +64,7 @@ declare const copyContentContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types373.NodeType.Translation | "translation";
+      nodeType: _intlayer_types53.NodeType.Translation | "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,mCA8CgB,0CAAA"}
+{"version":3,"file":"copyCode.content.d.ts","names":[],"sources":["../../../../src/components/IDE/copyCode.content.ts"],"sourcesContent":[],"mappings":";;;cAEM;;;IAAA,KAAA,kCA8CgB,yCAAA"}

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

@@ -1,14 +1,14 @@
 import { DetailedHTMLProps, FC, InputHTMLAttributes, ReactNode } from "react";
-import * as class_variance_authority_types11 from "class-variance-authority/types";
+import * as class_variance_authority_types2 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?: "error" | "success" | "neutral" | "text" | "custom" | "primary" | "secondary" | "destructive" | "light" | "dark";
-  validationStyleEnabled?: "enabled" | "disabled";
-} & class_variance_authority_types11.ClassProp) => string;
+  size?: "md" | "lg" | "sm";
+  color?: "primary" | "secondary" | "neutral" | "text" | "error" | "success" | "destructive" | "light" | "dark" | "custom";
+  validationStyleEnabled?: "disabled" | "enabled";
+} & class_variance_authority_types2.ClassProp) => string;
 declare enum CheckboxSize {
   SM = "sm",
   MD = "md",

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":";;;;;cASa,wBA8CY;;;EA9CZ,KAAA,CAAA,EAAA,OAAA,GAAA,SAsCX,GAAA,SAAA,GAAA,MAAA,GAAA,QAAA,GAAA,SAAA,GAAA,WAAA,GAAA,aAAA,GAAA,OAAA,GAAA,MAAA;EAEU,sBAAY,CAAA,EAAA,SAAA,GAAA,UAAA;AAMxB,CAAA,GARE,gCAAA,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"}
+{"version":3,"file":"Checkbox.d.ts","names":[],"sources":["../../../../src/components/Input/Checkbox.tsx"],"sourcesContent":[],"mappings":";;;;;cASa,wBA+DY;;;EA/DZ,KAAA,CAAA,EAAA,SAAA,GAuDZ,WAAA,GAAA,SAAA,GAAA,MAAA,GAAA,OAAA,GAAA,SAAA,GAAA,aAAA,GAAA,OAAA,GAAA,MAAA,GAAA,QAAA;EAEW,sBAAY,CAAA,EAAA,UAAA,GAAA,SAAA;AAMxB,CAAA,GARC,+BAAA,CAAA,SAQwB,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;EA8B/B,MAAA,GAAA,QAiBZ;;KA3DW,aAAA,GAAgB,KAC1B,kBAAkB,oBAAoB,mBAAmB;;;UAKjD;IACN,KACA,oBAAoB;SAGb,kBAAkB;UACjB,mBAAmB;;;cA8BlB,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_types13 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/Input/Input.d.ts
 declare const inputVariants: (props?: {
   variant?: "default" | "invisible";
   size?: "md" | "lg";
-  validationStyleEnabled?: "enabled" | "disabled";
-} & class_variance_authority_types13.ClassProp) => string;
+  validationStyleEnabled?: "disabled" | "enabled";
+} & class_variance_authority_types0.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,SAAA,GAAA,UAAA;AAEF,CAAA,GAFE,gCAAA,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":";;;;;cAOa,qBAqDW;;;EArDX,sBAmDZ,CAAA,EAAA,UAAA,GAAA,SAAA;AAED,CAAA,GAFC,+BAAA,CAAA,SAEuB,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,SAqBV;;cAlBY,OAAO,GAAG"}

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

@@ -0,0 +1,57 @@
+import * as react20 from "react";
+import { FC, InputHTMLAttributes, ReactNode, RefObject } from "react";
+
+//#region src/components/Input/OTPInput/Input.d.ts
+type SlotProps = {
+  isActive: boolean;
+  char: string | null;
+  placeholderChar: string | null;
+  hasFakeCaret: boolean;
+};
+type RenderProps = {
+  slots: SlotProps[];
+  isFocused: boolean;
+  isHovering: boolean;
+  setSelection: (index: number) => void;
+};
+type OverrideProps<T, R> = Omit<T, keyof R> & R;
+type OTPInputBaseProps = OverrideProps<InputHTMLAttributes<HTMLInputElement>, {
+  value?: string;
+  onChange?: (newValue: string) => unknown;
+  maxLength: number;
+  textAlign?: 'left' | 'center' | 'right';
+  onComplete?: (...args: any[]) => unknown;
+  pushPasswordManagerStrategy?: 'increase-width' | 'none';
+  pasteTransformer?: (pasted: string) => string;
+  containerClassName?: string;
+  noScriptCSSFallback?: string | null;
+}>;
+type InputOTPRenderFn = (props: RenderProps) => ReactNode;
+type OTPInputProps = OTPInputBaseProps & ({
+  render: InputOTPRenderFn;
+  children?: never;
+} | {
+  render?: never;
+  children: ReactNode;
+});
+declare const usePasswordManagerBadge: ({
+  containerRef,
+  inputRef,
+  pushPasswordManagerStrategy,
+  isFocused
+}: {
+  containerRef: RefObject<HTMLDivElement | null>;
+  inputRef: RefObject<HTMLInputElement | null>;
+  pushPasswordManagerStrategy: OTPInputProps["pushPasswordManagerStrategy"];
+  isFocused: boolean;
+}) => {
+  hasPWMBadge: boolean;
+  willPushPWMBadge: boolean;
+  PWM_BADGE_SPACE_WIDTH: "40px";
+};
+declare const usePrevious: <T>(value: T) => T | undefined;
+declare const OTPInputContext: react20.Context<RenderProps>;
+declare const OTPInput: FC<OTPInputProps>;
+//#endregion
+export { OTPInput, OTPInputContext, OTPInputProps, RenderProps, SlotProps, usePasswordManagerBadge, usePrevious };
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","names":[],"sources":["../../../../../src/components/Input/OTPInput/Input.tsx"],"sourcesContent":[],"mappings":";;;;KAuBY,SAAA;;;EAAA,eAAS,EAAA,MAAA,GAAA,IAAA;EAMT,YAAA,EAAW,OAAA;AAKrB,CAAA;AAC8B,KANpB,WAAA,GAMoB;EAAS,KAAA,EALhC,SAKgC,EAAA;EAAd,SAAA,EAAA,OAAA;EAAmB,UAAA,EAAA,OAAA;EAAC,YAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;AAAA,CAAA;KAA1C,aAEiB,CAAA,CAAA,EAAA,CAAA,CAAA,GAFK,IAEL,CAFU,CAEV,EAAA,MAFmB,CAEnB,CAAA,GAFwB,CAExB;KADjB,iBAAA,GAAoB,aACvB,CAAA,mBAAA,CAAoB,gBAApB,CAAA,EAAA;EADuB,KAAA,CAAA,EAAA,MAAA;EAAa,QAAA,CAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,GAAA,OAAA;EAoBjC,SAAA,EAAA,MAAA;EAEO,SAAA,CAAA,EAAA,MAAa,GAAA,QAAA,GAAA,OAAA;EAAG,UAAA,CAAA,EAAA,CAAA,GAAA,IAAA,EAAA,GAAA,EAAA,EAAA,GAAA,OAAA;EAGZ,2BAAA,CAAA,EAAA,gBAAA,GAAA,MAAA;EAKE,gBAAA,CAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,GAAA,MAAA;EAAS,kBAAA,CAAA,EAAA,MAAA;EAed,mBAAA,CAAA,EAAA,MAoHZ,GAAA,IAAA;CApHuC,CAAA;KAzBnC,gBAAA,GAyBmC,CAAA,KAAA,EAzBR,WAyBQ,EAAA,GAzBQ,SAyBR;AAAA,KAvB5B,aAAA,GAAgB,iBAuBY,GAAA,CAAA;EAAA,MAAA,EApBxB,gBAoBwB;EAMd,QAAA,CAAA,EAAA,KAAA;CAAV,GAAA;EACM,MAAA,CAAA,EAAA,KAAA;EAAV,QAAA,EAtBM,SAsBN;CACmB,CAAA;AAAa,cAR/B,uBAQ+B,EAAA,CAAA;EAAA,YAAA;EAAA,QAAA;EAAA,2BAAA;EAAA;CAAA,EAAA;EA8G/B,YAAA,EAhHG,SAsHf,CAtHyB,cAgHkB,GAAA,IAAA,CAAA;EAQ/B,QAAA,EAvHD,SAuHgE,CAvHtD,gBAuHM,GAAA,IAAA,CAAA;EAEf,2BAAa,EAxHK,aAwHN,CAAA,6BAAA,CAAA;;;;;;;cAVZ,wBAA0B,MAAI;cAQ9B,iBAAe,OAAA,CAAA,QAAA;cAEf,UAAU,GAAG"}

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

@@ -0,0 +1,78 @@
+import { ButtonProps } from "../../Button/Button.js";
+import "../../Button/index.js";
+import * as react0 from "react";
+import { ComponentProps, FC, InputHTMLAttributes, ReactNode, RefObject } from "react";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Input/OTPInput/index.d.ts
+type SlotProps = {
+  isActive: boolean;
+  char: string | null;
+  placeholderChar: string | null;
+  hasFakeCaret: boolean;
+};
+type RenderProps = {
+  slots: SlotProps[];
+  isFocused: boolean;
+  isHovering: boolean;
+  setSelection: (index: number) => void;
+};
+type OverrideProps<T, R> = Omit<T, keyof R> & R;
+type OTPInputBaseProps = OverrideProps<InputHTMLAttributes<HTMLInputElement>, {
+  value?: string;
+  onChange?: (newValue: string) => unknown;
+  maxLength: number;
+  onComplete?: (...args: any[]) => unknown;
+  onActiveSlotChange?: (activeSlotIndex: number | null) => unknown;
+  pushPasswordManagerStrategy?: 'increase-width' | 'none';
+  pasteTransformer?: (pasted: string) => string;
+  containerClassName?: string;
+  noScriptCSSFallback?: string | null;
+}>;
+type InputOTPRenderFn = (props: RenderProps) => ReactNode;
+type OTPInputProps = OTPInputBaseProps & ({
+  render: InputOTPRenderFn;
+  children?: never;
+} | {
+  render?: never;
+  children: ReactNode;
+});
+declare const usePasswordManagerBadge: ({
+  containerRef,
+  inputRef,
+  pushPasswordManagerStrategy,
+  isFocused
+}: {
+  containerRef: RefObject<HTMLDivElement | null>;
+  inputRef: RefObject<HTMLInputElement | null>;
+  pushPasswordManagerStrategy: OTPInputProps["pushPasswordManagerStrategy"];
+  isFocused: boolean;
+}) => {
+  hasPWMBadge: boolean;
+  willPushPWMBadge: boolean;
+  PWM_BADGE_SPACE_WIDTH: "40px";
+};
+declare const usePrevious: <T>(value: T) => T | undefined;
+declare const OTPInputContext: react0.Context<RenderProps>;
+declare const OTPInput: FC<OTPInputProps>;
+type InputOTPProps = Omit<ComponentProps<typeof OTPInput>, 'children'>;
+declare const inputSlotVariants: (props?: {
+  size?: "sm" | "md" | "lg" | "xl";
+} & class_variance_authority_types0.ClassProp) => string;
+declare const InputOTP: FC<InputOTPProps>;
+declare const InputOTPGroup: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+type InputOTPSlotProps = Omit<ButtonProps, 'variant' | 'label'> & {
+  index: number;
+};
+declare const InputOTPSlot: FC<InputOTPSlotProps>;
+declare const InputOTPSeparator: FC<ComponentProps<'div'>>;
+declare const InputIndicator: FC<ComponentProps<'div'> & {
+  ref: RefObject<HTMLDivElement | null>;
+}>;
+//#endregion
+export { InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, OTPInput, OTPInputContext, OTPInputProps, RenderProps, SlotProps, inputSlotVariants, usePasswordManagerBadge, usePrevious };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../../src/components/Input/OTPInput/index.tsx"],"sourcesContent":[],"mappings":"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"}

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

@@ -0,0 +1,78 @@
+import { ButtonProps } from "../Button/Button.js";
+import "../Button/index.js";
+import * as react0 from "react";
+import { ComponentProps, FC, InputHTMLAttributes, ReactNode, RefObject } from "react";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Input/OTPInput.d.ts
+type SlotProps = {
+  isActive: boolean;
+  char: string | null;
+  placeholderChar: string | null;
+  hasFakeCaret: boolean;
+};
+type RenderProps = {
+  slots: SlotProps[];
+  isFocused: boolean;
+  isHovering: boolean;
+  setSelection: (index: number) => void;
+};
+type OverrideProps<T, R> = Omit<T, keyof R> & R;
+type OTPInputBaseProps = OverrideProps<InputHTMLAttributes<HTMLInputElement>, {
+  value?: string;
+  onChange?: (newValue: string) => unknown;
+  maxLength: number;
+  onComplete?: (...args: any[]) => unknown;
+  onActiveSlotChange?: (activeSlotIndex: number | null) => unknown;
+  pushPasswordManagerStrategy?: 'increase-width' | 'none';
+  pasteTransformer?: (pasted: string) => string;
+  containerClassName?: string;
+  noScriptCSSFallback?: string | null;
+}>;
+type InputOTPRenderFn = (props: RenderProps) => ReactNode;
+type OTPInputProps = OTPInputBaseProps & ({
+  render: InputOTPRenderFn;
+  children?: never;
+} | {
+  render?: never;
+  children: ReactNode;
+});
+declare const usePasswordManagerBadge: ({
+  containerRef,
+  inputRef,
+  pushPasswordManagerStrategy,
+  isFocused
+}: {
+  containerRef: RefObject<HTMLDivElement | null>;
+  inputRef: RefObject<HTMLInputElement | null>;
+  pushPasswordManagerStrategy: OTPInputProps["pushPasswordManagerStrategy"];
+  isFocused: boolean;
+}) => {
+  hasPWMBadge: boolean;
+  willPushPWMBadge: boolean;
+  PWM_BADGE_SPACE_WIDTH: "40px";
+};
+declare const usePrevious: <T>(value: T) => T | undefined;
+declare const OTPInputContext: react0.Context<RenderProps>;
+declare const OTPInput: FC<OTPInputProps>;
+type InputOTPProps = Omit<ComponentProps<typeof OTPInput>, 'children'>;
+declare const inputSlotVariants: (props?: {
+  size?: "md" | "lg" | "sm" | "xl";
+} & class_variance_authority_types1.ClassProp) => string;
+declare const InputOTP: FC<InputOTPProps>;
+declare const InputOTPGroup: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+type InputOTPSlotProps = Omit<ButtonProps, 'variant' | 'label'> & {
+  index: number;
+};
+declare const InputOTPSlot: FC<InputOTPSlotProps>;
+declare const InputOTPSeparator: FC<ComponentProps<'div'>>;
+declare const InputIndicator: FC<ComponentProps<'div'> & {
+  ref: RefObject<HTMLDivElement | null>;
+}>;
+//#endregion
+export { InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, OTPInput, OTPInputContext, OTPInputProps, RenderProps, SlotProps, inputSlotVariants, usePasswordManagerBadge, usePrevious };
+//# sourceMappingURL=OTPInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OTPInput.d.ts","names":[],"sources":["../../../../src/components/Input/OTPInput.tsx"],"sourcesContent":[],"mappings":"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"}

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

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

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

@@ -1,5 +1,6 @@
 import { Checkbox, CheckboxColor, CheckboxProps, CheckboxSize, checkboxVariants } from "./Checkbox.js";
 import { Input, InputProps, InputSize, InputVariant, inputVariants } from "./Input.js";
 import { InputPassword } from "./InputPassword.js";
+import { InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, OTPInput, OTPInputContext, OTPInputProps, RenderProps, SlotProps, inputSlotVariants, usePasswordManagerBadge, usePrevious } from "./OTPInput.js";
 import { SearchInput } from "./SearchInput.js";
-export { Checkbox, CheckboxColor, CheckboxProps, CheckboxSize, Input, InputPassword, InputProps, InputSize, InputVariant, SearchInput, checkboxVariants, inputVariants };
+export { Checkbox, CheckboxColor, CheckboxProps, CheckboxSize, Input, InputIndicator, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputPassword, InputProps, InputSize, InputVariant, OTPInput, OTPInputContext, OTPInputProps, RenderProps, SearchInput, SlotProps, checkboxVariants, inputSlotVariants, inputVariants, usePasswordManagerBadge, usePrevious };

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

@@ -1,5 +1,5 @@
 import { AnchorHTMLAttributes, DetailedHTMLProps, FC } from "react";
-import * as class_variance_authority_types10 from "class-variance-authority/types";
+import * as class_variance_authority_types14 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" | "button" | "invisible-link" | "hoverable" | "button-outlined";
-  color?: "error" | "success" | "neutral" | "text" | "custom" | "primary" | "secondary" | "destructive" | "light" | "dark" | "text-inverse";
+  variant?: "default" | "invisible-link" | "hoverable" | "button" | "button-outlined";
+  color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text-inverse" | "error" | "success" | "custom";
   underlined?: boolean | LinkUnderlined.DEFAULT;
-} & class_variance_authority_types10.ClassProp) => string;
+} & class_variance_authority_types14.ClassProp) => string;
 /**
  * Props interface for the Link component
  *

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

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

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

@@ -1,5 +1,5 @@
 import { SVGProps } from "react";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime14 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_runtime19.JSX.Element;
+}: SpinnerProps) => react_jsx_runtime14.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_types349 from "@intlayer/types";
+import * as _intlayer_types346 from "@intlayer/types";
 
 //#region src/components/LocaleSwitcherContentDropDown/localeSwitcher.content.d.ts
 declare const localeSwitcherContent: {
   key: string;
   content: {
-    localeSwitcherLabel: _intlayer_types349.TypedNodeModel<_intlayer_types349.NodeType.Translation, {
+    localeSwitcherLabel: _intlayer_types346.TypedNodeModel<_intlayer_types346.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -23,7 +23,7 @@ declare const localeSwitcherContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types349.NodeType.Translation | "translation";
+      nodeType: _intlayer_types346.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;
@@ -45,7 +45,7 @@ declare const localeSwitcherContent: {
         vi: string;
       };
     }>;
-    languageListLabel: _intlayer_types349.TypedNodeModel<_intlayer_types349.NodeType.Translation, {
+    languageListLabel: _intlayer_types346.TypedNodeModel<_intlayer_types346.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -64,7 +64,7 @@ declare const localeSwitcherContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types349.NodeType.Translation | "translation";
+      nodeType: _intlayer_types346.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;
@@ -86,7 +86,7 @@ declare const localeSwitcherContent: {
         vi: string;
       };
     }>;
-    switchTo: _intlayer_types349.TypedNodeModel<_intlayer_types349.NodeType.Translation, {
+    switchTo: _intlayer_types346.TypedNodeModel<_intlayer_types346.NodeType.Translation, {
       en: string;
       fr: string;
       es: string;
@@ -105,7 +105,7 @@ declare const localeSwitcherContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: _intlayer_types349.NodeType.Translation | "translation";
+      nodeType: _intlayer_types346.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;
@@ -128,7 +128,7 @@ declare const localeSwitcherContent: {
       };
     }>;
     searchInput: {
-      text: _intlayer_types349.TypedNodeModel<_intlayer_types349.NodeType.Translation, {
+      text: _intlayer_types346.TypedNodeModel<_intlayer_types346.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -147,7 +147,7 @@ declare const localeSwitcherContent: {
         id: string;
         vi: string;
       }, {
-        nodeType: _intlayer_types349.NodeType.Translation | "translation";
+        nodeType: _intlayer_types346.NodeType.Translation | "translation";
       } & {
         translation: {
           en: string;
@@ -169,7 +169,7 @@ declare const localeSwitcherContent: {
           vi: string;
         };
       }>;
-      placeholder: _intlayer_types349.TypedNodeModel<_intlayer_types349.NodeType.Translation, {
+      placeholder: _intlayer_types346.TypedNodeModel<_intlayer_types346.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -188,7 +188,7 @@ declare const localeSwitcherContent: {
         id: string;
         vi: string;
       }, {
-        nodeType: _intlayer_types349.NodeType.Translation | "translation";
+        nodeType: _intlayer_types346.NodeType.Translation | "translation";
       } & {
         translation: {
           en: string;
@@ -210,7 +210,7 @@ declare const localeSwitcherContent: {
           vi: string;
         };
       }>;
-      ariaLabel: _intlayer_types349.TypedNodeModel<_intlayer_types349.NodeType.Translation, {
+      ariaLabel: _intlayer_types346.TypedNodeModel<_intlayer_types346.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -229,7 +229,7 @@ declare const localeSwitcherContent: {
         id: string;
         vi: string;
       }, {
-        nodeType: _intlayer_types349.NodeType.Translation | "translation";
+        nodeType: _intlayer_types346.NodeType.Translation | "translation";
       } & {
         translation: {
           en: string;
@@ -253,7 +253,7 @@ declare const localeSwitcherContent: {
       }>;
     };
     seeAllLocalesSwitch: {
-      true: _intlayer_types349.TypedNodeModel<_intlayer_types349.NodeType.Translation, {
+      true: _intlayer_types346.TypedNodeModel<_intlayer_types346.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -272,7 +272,7 @@ declare const localeSwitcherContent: {
         id: string;
         vi: string;
       }, {
-        nodeType: _intlayer_types349.NodeType.Translation | "translation";
+        nodeType: _intlayer_types346.NodeType.Translation | "translation";
       } & {
         translation: {
           en: string;
@@ -294,7 +294,7 @@ declare const localeSwitcherContent: {
           vi: string;
         };
       }>;
-      false: _intlayer_types349.TypedNodeModel<_intlayer_types349.NodeType.Translation, {
+      false: _intlayer_types346.TypedNodeModel<_intlayer_types346.NodeType.Translation, {
         en: string;
         'en-GB': string;
         fr: string;
@@ -313,7 +313,7 @@ declare const localeSwitcherContent: {
         id: string;
         vi: string;
       }, {
-        nodeType: _intlayer_types349.NodeType.Translation | "translation";
+        nodeType: _intlayer_types346.NodeType.Translation | "translation";
       } & {
         translation: {
           en: string;