@intlayer/design-system 5.0.6 → 5.1.1

package/dist/components/Input/Input.mjs

@@ -1,6 +1,5 @@
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { forwardRef } from "react";
 const inputVariants = cva("", {
   variants: {
     variant: {
@@ -29,22 +28,24 @@ const inputVariants = cva("", {
     validationStyleEnabled: "disabled"
   }
 });
-const Input = forwardRef(
-  ({ validationStyleEnabled = false, variant, size, className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "input",
-    {
-      ref,
-      className: inputVariants({
-        variant,
-        size,
-        validationStyleEnabled: validationStyleEnabled ? "enabled" : "disabled",
-        className
-      }),
-      ...props
-    }
-  )
+const Input = ({
+  validationStyleEnabled = false,
+  variant,
+  size,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "input",
+  {
+    className: inputVariants({
+      variant,
+      size,
+      validationStyleEnabled: validationStyleEnabled ? "enabled" : "disabled",
+      className
+    }),
+    ...props
+  }
 );
-Input.displayName = "Input";
 export {
   Input,
   inputVariants

package/dist/components/Input/Input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.mjs","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  forwardRef,\n  type DetailedHTMLProps,\n  type InputHTMLAttributes,\n} from 'react';\n\nexport const inputVariants = cva('', {\n  variants: {\n    variant: {\n      default: [\n        'w-full select-text resize-none rounded-xl border-2 bg-input-background text-sm text-input-text shadow-none outline-0 transition-all dark:bg-input-background-dark dark:text-input-text-dark',\n        'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none] dark:border-input-border-dark dark:hover:border-input-border-hover-dark dark:focus:border-input-border-focus',\n        'aria-[invalid=true]:border-error dark:aria-[invalid=true]:border-error-dark',\n        'disabled:opacity-50',\n      ],\n      invisible: [\n        'w-full border-none bg-inherit text-inherit outline-none ring-0',\n      ],\n    },\n    size: {\n      md: 'px-2 py-1 max-md:py-3',\n      lg: 'px-4 py-2 max-md:py-4',\n    },\n    validationStyleEnabled: {\n      disabled: '',\n      enabled:\n        'valid:border-success invalid:border-error dark:valid:border-success-dark dark:invalid:border-error-dark',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n    validationStyleEnabled: 'disabled',\n  },\n});\n\nexport type InputProps = DetailedHTMLProps<\n  InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n> & {\n  validationStyleEnabled?: boolean;\n} & Omit<VariantProps<typeof inputVariants>, 'validationStyleEnabled'>;\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    { validationStyleEnabled = false, variant, size, className, ...props },\n    ref\n  ) => (\n    <input\n      ref={ref}\n      className={inputVariants({\n        variant,\n        size,\n        validationStyleEnabled: validationStyleEnabled ? 'enabled' : 'disabled',\n        className,\n      })}\n      {...props}\n    />\n  )\n);\n\nInput.displayName = 'Input';\n"],"names":["jsx"],"mappings":";;;AAOa,MAAA,gBAAgB,IAAI,IAAI;AAAA,EACnC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,wBAAwB;AAAA,MACtB,UAAU;AAAA,MACV,SACE;AAAA,IAAA;AAAA,EAEN;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,IACN,wBAAwB;AAAA,EAAA;AAE5B,CAAC;AASM,MAAM,QAAQ;AAAA,EACnB,CACE,EAAE,yBAAyB,OAAO,SAAS,MAAM,WAAW,GAAG,SAC/D,QAEAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW,cAAc;AAAA,QACvB;AAAA,QACA;AAAA,QACA,wBAAwB,yBAAyB,YAAY;AAAA,QAC7D;AAAA,MAAA,CACD;AAAA,MACA,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,cAAc;"}
+{"version":3,"file":"Input.mjs","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  type FC,\n  type DetailedHTMLProps,\n  type InputHTMLAttributes,\n} from 'react';\n\nexport const inputVariants = cva('', {\n  variants: {\n    variant: {\n      default: [\n        'w-full select-text resize-none rounded-xl border-2 bg-input-background text-sm text-input-text shadow-none outline-0 transition-all dark:bg-input-background-dark dark:text-input-text-dark',\n        'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none] dark:border-input-border-dark dark:hover:border-input-border-hover-dark dark:focus:border-input-border-focus',\n        'aria-[invalid=true]:border-error dark:aria-[invalid=true]:border-error-dark',\n        'disabled:opacity-50',\n      ],\n      invisible: [\n        'w-full border-none bg-inherit text-inherit outline-none ring-0',\n      ],\n    },\n    size: {\n      md: 'px-2 py-1 max-md:py-3',\n      lg: 'px-4 py-2 max-md:py-4',\n    },\n    validationStyleEnabled: {\n      disabled: '',\n      enabled:\n        'valid:border-success invalid:border-error dark:valid:border-success-dark dark:invalid:border-error-dark',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n    validationStyleEnabled: 'disabled',\n  },\n});\n\nexport type InputProps = DetailedHTMLProps<\n  InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n> & {\n  validationStyleEnabled?: boolean;\n} & Omit<VariantProps<typeof inputVariants>, 'validationStyleEnabled'>;\n\nexport const Input: FC<InputProps> = ({\n  validationStyleEnabled = false,\n  variant,\n  size,\n  className,\n  ...props\n}) => (\n  <input\n    className={inputVariants({\n      variant,\n      size,\n      validationStyleEnabled: validationStyleEnabled ? 'enabled' : 'disabled',\n      className,\n    })}\n    {...props}\n  />\n);\n"],"names":[],"mappings":";;AAOa,MAAA,gBAAgB,IAAI,IAAI;AAAA,EACnC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,wBAAwB;AAAA,MACtB,UAAU;AAAA,MACV,SACE;AAAA,IAAA;AAAA,EAEN;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,IACN,wBAAwB;AAAA,EAAA;AAE5B,CAAC;AASM,MAAM,QAAwB,CAAC;AAAA,EACpC,yBAAyB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW,cAAc;AAAA,MACvB;AAAA,MACA;AAAA,MACA,wBAAwB,yBAAyB,YAAY;AAAA,MAC7D;AAAA,IAAA,CACD;AAAA,IACA,GAAG;AAAA,EAAA;AACN;"}

package/dist/components/Input/InputPassword.cjs

@@ -1,47 +1,37 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const lucideReact = require("lucide-react");
-const require$$0 = require("react");
+const ReactExports = require("react");
 const components_Input_Input = require("./Input.cjs");
-const InputPassword = require$$0.forwardRef(
-  (props, ref) => {
-    const [isPasswordRevealed, setIsPasswordRevealed] = require$$0.useState(false);
-    const handlePasswordReveal = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      setIsPasswordRevealed((isPasswordRevealed2) => !isPasswordRevealed2);
-    };
-    const EyeIconComponent = isPasswordRevealed ? lucideReact.EyeIcon : lucideReact.EyeOffIcon;
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-        components_Input_Input.Input,
-        {
-          ...props,
-          ref,
-          type: isPasswordRevealed ? "text" : "password"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-        "button",
-        {
-          "data-testid": "eye-icon",
-          className: "absolute right-2 h-full flex-row items-center",
-          onClick: handlePasswordReveal,
-          "aria-label": isPasswordRevealed ? "Hide password" : "Show password",
-          children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            EyeIconComponent,
-            {
-              className: "text-neutral dark:text-neutral-dark mr-2 inline-block",
-              size: 20
-            }
-          )
-        }
-      )
-    ] });
-  }
-);
-InputPassword.displayName = "InputPassword";
+const InputPassword = (props) => {
+  const [isPasswordRevealed, setIsPasswordRevealed] = ReactExports.useState(false);
+  const handlePasswordReveal = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsPasswordRevealed((isPasswordRevealed2) => !isPasswordRevealed2);
+  };
+  const EyeIconComponent = isPasswordRevealed ? lucideReact.EyeIcon : lucideReact.EyeOffIcon;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_Input_Input.Input, { ...props, type: isPasswordRevealed ? "text" : "password" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        "data-testid": "eye-icon",
+        className: "absolute right-2 h-full flex-row items-center",
+        onClick: handlePasswordReveal,
+        "aria-label": isPasswordRevealed ? "Hide password" : "Show password",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          EyeIconComponent,
+          {
+            className: "text-neutral dark:text-neutral-dark mr-2 inline-block",
+            size: 20
+          }
+        )
+      }
+    )
+  ] });
+};
 exports.InputPassword = InputPassword;
 //# sourceMappingURL=InputPassword.cjs.map

