sygnal 7.0.0 → 7.2.0-preview.0

package/dist/ui-combobox.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-combobox.cjs.js","sources":["../src/ui/zag/shared.ts","../src/ui/zag/combobox.ts"],"sourcesContent":["/*\n * PLAN-5 2-Z: helpers the Zag-based parts (Menu, Select, Combobox) share. '../../zag' becomes the\n * external 'sygnal/zag' and '../../index' the external 'sygnal' in the 'sygnal/ui/menu', 'sygnal/ui/select' and 'sygnal/ui/combobox' builds.\n */\n\n/** G-413: the naming props a part applies to its control (not the host) */\nexport const NAMING = ['aria-label', 'aria-labelledby', 'aria-describedby']\n\n/**\n * A control's (or listbox's) Zag props named from the part's props: without a label element, no\n * aria-labelledby to it; the props' aria-label / aria-labelledby (/ aria-describedby) win\n */\nexport const named = (bag: any, p: any, describe?: any) => {\n  const a = bag.attrs\n  if (p.label == null) delete a['aria-labelledby']\n  for (const k of NAMING) if (p[k] != null && (describe || k != 'aria-describedby')) a[k] = p[k]\n  if (p['aria-labelledby'] != null) delete a['aria-label']\n  return bag\n}\n\n/** An item as the parts take it: a string, or { value, label?, disabled? } (Menu also { separator: true }) */\nexport const norm = (items: any): any[] =>\n  (items || []).map((i: any) => (i && typeof i == 'object'\n    ? {...i, value: String(i.value ?? ''), label: i.label ?? String(i.value ?? '')}\n    : {value: String(i), label: String(i)}))\n\n/** A Select / Combobox value prop as Zag's string[] (undefined: uncontrolled; null or '': none) */\nexport const arr = (v: any): any =>\n  v === undefined ? undefined : v == null || v === '' ? [] : Array.isArray(v) ? v.map(String) : [String(v)]\n\n/** The listbox collection options for Zag's collection() */\nexport const collectionOf = (z: any, items: any[]) =>\n  z.collection({items, itemToValue: (i: any) => i.value, itemToString: (i: any) => i.label, isItemDisabled: (i: any) => !!i.disabled})\n\n/** value-change's detail: the value (single) or the values (multiple) */\nexport const valueOut = (d: any, x: any) => (x.multiple ? d.value : d.value[0] ?? null)\n\n/** Item rows of a listbox (Select, Combobox): text + a ✓ indicator Zag hides when unselected */\nexport const options = (h: any, api: any) =>\n  api.collection.items.map((item: any) =>\n    h('div', {key: item.value, ...api.getItemProps({item})},\n      h('span', api.getItemTextProps({item}), item.label),\n      h('span', api.getItemIndicatorProps({item}), '✓')))\n","/*\n * PLAN-5 2-Z (U-1): Combobox, a Zag combobox machine (WAI-ARIA editable combobox with a listbox\n * popup) as a widget tag.\n *\n *   <Combobox className=\"city\" label=\"City\" items={CITIES} value={state.city} placeholder=\"Type a city\" />\n *   intent: CITY: DOM.select('.city').events('value-change').detail()   // 'Paris'\n *\n * Renders a label, the input (role=\"combobox\", aria-autocomplete=\"list\", aria-activedescendant\n * on the highlighted option), a trigger button, and the listbox in a positioner. The items are\n * filtered as the user types: by default the labels that contain the text (case-insensitive);\n * `filter={(item, text) => boolean}` replaces the test, `filter={false}` leaves it to the app (it\n * passes the `items` to show, from `input-change`). The filter text resets when the list closes.\n * Keyboard is Zag's: ArrowDown / ArrowUp open and move, Enter selects, Escape closes, Home / End\n * in the input move the caret. Styling hooks: `data-scope=\"combobox\"` + `data-part` (root, label,\n * control, input, trigger, positioner, content, item, item-text, item-indicator), `data-state`,\n * `data-highlighted`.\n *\n * Forms (G-411): with `name`, hidden inputs submit the value (one per value when `multiple`);\n * the visible input, which shows the label, has no name. `form` goes on the hidden inputs (G-434).\n * With `allowCustomValue` (single), the selected value is submitted unless the user typed since\n * the last selection; then the typed text (an item's exact label submits that item's value; G-435,\n * G-468).\n *\n * Props: `label`, `items` (strings or { value, label?, disabled? }), `value` (controlled: a\n * string, an array when `multiple`, null for none), `defaultValue`, `placeholder`, `filter`, and\n * Zag's combobox props (`multiple`, `name`, `form`, `disabled`, `readOnly`, `required`,\n * `invalid`, `allowCustomValue`, `openOnClick`, `inputBehavior`, `selectionBehavior`,\n * `closeOnSelect`, `loopFocus`, `positioning`, `open`, `id`). Events: `value-change` (the value,\n * or the values when multiple), `input-change` (the text the user typed), `open-change` (boolean).\n * Commands: `open`, `close`, `clear`, `focus` (the input).\n */\nimport * as combobox from '@zag-js/combobox'\nimport {fromZag} from '../../zag'\nimport {createElement as h} from '../../index'\nimport {NAMING, arr, collectionOf, named, norm, options, valueOut} from './shared'\n\nconst shown = (all: any[], f: any, q: string) => {\n  if (f === false || !q) return all\n  const l = q.toLowerCase()\n  return all.filter((i) => (typeof f == 'function' ? f(i, q) : String(i.label).toLowerCase().includes(l)))\n}\n\n// the filter text: what the user typed; '' when the list closes\nconst setText = (x: any, q: string) => { if (x.q !== q) x.q = q, x.refresh() }\n\n// G-411: forms get the value, not the label the input shows: the visible input has no name; one\n// hidden input per value (a single combobox: one, '' when empty) carries `name`.\n// G-435 / G-468: a single combobox with `allowCustomValue` submits the selected value unless the\n// user typed since the last selection (`x.t`: set by input-change, cleared by a selection, a value\n// change or a new controlled value that isn't empty: G-494); then the value of an item whose label the text is, else the\n// text itself. So `selectionBehavior` 'preserve' / 'clear', items relabelled after a pick and a\n// `defaultValue` before the items load all submit the value.\nconst submitted = (api: any, x: any): string => {\n  const v = api.value[0] ?? ''\n  if (!x.custom || !x.t) return v\n  const q = api.inputValue\n  return x.items.find((i: any) => i.label === q)?.value ?? q\n}\nconst hidden = (api: any, p: any, x: any) => {\n  if (p.name == null) return null\n  const vs = x.multiple ? api.value : [submitted(api, x)]\n  // G-434: `form` as an attribute (HTMLInputElement.form is a read-only property)\n  const attrs = p.form == null ? undefined : {form: p.form}\n  return vs.map((value: string, i: number) => h('input', {key: 'h' + i, type: 'hidden', name: p.name, attrs, disabled: !!p.disabled, value}))\n}\n\nexport const Combobox: any = /*#__PURE__*/ fromZag(combobox, (api: any, p: any, x: any) => {\n  const input = named(api.getInputProps(), p, 1)\n  delete input.attrs.name\n  delete input.attrs.form\n  return h('div', api.getRootProps(),\n    p.label != null && h('label', api.getLabelProps(), p.label),\n    h('div', api.getControlProps(),\n      h('input', {...input, placeholder: p.placeholder}),\n      h('button', api.getTriggerProps(), '▾')),\n    h('div', api.getPositionerProps(), h('div', named(api.getContentProps(), p), options(h, api))),\n    hidden(api, p, x))\n}, {\n  name: 'Combobox',\n  $own: 1,\n  ownProps: [...NAMING, 'name'],\n  props: ({items, label, placeholder, value, defaultValue, filter, 'aria-label': _l, 'aria-labelledby': _b, 'aria-describedby': _d, ...p}: any, x: any) => {\n    x.multiple = !!p.multiple\n    x.custom = !!p.allowCustomValue\n    x.items = norm(items)\n    // G-468: a new controlled value ends the typing. G-494: not an empty one (an app that clears\n    // its value on input-change: the typed text is still what is submitted)\n    const v = arr(value), k = v && JSON.stringify(v)\n    if (k !== x.v) x.v = k, v?.length && (x.t = 0)\n    return {\n      ...p,\n      collection: collectionOf(combobox, shown(x.items, filter, x.q || '')),\n      value: v,\n      defaultValue: arr(defaultValue),\n      // typing only (not the label a selection writes): the filter text, and input-change\n      // G-414: the app's own callbacks (p.onInputValueChange / p.onOpenChange) run first\n      onInputValueChange: (d: any) => { p.onInputValueChange?.(d); if (d.reason == 'input-change') x.t = 1, setText(x, d.inputValue), x.dispatch('input-change', d.inputValue) },\n      onSelect: (d: any) => { x.t = 0; p.onSelect?.(d) },\n      onValueChange: (d: any) => { x.t = 0; p.onValueChange?.(d) },\n      onOpenChange: (d: any) => { p.onOpenChange?.(d); d.open || setText(x, '') },\n    }\n  },\n  events: {\n    'value-change': ['onValueChange', valueOut],\n    'input-change': null,\n    'open-change': ['onOpenChange', (d: any) => d.open],\n  },\n  commands: {\n    open: (api: any) => api.setOpen(true),\n    close: (api: any) => api.setOpen(false),\n    clear: (api: any) => api.clearValue(),\n    focus: (api: any) => api.focus(),\n  },\n  fallback: (p: any, hh: any) => hh('div', null, p.label != null && hh('label', null, p.label), hh('input', {placeholder: p.placeholder, disabled: true})),\n})\n"],"names":["h","fromZag","combobox"],"mappings":"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"}
+{"version":3,"file":"ui-combobox.cjs.js","sources":["../src/ui/stack.ts","../src/ui/zag/shared.ts","../src/ui/zag/combobox.ts"],"sourcesContent":["/*\n * UI sweep round 4: the layer stack's entries alone (layers.ts adds the listeners that dismiss).\n * One stack per page on a global, shared by sygnal/ui and the Zag parts' bundles, which each have\n * their own copy of this file: a Zag part only adds and removes its layer (Zag dismisses it), so it\n * doesn't carry the listeners, which only controlled layers (sygnal/ui's, installing them) need.\n */\nconst G: any = globalThis\nexport const S: any = (G[Symbol.for('sygnal.layers')] ||= {stack: []})\n/** `el` closed */\nexport const pull = (el: any) => {\n  const i = S.stack.findIndex((l: any) => l.el === el)\n  i < 0 || S.stack.splice(i, 1)\n}\n/** `el` opened: on top of the stack (again) */\nexport const add = (el: any, l: any) => {\n  pull(el)\n  S.stack.push({el, ...l})\n}\n","/*\n * PLAN-5 2-Z: helpers the Zag-based parts (Menu, Select, Combobox) share. '../../zag' becomes the\n * external 'sygnal/zag' and '../../index' the external 'sygnal' in the 'sygnal/ui/menu', 'sygnal/ui/select' and 'sygnal/ui/combobox' builds.\n */\nimport {add, pull} from '../stack'\n\n/** G-413: the naming props a part applies to its control (not the host) */\nexport const NAMING = ['aria-label', 'aria-labelledby', 'aria-describedby']\n\n/**\n * A control's (or listbox's) Zag props named from the part's props: without a label element, no\n * aria-labelledby to it; the props' aria-label / aria-labelledby (/ aria-describedby) win\n */\nexport const named = (bag: any, p: any, describe?: any) => {\n  const a = bag.attrs\n  if (p.label == null) delete a['aria-labelledby']\n  for (const k of NAMING) if (p[k] != null && (describe || k != 'aria-describedby')) a[k] = p[k]\n  if (p['aria-labelledby'] != null) delete a['aria-label']\n  return bag\n}\n\n/**\n * The items as the parts take them: a string, or { value, label?, disabled? } (Menu also\n * { separator: true } and its item kinds); a group (UI sweep round 2) { group, items } is its\n * items, each with `group` (its label)\n */\nexport const norm = (items: any): any[] =>\n  (items || []).flatMap((i: any) => (i && typeof i == 'object'\n    ? i.group != null && Array.isArray(i.items) ? norm(i.items).map((j: any) => ({...j, group: String(i.group)}))\n    : {...i, value: String(i.value ?? ''), label: i.label ?? String(i.value ?? '')}\n    : {value: String(i), label: String(i)}))\n\n/** A Select / Combobox value prop as Zag's string[] (undefined: uncontrolled; null or '': none) */\nexport const arr = (v: any): any =>\n  v === undefined ? undefined : v == null || v === '' ? [] : Array.isArray(v) ? v.map(String) : [String(v)]\n\n/** The listbox collection options for Zag's collection() */\nexport const collectionOf = (z: any, items: any[]) =>\n  z.collection({items, itemToValue: (i: any) => i.value, itemToString: (i: any) => i.label, isItemDisabled: (i: any) => !!i.disabled,\n    // round 2: groups (Zag orders the items by group, as they are shown)\n    ...(items.some((i) => i.group != null) && {groupBy: (i: any) => i.group ?? ''})})\n\n/** value-change's detail: the value (single) or the values (multiple) */\nexport const valueOut = (d: any, x: any) => (x.multiple ? d.value : d.value[0] ?? null)\n\n/**\n * Item rows of a listbox (Select, Combobox): text + a ✓ indicator Zag hides when unselected;\n * grouped items (round 2) in a role=\"group\" named by its label (items without a group first)\n */\nexport const options = (h: any, api: any) => {\n  const c = api.collection\n  const row = (item: any) =>\n    h('div', {key: item.value, ...api.getItemProps({item})},\n      h('span', api.getItemTextProps({item}), item.label),\n      h('span', api.getItemIndicatorProps({item}), '✓'))\n  if (!c.items.some((i: any) => i.group != null)) return c.items.map(row)\n  return c.group().flatMap(([g, items]: any, k: number) => {\n    if (!g) return items.map(row)\n    const id = 'g' + k + '-' + g.replace(/[^\\w-]/g, '_')\n    return h('div', {key: 'group:' + g, ...api.getItemGroupProps({id})}, h('div', api.getItemGroupLabelProps({htmlFor: id}), g), items.map(row))\n  })\n}\n\n/**\n * The parts are form fields (the widget field contract, extra/field.ts): `value-change`'s detail\n * is the field's value, and between picks the machine's value\n */\nexport const field = {event: 'value-change', read: (x: any) => valueOut({value: x.api().value}, x)}\n\n/**\n * Round 2 (Radix's Popper): the positioner is `position: fixed` by default, so a clipping\n * container (`overflow: hidden` / `auto`: a card, a scrolling panel, a <dialog>) doesn't cut the\n * list off or flip it off-screen. An ancestor with a `transform`, `filter` or `contain` is then\n * its containing block; `positioning={{ strategy: 'absolute' }}` (merged over the default) goes back\n */\nexport const placed = (p: any) => ({...p, positioning: {strategy: 'fixed', ...p.positioning}})\n\n/**\n * UI sweep round 4: an open part's content is a layer on sygnal/ui's layer stack (src/ui/stack.ts,\n * shared through a global, so this bundle's copy and sygnal/ui's are one stack; layers.ts reads it). Zag dismisses it\n * itself (its own @zag-js/dismissable layer: Escape, a press or a focus outside); on the stack it\n * is a layer the stack doesn't dismiss (`ctl` false), anchored at the widget's host: so a\n * controlled popover or dialog it opened in counts a press in it as inside, wherever the content\n * renders (Radix's nested DismissableLayer), and Escape is the Zag part's while it is on top. Called\n * from the render; the content exists after the patch, so the stack is updated in a microtask.\n */\nexport const layered = (x: any, open: boolean) => {\n  if (!!x.layer == open) return\n  x.layer = open || null\n  queueMicrotask(() => {\n    const c = open && x.el?.querySelector?.('[data-part=\"content\"]')\n    if (c && x.layer) add(x.lc = c, {anchor: x.el})\n    else if (!x.layer && x.lc) pull(x.lc), x.lc = null\n  })\n}\n","/*\n * PLAN-5 2-Z (U-1): Combobox, a Zag combobox machine (WAI-ARIA editable combobox with a listbox\n * popup) as a widget tag.\n *\n *   <Combobox className=\"city\" label=\"City\" items={CITIES} value={state.city} placeholder=\"Type a city\" />\n *   intent: CITY: DOM.select('.city').events('value-change').detail()   // 'Paris'\n *\n * Renders a label, the input (role=\"combobox\", aria-autocomplete=\"list\", aria-activedescendant\n * on the highlighted option), a trigger button, and the listbox in a positioner. The items are\n * filtered as the user types: by default the labels that contain the text (case-insensitive);\n * `filter={(item, text) => boolean}` replaces the test, `filter={false}` leaves it to the app (it\n * passes the `items` to show, from `input-change`). The filter text resets when the list closes.\n * Keyboard is Zag's: ArrowDown / ArrowUp open and move, Enter selects, Escape closes, Home / End\n * in the input move the caret. Styling hooks: `data-scope=\"combobox\"` + `data-part` (root, label,\n * control, input, trigger, positioner, content, item, item-text, item-indicator), `data-state`,\n * `data-highlighted`.\n *\n * Forms (G-411): with `name`, hidden inputs submit the value (one per value when `multiple`);\n * the visible input, which shows the label, has no name. `form` goes on the hidden inputs (G-434).\n * With `allowCustomValue` (single), the selected value is submitted unless the user typed since\n * the last selection; then the typed text (an item's exact label submits that item's value; G-435,\n * G-468).\n * It is a widget field (extra/field.ts): the form behavior and processForm read its value; a form\n * reset puts the first value back (ZS-4).\n *\n * Props: `label`, `items` (strings or { value, label?, disabled? }), `value` (controlled: a\n * string, an array when `multiple`, null for none), `defaultValue`, `placeholder`, `filter`,\n * `loading` (7.2: the items are loading; a value no item has yet isn't custom text), and\n * Zag's combobox props (`multiple`, `name`, `form`, `disabled`, `readOnly`, `required`,\n * `invalid`, `allowCustomValue`, `openOnClick`, `inputBehavior`, `selectionBehavior`,\n * `closeOnSelect`, `loopFocus`, `positioning`, `open`, `id`). Events: `value-change` (the value,\n * or the values when multiple), `input-change` (the text the user typed), `open-change` (boolean).\n * Commands: `open`, `close`, `clear`, `focus` (the input).\n */\nimport * as combobox from '@zag-js/combobox'\nimport {fromZag} from '../../zag'\nimport {createElement as h} from '../../index'\nimport {NAMING, field, placed, arr, collectionOf, layered, named, norm, options, valueOut} from './shared'\n\nconst shown = (all: any[], f: any, q: string) => {\n  if (f === false || !q) return all\n  const l = q.toLowerCase()\n  return all.filter((i) => (typeof f == 'function' ? f(i, q) : String(i.label).toLowerCase().includes(l)))\n}\n\n// the filter text: what the user typed; '' when the list closes\nconst setText = (x: any, q: string) => { if (x.q !== q) x.q = q, x.refresh() }\n\n// Round 2 (React Aria's allowsCustomValue): with `allowCustomValue` (single), the typed text is\n// committed when the focus leaves the combobox, or on Enter with no active option: text that is an\n// item's label picks that item, other text is the value itself (a value no item has), '' is no\n// value. It is reported with value-change like a pick; the input keeps showing it (`shows`).\nconst commit = (x: any, blur?: any) => {\n  if (!x.custom || x.multiple || !x.t) return\n  const a = x.api(), q = a.inputValue, it = x.items.find((i: any) => i.label === q)\n  x.t = 0\n  // leaving closes the list (Zag closes it on a pointer or focus outside, not on every blur)\n  blur && a.open && a.setOpen(false)\n  a.setValue(it ? [it.value] : q ? [q] : [])\n}\n\n// G-411: forms get the value, not the label the input shows: the visible input has no name; one\n// hidden input per value (a single combobox: one, '' when empty) carries `name`.\n// G-435 / G-468: a single combobox with `allowCustomValue` submits the typed text while the user\n// is typing (`x.t`: set by input-change, cleared by a selection, a commit, a value change or a new\n// controlled value that isn't empty: G-494): the value of an item whose label the text is, else\n// the text itself; otherwise the value. So `selectionBehavior` 'preserve' / 'clear', items\n// relabelled after a pick and a `defaultValue` before the items load all submit the value.\nconst submitted = (api: any, x: any): string => {\n  const v = api.value[0] ?? ''\n  if (!x.custom || !x.t) return v\n  const q = api.inputValue\n  return x.items.find((i: any) => i.label === q)?.value ?? q\n}\nconst hidden = (api: any, p: any, x: any) => {\n  if (p.name == null) return null\n  const vs = x.multiple ? api.value : [submitted(api, x)]\n  // G-434: `form` as an attribute (HTMLInputElement.form is a read-only property)\n  const attrs = p.form == null ? undefined : {form: p.form}\n  return vs.map((value: string, i: number) => h('input', {key: 'h' + i, type: 'hidden', name: p.name, attrs, disabled: !!p.disabled, value}))\n}\n\n// ZS-3: the input shows the value's label (with allowCustomValue, a value no item has: its text)\n// while nothing is typed and the list is closed. Zag writes it only when the value changes: not\n// when the items arrive after the value (async loading) or relabel it, and it writes the picked\n// label even when a controlled value refuses the pick ('' for a custom value). Single,\n// selectionBehavior 'replace' (the default) only; checked after each render and each of Zag's\n// own writes, once the app's flush has run (an accepted pick's value arrives then)\n// 7.2: while `loading`, a value no item has yet isn't custom text: it shows nothing until its item\n// arrives (React Aria: the input shows the selected item's text, '' while it isn't in the collection)\nconst shows = (a: any, x: any) =>\n  a.value.map((v: string) => x.items.find((i: any) => i.value === v)?.label ?? (x.custom && !x.loading ? v : '')).filter((l: string) => l).join(', ')\nconst sync = (api: any, p: any, x: any) => {\n  const off = (a: any) => x.multiple || x.t || a.open || (p.selectionBehavior ?? 'replace') != 'replace' || a.inputValue === shows(a, x)\n  api && off(api) || x.sq || (x.sq = 1, queueMicrotask(() => { x.sq = 0; const a = x.el.isConnected && x.api(); a && !off(a) && a.setInputValue(shows(a, x)) }))\n}\n\n// 7.2: the listbox is aria-busy while the items load (React Spectrum's loadingState)\nconst busy = (bag: any, x: any) => (x.loading && (bag.attrs['aria-busy'] = 'true'), bag)\n\n// ZS-4: a form reset puts the first value back (as Zag's Select does: the controlled value's\n// first, or defaultValue: value-change reports it) and the input shows its label; after the\n// browser's own reset, which empties the visible input\nconst onReset = (x: any, input: any) => (e: any) => e.defaultPrevented || setTimeout(() => {\n  if (!input.isConnected) return\n  const c = x.machine.service.context\n  c.set('value', c.initial('value') || [])\n  x.t = 0\n  setText(x, '')\n  const a = x.api(), text = x.multiple ? '' : shows({value: c.initial('value') || []}, x)\n  a.setInputValue(text)\n  input.value = text\n})\n\n// Round 2 (F-2): a multiple combobox's values as chips before the input (chips={false}: none),\n// each with a remove button (Zag's clearValue(value)); Backspace in the empty input removes the\n// last one, the `remove` command one by value. The buttons are out of the tab order and named by\n// `removeLabel`.\n// Round 3 (React Aria's TagGroup): the chips are a grid of rows, one tab stop (roving tabindex:\n// the last focused chip, else the first). ArrowLeft at the start of the input focuses the last\n// chip; ArrowLeft / ArrowRight move between chips (swapped when dir=\"rtl\"), ArrowRight past the\n// last returns to the input, Home / End the first / last; Delete / Backspace remove the focused\n// chip and focus the next one (else the previous, else the input). A removal is announced in the\n// status region (`removedMessage`); an addition is not: the option's aria-selected already is,\n// and React Aria announces added tags only while the focus is in the group.\nconst labelOf = (x: any, v: string) => x.items.find((i: any) => i.value === v)?.label ?? v\nconst remove = (x: any, v?: any) => {\n  const a = x.api(), p = x.p\n  if (p.disabled || p.readOnly || !a.value.length) return\n  a.clearValue(x.rq = v ?? a.value[a.value.length - 1])\n}\nconst rows = (x: any): any[] => [...x.el.querySelectorAll('[data-part=item-chip]')]\nconst chipKey = (x: any, v: string) => (e: any) => {\n  const r = rows(x), i = r.findIndex((c) => c.dataset.value === v), rtl = x.p.dir == 'rtl'\n  const k = e.key == 'ArrowLeft' ? (rtl ? 1 : -1) : e.key == 'ArrowRight' ? (rtl ? -1 : 1) : 0\n  const go = (j: number) => (j >= r.length ? x.api().focus() : r[Math.max(j, 0)].focus(), e.preventDefault())\n  if (k) go(i + k)\n  else if (e.key == 'Home') go(0)\n  else if (e.key == 'End') go(r.length - 1)\n  else if ((e.key == 'Delete' || e.key == 'Backspace') && !x.p.disabled && !x.p.readOnly) {\n    e.preventDefault()\n    const n = r[i + 1] || r[i - 1]\n    remove(x, v)\n    // the neighbour's row is kept (keyed), whether the removal is in yet (a controlled value: after\n    // the app's flush)\n    n?.isConnected ? n.focus() : x.api().focus()\n  }\n}\nconst chips = (api: any, p: any, x: any) => {\n  if (!x.multiple || p.chips === false || !api.value.length) return null\n  const say = p.removeLabel ?? ((l: string) => 'Remove ' + l), off = !!(p.disabled || p.readOnly)\n  // the tab stop: the focused (or last focused) chip while it is a value, else the first\n  const stop = api.value.includes(x.cf) ? x.cf : api.value[0], d = x.hint && {'aria-describedby': x.hint}\n  return h('div', {attrs: {'data-scope': 'combobox', 'data-part': 'item-chips', role: 'grid', 'aria-label': p.chipsLabel ?? (p.label != null ? String(p.label) : 'Selected')}},\n    api.value.map((v: string) => {\n      const l = labelOf(x, v)\n      return h('div', {\n        key: v,\n        attrs: {'data-scope': 'combobox', 'data-part': 'item-chip', 'data-value': v, role: 'row', 'aria-label': l, tabindex: !p.disabled && v === stop ? '0' : '-1', 'data-disabled': off ? '' : undefined, ...(!off && d)},\n        on: {keydown: chipKey(x, v), focus: () => { x.cf !== v && (x.cf = v, x.draw()) }},\n      }, h('div', {attrs: {role: 'gridcell', 'data-scope': 'combobox', 'data-part': 'item-chip-cell'}},\n        h('span', {attrs: {'data-scope': 'combobox', 'data-part': 'item-chip-text'}}, l),\n        h('button', {\n          attrs: {type: 'button', tabindex: '-1', 'data-scope': 'combobox', 'data-part': 'item-chip-remove', 'aria-label': typeof say == 'function' ? say(l) : say + ' ' + l},\n          props: {disabled: off},\n          // the focus stays where it is (the input, or the chip)\n          on: {mousedown: (e: any) => e.preventDefault(), click: () => remove(x, v)},\n        }, '×')))\n    }))\n}\n// the status region's text: a removal once its value is gone (announced; a zero-width space after\n// every other one, so the same text twice is announced twice); `empty` while it shows\nconst status = (api: any, p: any, x: any, none: any) => {\n  if (x.rq != null && !api.value.includes(x.rq)) {\n    const m = p.removedMessage, l = labelOf(x, x.rq)\n    x.rq = null\n    if (m !== false) x.say = (typeof m == 'function' ? m(l) : l + ' removed') + ((x.n = !x.n) ? '' : '\\u200b')\n  }\n  // shown text is not announced again when it comes back\n  return none ? (x.say = '', p.empty) : x.say || ''\n}\n// visually hidden, in the accessibility tree (the empty row's status region)\nconst SR = {position: 'absolute', width: '1px', height: '1px', margin: '-1px', padding: '0', border: '0', overflow: 'hidden', clip: 'rect(0 0 0 0)', whiteSpace: 'nowrap'}\n\nexport const Combobox: any = /*#__PURE__*/ fromZag(combobox, (api: any, p: any, x: any) => {\n  const input = named(api.getInputProps(), p, 1)\n  layered(x, api.open)\n  delete input.attrs.name\n  delete input.attrs.form\n  // Round 2: commit the typed text (allowCustomValue) when the focus leaves the combobox, or on\n  // Enter with no active option (Zag's handlers first)\n  const on = input.on, out = on.focusout, kd = on.keydown\n  on.focusout = (e: any) => { out?.(e); x.el.contains(e.relatedTarget) || commit(x, 1) }\n  on.keydown = (e: any) => {\n    const none = x.api().highlightedValue == null, empty = e.target.value === ''\n    kd?.(e)\n    if (e.key == 'Enter' && none) commit(x)\n    // F-2: Backspace in the empty input removes the last chip\n    else if (e.key == 'Backspace' && empty && x.multiple && p.chips !== false) remove(x)\n    // Round 3: ArrowLeft (ArrowRight when rtl) at the start of the input: the last chip\n    else if (e.key == (p.dir == 'rtl' ? 'ArrowRight' : 'ArrowLeft') && !e.defaultPrevented && e.target.selectionStart === 0 && e.target.selectionEnd === 0) {\n      const r = x.multiple && rows(x)\n      r?.length && (e.preventDefault(), r[r.length - 1].focus())\n    }\n  }\n  x.p = p\n  sync(api, p, x)\n  // ZS-4: the reset listener on the input's form (its ancestor, or the `form` attribute's)\n  const hook = {\n    insert: (v: any) => {\n      const f = x.form = p.form != null ? v.elm.ownerDocument.getElementById(p.form) : v.elm.closest('form')\n      f?.addEventListener('reset', x.reset = onReset(x, v.elm))\n    },\n    destroy: () => x.form?.removeEventListener('reset', x.reset),\n  }\n  // F-4: `empty` while the list is open with no items: a row after the listbox, and the status\n  // region's text (announced)\n  const none = api.open && !api.collection.items.length && p.empty != null && !x.loading\n  // Round 3: one \"Press Delete to remove\" description the chips point at (removeHint={false}: none)\n  const tags = x.multiple && p.chips !== false\n  x.hint = tags && p.removeHint !== false ? x.machine.service.prop('id') + '-chip-hint' : 0\n  return h('div', api.getRootProps(),\n    p.label != null && h('label', api.getLabelProps(), p.label),\n    h('div', api.getControlProps(),\n      chips(api, p, x),\n      h('input', {...input, placeholder: p.placeholder, hook}),\n      h('button', api.getTriggerProps(), '▾')),\n    h('div', api.getPositionerProps(),\n      h('div', busy(named(api.getContentProps(), p), x), options(h, api)),\n      p.empty != null && h('div', {attrs: {'data-scope': 'combobox', 'data-part': 'empty', hidden: !none}}, p.empty)),\n    (p.empty != null || tags) && h('div', {attrs: {role: 'status', 'data-scope': 'combobox', 'data-part': 'status'}, style: SR}, status(api, p, x, none)),\n    x.hint && h('span', {attrs: {id: x.hint, hidden: true}}, p.removeHint ?? 'Press Delete to remove.'),\n    hidden(api, p, x))\n}, {\n  name: 'Combobox',\n  $own: 1,\n  field,\n  ownProps: [...NAMING, 'name'],\n  props: ({items, label, placeholder, value, defaultValue, filter, empty, loading, chips: _c, removeLabel, chipsLabel, removedMessage, removeHint, 'aria-label': _l, 'aria-labelledby': _b, 'aria-describedby': _d, ...p}: any, x: any) => {\n    x.multiple = !!p.multiple\n    x.custom = !!p.allowCustomValue\n    x.loading = !!loading\n    x.items = norm(items)\n    // G-468: a new controlled value ends the typing. G-494: not an empty one (an app that clears\n    // its value on input-change: the typed text is still what is submitted)\n    const v = arr(value), k = v && JSON.stringify(v)\n    if (k !== x.v) x.v = k, v?.length && (x.t = 0)\n    // the first value (ZS-4), whether controlled; a controlled custom value (Round 2)\n    return {\n      ...placed(p),\n      collection: collectionOf(combobox, shown(x.items, filter, x.q || '')),\n      value: v,\n      defaultValue: arr(defaultValue),\n      // typing only (not the label a selection writes): the filter text, and input-change\n      // G-414: the app's own callbacks (p.onInputValueChange / p.onOpenChange) run first\n      // ZS-3: Zag's own writes (a value change's label, outside a render) are checked too, once\n      // they are in (after this callback)\n      onInputValueChange: (d: any) => {\n        p.onInputValueChange?.(d)\n        if (d.reason == 'input-change') x.t = 1, setText(x, d.inputValue), x.dispatch('input-change', d.inputValue)\n        else sync(0, x.p, x)\n      },\n      onSelect: (d: any) => { x.t = 0; p.onSelect?.(d) },\n      onValueChange: (d: any) => { x.t = 0; p.onValueChange?.(d) },\n      onOpenChange: (d: any) => { p.onOpenChange?.(d); d.open || (setText(x, ''), sync(0, x.p, x)) },\n    }\n  },\n  events: {\n    'value-change': ['onValueChange', valueOut],\n    'input-change': null,\n    'open-change': ['onOpenChange', (d: any) => d.open],\n  },\n  commands: {\n    open: (api: any) => api.setOpen(true),\n    close: (api: any) => api.setOpen(false),\n    clear: (api: any) => api.clearValue(),\n    // F-2: { remove: '.c', value } removes one value (without `value`: the last)\n    remove: (_: any, o: any, x: any) => remove(x, o.value),\n    focus: (api: any) => api.focus(),\n  },\n  fallback: (p: any, hh: any) => hh('div', null, p.label != null && hh('label', null, p.label), hh('input', {placeholder: p.placeholder, disabled: true})),\n})\n"],"names":["h","fromZag","combobox"],"mappings":"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"}

package/dist/ui-combobox.esm.js

@@ -2,6 +2,26 @@ import * as combobox from '@zag-js/combobox';
 import { fromZag } from 'sygnal/zag';
 import { createElement } from 'sygnal';
 
+var _a;
+/*
+ * UI sweep round 4: the layer stack's entries alone (layers.ts adds the listeners that dismiss).
+ * One stack per page on a global, shared by sygnal/ui and the Zag parts' bundles, which each have
+ * their own copy of this file: a Zag part only adds and removes its layer (Zag dismisses it), so it
+ * doesn't carry the listeners, which only controlled layers (sygnal/ui's, installing them) need.
+ */
+const G = globalThis;
+const S = (G[_a = Symbol.for('sygnal.layers')] || (G[_a] = { stack: [] }));
+/** `el` closed */
+const pull = (el) => {
+    const i = S.stack.findIndex((l) => l.el === el);
+    i < 0 || S.stack.splice(i, 1);
+};
+/** `el` opened: on top of the stack (again) */
+const add = (el, l) => {
+    pull(el);
+    S.stack.push({ el, ...l });
+};
+
 /*
  * PLAN-5 2-Z: helpers the Zag-based parts (Menu, Select, Combobox) share. '../../zag' becomes the
  * external 'sygnal/zag' and '../../index' the external 'sygnal' in the 'sygnal/ui/menu', 'sygnal/ui/select' and 'sygnal/ui/combobox' builds.
@@ -23,18 +43,72 @@ const named = (bag, p, describe) => {
         delete a['aria-label'];
     return bag;
 };
-/** An item as the parts take it: a string, or { value, label?, disabled? } (Menu also { separator: true }) */
-const norm = (items) => (items || []).map((i) => (i && typeof i == 'object'
-    ? { ...i, value: String(i.value ?? ''), label: i.label ?? String(i.value ?? '') }
+/**
+ * The items as the parts take them: a string, or { value, label?, disabled? } (Menu also
+ * { separator: true } and its item kinds); a group (UI sweep round 2) { group, items } is its
+ * items, each with `group` (its label)
+ */
+const norm = (items) => (items || []).flatMap((i) => (i && typeof i == 'object'
+    ? i.group != null && Array.isArray(i.items) ? norm(i.items).map((j) => ({ ...j, group: String(i.group) }))
+        : { ...i, value: String(i.value ?? ''), label: i.label ?? String(i.value ?? '') }
     : { value: String(i), label: String(i) }));
 /** A Select / Combobox value prop as Zag's string[] (undefined: uncontrolled; null or '': none) */
 const arr = (v) => v === undefined ? undefined : v == null || v === '' ? [] : Array.isArray(v) ? v.map(String) : [String(v)];
 /** The listbox collection options for Zag's collection() */
-const collectionOf = (z, items) => z.collection({ items, itemToValue: (i) => i.value, itemToString: (i) => i.label, isItemDisabled: (i) => !!i.disabled });
+const collectionOf = (z, items) => z.collection({ items, itemToValue: (i) => i.value, itemToString: (i) => i.label, isItemDisabled: (i) => !!i.disabled,
+    // round 2: groups (Zag orders the items by group, as they are shown)
+    ...(items.some((i) => i.group != null) && { groupBy: (i) => i.group ?? '' }) });
 /** value-change's detail: the value (single) or the values (multiple) */
 const valueOut = (d, x) => (x.multiple ? d.value : d.value[0] ?? null);
-/** Item rows of a listbox (Select, Combobox): text + a ✓ indicator Zag hides when unselected */
-const options = (h, api) => api.collection.items.map((item) => h('div', { key: item.value, ...api.getItemProps({ item }) }, h('span', api.getItemTextProps({ item }), item.label), h('span', api.getItemIndicatorProps({ item }), '✓')));
+/**
+ * Item rows of a listbox (Select, Combobox): text + a ✓ indicator Zag hides when unselected;
+ * grouped items (round 2) in a role="group" named by its label (items without a group first)
+ */
+const options = (h, api) => {
+    const c = api.collection;
+    const row = (item) => h('div', { key: item.value, ...api.getItemProps({ item }) }, h('span', api.getItemTextProps({ item }), item.label), h('span', api.getItemIndicatorProps({ item }), '✓'));
+    if (!c.items.some((i) => i.group != null))
+        return c.items.map(row);
+    return c.group().flatMap(([g, items], k) => {
+        if (!g)
+            return items.map(row);
+        const id = 'g' + k + '-' + g.replace(/[^\w-]/g, '_');
+        return h('div', { key: 'group:' + g, ...api.getItemGroupProps({ id }) }, h('div', api.getItemGroupLabelProps({ htmlFor: id }), g), items.map(row));
+    });
+};
+/**
+ * The parts are form fields (the widget field contract, extra/field.ts): `value-change`'s detail
+ * is the field's value, and between picks the machine's value
+ */
+const field = { event: 'value-change', read: (x) => valueOut({ value: x.api().value }, x) };
+/**
+ * Round 2 (Radix's Popper): the positioner is `position: fixed` by default, so a clipping
+ * container (`overflow: hidden` / `auto`: a card, a scrolling panel, a <dialog>) doesn't cut the
+ * list off or flip it off-screen. An ancestor with a `transform`, `filter` or `contain` is then
+ * its containing block; `positioning={{ strategy: 'absolute' }}` (merged over the default) goes back
+ */
+const placed = (p) => ({ ...p, positioning: { strategy: 'fixed', ...p.positioning } });
+/**
+ * UI sweep round 4: an open part's content is a layer on sygnal/ui's layer stack (src/ui/stack.ts,
+ * shared through a global, so this bundle's copy and sygnal/ui's are one stack; layers.ts reads it). Zag dismisses it
+ * itself (its own @zag-js/dismissable layer: Escape, a press or a focus outside); on the stack it
+ * is a layer the stack doesn't dismiss (`ctl` false), anchored at the widget's host: so a
+ * controlled popover or dialog it opened in counts a press in it as inside, wherever the content
+ * renders (Radix's nested DismissableLayer), and Escape is the Zag part's while it is on top. Called
+ * from the render; the content exists after the patch, so the stack is updated in a microtask.
+ */
+const layered = (x, open) => {
+    if (!!x.layer == open)
+        return;
+    x.layer = open || null;
+    queueMicrotask(() => {
+        const c = open && x.el?.querySelector?.('[data-part="content"]');
+        if (c && x.layer)
+            add(x.lc = c, { anchor: x.el });
+        else if (!x.layer && x.lc)
+            pull(x.lc), x.lc = null;
+    });
+};
 
 /*
  * PLAN-5 2-Z (U-1): Combobox, a Zag combobox machine (WAI-ARIA editable combobox with a listbox
@@ -58,9 +132,12 @@ const options = (h, api) => api.collection.items.map((item) => h('div', { key: i
  * With `allowCustomValue` (single), the selected value is submitted unless the user typed since
  * the last selection; then the typed text (an item's exact label submits that item's value; G-435,
  * G-468).
+ * It is a widget field (extra/field.ts): the form behavior and processForm read its value; a form
+ * reset puts the first value back (ZS-4).
  *
  * Props: `label`, `items` (strings or { value, label?, disabled? }), `value` (controlled: a
- * string, an array when `multiple`, null for none), `defaultValue`, `placeholder`, `filter`, and
+ * string, an array when `multiple`, null for none), `defaultValue`, `placeholder`, `filter`,
+ * `loading` (7.2: the items are loading; a value no item has yet isn't custom text), and
  * Zag's combobox props (`multiple`, `name`, `form`, `disabled`, `readOnly`, `required`,
  * `invalid`, `allowCustomValue`, `openOnClick`, `inputBehavior`, `selectionBehavior`,
  * `closeOnSelect`, `loopFocus`, `positioning`, `open`, `id`). Events: `value-change` (the value,
@@ -76,13 +153,26 @@ const shown = (all, f, q) => {
 // the filter text: what the user typed; '' when the list closes
 const setText = (x, q) => { if (x.q !== q)
     x.q = q, x.refresh(); };
+// Round 2 (React Aria's allowsCustomValue): with `allowCustomValue` (single), the typed text is
+// committed when the focus leaves the combobox, or on Enter with no active option: text that is an
+// item's label picks that item, other text is the value itself (a value no item has), '' is no
+// value. It is reported with value-change like a pick; the input keeps showing it (`shows`).
+const commit = (x, blur) => {
+    if (!x.custom || x.multiple || !x.t)
+        return;
+    const a = x.api(), q = a.inputValue, it = x.items.find((i) => i.label === q);
+    x.t = 0;
+    // leaving closes the list (Zag closes it on a pointer or focus outside, not on every blur)
+    blur && a.open && a.setOpen(false);
+    a.setValue(it ? [it.value] : q ? [q] : []);
+};
 // G-411: forms get the value, not the label the input shows: the visible input has no name; one
 // hidden input per value (a single combobox: one, '' when empty) carries `name`.
-// G-435 / G-468: a single combobox with `allowCustomValue` submits the selected value unless the
-// user typed since the last selection (`x.t`: set by input-change, cleared by a selection, a value
-// change or a new controlled value that isn't empty: G-494); then the value of an item whose label the text is, else the
-// text itself. So `selectionBehavior` 'preserve' / 'clear', items relabelled after a pick and a
-// `defaultValue` before the items load all submit the value.
+// G-435 / G-468: a single combobox with `allowCustomValue` submits the typed text while the user
+// is typing (`x.t`: set by input-change, cleared by a selection, a commit, a value change or a new
+// controlled value that isn't empty: G-494): the value of an item whose label the text is, else
+// the text itself; otherwise the value. So `selectionBehavior` 'preserve' / 'clear', items
+// relabelled after a pick and a `defaultValue` before the items load all submit the value.
 const submitted = (api, x) => {
     const v = api.value[0] ?? '';
     if (!x.custom || !x.t)
@@ -98,36 +188,182 @@ const hidden = (api, p, x) => {
     const attrs = p.form == null ? undefined : { form: p.form };
     return vs.map((value, i) => createElement('input', { key: 'h' + i, type: 'hidden', name: p.name, attrs, disabled: !!p.disabled, value }));
 };
+// ZS-3: the input shows the value's label (with allowCustomValue, a value no item has: its text)
+// while nothing is typed and the list is closed. Zag writes it only when the value changes: not
+// when the items arrive after the value (async loading) or relabel it, and it writes the picked
+// label even when a controlled value refuses the pick ('' for a custom value). Single,
+// selectionBehavior 'replace' (the default) only; checked after each render and each of Zag's
+// own writes, once the app's flush has run (an accepted pick's value arrives then)
+// 7.2: while `loading`, a value no item has yet isn't custom text: it shows nothing until its item
+// arrives (React Aria: the input shows the selected item's text, '' while it isn't in the collection)
+const shows = (a, x) => a.value.map((v) => x.items.find((i) => i.value === v)?.label ?? (x.custom && !x.loading ? v : '')).filter((l) => l).join(', ');
+const sync = (api, p, x) => {
+    const off = (a) => x.multiple || x.t || a.open || (p.selectionBehavior ?? 'replace') != 'replace' || a.inputValue === shows(a, x);
+    api && off(api) || x.sq || (x.sq = 1, queueMicrotask(() => { x.sq = 0; const a = x.el.isConnected && x.api(); a && !off(a) && a.setInputValue(shows(a, x)); }));
+};
+// 7.2: the listbox is aria-busy while the items load (React Spectrum's loadingState)
+const busy = (bag, x) => (x.loading && (bag.attrs['aria-busy'] = 'true'), bag);
+// ZS-4: a form reset puts the first value back (as Zag's Select does: the controlled value's
+// first, or defaultValue: value-change reports it) and the input shows its label; after the
+// browser's own reset, which empties the visible input
+const onReset = (x, input) => (e) => e.defaultPrevented || setTimeout(() => {
+    if (!input.isConnected)
+        return;
+    const c = x.machine.service.context;
+    c.set('value', c.initial('value') || []);
+    x.t = 0;
+    setText(x, '');
+    const a = x.api(), text = x.multiple ? '' : shows({ value: c.initial('value') || [] }, x);
+    a.setInputValue(text);
+    input.value = text;
+});
+// Round 2 (F-2): a multiple combobox's values as chips before the input (chips={false}: none),
+// each with a remove button (Zag's clearValue(value)); Backspace in the empty input removes the
+// last one, the `remove` command one by value. The buttons are out of the tab order and named by
+// `removeLabel`.
+// Round 3 (React Aria's TagGroup): the chips are a grid of rows, one tab stop (roving tabindex:
+// the last focused chip, else the first). ArrowLeft at the start of the input focuses the last
+// chip; ArrowLeft / ArrowRight move between chips (swapped when dir="rtl"), ArrowRight past the
+// last returns to the input, Home / End the first / last; Delete / Backspace remove the focused
+// chip and focus the next one (else the previous, else the input). A removal is announced in the
+// status region (`removedMessage`); an addition is not: the option's aria-selected already is,
+// and React Aria announces added tags only while the focus is in the group.
+const labelOf = (x, v) => x.items.find((i) => i.value === v)?.label ?? v;
+const remove = (x, v) => {
+    const a = x.api(), p = x.p;
+    if (p.disabled || p.readOnly || !a.value.length)
+        return;
+    a.clearValue(x.rq = v ?? a.value[a.value.length - 1]);
+};
+const rows = (x) => [...x.el.querySelectorAll('[data-part=item-chip]')];
+const chipKey = (x, v) => (e) => {
+    const r = rows(x), i = r.findIndex((c) => c.dataset.value === v), rtl = x.p.dir == 'rtl';
+    const k = e.key == 'ArrowLeft' ? (rtl ? 1 : -1) : e.key == 'ArrowRight' ? (rtl ? -1 : 1) : 0;
+    const go = (j) => (j >= r.length ? x.api().focus() : r[Math.max(j, 0)].focus(), e.preventDefault());
+    if (k)
+        go(i + k);
+    else if (e.key == 'Home')
+        go(0);
+    else if (e.key == 'End')
+        go(r.length - 1);
+    else if ((e.key == 'Delete' || e.key == 'Backspace') && !x.p.disabled && !x.p.readOnly) {
+        e.preventDefault();
+        const n = r[i + 1] || r[i - 1];
+        remove(x, v);
+        // the neighbour's row is kept (keyed), whether the removal is in yet (a controlled value: after
+        // the app's flush)
+        n?.isConnected ? n.focus() : x.api().focus();
+    }
+};
+const chips = (api, p, x) => {
+    if (!x.multiple || p.chips === false || !api.value.length)
+        return null;
+    const say = p.removeLabel ?? ((l) => 'Remove ' + l), off = !!(p.disabled || p.readOnly);
+    // the tab stop: the focused (or last focused) chip while it is a value, else the first
+    const stop = api.value.includes(x.cf) ? x.cf : api.value[0], d = x.hint && { 'aria-describedby': x.hint };
+    return createElement('div', { attrs: { 'data-scope': 'combobox', 'data-part': 'item-chips', role: 'grid', 'aria-label': p.chipsLabel ?? (p.label != null ? String(p.label) : 'Selected') } }, api.value.map((v) => {
+        const l = labelOf(x, v);
+        return createElement('div', {
+            key: v,
+            attrs: { 'data-scope': 'combobox', 'data-part': 'item-chip', 'data-value': v, role: 'row', 'aria-label': l, tabindex: !p.disabled && v === stop ? '0' : '-1', 'data-disabled': off ? '' : undefined, ...(!off && d) },
+            on: { keydown: chipKey(x, v), focus: () => { x.cf !== v && (x.cf = v, x.draw()); } },
+        }, createElement('div', { attrs: { role: 'gridcell', 'data-scope': 'combobox', 'data-part': 'item-chip-cell' } }, createElement('span', { attrs: { 'data-scope': 'combobox', 'data-part': 'item-chip-text' } }, l), createElement('button', {
+            attrs: { type: 'button', tabindex: '-1', 'data-scope': 'combobox', 'data-part': 'item-chip-remove', 'aria-label': typeof say == 'function' ? say(l) : say + ' ' + l },
+            props: { disabled: off },
+            // the focus stays where it is (the input, or the chip)
+            on: { mousedown: (e) => e.preventDefault(), click: () => remove(x, v) },
+        }, '×')));
+    }));
+};
+// the status region's text: a removal once its value is gone (announced; a zero-width space after
+// every other one, so the same text twice is announced twice); `empty` while it shows
+const status = (api, p, x, none) => {
+    if (x.rq != null && !api.value.includes(x.rq)) {
+        const m = p.removedMessage, l = labelOf(x, x.rq);
+        x.rq = null;
+        if (m !== false)
+            x.say = (typeof m == 'function' ? m(l) : l + ' removed') + ((x.n = !x.n) ? '' : '\u200b');
+    }
+    // shown text is not announced again when it comes back
+    return none ? (x.say = '', p.empty) : x.say || '';
+};
+// visually hidden, in the accessibility tree (the empty row's status region)
+const SR = { position: 'absolute', width: '1px', height: '1px', margin: '-1px', padding: '0', border: '0', overflow: 'hidden', clip: 'rect(0 0 0 0)', whiteSpace: 'nowrap' };
 const Combobox = /*#__PURE__*/ fromZag(combobox, (api, p, x) => {
     const input = named(api.getInputProps(), p, 1);
+    layered(x, api.open);
     delete input.attrs.name;
     delete input.attrs.form;
-    return createElement('div', api.getRootProps(), p.label != null && createElement('label', api.getLabelProps(), p.label), createElement('div', api.getControlProps(), createElement('input', { ...input, placeholder: p.placeholder }), createElement('button', api.getTriggerProps(), '▾')), createElement('div', api.getPositionerProps(), createElement('div', named(api.getContentProps(), p), options(createElement, api))), hidden(api, p, x));
+    // Round 2: commit the typed text (allowCustomValue) when the focus leaves the combobox, or on
+    // Enter with no active option (Zag's handlers first)
+    const on = input.on, out = on.focusout, kd = on.keydown;
+    on.focusout = (e) => { out?.(e); x.el.contains(e.relatedTarget) || commit(x, 1); };
+    on.keydown = (e) => {
+        const none = x.api().highlightedValue == null, empty = e.target.value === '';
+        kd?.(e);
+        if (e.key == 'Enter' && none)
+            commit(x);
+        // F-2: Backspace in the empty input removes the last chip
+        else if (e.key == 'Backspace' && empty && x.multiple && p.chips !== false)
+            remove(x);
+        // Round 3: ArrowLeft (ArrowRight when rtl) at the start of the input: the last chip
+        else if (e.key == (p.dir == 'rtl' ? 'ArrowRight' : 'ArrowLeft') && !e.defaultPrevented && e.target.selectionStart === 0 && e.target.selectionEnd === 0) {
+            const r = x.multiple && rows(x);
+            r?.length && (e.preventDefault(), r[r.length - 1].focus());
+        }
+    };
+    x.p = p;
+    sync(api, p, x);
+    // ZS-4: the reset listener on the input's form (its ancestor, or the `form` attribute's)
+    const hook = {
+        insert: (v) => {
+            const f = x.form = p.form != null ? v.elm.ownerDocument.getElementById(p.form) : v.elm.closest('form');
+            f?.addEventListener('reset', x.reset = onReset(x, v.elm));
+        },
+        destroy: () => x.form?.removeEventListener('reset', x.reset),
+    };
+    // F-4: `empty` while the list is open with no items: a row after the listbox, and the status
+    // region's text (announced)
+    const none = api.open && !api.collection.items.length && p.empty != null && !x.loading;
+    // Round 3: one "Press Delete to remove" description the chips point at (removeHint={false}: none)
+    const tags = x.multiple && p.chips !== false;
+    x.hint = tags && p.removeHint !== false ? x.machine.service.prop('id') + '-chip-hint' : 0;
+    return createElement('div', api.getRootProps(), p.label != null && createElement('label', api.getLabelProps(), p.label), createElement('div', api.getControlProps(), chips(api, p, x), createElement('input', { ...input, placeholder: p.placeholder, hook }), createElement('button', api.getTriggerProps(), '▾')), createElement('div', api.getPositionerProps(), createElement('div', busy(named(api.getContentProps(), p), x), options(createElement, api)), p.empty != null && createElement('div', { attrs: { 'data-scope': 'combobox', 'data-part': 'empty', hidden: !none } }, p.empty)), (p.empty != null || tags) && createElement('div', { attrs: { role: 'status', 'data-scope': 'combobox', 'data-part': 'status' }, style: SR }, status(api, p, x, none)), x.hint && createElement('span', { attrs: { id: x.hint, hidden: true } }, p.removeHint ?? 'Press Delete to remove.'), hidden(api, p, x));
 }, {
     name: 'Combobox',
     $own: 1,
+    field,
     ownProps: [...NAMING, 'name'],
-    props: ({ items, label, placeholder, value, defaultValue, filter, 'aria-label': _l, 'aria-labelledby': _b, 'aria-describedby': _d, ...p }, x) => {
+    props: ({ items, label, placeholder, value, defaultValue, filter, empty, loading, chips: _c, removeLabel, chipsLabel, removedMessage, removeHint, 'aria-label': _l, 'aria-labelledby': _b, 'aria-describedby': _d, ...p }, x) => {
         x.multiple = !!p.multiple;
         x.custom = !!p.allowCustomValue;
+        x.loading = !!loading;
         x.items = norm(items);
         // G-468: a new controlled value ends the typing. G-494: not an empty one (an app that clears
         // its value on input-change: the typed text is still what is submitted)
         const v = arr(value), k = v && JSON.stringify(v);
         if (k !== x.v)
             x.v = k, v?.length && (x.t = 0);
+        // the first value (ZS-4), whether controlled; a controlled custom value (Round 2)
         return {
-            ...p,
+            ...placed(p),
             collection: collectionOf(combobox, shown(x.items, filter, x.q || '')),
             value: v,
             defaultValue: arr(defaultValue),
             // typing only (not the label a selection writes): the filter text, and input-change
             // G-414: the app's own callbacks (p.onInputValueChange / p.onOpenChange) run first
-            onInputValueChange: (d) => { p.onInputValueChange?.(d); if (d.reason == 'input-change')
-                x.t = 1, setText(x, d.inputValue), x.dispatch('input-change', d.inputValue); },
+            // ZS-3: Zag's own writes (a value change's label, outside a render) are checked too, once
+            // they are in (after this callback)
+            onInputValueChange: (d) => {
+                p.onInputValueChange?.(d);
+                if (d.reason == 'input-change')
+                    x.t = 1, setText(x, d.inputValue), x.dispatch('input-change', d.inputValue);
+                else
+                    sync(0, x.p, x);
+            },
             onSelect: (d) => { x.t = 0; p.onSelect?.(d); },
             onValueChange: (d) => { x.t = 0; p.onValueChange?.(d); },
-            onOpenChange: (d) => { p.onOpenChange?.(d); d.open || setText(x, ''); },
+            onOpenChange: (d) => { p.onOpenChange?.(d); d.open || (setText(x, ''), sync(0, x.p, x)); },
         };
     },
     events: {
@@ -139,6 +375,8 @@ const Combobox = /*#__PURE__*/ fromZag(combobox, (api, p, x) => {
         open: (api) => api.setOpen(true),
         close: (api) => api.setOpen(false),
         clear: (api) => api.clearValue(),
+        // F-2: { remove: '.c', value } removes one value (without `value`: the last)
+        remove: (_, o, x) => remove(x, o.value),
         focus: (api) => api.focus(),
     },
     fallback: (p, hh) => hh('div', null, p.label != null && hh('label', null, p.label), hh('input', { placeholder: p.placeholder, disabled: true })),