@bspk/ui 1.2.0 → 1.3.0

package/dist/components/Accordion/AccordionSection.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SvgKeyboardArrowDown } from '@bspk/icons/KeyboardArrowDown';
-import { SvgKeyboardArrowUp } from '@bspk/icons/KeyboardArrowUp';
-import './accordion.css.js';
-import { Txt } from '../Txt';
-/**
- * A vertical stack of collapsible panels or that allows customers to expand or collapse each panel individually to
- * reveal or hide their content.
- *
- * @example
- *     import { Accordion } from '@bspk/ui/Accordion';
- *
- *     function Example() {
- *         return (
- *             <Accordion title="Accordion Title" subTitle="Accordion Subtitle">
- *                 Accordion Content
- *             </Accordion>
- *         );
- *     }
- *
- * @name Accordion
- * @phase WorkInProgress
- */
-export function AccordionSection({ children, title, subTitle, leading, isOpen = false, toggleOpen, divider = true, trailing, disabled = false, id, }) {
-    return (_jsxs("section", { "data-accordion-section": true, "data-disabled": disabled || undefined, "data-divider": divider || undefined, id: id, children: [_jsxs("button", { "aria-expanded": isOpen ? true : false, "data-accordion-header": true, disabled: disabled, onClick: !disabled ? toggleOpen : undefined, children: [_jsxs("span", { "data-accordion-header-body": true, children: [leading ?? null, _jsxs("span", { "data-accordion-title-wrapper": true, children: [_jsx(Txt, { variant: "labels-base", children: title }), !!subTitle && _jsx(Txt, { variant: "body-x-small", children: subTitle })] }), trailing ?? null] }), isOpen ? _jsx(SvgKeyboardArrowUp, {}) : _jsx(SvgKeyboardArrowDown, {})] }), isOpen && _jsx("div", { "data-accordion-content": true, children: children }), _jsx("div", { "data-not-a-divider-divider": true })] }));
-}
-//# sourceMappingURL=AccordionSection.js.map

package/dist/components/Accordion/AccordionSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionSection.js","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEjE,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAkEvC;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,MAAM,GAAG,KAAK,EACd,UAAU,EACV,OAAO,GAAG,IAAI,EACd,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,EAAE,GACkB;IACpB,OAAO,CACH,oEAEmB,QAAQ,IAAI,SAAS,kBACtB,OAAO,IAAI,SAAS,EAClC,EAAE,EAAE,EAAE,aAEN,mCACmB,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,iCAEpC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,aAE3C,+DACK,OAAO,IAAI,IAAI,EAChB,iEACI,KAAC,GAAG,IAAC,OAAO,EAAC,aAAa,YAAE,KAAK,GAAO,EACvC,CAAC,CAAC,QAAQ,IAAI,KAAC,GAAG,IAAC,OAAO,EAAC,cAAc,YAAE,QAAQ,GAAO,IACxD,EACN,QAAQ,IAAI,IAAI,IACd,EACN,MAAM,CAAC,CAAC,CAAC,KAAC,kBAAkB,KAAG,CAAC,CAAC,CAAC,KAAC,oBAAoB,KAAG,IACtD,EACR,MAAM,IAAI,wDAA6B,QAAQ,GAAO,EACvD,mDAAkC,IAC5B,CACb,CAAC;AACN,CAAC"}

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

@@ -1,92 +0,0 @@
-import { ReactNode } from 'react';
-import { ListItemProps } from '-/components/ListItem';
-import { MenuProps } from '-/components/Menu';
-import { ModalProps } from '-/components/Modal';
-import { ToggleProps, UseComboboxProps } from '-/hooks/useCombobox';
-import { CommonProps, ElementProps } from '-/types/common';
-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<'id' | 'owner'> & Pick<MenuProps, 'itemDisplayCount'> & Pick<ModalProps, 'description'> & Pick<UseComboboxProps, 'disabled' | '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
- */
-export declare function Combobox<Item extends ComboboxItemProps>({ itemDisplayCount, items, onChange, value: selectedValues, disabled, id: idProp, isMulti, selectAll: selectAllProp, children, readOnly, refWidth, offsetOptions, description, owner, label, ...props }: ElementProps<ComboboxProps<Item>, 'div'>): import("react/jsx-runtime").JSX.Element;
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Combobox/Combobox.js

@@ -1,58 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { ListItems } from './ListItems';
-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
- */
-export function Combobox({ itemDisplayCount, items = [], onChange, value: selectedValues = [], disabled, id: idProp, isMulti, selectAll: selectAllProp, children, readOnly, refWidth, offsetOptions = 4, description, owner, label, ...props }) {
-    const menuId = useId(idProp);
-    const { isMobile } = useUIContext();
-    const { toggleProps, activeIndex, menuProps, closeMenu, isOpen, elements } = useCombobox({
-        refOutsideClick: !isMobile,
-        refWidth,
-        placement: 'bottom-start',
-        disabled,
-        readOnly,
-        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, { description: description, header: label, onClose: closeMenu, open: isOpen, owner: owner || undefined, children: _jsx("div", { "aria-multiselectable": isMulti || undefined, id: menuId, role: "listbox", style: { display: 'contents' }, 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 }) }))] }));
-}
-//# 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/ListItems.d.ts

@@ -1,26 +0,0 @@
-type Item = {
-    value: string;
-    label: string;
-    disabled?: boolean;
-    trailing?: React.ReactNode;
-};
-export type ListItemsProps<I extends Item> = {
-    /** Whether the listbox allows multiple selections. */
-    isMulti?: boolean;
-    /** The items to display in the listbox. */
-    items?: I[];
-    /** The index of the currently active item. */
-    activeIndex?: number;
-    /** The values that are currently selected. */
-    selectedValues?: string[];
-    /** Callback function when the selected values change. */
-    onChange?: (nextSelectedValues: string[], event?: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    /** The label for the "Select All" option. */
-    selectAll?: string | false;
-    /** The ID of the menu for accessibility purposes. */
-    menuId?: string;
-    /** Whether all items are selected in a multi-select scenario. */
-    allSelected?: boolean;
-};
-export declare function ListItems<I extends Item>({ isMulti, items, activeIndex, selectedValues, onChange, selectAll, menuId, allSelected, }: ListItemsProps<I>): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Combobox/ListItems.js

@@ -1,22 +0,0 @@
-import { createElement as _createElement } from "react";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Checkbox } from '../Checkbox';
-import { ListItem } from '../ListItem';
-export 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, { as: "label", "data-selected": allSelected || undefined, label: selectAll, onClick: (event) => {
-                    onChange?.(allSelected ? [] : items.map((item) => item.value), event);
-                }, 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-selected": selected || undefined, as: isMulti ? 'label' : '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);
-                    }, 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=ListItems.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ListItems.js","sourceRoot":"","sources":["../../../src/components/Combobox/ListItems.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA4BjD,MAAM,UAAU,SAAS,CAAiB,EACtC,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,EAAE,EACV,WAAW,EACX,cAAc,GAAG,EAAE,EACnB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,EAAE,EACX,WAAW,GAAG,KAAK,GACH;IAChB,MAAM,gBAAgB,GAAG,CAAC,QAAiB,EAAE,SAAiB,EAAE,EAAE;QAC9D,OAAO,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,SAAS,CAAC,CAAC;IAC7G,CAAC,CAAC;IAEF,OAAO,CACH,8BACK,OAAO,IAAI,SAAS,IAAI,CACrB,KAAC,QAAQ,IACL,EAAE,EAAC,OAAO,mBACK,WAAW,IAAI,SAAS,EAEvC,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,CAAC,KAAgD,EAAE,EAAE;oBAC1D,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;gBAC1E,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,EACZ,QAAQ,EACJ,KAAC,QAAQ,kBACO,SAAS,EACrB,OAAO,EAAE,CAAC,CAAC,WAAW,EACtB,aAAa,EAAE,CAAC,WAAW,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EACxD,IAAI,EAAC,EAAE,EACP,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;wBAClB,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;oBAC/D,CAAC,EACD,KAAK,EAAC,EAAE,GACV,IAhBF,YAAY,CAkBlB,CACL,EACA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACvB,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC/F,OAAO,CACH,eAAC,QAAQ,OACD,IAAI,EACR,MAAM,EAAE,WAAW,KAAK,KAAK,IAAI,SAAS,mBAC3B,IAAI,CAAC,QAAQ,IAAI,SAAS,mBAC1B,QAAQ,IAAI,SAAS,EACpC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,SAAS,EACpC,EAAE,EAAE,GAAG,MAAM,SAAS,KAAK,EAAE,EAC7B,GAAG,EAAE,GAAG,MAAM,SAAS,KAAK,EAAE,EAC9B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,KAAsD,EAAE,EAAE;wBAChE,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;oBACvF,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,EACZ,QAAQ,EACJ,OAAO,CAAC,CAAC,CAAC,CACN,KAAC,QAAQ,kBACO,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;4BAClB,QAAQ,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;wBACtD,CAAC,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,GACnB,CACL,CAAC,CAAC,CAAC,CACA,IAAI,CAAC,QAAQ,IAAI,SAAS,CAC7B,GAEP,CACL,CAAC;YACN,CAAC,CAAC,IACH,CACN,CAAC;AACN,CAAC"}

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,116 +0,0 @@
-import { ReactNode } from 'react';
-import { ListItemProps } from '-/components/ListItem';
-import { MenuProps } from '-/components/Menu';
-import { CommonProps, ElementProps, SetRef } from '-/types/common';
-/** 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, 'itemCount' | 'itemDisplayCount' | 'onOutsideClick' | 'owner'> & {
-    /**
-     * 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;
-    includeAriaLabel?: boolean;
-};
-/**
- * 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 Utility
- */
-export declare function Listbox<Item extends ListboxItemProps>({ includeAriaLabel, itemDisplayCount, itemCount, items, innerRef, onChange, activeIndex, selectedValues, disabled, id: idProp, listItemProps, isMulti, selectAll: selectAllProp, children, owner, ...props }: ElementProps<ListboxProps<Item>, 'div'>): import("react/jsx-runtime").JSX.Element;
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Listbox/Listbox.js