package/dist/components/Input/InputPassword.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputPassword.cjs","sources":["../../../src/components/Input/InputPassword.tsx"],"sourcesContent":["'use client';\n\nimport { EyeIcon, EyeOffIcon } from 'lucide-react';\nimport { useState, forwardRef, type MouseEventHandler } from 'react';\nimport { Input, type InputProps } from './Input';\n\ntype InputPasswordProps = Omit<InputProps, 'type'>;\n\nexport const InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(\n  (props, ref) => {\n    const [isPasswordRevealed, setIsPasswordRevealed] = useState(false);\n\n    const handlePasswordReveal: MouseEventHandler<HTMLButtonElement> = (e) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setIsPasswordRevealed((isPasswordRevealed) => !isPasswordRevealed);\n    };\n\n    const EyeIconComponent = isPasswordRevealed ? EyeIcon : EyeOffIcon;\n\n    return (\n      <div className=\"relative\">\n        <Input\n          {...props}\n          ref={ref}\n          type={isPasswordRevealed ? 'text' : 'password'}\n        />\n\n        <button\n          data-testid=\"eye-icon\"\n          className=\"absolute right-2 h-full flex-row items-center\"\n          onClick={handlePasswordReveal}\n          aria-label={isPasswordRevealed ? 'Hide password' : 'Show password'}\n        >\n          <EyeIconComponent\n            className=\"text-neutral dark:text-neutral-dark mr-2 inline-block\"\n            size={20}\n          />\n        </button>\n      </div>\n    );\n  }\n);\n\nInputPassword.displayName = 'InputPassword';\n"],"names":["forwardRef","useState","isPasswordRevealed","EyeIcon","EyeOffIcon","jsxs","jsx","Input"],"mappings":";;;;;;;AAQO,MAAM,gBAAgBA,WAAA;AAAA,EAC3B,CAAC,OAAO,QAAQ;AACd,UAAM,CAAC,oBAAoB,qBAAqB,IAAIC,WAAAA,SAAS,KAAK;AAE5D,UAAA,uBAA6D,CAAC,MAAM;AACxE,QAAE,eAAe;AACjB,QAAE,gBAAgB;AACI,4BAAA,CAACC,wBAAuB,CAACA,mBAAkB;AAAA,IACnE;AAEM,UAAA,mBAAmB,qBAAqBC,YAAAA,UAAUC,YAAA;AAGtD,WAAAC,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,YACb,UAAA;AAAA,MAAAC,2BAAA,kBAAA;AAAA,QAACC,uBAAA;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ;AAAA,UACA,MAAM,qBAAqB,SAAS;AAAA,QAAA;AAAA,MACtC;AAAA,MAEAD,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAU;AAAA,UACV,SAAS;AAAA,UACT,cAAY,qBAAqB,kBAAkB;AAAA,UAEnD,UAAAA,2BAAA,kBAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA;AAAA,IACF,GACF;AAAA,EAAA;AAGN;AAEA,cAAc,cAAc;;"}
+{"version":3,"file":"InputPassword.cjs","sources":["../../../src/components/Input/InputPassword.tsx"],"sourcesContent":["'use client';\n\nimport { EyeIcon, EyeOffIcon } from 'lucide-react';\nimport { type FC, useState, type MouseEventHandler } from 'react';\nimport { Input, type InputProps } from './Input';\n\ntype InputPasswordProps = Omit<InputProps, 'type'>;\n\nexport const InputPassword: FC<InputPasswordProps> = (props) => {\n  const [isPasswordRevealed, setIsPasswordRevealed] = useState(false);\n\n  const handlePasswordReveal: MouseEventHandler<HTMLButtonElement> = (e) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsPasswordRevealed((isPasswordRevealed) => !isPasswordRevealed);\n  };\n\n  const EyeIconComponent = isPasswordRevealed ? EyeIcon : EyeOffIcon;\n\n  return (\n    <div className=\"relative\">\n      <Input {...props} type={isPasswordRevealed ? 'text' : 'password'} />\n\n      <button\n        data-testid=\"eye-icon\"\n        className=\"absolute right-2 h-full flex-row items-center\"\n        onClick={handlePasswordReveal}\n        aria-label={isPasswordRevealed ? 'Hide password' : 'Show password'}\n      >\n        <EyeIconComponent\n          className=\"text-neutral dark:text-neutral-dark mr-2 inline-block\"\n          size={20}\n        />\n      </button>\n    </div>\n  );\n};\n"],"names":["useState","isPasswordRevealed","EyeIcon","EyeOffIcon","jsxs","jsx","Input"],"mappings":";;;;;;;AAQa,MAAA,gBAAwC,CAAC,UAAU;AAC9D,QAAM,CAAC,oBAAoB,qBAAqB,IAAIA,aAAAA,SAAS,KAAK;AAE5D,QAAA,uBAA6D,CAAC,MAAM;AACxE,MAAE,eAAe;AACjB,MAAE,gBAAgB;AACI,0BAAA,CAACC,wBAAuB,CAACA,mBAAkB;AAAA,EACnE;AAEM,QAAA,mBAAmB,qBAAqBC,YAAAA,UAAUC,YAAA;AAGtD,SAAAC,2BAAA,KAAC,OAAI,EAAA,WAAU,YACb,UAAA;AAAA,IAAAC,+BAACC,uBAAAA,SAAO,GAAG,OAAO,MAAM,qBAAqB,SAAS,YAAY;AAAA,IAElED,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAU;AAAA,QACV,SAAS;AAAA,QACT,cAAY,qBAAqB,kBAAkB;AAAA,QAEnD,UAAAA,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACR;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;;"}

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

