@bspk/ui 1.1.34 → 1.3.0

package/dist/components/Chip/chip.css.js

@@ -1,50 +0,0 @@
-/** * This file is generated by the build script.
-* Do not edit this file directly. */
-const style = document.createElement('style');
-style.appendChild(document.createTextNode(`[data-bspk=chip] {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  width: fit-content;
-  height: var(--spacing-sizing-06);
-  padding: 0 var(--spacing-sizing-02);
-  font: var(--labels-small);
-  color: var(--foreground-neutral-on-surface-variant-01);
-  background-color: var(--surface-neutral-t1-base);
-  border: 1px solid var(--stroke-neutral-low);
-  border-radius: var(--radius-sm);
-}
-[data-bspk=chip]:not([data-flat]) {
-  box-shadow: var(--drop-shadow-raise);
-}
-[data-bspk=chip][data-variant=filter] {
-  cursor: pointer;
-}
-[data-bspk=chip][data-wrap] {
-  height: auto;
-}
-[data-bspk=chip][data-disabled] {
-  color: var(--foreground-neutral-disabled-on-surface);
-  cursor: not-allowed;
-  border-color: var(--stroke-neutral-disabled-light);
-  background-image: linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
-}
-[data-bspk=chip]:not([data-disabled]):hover {
-  background-image: linear-gradient(var(--interactions-neutral-hover-opacity), var(--interactions-neutral-hover-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
-}
-[data-bspk=chip]:not([data-disabled]):active {
-  background-image: linear-gradient(var(--interactions-neutral-press-opacity), var(--interactions-neutral-press-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
-}
-[data-bspk=chip]:not([data-disabled]):focus {
-  outline: 1px solid var(--stroke-neutral-focus);
-  border-color: var(--stroke-neutral-focus);
-}
-[data-bspk=chip][data-selected] {
-  background-color: var(--surface-brand-primary-highlight);
-  border-color: var(--stroke-brand-primary);
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-`));
-document.head.appendChild(style);
-

package/dist/components/Chip/index.d.ts

@@ -1 +0,0 @@
-export * from './Chip';

package/dist/components/Chip/index.js

@@ -1,2 +0,0 @@
-export * from './Chip';
-//# sourceMappingURL=index.js.map

package/dist/components/Chip/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Chip/index.tsx"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/components/Combobox/Combobox.d.ts

