sygnal 5.4.0 → 6.0.0

package/dist/ui-combobox.cjs.js

@@ -0,0 +1,169 @@
+'use strict';
+
+var combobox = require('@zag-js/combobox');
+var zag = require('sygnal/zag');
+var sygnal = require('sygnal');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var combobox__namespace = /*#__PURE__*/_interopNamespaceDefault(combobox);
+
+/*
+ * 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.
+ */
+/** G-413: the naming props a part applies to its control (not the host) */
+const NAMING = ['aria-label', 'aria-labelledby', 'aria-describedby'];
+/**
+ * A control's (or listbox's) Zag props named from the part's props: without a label element, no
+ * aria-labelledby to it; the props' aria-label / aria-labelledby (/ aria-describedby) win
+ */
+const named = (bag, p, describe) => {
+    const a = bag.attrs;
+    if (p.label == null)
+        delete a['aria-labelledby'];
+    for (const k of NAMING)
+        if (p[k] != null && (describe || k != 'aria-describedby'))
+            a[k] = p[k];
+    if (p['aria-labelledby'] != null)
+        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 ?? '') }
+    : { 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 });
+/** 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 }), '✓')));
+
+/*
+ * PLAN-5 2-Z (U-1): Combobox, a Zag combobox machine (WAI-ARIA editable combobox with a listbox
+ * popup) as a widget tag.
+ *
+ *   <Combobox className="city" label="City" items={CITIES} value={state.city} placeholder="Type a city" />
+ *   intent: CITY: DOM.select('.city').events('value-change').detail()   // 'Paris'
+ *
+ * Renders a label, the input (role="combobox", aria-autocomplete="list", aria-activedescendant
+ * on the highlighted option), a trigger button, and the listbox in a positioner. The items are
+ * filtered as the user types: by default the labels that contain the text (case-insensitive);
+ * `filter={(item, text) => boolean}` replaces the test, `filter={false}` leaves it to the app (it
+ * passes the `items` to show, from `input-change`). The filter text resets when the list closes.
+ * Keyboard is Zag's: ArrowDown / ArrowUp open and move, Enter selects, Escape closes, Home / End
+ * in the input move the caret. Styling hooks: `data-scope="combobox"` + `data-part` (root, label,
+ * control, input, trigger, positioner, content, item, item-text, item-indicator), `data-state`,
+ * `data-highlighted`.
+ *
+ * Forms (G-411): with `name`, hidden inputs submit the value (one per value when `multiple`);
+ * the visible input, which shows the label, has no name. `form` goes on the hidden inputs (G-434).
+ * 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).
+ *
+ * Props: `label`, `items` (strings or { value, label?, disabled? }), `value` (controlled: a
+ * string, an array when `multiple`, null for none), `defaultValue`, `placeholder`, `filter`, 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,
+ * or the values when multiple), `input-change` (the text the user typed), `open-change` (boolean).
+ * Commands: `open`, `close`, `clear`, `focus` (the input).
+ */
+const shown = (all, f, q) => {
+    if (f === false || !q)
+        return all;
+    const l = q.toLowerCase();
+    return all.filter((i) => (typeof f == 'function' ? f(i, q) : String(i.label).toLowerCase().includes(l)));
+};
+// the filter text: what the user typed; '' when the list closes
+const setText = (x, q) => { if (x.q !== q)
+    x.q = q, x.refresh(); };
+// 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.
+const submitted = (api, x) => {
+    const v = api.value[0] ?? '';
+    if (!x.custom || !x.t)
+        return v;
+    const q = api.inputValue;
+    return x.items.find((i) => i.label === q)?.value ?? q;
+};
+const hidden = (api, p, x) => {
+    if (p.name == null)
+        return null;
+    const vs = x.multiple ? api.value : [submitted(api, x)];
+    // G-434: `form` as an attribute (HTMLInputElement.form is a read-only property)
+    const attrs = p.form == null ? undefined : { form: p.form };
+    return vs.map((value, i) => sygnal.createElement('input', { key: 'h' + i, type: 'hidden', name: p.name, attrs, disabled: !!p.disabled, value }));
+};
+const Combobox = /*#__PURE__*/ zag.fromZag(combobox__namespace, (api, p, x) => {
+    const input = named(api.getInputProps(), p, 1);
+    delete input.attrs.name;
+    delete input.attrs.form;
+    return sygnal.createElement('div', api.getRootProps(), p.label != null && sygnal.createElement('label', api.getLabelProps(), p.label), sygnal.createElement('div', api.getControlProps(), sygnal.createElement('input', { ...input, placeholder: p.placeholder }), sygnal.createElement('button', api.getTriggerProps(), '▾')), sygnal.createElement('div', api.getPositionerProps(), sygnal.createElement('div', named(api.getContentProps(), p), options(sygnal.createElement, api))), hidden(api, p, x));
+}, {
+    name: 'Combobox',
+    $own: 1,
+    ownProps: [...NAMING, 'name'],
+    props: ({ items, label, placeholder, value, defaultValue, filter, 'aria-label': _l, 'aria-labelledby': _b, 'aria-describedby': _d, ...p }, x) => {
+        x.multiple = !!p.multiple;
+        x.custom = !!p.allowCustomValue;
+        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);
+        return {
+            ...p,
+            collection: collectionOf(combobox__namespace, 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); },
+            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, ''); },
+        };
+    },
+    events: {
+        'value-change': ['onValueChange', valueOut],
+        'input-change': null,
+        'open-change': ['onOpenChange', (d) => d.open],
+    },
+    commands: {
+        open: (api) => api.setOpen(true),
+        close: (api) => api.setOpen(false),
+        clear: (api) => api.clearValue(),
+        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 })),
+});
+
+exports.Combobox = Combobox;
+//# sourceMappingURL=ui-combobox.cjs.js.map

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

@@ -0,0 +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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"}

package/dist/ui-combobox.esm.js

@@ -0,0 +1,148 @@
+import * as combobox from '@zag-js/combobox';
+import { fromZag } from 'sygnal/zag';
+import { createElement } from 'sygnal';
+
+/*
+ * 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.
+ */
+/** G-413: the naming props a part applies to its control (not the host) */
+const NAMING = ['aria-label', 'aria-labelledby', 'aria-describedby'];
+/**
+ * A control's (or listbox's) Zag props named from the part's props: without a label element, no
+ * aria-labelledby to it; the props' aria-label / aria-labelledby (/ aria-describedby) win
+ */
+const named = (bag, p, describe) => {
+    const a = bag.attrs;
+    if (p.label == null)
+        delete a['aria-labelledby'];
+    for (const k of NAMING)
+        if (p[k] != null && (describe || k != 'aria-describedby'))
+            a[k] = p[k];
+    if (p['aria-labelledby'] != null)
+        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 ?? '') }
+    : { 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 });
+/** 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 }), '✓')));
+
+/*
+ * PLAN-5 2-Z (U-1): Combobox, a Zag combobox machine (WAI-ARIA editable combobox with a listbox
+ * popup) as a widget tag.
+ *
+ *   <Combobox className="city" label="City" items={CITIES} value={state.city} placeholder="Type a city" />
+ *   intent: CITY: DOM.select('.city').events('value-change').detail()   // 'Paris'
+ *
+ * Renders a label, the input (role="combobox", aria-autocomplete="list", aria-activedescendant
+ * on the highlighted option), a trigger button, and the listbox in a positioner. The items are
+ * filtered as the user types: by default the labels that contain the text (case-insensitive);
+ * `filter={(item, text) => boolean}` replaces the test, `filter={false}` leaves it to the app (it
+ * passes the `items` to show, from `input-change`). The filter text resets when the list closes.
+ * Keyboard is Zag's: ArrowDown / ArrowUp open and move, Enter selects, Escape closes, Home / End
+ * in the input move the caret. Styling hooks: `data-scope="combobox"` + `data-part` (root, label,
+ * control, input, trigger, positioner, content, item, item-text, item-indicator), `data-state`,
+ * `data-highlighted`.
+ *
+ * Forms (G-411): with `name`, hidden inputs submit the value (one per value when `multiple`);
+ * the visible input, which shows the label, has no name. `form` goes on the hidden inputs (G-434).
+ * 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).
+ *
+ * Props: `label`, `items` (strings or { value, label?, disabled? }), `value` (controlled: a
+ * string, an array when `multiple`, null for none), `defaultValue`, `placeholder`, `filter`, 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,
+ * or the values when multiple), `input-change` (the text the user typed), `open-change` (boolean).
+ * Commands: `open`, `close`, `clear`, `focus` (the input).
+ */
+const shown = (all, f, q) => {
+    if (f === false || !q)
+        return all;
+    const l = q.toLowerCase();
+    return all.filter((i) => (typeof f == 'function' ? f(i, q) : String(i.label).toLowerCase().includes(l)));
+};
+// the filter text: what the user typed; '' when the list closes
+const setText = (x, q) => { if (x.q !== q)
+    x.q = q, x.refresh(); };
+// 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.
+const submitted = (api, x) => {
+    const v = api.value[0] ?? '';
+    if (!x.custom || !x.t)
+        return v;
+    const q = api.inputValue;
+    return x.items.find((i) => i.label === q)?.value ?? q;
+};
+const hidden = (api, p, x) => {
+    if (p.name == null)
+        return null;
+    const vs = x.multiple ? api.value : [submitted(api, x)];
+    // G-434: `form` as an attribute (HTMLInputElement.form is a read-only property)
+    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 }));
+};
+const Combobox = /*#__PURE__*/ fromZag(combobox, (api, p, x) => {
+    const input = named(api.getInputProps(), p, 1);
+    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));
+}, {
+    name: 'Combobox',
+    $own: 1,
+    ownProps: [...NAMING, 'name'],
+    props: ({ items, label, placeholder, value, defaultValue, filter, 'aria-label': _l, 'aria-labelledby': _b, 'aria-describedby': _d, ...p }, x) => {
+        x.multiple = !!p.multiple;
+        x.custom = !!p.allowCustomValue;
+        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);
+        return {
+            ...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); },
+            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, ''); },
+        };
+    },
+    events: {
+        'value-change': ['onValueChange', valueOut],
+        'input-change': null,
+        'open-change': ['onOpenChange', (d) => d.open],
+    },
+    commands: {
+        open: (api) => api.setOpen(true),
+        close: (api) => api.setOpen(false),
+        clear: (api) => api.clearValue(),
+        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 })),
+});
+
+export { Combobox };
+//# sourceMappingURL=ui-combobox.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui-combobox.esm.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"],"mappings":"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"}

