@bspk/ui 1.3.2 → 1.3.4

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

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

package/dist/components/Password/index.js

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

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

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

package/dist/components/Password/password.css

@@ -0,0 +1,21 @@
+[data-bspk-owner=password] [data-bspk=input] {
+  padding-right: 0;
+}
+[data-bspk-owner=password] [data-bspk=input] [data-toggle-visibility-button] {
+  font: var(--button-font);
+  height: 100%;
+}
+[data-bspk-owner=password] [data-bspk=input][data-disabled] [data-toggle-visibility-button], [data-bspk-owner=password] [data-bspk=input][data-readonly] [data-toggle-visibility-button] {
+  cursor: default;
+}
+[data-bspk-owner=password] [data-bspk=input][data-size=small] {
+  --button-font: var(--labels-small);
+}
+[data-bspk-owner=password] [data-bspk=input][data-size=medium] {
+  --button-font: var(--labels-base);
+}
+[data-bspk-owner=password] [data-bspk=input][data-size=large] {
+  --button-font: var(--labels-large);
+}
+
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Password/password.css.js

@@ -0,0 +1,26 @@
+/** * This file is generated by the build script.
+* Do not edit this file directly. */
+const style = document.createElement('style');
+style.appendChild(document.createTextNode(`[data-bspk-owner=password] [data-bspk=input] {
+  padding-right: 0;
+}
+[data-bspk-owner=password] [data-bspk=input] [data-toggle-visibility-button] {
+  font: var(--button-font);
+  height: 100%;
+}
+[data-bspk-owner=password] [data-bspk=input][data-disabled] [data-toggle-visibility-button], [data-bspk-owner=password] [data-bspk=input][data-readonly] [data-toggle-visibility-button] {
+  cursor: default;
+}
+[data-bspk-owner=password] [data-bspk=input][data-size=small] {
+  --button-font: var(--labels-small);
+}
+[data-bspk-owner=password] [data-bspk=input][data-size=medium] {
+  --button-font: var(--labels-base);
+}
+[data-bspk-owner=password] [data-bspk=input][data-size=large] {
+  --button-font: var(--labels-large);
+}
+
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
+`));
+document.head.appendChild(style);

package/dist/components/PasswordField/PasswordField.d.ts

@@ -1,31 +1,15 @@
-import { FormFieldWrapProps } from '-/components/FormField';
-import { PasswordInputProps } from '-/components/PasswordInput';
-export type PasswordFieldProps = FormFieldWrapProps<PasswordInputProps>;
+import { FormFieldControlProps } from '-/components/FormField';
+import { PasswordProps } from '-/components/Password';
+export type PasswordFieldProps = FormFieldControlProps<PasswordProps>;
 /**
- * A text input that allows users to enter text, numbers or symbols in a singular line.
+ * A field wrapper for the Password component.
  *
- * This component takes properties from the FormField and PasswordInput components.
- *
- * @example
- *     import { useState } from 'react';
- *     import { PasswordField } from '@bspk/ui/PasswordField';
- *
- *     export function Example() {
- *         const [value, setValue] = useState<string>('');
- *
- *         return (
- *             <PasswordField
- *                 controlId="Example controlId"
- *                 label="Example label"
- *                 name="Example name"
- *                 onChange={setValue}
- *                 value={value}
- *             />
- *         );
- *     }
+ * This component takes properties from the FormField and Password components.
  *
  * @name PasswordField
  * @phase UXReview
+ *
+ * @generated
  */
-export declare function PasswordField({ controlId, errorMessage, helperText, invalid, label, labelTrailing, required, ...passwordInputProps }: PasswordFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function PasswordField({ label, helperText, labelTrailing, errorMessage, ...controlProps }: PasswordFieldProps): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/PasswordField/PasswordField.js

@@ -1,33 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FormField } from '../FormField';
-import { PasswordInput } from '../PasswordInput';
+import { Password } from '../Password';
 /**
- * A text input that allows users to enter text, numbers or symbols in a singular line.
+ * A field wrapper for the Password component.
  *
- * This component takes properties from the FormField and PasswordInput components.
- *
- * @example
- *     import { useState } from 'react';
- *     import { PasswordField } from '@bspk/ui/PasswordField';
- *
- *     export function Example() {
- *         const [value, setValue] = useState<string>('');
- *
- *         return (
- *             <PasswordField
- *                 controlId="Example controlId"
- *                 label="Example label"
- *                 name="Example name"
- *                 onChange={setValue}
- *                 value={value}
- *             />
- *         );
- *     }
+ * This component takes properties from the FormField and Password components.
  *
  * @name PasswordField
  * @phase UXReview
+ *
+ * @generated
  */
-export function PasswordField({ controlId, errorMessage, helperText, invalid, label, labelTrailing, required, ...passwordInputProps }) {
-    return (_jsx(FormField, { controlId: controlId, "data-bspk": "password-field", errorMessage: errorMessage, helperText: helperText, invalid: invalid, label: label, labelTrailing: labelTrailing, required: required, children: (fieldProps) => (_jsx(PasswordInput, { ...passwordInputProps, ...fieldProps, id: controlId, invalid: invalid, required: required, value: passwordInputProps.value ?? '' })) }));
+export function PasswordField({ label, helperText, labelTrailing, errorMessage, ...controlProps }) {
+    return (_jsx(FormField, { errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, children: _jsx(Password, { ...controlProps }) }));
 }
 //# sourceMappingURL=PasswordField.js.map

package/dist/components/PasswordField/PasswordField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordField.js","sourceRoot":"","sources":["../../../src/components/PasswordField/PasswordField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAsB,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAsB,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAI/E;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,UAAU,aAAa,CAAC,EAC1B,SAAS,EACT,YAAY,EACZ,UAAU,EACV,OAAO,EACP,KAAK,EACL,aAAa,EACb,QAAQ,EACR,GAAG,kBAAkB,EACJ;IACjB,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,SAAS,eACV,gBAAgB,EAC1B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,YAEjB,CAAC,UAAU,EAAE,EAAE,CAAC,CACb,KAAC,aAAa,OACN,kBAAkB,KAClB,UAAU,EACd,EAAE,EAAE,SAAS,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,kBAAkB,CAAC,KAAK,IAAI,EAAE,GACvC,CACL,GACO,CACf,CAAC;AACN,CAAC"}
+{"version":3,"file":"PasswordField.js","sourceRoot":"","sources":["../../../src/components/PasswordField/PasswordField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAyB,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAiB,MAAM,uBAAuB,CAAC;AAIhE;;;;;;;;;GASG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,YAAY,EAAsB;IACjH,OAAO,CACH,KAAC,SAAS,IAAC,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,YACrG,KAAC,QAAQ,OAAK,YAAY,GAAI,GACtB,CACf,CAAC;AACN,CAAC"}

package/dist/components/Popover/Popover.d.ts

@@ -38,7 +38,7 @@ export type PopoverProps = CommonProps<'disabled'> & Pick<UseFloatingProps, 'ref
      *
      * @required
      */
-    children: (triggerProps: PopoverTriggerProps) => ReactElement;
+    children: (triggerProps: PopoverTriggerProps) => ReactElement | null;
 };
 /**
  * Brief message that provide additional guidance and helps users perform an action if needed.
@@ -48,7 +48,7 @@ export type PopoverProps = CommonProps<'disabled'> & Pick<UseFloatingProps, 'ref
  *     import { Popover } from '@bspk/ui/Popover';
  *     import { Button } from '@bspk/ui/Button';
  *
- *     export function Example() {
+ *     function Example() {
  *         const [showPopover, setShowPopover] = useState<boolean>(false);
  *
  *         const togglePopover = () => setShowPopover(!showPopover);
@@ -72,5 +72,5 @@ export type PopoverProps = CommonProps<'disabled'> & Pick<UseFloatingProps, 'ref
  * @name Popover
  * @phase UXReview
  */
-export declare function Popover({ placement, header, content, callToAction, secondaryCallToAction, children, disabled, refWidth, ...props }: ElementProps<PopoverProps, 'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function Popover({ placement, header, content, callToAction, secondaryCallToAction, children, disabled, refWidth, ...props }: ElementProps<PopoverProps, 'div'>): import("react/jsx-runtime").JSX.Element | null;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Popover/Popover.js

@@ -18,7 +18,7 @@ import { cssWithVars } from '../../utils/cwv';
  *     import { Popover } from '@bspk/ui/Popover';
  *     import { Button } from '@bspk/ui/Button';
  *
- *     export function Example() {
+ *     function Example() {
  *         const [showPopover, setShowPopover] = useState<boolean>(false);
  *
  *         const togglePopover = () => setShowPopover(!showPopover);
@@ -57,6 +57,7 @@ export function Popover({ placement = 'top', header, content, callToAction, seco
     useOutsideClick({
         elements: [elements.floating],
         callback: () => setShow(false),
+        disabled: !show,
     });
     const basicArrowX = middlewareData?.arrow?.x ? `${middlewareData.arrow.x}px` : '0px';
     const getArrowX = () => {

package/dist/components/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAgB,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAa,WAAW,EAAoB,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AA2C1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,UAAU,OAAO,CAAC,EACpB,SAAS,GAAG,KAAK,EACjB,MAAM,EACN,OAAO,EACP,YAAY,EACZ,qBAAqB,EACrB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,GAAG,KAAK,EACwB;IAChC,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAElD,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,WAAW,CAAC;QAC7D,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,UAAU;QACpB,aAAa,EAAE,EAAE;QACjB,QAAQ;QACR,IAAI,EAAE,CAAC,IAAI;QACX,QAAQ;KACX,CAAC,CAAC;IAEH,eAAe,CAAC;QACZ,QAAQ,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;KACjC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAErF,MAAM,SAAS,GAAG,GAAG,EAAE;QACnB,IAAI,cAAc,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;YAC3B,IAAI,SAAS,KAAK,WAAW,IAAI,SAAS,KAAK,cAAc;gBAAE,OAAO,MAAM,CAAC;YAC7E,IAAI,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,QAAQ;gBAAE,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;YACxF,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,YAAY;gBACrD,OAAO,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC;QAC9D,CAAC;QACD,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC;IAEF,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAC,EAAE,CAAC,CAAC;IAClC,OAAO,CACH,8BACK,QAAQ,CAAC;gBACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC;gBAC7B,kBAAkB,EAAE,EAAE;aACzB,CAAC,EACD,IAAI,IAAI,CACL,KAAC,MAAM,cACH,KAAC,SAAS,IACN,gBAAgB,EAAE;wBACd,aAAa,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI;wBACvD,uBAAuB,EAAE,IAAI;qBAChC,YAED,4BACc,SAAS,oBACH,cAAc,EAAE,MAAM,EAAE,SAAS,EACjD,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;4BACV,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;4BAC3B,QAAQ,CAAC,YAAY,CACjB,QAAQ,CAAC,aAAa,CAAc,sBAAsB,EAAE,IAAI,CAAC,CACpE,CAAC;wBACN,CAAC,EACD,KAAK,EAAE,EAAE,GAAG,cAAc,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,aAE5C,6BACI,KAAC,GAAG,IAAC,OAAO,EAAC,YAAY,YAAE,MAAM,GAAO,EACxC,KAAC,MAAM,wBAEH,IAAI,EAAE,KAAC,QAAQ,KAAG,EAClB,QAAQ,QACR,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,OAAO,EAAC,UAAU,GACpB,IACG,EACT,gDACI,KAAC,GAAG,IAAC,EAAE,EAAC,KAAK,EAAC,OAAO,EAAC,YAAY,YAC7B,OAAO,GACN,EACN,gDACK,qBAAqB,EAAE,KAAK,IAAI,qBAAqB,EAAE,OAAO,IAAI,CAC/D,KAAC,MAAM,IACH,KAAK,EAAE,qBAAqB,CAAC,KAAK,EAClC,OAAO,EAAE,qBAAqB,CAAC,OAAO,EACtC,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,WAAW,GACrB,CACL,EACA,YAAY,EAAE,KAAK,IAAI,YAAY,EAAE,OAAO,IAAI,CAC7C,KAAC,MAAM,IACH,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,OAAO,EAAE,YAAY,CAAC,OAAO,EAC7B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,SAAS,GACnB,CACL,IACC,IACJ,EACN,kCAEI,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;oCACV,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;gCAC5B,CAAC,EACD,KAAK,EAAE,WAAW,CAAC;oCACf,iBAAiB,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,WAAW;oCACvD,gBAAgB,EAAE,GAAG,cAAc,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI;iCACzD,CAAC,GACJ,IACA,GACE,GACP,CACZ,IACF,CACN,CAAC;AACN,CAAC"}
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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"}

package/dist/components/Popover/PopoverExample.js

@@ -16,7 +16,7 @@ export const PopoverExample = ({ action }) => ({
                     label: 'CTA Button',
                     onClick: () => action('Call to action clicked!'),
                 },
-                children: () => _jsx(_Fragment, {}),
+                children: () => null,
             },
         },
         {
@@ -32,7 +32,7 @@ export const PopoverExample = ({ action }) => ({
                     label: 'Secondary',
                     onClick: () => action('Secondary call to action clicked!'),
                 },
-                children: () => _jsx(_Fragment, {}),
+                children: () => null,
             },
         },
     ],

package/dist/components/Popover/PopoverExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverExample.js","sourceRoot":"","sources":["../../../src/components/Popover/PopoverExample.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAGvC,MAAM,CAAC,MAAM,cAAc,GAAqC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7E,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;IACjC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;QAC7B,OAAO,CACH,8BACI,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,0BAA0B,EAAE,2CAAkC,EAC1F,KAAC,SAAS,OAAK,KAAK,YACf,CAAC,YAAY,EAAE,EAAE,CAAC,KAAC,MAAM,IAAC,KAAK,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE,EAAE,OAAO,EAAC,WAAW,KAAK,YAAY,GAAI,GACxF,IACb,CACN,CAAC;IACN,CAAC;IACD,OAAO,EAAE;QACL;YACI,KAAK,EAAE,mBAAmB;YAC1B,SAAS,EAAE;gBACP,MAAM,EAAE,mBAAmB;gBAC3B,OAAO,EAAE,wBAAwB;gBACjC,YAAY,EAAE;oBACV,KAAK,EAAE,YAAY;oBACnB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,yBAAyB,CAAC;iBACnD;gBACD,QAAQ,EAAE,GAAG,EAAE,CAAC,mBAAK;aACxB;SACJ;QACD;YACI,KAAK,EAAE,yBAAyB;YAChC,SAAS,EAAE;gBACP,MAAM,EAAE,yBAAyB;gBACjC,OAAO,EAAE,8BAA8B;gBACvC,YAAY,EAAE;oBACV,KAAK,EAAE,SAAS;oBAChB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,iCAAiC,CAAC;iBAC3D;gBACD,qBAAqB,EAAE;oBACnB,KAAK,EAAE,WAAW;oBAClB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,mCAAmC,CAAC;iBAC7D;gBACD,QAAQ,EAAE,GAAG,EAAE,CAAC,mBAAK;aACxB;SACJ;KACJ;IACD,QAAQ,EAAE,KAAK;CAClB,CAAC,CAAC"}
+{"version":3,"file":"PopoverExample.js","sourceRoot":"","sources":["../../../src/components/Popover/PopoverExample.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAGvC,MAAM,CAAC,MAAM,cAAc,GAAqC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7E,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;IACjC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;QAC7B,OAAO,CACH,8BACI,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,0BAA0B,EAAE,2CAAkC,EAC1F,KAAC,SAAS,OAAK,KAAK,YACf,CAAC,YAAY,EAAE,EAAE,CAAC,KAAC,MAAM,IAAC,KAAK,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE,EAAE,OAAO,EAAC,WAAW,KAAK,YAAY,GAAI,GACxF,IACb,CACN,CAAC;IACN,CAAC;IACD,OAAO,EAAE;QACL;YACI,KAAK,EAAE,mBAAmB;YAC1B,SAAS,EAAE;gBACP,MAAM,EAAE,mBAAmB;gBAC3B,OAAO,EAAE,wBAAwB;gBACjC,YAAY,EAAE;oBACV,KAAK,EAAE,YAAY;oBACnB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,yBAAyB,CAAC;iBACnD;gBACD,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;aACvB;SACJ;QACD;YACI,KAAK,EAAE,yBAAyB;YAChC,SAAS,EAAE;gBACP,MAAM,EAAE,yBAAyB;gBACjC,OAAO,EAAE,8BAA8B;gBACvC,YAAY,EAAE;oBACV,KAAK,EAAE,SAAS;oBAChB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,iCAAiC,CAAC;iBAC3D;gBACD,qBAAqB,EAAE;oBACnB,KAAK,EAAE,WAAW;oBAClB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,mCAAmC,CAAC;iBAC7D;gBACD,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;aACvB;SACJ;KACJ;IACD,QAAQ,EAAE,KAAK;CAClB,CAAC,CAAC"}

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -49,7 +49,7 @@ export type ProgressBarProps = {
  * @example
  *     import { ProgressBar } from '@bspk/ui/ProgressBar';
  *
- *     export function Example() {
+ *     function Example() {
  *         return <ProgressBar label="Example label" completion={50} />;
  *     }
  *

package/dist/components/ProgressBar/ProgressBar.js

@@ -9,7 +9,7 @@ import { cssWithVars } from '../../utils/cwv';
  * @example
  *     import { ProgressBar } from '@bspk/ui/ProgressBar';
  *
- *     export function Example() {
+ *     function Example() {
  *         return <ProgressBar label="Example label" completion={50} />;
  *     }
  *

package/dist/components/ProgressCircle/ProgressCircle.d.ts

@@ -21,7 +21,7 @@ export type ProgressCircleProps = {
  * @example
  *     import { ProgressCircle } from '@bspk/ui/ProgressCircle';
  *
- *     export function Example() {
+ *     function Example() {
  *         return <ProgressCircle label="Example label" />;
  *     }
  *

package/dist/components/ProgressCircle/ProgressCircle.js

@@ -9,7 +9,7 @@ import { useId } from '../../hooks/useId';
  * @example
  *     import { ProgressCircle } from '@bspk/ui/ProgressCircle';
  *
- *     export function Example() {
+ *     function Example() {
  *         return <ProgressCircle label="Example label" />;
  *     }
  *

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

@@ -37,16 +37,12 @@ export type ProgressionStepperProps = {
      */
     steps: ProgressionStepperItem[];
     /**
-     * The current step in the progress bar.
-     *
-     * If the current step is greater than the number of steps, all steps with be completed.
-     *
-     * If the current step is less than 1, all steps will be incomplete.
+     * The last completed step in the progress bar. This is only applicable for the 'widget' variant.
      *
      * @default 0
      * @minimum 0
      */
-    currentStep?: number;
+    completedStep?: number;
     /**
      * The variant of the progress bar. Can be either horizontal, vertical, or widget.
      *
@@ -62,12 +58,12 @@ export type ProgressionStepperProps = {
  * @example
  *     import { ProgressionStepper } from '@bspk/ui/ProgressionStepper';
  *
- *     export function Example() {
+ *     function Example() {
  *         return <ProgressionStepper steps={[{ name: 'Step 1' }, { name: 'Step 2' }, { name: 'Step 3' }]} />;
  *     }
  *
  * @name ProgressionStepper
  * @phase UXReview
  */
-export declare function ProgressionStepper({ steps, currentStep: currentStepProp, variant, ...containerProps }: ElementProps<ProgressionStepperProps, 'div'>): import("react/jsx-runtime").JSX.Element | null;
+export declare function ProgressionStepper({ steps, completedStep: completedStepProp, variant, ...containerProps }: ElementProps<ProgressionStepperProps, 'div'>): import("react/jsx-runtime").JSX.Element | null;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/ProgressionStepper/ProgressionStepper.js

@@ -7,21 +7,26 @@ import { SvgCheck } from '@bspk/icons/Check';
  * @example
  *     import { ProgressionStepper } from '@bspk/ui/ProgressionStepper';
  *
- *     export function Example() {
+ *     function Example() {
  *         return <ProgressionStepper steps={[{ name: 'Step 1' }, { name: 'Step 2' }, { name: 'Step 3' }]} />;
  *     }
  *
  * @name ProgressionStepper
  * @phase UXReview
  */
-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) => {
+export function ProgressionStepper({ steps = [], completedStep: completedStepProp = 0, variant = 'horizontal', ...containerProps }) {
+    const completedStepNumber = Math.max(0, Math.min(completedStepProp, steps.length));
+    const currentStepNumber = Math.min(completedStepNumber + 1, steps.length);
+    const currentStep = steps[currentStepNumber - 1];
+    if (!steps?.length)
+        return null;
+    return (_jsxs("div", { ...containerProps, "data-bspk": "progression-stepper", "data-variant": variant, children: [variant === 'widget' && (_jsxs("label", { children: [_jsx("span", { "data-title": true, children: currentStep.name }), _jsx("span", { "data-subtitle": true, children: currentStep?.subtext ||
+                            (completedStepNumber === steps.length ? ('Completed') : (_jsxs(_Fragment, { children: ["Step ", currentStepNumber, " of ", steps.length] }))) })] })), _jsx("ol", { children: steps.map(({ name, subtext }, index) => {
                     const stepNum = index + 1;
                     let status = 'incomplete';
-                    if (currentStep > stepNum)
+                    if (completedStepNumber >= stepNum)
                         status = 'complete';
-                    else if (currentStep === stepNum)
+                    else if (completedStepNumber + 1 === stepNum)
                         status = 'current';
                     return (_jsxs("li", { "aria-current": status === 'current' ? 'step' : undefined, "data-status": status, "data-step": stepNum, children: [_jsxs("span", { "data-line-circle": true, children: [_jsx("span", { "data-line": "before" }), _jsx("span", { "data-circle": true, children: status === 'complete' ? (_jsx(SvgCheck, { "aria-hidden": true })) : ((variant !== 'widget' || status === 'current') && _jsx("span", { children: stepNum })) }), _jsx("span", { "data-line": "after" })] }), variant !== 'widget' && (_jsxs("span", { "data-content": true, children: [_jsx("span", { "data-name": true, children: name }), subtext && _jsx("span", { "data-subtext": true, children: subtext })] }))] }, `step-${index}`));
                 }) })] }));

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,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"}
+{"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;AAsD7C;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAC/B,KAAK,GAAG,EAAE,EACV,aAAa,EAAE,iBAAiB,GAAG,CAAC,EACpC,OAAO,GAAG,YAAY,EACtB,GAAG,cAAc,EAC0B;IAC3C,MAAM,mBAAmB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAEnF,MAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,mBAAmB,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAE1E,MAAM,WAAW,GAAG,KAAK,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC;IAEjD,IAAI,CAAC,KAAK,EAAE,MAAM;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAO,CACH,kBAAS,cAAc,eAAY,qBAAqB,kBAAe,OAAO,aACzE,OAAO,KAAK,QAAQ,IAAI,CACrB,4BACI,6CAAkB,WAAW,CAAC,IAAI,GAAQ,EAC1C,gDACK,WAAW,EAAE,OAAO;4BACjB,CAAC,mBAAmB,KAAK,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACpC,WAAW,CACd,CAAC,CAAC,CAAC,CACA,uCACU,iBAAiB,UAAM,KAAK,CAAC,MAAM,IAC1C,CACN,CAAC,GACH,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,mBAAmB,IAAI,OAAO;wBAAE,MAAM,GAAG,UAAU,CAAC;yBACnD,IAAI,mBAAmB,GAAG,CAAC,KAAK,OAAO;wBAAE,MAAM,GAAG,SAAS,CAAC;oBAEjE,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.js

@@ -3,7 +3,7 @@ export const presets = [
         label: 'Horizontal',
         propState: {
             variant: 'horizontal',
-            currentStep: 2,
+            completedStep: 2,
             steps: [{ name: 'Name of step 1' }, { name: 'Name of step 2' }, { name: 'Name of step 3' }],
         },
     },
@@ -11,7 +11,7 @@ export const presets = [
         label: 'Vertical',
         propState: {
             variant: 'vertical',
-            currentStep: 2,
+            completedStep: 2,
             steps: [
                 {
                     name: 'Name of step 1',
@@ -32,7 +32,7 @@ export const presets = [
         label: 'Widget',
         propState: {
             variant: 'widget',
-            currentStep: 3,
+            completedStep: 3,
             steps: [
                 { name: 'Name of step 1' },
                 { name: 'Name of step 2' },
@@ -40,7 +40,23 @@ export const presets = [
                 { name: 'Name of step 4' },
                 { name: 'Name of step 5' },
                 { name: 'Name of step 6' },
-                { name: 'Name of step 7' },
+                { name: 'Review' },
+            ],
+        },
+    },
+    {
+        label: 'Widget (w/ subtext)',
+        propState: {
+            variant: 'widget',
+            completedStep: 6,
+            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: 'Review', subtext: `Whoop, there it is...` },
             ],
         },
     },

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,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"}
+{"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,aAAa,EAAE,CAAC;YAChB,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,aAAa,EAAE,CAAC;YAChB,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,aAAa,EAAE,CAAC;YAChB,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,QAAQ,EAAE;aACrB;SACJ;KACJ;IACD;QACI,KAAK,EAAE,qBAAqB;QAC5B,SAAS,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,aAAa,EAAE,CAAC;YAChB,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,QAAQ,EAAE,OAAO,EAAE,uBAAuB,EAAE;aACvD;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/Radio/Radio.d.ts

@@ -1,7 +1,7 @@
 import './radio.scss';
 import { ChangeEvent } from 'react';
-import { ElementProps, CommonProps } from '-/types/common';
-export type RadioProps = CommonProps<'aria-label' | 'disabled' | 'invalid' | 'name'> & Required<CommonProps<'value'>> & {
+import { ElementProps, FieldControlProps } from '-/types/common';
+export type RadioProps = Omit<FieldControlProps<string, ChangeEvent<HTMLInputElement>>, 'onChange' | 'readOnly'> & {
     /**
      * 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":";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"}
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,CAAC;AAmBtB;;;;;;;;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,26 +1,9 @@
 import './radio-group.scss';
+import { RadioProps } from '-/components/Radio';
 import { RadioOptionProps } from '-/components/RadioOption';
-import { ElementProps, CommonProps, FormFieldControlProps } from '-/types/common';
-export type RadioGroupOption = Pick<RadioOptionProps, 'checked' | 'description' | 'disabled' | 'label' | 'name'> & Required<CommonProps<'value'>>;
-export type RadioGroupProps = CommonProps<'disabled' | 'name'> & FormFieldControlProps & {
-    /**
-     * The value of the control.
-     *
-     * @example
-     *     1;
-     *
-     * @required
-     */
-    value: string;
-    /**
-     * The function to call when the radios are changed.
-     *
-     * @example
-     *     (value) => setState({ value }),
-     *
-     * @required
-     */
-    onChange: (value: string) => void;
+import { ElementProps, FieldControlProps } from '-/types/common';
+export type RadioGroupOption = Pick<RadioOptionProps, 'checked' | 'description' | 'disabled' | 'label'> & Pick<RadioProps, 'value'>;
+export type RadioGroupProps = FieldControlProps & {
     /**
      * The options for the radios.
      *
@@ -42,18 +25,6 @@ export type RadioGroupProps = CommonProps<'disabled' | 'name'> & FormFieldContro
      * @required
      */
     options: RadioGroupOption[];
-    /**
-     * The label of the radio group.
-     *
-     * @required
-     */
-    label: string;
-    /**
-     * Hides the RadioGroup label. When label isn't showing it is used as the aria-label prop.
-     *
-     * @default false
-     */
-    hideLabel?: boolean;
 };
 /**
  * A group of radios that allows users to choose one or more items from a list or turn an feature on or off.
@@ -62,12 +33,12 @@ export type RadioGroupProps = CommonProps<'disabled' | 'name'> & FormFieldContro
  *     import { useState } from 'react';
  *     import { RadioGroup } from '@bspk/ui/RadioGroup';
  *
- *     export function Example() {
+ *     function Example() {
  *         const [selectedOption, setSelectedOption] = useState<string>('1');
  *
  *         return (
  *             <RadioGroup
- *                 name="Example name"
+ *                 name="example-name"
  *                 onChange={(nextValue) => setSelectedOption(nextValue)}
  *                 options={[
  *                     {
@@ -86,5 +57,5 @@ export type RadioGroupProps = CommonProps<'disabled' | 'name'> & FormFieldContro
  * @name RadioGroup
  * @phase UXReview
  */
-export declare function RadioGroup({ onChange, options, name, value: groupValue, label: groupLabel, hideLabel: hideLabelProp, disabled: disabledGroup, ...props }: ElementProps<RadioGroupProps, 'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function RadioGroup({ onChange, options, name, value: groupValue, disabled, readOnly, invalid: invalidProp, required, id: idProp, 'aria-describedby': ariaDescribedByProp, 'aria-errormessage': ariaErrorMessageProp, ...props }: ElementProps<RadioGroupProps, 'div'>): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,7 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import './radio-group.css.js';
+import { useFieldInit } from '../Field';
 import { RadioOption } from '../RadioOption';
-import { useId } from '../../hooks/useId';
 /**
  * A group of radios that allows users to choose one or more items from a list or turn an feature on or off.
  *
@@ -9,12 +9,12 @@ import { useId } from '../../hooks/useId';
  *     import { useState } from 'react';
  *     import { RadioGroup } from '@bspk/ui/RadioGroup';
  *
- *     export function Example() {
+ *     function Example() {
  *         const [selectedOption, setSelectedOption] = useState<string>('1');
  *
  *         return (
  *             <RadioGroup
- *                 name="Example name"
+ *                 name="example-name"
  *                 onChange={(nextValue) => setSelectedOption(nextValue)}
  *                 options={[
  *                     {
@@ -33,10 +33,16 @@ import { useId } from '../../hooks/useId';
  * @name RadioGroup
  * @phase UXReview
  */
-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: "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}`));
-                }) })] }));
+export function RadioGroup({ onChange, options = [], name, value: groupValue, disabled = false, readOnly, invalid: invalidProp, required, id: idProp, 'aria-describedby': ariaDescribedByProp, 'aria-errormessage': ariaErrorMessageProp, ...props }) {
+    const { id, ariaDescribedBy, ariaErrorMessage, invalid } = useFieldInit({
+        idProp,
+        required,
+        disabled,
+        readOnly,
+        invalidProp,
+    });
+    return (_jsx("div", { ...props, "aria-describedby": ariaDescribedByProp || ariaDescribedBy || undefined, "data-bspk": "radio-group", id: id, role: "radiogroup", children: _jsx("div", { role: "presentation", children: options.map(({ label, description, value, ...option }, index) => {
+                return (_jsx(RadioOption, { "aria-describedby": ariaDescribedByProp || ariaDescribedBy || undefined, "aria-errormessage": ariaErrorMessageProp || ariaErrorMessage || undefined, checked: groupValue === value, description: description, disabled: disabled || option.disabled, invalid: invalid || undefined, label: label, name: name, onChange: (checked) => checked && onChange(value), required: required, value: value }, `radio-option-${value || index}`));
+            }) }) }));
 }
 //# sourceMappingURL=RadioGroup.js.map

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,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"}
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAoB,MAAM,0BAA0B,CAAC;AA8BzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,UAAU,UAAU,CAAC,EACvB,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,IAAI,EACJ,KAAK,EAAE,UAAU,EACjB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,kBAAkB,EAAE,mBAAmB,EACvC,mBAAmB,EAAE,oBAAoB,EACzC,GAAG,KAAK,EAC2B;IACnC,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,gBAAgB,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC;QACpE,MAAM;QACN,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,WAAW;KACd,CAAC,CAAC;IAEH,OAAO,CACH,iBACQ,KAAK,sBACS,mBAAmB,IAAI,eAAe,IAAI,SAAS,eAC3D,aAAa,EACvB,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,YAAY,YAEjB,cAAK,IAAI,EAAC,cAAc,YACnB,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE;gBAC7D,OAAO,CACH,KAAC,WAAW,wBACU,mBAAmB,IAAI,eAAe,IAAI,SAAS,uBAClD,oBAAoB,IAAI,gBAAgB,IAAI,SAAS,EACxE,OAAO,EAAE,UAAU,KAAK,KAAK,EAC7B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EACrC,OAAO,EAAE,OAAO,IAAI,SAAS,EAE7B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,IAAI,QAAQ,CAAC,KAAK,CAAC,EACjD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IALP,gBAAgB,KAAK,IAAI,KAAK,EAAE,CAMvC,CACL,CAAC;YACN,CAAC,CAAC,GACA,GACJ,CACT,CAAC;AACN,CAAC"}

package/dist/components/RadioGroup/radio-group.css

@@ -1,6 +1,7 @@
 [data-bspk=radio-group] {
   display: flex;
   flex-direction: column;
-  gap: var(--spacing-sizing-01);
+  gap: 0;
   max-width: 100%;
+  --list-item-height: "auto";
 }

package/dist/components/RadioGroup/radio-group.css.js

@@ -4,8 +4,9 @@ const style = document.createElement('style');
 style.appendChild(document.createTextNode(`[data-bspk=radio-group] {
   display: flex;
   flex-direction: column;
-  gap: var(--spacing-sizing-01);
+  gap: 0;
   max-width: 100%;
+  --list-item-height: "auto";
 }
 `));
 document.head.appendChild(style);

package/dist/components/RadioGroupField/RadioGroupField.d.ts

@@ -0,0 +1,15 @@
+import { FormFieldControlProps } from '-/components/FormField';
+import { RadioGroupProps } from '-/components/RadioGroup';
+export type RadioGroupFieldProps = FormFieldControlProps<RadioGroupProps>;
+/**
+ * A field wrapper for the RadioGroup component.
+ *
+ * This component takes properties from the FormField and RadioGroup components.
+ *
+ * @name RadioGroupField
+ * @phase UXReview
+ *
+ * @generated
+ */
+export declare function RadioGroupField({ label, helperText, labelTrailing, errorMessage, ...controlProps }: RadioGroupFieldProps): import("react/jsx-runtime").JSX.Element;
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */