@bspk/ui 1.3.3 → 1.3.5

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -1,27 +1,8 @@
 import './breadcrumb.scss';
-import { ListItemMenuProps } from '-/components/ListItemMenu';
+import { BreadcrumbItem } from './BreadcumbDropdown';
 import { CommonProps } from '-/types/common';
-export type BreadcrumbItem = {
-    /**
-     * The label of the breadcrumb item.
-     *
-     * @example
-     *     Page 1
-     *
-     * @required
-     */
-    label: string;
-    /**
-     * The href of the breadcrumb item.
-     *
-     * @example
-     *     https://bspk.anywhere.re
-     *
-     * @required
-     */
-    href: string;
-};
-export type BreadcrumbProps = CommonProps<'id'> & Pick<ListItemMenuProps, 'scrollLimit'> & {
+import { ScrollListItemsStyleProps } from '-/utils/scrollListItemsStyle';
+export type BreadcrumbProps = CommonProps<'id'> & ScrollListItemsStyleProps & {
     /**
      * The array of breadcrumb items.
      *
@@ -74,5 +55,5 @@ export type BreadcrumbProps = CommonProps<'id'> & Pick<ListItemMenuProps, 'scrol
  * @name Breadcrumb
  * @phase UXReview
  */
-export declare function Breadcrumb({ id: propId, items: itemsProp, scrollLimit }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Breadcrumb({ id: propId, items, scrollLimit }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element | null;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,13 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './breadcrumb.css.js';
 import { SvgChevronRight } from '@bspk/icons/ChevronRight';
-import { SvgMoreHoriz } from '@bspk/icons/MoreHoriz';
-import { Button } from '../Button';
+import { BreadcrumbDropdown } from './BreadcumbDropdown';
 import { Link } from '../Link';
-import { ListItemMenu } from '../ListItemMenu';
 import { Txt } from '../Txt';
 import { useId } from '../../hooks/useId';
-import { useIds } from '../../utils/useIds';
 /**
  * Used to indicate the current page's location within a navigational hierarchy.
  *
@@ -36,11 +33,10 @@ import { useIds } from '../../utils/useIds';
  * @name Breadcrumb
  * @phase UXReview
  */
-export function Breadcrumb({ id: propId, items: itemsProp = [], scrollLimit }) {
+export function Breadcrumb({ id: propId, items = [], scrollLimit }) {
     const id = useId(propId);
-    const items = useIds(`breadcrumb-${id}`, itemsProp);
     if (items.length < 2)
         return null;
-    return (_jsx("nav", { "aria-label": "Breadcrumb", "data-bspk": "breadcrumb", id: id, children: _jsxs("ol", { children: [_jsxs("li", { children: [_jsx(Link, { href: items[0].href, label: items[0].label }), _jsx(SvgChevronRight, { "aria-hidden": true })] }), items.length > 5 ? (_jsxs("li", { children: [_jsx(ListItemMenu, { hideWhenClosed: true, itemOnClick: ({ setShow }) => setShow(false), items: items.slice(1, items.length - 1), label: "Expanded breadcrumb", owner: "Breadcrumb", placement: "bottom", role: "menu", scrollLimit: scrollLimit, width: "200px", children: (triggerProps, { setRef, itemCount }) => (_jsx(Button, { ...triggerProps, icon: _jsx(SvgMoreHoriz, {}), iconOnly: true, innerRef: setRef, label: `Access to ${itemCount} pages`, onClick: triggerProps.onClick, size: "small", variant: "tertiary" })) }), _jsx(SvgChevronRight, { "aria-hidden": true })] })) : (items.slice(1, items.length - 1).map((item, idx) => (_jsxs("li", { children: [_jsx(Link, { ...item }), _jsx(SvgChevronRight, { "aria-hidden": true })] }, `Breadcrumb-${idx}`)))), _jsx("li", { "aria-current": "true", children: _jsx(Txt, { variant: "body-base", children: items[items.length - 1].label }) })] }) }));
+    return (_jsx("nav", { "aria-label": "Breadcrumb", "data-bspk": "breadcrumb", id: id, children: _jsxs("ol", { children: [_jsxs("li", { children: [_jsx(Link, { href: items[0].href, label: items[0].label }), _jsx(SvgChevronRight, { "aria-hidden": true })] }), items.length > 5 ? (_jsx(BreadcrumbDropdown, { id: id, items: items.slice(1, items.length - 1), scrollLimit: scrollLimit })) : (items.slice(1, items.length - 1).map((item, idx) => (_jsxs("li", { children: [_jsx(Link, { ...item }), _jsx(SvgChevronRight, { "aria-hidden": true })] }, `Breadcrumb-${idx}`)))), _jsx("li", { "aria-current": "true", children: _jsx(Txt, { variant: "body-base", children: items[items.length - 1].label }) })] }) }));
 }
 //# sourceMappingURL=Breadcrumb.js.map

package/dist/components/Breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAqB,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAmDxC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,WAAW,EAAmB;IAC1F,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAEzB,MAAM,KAAK,GAAG,MAAM,CAAC,cAAc,EAAE,EAAE,EAAE,SAAS,CAAC,CAAC;IAEpD,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAElC,OAAO,CACH,4BAAgB,YAAY,eAAW,YAAY,EAAC,EAAE,EAAE,EAAE,YACtD,yBACI,yBACI,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAI,EACpD,KAAC,eAAe,0BAAe,IAC9B,EACJ,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChB,yBACI,KAAC,YAAY,IACT,cAAc,QACd,WAAW,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC5C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EACvC,KAAK,EAAC,qBAAqB,EAC3B,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,WAAW,EACxB,KAAK,EAAC,OAAO,YAEZ,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACtC,KAAC,MAAM,OACC,YAAY,EAChB,IAAI,EAAE,KAAC,YAAY,KAAG,EACtB,QAAQ,QACR,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,aAAa,SAAS,QAAQ,EACrC,OAAO,EAAE,YAAY,CAAC,OAAO,EAC7B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,UAAU,GACpB,CACL,GACU,EACf,KAAC,eAAe,0BAAe,IAC9B,CACR,CAAC,CAAC,CAAC,CACA,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAChD,yBACI,KAAC,IAAI,OAAK,IAAI,GAAI,EAClB,KAAC,eAAe,0BAAe,KAF1B,cAAc,GAAG,EAAE,CAGvB,CACR,CAAC,CACL,EACD,6BAAiB,MAAM,YACnB,KAAC,GAAG,IAAC,OAAO,EAAC,WAAW,YAAE,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,GAAO,GAC7D,IACJ,GACH,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAkB,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAgCtC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,WAAW,EAAmB;IAC/E,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAEzB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAElC,OAAO,CACH,4BAAgB,YAAY,eAAW,YAAY,EAAC,EAAE,EAAE,EAAE,YACtD,yBACI,yBACI,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAI,EACpD,KAAC,eAAe,0BAAe,IAC9B,EACJ,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChB,KAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,WAAW,EAAE,WAAW,GAAI,CACpG,CAAC,CAAC,CAAC,CACA,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAChD,yBACI,KAAC,IAAI,OAAK,IAAI,GAAI,EAClB,KAAC,eAAe,0BAAe,KAF1B,cAAc,GAAG,EAAE,CAGvB,CACR,CAAC,CACL,EACD,6BAAiB,MAAM,YACnB,KAAC,GAAG,IAAC,OAAO,EAAC,WAAW,YAAE,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,GAAO,GAC7D,IACJ,GACH,CACT,CAAC;AACN,CAAC"}

package/dist/components/Breadcrumb/BreadcumbDropdown.d.ts

@@ -0,0 +1,27 @@
+import { ScrollListItemsStyleProps } from '-/utils/scrollListItemsStyle';
+export type BreadcrumbItem = {
+    /**
+     * The label of the breadcrumb item.
+     *
+     * @example
+     *     Page 1
+     *
+     * @required
+     */
+    label: string;
+    /**
+     * The href of the breadcrumb item.
+     *
+     * @example
+     *     https://bspk.anywhere.re
+     *
+     * @required
+     */
+    href: string;
+};
+type BreadcrumbDropdownProps = ScrollListItemsStyleProps & {
+    items: BreadcrumbItem[];
+    id: string;
+};
+export declare function BreadcrumbDropdown({ items: itemsProp, id, scrollLimit }: BreadcrumbDropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Breadcrumb/BreadcumbDropdown.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SvgChevronRight } from '@bspk/icons/ChevronRight';
+import { SvgMoreHoriz } from '@bspk/icons/MoreHoriz';
+import { Button } from '../Button';
+import { ListItem } from '../ListItem';
+import { Menu } from '../Menu';
+import { useArrowNavigation } from '../../hooks/useArrowNavigation';
+import { useFloating } from '../../hooks/useFloating';
+import { useOutsideClick } from '../../hooks/useOutsideClick';
+import { getElementById } from '../../utils/dom';
+import { handleKeyDown } from '../../utils/handleKeyDown';
+import { scrollListItemsStyle } from '../../utils/scrollListItemsStyle';
+import { useIds } from '../../utils/useIds';
+export function BreadcrumbDropdown({ items: itemsProp, id, scrollLimit }) {
+    const menuId = `${id}-menu`;
+    const items = useIds(`breadcrumb-${id}`, itemsProp);
+    const { activeElementId, setActiveElementId, arrowKeyCallbacks } = useArrowNavigation({
+        ids: items.map((i) => i.id),
+    });
+    const closeMenu = () => setActiveElementId(null);
+    const open = Boolean(activeElementId);
+    const { elements, floatingStyles } = useFloating({
+        hide: !open,
+        offsetOptions: 4,
+        refWidth: false,
+    });
+    useOutsideClick({
+        elements: [elements.floating, elements.reference],
+        callback: () => closeMenu(),
+        disabled: !open,
+    });
+    const spaceEnter = () => {
+        if (!open) {
+            elements.reference?.click();
+            return;
+        }
+        if (activeElementId)
+            getElementById(activeElementId)?.click();
+    };
+    return (_jsxs("li", { children: [_jsx(Button, { "aria-activedescendant": open ? activeElementId || undefined : undefined, "aria-controls": open ? menuId : undefined, "aria-expanded": open, "aria-haspopup": "listbox", "aria-owns": menuId, icon: _jsx(SvgMoreHoriz, {}), iconOnly: true, innerRef: elements.setReference, label: `Access to ${items.length} pages`, name: `${name}-country-code`, onClick: (event) => {
+                    const nextOpen = !open;
+                    if (nextOpen) {
+                        setActiveElementId(items[0]?.id || null);
+                    }
+                    else {
+                        setActiveElementId(null);
+                    }
+                    event.preventDefault();
+                }, onKeyDown: handleKeyDown({
+                    ...arrowKeyCallbacks,
+                    ArrowDown: (event) => {
+                        if (!open)
+                            spaceEnter();
+                        arrowKeyCallbacks.ArrowDown?.(event);
+                    },
+                    Space: spaceEnter,
+                    Enter: spaceEnter,
+                    Escape: closeMenu,
+                    'Ctrl+Option+Space': spaceEnter,
+                }, { preventDefault: true, stopPropagation: true }), role: "combobox", size: "small", variant: "tertiary" }), open && (_jsx(Menu, { id: menuId, innerRef: elements.setFloating, label: "Expanded breadcrumb", owner: "Breadcrumb", role: "menu", style: {
+                    ...scrollListItemsStyle(scrollLimit, items.length),
+                    ...floatingStyles,
+                    width: 'fit-content',
+                    maxWidth: '300px',
+                    minWidth: '150px',
+                }, children: items.map((item) => (_jsx(ListItem, { ...item, active: activeElementId === item.id, tabIndex: -1 }, item.id))) })), _jsx(SvgChevronRight, { "aria-hidden": true })] }));
+}
+//# sourceMappingURL=BreadcumbDropdown.js.map

package/dist/components/Breadcrumb/BreadcumbDropdown.js.map

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

package/dist/components/Button/Button.d.ts

@@ -2,7 +2,7 @@ import './button.scss';
 import { AriaAttributes, ElementType, ReactNode } from 'react';
 import { ButtonSize, CommonProps, ElementProps, SetRef } from '-/types/common';
 export type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
-export type ButtonProps<As extends ElementType = 'button'> = CommonProps<'disabled' | 'owner'> & {
+export type ButtonProps<As extends ElementType = ElementType> = CommonProps<'disabled' | 'owner'> & {
     /**
      * The label of the button.
      *
@@ -50,7 +50,11 @@ export type ButtonProps<As extends ElementType = 'button'> = CommonProps<'disabl
      */
     variant?: ButtonVariant;
     /**
-     * The width of the button.
+     * Determines how the button uses horizontal space.
+     *
+     * If set to 'fill', options expand to fill the container's width.
+     *
+     * If set to 'hug', options only take up as much space as the content requires.
      *
      * @default hug
      */
@@ -90,5 +94,5 @@ export type ButtonProps<As extends ElementType = 'button'> = CommonProps<'disabl
  * @name Button
  * @phase UXReview
  */
-export declare function Button<As extends ElementType = 'button'>(props: AriaAttributes & ElementProps<ButtonProps<As>, As>): JSX.Element;
+export declare function Button<As extends ElementType = ElementType>(props: AriaAttributes & ElementProps<ButtonProps<As>, As>): JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Button/Button.js

@@ -25,7 +25,7 @@ import { Tooltip } from '../Tooltip';
  * @phase UXReview
  */
 export function Button(props) {
-    const { size = 'medium', variant = 'primary', destructive = false, width = 'hug', as: As = 'button', disabled = false, label: labelProp, icon, iconOnly: iconOnlyProp = false, toolTip: toolTipProp, children, innerRef, owner, ...containerProps } = props;
+    const { size = 'medium', variant = 'primary', destructive = false, width = 'hug', as: As = 'button', disabled = false, label: labelProp, icon, iconOnly: iconOnlyProp = false, toolTip: toolTipProp, children, innerRef, owner, role, ...containerProps } = props;
     const label = typeof children === 'string' ? children : labelProp || '';
     // ignore iconOnly if there is no icon
     const iconOnly = iconOnlyProp === true && !!icon;
@@ -43,7 +43,7 @@ export function Button(props) {
         }, onMouseOver: (e) => {
             triggerProps.onMouseOver?.();
             containerProps.onMouseOver?.(e);
-        }, ref: innerRef, children: [children && typeof children !== 'string' ? (children) : (_jsxs(_Fragment, { children: [!!icon && isValidElement(icon) && (_jsx("span", { "aria-hidden": true, "data-button-icon": true, children: icon })), !iconOnly && _jsx("span", { "data-button-label": true, children: label })] })), _jsx("span", { "data-touch-target": true })] }));
+        }, ref: innerRef, role: role || (As !== 'button' ? 'button' : undefined), children: [children && typeof children !== 'string' ? (children) : (_jsxs(_Fragment, { children: [!!icon && isValidElement(icon) && (_jsx("span", { "aria-hidden": true, "data-button-icon": true, children: icon })), !iconOnly && _jsx("span", { "data-button-label": true, children: label })] })), _jsx("span", { "data-touch-target": true })] }));
     if (toolTip)
         return (_jsx(Tooltip, { label: toolTip, placement: "top", children: button }));
     return button({});

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AACvB,OAAO,EAA0C,cAAc,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAuB,MAAM,sBAAsB,CAAC;AAwEpE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,MAAM,CAClB,KAAyD;IAEzD,MAAM,EACF,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,SAAS,EACnB,WAAW,GAAG,KAAK,EACnB,KAAK,GAAG,KAAK,EACb,EAAE,EAAE,EAAE,GAAG,QAAQ,EACjB,QAAQ,GAAG,KAAK,EAChB,KAAK,EAAE,SAAS,EAChB,IAAI,EACJ,QAAQ,EAAE,YAAY,GAAG,KAAK,EAC9B,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,cAAc,EACpB,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC;IAExE,sCAAsC;IACtC,MAAM,QAAQ,GAAG,YAAY,KAAK,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC;IAEjD,qFAAqF;IACrF,MAAM,OAAO,GAAG,WAAW,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAE9D,MAAM,MAAM,GAAG,CAAC,YAAiC,EAAE,EAAE,CAAC,CAClD,MAAC,EAAE,IACC,IAAI,EAAE,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,KACxC,cAAc,KACd,YAAY,gBACJ,KAAK,eACP,QAAQ,qBACD,KAAK,IAAI,SAAS,sBACjB,WAAW,IAAI,SAAS,eAC/B,IAAI,oDAED,OAAO,gBACT,KAAK,EACjB,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;YACV,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC;YACxB,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;QAC/B,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACX,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC;YACzB,cAAc,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;QAChC,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAChB,YAAY,CAAC,YAAY,EAAE,EAAE,CAAC;YAC9B,cAAc,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;QACrC,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC;YAC7B,cAAc,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;QACpC,CAAC,EACD,GAAG,EAAE,QAAQ,aAEZ,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CACxC,QAAQ,CACX,CAAC,CAAC,CAAC,CACA,8BACK,CAAC,CAAC,IAAI,IAAI,cAAc,CAAC,IAAI,CAAC,IAAI,CAC/B,8BAAmB,IAAI,sCAClB,IAAI,GACF,CACV,EACA,CAAC,QAAQ,IAAI,oDAAyB,KAAK,GAAQ,IACrD,CACN,EACD,2CAA0B,IACzB,CACR,CAAC;IAEF,IAAI,OAAO;QACP,OAAO,CACH,KAAC,OAAO,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAC,KAAK,YACnC,MAAM,GACD,CACb,CAAC;IAEN,OAAO,MAAM,CAAC,EAAE,CAAC,CAAC;AACtB,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}

