eidos-ui 3.3.0 → 3.5.0

package/dist/{chunk-NQ4L6PYW.js.map → chunk-GOF6A4M4.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/FileUpload/FileUpload.component.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { Upload, X, CircleAlert, FileText } from 'lucide-react';\nimport type { FileUploadProps } from './FileUpload.types';\n\n// ── Helpers ──────────────────────────────────────────────────────────────────\n\nfunction formatBytes(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nfunction isFileTypeAccepted(file: File, acceptedTypes: string[]): boolean {\n  return acceptedTypes.some((type) => {\n    const trimmed = type.trim();\n    // Extension match: \".pdf\", \".docx\"\n    if (trimmed.startsWith('.')) {\n      return file.name.toLowerCase().endsWith(trimmed.toLowerCase());\n    }\n    // Wildcard MIME group: \"image/*\", \"video/*\"\n    if (trimmed.endsWith('/*')) {\n      const baseType = trimmed.slice(0, -2);\n      return file.type.startsWith(`${baseType}/`);\n    }\n    // Exact MIME type: \"application/pdf\"\n    return file.type === trimmed;\n  });\n}\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\nexport function FileUpload({\n  accept,\n  multiple = false,\n  maxSize,\n  maxFiles,\n  onFilesAccepted,\n  onFilesRejected,\n  hint,\n  disabled = false,\n  className = '',\n}: FileUploadProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isDragging, setIsDragging] = useState(false);\n  const [files, setFiles] = useState<File[]>([]);\n  const [error, setError] = useState<string | null>(null);\n\n  // ── Validation ─────────────────────────────────────────────────────────────\n\n  const validateAndAccept = (fileList: FileList | File[]) => {\n    const incoming = Array.from(fileList);\n\n    if (maxFiles !== undefined && incoming.length > maxFiles) {\n      setError(`Maximum ${maxFiles} file${maxFiles === 1 ? '' : 's'} allowed`);\n      onFilesRejected?.(incoming, 'count');\n      return;\n    }\n\n    if (accept) {\n      const acceptedTypes = accept.split(',').map((t) => t.trim());\n      const invalid = incoming.filter((f) => !isFileTypeAccepted(f, acceptedTypes));\n      if (invalid.length > 0) {\n        setError('One or more files have an unsupported type');\n        onFilesRejected?.(incoming, 'type');\n        return;\n      }\n    }\n\n    if (maxSize !== undefined) {\n      const oversized = incoming.filter((f) => f.size > maxSize);\n      if (oversized.length > 0) {\n        setError(`File size exceeds the ${formatBytes(maxSize)} limit`);\n        onFilesRejected?.(oversized, 'size');\n        return;\n      }\n    }\n\n    setError(null);\n    setFiles(incoming);\n    onFilesAccepted?.(incoming);\n  };\n\n  // ── Drag handlers ──────────────────────────────────────────────────────────\n\n  const handleDragEnter = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    if (!disabled) setIsDragging(true);\n  };\n\n  const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {\n    // Prevent default to allow the drop event to fire\n    e.preventDefault();\n  };\n\n  const handleDragLeave = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    // Only clear the dragging state when leaving the zone entirely,\n    // not when moving over a child element inside it.\n    if (!e.currentTarget.contains(e.relatedTarget as Node)) {\n      setIsDragging(false);\n    }\n  };\n\n  const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    setIsDragging(false);\n    if (disabled) return;\n    const { files: dropped } = e.dataTransfer;\n    if (dropped.length > 0) validateAndAccept(dropped);\n  };\n\n  // ── Click / keyboard ───────────────────────────────────────────────────────\n\n  const handleZoneClick = () => {\n    if (!disabled) inputRef.current?.click();\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      handleZoneClick();\n    }\n  };\n\n  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (e.target.files && e.target.files.length > 0) {\n      validateAndAccept(e.target.files);\n    }\n    // Reset the input value so the same file(s) can be re-selected\n    e.target.value = '';\n  };\n\n  // ── File list management ───────────────────────────────────────────────────\n\n  const handleRemoveFile = (index: number) => {\n    const remaining = files.filter((_, i) => i !== index);\n    setFiles(remaining);\n    onFilesAccepted?.(remaining);\n  };\n\n  // ── CSS classes ────────────────────────────────────────────────────────────\n\n  const rootClasses = ['eidos-file-upload', className].filter(Boolean).join(' ');\n\n  const zoneClasses = [\n    'eidos-file-upload-zone',\n    isDragging && 'eidos-file-upload-zone--dragging',\n    disabled && 'eidos-file-upload-zone--disabled',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  // Build the auto-generated hint from the constraints when no hint is provided\n  const autoHint = [\n    accept ? `Accepted: ${accept}` : null,\n    maxSize ? `Max size: ${formatBytes(maxSize)}` : null,\n    maxFiles && multiple ? `Up to ${maxFiles} files` : null,\n  ]\n    .filter(Boolean)\n    .join(' · ');\n\n  const displayHint = hint ?? (autoHint.length > 0 ? autoHint : null);\n\n  return (\n    <div\n      className={rootClasses}\n      role=\"region\"\n      aria-label=\"File upload\"\n      aria-disabled={disabled || undefined}\n    >\n      <div\n        className={zoneClasses}\n        onClick={handleZoneClick}\n        onDragEnter={handleDragEnter}\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        onDrop={handleDrop}\n        onKeyDown={handleKeyDown}\n        role=\"button\"\n        tabIndex={disabled ? -1 : 0}\n        aria-label=\"Upload files - click or drag and drop\"\n        aria-disabled={disabled || undefined}\n      >\n        <div className=\"eidos-file-upload-icon\" aria-hidden=\"true\">\n          <Upload />\n        </div>\n\n        <div className=\"eidos-file-upload-text\">\n          <p className=\"eidos-file-upload-title\">\n            <em>Click to upload</em>\n          </p>\n          <span style={{ fontWeight: 'normal', fontSize: '0.875rem' }}>or drag and drop</span>\n          {displayHint && <p className=\"eidos-file-upload-hint\">{displayHint}</p>}\n        </div>\n\n        {/* Hidden native input - triggered programmatically via click() */}\n        <input\n          ref={inputRef}\n          type=\"file\"\n          accept={accept}\n          multiple={multiple}\n          disabled={disabled}\n          onChange={handleFileChange}\n          className=\"eidos-file-upload-input-hidden\"\n          tabIndex={-1}\n          aria-hidden=\"true\"\n        />\n      </div>\n\n      {error && (\n        <p className=\"eidos-file-upload-error\" role=\"alert\">\n          <CircleAlert aria-hidden=\"true\" />\n          {error}\n        </p>\n      )}\n\n      {files.length > 0 && (\n        <ul className=\"eidos-file-upload-list\" aria-label=\"Selected files\">\n          {files.map((file, index) => (\n            <li key={`${file.name}-${index}`} className=\"eidos-file-upload-item\">\n              <div className=\"eidos-file-upload-item-info\">\n                <FileText aria-hidden=\"true\" />\n                <span className=\"eidos-file-upload-item-name\">{file.name}</span>\n                <span className=\"eidos-file-upload-item-size\">{formatBytes(file.size)}</span>\n              </div>\n              <button\n                type=\"button\"\n                className=\"eidos-file-upload-item-remove\"\n                onClick={() => handleRemoveFile(index)}\n                aria-label={`Remove ${file.name}`}\n              >\n                <X />\n              </button>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n\nFileUpload.displayName = 'FileUpload';\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/components/FileUpload/FileUpload.component.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { Upload, X, CircleAlert, FileText } from 'lucide-react';\nimport type { FileUploadProps } from './FileUpload.types';\n\n// ── Helpers ──────────────────────────────────────────────────────────────────\n\nfunction formatBytes(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nfunction isFileTypeAccepted(file: File, acceptedTypes: string[]): boolean {\n  return acceptedTypes.some((type) => {\n    const trimmed = type.trim();\n    // Extension match: \".pdf\", \".docx\"\n    if (trimmed.startsWith('.')) {\n      return file.name.toLowerCase().endsWith(trimmed.toLowerCase());\n    }\n    // Wildcard MIME group: \"image/*\", \"video/*\"\n    if (trimmed.endsWith('/*')) {\n      const baseType = trimmed.slice(0, -2);\n      return file.type.startsWith(`${baseType}/`);\n    }\n    // Exact MIME type: \"application/pdf\"\n    return file.type === trimmed;\n  });\n}\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\nexport function FileUpload({\n  accept,\n  multiple = false,\n  maxSize,\n  maxFiles,\n  onFilesAccepted,\n  onFilesRejected,\n  hint,\n  disabled = false,\n  className = '',\n}: FileUploadProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isDragging, setIsDragging] = useState(false);\n  const [files, setFiles] = useState<File[]>([]);\n  const [error, setError] = useState<string | null>(null);\n\n  // ── Validation ─────────────────────────────────────────────────────────────\n\n  const validateAndAccept = (fileList: FileList | File[]) => {\n    const incoming = Array.from(fileList);\n\n    if (maxFiles !== undefined && incoming.length > maxFiles) {\n      setError(`Maximum ${maxFiles} file${maxFiles === 1 ? '' : 's'} allowed`);\n      onFilesRejected?.(incoming, 'count');\n      return;\n    }\n\n    if (accept) {\n      const acceptedTypes = accept.split(',').map((t) => t.trim());\n      const invalid = incoming.filter((f) => !isFileTypeAccepted(f, acceptedTypes));\n      if (invalid.length > 0) {\n        setError('One or more files have an unsupported type');\n        onFilesRejected?.(incoming, 'type');\n        return;\n      }\n    }\n\n    if (maxSize !== undefined) {\n      const oversized = incoming.filter((f) => f.size > maxSize);\n      if (oversized.length > 0) {\n        setError(`File size exceeds the ${formatBytes(maxSize)} limit`);\n        onFilesRejected?.(oversized, 'size');\n        return;\n      }\n    }\n\n    setError(null);\n    setFiles(incoming);\n    onFilesAccepted?.(incoming);\n  };\n\n  // ── Drag handlers ──────────────────────────────────────────────────────────\n\n  const handleDragEnter = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    if (!disabled) setIsDragging(true);\n  };\n\n  const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {\n    // Prevent default to allow the drop event to fire\n    e.preventDefault();\n  };\n\n  const handleDragLeave = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    // Only clear the dragging state when leaving the zone entirely,\n    // not when moving over a child element inside it.\n    if (!e.currentTarget.contains(e.relatedTarget as Node)) {\n      setIsDragging(false);\n    }\n  };\n\n  const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    setIsDragging(false);\n    if (disabled) return;\n    const { files: dropped } = e.dataTransfer;\n    if (dropped.length > 0) validateAndAccept(dropped);\n  };\n\n  // ── Click / keyboard ───────────────────────────────────────────────────────\n\n  const handleZoneClick = () => {\n    if (!disabled) inputRef.current?.click();\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      handleZoneClick();\n    }\n  };\n\n  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (e.target.files && e.target.files.length > 0) {\n      validateAndAccept(e.target.files);\n    }\n    // Reset the input value so the same file(s) can be re-selected\n    e.target.value = '';\n  };\n\n  // ── File list management ───────────────────────────────────────────────────\n\n  const handleRemoveFile = (index: number) => {\n    const remaining = files.filter((_, i) => i !== index);\n    setFiles(remaining);\n    onFilesAccepted?.(remaining);\n  };\n\n  // ── CSS classes ────────────────────────────────────────────────────────────\n\n  const rootClasses = ['eidos-file-upload', className].filter(Boolean).join(' ');\n\n  const zoneClasses = [\n    'eidos-file-upload-zone',\n    isDragging && 'eidos-file-upload-zone--dragging',\n    disabled && 'eidos-file-upload-zone--disabled',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  // Build the auto-generated hint from the constraints when no hint is provided\n  const autoHint = [\n    accept ? `Accepted: ${accept}` : null,\n    maxSize ? `Max size: ${formatBytes(maxSize)}` : null,\n    maxFiles && multiple ? `Up to ${maxFiles} files` : null,\n  ]\n    .filter(Boolean)\n    .join(' · ');\n\n  const displayHint = hint ?? (autoHint.length > 0 ? autoHint : null);\n\n  return (\n    <div\n      className={rootClasses}\n      role=\"region\"\n      aria-label=\"File upload\"\n      aria-disabled={disabled || undefined}\n    >\n      <div\n        className={zoneClasses}\n        onClick={handleZoneClick}\n        onDragEnter={handleDragEnter}\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        onDrop={handleDrop}\n        onKeyDown={handleKeyDown}\n        role=\"button\"\n        tabIndex={disabled ? -1 : 0}\n        // Starts with the visible \"Click to upload\" so the name contains the\n        // label a speech-input user can see (SC 2.5.3). The previous\n        // \"Upload files - click or drag and drop\" paraphrased it instead.\n        aria-label=\"Click to upload, or drag and drop\"\n        aria-disabled={disabled || undefined}\n      >\n        <div className=\"eidos-file-upload-icon\" aria-hidden=\"true\">\n          <Upload />\n        </div>\n\n        <div className=\"eidos-file-upload-text\">\n          <p className=\"eidos-file-upload-title\">\n            <em>Click to upload</em>\n          </p>\n          <span style={{ fontWeight: 'normal', fontSize: '0.875rem' }}>or drag and drop</span>\n          {displayHint && <p className=\"eidos-file-upload-hint\">{displayHint}</p>}\n        </div>\n\n        {/* Hidden native input - triggered programmatically via click() */}\n        <input\n          ref={inputRef}\n          type=\"file\"\n          accept={accept}\n          multiple={multiple}\n          disabled={disabled}\n          onChange={handleFileChange}\n          className=\"eidos-file-upload-input-hidden\"\n          tabIndex={-1}\n          aria-hidden=\"true\"\n        />\n      </div>\n\n      {error && (\n        <p className=\"eidos-file-upload-error\" role=\"alert\">\n          <CircleAlert aria-hidden=\"true\" />\n          {error}\n        </p>\n      )}\n\n      {files.length > 0 && (\n        <ul className=\"eidos-file-upload-list\" aria-label=\"Selected files\">\n          {files.map((file, index) => (\n            <li key={`${file.name}-${index}`} className=\"eidos-file-upload-item\">\n              <div className=\"eidos-file-upload-item-info\">\n                <FileText aria-hidden=\"true\" />\n                <span className=\"eidos-file-upload-item-name\">{file.name}</span>\n                <span className=\"eidos-file-upload-item-size\">{formatBytes(file.size)}</span>\n              </div>\n              <button\n                type=\"button\"\n                className=\"eidos-file-upload-item-remove\"\n                onClick={() => handleRemoveFile(index)}\n                aria-label={`Remove ${file.name}`}\n              >\n                <X />\n              </button>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n\nFileUpload.displayName = 'FileUpload';\n"],"mappings":"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","names":[]}

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

@@ -2,7 +2,7 @@ import {
   dualModifier,
   fullWidthModifier,
   renderIcon
-} from "./chunk-EAJHEYZM.js";
+} from "./chunk-RHHZRTWM.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-GPVGGBIR.js.map

package/dist/{chunk-OAK7HFOJ.js → chunk-GWHZFX2H.js}

@@ -1,13 +1,13 @@
 import {
   Tooltip
-} from "./chunk-YV57RSPD.js";
+} from "./chunk-JNY7TUDS.js";
 import {
   renderIcon
-} from "./chunk-EAJHEYZM.js";
+} from "./chunk-RHHZRTWM.js";
 
 // src/components/Chip/Chip.component.tsx
 import { X } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Chip = ({
   variant = "filled",
   color = "primary",
@@ -45,26 +45,31 @@ var Chip = ({
     if (disabled || !onRemove) return;
     onRemove();
   };
+  const hasBothControls = isClickable && isRemovable;
   const ChipElement = isClickable && !isRemovable ? "button" : "div";
+  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+    preIcon && renderIcon(preIcon, "eidos-chip--pre-icon"),
+    /* @__PURE__ */ jsx("span", { className: "eidos-chip--copy", children }),
+    posIcon && renderIcon(posIcon, "eidos-chip--pos-icon")
+  ] });
   const chipContent = /* @__PURE__ */ jsxs(
     ChipElement,
     {
       className: chipClasses,
       disabled: ChipElement === "button" ? disabled : void 0,
-      onClick: isClickable ? handleClick : void 0,
-      role: ChipElement === "div" && isClickable ? "button" : void 0,
-      tabIndex: ChipElement === "div" && isClickable ? 0 : void 0,
-      onKeyDown: ChipElement === "div" && isClickable ? (e) => {
-        if ((e.key === "Enter" || e.key === " ") && !disabled) {
-          e.preventDefault();
-          handleClick();
-        }
-      } : void 0,
+      onClick: isClickable && !hasBothControls ? handleClick : void 0,
       ...chipProps,
       children: [
-        preIcon && renderIcon(preIcon, "eidos-chip--pre-icon"),
-        /* @__PURE__ */ jsx("span", { className: "eidos-chip--copy", children }),
-        posIcon && renderIcon(posIcon, "eidos-chip--pos-icon"),
+        hasBothControls ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "eidos-chip--action",
+            onClick: handleClick,
+            disabled,
+            children: body
+          }
+        ) : body,
         isRemovable && /* @__PURE__ */ jsx(
           "button",
           {
@@ -85,4 +90,4 @@ var Chip = ({
 export {
   Chip
 };
-//# sourceMappingURL=chunk-OAK7HFOJ.js.map
+//# sourceMappingURL=chunk-GWHZFX2H.js.map

package/dist/chunk-GWHZFX2H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Chip/Chip.component.tsx"],"sourcesContent":["import React from 'react';\nimport { X } from 'lucide-react';\nimport type { ChipProps } from './Chip.types';\nimport { Tooltip } from '../Tooltip/Tooltip.component';\nimport { renderIcon } from '../../utils';\n\nexport const Chip: React.FC<ChipProps> = ({\n  variant = 'filled',\n  color = 'primary',\n  size = 'md',\n  disabled = false,\n  fullWidth = false,\n  tooltip,\n  className = '',\n  preIcon,\n  posIcon,\n  children,\n  onClick,\n  onRemove,\n  ...chipProps\n}) => {\n  const isClickable = !!onClick;\n  const isRemovable = !!onRemove;\n\n  // Build CSS classes\n  const chipClasses = [\n    'eidos-chip',\n    `eidos-chip--${variant}`,\n    `eidos-chip--${color}`,\n    `eidos-chip--${size}`,\n    disabled && 'eidos-chip--disabled',\n    isClickable && 'eidos-chip--clickable',\n    isRemovable && 'eidos-chip--removable',\n    fullWidth && 'eidos-chip--full-width',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const handleClick = () => {\n    if (disabled || !onClick) return;\n    onClick();\n  };\n\n  const handleRemove = (e: React.MouseEvent) => {\n    e.stopPropagation(); // Prevent chip click when removing\n    if (disabled || !onRemove) return;\n    onRemove();\n  };\n\n  // A chip that is both clickable and removable holds *two* controls, so it\n  // has to render them as siblings.\n  //\n  // The previous shape switched the outer element to a `<div>` when\n  // removable - the comment said \"to avoid nested buttons\" - and then gave\n  // that div `role=\"button\"` and `tabIndex={0}`. That is the same defect\n  // wearing a different hat: a button containing a button, which is invalid\n  // (`nested-interactive`) and leaves a screen reader announcing a control\n  // inside a control. It is the same shape already fixed on `Dropdown` and\n  // `DataGrid`'s rows.\n  //\n  // Now the outer element is a plain container whenever there is a remove\n  // button, and the chip's own action moves to an inner `<button>` wrapping\n  // just the content. Each control is separately reachable and separately\n  // named.\n  const hasBothControls = isClickable && isRemovable;\n  const ChipElement = isClickable && !isRemovable ? 'button' : 'div';\n\n  const body = (\n    <>\n      {preIcon && renderIcon(preIcon, 'eidos-chip--pre-icon')}\n\n      <span className=\"eidos-chip--copy\">{children}</span>\n\n      {posIcon && renderIcon(posIcon, 'eidos-chip--pos-icon')}\n    </>\n  );\n\n  const chipContent = (\n    <ChipElement\n      className={chipClasses}\n      disabled={ChipElement === 'button' ? disabled : undefined}\n      onClick={isClickable && !hasBothControls ? handleClick : undefined}\n      {...chipProps}\n    >\n      {hasBothControls ? (\n        <button\n          type=\"button\"\n          className=\"eidos-chip--action\"\n          onClick={handleClick}\n          disabled={disabled}\n        >\n          {body}\n        </button>\n      ) : (\n        body\n      )}\n\n      {isRemovable && (\n        <button\n          className=\"eidos-chip--remove-button\"\n          onClick={handleRemove}\n          disabled={disabled}\n          aria-label=\"Remove\"\n          type=\"button\"\n        >\n          <X className=\"eidos-chip--remove-icon\" />\n        </button>\n      )}\n    </ChipElement>\n  );\n\n  return tooltip ? <Tooltip message={tooltip}>{chipContent}</Tooltip> : chipContent;\n};\n"],"mappings":";;;;;;;;AACA,SAAS,SAAS;AAoEd,mBAGE,KAHF;AA/DG,IAAM,OAA4B,CAAC;AAAA,EACxC,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAc,CAAC,CAAC;AACtB,QAAM,cAAc,CAAC,CAAC;AAGtB,QAAM,cAAc;AAAA,IAClB;AAAA,IACA,eAAe,OAAO;AAAA,IACtB,eAAe,KAAK;AAAA,IACpB,eAAe,IAAI;AAAA,IACnB,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,eAAe;AAAA,IACf,aAAa;AAAA,IACb;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,cAAc,MAAM;AACxB,QAAI,YAAY,CAAC,QAAS;AAC1B,YAAQ;AAAA,EACV;AAEA,QAAM,eAAe,CAAC,MAAwB;AAC5C,MAAE,gBAAgB;AAClB,QAAI,YAAY,CAAC,SAAU;AAC3B,aAAS;AAAA,EACX;AAiBA,QAAM,kBAAkB,eAAe;AACvC,QAAM,cAAc,eAAe,CAAC,cAAc,WAAW;AAE7D,QAAM,OACJ,iCACG;AAAA,eAAW,WAAW,SAAS,sBAAsB;AAAA,IAEtD,oBAAC,UAAK,WAAU,oBAAoB,UAAS;AAAA,IAE5C,WAAW,WAAW,SAAS,sBAAsB;AAAA,KACxD;AAGF,QAAM,cACJ;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,UAAU,gBAAgB,WAAW,WAAW;AAAA,MAChD,SAAS,eAAe,CAAC,kBAAkB,cAAc;AAAA,MACxD,GAAG;AAAA,MAEH;AAAA,0BACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,YACT;AAAA,YAEC;AAAA;AAAA,QACH,IAEA;AAAA,QAGD,eACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS;AAAA,YACT;AAAA,YACA,cAAW;AAAA,YACX,MAAK;AAAA,YAEL,8BAAC,KAAE,WAAU,2BAA0B;AAAA;AAAA,QACzC;AAAA;AAAA;AAAA,EAEJ;AAGF,SAAO,UAAU,oBAAC,WAAQ,SAAS,SAAU,uBAAY,IAAa;AACxE;","names":[]}

package/dist/{chunk-HYDNZXPU.js → chunk-H2RS6Z6Q.js}

@@ -1561,10 +1561,12 @@ function VirtualListInner({
       className: ["eidos-virtual-list", className].filter(Boolean).join(" "),
       style: containerStyle,
       onScroll: loading ? void 0 : handleScroll,
-      role: "list",
       "aria-busy": loading,
+      tabIndex: 0,
       children: [
-        loading && /* @__PURE__ */ jsx("div", { className: "eidos-virtual-list-loading", "aria-label": "Loading content", children: Array.from({ length: loadingRowCount }, (_, idx) => /* @__PURE__ */ jsxs(
+        loading && // No `aria-label`: it is prohibited on an element with no role, and
+        // the container's `aria-busy` is what actually conveys "loading".
+        /* @__PURE__ */ jsx("div", { className: "eidos-virtual-list-loading", children: Array.from({ length: loadingRowCount }, (_, idx) => /* @__PURE__ */ jsxs(
           "div",
           {
             className: "eidos-virtual-list-skeleton-row",
@@ -1587,28 +1589,42 @@ function VirtualListInner({
           idx
         )) }),
         !loading && data.length === 0 && /* @__PURE__ */ jsx("div", { className: "eidos-virtual-list-empty", role: "status", children: emptyContent }),
-        !loading && data.length > 0 && /* @__PURE__ */ jsx("div", { className: "eidos-virtual-list-inner", style: { height: virtualizer.getTotalSize() }, children: virtualizer.getVirtualItems().map((virtualItem) => {
-          const item = data[virtualItem.index];
-          const key = getRowKey ? getRowKey(item, virtualItem.index) : virtualItem.index;
-          return /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "eidos-virtual-list-row",
-              style: {
-                // `top: 0` anchors the absolutely-positioned row to the top
-                // of the inner spacer; `transform` then translates it into
-                // position. This is the recommended pattern for
-                // @tanstack/react-virtual and keeps compositing efficient.
-                top: 0,
-                height: virtualItem.size,
-                transform: `translateY(${virtualItem.start}px)`
-              },
-              role: "listitem",
-              children: renderRow(item, virtualItem.index)
-            },
-            key
-          );
-        }) })
+        !loading && data.length > 0 && // `role="list"` sits here rather than on the scroll container.
+        //
+        // A list may only contain listitems, and the scroll container also
+        // holds the loading skeletons and the empty state - neither of which
+        // is a list item. Scoping the role to the element that holds only
+        // rows makes the structure honest and keeps the states out of it.
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "eidos-virtual-list-inner",
+            style: { height: virtualizer.getTotalSize() },
+            role: "list",
+            children: virtualizer.getVirtualItems().map((virtualItem) => {
+              const item = data[virtualItem.index];
+              const key = getRowKey ? getRowKey(item, virtualItem.index) : virtualItem.index;
+              return /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "eidos-virtual-list-row",
+                  style: {
+                    // `top: 0` anchors the absolutely-positioned row to the top
+                    // of the inner spacer; `transform` then translates it into
+                    // position. This is the recommended pattern for
+                    // @tanstack/react-virtual and keeps compositing efficient.
+                    top: 0,
+                    height: virtualItem.size,
+                    transform: `translateY(${virtualItem.start}px)`
+                  },
+                  role: "listitem",
+                  children: renderRow(item, virtualItem.index)
+                },
+                key
+              );
+            })
+          }
+        )
       ]
     }
   );
@@ -1620,4 +1636,4 @@ var VirtualList = Object.assign(VirtualListInner, {
 export {
   VirtualList
 };
-//# sourceMappingURL=chunk-HYDNZXPU.js.map
+//# sourceMappingURL=chunk-H2RS6Z6Q.js.map