@bspk/ui 1.1.34 → 1.2.0

package/dist/components/TextInput/TextInput.d.ts

@@ -1,5 +1,5 @@
-import { ChangeEvent, HTMLInputAutoCompleteAttribute, HTMLInputTypeAttribute, ReactNode } from 'react';
-import { ElementProps, CommonProps, InvalidPropsLibrary, SetRef } from '../../index.js';
+import { ChangeEvent, HTMLInputTypeAttribute, ReactNode } from 'react';
+import { CommonProps, ElementProps, FormFieldControlProps, SetRef } from '-/types/common';
 import './text-input.scss';
 export declare const DEFAULT: {
     readonly size: "medium";
@@ -7,7 +7,7 @@ export declare const DEFAULT: {
     readonly type: Extract<HTMLInputTypeAttribute, "number" | "text">;
     readonly autoComplete: "off";
 };
-export type TextInputProps = CommonProps<'aria-label' | 'disabled' | 'id' | 'name' | 'readOnly' | 'required' | 'size' | 'value'> & InvalidPropsLibrary & {
+type TextInputBaseProps = {
     /**
      * Callback when the value of the field changes.
      *
@@ -37,13 +37,22 @@ export type TextInputProps = CommonProps<'aria-label' | 'disabled' | 'id' | 'nam
      *
      * @default text
      */
-    type?: Extract<HTMLInputTypeAttribute, 'number' | 'text'>;
+    type?: Extract<HTMLInputTypeAttribute, 'number' | 'password' | 'text'>;
     /**
      * Specifies if user agent has any permission to provide automated assistance in filling out form field values
      *
      * @default off
      */
-    autoComplete?: HTMLInputAutoCompleteAttribute;
+    autoComplete?: '' | 'off' | 'on';
+    /**
+     * Specifies if the clear button should be shown. This should almost always be true, but can be set to false.
+     *
+     * @default true
+     */
+    showClearButton?: boolean;
+};
+export type TextInputProps = CommonProps<'aria-label' | 'disabled' | 'id' | 'invalid' | 'name' | 'owner' | 'readOnly' | 'required' | 'size' | 'value'> & FormFieldControlProps & TextInputBaseProps & {
+    inputProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof TextInputBaseProps>;
 };
 /**
  * A text input that allows users to enter text, numbers or symbols in a singular line. This is the base element and is
@@ -62,11 +71,8 @@ export type TextInputProps = CommonProps<'aria-label' | 'disabled' | 'id' | 'nam
  * @element
  *
  * @name TextInput
- * @phase DesignReview
+ * @phase Utility
  */
-declare function TextInput({ invalid: invalidProp, onChange, size, value, name, 'aria-label': ariaLabel, inputRef, required, placeholder, id: idProp, leading, trailing, type, readOnly, disabled, autoComplete, containerRef, errorMessage, ...otherProps }: ElementProps<TextInputProps, 'div'>): import("react/jsx-runtime").JSX.Element;
-declare namespace TextInput {
-    var bspkName: string;
-}
-export { TextInput };
+export declare function TextInput({ invalid: invalidProp, onChange, size, value, name, 'aria-label': ariaLabel, inputRef, required, placeholder, id: idProp, leading, trailing, type, readOnly, disabled, autoComplete, containerRef, showClearButton, owner, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, inputProps, ...props }: ElementProps<TextInputProps, 'div'>): import("react/jsx-runtime").JSX.Element;
+export {};
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/TextInput/TextInput.js

@@ -25,15 +25,13 @@ export const DEFAULT = {
  * @element
  *
  * @name TextInput
- * @phase DesignReview
+ * @phase Utility
  */
-function TextInput({ invalid: invalidProp, onChange, size = DEFAULT.size, value = DEFAULT.value, name, 'aria-label': ariaLabel, inputRef, required, placeholder, id: idProp, leading, trailing, type = DEFAULT.type, readOnly, disabled, autoComplete = DEFAULT.autoComplete, containerRef, errorMessage, ...otherProps }) {
+export function TextInput({ invalid: invalidProp, onChange, size = DEFAULT.size, value = DEFAULT.value, name, 'aria-label': ariaLabel, inputRef, required, placeholder, id: idProp, leading, trailing, type = DEFAULT.type, readOnly, disabled, autoComplete = DEFAULT.autoComplete, containerRef, showClearButton = true, owner, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, inputProps, ...props }) {
     const id = useId(idProp);
     const invalid = !readOnly && !disabled && invalidProp;
-    return (_jsxs("div", { "data-bspk": "text-input", "data-disabled": disabled || undefined, "data-empty": !value.toString().length || undefined, "data-invalid": invalid || undefined, "data-readonly": readOnly || undefined, "data-required": required || undefined, "data-size": size, ref: containerRef, ...otherProps, children: [leading && _jsx("span", { "data-leading": true, children: leading }), _jsx("input", { "aria-errormessage": errorMessage || undefined, "aria-invalid": invalid || undefined, "aria-label": ariaLabel, autoComplete: autoComplete, disabled: disabled || undefined, id: id, name: name, onChange: (event) => {
+    return (_jsxs("div", { ...props, "data-bspk": "text-input", "data-bspk-owner": owner || undefined, "data-clear-hidden": showClearButton === false || undefined, "data-disabled": disabled || undefined, "data-empty": !value.toString().length || undefined, "data-invalid": invalid || undefined, "data-readonly": readOnly || undefined, "data-size": size, ref: containerRef, children: [leading && _jsx("span", { "data-leading": true, children: leading }), _jsx("input", { ...inputProps, "aria-describedby": ariaDescribedBy || undefined, "aria-errormessage": ariaErrorMessage || undefined, "aria-invalid": invalid || undefined, "aria-label": ariaLabel, autoComplete: autoComplete, disabled: disabled || undefined, id: id, name: name, onChange: (event) => {
                     onChange(event.target.value, event);
-                }, placeholder: placeholder || ' ', readOnly: readOnly || undefined, ref: inputRef, required: required || undefined, type: type, value: value || '' }), trailing && _jsx("span", { "data-trailing": true, children: trailing }), _jsx("button", { "aria-label": "clear", "data-clear": true, onClick: () => onChange(''), children: _jsx(SvgCancel, {}) })] }));
+                }, placeholder: placeholder || ' ', readOnly: readOnly || undefined, ref: inputRef, required: required || undefined, type: type, value: value || '' }), trailing && _jsx("span", { "data-trailing": true, children: trailing }), showClearButton !== false && (_jsx("button", { "aria-label": "clear", "data-clear": true, onClick: () => onChange(''), children: _jsx(SvgCancel, {}) }))] }));
 }
-TextInput.bspkName = 'TextInput';
-export { TextInput };
 //# sourceMappingURL=TextInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/components/TextInput/TextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAI/C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,MAA4D;IAClE,YAAY,EAAE,KAAK;CACb,CAAC;AA4CX;;;;;;;;;;;;;;;;;;GAkBG;AACH,SAAS,SAAS,CAAC,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,IAAI,GAAG,OAAO,CAAC,IAAI,EACnB,KAAK,GAAG,OAAO,CAAC,KAAK,EACrB,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,EAAE,EAAE,MAAM,EACV,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,OAAO,CAAC,IAAI,EACnB,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,OAAO,CAAC,YAAY,EACnC,YAAY,EACZ,YAAY,EACZ,GAAG,UAAU,EACqB;IAClC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAEzB,MAAM,OAAO,GAAG,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,WAAW,CAAC;IAEtD,OAAO,CACH,4BACc,YAAY,mBACP,QAAQ,IAAI,SAAS,gBACxB,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,IAAI,SAAS,kBACnC,OAAO,IAAI,SAAS,mBACnB,QAAQ,IAAI,SAAS,mBACrB,QAAQ,IAAI,SAAS,eACzB,IAAI,EACf,GAAG,EAAE,YAAY,KACb,UAAU,aAEb,OAAO,IAAI,+CAAoB,OAAO,GAAQ,EAC/C,qCACuB,YAAY,IAAI,SAAS,kBAC9B,OAAO,IAAI,SAAS,gBACtB,SAAS,EACrB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAChB,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;gBACxC,CAAC,EACD,WAAW,EAAE,WAAW,IAAI,GAAG,EAC/B,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IAAI,EAAE,GACpB,EACD,QAAQ,IAAI,gDAAqB,QAAQ,GAAQ,EAClD,+BAAmB,OAAO,sBAAY,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,YAC7D,KAAC,SAAS,KAAG,GACR,IACP,CACT,CAAC;AACN,CAAC;AAED,SAAS,CAAC,QAAQ,GAAG,WAAW,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/components/TextInput/TextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGtC,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,MAA4D;IAClE,YAAY,EAAE,KAAK;CACb,CAAC;AAuDX;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,SAAS,CAAC,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,IAAI,GAAG,OAAO,CAAC,IAAI,EACnB,KAAK,GAAG,OAAO,CAAC,KAAK,EACrB,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,EAAE,EAAE,MAAM,EACV,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,OAAO,CAAC,IAAI,EACnB,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,OAAO,CAAC,YAAY,EACnC,YAAY,EACZ,eAAe,GAAG,IAAI,EACtB,KAAK,EACL,kBAAkB,EAAE,eAAe,EACnC,mBAAmB,EAAE,gBAAgB,EAErC,UAAU,EACV,GAAG,KAAK,EAC0B;IAClC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAEzB,MAAM,OAAO,GAAG,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,WAAW,CAAC;IAEtD,OAAO,CACH,kBACQ,KAAK,eACC,YAAY,qBACL,KAAK,IAAI,SAAS,uBAChB,eAAe,KAAK,KAAK,IAAI,SAAS,mBAC1C,QAAQ,IAAI,SAAS,gBACxB,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,IAAI,SAAS,kBACnC,OAAO,IAAI,SAAS,mBACnB,QAAQ,IAAI,SAAS,eACzB,IAAI,EACf,GAAG,EAAE,YAAY,aAEhB,OAAO,IAAI,+CAAoB,OAAO,GAAQ,EAE/C,mBACQ,UAAU,sBACI,eAAe,IAAI,SAAS,uBAC3B,gBAAgB,IAAI,SAAS,kBAClC,OAAO,IAAI,SAAS,gBACtB,SAAS,EACrB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAChB,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;gBACxC,CAAC,EACD,WAAW,EAAE,WAAW,IAAI,GAAG,EAC/B,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IAAI,EAAE,GACpB,EACD,QAAQ,IAAI,gDAAqB,QAAQ,GAAQ,EACjD,eAAe,KAAK,KAAK,IAAI,CAC1B,+BAAmB,OAAO,sBAAY,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,YAC7D,KAAC,SAAS,KAAG,GACR,CACZ,IACC,CACT,CAAC;AACN,CAAC"}

package/dist/components/TextInput/TextInputExample.d.ts

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

package/dist/components/TextInput/TextInputExample.js

@@ -1,4 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 export const TextInputExample = {
+    render: ({ props, Component }) => _jsx(Component, { ...props }),
     presets: [
         {
             label: 'Currency',

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

@@ -1 +1 @@
-{"version":3,"file":"TextInputExample.js","sourceRoot":"","sources":["../../../src/components/TextInput/TextInputExample.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,gBAAgB,GAAqC;IAC9D,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;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"}

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

@@ -94,10 +94,10 @@
   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]: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]: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] {
   display: none;
 }
 [data-bspk=text-input]:focus-within {

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

@@ -97,10 +97,10 @@ style.appendChild(document.createTextNode(`[data-bspk=text-input] {
   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]: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]: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] {
   display: none;
 }
 [data-bspk=text-input]:focus-within {
@@ -111,4 +111,3 @@ style.appendChild(document.createTextNode(`[data-bspk=text-input] {
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
 `));
 document.head.appendChild(style);
-

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

@@ -1,7 +1,7 @@
 import { ChangeEvent } from 'react';
-import { CommonProps, InvalidPropsLibrary, SetRef } from '../../index.js';
+import { CommonProps, FormFieldControlProps, SetRef } from '-/types/common';
 import './textarea.scss';
-export type TextareaProps = CommonProps<'aria-label' | 'disabled' | 'id' | 'readOnly' | 'required'> & InvalidPropsLibrary & {
+export type TextareaProps = CommonProps<'aria-label' | 'disabled' | 'id' | 'invalid' | 'readOnly'> & FormFieldControlProps & {
     /**
      * Callback when the value of the field changes.
      *
@@ -76,11 +76,7 @@ export type TextareaProps = CommonProps<'aria-label' | 'disabled' | 'id' | 'read
  * @element
  *
  * @name Textarea
- * @phase DesignReview
+ * @phase Utility
  */
-declare function Textarea({ invalid: invalidProp, onChange, textSize, value, name, 'aria-label': ariaLabel, innerRef, placeholder, id: idProp, minRows: minRowsProp, maxRows: maxRowsProp, errorMessage, ...otherProps }: TextareaProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Textarea {
-    var bspkName: string;
-}
-export { Textarea };
+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;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Textarea/Textarea.js

@@ -28,9 +28,9 @@ const DEFAULT = {
  * @element
  *
  * @name Textarea
- * @phase DesignReview
+ * @phase Utility
  */
-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, errorMessage, ...otherProps }) {
+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 }) {
     const id = useId(idProp);
     const invalid = !otherProps.readOnly && !otherProps.disabled && invalidProp;
     // ensure minRows and maxRows are within bounds
@@ -49,7 +49,7 @@ function Textarea({ invalid: invalidProp, onChange, textSize = DEFAULT.textSize,
     return (_jsxs("div", { "data-bspk": "textarea", "data-size": textSize, style: cssWithVars({
             '--min-rows': minRows,
             '--max-rows': maxRows,
-        }), children: [_jsx("textarea", { ...otherProps, "aria-errormessage": errorMessage || undefined, "aria-invalid": invalid || undefined, "aria-label": ariaLabel, id: id, name: name, onBlur: (event) => {
+        }), children: [_jsx("textarea", { ...otherProps, "aria-describedby": ariaDescribedBy || undefined, "aria-errormessage": ariaErrorMessage || undefined, "aria-invalid": invalid || undefined, "aria-label": ariaLabel, id: id, name: name, onBlur: (event) => {
                     const target = event.target;
                     target.scrollTop = 0;
                 }, onChange: (event) => onChange(event.target.value, event), onInput: onInput, placeholder: placeholder, ref: (node) => {
@@ -58,6 +58,4 @@ function Textarea({ invalid: invalidProp, onChange, textSize = DEFAULT.textSize,
                     onInput();
                 }, value: value, wrap: "hard" }), _jsx("div", { "aria-hidden": true, "data-replicated-value": true })] }));
 }
-Textarea.bspkName = 'Textarea';
-export { Textarea };
 //# sourceMappingURL=Textarea.js.map

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":"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"}

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

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

package/dist/components/Textarea/TextareaExample.js

@@ -1,2 +1,5 @@
-export const TextareaExample = {};
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TextareaExample = {
+    render: ({ props, Component }) => _jsx(Component, { ...props }),
+};
 //# sourceMappingURL=TextareaExample.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextareaExample.js","sourceRoot":"","sources":["../../../src/components/Textarea/TextareaExample.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,eAAe,GAAoC,EAAE,CAAC"}
+{"version":3,"file":"TextareaExample.js","sourceRoot":"","sources":["../../../src/components/Textarea/TextareaExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,eAAe,GAAoC;IAC5D,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;CAC7D,CAAC"}

package/dist/components/Textarea/textarea.css.js

@@ -75,4 +75,3 @@ style.appendChild(document.createTextNode(`[data-bspk=textarea] {
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
 `));
 document.head.appendChild(style);
-

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

@@ -1,6 +1,6 @@
-import { FormFieldProps } from '../FormField';
-import { TextareaProps } from '../Textarea';
-export type TextareaFieldProps = Pick<FormFieldProps, 'controlId' | 'helperText' | 'label'> & TextareaProps & {
+import { FormFieldWrapProps } from '-/components/FormField';
+import { TextareaProps } from '-/components/Textarea';
+export type TextareaFieldProps = FormFieldWrapProps<TextareaProps> & {
     /**
      * Whether the character count should be displayed.
      *
@@ -33,11 +33,7 @@ export type TextareaFieldProps = Pick<FormFieldProps, 'controlId' | 'helperText'
  *     }
  *
  * @name TextareaField
- * @phase DesignReview
+ * @phase UXReview
  */
-declare function TextareaField({ label, errorMessage: errorMessageProp, helperText, controlId: id, onChange, maxLength: maxLengthProp, invalid, readOnly, disabled, required, characterCount, ...textareaProps }: TextareaFieldProps): import("react/jsx-runtime").JSX.Element | null;
-declare namespace TextareaField {
-    var bspkName: string;
-}
-export { TextareaField };
+export declare function TextareaField({ label, 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

@@ -28,19 +28,16 @@ import { tryIntParse } from '../../utils/tryIntPsrse';
  *     }
  *
  * @name TextareaField
- * @phase DesignReview
+ * @phase UXReview
  */
-function TextareaField({ label, errorMessage: errorMessageProp, helperText, controlId: id, onChange, maxLength: maxLengthProp, invalid, readOnly, disabled, required, characterCount = true, ...textareaProps }) {
-    const maxLength = tryIntParse(maxLengthProp) || -1;
-    const errorMessage = (!readOnly && !disabled && errorMessageProp) || undefined;
-    if (typeof onChange !== 'function')
-        return null;
-    return (_jsx(FormField, { controlId: id, "data-bspk": "textarea-field", errorMessage: errorMessage, helperText: helperText, invalid: invalid, label: label, labelTrailing: characterCount && (_jsx(Txt, { style: {
+export function TextareaField({ label, 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: 
+        // If characterCount is falsey, we don't want to show the labelTrailing
+        characterCount && (_jsx(Txt, { style: {
                 color: 'var(--foreground-neutral-on-surface-variant-02)',
-            }, variant: "body-small", children: `${textareaProps?.value?.length || 0}${maxLength > 0 ? `/${maxLength}` : ''}` })), required: required, children: (fieldProps) => (_jsx(Textarea, { ...textareaProps, ...fieldProps, "aria-label": textareaProps['aria-label'] || label, id: id, invalid: invalid, onChange: (next, event) => {
-                onChange(next, event);
-            }, required: required })) }));
+            }, variant: "body-small", children: `${inputProps?.value?.length || 0}${maxLength > 0 ? `/${maxLength}` : ''}` })), required: required, children: (fieldProps) => (_jsx(Textarea
+        //
+        , { ...inputProps, ...fieldProps, invalid: invalid })) }));
 }
-TextareaField.bspkName = 'TextareaField';
-export { TextareaField };
 //# sourceMappingURL=TextareaField.js.map

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,EAAkB,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnE,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,SAAS,aAAa,CAAC,EACnB,KAAK,EACL,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EACV,SAAS,EAAE,EAAE,EACb,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,cAAc,GAAG,IAAI,EACrB,GAAG,aAAa,EACC;IACjB,MAAM,SAAS,GAAG,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;IACnD,MAAM,YAAY,GAAG,CAAC,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,gBAAgB,CAAC,IAAI,SAAS,CAAC;IAE/E,IAAI,OAAO,QAAQ,KAAK,UAAU;QAAE,OAAO,IAAI,CAAC;IAEhD,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,EAAE,eACH,gBAAgB,EAC1B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,aAAa,EACT,cAAc,IAAI,CACd,KAAC,GAAG,IACA,KAAK,EAAE;gBACH,KAAK,EAAE,iDAAiD;aAC3D,EACD,OAAO,EAAC,YAAY,YAEnB,GAAG,aAAa,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,GAC5E,CACT,EAEL,QAAQ,EAAE,QAAQ,YAEjB,CAAC,UAAU,EAAE,EAAE,CAAC,CACb,KAAC,QAAQ,OACD,aAAa,KACb,UAAU,gBACF,aAAa,CAAC,YAAY,CAAC,IAAI,KAAK,EAChD,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACtB,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YAC1B,CAAC,EACD,QAAQ,EAAE,QAAQ,GACpB,CACL,GACO,CACf,CAAC;AACN,CAAC;AAED,aAAa,CAAC,QAAQ,GAAG,eAAe,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,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,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"}

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

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

package/dist/components/TextareaField/TextareaFieldExample.js

@@ -3,7 +3,8 @@ export const TextareaFieldExample = {
     render: ({ Component, props }) => {
         const tooManyCharacters = Boolean(props.value && props.maxLength && props.value?.length > props.maxLength);
         const invalid = props.invalid || tooManyCharacters;
-        return (_jsx(Component, { ...props, errorMessage: invalid ? props.errorMessage || 'Too Many characters' : '', invalid: invalid }));
+        const errorMessage = tooManyCharacters ? 'Too Many characters' : props.errorMessage || '';
+        return _jsx(Component, { ...props, errorMessage: errorMessage, invalid: invalid });
     },
 };
 //# sourceMappingURL=TextareaFieldExample.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextareaFieldExample.js","sourceRoot":"","sources":["../../../src/components/TextareaField/TextareaFieldExample.tsx"],"names":[],"mappings":";AAIA,MAAM,CAAC,MAAM,oBAAoB,GAAyC;IACtE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;QAC7B,MAAM,iBAAiB,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;QAE3G,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,iBAAiB,CAAC;QAEnD,OAAO,CACH,KAAC,SAAS,OACF,KAAK,EACT,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,IAAI,qBAAqB,CAAC,CAAC,CAAC,EAAE,EACxE,OAAO,EAAE,OAAO,GAClB,CACL,CAAC;IACN,CAAC;CACJ,CAAC"}
+{"version":3,"file":"TextareaFieldExample.js","sourceRoot":"","sources":["../../../src/components/TextareaField/TextareaFieldExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,oBAAoB,GAAyC;IACtE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;QAC7B,MAAM,iBAAiB,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;QAE3G,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,iBAAiB,CAAC;QACnD,MAAM,YAAY,GAAG,iBAAiB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC;QAE1F,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;IAClF,CAAC;CACJ,CAAC"}

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

@@ -0,0 +1,10 @@
+import { TimeInputType } from './Segment';
+type TimeInputListboxProps<T> = {
+    options: T[];
+    selectedValue?: T;
+    type: TimeInputType;
+    onSelect?: (value: T) => 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 {};

package/dist/components/TimeInput/Listbox.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import { bound } from '../../utils/bound';
+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;
+            });
+        };
+    };
+    return (_jsx("div", { "aria-label": `Select ${kind}`, "data-scroll-column": kind, onClick: (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]);
+            },
+            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}`))) }));
+}
+//# sourceMappingURL=Listbox.js.map

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

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

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

@@ -0,0 +1,21 @@
+export declare const MINUTE_BOUNDS: {
+    readonly min: 0;
+    readonly max: 59;
+};
+export declare const HOUR_BOUNDS: {
+    readonly min: 1;
+    readonly max: 12;
+};
+export declare const NUMBER_PLACEHOLDER: "--";
+export type TimeInputType = 'hours' | 'meridiem' | 'minutes';
+type TimeInputSegmentProps<T extends number | string> = {
+    ariaLabel?: string;
+    disabled?: boolean;
+    name: string;
+    readOnly?: boolean;
+    defaultValue?: 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 {};

package/dist/components/TimeInput/Segment.js

@@ -0,0 +1,160 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from 'react';
+import { bound } from '../../utils/bound';
+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, }) {
+    const ref = useRef(null);
+    const selectAll = (element = ref.current) => {
+        if (!element)
+            return;
+        setTimeout(() => {
+            window.getSelection()?.selectAllChildren(element);
+        }, 10);
+    };
+    const valueToContent = useCallback((value) => {
+        if (kind === 'meridiem')
+            return value?.toString() || 'AM';
+        if (typeof value === 'undefined')
+            return NUMBER_PLACEHOLDER;
+        const boundedValue = bound({
+            num: value,
+            rollover: true,
+            ...(kind === 'hours' ? HOUR_BOUNDS : MINUTE_BOUNDS),
+        });
+        return boundedValue.toString().padStart(2, '0');
+    }, [kind]);
+    useEffect(() => {
+        if (ref.current)
+            ref.current.textContent = valueToContent(defaultValue);
+    }, [defaultValue, valueToContent]);
+    const handleBlur = () => {
+        window.getSelection()?.removeAllRanges();
+    };
+    const handleIncrement = useCallback((increment) => {
+        const currentValue = ref.current?.textContent;
+        if (kind === 'meridiem') {
+            const nextMeridiem = currentValue === 'AM' ? 'PM' : 'AM';
+            onChange(nextMeridiem);
+            return;
+        }
+        const nextValue = bound({
+            num: Number(currentValue) + increment,
+            rollover: true,
+            ...(kind === 'minutes' ? MINUTE_BOUNDS : HOUR_BOUNDS),
+        });
+        onChange(nextValue);
+        if (ref.current)
+            ref.current.textContent = nextValue.toString().padStart(2, '0');
+    }, [kind, onChange]);
+    const nextSibling = () => getNextSibling(ref.current, '[data-input]');
+    const previousSibling = () => getPreviousSibling(ref.current, '[data-input]');
+    const handleInputKeyDown = useCallback((event) => {
+        // Prevent default behavior for all keys - we handle them manually
+        if (handleKeyDown({
+            ArrowRight: () => {
+                nextSibling()?.focus();
+                event.preventDefault();
+            },
+            ArrowLeft: () => {
+                previousSibling()?.focus();
+                event.preventDefault();
+            },
+            ArrowUp: () => {
+                handleIncrement(1);
+                event.preventDefault();
+            },
+            ArrowDown: () => {
+                handleIncrement(-1);
+                event.preventDefault();
+            },
+            Enter: () => ref.current?.blur(),
+            Escape: () => ref.current?.blur(),
+            Backspace: () => onChange(null),
+            Tab: () => {
+                // do nothing
+            },
+        })(event))
+            return;
+        event.preventDefault();
+        // if hours only allow digits and if digit is found only once in VALID_HOURS then set the value and move to next element
+        if (kind === 'meridiem') {
+            const inputValue = event.key.toUpperCase();
+            if (inputValue === 'A' || inputValue === 'P') {
+                onChange(`${inputValue}M`);
+                nextSibling()?.focus();
+                selectAll();
+                return;
+            }
+            return;
+        }
+        // only handle digits from here
+        if (!/^\d$/.test(event.key))
+            return;
+        let nextNumber = Number(event.key);
+        const currentValue = ref.current?.textContent;
+        const addToExisting = (kind === 'hours' && currentValue === '01' && nextNumber < 3) ||
+            (kind === 'minutes' && Number(currentValue) < 6);
+        if (addToExisting)
+            nextNumber = Number(`${currentValue}${nextNumber}`);
+        else if (nextNumber === 0)
+            return; // ignore leading zero
+        nextNumber = bound({
+            num: nextNumber,
+            ...(kind === 'minutes' ? MINUTE_BOUNDS : HOUR_BOUNDS),
+        });
+        onChange(nextNumber);
+        if (ref.current)
+            ref.current.textContent = nextNumber.toString().padStart(2, '0');
+        const moveToNext = (kind === 'hours' && nextNumber > 2) || (kind === 'minutes' && nextNumber > 5);
+        if (moveToNext) {
+            nextSibling()?.focus();
+            selectAll(nextSibling());
+        }
+        else {
+            selectAll();
+        }
+        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: () => {
+            if (disabled || readOnly)
+                return;
+            selectAll();
+        }, onFocus: () => {
+            if (disabled || readOnly)
+                return;
+            selectAll();
+        }, onKeyDown: handleInputKeyDown, ref: (element) => {
+            if (!element)
+                return;
+            ref.current = element;
+            element.textContent = valueToContent(defaultValue);
+        }, role: "spinbutton", tabIndex: 0 }));
+}
+function getNextSibling(elem, selector) {
+    // Get the next sibling element
+    let sibling = elem?.nextElementSibling;
+    // If the sibling matches our selector, use it
+    // If not, jump to the next sibling and continue the loop
+    while (sibling) {
+        if (sibling.matches(selector))
+            return sibling;
+        sibling = sibling.nextElementSibling;
+    }
+    return null;
+}
+function getPreviousSibling(elem, selector) {
+    // Get the previous sibling element
+    let sibling = elem?.previousElementSibling;
+    // If the sibling matches our selector, use it
+    // If not, jump to the previous sibling and continue the loop
+    while (sibling) {
+        if (sibling.matches(selector))
+            return sibling;
+        sibling = sibling.previousElementSibling;
+    }
+    return null;
+}
+//# sourceMappingURL=Segment.js.map

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

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