@bspk/ui 1.3.18 → 1.3.20

package/dist/components/Modal/Modal.js

@@ -4,7 +4,6 @@ import { SvgClose } from '@bspk/icons/Close';
 import { useMemo, useRef } from 'react';
 import { Button } from '../Button';
 import { Dialog } from '../Dialog';
-import { Txt } from '../Txt';
 import { useDebounceCallback } from '../../hooks/useDebounceCallback';
 import { useEventListener } from '../../hooks/useEventListener';
 import { useUIContext } from '../../hooks/useUIContext';
@@ -89,6 +88,6 @@ export function Modal({ header, description, children, callToAction, cancelButto
         return nextButtons;
     }, [callToAction, cancelButton, dialogProps.onClose, isMobile]);
     const { setModalRefs } = useDialogHeight();
-    return (_jsx(Dialog, { ...dialogProps, "aria-description": description, "aria-label": header, disableFocusTrap: disableFocusTrap, innerRef: setModalRefs, placement: "center", showScrim: true, children: _jsxs("div", { "data-bspk": "modal", ref: (node) => innerRef?.(node), style: { visibility: 'hidden' }, children: [_jsxs("div", { "data-modal-header": true, children: [_jsx(Txt, { as: "div", "data-dialog-title": true, variant: "heading-h4", children: header }), _jsx(Button, { icon: _jsx(SvgClose, {}), iconOnly: true, label: "close", onClick: dialogProps.onClose, variant: "tertiary" })] }), _jsx("div", { "data-modal-main": true, children: children }), Array.isArray(buttons) && buttons.length > 0 && (_jsx("div", { "data-button-format": buttonFormat, "data-modal-footer": true, children: buttons.map((buttonProps, idx) => (_jsx(Button, { ...buttonProps, size: isMobile ? 'medium' : 'small', width: buttonFormat === 'vertical' && isMobile ? 'fill' : 'hug' }, idx))) }))] }) }));
+    return (_jsx(Dialog, { ...dialogProps, "aria-description": description, "aria-label": header, disableFocusTrap: disableFocusTrap, innerRef: setModalRefs, placement: "center", showScrim: true, children: _jsxs("div", { "data-bspk": "modal", ref: (node) => innerRef?.(node), style: { visibility: 'hidden' }, children: [_jsxs("div", { "data-modal-header": true, children: [_jsx("div", { "data-modal-title": true, children: header }), _jsx(Button, { icon: _jsx(SvgClose, {}), iconOnly: true, label: "close", onClick: dialogProps.onClose, variant: "tertiary" })] }), _jsx("div", { "data-modal-main": true, children: children }), Array.isArray(buttons) && buttons.length > 0 && (_jsx("div", { "data-button-format": buttonFormat, "data-modal-footer": true, children: buttons.map((buttonProps, idx) => (_jsx(Button, { ...buttonProps, size: isMobile ? 'medium' : 'small', width: buttonFormat === 'vertical' && isMobile ? 'fill' : 'hug' }, idx))) }))] }) }));
 }
 //# sourceMappingURL=Modal.js.map

package/dist/components/Modal/Modal.js.map

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

package/dist/components/Modal/modal.css

@@ -15,6 +15,10 @@
   align-items: center;
   gap: var(--spacing-sizing-04);
 }
