eidos-ui 3.3.0 → 3.5.0

package/dist/{chunk-K7T25Y3A.cjs → chunk-XZLSHEHE.cjs}

@@ -1,13 +1,14 @@
-"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; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkTEVZHN5Icjs = require('./chunk-TEVZHN5I.cjs');
+var _chunk7VJCGKVPcjs = require('./chunk-7VJCGKVP.cjs');
 
 
-var _chunkP2JM22BFcjs = require('./chunk-P2JM22BF.cjs');
+var _chunkKIZVY57Hcjs = require('./chunk-KIZVY57H.cjs');
 
 
 
-var _chunkCUJBNRJJcjs = require('./chunk-CUJBNRJJ.cjs');
+
+var _chunk35LGEPLPcjs = require('./chunk-35LGEPLP.cjs');
 
 // src/components/Select/Select.component.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -21,6 +22,7 @@ var Select = _react2.default.forwardRef(
     onChange,
     className = "",
     multiple = false,
+    label,
     placeholder = "Select an option...",
     disabled = false,
     inputProps = {},
@@ -45,9 +47,8 @@ var Select = _react2.default.forwardRef(
       }
       return /* @__PURE__ */ new Set();
     });
-    const [menuKey, setMenuKey] = _react.useState.call(void 0, 0);
     const [focusedIndex, setFocusedIndex] = _react.useState.call(void 0, -1);
-    const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
+    const [isOpen, setIsOpen] = _react.useState.call(void 0, autoOpen);
     const inputRef = _react.useRef.call(void 0, null);
     const triggerRef = _react.useRef.call(void 0, null);
     const optionRefs = _react.useRef.call(void 0, []);
@@ -95,7 +96,7 @@ var Select = _react2.default.forwardRef(
         }
         if (!multiple) {
           setIsOpen(false);
-          setMenuKey((prev) => prev + 1);
+          _optionalChain([inputRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.focus, 'call', _3 => _3()]);
         }
       },
       [multiple, onChange, selectedValues, isControlled]
@@ -109,13 +110,24 @@ var Select = _react2.default.forwardRef(
           setSelectedValues(/* @__PURE__ */ new Set());
         }
         setIsOpen(false);
-        setMenuKey((prev) => prev + 1);
+        _optionalChain([inputRef, 'access', _4 => _4.current, 'optionalAccess', _5 => _5.focus, 'call', _6 => _6()]);
         if (onChange) {
           onChange(multiple ? [] : "");
         }
       },
       [multiple, onChange, isControlled]
     );
