@bspk/ui 1.1.26 → 1.1.28

package/dist/Select.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { SvgChevronRight } from '@bspk/icons/ChevronRight';
+import { styleAdd } from './utils/styleAdd';
+styleAdd(`[data-bspk=select]{--select-background: var(--surface-neutral-t1-base);--select-border-color: var(--stroke-neutral-base);--select-text-color: var(--foreground-neutral-on-surface);--select-height: var(--spacing-sizing-10);--select-font: var(--body-base);--select-clear-height: var(--spacing-sizing-05);--select-padding: var(--spacing-sizing-03);--select-icon-width: var(--spacing-sizing-05);position:relative;width:100%;max-width:280px;outline:unset;min-height:var(--select-height);max-height:var(--select-height);display:flex;flex-direction:row;gap:var(--spacing-sizing-02);flex-grow:0;flex-shrink:0;text-align:left;font:var(--select-font);border:1px solid var(--select-border-color);border-radius:var(--radius-small);background:var(--select-background);padding:0 var(--select-padding)}[data-bspk=select] [data-placeholder]{display:block;max-width:100%;text-overflow:ellipsis;overflow:hidden;padding:0}[data-bspk=select] [data-placeholder] [data-inner]{min-height:auto;padding:0}[data-bspk=select] [data-placeholder] [data-item-label] [data-text]{color:var(--select-text-color)}[data-bspk=select] [data-icon]{display:flex;flex-direction:column;justify-content:center}[data-bspk=select] [data-icon] svg{transform:rotate(90deg);width:var(--select-icon-width)}[data-bspk=select] [data-bspk=list-item][data-selected]{background:var(--surface-brand-primary-highlight)}[data-bspk=select][data-size=small]{--select-height: var(--spacing-sizing-08);--select-font: var(--body-small);--select-clear-height: var(--spacing-sizing-05);--select-padding: var(--spacing-sizing-02);--select-icon-width: var(--spacing-sizing-05)}[data-bspk=select][data-size=large]{--select-height: var(--spacing-sizing-12);--select-font: var(--body-large);--select-clear-height: var(--spacing-sizing-06);--select-icon-width: var(--spacing-sizing-06)}[data-bspk=select]:disabled{--select-text-color: var(--foreground-neutral-disabled-on-surface);--select-border-color: var(--stroke-neutral-disabled-light);--select-background: linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=select]:disabled[aria-readonly]:not([data-empty]){--select-text-color: var(--foreground-neutral-on-surface)}[data-bspk=select]:not(:disabled):focus{--select-border-color: var(--stroke-brand-primary)}[data-bspk=select]:not(:disabled):hover{--select-background: linear-gradient(var(--interactions-neutral-hover-opacity), var(--interactions-neutral-hover-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=select]:not(:disabled):active{--select-background: linear-gradient(var(--interactions-neutral-press-opacity), var(--interactions-neutral-press-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=select][data-invalid]{--select-border-color: var(--status-error)}[data-bspk=select][data-empty]{--select-text-color: var(--foreground-neutral-on-surface-variant-03)}`);;
+import { ListItem } from './ListItem';
+import { Menu } from './Menu';
+import { Portal } from './Portal';
+import { useCombobox } from './hooks/useCombobox';
+import { useId } from './hooks/useId';
+/**
+ * A field element that allows users to select one option from a list of available choices. *
+ *
+ * @example
+ *     import { Select } from '@bspk/ui/Select';
+ *
+ *     export function Example() {
+ *         const [selected, setSelected] = React.useState<string[]>([]);
+ *         return (
+ *             <Select
+ *                 aria-label="Select an option"
+ *                 itemCount={5}
+ *                 name="example-select"
+ *                 onChange={setSelected}
+ *                 options={[
+ *                     { value: '1', label: 'Option 1' },
+ *                     { value: '2', label: 'Option 2' },
+ *                     { value: '3', label: 'Option 3' },
+ *                     { value: '4', label: 'Option 4' },
+ *                     { value: '5', label: 'Option 5' },
+ *                     { value: '6', label: 'Option 6' },
+ *                     { value: '7', label: 'Option 7' },
+ *                     { value: '8', label: 'Option 8' },
+ *                     { value: '9', label: 'Option 9' },
+ *                     { value: '10', label: 'Option 10' },
+ *                 ]}
+ *                 placeholder="Select an option"
+ *                 size="medium"
+ *                 value={selected}
+ *             />
+ *         );
+ *     }
+ *
+ * @name Select
+ */
+function Select({ options = [], value: selected, onChange, 'aria-label': ariaLabel, placeholder = 'Select...', size = 'medium', itemCount = 5, disabled, id: propId, invalid, errorMessage, readOnly, name, isMulti, renderListItem, style: styleProp, selectAll, }) {
+    const id = useId(propId);
+    const { toggleProps, menuProps, closeMenu } = useCombobox({
+        placement: 'bottom',
+        disabled,
+        invalid,
+        readOnly,
+        errorMessage,
+        offsetOptions: 4,
+    });
+    const selectLabel = isMulti
+        ? `${selected?.length || 0} option${selected?.length !== 1 ? 's' : ''} selected`
+        : options.find((o) => o.value === selected?.[0])?.label;
+    return (_jsxs(_Fragment, { children: [_jsx("input", { defaultValue: selected, name: name, type: "hidden" }), _jsxs("button", { "aria-label": ariaLabel, "data-bspk": "select", "data-empty": selectLabel ? undefined : '', "data-invalid": invalid || undefined, "data-size": size, disabled: disabled || readOnly, id: id, style: styleProp, ...toggleProps, children: [_jsx(ListItem, { "data-placeholder": "", label: selectLabel || placeholder, readOnly: true }), _jsx("span", { "data-icon": true, children: _jsx(SvgChevronRight, {}) })] }), _jsx(Portal, { children: _jsx(Menu, { "data-floating": true, isMulti: isMulti, itemCount: itemCount, items: options, onChange: (next, event) => {
+                        event?.preventDefault();
+                        if (!isMulti)
+                            closeMenu();
+                        onChange?.(next);
+                    }, renderListItem: renderListItem, selectAll: selectAll, selectedValues: selected, ...menuProps }) })] }));
+}
+Select.bspkName = 'Select';
+export { Select };
+//# sourceMappingURL=Select.js.map

package/dist/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAiEtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,SAAS,MAAM,CAAC,EACZ,OAAO,GAAG,EAAE,EACZ,KAAK,EAAE,QAAQ,EACf,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,WAAW,GAAG,WAAW,EACzB,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,CAAC,EACb,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,cAAc,EACd,KAAK,EAAE,SAAS,EAChB,SAAS,GACC;IACV,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAEzB,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,WAAW,CAAC;QACtD,SAAS,EAAE,QAAQ;QACnB,QAAQ;QACR,OAAO;QACP,QAAQ;QACR,YAAY;QACZ,aAAa,EAAE,CAAC;KACnB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,OAAO;QACvB,CAAC,CAAC,GAAG,QAAQ,EAAE,MAAM,IAAI,CAAC,UAAU,QAAQ,EAAE,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,WAAW;QAChF,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;IAE5D,OAAO,CACH,8BACI,gBAAO,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,QAAQ,GAAG,EAC3D,gCACgB,SAAS,eACX,QAAQ,gBACN,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,kBAC1B,OAAO,IAAI,SAAS,eACvB,IAAI,EACf,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,SAAS,KACZ,WAAW,aAEf,KAAC,QAAQ,wBAAkB,EAAE,EAAC,KAAK,EAAE,WAAW,IAAI,WAAW,EAAE,QAAQ,SAAG,EAC5E,4CACI,KAAC,eAAe,KAAG,GAChB,IACF,EACT,KAAC,MAAM,cACH,KAAC,IAAI,2BAED,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wBACtB,KAAK,EAAE,cAAc,EAAE,CAAC;wBACxB,IAAI,CAAC,OAAO;4BAAE,SAAS,EAAE,CAAC;wBAC1B,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;oBACrB,CAAC,EACD,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,QAAQ,KACpB,SAAS,GACf,GACG,IACV,CACN,CAAC;AACN,CAAC;AAED,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/{DropdownField.d.ts → SelectField.d.ts}

