@bspk/ui 1.2.0 → 1.3.1

package/dist/components/Popover/popover.css.js

@@ -24,18 +24,9 @@ style.appendChild(document.createTextNode(`[data-bspk=popover] {
   margin-bottom: var(--spacing-sizing-02);
   gap: var(--spacing-sizing-04);
 }
-[data-bspk=popover] header button {
-  background: none;
-  border: none;
-  cursor: pointer;
-  padding: 0;
-  color: var(--foreground-neutral-on-surface-variant-01);
-  height: var(--spacing-sizing-06);
-  width: var(--spacing-sizing-06);
-}
-[data-bspk=popover] header button svg {
-  width: var(--spacing-sizing-06);
-  height: var(--spacing-sizing-06);
+[data-bspk=popover] header [data-bspk=button][data-close] {
+  margin-right: calc(var(--spacing-sizing-02) * -1);
+  margin-top: calc(var(--spacing-sizing-02) * -1);
 }
 [data-bspk=popover] [data-arrow] {
   z-index: 1;

package/dist/components/ProgressBar/ProgressBar.js

@@ -1,7 +1,7 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import './progress-bar.css.js';
 import { useId } from '../../hooks/useId';
 import { cssWithVars } from '../../utils/cwv';
-import './progress-bar.css.js';
 /**
  * A progress bar is a horizontal visual indicator that let’s the user know the progression of a task or operation
  * occurring in the background.

package/dist/components/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,qBAAqB,CAAC;AA8C7B;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,WAAW,CAAC,EACxB,IAAI,GAAG,OAAO,EACd,UAAU,EAAE,cAAc,GAAG,CAAC,EAC9B,KAAK,GAAG,QAAQ,EAChB,KAAK,EACL,YAAY,GAAG,KAAK,EACpB,aAAa,GAAG,KAAK,GACN;IACf,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,yCAAyC;IAEpH,IAAI,aAAa,IAAI,UAAU,KAAK,GAAG;QAAE,OAAO,IAAI,CAAC;IAErD,OAAO,CACH,6BACgB,KAAK,eACP,cAAc,eACb,IAAI,kBACD,YAAY,IAAI,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,aAEtE,iCACe,UAAU,GAAG,GAAG,gBAChB,sCAAsC,mBAClC,GAAG,mBACH,CAAC,mBACD,UAAU,EACzB,EAAE,EAAE,EAAE,EACN,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,UAAU,aAEhB,UAAU,SACJ,EACX,qDAA0B,KAAK,EAAE,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,UAAU,GAAG,EAAE,CAAC,GAAI,EACjF,gBAAO,OAAO,EAAE,EAAE,YAAG,KAAK,GAAS,IACjC,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AA8C1C;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,WAAW,CAAC,EACxB,IAAI,GAAG,OAAO,EACd,UAAU,EAAE,cAAc,GAAG,CAAC,EAC9B,KAAK,GAAG,QAAQ,EAChB,KAAK,EACL,YAAY,GAAG,KAAK,EACpB,aAAa,GAAG,KAAK,GACN;IACf,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,yCAAyC;IAEpH,IAAI,aAAa,IAAI,UAAU,KAAK,GAAG;QAAE,OAAO,IAAI,CAAC;IAErD,OAAO,CACH,6BACgB,KAAK,eACP,cAAc,eACb,IAAI,kBACD,YAAY,IAAI,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,aAEtE,iCACe,UAAU,GAAG,GAAG,gBAChB,sCAAsC,mBAClC,GAAG,mBACH,CAAC,mBACD,UAAU,EACzB,EAAE,EAAE,EAAE,EACN,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,UAAU,aAEhB,UAAU,SACJ,EACX,qDAA0B,KAAK,EAAE,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,UAAU,GAAG,EAAE,CAAC,GAAI,EACjF,gBAAO,OAAO,EAAE,EAAE,YAAG,KAAK,GAAS,IACjC,CACT,CAAC;AACN,CAAC"}

package/dist/components/ProgressCircle/ProgressCircle.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './progress-circle.css.js';
 import { ProgressCircleSVG } from './ProgressCircleSVG';
 import { Txt } from '../Txt';
 import { useId } from '../../hooks/useId';
-import './progress-circle.css.js';
 /**
  * Rotating circle or pill that indicates the status or state of completion for a process that’s part of a user flow.
  *

package/dist/components/ProgressCircle/ProgressCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressCircle.js","sourceRoot":"","sources":["../../../src/components/ProgressCircle/ProgressCircle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGtC,OAAO,wBAAwB,CAAC;AAmBhC;;;;;;;;;;;;GAYG;AACH,SAAS,cAAc,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,GAAG,QAAQ,EAAuB;IAClF,IAAI,OAAO,GAAe,aAAa,CAAC;IAExC,IAAI,IAAI,KAAK,OAAO;QAAE,OAAO,GAAG,cAAc,CAAC;SAC1C,IAAI,IAAI,KAAK,OAAO;QAAE,OAAO,GAAG,cAAc,CAAC;IAEpD,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IAExB,OAAO,CACH,kCACqB,OAAO,eACd,iBAAiB,yBACN,aAAa,eACvB,IAAI,EACf,IAAI,EAAC,aAAa,aAElB,KAAC,cAAc,CAAC,GAAG,KAAG,EACtB,KAAC,GAAG,IAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,YAC7B,KAAK,IAAI,aAAa,GACrB,IACJ,CACT,CAAC;AACN,CAAC;AAED,cAAc,CAAC,GAAG,GAAG,iBAAiB,CAAC;AAEvC,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"ProgressCircle.js","sourceRoot":"","sources":["../../../src/components/ProgressCircle/ProgressCircle.tsx"],"names":[],"mappings":";AAAA,OAAO,wBAAwB,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAoBtC;;;;;;;;;;;;GAYG;AACH,SAAS,cAAc,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,GAAG,QAAQ,EAAuB;IAClF,IAAI,OAAO,GAAe,aAAa,CAAC;IAExC,IAAI,IAAI,KAAK,OAAO;QAAE,OAAO,GAAG,cAAc,CAAC;SAC1C,IAAI,IAAI,KAAK,OAAO;QAAE,OAAO,GAAG,cAAc,CAAC;IAEpD,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IAExB,OAAO,CACH,kCACqB,OAAO,eACd,iBAAiB,yBACN,aAAa,eACvB,IAAI,EACf,IAAI,EAAC,aAAa,aAElB,KAAC,cAAc,CAAC,GAAG,KAAG,EACtB,KAAC,GAAG,IAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,YAC7B,KAAK,IAAI,aAAa,GACrB,IACJ,CACT,CAAC;AACN,CAAC;AAED,cAAc,CAAC,GAAG,GAAG,iBAAiB,CAAC;AAEvC,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ProgressionStepper/ProgressionStepper.d.ts

@@ -1,5 +1,5 @@
-import { ElementProps } from '-/types/common';
 import './progression-stepper.scss';
+import { ElementProps } from '-/types/common';
 /** A progress stepper item is a single step in the progress bar. */
 export type ProgressionStepperItem = {
     /**

package/dist/components/ProgressionStepper/ProgressionStepper.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { SvgCheck } from '@bspk/icons/Check';
 import './progression-stepper.css.js';
+import { SvgCheck } from '@bspk/icons/Check';
 /**
  * A progress stepper is a horizontal visual indicator that let’s the user know the progression of the current process.
  *
@@ -16,7 +16,7 @@ import './progression-stepper.css.js';
  */
 export function ProgressionStepper({ steps = [], currentStep: currentStepProp = 0, variant = 'horizontal', ...containerProps }) {
     const currentStep = Math.max(0, Math.min(currentStepProp, steps.length + 1));
-    return !steps?.length ? null : (_jsxs("div", { ...containerProps, "data-bspk": "progression-stepper", "data-variant": variant, children: [variant === 'widget' && (_jsxs("label", { children: [_jsx("span", { "data-title": true, children: steps[Math.max(0, Math.min(currentStep - 1, steps.length - 1))].name }), _jsx("span", { "data-subtitle": true, children: currentStep >= steps.length ? ('Completed') : (_jsxs(_Fragment, { children: ["Step ", currentStep, " of ", steps.length] })) })] })), _jsx("ol", { children: steps.map(({ name, subtext }, index) => {
+    return !steps?.length ? null : (_jsxs("div", { ...containerProps, "data-bspk": "progression-stepper", "data-variant": variant, children: [variant === 'widget' && (_jsxs("label", { children: [_jsx("span", { "data-title": true, children: steps[Math.max(0, Math.min(currentStep - 1, steps.length - 1))].name }), _jsx("span", { "data-subtitle": true, children: currentStep > steps.length ? ('Completed') : (_jsxs(_Fragment, { children: ["Step ", currentStep, " of ", steps.length] })) })] })), _jsx("ol", { children: steps.map(({ name, subtext }, index) => {
                     const stepNum = index + 1;
                     let status = 'incomplete';
                     if (currentStep > stepNum)

package/dist/components/ProgressionStepper/ProgressionStepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressionStepper.js","sourceRoot":"","sources":["../../../src/components/ProgressionStepper/ProgressionStepper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI7C,OAAO,4BAA4B,CAAC;AAyDpC;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAC/B,KAAK,GAAG,EAAE,EACV,WAAW,EAAE,eAAe,GAAG,CAAC,EAChC,OAAO,GAAG,YAAY,EACtB,GAAG,cAAc,EAC0B;IAC3C,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;IAC7E,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC3B,kBAAS,cAAc,eAAY,qBAAqB,kBAAe,OAAO,aACzE,OAAO,KAAK,QAAQ,IAAI,CACrB,4BACI,6CAAkB,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAQ,EAC9F,gDACK,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAC3B,WAAW,CACd,CAAC,CAAC,CAAC,CACA,uCACU,WAAW,UAAM,KAAK,CAAC,MAAM,IACpC,CACN,GACE,IACH,CACX,EACD,uBACK,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE;oBACpC,MAAM,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC;oBAC1B,IAAI,MAAM,GAA0C,YAAY,CAAC;oBACjE,IAAI,WAAW,GAAG,OAAO;wBAAE,MAAM,GAAG,UAAU,CAAC;yBAC1C,IAAI,WAAW,KAAK,OAAO;wBAAE,MAAM,GAAG,SAAS,CAAC;oBAErD,OAAO,CACH,8BACkB,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,iBAC1C,MAAM,eACR,OAAO,aAGlB,qDACI,4BAAgB,QAAQ,GAAG,EAC3B,8CACK,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CACrB,KAAC,QAAQ,mBAAc,IAAI,GAAI,CAClC,CAAC,CAAC,CAAC,CACA,CAAC,OAAO,KAAK,QAAQ,IAAI,MAAM,KAAK,SAAS,CAAC,IAAI,yBAAO,OAAO,GAAQ,CAC3E,GACE,EACP,4BAAgB,OAAO,GAAG,IACvB,EACN,OAAO,KAAK,QAAQ,IAAI,CACrB,iDACI,4CAAiB,IAAI,GAAQ,EAC5B,OAAO,IAAI,+CAAoB,OAAO,GAAQ,IAC5C,CACV,KAlBI,QAAQ,KAAK,EAAE,CAmBnB,CACR,CAAC;gBACN,CAAC,CAAC,GACD,IACH,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ProgressionStepper.js","sourceRoot":"","sources":["../../../src/components/ProgressionStepper/ProgressionStepper.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AA0D7C;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAC/B,KAAK,GAAG,EAAE,EACV,WAAW,EAAE,eAAe,GAAG,CAAC,EAChC,OAAO,GAAG,YAAY,EACtB,GAAG,cAAc,EAC0B;IAC3C,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;IAC7E,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC3B,kBAAS,cAAc,eAAY,qBAAqB,kBAAe,OAAO,aACzE,OAAO,KAAK,QAAQ,IAAI,CACrB,4BACI,6CAAkB,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAQ,EAC9F,gDACK,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAC1B,WAAW,CACd,CAAC,CAAC,CAAC,CACA,uCACU,WAAW,UAAM,KAAK,CAAC,MAAM,IACpC,CACN,GACE,IACH,CACX,EACD,uBACK,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE;oBACpC,MAAM,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC;oBAC1B,IAAI,MAAM,GAA0C,YAAY,CAAC;oBACjE,IAAI,WAAW,GAAG,OAAO;wBAAE,MAAM,GAAG,UAAU,CAAC;yBAC1C,IAAI,WAAW,KAAK,OAAO;wBAAE,MAAM,GAAG,SAAS,CAAC;oBAErD,OAAO,CACH,8BACkB,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,iBAC1C,MAAM,eACR,OAAO,aAGlB,qDACI,4BAAgB,QAAQ,GAAG,EAC3B,8CACK,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CACrB,KAAC,QAAQ,mBAAc,IAAI,GAAI,CAClC,CAAC,CAAC,CAAC,CACA,CAAC,OAAO,KAAK,QAAQ,IAAI,MAAM,KAAK,SAAS,CAAC,IAAI,yBAAO,OAAO,GAAQ,CAC3E,GACE,EACP,4BAAgB,OAAO,GAAG,IACvB,EACN,OAAO,KAAK,QAAQ,IAAI,CACrB,iDACI,4CAAiB,IAAI,GAAQ,EAC5B,OAAO,IAAI,+CAAoB,OAAO,GAAQ,IAC5C,CACV,KAlBI,QAAQ,KAAK,EAAE,CAmBnB,CACR,CAAC;gBACN,CAAC,CAAC,GACD,IACH,CACT,CAAC;AACN,CAAC"}

package/dist/components/ProgressionStepper/ProgressionStepperExample.d.ts

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

package/dist/components/ProgressionStepper/ProgressionStepperExample.js

@@ -1,51 +1,52 @@
-export const ProgressionStepperExample = {
-    containerStyle: { width: '100%' },
-    presets: [
-        {
-            label: 'Horizontal',
-            propState: {
-                variant: 'horizontal',
-                currentStep: 2,
-                steps: [{ name: 'Name of step 1' }, { name: 'Name of step 2' }, { name: 'Name of step 3' }],
-            },
+export const presets = [
+    {
+        label: 'Horizontal',
+        propState: {
+            variant: 'horizontal',
+            currentStep: 2,
+            steps: [{ name: 'Name of step 1' }, { name: 'Name of step 2' }, { name: 'Name of step 3' }],
         },
-        {
-            label: 'Vertical',
-            propState: {
-                variant: 'vertical',
-                currentStep: 2,
-                steps: [
-                    {
-                        name: 'Name of step 1',
-                        subtext: `Subtext of step 1`,
-                    },
-                    {
-                        name: 'Name of step 2',
-                        subtext: `Subtext of step 2`,
-                    },
-                    {
-                        name: 'Name of step 3',
-                        subtext: `Subtext of step 3`,
-                    },
-                ],
-            },
+    },
+    {
+        label: 'Vertical',
+        propState: {
+            variant: 'vertical',
+            currentStep: 2,
+            steps: [
+                {
+                    name: 'Name of step 1',
+                    subtext: `Subtext of step 1`,
+                },
+                {
+                    name: 'Name of step 2',
+                    subtext: `Subtext of step 2`,
+                },
+                {
+                    name: 'Name of step 3',
+                    subtext: `Subtext of step 3`,
+                },
+            ],
         },
-        {
-            label: 'Widget',
-            propState: {
-                variant: 'widget',
-                currentStep: 3,
-                steps: [
-                    { name: 'Name of step 1' },
-                    { name: 'Name of step 2' },
-                    { name: 'Name of step 3' },
-                    { name: 'Name of step 4' },
-                    { name: 'Name of step 5' },
-                    { name: 'Name of step 6' },
-                    { name: 'Name of step 7' },
-                ],
-            },
+    },
+    {
+        label: 'Widget',
+        propState: {
+            variant: 'widget',
+            currentStep: 3,
+            steps: [
+                { name: 'Name of step 1' },
+                { name: 'Name of step 2' },
+                { name: 'Name of step 3' },
+                { name: 'Name of step 4' },
+                { name: 'Name of step 5' },
+                { name: 'Name of step 6' },
+                { name: 'Name of step 7' },
+            ],
         },
-    ],
+    },
+];
+export const ProgressionStepperExample = {
+    containerStyle: { width: '100%' },
+    presets,
 };
 //# sourceMappingURL=ProgressionStepperExample.js.map

package/dist/components/ProgressionStepper/ProgressionStepperExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressionStepperExample.js","sourceRoot":"","sources":["../../../src/components/ProgressionStepper/ProgressionStepperExample.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,yBAAyB,GAA8C;IAChF,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;IACjC,OAAO,EAAE;QACL;YACI,KAAK,EAAE,YAAY;YACnB,SAAS,EAAE;gBACP,OAAO,EAAE,YAAY;gBACrB,WAAW,EAAE,CAAC;gBACd,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;aAC9F;SACJ;QACD;YACI,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE;gBACP,OAAO,EAAE,UAAU;gBACnB,WAAW,EAAE,CAAC;gBACd,KAAK,EAAE;oBACH;wBACI,IAAI,EAAE,gBAAgB;wBACtB,OAAO,EAAE,mBAAmB;qBAC/B;oBACD;wBACI,IAAI,EAAE,gBAAgB;wBACtB,OAAO,EAAE,mBAAmB;qBAC/B;oBACD;wBACI,IAAI,EAAE,gBAAgB;wBACtB,OAAO,EAAE,mBAAmB;qBAC/B;iBACJ;aACJ;SACJ;QACD;YACI,KAAK,EAAE,QAAQ;YACf,SAAS,EAAE;gBACP,OAAO,EAAE,QAAQ;gBACjB,WAAW,EAAE,CAAC;gBACd,KAAK,EAAE;oBACH,EAAE,IAAI,EAAE,gBAAgB,EAAE;oBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;oBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;oBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;oBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;oBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;oBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;iBAC7B;aACJ;SACJ;KACJ;CACJ,CAAC"}
+{"version":3,"file":"ProgressionStepperExample.js","sourceRoot":"","sources":["../../../src/components/ProgressionStepper/ProgressionStepperExample.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,OAAO,GAAsC;IACtD;QACI,KAAK,EAAE,YAAY;QACnB,SAAS,EAAE;YACP,OAAO,EAAE,YAAY;YACrB,WAAW,EAAE,CAAC;YACd,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;SAC9F;KACJ;IACD;QACI,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE;YACP,OAAO,EAAE,UAAU;YACnB,WAAW,EAAE,CAAC;YACd,KAAK,EAAE;gBACH;oBACI,IAAI,EAAE,gBAAgB;oBACtB,OAAO,EAAE,mBAAmB;iBAC/B;gBACD;oBACI,IAAI,EAAE,gBAAgB;oBACtB,OAAO,EAAE,mBAAmB;iBAC/B;gBACD;oBACI,IAAI,EAAE,gBAAgB;oBACtB,OAAO,EAAE,mBAAmB;iBAC/B;aACJ;SACJ;KACJ;IACD;QACI,KAAK,EAAE,QAAQ;QACf,SAAS,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,CAAC;YACd,KAAK,EAAE;gBACH,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;aAC7B;SACJ;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAA8C;IAChF,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;IACjC,OAAO;CACV,CAAC"}

package/dist/components/ProgressionStepper/progression-stepper.css

@@ -129,8 +129,20 @@
   align-items: center;
   min-height: var(--spacing-sizing-09);
 }
-[data-bspk=progression-stepper][data-variant=widget] ol li [data-line-circle] [data-line] {
-  width: 10px;
+[data-bspk=progression-stepper][data-variant=widget] ol li {
+  flex-grow: 1;
+}
+[data-bspk=progression-stepper][data-variant=widget] ol li [data-line-circle] [data-line=after] {
+  flex-grow: 1;
+}
+[data-bspk=progression-stepper][data-variant=widget] ol li [data-line-circle] [data-line=before] {
+  display: none;
+}
+[data-bspk=progression-stepper][data-variant=widget] ol li:last-of-type {
+  flex-grow: 0;
+}
+[data-bspk=progression-stepper][data-variant=widget] ol li:last-of-type [data-line=after] {
+  display: none;
 }
 [data-bspk=progression-stepper][data-variant=widget] ol li[data-status=current] {
   --circle-width: var(--spacing-sizing-09);

package/dist/components/ProgressionStepper/progression-stepper.css.js

@@ -132,8 +132,20 @@ style.appendChild(document.createTextNode(`[data-bspk=progression-stepper] {
   align-items: center;
   min-height: var(--spacing-sizing-09);
 }
-[data-bspk=progression-stepper][data-variant=widget] ol li [data-line-circle] [data-line] {
-  width: 10px;
+[data-bspk=progression-stepper][data-variant=widget] ol li {
+  flex-grow: 1;
+}
+[data-bspk=progression-stepper][data-variant=widget] ol li [data-line-circle] [data-line=after] {
+  flex-grow: 1;
+}
+[data-bspk=progression-stepper][data-variant=widget] ol li [data-line-circle] [data-line=before] {
+  display: none;
+}
+[data-bspk=progression-stepper][data-variant=widget] ol li:last-of-type {
+  flex-grow: 0;
+}
+[data-bspk=progression-stepper][data-variant=widget] ol li:last-of-type [data-line=after] {
+  display: none;
 }
 [data-bspk=progression-stepper][data-variant=widget] ol li[data-status=current] {
   --circle-width: var(--spacing-sizing-09);

package/dist/components/ProgressionStepperBar/ProgressionStepperBar.d.ts

@@ -34,5 +34,5 @@ export type ProgressionStepperBarProps = {
  * @name ProgressionStepperBar
  * @phase UXReview
  */
-export declare function ProgressionStepperBar({ stepCount, stepCompleted: stepCompletedProp, size, }: ProgressionStepperBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProgressionStepperBar({ stepCount, stepCompleted: stepCompletedProp, size, ...containerProps }: ProgressionStepperBarProps): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/ProgressionStepperBar/ProgressionStepperBar.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cssWithVars } from '../../utils/cwv';
 import './progression-stepper-bar.css.js';
+import { cssWithVars } from '../../utils/cwv';
 /**
  * Component description coming soon.
  *
  * @name ProgressionStepperBar
  * @phase UXReview
  */
-export function ProgressionStepperBar({ stepCount, stepCompleted: stepCompletedProp = 0, size = 'large', }) {
+export function ProgressionStepperBar({ stepCount, stepCompleted: stepCompletedProp = 0, size = 'large', ...containerProps }) {
     const stepCompleted = Math.min(stepCompletedProp, stepCount);
-    return (_jsxs("div", { "data-bspk": "progression-stepper-bar", "data-size": size, style: cssWithVars({ '--steps': stepCount }), children: [_jsx("div", { "data-steps": true, children: Array.from({ length: stepCount }, (_, i) => (_jsx("div", { "data-complete": i < stepCompleted || undefined, "data-step": i }, i))) }), _jsxs("span", { "data-label": true, children: [stepCompleted, " of ", stepCount, " steps completed."] })] }));
+    return (_jsxs("div", { "data-bspk": "progression-stepper-bar", "data-size": size, style: cssWithVars({ '--steps': stepCount }), ...containerProps, children: [_jsx("div", { "data-steps": true, children: Array.from({ length: stepCount }, (_, i) => (_jsx("div", { "data-complete": i < stepCompleted || undefined, "data-step": i }, i))) }), _jsxs("span", { "data-label": true, children: [String(stepCompleted), " of ", String(stepCount), " steps completed."] })] }));
 }
 //# sourceMappingURL=ProgressionStepperBar.js.map

package/dist/components/ProgressionStepperBar/ProgressionStepperBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressionStepperBar.js","sourceRoot":"","sources":["../../../src/components/ProgressionStepperBar/ProgressionStepperBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,gCAAgC,CAAC;AAgCxC;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CAAC,EAClC,SAAS,EACT,aAAa,EAAE,iBAAiB,GAAG,CAAC,EACpC,IAAI,GAAG,OAAO,GACW;IACzB,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAE7D,OAAO,CACH,4BAAe,yBAAyB,eAAY,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,aAClG,4CACK,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACzC,+BAAoB,CAAC,GAAG,aAAa,IAAI,SAAS,eAAa,CAAC,IAAO,CAAC,CAAI,CAC/E,CAAC,GACA,EACN,+CACK,aAAa,UAAM,SAAS,yBAC1B,IACL,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ProgressionStepperBar.js","sourceRoot":"","sources":["../../../src/components/ProgressionStepperBar/ProgressionStepperBar.tsx"],"names":[],"mappings":";AAAA,OAAO,gCAAgC,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAgC1C;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CAAC,EAClC,SAAS,EACT,aAAa,EAAE,iBAAiB,GAAG,CAAC,EACpC,IAAI,GAAG,OAAO,EACd,GAAG,cAAc,EACQ;IACzB,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAE7D,OAAO,CACH,4BACc,yBAAyB,eACxB,IAAI,EACf,KAAK,EAAE,WAAW,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,KACxC,cAAc,aAElB,4CACK,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACzC,+BAAoB,CAAC,GAAG,aAAa,IAAI,SAAS,eAAa,CAAC,IAAO,CAAC,CAAI,CAC/E,CAAC,GACA,EACN,+CACK,MAAM,CAAC,aAAa,CAAC,UAAM,MAAM,CAAC,SAAS,CAAC,yBAC1C,IACL,CACT,CAAC;AACN,CAAC"}

package/dist/components/Radio/Radio.d.ts

@@ -1,6 +1,6 @@
+import './radio.scss';
 import { ChangeEvent } from 'react';
 import { ElementProps, CommonProps } from '-/types/common';
-import './radio.scss';
 export type RadioProps = CommonProps<'aria-label' | 'disabled' | 'invalid' | 'name'> & Required<CommonProps<'value'>> & {
     /**
      * Marks the radio as checked.

package/dist/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AAIA,OAAO,cAAc,CAAC;AAkBtB;;;;;;;;GAQG;AACH,MAAM,UAAU,KAAK,CAAC,KAAwC;IAC1D,MAAM,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE9E,OAAO,CACH,6BAAgB,OAAO,aACnB,mBACQ,UAAU,EACd,OAAO,EAAE,CAAC,CAAC,OAAO,kBACJ,OAAO,IAAI,SAAS,EAClC,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,EAC5D,IAAI,EAAC,OAAO,GACd,EACF,qCAAoB,IACjB,CACV,CAAC;AACN,CAAC"}
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,CAAC;AAoBtB;;;;;;;;GAQG;AACH,MAAM,UAAU,KAAK,CAAC,KAAwC;IAC1D,MAAM,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE9E,OAAO,CACH,6BAAgB,OAAO,aACnB,mBACQ,UAAU,EACd,OAAO,EAAE,CAAC,CAAC,OAAO,kBACJ,OAAO,IAAI,SAAS,EAClC,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,EAC5D,IAAI,EAAC,OAAO,GACd,EACF,qCAAoB,IACjB,CACV,CAAC;AACN,CAAC"}

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -1,6 +1,6 @@
+import './radio-group.scss';
 import { RadioOptionProps } from '-/components/RadioOption';
 import { ElementProps, CommonProps, FormFieldControlProps } from '-/types/common';
-import './radio-group.scss';
 export type RadioGroupOption = Pick<RadioOptionProps, 'checked' | 'description' | 'disabled' | 'label' | 'name'> & Required<CommonProps<'value'>>;
 export type RadioGroupProps = CommonProps<'disabled' | 'name'> & FormFieldControlProps & {
     /**

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './radio-group.css.js';
 import { RadioOption } from '../RadioOption';
 import { useId } from '../../hooks/useId';
-import './radio-group.css.js';
 /**
  * A group of radios that allows users to choose one or more items from a list or turn an feature on or off.
  *
@@ -35,7 +35,7 @@ import './radio-group.css.js';
  */
 export function RadioGroup({ onChange, options = [], name, value: groupValue, label: groupLabel, hideLabel: hideLabelProp = false, disabled: disabledGroup = false, ...props }) {
     const id = `radio-group-${useId()}`;
-    return (_jsxs("div", { ...props, "aria-describedby": props['aria-describedby'], "aria-errormessage": props['aria-errormessage'], "aria-label": hideLabelProp ? groupLabel : undefined, "aria-labelledby": !hideLabelProp ? `${id}-label` : undefined, "data-bspk": "radio-group", id: id, role: "radiogroup", children: [!hideLabelProp && _jsx("label", { id: `${id}-label`, children: groupLabel }), _jsx("div", { role: "radiogroup", children: options.map(({ label, description, disabled, value }, index) => {
+    return (_jsxs("div", { ...props, "aria-describedby": props['aria-describedby'], "aria-errormessage": props['aria-errormessage'], "aria-label": hideLabelProp ? groupLabel : undefined, "aria-labelledby": !hideLabelProp ? `${id}-label` : undefined, "data-bspk": "radio-group", id: id, role: "radiogroup", children: [!hideLabelProp && _jsx("label", { id: `${id}-label`, children: groupLabel }), _jsx("div", { role: "presentation", children: options.map(({ label, description, disabled, value }, index) => {
                     return (_jsx(RadioOption, { checked: groupValue === value, description: description, disabled: disabledGroup || disabled, label: label, name: name, onChange: (checked) => checked && onChange(value), value: value }, `radio-option-${value || index}`));
                 }) })] }));
 }

package/dist/components/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGtC,OAAO,oBAAoB,CAAC;AA4D5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,UAAU,UAAU,CAAC,EACvB,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,IAAI,EACJ,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,aAAa,GAAG,KAAK,EAChC,QAAQ,EAAE,aAAa,GAAG,KAAK,EAC/B,GAAG,KAAK,EAC2B;IACnC,MAAM,EAAE,GAAG,eAAe,KAAK,EAAE,EAAE,CAAC;IAEpC,OAAO,CACH,kBACQ,KAAK,sBACS,KAAK,CAAC,kBAAkB,CAAC,uBACxB,KAAK,CAAC,mBAAmB,CAAC,gBACjC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,qBACjC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,eACjD,aAAa,EACvB,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,YAAY,aAEhB,CAAC,aAAa,IAAI,gBAAO,EAAE,EAAE,GAAG,EAAE,QAAQ,YAAG,UAAU,GAAS,EACjE,cAAK,IAAI,EAAC,YAAY,YACjB,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE;oBAC5D,OAAO,CACH,KAAC,WAAW,IACR,OAAO,EAAE,UAAU,KAAK,KAAK,EAC7B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,aAAa,IAAI,QAAQ,EAEnC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,IAAI,QAAQ,CAAC,KAAK,CAAC,EACjD,KAAK,EAAE,KAAK,IAJP,gBAAgB,KAAK,IAAI,KAAK,EAAE,CAKvC,CACL,CAAC;gBACN,CAAC,CAAC,GACA,IACJ,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAoB,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AA6DtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,UAAU,UAAU,CAAC,EACvB,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,IAAI,EACJ,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,aAAa,GAAG,KAAK,EAChC,QAAQ,EAAE,aAAa,GAAG,KAAK,EAC/B,GAAG,KAAK,EAC2B;IACnC,MAAM,EAAE,GAAG,eAAe,KAAK,EAAE,EAAE,CAAC;IAEpC,OAAO,CACH,kBACQ,KAAK,sBACS,KAAK,CAAC,kBAAkB,CAAC,uBACxB,KAAK,CAAC,mBAAmB,CAAC,gBACjC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,qBACjC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,eACjD,aAAa,EACvB,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,YAAY,aAEhB,CAAC,aAAa,IAAI,gBAAO,EAAE,EAAE,GAAG,EAAE,QAAQ,YAAG,UAAU,GAAS,EACjE,cAAK,IAAI,EAAC,cAAc,YACnB,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE;oBAC5D,OAAO,CACH,KAAC,WAAW,IACR,OAAO,EAAE,UAAU,KAAK,KAAK,EAC7B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,aAAa,IAAI,QAAQ,EAEnC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,IAAI,QAAQ,CAAC,KAAK,CAAC,EACjD,KAAK,EAAE,KAAK,IAJP,gBAAgB,KAAK,IAAI,KAAK,EAAE,CAKvC,CACL,CAAC;gBACN,CAAC,CAAC,GACA,IACJ,CACT,CAAC;AACN,CAAC"}

package/dist/components/RadioGroup/RadioGroupExample.d.ts

@@ -1,3 +1,4 @@
 import { RadioGroupProps } from '.';
 import { ComponentExample } from '-/utils/demo';
+export declare const presets: import("-/utils/demo").Preset<RadioGroupProps>[];
 export declare const RadioGroupExample: ComponentExample<RadioGroupProps>;

package/dist/components/RadioGroup/RadioGroupExample.js

@@ -1,7 +1,8 @@
 import { CheckboxGroupExample } from '../CheckboxGroup/CheckboxGroupExample';
 import { RadioExample } from '../Radio/RadioExample';
+export const presets = CheckboxGroupExample.presets || [];
 export const RadioGroupExample = {
     render: RadioExample.render,
-    presets: CheckboxGroupExample.presets,
+    presets,
 };
 //# sourceMappingURL=RadioGroupExample.js.map

package/dist/components/RadioGroup/RadioGroupExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupExample.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroupExample.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AACvF,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAG/D,MAAM,CAAC,MAAM,iBAAiB,GAAsC;IAChE,MAAM,EAAE,YAAY,CAAC,MAAM;IAC3B,OAAO,EAAE,oBAAoB,CAAC,OAAuD;CACxF,CAAC"}
+{"version":3,"file":"RadioGroupExample.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroupExample.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AACvF,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAG/D,MAAM,CAAC,MAAM,OAAO,GAAI,oBAAoB,CAAC,OAAwD,IAAI,EAAE,CAAC;AAE5G,MAAM,CAAC,MAAM,iBAAiB,GAAsC;IAChE,MAAM,EAAE,YAAY,CAAC,MAAM;IAC3B,OAAO;CACV,CAAC"}

package/dist/components/RadioOption/RadioOption.js

@@ -12,6 +12,6 @@ import { ToggleOption } from '../ToggleOption';
 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 }) })));
+    return (label && (_jsx(ToggleOption, { "data-bspk": "radio-option", description: description, disabled: disabled, label: label, children: _jsx(Radio, { ...radioProps, "aria-label": ariaLabel, disabled: disabled }) })));
 }
 //# 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,GAAI,GACrC,CAClB,CACJ,CAAC;AACN,CAAC"}
+{"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"}

package/dist/components/Rating/Rating.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SvgStarFill } from '@bspk/icons/StarFill';
 import './rating.css.js';
+import { SvgStarFill } from '@bspk/icons/StarFill';
 const MAX_STARS = 5;
 const iconWidths = {
     large: 32,
@@ -23,7 +23,7 @@ const iconWidths = {
  */
 export function Rating({ size = 'medium', value, onChange }) {
     const As = onChange ? 'button' : 'div';
-    return (_jsx("div", { "aria-label": onChange ? 'Select a star rating' : `${value} out of ${MAX_STARS} stars`, "data-bspk": "rating", "data-size": size, role: onChange ? 'radiogroup' : 'img', children: Array.from({ length: MAX_STARS }, (_, index) => {
+    return (_jsx("div", { "aria-label": onChange ? 'Select a star rating' : value ? `${value} out of ${MAX_STARS} stars` : 'Rating', "data-bspk": "rating", "data-size": size, role: onChange ? 'radiogroup' : 'img', children: Array.from({ length: MAX_STARS }, (_, index) => {
             const fill = getFill(index + 1, value);
             const selected = value !== undefined && Math.floor(value) === index;
             return (_jsxs(As, { "aria-checked": selected, "aria-hidden": !onChange, "aria-label": onChange ? `Rate ${index + 1}` : undefined, "data-fill": fill, "data-star": true, onClick: () => onChange?.(index + 1), role: onChange ? 'radio' : 'presentation', tabIndex: onChange ? (selected ? 0 : -1) : -1, type: "button", children: [_jsx(SvgStarFill, { width: iconWidths[size] }), fill === 'half' && (_jsx("div", { "data-fill-half": true, children: _jsx("div", { "data-star": true, children: _jsx(SvgStarFill, { width: iconWidths[size] }) }) }))] }, index));

package/dist/components/Rating/Rating.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../../src/components/Rating/Rating.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,OAAO,eAAe,CAAC;AAEvB,MAAM,SAAS,GAAG,CAAC,CAAC;AAIpB,MAAM,UAAU,GAA+B;IAC3C,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACZ,CAAC;AAwBF;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,MAAM,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAe;IACpE,MAAM,EAAE,GAAgB,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpD,OAAO,CACH,4BACgB,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,GAAG,KAAK,WAAW,SAAS,QAAQ,eAC1E,QAAQ,eACP,IAAI,EACf,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,YAEpC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YAC5C,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;YACvC,MAAM,QAAQ,GAAG,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC;YACpE,OAAO,CACH,MAAC,EAAE,oBACe,QAAQ,iBACT,CAAC,QAAQ,gBACV,QAAQ,CAAC,CAAC,CAAC,QAAQ,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,eAC3C,IAAI,qBAGf,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,EACpC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,EACzC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7C,IAAI,EAAC,QAAQ,aAEb,KAAC,WAAW,IAAC,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,GAAI,EACvC,IAAI,KAAK,MAAM,IAAI,CAChB,gDACI,2CACI,KAAC,WAAW,IAAC,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,GAAI,GACtC,GACJ,CACT,KAbI,KAAK,CAcT,CACR,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC;AAED,SAAS,OAAO,CAAC,GAAW,EAAE,KAAc;IACxC,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAC1C,IAAI,KAAK,IAAI,GAAG;QAAE,OAAO,MAAM,CAAC;IAChC,IAAI,KAAK,IAAI,GAAG,GAAG,GAAG;QAAE,OAAO,MAAM,CAAC;IACtC,OAAO,SAAS,CAAC;AACrB,CAAC"}
+{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../../src/components/Rating/Rating.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AA0BnD,MAAM,SAAS,GAAG,CAAC,CAAC;AACpB,MAAM,UAAU,GAA+B;IAC3C,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACZ,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,MAAM,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAe;IACpE,MAAM,EAAE,GAAgB,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpD,OAAO,CACH,4BACgB,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,WAAW,SAAS,QAAQ,CAAC,CAAC,CAAC,QAAQ,eAC7F,QAAQ,eACP,IAAI,EACf,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,YAEpC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YAC5C,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;YACvC,MAAM,QAAQ,GAAG,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC;YACpE,OAAO,CACH,MAAC,EAAE,oBACe,QAAQ,iBACT,CAAC,QAAQ,gBACV,QAAQ,CAAC,CAAC,CAAC,QAAQ,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,eAC3C,IAAI,qBAGf,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,EACpC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,EACzC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7C,IAAI,EAAC,QAAQ,aAEb,KAAC,WAAW,IAAC,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,GAAI,EACvC,IAAI,KAAK,MAAM,IAAI,CAChB,gDACI,2CACI,KAAC,WAAW,IAAC,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,GAAI,GACtC,GACJ,CACT,KAbI,KAAK,CAcT,CACR,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC;AAED,SAAS,OAAO,CAAC,GAAW,EAAE,KAAc;IACxC,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAC1C,IAAI,KAAK,IAAI,GAAG;QAAE,OAAO,MAAM,CAAC;IAChC,IAAI,KAAK,IAAI,GAAG,GAAG,GAAG;QAAE,OAAO,MAAM,CAAC;IACtC,OAAO,SAAS,CAAC;AACrB,CAAC"}

package/dist/components/Rating/RatingExample.d.ts

@@ -1,3 +1,4 @@
 import { RatingProps } from './Rating';
-import { ComponentExampleFn } from '-/utils/demo';
+import { ComponentExampleFn, Preset } from '-/utils/demo';
+export declare const presets: Preset<RatingProps>[];
 export declare const RatingExample: ComponentExampleFn<RatingProps>;

package/dist/components/Rating/RatingExample.js

@@ -1,17 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+export const presets = [
+    {
+        label: 'Non interactive',
+        propState: {
+            onChange: undefined,
+        },
+    },
+];
 export const RatingExample = () => {
     return {
         render: ({ props, Component }) => {
             return _jsx(Component, { ...props });
         },
-        presets: [
-            {
-                label: 'Non interactive',
-                propState: {
-                    onChange: undefined,
-                },
-            },
-        ],
+        presets,
     };
 };
 //# sourceMappingURL=RatingExample.js.map

package/dist/components/Rating/RatingExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"RatingExample.js","sourceRoot":"","sources":["../../../src/components/Rating/RatingExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,aAAa,GAAoC,GAAG,EAAE;IAC/D,OAAO;QACH,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;YAC7B,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;QACpC,CAAC;QACD,OAAO,EAAE;YACL;gBACI,KAAK,EAAE,iBAAiB;gBACxB,SAAS,EAAE;oBACP,QAAQ,EAAE,SAAS;iBACtB;aACJ;SACJ;KACJ,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"RatingExample.js","sourceRoot":"","sources":["../../../src/components/Rating/RatingExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,OAAO,GAA0B;IAC1C;QACI,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE;YACP,QAAQ,EAAE,SAAS;SACtB;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAoC,GAAG,EAAE;IAC/D,OAAO;QACH,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;YAC7B,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;QACpC,CAAC;QACD,OAAO;KACV,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,5 +1,5 @@
-import { CommonProps } from '-/types/common';
 import './scrim.scss';
+import { CommonProps } from '-/types/common';
 export type ScrimProps = CommonProps<'owner'> & {
     /**
      * Whether the Scrim should be visible.
@@ -24,5 +24,5 @@ export type ScrimProps = CommonProps<'owner'> & {
  *
  * @phase Utility
  */
-export declare function Scrim({ visible, ...props }: ScrimProps): import("react/jsx-runtime").JSX.Element;
+export declare function Scrim({ visible, owner, ...props }: ScrimProps): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Scrim/Scrim.js

@@ -8,7 +8,7 @@ import './scrim.css.js';
  *
  * @phase Utility
  */
-export function Scrim({ visible = true, ...props }) {
-    return _jsx("div", { ...props, "aria-hidden": "true", "data-bspk": "scrim", "data-hidden": !visible || undefined });
+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 }));
 }
 //# 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":";AAEA,OAAO,cAAc,CAAC;AAmBtB;;;;;;;GAOG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,GAAG,KAAK,EAAc;IAC1D,OAAO,iBAAS,KAAK,iBAAc,MAAM,eAAW,OAAO,iBAAc,CAAC,OAAO,IAAI,SAAS,GAAI,CAAC;AACvG,CAAC"}
+{"version":3,"file":"Scrim.js","sourceRoot":"","sources":["../../../src/components/Scrim/Scrim.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,CAAC;AAoBtB;;;;;;;GAOG;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"}

package/dist/components/Scrim/scrim.css

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

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

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

package/dist/components/SearchBar/SearchBar.d.ts

@@ -1,7 +1,10 @@
-import { ListboxProps, ListboxItemProps } from '-/components/Listbox';
-import { TextInputProps } from '-/components/TextInput';
 import './search-bar.scss';
-export type SearchBarProps<T extends ListboxItemProps = ListboxItemProps> = Pick<ListboxProps<T>, 'itemCount' | 'itemDisplayCount'> & Pick<TextInputProps, 'aria-label' | 'disabled' | 'id' | 'inputRef' | 'name' | 'size'> & {
+import { ListItemMenuProps, MenuListItem } from '-/components/ListItemMenu';
+import { TextInputProps } from '-/components/TextInput';
+export type SearchOption = MenuListItem & {
+    value: string;
+};
+export type SearchBarProps = Pick<ListItemMenuProps, 'scrollLimit'> & Pick<TextInputProps, 'aria-label' | 'disabled' | 'id' | 'inputRef' | 'name' | 'size'> & {
     /** The current value of the search bar. */
     value?: string;
     /**
@@ -19,7 +22,7 @@ export type SearchBarProps<T extends ListboxItemProps = ListboxItemProps> = Pick
      * @required
      */
     onChange: (value: string) => void;
-    onSelect: (item?: ListboxItemProps) => void;
+    onSelect: (item?: MenuListItem) => void;
     /**
      * Content to display in the menu.
      *
@@ -37,9 +40,9 @@ export type SearchBarProps<T extends ListboxItemProps = ListboxItemProps> = Pick
      *         { value: '10', label: 'Jackfruit Pudding' },
      *     ];
      *
-     * @type Array<MenuItem>
+     * @type Array<SearchOption>
      */
-    items?: T[];
+    items?: SearchOption[];
     /**
      * Message to display when no results are found
      *
@@ -48,7 +51,7 @@ export type SearchBarProps<T extends ListboxItemProps = ListboxItemProps> = Pick
     noResultsMessage?: string;
 };
 /**
- * Component description coming soon.
+ * An input field that allows customers to input search queries and retrieve results.
  *
  * @example
  *     import { useState } from 'react';
@@ -86,5 +89,5 @@ export type SearchBarProps<T extends ListboxItemProps = ListboxItemProps> = Pick
  * @name SearchBar
  * @phase UXReview
  */
-export declare function SearchBar({ items, noResultsMessage, placeholder, 'aria-label': ariaLabel, id: idProp, inputRef, itemCount, itemDisplayCount, name, size, onSelect, value, onChange, disabled, }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchBar({ items: itemsProp, noResultsMessage, placeholder, 'aria-label': ariaLabel, value: idProp, inputRef, name, size, onSelect, value, onChange, disabled, scrollLimit, }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */