@bspk/ui 1.3.29 → 1.4.0

package/dist/types/common.d.ts

@@ -6,6 +6,7 @@
  * @bspk/ui/Txt".
  */
 import { IconName } from '@bspk/icons';
+import { BRANDS } from '@bspk/styles/brands';
 import { JSXElementConstructor, ReactNode, ComponentPropsWithoutRef, AriaRole, ChangeEvent, KeyboardEvent, CSSProperties } from 'react';
 export type AlertVariant = 'error' | 'informational' | 'success' | 'warning';
 /** Sets a ref to the given element. */
@@ -137,5 +138,5 @@ export type FieldControlProps<ValueType = string, ChangeContext = ChangeEvent<HT
     'aria-describedby'?: string;
     'aria-errormessage'?: string;
 };
-export type Brand = 'anywhere' | 'better-homes-gardens' | 'cartus' | 'century-21' | 'coldwell-banker' | 'corcoran' | 'denali-boss' | 'era' | 'sothebys';
+export type Brand = (typeof BRANDS)[number]['slug'];
 /** Copyright 2026 Anywhere Real Estate - CC BY 4.0 */

package/dist/types/common.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@bspk/ui",
-    "version": "1.3.29",
+    "version": "1.4.0",
     "license": "CC-BY-4.0",
     "type": "module",
     "files": [
@@ -186,10 +186,14 @@
         "./Slider/*": "./dist/components/Slider/*.js",
         "./Snackbar": "./dist/components/Snackbar/index.js",
         "./Snackbar/*": "./dist/components/Snackbar/*.js",
+        "./StylesProviderAgentWorkplace": "./dist/components/StylesProviderAgentWorkplace/index.js",
+        "./StylesProviderAgentWorkplace/*": "./dist/components/StylesProviderAgentWorkplace/*.js",
         "./StylesProviderAnywhere": "./dist/components/StylesProviderAnywhere/index.js",
         "./StylesProviderAnywhere/*": "./dist/components/StylesProviderAnywhere/*.js",
         "./StylesProviderBetterHomesGardens": "./dist/components/StylesProviderBetterHomesGardens/index.js",
         "./StylesProviderBetterHomesGardens/*": "./dist/components/StylesProviderBetterHomesGardens/*.js",
+        "./StylesProviderBrokerWorkplace": "./dist/components/StylesProviderBrokerWorkplace/index.js",
+        "./StylesProviderBrokerWorkplace/*": "./dist/components/StylesProviderBrokerWorkplace/*.js",
         "./StylesProviderCartus": "./dist/components/StylesProviderCartus/index.js",
         "./StylesProviderCartus/*": "./dist/components/StylesProviderCartus/*.js",
         "./StylesProviderCentury21": "./dist/components/StylesProviderCentury21/index.js",
@@ -200,8 +204,6 @@
         "./StylesProviderCorcoran/*": "./dist/components/StylesProviderCorcoran/*.js",
         "./StylesProviderDemo": "./dist/components/StylesProviderDemo/index.js",
         "./StylesProviderDemo/*": "./dist/components/StylesProviderDemo/*.js",
-        "./StylesProviderDenaliBoss": "./dist/components/StylesProviderDenaliBoss/index.js",
-        "./StylesProviderDenaliBoss/*": "./dist/components/StylesProviderDenaliBoss/*.js",
         "./StylesProviderEra": "./dist/components/StylesProviderEra/index.js",
         "./StylesProviderEra/*": "./dist/components/StylesProviderEra/*.js",
         "./StylesProviderSothebys": "./dist/components/StylesProviderSothebys/index.js",
@@ -241,7 +243,7 @@
     },
     "dependencies": {
         "@bspk/icons": "^1.1.1",
-        "@bspk/styles": "^1.0.2",
+        "@bspk/styles": "^1.1.6",
         "@floating-ui/dom": "^1.6.13",
         "date-fns": "^4.1.0",
         "focus-trap-react": "^11.0.1",
@@ -296,47 +298,5 @@
         "typescript": "^5.9.3",
         "typescript-eslint": "^8.49.0",
         "typescript-json-schema": "^0.65.1"
-    },
-    "brands": [
-        {
-            "title": "Anywhere",
-            "slug": "anywhere"
-        },
-        {
-            "title": "Better Homes & Gardens",
-            "slug": "better-homes-gardens"
-        },
-        {
-            "title": "Cartus",
-            "slug": "cartus"
-        },
-        {
-            "title": "Century 21",
-            "slug": "century-21"
-        },
-        {
-            "title": "Coldwell Banker",
-            "slug": "coldwell-banker"
-        },
-        {
-            "title": "Corcoran",
-            "slug": "corcoran"
-        },
-        {
-            "title": "Denali Boss",
-            "slug": "denali-boss"
-        },
-        {
-            "title": "ERA",
-            "slug": "era"
-        },
-        {
-            "title": "Sotheby's",
-            "slug": "sothebys"
-        },
-        {
-            "title": "Example",
-            "slug": "example"
-        }
-    ]
+    }
 }