@@ -1,18 +1,18 @@
-import { DropdownProps } from './Dropdown';
 import { FormFieldProps } from './FormField';
-export type DropdownFieldProps = Pick<DropdownProps, 'disabled' | 'itemCount' | 'name' | 'onChange' | 'options' | 'placeholder' | 'placement' | 'readOnly' | 'size' | 'value'> & Pick<FormFieldProps, 'controlId' | 'errorMessage' | 'helperText' | 'label' | 'labelTrailing' | 'required'>;
+import { SelectProps } from './Select';
+export type SelectFieldProps = Pick<SelectProps, 'disabled' | 'itemCount' | 'name' | 'onChange' | 'options' | 'placeholder' | 'placement' | 'readOnly' | 'size' | 'value'> & Pick<FormFieldProps, 'controlId' | 'errorMessage' | 'helperText' | 'label' | 'labelTrailing' | 'required'>;
 /**
  * A component that allows users to input large amounts of text that could span multiple lines.
  *
- * This component takes properties from the FormField and Dropdown components.
+ * This component takes properties from the FormField and Select components.
  *
  * @example
- *     import { DropdownField } from '@bspk/ui/DropdownField';
+ *     import { SelectField } from '@bspk/ui/SelectField';
  *
  *     export function Example() {
  *         const [state, setState] = React.useState(['option1']);
  *         return (
- *             <DropdownField
+ *             <SelectField
  *                 controlId="Example controlId"
  *                 label="Example label"
  *                 name="Example name"
@@ -28,11 +28,11 @@ export type DropdownFieldProps = Pick<DropdownProps, 'disabled' | 'itemCount' |
  *         );
  *     }
  *
- * @name DropdownField
+ * @name SelectField
  */
