@bspk/ui 1.3.3 → 1.3.5

package/dist/components/FormField/form-field.css.js

@@ -1,22 +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-utility=form-field] {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-sizing-01);
-}
-[data-bspk-utility=form-field] header {
-  flex-grow: 1;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-}
-[data-bspk-utility=form-field] header label {
-  flex-grow: 1;
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-`));
-document.head.appendChild(style);

package/dist/components/ListItemMenu/ListItemMenu.d.ts

@@ -1,146 +0,0 @@
-import { AriaAttributes, CSSProperties, HTMLAttributes, ReactNode, KeyboardEvent, MouseEvent, Dispatch, SetStateAction } from 'react';
-import { ListItemProps } from '-/components/ListItem';
-import { MenuProps } from '-/components/Menu';
-import { ArrowKeyNavigationCallbackParams } from '-/hooks/useArrowNavigation';
-import { UseFloatingProps } from '-/hooks/useFloating';
-import { CommonProps, SetRef } from '-/types/common';
-export type MenuListItem = CommonProps<'disabled'> & Omit<ListItemProps, 'id'> & {
-    id: string;
-};
-export type ListItemMenuRole = keyof typeof LIST_ITEM_ROLES;
-declare const LIST_ITEM_ROLES: {
-    readonly group: undefined;
-    readonly listbox: "option";
-    readonly menu: "menuitem";
-    readonly tree: "treeitem";
-};
-/** Props for the toggle element that opens the ListItemMenu. */
-export type ToggleProps = Pick<AriaAttributes, 'aria-activedescendant' | 'aria-controls' | 'aria-disabled' | 'aria-errormessage' | 'aria-expanded' | 'aria-haspopup' | 'aria-invalid' | 'aria-owns' | 'aria-readonly'> & Pick<HTMLAttributes<HTMLElement>, 'role' | 'tabIndex'> & {
-    /** Event handler for the toggle element that change the menu state. */
-    onClick: (event: MouseEvent<HTMLElement>) => void;
-    /** Event handler for keydown events on the toggle element that change the menu state. */
-    onKeyDownCapture: (event: KeyboardEvent) => void;
-};
-/** Props for internal toggle functionality provided to the children render prop. */
-export type InternalToggleProps = {
-    /**
-     * Sets a ref to the toggle element that opens the ListItemMenu.
-     *
-     * Used in determining the position of the floating menu.
-     *
-     * May also be used to set the menu width if `width="reference"` is provided in the ListItemMenu props.
-     */
-    setRef: SetRef<HTMLElement | null>;
-    /**
-     * Function to toggle the menu open or closed.
-     *
-     * If `force` is provided as a boolean, it will set the menu to that state (true = open, false = closed). If `force`
-     * is not provided, it will toggle the current state.
-     */
-    toggleMenu: (force?: boolean) => void;
-    /** The number of items in the menu. */
-    itemCount: number;
-    /** Whether or not the menu is currently open. */
-    show?: boolean;
-    /** The reference element the menu is anchored to. */
-    reference: HTMLElement | null;
-};
-export type ListItemMenuProps = CommonProps<'disabled' | 'readOnly'> & Pick<MenuProps, 'id' | 'label' | 'owner'> & Pick<UseFloatingProps, 'offsetOptions' | 'placement'> & {
-    /**
-     * The children to render inside the menu.
-     *
-     * @required
-     */
-    children: (toggleProps: ToggleProps, internal: InternalToggleProps) => ReactNode;
-    /**
-     * The element that the menu is anchored to.
-     *
-     * @default listbox
-     */
-    role?: ListItemMenuRole;
-    /**
-     * The width of the menu. If 'reference' is provided, the menu will match the width of the useFloating reference
-     * element.
-     *
-     * @default reference
-     */
-    width?: CSSProperties['width'] | 'reference';
-    /**
-     * The items to display in the menu as ListItems.
-     *
-     * If an item does not have an `id` property, one will be generated automatically.
-     *
-     * @required
-     */
-    items: MenuListItem[] | ((params: {
-        show?: boolean;
-    }) => MenuListItem[]);
-    /**
-     * Content to display in the floating menu element before the ListItems.
-     *
-     * If provided `scrollLimit` will be ignored.
-     */
-    leading?: ReactNode;
-    /**
-     * Content to display in the floating menu element after the ListItems.
-     *
-     * If provided `scrollLimit` will be ignored.
-     */
-    trailing?: ReactNode;
-    /** The ID of the currently active element. */
-    activeElementId?: string | null;
-    /** Optional callback fired when an item is clicked/selected. */
-    itemOnClick?: (params: {
-        event: MouseEvent;
-        currentId: string;
-        show: boolean;
-        setShow: Dispatch<SetStateAction<boolean>>;
-    }) => void;
-    /**
-     * Optional callback fired when the arrow keys are used for navigation.
-     *
-     * If the callback returns `true`, the change is accepted; if it returns `false`, the change is ignored.
-     */
-    arrowKeyNavigationCallback?: (params: ArrowKeyNavigationCallbackParams) => boolean;
-    /** Optional callback fired when the menu is closed. */
-    onClose?: () => void;
-    /** The maximum number of items to show before scrolling is enabled. */
-    scrollLimit?: number;
-    /** Remove menu from dom when closed for performance and to prevent tabbing to hidden menu items. */
-    hideWhenClosed?: boolean;
-};
-/**
- * A floating list Item menu for displaying additional actions or options presented as ListItems in a Menu.
- *
- * Includes keyboard navigation and accessibility features.
- *
- * The menu is anchored to a reference element provided as a children function with params that include the necessary
- * ARIA attributes and event handlers.
- *
- * @example
- *     import { ListItemMenu } from '@bspk/ui/ListItemMenu';
- *
- *     function Example() {
- *         return (
- *             <ListItemMenu
- *                 items={[{ id: '1', label: 'Item 1' }]}
- *                 label="Example Menu"
- *                 role="menu"
- *                 scrollLimit={5}
- *                 width="200px"
- *             >
- *                 {(toggleProps, { setRef, toggleMenu }) => (
- *                     <button {...toggleProps} onClick={() => toggleMenu()} ref={setRef}>
- *                         Toggle Menu
- *                     </button>
- *                 )}
- *             </ListItemMenu>
- *         );
- *     }
- *
- * @name ListItemMenu
- * @phase Utility
- */
-export declare function ListItemMenu({ activeElementId: activeElementIdProp, children, disabled, id: idProp, items: itemsProp, label, leading: menuLeading, offsetOptions, arrowKeyNavigationCallback, itemOnClick, owner, placement, readOnly, role: containerRole, scrollLimit, trailing: menuTrailing, width: menuWidth, onClose, hideWhenClosed, ...ariaProps }: ListItemMenuProps): import("react/jsx-runtime").JSX.Element;
-export {};
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/ListItemMenu/ListItemMenu.js

@@ -1,159 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useMemo, } from 'react';
-import { ListItem } from '../ListItem';
-import { Menu } from '../Menu';
-import { useArrowNavigation } from '../../hooks/useArrowNavigation';
-import { useFloating } from '../../hooks/useFloating';
-import { useId } from '../../hooks/useId';
-import { useOutsideClick } from '../../hooks/useOutsideClick';
-import { getElementById } from '../../utils/dom';
-import { handleKeyDown } from '../../utils/handleKeyDown';
-const LIST_ITEM_ROLES = {
-    group: undefined,
-    listbox: 'option',
-    menu: 'menuitem',
-    tree: 'treeitem',
-};
-/**
- * A floating list Item menu for displaying additional actions or options presented as ListItems in a Menu.
- *
- * Includes keyboard navigation and accessibility features.
- *
- * The menu is anchored to a reference element provided as a children function with params that include the necessary
- * ARIA attributes and event handlers.
- *
- * @example
- *     import { ListItemMenu } from '@bspk/ui/ListItemMenu';
- *
- *     function Example() {
- *         return (
- *             <ListItemMenu
- *                 items={[{ id: '1', label: 'Item 1' }]}
- *                 label="Example Menu"
- *                 role="menu"
- *                 scrollLimit={5}
- *                 width="200px"
- *             >
- *                 {(toggleProps, { setRef, toggleMenu }) => (
- *                     <button {...toggleProps} onClick={() => toggleMenu()} ref={setRef}>
- *                         Toggle Menu
- *                     </button>
- *                 )}
- *             </ListItemMenu>
- *         );
- *     }
- *
- * @name ListItemMenu
- * @phase Utility
- */
-export function ListItemMenu({ activeElementId: activeElementIdProp = null, children, disabled, id: idProp, items: itemsProp, label, leading: menuLeading, offsetOptions = 4, arrowKeyNavigationCallback, itemOnClick, owner, placement = 'bottom', readOnly, role: containerRole = 'listbox', scrollLimit, trailing: menuTrailing, width: menuWidth = 'reference', onClose, hideWhenClosed = false, ...ariaProps }) {
-    const containerId = useId(idProp);
-    const [show, setShowBase] = useState(false);
-    const items = useMemo(() => (typeof itemsProp === 'function' ? itemsProp({ show }) : itemsProp), [itemsProp, show]);
-    const setShow = (next) => {
-        if (disabled || readOnly)
-            return;
-        setShowBase((prev) => {
-            if (prev && !next) {
-                // closing
-                onClose?.();
-            }
-            if (typeof next === 'function')
-                return next(prev);
-            return next;
-        });
-    };
-    const { floatingStyles, elements, currentPlacement } = useFloating({
-        hide: !show,
-        offsetOptions,
-        placement,
-        refWidth: menuWidth === 'reference',
-        strategy: 'fixed',
-    });
-    useOutsideClick({
-        elements: [elements.floating, elements.reference],
-        callback: () => setShow(false),
-        disabled: !show,
-    });
-    const { activeElementId, setActiveElementId, arrowKeyCallbacks } = useArrowNavigation({
-        ids: items.flatMap((item) => (item.disabled ? [] : item.id)),
-        callback: (params) => {
-            if (!show)
-                setShow(true);
-            if (typeof arrowKeyNavigationCallback === 'function' && arrowKeyNavigationCallback)
-                return arrowKeyNavigationCallback(params);
-            return true;
-        },
-    });
-    const tabEscape = () => {
-        setShow(false);
-        setActiveElementId(null);
-    };
-    const enterSpace = (event) => {
-        event.preventDefault();
-        if (!show) {
-            setShow(true);
-            return;
-        }
-        getElementById(activeElementId)?.click();
-    };
-    return (_jsxs(_Fragment, { children: [children({
-                'aria-disabled': disabled || undefined,
-                'aria-expanded': show,
-                'aria-haspopup': show && containerRole !== 'group' ? containerRole : undefined,
-                'aria-controls': containerId,
-                'aria-readonly': readOnly || undefined,
-                'aria-owns': containerId,
-                'aria-activedescendant': show ? activeElementId || undefined : undefined,
-                role: 'combobox',
-                tabIndex: 0,
-                onClick: (event) => {
-                    const nextShow = !show;
-                    setShow(nextShow);
-                    setActiveElementId(nextShow ? activeElementIdProp || items[0]?.id || null : null);
-                    event.preventDefault();
-                },
-                onKeyDownCapture: handleKeyDown({
-                    ...arrowKeyCallbacks,
-                    Enter: enterSpace,
-                    Space: enterSpace,
-                    Tab: tabEscape,
-                    Escape: tabEscape,
-                }),
-            }, {
-                setRef: elements.setReference,
-                toggleMenu: () => setShow(true),
-                itemCount: items.length,
-                reference: elements.reference,
-            }), (!hideWhenClosed || show) && (_jsxs(Menu, { ...ariaProps, "aria-label": label, as: "ul", "data-placement": currentPlacement, "data-scroll": !!scrollLimit && items.length > scrollLimit, id: containerId, innerRef: (node) => {
-                    elements.setFloating(node);
-                }, owner: owner, role: containerRole, style: {
-                    width: menuWidth !== 'reference' ? menuWidth : undefined,
-                    ...floatingStyles,
-                    ...scrollLimitStyle(scrollLimit, items.length),
-                }, children: [menuLeading, items.map((item, index) => {
-                        return (_jsx(ListItem, { as: "li", ...item, active: activeElementId === item.id || undefined, onClick: (event) => {
-                                elements.reference?.focus();
-                                setActiveElementId(item.id);
-                                item?.onClick?.(event);
-                                itemOnClick?.({ event, currentId: item.id, show, setShow });
-                            }, role: item.role || LIST_ITEM_ROLES[containerRole] || undefined, tabIndex: 0 }, index));
-                    }), menuTrailing] }))] }));
-}
-const scrollLimitStyle = (scrollLimitProp, itemCount) => {
-    const scrollLimit = Number(scrollLimitProp);
-    // Check:
-    // 1. scrollLimit is valid
-    // 2. itemCount is a number
-    // 3. scrollLimit is less than itemCount
-    // If any of these fail, return undefined (no scrolling)
-    if (Number.isNaN(scrollLimit) || scrollLimit <= 0 || typeof itemCount !== 'number' || scrollLimit > itemCount)
-        return {};
-    return {
-        display: 'flex',
-        flexDirection: 'column',
-        maxHeight: `calc(var(--list-item-height) * ${scrollLimit})`,
-        overflow: 'hidden auto',
-    };
-};
-//# sourceMappingURL=ListItemMenu.js.map

package/dist/components/ListItemMenu/ListItemMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemMenu.js","sourceRoot":"","sources":["../../../src/components/ListItemMenu/ListItemMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAKH,QAAQ,EAKR,OAAO,GACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAiB,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,IAAI,EAAa,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAoC,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAClG,OAAO,EAAE,WAAW,EAAoB,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAStD,MAAM,eAAe,GAAG;IACpB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,QAAQ;IACjB,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,UAAU;CACV,CAAC;AAgHX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,UAAU,YAAY,CAAC,EACzB,eAAe,EAAE,mBAAmB,GAAG,IAAI,EAC3C,QAAQ,EACR,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,SAAS,EAChB,KAAK,EACL,OAAO,EAAE,WAAW,EACpB,aAAa,GAAG,CAAC,EACjB,0BAA0B,EAC1B,WAAW,EACX,KAAK,EACL,SAAS,GAAG,QAAQ,EACpB,QAAQ,EACR,IAAI,EAAE,aAAa,GAAG,SAAS,EAC/B,WAAW,EACX,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,SAAS,GAAG,WAAW,EAC9B,OAAO,EACP,cAAc,GAAG,KAAK,EACtB,GAAG,SAAS,EACI;IAChB,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAElC,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpH,MAAM,OAAO,GAAG,CAAC,IAA4C,EAAE,EAAE;QAC7D,IAAI,QAAQ,IAAI,QAAQ;YAAE,OAAO;QAEjC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;YACjB,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBAChB,UAAU;gBACV,OAAO,EAAE,EAAE,CAAC;YAChB,CAAC;YAED,IAAI,OAAO,IAAI,KAAK,UAAU;gBAAE,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;YAClD,OAAO,IAAI,CAAC;QAChB,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,WAAW,CAAC;QAC/D,IAAI,EAAE,CAAC,IAAI;QACX,aAAa;QACb,SAAS;QACT,QAAQ,EAAE,SAAS,KAAK,WAAW;QACnC,QAAQ,EAAE,OAAO;KACpB,CAAC,CAAC;IAEH,eAAe,CAAC;QACZ,QAAQ,EAAE,CAAC,QAAQ,CAAC,QAAuB,EAAE,QAAQ,CAAC,SAAwB,CAAC;QAC/E,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;QAC9B,QAAQ,EAAE,CAAC,IAAI;KAClB,CAAC,CAAC;IAEH,MAAM,EAAE,eAAe,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,GAAG,kBAAkB,CAAC;QAClF,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC5D,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;YACjB,IAAI,CAAC,IAAI;gBAAE,OAAO,CAAC,IAAI,CAAC,CAAC;YAEzB,IAAI,OAAO,0BAA0B,KAAK,UAAU,IAAI,0BAA0B;gBAC9E,OAAO,0BAA0B,CAAC,MAAM,CAAC,CAAC;YAC9C,OAAO,IAAI,CAAC;QAChB,CAAC;KACJ,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,GAAG,EAAE;QACnB,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAE,EAAE;QACxC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO,CAAC,IAAI,CAAC,CAAC;YACd,OAAO;QACX,CAAC;QACD,cAAc,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC;IAC7C,CAAC,CAAC;IAEF,OAAO,CACH,8BACK,QAAQ,CACL;gBACI,eAAe,EAAE,QAAQ,IAAI,SAAS;gBACtC,eAAe,EAAE,IAAI;gBACrB,eAAe,EAAE,IAAI,IAAI,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;gBAC9E,eAAe,EAAE,WAAW;gBAC5B,eAAe,EAAE,QAAQ,IAAI,SAAS;gBACtC,WAAW,EAAE,WAAW;gBAExB,uBAAuB,EAAE,IAAI,CAAC,CAAC,CAAC,eAAe,IAAI,SAAS,CAAC,CAAC,CAAC,SAAS;gBACxE,IAAI,EAAE,UAAU;gBAChB,QAAQ,EAAE,CAAC;gBACX,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;oBACf,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC;oBACvB,OAAO,CAAC,QAAQ,CAAC,CAAC;oBAClB,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;oBAClF,KAAK,CAAC,cAAc,EAAE,CAAC;gBAC3B,CAAC;gBACD,gBAAgB,EAAE,aAAa,CAAC;oBAC5B,GAAG,iBAAiB;oBACpB,KAAK,EAAE,UAAU;oBACjB,KAAK,EAAE,UAAU;oBACjB,GAAG,EAAE,SAAS;oBACd,MAAM,EAAE,SAAS;iBACpB,CAAC;aACL,EACD;gBACI,MAAM,EAAE,QAAQ,CAAC,YAAY;gBAC7B,UAAU,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;gBAC/B,SAAS,EAAE,KAAK,CAAC,MAAM;gBACvB,SAAS,EAAE,QAAQ,CAAC,SAA+B;aACtD,CACJ,EACA,CAAC,CAAC,cAAc,IAAI,IAAI,CAAC,IAAI,CAC1B,MAAC,IAAI,OACG,SAAS,gBACD,KAAK,EACjB,EAAE,EAAC,IAAI,oBACS,gBAAgB,iBACnB,CAAC,CAAC,WAAW,IAAI,KAAK,CAAC,MAAM,GAAG,WAAW,EACxD,EAAE,EAAE,WAAW,EACf,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;oBACf,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC/B,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,aAAa,EACnB,KAAK,EAAE;oBACH,KAAK,EAAE,SAAS,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;oBACxD,GAAG,cAAc;oBACjB,GAAG,gBAAgB,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC;iBACjD,aAEA,WAAW,EACX,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wBACvB,OAAO,CACH,KAAC,QAAQ,IACL,EAAE,EAAC,IAAI,KAEH,IAAI,EACR,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC,EAAE,IAAI,SAAS,EAChD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gCACf,QAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC;gCAC5B,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gCAC5B,IAAI,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;gCACvB,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;4BAChE,CAAC,EACD,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,eAAe,CAAC,aAAa,CAAC,IAAI,SAAS,EAC9D,QAAQ,EAAE,CAAC,IAVN,KAAK,CAWZ,CACL,CAAC;oBACN,CAAC,CAAC,EACD,YAAY,IACV,CACV,IACF,CACN,CAAC;AACN,CAAC;AAED,MAAM,gBAAgB,GAAG,CAAC,eAAwB,EAAE,SAAkB,EAAiB,EAAE;IACrF,MAAM,WAAW,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;IAE5C,SAAS;IACT,0BAA0B;IAC1B,2BAA2B;IAC3B,wCAAwC;IACxC,wDAAwD;IACxD,IAAI,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,WAAW,IAAI,CAAC,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,WAAW,GAAG,SAAS;QACzG,OAAO,EAAE,CAAC;IAEd,OAAO;QACH,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,SAAS,EAAE,kCAAkC,WAAW,GAAG;QAC3D,QAAQ,EAAE,aAAa;KAC1B,CAAC;AACN,CAAC,CAAC"}

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

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

package/dist/components/ListItemMenu/index.js

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

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

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

package/dist/components/MenuButton/MenuButton.d.ts

@@ -1,19 +0,0 @@
-import './menu-button.scss';
-import { ButtonProps } from '-/components/Button';
-import { ElementProps } from '-/types/common';
-export type MenuButtonProps = Pick<ButtonProps, 'as' | 'onClick'>;
-/**
- * Utility component used within top navigation.
- *
- * @example
- *     import { MenuButton } from '@bspk/ui/MenuButton';
- *
- *     export function Example() {
- *         return <MenuButton />;
- *     }
- *
- * @name MenuButton
- * @phase Utility
- */
-export declare function MenuButton(props: ElementProps<MenuButtonProps, 'button'>): import("react/jsx-runtime").JSX.Element;
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/MenuButton/MenuButton.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import './menu-button.css.js';
-import { SvgMenu } from '@bspk/icons/Menu';
-/**
- * Utility component used within top navigation.
- *
- * @example
- *     import { MenuButton } from '@bspk/ui/MenuButton';
- *
- *     export function Example() {
- *         return <MenuButton />;
- *     }
- *
- * @name MenuButton
- * @phase Utility
- */
-export function MenuButton(props) {
-    return (_jsx("button", { "data-bspk": "menu-button", ...props, children: _jsx(SvgMenu, {}) }));
-}
-//# sourceMappingURL=MenuButton.js.map

package/dist/components/MenuButton/MenuButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuButton.js","sourceRoot":"","sources":["../../../src/components/MenuButton/MenuButton.tsx"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAM3C;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,UAAU,CAAC,KAA8C;IACrE,OAAO,CACH,8BAAkB,aAAa,KAAK,KAAK,YACrC,KAAC,OAAO,KAAG,GACN,CACZ,CAAC;AACN,CAAC"}

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

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

package/dist/components/MenuButton/index.js

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

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

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

package/dist/components/MenuButton/menu-button.css

@@ -1,16 +0,0 @@
-[data-bspk=menu-button] {
-  background: none;
-  border: none;
-  cursor: pointer;
-  padding: 0;
-  height: 48px;
-  width: auto;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  padding-top: var(--spacing-sizing-01);
-  color: var(--foreground-neutral-on-surface-variant-01);
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/MenuButton/menu-button.css.js

@@ -1,21 +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=menu-button] {
-  background: none;
-  border: none;
-  cursor: pointer;
-  padding: 0;
-  height: 48px;
-  width: auto;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  padding-top: var(--spacing-sizing-01);
-  color: var(--foreground-neutral-on-surface-variant-01);
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-`));
-document.head.appendChild(style);

