npm - fluentui-extended - Versions diffs - 2026.2.2 → 2026.2.4 - Mend

fluentui-extended 2026.2.2 → 2026.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.d.mts CHANGED Viewed

@@ -24,6 +24,8 @@ interface LookupOption {
     disabled?: boolean;
 }
 interface LookupProps extends Omit<InputProps, 'onChange' | 'value'> {
+    /** Unique identifier for the lookup - auto-generated if not provided */
+    id?: string;
     /** The options to display in the dropdown */
     options?: LookupOption[];
     /** Currently selected option key (use with options array lookup) */

package/dist/index.d.ts CHANGED Viewed

@@ -24,6 +24,8 @@ interface LookupOption {
     disabled?: boolean;
 }
 interface LookupProps extends Omit<InputProps, 'onChange' | 'value'> {
+    /** Unique identifier for the lookup - auto-generated if not provided */
+    id?: string;
     /** The options to display in the dropdown */
     options?: LookupOption[];
     /** Currently selected option key (use with options array lookup) */

package/dist/index.js CHANGED Viewed

@@ -240,6 +240,7 @@ var useLookupStyles = reactComponents.makeStyles({
 // src/components/Lookup/Lookup.tsx
 var Lookup = ({
+  id,
   options = [],
   selectedKey,
   selectedOption: selectedOptionProp,
@@ -257,6 +258,8 @@ var Lookup = ({
   ...inputProps
 }) => {
   const styles = useLookupStyles();
+  const autoId = reactComponents.useId("lookup-");
+  const lookupId = id ?? autoId;
   const [isOpen, setIsOpen] = React__namespace.useState(false);
   const [searchText, setSearchText] = React__namespace.useState("");
   const [highlightedIndex, setHighlightedIndex] = React__namespace.useState(-1);
@@ -386,6 +389,7 @@ var Lookup = ({
     }
   }, [disabled]);
   React__namespace.useEffect(() => {
+    if (!isOpen) return;
     const handleClickOutside = (e) => {
       const target = e.target;
       if (dropdownRef.current && !dropdownRef.current.contains(target) && inputRef.current && !inputRef.current.contains(target)) {
@@ -396,7 +400,7 @@ var Lookup = ({
     };
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, []);
+  }, [isOpen]);
   React__namespace.useEffect(() => {
     return () => {
       if (debounceRef.current) {
@@ -416,6 +420,7 @@ var Lookup = ({
     reactComponents.Input,
     {
       ...inputProps,
+      id: lookupId,
       ref: inputRef,
       className: reactComponents.mergeClasses(styles.input, inputProps.className),
       value: displayValue,
@@ -424,6 +429,10 @@ var Lookup = ({
       onFocus: handleFocus,
       placeholder,
       disabled,
+      "aria-expanded": isOpen,
+      "aria-haspopup": "listbox",
+      "aria-controls": isOpen ? `${lookupId}-listbox` : void 0,
+      "aria-autocomplete": "list",
       contentAfter: /* @__PURE__ */ React__namespace.createElement("span", { className: styles.iconContainer }, clearable && selectedOption && !disabled && /* @__PURE__ */ React__namespace.createElement(
         reactComponents.Button,
         {
@@ -436,56 +445,68 @@ var Lookup = ({
         }
       ), loading ? /* @__PURE__ */ React__namespace.createElement(reactComponents.Spinner, { size: "tiny" }) : /* @__PURE__ */ React__namespace.createElement("span", { className: styles.chevronIcon }, /* @__PURE__ */ React__namespace.createElement(reactIcons.ChevronDownRegular, null)))
     }
-  )), isOpen && !disabled && /* @__PURE__ */ React__namespace.createElement("div", { className: styles.dropdown, ref: dropdownRef, role: "listbox" }, header && /* @__PURE__ */ React__namespace.createElement("div", { className: styles.headerWrapper }, /* @__PURE__ */ React__namespace.createElement("div", { className: styles.header }, header)), loading ? /* @__PURE__ */ React__namespace.createElement("div", { className: styles.loadingContainer }, /* @__PURE__ */ React__namespace.createElement(reactComponents.Spinner, { size: "small", label: "Loading..." })) : filteredOptions.length === 0 ? /* @__PURE__ */ React__namespace.createElement("div", { className: styles.noResults }, noResultsMessage) : /* @__PURE__ */ React__namespace.createElement("div", { className: styles.optionsContainer }, /* @__PURE__ */ React__namespace.createElement("ul", { className: styles.optionsList }, filteredOptions.map((option, index) => {
-    const isExpanded = expandedKeys.has(option.key);
-    const hasDetails = option.details && option.details.length > 0;
-    const handleExpandClick = (e) => {
-      e.stopPropagation();
-      setExpandedKeys((prev) => {
-        const next = new Set(prev);
-        if (next.has(option.key)) {
-          next.delete(option.key);
-        } else {
-          next.add(option.key);
-        }
-        return next;
-      });
-    };
-    return /* @__PURE__ */ React__namespace.createElement("li", { key: option.key }, /* @__PURE__ */ React__namespace.createElement(
-      "button",
-      {
-        type: "button",
-        role: "option",
-        "data-index": index,
-        "aria-selected": option.key === selectedKey,
-        "aria-disabled": option.disabled,
-        className: reactComponents.mergeClasses(
-          styles.option,
-          index === highlightedIndex && styles.optionHighlighted,
-          option.key === selectedKey && styles.optionSelected,
-          option.disabled && styles.optionDisabled
-        ),
-        onClick: () => handleSelectOption(option),
-        onMouseEnter: () => setHighlightedIndex(index)
-      },
-      option.icon && /* @__PURE__ */ React__namespace.createElement("span", { className: styles.optionIcon }, option.icon),
-      /* @__PURE__ */ React__namespace.createElement("span", { className: styles.optionContent }, /* @__PURE__ */ React__namespace.createElement("span", { className: styles.optionText }, option.text), option.secondaryText && /* @__PURE__ */ React__namespace.createElement("span", { className: styles.optionSecondaryText }, option.secondaryText), isExpanded && hasDetails && /* @__PURE__ */ React__namespace.createElement("div", { className: styles.optionDetails }, option.details.map((detail, detailIndex) => /* @__PURE__ */ React__namespace.createElement("div", { key: detailIndex, className: styles.optionDetailRow }, detail.label && /* @__PURE__ */ React__namespace.createElement("span", { className: styles.optionDetailLabel }, detail.label, ":"), /* @__PURE__ */ React__namespace.createElement("span", { className: styles.optionDetailValue }, detail.value))))),
-      hasDetails && /* @__PURE__ */ React__namespace.createElement(
-        "span",
+  )), isOpen && !disabled && /* @__PURE__ */ React__namespace.createElement(
+    "div",
+    {
+      id: `${lookupId}-listbox`,
+      className: styles.dropdown,
+      ref: dropdownRef,
+      role: "listbox",
+      "aria-labelledby": lookupId
+    },
+    header && /* @__PURE__ */ React__namespace.createElement("div", { className: styles.headerWrapper }, /* @__PURE__ */ React__namespace.createElement("div", { className: styles.header }, header)),
+    loading ? /* @__PURE__ */ React__namespace.createElement("div", { className: styles.loadingContainer }, /* @__PURE__ */ React__namespace.createElement(reactComponents.Spinner, { size: "small", label: "Loading..." })) : filteredOptions.length === 0 ? /* @__PURE__ */ React__namespace.createElement("div", { className: styles.noResults }, noResultsMessage) : /* @__PURE__ */ React__namespace.createElement("div", { className: styles.optionsContainer }, /* @__PURE__ */ React__namespace.createElement("ul", { className: styles.optionsList }, filteredOptions.map((option, index) => {
+      const isExpanded = expandedKeys.has(option.key);
+      const hasDetails = option.details && option.details.length > 0;
+      const handleExpandClick = (e) => {
+        e.stopPropagation();
+        setExpandedKeys((prev) => {
+          const next = new Set(prev);
+          if (next.has(option.key)) {
+            next.delete(option.key);
+          } else {
+            next.add(option.key);
+          }
+          return next;
+        });
+      };
+      return /* @__PURE__ */ React__namespace.createElement("li", { key: option.key }, /* @__PURE__ */ React__namespace.createElement(
+        "button",
         {
-          role: "button",
-          tabIndex: -1,
+          type: "button",
+          role: "option",
+          "data-index": index,
+          "aria-selected": option.key === selectedKey,
+          "aria-disabled": option.disabled,
           className: reactComponents.mergeClasses(
-            styles.optionExpandButton,
-            isExpanded && styles.optionExpandButtonExpanded
+            styles.option,
+            index === highlightedIndex && styles.optionHighlighted,
+            option.key === selectedKey && styles.optionSelected,
+            option.disabled && styles.optionDisabled
           ),
-          onClick: handleExpandClick,
-          "aria-label": isExpanded ? "Collapse details" : "Expand details"
+          onClick: () => handleSelectOption(option),
+          onMouseEnter: () => setHighlightedIndex(index)
         },
-        /* @__PURE__ */ React__namespace.createElement(reactIcons.ChevronDownRegular, null)
-      )
-    ));
-  }))), footer && /* @__PURE__ */ React__namespace.createElement("div", { className: styles.footerWrapper }, /* @__PURE__ */ React__namespace.createElement("div", { className: styles.footer }, footer))));
+        option.icon && /* @__PURE__ */ React__namespace.createElement("span", { className: styles.optionIcon }, option.icon),
+        /* @__PURE__ */ React__namespace.createElement("span", { className: styles.optionContent }, /* @__PURE__ */ React__namespace.createElement("span", { className: styles.optionText }, option.text), option.secondaryText && /* @__PURE__ */ React__namespace.createElement("span", { className: styles.optionSecondaryText }, option.secondaryText), isExpanded && hasDetails && /* @__PURE__ */ React__namespace.createElement("div", { className: styles.optionDetails }, option.details.map((detail, detailIndex) => /* @__PURE__ */ React__namespace.createElement("div", { key: detailIndex, className: styles.optionDetailRow }, detail.label && /* @__PURE__ */ React__namespace.createElement("span", { className: styles.optionDetailLabel }, detail.label, ":"), /* @__PURE__ */ React__namespace.createElement("span", { className: styles.optionDetailValue }, detail.value))))),
+        hasDetails && /* @__PURE__ */ React__namespace.createElement(
+          "span",
+          {
+            role: "button",
+            tabIndex: -1,
+            className: reactComponents.mergeClasses(
+              styles.optionExpandButton,
+              isExpanded && styles.optionExpandButtonExpanded
+            ),
+            onClick: handleExpandClick,
+            "aria-label": isExpanded ? "Collapse details" : "Expand details"
+          },
+          /* @__PURE__ */ React__namespace.createElement(reactIcons.ChevronDownRegular, null)
+        )
+      ));
+    }))),
+    footer && /* @__PURE__ */ React__namespace.createElement("div", { className: styles.footerWrapper }, /* @__PURE__ */ React__namespace.createElement("div", { className: styles.footer }, footer))
+  ));
 };
 Lookup.displayName = "Lookup";

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Lookup/Lookup.styles.ts","../src/components/Lookup/Lookup.tsx"],"names":["makeStyles","tokens","shorthands","React","Input","mergeClasses","Button","DismissRegular","Spinner","ChevronDownRegular"],"mappings":"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","file":"index.js","sourcesContent":["import { makeStyles, tokens, shorthands } from '@fluentui/react-components';\n\nexport const useLookupStyles = makeStyles({\n root: {\n position: 'relative',\n display: 'inline-flex',\n flexDirection: 'column',\n width: '100%',\n },\n\n inputWrapper: {\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n width: '100%',\n },\n\n input: {\n width: '100%',\n },\n\n iconContainer: {\n display: 'flex',\n alignItems: 'center',\n gap: '2px',\n },\n\n iconButton: {\n minWidth: '20px',\n minHeight: '20px',\n padding: '0',\n },\n\n chevronIcon: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '20px',\n height: '20px',\n },\n\n dropdown: {\n position: 'absolute',\n top: '100%',\n left: 0,\n right: 0,\n zIndex: 1000,\n marginTop: '4px',\n backgroundColor: tokens.colorNeutralBackground1,\n borderRadius: tokens.borderRadiusMedium,\n boxShadow: tokens.shadow16,\n ...shorthands.border('1px', 'solid', tokens.colorNeutralStroke1),\n maxHeight: '350px',\n display: 'flex',\n flexDirection: 'column',\n overflow: 'hidden',\n },\n\n optionsList: {\n listStyle: 'none',\n margin: 0,\n padding: '4px',\n },\n\n option: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'flex-start',\n padding: '8px 12px',\n cursor: 'pointer',\n borderRadius: tokens.borderRadiusSmall,\n backgroundColor: 'transparent',\n border: 'none',\n width: '100%',\n textAlign: 'left',\n gap: '8px',\n\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n },\n\n '&:focus': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n outline: `2px solid ${tokens.colorBrandStroke1}`,\n outlineOffset: '-2px',\n },\n },\n\n optionIcon: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '20px',\n height: '20px',\n flexShrink: 0,\n color: tokens.colorNeutralForeground3,\n },\n\n optionContent: {\n display: 'flex',\n flexDirection: 'column',\n flex: 1,\n minWidth: 0,\n },\n\n optionExpandButton: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '24px',\n height: '24px',\n flexShrink: 0,\n cursor: 'pointer',\n borderRadius: tokens.borderRadiusSmall,\n backgroundColor: 'transparent',\n border: 'none',\n color: tokens.colorNeutralForeground3,\n transition: 'transform 0.2s ease',\n\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n color: tokens.colorNeutralForeground1,\n },\n },\n\n optionExpandButtonExpanded: {\n transform: 'rotate(180deg)',\n },\n\n optionHighlighted: {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n },\n\n optionSelected: {\n backgroundColor: tokens.colorBrandBackground2,\n '&:hover': {\n backgroundColor: tokens.colorBrandBackground2Hover,\n },\n },\n\n optionDisabled: {\n cursor: 'not-allowed',\n opacity: 0.5,\n '&:hover': {\n backgroundColor: 'transparent',\n },\n },\n\n optionText: {\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightRegular,\n color: tokens.colorNeutralForeground1,\n },\n\n optionSecondaryText: {\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n color: tokens.colorNeutralForeground3,\n marginTop: '2px',\n },\n\n optionDetails: {\n display: 'flex',\n flexDirection: 'column',\n marginTop: '4px',\n paddingTop: '4px',\n borderTop: `1px solid ${tokens.colorNeutralStroke2}`,\n gap: '2px',\n },\n\n optionDetailRow: {\n display: 'flex',\n fontSize: tokens.fontSizeBase200,\n color: tokens.colorNeutralForeground3,\n gap: '4px',\n },\n\n optionDetailLabel: {\n color: tokens.colorNeutralForeground4,\n },\n\n optionDetailValue: {\n color: tokens.colorNeutralForeground3,\n },\n\n loadingContainer: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: '16px',\n },\n\n noResults: {\n padding: '16px',\n textAlign: 'center',\n color: tokens.colorNeutralForeground3,\n fontSize: tokens.fontSizeBase300,\n },\n\n headerWrapper: {\n padding: '2px',\n backgroundColor: tokens.colorNeutralBackground1,\n },\n\n header: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n borderRadius: tokens.borderRadiusMedium,\n padding: '4px 12px',\n backgroundColor: tokens.colorNeutralBackground3,\n backgroundImage: `repeating-linear-gradient(\n -45deg,\n transparent,\n transparent 1px,\n rgba(0, 0, 0, 0.02) 1px,\n rgba(0, 0, 0, 0.02) 2px\n )`,\n gap: '8px',\n },\n\n footerWrapper: {\n padding: '8px',\n paddingTop: '0',\n backgroundColor: tokens.colorNeutralBackground1,\n },\n\n footer: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n padding: '6px 12px',\n borderTop: `1px solid ${tokens.colorNeutralStroke2}`,\n backgroundColor: tokens.colorNeutralBackground1,\n fontSize: tokens.fontSizeBase200,\n color: tokens.colorNeutralForeground2,\n gap: '8px',\n },\n\n optionsContainer: {\n maxHeight: '250px',\n overflowY: 'auto',\n overflowX: 'hidden',\n },\n});\n","import * as React from 'react';\nimport {\n Input,\n Spinner,\n mergeClasses,\n Button,\n} from '@fluentui/react-components';\nimport { SearchRegular, DismissRegular, ChevronDownRegular } from '@fluentui/react-icons';\nimport { useLookupStyles } from './Lookup.styles';\nimport type { LookupProps, LookupOption } from './Lookup.types';\n\nexport const Lookup: React.FC<LookupProps> = ({\n options = [],\n selectedKey,\n selectedOption: selectedOptionProp,\n onOptionSelect,\n onSearchChange,\n placeholder = 'Search...',\n loading = false,\n noResultsMessage = 'No results found',\n clearable = true,\n minSearchLength = 0,\n searchDebounceMs = 300,\n disabled,\n header,\n footer,\n ...inputProps\n}) => {\n const styles = useLookupStyles();\n\n const [isOpen, setIsOpen] = React.useState(false);\n const [searchText, setSearchText] = React.useState('');\n const [highlightedIndex, setHighlightedIndex] = React.useState(-1);\n const [expandedKeys, setExpandedKeys] = React.useState<Set<string>>(new Set());\n const [internalSelectedOption, setInternalSelectedOption] = React.useState<LookupOption \| null>(null);\n\n const inputRef = React.useRef<HTMLInputElement>(null);\n const dropdownRef = React.useRef<HTMLDivElement>(null);\n const debounceRef = React.useRef<ReturnType<typeof setTimeout>>();\n const justSelectedRef = React.useRef(false);\n\n // Find the selected option - prefer props, fallback to internal state\n const selectedOption = React.useMemo(\n () => selectedOptionProp ?? options.find((opt) => opt.key === selectedKey) ?? internalSelectedOption,\n [selectedOptionProp, options, selectedKey, internalSelectedOption]\n );\n\n // Filter options based on search text\n const filteredOptions = React.useMemo(() => {\n if (!searchText \|\| searchText.length < minSearchLength) {\n return options;\n }\n const lowerSearch = searchText.toLowerCase();\n return options.filter(\n (opt) =>\n opt.text.toLowerCase().includes(lowerSearch) \|\|\n opt.secondaryText?.toLowerCase().includes(lowerSearch)\n );\n }, [options, searchText, minSearchLength]);\n\n // Display value in input\n const displayValue = React.useMemo(() => {\n if (isOpen) {\n return searchText;\n }\n return selectedOption?.text ?? '';\n }, [isOpen, searchText, selectedOption]);\n\n // Handle search text change with debounce\n const handleSearchChange = React.useCallback(\n (value: string) => {\n setSearchText(value);\n setHighlightedIndex(-1);\n\n if (debounceRef.current) {\n clearTimeout(debounceRef.current);\n }\n\n if (onSearchChange && value.length >= minSearchLength) {\n debounceRef.current = setTimeout(() => {\n onSearchChange(value);\n }, searchDebounceMs);\n }\n },\n [onSearchChange, minSearchLength, searchDebounceMs]\n );\n\n // Handle input change\n const handleInputChange = React.useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value;\n handleSearchChange(value);\n if (!isOpen) {\n setIsOpen(true);\n }\n },\n [handleSearchChange, isOpen]\n );\n\n // Handle option selection\n const handleSelectOption = React.useCallback(\n (option: LookupOption) => {\n if (option.disabled) return;\n\n justSelectedRef.current = true;\n setInternalSelectedOption(option);\n onOptionSelect?.(option);\n setSearchText('');\n setIsOpen(false);\n setHighlightedIndex(-1);\n inputRef.current?.focus();\n },\n [onOptionSelect]\n );\n\n // Handle clear\n const handleClear = React.useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n setInternalSelectedOption(null);\n onOptionSelect?.(null);\n setSearchText('');\n setHighlightedIndex(-1);\n inputRef.current?.focus();\n },\n [onOptionSelect]\n );\n\n // Handle keyboard navigation\n const handleKeyDown = React.useCallback(\n (e: React.KeyboardEvent) => {\n if (disabled) return;\n\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault();\n if (!isOpen) {\n setIsOpen(true);\n } else {\n setHighlightedIndex((prev) =>\n prev < filteredOptions.length - 1 ? prev + 1 : 0\n );\n }\n break;\n\n case 'ArrowUp':\n e.preventDefault();\n if (isOpen) {\n setHighlightedIndex((prev) =>\n prev > 0 ? prev - 1 : filteredOptions.length - 1\n );\n }\n break;\n\n case 'Enter':\n e.preventDefault();\n if (isOpen && highlightedIndex >= 0 && filteredOptions[highlightedIndex]) {\n handleSelectOption(filteredOptions[highlightedIndex]);\n }\n break;\n\n case 'Escape':\n e.preventDefault();\n setIsOpen(false);\n setSearchText('');\n setHighlightedIndex(-1);\n break;\n\n case 'Tab':\n setIsOpen(false);\n setSearchText('');\n break;\n }\n },\n [disabled, isOpen, highlightedIndex, filteredOptions, handleSelectOption]\n );\n\n // Handle input focus\n const handleFocus = React.useCallback(() => {\n if (!disabled) {\n // Don't reopen if we just selected an option\n if (justSelectedRef.current) {\n justSelectedRef.current = false;\n return;\n }\n setIsOpen(true);\n }\n }, [disabled]);\n\n // Handle click outside\n React.useEffect(() => {\n const handleClickOutside = (e: MouseEvent) => {\n const target = e.target as Node;\n if (\n dropdownRef.current &&\n !dropdownRef.current.contains(target) &&\n inputRef.current &&\n !inputRef.current.contains(target)\n ) {\n setIsOpen(false);\n setSearchText('');\n setHighlightedIndex(-1);\n }\n };\n\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, []);\n\n // Cleanup debounce on unmount\n React.useEffect(() => {\n return () => {\n if (debounceRef.current) {\n clearTimeout(debounceRef.current);\n }\n };\n }, []);\n\n // Scroll highlighted option into view\n React.useEffect(() => {\n if (highlightedIndex >= 0 && dropdownRef.current) {\n const option = dropdownRef.current.querySelector(\n `[data-index=\"${highlightedIndex}\"]`\n );\n option?.scrollIntoView({ block: 'nearest' });\n }\n }, [highlightedIndex]);\n\n return (\n <div className={styles.root}>\n <div className={styles.inputWrapper}>\n <Input\n {...inputProps}\n ref={inputRef}\n className={mergeClasses(styles.input, inputProps.className)}\n value={displayValue}\n onChange={handleInputChange}\n onKeyDown={handleKeyDown}\n onFocus={handleFocus}\n placeholder={placeholder}\n disabled={disabled}\n contentAfter={\n <span className={styles.iconContainer}>\n {clearable && selectedOption && !disabled && (\n <Button\n appearance=\"subtle\"\n size=\"small\"\n icon={<DismissRegular />}\n onClick={handleClear}\n className={styles.iconButton}\n aria-label=\"Clear selection\"\n />\n )}\n {loading ? (\n <Spinner size=\"tiny\" />\n ) : (\n <span className={styles.chevronIcon}>\n <ChevronDownRegular />\n </span>\n )}\n </span>\n }\n />\n </div>\n\n {isOpen && !disabled && (\n <div className={styles.dropdown} ref={dropdownRef} role=\"listbox\">\n {header && (\n <div className={styles.headerWrapper}>\n <div className={styles.header}>{header}</div>\n </div>\n )}\n {loading ? (\n <div className={styles.loadingContainer}>\n <Spinner size=\"small\" label=\"Loading...\" />\n </div>\n ) : filteredOptions.length === 0 ? (\n <div className={styles.noResults}>{noResultsMessage}</div>\n ) : (\n <div className={styles.optionsContainer}>\n <ul className={styles.optionsList}>\n {filteredOptions.map((option, index) => {\n const isExpanded = expandedKeys.has(option.key);\n const hasDetails = option.details && option.details.length > 0;\n\n const handleExpandClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n setExpandedKeys((prev) => {\n const next = new Set(prev);\n if (next.has(option.key)) {\n next.delete(option.key);\n } else {\n next.add(option.key);\n }\n return next;\n });\n };\n\n return (\n <li key={option.key}>\n <button\n type=\"button\"\n role=\"option\"\n data-index={index}\n aria-selected={option.key === selectedKey}\n aria-disabled={option.disabled}\n className={mergeClasses(\n styles.option,\n index === highlightedIndex && styles.optionHighlighted,\n option.key === selectedKey && styles.optionSelected,\n option.disabled && styles.optionDisabled\n )}\n onClick={() => handleSelectOption(option)}\n onMouseEnter={() => setHighlightedIndex(index)}\n >\n {option.icon && (\n <span className={styles.optionIcon}>{option.icon}</span>\n )}\n <span className={styles.optionContent}>\n <span className={styles.optionText}>{option.text}</span>\n {option.secondaryText && (\n <span className={styles.optionSecondaryText}>\n {option.secondaryText}\n </span>\n )}\n {isExpanded && hasDetails && (\n <div className={styles.optionDetails}>\n {option.details!.map((detail, detailIndex) => (\n <div key={detailIndex} className={styles.optionDetailRow}>\n {detail.label && (\n <span className={styles.optionDetailLabel}>\n {detail.label}:\n </span>\n )}\n <span className={styles.optionDetailValue}>\n {detail.value}\n </span>\n </div>\n ))}\n </div>\n )}\n </span>\n {hasDetails && (\n <span\n role=\"button\"\n tabIndex={-1}\n className={mergeClasses(\n styles.optionExpandButton,\n isExpanded && styles.optionExpandButtonExpanded\n )}\n onClick={handleExpandClick}\n aria-label={isExpanded ? 'Collapse details' : 'Expand details'}\n >\n <ChevronDownRegular />\n </span>\n )}\n </button>\n </li>\n );\n })}\n </ul>\n </div>\n )}\n {footer && (\n <div className={styles.footerWrapper}>\n <div className={styles.footer}>{footer}</div>\n </div>\n )}\n </div>\n )}\n </div>\n );\n};\n\nLookup.displayName = 'Lookup';\n"]}
1	+ {"version":3,"sources":["../src/components/Lookup/Lookup.styles.ts","../src/components/Lookup/Lookup.tsx"],"names":["makeStyles","tokens","shorthands","useId","React","Input","mergeClasses","Button","DismissRegular","Spinner","ChevronDownRegular"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAM,kBAAkBA,0BAAA,CAAW;AAAA,EACxC,IAAA,EAAM;AAAA,IACJ,QAAA,EAAU,UAAA;AAAA,IACV,OAAA,EAAS,aAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,KAAA,EAAO;AAAA,GACT;AAAA,EAEA,YAAA,EAAc;AAAA,IACZ,QAAA,EAAU,UAAA;AAAA,IACV,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,KAAA,EAAO;AAAA,GACT;AAAA,EAEA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO;AAAA,GACT;AAAA,EAEA,aAAA,EAAe;AAAA,IACb,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,GAAA,EAAK;AAAA,GACP;AAAA,EAEA,UAAA,EAAY;AAAA,IACV,QAAA,EAAU,MAAA;AAAA,IACV,SAAA,EAAW,MAAA;AAAA,IACX,OAAA,EAAS;AAAA,GACX;AAAA,EAEA,WAAA,EAAa;AAAA,IACX,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,KAAA,EAAO,MAAA;AAAA,IACP,MAAA,EAAQ;AAAA,GACV;AAAA,EAEA,QAAA,EAAU;AAAA,IACR,QAAA,EAAU,UAAA;AAAA,IACV,GAAA,EAAK,MAAA;AAAA,IACL,IAAA,EAAM,CAAA;AAAA,IACN,KAAA,EAAO,CAAA;AAAA,IACP,MAAA,EAAQ,GAAA;AAAA,IACR,SAAA,EAAW,KAAA;AAAA,IACX,iBAAiBC,sBAAA,CAAO,uBAAA;AAAA,IACxB,cAAcA,sBAAA,CAAO,kBAAA;AAAA,IACrB,WAAWA,sBAAA,CAAO,QAAA;AAAA,IAClB,GAAGC,0BAAA,CAAW,MAAA,CAAO,KAAA,EAAO,OAAA,EAASD,uBAAO,mBAAmB,CAAA;AAAA,IAC/D,SAAA,EAAW,OAAA;AAAA,IACX,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,QAAA,EAAU;AAAA,GACZ;AAAA,EAEA,WAAA,EAAa;AAAA,IACX,SAAA,EAAW,MAAA;AAAA,IACX,MAAA,EAAQ,CAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA,EAEA,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,YAAA;AAAA,IACZ,OAAA,EAAS,UAAA;AAAA,IACT,MAAA,EAAQ,SAAA;AAAA,IACR,cAAcA,sBAAA,CAAO,iBAAA;AAAA,IACrB,eAAA,EAAiB,aAAA;AAAA,IACjB,MAAA,EAAQ,MAAA;AAAA,IACR,KAAA,EAAO,MAAA;AAAA,IACP,SAAA,EAAW,MAAA;AAAA,IACX,GAAA,EAAK,KAAA;AAAA,IAEL,SAAA,EAAW;AAAA,MACT,iBAAiBA,sBAAA,CAAO;AAAA,KAC1B;AAAA,IAEA,SAAA,EAAW;AAAA,MACT,iBAAiBA,sBAAA,CAAO,4BAAA;AAAA,MACxB,OAAA,EAAS,CAAA,UAAA,EAAaA,sBAAA,CAAO,iBAAiB,CAAA,CAAA;AAAA,MAC9C,aAAA,EAAe;AAAA;AACjB,GACF;AAAA,EAEA,UAAA,EAAY;AAAA,IACV,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,KAAA,EAAO,MAAA;AAAA,IACP,MAAA,EAAQ,MAAA;AAAA,IACR,UAAA,EAAY,CAAA;AAAA,IACZ,OAAOA,sBAAA,CAAO;AAAA,GAChB;AAAA,EAEA,aAAA,EAAe;AAAA,IACb,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,IAAA,EAAM,CAAA;AAAA,IACN,QAAA,EAAU;AAAA,GACZ;AAAA,EAEA,kBAAA,EAAoB;AAAA,IAClB,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,KAAA,EAAO,MAAA;AAAA,IACP,MAAA,EAAQ,MAAA;AAAA,IACR,UAAA,EAAY,CAAA;AAAA,IACZ,MAAA,EAAQ,SAAA;AAAA,IACR,cAAcA,sBAAA,CAAO,iBAAA;AAAA,IACrB,eAAA,EAAiB,aAAA;AAAA,IACjB,MAAA,EAAQ,MAAA;AAAA,IACR,OAAOA,sBAAA,CAAO,uBAAA;AAAA,IACd,UAAA,EAAY,qBAAA;AAAA,IAEZ,SAAA,EAAW;AAAA,MACT,iBAAiBA,sBAAA,CAAO,4BAAA;AAAA,MACxB,OAAOA,sBAAA,CAAO;AAAA;AAChB,GACF;AAAA,EAEA,0BAAA,EAA4B;AAAA,IAC1B,SAAA,EAAW;AAAA,GACb;AAAA,EAEA,iBAAA,EAAmB;AAAA,IACjB,iBAAiBA,sBAAA,CAAO;AAAA,GAC1B;AAAA,EAEA,cAAA,EAAgB;AAAA,IACd,iBAAiBA,sBAAA,CAAO,qBAAA;AAAA,IACxB,SAAA,EAAW;AAAA,MACT,iBAAiBA,sBAAA,CAAO;AAAA;AAC1B,GACF;AAAA,EAEA,cAAA,EAAgB;AAAA,IACd,MAAA,EAAQ,aAAA;AAAA,IACR,OAAA,EAAS,GAAA;AAAA,IACT,SAAA,EAAW;AAAA,MACT,eAAA,EAAiB;AAAA;AACnB,GACF;AAAA,EAEA,UAAA,EAAY;AAAA,IACV,UAAUA,sBAAA,CAAO,eAAA;AAAA,IACjB,YAAYA,sBAAA,CAAO,iBAAA;AAAA,IACnB,OAAOA,sBAAA,CAAO;AAAA,GAChB;AAAA,EAEA,mBAAA,EAAqB;AAAA,IACnB,UAAUA,sBAAA,CAAO,eAAA;AAAA,IACjB,YAAYA,sBAAA,CAAO,iBAAA;AAAA,IACnB,OAAOA,sBAAA,CAAO,uBAAA;AAAA,IACd,SAAA,EAAW;AAAA,GACb;AAAA,EAEA,aAAA,EAAe;AAAA,IACb,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,SAAA,EAAW,KAAA;AAAA,IACX,UAAA,EAAY,KAAA;AAAA,IACZ,SAAA,EAAW,CAAA,UAAA,EAAaA,sBAAA,CAAO,mBAAmB,CAAA,CAAA;AAAA,IAClD,GAAA,EAAK;AAAA,GACP;AAAA,EAEA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,MAAA;AAAA,IACT,UAAUA,sBAAA,CAAO,eAAA;AAAA,IACjB,OAAOA,sBAAA,CAAO,uBAAA;AAAA,IACd,GAAA,EAAK;AAAA,GACP;AAAA,EAEA,iBAAA,EAAmB;AAAA,IACjB,OAAOA,sBAAA,CAAO;AAAA,GAChB;AAAA,EAEA,iBAAA,EAAmB;AAAA,IACjB,OAAOA,sBAAA,CAAO;AAAA,GAChB;AAAA,EAEA,gBAAA,EAAkB;AAAA,IAChB,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,OAAA,EAAS;AAAA,GACX;AAAA,EAEA,SAAA,EAAW;AAAA,IACT,OAAA,EAAS,MAAA;AAAA,IACT,SAAA,EAAW,QAAA;AAAA,IACX,OAAOA,sBAAA,CAAO,uBAAA;AAAA,IACd,UAAUA,sBAAA,CAAO;AAAA,GACnB;AAAA,EAEA,aAAA,EAAe;AAAA,IACb,OAAA,EAAS,KAAA;AAAA,IACT,iBAAiBA,sBAAA,CAAO;AAAA,GAC1B;AAAA,EAEA,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,eAAA;AAAA,IAChB,cAAcA,sBAAA,CAAO,kBAAA;AAAA,IACrB,OAAA,EAAS,UAAA;AAAA,IACT,iBAAiBA,sBAAA,CAAO,uBAAA;AAAA,IACxB,eAAA,EAAiB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAA,CAAA;AAAA,IAOjB,GAAA,EAAK;AAAA,GACP;AAAA,EAEA,aAAA,EAAe;AAAA,IACb,OAAA,EAAS,KAAA;AAAA,IACT,UAAA,EAAY,GAAA;AAAA,IACZ,iBAAiBA,sBAAA,CAAO;AAAA,GAC1B;AAAA,EAEA,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,eAAA;AAAA,IAChB,OAAA,EAAS,UAAA;AAAA,IACT,SAAA,EAAW,CAAA,UAAA,EAAaA,sBAAA,CAAO,mBAAmB,CAAA,CAAA;AAAA,IAClD,iBAAiBA,sBAAA,CAAO,uBAAA;AAAA,IACxB,UAAUA,sBAAA,CAAO,eAAA;AAAA,IACjB,OAAOA,sBAAA,CAAO,uBAAA;AAAA,IACd,GAAA,EAAK;AAAA,GACP;AAAA,EAEA,gBAAA,EAAkB;AAAA,IAChB,SAAA,EAAW,OAAA;AAAA,IACX,SAAA,EAAW,MAAA;AAAA,IACX,SAAA,EAAW;AAAA;AAEf,CAAC,CAAA;;;ACxOM,IAAM,SAAgC,CAAC;AAAA,EAC5C,EAAA;AAAA,EACA,UAAU,EAAC;AAAA,EACX,WAAA;AAAA,EACA,cAAA,EAAgB,kBAAA;AAAA,EAChB,cAAA;AAAA,EACA,cAAA;AAAA,EACA,WAAA,GAAc,WAAA;AAAA,EACd,OAAA,GAAU,KAAA;AAAA,EACV,gBAAA,GAAmB,kBAAA;AAAA,EACnB,SAAA,GAAY,IAAA;AAAA,EACZ,eAAA,GAAkB,CAAA;AAAA,EAClB,gBAAA,GAAmB,GAAA;AAAA,EACnB,QAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,SAAS,eAAA,EAAgB;AAG/B,EAAA,MAAM,MAAA,GAASE,sBAAM,SAAS,CAAA;AAC9B,EAAA,MAAM,WAAW,EAAA,IAAM,MAAA;AAEvB,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAUC,0BAAS,KAAK,CAAA;AAChD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAUA,0BAAS,EAAE,CAAA;AACrD,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAUA,0BAAS,EAAE,CAAA;AACjE,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,IAAUA,gBAAA,CAAA,QAAA,iBAAsB,IAAI,KAAK,CAAA;AAC7E,EAAA,MAAM,CAAC,sBAAA,EAAwB,yBAAyB,CAAA,GAAUA,0BAA8B,IAAI,CAAA;AAEpG,EAAA,MAAM,QAAA,GAAiBA,wBAAyB,IAAI,CAAA;AACpD,EAAA,MAAM,WAAA,GAAoBA,wBAAuB,IAAI,CAAA;AACrD,EAAA,MAAM,cAAoBA,gBAAA,CAAA,MAAA,EAAsC;AAChE,EAAA,MAAM,eAAA,GAAwBA,wBAAO,KAAK,CAAA;AAG1C,EAAA,MAAM,cAAA,GAAuBA,gBAAA,CAAA,OAAA;AAAA,IAC3B,MAAM,sBAAsB,OAAA,CAAQ,IAAA,CAAK,CAAC,GAAA,KAAQ,GAAA,CAAI,GAAA,KAAQ,WAAW,CAAA,IAAK,sBAAA;AAAA,IAC9E,CAAC,kBAAA,EAAoB,OAAA,EAAS,WAAA,EAAa,sBAAsB;AAAA,GACnE;AAGA,EAAA,MAAM,eAAA,GAAwBA,yBAAQ,MAAM;AAC1C,IAAA,IAAI,CAAC,UAAA,IAAc,UAAA,CAAW,MAAA,GAAS,eAAA,EAAiB;AACtD,MAAA,OAAO,OAAA;AAAA,IACT;AACA,IAAA,MAAM,WAAA,GAAc,WAAW,WAAA,EAAY;AAC3C,IAAA,OAAO,OAAA,CAAQ,MAAA;AAAA,MACb,CAAC,GAAA,KACC,GAAA,CAAI,IAAA,CAAK,aAAY,CAAE,QAAA,CAAS,WAAW,CAAA,IAC3C,GAAA,CAAI,aAAA,EAAe,WAAA,EAAY,CAAE,SAAS,WAAW;AAAA,KACzD;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,UAAA,EAAY,eAAe,CAAC,CAAA;AAGzC,EAAA,MAAM,YAAA,GAAqBA,yBAAQ,MAAM;AACvC,IAAA,IAAI,MAAA,EAAQ;AACV,MAAA,OAAO,UAAA;AAAA,IACT;AACA,IAAA,OAAO,gBAAgB,IAAA,IAAQ,EAAA;AAAA,EACjC,CAAA,EAAG,CAAC,MAAA,EAAQ,UAAA,EAAY,cAAc,CAAC,CAAA;AAGvC,EAAA,MAAM,kBAAA,GAA2BA,gBAAA,CAAA,WAAA;AAAA,IAC/B,CAAC,KAAA,KAAkB;AACjB,MAAA,aAAA,CAAc,KAAK,CAAA;AACnB,MAAA,mBAAA,CAAoB,EAAE,CAAA;AAEtB,MAAA,IAAI,YAAY,OAAA,EAAS;AACvB,QAAA,YAAA,CAAa,YAAY,OAAO,CAAA;AAAA,MAClC;AAEA,MAAA,IAAI,cAAA,IAAkB,KAAA,CAAM,MAAA,IAAU,eAAA,EAAiB;AACrD,QAAA,WAAA,CAAY,OAAA,GAAU,WAAW,MAAM;AACrC,UAAA,cAAA,CAAe,KAAK,CAAA;AAAA,QACtB,GAAG,gBAAgB,CAAA;AAAA,MACrB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,cAAA,EAAgB,eAAA,EAAiB,gBAAgB;AAAA,GACpD;AAGA,EAAA,MAAM,iBAAA,GAA0BA,gBAAA,CAAA,WAAA;AAAA,IAC9B,CAAC,CAAA,KAA2C;AAC1C,MAAA,MAAM,KAAA,GAAQ,EAAE,MAAA,CAAO,KAAA;AACvB,MAAA,kBAAA,CAAmB,KAAK,CAAA;AACxB,MAAA,IAAI,CAAC,MAAA,EAAQ;AACX,QAAA,SAAA,CAAU,IAAI,CAAA;AAAA,MAChB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,oBAAoB,MAAM;AAAA,GAC7B;AAGA,EAAA,MAAM,kBAAA,GAA2BA,gBAAA,CAAA,WAAA;AAAA,IAC/B,CAAC,MAAA,KAAyB;AACxB,MAAA,IAAI,OAAO,QAAA,EAAU;AAErB,MAAA,eAAA,CAAgB,OAAA,GAAU,IAAA;AAC1B,MAAA,yBAAA,CAA0B,MAAM,CAAA;AAChC,MAAA,cAAA,GAAiB,MAAM,CAAA;AACvB,MAAA,aAAA,CAAc,EAAE,CAAA;AAChB,MAAA,SAAA,CAAU,KAAK,CAAA;AACf,MAAA,mBAAA,CAAoB,EAAE,CAAA;AACtB,MAAA,QAAA,CAAS,SAAS,KAAA,EAAM;AAAA,IAC1B,CAAA;AAAA,IACA,CAAC,cAAc;AAAA,GACjB;AAGA,EAAA,MAAM,WAAA,GAAoBA,gBAAA,CAAA,WAAA;AAAA,IACxB,CAAC,CAAA,KAAwB;AACvB,MAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,MAAA,yBAAA,CAA0B,IAAI,CAAA;AAC9B,MAAA,cAAA,GAAiB,IAAI,CAAA;AACrB,MAAA,aAAA,CAAc,EAAE,CAAA;AAChB,MAAA,mBAAA,CAAoB,EAAE,CAAA;AACtB,MAAA,QAAA,CAAS,SAAS,KAAA,EAAM;AAAA,IAC1B,CAAA;AAAA,IACA,CAAC,cAAc;AAAA,GACjB;AAGA,EAAA,MAAM,aAAA,GAAsBA,gBAAA,CAAA,WAAA;AAAA,IAC1B,CAAC,CAAA,KAA2B;AAC1B,MAAA,IAAI,QAAA,EAAU;AAEd,MAAA,QAAQ,EAAE,GAAA;AAAK,QACb,KAAK,WAAA;AACH,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,IAAI,CAAC,MAAA,EAAQ;AACX,YAAA,SAAA,CAAU,IAAI,CAAA;AAAA,UAChB,CAAA,MAAO;AACL,YAAA,mBAAA;AAAA,cAAoB,CAAC,IAAA,KACnB,IAAA,GAAO,gBAAgB,MAAA,GAAS,CAAA,GAAI,OAAO,CAAA,GAAI;AAAA,aACjD;AAAA,UACF;AACA,UAAA;AAAA,QAEF,KAAK,SAAA;AACH,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,IAAI,MAAA,EAAQ;AACV,YAAA,mBAAA;AAAA,cAAoB,CAAC,IAAA,KACnB,IAAA,GAAO,IAAI,IAAA,GAAO,CAAA,GAAI,gBAAgB,MAAA,GAAS;AAAA,aACjD;AAAA,UACF;AACA,UAAA;AAAA,QAEF,KAAK,OAAA;AACH,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,IAAI,MAAA,IAAU,gBAAA,IAAoB,CAAA,IAAK,eAAA,CAAgB,gBAAgB,CAAA,EAAG;AACxE,YAAA,kBAAA,CAAmB,eAAA,CAAgB,gBAAgB,CAAC,CAAA;AAAA,UACtD;AACA,UAAA;AAAA,QAEF,KAAK,QAAA;AACH,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,SAAA,CAAU,KAAK,CAAA;AACf,UAAA,aAAA,CAAc,EAAE,CAAA;AAChB,UAAA,mBAAA,CAAoB,EAAE,CAAA;AACtB,UAAA;AAAA,QAEF,KAAK,KAAA;AACH,UAAA,SAAA,CAAU,KAAK,CAAA;AACf,UAAA,aAAA,CAAc,EAAE,CAAA;AAChB,UAAA;AAAA;AACJ,IACF,CAAA;AAAA,IACA,CAAC,QAAA,EAAU,MAAA,EAAQ,gBAAA,EAAkB,iBAAiB,kBAAkB;AAAA,GAC1E;AAGA,EAAA,MAAM,WAAA,GAAoBA,6BAAY,MAAM;AAC1C,IAAA,IAAI,CAAC,QAAA,EAAU;AAEb,MAAA,IAAI,gBAAgB,OAAA,EAAS;AAC3B,QAAA,eAAA,CAAgB,OAAA,GAAU,KAAA;AAC1B,QAAA;AAAA,MACF;AACA,MAAA,SAAA,CAAU,IAAI,CAAA;AAAA,IAChB;AAAA,EACF,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAGb,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,CAAC,MAAA,EAAQ;AAEb,IAAA,MAAM,kBAAA,GAAqB,CAAC,CAAA,KAAkB;AAC5C,MAAA,MAAM,SAAS,CAAA,CAAE,MAAA;AACjB,MAAA,IACE,WAAA,CAAY,OAAA,IACZ,CAAC,WAAA,CAAY,QAAQ,QAAA,CAAS,MAAM,CAAA,IACpC,QAAA,CAAS,WACT,CAAC,QAAA,CAAS,OAAA,CAAQ,QAAA,CAAS,MAAM,CAAA,EACjC;AACA,QAAA,SAAA,CAAU,KAAK,CAAA;AACf,QAAA,aAAA,CAAc,EAAE,CAAA;AAChB,QAAA,mBAAA,CAAoB,EAAE,CAAA;AAAA,MACxB;AAAA,IACF,CAAA;AAEA,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,kBAAkB,CAAA;AACzD,IAAA,OAAO,MAAM,QAAA,CAAS,mBAAA,CAAoB,WAAA,EAAa,kBAAkB,CAAA;AAAA,EAC3E,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAGX,EAAMA,2BAAU,MAAM;AACpB,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,YAAY,OAAA,EAAS;AACvB,QAAA,YAAA,CAAa,YAAY,OAAO,CAAA;AAAA,MAClC;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAGL,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,gBAAA,IAAoB,CAAA,IAAK,WAAA,CAAY,OAAA,EAAS;AAChD,MAAA,MAAM,MAAA,GAAS,YAAY,OAAA,CAAQ,aAAA;AAAA,QACjC,gBAAgB,gBAAgB,CAAA,EAAA;AAAA,OAClC;AACA,MAAA,MAAA,EAAQ,cAAA,CAAe,EAAE,KAAA,EAAO,SAAA,EAAW,CAAA;AAAA,IAC7C;AAAA,EACF,CAAA,EAAG,CAAC,gBAAgB,CAAC,CAAA;AAErB,EAAA,uBACEA,gBAAA,CAAA,aAAA,CAAC,SAAI,SAAA,EAAW,MAAA,CAAO,wBACrBA,gBAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,YAAA,EAAA,kBACrBA,gBAAA,CAAA,aAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACE,GAAG,UAAA;AAAA,MACJ,EAAA,EAAI,QAAA;AAAA,MACJ,GAAA,EAAK,QAAA;AAAA,MACL,SAAA,EAAWC,4BAAA,CAAa,MAAA,CAAO,KAAA,EAAO,WAAW,SAAS,CAAA;AAAA,MAC1D,KAAA,EAAO,YAAA;AAAA,MACP,QAAA,EAAU,iBAAA;AAAA,MACV,SAAA,EAAW,aAAA;AAAA,MACX,OAAA,EAAS,WAAA;AAAA,MACT,WAAA;AAAA,MACA,QAAA;AAAA,MACA,eAAA,EAAe,MAAA;AAAA,MACf,eAAA,EAAc,SAAA;AAAA,MACd,eAAA,EAAe,MAAA,GAAS,CAAA,EAAG,QAAQ,CAAA,QAAA,CAAA,GAAa,MAAA;AAAA,MAChD,mBAAA,EAAkB,MAAA;AAAA,MAClB,YAAA,iDACG,MAAA,EAAA,EAAK,SAAA,EAAW,OAAO,aAAA,EAAA,EACrB,SAAA,IAAa,cAAA,IAAkB,CAAC,QAAA,oBAC/BF,gBAAA,CAAA,aAAA;AAAA,QAACG,sBAAA;AAAA,QAAA;AAAA,UACC,UAAA,EAAW,QAAA;AAAA,UACX,IAAA,EAAK,OAAA;AAAA,UACL,IAAA,iDAAOC,yBAAA,EAAA,IAAe,CAAA;AAAA,UACtB,OAAA,EAAS,WAAA;AAAA,UACT,WAAW,MAAA,CAAO,UAAA;AAAA,UAClB,YAAA,EAAW;AAAA;AAAA,OACb,EAED,OAAA,mBACCJ,gBAAA,CAAA,aAAA,CAACK,uBAAA,EAAA,EAAQ,MAAK,MAAA,EAAO,CAAA,mBAErBL,gBAAA,CAAA,aAAA,CAAC,MAAA,EAAA,EAAK,WAAW,MAAA,CAAO,WAAA,EAAA,kBACtBA,gBAAA,CAAA,aAAA,CAACM,6BAAA,EAAA,IAAmB,CACtB,CAEJ;AAAA;AAAA,GAGN,CAAA,EAEC,MAAA,IAAU,CAAC,QAAA,oBACVN,gBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,GAAG,QAAQ,CAAA,QAAA,CAAA;AAAA,MACf,WAAW,MAAA,CAAO,QAAA;AAAA,MAClB,GAAA,EAAK,WAAA;AAAA,MACL,IAAA,EAAK,SAAA;AAAA,MACL,iBAAA,EAAiB;AAAA,KAAA;AAAA,IAEhB,MAAA,oBACCA,gBAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,aAAA,EAAA,kBACrBA,gBAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,MAAA,EAAA,EAAS,MAAO,CACzC,CAAA;AAAA,IAED,0BACCA,gBAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,oCACrBA,gBAAA,CAAA,aAAA,CAACK,uBAAA,EAAA,EAAQ,IAAA,EAAK,OAAA,EAAQ,OAAM,YAAA,EAAa,CAC3C,IACE,eAAA,CAAgB,MAAA,KAAW,oBAC7BL,gBAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,aAAY,gBAAiB,CAAA,mBAEpDA,gBAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,WAAW,MAAA,CAAO,gBAAA,EAAA,kBACrBA,gBAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAG,WAAW,MAAA,CAAO,WAAA,EAAA,EACnB,gBAAgB,GAAA,CAAI,CAAC,QAAQ,KAAA,KAAU;AACtC,MAAA,MAAM,UAAA,GAAa,YAAA,CAAa,GAAA,CAAI,MAAA,CAAO,GAAG,CAAA;AAC9C,MAAA,MAAM,UAAA,GAAa,MAAA,CAAO,OAAA,IAAW,MAAA,CAAO,QAAQ,MAAA,GAAS,CAAA;AAE7D,MAAA,MAAM,iBAAA,GAAoB,CAAC,CAAA,KAAwB;AACjD,QAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,QAAA,eAAA,CAAgB,CAAC,IAAA,KAAS;AACxB,UAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAI,IAAI,CAAA;AACzB,UAAA,IAAI,IAAA,CAAK,GAAA,CAAI,MAAA,CAAO,GAAG,CAAA,EAAG;AACxB,YAAA,IAAA,CAAK,MAAA,CAAO,OAAO,GAAG,CAAA;AAAA,UACxB,CAAA,MAAO;AACL,YAAA,IAAA,CAAK,GAAA,CAAI,OAAO,GAAG,CAAA;AAAA,UACrB;AACA,UAAA,OAAO,IAAA;AAAA,QACT,CAAC,CAAA;AAAA,MACH,CAAA;AAEA,MAAA,uBACEA,gBAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAG,GAAA,EAAK,MAAA,CAAO,GAAA,EAAA,kBACdA,gBAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAY,KAAA;AAAA,UACZ,eAAA,EAAe,OAAO,GAAA,KAAQ,WAAA;AAAA,UAC9B,iBAAe,MAAA,CAAO,QAAA;AAAA,UACtB,SAAA,EAAWE,4BAAA;AAAA,YACT,MAAA,CAAO,MAAA;AAAA,YACP,KAAA,KAAU,oBAAoB,MAAA,CAAO,iBAAA;AAAA,YACrC,MAAA,CAAO,GAAA,KAAQ,WAAA,IAAe,MAAA,CAAO,cAAA;AAAA,YACrC,MAAA,CAAO,YAAY,MAAA,CAAO;AAAA,WAC5B;AAAA,UACA,OAAA,EAAS,MAAM,kBAAA,CAAmB,MAAM,CAAA;AAAA,UACxC,YAAA,EAAc,MAAM,mBAAA,CAAoB,KAAK;AAAA,SAAA;AAAA,QAE5C,MAAA,CAAO,wBACNF,gBAAA,CAAA,aAAA,CAAC,MAAA,EAAA,EAAK,WAAW,MAAA,CAAO,UAAA,EAAA,EAAa,OAAO,IAAK,CAAA;AAAA,wBAEnDA,gBAAA,CAAA,aAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,aAAA,EAAA,kBACtBA,gBAAA,CAAA,aAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,UAAA,EAAA,EAAa,MAAA,CAAO,IAAK,GAChD,MAAA,CAAO,aAAA,oBACNA,gBAAA,CAAA,aAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,mBAAA,EAAA,EACrB,MAAA,CAAO,aACV,CAAA,EAED,UAAA,IAAc,UAAA,oBACbA,gBAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,iBACpB,MAAA,CAAO,OAAA,CAAS,GAAA,CAAI,CAAC,MAAA,EAAQ,WAAA,qBAC5BA,gBAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAK,WAAA,EAAa,SAAA,EAAW,MAAA,CAAO,eAAA,EAAA,EACtC,MAAA,CAAO,KAAA,oBACNA,gBAAA,CAAA,aAAA,CAAC,UAAK,SAAA,EAAW,MAAA,CAAO,iBAAA,EAAA,EACrB,MAAA,CAAO,KAAA,EAAM,GAChB,CAAA,kBAEFA,gBAAA,CAAA,aAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,iBAAA,EAAA,EACrB,MAAA,CAAO,KACV,CACF,CACD,CACH,CAEJ,CAAA;AAAA,QACC,UAAA,oBACCA,gBAAA,CAAA,aAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,QAAA,EAAU,EAAA;AAAA,YACV,SAAA,EAAWE,4BAAA;AAAA,cACT,MAAA,CAAO,kBAAA;AAAA,cACP,cAAc,MAAA,CAAO;AAAA,aACvB;AAAA,YACA,OAAA,EAAS,iBAAA;AAAA,YACT,YAAA,EAAY,aAAa,kBAAA,GAAqB;AAAA,WAAA;AAAA,yDAE7CI,6BAAA,EAAA,IAAmB;AAAA;AACtB,OAGN,CAAA;AAAA,IAEJ,CAAC,CACH,CACF,CAAA;AAAA,IAED,MAAA,oBACCN,gBAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,aAAA,EAAA,kBACrBA,gBAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,MAAA,EAAA,EAAS,MAAO,CACzC;AAAA,GAIR,CAAA;AAEJ;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"index.js","sourcesContent":["import { makeStyles, tokens, shorthands } from '@fluentui/react-components';\n\nexport const useLookupStyles = makeStyles({\n root: {\n position: 'relative',\n display: 'inline-flex',\n flexDirection: 'column',\n width: '100%',\n },\n\n inputWrapper: {\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n width: '100%',\n },\n\n input: {\n width: '100%',\n },\n\n iconContainer: {\n display: 'flex',\n alignItems: 'center',\n gap: '2px',\n },\n\n iconButton: {\n minWidth: '20px',\n minHeight: '20px',\n padding: '0',\n },\n\n chevronIcon: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '20px',\n height: '20px',\n },\n\n dropdown: {\n position: 'absolute',\n top: '100%',\n left: 0,\n right: 0,\n zIndex: 1000,\n marginTop: '4px',\n backgroundColor: tokens.colorNeutralBackground1,\n borderRadius: tokens.borderRadiusMedium,\n boxShadow: tokens.shadow16,\n ...shorthands.border('1px', 'solid', tokens.colorNeutralStroke1),\n maxHeight: '350px',\n display: 'flex',\n flexDirection: 'column',\n overflow: 'hidden',\n },\n\n optionsList: {\n listStyle: 'none',\n margin: 0,\n padding: '4px',\n },\n\n option: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'flex-start',\n padding: '8px 12px',\n cursor: 'pointer',\n borderRadius: tokens.borderRadiusSmall,\n backgroundColor: 'transparent',\n border: 'none',\n width: '100%',\n textAlign: 'left',\n gap: '8px',\n\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n },\n\n '&:focus': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n outline: `2px solid ${tokens.colorBrandStroke1}`,\n outlineOffset: '-2px',\n },\n },\n\n optionIcon: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '20px',\n height: '20px',\n flexShrink: 0,\n color: tokens.colorNeutralForeground3,\n },\n\n optionContent: {\n display: 'flex',\n flexDirection: 'column',\n flex: 1,\n minWidth: 0,\n },\n\n optionExpandButton: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '24px',\n height: '24px',\n flexShrink: 0,\n cursor: 'pointer',\n borderRadius: tokens.borderRadiusSmall,\n backgroundColor: 'transparent',\n border: 'none',\n color: tokens.colorNeutralForeground3,\n transition: 'transform 0.2s ease',\n\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n color: tokens.colorNeutralForeground1,\n },\n },\n\n optionExpandButtonExpanded: {\n transform: 'rotate(180deg)',\n },\n\n optionHighlighted: {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n },\n\n optionSelected: {\n backgroundColor: tokens.colorBrandBackground2,\n '&:hover': {\n backgroundColor: tokens.colorBrandBackground2Hover,\n },\n },\n\n optionDisabled: {\n cursor: 'not-allowed',\n opacity: 0.5,\n '&:hover': {\n backgroundColor: 'transparent',\n },\n },\n\n optionText: {\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightRegular,\n color: tokens.colorNeutralForeground1,\n },\n\n optionSecondaryText: {\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n color: tokens.colorNeutralForeground3,\n marginTop: '2px',\n },\n\n optionDetails: {\n display: 'flex',\n flexDirection: 'column',\n marginTop: '4px',\n paddingTop: '4px',\n borderTop: `1px solid ${tokens.colorNeutralStroke2}`,\n gap: '2px',\n },\n\n optionDetailRow: {\n display: 'flex',\n fontSize: tokens.fontSizeBase200,\n color: tokens.colorNeutralForeground3,\n gap: '4px',\n },\n\n optionDetailLabel: {\n color: tokens.colorNeutralForeground4,\n },\n\n optionDetailValue: {\n color: tokens.colorNeutralForeground3,\n },\n\n loadingContainer: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: '16px',\n },\n\n noResults: {\n padding: '16px',\n textAlign: 'center',\n color: tokens.colorNeutralForeground3,\n fontSize: tokens.fontSizeBase300,\n },\n\n headerWrapper: {\n padding: '2px',\n backgroundColor: tokens.colorNeutralBackground1,\n },\n\n header: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n borderRadius: tokens.borderRadiusMedium,\n padding: '4px 12px',\n backgroundColor: tokens.colorNeutralBackground3,\n backgroundImage: `repeating-linear-gradient(\n -45deg,\n transparent,\n transparent 1px,\n rgba(0, 0, 0, 0.02) 1px,\n rgba(0, 0, 0, 0.02) 2px\n )`,\n gap: '8px',\n },\n\n footerWrapper: {\n padding: '8px',\n paddingTop: '0',\n backgroundColor: tokens.colorNeutralBackground1,\n },\n\n footer: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n padding: '6px 12px',\n borderTop: `1px solid ${tokens.colorNeutralStroke2}`,\n backgroundColor: tokens.colorNeutralBackground1,\n fontSize: tokens.fontSizeBase200,\n color: tokens.colorNeutralForeground2,\n gap: '8px',\n },\n\n optionsContainer: {\n maxHeight: '250px',\n overflowY: 'auto',\n overflowX: 'hidden',\n },\n});\n","import * as React from 'react';\nimport {\n Input,\n Spinner,\n mergeClasses,\n Button,\n useId,\n} from '@fluentui/react-components';\nimport { SearchRegular, DismissRegular, ChevronDownRegular } from '@fluentui/react-icons';\nimport { useLookupStyles } from './Lookup.styles';\nimport type { LookupProps, LookupOption } from './Lookup.types';\n\nexport const Lookup: React.FC<LookupProps> = ({\n id,\n options = [],\n selectedKey,\n selectedOption: selectedOptionProp,\n onOptionSelect,\n onSearchChange,\n placeholder = 'Search...',\n loading = false,\n noResultsMessage = 'No results found',\n clearable = true,\n minSearchLength = 0,\n searchDebounceMs = 300,\n disabled,\n header,\n footer,\n ...inputProps\n}) => {\n const styles = useLookupStyles();\n \n // Generate unique ID for accessibility - use provided id or auto-generate\n const autoId = useId('lookup-');\n const lookupId = id ?? autoId;\n\n const [isOpen, setIsOpen] = React.useState(false);\n const [searchText, setSearchText] = React.useState('');\n const [highlightedIndex, setHighlightedIndex] = React.useState(-1);\n const [expandedKeys, setExpandedKeys] = React.useState<Set<string>>(new Set());\n const [internalSelectedOption, setInternalSelectedOption] = React.useState<LookupOption \| null>(null);\n\n const inputRef = React.useRef<HTMLInputElement>(null);\n const dropdownRef = React.useRef<HTMLDivElement>(null);\n const debounceRef = React.useRef<ReturnType<typeof setTimeout>>();\n const justSelectedRef = React.useRef(false);\n\n // Find the selected option - prefer props, fallback to internal state\n const selectedOption = React.useMemo(\n () => selectedOptionProp ?? options.find((opt) => opt.key === selectedKey) ?? internalSelectedOption,\n [selectedOptionProp, options, selectedKey, internalSelectedOption]\n );\n\n // Filter options based on search text\n const filteredOptions = React.useMemo(() => {\n if (!searchText \|\| searchText.length < minSearchLength) {\n return options;\n }\n const lowerSearch = searchText.toLowerCase();\n return options.filter(\n (opt) =>\n opt.text.toLowerCase().includes(lowerSearch) \|\|\n opt.secondaryText?.toLowerCase().includes(lowerSearch)\n );\n }, [options, searchText, minSearchLength]);\n\n // Display value in input\n const displayValue = React.useMemo(() => {\n if (isOpen) {\n return searchText;\n }\n return selectedOption?.text ?? '';\n }, [isOpen, searchText, selectedOption]);\n\n // Handle search text change with debounce\n const handleSearchChange = React.useCallback(\n (value: string) => {\n setSearchText(value);\n setHighlightedIndex(-1);\n\n if (debounceRef.current) {\n clearTimeout(debounceRef.current);\n }\n\n if (onSearchChange && value.length >= minSearchLength) {\n debounceRef.current = setTimeout(() => {\n onSearchChange(value);\n }, searchDebounceMs);\n }\n },\n [onSearchChange, minSearchLength, searchDebounceMs]\n );\n\n // Handle input change\n const handleInputChange = React.useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value;\n handleSearchChange(value);\n if (!isOpen) {\n setIsOpen(true);\n }\n },\n [handleSearchChange, isOpen]\n );\n\n // Handle option selection\n const handleSelectOption = React.useCallback(\n (option: LookupOption) => {\n if (option.disabled) return;\n\n justSelectedRef.current = true;\n setInternalSelectedOption(option);\n onOptionSelect?.(option);\n setSearchText('');\n setIsOpen(false);\n setHighlightedIndex(-1);\n inputRef.current?.focus();\n },\n [onOptionSelect]\n );\n\n // Handle clear\n const handleClear = React.useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n setInternalSelectedOption(null);\n onOptionSelect?.(null);\n setSearchText('');\n setHighlightedIndex(-1);\n inputRef.current?.focus();\n },\n [onOptionSelect]\n );\n\n // Handle keyboard navigation\n const handleKeyDown = React.useCallback(\n (e: React.KeyboardEvent) => {\n if (disabled) return;\n\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault();\n if (!isOpen) {\n setIsOpen(true);\n } else {\n setHighlightedIndex((prev) =>\n prev < filteredOptions.length - 1 ? prev + 1 : 0\n );\n }\n break;\n\n case 'ArrowUp':\n e.preventDefault();\n if (isOpen) {\n setHighlightedIndex((prev) =>\n prev > 0 ? prev - 1 : filteredOptions.length - 1\n );\n }\n break;\n\n case 'Enter':\n e.preventDefault();\n if (isOpen && highlightedIndex >= 0 && filteredOptions[highlightedIndex]) {\n handleSelectOption(filteredOptions[highlightedIndex]);\n }\n break;\n\n case 'Escape':\n e.preventDefault();\n setIsOpen(false);\n setSearchText('');\n setHighlightedIndex(-1);\n break;\n\n case 'Tab':\n setIsOpen(false);\n setSearchText('');\n break;\n }\n },\n [disabled, isOpen, highlightedIndex, filteredOptions, handleSelectOption]\n );\n\n // Handle input focus\n const handleFocus = React.useCallback(() => {\n if (!disabled) {\n // Don't reopen if we just selected an option\n if (justSelectedRef.current) {\n justSelectedRef.current = false;\n return;\n }\n setIsOpen(true);\n }\n }, [disabled]);\n\n // Handle click outside - only attach listener when dropdown is open\n React.useEffect(() => {\n if (!isOpen) return;\n \n const handleClickOutside = (e: MouseEvent) => {\n const target = e.target as Node;\n if (\n dropdownRef.current &&\n !dropdownRef.current.contains(target) &&\n inputRef.current &&\n !inputRef.current.contains(target)\n ) {\n setIsOpen(false);\n setSearchText('');\n setHighlightedIndex(-1);\n }\n };\n\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, [isOpen]);\n\n // Cleanup debounce on unmount\n React.useEffect(() => {\n return () => {\n if (debounceRef.current) {\n clearTimeout(debounceRef.current);\n }\n };\n }, []);\n\n // Scroll highlighted option into view\n React.useEffect(() => {\n if (highlightedIndex >= 0 && dropdownRef.current) {\n const option = dropdownRef.current.querySelector(\n `[data-index=\"${highlightedIndex}\"]`\n );\n option?.scrollIntoView({ block: 'nearest' });\n }\n }, [highlightedIndex]);\n\n return (\n <div className={styles.root}>\n <div className={styles.inputWrapper}>\n <Input\n {...inputProps}\n id={lookupId}\n ref={inputRef}\n className={mergeClasses(styles.input, inputProps.className)}\n value={displayValue}\n onChange={handleInputChange}\n onKeyDown={handleKeyDown}\n onFocus={handleFocus}\n placeholder={placeholder}\n disabled={disabled}\n aria-expanded={isOpen}\n aria-haspopup=\"listbox\"\n aria-controls={isOpen ? `${lookupId}-listbox` : undefined}\n aria-autocomplete=\"list\"\n contentAfter={\n <span className={styles.iconContainer}>\n {clearable && selectedOption && !disabled && (\n <Button\n appearance=\"subtle\"\n size=\"small\"\n icon={<DismissRegular />}\n onClick={handleClear}\n className={styles.iconButton}\n aria-label=\"Clear selection\"\n />\n )}\n {loading ? (\n <Spinner size=\"tiny\" />\n ) : (\n <span className={styles.chevronIcon}>\n <ChevronDownRegular />\n </span>\n )}\n </span>\n }\n />\n </div>\n\n {isOpen && !disabled && (\n <div\n id={`${lookupId}-listbox`}\n className={styles.dropdown}\n ref={dropdownRef}\n role=\"listbox\"\n aria-labelledby={lookupId}\n >\n {header && (\n <div className={styles.headerWrapper}>\n <div className={styles.header}>{header}</div>\n </div>\n )}\n {loading ? (\n <div className={styles.loadingContainer}>\n <Spinner size=\"small\" label=\"Loading...\" />\n </div>\n ) : filteredOptions.length === 0 ? (\n <div className={styles.noResults}>{noResultsMessage}</div>\n ) : (\n <div className={styles.optionsContainer}>\n <ul className={styles.optionsList}>\n {filteredOptions.map((option, index) => {\n const isExpanded = expandedKeys.has(option.key);\n const hasDetails = option.details && option.details.length > 0;\n\n const handleExpandClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n setExpandedKeys((prev) => {\n const next = new Set(prev);\n if (next.has(option.key)) {\n next.delete(option.key);\n } else {\n next.add(option.key);\n }\n return next;\n });\n };\n\n return (\n <li key={option.key}>\n <button\n type=\"button\"\n role=\"option\"\n data-index={index}\n aria-selected={option.key === selectedKey}\n aria-disabled={option.disabled}\n className={mergeClasses(\n styles.option,\n index === highlightedIndex && styles.optionHighlighted,\n option.key === selectedKey && styles.optionSelected,\n option.disabled && styles.optionDisabled\n )}\n onClick={() => handleSelectOption(option)}\n onMouseEnter={() => setHighlightedIndex(index)}\n >\n {option.icon && (\n <span className={styles.optionIcon}>{option.icon}</span>\n )}\n <span className={styles.optionContent}>\n <span className={styles.optionText}>{option.text}</span>\n {option.secondaryText && (\n <span className={styles.optionSecondaryText}>\n {option.secondaryText}\n </span>\n )}\n {isExpanded && hasDetails && (\n <div className={styles.optionDetails}>\n {option.details!.map((detail, detailIndex) => (\n <div key={detailIndex} className={styles.optionDetailRow}>\n {detail.label && (\n <span className={styles.optionDetailLabel}>\n {detail.label}:\n </span>\n )}\n <span className={styles.optionDetailValue}>\n {detail.value}\n </span>\n </div>\n ))}\n </div>\n )}\n </span>\n {hasDetails && (\n <span\n role=\"button\"\n tabIndex={-1}\n className={mergeClasses(\n styles.optionExpandButton,\n isExpanded && styles.optionExpandButtonExpanded\n )}\n onClick={handleExpandClick}\n aria-label={isExpanded ? 'Collapse details' : 'Expand details'}\n >\n <ChevronDownRegular />\n </span>\n )}\n </button>\n </li>\n );\n })}\n </ul>\n </div>\n )}\n {footer && (\n <div className={styles.footerWrapper}>\n <div className={styles.footer}>{footer}</div>\n </div>\n )}\n </div>\n )}\n </div>\n );\n};\n\nLookup.displayName = 'Lookup';\n"]}

package/dist/index.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { makeStyles, tokens, shorthands, Input, Button, Spinner, mergeClasses } from '@fluentui/react-components';
+import { makeStyles, tokens, shorthands, useId, Input, Button, Spinner, mergeClasses } from '@fluentui/react-components';
 import { DismissRegular, ChevronDownRegular } from '@fluentui/react-icons';
 // src/components/Lookup/Lookup.tsx
@@ -218,6 +218,7 @@ var useLookupStyles = makeStyles({
 // src/components/Lookup/Lookup.tsx
 var Lookup = ({
+  id,
   options = [],
   selectedKey,
   selectedOption: selectedOptionProp,
@@ -235,6 +236,8 @@ var Lookup = ({
   ...inputProps
 }) => {
   const styles = useLookupStyles();
+  const autoId = useId("lookup-");
+  const lookupId = id ?? autoId;
   const [isOpen, setIsOpen] = React.useState(false);
   const [searchText, setSearchText] = React.useState("");
   const [highlightedIndex, setHighlightedIndex] = React.useState(-1);
@@ -364,6 +367,7 @@ var Lookup = ({
     }
   }, [disabled]);
   React.useEffect(() => {
+    if (!isOpen) return;
     const handleClickOutside = (e) => {
       const target = e.target;
       if (dropdownRef.current && !dropdownRef.current.contains(target) && inputRef.current && !inputRef.current.contains(target)) {
@@ -374,7 +378,7 @@ var Lookup = ({
     };
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, []);
+  }, [isOpen]);
   React.useEffect(() => {
     return () => {
       if (debounceRef.current) {
@@ -394,6 +398,7 @@ var Lookup = ({
     Input,
     {
       ...inputProps,
+      id: lookupId,
       ref: inputRef,
       className: mergeClasses(styles.input, inputProps.className),
       value: displayValue,
@@ -402,6 +407,10 @@ var Lookup = ({
       onFocus: handleFocus,
       placeholder,
       disabled,
+      "aria-expanded": isOpen,
+      "aria-haspopup": "listbox",
+      "aria-controls": isOpen ? `${lookupId}-listbox` : void 0,
+      "aria-autocomplete": "list",
       contentAfter: /* @__PURE__ */ React.createElement("span", { className: styles.iconContainer }, clearable && selectedOption && !disabled && /* @__PURE__ */ React.createElement(
         Button,
         {
@@ -414,56 +423,68 @@ var Lookup = ({
         }
       ), loading ? /* @__PURE__ */ React.createElement(Spinner, { size: "tiny" }) : /* @__PURE__ */ React.createElement("span", { className: styles.chevronIcon }, /* @__PURE__ */ React.createElement(ChevronDownRegular, null)))
     }
-  )), isOpen && !disabled && /* @__PURE__ */ React.createElement("div", { className: styles.dropdown, ref: dropdownRef, role: "listbox" }, header && /* @__PURE__ */ React.createElement("div", { className: styles.headerWrapper }, /* @__PURE__ */ React.createElement("div", { className: styles.header }, header)), loading ? /* @__PURE__ */ React.createElement("div", { className: styles.loadingContainer }, /* @__PURE__ */ React.createElement(Spinner, { size: "small", label: "Loading..." })) : filteredOptions.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: styles.noResults }, noResultsMessage) : /* @__PURE__ */ React.createElement("div", { className: styles.optionsContainer }, /* @__PURE__ */ React.createElement("ul", { className: styles.optionsList }, filteredOptions.map((option, index) => {
-    const isExpanded = expandedKeys.has(option.key);
-    const hasDetails = option.details && option.details.length > 0;
-    const handleExpandClick = (e) => {
-      e.stopPropagation();
-      setExpandedKeys((prev) => {
-        const next = new Set(prev);
-        if (next.has(option.key)) {
-          next.delete(option.key);
-        } else {
-          next.add(option.key);
-        }
-        return next;
-      });
-    };
-    return /* @__PURE__ */ React.createElement("li", { key: option.key }, /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        role: "option",
-        "data-index": index,
-        "aria-selected": option.key === selectedKey,
-        "aria-disabled": option.disabled,
-        className: mergeClasses(
-          styles.option,
-          index === highlightedIndex && styles.optionHighlighted,
-          option.key === selectedKey && styles.optionSelected,
-          option.disabled && styles.optionDisabled
-        ),
-        onClick: () => handleSelectOption(option),
-        onMouseEnter: () => setHighlightedIndex(index)
-      },
-      option.icon && /* @__PURE__ */ React.createElement("span", { className: styles.optionIcon }, option.icon),
-      /* @__PURE__ */ React.createElement("span", { className: styles.optionContent }, /* @__PURE__ */ React.createElement("span", { className: styles.optionText }, option.text), option.secondaryText && /* @__PURE__ */ React.createElement("span", { className: styles.optionSecondaryText }, option.secondaryText), isExpanded && hasDetails && /* @__PURE__ */ React.createElement("div", { className: styles.optionDetails }, option.details.map((detail, detailIndex) => /* @__PURE__ */ React.createElement("div", { key: detailIndex, className: styles.optionDetailRow }, detail.label && /* @__PURE__ */ React.createElement("span", { className: styles.optionDetailLabel }, detail.label, ":"), /* @__PURE__ */ React.createElement("span", { className: styles.optionDetailValue }, detail.value))))),
-      hasDetails && /* @__PURE__ */ React.createElement(
-        "span",
+  )), isOpen && !disabled && /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      id: `${lookupId}-listbox`,
+      className: styles.dropdown,
+      ref: dropdownRef,
+      role: "listbox",
+      "aria-labelledby": lookupId
+    },
+    header && /* @__PURE__ */ React.createElement("div", { className: styles.headerWrapper }, /* @__PURE__ */ React.createElement("div", { className: styles.header }, header)),
+    loading ? /* @__PURE__ */ React.createElement("div", { className: styles.loadingContainer }, /* @__PURE__ */ React.createElement(Spinner, { size: "small", label: "Loading..." })) : filteredOptions.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: styles.noResults }, noResultsMessage) : /* @__PURE__ */ React.createElement("div", { className: styles.optionsContainer }, /* @__PURE__ */ React.createElement("ul", { className: styles.optionsList }, filteredOptions.map((option, index) => {
+      const isExpanded = expandedKeys.has(option.key);
+      const hasDetails = option.details && option.details.length > 0;
+      const handleExpandClick = (e) => {
+        e.stopPropagation();
+        setExpandedKeys((prev) => {
+          const next = new Set(prev);
+          if (next.has(option.key)) {
+            next.delete(option.key);
+          } else {
+            next.add(option.key);
+          }
+          return next;
+        });
+      };
+      return /* @__PURE__ */ React.createElement("li", { key: option.key }, /* @__PURE__ */ React.createElement(
+        "button",
         {
-          role: "button",
-          tabIndex: -1,
+          type: "button",
+          role: "option",
+          "data-index": index,
+          "aria-selected": option.key === selectedKey,
+          "aria-disabled": option.disabled,
           className: mergeClasses(
-            styles.optionExpandButton,
-            isExpanded && styles.optionExpandButtonExpanded
+            styles.option,
+            index === highlightedIndex && styles.optionHighlighted,
+            option.key === selectedKey && styles.optionSelected,
+            option.disabled && styles.optionDisabled
           ),
-          onClick: handleExpandClick,
-          "aria-label": isExpanded ? "Collapse details" : "Expand details"
+          onClick: () => handleSelectOption(option),
+          onMouseEnter: () => setHighlightedIndex(index)
         },
-        /* @__PURE__ */ React.createElement(ChevronDownRegular, null)
-      )
-    ));
-  }))), footer && /* @__PURE__ */ React.createElement("div", { className: styles.footerWrapper }, /* @__PURE__ */ React.createElement("div", { className: styles.footer }, footer))));
+        option.icon && /* @__PURE__ */ React.createElement("span", { className: styles.optionIcon }, option.icon),
+        /* @__PURE__ */ React.createElement("span", { className: styles.optionContent }, /* @__PURE__ */ React.createElement("span", { className: styles.optionText }, option.text), option.secondaryText && /* @__PURE__ */ React.createElement("span", { className: styles.optionSecondaryText }, option.secondaryText), isExpanded && hasDetails && /* @__PURE__ */ React.createElement("div", { className: styles.optionDetails }, option.details.map((detail, detailIndex) => /* @__PURE__ */ React.createElement("div", { key: detailIndex, className: styles.optionDetailRow }, detail.label && /* @__PURE__ */ React.createElement("span", { className: styles.optionDetailLabel }, detail.label, ":"), /* @__PURE__ */ React.createElement("span", { className: styles.optionDetailValue }, detail.value))))),
+        hasDetails && /* @__PURE__ */ React.createElement(
+          "span",
+          {
+            role: "button",
+            tabIndex: -1,
+            className: mergeClasses(
+              styles.optionExpandButton,
+              isExpanded && styles.optionExpandButtonExpanded
+            ),
+            onClick: handleExpandClick,
+            "aria-label": isExpanded ? "Collapse details" : "Expand details"
+          },
+          /* @__PURE__ */ React.createElement(ChevronDownRegular, null)
+        )
+      ));
+    }))),
+    footer && /* @__PURE__ */ React.createElement("div", { className: styles.footerWrapper }, /* @__PURE__ */ React.createElement("div", { className: styles.footer }, footer))
+  ));
 };
 Lookup.displayName = "Lookup";

package/dist/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Lookup/Lookup.styles.ts","../src/components/Lookup/Lookup.tsx"],"names":[],"mappings":"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","file":"index.mjs","sourcesContent":["import { makeStyles, tokens, shorthands } from '@fluentui/react-components';\n\nexport const useLookupStyles = makeStyles({\n root: {\n position: 'relative',\n display: 'inline-flex',\n flexDirection: 'column',\n width: '100%',\n },\n\n inputWrapper: {\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n width: '100%',\n },\n\n input: {\n width: '100%',\n },\n\n iconContainer: {\n display: 'flex',\n alignItems: 'center',\n gap: '2px',\n },\n\n iconButton: {\n minWidth: '20px',\n minHeight: '20px',\n padding: '0',\n },\n\n chevronIcon: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '20px',\n height: '20px',\n },\n\n dropdown: {\n position: 'absolute',\n top: '100%',\n left: 0,\n right: 0,\n zIndex: 1000,\n marginTop: '4px',\n backgroundColor: tokens.colorNeutralBackground1,\n borderRadius: tokens.borderRadiusMedium,\n boxShadow: tokens.shadow16,\n ...shorthands.border('1px', 'solid', tokens.colorNeutralStroke1),\n maxHeight: '350px',\n display: 'flex',\n flexDirection: 'column',\n overflow: 'hidden',\n },\n\n optionsList: {\n listStyle: 'none',\n margin: 0,\n padding: '4px',\n },\n\n option: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'flex-start',\n padding: '8px 12px',\n cursor: 'pointer',\n borderRadius: tokens.borderRadiusSmall,\n backgroundColor: 'transparent',\n border: 'none',\n width: '100%',\n textAlign: 'left',\n gap: '8px',\n\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n },\n\n '&:focus': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n outline: `2px solid ${tokens.colorBrandStroke1}`,\n outlineOffset: '-2px',\n },\n },\n\n optionIcon: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '20px',\n height: '20px',\n flexShrink: 0,\n color: tokens.colorNeutralForeground3,\n },\n\n optionContent: {\n display: 'flex',\n flexDirection: 'column',\n flex: 1,\n minWidth: 0,\n },\n\n optionExpandButton: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '24px',\n height: '24px',\n flexShrink: 0,\n cursor: 'pointer',\n borderRadius: tokens.borderRadiusSmall,\n backgroundColor: 'transparent',\n border: 'none',\n color: tokens.colorNeutralForeground3,\n transition: 'transform 0.2s ease',\n\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n color: tokens.colorNeutralForeground1,\n },\n },\n\n optionExpandButtonExpanded: {\n transform: 'rotate(180deg)',\n },\n\n optionHighlighted: {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n },\n\n optionSelected: {\n backgroundColor: tokens.colorBrandBackground2,\n '&:hover': {\n backgroundColor: tokens.colorBrandBackground2Hover,\n },\n },\n\n optionDisabled: {\n cursor: 'not-allowed',\n opacity: 0.5,\n '&:hover': {\n backgroundColor: 'transparent',\n },\n },\n\n optionText: {\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightRegular,\n color: tokens.colorNeutralForeground1,\n },\n\n optionSecondaryText: {\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n color: tokens.colorNeutralForeground3,\n marginTop: '2px',\n },\n\n optionDetails: {\n display: 'flex',\n flexDirection: 'column',\n marginTop: '4px',\n paddingTop: '4px',\n borderTop: `1px solid ${tokens.colorNeutralStroke2}`,\n gap: '2px',\n },\n\n optionDetailRow: {\n display: 'flex',\n fontSize: tokens.fontSizeBase200,\n color: tokens.colorNeutralForeground3,\n gap: '4px',\n },\n\n optionDetailLabel: {\n color: tokens.colorNeutralForeground4,\n },\n\n optionDetailValue: {\n color: tokens.colorNeutralForeground3,\n },\n\n loadingContainer: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: '16px',\n },\n\n noResults: {\n padding: '16px',\n textAlign: 'center',\n color: tokens.colorNeutralForeground3,\n fontSize: tokens.fontSizeBase300,\n },\n\n headerWrapper: {\n padding: '2px',\n backgroundColor: tokens.colorNeutralBackground1,\n },\n\n header: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n borderRadius: tokens.borderRadiusMedium,\n padding: '4px 12px',\n backgroundColor: tokens.colorNeutralBackground3,\n backgroundImage: `repeating-linear-gradient(\n -45deg,\n transparent,\n transparent 1px,\n rgba(0, 0, 0, 0.02) 1px,\n rgba(0, 0, 0, 0.02) 2px\n )`,\n gap: '8px',\n },\n\n footerWrapper: {\n padding: '8px',\n paddingTop: '0',\n backgroundColor: tokens.colorNeutralBackground1,\n },\n\n footer: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n padding: '6px 12px',\n borderTop: `1px solid ${tokens.colorNeutralStroke2}`,\n backgroundColor: tokens.colorNeutralBackground1,\n fontSize: tokens.fontSizeBase200,\n color: tokens.colorNeutralForeground2,\n gap: '8px',\n },\n\n optionsContainer: {\n maxHeight: '250px',\n overflowY: 'auto',\n overflowX: 'hidden',\n },\n});\n","import * as React from 'react';\nimport {\n Input,\n Spinner,\n mergeClasses,\n Button,\n} from '@fluentui/react-components';\nimport { SearchRegular, DismissRegular, ChevronDownRegular } from '@fluentui/react-icons';\nimport { useLookupStyles } from './Lookup.styles';\nimport type { LookupProps, LookupOption } from './Lookup.types';\n\nexport const Lookup: React.FC<LookupProps> = ({\n options = [],\n selectedKey,\n selectedOption: selectedOptionProp,\n onOptionSelect,\n onSearchChange,\n placeholder = 'Search...',\n loading = false,\n noResultsMessage = 'No results found',\n clearable = true,\n minSearchLength = 0,\n searchDebounceMs = 300,\n disabled,\n header,\n footer,\n ...inputProps\n}) => {\n const styles = useLookupStyles();\n\n const [isOpen, setIsOpen] = React.useState(false);\n const [searchText, setSearchText] = React.useState('');\n const [highlightedIndex, setHighlightedIndex] = React.useState(-1);\n const [expandedKeys, setExpandedKeys] = React.useState<Set<string>>(new Set());\n const [internalSelectedOption, setInternalSelectedOption] = React.useState<LookupOption \| null>(null);\n\n const inputRef = React.useRef<HTMLInputElement>(null);\n const dropdownRef = React.useRef<HTMLDivElement>(null);\n const debounceRef = React.useRef<ReturnType<typeof setTimeout>>();\n const justSelectedRef = React.useRef(false);\n\n // Find the selected option - prefer props, fallback to internal state\n const selectedOption = React.useMemo(\n () => selectedOptionProp ?? options.find((opt) => opt.key === selectedKey) ?? internalSelectedOption,\n [selectedOptionProp, options, selectedKey, internalSelectedOption]\n );\n\n // Filter options based on search text\n const filteredOptions = React.useMemo(() => {\n if (!searchText \|\| searchText.length < minSearchLength) {\n return options;\n }\n const lowerSearch = searchText.toLowerCase();\n return options.filter(\n (opt) =>\n opt.text.toLowerCase().includes(lowerSearch) \|\|\n opt.secondaryText?.toLowerCase().includes(lowerSearch)\n );\n }, [options, searchText, minSearchLength]);\n\n // Display value in input\n const displayValue = React.useMemo(() => {\n if (isOpen) {\n return searchText;\n }\n return selectedOption?.text ?? '';\n }, [isOpen, searchText, selectedOption]);\n\n // Handle search text change with debounce\n const handleSearchChange = React.useCallback(\n (value: string) => {\n setSearchText(value);\n setHighlightedIndex(-1);\n\n if (debounceRef.current) {\n clearTimeout(debounceRef.current);\n }\n\n if (onSearchChange && value.length >= minSearchLength) {\n debounceRef.current = setTimeout(() => {\n onSearchChange(value);\n }, searchDebounceMs);\n }\n },\n [onSearchChange, minSearchLength, searchDebounceMs]\n );\n\n // Handle input change\n const handleInputChange = React.useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value;\n handleSearchChange(value);\n if (!isOpen) {\n setIsOpen(true);\n }\n },\n [handleSearchChange, isOpen]\n );\n\n // Handle option selection\n const handleSelectOption = React.useCallback(\n (option: LookupOption) => {\n if (option.disabled) return;\n\n justSelectedRef.current = true;\n setInternalSelectedOption(option);\n onOptionSelect?.(option);\n setSearchText('');\n setIsOpen(false);\n setHighlightedIndex(-1);\n inputRef.current?.focus();\n },\n [onOptionSelect]\n );\n\n // Handle clear\n const handleClear = React.useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n setInternalSelectedOption(null);\n onOptionSelect?.(null);\n setSearchText('');\n setHighlightedIndex(-1);\n inputRef.current?.focus();\n },\n [onOptionSelect]\n );\n\n // Handle keyboard navigation\n const handleKeyDown = React.useCallback(\n (e: React.KeyboardEvent) => {\n if (disabled) return;\n\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault();\n if (!isOpen) {\n setIsOpen(true);\n } else {\n setHighlightedIndex((prev) =>\n prev < filteredOptions.length - 1 ? prev + 1 : 0\n );\n }\n break;\n\n case 'ArrowUp':\n e.preventDefault();\n if (isOpen) {\n setHighlightedIndex((prev) =>\n prev > 0 ? prev - 1 : filteredOptions.length - 1\n );\n }\n break;\n\n case 'Enter':\n e.preventDefault();\n if (isOpen && highlightedIndex >= 0 && filteredOptions[highlightedIndex]) {\n handleSelectOption(filteredOptions[highlightedIndex]);\n }\n break;\n\n case 'Escape':\n e.preventDefault();\n setIsOpen(false);\n setSearchText('');\n setHighlightedIndex(-1);\n break;\n\n case 'Tab':\n setIsOpen(false);\n setSearchText('');\n break;\n }\n },\n [disabled, isOpen, highlightedIndex, filteredOptions, handleSelectOption]\n );\n\n // Handle input focus\n const handleFocus = React.useCallback(() => {\n if (!disabled) {\n // Don't reopen if we just selected an option\n if (justSelectedRef.current) {\n justSelectedRef.current = false;\n return;\n }\n setIsOpen(true);\n }\n }, [disabled]);\n\n // Handle click outside\n React.useEffect(() => {\n const handleClickOutside = (e: MouseEvent) => {\n const target = e.target as Node;\n if (\n dropdownRef.current &&\n !dropdownRef.current.contains(target) &&\n inputRef.current &&\n !inputRef.current.contains(target)\n ) {\n setIsOpen(false);\n setSearchText('');\n setHighlightedIndex(-1);\n }\n };\n\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, []);\n\n // Cleanup debounce on unmount\n React.useEffect(() => {\n return () => {\n if (debounceRef.current) {\n clearTimeout(debounceRef.current);\n }\n };\n }, []);\n\n // Scroll highlighted option into view\n React.useEffect(() => {\n if (highlightedIndex >= 0 && dropdownRef.current) {\n const option = dropdownRef.current.querySelector(\n `[data-index=\"${highlightedIndex}\"]`\n );\n option?.scrollIntoView({ block: 'nearest' });\n }\n }, [highlightedIndex]);\n\n return (\n <div className={styles.root}>\n <div className={styles.inputWrapper}>\n <Input\n {...inputProps}\n ref={inputRef}\n className={mergeClasses(styles.input, inputProps.className)}\n value={displayValue}\n onChange={handleInputChange}\n onKeyDown={handleKeyDown}\n onFocus={handleFocus}\n placeholder={placeholder}\n disabled={disabled}\n contentAfter={\n <span className={styles.iconContainer}>\n {clearable && selectedOption && !disabled && (\n <Button\n appearance=\"subtle\"\n size=\"small\"\n icon={<DismissRegular />}\n onClick={handleClear}\n className={styles.iconButton}\n aria-label=\"Clear selection\"\n />\n )}\n {loading ? (\n <Spinner size=\"tiny\" />\n ) : (\n <span className={styles.chevronIcon}>\n <ChevronDownRegular />\n </span>\n )}\n </span>\n }\n />\n </div>\n\n {isOpen && !disabled && (\n <div className={styles.dropdown} ref={dropdownRef} role=\"listbox\">\n {header && (\n <div className={styles.headerWrapper}>\n <div className={styles.header}>{header}</div>\n </div>\n )}\n {loading ? (\n <div className={styles.loadingContainer}>\n <Spinner size=\"small\" label=\"Loading...\" />\n </div>\n ) : filteredOptions.length === 0 ? (\n <div className={styles.noResults}>{noResultsMessage}</div>\n ) : (\n <div className={styles.optionsContainer}>\n <ul className={styles.optionsList}>\n {filteredOptions.map((option, index) => {\n const isExpanded = expandedKeys.has(option.key);\n const hasDetails = option.details && option.details.length > 0;\n\n const handleExpandClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n setExpandedKeys((prev) => {\n const next = new Set(prev);\n if (next.has(option.key)) {\n next.delete(option.key);\n } else {\n next.add(option.key);\n }\n return next;\n });\n };\n\n return (\n <li key={option.key}>\n <button\n type=\"button\"\n role=\"option\"\n data-index={index}\n aria-selected={option.key === selectedKey}\n aria-disabled={option.disabled}\n className={mergeClasses(\n styles.option,\n index === highlightedIndex && styles.optionHighlighted,\n option.key === selectedKey && styles.optionSelected,\n option.disabled && styles.optionDisabled\n )}\n onClick={() => handleSelectOption(option)}\n onMouseEnter={() => setHighlightedIndex(index)}\n >\n {option.icon && (\n <span className={styles.optionIcon}>{option.icon}</span>\n )}\n <span className={styles.optionContent}>\n <span className={styles.optionText}>{option.text}</span>\n {option.secondaryText && (\n <span className={styles.optionSecondaryText}>\n {option.secondaryText}\n </span>\n )}\n {isExpanded && hasDetails && (\n <div className={styles.optionDetails}>\n {option.details!.map((detail, detailIndex) => (\n <div key={detailIndex} className={styles.optionDetailRow}>\n {detail.label && (\n <span className={styles.optionDetailLabel}>\n {detail.label}:\n </span>\n )}\n <span className={styles.optionDetailValue}>\n {detail.value}\n </span>\n </div>\n ))}\n </div>\n )}\n </span>\n {hasDetails && (\n <span\n role=\"button\"\n tabIndex={-1}\n className={mergeClasses(\n styles.optionExpandButton,\n isExpanded && styles.optionExpandButtonExpanded\n )}\n onClick={handleExpandClick}\n aria-label={isExpanded ? 'Collapse details' : 'Expand details'}\n >\n <ChevronDownRegular />\n </span>\n )}\n </button>\n </li>\n );\n })}\n </ul>\n </div>\n )}\n {footer && (\n <div className={styles.footerWrapper}>\n <div className={styles.footer}>{footer}</div>\n </div>\n )}\n </div>\n )}\n </div>\n );\n};\n\nLookup.displayName = 'Lookup';\n"]}
1	+ {"version":3,"sources":["../src/components/Lookup/Lookup.styles.ts","../src/components/Lookup/Lookup.tsx"],"names":[],"mappings":"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","file":"index.mjs","sourcesContent":["import { makeStyles, tokens, shorthands } from '@fluentui/react-components';\n\nexport const useLookupStyles = makeStyles({\n root: {\n position: 'relative',\n display: 'inline-flex',\n flexDirection: 'column',\n width: '100%',\n },\n\n inputWrapper: {\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n width: '100%',\n },\n\n input: {\n width: '100%',\n },\n\n iconContainer: {\n display: 'flex',\n alignItems: 'center',\n gap: '2px',\n },\n\n iconButton: {\n minWidth: '20px',\n minHeight: '20px',\n padding: '0',\n },\n\n chevronIcon: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '20px',\n height: '20px',\n },\n\n dropdown: {\n position: 'absolute',\n top: '100%',\n left: 0,\n right: 0,\n zIndex: 1000,\n marginTop: '4px',\n backgroundColor: tokens.colorNeutralBackground1,\n borderRadius: tokens.borderRadiusMedium,\n boxShadow: tokens.shadow16,\n ...shorthands.border('1px', 'solid', tokens.colorNeutralStroke1),\n maxHeight: '350px',\n display: 'flex',\n flexDirection: 'column',\n overflow: 'hidden',\n },\n\n optionsList: {\n listStyle: 'none',\n margin: 0,\n padding: '4px',\n },\n\n option: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'flex-start',\n padding: '8px 12px',\n cursor: 'pointer',\n borderRadius: tokens.borderRadiusSmall,\n backgroundColor: 'transparent',\n border: 'none',\n width: '100%',\n textAlign: 'left',\n gap: '8px',\n\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n },\n\n '&:focus': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n outline: `2px solid ${tokens.colorBrandStroke1}`,\n outlineOffset: '-2px',\n },\n },\n\n optionIcon: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '20px',\n height: '20px',\n flexShrink: 0,\n color: tokens.colorNeutralForeground3,\n },\n\n optionContent: {\n display: 'flex',\n flexDirection: 'column',\n flex: 1,\n minWidth: 0,\n },\n\n optionExpandButton: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '24px',\n height: '24px',\n flexShrink: 0,\n cursor: 'pointer',\n borderRadius: tokens.borderRadiusSmall,\n backgroundColor: 'transparent',\n border: 'none',\n color: tokens.colorNeutralForeground3,\n transition: 'transform 0.2s ease',\n\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n color: tokens.colorNeutralForeground1,\n },\n },\n\n optionExpandButtonExpanded: {\n transform: 'rotate(180deg)',\n },\n\n optionHighlighted: {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n },\n\n optionSelected: {\n backgroundColor: tokens.colorBrandBackground2,\n '&:hover': {\n backgroundColor: tokens.colorBrandBackground2Hover,\n },\n },\n\n optionDisabled: {\n cursor: 'not-allowed',\n opacity: 0.5,\n '&:hover': {\n backgroundColor: 'transparent',\n },\n },\n\n optionText: {\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightRegular,\n color: tokens.colorNeutralForeground1,\n },\n\n optionSecondaryText: {\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n color: tokens.colorNeutralForeground3,\n marginTop: '2px',\n },\n\n optionDetails: {\n display: 'flex',\n flexDirection: 'column',\n marginTop: '4px',\n paddingTop: '4px',\n borderTop: `1px solid ${tokens.colorNeutralStroke2}`,\n gap: '2px',\n },\n\n optionDetailRow: {\n display: 'flex',\n fontSize: tokens.fontSizeBase200,\n color: tokens.colorNeutralForeground3,\n gap: '4px',\n },\n\n optionDetailLabel: {\n color: tokens.colorNeutralForeground4,\n },\n\n optionDetailValue: {\n color: tokens.colorNeutralForeground3,\n },\n\n loadingContainer: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: '16px',\n },\n\n noResults: {\n padding: '16px',\n textAlign: 'center',\n color: tokens.colorNeutralForeground3,\n fontSize: tokens.fontSizeBase300,\n },\n\n headerWrapper: {\n padding: '2px',\n backgroundColor: tokens.colorNeutralBackground1,\n },\n\n header: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n borderRadius: tokens.borderRadiusMedium,\n padding: '4px 12px',\n backgroundColor: tokens.colorNeutralBackground3,\n backgroundImage: `repeating-linear-gradient(\n -45deg,\n transparent,\n transparent 1px,\n rgba(0, 0, 0, 0.02) 1px,\n rgba(0, 0, 0, 0.02) 2px\n )`,\n gap: '8px',\n },\n\n footerWrapper: {\n padding: '8px',\n paddingTop: '0',\n backgroundColor: tokens.colorNeutralBackground1,\n },\n\n footer: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n padding: '6px 12px',\n borderTop: `1px solid ${tokens.colorNeutralStroke2}`,\n backgroundColor: tokens.colorNeutralBackground1,\n fontSize: tokens.fontSizeBase200,\n color: tokens.colorNeutralForeground2,\n gap: '8px',\n },\n\n optionsContainer: {\n maxHeight: '250px',\n overflowY: 'auto',\n overflowX: 'hidden',\n },\n});\n","import * as React from 'react';\nimport {\n Input,\n Spinner,\n mergeClasses,\n Button,\n useId,\n} from '@fluentui/react-components';\nimport { SearchRegular, DismissRegular, ChevronDownRegular } from '@fluentui/react-icons';\nimport { useLookupStyles } from './Lookup.styles';\nimport type { LookupProps, LookupOption } from './Lookup.types';\n\nexport const Lookup: React.FC<LookupProps> = ({\n id,\n options = [],\n selectedKey,\n selectedOption: selectedOptionProp,\n onOptionSelect,\n onSearchChange,\n placeholder = 'Search...',\n loading = false,\n noResultsMessage = 'No results found',\n clearable = true,\n minSearchLength = 0,\n searchDebounceMs = 300,\n disabled,\n header,\n footer,\n ...inputProps\n}) => {\n const styles = useLookupStyles();\n \n // Generate unique ID for accessibility - use provided id or auto-generate\n const autoId = useId('lookup-');\n const lookupId = id ?? autoId;\n\n const [isOpen, setIsOpen] = React.useState(false);\n const [searchText, setSearchText] = React.useState('');\n const [highlightedIndex, setHighlightedIndex] = React.useState(-1);\n const [expandedKeys, setExpandedKeys] = React.useState<Set<string>>(new Set());\n const [internalSelectedOption, setInternalSelectedOption] = React.useState<LookupOption \| null>(null);\n\n const inputRef = React.useRef<HTMLInputElement>(null);\n const dropdownRef = React.useRef<HTMLDivElement>(null);\n const debounceRef = React.useRef<ReturnType<typeof setTimeout>>();\n const justSelectedRef = React.useRef(false);\n\n // Find the selected option - prefer props, fallback to internal state\n const selectedOption = React.useMemo(\n () => selectedOptionProp ?? options.find((opt) => opt.key === selectedKey) ?? internalSelectedOption,\n [selectedOptionProp, options, selectedKey, internalSelectedOption]\n );\n\n // Filter options based on search text\n const filteredOptions = React.useMemo(() => {\n if (!searchText \|\| searchText.length < minSearchLength) {\n return options;\n }\n const lowerSearch = searchText.toLowerCase();\n return options.filter(\n (opt) =>\n opt.text.toLowerCase().includes(lowerSearch) \|\|\n opt.secondaryText?.toLowerCase().includes(lowerSearch)\n );\n }, [options, searchText, minSearchLength]);\n\n // Display value in input\n const displayValue = React.useMemo(() => {\n if (isOpen) {\n return searchText;\n }\n return selectedOption?.text ?? '';\n }, [isOpen, searchText, selectedOption]);\n\n // Handle search text change with debounce\n const handleSearchChange = React.useCallback(\n (value: string) => {\n setSearchText(value);\n setHighlightedIndex(-1);\n\n if (debounceRef.current) {\n clearTimeout(debounceRef.current);\n }\n\n if (onSearchChange && value.length >= minSearchLength) {\n debounceRef.current = setTimeout(() => {\n onSearchChange(value);\n }, searchDebounceMs);\n }\n },\n [onSearchChange, minSearchLength, searchDebounceMs]\n );\n\n // Handle input change\n const handleInputChange = React.useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value;\n handleSearchChange(value);\n if (!isOpen) {\n setIsOpen(true);\n }\n },\n [handleSearchChange, isOpen]\n );\n\n // Handle option selection\n const handleSelectOption = React.useCallback(\n (option: LookupOption) => {\n if (option.disabled) return;\n\n justSelectedRef.current = true;\n setInternalSelectedOption(option);\n onOptionSelect?.(option);\n setSearchText('');\n setIsOpen(false);\n setHighlightedIndex(-1);\n inputRef.current?.focus();\n },\n [onOptionSelect]\n );\n\n // Handle clear\n const handleClear = React.useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n setInternalSelectedOption(null);\n onOptionSelect?.(null);\n setSearchText('');\n setHighlightedIndex(-1);\n inputRef.current?.focus();\n },\n [onOptionSelect]\n );\n\n // Handle keyboard navigation\n const handleKeyDown = React.useCallback(\n (e: React.KeyboardEvent) => {\n if (disabled) return;\n\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault();\n if (!isOpen) {\n setIsOpen(true);\n } else {\n setHighlightedIndex((prev) =>\n prev < filteredOptions.length - 1 ? prev + 1 : 0\n );\n }\n break;\n\n case 'ArrowUp':\n e.preventDefault();\n if (isOpen) {\n setHighlightedIndex((prev) =>\n prev > 0 ? prev - 1 : filteredOptions.length - 1\n );\n }\n break;\n\n case 'Enter':\n e.preventDefault();\n if (isOpen && highlightedIndex >= 0 && filteredOptions[highlightedIndex]) {\n handleSelectOption(filteredOptions[highlightedIndex]);\n }\n break;\n\n case 'Escape':\n e.preventDefault();\n setIsOpen(false);\n setSearchText('');\n setHighlightedIndex(-1);\n break;\n\n case 'Tab':\n setIsOpen(false);\n setSearchText('');\n break;\n }\n },\n [disabled, isOpen, highlightedIndex, filteredOptions, handleSelectOption]\n );\n\n // Handle input focus\n const handleFocus = React.useCallback(() => {\n if (!disabled) {\n // Don't reopen if we just selected an option\n if (justSelectedRef.current) {\n justSelectedRef.current = false;\n return;\n }\n setIsOpen(true);\n }\n }, [disabled]);\n\n // Handle click outside - only attach listener when dropdown is open\n React.useEffect(() => {\n if (!isOpen) return;\n \n const handleClickOutside = (e: MouseEvent) => {\n const target = e.target as Node;\n if (\n dropdownRef.current &&\n !dropdownRef.current.contains(target) &&\n inputRef.current &&\n !inputRef.current.contains(target)\n ) {\n setIsOpen(false);\n setSearchText('');\n setHighlightedIndex(-1);\n }\n };\n\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, [isOpen]);\n\n // Cleanup debounce on unmount\n React.useEffect(() => {\n return () => {\n if (debounceRef.current) {\n clearTimeout(debounceRef.current);\n }\n };\n }, []);\n\n // Scroll highlighted option into view\n React.useEffect(() => {\n if (highlightedIndex >= 0 && dropdownRef.current) {\n const option = dropdownRef.current.querySelector(\n `[data-index=\"${highlightedIndex}\"]`\n );\n option?.scrollIntoView({ block: 'nearest' });\n }\n }, [highlightedIndex]);\n\n return (\n <div className={styles.root}>\n <div className={styles.inputWrapper}>\n <Input\n {...inputProps}\n id={lookupId}\n ref={inputRef}\n className={mergeClasses(styles.input, inputProps.className)}\n value={displayValue}\n onChange={handleInputChange}\n onKeyDown={handleKeyDown}\n onFocus={handleFocus}\n placeholder={placeholder}\n disabled={disabled}\n aria-expanded={isOpen}\n aria-haspopup=\"listbox\"\n aria-controls={isOpen ? `${lookupId}-listbox` : undefined}\n aria-autocomplete=\"list\"\n contentAfter={\n <span className={styles.iconContainer}>\n {clearable && selectedOption && !disabled && (\n <Button\n appearance=\"subtle\"\n size=\"small\"\n icon={<DismissRegular />}\n onClick={handleClear}\n className={styles.iconButton}\n aria-label=\"Clear selection\"\n />\n )}\n {loading ? (\n <Spinner size=\"tiny\" />\n ) : (\n <span className={styles.chevronIcon}>\n <ChevronDownRegular />\n </span>\n )}\n </span>\n }\n />\n </div>\n\n {isOpen && !disabled && (\n <div\n id={`${lookupId}-listbox`}\n className={styles.dropdown}\n ref={dropdownRef}\n role=\"listbox\"\n aria-labelledby={lookupId}\n >\n {header && (\n <div className={styles.headerWrapper}>\n <div className={styles.header}>{header}</div>\n </div>\n )}\n {loading ? (\n <div className={styles.loadingContainer}>\n <Spinner size=\"small\" label=\"Loading...\" />\n </div>\n ) : filteredOptions.length === 0 ? (\n <div className={styles.noResults}>{noResultsMessage}</div>\n ) : (\n <div className={styles.optionsContainer}>\n <ul className={styles.optionsList}>\n {filteredOptions.map((option, index) => {\n const isExpanded = expandedKeys.has(option.key);\n const hasDetails = option.details && option.details.length > 0;\n\n const handleExpandClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n setExpandedKeys((prev) => {\n const next = new Set(prev);\n if (next.has(option.key)) {\n next.delete(option.key);\n } else {\n next.add(option.key);\n }\n return next;\n });\n };\n\n return (\n <li key={option.key}>\n <button\n type=\"button\"\n role=\"option\"\n data-index={index}\n aria-selected={option.key === selectedKey}\n aria-disabled={option.disabled}\n className={mergeClasses(\n styles.option,\n index === highlightedIndex && styles.optionHighlighted,\n option.key === selectedKey && styles.optionSelected,\n option.disabled && styles.optionDisabled\n )}\n onClick={() => handleSelectOption(option)}\n onMouseEnter={() => setHighlightedIndex(index)}\n >\n {option.icon && (\n <span className={styles.optionIcon}>{option.icon}</span>\n )}\n <span className={styles.optionContent}>\n <span className={styles.optionText}>{option.text}</span>\n {option.secondaryText && (\n <span className={styles.optionSecondaryText}>\n {option.secondaryText}\n </span>\n )}\n {isExpanded && hasDetails && (\n <div className={styles.optionDetails}>\n {option.details!.map((detail, detailIndex) => (\n <div key={detailIndex} className={styles.optionDetailRow}>\n {detail.label && (\n <span className={styles.optionDetailLabel}>\n {detail.label}:\n </span>\n )}\n <span className={styles.optionDetailValue}>\n {detail.value}\n </span>\n </div>\n ))}\n </div>\n )}\n </span>\n {hasDetails && (\n <span\n role=\"button\"\n tabIndex={-1}\n className={mergeClasses(\n styles.optionExpandButton,\n isExpanded && styles.optionExpandButtonExpanded\n )}\n onClick={handleExpandClick}\n aria-label={isExpanded ? 'Collapse details' : 'Expand details'}\n >\n <ChevronDownRegular />\n </span>\n )}\n </button>\n </li>\n );\n })}\n </ul>\n </div>\n )}\n {footer && (\n <div className={styles.footerWrapper}>\n <div className={styles.footer}>{footer}</div>\n </div>\n )}\n </div>\n )}\n </div>\n );\n};\n\nLookup.displayName = 'Lookup';\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "fluentui-extended",
-  "version": "2026.2.2",
+  "version": "2026.2.4",
   "description": "Extended Fluent UI v9 components styled after Dynamics 365 - Lookup with async search, expandable details, and more",
   "main": "dist/index.js",
   "module": "dist/index.mjs",