+[data-bspk=modal] > [data-modal-header] [data-modal-title] {
+  font: var(--heading-h4);
+  flex: 1;
+}
 [data-bspk=modal] [data-modal-main] {
   flex: 1;
   overflow-y: auto;

package/dist/components/Modal/modal.css.js

@@ -18,6 +18,10 @@ style.appendChild(document.createTextNode(`[data-bspk=modal] {
   align-items: center;
   gap: var(--spacing-sizing-04);
 }
+[data-bspk=modal] > [data-modal-header] [data-modal-title] {
+  font: var(--heading-h4);
+  flex: 1;
+}
 [data-bspk=modal] [data-modal-main] {
   flex: 1;
   overflow-y: auto;

package/dist/components/PageHeader/PageHeader.d.ts

@@ -51,7 +51,7 @@ export type PageHeaderProps = {
  *     />;
  *
  * @name PageHeader
- * @phase Dev
+ * @phase UXReview
  */
 export declare function PageHeader({ actions, breadcrumb, avatar, subHeader, title }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/PageHeader/PageHeader.js

@@ -20,7 +20,7 @@ import './page-header.css.js';
  *     />;
  *
  * @name PageHeader
- * @phase Dev
+ * @phase UXReview
  */
 export function PageHeader({ actions, breadcrumb, avatar, subHeader, title }) {
     return (_jsxs("span", { "data-bspk": "page-header", children: [breadcrumb && (_jsx("div", { "data-breadcrumb": true, children: _jsx(Breadcrumb, { ...breadcrumb }) })), _jsxs("div", { "data-has-avatar": !!avatar, "data-header": true, children: [_jsxs("div", { "data-title": true, children: [avatar && _jsx(Avatar, { ...avatar, size: "xx-large" }), _jsx("h1", { children: title })] }), actions && _jsx("div", { "data-page-actions": true, children: actions })] }), subHeader && _jsx("div", { "data-subheader": true, children: subHeader })] }));

package/dist/components/PageHeader/PageHeaderBlockConfigs.d.ts

@@ -0,0 +1 @@
+export declare const blockConfigs: import("react/jsx-runtime").JSX.Element;

package/dist/components/PageHeader/PageHeaderBlockConfigs.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { PageHeader } from './PageHeader';
+import { Avatar } from '../Avatar';
+import { Breadcrumb } from '../Breadcrumb';
+import { Flex } from '../Flex';
+import { Txt } from '../Txt';
+import { BlockExample, Slot } from '../../utils/blocks';
+export const blockConfigs = (_jsxs(_Fragment, { children: [_jsxs(BlockExample, { name: "Slots", children: [_jsx(BlockExample.Component, { children: _jsx(PageHeader, { actions: _jsx(Slot, { height: 32, label: "Page actions slot", width: 372 }), subHeader: _jsxs(_Fragment, { children: [_jsx(Slot, { height: "var(--spacing-sizing-06)", label: "Slot component", width: 200 }), _jsx(Slot, { height: "var(--spacing-sizing-06)", label: "Slot component 2", width: 200 })] }), title: "Dashboard" }) }), _jsx(BlockExample.Pattern, { children: _jsxs(Flex, { direction: "column", padding: ['20', '20', '0'], style: {
+                            background: 'var(--background-base)',
+                            width: '100%',
+                        }, children: [_jsxs(Flex, { align: "center", "data-header": true, gap: "20", justify: "space-between", style: { width: '100%' }, children: [_jsx(Txt, { variant: "heading-h3", children: "Dashboard" }), _jsx("div", { "data-page-actions-slot": true, style: {
+                                            height: 'var(--spacing-sizing-08)',
+                                            width: 'auto',
+                                        }, children: _jsx(Slot, { height: "100%", label: "Page actions slot", width: 372 }) })] }), _jsxs(Flex, { align: "end", "data-subheader": true, justify: "space-between", style: { height: 'var(--spacing-sizing-11)', width: '100%' }, children: [_jsx(Slot, { height: "var(--spacing-sizing-06)", label: "Slot component", width: 200 }), _jsx(Slot, { height: "var(--spacing-sizing-06)", label: "Slot component 2", width: 200 })] })] }) })] }), _jsxs(BlockExample, { name: "No Subheader", children: [_jsx(BlockExample.Component, { children: _jsx(PageHeader, { actions: _jsx(Slot, { height: 32, label: "Page actions slot", width: 372 }), title: "Dashboard" }) }), _jsx(BlockExample.Pattern, { children: _jsxs(Flex, { align: "center", "data-header": true, gap: "20", justify: "space-between", style: {
+                            background: 'var(--background-base)',
+                            padding: 'var(--spacing-sizing-05)',
+                            width: '100%',
+                        }, children: [_jsx(Txt, { variant: "heading-h3", children: "Dashboard" }), _jsx("div", { "data-page-actions-slot": true, style: { height: 'var(--spacing-sizing-08)', width: 'auto' }, children: _jsx(Slot, { height: "100%", label: "Page actions slot", width: 372 }) })] }) })] }), _jsxs(BlockExample, { name: "With Breadcrumbs", children: [_jsx(BlockExample.Component, { children: _jsx(PageHeader, { actions: _jsx(Slot, { height: 32, label: "Page actions slot", width: 372 }), breadcrumb: {
+                            items: [
+                                { label: 'Home', href: '#' },
+                                { label: 'Analytics', href: '#' },
+                                { label: 'Dashboard', href: '#' },
+                            ],
+                        }, title: "Dashboard" }) }), _jsxs(BlockExample.Pattern, { children: [_jsxs(Flex, { direction: "column", style: { background: 'var(--background-base)', width: '100%' }, children: [_jsx("div", { style: { padding: 'var(--spacing-sizing-05) var(--spacing-sizing-05) 0' }, children: _jsx(Breadcrumb, { items: [
+                                            { label: 'Home', href: '#' },
+                                            { label: 'Analytics', href: '#' },
+                                            { label: 'Dashboard', href: '#' },
+                                        ] }) }), _jsxs(Flex, { align: "center", "data-header": true, gap: "20", justify: "space-between", padding: "20", style: { width: '100%' }, children: [_jsx(Txt, { variant: "heading-h3", children: "Dashboard" }), _jsx("div", { "data-page-actions-slot": true, style: { height: 'var(--spacing-sizing-08)', width: 'auto' }, children: _jsx(Slot, { height: "100%", label: "Page actions slot", width: 372 }) })] })] }), ";"] })] }), _jsxs(BlockExample, { name: "Profile", children: [_jsx(BlockExample.Component, { children: _jsx(PageHeader, { actions: _jsx(Slot, { height: 32, label: "Page actions slot", width: 372 }), avatar: {
+                            name: 'Brian Blake',
+                            size: 'xx-large',
+                        }, title: "Dashboard" }) }), _jsx(BlockExample.Pattern, { children: _jsxs(Flex, { align: "center", "data-header": true, gap: "20", justify: "space-between", padding: "20", style: { background: 'var(--background-base)', width: '100%' }, children: [_jsxs(Flex, { align: "center", gap: "16", children: [_jsx(Avatar, { name: "Brian Blake", size: "xx-large" }), _jsx(Txt, { variant: "heading-h3", children: "Dashboard" })] }), _jsx("div", { "data-page-actions-slot": true, style: { height: 'var(--spacing-sizing-08)', width: 'auto' }, children: _jsx(Slot, { height: "100%", label: "Page actions slot", width: 372 }) })] }) })] })] }));
+//# sourceMappingURL=PageHeaderBlockConfigs.js.map

package/dist/components/PageHeader/PageHeaderBlockConfigs.js.map

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

package/dist/components/PageHeader/PageHeaderExample.d.ts

@@ -1,4 +1,5 @@
+import { blockConfigs } from './PageHeaderBlockConfigs';
 import { PageHeaderProps } from '.';
-import { ComponentExample, Preset } from '-/utils/demo';
-export declare const presets: Preset<PageHeaderProps>[];
+import { ComponentExample } from '-/utils/demo';
 export declare const PageHeaderExample: ComponentExample<PageHeaderProps>;
+export { blockConfigs };

package/dist/components/PageHeader/PageHeaderExample.js

@@ -1,56 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { blockConfigs } from './PageHeaderBlockConfigs';
 import { ExamplePlaceholder } from '../ExamplePlaceholder';
-export const presets = [
-    {
-        label: 'Title Only',
-        propState: {
-            title: 'Page Title',
-        },
-        designPattern: true,
-    },
-    {
-        label: 'With Actions',
-        propState: {
-            title: 'Page Title',
-            actions: _jsx(ExamplePlaceholder, { height: 32, label: "Page actions slot", width: 372 }),
-        },
-        designPattern: true,
-    },
-    {
-        label: 'With Breadcrumb',
-        propState: {
-            title: 'Page Title',
-            breadcrumb: {
-                items: [
-                    { label: 'Home', href: '#/home' },
-                    { label: 'Section', href: '#/section' },
-                    { label: 'Page Title', href: '#/page' },
-                ],
-            },
-            actions: _jsx(ExamplePlaceholder, { height: 32, label: "Page actions slot", width: 372 }),
-        },
-        designPattern: true,
-    },
-    {
-        label: 'Profile',
-        propState: {
-            title: 'Charlie Brown',
-            avatar: { image: '/avatar-01.png', name: 'CB' },
-            actions: _jsx(ExamplePlaceholder, { height: 32, label: "Page actions slot", width: 372 }),
-        },
-        designPattern: true,
-    },
-];
 export const PageHeaderExample = {
     defaultState: {
         title: 'Page Title',
         actions: _jsx(ExamplePlaceholder, { height: 32, label: "Page actions slot", width: 372 }),
     },
     disableProps: [],
-    presets,
     render: ({ props, Component }) => _jsx(Component, { ...props }),
     variants: false,
     fullPage: true,
     hideDemo: true,
+    hideUsage: true,
+    presets: [],
 };
+export { blockConfigs };
 //# sourceMappingURL=PageHeaderExample.js.map

package/dist/components/PageHeader/PageHeaderExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeaderExample.js","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeaderExample.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAGrE,MAAM,CAAC,MAAM,OAAO,GAA8B;IAC9C;QACI,KAAK,EAAE,YAAY;QACnB,SAAS,EAAE;YACP,KAAK,EAAE,YAAY;SACtB;QACD,aAAa,EAAE,IAAI;KACtB;IACD;QACI,KAAK,EAAE,cAAc;QACrB,SAAS,EAAE;YACP,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,KAAC,kBAAkB,IAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAC,mBAAmB,EAAC,KAAK,EAAE,GAAG,GAAI;SACpF;QACD,aAAa,EAAE,IAAI;KACtB;IACD;QACI,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE;YACP,KAAK,EAAE,YAAY;YACnB,UAAU,EAAE;gBACR,KAAK,EAAE;oBACH,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE;oBACjC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE;oBACvC,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE;iBAC1C;aACJ;YACD,OAAO,EAAE,KAAC,kBAAkB,IAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAC,mBAAmB,EAAC,KAAK,EAAE,GAAG,GAAI;SACpF;QACD,aAAa,EAAE,IAAI;KACtB;IACD;QACI,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE;YACP,KAAK,EAAE,eAAe;YACtB,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE;YAC/C,OAAO,EAAE,KAAC,kBAAkB,IAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAC,mBAAmB,EAAC,KAAK,EAAE,GAAG,GAAI;SACpF;QACD,aAAa,EAAE,IAAI;KACtB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAsC;IAChE,YAAY,EAAE;QACV,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE,KAAC,kBAAkB,IAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAC,mBAAmB,EAAC,KAAK,EAAE,GAAG,GAAI;KACpF;IACD,YAAY,EAAE,EAAE;IAChB,OAAO;IACP,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;IAC1D,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;CACjB,CAAC"}
+{"version":3,"file":"PageHeaderExample.js","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeaderExample.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAGrE,MAAM,CAAC,MAAM,iBAAiB,GAAsC;IAChE,YAAY,EAAE;QACV,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE,KAAC,kBAAkB,IAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAC,mBAAmB,EAAC,KAAK,EAAE,GAAG,GAAI;KACpF;IACD,YAAY,EAAE,EAAE;IAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;IAC1D,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,EAAE;CACd,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/PageHeader/page-header.css

@@ -16,7 +16,7 @@
 [data-bspk=page-header] [data-header] [data-title] {
   display: flex;
   align-items: center;
-  gap: var(--spacing-sizing-03);
+  gap: var(--spacing-sizing-04);
 }
 [data-bspk=page-header] [data-header] [data-title] h1 {
   margin: 0;

package/dist/components/PageHeader/page-header.css.js

@@ -19,7 +19,7 @@ style.appendChild(document.createTextNode(`[data-bspk=page-header] {
 [data-bspk=page-header] [data-header] [data-title] {
   display: flex;
   align-items: center;
-  gap: var(--spacing-sizing-03);
+  gap: var(--spacing-sizing-04);
 }
 [data-bspk=page-header] [data-header] [data-title] h1 {
   margin: 0;

package/dist/components/Portal/Portal.d.ts

@@ -6,7 +6,7 @@ export type PortalProps = {
      * @required
      */
     children: ReactNode;
-    /** The container to render the portal in. */
+    /** The container to render the portal content in. */
     container?: HTMLElement;
 };
 /**

package/dist/components/RadioOption/RadioOption.d.ts

@@ -1,6 +1,10 @@
 import { RadioProps } from '-/components/Radio';
-import { ToggleOptionControlProps } from '-/components/ToggleOption';
-export type RadioOptionProps = ToggleOptionControlProps<RadioProps>;
+export type RadioOptionProps = RadioProps & {
+    /** The label of the option. Also used as the aria-label of the control. */
+    label: string;
+    /** The description of the option. */
+    description?: string;
+};
 /**
  * A control that allows users to choose one or more items from a list or turn an feature on or off.
  *
@@ -9,5 +13,5 @@ export type RadioOptionProps = ToggleOptionControlProps<RadioProps>;
  * @name RadioOption
  * @phase Utility
  */
-export declare function RadioOption({ label: labelProp, description, disabled, ...radioProps }: RadioOptionProps): "" | import("react/jsx-runtime").JSX.Element | undefined;
+export declare function RadioOption({ label: labelProp, description, disabled, ...radioProps }: RadioOptionProps): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/RadioOption/RadioOption.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { ListItem } from '../ListItem';
 import { Radio } from '../Radio';
-import { ToggleOption } from '../ToggleOption';
 /**
  * A control that allows users to choose one or more items from a list or turn an feature on or off.
  *
@@ -10,8 +10,7 @@ import { ToggleOption } from '../ToggleOption';
  * @phase Utility
  */
 export function RadioOption({ label: labelProp, description, disabled, ...radioProps }) {
-    const label = labelProp || description;
     const ariaLabel = description ? `${labelProp} - ${description}` : labelProp;
-    return (label && (_jsx(ToggleOption, { "data-bspk": "radio-option", description: description, disabled: disabled, label: label, children: _jsx(Radio, { ...radioProps, "aria-label": ariaLabel, disabled: disabled }) })));
+    return (_jsx(ListItem, { "aria-disabled": disabled || undefined, as: "label", label: labelProp, leading: _jsx(Radio, { ...radioProps, "aria-label": ariaLabel, disabled: disabled }), owner: "radio-option", subText: description, width: "hug" }));
 }
 //# sourceMappingURL=RadioOption.js.map

package/dist/components/RadioOption/RadioOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioOption.js","sourceRoot":"","sources":["../../../src/components/RadioOption/RadioOption.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,YAAY,EAA4B,MAAM,2BAA2B,CAAC;AAInF;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAoB;IACpG,MAAM,KAAK,GAAG,SAAS,IAAI,WAAW,CAAC;IACvC,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS,MAAM,WAAW,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAC5E,OAAO,CACH,KAAK,IAAI,CACL,KAAC,YAAY,iBAAW,cAAc,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,YAC7F,KAAC,KAAK,OAAK,UAAU,gBAAc,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACzD,CAClB,CACJ,CAAC;AACN,CAAC"}
+{"version":3,"file":"RadioOption.js","sourceRoot":"","sources":["../../../src/components/RadioOption/RadioOption.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAc,KAAK,EAAE,MAAM,oBAAoB,CAAC;AASvD;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAoB;IACpG,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS,MAAM,WAAW,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAC5E,OAAO,CACH,KAAC,QAAQ,qBACU,QAAQ,IAAI,SAAS,EACpC,EAAE,EAAC,OAAO,EACV,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,KAAC,KAAK,OAAK,UAAU,gBAAc,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAC7E,KAAK,EAAC,cAAc,EACpB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,KAAK,GACb,CACL,CAAC;AACN,CAAC"}

package/dist/components/Scrim/Scrim.d.ts

@@ -15,6 +15,8 @@ export type ScrimProps = CommonProps<'owner'> & {
      * @required;
      */
     onClick: () => void;
+    /** If the scrim should be contained within a parent element, or fixed to the viewport. */
+    contained?: boolean;
 };
 /**
  * A temporary effect or overlay that can be applied to a user interface to make content less prominent or to draw
@@ -23,5 +25,5 @@ export type ScrimProps = CommonProps<'owner'> & {
  * @name Scrim
  * @phase Utility
  */
-export declare function Scrim({ visible, owner, ...props }: ScrimProps): import("react/jsx-runtime").JSX.Element;
+export declare function Scrim({ visible, owner, contained, ...props }: ScrimProps): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Scrim/Scrim.js

@@ -7,7 +7,7 @@ import './scrim.css.js';
  * @name Scrim
  * @phase Utility
  */
-export function Scrim({ visible = true, owner, ...props }) {
-    return (_jsx("div", { ...props, "aria-hidden": "true", "data-bspk": "scrim", "data-bspk-owner": owner || undefined, "data-hidden": !visible || undefined }));
+export function Scrim({ visible = true, owner, contained, ...props }) {
+    return (_jsx("div", { ...props, "aria-hidden": "true", "data-bspk": "scrim", "data-bspk-owner": owner || undefined, "data-contained": contained || undefined, "data-hidden": !visible || undefined }));
 }
 //# sourceMappingURL=Scrim.js.map

package/dist/components/Scrim/Scrim.js.map

@@ -1 +1 @@
-{"version":3,"file":"Scrim.js","sourceRoot":"","sources":["../../../src/components/Scrim/Scrim.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,CAAC;AAoBtB;;;;;;GAMG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAc;IACjE,OAAO,CACH,iBACQ,KAAK,iBACG,MAAM,eACR,OAAO,qBACA,KAAK,IAAI,SAAS,iBACtB,CAAC,OAAO,IAAI,SAAS,GACpC,CACL,CAAC;AACN,CAAC"}
+{"version":3,"file":"Scrim.js","sourceRoot":"","sources":["../../../src/components/Scrim/Scrim.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,CAAC;AAsBtB;;;;;;GAMG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc;IAC5E,OAAO,CACH,iBACQ,KAAK,iBACG,MAAM,eACR,OAAO,qBACA,KAAK,IAAI,SAAS,oBACnB,SAAS,IAAI,SAAS,iBACzB,CAAC,OAAO,IAAI,SAAS,GACpC,CACL,CAAC;AACN,CAAC"}

package/dist/components/Scrim/scrim.css

@@ -14,6 +14,9 @@
   animation-iteration-count: 1;
   animation-fill-mode: forwards;
 }
+[data-bspk=scrim][data-contained] {
+  position: absolute;
+}
 @keyframes fade-in {
   0% {
     opacity: 0;

package/dist/components/Scrim/scrim.css.js

@@ -17,6 +17,9 @@ style.appendChild(document.createTextNode(`[data-bspk=scrim] {
   animation-iteration-count: 1;
   animation-fill-mode: forwards;
 }
+[data-bspk=scrim][data-contained] {
+  position: absolute;
+}
 @keyframes fade-in {
   0% {
     opacity: 0;

package/dist/components/Switch/Switch.d.ts

@@ -1,7 +1,7 @@
 import './switch.scss';
 import { ChangeEvent } from 'react';
 import { CommonProps } from '-/types/common';
-export type SwitchProps = CommonProps<'aria-label' | 'disabled' | 'name'> & {
+export type SwitchProps = CommonProps<'aria-label' | 'disabled' | 'id' | 'name'> & {
     /**
      * Marks the control as checked.
      *

package/dist/components/SwitchOption/SwitchOption.d.ts

@@ -1,6 +1,19 @@
 import { SwitchProps } from '-/components/Switch';
-import { ToggleOptionControlProps } from '-/components/ToggleOption';
-export type SwitchOptionProps = ToggleOptionControlProps<SwitchProps>;
+import { CommonProps } from '-/types/common';
+export type SwitchOptionProps = CommonProps<'style'> & SwitchProps & {
+    /**
+     * The label of the option. Also used as the aria-label of the control.
+     *
+     * @required
+     */
+    label: string;
+    /**
+     * The description of the option.
+     *
+     * @type multiline
+     */
+    description?: string;
+};
 /**
  * A control that allows users to choose one or more items from a list or turn an feature on or off.
  *
@@ -9,5 +22,5 @@ export type SwitchOptionProps = ToggleOptionControlProps<SwitchProps>;
  * @name SwitchOption
  * @phase Stable
  */
-export declare function SwitchOption({ label: labelProp, description, ...checkboxProps }: SwitchOptionProps): "" | import("react/jsx-runtime").JSX.Element | undefined;
+export declare function SwitchOption({ label: labelProp, description, disabled, style, ...switchProps }: SwitchOptionProps): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/SwitchOption/SwitchOption.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { ListItem } from '../ListItem';
 import { Switch } from '../Switch';
-import { ToggleOption } from '../ToggleOption';
 /**
  * A control that allows users to choose one or more items from a list or turn an feature on or off.
  *
@@ -9,9 +9,8 @@ import { ToggleOption } from '../ToggleOption';
  * @name SwitchOption
  * @phase Stable
  */
-export function SwitchOption({ label: labelProp, description, ...checkboxProps }) {
-    const label = labelProp || description;
+export function SwitchOption({ label: labelProp, description, disabled, style, ...switchProps }) {
     const ariaLabel = description ? `${labelProp} - ${description}` : labelProp;
-    return (label && (_jsx(ToggleOption, { "data-bspk-owner": "switch-option", description: description, label: label, children: _jsx(Switch, { ...checkboxProps, "aria-label": ariaLabel }) })));
+    return (_jsx(ListItem, { "aria-disabled": disabled || undefined, as: "label", label: labelProp, leading: _jsx(Switch, { ...switchProps, "aria-label": ariaLabel, disabled: disabled }), owner: "switch-option", style: style, subText: description, width: "hug" }));
 }
 //# sourceMappingURL=SwitchOption.js.map

package/dist/components/SwitchOption/SwitchOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchOption.js","sourceRoot":"","sources":["../../../src/components/SwitchOption/SwitchOption.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAA4B,MAAM,2BAA2B,CAAC;AAInF;;;;;;;GAOG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,aAAa,EAAqB;IAC/F,MAAM,KAAK,GAAG,SAAS,IAAI,WAAW,CAAC;IACvC,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS,MAAM,WAAW,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAE5E,OAAO,CACH,KAAK,IAAI,CACL,KAAC,YAAY,uBAAiB,eAAe,EAAC,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,YAChF,KAAC,MAAM,OAAK,aAAa,gBAAc,SAAS,GAAI,GACzC,CAClB,CACJ,CAAC;AACN,CAAC"}
+{"version":3,"file":"SwitchOption.js","sourceRoot":"","sources":["../../../src/components/SwitchOption/SwitchOption.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAe,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAmB1D;;;;;;;GAOG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,WAAW,EAAqB;IAC9G,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS,MAAM,WAAW,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAE5E,OAAO,CACH,KAAC,QAAQ,qBACU,QAAQ,IAAI,SAAS,EACpC,EAAE,EAAC,OAAO,EACV,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,KAAC,MAAM,OAAK,WAAW,gBAAc,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAC/E,KAAK,EAAC,eAAe,EACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,KAAK,GACb,CACL,CAAC;AACN,CAAC"}

package/dist/components/Tag/Tag.d.ts

@@ -1,4 +1,5 @@
 import './tag.scss';
+import { ElementProps } from '-/types/common';
 import { ColorVariant } from '-/utils/colorVariants';
 export type TagProps = {
     /**
@@ -37,5 +38,5 @@ export type TagProps = {
  * @name Tag
  * @phase Stable
  */
-export declare function Tag({ label, color, size, variant }: TagProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tag({ label, color, size, variant, ...props }: ElementProps<TagProps, 'span'>): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Tag/Tag.js

@@ -12,7 +12,7 @@ import { Truncated } from '../Truncated';
  * @name Tag
  * @phase Stable
  */
-export function Tag({ label, color = 'white', size = 'small', variant = 'flat' }) {
-    return (_jsxs("span", { "data-bspk": "tag", "data-color": color, "data-size": size, "data-variant": variant, children: [label && _jsx(Truncated, { children: label }), variant === 'corner-wrap' && _jsx("div", { "data-triangle": true })] }));
+export function Tag({ label, color = 'grey', size = 'small', variant = 'flat', ...props }) {
+    return (_jsxs("span", { ...props, "data-bspk": "tag", "data-color": color, "data-size": size, "data-variant": variant, children: [label && _jsx(Truncated, { children: label }), variant === 'corner-wrap' && _jsx("div", { "data-triangle": true })] }));
 }
 //# sourceMappingURL=Tag.js.map

package/dist/components/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,CAAC;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AA8BnD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,OAAO,EAAE,IAAI,GAAG,OAAO,EAAE,OAAO,GAAG,MAAM,EAAY;IACtF,OAAO,CACH,6BAAgB,KAAK,gBAAa,KAAK,eAAa,IAAI,kBAAgB,OAAO,aAC1E,KAAK,IAAI,KAAC,SAAS,cAAE,KAAK,GAAa,EACvC,OAAO,KAAK,aAAa,IAAI,sCAAqB,IAChD,CACV,CAAC;AACN,CAAC"}
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,CAAC;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AA+BnD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,GAAG,CAAC,EAChB,KAAK,EACL,KAAK,GAAG,MAAM,EACd,IAAI,GAAG,OAAO,EACd,OAAO,GAAG,MAAM,EAChB,GAAG,KAAK,EACqB;IAC7B,OAAO,CACH,mBAAU,KAAK,eAAY,KAAK,gBAAa,KAAK,eAAa,IAAI,kBAAgB,OAAO,aACrF,KAAK,IAAI,KAAC,SAAS,cAAE,KAAK,GAAa,EACvC,OAAO,KAAK,aAAa,IAAI,sCAAqB,IAChD,CACV,CAAC;AACN,CAAC"}

package/dist/styles/base.css

@@ -354,48 +354,6 @@ body[data-bspk] [data-bspk=link][data-subtle-inverse][disabled] {
   z-index: 2;
 }
 
-@keyframes fade-in {
-  0% {
-    opacity: 0;
-    transform: translate(var(--spacing-sizing-01), var(--spacing-sizing-01));
-  }
-  100% {
-    opacity: 1;
-    transform: translate(0, 0);
-  }
-}
-@keyframes placement-left {
-  0% {
-    transform: translateX(-100vw);
-  }
-  100% {
-    transform: translateX(0);
-  }
-}
-@keyframes placement-right {
-  0% {
-    transform: translateX(100vw);
-  }
-  100% {
-    transform: translateX(0);
-  }
-}
-@keyframes placement-top {
-  0% {
-    transform: translateY(-100vh);
-  }
-  100% {
-    transform: translateY(0);
-  }
-}
-@keyframes placement-bottom {
-  0% {
-    transform: translateY(100vh);
-  }
-  100% {
-    transform: translateY(0);
-  }
-}
 [data-hidden] {
   display: none !important;
 }

package/dist/styles/base.css.js

@@ -357,48 +357,6 @@ body[data-bspk] [data-bspk=link][data-subtle-inverse][disabled] {
   z-index: 2;
 }
 
-@keyframes fade-in {
-  0% {
-    opacity: 0;
-    transform: translate(var(--spacing-sizing-01), var(--spacing-sizing-01));
-  }
-  100% {
-    opacity: 1;
-    transform: translate(0, 0);
-  }
-}
-@keyframes placement-left {
-  0% {
-    transform: translateX(-100vw);
-  }
-  100% {
-    transform: translateX(0);
-  }
-}
-@keyframes placement-right {
-  0% {
-    transform: translateX(100vw);
-  }
-  100% {
-    transform: translateX(0);
-  }
-}
-@keyframes placement-top {
-  0% {
-    transform: translateY(-100vh);
-  }
-  100% {
-    transform: translateY(0);
-  }
-}
-@keyframes placement-bottom {
-  0% {
-    transform: translateY(100vh);
-  }
-  100% {
-    transform: translateY(0);
-  }
-}
 [data-hidden] {
   display: none !important;
 }

package/dist/types/meta.d.ts

@@ -34,6 +34,11 @@ export type TypeProperty = {
     example?: string;
     arrayType?: string;
 };
+export type BlockConfig = {
+    name: string;
+    component: string;
+    pattern: string;
+};
 export type ComponentMeta = BaseMeta & {
     slug: string;
     dependencies: string[];
@@ -45,6 +50,7 @@ export type ComponentMeta = BaseMeta & {
     };
     phase: ComponentPhase;
     generated?: boolean;
+    blockConfigs?: BlockConfig[];
 };
 export type UtilityMeta = BaseMeta & {
     param?: string;

package/dist/types/meta.js.map

@@ -1 +1 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../src/types/meta.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAOzB;IACA,OAAO,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,EAAE,EAAE,SAAS;QACb,WAAW,EACP,4IAA4I;KACnJ;IACD,GAAG,EAAE;QACD,KAAK,EAAE,aAAa;QACpB,EAAE,EAAE,KAAK;QACT,WAAW,EACP,+JAA+J;KACtK;IACD,QAAQ,EAAE;QACN,KAAK,EAAE,WAAW;QAClB,EAAE,EAAE,UAAU;QACd,WAAW,EACP,+LAA+L;KACtM;IACD,MAAM,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,EAAE,EAAE,QAAQ;QACZ,WAAW,EACP,sJAAsJ;KAC7J;IACD,OAAO,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,EAAE,EAAE,SAAS;QACb,WAAW,EAAE,mEAAmE;KACnF;CACJ,CAAC;AAoDF,sDAAsD"}
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../src/types/meta.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAOzB;IACA,OAAO,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,EAAE,EAAE,SAAS;QACb,WAAW,EACP,4IAA4I;KACnJ;IACD,GAAG,EAAE;QACD,KAAK,EAAE,aAAa;QACpB,EAAE,EAAE,KAAK;QACT,WAAW,EACP,+JAA+J;KACtK;IACD,QAAQ,EAAE;QACN,KAAK,EAAE,WAAW;QAClB,EAAE,EAAE,UAAU;QACd,WAAW,EACP,+LAA+L;KACtM;IACD,MAAM,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,EAAE,EAAE,QAAQ;QACZ,WAAW,EACP,sJAAsJ;KAC7J;IACD,OAAO,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,EAAE,EAAE,SAAS;QACb,WAAW,EAAE,mEAAmE;KACnF;CACJ,CAAC;AA2DF,sDAAsD"}

package/dist/utils/blocks.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+import { ExamplePlaceholder } from '-/components/ExamplePlaceholder';
+export declare const Slot: typeof ExamplePlaceholder;
+declare function BlockExample(props: {
+    name: string;
+    children: ReactNode;
+}): {
+    type: string;
+    props: {};
+    key: string;
+    name: string;
+    children: ReactNode;
+};
+declare namespace BlockExample {
+    var Pattern: (props: {
+        children: ReactNode;
+    }) => {
+        type: string;
+        props: {};
+        key: string;
+        children: ReactNode;
+    };
+    var Component: (props: {
+        children: ReactNode;
+    }) => {
+        type: string;
+        props: {};
+        key: string;
+        children: ReactNode;
+    };
+}
+export { BlockExample };

package/dist/utils/blocks.js

@@ -0,0 +1,21 @@
+import { ExamplePlaceholder } from '../components/ExamplePlaceholder';
+export const Slot = ExamplePlaceholder;
+function BlockExample(props) {
+    return {
+        ...props,
+        type: '',
+        props: {},
+        key: '',
+    };
+}
+BlockExample.Pattern = (props) => {
+    return {
+        ...props,
+        type: '',
+        props: {},
+        key: '',
+    };
+};
+BlockExample.Component = BlockExample.Pattern;
+export { BlockExample };
+//# sourceMappingURL=blocks.js.map