package/dist/components/NumberField/NumberField.d.ts

@@ -1,33 +0,0 @@
-import { FormFieldWrapProps } from '-/components/FormField';
-import { NumberInputProps } from '-/components/NumberInput';
-export type NumberFieldProps = FormFieldWrapProps<NumberInputProps>;
-/**
- * A input element that allows users to either input a numerical value or singularly increase or decrease the values by
- * pressing the (+) or (-).
- *
- * This component takes properties from the FormField and NumberInput components.
- *
- * @example
- *     import React from 'react';
- *
- *     import { NumberField } from '@bspk/ui/NumberField';
- *
- *     export function Example() {
- *         const [state, setState] = React.useState<number>();
- *
- *         return (
- *             <NumberField
- *                 controlId="Example controlId"
- *                 label="Example label"
- *                 name="Example name"
- *                 onChange={(nextValue) => setState(nextValue)}
- *                 value={state}
- *             />
- *         );
- *     }
- *
- * @name NumberField
- * @phase UXReview
- */
-export declare function NumberField({ label, errorMessage, disabled, helperText, controlId, labelTrailing, required, invalid, ...inputProps }: NumberFieldProps): import("react/jsx-runtime").JSX.Element;
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/NumberField/NumberField.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FormField } from '../FormField';
-import { NumberInput } from '../NumberInput';
-/**
- * A input element that allows users to either input a numerical value or singularly increase or decrease the values by
- * pressing the (+) or (-).
- *
- * This component takes properties from the FormField and NumberInput components.
- *
- * @example
- *     import React from 'react';
- *
- *     import { NumberField } from '@bspk/ui/NumberField';
- *
- *     export function Example() {
- *         const [state, setState] = React.useState<number>();
- *
- *         return (
- *             <NumberField
- *                 controlId="Example controlId"
- *                 label="Example label"
- *                 name="Example name"
- *                 onChange={(nextValue) => setState(nextValue)}
- *                 value={state}
- *             />
- *         );
- *     }
- *
- * @name NumberField
- * @phase UXReview
- */
-export function NumberField({ label, errorMessage, disabled, helperText, controlId, labelTrailing, required, invalid, ...inputProps }) {
-    return (_jsx(FormField, { controlId: controlId, "data-bspk": "number-field", errorMessage: errorMessage, helperText: helperText, invalid: invalid, label: label, labelTrailing: labelTrailing, required: required, children: (fieldProps) => (_jsx(NumberInput, { ...inputProps, ...fieldProps, "aria-label": label, disabled: disabled, id: controlId, invalid: invalid })) }));
-}
-//# sourceMappingURL=NumberField.js.map

