eidos-ui 3.3.0 → 3.4.0

package/dist/{chunk-VPRUHE35.js → chunk-VRNCXYEP.js}

@@ -1,9 +1,9 @@
 import {
   CommandPalette
-} from "./chunk-PY2376XI.js";
+} from "./chunk-SVCWSW2F.js";
 import {
   Menu
-} from "./chunk-BNVQ34FD.js";
+} from "./chunk-CP335H4Q.js";
 import {
   Avatar
 } from "./chunk-XJBWFDDE.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-DRXPTACG.js";
 import {
   IconButton
-} from "./chunk-L5Q6UDY3.js";
+} from "./chunk-44T4HMFU.js";
 
 // src/components/Toolbar/Toolbar.component.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -42,4 +42,4 @@ var Toolbar = ({
 export {
   Toolbar
 };
-//# sourceMappingURL=chunk-VPRUHE35.js.map
+//# sourceMappingURL=chunk-VRNCXYEP.js.map

package/dist/{chunk-ITXDSQT2.js → chunk-WGCGSM5P.js}

@@ -1,9 +1,9 @@
 import {
   Chip
-} from "./chunk-OAK7HFOJ.js";
+} from "./chunk-NACA72XI.js";
 import {
   Dropdown
-} from "./chunk-6CPCNQKV.js";
+} from "./chunk-67EXHO4T.js";
 
 // src/components/TagInput/TagInput.component.tsx
 import { useState, useId, useRef, useCallback, useMemo, useEffect } from "react";
@@ -195,100 +195,99 @@ var TagInput = ({
     disabled && "eidos-tag-input-field--disabled"
   ].filter(Boolean).join(" ");
   const uid = generatedId;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: containerClasses,
-      ref: containerRef,
-      "aria-expanded": hasSuggestions ? isSuggestionsOpen : void 0,
-      "aria-haspopup": hasSuggestions ? "listbox" : void 0,
-      children: [
-        label && /* @__PURE__ */ jsx("label", { htmlFor: inputId, className: "eidos-tag-input-label", children: label }),
-        /* @__PURE__ */ jsxs("div", { className: fieldClasses, onClick: handleFieldClick, ref: fieldRef, children: [
-          tags.map((tag, index) => /* @__PURE__ */ jsx(
-            Chip,
-            {
-              variant: "filled",
-              color: "primary",
-              size,
-              onRemove: disabled ? void 0 : () => removeTag(index),
-              children: tag
-            },
-            `${tag}-${index}`
-          )),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref: inputRef,
-              id: inputId,
-              className: "eidos-tag-input-input",
-              type: "text",
-              value: inputValue,
-              placeholder: tags.length === 0 ? placeholder : void 0,
-              disabled,
-              onKeyDown: handleKeyDown,
-              onChange: handleInputChange,
-              onFocus: handleInputFocus,
-              onBlur: () => setIsFocused(false),
-              "aria-label": label ? void 0 : "Tag input",
-              "aria-describedby": hasError ? errorId : hint ? hintId : void 0,
-              "aria-autocomplete": hasSuggestions ? "list" : void 0,
-              "aria-controls": hasSuggestions ? `${uid}-tag-suggestions` : void 0,
-              "aria-activedescendant": hasSuggestions && focusedSuggestionIndex >= 0 ? `${uid}-tag-suggestion-${focusedSuggestionIndex}` : void 0
-            }
-          ),
-          hasSuggestions && /* @__PURE__ */ jsx(
-            Dropdown,
-            {
-              trigger: /* @__PURE__ */ jsx(
-                "span",
-                {
-                  ref: dropdownSpanRef,
-                  className: "eidos-tag-input-dropdown-anchor",
-                  "aria-hidden": "true"
-                }
-              ),
-              content: /* @__PURE__ */ jsx(
-                "div",
-                {
-                  id: `${uid}-tag-suggestions`,
-                  className: "eidos-tag-input-suggestions",
-                  role: "listbox",
-                  "aria-label": label ?? "Suggestions",
-                  onMouseDown: (e) => e.preventDefault(),
-                  children: filteredSuggestions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "eidos-tag-input-suggestions-empty", children: suggestionsEmptyText }) : filteredSuggestions.map((suggestion, index) => /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      id: `${uid}-tag-suggestion-${index}`,
-                      className: [
-                        "eidos-tag-input-suggestion",
-                        index === focusedSuggestionIndex && "eidos-tag-input-suggestion--focused"
-                      ].filter(Boolean).join(" "),
-                      role: "option",
-                      "aria-selected": index === focusedSuggestionIndex,
-                      onClick: () => selectSuggestion(suggestion),
-                      onMouseEnter: () => setFocusedSuggestionIndex(index),
-                      children: suggestion
-                    },
-                    suggestion
-                  ))
-                }
-              ),
-              triggerRef: fieldRef,
-              autoWidth: true,
-              closeOnClickOutside: false,
-              closeOnEscape: false
-            },
-            suggestionsMenuKey
-          )
-        ] }),
-        hint && !hasError && /* @__PURE__ */ jsx("p", { className: "eidos-tag-input-hint", id: hintId, children: hint }),
-        hasError && /* @__PURE__ */ jsxs("p", { className: "eidos-tag-input-error-message", id: errorId, role: "alert", children: [
-          /* @__PURE__ */ jsx(CircleAlert, {}),
-          displayError
-        ] })
-      ]
-    }
+  return (
+    // No ARIA on this wrapper - it has no role, so `aria-expanded` and
+    // `aria-haspopup` were invalid here. Same fix as `Combobox`: they belong
+    // on the input, which is the combobox.
+    /* @__PURE__ */ jsxs("div", { className: containerClasses, ref: containerRef, children: [
+      label && /* @__PURE__ */ jsx("label", { htmlFor: inputId, className: "eidos-tag-input-label", children: label }),
+      /* @__PURE__ */ jsxs("div", { className: fieldClasses, onClick: handleFieldClick, ref: fieldRef, children: [
+        tags.map((tag, index) => /* @__PURE__ */ jsx(
+          Chip,
+          {
+            variant: "filled",
+            color: "primary",
+            size,
+            onRemove: disabled ? void 0 : () => removeTag(index),
+            children: tag
+          },
+          `${tag}-${index}`
+        )),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: inputRef,
+            id: inputId,
+            className: "eidos-tag-input-input",
+            type: "text",
+            value: inputValue,
+            placeholder: tags.length === 0 ? placeholder : void 0,
+            disabled,
+            onKeyDown: handleKeyDown,
+            onChange: handleInputChange,
+            onFocus: handleInputFocus,
+            onBlur: () => setIsFocused(false),
+            "aria-label": label ? void 0 : "Tag input",
+            "aria-invalid": hasError ? true : void 0,
+            "aria-describedby": hasError ? errorId : hint ? hintId : void 0,
+            role: hasSuggestions ? "combobox" : void 0,
+            "aria-expanded": hasSuggestions ? isSuggestionsOpen : void 0,
+            "aria-autocomplete": hasSuggestions ? "list" : void 0,
+            "aria-controls": hasSuggestions && isSuggestionsOpen ? `${uid}-tag-suggestions` : void 0,
+            "aria-activedescendant": hasSuggestions && focusedSuggestionIndex >= 0 ? `${uid}-tag-suggestion-${focusedSuggestionIndex}` : void 0
+          }
+        ),
+        hasSuggestions && /* @__PURE__ */ jsx(
+          Dropdown,
+          {
+            trigger: /* @__PURE__ */ jsx(
+              "span",
+              {
+                ref: dropdownSpanRef,
+                className: "eidos-tag-input-dropdown-anchor",
+                "aria-hidden": "true"
+              }
+            ),
+            content: /* @__PURE__ */ jsx(
+              "div",
+              {
+                id: `${uid}-tag-suggestions`,
+                className: "eidos-tag-input-suggestions",
+                role: "listbox",
+                "aria-label": label ?? "Suggestions",
+                onMouseDown: (e) => e.preventDefault(),
+                children: filteredSuggestions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "eidos-tag-input-suggestions-empty", children: suggestionsEmptyText }) : filteredSuggestions.map((suggestion, index) => /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    id: `${uid}-tag-suggestion-${index}`,
+                    className: [
+                      "eidos-tag-input-suggestion",
+                      index === focusedSuggestionIndex && "eidos-tag-input-suggestion--focused"
+                    ].filter(Boolean).join(" "),
+                    role: "option",
+                    "aria-selected": index === focusedSuggestionIndex,
+                    onClick: () => selectSuggestion(suggestion),
+                    onMouseEnter: () => setFocusedSuggestionIndex(index),
+                    children: suggestion
+                  },
+                  suggestion
+                ))
+              }
+            ),
+            triggerRef: fieldRef,
+            autoWidth: true,
+            closeOnClickOutside: false,
+            closeOnEscape: false
+          },
+          suggestionsMenuKey
+        )
+      ] }),
+      hint && !hasError && /* @__PURE__ */ jsx("p", { className: "eidos-tag-input-hint", id: hintId, children: hint }),
+      hasError && /* @__PURE__ */ jsxs("p", { className: "eidos-tag-input-error-message", id: errorId, role: "alert", children: [
+        /* @__PURE__ */ jsx(CircleAlert, {}),
+        displayError
+      ] })
+    ] })
   );
 };
 TagInput.displayName = "TagInput";
@@ -296,4 +295,4 @@ TagInput.displayName = "TagInput";
 export {
   TagInput
 };
-//# sourceMappingURL=chunk-ITXDSQT2.js.map
+//# sourceMappingURL=chunk-WGCGSM5P.js.map

package/dist/chunk-WGCGSM5P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TagInput/TagInput.component.tsx"],"sourcesContent":["import React, { useState, useId, useRef, useCallback, useMemo, useEffect } from 'react';\nimport { CircleAlert } from 'lucide-react';\nimport { Chip } from '../Chip/Chip.component';\nimport { Dropdown } from '../Dropdown/Dropdown.component';\nimport type { TagInputProps } from './TagInput.types';\nimport './TagInput.scss';\n\nexport const TagInput: React.FC<TagInputProps> = ({\n  value,\n  defaultValue = [],\n  onChange,\n  placeholder = 'Add tag…',\n  size = 'md',\n  disabled = false,\n  label,\n  error,\n  hint,\n  allowDuplicates = false,\n  maxTags,\n  separators = ['Enter', ',', 'Tab'],\n  validate,\n  className = '',\n  fullWidth = false,\n  suggestions,\n  onSearch,\n  suggestionsEmptyText = 'No matches',\n}) => {\n  const generatedId = useId();\n  const inputId = `tag-input-${generatedId}`;\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  /** Entire component wrapper - used for click-outside detection on the suggestions dropdown */\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  /** The field wrapper - passed to Dropdown as externalTriggerRef for width/anchoring */\n  const fieldRef = useRef<HTMLDivElement>(null);\n\n  /** The 0-height span that IS the Dropdown trigger element - programmatically clicked to open */\n  const dropdownSpanRef = useRef<HTMLSpanElement>(null);\n\n  const hasSuggestions = suggestions !== undefined;\n  const isSuggestionsOpenRef = useRef(false);\n  const [isSuggestionsOpen, setIsSuggestionsOpen] = useState(false);\n  const [suggestionsMenuKey, setSuggestionsMenuKey] = useState(0);\n  const [focusedSuggestionIndex, setFocusedSuggestionIndex] = useState(-1);\n\n  const isControlled = value !== undefined;\n\n  const [internalTags, setInternalTags] = useState<string[]>(defaultValue);\n  const [inputValue, setInputValue] = useState('');\n  const [isFocused, setIsFocused] = useState(false);\n  const [validationError, setValidationError] = useState<string | null>(null);\n\n  const tags = isControlled ? (value as string[]) : internalTags;\n\n  const updateTags = useCallback(\n    (newTags: string[]) => {\n      if (!isControlled) {\n        setInternalTags(newTags);\n      }\n      onChange?.(newTags);\n    },\n    [isControlled, onChange],\n  );\n\n  const addTag = useCallback(\n    (rawTag: string) => {\n      const tag = rawTag.trim();\n\n      if (!tag) return;\n\n      if (!allowDuplicates && tags.includes(tag)) return;\n\n      if (maxTags !== undefined && tags.length >= maxTags) return;\n\n      if (validate) {\n        const result = validate(tag);\n        if (result === false) return;\n        if (typeof result === 'string') {\n          setValidationError(result);\n          return;\n        }\n        // result === true → valid, fall through\n      }\n\n      setValidationError(null);\n      updateTags([...tags, tag]);\n      setInputValue('');\n    },\n    [tags, allowDuplicates, maxTags, validate, updateTags],\n  );\n\n  const removeTag = useCallback(\n    (index: number) => {\n      updateTags(tags.filter((_, i) => i !== index));\n    },\n    [tags, updateTags],\n  );\n\n  // ─── Suggestions dropdown (autocomplete) ───────────────────────────────────\n\n  const filteredSuggestions = useMemo<string[]>(() => {\n    if (!suggestions) return [];\n    const query = inputValue.trim().toLowerCase();\n    return suggestions.filter((suggestion) => {\n      if (!allowDuplicates && tags.includes(suggestion)) return false;\n      if (!query) return true;\n      return suggestion.toLowerCase().includes(query);\n    });\n  }, [suggestions, inputValue, tags, allowDuplicates]);\n\n  useEffect(() => {\n    setFocusedSuggestionIndex(-1);\n  }, [filteredSuggestions]);\n\n  const openSuggestions = useCallback(() => {\n    if (isSuggestionsOpenRef.current || disabled || !hasSuggestions) return;\n    dropdownSpanRef.current?.click(); // opens the Dropdown (bubbles to trigger)\n    isSuggestionsOpenRef.current = true;\n    setIsSuggestionsOpen(true);\n  }, [disabled, hasSuggestions]);\n\n  const closeSuggestions = useCallback(() => {\n    isSuggestionsOpenRef.current = false;\n    setIsSuggestionsOpen(false);\n    setFocusedSuggestionIndex(-1);\n    setSuggestionsMenuKey((prev) => prev + 1);\n  }, []);\n\n  const selectSuggestion = useCallback(\n    (suggestion: string) => {\n      addTag(suggestion);\n      closeSuggestions();\n      inputRef.current?.focus();\n    },\n    [addTag, closeSuggestions],\n  );\n\n  // Click-outside detection for the suggestions dropdown.\n  useEffect(() => {\n    if (!hasSuggestions) return;\n\n    const handleMouseDown = (e: MouseEvent) => {\n      if (!isSuggestionsOpenRef.current) return;\n      if (e.defaultPrevented) return; // click inside the portal-rendered listbox\n      if (containerRef.current?.contains(e.target as Node)) return;\n      closeSuggestions();\n    };\n\n    document.addEventListener('mousedown', handleMouseDown);\n    return () => document.removeEventListener('mousedown', handleMouseDown);\n  }, [hasSuggestions, closeSuggestions]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (hasSuggestions && isSuggestionsOpenRef.current && filteredSuggestions.length > 0) {\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        setFocusedSuggestionIndex((prev) => (prev + 1 < filteredSuggestions.length ? prev + 1 : 0));\n        return;\n      }\n      if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        setFocusedSuggestionIndex((prev) => (prev > 0 ? prev - 1 : filteredSuggestions.length - 1));\n        return;\n      }\n      if (e.key === 'Enter' && focusedSuggestionIndex >= 0) {\n        e.preventDefault();\n        selectSuggestion(filteredSuggestions[focusedSuggestionIndex]);\n        return;\n      }\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        closeSuggestions();\n        return;\n      }\n    }\n\n    if (separators.includes(e.key)) {\n      e.preventDefault();\n      addTag(inputValue);\n      return;\n    }\n\n    if (e.key === 'Backspace' && inputValue === '' && tags.length > 0) {\n      e.preventDefault();\n      removeTag(tags.length - 1);\n    }\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const query = e.target.value;\n    setInputValue(query);\n    if (validationError) {\n      setValidationError(null);\n    }\n    onSearch?.(query);\n    if (hasSuggestions && !isSuggestionsOpenRef.current) openSuggestions();\n  };\n\n  const handleInputFocus = () => {\n    setIsFocused(true);\n    if (hasSuggestions) openSuggestions();\n  };\n\n  const handleFieldClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    // Don't steal focus from interactive child elements\n    if ((e.target as HTMLElement).closest('button, input')) return;\n    if (!disabled) {\n      inputRef.current?.focus();\n    }\n  };\n\n  const displayError = validationError ?? error;\n  const hasError = !!displayError;\n  const errorId = `${inputId}-error`;\n  const hintId = `${inputId}-hint`;\n\n  const containerClasses = [\n    'eidos-tag-input',\n    hasError && 'eidos-tag-input--error',\n    disabled && 'eidos-tag-input--disabled',\n    fullWidth && 'eidos-tag-input--full-width',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const fieldClasses = [\n    'eidos-tag-input-field',\n    `eidos-tag-input-field--${size}`,\n    isFocused && 'eidos-tag-input-field--focused',\n    hasError && 'eidos-tag-input-field--error',\n    disabled && 'eidos-tag-input-field--disabled',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const uid = generatedId;\n\n  return (\n    // No ARIA on this wrapper - it has no role, so `aria-expanded` and\n    // `aria-haspopup` were invalid here. Same fix as `Combobox`: they belong\n    // on the input, which is the combobox.\n    <div className={containerClasses} ref={containerRef}>\n      {label && (\n        <label htmlFor={inputId} className=\"eidos-tag-input-label\">\n          {label}\n        </label>\n      )}\n\n      <div className={fieldClasses} onClick={handleFieldClick} ref={fieldRef}>\n        {tags.map((tag, index) => (\n          <Chip\n            key={`${tag}-${index}`}\n            variant=\"filled\"\n            color=\"primary\"\n            size={size}\n            onRemove={disabled ? undefined : () => removeTag(index)}\n          >\n            {tag}\n          </Chip>\n        ))}\n\n        <input\n          ref={inputRef}\n          id={inputId}\n          className=\"eidos-tag-input-input\"\n          type=\"text\"\n          value={inputValue}\n          placeholder={tags.length === 0 ? placeholder : undefined}\n          disabled={disabled}\n          onKeyDown={handleKeyDown}\n          onChange={handleInputChange}\n          onFocus={handleInputFocus}\n          onBlur={() => setIsFocused(false)}\n          aria-label={label ? undefined : 'Tag input'}\n          aria-invalid={hasError ? true : undefined}\n          // The ternary is deliberate, not a bug: the hint is unmounted when\n          // an error shows (see the render below), so describing the field\n          // with it would point at an element that is not there.\n          aria-describedby={hasError ? errorId : hint ? hintId : undefined}\n          role={hasSuggestions ? 'combobox' : undefined}\n          aria-expanded={hasSuggestions ? isSuggestionsOpen : undefined}\n          aria-autocomplete={hasSuggestions ? 'list' : undefined}\n          // Only while the list is actually rendered - `aria-controls` must\n          // name an element that exists.\n          aria-controls={hasSuggestions && isSuggestionsOpen ? `${uid}-tag-suggestions` : undefined}\n          aria-activedescendant={\n            hasSuggestions && focusedSuggestionIndex >= 0\n              ? `${uid}-tag-suggestion-${focusedSuggestionIndex}`\n              : undefined\n          }\n        />\n\n        {hasSuggestions && (\n          <Dropdown\n            key={suggestionsMenuKey}\n            trigger={\n              <span\n                ref={dropdownSpanRef}\n                className=\"eidos-tag-input-dropdown-anchor\"\n                aria-hidden=\"true\"\n              />\n            }\n            content={\n              <div\n                id={`${uid}-tag-suggestions`}\n                className=\"eidos-tag-input-suggestions\"\n                role=\"listbox\"\n                aria-label={label ?? 'Suggestions'}\n                onMouseDown={(e) => e.preventDefault()}\n              >\n                {filteredSuggestions.length === 0 ? (\n                  <div className=\"eidos-tag-input-suggestions-empty\">{suggestionsEmptyText}</div>\n                ) : (\n                  filteredSuggestions.map((suggestion, index) => (\n                    <div\n                      key={suggestion}\n                      id={`${uid}-tag-suggestion-${index}`}\n                      className={[\n                        'eidos-tag-input-suggestion',\n                        index === focusedSuggestionIndex && 'eidos-tag-input-suggestion--focused',\n                      ]\n                        .filter(Boolean)\n                        .join(' ')}\n                      role=\"option\"\n                      aria-selected={index === focusedSuggestionIndex}\n                      onClick={() => selectSuggestion(suggestion)}\n                      onMouseEnter={() => setFocusedSuggestionIndex(index)}\n                    >\n                      {suggestion}\n                    </div>\n                  ))\n                )}\n              </div>\n            }\n            triggerRef={fieldRef as React.RefObject<HTMLElement | null>}\n            autoWidth\n            closeOnClickOutside={false}\n            closeOnEscape={false}\n          />\n        )}\n      </div>\n\n      {hint && !hasError && (\n        <p className=\"eidos-tag-input-hint\" id={hintId}>\n          {hint}\n        </p>\n      )}\n\n      {hasError && (\n        <p className=\"eidos-tag-input-error-message\" id={errorId} role=\"alert\">\n          <CircleAlert />\n          {displayError}\n        </p>\n      )}\n    </div>\n  );\n};\n\nTagInput.displayName = 'TagInput';\n"],"mappings":"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","names":[]}

package/dist/chunk-WT4WBHBR.js

@@ -0,0 +1,123 @@
+// src/utils/renderIcon.tsx
+import { icons } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var renderIcon = (icon, className) => {
+  if (!icon) return null;
+  if (typeof icon === "string") {
+    const iconName = icon.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+    const LucideIcon = icons[iconName];
+    if (LucideIcon) {
+      return /* @__PURE__ */ jsx(LucideIcon, { className, "aria-hidden": "true" });
+    }
+    return /* @__PURE__ */ jsx("i", { className: `${icon} ${className || ""}`, "aria-hidden": "true" });
+  }
+  const IconComponent = icon;
+  return /* @__PURE__ */ jsx(IconComponent, { className, "aria-hidden": "true" });
+};
+
+// src/utils/devWarn.ts
+var warned = /* @__PURE__ */ new Set();
+function devWarn(key, message) {
+  const nodeEnv = globalThis.process?.env?.NODE_ENV;
+  if (nodeEnv === "production") return;
+  if (warned.has(key)) return;
+  warned.add(key);
+  console.warn(`[eidos-ui] ${message}`);
+}
+
+// src/utils/dualModifier.ts
+var dualModifier = (block, canonical, legacy) => `${block}--${canonical} ${block}--${legacy}`;
+var fullWidthModifier = (block) => dualModifier(block, "full-width", "fullWidth");
+
+// src/utils/useDialogFocus.ts
+import { useEffect } from "react";
+var FOCUSABLE_SELECTOR = [
+  "a[href]",
+  "area[href]",
+  "button:not([disabled])",
+  'input:not([disabled]):not([type="hidden"])',
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "details > summary:first-of-type",
+  "iframe",
+  "audio[controls]",
+  "video[controls]",
+  '[contenteditable]:not([contenteditable="false"])',
+  '[tabindex]:not([tabindex^="-"])'
+].join(",");
+var isVisible = (element) => element.getClientRects().length > 0 && getComputedStyle(element).visibility !== "hidden";
+var getFocusable = (container) => Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR)).filter(
+  (element) => isVisible(element) && element.closest('[aria-hidden="true"]') === null
+);
+var trapStack = [];
+var useDialogFocus = (active, containerRef, { initialFocus, restoreFocus = true, trapTab = true } = {}) => {
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!active || !container) return;
+    const previouslyFocused = document.activeElement;
+    trapStack.push(container);
+    const MAX_FRAMES = 10;
+    let frame = 0;
+    let attempts = 0;
+    const tryFocus = () => {
+      const target = initialFocus?.current ?? getFocusable(container)[0];
+      if (target) {
+        target.focus();
+      } else {
+        if (!container.hasAttribute("tabindex")) container.setAttribute("tabindex", "-1");
+        container.focus();
+      }
+      if (!container.contains(document.activeElement) && attempts < MAX_FRAMES) {
+        attempts += 1;
+        frame = requestAnimationFrame(tryFocus);
+      }
+    };
+    tryFocus();
+    const onKeyDown = (event) => {
+      if (event.key !== "Tab") return;
+      if (trapStack[trapStack.length - 1] !== container) return;
+      const focusable = getFocusable(container);
+      if (focusable.length === 0) {
+        event.preventDefault();
+        return;
+      }
+      const first = focusable[0];
+      const last = focusable[focusable.length - 1];
+      const activeElement = document.activeElement;
+      if (!activeElement || !container.contains(activeElement)) {
+        event.preventDefault();
+        (event.shiftKey ? last : first).focus();
+        return;
+      }
+      if (event.shiftKey && activeElement === first) {
+        event.preventDefault();
+        last.focus();
+      } else if (!event.shiftKey && activeElement === last) {
+        event.preventDefault();
+        first.focus();
+      }
+    };
+    if (trapTab) document.addEventListener("keydown", onKeyDown, true);
+    return () => {
+      cancelAnimationFrame(frame);
+      document.removeEventListener("keydown", onKeyDown, true);
+      const index = trapStack.lastIndexOf(container);
+      if (index !== -1) trapStack.splice(index, 1);
+      const active2 = document.activeElement;
+      const focusIsOurs = container.contains(active2) || active2 === document.body || active2 === null;
+      if (restoreFocus && focusIsOurs && previouslyFocused?.isConnected) {
+        previouslyFocused.focus();
+      }
+    };
+  }, [active, containerRef, initialFocus, restoreFocus, trapTab]);
+};
+
+export {
+  renderIcon,
+  devWarn,
+  dualModifier,
+  fullWidthModifier,
+  FOCUSABLE_SELECTOR,
+  useDialogFocus
+};
+//# sourceMappingURL=chunk-WT4WBHBR.js.map

package/dist/chunk-WT4WBHBR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/renderIcon.tsx","../src/utils/devWarn.ts","../src/utils/dualModifier.ts","../src/utils/useDialogFocus.ts"],"sourcesContent":["import React from 'react';\nimport { icons } from 'lucide-react';\n\nexport type IconType = React.ComponentType<{ className?: string }> | string;\n\n/**\n * Helper function to render icons dynamically\n * Supports both React components (Lucide, MUI, etc.) and string-based icon names\n *\n * @param icon - Icon component or string name (e.g., \"heart\" or \"arrow-right\")\n * @param className - Optional CSS class name to apply to the icon\n * @returns React node representing the icon, or null if no icon provided\n *\n * @example\n * // Component-based icon\n * import { Heart } from 'lucide-react';\n * renderIcon(Heart, 'my-icon-class');\n *\n * @example\n * // String-based Lucide icon (kebab-case converted to PascalCase)\n * renderIcon('heart', 'my-icon-class');\n * renderIcon('arrow-right', 'my-icon-class');\n *\n * @example\n * // String-based CSS class (for Font Awesome, Remixicon, etc.)\n * renderIcon('fas fa-heart', 'my-icon-class');\n */\nexport const renderIcon = (icon: IconType | undefined, className?: string): React.ReactNode => {\n  if (!icon) return null;\n\n  if (typeof icon === 'string') {\n    // Convert kebab-case to PascalCase for Lucide icons\n    const iconName = icon\n      .split('-')\n      .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n      .join('');\n\n    // Try to find the icon in lucide-react\n    const LucideIcon = icons[iconName as keyof typeof icons] as\n      React.ComponentType<{ className?: string }> | undefined;\n\n    if (LucideIcon) {\n      return <LucideIcon className={className} aria-hidden=\"true\" />;\n    }\n\n    // Fallback: render as a CSS class (for Font Awesome, Remixicon, etc.)\n    return <i className={`${icon} ${className || ''}`} aria-hidden=\"true\" />;\n  }\n\n  // It's a React component\n  const IconComponent = icon;\n  return <IconComponent className={className} aria-hidden=\"true\" />;\n};\n","/**\n * Logs a misconfiguration warning, once per `key`, and never in production.\n *\n * Deliberately reads `process.env.NODE_ENV` off `globalThis` behind a cast\n * rather than referencing `process` directly: this is a browser library, and\n * a bare `process` reference fails the `tsup` dts build (its worker resolves\n * without node types, so `npm run typecheck` passing is not enough) as well\n * as throwing at runtime anywhere a bundler hasn't substituted it. The\n * optional chaining covers every case - no `process`, no `env`, no value.\n *\n * Because the check is dynamic rather than a statically replaceable\n * `process.env.NODE_ENV` expression, the message text stays in production\n * bundles; only the logging is skipped. That is the trade for not shipping a\n * `process` reference at all, and these strings are small.\n */\nconst warned = new Set<string>();\n\nexport function devWarn(key: string, message: string): void {\n  const nodeEnv = (globalThis as { process?: { env?: { NODE_ENV?: string } } }).process?.env\n    ?.NODE_ENV;\n  if (nodeEnv === 'production') return;\n  if (warned.has(key)) return;\n  warned.add(key);\n  console.warn(`[eidos-ui] ${message}`);\n}\n","/**\n * Emits a BEM modifier in both its canonical kebab-case spelling and a legacy\n * camelCase one.\n *\n * The library shipped two conventions for the same idea: eight components\n * used `--fullWidth` while four used `--full-width`, and `Tabs` had\n * `--hideScrollbar`. Kebab-case is the canonical form - every block name\n * (`eidos-date-picker-trigger`) and every design token (`--font-size-sm`) is\n * already kebab, so a camelCase modifier was inconsistent with the very\n * selector it hung off.\n *\n * Renaming outright would be a **breaking** change: `README.md` presents the\n * `eidos-*` class names as things consumers may target, so a stylesheet out\n * there is matching the old spelling. Emitting both keeps every existing\n * selector working while new code has one spelling to learn.\n *\n * Deliberately a helper rather than a duplicated string literal at each call\n * site: two near-identical classes in a `className` read as a copy-paste slip\n * and invite exactly the \"tidy up\" that would silently break those consumer\n * stylesheets. It also makes dropping the aliases at the next major a change\n * to this one file rather than an edit in every component.\n *\n * Internal only - deliberately not re-exported from `src/index.ts`.\n *\n * @example\n * dualModifier('eidos-input', 'full-width', 'fullWidth');\n * // 'eidos-input--full-width eidos-input--fullWidth'\n */\nexport const dualModifier = (block: string, canonical: string, legacy: string): string =>\n  `${block}--${canonical} ${block}--${legacy}`;\n\n/** `dualModifier` preset for the library's most widespread split modifier. */\nexport const fullWidthModifier = (block: string): string =>\n  dualModifier(block, 'full-width', 'fullWidth');\n","import { useEffect, type RefObject } from 'react';\n\n/**\n * Focus management for a dialog: move focus in on open, optionally trap Tab\n * inside it, and restore focus to the opener on close.\n *\n * Named for the job rather than the mechanism because the trap is optional.\n * `Popover` declares `aria-modal=\"false\"` - an honest non-modal dialog - so\n * trapping Tab in it would be wrong, but it still needs the other two: its\n * panel is portaled to `document.body`, so without moving focus in, Tab from\n * the trigger goes to whatever follows it in the page and the panel's own\n * controls are unreachable by keyboard entirely.\n *\n * ## Why this exists\n *\n * `Modal`, `Drawer` and `CommandPalette` all rendered\n * `role=\"dialog\" aria-modal=\"true\"` with no focus management whatsoever. That\n * attribute is a **promise to assistive technology that the rest of the page\n * is inert**, and it was false: measured in a browser, focus never entered the\n * dialog, and Tab moved to the page behind the scrim on the first press\n * (Drawer on the second). Drawer additionally dropped focus onto `<body>` when\n * it closed, so a keyboard user was returned to the top of the document.\n *\n * That is WCAG 2.4.3 Focus Order (Level A), and it is invisible to axe - a\n * static snapshot of the DOM looks perfectly correct.\n *\n * ## Nesting\n *\n * Traps register on a module-level stack and only the innermost one acts, so a\n * dialog opened from a dialog behaves correctly. Without this, both listeners\n * fire for the same Tab and fight over where focus lands.\n *\n * ## What this does *not* do\n *\n * It does not mark the background `inert`. A trap plus `aria-modal` is the\n * widely-supported approach and is what screen readers act on; `inert` on\n * every sibling of the portal root would be stronger, but it needs the\n * component to know about DOM it does not own. Worth revisiting if a\n * consumer reports a screen reader escaping the dialog in browse mode.\n */\n\n/**\n * Deliberately not `[tabindex]` in general - that would match `tabindex=\"-1\"`,\n * which is programmatically focusable but explicitly removed from the Tab\n * sequence, so including it would make Tab stop somewhere the user cannot\n * reach by tabbing in the first place.\n */\nexport const FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'area[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  'details > summary:first-of-type',\n  'iframe',\n  'audio[controls]',\n  'video[controls]',\n  '[contenteditable]:not([contenteditable=\"false\"])',\n  '[tabindex]:not([tabindex^=\"-\"])',\n].join(',');\n\n/**\n * `offsetParent === null` is the usual visibility check and is wrong here: it\n * is also null for `position: fixed` elements, which is exactly what a modal\n * is. `getClientRects()` is empty only when the element genuinely does not\n * render.\n */\nconst isVisible = (element: HTMLElement): boolean =>\n  element.getClientRects().length > 0 && getComputedStyle(element).visibility !== 'hidden';\n\nconst getFocusable = (container: HTMLElement): HTMLElement[] =>\n  Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)).filter(\n    (element) => isVisible(element) && element.closest('[aria-hidden=\"true\"]') === null,\n  );\n\n/** Innermost trap last. Only the last entry responds to Tab. */\nconst trapStack: HTMLElement[] = [];\n\nexport interface UseDialogFocusOptions {\n  /** Focused when the trap activates. Defaults to the first focusable child. */\n  initialFocus?: RefObject<HTMLElement | null>;\n  /**\n   * Whether to return focus to whatever had it when the trap activated.\n   * Defaults to `true`; pass `false` when the caller restores focus itself.\n   */\n  restoreFocus?: boolean;\n  /**\n   * Whether Tab is confined to the container. Defaults to `true`.\n   *\n   * Set `false` for a non-modal dialog (`aria-modal=\"false\"`), where the rest\n   * of the page stays available and trapping would strand the user.\n   */\n  trapTab?: boolean;\n}\n\nexport const useDialogFocus = (\n  active: boolean,\n  containerRef: RefObject<HTMLElement | null>,\n  { initialFocus, restoreFocus = true, trapTab = true }: UseDialogFocusOptions = {},\n): void => {\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!active || !container) return;\n\n    // Captured before focus moves. The caller must only flip `active` to true\n    // once the container is in the DOM - for the animated overlays that means\n    // `isOpen && isMounted`, since `isMounted` is set in an effect one render\n    // later and the container does not exist before it.\n    const previouslyFocused = document.activeElement as HTMLElement | null;\n\n    trapStack.push(container);\n\n    // Moving focus in is retried across a few frames rather than attempted\n    // once.\n    //\n    // These overlays animate open, and `.focus()` on an element that is still\n    // `visibility: hidden` is a silent no-op - it does not throw, it just\n    // leaves focus where it was. `Modal` sets its `--is-open` class two\n    // animation frames after mounting, and the computed style has not caught\n    // up at the moment the effect runs, so a single attempt focused nothing\n    // and the trap looked broken.\n    //\n    // Retrying is better than keying off any particular animation: the hook\n    // stays ignorant of each component's transition duration, and simply\n    // stops as soon as focus has actually landed inside.\n    const MAX_FRAMES = 10;\n    let frame = 0;\n    let attempts = 0;\n\n    const tryFocus = () => {\n      const target = initialFocus?.current ?? getFocusable(container)[0];\n      if (target) {\n        target.focus();\n      } else {\n        // A dialog with nothing focusable in it still must not leave focus on\n        // the page behind, so the container takes it. `tabindex=\"-1\"` keeps\n        // it out of the Tab sequence while allowing `.focus()`.\n        if (!container.hasAttribute('tabindex')) container.setAttribute('tabindex', '-1');\n        container.focus();\n      }\n\n      if (!container.contains(document.activeElement) && attempts < MAX_FRAMES) {\n        attempts += 1;\n        frame = requestAnimationFrame(tryFocus);\n      }\n    };\n\n    tryFocus();\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Tab') return;\n      // Only the innermost trap acts.\n      if (trapStack[trapStack.length - 1] !== container) return;\n\n      // Re-queried on every Tab rather than cached: dialog contents change\n      // (a disabled Confirm button becoming enabled, a list filtering down),\n      // and a stale list sends focus to an element that is no longer there.\n      const focusable = getFocusable(container);\n      if (focusable.length === 0) {\n        event.preventDefault();\n        return;\n      }\n\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n      const activeElement = document.activeElement as HTMLElement | null;\n\n      // Focus outside the container - e.g. a click landed on the backdrop.\n      // Pull it back in rather than letting Tab continue through the page.\n      if (!activeElement || !container.contains(activeElement)) {\n        event.preventDefault();\n        (event.shiftKey ? last : first).focus();\n        return;\n      }\n\n      if (event.shiftKey && activeElement === first) {\n        event.preventDefault();\n        last.focus();\n      } else if (!event.shiftKey && activeElement === last) {\n        event.preventDefault();\n        first.focus();\n      }\n    };\n\n    if (trapTab) document.addEventListener('keydown', onKeyDown, true);\n\n    return () => {\n      cancelAnimationFrame(frame);\n      document.removeEventListener('keydown', onKeyDown, true);\n\n      const index = trapStack.lastIndexOf(container);\n      if (index !== -1) trapStack.splice(index, 1);\n\n      // Restore only if focus still belongs to the closing dialog.\n      //\n      // Two cases count as \"belongs\":\n      //\n      // 1. Focus is still inside the container.\n      // 2. Focus has been lost to `<body>`. When the overlay hides, the\n      //    browser blurs whatever was focused inside it, so by the time this\n      //    cleanup runs `activeElement` is often already `<body>` - checking\n      //    only case 1 meant `CommandPalette` never restored at all.\n      //\n      // Anything else means something took focus deliberately - a confirm\n      // action moving to a new region, say - and stealing it back would be\n      // worse than doing nothing.\n      const active = document.activeElement;\n      const focusIsOurs = container.contains(active) || active === document.body || active === null;\n\n      if (restoreFocus && focusIsOurs && previouslyFocused?.isConnected) {\n        previouslyFocused.focus();\n      }\n    };\n  }, [active, containerRef, initialFocus, restoreFocus, trapTab]);\n};\n"],"mappings":"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","names":["active"]}

package/dist/{chunk-L23WWO3D.js → chunk-X6UKU3C3.js}

@@ -2,7 +2,7 @@ import {
   dualModifier,
   fullWidthModifier,
   renderIcon
-} from "./chunk-EAJHEYZM.js";
+} from "./chunk-WT4WBHBR.js";
 
 // src/components/Tabs/Tabs.component.tsx
 import React, { useState, useRef, useContext, useEffect, useLayoutEffect } from "react";
@@ -251,4 +251,4 @@ export {
   TabPanel,
   Tabs
 };
-//# sourceMappingURL=chunk-L23WWO3D.js.map
+//# sourceMappingURL=chunk-X6UKU3C3.js.map

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

@@ -1,10 +1,10 @@
 import {
   Tooltip
-} from "./chunk-YV57RSPD.js";
+} from "./chunk-XO7WTE6O.js";
 import {
   fullWidthModifier,
   renderIcon
-} from "./chunk-EAJHEYZM.js";
+} from "./chunk-WT4WBHBR.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-XK5USBHB.js.map

