@mortenbrudvik/waveui 0.4.0 → 0.7.0

package/dist/components/input/Textarea.mjs

@@ -0,0 +1,32 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { joinIds as t } from "../../lib/aria.mjs";
+import { useFieldControl as n } from "../../hooks/useFieldControl.mjs";
+import { inputFocus as r } from "../../lib/styles.mjs";
+import { isInvalidLook as i, useControlErrorMessage as a } from "./Input.mjs";
+import "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/input/Textarea.tsx
+var l = ({ error: l, errorMessageProps: u, className: d, ref: f, id: p, "aria-label": m, "aria-labelledby": h, "aria-describedby": g, "aria-invalid": _, "aria-required": v, "aria-errormessage": y, required: b, ...x }) => {
+	let { invalid: S, messageId: C, message: w } = a(l, u, _), T = n({
+		id: p,
+		"aria-label": m,
+		"aria-labelledby": h,
+		"aria-describedby": t(g, C),
+		"aria-invalid": _ ?? (S || void 0),
+		"aria-required": v,
+		required: b
+	}, { nativeRequired: !0 }), E = i(S, T["aria-invalid"]), D = /* @__PURE__ */ s("textarea", {
+		ref: f,
+		className: e("min-h-20 w-full resize-y rounded border border-input border-b-stroke-accessible bg-background px-3 py-2 text-body-1 text-foreground", "placeholder:text-muted-foreground", r, "disabled:cursor-not-allowed disabled:opacity-50", E && "border-destructive focus:border-b-destructive", d),
+		...x,
+		...T,
+		"aria-errormessage": t(y, C)
+	});
+	return w ? /* @__PURE__ */ c(o, { children: [D, w] }) : D;
+};
+l.displayName = "Textarea";
+//#endregion
+export { l as Textarea };
+
+//# sourceMappingURL=Textarea.mjs.map