+    _react.useEffect.call(void 0, () => {
+      const element = inputRef.current;
+      if (!element) return;
+      const named = (_nullishCoalesce(_optionalChain([element, 'access', _7 => _7.labels, 'optionalAccess', _8 => _8.length]), () => ( 0))) > 0 || element.hasAttribute("aria-label") || element.hasAttribute("aria-labelledby");
+      if (!named) {
+        _chunk35LGEPLPcjs.devWarn.call(void 0, 
+          "select-missing-label",
+          'Select: no accessible name. Pass `label` for a visible one, or `inputProps={{ "aria-label": "..." }}` where it must stay visually unlabelled - otherwise the field is announced as just "combobox". A placeholder is not a label, and disappears as soon as something is chosen.'
+        );
+      }
+    }, []);
     const handleKeyDown = _react.useCallback.call(void 0, 
       (e) => {
         if (disabled) return;
@@ -129,7 +141,7 @@ var Select = _react2.default.forwardRef(
               setFocusedIndex((prev) => {
                 const nextIndex = prev < options.length - 1 ? prev + 1 : 0;
                 setTimeout(() => {
-                  _optionalChain([optionRefs, 'access', _ => _.current, 'access', _2 => _2[nextIndex], 'optionalAccess', _3 => _3.scrollIntoView, 'call', _4 => _4({
+                  _optionalChain([optionRefs, 'access', _9 => _9.current, 'access', _10 => _10[nextIndex], 'optionalAccess', _11 => _11.scrollIntoView, 'call', _12 => _12({
                     block: "nearest",
                     behavior: "smooth"
                   })]);
@@ -147,7 +159,7 @@ var Select = _react2.default.forwardRef(
               setFocusedIndex((prev) => {
                 const nextIndex = prev > 0 ? prev - 1 : options.length - 1;
                 setTimeout(() => {
-                  _optionalChain([optionRefs, 'access', _5 => _5.current, 'access', _6 => _6[nextIndex], 'optionalAccess', _7 => _7.scrollIntoView, 'call', _8 => _8({
+                  _optionalChain([optionRefs, 'access', _13 => _13.current, 'access', _14 => _14[nextIndex], 'optionalAccess', _15 => _15.scrollIntoView, 'call', _16 => _16({
                     block: "nearest",
                     behavior: "smooth"
                   })]);
@@ -172,14 +184,13 @@ var Select = _react2.default.forwardRef(
             if (isOpen) {
               setIsOpen(false);
               setFocusedIndex(-1);
-              setMenuKey((prev) => prev + 1);
             }
             break;
           case "Home":
             e.preventDefault();
             if (isOpen) {
               setFocusedIndex(0);
-              _optionalChain([optionRefs, 'access', _9 => _9.current, 'access', _10 => _10[0], 'optionalAccess', _11 => _11.scrollIntoView, 'call', _12 => _12({
+              _optionalChain([optionRefs, 'access', _17 => _17.current, 'access', _18 => _18[0], 'optionalAccess', _19 => _19.scrollIntoView, 'call', _20 => _20({
                 block: "nearest",
                 behavior: "smooth"
               })]);
@@ -190,7 +201,7 @@ var Select = _react2.default.forwardRef(
             if (isOpen) {
               const lastIndex = options.length - 1;
               setFocusedIndex(lastIndex);
-              _optionalChain([optionRefs, 'access', _13 => _13.current, 'access', _14 => _14[lastIndex], 'optionalAccess', _15 => _15.scrollIntoView, 'call', _16 => _16({
+              _optionalChain([optionRefs, 'access', _21 => _21.current, 'access', _22 => _22[lastIndex], 'optionalAccess', _23 => _23.scrollIntoView, 'call', _24 => _24({
                 block: "nearest",
                 behavior: "smooth"
               })]);
@@ -204,7 +215,7 @@ var Select = _react2.default.forwardRef(
               );
               if (foundIndex !== -1) {
                 setFocusedIndex(foundIndex);
-                _optionalChain([optionRefs, 'access', _17 => _17.current, 'access', _18 => _18[foundIndex], 'optionalAccess', _19 => _19.scrollIntoView, 'call', _20 => _20({
+                _optionalChain([optionRefs, 'access', _25 => _25.current, 'access', _26 => _26[foundIndex], 'optionalAccess', _27 => _27.scrollIntoView, 'call', _28 => _28({
                   block: "nearest",
                   behavior: "smooth"
                 })]);
@@ -214,7 +225,7 @@ var Select = _react2.default.forwardRef(
                 );
                 if (foundFromStart !== -1) {
                   setFocusedIndex(foundFromStart);
-                  _optionalChain([optionRefs, 'access', _21 => _21.current, 'access', _22 => _22[foundFromStart], 'optionalAccess', _23 => _23.scrollIntoView, 'call', _24 => _24({
+                  _optionalChain([optionRefs, 'access', _29 => _29.current, 'access', _30 => _30[foundFromStart], 'optionalAccess', _31 => _31.scrollIntoView, 'call', _32 => _32({
                     block: "nearest",
                     behavior: "smooth"
                   })]);
@@ -232,7 +243,7 @@ var Select = _react2.default.forwardRef(
         (option) => selectedValuesRef.current.has(option.value)
       );
       if (idx === -1) return;
-      _optionalChain([optionRefs, 'access', _25 => _25.current, 'access', _26 => _26[idx], 'optionalAccess', _27 => _27.scrollIntoView, 'call', _28 => _28({ block: "nearest" })]);
+      _optionalChain([optionRefs, 'access', _33 => _33.current, 'access', _34 => _34[idx], 'optionalAccess', _35 => _35.scrollIntoView, 'call', _36 => _36({ block: "nearest" })]);
     }, []);
     const COMPACT_LABEL_THRESHOLD = 2;
     const displayValue = _react.useMemo.call(void 0, () => {
@@ -251,6 +262,7 @@ var Select = _react2.default.forwardRef(
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "div",
           {
+            id: `${id || "select"}-option-${index}`,
             ref: (el) => {
               optionRefs.current[index] = el;
             },
@@ -266,7 +278,7 @@ var Select = _react2.default.forwardRef(
             "aria-selected": isSelected,
             "aria-disabled": option.disabled,
             children: [
-              option.icon && _chunkCUJBNRJJcjs.renderIcon.call(void 0, option.icon, "eidos-select-option-icon"),
+              option.icon && _chunk35LGEPLPcjs.renderIcon.call(void 0, option.icon, "eidos-select-option-icon"),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-select-option-label", children: option.label }),
               isSelected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { className: "eidos-select-option-check-icon" })
             ]
@@ -274,22 +286,22 @@ var Select = _react2.default.forwardRef(
           option.id
         );
       }) }),
-      [options, selectedValues, focusedIndex, handleOptionSelect, handleOptionsMount]
+      [options, selectedValues, focusedIndex, handleOptionSelect, handleOptionsMount, id]
     );
     const triggerElement = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         ref: triggerRef,
-        className: `eidos-select-trigger ${fullWidth ? _chunkCUJBNRJJcjs.fullWidthModifier.call(void 0, "eidos-select-trigger") : ""}`,
+        className: `eidos-select-trigger ${fullWidth ? _chunk35LGEPLPcjs.fullWidthModifier.call(void 0, "eidos-select-trigger") : ""}`,
         onKeyDown: handleKeyDown,
         tabIndex: disabled ? -1 : void 0,
         role: "combobox",
         "aria-expanded": isOpen,
         "aria-haspopup": "listbox",
-        "aria-controls": `${id || "select"}-options`,
+        "aria-controls": isOpen ? `${id || "select"}-options` : void 0,
         "aria-activedescendant": focusedIndex >= 0 ? `${id || "select"}-option-${focusedIndex}` : void 0,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkTEVZHN5Icjs.Input,
+          _chunk7VJCGKVPcjs.Input,
           {
             ref: inputRef,
             value: selectedValues.size > 0 ? displayValue : "",
@@ -297,9 +309,11 @@ var Select = _react2.default.forwardRef(
             posIcon: selectedValues.size > 0 && clearable ? _lucidereact.X : void 0,
             posIconButton: selectedValues.size > 0 && clearable,
             onPosIconClick: selectedValues.size > 0 && clearable ? handleClear : void 0,
+            posIconLabel: "Clear selection",
             disabled,
             readOnly: true,
             isSelect: true,
+            label,
             name,
             id,
             required,
@@ -313,11 +327,12 @@ var Select = _react2.default.forwardRef(
       "div",
       {
         ref,
-        className: `${"eidos-select-container"} ${fullWidth ? _chunkCUJBNRJJcjs.fullWidthModifier.call(void 0, "eidos-select-container") : ""} ${className}`,
+        className: `${"eidos-select-container"} ${fullWidth ? _chunk35LGEPLPcjs.fullWidthModifier.call(void 0, "eidos-select-container") : ""} ${className}`,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkP2JM22BFcjs.Dropdown,
+          _chunkKIZVY57Hcjs.Dropdown,
           {
-            defaultOpen: autoOpen,
+            open: isOpen,
+            onOpenChange: setIsOpen,
             trigger: triggerElement,
             content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: `${id || "select"}-options`, role: "listbox", "aria-multiselectable": multiple, children: selectContent }),
             minWidth,
@@ -328,8 +343,7 @@ var Select = _react2.default.forwardRef(
             fullWidth,
             triggerRef,
             ...dropdownProps
-          },
-          menuKey
+          }
         )
       }
     );
@@ -340,4 +354,4 @@ Select.displayName = "Select";
 
 
 exports.Select = Select;
-//# sourceMappingURL=chunk-K7T25Y3A.cjs.map
+//# sourceMappingURL=chunk-XZLSHEHE.cjs.map

package/dist/chunk-XZLSHEHE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-XZLSHEHE.cjs","../src/components/Select/Select.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-XZLSHEHE.cjs","sourcesContent":[null,"import React, { useState, useCallback, useRef, useEffect, useMemo } from 'react';\nimport { X, Check } from 'lucide-react';\nimport { Input } from '../Input/Input.component';\nimport { Dropdown } from '../Dropdown/Dropdown.component';\nimport type { SelectProps, SelectOption } from './Select.types';\nimport { renderIcon, fullWidthModifier, devWarn } from '../../utils';\n\nexport const Select = React.forwardRef<HTMLDivElement, SelectProps>(\n  (\n    {\n      options = [],\n      value,\n      defaultValue,\n      onChange,\n      className = '',\n      multiple = false,\n      label,\n      placeholder = 'Select an option...',\n      disabled = false,\n      inputProps = {},\n      name,\n      id,\n      required = false,\n      fullWidth = false,\n      minWidth,\n      maxWidth,\n      minHeight,\n      maxHeight = '300px',\n      autoWidth = true,\n      clearable = true,\n      autoOpen = false,\n      dropdownProps = {},\n    },\n    ref,\n  ) => {\n    const isControlled = value !== undefined;\n\n    // Lazy initializer: seed from defaultValue in uncontrolled mode.\n    const [selectedValues, setSelectedValues] = useState<Set<string>>(() => {\n      if (defaultValue !== undefined) {\n        const vals = Array.isArray(defaultValue) ? defaultValue : [defaultValue];\n        return new Set(vals.filter((v) => v !== ''));\n      }\n      return new Set();\n    });\n\n    const [focusedIndex, setFocusedIndex] = useState(-1);\n    // `Select` owns the open state and hands it to `Dropdown` as a controlled\n    // value. It used to keep this flag *and* force the dropdown closed by\n    // remounting it through a changing `key`, because `Dropdown`'s own state was\n    // private - which meant this flag drove the ARIA attributes while reaching\n    // nothing that renders, so the keyboard could not open the listbox at all.\n    const [isOpen, setIsOpen] = useState(autoOpen);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const triggerRef = useRef<HTMLDivElement>(null);\n    const optionRefs = useRef<(HTMLDivElement | null)[]>([]);\n\n    // Kept in sync every render so the mount-only callback ref below can\n    // read the latest values without needing them in its dependency array\n    // (see `handleOptionsMount`).\n    const optionsRef = useRef(options);\n    optionsRef.current = options;\n    const selectedValuesRef = useRef(selectedValues);\n    selectedValuesRef.current = selectedValues;\n\n    useEffect(() => {\n      if (value !== undefined) {\n        const values = Array.isArray(value) ? value : [value];\n\n        const validValues = values.filter((v) => v !== '');\n        setSelectedValues(new Set(validValues));\n      }\n    }, [value]);\n\n    useEffect(() => {\n      setFocusedIndex(-1);\n    }, [options]);\n\n    useEffect(() => {\n      optionRefs.current = optionRefs.current.slice(0, options.length);\n    }, [options.length]);\n\n    const handleOptionSelect = useCallback(\n      (option: SelectOption) => {\n        if (option.disabled) return;\n\n        const newSelectedValues = new Set(selectedValues);\n\n        if (multiple) {\n          if (newSelectedValues.has(option.value)) {\n            newSelectedValues.delete(option.value);\n          } else {\n            newSelectedValues.add(option.value);\n          }\n        } else {\n          if (newSelectedValues.has(option.value)) {\n            newSelectedValues.clear();\n          } else {\n            newSelectedValues.clear();\n            newSelectedValues.add(option.value);\n          }\n        }\n\n        // In uncontrolled mode, own the state directly.\n        // In controlled mode, let the parent drive via value prop + useEffect sync.\n        if (!isControlled) {\n          setSelectedValues(newSelectedValues);\n        }\n\n        if (onChange) {\n          const newValue = multiple\n            ? Array.from(newSelectedValues)\n            : Array.from(newSelectedValues)[0] || '';\n          onChange(newValue);\n        }\n\n        if (!multiple) {\n          setIsOpen(false);\n          // Focus is returned explicitly because a click lands on an option\n          // `div`, which is not focusable - without this, choosing with the\n          // mouse would leave focus on `<body>` and the field would be\n          // unreachable by keyboard until tabbed to again.\n          inputRef.current?.focus();\n        }\n      },\n      [multiple, onChange, selectedValues, isControlled],\n    );\n\n    const handleClear = useCallback(\n      (e?: React.MouseEvent) => {\n        if (e) {\n          e.stopPropagation();\n        }\n        if (!isControlled) {\n          setSelectedValues(new Set());\n        }\n\n        setIsOpen(false);\n        inputRef.current?.focus();\n        if (onChange) {\n          onChange(multiple ? [] : '');\n        }\n      },\n      [multiple, onChange, isControlled],\n    );\n\n    // A form control with no accessible name is announced as just \"combobox\".\n    // `Select` was the only field in the library that could not be labelled\n    // without knowing about `inputProps`, and three call sites duly shipped\n    // without one - so the gap is closed from both ends: a first-class `label`\n    // prop, and this warning.\n    //\n    // Measured from the DOM rather than from props, because a caller may name\n    // the field with an external `<label for>` - `Pagination`'s page-size\n    // picker does exactly that, and a props-only check would cry wolf at it.\n    // `HTMLInputElement.labels` covers both wrapping and `for` labels.\n    useEffect(() => {\n      const element = inputRef.current;\n      if (!element) return;\n      const named =\n        (element.labels?.length ?? 0) > 0 ||\n        element.hasAttribute('aria-label') ||\n        element.hasAttribute('aria-labelledby');\n      if (!named) {\n        devWarn(\n          'select-missing-label',\n          'Select: no accessible name. Pass `label` for a visible one, or `inputProps={{ \"aria-label\": \"...\" }}` where it must stay visually unlabelled - otherwise the field is announced as just \"combobox\". A placeholder is not a label, and disappears as soon as something is chosen.',\n        );\n      }\n    }, []);\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (disabled) return;\n\n        switch (e.key) {\n          case 'ArrowDown':\n            e.preventDefault();\n            if (!isOpen) {\n              setIsOpen(true);\n              setFocusedIndex(0);\n            } else {\n              setFocusedIndex((prev) => {\n                const nextIndex = prev < options.length - 1 ? prev + 1 : 0;\n\n                setTimeout(() => {\n                  optionRefs.current[nextIndex]?.scrollIntoView({\n                    block: 'nearest',\n                    behavior: 'smooth',\n                  });\n                }, 0);\n                return nextIndex;\n              });\n            }\n            break;\n\n          case 'ArrowUp':\n            e.preventDefault();\n            if (!isOpen) {\n              setIsOpen(true);\n              setFocusedIndex(options.length - 1);\n            } else {\n              setFocusedIndex((prev) => {\n                const nextIndex = prev > 0 ? prev - 1 : options.length - 1;\n\n                setTimeout(() => {\n                  optionRefs.current[nextIndex]?.scrollIntoView({\n                    block: 'nearest',\n                    behavior: 'smooth',\n                  });\n                }, 0);\n                return nextIndex;\n              });\n            }\n            break;\n\n          case 'Enter':\n          case ' ':\n            e.preventDefault();\n            if (!isOpen) {\n              setIsOpen(true);\n              setFocusedIndex(0);\n            } else if (focusedIndex >= 0 && focusedIndex < options.length) {\n              const focusedOption = options[focusedIndex];\n              handleOptionSelect(focusedOption);\n            }\n            break;\n\n          case 'Escape':\n            e.preventDefault();\n            if (isOpen) {\n              setIsOpen(false);\n              setFocusedIndex(-1);\n            }\n            break;\n\n          case 'Home':\n            e.preventDefault();\n            if (isOpen) {\n              setFocusedIndex(0);\n              optionRefs.current[0]?.scrollIntoView({\n                block: 'nearest',\n                behavior: 'smooth',\n              });\n            }\n            break;\n\n          case 'End':\n            e.preventDefault();\n            if (isOpen) {\n              const lastIndex = options.length - 1;\n              setFocusedIndex(lastIndex);\n              optionRefs.current[lastIndex]?.scrollIntoView({\n                block: 'nearest',\n                behavior: 'smooth',\n              });\n            }\n            break;\n\n          default:\n            if (isOpen && e.key.length === 1 && /[a-zA-Z0-9]/.test(e.key)) {\n              const searchChar = e.key.toLowerCase();\n              const foundIndex = options.findIndex(\n                (option, index) =>\n                  index > focusedIndex && option.label.toLowerCase().startsWith(searchChar),\n              );\n\n              if (foundIndex !== -1) {\n                setFocusedIndex(foundIndex);\n                optionRefs.current[foundIndex]?.scrollIntoView({\n                  block: 'nearest',\n                  behavior: 'smooth',\n                });\n              } else {\n                const foundFromStart = options.findIndex((option) =>\n                  option.label.toLowerCase().startsWith(searchChar),\n                );\n                if (foundFromStart !== -1) {\n                  setFocusedIndex(foundFromStart);\n                  optionRefs.current[foundFromStart]?.scrollIntoView({\n                    block: 'nearest',\n                    behavior: 'smooth',\n                  });\n                }\n              }\n            }\n            break;\n        }\n      },\n      [disabled, isOpen, options, focusedIndex, handleOptionSelect],\n    );\n\n    // Scrolls the first selected option into view. Attached as the options\n    // list's own ref below with an empty dependency array, so its identity\n    // never changes and React only invokes it on genuine DOM mount/unmount -\n    // i.e. exactly when the dropdown opens/closes (Dropdown unmounts its\n    // `content` entirely while closed), not on every re-render while open.\n    const handleOptionsMount = useCallback((el: HTMLDivElement | null) => {\n      if (!el) return;\n      const idx = optionsRef.current.findIndex((option) =>\n        selectedValuesRef.current.has(option.value),\n      );\n      if (idx === -1) return;\n      optionRefs.current[idx]?.scrollIntoView({ block: 'nearest' });\n    }, []);\n\n    // Past this many selections the full comma-joined label list becomes\n    // unreadable in the trigger, so we switch to a compact \"N selected\" label.\n    const COMPACT_LABEL_THRESHOLD = 2;\n\n    const displayValue = useMemo(() => {\n      if (selectedValues.size === 0) return '';\n\n      if (multiple && selectedValues.size > COMPACT_LABEL_THRESHOLD) {\n        return `${selectedValues.size} selected`;\n      }\n\n      const selectedOptions = options.filter((option) => selectedValues.has(option.value));\n      const text = selectedOptions.map((option) => option.label).join(', ');\n      return text;\n    }, [options, selectedValues, multiple]);\n\n    const selectContent = useMemo(\n      () => (\n        <div className={'eidos-select-options'} ref={handleOptionsMount}>\n          {options.map((option, index) => {\n            const isSelected = selectedValues.has(option.value);\n            const isFocused = index === focusedIndex;\n            return (\n              <div\n                key={option.id}\n                // The trigger points `aria-activedescendant` at\n                // `${id}-option-${focusedIndex}`, and nothing carried that id -\n                // so the moment an option was hovered or arrowed to, the\n                // attribute referenced an element that did not exist\n                // (`aria-valid-attr-value`, critical). Invisible to axe until a\n                // story left the listbox open, because the attribute is only\n                // set once something is focused.\n                id={`${id || 'select'}-option-${index}`}\n                ref={(el) => {\n                  optionRefs.current[index] = el;\n                }}\n                className={`\n\t\t\t\t\t\t\t\t\t\t${'eidos-select-option'}\n\t\t\t\t\t\t\t\t\t\t${isSelected ? 'eidos-select-option--selected' : ''}\n\t\t\t\t\t\t\t\t\t\t${option.disabled ? 'eidos-select-option--disabled' : ''}\n\t\t\t\t\t\t\t\t\t\t${isFocused ? 'eidos-select-option--focused' : ''}\n\t\t\t\t\t\t\t\t\t`.trim()}\n                onClick={() => handleOptionSelect(option)}\n                onMouseEnter={() => setFocusedIndex(index)}\n                role=\"option\"\n                aria-selected={isSelected}\n                aria-disabled={option.disabled}\n              >\n                {option.icon && renderIcon(option.icon, 'eidos-select-option-icon')}\n                <span className={'eidos-select-option-label'}>{option.label}</span>\n                {isSelected && <Check className={'eidos-select-option-check-icon'} />}\n              </div>\n            );\n          })}\n        </div>\n      ),\n      [options, selectedValues, focusedIndex, handleOptionSelect, handleOptionsMount, id],\n    );\n\n    const triggerElement = (\n      <div\n        ref={triggerRef}\n        className={`eidos-select-trigger ${fullWidth ? fullWidthModifier('eidos-select-trigger') : ''}`}\n        onKeyDown={handleKeyDown}\n        tabIndex={disabled ? -1 : undefined}\n        role=\"combobox\"\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n        // Only while the listbox exists. An `aria-controls` pointing at an id\n        // that is not in the document is invalid, and the listbox only renders\n        // while open - `Combobox`, `TagInput` and `CommandPalette` already gate\n        // theirs this way. It could not be gated here before, because `isOpen`\n        // did not track whether the panel had actually rendered.\n        aria-controls={isOpen ? `${id || 'select'}-options` : undefined}\n        aria-activedescendant={\n          focusedIndex >= 0 ? `${id || 'select'}-option-${focusedIndex}` : undefined\n        }\n      >\n        <Input\n          ref={inputRef}\n          value={selectedValues.size > 0 ? displayValue : ''}\n          placeholder={selectedValues.size === 0 ? placeholder : ''}\n          posIcon={selectedValues.size > 0 && clearable ? X : undefined}\n          posIconButton={selectedValues.size > 0 && clearable}\n          onPosIconClick={selectedValues.size > 0 && clearable ? handleClear : undefined}\n          posIconLabel=\"Clear selection\"\n          disabled={disabled}\n          readOnly={true}\n          isSelect={true}\n          label={label}\n          name={name}\n          id={id}\n          required={required}\n          fullWidth={fullWidth}\n          {...inputProps}\n        />\n      </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={`${'eidos-select-container'} ${\n          fullWidth ? fullWidthModifier('eidos-select-container') : ''\n        } ${className}`}\n      >\n        <Dropdown\n          open={isOpen}\n          onOpenChange={setIsOpen}\n          trigger={triggerElement}\n          content={\n            <div id={`${id || 'select'}-options`} role=\"listbox\" aria-multiselectable={multiple}>\n              {selectContent}\n            </div>\n          }\n          minWidth={minWidth}\n          maxWidth={maxWidth}\n          minHeight={minHeight}\n          maxHeight={maxHeight}\n          autoWidth={autoWidth}\n          fullWidth={fullWidth}\n          triggerRef={triggerRef as React.RefObject<HTMLElement | null>}\n          {...dropdownProps}\n        />\n      </div>\n    );\n  },\n);\n\nSelect.displayName = 'Select';\n"]}

package/dist/{chunk-JRLUZDKA.js → chunk-YAKTVIVK.js}

@@ -1,10 +1,11 @@
 import {
   Tooltip
-} from "./chunk-YV57RSPD.js";
+} from "./chunk-JNY7TUDS.js";
 import {
+  devWarn,
   fullWidthModifier,
   renderIcon
-} from "./chunk-EAJHEYZM.js";
+} from "./chunk-RHHZRTWM.js";
 
 // src/components/Input/Input.component.tsx
 import { forwardRef, useState, useId } from "react";
@@ -27,6 +28,7 @@ var Input = forwardRef(
     posIcon,
     posIconButton = false,
     onPosIconClick,
+    posIconLabel,
     type = "text",
     id,
     name,
@@ -47,6 +49,14 @@ var Input = forwardRef(
     const currentValue = isControlled ? restInputProps.value : localValue;
     const shouldFloatLabel = isSelect ? false : currentValue || defaultValue;
     const isRequired = required || Boolean("required" in restInputProps && restInputProps.required);
+    const errorId = `${inputId}-error`;
+    const describedBy = [restInputProps["aria-describedby"], error ? errorId : null].filter(Boolean).join(" ") || void 0;
+    if (posIcon && posIconButton && onPosIconClick && !posIconLabel) {
+      devWarn(
+        "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".'
+      );
+    }
     const handleNumberInput = (e) => {
       if (type === "number") {
         const allowedKeys = [
@@ -167,6 +177,8 @@ var Input = forwardRef(
                 disabled: disabled || loading,
                 onKeyDown: handleNumberInput,
                 ...restInputProps,
+                "aria-invalid": error ? true : restInputProps["aria-invalid"],
+                "aria-describedby": describedBy,
                 value: currentValue,
                 onFocus: (e) => {
                   handleFocus();
@@ -186,7 +198,8 @@ var Input = forwardRef(
                 className: `eidos-input-password-toggle`,
                 onClick: () => setShowPassword(!showPassword),
                 disabled: disabled || loading,
-                tabIndex: -1,
+                "aria-label": showPassword ? "Hide password" : "Show password",
+                "aria-pressed": showPassword,
                 children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: `eidos-input-password-toggle-icon` }) : /* @__PURE__ */ jsx(Eye, { className: `eidos-input-password-toggle-icon` })
               }
             ),
@@ -197,7 +210,7 @@ var Input = forwardRef(
                 className: `eidos-input-clear-button`,
                 onClick: handleClear,
                 disabled: disabled || loading,
-                tabIndex: -1,
+                "aria-label": label ? `Clear ${label}` : "Clear",
                 children: /* @__PURE__ */ jsx(X, { className: `eidos-input-clear-button-icon` })
               }
             ),
@@ -209,13 +222,13 @@ var Input = forwardRef(
                 className: `eidos-input-pos-icon-button`,
                 onClick: onPosIconClick,
                 disabled: disabled || loading,
-                tabIndex: -1,
+                "aria-label": posIconLabel ?? "Input action",
                 children: renderIcon(posIcon, `eidos-input-pos-icon-svg`)
               }
             ),
             isSelect && /* @__PURE__ */ jsx("span", { className: `eidos-input-select-chevron`, children: /* @__PURE__ */ jsx(ChevronDown, { className: `eidos-input-pos-icon-svg` }) })
           ] }),
-          error && /* @__PURE__ */ jsxs("div", { className: `eidos-input-error-message`, children: [
+          error && /* @__PURE__ */ jsxs("div", { id: errorId, className: `eidos-input-error-message`, children: [
             /* @__PURE__ */ jsx(CircleAlert, { className: `eidos-input-error-icon` }),
             /* @__PURE__ */ jsx("span", { children: error })
           ] })
@@ -229,4 +242,4 @@ Input.displayName = "Input";
 export {
   Input
 };
-//# sourceMappingURL=chunk-JRLUZDKA.js.map
+//# sourceMappingURL=chunk-YAKTVIVK.js.map

package/dist/chunk-YAKTVIVK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Input/Input.component.tsx"],"sourcesContent":["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"],"mappings":"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","names":["currentValue"]}

package/dist/{chunk-IJ4DXG7D.cjs → chunk-YJNQLH2L.cjs}

@@ -20,6 +20,7 @@ var Checkbox = _react.forwardRef.call(void 0,
   }, ref) => {
     const generatedId = _react.useId.call(void 0, );
     const checkboxId = id || `checkbox-${generatedId}`;
+    const errorId = `${checkboxId}-error`;
     const internalRef = _react.useRef.call(void 0, null);
     const isControlled = checked !== void 0;
     const [localChecked, setLocalChecked] = _react.useState.call(void 0, _nullishCoalesce(defaultChecked, () => ( false)));
@@ -73,6 +74,8 @@ var Checkbox = _react.forwardRef.call(void 0,
             type: "checkbox",
             id: checkboxId,
             className: "eidos-checkbox-input",
+            "aria-invalid": error ? true : void 0,
+            "aria-describedby": error ? errorId : void 0,
             disabled,
             onChange: handleChange,
             onClick: handleClick,
@@ -86,7 +89,7 @@ var Checkbox = _react.forwardRef.call(void 0,
         ] }),
         label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-checkbox-label", children: label })
       ] }),
-      error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-checkbox-error-message", children: [
+      error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { id: errorId, className: "eidos-checkbox-error-message", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: error })
       ] })
@@ -98,4 +101,4 @@ Checkbox.displayName = "Checkbox";
 
 
 exports.Checkbox = Checkbox;
-//# sourceMappingURL=chunk-IJ4DXG7D.cjs.map
+//# sourceMappingURL=chunk-YJNQLH2L.cjs.map

package/dist/chunk-YJNQLH2L.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-YJNQLH2L.cjs","../src/components/Checkbox/Checkbox.component.tsx"],"names":[],"mappings":"AAAA;ACAA,8BAAmF;AACnF,2CAA0C;AA6GhC,+CAAA;AA1GH,IAAM,SAAA,EAAW,+BAAA;AAAA,EACtB,CACE;AAAA,IACE,KAAA;AAAA,IACA,KAAA;AAAA,IACA,cAAA,EAAgB,KAAA;AAAA,IAChB,MAAA,EAAQ,SAAA;AAAA,IACR,KAAA,EAAO,IAAA;AAAA,IACP,UAAA,EAAY,EAAA;AAAA,IACZ,SAAA,EAAW,KAAA;AAAA,IACX,EAAA;AAAA,IACA,OAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAG;AAAA,EACL,CAAA,EACA,GAAA,EAAA,GACG;AACH,IAAA,MAAM,YAAA,EAAc,0BAAA,CAAM;AAC1B,IAAA,MAAM,WAAA,EAAa,GAAA,GAAM,CAAA,SAAA,EAAY,WAAW,CAAA,CAAA;AAKnB,IAAA;AAGoB,IAAA;AAKhB,IAAA;AACyB,IAAA;AAG7B,IAAA;AAGb,IAAA;AACW,MAAA;AACa,QAAA;AACtC,MAAA;AACgB,IAAA;AAKA,IAAA;AACmB,MAAA;AACX,QAAA;AACS,QAAA;AACrB,UAAA;AACM,QAAA;AACqD,UAAA;AACrE,QAAA;AACF,MAAA;AACI,MAAA;AACN,IAAA;AAEiE,IAAA;AAC5C,MAAA;AACe,QAAA;AAClC,MAAA;AACY,sBAAA;AACd,IAAA;AAY+D,IAAA;AAClD,sBAAA;AACO,MAAA;AACpB,IAAA;AAEuB,IAAA;AACrB,MAAA;AACgC,MAAA;AACD,MAAA;AACnB,MAAA;AACH,MAAA;AAGA,IAAA;AAEY,IAAA;AACrB,MAAA;AACa,MAAA;AACI,MAAA;AACL,MAAA;AACU,MAAA;AAGb,IAAA;AAGQ,IAAA;AACG,sBAAA;AAChB,wBAAA;AAAC,UAAA;AAAA,UAAA;AACM,YAAA;AACA,YAAA;AACD,YAAA;AACM,YAAA;AACmB,YAAA;AACO,YAAA;AACpC,YAAA;AACU,YAAA;AACD,YAAA;AAC2B,YAAA;AAChC,YAAA;AAAA,UAAA;AACN,QAAA;AACiB,wBAAA;AACiB,UAAA;AACb,UAAA;AACrB,QAAA;AACgB,QAAA;AAClB,MAAA;AAGW,MAAA;AACM,wBAAA;AACN,wBAAA;AACT,MAAA;AAEJ,IAAA;AAEJ,EAAA;AACF;AAEuB;AD1C8B;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-YJNQLH2L.cjs","sourcesContent":[null,"import React, { forwardRef, useId, useRef, useState, useEffect, useCallback } from 'react';\nimport { Check, Minus, CircleAlert } from 'lucide-react';\nimport type { CheckboxProps } from './Checkbox.types';\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      label,\n      error,\n      indeterminate = false,\n      color = 'primary',\n      size = 'md',\n      className = '',\n      disabled = false,\n      id,\n      checked,\n      defaultChecked,\n      onChange,\n      onClick,\n      ...inputProps\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const checkboxId = id || `checkbox-${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 = `${checkboxId}-error`;\n\n    // Internal ref needed to imperatively set `indeterminate` (not a standard HTML attribute)\n    const internalRef = useRef<HTMLInputElement>(null);\n\n    // Track checked state for the visual control:\n    //   - controlled mode: `checked` prop drives everything\n    //   - uncontrolled mode: local state mirrors the native input\n    const isControlled = checked !== undefined;\n    const [localChecked, setLocalChecked] = useState<boolean>(defaultChecked ?? false);\n\n    // `??` correctly handles `false` (falsy but defined): only falls back when `checked` is undefined\n    const isChecked = checked ?? localChecked;\n\n    // Imperatively set the indeterminate property – it has no HTML attribute equivalent\n    useEffect(() => {\n      if (internalRef.current) {\n        internalRef.current.indeterminate = indeterminate;\n      }\n    }, [indeterminate]);\n\n    // Merge the forwarded ref with our internal ref so callers can still access the input.\n    // useCallback(_, [ref]) prevents the ref callback from being a new function identity\n    // every render, which would cause React to detach/re-attach the ref unnecessarily.\n    const mergedRef = useCallback(\n      (node: HTMLInputElement | null) => {\n        internalRef.current = node;\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n        }\n      },\n      [ref],\n    );\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (!isControlled) {\n        setLocalChecked(e.target.checked);\n      }\n      onChange?.(e);\n    };\n\n    // Clicking anywhere in the surrounding <label> (e.g. the custom\n    // `.eidos-checkbox-control` box) fires a click on the clicked element\n    // *and* a second, browser-synthesized click targeted at this input -\n    // both bubble up. A consumer that wraps Checkbox in its own click\n    // handler (e.g. DataGrid toggling a cell on click) would otherwise see\n    // that handler fire twice per click and cancel itself out. Stopping\n    // propagation here only cancels the synthesized click's bubbling; the\n    // original click (whichever element the user actually clicked) still\n    // bubbles normally. Still forwards to a caller-supplied `onClick`\n    // first, so passing one through doesn't silently disable this fix.\n    const handleClick = (e: React.MouseEvent<HTMLInputElement>) => {\n      onClick?.(e);\n      e.stopPropagation();\n    };\n\n    const wrapperClasses = [\n      'eidos-checkbox-wrapper',\n      `eidos-checkbox-wrapper--${color}`,\n      `eidos-checkbox-wrapper--${size}`,\n      disabled && 'eidos-checkbox-wrapper--disabled',\n      error && 'eidos-checkbox-wrapper--error',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const controlClasses = [\n      'eidos-checkbox-control',\n      isChecked && 'eidos-checkbox-control--checked',\n      indeterminate && 'eidos-checkbox-control--indeterminate',\n      disabled && 'eidos-checkbox-control--disabled',\n      error && !disabled && 'eidos-checkbox-control--error',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div className={['eidos-checkbox-container', className].filter(Boolean).join(' ')}>\n        <label className={wrapperClasses}>\n          <input\n            ref={mergedRef}\n            type=\"checkbox\"\n            id={checkboxId}\n            className=\"eidos-checkbox-input\"\n            aria-invalid={error ? true : undefined}\n            aria-describedby={error ? errorId : undefined}\n            disabled={disabled}\n            onChange={handleChange}\n            onClick={handleClick}\n            {...(isControlled ? { checked } : { defaultChecked })}\n            {...inputProps}\n          />\n          <span className={controlClasses}>\n            {isChecked && !indeterminate && <Check className=\"eidos-checkbox-icon\" />}\n            {indeterminate && <Minus className=\"eidos-checkbox-icon\" />}\n          </span>\n          {label && <span className=\"eidos-checkbox-label\">{label}</span>}\n        </label>\n\n        {error && (\n          <div id={errorId} className=\"eidos-checkbox-error-message\">\n            <CircleAlert />\n            <span>{error}</span>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nCheckbox.displayName = 'Checkbox';\n"]}

package/dist/{chunk-ZPDETHQ7.js → chunk-YP4HUBKN.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-JRLUZDKA.js";
+} from "./chunk-YAKTVIVK.js";
 
 // src/components/InlineEdit/InlineEdit.component.tsx
 import { useState, useRef, useCallback } from "react";
@@ -95,7 +95,7 @@ var InlineEdit = ({
     {
       role: "button",
       tabIndex: disabled ? void 0 : 0,
-      "aria-label": disabled ? void 0 : "Click to edit",
+      "aria-label": disabled || isEmpty ? void 0 : `${value}, click to edit`,
       className: [
         "eidos-inline-edit",
         `eidos-inline-edit--${size}`,
@@ -122,4 +122,4 @@ var InlineEdit = ({
 export {
   InlineEdit
 };
-//# sourceMappingURL=chunk-ZPDETHQ7.js.map
+//# sourceMappingURL=chunk-YP4HUBKN.js.map

package/dist/{chunk-ZPDETHQ7.js.map → chunk-YP4HUBKN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/InlineEdit/InlineEdit.component.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback } from 'react';\nimport { Pencil } from 'lucide-react';\nimport { Input } from '../Input/Input.component';\nimport type { InlineEditProps } from './InlineEdit.types';\nimport './InlineEdit.scss';\n\nexport const InlineEdit: React.FC<InlineEditProps> = ({\n  value,\n  onChange,\n  onConfirm,\n  onCancel,\n  editing: editingProp,\n  onEditingChange,\n  type = 'text',\n  placeholder,\n  trigger = 'click',\n  size = 'md',\n  fullWidth = false,\n  disabled = false,\n  confirmOnBlur = true,\n  renderDisplay,\n  showEditIcon = true,\n  inputVariant = 'outlined',\n  className = '',\n}) => {\n  const isControlled = editingProp !== undefined;\n  const [internalEditing, setInternalEditing] = useState(false);\n  const editing = isControlled ? editingProp : internalEditing;\n\n  // Track the value at the moment editing begins so Esc can revert to it.\n  const valueAtEditStart = useRef(value);\n\n  // Local draft while editing - keeps Input value in sync without forcing the\n  // parent to wire `onChange` just to see live keystrokes.\n  const [draft, setDraft] = useState(value);\n\n  // ------------------------------------------------------------------\n  // Editing state helpers\n  // ------------------------------------------------------------------\n\n  const openEdit = useCallback(() => {\n    if (disabled) return;\n    valueAtEditStart.current = value;\n    setDraft(value);\n    if (!isControlled) setInternalEditing(true);\n    onEditingChange?.(true);\n  }, [disabled, isControlled, onEditingChange, value]);\n\n  const closeEdit = useCallback(() => {\n    if (!isControlled) setInternalEditing(false);\n    onEditingChange?.(false);\n  }, [isControlled, onEditingChange]);\n\n  const confirm = useCallback(() => {\n    closeEdit();\n    onConfirm?.(draft);\n  }, [closeEdit, draft, onConfirm]);\n\n  const cancel = useCallback(() => {\n    // Revert the draft AND propagate the original value so the parent stays in\n    // sync when `onChange` is used to maintain external state.\n    setDraft(valueAtEditStart.current);\n    onChange?.(valueAtEditStart.current);\n    closeEdit();\n    onCancel?.();\n  }, [closeEdit, onChange, onCancel]);\n\n  // ------------------------------------------------------------------\n  // Input handlers\n  // ------------------------------------------------------------------\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setDraft(e.target.value);\n    onChange?.(e.target.value);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      // Stop propagation so parent grids/tables don't double-handle Enter.\n      e.stopPropagation();\n      confirm();\n    } else if (e.key === 'Escape') {\n      e.preventDefault();\n      e.stopPropagation();\n      cancel();\n    }\n    // Tab and Arrow keys intentionally bubble - consumers like DataGrid own\n    // Tab-to-next-cell and arrow-key navigation at the container level.\n  };\n\n  const handleBlur = () => {\n    if (confirmOnBlur) confirm();\n  };\n\n  // ------------------------------------------------------------------\n  // Trigger props for display mode\n  // ------------------------------------------------------------------\n\n  const displayTriggerProps =\n    trigger === 'doubleClick' ? { onDoubleClick: openEdit } : { onClick: openEdit };\n\n  // ------------------------------------------------------------------\n  // Render: edit mode\n  // ------------------------------------------------------------------\n\n  if (editing) {\n    return (\n      <Input\n        type={type}\n        variant={inputVariant}\n        size={size}\n        value={draft}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        placeholder={placeholder}\n        fullWidth={fullWidth}\n        clearable={false}\n        autoFocus\n        className={`eidos-inline-edit eidos-inline-edit--editing ${className}`}\n      />\n    );\n  }\n\n  // ------------------------------------------------------------------\n  // Render: display mode\n  // ------------------------------------------------------------------\n\n  const isEmpty = !value;\n\n  return (\n    <span\n      role=\"button\"\n      tabIndex={disabled ? undefined : 0}\n      aria-label={disabled ? undefined : 'Click to edit'}\n      className={[\n        'eidos-inline-edit',\n        `eidos-inline-edit--${size}`,\n        fullWidth ? 'eidos-inline-edit--full-width' : '',\n        disabled ? 'eidos-inline-edit--disabled' : '',\n        isEmpty ? 'eidos-inline-edit--empty' : '',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...(disabled ? {} : displayTriggerProps)}\n      onKeyDown={\n        disabled\n          ? undefined\n          : (e) => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault();\n                openEdit();\n              }\n            }\n      }\n    >\n      <span className=\"eidos-inline-edit__text\">\n        {renderDisplay\n          ? renderDisplay(value)\n          : value || <span className=\"eidos-inline-edit__placeholder\">{placeholder}</span>}\n      </span>\n      {!disabled && showEditIcon && (\n        <span className=\"eidos-inline-edit__icon\" aria-hidden>\n          <Pencil />\n        </span>\n      )}\n    </span>\n  );\n};\n"],"mappings":";;;;;AAAA,SAAgB,UAAU,QAAQ,mBAAmB;AACrD,SAAS,cAAc;AA2GjB,cAwBF,YAxBE;AAtGC,IAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB;AAAA,EACA,eAAe;AAAA,EACf,eAAe;AAAA,EACf,YAAY;AACd,MAAM;AACJ,QAAM,eAAe,gBAAgB;AACrC,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAC5D,QAAM,UAAU,eAAe,cAAc;AAG7C,QAAM,mBAAmB,OAAO,KAAK;AAIrC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AAMxC,QAAM,WAAW,YAAY,MAAM;AACjC,QAAI,SAAU;AACd,qBAAiB,UAAU;AAC3B,aAAS,KAAK;AACd,QAAI,CAAC,aAAc,oBAAmB,IAAI;AAC1C,sBAAkB,IAAI;AAAA,EACxB,GAAG,CAAC,UAAU,cAAc,iBAAiB,KAAK,CAAC;AAEnD,QAAM,YAAY,YAAY,MAAM;AAClC,QAAI,CAAC,aAAc,oBAAmB,KAAK;AAC3C,sBAAkB,KAAK;AAAA,EACzB,GAAG,CAAC,cAAc,eAAe,CAAC;AAElC,QAAM,UAAU,YAAY,MAAM;AAChC,cAAU;AACV,gBAAY,KAAK;AAAA,EACnB,GAAG,CAAC,WAAW,OAAO,SAAS,CAAC;AAEhC,QAAM,SAAS,YAAY,MAAM;AAG/B,aAAS,iBAAiB,OAAO;AACjC,eAAW,iBAAiB,OAAO;AACnC,cAAU;AACV,eAAW;AAAA,EACb,GAAG,CAAC,WAAW,UAAU,QAAQ,CAAC;AAMlC,QAAM,eAAe,CAAC,MAA2C;AAC/D,aAAS,EAAE,OAAO,KAAK;AACvB,eAAW,EAAE,OAAO,KAAK;AAAA,EAC3B;AAEA,QAAM,gBAAgB,CAAC,MAA6C;AAClE,QAAI,EAAE,QAAQ,SAAS;AACrB,QAAE,eAAe;AAEjB,QAAE,gBAAgB;AAClB,cAAQ;AAAA,IACV,WAAW,EAAE,QAAQ,UAAU;AAC7B,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,aAAO;AAAA,IACT;AAAA,EAGF;AAEA,QAAM,aAAa,MAAM;AACvB,QAAI,cAAe,SAAQ;AAAA,EAC7B;AAMA,QAAM,sBACJ,YAAY,gBAAgB,EAAE,eAAe,SAAS,IAAI,EAAE,SAAS,SAAS;AAMhF,MAAI,SAAS;AACX,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,QACX,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,WAAS;AAAA,QACT,WAAW,gDAAgD,SAAS;AAAA;AAAA,IACtE;AAAA,EAEJ;AAMA,QAAM,UAAU,CAAC;AAEjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU,WAAW,SAAY;AAAA,MACjC,cAAY,WAAW,SAAY;AAAA,MACnC,WAAW;AAAA,QACT;AAAA,QACA,sBAAsB,IAAI;AAAA,QAC1B,YAAY,kCAAkC;AAAA,QAC9C,WAAW,gCAAgC;AAAA,QAC3C,UAAU,6BAA6B;AAAA,QACvC;AAAA,MACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAI,WAAW,CAAC,IAAI;AAAA,MACrB,WACE,WACI,SACA,CAAC,MAAM;AACL,YAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,YAAE,eAAe;AACjB,mBAAS;AAAA,QACX;AAAA,MACF;AAAA,MAGN;AAAA,4BAAC,UAAK,WAAU,2BACb,0BACG,cAAc,KAAK,IACnB,SAAS,oBAAC,UAAK,WAAU,kCAAkC,uBAAY,GAC7E;AAAA,QACC,CAAC,YAAY,gBACZ,oBAAC,UAAK,WAAU,2BAA0B,eAAW,MACnD,8BAAC,UAAO,GACV;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../src/components/InlineEdit/InlineEdit.component.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback } from 'react';\nimport { Pencil } from 'lucide-react';\nimport { Input } from '../Input/Input.component';\nimport type { InlineEditProps } from './InlineEdit.types';\nimport './InlineEdit.scss';\n\nexport const InlineEdit: React.FC<InlineEditProps> = ({\n  value,\n  onChange,\n  onConfirm,\n  onCancel,\n  editing: editingProp,\n  onEditingChange,\n  type = 'text',\n  placeholder,\n  trigger = 'click',\n  size = 'md',\n  fullWidth = false,\n  disabled = false,\n  confirmOnBlur = true,\n  renderDisplay,\n  showEditIcon = true,\n  inputVariant = 'outlined',\n  className = '',\n}) => {\n  const isControlled = editingProp !== undefined;\n  const [internalEditing, setInternalEditing] = useState(false);\n  const editing = isControlled ? editingProp : internalEditing;\n\n  // Track the value at the moment editing begins so Esc can revert to it.\n  const valueAtEditStart = useRef(value);\n\n  // Local draft while editing - keeps Input value in sync without forcing the\n  // parent to wire `onChange` just to see live keystrokes.\n  const [draft, setDraft] = useState(value);\n\n  // ------------------------------------------------------------------\n  // Editing state helpers\n  // ------------------------------------------------------------------\n\n  const openEdit = useCallback(() => {\n    if (disabled) return;\n    valueAtEditStart.current = value;\n    setDraft(value);\n    if (!isControlled) setInternalEditing(true);\n    onEditingChange?.(true);\n  }, [disabled, isControlled, onEditingChange, value]);\n\n  const closeEdit = useCallback(() => {\n    if (!isControlled) setInternalEditing(false);\n    onEditingChange?.(false);\n  }, [isControlled, onEditingChange]);\n\n  const confirm = useCallback(() => {\n    closeEdit();\n    onConfirm?.(draft);\n  }, [closeEdit, draft, onConfirm]);\n\n  const cancel = useCallback(() => {\n    // Revert the draft AND propagate the original value so the parent stays in\n    // sync when `onChange` is used to maintain external state.\n    setDraft(valueAtEditStart.current);\n    onChange?.(valueAtEditStart.current);\n    closeEdit();\n    onCancel?.();\n  }, [closeEdit, onChange, onCancel]);\n\n  // ------------------------------------------------------------------\n  // Input handlers\n  // ------------------------------------------------------------------\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setDraft(e.target.value);\n    onChange?.(e.target.value);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      // Stop propagation so parent grids/tables don't double-handle Enter.\n      e.stopPropagation();\n      confirm();\n    } else if (e.key === 'Escape') {\n      e.preventDefault();\n      e.stopPropagation();\n      cancel();\n    }\n    // Tab and Arrow keys intentionally bubble - consumers like DataGrid own\n    // Tab-to-next-cell and arrow-key navigation at the container level.\n  };\n\n  const handleBlur = () => {\n    if (confirmOnBlur) confirm();\n  };\n\n  // ------------------------------------------------------------------\n  // Trigger props for display mode\n  // ------------------------------------------------------------------\n\n  const displayTriggerProps =\n    trigger === 'doubleClick' ? { onDoubleClick: openEdit } : { onClick: openEdit };\n\n  // ------------------------------------------------------------------\n  // Render: edit mode\n  // ------------------------------------------------------------------\n\n  if (editing) {\n    return (\n      <Input\n        type={type}\n        variant={inputVariant}\n        size={size}\n        value={draft}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        placeholder={placeholder}\n        fullWidth={fullWidth}\n        clearable={false}\n        autoFocus\n        className={`eidos-inline-edit eidos-inline-edit--editing ${className}`}\n      />\n    );\n  }\n\n  // ------------------------------------------------------------------\n  // Render: display mode\n  // ------------------------------------------------------------------\n\n  const isEmpty = !value;\n\n  return (\n    <span\n      role=\"button\"\n      tabIndex={disabled ? undefined : 0}\n      // The visible text has to be *in* the name (SC 2.5.3 Label in Name).\n      //\n      // This was a flat \"Click to edit\", which shares nothing with the value\n      // on screen - so a speech-input user saying what they can see (\"Page\n      // title\") matched nothing, and a screen reader announced an edit\n      // affordance without ever saying what it edits. Every `InlineEdit` on\n      // a page was also announced identically.\n      //\n      // Left off entirely when there is no value: the placeholder is then\n      // the visible text and `textContent` already provides the name.\n      aria-label={disabled || isEmpty ? undefined : `${value}, click to edit`}\n      className={[\n        'eidos-inline-edit',\n        `eidos-inline-edit--${size}`,\n        fullWidth ? 'eidos-inline-edit--full-width' : '',\n        disabled ? 'eidos-inline-edit--disabled' : '',\n        isEmpty ? 'eidos-inline-edit--empty' : '',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...(disabled ? {} : displayTriggerProps)}\n      onKeyDown={\n        disabled\n          ? undefined\n          : (e) => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault();\n                openEdit();\n              }\n            }\n      }\n    >\n      <span className=\"eidos-inline-edit__text\">\n        {renderDisplay\n          ? renderDisplay(value)\n          : value || <span className=\"eidos-inline-edit__placeholder\">{placeholder}</span>}\n      </span>\n      {!disabled && showEditIcon && (\n        <span className=\"eidos-inline-edit__icon\" aria-hidden>\n          <Pencil />\n        </span>\n      )}\n    </span>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-5WH3JMR5.js → chunk-YXRKBKFB.js}

@@ -1,10 +1,10 @@
 import {
   Tooltip
-} from "./chunk-YV57RSPD.js";
+} from "./chunk-JNY7TUDS.js";
 import {
   fullWidthModifier,
   renderIcon
-} from "./chunk-EAJHEYZM.js";
+} from "./chunk-RHHZRTWM.js";
 
 // src/components/Textarea/Textarea.component.tsx
 import { forwardRef, useState, useId } from "react";
@@ -33,6 +33,7 @@ var Textarea = forwardRef(
   }, ref) => {
     const generatedId = useId();
     const textareaId = id || `textarea-${generatedId}`;
+    const errorId = `${textareaId}-error`;
     const { defaultValue, ...restTextareaProps } = textareaProps;
     const isControlled = restTextareaProps.value !== void 0;
     const [localValue, setLocalValue] = useState(defaultValue != null ? String(defaultValue) : "");
@@ -90,6 +91,8 @@ var Textarea = forwardRef(
             ref,
             id: textareaId,
             className: textareaClasses,
+            "aria-invalid": error ? true : void 0,
+            "aria-describedby": error ? errorId : void 0,
             rows,
             maxLength,
             disabled: disabled || loading,
@@ -112,7 +115,7 @@ var Textarea = forwardRef(
           maxLength
         ] })
       ] }),
-      error && /* @__PURE__ */ jsxs("div", { className: "eidos-textarea-error-message", children: [
+      error && /* @__PURE__ */ jsxs("div", { id: errorId, className: "eidos-textarea-error-message", children: [
         /* @__PURE__ */ jsx(CircleAlert, { className: "eidos-textarea-error-icon" }),
         /* @__PURE__ */ jsx("span", { children: error })
       ] })
@@ -124,4 +127,4 @@ Textarea.displayName = "Textarea";
 export {
   Textarea
 };
-//# sourceMappingURL=chunk-5WH3JMR5.js.map
+//# sourceMappingURL=chunk-YXRKBKFB.js.map

package/dist/chunk-YXRKBKFB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Textarea/Textarea.component.tsx"],"sourcesContent":["import React, { forwardRef, useState, useId } from 'react';\nimport { CircleAlert } from 'lucide-react';\nimport { renderIcon, fullWidthModifier } from '../../utils';\nimport type { TextareaProps } from './Textarea.types';\nimport { Tooltip } from '../Tooltip/Tooltip.component';\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      variant = 'filled',\n      color = 'primary',\n      size = 'md',\n      disabled = false,\n      loading = false,\n      className = '',\n      fullWidth = false,\n      label,\n      error,\n      disclaimerIcon,\n      disclaimerContent,\n      required,\n      rows = 4,\n      resize = 'vertical',\n      showCount = false,\n      maxLength,\n      id,\n      ...textareaProps\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const textareaId = id || `textarea-${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 = `${textareaId}-error`;\n\n    // Extract defaultValue so it never reaches the native <textarea> alongside `value`.\n    // Same reasoning as Input: we always set value={currentValue}, so having defaultValue\n    // in the spread as well triggers React's controlled/uncontrolled warning.\n    const { defaultValue, ...restTextareaProps } = textareaProps;\n\n    // Determine if using controlled or uncontrolled mode\n    const isControlled = restTextareaProps.value !== undefined;\n    const [localValue, setLocalValue] = useState(defaultValue != null ? String(defaultValue) : '');\n    const [isFocused, setIsFocused] = useState(false);\n\n    const currentValue = isControlled ? restTextareaProps.value : localValue;\n\n    // Label floats when the field has content (same logic as Input)\n    const shouldFloatLabel = Boolean(currentValue) || Boolean(defaultValue);\n\n    const isRequired =\n      required || Boolean('required' in restTextareaProps && restTextareaProps.required);\n\n    const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled) {\n        setLocalValue(e.target.value);\n      }\n      restTextareaProps.onChange?.(e);\n    };\n\n    // ── Class lists ──────────────────────────────────────────────────────────\n\n    const containerClasses = [\n      'eidos-textarea-container',\n      fullWidth && fullWidthModifier('eidos-textarea-container'),\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const wrapperClasses = [\n      'eidos-textarea-wrapper',\n      `eidos-textarea-wrapper--${variant}`,\n      `eidos-textarea-wrapper--${color}`,\n      `eidos-textarea-wrapper--${size}`,\n      fullWidth && fullWidthModifier('eidos-textarea-wrapper'),\n      loading && 'eidos-textarea-wrapper--loading',\n      isFocused && 'eidos-textarea-wrapper--focused',\n      error && 'eidos-textarea-wrapper--error',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const textareaClasses = [\n      'eidos-textarea',\n      `eidos-textarea--${variant}`,\n      `eidos-textarea--${color}`,\n      `eidos-textarea--${size}`,\n      `eidos-textarea--resize-${resize}`,\n      fullWidth && fullWidthModifier('eidos-textarea'),\n      loading && 'eidos-textarea--loading',\n      error && 'eidos-textarea--error',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const labelClasses = [\n      'eidos-textarea-label',\n      shouldFloatLabel && 'eidos-textarea-label--floating',\n      disclaimerIcon && 'eidos-textarea-label--with-icon',\n      error && 'eidos-textarea-label--error',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div className={containerClasses}>\n        {label && (\n          <label htmlFor={textareaId} className={labelClasses}>\n            <span className=\"eidos-textarea-label-text\">{label}</span>\n            {isRequired && <span className=\"eidos-textarea-required-asterisk\">*</span>}\n            {disclaimerIcon &&\n              (disclaimerContent ? (\n                <Tooltip message={disclaimerContent}>\n                  <span className=\"eidos-textarea-disclaimer-icon\">\n                    {renderIcon(disclaimerIcon, 'eidos-textarea-disclaimer-icon-svg')}\n                  </span>\n                </Tooltip>\n              ) : (\n                <span className=\"eidos-textarea-disclaimer-icon\">\n                  {renderIcon(disclaimerIcon, 'eidos-textarea-disclaimer-icon-svg')}\n                </span>\n              ))}\n          </label>\n        )}\n\n        <div className={wrapperClasses}>\n          <textarea\n            ref={ref}\n            id={textareaId}\n            className={textareaClasses}\n            aria-invalid={error ? true : undefined}\n            aria-describedby={error ? errorId : undefined}\n            rows={rows}\n            maxLength={maxLength}\n            disabled={disabled || loading}\n            {...restTextareaProps}\n            value={currentValue}\n            onFocus={(e) => {\n              setIsFocused(true);\n              restTextareaProps.onFocus?.(e);\n            }}\n            onBlur={(e) => {\n              setIsFocused(false);\n              restTextareaProps.onBlur?.(e);\n            }}\n            onChange={handleChange}\n          />\n\n          {showCount && maxLength && (\n            <span className=\"eidos-textarea-count\">\n              {String(currentValue ?? '').length}/{maxLength}\n            </span>\n          )}\n        </div>\n\n        {error && (\n          <div id={errorId} className=\"eidos-textarea-error-message\">\n            <CircleAlert className=\"eidos-textarea-error-icon\" />\n            <span>{error}</span>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nTextarea.displayName = 'Textarea';\n"],"mappings":"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","names":[]}