package/dist/ui-menu.cjs.js

@@ -0,0 +1,87 @@
+'use strict';
+
+var menu = require('@zag-js/menu');
+var zag = require('sygnal/zag');
+var sygnal = require('sygnal');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var menu__namespace = /*#__PURE__*/_interopNamespaceDefault(menu);
+
+/*
+ * 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.
+ */
+/** G-413: the naming props a part applies to its control (not the host) */
+const NAMING = ['aria-label', 'aria-labelledby', 'aria-describedby'];
+/**
+ * A control's (or listbox's) Zag props named from the part's props: without a label element, no
+ * aria-labelledby to it; the props' aria-label / aria-labelledby (/ aria-describedby) win
+ */
+const named = (bag, p, describe) => {
+    const a = bag.attrs;
+    if (p.label == null)
+        delete a['aria-labelledby'];
+    for (const k of NAMING)
+        if (p[k] != null && (describe || k != 'aria-describedby'))
+            a[k] = p[k];
+    if (p['aria-labelledby'] != null)
+        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 ?? '') }
+    : { value: String(i), label: String(i) }));
+
+/*
+ * PLAN-5 2-Z (U-1): Menu, a Zag menu machine (WAI-ARIA menu button) as a widget tag.
+ *
+ *   <Menu className="actions" label="Actions" items={[{ value: 'edit', label: 'Edit' }, { value: 'delete', label: 'Delete', disabled: true }]} />
+ *   intent: PICK: DOM.select('.actions').events('select').detail()     // 'edit'
+ *   model:  OPEN_ACTIONS: { ELEMENT: { open: '.actions' } }
+ *
+ * Renders a trigger button (its text: `label`) and the menu (role="menu", items role="menuitem")
+ * in a positioner. Keyboard, focus and typeahead are Zag's: Enter / Space / ArrowDown open it on
+ * the first item (ArrowUp on the last), the arrows move, Home / End, typing jumps to an item,
+ * Enter / click selects and closes, Escape / Tab / a click outside closes; the focus returns to
+ * the trigger. Styling hooks: Zag's `data-scope="menu"` + `data-part` (trigger, positioner,
+ * content, item, separator), `data-state`, `data-highlighted`, `data-disabled`.
+ *
+ * Props: `label`, `items` (strings, or { value, label?, disabled? }, or { separator: true }), and
+ * Zag's menu props (`open` controlled, `defaultOpen`, `closeOnSelect`, `loopFocus`, `typeahead`,
+ * `positioning`, `dir`, `id`). Events: `select` (the item's value), `open-change` (boolean).
+ * Commands: `open`, `close`.
+ */
+const Menu = /*#__PURE__*/ zag.fromZag(menu__namespace, (api, p) => [
+    sygnal.createElement('button', named(api.getTriggerProps(), { ...p, label: 1 }, 1), p.label),
+    sygnal.createElement('div', api.getPositionerProps(), sygnal.createElement('div', api.getContentProps(), norm(p.items).map((i) => (i.separator
+        ? sygnal.createElement('hr', api.getSeparatorProps())
+        : sygnal.createElement('div', { key: i.value, ...api.getItemProps({ value: i.value, disabled: !!i.disabled }) }, i.label))))),
+], {
+    name: 'Menu',
+    $own: 1,
+    ownProps: NAMING,
+    props: ({ items, label, 'aria-label': _l, 'aria-labelledby': _b, 'aria-describedby': _d, ...p }) => p,
+    events: { select: ['onSelect', (d) => d.value], 'open-change': ['onOpenChange', (d) => d.open] },
+    commands: { open: (api) => api.setOpen(true), close: (api) => api.setOpen(false) },
+    fallback: (p, hh) => hh('button', { type: 'button', 'aria-haspopup': 'menu', 'aria-expanded': false }, p.label),
+});
+
+exports.Menu = Menu;
+//# sourceMappingURL=ui-menu.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui-menu.cjs.js","sources":["../src/ui/zag/shared.ts","../src/ui/zag/menu.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): Menu, a Zag menu machine (WAI-ARIA menu button) as a widget tag.\n *\n *   <Menu className=\"actions\" label=\"Actions\" items={[{ value: 'edit', label: 'Edit' }, { value: 'delete', label: 'Delete', disabled: true }]} />\n *   intent: PICK: DOM.select('.actions').events('select').detail()     // 'edit'\n *   model:  OPEN_ACTIONS: { ELEMENT: { open: '.actions' } }\n *\n * Renders a trigger button (its text: `label`) and the menu (role=\"menu\", items role=\"menuitem\")\n * in a positioner. Keyboard, focus and typeahead are Zag's: Enter / Space / ArrowDown open it on\n * the first item (ArrowUp on the last), the arrows move, Home / End, typing jumps to an item,\n * Enter / click selects and closes, Escape / Tab / a click outside closes; the focus returns to\n * the trigger. Styling hooks: Zag's `data-scope=\"menu\"` + `data-part` (trigger, positioner,\n * content, item, separator), `data-state`, `data-highlighted`, `data-disabled`.\n *\n * Props: `label`, `items` (strings, or { value, label?, disabled? }, or { separator: true }), and\n * Zag's menu props (`open` controlled, `defaultOpen`, `closeOnSelect`, `loopFocus`, `typeahead`,\n * `positioning`, `dir`, `id`). Events: `select` (the item's value), `open-change` (boolean).\n * Commands: `open`, `close`.\n */\nimport * as menu from '@zag-js/menu'\nimport {fromZag} from '../../zag'\nimport {createElement as h} from '../../index'\nimport {NAMING, named, norm} from './shared'\n\nexport const Menu: any = /*#__PURE__*/ fromZag(menu, (api: any, p: any) => [\n  h('button', named(api.getTriggerProps(), {...p, label: 1}, 1), p.label),\n  h('div', api.getPositionerProps(),\n    h('div', api.getContentProps(),\n      norm(p.items).map((i: any) => (i.separator\n        ? h('hr', api.getSeparatorProps())\n        : h('div', {key: i.value, ...api.getItemProps({value: i.value, disabled: !!i.disabled})}, i.label))))),\n], {\n  name: 'Menu',\n  $own: 1,\n  ownProps: NAMING,\n  props: ({items, label, 'aria-label': _l, 'aria-labelledby': _b, 'aria-describedby': _d, ...p}: any) => p,\n  events: {select: ['onSelect', (d: any) => d.value], 'open-change': ['onOpenChange', (d: any) => d.open]},\n  commands: {open: (api: any) => api.setOpen(true), close: (api: any) => api.setOpen(false)},\n  fallback: (p: any, hh: any) => hh('button', {type: 'button', 'aria-haspopup': 'menu', 'aria-expanded': false}, p.label),\n})\n"],"names":["fromZag","menu","h"],"mappings":"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"}

package/dist/ui-menu.esm.js

@@ -0,0 +1,66 @@
+import * as menu from '@zag-js/menu';
+import { fromZag } from 'sygnal/zag';
+import { createElement } from 'sygnal';
+
+/*
+ * 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.
+ */
+/** G-413: the naming props a part applies to its control (not the host) */
+const NAMING = ['aria-label', 'aria-labelledby', 'aria-describedby'];
+/**
+ * A control's (or listbox's) Zag props named from the part's props: without a label element, no
+ * aria-labelledby to it; the props' aria-label / aria-labelledby (/ aria-describedby) win
+ */
+const named = (bag, p, describe) => {
+    const a = bag.attrs;
+    if (p.label == null)
+        delete a['aria-labelledby'];
+    for (const k of NAMING)
+        if (p[k] != null && (describe || k != 'aria-describedby'))
+            a[k] = p[k];
+    if (p['aria-labelledby'] != null)
+        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 ?? '') }
+    : { value: String(i), label: String(i) }));
+
+/*
+ * PLAN-5 2-Z (U-1): Menu, a Zag menu machine (WAI-ARIA menu button) as a widget tag.
+ *
+ *   <Menu className="actions" label="Actions" items={[{ value: 'edit', label: 'Edit' }, { value: 'delete', label: 'Delete', disabled: true }]} />
+ *   intent: PICK: DOM.select('.actions').events('select').detail()     // 'edit'
+ *   model:  OPEN_ACTIONS: { ELEMENT: { open: '.actions' } }
+ *
+ * Renders a trigger button (its text: `label`) and the menu (role="menu", items role="menuitem")
+ * in a positioner. Keyboard, focus and typeahead are Zag's: Enter / Space / ArrowDown open it on
+ * the first item (ArrowUp on the last), the arrows move, Home / End, typing jumps to an item,
+ * Enter / click selects and closes, Escape / Tab / a click outside closes; the focus returns to
+ * the trigger. Styling hooks: Zag's `data-scope="menu"` + `data-part` (trigger, positioner,
+ * content, item, separator), `data-state`, `data-highlighted`, `data-disabled`.
+ *
+ * Props: `label`, `items` (strings, or { value, label?, disabled? }, or { separator: true }), and
+ * Zag's menu props (`open` controlled, `defaultOpen`, `closeOnSelect`, `loopFocus`, `typeahead`,
+ * `positioning`, `dir`, `id`). Events: `select` (the item's value), `open-change` (boolean).
+ * Commands: `open`, `close`.
+ */
+const Menu = /*#__PURE__*/ fromZag(menu, (api, p) => [
+    createElement('button', named(api.getTriggerProps(), { ...p, label: 1 }, 1), p.label),
+    createElement('div', api.getPositionerProps(), createElement('div', api.getContentProps(), norm(p.items).map((i) => (i.separator
+        ? createElement('hr', api.getSeparatorProps())
+        : createElement('div', { key: i.value, ...api.getItemProps({ value: i.value, disabled: !!i.disabled }) }, i.label))))),
+], {
+    name: 'Menu',
+    $own: 1,
+    ownProps: NAMING,
+    props: ({ items, label, 'aria-label': _l, 'aria-labelledby': _b, 'aria-describedby': _d, ...p }) => p,
+    events: { select: ['onSelect', (d) => d.value], 'open-change': ['onOpenChange', (d) => d.open] },
+    commands: { open: (api) => api.setOpen(true), close: (api) => api.setOpen(false) },
+    fallback: (p, hh) => hh('button', { type: 'button', 'aria-haspopup': 'menu', 'aria-expanded': false }, p.label),
+});
+
+export { Menu };
+//# sourceMappingURL=ui-menu.esm.js.map

package/dist/ui-menu.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-menu.esm.js","sources":["../src/ui/zag/shared.ts","../src/ui/zag/menu.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): Menu, a Zag menu machine (WAI-ARIA menu button) as a widget tag.\n *\n *   <Menu className=\"actions\" label=\"Actions\" items={[{ value: 'edit', label: 'Edit' }, { value: 'delete', label: 'Delete', disabled: true }]} />\n *   intent: PICK: DOM.select('.actions').events('select').detail()     // 'edit'\n *   model:  OPEN_ACTIONS: { ELEMENT: { open: '.actions' } }\n *\n * Renders a trigger button (its text: `label`) and the menu (role=\"menu\", items role=\"menuitem\")\n * in a positioner. Keyboard, focus and typeahead are Zag's: Enter / Space / ArrowDown open it on\n * the first item (ArrowUp on the last), the arrows move, Home / End, typing jumps to an item,\n * Enter / click selects and closes, Escape / Tab / a click outside closes; the focus returns to\n * the trigger. Styling hooks: Zag's `data-scope=\"menu\"` + `data-part` (trigger, positioner,\n * content, item, separator), `data-state`, `data-highlighted`, `data-disabled`.\n *\n * Props: `label`, `items` (strings, or { value, label?, disabled? }, or { separator: true }), and\n * Zag's menu props (`open` controlled, `defaultOpen`, `closeOnSelect`, `loopFocus`, `typeahead`,\n * `positioning`, `dir`, `id`). Events: `select` (the item's value), `open-change` (boolean).\n * Commands: `open`, `close`.\n */\nimport * as menu from '@zag-js/menu'\nimport {fromZag} from '../../zag'\nimport {createElement as h} from '../../index'\nimport {NAMING, named, norm} from './shared'\n\nexport const Menu: any = /*#__PURE__*/ fromZag(menu, (api: any, p: any) => [\n  h('button', named(api.getTriggerProps(), {...p, label: 1}, 1), p.label),\n  h('div', api.getPositionerProps(),\n    h('div', api.getContentProps(),\n      norm(p.items).map((i: any) => (i.separator\n        ? h('hr', api.getSeparatorProps())\n        : h('div', {key: i.value, ...api.getItemProps({value: i.value, disabled: !!i.disabled})}, i.label))))),\n], {\n  name: 'Menu',\n  $own: 1,\n  ownProps: NAMING,\n  props: ({items, label, 'aria-label': _l, 'aria-labelledby': _b, 'aria-describedby': _d, ...p}: any) => p,\n  events: {select: ['onSelect', (d: any) => d.value], 'open-change': ['onOpenChange', (d: any) => d.open]},\n  commands: {open: (api: any) => api.setOpen(true), close: (api: any) => api.setOpen(false)},\n  fallback: (p: any, hh: any) => hh('button', {type: 'button', 'aria-haspopup': 'menu', 'aria-expanded': false}, p.label),\n})\n"],"names":["h"],"mappings":"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"}