@bspk/ui 1.3.6 → 1.3.7

package/dist/components/RadioGroupField/RadioGroupFieldExample.js

@@ -0,0 +1,15 @@
+import { RadioGroupExample as radioGroupExample } from '../RadioGroup/RadioGroupExample';
+export const presets = radioGroupExample.presets.map((preset) => ({
+    ...preset,
+    propState: {
+        label: 'Radio Group Field',
+        ...preset.propState,
+    },
+}));
+export const RadioGroupFieldExample = {
+    presets,
+    defaultState: {
+        ...radioGroupExample.defaultState,
+    },
+};
+//# sourceMappingURL=RadioGroupFieldExample.js.map

package/dist/components/RadioGroupField/RadioGroupFieldExample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupFieldExample.js","sourceRoot":"","sources":["../../../src/components/RadioGroupField/RadioGroupFieldExample.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,IAAI,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAGnG,MAAM,CAAC,MAAM,OAAO,GAAmC,iBAAiB,CAAC,OAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC/F,GAAG,MAAM;IACT,SAAS,EAAE;QACP,KAAK,EAAE,mBAAmB;QAC1B,GAAG,MAAM,CAAC,SAAS;KACtB;CACJ,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,sBAAsB,GAA2C;IAC1E,OAAO;IACP,YAAY,EAAE;QACV,GAAG,iBAAiB,CAAC,YAAY;KACpC;CACJ,CAAC"}

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

@@ -9,7 +9,7 @@ import { ScrollListItemsStyleProps } from '-/utils/scrollListItemsStyle';
  * Essentially the props for a ListItem.
  */
 export type SearchBarOption = Pick<ListItemProps, 'label' | 'leading' | 'trailing'>;
-export type SearchBarProps<O extends SearchBarOption = SearchBarOption> = FieldControlProps<string, O> & Pick<InputProps, 'inputRef' | 'size' | 'trailing'> & ScrollListItemsStyleProps & {
+export type SearchBarProps<O extends SearchBarOption = SearchBarOption> = Omit<FieldControlProps<string, O>, 'invalid' | 'readOnly' | 'required'> & Pick<InputProps, 'inputRef' | 'size' | 'trailing'> & ScrollListItemsStyleProps & {
     /**
      * The placeholder of the field.
      *
@@ -81,5 +81,5 @@ export type SearchBarProps<O extends SearchBarOption = SearchBarOption> = FieldC
  * @name SearchBar
  * @phase UXReview
  */
-export declare function SearchBar<O extends SearchBarOption>({ items: itemsProp, noResultsMessage, placeholder, id: idProp, inputRef, name, size, value, onChange, disabled, scrollLimit, trailing, }: SearchBarProps<O>): import("react/jsx-runtime").JSX.Element;
+export declare function SearchBar<O extends SearchBarOption>({ items: itemsProp, noResultsMessage, placeholder, id: idProp, inputRef, name, size, value, onChange, disabled, scrollLimit, trailing, 'aria-label': ariaLabel, }: SearchBarProps<O>): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/SearchBar/SearchBar.js

@@ -51,9 +51,10 @@ import { useIds } from '../../utils/useIds';
  * @name SearchBar
  * @phase UXReview
  */
-export function SearchBar({ items: itemsProp, noResultsMessage, placeholder = 'Search', id: idProp, inputRef, name, size = 'medium', value, onChange, disabled = false, scrollLimit, trailing, }) {
+export function SearchBar({ items: itemsProp, noResultsMessage, placeholder = 'Search', id: idProp, inputRef, name, size = 'medium', value, onChange, disabled = false, scrollLimit, trailing, 'aria-label': ariaLabel, }) {
     const id = useId(idProp);
     const menuId = `${id}-menu`;
+    const noResultsId = `${id}-no-results`;
     const items = useIds(`search-bar-${id}`, itemsProp || []);
     const [hasFocus, setHasFocus] = useState(false);
     const filteredItems = useMemo(() => {
@@ -93,18 +94,15 @@ export function SearchBar({ items: itemsProp, noResultsMessage, placeholder = 'S
             getElementById(activeElementId)?.click();
     };
     useEffect(() => {
-        if (!hasFocus) {
-            setActiveElementId(null);
-            return;
-        }
+        if (!hasFocus)
+            return setActiveElementId(null);
+        if (!filteredItems.length)
+            return setActiveElementId(noResultsId);
         if (activeElementId)
             return;
-        // If we have focus but no active element, set the first item as active (if there is one)
-        if (filteredItems.length) {
-            setActiveElementId(value?.trim().length ? filteredItems[0].id : null);
-        }
-    }, [hasFocus, filteredItems, activeElementId, setActiveElementId, value]);
-    return (_jsxs(_Fragment, { children: [_jsx("div", { "data-bspk": "search-bar", children: _jsx(Input, { autoComplete: "off", containerRef: elements.setReference, disabled: disabled, id: id, inputProps: {
+        setActiveElementId(value?.trim().length ? filteredItems[0].id : null);
+    }, [hasFocus, filteredItems, activeElementId, setActiveElementId, value, noResultsId]);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { "data-bspk": "search-bar", children: _jsx(Input, { "aria-label": ariaLabel, autoComplete: "off", containerRef: elements.setReference, disabled: disabled, id: id, inputProps: {
                         'aria-controls': open ? menuId : undefined,
                         'aria-expanded': open,
                         'aria-haspopup': 'listbox',
@@ -135,7 +133,7 @@ export function SearchBar({ items: itemsProp, noResultsMessage, placeholder = 'S
                 }, owner: "select", role: "listbox", style: {
                     ...(open ? scrollListItemsStyle(scrollLimit, items.length) : {}),
                     ...floatingStyles,
-                }, tabIndex: -1, children: [!!value?.length && !items?.length && (_jsxs("div", { "data-bspk": "no-items-found", children: [_jsx(Txt, { as: "div", variant: "heading-h5", children: "No results found" }), noResultsMessage && (_jsx(Txt, { as: "div", variant: "body-base", children: noResultsMessage }))] })), filteredItems.map((item) => {
+                }, tabIndex: -1, children: [activeElementId === noResultsId && (_jsxs("div", { "data-bspk": "no-items-found", id: noResultsId, children: [_jsx(Txt, { as: "div", variant: "heading-h5", children: "No results found" }), noResultsMessage && (_jsx(Txt, { as: "div", variant: "body-base", children: noResultsMessage }))] })), filteredItems.map((item) => {
                         const isActive = activeElementId === item.id;
                         const isSelected = value == item.label;
                         return (_jsx(ListItem, { ...item, active: isActive || undefined, "aria-label": undefined, "aria-selected": isSelected, as: "li", onClick: () => {

package/dist/components/SearchBar/SearchBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAc,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAiB,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAA6B,MAAM,8BAA8B,CAAC;AAC/F,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAmDxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,UAAU,SAAS,CAA4B,EACjD,KAAK,EAAE,SAAS,EAChB,gBAAgB,EAChB,WAAW,GAAG,QAAQ,EACtB,EAAE,EAAE,MAAM,EACV,QAAQ,EACR,IAAI,EACJ,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,WAAW,EACX,QAAQ,EACR,YAAY,EAAE,SAAS,GACP;IAChB,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,MAAM,MAAM,GAAG,GAAG,EAAE,OAAO,CAAC;IAC5B,MAAM,WAAW,GAAG,GAAG,EAAE,aAAa,CAAC;IAEvC,MAAM,KAAK,GAAG,MAAM,CAAC,cAAc,EAAE,EAAE,EAAE,SAAS,IAAI,EAAE,CAAC,CAAC;IAE1D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC;QAC9D,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC5F,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,MAAM,EAAE,mBAAmB,EAAE,GAAG,YAAY,EAAE,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,mBAAmB,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAC;IAE/C,MAAM,EAAE,eAAe,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,GAAG,kBAAkB,CAAC;QAClF,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KACtC,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,IAAI,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;IAEtC,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,WAAW,CAAC;QAC7C,IAAI,EAAE,CAAC,IAAI;QACX,aAAa,EAAE,CAAC;QAChB,QAAQ,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,eAAe,CAAC;QACZ,QAAQ,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,SAAS,CAAC;QACjD,QAAQ,EAAE,GAAG,EAAE;YACX,WAAW,CAAC,KAAK,CAAC,CAAC;YACnB,SAAS,EAAE,CAAC;QAChB,CAAC;QACD,QAAQ,EAAE,CAAC,IAAI;QACf,UAAU,EAAE,IAAI;KACnB,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,QAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC;YAC5B,OAAO;QACX,CAAC;QACD,IAAI,eAAe;YAAE,cAAc,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC;IAClE,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,QAAQ;YAAE,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAE/C,IAAI,CAAC,aAAa,CAAC,MAAM;YAAE,OAAO,kBAAkB,CAAC,WAAW,CAAC,CAAC;QAElE,IAAI,eAAe;YAAE,OAAO;QAE5B,kBAAkB,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,eAAe,EAAE,kBAAkB,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvF,OAAO,CACH,8BACI,2BAAe,YAAY,YACvB,KAAC,KAAK,kBACU,SAAS,EACrB,YAAY,EAAC,KAAK,EAClB,YAAY,EAAE,QAAQ,CAAC,YAAY,EACnC,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,UAAU,EAAE;wBACR,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;wBAC1C,eAAe,EAAE,IAAI;wBACrB,eAAe,EAAE,SAAS;wBAC1B,uBAAuB,EAAE,eAAe,IAAI,SAAS;wBACrD,mBAAmB,EAAE,MAAM;wBAC3B,IAAI,EAAE,UAAU;wBAChB,UAAU,EAAE,OAAO;qBACtB,EACD,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;wBACf,IAAI,CAAC,IAAI;4BAAE,OAAO;wBAClB,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;oBACrB,CAAC,EACD,OAAO,EAAE,KAAC,SAAS,KAAG,EACtB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAChC,SAAS,EAAE,aAAa,CACpB;wBACI,GAAG,iBAAiB;wBACpB,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;4BACjB,IAAI,CAAC,IAAI;gCAAE,UAAU,EAAE,CAAC;4BACxB,iBAAiB,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;wBACzC,CAAC;wBACD,KAAK,EAAE,UAAU;wBACjB,KAAK,EAAE,UAAU;wBACjB,mBAAmB,EAAE,UAAU;qBAClC,EACD,EAAE,cAAc,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAClD,EACD,KAAK,EAAC,YAAY,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,GACd,GACA,EACN,MAAC,IAAI,yBACkB,SAAS,EAC5B,EAAE,EAAC,KAAK,EACR,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,QAAQ,CAAC,WAAW,EAC9B,KAAK,EAAC,gBAAgB,EACtB,cAAc,EAAE,GAAG,EAAE;oBACjB,wDAAwD;oBACxD,uCAAuC;oBACvC,QAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC;gBAChC,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;oBACV,QAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC;gBAChC,CAAC,EACD,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;oBACH,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;oBAChE,GAAG,cAAc;iBACpB,EACD,QAAQ,EAAE,CAAC,CAAC,aAEX,eAAe,KAAK,WAAW,IAAI,CAChC,4BAAe,gBAAgB,EAAC,EAAE,EAAE,WAAW,aAC3C,KAAC,GAAG,IAAC,EAAE,EAAC,KAAK,EAAC,OAAO,EAAC,YAAY,iCAE5B,EACL,gBAAgB,IAAI,CACjB,KAAC,GAAG,IAAC,EAAE,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,YAC5B,gBAAgB,GACf,CACT,IACC,CACT,EACA,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;wBACxB,MAAM,QAAQ,GAAG,eAAe,KAAK,IAAI,CAAC,EAAE,CAAC;wBAC7C,MAAM,UAAU,GAAG,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC;wBAEvC,OAAO,CACH,KAAC,QAAQ,OAED,IAAI,EACR,MAAM,EAAE,QAAQ,IAAI,SAAS,gBACjB,SAAS,mBACN,UAAU,EACzB,EAAE,EAAC,IAAI,EACP,OAAO,EAAE,GAAG,EAAE;gCACV,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;gCAC3B,SAAS,EAAE,CAAC;4BAChB,CAAC,EACD,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE,SAAS,IAbX,IAAI,CAAC,EAAE,CAcd,CACL,CAAC;oBACN,CAAC,CAAC,IACC,IACR,CACN,CAAC;AACN,CAAC"}

package/dist/components/Slider/SliderIntervalDots.d.ts

@@ -1,6 +1,5 @@
 import { SliderProps, SliderValue } from './Slider';
-type IntervalDotProps = Pick<SliderProps<SliderValue>, 'max' | 'min' | 'value'> & {
+export type IntervalDotProps = Pick<SliderProps<SliderValue>, 'max' | 'min' | 'value'> & {
     step: number;
 };
 export declare function SliderIntervalDots({ step, max, min, value }: IntervalDotProps): import("react/jsx-runtime").JSX.Element[] | null;
-export {};

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

@@ -0,0 +1,3 @@
+import { SwitchProps } from '.';
+import { ComponentExample } from '-/utils/demo';
+export declare const SwitchExample: ComponentExample<SwitchProps>;

package/dist/components/Switch/SwitchExample.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SwitchExample = {
+    render: ({ props, Component }) => _jsx(Component, { ...props, "aria-label": props['aria-label'] || 'switch aria-label' }),
+};
+//# sourceMappingURL=SwitchExample.js.map

package/dist/components/Switch/SwitchExample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchExample.js","sourceRoot":"","sources":["../../../src/components/Switch/SwitchExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,aAAa,GAAkC;IACxD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,gBAAc,KAAK,CAAC,YAAY,CAAC,IAAI,mBAAmB,GAAI;CACrH,CAAC"}

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

@@ -1 +1,2 @@
 export * from './Table';
+export * from './utils';

package/dist/components/Table/index.js

@@ -1,2 +1,3 @@
 export * from './Table';
+export * from './utils';
 //# sourceMappingURL=index.js.map

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

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

package/dist/components/TimePicker/Listbox.d.ts

@@ -1,10 +1,10 @@
 import { TimePickerType } from './Segment';
-type Option = {
+export type Option = {
     id: string;
     value: string;
     label: string;
 };
-type TimePickerListboxProps = {
+export type TimePickerListboxProps = {
     options: Option[];
     selectedValue?: string;
     type: TimePickerType;
@@ -12,4 +12,3 @@ type TimePickerListboxProps = {
     onTab?: (e: React.KeyboardEvent) => void;
 };
 export declare function TimePickerListbox({ options, selectedValue, type: kind, onSelect, onTab }: TimePickerListboxProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/TimePicker/Segment.d.ts

@@ -8,7 +8,7 @@ export declare const HOUR_BOUNDS: {
 };
 export declare const NUMBER_PLACEHOLDER: "--";
 export type TimePickerType = 'hours' | 'meridiem' | 'minutes';
-type TimePickerSegmentProps<T extends string> = {
+export type TimePickerSegmentProps<T extends string> = {
     disabled?: boolean;
     name: string;
     readOnly?: boolean;
@@ -18,4 +18,3 @@ type TimePickerSegmentProps<T extends string> = {
     setRef?: (element: HTMLElement | null) => void;
 };
 export declare function TimePickerSegment<T extends string>({ disabled, name, readOnly, value: valueProp, type: kind, onChange, setRef, }: TimePickerSegmentProps<T>): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/ToggleOption/ToggleOption.d.ts

@@ -5,7 +5,7 @@ import { CommonProps } from '-/types/common';
 export type ToggleOptionControlProps<T extends {
     'aria-label'?: string;
 }> = Omit<T, 'aria-label'> & Pick<ToggleOptionProps, 'description' | 'label'>;
-export type ToggleOptionProps = CommonProps<'disabled' | 'readOnly'> & Omit<ListItemProps, 'as' | 'label' | 'leading' | 'subtext' | 'trailing'> & {
+export type ToggleOptionProps = CommonProps<'disabled'> & Omit<ListItemProps, 'as' | 'label' | 'leading' | 'subtext' | 'trailing'> & {
     /**
      * The label of the option. Also used as the aria-label of the control.
      *
@@ -27,5 +27,5 @@ export type ToggleOptionProps = CommonProps<'disabled' | 'readOnly'> & Omit<List
  * @name ToggleOption
  * @phase Utility
  */
-export declare function ToggleOption({ label, description, children, disabled, readOnly, ...props }: ToggleOptionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToggleOption({ label, description, children, disabled, ...props }: ToggleOptionProps): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/ToggleOption/ToggleOption.js

@@ -7,7 +7,7 @@ import { ListItem } from '../ListItem';
  * @name ToggleOption
  * @phase Utility
  */
-export function ToggleOption({ label, description, children, disabled, readOnly, ...props }) {
-    return (_jsx(ListItem, { ...props, as: "label", "data-disabled": disabled, "data-readonly": readOnly, label: label, leading: children, subText: description, width: "hug" }));
+export function ToggleOption({ label, description, children, disabled, ...props }) {
+    return (_jsx(ListItem, { ...props, "aria-disabled": disabled || undefined, as: "label", label: label, leading: children, subText: description, width: "hug" }));
 }
 //# sourceMappingURL=ToggleOption.js.map

package/dist/components/ToggleOption/ToggleOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleOption.js","sourceRoot":"","sources":["../../../src/components/ToggleOption/ToggleOption.tsx"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,QAAQ,EAAiB,MAAM,uBAAuB,CAAC;AAwBhE;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAqB;IAC1G,OAAO,CACH,KAAC,QAAQ,OACD,KAAK,EACT,EAAE,EAAC,OAAO,mBACK,QAAQ,mBACR,QAAQ,EACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,KAAK,GACb,CACL,CAAC;AACN,CAAC"}
+{"version":3,"file":"ToggleOption.js","sourceRoot":"","sources":["../../../src/components/ToggleOption/ToggleOption.tsx"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,QAAQ,EAAiB,MAAM,uBAAuB,CAAC;AAwBhE;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAqB;IAChG,OAAO,CACH,KAAC,QAAQ,OACD,KAAK,mBACM,QAAQ,IAAI,SAAS,EACpC,EAAE,EAAC,OAAO,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,KAAK,GACb,CACL,CAAC;AACN,CAAC"}

package/dist/hooks/useArrowNavigation.d.ts

@@ -1,14 +1,14 @@
 import { KeyboardEvent } from 'react';
 import { KeysCallback } from '-/utils/handleKeyDown';
 import { KeyboardEventCode } from '-/utils/keyboard';
-type ArrowKeyNames = Extract<KeyboardEventCode, `Arrow${string}`>;
+export type ArrowKeyNames = Extract<KeyboardEventCode, `Arrow${string}`>;
 export type ArrowKeyNavigationCallbackParams = {
     key: ArrowKeyNames;
     event: KeyboardEvent;
     activeElementId: string | null;
     increment: number;
 };
-type UseArrowNavigationProps = {
+export type UseArrowNavigationProps = {
     /**
      * An array of string IDs representing the navigable elements. These IDs should correspond to the `id` attributes of
      * the elements in the DOM. Ensure the elements are not disabled.
@@ -45,4 +45,3 @@ export declare function useArrowNavigation({ ids, callback, increments, defaultA
     setActiveElementId: (id: string | null) => void;
     arrowKeyCallbacks: KeysCallback;
 };
-export {};

package/dist/hooks/useDebounceCallback.d.ts

@@ -1,4 +1,4 @@
-type Fn = (...args: unknown[]) => void;
+export type Fn = (...args: unknown[]) => void;
 /**
  * A hook that debounces a function call, ensuring that the function is not called again until a specified delay
  *
@@ -8,4 +8,3 @@ type Fn = (...args: unknown[]) => void;
  *   (delay) ms
  */
 export declare function useDebounceCallback(fn: Fn, delay?: number): Fn;
-export {};

package/dist/hooks/useDebounceState.d.ts

@@ -2,7 +2,6 @@ import { SetStateAction } from 'react';
 /**
  * A hook that debounces a state update, ensuring that the function is not called again until a specified delay
  *
- * @param defaultValue The initial value of the state
  * @param delay [1000] The delay (in ms) for the state to update
  * @returns A tuple containing the current state and a debounced setter function that updates the state after the
  *   specified delay

package/dist/hooks/useDebounceState.js

@@ -3,7 +3,6 @@ import { useTimeout } from './useTimeout';
 /**
  * A hook that debounces a state update, ensuring that the function is not called again until a specified delay
  *
- * @param defaultValue The initial value of the state
  * @param delay [1000] The delay (in ms) for the state to update
  * @returns A tuple containing the current state and a debounced setter function that updates the state after the
  *   specified delay

package/dist/hooks/useDebounceState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounceState.js","sourceRoot":"","sources":["../../src/hooks/useDebounceState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C;;;;;;;GAOG;AACH,MAAM,UAAU,gBAAgB,CAAI,YAA2B,EAAE,KAAK,GAAG,IAAI;IACzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,YAAY,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,OAAO,CAAC,KAAK,EAAE,CAAC,SAA4B,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,CAAU,CAAC;AAC7G,CAAC"}
+{"version":3,"file":"useDebounceState.js","sourceRoot":"","sources":["../../src/hooks/useDebounceState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAAI,YAA2B,EAAE,KAAK,GAAG,IAAI;IACzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,YAAY,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,OAAO,CAAC,KAAK,EAAE,CAAC,SAA4B,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,CAAU,CAAC;AAC7G,CAAC"}

package/dist/hooks/useOutsideClick.d.ts

@@ -22,12 +22,11 @@
  *     </>
  *     );
  *     }
- *
- * @param elements - The elements to check if the click occurred outside of.
- * @param callback - The callback to call when a click occurs outside of the ref.
- * @param disabled - Whether the hook should be disabled. Defaults to false.
  */
-export declare function useOutsideClick({ elements, callback, disabled, handleTabs, }: {
+export declare function useOutsideClick({ elements, // The elements to check if the click occurred outside of.
+callback, // The callback to call when a click occurs outside of the ref.
+disabled, // Whether the hook should be disabled. Defaults to false.
+handleTabs, }: {
     elements: (HTMLElement | null)[] | null;
     callback: (event?: KeyboardEvent | MouseEvent) => void;
     disabled: boolean;

package/dist/hooks/useOutsideClick.js

@@ -23,12 +23,12 @@ import { useEffect } from 'react';
  *     </>
  *     );
  *     }
- *
- * @param elements - The elements to check if the click occurred outside of.
- * @param callback - The callback to call when a click occurs outside of the ref.
- * @param disabled - Whether the hook should be disabled. Defaults to false.
  */
-export function useOutsideClick({ elements, callback, disabled, handleTabs = false, }) {
+export function useOutsideClick({ elements, // The elements to check if the click occurred outside of.
+callback, // The callback to call when a click occurs outside of the ref.
+disabled, // Whether the hook should be disabled. Defaults to false.
+handleTabs = false, // Whether to handle tab key presses as outside clicks.
+ }) {
     useEffect(() => {
         if (!elements?.length || disabled)
             return;

package/dist/hooks/useOutsideClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOutsideClick.js","sourceRoot":"","sources":["../../src/hooks/useOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,UAAU,eAAe,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,GAAG,KAAK,GAMrB;IACG,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,QAAQ,EAAE,MAAM,IAAI,QAAQ;YAAE,OAAO;QAE1C,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC7C,IAAI,QAAQ,IAAI,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,KAAK,CAAC,MAAc,CAAC,CAAC;gBAAE,OAAO;YACjG,QAAQ,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,CAAC;QAEF,MAAM,gBAAgB,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC9C,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,QAAQ;gBAAE,OAAO;YAE3D,UAAU,CAAC,GAAG,EAAE;gBACZ,IAAI,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;oBAAE,OAAO;gBACvF,QAAQ,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC,EAAE,CAAC,CAAC,CAAC;QACV,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAC9D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;QAC9D,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;AACnD,CAAC;AAED,sDAAsD"}
+{"version":3,"file":"useOutsideClick.js","sourceRoot":"","sources":["../../src/hooks/useOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,eAAe,CAAC,EAC5B,QAAQ,EAAE,0DAA0D;AACpE,QAAQ,EAAE,+DAA+D;AACzE,QAAQ,EAAE,0DAA0D;AACpE,UAAU,GAAG,KAAK,EAAE,uDAAuD;EAM9E;IACG,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,QAAQ,EAAE,MAAM,IAAI,QAAQ;YAAE,OAAO;QAE1C,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC7C,IAAI,QAAQ,IAAI,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,KAAK,CAAC,MAAc,CAAC,CAAC;gBAAE,OAAO;YACjG,QAAQ,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,CAAC;QAEF,MAAM,gBAAgB,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC9C,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,QAAQ;gBAAE,OAAO;YAE3D,UAAU,CAAC,GAAG,EAAE;gBACZ,IAAI,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;oBAAE,OAAO;gBACvF,QAAQ,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC,EAAE,CAAC,CAAC,CAAC;QACV,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAC9D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;QAC9D,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;AACnD,CAAC;AAED,sDAAsD"}

package/dist/hooks/useTimeout.d.ts

@@ -1,4 +1,4 @@
-type TimeoutHook = {
+export type TimeoutHook = {
     clear: () => void;
     set: (callback: () => void, ms?: number) => void;
     ref: React.MutableRefObject<ReturnType<typeof setTimeout> | null>;
@@ -24,5 +24,4 @@ type TimeoutHook = {
  */
 export declare function useTimeout(): TimeoutHook;
 export declare function useTimeout(initialCallback: () => void, durationMs: number): TimeoutHook;
-export {};
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/types/common.d.ts

@@ -11,7 +11,7 @@ export type AlertVariant = 'error' | 'informational' | 'success' | 'warning';
 export type SetRef<T> = (instance: T | null) => void;
 export type ElementProps<P extends Record<string, unknown>, E extends JSXElementConstructor<unknown> | keyof JSX.IntrinsicElements, O extends string = ''> = Omit<ComponentPropsWithoutRef<E>, O | keyof P> & P;
 export type ElementConstructorProps<E extends JSXElementConstructor<unknown> | keyof JSX.IntrinsicElements, O extends string = ''> = Omit<ComponentPropsWithoutRef<E>, O>;
-type CSSVariables = `--${string}`;
+export type CSSVariables = `--${string}`;
 export type CSSWithVariables = CSSProperties | (CSSProperties & {
     [key in CSSVariables]: unknown;
 });
@@ -95,14 +95,12 @@ export type CommonPropsLibrary = {
     /**
      * The aria-label for the element.
      *
-     * @required
-     */
-    'aria-label'?: string;
-    /**
-     * Identifies the parent component. Helps with styling, debugging, and/or testing purposes.
+     * This is used to provide an accessible name for the element when a visible label is not present.
      *
-     * @utility
+     * Ensure this is provided when using the element in isolation to maintain accessibility.
      */
+    'aria-label'?: string;
+    /** Identifies the parent component. Helps with styling, debugging, and/or testing purposes. */
     owner?: string;
     /**
      * The ARIA role of the element.
@@ -134,5 +132,4 @@ export type FieldControlProps<ValueType = string, ChangeContext = ChangeEvent<HT
     onChange: (next: ValueType | undefined, event?: ChangeContext) => void;
 };
 export type Brand = 'anywhere' | 'better-homes-gardens' | 'cartus' | 'century-21' | 'coldwell-banker' | 'corcoran' | 'denali-boss' | 'era' | 'sothebys';
-export {};
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/types/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/types/common.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;;AA2KH,sDAAsD"}
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/types/common.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;;AAyKH,sDAAsD"}

package/dist/utils/countryCodes.d.ts

@@ -1,10 +1,9 @@
 import { IconName } from '@bspk/icons/meta';
 import { CountryCode } from 'libphonenumber-js';
 export type SupportedCountryCode = keyof CountryCodeData;
-type CountryCodeData = Omit<Record<CountryCode, {
+export type CountryCodeData = Omit<Record<CountryCode, {
     name: string;
     flagIconName: IconName;
 }>, 'AC' | 'CI' | 'CV' | 'FM' | 'GP' | 'KN' | 'LC' | 'MF' | 'NC' | 'RE' | 'SH' | 'SJ' | 'TA' | 'VA' | 'VC' | 'WF' | 'XK' | 'YT'>;
 export declare const countryCodeData: CountryCodeData;
 export declare const countryCodes: SupportedCountryCode[];
-export {};

package/dist/utils/createExampleChildElement.d.ts

@@ -1,5 +1,5 @@
 import { DemoAction, DemoSetState } from './demo';
-type ExampleChildElementProps = {
+export type ExampleChildElementProps = {
     exampleState: Record<string, any>;
     name: string;
     setState: DemoSetState;
@@ -14,4 +14,3 @@ export declare function createExampleChildElement({ exampleState, name, setState
     element: JSX.Element | null;
     componentName?: string;
 };
-export {};

package/dist/utils/demo.d.ts

@@ -40,7 +40,7 @@ export type ComponentExampleRenderProps<Props = Record<string, unknown>> = {
     id: string;
 };
 export type ComponentExampleRender<Props = Record<string, unknown>> = (params: ComponentExampleRenderProps<Props>) => React.ReactNode;
-type ComponentVariantOverride<Props> = {
+export type ComponentVariantOverride<Props> = {
     [K in keyof Props]?: Props[K] | {
         options: Props[K][];
     };
@@ -135,4 +135,3 @@ export type DemoPreset<P = Record<string, unknown>> = Preset<P> & {
     value: string;
 };
 export declare function createUid(prefix?: string): string;
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@bspk/ui",
-    "version": "1.3.6",
+    "version": "1.3.7",
     "license": "CC-BY-4.0",
     "type": "module",
     "files": [

package/src/components/AvatarGroup/AvatarGroup.tsx

@@ -35,8 +35,8 @@ export type AvatarGroupProps = CommonProps<'style'> & {
      * Recommended to set this to a value between 3 and 5 for optimal display.
      *
      * @default 5
-     * @min 1
-     * @max 5
+     * @minimum 1
+     * @maximum 5
      */
     max?: number;
     /**

package/src/components/AvatarGroup/Overflow.tsx

@@ -9,7 +9,7 @@ import { handleKeyDown } from '-/utils/handleKeyDown';
 import { scrollListItemsStyle } from '-/utils/scrollListItemsStyle';
 import { useIds } from '-/utils/useIds';
 
-type AvatarGroupOverflowProps = {
+export type AvatarGroupOverflowProps = {
     /** The number of overflow avatars */
     overflow: number;
     /** The size of the avatar group */

package/src/components/BadgeDot/BadgeDot.tsx

@@ -2,7 +2,7 @@ import './badge-dot.scss';
 import { ReactNode } from 'react';
 import { cssWithVars } from '-/utils/cwv';
 
-type BadgeDotSize = 6 | 8 | 10 | 12;
+export type BadgeDotSize = 6 | 8 | 10 | 12;
 
 const OUTLINE_WIDTHS: Record<BadgeDotSize, number> = {
     6: 1,

package/src/components/Breadcrumb/Breadcrumb.tsx

@@ -1,6 +1,6 @@
 import './breadcrumb.scss';
 import { SvgChevronRight } from '@bspk/icons/ChevronRight';
-import { BreadcrumbDropdown, BreadcrumbItem } from './BreadcumbDropdown';
+import { BreadcrumbDropdown, BreadcrumbItem } from './BreadcrumbDropdown';
 import { Link } from '-/components/Link';
 import { Txt } from '-/components/Txt';
 import { useId } from '-/hooks/useId';

package/src/components/Breadcrumb/{BreadcumbDropdown.tsx → BreadcrumbDropdown.tsx}

@@ -32,7 +32,7 @@ export type BreadcrumbItem = {
     href: string;
 };
 
-type BreadcrumbDropdownProps = ScrollListItemsStyleProps & {
+export type BreadcrumbDropdownProps = ScrollListItemsStyleProps & {
     items: BreadcrumbItem[];
     id: string;
 };

package/src/components/Breadcrumb/index.tsx

@@ -1 +1,2 @@
 export * from './Breadcrumb';
+export * from './BreadcrumbDropdown';

package/src/components/Calendar/Calendar.tsx

@@ -28,10 +28,10 @@ import { useId } from '-/hooks/useId';
 import { getElementById } from '-/utils/dom';
 import { handleKeyDown } from '-/utils/handleKeyDown';
 
-type Direction = '<' | '<<' | '>' | '>>';
-type Kind = 'day' | 'month' | 'year';
+export type Direction = '<' | '<<' | '>' | '>>';
+export type Kind = 'day' | 'month' | 'year';
 
-type ConfigKind = {
+export type ConfigKind = {
     header: Record<
         Direction,
         {

package/src/components/Checkbox/CheckboxExample.tsx

@@ -0,0 +1,8 @@
+import { CheckboxProps } from '.';
+import { ComponentExample } from '-/utils/demo';
+
+export const CheckboxExample: ComponentExample<CheckboxProps> = {
+    render: ({ props, Component }) => (
+        <Component {...props} aria-label={props['aria-label'] || 'checkbox aria-label'} />
+    ),
+};

package/src/components/CheckboxGroup/CheckboxGroup.tsx

@@ -9,7 +9,7 @@ const ALL_LABEL = 'All';
 export type CheckboxGroupOption = Pick<CheckboxProps, 'value'> &
     Pick<ToggleOptionProps, 'description' | 'disabled' | 'label'>;
 
-export type CheckboxGroupProps = FieldControlProps<string[]> & {
+export type CheckboxGroupProps = Omit<FieldControlProps<string[]>, 'readOnly'> & {
     /**
      * The options for the checkboxes.
      *
@@ -37,6 +37,8 @@ export type CheckboxGroupProps = FieldControlProps<string[]> & {
 /**
  * A group of checkboxes that allows users to choose one or more items from a list or turn an feature on or off.
  *
+ * For a more complete example with field usage, see the CheckboxGroupField component.
+ *
  * @example
  *     import { CheckboxGroup } from '@bspk/ui/CheckboxGroup';
  *

package/src/components/CheckboxGroup/CheckboxGroupExample.tsx

@@ -57,4 +57,16 @@ export const presets: Preset<CheckboxGroupProps>[] = [
 
 export const CheckboxGroupExample: ComponentExample<CheckboxGroupProps> = {
     presets,
+    defaultState: {
+        options: [
+            { label: 'Option 1', value: 'option1', description: 'Description for option 1' },
+            {
+                label: 'Option 2',
+                value: 'option2',
+                description: 'Description for option 2 (disabled)',
+                disabled: true,
+            },
+            { label: 'Option 3', value: 'option3', description: 'Description for option 3' },
+        ],
+    },
 };

package/src/components/CheckboxGroupField/CheckboxGroupFieldExample.tsx

@@ -0,0 +1,18 @@
+import { CheckboxGroupFieldProps } from '.';
+import { CheckboxGroupExample as checkboxGroupExample } from '-/components/CheckboxGroup/CheckboxGroupExample';
+import { ComponentExample, Preset } from '-/utils/demo';
+
+export const presets: Preset<CheckboxGroupFieldProps>[] = checkboxGroupExample.presets!.map((preset) => ({
+    ...preset,
+    propState: {
+        label: 'Checkbox Group Field',
+        ...preset.propState,
+    },
+}));
+
+export const CheckboxGroupFieldExample: ComponentExample<CheckboxGroupFieldProps> = {
+    presets,
+    defaultState: {
+        ...checkboxGroupExample.defaultState,
+    },
+};

package/src/components/Chip/Chip.tsx

@@ -29,7 +29,7 @@ export type ChipProps = {
     /** The function to call when the chip is clicked. */
     onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     /**
-     * Whether the chip is currently selected.
+     * Visual indication of whether the chip is currently selected.
      *
      * @default false
      */

package/src/components/Field/field.scss

@@ -4,6 +4,8 @@
     flex-direction: column;
     gap: var(--spacing-sizing-01);
     border: none;
+    max-width: 100%;
+    min-inline-size: unset;
 }
 
 [data-bspk='field-label'] {

package/src/components/FormField/FormFieldExample.tsx

@@ -15,7 +15,7 @@ import { TimePicker } from '-/components/TimePicker';
 import { FieldControlProps } from '-/types/common';
 import { ComponentExample, Preset, Syntax } from '-/utils/demo';
 
-type ExampleProps = Partial<FieldControlProps & FormFieldProps>;
+export type ExampleProps = Partial<FieldControlProps & FormFieldProps>;
 
 export const presets: Preset<Partial<ExampleProps>>[] = [
     {

package/src/components/Input/InputElement.tsx

@@ -13,7 +13,7 @@ export const DEFAULT = {
     autoComplete: 'off',
 } as const;
 
-type InputElementBaseProps = CommonProps<'owner' | 'size'> &
+export type InputElementBaseProps = CommonProps<'owner' | 'size'> &
     FieldControlProps &
     Pick<FieldContextProps, 'ariaDescribedBy' | 'ariaErrorMessage'> & {
         /** The ref of the container. */