@lumx/react 4.11.0-next.9 → 4.12.0-alpha.0

package/_internal/{Dpulze-1.js → BvaFEHZn.js}

@@ -154,6 +154,73 @@ const ClickAwayProvider = ({
 };
 ClickAwayProvider.displayName = 'ClickAwayProvider';
 
+/**
+ * Sets up an IntersectionObserver on the given element.
+ * Calls `callback` when at least one observed entry is intersecting.
+ * Returns a cleanup function that unobserves the element.
+ */
+function setupInfiniteScrollObserver(element, callback, options) {
+  const observer = new IntersectionObserver((entries = []) => {
+    const hasIntersection = entries.some(entry => entry.isIntersecting);
+    if (!hasIntersection) {
+      return;
+    }
+    callback();
+  }, options);
+  observer.observe(element);
+  return () => {
+    observer.unobserve(element);
+  };
+}
+
+const INFINITE_SCROLL_CLASSNAME = 'lumx-infinite-scroll-anchor';
+/**
+ * Framework-agnostic InfiniteScroll sentinel component.
+ *
+ * Renders a tiny invisible div that triggers a callback when it enters the viewport
+ * (or intersects its root element) via IntersectionObserver.
+ *
+ * The div has a small height (4px) to avoid issues when a browser zoom is applied,
+ * where a zero-height element might not trigger IntersectionObserver reliably.
+ */
+const InfiniteScroll$1 = ({
+  ref
+}) =>
+/*#__PURE__*/
+// In order to avoid issues when a zoom is added to the browser, we add a small height to the div so that
+// the intersection has a higher chance of working correctly.
+jsx("div", {
+  ref: ref,
+  "aria-hidden": "true",
+  className: INFINITE_SCROLL_CLASSNAME,
+  style: {
+    height: '4px'
+  }
+});
+
+/**
+ * Handles basic callback pattern by using intersection observers.
+ */
+const InfiniteScroll = ({
+  callback,
+  options
+}) => {
+  const elementRef = React__default.useRef(null);
+  useEffect(() => {
+    const {
+      current: element
+    } = elementRef;
+    if (!element) {
+      return undefined;
+    }
+    return setupInfiniteScrollObserver(element, callback, options);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [elementRef.current, callback]);
+  return InfiniteScroll$1({
+    ref: elementRef
+  });
+};
+
 const PortalContext = /*#__PURE__*/React__default.createContext(() => ({
   container: document.body
 }));
@@ -191,5 +258,5 @@ const Portal = ({
   return /*#__PURE__*/createPortal(children, container);
 };
 
-export { ClickAwayProvider as C, DisabledStateProvider as D, Portal as P, PortalProvider as a, useDisabledStateContext as u };
-//# sourceMappingURL=Dpulze-1.js.map
+export { ClickAwayProvider as C, DisabledStateProvider as D, InfiniteScroll as I, Portal as P, PortalProvider as a, useDisabledStateContext as u };
+//# sourceMappingURL=BvaFEHZn.js.map

package/_internal/BvaFEHZn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BvaFEHZn.js","sources":["../../src/utils/disabled/DisabledStateContext.tsx","../../../lumx-core/src/js/utils/ClickAway/index.ts","../../src/hooks/useClickAway.tsx","../../src/utils/ClickAwayProvider/ClickAwayProvider.tsx","../../../lumx-core/src/js/utils/InfiniteScroll/setupInfiniteScrollObserver.ts","../../../lumx-core/src/js/utils/InfiniteScroll/index.tsx","../../src/utils/InfiniteScroll/InfiniteScroll.tsx","../../src/utils/Portal/PortalProvider.tsx","../../src/utils/Portal/Portal.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { DisabledStateContextValue } from '@lumx/core/js/utils/disabledState';\n\nexport const DisabledStateContext = React.createContext<DisabledStateContextValue>({ state: null });\n\nexport type DisabledStateProviderProps = DisabledStateContextValue & {\n    children: React.ReactNode;\n};\n\n/**\n * Disabled state provider.\n * All nested LumX Design System components inherit this disabled state.\n */\nexport function DisabledStateProvider({ children, ...value }: DisabledStateProviderProps) {\n    return <DisabledStateContext.Provider value={value}>{children}</DisabledStateContext.Provider>;\n}\n\n/**\n * Get DisabledState context value\n */\nexport function useDisabledStateContext(): DisabledStateContextValue {\n    return useContext(DisabledStateContext);\n}\n","/**\n * Shared types and logic for ClickAway detection.\n *\n * ClickAway detects clicks outside a set of elements and triggers a callback.\n * The core logic (event listening + target checking) is framework-agnostic.\n * Framework-specific wrappers (React hook, Vue composable) and context providers\n * (React context, Vue provide/inject) are implemented in each framework package.\n */\n\nimport type { Falsy } from '@lumx/core/js/types';\n\n/** Event types that trigger click away detection. */\nexport const CLICK_AWAY_EVENT_TYPES = ['mousedown', 'touchstart'] as const;\n\n/** Callback triggered when a click away is detected. */\nexport type ClickAwayCallback = EventListener | Falsy;\n\n/**\n * Check if the click event targets are outside all the given elements.\n *\n * @param targets - The event target elements (from `event.target` and `event.composedPath()`).\n * @param elements - The elements considered \"inside\" the click away context.\n * @returns `true` if the click is outside all elements (i.e. a click away).\n */\nexport function isClickAway(targets: HTMLElement[], elements: HTMLElement[]): boolean {\n    return !elements.some((element) => element instanceof Node && targets.some((target) => element.contains(target)));\n}\n\n/**\n * Imperative setup for click away detection.\n * Adds mousedown/touchstart listeners on `document` and calls the callback when a click\n * occurs outside the elements returned by `getElements`.\n *\n * Note: when `getElements` returns an empty array, any click is considered a click away.\n * Callers should guard against calling `setupClickAway` when no refs are registered.\n *\n * @param getElements - Getter returning the current list of elements considered \"inside\".\n * @param callback - Callback to invoke on click away.\n * @returns A teardown function that removes the event listeners.\n */\nexport function setupClickAway(\n    getElements: () => HTMLElement[],\n    callback: ClickAwayCallback,\n): (() => void) | undefined {\n    if (!callback) {\n        return undefined;\n    }\n\n    const listener: EventListener = (evt) => {\n        const targets = [evt.composedPath?.()[0], evt.target].filter((t): t is HTMLElement => t instanceof Node);\n        const elements = getElements();\n        if (isClickAway(targets, elements)) {\n            callback(evt);\n        }\n    };\n\n    CLICK_AWAY_EVENT_TYPES.forEach((evtType) => document.addEventListener(evtType, listener));\n    return () => {\n        CLICK_AWAY_EVENT_TYPES.forEach((evtType) => document.removeEventListener(evtType, listener));\n    };\n}\n","import { RefObject, useEffect } from 'react';\n\nimport { Falsy } from '@lumx/react/utils/type';\nimport { setupClickAway } from '@lumx/core/js/utils/ClickAway';\n\nexport interface ClickAwayParameters {\n    /**\n     * A callback function to call when the user clicks away from the elements.\n     */\n    callback: EventListener | Falsy;\n    /**\n     * Elements considered within the click away context (clicking outside them will trigger the click away callback).\n     */\n    childrenRefs: RefObject<Array<RefObject<HTMLElement>>>;\n}\n\n/**\n * Listen to clicks away from the given elements and callback the passed in function.\n *\n * Warning: If you need to detect click away on nested React portals, please use the `ClickAwayProvider` component.\n */\nexport function useClickAway({ callback, childrenRefs }: ClickAwayParameters): void {\n    useEffect(() => {\n        const getElements = () => {\n            const refs = childrenRefs.current;\n            if (!refs) return [];\n            return refs.map((ref) => ref?.current).filter(Boolean) as HTMLElement[];\n        };\n        return setupClickAway(getElements, callback);\n    }, [callback, childrenRefs]);\n}\n","import { createContext, RefObject, useContext, useEffect, useMemo, useRef } from 'react';\nimport { ClickAwayParameters, useClickAway } from '@lumx/react/hooks/useClickAway';\n\ninterface ContextValue {\n    childrenRefs: Array<RefObject<HTMLElement>>;\n    addRefs(...newChildrenRefs: Array<RefObject<HTMLElement>>): void;\n}\n\nconst ClickAwayAncestorContext = createContext<ContextValue | null>(null);\n\ninterface ClickAwayProviderProps extends ClickAwayParameters {\n    /**\n     * (Optional) Element that should be considered as part of the parent\n     */\n    parentRef?: RefObject<HTMLElement>;\n    /**\n     * Children\n     */\n    children?: React.ReactNode;\n}\n\n/**\n * Component combining the `useClickAway` hook with a React context to hook into the React component tree and make sure\n * we take into account both the DOM tree and the React tree to detect click away.\n *\n * @return the react component.\n */\nexport const ClickAwayProvider: React.FC<ClickAwayProviderProps> = ({\n    children,\n    callback,\n    childrenRefs,\n    parentRef,\n}) => {\n    const parentContext = useContext(ClickAwayAncestorContext);\n    const currentContext = useMemo(() => {\n        const context: ContextValue = {\n            childrenRefs: [],\n            /**\n             * Add element refs to the current context and propagate to the parent context.\n             */\n            addRefs(...newChildrenRefs) {\n                // Add element refs that should be considered as inside the click away context.\n                context.childrenRefs.push(...newChildrenRefs);\n\n                if (parentContext) {\n                    // Also add then to the parent context\n                    parentContext.addRefs(...newChildrenRefs);\n                    if (parentRef) {\n                        // The parent element is also considered as inside the parent click away context but not inside the current context\n                        parentContext.addRefs(parentRef);\n                    }\n                }\n            },\n        };\n        return context;\n    }, [parentContext, parentRef]);\n\n    useEffect(() => {\n        const { current: currentRefs } = childrenRefs;\n        if (!currentRefs) {\n            return;\n        }\n        currentContext.addRefs(...currentRefs);\n    }, [currentContext, childrenRefs]);\n\n    useClickAway({ callback, childrenRefs: useRef(currentContext.childrenRefs) });\n    return <ClickAwayAncestorContext.Provider value={currentContext}>{children}</ClickAwayAncestorContext.Provider>;\n};\nClickAwayProvider.displayName = 'ClickAwayProvider';\n","type EventCallback = (evt?: Event) => void;\n\n/**\n * Sets up an IntersectionObserver on the given element.\n * Calls `callback` when at least one observed entry is intersecting.\n * Returns a cleanup function that unobserves the element.\n */\nexport function setupInfiniteScrollObserver(\n    element: Element,\n    callback: EventCallback,\n    options?: IntersectionObserverInit,\n): () => void {\n    const observer = new IntersectionObserver((entries = []) => {\n        const hasIntersection = entries.some((entry) => entry.isIntersecting);\n\n        if (!hasIntersection) {\n            return;\n        }\n\n        callback();\n    }, options);\n\n    observer.observe(element);\n\n    return () => {\n        observer.unobserve(element);\n    };\n}\n","import type { CommonRef } from '../../types';\n\nexport { setupInfiniteScrollObserver } from './setupInfiniteScrollObserver';\n\nexport const INFINITE_SCROLL_CLASSNAME = 'lumx-infinite-scroll-anchor';\n\nexport interface InfiniteScrollProps {\n    /** Callback when infinite scroll component is in view */\n    // eslint-disable-next-line react/no-unused-prop-types\n    callback: (evt?: Event) => void;\n    /** Customize intersection observer option */\n    // eslint-disable-next-line react/no-unused-prop-types\n    options?: IntersectionObserverInit;\n}\n\n/**\n * Framework-agnostic InfiniteScroll sentinel component.\n *\n * Renders a tiny invisible div that triggers a callback when it enters the viewport\n * (or intersects its root element) via IntersectionObserver.\n *\n * The div has a small height (4px) to avoid issues when a browser zoom is applied,\n * where a zero-height element might not trigger IntersectionObserver reliably.\n */\nexport const InfiniteScroll = ({ ref }: { ref?: CommonRef }) => (\n    // In order to avoid issues when a zoom is added to the browser, we add a small height to the div so that\n    // the intersection has a higher chance of working correctly.\n    <div ref={ref} aria-hidden=\"true\" className={INFINITE_SCROLL_CLASSNAME} style={{ height: '4px' }} />\n);\n","import React, { useEffect } from 'react';\nimport {\n    InfiniteScroll as UI,\n    type InfiniteScrollProps,\n    setupInfiniteScrollObserver,\n} from '@lumx/core/js/utils/InfiniteScroll';\n\nexport type { InfiniteScrollProps };\n\n/**\n * Handles basic callback pattern by using intersection observers.\n */\nexport const InfiniteScroll: React.FC<InfiniteScrollProps> = ({ callback, options }) => {\n    const elementRef = React.useRef<HTMLDivElement | null>(null);\n\n    useEffect(() => {\n        const { current: element } = elementRef;\n        if (!element) {\n            return undefined;\n        }\n\n        return setupInfiniteScrollObserver(element, callback, options);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [elementRef.current, callback]);\n\n    return UI({ ref: elementRef });\n};\n","import React from 'react';\nimport type { PortalInit } from '@lumx/core/js/utils/Portal';\n\nexport type { PortalInit, PortalProviderProps } from '@lumx/core/js/utils/Portal';\n\nexport const PortalContext = React.createContext<PortalInit>(() => ({ container: document.body }));\n\nexport interface ReactPortalProviderProps {\n    children?: React.ReactNode;\n    value: PortalInit;\n}\n\n/**\n * Customize where <Portal> wrapped elements render (tooltip, popover, dialog, etc.)\n */\nexport const PortalProvider: React.FC<ReactPortalProviderProps> = PortalContext.Provider;\n","import React from 'react';\nimport { createPortal } from 'react-dom';\nimport { PortalContext } from './PortalProvider';\n\nexport type { PortalProps } from '@lumx/core/js/utils/Portal';\n\nexport interface ReactPortalProps {\n    enabled?: boolean;\n    children: React.ReactNode;\n}\n\n/**\n * Render children in a portal outside the current DOM position\n * (defaults to `document.body` but can be customized with the PortalContextProvider)\n */\nexport const Portal: React.FC<ReactPortalProps> = ({ children, enabled = true }) => {\n    const init = React.useContext(PortalContext);\n    const context = React.useMemo(\n        () => {\n            return enabled ? init() : null;\n        },\n        // Only update on 'enabled'\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [enabled],\n    );\n\n    React.useLayoutEffect(() => {\n        return context?.teardown;\n    }, [context?.teardown, enabled]);\n\n    const { container } = context ?? {};\n    if (!container || typeof container === 'string') {\n        return <>{children}</>;\n    }\n    return createPortal(children, container);\n};\n"],"names":["DisabledStateContext","React","createContext","state","DisabledStateProvider","children","value","_jsx","Provider","useDisabledStateContext","useContext","CLICK_AWAY_EVENT_TYPES","isClickAway","targets","elements","some","element","Node","target","contains","setupClickAway","getElements","callback","undefined","listener","evt","composedPath","filter","t","forEach","evtType","document","addEventListener","removeEventListener","useClickAway","childrenRefs","useEffect","refs","current","map","ref","Boolean","ClickAwayAncestorContext","ClickAwayProvider","parentRef","parentContext","currentContext","useMemo","context","addRefs","newChildrenRefs","push","currentRefs","useRef","displayName","setupInfiniteScrollObserver","options","observer","IntersectionObserver","entries","hasIntersection","entry","isIntersecting","observe","unobserve","INFINITE_SCROLL_CLASSNAME","InfiniteScroll","className","style","height","elementRef","UI","PortalContext","container","body","PortalProvider","Portal","enabled","init","useLayoutEffect","teardown","_Fragment","createPortal"],"mappings":"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"}

package/index.d.ts

@@ -4,7 +4,7 @@ import * as _lumx_core_js_types from '@lumx/core/js/types';
 import { ValueOf as ValueOf$1, GenericProps as GenericProps$1, HasTheme as HasTheme$1, PropsToOverride, HasAriaDisabled as HasAriaDisabled$1, HasRequiredLinkHref as HasRequiredLinkHref$1, HasClassName as HasClassName$1, HasCloseMode as HasCloseMode$1, JSXElement as JSXElement$1, CommonRef as CommonRef$1, Falsy, HeadingElement as HeadingElement$1, HasAriaLabelOrLabelledBy as HasAriaLabelOrLabelledBy$1 } from '@lumx/core/js/types';
 export * from '@lumx/core/js/types';
 import * as React$1 from 'react';
-import React__default, { Ref, ReactElement, ReactNode, SyntheticEvent, MouseEventHandler, KeyboardEventHandler, RefObject, SetStateAction, Key, CSSProperties, ElementType as ElementType$1, HTMLInputTypeAttribute, ComponentProps, ImgHTMLAttributes, AriaAttributes as AriaAttributes$1 } from 'react';
+import React__default, { Ref, ReactElement, ReactNode, SyntheticEvent, MouseEventHandler, KeyboardEventHandler, RefObject, SetStateAction, Key, CSSProperties, ElementType as ElementType$1, HTMLInputTypeAttribute, ComponentProps, ImgHTMLAttributes } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /** LumX Component Type. */
@@ -589,6 +589,7 @@ interface AutocompleteProps extends GenericProps$1, HasTheme$1 {
 /**
  * Autocomplete component.
  *
+ * @deprecated use `SelectTextField` instead
  * @param  props Component props.
  * @param  ref   Component ref.
  * @return React element.
@@ -608,7 +609,8 @@ interface AutocompleteMultipleProps extends AutocompleteProps {
 }
 /**
  * AutocompleteMultiple component.
- *
+
+ * @deprecated use `SelectTextField` instead
  * @param  props Component props.
  * @param  ref   Component ref.
  * @return React element.
@@ -1335,6 +1337,14 @@ interface ComboboxStateProps$1 {
      * When omitted, the empty state is not shown.
      */
     emptyMessage?: string | ((inputValue: string) => string);
+    /**
+     * Message callback to display the number of available options.
+     * Called with the current visible option count and should return a human-readable string
+     * (e.g. `(n) => \`${n} result(s) available\``).
+     * Displayed when the combobox is open, not empty, not loading, and not in error.
+     * When omitted, no option count message is shown.
+     */
+    nbOptionMessage?: (optionsLength: number) => string;
     /**
      * Error state title message.
      * When provided, the error state is active (takes priority over the empty state).
@@ -1356,10 +1366,10 @@ interface ComboboxStateProps$1 {
      */
     state?: {
         /**
-         * Whether the list currently has no visible options.
-         * Driven by the framework wrapper via the combobox handle's `emptyChange` event.
+         * The number of currently visible options.
+         * Driven by the framework wrapper via the combobox handle's `optionsChange` event.
          */
-        isEmpty?: boolean;
+        optionsLength?: number;
         /**
          * The current value of the combobox input.
          * Passed to `emptyMessage` when it is a function.
@@ -1856,6 +1866,17 @@ interface TextFieldProps$1 extends HasClassName, HasTheme, HasAriaDisabled, HasD
 }
 type TextFieldPropsToOverride = 'input' | 'IconButton' | 'labelProps' | 'textFieldRef' | 'clearButtonProps' | 'helperId' | 'errorId' | 'labelId' | 'isAnyDisabled' | 'isFocus';
 
+interface InputLabelProps extends ReactToJSX<InputLabelProps$1>, GenericProps$1 {
+}
+/**
+ * InputLabel component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const InputLabel: Comp<InputLabelProps, HTMLLabelElement>;
+
 /**
  * Defines the props of the component.
  */
@@ -2011,6 +2032,8 @@ interface ComboboxButtonProps$1 extends HasClassName {
 interface ComboboxProviderProps {
     /** Combobox content. */
     children?: ReactNode;
+    /** Callback fired when the combobox open state changes. */
+    onOpen?: (isOpen: boolean) => void;
 }
 /**
  * Combobox.Provider component.
@@ -2033,11 +2056,11 @@ interface ComboboxEventMap {
     /** Fired when the active descendant changes (visual focus). Payload: the option id or null. */
     activeDescendantChange: string | null;
     /**
-     * Fired when the visible option count transitions between empty and non-empty.
-     * Payload: whether the list is empty plus the current input value.
+     * Fired when the visible option count changes.
+     * Payload: the number of visible options plus the current input value.
      */
-    emptyChange: {
-        isEmpty?: boolean;
+    optionsChange: {
+        optionsLength: number;
         inputValue?: string;
     } | undefined;
     /**
@@ -2331,7 +2354,6 @@ interface DialogProps extends GenericProps$1, HasCloseMode$1, BaseDialogProps {
     /** Children */
     children?: React__default.ReactNode;
 }
-
 /**
  * Dialog component.
  *
@@ -3269,33 +3291,25 @@ interface InputHelperProps extends ReactToJSX<InputHelperProps$1>, GenericProps$
  */
 declare const InputHelper: Comp<InputHelperProps, HTMLParagraphElement>;
 
-interface InputLabelProps extends ReactToJSX<InputLabelProps$1>, GenericProps$1 {
+interface BaseLightboxProps extends HasClassName, HasTheme, Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> {
+    /** Whether the component is open or not. */
+    isOpen?: boolean;
+    /** Whether to keep the dialog open on clickaway or escape press. */
+    preventAutoClose?: boolean;
+    /** Z-axis position. */
+    zIndex?: number;
 }
-/**
- * InputLabel component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const InputLabel: Comp<InputLabelProps, HTMLLabelElement>;
 
 /**
  * Defines the props of the component.
  */
-interface LightboxProps extends GenericProps$1, HasTheme$1, Pick<AriaAttributes$1, 'aria-label' | 'aria-labelledby'> {
+interface LightboxProps extends GenericProps$1, ReactToJSX<BaseLightboxProps> {
     /** Props to pass to the close button (minus those already set by the Lightbox props). */
     closeButtonProps?: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;
-    /** Whether the component is open or not. */
-    isOpen?: boolean;
     /** Reference to the element that triggered modal opening to set focus on. */
     parentElement: RefObject<any>;
     /** Reference to the element that should get the focus when the lightbox opens. By default, the close button or the lightbox itself will take focus. */
     focusElement?: RefObject<HTMLElement>;
-    /** Whether to keep the dialog open on clickaway or escape press. */
-    preventAutoClose?: boolean;
-    /** Z-axis position. */
-    zIndex?: number;
     /** On close callback. */
     onClose?(): void;
     /** Children */
@@ -3922,6 +3936,7 @@ interface SelectProps extends CoreSelectProps {
 /**
  * Select component.
  *
+ * @deprecated use `SelectTextField` instead
  * @param  props Component props.
  * @param  ref   Component ref.
  * @return React element.
@@ -3939,12 +3954,278 @@ declare const SelectMultipleField: React.FC<SelectMultipleProps>;
 /**
  * SelectMultiple component.
  *
+ * @deprecated use `SelectTextField` instead
  * @param  props Component props.
  * @param  ref   Component ref.
  * @return React element.
  */
 declare const SelectMultiple: Comp<SelectMultipleProps, HTMLDivElement>;
 
+/**
+ * Status of the SelectTextField dropdown list.
+ *
+ * - `'idle'` — Default state, no loading indicators.
+ * - `'loading'` — Full loading: shows skeleton placeholders, hides real options.
+ * - `'loadingMore'` — Paginated loading: appends a skeleton after existing options.
+ * - `'error'` — Error state: shows an error message in the dropdown.
+ */
+type SelectTextFieldStatus = 'idle' | 'loading' | 'loadingMore' | 'error';
+/**
+ * Context passed to the `renderOption` callback alongside the option object.
+ * Contains core-computed values that the consumer should forward to `<Combobox.Option>`.
+ */
+interface RenderOptionContext {
+    /** Index of the option in the current (possibly section-filtered) list. */
+    index: number;
+    /** Resolved option id (from `getOptionId`). Should be passed as `value` to `<Combobox.Option>`. */
+    value: any;
+    /** Whether this option is currently selected. Should be forwarded as `isSelected`. */
+    isSelected: boolean;
+    /** Resolved description string (from `getOptionDescription`), if any. Should be forwarded as `description`. */
+    description?: string | null;
+}
+interface BaseSelectProps<O> {
+    /** List of option objects. */
+    options?: Array<O>;
+    /** Option object id selector. */
+    getOptionId: Selector<O>;
+    /** Option object name selector (falls back to id if not defined). */
+    getOptionName?: Selector<O, string | undefined | null>;
+    /** Option object description selector. */
+    getOptionDescription?: Selector<O, string | undefined | null>;
+    /**
+     * Custom option render function (core/Vue contract).
+     * Receives the option object and a `RenderOptionContext` with core-computed props (`value`,
+     * `isSelected`, `description`, `index`). The callee must render a `<Combobox.Option>` and
+     * forward those context values, including a unique `key`.
+     *
+     * @example (Vue / core level)
+     * renderOption={(fruit, { value, isSelected, description }) => (
+     *     <Combobox.Option key={value} value={value} isSelected={isSelected} description={description}>
+     *         <strong>{fruit.name}</strong>
+     *     </Combobox.Option>
+     * )}
+     */
+    renderOption?: (option: O, context: RenderOptionContext) => JSXElement;
+    /**
+     * Selector returning a section id string for each option. Options with the same
+     * section id are grouped together. The id is also used as the default displayed
+     * label unless `renderSectionTitle` is provided.
+     */
+    getSectionId?: Selector<O, string>;
+    /**
+     * Custom section title render function. Receives the section id and the options
+     * in that section. Returns custom JSX to display as the section header.
+     * When not provided, the section id is used as a plain text label.
+     */
+    renderSectionTitle?: (sectionId: string, options: O[]) => JSXElement;
+}
+/**
+ * Shared translation labels for SelectTextField wrappers (React and Vue).
+ */
+interface SelectTextFieldTranslations {
+    /** Accessible label for the clear button. */
+    clearLabel?: string;
+    /** Accessible label for the show-suggestions toggle button. When omitted, the toggle button is not rendered. */
+    showSuggestionsLabel?: string;
+    /** Accessible label for the chip group. */
+    chipGroupLabel?: string;
+    /** Accessible label for the remove action on chips (used in visually hidden text). */
+    chipRemoveLabel?: string;
+    /** Screen reader loading announcement (e.g. "Loading…"). */
+    loadingMessage?: string;
+    /**
+     * Message to display when the list has no visible options.
+     * Can be a plain string or a function receiving the current input value (for dynamic messages).
+     * When omitted, the empty state is not shown.
+     */
+    emptyMessage?: string | ((inputValue: string) => string);
+    /**
+     * Message callback to display the number of available options.
+     * Called with the current visible option count and should return a human-readable string
+     * (e.g. `(n) => \`${n} result(s) available\``).
+     * Displayed when the combobox is open, not empty, not loading, and not in error.
+     * When omitted, no option count message is shown.
+     */
+    nbOptionMessage?: (optionsLength: number) => string;
+    /** Error title displayed in the dropdown (e.g. "Failed to load"). */
+    errorMessage?: string;
+    /** Secondary error message (e.g. "Please try again"). */
+    errorTryReloadMessage?: string;
+}
+/**
+ * Wrapper-level props shared between React and Vue SelectTextField implementations.
+ * These are framework-specific concerns (not part of the core template) that both
+ * wrappers need — extracted here to avoid duplication.
+ */
+interface BaseSelectTextFieldWrapperProps<O> extends Pick<BaseSelectProps<O>, 'options' | 'getOptionId' | 'getOptionName' | 'getOptionDescription' | 'getSectionId'>, HasAriaDisabled, HasTheme {
+    /** Selection type: 'single' or 'multiple'. */
+    selectionType: 'single' | 'multiple';
+    /**
+     * Status of the dropdown list.
+     * @default 'idle'
+     */
+    listStatus?: SelectTextFieldStatus;
+    /**
+     * Controls how the combobox filters options as the user types.
+     *
+     * - `'auto'` — Options that do not match the input value are hidden client-side.
+     * - `'manual'` — All options remain visible; filtering is the consumer's
+     *   responsibility (e.g. by updating the `options` prop in response to `onSearch`).
+     * - `'off'` — Like `'manual'`, but the input is also set to `readOnly` and
+     *   `openOnFocus` defaults to `true` (useful for static dropdowns / pure pickers).
+     *
+     * This prop is independent of `onSearch`: you can use both together (e.g. client-side
+     * filtering + tracking search text for a "create" action), or use `filter: 'manual'`
+     * without `onSearch` for static dropdowns.
+     */
+    filter: 'auto' | 'manual' | 'off';
+    /**
+     * Controlled search input value.
+     * When provided, this value seeds (and resets) the visible search text in the input.
+     * Setting it to `''` (empty string) resets the input.
+     */
+    searchInputValue?: string;
+    /**
+     * Whether to show a clear button when a value is selected.
+     * @default true
+     */
+    hasClearButton?: boolean;
+    /**
+     * When true, the dropdown opens automatically when the input receives focus.
+     * When false (default), the dropdown only opens on click, typing, or keyboard navigation.
+     *
+     * @default false
+     */
+    openOnFocus?: boolean;
+    /** Field label (required). Also used as aria-label for the listbox. */
+    label: string;
+    /** Input placeholder text. */
+    placeholder?: string;
+    /** Leading icon (SVG path). */
+    icon?: string;
+    /** Disabled state. */
+    isDisabled?: boolean;
+    /** Required field indicator. */
+    isRequired?: boolean;
+    /** Error state flag. */
+    hasError?: boolean;
+    /** Error message text. */
+    error?: string;
+    /** Helper text below the field. */
+    helper?: string;
+    /** Native input id attribute. */
+    id?: string;
+    /** Native input name attribute. */
+    name?: string;
+    /** Whether displayed with valid style. */
+    isValid?: boolean;
+    /** Maximum string length (shows character counter). */
+    maxLength?: number;
+    /** Accessible label for the input element (overrides the visual label for screen readers). */
+    ariaLabel?: string;
+    /** Additional props forwarded to the Combobox.Input (and ultimately to TextField). */
+    inputProps?: Record<string, any>;
+    /** Props forwarded to the Combobox.Popover. */
+    popoverProps?: Record<string, any>;
+    /** Labels for the clear button, toggle button, and chip group. */
+    translations: SelectTextFieldTranslations;
+}
+
+interface BaseSelectTextFieldProps<O = any> extends BaseSelectTextFieldWrapperProps<O>, HasClassName$1 {
+    /**
+     * Custom option render function. Must return a `<Combobox.Option>` element with custom
+     * children/props. Core-computed props (`value`, `isSelected`, `description`, `key`) are
+     * merged in automatically — the consumer does not need to forward them.
+     */
+    renderOption?: (option: O, index: number) => React__default.ReactNode;
+    /**
+     * Custom section title render function. Receives the section id and the options
+     * in that section. Returns custom JSX to display as the section header.
+     * When not provided, the section id is used as a plain text label.
+     */
+    renderSectionTitle?: (sectionId: string, options: O[]) => React__default.ReactNode;
+    /**
+     * Callback fired when the search input text changes.
+     * Independent of `filter`: both can be used together (e.g. client-side
+     * filtering + tracking search text for a "create" action).
+     */
+    onSearch?: (searchText: string) => void;
+    /** Ref to the underlying input element. */
+    inputRef?: React__default.Ref<HTMLInputElement>;
+    /** Callback to load more items (infinite scroll). */
+    onLoadMore?: () => void;
+    /** Content to render before the options list. */
+    beforeOptions?: React__default.ReactNode;
+    /** Props forwarded to the Combobox.List popover. */
+    popoverProps?: ComboboxPopoverProps;
+    /** On blur callback. */
+    onBlur?: (event: React__default.FocusEvent) => void;
+    /** On focus callback. */
+    onFocus?: (event: React__default.FocusEvent) => void;
+    /** On key down callback. */
+    onKeyDown?: (event: React__default.KeyboardEvent) => void;
+    /** On clear callback (fired when the clear button is clicked). */
+    onClear?: (event?: SyntheticEvent) => void;
+    /** Callback fired when the dropdown open state changes. */
+    onOpen?: (isOpen: boolean) => void;
+}
+/** Single selection props **/
+interface SingleSelectTextFieldProps<O = any> extends BaseSelectTextFieldProps<O> {
+    /** Selection type. */
+    selectionType: 'single';
+    /** Selected option object. */
+    value?: O;
+    /** Callback on option selected (or cleared). */
+    onChange?: (newValue?: O) => void;
+    /** Not available in single selection. */
+    renderChip?: never;
+}
+/** Multiple selection props **/
+interface MultipleSelectTextFieldProps<O = any> extends BaseSelectTextFieldProps<O> {
+    /** Selection type. */
+    selectionType: 'multiple';
+    /** Selected option objects. */
+    value?: O[];
+    /** Callback on option array changed. */
+    onChange?: (newValue?: O[]) => void;
+    /** Custom chip render function. */
+    renderChip?: (option: O) => React__default.ReactNode;
+    /** Customize chip props per selected option. */
+    getChipProps?: (option: O) => Partial<ChipProps$1>;
+}
+/**
+ * SelectTextField props — supports both single and multiple selection.
+ */
+type SelectTextFieldProps<O = any> = SingleSelectTextFieldProps<O> | MultipleSelectTextFieldProps<O>;
+
+/**
+ * SelectTextField compound component.
+ */
+declare const SelectTextField: {
+    <O>(props: SelectTextFieldProps<O>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+} & {
+    /** Selectable option within the dropdown list. */
+    Option: Comp<ComboboxOptionProps, HTMLLIElement>;
+    /** Labelled group of options. */
+    Section: Comp<ComboboxSectionProps, HTMLLIElement>;
+    /** Info icon on an option that reveals a popover with additional details. */
+    OptionMoreInfo: {
+        (props: ComboboxOptionMoreInfoProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+        className: "lumx-combobox-option-more-info";
+    };
+    /** Skeleton loading placeholder for options being fetched. */
+    OptionSkeleton: {
+        (props: ComboboxOptionSkeletonProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+        className: "lumx-combobox-option-skeleton";
+    };
+    /** Visual separator between option groups (alias for ListDivider). Purely decorative — invisible to screen readers. */
+    Divider: Comp<ListDividerProps, HTMLLIElement>;
+};
+
 /**
  * Defines the props of the component.
  */
@@ -4994,5 +5275,5 @@ declare const ThemeProvider: React__default.FC<{
 /** Get the theme in the current context. */
 declare function useTheme(): ThemeContextValue;
 
-export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonEmphasis, ButtonGroup, CLASSNAME, COMPONENT_NAME, Checkbox, Chip, ChipGroup, Combobox, CommentBlock, CommentBlockVariant, DEFAULT_PROPS, DatePicker, DatePickerControlled, DatePickerField, Dialog, Divider, DragHandle, Dropdown, ExpansionPanel, Flag, FlexBox, GenericBlock, GenericBlockGapSize, Grid, GridColumn, GridItem, Heading, HeadingLevelProvider, Icon, IconButton, ImageBlock, ImageBlockCaptionPosition, ImageLightbox, InlineList, InputHelper, InputLabel, Lightbox, Link, LinkPreview, List, ListDivider, ListItem, ListSection, ListSubheader, Message, Mosaic, Navigation, Notification, Placement, Popover, PopoverDialog, PostBlock, Progress, ProgressCircular, ProgressLinear, ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel, ProgressVariant, RadioButton, RadioGroup, RawInputText, RawInputTextarea, Select, SelectMultiple, SelectMultipleField, SelectVariant, SelectionChipGroup, SideNavigation, SideNavigationItem, SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography, Slider, Slides, Slideshow, SlideshowControls, SlideshowItem, Switch, Tab, TabList, TabListLayout, TabPanel, TabProvider, Table, TableBody, TableCell, TableCellVariant, TableCellVariant as TableCellVariantType, TableHeader, TableRow, Text, TextField, ThOrder, ThOrder as ThOrderType, ThemeProvider, Thumbnail, ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant, Toolbar, Tooltip, Uploader, UploaderVariant, UserBlock, clamp, useFocusPointStyle, useHeadingLevel, useTheme };
-export type { AlertDialogProps, AutocompleteMultipleProps, AutocompleteProps, AvatarProps, AvatarSize, BadgeProps, BadgeWrapperProps, BaseButtonProps, ButtonGroupProps, ButtonProps, ButtonSize, CheckboxProps, ChipGroupProps, ChipProps, ComboboxButtonProps, ComboboxInputProps, ComboboxListProps, ComboboxOptionActionProps, ComboboxOptionMoreInfoProps, ComboboxOptionProps, ComboboxOptionSkeletonProps, ComboboxPopoverComponentProps, ComboboxPopoverProps, ComboboxProviderProps, ComboboxSectionProps, ComboboxStateProps, CommentBlockProps, DatePickerControlledProps, DatePickerFieldProps, DatePickerProps, DialogProps, DialogSizes, DividerProps, DragHandleProps, DropdownProps, Elevation, ExpansionPanelProps, FlagProps, FlexBoxProps, FlexHorizontalAlignment, FlexVerticalAlignment, FocusPoint, GapSize, GenericBlockProps, GenericBlockSectionProps, GridColumnGapSize, GridColumnProps, GridItemProps, GridProps, HeadingLevelProviderProps, HeadingProps, IconButtonProps, IconProps, IconSizes, ImageBlockProps, ImageBlockSize, ImageLightboxProps, InlineListProps, InputHelperProps, InputLabelProps, LightboxProps, LinkPreviewProps, LinkProps, ListDividerProps, ListItemProps, ListItemSize, ListProps, ListSectionProps, ListSubheaderProps, MarginAutoAlignment, MessageProps, MosaicProps, NavigationProps, NotificationProps, Offset, PopoverDialogProps, PopoverProps, PostBlockProps, ProgressCircularProps, ProgressCircularSize, ProgressLinearProps, ProgressProps, ProgressTrackerProps, ProgressTrackerProviderProps, ProgressTrackerStepPanelProps, ProgressTrackerStepProps, RadioButtonProps, RadioGroupProps, RawInputTextProps, RawInputTextareaProps, SelectMultipleProps, SelectProps, SelectionChipGroupProps, SideNavigationItemProps, SideNavigationProps, SkeletonCircleProps, SkeletonRectangleProps, SkeletonTypographyProps, SliderProps, SlidesProps, SlideshowControlsProps, SlideshowItemProps, SlideshowProps, SwitchProps, TabListProps, TabPanelProps, TabProps, TabProviderProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TextFieldProps, TextProps, ThumbnailProps, ThumbnailSize, ToolbarProps, TooltipPlacement, TooltipProps, UploaderProps, UploaderSize, UserBlockProps, UserBlockSize };
+export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonEmphasis, ButtonGroup, CLASSNAME, COMPONENT_NAME, Checkbox, Chip, ChipGroup, Combobox, CommentBlock, CommentBlockVariant, DEFAULT_PROPS, DatePicker, DatePickerControlled, DatePickerField, Dialog, Divider, DragHandle, Dropdown, ExpansionPanel, Flag, FlexBox, GenericBlock, GenericBlockGapSize, Grid, GridColumn, GridItem, Heading, HeadingLevelProvider, Icon, IconButton, ImageBlock, ImageBlockCaptionPosition, ImageLightbox, InlineList, InputHelper, InputLabel, Lightbox, Link, LinkPreview, List, ListDivider, ListItem, ListSection, ListSubheader, Message, Mosaic, Navigation, Notification, Placement, Popover, PopoverDialog, PostBlock, Progress, ProgressCircular, ProgressLinear, ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel, ProgressVariant, RadioButton, RadioGroup, RawInputText, RawInputTextarea, Select, SelectMultiple, SelectMultipleField, SelectTextField, SelectVariant, SelectionChipGroup, SideNavigation, SideNavigationItem, SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography, Slider, Slides, Slideshow, SlideshowControls, SlideshowItem, Switch, Tab, TabList, TabListLayout, TabPanel, TabProvider, Table, TableBody, TableCell, TableCellVariant, TableCellVariant as TableCellVariantType, TableHeader, TableRow, Text, TextField, ThOrder, ThOrder as ThOrderType, ThemeProvider, Thumbnail, ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant, Toolbar, Tooltip, Uploader, UploaderVariant, UserBlock, clamp, useFocusPointStyle, useHeadingLevel, useTheme };
+export type { AlertDialogProps, AutocompleteMultipleProps, AutocompleteProps, AvatarProps, AvatarSize, BadgeProps, BadgeWrapperProps, BaseButtonProps, ButtonGroupProps, ButtonProps, ButtonSize, CheckboxProps, ChipGroupProps, ChipProps, ComboboxButtonProps, ComboboxInputProps, ComboboxListProps, ComboboxOptionActionProps, ComboboxOptionMoreInfoProps, ComboboxOptionProps, ComboboxOptionSkeletonProps, ComboboxPopoverComponentProps, ComboboxPopoverProps, ComboboxProviderProps, ComboboxSectionProps, ComboboxStateProps, CommentBlockProps, DatePickerControlledProps, DatePickerFieldProps, DatePickerProps, DialogProps, DialogSizes, DividerProps, DragHandleProps, DropdownProps, Elevation, ExpansionPanelProps, FlagProps, FlexBoxProps, FlexHorizontalAlignment, FlexVerticalAlignment, FocusPoint, GapSize, GenericBlockProps, GenericBlockSectionProps, GridColumnGapSize, GridColumnProps, GridItemProps, GridProps, HeadingLevelProviderProps, HeadingProps, IconButtonProps, IconProps, IconSizes, ImageBlockProps, ImageBlockSize, ImageLightboxProps, InlineListProps, InputHelperProps, InputLabelProps, LightboxProps, LinkPreviewProps, LinkProps, ListDividerProps, ListItemProps, ListItemSize, ListProps, ListSectionProps, ListSubheaderProps, MarginAutoAlignment, MessageProps, MosaicProps, MultipleSelectTextFieldProps, NavigationProps, NotificationProps, Offset, PopoverDialogProps, PopoverProps, PostBlockProps, ProgressCircularProps, ProgressCircularSize, ProgressLinearProps, ProgressProps, ProgressTrackerProps, ProgressTrackerProviderProps, ProgressTrackerStepPanelProps, ProgressTrackerStepProps, RadioButtonProps, RadioGroupProps, RawInputTextProps, RawInputTextareaProps, SelectMultipleProps, SelectProps, SelectTextFieldProps, SelectTextFieldStatus, SelectTextFieldTranslations, SelectionChipGroupProps, SideNavigationItemProps, SideNavigationProps, SingleSelectTextFieldProps, SkeletonCircleProps, SkeletonRectangleProps, SkeletonTypographyProps, SliderProps, SlidesProps, SlideshowControlsProps, SlideshowItemProps, SlideshowProps, SwitchProps, TabListProps, TabPanelProps, TabProps, TabProviderProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TextFieldProps, TextProps, ThumbnailProps, ThumbnailSize, ToolbarProps, TooltipPlacement, TooltipProps, UploaderProps, UploaderSize, UserBlockProps, UserBlockSize };