package/dist/chunk-XK5USBHB.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":[]}

package/dist/{chunk-ND526PMG.cjs → chunk-XMXL6NVJ.cjs}

@@ -1,16 +1,16 @@
 "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 _chunk3E7TKBQIcjs = require('./chunk-3E7TKBQI.cjs');
+var _chunk27UANGPWcjs = require('./chunk-27UANGPW.cjs');
 
 
 var _chunkQ3GNKF74cjs = require('./chunk-Q3GNKF74.cjs');
 
 
-var _chunkWWYJNWJYcjs = require('./chunk-WWYJNWJY.cjs');
+var _chunkOWWPHXAFcjs = require('./chunk-OWWPHXAF.cjs');
 
 
 
-var _chunkCUJBNRJJcjs = require('./chunk-CUJBNRJJ.cjs');
+var _chunkVHSTB7GBcjs = require('./chunk-VHSTB7GB.cjs');
 
 // src/components/Header/Header.component.tsx
 var _react = require('react');
@@ -62,15 +62,15 @@ var Header = ({
     };
     if (action.icon && !action.children && action.tooltip) {
       const { icon, tooltip, ...rest } = action;
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWYJNWJYcjs.Button, { ...rest, size: "md", preIcon: icon, onClick: handleClick, children: tooltip }, index);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOWWPHXAFcjs.Button, { ...rest, size: "md", preIcon: icon, onClick: handleClick, children: tooltip }, index);
     }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWYJNWJYcjs.Button, { ...action, size: "md", onClick: handleClick }, index);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOWWPHXAFcjs.Button, { ...action, size: "md", onClick: handleClick }, index);
   };
   const titles = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-header__titles", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "eidos-header__title", children: title }),
     subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-header__subtitle", children: subtitle }),
     !!_optionalChain([meta, 'optionalAccess', _3 => _3.length]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-header__meta", children: meta.map((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-header__meta-item", children: [
-      item.icon && _chunkCUJBNRJJcjs.renderIcon.call(void 0, item.icon, "eidos-header__meta-icon"),
+      item.icon && _chunkVHSTB7GBcjs.renderIcon.call(void 0, item.icon, "eidos-header__meta-icon"),
       item.label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-header__meta-label", children: item.label }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-header__meta-value", children: item.value })
     ] }, index)) })
@@ -82,7 +82,7 @@ var Header = ({
     ] }) : titles,
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-header__actions", children: [
       overflowActions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk3E7TKBQIcjs.Popover,
+        _chunk27UANGPWcjs.Popover,
         {
           isOpen: overflowOpen,
           onOpenChange: setOverflowOpen,
@@ -93,7 +93,7 @@ var Header = ({
             // No `aria-haspopup`/`aria-expanded` here: Popover already
             // sets both on the wrapper it renders around this button.
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkWWYJNWJYcjs.Button,
+              _chunkOWWPHXAFcjs.Button,
               {
                 icon: "ellipsis",
                 size: "md",
@@ -106,7 +106,7 @@ var Header = ({
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-header__overflow-actions", children: overflowActions.map(renderOverflowAction) })
         }
       ),
-      inlineActions.map((action, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWYJNWJYcjs.Button, { size: "md", ...action }, index))
+      inlineActions.map((action, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOWWPHXAFcjs.Button, { size: "md", ...action }, index))
     ] })
   ] }) });
 };
@@ -121,7 +121,7 @@ var IdentityHeader = ({
   ...rest
 }) => {
   if (avatar && media) {
-    _chunkCUJBNRJJcjs.devWarn.call(void 0, 
+    _chunkVHSTB7GBcjs.devWarn.call(void 0, 
       "identity-header-avatar-and-media",
       "IdentityHeader received both `avatar` and `media`. `media` takes precedence - drop `avatar` to silence this."
     );
@@ -142,4 +142,4 @@ var IdentityHeader = ({
 
 
 exports.Header = Header; exports.IdentityHeader = IdentityHeader;
-//# sourceMappingURL=chunk-ND526PMG.cjs.map
+//# sourceMappingURL=chunk-XMXL6NVJ.cjs.map