package/dist/components/Button/button.css

@@ -88,7 +88,7 @@
   --primary-background: var(--surface-brand-primary);
   background-color: var(--primary-background);
   color: var(--foreground-brand-on-primary);
-  border-radius: var(--radius-sm);
+  border-radius: var(--button-border-radius);
 }
 [data-bspk=button][data-variant=primary][disabled] {
   color: var(--foreground-neutral-disabled-on-surface);
@@ -108,13 +108,13 @@
   color: var(--foreground-brand-on-primary);
 }
 [data-bspk=button][data-variant=secondary] {
-  border: solid 1px var(--stroke-neutral-base);
-  border-radius: var(--radius-sm);
+  border: solid var(--button-border-width) var(--stroke-neutral-base);
+  border-radius: var(--button-border-radius);
   color: var(--foreground-neutral-on-surface-variant-01);
 }
 [data-bspk=button][data-variant=secondary][disabled] {
   color: var(--foreground-neutral-disabled-on-surface);
-  border: solid 1px var(--stroke-neutral-disabled-light);
+  border: solid var(--button-border-width) var(--stroke-neutral-disabled-light);
 }
 [data-pseudo=hover] > [data-bspk=button][data-variant=secondary]:not([disabled]), [data-bspk=button][data-variant=secondary]:not([disabled]):hover {
   background-color: var(--interactions-neutral-hover-opacity);
@@ -128,7 +128,7 @@
 [data-bspk=button][data-variant=secondary][data-destructive] {
   background: transparent;
   color: var(--status-error);
-  border: solid 1px var(--status-error);
+  border: solid var(--button-border-width) var(--status-error);
 }
 [data-bspk=button][data-variant=tertiary] {
   background: transparent;

package/dist/components/Button/button.css.js

@@ -91,7 +91,7 @@ style.appendChild(document.createTextNode(`[data-bspk=button] {
   --primary-background: var(--surface-brand-primary);
   background-color: var(--primary-background);
   color: var(--foreground-brand-on-primary);
-  border-radius: var(--radius-sm);
+  border-radius: var(--button-border-radius);
 }
 [data-bspk=button][data-variant=primary][disabled] {
   color: var(--foreground-neutral-disabled-on-surface);
@@ -111,13 +111,13 @@ style.appendChild(document.createTextNode(`[data-bspk=button] {
   color: var(--foreground-brand-on-primary);
 }
 [data-bspk=button][data-variant=secondary] {
-  border: solid 1px var(--stroke-neutral-base);
-  border-radius: var(--radius-sm);
+  border: solid var(--button-border-width) var(--stroke-neutral-base);
+  border-radius: var(--button-border-radius);
   color: var(--foreground-neutral-on-surface-variant-01);
 }
 [data-bspk=button][data-variant=secondary][disabled] {
   color: var(--foreground-neutral-disabled-on-surface);
-  border: solid 1px var(--stroke-neutral-disabled-light);
+  border: solid var(--button-border-width) var(--stroke-neutral-disabled-light);
 }
 [data-pseudo=hover] > [data-bspk=button][data-variant=secondary]:not([disabled]), [data-bspk=button][data-variant=secondary]:not([disabled]):hover {
   background-color: var(--interactions-neutral-hover-opacity);
@@ -131,7 +131,7 @@ style.appendChild(document.createTextNode(`[data-bspk=button] {
 [data-bspk=button][data-variant=secondary][data-destructive] {
   background: transparent;
   color: var(--status-error);
-  border: solid 1px var(--status-error);
+  border: solid var(--button-border-width) var(--status-error);
 }
 [data-bspk=button][data-variant=tertiary] {
   background: transparent;

package/dist/components/Calendar/Calendar.d.ts

@@ -0,0 +1,33 @@
+import './calendar.scss';
+export type CalendarProps = {
+    /**
+     * The currently selected date
+     *
+     * @type Date
+     */
+    value: Date | undefined;
+    /** Fires when the date changes with the new date */
+    onChange: (newDate: Date) => void;
+    /**
+     * Determines how the Calendar will appear.
+     *
+     * @default flat
+     */
+    variant?: 'elevated' | 'flat';
+    /**
+     * If focus trap should be enabled within the calendar component.
+     *
+     * Only applicable if the Calendar is used in a popover like in DatePicker.
+     *
+     * @default false
+     */
+    focusTrap?: boolean;
+};
+/**
+ * Allows customers to select the date, month, and year.
+ *
+ * @name Calendar
+ * @phase UXReview
+ */
+export declare function Calendar({ value: valueProp, onChange, variant, focusTrap }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/{CalendarPicker/CalendarPicker.js → Calendar/Calendar.js}

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import './calendar-picker.css.js';
+import './calendar.css.js';
 import { SvgChevronLeft } from '@bspk/icons/ChevronLeft';
 import { SvgChevronRight } from '@bspk/icons/ChevronRight';
 import { SvgKeyboardDoubleArrowLeft } from '@bspk/icons/KeyboardDoubleArrowLeft';
@@ -99,19 +99,12 @@ const CONFIG = {
     },
 };
 /**
- * A component or widget that allows customers to select the date, month, and year.
+ * Allows customers to select the date, month, and year.
  *
- * @example
- *     import { CalendarPicker } from '@bspk/ui/CalendarPicker';
- *
- *     function Example() {
- *         return <CalendarPicker>Example CalendarPicker</CalendarPicker>;
- *     }
- *
- * @name CalendarPicker
- * @phase Dev
+ * @name Calendar
+ * @phase UXReview
  */
-export function CalendarPicker({ value: valueProp, onChange, variant = 'flat' }) {
+export function Calendar({ value: valueProp, onChange, variant = 'flat', focusTrap = false }) {
     const baseId = useId();
     const [kind, setKind] = useState('day');
     const config = useMemo(() => CONFIG[kind], [kind]);
@@ -120,32 +113,35 @@ export function CalendarPicker({ value: valueProp, onChange, variant = 'flat' })
     useEffect(() => setBaseDate(value), [value]);
     const { items } = useItemsAndRange(config, baseDate, baseId);
     const { handleKeyDownCapture } = useKeyDownCaptures({ config, baseDate, setBaseDate });
-    return (_jsx(FocusTrap, { focusTrapOptions: {
+    const calendar = (_jsxs("div", { "data-bspk": "calendar", "data-kind": kind, "data-variant": variant || 'flat', children: [_jsxs("div", { "data-header": true, children: [_jsx(HeaderButton, { baseDate: baseDate, config: config.header['<<'], direction: "<<", setBaseDate: setBaseDate }), _jsx(HeaderButton, { baseDate: baseDate, config: config.header['<'], direction: "<", setBaseDate: setBaseDate }), _jsx("span", { "data-title": true, children: config.header.label(baseDate, setKind) }), _jsx(HeaderButton, { baseDate: baseDate, config: config.header['>'], direction: ">", setBaseDate: setBaseDate }), _jsx(HeaderButton, { baseDate: baseDate, config: config.header['>>'], direction: ">>", setBaseDate: setBaseDate })] }), config.listBoxHeader, _jsx("div", { "aria-label": config.listboxLabel, "data-body": true, onKeyDownCapture: handleKeyDownCapture, ref: (node) => {
+                    if (!focusTrap)
+                        return;
+                    const idToFocus = items.find(({ value: date }) => config.compare(date, baseDate))?.id;
+                    node?.querySelector(`[id="${idToFocus}"]`)?.focus();
+                }, role: "listbox", children: items.map(({ value: date, label, id, 'aria-label': ariaLabel }) => {
+                    const isSelected = config.compare(date, value);
+                    const isActive = config.compare(date, baseDate);
+                    const isFocusable = isActive || (!baseDate && isSelected);
+                    return (_jsx(Button, { "aria-label": ariaLabel, "aria-selected": isSelected || undefined, "data-active": isActive || undefined, id: id, innerRef: (node) => {
+                            if (isFocusable && focusTrap)
+                                node?.focus();
+                        }, label: label, role: "option", size: "large", tabIndex: isFocusable ? 0 : -1, width: "hug", ...config.optionProps?.({
+                            date,
+                            baseDate,
+                            isSelected,
+                            isActive,
+                            setBaseDate,
+                            onChange,
+                            setKind,
+                        }) }, date.toString()));
+                }) })] }));
+    return focusTrap ? (_jsx(FocusTrap, { focusTrapOptions: {
             fallbackFocus: () => {
                 const idToFocus = items.find(({ value: date }) => config.compare(date, baseDate))?.id;
                 return getElementById(idToFocus);
             },
             clickOutsideDeactivates: true,
-        }, children: _jsxs("div", { "data-bspk": "calendar-picker", "data-kind": kind, "data-variant": variant || 'flat', children: [_jsxs("div", { "data-header": true, children: [_jsx(HeaderButton, { baseDate: baseDate, config: config.header['<<'], direction: "<<", setBaseDate: setBaseDate }), _jsx(HeaderButton, { baseDate: baseDate, config: config.header['<'], direction: "<", setBaseDate: setBaseDate }), _jsx("span", { "data-title": true, children: config.header.label(baseDate, setKind) }), _jsx(HeaderButton, { baseDate: baseDate, config: config.header['>'], direction: ">", setBaseDate: setBaseDate }), _jsx(HeaderButton, { baseDate: baseDate, config: config.header['>>'], direction: ">>", setBaseDate: setBaseDate })] }), config.listBoxHeader, _jsx("div", { "aria-label": config.listboxLabel, "data-body": true, onKeyDownCapture: handleKeyDownCapture, ref: (node) => {
-                        const idToFocus = items.find(({ value: date }) => config.compare(date, baseDate))?.id;
-                        node?.querySelector(`[id="${idToFocus}"]`)?.focus();
-                    }, role: "listbox", children: items.map(({ value: date, label, id, 'aria-label': ariaLabel }) => {
-                        const isSelected = config.compare(date, value);
-                        const isActive = config.compare(date, baseDate);
-                        const isFocusable = isActive || (!baseDate && isSelected);
-                        return (_jsx(Button, { "aria-label": ariaLabel, "aria-selected": isSelected || undefined, "data-active": isActive || undefined, id: id, innerRef: (node) => {
-                                if (isFocusable)
-                                    node?.focus();
-                            }, label: label, role: "option", size: "large", tabIndex: isFocusable ? 0 : -1, width: "hug", ...config.optionProps?.({
-                                date,
-                                baseDate,
-                                isSelected,
-                                isActive,
-                                setBaseDate,
-                                onChange,
-                                setKind,
-                            }) }, date.toString()));
-                    }) })] }) }));
+        }, children: calendar })) : (calendar);
 }
 /** Generates the items (days, months, years) to display based on the grid and the range start and end */
 function useItemsAndRange(config, value, baseId) {
@@ -200,4 +196,4 @@ const HEADER_DIRECTION_ICONS = {
 function HeaderButton({ direction, config, setBaseDate, baseDate, }) {
     return (config && (_jsx(Button, { icon: HEADER_DIRECTION_ICONS[direction], iconOnly: true, label: config.label, onClick: () => setBaseDate(config.incrementFn(baseDate, direction.startsWith('<') ? -1 : 1)), size: "large", variant: "tertiary" }, direction)));
 }
-//# sourceMappingURL=CalendarPicker.js.map
+//# sourceMappingURL=Calendar.js.map

package/dist/components/Calendar/Calendar.js.map

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

package/dist/components/Calendar/CalendarExample.d.ts

@@ -0,0 +1,4 @@
+import { CalendarProps } from '.';
+import { ComponentExample, Preset } from '-/utils/demo';
+export declare const presets: Preset<CalendarProps>[];
+export declare const CalendarExample: ComponentExample<CalendarProps>;

package/dist/components/Calendar/CalendarExample.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const presets = [
+    {
+        label: 'With selected date',
+        propState: {
+            value: new Date(2024, 5, 10),
+        },
+    },
+    {
+        label: 'No selected date',
+        propState: {
+            value: undefined,
+        },
+    },
+];
+export const CalendarExample = {
+    containerStyle: { width: '100%' },
+    defaultState: {
+        value: undefined,
+    },
+    disableProps: ['focusTrap'],
+    presets,
+    render: ({ props, Component }) => _jsx(Component, { ...props }),
+    sections: [],
+    variants: {
+        focusTrap: false,
+    },
+};
+//# sourceMappingURL=CalendarExample.js.map

package/dist/components/Calendar/CalendarExample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarExample.js","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,OAAO,GAA4B;IAC5C;QACI,KAAK,EAAE,oBAAoB;QAC3B,SAAS,EAAE;YACP,KAAK,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC;SAC/B;KACJ;IACD;QACI,KAAK,EAAE,kBAAkB;QACzB,SAAS,EAAE;YACP,KAAK,EAAE,SAAS;SACnB;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAoC;IAC5D,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;IACjC,YAAY,EAAE;QACV,KAAK,EAAE,SAAS;KACnB;IACD,YAAY,EAAE,CAAC,WAAW,CAAC;IAC3B,OAAO;IACP,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;IAC1D,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE;QACN,SAAS,EAAE,KAAK;KACnB;CACJ,CAAC"}

package/dist/components/{CalendarPicker/calendar-picker.css → Calendar/calendar.css}

@@ -1,4 +1,4 @@
-[data-bspk=calendar-picker] {
+[data-bspk=calendar] {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -9,61 +9,61 @@
   background: var(--surface-neutral-t1-base);
   padding: var(--spacing-sizing-02);
 }
-[data-bspk=calendar-picker][data-variant=elevated] {
+[data-bspk=calendar][data-variant=elevated] {
   border-radius: var(--radius-lg);
   box-shadow: var(--drop-shadow-float);
 }
-[data-bspk=calendar-picker] [data-header] {
+[data-bspk=calendar] [data-header] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0;
   border-bottom: 1px solid var(--stroke-neutral-low);
 }
-[data-bspk=calendar-picker] [data-header] [data-title] {
+[data-bspk=calendar] [data-header] [data-title] {
   flex-grow: 1;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-[data-bspk=calendar-picker] [data-header] [data-title] [data-bspk=button] {
+[data-bspk=calendar] [data-header] [data-title] [data-bspk=button] {
   font: inherit;
 }
-[data-bspk=calendar-picker] [data-header] [data-title] [data-bspk=button][data-month] {
+[data-bspk=calendar] [data-header] [data-title] [data-bspk=button][data-month] {
   padding-right: var(--spacing-sizing-01);
 }
-[data-bspk=calendar-picker] [data-header] [data-title] [data-bspk=button][data-year] {
+[data-bspk=calendar] [data-header] [data-title] [data-bspk=button][data-year] {
   padding-left: var(--spacing-sizing-01);
 }
-[data-bspk=calendar-picker] [data-day-headers] {
+[data-bspk=calendar] [data-day-headers] {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   text-align: center;
   color: var(--foreground-neutral-on-surface-variant-01);
 }
-[data-bspk=calendar-picker] [data-day-headers] span {
+[data-bspk=calendar] [data-day-headers] span {
   height: var(--spacing-sizing-12);
   line-height: var(--spacing-sizing-12);
 }
-[data-bspk=calendar-picker] [data-body] {
+[data-bspk=calendar] [data-body] {
   display: grid;
 }
-[data-bspk=calendar-picker] [data-body] [data-bspk=button] {
+[data-bspk=calendar] [data-body] [data-bspk=button] {
   margin: auto;
 }
-[data-bspk=calendar-picker] [data-body] [data-non-month-day] {
+[data-bspk=calendar] [data-body] [data-non-month-day] {
   color: var(--foreground-neutral-on-surface-variant-02);
 }
-[data-bspk=calendar-picker][data-kind=day] {
+[data-bspk=calendar][data-kind=day] {
   padding: var(--spacing-sizing-01);
 }
-[data-bspk=calendar-picker][data-kind=day] [data-body] {
+[data-bspk=calendar][data-kind=day] [data-body] {
   grid-template-columns: repeat(7, 14.2857142857%);
 }
-[data-bspk=calendar-picker][data-kind=month] [data-body] {
+[data-bspk=calendar][data-kind=month] [data-body] {
   grid-template-columns: repeat(3, 33.3333333333%);
 }
-[data-bspk=calendar-picker][data-kind=year] [data-body] {
+[data-bspk=calendar][data-kind=year] [data-body] {
   grid-template-columns: repeat(4, 25%);
 }