@ifhover/leaf-ui 0.6.0 → 0.7.0

package/README.md

@@ -51,7 +51,7 @@ Browser component entries automatically load theme variables, shared popup style
 - Alert: inline success, info, warning and error feedback.
 - Message / useMessage: transient feedback, loading and keyed updates.
 - Layout / Grid / Row / Col / Space / ScrollArea / Masonry: page structure, responsive columns, spacing and scrolling.
-- Segmented / Menu / BackTop: compact selection, nested navigation and scroll-to-top.
+- Tabs / Menu / BackTop: content and view switching, nested navigation and scroll-to-top.
 - Descriptions / Timeline / QRCode: details, event histories, QR codes.
 - Image / ImagePreview / ImagePreviewGroup: loading and error states, zoom, galleries, thumbnails and fullscreen.
 - VirtualList / InfiniteScroll: measured virtual rows and abortable loading.

package/dist/cjs/autocomplete/autocomplete.cjs

@@ -46,7 +46,7 @@ const floating_feedback_cjs_namespaceObject = require("../shared/floating-feedba
 const floating_highlight_cjs_namespaceObject = require("../shared/floating-highlight.cjs");
 const use_formatted_text_cjs_namespaceObject = require("../shared/use-formatted-text.cjs");
 const autocomplete_AutoComplete = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, forwardedRef) {
-    const { options: entries, value, defaultValue = '', size = 'md', status: statusProp, filterOption, disabled: disabledProp, readOnly, className, style, form, onChange, onSelect, onSearch, open: controlledOpen, defaultOpen, onOpenChange, loading, notFoundContent, errorContent, optionRender, allowClear, virtual: virtualProp, listHeight = 248, optionHeight: optionHeightProp, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, onKeyDown, onFocus, autoComplete = 'off', 'aria-label': ariaLabel, 'aria-invalid': ariaInvalid, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('AutoComplete', rawProps);
+    const { options: entries, value, defaultValue = '', size = 'md', status: statusProp, filterOption, disabled: disabledProp, readOnly, className, style, form, onChange, onSelect, onSearch, open: controlledOpen, defaultOpen, onOpenChange, loading, notFoundContent, errorContent, optionRender, allowClear, virtual: virtualProp, listHeight = 248, optionHeight: optionHeightProp, popupWidth = 'trigger', popupMaxWidth, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, onKeyDown, onFocus, autoComplete = 'off', 'aria-label': ariaLabel, 'aria-invalid': ariaInvalid, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('AutoComplete', rawProps);
     const field = (0, form_cjs_namespaceObject.useFormField)();
     const disabled = disabledProp || field?.disabled;
     const status = statusProp ?? (field?.error ? 'error' : void 0);
@@ -54,6 +54,7 @@ const autocomplete_AutoComplete = /*#__PURE__*/ (0, external_react_namespaceObje
     const format = (0, use_formatted_text_cjs_namespaceObject.useFormattedText)();
     const optionHeight = optionHeightProp ?? Math.max(24, (0, external_density_cjs_namespaceObject.estimateControlHeight)(theme, density) - 4);
     const inputRef = (0, external_react_namespaceObject.useRef)(null);
+    const rootRef = (0, external_react_namespaceObject.useRef)(null);
     const panelRef = (0, external_react_namespaceObject.useRef)(null);
     const ref = (0, field_cjs_namespaceObject.useMergedRef)(inputRef, forwardedRef);
     const [text, setText] = (0, field_cjs_namespaceObject.useFieldValue)(value, defaultValue, inputRef, form);
@@ -129,6 +130,7 @@ const autocomplete_AutoComplete = /*#__PURE__*/ (0, external_react_namespaceObje
         }
     };
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ref: rootRef,
         className: (0, classes_cjs_namespaceObject.classes)('leaf-autocomplete', `leaf-autocomplete--${size}`, className),
         style: style,
         "data-status": status,
@@ -201,9 +203,11 @@ const autocomplete_AutoComplete = /*#__PURE__*/ (0, external_react_namespaceObje
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(floating_cjs_namespaceObject.FloatingPanel, {
                 open: expanded,
-                triggerRef: inputRef,
+                triggerRef: rootRef,
                 panelRef: panelRef,
-                matchWidth: true,
+                matchWidth: 'trigger' === popupWidth,
+                width: 'trigger' === popupWidth ? void 0 : 'auto' === popupWidth ? 'max-content' : popupWidth,
+                maxWidth: popupMaxWidth,
                 ...hasSuggestions ? listboxProps : {},
                 className: (0, classes_cjs_namespaceObject.classes)('leaf-floating', 'leaf-autocomplete__panel', popupClassName),
                 "data-hover-motion": "",

package/dist/cjs/autocomplete/autocomplete.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete/autocomplete.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/autocomplete/autocomplete.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { useVirtualizer } from '@tanstack/react-virtual';\nimport {\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { estimateControlHeight } from '../density';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { ClearButton } from '../shared/clear-button';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport type { PopupOptions } from '../shared/floating';\nimport {\n  FloatingPanel,\n  useActiveOption,\n  useFloatingDismiss,\n  usePopupState,\n} from '../shared/floating';\nimport { FloatingFeedback } from '../shared/floating-feedback';\nimport { FloatingHighlight, useFloatingHighlight } from '../shared/floating-highlight';\nimport type { ControlSize, ControlStatus } from '../shared/types';\nimport { useFormattedText } from '../shared/use-formatted-text';\n\nexport interface AutoCompleteOption {\n  value: string;\n  label?: ReactNode;\n  searchLabel?: string;\n  disabled?: boolean;\n}\nexport interface AutoCompleteOptionGroup {\n  label: ReactNode;\n  options: readonly AutoCompleteOption[];\n}\n\nexport interface AutoCompleteProps\n  extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'size' | 'value' | 'defaultValue' | 'onChange' | 'onSelect' | 'type' | 'list' | 'children'\n  > {\n  options: readonly (AutoCompleteOption | AutoCompleteOptionGroup)[];\n  value?: string;\n  defaultValue?: string;\n  size?: ControlSize;\n  status?: ControlStatus;\n  filterOption?: false | ((query: string, option: AutoCompleteOption) => boolean);\n  onChange?: (value: string) => void;\n  onSelect?: (value: string, option: AutoCompleteOption) => void;\n  onSearch?: (query: string) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  loading?: boolean;\n  notFoundContent?: ReactNode;\n  errorContent?: ReactNode;\n  optionRender?: (option: AutoCompleteOption) => ReactNode;\n  allowClear?: boolean;\n  virtual?: boolean;\n  listHeight?: number;\n  optionHeight?: number;\n  popupPlacement?: PopupOptions['popupPlacement'];\n  popupClassName?: string;\n  popupStyle?: PopupOptions['popupStyle'];\n  popupRender?: PopupOptions['popupRender'];\n  getPopupContainer?: PopupOptions['getPopupContainer'];\n}\n\nexport const AutoComplete = forwardRef<HTMLInputElement, AutoCompleteProps>(function AutoComplete(\n  rawProps: AutoCompleteProps,\n  forwardedRef,\n) {\n  const {\n    options: entries,\n    value,\n    defaultValue = '',\n    size = 'md',\n    status: statusProp,\n    filterOption,\n    disabled: disabledProp,\n    readOnly,\n    className,\n    style,\n    form,\n    onChange,\n    onSelect,\n    onSearch,\n    open: controlledOpen,\n    defaultOpen,\n    onOpenChange,\n    loading,\n    notFoundContent,\n    errorContent,\n    optionRender,\n    allowClear,\n    virtual: virtualProp,\n    listHeight = 248,\n    optionHeight: optionHeightProp,\n    popupPlacement,\n    popupClassName,\n    popupStyle,\n    popupRender,\n    getPopupContainer,\n    onKeyDown,\n    onFocus,\n    autoComplete = 'off',\n    'aria-label': ariaLabel,\n    'aria-invalid': ariaInvalid,\n    ...props\n  } = useComponentProps('AutoComplete', rawProps);\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  const status = statusProp ?? (field?.error ? 'error' : undefined);\n  const { messages, theme, density } = useLeafConfig();\n  const format = useFormattedText();\n  const optionHeight = optionHeightProp ?? Math.max(24, estimateControlHeight(theme, density) - 4);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const ref = useMergedRef(inputRef, forwardedRef);\n  const [text, setText] = useFieldValue(value, defaultValue, inputRef, form);\n  const [open, setOpen] = usePopupState(\n    disabled || readOnly,\n    onOpenChange,\n    controlledOpen,\n    defaultOpen,\n  );\n  const [active, setActive] = useState(-1);\n  const listId = `${useId()}-suggestions`;\n  const options = entries.flatMap((entry) => ('options' in entry ? [...entry.options] : [entry]));\n  const groups = new Map(\n    entries.flatMap((entry) =>\n      'options' in entry ? entry.options.map((option) => [option.value, entry.label] as const) : [],\n    ),\n  );\n  const visibleOptions = options.filter((option) => {\n    if (filterOption === false) return true;\n    if (filterOption) return filterOption(text, option);\n    return (option.searchLabel ?? (typeof option.label === 'string' ? option.label : option.value))\n      .toLocaleLowerCase()\n      .includes(text.toLocaleLowerCase());\n  });\n  const virtual = virtualProp ?? visibleOptions.length > 100;\n  const virtualizer = useVirtualizer({\n    count: visibleOptions.length,\n    getScrollElement: () => panelRef.current,\n    estimateSize: () => optionHeight,\n    enabled: open && virtual,\n    initialRect: { height: listHeight, width: 240 },\n    overscan: 5,\n  });\n  useEffect(() => {\n    if (open && virtual && active >= 0) virtualizer.scrollToIndex(active, { align: 'auto' });\n  }, [open, virtual, active, virtualizer]);\n  const expanded = open && !disabled && !readOnly;\n  const hasSuggestions = visibleOptions.length > 0 && !errorContent;\n  const listboxProps = {\n    id: listId,\n    role: 'listbox' as const,\n    'aria-busy': loading || undefined,\n    'aria-label': ariaLabel\n      ? format('autoComplete.suggestions', { label: ariaLabel })\n      : messages.autoComplete.empty,\n  };\n  useFloatingDismiss(expanded, () => setOpen(false), inputRef, panelRef);\n  useActiveOption(expanded, visibleOptions[active] ? `${listId}-${active}` : undefined, panelRef);\n  const highlight = useFloatingHighlight(\n    expanded,\n    panelRef,\n    visibleOptions[active] ? `${listId}-${active}` : undefined,\n    `${text}:${visibleOptions[active]?.value}:${visibleOptions.length}:${virtualizer.range?.startIndex}:${virtualizer.range?.endIndex}`,\n  );\n\n  const select = (option: AutoCompleteOption) => {\n    if (option.disabled || readOnly || disabled) return;\n    setText(option.value);\n    onChange?.(option.value);\n    onSelect?.(option.value, option);\n    setOpen(false);\n    setActive(-1);\n    inputRef.current?.focus();\n  };\n\n  const move = (direction: number) => {\n    let index = active < 0 ? (direction > 0 ? -1 : visibleOptions.length) : active;\n    for (let step = 0; step < visibleOptions.length; step += 1) {\n      index = (index + direction + visibleOptions.length) % visibleOptions.length;\n      if (!visibleOptions[index]?.disabled) {\n        setActive(index);\n        break;\n      }\n    }\n  };\n\n  return (\n    <div\n      className={classes('leaf-autocomplete', `leaf-autocomplete--${size}`, className)}\n      style={style}\n      data-status={status}\n      data-disabled={disabled ? '' : undefined}\n      data-open={open ? '' : undefined}\n      data-clearable={allowClear && text && !disabled && !readOnly ? '' : undefined}\n    >\n      <input\n        {...props}\n        id={props.id ?? field?.id}\n        required={props.required ?? field?.required}\n        aria-describedby={\n          [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n        }\n        ref={ref}\n        type=\"text\"\n        form={form}\n        className=\"leaf-autocomplete__input\"\n        disabled={disabled}\n        readOnly={readOnly}\n        value={text}\n        autoComplete={autoComplete}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-expanded={expanded}\n        aria-haspopup=\"listbox\"\n        aria-controls={listId}\n        aria-activedescendant={\n          expanded && visibleOptions[active] ? `${listId}-${active}` : undefined\n        }\n        aria-label={ariaLabel}\n        aria-invalid={status === 'error' ? true : ariaInvalid}\n        onFocus={(event) => {\n          onFocus?.(event);\n          if (!event.defaultPrevented && !readOnly) setOpen(true);\n        }}\n        onChange={(event) => {\n          const next = event.target.value;\n          setText(next);\n          setActive(-1);\n          setOpen(true);\n          onChange?.(next);\n          onSearch?.(next);\n        }}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          if (event.defaultPrevented || event.nativeEvent.isComposing || readOnly) return;\n          if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n            event.preventDefault();\n            setOpen(true);\n            move(event.key === 'ArrowDown' ? 1 : -1);\n          } else if (event.key === 'Enter' && expanded && visibleOptions[active]) {\n            event.preventDefault();\n            const option = visibleOptions[active];\n            if (option) select(option);\n          } else if (event.key === 'Escape') {\n            event.preventDefault();\n            event.stopPropagation();\n            setOpen(false);\n          } else if (event.key === 'Tab') setOpen(false);\n        }}\n      />\n      {allowClear && text && !disabled && !readOnly && (\n        <ClearButton\n          label={messages.input.clear}\n          onClear={() => {\n            setText('');\n            onChange?.('');\n            onSearch?.('');\n            inputRef.current?.focus();\n          }}\n        />\n      )}\n      <FloatingPanel\n        open={expanded}\n        triggerRef={inputRef}\n        panelRef={panelRef}\n        matchWidth\n        {...(hasSuggestions ? listboxProps : {})}\n        className={classes('leaf-floating', 'leaf-autocomplete__panel', popupClassName)}\n        data-hover-motion=\"\"\n        data-selection=\"candidate\"\n        placement={popupPlacement}\n        style={{ maxHeight: listHeight, ...popupStyle }}\n        container={getPopupContainer}\n        render={popupRender}\n      >\n        {!hasSuggestions && <div {...listboxProps} />}\n        <FloatingHighlight style={highlight} />\n        {loading && !visibleOptions.length ? (\n          <FloatingFeedback loading>{messages.common.loading}</FloatingFeedback>\n        ) : errorContent ? (\n          <div className=\"leaf-floating__empty\" role=\"alert\">\n            {errorContent}\n          </div>\n        ) : visibleOptions.length ? (\n          <div\n            className={virtual ? undefined : 'leaf-floating__options'}\n            style={\n              virtual ? { height: virtualizer.getTotalSize(), position: 'relative' } : undefined\n            }\n          >\n            {(virtual\n              ? virtualizer.getVirtualItems().map((item) => ({\n                  option: visibleOptions[item.index],\n                  index: item.index,\n                  start: item.start,\n                }))\n              : visibleOptions.map((option, index) => ({ option, index, start: 0 }))\n            ).map(\n              ({ option, index, start }) =>\n                option && (\n                  <div\n                    key={option.value}\n                    ref={virtual ? virtualizer.measureElement : undefined}\n                    data-index={virtual ? index : undefined}\n                    style={\n                      virtual\n                        ? {\n                            position: 'absolute',\n                            top: 0,\n                            insetInlineStart: 0,\n                            width: '100%',\n                            transform: `translateY(${start}px)`,\n                          }\n                        : undefined\n                    }\n                  >\n                    {groups.has(option.value) &&\n                      (index === 0 ||\n                        groups.get(visibleOptions[index - 1]?.value ?? '') !==\n                          groups.get(option.value)) && (\n                        <div className=\"leaf-select__group\">{groups.get(option.value)}</div>\n                      )}\n                    <button\n                      key={option.value}\n                      id={`${listId}-${index}`}\n                      type=\"button\"\n                      role=\"option\"\n                      tabIndex={-1}\n                      aria-selected={active === index}\n                      disabled={option.disabled}\n                      aria-disabled={option.disabled || undefined}\n                      className=\"leaf-floating__option\"\n                      onMouseDown={(event) => event.preventDefault()}\n                      onMouseEnter={() => !option.disabled && setActive(index)}\n                      onClick={() => select(option)}\n                    >\n                      <span className=\"leaf-floating__option-label\">\n                        {optionRender?.(option) ?? option.label ?? option.value}\n                      </span>\n                    </button>\n                  </div>\n                ),\n            )}\n          </div>\n        ) : (\n          <FloatingFeedback>{notFoundContent ?? messages.autoComplete.empty}</FloatingFeedback>\n        )}\n      </FloatingPanel>\n    </div>\n  );\n});\nAutoComplete.displayName = 'AutoComplete';\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","AutoComplete","forwardRef","rawProps","forwardedRef","entries","value","defaultValue","size","statusProp","filterOption","disabledProp","readOnly","className","style","form","onChange","onSelect","onSearch","controlledOpen","defaultOpen","onOpenChange","loading","notFoundContent","errorContent","optionRender","allowClear","virtualProp","listHeight","optionHeightProp","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","onKeyDown","onFocus","autoComplete","ariaLabel","ariaInvalid","props","useComponentProps","field","useFormField","disabled","status","undefined","messages","theme","density","useLeafConfig","format","useFormattedText","optionHeight","Math","estimateControlHeight","inputRef","useRef","panelRef","ref","useMergedRef","text","setText","useFieldValue","open","setOpen","usePopupState","active","setActive","useState","listId","useId","options","entry","groups","Map","option","visibleOptions","virtual","virtualizer","useVirtualizer","useEffect","expanded","hasSuggestions","listboxProps","useFloatingDismiss","useActiveOption","highlight","useFloatingHighlight","select","move","direction","index","step","classes","Boolean","event","next","ClearButton","FloatingPanel","FloatingHighlight","FloatingFeedback","item","start"],"mappings":"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"}
+{"version":3,"file":"autocomplete/autocomplete.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/autocomplete/autocomplete.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { useVirtualizer } from '@tanstack/react-virtual';\nimport {\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { estimateControlHeight } from '../density';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { ClearButton } from '../shared/clear-button';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport type { PopupOptions } from '../shared/floating';\nimport {\n  FloatingPanel,\n  useActiveOption,\n  useFloatingDismiss,\n  usePopupState,\n} from '../shared/floating';\nimport { FloatingFeedback } from '../shared/floating-feedback';\nimport { FloatingHighlight, useFloatingHighlight } from '../shared/floating-highlight';\nimport type { ControlSize, ControlStatus } from '../shared/types';\nimport { useFormattedText } from '../shared/use-formatted-text';\n\nexport interface AutoCompleteOption {\n  value: string;\n  label?: ReactNode;\n  searchLabel?: string;\n  disabled?: boolean;\n}\nexport interface AutoCompleteOptionGroup {\n  label: ReactNode;\n  options: readonly AutoCompleteOption[];\n}\n\nexport interface AutoCompleteProps\n  extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'size' | 'value' | 'defaultValue' | 'onChange' | 'onSelect' | 'type' | 'list' | 'children'\n  > {\n  options: readonly (AutoCompleteOption | AutoCompleteOptionGroup)[];\n  value?: string;\n  defaultValue?: string;\n  size?: ControlSize;\n  status?: ControlStatus;\n  filterOption?: false | ((query: string, option: AutoCompleteOption) => boolean);\n  onChange?: (value: string) => void;\n  onSelect?: (value: string, option: AutoCompleteOption) => void;\n  onSearch?: (query: string) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  loading?: boolean;\n  notFoundContent?: ReactNode;\n  errorContent?: ReactNode;\n  optionRender?: (option: AutoCompleteOption) => ReactNode;\n  allowClear?: boolean;\n  virtual?: boolean;\n  listHeight?: number;\n  optionHeight?: number;\n  popupWidth?: number | string;\n  popupMaxWidth?: number | string;\n  popupPlacement?: PopupOptions['popupPlacement'];\n  popupClassName?: string;\n  popupStyle?: PopupOptions['popupStyle'];\n  popupRender?: PopupOptions['popupRender'];\n  getPopupContainer?: PopupOptions['getPopupContainer'];\n}\n\nexport const AutoComplete = forwardRef<HTMLInputElement, AutoCompleteProps>(function AutoComplete(\n  rawProps: AutoCompleteProps,\n  forwardedRef,\n) {\n  const {\n    options: entries,\n    value,\n    defaultValue = '',\n    size = 'md',\n    status: statusProp,\n    filterOption,\n    disabled: disabledProp,\n    readOnly,\n    className,\n    style,\n    form,\n    onChange,\n    onSelect,\n    onSearch,\n    open: controlledOpen,\n    defaultOpen,\n    onOpenChange,\n    loading,\n    notFoundContent,\n    errorContent,\n    optionRender,\n    allowClear,\n    virtual: virtualProp,\n    listHeight = 248,\n    optionHeight: optionHeightProp,\n    popupWidth = 'trigger',\n    popupMaxWidth,\n    popupPlacement,\n    popupClassName,\n    popupStyle,\n    popupRender,\n    getPopupContainer,\n    onKeyDown,\n    onFocus,\n    autoComplete = 'off',\n    'aria-label': ariaLabel,\n    'aria-invalid': ariaInvalid,\n    ...props\n  } = useComponentProps('AutoComplete', rawProps);\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  const status = statusProp ?? (field?.error ? 'error' : undefined);\n  const { messages, theme, density } = useLeafConfig();\n  const format = useFormattedText();\n  const optionHeight = optionHeightProp ?? Math.max(24, estimateControlHeight(theme, density) - 4);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const ref = useMergedRef(inputRef, forwardedRef);\n  const [text, setText] = useFieldValue(value, defaultValue, inputRef, form);\n  const [open, setOpen] = usePopupState(\n    disabled || readOnly,\n    onOpenChange,\n    controlledOpen,\n    defaultOpen,\n  );\n  const [active, setActive] = useState(-1);\n  const listId = `${useId()}-suggestions`;\n  const options = entries.flatMap((entry) => ('options' in entry ? [...entry.options] : [entry]));\n  const groups = new Map(\n    entries.flatMap((entry) =>\n      'options' in entry ? entry.options.map((option) => [option.value, entry.label] as const) : [],\n    ),\n  );\n  const visibleOptions = options.filter((option) => {\n    if (filterOption === false) return true;\n    if (filterOption) return filterOption(text, option);\n    return (option.searchLabel ?? (typeof option.label === 'string' ? option.label : option.value))\n      .toLocaleLowerCase()\n      .includes(text.toLocaleLowerCase());\n  });\n  const virtual = virtualProp ?? visibleOptions.length > 100;\n  const virtualizer = useVirtualizer({\n    count: visibleOptions.length,\n    getScrollElement: () => panelRef.current,\n    estimateSize: () => optionHeight,\n    enabled: open && virtual,\n    initialRect: { height: listHeight, width: 240 },\n    overscan: 5,\n  });\n  useEffect(() => {\n    if (open && virtual && active >= 0) virtualizer.scrollToIndex(active, { align: 'auto' });\n  }, [open, virtual, active, virtualizer]);\n  const expanded = open && !disabled && !readOnly;\n  const hasSuggestions = visibleOptions.length > 0 && !errorContent;\n  const listboxProps = {\n    id: listId,\n    role: 'listbox' as const,\n    'aria-busy': loading || undefined,\n    'aria-label': ariaLabel\n      ? format('autoComplete.suggestions', { label: ariaLabel })\n      : messages.autoComplete.empty,\n  };\n  useFloatingDismiss(expanded, () => setOpen(false), inputRef, panelRef);\n  useActiveOption(expanded, visibleOptions[active] ? `${listId}-${active}` : undefined, panelRef);\n  const highlight = useFloatingHighlight(\n    expanded,\n    panelRef,\n    visibleOptions[active] ? `${listId}-${active}` : undefined,\n    `${text}:${visibleOptions[active]?.value}:${visibleOptions.length}:${virtualizer.range?.startIndex}:${virtualizer.range?.endIndex}`,\n  );\n\n  const select = (option: AutoCompleteOption) => {\n    if (option.disabled || readOnly || disabled) return;\n    setText(option.value);\n    onChange?.(option.value);\n    onSelect?.(option.value, option);\n    setOpen(false);\n    setActive(-1);\n    inputRef.current?.focus();\n  };\n\n  const move = (direction: number) => {\n    let index = active < 0 ? (direction > 0 ? -1 : visibleOptions.length) : active;\n    for (let step = 0; step < visibleOptions.length; step += 1) {\n      index = (index + direction + visibleOptions.length) % visibleOptions.length;\n      if (!visibleOptions[index]?.disabled) {\n        setActive(index);\n        break;\n      }\n    }\n  };\n\n  return (\n    <div\n      ref={rootRef}\n      className={classes('leaf-autocomplete', `leaf-autocomplete--${size}`, className)}\n      style={style}\n      data-status={status}\n      data-disabled={disabled ? '' : undefined}\n      data-open={open ? '' : undefined}\n      data-clearable={allowClear && text && !disabled && !readOnly ? '' : undefined}\n    >\n      <input\n        {...props}\n        id={props.id ?? field?.id}\n        required={props.required ?? field?.required}\n        aria-describedby={\n          [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n        }\n        ref={ref}\n        type=\"text\"\n        form={form}\n        className=\"leaf-autocomplete__input\"\n        disabled={disabled}\n        readOnly={readOnly}\n        value={text}\n        autoComplete={autoComplete}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-expanded={expanded}\n        aria-haspopup=\"listbox\"\n        aria-controls={listId}\n        aria-activedescendant={\n          expanded && visibleOptions[active] ? `${listId}-${active}` : undefined\n        }\n        aria-label={ariaLabel}\n        aria-invalid={status === 'error' ? true : ariaInvalid}\n        onFocus={(event) => {\n          onFocus?.(event);\n          if (!event.defaultPrevented && !readOnly) setOpen(true);\n        }}\n        onChange={(event) => {\n          const next = event.target.value;\n          setText(next);\n          setActive(-1);\n          setOpen(true);\n          onChange?.(next);\n          onSearch?.(next);\n        }}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          if (event.defaultPrevented || event.nativeEvent.isComposing || readOnly) return;\n          if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n            event.preventDefault();\n            setOpen(true);\n            move(event.key === 'ArrowDown' ? 1 : -1);\n          } else if (event.key === 'Enter' && expanded && visibleOptions[active]) {\n            event.preventDefault();\n            const option = visibleOptions[active];\n            if (option) select(option);\n          } else if (event.key === 'Escape') {\n            event.preventDefault();\n            event.stopPropagation();\n            setOpen(false);\n          } else if (event.key === 'Tab') setOpen(false);\n        }}\n      />\n      {allowClear && text && !disabled && !readOnly && (\n        <ClearButton\n          label={messages.input.clear}\n          onClear={() => {\n            setText('');\n            onChange?.('');\n            onSearch?.('');\n            inputRef.current?.focus();\n          }}\n        />\n      )}\n      <FloatingPanel\n        open={expanded}\n        triggerRef={rootRef}\n        panelRef={panelRef}\n        matchWidth={popupWidth === 'trigger'}\n        width={\n          popupWidth === 'trigger' ? undefined : popupWidth === 'auto' ? 'max-content' : popupWidth\n        }\n        maxWidth={popupMaxWidth}\n        {...(hasSuggestions ? listboxProps : {})}\n        className={classes('leaf-floating', 'leaf-autocomplete__panel', popupClassName)}\n        data-hover-motion=\"\"\n        data-selection=\"candidate\"\n        placement={popupPlacement}\n        style={{ maxHeight: listHeight, ...popupStyle }}\n        container={getPopupContainer}\n        render={popupRender}\n      >\n        {!hasSuggestions && <div {...listboxProps} />}\n        <FloatingHighlight style={highlight} />\n        {loading && !visibleOptions.length ? (\n          <FloatingFeedback loading>{messages.common.loading}</FloatingFeedback>\n        ) : errorContent ? (\n          <div className=\"leaf-floating__empty\" role=\"alert\">\n            {errorContent}\n          </div>\n        ) : visibleOptions.length ? (\n          <div\n            className={virtual ? undefined : 'leaf-floating__options'}\n            style={\n              virtual ? { height: virtualizer.getTotalSize(), position: 'relative' } : undefined\n            }\n          >\n            {(virtual\n              ? virtualizer.getVirtualItems().map((item) => ({\n                  option: visibleOptions[item.index],\n                  index: item.index,\n                  start: item.start,\n                }))\n              : visibleOptions.map((option, index) => ({ option, index, start: 0 }))\n            ).map(\n              ({ option, index, start }) =>\n                option && (\n                  <div\n                    key={option.value}\n                    ref={virtual ? virtualizer.measureElement : undefined}\n                    data-index={virtual ? index : undefined}\n                    style={\n                      virtual\n                        ? {\n                            position: 'absolute',\n                            top: 0,\n                            insetInlineStart: 0,\n                            width: '100%',\n                            transform: `translateY(${start}px)`,\n                          }\n                        : undefined\n                    }\n                  >\n                    {groups.has(option.value) &&\n                      (index === 0 ||\n                        groups.get(visibleOptions[index - 1]?.value ?? '') !==\n                          groups.get(option.value)) && (\n                        <div className=\"leaf-select__group\">{groups.get(option.value)}</div>\n                      )}\n                    <button\n                      key={option.value}\n                      id={`${listId}-${index}`}\n                      type=\"button\"\n                      role=\"option\"\n                      tabIndex={-1}\n                      aria-selected={active === index}\n                      disabled={option.disabled}\n                      aria-disabled={option.disabled || undefined}\n                      className=\"leaf-floating__option\"\n                      onMouseDown={(event) => event.preventDefault()}\n                      onMouseEnter={() => !option.disabled && setActive(index)}\n                      onClick={() => select(option)}\n                    >\n                      <span className=\"leaf-floating__option-label\">\n                        {optionRender?.(option) ?? option.label ?? option.value}\n                      </span>\n                    </button>\n                  </div>\n                ),\n            )}\n          </div>\n        ) : (\n          <FloatingFeedback>{notFoundContent ?? messages.autoComplete.empty}</FloatingFeedback>\n        )}\n      </FloatingPanel>\n    </div>\n  );\n});\nAutoComplete.displayName = 'AutoComplete';\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","AutoComplete","forwardRef","rawProps","forwardedRef","entries","value","defaultValue","size","statusProp","filterOption","disabledProp","readOnly","className","style","form","onChange","onSelect","onSearch","controlledOpen","defaultOpen","onOpenChange","loading","notFoundContent","errorContent","optionRender","allowClear","virtualProp","listHeight","optionHeightProp","popupWidth","popupMaxWidth","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","onKeyDown","onFocus","autoComplete","ariaLabel","ariaInvalid","props","useComponentProps","field","useFormField","disabled","status","undefined","messages","theme","density","useLeafConfig","format","useFormattedText","optionHeight","Math","estimateControlHeight","inputRef","useRef","rootRef","panelRef","ref","useMergedRef","text","setText","useFieldValue","open","setOpen","usePopupState","active","setActive","useState","listId","useId","options","entry","groups","Map","option","visibleOptions","virtual","virtualizer","useVirtualizer","useEffect","expanded","hasSuggestions","listboxProps","useFloatingDismiss","useActiveOption","highlight","useFloatingHighlight","select","move","direction","index","step","classes","Boolean","event","next","ClearButton","FloatingPanel","FloatingHighlight","FloatingFeedback","item","start"],"mappings":"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"}

package/dist/cjs/autocomplete/autocomplete.d.cts

@@ -32,6 +32,8 @@ export interface AutoCompleteProps extends Omit<InputHTMLAttributes<HTMLInputEle
     virtual?: boolean;
     listHeight?: number;
     optionHeight?: number;
+    popupWidth?: number | string;
+    popupMaxWidth?: number | string;
     popupPlacement?: PopupOptions['popupPlacement'];
     popupClassName?: string;
     popupStyle?: PopupOptions['popupStyle'];

package/dist/cjs/autocomplete/autocomplete.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.d.cts","sourceRoot":"","sources":["../../../src/autocomplete/autocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAQf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AASvD,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGlE,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,kBAAkB,EAAE,CAAC;CACxC;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CACV,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAC3F;IACD,OAAO,EAAE,SAAS,CAAC,kBAAkB,GAAG,uBAAuB,CAAC,EAAE,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,KAAK,OAAO,CAAC,CAAC;IAChF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,SAAS,CAAC;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;IAC1C,iBAAiB,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAC;CACvD;AAED,eAAO,MAAM,YAAY,gHAiSvB,CAAC"}
+{"version":3,"file":"autocomplete.d.cts","sourceRoot":"","sources":["../../../src/autocomplete/autocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAQf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AASvD,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGlE,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,kBAAkB,EAAE,CAAC;CACxC;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CACV,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAC3F;IACD,OAAO,EAAE,SAAS,CAAC,kBAAkB,GAAG,uBAAuB,CAAC,EAAE,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,KAAK,OAAO,CAAC,CAAC;IAChF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,SAAS,CAAC;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,cAAc,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;IAC1C,iBAAiB,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAC;CACvD;AAED,eAAO,MAAM,YAAY,gHAySvB,CAAC"}

package/dist/cjs/browser/modules/autocomplete/autocomplete.cjs

@@ -48,7 +48,7 @@ const floating_feedback_cjs_namespaceObject = require("../shared/floating-feedba
 const floating_highlight_cjs_namespaceObject = require("../shared/floating-highlight.cjs");
 const use_formatted_text_cjs_namespaceObject = require("../shared/use-formatted-text.cjs");
 const autocomplete_AutoComplete = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, forwardedRef) {
-    const { options: entries, value, defaultValue = '', size = 'md', status: statusProp, filterOption, disabled: disabledProp, readOnly, className, style, form, onChange, onSelect, onSearch, open: controlledOpen, defaultOpen, onOpenChange, loading, notFoundContent, errorContent, optionRender, allowClear, virtual: virtualProp, listHeight = 248, optionHeight: optionHeightProp, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, onKeyDown, onFocus, autoComplete = 'off', 'aria-label': ariaLabel, 'aria-invalid': ariaInvalid, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('AutoComplete', rawProps);
+    const { options: entries, value, defaultValue = '', size = 'md', status: statusProp, filterOption, disabled: disabledProp, readOnly, className, style, form, onChange, onSelect, onSearch, open: controlledOpen, defaultOpen, onOpenChange, loading, notFoundContent, errorContent, optionRender, allowClear, virtual: virtualProp, listHeight = 248, optionHeight: optionHeightProp, popupWidth = 'trigger', popupMaxWidth, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, onKeyDown, onFocus, autoComplete = 'off', 'aria-label': ariaLabel, 'aria-invalid': ariaInvalid, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('AutoComplete', rawProps);
     const field = (0, form_cjs_namespaceObject.useFormField)();
     const disabled = disabledProp || field?.disabled;
     const status = statusProp ?? (field?.error ? 'error' : void 0);
@@ -56,6 +56,7 @@ const autocomplete_AutoComplete = /*#__PURE__*/ (0, external_react_namespaceObje
     const format = (0, use_formatted_text_cjs_namespaceObject.useFormattedText)();
     const optionHeight = optionHeightProp ?? Math.max(24, (0, external_density_cjs_namespaceObject.estimateControlHeight)(theme, density) - 4);
     const inputRef = (0, external_react_namespaceObject.useRef)(null);
+    const rootRef = (0, external_react_namespaceObject.useRef)(null);
     const panelRef = (0, external_react_namespaceObject.useRef)(null);
     const ref = (0, field_cjs_namespaceObject.useMergedRef)(inputRef, forwardedRef);
     const [text, setText] = (0, field_cjs_namespaceObject.useFieldValue)(value, defaultValue, inputRef, form);
@@ -131,6 +132,7 @@ const autocomplete_AutoComplete = /*#__PURE__*/ (0, external_react_namespaceObje
         }
     };
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ref: rootRef,
         className: (0, classes_cjs_namespaceObject.classes)('leaf-autocomplete', `leaf-autocomplete--${size}`, className),
         style: style,
         "data-status": status,
@@ -203,9 +205,11 @@ const autocomplete_AutoComplete = /*#__PURE__*/ (0, external_react_namespaceObje
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(floating_cjs_namespaceObject.FloatingPanel, {
                 open: expanded,
-                triggerRef: inputRef,
+                triggerRef: rootRef,
                 panelRef: panelRef,
-                matchWidth: true,
+                matchWidth: 'trigger' === popupWidth,
+                width: 'trigger' === popupWidth ? void 0 : 'auto' === popupWidth ? 'max-content' : popupWidth,
+                maxWidth: popupMaxWidth,
                 ...hasSuggestions ? listboxProps : {},
                 className: (0, classes_cjs_namespaceObject.classes)('leaf-floating', 'leaf-autocomplete__panel', popupClassName),
                 "data-hover-motion": "",

package/dist/cjs/browser/modules/autocomplete/autocomplete.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete/autocomplete.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/autocomplete/autocomplete.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { useVirtualizer } from '@tanstack/react-virtual';\nimport {\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { estimateControlHeight } from '../density';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { ClearButton } from '../shared/clear-button';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport type { PopupOptions } from '../shared/floating';\nimport {\n  FloatingPanel,\n  useActiveOption,\n  useFloatingDismiss,\n  usePopupState,\n} from '../shared/floating';\nimport { FloatingFeedback } from '../shared/floating-feedback';\nimport { FloatingHighlight, useFloatingHighlight } from '../shared/floating-highlight';\nimport type { ControlSize, ControlStatus } from '../shared/types';\nimport { useFormattedText } from '../shared/use-formatted-text';\n\nexport interface AutoCompleteOption {\n  value: string;\n  label?: ReactNode;\n  searchLabel?: string;\n  disabled?: boolean;\n}\nexport interface AutoCompleteOptionGroup {\n  label: ReactNode;\n  options: readonly AutoCompleteOption[];\n}\n\nexport interface AutoCompleteProps\n  extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'size' | 'value' | 'defaultValue' | 'onChange' | 'onSelect' | 'type' | 'list' | 'children'\n  > {\n  options: readonly (AutoCompleteOption | AutoCompleteOptionGroup)[];\n  value?: string;\n  defaultValue?: string;\n  size?: ControlSize;\n  status?: ControlStatus;\n  filterOption?: false | ((query: string, option: AutoCompleteOption) => boolean);\n  onChange?: (value: string) => void;\n  onSelect?: (value: string, option: AutoCompleteOption) => void;\n  onSearch?: (query: string) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  loading?: boolean;\n  notFoundContent?: ReactNode;\n  errorContent?: ReactNode;\n  optionRender?: (option: AutoCompleteOption) => ReactNode;\n  allowClear?: boolean;\n  virtual?: boolean;\n  listHeight?: number;\n  optionHeight?: number;\n  popupPlacement?: PopupOptions['popupPlacement'];\n  popupClassName?: string;\n  popupStyle?: PopupOptions['popupStyle'];\n  popupRender?: PopupOptions['popupRender'];\n  getPopupContainer?: PopupOptions['getPopupContainer'];\n}\n\nexport const AutoComplete = forwardRef<HTMLInputElement, AutoCompleteProps>(function AutoComplete(\n  rawProps: AutoCompleteProps,\n  forwardedRef,\n) {\n  const {\n    options: entries,\n    value,\n    defaultValue = '',\n    size = 'md',\n    status: statusProp,\n    filterOption,\n    disabled: disabledProp,\n    readOnly,\n    className,\n    style,\n    form,\n    onChange,\n    onSelect,\n    onSearch,\n    open: controlledOpen,\n    defaultOpen,\n    onOpenChange,\n    loading,\n    notFoundContent,\n    errorContent,\n    optionRender,\n    allowClear,\n    virtual: virtualProp,\n    listHeight = 248,\n    optionHeight: optionHeightProp,\n    popupPlacement,\n    popupClassName,\n    popupStyle,\n    popupRender,\n    getPopupContainer,\n    onKeyDown,\n    onFocus,\n    autoComplete = 'off',\n    'aria-label': ariaLabel,\n    'aria-invalid': ariaInvalid,\n    ...props\n  } = useComponentProps('AutoComplete', rawProps);\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  const status = statusProp ?? (field?.error ? 'error' : undefined);\n  const { messages, theme, density } = useLeafConfig();\n  const format = useFormattedText();\n  const optionHeight = optionHeightProp ?? Math.max(24, estimateControlHeight(theme, density) - 4);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const ref = useMergedRef(inputRef, forwardedRef);\n  const [text, setText] = useFieldValue(value, defaultValue, inputRef, form);\n  const [open, setOpen] = usePopupState(\n    disabled || readOnly,\n    onOpenChange,\n    controlledOpen,\n    defaultOpen,\n  );\n  const [active, setActive] = useState(-1);\n  const listId = `${useId()}-suggestions`;\n  const options = entries.flatMap((entry) => ('options' in entry ? [...entry.options] : [entry]));\n  const groups = new Map(\n    entries.flatMap((entry) =>\n      'options' in entry ? entry.options.map((option) => [option.value, entry.label] as const) : [],\n    ),\n  );\n  const visibleOptions = options.filter((option) => {\n    if (filterOption === false) return true;\n    if (filterOption) return filterOption(text, option);\n    return (option.searchLabel ?? (typeof option.label === 'string' ? option.label : option.value))\n      .toLocaleLowerCase()\n      .includes(text.toLocaleLowerCase());\n  });\n  const virtual = virtualProp ?? visibleOptions.length > 100;\n  const virtualizer = useVirtualizer({\n    count: visibleOptions.length,\n    getScrollElement: () => panelRef.current,\n    estimateSize: () => optionHeight,\n    enabled: open && virtual,\n    initialRect: { height: listHeight, width: 240 },\n    overscan: 5,\n  });\n  useEffect(() => {\n    if (open && virtual && active >= 0) virtualizer.scrollToIndex(active, { align: 'auto' });\n  }, [open, virtual, active, virtualizer]);\n  const expanded = open && !disabled && !readOnly;\n  const hasSuggestions = visibleOptions.length > 0 && !errorContent;\n  const listboxProps = {\n    id: listId,\n    role: 'listbox' as const,\n    'aria-busy': loading || undefined,\n    'aria-label': ariaLabel\n      ? format('autoComplete.suggestions', { label: ariaLabel })\n      : messages.autoComplete.empty,\n  };\n  useFloatingDismiss(expanded, () => setOpen(false), inputRef, panelRef);\n  useActiveOption(expanded, visibleOptions[active] ? `${listId}-${active}` : undefined, panelRef);\n  const highlight = useFloatingHighlight(\n    expanded,\n    panelRef,\n    visibleOptions[active] ? `${listId}-${active}` : undefined,\n    `${text}:${visibleOptions[active]?.value}:${visibleOptions.length}:${virtualizer.range?.startIndex}:${virtualizer.range?.endIndex}`,\n  );\n\n  const select = (option: AutoCompleteOption) => {\n    if (option.disabled || readOnly || disabled) return;\n    setText(option.value);\n    onChange?.(option.value);\n    onSelect?.(option.value, option);\n    setOpen(false);\n    setActive(-1);\n    inputRef.current?.focus();\n  };\n\n  const move = (direction: number) => {\n    let index = active < 0 ? (direction > 0 ? -1 : visibleOptions.length) : active;\n    for (let step = 0; step < visibleOptions.length; step += 1) {\n      index = (index + direction + visibleOptions.length) % visibleOptions.length;\n      if (!visibleOptions[index]?.disabled) {\n        setActive(index);\n        break;\n      }\n    }\n  };\n\n  return (\n    <div\n      className={classes('leaf-autocomplete', `leaf-autocomplete--${size}`, className)}\n      style={style}\n      data-status={status}\n      data-disabled={disabled ? '' : undefined}\n      data-open={open ? '' : undefined}\n      data-clearable={allowClear && text && !disabled && !readOnly ? '' : undefined}\n    >\n      <input\n        {...props}\n        id={props.id ?? field?.id}\n        required={props.required ?? field?.required}\n        aria-describedby={\n          [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n        }\n        ref={ref}\n        type=\"text\"\n        form={form}\n        className=\"leaf-autocomplete__input\"\n        disabled={disabled}\n        readOnly={readOnly}\n        value={text}\n        autoComplete={autoComplete}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-expanded={expanded}\n        aria-haspopup=\"listbox\"\n        aria-controls={listId}\n        aria-activedescendant={\n          expanded && visibleOptions[active] ? `${listId}-${active}` : undefined\n        }\n        aria-label={ariaLabel}\n        aria-invalid={status === 'error' ? true : ariaInvalid}\n        onFocus={(event) => {\n          onFocus?.(event);\n          if (!event.defaultPrevented && !readOnly) setOpen(true);\n        }}\n        onChange={(event) => {\n          const next = event.target.value;\n          setText(next);\n          setActive(-1);\n          setOpen(true);\n          onChange?.(next);\n          onSearch?.(next);\n        }}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          if (event.defaultPrevented || event.nativeEvent.isComposing || readOnly) return;\n          if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n            event.preventDefault();\n            setOpen(true);\n            move(event.key === 'ArrowDown' ? 1 : -1);\n          } else if (event.key === 'Enter' && expanded && visibleOptions[active]) {\n            event.preventDefault();\n            const option = visibleOptions[active];\n            if (option) select(option);\n          } else if (event.key === 'Escape') {\n            event.preventDefault();\n            event.stopPropagation();\n            setOpen(false);\n          } else if (event.key === 'Tab') setOpen(false);\n        }}\n      />\n      {allowClear && text && !disabled && !readOnly && (\n        <ClearButton\n          label={messages.input.clear}\n          onClear={() => {\n            setText('');\n            onChange?.('');\n            onSearch?.('');\n            inputRef.current?.focus();\n          }}\n        />\n      )}\n      <FloatingPanel\n        open={expanded}\n        triggerRef={inputRef}\n        panelRef={panelRef}\n        matchWidth\n        {...(hasSuggestions ? listboxProps : {})}\n        className={classes('leaf-floating', 'leaf-autocomplete__panel', popupClassName)}\n        data-hover-motion=\"\"\n        data-selection=\"candidate\"\n        placement={popupPlacement}\n        style={{ maxHeight: listHeight, ...popupStyle }}\n        container={getPopupContainer}\n        render={popupRender}\n      >\n        {!hasSuggestions && <div {...listboxProps} />}\n        <FloatingHighlight style={highlight} />\n        {loading && !visibleOptions.length ? (\n          <FloatingFeedback loading>{messages.common.loading}</FloatingFeedback>\n        ) : errorContent ? (\n          <div className=\"leaf-floating__empty\" role=\"alert\">\n            {errorContent}\n          </div>\n        ) : visibleOptions.length ? (\n          <div\n            className={virtual ? undefined : 'leaf-floating__options'}\n            style={\n              virtual ? { height: virtualizer.getTotalSize(), position: 'relative' } : undefined\n            }\n          >\n            {(virtual\n              ? virtualizer.getVirtualItems().map((item) => ({\n                  option: visibleOptions[item.index],\n                  index: item.index,\n                  start: item.start,\n                }))\n              : visibleOptions.map((option, index) => ({ option, index, start: 0 }))\n            ).map(\n              ({ option, index, start }) =>\n                option && (\n                  <div\n                    key={option.value}\n                    ref={virtual ? virtualizer.measureElement : undefined}\n                    data-index={virtual ? index : undefined}\n                    style={\n                      virtual\n                        ? {\n                            position: 'absolute',\n                            top: 0,\n                            insetInlineStart: 0,\n                            width: '100%',\n                            transform: `translateY(${start}px)`,\n                          }\n                        : undefined\n                    }\n                  >\n                    {groups.has(option.value) &&\n                      (index === 0 ||\n                        groups.get(visibleOptions[index - 1]?.value ?? '') !==\n                          groups.get(option.value)) && (\n                        <div className=\"leaf-select__group\">{groups.get(option.value)}</div>\n                      )}\n                    <button\n                      key={option.value}\n                      id={`${listId}-${index}`}\n                      type=\"button\"\n                      role=\"option\"\n                      tabIndex={-1}\n                      aria-selected={active === index}\n                      disabled={option.disabled}\n                      aria-disabled={option.disabled || undefined}\n                      className=\"leaf-floating__option\"\n                      onMouseDown={(event) => event.preventDefault()}\n                      onMouseEnter={() => !option.disabled && setActive(index)}\n                      onClick={() => select(option)}\n                    >\n                      <span className=\"leaf-floating__option-label\">\n                        {optionRender?.(option) ?? option.label ?? option.value}\n                      </span>\n                    </button>\n                  </div>\n                ),\n            )}\n          </div>\n        ) : (\n          <FloatingFeedback>{notFoundContent ?? messages.autoComplete.empty}</FloatingFeedback>\n        )}\n      </FloatingPanel>\n    </div>\n  );\n});\nAutoComplete.displayName = 'AutoComplete';\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","AutoComplete","forwardRef","rawProps","forwardedRef","entries","value","defaultValue","size","statusProp","filterOption","disabledProp","readOnly","className","style","form","onChange","onSelect","onSearch","controlledOpen","defaultOpen","onOpenChange","loading","notFoundContent","errorContent","optionRender","allowClear","virtualProp","listHeight","optionHeightProp","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","onKeyDown","onFocus","autoComplete","ariaLabel","ariaInvalid","props","useComponentProps","field","useFormField","disabled","status","undefined","messages","theme","density","useLeafConfig","format","useFormattedText","optionHeight","Math","estimateControlHeight","inputRef","useRef","panelRef","ref","useMergedRef","text","setText","useFieldValue","open","setOpen","usePopupState","active","setActive","useState","listId","useId","options","entry","groups","Map","option","visibleOptions","virtual","virtualizer","useVirtualizer","useEffect","expanded","hasSuggestions","listboxProps","useFloatingDismiss","useActiveOption","highlight","useFloatingHighlight","select","move","direction","index","step","classes","Boolean","event","next","ClearButton","FloatingPanel","FloatingHighlight","FloatingFeedback","item","start"],"mappings":"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"}
+{"version":3,"file":"autocomplete/autocomplete.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/autocomplete/autocomplete.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { useVirtualizer } from '@tanstack/react-virtual';\nimport {\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { estimateControlHeight } from '../density';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { ClearButton } from '../shared/clear-button';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport type { PopupOptions } from '../shared/floating';\nimport {\n  FloatingPanel,\n  useActiveOption,\n  useFloatingDismiss,\n  usePopupState,\n} from '../shared/floating';\nimport { FloatingFeedback } from '../shared/floating-feedback';\nimport { FloatingHighlight, useFloatingHighlight } from '../shared/floating-highlight';\nimport type { ControlSize, ControlStatus } from '../shared/types';\nimport { useFormattedText } from '../shared/use-formatted-text';\n\nexport interface AutoCompleteOption {\n  value: string;\n  label?: ReactNode;\n  searchLabel?: string;\n  disabled?: boolean;\n}\nexport interface AutoCompleteOptionGroup {\n  label: ReactNode;\n  options: readonly AutoCompleteOption[];\n}\n\nexport interface AutoCompleteProps\n  extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'size' | 'value' | 'defaultValue' | 'onChange' | 'onSelect' | 'type' | 'list' | 'children'\n  > {\n  options: readonly (AutoCompleteOption | AutoCompleteOptionGroup)[];\n  value?: string;\n  defaultValue?: string;\n  size?: ControlSize;\n  status?: ControlStatus;\n  filterOption?: false | ((query: string, option: AutoCompleteOption) => boolean);\n  onChange?: (value: string) => void;\n  onSelect?: (value: string, option: AutoCompleteOption) => void;\n  onSearch?: (query: string) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  loading?: boolean;\n  notFoundContent?: ReactNode;\n  errorContent?: ReactNode;\n  optionRender?: (option: AutoCompleteOption) => ReactNode;\n  allowClear?: boolean;\n  virtual?: boolean;\n  listHeight?: number;\n  optionHeight?: number;\n  popupWidth?: number | string;\n  popupMaxWidth?: number | string;\n  popupPlacement?: PopupOptions['popupPlacement'];\n  popupClassName?: string;\n  popupStyle?: PopupOptions['popupStyle'];\n  popupRender?: PopupOptions['popupRender'];\n  getPopupContainer?: PopupOptions['getPopupContainer'];\n}\n\nexport const AutoComplete = forwardRef<HTMLInputElement, AutoCompleteProps>(function AutoComplete(\n  rawProps: AutoCompleteProps,\n  forwardedRef,\n) {\n  const {\n    options: entries,\n    value,\n    defaultValue = '',\n    size = 'md',\n    status: statusProp,\n    filterOption,\n    disabled: disabledProp,\n    readOnly,\n    className,\n    style,\n    form,\n    onChange,\n    onSelect,\n    onSearch,\n    open: controlledOpen,\n    defaultOpen,\n    onOpenChange,\n    loading,\n    notFoundContent,\n    errorContent,\n    optionRender,\n    allowClear,\n    virtual: virtualProp,\n    listHeight = 248,\n    optionHeight: optionHeightProp,\n    popupWidth = 'trigger',\n    popupMaxWidth,\n    popupPlacement,\n    popupClassName,\n    popupStyle,\n    popupRender,\n    getPopupContainer,\n    onKeyDown,\n    onFocus,\n    autoComplete = 'off',\n    'aria-label': ariaLabel,\n    'aria-invalid': ariaInvalid,\n    ...props\n  } = useComponentProps('AutoComplete', rawProps);\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  const status = statusProp ?? (field?.error ? 'error' : undefined);\n  const { messages, theme, density } = useLeafConfig();\n  const format = useFormattedText();\n  const optionHeight = optionHeightProp ?? Math.max(24, estimateControlHeight(theme, density) - 4);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const ref = useMergedRef(inputRef, forwardedRef);\n  const [text, setText] = useFieldValue(value, defaultValue, inputRef, form);\n  const [open, setOpen] = usePopupState(\n    disabled || readOnly,\n    onOpenChange,\n    controlledOpen,\n    defaultOpen,\n  );\n  const [active, setActive] = useState(-1);\n  const listId = `${useId()}-suggestions`;\n  const options = entries.flatMap((entry) => ('options' in entry ? [...entry.options] : [entry]));\n  const groups = new Map(\n    entries.flatMap((entry) =>\n      'options' in entry ? entry.options.map((option) => [option.value, entry.label] as const) : [],\n    ),\n  );\n  const visibleOptions = options.filter((option) => {\n    if (filterOption === false) return true;\n    if (filterOption) return filterOption(text, option);\n    return (option.searchLabel ?? (typeof option.label === 'string' ? option.label : option.value))\n      .toLocaleLowerCase()\n      .includes(text.toLocaleLowerCase());\n  });\n  const virtual = virtualProp ?? visibleOptions.length > 100;\n  const virtualizer = useVirtualizer({\n    count: visibleOptions.length,\n    getScrollElement: () => panelRef.current,\n    estimateSize: () => optionHeight,\n    enabled: open && virtual,\n    initialRect: { height: listHeight, width: 240 },\n    overscan: 5,\n  });\n  useEffect(() => {\n    if (open && virtual && active >= 0) virtualizer.scrollToIndex(active, { align: 'auto' });\n  }, [open, virtual, active, virtualizer]);\n  const expanded = open && !disabled && !readOnly;\n  const hasSuggestions = visibleOptions.length > 0 && !errorContent;\n  const listboxProps = {\n    id: listId,\n    role: 'listbox' as const,\n    'aria-busy': loading || undefined,\n    'aria-label': ariaLabel\n      ? format('autoComplete.suggestions', { label: ariaLabel })\n      : messages.autoComplete.empty,\n  };\n  useFloatingDismiss(expanded, () => setOpen(false), inputRef, panelRef);\n  useActiveOption(expanded, visibleOptions[active] ? `${listId}-${active}` : undefined, panelRef);\n  const highlight = useFloatingHighlight(\n    expanded,\n    panelRef,\n    visibleOptions[active] ? `${listId}-${active}` : undefined,\n    `${text}:${visibleOptions[active]?.value}:${visibleOptions.length}:${virtualizer.range?.startIndex}:${virtualizer.range?.endIndex}`,\n  );\n\n  const select = (option: AutoCompleteOption) => {\n    if (option.disabled || readOnly || disabled) return;\n    setText(option.value);\n    onChange?.(option.value);\n    onSelect?.(option.value, option);\n    setOpen(false);\n    setActive(-1);\n    inputRef.current?.focus();\n  };\n\n  const move = (direction: number) => {\n    let index = active < 0 ? (direction > 0 ? -1 : visibleOptions.length) : active;\n    for (let step = 0; step < visibleOptions.length; step += 1) {\n      index = (index + direction + visibleOptions.length) % visibleOptions.length;\n      if (!visibleOptions[index]?.disabled) {\n        setActive(index);\n        break;\n      }\n    }\n  };\n\n  return (\n    <div\n      ref={rootRef}\n      className={classes('leaf-autocomplete', `leaf-autocomplete--${size}`, className)}\n      style={style}\n      data-status={status}\n      data-disabled={disabled ? '' : undefined}\n      data-open={open ? '' : undefined}\n      data-clearable={allowClear && text && !disabled && !readOnly ? '' : undefined}\n    >\n      <input\n        {...props}\n        id={props.id ?? field?.id}\n        required={props.required ?? field?.required}\n        aria-describedby={\n          [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n        }\n        ref={ref}\n        type=\"text\"\n        form={form}\n        className=\"leaf-autocomplete__input\"\n        disabled={disabled}\n        readOnly={readOnly}\n        value={text}\n        autoComplete={autoComplete}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-expanded={expanded}\n        aria-haspopup=\"listbox\"\n        aria-controls={listId}\n        aria-activedescendant={\n          expanded && visibleOptions[active] ? `${listId}-${active}` : undefined\n        }\n        aria-label={ariaLabel}\n        aria-invalid={status === 'error' ? true : ariaInvalid}\n        onFocus={(event) => {\n          onFocus?.(event);\n          if (!event.defaultPrevented && !readOnly) setOpen(true);\n        }}\n        onChange={(event) => {\n          const next = event.target.value;\n          setText(next);\n          setActive(-1);\n          setOpen(true);\n          onChange?.(next);\n          onSearch?.(next);\n        }}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          if (event.defaultPrevented || event.nativeEvent.isComposing || readOnly) return;\n          if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n            event.preventDefault();\n            setOpen(true);\n            move(event.key === 'ArrowDown' ? 1 : -1);\n          } else if (event.key === 'Enter' && expanded && visibleOptions[active]) {\n            event.preventDefault();\n            const option = visibleOptions[active];\n            if (option) select(option);\n          } else if (event.key === 'Escape') {\n            event.preventDefault();\n            event.stopPropagation();\n            setOpen(false);\n          } else if (event.key === 'Tab') setOpen(false);\n        }}\n      />\n      {allowClear && text && !disabled && !readOnly && (\n        <ClearButton\n          label={messages.input.clear}\n          onClear={() => {\n            setText('');\n            onChange?.('');\n            onSearch?.('');\n            inputRef.current?.focus();\n          }}\n        />\n      )}\n      <FloatingPanel\n        open={expanded}\n        triggerRef={rootRef}\n        panelRef={panelRef}\n        matchWidth={popupWidth === 'trigger'}\n        width={\n          popupWidth === 'trigger' ? undefined : popupWidth === 'auto' ? 'max-content' : popupWidth\n        }\n        maxWidth={popupMaxWidth}\n        {...(hasSuggestions ? listboxProps : {})}\n        className={classes('leaf-floating', 'leaf-autocomplete__panel', popupClassName)}\n        data-hover-motion=\"\"\n        data-selection=\"candidate\"\n        placement={popupPlacement}\n        style={{ maxHeight: listHeight, ...popupStyle }}\n        container={getPopupContainer}\n        render={popupRender}\n      >\n        {!hasSuggestions && <div {...listboxProps} />}\n        <FloatingHighlight style={highlight} />\n        {loading && !visibleOptions.length ? (\n          <FloatingFeedback loading>{messages.common.loading}</FloatingFeedback>\n        ) : errorContent ? (\n          <div className=\"leaf-floating__empty\" role=\"alert\">\n            {errorContent}\n          </div>\n        ) : visibleOptions.length ? (\n          <div\n            className={virtual ? undefined : 'leaf-floating__options'}\n            style={\n              virtual ? { height: virtualizer.getTotalSize(), position: 'relative' } : undefined\n            }\n          >\n            {(virtual\n              ? virtualizer.getVirtualItems().map((item) => ({\n                  option: visibleOptions[item.index],\n                  index: item.index,\n                  start: item.start,\n                }))\n              : visibleOptions.map((option, index) => ({ option, index, start: 0 }))\n            ).map(\n              ({ option, index, start }) =>\n                option && (\n                  <div\n                    key={option.value}\n                    ref={virtual ? virtualizer.measureElement : undefined}\n                    data-index={virtual ? index : undefined}\n                    style={\n                      virtual\n                        ? {\n                            position: 'absolute',\n                            top: 0,\n                            insetInlineStart: 0,\n                            width: '100%',\n                            transform: `translateY(${start}px)`,\n                          }\n                        : undefined\n                    }\n                  >\n                    {groups.has(option.value) &&\n                      (index === 0 ||\n                        groups.get(visibleOptions[index - 1]?.value ?? '') !==\n                          groups.get(option.value)) && (\n                        <div className=\"leaf-select__group\">{groups.get(option.value)}</div>\n                      )}\n                    <button\n                      key={option.value}\n                      id={`${listId}-${index}`}\n                      type=\"button\"\n                      role=\"option\"\n                      tabIndex={-1}\n                      aria-selected={active === index}\n                      disabled={option.disabled}\n                      aria-disabled={option.disabled || undefined}\n                      className=\"leaf-floating__option\"\n                      onMouseDown={(event) => event.preventDefault()}\n                      onMouseEnter={() => !option.disabled && setActive(index)}\n                      onClick={() => select(option)}\n                    >\n                      <span className=\"leaf-floating__option-label\">\n                        {optionRender?.(option) ?? option.label ?? option.value}\n                      </span>\n                    </button>\n                  </div>\n                ),\n            )}\n          </div>\n        ) : (\n          <FloatingFeedback>{notFoundContent ?? messages.autoComplete.empty}</FloatingFeedback>\n        )}\n      </FloatingPanel>\n    </div>\n  );\n});\nAutoComplete.displayName = 'AutoComplete';\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","AutoComplete","forwardRef","rawProps","forwardedRef","entries","value","defaultValue","size","statusProp","filterOption","disabledProp","readOnly","className","style","form","onChange","onSelect","onSearch","controlledOpen","defaultOpen","onOpenChange","loading","notFoundContent","errorContent","optionRender","allowClear","virtualProp","listHeight","optionHeightProp","popupWidth","popupMaxWidth","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","onKeyDown","onFocus","autoComplete","ariaLabel","ariaInvalid","props","useComponentProps","field","useFormField","disabled","status","undefined","messages","theme","density","useLeafConfig","format","useFormattedText","optionHeight","Math","estimateControlHeight","inputRef","useRef","rootRef","panelRef","ref","useMergedRef","text","setText","useFieldValue","open","setOpen","usePopupState","active","setActive","useState","listId","useId","options","entry","groups","Map","option","visibleOptions","virtual","virtualizer","useVirtualizer","useEffect","expanded","hasSuggestions","listboxProps","useFloatingDismiss","useActiveOption","highlight","useFloatingHighlight","select","move","direction","index","step","classes","Boolean","event","next","ClearButton","FloatingPanel","FloatingHighlight","FloatingFeedback","item","start"],"mappings":";;;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;;;;;;;;;ACoEO,MAAMI,4BAAeC,AAAA,WAAHD,GAAGC,IAAAA,+BAAAA,UAAAA,AAAAA,EAAgD,SAC1EC,QAA2B,EAC3BC,YAAY;IAEZ,MAAM,EACJ,SAASC,OAAO,EAChBC,KAAK,EACLC,eAAe,EAAE,EACjBC,OAAO,IAAI,EACX,QAAQC,UAAU,EAClBC,YAAY,EACZ,UAAUC,YAAY,EACtBC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,IAAI,EACJC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACR,MAAMC,cAAc,EACpBC,WAAW,EACXC,YAAY,EACZC,OAAO,EACPC,eAAe,EACfC,YAAY,EACZC,YAAY,EACZC,UAAU,EACV,SAASC,WAAW,EACpBC,aAAa,GAAG,EAChB,cAAcC,gBAAgB,EAC9BC,aAAa,SAAS,EACtBC,aAAa,EACbC,cAAc,EACdC,cAAc,EACdC,UAAU,EACVC,WAAW,EACXC,iBAAiB,EACjBC,SAAS,EACTC,OAAO,EACPC,eAAe,KAAK,EACpB,cAAcC,SAAS,EACvB,gBAAgBC,WAAW,EAC3B,GAAGC,OACJ,GAAGC,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,gBAAgBxC;IACtC,MAAMyC,QAAQC,AAAAA,IAAAA,yBAAAA,YAAAA,AAAAA;IACd,MAAMC,WAAWnC,gBAAgBiC,OAAO;IACxC,MAAMG,SAAStC,cAAemC,CAAAA,OAAO,QAAQ,UAAUI,MAAQ;IAC/D,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,OAAO,EAAE,GAAGC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACrC,MAAMC,SAASC,AAAAA,IAAAA,uCAAAA,gBAAAA,AAAAA;IACf,MAAMC,eAAe1B,oBAAoB2B,KAAK,GAAG,CAAC,IAAIC,AAAAA,IAAAA,qCAAAA,qBAAAA,AAAAA,EAAsBP,OAAOC,WAAW;IAC9F,MAAMO,WAAWC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAyB;IAC1C,MAAMC,UAAUD,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAuB;IACvC,MAAME,WAAWF,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAuB;IACxC,MAAMG,MAAMC,AAAAA,IAAAA,0BAAAA,YAAAA,AAAAA,EAAaL,UAAUtD;IACnC,MAAM,CAAC4D,MAAMC,QAAQ,GAAGC,AAAAA,IAAAA,0BAAAA,aAAAA,AAAAA,EAAc5D,OAAOC,cAAcmD,UAAU3C;IACrE,MAAM,CAACoD,MAAMC,QAAQ,GAAGC,AAAAA,IAAAA,6BAAAA,aAAAA,AAAAA,EACtBvB,YAAYlC,UACZS,cACAF,gBACAC;IAEF,MAAM,CAACkD,QAAQC,UAAU,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAAS;IACrC,MAAMC,SAAS,GAAGC,AAAAA,IAAAA,+BAAAA,KAAAA,AAAAA,IAAQ,YAAY,CAAC;IACvC,MAAMC,UAAUtE,QAAQ,OAAO,CAAC,CAACuE,QAAW,aAAaA,QAAQ;eAAIA,MAAM,OAAO;SAAC,GAAG;YAACA;SAAM;IAC7F,MAAMC,SAAS,IAAIC,IACjBzE,QAAQ,OAAO,CAAC,CAACuE,QACf,aAAaA,QAAQA,MAAM,OAAO,CAAC,GAAG,CAAC,CAACG,SAAW;gBAACA,OAAO,KAAK;gBAAEH,MAAM,KAAK;aAAC,IAAa,EAAE;IAGjG,MAAMI,iBAAiBL,QAAQ,MAAM,CAAC,CAACI;QACrC,IAAIrE,AAAiB,UAAjBA,cAAwB,OAAO;QACnC,IAAIA,cAAc,OAAOA,aAAasD,MAAMe;QAC5C,OAAQA,AAAAA,CAAAA,OAAO,WAAW,IAAK,CAAwB,YAAxB,OAAOA,OAAO,KAAK,GAAgBA,OAAO,KAAK,GAAGA,OAAO,KAAI,GACzF,iBAAiB,GACjB,QAAQ,CAACf,KAAK,iBAAiB;IACpC;IACA,MAAMiB,UAAUtD,eAAeqD,eAAe,MAAM,GAAG;IACvD,MAAME,cAAcC,AAAAA,IAAAA,8BAAAA,cAAAA,AAAAA,EAAe;QACjC,OAAOH,eAAe,MAAM;QAC5B,kBAAkB,IAAMnB,SAAS,OAAO;QACxC,cAAc,IAAMN;QACpB,SAASY,QAAQc;QACjB,aAAa;YAAE,QAAQrD;YAAY,OAAO;QAAI;QAC9C,UAAU;IACZ;IACAwD,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACR,IAAIjB,QAAQc,WAAWX,UAAU,GAAGY,YAAY,aAAa,CAACZ,QAAQ;YAAE,OAAO;QAAO;IACxF,GAAG;QAACH;QAAMc;QAASX;QAAQY;KAAY;IACvC,MAAMG,WAAWlB,QAAQ,CAACrB,YAAY,CAAClC;IACvC,MAAM0E,iBAAiBN,eAAe,MAAM,GAAG,KAAK,CAACxD;IACrD,MAAM+D,eAAe;QACnB,IAAId;QACJ,MAAM;QACN,aAAanD,WAAW0B;QACxB,cAAcR,YACVa,OAAO,4BAA4B;YAAE,OAAOb;QAAU,KACtDS,SAAS,YAAY,CAAC,KAAK;IACjC;IACAuC,IAAAA,6BAAAA,kBAAAA,AAAAA,EAAmBH,UAAU,IAAMjB,QAAQ,QAAQV,UAAUG;IAC7D4B,IAAAA,6BAAAA,eAAAA,AAAAA,EAAgBJ,UAAUL,cAAc,CAACV,OAAO,GAAG,GAAGG,OAAO,CAAC,EAAEH,QAAQ,GAAGtB,QAAWa;IACtF,MAAM6B,YAAYC,AAAAA,IAAAA,uCAAAA,oBAAAA,AAAAA,EAChBN,UACAxB,UACAmB,cAAc,CAACV,OAAO,GAAG,GAAGG,OAAO,CAAC,EAAEH,QAAQ,GAAGtB,QACjD,GAAGgB,KAAK,CAAC,EAAEgB,cAAc,CAACV,OAAO,EAAE,MAAM,CAAC,EAAEU,eAAe,MAAM,CAAC,CAAC,EAAEE,YAAY,KAAK,EAAE,WAAW,CAAC,EAAEA,YAAY,KAAK,EAAE,UAAU;IAGrI,MAAMU,SAAS,CAACb;QACd,IAAIA,OAAO,QAAQ,IAAInE,YAAYkC,UAAU;QAC7CmB,QAAQc,OAAO,KAAK;QACpB/D,WAAW+D,OAAO,KAAK;QACvB9D,WAAW8D,OAAO,KAAK,EAAEA;QACzBX,QAAQ;QACRG,UAAU;QACVb,SAAS,OAAO,EAAE;IACpB;IAEA,MAAMmC,OAAO,CAACC;QACZ,IAAIC,QAAQzB,SAAS,IAAKwB,YAAY,IAAI,KAAKd,eAAe,MAAM,GAAIV;QACxE,IAAK,IAAI0B,OAAO,GAAGA,OAAOhB,eAAe,MAAM,EAAEgB,QAAQ,EAAG;YAC1DD,QAASA,AAAAA,CAAAA,QAAQD,YAAYd,eAAe,MAAK,IAAKA,eAAe,MAAM;YAC3E,IAAI,CAACA,cAAc,CAACe,MAAM,EAAE,UAAU;gBACpCxB,UAAUwB;gBACV;YACF;QACF;IACF;IAEA,OACE,AADK,WAAP,GACE,sCAAC;QACC,KAAKnC;QACL,WAAWqC,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,qBAAqB,CAAC,mBAAmB,EAAEzF,MAAM,EAAEK;QACtE,OAAOC;QACP,eAAaiC;QACb,iBAAeD,WAAW,KAAKE;QAC/B,aAAWmB,OAAO,KAAKnB;QACvB,kBAAgBtB,cAAcsC,QAAQ,CAAClB,YAAY,CAAClC,WAAW,KAAKoC;;0BAEpE,qCAAC;gBACE,GAAGN,KAAK;gBACT,IAAIA,MAAM,EAAE,IAAIE,OAAO;gBACvB,UAAUF,MAAM,QAAQ,IAAIE,OAAO;gBACnC,oBACE;oBAACF,KAAK,CAAC,mBAAmB;oBAAEE,OAAO;iBAAc,CAAC,MAAM,CAACsD,SAAS,IAAI,CAAC,QAAQlD;gBAEjF,KAAKc;gBACL,MAAK;gBACL,MAAM/C;gBACN,WAAU;gBACV,UAAU+B;gBACV,UAAUlC;gBACV,OAAOoD;gBACP,cAAczB;gBACd,MAAK;gBACL,qBAAkB;gBAClB,iBAAe8C;gBACf,iBAAc;gBACd,iBAAeZ;gBACf,yBACEY,YAAYL,cAAc,CAACV,OAAO,GAAG,GAAGG,OAAO,CAAC,EAAEH,QAAQ,GAAGtB;gBAE/D,cAAYR;gBACZ,gBAAcO,AAAW,YAAXA,SAAqB,OAAON;gBAC1C,SAAS,CAAC0D;oBACR7D,UAAU6D;oBACV,IAAI,CAACA,MAAM,gBAAgB,IAAI,CAACvF,UAAUwD,QAAQ;gBACpD;gBACA,UAAU,CAAC+B;oBACT,MAAMC,OAAOD,MAAM,MAAM,CAAC,KAAK;oBAC/BlC,QAAQmC;oBACR7B,UAAU;oBACVH,QAAQ;oBACRpD,WAAWoF;oBACXlF,WAAWkF;gBACb;gBACA,WAAW,CAACD;oBACV9D,YAAY8D;oBACZ,IAAIA,MAAM,gBAAgB,IAAIA,MAAM,WAAW,CAAC,WAAW,IAAIvF,UAAU;oBACzE,IAAIuF,AAAc,gBAAdA,MAAM,GAAG,IAAoBA,AAAc,cAAdA,MAAM,GAAG,EAAgB;wBACxDA,MAAM,cAAc;wBACpB/B,QAAQ;wBACRyB,KAAKM,AAAc,gBAAdA,MAAM,GAAG,GAAmB,IAAI;oBACvC,OAAO,IAAIA,AAAc,YAAdA,MAAM,GAAG,IAAgBd,YAAYL,cAAc,CAACV,OAAO,EAAE;wBACtE6B,MAAM,cAAc;wBACpB,MAAMpB,SAASC,cAAc,CAACV,OAAO;wBACrC,IAAIS,QAAQa,OAAOb;oBACrB,OAAO,IAAIoB,AAAc,aAAdA,MAAM,GAAG,EAAe;wBACjCA,MAAM,cAAc;wBACpBA,MAAM,eAAe;wBACrB/B,QAAQ;oBACV,OAAO,IAAI+B,AAAc,UAAdA,MAAM,GAAG,EAAY/B,QAAQ;gBAC1C;;YAED1C,cAAcsC,QAAQ,CAAClB,YAAY,CAAClC,YACnC,AAD+C,WAAZA,GACnC,qCAACyF,iCAAAA,WAAWA,EAAAA;gBACV,OAAOpD,SAAS,KAAK,CAAC,KAAK;gBAC3B,SAAS;oBACPgB,QAAQ;oBACRjD,WAAW;oBACXE,WAAW;oBACXwC,SAAS,OAAO,EAAE;gBACpB;;0BAGJ,sCAAC4C,6BAAAA,aAAaA,EAAAA;gBACZ,MAAMjB;gBACN,YAAYzB;gBACZ,UAAUC;gBACV,YAAY/B,AAAe,cAAfA;gBACZ,OACEA,AAAe,cAAfA,aAA2BkB,SAAYlB,AAAe,WAAfA,aAAwB,gBAAgBA;gBAEjF,UAAUC;gBACT,GAAIuD,iBAAiBC,eAAe,CAAC,CAAC;gBACvC,WAAWU,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,iBAAiB,4BAA4BhE;gBAChE,qBAAkB;gBAClB,kBAAe;gBACf,WAAWD;gBACX,OAAO;oBAAE,WAAWJ;oBAAY,GAAGM,UAAU;gBAAC;gBAC9C,WAAWE;gBACX,QAAQD;;oBAEP,CAACmD,kBAAkB,WAAlBA,GAAkB,qCAAC;wBAAK,GAAGC,YAAY;;kCACzC,qCAACgB,uCAAAA,iBAAiBA,EAAAA;wBAAC,OAAOb;;oBACzBpE,WAAW,CAAC0D,eAAe,MAAM,GAChC,AADmC,WAAH,GAChC,qCAACwB,sCAAAA,gBAAgBA,EAAAA;wBAAC,SAAO;kCAAEvD,SAAS,MAAM,CAAC,OAAO;yBAChDzB,eACF,AADiB,WAAfA,GACF,qCAAC;wBAAI,WAAU;wBAAuB,MAAK;kCACxCA;yBAEDwD,eAAe,MAAM,GACvB,AAD0B,WAAH,GACvB,qCAAC;wBACC,WAAWC,UAAUjC,SAAY;wBACjC,OACEiC,UAAU;4BAAE,QAAQC,YAAY,YAAY;4BAAI,UAAU;wBAAW,IAAIlC;kCAGzEiC,AAAAA,CAAAA,UACEC,YAAY,eAAe,GAAG,GAAG,CAAC,CAACuB,OAAU;gCAC3C,QAAQzB,cAAc,CAACyB,KAAK,KAAK,CAAC;gCAClC,OAAOA,KAAK,KAAK;gCACjB,OAAOA,KAAK,KAAK;4BACnB,MACAzB,eAAe,GAAG,CAAC,CAACD,QAAQgB,QAAW;gCAAEhB;gCAAQgB;gCAAO,OAAO;4BAAE,GAAE,EACrE,GAAG,CACH,CAAC,EAAEhB,MAAM,EAAEgB,KAAK,EAAEW,KAAK,EAAE,GACvB3B,UACE,AADQ,WAAVA,GACE,sCAAC;gCAEC,KAAKE,UAAUC,YAAY,cAAc,GAAGlC;gCAC5C,cAAYiC,UAAUc,QAAQ/C;gCAC9B,OACEiC,UACI;oCACE,UAAU;oCACV,KAAK;oCACL,kBAAkB;oCAClB,OAAO;oCACP,WAAW,CAAC,WAAW,EAAEyB,MAAM,GAAG,CAAC;gCACrC,IACA1D;;oCAGL6B,OAAO,GAAG,CAACE,OAAO,KAAK,KACrBgB,CAAAA,AAAU,MAAVA,SACClB,OAAO,GAAG,CAACG,cAAc,CAACe,QAAQ,EAAE,EAAE,SAAS,QAC7ClB,OAAO,GAAG,CAACE,OAAO,KAAK,MACzB,AAD+B,WAAN,GACzB,qCAAC;wCAAI,WAAU;kDAAsBF,OAAO,GAAG,CAACE,OAAO,KAAK;;kDAEhE,qCAAC;wCAEC,IAAI,GAAGN,OAAO,CAAC,EAAEsB,OAAO;wCACxB,MAAK;wCACL,MAAK;wCACL,UAAU;wCACV,iBAAezB,WAAWyB;wCAC1B,UAAUhB,OAAO,QAAQ;wCACzB,iBAAeA,OAAO,QAAQ,IAAI/B;wCAClC,WAAU;wCACV,aAAa,CAACmD,QAAUA,MAAM,cAAc;wCAC5C,cAAc,IAAM,CAACpB,OAAO,QAAQ,IAAIR,UAAUwB;wCAClD,SAAS,IAAMH,OAAOb;kDAEtB,mDAAC;4CAAK,WAAU;sDACbtD,eAAesD,WAAWA,OAAO,KAAK,IAAIA,OAAO,KAAK;;uCAdpDA,OAAO,KAAK;;+BAtBdA,OAAO,KAAK;yBA4C3B,mDAACyB,sCAAAA,gBAAgBA,EAAAA;kCAAEjF,mBAAmB0B,SAAS,YAAY,CAAC,KAAK;;;;;;AAK3E;AACAhD,0BAAa,WAAW,GAAG"}

package/dist/cjs/browser/modules/button/button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"button/button.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/button/button.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { LoaderCircle } from 'lucide-react';\nimport { type ButtonHTMLAttributes, forwardRef, type ReactNode } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\nimport { useButtonWave } from './wave';\n\nexport type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'link';\nexport type ButtonSize = ControlSize;\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Visual style. @default 'solid' */\n  variant?: ButtonVariant;\n  /** Shared control size. @default 'md' (36px) */\n  size?: ButtonSize;\n  /** Uses the semantic danger color in every variant. */\n  danger?: boolean;\n  /** Displays a spinner and prevents repeated interactions. */\n  loading?: boolean;\n  /** Expands the button to the width of its container. */\n  fullWidth?: boolean;\n  /** Content before the label. Use aria-label for icon-only buttons. */\n  startIcon?: ReactNode;\n  /** Content after the label. */\n  endIcon?: ReactNode;\n}\n\n/** Internal rendering primitive; its owner resolves defaults and interaction constraints. */\nexport const ButtonControl = forwardRef<HTMLButtonElement, ButtonProps>(function ButtonControl(\n  rawProps: ButtonProps,\n  ref,\n) {\n  const {\n    variant = 'solid',\n    size = 'md',\n    danger = false,\n    loading = false,\n    fullWidth = false,\n    disabled = false,\n    type = 'button',\n    className,\n    children,\n    startIcon,\n    endIcon,\n    onClick,\n    'aria-busy': ariaBusy,\n    ...props\n  } = rawProps;\n  const hasLabel =\n    children !== undefined && children !== null && children !== false && children !== '';\n  const iconOnly = !hasLabel && Boolean(startIcon || endIcon || loading);\n  const hasWave = variant === 'solid' || variant === 'outline';\n  const { wave, play } = useButtonWave(disabled || loading || !hasWave);\n\n  return (\n    <button\n      {...props}\n      ref={ref}\n      type={type}\n      className={classes(\n        'leaf-button',\n        `leaf-button--${variant}`,\n        `leaf-button--${size}`,\n        danger && 'leaf-button--danger',\n        iconOnly && 'leaf-button--icon-only',\n        fullWidth && 'leaf-button--full-width',\n        className,\n      )}\n      disabled={disabled || loading}\n      aria-busy={loading || ariaBusy}\n      data-loading={loading ? '' : undefined}\n      onClick={(event) => {\n        play(event.currentTarget);\n        onClick?.(event);\n      }}\n    >\n      {hasWave && <span ref={wave} className=\"leaf-button__wave\" aria-hidden=\"true\" />}\n      <span className=\"leaf-button__content\">\n        {startIcon && (\n          <span className=\"leaf-button__icon\" aria-hidden=\"true\">\n            {startIcon}\n          </span>\n        )}\n        {hasLabel && <span className=\"leaf-button__label\">{children}</span>}\n        {endIcon && (\n          <span className=\"leaf-button__icon\" aria-hidden=\"true\">\n            {endIcon}\n          </span>\n        )}\n      </span>\n      <span className=\"leaf-button__loading\" aria-hidden=\"true\">\n        <LoaderCircle className=\"leaf-button__spinner\" />\n      </span>\n    </button>\n  );\n});\nButtonControl.displayName = 'ButtonControl';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(rawProps, ref) {\n  const props = useComponentProps('Button', rawProps);\n  return <ButtonControl {...props} ref={ref} />;\n});\nButton.displayName = 'Button';\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","ButtonControl","forwardRef","rawProps","ref","variant","size","danger","loading","fullWidth","disabled","type","className","children","startIcon","endIcon","onClick","ariaBusy","props","hasLabel","iconOnly","Boolean","hasWave","wave","play","useButtonWave","classes","undefined","event","LoaderCircle","Button","useComponentProps"],"mappings":"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"}
+{"version":3,"file":"button/button.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/button/button.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { LoaderCircle } from 'lucide-react';\nimport { type ButtonHTMLAttributes, forwardRef, type ReactNode } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\nimport { useButtonWave } from './wave';\n\nexport type ButtonVariant = 'solid' | 'outline' | 'soft' | 'link';\nexport type ButtonSize = ControlSize;\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Visual style. @default 'solid' */\n  variant?: ButtonVariant;\n  /** Shared control size. @default 'md' (36px) */\n  size?: ButtonSize;\n  /** Uses the semantic danger color in every variant. */\n  danger?: boolean;\n  /** Displays a spinner and prevents repeated interactions. */\n  loading?: boolean;\n  /** Expands the button to the width of its container. */\n  fullWidth?: boolean;\n  /** Content before the label. Use aria-label for icon-only buttons. */\n  startIcon?: ReactNode;\n  /** Content after the label. */\n  endIcon?: ReactNode;\n}\n\ninterface ButtonControlProps extends Omit<ButtonProps, 'variant'> {\n  /** Borderless controls remain an implementation detail of their owning components. */\n  variant?: ButtonVariant | 'ghost';\n}\n\n/** Internal rendering primitive; its owner resolves defaults and interaction constraints. */\nexport const ButtonControl = forwardRef<HTMLButtonElement, ButtonControlProps>(\n  function ButtonControl(rawProps: ButtonControlProps, ref) {\n    const {\n      variant = 'solid',\n      size = 'md',\n      danger = false,\n      loading = false,\n      fullWidth = false,\n      disabled = false,\n      type = 'button',\n      className,\n      children,\n      startIcon,\n      endIcon,\n      onClick,\n      'aria-busy': ariaBusy,\n      ...props\n    } = rawProps;\n    const hasLabel =\n      children !== undefined && children !== null && children !== false && children !== '';\n    const iconOnly = !hasLabel && Boolean(startIcon || endIcon || loading);\n    const hasWave = variant === 'solid' || variant === 'outline';\n    const { wave, play } = useButtonWave(disabled || loading || !hasWave);\n\n    return (\n      <button\n        {...props}\n        ref={ref}\n        type={type}\n        className={classes(\n          'leaf-button',\n          `leaf-button--${variant}`,\n          `leaf-button--${size}`,\n          danger && 'leaf-button--danger',\n          iconOnly && 'leaf-button--icon-only',\n          fullWidth && 'leaf-button--full-width',\n          className,\n        )}\n        disabled={disabled || loading}\n        aria-busy={loading || ariaBusy}\n        data-loading={loading ? '' : undefined}\n        onClick={(event) => {\n          play(event.currentTarget);\n          onClick?.(event);\n        }}\n      >\n        {hasWave && <span ref={wave} className=\"leaf-button__wave\" aria-hidden=\"true\" />}\n        <span className=\"leaf-button__content\">\n          {startIcon && (\n            <span className=\"leaf-button__icon\" aria-hidden=\"true\">\n              {startIcon}\n            </span>\n          )}\n          {hasLabel && <span className=\"leaf-button__label\">{children}</span>}\n          {endIcon && (\n            <span className=\"leaf-button__icon\" aria-hidden=\"true\">\n              {endIcon}\n            </span>\n          )}\n        </span>\n        <span className=\"leaf-button__loading\" aria-hidden=\"true\">\n          <LoaderCircle className=\"leaf-button__spinner\" />\n        </span>\n      </button>\n    );\n  },\n);\nButtonControl.displayName = 'ButtonControl';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(rawProps, ref) {\n  const props = useComponentProps('Button', rawProps);\n  return <ButtonControl {...props} ref={ref} />;\n});\nButton.displayName = 'Button';\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","ButtonControl","forwardRef","rawProps","ref","variant","size","danger","loading","fullWidth","disabled","type","className","children","startIcon","endIcon","onClick","ariaBusy","props","hasLabel","iconOnly","Boolean","hasWave","wave","play","useButtonWave","classes","undefined","event","LoaderCircle","Button","useComponentProps"],"mappings":"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"}

package/dist/cjs/browser/modules/cascader/cascader.cjs

@@ -60,7 +60,7 @@ function resolvePath(options, values) {
     return path;
 }
 const cascader_Cascader = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, forwardedRef) {
-    const { options: suppliedOptions, value, defaultValue = emptyPath, size = 'md', status: statusProp, placeholder, name, form, required: requiredProp, allowClear = true, disabled: disabledProp, className, style, onChange, onOpenChange, open: controlledOpen, defaultOpen, multiple = false, readOnly, showSearch, changeOnSelect, displayRender, optionRender, loadData, onLoadError, cacheKey, tagWrap = true, maxTagCount, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, onClick, onKeyDown, 'aria-label': ariaLabel, id: idProp, 'aria-describedby': ariaDescribedByProp, 'aria-invalid': ariaInvalid, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Cascader', rawProps);
+    const { options: suppliedOptions, value, defaultValue = emptyPath, size = 'md', status: statusProp, placeholder, name, form, required: requiredProp, allowClear = true, disabled: disabledProp, className, style, onChange, onOpenChange, open: controlledOpen, defaultOpen, multiple = false, readOnly, showSearch, changeOnSelect, displayRender, optionRender, loadData, onLoadError, cacheKey, tagWrap = true, maxTagCount, popupWidth = 'trigger', popupMaxWidth, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, onClick, onKeyDown, 'aria-label': ariaLabel, id: idProp, 'aria-describedby': ariaDescribedByProp, 'aria-invalid': ariaInvalid, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Cascader', rawProps);
     const { messages, direction } = (0, context_cjs_namespaceObject.useLeafConfig)();
     const format = (0, use_formatted_text_cjs_namespaceObject.useFormattedText)();
     const [loaded, setLoaded] = (0, external_react_namespaceObject.useState)(new Map());
@@ -103,6 +103,7 @@ const cascader_Cascader = /*#__PURE__*/ (0, external_react_namespaceObject.forwa
         field?.descriptionId
     ].filter(Boolean).join(' ') || void 0;
     const triggerRef = (0, external_react_namespaceObject.useRef)(null);
+    const rootRef = (0, external_react_namespaceObject.useRef)(null);
     const panelRef = (0, external_react_namespaceObject.useRef)(null);
     const ref = (0, field_cjs_namespaceObject.useMergedRef)(triggerRef, forwardedRef);
     const panelId = `${(0, external_react_namespaceObject.useId)()}-cascader`;
@@ -208,8 +209,10 @@ const cascader_Cascader = /*#__PURE__*/ (0, external_react_namespaceObject.forwa
         }
     };
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ref: rootRef,
         className: (0, classes_cjs_namespaceObject.classes)('leaf-cascader', `leaf-cascader--${size}`, multiple && 'leaf-cascader--multiple', className),
         style: style,
+        dir: props.dir ?? direction,
         "data-status": status,
         "data-disabled": disabled ? '' : void 0,
         "data-open": open ? '' : void 0,
@@ -217,6 +220,7 @@ const cascader_Cascader = /*#__PURE__*/ (0, external_react_namespaceObject.forwa
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
                 ...props,
+                dir: props.dir ?? direction,
                 ref: ref,
                 type: "button",
                 form: form,
@@ -300,8 +304,11 @@ const cascader_Cascader = /*#__PURE__*/ (0, external_react_namespaceObject.forwa
                 render: popupRender,
                 style: popupStyle,
                 open: open,
-                triggerRef: triggerRef,
+                triggerRef: rootRef,
                 panelRef: panelRef,
+                matchWidth: 'trigger' === popupWidth,
+                width: 'trigger' === popupWidth ? void 0 : 'auto' === popupWidth ? 'max-content' : popupWidth,
+                maxWidth: popupMaxWidth,
                 id: panelId,
                 className: (0, classes_cjs_namespaceObject.classes)('leaf-floating leaf-cascader__panel', popupClassName),
                 role: "dialog",