eidos-ui 3.6.3 → 3.8.0

package/dist/{chunk-TC5IC6OP.cjs.map → chunk-3VXUOAIJ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-TC5IC6OP.cjs","../src/components/NumberInput/NumberInput.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-TC5IC6OP.cjs","sourcesContent":[null,"import React, { forwardRef, useState, useEffect, useId } from 'react';\nimport { Minus, Plus } from 'lucide-react';\nimport { fullWidthModifier } from '../../utils';\nimport type { NumberInputProps } from './NumberInput.types';\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n  (\n    {\n      value,\n      defaultValue = 0,\n      onChange,\n      min,\n      max,\n      step = 1,\n      precision = 0,\n      placeholder,\n      disabled = false,\n      readOnly = false,\n      label,\n      helperText,\n      error = false,\n      errorMessage,\n      size = 'md',\n      fullWidth = false,\n      allowTyping = true,\n      className = '',\n      id,\n      name,\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const inputId = id || `number-input-${generatedId}`;\n    // Associates the visible error with the control. Without it the message\n    // is just a red line of text sitting near the field - obvious to look\n    // at, absent from the accessibility tree (SC 3.3.1). See the fuller\n    // note in `Input`.\n    const errorId = `${inputId}-error`;\n\n    // Controlled / uncontrolled bridge\n    const isControlled = value !== undefined;\n    const [localValue, setLocalValue] = useState<number>(defaultValue);\n\n    // Intermediate text while the user is actively typing\n    const [inputText, setInputText] = useState<string>(defaultValue.toFixed(precision));\n    const [isFocused, setIsFocused] = useState(false);\n\n    const currentValue = isControlled ? value! : localValue;\n\n    // When min/max props change (e.g. via Storybook controls), clamp the\n    // uncontrolled localValue so the display never shows an out-of-range value.\n    useEffect(() => {\n      if (isControlled) return;\n      setLocalValue((prev) => {\n        let result = prev;\n        if (min !== undefined) result = Math.max(min, result);\n        if (max !== undefined) result = Math.min(max, result);\n        return parseFloat(result.toFixed(precision));\n      });\n    }, [min, max, precision, isControlled]);\n\n    // Clamp to [min, max] and apply precision rounding\n    const clampValue = (raw: number): number => {\n      let result = raw;\n      if (min !== undefined) result = Math.max(min, result);\n      if (max !== undefined) result = Math.min(max, result);\n      return parseFloat(result.toFixed(precision));\n    };\n\n    const commitValue = (newVal: number) => {\n      const clamped = clampValue(newVal);\n      if (!isControlled) setLocalValue(clamped);\n      onChange?.(clamped);\n    };\n\n    // ── Stepper buttons ────────────────────────────────────────────────────\n    const handleDecrement = () => {\n      if (disabled || readOnly) return;\n      commitValue(currentValue - step);\n    };\n\n    const handleIncrement = () => {\n      if (disabled || readOnly) return;\n      commitValue(currentValue + step);\n    };\n\n    // ── Typing mode handlers ───────────────────────────────────────────────\n    const handleTextFocus = () => {\n      setInputText(currentValue.toFixed(precision));\n      setIsFocused(true);\n    };\n\n    const handleTextChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      setInputText(e.target.value);\n    };\n\n    const handleTextBlur = () => {\n      setIsFocused(false);\n      const parsed = parseFloat(inputText);\n      if (!isNaN(parsed)) {\n        const clamped = clampValue(parsed);\n        if (!isControlled) setLocalValue(clamped);\n        onChange?.(clamped);\n        setInputText(clamped.toFixed(precision));\n      } else {\n        // Revert to the last known-good value\n        setInputText(currentValue.toFixed(precision));\n      }\n    };\n\n    // ArrowUp / ArrowDown keyboard support for both display modes\n    const handleDisplayKeyDown = (e: React.KeyboardEvent) => {\n      if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        handleIncrement();\n      } else if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        handleDecrement();\n      }\n    };\n\n    // ── Display value ──────────────────────────────────────────────────────\n    // Show intermediate inputText while focused in typing mode;\n    // otherwise always derive from the real (controlled/uncontrolled) value.\n    const formattedValue = currentValue.toFixed(precision);\n    const displayedText = allowTyping && isFocused ? inputText : formattedValue;\n\n    // ── Disabled states for buttons ────────────────────────────────────────\n    const isDecrementDisabled = disabled || readOnly || (min !== undefined && currentValue <= min);\n    const isIncrementDisabled = disabled || readOnly || (max !== undefined && currentValue >= max);\n\n    // ── CSS classes ────────────────────────────────────────────────────────\n    const rootClasses = [\n      'eidos-number-input',\n      `eidos-number-input--${size}`,\n      fullWidth && fullWidthModifier('eidos-number-input'),\n      error && 'eidos-number-input--error',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const controlClasses = [\n      'eidos-number-input-control',\n      disabled && 'eidos-number-input-control--disabled',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div className={rootClasses}>\n        {label && (\n          <label htmlFor={allowTyping ? inputId : undefined} className=\"eidos-number-input-label\">\n            {label}\n          </label>\n        )}\n\n        <div\n          className={controlClasses}\n          role={allowTyping ? undefined : 'spinbutton'}\n          aria-valuemin={allowTyping ? undefined : min}\n          aria-valuemax={allowTyping ? undefined : max}\n          aria-valuenow={allowTyping ? undefined : currentValue}\n          aria-label={allowTyping ? undefined : (label ?? 'Number input')}\n          aria-disabled={disabled || undefined}\n          tabIndex={!allowTyping && !disabled ? 0 : undefined}\n          onKeyDown={!allowTyping ? handleDisplayKeyDown : undefined}\n        >\n          <button\n            type=\"button\"\n            className=\"eidos-number-input-btn\"\n            onClick={handleDecrement}\n            disabled={isDecrementDisabled}\n            aria-label=\"Decrease\"\n          >\n            <Minus />\n          </button>\n\n          <div className=\"eidos-number-input-divider\" aria-hidden=\"true\" />\n\n          {allowTyping ? (\n            <input\n              id={inputId}\n              type=\"text\"\n              className=\"eidos-number-input-display\"\n              value={displayedText}\n              onChange={handleTextChange}\n              onFocus={handleTextFocus}\n              onBlur={handleTextBlur}\n              onKeyDown={handleDisplayKeyDown}\n              placeholder={placeholder}\n              disabled={disabled}\n              readOnly={readOnly}\n              inputMode=\"decimal\"\n              role=\"spinbutton\"\n              aria-invalid={error ? true : undefined}\n              aria-describedby={error && errorMessage ? errorId : undefined}\n              aria-valuemin={min}\n              aria-valuemax={max}\n              aria-valuenow={currentValue}\n              aria-label={label ?? 'Number input'}\n            />\n          ) : (\n            <span className=\"eidos-number-input-display\" aria-hidden=\"true\">\n              {placeholder && formattedValue === (0).toFixed(precision) && !isFocused\n                ? placeholder\n                : formattedValue}\n            </span>\n          )}\n\n          <div className=\"eidos-number-input-divider\" aria-hidden=\"true\" />\n\n          <button\n            type=\"button\"\n            className=\"eidos-number-input-btn\"\n            onClick={handleIncrement}\n            disabled={isIncrementDisabled}\n            aria-label=\"Increase\"\n          >\n            <Plus />\n          </button>\n        </div>\n\n        {/* Hidden native <input type=\"number\"> for form integration */}\n        <input\n          ref={ref}\n          type=\"number\"\n          name={name}\n          value={currentValue}\n          onChange={() => {}}\n          className=\"eidos-number-input-hidden\"\n          tabIndex={-1}\n          aria-hidden=\"true\"\n          disabled={disabled}\n          readOnly={readOnly}\n          min={min}\n          max={max}\n          step={step}\n        />\n\n        {helperText && !error && <span className=\"eidos-number-input-helper\">{helperText}</span>}\n\n        {error && errorMessage && (\n          <span id={errorId} className=\"eidos-number-input-error\" role=\"alert\">\n            {errorMessage}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nNumberInput.displayName = 'NumberInput';\n"]}
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-3VXUOAIJ.cjs","../src/components/NumberInput/NumberInput.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-3VXUOAIJ.cjs","sourcesContent":[null,"import React, { forwardRef, useState, useEffect, useId } from 'react';\nimport { Minus, Plus } from 'lucide-react';\nimport { fullWidthModifier } from '../../utils';\nimport type { NumberInputProps } from './NumberInput.types';\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n  (\n    {\n      value,\n      defaultValue = 0,\n      onChange,\n      min,\n      max,\n      step = 1,\n      precision = 0,\n      placeholder,\n      disabled = false,\n      readOnly = false,\n      label,\n      helperText,\n      error = false,\n      errorMessage,\n      size = 'md',\n      fullWidth = false,\n      allowTyping = true,\n      className = '',\n      id,\n      name,\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const inputId = id || `number-input-${generatedId}`;\n    // Associates the visible error with the control. Without it the message\n    // is just a red line of text sitting near the field - obvious to look\n    // at, absent from the accessibility tree (SC 3.3.1). See the fuller\n    // note in `Input`.\n    const errorId = `${inputId}-error`;\n\n    // Controlled / uncontrolled bridge\n    const isControlled = value !== undefined;\n    const [localValue, setLocalValue] = useState<number>(defaultValue);\n\n    // Intermediate text while the user is actively typing\n    const [inputText, setInputText] = useState<string>(defaultValue.toFixed(precision));\n    const [isFocused, setIsFocused] = useState(false);\n\n    const currentValue = isControlled ? value! : localValue;\n\n    // When min/max props change (e.g. via Storybook controls), clamp the\n    // uncontrolled localValue so the display never shows an out-of-range value.\n    useEffect(() => {\n      if (isControlled) return;\n      setLocalValue((prev) => {\n        let result = prev;\n        if (min !== undefined) result = Math.max(min, result);\n        if (max !== undefined) result = Math.min(max, result);\n        return parseFloat(result.toFixed(precision));\n      });\n    }, [min, max, precision, isControlled]);\n\n    // Clamp to [min, max] and apply precision rounding\n    const clampValue = (raw: number): number => {\n      let result = raw;\n      if (min !== undefined) result = Math.max(min, result);\n      if (max !== undefined) result = Math.min(max, result);\n      return parseFloat(result.toFixed(precision));\n    };\n\n    const commitValue = (newVal: number) => {\n      const clamped = clampValue(newVal);\n      if (!isControlled) setLocalValue(clamped);\n      onChange?.(clamped);\n    };\n\n    // ── Stepper buttons ────────────────────────────────────────────────────\n    const handleDecrement = () => {\n      if (disabled || readOnly) return;\n      commitValue(currentValue - step);\n    };\n\n    const handleIncrement = () => {\n      if (disabled || readOnly) return;\n      commitValue(currentValue + step);\n    };\n\n    // ── Typing mode handlers ───────────────────────────────────────────────\n    const handleTextFocus = () => {\n      setInputText(currentValue.toFixed(precision));\n      setIsFocused(true);\n    };\n\n    const handleTextChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      setInputText(e.target.value);\n    };\n\n    const handleTextBlur = () => {\n      setIsFocused(false);\n      const parsed = parseFloat(inputText);\n      if (!isNaN(parsed)) {\n        const clamped = clampValue(parsed);\n        if (!isControlled) setLocalValue(clamped);\n        onChange?.(clamped);\n        setInputText(clamped.toFixed(precision));\n      } else {\n        // Revert to the last known-good value\n        setInputText(currentValue.toFixed(precision));\n      }\n    };\n\n    // ArrowUp / ArrowDown keyboard support for both display modes\n    const handleDisplayKeyDown = (e: React.KeyboardEvent) => {\n      if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        handleIncrement();\n      } else if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        handleDecrement();\n      }\n    };\n\n    // ── Display value ──────────────────────────────────────────────────────\n    // Show intermediate inputText while focused in typing mode;\n    // otherwise always derive from the real (controlled/uncontrolled) value.\n    const formattedValue = currentValue.toFixed(precision);\n    const displayedText = allowTyping && isFocused ? inputText : formattedValue;\n\n    // ── Disabled states for buttons ────────────────────────────────────────\n    const isDecrementDisabled = disabled || readOnly || (min !== undefined && currentValue <= min);\n    const isIncrementDisabled = disabled || readOnly || (max !== undefined && currentValue >= max);\n\n    // ── CSS classes ────────────────────────────────────────────────────────\n    const rootClasses = [\n      'eidos-number-input',\n      `eidos-number-input--${size}`,\n      fullWidth && fullWidthModifier('eidos-number-input'),\n      error && 'eidos-number-input--error',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const controlClasses = [\n      'eidos-number-input-control',\n      disabled && 'eidos-number-input-control--disabled',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div className={rootClasses}>\n        {label && (\n          <label htmlFor={allowTyping ? inputId : undefined} className=\"eidos-number-input-label\">\n            {label}\n          </label>\n        )}\n\n        <div\n          className={controlClasses}\n          role={allowTyping ? undefined : 'spinbutton'}\n          aria-valuemin={allowTyping ? undefined : min}\n          aria-valuemax={allowTyping ? undefined : max}\n          aria-valuenow={allowTyping ? undefined : currentValue}\n          aria-label={allowTyping ? undefined : (label ?? 'Number input')}\n          aria-disabled={disabled || undefined}\n          tabIndex={!allowTyping && !disabled ? 0 : undefined}\n          onKeyDown={!allowTyping ? handleDisplayKeyDown : undefined}\n        >\n          <button\n            type=\"button\"\n            className=\"eidos-number-input-btn\"\n            onClick={handleDecrement}\n            disabled={isDecrementDisabled}\n            aria-label=\"Decrease\"\n          >\n            <Minus />\n          </button>\n\n          <div className=\"eidos-number-input-divider\" aria-hidden=\"true\" />\n\n          {allowTyping ? (\n            <input\n              id={inputId}\n              type=\"text\"\n              className=\"eidos-number-input-display\"\n              value={displayedText}\n              onChange={handleTextChange}\n              onFocus={handleTextFocus}\n              onBlur={handleTextBlur}\n              onKeyDown={handleDisplayKeyDown}\n              placeholder={placeholder}\n              disabled={disabled}\n              readOnly={readOnly}\n              inputMode=\"decimal\"\n              role=\"spinbutton\"\n              aria-invalid={error ? true : undefined}\n              aria-describedby={error && errorMessage ? errorId : undefined}\n              aria-valuemin={min}\n              aria-valuemax={max}\n              aria-valuenow={currentValue}\n              aria-label={label ?? 'Number input'}\n            />\n          ) : (\n            <span className=\"eidos-number-input-display\" aria-hidden=\"true\">\n              {placeholder && formattedValue === (0).toFixed(precision) && !isFocused\n                ? placeholder\n                : formattedValue}\n            </span>\n          )}\n\n          <div className=\"eidos-number-input-divider\" aria-hidden=\"true\" />\n\n          <button\n            type=\"button\"\n            className=\"eidos-number-input-btn\"\n            onClick={handleIncrement}\n            disabled={isIncrementDisabled}\n            aria-label=\"Increase\"\n          >\n            <Plus />\n          </button>\n        </div>\n\n        {/* Hidden native <input type=\"number\"> for form integration */}\n        <input\n          ref={ref}\n          type=\"number\"\n          name={name}\n          value={currentValue}\n          onChange={() => {}}\n          className=\"eidos-number-input-hidden\"\n          tabIndex={-1}\n          aria-hidden=\"true\"\n          disabled={disabled}\n          readOnly={readOnly}\n          min={min}\n          max={max}\n          step={step}\n        />\n\n        {helperText && !error && <span className=\"eidos-number-input-helper\">{helperText}</span>}\n\n        {error && errorMessage && (\n          <span id={errorId} className=\"eidos-number-input-error\" role=\"alert\">\n            {errorMessage}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nNumberInput.displayName = 'NumberInput';\n"]}

package/dist/{chunk-JHX6JK3M.js → chunk-3X6QVHTD.js}

@@ -2,7 +2,7 @@ import {
   devWarn,
   fullWidthModifier,
   useIsClient
-} from "./chunk-RHHZRTWM.js";
+} from "./chunk-U34INRFO.js";
 
 // src/components/Dropdown/Dropdown.context.types.ts
 import { createContext } from "react";
@@ -404,4 +404,4 @@ export {
   useDropdownContext,
   Dropdown
 };
-//# sourceMappingURL=chunk-JHX6JK3M.js.map
+//# sourceMappingURL=chunk-3X6QVHTD.js.map

package/dist/{chunk-7VJCGKVP.cjs → chunk-4HZIXRAJ.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkBEOECPVJcjs = require('./chunk-BEOECPVJ.cjs');
+var _chunkUTYY35QXcjs = require('./chunk-UTYY35QX.cjs');
 
 
 
 
-var _chunk35LGEPLPcjs = require('./chunk-35LGEPLP.cjs');
+var _chunkENMDOQQOcjs = require('./chunk-ENMDOQQO.cjs');
 
 // src/components/Input/Input.component.tsx
 var _react = require('react');
@@ -52,7 +52,7 @@ var Input = _react.forwardRef.call(void 0,
     const errorId = `${inputId}-error`;
     const describedBy = [restInputProps["aria-describedby"], error ? errorId : null].filter(Boolean).join(" ") || void 0;
     if (posIcon && posIconButton && onPosIconClick && !posIconLabel) {
-      _chunk35LGEPLPcjs.devWarn.call(void 0, 
+      _chunkENMDOQQOcjs.devWarn.call(void 0, 
         "input-pos-icon-label",
         'Input: `posIconButton` renders an icon-only button, so it needs `posIconLabel` to have an accessible name. Falling back to "Input action".'
       );
@@ -133,7 +133,7 @@ var Input = _react.forwardRef.call(void 0,
       `eidos-input--${variant}`,
       `eidos-input--${color}`,
       `eidos-input--${size}`,
-      fullWidth && _chunk35LGEPLPcjs.fullWidthModifier.call(void 0, "eidos-input"),
+      fullWidth && _chunkENMDOQQOcjs.fullWidthModifier.call(void 0, "eidos-input"),
       loading && `eidos-input--loading`,
       error && `eidos-input--error`
     ].filter(Boolean).join(" ");
@@ -142,7 +142,7 @@ var Input = _react.forwardRef.call(void 0,
       `eidos-input-wrapper--${variant}`,
       `eidos-input-wrapper--${color}`,
       `eidos-input-wrapper--${size}`,
-      fullWidth && _chunk35LGEPLPcjs.fullWidthModifier.call(void 0, "eidos-input-wrapper"),
+      fullWidth && _chunkENMDOQQOcjs.fullWidthModifier.call(void 0, "eidos-input-wrapper"),
       loading && `eidos-input-wrapper--loading`,
       isFocused && `eidos-input-wrapper--focused`,
       error && `eidos-input-wrapper--error`
@@ -156,16 +156,16 @@ var Input = _react.forwardRef.call(void 0,
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
-        className: `eidos-input-container ${fullWidth ? _chunk35LGEPLPcjs.fullWidthModifier.call(void 0, "eidos-input-container") : ""} ${className}`,
+        className: `eidos-input-container ${fullWidth ? _chunkENMDOQQOcjs.fullWidthModifier.call(void 0, "eidos-input-container") : ""} ${className}`,
         style: width ? { width: typeof width === "number" ? `${width}px` : width, maxWidth: "100%" } : void 0,
         children: [
           label && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { htmlFor: inputId, className: labelClasses, children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-label-text`, children: label }),
             isRequired && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-required-asterisk`, children: "*" }),
-            disclaimerIcon && (disclaimerContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBEOECPVJcjs.Tooltip, { message: disclaimerContent, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-disclaimer-icon`, children: _chunk35LGEPLPcjs.renderIcon.call(void 0, disclaimerIcon, `eidos-input-disclaimer-icon-svg`) }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-disclaimer-icon`, children: _chunk35LGEPLPcjs.renderIcon.call(void 0, disclaimerIcon, `eidos-input-disclaimer-icon-svg`) }))
+            disclaimerIcon && (disclaimerContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUTYY35QXcjs.Tooltip, { message: disclaimerContent, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-disclaimer-icon`, children: _chunkENMDOQQOcjs.renderIcon.call(void 0, disclaimerIcon, `eidos-input-disclaimer-icon-svg`) }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-disclaimer-icon`, children: _chunkENMDOQQOcjs.renderIcon.call(void 0, disclaimerIcon, `eidos-input-disclaimer-icon-svg`) }))
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, children: [
-            preIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-pre-icon`, children: _chunk35LGEPLPcjs.renderIcon.call(void 0, preIcon, `eidos-input-pre-icon-svg`) }),
+            preIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-pre-icon`, children: _chunkENMDOQQOcjs.renderIcon.call(void 0, preIcon, `eidos-input-pre-icon-svg`) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "input",
               {
@@ -214,7 +214,7 @@ var Input = _react.forwardRef.call(void 0,
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { className: `eidos-input-clear-button-icon` })
               }
             ),
-            posIcon && !posIconButton && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-pos-icon`, children: _chunk35LGEPLPcjs.renderIcon.call(void 0, posIcon, `eidos-input-pos-icon-svg`) }),
+            posIcon && !posIconButton && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-pos-icon`, children: _chunkENMDOQQOcjs.renderIcon.call(void 0, posIcon, `eidos-input-pos-icon-svg`) }),
             posIcon && posIconButton && onPosIconClick && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "button",
               {
@@ -223,7 +223,7 @@ var Input = _react.forwardRef.call(void 0,
                 onClick: onPosIconClick,
                 disabled: disabled || loading,
                 "aria-label": _nullishCoalesce(posIconLabel, () => ( "Input action")),
-                children: _chunk35LGEPLPcjs.renderIcon.call(void 0, posIcon, `eidos-input-pos-icon-svg`)
+                children: _chunkENMDOQQOcjs.renderIcon.call(void 0, posIcon, `eidos-input-pos-icon-svg`)
               }
             ),
             isSelect && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-select-chevron`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { className: `eidos-input-pos-icon-svg` }) })
@@ -242,4 +242,4 @@ Input.displayName = "Input";
 
 
 exports.Input = Input;
-//# sourceMappingURL=chunk-7VJCGKVP.cjs.map
+//# sourceMappingURL=chunk-4HZIXRAJ.cjs.map

package/dist/{chunk-7VJCGKVP.cjs.map → chunk-4HZIXRAJ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-7VJCGKVP.cjs","../src/components/Input/Input.component.tsx"],"names":["currentValue"],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-7VJCGKVP.cjs","sourcesContent":[null,"import React, { forwardRef, useState, useId } from 'react';\nimport { Eye, EyeOff, CircleAlert, X, ChevronDown } from 'lucide-react';\nimport { renderIcon, fullWidthModifier, devWarn } from '../../utils';\nimport type { InputProps } from './Input.types';\nimport { Tooltip } from '../Tooltip/Tooltip.component';\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      variant = 'filled',\n      color = 'primary',\n      size = 'md',\n      disabled = false,\n      loading = false,\n      className = '',\n      width,\n      label,\n      error,\n      disclaimerIcon,\n      disclaimerContent,\n      preIcon,\n      posIcon,\n      posIconButton = false,\n      onPosIconClick,\n      posIconLabel,\n      type = 'text',\n      id,\n      name,\n      required,\n      isSelect = false,\n      clearable = true,\n      fullWidth = false,\n      ...inputProps\n    },\n    ref,\n  ) => {\n    // Extract defaultValue so it never reaches the native <input> alongside `value`.\n    // Passing both causes React's \"controlled/uncontrolled\" warning because we always\n    // set value={currentValue} below - defaultValue is only needed to seed local state.\n    const { defaultValue, ...restInputProps } = inputProps;\n\n    const [showPassword, setShowPassword] = useState(false);\n    const [localValue, setLocalValue] = useState(defaultValue || '');\n    const [isFocused, setIsFocused] = useState(false);\n\n    // Auto-generate id and name if not provided\n    const generatedId = useId();\n    const inputId = id || `input-${generatedId}`;\n    const inputName = name || inputId;\n\n    // Determine if using controlled or uncontrolled mode\n    const isControlled = restInputProps.value !== undefined;\n    const currentValue = isControlled ? restInputProps.value : localValue;\n\n    // For select inputs, don't manage localValue - let the select component handle it\n    // This prevents the Input's clear button from showing\n\n    // Determine if label should float (only when there's content - static behavior)\n    // For select inputs, keep label completely static (never float)\n    const shouldFloatLabel = isSelect ? false : currentValue || defaultValue;\n\n    // Check if field is required (from props or enhanced register function)\n    const isRequired = required || Boolean('required' in restInputProps && restInputProps.required);\n\n    // ── Error identification (SC 3.3.1) ───────────────────────────────\n    //\n    // The error was rendered as a red message next to the field and nothing\n    // more: no `aria-invalid`, and no association between the two. Visually\n    // obvious, entirely absent from the accessibility tree.\n    //\n    // `aria-describedby` is merged rather than assigned, because callers\n    // pass their own - `TagInput` and `Combobox` both describe their fields\n    // with hint text - and overwriting it would trade one missing\n    // description for another.\n    const errorId = `${inputId}-error`;\n    const describedBy =\n      [restInputProps['aria-describedby'], error ? errorId : null].filter(Boolean).join(' ') ||\n      undefined;\n\n    // An icon-only button with no name is announced as just \"button\", and\n    // only the caller knows what the icon means. Warned rather than enforced\n    // at the type level, which would be a breaking change - see the note on\n    // `posIconLabel` in Input.types.ts.\n    if (posIcon && posIconButton && onPosIconClick && !posIconLabel) {\n      devWarn(\n        'input-pos-icon-label',\n        'Input: `posIconButton` renders an icon-only button, so it needs `posIconLabel` to have an accessible name. Falling back to \"Input action\".',\n      );\n    }\n\n    // Handle number input to allow decimals and negative numbers\n    const handleNumberInput = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (type === 'number') {\n        const allowedKeys = [\n          'Backspace',\n          'Delete',\n          'Tab',\n          'Escape',\n          'Enter',\n          'ArrowLeft',\n          'ArrowRight',\n          'ArrowUp',\n          'ArrowDown',\n        ];\n        const isNumber = /[0-9]/.test(e.key);\n        const isDecimal = /[.,]/.test(e.key);\n        const isMinus = e.key === '-';\n        const isAllowedKey = allowedKeys.includes(e.key);\n        const isControlKey = e.ctrlKey || e.metaKey;\n\n        // Allow minus only at the beginning or when no text is selected\n        if (isMinus) {\n          const selectionStart = e.currentTarget.selectionStart || 0;\n          const selectionEnd = e.currentTarget.selectionEnd || 0;\n          const hasSelection = selectionStart !== selectionEnd;\n\n          // Allow if at beginning or if replacing selected text\n          if (selectionStart !== 0 && !hasSelection) {\n            e.preventDefault();\n            return;\n          }\n        }\n\n        // Allow decimal only once\n        if (isDecimal) {\n          const currentValue = e.currentTarget.value;\n          const hasDecimal = /[.,]/.test(currentValue);\n          if (hasDecimal) {\n            e.preventDefault();\n            return;\n          }\n        }\n\n        if (!isNumber && !isDecimal && !isMinus && !isAllowedKey && !isControlKey) {\n          e.preventDefault();\n        }\n      }\n    };\n\n    // Handle input change for number inputs\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value;\n      // Only update localValue if uncontrolled and not a select input\n      if (!isControlled && !isSelect) {\n        setLocalValue(value);\n      }\n      restInputProps.onChange?.(e);\n    };\n\n    // Handle clear button\n    const handleClear = () => {\n      // Update localValue if uncontrolled\n      if (!isControlled) {\n        setLocalValue('');\n      }\n\n      // Create a proper synthetic event for React Hook Form\n      const syntheticEvent = {\n        target: {\n          value: '',\n          name: inputName,\n          id: inputId,\n          type: actualType,\n        },\n      } as React.ChangeEvent<HTMLInputElement>;\n\n      // Call the form's onChange handler\n      restInputProps.onChange?.(syntheticEvent);\n\n      // Also try to update the input element directly\n      if (ref && typeof ref === 'object' && ref.current) {\n        ref.current.value = '';\n      }\n    };\n\n    // Handle focus and blur\n    const handleFocus = () => {\n      setIsFocused(true);\n    };\n\n    const handleBlur = () => {\n      setIsFocused(false);\n    };\n\n    // Determine actual input type (handle password visibility)\n    const actualType = type === 'password' ? (showPassword ? 'text' : 'password') : type;\n\n    // Generate CSS classes\n    const inputClasses = [\n      'eidos-input',\n      `eidos-input--${variant}`,\n      `eidos-input--${color}`,\n      `eidos-input--${size}`,\n      fullWidth && fullWidthModifier('eidos-input'),\n      loading && `eidos-input--loading`,\n      error && `eidos-input--error`,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const wrapperClasses = [\n      'eidos-input-wrapper',\n      `eidos-input-wrapper--${variant}`,\n      `eidos-input-wrapper--${color}`,\n      `eidos-input-wrapper--${size}`,\n      fullWidth && fullWidthModifier('eidos-input-wrapper'),\n      loading && `eidos-input-wrapper--loading`,\n      isFocused && `eidos-input-wrapper--focused`,\n      error && `eidos-input-wrapper--error`,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const labelClasses = [\n      'eidos-input-label',\n      shouldFloatLabel && `eidos-input-label--floating`,\n      disclaimerIcon && `eidos-input-label--with-icon`,\n      error && `eidos-input-label--error`,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div\n        className={`eidos-input-container ${fullWidth ? fullWidthModifier('eidos-input-container') : ''} ${className}`}\n        // `width` sizes the whole field, so it belongs on the container rather\n        // than on the inner <input> (which is a `flex: 1 1 0` child of the\n        // wrapper and only ever fills whatever the wrapper gives it). Applying\n        // it here also keeps it a *preferred* width: `max-width: 100%` lets the\n        // field shrink inside a narrower parent instead of overflowing it.\n        style={\n          width\n            ? { width: typeof width === 'number' ? `${width}px` : width, maxWidth: '100%' }\n            : undefined\n        }\n      >\n        {label && (\n          <label htmlFor={inputId} className={labelClasses}>\n            <span className={`eidos-input-label-text`}>{label}</span>\n            {isRequired && <span className={`eidos-input-required-asterisk`}>*</span>}\n            {disclaimerIcon &&\n              (disclaimerContent ? (\n                <Tooltip message={disclaimerContent}>\n                  <span className={`eidos-input-disclaimer-icon`}>\n                    {renderIcon(disclaimerIcon, `eidos-input-disclaimer-icon-svg`)}\n                  </span>\n                </Tooltip>\n              ) : (\n                <span className={`eidos-input-disclaimer-icon`}>\n                  {renderIcon(disclaimerIcon, `eidos-input-disclaimer-icon-svg`)}\n                </span>\n              ))}\n          </label>\n        )}\n\n        <div className={wrapperClasses}>\n          {preIcon && (\n            <span className={`eidos-input-pre-icon`}>\n              {renderIcon(preIcon, `eidos-input-pre-icon-svg`)}\n            </span>\n          )}\n\n          <input\n            ref={ref}\n            id={inputId}\n            name={inputName}\n            type={actualType}\n            className={inputClasses}\n            disabled={disabled || loading}\n            onKeyDown={handleNumberInput}\n            {...restInputProps}\n            aria-invalid={error ? true : restInputProps['aria-invalid']}\n            aria-describedby={describedBy}\n            value={currentValue}\n            onFocus={(e) => {\n              handleFocus();\n              restInputProps.onFocus?.(e);\n            }}\n            onBlur={(e) => {\n              handleBlur();\n              restInputProps.onBlur?.(e);\n            }}\n            onChange={handleInputChange}\n          />\n\n          {type === 'password' && (\n            <button\n              type=\"button\"\n              className={`eidos-input-password-toggle`}\n              onClick={() => setShowPassword(!showPassword)}\n              disabled={disabled || loading}\n              // The name changes with state so a screen reader announces what\n              // pressing it will do, not what it just did.\n              aria-label={showPassword ? 'Hide password' : 'Show password'}\n              aria-pressed={showPassword}\n            >\n              {showPassword ? (\n                <EyeOff className={`eidos-input-password-toggle-icon`} />\n              ) : (\n                <Eye className={`eidos-input-password-toggle-icon`} />\n              )}\n            </button>\n          )}\n\n          {/* Clear button - show when there's content and clearable is enabled (default: true) */}\n          {currentValue &&\n            String(currentValue).trim().length > 0 &&\n            type !== 'password' &&\n            !isSelect &&\n            clearable !== false && (\n              <button\n                type=\"button\"\n                className={`eidos-input-clear-button`}\n                onClick={handleClear}\n                disabled={disabled || loading}\n                aria-label={label ? `Clear ${label}` : 'Clear'}\n              >\n                <X className={`eidos-input-clear-button-icon`} />\n              </button>\n            )}\n\n          {posIcon && !posIconButton && (\n            <span className={`eidos-input-pos-icon`}>\n              {renderIcon(posIcon, `eidos-input-pos-icon-svg`)}\n            </span>\n          )}\n\n          {posIcon && posIconButton && onPosIconClick && (\n            <button\n              type=\"button\"\n              className={`eidos-input-pos-icon-button`}\n              onClick={onPosIconClick}\n              disabled={disabled || loading}\n              aria-label={posIconLabel ?? 'Input action'}\n            >\n              {renderIcon(posIcon, `eidos-input-pos-icon-svg`)}\n            </button>\n          )}\n\n          {/* Chevron for select inputs */}\n          {isSelect && (\n            <span className={`eidos-input-select-chevron`}>\n              <ChevronDown className={`eidos-input-pos-icon-svg`} />\n            </span>\n          )}\n        </div>\n\n        {error && (\n          <div id={errorId} className={`eidos-input-error-message`}>\n            <CircleAlert className={`eidos-input-error-icon`} />\n            <span>{error}</span>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nInput.displayName = 'Input';\n"]}
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-4HZIXRAJ.cjs","../src/components/Input/Input.component.tsx"],"names":["currentValue"],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-4HZIXRAJ.cjs","sourcesContent":[null,"import React, { forwardRef, useState, useId } from 'react';\nimport { Eye, EyeOff, CircleAlert, X, ChevronDown } from 'lucide-react';\nimport { renderIcon, fullWidthModifier, devWarn } from '../../utils';\nimport type { InputProps } from './Input.types';\nimport { Tooltip } from '../Tooltip/Tooltip.component';\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      variant = 'filled',\n      color = 'primary',\n      size = 'md',\n      disabled = false,\n      loading = false,\n      className = '',\n      width,\n      label,\n      error,\n      disclaimerIcon,\n      disclaimerContent,\n      preIcon,\n      posIcon,\n      posIconButton = false,\n      onPosIconClick,\n      posIconLabel,\n      type = 'text',\n      id,\n      name,\n      required,\n      isSelect = false,\n      clearable = true,\n      fullWidth = false,\n      ...inputProps\n    },\n    ref,\n  ) => {\n    // Extract defaultValue so it never reaches the native <input> alongside `value`.\n    // Passing both causes React's \"controlled/uncontrolled\" warning because we always\n    // set value={currentValue} below - defaultValue is only needed to seed local state.\n    const { defaultValue, ...restInputProps } = inputProps;\n\n    const [showPassword, setShowPassword] = useState(false);\n    const [localValue, setLocalValue] = useState(defaultValue || '');\n    const [isFocused, setIsFocused] = useState(false);\n\n    // Auto-generate id and name if not provided\n    const generatedId = useId();\n    const inputId = id || `input-${generatedId}`;\n    const inputName = name || inputId;\n\n    // Determine if using controlled or uncontrolled mode\n    const isControlled = restInputProps.value !== undefined;\n    const currentValue = isControlled ? restInputProps.value : localValue;\n\n    // For select inputs, don't manage localValue - let the select component handle it\n    // This prevents the Input's clear button from showing\n\n    // Determine if label should float (only when there's content - static behavior)\n    // For select inputs, keep label completely static (never float)\n    const shouldFloatLabel = isSelect ? false : currentValue || defaultValue;\n\n    // Check if field is required (from props or enhanced register function)\n    const isRequired = required || Boolean('required' in restInputProps && restInputProps.required);\n\n    // ── Error identification (SC 3.3.1) ───────────────────────────────\n    //\n    // The error was rendered as a red message next to the field and nothing\n    // more: no `aria-invalid`, and no association between the two. Visually\n    // obvious, entirely absent from the accessibility tree.\n    //\n    // `aria-describedby` is merged rather than assigned, because callers\n    // pass their own - `TagInput` and `Combobox` both describe their fields\n    // with hint text - and overwriting it would trade one missing\n    // description for another.\n    const errorId = `${inputId}-error`;\n    const describedBy =\n      [restInputProps['aria-describedby'], error ? errorId : null].filter(Boolean).join(' ') ||\n      undefined;\n\n    // An icon-only button with no name is announced as just \"button\", and\n    // only the caller knows what the icon means. Warned rather than enforced\n    // at the type level, which would be a breaking change - see the note on\n    // `posIconLabel` in Input.types.ts.\n    if (posIcon && posIconButton && onPosIconClick && !posIconLabel) {\n      devWarn(\n        'input-pos-icon-label',\n        'Input: `posIconButton` renders an icon-only button, so it needs `posIconLabel` to have an accessible name. Falling back to \"Input action\".',\n      );\n    }\n\n    // Handle number input to allow decimals and negative numbers\n    const handleNumberInput = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (type === 'number') {\n        const allowedKeys = [\n          'Backspace',\n          'Delete',\n          'Tab',\n          'Escape',\n          'Enter',\n          'ArrowLeft',\n          'ArrowRight',\n          'ArrowUp',\n          'ArrowDown',\n        ];\n        const isNumber = /[0-9]/.test(e.key);\n        const isDecimal = /[.,]/.test(e.key);\n        const isMinus = e.key === '-';\n        const isAllowedKey = allowedKeys.includes(e.key);\n        const isControlKey = e.ctrlKey || e.metaKey;\n\n        // Allow minus only at the beginning or when no text is selected\n        if (isMinus) {\n          const selectionStart = e.currentTarget.selectionStart || 0;\n          const selectionEnd = e.currentTarget.selectionEnd || 0;\n          const hasSelection = selectionStart !== selectionEnd;\n\n          // Allow if at beginning or if replacing selected text\n          if (selectionStart !== 0 && !hasSelection) {\n            e.preventDefault();\n            return;\n          }\n        }\n\n        // Allow decimal only once\n        if (isDecimal) {\n          const currentValue = e.currentTarget.value;\n          const hasDecimal = /[.,]/.test(currentValue);\n          if (hasDecimal) {\n            e.preventDefault();\n            return;\n          }\n        }\n\n        if (!isNumber && !isDecimal && !isMinus && !isAllowedKey && !isControlKey) {\n          e.preventDefault();\n        }\n      }\n    };\n\n    // Handle input change for number inputs\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value;\n      // Only update localValue if uncontrolled and not a select input\n      if (!isControlled && !isSelect) {\n        setLocalValue(value);\n      }\n      restInputProps.onChange?.(e);\n    };\n\n    // Handle clear button\n    const handleClear = () => {\n      // Update localValue if uncontrolled\n      if (!isControlled) {\n        setLocalValue('');\n      }\n\n      // Create a proper synthetic event for React Hook Form\n      const syntheticEvent = {\n        target: {\n          value: '',\n          name: inputName,\n          id: inputId,\n          type: actualType,\n        },\n      } as React.ChangeEvent<HTMLInputElement>;\n\n      // Call the form's onChange handler\n      restInputProps.onChange?.(syntheticEvent);\n\n      // Also try to update the input element directly\n      if (ref && typeof ref === 'object' && ref.current) {\n        ref.current.value = '';\n      }\n    };\n\n    // Handle focus and blur\n    const handleFocus = () => {\n      setIsFocused(true);\n    };\n\n    const handleBlur = () => {\n      setIsFocused(false);\n    };\n\n    // Determine actual input type (handle password visibility)\n    const actualType = type === 'password' ? (showPassword ? 'text' : 'password') : type;\n\n    // Generate CSS classes\n    const inputClasses = [\n      'eidos-input',\n      `eidos-input--${variant}`,\n      `eidos-input--${color}`,\n      `eidos-input--${size}`,\n      fullWidth && fullWidthModifier('eidos-input'),\n      loading && `eidos-input--loading`,\n      error && `eidos-input--error`,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const wrapperClasses = [\n      'eidos-input-wrapper',\n      `eidos-input-wrapper--${variant}`,\n      `eidos-input-wrapper--${color}`,\n      `eidos-input-wrapper--${size}`,\n      fullWidth && fullWidthModifier('eidos-input-wrapper'),\n      loading && `eidos-input-wrapper--loading`,\n      isFocused && `eidos-input-wrapper--focused`,\n      error && `eidos-input-wrapper--error`,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const labelClasses = [\n      'eidos-input-label',\n      shouldFloatLabel && `eidos-input-label--floating`,\n      disclaimerIcon && `eidos-input-label--with-icon`,\n      error && `eidos-input-label--error`,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div\n        className={`eidos-input-container ${fullWidth ? fullWidthModifier('eidos-input-container') : ''} ${className}`}\n        // `width` sizes the whole field, so it belongs on the container rather\n        // than on the inner <input> (which is a `flex: 1 1 0` child of the\n        // wrapper and only ever fills whatever the wrapper gives it). Applying\n        // it here also keeps it a *preferred* width: `max-width: 100%` lets the\n        // field shrink inside a narrower parent instead of overflowing it.\n        style={\n          width\n            ? { width: typeof width === 'number' ? `${width}px` : width, maxWidth: '100%' }\n            : undefined\n        }\n      >\n        {label && (\n          <label htmlFor={inputId} className={labelClasses}>\n            <span className={`eidos-input-label-text`}>{label}</span>\n            {isRequired && <span className={`eidos-input-required-asterisk`}>*</span>}\n            {disclaimerIcon &&\n              (disclaimerContent ? (\n                <Tooltip message={disclaimerContent}>\n                  <span className={`eidos-input-disclaimer-icon`}>\n                    {renderIcon(disclaimerIcon, `eidos-input-disclaimer-icon-svg`)}\n                  </span>\n                </Tooltip>\n              ) : (\n                <span className={`eidos-input-disclaimer-icon`}>\n                  {renderIcon(disclaimerIcon, `eidos-input-disclaimer-icon-svg`)}\n                </span>\n              ))}\n          </label>\n        )}\n\n        <div className={wrapperClasses}>\n          {preIcon && (\n            <span className={`eidos-input-pre-icon`}>\n              {renderIcon(preIcon, `eidos-input-pre-icon-svg`)}\n            </span>\n          )}\n\n          <input\n            ref={ref}\n            id={inputId}\n            name={inputName}\n            type={actualType}\n            className={inputClasses}\n            disabled={disabled || loading}\n            onKeyDown={handleNumberInput}\n            {...restInputProps}\n            aria-invalid={error ? true : restInputProps['aria-invalid']}\n            aria-describedby={describedBy}\n            value={currentValue}\n            onFocus={(e) => {\n              handleFocus();\n              restInputProps.onFocus?.(e);\n            }}\n            onBlur={(e) => {\n              handleBlur();\n              restInputProps.onBlur?.(e);\n            }}\n            onChange={handleInputChange}\n          />\n\n          {type === 'password' && (\n            <button\n              type=\"button\"\n              className={`eidos-input-password-toggle`}\n              onClick={() => setShowPassword(!showPassword)}\n              disabled={disabled || loading}\n              // The name changes with state so a screen reader announces what\n              // pressing it will do, not what it just did.\n              aria-label={showPassword ? 'Hide password' : 'Show password'}\n              aria-pressed={showPassword}\n            >\n              {showPassword ? (\n                <EyeOff className={`eidos-input-password-toggle-icon`} />\n              ) : (\n                <Eye className={`eidos-input-password-toggle-icon`} />\n              )}\n            </button>\n          )}\n\n          {/* Clear button - show when there's content and clearable is enabled (default: true) */}\n          {currentValue &&\n            String(currentValue).trim().length > 0 &&\n            type !== 'password' &&\n            !isSelect &&\n            clearable !== false && (\n              <button\n                type=\"button\"\n                className={`eidos-input-clear-button`}\n                onClick={handleClear}\n                disabled={disabled || loading}\n                aria-label={label ? `Clear ${label}` : 'Clear'}\n              >\n                <X className={`eidos-input-clear-button-icon`} />\n              </button>\n            )}\n\n          {posIcon && !posIconButton && (\n            <span className={`eidos-input-pos-icon`}>\n              {renderIcon(posIcon, `eidos-input-pos-icon-svg`)}\n            </span>\n          )}\n\n          {posIcon && posIconButton && onPosIconClick && (\n            <button\n              type=\"button\"\n              className={`eidos-input-pos-icon-button`}\n              onClick={onPosIconClick}\n              disabled={disabled || loading}\n              aria-label={posIconLabel ?? 'Input action'}\n            >\n              {renderIcon(posIcon, `eidos-input-pos-icon-svg`)}\n            </button>\n          )}\n\n          {/* Chevron for select inputs */}\n          {isSelect && (\n            <span className={`eidos-input-select-chevron`}>\n              <ChevronDown className={`eidos-input-pos-icon-svg`} />\n            </span>\n          )}\n        </div>\n\n        {error && (\n          <div id={errorId} className={`eidos-input-error-message`}>\n            <CircleAlert className={`eidos-input-error-icon`} />\n            <span>{error}</span>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nInput.displayName = 'Input';\n"]}

package/dist/{chunk-MQAOXZD4.js → chunk-4S57PE43.js}

@@ -1,14 +1,14 @@
 import {
   Input
-} from "./chunk-YAKTVIVK.js";
+} from "./chunk-XIUZT4TO.js";
 import {
   Dropdown
-} from "./chunk-JHX6JK3M.js";
+} from "./chunk-3X6QVHTD.js";
 import {
   devWarn,
   fullWidthModifier,
   renderIcon
-} from "./chunk-RHHZRTWM.js";
+} from "./chunk-U34INRFO.js";
 
 // src/components/Select/Select.component.tsx
 import React, { useState, useCallback, useRef, useEffect, useMemo } from "react";
@@ -354,4 +354,4 @@ Select.displayName = "Select";
 export {
   Select
 };
-//# sourceMappingURL=chunk-MQAOXZD4.js.map
+//# sourceMappingURL=chunk-4S57PE43.js.map

package/dist/{chunk-JT4KVXJK.js → chunk-4V2XYUQL.js}

@@ -5,7 +5,7 @@ import {
   FOCUSABLE_SELECTOR,
   useDialogFocus,
   useIsClient
-} from "./chunk-RHHZRTWM.js";
+} from "./chunk-U34INRFO.js";
 
 // src/components/CommandPalette/CommandPalette.component.tsx
 import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
@@ -377,4 +377,4 @@ CommandPalette.displayName = "CommandPalette";
 export {
   CommandPalette
 };
-//# sourceMappingURL=chunk-JT4KVXJK.js.map
+//# sourceMappingURL=chunk-4V2XYUQL.js.map

package/dist/{chunk-PMSENLOA.cjs → chunk-544RAXWO.cjs}

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunk6JHVXWDVcjs = require('./chunk-6JHVXWDV.cjs');
+var _chunkULKWUKD2cjs = require('./chunk-ULKWUKD2.cjs');
 
 
-var _chunkXZLSHEHEcjs = require('./chunk-XZLSHEHE.cjs');
+var _chunkB2OHBIALcjs = require('./chunk-B2OHBIAL.cjs');
 
 
-var _chunk7VJCGKVPcjs = require('./chunk-7VJCGKVP.cjs');
+var _chunk4HZIXRAJcjs = require('./chunk-4HZIXRAJ.cjs');
 
 
-var _chunkKIZVY57Hcjs = require('./chunk-KIZVY57H.cjs');
+var _chunkVXC7Z7XBcjs = require('./chunk-VXC7Z7XB.cjs');
 
 
 var _chunk3ETWFS2Ncjs = require('./chunk-3ETWFS2N.cjs');
 
 
-var _chunkDA375AI6cjs = require('./chunk-DA375AI6.cjs');
+var _chunkXPG56DLQcjs = require('./chunk-XPG56DLQ.cjs');
 
 // src/components/Table/TableFiltersDropdown.component.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -158,7 +158,7 @@ var TableFiltersDropdown = ({
     switch (filterType) {
       case "select":
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkXZLSHEHEcjs.Select,
+          _chunkB2OHBIALcjs.Select,
           {
             value: row.value || "",
             onChange: (value) => updateFilter(row.id, row.columnKey, value),
@@ -174,7 +174,7 @@ var TableFiltersDropdown = ({
         );
       case "boolean":
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkXZLSHEHEcjs.Select,
+          _chunkB2OHBIALcjs.Select,
           {
             value: row.value === void 0 ? "" : String(row.value),
             onChange: (value) => updateFilter(row.id, row.columnKey, value === "" ? void 0 : value === "true"),
@@ -238,7 +238,7 @@ var TableFiltersDropdown = ({
           }
         };
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk6JHVXWDVcjs.DatePicker,
+          _chunkULKWUKD2cjs.DatePicker,
           {
             mode: dateMode,
             value: prepareValue(),
@@ -256,7 +256,7 @@ var TableFiltersDropdown = ({
       case "text":
       default:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk7VJCGKVPcjs.Input,
+          _chunk4HZIXRAJcjs.Input,
           {
             value: row.value || "",
             onChange: (e) => updateFilter(row.id, row.columnKey, e.target.value),
@@ -270,7 +270,7 @@ var TableFiltersDropdown = ({
   };
   const canAddMore = filterRows.length < filterableColumns.length;
   const triggerButton = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3ETWFS2Ncjs.Badge, { content: activeFilterCount, max: 9, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkDA375AI6cjs.Button,
+    _chunkXPG56DLQcjs.Button,
     {
       variant: "text",
       size: "sm",
@@ -288,7 +288,7 @@ var TableFiltersDropdown = ({
       const isTemporaryFilter = row.columnKey.startsWith("__temp_");
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-table-filter-row", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-table-column-select", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkXZLSHEHEcjs.Select,
+          _chunkB2OHBIALcjs.Select,
           {
             value: isTemporaryFilter ? "" : row.columnKey,
             onChange: (value) => {
@@ -305,7 +305,7 @@ var TableFiltersDropdown = ({
           }
         ) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-table-value-input", children: column && !isTemporaryFilter ? renderFilterInput(row, column) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk7VJCGKVPcjs.Input,
+          _chunk4HZIXRAJcjs.Input,
           {
             value: "",
             disabled: true,
@@ -316,7 +316,7 @@ var TableFiltersDropdown = ({
           }
         ) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkDA375AI6cjs.Button,
+          _chunkXPG56DLQcjs.Button,
           {
             variant: "text",
             size: "sm",
@@ -331,7 +331,7 @@ var TableFiltersDropdown = ({
     }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-table-filters-footer", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-table-filters-actions", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDA375AI6cjs.Button,
+        _chunkXPG56DLQcjs.Button,
         {
           variant: "text",
           size: "sm",
@@ -341,10 +341,10 @@ var TableFiltersDropdown = ({
           children: "Add Filter"
         }
       ),
-      hasActiveFilters && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDA375AI6cjs.Button, { variant: "text", size: "sm", color: "secondary", onClick: clearAllFilters, children: "Clear All" }),
+      hasActiveFilters && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXPG56DLQcjs.Button, { variant: "text", size: "sm", color: "secondary", onClick: clearAllFilters, children: "Clear All" }),
       hasChanges && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-table-filters-apply-actions", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkDA375AI6cjs.Button,
+          _chunkXPG56DLQcjs.Button,
           {
             variant: "outlined",
             size: "sm",
@@ -355,7 +355,7 @@ var TableFiltersDropdown = ({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkDA375AI6cjs.Button,
+          _chunkXPG56DLQcjs.Button,
           {
             variant: "filled",
             size: "sm",
@@ -369,7 +369,7 @@ var TableFiltersDropdown = ({
     ] }) })
   ] });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkKIZVY57Hcjs.Dropdown,
+    _chunkVXC7Z7XBcjs.Dropdown,
     {
       open: isOpen,
       onOpenChange: setIsOpen,
@@ -4443,4 +4443,4 @@ function isAfter(a, b) {
 
 
 exports.CSS = CSS; exports.useSensor = useSensor; exports.useSensors = useSensors; exports.closestCenter = closestCenter; exports.KeyboardSensor = KeyboardSensor; exports.PointerSensor = PointerSensor; exports.DndContext = DndContext; exports.arrayMove = arrayMove; exports.horizontalListSortingStrategy = horizontalListSortingStrategy; exports.verticalListSortingStrategy = verticalListSortingStrategy; exports.SortableContext = SortableContext; exports.useSortable = useSortable; exports.sortableKeyboardCoordinates = sortableKeyboardCoordinates; exports.TableFiltersDropdown = TableFiltersDropdown;
-//# sourceMappingURL=chunk-PMSENLOA.cjs.map
+//# sourceMappingURL=chunk-544RAXWO.cjs.map