@intlayer/design-system 6.1.6 → 7.0.0-canary.0

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

@@ -1 +0,0 @@
-{"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 | `${CheckboxSize}`;\n    color?: CheckboxColor | `${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

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const classVarianceAuthority = require("class-variance-authority");
-const inputVariants = classVarianceAuthority.cva("", {
-  variants: {
-    variant: {
-      default: [
-        "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",
-        "border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none]",
-        "aria-[invalid=true]:border-error",
-        "disabled:opacity-50"
-      ],
-      invisible: [
-        "w-full border-none bg-inherit text-inherit outline-hidden ring-0"
-      ]
-    },
-    size: {
-      md: "px-2 md:py-1 py-3",
-      lg: "p-4 md:py-2"
-    },
-    validationStyleEnabled: {
-      disabled: "",
-      enabled: "valid:border-success invalid:border-error"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "md",
-    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,
-  size,
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  "input",
-  {
-    className: inputVariants({
-      variant,
-      size,
-      validationStyleEnabled: validationStyleEnabled ? "enabled" : "disabled",
-      className
-    }),
-    ...props
-  }
-);
-exports.Input = Input;
-exports.InputSize = InputSize;
-exports.InputVariant = InputVariant;
-exports.inputVariants = inputVariants;
-//# sourceMappingURL=Input.cjs.map

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

@@ -1 +0,0 @@
-{"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,23 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-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' | '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 +0,0 @@
-{"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

@@ -1,65 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-const inputVariants = cva("", {
-  variants: {
-    variant: {
-      default: [
-        "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",
-        "border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none]",
-        "aria-[invalid=true]:border-error",
-        "disabled:opacity-50"
-      ],
-      invisible: [
-        "w-full border-none bg-inherit text-inherit outline-hidden ring-0"
-      ]
-    },
-    size: {
-      md: "px-2 md:py-1 py-3",
-      lg: "p-4 md:py-2"
-    },
-    validationStyleEnabled: {
-      disabled: "",
-      enabled: "valid:border-success invalid:border-error"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "md",
-    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,
-  size,
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "input",
-  {
-    className: inputVariants({
-      variant,
-      size,
-      validationStyleEnabled: validationStyleEnabled ? "enabled" : "disabled",
-      className
-    }),
-    ...props
-  }
-);
-export {
-  Input,
-  InputSize,
-  InputVariant,
-  inputVariants
-};
-//# sourceMappingURL=Input.mjs.map

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

@@ -1 +0,0 @@
-{"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/InputPassword.cjs

@@ -1,44 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const lucideReact = require("lucide-react");
-const ReactExports = require("react");
-const components_Input_Input = require("./Input.cjs");
-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,
-        "aria-label": "password",
-        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 mr-2 inline-block",
-            size: 20
-          }
-        )
-      }
-    )
-  ] });
-};
-exports.InputPassword = InputPassword;
-//# sourceMappingURL=InputPassword.cjs.map

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

@@ -1 +0,0 @@
-{"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\n        {...props}\n        aria-label=\"password\"\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 mr-2 inline-block\"\n          size={20}\n        />\n      </button>\n    </div>\n  );\n};\n"],"names":["useState","isPasswordRevealed","EyeIcon","EyeOffIcon","jsxs","jsx","Input"],"mappings":";;;;;;;AAQO,MAAM,gBAAwC,CAAC,UAAU;AAC9D,QAAM,CAAC,oBAAoB,qBAAqB,IAAIA,aAAAA,SAAS,KAAK;AAElE,QAAM,uBAA6D,CAAC,MAAM;AACxE,MAAE,eAAA;AACF,MAAE,gBAAA;AACF,0BAAsB,CAACC,wBAAuB,CAACA,mBAAkB;AAAA,EACnE;AAEA,QAAM,mBAAmB,qBAAqBC,YAAAA,UAAUC,YAAAA;AAExD,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,uBAAAA;AAAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,cAAW;AAAA,QACX,MAAM,qBAAqB,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAGtCD,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAU;AAAA,QACV,SAAS;AAAA,QACT,cAAY,qBAAqB,kBAAkB;AAAA,QAEnD,UAAAA,2BAAAA;AAAAA,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,6 +0,0 @@
-import { FC } from 'react';
-import { InputProps } from './Input';
-type InputPasswordProps = Omit<InputProps, 'type'>;
-export declare const InputPassword: FC<InputPasswordProps>;
-export {};
-//# sourceMappingURL=InputPassword.d.ts.map

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

@@ -1 +0,0 @@
-{"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,CAgChD,CAAC"}

package/dist/components/Input/InputPassword.mjs

@@ -1,44 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { EyeIcon, EyeOffIcon } from "lucide-react";
-import { useState } from "react";
-import { Input } from "./Input.mjs";
-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,
-        "aria-label": "password",
-        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 mr-2 inline-block",
-            size: 20
-          }
-        )
-      }
-    )
-  ] });
-};
-export {
-  InputPassword
-};
-//# sourceMappingURL=InputPassword.mjs.map

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