@@ -1,83 +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 Utility
- */
-export function Listbox({ includeAriaLabel, itemDisplayCount, itemCount, items = [], innerRef, onChange, activeIndex, selectedValues = [], disabled, id: idProp, listItemProps, isMulti, selectAll: selectAllProp, children, owner, ...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-bspk-owner": owner || undefined, "data-disabled": disabled || undefined, "data-no-items": !items.length || undefined, id: menuId, innerRef: innerRef, itemCount: itemCount || items.length, itemDisplayCount: itemDisplayCount || items.length, role: "listbox", children: [isMulti && selectAll && (_jsx(ListItem, { as: "label", "data-selected": allSelected || undefined, id: `${menuId}-select-all`, label: selectAll, onClick: (event) => {
-                    onChange?.(allSelected ? [] : items.map((item) => item.value), event);
-                }, role: "option", 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-selected": selected || undefined, as: isMulti ? 'label' : 'button', disabled: item.disabled || undefined, id: `${menuId}-item-${index}`, includeAriaLabel: includeAriaLabel, 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", 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] }));
-}
-//# 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":";;AAAA,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAiB,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,IAAI,EAAa,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGtC,MAAM,OAAO,GAAG;IACZ,SAAS,EAAE,YAAY;CAC1B,CAAC;AA8EF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,UAAU,OAAO,CAAgC,EACnD,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,EACT,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,cAAc,GAAG,EAAE,EACnB,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,aAAa,EACb,OAAO,EACP,SAAS,EAAE,aAAa,EACxB,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EAC8B;IACtC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAE7B,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,CAAC,OAAO;YAAE,OAAO,KAAK,CAAC;QAC3B,IAAI,aAAa,IAAI,OAAO,aAAa,KAAK,QAAQ;YAAE,OAAO,aAAa,CAAC;QAC7E,OAAO,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;IAC9D,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAE7B,MAAM,WAAW,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EACpF,CAAC,KAAK,EAAE,cAAc,CAAC,CAC1B,CAAC;IAEF,OAAO,CACH,MAAC,IAAI,OACG,KAAK,0BACa,OAAO,IAAI,SAAS,eAChC,SAAS,qBACF,KAAK,IAAI,SAAS,mBACpB,QAAQ,IAAI,SAAS,mBACrB,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS,EACzC,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,IAAI,KAAK,CAAC,MAAM,EACpC,gBAAgB,EAAE,gBAAgB,IAAI,KAAK,CAAC,MAAM,EAClD,IAAI,EAAC,SAAS,aAEb,OAAO,IAAI,SAAS,IAAI,CACrB,KAAC,QAAQ,IACL,EAAE,EAAC,OAAO,mBACK,WAAW,IAAI,SAAS,EACvC,EAAE,EAAE,GAAG,MAAM,aAAa,EAE1B,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,CAAC,KAAgD,EAAE,EAAE;oBAC1D,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;gBAC1E,CAAC,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EACJ,KAAC,QAAQ,kBACO,SAAS,EACrB,OAAO,EAAE,CAAC,CAAC,WAAW,EACtB,aAAa,EAAE,CAAC,WAAW,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EACxD,IAAI,EAAC,EAAE,EACP,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;wBAClB,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;oBAC/D,CAAC,EACD,KAAK,EAAC,EAAE,GACV,IAhBF,YAAY,CAkBlB,CACL,EACA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACvB,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;gBAE/F,MAAM,WAAW,GAAG,aAAa,EAAE,CAAC;oBAChC,QAAQ;oBACR,KAAK;oBACL,IAAI;iBACP,CAAC,CAAC;gBAEH,OAAO,CACH,eAAC,QAAQ,OACD,IAAI,KACJ,WAAW,EACf,MAAM,EAAE,WAAW,KAAK,KAAK,IAAI,SAAS,mBAC3B,IAAI,CAAC,QAAQ,IAAI,SAAS,mBAC1B,QAAQ,IAAI,SAAS,EACpC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,SAAS,EACpC,EAAE,EAAE,GAAG,MAAM,SAAS,KAAK,EAAE,EAC7B,gBAAgB,EAAE,gBAAgB,EAClC,GAAG,EAAE,GAAG,MAAM,SAAS,KAAK,EAAE,EAC9B,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,EAC/D,OAAO,EAAE,CAAC,KAAsD,EAAE,EAAE;wBAChE,IAAI,QAAQ,EAAE,CAAC;4BACX,IAAI,CAAC,OAAO,EAAE,CAAC;gCACX,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;gCAChC,OAAO;4BACX,CAAC;4BACD,QAAQ,CACJ,QAAQ;gCACJ,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;gCACxD,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,EACrC,KAAK,CACR,CAAC;wBACN,CAAC;oBACL,CAAC,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EACJ,OAAO,CAAC,CAAC,CAAC,CACN,KAAC,QAAQ,kBACO,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;4BAClB,QAAQ,EAAE,CACN,OAAO;gCACH,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;gCACxD,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,CACxC,CAAC;wBACN,CAAC,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,GACnB,CACL,CAAC,CAAC,CAAC,CACA,WAAW,EAAE,QAAQ,IAAI,IAAI,CAAC,QAAQ,IAAI,SAAS,CACtD,GAEP,CACL,CAAC;YACN,CAAC,CAAC,EACD,QAAQ,IACN,CACV,CAAC;AACN,CAAC"}

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,56 +0,0 @@
-import { AriaAttributes } from 'react';
-import { UseFloatingElements, UseFloatingProps } from './useFloating';
-import { CommonProps } from '-/types/common';
-export type UseComboboxProps = CommonProps<'disabled' | 'readOnly'> & 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, 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;
-    openMenu: () => void;
-};
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/hooks/useCombobox.js

@@ -1,104 +0,0 @@
-import { useState } from 'react';
-import { useFloating } from './useFloating';
-import { useId } from './useId';
-import { EVENT_KEY } from '../utils/keyboard';
-import { scrollElementIntoView } from '../utils/scrollElementIntoView';
-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 !== EVENT_KEY[' '] && !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[' '] || 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, 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-activedescendant': selectedId || undefined,
-            'aria-controls': menuId,
-            'aria-disabled': disabled || undefined,
-            'aria-expanded': show,
-            'aria-haspopup': 'listbox',
-            'aria-owns': menuId,
-            'aria-readonly': readOnly || undefined,
-            role: 'combobox',
-            tabIndex: 0,
-            onClick: () => {
-                setShow((prev) => !prev);
-            },
-            onKeyDownCapture,
-        },
-        closeMenu: () => setShow(false),
-        openMenu: () => setShow(true),
-        isOpen: show,
-        elements,
-    };
-}
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-//# sourceMappingURL=useCombobox.js.map