@bspk/ui 1.2.0 → 1.3.1

package/dist/components/TextInput/TextInputExample.js

@@ -9,6 +9,8 @@ export const TextInputExample = {
                 leading: '$',
                 trailing: undefined,
                 placeholder: 'currency',
+                name: 'currency',
+                'aria-label': 'Currency input',
             },
         },
         {
@@ -18,6 +20,8 @@ export const TextInputExample = {
                 leading: undefined,
                 trailing: '%',
                 placeholder: 'percent',
+                name: 'percent',
+                'aria-label': 'Percent input',
             },
         },
         {
@@ -27,8 +31,13 @@ export const TextInputExample = {
                 leading: undefined,
                 placeholder: 'dimensions',
                 trailing: 'ft',
+                name: 'dimension',
+                'aria-label': 'Dimension input',
             },
         },
     ],
+    variants: {
+        type: false,
+    },
 };
 //# sourceMappingURL=TextInputExample.js.map

package/dist/components/TextInput/TextInputExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputExample.js","sourceRoot":"","sources":["../../../src/components/TextInput/TextInputExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,gBAAgB,GAAqC;IAC9D,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;IAC1D,OAAO,EAAE;QACL;YACI,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,SAAS;gBACnB,WAAW,EAAE,UAAU;aAC1B;SACJ;QACD;YACI,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,SAAS;gBAClB,QAAQ,EAAE,GAAG;gBACb,WAAW,EAAE,SAAS;aACzB;SACJ;QACD;YACI,KAAK,EAAE,WAAW;YAClB,SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,SAAS;gBAClB,WAAW,EAAE,YAAY;gBACzB,QAAQ,EAAE,IAAI;aACjB;SACJ;KACJ;CACJ,CAAC"}
+{"version":3,"file":"TextInputExample.js","sourceRoot":"","sources":["../../../src/components/TextInput/TextInputExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,gBAAgB,GAAqC;IAC9D,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;IAC1D,OAAO,EAAE;QACL;YACI,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,SAAS;gBACnB,WAAW,EAAE,UAAU;gBACvB,IAAI,EAAE,UAAU;gBAChB,YAAY,EAAE,gBAAgB;aACjC;SACJ;QACD;YACI,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,SAAS;gBAClB,QAAQ,EAAE,GAAG;gBACb,WAAW,EAAE,SAAS;gBACtB,IAAI,EAAE,SAAS;gBACf,YAAY,EAAE,eAAe;aAChC;SACJ;QACD;YACI,KAAK,EAAE,WAAW;YAClB,SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,SAAS;gBAClB,WAAW,EAAE,YAAY;gBACzB,QAAQ,EAAE,IAAI;gBACd,IAAI,EAAE,WAAW;gBACjB,YAAY,EAAE,iBAAiB;aAClC;SACJ;KACJ;IACD,QAAQ,EAAE;QACN,IAAI,EAAE,KAAK;KACd;CACJ,CAAC"}

package/dist/components/TextInput/text-input.css

@@ -6,10 +6,13 @@
   border: solid 1px var(--border-color);
   height: var(--field-height);
   border-radius: var(--radius-sm);
-  padding: 0 0 0 var(--field-padding);
+  padding: 0 var(--field-padding);
   gap: var(--spacing-sizing-01);
   width: 100%;
 }