@@ -1,5 +1,6 @@
+import { FC } from 'react';
 import { InputProps } from './Input';
 type InputPasswordProps = Omit<InputProps, 'type'>;
-export declare const InputPassword: import('react').ForwardRefExoticComponent<Omit<InputPasswordProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+export declare const InputPassword: FC<InputPasswordProps>;
 export {};
 //# sourceMappingURL=InputPassword.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputPassword.d.ts","sourceRoot":"","sources":["../../../src/components/Input/InputPassword.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjD,KAAK,kBAAkB,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAEnD,eAAO,MAAM,aAAa,8HAkCzB,CAAC"}
+{"version":3,"file":"InputPassword.d.ts","sourceRoot":"","sources":["../../../src/components/Input/InputPassword.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,EAAoC,MAAM,OAAO,CAAC;AAClE,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjD,KAAK,kBAAkB,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAEnD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA4BhD,CAAC"}

package/dist/components/Input/InputPassword.mjs

@@ -1,46 +1,36 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { EyeIcon, EyeOffIcon } from "lucide-react";
-import { forwardRef, useState } from "react";
+import { useState } from "react";
 import { Input } from "./Input.mjs";
-const InputPassword = forwardRef(
-  (props, ref) => {
-    const [isPasswordRevealed, setIsPasswordRevealed] = useState(false);
-    const handlePasswordReveal = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      setIsPasswordRevealed((isPasswordRevealed2) => !isPasswordRevealed2);
-    };
-    const EyeIconComponent = isPasswordRevealed ? EyeIcon : EyeOffIcon;
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Input,
-        {
-          ...props,
-          ref,
-          type: isPasswordRevealed ? "text" : "password"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          "data-testid": "eye-icon",
-          className: "absolute right-2 h-full flex-row items-center",
-          onClick: handlePasswordReveal,
-          "aria-label": isPasswordRevealed ? "Hide password" : "Show password",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            EyeIconComponent,
-            {
-              className: "text-neutral dark:text-neutral-dark mr-2 inline-block",
-              size: 20
-            }
-          )
-        }
-      )
-    ] });
-  }
-);
-InputPassword.displayName = "InputPassword";
+const InputPassword = (props) => {
+  const [isPasswordRevealed, setIsPasswordRevealed] = useState(false);
+  const handlePasswordReveal = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsPasswordRevealed((isPasswordRevealed2) => !isPasswordRevealed2);
+  };
+  const EyeIconComponent = isPasswordRevealed ? EyeIcon : EyeOffIcon;
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx(Input, { ...props, type: isPasswordRevealed ? "text" : "password" }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        "data-testid": "eye-icon",
+        className: "absolute right-2 h-full flex-row items-center",
+        onClick: handlePasswordReveal,
+        "aria-label": isPasswordRevealed ? "Hide password" : "Show password",
+        children: /* @__PURE__ */ jsx(
+          EyeIconComponent,
+          {
+            className: "text-neutral dark:text-neutral-dark mr-2 inline-block",
+            size: 20
+          }
+        )
+      }
+    )
+  ] });
+};
 export {
   InputPassword
 };

package/dist/components/Input/InputPassword.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputPassword.mjs","sources":["../../../src/components/Input/InputPassword.tsx"],"sourcesContent":["'use client';\n\nimport { EyeIcon, EyeOffIcon } from 'lucide-react';\nimport { useState, forwardRef, type MouseEventHandler } from 'react';\nimport { Input, type InputProps } from './Input';\n\ntype InputPasswordProps = Omit<InputProps, 'type'>;\n\nexport const InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(\n  (props, ref) => {\n    const [isPasswordRevealed, setIsPasswordRevealed] = useState(false);\n\n    const handlePasswordReveal: MouseEventHandler<HTMLButtonElement> = (e) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setIsPasswordRevealed((isPasswordRevealed) => !isPasswordRevealed);\n    };\n\n    const EyeIconComponent = isPasswordRevealed ? EyeIcon : EyeOffIcon;\n\n    return (\n      <div className=\"relative\">\n        <Input\n          {...props}\n          ref={ref}\n          type={isPasswordRevealed ? 'text' : 'password'}\n        />\n\n        <button\n          data-testid=\"eye-icon\"\n          className=\"absolute right-2 h-full flex-row items-center\"\n          onClick={handlePasswordReveal}\n          aria-label={isPasswordRevealed ? 'Hide password' : 'Show password'}\n        >\n          <EyeIconComponent\n            className=\"text-neutral dark:text-neutral-dark mr-2 inline-block\"\n            size={20}\n          />\n        </button>\n      </div>\n    );\n  }\n);\n\nInputPassword.displayName = 'InputPassword';\n"],"names":["isPasswordRevealed","jsxs","jsx"],"mappings":";;;;;AAQO,MAAM,gBAAgB;AAAA,EAC3B,CAAC,OAAO,QAAQ;AACd,UAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,KAAK;AAE5D,UAAA,uBAA6D,CAAC,MAAM;AACxE,QAAE,eAAe;AACjB,QAAE,gBAAgB;AACI,4BAAA,CAACA,wBAAuB,CAACA,mBAAkB;AAAA,IACnE;AAEM,UAAA,mBAAmB,qBAAqB,UAAU;AAGtD,WAAAC,kCAAA,KAAC,OAAI,EAAA,WAAU,YACb,UAAA;AAAA,MAAAC,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ;AAAA,UACA,MAAM,qBAAqB,SAAS;AAAA,QAAA;AAAA,MACtC;AAAA,MAEAA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAU;AAAA,UACV,SAAS;AAAA,UACT,cAAY,qBAAqB,kBAAkB;AAAA,UAEnD,UAAAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA;AAAA,IACF,GACF;AAAA,EAAA;AAGN;AAEA,cAAc,cAAc;"}
+{"version":3,"file":"InputPassword.mjs","sources":["../../../src/components/Input/InputPassword.tsx"],"sourcesContent":["'use client';\n\nimport { EyeIcon, EyeOffIcon } from 'lucide-react';\nimport { type FC, useState, type MouseEventHandler } from 'react';\nimport { Input, type InputProps } from './Input';\n\ntype InputPasswordProps = Omit<InputProps, 'type'>;\n\nexport const InputPassword: FC<InputPasswordProps> = (props) => {\n  const [isPasswordRevealed, setIsPasswordRevealed] = useState(false);\n\n  const handlePasswordReveal: MouseEventHandler<HTMLButtonElement> = (e) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsPasswordRevealed((isPasswordRevealed) => !isPasswordRevealed);\n  };\n\n  const EyeIconComponent = isPasswordRevealed ? EyeIcon : EyeOffIcon;\n\n  return (\n    <div className=\"relative\">\n      <Input {...props} type={isPasswordRevealed ? 'text' : 'password'} />\n\n      <button\n        data-testid=\"eye-icon\"\n        className=\"absolute right-2 h-full flex-row items-center\"\n        onClick={handlePasswordReveal}\n        aria-label={isPasswordRevealed ? 'Hide password' : 'Show password'}\n      >\n        <EyeIconComponent\n          className=\"text-neutral dark:text-neutral-dark mr-2 inline-block\"\n          size={20}\n        />\n      </button>\n    </div>\n  );\n};\n"],"names":["isPasswordRevealed"],"mappings":";;;;;AAQa,MAAA,gBAAwC,CAAC,UAAU;AAC9D,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,KAAK;AAE5D,QAAA,uBAA6D,CAAC,MAAM;AACxE,MAAE,eAAe;AACjB,MAAE,gBAAgB;AACI,0BAAA,CAACA,wBAAuB,CAACA,mBAAkB;AAAA,EACnE;AAEM,QAAA,mBAAmB,qBAAqB,UAAU;AAGtD,SAAA,qBAAC,OAAI,EAAA,WAAU,YACb,UAAA;AAAA,IAAA,oBAAC,SAAO,GAAG,OAAO,MAAM,qBAAqB,SAAS,YAAY;AAAA,IAElE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAU;AAAA,QACV,SAAS;AAAA,QACT,cAAY,qBAAqB,kBAAkB;AAAA,QAEnD,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACR;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/Label/index.cjs

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
-const require$$0 = require("react");
-const Label = require$$0.forwardRef(({ htmlFor, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+const jsxRuntime = require("react/jsx-runtime");
+const Label = ({
+  htmlFor,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   "label",
   {
     className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-    ref,
     htmlFor,
     ...props
   }
-));
-Label.displayName = "Label";
+);
 exports.Label = Label;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Label/index.tsx"],"sourcesContent":["import { forwardRef, type LabelHTMLAttributes } from 'react';\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  LabelHTMLAttributes<HTMLLabelElement>\n>(({ htmlFor, ...props }, ref) => (\n  <label\n    className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n    ref={ref}\n    htmlFor={htmlFor}\n    {...props}\n  />\n));\nLabel.displayName = 'Label';\n"],"names":["forwardRef","jsx"],"mappings":";;;;AAEa,MAAA,QAAQA,sBAGnB,CAAC,EAAE,SAAS,GAAG,MAAA,GAAS,QACxBC,2BAAA,kBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV;AAAA,IACA;AAAA,IACC,GAAG;AAAA,EAAA;AACN,CACD;AACD,MAAM,cAAc;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Label/index.tsx"],"sourcesContent":["import { type FC, type LabelHTMLAttributes } from 'react';\n\nexport const Label: FC<LabelHTMLAttributes<HTMLLabelElement>> = ({\n  htmlFor,\n  ...props\n}) => (\n  <label\n    className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n    htmlFor={htmlFor}\n    {...props}\n  />\n);\n"],"names":["jsx"],"mappings":";;;AAEO,MAAM,QAAmD,CAAC;AAAA,EAC/D;AAAA,EACA,GAAG;AACL,MACEA,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV;AAAA,IACC,GAAG;AAAA,EAAA;AACN;;"}

package/dist/components/Label/index.d.ts

@@ -1,3 +1,3 @@
-import { LabelHTMLAttributes } from 'react';
-export declare const Label: import('react').ForwardRefExoticComponent<LabelHTMLAttributes<HTMLLabelElement> & import('react').RefAttributes<HTMLLabelElement>>;
+import { FC, LabelHTMLAttributes } from 'react';
+export declare const Label: FC<LabelHTMLAttributes<HTMLLabelElement>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Label/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Label/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE7D,eAAO,MAAM,KAAK,oIAUhB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Label/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE1D,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAS3D,CAAC"}

package/dist/components/Label/index.mjs

@@ -1,15 +1,15 @@
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
-import { forwardRef } from "react";
-const Label = forwardRef(({ htmlFor, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+import { jsx } from "react/jsx-runtime";
+const Label = ({
+  htmlFor,
+  ...props
+}) => /* @__PURE__ */ jsx(
   "label",
   {
     className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-    ref,
     htmlFor,
     ...props
   }
-));
-Label.displayName = "Label";
+);
 export {
   Label
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/Label/index.tsx"],"sourcesContent":["import { forwardRef, type LabelHTMLAttributes } from 'react';\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  LabelHTMLAttributes<HTMLLabelElement>\n>(({ htmlFor, ...props }, ref) => (\n  <label\n    className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n    ref={ref}\n    htmlFor={htmlFor}\n    {...props}\n  />\n));\nLabel.displayName = 'Label';\n"],"names":["jsx"],"mappings":";;AAEa,MAAA,QAAQ,WAGnB,CAAC,EAAE,SAAS,GAAG,MAAA,GAAS,QACxBA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV;AAAA,IACA;AAAA,IACC,GAAG;AAAA,EAAA;AACN,CACD;AACD,MAAM,cAAc;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/Label/index.tsx"],"sourcesContent":["import { type FC, type LabelHTMLAttributes } from 'react';\n\nexport const Label: FC<LabelHTMLAttributes<HTMLLabelElement>> = ({\n  htmlFor,\n  ...props\n}) => (\n  <label\n    className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n    htmlFor={htmlFor}\n    {...props}\n  />\n);\n"],"names":[],"mappings":";AAEO,MAAM,QAAmD,CAAC;AAAA,EAC/D;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV;AAAA,IACC,GAAG;AAAA,EAAA;AACN;"}

package/dist/components/Link/Link.cjs

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const client = require("@intlayer/config/client");
 const core = require("@intlayer/core");
 const classVarianceAuthority = require("class-variance-authority");
 const lucideReact = require("lucide-react");
-const require$$0 = require("react");
 const linkVariants = classVarianceAuthority.cva(
   "gap-3 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
   {
@@ -48,7 +47,7 @@ const checkIsExternalLink = ({
   const isExternalLink = isExternalLinkProp === true || typeof isExternalLinkProp === "undefined" && isValidHref && /^https?:\/\//.test(href);
   return isExternalLink;
 };
-const Link = require$$0.forwardRef((props, ref) => {
+const Link = (props) => {
   const {
     variant = "default",
     color = "primary",
@@ -69,11 +68,10 @@ const Link = require$$0.forwardRef((props, ref) => {
   const target = isExternalLink ? "_blank" : "_self";
   const hrefLang = locale ? locale === internationalization.defaultLocale ? "x-default" : locale : void 0;
   const href = locale && hrefProp && !isExternalLink ? core.getLocalizedUrl(hrefProp, locale) : hrefProp;
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "a",
     {
       href,
-      ref,
       hrefLang,
       "aria-label": label,
       rel,
@@ -88,12 +86,12 @@ const Link = require$$0.forwardRef((props, ref) => {
       ...otherProps,
       children: [
         children,
-        isExternalLink && isChildrenString && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.ExternalLink, { className: "ml-2 inline-block size-4" })
+        isExternalLink && isChildrenString && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "ml-2 inline-block size-4" })
       ]
     }
   );
-});
-Link.displayName = "Link";
+};
 exports.Link = Link;
 exports.checkIsExternalLink = checkIsExternalLink;
+exports.linkVariants = linkVariants;
 //# sourceMappingURL=Link.cjs.map

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

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

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

@@ -1,7 +1,7 @@
-import { Locales } from '@intlayer/config/client';
+import { LocalesValues } from '@intlayer/config/client';
 import { VariantProps } from 'class-variance-authority';
-import { DetailedHTMLProps, AnchorHTMLAttributes } from 'react';
-declare const linkVariants: (props?: ({
+import { DetailedHTMLProps, AnchorHTMLAttributes, FC } from 'react';
+export declare const linkVariants: (props?: ({
     variant?: "default" | "button" | "invisible-link" | "hoverable" | "button-outlined" | null | undefined;
     color?: "text" | "light" | "dark" | "primary" | "secondary" | "destructive" | "neutral" | "custom" | null | undefined;
     underlined?: boolean | "default" | null | undefined;
@@ -10,9 +10,8 @@ export type LinkProps = DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement
     label: string;
     isExternalLink?: boolean;
     isActive?: boolean;
-    locale?: Locales;
+    locale?: LocalesValues;
 };
 export declare const checkIsExternalLink: ({ href, isExternalLink: isExternalLinkProp, }: LinkProps) => boolean;
-export declare const Link: import('react').ForwardRefExoticComponent<Omit<LinkProps, "ref"> & import('react').RefAttributes<HTMLAnchorElement>>;
-export {};
+export declare const Link: FC<LinkProps>;
 //# sourceMappingURL=Link.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAC1B,MAAM,OAAO,CAAC;AAEf,QAAA,MAAM,YAAY;;;;8EA4CjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEJ,eAAO,MAAM,mBAAmB,kDAG7B,SAAS,KAAG,OASd,CAAC;AAEF,eAAO,MAAM,IAAI,sHAyDf,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAoB,MAAM,yBAAyB,CAAC;AAE/E,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAEf,eAAO,MAAM,YAAY;;;;8EA4CxB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB,CAAC;AAEJ,eAAO,MAAM,mBAAmB,kDAG7B,SAAS,KAAG,OASd,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAwD9B,CAAC"}

package/dist/components/Link/Link.mjs

@@ -1,9 +1,8 @@
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { getConfiguration } from "@intlayer/config/client";
 import { getLocalizedUrl } from "@intlayer/core";
 import { cva } from "class-variance-authority";
 import { ExternalLink } from "lucide-react";
-import { forwardRef } from "react";
 const linkVariants = cva(
   "gap-3 whitespace-nowrap font-medium transition focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
   {
@@ -46,7 +45,7 @@ const checkIsExternalLink = ({
   const isExternalLink = isExternalLinkProp === true || typeof isExternalLinkProp === "undefined" && isValidHref && /^https?:\/\//.test(href);
   return isExternalLink;
 };
-const Link = forwardRef((props, ref) => {
+const Link = (props) => {
   const {
     variant = "default",
     color = "primary",
@@ -67,11 +66,10 @@ const Link = forwardRef((props, ref) => {
   const target = isExternalLink ? "_blank" : "_self";
   const hrefLang = locale ? locale === internationalization.defaultLocale ? "x-default" : locale : void 0;
   const href = locale && hrefProp && !isExternalLink ? getLocalizedUrl(hrefProp, locale) : hrefProp;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxs(
     "a",
     {
       href,
-      ref,
       hrefLang,
       "aria-label": label,
       rel,
@@ -86,14 +84,14 @@ const Link = forwardRef((props, ref) => {
       ...otherProps,
       children: [
         children,
-        isExternalLink && isChildrenString && /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "ml-2 inline-block size-4" })
+        isExternalLink && isChildrenString && /* @__PURE__ */ jsx(ExternalLink, { className: "ml-2 inline-block size-4" })
       ]
     }
   );
-});
-Link.displayName = "Link";
+};
 export {
   Link,
-  checkIsExternalLink
+  checkIsExternalLink,
+  linkVariants
 };
 //# sourceMappingURL=Link.mjs.map

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

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

package/dist/components/Link/index.cjs

@@ -3,4 +3,5 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const components_Link_Link = require("./Link.cjs");
 exports.Link = components_Link_Link.Link;
 exports.checkIsExternalLink = components_Link_Link.checkIsExternalLink;
+exports.linkVariants = components_Link_Link.linkVariants;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Link/index.mjs

@@ -1,6 +1,7 @@
-import { Link, checkIsExternalLink } from "./Link.mjs";
+import { Link, checkIsExternalLink, linkVariants } from "./Link.mjs";
 export {
   Link,
-  checkIsExternalLink
+  checkIsExternalLink,
+  linkVariants
 };
 //# sourceMappingURL=index.mjs.map

package/dist/components/Loader/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const utils_cn = require("../../utils/cn.cjs");
 const components_Loader_spinner = require("./spinner.cjs");
 const Loader = ({
@@ -8,7 +8,7 @@ const Loader = ({
   isLoading = true,
   className,
   ...props
-}) => isLoading ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+}) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     className: utils_cn.cn(
@@ -18,8 +18,8 @@ const Loader = ({
     role: "status",
     "aria-label": "Animated icon, meaning that the website is processing",
     ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Loader_spinner.Spinner, { className: "size-10 max-h-full max-w-full" })
+    children: /* @__PURE__ */ jsxRuntime.jsx(components_Loader_spinner.Spinner, { className: "size-10 max-h-full max-w-full" })
   }
-) : children ?? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, {});
+) : children ?? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}) });
 exports.Loader = Loader;
 //# sourceMappingURL=index.cjs.map