-declare function DropdownField({ label, errorMessage: errorMessageProp, helperText, controlId: id, labelTrailing, required, ...dropdownProps }: DropdownFieldProps): import("react/jsx-runtime").JSX.Element;
-declare namespace DropdownField {
+declare function SelectField({ label, errorMessage: errorMessageProp, helperText, controlId: id, labelTrailing, required, ...selectProps }: SelectFieldProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SelectField {
     var bspkName: string;
 }
-export { DropdownField };
+export { SelectField };
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/SelectField.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormField } from './FormField';
+import { Select } from './Select';
+/**
+ * A component that allows users to input large amounts of text that could span multiple lines.
+ *
+ * This component takes properties from the FormField and Select components.
+ *
+ * @example
+ *     import { SelectField } from '@bspk/ui/SelectField';
+ *
+ *     export function Example() {
+ *         const [state, setState] = React.useState(['option1']);
+ *         return (
+ *             <SelectField
+ *                 controlId="Example controlId"
+ *                 label="Example label"
+ *                 name="Example name"
+ *                 onChange={(nextValue) => setState(nextValue)}
+ *                 options={[
+ *                     { label: 'Option 1', value: 'option1' },
+ *                     { label: 'Option 2', value: 'option2' },
+ *                     { label: 'Option 3', value: 'option3' },
+ *                 ]}
+ *                 placeholder="Select one..."
+ *                 value={state}
+ *             />
+ *         );
+ *     }
+ *
+ * @name SelectField
+ */
+function SelectField({ label, errorMessage: errorMessageProp, helperText, controlId: id, labelTrailing, required, ...selectProps }) {
+    const errorMessage = (!selectProps.readOnly && !selectProps.disabled && errorMessageProp) || undefined;
+    return (_jsx(FormField, { controlId: id, "data-bspk": "select-field", errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, required: required, children: (fieldProps) => (_jsx(Select, { ...selectProps, ...fieldProps, "aria-label": label, id: id, invalid: !!errorMessage })) }));
+}
+SelectField.bspkName = 'SelectField';
+export { SelectField };
+//# sourceMappingURL=SelectField.js.map

package/dist/SelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../src/SelectField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,SAAS,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAe,MAAM,EAAE,MAAM,UAAU,CAAC;AAiB/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,SAAS,WAAW,CAAC,EACjB,KAAK,EACL,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EACV,SAAS,EAAE,EAAE,EACb,aAAa,EACb,QAAQ,EACR,GAAG,WAAW,EACC;IACf,MAAM,YAAY,GAAG,CAAC,CAAC,WAAW,CAAC,QAAQ,IAAI,CAAC,WAAW,CAAC,QAAQ,IAAI,gBAAgB,CAAC,IAAI,SAAS,CAAC;IAEvG,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,EAAE,eACH,cAAc,EACxB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,YAEjB,CAAC,UAAU,EAAE,EAAE,CAAC,CACb,KAAC,MAAM,OAAK,WAAW,KAAM,UAAU,gBAAc,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,YAAY,GAAI,CAClG,GACO,CACf,CAAC;AACN,CAAC;AAED,WAAW,CAAC,QAAQ,GAAG,aAAa,CAAC;AAErC,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/StylesProviderAnywhere.js

@@ -1,7 +1,7 @@
 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)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}body[data-bspk]{--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;height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}@media(prefers-reduced-motion){body[data-bspk] [data-animated]{animation:none !important}}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] [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}body[data-bspk] ol{list-style-type:decimal}body[data-bspk] ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}body[data-bspk] ul{list-style-type:disc}body[data-bspk] ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}body[data-bspk] [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}body[data-bspk] [data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){body[data-bspk] [data-touch-target]{display:block}}`);;
+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)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}: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}@media(prefers-reduced-motion){[data-animated]{animation:none !important}}body[data-bspk]{height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}[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-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}[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.
  *

package/dist/StylesProviderBetterHomesGardens.js

@@ -1,7 +1,7 @@
 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)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}body[data-bspk]{--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;height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}@media(prefers-reduced-motion){body[data-bspk] [data-animated]{animation:none !important}}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] [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}body[data-bspk] ol{list-style-type:decimal}body[data-bspk] ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}body[data-bspk] ul{list-style-type:disc}body[data-bspk] ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}body[data-bspk] [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}body[data-bspk] [data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){body[data-bspk] [data-touch-target]{display:block}}`);;
+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)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}: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}@media(prefers-reduced-motion){[data-animated]{animation:none !important}}body[data-bspk]{height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}[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-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}[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.
  *

package/dist/StylesProviderCartus.js

@@ -1,7 +1,7 @@
 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)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}body[data-bspk]{--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;height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}@media(prefers-reduced-motion){body[data-bspk] [data-animated]{animation:none !important}}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] [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}body[data-bspk] ol{list-style-type:decimal}body[data-bspk] ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}body[data-bspk] ul{list-style-type:disc}body[data-bspk] ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}body[data-bspk] [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}body[data-bspk] [data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){body[data-bspk] [data-touch-target]{display:block}}`);;
+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)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}: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}@media(prefers-reduced-motion){[data-animated]{animation:none !important}}body[data-bspk]{height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}[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-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}[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.
  *

package/dist/StylesProviderCentury21.js

@@ -1,7 +1,7 @@
 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)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}body[data-bspk]{--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;height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}@media(prefers-reduced-motion){body[data-bspk] [data-animated]{animation:none !important}}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] [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}body[data-bspk] ol{list-style-type:decimal}body[data-bspk] ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}body[data-bspk] ul{list-style-type:disc}body[data-bspk] ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}body[data-bspk] [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}body[data-bspk] [data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){body[data-bspk] [data-touch-target]{display:block}}`);;