@@ -1 +0,0 @@
-{"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\n        {...props}\n        aria-label=\"password\"\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 mr-2 inline-block\"\n          size={20}\n        />\n      </button>\n    </div>\n  );\n};\n"],"names":["isPasswordRevealed"],"mappings":";;;;;AAQO,MAAM,gBAAwC,CAAC,UAAU;AAC9D,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,KAAK;AAElE,QAAM,uBAA6D,CAAC,MAAM;AACxE,MAAE,eAAA;AACF,MAAE,gBAAA;AACF,0BAAsB,CAACA,wBAAuB,CAACA,mBAAkB;AAAA,EACnE;AAEA,QAAM,mBAAmB,qBAAqB,UAAU;AAExD,SACE,qBAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,cAAW;AAAA,QACX,MAAM,qBAAqB,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAGtC;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/Input/index.cjs

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-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 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

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

@@ -1,4 +0,0 @@
-export * from './Input';
-export * from './InputPassword';
-export * from './Checkbox';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC"}

package/dist/components/Input/index.mjs

@@ -1,15 +0,0 @@
-import { Input, InputSize, InputVariant, inputVariants } from "./Input.mjs";
-import { InputPassword } from "./InputPassword.mjs";
-import { Checkbox, CheckboxColor, CheckboxSize, checkboxVariants } from "./Checkbox.mjs";
-export {
-  Checkbox,
-  CheckboxColor,
-  CheckboxSize,
-  Input,
-  InputPassword,
-  InputSize,
-  InputVariant,
-  checkboxVariants,
-  inputVariants
-};
-//# sourceMappingURL=index.mjs.map

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

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

package/dist/components/KeyboardScreenAdapter/index.cjs

