@bspk/ui 1.0.1 → 1.1.12

package/dist/ProgressionStepperBar.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { styleAdd } from './utils/styleAdd';
+styleAdd(`[data-bspk=progression-stepper-bar]{display:flex;width:100%;flex-direction:column;gap:var(--spacing-sizing-01)}[data-bspk=progression-stepper-bar][data-size=large]{--height: var(--spacing-sizing-02)}[data-bspk=progression-stepper-bar][data-size=small]{--height: var(--spacing-sizing-01)}[data-bspk=progression-stepper-bar] [data-steps]{display:flex;flex-direction:row;gap:var(--spacing-sizing-01);height:var(--height)}[data-bspk=progression-stepper-bar] [data-steps] [data-step]{width:100%;height:var(--height);min-width:var(--spacing-sizing-02);border-radius:var(--radius-small);background:var(--surface-neutral-t3-low)}[data-bspk=progression-stepper-bar] [data-steps] [data-step][data-complete]{background:var(--surface-brand-primary)}[data-bspk=progression-stepper-bar] label{font:var(--labels-small)}`);;
+/**
+ * Component description coming soon.
+ *
+ * @name ProgressionStepperBar
+ */
+function ProgressionStepperBar({ stepCount, stepCompleted: stepCompletedProp = 0, size = 'large', }) {
+    const stepCompleted = Math.min(stepCompletedProp, stepCount);
+    return (_jsxs("div", { "data-bspk": "progression-stepper-bar", "data-size": size, style: { '--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("label", { children: [stepCompleted, " of ", stepCount, " steps completed."] })] }));
+}
+ProgressionStepperBar.bspkName = 'ProgressionStepperBar';
+export { ProgressionStepperBar };
+//# sourceMappingURL=ProgressionStepperBar.js.map

package/dist/ProgressionStepperBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressionStepperBar.js","sourceRoot":"","sources":["../src/ProgressionStepperBar.tsx"],"names":[],"mappings":";AAAA,OAAO,gCAAgC,CAAC;AA2BxC;;;;GAIG;AACH,SAAS,qBAAqB,CAAC,EAC3B,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,EAAE,SAAS,EAAE,SAAS,EAAmB,aACtG,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,4BACK,aAAa,UAAM,SAAS,yBACzB,IACN,CACT,CAAC;AACN,CAAC;AAED,qBAAqB,CAAC,QAAQ,GAAG,uBAAuB,CAAC;AAEzD,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/{Radio.d.ts → dist/Radio.d.ts}

@@ -1,3 +1,4 @@
+import './radio.scss';
 import { ToggleControlProps, ElementProps } from './';
 export type RadioProps = Pick<ToggleControlProps<HTMLInputElement>, 'aria-label' | 'checked' | 'disabled' | 'invalid' | 'name' | 'onChange' | 'value'>;
 /**
@@ -8,10 +9,9 @@ export type RadioProps = Pick<ToggleControlProps<HTMLInputElement>, 'aria-label'
  *
  * @name Radio
  */
-declare function Radio(props: ElementProps<RadioProps, 'input'>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Radio(props: ElementProps<RadioProps, 'input'>): import("react/jsx-runtime").JSX.Element;
 declare namespace Radio {
     var bspkName: string;
 }
 export { Radio };
-export declare const style: import("@emotion/react").SerializedStyles;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/Radio.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { styleAdd } from './utils/styleAdd';
+styleAdd(`[data-bspk=radio]{display:block;position:relative;width:var(--spacing-sizing-06);aspect-ratio:1/1;padding:2px}[data-bspk=radio] input[type=radio]{position:absolute;opacity:0;z-index:2;width:100%;height:100%;top:0;left:0;cursor:pointer}[data-bspk=radio] span{--stroke: var(--stroke-neutral-base);--inner: var(--foreground-brand-primary);--background: none;position:relative;z-index:1;box-sizing:border-box;display:flex;width:var(--spacing-sizing-05);aspect-ratio:1/1;border-radius:50%;border:2px solid var(--stroke);align-items:center;flex-direction:column;justify-content:center;background:var(--background)}[data-bspk=radio] span::before{content:"";display:block;width:var(--spacing-sizing-03);aspect-ratio:1/1;background:var(--inner);border-radius:var(--radius-circular);opacity:0}[data-bspk=radio] input[type=radio]:not(:disabled):hover+span{--background: var(--interactions-neutral-hover-opacity)}[data-bspk=radio] input[type=radio]:not(:disabled):active+span{--background: var(--interactions-neutral-press-opacity)}[data-bspk=radio] input[type=radio]:not(:disabled)[data-invalid]+span{--stroke: var(--status-error);--inner: var(--status-error)}[data-bspk=radio] input[type=radio]:checked+span{--stroke: var(--stroke-brand-primary)}[data-bspk=radio] input[type=radio]:checked+span::before{opacity:1}[data-bspk=radio] input[type=radio]:disabled{pointer-events:none}[data-bspk=radio] input[type=radio]:disabled+span{--stroke: var(--stroke-neutral-interactions-disabled-light);--inner: var(--foreground-neutral-disabled-on-surface)}`);;
+/**
+ * A round control that allows user to choose one option from a set. This is the base element and if used directly you
+ * must wrap it with a label. This will more often be used in the RadioOption or RadioGroup component.
+ *
+ * @element
+ *
+ * @name Radio
+ */
+function Radio(props) {
+    const { checked = false, invalid, disabled, onChange, ...otherProps } = props;
+    return (_jsxs("span", { "data-bspk": "radio", children: [_jsx("input", { ...otherProps, checked: !!checked, "data-invalid": invalid || undefined, disabled: disabled || undefined, onChange: (event) => onChange(!!event.target.checked, event), type: "radio" }), _jsx("span", { "aria-hidden": true })] }));
+}
+Radio.bspkName = 'Radio';
+export { Radio };
+//# sourceMappingURL=Radio.js.map

package/dist/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../src/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,CAAC;AAQtB;;;;;;;GAOG;AACH,SAAS,KAAK,CAAC,KAAwC;IACnD,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;AAED,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;AAEzB,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/{RadioGroup.d.ts → dist/RadioGroup.d.ts}

@@ -23,7 +23,7 @@ export type RadioGroupProps = CommonProps<'name' | 'value'> & {
  *
  * @name RadioGroup
  */
-declare function RadioGroup({ onChange, options, name, value: groupValue, size, ...props }: ElementProps<RadioGroupProps, 'div'>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function RadioGroup({ onChange, options, name, value: groupValue, size, ...props }: ElementProps<RadioGroupProps, 'div'>): import("react/jsx-runtime").JSX.Element;
 declare namespace RadioGroup {
     var bspkName: string;
 }

package/dist/RadioGroup.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Radio } from './Radio';
+import { ToggleOption } from './ToggleOption';
+/**
+ * A group of radios that allows users to choose one or more items from a list or turn an feature on or off.
+ *
+ * @name RadioGroup
+ */
+function RadioGroup({ onChange, options = [], name, value: groupValue, size, ...props }) {
+    return (_jsx("div", { ...props, "data-bspk": "radio-group", role: "radiogroup", style: { display: 'contents' }, children: options.map(({ label, description, value }) => {
+            return (_jsx(ToggleOption, { description: description, label: label, size: size, children: _jsx(Radio, { "aria-label": label, checked: groupValue === value, name: name, onChange: (checked) => checked && onChange(value), value: value }) }, value));
+        }) }));
+}
+RadioGroup.bspkName = 'RadioGroup';
+export { RadioGroup };
+//# sourceMappingURL=RadioGroup.js.map

package/dist/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAqB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAwBjE;;;;GAIG;AACH,SAAS,UAAU,CAAC,EAChB,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,IAAI,EACJ,KAAK,EAAE,UAAU,EACjB,IAAI,EACJ,GAAG,KAAK,EAC2B;IACnC,OAAO,CACH,iBAAS,KAAK,eAAY,aAAa,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,YACnF,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;YAC3C,OAAO,CACH,KAAC,YAAY,IAAC,WAAW,EAAE,WAAW,EAAc,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,YACxE,KAAC,KAAK,kBACU,KAAK,EACjB,OAAO,EAAE,UAAU,KAAK,KAAK,EAC7B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,IAAI,QAAQ,CAAC,KAAK,CAAC,EACjD,KAAK,EAAE,KAAK,GACd,IAPuC,KAAK,CAQnC,CAClB,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC;AAED,UAAU,CAAC,QAAQ,GAAG,YAAY,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/{RadioOption.d.ts → dist/RadioOption.d.ts}

@@ -6,7 +6,7 @@ export type RadioOptionProps = Pick<RadioProps, 'checked' | 'disabled' | 'invali
  *
  * @name RadioOption
  */
-declare function RadioOption({ label, description, ...checkboxProps }: RadioOptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function RadioOption({ label, description, ...checkboxProps }: RadioOptionProps): import("react/jsx-runtime").JSX.Element;
 declare namespace RadioOption {
     var bspkName: string;
 }

package/dist/RadioOption.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Radio } from './Radio';
+import { ToggleOption } from './ToggleOption';
+/**
+ * A control that allows users to choose one or more items from a list or turn an feature on or off.
+ *
+ * @name RadioOption
+ */
+function RadioOption({ label, description, ...checkboxProps }) {
+    return (_jsx(ToggleOption, { "data-bspk": "radio-option", description: description, label: label, children: _jsx(Radio, { ...checkboxProps, "aria-label": label }) }));
+}
+RadioOption.bspkName = 'RadioOption';
+export { RadioOption };
+//# sourceMappingURL=RadioOption.js.map

package/dist/RadioOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioOption.js","sourceRoot":"","sources":["../src/RadioOption.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,KAAK,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAqB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAKjE;;;;GAIG;AACH,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,aAAa,EAAoB;IAC3E,OAAO,CACH,KAAC,YAAY,iBAAW,cAAc,EAAC,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,YACzE,KAAC,KAAK,OAAK,aAAa,gBAAc,KAAK,GAAI,GACpC,CAClB,CAAC;AACN,CAAC;AAED,WAAW,CAAC,QAAQ,GAAG,aAAa,CAAC;AAErC,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/{SearchBar.d.ts → dist/SearchBar.d.ts}

@@ -1,3 +1,4 @@
+import './search-bar.scss';
 import { MenuItem, MenuProps } from './Menu';
 import { TextInputProps } from './TextInput';
 export type SearchBarProps = Pick<MenuProps, 'itemCount' | 'items' | 'noResultsMessage'> & Pick<TextInputProps, 'aria-label' | 'id' | 'inputRef' | 'name' | 'placeholder' | 'size'> & {
@@ -17,10 +18,9 @@ export type SearchBarProps = Pick<MenuProps, 'itemCount' | 'items' | 'noResultsM
  *
  * @name SearchBar
  */
-declare function SearchBar({ itemCount, items, noResultsMessage, placeholder, 'aria-label': ariaLabel, id: idProp, inputRef, name, size, onSelect, searchValue, setSearchValue, }: SearchBarProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function SearchBar({ itemCount, items, noResultsMessage, placeholder, 'aria-label': ariaLabel, id: idProp, inputRef, name, size, onSelect, searchValue, setSearchValue, }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SearchBar {
     var bspkName: string;
 }
 export { SearchBar };
-export declare const style: import("@emotion/react").SerializedStyles;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/{SearchBar.js → dist/SearchBar.js}

@@ -1,13 +1,13 @@
-import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { SvgSearch } from '@bspk/icons/Search';
-import { css } from '@emotion/react';
+import { styleAdd } from './utils/styleAdd';
+styleAdd(`[data-bspk=search-bar]{display:flex;width:100%;min-width:300px}`);;
 import { useRef } from 'react';
-import { Menu } from './Menu.js';
-import { Portal } from './Portal.js';
-import { TextInput } from './TextInput.js';
-import { useFloatingMenu } from './hooks/useFloatingMenu.js';
-import { useId } from './hooks/useId.js';
-
+import { Menu } from './Menu';
+import { Portal } from './Portal';
+import { TextInput } from './TextInput';
+import { useFloatingMenu } from './hooks/useFloatingMenu';
+import { useId } from './hooks/useId';
 /**
  * Component description coming soon.
  *
@@ -19,10 +19,10 @@ function SearchBar({ itemCount, items, noResultsMessage, placeholder = 'Search',
         placement: 'bottom-start',
     });
     const inputRefLocal = useRef(null);
-    return (jsxs(Fragment, { children: [jsx(TextInput, { "aria-label": ariaLabel, autoComplete: "off", containerRef: triggerRef, css: style, id: id, inputRef: (node) => {
+    return (_jsxs(_Fragment, { children: [_jsx(TextInput, { "aria-label": ariaLabel, autoComplete: "off", containerRef: triggerRef, "data-bspk": "search-bar", id: id, inputRef: (node) => {
                     inputRef?.(node || null);
                     inputRefLocal.current = node;
-                }, leading: jsx(SvgSearch, {}), name: name, onChange: (str) => setSearchValue(str), placeholder: placeholder, size: size, value: searchValue, ...triggerProps, onClick: (event) => {
+                }, leading: _jsx(SvgSearch, {}), name: name, onChange: (str) => setSearchValue(str), placeholder: placeholder, size: size, value: searchValue, ...triggerProps, onClick: (event) => {
                     if (items?.length)
                         onClick(event);
                 }, onKeyDownCapture: (event) => {
@@ -30,7 +30,7 @@ function SearchBar({ itemCount, items, noResultsMessage, placeholder = 'Search',
                     if (handled)
                         return;
                     inputRefLocal.current?.focus();
-                } }), jsx(Portal, { children: jsx(Menu, { itemCount: itemCount, items: items, noResultsMessage: noResultsMessage, onChange: (selectedValues, event) => {
+                } }), _jsx(Portal, { children: _jsx(Menu, { itemCount: itemCount, items: items, noResultsMessage: noResultsMessage, onChange: (selectedValues, event) => {
                         event?.preventDefault();
                         const item = items?.find((i) => i.value === selectedValues[0]);
                         onSelect?.(item);
@@ -39,11 +39,5 @@ function SearchBar({ itemCount, items, noResultsMessage, placeholder = 'Search',
                     }, ...menuProps }) })] }));
 }
 SearchBar.bspkName = 'SearchBar';
-const style = css `
-    display: flex;
-    width: 100%;
-    min-width: 300px;
-`;
-
-export { SearchBar, style };
-//# sourceMappingURL=SearchBar.js.map
+export { SearchBar };
+//# sourceMappingURL=SearchBar.js.map

package/dist/SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../src/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAuB,IAAI,EAAE,MAAM,QAAQ,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAkB,SAAS,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAuBtC;;;;GAIG;AACH,SAAS,SAAS,CAAC,EACf,SAAS,EACT,KAAK,EACL,gBAAgB,EAChB,WAAW,GAAG,QAAQ,EACtB,YAAY,EAAE,SAAS,EACvB,EAAE,EAAE,MAAM,EACV,QAAQ,EACR,IAAI,EACJ,IAAI,GAAG,QAAQ,EACf,QAAQ,EACR,WAAW,EACX,cAAc,GACD;IACb,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,MAAM,EACF,YAAY,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAG,YAAY,EAAE,EAC7E,SAAS,EACT,SAAS,GACZ,GAAG,eAAe,CAAC;QAChB,SAAS,EAAE,cAAc;KAC5B,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAEvD,OAAO,CACH,8BACI,KAAC,SAAS,kBACM,SAAS,EACrB,YAAY,EAAC,KAAK,EAClB,YAAY,EAAE,UAAU,eACd,YAAY,EACtB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;oBACf,QAAQ,EAAE,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;oBACzB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;gBACjC,CAAC,EACD,OAAO,EAAE,KAAC,SAAS,KAAG,EACtB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,EACtC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,WAAW,KACd,YAAY,EAChB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;oBACf,IAAI,KAAK,EAAE,MAAM;wBAAE,OAAO,CAAC,KAAK,CAAC,CAAC;gBACtC,CAAC,EACD,gBAAgB,EAAE,CAAC,KAAK,EAAE,EAAE;oBACxB,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;oBAExC,IAAI,OAAO;wBAAE,OAAO;oBAEpB,aAAa,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;gBACnC,CAAC,GACH,EACF,KAAC,MAAM,cACH,KAAC,IAAI,IACD,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,CAAC,cAAc,EAAE,KAAK,EAAE,EAAE;wBAChC,KAAK,EAAE,cAAc,EAAE,CAAC;wBACxB,MAAM,IAAI,GAAG,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;wBAC/D,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;wBACjB,cAAc,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;wBAClC,SAAS,EAAE,CAAC;oBAChB,CAAC,KACG,SAAS,GACf,GACG,IACV,CACN,CAAC;AACN,CAAC;AAED,SAAS,CAAC,QAAQ,GAAG,WAAW,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/{SegmentedControl.d.ts → dist/SegmentedControl.d.ts}

@@ -1,3 +1,4 @@
+import './segmented-control.scss';
 import { ElementProps } from './';
 export type SegmentedToggleOption = {
     /**
@@ -60,10 +61,9 @@ export type SegmentedControlProps = {
  *
  * @name SegmentedControl
  */
-declare function SegmentedControl({ onChange, value, size, options, width, showLabels: showLabelsProp, ...containerProps }: ElementProps<SegmentedControlProps, 'div'>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function SegmentedControl({ onChange, value, size, options, width, showLabels: showLabelsProp, ...containerProps }: ElementProps<SegmentedControlProps, 'div'>): import("react/jsx-runtime").JSX.Element;
 declare namespace SegmentedControl {
     var bspkName: string;
 }
 export { SegmentedControl };
-export declare const style: import("@emotion/react").SerializedStyles;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/SegmentedControl.js

@@ -0,0 +1,22 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { styleAdd } from './utils/styleAdd';
+styleAdd(`[data-bspk=segmented-control]{display:flex;flex-direction:row;max-width:100%;--outer-height: var(--spacing-sizing-10);--inner-height: var(--spacing-sizing-08);--svg-width: 20px}[data-bspk=segmented-control][data-width=fill]{align-items:stretch;width:100%;--btn-flex-grow: 1;margin:0 var(--spacing-sizing-04)}[data-bspk=segmented-control][data-width=hug]{width:fit-content;--btn-flex-grow: 0}[data-bspk=segmented-control][data-size=small]{--outer-height: var(--spacing-sizing-08);--inner-height: var(--spacing-sizing-06);--svg-width: 16px}[data-bspk=segmented-control] svg{width:var(--svg-width) !important}[data-bspk=segmented-control] button{border:0;cursor:pointer;color:var(--foreground-neutral-on-surface);flex-grow:var(--btn-flex-grow);font:var(--labels-small);margin:0;height:var(--spacing-sizing-12);background:rgba(0,0,0,0);position:relative}[data-bspk=segmented-control] button [data-focus-ring]{display:none}[data-bspk=segmented-control] button [data-outer]{height:var(--outer-height);background:var(--surface-neutral-t3-low);margin:var(--spacing-sizing-01) 0;padding:var(--spacing-sizing-01) 0;display:block}[data-bspk=segmented-control] button [data-inner]{display:flex;flex-direction:row;align-items:center;height:var(--inner-height);border-bottom:1px solid rgba(0,0,0,0);justify-content:center;gap:var(--spacing-sizing-01);border-radius:var(--radius-small);padding:var(--spacing-sizing-02) var(--spacing-sizing-03)}[data-bspk=segmented-control] button:first-of-type [data-outer]{border-top-left-radius:var(--radius-medium);border-bottom-left-radius:var(--radius-medium);padding-left:var(--spacing-sizing-01)}[data-bspk=segmented-control] button:last-of-type [data-outer]{border-top-right-radius:var(--radius-medium);border-bottom-right-radius:var(--radius-medium);padding-right:var(--spacing-sizing-01)}[data-bspk=segmented-control] button:not(:disabled):hover [data-inner]{background:var(--interactions-neutral-hover-opacity)}[data-bspk=segmented-control] button:not(:disabled):active [data-inner]{background:var(--interactions-neutral-press-opacity)}[data-bspk=segmented-control] button:not(:disabled)[data-selected] [data-inner]{background:var(--surface-neutral-t1-base)}[data-bspk=segmented-control] button:not(:disabled):focus-visible{z-index:2;outline:solid 2px var(--stroke-neutral-focus)}[data-bspk=segmented-control] button:disabled{pointer-events:none;color:var(--foreground-neutral-disabled-on-surface);cursor:not-allowed}`);;
+import { Fragment } from 'react';
+import { Tooltip } from './Tooltip';
+import { useNavOptions } from './hooks/useNavOptions';
+/**
+ * Navigation tool that organizes content across different screens and views.
+ *
+ * @name SegmentedControl
+ */
+function SegmentedControl({ onChange, value, size = 'medium', options, width = 'hug', showLabels: showLabelsProp = true, ...containerProps }) {
+    const items = useNavOptions(options);
+    const hideLabels = showLabelsProp === false && items.every((item) => item.icon && item.label);
+    return (_jsx("div", { ...containerProps, "data-bspk": "segmented-control", "data-size": size, "data-width": width, children: items.map((item, index) => {
+            const isActive = item.value === value;
+            return (_jsx(Fragment, { children: _jsx(Tooltip, { disabled: !hideLabels, label: item.label, placement: "top", children: _jsx("button", { "aria-label": item.label, "data-first": index === 0 || undefined, "data-last": index === items.length - 1 || undefined, "data-selected": isActive || undefined, disabled: item.disabled || undefined, onClick: () => onChange(item.value), children: _jsx("span", { "data-outer": true, children: _jsxs("span", { "data-inner": true, children: [(isActive && item.iconActive) || item.icon, !hideLabels && item.label] }) }) }) }) }, item.value));
+        }) }));
+}
+SegmentedControl.bspkName = 'SegmentedControl';
+export { SegmentedControl };
+//# sourceMappingURL=SegmentedControl.js.map

package/dist/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../src/SegmentedControl.tsx"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AA8DtD;;;;GAIG;AACH,SAAS,gBAAgB,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,KAAK,GAAG,KAAK,EACb,UAAU,EAAE,cAAc,GAAG,IAAI,EACjC,GAAG,cAAc,EACwB;IACzC,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAErC,MAAM,UAAU,GAAG,cAAc,KAAK,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;IAE9F,OAAO,CACH,iBAAS,cAAc,eAAY,mBAAmB,eAAY,IAAI,gBAAc,KAAK,YACpF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC;YACtC,OAAO,CACH,KAAC,QAAQ,cACL,KAAC,OAAO,IAAC,QAAQ,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAC,KAAK,YAC9D,+BACgB,IAAI,CAAC,KAAK,gBACV,KAAK,KAAK,CAAC,IAAI,SAAS,eACzB,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,mBACnC,QAAQ,IAAI,SAAS,EACpC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,SAAS,EACpC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,YAEnC,6CACI,+CACK,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,IAAI,EAC1C,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,IACvB,GACJ,GACF,GACH,IAjBC,IAAI,CAAC,KAAK,CAkBd,CACd,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC;AAED,gBAAgB,CAAC,QAAQ,GAAG,kBAAkB,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/Skeleton.d.ts

@@ -0,0 +1,45 @@
+import './skeleton.scss';
+import { TxtVariant } from './utils/txtVariants';
+export type SkeletonProps = {
+    /**
+     * The text variant of the skeleton.
+     *
+     * @default text
+     */
+    variant?: 'circular' | 'photo' | 'profile' | 'rectangular' | 'text' | 'thumbnail';
+    /**
+     * The size of the text. This is only used when variant is 'text'.
+     *
+     * @default body-base
+     */
+    textVariant?: TxtVariant;
+    /**
+     * The number of lines showing. This is only used when variant is 'text'.
+     *
+     * @default 3
+     */
+    textLines?: number;
+    /**
+     * The width of the skeleton. This is ignored when variant is 'text', 'profile', or 'thumbnail'.
+     *
+     * @default 200
+     */
+    width?: number | string;
+    /**
+     * The height of the skeleton. This is ignored when variant is 'text', 'profile', or 'thumbnail'.
+     *
+     * @default 100
+     */
+    height?: number | string;
+};
+/**
+ * A visual placeholder for an element while it is in a loading state.
+ *
+ * @name Skeleton
+ */
+declare function Skeleton({ width, height, textLines, textVariant: textSize, variant, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Skeleton {
+    var bspkName: string;
+}
+export { Skeleton };
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/Skeleton.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styleAdd } from './utils/styleAdd';
+styleAdd(`[data-bspk=skeleton]{/*! 
+--text-margin: is set via inline style
+--text-height: is set via inline style
+--height: is set via inline style
+--width: is set via inline style
+*/display:flex;flex-direction:column;gap:var(--text-margin);animation:skeleton-pulse 1.5s infinite;background:var(--foreground-neutral-skeleton-element)}@keyframes skeleton-pulse{0%{opacity:.8}50%{opacity:.4}100%{opacity:.8}}[data-bspk=skeleton][data-variant=rectangular],[data-bspk=skeleton][data-variant=photo]{min-width:var(--spacing-sizing-08);min-height:var(--spacing-sizing-08);height:var(--height, var(--width));width:var(--width, var(--height));border-radius:var(--radius-small)}[data-bspk=skeleton][data-variant=photo]{border-radius:var(--radius-medium)}[data-bspk=skeleton][data-variant=circular]{border-radius:100%;width:var(--width);aspect-ratio:1/1}[data-bspk=skeleton][data-variant=profile]{border-radius:100%;width:var(--spacing-sizing-10);aspect-ratio:1/1}[data-bspk=skeleton][data-variant=thumbnail]{width:var(--spacing-sizing-12);height:var(--spacing-sizing-12);border-radius:var(--radius-small)}[data-bspk=skeleton][data-variant=text]{background:rgba(0,0,0,0);min-height:unset;max-height:unset;width:100%;height:fit-content}[data-bspk=skeleton][data-variant=text] [data-line]{width:100%;background:var(--foreground-neutral-skeleton-element);border-radius:var(--radius-small);height:var(--text-height)}[data-bspk=skeleton][data-variant=text]:has([data-line]:nth-child(2)) [data-line]:last-child{width:80%}`);;
+/**
+ * A visual placeholder for an element while it is in a loading state.
+ *
+ * @name Skeleton
+ */
+function Skeleton({ width = 100, height = 100, textLines, textVariant: textSize, variant = 'rectangular', }) {
+    return (_jsx("div", { "data-bspk": "skeleton", "data-variant": variant, style: {
+            '--height': typeof height === 'number' ? `${height}px` : height,
+            '--text-height': `var(--${textSize}-size)`,
+            '--text-margin': `calc(var(--${textSize}-line-height) - var(--${textSize}-size))`,
+            '--width': typeof width === 'number' ? `${width}px` : width,
+        }, children: variant === 'text' &&
+            [...Array(Math.max(1, textLines || 0))].map((_, index) => _jsx("div", { "data-line": true }, index)) }));
+}
+Skeleton.bspkName = 'Skeleton';
+export { Skeleton };
+//# sourceMappingURL=Skeleton.js.map

package/dist/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../src/Skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,iBAAiB,CAAC;AAsCzB;;;;GAIG;AACH,SAAS,QAAQ,CAAC,EACd,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,WAAW,EAAE,QAAQ,EACrB,OAAO,GAAG,aAAa,GACX;IACZ,OAAO,CACH,2BACc,UAAU,kBACN,OAAO,EACrB,KAAK,EACD;YACI,UAAU,EAAE,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;YAC/D,eAAe,EAAE,SAAS,QAAQ,QAAQ;YAC1C,eAAe,EAAE,cAAc,QAAQ,yBAAyB,QAAQ,SAAS;YACjF,SAAS,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK;SAC7C,YAGrB,OAAO,KAAK,MAAM;YACf,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,mCAAoB,KAAK,CAAI,CAAC,GAC1F,CACT,CAAC;AACN,CAAC;AAED,QAAQ,CAAC,QAAQ,GAAG,UAAU,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/{StylesProviderAnywhere.d.ts → dist/StylesProviderAnywhere.d.ts}

@@ -1,10 +1,13 @@
+import '@bspk/styles/anywhere.css';
+import './base.scss';
 /**
  * Utility to provide the Anywhere styles to the application.
  *
  * @name StylesProviderAnywhere
  */
-declare function StylesProviderAnywhere(): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function StylesProviderAnywhere(): import("react/jsx-runtime").JSX.Element;
 declare namespace StylesProviderAnywhere {
     var bspkName: string;
 }
 export { StylesProviderAnywhere };
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/StylesProviderAnywhere.js

@@ -0,0 +1,15 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import '@bspk/styles/anywhere.css';
+import { styleAdd } from './utils/styleAdd';
+styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}:root{--z-index-tooltip-popover: 1100;--z-index-dialog: 1000;--z-index-dropdown: 900;--z-index-fab: 800;--z-index-navbar: 700;--z-index-footer: 600}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}@media(prefers-reduced-motion){[data-animated]{animation:none !important}}body,html{height:100%;scroll-behavior:smooth}body{font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}a{color:var(--foreground-link-text-default)}a:hover{color:var(--foreground-link-text-default-hovered)}a:visited{color:var(--foreground-link-text-default-visited)}a:disabled{pointer-events:none;color:var(--foreground-link-text-default-disabled)}a[data-subtle]{color:var(--foreground-neutral-on-surface)}a[data-subtle]:hover{color:var(--foreground-link-text-subtle-hovered)}a[data-subtle]:disabled{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}a[data-subtle-inverse]{color:var(--foreground-neutral-inverse-on-surface)}a[data-subtle-inverse]:hover{color:var(--foreground-link-text-subtle-inverse-hovered)}a[data-subtle-inverse]:disabled{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}input:-internal-autofill-previewed,input:-internal-autofill-selected,textarea:-internal-autofill-previewed,textarea:-internal-autofill-selected,select:-internal-autofill-previewed,select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}[data-sr-only]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}ol{list-style-type:decimal}ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}ul{list-style-type:disc}ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}[data-touch-target]{display:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none;position:absolute;z-index:1;height:100%;width:100%;top:auto;left:auto}[data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){[data-touch-target]{display:block}}`);;
+/**
+ * Utility to provide the Anywhere styles to the application.
+ *
+ * @name StylesProviderAnywhere
+ */
+function StylesProviderAnywhere() {
+    return _jsx(_Fragment, {});
+}
+StylesProviderAnywhere.bspkName = 'StylesProviderAnywhere';
+export { StylesProviderAnywhere };
+//# sourceMappingURL=StylesProviderAnywhere.js.map

package/dist/StylesProviderAnywhere.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StylesProviderAnywhere.js","sourceRoot":"","sources":["../src/StylesProviderAnywhere.tsx"],"names":[],"mappings":";AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,aAAa,CAAC;AAErB;;;;GAIG;AACH,SAAS,sBAAsB;IAC3B,OAAO,mBAAK,CAAC;AACjB,CAAC;AAED,sBAAsB,CAAC,QAAQ,GAAG,wBAAwB,CAAC;AAE3D,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/{StylesProviderBetterHomesGardens.d.ts → dist/StylesProviderBetterHomesGardens.d.ts}

@@ -1,10 +1,13 @@
+import '@bspk/styles/better-homes-gardens.css';
+import './base.scss';
 /**
  * Utility to provide the Better Homes & Gardens styles to the application.
  *
  * @name StylesProviderBetterHomesGardens
  */
-declare function StylesProviderBetterHomesGardens(): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function StylesProviderBetterHomesGardens(): import("react/jsx-runtime").JSX.Element;
 declare namespace StylesProviderBetterHomesGardens {
     var bspkName: string;
 }
 export { StylesProviderBetterHomesGardens };
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/StylesProviderBetterHomesGardens.js

@@ -0,0 +1,15 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import '@bspk/styles/better-homes-gardens.css';
+import { styleAdd } from './utils/styleAdd';
+styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}:root{--z-index-tooltip-popover: 1100;--z-index-dialog: 1000;--z-index-dropdown: 900;--z-index-fab: 800;--z-index-navbar: 700;--z-index-footer: 600}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}@media(prefers-reduced-motion){[data-animated]{animation:none !important}}body,html{height:100%;scroll-behavior:smooth}body{font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}a{color:var(--foreground-link-text-default)}a:hover{color:var(--foreground-link-text-default-hovered)}a:visited{color:var(--foreground-link-text-default-visited)}a:disabled{pointer-events:none;color:var(--foreground-link-text-default-disabled)}a[data-subtle]{color:var(--foreground-neutral-on-surface)}a[data-subtle]:hover{color:var(--foreground-link-text-subtle-hovered)}a[data-subtle]:disabled{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}a[data-subtle-inverse]{color:var(--foreground-neutral-inverse-on-surface)}a[data-subtle-inverse]:hover{color:var(--foreground-link-text-subtle-inverse-hovered)}a[data-subtle-inverse]:disabled{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}input:-internal-autofill-previewed,input:-internal-autofill-selected,textarea:-internal-autofill-previewed,textarea:-internal-autofill-selected,select:-internal-autofill-previewed,select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}[data-sr-only]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}ol{list-style-type:decimal}ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}ul{list-style-type:disc}ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}[data-touch-target]{display:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none;position:absolute;z-index:1;height:100%;width:100%;top:auto;left:auto}[data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){[data-touch-target]{display:block}}`);;
+/**
+ * Utility to provide the Better Homes & Gardens styles to the application.
+ *
+ * @name StylesProviderBetterHomesGardens
+ */
+function StylesProviderBetterHomesGardens() {
+    return _jsx(_Fragment, {});
+}
+StylesProviderBetterHomesGardens.bspkName = 'StylesProviderBetterHomesGardens';
+export { StylesProviderBetterHomesGardens };
+//# sourceMappingURL=StylesProviderBetterHomesGardens.js.map

package/dist/StylesProviderBetterHomesGardens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StylesProviderBetterHomesGardens.js","sourceRoot":"","sources":["../src/StylesProviderBetterHomesGardens.tsx"],"names":[],"mappings":";AAAA,OAAO,uCAAuC,CAAC;AAC/C,OAAO,aAAa,CAAC;AAErB;;;;GAIG;AACH,SAAS,gCAAgC;IACrC,OAAO,mBAAK,CAAC;AACjB,CAAC;AAED,gCAAgC,CAAC,QAAQ,GAAG,kCAAkC,CAAC;AAE/E,OAAO,EAAE,gCAAgC,EAAE,CAAC"}

package/{StylesProviderCartus.d.ts → dist/StylesProviderCartus.d.ts}

@@ -1,10 +1,13 @@
+import '@bspk/styles/cartus.css';
+import './base.scss';
 /**
  * Utility to provide the Cartus styles to the application.
  *
  * @name StylesProviderCartus
  */
-declare function StylesProviderCartus(): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function StylesProviderCartus(): import("react/jsx-runtime").JSX.Element;
 declare namespace StylesProviderCartus {
     var bspkName: string;
 }
 export { StylesProviderCartus };
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/StylesProviderCartus.js

@@ -0,0 +1,15 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import '@bspk/styles/cartus.css';
+import { styleAdd } from './utils/styleAdd';
+styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}:root{--z-index-tooltip-popover: 1100;--z-index-dialog: 1000;--z-index-dropdown: 900;--z-index-fab: 800;--z-index-navbar: 700;--z-index-footer: 600}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}@media(prefers-reduced-motion){[data-animated]{animation:none !important}}body,html{height:100%;scroll-behavior:smooth}body{font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}a{color:var(--foreground-link-text-default)}a:hover{color:var(--foreground-link-text-default-hovered)}a:visited{color:var(--foreground-link-text-default-visited)}a:disabled{pointer-events:none;color:var(--foreground-link-text-default-disabled)}a[data-subtle]{color:var(--foreground-neutral-on-surface)}a[data-subtle]:hover{color:var(--foreground-link-text-subtle-hovered)}a[data-subtle]:disabled{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}a[data-subtle-inverse]{color:var(--foreground-neutral-inverse-on-surface)}a[data-subtle-inverse]:hover{color:var(--foreground-link-text-subtle-inverse-hovered)}a[data-subtle-inverse]:disabled{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}input:-internal-autofill-previewed,input:-internal-autofill-selected,textarea:-internal-autofill-previewed,textarea:-internal-autofill-selected,select:-internal-autofill-previewed,select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}[data-sr-only]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}ol{list-style-type:decimal}ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}ul{list-style-type:disc}ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}[data-touch-target]{display:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none;position:absolute;z-index:1;height:100%;width:100%;top:auto;left:auto}[data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){[data-touch-target]{display:block}}`);;
+/**
+ * Utility to provide the Cartus styles to the application.
+ *
+ * @name StylesProviderCartus
+ */
+function StylesProviderCartus() {
+    return _jsx(_Fragment, {});
+}
+StylesProviderCartus.bspkName = 'StylesProviderCartus';
+export { StylesProviderCartus };
+//# sourceMappingURL=StylesProviderCartus.js.map

package/dist/StylesProviderCartus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StylesProviderCartus.js","sourceRoot":"","sources":["../src/StylesProviderCartus.tsx"],"names":[],"mappings":";AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,aAAa,CAAC;AAErB;;;;GAIG;AACH,SAAS,oBAAoB;IACzB,OAAO,mBAAK,CAAC;AACjB,CAAC;AAED,oBAAoB,CAAC,QAAQ,GAAG,sBAAsB,CAAC;AAEvD,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/{StylesProviderCentury21.d.ts → dist/StylesProviderCentury21.d.ts}

@@ -1,10 +1,13 @@
+import '@bspk/styles/century-21.css';
+import './base.scss';
 /**
  * Utility to provide the Century 21 styles to the application.
  *
  * @name StylesProviderCentury21
  */
-declare function StylesProviderCentury21(): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function StylesProviderCentury21(): import("react/jsx-runtime").JSX.Element;
 declare namespace StylesProviderCentury21 {
     var bspkName: string;
 }
 export { StylesProviderCentury21 };
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/StylesProviderCentury21.js

@@ -0,0 +1,15 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import '@bspk/styles/century-21.css';
+import { styleAdd } from './utils/styleAdd';
+styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}:root{--z-index-tooltip-popover: 1100;--z-index-dialog: 1000;--z-index-dropdown: 900;--z-index-fab: 800;--z-index-navbar: 700;--z-index-footer: 600}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}@media(prefers-reduced-motion){[data-animated]{animation:none !important}}body,html{height:100%;scroll-behavior:smooth}body{font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}a{color:var(--foreground-link-text-default)}a:hover{color:var(--foreground-link-text-default-hovered)}a:visited{color:var(--foreground-link-text-default-visited)}a:disabled{pointer-events:none;color:var(--foreground-link-text-default-disabled)}a[data-subtle]{color:var(--foreground-neutral-on-surface)}a[data-subtle]:hover{color:var(--foreground-link-text-subtle-hovered)}a[data-subtle]:disabled{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}a[data-subtle-inverse]{color:var(--foreground-neutral-inverse-on-surface)}a[data-subtle-inverse]:hover{color:var(--foreground-link-text-subtle-inverse-hovered)}a[data-subtle-inverse]:disabled{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}input:-internal-autofill-previewed,input:-internal-autofill-selected,textarea:-internal-autofill-previewed,textarea:-internal-autofill-selected,select:-internal-autofill-previewed,select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}[data-sr-only]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}ol{list-style-type:decimal}ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}ul{list-style-type:disc}ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}[data-touch-target]{display:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none;position:absolute;z-index:1;height:100%;width:100%;top:auto;left:auto}[data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){[data-touch-target]{display:block}}`);;
+/**
+ * Utility to provide the Century 21 styles to the application.
+ *
+ * @name StylesProviderCentury21
+ */
+function StylesProviderCentury21() {
+    return _jsx(_Fragment, {});
+}
+StylesProviderCentury21.bspkName = 'StylesProviderCentury21';
+export { StylesProviderCentury21 };
+//# sourceMappingURL=StylesProviderCentury21.js.map

