@edo-w/flatline-solid 0.2.0

package/dist/src/components/combobox/combobox-root.jsx

@@ -0,0 +1,362 @@
+import clsx from 'clsx/lite';
+import { children, createEffect, createMemo, createSignal, createUniqueId, mergeProps, onCleanup, onMount, splitProps, } from 'solid-js';
+import { comboboxClass } from './class';
+import { ComboboxContent } from './combobox-content';
+import { ComboboxControl } from './combobox-control';
+import { ComboboxInput } from './combobox-input';
+import { ComboboxListbox } from './combobox-listbox';
+import { ComboboxPortal } from './combobox-portal';
+import { ComboboxTrigger } from './combobox-trigger';
+import { ComboboxContext } from './context';
+import { callEventHandler, createContainsFilter, defaultTextValue, resolveAccessor, resolveGroupChildren, } from './util';
+export function ComboboxRoot(props) {
+    const merged = mergeProps({
+        closeOnSelection: true,
+    }, props);
+    const [local, rest] = splitProps(merged, [
+        'class',
+        'children',
+        'options',
+        'optionValue',
+        'optionTextValue',
+        'optionLabel',
+        'optionDisabled',
+        'optionGroupChildren',
+        'itemComponent',
+        'groupComponent',
+        'placeholder',
+        'value',
+        'defaultValue',
+        'inputValue',
+        'defaultInputValue',
+        'onChange',
+        'onInputChange',
+        'open',
+        'defaultOpen',
+        'onOpenChange',
+        'disabled',
+        'readOnly',
+        'required',
+        'name',
+        'closeOnSelection',
+        'onFocusOut',
+    ]);
+    const resolvedChildren = children(() => local.children);
+    const rootId = createUniqueId();
+    const [rootRef, setRootRef] = createSignal();
+    const [inputRef, setInputRef] = createSignal();
+    const [internalValue, setInternalValue] = createSignal(local.defaultValue ?? null);
+    const [internalOpen, setInternalOpen] = createSignal(Boolean(local.defaultOpen));
+    const [internalInputValue, setInternalInputValue] = createSignal(local.defaultInputValue ?? '');
+    const [filterValue, setFilterValue] = createSignal('');
+    const [highlightedKey, setHighlightedKey] = createSignal(null);
+    const isControlledValue = () => local.value !== undefined;
+    const isControlledInputValue = () => local.inputValue !== undefined;
+    const isControlledOpen = () => local.open !== undefined;
+    const filter = createMemo(() => createContainsFilter());
+    const inputValue = createMemo(() => {
+        if (isControlledInputValue()) {
+            return local.inputValue ?? '';
+        }
+        return internalInputValue();
+    });
+    const normalizedGroups = createMemo(() => {
+        const groups = [];
+        const looseItems = [];
+        let itemIndex = 0;
+        for (let index = 0; index < local.options.length; index += 1) {
+            const entry = local.options[index];
+            const groupChildren = resolveGroupChildren(entry, local.optionGroupChildren);
+            if (groupChildren !== undefined) {
+                const groupItems = groupChildren.map((option) => {
+                    const value = String(resolveAccessor(option, local.optionValue, defaultTextValue));
+                    const label = resolveAccessor(option, local.optionLabel, defaultTextValue);
+                    const textValue = resolveAccessor(option, local.optionTextValue, () => label);
+                    const disabled = Boolean(resolveAccessor(option, local.optionDisabled, () => false));
+                    const item = {
+                        key: `${value}-${itemIndex}`,
+                        value,
+                        label,
+                        textValue,
+                        disabled,
+                        rawValue: option,
+                    };
+                    itemIndex += 1;
+                    return item;
+                });
+                groups.push({
+                    key: `group-${index}`,
+                    textValue: defaultTextValue(entry),
+                    rawValue: entry,
+                    items: groupItems,
+                });
+                continue;
+            }
+            const option = entry;
+            const value = String(resolveAccessor(option, local.optionValue, defaultTextValue));
+            const label = resolveAccessor(option, local.optionLabel, defaultTextValue);
+            const textValue = resolveAccessor(option, local.optionTextValue, () => label);
+            const disabled = Boolean(resolveAccessor(option, local.optionDisabled, () => false));
+            looseItems.push({
+                key: `${value}-${itemIndex}`,
+                value,
+                label,
+                textValue,
+                disabled,
+                rawValue: option,
+            });
+            itemIndex += 1;
+        }
+        if (looseItems.length > 0) {
+            groups.unshift({
+                key: 'group-root',
+                textValue: '',
+                items: looseItems,
+            });
+        }
+        return groups;
+    });
+    const allItems = createMemo(() => normalizedGroups().flatMap((group) => group.items));
+    const selectedItem = createMemo(() => {
+        let selectedOption = internalValue();
+        if (isControlledValue()) {
+            selectedOption = local.value ?? null;
+        }
+        if (selectedOption == null) {
+            return null;
+        }
+        const selectedValue = String(resolveAccessor(selectedOption, local.optionValue, defaultTextValue));
+        return allItems().find((item) => item.value === selectedValue) ?? null;
+    });
+    const visibleGroups = createMemo(() => {
+        const currentInput = filterValue().trim();
+        return normalizedGroups()
+            .map((group) => ({
+            ...group,
+            items: group.items.filter((item) => filter()(item.rawValue, currentInput)),
+        }))
+            .filter((group) => group.items.length > 0);
+    });
+    const visibleItems = createMemo(() => visibleGroups().flatMap((group) => group.items));
+    const isOpen = createMemo(() => (isControlledOpen() ? Boolean(local.open) : internalOpen()) && visibleItems().length > 0);
+    const setOpen = (value) => {
+        if (!isControlledOpen()) {
+            setInternalOpen(value);
+        }
+        local.onOpenChange?.(value);
+    };
+    const setSelectedOption = (value) => {
+        if (!isControlledValue()) {
+            setInternalValue(() => value);
+        }
+        local.onChange?.(value);
+    };
+    const setDisplayedInputValue = (value, emitChange = false) => {
+        if (!isControlledInputValue()) {
+            setInternalInputValue(value);
+        }
+        if (emitChange) {
+            local.onInputChange?.(value);
+        }
+    };
+    const restoreInputFromSelection = () => {
+        setDisplayedInputValue(selectedItem()?.label ?? '');
+        setFilterValue('');
+    };
+    const highlightByIndex = (index) => {
+        const items = visibleItems();
+        if (items.length === 0) {
+            setHighlightedKey(null);
+            return;
+        }
+        const boundedIndex = (index + items.length) % items.length;
+        setHighlightedKey(items[boundedIndex]?.key ?? null);
+    };
+    const highlightFirst = () => highlightByIndex(0);
+    const highlightLast = () => highlightByIndex(visibleItems().length - 1);
+    const highlightNext = () => {
+        const items = visibleItems();
+        const index = items.findIndex((item) => item.key === highlightedKey());
+        highlightByIndex(index >= 0 ? index + 1 : 0);
+    };
+    const highlightPrevious = () => {
+        const items = visibleItems();
+        const index = items.findIndex((item) => item.key === highlightedKey());
+        highlightByIndex(index >= 0 ? index - 1 : items.length - 1);
+    };
+    const openPopup = (strategy = 'first') => {
+        if (local.disabled || local.readOnly || visibleItems().length === 0) {
+            return;
+        }
+        setOpen(true);
+        if (strategy === 'last') {
+            highlightLast();
+            return;
+        }
+        if (strategy === 'preserve') {
+            if (highlightedKey() !== null) {
+                return;
+            }
+            if (selectedItem()) {
+                setHighlightedKey(selectedItem().key);
+                return;
+            }
+        }
+        highlightFirst();
+    };
+    const closePopup = (restoreInput = true) => {
+        setOpen(false);
+        setHighlightedKey(null);
+        if (restoreInput) {
+            restoreInputFromSelection();
+        }
+    };
+    const selectItem = (item) => {
+        if (item.disabled) {
+            return;
+        }
+        setSelectedOption(item.rawValue);
+        setDisplayedInputValue(item.label);
+        setFilterValue('');
+        setHighlightedKey(item.key);
+        if (local.closeOnSelection) {
+            setOpen(false);
+        }
+        inputRef()?.focus();
+    };
+    const clearPendingInput = () => {
+        if (selectedItem() === null) {
+            setDisplayedInputValue('');
+            setFilterValue('');
+            return;
+        }
+        restoreInputFromSelection();
+    };
+    const clearSelectedItem = () => {
+        setSelectedOption(null);
+        setDisplayedInputValue('');
+        setFilterValue('');
+        setHighlightedKey(null);
+        setOpen(false);
+        inputRef()?.focus();
+    };
+    createEffect(() => {
+        if (isControlledValue() && selectedItem() !== null) {
+            restoreInputFromSelection();
+        }
+    });
+    createEffect(() => {
+        const items = visibleItems();
+        const selected = selectedItem();
+        if (items.length === 0) {
+            setHighlightedKey(null);
+            setOpen(false);
+            return;
+        }
+        if (highlightedKey() && items.some((item) => item.key === highlightedKey())) {
+            return;
+        }
+        if (isOpen()) {
+            if (selected && items.some((item) => item.key === selected.key)) {
+                setHighlightedKey(selected.key);
+                return;
+            }
+            highlightFirst();
+        }
+    });
+    onMount(() => {
+        restoreInputFromSelection();
+        const handlePointerDown = (event) => {
+            const root = rootRef();
+            if (!root || root.contains(event.target)) {
+                return;
+            }
+            closePopup(true);
+        };
+        document.addEventListener('pointerdown', handlePointerDown);
+        onCleanup(() => {
+            document.removeEventListener('pointerdown', handlePointerDown);
+        });
+    });
+    const context = {
+        rootId,
+        rootRef,
+        setRootRef,
+        inputRef,
+        setInputRef,
+        inputValue,
+        setInputValue: (value) => {
+            setDisplayedInputValue(value, true);
+            setFilterValue(value);
+            if (selectedItem() && value !== selectedItem().label) {
+                setSelectedOption(null);
+            }
+            if (value.trim() === '') {
+                closePopup(false);
+                return;
+            }
+            openPopup('first');
+        },
+        isOpen,
+        openPopup,
+        closePopup,
+        togglePopup: () => {
+            if (isOpen()) {
+                closePopup(true);
+                return;
+            }
+            openPopup('first');
+        },
+        visibleGroups,
+        visibleItems,
+        selectedItem,
+        highlightedKey,
+        setHighlightedKey,
+        highlightNext,
+        highlightPrevious,
+        highlightFirst,
+        highlightLast,
+        selectItem,
+        getItemId: (key) => `${rootId}-item-${key}`,
+        itemComponent: local.itemComponent,
+        groupComponent: local.groupComponent,
+        placeholder: () => local.placeholder,
+        disabled: () => Boolean(local.disabled),
+        readOnly: () => Boolean(local.readOnly),
+        required: () => Boolean(local.required),
+        name: () => local.name,
+        clearPendingInput,
+        clearSelectedItem,
+    };
+    const rootClass = () => clsx(comboboxClass.root, local.class);
+    const handleFocusOut = (event) => {
+        callEventHandler(local.onFocusOut, event);
+        const nextTarget = event.relatedTarget;
+        if (nextTarget && rootRef()?.contains(nextTarget)) {
+            return;
+        }
+        queueMicrotask(() => {
+            const activeElement = document.activeElement;
+            if (activeElement instanceof Node && rootRef()?.contains(activeElement)) {
+                return;
+            }
+            closePopup(true);
+        });
+    };
+    return (<ComboboxContext.Provider value={context}>
+			<div class={rootClass()} ref={setRootRef} onFocusOut={handleFocusOut} {...rest}>
+				{local.children ? (resolvedChildren()) : (<>
+						<ComboboxControl>
+							<ComboboxInput aria-label={local.placeholder ?? 'Combobox'}/>
+							<ComboboxTrigger />
+						</ComboboxControl>
+						<ComboboxPortal>
+							<ComboboxContent>
+								<ComboboxListbox />
+							</ComboboxContent>
+						</ComboboxPortal>
+					</>)}
+			</div>
+		</ComboboxContext.Provider>);
+}
+//# sourceMappingURL=combobox-root.jsx.map

package/dist/src/components/combobox/combobox-root.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-root.jsx","sourceRoot":"","sources":["../../../../src/components/combobox/combobox-root.tsx"],"names":[],"mappings":"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","sourcesContent":["import clsx from 'clsx/lite';\nimport {\n\tchildren,\n\tcreateEffect,\n\tcreateMemo,\n\tcreateSignal,\n\tcreateUniqueId,\n\ttype JSX,\n\tmergeProps,\n\tonCleanup,\n\tonMount,\n\tsplitProps,\n} from 'solid-js';\nimport { comboboxClass } from './class';\nimport { ComboboxContent } from './combobox-content';\nimport { ComboboxControl } from './combobox-control';\nimport { ComboboxInput } from './combobox-input';\nimport { ComboboxListbox } from './combobox-listbox';\nimport { ComboboxPortal } from './combobox-portal';\nimport { ComboboxTrigger } from './combobox-trigger';\nimport { ComboboxContext, type ComboboxContextValue } from './context';\nimport type { ComboboxGroupData, ComboboxItemData, ComboboxRootProps } from './types';\nimport {\n\tcallEventHandler,\n\tcreateContainsFilter,\n\tdefaultTextValue,\n\tresolveAccessor,\n\tresolveGroupChildren,\n} from './util';\n\nexport function ComboboxRoot<TOption, TOptionGroup = never>(props: ComboboxRootProps<TOption, TOptionGroup>) {\n\tconst merged = mergeProps(\n\t\t{\n\t\t\tcloseOnSelection: true,\n\t\t},\n\t\tprops,\n\t);\n\n\tconst [local, rest] = splitProps(merged, [\n\t\t'class',\n\t\t'children',\n\t\t'options',\n\t\t'optionValue',\n\t\t'optionTextValue',\n\t\t'optionLabel',\n\t\t'optionDisabled',\n\t\t'optionGroupChildren',\n\t\t'itemComponent',\n\t\t'groupComponent',\n\t\t'placeholder',\n\t\t'value',\n\t\t'defaultValue',\n\t\t'inputValue',\n\t\t'defaultInputValue',\n\t\t'onChange',\n\t\t'onInputChange',\n\t\t'open',\n\t\t'defaultOpen',\n\t\t'onOpenChange',\n\t\t'disabled',\n\t\t'readOnly',\n\t\t'required',\n\t\t'name',\n\t\t'closeOnSelection',\n\t\t'onFocusOut',\n\t]);\n\tconst resolvedChildren = children(() => local.children);\n\n\tconst rootId = createUniqueId();\n\tconst [rootRef, setRootRef] = createSignal<HTMLDivElement>();\n\tconst [inputRef, setInputRef] = createSignal<HTMLInputElement>();\n\tconst [internalValue, setInternalValue] = createSignal<TOption | null>(local.defaultValue ?? null);\n\tconst [internalOpen, setInternalOpen] = createSignal(Boolean(local.defaultOpen));\n\tconst [internalInputValue, setInternalInputValue] = createSignal(local.defaultInputValue ?? '');\n\tconst [filterValue, setFilterValue] = createSignal('');\n\tconst [highlightedKey, setHighlightedKey] = createSignal<string | null>(null);\n\tconst isControlledValue = () => local.value !== undefined;\n\tconst isControlledInputValue = () => local.inputValue !== undefined;\n\tconst isControlledOpen = () => local.open !== undefined;\n\tconst filter = createMemo(() => createContainsFilter<TOption>());\n\tconst inputValue = createMemo(() => {\n\t\tif (isControlledInputValue()) {\n\t\t\treturn local.inputValue ?? '';\n\t\t}\n\n\t\treturn internalInputValue();\n\t});\n\n\tconst normalizedGroups = createMemo<Array<ComboboxGroupData<TOptionGroup, TOption>>>(() => {\n\t\tconst groups: Array<ComboboxGroupData<TOptionGroup, TOption>> = [];\n\t\tconst looseItems: ComboboxItemData<TOption>[] = [];\n\t\tlet itemIndex = 0;\n\n\t\tfor (let index = 0; index < local.options.length; index += 1) {\n\t\t\tconst entry = local.options[index] as TOption | TOptionGroup;\n\t\t\tconst groupChildren = resolveGroupChildren(entry as TOptionGroup, local.optionGroupChildren);\n\n\t\t\tif (groupChildren !== undefined) {\n\t\t\t\tconst groupItems = groupChildren.map((option) => {\n\t\t\t\t\tconst value = String(resolveAccessor(option, local.optionValue, defaultTextValue));\n\t\t\t\t\tconst label = resolveAccessor(option, local.optionLabel, defaultTextValue);\n\t\t\t\t\tconst textValue = resolveAccessor(option, local.optionTextValue, () => label);\n\t\t\t\t\tconst disabled = Boolean(resolveAccessor(option, local.optionDisabled, () => false));\n\t\t\t\t\tconst item = {\n\t\t\t\t\t\tkey: `${value}-${itemIndex}`,\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\ttextValue,\n\t\t\t\t\t\tdisabled,\n\t\t\t\t\t\trawValue: option,\n\t\t\t\t\t};\n\n\t\t\t\t\titemIndex += 1;\n\n\t\t\t\t\treturn item;\n\t\t\t\t});\n\n\t\t\t\tgroups.push({\n\t\t\t\t\tkey: `group-${index}`,\n\t\t\t\t\ttextValue: defaultTextValue(entry),\n\t\t\t\t\trawValue: entry as TOptionGroup,\n\t\t\t\t\titems: groupItems,\n\t\t\t\t});\n\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst option = entry as TOption;\n\t\t\tconst value = String(resolveAccessor(option, local.optionValue, defaultTextValue));\n\t\t\tconst label = resolveAccessor(option, local.optionLabel, defaultTextValue);\n\t\t\tconst textValue = resolveAccessor(option, local.optionTextValue, () => label);\n\t\t\tconst disabled = Boolean(resolveAccessor(option, local.optionDisabled, () => false));\n\n\t\t\tlooseItems.push({\n\t\t\t\tkey: `${value}-${itemIndex}`,\n\t\t\t\tvalue,\n\t\t\t\tlabel,\n\t\t\t\ttextValue,\n\t\t\t\tdisabled,\n\t\t\t\trawValue: option,\n\t\t\t});\n\n\t\t\titemIndex += 1;\n\t\t}\n\n\t\tif (looseItems.length > 0) {\n\t\t\tgroups.unshift({\n\t\t\t\tkey: 'group-root',\n\t\t\t\ttextValue: '',\n\t\t\t\titems: looseItems,\n\t\t\t});\n\t\t}\n\n\t\treturn groups;\n\t});\n\n\tconst allItems = createMemo(() => normalizedGroups().flatMap((group) => group.items));\n\n\tconst selectedItem = createMemo(() => {\n\t\tlet selectedOption = internalValue();\n\n\t\tif (isControlledValue()) {\n\t\t\tselectedOption = local.value ?? null;\n\t\t}\n\n\t\tif (selectedOption == null) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst selectedValue = String(\n\t\t\tresolveAccessor<TOption, string | number>(\n\t\t\t\tselectedOption as TOption,\n\t\t\t\tlocal.optionValue,\n\t\t\t\tdefaultTextValue as (value: TOption) => string | number,\n\t\t\t),\n\t\t);\n\n\t\treturn allItems().find((item) => item.value === selectedValue) ?? null;\n\t});\n\n\tconst visibleGroups = createMemo(() => {\n\t\tconst currentInput = filterValue().trim();\n\n\t\treturn normalizedGroups()\n\t\t\t.map((group) => ({\n\t\t\t\t...group,\n\t\t\t\titems: group.items.filter((item) => filter()(item.rawValue, currentInput)),\n\t\t\t}))\n\t\t\t.filter((group) => group.items.length > 0);\n\t});\n\n\tconst visibleItems = createMemo(() => visibleGroups().flatMap((group) => group.items));\n\tconst isOpen = createMemo(\n\t\t() => (isControlledOpen() ? Boolean(local.open) : internalOpen()) && visibleItems().length > 0,\n\t);\n\n\tconst setOpen = (value: boolean) => {\n\t\tif (!isControlledOpen()) {\n\t\t\tsetInternalOpen(value);\n\t\t}\n\n\t\tlocal.onOpenChange?.(value);\n\t};\n\n\tconst setSelectedOption = (value: TOption | null) => {\n\t\tif (!isControlledValue()) {\n\t\t\tsetInternalValue(() => value);\n\t\t}\n\n\t\tlocal.onChange?.(value);\n\t};\n\n\tconst setDisplayedInputValue = (value: string, emitChange = false) => {\n\t\tif (!isControlledInputValue()) {\n\t\t\tsetInternalInputValue(value);\n\t\t}\n\n\t\tif (emitChange) {\n\t\t\tlocal.onInputChange?.(value);\n\t\t}\n\t};\n\n\tconst restoreInputFromSelection = () => {\n\t\tsetDisplayedInputValue(selectedItem()?.label ?? '');\n\t\tsetFilterValue('');\n\t};\n\n\tconst highlightByIndex = (index: number) => {\n\t\tconst items = visibleItems();\n\n\t\tif (items.length === 0) {\n\t\t\tsetHighlightedKey(null);\n\t\t\treturn;\n\t\t}\n\n\t\tconst boundedIndex = (index + items.length) % items.length;\n\t\tsetHighlightedKey(items[boundedIndex]?.key ?? null);\n\t};\n\n\tconst highlightFirst = () => highlightByIndex(0);\n\tconst highlightLast = () => highlightByIndex(visibleItems().length - 1);\n\n\tconst highlightNext = () => {\n\t\tconst items = visibleItems();\n\t\tconst index = items.findIndex((item) => item.key === highlightedKey());\n\t\thighlightByIndex(index >= 0 ? index + 1 : 0);\n\t};\n\n\tconst highlightPrevious = () => {\n\t\tconst items = visibleItems();\n\t\tconst index = items.findIndex((item) => item.key === highlightedKey());\n\t\thighlightByIndex(index >= 0 ? index - 1 : items.length - 1);\n\t};\n\n\tconst openPopup = (strategy: 'first' | 'last' | 'preserve' = 'first') => {\n\t\tif (local.disabled || local.readOnly || visibleItems().length === 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetOpen(true);\n\n\t\tif (strategy === 'last') {\n\t\t\thighlightLast();\n\t\t\treturn;\n\t\t}\n\n\t\tif (strategy === 'preserve') {\n\t\t\tif (highlightedKey() !== null) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (selectedItem()) {\n\t\t\t\tsetHighlightedKey(selectedItem()!.key);\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\thighlightFirst();\n\t};\n\n\tconst closePopup = (restoreInput = true) => {\n\t\tsetOpen(false);\n\t\tsetHighlightedKey(null);\n\n\t\tif (restoreInput) {\n\t\t\trestoreInputFromSelection();\n\t\t}\n\t};\n\n\tconst selectItem = (item: ComboboxItemData<TOption>) => {\n\t\tif (item.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetSelectedOption(item.rawValue);\n\t\tsetDisplayedInputValue(item.label);\n\t\tsetFilterValue('');\n\t\tsetHighlightedKey(item.key);\n\n\t\tif (local.closeOnSelection) {\n\t\t\tsetOpen(false);\n\t\t}\n\n\t\tinputRef()?.focus();\n\t};\n\n\tconst clearPendingInput = () => {\n\t\tif (selectedItem() === null) {\n\t\t\tsetDisplayedInputValue('');\n\t\t\tsetFilterValue('');\n\t\t\treturn;\n\t\t}\n\n\t\trestoreInputFromSelection();\n\t};\n\n\tconst clearSelectedItem = () => {\n\t\tsetSelectedOption(null);\n\t\tsetDisplayedInputValue('');\n\t\tsetFilterValue('');\n\t\tsetHighlightedKey(null);\n\t\tsetOpen(false);\n\t\tinputRef()?.focus();\n\t};\n\n\tcreateEffect(() => {\n\t\tif (isControlledValue() && selectedItem() !== null) {\n\t\t\trestoreInputFromSelection();\n\t\t}\n\t});\n\n\tcreateEffect(() => {\n\t\tconst items = visibleItems();\n\t\tconst selected = selectedItem();\n\n\t\tif (items.length === 0) {\n\t\t\tsetHighlightedKey(null);\n\t\t\tsetOpen(false);\n\t\t\treturn;\n\t\t}\n\n\t\tif (highlightedKey() && items.some((item) => item.key === highlightedKey())) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isOpen()) {\n\t\t\tif (selected && items.some((item) => item.key === selected.key)) {\n\t\t\t\tsetHighlightedKey(selected.key);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\thighlightFirst();\n\t\t}\n\t});\n\n\tonMount(() => {\n\t\trestoreInputFromSelection();\n\n\t\tconst handlePointerDown = (event: PointerEvent) => {\n\t\t\tconst root = rootRef();\n\n\t\t\tif (!root || root.contains(event.target as Node)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tclosePopup(true);\n\t\t};\n\n\t\tdocument.addEventListener('pointerdown', handlePointerDown);\n\n\t\tonCleanup(() => {\n\t\t\tdocument.removeEventListener('pointerdown', handlePointerDown);\n\t\t});\n\t});\n\n\tconst context: ComboboxContextValue<TOption, TOptionGroup> = {\n\t\trootId,\n\t\trootRef,\n\t\tsetRootRef,\n\t\tinputRef,\n\t\tsetInputRef,\n\t\tinputValue,\n\t\tsetInputValue: (value) => {\n\t\t\tsetDisplayedInputValue(value, true);\n\t\t\tsetFilterValue(value);\n\n\t\t\tif (selectedItem() && value !== selectedItem()!.label) {\n\t\t\t\tsetSelectedOption(null);\n\t\t\t}\n\n\t\t\tif (value.trim() === '') {\n\t\t\t\tclosePopup(false);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\topenPopup('first');\n\t\t},\n\t\tisOpen,\n\t\topenPopup,\n\t\tclosePopup,\n\t\ttogglePopup: () => {\n\t\t\tif (isOpen()) {\n\t\t\t\tclosePopup(true);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\topenPopup('first');\n\t\t},\n\t\tvisibleGroups,\n\t\tvisibleItems,\n\t\tselectedItem,\n\t\thighlightedKey,\n\t\tsetHighlightedKey,\n\t\thighlightNext,\n\t\thighlightPrevious,\n\t\thighlightFirst,\n\t\thighlightLast,\n\t\tselectItem,\n\t\tgetItemId: (key) => `${rootId}-item-${key}`,\n\t\titemComponent: local.itemComponent,\n\t\tgroupComponent: local.groupComponent,\n\t\tplaceholder: () => local.placeholder,\n\t\tdisabled: () => Boolean(local.disabled),\n\t\treadOnly: () => Boolean(local.readOnly),\n\t\trequired: () => Boolean(local.required),\n\t\tname: () => local.name,\n\t\tclearPendingInput,\n\t\tclearSelectedItem,\n\t};\n\n\tconst rootClass = () => clsx(comboboxClass.root, local.class);\n\n\tconst handleFocusOut: JSX.FocusEventHandlerUnion<HTMLDivElement, FocusEvent> = (event) => {\n\t\tcallEventHandler(local.onFocusOut, event);\n\n\t\tconst nextTarget = event.relatedTarget as Node | null;\n\n\t\tif (nextTarget && rootRef()?.contains(nextTarget)) {\n\t\t\treturn;\n\t\t}\n\n\t\tqueueMicrotask(() => {\n\t\t\tconst activeElement = document.activeElement;\n\n\t\t\tif (activeElement instanceof Node && rootRef()?.contains(activeElement)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tclosePopup(true);\n\t\t});\n\t};\n\n\treturn (\n\t\t<ComboboxContext.Provider value={context}>\n\t\t\t<div\n\t\t\t\tclass={rootClass()}\n\t\t\t\tref={setRootRef}\n\t\t\t\tonFocusOut={handleFocusOut}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{local.children ? (\n\t\t\t\t\tresolvedChildren()\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ComboboxControl>\n\t\t\t\t\t\t\t<ComboboxInput aria-label={local.placeholder ?? 'Combobox'} />\n\t\t\t\t\t\t\t<ComboboxTrigger />\n\t\t\t\t\t\t</ComboboxControl>\n\t\t\t\t\t\t<ComboboxPortal>\n\t\t\t\t\t\t\t<ComboboxContent>\n\t\t\t\t\t\t\t\t<ComboboxListbox />\n\t\t\t\t\t\t\t</ComboboxContent>\n\t\t\t\t\t\t</ComboboxPortal>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</ComboboxContext.Provider>\n\t);\n}\n"]}

package/dist/src/components/combobox/combobox-trigger.css

@@ -0,0 +1,31 @@
+@layer components {
+	.fl-combobox_trigger {
+		/* reset */
+		appearance: none;
+		outline: none;
+
+		/* layout */
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		flex: 0 0 auto;
+
+		/* spacing */
+		padding-inline: var(--fl-size-2);
+		padding-block: var(--fl-input-pad-y, var(--fl-size-1-5));
+
+		/* background */
+		background: transparent;
+		border: 0;
+
+		/* text */
+		color: var(--fl-input-text-color, var(--fl-body-text-color));
+
+		/* pointer */
+		cursor: pointer;
+	}
+
+	.fl-combobox_control[data-disabled] .fl-combobox_trigger {
+		cursor: var(--fl-disabled-cursor);
+	}
+}

package/dist/src/components/combobox/combobox-trigger.d.ts

@@ -0,0 +1,3 @@
+import { type JSX } from 'solid-js';
+import type { ComboboxTriggerProps } from './types';
+export declare function ComboboxTrigger(props: ComboboxTriggerProps): JSX.Element;

package/dist/src/components/combobox/combobox-trigger.jsx

@@ -0,0 +1,30 @@
+import clsx from 'clsx/lite';
+import { mergeProps, splitProps } from 'solid-js';
+import { comboboxClass } from './class';
+import { ComboboxIcon } from './combobox-icon';
+import { useComboboxContext } from './context';
+import { callEventHandler } from './util';
+export function ComboboxTrigger(props) {
+    const context = useComboboxContext();
+    const merged = mergeProps({
+        tabIndex: -1,
+    }, props);
+    const [local, rest] = splitProps(merged, ['class', 'children', 'onMouseDown', 'onClick']);
+    const rootClass = () => clsx(comboboxClass.trigger, local.class);
+    const handleMouseDown = (event) => {
+        callEventHandler(local.onMouseDown, event);
+        event.preventDefault();
+    };
+    const handleClick = (event) => {
+        callEventHandler(local.onClick, event);
+        if (context.disabled() || context.readOnly()) {
+            return;
+        }
+        context.openPopup('preserve');
+        context.inputRef()?.focus();
+    };
+    return (<button type="button" class={rootClass()} onMouseDown={handleMouseDown} onClick={handleClick} {...rest}>
+			{local.children ?? <ComboboxIcon />}
+		</button>);
+}
+//# sourceMappingURL=combobox-trigger.jsx.map

package/dist/src/components/combobox/combobox-trigger.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-trigger.jsx","sourceRoot":"","sources":["../../../../src/components/combobox/combobox-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAY,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C,MAAM,UAAU,eAAe,CAAC,KAA2B;IAC1D,MAAM,OAAO,GAAG,kBAAkB,EAAY,CAAC;IAC/C,MAAM,MAAM,GAAG,UAAU,CACxB;QACC,QAAQ,EAAE,CAAC,CAAC;KACZ,EACD,KAAK,CACL,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC;IAC1F,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAEjE,MAAM,eAAe,GAAyD,CAAC,KAAK,EAAE,EAAE;QACvF,gBAAgB,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QAC3C,KAAK,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAyD,CAAC,KAAK,EAAE,EAAE;QACnF,gBAAgB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAEvC,IAAI,OAAO,CAAC,QAAQ,EAAE,IAAI,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;YAC9C,OAAO;QACR,CAAC;QAED,OAAO,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC9B,OAAO,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACN,CAAC,MAAM,CACN,IAAI,CAAC,QAAQ,CACb,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,WAAW,CAAC,CAAC,eAAe,CAAC,CAC7B,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,YAAY,CAAC,AAAD,EAAG,CACpC;EAAA,EAAE,MAAM,CAAC,CACT,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { type JSX, mergeProps, splitProps } from 'solid-js';\nimport { comboboxClass } from './class';\nimport { ComboboxIcon } from './combobox-icon';\nimport { useComboboxContext } from './context';\nimport type { ComboboxTriggerProps } from './types';\nimport { callEventHandler } from './util';\n\nexport function ComboboxTrigger(props: ComboboxTriggerProps) {\n\tconst context = useComboboxContext<any, any>();\n\tconst merged = mergeProps(\n\t\t{\n\t\t\ttabIndex: -1,\n\t\t},\n\t\tprops,\n\t);\n\tconst [local, rest] = splitProps(merged, ['class', 'children', 'onMouseDown', 'onClick']);\n\tconst rootClass = () => clsx(comboboxClass.trigger, local.class);\n\n\tconst handleMouseDown: JSX.EventHandlerUnion<HTMLButtonElement, MouseEvent> = (event) => {\n\t\tcallEventHandler(local.onMouseDown, event);\n\t\tevent.preventDefault();\n\t};\n\n\tconst handleClick: JSX.EventHandlerUnion<HTMLButtonElement, MouseEvent> = (event) => {\n\t\tcallEventHandler(local.onClick, event);\n\n\t\tif (context.disabled() || context.readOnly()) {\n\t\t\treturn;\n\t\t}\n\n\t\tcontext.openPopup('preserve');\n\t\tcontext.inputRef()?.focus();\n\t};\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass={rootClass()}\n\t\t\tonMouseDown={handleMouseDown}\n\t\t\tonClick={handleClick}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children ?? <ComboboxIcon />}\n\t\t</button>\n\t);\n}\n"]}

package/dist/src/components/combobox/combobox.d.ts

@@ -0,0 +1,43 @@
+import type { JSX } from 'solid-js';
+import './combobox-root.css';
+import './combobox-control.css';
+import './combobox-input.css';
+import './combobox-trigger.css';
+import './combobox-icon.css';
+import './combobox-content.css';
+import './combobox-listbox.css';
+import './combobox-item.css';
+import './combobox-group.css';
+import './combobox-item-indicator.css';
+import { ComboboxContent } from './combobox-content';
+import { ComboboxControl } from './combobox-control';
+import { ComboboxGroup } from './combobox-group';
+import { ComboboxHiddenSelect } from './combobox-hidden-select';
+import { ComboboxIcon } from './combobox-icon';
+import { ComboboxInput } from './combobox-input';
+import { ComboboxItem } from './combobox-item';
+import { ComboboxItemIndicator } from './combobox-item-indicator';
+import { ComboboxItemLabel } from './combobox-item-label';
+import { ComboboxListbox } from './combobox-listbox';
+import { ComboboxPortal } from './combobox-portal';
+import { ComboboxRoot } from './combobox-root';
+import { ComboboxTrigger } from './combobox-trigger';
+import type { ComboboxRootProps } from './types';
+export type { ComboboxContentProps, ComboboxControlProps, ComboboxGroupData, ComboboxGroupProps, ComboboxHiddenSelectProps, ComboboxIconProps, ComboboxInputProps, ComboboxItemData, ComboboxItemIndicatorProps, ComboboxItemLabelProps, ComboboxItemProps, ComboboxListboxProps, ComboboxPortalProps, ComboboxRenderGroupProps, ComboboxRenderItemProps, ComboboxRootProps, ComboboxTriggerProps, } from './types';
+export { ComboboxContent, ComboboxControl, ComboboxGroup, ComboboxHiddenSelect, ComboboxIcon, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxItemLabel, ComboboxListbox, ComboboxPortal, ComboboxRoot, ComboboxTrigger, };
+export interface ComboboxComponent {
+    <TOption, TOptionGroup = never>(props: ComboboxRootProps<TOption, TOptionGroup>): JSX.Element;
+    Control: typeof ComboboxControl;
+    Input: typeof ComboboxInput;
+    Trigger: typeof ComboboxTrigger;
+    Icon: typeof ComboboxIcon;
+    Portal: typeof ComboboxPortal;
+    Content: typeof ComboboxContent;
+    Listbox: typeof ComboboxListbox;
+    Item: typeof ComboboxItem;
+    ItemLabel: typeof ComboboxItemLabel;
+    ItemIndicator: typeof ComboboxItemIndicator;
+    Group: typeof ComboboxGroup;
+    HiddenSelect: typeof ComboboxHiddenSelect;
+}
+export declare const Combobox: ComboboxComponent;

package/dist/src/components/combobox/combobox.jsx

@@ -0,0 +1,39 @@
+import './combobox-root.css';
+import './combobox-control.css';
+import './combobox-input.css';
+import './combobox-trigger.css';
+import './combobox-icon.css';
+import './combobox-content.css';
+import './combobox-listbox.css';
+import './combobox-item.css';
+import './combobox-group.css';
+import './combobox-item-indicator.css';
+import { ComboboxContent } from './combobox-content';
+import { ComboboxControl } from './combobox-control';
+import { ComboboxGroup } from './combobox-group';
+import { ComboboxHiddenSelect } from './combobox-hidden-select';
+import { ComboboxIcon } from './combobox-icon';
+import { ComboboxInput } from './combobox-input';
+import { ComboboxItem } from './combobox-item';
+import { ComboboxItemIndicator } from './combobox-item-indicator';
+import { ComboboxItemLabel } from './combobox-item-label';
+import { ComboboxListbox } from './combobox-listbox';
+import { ComboboxPortal } from './combobox-portal';
+import { ComboboxRoot } from './combobox-root';
+import { ComboboxTrigger } from './combobox-trigger';
+export { ComboboxContent, ComboboxControl, ComboboxGroup, ComboboxHiddenSelect, ComboboxIcon, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxItemLabel, ComboboxListbox, ComboboxPortal, ComboboxRoot, ComboboxTrigger, };
+export const Combobox = Object.assign(ComboboxRoot, {
+    Control: ComboboxControl,
+    Input: ComboboxInput,
+    Trigger: ComboboxTrigger,
+    Icon: ComboboxIcon,
+    Portal: ComboboxPortal,
+    Content: ComboboxContent,
+    Listbox: ComboboxListbox,
+    Item: ComboboxItem,
+    ItemLabel: ComboboxItemLabel,
+    ItemIndicator: ComboboxItemIndicator,
+    Group: ComboboxGroup,
+    HiddenSelect: ComboboxHiddenSelect,
+});
+//# sourceMappingURL=combobox.jsx.map

package/dist/src/components/combobox/combobox.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.jsx","sourceRoot":"","sources":["../../../../src/components/combobox/combobox.tsx"],"names":[],"mappings":"AACA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,wBAAwB,CAAC;AAChC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,wBAAwB,CAAC;AAChC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,+BAA+B,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAuBrD,OAAO,EACN,eAAe,EACf,eAAe,EACf,aAAa,EACb,oBAAoB,EACpB,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,YAAY,EACZ,eAAe,GACf,CAAC;AAkBF,MAAM,CAAC,MAAM,QAAQ,GAAsB,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IACtE,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,eAAe;IACxB,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,cAAc;IACtB,OAAO,EAAE,eAAe;IACxB,OAAO,EAAE,eAAe;IACxB,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,iBAAiB;IAC5B,aAAa,EAAE,qBAAqB;IACpC,KAAK,EAAE,aAAa;IACpB,YAAY,EAAE,oBAAoB;CAClC,CAAC,CAAC","sourcesContent":["import type { JSX } from 'solid-js';\nimport './combobox-root.css';\nimport './combobox-control.css';\nimport './combobox-input.css';\nimport './combobox-trigger.css';\nimport './combobox-icon.css';\nimport './combobox-content.css';\nimport './combobox-listbox.css';\nimport './combobox-item.css';\nimport './combobox-group.css';\nimport './combobox-item-indicator.css';\nimport { ComboboxContent } from './combobox-content';\nimport { ComboboxControl } from './combobox-control';\nimport { ComboboxGroup } from './combobox-group';\nimport { ComboboxHiddenSelect } from './combobox-hidden-select';\nimport { ComboboxIcon } from './combobox-icon';\nimport { ComboboxInput } from './combobox-input';\nimport { ComboboxItem } from './combobox-item';\nimport { ComboboxItemIndicator } from './combobox-item-indicator';\nimport { ComboboxItemLabel } from './combobox-item-label';\nimport { ComboboxListbox } from './combobox-listbox';\nimport { ComboboxPortal } from './combobox-portal';\nimport { ComboboxRoot } from './combobox-root';\nimport { ComboboxTrigger } from './combobox-trigger';\nimport type { ComboboxRootProps } from './types';\n\nexport type {\n\tComboboxContentProps,\n\tComboboxControlProps,\n\tComboboxGroupData,\n\tComboboxGroupProps,\n\tComboboxHiddenSelectProps,\n\tComboboxIconProps,\n\tComboboxInputProps,\n\tComboboxItemData,\n\tComboboxItemIndicatorProps,\n\tComboboxItemLabelProps,\n\tComboboxItemProps,\n\tComboboxListboxProps,\n\tComboboxPortalProps,\n\tComboboxRenderGroupProps,\n\tComboboxRenderItemProps,\n\tComboboxRootProps,\n\tComboboxTriggerProps,\n} from './types';\n\nexport {\n\tComboboxContent,\n\tComboboxControl,\n\tComboboxGroup,\n\tComboboxHiddenSelect,\n\tComboboxIcon,\n\tComboboxInput,\n\tComboboxItem,\n\tComboboxItemIndicator,\n\tComboboxItemLabel,\n\tComboboxListbox,\n\tComboboxPortal,\n\tComboboxRoot,\n\tComboboxTrigger,\n};\n\nexport interface ComboboxComponent {\n\t<TOption, TOptionGroup = never>(props: ComboboxRootProps<TOption, TOptionGroup>): JSX.Element;\n\tControl: typeof ComboboxControl;\n\tInput: typeof ComboboxInput;\n\tTrigger: typeof ComboboxTrigger;\n\tIcon: typeof ComboboxIcon;\n\tPortal: typeof ComboboxPortal;\n\tContent: typeof ComboboxContent;\n\tListbox: typeof ComboboxListbox;\n\tItem: typeof ComboboxItem;\n\tItemLabel: typeof ComboboxItemLabel;\n\tItemIndicator: typeof ComboboxItemIndicator;\n\tGroup: typeof ComboboxGroup;\n\tHiddenSelect: typeof ComboboxHiddenSelect;\n}\n\nexport const Combobox: ComboboxComponent = Object.assign(ComboboxRoot, {\n\tControl: ComboboxControl,\n\tInput: ComboboxInput,\n\tTrigger: ComboboxTrigger,\n\tIcon: ComboboxIcon,\n\tPortal: ComboboxPortal,\n\tContent: ComboboxContent,\n\tListbox: ComboboxListbox,\n\tItem: ComboboxItem,\n\tItemLabel: ComboboxItemLabel,\n\tItemIndicator: ComboboxItemIndicator,\n\tGroup: ComboboxGroup,\n\tHiddenSelect: ComboboxHiddenSelect,\n});\n"]}

package/dist/src/components/combobox/context.d.ts

@@ -0,0 +1,45 @@
+import { type Accessor, type Component, type Setter } from 'solid-js';
+import type { ComboboxGroupData, ComboboxItemData, ComboboxRenderGroupProps, ComboboxRenderItemProps } from './types';
+interface ComboboxItemState<TOption> {
+    item: ComboboxItemData<TOption>;
+    selected: boolean;
+    highlighted: boolean;
+}
+export interface ComboboxContextValue<TOption, TOptionGroup> {
+    rootId: string;
+    rootRef: Accessor<HTMLDivElement | undefined>;
+    setRootRef: Setter<HTMLDivElement | undefined>;
+    inputRef: Accessor<HTMLInputElement | undefined>;
+    setInputRef: Setter<HTMLInputElement | undefined>;
+    inputValue: Accessor<string>;
+    setInputValue: (value: string) => void;
+    isOpen: Accessor<boolean>;
+    openPopup: (strategy?: 'first' | 'last' | 'preserve') => void;
+    closePopup: (restoreInput?: boolean) => void;
+    togglePopup: () => void;
+    visibleGroups: Accessor<Array<ComboboxGroupData<TOptionGroup, TOption>>>;
+    visibleItems: Accessor<Array<ComboboxItemData<TOption>>>;
+    selectedItem: Accessor<ComboboxItemData<TOption> | null>;
+    highlightedKey: Accessor<string | null>;
+    setHighlightedKey: (key: string | null) => void;
+    highlightNext: () => void;
+    highlightPrevious: () => void;
+    highlightFirst: () => void;
+    highlightLast: () => void;
+    selectItem: (item: ComboboxItemData<TOption>) => void;
+    getItemId: (key: string) => string;
+    itemComponent?: Component<ComboboxRenderItemProps<TOption>>;
+    groupComponent?: Component<ComboboxRenderGroupProps<TOptionGroup, TOption>>;
+    placeholder: Accessor<string | undefined>;
+    disabled: Accessor<boolean>;
+    readOnly: Accessor<boolean>;
+    required: Accessor<boolean>;
+    name: Accessor<string | undefined>;
+    clearPendingInput: () => void;
+    clearSelectedItem: () => void;
+}
+export declare const ComboboxContext: import("solid-js").Context<ComboboxContextValue<any, any> | undefined>;
+export declare const ComboboxItemContext: import("solid-js").Context<ComboboxItemState<any> | undefined>;
+export declare function useComboboxContext<TOption, TOptionGroup>(): ComboboxContextValue<TOption, TOptionGroup>;
+export declare function useComboboxItemContext<TOption>(): ComboboxItemState<TOption>;
+export {};

package/dist/src/components/combobox/context.js

@@ -0,0 +1,18 @@
+import { createContext, useContext } from 'solid-js';
+export const ComboboxContext = createContext();
+export const ComboboxItemContext = createContext();
+export function useComboboxContext() {
+    const context = useContext(ComboboxContext);
+    if (!context) {
+        throw new Error('Combobox components must be used within Combobox.');
+    }
+    return context;
+}
+export function useComboboxItemContext() {
+    const context = useContext(ComboboxItemContext);
+    if (!context) {
+        throw new Error('Combobox item parts must be used within Combobox.Item.');
+    }
+    return context;
+}
+//# sourceMappingURL=context.js.map