@mortenbrudvik/waveui 0.10.0 → 0.12.0

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

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.mjs","names":["useId","useId$1","React","OPTION_CLASSES","TimePickerOption","useListboxOption","optionProps","cn","timePickerClassNames","selected","forcedColors","CheckIcon","label","defaultInvalidTimeLabel","format","defaultOutOfRangeLabel","min","max","displayTime","minutes","timeToMinutes","value","minutesToTime","matchesQuery","item","text","startsWithQuery","TimePicker","valueProp","sizeProp","appearanceProp","openProp","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaInvalid","ariaRequired","ariaErrorMessage","ariaDetails","rest","props","onChange","warnDeprecated","useInputLook","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","size","appearance","className","setReference","inputHeightClasses","inputPaddingClasses","inputTextClasses","inputAppearanceClasses","inputFocus","disabledStyles","pickerEndPadding","pickerIconButtonClasses","pickerButtonOffset","DismissIcon","pickerGlyphSize","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 { timePickerClassNames } from '../../lib/classNames';\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  inputAppearanceClasses,\n  inputFocus,\n  inputHeightClasses,\n  inputInvalid,\n  inputPaddingClasses,\n  inputTextClasses,\n} from '../../lib/styles';\nimport type { CoreSize, InputAppearance } from '../../lib/types';\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 { useInputLook } from './inputLook';\nimport { isInvalidLook } from './Input';\nimport {\n  pickerButtonOffset,\n  pickerEndPadding,\n  pickerGlyphSize,\n  pickerIconButtonClasses,\n} 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\n      {...optionProps}\n      className={cn(\n        timePickerClassNames.option,\n        OPTION_CLASSES,\n        selected && forcedColors.selectedContainer,\n      )}\n    >\n      <span\n        className={cn(\n          timePickerClassNames.checkIcon,\n          'flex h-4 w-4 shrink-0 items-center justify-center',\n        )}\n      >\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   * Size of the field: `small` (24px tall), `medium` (32px) or `large` (40px). Default: the\n   * surrounding Field's `size`, else `WaveProvider inputDefaults.size`, else `'medium'`. The time\n   * list keeps its size.\n   */\n  size?: CoreSize;\n  /**\n   * Look of the field: `outline` (a full border), `underline` (a bottom stroke only),\n   * `filled-darker` or `filled-lighter` (a fill without a visible stroke: give the field a visible\n   * label). Default: `WaveProvider inputDefaults.appearance`, else `'outline'`.\n   */\n  appearance?: InputAppearance;\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 * - **Size and appearance**: `size` resolves from its own prop, then the surrounding `Field`'s\n *   `size`, then `WaveProvider inputDefaults.size`, else `'medium'`; `appearance` from its own\n *   prop, then `WaveProvider inputDefaults.appearance`, else `'outline'`; both render as\n *   `data-size` and `data-appearance` on the root `<div>`. The time list keeps its size.\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    size: sizeProp,\n    appearance: appearanceProp,\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 { size, appearance } = useInputLook(sizeProp, appearanceProp);\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={cn(\n        timePickerClassNames.listbox,\n        'max-h-60 min-h-0 overflow-auto py-1 focus:outline-hidden',\n      )}\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\n        data-size={size}\n        data-appearance={appearance}\n        {...rest}\n        ref={rootRefs}\n        className={cn(timePickerClassNames.root, 'relative inline-flex flex-col', className)}\n      >\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              timePickerClassNames.input,\n              inputHeightClasses[size],\n              'w-full',\n              inputPaddingClasses[size],\n              inputTextClasses[size],\n              inputAppearanceClasses[appearance],\n              'text-foreground placeholder:text-muted-foreground',\n              inputFocus,\n              disabledStyles,\n              invalidLook && inputInvalid,\n              pickerEndPadding(Number(showClear) + Number(showExpand), size),\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                timePickerClassNames.clearButton,\n                pickerIconButtonClasses(size, appearance),\n                pickerButtonOffset(size, showExpand ? 2 : 1),\n                focusRing,\n                disabledStyles,\n              )}\n            >\n              <DismissIcon size={pickerGlyphSize(size, 'icon')} />\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              size={size}\n              appearance={appearance}\n              className={timePickerClassNames.expandButton}\n              iconClassName={timePickerClassNames.expandIcon}\n            />\n          )}\n        </div>\n        {showOwnError && (\n          <p\n            id={errorId}\n            role=\"alert\"\n            className={cn(timePickerClassNames.errorMessage, 'mt-1 text-caption-1 text-error')}\n          >\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={cn(\n                timePickerClassNames.surface,\n                'flex flex-col overflow-hidden rounded border border-border bg-background shadow-8',\n              )}\n            >\n              {hasMatches ? (\n                renderListbox(false)\n              ) : (\n                <div\n                  aria-hidden=\"true\"\n                  className={cn(\n                    timePickerClassNames.emptyMessage,\n                    'px-3 py-1.5 text-body-1 text-muted-foreground',\n                  )}\n                >\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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"}
+{"version":3,"file":"TimePicker.mjs","names":["useId","useId$1","React","OPTION_CLASSES","TimePickerOption","useListboxOption","optionProps","cn","timePickerClassNames","selected","forcedColors","CheckIcon","label","defaultInvalidTimeLabel","format","defaultOutOfRangeLabel","min","max","displayTime","minutes","timeToMinutes","value","minutesToTime","matchesQuery","item","text","startsWithQuery","TimePicker","valueProp","sizeProp","appearanceProp","openProp","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaInvalid","ariaRequired","ariaErrorMessage","ariaDetails","rest","props","onChange","warnDeprecated","useInputLook","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","resolvePositioning","positioning","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","size","appearance","className","setReference","inputHeightClasses","inputPaddingClasses","inputTextClasses","inputAppearanceClasses","inputFocus","disabledStyles","pickerEndPadding","pickerIconButtonClasses","pickerButtonOffset","DismissIcon","pickerGlyphSize","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 { timePickerClassNames } from '../../lib/classNames';\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  inputAppearanceClasses,\n  inputFocus,\n  inputHeightClasses,\n  inputInvalid,\n  inputPaddingClasses,\n  inputTextClasses,\n} from '../../lib/styles';\nimport type { CoreSize, InputAppearance, PopupPositioningOptions } from '../../lib/types';\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 { resolvePositioning, 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 { useInputLook } from './inputLook';\nimport { isInvalidLook } from './Input';\nimport {\n  pickerButtonOffset,\n  pickerEndPadding,\n  pickerGlyphSize,\n  pickerIconButtonClasses,\n} 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\n      {...optionProps}\n      className={cn(\n        timePickerClassNames.option,\n        OPTION_CLASSES,\n        selected && forcedColors.selectedContainer,\n      )}\n    >\n      <span\n        className={cn(\n          timePickerClassNames.checkIcon,\n          'flex h-4 w-4 shrink-0 items-center justify-center',\n        )}\n      >\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   * Size of the field: `small` (24px tall), `medium` (32px) or `large` (40px). Default: the\n   * surrounding Field's `size`, else `WaveProvider inputDefaults.size`, else `'medium'`. The time\n   * list keeps its size.\n   */\n  size?: CoreSize;\n  /**\n   * Advanced positioning of the popup (Fluent's `positioning`): `offset`, `fitViewport`,\n   * `matchReferenceWidth` and `fallbackPlacements` (tried in order when the requested side has no\n   * room). The popup opens below the field.\n   * @default `{ matchReferenceWidth: true, fitViewport: true }`\n   */\n  positioning?: PopupPositioningOptions;\n  /**\n   * Look of the field: `outline` (a full border), `underline` (a bottom stroke only),\n   * `filled-darker` or `filled-lighter` (a fill without a visible stroke: give the field a visible\n   * label). Default: `WaveProvider inputDefaults.appearance`, else `'outline'`.\n   */\n  appearance?: InputAppearance;\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 * - **Size and appearance**: `size` resolves from its own prop, then the surrounding `Field`'s\n *   `size`, then `WaveProvider inputDefaults.size`, else `'medium'`; `appearance` from its own\n *   prop, then `WaveProvider inputDefaults.appearance`, else `'outline'`; both render as\n *   `data-size` and `data-appearance` on the root `<div>`. The time list keeps its size.\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    size: sizeProp,\n    positioning,\n    appearance: appearanceProp,\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 { size, appearance } = useInputLook(sizeProp, appearanceProp);\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    ...resolvePositioning(positioning, { matchReferenceWidth: true, 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={cn(\n        timePickerClassNames.listbox,\n        'max-h-60 min-h-0 overflow-auto py-1 focus:outline-hidden',\n      )}\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\n        data-size={size}\n        data-appearance={appearance}\n        {...rest}\n        ref={rootRefs}\n        className={cn(timePickerClassNames.root, 'relative inline-flex flex-col', className)}\n      >\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              timePickerClassNames.input,\n              inputHeightClasses[size],\n              'w-full',\n              inputPaddingClasses[size],\n              inputTextClasses[size],\n              inputAppearanceClasses[appearance],\n              'text-foreground placeholder:text-muted-foreground',\n              inputFocus,\n              disabledStyles,\n              invalidLook && inputInvalid,\n              pickerEndPadding(Number(showClear) + Number(showExpand), size),\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                timePickerClassNames.clearButton,\n                pickerIconButtonClasses(size, appearance),\n                pickerButtonOffset(size, showExpand ? 2 : 1),\n                focusRing,\n                disabledStyles,\n              )}\n            >\n              <DismissIcon size={pickerGlyphSize(size, 'icon')} />\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              size={size}\n              appearance={appearance}\n              className={timePickerClassNames.expandButton}\n              iconClassName={timePickerClassNames.expandIcon}\n            />\n          )}\n        </div>\n        {showOwnError && (\n          <p\n            id={errorId}\n            role=\"alert\"\n            className={cn(timePickerClassNames.errorMessage, 'mt-1 text-caption-1 text-error')}\n          >\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={cn(\n                timePickerClassNames.surface,\n                'flex flex-col overflow-hidden rounded border border-border bg-background shadow-8',\n              )}\n            >\n              {hasMatches ? (\n                renderListbox(false)\n              ) : (\n                <div\n                  aria-hidden=\"true\"\n                  className={cn(\n                    timePickerClassNames.emptyMessage,\n                    'px-3 py-1.5 text-body-1 text-muted-foreground',\n                  )}\n                >\n                  {statusMessage}\n                </div>\n              )}\n            </div>\n          </Portal>\n        )}\n      </div>\n    </ListboxContext.Provider>\n  );\n};\n\nTimePicker.displayName = 'TimePicker';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,IAAMG,IACJ,0RAWIC,KAAmBF,EAAM,KAAK,SAA0B,EAC5D,UACA,YACwB;CACxB,IAAM,EAAE,aAAU,mBAAgBG,EAAgC;EAAE;EAAO;CAAM,CAAC;CAClF,OACE,kBAAC,MAAD;EACE,GAAIC;EACJ,WAAWC,EACTC,EAAqB,QACrBL,GACAM,KAAYC,GAAa,iBAC3B;EANF,UAAA,CAQE,kBAAC,QAAD;GACE,WAAWH,EACTC,EAAqB,WACrB,mDACF;GAEC,UAAAC,IAAW,kBAACE,GAAD,EAAW,MAAM,GAAK,CAAA,IAAI;EAClC,CAAA,GACLC,CACC;;AAER,CAAC;AACD,GAAiB,cAAc;AAkD/B,IAAMC,MAA2B,MAAmB,8BAA8BC,EAAO,IAEnFC,MAA0B,GAAyB,MACnDC,MAAQ,KAAA,KAAaC,MAAQ,KAAA,IAAkB,wBAAwBD,EAAI,OAAOC,EAAI,KACtFD,MAAQ,KAAA,IACL,6BAA6BC,EAAI,KADV,4BAA4BD,EAAI;AAsJhE,SAASE,EAAY,GAAe,GAA+B;CACjE,IAAMC,IAAUC,EAAcC,CAAK;CACnC,OAAO,OAAO,MAAMF,CAAO,IAAIE,IAAQC,GAAcH,GAASL,CAAM;AACtE;AAGA,SAASS,GAAa,GAAmB,GAAuB;CAC9D,OAAOC,EAAK,MAAM,YAAY,CAAC,CAAC,SAASC,CAAI,KAAKD,EAAK,MAAM,SAASC,CAAI;AAC5E;AAGA,SAASC,GAAgB,GAAmB,GAAuB;CACjE,OAAOF,EAAK,MAAM,YAAY,CAAC,CAAC,WAAWC,CAAI,KAAKD,EAAK,MAAM,WAAWC,CAAI;AAChF;AA+CA,IAAaE,KAAc,MAA2B;CACpD,IAAM,EACJ,OAAOC,IACP,iBACA,mBACA,aACA,YAAS,OACT,UAAA,IACA,aAAU,SACV,aAAU,SACV,kBAAc,iBACd,cAAW,IACX,MAAMC,IACN,iBACA,YAAYC,IACZ,aACA,gBAAY,IACZ,gBACA,MAAMC,IACN,iBACA,kBACA,oBACA,WACA,UACA,UACA,cACA,mBAAe,OACf,oBACA,iBACA,eACA,kBACA,eACA,gBACA,eACA,cACA,QACA,cAAcC,GACd,mBAAmBC,IACnB,oBAAoBC,IACpB,gBAAgBC,IAChB,iBAAiBC,IACjB,qBAAqBC,IACrB,gBAAgBC,IAChB,aACA,YACA,eACA,aACA,gBACA,eACA,SACA,GAAGC,OACDC;CAEJ,AAAIC,MAAa,KAAA,KAAWC,EAAe,cAAc,YAAY,eAAe;CAEpF,IAAM,EAAE,SAAM,kBAAeC,GAAad,IAAUC,EAAc,GAE5D,CAACc,GAAeC,MAAoBC,EACxClB,IACAmB,KAAgB,KACf,MAAS;EAER,AADAC,KAAgBC,CAAI,GACpBR,IAAWQ,CAAI;CACjB,CACF,GAIMC,KAAYC,GAAkBC,CAAI,CAAC,CAAC,OACpCC,IAAajC,EAAckC,CAAO,GAClCC,IAAanC,EAAcoC,CAAO,GAClCC,IACJ,CAAC,OAAO,MAAMJ,CAAU,KAAK,CAAC,OAAO,MAAME,CAAU,KAAKF,KAAcE,GACpEG,IAAaxD,EAAM,cACjByD,GAAoBP,GAAME,GAASE,GAAS1C,CAAM,GACxD;EAACsC;EAAME;EAASE;EAAS1C;CAAM,CACjC;CAaA,AAVAZ,EAAM,gBAAgB;EACpB,AAAKgD,MACHU,EACE,mBAAmB,OAAOR,CAAI,KAC9B,uEAAuE,OAAOA,CAAI,EAAE,aAEtF;CAEJ,GAAG,CAACA,GAAMF,EAAS,CAAC,GAEpBhD,EAAM,gBAAgB;EACpB,AAAKuD,KACHG,EACE,qBAAqBN,EAAQ,GAAGE,KAChC,iIACkDF,EAAQ,OAAOE,EAAQ,4BAC3E;CAEJ,GAAG;EAACF;EAASE;EAASC;CAAW,CAAC;CAIlC,IAAMI,IAAc,CAACC,KAAY,CAACC,GAC5B,CAACC,GAAWC,GAASC,MAAkBpB,EAC3Cf,KAGCoC,MAAe,OAAUN,GAC1BO,EACF,GAIMC,KAAWC,GAAY,GACvBC,IAAOP,KAAaH,KAAeQ;CAIzC,EAAM,gBAAgB;EACpB,AAAI,CAACR,KAAeG,KAAa,CAACE,MAAgBD,EAAQ,EAAK;CACjE,GAAG;EAACJ;EAAaG;EAAWE;EAAgBD;CAAO,CAAC;CAEpD,IAAM,CAACO,GAAOC,KAAYvE,EAAM,SAAwB,IAAI,GAEtD,CAACwE,GAASC,KAAczE,EAAM,SAAyC,IAAI,GAG3E,CAAC0E,IAAgBC,MAAqB3E,EAAM,SAAS2D,CAAW;CACtE,AAAIe,OAAmBf,MACrBgB,GAAkBhB,CAAW,GACxBA,MACHY,EAAS,IAAI,GACbE,EAAW,IAAI;CAMnB,IAAM,CAACG,IAAWC,MAAgB7E,EAAM,SAAS0C,CAAa;CAC9D,AAAIkC,OAAclC,MAChBmC,GAAanC,CAAa,GACtB8B,MAAY,SACdD,EAAS,IAAI,GACbE,EAAW,IAAI;CAQnB,IAAMK,KAAQR,KAAS,IAEjBS,WAAiB;EACrB,AAAKpB,KAAe,MACpBI,EAAQ,EAAI;CACd,GACMiB,UAAkBjB,EAAQ,EAAK,GAI/BkB,IAASjF,EAAM,cAAc;EACjC,IAAMuB,IAAOuD,GAAM,KAAK,CAAC,CAAC,YAAY;EACtC,IAAI,CAACvD,GAAM;EACX,IAAMN,IAAUC,EAAcK,CAAI,GAC5B2D,IAAQ,OAAO,MAAMjE,CAAO,IAAI,OAAOkE,EAAelE,CAAO;EACnE,QAAQ,MAAsBK,EAAK,UAAU4D,KAAS7D,GAAaC,GAAMC,CAAI;CAC/E,GAAG,CAACuD,EAAK,CAAC,GASJM,MAAuB,MAAgC;EAC3D,IAAMC,IAAS9D,EAAK,KAAK,CAAC,CAAC,YAAY;EACvC,IAAI,CAAC8D,GAAQ,OAAO;EACpB,IAAMpE,IAAUC,EAAcK,CAAI;EAClC,IAAI,CAAC,OAAO,MAAMN,CAAO,GAAG;GAC1B,IAAMiE,IAAQC,EAAelE,CAAO;GACpC,OAAOuC,EAAW,MAAM,MAASlC,EAAK,UAAU4D,CAAK,IAAIA,IAAQ;EACnE;EAIA,QAFE1B,EAAW,MAAM,MAAShC,GAAgBF,GAAM+D,CAAM,CAAC,KACvD7B,EAAW,MAAM,MAASnC,GAAaC,GAAM+D,CAAM,CAAC,EAAA,EACxC,SAAS;CACzB,GAKMC,KACJ5C,MAAkB,MAAMc,EAAW,MAAM,MAASlC,EAAK,UAAUoB,CAAa,GAE1E6C,KAAiBvF,EAAM,cACpB0C,IAAgB,CAACA,CAAa,IAAI,CAAC,GAC1C,CAACA,CAAa,CAChB,GAEM8C,KAAe,MAAiB;EAGpC,AAFA7C,GAAiBI,CAAI,GACrBwB,EAAS,IAAI,GACbE,EAAW,IAAI;CACjB,GAMMgB,KAAe,MAAiD;EACpE,IAAI,CAAClE,EAAK,KAAK,GAEb,OADAiE,EAAY,EAAE,GACP;EAET,IAAMvE,IAAUC,EAAcK,CAAI;EAIlC,OAHI,OAAO,MAAMN,CAAO,IAAU,gBAC9B,CAACsC,KAAetC,IAAUkC,KAAclC,IAAUoC,IAAmB,kBACzEmC,EAAYL,EAAelE,CAAO,CAAC,GAC5B;CACT,GAGMyE,MAAe,GAAc,MAAoC;EAErE,AADAjB,EAAWkB,CAAM,GACjBC,KAAiBrE,GAAMoE,CAAM;CAC/B,GAEME,UAAmB;EAEvB,AADAtB,EAAS,IAAI,GACbE,EAAW,IAAI;CACjB,GAIMqB,IAAa9F,EAAM,cAChBiF,IAASzB,EAAW,KAAKyB,CAAM,IAAIzB,EAAW,SAAS,GAC9D,CAACA,GAAYyB,CAAM,CACrB,GACMc,IAAW1B,KAAQyB,GAEnBE,IAAKC,GAAW;EACpB,MAAMF;EACN,eAAe,MAAUhD,IAAOgC,GAAS,IAAIC,EAAU;EACvD,MAAM;EACN;EACA,WAAW,MAASQ,EAAYzC,CAAI;EACpC,OAAOS;EACP;EAGA,eAAec,MAAU,QAAQgB,KAAiB,aAAa;EAC/D,UAAU;EAGV,cACEhB,MAAU,OAKN,KAAA,UAJM;GAEJ,AADAuB,EAAW,GACXb,EAAU;EACZ;CAER,CAAC,GAEKkB,KAAexD,IAChBsD,EAAG,QAAQtD,CAAa,CAAC,EAAE,SAAS1B,EAAY0B,GAAe9B,CAAM,IACtE,IAEEuF,IAAYC,MAAa,CAACvC,KAAYnB,MAAkB,IACxD2D,KACJhC,KAAQ,CAACyB,IACLtC,EAAW,WAAW,IACnB8C,GAAQ,WAAW,uBACnBA,GAAQ,aAAa,sBACxB,IAIAC,KAAUvG,EAAM,OAA8B,IAAI,GAClDwG,IAAWxG,EAAM,OAAgC,IAAI,GACrDyG,KAAazG,EAAM,OAA8B,IAAI,GACrD0G,KAAWC,EAA8BC,IAAKL,EAAO,GACrDM,KAAYF,EAAgCG,IAAYN,CAAQ,GAEhE,EAAE,gBAAYO,GAAW;EAC7B;EACA,WAAW/B;EACX,MAAM,CAACyB,IAAYF,EAAO;EAC1B,WAAWC;EACX,MAAM;EACN,cAAc;CAChB,CAAC,GAEK,EAAE,kBAAc,iBAAa,sBAAkBQ,GAAiB;EACpE;EACA,MAAM;EACN,OAAO;EACP,GAAGC,GAAmBC,IAAa;GAAE,qBAAqB;GAAM,aAAa;EAAK,CAAC;CACrF,CAAC,GACKC,KAAcR,EAA8BF,IAAYW,EAAW,GAInEC,IAAQC,GAAgB,GAIxBC,MAHaC,MAAYH,GAAO,YAAY,OAGlB,CAACxD,GAC3B4D,KAAU3H,GAAM,kBAAkB,GAElC4H,IAAelD,MAAY,QAAQ,CAAC6C,GAAO,iBAC3CM,IAAaC,GAAgB;EACjC;EACA,cAAc9F;EACd,mBAAmBC;EACnB,oBAAoB8F,GAAQ7F,IAAiB0F,IAAeD,KAAU,KAAA,CAAS;EAC/E,gBAAgBjD,MAAY,QAAcvC;EAG1C,iBAAiBC,MAAgBsF;CACnC,CAAC,GACKM,KAAcC,GAAc,IAAOJ,EAAW,eAAe;CAEnE,GACEnB,SACM;EAGJ,AAFA7D,GAAiBE,KAAgB,EAAE,GACnCgD,EAAW,GACXb,EAAU;CACZ,GACAgD,EACF;CAIA,IAAMC,MAAqB,MAA+C;EACxE,IAAI,CAACtE,GAAa;EAClB,IAAMpC,IAAO2G,EAAM,OAAO;EAK1B,AAJA3D,EAAShD,CAAI,GACbkD,EAAW,IAAI,GACVJ,KAAMN,EAAQ,EAAI,GAEvBiC,EAAG,eAAeZ,GAAoB7D,CAAI,CAAC;CAC7C,GAEM4G,KAAgBC,EACpBC,KACC,MAAiD;EAChD,IAAK1E,MAGLqC,EAAG,UAAUkC,CAAK,GAGd,IAAM,oBAAoBA,EAAM,YAAY,eAChD;OAAIA,EAAM,QAAQ,YAAY5D,MAAU,MAAM4B,OAAiB,IAAI;IAMjE,AAFAgC,EAAM,eAAe,GACrBrC,EAAW,GACXb,EAAU;IACV;GACF;GACA,IAAIkD,EAAM,QAAQ,WAAW5D,MAAU,MAAM;IAI3C,EAAM,eAAe;IACrB,IAAMqB,IAASF,EAAYnB,CAAK;IAEhC,AADAU,EAAU,GACNW,MAAW,QAAMD,GAAYpB,GAAOqB,CAAM;GAChD;GAQA,AAPIuC,EAAM,QAAQ,SAAS,CAACA,EAAM,YAAY/B,KAAa7B,MAAU,QAAQ,CAACA,EAAM,KAAK,KAKvFgE,SAAgB7C,EAAYnB,CAAK,CAAC,GAEhC4D,EAAM,QAAQ,SAAS7D,KAAQ,CAAC0B,KAIlCf,EAAU;EArBZ;CAuBF,CACF,GACMuD,KAAcH,EAAqBI,IAASxC,EAAG,OAAO,GAEtDyC,WAAyB;EAC7B,AAAK9E,KAAe,OACpBoB,GAAS,GAGLT,MAAU,QAAM0B,EAAG,eAAeZ,GAAoBd,CAAK,CAAC;CAClE,GAEMoE,KAAaN,EAAqBO,UAAc;EACpD,IAAI,CAAChF,KAAeW,MAAU,MAAM;EAIpC,IAAMqB,IAASnB,MAAY,OAAOiB,EAAYnB,CAAK,IAAI;EAEvD,AADAU,EAAU,GACNW,MAAW,QAAMD,GAAYpB,GAAOqB,CAAM;CAChD,CAAC,GAIKiD,WAA0B;EAC9B,AAAKjF,MACDU,IAAMW,EAAU,IACfyD,GAAiB,GACtBjC,EAAS,SAAS,MAAM;CAC1B,GAEMqC,WAAoB;EACxB,AAAKlF,MACL6B,EAAY,EAAE,GACdgB,EAAS,SAAS,MAAM;CAC1B,GAIMsC,KAAoBjB,GAAQ9F,IAAgBsF,GAAO,OAAO,GAC1D0B,MAAiB,MACrB,kBAAC,MAAD;EACE,GAAI/C,EAAG,gBAAgB;EACvB,mBAAiB8C;EACjB,cAAYA,KAAoB,KAAA,IAAahH,KAAawE,GAAQ,QAAQ;EAC1E,QAAQ0C,KAAU,KAAA;EAClB,WAAW3I,EACTC,EAAqB,SACrB,0DACF;EAEC,UAAA0F,EAAG,MAAM,KAAK,MACb,kBAAC9F,IAAD;GAAmC,OAAOoB,EAAK;GAAO,OAAOA,EAAK;EAAQ,GAAnDA,EAAK,KAA8C,CAC3E;CACC,CAAA,GAGA2H,IAAaC,GAAkBC,EAAU,GAE3CC,IAAe;CACnB,AAAI1B,KAAgBlD,MAAY,gBAC9B,KAAgB8B,GAAQ,eAAe3F,GAAA,CACrCC,MAAW,QAAQ,UAAU,SAC/B,IACS8G,MAET,KAAgBpB,GAAQ,cAAczF,GAAA,CACpCyB,EAAM,YAAY,KAAA,IAAY,KAAA,IAAYtB,EAAYoC,GAASxC,CAAM,GACrE0B,EAAM,YAAY,KAAA,IAAY,KAAA,IAAYtB,EAAYsC,GAAS1C,CAAM,CACvE;CAIF,IAAMyI,KAAiBhF,IAAOyB,IAAatC,EAAW,SAAS;CAE/D,OACE,kBAAC8F,GAAe,UAAhB;EAAyB,OAAOtD,EAAG;EACjC,UAAA,kBAAC,OAAD;GACE,aAAWuD;GACX,mBAAiBC;GACjB,GAAInH;GACJ,KAAKqE;GACL,WAAWrG,EAAGC,EAAqB,MAAM,iCAAiCmJ,EAAS;GALrF,UAAA;IAOE,kBAAC,OAAD;KAAK,KAAKC;KAAc,WAAU;KAAlC,UAAA;MACE,kBAAC,SAAD;OACE,KAAK7C;OACL,MAAK;OACL,GAAIb,EAAG,iBAAiB;OACxB,iBAAeqD,KAAiBrD,EAAG,YAAY,KAAA;OAC/C,GAAI2B;OACJ,qBAAmBxF;OACnB,gBAAcC;OACd,OAAOkC,KAAS4B;OAChB,UAAU+B;OACV,SAASQ;OACA;OACT,QAAQC;OACR,WAAWP;OACX,SAASI;OACI;OACH;OACA;OACI;OACE;OACH;OACF;OACG;OACH;OACC;OACD;OACD;OACV,WAAWlI,EACTC,EAAqB,OACrBqJ,GAAmBJ,IACnB,UACAK,GAAoBL,IACpBM,GAAiBN,IACjBO,GAAuBN,IACvB,qDACAO,IACAC,IACAlC,MAAA,sBACAmC,GAAiB,OAAO9D,CAAS,IAAI,OAAO8C,CAAU,GAAGM,CAAI,CAC/D;MACD,CAAA;MACApD,KACC,kBAAC,UAAD;OACE,MAAK;OACL,cAAYG,GAAQ,SAAS;OACnB;OAEV,cAAc,MAAU4B,EAAM,eAAe;OAC7C,SAASW;OACT,WAAWxI,EACTC,EAAqB,aACrB4J,GAAwBX,GAAMC,CAAU,GACxCW,GAAmBZ,GAAMN,IAAa,IAAI,CAAC,GAAA,qFAAA,mJAG7C;OAEA,UAAA,kBAACmB,IAAD,EAAa,MAAMC,GAAgBd,GAAM,MAAM,EAAI,CAAA;MAC7C,CAAA;MAETN,KACC,kBAACqB,IAAD;OACE,WAAU;OACE;OACZ,OAAOhE,GAAQ,UAAU;OACf;OACV,WAAWN,EAAG;OACd,UAAUpC,KAAY,CAAC,CAACC;OACxB,UAAU+E;OACJ;OACM;OACZ,WAAWtI,EAAqB;OAChC,eAAeA,EAAqB;MACrC,CAAA;KAEA;;IACJoH,KACC,kBAAC,KAAD;KACE,IAAID;KACJ,MAAK;KACL,WAAWpH,EAAGC,EAAqB,cAAc,gCAAgC;KAEhF,UAAA8I;IACA,CAAA;IAEJ,CAAC/E,KAAQb,EAAW,SAAS,KAAKuF,GAAc,EAAI;IACrD,kBAAC,QAAD;KAAM,MAAK;KAAS,WAAU;KAC3B,UAAA1C;IACG,CAAA;IACN,kBAACkE,IAAD;KACQ;KACA;KACI;KACV,OAAO7H;KACP,MAAK;KACL,UAAU6E;KACV,iBAAiBf,EAAS,SAAS,MAAM;IAC1C,CAAA;IACAnC,KACC,kBAACmG,IAAD;KAAiB;KACf,UAAA,kBAAC,OAAD;MACE,KAAKrD;MACL,GAAIsD;MACJ,cAAW;MACX,WAAWpK,EACTC,EAAqB,SACrB,mFACF;MAEC,UAAAwF,IACCiD,GAAc,EAAK,IAEnB,kBAAC,OAAD;OACE,eAAY;OACZ,WAAW1I,EACTC,EAAqB,cACrB,+CACF;OAEC,UAAA+F;MACE,CAAA;KAEJ,CAAA;IACC,CAAA;GAEP;;CACkB,CAAA;AAE7B;AAEA,EAAW,cAAc"}

package/dist/components/layout/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","names":["React","useControllable","useId","cn","accordionClassNames","getElementType","flattenChildren","accordionTriggerClassNames","getPartId","accordionItemClassNames","disabledStyles","focusRingInset","composeEventHandlers","ChevronDownIcon","accordionPanelClassNames","require_runtime","require_cn","require_children","require_dev","require_composeEventHandlers","require_classNames","require_useControllable","require_useId","require_styles","require_icons","require_disclosureIds","react","react_jsx_runtime","AccordionContext","AccordionItemContext","AccordionPanelSlotContext","EMPTY","INERT_ACCORDION","INERT_ITEM","IN_PANEL","AccordionHeadingOutsideContext","HEADING_CLASS","useAccordionContext","component","useAccordionItemContext","warnDuplicateValue","value","toItems","AccordionRoot","openItemsProp","rest","props","multiple","type","defaultOpenItems","onOpenItemsChange","controlledSingle","openItem","controlled","initialItems","defaultOpenItem","openItems","setOpenItems","list","next","onOpenItemChange","openCount","toggle","prev","v","itemCountsRef","registerItem","counts","count","remaining","baseId","context","headingLevel","className","findPart","node","child","found","part","barrier","AccordionItem","idOf","id","element","wrapsTriggerOnly","AccordionTrigger","AccordionPanel","misplacedMessage","headingLevelProp","accordion","isOpen","toggleValue","Heading","triggerElement","panelElement","parts","extra","children","keyed","key","trigger","panel","hasTrigger","hasPanel","triggerIdProp","panelIdProp","hasPanelContent","extraPanelContent","itemContext","panelSlot","idProp","item","inPanel","headingOutside","state","button","onClick","slot","Accordion"],"sources":["../../../src/components/layout/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  accordionClassNames,\n  accordionItemClassNames,\n  accordionPanelClassNames,\n  accordionTriggerClassNames,\n} from '../../lib/classNames';\nimport { flattenChildren, getElementType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { reportMissingContext, warnDeprecated, warnOnce } from '../../lib/dev';\nimport { ChevronDownIcon } from '../../lib/icons';\nimport { disabledStyles, focusRingInset } from '../../lib/styles';\nimport type { SelectionMode } from '../../lib/types';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useId } from '../../hooks/useId';\nimport { getPartId } from './disclosureIds';\n\n/** Heading level of the element that wraps each Accordion trigger. */\nexport type AccordionHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\n/* ------------------------------------------------------------------ */\n/*  Contexts                                                           */\n/* ------------------------------------------------------------------ */\n\ninterface AccordionContextValue {\n  openItems: readonly string[];\n  toggle: (value: string) => void;\n  /** Counts a mounted Item's value (warns when several Items share it); returns the unregister. */\n  registerItem: (value: string) => () => void;\n  baseId: string;\n  headingLevel: AccordionHeadingLevel;\n}\n\ninterface AccordionItemContextValue {\n  value: string;\n  isOpen: boolean;\n  /** Id of the trigger button: the consumer `id` of the Item's Trigger, else a generated one. */\n  triggerId: string;\n  /** Id of the panel region: the consumer `id` of the Item's Panel, else a generated one. */\n  panelId: string;\n  /** Whether the Item renders a panel region while open (a Panel, or other content). */\n  hasPanelContent: boolean;\n  headingLevel: AccordionHeadingLevel;\n  toggle: () => void;\n}\n\n/**\n * What an Accordion.Panel renders after its own children. Kept out of the item context, so a new\n * `extra` (a new array on every Item render) re-renders only the Panel.\n */\ninterface AccordionPanelSlotValue {\n  /** Children of the Item that are neither Trigger nor Panel: rendered after the Panel content. */\n  extra: React.ReactNode;\n  /** `true` inside a Panel's content, where a Trigger or Panel is misplaced. */\n  inPanel: boolean;\n}\n\nconst AccordionContext = React.createContext<AccordionContextValue | null>(null);\nconst AccordionItemContext = React.createContext<AccordionItemContextValue | null>(null);\nconst AccordionPanelSlotContext = React.createContext<AccordionPanelSlotValue | null>(null);\n\nconst EMPTY: readonly string[] = [];\n\nconst INERT_ACCORDION: AccordionContextValue = {\n  openItems: EMPTY,\n  toggle: () => {},\n  registerItem: () => () => {},\n  baseId: 'wave-accordion-inert',\n  headingLevel: 3,\n};\n\nconst INERT_ITEM: AccordionItemContextValue = {\n  value: '',\n  isOpen: false,\n  triggerId: 'wave-accordion-inert-trigger',\n  panelId: 'wave-accordion-inert-panel',\n  hasPanelContent: false,\n  headingLevel: 3,\n  toggle: () => {},\n};\n\nconst IN_PANEL: AccordionPanelSlotValue = { extra: null, inPanel: true };\n\n/**\n * `true` inside a wrapper component chain that holds only the item's Trigger (a Tooltip): the Item\n * renders the heading around the wrapper, so the Trigger renders its button without one.\n */\nconst AccordionHeadingOutsideContext = React.createContext(false);\n\n/**\n * Classes of the heading around each trigger button. `grid` stretches its child to the full row,\n * so a wrapper between the heading and the button (a Tooltip's inline-block `<span>`) does not\n * shrink the full-width button and move its chevron away from the row end.\n */\nconst HEADING_CLASS = 'm-0 grid';\n\n/**\n * C-CONTEXT: throws in development; in production logs once (`reportMissingContext`) and returns\n * the inert value.\n */\nfunction useAccordionContext(component: string): AccordionContextValue {\n  const context = React.useContext(AccordionContext);\n  if (context) return context;\n  reportMissingContext(component, '<Accordion>');\n  return INERT_ACCORDION;\n}\n\nfunction useAccordionItemContext(component: string): AccordionItemContextValue {\n  const context = React.useContext(AccordionItemContext);\n  if (context) return context;\n  reportMissingContext(component, '<Accordion.Item>');\n  return INERT_ITEM;\n}\n\nfunction warnDuplicateValue(value: string): void {\n  warnOnce(\n    `Accordion:duplicate:${value}`,\n    `Accordion: several items share the value \"${value}\". Item values must be unique within an ` +\n      'Accordion; items with the same value open and close together and share their trigger and ' +\n      'panel ids.',\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Accordion                                                          */\n/* ------------------------------------------------------------------ */\n\n/** Props shared by {@link AccordionSingleProps} and {@link AccordionMultipleProps}. */\nexport interface AccordionBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Level of the heading element (`<h1>`–`<h6>`) that wraps every trigger button (WAI-ARIA\n   * Accordion pattern). Each `Accordion.Item` can override it.\n   * @default 3\n   */\n  headingLevel?: AccordionHeadingLevel;\n  /** Ref to the root `<div>`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Props of an Accordion in which at most one item is open (the default). */\nexport interface AccordionSingleProps extends AccordionBaseProps {\n  /**\n   * Whether only one or multiple items can be open at a time.\n   * @default 'single'\n   */\n  type?: Extract<SelectionMode, 'single'>;\n  /** Controlled open item (`null`: every item closed). */\n  openItem?: string | null;\n  /** Initially open item for uncontrolled usage. */\n  defaultOpenItem?: string | null;\n  /** Called with the new open item (`null` when it closed) when it changes. */\n  onOpenItemChange?: (openItem: string | null) => void;\n  /** @deprecated Use `openItem` (single mode); `openItems` belongs to `type=\"multiple\"`. */\n  openItems?: readonly string[];\n  /**\n   * @deprecated Use `defaultOpenItem` (single mode); `defaultOpenItems` belongs to\n   * `type=\"multiple\"`.\n   */\n  defaultOpenItems?: readonly string[];\n  /**\n   * @deprecated Use `onOpenItemChange` (single mode); `onOpenItemsChange` belongs to\n   * `type=\"multiple\"`.\n   */\n  onOpenItemsChange?: (openItems: string[]) => void;\n}\n\n/** Props of an Accordion in which any number of items can be open. */\nexport interface AccordionMultipleProps extends AccordionBaseProps {\n  /** Whether only one or multiple items can be open at a time. */\n  type: Extract<SelectionMode, 'multiple'>;\n  /** Controlled array of open item values (a readonly array is accepted). */\n  openItems?: readonly string[];\n  /**\n   * Initially open items for uncontrolled usage.\n   * @default []\n   */\n  defaultOpenItems?: readonly string[];\n  /** Called with the new open items (a new array) when they change. */\n  onOpenItemsChange?: (openItems: string[]) => void;\n  openItem?: never;\n  defaultOpenItem?: never;\n  onOpenItemChange?: never;\n}\n\n/**\n * Properties for the Accordion component: a discriminated union on `type`. Single mode\n * (default) uses `openItem`/`defaultOpenItem`/`onOpenItemChange`; `type=\"multiple\"` uses\n * `openItems`/`defaultOpenItems`/`onOpenItemsChange`.\n *\n * A union cannot be extended by an `interface` (TS2312), which 0.4's interface allowed: extend\n * `AccordionSingleProps` or `AccordionMultipleProps` instead\n * (`interface MyProps extends AccordionSingleProps {}`), or intersect the union\n * (`type MyProps = AccordionProps & { … }`).\n */\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps;\n\nfunction toItems(value: string | null | undefined): readonly string[] | undefined {\n  if (value === undefined) return undefined;\n  return value === null ? EMPTY : [value];\n}\n\n// The Accordion root, documented on the exported `Accordion` const.\nconst AccordionRoot = (props: AccordionProps) => {\n  const {\n    type,\n    openItem,\n    defaultOpenItem,\n    onOpenItemChange,\n    openItems: openItemsProp,\n    defaultOpenItems,\n    onOpenItemsChange,\n    headingLevel = 3,\n    className,\n    children,\n    ref,\n    ...rest\n  } = props as Omit<AccordionSingleProps, 'type'> & { type?: SelectionMode };\n  const multiple = type === 'multiple';\n\n  if (!multiple) {\n    if (openItemsProp !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'openItems',\n        'openItem',\n        'In single mode the Accordion takes one value.',\n      );\n    }\n    if (defaultOpenItems !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'defaultOpenItems',\n        'defaultOpenItem',\n        'In single mode the Accordion takes one value.',\n      );\n    }\n    if (onOpenItemsChange !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'onOpenItemsChange',\n        'onOpenItemChange',\n        'In single mode the Accordion reports one value.',\n      );\n    }\n  }\n\n  const controlledSingle = multiple ? undefined : openItem;\n  const controlled = React.useMemo(\n    () => toItems(controlledSingle) ?? openItemsProp,\n    [controlledSingle, openItemsProp],\n  );\n  const [initialItems] = React.useState(\n    () => (multiple ? undefined : toItems(defaultOpenItem)) ?? defaultOpenItems ?? EMPTY,\n  );\n\n  const handleChange = (next: readonly string[]) => {\n    const list = [...next];\n    if (!multiple) onOpenItemChange?.(list[0] ?? null);\n    onOpenItemsChange?.(list);\n  };\n\n  const [openItems, setOpenItems] = useControllable<readonly string[]>(\n    controlled,\n    initialItems,\n    handleChange,\n  );\n\n  const openCount = openItems.length;\n  React.useEffect(() => {\n    if (!multiple && openCount > 1) {\n      warnOnce(\n        'Accordion:single-multiple-open',\n        `Accordion: type=\"single\" allows one open item, but ${openCount} are open. Pass \\`openItem\\`, or use type=\"multiple\".`,\n      );\n    }\n  }, [multiple, openCount]);\n\n  const toggle = React.useCallback(\n    (value: string) => {\n      setOpenItems((prev) => {\n        if (prev.includes(value)) return prev.filter((v) => v !== value);\n        return multiple ? [...prev, value] : [value];\n      });\n    },\n    [multiple, setOpenItems],\n  );\n\n  // How many mounted Items hold each value, to warn about a repeated value (C-DEV). Only the Items'\n  // effects touch it (through `registerItem`), never render.\n  const itemCountsRef = React.useRef<Map<string, number>>(null);\n  const registerItem = React.useCallback((value: string) => {\n    itemCountsRef.current ??= new Map();\n    const counts = itemCountsRef.current;\n    const count = (counts.get(value) ?? 0) + 1;\n    counts.set(value, count);\n    if (count > 1) warnDuplicateValue(value);\n    return () => {\n      const remaining = (counts.get(value) ?? 1) - 1;\n      if (remaining > 0) counts.set(value, remaining);\n      else counts.delete(value);\n    };\n  }, []);\n\n  const baseId = useId('accordion');\n  const context = React.useMemo<AccordionContextValue>(\n    () => ({ openItems, toggle, registerItem, baseId, headingLevel }),\n    [openItems, toggle, registerItem, baseId, headingLevel],\n  );\n\n  return (\n    <AccordionContext.Provider value={context}>\n      {/* A nested Accordion's direct children are not inside the outer Item. */}\n      <AccordionItemContext.Provider value={null}>\n        <AccordionPanelSlotContext.Provider value={null}>\n          <AccordionHeadingOutsideContext.Provider value={false}>\n            <div\n              ref={ref}\n              className={cn(accordionClassNames.root, 'divide-y divide-border', className)}\n              {...rest}\n            >\n              {children}\n            </div>\n          </AccordionHeadingOutsideContext.Provider>\n        </AccordionPanelSlotContext.Provider>\n      </AccordionItemContext.Provider>\n    </AccordionContext.Provider>\n  );\n};\nAccordionRoot.displayName = 'Accordion';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Item                                                     */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionItem sub-component. */\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Unique value identifying this accordion item. */\n  value: string;\n  /** Heading level of this item's trigger; overrides the Accordion's `headingLevel`. */\n  headingLevel?: AccordionHeadingLevel;\n  /** Ref to the item `<div>`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\ninterface PartProps {\n  id?: unknown;\n  children?: unknown;\n}\n\n/**\n * The first `part` element in `node`: the node itself, or an element found through Fragments\n * and the `children` of wrapper elements (a Tooltip around a Trigger). The search does not enter\n * `barrier` elements or a nested Accordion/Item, and cannot see what a component renders itself.\n * Parts are identified by their unwrapped element type, so parts written in a Server Component\n * (lazy client references) are found too. A `React.lazy` still loading (content inside the\n * consumer's own `<Suspense>`) is no part and never suspends the Item: its children are searched.\n */\nfunction findPart(\n  node: unknown,\n  part: React.ElementType,\n  barrier: React.ElementType,\n): React.ReactElement<PartProps> | undefined {\n  if (Array.isArray(node)) {\n    for (const child of node) {\n      const found = findPart(child, part, barrier);\n      if (found) return found;\n    }\n    return undefined;\n  }\n  if (!React.isValidElement<PartProps>(node)) return undefined;\n  const type = getElementType(node, { suspend: false });\n  if (type === part) return node;\n  if (type === barrier || type === AccordionRoot || type === AccordionItem) return undefined;\n  return findPart(node.props.children, part, barrier);\n}\n\n/**\n * The consumer `id` of a Trigger or Panel element, if it has one. An empty `id` counts as none,\n * here and where the Trigger and Panel render their id (`idProp || generated`).\n */\nfunction idOf(element: React.ReactElement<PartProps> | undefined): string | undefined {\n  const id = element?.props.id;\n  return typeof id === 'string' && id !== '' ? id : undefined;\n}\n\n/**\n * Whether `node` is a chain of wrapper components, each with the next as its only child, that ends\n * at an Accordion.Trigger: a Tooltip around the Trigger. The Item puts the heading around such a\n * chain instead of inside it, so no heading ends up in a wrapper's phrasing `<span>`. Elements\n * (`<div>`, `<span>`) render as written: the heading stays inside them.\n */\nfunction wrapsTriggerOnly(node: unknown): boolean {\n  if (!React.isValidElement<PartProps>(node)) return false;\n  const type = getElementType(node, { suspend: false });\n  if (\n    typeof type === 'string' ||\n    type === AccordionTrigger ||\n    type === AccordionPanel ||\n    type === AccordionRoot ||\n    type === AccordionItem\n  ) {\n    return false;\n  }\n  const child = node.props.children as React.ReactNode;\n  return getElementType(child, { suspend: false }) === AccordionTrigger || wrapsTriggerOnly(child);\n}\n\nfunction misplacedMessage(component: 'Accordion.Trigger' | 'Accordion.Panel'): string {\n  return (\n    `${component} was rendered inside the panel of an Accordion.Item, so it is not the item's ` +\n    `${component === 'Accordion.Trigger' ? 'header' : 'panel'}. Place Accordion.Trigger and ` +\n    'Accordion.Panel directly in Accordion.Item, in a Fragment, or in an element that wraps them ' +\n    'as `children` (such as a Tooltip). The Item cannot see inside a component that renders them ' +\n    'itself and treats that component as panel content.'\n  );\n}\n\n/**\n * One section of an Accordion. Place an `Accordion.Trigger` and an `Accordion.Panel` inside it:\n * directly, in a Fragment, or in an element that wraps them as `children` (for example a Tooltip\n * around the Trigger). A component that renders a Trigger or Panel itself is not seen through: it\n * counts as panel content, and a development warning says so.\n *\n * The trigger button sits in a heading (`headingLevel`). A wrapper component whose only child is\n * the Trigger (a Tooltip, also several nested) goes inside that heading, around the button, so\n * the heading never ends up in the wrapper's inline `<span>` and the button keeps the full row.\n * An element such as a `<div>`, or a wrapper that holds more than the Trigger, renders as written,\n * with the heading inside it.\n *\n * Without a Trigger the item's `value` is the button label. Other children (plain text included)\n * are rendered in the panel, after the Panel's own content.\n */\nconst AccordionItem = ({\n  value,\n  headingLevel: headingLevelProp,\n  className,\n  children,\n  ref,\n  ...rest\n}: AccordionItemProps) => {\n  const accordion = useAccordionContext('Accordion.Item');\n  const isOpen = accordion.openItems.includes(value);\n  const { toggle: toggleValue, baseId, registerItem } = accordion;\n  React.useEffect(() => registerItem(value), [registerItem, value]);\n  const headingLevel = headingLevelProp ?? accordion.headingLevel;\n  const Heading: `h${AccordionHeadingLevel}` = `h${headingLevel}`;\n\n  let triggerElement: React.ReactElement<PartProps> | undefined;\n  let panelElement: React.ReactElement<PartProps> | undefined;\n  const parts: React.ReactNode[] = [];\n  const extra: React.ReactNode[] = [];\n  for (const { key, node: child } of flattenChildren(children)) {\n    const keyed = <React.Fragment key={key}>{child}</React.Fragment>;\n    const trigger = findPart(child, AccordionTrigger, AccordionPanel);\n    const panel = findPart(child, AccordionPanel, AccordionTrigger);\n    if (trigger || panel) {\n      triggerElement ??= trigger;\n      panelElement ??= panel;\n      parts.push(\n        wrapsTriggerOnly(child) ? (\n          <Heading key={key} className={cn(accordionTriggerClassNames.heading, HEADING_CLASS)}>\n            <AccordionHeadingOutsideContext.Provider value={true}>\n              {child}\n            </AccordionHeadingOutsideContext.Provider>\n          </Heading>\n        ) : (\n          keyed\n        ),\n      );\n    } else {\n      extra.push(keyed);\n    }\n  }\n  const hasTrigger = triggerElement !== undefined;\n  const hasPanel = panelElement !== undefined;\n  const triggerIdProp = idOf(triggerElement);\n  const panelIdProp = idOf(panelElement);\n  const hasPanelContent = hasPanel || extra.length > 0;\n  const extraPanelContent = hasPanel && extra.length > 0 ? extra : null;\n\n  const itemContext = React.useMemo<AccordionItemContextValue>(\n    () => ({\n      value,\n      isOpen,\n      triggerId: triggerIdProp ?? getPartId(baseId, 'trigger', value),\n      panelId: panelIdProp ?? getPartId(baseId, 'panel', value),\n      hasPanelContent,\n      headingLevel,\n      toggle: () => toggleValue(value),\n    }),\n    [value, isOpen, baseId, triggerIdProp, panelIdProp, hasPanelContent, headingLevel, toggleValue],\n  );\n  const panelSlot = React.useMemo<AccordionPanelSlotValue>(\n    () => ({ extra: extraPanelContent, inPanel: false }),\n    [extraPanelContent],\n  );\n\n  return (\n    <AccordionItemContext.Provider value={itemContext}>\n      <AccordionPanelSlotContext.Provider value={panelSlot}>\n        <div\n          ref={ref}\n          data-state={isOpen ? 'open' : 'closed'}\n          className={cn(accordionItemClassNames.root, className)}\n          {...rest}\n        >\n          {hasTrigger ? null : <AccordionTrigger>{value}</AccordionTrigger>}\n          {parts}\n          {!hasPanel && extra.length > 0 ? <AccordionPanel>{extra}</AccordionPanel> : null}\n        </div>\n      </AccordionPanelSlotContext.Provider>\n    </AccordionItemContext.Provider>\n  );\n};\nAccordionItem.displayName = 'AccordionItem';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Trigger                                                  */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionTrigger sub-component (merged onto the trigger `<button>`). */\nexport interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Ref to the trigger `<button>`. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * The button that opens and closes its Accordion.Item, wrapped in a heading (`headingLevel`); when\n * it is the only child of a wrapper component in the Item (a Tooltip), the heading goes around\n * that wrapper instead (see `Accordion.Item`). Its props land on the `<button>`: `className` is\n * merged (yours wins), `onClick` runs before the toggle (call `event.preventDefault()` to keep the\n * item as it is), `ref` receives the button, and a non-empty `id` replaces the generated one (the\n * panel's `aria-labelledby` follows it).\n */\nconst AccordionTrigger = ({\n  id: idProp,\n  className,\n  children,\n  onClick,\n  ref,\n  ...rest\n}: AccordionTriggerProps) => {\n  const item = useAccordionItemContext('Accordion.Trigger');\n  const inPanel = React.useContext(AccordionPanelSlotContext)?.inPanel ?? false;\n  React.useEffect(() => {\n    if (inPanel) {\n      warnOnce('Accordion.Trigger:inside-panel', misplacedMessage('Accordion.Trigger'));\n    }\n  }, [inPanel]);\n  const headingOutside = React.useContext(AccordionHeadingOutsideContext);\n  const Heading: `h${AccordionHeadingLevel}` = `h${item.headingLevel}`;\n  const state = item.isOpen ? 'open' : 'closed';\n\n  const button = (\n    <button\n      type=\"button\"\n      className={cn(\n        accordionTriggerClassNames.root,\n        'flex w-full items-center justify-between gap-2 px-4 py-3 text-start text-body-1 font-semibold text-foreground',\n        'not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed',\n        disabledStyles,\n        focusRingInset,\n        className,\n      )}\n      {...rest}\n      // A misplaced Trigger (inside the panel) still toggles, but only the item's own trigger\n      // carries the item's id and panel reference.\n      id={idProp || (inPanel ? undefined : item.triggerId)}\n      // Only a panel region the item renders is referenced (none without panel content).\n      aria-controls={!inPanel && item.hasPanelContent ? item.panelId : undefined}\n      aria-expanded={item.isOpen}\n      data-state={state}\n      onClick={composeEventHandlers(onClick, item.toggle)}\n      ref={ref}\n    >\n      {children}\n      <ChevronDownIcon\n        size={16}\n        className={cn(\n          accordionTriggerClassNames.expandIcon,\n          'shrink-0 transition-transform motion-reduce:transition-none',\n          item.isOpen && 'rotate-180',\n        )}\n      />\n    </button>\n  );\n  // Inside a wrapper chain (a Tooltip) the Item has rendered the heading around the wrapper.\n  return headingOutside ? (\n    button\n  ) : (\n    <Heading className={cn(accordionTriggerClassNames.heading, HEADING_CLASS)}>{button}</Heading>\n  );\n};\nAccordionTrigger.displayName = 'AccordionTrigger';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Panel                                                    */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionPanel sub-component (merged onto the `role=\"region\"` element). */\nexport interface AccordionPanelProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Ref to the panel `<div role=\"region\">`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * The content region of an Accordion.Item, rendered only while the item is open and labelled by\n * its trigger. Its props (className merged, `ref`, `data-*`, handlers) land on the region, and a\n * non-empty `id` replaces the generated one (the trigger's `aria-controls` follows it).\n */\nconst AccordionPanel = ({ id: idProp, className, children, ref, ...rest }: AccordionPanelProps) => {\n  const item = useAccordionItemContext('Accordion.Panel');\n  const slot = React.useContext(AccordionPanelSlotContext);\n  const inPanel = slot?.inPanel ?? false;\n  React.useEffect(() => {\n    if (inPanel) warnOnce('Accordion.Panel:inside-panel', misplacedMessage('Accordion.Panel'));\n  }, [inPanel]);\n  if (!item.isOpen) return null;\n  if (inPanel) {\n    // Misplaced: its content joins the enclosing region (one region and one panel id per item).\n    return (\n      <div\n        className={cn(accordionPanelClassNames.root, className)}\n        {...rest}\n        id={idProp || undefined}\n        ref={ref}\n      >\n        {children}\n      </div>\n    );\n  }\n  return (\n    <AccordionPanelSlotContext.Provider value={IN_PANEL}>\n      <div\n        role=\"region\"\n        className={cn(\n          accordionPanelClassNames.root,\n          'px-4 pb-3 text-body-1 text-muted-foreground',\n          className,\n        )}\n        {...rest}\n        id={idProp || item.panelId}\n        aria-labelledby={item.triggerId}\n        data-state=\"open\"\n        ref={ref}\n      >\n        {children}\n        {slot?.extra}\n      </div>\n    </AccordionPanelSlotContext.Provider>\n  );\n};\nAccordionPanel.displayName = 'AccordionPanel';\n\n/* ------------------------------------------------------------------ */\n/*  Export                                                             */\n/* ------------------------------------------------------------------ */\n\n/**\n * A vertically stacked set of disclosure sections (WAI-ARIA Accordion pattern). Each\n * `Accordion.Item` renders an `Accordion.Trigger` button inside a heading (`headingLevel`) and an\n * `Accordion.Panel` region that is shown while the item is open.\n *\n * Single mode (the default) keeps at most one item open (`openItem`, `defaultOpenItem`,\n * `onOpenItemChange`); `type=\"multiple\"` lets any number of items open (`openItems`,\n * `defaultOpenItems`, `onOpenItemsChange`). Each Item's `value` must be unique within its\n * Accordion: a development warning names a repeated value.\n *\n * Sub-components are also exported under flat names (`AccordionItem`, `AccordionTrigger`,\n * `AccordionPanel`) for React Server Components, which cannot use the dotted form.\n */\nexport const Accordion = /* @__PURE__ */ Object.assign(AccordionRoot, {\n  Item: AccordionItem,\n  Trigger: AccordionTrigger,\n  Panel: AccordionPanel,\n});\n\nexport { AccordionItem, AccordionTrigger, AccordionPanel };\n"],"mappings":"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"}
+{"version":3,"file":"Accordion.cjs","names":["React","useControllable","useId","cn","accordionClassNames","getElementType","flattenChildren","accordionTriggerClassNames","getPartId","accordionItemClassNames","disabledStyles","focusRingInset","composeEventHandlers","ChevronDownIcon","accordionPanelClassNames","require_runtime","require_cn","require_children","require_dev","require_composeEventHandlers","require_classNames","require_useControllable","require_useId","require_styles","require_icons","require_disclosureIds","react","react_jsx_runtime","AccordionContext","AccordionItemContext","AccordionPanelSlotContext","EMPTY","INERT_ACCORDION","INERT_ITEM","IN_PANEL","AccordionHeadingOutsideContext","HEADING_CLASS","useAccordionContext","component","useAccordionItemContext","warnDuplicateValue","value","toItems","AccordionRoot","openItemsProp","rest","props","multiple","type","defaultOpenItems","onOpenItemsChange","controlledSingle","openItem","controlled","initialItems","defaultOpenItem","openItems","setOpenItems","list","next","onOpenItemChange","openCount","toggle","prev","v","itemCountsRef","registerItem","counts","count","remaining","baseId","context","headingLevel","className","findPart","node","child","found","part","barrier","AccordionItem","idOf","id","element","wrapsTriggerOnly","AccordionTrigger","AccordionPanel","misplacedMessage","headingLevelProp","accordion","isOpen","toggleValue","Heading","triggerElement","panelElement","parts","extra","children","keyed","key","trigger","panel","hasTrigger","hasPanel","triggerIdProp","panelIdProp","hasPanelContent","extraPanelContent","itemContext","panelSlot","idProp","item","inPanel","headingOutside","state","button","onClick","slot","Accordion"],"sources":["../../../src/components/layout/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  accordionClassNames,\n  accordionItemClassNames,\n  accordionPanelClassNames,\n  accordionTriggerClassNames,\n} from '../../lib/classNames';\nimport { flattenChildren, getElementType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { reportMissingContext, warnDeprecated, warnOnce } from '../../lib/dev';\nimport { ChevronDownIcon } from '../../lib/icons';\nimport { disabledStyles, focusRingInset } from '../../lib/styles';\nimport type { HeadingLevel, SelectionMode } from '../../lib/types';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useId } from '../../hooks/useId';\nimport { getPartId } from './disclosureIds';\n\n/** Heading level of the element that wraps each Accordion trigger: the shared {@link HeadingLevel}. */\nexport type AccordionHeadingLevel = HeadingLevel;\n\n/* ------------------------------------------------------------------ */\n/*  Contexts                                                           */\n/* ------------------------------------------------------------------ */\n\ninterface AccordionContextValue {\n  openItems: readonly string[];\n  toggle: (value: string) => void;\n  /** Counts a mounted Item's value (warns when several Items share it); returns the unregister. */\n  registerItem: (value: string) => () => void;\n  baseId: string;\n  headingLevel: AccordionHeadingLevel;\n}\n\ninterface AccordionItemContextValue {\n  value: string;\n  isOpen: boolean;\n  /** Id of the trigger button: the consumer `id` of the Item's Trigger, else a generated one. */\n  triggerId: string;\n  /** Id of the panel region: the consumer `id` of the Item's Panel, else a generated one. */\n  panelId: string;\n  /** Whether the Item renders a panel region while open (a Panel, or other content). */\n  hasPanelContent: boolean;\n  headingLevel: AccordionHeadingLevel;\n  toggle: () => void;\n}\n\n/**\n * What an Accordion.Panel renders after its own children. Kept out of the item context, so a new\n * `extra` (a new array on every Item render) re-renders only the Panel.\n */\ninterface AccordionPanelSlotValue {\n  /** Children of the Item that are neither Trigger nor Panel: rendered after the Panel content. */\n  extra: React.ReactNode;\n  /** `true` inside a Panel's content, where a Trigger or Panel is misplaced. */\n  inPanel: boolean;\n}\n\nconst AccordionContext = React.createContext<AccordionContextValue | null>(null);\nconst AccordionItemContext = React.createContext<AccordionItemContextValue | null>(null);\nconst AccordionPanelSlotContext = React.createContext<AccordionPanelSlotValue | null>(null);\n\nconst EMPTY: readonly string[] = [];\n\nconst INERT_ACCORDION: AccordionContextValue = {\n  openItems: EMPTY,\n  toggle: () => {},\n  registerItem: () => () => {},\n  baseId: 'wave-accordion-inert',\n  headingLevel: 3,\n};\n\nconst INERT_ITEM: AccordionItemContextValue = {\n  value: '',\n  isOpen: false,\n  triggerId: 'wave-accordion-inert-trigger',\n  panelId: 'wave-accordion-inert-panel',\n  hasPanelContent: false,\n  headingLevel: 3,\n  toggle: () => {},\n};\n\nconst IN_PANEL: AccordionPanelSlotValue = { extra: null, inPanel: true };\n\n/**\n * `true` inside a wrapper component chain that holds only the item's Trigger (a Tooltip): the Item\n * renders the heading around the wrapper, so the Trigger renders its button without one.\n */\nconst AccordionHeadingOutsideContext = React.createContext(false);\n\n/**\n * Classes of the heading around each trigger button. `grid` stretches its child to the full row,\n * so a wrapper between the heading and the button (a Tooltip's inline-block `<span>`) does not\n * shrink the full-width button and move its chevron away from the row end.\n */\nconst HEADING_CLASS = 'm-0 grid';\n\n/**\n * C-CONTEXT: throws in development; in production logs once (`reportMissingContext`) and returns\n * the inert value.\n */\nfunction useAccordionContext(component: string): AccordionContextValue {\n  const context = React.useContext(AccordionContext);\n  if (context) return context;\n  reportMissingContext(component, '<Accordion>');\n  return INERT_ACCORDION;\n}\n\nfunction useAccordionItemContext(component: string): AccordionItemContextValue {\n  const context = React.useContext(AccordionItemContext);\n  if (context) return context;\n  reportMissingContext(component, '<Accordion.Item>');\n  return INERT_ITEM;\n}\n\nfunction warnDuplicateValue(value: string): void {\n  warnOnce(\n    `Accordion:duplicate:${value}`,\n    `Accordion: several items share the value \"${value}\". Item values must be unique within an ` +\n      'Accordion; items with the same value open and close together and share their trigger and ' +\n      'panel ids.',\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Accordion                                                          */\n/* ------------------------------------------------------------------ */\n\n/** Props shared by {@link AccordionSingleProps} and {@link AccordionMultipleProps}. */\nexport interface AccordionBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Level of the heading element (`<h1>`–`<h6>`) that wraps every trigger button (WAI-ARIA\n   * Accordion pattern). Each `Accordion.Item` can override it.\n   * @default 3\n   */\n  headingLevel?: AccordionHeadingLevel;\n  /** Ref to the root `<div>`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Props of an Accordion in which at most one item is open (the default). */\nexport interface AccordionSingleProps extends AccordionBaseProps {\n  /**\n   * Whether only one or multiple items can be open at a time.\n   * @default 'single'\n   */\n  type?: Extract<SelectionMode, 'single'>;\n  /** Controlled open item (`null`: every item closed). */\n  openItem?: string | null;\n  /** Initially open item for uncontrolled usage. */\n  defaultOpenItem?: string | null;\n  /** Called with the new open item (`null` when it closed) when it changes. */\n  onOpenItemChange?: (openItem: string | null) => void;\n  /** @deprecated Use `openItem` (single mode); `openItems` belongs to `type=\"multiple\"`. */\n  openItems?: readonly string[];\n  /**\n   * @deprecated Use `defaultOpenItem` (single mode); `defaultOpenItems` belongs to\n   * `type=\"multiple\"`.\n   */\n  defaultOpenItems?: readonly string[];\n  /**\n   * @deprecated Use `onOpenItemChange` (single mode); `onOpenItemsChange` belongs to\n   * `type=\"multiple\"`.\n   */\n  onOpenItemsChange?: (openItems: string[]) => void;\n}\n\n/** Props of an Accordion in which any number of items can be open. */\nexport interface AccordionMultipleProps extends AccordionBaseProps {\n  /** Whether only one or multiple items can be open at a time. */\n  type: Extract<SelectionMode, 'multiple'>;\n  /** Controlled array of open item values (a readonly array is accepted). */\n  openItems?: readonly string[];\n  /**\n   * Initially open items for uncontrolled usage.\n   * @default []\n   */\n  defaultOpenItems?: readonly string[];\n  /** Called with the new open items (a new array) when they change. */\n  onOpenItemsChange?: (openItems: string[]) => void;\n  openItem?: never;\n  defaultOpenItem?: never;\n  onOpenItemChange?: never;\n}\n\n/**\n * Properties for the Accordion component: a discriminated union on `type`. Single mode\n * (default) uses `openItem`/`defaultOpenItem`/`onOpenItemChange`; `type=\"multiple\"` uses\n * `openItems`/`defaultOpenItems`/`onOpenItemsChange`.\n *\n * A union cannot be extended by an `interface` (TS2312), which 0.4's interface allowed: extend\n * `AccordionSingleProps` or `AccordionMultipleProps` instead\n * (`interface MyProps extends AccordionSingleProps {}`), or intersect the union\n * (`type MyProps = AccordionProps & { … }`).\n */\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps;\n\nfunction toItems(value: string | null | undefined): readonly string[] | undefined {\n  if (value === undefined) return undefined;\n  return value === null ? EMPTY : [value];\n}\n\n// The Accordion root, documented on the exported `Accordion` const.\nconst AccordionRoot = (props: AccordionProps) => {\n  const {\n    type,\n    openItem,\n    defaultOpenItem,\n    onOpenItemChange,\n    openItems: openItemsProp,\n    defaultOpenItems,\n    onOpenItemsChange,\n    headingLevel = 3,\n    className,\n    children,\n    ref,\n    ...rest\n  } = props as Omit<AccordionSingleProps, 'type'> & { type?: SelectionMode };\n  const multiple = type === 'multiple';\n\n  if (!multiple) {\n    if (openItemsProp !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'openItems',\n        'openItem',\n        'In single mode the Accordion takes one value.',\n      );\n    }\n    if (defaultOpenItems !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'defaultOpenItems',\n        'defaultOpenItem',\n        'In single mode the Accordion takes one value.',\n      );\n    }\n    if (onOpenItemsChange !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'onOpenItemsChange',\n        'onOpenItemChange',\n        'In single mode the Accordion reports one value.',\n      );\n    }\n  }\n\n  const controlledSingle = multiple ? undefined : openItem;\n  const controlled = React.useMemo(\n    () => toItems(controlledSingle) ?? openItemsProp,\n    [controlledSingle, openItemsProp],\n  );\n  const [initialItems] = React.useState(\n    () => (multiple ? undefined : toItems(defaultOpenItem)) ?? defaultOpenItems ?? EMPTY,\n  );\n\n  const handleChange = (next: readonly string[]) => {\n    const list = [...next];\n    if (!multiple) onOpenItemChange?.(list[0] ?? null);\n    onOpenItemsChange?.(list);\n  };\n\n  const [openItems, setOpenItems] = useControllable<readonly string[]>(\n    controlled,\n    initialItems,\n    handleChange,\n  );\n\n  const openCount = openItems.length;\n  React.useEffect(() => {\n    if (!multiple && openCount > 1) {\n      warnOnce(\n        'Accordion:single-multiple-open',\n        `Accordion: type=\"single\" allows one open item, but ${openCount} are open. Pass \\`openItem\\`, or use type=\"multiple\".`,\n      );\n    }\n  }, [multiple, openCount]);\n\n  const toggle = React.useCallback(\n    (value: string) => {\n      setOpenItems((prev) => {\n        if (prev.includes(value)) return prev.filter((v) => v !== value);\n        return multiple ? [...prev, value] : [value];\n      });\n    },\n    [multiple, setOpenItems],\n  );\n\n  // How many mounted Items hold each value, to warn about a repeated value (C-DEV). Only the Items'\n  // effects touch it (through `registerItem`), never render.\n  const itemCountsRef = React.useRef<Map<string, number>>(null);\n  const registerItem = React.useCallback((value: string) => {\n    itemCountsRef.current ??= new Map();\n    const counts = itemCountsRef.current;\n    const count = (counts.get(value) ?? 0) + 1;\n    counts.set(value, count);\n    if (count > 1) warnDuplicateValue(value);\n    return () => {\n      const remaining = (counts.get(value) ?? 1) - 1;\n      if (remaining > 0) counts.set(value, remaining);\n      else counts.delete(value);\n    };\n  }, []);\n\n  const baseId = useId('accordion');\n  const context = React.useMemo<AccordionContextValue>(\n    () => ({ openItems, toggle, registerItem, baseId, headingLevel }),\n    [openItems, toggle, registerItem, baseId, headingLevel],\n  );\n\n  return (\n    <AccordionContext.Provider value={context}>\n      {/* A nested Accordion's direct children are not inside the outer Item. */}\n      <AccordionItemContext.Provider value={null}>\n        <AccordionPanelSlotContext.Provider value={null}>\n          <AccordionHeadingOutsideContext.Provider value={false}>\n            <div\n              ref={ref}\n              className={cn(accordionClassNames.root, 'divide-y divide-border', className)}\n              {...rest}\n            >\n              {children}\n            </div>\n          </AccordionHeadingOutsideContext.Provider>\n        </AccordionPanelSlotContext.Provider>\n      </AccordionItemContext.Provider>\n    </AccordionContext.Provider>\n  );\n};\nAccordionRoot.displayName = 'Accordion';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Item                                                     */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionItem sub-component. */\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Unique value identifying this accordion item. */\n  value: string;\n  /** Heading level of this item's trigger; overrides the Accordion's `headingLevel`. */\n  headingLevel?: AccordionHeadingLevel;\n  /** Ref to the item `<div>`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\ninterface PartProps {\n  id?: unknown;\n  children?: unknown;\n}\n\n/**\n * The first `part` element in `node`: the node itself, or an element found through Fragments\n * and the `children` of wrapper elements (a Tooltip around a Trigger). The search does not enter\n * `barrier` elements or a nested Accordion/Item, and cannot see what a component renders itself.\n * Parts are identified by their unwrapped element type, so parts written in a Server Component\n * (lazy client references) are found too. A `React.lazy` still loading (content inside the\n * consumer's own `<Suspense>`) is no part and never suspends the Item: its children are searched.\n */\nfunction findPart(\n  node: unknown,\n  part: React.ElementType,\n  barrier: React.ElementType,\n): React.ReactElement<PartProps> | undefined {\n  if (Array.isArray(node)) {\n    for (const child of node) {\n      const found = findPart(child, part, barrier);\n      if (found) return found;\n    }\n    return undefined;\n  }\n  if (!React.isValidElement<PartProps>(node)) return undefined;\n  const type = getElementType(node, { suspend: false });\n  if (type === part) return node;\n  if (type === barrier || type === AccordionRoot || type === AccordionItem) return undefined;\n  return findPart(node.props.children, part, barrier);\n}\n\n/**\n * The consumer `id` of a Trigger or Panel element, if it has one. An empty `id` counts as none,\n * here and where the Trigger and Panel render their id (`idProp || generated`).\n */\nfunction idOf(element: React.ReactElement<PartProps> | undefined): string | undefined {\n  const id = element?.props.id;\n  return typeof id === 'string' && id !== '' ? id : undefined;\n}\n\n/**\n * Whether `node` is a chain of wrapper components, each with the next as its only child, that ends\n * at an Accordion.Trigger: a Tooltip around the Trigger. The Item puts the heading around such a\n * chain instead of inside it, so no heading ends up in a wrapper's phrasing `<span>`. Elements\n * (`<div>`, `<span>`) render as written: the heading stays inside them.\n */\nfunction wrapsTriggerOnly(node: unknown): boolean {\n  if (!React.isValidElement<PartProps>(node)) return false;\n  const type = getElementType(node, { suspend: false });\n  if (\n    typeof type === 'string' ||\n    type === AccordionTrigger ||\n    type === AccordionPanel ||\n    type === AccordionRoot ||\n    type === AccordionItem\n  ) {\n    return false;\n  }\n  const child = node.props.children as React.ReactNode;\n  return getElementType(child, { suspend: false }) === AccordionTrigger || wrapsTriggerOnly(child);\n}\n\nfunction misplacedMessage(component: 'Accordion.Trigger' | 'Accordion.Panel'): string {\n  return (\n    `${component} was rendered inside the panel of an Accordion.Item, so it is not the item's ` +\n    `${component === 'Accordion.Trigger' ? 'header' : 'panel'}. Place Accordion.Trigger and ` +\n    'Accordion.Panel directly in Accordion.Item, in a Fragment, or in an element that wraps them ' +\n    'as `children` (such as a Tooltip). The Item cannot see inside a component that renders them ' +\n    'itself and treats that component as panel content.'\n  );\n}\n\n/**\n * One section of an Accordion. Place an `Accordion.Trigger` and an `Accordion.Panel` inside it:\n * directly, in a Fragment, or in an element that wraps them as `children` (for example a Tooltip\n * around the Trigger). A component that renders a Trigger or Panel itself is not seen through: it\n * counts as panel content, and a development warning says so.\n *\n * The trigger button sits in a heading (`headingLevel`). A wrapper component whose only child is\n * the Trigger (a Tooltip, also several nested) goes inside that heading, around the button, so\n * the heading never ends up in the wrapper's inline `<span>` and the button keeps the full row.\n * An element such as a `<div>`, or a wrapper that holds more than the Trigger, renders as written,\n * with the heading inside it.\n *\n * Without a Trigger the item's `value` is the button label. Other children (plain text included)\n * are rendered in the panel, after the Panel's own content.\n */\nconst AccordionItem = ({\n  value,\n  headingLevel: headingLevelProp,\n  className,\n  children,\n  ref,\n  ...rest\n}: AccordionItemProps) => {\n  const accordion = useAccordionContext('Accordion.Item');\n  const isOpen = accordion.openItems.includes(value);\n  const { toggle: toggleValue, baseId, registerItem } = accordion;\n  React.useEffect(() => registerItem(value), [registerItem, value]);\n  const headingLevel = headingLevelProp ?? accordion.headingLevel;\n  const Heading: `h${AccordionHeadingLevel}` = `h${headingLevel}`;\n\n  let triggerElement: React.ReactElement<PartProps> | undefined;\n  let panelElement: React.ReactElement<PartProps> | undefined;\n  const parts: React.ReactNode[] = [];\n  const extra: React.ReactNode[] = [];\n  for (const { key, node: child } of flattenChildren(children)) {\n    const keyed = <React.Fragment key={key}>{child}</React.Fragment>;\n    const trigger = findPart(child, AccordionTrigger, AccordionPanel);\n    const panel = findPart(child, AccordionPanel, AccordionTrigger);\n    if (trigger || panel) {\n      triggerElement ??= trigger;\n      panelElement ??= panel;\n      parts.push(\n        wrapsTriggerOnly(child) ? (\n          <Heading key={key} className={cn(accordionTriggerClassNames.heading, HEADING_CLASS)}>\n            <AccordionHeadingOutsideContext.Provider value={true}>\n              {child}\n            </AccordionHeadingOutsideContext.Provider>\n          </Heading>\n        ) : (\n          keyed\n        ),\n      );\n    } else {\n      extra.push(keyed);\n    }\n  }\n  const hasTrigger = triggerElement !== undefined;\n  const hasPanel = panelElement !== undefined;\n  const triggerIdProp = idOf(triggerElement);\n  const panelIdProp = idOf(panelElement);\n  const hasPanelContent = hasPanel || extra.length > 0;\n  const extraPanelContent = hasPanel && extra.length > 0 ? extra : null;\n\n  const itemContext = React.useMemo<AccordionItemContextValue>(\n    () => ({\n      value,\n      isOpen,\n      triggerId: triggerIdProp ?? getPartId(baseId, 'trigger', value),\n      panelId: panelIdProp ?? getPartId(baseId, 'panel', value),\n      hasPanelContent,\n      headingLevel,\n      toggle: () => toggleValue(value),\n    }),\n    [value, isOpen, baseId, triggerIdProp, panelIdProp, hasPanelContent, headingLevel, toggleValue],\n  );\n  const panelSlot = React.useMemo<AccordionPanelSlotValue>(\n    () => ({ extra: extraPanelContent, inPanel: false }),\n    [extraPanelContent],\n  );\n\n  return (\n    <AccordionItemContext.Provider value={itemContext}>\n      <AccordionPanelSlotContext.Provider value={panelSlot}>\n        <div\n          ref={ref}\n          data-state={isOpen ? 'open' : 'closed'}\n          className={cn(accordionItemClassNames.root, className)}\n          {...rest}\n        >\n          {hasTrigger ? null : <AccordionTrigger>{value}</AccordionTrigger>}\n          {parts}\n          {!hasPanel && extra.length > 0 ? <AccordionPanel>{extra}</AccordionPanel> : null}\n        </div>\n      </AccordionPanelSlotContext.Provider>\n    </AccordionItemContext.Provider>\n  );\n};\nAccordionItem.displayName = 'AccordionItem';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Trigger                                                  */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionTrigger sub-component (merged onto the trigger `<button>`). */\nexport interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Ref to the trigger `<button>`. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * The button that opens and closes its Accordion.Item, wrapped in a heading (`headingLevel`); when\n * it is the only child of a wrapper component in the Item (a Tooltip), the heading goes around\n * that wrapper instead (see `Accordion.Item`). Its props land on the `<button>`: `className` is\n * merged (yours wins), `onClick` runs before the toggle (call `event.preventDefault()` to keep the\n * item as it is), `ref` receives the button, and a non-empty `id` replaces the generated one (the\n * panel's `aria-labelledby` follows it).\n */\nconst AccordionTrigger = ({\n  id: idProp,\n  className,\n  children,\n  onClick,\n  ref,\n  ...rest\n}: AccordionTriggerProps) => {\n  const item = useAccordionItemContext('Accordion.Trigger');\n  const inPanel = React.useContext(AccordionPanelSlotContext)?.inPanel ?? false;\n  React.useEffect(() => {\n    if (inPanel) {\n      warnOnce('Accordion.Trigger:inside-panel', misplacedMessage('Accordion.Trigger'));\n    }\n  }, [inPanel]);\n  const headingOutside = React.useContext(AccordionHeadingOutsideContext);\n  const Heading: `h${AccordionHeadingLevel}` = `h${item.headingLevel}`;\n  const state = item.isOpen ? 'open' : 'closed';\n\n  const button = (\n    <button\n      type=\"button\"\n      className={cn(\n        accordionTriggerClassNames.root,\n        'flex w-full items-center justify-between gap-2 px-4 py-3 text-start text-body-1 font-semibold text-foreground',\n        'not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed',\n        disabledStyles,\n        focusRingInset,\n        className,\n      )}\n      {...rest}\n      // A misplaced Trigger (inside the panel) still toggles, but only the item's own trigger\n      // carries the item's id and panel reference.\n      id={idProp || (inPanel ? undefined : item.triggerId)}\n      // Only a panel region the item renders is referenced (none without panel content).\n      aria-controls={!inPanel && item.hasPanelContent ? item.panelId : undefined}\n      aria-expanded={item.isOpen}\n      data-state={state}\n      onClick={composeEventHandlers(onClick, item.toggle)}\n      ref={ref}\n    >\n      {children}\n      <ChevronDownIcon\n        size={16}\n        className={cn(\n          accordionTriggerClassNames.expandIcon,\n          'shrink-0 transition-transform motion-reduce:transition-none',\n          item.isOpen && 'rotate-180',\n        )}\n      />\n    </button>\n  );\n  // Inside a wrapper chain (a Tooltip) the Item has rendered the heading around the wrapper.\n  return headingOutside ? (\n    button\n  ) : (\n    <Heading className={cn(accordionTriggerClassNames.heading, HEADING_CLASS)}>{button}</Heading>\n  );\n};\nAccordionTrigger.displayName = 'AccordionTrigger';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Panel                                                    */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionPanel sub-component (merged onto the `role=\"region\"` element). */\nexport interface AccordionPanelProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Ref to the panel `<div role=\"region\">`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * The content region of an Accordion.Item, rendered only while the item is open and labelled by\n * its trigger. Its props (className merged, `ref`, `data-*`, handlers) land on the region, and a\n * non-empty `id` replaces the generated one (the trigger's `aria-controls` follows it).\n */\nconst AccordionPanel = ({ id: idProp, className, children, ref, ...rest }: AccordionPanelProps) => {\n  const item = useAccordionItemContext('Accordion.Panel');\n  const slot = React.useContext(AccordionPanelSlotContext);\n  const inPanel = slot?.inPanel ?? false;\n  React.useEffect(() => {\n    if (inPanel) warnOnce('Accordion.Panel:inside-panel', misplacedMessage('Accordion.Panel'));\n  }, [inPanel]);\n  if (!item.isOpen) return null;\n  if (inPanel) {\n    // Misplaced: its content joins the enclosing region (one region and one panel id per item).\n    return (\n      <div\n        className={cn(accordionPanelClassNames.root, className)}\n        {...rest}\n        id={idProp || undefined}\n        ref={ref}\n      >\n        {children}\n      </div>\n    );\n  }\n  return (\n    <AccordionPanelSlotContext.Provider value={IN_PANEL}>\n      <div\n        role=\"region\"\n        className={cn(\n          accordionPanelClassNames.root,\n          'px-4 pb-3 text-body-1 text-muted-foreground',\n          className,\n        )}\n        {...rest}\n        id={idProp || item.panelId}\n        aria-labelledby={item.triggerId}\n        data-state=\"open\"\n        ref={ref}\n      >\n        {children}\n        {slot?.extra}\n      </div>\n    </AccordionPanelSlotContext.Provider>\n  );\n};\nAccordionPanel.displayName = 'AccordionPanel';\n\n/* ------------------------------------------------------------------ */\n/*  Export                                                             */\n/* ------------------------------------------------------------------ */\n\n/**\n * A vertically stacked set of disclosure sections (WAI-ARIA Accordion pattern). Each\n * `Accordion.Item` renders an `Accordion.Trigger` button inside a heading (`headingLevel`) and an\n * `Accordion.Panel` region that is shown while the item is open.\n *\n * Single mode (the default) keeps at most one item open (`openItem`, `defaultOpenItem`,\n * `onOpenItemChange`); `type=\"multiple\"` lets any number of items open (`openItems`,\n * `defaultOpenItems`, `onOpenItemsChange`). Each Item's `value` must be unique within its\n * Accordion: a development warning names a repeated value.\n *\n * Sub-components are also exported under flat names (`AccordionItem`, `AccordionTrigger`,\n * `AccordionPanel`) for React Server Components, which cannot use the dotted form.\n */\nexport const Accordion = /* @__PURE__ */ Object.assign(AccordionRoot, {\n  Item: AccordionItem,\n  Trigger: AccordionTrigger,\n  Panel: AccordionPanel,\n});\n\nexport { AccordionItem, AccordionTrigger, AccordionPanel };\n"],"mappings":"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"}