@@ -1,96 +0,0 @@
-import { ReactNode } from 'react';
-import { CommonProps, ElementProps } from '../../index.js';
-import { ListItemProps } from '../ListItem';
-import { MenuProps } from '../Menu';
-import { ModalProps } from '../Modal';
-import { ToggleProps, UseComboboxProps } from '../../hooks/useCombobox';
-export declare const MIN_ITEM_COUNT = 3;
-export declare const MAX_ITEM_COUNT = 10;
-/** The props for the listbox items. */
-export type ComboboxItemProps = CommonProps<'disabled'> & ListItemProps & {
-    /** The content to display in the listbox item. */
-    label: string;
-    /** The value of the listbox item. */
-    value: string;
-};
-export type ComboboxProps<Item extends ComboboxItemProps = ComboboxItemProps> = CommonProps<'data-bspk-owner' | 'id'> & Pick<MenuProps, 'itemDisplayCount'> & Pick<ModalProps, 'description' | 'header'> & Pick<UseComboboxProps, 'disabled' | 'errorMessage' | 'invalid' | 'offsetOptions' | 'readOnly' | 'refWidth'> & {
-    /**
-     * Content to display in the listbox.
-     *
-     * @example
-     *     [
-     *         { value: '1', label: 'Option 1' },
-     *         { value: '2', label: 'Option 2' },
-     *         { value: '3', label: 'Option 3' },
-     *         { value: '4', label: 'Option 4' },
-     *         { value: '5', label: 'Option 5' },
-     *         { value: '6', label: 'Option 6' },
-     *         { value: '7', label: 'Option 7' },
-     *         { value: '8', label: 'Option 8' },
-     *         { value: '9', label: 'Option 9' },
-     *         { value: '10', label: 'Option 10' },
-     *     ];
-     *
-     * @type Array<MenuItem>
-     */
-    items?: Item[];
-    /**
-     * Array of selected values
-     *
-     * @type Array<string>
-     */
-    value?: Array<string>;
-    /**
-     * Whether the listbox allows multiple selections.
-     *
-     * @default false
-     */
-    isMulti?: boolean;
-    /**
-     * The label for the "Select All" option.
-     *
-     * Ignored if `isMulti` is false.
-     *
-     * If `isMulti` is `true`, defaults to "Select All". If a string, it will be used as the label. If false the
-     * select all option will not be rendered.
-     *
-     * @default false
-     */
-    selectAll?: boolean | string;
-    /**
-     * The function to call when the selected values change.
-     *
-     * @example
-     *     (selectedValues, event) => setState({ selectedValues });
-     *
-     * @required
-     */
-    onChange: (selectedValues: string[], event?: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    /**
-     * The children of the listbox added after the items.
-     *
-     * Usually only used for showing no items found.
-     */
-    children: (params: {
-        setReference: (node: HTMLElement) => void;
-        toggleProps: ToggleProps;
-    }) => ReactNode;
-    /**
-     * The label for the select element, used for accessibility, and the dropdown modal header.
-     *
-     * @required
-     */
-    label: string;
-};
-/**
- * A utility widget that allows users to select one or more items from a list of choices.
- *
- * @name Combobox
- * @phase Utility
- */
-declare function Combobox<Item extends ComboboxItemProps>({ itemDisplayCount, items, onChange, value: selectedValues, disabled, id: idProp, isMulti, selectAll: selectAllProp, children, invalid, readOnly, errorMessage, refWidth, offsetOptions, header, description, ...props }: ElementProps<ComboboxProps<Item>, 'div'>): import("react/jsx-runtime").JSX.Element;
-declare namespace Combobox {
-    var bspkName: string;
-}
-export { Combobox };
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Combobox/Combobox.js

@@ -1,83 +0,0 @@
-import { createElement as _createElement } from "react";
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable react/no-multi-comp */ import { useMemo } from 'react';
-import { Checkbox } from '../Checkbox';
-import { ListItem } from '../ListItem';
-import { Menu } from '../Menu';
-import { Modal } from '../Modal';
-import { useCombobox } from '../../hooks/useCombobox';
-import { useId } from '../../hooks/useId';
-import { useUIContext } from '../../hooks/useUIContext';
-import { cssWithVars } from '../../utils/cwv';
-const DEFAULT = {
-    selectAll: 'Select All',
-};
-export const MIN_ITEM_COUNT = 3;
-export const MAX_ITEM_COUNT = 10;
-/**
- * A utility widget that allows users to select one or more items from a list of choices.
- *
- * @name Combobox
- * @phase Utility
- */
-function Combobox({ itemDisplayCount, items = [], onChange, value: selectedValues = [], disabled, id: idProp, isMulti, selectAll: selectAllProp, children, invalid, readOnly, errorMessage, refWidth, offsetOptions = 4, header, description, ...props }) {
-    const menuId = useId(idProp);
-    const { isMobile } = useUIContext();
-    const { toggleProps, activeIndex, menuProps, closeMenu, isOpen, elements } = useCombobox({
-        refOutsideClick: !isMobile,
-        refWidth,
-        placement: 'bottom-start',
-        disabled,
-        invalid,
-        readOnly,
-        errorMessage,
-        offsetOptions,
-    });
-    const selectAll = useMemo(() => {
-        if (!isMulti)
-            return false;
-        if (selectAllProp && typeof selectAllProp === 'string')
-            return selectAllProp;
-        return selectAllProp === true ? DEFAULT.selectAll : false;
-    }, [isMulti, selectAllProp]);
-    const allSelected = useMemo(() => !!(items.length && items.every((item) => selectedValues.includes(item.value))), [items, selectedValues]);
-    if (!isOpen)
-        return _jsx(_Fragment, { children: children({ toggleProps, setReference: elements.setReference }) });
-    /* data-bspk="combobox" -- I don't need a wrapper here and this passes lint. :) */
-    return (_jsxs(_Fragment, { children: [children({ toggleProps, setReference: elements.setReference }), isMobile ? (_jsx(Modal, { "data-bspk-owner": props['data-bspk-owner'] || undefined, description: description, header: header, onClose: closeMenu, open: isOpen, children: _jsx(ListItems, { activeIndex: activeIndex, allSelected: allSelected, "data-testid": "listbox-items", isMulti: isMulti, items: items, menuId: menuId, onChange: (next) => {
-                        onChange(next);
-                        if (!isMulti)
-                            closeMenu();
-                    }, selectAll: selectAll, selectedValues: selectedValues }) })) : (_jsx(Menu, { "aria-multiselectable": isMulti || undefined, "data-bspk": "listbox", "data-disabled": disabled || undefined, "data-no-items": !items.length || undefined, id: menuId, innerRef: (node) => {
-                    elements.setFloating(node);
-                }, itemCount: items.length, itemDisplayCount: itemDisplayCount, onOutsideClick: closeMenu, role: "listbox", style: cssWithVars({
-                    ...props.style,
-                    ...menuProps.style,
-                }), tabIndex: -1, children: _jsx(ListItems, { activeIndex: activeIndex, allSelected: allSelected, "data-testid": "listbox-items", isMulti: isMulti, items: items, menuId: menuId, onChange: (nextValue) => {
-                        onChange(nextValue);
-                        if (!isMulti)
-                            closeMenu();
-                    }, selectAll: selectAll, selectedValues: selectedValues }) }))] }));
-}
-Combobox.bspkName = 'Combobox';
-export { Combobox };
-// ListItems component to render the items in the listbox or modal.
-// This is a separate component to keep the Combobox component clean and focused on its main functionality
-function ListItems({ isMulti = false, items = [], activeIndex, selectedValues = [], onChange, selectAll = false, menuId = '', allSelected = false, }) {
-    const multiSelectValue = (selected, itemValue) => {
-        return selected ? selectedValues.filter((value) => value !== itemValue) : [...selectedValues, itemValue];
-    };
-    return (_jsxs(_Fragment, { children: [isMulti && selectAll && (_jsx(ListItem, { "data-selected": allSelected || undefined, label: selectAll, onClick: (event) => {
-                    onChange?.(allSelected ? [] : items.map((item) => item.value), event);
-                }, role: "option", tabIndex: -1, trailing: _jsx(Checkbox, { "aria-label": selectAll, checked: !!allSelected, indeterminate: !allSelected && selectedValues.length > 0, name: "", onChange: (checked) => {
-                        onChange?.(checked ? items.map((item) => item.value) : []);
-                    }, value: "" }) }, "select-all")), items.map((item, index) => {
-                const selected = Boolean(Array.isArray(selectedValues) && selectedValues.includes(item.value));
-                return (_createElement(ListItem, { ...item, active: activeIndex === index || undefined, "aria-disabled": item.disabled || undefined, "aria-posinset": index + 1, as: "button", disabled: item.disabled || undefined, id: `${menuId}-item-${index}`, key: `${menuId}-item-${index}`, label: item.label, onClick: (event) => {
-                        onChange?.(isMulti ? multiSelectValue(selected, item.value) : [item.value], event);
-                    }, role: "option", selected: selected || undefined, tabIndex: -1, trailing: isMulti ? (_jsx(Checkbox, { "aria-label": item.label, checked: selected, name: item.value, onChange: (checked) => {
-                            onChange?.(multiSelectValue(checked, item.value));
-                        }, value: item.value })) : (item.trailing || undefined) }));
-            })] }));
-}
-//# sourceMappingURL=Combobox.js.map

package/dist/components/Combobox/Combobox.js.map

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

package/dist/components/Combobox/index.d.ts

@@ -1 +0,0 @@
-export * from './Combobox';

package/dist/components/Combobox/index.js

@@ -1,2 +0,0 @@
-export * from './Combobox';
-//# sourceMappingURL=index.js.map

package/dist/components/Combobox/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Combobox/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/components/Listbox/Listbox.d.ts

@@ -1,119 +0,0 @@
-import { ReactNode } from 'react';
-import { CommonProps, ElementProps, SetRef } from '../../index.js';
-import { ListItemProps } from '../ListItem';
-import { MenuProps } from '../Menu';
-/** The props for the listbox items. */
-export type ListboxItemProps = CommonProps<'disabled'> & ListItemProps & {
-    /** The content to display in the listbox item. */
-    label: string;
-    /** The value of the listbox item. */
-    value: string;
-};
-export type ListboxProps<Item extends ListboxItemProps = ListboxItemProps> = CommonProps<'disabled' | 'id'> & Pick<MenuProps, 'itemDisplayCount'> & {
-    /**
-     * Content to display in the listbox.
-     *
-     * @example
-     *     [
-     *         { value: '1', label: 'Option 1' },
-     *         { value: '2', label: 'Option 2' },
-     *         { value: '3', label: 'Option 3' },
-     *         { value: '4', label: 'Option 4' },
-     *         { value: '5', label: 'Option 5' },
-     *         { value: '6', label: 'Option 6' },
-     *         { value: '7', label: 'Option 7' },
-     *         { value: '8', label: 'Option 8' },
-     *         { value: '9', label: 'Option 9' },
-     *         { value: '10', label: 'Option 10' },
-     *     ];
-     *
-     * @type Array<MenuItem>
-     */
-    items?: Item[];
-    /** A ref to the inner div element. */
-    innerRef?: SetRef<HTMLDivElement>;
-    /**
-     * The index of the currently highlighted item.
-     *
-     * @default undefined
-     */
-    activeIndex?: number;
-    /** The values of the selected items */
-    selectedValues?: string[];
-    /** A function which returns additional ListItem props to apply to each ListItem. */
-    listItemProps?: (props: {
-        index: number;
-        item: Item;
-        selected: boolean;
-    }) => Partial<ListItemProps<'button'>>;
-    /**
-     * Whether the listbox allows multiple selections.
-     *
-     * @default false
-     */
-    isMulti?: boolean;
-    /**
-     * The label for the "Select All" option.
-     *
-     * Ignored if `isMulti` is false.
-     *
-     * If `isMulti` is `true`, defaults to "Select All". If a string, it will be used as the label. If false the
-     * select all option will not be rendered.
-     *
-     * @default false
-     */
-    selectAll?: boolean | string;
-    /**
-     * The function to call when the selected values change.
-     *
-     * @example
-     *     (selectedValues, event) => setState({ selectedValues });
-     */
-    onChange?: (selectedValues: string[], event?: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    /**
-     * The children of the listbox added after the items.
-     *
-     * Usually only used for showing no items found.
-     */
-    children?: ReactNode;
-};
-/**
- * A utility widget that allows users to select one or more items from a list of choices.
- *
- * @example
- *     import React from 'react';
- *
- *     import { ListBox } from '@bspk/ui/ListBox';
- *
- *     export function Example() {
- *         const [selected, setSelected] = React.useState<string[]>([]);
- *
- *         return (
- *             <ListBox
- *                 items={[
- *                     { value: '1', label: 'Option 1' },
- *                     { value: '2', label: 'Option 2' },
- *                     { value: '3', label: 'Option 3' },
- *                     { value: '4', label: 'Option 4' },
- *                     { value: '5', label: 'Option 5' },
- *                     { value: '6', label: 'Option 6' },
- *                     { value: '7', label: 'Option 7' },
- *                     { value: '8', label: 'Option 8' },
- *                     { value: '9', label: 'Option 9' },
- *                     { value: '10', label: 'Option 10' },
- *                 ]}
- *                 onChange={(selectedValues: string[]) => setSelected(selectedValues)}
- *                 selectedValues={selected}
- *             />
- *         );
- *     }
- *
- * @name Listbox
- * @phase Backlog
- */
-declare function Listbox<Item extends ListboxItemProps>({ itemDisplayCount, items, innerRef, onChange, activeIndex, selectedValues, disabled, id: idProp, listItemProps, isMulti, selectAll: selectAllProp, children, ...props }: ElementProps<ListboxProps<Item>, 'div'>): import("react/jsx-runtime").JSX.Element;
-declare namespace Listbox {
-    var bspkName: string;
-}
-export { Listbox };
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Listbox/Listbox.js

@@ -1,85 +0,0 @@
-import { createElement as _createElement } from "react";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { Checkbox } from '../Checkbox';
-import { ListItem } from '../ListItem';
-import { Menu } from '../Menu';
-import { useId } from '../../hooks/useId';
-const DEFAULT = {
-    selectAll: 'Select All',
-};
-/**
- * A utility widget that allows users to select one or more items from a list of choices.
- *
- * @example
- *     import React from 'react';
- *
- *     import { ListBox } from '@bspk/ui/ListBox';
- *
- *     export function Example() {
- *         const [selected, setSelected] = React.useState<string[]>([]);
- *
- *         return (
- *             <ListBox
- *                 items={[
- *                     { value: '1', label: 'Option 1' },
- *                     { value: '2', label: 'Option 2' },
- *                     { value: '3', label: 'Option 3' },
- *                     { value: '4', label: 'Option 4' },
- *                     { value: '5', label: 'Option 5' },
- *                     { value: '6', label: 'Option 6' },
- *                     { value: '7', label: 'Option 7' },
- *                     { value: '8', label: 'Option 8' },
- *                     { value: '9', label: 'Option 9' },
- *                     { value: '10', label: 'Option 10' },
- *                 ]}
- *                 onChange={(selectedValues: string[]) => setSelected(selectedValues)}
- *                 selectedValues={selected}
- *             />
- *         );
- *     }
- *
- * @name Listbox
- * @phase Backlog
- */
-function Listbox({ itemDisplayCount, items = [], innerRef, onChange, activeIndex, selectedValues = [], disabled, id: idProp, listItemProps, isMulti, selectAll: selectAllProp, children, ...props }) {
-    const menuId = useId(idProp);
-    const selectAll = useMemo(() => {
-        if (!isMulti)
-            return false;
-        if (selectAllProp && typeof selectAllProp === 'string')
-            return selectAllProp;
-        return selectAllProp === true ? DEFAULT.selectAll : false;
-    }, [isMulti, selectAllProp]);
-    const allSelected = useMemo(() => !!(items.length && items.every((item) => selectedValues.includes(item.value))), [items, selectedValues]);
-    return (_jsxs(Menu, { ...props, "aria-multiselectable": isMulti || undefined, "data-bspk": "listbox", "data-disabled": disabled || undefined, "data-no-items": !items.length || undefined, id: menuId, innerRef: innerRef, itemCount: items.length, itemDisplayCount: itemDisplayCount, role: "listbox", children: [isMulti && selectAll && (_jsx(ListItem, { "data-selected": allSelected || undefined, id: `${menuId}-select-all`, label: selectAll, onClick: (event) => {
-                    onChange?.(allSelected ? [] : items.map((item) => item.value), event);
-                }, role: "option", tabIndex: -1, trailing: _jsx(Checkbox, { "aria-label": selectAll, checked: !!allSelected, indeterminate: !allSelected && selectedValues.length > 0, name: "", onChange: (checked) => {
-                        onChange?.(checked ? items.map((item) => item.value) : []);
-                    }, value: "" }) }, "select-all")), items.map((item, index) => {
-                const selected = Boolean(Array.isArray(selectedValues) && selectedValues.includes(item.value));
-                const renderProps = listItemProps?.({
-                    selected,
-                    index,
-                    item,
-                });
-                return (_createElement(ListItem, { ...item, ...renderProps, active: activeIndex === index || undefined, "aria-disabled": item.disabled || undefined, "aria-posinset": index + 1, "aria-selected": selected || undefined, as: "button", disabled: item.disabled || undefined, id: `${menuId}-item-${index}`, key: `${menuId}-item-${index}`, label: renderProps?.label?.toString() || item.label?.toString(), onClick: (event) => {
-                        if (onChange) {
-                            if (!isMulti) {
-                                onChange?.([item.value], event);
-                                return;
-                            }
-                            onChange(selected
-                                ? selectedValues.filter((value) => value !== item.value)
-                                : [...selectedValues, item.value], event);
-                        }
-                    }, role: "option", tabIndex: -1, trailing: isMulti ? (_jsx(Checkbox, { "aria-label": item.label, checked: selected, name: item.value, onChange: (checked) => {
-                            onChange?.(checked
-                                ? selectedValues.filter((value) => value !== item.value)
-                                : [...selectedValues, item.value]);
-                        }, value: item.value })) : (renderProps?.trailing || item.trailing || undefined) }));
-            }), children] }));
-}
-Listbox.bspkName = 'Listbox';
-export { Listbox };
-//# sourceMappingURL=Listbox.js.map

package/dist/components/Listbox/Listbox.js.map

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

package/dist/components/Listbox/index.d.ts

@@ -1 +0,0 @@
-export * from './Listbox';

package/dist/components/Listbox/index.js

@@ -1,2 +0,0 @@
-export * from './Listbox';
-//# sourceMappingURL=index.js.map

package/dist/components/Listbox/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Listbox/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/hooks/useCombobox.d.ts

@@ -1,55 +0,0 @@
-import { AriaAttributes } from 'react';
-import { CommonProps, InvalidPropsLibrary } from '..';
-import { UseFloatingElements, UseFloatingProps } from './useFloating';
-export type UseComboboxProps = CommonProps<'disabled' | 'readOnly'> & InvalidPropsLibrary & Pick<UseFloatingProps, 'offsetOptions' | 'placement' | 'refWidth'> & {
-    /**
-     * The element to use for outside click detection.
-     *
-     * If set to true, it will use the floating, and reference elements.
-     *
-     * If set to HTMLElements, it will use those element for outside click detection.
-     *
-     * If set to false, it will not use outside click detection.
-     */
-    refOutsideClick?: HTMLElement[] | boolean;
-};
-export type ComboboxContext = ReturnType<typeof useCombobox>;
-export type ToggleProps = {
-    'aria-errormessage'?: string | undefined;
-    'aria-activedescendant'?: string | undefined;
-    'aria-controls': string;
-    'aria-disabled'?: boolean | undefined;
-    'aria-expanded': boolean;
-    'aria-haspopup': AriaAttributes['aria-haspopup'];
-    'aria-invalid'?: boolean | undefined;
-    'aria-owns': string;
-    'aria-readonly'?: boolean | undefined;
-    role: 'combobox';
-    tabIndex: number;
-    onClick: () => void;
-    onKeyDownCapture: (event: React.KeyboardEvent) => boolean;
-};
-/**
- * Utility hook to manage a combobox component.
- *
- * It provides functionality for showing/hiding the menu, handling keyboard navigation, and managing ARIA attributes.
- *
- * @param {UseComboboxProps} props - The properties to configure the combobox.
- * @returns An object containing props for the menu and toggle elements, and a function to close the menu.
- */
-export declare function useCombobox({ placement, refWidth, disabled, errorMessage, invalid, readOnly, offsetOptions, }: UseComboboxProps): {
-    activeIndex: number;
-    menuProps: {
-        'data-placement': string | undefined;
-        id: string;
-        role: 'listbox';
-        style: React.CSSProperties;
-        tabIndex: -1;
-        onOutsideClick: () => void;
-    };
-    toggleProps: ToggleProps;
-    closeMenu: () => void;
-    isOpen: boolean;
-    elements: UseFloatingElements;
-};
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/hooks/useCombobox.js

@@ -1,104 +0,0 @@
-import { useId, useState } from 'react';
-import { EVENT_KEY } from '../utils/keyboard';
-import { scrollElementIntoView } from '../utils/scrollElementIntoView';
-import { useFloating } from './useFloating';
-function useKeyDownNavigation(containerElement, setShow, disabled) {
-    const [activeIndex, setActiveIndex] = useState(-1);
-    const itemElements = Array.from(containerElement?.children || []);
-    const selectedId = itemElements[activeIndex]?.id;
-    const onKeyDownCapture = (event) => {
-        if (disabled)
-            return false;
-        if (event.key === EVENT_KEY.Tab || event.key === EVENT_KEY.Escape) {
-            setShow(false);
-            return true;
-        }
-        if (event.key !== EVENT_KEY.Enter && !event.key.startsWith('Arrow'))
-            return false;
-        if (event.key.startsWith('Arrow') && !containerElement) {
-            event.preventDefault();
-            setShow(true);
-            setActiveIndex(0);
-            return true;
-        }
-        if (!containerElement?.children.length)
-            return false;
-        event.preventDefault();
-        if (event.key === EVENT_KEY.Enter && activeIndex !== -1) {
-            itemElements[activeIndex].click();
-            return true;
-        }
-        let next = 0;
-        if (event.key === EVENT_KEY.ArrowUp || event.key === EVENT_KEY.ArrowLeft)
-            next = activeIndex - 1;
-        if (event.key === EVENT_KEY.ArrowDown || event.key === EVENT_KEY.ArrowRight)
-            next = activeIndex + 1;
-        if (next < 0)
-            next = itemElements.length - 1;
-        if (next >= itemElements.length)
-            next = 0;
-        itemElements.forEach((el, index) => {
-            if (index === next)
-                el.setAttribute('data-selected', 'true');
-            else
-                el.removeAttribute('data-selected');
-        });
-        scrollElementIntoView(itemElements[next], containerElement);
-        setActiveIndex(next);
-        return true;
-    };
-    return { onKeyDownCapture, selectedId, activeIndex };
-}
-/**
- * Utility hook to manage a combobox component.
- *
- * It provides functionality for showing/hiding the menu, handling keyboard navigation, and managing ARIA attributes.
- *
- * @param {UseComboboxProps} props - The properties to configure the combobox.
- * @returns An object containing props for the menu and toggle elements, and a function to close the menu.
- */
-export function useCombobox({ placement = 'bottom', refWidth = true, disabled, errorMessage, invalid, readOnly, offsetOptions, }) {
-    const menuId = useId();
-    const [show, setShow] = useState(false);
-    const { floatingStyles, middlewareData, elements } = useFloating({
-        placement,
-        strategy: 'fixed',
-        offsetOptions,
-        refWidth,
-        hide: !show,
-    });
-    const { onKeyDownCapture, activeIndex, selectedId } = useKeyDownNavigation(elements.floating, setShow, disabled || readOnly);
-    return {
-        activeIndex,
-        menuProps: {
-            'data-placement': middlewareData?.offset?.placement,
-            id: menuId,
-            role: 'listbox',
-            style: floatingStyles,
-            tabIndex: -1,
-            onOutsideClick: () => setShow(false),
-        },
-        toggleProps: {
-            'aria-errormessage': errorMessage || undefined,
-            'aria-activedescendant': selectedId || undefined,
-            'aria-controls': menuId,
-            'aria-disabled': disabled || undefined,
-            'aria-expanded': show,
-            'aria-haspopup': 'listbox',
-            'aria-invalid': invalid || undefined,
-            'aria-owns': menuId,
-            'aria-readonly': readOnly || undefined,
-            role: 'combobox',
-            tabIndex: 0,
-            onClick: () => {
-                setShow((prev) => !prev);
-            },
-            onKeyDownCapture,
-        },
-        closeMenu: () => setShow(false),
-        isOpen: show,
-        elements,
-    };
-}
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-//# sourceMappingURL=useCombobox.js.map