@bspk/ui 1.2.0 → 1.3.0

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":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAUtE,MAAM,UAAU,gBAAgB,CAAI,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAA4B;IACjH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEpD,MAAM,WAAW,GAAG,CAAC,GAAkB,EAAE,EAAE;QACvC,OAAO,CAAC,CAAsB,EAAE,EAAE;YAC9B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE;gBACzB,MAAM,IAAI,GAAG,KAAK,CAAC;oBACf,GAAG,EAAE,SAAS,GAAG,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC1C,GAAG,EAAE,CAAC;oBACN,GAAG,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC;oBACvB,QAAQ,EAAE,IAAI;iBACjB,CAAC,CAAC;gBACH,qBAAqB,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAgB,EAAE,OAAO,CAAC,OAAQ,CAAC,CAAC;gBACxF,OAAO,IAAI,CAAC;YAChB,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,4BACgB,UAAU,IAAI,EAAE,wBACR,IAAI,EACxB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACf,MAAM,MAAM,GAAG,KAAK,CAAC,MAAyB,CAAC;YAC/C,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK;gBAAE,QAAQ,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,KAAU,CAAC,CAAC;QACpE,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;YACV,IAAI,WAAW,GAAG,CAAC,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;gBACrC,qBAAqB,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,OAAQ,CAAC,CAAC;QACxF,CAAC,EACD,SAAS,EAAE,aAAa,CAAC;YACrB,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC;YAC9B,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC;YAC1B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,eAAe,GAAG,CAAC,CAAC,aAAa,CAAC,sBAAyC,CAAC;gBAClF,IAAI,eAAe;oBAAE,eAAe,CAAC,KAAK,EAAE,CAAC;;oBACvC,CAAC,CAAC,aAAa,CAAC,UAAU,EAAE,gBAAoC,EAAE,KAAK,EAAE,CAAC;YACpF,CAAC;YACD,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,WAAW,GAAG,CAAC,CAAC,aAAa,CAAC,kBAAqC,CAAC;gBAC1E,IAAI,WAAW;oBAAE,WAAW,CAAC,KAAK,EAAE,CAAC;;oBAC/B,CAAC,CAAC,aAAa,CAAC,UAAU,EAAE,iBAAqC,EAAE,KAAK,EAAE,CAAC;YACrF,CAAC;YACD,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE;gBACT,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,WAAW,IAAI,CAAC,IAAI,WAAW,GAAG,OAAO,CAAC,MAAM;oBAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YAC3F,CAAC;YACD,GAAG,EAAE,KAAK;SACb,CAAC,EACF,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAyB,CAAC;YAC/C,cAAc,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;YAC7C,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;QAChC,CAAC,EACD,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;YACV,IAAI,CAAC,IAAI;gBAAE,OAAO;YAClB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,CAAC,EACD,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,CAAC,YAEV,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,6BACgB,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,mBACtB,GAAG,GAAG,EAAE,KAAK,GAAG,aAAa,EAAE,IAAI,SAAS,iBAC9C,WAAW,KAAK,KAAK,IAAI,SAAS,gBACnC,KAAK,gBACL,GAAG,EAEf,IAAI,EAAC,QAAQ,YAEZ,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAHrB,GAAG,GAAG,EAAE,CAIV,CACV,CAAC,GACA,CACT,CAAC;AACN,CAAC"}
+{"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 */

package/dist/components/TimeInput/TimeInput.js

@@ -1,16 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { SvgSchedule } from '@bspk/icons/Schedule';
-import { useEffect, useState } from 'react';
 import './time-input.css.js';
+import { SvgSchedule } from '@bspk/icons/Schedule';
+import { FocusTrap } from 'focus-trap-react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { TimeInputListbox } from './Listbox';
 import { TimeInputSegment } from './Segment';
 import { Button } from '../Button';
 import { Menu } from '../Menu';
+import { Portal } from '../Portal';
 import { useFloating } from '../../hooks/useFloating';
 import { useId } from '../../hooks/useId';
+import { useOutsideClick } from '../../hooks/useOutsideClick';
 import { handleKeyDown } from '../../utils/handleKeyDown';
-export const MINUTE_OPTIONS = [0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55];
-export const HOUR_OPTIONS = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
+export const MINUTE_OPTIONS = ['00', '05', '10', '15', '20', '25', '30', '35', '40', '45', '50', '55'];
+export const HOUR_OPTIONS = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];
 export const MERIDIEM_OPTIONS = ['AM', 'PM'];
 /**
  * An input field that allows a customer to manually type in a specific time or triggers a time picker combobox to
@@ -35,32 +38,76 @@ export function TimeInput({ value, 'aria-label': ariaLabel, disabled, id: idProp
     useEffect(() => {
         setInputValue(`${hours?.toString().padStart(2, '0')}:${minutes?.toString().padStart(2, '0')} ${meridiem || ''}`.trim());
         if (hours !== undefined && minutes === undefined)
-            setMinutes(0);
+            setMinutes('00');
     }, [hours, minutes, meridiem]);
-    const [open, setOpen] = useState(false);
+    const [open, setOpenState] = useState(false);
     const { floatingStyles, elements } = useFloating({
         strategy: 'fixed',
         refWidth: true,
         offsetOptions: 4,
         hide: !open,
     });
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { "aria-describedby": ariaErrorMessage || ariaDescribedBy || undefined, "data-aria-label": ariaLabel || undefined, "data-bspk": "time-input", "data-disabled": disabled || undefined, "data-invalid": invalid || undefined, "data-name": name || undefined, "data-open": open || undefined, "data-readonly": readOnly || undefined, "data-size": size || undefined, "data-value": inputValue || undefined, id: id, onClick: () => {
+    const setOpen = useCallback((nextOpen) => {
+        setOpenState(nextOpen);
+        if (!elements.reference || !buttonRef.current)
+            return;
+        // Focus the button when closing the menu
+        if (!nextOpen && open)
+            buttonRef.current.focus();
+        // Focus the hours listbox when opening the menu
+        if (nextOpen && !open)
+            elements.reference.querySelector('[data-scroll-column="hours"]')?.focus();
+    }, [elements?.reference, open]);
+    useOutsideClick({ elements: [elements.floating], callback: () => setOpen(false), disabled: !open });
+    const { hourOptions, minuteOptions, meridiemOptions } = useMemo(() => ({
+        hourOptions: HOUR_OPTIONS.map((h) => ({
+            id: `${id}-hours-${h}`,
+            value: h,
+            label: h.toString().padStart(2, '0'),
+        })),
+        minuteOptions: MINUTE_OPTIONS.map((m) => ({
+            id: `${id}-minutes-${m}`,
+            value: m,
+            label: m.toString().padStart(2, '0'),
+        })),
+        meridiemOptions: MERIDIEM_OPTIONS.map((m) => ({
+            id: `${id}-meridiem-${m}`,
+            value: m,
+            label: m,
+        })),
+    }), [id]);
+    const listBoxRefs = useRef(null);
+    const buttonRef = useRef(null);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { "aria-describedby": ariaErrorMessage || ariaDescribedBy || undefined, "data-aria-label": ariaLabel || undefined, "data-bspk": "time-input", "data-disabled": disabled || undefined, "data-invalid": invalid || undefined, "data-name": name || undefined, "data-open": open || undefined, "data-readonly": readOnly || undefined, "data-size": size || undefined, "data-value": inputValue || undefined, id: id, onClickCapture: () => {
                     elements.reference?.querySelector('[tabIndex]')?.focus();
-                }, onKeyDown: handleKeyDown({ Escape: () => setOpen(false) }), ref: elements.setReference, role: "group", children: [_jsx(TimeInputSegment, { ariaLabel: ariaLabel, defaultValue: hours, disabled: disabled, name: `${name}-hours`, onChange: (next) => setHours(next || undefined), readOnly: readOnly, type: "hours" }), _jsx("span", { "aria-hidden": "true", children: ":" }), _jsx(TimeInputSegment, { ariaLabel: ariaLabel, defaultValue: minutes, disabled: disabled, name: `${name}-minutes`, onChange: (next) => setMinutes(next || undefined), readOnly: readOnly, type: "minutes" }), _jsx(TimeInputSegment, { ariaLabel: ariaLabel, defaultValue: meridiem, disabled: disabled, name: `${name}-meridiem`, onChange: (next) => setMeridiem(next || 'AM'), readOnly: readOnly, type: "meridiem" }), _jsx(Button, { icon: _jsx(SvgSchedule, {}), iconOnly: true, label: `${open ? 'Close' : 'Open'} Time Picker`, onClick: () => {
-                            setOpen(!open);
-                            elements.reference?.focus();
-                        }, variant: "tertiary" })] }), !!open && (_jsx(Menu, { floating: true, innerRef: (node) => {
-                    if (!node)
-                        return;
-                    elements.setFloating(node);
-                    node.querySelector('[data-scroll-column="hours"]')?.focus();
-                }, onOutsideClick: () => {
-                    setOpen(false);
-                }, owner: "time-input", scroll: false, style: { ...floatingStyles }, children: _jsxs("div", { "data-scroll-values": true, children: [_jsx(TimeInputListbox, { onSelect: setHours, options: HOUR_OPTIONS.map((h) => h), selectedValue: hours, type: "hours" }), _jsx(TimeInputListbox, { onSelect: setMinutes, options: MINUTE_OPTIONS, selectedValue: minutes, type: "minutes" }), _jsx(TimeInputListbox, { onSelect: setMeridiem, onTab: (e) => {
-                                e.preventDefault();
-                                setOpen(false);
-                                setTimeout(() => elements.reference?.focus(), 10);
-                                // Focus back on the input after closing
-                            }, options: MERIDIEM_OPTIONS, selectedValue: meridiem, type: "meridiem" })] }) }))] }));
+                }, onKeyDownCapture: handleKeyDown({ Escape: () => setOpen(false) }), ref: (node) => {
+                    elements.setReference(node);
+                }, role: "group", children: [_jsx(TimeInputSegment, { disabled: disabled, name: `${name}-hours`, onChange: (next) => setHours(next || undefined), readOnly: readOnly, type: "hours", value: hours }), _jsx("span", { "aria-hidden": "true", children: ":" }), _jsx(TimeInputSegment, { disabled: disabled, name: `${name}-minutes`, onChange: (next) => setMinutes(next || undefined), readOnly: readOnly, type: "minutes", value: minutes }), _jsx(TimeInputSegment, { disabled: disabled, name: `${name}-meridiem`, onChange: (next) => setMeridiem(next || 'AM'), readOnly: readOnly, type: "meridiem", value: meridiem }), _jsx(Button, { icon: _jsx(SvgSchedule, {}), iconOnly: true, innerRef: (node) => {
+                            buttonRef.current = node;
+                        }, label: `${open ? 'Close' : 'Open'} Time Picker`, onClick: () => setOpen(!open), variant: "tertiary" })] }), !!open && (_jsx(Portal, { children: _jsx(Menu, { innerRef: (node) => {
+                        if (!node)
+                            return;
+                        elements.setFloating(node);
+                    }, label: "Select time", owner: "time-input", style: floatingStyles, children: _jsx(FocusTrap, { focusTrapOptions: {
+                            fallbackFocus: () => listBoxRefs.current.hours,
+                            clickOutsideDeactivates: true,
+                        }, children: _jsxs("div", { "data-scroll-values": true, ref: (node) => {
+                                listBoxRefs.current = {
+                                    hours: node?.querySelector('[data-scroll-column="hours"]'),
+                                    minutes: node?.querySelector('[data-scroll-column="minutes"]'),
+                                    meridiem: node?.querySelector('[data-scroll-column="meridiem"]'),
+                                };
+                                listBoxRefs.current.hours?.focus();
+                            }, children: [_jsx(TimeInputListbox, { onSelect: (next) => {
+                                        setHours(next);
+                                        setTimeout(() => listBoxRefs.current?.minutes?.focus(), 10);
+                                    }, options: hourOptions, selectedValue: hours, type: "hours" }), _jsx(TimeInputListbox, { onSelect: (next) => {
+                                        setMinutes(next);
+                                        setTimeout(() => listBoxRefs.current?.meridiem?.focus(), 10);
+                                    }, options: minuteOptions, selectedValue: minutes, type: "minutes" }), _jsx(TimeInputListbox, { onSelect: (next) => {
+                                        setMeridiem(next);
+                                        setOpen(false);
+                                        setTimeout(() => buttonRef.current?.focus(), 10);
+                                    }, options: meridiemOptions, selectedValue: meridiem, type: "meridiem" })] }) }) }) }))] }));
 }
 //# sourceMappingURL=TimeInput.js.map

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

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