@bspk/ui 1.1.31 → 1.1.33

package/dist/Menu.js

@@ -1,112 +0,0 @@
-import { createElement as _createElement } from "react";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { styleAdd } from './utils/styleAdd';
-styleAdd(`[data-bspk=menu]{/*! --item-count: is set via inline style */width:332px;border:1px solid var(--stroke-neutral-low);background-color:var(--surface-neutral-t1-base);box-shadow:var(--drop-shadow-float);border-radius:var(--radius-large);display:flex;flex-direction:column;--item-size: var(--spacing-sizing-12)}[data-bspk=menu][data-floating]{z-index:var(--z-index-dropdown)}[data-bspk=menu][data-item-count]{height:calc(var(--item-count)*var(--item-size));overflow-y:scroll}[data-bspk=menu][data-no-items]{padding:var(--spacing-sizing-08) var(--spacing-sizing-04);align-items:center;justify-content:center;gap:var(--spacing-sizing-03)}[data-bspk=menu] [data-bspk=list-item]{min-height:var(--item-size);height:var(--item-size)}[data-bspk=menu] [data-bspk=list-item][data-selected]{background-color:var(--surface-brand-primary-highlight)}`);;
-import { useMemo } from 'react';
-import { Checkbox } from './Checkbox';
-import { ListItem } from './ListItem';
-import { useId } from './hooks/useId';
-const DEFAULT = {
-    selectAll: 'Select All',
-};
-export const MIN_ITEM_COUNT = 3;
-export const MAX_ITEM_COUNT = 10;
-export function menuItemId(menuId, index) {
-    return `menu-${menuId}-item-${index}`;
-}
-/**
- * A container housing a simple list of options presented to the user to select one option at a time.
- *
- * @example
- *     import React from 'react';
- *
- *     import { Menu } from '@bspk/ui/Menu';
- *
- *     export function Example() {
- *         const [selected, setSelected] = React.useState<string[]>([]);
- *
- *         return (
- *             <Menu
- *                 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 Menu
- */
-function Menu({ itemCount: itemCountProp = 5, items: itemsProp = [], noResultsMessage, innerRef, onChange, activeIndex, selectedValues = [], disabled, id: idProp, renderListItem, isMulti, selectAll: selectAllProp, ...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 { items, itemCount } = useMemo(() => {
-        const itemsNext = Array.isArray(itemsProp) ? itemsProp : [];
-        return {
-            items: itemsNext,
-            // Ensure itemCount is within the range of items.length
-            itemCount: Math.min(itemsNext.length, 
-            // pin itemCountProp to a range of 3 to 10
-            Math.max(MIN_ITEM_COUNT, Math.min(itemCountProp, MAX_ITEM_COUNT))),
-        };
-    }, [itemCountProp, itemsProp]);
-    const allSelected = useMemo(() => !!(items.length && items.every((item) => selectedValues.includes(item.value))), [items, selectedValues]);
-    return (_jsxs("div", { ...props, "aria-multiselectable": isMulti || undefined, "data-bspk": "menu", "data-disabled": disabled || undefined, "data-item-count": itemCount || undefined, "data-no-items": !items.length || undefined, id: menuId, ref: innerRef, role: "listbox", style: { ...props.style, '--item-count': itemCount }, children: [isMulti && selectAll && (_jsx(ListItem, { as: "button", "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.length
-                ? items.map((item, index) => {
-                    const itemId = item.id || menuItemId(menuId, index);
-                    const selected = Boolean(Array.isArray(selectedValues) && selectedValues.includes(item.value));
-                    const renderProps = renderListItem?.({
-                        activeIndex,
-                        index,
-                        item,
-                        selectedValues,
-                        isMulti,
-                        menuId: menuId || '',
-                        selected,
-                        itemId,
-                    });
-                    return (_createElement(ListItem, { ...renderProps, active: activeIndex === index || undefined, "aria-disabled": item.disabled || undefined, "aria-posinset": index + 1, "aria-selected": selected || undefined, as: "button", 
-                        //data-selected={selected || undefined}
-                        disabled: item.disabled || undefined, id: itemId, key: itemId, label: renderProps?.label?.toString() || item.label?.toString(), onClick: (event) => {
-                            if (renderProps)
-                                renderProps?.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) }));
-                })
-                : noResultsMessage] }));
-}
-Menu.bspkName = 'Menu';
-export { Menu };
-//# sourceMappingURL=Menu.js.map

package/dist/Menu.js.map

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

package/dist/MenuButton.d.ts

@@ -1,22 +0,0 @@
-import './menu-button.scss';
-import { ButtonProps } from './Button';
-import { ElementProps } from '.';
-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
- */
-declare function MenuButton(props: ElementProps<MenuButtonProps, 'button'>): import("react/jsx-runtime").JSX.Element;
-declare namespace MenuButton {
-    var bspkName: string;
-}
-export { MenuButton };
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/MenuButton.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { styleAdd } from './utils/styleAdd';
-styleAdd(`[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)}`);;
-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
- */
-function MenuButton(props) {
-    return (_jsx("button", { "data-bspk": "menu-button", ...props, children: _jsx(SvgMenu, {}) }));
-}
-MenuButton.bspkName = 'MenuButton';
-export { MenuButton };
-//# sourceMappingURL=MenuButton.js.map

package/dist/MenuButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuButton.js","sourceRoot":"","sources":["../src/MenuButton.tsx"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAQ3C;;;;;;;;;;;GAWG;AACH,SAAS,UAAU,CAAC,KAA8C;IAC9D,OAAO,CACH,8BAAkB,aAAa,KAAK,KAAK,YACrC,KAAC,OAAO,KAAG,GACN,CACZ,CAAC;AACN,CAAC;AAED,UAAU,CAAC,QAAQ,GAAG,YAAY,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/Modal.d.ts

@@ -1,53 +0,0 @@
-import './modal.scss';
-import { DialogProps } from './Dialog';
-export type ModalProps = DialogProps & {
-    /**
-     * Modal header.
-     *
-     * @required
-     */
-    header: string;
-    /**
-     * Modal description.
-     *
-     * @required
-     */
-    description: string;
-};
-/**
- * Modals display important information that users need to acknowledge. They appear over the interface and block further
- * interactions until an action is selected. Modal is a wrapper around the Dialog component that provides a header and
- * footer for the dialog.
- *
- * @example
- *     import React from 'react';
- *
- *     import { Button } from '@bspk/ui/Button';
- *     import { Modal } from '@bspk/ui/Modal';
- *
- *     export function Example() {
- *         const [open, setOpen] = React.useState(false);
- *
- *         return (
- *             <>
- *                 <Button label="Open Dialog" onClick={() => setOpen(true)} />
- *                 <Modal
- *                     description="Example description"
- *                     header="Example header"
- *                     onClose={() => setOpen(false)}
- *                     open={open}
- *                 >
- *                     Example Modal
- *                 </Modal>
- *             </>
- *         );
- *     }
- *
- * @name Modal
- */
-declare function Modal({ header, description, children, id: idProp, ...dialogProps }: ModalProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Modal {
-    var bspkName: string;
-}
-export { Modal };
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/Modal.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { styleAdd } from './utils/styleAdd';
-styleAdd(`[data-bspk=modal]{display:flex;flex-direction:column;overflow:hidden;gap:var(--spacing-sizing-02);padding:var(--spacing-sizing-04)}[data-bspk=modal]>header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-sizing-04)}[data-bspk=modal] main{overflow:auto;flex:1}`);;
-import { SvgClose } from '@bspk/icons/Close';
-import { useMemo } from 'react';
-import { Button } from './Button';
-import { Dialog } from './Dialog';
-import { Txt } from './Txt';
-import { useId } from './hooks/useId';
-import { srOnly } from './utils/srOnly';
-/**
- * Modals display important information that users need to acknowledge. They appear over the interface and block further
- * interactions until an action is selected. Modal is a wrapper around the Dialog component that provides a header and
- * footer for the dialog.
- *
- * @example
- *     import React from 'react';
- *
- *     import { Button } from '@bspk/ui/Button';
- *     import { Modal } from '@bspk/ui/Modal';
- *
- *     export function Example() {
- *         const [open, setOpen] = React.useState(false);
- *
- *         return (
- *             <>
- *                 <Button label="Open Dialog" onClick={() => setOpen(true)} />
- *                 <Modal
- *                     description="Example description"
- *                     header="Example header"
- *                     onClose={() => setOpen(false)}
- *                     open={open}
- *                 >
- *                     Example Modal
- *                 </Modal>
- *             </>
- *         );
- *     }
- *
- * @name Modal
- */
-function Modal({ 
-//
-header, description, children, id: idProp, ...dialogProps }) {
-    const id = useId(idProp);
-    const ids = useMemo(() => ({
-        description: `dialog-dialog-${id}-description`,
-        title: `dialog-dialog-${id}-title`,
-    }), [id]);
-    return (_jsx(Dialog, { ...dialogProps, "aria-describedby": ids.description, "aria-labelledby": ids.title, children: _jsxs("div", { "data-bspk": "modal", children: [_jsxs("header", { children: [_jsx(Txt, { as: "div", "data-dialog-title": true, id: ids.title, variant: "heading-h4", children: header }), _jsx(Button, { icon: _jsx(SvgClose, {}), label: "close", onClick: dialogProps.onClose, showLabel: false, variant: "tertiary" })] }), _jsxs("main", { children: [_jsx("p", { ...srOnly(children), "data-dialog-description": true, id: ids.description, children: description }), children] })] }) }));
-}
-Modal.bspkName = 'Modal';
-export { Modal };
-//# sourceMappingURL=Modal.js.map

package/dist/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAe,MAAM,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAiBxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,SAAS,KAAK,CAAC;AACX,EAAE;AACF,MAAM,EACN,WAAW,EACX,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,GAAG,WAAW,EACL;IACT,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAEzB,MAAM,GAAG,GAAG,OAAO,CACf,GAAG,EAAE,CAAC,CAAC;QACH,WAAW,EAAE,iBAAiB,EAAE,cAAc;QAC9C,KAAK,EAAE,iBAAiB,EAAE,QAAQ;KACrC,CAAC,EACF,CAAC,EAAE,CAAC,CACP,CAAC;IAEF,OAAO,CACH,KAAC,MAAM,OAAK,WAAW,sBAAoB,GAAG,CAAC,WAAW,qBAAmB,GAAG,CAAC,KAAK,YAClF,4BAAe,OAAO,aAClB,6BACI,KAAC,GAAG,IAAC,EAAE,EAAC,KAAK,6BAAmB,EAAE,EAAE,GAAG,CAAC,KAAK,EAAE,OAAO,EAAC,YAAY,YAC9D,MAAM,GACL,EACN,KAAC,MAAM,IACH,IAAI,EAAE,KAAC,QAAQ,KAAG,EAClB,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,SAAS,EAAE,KAAK,EAChB,OAAO,EAAC,UAAU,GACpB,IACG,EACT,2BACI,eAAO,MAAM,CAAC,QAAQ,CAAC,mCAA0B,EAAE,EAAE,GAAG,CAAC,WAAW,YAC/D,WAAW,GACZ,EACH,QAAQ,IACN,IACL,GACD,CACZ,CAAC;AACN,CAAC;AAED,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;AAEzB,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/NumberField.d.ts

@@ -1,37 +0,0 @@
-import { FormFieldProps } from './FormField';
-import { NumberInputProps } from './NumberInput';
-import { InvalidPropsLibrary } from '.';
-export type NumberFieldProps = InvalidPropsLibrary & Pick<FormFieldProps, 'controlId' | 'errorMessage' | 'helperText' | 'label' | 'labelTrailing' | 'required'> & Pick<NumberInputProps, 'align' | 'disabled' | 'id' | 'name' | 'onChange' | 'readOnly' | 'size' | 'value'>;
-/**
- * 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
- */
-declare function NumberField({ label, errorMessage: errorMessageProp, helperText, controlId, labelTrailing, required, ...inputProps }: NumberFieldProps): import("react/jsx-runtime").JSX.Element;
-declare namespace NumberField {
-    var bspkName: string;
-}
-export { NumberField };
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/NumberField.js

@@ -1,37 +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
- */
-function NumberField({ label, errorMessage: errorMessageProp, helperText, controlId, labelTrailing, required, ...inputProps }) {
-    const errorMessage = (!inputProps.readOnly && !inputProps.disabled && errorMessageProp) || undefined;
-    return (_jsx(FormField, { controlId: controlId, "data-bspk": "number-field", errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, required: required, children: (fieldProps) => _jsx(NumberInput, { ...inputProps, ...fieldProps, "aria-label": label, id: controlId }) }));
-}
-NumberField.bspkName = 'NumberField';
-export { NumberField };
-//# sourceMappingURL=NumberField.js.map

package/dist/NumberField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../src/NumberField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,SAAS,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAoB,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ9D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,SAAS,WAAW,CAAC,EACjB,KAAK,EACL,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EACV,SAAS,EACT,aAAa,EACb,QAAQ,EACR,GAAG,UAAU,EACE;IACf,MAAM,YAAY,GAAG,CAAC,CAAC,UAAU,CAAC,QAAQ,IAAI,CAAC,UAAU,CAAC,QAAQ,IAAI,gBAAgB,CAAC,IAAI,SAAS,CAAC;IAErG,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,SAAS,eACV,cAAc,EACxB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,YAEjB,CAAC,UAAU,EAAE,EAAE,CAAC,KAAC,WAAW,OAAK,UAAU,KAAM,UAAU,gBAAc,KAAK,EAAE,EAAE,EAAE,SAAS,GAAI,GAC1F,CACf,CAAC;AACN,CAAC;AAED,WAAW,CAAC,QAAQ,GAAG,aAAa,CAAC;AAErC,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/NumberInput.d.ts

@@ -1,64 +0,0 @@
-import './number-input.scss';
-import { CommonProps, InvalidPropsLibrary } from '.';
-export type NumberInputProps = CommonProps<'aria-label' | 'disabled' | 'id' | 'name' | 'readOnly' | 'size'> & InvalidPropsLibrary & {
-    /** The value of the control. */
-    value?: number;
-    /**
-     * Callback when the value changes.
-     *
-     * @required
-     */
-    onChange: (value: number | 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.
-     *
-     * @default 99
-     * @maximum 99
-     * @minimum 1
-     */
-    max?: number;
-    /**
-     * Defines the [minimum](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/min) value that is
-     * accepted.
-     *
-     * @minimum 0
-     */
-    min?: 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
- */
-declare function NumberInput({ value, onChange, align, size, disabled, readOnly, name, id: inputIdProp, invalid, 'aria-label': ariaLabel, max: maxProp, min: minProp, }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
-declare namespace NumberInput {
-    var bspkName: string;
-}
-export { NumberInput };
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/NumberInput.js

@@ -1,93 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { styleAdd } from './utils/styleAdd';
-styleAdd(`[data-bspk=number-input]{--font: var(--body-base);--height: var(--spacing-sizing-10);--svg-width: var(--spacing-sizing-05);--color: var(--foreground-neutral-on-surface);width:100%;display:flex;flex-flow:row nowrap;font:var(--font);height:var(--height);border:1px solid var(--stroke-neutral-base);border-radius:var(--radius-small);background:var(--surface-neutral-t1-base);max-width:280px}[data-bspk=number-input]:focus-within{border-color:var(--stroke-brand-primary)}[data-bspk=number-input] [data-divider]{width:4px;border-right:1px solid var(--stroke-neutral-base);height:calc(var(--height) - 8px);margin:3px 0}[data-bspk=number-input] button{width:var(--height);height:var(--height);background:none;border:none;cursor:pointer;font:var(--font);flex-shrink:0;display:flex;justify-content:center;align-items:center;color:var(--color)}[data-bspk=number-input] button svg{width:var(--svg-width)}[data-bspk=number-input] button:disabled{cursor:not-allowed;color:var(--foreground-neutral-disabled-on-surface)}[data-bspk=number-input] input{color:var(--color);min-width:0;display:block;font:var(--font);text-align:center;padding:0 var(--spacing-sizing-03);background:rgba(0,0,0,0);border:none;flex-grow:1}[data-bspk=number-input] input:focus{outline:none}[data-bspk=number-input] input::-webkit-outer-spin-button,[data-bspk=number-input] input::-webkit-inner-spin-button{appearance:none;margin:0}[data-bspk=number-input] input[type=number]{appearance:textfield}[data-bspk=number-input]:not([data-disabled],[data-readonly]) input:hover,[data-bspk=number-input]:not([data-disabled],[data-readonly]) button:not(:disabled):hover{background-color:var(--interactions-hover-opacity)}[data-bspk=number-input]:not([data-disabled],[data-readonly]) input:active,[data-bspk=number-input]:not([data-disabled],[data-readonly]) button:not(:disabled):active{background-color:var(--interactions-press-opacity)}[data-bspk=number-input]:not([data-disabled],[data-readonly])[data-invalid]{border-color:var(--status-error);outline-color:var(--status-error)}[data-bspk=number-input][data-disabled],[data-bspk=number-input][data-readonly]{--color: var(--foreground-neutral-disabled-on-surface);border-color:var(--stroke-neutral-disabled-light);background:linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)),linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=number-input][data-disabled] [data-divider],[data-bspk=number-input][data-readonly] [data-divider]{border-color:var(--stroke-neutral-disabled-light)}[data-bspk=number-input][data-readonly] input{color:var(--foreground-neutral-on-surface) !important}[data-bspk=number-input][data-size=small]{--font: var(--body-small);--height: var(--spacing-sizing-08)}[data-bspk=number-input][data-size=large]{--font: var(--body-large);--height: var(--spacing-sizing-12);--svg-width: var(--spacing-sizing-06)}`);;
-import { SvgAdd } from '@bspk/icons/Add';
-import { SvgRemove } from '@bspk/icons/Remove';
-import { useId } from './hooks/useId';
-import { useLongPress } from './hooks/useLongPress';
-const DEFAULT = {
-    align: 'center',
-    size: 'medium',
-    disabled: false,
-    readOnly: false,
-};
-function isNumber(value) {
-    if (typeof value === 'number')
-        return value;
-    if (typeof value !== 'string')
-        return undefined;
-    const num = Number(value);
-    return isNaN(num) ? undefined : num;
-}
-/**
- * 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
- */
-function NumberInput({ value, onChange, align = DEFAULT.align, size = DEFAULT.size, disabled = DEFAULT.disabled, readOnly = DEFAULT.readOnly, name, id: inputIdProp, invalid, 'aria-label': ariaLabel, max: maxProp, min: minProp, }) {
-    const centered = align !== 'left';
-    const inputId = useId(inputIdProp);
-    const max = isNumber(maxProp);
-    const min = isNumber(minProp);
-    const fix = (nextValue) => {
-        const next = isNumber(nextValue);
-        if (typeof next !== 'number' || isNaN(next)) {
-            onChange(undefined);
-            return;
-        }
-        let fixValue = next;
-        if (typeof min !== 'undefined' && next < min)
-            fixValue = min;
-        if (typeof max !== 'undefined' && next > max)
-            fixValue = max;
-        if (fixValue !== value)
-            onChange(fixValue);
-    };
-    const buttonProps = {
-        min,
-        max,
-        disabled,
-        readOnly,
-        onChange: fix,
-        value,
-    };
-    return (_jsxs("div", { "aria-valuemax": max || undefined, "aria-valuemin": min || undefined, "data-bspk": "number-input", "data-centered": centered || undefined, "data-disabled": disabled || undefined, "data-invalid": invalid || undefined, "data-readonly": readOnly || undefined, "data-size": size, "data-stepper-input": true, children: [!!centered && _jsx(IncrementButton, { ...buttonProps, increment: -1 }), _jsx("input", { "aria-label": ariaLabel, disabled: disabled, id: inputId, max: max, min: min, name: name, onBlur: (event) => {
-                    // Fix the value on blur to ensure it is a valid number
-                    fix(event.target.value);
-                }, onChange: (event) => {
-                    onChange(isNumber(event.target.value));
-                }, readOnly: readOnly, type: "number", value: value }), !centered && (_jsxs(_Fragment, { children: [_jsx("div", { "aria-hidden": true, "data-divider": true }), _jsx(IncrementButton, { ...buttonProps, increment: -1 })] })), _jsx(IncrementButton, { ...buttonProps, increment: 1 })] }));
-}
-// eslint-disable-next-line react/no-multi-comp
-function IncrementButton({ increment, min, max, readOnly, disabled, onChange, value, }) {
-    const add = increment === 1;
-    const prevValue = isNumber(value) || 0;
-    const isDisabled = readOnly ||
-        disabled ||
-        (typeof min !== 'undefined' && prevValue + increment < min) ||
-        (typeof max !== 'undefined' && prevValue + increment > max);
-    const longPress = useLongPress((pressCounter) => onChange(prevValue + increment * pressCounter), 2000, isDisabled);
-    return (_jsx("button", { "aria-label": `${add ? 'Increase' : 'Decrease'} value`, "data-increment": increment, disabled: isDisabled, type: "button", ...longPress.buttonProps, children: add ? _jsx(SvgAdd, {}) : _jsx(SvgRemove, {}) }));
-}
-NumberInput.bspkName = 'NumberInput';
-export { NumberInput };
-//# sourceMappingURL=NumberInput.js.map

package/dist/NumberInput.js.map

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

package/dist/Popover.d.ts

@@ -1,70 +0,0 @@
-import './popover.scss';
-import { ReactElement } from 'react';
-import { Placement } from './hooks/useFloating';
-import { CallToActionButton, CommonProps } from './';
-export type PopoverProps = CommonProps<'disabled'> & {
-    /**
-     * The placement of the popover.
-     *
-     * @default top
-     */
-    placement?: Placement;
-    /** The popover header. */
-    header: string;
-    /**
-     * The content of the popover.
-     *
-     * @type multiline
-     */
-    content: string;
-    /**
-     * The call to action button properties.
-     *
-     * @type CallToActionButton
-     */
-    callToAction?: CallToActionButton;
-    /**
-     * A single element that will trigger the popover when clicked.
-     *
-     * @type ReactElement
-     * @required
-     */
-    children: ReactElement;
-};
-/**
- * Brief message that provide additional guidance and helps users perform an action if needed.
- *
- * @example
- *     import { useState } from 'react';
- *     import { Popover } from '@bspk/ui/Popover';
- *     import { Button } from '@bspk/ui/Button';
- *
- *     export function Example() {
- *         const [showPopover, setShowPopover] = useState<boolean>(false);
- *
- *         const togglePopover = () => setShowPopover(!showPopover);
- *         const onPopoverCallToActionClick = () => alert('Action clicked');
- *
- *         return (
- *             <Popover
- *                 placement="bottom"
- *                 content="This is a popover content"
- *                 header="Popover Header"
- *                 callToAction={{
- *                     label: 'Action',
- *                     onClick: onPopoverCallToActionClick,
- *                 }}
- *             >
- *                 <Button label="Toggle popover" onClick={togglePopover} />
- *             </Popover>
- *         );
- *     }
- *
- * @name Popover
- */
-declare function Popover({ placement, header, content, callToAction, children, disabled }: PopoverProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Popover {
-    var bspkName: string;
-}
-export { Popover };
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */