@intlayer/design-system 5.7.8 → 5.8.1-canary.0

package/dist/components/Input/Checkbox.cjs

@@ -41,6 +41,25 @@ const checkboxVariants = classVarianceAuthority.cva("", {
     size: "md"
   }
 });
+var CheckboxSize = /* @__PURE__ */ ((CheckboxSize2) => {
+  CheckboxSize2["SM"] = "sm";
+  CheckboxSize2["MD"] = "md";
+  CheckboxSize2["LG"] = "lg";
+  return CheckboxSize2;
+})(CheckboxSize || {});
+var CheckboxColor = /* @__PURE__ */ ((CheckboxColor2) => {
+  CheckboxColor2["PRIMARY"] = "primary";
+  CheckboxColor2["SECONDARY"] = "secondary";
+  CheckboxColor2["DESTRUCTIVE"] = "destructive";
+  CheckboxColor2["NEUTRAL"] = "neutral";
+  CheckboxColor2["LIGHT"] = "light";
+  CheckboxColor2["TEXT"] = "text";
+  CheckboxColor2["DARK"] = "dark";
+  CheckboxColor2["ERROR"] = "error";
+  CheckboxColor2["SUCCESS"] = "success";
+  CheckboxColor2["CUSTOM"] = "custom";
+  return CheckboxColor2;
+})(CheckboxColor || {});
 const Input = ({
   validationStyleEnabled = false,
   label,
@@ -79,5 +98,7 @@ const Checkbox = (props) => {
   ) : /* @__PURE__ */ jsxRuntime.jsx(Input, { id: id ?? name, ...props });
 };
 exports.Checkbox = Checkbox;
+exports.CheckboxColor = CheckboxColor;
+exports.CheckboxSize = CheckboxSize;
 exports.checkboxVariants = checkboxVariants;
 //# sourceMappingURL=Checkbox.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","sources":["../../../src/components/Input/Checkbox.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  ReactNode,\n  type DetailedHTMLProps,\n  type FC,\n  type InputHTMLAttributes,\n} from 'react';\n\nexport const checkboxVariants = cva('', {\n  variants: {\n    variant: {\n      default: [\n        'pointer rounded border-2 bg-input-background text-input-text shadow-none outline-0 transition-all',\n        'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none]',\n        'checked:bg-checkbox-checked checked:border-checkbox-checked-border',\n        'disabled:opacity-50',\n      ],\n    },\n    size: {\n      sm: 'size-4',\n      md: 'size-5',\n      lg: 'size-6',\n    },\n    color: {\n      primary: 'accent-primary',\n      secondary: 'accent-secondary',\n      destructive: 'accent-destructive',\n      neutral: 'accent-neutral',\n      light: 'accent-light',\n      text: 'accent-text',\n      dark: 'accent-dark',\n      error: 'accent-error',\n      success: 'accent-success',\n      custom: 'accent-custom',\n    },\n    validationStyleEnabled: {\n      disabled: '',\n      enabled: 'valid:border-success invalid:border-error',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    color: 'primary',\n    validationStyleEnabled: 'disabled',\n    size: 'md',\n  },\n});\n\nexport type CheckboxProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'size'\n> & {\n  name: string;\n  validationStyleEnabled?: boolean;\n  label?: ReactNode;\n} & Omit<VariantProps<typeof checkboxVariants>, 'validationStyleEnabled'>;\n\nconst Input: FC<CheckboxProps> = ({\n  validationStyleEnabled = false,\n  label,\n  size,\n  color,\n  name,\n  variant,\n  className,\n  ...props\n}) => (\n  <input\n    type=\"checkbox\"\n    className={checkboxVariants({\n      variant,\n      size,\n      color,\n      validationStyleEnabled: validationStyleEnabled ? 'enabled' : 'disabled',\n      className,\n    })}\n    {...props}\n  />\n);\n\nexport const Checkbox: FC<CheckboxProps> = (props) => {\n  const { label, name, id } = props;\n\n  return label ? (\n    <label\n      htmlFor={id ?? name}\n      className=\"flex items-center gap-x-4 font-medium text-sm cursor-pointer\"\n    >\n      <Input id={id ?? name} {...props} />\n      {label}\n    </label>\n  ) : (\n    <Input id={id ?? name} {...props} />\n  );\n};\n"],"names":["cva","jsx","jsxs"],"mappings":";;;;AAQO,MAAM,mBAAmBA,uBAAAA,IAAI,IAAI;AAAA,EACtC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,IAEN,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,MACX,aAAa;AAAA,MACb,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,IAEV,wBAAwB;AAAA,MACtB,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,OAAO;AAAA,IACP,wBAAwB;AAAA,IACxB,MAAM;AAAA,EAAA;AAEV,CAAC;AAWD,MAAM,QAA2B,CAAC;AAAA,EAChC,yBAAyB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEC,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,WAAW,iBAAiB;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA,wBAAwB,yBAAyB,YAAY;AAAA,MAC7D;AAAA,IAAA,CACD;AAAA,IACA,GAAG;AAAA,EAAA;AACN;AAGK,MAAM,WAA8B,CAAC,UAAU;AACpD,QAAM,EAAE,OAAO,MAAM,GAAA,IAAO;AAE5B,SAAO,QACLC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AAAA,MACf,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAD,2BAAAA,IAAC,OAAA,EAAM,IAAI,MAAM,MAAO,GAAG,OAAO;AAAA,QACjC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAGHA,2BAAAA,IAAC,OAAA,EAAM,IAAI,MAAM,MAAO,GAAG,OAAO;AAEtC;;;"}
+{"version":3,"file":"Checkbox.cjs","sources":["../../../src/components/Input/Checkbox.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  ReactNode,\n  type DetailedHTMLProps,\n  type FC,\n  type InputHTMLAttributes,\n} from 'react';\n\nexport const checkboxVariants = cva('', {\n  variants: {\n    variant: {\n      default: [\n        'pointer rounded border-2 bg-input-background text-input-text shadow-none outline-0 transition-all',\n        'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none]',\n        'checked:bg-checkbox-checked checked:border-checkbox-checked-border',\n        'disabled:opacity-50',\n      ],\n    },\n    size: {\n      sm: 'size-4',\n      md: 'size-5',\n      lg: 'size-6',\n    },\n    color: {\n      primary: 'accent-primary',\n      secondary: 'accent-secondary',\n      destructive: 'accent-destructive',\n      neutral: 'accent-neutral',\n      light: 'accent-light',\n      text: 'accent-text',\n      dark: 'accent-dark',\n      error: 'accent-error',\n      success: 'accent-success',\n      custom: 'accent-custom',\n    },\n    validationStyleEnabled: {\n      disabled: '',\n      enabled: 'valid:border-success invalid:border-error',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    color: 'primary',\n    validationStyleEnabled: 'disabled',\n    size: 'md',\n  },\n});\n\nexport enum CheckboxSize {\n  SM = 'sm',\n  MD = 'md',\n  LG = 'lg',\n}\n\nexport enum CheckboxColor {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  DESTRUCTIVE = 'destructive',\n  NEUTRAL = 'neutral',\n  LIGHT = 'light',\n  TEXT = 'text',\n  DARK = 'dark',\n  ERROR = 'error',\n  SUCCESS = 'success',\n  CUSTOM = 'custom',\n}\n\nexport type CheckboxProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'size'\n> & {\n  name: string;\n  validationStyleEnabled?: boolean;\n  label?: ReactNode;\n} & Omit<\n    VariantProps<typeof checkboxVariants>,\n    'validationStyleEnabled' | 'size' | 'color'\n  > & {\n    size?: CheckboxSize;\n    color?: CheckboxColor;\n  };\n\nconst Input: FC<CheckboxProps> = ({\n  validationStyleEnabled = false,\n  label,\n  size,\n  color,\n  name,\n  variant,\n  className,\n  ...props\n}) => (\n  <input\n    type=\"checkbox\"\n    className={checkboxVariants({\n      variant,\n      size,\n      color,\n      validationStyleEnabled: validationStyleEnabled ? 'enabled' : 'disabled',\n      className,\n    })}\n    {...props}\n  />\n);\n\nexport const Checkbox: FC<CheckboxProps> = (props) => {\n  const { label, name, id } = props;\n\n  return label ? (\n    <label\n      htmlFor={id ?? name}\n      className=\"flex items-center gap-x-4 font-medium text-sm cursor-pointer\"\n    >\n      <Input id={id ?? name} {...props} />\n      {label}\n    </label>\n  ) : (\n    <Input id={id ?? name} {...props} />\n  );\n};\n"],"names":["cva","CheckboxSize","CheckboxColor","jsx","jsxs"],"mappings":";;;;AAQO,MAAM,mBAAmBA,uBAAAA,IAAI,IAAI;AAAA,EACtC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,IAEN,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,MACX,aAAa;AAAA,MACb,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,IAEV,wBAAwB;AAAA,MACtB,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,OAAO;AAAA,IACP,wBAAwB;AAAA,IACxB,MAAM;AAAA,EAAA;AAEV,CAAC;AAEM,IAAK,iCAAAC,kBAAL;AACLA,gBAAA,IAAA,IAAK;AACLA,gBAAA,IAAA,IAAK;AACLA,gBAAA,IAAA,IAAK;AAHK,SAAAA;AAAA,GAAA,gBAAA,CAAA,CAAA;AAML,IAAK,kCAAAC,mBAAL;AACLA,iBAAA,SAAA,IAAU;AACVA,iBAAA,WAAA,IAAY;AACZA,iBAAA,aAAA,IAAc;AACdA,iBAAA,SAAA,IAAU;AACVA,iBAAA,OAAA,IAAQ;AACRA,iBAAA,MAAA,IAAO;AACPA,iBAAA,MAAA,IAAO;AACPA,iBAAA,OAAA,IAAQ;AACRA,iBAAA,SAAA,IAAU;AACVA,iBAAA,QAAA,IAAS;AAVC,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;AA4BZ,MAAM,QAA2B,CAAC;AAAA,EAChC,yBAAyB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEC,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,WAAW,iBAAiB;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA,wBAAwB,yBAAyB,YAAY;AAAA,MAC7D;AAAA,IAAA,CACD;AAAA,IACA,GAAG;AAAA,EAAA;AACN;AAGK,MAAM,WAA8B,CAAC,UAAU;AACpD,QAAM,EAAE,OAAO,MAAM,GAAA,IAAO;AAE5B,SAAO,QACLC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AAAA,MACf,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAD,2BAAAA,IAAC,OAAA,EAAM,IAAI,MAAM,MAAO,GAAG,OAAO;AAAA,QACjC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAGHA,2BAAAA,IAAC,OAAA,EAAM,IAAI,MAAM,MAAO,GAAG,OAAO;AAEtC;;;;;"}

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

@@ -6,10 +6,30 @@ export declare const checkboxVariants: (props?: ({
     color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "error" | "success" | "custom" | null | undefined;
     validationStyleEnabled?: "disabled" | "enabled" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare enum CheckboxSize {
+    SM = "sm",
+    MD = "md",
+    LG = "lg"
+}
+export declare enum CheckboxColor {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    DESTRUCTIVE = "destructive",
+    NEUTRAL = "neutral",
+    LIGHT = "light",
+    TEXT = "text",
+    DARK = "dark",
+    ERROR = "error",
+    SUCCESS = "success",
+    CUSTOM = "custom"
+}
 export type CheckboxProps = Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'size'> & {
     name: string;
     validationStyleEnabled?: boolean;
     label?: ReactNode;
-} & Omit<VariantProps<typeof checkboxVariants>, 'validationStyleEnabled'>;
+} & Omit<VariantProps<typeof checkboxVariants>, 'validationStyleEnabled' | 'size' | 'color'> & {
+    size?: CheckboxSize;
+    color?: CheckboxColor;
+};
 export declare const Checkbox: FC<CheckboxProps>;
 //# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,SAAS,EACT,KAAK,iBAAiB,EACtB,KAAK,EAAE,EACP,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AAEf,eAAO,MAAM,gBAAgB;;;;;8EAsC3B,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAC1E,MAAM,CACP,GAAG;IACF,IAAI,EAAE,MAAM,CAAC;IACb,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,gBAAgB,CAAC,EAAE,wBAAwB,CAAC,CAAC;AAyB1E,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CActC,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,SAAS,EACT,KAAK,iBAAiB,EACtB,KAAK,EAAE,EACP,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AAEf,eAAO,MAAM,gBAAgB;;;;;8EAsC3B,CAAC;AAEH,oBAAY,YAAY;IACtB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,WAAW,gBAAgB;IAC3B,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAC1E,MAAM,CACP,GAAG;IACF,IAAI,EAAE,MAAM,CAAC;IACb,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,GAAG,IAAI,CACJ,YAAY,CAAC,OAAO,gBAAgB,CAAC,EACrC,wBAAwB,GAAG,MAAM,GAAG,OAAO,CAC5C,GAAG;IACF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAyBJ,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CActC,CAAC"}

package/dist/components/Input/Checkbox.mjs

@@ -39,6 +39,25 @@ const checkboxVariants = cva("", {
     size: "md"
   }
 });
+var CheckboxSize = /* @__PURE__ */ ((CheckboxSize2) => {
+  CheckboxSize2["SM"] = "sm";
+  CheckboxSize2["MD"] = "md";
+  CheckboxSize2["LG"] = "lg";
+  return CheckboxSize2;
+})(CheckboxSize || {});
+var CheckboxColor = /* @__PURE__ */ ((CheckboxColor2) => {
+  CheckboxColor2["PRIMARY"] = "primary";
+  CheckboxColor2["SECONDARY"] = "secondary";
+  CheckboxColor2["DESTRUCTIVE"] = "destructive";
+  CheckboxColor2["NEUTRAL"] = "neutral";
+  CheckboxColor2["LIGHT"] = "light";
+  CheckboxColor2["TEXT"] = "text";
+  CheckboxColor2["DARK"] = "dark";
+  CheckboxColor2["ERROR"] = "error";
+  CheckboxColor2["SUCCESS"] = "success";
+  CheckboxColor2["CUSTOM"] = "custom";
+  return CheckboxColor2;
+})(CheckboxColor || {});
 const Input = ({
   validationStyleEnabled = false,
   label,
@@ -78,6 +97,8 @@ const Checkbox = (props) => {
 };
 export {
   Checkbox,
+  CheckboxColor,
+  CheckboxSize,
   checkboxVariants
 };
 //# sourceMappingURL=Checkbox.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","sources":["../../../src/components/Input/Checkbox.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  ReactNode,\n  type DetailedHTMLProps,\n  type FC,\n  type InputHTMLAttributes,\n} from 'react';\n\nexport const checkboxVariants = cva('', {\n  variants: {\n    variant: {\n      default: [\n        'pointer rounded border-2 bg-input-background text-input-text shadow-none outline-0 transition-all',\n        'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none]',\n        'checked:bg-checkbox-checked checked:border-checkbox-checked-border',\n        'disabled:opacity-50',\n      ],\n    },\n    size: {\n      sm: 'size-4',\n      md: 'size-5',\n      lg: 'size-6',\n    },\n    color: {\n      primary: 'accent-primary',\n      secondary: 'accent-secondary',\n      destructive: 'accent-destructive',\n      neutral: 'accent-neutral',\n      light: 'accent-light',\n      text: 'accent-text',\n      dark: 'accent-dark',\n      error: 'accent-error',\n      success: 'accent-success',\n      custom: 'accent-custom',\n    },\n    validationStyleEnabled: {\n      disabled: '',\n      enabled: 'valid:border-success invalid:border-error',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    color: 'primary',\n    validationStyleEnabled: 'disabled',\n    size: 'md',\n  },\n});\n\nexport type CheckboxProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'size'\n> & {\n  name: string;\n  validationStyleEnabled?: boolean;\n  label?: ReactNode;\n} & Omit<VariantProps<typeof checkboxVariants>, 'validationStyleEnabled'>;\n\nconst Input: FC<CheckboxProps> = ({\n  validationStyleEnabled = false,\n  label,\n  size,\n  color,\n  name,\n  variant,\n  className,\n  ...props\n}) => (\n  <input\n    type=\"checkbox\"\n    className={checkboxVariants({\n      variant,\n      size,\n      color,\n      validationStyleEnabled: validationStyleEnabled ? 'enabled' : 'disabled',\n      className,\n    })}\n    {...props}\n  />\n);\n\nexport const Checkbox: FC<CheckboxProps> = (props) => {\n  const { label, name, id } = props;\n\n  return label ? (\n    <label\n      htmlFor={id ?? name}\n      className=\"flex items-center gap-x-4 font-medium text-sm cursor-pointer\"\n    >\n      <Input id={id ?? name} {...props} />\n      {label}\n    </label>\n  ) : (\n    <Input id={id ?? name} {...props} />\n  );\n};\n"],"names":[],"mappings":";;AAQO,MAAM,mBAAmB,IAAI,IAAI;AAAA,EACtC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,IAEN,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,MACX,aAAa;AAAA,MACb,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,IAEV,wBAAwB;AAAA,MACtB,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,OAAO;AAAA,IACP,wBAAwB;AAAA,IACxB,MAAM;AAAA,EAAA;AAEV,CAAC;AAWD,MAAM,QAA2B,CAAC;AAAA,EAChC,yBAAyB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,WAAW,iBAAiB;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA,wBAAwB,yBAAyB,YAAY;AAAA,MAC7D;AAAA,IAAA,CACD;AAAA,IACA,GAAG;AAAA,EAAA;AACN;AAGK,MAAM,WAA8B,CAAC,UAAU;AACpD,QAAM,EAAE,OAAO,MAAM,GAAA,IAAO;AAE5B,SAAO,QACL;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AAAA,MACf,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAM,IAAI,MAAM,MAAO,GAAG,OAAO;AAAA,QACjC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAGH,oBAAC,OAAA,EAAM,IAAI,MAAM,MAAO,GAAG,OAAO;AAEtC;"}
+{"version":3,"file":"Checkbox.mjs","sources":["../../../src/components/Input/Checkbox.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  ReactNode,\n  type DetailedHTMLProps,\n  type FC,\n  type InputHTMLAttributes,\n} from 'react';\n\nexport const checkboxVariants = cva('', {\n  variants: {\n    variant: {\n      default: [\n        'pointer rounded border-2 bg-input-background text-input-text shadow-none outline-0 transition-all',\n        'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none]',\n        'checked:bg-checkbox-checked checked:border-checkbox-checked-border',\n        'disabled:opacity-50',\n      ],\n    },\n    size: {\n      sm: 'size-4',\n      md: 'size-5',\n      lg: 'size-6',\n    },\n    color: {\n      primary: 'accent-primary',\n      secondary: 'accent-secondary',\n      destructive: 'accent-destructive',\n      neutral: 'accent-neutral',\n      light: 'accent-light',\n      text: 'accent-text',\n      dark: 'accent-dark',\n      error: 'accent-error',\n      success: 'accent-success',\n      custom: 'accent-custom',\n    },\n    validationStyleEnabled: {\n      disabled: '',\n      enabled: 'valid:border-success invalid:border-error',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    color: 'primary',\n    validationStyleEnabled: 'disabled',\n    size: 'md',\n  },\n});\n\nexport enum CheckboxSize {\n  SM = 'sm',\n  MD = 'md',\n  LG = 'lg',\n}\n\nexport enum CheckboxColor {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  DESTRUCTIVE = 'destructive',\n  NEUTRAL = 'neutral',\n  LIGHT = 'light',\n  TEXT = 'text',\n  DARK = 'dark',\n  ERROR = 'error',\n  SUCCESS = 'success',\n  CUSTOM = 'custom',\n}\n\nexport type CheckboxProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'size'\n> & {\n  name: string;\n  validationStyleEnabled?: boolean;\n  label?: ReactNode;\n} & Omit<\n    VariantProps<typeof checkboxVariants>,\n    'validationStyleEnabled' | 'size' | 'color'\n  > & {\n    size?: CheckboxSize;\n    color?: CheckboxColor;\n  };\n\nconst Input: FC<CheckboxProps> = ({\n  validationStyleEnabled = false,\n  label,\n  size,\n  color,\n  name,\n  variant,\n  className,\n  ...props\n}) => (\n  <input\n    type=\"checkbox\"\n    className={checkboxVariants({\n      variant,\n      size,\n      color,\n      validationStyleEnabled: validationStyleEnabled ? 'enabled' : 'disabled',\n      className,\n    })}\n    {...props}\n  />\n);\n\nexport const Checkbox: FC<CheckboxProps> = (props) => {\n  const { label, name, id } = props;\n\n  return label ? (\n    <label\n      htmlFor={id ?? name}\n      className=\"flex items-center gap-x-4 font-medium text-sm cursor-pointer\"\n    >\n      <Input id={id ?? name} {...props} />\n      {label}\n    </label>\n  ) : (\n    <Input id={id ?? name} {...props} />\n  );\n};\n"],"names":["CheckboxSize","CheckboxColor"],"mappings":";;AAQO,MAAM,mBAAmB,IAAI,IAAI;AAAA,EACtC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,IAEN,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,MACX,aAAa;AAAA,MACb,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,IAEV,wBAAwB;AAAA,MACtB,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,OAAO;AAAA,IACP,wBAAwB;AAAA,IACxB,MAAM;AAAA,EAAA;AAEV,CAAC;AAEM,IAAK,iCAAAA,kBAAL;AACLA,gBAAA,IAAA,IAAK;AACLA,gBAAA,IAAA,IAAK;AACLA,gBAAA,IAAA,IAAK;AAHK,SAAAA;AAAA,GAAA,gBAAA,CAAA,CAAA;AAML,IAAK,kCAAAC,mBAAL;AACLA,iBAAA,SAAA,IAAU;AACVA,iBAAA,WAAA,IAAY;AACZA,iBAAA,aAAA,IAAc;AACdA,iBAAA,SAAA,IAAU;AACVA,iBAAA,OAAA,IAAQ;AACRA,iBAAA,MAAA,IAAO;AACPA,iBAAA,MAAA,IAAO;AACPA,iBAAA,OAAA,IAAQ;AACRA,iBAAA,SAAA,IAAU;AACVA,iBAAA,QAAA,IAAS;AAVC,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;AA4BZ,MAAM,QAA2B,CAAC;AAAA,EAChC,yBAAyB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,WAAW,iBAAiB;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA,wBAAwB,yBAAyB,YAAY;AAAA,MAC7D;AAAA,IAAA,CACD;AAAA,IACA,GAAG;AAAA,EAAA;AACN;AAGK,MAAM,WAA8B,CAAC,UAAU;AACpD,QAAM,EAAE,OAAO,MAAM,GAAA,IAAO;AAE5B,SAAO,QACL;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AAAA,MACf,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAM,IAAI,MAAM,MAAO,GAAG,OAAO;AAAA,QACjC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAGH,oBAAC,OAAA,EAAM,IAAI,MAAM,MAAO,GAAG,OAAO;AAEtC;"}

package/dist/components/Input/Input.cjs

@@ -30,6 +30,16 @@ const inputVariants = classVarianceAuthority.cva("", {
     validationStyleEnabled: "disabled"
   }
 });
+var InputVariant = /* @__PURE__ */ ((InputVariant2) => {
+  InputVariant2["DEFAULT"] = "default";
+  InputVariant2["INVISIBLE"] = "invisible";
+  return InputVariant2;
+})(InputVariant || {});
+var InputSize = /* @__PURE__ */ ((InputSize2) => {
+  InputSize2["MD"] = "md";
+  InputSize2["LG"] = "lg";
+  return InputSize2;
+})(InputSize || {});
 const Input = ({
   validationStyleEnabled = false,
   variant,
@@ -49,5 +59,7 @@ const Input = ({
   }
 );
 exports.Input = Input;
+exports.InputSize = InputSize;
+exports.InputVariant = InputVariant;
 exports.inputVariants = inputVariants;
 //# sourceMappingURL=Input.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs","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-base md:text-sm text-input-text shadow-none outline-0 transition-all',\n        'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none]',\n        'aria-[invalid=true]:border-error',\n        'disabled:opacity-50',\n      ],\n      invisible: [\n        'w-full border-none bg-inherit text-inherit outline-hidden ring-0',\n      ],\n    },\n    size: {\n      md: 'px-2 md:py-1 py-3',\n      lg: 'p-4 md:py-2',\n    },\n    validationStyleEnabled: {\n      disabled: '',\n      enabled: 'valid:border-success invalid:border-error',\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":["cva","jsx"],"mappings":";;;;AAOO,MAAM,gBAAgBA,uBAAAA,IAAI,IAAI;AAAA,EACnC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,WAAW;AAAA,QACT;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,IAEN,wBAAwB;AAAA,MACtB,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,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,MACEC,2BAAAA;AAAAA,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;;;"}
+{"version":3,"file":"Input.cjs","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  type DetailedHTMLProps,\n  type FC,\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-base md:text-sm text-input-text shadow-none outline-0 transition-all',\n        'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none]',\n        'aria-[invalid=true]:border-error',\n        'disabled:opacity-50',\n      ],\n      invisible: [\n        'w-full border-none bg-inherit text-inherit outline-hidden ring-0',\n      ],\n    },\n    size: {\n      md: 'px-2 md:py-1 py-3',\n      lg: 'p-4 md:py-2',\n    },\n    validationStyleEnabled: {\n      disabled: '',\n      enabled: 'valid:border-success invalid:border-error',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n    validationStyleEnabled: 'disabled',\n  },\n});\n\nexport enum InputVariant {\n  DEFAULT = 'default',\n  INVISIBLE = 'invisible',\n}\n\nexport enum InputSize {\n  MD = 'md',\n  LG = 'lg',\n}\n\nexport type InputProps = DetailedHTMLProps<\n  InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n> & {\n  validationStyleEnabled?: boolean;\n} & Omit<\n    VariantProps<typeof inputVariants>,\n    'validationStyleEnabled' | 'variant' | 'size'\n  > & {\n    variant?: InputVariant;\n    size?: InputSize;\n  };\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":["cva","InputVariant","InputSize","jsx"],"mappings":";;;;AAOO,MAAM,gBAAgBA,uBAAAA,IAAI,IAAI;AAAA,EACnC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,WAAW;AAAA,QACT;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,IAEN,wBAAwB;AAAA,MACtB,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,IACN,wBAAwB;AAAA,EAAA;AAE5B,CAAC;AAEM,IAAK,iCAAAC,kBAAL;AACLA,gBAAA,SAAA,IAAU;AACVA,gBAAA,WAAA,IAAY;AAFF,SAAAA;AAAA,GAAA,gBAAA,CAAA,CAAA;AAKL,IAAK,8BAAAC,eAAL;AACLA,aAAA,IAAA,IAAK;AACLA,aAAA,IAAA,IAAK;AAFK,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;AAkBL,MAAM,QAAwB,CAAC;AAAA,EACpC,yBAAyB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEC,2BAAAA;AAAAA,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/Input.d.ts

@@ -1,12 +1,23 @@
 import { VariantProps } from 'class-variance-authority';
-import { FC, DetailedHTMLProps, InputHTMLAttributes } from 'react';
+import { DetailedHTMLProps, FC, InputHTMLAttributes } from 'react';
 export declare const inputVariants: (props?: ({
     variant?: "default" | "invisible" | null | undefined;
     size?: "md" | "lg" | null | undefined;
     validationStyleEnabled?: "disabled" | "enabled" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare enum InputVariant {
+    DEFAULT = "default",
+    INVISIBLE = "invisible"
+}
+export declare enum InputSize {
+    MD = "md",
+    LG = "lg"
+}
 export type InputProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
     validationStyleEnabled?: boolean;
-} & Omit<VariantProps<typeof inputVariants>, 'validationStyleEnabled'>;
+} & Omit<VariantProps<typeof inputVariants>, 'validationStyleEnabled' | 'variant' | 'size'> & {
+    variant?: InputVariant;
+    size?: InputSize;
+};
 export declare const Input: FC<InputProps>;
 //# sourceMappingURL=Input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,KAAK,EAAE,EACP,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AAEf,eAAO,MAAM,aAAa;;;;8EA2BxB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,iBAAiB,CACxC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,gBAAgB,CACjB,GAAG;IACF,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,EAAE,wBAAwB,CAAC,CAAC;AAEvE,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAgBhC,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,EAAE,EACP,KAAK,mBAAmB,EACzB,MAAM,OAAO,CAAC;AAEf,eAAO,MAAM,aAAa;;;;8EA2BxB,CAAC;AAEH,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,SAAS,cAAc;CACxB;AAED,oBAAY,SAAS;IACnB,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,MAAM,MAAM,UAAU,GAAG,iBAAiB,CACxC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,gBAAgB,CACjB,GAAG;IACF,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,GAAG,IAAI,CACJ,YAAY,CAAC,OAAO,aAAa,CAAC,EAClC,wBAAwB,GAAG,SAAS,GAAG,MAAM,CAC9C,GAAG;IACF,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEJ,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAgBhC,CAAC"}

package/dist/components/Input/Input.mjs

@@ -28,6 +28,16 @@ const inputVariants = cva("", {
     validationStyleEnabled: "disabled"
   }
 });
+var InputVariant = /* @__PURE__ */ ((InputVariant2) => {
+  InputVariant2["DEFAULT"] = "default";
+  InputVariant2["INVISIBLE"] = "invisible";
+  return InputVariant2;
+})(InputVariant || {});
+var InputSize = /* @__PURE__ */ ((InputSize2) => {
+  InputSize2["MD"] = "md";
+  InputSize2["LG"] = "lg";
+  return InputSize2;
+})(InputSize || {});
 const Input = ({
   validationStyleEnabled = false,
   variant,
@@ -48,6 +58,8 @@ const Input = ({
 );
 export {
   Input,
+  InputSize,
+  InputVariant,
   inputVariants
 };
 //# sourceMappingURL=Input.mjs.map

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  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-base md:text-sm text-input-text shadow-none outline-0 transition-all',\n        'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none]',\n        'aria-[invalid=true]:border-error',\n        'disabled:opacity-50',\n      ],\n      invisible: [\n        'w-full border-none bg-inherit text-inherit outline-hidden ring-0',\n      ],\n    },\n    size: {\n      md: 'px-2 md:py-1 py-3',\n      lg: 'p-4 md:py-2',\n    },\n    validationStyleEnabled: {\n      disabled: '',\n      enabled: 'valid:border-success invalid:border-error',\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":";;AAOO,MAAM,gBAAgB,IAAI,IAAI;AAAA,EACnC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,WAAW;AAAA,QACT;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,IAEN,wBAAwB;AAAA,MACtB,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,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;"}
+{"version":3,"file":"Input.mjs","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  type DetailedHTMLProps,\n  type FC,\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-base md:text-sm text-input-text shadow-none outline-0 transition-all',\n        'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none]',\n        'aria-[invalid=true]:border-error',\n        'disabled:opacity-50',\n      ],\n      invisible: [\n        'w-full border-none bg-inherit text-inherit outline-hidden ring-0',\n      ],\n    },\n    size: {\n      md: 'px-2 md:py-1 py-3',\n      lg: 'p-4 md:py-2',\n    },\n    validationStyleEnabled: {\n      disabled: '',\n      enabled: 'valid:border-success invalid:border-error',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n    validationStyleEnabled: 'disabled',\n  },\n});\n\nexport enum InputVariant {\n  DEFAULT = 'default',\n  INVISIBLE = 'invisible',\n}\n\nexport enum InputSize {\n  MD = 'md',\n  LG = 'lg',\n}\n\nexport type InputProps = DetailedHTMLProps<\n  InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n> & {\n  validationStyleEnabled?: boolean;\n} & Omit<\n    VariantProps<typeof inputVariants>,\n    'validationStyleEnabled' | 'variant' | 'size'\n  > & {\n    variant?: InputVariant;\n    size?: InputSize;\n  };\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":["InputVariant","InputSize"],"mappings":";;AAOO,MAAM,gBAAgB,IAAI,IAAI;AAAA,EACnC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,WAAW;AAAA,QACT;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,IAEN,wBAAwB;AAAA,MACtB,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,IACN,wBAAwB;AAAA,EAAA;AAE5B,CAAC;AAEM,IAAK,iCAAAA,kBAAL;AACLA,gBAAA,SAAA,IAAU;AACVA,gBAAA,WAAA,IAAY;AAFF,SAAAA;AAAA,GAAA,gBAAA,CAAA,CAAA;AAKL,IAAK,8BAAAC,eAAL;AACLA,aAAA,IAAA,IAAK;AACLA,aAAA,IAAA,IAAK;AAFK,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;AAkBL,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/index.cjs

@@ -4,8 +4,12 @@ const components_Input_Input = require("./Input.cjs");
 const components_Input_InputPassword = require("./InputPassword.cjs");
 const components_Input_Checkbox = require("./Checkbox.cjs");
 exports.Input = components_Input_Input.Input;
+exports.InputSize = components_Input_Input.InputSize;
+exports.InputVariant = components_Input_Input.InputVariant;
 exports.inputVariants = components_Input_Input.inputVariants;
 exports.InputPassword = components_Input_InputPassword.InputPassword;
 exports.Checkbox = components_Input_Checkbox.Checkbox;
+exports.CheckboxColor = components_Input_Checkbox.CheckboxColor;
+exports.CheckboxSize = components_Input_Checkbox.CheckboxSize;
 exports.checkboxVariants = components_Input_Checkbox.checkboxVariants;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Input/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/Input/index.mjs

@@ -1,10 +1,14 @@
-import { Input, inputVariants } from "./Input.mjs";
+import { Input, InputSize, InputVariant, inputVariants } from "./Input.mjs";
 import { InputPassword } from "./InputPassword.mjs";
-import { Checkbox, checkboxVariants } from "./Checkbox.mjs";
+import { Checkbox, CheckboxColor, CheckboxSize, checkboxVariants } from "./Checkbox.mjs";
 export {
   Checkbox,
+  CheckboxColor,
+  CheckboxSize,
   Input,
   InputPassword,
+  InputSize,
+  InputVariant,
   checkboxVariants,
   inputVariants
 };

package/dist/components/Link/Link.cjs

@@ -6,40 +6,78 @@ const core = require("@intlayer/core");
 const classVarianceAuthority = require("class-variance-authority");
 const lucideReact = require("lucide-react");
 const utils_cn = require("../../utils/cn.cjs");
+var LinkVariant = /* @__PURE__ */ ((LinkVariant2) => {
+  LinkVariant2["DEFAULT"] = "default";
+  LinkVariant2["INVISIBLE_LINK"] = "invisible-link";
+  LinkVariant2["BUTTON"] = "button";
+  LinkVariant2["BUTTON_OUTLINED"] = "button-outlined";
+  LinkVariant2["HOVERABLE"] = "hoverable";
+  return LinkVariant2;
+})(LinkVariant || {});
+var LinkColor = /* @__PURE__ */ ((LinkColor2) => {
+  LinkColor2["PRIMARY"] = "primary";
+  LinkColor2["SECONDARY"] = "secondary";
+  LinkColor2["DESTRUCTIVE"] = "destructive";
+  LinkColor2["NEUTRAL"] = "neutral";
+  LinkColor2["LIGHT"] = "light";
+  LinkColor2["DARK"] = "dark";
+  LinkColor2["TEXT"] = "text";
+  LinkColor2["TEXT_INVERSE"] = "text-inverse";
+  LinkColor2["ERROR"] = "error";
+  LinkColor2["SUCCESS"] = "success";
+  LinkColor2["CUSTOM"] = "custom";
+  return LinkColor2;
+})(LinkColor || {});
+var LinkUnderlined = /* @__PURE__ */ ((LinkUnderlined2) => {
+  LinkUnderlined2["DEFAULT"] = "default";
+  LinkUnderlined2["TRUE"] = "true";
+  LinkUnderlined2["FALSE"] = "false";
+  return LinkUnderlined2;
+})(LinkUnderlined || {});
 const linkVariants = classVarianceAuthority.cva(
   "gap-3 transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
       variant: {
-        default: "h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0 hover:underline",
-        "invisible-link": "h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0",
-        button: "rounded-lg bg-current *:text-text-opposite min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50",
-        "button-outlined": "rounded-lg border-[1.5px] hover:bg-current/30 min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50",
-        hoverable: "block rounded-lg border-none bg-current/0 transition hover:bg-current/20 aria-[current]:bg-current/5"
+        [`${"default"}`]: "h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0 hover:underline",
+        [`${"invisible-link"}`]: "h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0",
+        [`${"button"}`]: "rounded-lg bg-current *:text-text-opposite min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50",
+        [`${"button-outlined"}`]: "rounded-lg border-[1.5px] hover:bg-current/30 min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50",
+        [`${"hoverable"}`]: "block rounded-lg border-none bg-current/0 transition hover:bg-current/20 aria-[current]:bg-current/5"
       },
       color: {
-        primary: "text-primary",
-        secondary: "text-secondary",
-        destructive: "text-destructive",
-        neutral: "text-neutral",
-        light: "text-white",
-        dark: "text-neutral-800",
-        text: "text-text",
-        "text-inverse": "text-text-opposite",
-        error: "text-error",
-        success: "text-success",
-        custom: ""
+        [`${"primary"}`]: "text-primary",
+        [`${"secondary"}`]: "text-secondary",
+        [`${"destructive"}`]: "text-destructive",
+        [`${"neutral"}`]: "text-neutral",
+        [`${"light"}`]: "text-white",
+        [`${"dark"}`]: "text-neutral-800",
+        [`${"text"}`]: "text-text",
+        [`${"text-inverse"}`]: "text-text-opposite",
+        [`${"error"}`]: "text-error",
+        [`${"success"}`]: "text-success",
+        [`${"custom"}`]: ""
       },
       underlined: {
-        default: "",
-        true: "underline",
-        false: "no-underline"
+        [
+          "default"
+          /* DEFAULT */
+        ]: "",
+        [
+          "true"
+          /* TRUE */
+        ]: "underline",
+        [
+          "false"
+          /* FALSE */
+        ]: "no-underline"
       }
     },
     defaultVariants: {
       variant: "default",
       color: "primary",
       underlined: "default"
+      /* DEFAULT */
     }
   }
 );
@@ -98,6 +136,9 @@ const Link = (props) => {
   );
 };
 exports.Link = Link;
+exports.LinkColor = LinkColor;
+exports.LinkUnderlined = LinkUnderlined;
+exports.LinkVariant = LinkVariant;
 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 configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/config/client';\nimport { getLocalizedUrl } from '@intlayer/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ExternalLink } from 'lucide-react';\nimport {\n  type AnchorHTMLAttributes,\n  type DetailedHTMLProps,\n  type FC,\n} from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const linkVariants = cva(\n  'gap-3 transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default:\n          'h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0 hover:underline',\n        'invisible-link':\n          'h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0',\n        button:\n          'rounded-lg bg-current *:text-text-opposite min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n        'button-outlined':\n          'rounded-lg border-[1.5px] hover:bg-current/30 min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n        hoverable:\n          'block rounded-lg border-none bg-current/0 transition hover:bg-current/20 aria-[current]:bg-current/5',\n      },\n      color: {\n        primary: 'text-primary',\n        secondary: 'text-secondary',\n        destructive: 'text-destructive',\n        neutral: 'text-neutral',\n        light: 'text-white',\n        dark: 'text-neutral-800',\n        text: 'text-text',\n        'text-inverse': 'text-text-opposite',\n        error: 'text-error',\n        success: 'text-success',\n        custom: '',\n      },\n      underlined: {\n        default: '',\n        true: 'underline',\n        false: 'no-underline',\n      },\n    },\n\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n      underlined: 'default',\n    },\n  }\n);\n\nexport type LinkProps = DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n> &\n  VariantProps<typeof linkVariants> & {\n    label: string;\n    isExternalLink?: boolean;\n    isActive?: boolean;\n    locale?: LocalesValues;\n  };\n\nexport const checkIsExternalLink = ({\n  href,\n  isExternalLink: isExternalLinkProp,\n}: LinkProps): boolean => {\n  const isValidHref = typeof href === 'string' && href.trim() !== '';\n  const isExternalLink =\n    isExternalLinkProp === true ||\n    (typeof isExternalLinkProp === 'undefined' &&\n      isValidHref &&\n      /^https?:\\/\\//.test(href));\n\n  return isExternalLink;\n};\n\nexport const Link: FC<LinkProps> = (props) => {\n  const {\n    variant = 'default',\n    color = 'primary',\n    children,\n    label,\n    className,\n    isActive,\n    underlined,\n    locale,\n    isExternalLink: isExternalLinkProp,\n    href: hrefProp,\n    ...otherProps\n  } = props;\n  const { internationalization } = configuration;\n\n  const isExternalLink = checkIsExternalLink(props);\n  const isChildrenString = typeof children === 'string';\n\n  const rel = isExternalLink ? 'noopener noreferrer nofollow' : undefined;\n\n  const target = isExternalLink ? '_blank' : '_self';\n\n  const hrefLang = locale\n    ? locale === internationalization.defaultLocale\n      ? 'x-default'\n      : locale\n    : undefined;\n\n  const href =\n    locale && hrefProp && !isExternalLink\n      ? getLocalizedUrl(hrefProp, locale)\n      : hrefProp;\n\n  return (\n    <a\n      href={href}\n      hrefLang={hrefLang}\n      aria-label={label}\n      rel={rel}\n      target={target}\n      aria-current={isActive ? 'page' : undefined}\n      className={cn(\n        linkVariants({\n          variant,\n          color,\n          underlined,\n          className,\n        })\n      )}\n      {...otherProps}\n    >\n      {variant === 'button' ? <span>{children}</span> : children}\n      {isExternalLink && isChildrenString && (\n        <ExternalLink className=\"ml-2 inline-block size-4\" />\n      )}\n    </a>\n  );\n};\n"],"names":["cva","getLocalizedUrl","jsxs","cn","jsx","ExternalLink"],"mappings":";;;;;;;;AAYO,MAAM,eAAeA,uBAAAA;AAAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,kBACE;AAAA,QACF,QACE;AAAA,QACF,mBACE;AAAA,QACF,WACE;AAAA,MAAA;AAAA,MAEJ,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,QACX,aAAa;AAAA,QACb,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,SAAS;AAAA,QACT,QAAQ;AAAA,MAAA;AAAA,MAEV,YAAY;AAAA,QACV,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAGF,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;AAChE,QAAM,iBACJ,uBAAuB,QACtB,OAAO,uBAAuB,eAC7B,eACA,eAAe,KAAK,IAAI;AAE5B,SAAO;AACT;AAEO,MAAM,OAAsB,CAAC,UAAU;AAC5C,QAAM;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;AACJ,QAAM,EAAE,yBAAyB;AAEjC,QAAM,iBAAiB,oBAAoB,KAAK;AAChD,QAAM,mBAAmB,OAAO,aAAa;AAE7C,QAAM,MAAM,iBAAiB,iCAAiC;AAE9D,QAAM,SAAS,iBAAiB,WAAW;AAE3C,QAAM,WAAW,SACb,WAAW,qBAAqB,gBAC9B,cACA,SACF;AAEJ,QAAM,OACJ,UAAU,YAAY,CAAC,iBACnBC,qBAAgB,UAAU,MAAM,IAChC;AAEN,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,gBAAc,WAAW,SAAS;AAAA,MAClC,WAAWC,SAAAA;AAAAA,QACT,aAAa;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,CACD;AAAA,MAAA;AAAA,MAEF,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,YAAY,WAAWC,2BAAAA,IAAC,QAAA,EAAM,SAAA,CAAS,IAAU;AAAA,QACjD,kBAAkB,oBACjBA,2BAAAA,IAACC,YAAAA,cAAA,EAAa,WAAU,2BAAA,CAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAI3D;;;;"}
+{"version":3,"file":"Link.cjs","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/config/client';\nimport { getLocalizedUrl } from '@intlayer/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ExternalLink } from 'lucide-react';\nimport {\n  type AnchorHTMLAttributes,\n  type DetailedHTMLProps,\n  type FC,\n} from 'react';\nimport { cn } from '../../utils/cn';\n\nexport enum LinkVariant {\n  DEFAULT = 'default',\n  INVISIBLE_LINK = 'invisible-link',\n  BUTTON = 'button',\n  BUTTON_OUTLINED = 'button-outlined',\n  HOVERABLE = 'hoverable',\n}\n\nexport enum LinkColor {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  DESTRUCTIVE = 'destructive',\n  NEUTRAL = 'neutral',\n  LIGHT = 'light',\n  DARK = 'dark',\n  TEXT = 'text',\n  TEXT_INVERSE = 'text-inverse',\n  ERROR = 'error',\n  SUCCESS = 'success',\n  CUSTOM = 'custom',\n}\n\nexport enum LinkUnderlined {\n  DEFAULT = 'default',\n  TRUE = 'true',\n  FALSE = 'false',\n}\n\nexport const linkVariants = cva(\n  'gap-3 transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        [`${LinkVariant.DEFAULT}`]:\n          'h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0 hover:underline',\n        [`${LinkVariant.INVISIBLE_LINK}`]:\n          'h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0',\n        [`${LinkVariant.BUTTON}`]:\n          'rounded-lg bg-current *:text-text-opposite min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n        [`${LinkVariant.BUTTON_OUTLINED}`]:\n          'rounded-lg border-[1.5px] hover:bg-current/30 min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n        [`${LinkVariant.HOVERABLE}`]:\n          'block rounded-lg border-none bg-current/0 transition hover:bg-current/20 aria-[current]:bg-current/5',\n      },\n      color: {\n        [`${LinkColor.PRIMARY}`]: 'text-primary',\n        [`${LinkColor.SECONDARY}`]: 'text-secondary',\n        [`${LinkColor.DESTRUCTIVE}`]: 'text-destructive',\n        [`${LinkColor.NEUTRAL}`]: 'text-neutral',\n        [`${LinkColor.LIGHT}`]: 'text-white',\n        [`${LinkColor.DARK}`]: 'text-neutral-800',\n        [`${LinkColor.TEXT}`]: 'text-text',\n        [`${LinkColor.TEXT_INVERSE}`]: 'text-text-opposite',\n        [`${LinkColor.ERROR}`]: 'text-error',\n        [`${LinkColor.SUCCESS}`]: 'text-success',\n        [`${LinkColor.CUSTOM}`]: '',\n      },\n      underlined: {\n        [LinkUnderlined.DEFAULT]: '',\n        [LinkUnderlined.TRUE]: 'underline',\n        [LinkUnderlined.FALSE]: 'no-underline',\n      },\n    },\n\n    defaultVariants: {\n      variant: LinkVariant.DEFAULT,\n      color: LinkColor.PRIMARY,\n      underlined: LinkUnderlined.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 = LinkVariant.DEFAULT,\n    color = LinkColor.PRIMARY,\n    children,\n    label,\n    className,\n    isActive,\n    underlined,\n    locale,\n    isExternalLink: isExternalLinkProp,\n    href: hrefProp,\n    ...otherProps\n  } = props;\n  const { internationalization } = configuration;\n\n  const isExternalLink = checkIsExternalLink(props);\n  const isChildrenString = typeof children === 'string';\n\n  const rel = isExternalLink ? 'noopener noreferrer nofollow' : undefined;\n\n  const target = isExternalLink ? '_blank' : '_self';\n\n  const hrefLang = locale\n    ? locale === internationalization.defaultLocale\n      ? 'x-default'\n      : locale\n    : undefined;\n\n  const href =\n    locale && hrefProp && !isExternalLink\n      ? getLocalizedUrl(hrefProp, locale)\n      : hrefProp;\n\n  return (\n    <a\n      href={href}\n      hrefLang={hrefLang}\n      aria-label={label}\n      rel={rel}\n      target={target}\n      aria-current={isActive ? 'page' : undefined}\n      className={cn(\n        linkVariants({\n          variant,\n          color,\n          underlined,\n          className,\n        })\n      )}\n      {...otherProps}\n    >\n      {variant === 'button' ? <span>{children}</span> : children}\n      {isExternalLink && isChildrenString && (\n        <ExternalLink className=\"ml-2 inline-block size-4\" />\n      )}\n    </a>\n  );\n};\n"],"names":["LinkVariant","LinkColor","LinkUnderlined","cva","getLocalizedUrl","jsxs","cn","jsx","ExternalLink"],"mappings":";;;;;;;;AAYO,IAAK,gCAAAA,iBAAL;AACLA,eAAA,SAAA,IAAU;AACVA,eAAA,gBAAA,IAAiB;AACjBA,eAAA,QAAA,IAAS;AACTA,eAAA,iBAAA,IAAkB;AAClBA,eAAA,WAAA,IAAY;AALF,SAAAA;AAAA,GAAA,eAAA,CAAA,CAAA;AAQL,IAAK,8BAAAC,eAAL;AACLA,aAAA,SAAA,IAAU;AACVA,aAAA,WAAA,IAAY;AACZA,aAAA,aAAA,IAAc;AACdA,aAAA,SAAA,IAAU;AACVA,aAAA,OAAA,IAAQ;AACRA,aAAA,MAAA,IAAO;AACPA,aAAA,MAAA,IAAO;AACPA,aAAA,cAAA,IAAe;AACfA,aAAA,OAAA,IAAQ;AACRA,aAAA,SAAA,IAAU;AACVA,aAAA,QAAA,IAAS;AAXC,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;AAcL,IAAK,mCAAAC,oBAAL;AACLA,kBAAA,SAAA,IAAU;AACVA,kBAAA,MAAA,IAAO;AACPA,kBAAA,OAAA,IAAQ;AAHE,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;AAML,MAAM,eAAeC,uBAAAA;AAAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,CAAC,GAAG,SAAA,EAAqB,GACvB;AAAA,QACF,CAAC,GAAG,gBAAA,EAA4B,GAC9B;AAAA,QACF,CAAC,GAAG,QAAA,EAAoB,GACtB;AAAA,QACF,CAAC,GAAG,iBAAA,EAA6B,GAC/B;AAAA,QACF,CAAC,GAAG,WAAA,EAAuB,GACzB;AAAA,MAAA;AAAA,MAEJ,OAAO;AAAA,QACL,CAAC,GAAG,SAAA,EAAmB,GAAG;AAAA,QAC1B,CAAC,GAAG,WAAA,EAAqB,GAAG;AAAA,QAC5B,CAAC,GAAG,aAAA,EAAuB,GAAG;AAAA,QAC9B,CAAC,GAAG,SAAA,EAAmB,GAAG;AAAA,QAC1B,CAAC,GAAG,OAAA,EAAiB,GAAG;AAAA,QACxB,CAAC,GAAG,MAAA,EAAgB,GAAG;AAAA,QACvB,CAAC,GAAG,MAAA,EAAgB,GAAG;AAAA,QACvB,CAAC,GAAG,cAAA,EAAwB,GAAG;AAAA,QAC/B,CAAC,GAAG,OAAA,EAAiB,GAAG;AAAA,QACxB,CAAC,GAAG,SAAA,EAAmB,GAAG;AAAA,QAC1B,CAAC,GAAG,QAAA,EAAkB,GAAG;AAAA,MAAA;AAAA,MAE3B,YAAY;AAAA,QACV;AAAA,UAAC;AAAA;AAAA,WAAyB;AAAA,QAC1B;AAAA,UAAC;AAAA;AAAA,WAAsB;AAAA,QACvB;AAAA,UAAC;AAAA;AAAA,WAAuB;AAAA,MAAA;AAAA,IAC1B;AAAA,IAGF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA,MACP,YAAY;AAAA;AAAA,IAAA;AAAA,EACd;AAEJ;AAaO,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA,gBAAgB;AAClB,MAA0B;AACxB,QAAM,cAAc,OAAO,SAAS,YAAY,KAAK,WAAW;AAChE,QAAM,iBACJ,uBAAuB,QACtB,OAAO,uBAAuB,eAC7B,eACA,eAAe,KAAK,IAAI;AAE5B,SAAO;AACT;AAEO,MAAM,OAAsB,CAAC,UAAU;AAC5C,QAAM;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;AACJ,QAAM,EAAE,yBAAyB;AAEjC,QAAM,iBAAiB,oBAAoB,KAAK;AAChD,QAAM,mBAAmB,OAAO,aAAa;AAE7C,QAAM,MAAM,iBAAiB,iCAAiC;AAE9D,QAAM,SAAS,iBAAiB,WAAW;AAE3C,QAAM,WAAW,SACb,WAAW,qBAAqB,gBAC9B,cACA,SACF;AAEJ,QAAM,OACJ,UAAU,YAAY,CAAC,iBACnBC,qBAAgB,UAAU,MAAM,IAChC;AAEN,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,gBAAc,WAAW,SAAS;AAAA,MAClC,WAAWC,SAAAA;AAAAA,QACT,aAAa;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,CACD;AAAA,MAAA;AAAA,MAEF,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,YAAY,WAAWC,2BAAAA,IAAC,QAAA,EAAM,SAAA,CAAS,IAAU;AAAA,QACjD,kBAAkB,oBACjBA,2BAAAA,IAACC,YAAAA,cAAA,EAAa,WAAU,2BAAA,CAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAI3D;;;;;;;"}

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

@@ -1,10 +1,35 @@
 import { LocalesValues } from '@intlayer/config/client';
 import { VariantProps } from 'class-variance-authority';
 import { AnchorHTMLAttributes, DetailedHTMLProps, FC } from 'react';
+export declare enum LinkVariant {
+    DEFAULT = "default",
+    INVISIBLE_LINK = "invisible-link",
+    BUTTON = "button",
+    BUTTON_OUTLINED = "button-outlined",
+    HOVERABLE = "hoverable"
+}
+export declare enum LinkColor {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    DESTRUCTIVE = "destructive",
+    NEUTRAL = "neutral",
+    LIGHT = "light",
+    DARK = "dark",
+    TEXT = "text",
+    TEXT_INVERSE = "text-inverse",
+    ERROR = "error",
+    SUCCESS = "success",
+    CUSTOM = "custom"
+}
+export declare enum LinkUnderlined {
+    DEFAULT = "default",
+    TRUE = "true",
+    FALSE = "false"
+}
 export declare const linkVariants: (props?: ({
-    variant?: "default" | "button" | "invisible-link" | "hoverable" | "button-outlined" | null | undefined;
+    variant?: "button" | "default" | "invisible-link" | "hoverable" | "button-outlined" | null | undefined;
     color?: "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text-inverse" | "error" | "success" | "custom" | null | undefined;
-    underlined?: boolean | "default" | null | undefined;
+    underlined?: boolean | LinkUnderlined.DEFAULT | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type LinkProps = DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & VariantProps<typeof linkVariants> & {
     label: string;

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

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

package/dist/components/Link/Link.mjs

@@ -4,40 +4,78 @@ import { getLocalizedUrl } from "@intlayer/core";
 import { cva } from "class-variance-authority";
 import { ExternalLink } from "lucide-react";
 import { cn } from "../../utils/cn.mjs";
+var LinkVariant = /* @__PURE__ */ ((LinkVariant2) => {
+  LinkVariant2["DEFAULT"] = "default";
+  LinkVariant2["INVISIBLE_LINK"] = "invisible-link";
+  LinkVariant2["BUTTON"] = "button";
+  LinkVariant2["BUTTON_OUTLINED"] = "button-outlined";
+  LinkVariant2["HOVERABLE"] = "hoverable";
+  return LinkVariant2;
+})(LinkVariant || {});
+var LinkColor = /* @__PURE__ */ ((LinkColor2) => {
+  LinkColor2["PRIMARY"] = "primary";
+  LinkColor2["SECONDARY"] = "secondary";
+  LinkColor2["DESTRUCTIVE"] = "destructive";
+  LinkColor2["NEUTRAL"] = "neutral";
+  LinkColor2["LIGHT"] = "light";
+  LinkColor2["DARK"] = "dark";
+  LinkColor2["TEXT"] = "text";
+  LinkColor2["TEXT_INVERSE"] = "text-inverse";
+  LinkColor2["ERROR"] = "error";
+  LinkColor2["SUCCESS"] = "success";
+  LinkColor2["CUSTOM"] = "custom";
+  return LinkColor2;
+})(LinkColor || {});
+var LinkUnderlined = /* @__PURE__ */ ((LinkUnderlined2) => {
+  LinkUnderlined2["DEFAULT"] = "default";
+  LinkUnderlined2["TRUE"] = "true";
+  LinkUnderlined2["FALSE"] = "false";
+  return LinkUnderlined2;
+})(LinkUnderlined || {});
 const linkVariants = cva(
   "gap-3 transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
       variant: {
-        default: "h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0 hover:underline",
-        "invisible-link": "h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0",
-        button: "rounded-lg bg-current *:text-text-opposite min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50",
-        "button-outlined": "rounded-lg border-[1.5px] hover:bg-current/30 min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50",
-        hoverable: "block rounded-lg border-none bg-current/0 transition hover:bg-current/20 aria-[current]:bg-current/5"
+        [`${"default"}`]: "h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0 hover:underline",
+        [`${"invisible-link"}`]: "h-auto justify-start border-inherit bg-current/0 px-1 underline-offset-4 hover:bg-current/0",
+        [`${"button"}`]: "rounded-lg bg-current *:text-text-opposite min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50",
+        [`${"button-outlined"}`]: "rounded-lg border-[1.5px] hover:bg-current/30 min-h-8 px-6 max-md:py-2 text-sm flex items-center justify-center gap-2 whitespace-nowrap font-medium transition focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50",
+        [`${"hoverable"}`]: "block rounded-lg border-none bg-current/0 transition hover:bg-current/20 aria-[current]:bg-current/5"
       },
       color: {
-        primary: "text-primary",
-        secondary: "text-secondary",
-        destructive: "text-destructive",
-        neutral: "text-neutral",
-        light: "text-white",
-        dark: "text-neutral-800",
-        text: "text-text",
-        "text-inverse": "text-text-opposite",
-        error: "text-error",
-        success: "text-success",
-        custom: ""
+        [`${"primary"}`]: "text-primary",
+        [`${"secondary"}`]: "text-secondary",
+        [`${"destructive"}`]: "text-destructive",
+        [`${"neutral"}`]: "text-neutral",
+        [`${"light"}`]: "text-white",
+        [`${"dark"}`]: "text-neutral-800",
+        [`${"text"}`]: "text-text",
+        [`${"text-inverse"}`]: "text-text-opposite",
+        [`${"error"}`]: "text-error",
+        [`${"success"}`]: "text-success",
+        [`${"custom"}`]: ""
       },
       underlined: {
-        default: "",
-        true: "underline",
-        false: "no-underline"
+        [
+          "default"
+          /* DEFAULT */
+        ]: "",
+        [
+          "true"
+          /* TRUE */
+        ]: "underline",
+        [
+          "false"
+          /* FALSE */
+        ]: "no-underline"
       }
     },
     defaultVariants: {
       variant: "default",
       color: "primary",
       underlined: "default"
+      /* DEFAULT */
     }
   }
 );
@@ -97,6 +135,9 @@ const Link = (props) => {
 };
 export {
   Link,
+  LinkColor,
+  LinkUnderlined,
+  LinkVariant,
   checkIsExternalLink,
   linkVariants
 };