@gooddata/sdk-ui-kit 11.13.0-alpha.6 → 11.13.0

package/esm/@ui/UiCombobox/UiCombobox.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from "react";
+import type { IUiComboboxParams } from "./types.js";
+/** @internal */
+export interface UiComboboxProps extends IUiComboboxParams {
+    children?: ReactNode;
+}
+/**
+ * A composable combobox component that enables users to select from a filtered list of options.
+ *
+ * @internal
+ *
+ * @example
+ *
+ * ```tsx
+ * import { UiCombobox, UiComboboxInput, UiComboboxList, UiComboboxPopup } from "@gooddata/sdk-ui-kit";
+ *
+ * const options = [
+ *     { id: "apple", label: "Apple" },
+ *     { id: "banana", label: "Banana" },
+ *     { id: "apricot", label: "Apricot" },
+ * ];
+ *
+ * <UiCombobox options={options}>
+ *     <UiComboboxInput placeholder="Select a fruit..." />
+ *     <UiComboboxPopup>
+ *         <UiComboboxList />
+ *     </UiComboboxPopup>
+ * </UiCombobox>
+ * ```
+ */
+export declare function UiCombobox({ children, ...props }: UiComboboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UiCombobox.d.ts.map

package/esm/@ui/UiCombobox/UiCombobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiCombobox.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiCombobox/UiCombobox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAIpD,gBAAgB;AAChB,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAIjE"}

package/esm/@ui/UiCombobox/UiCombobox.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { UiComboboxContextProvider } from "./UiComboboxContext.js";
+import { useCombobox } from "./useCombobox.js";
+/**
+ * A composable combobox component that enables users to select from a filtered list of options.
+ *
+ * @internal
+ *
+ * @example
+ *
+ * ```tsx
+ * import { UiCombobox, UiComboboxInput, UiComboboxList, UiComboboxPopup } from "@gooddata/sdk-ui-kit";
+ *
+ * const options = [
+ *     { id: "apple", label: "Apple" },
+ *     { id: "banana", label: "Banana" },
+ *     { id: "apricot", label: "Apricot" },
+ * ];
+ *
+ * <UiCombobox options={options}>
+ *     <UiComboboxInput placeholder="Select a fruit..." />
+ *     <UiComboboxPopup>
+ *         <UiComboboxList />
+ *     </UiComboboxPopup>
+ * </UiCombobox>
+ * ```
+ */
+export function UiCombobox({ children, ...props }) {
+    const state = useCombobox(props);
+    return _jsx(UiComboboxContextProvider, { state: state, children: children });
+}
+//# sourceMappingURL=UiCombobox.js.map

package/esm/@ui/UiCombobox/UiCombobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiCombobox.js","sourceRoot":"","sources":["../../../src/@ui/UiCombobox/UiCombobox.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAO/C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAmB;IAC9D,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAEjC,OAAO,KAAC,yBAAyB,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA6B,CAAC;AAC3F,CAAC"}

package/esm/@ui/UiCombobox/UiComboboxContext.d.ts

@@ -0,0 +1,10 @@
+import { type PropsWithChildren } from "react";
+import type { IUiComboboxState } from "./types.js";
+type Props = PropsWithChildren<{
+    state: IUiComboboxState;
+}>;
+export declare function UiComboboxContextProvider({ state, children }: Props): import("react/jsx-runtime").JSX.Element;
+/** @internal */
+export declare function useComboboxState(): IUiComboboxState;
+export {};
+//# sourceMappingURL=UiComboboxContext.d.ts.map

package/esm/@ui/UiCombobox/UiComboboxContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiComboboxContext.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiCombobox/UiComboboxContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAA6B,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAInD,KAAK,KAAK,GAAG,iBAAiB,CAAC;IAC3B,KAAK,EAAE,gBAAgB,CAAC;CAC3B,CAAC,CAAC;AAEH,wBAAgB,yBAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAEnE;AAED,gBAAgB;AAChB,wBAAgB,gBAAgB,IAAI,gBAAgB,CAMnD"}

package/esm/@ui/UiCombobox/UiComboboxContext.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2025 GoodData Corporation
+import { createContext, useContext } from "react";
+const StateContext = createContext(null);
+export function UiComboboxContextProvider({ state, children }) {
+    return _jsx(StateContext.Provider, { value: state, children: children });
+}
+/** @internal */
+export function useComboboxState() {
+    const state = useContext(StateContext);
+    if (!state) {
+        throw new Error("`useComboboxState` must be used within `UiCombobox`");
+    }
+    return state;
+}
+//# sourceMappingURL=UiComboboxContext.js.map

package/esm/@ui/UiCombobox/UiComboboxContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiComboboxContext.js","sourceRoot":"","sources":["../../../src/@ui/UiCombobox/UiComboboxContext.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAA0B,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAI1E,MAAM,YAAY,GAAG,aAAa,CAA0B,IAAI,CAAC,CAAC;AAMlE,MAAM,UAAU,yBAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAS;IAChE,OAAO,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAyB,CAAC;AACnF,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,gBAAgB;IAC5B,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,IAAI,CAAC,KAAK,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;IAC3E,CAAC;IACD,OAAO,KAAK,CAAC;AACjB,CAAC"}

package/esm/@ui/UiCombobox/UiComboboxInput.d.ts

@@ -0,0 +1,6 @@
+import { type InputHTMLAttributes } from "react";
+/** @internal */
+export type UiComboboxInputProps = InputHTMLAttributes<HTMLInputElement>;
+/** @internal */
+export declare const UiComboboxInput: import("react").ForwardRefExoticComponent<UiComboboxInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=UiComboboxInput.d.ts.map

package/esm/@ui/UiCombobox/UiComboboxInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiComboboxInput.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiCombobox/UiComboboxInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,KAAK,mBAAmB,EAG3B,MAAM,OAAO,CAAC;AAQf,gBAAgB;AAChB,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAEzE,gBAAgB;AAChB,eAAO,MAAM,eAAe,mHAqD3B,CAAC"}

package/esm/@ui/UiCombobox/UiComboboxInput.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2025 GoodData Corporation
+import { forwardRef, } from "react";
+import { useMergeRefs } from "@floating-ui/react";
+import cx from "classnames";
+import { e } from "./comboboxBem.js";
+import { useComboboxState } from "./UiComboboxContext.js";
+/** @internal */
+export const UiComboboxInput = forwardRef(function UiComboboxInput(props, forwardedRef) {
+    const { type, className, ...htmlInputProps } = props;
+    const { inputValue, onInputChange, onInputKeyDown, onInputBlur, setReferenceRef, getReferenceProps, activeOption, } = useComboboxState();
+    const ref = useMergeRefs([forwardedRef, setReferenceRef]);
+    const referenceProps = getReferenceProps({
+        ...htmlInputProps,
+        autoComplete: "off",
+        autoCapitalize: "none",
+        autoCorrect: "off",
+        // Most of the aria attributes already come from `getReferenceProps`
+        "aria-activedescendant": activeOption?.id,
+        "aria-autocomplete": "list",
+        onKeyDown: handleKeyDown,
+        onBlur: handleBlur,
+    });
+    function handleChange(event) {
+        onInputChange(event.target.value);
+        htmlInputProps.onChange?.(event);
+    }
+    function handleKeyDown(event) {
+        onInputKeyDown(event);
+        htmlInputProps.onKeyDown?.(event);
+    }
+    function handleBlur(event) {
+        onInputBlur();
+        htmlInputProps.onBlur?.(event);
+    }
+    return (_jsx("input", { ...referenceProps, ref: ref, className: cx(e("input"), className), type: type ?? "text", value: inputValue, onChange: handleChange }));
+});
+//# sourceMappingURL=UiComboboxInput.js.map

package/esm/@ui/UiCombobox/UiComboboxInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiComboboxInput.js","sourceRoot":"","sources":["../../../src/@ui/UiCombobox/UiComboboxInput.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAKH,UAAU,GACb,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,CAAC,EAAE,MAAM,kBAAkB,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAK1D,gBAAgB;AAChB,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACrC,SAAS,eAAe,CAAC,KAAK,EAAE,YAAY;IACxC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,EACF,UAAU,EACV,aAAa,EACb,cAAc,EACd,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,YAAY,GACf,GAAG,gBAAgB,EAAE,CAAC;IAEvB,MAAM,GAAG,GAAG,YAAY,CAAC,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAE1D,MAAM,cAAc,GAAG,iBAAiB,CAAC;QACrC,GAAG,cAAc;QACjB,YAAY,EAAE,KAAK;QACnB,cAAc,EAAE,MAAM;QACtB,WAAW,EAAE,KAAK;QAClB,oEAAoE;QACpE,uBAAuB,EAAE,YAAY,EAAE,EAAE;QACzC,mBAAmB,EAAE,MAAM;QAC3B,SAAS,EAAE,aAAa;QACxB,MAAM,EAAE,UAAU;KACrB,CAAC,CAAC;IAEH,SAAS,YAAY,CAAC,KAAoC;QACtD,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAClC,cAAc,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,SAAS,aAAa,CAAC,KAAsC;QACzD,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,cAAc,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,SAAS,UAAU,CAAC,KAAmC;QACnD,WAAW,EAAE,CAAC;QACd,cAAc,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,OAAO,CACH,mBACQ,cAAc,EAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,EACpC,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,GACxB,CACL,CAAC;AACN,CAAC,CACJ,CAAC"}

package/esm/@ui/UiCombobox/UiComboboxList.d.ts

@@ -0,0 +1,12 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+import type { IUiComboboxOption } from "./types.js";
+/** @internal */
+export interface UiComboboxListProps extends Omit<HTMLAttributes<HTMLUListElement>, "children"> {
+    /**
+     * The children to render for each option. Renders a `UiComboboxListItem` when not provided.
+     */
+    children?: (option: IUiComboboxOption, index: number) => ReactNode;
+}
+/** @internal */
+export declare function UiComboboxList({ children, className, ...htmlProps }: UiComboboxListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UiComboboxList.d.ts.map

package/esm/@ui/UiCombobox/UiComboboxList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiComboboxList.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiCombobox/UiComboboxList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAIpD,gBAAgB;AAChB,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC3F;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;CACtE;AAED,gBAAgB;AAChB,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,mBAAmB,2CAexF"}

package/esm/@ui/UiCombobox/UiComboboxList.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2025 GoodData Corporation
+import { Fragment } from "react";
+import cx from "classnames";
+import { e } from "./comboboxBem.js";
+import { useComboboxState } from "./UiComboboxContext.js";
+import { UiComboboxListItem } from "./UiComboboxListItem.js";
+/** @internal */
+export function UiComboboxList({ children, className, ...htmlProps }) {
+    const { availableOptions } = useComboboxState();
+    return (_jsx("ul", { ...htmlProps, className: cx(e("list"), className), role: "listbox", children: availableOptions.map((option, index) => children ? (_jsx(Fragment, { children: children(option, index) }, option.id)) : (_jsx(UiComboboxListItem, { option: option, index: index }, option.id))) }));
+}
+//# sourceMappingURL=UiComboboxList.js.map

package/esm/@ui/UiCombobox/UiComboboxList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiComboboxList.js","sourceRoot":"","sources":["../../../src/@ui/UiCombobox/UiComboboxList.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,QAAQ,EAAuC,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,CAAC,EAAE,MAAM,kBAAkB,CAAC;AAErC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAU7D,gBAAgB;AAChB,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAuB;IACrF,MAAM,EAAE,gBAAgB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEhD,OAAO,CACH,gBAAQ,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,SAAS,YAEjE,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CACpC,QAAQ,CAAC,CAAC,CAAC,CACP,KAAC,QAAQ,cAAkB,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,IAAnC,MAAM,CAAC,EAAE,CAAsC,CACjE,CAAC,CAAC,CAAC,CACA,KAAC,kBAAkB,IAAiB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAAvC,MAAM,CAAC,EAAE,CAAkC,CACvE,CACJ,GACA,CACR,CAAC;AACN,CAAC"}

package/esm/@ui/UiCombobox/UiComboboxListItem.d.ts

@@ -0,0 +1,38 @@
+import { type HTMLAttributes } from "react";
+import type { IUiComboboxOption, IUiComboboxState } from "./types.js";
+/** @internal */
+export interface UiComboboxListItemProps extends HTMLAttributes<HTMLLIElement> {
+    option: IUiComboboxOption;
+    index: number;
+}
+/** @internal */
+export declare function UiComboboxListItem(props: UiComboboxListItemProps): import("react/jsx-runtime").JSX.Element;
+type UiComboboxListItemImplProps = UiComboboxListItemProps & {
+    isActive: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+    getItemProps: IUiComboboxState["getItemProps"];
+    registerItemRef: IUiComboboxState["registerItemRef"];
+    selectOption: IUiComboboxState["selectOption"];
+};
+export declare const UiComboboxListItemImpl: import("react").NamedExoticComponent<UiComboboxListItemImplProps>;
+/** @internal */
+export type UiComboboxListItemLabelProps = HTMLAttributes<HTMLSpanElement>;
+/**
+ * Renders the primary label content within a combobox list item.
+ * Use this component for composable customization of list item content.
+ *
+ * @internal
+ */
+export declare function UiComboboxListItemLabel(props: UiComboboxListItemLabelProps): import("react/jsx-runtime").JSX.Element;
+/** @internal */
+export type UiComboboxListItemCreatableLabelProps = HTMLAttributes<HTMLSpanElement>;
+/**
+ * Renders the "creatable" label suffix within a combobox list item.
+ * Use this component for composable customization of list item content.
+ *
+ * @internal
+ */
+export declare function UiComboboxListItemCreatableLabel(props: UiComboboxListItemCreatableLabelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UiComboboxListItem.d.ts.map

package/esm/@ui/UiCombobox/UiComboboxListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiComboboxListItem.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiCombobox/UiComboboxListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAyB,MAAM,OAAO,CAAC;AAKnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGtE,gBAAgB;AAChB,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,aAAa,CAAC;IAC1E,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,gBAAgB;AAChB,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAmBhE;AAED,KAAK,2BAA2B,GAAG,uBAAuB,GAAG;IACzD,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;IACrD,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,sBAAsB,mEAuDjC,CAAC;AAEH,gBAAgB;AAChB,MAAM,MAAM,4BAA4B,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAE3E;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CAO1E;AAED,gBAAgB;AAChB,MAAM,MAAM,qCAAqC,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEpF;;;;;GAKG;AACH,wBAAgB,gCAAgC,CAAC,KAAK,EAAE,qCAAqC,2CAO5F"}

package/esm/@ui/UiCombobox/UiComboboxListItem.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2025 GoodData Corporation
+import { memo } from "react";
+import cx from "classnames";
+import { e } from "./comboboxBem.js";
+import { useComboboxState } from "./UiComboboxContext.js";
+/** @internal */
+export function UiComboboxListItem(props) {
+    const { option } = props;
+    const { registerItemRef, getItemProps, selectOption, activeOption, selectedOption } = useComboboxState();
+    const isDisabled = Boolean(option.disabled);
+    const isActive = activeOption?.id === option.id;
+    const isSelected = selectedOption?.id === option.id;
+    return (_jsx(UiComboboxListItemImpl, { ...props, isActive: isActive, isSelected: isSelected, isDisabled: isDisabled, getItemProps: getItemProps, registerItemRef: registerItemRef, selectOption: selectOption }));
+}
+export const UiComboboxListItemImpl = memo(function UiComboboxListItemImpl(props) {
+    const { option, index, className, children, onClick, isActive, isSelected, isDisabled, getItemProps, registerItemRef, selectOption, ...htmlProps } = props;
+    // https://floating-ui.com/docs/useRole#component-roles
+    const itemProps = getItemProps({
+        ...htmlProps,
+        active: isActive,
+        selected: isSelected,
+    });
+    function handleClick(event) {
+        if (isDisabled) {
+            event.preventDefault();
+            return;
+        }
+        selectOption(option, index);
+        onClick?.(event);
+    }
+    return (_jsx("li", { ...itemProps, ref: (node) => {
+            registerItemRef(node, index);
+        }, id: option.id, role: "option", "aria-selected": isSelected, "aria-disabled": isDisabled, className: cx(e("item", { isActive, isSelected, isDisabled }), className), onClick: handleClick, children: children ?? (_jsxs(_Fragment, { children: [_jsx(UiComboboxListItemLabel, { children: option.label }), option.creatable ? _jsx(UiComboboxListItemCreatableLabel, {}) : null] })) }));
+});
+/**
+ * Renders the primary label content within a combobox list item.
+ * Use this component for composable customization of list item content.
+ *
+ * @internal
+ */
+export function UiComboboxListItemLabel(props) {
+    const { children, className, ...htmlProps } = props;
+    return (_jsx("span", { ...htmlProps, className: cx(e("item-label"), className), children: children }));
+}
+/**
+ * Renders the "creatable" label suffix within a combobox list item.
+ * Use this component for composable customization of list item content.
+ *
+ * @internal
+ */
+export function UiComboboxListItemCreatableLabel(props) {
+    const { children = "(create new)", className, ...htmlProps } = props;
+    return (_jsx("span", { ...htmlProps, className: cx(e("item-creatable"), className), children: children }));
+}
+//# sourceMappingURL=UiComboboxListItem.js.map

package/esm/@ui/UiCombobox/UiComboboxListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiComboboxListItem.js","sourceRoot":"","sources":["../../../src/@ui/UiCombobox/UiComboboxListItem.tsx"],"names":[],"mappings":"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"}

package/esm/@ui/UiCombobox/UiComboboxPopup.d.ts

@@ -0,0 +1,6 @@
+import type { HTMLAttributes } from "react";
+/** @internal */
+export type UiComboboxPopupProps = HTMLAttributes<HTMLDivElement>;
+/** @internal */
+export declare function UiComboboxPopup({ style, className, children, ...htmlProps }: UiComboboxPopupProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=UiComboboxPopup.d.ts.map

package/esm/@ui/UiCombobox/UiComboboxPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiComboboxPopup.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiCombobox/UiComboboxPopup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,gBAAgB;AAChB,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,gBAAgB;AAChB,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,oBAAoB,kDAiBjG"}

package/esm/@ui/UiCombobox/UiComboboxPopup.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import cx from "classnames";
+import { e } from "./comboboxBem.js";
+import { useComboboxState } from "./UiComboboxContext.js";
+/** @internal */
+export function UiComboboxPopup({ style, className, children, ...htmlProps }) {
+    const { isOpen, setFloatingRef, getFloatingProps, floatingStyles, availableOptions } = useComboboxState();
+    if (!isOpen || availableOptions.length === 0) {
+        return null;
+    }
+    return (_jsx("div", { ...getFloatingProps(htmlProps), ref: setFloatingRef, style: { ...style, ...floatingStyles }, className: cx(e("popup"), className), "data-open": isOpen, children: children }));
+}
+//# sourceMappingURL=UiComboboxPopup.js.map

package/esm/@ui/UiCombobox/UiComboboxPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiComboboxPopup.js","sourceRoot":"","sources":["../../../src/@ui/UiCombobox/UiComboboxPopup.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,CAAC,EAAE,MAAM,kBAAkB,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAK1D,gBAAgB;AAChB,MAAM,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAwB;IAC9F,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE1G,IAAI,CAAC,MAAM,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC3C,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,OAAO,CACH,iBACQ,gBAAgB,CAAC,SAAS,CAAC,EAC/B,GAAG,EAAE,cAAc,EACnB,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,cAAc,EAAE,EACtC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,eACzB,MAAM,YAEhB,QAAQ,GACP,CACT,CAAC;AACN,CAAC"}

package/esm/@ui/UiCombobox/comboboxBem.d.ts

@@ -0,0 +1,2 @@
+export declare const b: (props?: import("../@utils/bem.js").StyleProps) => string, e: (element: string, props?: import("../@utils/bem.js").StyleProps) => string;
+//# sourceMappingURL=comboboxBem.d.ts.map

package/esm/@ui/UiCombobox/comboboxBem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comboboxBem.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiCombobox/comboboxBem.ts"],"names":[],"mappings":"AAIA,eAAO,MAAQ,CAAC,6DAAE,CAAC,4EAA8B,CAAC"}

package/esm/@ui/UiCombobox/comboboxBem.js

@@ -0,0 +1,4 @@
+// (C) 2025 GoodData Corporation
+import { bem } from "../@utils/bem.js";
+export const { b, e } = bem("gd-ui-kit-combobox");
+//# sourceMappingURL=comboboxBem.js.map

package/esm/@ui/UiCombobox/comboboxBem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"comboboxBem.js","sourceRoot":"","sources":["../../../src/@ui/UiCombobox/comboboxBem.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,oBAAoB,CAAC,CAAC"}

package/esm/@ui/UiCombobox/index.d.ts

@@ -0,0 +1,8 @@
+export { UiCombobox, type UiComboboxProps } from "./UiCombobox.js";
+export { UiComboboxInput, type UiComboboxInputProps } from "./UiComboboxInput.js";
+export { UiComboboxPopup, type UiComboboxPopupProps } from "./UiComboboxPopup.js";
+export { UiComboboxList, type UiComboboxListProps } from "./UiComboboxList.js";
+export { UiComboboxListItem, UiComboboxListItemLabel, UiComboboxListItemCreatableLabel, type UiComboboxListItemProps, type UiComboboxListItemLabelProps, type UiComboboxListItemCreatableLabelProps, } from "./UiComboboxListItem.js";
+export { useComboboxState } from "./UiComboboxContext.js";
+export type { IUiComboboxOption, IUiComboboxParams, IUiComboboxState } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/esm/@ui/UiCombobox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiCombobox/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACH,kBAAkB,EAClB,uBAAuB,EACvB,gCAAgC,EAChC,KAAK,uBAAuB,EAC5B,KAAK,4BAA4B,EACjC,KAAK,qCAAqC,GAC7C,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC"}

package/esm/@ui/UiCombobox/index.js

@@ -0,0 +1,8 @@
+// (C) 2025 GoodData Corporation
+export { UiCombobox } from "./UiCombobox.js";
+export { UiComboboxInput } from "./UiComboboxInput.js";
+export { UiComboboxPopup } from "./UiComboboxPopup.js";
+export { UiComboboxList } from "./UiComboboxList.js";
+export { UiComboboxListItem, UiComboboxListItemLabel, UiComboboxListItemCreatableLabel, } from "./UiComboboxListItem.js";
+export { useComboboxState } from "./UiComboboxContext.js";
+//# sourceMappingURL=index.js.map

package/esm/@ui/UiCombobox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/@ui/UiCombobox/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAE,UAAU,EAAwB,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,eAAe,EAA6B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,eAAe,EAA6B,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,cAAc,EAA4B,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACH,kBAAkB,EAClB,uBAAuB,EACvB,gCAAgC,GAInC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}

package/esm/@ui/UiCombobox/types.d.ts

@@ -0,0 +1,57 @@
+import type { CSSProperties, KeyboardEvent } from "react";
+import type { ReferenceType, UseInteractionsReturn } from "@floating-ui/react";
+/** @internal */
+export interface IUiComboboxOption {
+    id: string;
+    label: string;
+    disabled?: boolean;
+    creatable?: boolean;
+}
+/** @internal */
+export interface IUiComboboxParams {
+    /**
+     * The options to display in the combobox.
+     */
+    options: IUiComboboxOption[];
+    /**
+     * The selected value of the combobox. Use when controlled.
+     */
+    value?: string;
+    /**
+     * The default value of the combobox. Use when uncontrolled.
+     */
+    defaultValue?: string;
+    /**
+     * Event handler called when the selected value of the combobox changes.
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * When enabled, the combobox will include a "creatable" option for the current input
+     * if there is not exactly one matching option.
+     */
+    creatable?: boolean;
+}
+/** @internal */
+export interface IUiComboboxState {
+    inputValue: string;
+    onInputChange: (value: string) => void;
+    onInputKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
+    onInputBlur: () => void;
+    availableOptions: IUiComboboxOption[];
+    activeIndex: number | null;
+    setActiveIndex: (index: number | null) => void;
+    activeOption: IUiComboboxOption | undefined;
+    selectedOption: IUiComboboxOption | undefined;
+    selectOption: (option: IUiComboboxOption, index?: number) => void;
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    setReferenceRef: (node: ReferenceType | null) => void;
+    setFloatingRef: (node: HTMLDivElement | null) => void;
+    registerItemRef: (node: HTMLElement | null, index: number) => void;
+    getReferenceProps: UseInteractionsReturn["getReferenceProps"];
+    getFloatingProps: UseInteractionsReturn["getFloatingProps"];
+    getItemProps: UseInteractionsReturn["getItemProps"];
+    floatingStyles: CSSProperties;
+    creatable: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/esm/@ui/UiCombobox/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiCombobox/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE/E,gBAAgB;AAChB,MAAM,WAAW,iBAAiB;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,gBAAgB;AAChB,MAAM,WAAW,iBAAiB;IAC9B;;OAEG;IACH,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,gBAAgB;AAChB,MAAM,WAAW,gBAAgB;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjE,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,gBAAgB,EAAE,iBAAiB,EAAE,CAAC;IACtC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,YAAY,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC5C,cAAc,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC9C,YAAY,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAElE,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,eAAe,EAAE,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,cAAc,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,iBAAiB,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;IAC9D,gBAAgB,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC;IAC5D,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAC;IACpD,cAAc,EAAE,aAAa,CAAC;IAE9B,SAAS,EAAE,OAAO,CAAC;CACtB"}

package/esm/@ui/UiCombobox/types.js

@@ -0,0 +1,3 @@
+// (C) 2025 GoodData Corporation
+export {};
+//# sourceMappingURL=types.js.map

package/esm/@ui/UiCombobox/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/@ui/UiCombobox/types.ts"],"names":[],"mappings":"AAAA,gCAAgC"}

package/esm/@ui/UiCombobox/useCombobox.d.ts

@@ -0,0 +1,4 @@
+import type { IUiComboboxParams, IUiComboboxState } from "./types.js";
+/** @internal */
+export declare function useCombobox(params: IUiComboboxParams): IUiComboboxState;
+//# sourceMappingURL=useCombobox.d.ts.map

package/esm/@ui/UiCombobox/useCombobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiCombobox/useCombobox.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAqB,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGzF,gBAAgB;AAChB,wBAAgB,WAAW,CAAC,MAAM,EAAE,iBAAiB,GAAG,gBAAgB,CAwIvE"}