eidos-ui 4.1.0 → 4.2.0

package/dist/{chunk-BPVOQLCA.cjs → chunk-TFCOF5FC.cjs}

@@ -54,7 +54,7 @@ var Chip = ({
   const hasBothControls = isClickable && isRemovable;
   const body = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     preIcon && _chunkR5WI5IGRcjs.renderIcon.call(void 0, preIcon, "eidos-chip--pre-icon"),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-chip--copy", children }),
+    children && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-chip--copy", children }),
     posIcon && _chunkR5WI5IGRcjs.renderIcon.call(void 0, posIcon, "eidos-chip--pos-icon")
   ] });
   const renderLink = (linkHref, className2, attributes) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -113,4 +113,4 @@ var Chip = ({
 
 
 exports.Chip = Chip;
-//# sourceMappingURL=chunk-BPVOQLCA.cjs.map
+//# sourceMappingURL=chunk-TFCOF5FC.cjs.map

package/dist/chunk-TFCOF5FC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-TFCOF5FC.cjs","../src/components/Chip/Chip.component.tsx"],"names":["className"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACTA,2CAAkB;AAuEd,+CAAA;AAjEG,IAAM,KAAA,EAA4B,CAAC;AAAA,EACxC,QAAA,EAAU,QAAA;AAAA,EACV,MAAA,EAAQ,SAAA;AAAA,EACR,KAAA,EAAO,IAAA;AAAA,EACP,SAAA,EAAW,KAAA;AAAA,EACX,UAAA,EAAY,KAAA;AAAA,EACZ,OAAA;AAAA,EACA,UAAA,EAAY,EAAA;AAAA,EACZ,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,YAAA,EAAc,CAAC,CAAC,QAAA,GAAW,KAAA,IAAS,KAAA,CAAA;AAC1C,EAAA,MAAM,YAAA,EAAc,CAAC,CAAC,QAAA;AAGtB,EAAA,MAAM,YAAA,EAAc;AAAA,IAClB,YAAA;AAAA,IACA,CAAA,YAAA,EAAe,OAAO,CAAA,CAAA;AACF,IAAA;AACD,IAAA;AACP,IAAA;AACG,IAAA;AACA,IAAA;AACF,IAAA;AACb,IAAA;AAGM,EAAA;AAEY,EAAA;AACD,IAAA;AACT,IAAA;AACV,EAAA;AAEsB,EAAA;AACF,IAAA;AACD,IAAA;AACR,IAAA;AACX,EAAA;AAiBwB,EAAA;AAGtB,EAAA;AACyB,IAAA;AAEV,IAAA;AAEU,IAAA;AACzB,EAAA;AAOA,EAAA;AAIC,IAAA;AAAA,IAAA;AACK,MAAA;AACE,MAAA;AACN,MAAA;AACA,MAAA;AACWA,MAAAA;AACX,MAAA;AACmB,MAAA;AAElB,MAAA;AAAA,IAAA;AACH,EAAA;AAGyB,EAAA;AACZ,IAAA;AACI,IAAA;AACnB,EAAA;AAEoB,EAAA;AAGlB,EAAA;AAAC,IAAA;AAAA,IAAA;AACY,MAAA;AACD,MAAA;AACD,MAAA;AACL,MAAA;AAEH,MAAA;AACC,QAAA;AAGG,UAAA;AAAA,UAAA;AACM,YAAA;AACK,YAAA;AACD,YAAA;AACT,YAAA;AAEC,YAAA;AAAA,UAAA;AAIL,QAAA;AAIA,QAAA;AAAC,UAAA;AAAA,UAAA;AACW,YAAA;AACD,YAAA;AACT,YAAA;AACW,YAAA;AACN,YAAA;AAEL,YAAA;AAAuC,UAAA;AACzC,QAAA;AAAA,MAAA;AAAA,IAAA;AAEJ,EAAA;AAGe,EAAA;AACnB;ADrC2B;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-TFCOF5FC.cjs","sourcesContent":[null,"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';\nimport { EidosLink } from '../LinkProvider/Link.component';\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  href,\n  target,\n  rel,\n  ...chipProps\n}) => {\n  const isClickable = !!onClick || href !== undefined;\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\n  const body = (\n    <>\n      {preIcon && renderIcon(preIcon, 'eidos-chip--pre-icon')}\n\n      {children && <span className=\"eidos-chip--copy\">{children}</span>}\n\n      {posIcon && renderIcon(posIcon, 'eidos-chip--pos-icon')}\n    </>\n  );\n\n  // A link chip follows the same two-control rule: alone, the chip *is* the\n  // link; with a remove button, the link moves to the inner action slot so\n  // the two stay siblings.\n  const renderLink = (\n    linkHref: string,\n    className: string,\n    attributes?: React.AnchorHTMLAttributes<HTMLAnchorElement>,\n  ) => (\n    <EidosLink\n      {...attributes}\n      href={linkHref}\n      target={target}\n      rel={rel}\n      className={className}\n      disabled={disabled}\n      onClick={onClick ? handleClick : undefined}\n    >\n      {body}\n    </EidosLink>\n  );\n\n  if (href !== undefined && !isRemovable) {\n    const link = renderLink(href, chipClasses, chipProps);\n    return tooltip ? <Tooltip message={tooltip}>{link}</Tooltip> : link;\n  }\n\n  const ChipElement = isClickable && !isRemovable ? 'button' : 'div';\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        href !== undefined ? (\n          renderLink(href, 'eidos-chip--action')\n        ) : (\n          <button\n            type=\"button\"\n            className=\"eidos-chip--action\"\n            onClick={handleClick}\n            disabled={disabled}\n          >\n            {body}\n          </button>\n        )\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"]}

package/dist/{chunk-IJW6YCJB.cjs → chunk-TTFZKWPH.cjs}

@@ -1,9 +1,9 @@
 "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 _chunkBPVOQLCAcjs = require('./chunk-BPVOQLCA.cjs');
+var _chunkTFCOF5FCcjs = require('./chunk-TFCOF5FC.cjs');
 
 
-var _chunkMKQVDEHIcjs = require('./chunk-MKQVDEHI.cjs');
+var _chunkCPRNLW4Mcjs = require('./chunk-CPRNLW4M.cjs');
 
 // src/components/TagInput/TagInput.component.tsx
 var _react = require('react');
@@ -202,7 +202,7 @@ var TagInput = ({
       label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: inputId, className: "eidos-tag-input-label", children: label }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: fieldClasses, onClick: handleFieldClick, ref: fieldRef, children: [
         tags.map((tag, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBPVOQLCAcjs.Chip,
+          _chunkTFCOF5FCcjs.Chip,
           {
             variant: "filled",
             color: "primary",
@@ -237,7 +237,7 @@ var TagInput = ({
           }
         ),
         hasSuggestions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkMKQVDEHIcjs.Dropdown,
+          _chunkCPRNLW4Mcjs.Dropdown,
           {
             open: isSuggestionsOpen,
             onOpenChange: setIsSuggestionsOpen,
@@ -288,4 +288,4 @@ TagInput.displayName = "TagInput";
 
 
 exports.TagInput = TagInput;
-//# sourceMappingURL=chunk-IJW6YCJB.cjs.map
+//# sourceMappingURL=chunk-TTFZKWPH.cjs.map

package/dist/{chunk-IJW6YCJB.cjs.map → chunk-TTFZKWPH.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-IJW6YCJB.cjs","../src/components/TagInput/TagInput.component.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACPA,8BAAgF;AAChF,2CAA4B;AA0PpB,+CAAA;AApPD,IAAM,SAAA,EAAoC,CAAC;AAAA,EAChD,KAAA;AAAA,EACA,aAAA,EAAe,CAAC,CAAA;AAAA,EAChB,QAAA;AAAA,EACA,YAAA,EAAc,eAAA;AAAA,EACd,KAAA,EAAO,IAAA;AAAA,EACP,SAAA,EAAW,KAAA;AAAA,EACX,KAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,gBAAA,EAAkB,KAAA;AAAA,EAClB,OAAA;AAAA,EACA,WAAA,EAAa,CAAC,OAAA,EAAS,GAAA,EAAK,KAAK,CAAA;AAAA,EACjC,QAAA;AAAA,EACA,UAAA,EAAY,EAAA;AAAA,EACZ,UAAA,EAAY,KAAA;AAAA,EACZ,WAAA;AAAA,EACA,QAAA;AAAA,EACA,qBAAA,EAAuB;AACzB,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,YAAA,EAAc,0BAAA,CAAM;AAC1B,EAAA,MAAM,QAAA,EAAU,CAAA,UAAA,EAAa,WAAW,CAAA,CAAA;AACM,EAAA;AAGE,EAAA;AAGJ,EAAA;AAIL,EAAA;AACb,EAAA;AAKU,EAAA;AACpB,EAAA;AACiB,IAAA;AACX,EAAA;AACS,EAAA;AAEA,EAAA;AAES,EAAA;AACJ,EAAA;AACF,EAAA;AACV,EAAA;AAE0B,EAAA;AAE/B,EAAA;AACM,IAAA;AACF,MAAA;AACM,QAAA;AACzB,MAAA;AACkB,sBAAA;AACpB,IAAA;AACuB,IAAA;AACzB,EAAA;AAEe,EAAA;AACO,IAAA;AACM,MAAA;AAEd,MAAA;AAEmB,MAAA;AAEK,MAAA;AAEpB,MAAA;AACe,QAAA;AACL,QAAA;AACU,QAAA;AACL,UAAA;AACzB,UAAA;AACF,QAAA;AAEF,MAAA;AAEuB,MAAA;AACE,MAAA;AACT,MAAA;AAClB,IAAA;AACiC,IAAA;AACnC,EAAA;AAEkB,EAAA;AACG,IAAA;AACgB,MAAA;AACnC,IAAA;AACiB,IAAA;AACnB,EAAA;AAI8C,EAAA;AAClB,IAAA;AACM,IAAA;AACL,IAAA;AACI,MAAA;AACV,MAAA;AACa,MAAA;AACjC,IAAA;AACgC,EAAA;AAEnB,EAAA;AACc,IAAA;AACN,EAAA;AAEY,EAAA;AACE,IAAA;AAIL,IAAA;AACN,IAAA;AACE,EAAA;AAEQ,EAAA;AACJ,IAAA;AACL,IAAA;AACE,IAAA;AACzB,EAAA;AAEoB,EAAA;AACC,IAAA;AACL,MAAA;AACA,MAAA;AACO,sBAAA;AAC1B,IAAA;AACyB,IAAA;AAC3B,EAAA;AAGgB,EAAA;AACO,IAAA;AAEsB,IAAA;AACN,MAAA;AACX,MAAA;AACa,MAAA;AACpB,MAAA;AACnB,IAAA;AAEuC,IAAA;AACjB,IAAA;AACa,EAAA;AAE+B,EAAA;AAC5C,IAAA;AACO,MAAA;AACR,QAAA;AACU,QAAA;AAC3B,QAAA;AACF,MAAA;AACyB,MAAA;AACN,QAAA;AACU,QAAA;AAC3B,QAAA;AACF,MAAA;AACyB,MAAA;AACN,QAAA;AACA,QAAA;AACjB,QAAA;AACF,MAAA;AACwB,MAAA;AACL,QAAA;AACA,QAAA;AACjB,QAAA;AACF,MAAA;AACF,IAAA;AAEgC,IAAA;AACb,MAAA;AACA,MAAA;AACjB,MAAA;AACF,IAAA;AAE6B,IAAA;AACV,MAAA;AACQ,MAAA;AAC3B,IAAA;AACF,EAAA;AAEsE,EAAA;AAC7C,IAAA;AACJ,IAAA;AACE,IAAA;AACI,MAAA;AACzB,IAAA;AACgB,oBAAA;AACO,IAAA;AACzB,EAAA;AAE+B,EAAA;AACZ,IAAA;AACmB,IAAA;AACtC,EAAA;AAEkE,EAAA;AAER,IAAA;AACzC,IAAA;AACW,sBAAA;AAC1B,IAAA;AACF,EAAA;AAEwC,EAAA;AACrB,EAAA;AACO,EAAA;AACD,EAAA;AAEA,EAAA;AACvB,IAAA;AACY,IAAA;AACA,IAAA;AACC,IAAA;AACb,IAAA;AAGS,EAAA;AAEU,EAAA;AACnB,IAAA;AAC8B,IAAA;AACjB,IAAA;AACD,IAAA;AACA,IAAA;AAGH,EAAA;AAEC,EAAA;AAEZ,EAAA;AAAA;AAAA;AAAA;AAIO,oBAAA;AAEA,MAAA;AAKE,sBAAA;AAED,QAAA;AAAC,UAAA;AAAA,UAAA;AAES,YAAA;AACF,YAAA;AACN,YAAA;AACiC,YAAA;AAEhC,YAAA;AAAA,UAAA;AANmB,UAAA;AAQvB,QAAA;AAED,wBAAA;AAAC,UAAA;AAAA,UAAA;AACM,YAAA;AACD,YAAA;AACM,YAAA;AACL,YAAA;AACE,YAAA;AACsB,YAAA;AAC7B,YAAA;AACW,YAAA;AACD,YAAA;AACD,YAAA;AACkB,YAAA;AACK,YAAA;AACP,YAAA;AAII,YAAA;AACN,YAAA;AACR,YAAA;AACI,YAAA;AAGJ,YAAA;AAEb,YAAA;AAEI,UAAA;AAER,QAAA;AAGE,QAAA;AAAC,UAAA;AAAA,UAAA;AACO,YAAA;AACQ,YAAA;AAIJ,YAAA;AAER,YAAA;AAAC,cAAA;AAAA,cAAA;AACW,gBAAA;AACA,gBAAA;AACL,gBAAA;AACgB,gBAAA;AACC,gBAAA;AAErB,gBAAA;AAII,kBAAA;AAAA,kBAAA;AAEW,oBAAA;AACC,oBAAA;AACT,sBAAA;AACU,sBAAA;AAGJ,oBAAA;AACH,oBAAA;AACU,oBAAA;AACA,oBAAA;AACK,oBAAA;AAEnB,oBAAA;AAAA,kBAAA;AAbI,kBAAA;AAeR,gBAAA;AAAA,cAAA;AAEL,YAAA;AAEU,YAAA;AACH,YAAA;AACY,YAAA;AACN,YAAA;AAAA,UAAA;AACjB,QAAA;AAEJ,MAAA;AAGE,MAAA;AAMC,MAAA;AACc,wBAAA;AACZ,QAAA;AACH,MAAA;AAEJ,IAAA;AAAA,EAAA;AAEJ;AAEuB;AD9EoB;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-IJW6YCJB.cjs","sourcesContent":[null,"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\n  const hasSuggestions = suggestions !== undefined;\n  const [isSuggestionsOpen, setIsSuggestionsOpen] = useState(false);\n  // Read synchronously by the document `mousedown` listener and the key\n  // handlers, where a value captured at render would be stale. Kept in step by\n  // an effect rather than assigned at every call site, which is how the two\n  // used to drift apart.\n  const isSuggestionsOpenRef = useRef(isSuggestionsOpen);\n  useEffect(() => {\n    isSuggestionsOpenRef.current = isSuggestionsOpen;\n  }, [isSuggestionsOpen]);\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    // This used to synthesise a click on a hidden zero-height `span` so that it\n    // would bubble to the dropdown's trigger wrapper - the only way in, while\n    // the overlay owned its open state privately.\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  }, []);\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            open={isSuggestionsOpen}\n            onOpenChange={setIsSuggestionsOpen}\n            // Positioning is anchored to the field via `triggerRef` below; this\n            // span is only here because a trigger is required. It used to carry\n            // a ref purely so `openSuggestions` could click it.\n            trigger={<span className=\"eidos-tag-input-dropdown-anchor\" aria-hidden=\"true\" />}\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"]}
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-TTFZKWPH.cjs","../src/components/TagInput/TagInput.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-TTFZKWPH.cjs","sourcesContent":[null,"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\n  const hasSuggestions = suggestions !== undefined;\n  const [isSuggestionsOpen, setIsSuggestionsOpen] = useState(false);\n  // Read synchronously by the document `mousedown` listener and the key\n  // handlers, where a value captured at render would be stale. Kept in step by\n  // an effect rather than assigned at every call site, which is how the two\n  // used to drift apart.\n  const isSuggestionsOpenRef = useRef(isSuggestionsOpen);\n  useEffect(() => {\n    isSuggestionsOpenRef.current = isSuggestionsOpen;\n  }, [isSuggestionsOpen]);\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    // This used to synthesise a click on a hidden zero-height `span` so that it\n    // would bubble to the dropdown's trigger wrapper - the only way in, while\n    // the overlay owned its open state privately.\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  }, []);\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            open={isSuggestionsOpen}\n            onOpenChange={setIsSuggestionsOpen}\n            // Positioning is anchored to the field via `triggerRef` below; this\n            // span is only here because a trigger is required. It used to carry\n            // a ref purely so `openSuggestions` could click it.\n            trigger={<span className=\"eidos-tag-input-dropdown-anchor\" aria-hidden=\"true\" />}\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"]}

package/dist/{chunk-7VMF6LIC.cjs → chunk-TUNG4IDW.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkYHSCUPP6cjs = require('./chunk-YHSCUPP6.cjs');
+var _chunkJ2GJGXGHcjs = require('./chunk-J2GJGXGH.cjs');
 
 
-var _chunkBKUZF7CWcjs = require('./chunk-BKUZF7CW.cjs');
+var _chunkVY7DTPO3cjs = require('./chunk-VY7DTPO3.cjs');
 
 
 var _chunkKF2OGUADcjs = require('./chunk-KF2OGUAD.cjs');
 
 
-var _chunkMKQVDEHIcjs = require('./chunk-MKQVDEHI.cjs');
+var _chunkCPRNLW4Mcjs = require('./chunk-CPRNLW4M.cjs');
 
 
 var _chunk3ETWFS2Ncjs = require('./chunk-3ETWFS2N.cjs');
@@ -158,7 +158,7 @@ var TableFiltersDropdown = ({
     switch (filterType) {
       case "select":
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBKUZF7CWcjs.Select,
+          _chunkVY7DTPO3cjs.Select,
           {
             value: row.value || "",
             onChange: (value) => updateFilter(row.id, row.columnKey, value),
@@ -174,7 +174,7 @@ var TableFiltersDropdown = ({
         );
       case "boolean":
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBKUZF7CWcjs.Select,
+          _chunkVY7DTPO3cjs.Select,
           {
             value: row.value === void 0 ? "" : String(row.value),
             onChange: (value) => updateFilter(row.id, row.columnKey, value === "" ? void 0 : value === "true"),
@@ -238,7 +238,7 @@ var TableFiltersDropdown = ({
           }
         };
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkYHSCUPP6cjs.DatePicker,
+          _chunkJ2GJGXGHcjs.DatePicker,
           {
             mode: dateMode,
             value: prepareValue(),
@@ -288,7 +288,7 @@ var TableFiltersDropdown = ({
       const isTemporaryFilter = row.columnKey.startsWith("__temp_");
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-table-filter-row", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-table-column-select", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBKUZF7CWcjs.Select,
+          _chunkVY7DTPO3cjs.Select,
           {
             value: isTemporaryFilter ? "" : row.columnKey,
             onChange: (value) => {
@@ -369,7 +369,7 @@ var TableFiltersDropdown = ({
     ] }) })
   ] });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkMKQVDEHIcjs.Dropdown,
+    _chunkCPRNLW4Mcjs.Dropdown,
     {
       open: isOpen,
       onOpenChange: setIsOpen,
@@ -4443,4 +4443,4 @@ function isAfter(a, b) {
 
 
 exports.CSS = CSS; exports.useSensor = useSensor; exports.useSensors = useSensors; exports.closestCenter = closestCenter; exports.KeyboardSensor = KeyboardSensor; exports.PointerSensor = PointerSensor; exports.DndContext = DndContext; exports.arrayMove = arrayMove; exports.horizontalListSortingStrategy = horizontalListSortingStrategy; exports.verticalListSortingStrategy = verticalListSortingStrategy; exports.SortableContext = SortableContext; exports.useSortable = useSortable; exports.sortableKeyboardCoordinates = sortableKeyboardCoordinates; exports.TableFiltersDropdown = TableFiltersDropdown;
-//# sourceMappingURL=chunk-7VMF6LIC.cjs.map
+//# sourceMappingURL=chunk-TUNG4IDW.cjs.map