package/dist/StylesProviderCentury21.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StylesProviderCentury21.js","sourceRoot":"","sources":["../src/StylesProviderCentury21.tsx"],"names":[],"mappings":";AAAA,OAAO,6BAA6B,CAAC;AACrC,OAAO,aAAa,CAAC;AAErB;;;;GAIG;AACH,SAAS,uBAAuB;IAC5B,OAAO,mBAAK,CAAC;AACjB,CAAC;AAED,uBAAuB,CAAC,QAAQ,GAAG,yBAAyB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

package/{StylesProviderColdwellBanker.d.ts → dist/StylesProviderColdwellBanker.d.ts}

@@ -1,10 +1,13 @@
+import '@bspk/styles/coldwell-banker.css';
+import './base.scss';
 /**
  * Utility to provide the Coldwell Banker styles to the application.
  *
  * @name StylesProviderColdwellBanker
  */
-declare function StylesProviderColdwellBanker(): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function StylesProviderColdwellBanker(): import("react/jsx-runtime").JSX.Element;
 declare namespace StylesProviderColdwellBanker {
     var bspkName: string;
 }
 export { StylesProviderColdwellBanker };
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/StylesProviderColdwellBanker.js

@@ -0,0 +1,15 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import '@bspk/styles/coldwell-banker.css';
+import { styleAdd } from './utils/styleAdd';
+styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}:root{--z-index-tooltip-popover: 1100;--z-index-dialog: 1000;--z-index-dropdown: 900;--z-index-fab: 800;--z-index-navbar: 700;--z-index-footer: 600}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}@media(prefers-reduced-motion){[data-animated]{animation:none !important}}body,html{height:100%;scroll-behavior:smooth}body{font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}a{color:var(--foreground-link-text-default)}a:hover{color:var(--foreground-link-text-default-hovered)}a:visited{color:var(--foreground-link-text-default-visited)}a:disabled{pointer-events:none;color:var(--foreground-link-text-default-disabled)}a[data-subtle]{color:var(--foreground-neutral-on-surface)}a[data-subtle]:hover{color:var(--foreground-link-text-subtle-hovered)}a[data-subtle]:disabled{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}a[data-subtle-inverse]{color:var(--foreground-neutral-inverse-on-surface)}a[data-subtle-inverse]:hover{color:var(--foreground-link-text-subtle-inverse-hovered)}a[data-subtle-inverse]:disabled{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}input:-internal-autofill-previewed,input:-internal-autofill-selected,textarea:-internal-autofill-previewed,textarea:-internal-autofill-selected,select:-internal-autofill-previewed,select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}[data-sr-only]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}ol{list-style-type:decimal}ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}ul{list-style-type:disc}ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}[data-touch-target]{display:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none;position:absolute;z-index:1;height:100%;width:100%;top:auto;left:auto}[data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){[data-touch-target]{display:block}}`);;
+/**
+ * Utility to provide the Coldwell Banker styles to the application.
+ *
+ * @name StylesProviderColdwellBanker
+ */
+function StylesProviderColdwellBanker() {
+    return _jsx(_Fragment, {});
+}
+StylesProviderColdwellBanker.bspkName = 'StylesProviderColdwellBanker';
+export { StylesProviderColdwellBanker };
+//# sourceMappingURL=StylesProviderColdwellBanker.js.map

package/dist/StylesProviderColdwellBanker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StylesProviderColdwellBanker.js","sourceRoot":"","sources":["../src/StylesProviderColdwellBanker.tsx"],"names":[],"mappings":";AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,aAAa,CAAC;AAErB;;;;GAIG;AACH,SAAS,4BAA4B;IACjC,OAAO,mBAAK,CAAC;AACjB,CAAC;AAED,4BAA4B,CAAC,QAAQ,GAAG,8BAA8B,CAAC;AAEvE,OAAO,EAAE,4BAA4B,EAAE,CAAC"}

package/{StylesProviderCorcoran.d.ts → dist/StylesProviderCorcoran.d.ts}

@@ -1,10 +1,13 @@
+import '@bspk/styles/corcoran.css';
+import './base.scss';
 /**
  * Utility to provide the Corcoran styles to the application.
  *
  * @name StylesProviderCorcoran
  */
-declare function StylesProviderCorcoran(): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function StylesProviderCorcoran(): import("react/jsx-runtime").JSX.Element;
 declare namespace StylesProviderCorcoran {
     var bspkName: string;
 }
 export { StylesProviderCorcoran };
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/StylesProviderCorcoran.js

@@ -0,0 +1,15 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import '@bspk/styles/corcoran.css';
+import { styleAdd } from './utils/styleAdd';
+styleAdd(`[data-color=grey]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t2-lowest)}[data-color=white]{--foreground: var(--foreground-neutral-on-surface-variant-01);--background: var(--surface-neutral-t1-base)}[data-color=primary]{--foreground: var(--foreground-brand-primary-depth);--background: var(--surface-brand-primary-highlight)}[data-color=secondary]{--foreground: var(--foreground-brand-secondary-depth);--background: var(--surface-brand-secondary-highlight)}[data-color=blue]{--foreground: var(--foreground-spectrum-blue);--background: var(--surface-spectrum-blue)}[data-color=green]{--foreground: var(--foreground-spectrum-green);--background: var(--surface-spectrum-green)}[data-color=lime]{--foreground: var(--foreground-spectrum-lime);--background: var(--surface-spectrum-lime)}[data-color=magenta]{--foreground: var(--foreground-spectrum-magenta);--background: var(--surface-spectrum-magenta)}[data-color=orange]{--foreground: var(--foreground-spectrum-orange);--background: var(--surface-spectrum-orange)}[data-color=pink]{--foreground: var(--foreground-spectrum-pink);--background: var(--surface-spectrum-pink)}[data-color=purple]{--foreground: var(--foreground-spectrum-purple);--background: var(--surface-spectrum-purple)}[data-color=red]{--foreground: var(--foreground-spectrum-red);--background: var(--surface-spectrum-red)}[data-color=teal]{--foreground: var(--foreground-spectrum-teal);--background: var(--surface-spectrum-teal)}[data-color=yellow]{--foreground: var(--foreground-spectrum-yellow);--background: var(--surface-spectrum-yellow)}:root{--z-index-tooltip-popover: 1100;--z-index-dialog: 1000;--z-index-dropdown: 900;--z-index-fab: 800;--z-index-navbar: 700;--z-index-footer: 600}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}@media(prefers-reduced-motion){[data-animated]{animation:none !important}}body,html{height:100%;scroll-behavior:smooth}body{font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}a{color:var(--foreground-link-text-default)}a:hover{color:var(--foreground-link-text-default-hovered)}a:visited{color:var(--foreground-link-text-default-visited)}a:disabled{pointer-events:none;color:var(--foreground-link-text-default-disabled)}a[data-subtle]{color:var(--foreground-neutral-on-surface)}a[data-subtle]:hover{color:var(--foreground-link-text-subtle-hovered)}a[data-subtle]:disabled{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}a[data-subtle-inverse]{color:var(--foreground-neutral-inverse-on-surface)}a[data-subtle-inverse]:hover{color:var(--foreground-link-text-subtle-inverse-hovered)}a[data-subtle-inverse]:disabled{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}input:-internal-autofill-previewed,input:-internal-autofill-selected,textarea:-internal-autofill-previewed,textarea:-internal-autofill-selected,select:-internal-autofill-previewed,select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}[data-sr-only]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}ol{list-style-type:decimal}ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}ul{list-style-type:disc}ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}[data-touch-target]{display:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none;position:absolute;z-index:1;height:100%;width:100%;top:auto;left:auto}[data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){[data-touch-target]{display:block}}`);;
+/**
+ * Utility to provide the Corcoran styles to the application.
+ *
+ * @name StylesProviderCorcoran
+ */
+function StylesProviderCorcoran() {
+    return _jsx(_Fragment, {});
+}
+StylesProviderCorcoran.bspkName = 'StylesProviderCorcoran';
+export { StylesProviderCorcoran };
+//# sourceMappingURL=StylesProviderCorcoran.js.map

package/dist/StylesProviderCorcoran.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StylesProviderCorcoran.js","sourceRoot":"","sources":["../src/StylesProviderCorcoran.tsx"],"names":[],"mappings":";AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,aAAa,CAAC;AAErB;;;;GAIG;AACH,SAAS,sBAAsB;IAC3B,OAAO,mBAAK,CAAC;AACjB,CAAC;AAED,sBAAsB,CAAC,QAAQ,GAAG,wBAAwB,CAAC;AAE3D,OAAO,EAAE,sBAAsB,EAAE,CAAC"}