@banzamel/mineralui 0.10.3 → 1.0.0

package/dist/InputFile-DicC8Tbv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputFile-DicC8Tbv.js","names":[],"sources":["../src/components/inputs/Textarea/Textarea.tsx","../src/components/inputs/InputPassword/InputPassword.tsx","../src/components/inputs/InputNumber/InputNumber.tsx","../src/components/inputs/InputEmail/InputEmail.tsx","../src/components/inputs/InputPhone/InputPhone.tsx","../src/components/inputs/InputName/InputName.tsx","../src/components/inputs/InputIBAN/InputIBAN.tsx","../src/components/inputs/InputTaxId/InputTaxId.tsx","../src/components/inputs/InputCurrency/InputCurrency.tsx","../src/components/inputs/InputCreditCard/InputCreditCard.tsx","../src/components/inputs/InputGroup/InputGroup.tsx","../src/components/inputs/InputPostCode/InputPostCode.tsx","../src/components/inputs/InputOTP/InputOTP.tsx","../src/components/inputs/InputSlider/InputSlider.tsx","../src/components/inputs/InputFile/CropEditor.tsx","../src/components/inputs/InputFile/InputFile.tsx"],"sourcesContent":["import {useState, useRef, useCallback, useEffect, forwardRef} from 'react'\nimport type * as React from 'react'\nimport type {TextareaProps} from './Textarea.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport {useControllableString} from '../../../utils/useControllableString'\nimport {useGhostText} from '../../../utils/useGhostText'\nimport './Textarea.css'\n\n// Render the multiline text input with optional auto-resize behavior.\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n    {\n        value,\n        defaultValue,\n        name,\n        id,\n        placeholder,\n        disabled = false,\n        readOnly = false,\n        required = false,\n        autoFocus = false,\n        rows = 3,\n        autoResize = false,\n        minRows,\n        maxRows,\n        variant = 'outlined',\n        size = 'md',\n        color,\n        fcolor,\n        fullWidth = false,\n        label,\n        helperText,\n        errorText,\n        error = false,\n        success = false,\n        maxLength,\n        showCharCount = false,\n        ghostOptions,\n        ghostMinChars = 2,\n        onGhostAccept,\n        loading = false,\n        onChange,\n        onFocus,\n        onBlur,\n        className,\n        style,\n        textareaClassName,\n        labelClassName,\n    },\n    ref\n) {\n    const [focused, setFocused] = useState(false)\n    const textareaRef = useRef<HTMLTextAreaElement>(null)\n\n    const {currentValue, setCurrentValue} = useControllableString(value, defaultValue)\n    const ghost = useGhostText({\n        options: ghostOptions ?? [],\n        value: currentValue,\n        minChars: ghostMinChars,\n    })\n    const hasError = error || !!errorText\n    const resolvedRef = ref ?? textareaRef\n\n    // Resize the textarea to fit content while respecting min and max row limits.\n    const adjustHeight = useCallback(() => {\n        const el = typeof resolvedRef === 'function' ? null : resolvedRef?.current\n        if (!el || !autoResize) return\n\n        el.style.height = 'auto'\n        const lineHeight = parseFloat(getComputedStyle(el).lineHeight) || 20\n        const minH = minRows ? minRows * lineHeight : 0\n        const maxH = maxRows ? maxRows * lineHeight : Infinity\n        const newHeight = Math.min(Math.max(el.scrollHeight, minH), maxH)\n        el.style.height = `${newHeight}px`\n        el.style.overflowY = el.scrollHeight > newHeight ? 'auto' : 'hidden'\n    }, [autoResize, minRows, maxRows, resolvedRef])\n\n    useEffect(() => {\n        adjustHeight()\n    }, [currentValue, adjustHeight])\n\n    // Mirror focus state so wrapper styling stays consistent with Input.\n    const handleFocus = useCallback(\n        (e: React.FocusEvent<HTMLTextAreaElement>) => {\n            setFocused(true)\n            onFocus?.(e)\n        },\n        [onFocus]\n    )\n\n    // Clear focus styling before delegating blur handling.\n    const handleBlur = useCallback(\n        (e: React.FocusEvent<HTMLTextAreaElement>) => {\n            setFocused(false)\n            onBlur?.(e)\n        },\n        [onBlur]\n    )\n\n    // Keep uncontrolled usage working without blocking controlled integrations.\n    const handleChange = useCallback(\n        (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n            setCurrentValue(e.target.value)\n            onChange?.(e)\n            ghost.reset()\n        },\n        [onChange, setCurrentValue, ghost.reset]\n    )\n\n    // Intercept keyboard events for ghost text acceptance.\n    const handleKeyDown = useCallback(\n        (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n            if (ghostOptions && ghost.hint) {\n                const accepted = ghost.onKeyDown(e)\n                if (accepted) {\n                    const result = ghost.accept()\n                    setCurrentValue(result.value)\n                    onGhostAccept?.(result.value)\n                    const el = typeof resolvedRef === 'function' ? null : resolvedRef?.current\n                    if (el) {\n                        const nativeSet = Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, 'value')?.set\n                        nativeSet?.call(el, result.value)\n                        el.dispatchEvent(new Event('input', {bubbles: true}))\n                    }\n                    return\n                }\n            }\n        },\n        [ghostOptions, ghost, setCurrentValue, onGhostAccept, resolvedRef]\n    )\n\n    const containerClasses = cn(\n        'container',\n        variant,\n        size,\n        focused && 'focused',\n        hasError && 'error',\n        success && !hasError && 'success',\n        color === 'neutral' && 'color-neutral',\n        color === 'success' && 'color-success',\n        color === 'error' && 'color-error',\n        color === 'warning' && 'color-warning',\n        color === 'info' && 'color-info',\n        disabled && 'disabled'\n    )\n\n    return (\n        <div\n            className={cn('textarea', ...getAppearanceClassNames({fcolor}), fullWidth && 'full-width', className)}\n            style={style}\n        >\n            {label && (\n                <label\n                    htmlFor={id}\n                    className={cn(\n                        'label',\n                        focused && 'focused',\n                        hasError && 'error',\n                        success && !hasError && 'success',\n                        required && 'required',\n                        labelClassName\n                    )}\n                >\n                    {label}\n                </label>\n            )}\n\n            <div className={containerClasses}>\n                {ghostOptions ? (\n                    <div className=\"ghost-text-field ghost-text-field-multi\">\n                        <textarea\n                            ref={resolvedRef as React.Ref<HTMLTextAreaElement>}\n                            name={name}\n                            id={id}\n                            placeholder={placeholder}\n                            disabled={disabled}\n                            readOnly={readOnly}\n                            required={required}\n                            autoFocus={autoFocus}\n                            rows={autoResize ? (minRows ?? rows) : rows}\n                            maxLength={maxLength}\n                            value={currentValue}\n                            className={cn('field', textareaClassName)}\n                            onChange={handleChange}\n                            onFocus={handleFocus}\n                            onBlur={handleBlur}\n                            onKeyDown={handleKeyDown}\n                            aria-invalid={hasError || undefined}\n                            aria-describedby={errorText ? `${id}-error` : helperText ? `${id}-helper` : undefined}\n                        />\n                        {focused && ghost.hint && (\n                            <span className=\"ghost-text-overlay\" aria-hidden=\"true\">\n                                <span className=\"ghost-text-typed\">{currentValue}</span>\n                                <span className=\"ghost-text-hint\">{ghost.hint}</span>\n                            </span>\n                        )}\n                    </div>\n                ) : (\n                    <textarea\n                        ref={resolvedRef as React.Ref<HTMLTextAreaElement>}\n                        name={name}\n                        id={id}\n                        placeholder={placeholder}\n                        disabled={disabled}\n                        readOnly={readOnly}\n                        required={required}\n                        autoFocus={autoFocus}\n                        rows={autoResize ? (minRows ?? rows) : rows}\n                        maxLength={maxLength}\n                        value={currentValue}\n                        className={cn('field', textareaClassName)}\n                        onChange={handleChange}\n                        onFocus={handleFocus}\n                        onBlur={handleBlur}\n                        aria-invalid={hasError || undefined}\n                        aria-describedby={errorText ? `${id}-error` : helperText ? `${id}-helper` : undefined}\n                    />\n                )}\n                {loading && <span className=\"spinner\" />}\n            </div>\n\n            {(errorText || helperText || showCharCount) && (\n                <div className=\"bottom-row\">\n                    <span>\n                        {errorText && (\n                            <span id={id ? `${id}-error` : undefined} className=\"error-text\" role=\"alert\">\n                                {errorText}\n                            </span>\n                        )}\n                        {!errorText && helperText && (\n                            <span id={id ? `${id}-helper` : undefined} className=\"helper-text\">\n                                {helperText}\n                            </span>\n                        )}\n                    </span>\n                    {showCharCount && maxLength && (\n                        <span className={cn('char-count', currentValue.length > maxLength && 'over')}>\n                            {currentValue.length}/{maxLength}\n                        </span>\n                    )}\n                </div>\n            )}\n        </div>\n    )\n})\n","import {useState, useCallback, useEffect, forwardRef} from 'react'\nimport type * as React from 'react'\nimport type {InputPasswordProps, PasswordStrength} from './InputPassword.types'\nimport {Input} from '../Input'\nimport {cn} from '../../../utils/cn'\nimport './InputPassword.css'\n\n// Approximate password strength with simple UI-focused heuristics.\nfunction calcStrength(value: string): PasswordStrength {\n    let score = 0\n    if (value.length >= 8) score++\n    if (value.length >= 12) score++\n    if (/[a-z]/.test(value) && /[A-Z]/.test(value)) score++\n    if (/\\d/.test(value)) score++\n    if (/[^a-zA-Z0-9]/.test(value)) score++\n\n    if (score <= 1) return 'weak'\n    if (score <= 2) return 'fair'\n    if (score <= 3) return 'good'\n    return 'strong'\n}\n\nconst STRENGTH_LABELS: Record<PasswordStrength, string> = {\n    weak: 'Weak',\n    fair: 'Fair',\n    good: 'Good',\n    strong: 'Strong',\n}\n\n// Extend the base input with password visibility and optional strength feedback.\nexport const InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(function InputPassword(\n    {showToggle = true, showStrength = false, onStrengthChange, value, defaultValue, onChange, className, ...rest},\n    ref\n) {\n    const [visible, setVisible] = useState(false)\n    const [internalValue, setInternalValue] = useState(defaultValue?.toString() ?? '')\n    const currentValue = value !== undefined ? value.toString() : internalValue\n    const strength = calcStrength(currentValue)\n\n    useEffect(() => {\n        onStrengthChange?.(strength)\n    }, [strength, onStrengthChange])\n\n    // Keep uncontrolled usage working while reporting changes to the caller.\n    const handleChange = useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n            if (value === undefined) {\n                setInternalValue(e.target.value)\n            }\n            onChange?.(e)\n        },\n        [onChange, value]\n    )\n\n    const toggleIcon = showToggle ? (\n        <button\n            type=\"button\"\n            className=\"password toggle\"\n            onClick={() => setVisible((v) => !v)}\n            tabIndex={-1}\n            aria-label={visible ? 'Hide password' : 'Show password'}\n        >\n            {visible ? '\\u25E0' : '\\u25C9'}\n        </button>\n    ) : undefined\n\n    return (\n        <div className={cn('password input', className)}>\n            <Input\n                {...rest}\n                ref={ref}\n                type={visible ? 'text' : 'password'}\n                value={currentValue}\n                onChange={handleChange}\n                endIcon={toggleIcon}\n            />\n            {showStrength && currentValue.length > 0 && (\n                <div className=\"password strength row\">\n                    <div className=\"password strength bar\">\n                        {[0, 1, 2, 3].map((i) => (\n                            <div\n                                key={i}\n                                className={cn(\n                                    'password strength segment',\n                                    i < ['weak', 'fair', 'good', 'strong'].indexOf(strength) + 1 &&\n                                        `strength-${strength}`\n                                )}\n                            />\n                        ))}\n                    </div>\n                    <span className={cn('password strength label', `strength-${strength}`)}>\n                        {STRENGTH_LABELS[strength]}\n                    </span>\n                </div>\n            )}\n        </div>\n    )\n})\n","import {useState, useCallback, useRef, useEffect, forwardRef} from 'react'\nimport type * as React from 'react'\nimport type {InputNumberProps} from './InputNumber.types'\nimport {Input} from '../Input'\nimport {cn} from '../../../utils/cn'\nimport {ChevronDownIcon, ChevronUpIcon} from '../../../icons'\nimport './InputNumber.css'\n\n// Keep numeric values inside optional min and max bounds.\nfunction clampValue(val: number, min?: number, max?: number): number {\n    if (min !== undefined && val < min) return min\n    if (max !== undefined && val > max) return max\n    return val\n}\n\n// Prevent floating-point drift when step values use decimal precision.\nfunction roundToPrecision(val: number, precision: number): number {\n    const factor = Math.pow(10, precision)\n    return Math.round(val * factor) / factor\n}\n\n// Extend the base input with stepping, clamping and keyboard increment support.\nexport const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(function InputNumber(\n    {\n        min,\n        max,\n        step = 1,\n        showStepper = true,\n        precision = 0,\n        allowNegative = true,\n        onValueChange,\n        value,\n        defaultValue,\n        onChange,\n        onKeyDown,\n        onBlur,\n        disabled = false,\n        className,\n        ...rest\n    },\n    ref\n) {\n    const [internalValue, setInternalValue] = useState(defaultValue?.toString() ?? '')\n    const currentValue = value !== undefined ? value.toString() : internalValue\n    const intervalRef = useRef<ReturnType<typeof setInterval>>(null)\n\n    // Keep the displayed string and numeric callback in sync.\n    const updateValue = useCallback(\n        (newVal: string) => {\n            if (value === undefined) {\n                setInternalValue(newVal)\n            }\n            const num = parseFloat(newVal)\n            onValueChange?.(isNaN(num) ? null : num)\n        },\n        [value, onValueChange]\n    )\n\n    // Move the current value by one step in the requested direction.\n    const increment = useCallback(\n        (direction: 1 | -1) => {\n            const current = parseFloat(currentValue) || 0\n            const newVal = roundToPrecision(clampValue(current + step * direction, min, max), precision)\n            updateValue(newVal.toString())\n        },\n        [currentValue, step, min, max, precision, updateValue]\n    )\n\n    // Repeat stepping while the pointer is held on a stepper button.\n    const startHold = useCallback(\n        (direction: 1 | -1) => {\n            increment(direction)\n            intervalRef.current = setInterval(() => increment(direction), 150)\n        },\n        [increment]\n    )\n\n    // Clear the hold timer when the pointer is released.\n    const stopHold = useCallback(() => {\n        if (intervalRef.current) {\n            clearInterval(intervalRef.current)\n            intervalRef.current = null\n        }\n    }, [])\n\n    useEffect(() => stopHold, [stopHold])\n\n    // Filter user input down to numeric characters before storing it.\n    const handleChange = useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n            const raw = e.target.value\n            const filtered = raw.replace(allowNegative ? /[^\\d.,-]/g : /[^\\d.,]/g, '')\n            updateValue(filtered)\n            onChange?.(e)\n        },\n        [onChange, allowNegative, updateValue]\n    )\n\n    // Snap the entered value back into range when the field loses focus.\n    const handleBlur = useCallback(\n        (e: React.FocusEvent<HTMLInputElement>) => {\n            const num = parseFloat(currentValue)\n            if (!isNaN(num)) {\n                const clamped = roundToPrecision(clampValue(num, min, max), precision)\n                updateValue(clamped.toString())\n            }\n            onBlur?.(e)\n        },\n        [currentValue, min, max, precision, updateValue, onBlur]\n    )\n\n    // Support ArrowUp and ArrowDown as a keyboard stepper.\n    const handleKeyDown = useCallback(\n        (e: React.KeyboardEvent<HTMLInputElement>) => {\n            if (e.key === 'ArrowUp') {\n                e.preventDefault()\n                increment(1)\n            } else if (e.key === 'ArrowDown') {\n                e.preventDefault()\n                increment(-1)\n            }\n            onKeyDown?.(e)\n        },\n        [increment, onKeyDown]\n    )\n\n    const stepper =\n        showStepper && !disabled ? (\n            <div className=\"number stepper\">\n                <button\n                    type=\"button\"\n                    className=\"number step button\"\n                    onMouseDown={() => startHold(1)}\n                    onMouseUp={stopHold}\n                    onMouseLeave={stopHold}\n                    tabIndex={-1}\n                    aria-label=\"Increment\"\n                >\n                    <ChevronUpIcon />\n                </button>\n                <button\n                    type=\"button\"\n                    className=\"number step button\"\n                    onMouseDown={() => startHold(-1)}\n                    onMouseUp={stopHold}\n                    onMouseLeave={stopHold}\n                    tabIndex={-1}\n                    aria-label=\"Decrement\"\n                >\n                    <ChevronDownIcon />\n                </button>\n            </div>\n        ) : undefined\n\n    return (\n        <Input\n            {...rest}\n            ref={ref}\n            type=\"text\"\n            inputMode=\"decimal\"\n            value={currentValue}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            endIcon={stepper}\n            disabled={disabled}\n            className={cn('number input', className)}\n        />\n    )\n})\n","import {useState, useCallback, forwardRef} from 'react'\nimport type * as React from 'react'\nimport type {InputEmailProps} from './InputEmail.types'\nimport {Input} from '../Input'\nimport {validateEmail} from '../../../utils/validators'\nimport type {ValidationResult} from '../../../utils/validators'\nimport {CheckIcon, MailIcon} from '../../../icons'\n\n// Extend the base input with email validation and optional success feedback.\nexport const InputEmail = forwardRef<HTMLInputElement, InputEmailProps>(function InputEmail(\n    {\n        validateOnBlur = true,\n        validateOnChange = false,\n        showValidIcon = true,\n        onValidationChange,\n        value,\n        defaultValue,\n        onChange,\n        onBlur,\n        error,\n        errorText,\n        success,\n        placeholder = 'email@example.com',\n        ...rest\n    },\n    ref\n) {\n    const [internalValue, setInternalValue] = useState(defaultValue?.toString() ?? '')\n    const [validation, setValidation] = useState<ValidationResult>({valid: true})\n    const [touched, setTouched] = useState(false)\n\n    const currentValue = value !== undefined ? value.toString() : internalValue\n\n    // Reuse the shared email validator and surface the latest result upstream.\n    const runValidation = useCallback(\n        (val: string) => {\n            const result = validateEmail(val)\n            setValidation(result)\n            onValidationChange?.(result)\n            return result\n        },\n        [onValidationChange]\n    )\n\n    // Validate while typing only when the component is configured to do so.\n    const handleChange = useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n            if (value === undefined) {\n                setInternalValue(e.target.value)\n            }\n            if (validateOnChange && touched) {\n                runValidation(e.target.value)\n            }\n            onChange?.(e)\n        },\n        [onChange, value, validateOnChange, touched, runValidation]\n    )\n\n    // Validate optional email input on blur once the user has interacted with it.\n    const handleBlur = useCallback(\n        (e: React.FocusEvent<HTMLInputElement>) => {\n            setTouched(true)\n            if (validateOnBlur && e.target.value) {\n                runValidation(e.target.value)\n            }\n            onBlur?.(e)\n        },\n        [onBlur, validateOnBlur, runValidation]\n    )\n\n    const isError = error || (touched && !validation.valid)\n    const resolvedErrorText = errorText || (touched && !validation.valid ? validation.error : undefined)\n    const isSuccess =\n        !isError && success !== undefined ? success : touched && validation.valid && currentValue.length > 0\n\n    const validIcon =\n        showValidIcon && isSuccess ? (\n            <span style={{display: 'inline-flex', color: 'var(--mineral-success)'}}>\n                <CheckIcon />\n            </span>\n        ) : undefined\n\n    return (\n        <Input\n            {...rest}\n            ref={ref}\n            type=\"email\"\n            value={currentValue}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            error={isError}\n            errorText={resolvedErrorText}\n            success={isSuccess}\n            placeholder={placeholder}\n            startIcon={<MailIcon />}\n            endIcon={validIcon}\n        />\n    )\n})\n","import {useState, useCallback, forwardRef} from 'react'\nimport type * as React from 'react'\nimport type {InputPhoneProps} from './InputPhone.types'\nimport {Input} from '../Input'\nimport {cn} from '../../../utils/cn'\nimport {validatePhone} from '../../../utils/validators'\nimport {formatPhone, stripNonDigits} from '../../../utils/formatters'\nimport type {ValidationResult} from '../../../utils/validators'\nimport {PhoneIcon} from '../../../icons'\nimport './InputPhone.css'\n\n// Extend the base input with country-aware phone formatting and validation.\nexport const InputPhone = forwardRef<HTMLInputElement, InputPhoneProps>(function InputPhone(\n    {\n        countryCode = 'PL',\n        showCountryCode = true,\n        formatOnChange = true,\n        validateOnBlur = true,\n        onValidationChange,\n        onValueChange,\n        value,\n        defaultValue,\n        onChange,\n        onBlur,\n        error,\n        errorText,\n        placeholder = '123 456 789',\n        className,\n        ...rest\n    },\n    ref\n) {\n    const [internalValue, setInternalValue] = useState(defaultValue?.toString() ?? '')\n    const [validation, setValidation] = useState<ValidationResult>({valid: true})\n    const [touched, setTouched] = useState(false)\n\n    const currentValue = value !== undefined ? value.toString() : internalValue\n\n    // Keep the emitted raw digits and the displayed formatted value aligned.\n    const handleChange = useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n            const digits = stripNonDigits(e.target.value)\n            const formatted = formatOnChange ? formatPhone(digits, {countryCode}) : digits\n\n            if (value === undefined) {\n                setInternalValue(formatted)\n            }\n            onValueChange?.(digits, formatted)\n            onChange?.(e)\n        },\n        [onChange, value, formatOnChange, countryCode, onValueChange]\n    )\n\n    // Validate the raw number on blur using country-specific length rules.\n    const handleBlur = useCallback(\n        (e: React.FocusEvent<HTMLInputElement>) => {\n            setTouched(true)\n            if (validateOnBlur && currentValue) {\n                const result = validatePhone(stripNonDigits(currentValue), countryCode)\n                setValidation(result)\n                onValidationChange?.(result)\n            }\n            onBlur?.(e)\n        },\n        [onBlur, validateOnBlur, currentValue, countryCode, onValidationChange]\n    )\n\n    const COUNTRY_PREFIXES: Record<string, string> = {\n        PL: '+48',\n        DE: '+49',\n        US: '+1',\n        GB: '+44',\n        FR: '+33',\n        CZ: '+420',\n        SK: '+421',\n    }\n\n    const prefix = showCountryCode ? (\n        <span className=\"phone prefix\">{COUNTRY_PREFIXES[countryCode.toUpperCase()] ?? `+${countryCode}`}</span>\n    ) : undefined\n\n    const isError = error || (touched && !validation.valid)\n    const resolvedErrorText = errorText || (touched && !validation.valid ? validation.error : undefined)\n\n    return (\n        <Input\n            {...rest}\n            ref={ref}\n            type=\"tel\"\n            value={currentValue}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            error={isError}\n            errorText={resolvedErrorText}\n            placeholder={placeholder}\n            startIcon={showCountryCode ? prefix : <PhoneIcon />}\n            className={cn('phone input', className)}\n        />\n    )\n})\n","import {useState, useCallback, forwardRef} from 'react'\nimport type * as React from 'react'\nimport type {InputNameProps} from './InputName.types'\nimport {Input} from '../Input'\nimport {capitalizeWords} from '../../../utils/formatters'\nimport type {ValidationResult} from '../../../utils/validators'\nimport {UserIcon} from '../../../icons'\n\n// Extend the base input with name-friendly filtering and optional word-count validation.\nexport const InputName = forwardRef<HTMLInputElement, InputNameProps>(function InputName(\n    {\n        autoCapitalize = true,\n        allowNumbers = false,\n        allowSpecialChars = false,\n        minWords,\n        validateOnBlur = true,\n        onValidationChange,\n        value,\n        defaultValue,\n        onChange,\n        onBlur,\n        error,\n        errorText,\n        placeholder = 'Jan Kowalski',\n        ...rest\n    },\n    ref\n) {\n    const [internalValue, setInternalValue] = useState(defaultValue?.toString() ?? '')\n    const [validation, setValidation] = useState<ValidationResult>({valid: true})\n    const [touched, setTouched] = useState(false)\n\n    const currentValue = value !== undefined ? value.toString() : internalValue\n\n    // Normalize user input according to the configured name rules.\n    const filterValue = useCallback(\n        (raw: string): string => {\n            let filtered = raw\n            if (!allowNumbers) {\n                filtered = filtered.replace(/\\d/g, '')\n            }\n            if (!allowSpecialChars) {\n                filtered = filtered.replace(/[^a-zA-ZąćęłńóśźżĄĆĘŁŃÓŚŹŻ\\s'-]/g, '')\n            }\n            if (autoCapitalize) {\n                filtered = capitalizeWords(filtered)\n            }\n            return filtered\n        },\n        [allowNumbers, allowSpecialChars, autoCapitalize]\n    )\n\n    // Store the filtered value while still delegating the original change event.\n    const handleChange = useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n            const filtered = filterValue(e.target.value)\n            if (value === undefined) {\n                setInternalValue(filtered)\n            }\n            onChange?.(e)\n        },\n        [onChange, value, filterValue]\n    )\n\n    // Validate the minimum word count after the user leaves the field.\n    const handleBlur = useCallback(\n        (e: React.FocusEvent<HTMLInputElement>) => {\n            setTouched(true)\n            if (validateOnBlur && currentValue) {\n                const words = currentValue.trim().split(/\\s+/).filter(Boolean)\n                if (minWords && words.length < minWords) {\n                    const result: ValidationResult = {\n                        valid: false,\n                        error: `Enter at least ${minWords} word${minWords > 1 ? 's' : ''}`,\n                    }\n                    setValidation(result)\n                    onValidationChange?.(result)\n                } else {\n                    const result: ValidationResult = {valid: true}\n                    setValidation(result)\n                    onValidationChange?.(result)\n                }\n            }\n            onBlur?.(e)\n        },\n        [onBlur, validateOnBlur, currentValue, minWords, onValidationChange]\n    )\n\n    const isError = error || (touched && !validation.valid)\n    const resolvedErrorText = errorText || (touched && !validation.valid ? validation.error : undefined)\n\n    return (\n        <Input\n            {...rest}\n            ref={ref}\n            type=\"text\"\n            value={currentValue}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            error={isError}\n            errorText={resolvedErrorText}\n            placeholder={placeholder}\n            startIcon={<UserIcon />}\n        />\n    )\n})\n","import {useState, useCallback, forwardRef} from 'react'\nimport type * as React from 'react'\nimport type {InputIBANProps} from './InputIBAN.types'\nimport {Input} from '../Input'\nimport {validateIBAN} from '../../../utils/validators'\nimport {formatIBAN, unformatIBAN} from '../../../utils/formatters'\nimport type {ValidationResult} from '../../../utils/validators'\nimport {BankIcon, CheckIcon} from '../../../icons'\n\n// Extend the base input with IBAN formatting and checksum validation.\nexport const InputIBAN = forwardRef<HTMLInputElement, InputIBANProps>(function InputIBAN(\n    {\n        formatOnChange = true,\n        validateOnBlur = true,\n        showValidIcon = true,\n        onValidationChange,\n        onValueChange,\n        value,\n        defaultValue,\n        onChange,\n        onBlur,\n        error,\n        errorText,\n        success,\n        placeholder = 'PL00 0000 0000 0000 0000 0000 0000',\n        ...rest\n    },\n    ref\n) {\n    const [internalValue, setInternalValue] = useState(defaultValue?.toString() ?? '')\n    const [validation, setValidation] = useState<ValidationResult>({valid: true})\n    const [touched, setTouched] = useState(false)\n\n    const currentValue = value !== undefined ? value.toString() : internalValue\n\n    // Keep raw and formatted IBAN values aligned for consumers and display.\n    const handleChange = useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n            let raw = e.target.value.replace(/[^a-zA-Z0-9\\s]/g, '').toUpperCase()\n            const clean = raw.replace(/\\s/g, '')\n            const formatted = formatOnChange ? formatIBAN(clean) : clean\n\n            if (value === undefined) {\n                setInternalValue(formatted)\n            }\n            onValueChange?.(clean, formatted)\n            onChange?.(e)\n        },\n        [onChange, value, formatOnChange, onValueChange]\n    )\n\n    // Validate the normalized IBAN once the user leaves the field.\n    const handleBlur = useCallback(\n        (e: React.FocusEvent<HTMLInputElement>) => {\n            setTouched(true)\n            if (validateOnBlur && currentValue) {\n                const result = validateIBAN(unformatIBAN(currentValue))\n                setValidation(result)\n                onValidationChange?.(result)\n            }\n            onBlur?.(e)\n        },\n        [onBlur, validateOnBlur, currentValue, onValidationChange]\n    )\n\n    const isError = error || (touched && !validation.valid)\n    const resolvedErrorText = errorText || (touched && !validation.valid ? validation.error : undefined)\n    const isSuccess =\n        !isError && (success !== undefined ? success : touched && validation.valid && currentValue.length > 0)\n\n    const validIcon =\n        showValidIcon && isSuccess ? (\n            <span style={{display: 'inline-flex', color: 'var(--mineral-success)'}}>\n                <CheckIcon />\n            </span>\n        ) : undefined\n\n    return (\n        <Input\n            {...rest}\n            ref={ref}\n            type=\"text\"\n            value={currentValue}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            error={isError}\n            errorText={resolvedErrorText}\n            success={isSuccess}\n            placeholder={placeholder}\n            startIcon={<BankIcon />}\n            endIcon={validIcon}\n            maxLength={34 + 8}\n        />\n    )\n})\n","import {useState, useCallback, forwardRef} from 'react'\nimport type * as React from 'react'\nimport type {InputTaxIdProps, TaxIdType} from './InputTaxId.types'\nimport {Input} from '../Input'\nimport {validateNIP, validatePESEL, validateREGON} from '../../../utils/validators'\nimport {formatNIP, stripNonDigits} from '../../../utils/formatters'\nimport type {ValidationResult} from '../../../utils/validators'\nimport {CheckIcon, IdCardIcon} from '../../../icons'\n\nconst VALIDATORS: Record<TaxIdType, (v: string) => ValidationResult> = {\n    NIP: validateNIP,\n    PESEL: validatePESEL,\n    REGON: validateREGON,\n}\n\nconst MAX_LENGTHS: Record<TaxIdType, number> = {\n    NIP: 13,\n    PESEL: 11,\n    REGON: 14,\n}\n\nconst PLACEHOLDERS: Record<TaxIdType, string> = {\n    NIP: '123-456-78-19',\n    PESEL: '00000000000',\n    REGON: '000000000',\n}\n\n// Extend the base input with NIP, PESEL and REGON formatting and validation.\nexport const InputTaxId = forwardRef<HTMLInputElement, InputTaxIdProps>(function InputTaxId(\n    {\n        taxIdType,\n        formatOnChange = true,\n        validateOnBlur = true,\n        showValidIcon = true,\n        onValidationChange,\n        onValueChange,\n        value,\n        defaultValue,\n        onChange,\n        onBlur,\n        error,\n        errorText,\n        success,\n        placeholder,\n        ...rest\n    },\n    ref\n) {\n    const [internalValue, setInternalValue] = useState(defaultValue?.toString() ?? '')\n    const [validation, setValidation] = useState<ValidationResult>({valid: true})\n    const [touched, setTouched] = useState(false)\n\n    const currentValue = value !== undefined ? value.toString() : internalValue\n\n    // Normalize the visible value based on the selected identifier type.\n    const handleChange = useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n            const digits = stripNonDigits(e.target.value)\n            const formatted = formatOnChange && taxIdType === 'NIP' ? formatNIP(digits) : digits\n\n            if (value === undefined) {\n                setInternalValue(formatted)\n            }\n            onValueChange?.(digits)\n            onChange?.(e)\n        },\n        [onChange, value, formatOnChange, taxIdType, onValueChange]\n    )\n\n    // Validate the stripped numeric value against the active identifier rules.\n    const handleBlur = useCallback(\n        (e: React.FocusEvent<HTMLInputElement>) => {\n            setTouched(true)\n            if (validateOnBlur && currentValue) {\n                const validator = VALIDATORS[taxIdType]\n                const result = validator(stripNonDigits(currentValue))\n                setValidation(result)\n                onValidationChange?.(result)\n            }\n            onBlur?.(e)\n        },\n        [onBlur, validateOnBlur, currentValue, taxIdType, onValidationChange]\n    )\n\n    const isError = error || (touched && !validation.valid)\n    const resolvedErrorText = errorText || (touched && !validation.valid ? validation.error : undefined)\n    const isSuccess =\n        !isError && (success !== undefined ? success : touched && validation.valid && currentValue.length > 0)\n\n    const validIcon =\n        showValidIcon && isSuccess ? (\n            <span style={{display: 'inline-flex', color: 'var(--mineral-success)'}}>\n                <CheckIcon />\n            </span>\n        ) : undefined\n\n    return (\n        <Input\n            {...rest}\n            ref={ref}\n            type=\"text\"\n            inputMode=\"numeric\"\n            value={currentValue}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            error={isError}\n            errorText={resolvedErrorText}\n            success={isSuccess}\n            placeholder={placeholder ?? PLACEHOLDERS[taxIdType]}\n            startIcon={<IdCardIcon />}\n            endIcon={validIcon}\n            maxLength={MAX_LENGTHS[taxIdType]}\n        />\n    )\n})\n","import {useState, useCallback, forwardRef} from 'react'\nimport type * as React from 'react'\nimport type {InputCurrencyProps} from './InputCurrency.types'\nimport {Input} from '../Input'\nimport {cn} from '../../../utils/cn'\nimport {formatCurrency, parseCurrencyToNumber} from '../../../utils/formatters'\nimport './InputCurrency.css'\n\n// Extend the base input with currency formatting and numeric callbacks.\nexport const InputCurrency = forwardRef<HTMLInputElement, InputCurrencyProps>(function InputCurrency(\n    {\n        currency,\n        currencySymbol,\n        currencyPosition = 'end',\n        decimalSeparator = ',',\n        thousandSeparator = ' ',\n        precision = 2,\n        min,\n        max,\n        allowNegative = false,\n        onValueChange,\n        value,\n        defaultValue,\n        onChange,\n        onBlur,\n        placeholder = '0,00',\n        startIcon,\n        endIcon,\n        className,\n        ...rest\n    },\n    ref\n) {\n    const [internalValue, setInternalValue] = useState(defaultValue?.toString() ?? '')\n    const currentValue = value !== undefined ? value.toString() : internalValue\n\n    const symbol = currencySymbol ?? currency ?? ''\n\n    // Filter user input down to one decimal separator and an optional minus sign.\n    const handleChange = useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n            const raw = e.target.value\n            let filtered = ''\n            let hasDecimal = false\n            for (const ch of raw) {\n                if (ch >= '0' && ch <= '9') {\n                    filtered += ch\n                } else if ((ch === ',' || ch === '.') && !hasDecimal) {\n                    filtered += decimalSeparator\n                    hasDecimal = true\n                } else if (ch === '-' && allowNegative && filtered.length === 0) {\n                    filtered += '-'\n                }\n            }\n\n            const formatted = formatCurrency(filtered, {decimalSeparator, thousandSeparator, precision})\n\n            if (value === undefined) {\n                setInternalValue(formatted)\n            }\n\n            const num = parseCurrencyToNumber(formatted, thousandSeparator, decimalSeparator)\n            onValueChange?.(num)\n            onChange?.(e)\n        },\n        [onChange, value, decimalSeparator, thousandSeparator, precision, allowNegative, onValueChange]\n    )\n\n    // Clamp the numeric value on blur and snap it to the configured precision.\n    const handleBlur = useCallback(\n        (e: React.FocusEvent<HTMLInputElement>) => {\n            let num = parseCurrencyToNumber(currentValue, thousandSeparator, decimalSeparator)\n            if (num !== null) {\n                if (min !== undefined && num < min) num = min\n                if (max !== undefined && num > max) num = max\n                const fixed = num.toFixed(precision).replace('.', decimalSeparator)\n                const formatted = formatCurrency(fixed, {decimalSeparator, thousandSeparator, precision})\n                if (value === undefined) {\n                    setInternalValue(formatted)\n                }\n                onValueChange?.(num)\n            }\n            onBlur?.(e)\n        },\n        [currentValue, min, max, precision, decimalSeparator, thousandSeparator, value, onValueChange, onBlur]\n    )\n\n    const symbolEl = symbol ? <span className=\"currency symbol\">{symbol}</span> : undefined\n\n    return (\n        <Input\n            {...rest}\n            ref={ref}\n            type=\"text\"\n            inputMode=\"decimal\"\n            value={currentValue}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            placeholder={placeholder}\n            startIcon={currencyPosition === 'start' ? symbolEl : startIcon}\n            endIcon={currencyPosition === 'end' ? symbolEl : endIcon}\n            className={cn('currency input', className)}\n        />\n    )\n})\n","import {forwardRef, useCallback, useState} from 'react'\nimport type * as React from 'react'\nimport type {InputCreditCardProps} from './InputCreditCard.types'\nimport {Input} from '../Input'\nimport {cn} from '../../../utils/cn'\nimport {detectCardBrand, formatCardNumber, stripCardNumber, validateCardNumber} from '../../../utils/creditCards'\nimport type {ValidationResult} from '../../../utils/validators'\nimport {CheckIcon} from '../../../icons'\nimport './InputCreditCard.css'\n\nfunction CardBrandBadge({value}: {value: string}) {\n    const brand = detectCardBrand(value)\n\n    return <span className={cn('credit-card-brand-badge', 'credit-brand', brand.brand)}>{brand.iconLabel}</span>\n}\n\n// Extend the base input with payment card detection, formatting and checksum validation.\nexport const InputCreditCard = forwardRef<HTMLInputElement, InputCreditCardProps>(function InputCreditCard(\n    {\n        validateOnBlur = true,\n        validateOnChange = false,\n        showBrandIcon = true,\n        showValidIcon = true,\n        onValidationChange,\n        onCardBrandChange,\n        onValueChange,\n        value,\n        defaultValue,\n        onChange,\n        onBlur,\n        error,\n        errorText,\n        success,\n        placeholder = '4242 4242 4242 4242',\n        className,\n        ...rest\n    },\n    ref\n) {\n    const [internalValue, setInternalValue] = useState(() => formatCardNumber(defaultValue?.toString() ?? ''))\n    const [validation, setValidation] = useState<ValidationResult>({valid: true})\n    const [touched, setTouched] = useState(false)\n\n    const currentValue = value !== undefined ? formatCardNumber(value.toString()) : internalValue\n    const runValidation = useCallback(\n        (formattedValue: string) => {\n            const result = validateCardNumber(formattedValue)\n            setValidation(result)\n            onValidationChange?.(result)\n            return result\n        },\n        [onValidationChange]\n    )\n\n    // Keep the visible card number grouped while exposing raw digits to the caller.\n    const handleChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            const formattedValue = formatCardNumber(event.target.value)\n            const nextBrand = detectCardBrand(formattedValue)\n\n            if (value === undefined) {\n                setInternalValue(formattedValue)\n            }\n\n            onCardBrandChange?.(nextBrand.brand)\n            onValueChange?.(stripCardNumber(formattedValue), formattedValue, nextBrand.brand)\n\n            if (validateOnChange && touched) {\n                runValidation(formattedValue)\n            }\n\n            onChange?.(event)\n        },\n        [onCardBrandChange, onChange, onValueChange, runValidation, touched, validateOnChange, value]\n    )\n\n    // Validate after the user leaves the field so checksum feedback stays predictable.\n    const handleBlur = useCallback(\n        (event: React.FocusEvent<HTMLInputElement>) => {\n            setTouched(true)\n\n            if (validateOnBlur && currentValue) {\n                runValidation(currentValue)\n            }\n\n            onBlur?.(event)\n        },\n        [currentValue, onBlur, runValidation, validateOnBlur]\n    )\n\n    const isError = error || (touched && !validation.valid)\n    const resolvedErrorText = errorText || (touched && !validation.valid ? validation.error : undefined)\n    const isSuccess =\n        !isError && success !== undefined\n            ? success\n            : touched && validation.valid && stripCardNumber(currentValue).length > 0\n\n    const validIcon =\n        showValidIcon && isSuccess ? (\n            <span className=\"credit valid credit-card-valid-icon\" aria-hidden=\"true\">\n                <CheckIcon />\n            </span>\n        ) : undefined\n\n    return (\n        <Input\n            {...rest}\n            ref={ref}\n            type=\"text\"\n            inputMode=\"numeric\"\n            value={currentValue}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            error={isError}\n            errorText={resolvedErrorText}\n            success={isSuccess}\n            placeholder={placeholder}\n            startIcon={showBrandIcon ? <CardBrandBadge value={currentValue} /> : undefined}\n            endIcon={validIcon}\n            className={cn('credit-card input', className)}\n        />\n    )\n})\n","import {useState, useRef, useCallback, forwardRef, isValidElement} from 'react'\nimport type * as React from 'react'\nimport type {InputGroupProps, InputGroupAddon, InputGroupSlot} from './InputGroup.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport {useControllableString} from '../../../utils/useControllableString'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {Checkbox} from '../../controls'\nimport './InputGroup.css'\n\n// Detect structured addon configs while leaving raw React nodes untouched.\nfunction isAddonObject(slot: InputGroupSlot): slot is InputGroupAddon {\n    return typeof slot === 'object' && slot !== null && !isValidElement(slot) && 'type' in slot\n}\n\n// Render one prepend or append slot based on its declared addon type.\nfunction renderSlot(slot: InputGroupSlot, position: 'prepend' | 'append', index: number) {\n    if (!isAddonObject(slot)) {\n        // Raw ReactNode — render as-is inside addon container\n        return (\n            <div key={`${position}-${index}`} className={cn('addon', 'custom', position)}>\n                {slot}\n            </div>\n        )\n    }\n\n    const addon = slot\n\n    if (addon.type === 'button') {\n        return (\n            <button\n                key={`${position}-${index}`}\n                type=\"button\"\n                className={cn('addon', position, 'button')}\n                onClick={addon.onClick}\n            >\n                {addon.content}\n            </button>\n        )\n    }\n\n    if (addon.type === 'checkbox') {\n        return (\n            <div key={`${position}-${index}`} className={cn('addon', position, 'checkbox')}>\n                <Checkbox\n                    size=\"sm\"\n                    clickEffect=\"none\"\n                    checked={addon.checked}\n                    onChange={(e) => addon.onCheckedChange?.(e.target.checked)}\n                    className=\"addon-checkbox\"\n                />\n            </div>\n        )\n    }\n\n    // text or icon\n    return (\n        <span key={`${position}-${index}`} className={cn('addon', position)}>\n            {addon.content}\n        </span>\n    )\n}\n\n// Normalize the public slot API to a flat array for predictable rendering.\nfunction normalizeSlots(slots?: InputGroupSlot | InputGroupSlot[]): InputGroupSlot[] {\n    if (slots === undefined || slots === null) return []\n    if (Array.isArray(slots)) return slots\n    return [slots]\n}\n\n// Render a grouped input with prepend and append content around a shared field.\nexport const InputGroup = forwardRef<HTMLInputElement, InputGroupProps>(function InputGroup(\n    {\n        prepend,\n        append,\n        type = 'text',\n        value,\n        defaultValue,\n        name,\n        id,\n        placeholder,\n        disabled = false,\n        readOnly = false,\n        required = false,\n        autoFocus = false,\n        autoComplete,\n        inputMode,\n        size = 'md',\n        fcolor,\n        fullWidth = false,\n        label,\n        helperText,\n        errorText,\n        color = 'primary',\n        error = false,\n        maxLength,\n        onChange,\n        onFocus,\n        onBlur,\n        onKeyDown,\n        loading = false,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n        inputClassName,\n        labelClassName,\n    },\n    ref\n) {\n    const [focused, setFocused] = useState(false)\n    const inputRef = useRef<HTMLInputElement>(null)\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLDivElement>({\n        effect: clickEffect,\n        disabled: disabled || readOnly,\n        color: rippleColor,\n    })\n\n    const hasError = error || !!errorText\n    const {currentValue, setCurrentValue} = useControllableString(value, defaultValue)\n\n    // Mirror focus state so the wrapper can style the group consistently.\n    const handleFocus = useCallback(\n        (e: React.FocusEvent<HTMLInputElement>) => {\n            setFocused(true)\n            onFocus?.(e)\n        },\n        [onFocus]\n    )\n\n    // Clear wrapper focus styling before delegating blur handling.\n    const handleBlur = useCallback(\n        (e: React.FocusEvent<HTMLInputElement>) => {\n            setFocused(false)\n            onBlur?.(e)\n        },\n        [onBlur]\n    )\n\n    // Keep uncontrolled usage working without blocking controlled integrations.\n    const handleChange = useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n            setCurrentValue(e.target.value)\n            onChange?.(e)\n        },\n        [onChange, setCurrentValue]\n    )\n\n    const prependSlots = normalizeSlots(prepend)\n    const appendSlots = normalizeSlots(append)\n\n    return (\n        <div\n            className={cn(\n                'input-group',\n                color,\n                ...getAppearanceClassNames({fcolor}),\n                fullWidth && 'full-width',\n                className\n            )}\n            style={style}\n        >\n            {label && (\n                <label\n                    htmlFor={id}\n                    className={cn(\n                        'label',\n                        focused && 'focused',\n                        hasError && 'error',\n                        required && 'required',\n                        labelClassName\n                    )}\n                >\n                    {label}\n                </label>\n            )}\n\n            <div\n                className={cn(\n                    'container',\n                    size,\n                    focused && 'focused',\n                    hasError && 'has-error',\n                    disabled && 'disabled',\n                    effectClassName\n                )}\n                onPointerDown={handlePointerDown}\n            >\n                {effectLayer}\n                {prependSlots.map((slot, i) => renderSlot(slot, 'prepend', i))}\n\n                <input\n                    ref={ref ?? inputRef}\n                    type={type}\n                    value={currentValue}\n                    name={name}\n                    id={id}\n                    placeholder={placeholder}\n                    disabled={disabled}\n                    readOnly={readOnly}\n                    required={required}\n                    autoFocus={autoFocus}\n                    autoComplete={autoComplete}\n                    inputMode={inputMode}\n                    maxLength={maxLength}\n                    className={cn('field', inputClassName)}\n                    onChange={handleChange}\n                    onFocus={handleFocus}\n                    onBlur={handleBlur}\n                    onKeyDown={onKeyDown}\n                    aria-invalid={hasError || undefined}\n                    aria-describedby={errorText ? `${id}-error` : helperText ? `${id}-helper` : undefined}\n                />\n\n                {loading && (\n                    <span className={'spinner-addon'}>\n                        <span className={'spinner'} />\n                    </span>\n                )}\n\n                {appendSlots.map((slot, i) => renderSlot(slot, 'append', i))}\n            </div>\n\n            {(errorText || helperText) && (\n                <div className={'bottom'}>\n                    {errorText && (\n                        <span id={id ? `${id}-error` : undefined} className={'error-text'} role=\"alert\">\n                            {errorText}\n                        </span>\n                    )}\n                    {!errorText && helperText && (\n                        <span id={id ? `${id}-helper` : undefined} className={'helper'}>\n                            {helperText}\n                        </span>\n                    )}\n                </div>\n            )}\n        </div>\n    )\n})\n","import {forwardRef, useCallback, useMemo, useState} from 'react'\nimport type * as React from 'react'\nimport type {InputPostCodeProps} from './InputPostCode.types'\nimport {InputGroup} from '../InputGroup'\nimport {cn} from '../../../utils/cn'\nimport {formatPostCode, getPostCodeRule, postCodeCountries, validatePostCode} from '../../../utils/postalCodes'\nimport type {ValidationResult} from '../../../utils/validators'\nimport './InputPostCode.css'\n\n// Extend the grouped input with country-aware postal code masking and validation.\nexport const InputPostCode = forwardRef<HTMLInputElement, InputPostCodeProps>(function InputPostCode(\n    {\n        country,\n        defaultCountry = 'PL',\n        selectableCountry = true,\n        validateOnBlur = true,\n        validateOnChange = false,\n        onCountryChange,\n        onValidationChange,\n        onValueChange,\n        value,\n        defaultValue,\n        onChange,\n        onBlur,\n        error,\n        errorText,\n        helperText,\n        placeholder,\n        className,\n        disabled = false,\n        ...rest\n    },\n    ref\n) {\n    const [internalCountry, setInternalCountry] = useState(defaultCountry.toUpperCase())\n    const [internalValue, setInternalValue] = useState(() =>\n        formatPostCode(defaultValue?.toString() ?? '', country ?? defaultCountry)\n    )\n    const [validation, setValidation] = useState<ValidationResult>({valid: true})\n    const [touched, setTouched] = useState(false)\n\n    const currentCountry = (country ?? internalCountry).toUpperCase()\n    const currentRule = useMemo(() => getPostCodeRule(currentCountry), [currentCountry])\n    const currentValue = value !== undefined ? formatPostCode(value.toString(), currentCountry) : internalValue\n\n    const runValidation = useCallback(\n        (formattedValue: string, nextCountry: string) => {\n            const result = validatePostCode(formattedValue, nextCountry)\n            setValidation(result)\n            onValidationChange?.(result)\n            return result\n        },\n        [onValidationChange]\n    )\n\n    // Keep the visible postal code aligned with the selected country rule.\n    const handleChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            const formattedValue = formatPostCode(event.target.value, currentCountry)\n\n            if (value === undefined) {\n                setInternalValue(formattedValue)\n            }\n\n            onValueChange?.(formattedValue.replace(/\\s|-/g, ''), formattedValue, currentCountry)\n\n            if (validateOnChange && touched) {\n                runValidation(formattedValue, currentCountry)\n            }\n\n            onChange?.(event)\n        },\n        [currentCountry, onChange, onValueChange, runValidation, touched, validateOnChange, value]\n    )\n\n    // Re-run validation after blur so the visible formatting and error state stay in sync.\n    const handleBlur = useCallback(\n        (event: React.FocusEvent<HTMLInputElement>) => {\n            setTouched(true)\n\n            if (validateOnBlur && currentValue) {\n                runValidation(currentValue, currentCountry)\n            }\n\n            onBlur?.(event)\n        },\n        [currentCountry, currentValue, onBlur, runValidation, validateOnBlur]\n    )\n\n    // Switch the formatter and validation rule whenever the selected country changes.\n    const handleCountryChange = useCallback(\n        (event: React.ChangeEvent<HTMLSelectElement>) => {\n            const nextCountry = event.target.value.toUpperCase()\n            const formattedValue = formatPostCode(currentValue, nextCountry)\n\n            if (country === undefined) {\n                setInternalCountry(nextCountry)\n            }\n\n            if (value === undefined) {\n                setInternalValue(formattedValue)\n            }\n\n            onCountryChange?.(nextCountry)\n\n            if (touched) {\n                runValidation(formattedValue, nextCountry)\n            }\n        },\n        [country, currentValue, onCountryChange, runValidation, touched, value]\n    )\n\n    const isError = error || (touched && !validation.valid)\n    const resolvedErrorText = errorText || (touched && !validation.valid ? validation.error : undefined)\n\n    return (\n        <InputGroup\n            {...rest}\n            ref={ref}\n            type=\"text\"\n            inputMode={currentRule.inputMode}\n            value={currentValue}\n            onChange={handleChange}\n            onBlur={handleBlur}\n            error={isError}\n            errorText={resolvedErrorText}\n            helperText={resolvedErrorText ? undefined : (helperText ?? `Format: ${currentRule.example}`)}\n            placeholder={placeholder ?? currentRule.placeholder}\n            maxLength={currentRule.maxLength}\n            disabled={disabled}\n            prepend={\n                selectableCountry ? (\n                    <div className=\"country-select-wrap\">\n                        <select\n                            className=\"country-select\"\n                            value={currentCountry}\n                            onChange={handleCountryChange}\n                            disabled={disabled}\n                            aria-label=\"Postal code country\"\n                        >\n                            {postCodeCountries.map((option) => (\n                                <option key={option.value} value={option.value}>\n                                    {option.value}\n                                </option>\n                            ))}\n                        </select>\n                    </div>\n                ) : (\n                    {type: 'text', content: currentCountry}\n                )\n            }\n            className={cn('input-post-code', className)}\n        />\n    )\n})\n","import {useState, useCallback, useRef, useEffect, forwardRef} from 'react'\nimport type * as React from 'react'\nimport type {InputOTPProps} from './InputOTP.types'\nimport {cn} from '../../../utils/cn'\nimport './InputOTP.css'\n\nexport const InputOTP = forwardRef<HTMLDivElement, InputOTPProps>(function InputOTP(\n    {\n        length = 6,\n        value,\n        onChange,\n        autoFocus = false,\n        disabled = false,\n        color = 'primary',\n        size = 'md',\n        error = false,\n        errorText,\n        label,\n        className,\n        ...rest\n    },\n    ref\n) {\n    const [internalValue, setInternalValue] = useState('')\n    const currentValue = value !== undefined ? value : internalValue\n    const inputsRef = useRef<(HTMLInputElement | null)[]>([])\n\n    const updateValue = useCallback(\n        (newVal: string) => {\n            if (value === undefined) setInternalValue(newVal)\n            onChange?.(newVal)\n        },\n        [value, onChange]\n    )\n\n    const focusSlot = useCallback(\n        (index: number) => {\n            const clamped = Math.max(0, Math.min(index, length - 1))\n            inputsRef.current[clamped]?.focus()\n        },\n        [length]\n    )\n\n    useEffect(() => {\n        if (autoFocus) focusSlot(0)\n    }, [autoFocus, focusSlot])\n\n    const handleInput = useCallback(\n        (index: number, char: string) => {\n            if (!/^\\d$/.test(char)) return\n            const chars = currentValue.split('')\n            while (chars.length <= index) chars.push('')\n            chars[index] = char\n            updateValue(chars.join(''))\n            if (index < length - 1) focusSlot(index + 1)\n        },\n        [currentValue, length, updateValue, focusSlot]\n    )\n\n    const handleKeyDown = useCallback(\n        (index: number, e: React.KeyboardEvent<HTMLInputElement>) => {\n            if (e.key === 'Backspace') {\n                e.preventDefault()\n                const chars = currentValue.split('')\n                if (chars[index]) {\n                    chars[index] = ''\n                    updateValue(chars.join(''))\n                } else if (index > 0) {\n                    chars[index - 1] = ''\n                    updateValue(chars.join(''))\n                    focusSlot(index - 1)\n                }\n            } else if (e.key === 'ArrowLeft') {\n                e.preventDefault()\n                if (index > 0) focusSlot(index - 1)\n            } else if (e.key === 'ArrowRight') {\n                e.preventDefault()\n                if (index < length - 1) focusSlot(index + 1)\n            }\n        },\n        [currentValue, length, updateValue, focusSlot]\n    )\n\n    const handlePaste = useCallback(\n        (e: React.ClipboardEvent) => {\n            e.preventDefault()\n            const pasted = e.clipboardData.getData('text').replace(/\\D/g, '').slice(0, length)\n            if (pasted) {\n                updateValue(pasted)\n                focusSlot(Math.min(pasted.length, length - 1))\n            }\n        },\n        [length, updateValue, focusSlot]\n    )\n\n    return (\n        <div\n            ref={ref}\n            className={cn('otp input', color, size, error && 'error', disabled && 'disabled', className)}\n            {...rest}\n        >\n            {label && <div className=\"otp label\">{label}</div>}\n            <div className=\"otp slots\" onPaste={handlePaste}>\n                {Array.from({length}, (_, i) => (\n                    <input\n                        key={i}\n                        ref={(el) => {\n                            inputsRef.current[i] = el\n                        }}\n                        type=\"text\"\n                        inputMode=\"numeric\"\n                        maxLength={1}\n                        value={currentValue[i] || ''}\n                        disabled={disabled}\n                        className={cn('otp slot', currentValue[i] && 'filled')}\n                        aria-label={`Digit ${i + 1}`}\n                        onChange={(e) => {\n                            const char = e.target.value.slice(-1)\n                            handleInput(i, char)\n                        }}\n                        onKeyDown={(e) => handleKeyDown(i, e)}\n                        onFocus={(e) => e.target.select()}\n                    />\n                ))}\n            </div>\n            {error && errorText && <div className=\"otp error\">{errorText}</div>}\n        </div>\n    )\n})\n","import {useState, useCallback, forwardRef} from 'react'\nimport type * as React from 'react'\nimport type {InputSliderProps} from './InputSlider.types'\nimport {Slider} from '../../controls'\nimport {cn} from '../../../utils/cn'\nimport './InputSlider.css'\n\nfunction clampValue(val: number, min: number, max: number): number {\n    return Math.min(max, Math.max(min, val))\n}\n\nfunction roundToPrecision(val: number, precision: number): number {\n    const factor = Math.pow(10, precision)\n    return Math.round(val * factor) / factor\n}\n\nexport const InputSlider = forwardRef<HTMLDivElement, InputSliderProps>(function InputSlider(\n    {\n        min = 0,\n        max = 100,\n        step = 1,\n        value,\n        onChange,\n        precision = 0,\n        marks,\n        showInput = true,\n        color = 'primary',\n        size = 'md',\n        disabled = false,\n        label,\n        className,\n        ...rest\n    },\n    ref\n) {\n    const [internalValue, setInternalValue] = useState(min)\n    const currentValue = value !== undefined ? value : internalValue\n\n    const update = useCallback(\n        (newVal: number) => {\n            const clamped = roundToPrecision(clampValue(newVal, min, max), precision)\n            if (value === undefined) setInternalValue(clamped)\n            onChange?.(clamped)\n        },\n        [min, max, precision, value, onChange]\n    )\n\n    const handleSliderChange = useCallback((val: number) => update(val), [update])\n\n    const handleInputChange = useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n            const raw = e.target.value\n            if (raw === '' || raw === '-') return\n            const num = parseFloat(raw)\n            if (!isNaN(num)) update(num)\n        },\n        [update]\n    )\n\n    const handleBlur = useCallback(() => {\n        update(currentValue)\n    }, [currentValue, update])\n\n    return (\n        <div ref={ref} className={cn('slider input', size, disabled && 'disabled', className)} {...rest}>\n            {label && <div className=\"slider label\">{label}</div>}\n            <div className=\"slider row\">\n                <Slider\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={currentValue}\n                    onChange={handleSliderChange}\n                    marks={marks}\n                    color={color}\n                    disabled={disabled}\n                />\n                {showInput && (\n                    <input\n                        type=\"text\"\n                        inputMode=\"decimal\"\n                        className={cn('slider field', color)}\n                        value={currentValue}\n                        onChange={handleInputChange}\n                        onBlur={handleBlur}\n                        disabled={disabled}\n                        aria-label={label || 'Slider value'}\n                    />\n                )}\n            </div>\n        </div>\n    )\n})\n","import {useState, useRef, useCallback, useEffect} from 'react'\nimport type * as React from 'react'\nimport type {InputFileCropShape} from './InputFile.types'\nimport {ZoomInIcon} from '../../../icons'\nimport './CropEditor.css'\n\ninterface CropEditorProps {\n    file: File\n    shape: InputFileCropShape\n    outputSize: number\n    quality: number\n    onCrop: (cropped: File) => void\n    onCancel: () => void\n}\n\nexport function CropEditor({file, shape, outputSize, quality, onCrop, onCancel}: CropEditorProps) {\n    const canvasRef = useRef<HTMLCanvasElement>(null)\n    const containerRef = useRef<HTMLDivElement>(null)\n    const imgRef = useRef<HTMLImageElement | null>(null)\n    const [imgSrc, setImgSrc] = useState('')\n    const [scale, setScale] = useState(1)\n    const [offset, setOffset] = useState({x: 0, y: 0})\n    const [dragging, setDragging] = useState(false)\n    const dragStart = useRef({x: 0, y: 0, ox: 0, oy: 0})\n\n    useEffect(() => {\n        const url = URL.createObjectURL(file)\n        setImgSrc(url)\n        return () => URL.revokeObjectURL(url)\n    }, [file])\n\n    useEffect(() => {\n        if (!imgSrc) return\n        const img = new Image()\n        img.onload = () => {\n            imgRef.current = img\n            const minDim = Math.min(img.width, img.height)\n            const containerSize = 280\n            const initialScale = containerSize / minDim\n            setScale(initialScale)\n            setOffset({\n                x: (containerSize - img.width * initialScale) / 2,\n                y: (containerSize - img.height * initialScale) / 2,\n            })\n        }\n        img.src = imgSrc\n    }, [imgSrc])\n\n    const handlePointerDown = useCallback(\n        (e: React.PointerEvent) => {\n            e.preventDefault()\n            setDragging(true)\n            dragStart.current = {x: e.clientX, y: e.clientY, ox: offset.x, oy: offset.y}\n            ;(e.target as HTMLElement).setPointerCapture(e.pointerId)\n        },\n        [offset]\n    )\n\n    const handlePointerMove = useCallback(\n        (e: React.PointerEvent) => {\n            if (!dragging) return\n            setOffset({\n                x: dragStart.current.ox + (e.clientX - dragStart.current.x),\n                y: dragStart.current.oy + (e.clientY - dragStart.current.y),\n            })\n        },\n        [dragging]\n    )\n\n    const handlePointerUp = useCallback(() => {\n        setDragging(false)\n    }, [])\n\n    const handleWheel = useCallback(\n        (e: React.WheelEvent) => {\n            e.preventDefault()\n            const containerSize = 280\n            const cx = containerSize / 2\n            const cy = containerSize / 2\n\n            const delta = e.deltaY > 0 ? 0.95 : 1.05\n            const newScale = Math.max(0.1, Math.min(scale * delta, 10))\n\n            setOffset({\n                x: cx - (cx - offset.x) * (newScale / scale),\n                y: cy - (cy - offset.y) * (newScale / scale),\n            })\n            setScale(newScale)\n        },\n        [scale, offset]\n    )\n\n    const handleSlider = useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n            const containerSize = 280\n            const cx = containerSize / 2\n            const cy = containerSize / 2\n\n            const newScale = parseFloat(e.target.value)\n            setOffset({\n                x: cx - (cx - offset.x) * (newScale / scale),\n                y: cy - (cy - offset.y) * (newScale / scale),\n            })\n            setScale(newScale)\n        },\n        [scale, offset]\n    )\n\n    const exportCrop = useCallback(() => {\n        const img = imgRef.current\n        const canvas = canvasRef.current\n        if (!img || !canvas) return\n\n        const containerSize = 280\n        canvas.width = outputSize\n        canvas.height = outputSize\n        const ctx = canvas.getContext('2d')\n        if (!ctx) return\n\n        const ratio = outputSize / containerSize\n\n        if (shape === 'circle') {\n            ctx.beginPath()\n            ctx.arc(outputSize / 2, outputSize / 2, outputSize / 2, 0, Math.PI * 2)\n            ctx.closePath()\n            ctx.clip()\n        }\n\n        ctx.drawImage(img, offset.x * ratio, offset.y * ratio, img.width * scale * ratio, img.height * scale * ratio)\n\n        canvas.toBlob(\n            (blob) => {\n                if (!blob) return\n                const ext = file.name.replace(/.*\\./, '')\n                const name = file.name.replace(/\\.[^.]+$/, '') + '_cropped.' + ext\n                const cropped = new File([blob], name, {type: blob.type})\n                onCrop(cropped)\n            },\n            file.type.startsWith('image/png') ? 'image/png' : 'image/jpeg',\n            quality\n        )\n    }, [file, offset, scale, outputSize, quality, shape, onCrop])\n\n    return (\n        <div className=\"crop editor\">\n            <div\n                ref={containerRef}\n                className={`crop viewport ${shape}`}\n                onPointerDown={handlePointerDown}\n                onPointerMove={handlePointerMove}\n                onPointerUp={handlePointerUp}\n                onWheel={handleWheel}\n            >\n                {imgSrc && (\n                    <img\n                        src={imgSrc}\n                        alt=\"\"\n                        className=\"crop image\"\n                        draggable={false}\n                        style={{\n                            transform: `translate(${offset.x}px, ${offset.y}px) scale(${scale})`,\n                            transformOrigin: '0 0',\n                        }}\n                    />\n                )}\n                <div className={`crop overlay ${shape}`} />\n            </div>\n\n            <div className=\"crop zoom\">\n                <ZoomInIcon className=\"crop zoom icon\" aria-hidden=\"true\" />\n                <input\n                    type=\"range\"\n                    className=\"crop zoom slider\"\n                    min=\"0.1\"\n                    max=\"5\"\n                    step=\"0.01\"\n                    value={scale}\n                    onChange={handleSlider}\n                />\n            </div>\n\n            <div className=\"crop actions\">\n                <button type=\"button\" className=\"crop button cancel\" onClick={onCancel}>\n                    Cancel\n                </button>\n                <button type=\"button\" className=\"crop button confirm\" onClick={exportCrop}>\n                    Crop\n                </button>\n            </div>\n\n            <canvas ref={canvasRef} style={{display: 'none'}} />\n        </div>\n    )\n}\n","import {useState, useCallback, useRef, useMemo, useEffect, forwardRef} from 'react'\nimport type * as React from 'react'\nimport type {InputFileProps, InputFileCropOptions} from './InputFile.types'\nimport {CropEditor} from './CropEditor'\nimport {cn} from '../../../utils/cn'\nimport {\n    CloseIcon,\n    FileArchiveIcon,\n    FileCodeIcon,\n    FileDocsIcon,\n    FileExeIcon,\n    FileIcon,\n    FileImageIcon,\n    FileJsonIcon,\n    FileMdIcon,\n    FileMp3Icon,\n    FileMp4Icon,\n    FileOdtIcon,\n    FilePdfIcon,\n    FileTextIcon,\n    FileXlsIcon,\n    FileZipIcon,\n    UploadIcon,\n} from '../../../icons'\nimport './InputFile.css'\n\nfunction formatSize(bytes: number): string {\n    if (bytes < 1024) return `${bytes} B`\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`\n    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`\n}\n\nfunction fileExtension(name: string): string {\n    const dot = name.lastIndexOf('.')\n    return dot >= 0 ? name.slice(dot + 1).toUpperCase() : ''\n}\n\nfunction isImage(file: File): boolean {\n    return file.type.startsWith('image/')\n}\n\nfunction FileTypeIcon({ext}: {ext: string}) {\n    const name = ext.toLowerCase()\n\n    if (name === 'pdf') return <FilePdfIcon className=\"file type icon\" aria-hidden=\"true\" />\n    if (['png', 'jpg', 'jpeg', 'gif', 'webp', 'svg'].includes(name)) {\n        return <FileImageIcon className=\"file type icon\" aria-hidden=\"true\" />\n    }\n    if (['json'].includes(name)) return <FileJsonIcon className=\"file type icon\" aria-hidden=\"true\" />\n    if (['js', 'jsx', 'ts', 'tsx', 'html', 'css', 'php', 'xml'].includes(name)) {\n        return <FileCodeIcon className=\"file type icon\" aria-hidden=\"true\" />\n    }\n    if (['txt'].includes(name)) return <FileTextIcon className=\"file type icon\" aria-hidden=\"true\" />\n    if (['md'].includes(name)) return <FileMdIcon className=\"file type icon\" aria-hidden=\"true\" />\n    if (['docs', 'doc', 'docx'].includes(name)) return <FileDocsIcon className=\"file type icon\" aria-hidden=\"true\" />\n    if (['odt'].includes(name)) return <FileOdtIcon className=\"file type icon\" aria-hidden=\"true\" />\n    if (['csv', 'xls', 'xlsx'].includes(name)) return <FileXlsIcon className=\"file type icon\" aria-hidden=\"true\" />\n    if (['zip'].includes(name)) return <FileZipIcon className=\"file type icon\" aria-hidden=\"true\" />\n    if (['rar', '7z', 'tar', 'gz'].includes(name)) return <FileArchiveIcon className=\"file type icon\" aria-hidden=\"true\" />\n    if (['mp3', 'wav', 'ogg'].includes(name)) return <FileMp3Icon className=\"file type icon\" aria-hidden=\"true\" />\n    if (['mp4', 'mov', 'avi', 'mkv', 'webm'].includes(name)) {\n        return <FileMp4Icon className=\"file type icon\" aria-hidden=\"true\" />\n    }\n    if (['exe', 'msi', 'bat'].includes(name)) return <FileExeIcon className=\"file type icon\" aria-hidden=\"true\" />\n\n    return <FileIcon className=\"file type icon\" aria-hidden=\"true\" />\n}\n\nexport const InputFile = forwardRef<HTMLDivElement, InputFileProps>(function InputFile(\n    {\n        accept,\n        multiple = false,\n        maxSize,\n        maxFiles,\n        onChange,\n        label,\n        helperText,\n        errorText,\n        error = false,\n        disabled = false,\n        color = 'primary',\n        size = 'md',\n        preview = true,\n        icon,\n        placeholder = 'Drop files here or click to browse',\n        dropText = 'Drop files here',\n        fullWidth = false,\n        crop,\n        className,\n        ...rest\n    },\n    ref\n) {\n    const [dragging, setDragging] = useState(false)\n    const [files, setFiles] = useState<File[]>([])\n    const [fileError, setFileError] = useState('')\n    const [cropFile, setCropFile] = useState<File | null>(null)\n    const inputRef = useRef<HTMLInputElement>(null)\n    const dragCounter = useRef(0)\n\n    const cropOptions: InputFileCropOptions | null = crop\n        ? typeof crop === 'boolean'\n            ? {shape: 'square', outputSize: 256, quality: 0.92}\n            : {shape: crop.shape ?? 'square', outputSize: crop.outputSize ?? 256, quality: crop.quality ?? 0.92}\n        : null\n\n    const objectUrls = useMemo(() => {\n        return files.map((f) => (isImage(f) ? URL.createObjectURL(f) : null))\n    }, [files])\n\n    useEffect(() => {\n        return () => {\n            objectUrls.forEach((url) => {\n                if (url) URL.revokeObjectURL(url)\n            })\n        }\n    }, [objectUrls])\n\n    const processFiles = useCallback(\n        (incoming: FileList | File[]) => {\n            let accepted = Array.from(incoming)\n\n            if (accept) {\n                const patterns = accept.split(',').map((s) => s.trim().toLowerCase())\n                accepted = accepted.filter((f) => {\n                    const ext = '.' + f.name.split('.').pop()?.toLowerCase()\n                    const mime = f.type.toLowerCase()\n                    return patterns.some(\n                        (p) => p === ext || p === mime || (p.endsWith('/*') && mime.startsWith(p.slice(0, -1)))\n                    )\n                })\n            }\n\n            if (maxSize) {\n                const oversized = accepted.filter((f) => f.size > maxSize)\n                if (oversized.length) {\n                    setFileError(`Max file size: ${formatSize(maxSize)}`)\n                    return\n                }\n            }\n\n            if (maxFiles && accepted.length > maxFiles) {\n                setFileError(`Max ${maxFiles} file${maxFiles > 1 ? 's' : ''}`)\n                return\n            }\n\n            setFileError('')\n\n            if (cropOptions && accepted.length === 1 && isImage(accepted[0])) {\n                setCropFile(accepted[0])\n                return\n            }\n\n            setFiles(accepted)\n            onChange?.(accepted)\n        },\n        [accept, maxSize, maxFiles, onChange, cropOptions]\n    )\n\n    const handleCropDone = useCallback(\n        (cropped: File) => {\n            setCropFile(null)\n            setFiles([cropped])\n            onChange?.([cropped])\n        },\n        [onChange]\n    )\n\n    const handleCropCancel = useCallback(() => {\n        setCropFile(null)\n    }, [])\n\n    const handleDragEnter = useCallback(\n        (e: React.DragEvent) => {\n            e.preventDefault()\n            e.stopPropagation()\n            if (disabled) return\n            dragCounter.current++\n            setDragging(true)\n        },\n        [disabled]\n    )\n\n    const handleDragLeave = useCallback((e: React.DragEvent) => {\n        e.preventDefault()\n        e.stopPropagation()\n        dragCounter.current--\n        if (dragCounter.current <= 0) {\n            dragCounter.current = 0\n            setDragging(false)\n        }\n    }, [])\n\n    const handleDragOver = useCallback((e: React.DragEvent) => {\n        e.preventDefault()\n        e.stopPropagation()\n    }, [])\n\n    const handleDrop = useCallback(\n        (e: React.DragEvent) => {\n            e.preventDefault()\n            e.stopPropagation()\n            dragCounter.current = 0\n            setDragging(false)\n            if (disabled) return\n            if (e.dataTransfer.files.length) {\n                processFiles(e.dataTransfer.files)\n            }\n        },\n        [disabled, processFiles]\n    )\n\n    const handleClick = useCallback(() => {\n        if (!disabled) inputRef.current?.click()\n    }, [disabled])\n\n    const handleChange = useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n            if (e.target.files?.length) {\n                processFiles(e.target.files)\n            }\n        },\n        [processFiles]\n    )\n\n    const removeFile = useCallback(\n        (index: number) => {\n            const url = objectUrls[index]\n            if (url) URL.revokeObjectURL(url)\n            const next = files.filter((_, i) => i !== index)\n            setFiles(next)\n            onChange?.(next)\n        },\n        [files, objectUrls, onChange]\n    )\n\n    const displayError = errorText || fileError\n    const hasError = error || !!fileError\n\n    return (\n        <div\n            ref={ref}\n            className={cn('file input', color, size, fullWidth && 'full-width', disabled && 'disabled', className)}\n            {...rest}\n        >\n            {label && <div className=\"file label\">{label}</div>}\n\n            <div\n                className={cn('file dropzone', dragging && 'dragging', hasError && 'error')}\n                onClick={handleClick}\n                onDragEnter={handleDragEnter}\n                onDragLeave={handleDragLeave}\n                onDragOver={handleDragOver}\n                onDrop={handleDrop}\n                role=\"button\"\n                tabIndex={disabled ? -1 : 0}\n                onKeyDown={(e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault()\n                        handleClick()\n                    }\n                }}\n                aria-label={label || placeholder}\n            >\n                <input\n                    ref={inputRef}\n                    type=\"file\"\n                    accept={accept}\n                    multiple={multiple}\n                    onChange={handleChange}\n                    tabIndex={-1}\n                    className=\"file hidden\"\n                />\n\n                <div className=\"file content\">\n                    {icon && <div className=\"file icon\">{icon}</div>}\n                    {!icon && <UploadIcon className=\"file icon default\" aria-hidden=\"true\" />}\n                    <div className=\"file text\">{dragging ? dropText : placeholder}</div>\n                    {accept && <div className=\"file accept\">{accept}</div>}\n                </div>\n            </div>\n\n            {cropFile && cropOptions && (\n                <CropEditor\n                    file={cropFile}\n                    shape={cropOptions.shape!}\n                    outputSize={cropOptions.outputSize!}\n                    quality={cropOptions.quality!}\n                    onCrop={handleCropDone}\n                    onCancel={handleCropCancel}\n                />\n            )}\n\n            {helperText && !hasError && <div className=\"file helper\">{helperText}</div>}\n            {hasError && displayError && <div className=\"file error\">{displayError}</div>}\n\n            {preview && files.length > 0 && !cropFile && (\n                <div className=\"file preview\">\n                    {files.map((file, i) => (\n                        <div key={`${file.name}-${i}`} className=\"file item\">\n                            <div className=\"file thumb\">\n                                {objectUrls[i] ? (\n                                    <img src={objectUrls[i]!} alt={file.name} className=\"file image\" />\n                                ) : (\n                                    <FileTypeIcon ext={fileExtension(file.name)} />\n                                )}\n                            </div>\n                            <div className=\"file info\">\n                                <span className=\"file name\">{file.name}</span>\n                                <span className=\"file size\">{formatSize(file.size)}</span>\n                            </div>\n                            <button\n                                type=\"button\"\n                                className=\"file remove\"\n                                onClick={(e) => {\n                                    e.stopPropagation()\n                                    removeFile(i)\n                                }}\n                                aria-label={`Remove ${file.name}`}\n                            >\n                                <CloseIcon aria-hidden=\"true\" />\n                            </button>\n                        </div>\n                    ))}\n                </div>\n            )}\n        </div>\n    )\n})\n"],"mappings":"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"}

package/dist/InputSearch-BO_j0nAW.js

@@ -1,218 +0,0 @@
-import { t as e } from "./SearchIcon-DDahNpBX.js";
-import { t } from "./CloseIcon-DGl8CDLK.js";
-import { t as n } from "./cn-BIeeqGZv.js";
-import { n as r } from "./useDebounce-D-v3IRXp.js";
-import { t as i } from "./useInteractionEffect-B5_UpgTt.js";
-import { t as a } from "./useGhostText-BNcH5o9H.js";
-import { t as o } from "./appearanceProps-8tN47e1u.js";
-import { forwardRef as s, useCallback as c, useRef as l, useState as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region src/utils/useControllableString.ts
-function p(e) {
-	return e == null ? "" : e.toString();
-}
-function m(e, t) {
-	let [n, r] = u(() => p(t)), i = e !== void 0;
-	return {
-		isControlled: i,
-		currentValue: i ? p(e) : n,
-		setCurrentValue: c((e) => {
-			i || r(e);
-		}, [i])
-	};
-}
-//#endregion
-//#region src/components/inputs/Input/Input.tsx
-var h = s(function({ type: e = "text", value: r, defaultValue: s, name: p, id: h, placeholder: g, disabled: _ = !1, readOnly: v = !1, required: y = !1, autoFocus: b = !1, autoComplete: x, inputMode: S, variant: C = "outlined", size: ee = "md", color: w, fcolor: te, fullWidth: ne = !1, rounded: re = !1, label: T, helperText: E, errorText: D, startIcon: O, endIcon: k, clearable: ie = !1, error: ae = !1, success: A = !1, maxLength: j, showCharCount: M = !1, onChange: N, onFocus: P, onBlur: F, onKeyDown: I, onClear: L, ghostOptions: R, ghostMinChars: oe = 2, onGhostAccept: z, loading: B = !1, clickEffect: se = "ripple", rippleColor: ce, className: le, style: ue, inputClassName: V, labelClassName: de }, H) {
-	let [U, W] = u(!1), G = l(null), { effectClassName: fe, effectLayer: pe, handlePointerDown: me } = i({
-		effect: se,
-		disabled: _ || v,
-		color: ce
-	}), { isControlled: K, currentValue: q, setCurrentValue: J } = m(r, s), Y = a({
-		options: R ?? [],
-		value: q,
-		minChars: oe
-	}), X = ae || !!D, he = q.length > 0, Z = c((e) => {
-		W(!0), P?.(e);
-	}, [P]), Q = c((e) => {
-		W(!1), F?.(e);
-	}, [F]), $ = c((e) => {
-		J(e.target.value), N?.(e), Y.reset();
-	}, [
-		N,
-		J,
-		Y.reset
-	]), ge = c((e) => {
-		if (R && Y.hint && Y.onKeyDown(e)) {
-			let e = Y.accept();
-			J(e.value), z?.(e.value);
-			let t = H?.current ?? G.current;
-			t && ((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set)?.call(t, e.value), t.dispatchEvent(new Event("input", { bubbles: !0 })));
-			return;
-		}
-		I?.(e);
-	}, [
-		R,
-		Y,
-		J,
-		z,
-		I,
-		H
-	]), _e = c(() => {
-		J("");
-		let e = H?.current ?? G.current;
-		e && K && (e.value = ""), L?.(), e?.focus();
-	}, [
-		K,
-		L,
-		H,
-		J
-	]), ve = n("container", C, ee, U && "focused", X && "input-error", A && !X && "input-success", w === "neutral" && "color-neutral", w === "success" && "color-success", w === "error" && "color-error", w === "warning" && "color-warning", w === "info" && "color-info", _ && "disabled", re && "rounded", fe);
-	return /* @__PURE__ */ f("div", {
-		className: n("input", ...o({ fcolor: te }), ne && "full-width", le),
-		style: ue,
-		children: [
-			T && /* @__PURE__ */ d("label", {
-				htmlFor: h,
-				className: n("label", U && "focused", X && "error", A && !X && "success", y && "required", de),
-				children: T
-			}),
-			/* @__PURE__ */ f("div", {
-				className: ve,
-				onPointerDown: me,
-				children: [
-					pe,
-					O && /* @__PURE__ */ d("span", {
-						className: "start-icon",
-						children: O
-					}),
-					R ? /* @__PURE__ */ f("div", {
-						className: "ghost-text-field",
-						children: [/* @__PURE__ */ d("input", {
-							ref: H ?? G,
-							type: e,
-							value: q,
-							name: p,
-							id: h,
-							placeholder: g,
-							disabled: _,
-							readOnly: v,
-							required: y,
-							autoFocus: b,
-							autoComplete: x ?? "off",
-							inputMode: S,
-							maxLength: j,
-							className: n("field", V),
-							onChange: $,
-							onFocus: Z,
-							onBlur: Q,
-							onKeyDown: ge,
-							"aria-invalid": X || void 0,
-							"aria-describedby": D ? `${h}-error` : E ? `${h}-helper` : void 0
-						}), U && Y.hint && /* @__PURE__ */ f("span", {
-							className: "ghost-text-overlay",
-							"aria-hidden": "true",
-							children: [/* @__PURE__ */ d("span", {
-								className: "ghost-text-typed",
-								children: q
-							}), /* @__PURE__ */ d("span", {
-								className: "ghost-text-hint",
-								children: Y.hint
-							})]
-						})]
-					}) : /* @__PURE__ */ d("input", {
-						ref: H ?? G,
-						type: e,
-						value: q,
-						name: p,
-						id: h,
-						placeholder: g,
-						disabled: _,
-						readOnly: v,
-						required: y,
-						autoFocus: b,
-						autoComplete: x,
-						inputMode: S,
-						maxLength: j,
-						className: n("field", V),
-						onChange: $,
-						onFocus: Z,
-						onBlur: Q,
-						onKeyDown: I,
-						"aria-invalid": X || void 0,
-						"aria-describedby": D ? `${h}-error` : E ? `${h}-helper` : void 0
-					}),
-					B && /* @__PURE__ */ d("span", { className: "spinner" }),
-					ie && he && !B && !_ && /* @__PURE__ */ d("button", {
-						type: "button",
-						className: "clear-btn",
-						onClick: _e,
-						tabIndex: -1,
-						"aria-label": "Clear input",
-						children: /* @__PURE__ */ d(t, {})
-					}),
-					k && !B && /* @__PURE__ */ d("span", {
-						className: "end-icon",
-						children: k
-					})
-				]
-			}),
-			(D || E || M) && /* @__PURE__ */ f("div", {
-				className: "bottom-row",
-				children: [/* @__PURE__ */ f("span", { children: [D && /* @__PURE__ */ d("span", {
-					id: h ? `${h}-error` : void 0,
-					className: "error-text",
-					role: "alert",
-					children: D
-				}), !D && E && /* @__PURE__ */ d("span", {
-					id: h ? `${h}-helper` : void 0,
-					className: "helper-text",
-					children: E
-				})] }), M && j && /* @__PURE__ */ f("span", {
-					className: n("char-count", q.length > j && "over"),
-					children: [
-						q.length,
-						"/",
-						j
-					]
-				})]
-			})
-		]
-	});
-}), g = s(function({ debounceMs: t = 300, onSearch: n, value: i, defaultValue: a, onChange: o, onKeyDown: s, onClear: l, clearable: f = !0, placeholder: p = "Search...", ...m }, g) {
-	let [_, v] = u(a?.toString() ?? ""), y = i === void 0 ? _ : i.toString(), b = r((e) => n?.(e), t), x = c((e) => {
-		i === void 0 && v(e.target.value), b(e.target.value), o?.(e);
-	}, [
-		o,
-		i,
-		b
-	]), S = c((e) => {
-		e.key === "Enter" && n?.(y), s?.(e);
-	}, [
-		y,
-		n,
-		s
-	]), C = c(() => {
-		i === void 0 && v(""), n?.(""), l?.();
-	}, [
-		i,
-		n,
-		l
-	]);
-	return /* @__PURE__ */ d(h, {
-		...m,
-		ref: g,
-		type: "text",
-		value: y,
-		onChange: x,
-		onKeyDown: S,
-		onClear: C,
-		clearable: f,
-		placeholder: p,
-		startIcon: /* @__PURE__ */ d(e, {})
-	});
-});
-//#endregion
-export { h as n, m as r, g as t };
-
-//# sourceMappingURL=InputSearch-BO_j0nAW.js.map

package/dist/InputSearch-BO_j0nAW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputSearch-BO_j0nAW.js","names":[],"sources":["../src/utils/useControllableString.ts","../src/components/inputs/Input/Input.tsx","../src/components/inputs/InputSearch/InputSearch.tsx"],"sourcesContent":["import {useCallback, useState} from 'react'\n\ntype ControllableStringLike = string | number | readonly string[] | null | undefined\n\n// Normalize mixed input values so text-like controls always work with strings.\nfunction normalizeStringValue(value: ControllableStringLike) {\n    if (value === null || value === undefined) {\n        return ''\n    }\n\n    return value.toString()\n}\n\n// Share controlled and uncontrolled string state logic between text-like primitives.\nexport function useControllableString(value: ControllableStringLike, defaultValue?: ControllableStringLike) {\n    const [internalValue, setInternalValue] = useState(() => normalizeStringValue(defaultValue))\n    const isControlled = value !== undefined\n    const currentValue = isControlled ? normalizeStringValue(value) : internalValue\n\n    const setCurrentValue = useCallback(\n        (nextValue: string) => {\n            if (!isControlled) {\n                setInternalValue(nextValue)\n            }\n        },\n        [isControlled]\n    )\n\n    return {\n        isControlled,\n        currentValue,\n        setCurrentValue,\n    }\n}\n","import {forwardRef, useCallback, useRef, useState} from 'react'\nimport type * as React from 'react'\nimport type {InputProps} from './Input.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport {useControllableString} from '../../../utils/useControllableString'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {useGhostText} from '../../../utils/useGhostText'\nimport {CloseIcon} from '../../../icons'\nimport './Input.css'\n\n// Render the base text input used by all specialized input wrappers.\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n    {\n        type = 'text',\n        value,\n        defaultValue,\n        name,\n        id,\n        placeholder,\n        disabled = false,\n        readOnly = false,\n        required = false,\n        autoFocus = false,\n        autoComplete,\n        inputMode,\n        variant = 'outlined',\n        size = 'md',\n        color,\n        fcolor,\n        fullWidth = false,\n        rounded = false,\n        label,\n        helperText,\n        errorText,\n        startIcon,\n        endIcon,\n        clearable = false,\n        error = false,\n        success = false,\n        maxLength,\n        showCharCount = false,\n        onChange,\n        onFocus,\n        onBlur,\n        onKeyDown,\n        onClear,\n        ghostOptions,\n        ghostMinChars = 2,\n        onGhostAccept,\n        loading = false,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n        inputClassName,\n        labelClassName,\n    },\n    ref\n) {\n    const [focused, setFocused] = useState(false)\n    const inputRef = useRef<HTMLInputElement>(null)\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLDivElement>({\n        effect: clickEffect,\n        disabled: disabled || readOnly,\n        color: rippleColor,\n    })\n\n    const {isControlled, currentValue, setCurrentValue} = useControllableString(value, defaultValue)\n    const ghost = useGhostText({\n        options: ghostOptions ?? [],\n        value: currentValue,\n        minChars: ghostMinChars,\n    })\n    const hasError = error || !!errorText\n    const hasContent = currentValue.length > 0\n\n    // Mirror focus state so the wrapper can style the input consistently.\n    const handleFocus = useCallback(\n        (event: React.FocusEvent<HTMLInputElement>) => {\n            setFocused(true)\n            onFocus?.(event)\n        },\n        [onFocus]\n    )\n\n    // Clear focus styles before delegating to the caller.\n    const handleBlur = useCallback(\n        (event: React.FocusEvent<HTMLInputElement>) => {\n            setFocused(false)\n            onBlur?.(event)\n        },\n        [onBlur]\n    )\n\n    // Keep uncontrolled usage working without blocking controlled integrations.\n    const handleChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            setCurrentValue(event.target.value)\n            onChange?.(event)\n            ghost.reset()\n        },\n        [onChange, setCurrentValue, ghost.reset]\n    )\n\n    // Intercept keyboard events for ghost text acceptance before delegating.\n    const handleKeyDown = useCallback(\n        (event: React.KeyboardEvent<HTMLInputElement>) => {\n            if (ghostOptions && ghost.hint) {\n                const accepted = ghost.onKeyDown(event)\n                if (accepted) {\n                    const result = ghost.accept()\n                    setCurrentValue(result.value)\n                    onGhostAccept?.(result.value)\n                    // Fire synthetic change so controlled parents stay in sync.\n                    const input = (ref as React.RefObject<HTMLInputElement>)?.current ?? inputRef.current\n                    if (input) {\n                        const nativeSet = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set\n                        nativeSet?.call(input, result.value)\n                        input.dispatchEvent(new Event('input', {bubbles: true}))\n                    }\n                    return\n                }\n            }\n            onKeyDown?.(event)\n        },\n        [ghostOptions, ghost, setCurrentValue, onGhostAccept, onKeyDown, ref]\n    )\n\n    // Reset the visible value while preserving focus for quick repeated input.\n    const handleClear = useCallback(() => {\n        setCurrentValue('')\n\n        const input = (ref as React.RefObject<HTMLInputElement>)?.current ?? inputRef.current\n        if (input && isControlled) {\n            input.value = ''\n        }\n\n        onClear?.()\n        input?.focus()\n    }, [isControlled, onClear, ref, setCurrentValue])\n\n    const containerClasses = cn(\n        'container',\n        variant,\n        size,\n        focused && 'focused',\n        hasError && 'input-error',\n        success && !hasError && 'input-success',\n        color === 'neutral' && 'color-neutral',\n        color === 'success' && 'color-success',\n        color === 'error' && 'color-error',\n        color === 'warning' && 'color-warning',\n        color === 'info' && 'color-info',\n        disabled && 'disabled',\n        rounded && 'rounded',\n        effectClassName\n    )\n\n    return (\n        <div\n            className={cn('input', ...getAppearanceClassNames({fcolor}), fullWidth && 'full-width', className)}\n            style={style}\n        >\n            {label && (\n                <label\n                    htmlFor={id}\n                    className={cn(\n                        'label',\n                        focused && 'focused',\n                        hasError && 'error',\n                        success && !hasError && 'success',\n                        required && 'required',\n                        labelClassName\n                    )}\n                >\n                    {label}\n                </label>\n            )}\n\n            <div className={containerClasses} onPointerDown={handlePointerDown}>\n                {effectLayer}\n                {startIcon && <span className=\"start-icon\">{startIcon}</span>}\n\n                {ghostOptions ? (\n                    <div className=\"ghost-text-field\">\n                        <input\n                            ref={ref ?? inputRef}\n                            type={type}\n                            value={currentValue}\n                            name={name}\n                            id={id}\n                            placeholder={placeholder}\n                            disabled={disabled}\n                            readOnly={readOnly}\n                            required={required}\n                            autoFocus={autoFocus}\n                            autoComplete={autoComplete ?? 'off'}\n                            inputMode={inputMode}\n                            maxLength={maxLength}\n                            className={cn('field', inputClassName)}\n                            onChange={handleChange}\n                            onFocus={handleFocus}\n                            onBlur={handleBlur}\n                            onKeyDown={handleKeyDown}\n                            aria-invalid={hasError || undefined}\n                            aria-describedby={errorText ? `${id}-error` : helperText ? `${id}-helper` : undefined}\n                        />\n                        {focused && ghost.hint && (\n                            <span className=\"ghost-text-overlay\" aria-hidden=\"true\">\n                                <span className=\"ghost-text-typed\">{currentValue}</span>\n                                <span className=\"ghost-text-hint\">{ghost.hint}</span>\n                            </span>\n                        )}\n                    </div>\n                ) : (\n                    <input\n                        ref={ref ?? inputRef}\n                        type={type}\n                        value={currentValue}\n                        name={name}\n                        id={id}\n                        placeholder={placeholder}\n                        disabled={disabled}\n                        readOnly={readOnly}\n                        required={required}\n                        autoFocus={autoFocus}\n                        autoComplete={autoComplete}\n                        inputMode={inputMode}\n                        maxLength={maxLength}\n                        className={cn('field', inputClassName)}\n                        onChange={handleChange}\n                        onFocus={handleFocus}\n                        onBlur={handleBlur}\n                        onKeyDown={onKeyDown}\n                        aria-invalid={hasError || undefined}\n                        aria-describedby={errorText ? `${id}-error` : helperText ? `${id}-helper` : undefined}\n                    />\n                )}\n\n                {loading && <span className=\"spinner\" />}\n\n                {clearable && hasContent && !loading && !disabled && (\n                    <button\n                        type=\"button\"\n                        className=\"clear-btn\"\n                        onClick={handleClear}\n                        tabIndex={-1}\n                        aria-label=\"Clear input\"\n                    >\n                        <CloseIcon />\n                    </button>\n                )}\n\n                {endIcon && !loading && <span className=\"end-icon\">{endIcon}</span>}\n            </div>\n\n            {(errorText || helperText || showCharCount) && (\n                <div className=\"bottom-row\">\n                    <span>\n                        {errorText && (\n                            <span id={id ? `${id}-error` : undefined} className=\"error-text\" role=\"alert\">\n                                {errorText}\n                            </span>\n                        )}\n                        {!errorText && helperText && (\n                            <span id={id ? `${id}-helper` : undefined} className=\"helper-text\">\n                                {helperText}\n                            </span>\n                        )}\n                    </span>\n                    {showCharCount && maxLength && (\n                        <span className={cn('char-count', currentValue.length > maxLength && 'over')}>\n                            {currentValue.length}/{maxLength}\n                        </span>\n                    )}\n                </div>\n            )}\n        </div>\n    )\n})\n","import {useState, useCallback, forwardRef} from 'react'\nimport type * as React from 'react'\nimport type {InputSearchProps} from './InputSearch.types'\nimport {Input} from '../Input'\nimport {useDebouncedCallback} from '../../../utils/useDebounce'\nimport {SearchIcon} from '../../../icons'\n\n// Extend the base input with debounced search callbacks and an inline clear action.\nexport const InputSearch = forwardRef<HTMLInputElement, InputSearchProps>(function InputSearch(\n    {\n        debounceMs = 300,\n        onSearch,\n        value,\n        defaultValue,\n        onChange,\n        onKeyDown,\n        onClear,\n        clearable = true,\n        placeholder = 'Search...',\n        ...rest\n    },\n    ref\n) {\n    const [internalValue, setInternalValue] = useState(defaultValue?.toString() ?? '')\n    const currentValue = value !== undefined ? value.toString() : internalValue\n\n    const debouncedSearch = useDebouncedCallback((val: string) => onSearch?.(val), debounceMs)\n\n    // Update local state and debounce search notifications while typing.\n    const handleChange = useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n            if (value === undefined) {\n                setInternalValue(e.target.value)\n            }\n            debouncedSearch(e.target.value)\n            onChange?.(e)\n        },\n        [onChange, value, debouncedSearch]\n    )\n\n    // Run search immediately when the user confirms with Enter.\n    const handleKeyDown = useCallback(\n        (e: React.KeyboardEvent<HTMLInputElement>) => {\n            if (e.key === 'Enter') {\n                onSearch?.(currentValue)\n            }\n            onKeyDown?.(e)\n        },\n        [currentValue, onSearch, onKeyDown]\n    )\n\n    // Clear both the visible field and the emitted search query.\n    const handleClear = useCallback(() => {\n        if (value === undefined) {\n            setInternalValue('')\n        }\n        onSearch?.('')\n        onClear?.()\n    }, [value, onSearch, onClear])\n\n    return (\n        <Input\n            {...rest}\n            ref={ref}\n            type=\"text\"\n            value={currentValue}\n            onChange={handleChange}\n            onKeyDown={handleKeyDown}\n            onClear={handleClear}\n            clearable={clearable}\n            placeholder={placeholder}\n            startIcon={<SearchIcon />}\n        />\n    )\n})\n"],"mappings":"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"}

package/dist/InputSearch-Bk5YFz09.cjs

@@ -1,2 +0,0 @@
-const e=require(`./SearchIcon-DeKs76RI.cjs`),t=require(`./CloseIcon-5btDsUxB.cjs`),n=require(`./cn-BOmEz3Rt.cjs`),r=require(`./useDebounce-C3jbJOKC.cjs`),i=require(`./useInteractionEffect-BaJeiUns.cjs`),a=require(`./useGhostText-CoYhBGCg.cjs`),o=require(`./appearanceProps-65LbXIeI.cjs`);let s=require(`react`),c=require(`react/jsx-runtime`);function l(e){return e==null?``:e.toString()}function u(e,t){let[n,r]=(0,s.useState)(()=>l(t)),i=e!==void 0;return{isControlled:i,currentValue:i?l(e):n,setCurrentValue:(0,s.useCallback)(e=>{i||r(e)},[i])}}var d=(0,s.forwardRef)(function({type:e=`text`,value:r,defaultValue:l,name:d,id:f,placeholder:p,disabled:m=!1,readOnly:h=!1,required:g=!1,autoFocus:_=!1,autoComplete:v,inputMode:y,variant:b=`outlined`,size:x=`md`,color:S,fcolor:C,fullWidth:w=!1,rounded:ee=!1,label:T,helperText:E,errorText:D,startIcon:O,endIcon:k,clearable:te=!1,error:ne=!1,success:A=!1,maxLength:j,showCharCount:M=!1,onChange:N,onFocus:P,onBlur:F,onKeyDown:I,onClear:L,ghostOptions:R,ghostMinChars:re=2,onGhostAccept:z,loading:B=!1,clickEffect:ie=`ripple`,rippleColor:ae,className:oe,style:se,inputClassName:V,labelClassName:ce},H){let[U,W]=(0,s.useState)(!1),G=(0,s.useRef)(null),{effectClassName:le,effectLayer:ue,handlePointerDown:de}=i.t({effect:ie,disabled:m||h,color:ae}),{isControlled:K,currentValue:q,setCurrentValue:J}=u(r,l),Y=a.t({options:R??[],value:q,minChars:re}),X=ne||!!D,fe=q.length>0,Z=(0,s.useCallback)(e=>{W(!0),P?.(e)},[P]),Q=(0,s.useCallback)(e=>{W(!1),F?.(e)},[F]),$=(0,s.useCallback)(e=>{J(e.target.value),N?.(e),Y.reset()},[N,J,Y.reset]),pe=(0,s.useCallback)(e=>{if(R&&Y.hint&&Y.onKeyDown(e)){let e=Y.accept();J(e.value),z?.(e.value);let t=H?.current??G.current;t&&((Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,`value`)?.set)?.call(t,e.value),t.dispatchEvent(new Event(`input`,{bubbles:!0})));return}I?.(e)},[R,Y,J,z,I,H]),me=(0,s.useCallback)(()=>{J(``);let e=H?.current??G.current;e&&K&&(e.value=``),L?.(),e?.focus()},[K,L,H,J]),he=n.t(`container`,b,x,U&&`focused`,X&&`input-error`,A&&!X&&`input-success`,S===`neutral`&&`color-neutral`,S===`success`&&`color-success`,S===`error`&&`color-error`,S===`warning`&&`color-warning`,S===`info`&&`color-info`,m&&`disabled`,ee&&`rounded`,le);return(0,c.jsxs)(`div`,{className:n.t(`input`,...o.t({fcolor:C}),w&&`full-width`,oe),style:se,children:[T&&(0,c.jsx)(`label`,{htmlFor:f,className:n.t(`label`,U&&`focused`,X&&`error`,A&&!X&&`success`,g&&`required`,ce),children:T}),(0,c.jsxs)(`div`,{className:he,onPointerDown:de,children:[ue,O&&(0,c.jsx)(`span`,{className:`start-icon`,children:O}),R?(0,c.jsxs)(`div`,{className:`ghost-text-field`,children:[(0,c.jsx)(`input`,{ref:H??G,type:e,value:q,name:d,id:f,placeholder:p,disabled:m,readOnly:h,required:g,autoFocus:_,autoComplete:v??`off`,inputMode:y,maxLength:j,className:n.t(`field`,V),onChange:$,onFocus:Z,onBlur:Q,onKeyDown:pe,"aria-invalid":X||void 0,"aria-describedby":D?`${f}-error`:E?`${f}-helper`:void 0}),U&&Y.hint&&(0,c.jsxs)(`span`,{className:`ghost-text-overlay`,"aria-hidden":`true`,children:[(0,c.jsx)(`span`,{className:`ghost-text-typed`,children:q}),(0,c.jsx)(`span`,{className:`ghost-text-hint`,children:Y.hint})]})]}):(0,c.jsx)(`input`,{ref:H??G,type:e,value:q,name:d,id:f,placeholder:p,disabled:m,readOnly:h,required:g,autoFocus:_,autoComplete:v,inputMode:y,maxLength:j,className:n.t(`field`,V),onChange:$,onFocus:Z,onBlur:Q,onKeyDown:I,"aria-invalid":X||void 0,"aria-describedby":D?`${f}-error`:E?`${f}-helper`:void 0}),B&&(0,c.jsx)(`span`,{className:`spinner`}),te&&fe&&!B&&!m&&(0,c.jsx)(`button`,{type:`button`,className:`clear-btn`,onClick:me,tabIndex:-1,"aria-label":`Clear input`,children:(0,c.jsx)(t.t,{})}),k&&!B&&(0,c.jsx)(`span`,{className:`end-icon`,children:k})]}),(D||E||M)&&(0,c.jsxs)(`div`,{className:`bottom-row`,children:[(0,c.jsxs)(`span`,{children:[D&&(0,c.jsx)(`span`,{id:f?`${f}-error`:void 0,className:`error-text`,role:`alert`,children:D}),!D&&E&&(0,c.jsx)(`span`,{id:f?`${f}-helper`:void 0,className:`helper-text`,children:E})]}),M&&j&&(0,c.jsxs)(`span`,{className:n.t(`char-count`,q.length>j&&`over`),children:[q.length,`/`,j]})]})]})}),f=(0,s.forwardRef)(function({debounceMs:t=300,onSearch:n,value:i,defaultValue:a,onChange:o,onKeyDown:l,onClear:u,clearable:f=!0,placeholder:p=`Search...`,...m},h){let[g,_]=(0,s.useState)(a?.toString()??``),v=i===void 0?g:i.toString(),y=r.n(e=>n?.(e),t),b=(0,s.useCallback)(e=>{i===void 0&&_(e.target.value),y(e.target.value),o?.(e)},[o,i,y]),x=(0,s.useCallback)(e=>{e.key===`Enter`&&n?.(v),l?.(e)},[v,n,l]),S=(0,s.useCallback)(()=>{i===void 0&&_(``),n?.(``),u?.()},[i,n,u]);return(0,c.jsx)(d,{...m,ref:h,type:`text`,value:v,onChange:b,onKeyDown:x,onClear:S,clearable:f,placeholder:p,startIcon:(0,c.jsx)(e.t,{})})});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
-//# sourceMappingURL=InputSearch-Bk5YFz09.cjs.map