+[data-bspk=text-input][data-show-clear-button] {
+  padding-right: 0;
+}
 [data-bspk=text-input] > * {
   display: flex;
   justify-content: center;
@@ -29,11 +32,11 @@
   --border-color: var(--stroke-neutral-disabled-light);
   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=text-input][data-disabled], [data-bspk=text-input]:has(input[disabled]) {
+[data-bspk=text-input][data-disabled], [data-bspk=text-input]:has([data-main-input][disabled]) {
   --border-color: var(--stroke-neutral-disabled-light);
   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=text-input][data-disabled] > *, [data-bspk=text-input]:has(input[disabled]) > * {
+[data-bspk=text-input][data-disabled] > *, [data-bspk=text-input]:has([data-main-input][disabled]) > * {
   color: var(--foreground-neutral-disabled-on-surface);
 }
 [data-bspk=text-input][data-invalid] {
@@ -60,6 +63,10 @@
   --field-icon-width: var(--spacing-sizing-06);
   --field-clear-width: var(--spacing-sizing-06);
 }
+[data-bspk=text-input] [data-leading],
+[data-bspk=text-input] [data-trailing] {
+  position: relative;
+}
 [data-bspk=text-input] [data-leading] svg,
 [data-bspk=text-input] [data-trailing] svg {
   width: var(--field-icon-width);
@@ -68,7 +75,7 @@
   font: var(--labels-small);
   color: var(--foreground-neutral-on-surface-variant-01);
 }
-[data-bspk=text-input] input {
+[data-bspk=text-input] [data-main-input] {
   flex: 1;
   background-color: transparent !important;
   border: none;
@@ -77,27 +84,7 @@
   pointer-events: all;
   text-overflow: ellipsis;
 }
-[data-bspk=text-input] input[type=number]::-webkit-inner-spin-button, [data-bspk=text-input] input[type=number]::-webkit-outer-spin-button {
-  display: none;
-}
-[data-bspk=text-input] button[data-clear] {
-  display: flex;
-  border: none;
-  background: none;
-  padding: 0;
-  cursor: pointer;
-  pointer-events: all;
-  margin-left: var(--spacing-sizing-02);
-  padding-right: var(--field-padding);
-}
-[data-bspk=text-input] button[data-clear] svg {
-  pointer-events: none;
-  width: var(--field-clear-width);
-}
-[data-bspk=text-input]:not(:focus-within), [data-bspk=text-input][data-empty], [data-bspk=text-input][data-readonly], [data-bspk=text-input][data-disabled], [data-bspk=text-input][data-clear-hidden] {
-  padding-right: var(--field-padding);
-}
-[data-bspk=text-input]:not(:focus-within) button[data-clear], [data-bspk=text-input][data-empty] button[data-clear], [data-bspk=text-input][data-readonly] button[data-clear], [data-bspk=text-input][data-disabled] button[data-clear], [data-bspk=text-input][data-clear-hidden] button[data-clear] {
+[data-bspk=text-input] [data-main-input][type=number]::-webkit-inner-spin-button, [data-bspk=text-input] [data-main-input][type=number]::-webkit-outer-spin-button {
   display: none;
 }
 [data-bspk=text-input]:focus-within {

package/dist/components/TextInput/text-input.css.js

@@ -9,10 +9,13 @@ style.appendChild(document.createTextNode(`[data-bspk=text-input] {
   border: solid 1px var(--border-color);
   height: var(--field-height);
   border-radius: var(--radius-sm);
-  padding: 0 0 0 var(--field-padding);
+  padding: 0 var(--field-padding);
   gap: var(--spacing-sizing-01);
   width: 100%;
 }
+[data-bspk=text-input][data-show-clear-button] {
+  padding-right: 0;
+}
 [data-bspk=text-input] > * {
   display: flex;
   justify-content: center;
@@ -32,11 +35,11 @@ style.appendChild(document.createTextNode(`[data-bspk=text-input] {
   --border-color: var(--stroke-neutral-disabled-light);
   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=text-input][data-disabled], [data-bspk=text-input]:has(input[disabled]) {
+[data-bspk=text-input][data-disabled], [data-bspk=text-input]:has([data-main-input][disabled]) {
   --border-color: var(--stroke-neutral-disabled-light);
   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=text-input][data-disabled] > *, [data-bspk=text-input]:has(input[disabled]) > * {
+[data-bspk=text-input][data-disabled] > *, [data-bspk=text-input]:has([data-main-input][disabled]) > * {
   color: var(--foreground-neutral-disabled-on-surface);
 }
 [data-bspk=text-input][data-invalid] {
@@ -63,6 +66,10 @@ style.appendChild(document.createTextNode(`[data-bspk=text-input] {
   --field-icon-width: var(--spacing-sizing-06);
   --field-clear-width: var(--spacing-sizing-06);
 }
+[data-bspk=text-input] [data-leading],
+[data-bspk=text-input] [data-trailing] {
+  position: relative;
+}
 [data-bspk=text-input] [data-leading] svg,
 [data-bspk=text-input] [data-trailing] svg {
   width: var(--field-icon-width);
@@ -71,7 +78,7 @@ style.appendChild(document.createTextNode(`[data-bspk=text-input] {
   font: var(--labels-small);
   color: var(--foreground-neutral-on-surface-variant-01);
 }
-[data-bspk=text-input] input {
+[data-bspk=text-input] [data-main-input] {
   flex: 1;
   background-color: transparent !important;
   border: none;
@@ -80,27 +87,7 @@ style.appendChild(document.createTextNode(`[data-bspk=text-input] {
   pointer-events: all;
   text-overflow: ellipsis;
 }
-[data-bspk=text-input] input[type=number]::-webkit-inner-spin-button, [data-bspk=text-input] input[type=number]::-webkit-outer-spin-button {
-  display: none;
-}
-[data-bspk=text-input] button[data-clear] {
-  display: flex;
-  border: none;
-  background: none;
-  padding: 0;
-  cursor: pointer;
-  pointer-events: all;
-  margin-left: var(--spacing-sizing-02);
-  padding-right: var(--field-padding);
-}
-[data-bspk=text-input] button[data-clear] svg {
-  pointer-events: none;
-  width: var(--field-clear-width);
-}
-[data-bspk=text-input]:not(:focus-within), [data-bspk=text-input][data-empty], [data-bspk=text-input][data-readonly], [data-bspk=text-input][data-disabled], [data-bspk=text-input][data-clear-hidden] {
-  padding-right: var(--field-padding);
-}
-[data-bspk=text-input]:not(:focus-within) button[data-clear], [data-bspk=text-input][data-empty] button[data-clear], [data-bspk=text-input][data-readonly] button[data-clear], [data-bspk=text-input][data-disabled] button[data-clear], [data-bspk=text-input][data-clear-hidden] button[data-clear] {
+[data-bspk=text-input] [data-main-input][type=number]::-webkit-inner-spin-button, [data-bspk=text-input] [data-main-input][type=number]::-webkit-outer-spin-button {
   display: none;
 }
 [data-bspk=text-input]:focus-within {

package/dist/components/Textarea/Textarea.d.ts

@@ -1,6 +1,6 @@
+import './textarea.scss';
 import { ChangeEvent } from 'react';
 import { CommonProps, FormFieldControlProps, SetRef } from '-/types/common';
-import './textarea.scss';
 export type TextareaProps = CommonProps<'aria-label' | 'disabled' | 'id' | 'invalid' | 'readOnly'> & FormFieldControlProps & {
     /**
      * Callback when the value of the field changes.
@@ -50,7 +50,7 @@ export type TextareaProps = CommonProps<'aria-label' | 'disabled' | 'id' | 'inva
      *
      * When set the textarea will automatically adjust its height to fit the content up to this limit.
      *
-     * @default 3
+     * @default 10
      * @minimum 3
      * @maximum 10
      */
@@ -78,5 +78,5 @@ export type TextareaProps = CommonProps<'aria-label' | 'disabled' | 'id' | 'inva
  * @name Textarea
  * @phase Utility
  */
-export declare function Textarea({ invalid: invalidProp, onChange, textSize, value, name, 'aria-label': ariaLabel, innerRef, placeholder, id: idProp, minRows: minRowsProp, maxRows: maxRowsProp, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, ...otherProps }: TextareaProps): import("react/jsx-runtime").JSX.Element;
+export declare function Textarea({ invalid: invalidProp, onChange, textSize, value, name, 'aria-label': ariaLabel, innerRef, placeholder, id: idProp, minRows, maxRows, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, ...otherProps }: TextareaProps): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Textarea/Textarea.js

@@ -1,13 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './textarea.css.js';
 import { useRef } from 'react';
 import { useId } from '../../hooks/useId';
 import { cssWithVars } from '../../utils/cwv';
-import './textarea.css.js';
-const DEFAULT = {
-    minRows: 3,
-    maxRows: 10,
-    textSize: 'medium',
-};
 /**
  * A component that allows users to input large amounts of text that could span multiple lines.
  *
@@ -30,12 +25,9 @@ const DEFAULT = {
  * @name Textarea
  * @phase Utility
  */
-export function Textarea({ invalid: invalidProp, onChange, textSize = DEFAULT.textSize, value = '', name, 'aria-label': ariaLabel, innerRef, placeholder, id: idProp, minRows: minRowsProp = DEFAULT.minRows, maxRows: maxRowsProp = DEFAULT.maxRows, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, ...otherProps }) {
+export function Textarea({ invalid: invalidProp, onChange, textSize = 'medium', value = '', name, 'aria-label': ariaLabel, innerRef, placeholder, id: idProp, minRows = 4, maxRows = 10, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, ...otherProps }) {
     const id = useId(idProp);
     const invalid = !otherProps.readOnly && !otherProps.disabled && invalidProp;
-    // ensure minRows and maxRows are within bounds
-    const minRows = Math.min(DEFAULT.maxRows, Math.max(minRowsProp, DEFAULT.minRows));
-    const maxRows = Math.max(DEFAULT.minRows, Math.min(maxRowsProp, DEFAULT.maxRows));
     const onInput = () => {
         const target = textareaElement.current;
         if (!target)

package/dist/components/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAe,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AA2D1C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,QAAQ,CAAC,EACrB,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,QAAQ,GAAG,QAAQ,EACnB,KAAK,GAAG,EAAE,EACV,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,WAAW,EACX,EAAE,EAAE,MAAM,EACV,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,EAAE,EACZ,kBAAkB,EAAE,eAAe,EACnC,mBAAmB,EAAE,gBAAgB,EACrC,GAAG,UAAU,EACD;IACZ,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,MAAM,OAAO,GAAG,CAAC,UAAU,CAAC,QAAQ,IAAI,CAAC,UAAU,CAAC,QAAQ,IAAI,WAAW,CAAC;IAE5E,MAAM,OAAO,GAAG,GAAG,EAAE;QACjB,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC;QACvC,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,qEAAqE;QACrE,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO;QAC/B,MAAM,CAAC,WAA2B,CAAC,SAAS,GAAG,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACxE,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,MAAM,CAA6B,IAAI,CAAC,CAAC;IAEjE,OAAO,CACH,4BACc,UAAU,eACT,QAAQ,EACnB,KAAK,EAAE,WAAW,CAAC;YACf,YAAY,EAAE,OAAO;YACrB,YAAY,EAAE,OAAO;SACxB,CAAC,aAEF,sBACQ,UAAU,sBACI,eAAe,IAAI,SAAS,uBAC3B,gBAAgB,IAAI,SAAS,kBAClC,OAAO,IAAI,SAAS,gBACtB,SAAS,EACrB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;oBACd,MAAM,MAAM,GAAG,KAAK,CAAC,MAA6B,CAAC;oBACnD,MAAM,CAAC,SAAS,GAAG,CAAC,CAAC;gBACzB,CAAC,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,EACxD,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;oBACV,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;oBACjB,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;oBAC/B,OAAO,EAAE,CAAC;gBACd,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,MAAM,GACb,EACF,mEAAyC,IACvC,CACT,CAAC;AACN,CAAC"}

package/dist/components/TextareaField/TextareaField.d.ts

@@ -35,5 +35,5 @@ export type TextareaFieldProps = FormFieldWrapProps<TextareaProps> & {
  * @name TextareaField
  * @phase UXReview
  */
-export declare function TextareaField({ label, helperText, controlId, required, invalid, characterCount, ...inputProps }: TextareaFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextareaField({ label, errorMessage, helperText, controlId, required, invalid, characterCount, ...inputProps }: TextareaFieldProps): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/TextareaField/TextareaField.js

@@ -30,9 +30,9 @@ import { tryIntParse } from '../../utils/tryIntPsrse';
  * @name TextareaField
  * @phase UXReview
  */
-export function TextareaField({ label, helperText, controlId, required, invalid, characterCount, ...inputProps }) {
+export function TextareaField({ label, errorMessage, helperText, controlId, required, invalid, characterCount, ...inputProps }) {
     const maxLength = tryIntParse(inputProps.maxLength) || -1;
-    return (_jsx(FormField, { controlId: controlId, "data-bspk": "textarea-field", helperText: helperText, invalid: invalid, label: label, labelTrailing: 
+    return (_jsx(FormField, { controlId: controlId, "data-bspk": "textarea-field", errorMessage: errorMessage, helperText: helperText, invalid: invalid, label: label, labelTrailing: 
         // If characterCount is falsey, we don't want to show the labelTrailing
         characterCount && (_jsx(Txt, { style: {
                 color: 'var(--foreground-neutral-on-surface-variant-02)',

package/dist/components/TextareaField/TextareaField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaField.js","sourceRoot":"","sources":["../../../src/components/TextareaField/TextareaField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAsB,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAiB,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAWlD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,UAAU,aAAa,CAAC,EAC1B,KAAK,EACL,UAAU,EACV,SAAS,EACT,QAAQ,EACR,OAAO,EACP,cAAc,EACd,GAAG,UAAU,EACI;IACjB,MAAM,SAAS,GAAG,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IAE1D,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,SAAS,eACV,gBAAgB,EAC1B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,aAAa;QACT,uEAAuE;QACvE,cAAc,IAAI,CACd,KAAC,GAAG,IACA,KAAK,EAAE;gBACH,KAAK,EAAE,iDAAiD;aAC3D,EACD,OAAO,EAAC,YAAY,YAEnB,GAAG,UAAU,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,GACzE,CACT,EAEL,QAAQ,EAAE,QAAQ,YAEjB,CAAC,UAAU,EAAE,EAAE,CAAC,CACb,KAAC,QAAQ;QACL,EAAE;eACE,UAAU,KACV,UAAU,EACd,OAAO,EAAE,OAAO,GAClB,CACL,GACO,CACf,CAAC;AACN,CAAC"}
+{"version":3,"file":"TextareaField.js","sourceRoot":"","sources":["../../../src/components/TextareaField/TextareaField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAsB,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAiB,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAWlD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,UAAU,aAAa,CAAC,EAC1B,KAAK,EACL,YAAY,EACZ,UAAU,EACV,SAAS,EACT,QAAQ,EACR,OAAO,EACP,cAAc,EACd,GAAG,UAAU,EACI;IACjB,MAAM,SAAS,GAAG,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IAE1D,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,SAAS,eACV,gBAAgB,EAC1B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,aAAa;QACT,uEAAuE;QACvE,cAAc,IAAI,CACd,KAAC,GAAG,IACA,KAAK,EAAE;gBACH,KAAK,EAAE,iDAAiD;aAC3D,EACD,OAAO,EAAC,YAAY,YAEnB,GAAG,UAAU,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,GACzE,CACT,EAEL,QAAQ,EAAE,QAAQ,YAEjB,CAAC,UAAU,EAAE,EAAE,CAAC,CACb,KAAC,QAAQ;QACL,EAAE;eACE,UAAU,KACV,UAAU,EACd,OAAO,EAAE,OAAO,GAClB,CACL,GACO,CACf,CAAC;AACN,CAAC"}

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

@@ -1,10 +1,15 @@
 import { TimeInputType } from './Segment';
-type TimeInputListboxProps<T> = {
-    options: T[];
-    selectedValue?: T;
+type Option = {
+    id: string;
+    value: string;
+    label: string;
+};
+type TimeInputListboxProps = {
+    options: Option[];
+    selectedValue?: string;
     type: TimeInputType;
-    onSelect?: (value: T) => void;
+    onSelect?: (value: string) => void;
     onTab?: (e: React.KeyboardEvent) => void;
 };
-export declare function TimeInputListbox<T>({ options, selectedValue, type: kind, onSelect, onTab }: TimeInputListboxProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function TimeInputListbox({ options, selectedValue, type: kind, onSelect, onTab }: TimeInputListboxProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/TimeInput/Listbox.js

@@ -1,66 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useRef, useState } from 'react';
-import { bound } from '../../utils/bound';
+import { useArrowNavigation } from '../../hooks/useArrowNavigation';
+import { getElementById } from '../../utils/dom';
 import { handleKeyDown } from '../../utils/handleKeyDown';
-import { scrollElementIntoView } from '../../utils/scrollElementIntoView';
 export function TimeInputListbox({ options, selectedValue, type: kind, onSelect, onTab }) {
-    const [activeIndex, setActiveIndex] = useState(-1);
-    const listRef = useRef(null);
-    const handleArrow = (dir) => {
-        return (e) => {
-            e.preventDefault();
-            setActiveIndex((prevIndex) => {
-                const next = bound({
-                    num: prevIndex + (dir === 'down' ? 1 : -1),
-                    min: 0,
-                    max: options.length - 1,
-                    rollover: true,
-                });
-                scrollElementIntoView(listRef.current?.children[next], listRef.current);
-                return next;
-            });
-        };
+    const { activeElementId, arrowKeyCallbacks } = useArrowNavigation({
+        ids: options.map((option) => option.id),
+        defaultActiveId: (options.find((option) => option.value === selectedValue) || options[0])?.id || null,
+    });
+    const enterSpaceClick = () => {
+        if (activeElementId)
+            getElementById(activeElementId)?.click();
     };
-    return (_jsx("div", { "aria-label": `Select ${kind}`, "data-scroll-column": kind, onClick: (event) => {
+    return (_jsx("div", { "aria-label": `Select ${kind}`, "data-bspk": "time-input-listbox", "data-scroll-column": kind, "data-type": kind, "data-visible": true, id: `${kind}-listbox`, onClickCapture: (event) => {
             const target = event.target;
             if (target.dataset.value)
                 onSelect?.(target.dataset.value);
-        }, onFocus: () => {
-            if (activeIndex < 0 && options.length > 0)
-                scrollElementIntoView(listRef.current?.children[activeIndex], listRef.current);
         }, onKeyDown: handleKeyDown({
-            ArrowDown: handleArrow('down'),
-            ArrowUp: handleArrow('up'),
-            ArrowLeft: (e) => {
-                e.preventDefault();
-                const previousSibling = e.currentTarget.previousElementSibling;
-                if (previousSibling)
-                    previousSibling.focus();
-                else
-                    e.currentTarget.parentNode?.lastElementChild?.focus();
-            },
-            ArrowRight: (e) => {
-                e.preventDefault();
-                const nextSibling = e.currentTarget.nextElementSibling;
-                if (nextSibling)
-                    nextSibling.focus();
-                else
-                    e.currentTarget.parentNode?.firstElementChild?.focus();
-            },
-            Enter: (e) => {
-                e.preventDefault();
-                if (activeIndex >= 0 && activeIndex < options.length)
-                    onSelect?.(options[activeIndex]);
-            },
+            ...arrowKeyCallbacks,
+            Enter: enterSpaceClick,
+            Space: enterSpaceClick,
             Tab: onTab,
-        }), onMouseMove: (event) => {
-            const target = event.target;
-            setActiveIndex(Number(target.dataset.index));
-            event.currentTarget.focus();
-        }, ref: (node) => {
-            if (!node)
-                return;
-            listRef.current = node;
-        }, role: "listbox", tabIndex: 0, children: options.map((val, index) => (_jsx("span", { "aria-label": `${val}`.padStart(2, '0'), "aria-selected": `${val}` === `${selectedValue}` || undefined, "data-active": activeIndex === index || undefined, "data-index": index, "data-value": val, role: "option", children: `${val}`.padStart(2, '0') }, `${val}`))) }));
+        }), role: "listbox", tabIndex: 0, children: options.map((option, index) => (_jsx("span", { "aria-label": option.label, "aria-selected": option.value === selectedValue, "data-active": activeElementId === option.id || undefined, "data-index": index, "data-value": option.value, id: option.id, role: "option", children: `${option.label}`.padStart(2, '0') }, option.id))) }));
 }
 //# sourceMappingURL=Listbox.js.map

package/dist/components/TimeInput/Listbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Listbox.js","sourceRoot":"","sources":["../../../src/components/TimeInput/Listbox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Listbox.js","sourceRoot":"","sources":["../../../src/components/TimeInput/Listbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAgBtD,MAAM,UAAU,gBAAgB,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAyB;IAC3G,MAAM,EAAE,eAAe,EAAE,iBAAiB,EAAE,GAAG,kBAAkB,CAAC;QAC9D,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC;QACvC,eAAe,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,aAAa,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,IAAI;KACxG,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,IAAI,eAAe;YAAE,cAAc,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC;IAClE,CAAC,CAAC;IAEF,OAAO,CACH,4BAEgB,UAAU,IAAI,EAAE,eAClB,oBAAoB,wBACV,IAAI,eACb,IAAI,kBACD,IAAI,EAClB,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE;YACtB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAyB,CAAC;YAC/C,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK;gBAAE,QAAQ,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC/D,CAAC,EACD,SAAS,EAAE,aAAa,CAAC;YACrB,GAAG,iBAAiB;YACpB,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,eAAe;YACtB,GAAG,EAAE,KAAK;SACb,CAAC,EACF,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,CAAC,YAEV,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,6BACgB,MAAM,CAAC,KAAK,mBACT,MAAM,CAAC,KAAK,KAAK,aAAa,iBAChC,eAAe,KAAK,MAAM,CAAC,EAAE,IAAI,SAAS,gBAC3C,KAAK,gBACL,MAAM,CAAC,KAAK,EACxB,EAAE,EAAE,MAAM,CAAC,EAAE,EAEb,IAAI,EAAC,QAAQ,YAEZ,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAH9B,MAAM,CAAC,EAAE,CAIX,CACV,CAAC,GACA,CACT,CAAC;AACN,CAAC"}

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

@@ -8,14 +8,13 @@ export declare const HOUR_BOUNDS: {
 };
 export declare const NUMBER_PLACEHOLDER: "--";
 export type TimeInputType = 'hours' | 'meridiem' | 'minutes';
-type TimeInputSegmentProps<T extends number | string> = {
-    ariaLabel?: string;
+type TimeInputSegmentProps<T extends string> = {
     disabled?: boolean;
     name: string;
     readOnly?: boolean;
-    defaultValue?: T;
+    value?: T;
     type: TimeInputType;
     onChange: (value: T | null) => void;
 };
-export declare function TimeInputSegment<T extends number | string>({ ariaLabel, disabled, name, readOnly, defaultValue, type: kind, onChange, }: TimeInputSegmentProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function TimeInputSegment<T extends string>({ disabled, name, readOnly, value: valueProp, type: kind, onChange, }: TimeInputSegmentProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/TimeInput/Segment.js

@@ -5,7 +5,7 @@ import { handleKeyDown } from '../../utils/handleKeyDown';
 export const MINUTE_BOUNDS = { min: 0, max: 59 };
 export const HOUR_BOUNDS = { min: 1, max: 12 };
 export const NUMBER_PLACEHOLDER = '--';
-export function TimeInputSegment({ ariaLabel, disabled, name, readOnly, defaultValue, type: kind, onChange, }) {
+export function TimeInputSegment({ disabled, name, readOnly, value: valueProp, type: kind, onChange, }) {
     const ref = useRef(null);
     const selectAll = (element = ref.current) => {
         if (!element)
@@ -28,8 +28,8 @@ export function TimeInputSegment({ ariaLabel, disabled, name, readOnly, defaultV
     }, [kind]);
     useEffect(() => {
         if (ref.current)
-            ref.current.textContent = valueToContent(defaultValue);
-    }, [defaultValue, valueToContent]);
+            ref.current.textContent = valueToContent(valueProp);
+    }, [valueProp, valueToContent]);
     const handleBlur = () => {
         window.getSelection()?.removeAllRanges();
     };
@@ -44,10 +44,12 @@ export function TimeInputSegment({ ariaLabel, disabled, name, readOnly, defaultV
             num: Number(currentValue) + increment,
             rollover: true,
             ...(kind === 'minutes' ? MINUTE_BOUNDS : HOUR_BOUNDS),
-        });
+        })
+            .toString()
+            .padStart(2, '0');
         onChange(nextValue);
         if (ref.current)
-            ref.current.textContent = nextValue.toString().padStart(2, '0');
+            ref.current.textContent = nextValue;
     }, [kind, onChange]);
     const nextSibling = () => getNextSibling(ref.current, '[data-input]');
     const previousSibling = () => getPreviousSibling(ref.current, '[data-input]');
@@ -90,7 +92,7 @@ export function TimeInputSegment({ ariaLabel, disabled, name, readOnly, defaultV
             }
             return;
         }
-        // only handle digits from here
+        // only handle digits past this point, ignore everything else
         if (!/^\d$/.test(event.key))
             return;
         let nextNumber = Number(event.key);
@@ -105,9 +107,10 @@ export function TimeInputSegment({ ariaLabel, disabled, name, readOnly, defaultV
             num: nextNumber,
             ...(kind === 'minutes' ? MINUTE_BOUNDS : HOUR_BOUNDS),
         });
-        onChange(nextNumber);
+        const nextValue = nextNumber.toString().padStart(2, '0');
+        onChange(nextValue);
         if (ref.current)
-            ref.current.textContent = nextNumber.toString().padStart(2, '0');
+            ref.current.textContent = nextValue;
         const moveToNext = (kind === 'hours' && nextNumber > 2) || (kind === 'minutes' && nextNumber > 5);
         if (moveToNext) {
             nextSibling()?.focus();
@@ -118,20 +121,21 @@ export function TimeInputSegment({ ariaLabel, disabled, name, readOnly, defaultV
         }
         return;
     }, [kind, handleIncrement, onChange]);
-    return (_jsx("span", { "aria-disabled": disabled, "aria-label": `${ariaLabel} ${name.charAt(0).toUpperCase() + name.slice(1)}`, "aria-readonly": readOnly, contentEditable: !readOnly && !disabled, "data-input": "", "data-type": kind, "data-value": defaultValue || undefined, id: `${name}`, onBlur: handleBlur, onClick: () => {
+    const valueText = valueProp ? valueToContent(valueProp) : 'Empty';
+    return (_jsx("span", { "aria-disabled": !!disabled, "aria-label": kind, "aria-readonly": readOnly, "aria-valuemax": kind === 'hours' ? 12 : kind === 'minutes' ? 59 : undefined, "aria-valuemin": kind === 'hours' ? 1 : kind === 'minutes' ? 0 : undefined, "aria-valuetext": valueText, contentEditable: !readOnly && !disabled, "data-input": true, "data-type": kind, "data-value": valueProp || undefined, id: `${name}`, inputMode: kind === 'meridiem' ? 'text' : 'numeric', onBlur: handleBlur, onClick: () => {
             if (disabled || readOnly)
                 return;
-            selectAll();
+            //selectAll();
         }, onFocus: () => {
             if (disabled || readOnly)
                 return;
-            selectAll();
+            //selectAll();
         }, onKeyDown: handleInputKeyDown, ref: (element) => {
             if (!element)
                 return;
             ref.current = element;
-            element.textContent = valueToContent(defaultValue);
-        }, role: "spinbutton", tabIndex: 0 }));
+            element.textContent = valueToContent(valueProp);
+        }, role: "spinbutton", spellCheck: "false", tabIndex: 0 }));
 }
 function getNextSibling(elem, selector) {
     // Get the next sibling element

package/dist/components/TimeInput/Segment.js.map

@@ -1 +1 @@
-{"version":3,"file":"Segment.js","sourceRoot":"","sources":["../../../src/components/TimeInput/Segment.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Segment.js","sourceRoot":"","sources":["../../../src/components/TimeInput/Segment.tsx"],"names":[],"mappings":"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"}

package/dist/components/TimeInput/TimeInput.d.ts

@@ -1,9 +1,8 @@
 import './time-input.scss';
 import { TextInputProps } from '-/components/TextInput';
-export declare const MINUTE_OPTIONS: number[];
-export declare const HOUR_OPTIONS: number[];
-type Meridiem = 'AM' | 'PM';
-export declare const MERIDIEM_OPTIONS: Meridiem[];
+export declare const MINUTE_OPTIONS: string[];
+export declare const HOUR_OPTIONS: string[];
+export declare const MERIDIEM_OPTIONS: string[];
 export type TimeInputProps = Pick<TextInputProps, 'aria-describedby' | 'aria-errormessage' | 'aria-label' | 'disabled' | 'id' | 'invalid' | 'name' | 'readOnly' | 'size'> & {
     value?: string;
 };
@@ -22,5 +21,4 @@ export type TimeInputProps = Pick<TextInputProps, 'aria-describedby' | 'aria-err
  * @phase UXReview
  */
 export declare function TimeInput({ value, 'aria-label': ariaLabel, disabled, id: idProp, invalid, readOnly, name, size, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, }: TimeInputProps): import("react/jsx-runtime").JSX.Element;
-export {};
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */