@adam-milo/ui 1.0.20 → 1.0.22

package/dist/index9.js

@@ -1,61 +1,65 @@
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import * as a from "@radix-ui/react-tabs";
-import { cn as b } from "./index17.js";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { cn } from "./index17.js";
 /* empty css        */
-const C = a.Root, g = m(
-  ({ className: s, "data-cy": t, "data-testid": i, ...n }, r) => {
-    const e = t || "tabs-list", o = i || "tabs-list";
-    return /* @__PURE__ */ c(
-      a.List,
+const Tabs = TabsPrimitive.Root;
+const TabsList = forwardRef(
+  ({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+    const finalDataCy = dataCy || "tabs-list";
+    const finalTestId = dataTestId || "tabs-list";
+    return /* @__PURE__ */ jsx(
+      TabsPrimitive.List,
       {
-        ref: r,
-        className: b("tabs-list", s),
-        "data-cy": e,
-        "data-testid": o,
-        ...n
+        ref,
+        className: cn("tabs-list", className),
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props
       }
     );
   }
 );
-g.displayName = a.List.displayName;
-const y = m(
-  ({ className: s, value: t, "data-cy": i, "data-testid": n, ...r }, e) => {
-    const o = i || (t ? `tabs-trigger-${t}` : "tabs-trigger"), d = n || (t ? `tabs-trigger-${t}` : "tabs-trigger");
-    return /* @__PURE__ */ c(
-      a.Trigger,
+TabsList.displayName = TabsPrimitive.List.displayName;
+const TabsTrigger = forwardRef(
+  ({ className, value, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+    const finalDataCy = dataCy || (value ? `tabs-trigger-${value}` : "tabs-trigger");
+    const finalTestId = dataTestId || (value ? `tabs-trigger-${value}` : "tabs-trigger");
+    return /* @__PURE__ */ jsx(
+      TabsPrimitive.Trigger,
       {
-        ref: e,
-        className: b("tabs-trigger", s),
-        value: t,
-        "data-cy": o,
-        "data-testid": d,
-        ...r
+        ref,
+        className: cn("tabs-trigger", className),
+        value,
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props
       }
     );
   }
 );
-y.displayName = a.Trigger.displayName;
-const f = m(
-  ({ className: s, value: t, "data-cy": i, "data-testid": n, ...r }, e) => {
-    const o = i || (t ? `tabs-content-${t}` : "tabs-content"), d = n || (t ? `tabs-content-${t}` : "tabs-content");
-    return /* @__PURE__ */ c(
-      a.Content,
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+const TabsContent = forwardRef(
+  ({ className, value, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+    const finalDataCy = dataCy || (value ? `tabs-content-${value}` : "tabs-content");
+    const finalTestId = dataTestId || (value ? `tabs-content-${value}` : "tabs-content");
+    return /* @__PURE__ */ jsx(
+      TabsPrimitive.Content,
       {
-        ref: e,
-        className: b("tabs-content", s),
-        value: t,
-        "data-cy": o,
-        "data-testid": d,
-        ...r
+        ref,
+        className: cn("tabs-content", className),
+        value,
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props
       }
     );
   }
 );
-f.displayName = a.Content.displayName;
+TabsContent.displayName = TabsPrimitive.Content.displayName;
 export {
-  C as Tabs,
-  f as TabsContent,
-  g as TabsList,
-  y as TabsTrigger
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
 };

package/dist/src/components/forms/alphanumeric-input/AlphanumericInput.component.d.ts

@@ -1,22 +1,18 @@
-import { InputHTMLAttributes } from 'react';
+import { InputProps } from '../input/Input.component';
 
-export interface AlphanumericInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
-    label?: string;
-    error?: string;
-    helperText?: string;
-    fullWidth?: boolean;
+export interface AlphanumericInputProps extends Omit<InputProps, 'type'> {
     /**
-     * Allow hyphen (-) character
+     * Allow hyphens in the input
      * @default false
      */
     allowHyphen?: boolean;
     /**
-     * Allow underscore (_) character
+     * Allow underscores in the input
      * @default false
      */
     allowUnderscore?: boolean;
     /**
-     * Allow space character
+     * Allow spaces in the input
      * @default false
      */
     allowSpace?: boolean;
@@ -28,35 +24,24 @@ export interface AlphanumericInputProps extends Omit<InputHTMLAttributes<HTMLInp
      * Maximum length
      */
     maxLength?: number;
-    /**
-     * Custom validation message for invalid format
-     * @default "Only letters and numbers are allowed"
-     */
-    invalidFormatMessage?: string;
-    /**
-     * Custom validation message for min length
-     * @default "Must be at least {minLength} characters"
-     */
-    minLengthMessage?: string;
-    /**
-     * Custom validation message for max length
-     * @default "Must be at most {maxLength} characters"
-     */
-    maxLengthMessage?: string;
-    /**
-     * Callback when validation changes
-     */
-    onValidationChange?: (isValid: boolean) => void;
-    /**
-     * Custom data-cy attribute for Cypress testing
-     * Auto-generates as "alphanumeric-input" if not provided
-     */
-    'data-cy'?: string;
-    /**
-     * Custom data-testid attribute for unit testing
-     * Auto-generates as "alphanumeric-input" if not provided
-     */
-    'data-testid'?: string;
 }
+/**
+ * AlphanumericInput - Specialized input component for alphanumeric values
+ *
+ * A wrapper around the base Input component that only allows letters and numbers,
+ * with optional support for hyphens, underscores, and spaces.
+ *
+ * @example
+ * ```tsx
+ * <AlphanumericInput
+ *   label="Username"
+ *   placeholder="Enter username"
+ *   minLength={3}
+ *   maxLength={20}
+ *   allowUnderscore={true}
+ *   required
+ * />
+ * ```
+ */
 export declare const AlphanumericInput: import('react').ForwardRefExoticComponent<AlphanumericInputProps & import('react').RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=AlphanumericInput.component.d.ts.map

package/dist/src/components/forms/alphanumeric-input/AlphanumericInput.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlphanumericInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/alphanumeric-input/AlphanumericInput.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAMpB,MAAM,OAAO,CAAC;AAEf,OAAO,yBAAyB,CAAC;AAEjC,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,CACP;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAEhD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,qHAgO7B,CAAC"}
+{"version":3,"file":"AlphanumericInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/alphanumeric-input/AlphanumericInput.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAG7D,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IACtE;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,iBAAiB,qHAwJ7B,CAAC"}

package/dist/src/components/forms/email-input/EmailInput.component.d.ts

@@ -1,10 +1,6 @@
-import { InputHTMLAttributes } from 'react';
+import { InputProps } from '../input/Input.component';
 
-export interface EmailInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
-    label?: string;
-    error?: string;
-    helperText?: string;
-    fullWidth?: boolean;
+export interface EmailInputProps extends Omit<InputProps, 'type'> {
     /**
      * Enable client-side email validation
      * @default true
@@ -15,20 +11,21 @@ export interface EmailInputProps extends Omit<InputHTMLAttributes<HTMLInputEleme
      * @default "Not a valid email address"
      */
     invalidEmailMessage?: string;
-    /**
-     * Callback when email validation changes
-     */
-    onValidationChange?: (isValid: boolean) => void;
-    /**
-     * Custom data-cy attribute for Cypress testing
-     * Auto-generates as "email-input" if not provided
-     */
-    'data-cy'?: string;
-    /**
-     * Custom data-testid attribute for unit testing
-     * Auto-generates as "email-input" if not provided
-     */
-    'data-testid'?: string;
 }
+/**
+ * EmailInput - Specialized input component for email addresses
+ *
+ * A wrapper around the base Input component with built-in email validation.
+ *
+ * @example
+ * ```tsx
+ * <EmailInput
+ *   label="Email"
+ *   placeholder="Enter your email"
+ *   required
+ *   validateEmail={true}
+ * />
+ * ```
+ */
 export declare const EmailInput: import('react').ForwardRefExoticComponent<EmailInputProps & import('react').RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=EmailInput.component.d.ts.map

package/dist/src/components/forms/email-input/EmailInput.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmailInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/email-input/EmailInput.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAA4C,MAAM,OAAO,CAAC;AAEtF,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAEhD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAQD,eAAO,MAAM,UAAU,8GAuHtB,CAAC"}
+{"version":3,"file":"EmailInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/email-input/EmailInput.component.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE7D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IAC/D;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,8GA4CtB,CAAC"}

package/dist/src/components/forms/input/Input.component.d.ts

@@ -0,0 +1,105 @@
+import { InputHTMLAttributes } from 'react';
+
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * Label text for the input
+     */
+    label?: string;
+    /**
+     * Error message to display below the input
+     */
+    error?: string;
+    /**
+     * Helper text to display below the input (only shown when no error)
+     */
+    helperText?: string;
+    /**
+     * Whether the input should take full width
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Show password visibility toggle (only for type="password")
+     * @default true for password inputs
+     */
+    showPasswordToggle?: boolean;
+    /**
+     * Show last character preview for password inputs
+     * When enabled, only the last typed character is visible, all others are masked with bullets (•)
+     * NOTE: Only works in uncontrolled mode (without value prop)
+     * @default true for password inputs
+     */
+    showLastChar?: boolean;
+    /**
+     * Delay in milliseconds before fully masking the last character
+     * @default 500
+     */
+    lastCharDelay?: number;
+    /**
+     * Custom validation function
+     * Returns error message if invalid, undefined if valid
+     */
+    validate?: (value: string) => string | undefined;
+    /**
+     * Callback when validation state changes
+     */
+    onValidationChange?: (isValid: boolean) => void;
+    /**
+     * Custom data-cy attribute for Cypress testing
+     * Auto-generates as "input" if not provided
+     */
+    'data-cy'?: string;
+    /**
+     * Custom data-testid attribute for unit testing
+     * Auto-generates as "input" if not provided
+     */
+    'data-testid'?: string;
+}
+/**
+ * Input - Generic input component for the Saas Design System
+ *
+ * A flexible input component that can be configured for different use cases:
+ * - Text input
+ * - Email input with custom validation
+ * - Password input with visibility toggle and last character preview
+ * - Any other HTML input type
+ *
+ * Features:
+ * - Automatically adds asterisk (*) to label when required={true}
+ * - Adds aria-required attribute for accessibility
+ * - Custom validation with error messages
+ * - Password visibility toggle
+ * - Last character preview for password inputs (shows ONLY last typed char, masks rest with •)
+ * - Helper text support
+ * - Full keyboard accessibility
+ *
+ * @example
+ * ```tsx
+ * // Simple text input
+ * <Input label="Name" placeholder="Enter your name" />
+ *
+ * // Email with validation (asterisk added automatically)
+ * <Input
+ *   type="email"
+ *   label="Email"
+ *   placeholder="Enter your email"
+ *   required
+ *   validate={(value) => {
+ *     if (!value.includes('@')) return 'Not a valid email';
+ *   }}
+ * />
+ *
+ * // Password with toggle and last char preview (asterisk added automatically)
+ * <Input
+ *   type="password"
+ *   label="Password"
+ *   placeholder="Enter your password"
+ *   required
+ *   showPasswordToggle
+ *   showLastChar
+ *   lastCharDelay={500}
+ * />
+ * ```
+ */
+export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Input.component.d.ts.map

package/dist/src/components/forms/input/Input.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/input/Input.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAQpB,MAAM,OAAO,CAAC;AAEf,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAEjD;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAEhD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,eAAO,MAAM,KAAK,yGAsWjB,CAAC"}

package/dist/src/components/forms/numeric-input/NumericInput.component.d.ts

@@ -1,62 +1,44 @@
-import { InputHTMLAttributes } from 'react';
+import { InputProps } from '../input/Input.component';
 
-export interface NumericInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'min' | 'max' | 'step'> {
-    label?: string;
-    error?: string;
-    helperText?: string;
-    fullWidth?: boolean;
+export interface NumericInputProps extends Omit<InputProps, 'type'> {
     /**
-     * Allow decimal numbers (e.g., 3.14)
-     * @default false
-     */
-    allowDecimal?: boolean;
-    /**
-     * Allow negative numbers
-     * @default false
-     */
-    allowNegative?: boolean;
-    /**
-     * Minimum value (inclusive)
+     * Minimum value allowed
      */
     min?: number;
     /**
-     * Maximum value (inclusive)
+     * Maximum value allowed
      */
     max?: number;
     /**
-     * Maximum number of decimal places
-     * @default 2
-     */
-    decimalPlaces?: number;
-    /**
-     * Custom validation message for invalid number
-     * @default "Please enter a valid number"
+     * Step increment for the number input
+     * @default 1
      */
-    invalidNumberMessage?: string;
+    step?: number;
     /**
-     * Custom validation message for min value
-     * @default "Value must be at least {min}"
-     */
-    minValueMessage?: string;
-    /**
-     * Custom validation message for max value
-     * @default "Value must be at most {max}"
-     */
-    maxValueMessage?: string;
-    /**
-     * Callback when validation changes
-     */
-    onValidationChange?: (isValid: boolean) => void;
-    /**
-     * Custom data-cy attribute for Cypress testing
-     * Auto-generates as "numeric-input" if not provided
-     */
-    'data-cy'?: string;
-    /**
-     * Custom data-testid attribute for unit testing
-     * Auto-generates as "numeric-input" if not provided
+     * Allow decimal numbers
+     * @default false
      */
-    'data-testid'?: string;
+    allowDecimals?: boolean;
 }
+/**
+ * NumericInput - Specialized input component for numeric values
+ *
+ * A wrapper around the base Input component with number-specific features:
+ * - Type="number" by default
+ * - Min/max validation
+ * - Step increments
+ * - Optional decimal support
+ *
+ * @example
+ * ```tsx
+ * <NumericInput
+ *   label="Age"
+ *   placeholder="Enter age"
+ *   min={0}
+ *   max={120}
+ *   required
+ * />
+ * ```
+ */
 export declare const NumericInput: import('react').ForwardRefExoticComponent<NumericInputProps & import('react').RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=NumericInput.component.d.ts.map

package/dist/src/components/forms/numeric-input/NumericInput.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumericInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/numeric-input/NumericInput.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAMpB,MAAM,OAAO,CAAC;AAEf,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAChC;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAEhD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,gHAqNxB,CAAC"}
+{"version":3,"file":"NumericInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/numeric-input/NumericInput.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE7D,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IACjE;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,YAAY,gHAmExB,CAAC"}

package/dist/src/components/forms/password-input/PasswordInput.component.d.ts

@@ -1,25 +1,28 @@
-import { InputHTMLAttributes } from 'react';
+import { InputProps } from '../input/Input.component';
 
-export interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
-    label?: string;
-    error?: string;
-    helperText?: string;
-    fullWidth?: boolean;
+export interface PasswordInputProps extends Omit<InputProps, 'type'> {
     /**
      * Show password visibility toggle button
      * @default true
      */
     showToggle?: boolean;
-    /**
-     * Custom data-cy attribute for Cypress testing
-     * Auto-generates as "password-input" if not provided
-     */
-    'data-cy'?: string;
-    /**
-     * Custom data-testid attribute for unit testing
-     * Auto-generates as "password-input" if not provided
-     */
-    'data-testid'?: string;
 }
+/**
+ * PasswordInput - Specialized input component for passwords
+ *
+ * A wrapper around the base Input component with password-specific features:
+ * - Password visibility toggle
+ * - Type="password" by default
+ *
+ * @example
+ * ```tsx
+ * <PasswordInput
+ *   label="Password"
+ *   placeholder="Enter your password"
+ *   required
+ *   showToggle={true}
+ * />
+ * ```
+ */
 export declare const PasswordInput: import('react').ForwardRefExoticComponent<PasswordInputProps & import('react').RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=PasswordInput.component.d.ts.map

package/dist/src/components/forms/password-input/PasswordInput.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/password-input/PasswordInput.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAA+B,MAAM,OAAO,CAAC;AAEzE,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC7F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,iHA8JzB,CAAC"}
+{"version":3,"file":"PasswordInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/password-input/PasswordInput.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE7D,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IAClE;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,aAAa,iHAazB,CAAC"}

package/dist/src/lib/debounce.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Creates a debounced function that delays invoking func until after wait milliseconds
+ * have elapsed since the last time the debounced function was invoked.
+ *
+ * @param func - The function to debounce
+ * @param wait - The number of milliseconds to delay
+ * @returns The debounced function with a cancel method
+ */
+export declare function debounce<T extends (...args: any[]) => void>(func: T, wait: number): ((...args: Parameters<T>) => void) & {
+    cancel: () => void;
+};
+//# sourceMappingURL=debounce.d.ts.map

package/dist/src/lib/debounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../../src/lib/debounce.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EACzD,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,MAAM,GACX,CAAC,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAAG;IAAE,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,CAyB7D"}

package/dist/src/lib/debounce.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=debounce.spec.d.ts.map

package/dist/src/lib/debounce.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.spec.d.ts","sourceRoot":"","sources":["../../../src/lib/debounce.spec.ts"],"names":[],"mappings":""}

package/dist/src/lib/dev-utils.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Development-only utilities
+ * These functions are optimized away in production builds
+ */
+/**
+ * Logs a warning message only in development mode
+ * In production builds, this function call is stripped by the bundler
+ *
+ * @param message - The warning message to display
+ *
+ * @example
+ * ```typescript
+ * devWarn('Component: Invalid prop value provided');
+ * ```
+ */
+export declare const devWarn: (message: string) => void;
+/**
+ * Logs an error message only in development mode
+ * In production builds, this function call is stripped by the bundler
+ *
+ * @param message - The error message to display
+ *
+ * @example
+ * ```typescript
+ * devError('Component: Critical error occurred');
+ * ```
+ */
+export declare const devError: (message: string) => void;
+/**
+ * Logs an info message only in development mode
+ * In production builds, this function call is stripped by the bundler
+ *
+ * @param message - The info message to display
+ *
+ * @example
+ * ```typescript
+ * devLog('Component: Rendering with props:', props);
+ * ```
+ */
+export declare const devLog: (message: string, ...args: unknown[]) => void;
+//# sourceMappingURL=dev-utils.d.ts.map

package/dist/src/lib/dev-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-utils.d.ts","sourceRoot":"","sources":["../../../src/lib/dev-utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,GAAI,SAAS,MAAM,KAAG,IAIzC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,GAAI,SAAS,MAAM,KAAG,IAI1C,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,GAAI,SAAS,MAAM,EAAE,GAAG,MAAM,OAAO,EAAE,KAAG,IAI5D,CAAC"}

package/dist/src/lib/index.d.ts

@@ -1,6 +1,19 @@
+import { ClassValue } from 'clsx';
+
 /**
- * Combines class names conditionally
+ * Combines class names conditionally with proper Tailwind class merging
+ * Uses clsx for conditional classes and tailwind-merge to resolve conflicts
+ *
+ * @example
+ * ```typescript
+ * cn('text-red-500', 'text-blue-500') // => 'text-blue-500' (last class wins)
+ * cn('p-4', undefined, false, 'bg-white') // => 'p-4 bg-white'
+ * cn({ 'hidden': isHidden, 'block': !isHidden }) // => 'hidden' or 'block'
+ * ```
  */
-export declare function cn(...classes: (string | undefined | null | false)[]): string;
+export declare function cn(...inputs: ClassValue[]): string;
 export declare function generateId(prefix?: string): string;
+export { devWarn, devError, devLog } from './dev-utils';
+export { debounce } from './debounce';
+export { useMergedRef } from './useMergedRef';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,EAAE,GAAG,MAAM,CAE5E;AAMD,wBAAgB,UAAU,CAAC,MAAM,SAAO,GAAG,MAAM,CAGhD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAG7C;;;;;;;;;;GAUG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD;AAMD,wBAAgB,UAAU,CAAC,MAAM,SAAO,GAAG,MAAM,CAGhD;AAGD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/src/lib/useMergedRef.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Merges multiple React refs into a single callback ref.
+ * Useful when you need to forward a ref while also keeping an internal ref.
+ *
+ * @param refs - Array of refs to merge (can be callback refs or ref objects)
+ * @returns A callback ref that updates all provided refs
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = forwardRef((props, forwardedRef) => {
+ *   const internalRef = useRef(null);
+ *   const mergedRef = useMergedRef(forwardedRef, internalRef);
+ *
+ *   return <input ref={mergedRef} />;
+ * });
+ * ```
+ */
+export declare function useMergedRef<T = unknown>(...refs: (React.Ref<T> | undefined)[]): React.RefCallback<T>;
+//# sourceMappingURL=useMergedRef.d.ts.map

package/dist/src/lib/useMergedRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMergedRef.d.ts","sourceRoot":"","sources":["../../../src/lib/useMergedRef.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,YAAY,CAAC,CAAC,GAAG,OAAO,EACtC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,GACpC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CActB"}