@@ -1,25 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const hooks_useKeyboardDetector = require("../../hooks/useKeyboardDetector.cjs");
-const utils_cn = require("../../utils/cn.cjs");
-const KeyboardScreenAdapter = ({ children, className, ...props }) => {
-  const { windowHeight } = hooks_useKeyboardDetector.useKeyboardDetector();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: utils_cn.cn(
-        "h-screen w-screen overflow-auto scroll-smooth transition",
-        className
-      ),
-      style: {
-        maxHeight: windowHeight ? `${windowHeight}px` : void 0
-      },
-      ...props,
-      children
-    }
-  );
-};
-exports.KeyboardScreenAdapter = KeyboardScreenAdapter;
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/KeyboardScreenAdapter/index.tsx"],"sourcesContent":["'use client';\n\nimport type { FC, HTMLAttributes, PropsWithChildren } from 'react';\nimport { useKeyboardDetector } from '../../hooks/useKeyboardDetector';\nimport { cn } from '../../utils/cn';\n\n/**\n * KeyboardScreenAdapter Component\n *\n * A smart wrapper component that automatically adapts the viewport height\n * when virtual keyboards appear on mobile devices. This prevents content\n * from being hidden behind the keyboard and ensures optimal user experience\n * across all devices and orientations.\n *\n * @component\n * @example\n * Basic usage:\n * ```tsx\n * <KeyboardScreenAdapter>\n *   <div>Your app content here</div>\n * </KeyboardScreenAdapter>\n * ```\n *\n * @example\n * With custom styling:\n * ```tsx\n * <KeyboardScreenAdapter className=\"bg-gray-100 p-4\">\n *   <form>\n *     <input type=\"text\" placeholder=\"Enter your name\" />\n *     <input type=\"email\" placeholder=\"Enter your email\" />\n *     <button type=\"submit\">Submit</button>\n *   </form>\n * </KeyboardScreenAdapter>\n * ```\n *\n * @example\n * Mobile-first responsive design:\n * ```tsx\n * <KeyboardScreenAdapter className=\"md:min-h-screen\">\n *   <div className=\"flex flex-col h-full\">\n *     <header>Navigation</header>\n *     <main className=\"flex-1 overflow-auto\">\n *       <input type=\"search\" placeholder=\"Search...\" />\n *       Content that needs keyboard adaptation\n *     </main>\n *   </div>\n * </KeyboardScreenAdapter>\n * ```\n *\n * Features:\n * - Automatic viewport height detection and adjustment\n * - Smooth transitions when keyboard shows/hides\n * - Works with both iOS and Android virtual keyboards\n * - Responsive design that adapts to device orientation changes\n * - Maintains scroll behavior and overflow handling\n * - Lightweight with minimal performance impact\n * - Client-side only (Next.js compatible with 'use client')\n *\n * How it works:\n * 1. Uses the useKeyboardDetector hook to monitor window height changes\n * 2. Detects when virtual keyboard appears (window height decreases)\n * 3. Automatically adjusts the container's max-height to fit visible area\n * 4. Provides smooth transitions for better user experience\n * 5. Restores original height when keyboard disappears\n *\n * Use cases:\n * - Mobile web applications with forms\n * - Chat interfaces and messaging apps\n * - Search interfaces and input-heavy UIs\n * - Progressive Web Apps (PWAs)\n * - Any mobile-first application requiring keyboard interaction\n *\n * Browser compatibility:\n * - iOS Safari (all versions)\n * - Chrome Mobile (Android)\n * - Samsung Internet\n * - Firefox Mobile\n * - Other mobile browsers with virtual keyboards\n *\n * Performance considerations:\n * - Uses ResizeObserver for efficient window monitoring\n * - Minimal re-renders through optimized state management\n * - CSS transitions handled by GPU acceleration\n * - No layout thrashing during keyboard transitions\n *\n * Accessibility:\n * - Maintains focus management during transitions\n * - Preserves scroll position and user context\n * - Compatible with screen readers and assistive technologies\n * - Supports keyboard navigation patterns\n *\n * @param props - Component props extending standard div attributes\n * @param props.children - Content to render within the adaptive container\n * @param props.className - Additional CSS classes for the container\n * @param props.style - Inline styles (note: maxHeight may be overridden)\n * @param props.id - Unique identifier for the container\n * @param props.role - ARIA role for accessibility\n * @param props.tabIndex - Tab index for focus management\n * @param props.onScroll - Scroll event handler\n * @param props.onTouchStart - Touch start event handler\n * @param props.onTouchMove - Touch move event handler\n * @param props.onTouchEnd - Touch end event handler\n * @param props...rest - All other standard HTML div attributes\n *\n * @returns A responsive container that adapts to keyboard visibility\n */\nexport const KeyboardScreenAdapter: FC<\n  PropsWithChildren<HTMLAttributes<HTMLDivElement>>\n> = ({ children, className, ...props }) => {\n  const { windowHeight } = useKeyboardDetector();\n\n  return (\n    <div\n      className={cn(\n        'h-screen w-screen overflow-auto scroll-smooth transition',\n        className\n      )}\n      style={{\n        maxHeight: windowHeight ? `${windowHeight}px` : undefined,\n      }}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["useKeyboardDetector","jsx","cn"],"mappings":";;;;;;AA0GO,MAAM,wBAET,CAAC,EAAE,UAAU,WAAW,GAAG,YAAY;AACzC,QAAM,EAAE,aAAA,IAAiBA,8CAAA;AAEzB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,SAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,OAAO;AAAA,QACL,WAAW,eAAe,GAAG,YAAY,OAAO;AAAA,MAAA;AAAA,MAEjD,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

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

@@ -1,103 +0,0 @@
-import { FC, HTMLAttributes, PropsWithChildren } from 'react';
-/**
- * KeyboardScreenAdapter Component
- *
- * A smart wrapper component that automatically adapts the viewport height
- * when virtual keyboards appear on mobile devices. This prevents content
- * from being hidden behind the keyboard and ensures optimal user experience
- * across all devices and orientations.
- *
- * @component
- * @example
- * Basic usage:
- * ```tsx
- * <KeyboardScreenAdapter>
- *   <div>Your app content here</div>
- * </KeyboardScreenAdapter>
- * ```
- *
- * @example
- * With custom styling:
- * ```tsx
- * <KeyboardScreenAdapter className="bg-gray-100 p-4">
- *   <form>
- *     <input type="text" placeholder="Enter your name" />
- *     <input type="email" placeholder="Enter your email" />
- *     <button type="submit">Submit</button>
- *   </form>
- * </KeyboardScreenAdapter>
- * ```
- *
- * @example
- * Mobile-first responsive design:
- * ```tsx
- * <KeyboardScreenAdapter className="md:min-h-screen">
- *   <div className="flex flex-col h-full">
- *     <header>Navigation</header>
- *     <main className="flex-1 overflow-auto">
- *       <input type="search" placeholder="Search..." />
- *       Content that needs keyboard adaptation
- *     </main>
- *   </div>
- * </KeyboardScreenAdapter>
- * ```
- *
- * Features:
- * - Automatic viewport height detection and adjustment
- * - Smooth transitions when keyboard shows/hides
- * - Works with both iOS and Android virtual keyboards
- * - Responsive design that adapts to device orientation changes
- * - Maintains scroll behavior and overflow handling
- * - Lightweight with minimal performance impact
- * - Client-side only (Next.js compatible with 'use client')
- *
- * How it works:
- * 1. Uses the useKeyboardDetector hook to monitor window height changes
- * 2. Detects when virtual keyboard appears (window height decreases)
- * 3. Automatically adjusts the container's max-height to fit visible area
- * 4. Provides smooth transitions for better user experience
- * 5. Restores original height when keyboard disappears
- *
- * Use cases:
- * - Mobile web applications with forms
- * - Chat interfaces and messaging apps
- * - Search interfaces and input-heavy UIs
- * - Progressive Web Apps (PWAs)
- * - Any mobile-first application requiring keyboard interaction
- *
- * Browser compatibility:
- * - iOS Safari (all versions)
- * - Chrome Mobile (Android)
- * - Samsung Internet
- * - Firefox Mobile
- * - Other mobile browsers with virtual keyboards
- *
- * Performance considerations:
- * - Uses ResizeObserver for efficient window monitoring
- * - Minimal re-renders through optimized state management
- * - CSS transitions handled by GPU acceleration
- * - No layout thrashing during keyboard transitions
- *
- * Accessibility:
- * - Maintains focus management during transitions
- * - Preserves scroll position and user context
- * - Compatible with screen readers and assistive technologies
- * - Supports keyboard navigation patterns
- *
- * @param props - Component props extending standard div attributes
- * @param props.children - Content to render within the adaptive container
- * @param props.className - Additional CSS classes for the container
- * @param props.style - Inline styles (note: maxHeight may be overridden)
- * @param props.id - Unique identifier for the container
- * @param props.role - ARIA role for accessibility
- * @param props.tabIndex - Tab index for focus management
- * @param props.onScroll - Scroll event handler
- * @param props.onTouchStart - Touch start event handler
- * @param props.onTouchMove - Touch move event handler
- * @param props.onTouchEnd - Touch end event handler
- * @param props...rest - All other standard HTML div attributes
- *
- * @returns A responsive container that adapts to keyboard visibility
- */
-export declare const KeyboardScreenAdapter: FC<PropsWithChildren<HTMLAttributes<HTMLDivElement>>>;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/KeyboardScreenAdapter/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAInE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmGG;AACH,eAAO,MAAM,qBAAqB,EAAE,EAAE,CACpC,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAkBlD,CAAC"}

package/dist/components/KeyboardScreenAdapter/index.mjs

@@ -1,25 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { useKeyboardDetector } from "../../hooks/useKeyboardDetector.mjs";
-import { cn } from "../../utils/cn.mjs";
-const KeyboardScreenAdapter = ({ children, className, ...props }) => {
-  const { windowHeight } = useKeyboardDetector();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "h-screen w-screen overflow-auto scroll-smooth transition",
-        className
-      ),
-      style: {
-        maxHeight: windowHeight ? `${windowHeight}px` : void 0
-      },
-      ...props,
-      children
-    }
-  );
-};
-export {
-  KeyboardScreenAdapter
-};
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/KeyboardScreenAdapter/index.tsx"],"sourcesContent":["'use client';\n\nimport type { FC, HTMLAttributes, PropsWithChildren } from 'react';\nimport { useKeyboardDetector } from '../../hooks/useKeyboardDetector';\nimport { cn } from '../../utils/cn';\n\n/**\n * KeyboardScreenAdapter Component\n *\n * A smart wrapper component that automatically adapts the viewport height\n * when virtual keyboards appear on mobile devices. This prevents content\n * from being hidden behind the keyboard and ensures optimal user experience\n * across all devices and orientations.\n *\n * @component\n * @example\n * Basic usage:\n * ```tsx\n * <KeyboardScreenAdapter>\n *   <div>Your app content here</div>\n * </KeyboardScreenAdapter>\n * ```\n *\n * @example\n * With custom styling:\n * ```tsx\n * <KeyboardScreenAdapter className=\"bg-gray-100 p-4\">\n *   <form>\n *     <input type=\"text\" placeholder=\"Enter your name\" />\n *     <input type=\"email\" placeholder=\"Enter your email\" />\n *     <button type=\"submit\">Submit</button>\n *   </form>\n * </KeyboardScreenAdapter>\n * ```\n *\n * @example\n * Mobile-first responsive design:\n * ```tsx\n * <KeyboardScreenAdapter className=\"md:min-h-screen\">\n *   <div className=\"flex flex-col h-full\">\n *     <header>Navigation</header>\n *     <main className=\"flex-1 overflow-auto\">\n *       <input type=\"search\" placeholder=\"Search...\" />\n *       Content that needs keyboard adaptation\n *     </main>\n *   </div>\n * </KeyboardScreenAdapter>\n * ```\n *\n * Features:\n * - Automatic viewport height detection and adjustment\n * - Smooth transitions when keyboard shows/hides\n * - Works with both iOS and Android virtual keyboards\n * - Responsive design that adapts to device orientation changes\n * - Maintains scroll behavior and overflow handling\n * - Lightweight with minimal performance impact\n * - Client-side only (Next.js compatible with 'use client')\n *\n * How it works:\n * 1. Uses the useKeyboardDetector hook to monitor window height changes\n * 2. Detects when virtual keyboard appears (window height decreases)\n * 3. Automatically adjusts the container's max-height to fit visible area\n * 4. Provides smooth transitions for better user experience\n * 5. Restores original height when keyboard disappears\n *\n * Use cases:\n * - Mobile web applications with forms\n * - Chat interfaces and messaging apps\n * - Search interfaces and input-heavy UIs\n * - Progressive Web Apps (PWAs)\n * - Any mobile-first application requiring keyboard interaction\n *\n * Browser compatibility:\n * - iOS Safari (all versions)\n * - Chrome Mobile (Android)\n * - Samsung Internet\n * - Firefox Mobile\n * - Other mobile browsers with virtual keyboards\n *\n * Performance considerations:\n * - Uses ResizeObserver for efficient window monitoring\n * - Minimal re-renders through optimized state management\n * - CSS transitions handled by GPU acceleration\n * - No layout thrashing during keyboard transitions\n *\n * Accessibility:\n * - Maintains focus management during transitions\n * - Preserves scroll position and user context\n * - Compatible with screen readers and assistive technologies\n * - Supports keyboard navigation patterns\n *\n * @param props - Component props extending standard div attributes\n * @param props.children - Content to render within the adaptive container\n * @param props.className - Additional CSS classes for the container\n * @param props.style - Inline styles (note: maxHeight may be overridden)\n * @param props.id - Unique identifier for the container\n * @param props.role - ARIA role for accessibility\n * @param props.tabIndex - Tab index for focus management\n * @param props.onScroll - Scroll event handler\n * @param props.onTouchStart - Touch start event handler\n * @param props.onTouchMove - Touch move event handler\n * @param props.onTouchEnd - Touch end event handler\n * @param props...rest - All other standard HTML div attributes\n *\n * @returns A responsive container that adapts to keyboard visibility\n */\nexport const KeyboardScreenAdapter: FC<\n  PropsWithChildren<HTMLAttributes<HTMLDivElement>>\n> = ({ children, className, ...props }) => {\n  const { windowHeight } = useKeyboardDetector();\n\n  return (\n    <div\n      className={cn(\n        'h-screen w-screen overflow-auto scroll-smooth transition',\n        className\n      )}\n      style={{\n        maxHeight: windowHeight ? `${windowHeight}px` : undefined,\n      }}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;AA0GO,MAAM,wBAET,CAAC,EAAE,UAAU,WAAW,GAAG,YAAY;AACzC,QAAM,EAAE,aAAA,IAAiB,oBAAA;AAEzB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,OAAO;AAAA,QACL,WAAW,eAAe,GAAG,YAAY,OAAO;AAAA,MAAA;AAAA,MAEjD,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/Label/index.cjs

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const utils_cn = require("../../utils/cn.cjs");
-const Label = ({
-  htmlFor,
-  required = false,
-  disabled = false,
-  className,
-  children,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(
-  "label",
-  {
-    className: utils_cn.cn(
-      "text-sm font-medium leading-none select-none",
-      "peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-      disabled && "cursor-not-allowed opacity-70 text-muted-foreground",
-      className
-    ),
-    htmlFor,
-    ...props,
-    children: [
-      children,
-      required && /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: "text-destructive ml-1",
-          "aria-label": "required",
-          title: "This field is required",
-          children: "*"
-        }
-      )
-    ]
-  }
-);
-exports.Label = Label;
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Label/index.tsx"],"sourcesContent":["import { type FC, type LabelHTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\n/**\n * Props for the Label component\n */\nexport interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {\n  /**\n   * The ID of the form control this label is associated with.\n   * This creates the accessible relationship between the label and its control.\n   * @example \"email-input\"\n   * @example \"password-field\"\n   */\n  htmlFor?: string;\n\n  /**\n   * Whether the associated form control is required.\n   * Adds visual indicator and updates ARIA attributes.\n   * @default false\n   */\n  required?: boolean;\n\n  /**\n   * Whether the associated form control is disabled.\n   * Updates styling to indicate disabled state.\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * Additional CSS classes for custom styling\n   * @example \"text-red-600 font-bold\"\n   */\n  className?: string;\n}\n\n/**\n * Label Component\n *\n * A form label component that provides accessible labeling for form controls.\n * Establishes proper relationships between labels and their associated form elements\n * with visual indicators for required and disabled states.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Label htmlFor=\"email\">Email Address</Label>\n * <input id=\"email\" type=\"email\" />\n *\n * // Required field\n * <Label htmlFor=\"password\" required>Password</Label>\n * <input id=\"password\" type=\"password\" required />\n *\n * // Disabled field\n * <Label htmlFor=\"disabled-field\" disabled>Disabled Field</Label>\n * <input id=\"disabled-field\" type=\"text\" disabled />\n *\n * // With custom styling\n * <Label htmlFor=\"custom\" className=\"text-blue-600 font-semibold\">\n *   Custom Styled Label\n * </Label>\n * ```\n *\n * @component\n * @accessibility\n * - Uses semantic HTML <label> element\n * - Properly associates with form controls via htmlFor/id relationship\n * - Supports click-to-focus behavior automatically\n * - Visual indicators for required and disabled states\n * - Screen reader compatible with proper ARIA relationships\n */\nexport const Label: FC<LabelProps> = ({\n  htmlFor,\n  required = false,\n  disabled = false,\n  className,\n  children,\n  ...props\n}) => (\n  <label\n    className={cn(\n      'text-sm font-medium leading-none select-none',\n      'peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n      disabled && 'cursor-not-allowed opacity-70 text-muted-foreground',\n      className\n    )}\n    htmlFor={htmlFor}\n    {...props}\n  >\n    {children}\n    {required && (\n      <span\n        className=\"text-destructive ml-1\"\n        aria-label=\"required\"\n        title=\"This field is required\"\n      >\n        *\n      </span>\n    )}\n  </label>\n);\n"],"names":["jsxs","cn","jsx"],"mappings":";;;;AAuEO,MAAM,QAAwB,CAAC;AAAA,EACpC;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAAA;AAAAA,MACT;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,IAAA;AAAA,IAEF;AAAA,IACC,GAAG;AAAA,IAEH,UAAA;AAAA,MAAA;AAAA,MACA,YACCC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,cAAW;AAAA,UACX,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAAA;AAEJ;;"}