package/src/components/Button/Button.tsx

@@ -187,7 +187,7 @@ export function Button<As extends ElementType = ElementType>(
                     {!iconOnly && <span data-button-label>{label}</span>}
                 </>
             )}
-            <span data-touch-target />
+            <span aria-hidden={true} data-touch-target />
         </As>
     );
 

package/src/components/InputNumber/InputNumber.tsx

@@ -1,7 +1,9 @@
 import './input-number.scss';
+import { SvgAdd } from '@bspk/icons/Add';
+import { SvgRemove } from '@bspk/icons/Remove';
 import { useEffect, useRef } from 'react';
-import { IncrementButton } from './IncrementButton';
 import { useId } from '-/hooks/useId';
+import { useLongPress } from '-/hooks/useLongPress';
 import { CommonProps, FieldControlProps } from '-/types/common';
 
 function isNumber(value: unknown): number | undefined;
@@ -109,14 +111,23 @@ export function InputNumber({
         valueRef.current = value;
     }, [value]);
 
-    const incrementHandler = (kind: 'add' | 'remove') => {
-        const increment = kind === 'add' ? step : step * -1;
-        const next = valueRef.current + increment;
-        if (next < min || next > max) return false;
+    const decrementHandler = () => {
+        const next = valueRef.current + step * -1;
+        if (next < min) return false;
         onChange(next);
         return true;
     };
 
+    const incrementHandler = () => {
+        const next = valueRef.current + step;
+        if (next > max) return false;
+        onChange(next);
+        return true;
+    };
+
+    const addPressHandlers = useLongPress({ callback: incrementHandler });
+    const removePressHandlers = useLongPress({ callback: decrementHandler });
+
     return (
         <div
             data-bspk="input-number"
@@ -158,13 +169,26 @@ export function InputNumber({
                 value={value !== undefined ? value : ''}
             />
             <div aria-hidden data-divider />
-            <IncrementButton
+            <button
+                {...removePressHandlers}
+                aria-controls={inputId}
+                aria-label="Decrease value"
                 disabled={removeDisabled}
-                inputId={inputId}
-                kind="remove"
-                triggerIncrement={incrementHandler}
-            />
-            <IncrementButton disabled={addDisabled} inputId={inputId} kind="add" triggerIncrement={incrementHandler} />
+                tabIndex={-1}
+                type="button"
+            >
+                <SvgRemove aria-hidden />
+            </button>
+            <button
+                {...addPressHandlers}
+                aria-controls={inputId}
+                aria-label="Increase value"
+                disabled={addDisabled}
+                tabIndex={-1}
+                type="button"
+            >
+                <SvgAdd aria-hidden />
+            </button>
         </div>
     );
 }

package/src/components/InputPhone/InputPhone.tsx

@@ -162,14 +162,7 @@ export function InputPhone({
 
     return (
         <>
-            <div
-                data-bspk="input-phone"
-                onKeyDownCapture={handleKeyDown({
-                    Tab: () => {
-                        //  if (open) closeMenu();
-                    },
-                })}
-            >
+            <div data-bspk="input-phone">
                 <Input
                     aria-describedby={ariaDescribedBy}
                     aria-errormessage={ariaErrorMessage}

package/src/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.tsx

@@ -0,0 +1,15 @@
+import '@bspk/styles/agent-workplace.css';
+import '-/styles/base.scss';
+
+/**
+ * Utility to provide the Agent Workplace styles to the application.
+ *
+ * @name StylesProviderAgentWorkplace
+ * @phase Utility
+ * @generated
+ */
+export function StylesProviderAgentWorkplace(): JSX.Element | null {
+    return null;
+}
+
+/** Copyright 2026 Anywhere Real Estate - CC BY 4.0 */

package/src/components/StylesProviderAgentWorkplace/index.tsx

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

package/src/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.tsx

@@ -0,0 +1,15 @@
+import '@bspk/styles/broker-workplace.css';
+import '-/styles/base.scss';
+
+/**
+ * Utility to provide the Broker Workplace styles to the application.
+ *
+ * @name StylesProviderBrokerWorkplace
+ * @phase Utility
+ * @generated
+ */
+export function StylesProviderBrokerWorkplace(): JSX.Element | null {
+    return null;
+}
+
+/** Copyright 2026 Anywhere Real Estate - CC BY 4.0 */

package/src/components/StylesProviderBrokerWorkplace/index.tsx

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