package/dist/components/input/Textarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.mjs","names":["_Fragment","Textarea","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaInvalid","ariaRequired","ariaErrorMessage","props","useControlErrorMessage","error","errorMessageProps","fieldProps","useFieldControl","joinIds","messageId","invalid","invalidLook","isInvalidLook","control","cn","inputFocus","className","message","Fragment"],"sources":["../../../src/components/input/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { joinIds } from '../../lib/aria';\nimport { inputFocus, inputInvalid } from '../../lib/styles';\nimport { useFieldControl } from '../../hooks/useFieldControl';\nimport { isInvalidLook, useControlErrorMessage, type InputErrorMessageProps } from './Input';\n\n/** Properties for the Textarea component. */\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  /**\n   * Validation error.\n   * - A non-empty string renders the message in a `role=\"alert\"` element **after** the textarea\n   *   (a sibling, so `ref` and `className` stay on the textarea) and links it through\n   *   `aria-describedby` and `aria-errormessage`. Inside a `Field` that renders its own `error`,\n   *   the message is not repeated.\n   * - `true` only marks the textarea invalid (`aria-invalid` and the error border), as in 0.4.\n   *\n   * The error border also shows whenever the textarea ends up `aria-invalid=\"true\"` without this\n   * prop (an `error` on the surrounding `Field`, or your own `aria-invalid`).\n   * Your own `aria-invalid={false}` (or `\"false\"`) wins over this prop: the textarea is reported\n   * valid and shows neither the error border nor the message.\n   */\n  error?: string | boolean;\n  /** Props of the error message element (`id`, `className`, …) rendered for a string `error`. */\n  errorMessageProps?: InputErrorMessageProps;\n  /** Ref to the `<textarea>` element. */\n  ref?: React.Ref<HTMLTextAreaElement>;\n}\n\n/**\n * A multi-line text input with Fluent styling (vertical resize, accessible bottom stroke, primary\n * bottom border while focused). Inside a `Field` it picks up the label, hint, error, `required`\n * (native attribute) and invalid state automatically.\n *\n * @example\n * <Field label=\"Description\" hint=\"Markdown is supported\">\n *   <Textarea rows={4} />\n * </Field>\n */\nexport const Textarea = ({\n  error,\n  errorMessageProps,\n  className,\n  ref,\n  id,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  'aria-required': ariaRequired,\n  'aria-errormessage': ariaErrorMessage,\n  required,\n  ...props\n}: TextareaProps) => {\n  const { invalid, messageId, message } = useControlErrorMessage(\n    error,\n    errorMessageProps,\n    ariaInvalid,\n  );\n  const fieldProps = useFieldControl(\n    {\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': joinIds(ariaDescribedBy, messageId),\n      'aria-invalid': ariaInvalid ?? (invalid || undefined),\n      'aria-required': ariaRequired,\n      required,\n    },\n    { nativeRequired: true },\n  );\n  const invalidLook = isInvalidLook(invalid, fieldProps['aria-invalid']);\n\n  const control = (\n    <textarea\n      ref={ref}\n      className={cn(\n        'min-h-20 w-full resize-y rounded border border-input border-b-stroke-accessible bg-background px-3 py-2 text-body-1 text-foreground',\n        'placeholder:text-muted-foreground',\n        inputFocus,\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        invalidLook && inputInvalid,\n        className,\n      )}\n      {...props}\n      {...fieldProps}\n      aria-errormessage={joinIds(ariaErrorMessage, messageId)}\n    />\n  );\n\n  if (!message) return control;\n  return (\n    <>\n      {control}\n      {message}\n    </>\n  );\n};\n\nTextarea.displayName = 'Textarea';\n"],"mappings":";;;;;;;;;AAuCA,IAAaC,KAAY,EACvB,UACA,sBACA,cACA,QACA,OACA,cAAcC,GACd,mBAAmBC,GACnB,oBAAoBC,GACpB,gBAAgBC,GAChB,iBAAiBC,GACjB,qBAAqBC,GACrB,aACA,GAAGC,QACgB;CACnB,IAAM,EAAE,YAAS,cAAW,eAAYC,EACtCC,GACAC,GACAN,CACF,GACMO,IAAaC,EACjB;EACE;EACA,cAAcX;EACd,mBAAmBC;EACnB,oBAAoBW,EAAQV,GAAiBW,CAAS;EACtD,gBAAgBV,MAAgBW,KAAW,KAAA;EAC3C,iBAAiBV;EACjB;CACF,GACA,EAAE,gBAAgB,GAAK,CACzB,GACMW,IAAcC,EAAcF,GAASJ,EAAW,eAAe,GAE/DO,IACJ,kBAAC,YAAD;EACO;EACL,WAAWC,EACT,uIACA,qCACAC,GACA,mDACAJ,KAAA,iDACAK,CACF;EACA,GAAId;EACJ,GAAII;EACJ,qBAAmBE,EAAQP,GAAkBQ,CAAS;CACvD,CAAA;CAIH,OADKQ,IAEH,kBAAAvB,GAAA,EAAA,UAAA,CACGmB,GACAI,CACD,EAAA,CAAA,IALiBJ;AAOvB;AAEA,EAAS,cAAc"}

package/dist/components/input/TimePicker.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/dev.cjs"),r=require("../../lib/composeEventHandlers.cjs"),i=require("../../hooks/useControllable.cjs"),ee=require("../../hooks/useId.cjs"),a=require("../../hooks/useMergedRefs.cjs"),te=require("../../hooks/useIsClient.cjs"),ne=require("../../lib/aria.cjs"),o=require("../../hooks/useFieldControl.cjs"),re=require("../../hooks/useDismiss.cjs"),ie=require("../portal/Portal.cjs"),s=require("../../lib/styles.cjs"),ae=require("../../lib/icons.cjs"),oe=require("./Input.cjs"),se=require("../../hooks/useFormReset.cjs"),ce=require("../internal/HiddenInput.cjs"),c=require("../../hooks/useListbox.cjs"),le=require("./pickerStyles.cjs"),ue=require("./Combobox.expand.cjs"),de=require("../../hooks/usePopupPosition.cjs"),l=require("./dateUtils.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime"),fe=require("react-dom");var f=`flex cursor-pointer items-center gap-2 px-3 py-1.5 text-body-1 text-foreground hover:bg-subtle-hover data-[active]:bg-subtle-hover data-[active]:outline-2 data-[active]:outline-ring data-[active]:-outline-offset-2 data-[selected]:bg-subtle-selected data-[selected]:font-semibold`,pe=u.memo(function({value:e,label:n}){let{selected:r,optionProps:i}=c.useListboxOption({value:e,label:n});return(0,d.jsxs)(`li`,{...i,className:t.cn(f,r&&s.forcedColors.selectedContainer),children:[(0,d.jsx)(`span`,{className:`flex h-4 w-4 shrink-0 items-center justify-center`,children:r?(0,d.jsx)(ae.CheckIcon,{size:12}):null}),n]})});pe.displayName=`TimePickerOption`;var me=e=>`Enter a time in the format ${e}.`,he=(e,t)=>e!==void 0&&t!==void 0?`Enter a time between ${e} and ${t}.`:e===void 0?`Enter a time on or before ${t}.`:`Enter a time on or after ${e}.`;function p(e,t){let n=l.timeToMinutes(e);return Number.isNaN(n)?e:l.minutesToTime(n,t)}function ge(e,t){return e.label.toLowerCase().includes(t)||e.value.includes(t)}function _e(e,t){return e.label.toLowerCase().startsWith(t)||e.value.startsWith(t)}var m=e=>{let{value:f,defaultValue:m,onValueChange:ve,onChange:ye,format:h=`12h`,step:g=30,minTime:_=`00:00`,maxTime:v=`23:59`,placeholder:be=`Select a time`,disabled:y=!1,readOnly:b,clearable:xe=!1,expandIcon:x,open:Se,defaultOpen:Ce,onOpenChange:we,onInvalidInput:Te,labels:S,name:Ee,form:De,required:Oe,autoComplete:ke=`off`,autoCapitalize:Ae,autoCorrect:je,maxLength:Me,enterKeyHint:Ne,inputMode:Pe,spellCheck:Fe,autoFocus:Ie,tabIndex:Le,id:Re,"aria-label":ze,"aria-labelledby":Be,"aria-describedby":Ve,"aria-invalid":He,"aria-required":Ue,"aria-errormessage":We,"aria-details":Ge,onFocus:Ke,onBlur:qe,onKeyDown:Je,onKeyUp:Ye,controlRef:Xe,className:Ze,ref:Qe,...$e}=e;ye!==void 0&&n.warnDeprecated(`TimePicker`,`onChange`,`onValueChange`);let[C,w]=i.useControllable(f,m??``,e=>{ve?.(e),ye?.(e)}),T=l.normalizeTimeStep(g).valid,E=l.timeToMinutes(_),D=l.timeToMinutes(v),O=!Number.isNaN(E)&&!Number.isNaN(D)&&E<=D,k=u.useMemo(()=>l.generateTimeOptions(g,_,v,h),[g,_,v,h]);u.useEffect(()=>{T||n.warnOnce(`TimePicker:step:${String(g)}`,`TimePicker: \`step\` must be a positive number of minutes (received ${String(g)}); using 30.`)},[g,T]),u.useEffect(()=>{O||n.warnOnce(`TimePicker:bounds:${_}|${v}`,`TimePicker: \`minTime\`/\`maxTime\` must be times such as "09:00", "09:00:00" or "9:00 AM" with minTime <= maxTime (received "${_}" / "${v}"); no times are available.`)},[_,v,O]);let A=!y&&!b,[j,M,et]=i.useControllable(Se,(Ce??!1)&&A,we),tt=te.useIsClient(),N=j&&A&&tt;u.useEffect(()=>{!A&&j&&!et&&M(!1)},[A,j,et,M]);let[P,F]=u.useState(null),[I,L]=u.useState(null),[nt,rt]=u.useState(A);nt!==A&&(rt(A),A||(F(null),L(null)));let[it,at]=u.useState(C);it!==C&&(at(C),I!==null&&(F(null),L(null)));let ot=P??``,R=()=>{A&&!N&&M(!0)},z=()=>M(!1),B=u.useMemo(()=>{let e=ot.trim().toLowerCase();if(!e)return;let t=l.timeToMinutes(e),n=Number.isNaN(t)?null:l.minutesToValue(t);return t=>t.value===n||ge(t,e)},[ot]),V=e=>{let t=e.trim().toLowerCase();if(!t)return null;let n=l.timeToMinutes(e);if(!Number.isNaN(n)){let e=l.minutesToValue(n);return k.some(t=>t.value===e)?e:null}return(k.find(e=>_e(e,t))??k.find(e=>ge(e,t)))?.value??null},st=C!==``&&k.some(e=>e.value===C),ct=u.useMemo(()=>C?[C]:[],[C]),H=e=>{w(e),F(null),L(null)},U=e=>{if(!e.trim())return H(``),null;let t=l.timeToMinutes(e);return Number.isNaN(t)?`unparseable`:!O||t<E||t>D?`out-of-range`:(H(l.minutesToValue(t)),null)},lt=(e,t)=>{L(t),Te?.(e,t)},W=()=>{F(null),L(null)},G=u.useMemo(()=>B?k.some(B):k.length>0,[k,B]),K=N&&G,q=c.useListbox({open:K,onOpenChange:e=>e?R():z(),mode:`editable`,selectedValues:ct,onSelect:e=>H(e),items:k,filter:B,autoHighlight:P===null&&st?`selected`:!1,idPrefix:`timepicker-listbox`,onClearDraft:P===null?void 0:()=>{W(),z()}}),ut=C?q.getItem(C)?.label??p(C,h):``,J=xe&&!b&&C!==``,dt=N&&!G?k.length===0?S?.noTimes??`No times available`:S?.noMatches??`No matching times`:``,ft=u.useRef(null),Y=u.useRef(null),pt=u.useRef(null),mt=a.useMergedRefs(Qe,ft),ht=a.useMergedRefs(Xe,Y),{layerId:gt}=re.useDismiss({open:N,onDismiss:z,refs:[pt,ft],anchorRef:Y,kind:`listbox`,focusOutside:!0}),{setReference:_t,setFloating:vt,floatingProps:yt}=de.usePopupPosition({open:N,side:`bottom`,align:`start`,matchReferenceWidth:!0,fitViewport:!0}),bt=a.useMergedRefs(pt,vt),X=o.useFieldContext(),xt=(Oe??X?.required??!1)&&!b,St=ee.useId(`timepicker-error`),Z=I!==null&&!X?.hasErrorMessage,Ct=o.useFieldControl({id:Re,"aria-label":ze,"aria-labelledby":Be,"aria-describedby":ne.joinIds(Ve,Z?St:void 0),"aria-invalid":I!==null||He,"aria-required":Ue??Oe}),wt=oe.isInvalidLook(!1,Ct[`aria-invalid`]);se.useFormReset(Y,()=>{w(m??``),W(),z()},De);let Tt=e=>{if(!A)return;let t=e.target.value;F(t),L(null),N||M(!0),q.setActiveValue(V(t))},Et=r.composeEventHandlers(Je,e=>{if(A&&(q.onKeyDown(e),!(e.defaultPrevented||e.nativeEvent.isComposing))){if(e.key===`Escape`&&P===``&&ut!==``){e.preventDefault(),W(),z();return}if(e.key===`Enter`&&P!==null){e.preventDefault();let t=U(P);z(),t!==null&&lt(P,t)}e.key===`Tab`&&!e.shiftKey&&J&&P!==null&&!P.trim()&&(0,fe.flushSync)(()=>U(P)),e.key===`Tab`&&N&&!K&&z()}}),Dt=r.composeEventHandlers(Ye,q.onKeyUp),Ot=()=>{A&&!N&&(R(),P!==null&&q.setActiveValue(V(P)))},kt=r.composeEventHandlers(qe,()=>{if(!A||P===null)return;let e=I===null?U(P):null;z(),e!==null&&lt(P,e)}),At=()=>{A&&(N?z():Ot(),Y.current?.focus())},jt=()=>{A&&(H(``),Y.current?.focus())},Mt=ne.joinIds(Be,X?.labelId),Nt=e=>(0,d.jsx)(`ul`,{...q.getListboxProps(),"aria-labelledby":Mt,"aria-label":Mt?void 0:ze??S?.list??`Times`,hidden:e||void 0,className:`max-h-60 min-h-0 overflow-auto py-1 focus:outline-hidden`,children:q.items.map(e=>(0,d.jsx)(pe,{value:e.value,label:e.label},e.value))}),Q=ue.showsExpandButton(x),$=``;Z&&I===`unparseable`?$=(S?.invalidTime??me)(h===`24h`?`HH:mm`:`h:mm AM`):Z&&($=(S?.outOfRange??he)(e.minTime===void 0?void 0:p(_,h),e.maxTime===void 0?void 0:p(v,h)));let Pt=N?G:k.length>0;return(0,d.jsx)(c.ListboxContext.Provider,{value:q.context,children:(0,d.jsxs)(`div`,{...$e,ref:mt,className:t.cn(`relative inline-flex flex-col`,Ze),children:[(0,d.jsxs)(`div`,{ref:_t,className:`relative flex items-center`,children:[(0,d.jsx)(`input`,{ref:ht,type:`text`,...q.getComboboxProps(),"aria-controls":Pt?q.listboxId:void 0,...Ct,"aria-errormessage":We,"aria-details":Ge,value:P??ut,onChange:Tt,onClick:Ot,onFocus:Ke,onBlur:kt,onKeyDown:Et,onKeyUp:Dt,placeholder:be,disabled:y,readOnly:b,autoComplete:ke,autoCapitalize:Ae,autoCorrect:je,maxLength:Me,enterKeyHint:Ne,inputMode:Pe,spellCheck:Fe,autoFocus:Ie,tabIndex:Le,className:t.cn(s.inputBase,`border-b-stroke-accessible`,s.inputFocus,s.disabledStyles,wt&&`border-destructive focus:border-b-destructive`,le.pickerEndPadding(Number(J)+Number(Q)))}),J&&(0,d.jsx)(`button`,{type:`button`,"aria-label":S?.clear??`Clear time`,disabled:y,onMouseDown:e=>e.preventDefault(),onClick:jt,className:t.cn(`absolute flex h-6 w-6 items-center justify-center rounded bg-transparent p-0 text-muted-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:hover:text-foreground`,Q?`end-7`:`end-1`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring`,`disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:focus-visible:opacity-100`),children:(0,d.jsx)(ae.DismissIcon,{})}),Q&&(0,d.jsx)(ue.PickerExpandButton,{component:`TimePicker`,expandIcon:x,label:S?.expand??`Show times`,expanded:K,listboxId:q.listboxId,disabled:y||!!b,onToggle:At})]}),Z&&(0,d.jsx)(`p`,{id:St,role:`alert`,className:`mt-1 text-caption-1 text-error`,children:$}),!N&&k.length>0&&Nt(!0),(0,d.jsx)(`span`,{role:`status`,className:`sr-only`,children:dt}),(0,d.jsx)(ce.HiddenInput,{name:Ee,form:De,disabled:y,value:C,type:`text`,required:xt,onInvalid:()=>Y.current?.focus()}),N&&(0,d.jsx)(ie.Portal,{layerId:gt,children:(0,d.jsx)(`div`,{ref:bt,...yt,"data-state":`open`,className:`flex flex-col overflow-hidden rounded border border-border bg-background shadow-8`,children:G?Nt(!1):(0,d.jsx)(`div`,{"aria-hidden":`true`,className:`px-3 py-1.5 text-body-1 text-muted-foreground`,children:dt})})})]})})};m.displayName=`TimePicker`,exports.TimePicker=m;
+//# sourceMappingURL=TimePicker.cjs.map

package/dist/components/input/TimePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.cjs","names":["React","useListboxOption","cn","forcedColors","CheckIcon","timeToMinutes","minutesToTime","useControllable","normalizeTimeStep","generateTimeOptions","useIsClient","minutesToValue","useListbox","useMergedRefs","useDismiss","usePopupPosition","useFieldContext","useId","useFieldControl","joinIds","isInvalidLook","composeEventHandlers","showsExpandButton","ListboxContext","inputBase","inputFocus","disabledStyles","pickerEndPadding","DismissIcon","PickerExpandButton","HiddenInput","Portal","require_runtime","require_cn","require_dev","require_composeEventHandlers","require_useControllable","require_useId","require_useMergedRefs","require_useIsClient","require_aria","require_useFieldControl","require_useDismiss","require_Portal","require_styles","require_icons","require_Input","require_useFormReset","require_HiddenInput","require_useListbox","require_pickerStyles","require_Combobox_expand","require_usePopupPosition","require_dateUtils","react","react_jsx_runtime","react_dom","OPTION_CLASSES","TimePickerOption","optionProps","selected","label","defaultInvalidTimeLabel","format","defaultOutOfRangeLabel","min","max","displayTime","minutes","value","matchesQuery","item","text","startsWithQuery","TimePicker","valueProp","openProp","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaInvalid","ariaRequired","ariaErrorMessage","ariaDetails","rest","props","onChange","selectedValue","setSelectedValue","defaultValue","onValueChange","next","stepValid","step","minMinutes","minTime","maxMinutes","maxTime","boundsValid","allOptions","interactive","disabled","readOnly","openState","setOpen","openControlled","defaultOpen","onOpenChange","isClient","open","draft","setDraft","invalid","setInvalid","wasInteractive","setWasInteractive","seenValue","setSeenValue","query","openList","closeList","filter","exact","getTypedActiveValue","needle","selectedInList","selectedValues","commitValue","commitDraft","rejectDraft","reason","onInvalidInput","clearDraft","hasMatches","expanded","lb","displayLabel","showClear","clearable","statusMessage","labels","rootRef","inputRef","surfaceRef","rootRefs","ref","inputRefs","controlRef","surfaceRefs","setFloating","field","validates","required","errorId","showOwnError","fieldProps","invalidLook","form","handleInputChange","event","handleKeyDown","onKeyDown","handleKeyUp","onKeyUp","handleInputClick","handleBlur","onBlur","handleExpandClick","handleClear","listboxLabelledBy","renderListbox","hidden","showExpand","expandIcon","errorMessage","listboxMounted","className","setReference","floatingProps"],"sources":["../../../src/components/input/TimePicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { flushSync } from 'react-dom';\nimport { cn } from '../../lib/cn';\nimport { joinIds } from '../../lib/aria';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { warnDeprecated, warnOnce } from '../../lib/dev';\nimport { CheckIcon, DismissIcon } from '../../lib/icons';\nimport type { Slot } from '../../lib/slot';\nimport {\n  disabledStyles,\n  focusRing,\n  forcedColors,\n  inputBase,\n  inputFocus,\n  inputInvalid,\n} from '../../lib/styles';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useDismiss } from '../../hooks/useDismiss';\nimport { useFieldContext, useFieldControl } from '../../hooks/useFieldControl';\nimport { useFormReset } from '../../hooks/useFormReset';\nimport { useId } from '../../hooks/useId';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { ListboxContext, useListbox, useListboxOption } from '../../hooks/useListbox';\nimport type { ListboxItem } from '../../hooks/useListbox';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { usePopupPosition } from '../../hooks/usePopupPosition';\nimport { HiddenInput } from '../internal/HiddenInput';\nimport { Portal } from '../portal/Portal';\nimport { PickerExpandButton, showsExpandButton } from './Combobox.expand';\nimport {\n  DEFAULT_TIME_STEP,\n  generateTimeOptions,\n  minutesToTime,\n  minutesToValue,\n  normalizeTimeStep,\n  timeToMinutes,\n} from './dateUtils';\nimport { isInvalidLook } from './Input';\nimport { PICKER_ICON_BUTTON_CLASSES, pickerEndPadding } from './pickerStyles';\nimport type { RoutedHandlers } from './routedHandlers';\n\n/* ------------------------------------------------------------------ */\n/*  Option                                                             */\n/* ------------------------------------------------------------------ */\n\nconst OPTION_CLASSES =\n  'flex cursor-pointer items-center gap-2 px-3 py-1.5 text-body-1 text-foreground hover:bg-subtle-hover data-[active]:bg-subtle-hover data-[active]:outline-2 data-[active]:outline-ring data-[active]:-outline-offset-2 data-[selected]:bg-subtle-selected data-[selected]:font-semibold';\n\ninterface TimePickerOptionProps {\n  value: string;\n  label: string;\n}\n\n/**\n * One time option. Memoized: it re-renders only when its own active/selected state changes (read\n * from the listbox store), so moving the highlight renders two options, not the whole list.\n */\nconst TimePickerOption = React.memo(function TimePickerOption({\n  value,\n  label,\n}: TimePickerOptionProps) {\n  const { selected, optionProps } = useListboxOption<HTMLLIElement>({ value, label });\n  return (\n    <li {...optionProps} className={cn(OPTION_CLASSES, selected && forcedColors.selectedContainer)}>\n      <span className=\"flex h-4 w-4 shrink-0 items-center justify-center\">\n        {selected ? <CheckIcon size={12} /> : null}\n      </span>\n      {label}\n    </li>\n  );\n});\nTimePickerOption.displayName = 'TimePickerOption';\n\n/* ------------------------------------------------------------------ */\n/*  TimePicker                                                         */\n/* ------------------------------------------------------------------ */\n\n/** Why typed text was not accepted (see {@link TimePickerProps.onInvalidInput}). */\nexport type TimePickerInvalidReason = 'unparseable' | 'out-of-range';\n\n/**\n * The TimePicker's built-in texts, for localization. Each member is optional and falls back to its\n * English default. The times themselves follow `format`.\n */\nexport interface TimePickerLabels {\n  /** Name of the clear button.\n   * @default 'Clear time'\n   */\n  clear?: string;\n  /** Name of the expand button at the end of the input.\n   * @default 'Show times'\n   */\n  expand?: string;\n  /** Name of the list of times when the picker has no `aria-label`, `aria-labelledby` or Field\n   * label to lend it.\n   * @default 'Times'\n   */\n  list?: string;\n  /** Status text (announced and shown in the open list) when `minTime`/`maxTime` leave no times.\n   * @default 'No times available'\n   */\n  noTimes?: string;\n  /** Status text (announced and shown in the open list) when the typed text matches no time.\n   * @default 'No matching times'\n   */\n  noMatches?: string;\n  /**\n   * Message for text that is not a time. `format` is the display pattern (`'HH:mm'` or\n   * `'h:mm AM'`).\n   * @default (format) => `Enter a time in the format ${format}.`\n   */\n  invalidTime?: (format: string) => string;\n  /**\n   * Message for a time outside `minTime`/`maxTime`. The bounds are passed as the input shows times\n   * (`format`); a bound that is not set is `undefined`.\n   * @default (min, max) => `Enter a time between ${min} and ${max}.` (only `min`: `Enter a time on\n   * or after ${min}.`; only `max`: `Enter a time on or before ${max}.`)\n   */\n  outOfRange?: (min: string | undefined, max: string | undefined) => string;\n}\n\nconst defaultInvalidTimeLabel = (format: string) => `Enter a time in the format ${format}.`;\n\nconst defaultOutOfRangeLabel = (min: string | undefined, max: string | undefined) => {\n  if (min !== undefined && max !== undefined) return `Enter a time between ${min} and ${max}.`;\n  if (min !== undefined) return `Enter a time on or after ${min}.`;\n  return `Enter a time on or before ${max}.`;\n};\n\n/** Properties for the TimePicker component. */\nexport interface TimePickerProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'onChange' | 'defaultValue' | 'placeholder' | RoutedHandlers\n> {\n  /** Controlled selected time in `HH:mm` (24-hour) format; `''` for no time. */\n  value?: string;\n  /**\n   * Initial time for uncontrolled usage (`HH:mm`).\n   * @default ''\n   */\n  defaultValue?: string;\n  /** Called with the new `HH:mm` value (`''` when cleared) whenever the selected time changes. */\n  onValueChange?: (value: string) => void;\n  /**\n   * @deprecated Use `onValueChange`. Still called with the new value (warns once in development).\n   */\n  onChange?: (value: string) => void;\n  /**\n   * Time display format of the input and the options.\n   * @default '12h'\n   */\n  format?: '12h' | '24h';\n  /**\n   * Minutes between options. A non-finite or non-positive value falls back to 30 (development\n   * warning); fractions are floored.\n   * @default 30\n   */\n  step?: number;\n  /**\n   * Earliest time (inclusive): `HH:mm`, `HH:mm:ss` or `h:mm AM`.\n   * @default '00:00'\n   */\n  minTime?: string;\n  /**\n   * Latest time (inclusive): `HH:mm`, `HH:mm:ss` or `h:mm AM`. Invalid or reversed bounds give no\n   * options (development warning, \"No times available\", see `labels`).\n   * @default '23:59'\n   */\n  maxTime?: string;\n  /**\n   * Placeholder text shown when no time is selected.\n   * @default 'Select a time'\n   */\n  placeholder?: string;\n  /**\n   * Whether the time picker is disabled and non-interactive.\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * Makes the input read-only: the list does not open and the value cannot change. Turning it (or\n   * `disabled`) on while the user is typing drops the typed text.\n   */\n  readOnly?: boolean;\n  /**\n   * Whether to show a clear button when a time is selected (not shown while `readOnly`; shown\n   * disabled while `disabled`). It is a tab stop after the input. Tab from erased text clears the\n   * value before focus moves, so focus goes on past the clear button that disappears with it.\n   * @default false\n   */\n  clearable?: boolean;\n  /**\n   * The glyph of the expand button at the end of the input (default: a chevron). The button\n   * opens and closes the list without moving focus out of the input and is not a tab stop\n   * (Alt+ArrowDown opens the list from the keyboard). `null` or `undefined` keep the chevron;\n   * `false`, or a value that renders nothing, hides the button. Decorative content rendered\n   * inside the built-in button: a `<button>` or `Button` passed here is not nested (its children\n   * become the glyph, with a development warning).\n   */\n  expandIcon?: Slot<'span'>;\n  /**\n   * Controlled open state of the list (never shown while `disabled` or `readOnly`). The list\n   * renders only in the browser: an open picker is closed in the server HTML and opens once it has\n   * hydrated.\n   */\n  open?: boolean;\n  /**\n   * Initial open state of the list for uncontrolled usage. A picker that starts disabled or\n   * read-only starts closed. The list renders only in the browser: it is closed in the server HTML\n   * and opens once the picker has hydrated.\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /** Called when the list opens or closes (only when the state changes). */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Called when edited text is not accepted on Enter or blur (once per edit): it is not a time\n   * (`'unparseable'`) or lies outside `minTime`/`maxTime` (`'out-of-range'`). The text stays in the\n   * input, which is marked `aria-invalid` and described by an error message (left to the\n   * surrounding `Field` when it shows an error); Enter and leaving the input also close the list,\n   * so it does not cover the message. Enter reports it again when pressed again.\n   */\n  onInvalidInput?: (text: string, reason: TimePickerInvalidReason) => void;\n  /**\n   * Names of the clear and expand buttons and of the list, the status texts of an empty list and\n   * the error messages of rejected text, for localization. Unset members keep their English\n   * defaults.\n   */\n  labels?: TimePickerLabels;\n  /** Form field name: the `HH:mm` value is submitted under it (hidden input). */\n  name?: string;\n  /** Id of the `<form>` the value belongs to, when the picker is outside it. */\n  form?: string;\n  /**\n   * Blocks form submission while no time is selected; sets `aria-required` on the input. Like a\n   * native readonly input, a `readOnly` TimePicker does not block submission.\n   */\n  required?: boolean;\n  /** Native `autocomplete` of the input. @default 'off' */\n  autoComplete?: string;\n  /** Native `maxlength` of the input. */\n  maxLength?: number;\n  /** Focus handler of the text input (the root keeps the other handlers). */\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  /** Blur handler of the text input. */\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  /** Key handler of the text input; `preventDefault()` skips the picker's own keys. */\n  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n  /** Key handler of the text input. */\n  onKeyUp?: React.KeyboardEventHandler<HTMLInputElement>;\n  /** Ref to the text input (the `role=\"combobox\"` element); `ref` stays on the root. */\n  controlRef?: React.Ref<HTMLInputElement>;\n  /** Ref to the root element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nfunction displayTime(value: string, format: '12h' | '24h'): string {\n  const minutes = timeToMinutes(value);\n  return Number.isNaN(minutes) ? value : minutesToTime(minutes, format);\n}\n\n/** Whether an option matches the (trimmed, lower-case) typed text: by label or `HH:mm` value. */\nfunction matchesQuery(item: ListboxItem, text: string): boolean {\n  return item.label.toLowerCase().includes(text) || item.value.includes(text);\n}\n\n/** Whether an option's label or `HH:mm` value starts with the (trimmed, lower-case) typed text. */\nfunction startsWithQuery(item: ListboxItem, text: string): boolean {\n  return item.label.toLowerCase().startsWith(text) || item.value.startsWith(text);\n}\n\n/**\n * A time input with a filterable list of times (APG editable combobox with list autocomplete).\n *\n * - Type to filter (by label or `HH:mm` value). A complete typed time (`2:00 PM`, `14:00`) makes\n *   its own option active — not an earlier one that merely contains the text, such as `12:00 PM`\n *   — and partial text makes the first option that starts with it active (`2:00 p` -> `2:00 PM`),\n *   else the first one that contains it; Enter commits the active option. Enter or leaving the\n *   field also commits a complete typed time that is not in the list (`9:15 AM`, `14:45`) when it\n *   lies within `minTime`/`maxTime`, and erased text clears the value (as the clear button does);\n *   Enter never submits the form with edited text, and both close the list. Other typed text is\n *   kept: the input is marked invalid and an error message describes it (`onInvalidInput`,\n *   reported once per edit) until the text is edited or replaced (an option, the clear button,\n *   Escape, a form reset, a new value from the parent). Escape on a closed list reverts any edit,\n *   erased text included, to the selected time.\n * - Click the input or the expand button at its end (a chevron, see `expandIcon`; not a tab stop,\n *   and it leaves focus in the input), press ArrowDown/ArrowUp or type to open; the list opens\n *   with every option and the selected one (when it is in the list) active and scrolled into\n *   view. Without one, no option is active until ArrowDown/ArrowUp or typing, so Enter lets the\n *   surrounding form submit. Escape, Tab, an outside press or focus leaving closes it. Typed text\n *   kept after Escape closed the list still filters it when it reopens: a click resumes the option\n *   typing made active, ArrowDown/ArrowUp start at the first/last match.\n * - `open`/`defaultOpen`/`onOpenChange` control the list. It closes when the picker becomes\n *   disabled or read-only (uncontrolled `open`: it stays closed when the picker is enabled again),\n *   and the text typed until then is dropped.\n * - Keys of an IME composition (its confirming Enter included) are left to the IME.\n * - `clearable` shows a clear button while a time is selected (not while read-only), a tab stop\n *   after the input. Tab from erased text clears the value first, so focus moves on past the\n *   picker instead of to the clear button that disappears.\n * - The value is `HH:mm` (24-hour) whatever the display `format`; values off the `step` grid or\n *   outside the bounds are still displayed in `format`.\n * - The input (`controlRef`) receives `id`, `aria-label`, `aria-labelledby`, `aria-describedby`,\n *   `aria-invalid`, `aria-required`, `aria-errormessage`, `aria-details`, `tabIndex`,\n *   `autoFocus`, `onFocus`/`onBlur`/`onKeyDown`/`onKeyUp` and the text input attributes\n *   `autoComplete`, `autoCapitalize`, `autoCorrect`, `maxLength`, `inputMode`, `spellCheck` and\n *   `enterKeyHint`. `ref`, `className`, `style`, other `aria-*` attributes and the remaining props\n *   stay on the root `<div>`. Inside a `Field`, the input is labelled and described by it.\n * - `name`/`required` add a hidden input for native forms (`HH:mm`); the value resets with its form.\n * - The built-in names, status texts and error messages are English; `labels` localizes them.\n * - The open list renders only in the browser: an open list (`defaultOpen`, `open`) is closed in\n *   the server HTML and opens once the picker has hydrated.\n */\nexport const TimePicker = (props: TimePickerProps) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange,\n    onChange,\n    format = '12h',\n    step = DEFAULT_TIME_STEP,\n    minTime = '00:00',\n    maxTime = '23:59',\n    placeholder = 'Select a time',\n    disabled = false,\n    readOnly,\n    clearable = false,\n    expandIcon,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    onInvalidInput,\n    labels,\n    name,\n    form,\n    required,\n    autoComplete = 'off',\n    autoCapitalize,\n    autoCorrect,\n    maxLength,\n    enterKeyHint,\n    inputMode,\n    spellCheck,\n    autoFocus,\n    tabIndex,\n    id,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-invalid': ariaInvalid,\n    'aria-required': ariaRequired,\n    'aria-errormessage': ariaErrorMessage,\n    'aria-details': ariaDetails,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    onKeyUp,\n    controlRef,\n    className,\n    ref,\n    ...rest\n  } = props;\n\n  if (onChange !== undefined) warnDeprecated('TimePicker', 'onChange', 'onValueChange');\n\n  const [selectedValue, setSelectedValue] = useControllable<string>(\n    valueProp,\n    defaultValue ?? '',\n    (next) => {\n      onValueChange?.(next);\n      onChange?.(next);\n    },\n  );\n\n  /* ---- options, step and bounds ---------------------------------- */\n\n  const stepValid = normalizeTimeStep(step).valid;\n  const minMinutes = timeToMinutes(minTime);\n  const maxMinutes = timeToMinutes(maxTime);\n  const boundsValid =\n    !Number.isNaN(minMinutes) && !Number.isNaN(maxMinutes) && minMinutes <= maxMinutes;\n  const allOptions = React.useMemo(\n    () => generateTimeOptions(step, minTime, maxTime, format),\n    [step, minTime, maxTime, format],\n  );\n\n  // Once per invalid value and page (C-DEV), not once per instance and effect run.\n  React.useEffect(() => {\n    if (!stepValid) {\n      warnOnce(\n        `TimePicker:step:${String(step)}`,\n        `TimePicker: \\`step\\` must be a positive number of minutes (received ${String(step)}); ` +\n          `using ${DEFAULT_TIME_STEP}.`,\n      );\n    }\n  }, [step, stepValid]);\n\n  React.useEffect(() => {\n    if (!boundsValid) {\n      warnOnce(\n        `TimePicker:bounds:${minTime}|${maxTime}`,\n        `TimePicker: \\`minTime\\`/\\`maxTime\\` must be times such as \"09:00\", \"09:00:00\" or ` +\n          `\"9:00 AM\" with minTime <= maxTime (received \"${minTime}\" / \"${maxTime}\"); no times are available.`,\n      );\n    }\n  }, [minTime, maxTime, boundsValid]);\n\n  /* ---- open state, draft text and query -------------------------- */\n\n  const interactive = !disabled && !readOnly;\n  const [openState, setOpen, openControlled] = useControllable<boolean>(\n    openProp,\n    // A picker that starts disabled or read-only never shows its list, so it starts closed (no\n    // close to report later).\n    (defaultOpen ?? false) && interactive,\n    onOpenChange,\n  );\n  // The open list lives in a portal, which renders only in the browser: until then (the server\n  // HTML, hydration) the picker shows the closed inline list and reports it closed, so\n  // aria-controls and aria-activedescendant never name a missing element.\n  const isClient = useIsClient();\n  const open = openState && interactive && isClient;\n  // A list hidden because the picker became disabled or read-only is closed for good\n  // (uncontrolled), so enabling the picker again does not bring it back; onOpenChange(false)\n  // reports it (a consumer callback, so from an effect). A controlled `open` stays the parent's.\n  React.useEffect(() => {\n    if (!interactive && openState && !openControlled) setOpen(false);\n  }, [interactive, openState, openControlled, setOpen]);\n  /** Typed text; `null` shows the selected time's label (draft model). */\n  const [draft, setDraft] = React.useState<string | null>(null);\n  /** Why the typed text was rejected (it is kept and flagged); `null` while it is not. */\n  const [invalid, setInvalid] = React.useState<TimePickerInvalidReason | null>(null);\n  // Locking the picker while the user types drops the typed text and its error, so no later blur\n  // commits it (adjusted during render, C-HOOKS).\n  const [wasInteractive, setWasInteractive] = React.useState(interactive);\n  if (wasInteractive !== interactive) {\n    setWasInteractive(interactive);\n    if (!interactive) {\n      setDraft(null);\n      setInvalid(null);\n    }\n  }\n  // A new value from the parent replaces rejected text (the picker's own commits clear it\n  // themselves), so the input never shows an error next to a valid value. Text the user is still\n  // typing stays.\n  const [seenValue, setSeenValue] = React.useState(selectedValue);\n  if (seenValue !== selectedValue) {\n    setSeenValue(selectedValue);\n    if (invalid !== null) {\n      setDraft(null);\n      setInvalid(null);\n    }\n  }\n  /**\n   * Filter text: the typed text only, never the selected time's label, so opening without an edit\n   * shows every option. Typed text kept while the list is closed (Escape) keeps filtering it, so\n   * a reopened list shows what the input says.\n   */\n  const query = draft ?? '';\n\n  const openList = () => {\n    if (!interactive || open) return;\n    setOpen(true);\n  };\n  const closeList = () => setOpen(false);\n\n  // A complete time in any spelling the commit accepts (`2:00pm`, `09:00 AM`, `14:00:00`) keeps its\n  // own option, so it stays listed and active, as Enter and blur commit it.\n  const filter = React.useMemo(() => {\n    const text = query.trim().toLowerCase();\n    if (!text) return undefined;\n    const minutes = timeToMinutes(text);\n    const exact = Number.isNaN(minutes) ? null : minutesToValue(minutes);\n    return (item: ListboxItem) => item.value === exact || matchesQuery(item, text);\n  }, [query]);\n\n  /**\n   * The option that typing `text` makes active. A complete time (`2:00 PM`, `14:00`) activates its\n   * own option, never another one that merely contains the text (`12:00 PM`); when it is not in\n   * the list (off-grid or out of bounds) nothing is active, so Enter commits the typed time or\n   * nothing. Partial text activates the first option whose label or value starts with it (`2:00 p`\n   * -> `2:00 PM`, `2` -> `2:00 AM`, not `12:00 AM`), else the first option that contains it.\n   */\n  const getTypedActiveValue = (text: string): string | null => {\n    const needle = text.trim().toLowerCase();\n    if (!needle) return null;\n    const minutes = timeToMinutes(text);\n    if (!Number.isNaN(minutes)) {\n      const exact = minutesToValue(minutes);\n      return allOptions.some((item) => item.value === exact) ? exact : null;\n    }\n    const match =\n      allOptions.find((item) => startsWithQuery(item, needle)) ??\n      allOptions.find((item) => matchesQuery(item, needle));\n    return match?.value ?? null;\n  };\n\n  // Opening without typing activates the selected option only when it is in the list. An empty,\n  // off-grid or out-of-range value activates nothing (ArrowDown/ArrowUp start at the first/last\n  // option), so Enter on a freshly opened list commits nothing and the surrounding form submits.\n  const selectedInList =\n    selectedValue !== '' && allOptions.some((item) => item.value === selectedValue);\n\n  const selectedValues = React.useMemo(\n    () => (selectedValue ? [selectedValue] : []),\n    [selectedValue],\n  );\n\n  const commitValue = (next: string) => {\n    setSelectedValue(next);\n    setDraft(null);\n    setInvalid(null);\n  };\n\n  /**\n   * Commits the typed text: erased text clears the value, a complete time within the bounds selects\n   * it. Returns why any other text is not accepted (it is kept), else `null`.\n   */\n  const commitDraft = (text: string): TimePickerInvalidReason | null => {\n    if (!text.trim()) {\n      commitValue('');\n      return null;\n    }\n    const minutes = timeToMinutes(text);\n    if (Number.isNaN(minutes)) return 'unparseable';\n    if (!boundsValid || minutes < minMinutes || minutes > maxMinutes) return 'out-of-range';\n    commitValue(minutesToValue(minutes));\n    return null;\n  };\n\n  /** Keeps rejected text, flags it and reports it. */\n  const rejectDraft = (text: string, reason: TimePickerInvalidReason) => {\n    setInvalid(reason);\n    onInvalidInput?.(text, reason);\n  };\n\n  const clearDraft = () => {\n    setDraft(null);\n    setInvalid(null);\n  };\n\n  // The listbox counts as open only while it shows options: with no match nothing is displayed,\n  // so `aria-expanded` is false and Escape reverts the typed text instead of closing an empty list.\n  const hasMatches = React.useMemo(\n    () => (filter ? allOptions.some(filter) : allOptions.length > 0),\n    [allOptions, filter],\n  );\n  const expanded = open && hasMatches;\n\n  const lb = useListbox({\n    open: expanded,\n    onOpenChange: (next) => (next ? openList() : closeList()),\n    mode: 'editable',\n    selectedValues,\n    onSelect: (next) => commitValue(next),\n    items: allOptions,\n    filter,\n    // Typing sets the active option itself (getTypedActiveValue in handleInputChange), so an exact\n    // typed time wins over an earlier substring match; highlightOnFilter would force the first one.\n    autoHighlight: draft === null && selectedInList ? 'selected' : false,\n    idPrefix: 'timepicker-listbox',\n    // Escape on a closed list reverts typed text (erased text: handleKeyDown); without a draft it is\n    // left to enclosing layers.\n    onClearDraft:\n      draft !== null\n        ? () => {\n            clearDraft();\n            closeList();\n          }\n        : undefined,\n  });\n\n  const displayLabel = selectedValue\n    ? (lb.getItem(selectedValue)?.label ?? displayTime(selectedValue, format))\n    : '';\n  // Read-only pickers offer no clear action (the value cannot change).\n  const showClear = clearable && !readOnly && selectedValue !== '';\n  const statusMessage =\n    open && !hasMatches\n      ? allOptions.length === 0\n        ? (labels?.noTimes ?? 'No times available')\n        : (labels?.noMatches ?? 'No matching times')\n      : '';\n\n  /* ---- elements, dismissal, positioning --------------------------- */\n\n  const rootRef = React.useRef<HTMLDivElement | null>(null);\n  const inputRef = React.useRef<HTMLInputElement | null>(null);\n  const surfaceRef = React.useRef<HTMLDivElement | null>(null);\n  const rootRefs = useMergedRefs<HTMLDivElement>(ref, rootRef);\n  const inputRefs = useMergedRefs<HTMLInputElement>(controlRef, inputRef);\n\n  const { layerId } = useDismiss({\n    open,\n    onDismiss: closeList,\n    refs: [surfaceRef, rootRef],\n    anchorRef: inputRef,\n    kind: 'listbox',\n    focusOutside: true,\n  });\n\n  const { setReference, setFloating, floatingProps } = usePopupPosition({\n    open,\n    side: 'bottom',\n    align: 'start',\n    matchReferenceWidth: true,\n    fitViewport: true,\n  });\n  const surfaceRefs = useMergedRefs<HTMLDivElement>(surfaceRef, setFloating);\n\n  /* ---- forms and Field ------------------------------------------- */\n\n  const field = useFieldContext();\n  const isRequired = required ?? field?.required ?? false;\n  // Like a native readonly input, a read-only picker is barred from constraint validation (the\n  // user could not fix it); its value is still submitted.\n  const validates = isRequired && !readOnly;\n  const errorId = useId('timepicker-error');\n  // A Field that shows an error describes the input itself (its message is not repeated).\n  const showOwnError = invalid !== null && !field?.hasErrorMessage;\n  const fieldProps = useFieldControl({\n    id,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': joinIds(ariaDescribedBy, showOwnError ? errorId : undefined),\n    'aria-invalid': invalid !== null ? true : ariaInvalid,\n    // An explicit `required={false}` wins over a required Field, so aria-required matches\n    // `isRequired`.\n    'aria-required': ariaRequired ?? required,\n  });\n  const invalidLook = isInvalidLook(false, fieldProps['aria-invalid']);\n\n  useFormReset(\n    inputRef,\n    () => {\n      setSelectedValue(defaultValue ?? '');\n      clearDraft();\n      closeList();\n    },\n    form,\n  );\n\n  /* ---- handlers --------------------------------------------------- */\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (!interactive) return;\n    const text = event.target.value;\n    setDraft(text);\n    setInvalid(null);\n    if (!open) setOpen(true);\n    // Every edit re-ranks the highlight (it opens the list in the same update when closed).\n    lb.setActiveValue(getTypedActiveValue(text));\n  };\n\n  const handleKeyDown = composeEventHandlers(\n    onKeyDown,\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (!interactive) return;\n      // Enter commits the active option: the exact typed time, the first match of partial text,\n      // or the option moved to with the arrow keys.\n      lb.onKeyDown(event);\n      // Keys that belong to an IME composition (its confirming Enter) are left to the IME, as\n      // useListbox leaves them.\n      if (event.defaultPrevented || event.nativeEvent.isComposing) return;\n      if (event.key === 'Escape' && draft === '' && displayLabel !== '') {\n        // Erased text: useListbox calls onClearDraft only while the input has text, so Escape on a\n        // closed list restores the selected time here (an open list was closed above). With nothing\n        // to restore, Escape is left to enclosing layers.\n        event.preventDefault();\n        clearDraft();\n        closeList();\n        return;\n      }\n      if (event.key === 'Enter' && draft !== null) {\n        // Edited text is committed (a complete time within the bounds; erased text clears) or kept\n        // and flagged (reported on every Enter), never submitted with the form; untouched text\n        // lets Enter submit. The list closes either way, so it does not cover the error message.\n        event.preventDefault();\n        const reason = commitDraft(draft);\n        closeList();\n        if (reason !== null) rejectDraft(draft, reason);\n      }\n      if (event.key === 'Tab' && !event.shiftKey && showClear && draft !== null && !draft.trim()) {\n        // Erased text clears the value, and with it the clear button, the next tab stop. It is\n        // settled before Tab moves focus (the blur would settle it while focus moves to that\n        // button), so focus moves on to the tab stop after the picker instead of dropping to\n        // <body> with the button (C-DISABLED).\n        flushSync(() => commitDraft(draft));\n      }\n      if (event.key === 'Tab' && open && !expanded) {\n        // useListbox closes the list on Tab only while it shows options. The status text shown\n        // instead ('No matching times', 'No times available') closes too: the clear button, the\n        // next tab stop, is inside the picker, so focus moving there does not dismiss it.\n        closeList();\n      }\n    },\n  );\n  const handleKeyUp = composeEventHandlers(onKeyUp, lb.onKeyUp);\n\n  const handleInputClick = () => {\n    if (!interactive || open) return;\n    openList();\n    // Typed text kept after Escape resumes where typing left it: its matches (the filter) and the\n    // option typing made active, so Enter commits the same time as before the list closed.\n    if (draft !== null) lb.setActiveValue(getTypedActiveValue(draft));\n  };\n\n  const handleBlur = composeEventHandlers(onBlur, () => {\n    if (!interactive || draft === null) return;\n    // Leaving the input settles the edit as Enter does: rejected text is kept (text that was\n    // already rejected is not reported again) and the list closes either way, so it does not cover\n    // the error message.\n    const reason = invalid === null ? commitDraft(draft) : null;\n    closeList();\n    if (reason !== null) rejectDraft(draft, reason);\n  });\n\n  // The expand button opens the list as a click in the input does (typed text kept after Escape\n  // resumes its matches) and closes it; focus stays in (or returns to) the input.\n  const handleExpandClick = () => {\n    if (!interactive) return;\n    if (open) closeList();\n    else handleInputClick();\n    inputRef.current?.focus();\n  };\n\n  const handleClear = () => {\n    if (!interactive) return;\n    commitValue('');\n    inputRef.current?.focus();\n  };\n\n  /* ---- render ---------------------------------------------------- */\n\n  const listboxLabelledBy = joinIds(ariaLabelledBy, field?.labelId);\n  const renderListbox = (hidden: boolean) => (\n    <ul\n      {...lb.getListboxProps()}\n      aria-labelledby={listboxLabelledBy}\n      aria-label={listboxLabelledBy ? undefined : (ariaLabel ?? labels?.list ?? 'Times')}\n      hidden={hidden || undefined}\n      className=\"max-h-60 min-h-0 overflow-auto py-1 focus:outline-hidden\"\n    >\n      {lb.items.map((item) => (\n        <TimePickerOption key={item.value} value={item.value} label={item.label} />\n      ))}\n    </ul>\n  );\n\n  const showExpand = showsExpandButton(expandIcon);\n\n  let errorMessage = '';\n  if (showOwnError && invalid === 'unparseable') {\n    errorMessage = (labels?.invalidTime ?? defaultInvalidTimeLabel)(\n      format === '24h' ? 'HH:mm' : 'h:mm AM',\n    );\n  } else if (showOwnError) {\n    // Bounds the consumer did not set are `undefined`, not the defaults.\n    errorMessage = (labels?.outOfRange ?? defaultOutOfRangeLabel)(\n      props.minTime === undefined ? undefined : displayTime(minTime, format),\n      props.maxTime === undefined ? undefined : displayTime(maxTime, format),\n    );\n  }\n  // aria-controls must name a listbox that is actually mounted. The closed list is inline only\n  // while options exist; the open list is mounted only while something matches.\n  const listboxMounted = open ? hasMatches : allOptions.length > 0;\n\n  return (\n    <ListboxContext.Provider value={lb.context}>\n      <div {...rest} ref={rootRefs} className={cn('relative inline-flex flex-col', className)}>\n        <div ref={setReference} className=\"relative flex items-center\">\n          <input\n            ref={inputRefs}\n            type=\"text\"\n            {...lb.getComboboxProps()}\n            aria-controls={listboxMounted ? lb.listboxId : undefined}\n            {...fieldProps}\n            aria-errormessage={ariaErrorMessage}\n            aria-details={ariaDetails}\n            value={draft ?? displayLabel}\n            onChange={handleInputChange}\n            onClick={handleInputClick}\n            onFocus={onFocus}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            onKeyUp={handleKeyUp}\n            placeholder={placeholder}\n            disabled={disabled}\n            readOnly={readOnly}\n            autoComplete={autoComplete}\n            autoCapitalize={autoCapitalize}\n            autoCorrect={autoCorrect}\n            maxLength={maxLength}\n            enterKeyHint={enterKeyHint}\n            inputMode={inputMode}\n            spellCheck={spellCheck}\n            autoFocus={autoFocus}\n            tabIndex={tabIndex}\n            className={cn(\n              inputBase,\n              'border-b-stroke-accessible',\n              inputFocus,\n              disabledStyles,\n              invalidLook && inputInvalid,\n              pickerEndPadding(Number(showClear) + Number(showExpand)),\n            )}\n          />\n          {showClear && (\n            <button\n              type=\"button\"\n              aria-label={labels?.clear ?? 'Clear time'}\n              disabled={disabled}\n              // Keeps focus (and an open list) on the input while the pointer clears it.\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleClear}\n              className={cn(\n                PICKER_ICON_BUTTON_CLASSES,\n                showExpand ? 'end-7' : 'end-1',\n                focusRing,\n                disabledStyles,\n              )}\n            >\n              <DismissIcon />\n            </button>\n          )}\n          {showExpand && (\n            <PickerExpandButton\n              component=\"TimePicker\"\n              expandIcon={expandIcon}\n              label={labels?.expand ?? 'Show times'}\n              expanded={expanded}\n              listboxId={lb.listboxId}\n              disabled={disabled || !!readOnly}\n              onToggle={handleExpandClick}\n            />\n          )}\n        </div>\n        {showOwnError && (\n          <p id={errorId} role=\"alert\" className=\"mt-1 text-caption-1 text-error\">\n            {errorMessage}\n          </p>\n        )}\n        {!open && allOptions.length > 0 && renderListbox(true)}\n        <span role=\"status\" className=\"sr-only\">\n          {statusMessage}\n        </span>\n        <HiddenInput\n          name={name}\n          form={form}\n          disabled={disabled}\n          value={selectedValue}\n          type=\"text\"\n          required={validates}\n          onInvalid={() => inputRef.current?.focus()}\n        />\n        {open && (\n          <Portal layerId={layerId}>\n            <div\n              ref={surfaceRefs}\n              {...floatingProps}\n              data-state=\"open\"\n              className=\"flex flex-col overflow-hidden rounded border border-border bg-background shadow-8\"\n            >\n              {hasMatches ? (\n                renderListbox(false)\n              ) : (\n                <div aria-hidden=\"true\" className=\"px-3 py-1.5 text-body-1 text-muted-foreground\">\n                  {statusMessage}\n                </div>\n              )}\n            </div>\n          </Portal>\n        )}\n      </div>\n    </ListboxContext.Provider>\n  );\n};\n\nTimePicker.displayName = 'TimePicker';\n"],"mappings":"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"}

package/dist/components/input/TimePicker.mjs

@@ -0,0 +1,292 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { warnDeprecated as t, warnOnce as n } from "../../lib/dev.mjs";
+import { composeEventHandlers as r } from "../../lib/composeEventHandlers.mjs";
+import { useControllable as i } from "../../hooks/useControllable.mjs";
+import { useId as ee } from "../../hooks/useId.mjs";
+import { useMergedRefs as a } from "../../hooks/useMergedRefs.mjs";
+import { useIsClient as te } from "../../hooks/useIsClient.mjs";
+import { joinIds as ne } from "../../lib/aria.mjs";
+import { useFieldContext as re, useFieldControl as ie } from "../../hooks/useFieldControl.mjs";
+import { useDismiss as ae } from "../../hooks/useDismiss.mjs";
+import { Portal as oe } from "../portal/Portal.mjs";
+import { disabledStyles as se, forcedColors as o, inputBase as ce, inputFocus as le } from "../../lib/styles.mjs";
+import { CheckIcon as ue, DismissIcon as de } from "../../lib/icons.mjs";
+import { isInvalidLook as fe } from "./Input.mjs";
+import { useFormReset as pe } from "../../hooks/useFormReset.mjs";
+import { HiddenInput as me } from "../internal/HiddenInput.mjs";
+import { ListboxContext as he, useListbox as ge, useListboxOption as s } from "../../hooks/useListbox.mjs";
+import { pickerEndPadding as _e } from "./pickerStyles.mjs";
+import { PickerExpandButton as ve, showsExpandButton as ye } from "./Combobox.expand.mjs";
+import { usePopupPosition as be } from "../../hooks/usePopupPosition.mjs";
+import { generateTimeOptions as xe, minutesToTime as Se, minutesToValue as c, normalizeTimeStep as Ce, timeToMinutes as l } from "./dateUtils.mjs";
+import * as u from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { flushSync as we } from "react-dom";
+//#region src/components/input/TimePicker.tsx
+var p = "flex cursor-pointer items-center gap-2 px-3 py-1.5 text-body-1 text-foreground hover:bg-subtle-hover data-[active]:bg-subtle-hover data-[active]:outline-2 data-[active]:outline-ring data-[active]:-outline-offset-2 data-[selected]:bg-subtle-selected data-[selected]:font-semibold", m = u.memo(function({ value: t, label: n }) {
+	let { selected: r, optionProps: i } = s({
+		value: t,
+		label: n
+	});
+	return /* @__PURE__ */ f("li", {
+		...i,
+		className: e(p, r && o.selectedContainer),
+		children: [/* @__PURE__ */ d("span", {
+			className: "flex h-4 w-4 shrink-0 items-center justify-center",
+			children: r ? /* @__PURE__ */ d(ue, { size: 12 }) : null
+		}), n]
+	});
+});
+m.displayName = "TimePickerOption";
+var Te = (e) => `Enter a time in the format ${e}.`, Ee = (e, t) => e !== void 0 && t !== void 0 ? `Enter a time between ${e} and ${t}.` : e === void 0 ? `Enter a time on or before ${t}.` : `Enter a time on or after ${e}.`;
+function h(e, t) {
+	let n = l(e);
+	return Number.isNaN(n) ? e : Se(n, t);
+}
+function De(e, t) {
+	return e.label.toLowerCase().includes(t) || e.value.includes(t);
+}
+function Oe(e, t) {
+	return e.label.toLowerCase().startsWith(t) || e.value.startsWith(t);
+}
+var g = (o) => {
+	let { value: ue, defaultValue: s, onValueChange: Se, onChange: p, format: g = "12h", step: _ = 30, minTime: v = "00:00", maxTime: y = "23:59", placeholder: ke = "Select a time", disabled: b = !1, readOnly: x, clearable: Ae = !1, expandIcon: je, open: Me, defaultOpen: Ne, onOpenChange: Pe, onInvalidInput: Fe, labels: S, name: Ie, form: C, required: w, autoComplete: Le = "off", autoCapitalize: Re, autoCorrect: ze, maxLength: Be, enterKeyHint: Ve, inputMode: He, spellCheck: Ue, autoFocus: We, tabIndex: Ge, id: Ke, "aria-label": T, "aria-labelledby": qe, "aria-describedby": Je, "aria-invalid": Ye, "aria-required": Xe, "aria-errormessage": Ze, "aria-details": Qe, onFocus: $e, onBlur: et, onKeyDown: tt, onKeyUp: nt, controlRef: rt, className: it, ref: at, ...ot } = o;
+	p !== void 0 && t("TimePicker", "onChange", "onValueChange");
+	let [E, st] = i(ue, s ?? "", (e) => {
+		Se?.(e), p?.(e);
+	}), ct = Ce(_).valid, D = l(v), O = l(y), k = !Number.isNaN(D) && !Number.isNaN(O) && D <= O, A = u.useMemo(() => xe(_, v, y, g), [
+		_,
+		v,
+		y,
+		g
+	]);
+	u.useEffect(() => {
+		ct || n(`TimePicker:step:${String(_)}`, `TimePicker: \`step\` must be a positive number of minutes (received ${String(_)}); using 30.`);
+	}, [_, ct]), u.useEffect(() => {
+		k || n(`TimePicker:bounds:${v}|${y}`, `TimePicker: \`minTime\`/\`maxTime\` must be times such as "09:00", "09:00:00" or "9:00 AM" with minTime <= maxTime (received "${v}" / "${y}"); no times are available.`);
+	}, [
+		v,
+		y,
+		k
+	]);
+	let j = !b && !x, [M, N, lt] = i(Me, (Ne ?? !1) && j, Pe), ut = te(), P = M && j && ut;
+	u.useEffect(() => {
+		!j && M && !lt && N(!1);
+	}, [
+		j,
+		M,
+		lt,
+		N
+	]);
+	let [F, I] = u.useState(null), [L, R] = u.useState(null), [dt, ft] = u.useState(j);
+	dt !== j && (ft(j), j || (I(null), R(null)));
+	let [pt, mt] = u.useState(E);
+	pt !== E && (mt(E), L !== null && (I(null), R(null)));
+	let ht = F ?? "", gt = () => {
+		j && !P && N(!0);
+	}, z = () => N(!1), B = u.useMemo(() => {
+		let e = ht.trim().toLowerCase();
+		if (!e) return;
+		let t = l(e), n = Number.isNaN(t) ? null : c(t);
+		return (t) => t.value === n || De(t, e);
+	}, [ht]), V = (e) => {
+		let t = e.trim().toLowerCase();
+		if (!t) return null;
+		let n = l(e);
+		if (!Number.isNaN(n)) {
+			let e = c(n);
+			return A.some((t) => t.value === e) ? e : null;
+		}
+		return (A.find((e) => Oe(e, t)) ?? A.find((e) => De(e, t)))?.value ?? null;
+	}, _t = E !== "" && A.some((e) => e.value === E), vt = u.useMemo(() => E ? [E] : [], [E]), H = (e) => {
+		st(e), I(null), R(null);
+	}, U = (e) => {
+		if (!e.trim()) return H(""), null;
+		let t = l(e);
+		return Number.isNaN(t) ? "unparseable" : !k || t < D || t > O ? "out-of-range" : (H(c(t)), null);
+	}, yt = (e, t) => {
+		R(t), Fe?.(e, t);
+	}, W = () => {
+		I(null), R(null);
+	}, G = u.useMemo(() => B ? A.some(B) : A.length > 0, [A, B]), K = P && G, q = ge({
+		open: K,
+		onOpenChange: (e) => e ? gt() : z(),
+		mode: "editable",
+		selectedValues: vt,
+		onSelect: (e) => H(e),
+		items: A,
+		filter: B,
+		autoHighlight: F === null && _t ? "selected" : !1,
+		idPrefix: "timepicker-listbox",
+		onClearDraft: F === null ? void 0 : () => {
+			W(), z();
+		}
+	}), bt = E ? q.getItem(E)?.label ?? h(E, g) : "", J = Ae && !x && E !== "", xt = P && !G ? A.length === 0 ? S?.noTimes ?? "No times available" : S?.noMatches ?? "No matching times" : "", St = u.useRef(null), Y = u.useRef(null), Ct = u.useRef(null), wt = a(at, St), Tt = a(rt, Y), { layerId: Et } = ae({
+		open: P,
+		onDismiss: z,
+		refs: [Ct, St],
+		anchorRef: Y,
+		kind: "listbox",
+		focusOutside: !0
+	}), { setReference: Dt, setFloating: Ot, floatingProps: kt } = be({
+		open: P,
+		side: "bottom",
+		align: "start",
+		matchReferenceWidth: !0,
+		fitViewport: !0
+	}), At = a(Ct, Ot), X = re(), jt = (w ?? X?.required ?? !1) && !x, Mt = ee("timepicker-error"), Z = L !== null && !X?.hasErrorMessage, Nt = ie({
+		id: Ke,
+		"aria-label": T,
+		"aria-labelledby": qe,
+		"aria-describedby": ne(Je, Z ? Mt : void 0),
+		"aria-invalid": L !== null || Ye,
+		"aria-required": Xe ?? w
+	}), Pt = fe(!1, Nt["aria-invalid"]);
+	pe(Y, () => {
+		st(s ?? ""), W(), z();
+	}, C);
+	let Ft = (e) => {
+		if (!j) return;
+		let t = e.target.value;
+		I(t), R(null), P || N(!0), q.setActiveValue(V(t));
+	}, It = r(tt, (e) => {
+		if (j && (q.onKeyDown(e), !(e.defaultPrevented || e.nativeEvent.isComposing))) {
+			if (e.key === "Escape" && F === "" && bt !== "") {
+				e.preventDefault(), W(), z();
+				return;
+			}
+			if (e.key === "Enter" && F !== null) {
+				e.preventDefault();
+				let t = U(F);
+				z(), t !== null && yt(F, t);
+			}
+			e.key === "Tab" && !e.shiftKey && J && F !== null && !F.trim() && we(() => U(F)), e.key === "Tab" && P && !K && z();
+		}
+	}), Lt = r(nt, q.onKeyUp), Rt = () => {
+		j && !P && (gt(), F !== null && q.setActiveValue(V(F)));
+	}, zt = r(et, () => {
+		if (!j || F === null) return;
+		let e = L === null ? U(F) : null;
+		z(), e !== null && yt(F, e);
+	}), Bt = () => {
+		j && (P ? z() : Rt(), Y.current?.focus());
+	}, Vt = () => {
+		j && (H(""), Y.current?.focus());
+	}, Ht = ne(qe, X?.labelId), Ut = (e) => /* @__PURE__ */ d("ul", {
+		...q.getListboxProps(),
+		"aria-labelledby": Ht,
+		"aria-label": Ht ? void 0 : T ?? S?.list ?? "Times",
+		hidden: e || void 0,
+		className: "max-h-60 min-h-0 overflow-auto py-1 focus:outline-hidden",
+		children: q.items.map((e) => /* @__PURE__ */ d(m, {
+			value: e.value,
+			label: e.label
+		}, e.value))
+	}), Q = ye(je), $ = "";
+	Z && L === "unparseable" ? $ = (S?.invalidTime ?? Te)(g === "24h" ? "HH:mm" : "h:mm AM") : Z && ($ = (S?.outOfRange ?? Ee)(o.minTime === void 0 ? void 0 : h(v, g), o.maxTime === void 0 ? void 0 : h(y, g)));
+	let Wt = P ? G : A.length > 0;
+	return /* @__PURE__ */ d(he.Provider, {
+		value: q.context,
+		children: /* @__PURE__ */ f("div", {
+			...ot,
+			ref: wt,
+			className: e("relative inline-flex flex-col", it),
+			children: [
+				/* @__PURE__ */ f("div", {
+					ref: Dt,
+					className: "relative flex items-center",
+					children: [
+						/* @__PURE__ */ d("input", {
+							ref: Tt,
+							type: "text",
+							...q.getComboboxProps(),
+							"aria-controls": Wt ? q.listboxId : void 0,
+							...Nt,
+							"aria-errormessage": Ze,
+							"aria-details": Qe,
+							value: F ?? bt,
+							onChange: Ft,
+							onClick: Rt,
+							onFocus: $e,
+							onBlur: zt,
+							onKeyDown: It,
+							onKeyUp: Lt,
+							placeholder: ke,
+							disabled: b,
+							readOnly: x,
+							autoComplete: Le,
+							autoCapitalize: Re,
+							autoCorrect: ze,
+							maxLength: Be,
+							enterKeyHint: Ve,
+							inputMode: He,
+							spellCheck: Ue,
+							autoFocus: We,
+							tabIndex: Ge,
+							className: e(ce, "border-b-stroke-accessible", le, se, Pt && "border-destructive focus:border-b-destructive", _e(Number(J) + Number(Q)))
+						}),
+						J && /* @__PURE__ */ d("button", {
+							type: "button",
+							"aria-label": S?.clear ?? "Clear time",
+							disabled: b,
+							onMouseDown: (e) => e.preventDefault(),
+							onClick: Vt,
+							className: e("absolute flex h-6 w-6 items-center justify-center rounded bg-transparent p-0 text-muted-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:hover:text-foreground", Q ? "end-7" : "end-1", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", "disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:focus-visible:opacity-100"),
+							children: /* @__PURE__ */ d(de, {})
+						}),
+						Q && /* @__PURE__ */ d(ve, {
+							component: "TimePicker",
+							expandIcon: je,
+							label: S?.expand ?? "Show times",
+							expanded: K,
+							listboxId: q.listboxId,
+							disabled: b || !!x,
+							onToggle: Bt
+						})
+					]
+				}),
+				Z && /* @__PURE__ */ d("p", {
+					id: Mt,
+					role: "alert",
+					className: "mt-1 text-caption-1 text-error",
+					children: $
+				}),
+				!P && A.length > 0 && Ut(!0),
+				/* @__PURE__ */ d("span", {
+					role: "status",
+					className: "sr-only",
+					children: xt
+				}),
+				/* @__PURE__ */ d(me, {
+					name: Ie,
+					form: C,
+					disabled: b,
+					value: E,
+					type: "text",
+					required: jt,
+					onInvalid: () => Y.current?.focus()
+				}),
+				P && /* @__PURE__ */ d(oe, {
+					layerId: Et,
+					children: /* @__PURE__ */ d("div", {
+						ref: At,
+						...kt,
+						"data-state": "open",
+						className: "flex flex-col overflow-hidden rounded border border-border bg-background shadow-8",
+						children: G ? Ut(!1) : /* @__PURE__ */ d("div", {
+							"aria-hidden": "true",
+							className: "px-3 py-1.5 text-body-1 text-muted-foreground",
+							children: xt
+						})
+					})
+				})
+			]
+		})
+	});
+};
+g.displayName = "TimePicker";
+//#endregion
+export { g as TimePicker };
+
+//# sourceMappingURL=TimePicker.mjs.map

package/dist/components/input/TimePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.mjs","names":["useId","useId$1","React","OPTION_CLASSES","TimePickerOption","useListboxOption","optionProps","cn","selected","forcedColors","CheckIcon","label","defaultInvalidTimeLabel","format","defaultOutOfRangeLabel","min","max","displayTime","minutes","timeToMinutes","value","minutesToTime","matchesQuery","item","text","startsWithQuery","TimePicker","valueProp","openProp","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaInvalid","ariaRequired","ariaErrorMessage","ariaDetails","rest","props","onChange","warnDeprecated","selectedValue","setSelectedValue","useControllable","defaultValue","onValueChange","next","stepValid","normalizeTimeStep","step","minMinutes","minTime","maxMinutes","maxTime","boundsValid","allOptions","generateTimeOptions","warnOnce","interactive","disabled","readOnly","openState","setOpen","openControlled","defaultOpen","onOpenChange","isClient","useIsClient","open","draft","setDraft","invalid","setInvalid","wasInteractive","setWasInteractive","seenValue","setSeenValue","query","openList","closeList","filter","exact","minutesToValue","getTypedActiveValue","needle","selectedInList","selectedValues","commitValue","commitDraft","rejectDraft","reason","onInvalidInput","clearDraft","hasMatches","expanded","lb","useListbox","displayLabel","showClear","clearable","statusMessage","labels","rootRef","inputRef","surfaceRef","rootRefs","useMergedRefs","ref","inputRefs","controlRef","useDismiss","usePopupPosition","surfaceRefs","setFloating","field","useFieldContext","validates","required","errorId","showOwnError","fieldProps","useFieldControl","joinIds","invalidLook","isInvalidLook","form","handleInputChange","event","handleKeyDown","composeEventHandlers","onKeyDown","flushSync","handleKeyUp","onKeyUp","handleInputClick","handleBlur","onBlur","handleExpandClick","handleClear","listboxLabelledBy","renderListbox","hidden","showExpand","showsExpandButton","expandIcon","errorMessage","listboxMounted","ListboxContext","className","setReference","inputBase","inputFocus","disabledStyles","pickerEndPadding","DismissIcon","PickerExpandButton","HiddenInput","Portal","floatingProps"],"sources":["../../../src/components/input/TimePicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { flushSync } from 'react-dom';\nimport { cn } from '../../lib/cn';\nimport { joinIds } from '../../lib/aria';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { warnDeprecated, warnOnce } from '../../lib/dev';\nimport { CheckIcon, DismissIcon } from '../../lib/icons';\nimport type { Slot } from '../../lib/slot';\nimport {\n  disabledStyles,\n  focusRing,\n  forcedColors,\n  inputBase,\n  inputFocus,\n  inputInvalid,\n} from '../../lib/styles';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useDismiss } from '../../hooks/useDismiss';\nimport { useFieldContext, useFieldControl } from '../../hooks/useFieldControl';\nimport { useFormReset } from '../../hooks/useFormReset';\nimport { useId } from '../../hooks/useId';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { ListboxContext, useListbox, useListboxOption } from '../../hooks/useListbox';\nimport type { ListboxItem } from '../../hooks/useListbox';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { usePopupPosition } from '../../hooks/usePopupPosition';\nimport { HiddenInput } from '../internal/HiddenInput';\nimport { Portal } from '../portal/Portal';\nimport { PickerExpandButton, showsExpandButton } from './Combobox.expand';\nimport {\n  DEFAULT_TIME_STEP,\n  generateTimeOptions,\n  minutesToTime,\n  minutesToValue,\n  normalizeTimeStep,\n  timeToMinutes,\n} from './dateUtils';\nimport { isInvalidLook } from './Input';\nimport { PICKER_ICON_BUTTON_CLASSES, pickerEndPadding } from './pickerStyles';\nimport type { RoutedHandlers } from './routedHandlers';\n\n/* ------------------------------------------------------------------ */\n/*  Option                                                             */\n/* ------------------------------------------------------------------ */\n\nconst OPTION_CLASSES =\n  'flex cursor-pointer items-center gap-2 px-3 py-1.5 text-body-1 text-foreground hover:bg-subtle-hover data-[active]:bg-subtle-hover data-[active]:outline-2 data-[active]:outline-ring data-[active]:-outline-offset-2 data-[selected]:bg-subtle-selected data-[selected]:font-semibold';\n\ninterface TimePickerOptionProps {\n  value: string;\n  label: string;\n}\n\n/**\n * One time option. Memoized: it re-renders only when its own active/selected state changes (read\n * from the listbox store), so moving the highlight renders two options, not the whole list.\n */\nconst TimePickerOption = React.memo(function TimePickerOption({\n  value,\n  label,\n}: TimePickerOptionProps) {\n  const { selected, optionProps } = useListboxOption<HTMLLIElement>({ value, label });\n  return (\n    <li {...optionProps} className={cn(OPTION_CLASSES, selected && forcedColors.selectedContainer)}>\n      <span className=\"flex h-4 w-4 shrink-0 items-center justify-center\">\n        {selected ? <CheckIcon size={12} /> : null}\n      </span>\n      {label}\n    </li>\n  );\n});\nTimePickerOption.displayName = 'TimePickerOption';\n\n/* ------------------------------------------------------------------ */\n/*  TimePicker                                                         */\n/* ------------------------------------------------------------------ */\n\n/** Why typed text was not accepted (see {@link TimePickerProps.onInvalidInput}). */\nexport type TimePickerInvalidReason = 'unparseable' | 'out-of-range';\n\n/**\n * The TimePicker's built-in texts, for localization. Each member is optional and falls back to its\n * English default. The times themselves follow `format`.\n */\nexport interface TimePickerLabels {\n  /** Name of the clear button.\n   * @default 'Clear time'\n   */\n  clear?: string;\n  /** Name of the expand button at the end of the input.\n   * @default 'Show times'\n   */\n  expand?: string;\n  /** Name of the list of times when the picker has no `aria-label`, `aria-labelledby` or Field\n   * label to lend it.\n   * @default 'Times'\n   */\n  list?: string;\n  /** Status text (announced and shown in the open list) when `minTime`/`maxTime` leave no times.\n   * @default 'No times available'\n   */\n  noTimes?: string;\n  /** Status text (announced and shown in the open list) when the typed text matches no time.\n   * @default 'No matching times'\n   */\n  noMatches?: string;\n  /**\n   * Message for text that is not a time. `format` is the display pattern (`'HH:mm'` or\n   * `'h:mm AM'`).\n   * @default (format) => `Enter a time in the format ${format}.`\n   */\n  invalidTime?: (format: string) => string;\n  /**\n   * Message for a time outside `minTime`/`maxTime`. The bounds are passed as the input shows times\n   * (`format`); a bound that is not set is `undefined`.\n   * @default (min, max) => `Enter a time between ${min} and ${max}.` (only `min`: `Enter a time on\n   * or after ${min}.`; only `max`: `Enter a time on or before ${max}.`)\n   */\n  outOfRange?: (min: string | undefined, max: string | undefined) => string;\n}\n\nconst defaultInvalidTimeLabel = (format: string) => `Enter a time in the format ${format}.`;\n\nconst defaultOutOfRangeLabel = (min: string | undefined, max: string | undefined) => {\n  if (min !== undefined && max !== undefined) return `Enter a time between ${min} and ${max}.`;\n  if (min !== undefined) return `Enter a time on or after ${min}.`;\n  return `Enter a time on or before ${max}.`;\n};\n\n/** Properties for the TimePicker component. */\nexport interface TimePickerProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'onChange' | 'defaultValue' | 'placeholder' | RoutedHandlers\n> {\n  /** Controlled selected time in `HH:mm` (24-hour) format; `''` for no time. */\n  value?: string;\n  /**\n   * Initial time for uncontrolled usage (`HH:mm`).\n   * @default ''\n   */\n  defaultValue?: string;\n  /** Called with the new `HH:mm` value (`''` when cleared) whenever the selected time changes. */\n  onValueChange?: (value: string) => void;\n  /**\n   * @deprecated Use `onValueChange`. Still called with the new value (warns once in development).\n   */\n  onChange?: (value: string) => void;\n  /**\n   * Time display format of the input and the options.\n   * @default '12h'\n   */\n  format?: '12h' | '24h';\n  /**\n   * Minutes between options. A non-finite or non-positive value falls back to 30 (development\n   * warning); fractions are floored.\n   * @default 30\n   */\n  step?: number;\n  /**\n   * Earliest time (inclusive): `HH:mm`, `HH:mm:ss` or `h:mm AM`.\n   * @default '00:00'\n   */\n  minTime?: string;\n  /**\n   * Latest time (inclusive): `HH:mm`, `HH:mm:ss` or `h:mm AM`. Invalid or reversed bounds give no\n   * options (development warning, \"No times available\", see `labels`).\n   * @default '23:59'\n   */\n  maxTime?: string;\n  /**\n   * Placeholder text shown when no time is selected.\n   * @default 'Select a time'\n   */\n  placeholder?: string;\n  /**\n   * Whether the time picker is disabled and non-interactive.\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * Makes the input read-only: the list does not open and the value cannot change. Turning it (or\n   * `disabled`) on while the user is typing drops the typed text.\n   */\n  readOnly?: boolean;\n  /**\n   * Whether to show a clear button when a time is selected (not shown while `readOnly`; shown\n   * disabled while `disabled`). It is a tab stop after the input. Tab from erased text clears the\n   * value before focus moves, so focus goes on past the clear button that disappears with it.\n   * @default false\n   */\n  clearable?: boolean;\n  /**\n   * The glyph of the expand button at the end of the input (default: a chevron). The button\n   * opens and closes the list without moving focus out of the input and is not a tab stop\n   * (Alt+ArrowDown opens the list from the keyboard). `null` or `undefined` keep the chevron;\n   * `false`, or a value that renders nothing, hides the button. Decorative content rendered\n   * inside the built-in button: a `<button>` or `Button` passed here is not nested (its children\n   * become the glyph, with a development warning).\n   */\n  expandIcon?: Slot<'span'>;\n  /**\n   * Controlled open state of the list (never shown while `disabled` or `readOnly`). The list\n   * renders only in the browser: an open picker is closed in the server HTML and opens once it has\n   * hydrated.\n   */\n  open?: boolean;\n  /**\n   * Initial open state of the list for uncontrolled usage. A picker that starts disabled or\n   * read-only starts closed. The list renders only in the browser: it is closed in the server HTML\n   * and opens once the picker has hydrated.\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /** Called when the list opens or closes (only when the state changes). */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Called when edited text is not accepted on Enter or blur (once per edit): it is not a time\n   * (`'unparseable'`) or lies outside `minTime`/`maxTime` (`'out-of-range'`). The text stays in the\n   * input, which is marked `aria-invalid` and described by an error message (left to the\n   * surrounding `Field` when it shows an error); Enter and leaving the input also close the list,\n   * so it does not cover the message. Enter reports it again when pressed again.\n   */\n  onInvalidInput?: (text: string, reason: TimePickerInvalidReason) => void;\n  /**\n   * Names of the clear and expand buttons and of the list, the status texts of an empty list and\n   * the error messages of rejected text, for localization. Unset members keep their English\n   * defaults.\n   */\n  labels?: TimePickerLabels;\n  /** Form field name: the `HH:mm` value is submitted under it (hidden input). */\n  name?: string;\n  /** Id of the `<form>` the value belongs to, when the picker is outside it. */\n  form?: string;\n  /**\n   * Blocks form submission while no time is selected; sets `aria-required` on the input. Like a\n   * native readonly input, a `readOnly` TimePicker does not block submission.\n   */\n  required?: boolean;\n  /** Native `autocomplete` of the input. @default 'off' */\n  autoComplete?: string;\n  /** Native `maxlength` of the input. */\n  maxLength?: number;\n  /** Focus handler of the text input (the root keeps the other handlers). */\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  /** Blur handler of the text input. */\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  /** Key handler of the text input; `preventDefault()` skips the picker's own keys. */\n  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n  /** Key handler of the text input. */\n  onKeyUp?: React.KeyboardEventHandler<HTMLInputElement>;\n  /** Ref to the text input (the `role=\"combobox\"` element); `ref` stays on the root. */\n  controlRef?: React.Ref<HTMLInputElement>;\n  /** Ref to the root element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nfunction displayTime(value: string, format: '12h' | '24h'): string {\n  const minutes = timeToMinutes(value);\n  return Number.isNaN(minutes) ? value : minutesToTime(minutes, format);\n}\n\n/** Whether an option matches the (trimmed, lower-case) typed text: by label or `HH:mm` value. */\nfunction matchesQuery(item: ListboxItem, text: string): boolean {\n  return item.label.toLowerCase().includes(text) || item.value.includes(text);\n}\n\n/** Whether an option's label or `HH:mm` value starts with the (trimmed, lower-case) typed text. */\nfunction startsWithQuery(item: ListboxItem, text: string): boolean {\n  return item.label.toLowerCase().startsWith(text) || item.value.startsWith(text);\n}\n\n/**\n * A time input with a filterable list of times (APG editable combobox with list autocomplete).\n *\n * - Type to filter (by label or `HH:mm` value). A complete typed time (`2:00 PM`, `14:00`) makes\n *   its own option active — not an earlier one that merely contains the text, such as `12:00 PM`\n *   — and partial text makes the first option that starts with it active (`2:00 p` -> `2:00 PM`),\n *   else the first one that contains it; Enter commits the active option. Enter or leaving the\n *   field also commits a complete typed time that is not in the list (`9:15 AM`, `14:45`) when it\n *   lies within `minTime`/`maxTime`, and erased text clears the value (as the clear button does);\n *   Enter never submits the form with edited text, and both close the list. Other typed text is\n *   kept: the input is marked invalid and an error message describes it (`onInvalidInput`,\n *   reported once per edit) until the text is edited or replaced (an option, the clear button,\n *   Escape, a form reset, a new value from the parent). Escape on a closed list reverts any edit,\n *   erased text included, to the selected time.\n * - Click the input or the expand button at its end (a chevron, see `expandIcon`; not a tab stop,\n *   and it leaves focus in the input), press ArrowDown/ArrowUp or type to open; the list opens\n *   with every option and the selected one (when it is in the list) active and scrolled into\n *   view. Without one, no option is active until ArrowDown/ArrowUp or typing, so Enter lets the\n *   surrounding form submit. Escape, Tab, an outside press or focus leaving closes it. Typed text\n *   kept after Escape closed the list still filters it when it reopens: a click resumes the option\n *   typing made active, ArrowDown/ArrowUp start at the first/last match.\n * - `open`/`defaultOpen`/`onOpenChange` control the list. It closes when the picker becomes\n *   disabled or read-only (uncontrolled `open`: it stays closed when the picker is enabled again),\n *   and the text typed until then is dropped.\n * - Keys of an IME composition (its confirming Enter included) are left to the IME.\n * - `clearable` shows a clear button while a time is selected (not while read-only), a tab stop\n *   after the input. Tab from erased text clears the value first, so focus moves on past the\n *   picker instead of to the clear button that disappears.\n * - The value is `HH:mm` (24-hour) whatever the display `format`; values off the `step` grid or\n *   outside the bounds are still displayed in `format`.\n * - The input (`controlRef`) receives `id`, `aria-label`, `aria-labelledby`, `aria-describedby`,\n *   `aria-invalid`, `aria-required`, `aria-errormessage`, `aria-details`, `tabIndex`,\n *   `autoFocus`, `onFocus`/`onBlur`/`onKeyDown`/`onKeyUp` and the text input attributes\n *   `autoComplete`, `autoCapitalize`, `autoCorrect`, `maxLength`, `inputMode`, `spellCheck` and\n *   `enterKeyHint`. `ref`, `className`, `style`, other `aria-*` attributes and the remaining props\n *   stay on the root `<div>`. Inside a `Field`, the input is labelled and described by it.\n * - `name`/`required` add a hidden input for native forms (`HH:mm`); the value resets with its form.\n * - The built-in names, status texts and error messages are English; `labels` localizes them.\n * - The open list renders only in the browser: an open list (`defaultOpen`, `open`) is closed in\n *   the server HTML and opens once the picker has hydrated.\n */\nexport const TimePicker = (props: TimePickerProps) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange,\n    onChange,\n    format = '12h',\n    step = DEFAULT_TIME_STEP,\n    minTime = '00:00',\n    maxTime = '23:59',\n    placeholder = 'Select a time',\n    disabled = false,\n    readOnly,\n    clearable = false,\n    expandIcon,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    onInvalidInput,\n    labels,\n    name,\n    form,\n    required,\n    autoComplete = 'off',\n    autoCapitalize,\n    autoCorrect,\n    maxLength,\n    enterKeyHint,\n    inputMode,\n    spellCheck,\n    autoFocus,\n    tabIndex,\n    id,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-invalid': ariaInvalid,\n    'aria-required': ariaRequired,\n    'aria-errormessage': ariaErrorMessage,\n    'aria-details': ariaDetails,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    onKeyUp,\n    controlRef,\n    className,\n    ref,\n    ...rest\n  } = props;\n\n  if (onChange !== undefined) warnDeprecated('TimePicker', 'onChange', 'onValueChange');\n\n  const [selectedValue, setSelectedValue] = useControllable<string>(\n    valueProp,\n    defaultValue ?? '',\n    (next) => {\n      onValueChange?.(next);\n      onChange?.(next);\n    },\n  );\n\n  /* ---- options, step and bounds ---------------------------------- */\n\n  const stepValid = normalizeTimeStep(step).valid;\n  const minMinutes = timeToMinutes(minTime);\n  const maxMinutes = timeToMinutes(maxTime);\n  const boundsValid =\n    !Number.isNaN(minMinutes) && !Number.isNaN(maxMinutes) && minMinutes <= maxMinutes;\n  const allOptions = React.useMemo(\n    () => generateTimeOptions(step, minTime, maxTime, format),\n    [step, minTime, maxTime, format],\n  );\n\n  // Once per invalid value and page (C-DEV), not once per instance and effect run.\n  React.useEffect(() => {\n    if (!stepValid) {\n      warnOnce(\n        `TimePicker:step:${String(step)}`,\n        `TimePicker: \\`step\\` must be a positive number of minutes (received ${String(step)}); ` +\n          `using ${DEFAULT_TIME_STEP}.`,\n      );\n    }\n  }, [step, stepValid]);\n\n  React.useEffect(() => {\n    if (!boundsValid) {\n      warnOnce(\n        `TimePicker:bounds:${minTime}|${maxTime}`,\n        `TimePicker: \\`minTime\\`/\\`maxTime\\` must be times such as \"09:00\", \"09:00:00\" or ` +\n          `\"9:00 AM\" with minTime <= maxTime (received \"${minTime}\" / \"${maxTime}\"); no times are available.`,\n      );\n    }\n  }, [minTime, maxTime, boundsValid]);\n\n  /* ---- open state, draft text and query -------------------------- */\n\n  const interactive = !disabled && !readOnly;\n  const [openState, setOpen, openControlled] = useControllable<boolean>(\n    openProp,\n    // A picker that starts disabled or read-only never shows its list, so it starts closed (no\n    // close to report later).\n    (defaultOpen ?? false) && interactive,\n    onOpenChange,\n  );\n  // The open list lives in a portal, which renders only in the browser: until then (the server\n  // HTML, hydration) the picker shows the closed inline list and reports it closed, so\n  // aria-controls and aria-activedescendant never name a missing element.\n  const isClient = useIsClient();\n  const open = openState && interactive && isClient;\n  // A list hidden because the picker became disabled or read-only is closed for good\n  // (uncontrolled), so enabling the picker again does not bring it back; onOpenChange(false)\n  // reports it (a consumer callback, so from an effect). A controlled `open` stays the parent's.\n  React.useEffect(() => {\n    if (!interactive && openState && !openControlled) setOpen(false);\n  }, [interactive, openState, openControlled, setOpen]);\n  /** Typed text; `null` shows the selected time's label (draft model). */\n  const [draft, setDraft] = React.useState<string | null>(null);\n  /** Why the typed text was rejected (it is kept and flagged); `null` while it is not. */\n  const [invalid, setInvalid] = React.useState<TimePickerInvalidReason | null>(null);\n  // Locking the picker while the user types drops the typed text and its error, so no later blur\n  // commits it (adjusted during render, C-HOOKS).\n  const [wasInteractive, setWasInteractive] = React.useState(interactive);\n  if (wasInteractive !== interactive) {\n    setWasInteractive(interactive);\n    if (!interactive) {\n      setDraft(null);\n      setInvalid(null);\n    }\n  }\n  // A new value from the parent replaces rejected text (the picker's own commits clear it\n  // themselves), so the input never shows an error next to a valid value. Text the user is still\n  // typing stays.\n  const [seenValue, setSeenValue] = React.useState(selectedValue);\n  if (seenValue !== selectedValue) {\n    setSeenValue(selectedValue);\n    if (invalid !== null) {\n      setDraft(null);\n      setInvalid(null);\n    }\n  }\n  /**\n   * Filter text: the typed text only, never the selected time's label, so opening without an edit\n   * shows every option. Typed text kept while the list is closed (Escape) keeps filtering it, so\n   * a reopened list shows what the input says.\n   */\n  const query = draft ?? '';\n\n  const openList = () => {\n    if (!interactive || open) return;\n    setOpen(true);\n  };\n  const closeList = () => setOpen(false);\n\n  // A complete time in any spelling the commit accepts (`2:00pm`, `09:00 AM`, `14:00:00`) keeps its\n  // own option, so it stays listed and active, as Enter and blur commit it.\n  const filter = React.useMemo(() => {\n    const text = query.trim().toLowerCase();\n    if (!text) return undefined;\n    const minutes = timeToMinutes(text);\n    const exact = Number.isNaN(minutes) ? null : minutesToValue(minutes);\n    return (item: ListboxItem) => item.value === exact || matchesQuery(item, text);\n  }, [query]);\n\n  /**\n   * The option that typing `text` makes active. A complete time (`2:00 PM`, `14:00`) activates its\n   * own option, never another one that merely contains the text (`12:00 PM`); when it is not in\n   * the list (off-grid or out of bounds) nothing is active, so Enter commits the typed time or\n   * nothing. Partial text activates the first option whose label or value starts with it (`2:00 p`\n   * -> `2:00 PM`, `2` -> `2:00 AM`, not `12:00 AM`), else the first option that contains it.\n   */\n  const getTypedActiveValue = (text: string): string | null => {\n    const needle = text.trim().toLowerCase();\n    if (!needle) return null;\n    const minutes = timeToMinutes(text);\n    if (!Number.isNaN(minutes)) {\n      const exact = minutesToValue(minutes);\n      return allOptions.some((item) => item.value === exact) ? exact : null;\n    }\n    const match =\n      allOptions.find((item) => startsWithQuery(item, needle)) ??\n      allOptions.find((item) => matchesQuery(item, needle));\n    return match?.value ?? null;\n  };\n\n  // Opening without typing activates the selected option only when it is in the list. An empty,\n  // off-grid or out-of-range value activates nothing (ArrowDown/ArrowUp start at the first/last\n  // option), so Enter on a freshly opened list commits nothing and the surrounding form submits.\n  const selectedInList =\n    selectedValue !== '' && allOptions.some((item) => item.value === selectedValue);\n\n  const selectedValues = React.useMemo(\n    () => (selectedValue ? [selectedValue] : []),\n    [selectedValue],\n  );\n\n  const commitValue = (next: string) => {\n    setSelectedValue(next);\n    setDraft(null);\n    setInvalid(null);\n  };\n\n  /**\n   * Commits the typed text: erased text clears the value, a complete time within the bounds selects\n   * it. Returns why any other text is not accepted (it is kept), else `null`.\n   */\n  const commitDraft = (text: string): TimePickerInvalidReason | null => {\n    if (!text.trim()) {\n      commitValue('');\n      return null;\n    }\n    const minutes = timeToMinutes(text);\n    if (Number.isNaN(minutes)) return 'unparseable';\n    if (!boundsValid || minutes < minMinutes || minutes > maxMinutes) return 'out-of-range';\n    commitValue(minutesToValue(minutes));\n    return null;\n  };\n\n  /** Keeps rejected text, flags it and reports it. */\n  const rejectDraft = (text: string, reason: TimePickerInvalidReason) => {\n    setInvalid(reason);\n    onInvalidInput?.(text, reason);\n  };\n\n  const clearDraft = () => {\n    setDraft(null);\n    setInvalid(null);\n  };\n\n  // The listbox counts as open only while it shows options: with no match nothing is displayed,\n  // so `aria-expanded` is false and Escape reverts the typed text instead of closing an empty list.\n  const hasMatches = React.useMemo(\n    () => (filter ? allOptions.some(filter) : allOptions.length > 0),\n    [allOptions, filter],\n  );\n  const expanded = open && hasMatches;\n\n  const lb = useListbox({\n    open: expanded,\n    onOpenChange: (next) => (next ? openList() : closeList()),\n    mode: 'editable',\n    selectedValues,\n    onSelect: (next) => commitValue(next),\n    items: allOptions,\n    filter,\n    // Typing sets the active option itself (getTypedActiveValue in handleInputChange), so an exact\n    // typed time wins over an earlier substring match; highlightOnFilter would force the first one.\n    autoHighlight: draft === null && selectedInList ? 'selected' : false,\n    idPrefix: 'timepicker-listbox',\n    // Escape on a closed list reverts typed text (erased text: handleKeyDown); without a draft it is\n    // left to enclosing layers.\n    onClearDraft:\n      draft !== null\n        ? () => {\n            clearDraft();\n            closeList();\n          }\n        : undefined,\n  });\n\n  const displayLabel = selectedValue\n    ? (lb.getItem(selectedValue)?.label ?? displayTime(selectedValue, format))\n    : '';\n  // Read-only pickers offer no clear action (the value cannot change).\n  const showClear = clearable && !readOnly && selectedValue !== '';\n  const statusMessage =\n    open && !hasMatches\n      ? allOptions.length === 0\n        ? (labels?.noTimes ?? 'No times available')\n        : (labels?.noMatches ?? 'No matching times')\n      : '';\n\n  /* ---- elements, dismissal, positioning --------------------------- */\n\n  const rootRef = React.useRef<HTMLDivElement | null>(null);\n  const inputRef = React.useRef<HTMLInputElement | null>(null);\n  const surfaceRef = React.useRef<HTMLDivElement | null>(null);\n  const rootRefs = useMergedRefs<HTMLDivElement>(ref, rootRef);\n  const inputRefs = useMergedRefs<HTMLInputElement>(controlRef, inputRef);\n\n  const { layerId } = useDismiss({\n    open,\n    onDismiss: closeList,\n    refs: [surfaceRef, rootRef],\n    anchorRef: inputRef,\n    kind: 'listbox',\n    focusOutside: true,\n  });\n\n  const { setReference, setFloating, floatingProps } = usePopupPosition({\n    open,\n    side: 'bottom',\n    align: 'start',\n    matchReferenceWidth: true,\n    fitViewport: true,\n  });\n  const surfaceRefs = useMergedRefs<HTMLDivElement>(surfaceRef, setFloating);\n\n  /* ---- forms and Field ------------------------------------------- */\n\n  const field = useFieldContext();\n  const isRequired = required ?? field?.required ?? false;\n  // Like a native readonly input, a read-only picker is barred from constraint validation (the\n  // user could not fix it); its value is still submitted.\n  const validates = isRequired && !readOnly;\n  const errorId = useId('timepicker-error');\n  // A Field that shows an error describes the input itself (its message is not repeated).\n  const showOwnError = invalid !== null && !field?.hasErrorMessage;\n  const fieldProps = useFieldControl({\n    id,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': joinIds(ariaDescribedBy, showOwnError ? errorId : undefined),\n    'aria-invalid': invalid !== null ? true : ariaInvalid,\n    // An explicit `required={false}` wins over a required Field, so aria-required matches\n    // `isRequired`.\n    'aria-required': ariaRequired ?? required,\n  });\n  const invalidLook = isInvalidLook(false, fieldProps['aria-invalid']);\n\n  useFormReset(\n    inputRef,\n    () => {\n      setSelectedValue(defaultValue ?? '');\n      clearDraft();\n      closeList();\n    },\n    form,\n  );\n\n  /* ---- handlers --------------------------------------------------- */\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (!interactive) return;\n    const text = event.target.value;\n    setDraft(text);\n    setInvalid(null);\n    if (!open) setOpen(true);\n    // Every edit re-ranks the highlight (it opens the list in the same update when closed).\n    lb.setActiveValue(getTypedActiveValue(text));\n  };\n\n  const handleKeyDown = composeEventHandlers(\n    onKeyDown,\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (!interactive) return;\n      // Enter commits the active option: the exact typed time, the first match of partial text,\n      // or the option moved to with the arrow keys.\n      lb.onKeyDown(event);\n      // Keys that belong to an IME composition (its confirming Enter) are left to the IME, as\n      // useListbox leaves them.\n      if (event.defaultPrevented || event.nativeEvent.isComposing) return;\n      if (event.key === 'Escape' && draft === '' && displayLabel !== '') {\n        // Erased text: useListbox calls onClearDraft only while the input has text, so Escape on a\n        // closed list restores the selected time here (an open list was closed above). With nothing\n        // to restore, Escape is left to enclosing layers.\n        event.preventDefault();\n        clearDraft();\n        closeList();\n        return;\n      }\n      if (event.key === 'Enter' && draft !== null) {\n        // Edited text is committed (a complete time within the bounds; erased text clears) or kept\n        // and flagged (reported on every Enter), never submitted with the form; untouched text\n        // lets Enter submit. The list closes either way, so it does not cover the error message.\n        event.preventDefault();\n        const reason = commitDraft(draft);\n        closeList();\n        if (reason !== null) rejectDraft(draft, reason);\n      }\n      if (event.key === 'Tab' && !event.shiftKey && showClear && draft !== null && !draft.trim()) {\n        // Erased text clears the value, and with it the clear button, the next tab stop. It is\n        // settled before Tab moves focus (the blur would settle it while focus moves to that\n        // button), so focus moves on to the tab stop after the picker instead of dropping to\n        // <body> with the button (C-DISABLED).\n        flushSync(() => commitDraft(draft));\n      }\n      if (event.key === 'Tab' && open && !expanded) {\n        // useListbox closes the list on Tab only while it shows options. The status text shown\n        // instead ('No matching times', 'No times available') closes too: the clear button, the\n        // next tab stop, is inside the picker, so focus moving there does not dismiss it.\n        closeList();\n      }\n    },\n  );\n  const handleKeyUp = composeEventHandlers(onKeyUp, lb.onKeyUp);\n\n  const handleInputClick = () => {\n    if (!interactive || open) return;\n    openList();\n    // Typed text kept after Escape resumes where typing left it: its matches (the filter) and the\n    // option typing made active, so Enter commits the same time as before the list closed.\n    if (draft !== null) lb.setActiveValue(getTypedActiveValue(draft));\n  };\n\n  const handleBlur = composeEventHandlers(onBlur, () => {\n    if (!interactive || draft === null) return;\n    // Leaving the input settles the edit as Enter does: rejected text is kept (text that was\n    // already rejected is not reported again) and the list closes either way, so it does not cover\n    // the error message.\n    const reason = invalid === null ? commitDraft(draft) : null;\n    closeList();\n    if (reason !== null) rejectDraft(draft, reason);\n  });\n\n  // The expand button opens the list as a click in the input does (typed text kept after Escape\n  // resumes its matches) and closes it; focus stays in (or returns to) the input.\n  const handleExpandClick = () => {\n    if (!interactive) return;\n    if (open) closeList();\n    else handleInputClick();\n    inputRef.current?.focus();\n  };\n\n  const handleClear = () => {\n    if (!interactive) return;\n    commitValue('');\n    inputRef.current?.focus();\n  };\n\n  /* ---- render ---------------------------------------------------- */\n\n  const listboxLabelledBy = joinIds(ariaLabelledBy, field?.labelId);\n  const renderListbox = (hidden: boolean) => (\n    <ul\n      {...lb.getListboxProps()}\n      aria-labelledby={listboxLabelledBy}\n      aria-label={listboxLabelledBy ? undefined : (ariaLabel ?? labels?.list ?? 'Times')}\n      hidden={hidden || undefined}\n      className=\"max-h-60 min-h-0 overflow-auto py-1 focus:outline-hidden\"\n    >\n      {lb.items.map((item) => (\n        <TimePickerOption key={item.value} value={item.value} label={item.label} />\n      ))}\n    </ul>\n  );\n\n  const showExpand = showsExpandButton(expandIcon);\n\n  let errorMessage = '';\n  if (showOwnError && invalid === 'unparseable') {\n    errorMessage = (labels?.invalidTime ?? defaultInvalidTimeLabel)(\n      format === '24h' ? 'HH:mm' : 'h:mm AM',\n    );\n  } else if (showOwnError) {\n    // Bounds the consumer did not set are `undefined`, not the defaults.\n    errorMessage = (labels?.outOfRange ?? defaultOutOfRangeLabel)(\n      props.minTime === undefined ? undefined : displayTime(minTime, format),\n      props.maxTime === undefined ? undefined : displayTime(maxTime, format),\n    );\n  }\n  // aria-controls must name a listbox that is actually mounted. The closed list is inline only\n  // while options exist; the open list is mounted only while something matches.\n  const listboxMounted = open ? hasMatches : allOptions.length > 0;\n\n  return (\n    <ListboxContext.Provider value={lb.context}>\n      <div {...rest} ref={rootRefs} className={cn('relative inline-flex flex-col', className)}>\n        <div ref={setReference} className=\"relative flex items-center\">\n          <input\n            ref={inputRefs}\n            type=\"text\"\n            {...lb.getComboboxProps()}\n            aria-controls={listboxMounted ? lb.listboxId : undefined}\n            {...fieldProps}\n            aria-errormessage={ariaErrorMessage}\n            aria-details={ariaDetails}\n            value={draft ?? displayLabel}\n            onChange={handleInputChange}\n            onClick={handleInputClick}\n            onFocus={onFocus}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            onKeyUp={handleKeyUp}\n            placeholder={placeholder}\n            disabled={disabled}\n            readOnly={readOnly}\n            autoComplete={autoComplete}\n            autoCapitalize={autoCapitalize}\n            autoCorrect={autoCorrect}\n            maxLength={maxLength}\n            enterKeyHint={enterKeyHint}\n            inputMode={inputMode}\n            spellCheck={spellCheck}\n            autoFocus={autoFocus}\n            tabIndex={tabIndex}\n            className={cn(\n              inputBase,\n              'border-b-stroke-accessible',\n              inputFocus,\n              disabledStyles,\n              invalidLook && inputInvalid,\n              pickerEndPadding(Number(showClear) + Number(showExpand)),\n            )}\n          />\n          {showClear && (\n            <button\n              type=\"button\"\n              aria-label={labels?.clear ?? 'Clear time'}\n              disabled={disabled}\n              // Keeps focus (and an open list) on the input while the pointer clears it.\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleClear}\n              className={cn(\n                PICKER_ICON_BUTTON_CLASSES,\n                showExpand ? 'end-7' : 'end-1',\n                focusRing,\n                disabledStyles,\n              )}\n            >\n              <DismissIcon />\n            </button>\n          )}\n          {showExpand && (\n            <PickerExpandButton\n              component=\"TimePicker\"\n              expandIcon={expandIcon}\n              label={labels?.expand ?? 'Show times'}\n              expanded={expanded}\n              listboxId={lb.listboxId}\n              disabled={disabled || !!readOnly}\n              onToggle={handleExpandClick}\n            />\n          )}\n        </div>\n        {showOwnError && (\n          <p id={errorId} role=\"alert\" className=\"mt-1 text-caption-1 text-error\">\n            {errorMessage}\n          </p>\n        )}\n        {!open && allOptions.length > 0 && renderListbox(true)}\n        <span role=\"status\" className=\"sr-only\">\n          {statusMessage}\n        </span>\n        <HiddenInput\n          name={name}\n          form={form}\n          disabled={disabled}\n          value={selectedValue}\n          type=\"text\"\n          required={validates}\n          onInvalid={() => inputRef.current?.focus()}\n        />\n        {open && (\n          <Portal layerId={layerId}>\n            <div\n              ref={surfaceRefs}\n              {...floatingProps}\n              data-state=\"open\"\n              className=\"flex flex-col overflow-hidden rounded border border-border bg-background shadow-8\"\n            >\n              {hasMatches ? (\n                renderListbox(false)\n              ) : (\n                <div aria-hidden=\"true\" className=\"px-3 py-1.5 text-body-1 text-muted-foreground\">\n                  {statusMessage}\n                </div>\n              )}\n            </div>\n          </Portal>\n        )}\n      </div>\n    </ListboxContext.Provider>\n  );\n};\n\nTimePicker.displayName = 'TimePicker';\n"],"mappings":"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"}

package/dist/components/input/colorUtils.cjs

@@ -0,0 +1,2 @@
+"use client";var e=`#000000`,t=`#ffffff`,n=/^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i,r=/^#([0-9a-f]{6}|[0-9a-f]{8})$/i,i=/^#?[0-9a-f]{0,8}$/i;function a(e,t,n){return Math.min(n,Math.max(t,e))}function o(e){return Math.round(a(e,0,255)).toString(16).padStart(2,`0`)}function s(e){let t=(e.length<=4?e.split(``).map(e=>e+e).join(``):e).toLowerCase();return{rgb:`#${t.slice(0,6)}`,alpha:t.length===8?parseInt(t.slice(6,8),16):255}}function c(e){let t=n.exec(e.trim());return t?s(t[1]):null}function l(e){let t=r.exec(e.trim());return t?s(t[1]):null}function u(e){return i.test(e.trim())}function d(e,t=255){let n=Math.round(a(t,0,255));return n===255?e:e+o(n)}function f(e){let t=c(e);return t?d(t.rgb,t.alpha):null}function p(e){return Math.round(a(e,0,255)/255*100)}function m(e){return Math.round(a(e,0,100)/100*255)}function h(e){let t=e.endsWith(`%`),n=Number(t?e.slice(0,-1):e);return Number.isFinite(n)?a(t?n/100*255:n,0,255):null}function g(e){if(e===void 0)return 1;let t=e.endsWith(`%`),n=Number(t?e.slice(0,-1):e);return Number.isFinite(n)?a(t?n/100:n,0,1):null}var _=/^rgba?\(\s*([^)]*)\)$/i;function v(e){let t=e.trim(),n=c(t);if(n){let e=parseInt(n.rgb.slice(1),16);return{r:e>>16&255,g:e>>8&255,b:e&255,a:n.alpha/255}}let r=_.exec(t);if(!r)return null;let[i,a]=r[1].split(`/`),o=(i??``).split(/[\s,]+/).map(e=>e.trim()).filter(Boolean),s=a?.trim();if(s===void 0&&o.length===4&&(s=o.pop()),o.length!==3)return null;let[l,u,d]=o.map(h),f=g(s);return l===null||u===null||d===null||f===null?null:{r:l,g:u,b:d,a:f}}function y(e){let t=e/255;return t<=.04045?t/12.92:((t+.055)/1.055)**2.4}function b(e){let t=v(e);return t?.2126*y(t.r)+.7152*y(t.g)+.0722*y(t.b):null}function x(n){let r=b(n);return r===null||(r+.05)/.05>=1.05/(r+.05)?{glyph:e,halo:t}:{glyph:t,halo:e}}exports.alphaToOpacity=p,exports.formatHexColor=d,exports.getCheckColors=x,exports.getRelativeLuminance=b,exports.isHexDraft=u,exports.normalizeHexColor=f,exports.opacityToAlpha=m,exports.parseCssColor=v,exports.parseHexColor=c,exports.parseHexInput=l;
+//# sourceMappingURL=colorUtils.cjs.map