+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)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}: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}@media(prefers-reduced-motion){[data-animated]{animation:none !important}}body[data-bspk]{height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}[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-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}[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.
  *

package/dist/StylesProviderColdwellBanker.js

@@ -1,7 +1,7 @@
 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)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}body[data-bspk]{--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;height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}@media(prefers-reduced-motion){body[data-bspk] [data-animated]{animation:none !important}}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] [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}body[data-bspk] ol{list-style-type:decimal}body[data-bspk] ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}body[data-bspk] ul{list-style-type:disc}body[data-bspk] ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}body[data-bspk] [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}body[data-bspk] [data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){body[data-bspk] [data-touch-target]{display:block}}`);;
+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)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}: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}@media(prefers-reduced-motion){[data-animated]{animation:none !important}}body[data-bspk]{height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}[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-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}[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.
  *

package/dist/StylesProviderCorcoran.js

@@ -1,7 +1,7 @@
 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)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}body[data-bspk]{--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;height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}@media(prefers-reduced-motion){body[data-bspk] [data-animated]{animation:none !important}}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] [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}body[data-bspk] ol{list-style-type:decimal}body[data-bspk] ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}body[data-bspk] ul{list-style-type:disc}body[data-bspk] ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}body[data-bspk] [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}body[data-bspk] [data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){body[data-bspk] [data-touch-target]{display:block}}`);;
+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)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}: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}@media(prefers-reduced-motion){[data-animated]{animation:none !important}}body[data-bspk]{height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}[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-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}[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.
  *

package/dist/StylesProviderDenaliBoss.js

@@ -1,7 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import '@bspk/styles/denali-boss.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)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}body[data-bspk]{--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;height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}@media(prefers-reduced-motion){body[data-bspk] [data-animated]{animation:none !important}}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] [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}body[data-bspk] ol{list-style-type:decimal}body[data-bspk] ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}body[data-bspk] ul{list-style-type:disc}body[data-bspk] ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}body[data-bspk] [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}body[data-bspk] [data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){body[data-bspk] [data-touch-target]{display:block}}`);;
+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)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}: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}@media(prefers-reduced-motion){[data-animated]{animation:none !important}}body[data-bspk]{height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}[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-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}[data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){[data-touch-target]{display:block}}`);;
 /**
  * Utility to provide the Denali Boss styles to the application.
  *

package/dist/StylesProviderEra.js

@@ -1,7 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import '@bspk/styles/era.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)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}body[data-bspk]{--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;height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}@media(prefers-reduced-motion){body[data-bspk] [data-animated]{animation:none !important}}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] [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}body[data-bspk] ol{list-style-type:decimal}body[data-bspk] ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}body[data-bspk] ul{list-style-type:disc}body[data-bspk] ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}body[data-bspk] [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}body[data-bspk] [data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){body[data-bspk] [data-touch-target]{display:block}}`);;
+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)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}: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}@media(prefers-reduced-motion){[data-animated]{animation:none !important}}body[data-bspk]{height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}[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-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}[data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){[data-touch-target]{display:block}}`);;
 /**
  * Utility to provide the ERA styles to the application.
  *

package/dist/StylesProviderSothebys.js

@@ -1,7 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import '@bspk/styles/sothebys.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)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}body[data-bspk]{--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;height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}@media(prefers-reduced-motion){body[data-bspk] [data-animated]{animation:none !important}}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] [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}body[data-bspk] ol{list-style-type:decimal}body[data-bspk] ol li{list-style-type:decimal;margin-left:var(--spacing-sizing-05)}body[data-bspk] ul{list-style-type:disc}body[data-bspk] ul li{list-style-type:disc;margin-left:var(--spacing-sizing-05)}body[data-bspk] [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}body[data-bspk] [data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){body[data-bspk] [data-touch-target]{display:block}}`);;
+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)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html:has(body[data-bspk]){height:100%;scroll-behavior:smooth}: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}@media(prefers-reduced-motion){[data-animated]{animation:none !important}}body[data-bspk]{height:100%;scroll-behavior:smooth;font:var(--body-base);background-color:var(--background-base);color:var(--foreground-neutral-on-surface)}body[data-bspk] input:-internal-autofill-previewed,body[data-bspk] input:-internal-autofill-selected,body[data-bspk] textarea:-internal-autofill-previewed,body[data-bspk] textarea:-internal-autofill-selected,body[data-bspk] select:-internal-autofill-previewed,body[data-bspk] select:-internal-autofill-selected{transition:color calc(infinity*1s) step-end,background-color calc(infinity*1s) step-end}body[data-bspk] a{color:var(--foreground-link-text-default)}body[data-bspk] a:not([disabled]):hover{color:var(--foreground-link-text-default-hovered)}body[data-bspk] a:not([disabled]):active{color:var(--foreground-link-text-default);filter:brightness(80%)}body[data-bspk] a:not([disabled]):visited{color:var(--foreground-link-text-default-visited)}body[data-bspk] a[disabled]{pointer-events:none;cursor:text;color:var(--foreground-link-text-default-disabled)}body[data-bspk] a[data-default]{color:var(--foreground-link-text-default) !important}body[data-bspk] a[data-hover]{color:var(--foreground-link-text-default-hovered) !important}body[data-bspk] a[data-active]{color:var(--foreground-link-text-default) !important;filter:brightness(80%)}body[data-bspk] a[data-visited]{color:var(--foreground-link-text-default-visited) !important}body[data-bspk] a[data-subtle]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered)}body[data-bspk] a[data-subtle]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed)}body[data-bspk] a[data-subtle]:not([disabled]):visited{color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-disabled)}body[data-bspk] a[data-subtle][data-default]{text-decoration:none;color:var(--foreground-neutral-on-surface)}body[data-bspk] a[data-subtle][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-hovered) !important}body[data-bspk] a[data-subtle][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-pressed) !important}body[data-bspk] a[data-subtle][data-visited]{color:var(--foreground-neutral-on-surface) !important}body[data-bspk] a[data-subtle-inverse]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):hover{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):active{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed)}body[data-bspk] a[data-subtle-inverse]:not([disabled]):visited{color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][disabled]{pointer-events:none;color:var(--foreground-link-text-subtle-inversed-disabled)}body[data-bspk] a[data-subtle-inverse][data-default]{text-decoration:none;color:var(--foreground-neutral-inverse-on-surface)}body[data-bspk] a[data-subtle-inverse][data-hover]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-hovered) !important}body[data-bspk] a[data-subtle-inverse][data-active]{text-decoration:underline;color:var(--foreground-link-text-subtle-inverse-pressed) !important}body[data-bspk] a[data-subtle-inverse][data-visited]{color:var(--foreground-neutral-inverse-on-surface) !important}[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-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}[data-touch-target]~*{position:relative;z-index:2}@media(any-pointer: coarse){[data-touch-target]{display:block}}`);;
 /**
  * Utility to provide the Sotheby's styles to the application.
  *

package/dist/TabGroup.d.ts

@@ -10,8 +10,7 @@ export type TabGroupOption = {
      */
     label: string;
     /**
-     * Determines if the element is
-     * [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled).
+     * Determines if the element is [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled).
      *
      * @default false
      */
@@ -74,15 +73,15 @@ export type TabGroupProps = {
      */
     size?: TabGroupSize;
     /**
-     * When 'fill' the options will fill the width of the container. When 'hug',
-     * the options will be as wide as their content.
+     * When 'fill' the options will fill the width of the container. When 'hug', the options will be as wide as their
+     * content.
      *
      * @default hug
      */
     width?: 'fill' | 'hug';
     /**
-     * When width is 'hug' this determines if the trailing underline should be
-     * showing. When width is 'fill' this property isn't applicable.
+     * When width is 'hug' this determines if the trailing underline should be showing. When width is 'fill' this
+     * property isn't applicable.
      *
      * @default false
      */

package/dist/TabGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabGroup.js","sourceRoot":"","sources":["../src/TabGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAMtE,MAAM,eAAe,GAA6C;IAC9D,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;CACnB,CAAC;AA0FF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,SAAS,QAAQ,CAAC;AACd,EAAE;AACF,QAAQ,EAAE,WAAW,EACrB,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,OAAO,EAAE,WAAW,EACpB,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,KAAK,EACjB,GAAG,cAAc,EACgB;IACjC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9D,qBAAqB,CAAC,OAAO,CAAC,CAAC;IAE/B,OAAO,CACH,iBACQ,cAAc,eACR,WAAW,qBACJ,CAAC,KAAK,KAAK,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,SAAS,eAClD,IAAI,gBACH,KAAK,YAEhB,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE;YAC7B,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC;YAEtC,OAAO,CACH,gCACiB,QAAQ,IAAI,SAAS,EAClC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,SAAS,EAEpC,OAAO,EAAE,GAAG,EAAE;oBACV,WAAW,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;gBACrD,CAAC,YAED,2BACK,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,IAAI,EAC1C,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CAC1C,KAAC,KAAK,IACF,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC,GAC7B,CACL,IACE,IAdF,IAAI,CAAC,KAAK,CAeV,CACZ,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC;AAED,QAAQ,CAAC,QAAQ,GAAG,UAAU,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"TabGroup.js","sourceRoot":"","sources":["../src/TabGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAMtE,MAAM,eAAe,GAA6C;IAC9D,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;CACnB,CAAC;AAyFF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,SAAS,QAAQ,CAAC;AACd,EAAE;AACF,QAAQ,EAAE,WAAW,EACrB,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,OAAO,EAAE,WAAW,EACpB,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,KAAK,EACjB,GAAG,cAAc,EACgB;IACjC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9D,qBAAqB,CAAC,OAAO,CAAC,CAAC;IAE/B,OAAO,CACH,iBACQ,cAAc,eACR,WAAW,qBACJ,CAAC,KAAK,KAAK,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,SAAS,eAClD,IAAI,gBACH,KAAK,YAEhB,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE;YAC7B,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC;YAEtC,OAAO,CACH,gCACiB,QAAQ,IAAI,SAAS,EAClC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,SAAS,EAEpC,OAAO,EAAE,GAAG,EAAE;oBACV,WAAW,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;gBACrD,CAAC,YAED,2BACK,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,IAAI,EAC1C,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CAC1C,KAAC,KAAK,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC,GAAI,CAC5D,IACE,IAXF,IAAI,CAAC,KAAK,CAYV,CACZ,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC;AAED,QAAQ,CAAC,QAAQ,GAAG,UAAU,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/Tag.d.ts

@@ -47,8 +47,7 @@ export type TagProps<As extends ElementType = 'span'> = {
     wrap?: boolean;
 };
 /**
- * A non-interactive visual indicators to draw attention or categorization of a
- * component.
+ * A non-interactive visual indicators to draw attention or categorization of a component.
  *
  * @example
  *     import { Tag } from '@bspk/ui/Tag';

package/dist/Tag.js

@@ -2,8 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { styleAdd } from './utils/styleAdd';
 styleAdd(`[data-bspk=tag]{display:flex;flex-direction:column;justify-content:center;width:fit-content;position:relative;padding:0 var(--spacing-sizing-03);border-radius:var(--radius-small);color:var(--foreground) !important;background:var(--background);font:unset;text-decoration:unset;white-space:nowrap;pointer-events:none}[data-bspk=tag][data-wrap]{height:auto}[data-bspk=tag][data-variant=pill]{border-radius:var(--radius-circular)}[data-bspk=tag][data-variant=corner-wrap]{border-bottom-right-radius:0}[data-bspk=tag][data-size=small]{font:var(--labels-small);height:var(--spacing-sizing-08)}[data-bspk=tag][data-size=x-small]{font:var(--labels-x-small);height:var(--spacing-sizing-06)}[data-bspk=tag][data-color=white]{box-shadow:var(--drop-shadow-south)}[data-bspk=tag] [data-triangle]{position:absolute;bottom:-12px;right:0;width:0;height:0;border-style:solid;border-width:12px 12px 0 0;border-color:var(--foreground) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);transform:rotate(0deg)}`);;
 /**
- * A non-interactive visual indicators to draw attention or categorization of a
- * component.
+ * A non-interactive visual indicators to draw attention or categorization of a component.
  *
  * @example
  *     import { Tag } from '@bspk/ui/Tag';

package/dist/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../src/Tag.tsx"],"names":[],"mappings":";AAKA,OAAO,YAAY,CAAC;AA+CpB;;;;;;;;;;;;;;;;GAgBG;AACH,SAAS,GAAG,CAAkC,EAC1C,QAAQ,EACR,EAAE,EACF,KAAK,GAAG,OAAO,EACf,IAAI,GAAG,OAAO,EACd,OAAO,GAAG,MAAM,EAChB,IAAI,EACJ,GAAG,KAAK,EACqB;IAC7B,MAAM,EAAE,GAAgB,EAAE,IAAI,MAAM,CAAC;IAErC,OAAO,CACH,MAAC,EAAE,OACK,KAAK,eACC,KAAK,gBACH,KAAK,eACN,IAAI,kBACD,OAAO,eACV,IAAI,IAAI,SAAS,aAE3B,QAAQ,EACR,OAAO,KAAK,aAAa,IAAI,sCAAqB,IAClD,CACR,CAAC;AACN,CAAC;AAED,GAAG,CAAC,QAAQ,GAAG,KAAK,CAAC;AAErB,OAAO,EAAE,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../src/Tag.tsx"],"names":[],"mappings":";AAKA,OAAO,YAAY,CAAC;AA+CpB;;;;;;;;;;;;;;;GAeG;AACH,SAAS,GAAG,CAAkC,EAC1C,QAAQ,EACR,EAAE,EACF,KAAK,GAAG,OAAO,EACf,IAAI,GAAG,OAAO,EACd,OAAO,GAAG,MAAM,EAChB,IAAI,EACJ,GAAG,KAAK,EACqB;IAC7B,MAAM,EAAE,GAAgB,EAAE,IAAI,MAAM,CAAC;IAErC,OAAO,CACH,MAAC,EAAE,OACK,KAAK,eACC,KAAK,gBACH,KAAK,eACN,IAAI,kBACD,OAAO,eACV,IAAI,IAAI,SAAS,aAE3B,QAAQ,EACR,OAAO,KAAK,aAAa,IAAI,sCAAqB,IAClD,CACR,CAAC;AACN,CAAC;AAED,GAAG,CAAC,QAAQ,GAAG,KAAK,CAAC;AAErB,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/TextField.d.ts

@@ -1,10 +1,9 @@
 import { FormFieldProps } from './FormField';
 import { TextInputProps } from './TextInput';
 import { InvalidPropsLibrary } from '.';
-export type TextFieldProps = InvalidPropsLibrary & Pick<FormFieldProps, 'controlId' | 'errorMessage' | 'helperText' | 'label' | 'labelTrailing'> & Pick<TextInputProps, 'autoComplete' | 'disabled' | 'inputRef' | 'leading' | 'name' | 'onChange' | 'placeholder' | 'readOnly' | 'required' | 'size' | 'trailing' | 'type' | 'value'>;
+export type TextFieldProps = InvalidPropsLibrary & Pick<TextInputProps, 'autoComplete' | 'disabled' | 'inputRef' | 'leading' | 'name' | 'onChange' | 'placeholder' | 'readOnly' | 'required' | 'size' | 'trailing' | 'type' | 'value'> & Pick<FormFieldProps, 'controlId' | 'errorMessage' | 'helperText' | 'label' | 'labelTrailing'>;
 /**
- * A text input that allows users to enter text, numbers or symbols in a
- * singular line.
+ * A text input that allows users to enter text, numbers or symbols in a singular line.
  *
  * This component takes properties from the FormField and TextInput components.
  *