package/dist/components/NumberField/NumberField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../src/components/NumberField/NumberField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAsB,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAoB,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAIzE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,WAAW,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,SAAS,EACT,aAAa,EACb,QAAQ,EACR,OAAO,EACP,GAAG,UAAU,EACE;IACf,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,SAAS,eACV,cAAc,EACxB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,YAEjB,CAAC,UAAU,EAAE,EAAE,CAAC,CACb,KAAC,WAAW,OACJ,UAAU,KACV,UAAU,gBACF,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,SAAS,EACb,OAAO,EAAE,OAAO,GAClB,CACL,GACO,CACf,CAAC;AACN,CAAC"}

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

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

package/dist/components/NumberField/index.js

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

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

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

package/dist/components/NumberInput/NumberInput.d.ts

@@ -1,63 +0,0 @@
-import './number-input.scss';
-import { CommonProps, FormFieldControlProps } from '-/types/common';
-export type NumberInputProps = CommonProps<'aria-label' | 'disabled' | 'id' | 'invalid' | 'name' | 'readOnly' | 'size'> & FormFieldControlProps & {
-    /** The value of the control. */
-    value?: number;
-    /**
-     * Callback when the value changes.
-     *
-     * @required
-     */
-    onChange: (value: number | string | undefined) => void;
-    /**
-     * The alignment of the input box. Centered between the plus and minus buttons or to the left of the buttons.
-     *
-     * @default center
-     */
-    align?: 'center' | 'left';
-    /**
-     * Defines the [maximum](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max) value that is
-     * accepted.
-     */
-    max?: number;
-    /**
-     * Defines the [minimum](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/min) value that is
-     * accepted.
-     *
-     * @default 0
-     */
-    min?: number;
-    /**
-     * The amount to increment or decrement the value by when the (+) or (-) buttons are pressed.
-     *
-     * @default 1
-     */
-    step?: number;
-};
-/**
- * A input element that allows users to either input a numerical value or singularly increase or decrease the values by
- * pressing the (+) or (-).
- *
- * The value of the input is a number. The value is clamped to the min and max values if they are provided.
- *
- * @example
- *     import { NumberInput } from '@bspk/ui/NumberInput';
- *
- *     export function Example() {
- *         const [state, setState] = React.useState<number>();
- *
- *         return (
- *             <NumberInput
- *                 aria-label="Example aria-label"
- *                 name="Example name"
- *                 onChange={(nextValue) => setState(nextValue)}
- *                 value={state}
- *             />
- *         );
- *     }
- *
- * @name NumberInput
- * @phase Utility
- */
-export declare function NumberInput({ value: valueProp, onChange, align, size, disabled, readOnly, name, id: inputIdProp, 'aria-label': ariaLabel, max: maxProp, min, invalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, step, ...inputElementProps }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/NumberInput/NumberInput.js.map

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

package/dist/components/NumberInput/NumberInputExample.d.ts

@@ -1,3 +0,0 @@
-import { NumberInputProps } from './NumberInput';
-import { ComponentExample } from '-/utils/demo';
-export declare const NumberInputExample: ComponentExample<NumberInputProps>;

package/dist/components/NumberInput/NumberInputExample.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberInputExample.js","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInputExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,kBAAkB,GAAuC;IAClE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;CAC7D,CAAC"}

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

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

package/dist/components/NumberInput/index.js

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

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

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

package/dist/components/PasswordInput/PasswordInput.d.ts

@@ -1,21 +0,0 @@
-import './password-input.scss';
-import { TextInputProps } from '-/components/TextInput';
-export type PasswordInputProps = Pick<TextInputProps, 'aria-describedby' | 'aria-errormessage' | 'aria-label' | 'containerRef' | 'disabled' | 'id' | 'inputProps' | 'inputRef' | 'invalid' | 'name' | 'onChange' | 'readOnly' | 'required' | 'size' | 'value'>;
-/**
- * An input field that is specifically built with a show/hide toggle for entering security passwords.
- *
- * @example
- *     import { PasswordInput } from '@bspk/ui/PasswordInput';
- *     import { useState } from 'react';
- *
- *     function Example() {
- *         const [value, setValue] = useState('');
- *
- *         return <PasswordInput value={value} onChange={setValue} aria-label="password" name="password" />;
- *     }
- *
- * @name PasswordInput
- * @phase UXReview
- */
-export declare function PasswordInput({ disabled, readOnly, size, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, inputProps, inputRef, name, onChange, required, value, containerRef, id, invalid, ...props }: PasswordInputProps): import("react/jsx-runtime").JSX.Element;
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */