@proyecto-viviana/solidaria 0.4.0 → 0.4.1

package/dist/_chunk/spinbutton.js

@@ -0,0 +1,153 @@
+import { t as access } from "./reactivity.js";
+import { n as createStringFormatter } from "./createStringFormatter.js";
+import { n as clearAnnouncer, t as announce } from "./announce.js";
+import { createEffect, createMemo } from "solid-js";
+import { LocalizedStringDictionary } from "@internationalized/string";
+//#region src/spinbutton/intl.ts
+const spinButtonStrings = {
+	"ar-AE": { "Empty": `\u{641}\u{627}\u{631}\u{63A}` },
+	"bg-BG": { "Empty": `\u{418}\u{437}\u{43F}\u{440}\u{430}\u{437}\u{43D}\u{438}` },
+	"cs-CZ": { "Empty": `Pr\xe1zdn\xe9` },
+	"da-DK": { "Empty": `Tom` },
+	"de-DE": { "Empty": `Leer` },
+	"el-GR": { "Empty": `\u{386}\u{3B4}\u{3B5}\u{3B9}\u{3BF}` },
+	"en-US": { "Empty": `Empty` },
+	"es-ES": { "Empty": `Vac\xedo` },
+	"et-EE": { "Empty": `T\xfchjenda` },
+	"fi-FI": { "Empty": `Tyhj\xe4` },
+	"fr-FR": { "Empty": `Vide` },
+	"he-IL": { "Empty": `\u{5E8}\u{5D9}\u{5E7}` },
+	"hr-HR": { "Empty": `Prazno` },
+	"hu-HU": { "Empty": `\xdcres` },
+	"it-IT": { "Empty": `Vuoto` },
+	"ja-JP": { "Empty": `\u{7A7A}` },
+	"ko-KR": { "Empty": `\u{BE44}\u{C5B4} \u{C788}\u{C74C}` },
+	"lt-LT": { "Empty": `Tu\u{161}\u{10D}ias` },
+	"lv-LV": { "Empty": `Tuk\u{161}s` },
+	"nb-NO": { "Empty": `Tom` },
+	"nl-NL": { "Empty": `Leeg` },
+	"pl-PL": { "Empty": `Pusty` },
+	"pt-BR": { "Empty": `Vazio` },
+	"pt-PT": { "Empty": `Vazio` },
+	"ro-RO": { "Empty": `Gol` },
+	"ru-RU": { "Empty": `\u{41D}\u{435} \u{437}\u{430}\u{43F}\u{43E}\u{43B}\u{43D}\u{435}\u{43D}\u{43E}` },
+	"sk-SK": { "Empty": `Pr\xe1zdne` },
+	"sl-SI": { "Empty": `Prazen` },
+	"sr-SP": { "Empty": `Prazno` },
+	"sv-SE": { "Empty": `Tomt` },
+	"tr-TR": { "Empty": `Bo\u{15F}` },
+	"uk-UA": { "Empty": `\u{41F}\u{443}\u{441}\u{442}\u{43E}` },
+	"zh-CN": { "Empty": `\u{7A7A}` },
+	"zh-TW": { "Empty": `\u{7A7A}\u{767D}` }
+};
+const spinButtonDictionary = new LocalizedStringDictionary(spinButtonStrings);
+//#endregion
+//#region src/spinbutton/createSpinButton.ts
+/**
+* createSpinButton hook for Solidaria
+*
+* Provides the ARIA spinbutton props and live-region announcement behaviour for
+* a single spinbutton (e.g. a date-field segment). Port of the keyboard/announce
+* portion of @react-aria/spinbutton `useSpinButton`. The pointer press-and-hold
+* button machinery (increment/decrement buttons) is intentionally omitted — date
+* segments drive value changes through the keyboard only.
+*/
+/**
+* Provides the behaviour and accessibility implementation for a spinbutton.
+*/
+function createSpinButton(props) {
+	const getProps = () => access(props);
+	const stringFormatter = createStringFormatter(spinButtonStrings, "@react-aria/spinbutton");
+	const onKeyDown = (e) => {
+		const p = getProps();
+		if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || p.isReadOnly || e.isComposing) return;
+		switch (e.key) {
+			case "PageUp":
+				if (p.onIncrementPage) {
+					e.preventDefault();
+					p.onIncrementPage();
+				} else if (p.onIncrement) {
+					e.preventDefault();
+					p.onIncrement();
+				}
+				break;
+			case "ArrowUp":
+			case "Up":
+				if (p.onIncrement) {
+					e.preventDefault();
+					p.onIncrement();
+				}
+				break;
+			case "PageDown":
+				if (p.onDecrementPage) {
+					e.preventDefault();
+					p.onDecrementPage();
+				} else if (p.onDecrement) {
+					e.preventDefault();
+					p.onDecrement();
+				}
+				break;
+			case "ArrowDown":
+			case "Down":
+				if (p.onDecrement) {
+					e.preventDefault();
+					p.onDecrement();
+				}
+				break;
+			case "Home":
+				if (p.onDecrementToMin) {
+					e.preventDefault();
+					p.onDecrementToMin();
+				}
+				break;
+			case "End":
+				if (p.onIncrementToMax) {
+					e.preventDefault();
+					p.onIncrementToMax();
+				}
+				break;
+		}
+	};
+	let isFocused = false;
+	const onFocus = () => {
+		isFocused = true;
+	};
+	const onBlur = () => {
+		isFocused = false;
+	};
+	const ariaTextValue = createMemo(() => {
+		const p = getProps();
+		return p.textValue === "" ? stringFormatter().format("Empty") : (p.textValue || `${p.value}`).replace("-", "−");
+	});
+	createEffect(() => {
+		const value = ariaTextValue();
+		if (isFocused) {
+			clearAnnouncer("assertive");
+			announce(value, "assertive");
+		}
+	});
+	const spinButtonProps = createMemo(() => {
+		const p = getProps();
+		const value = p.value;
+		return {
+			role: "spinbutton",
+			"aria-valuenow": value !== void 0 && !isNaN(value) ? value : void 0,
+			"aria-valuetext": ariaTextValue(),
+			"aria-valuemin": p.minValue,
+			"aria-valuemax": p.maxValue,
+			"aria-disabled": p.isDisabled || void 0,
+			"aria-readonly": p.isReadOnly || void 0,
+			"aria-required": p.isRequired || void 0,
+			onKeyDown,
+			onFocus,
+			onBlur
+		};
+	});
+	return { get spinButtonProps() {
+		return spinButtonProps();
+	} };
+}
+//#endregion
+export { spinButtonDictionary as n, spinButtonStrings as r, createSpinButton as t };
+
+//# sourceMappingURL=spinbutton.js.map

package/dist/_chunk/spinbutton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinbutton.js","names":[],"sources":["../../src/spinbutton/intl.ts","../../src/spinbutton/createSpinButton.ts"],"sourcesContent":["// Spinbutton announcement catalog, ported verbatim from @react-aria/spinbutton's\n// intl/*.json (34 locales). Keep in sync with the vendored react-spectrum source on\n// every pin bump.\nimport { LocalizedStringDictionary } from \"@internationalized/string\";\n\nexport type SpinButtonStringKey = \"Empty\";\n\nexport const spinButtonStrings: Record<string, Record<SpinButtonStringKey, string>> = {\n  \"ar-AE\": {\n  \"Empty\": `\\u{641}\\u{627}\\u{631}\\u{63A}`\n  },\n  \"bg-BG\": {\n  \"Empty\": `\\u{418}\\u{437}\\u{43F}\\u{440}\\u{430}\\u{437}\\u{43D}\\u{438}`\n  },\n  \"cs-CZ\": {\n  \"Empty\": `Pr\\xe1zdn\\xe9`\n  },\n  \"da-DK\": {\n  \"Empty\": `Tom`\n  },\n  \"de-DE\": {\n  \"Empty\": `Leer`\n  },\n  \"el-GR\": {\n  \"Empty\": `\\u{386}\\u{3B4}\\u{3B5}\\u{3B9}\\u{3BF}`\n  },\n  \"en-US\": {\n  \"Empty\": `Empty`\n  },\n  \"es-ES\": {\n  \"Empty\": `Vac\\xedo`\n  },\n  \"et-EE\": {\n  \"Empty\": `T\\xfchjenda`\n  },\n  \"fi-FI\": {\n  \"Empty\": `Tyhj\\xe4`\n  },\n  \"fr-FR\": {\n  \"Empty\": `Vide`\n  },\n  \"he-IL\": {\n  \"Empty\": `\\u{5E8}\\u{5D9}\\u{5E7}`\n  },\n  \"hr-HR\": {\n  \"Empty\": `Prazno`\n  },\n  \"hu-HU\": {\n  \"Empty\": `\\xdcres`\n  },\n  \"it-IT\": {\n  \"Empty\": `Vuoto`\n  },\n  \"ja-JP\": {\n  \"Empty\": `\\u{7A7A}`\n  },\n  \"ko-KR\": {\n  \"Empty\": `\\u{BE44}\\u{C5B4} \\u{C788}\\u{C74C}`\n  },\n  \"lt-LT\": {\n  \"Empty\": `Tu\\u{161}\\u{10D}ias`\n  },\n  \"lv-LV\": {\n  \"Empty\": `Tuk\\u{161}s`\n  },\n  \"nb-NO\": {\n  \"Empty\": `Tom`\n  },\n  \"nl-NL\": {\n  \"Empty\": `Leeg`\n  },\n  \"pl-PL\": {\n  \"Empty\": `Pusty`\n  },\n  \"pt-BR\": {\n  \"Empty\": `Vazio`\n  },\n  \"pt-PT\": {\n  \"Empty\": `Vazio`\n  },\n  \"ro-RO\": {\n  \"Empty\": `Gol`\n  },\n  \"ru-RU\": {\n  \"Empty\": `\\u{41D}\\u{435} \\u{437}\\u{430}\\u{43F}\\u{43E}\\u{43B}\\u{43D}\\u{435}\\u{43D}\\u{43E}`\n  },\n  \"sk-SK\": {\n  \"Empty\": `Pr\\xe1zdne`\n  },\n  \"sl-SI\": {\n  \"Empty\": `Prazen`\n  },\n  \"sr-SP\": {\n  \"Empty\": `Prazno`\n  },\n  \"sv-SE\": {\n  \"Empty\": `Tomt`\n  },\n  \"tr-TR\": {\n  \"Empty\": `Bo\\u{15F}`\n  },\n  \"uk-UA\": {\n  \"Empty\": `\\u{41F}\\u{443}\\u{441}\\u{442}\\u{43E}`\n  },\n  \"zh-CN\": {\n  \"Empty\": `\\u{7A7A}`\n  },\n  \"zh-TW\": {\n  \"Empty\": `\\u{7A7A}\\u{767D}`\n  },\n};\n\nexport const spinButtonDictionary = new LocalizedStringDictionary<SpinButtonStringKey, string>(\n  spinButtonStrings,\n);\n","/**\n * createSpinButton hook for Solidaria\n *\n * Provides the ARIA spinbutton props and live-region announcement behaviour for\n * a single spinbutton (e.g. a date-field segment). Port of the keyboard/announce\n * portion of @react-aria/spinbutton `useSpinButton`. The pointer press-and-hold\n * button machinery (increment/decrement buttons) is intentionally omitted — date\n * segments drive value changes through the keyboard only.\n */\n\nimport { createMemo, createEffect } from \"solid-js\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { createStringFormatter } from \"../i18n\";\nimport { announce, clearAnnouncer } from \"../live-announcer\";\nimport { spinButtonStrings, type SpinButtonStringKey } from \"./intl\";\n\nexport interface SpinButtonProps {\n  /** The current value of the spinbutton. */\n  value?: number;\n  /** A human-readable text alternative for the value. */\n  textValue?: string;\n  /** The smallest value allowed. */\n  minValue?: number;\n  /** The largest value allowed. */\n  maxValue?: number;\n  /** Whether the spinbutton is disabled. */\n  isDisabled?: boolean;\n  /** Whether the spinbutton is read only. */\n  isReadOnly?: boolean;\n  /** Whether the spinbutton is required. */\n  isRequired?: boolean;\n  onIncrement?: () => void;\n  onIncrementPage?: () => void;\n  onDecrement?: () => void;\n  onDecrementPage?: () => void;\n  onDecrementToMin?: () => void;\n  onIncrementToMax?: () => void;\n}\n\nexport interface SpinButtonAria {\n  /** Props for the spinbutton element. */\n  spinButtonProps: Record<string, unknown>;\n}\n\n/**\n * Provides the behaviour and accessibility implementation for a spinbutton.\n */\nexport function createSpinButton(props: MaybeAccessor<SpinButtonProps>): SpinButtonAria {\n  const getProps = () => access(props);\n  const stringFormatter = createStringFormatter<SpinButtonStringKey>(\n    spinButtonStrings,\n    \"@react-aria/spinbutton\",\n  );\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    const p = getProps();\n    if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || p.isReadOnly || e.isComposing) {\n      return;\n    }\n\n    switch (e.key) {\n      // Upstream deliberately falls through PageUp → ArrowUp when no page\n      // handler exists; our tsconfig forbids lexical fallthrough, so the\n      // PageUp case mirrors that branch inline instead.\n      case \"PageUp\":\n        if (p.onIncrementPage) {\n          e.preventDefault();\n          p.onIncrementPage();\n        } else if (p.onIncrement) {\n          e.preventDefault();\n          p.onIncrement();\n        }\n        break;\n      case \"ArrowUp\":\n      case \"Up\":\n        if (p.onIncrement) {\n          e.preventDefault();\n          p.onIncrement();\n        }\n        break;\n      // Same faithful fallthrough as PageUp, mirrored inline (PageDown → ArrowDown).\n      case \"PageDown\":\n        if (p.onDecrementPage) {\n          e.preventDefault();\n          p.onDecrementPage();\n        } else if (p.onDecrement) {\n          e.preventDefault();\n          p.onDecrement();\n        }\n        break;\n      case \"ArrowDown\":\n      case \"Down\":\n        if (p.onDecrement) {\n          e.preventDefault();\n          p.onDecrement();\n        }\n        break;\n      case \"Home\":\n        if (p.onDecrementToMin) {\n          e.preventDefault();\n          p.onDecrementToMin();\n        }\n        break;\n      case \"End\":\n        if (p.onIncrementToMax) {\n          e.preventDefault();\n          p.onIncrementToMax();\n        }\n        break;\n    }\n  };\n\n  // Non-reactive focus flag — matches upstream's `isFocused` ref. Toggling it must\n  // NOT re-run the announce effect; only a change in `ariaTextValue` announces.\n  let isFocused = false;\n  const onFocus = () => {\n    isFocused = true;\n  };\n  const onBlur = () => {\n    isFocused = false;\n  };\n\n  // Replace Unicode hyphen-minus (U+002D) with minus sign (U+2212) so VoiceOver\n  // announces it as \"minus\". Replace the empty string with the word \"Empty\".\n  const ariaTextValue = createMemo(() => {\n    const p = getProps();\n    return p.textValue === \"\"\n      ? stringFormatter().format(\"Empty\")\n      : (p.textValue || `${p.value}`).replace(\"-\", \"−\");\n  });\n\n  createEffect(() => {\n    const value = ariaTextValue();\n    if (isFocused) {\n      clearAnnouncer(\"assertive\");\n      announce(value, \"assertive\");\n    }\n  });\n\n  const spinButtonProps = createMemo(() => {\n    const p = getProps();\n    const value = p.value;\n    return {\n      role: \"spinbutton\",\n      \"aria-valuenow\": value !== undefined && !isNaN(value) ? value : undefined,\n      \"aria-valuetext\": ariaTextValue(),\n      \"aria-valuemin\": p.minValue,\n      \"aria-valuemax\": p.maxValue,\n      \"aria-disabled\": p.isDisabled || undefined,\n      \"aria-readonly\": p.isReadOnly || undefined,\n      \"aria-required\": p.isRequired || undefined,\n      onKeyDown,\n      onFocus,\n      onBlur,\n    };\n  });\n\n  return {\n    get spinButtonProps() {\n      return spinButtonProps();\n    },\n  };\n}\n"],"mappings":";;;;;;AAOA,MAAa,oBAAyE;CACpF,SAAS,EACT,SAAS,+BACT;CACA,SAAS,EACT,SAAS,2DACT;CACA,SAAS,EACT,SAAS,gBACT;CACA,SAAS,EACT,SAAS,MACT;CACA,SAAS,EACT,SAAS,OACT;CACA,SAAS,EACT,SAAS,sCACT;CACA,SAAS,EACT,SAAS,QACT;CACA,SAAS,EACT,SAAS,WACT;CACA,SAAS,EACT,SAAS,cACT;CACA,SAAS,EACT,SAAS,WACT;CACA,SAAS,EACT,SAAS,OACT;CACA,SAAS,EACT,SAAS,wBACT;CACA,SAAS,EACT,SAAS,SACT;CACA,SAAS,EACT,SAAS,UACT;CACA,SAAS,EACT,SAAS,QACT;CACA,SAAS,EACT,SAAS,WACT;CACA,SAAS,EACT,SAAS,oCACT;CACA,SAAS,EACT,SAAS,sBACT;CACA,SAAS,EACT,SAAS,cACT;CACA,SAAS,EACT,SAAS,MACT;CACA,SAAS,EACT,SAAS,OACT;CACA,SAAS,EACT,SAAS,QACT;CACA,SAAS,EACT,SAAS,QACT;CACA,SAAS,EACT,SAAS,QACT;CACA,SAAS,EACT,SAAS,MACT;CACA,SAAS,EACT,SAAS,iFACT;CACA,SAAS,EACT,SAAS,aACT;CACA,SAAS,EACT,SAAS,SACT;CACA,SAAS,EACT,SAAS,SACT;CACA,SAAS,EACT,SAAS,OACT;CACA,SAAS,EACT,SAAS,YACT;CACA,SAAS,EACT,SAAS,sCACT;CACA,SAAS,EACT,SAAS,WACT;CACA,SAAS,EACT,SAAS,mBACT;AACF;AAEA,MAAa,uBAAuB,IAAI,0BACtC,iBACF;;;;;;;;;;;;;;;ACnEA,SAAgB,iBAAiB,OAAuD;CACtF,MAAM,iBAAiB,OAAO,KAAK;CACnC,MAAM,kBAAkB,sBACtB,mBACA,wBACF;CAEA,MAAM,aAAa,MAAqB;EACtC,MAAM,IAAI,SAAS;EACnB,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,aACxE;EAGF,QAAQ,EAAE,KAAV;GAIE,KAAK;IACH,IAAI,EAAE,iBAAiB;KACrB,EAAE,eAAe;KACjB,EAAE,gBAAgB;IACpB,OAAO,IAAI,EAAE,aAAa;KACxB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GACF,KAAK;GACL,KAAK;IACH,IAAI,EAAE,aAAa;KACjB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GAEF,KAAK;IACH,IAAI,EAAE,iBAAiB;KACrB,EAAE,eAAe;KACjB,EAAE,gBAAgB;IACpB,OAAO,IAAI,EAAE,aAAa;KACxB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GACF,KAAK;GACL,KAAK;IACH,IAAI,EAAE,aAAa;KACjB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GACF,KAAK;IACH,IAAI,EAAE,kBAAkB;KACtB,EAAE,eAAe;KACjB,EAAE,iBAAiB;IACrB;IACA;GACF,KAAK;IACH,IAAI,EAAE,kBAAkB;KACtB,EAAE,eAAe;KACjB,EAAE,iBAAiB;IACrB;IACA;EACJ;CACF;CAIA,IAAI,YAAY;CAChB,MAAM,gBAAgB;EACpB,YAAY;CACd;CACA,MAAM,eAAe;EACnB,YAAY;CACd;CAIA,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,IAAI,SAAS;EACnB,OAAO,EAAE,cAAc,KACnB,gBAAgB,CAAC,CAAC,OAAO,OAAO,KAC/B,EAAE,aAAa,GAAG,EAAE,QAAA,CAAS,QAAQ,KAAK,GAAG;CACpD,CAAC;CAED,mBAAmB;EACjB,MAAM,QAAQ,cAAc;EAC5B,IAAI,WAAW;GACb,eAAe,WAAW;GAC1B,SAAS,OAAO,WAAW;EAC7B;CACF,CAAC;CAED,MAAM,kBAAkB,iBAAiB;EACvC,MAAM,IAAI,SAAS;EACnB,MAAM,QAAQ,EAAE;EAChB,OAAO;GACL,MAAM;GACN,iBAAiB,UAAU,KAAA,KAAa,CAAC,MAAM,KAAK,IAAI,QAAQ,KAAA;GAChE,kBAAkB,cAAc;GAChC,iBAAiB,EAAE;GACnB,iBAAiB,EAAE;GACnB,iBAAiB,EAAE,cAAc,KAAA;GACjC,iBAAiB,EAAE,cAAc,KAAA;GACjC,iBAAiB,EAAE,cAAc,KAAA;GACjC;GACA;GACA;EACF;CACF,CAAC;CAED,OAAO,EACL,IAAI,kBAAkB;EACpB,OAAO,gBAAgB;CACzB,EACF;AACF"}

package/dist/_chunk/spinbutton.jsx

@@ -0,0 +1,153 @@
+import { t as access } from "./reactivity.jsx";
+import { n as createStringFormatter } from "./createStringFormatter.jsx";
+import { n as clearAnnouncer, t as announce } from "./announce.jsx";
+import { createEffect, createMemo } from "solid-js";
+import { LocalizedStringDictionary } from "@internationalized/string";
+//#region src/spinbutton/intl.ts
+const spinButtonStrings = {
+	"ar-AE": { "Empty": `\u{641}\u{627}\u{631}\u{63A}` },
+	"bg-BG": { "Empty": `\u{418}\u{437}\u{43F}\u{440}\u{430}\u{437}\u{43D}\u{438}` },
+	"cs-CZ": { "Empty": `Pr\xe1zdn\xe9` },
+	"da-DK": { "Empty": `Tom` },
+	"de-DE": { "Empty": `Leer` },
+	"el-GR": { "Empty": `\u{386}\u{3B4}\u{3B5}\u{3B9}\u{3BF}` },
+	"en-US": { "Empty": `Empty` },
+	"es-ES": { "Empty": `Vac\xedo` },
+	"et-EE": { "Empty": `T\xfchjenda` },
+	"fi-FI": { "Empty": `Tyhj\xe4` },
+	"fr-FR": { "Empty": `Vide` },
+	"he-IL": { "Empty": `\u{5E8}\u{5D9}\u{5E7}` },
+	"hr-HR": { "Empty": `Prazno` },
+	"hu-HU": { "Empty": `\xdcres` },
+	"it-IT": { "Empty": `Vuoto` },
+	"ja-JP": { "Empty": `\u{7A7A}` },
+	"ko-KR": { "Empty": `\u{BE44}\u{C5B4} \u{C788}\u{C74C}` },
+	"lt-LT": { "Empty": `Tu\u{161}\u{10D}ias` },
+	"lv-LV": { "Empty": `Tuk\u{161}s` },
+	"nb-NO": { "Empty": `Tom` },
+	"nl-NL": { "Empty": `Leeg` },
+	"pl-PL": { "Empty": `Pusty` },
+	"pt-BR": { "Empty": `Vazio` },
+	"pt-PT": { "Empty": `Vazio` },
+	"ro-RO": { "Empty": `Gol` },
+	"ru-RU": { "Empty": `\u{41D}\u{435} \u{437}\u{430}\u{43F}\u{43E}\u{43B}\u{43D}\u{435}\u{43D}\u{43E}` },
+	"sk-SK": { "Empty": `Pr\xe1zdne` },
+	"sl-SI": { "Empty": `Prazen` },
+	"sr-SP": { "Empty": `Prazno` },
+	"sv-SE": { "Empty": `Tomt` },
+	"tr-TR": { "Empty": `Bo\u{15F}` },
+	"uk-UA": { "Empty": `\u{41F}\u{443}\u{441}\u{442}\u{43E}` },
+	"zh-CN": { "Empty": `\u{7A7A}` },
+	"zh-TW": { "Empty": `\u{7A7A}\u{767D}` }
+};
+const spinButtonDictionary = new LocalizedStringDictionary(spinButtonStrings);
+//#endregion
+//#region src/spinbutton/createSpinButton.ts
+/**
+* createSpinButton hook for Solidaria
+*
+* Provides the ARIA spinbutton props and live-region announcement behaviour for
+* a single spinbutton (e.g. a date-field segment). Port of the keyboard/announce
+* portion of @react-aria/spinbutton `useSpinButton`. The pointer press-and-hold
+* button machinery (increment/decrement buttons) is intentionally omitted — date
+* segments drive value changes through the keyboard only.
+*/
+/**
+* Provides the behaviour and accessibility implementation for a spinbutton.
+*/
+function createSpinButton(props) {
+	const getProps = () => access(props);
+	const stringFormatter = createStringFormatter(spinButtonStrings, "@react-aria/spinbutton");
+	const onKeyDown = (e) => {
+		const p = getProps();
+		if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || p.isReadOnly || e.isComposing) return;
+		switch (e.key) {
+			case "PageUp":
+				if (p.onIncrementPage) {
+					e.preventDefault();
+					p.onIncrementPage();
+				} else if (p.onIncrement) {
+					e.preventDefault();
+					p.onIncrement();
+				}
+				break;
+			case "ArrowUp":
+			case "Up":
+				if (p.onIncrement) {
+					e.preventDefault();
+					p.onIncrement();
+				}
+				break;
+			case "PageDown":
+				if (p.onDecrementPage) {
+					e.preventDefault();
+					p.onDecrementPage();
+				} else if (p.onDecrement) {
+					e.preventDefault();
+					p.onDecrement();
+				}
+				break;
+			case "ArrowDown":
+			case "Down":
+				if (p.onDecrement) {
+					e.preventDefault();
+					p.onDecrement();
+				}
+				break;
+			case "Home":
+				if (p.onDecrementToMin) {
+					e.preventDefault();
+					p.onDecrementToMin();
+				}
+				break;
+			case "End":
+				if (p.onIncrementToMax) {
+					e.preventDefault();
+					p.onIncrementToMax();
+				}
+				break;
+		}
+	};
+	let isFocused = false;
+	const onFocus = () => {
+		isFocused = true;
+	};
+	const onBlur = () => {
+		isFocused = false;
+	};
+	const ariaTextValue = createMemo(() => {
+		const p = getProps();
+		return p.textValue === "" ? stringFormatter().format("Empty") : (p.textValue || `${p.value}`).replace("-", "−");
+	});
+	createEffect(() => {
+		const value = ariaTextValue();
+		if (isFocused) {
+			clearAnnouncer("assertive");
+			announce(value, "assertive");
+		}
+	});
+	const spinButtonProps = createMemo(() => {
+		const p = getProps();
+		const value = p.value;
+		return {
+			role: "spinbutton",
+			"aria-valuenow": value !== void 0 && !isNaN(value) ? value : void 0,
+			"aria-valuetext": ariaTextValue(),
+			"aria-valuemin": p.minValue,
+			"aria-valuemax": p.maxValue,
+			"aria-disabled": p.isDisabled || void 0,
+			"aria-readonly": p.isReadOnly || void 0,
+			"aria-required": p.isRequired || void 0,
+			onKeyDown,
+			onFocus,
+			onBlur
+		};
+	});
+	return { get spinButtonProps() {
+		return spinButtonProps();
+	} };
+}
+//#endregion
+export { spinButtonDictionary as n, spinButtonStrings as r, createSpinButton as t };
+
+//# sourceMappingURL=spinbutton.jsx.map

package/dist/_chunk/spinbutton.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinbutton.jsx","names":[],"sources":["../../src/spinbutton/intl.ts","../../src/spinbutton/createSpinButton.ts"],"sourcesContent":["// Spinbutton announcement catalog, ported verbatim from @react-aria/spinbutton's\n// intl/*.json (34 locales). Keep in sync with the vendored react-spectrum source on\n// every pin bump.\nimport { LocalizedStringDictionary } from \"@internationalized/string\";\n\nexport type SpinButtonStringKey = \"Empty\";\n\nexport const spinButtonStrings: Record<string, Record<SpinButtonStringKey, string>> = {\n  \"ar-AE\": {\n  \"Empty\": `\\u{641}\\u{627}\\u{631}\\u{63A}`\n  },\n  \"bg-BG\": {\n  \"Empty\": `\\u{418}\\u{437}\\u{43F}\\u{440}\\u{430}\\u{437}\\u{43D}\\u{438}`\n  },\n  \"cs-CZ\": {\n  \"Empty\": `Pr\\xe1zdn\\xe9`\n  },\n  \"da-DK\": {\n  \"Empty\": `Tom`\n  },\n  \"de-DE\": {\n  \"Empty\": `Leer`\n  },\n  \"el-GR\": {\n  \"Empty\": `\\u{386}\\u{3B4}\\u{3B5}\\u{3B9}\\u{3BF}`\n  },\n  \"en-US\": {\n  \"Empty\": `Empty`\n  },\n  \"es-ES\": {\n  \"Empty\": `Vac\\xedo`\n  },\n  \"et-EE\": {\n  \"Empty\": `T\\xfchjenda`\n  },\n  \"fi-FI\": {\n  \"Empty\": `Tyhj\\xe4`\n  },\n  \"fr-FR\": {\n  \"Empty\": `Vide`\n  },\n  \"he-IL\": {\n  \"Empty\": `\\u{5E8}\\u{5D9}\\u{5E7}`\n  },\n  \"hr-HR\": {\n  \"Empty\": `Prazno`\n  },\n  \"hu-HU\": {\n  \"Empty\": `\\xdcres`\n  },\n  \"it-IT\": {\n  \"Empty\": `Vuoto`\n  },\n  \"ja-JP\": {\n  \"Empty\": `\\u{7A7A}`\n  },\n  \"ko-KR\": {\n  \"Empty\": `\\u{BE44}\\u{C5B4} \\u{C788}\\u{C74C}`\n  },\n  \"lt-LT\": {\n  \"Empty\": `Tu\\u{161}\\u{10D}ias`\n  },\n  \"lv-LV\": {\n  \"Empty\": `Tuk\\u{161}s`\n  },\n  \"nb-NO\": {\n  \"Empty\": `Tom`\n  },\n  \"nl-NL\": {\n  \"Empty\": `Leeg`\n  },\n  \"pl-PL\": {\n  \"Empty\": `Pusty`\n  },\n  \"pt-BR\": {\n  \"Empty\": `Vazio`\n  },\n  \"pt-PT\": {\n  \"Empty\": `Vazio`\n  },\n  \"ro-RO\": {\n  \"Empty\": `Gol`\n  },\n  \"ru-RU\": {\n  \"Empty\": `\\u{41D}\\u{435} \\u{437}\\u{430}\\u{43F}\\u{43E}\\u{43B}\\u{43D}\\u{435}\\u{43D}\\u{43E}`\n  },\n  \"sk-SK\": {\n  \"Empty\": `Pr\\xe1zdne`\n  },\n  \"sl-SI\": {\n  \"Empty\": `Prazen`\n  },\n  \"sr-SP\": {\n  \"Empty\": `Prazno`\n  },\n  \"sv-SE\": {\n  \"Empty\": `Tomt`\n  },\n  \"tr-TR\": {\n  \"Empty\": `Bo\\u{15F}`\n  },\n  \"uk-UA\": {\n  \"Empty\": `\\u{41F}\\u{443}\\u{441}\\u{442}\\u{43E}`\n  },\n  \"zh-CN\": {\n  \"Empty\": `\\u{7A7A}`\n  },\n  \"zh-TW\": {\n  \"Empty\": `\\u{7A7A}\\u{767D}`\n  },\n};\n\nexport const spinButtonDictionary = new LocalizedStringDictionary<SpinButtonStringKey, string>(\n  spinButtonStrings,\n);\n","/**\n * createSpinButton hook for Solidaria\n *\n * Provides the ARIA spinbutton props and live-region announcement behaviour for\n * a single spinbutton (e.g. a date-field segment). Port of the keyboard/announce\n * portion of @react-aria/spinbutton `useSpinButton`. The pointer press-and-hold\n * button machinery (increment/decrement buttons) is intentionally omitted — date\n * segments drive value changes through the keyboard only.\n */\n\nimport { createMemo, createEffect } from \"solid-js\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { createStringFormatter } from \"../i18n\";\nimport { announce, clearAnnouncer } from \"../live-announcer\";\nimport { spinButtonStrings, type SpinButtonStringKey } from \"./intl\";\n\nexport interface SpinButtonProps {\n  /** The current value of the spinbutton. */\n  value?: number;\n  /** A human-readable text alternative for the value. */\n  textValue?: string;\n  /** The smallest value allowed. */\n  minValue?: number;\n  /** The largest value allowed. */\n  maxValue?: number;\n  /** Whether the spinbutton is disabled. */\n  isDisabled?: boolean;\n  /** Whether the spinbutton is read only. */\n  isReadOnly?: boolean;\n  /** Whether the spinbutton is required. */\n  isRequired?: boolean;\n  onIncrement?: () => void;\n  onIncrementPage?: () => void;\n  onDecrement?: () => void;\n  onDecrementPage?: () => void;\n  onDecrementToMin?: () => void;\n  onIncrementToMax?: () => void;\n}\n\nexport interface SpinButtonAria {\n  /** Props for the spinbutton element. */\n  spinButtonProps: Record<string, unknown>;\n}\n\n/**\n * Provides the behaviour and accessibility implementation for a spinbutton.\n */\nexport function createSpinButton(props: MaybeAccessor<SpinButtonProps>): SpinButtonAria {\n  const getProps = () => access(props);\n  const stringFormatter = createStringFormatter<SpinButtonStringKey>(\n    spinButtonStrings,\n    \"@react-aria/spinbutton\",\n  );\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    const p = getProps();\n    if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey || p.isReadOnly || e.isComposing) {\n      return;\n    }\n\n    switch (e.key) {\n      // Upstream deliberately falls through PageUp → ArrowUp when no page\n      // handler exists; our tsconfig forbids lexical fallthrough, so the\n      // PageUp case mirrors that branch inline instead.\n      case \"PageUp\":\n        if (p.onIncrementPage) {\n          e.preventDefault();\n          p.onIncrementPage();\n        } else if (p.onIncrement) {\n          e.preventDefault();\n          p.onIncrement();\n        }\n        break;\n      case \"ArrowUp\":\n      case \"Up\":\n        if (p.onIncrement) {\n          e.preventDefault();\n          p.onIncrement();\n        }\n        break;\n      // Same faithful fallthrough as PageUp, mirrored inline (PageDown → ArrowDown).\n      case \"PageDown\":\n        if (p.onDecrementPage) {\n          e.preventDefault();\n          p.onDecrementPage();\n        } else if (p.onDecrement) {\n          e.preventDefault();\n          p.onDecrement();\n        }\n        break;\n      case \"ArrowDown\":\n      case \"Down\":\n        if (p.onDecrement) {\n          e.preventDefault();\n          p.onDecrement();\n        }\n        break;\n      case \"Home\":\n        if (p.onDecrementToMin) {\n          e.preventDefault();\n          p.onDecrementToMin();\n        }\n        break;\n      case \"End\":\n        if (p.onIncrementToMax) {\n          e.preventDefault();\n          p.onIncrementToMax();\n        }\n        break;\n    }\n  };\n\n  // Non-reactive focus flag — matches upstream's `isFocused` ref. Toggling it must\n  // NOT re-run the announce effect; only a change in `ariaTextValue` announces.\n  let isFocused = false;\n  const onFocus = () => {\n    isFocused = true;\n  };\n  const onBlur = () => {\n    isFocused = false;\n  };\n\n  // Replace Unicode hyphen-minus (U+002D) with minus sign (U+2212) so VoiceOver\n  // announces it as \"minus\". Replace the empty string with the word \"Empty\".\n  const ariaTextValue = createMemo(() => {\n    const p = getProps();\n    return p.textValue === \"\"\n      ? stringFormatter().format(\"Empty\")\n      : (p.textValue || `${p.value}`).replace(\"-\", \"−\");\n  });\n\n  createEffect(() => {\n    const value = ariaTextValue();\n    if (isFocused) {\n      clearAnnouncer(\"assertive\");\n      announce(value, \"assertive\");\n    }\n  });\n\n  const spinButtonProps = createMemo(() => {\n    const p = getProps();\n    const value = p.value;\n    return {\n      role: \"spinbutton\",\n      \"aria-valuenow\": value !== undefined && !isNaN(value) ? value : undefined,\n      \"aria-valuetext\": ariaTextValue(),\n      \"aria-valuemin\": p.minValue,\n      \"aria-valuemax\": p.maxValue,\n      \"aria-disabled\": p.isDisabled || undefined,\n      \"aria-readonly\": p.isReadOnly || undefined,\n      \"aria-required\": p.isRequired || undefined,\n      onKeyDown,\n      onFocus,\n      onBlur,\n    };\n  });\n\n  return {\n    get spinButtonProps() {\n      return spinButtonProps();\n    },\n  };\n}\n"],"mappings":";;;;;;AAOA,MAAa,oBAAyE;CACpF,SAAS,EACT,SAAS,+BACT;CACA,SAAS,EACT,SAAS,2DACT;CACA,SAAS,EACT,SAAS,gBACT;CACA,SAAS,EACT,SAAS,MACT;CACA,SAAS,EACT,SAAS,OACT;CACA,SAAS,EACT,SAAS,sCACT;CACA,SAAS,EACT,SAAS,QACT;CACA,SAAS,EACT,SAAS,WACT;CACA,SAAS,EACT,SAAS,cACT;CACA,SAAS,EACT,SAAS,WACT;CACA,SAAS,EACT,SAAS,OACT;CACA,SAAS,EACT,SAAS,wBACT;CACA,SAAS,EACT,SAAS,SACT;CACA,SAAS,EACT,SAAS,UACT;CACA,SAAS,EACT,SAAS,QACT;CACA,SAAS,EACT,SAAS,WACT;CACA,SAAS,EACT,SAAS,oCACT;CACA,SAAS,EACT,SAAS,sBACT;CACA,SAAS,EACT,SAAS,cACT;CACA,SAAS,EACT,SAAS,MACT;CACA,SAAS,EACT,SAAS,OACT;CACA,SAAS,EACT,SAAS,QACT;CACA,SAAS,EACT,SAAS,QACT;CACA,SAAS,EACT,SAAS,QACT;CACA,SAAS,EACT,SAAS,MACT;CACA,SAAS,EACT,SAAS,iFACT;CACA,SAAS,EACT,SAAS,aACT;CACA,SAAS,EACT,SAAS,SACT;CACA,SAAS,EACT,SAAS,SACT;CACA,SAAS,EACT,SAAS,OACT;CACA,SAAS,EACT,SAAS,YACT;CACA,SAAS,EACT,SAAS,sCACT;CACA,SAAS,EACT,SAAS,WACT;CACA,SAAS,EACT,SAAS,mBACT;AACF;AAEA,MAAa,uBAAuB,IAAI,0BACtC,iBACF;;;;;;;;;;;;;;;ACnEA,SAAgB,iBAAiB,OAAuD;CACtF,MAAM,iBAAiB,OAAO,KAAK;CACnC,MAAM,kBAAkB,sBACtB,mBACA,wBACF;CAEA,MAAM,aAAa,MAAqB;EACtC,MAAM,IAAI,SAAS;EACnB,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,aACxE;EAGF,QAAQ,EAAE,KAAV;GAIE,KAAK;IACH,IAAI,EAAE,iBAAiB;KACrB,EAAE,eAAe;KACjB,EAAE,gBAAgB;IACpB,OAAO,IAAI,EAAE,aAAa;KACxB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GACF,KAAK;GACL,KAAK;IACH,IAAI,EAAE,aAAa;KACjB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GAEF,KAAK;IACH,IAAI,EAAE,iBAAiB;KACrB,EAAE,eAAe;KACjB,EAAE,gBAAgB;IACpB,OAAO,IAAI,EAAE,aAAa;KACxB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GACF,KAAK;GACL,KAAK;IACH,IAAI,EAAE,aAAa;KACjB,EAAE,eAAe;KACjB,EAAE,YAAY;IAChB;IACA;GACF,KAAK;IACH,IAAI,EAAE,kBAAkB;KACtB,EAAE,eAAe;KACjB,EAAE,iBAAiB;IACrB;IACA;GACF,KAAK;IACH,IAAI,EAAE,kBAAkB;KACtB,EAAE,eAAe;KACjB,EAAE,iBAAiB;IACrB;IACA;EACJ;CACF;CAIA,IAAI,YAAY;CAChB,MAAM,gBAAgB;EACpB,YAAY;CACd;CACA,MAAM,eAAe;EACnB,YAAY;CACd;CAIA,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,IAAI,SAAS;EACnB,OAAO,EAAE,cAAc,KACnB,gBAAgB,CAAC,CAAC,OAAO,OAAO,KAC/B,EAAE,aAAa,GAAG,EAAE,QAAA,CAAS,QAAQ,KAAK,GAAG;CACpD,CAAC;CAED,mBAAmB;EACjB,MAAM,QAAQ,cAAc;EAC5B,IAAI,WAAW;GACb,eAAe,WAAW;GAC1B,SAAS,OAAO,WAAW;EAC7B;CACF,CAAC;CAED,MAAM,kBAAkB,iBAAiB;EACvC,MAAM,IAAI,SAAS;EACnB,MAAM,QAAQ,EAAE;EAChB,OAAO;GACL,MAAM;GACN,iBAAiB,UAAU,KAAA,KAAa,CAAC,MAAM,KAAK,IAAI,QAAQ,KAAA;GAChE,kBAAkB,cAAc;GAChC,iBAAiB,EAAE;GACnB,iBAAiB,EAAE;GACnB,iBAAiB,EAAE,cAAc,KAAA;GACjC,iBAAiB,EAAE,cAAc,KAAA;GACjC,iBAAiB,EAAE,cAAc,KAAA;GACjC;GACA;GACA;EACF;CACF,CAAC;CAED,OAAO,EACL,IAAI,kBAAkB;EACpB,OAAO,gBAAgB;CACzB,EACF;AACF"}

package/dist/_chunk/table.js

@@ -1,9 +1,9 @@
-import { o as mergeProps } from "./env.js";
-import { S as scrollIntoViewport } from "./utils.js";
+import { i as mergeProps$1 } from "./env.js";
+import { S as scrollIntoViewport, i as createDescription } from "./utils.js";
 import { o as getInteractionModality } from "./createInteractionModality.js";
-import { a as useLocale } from "./createCollator.js";
+import { i as useLocale } from "./locale.js";
 import { n as createSelectableItem } from "./createSelectableItem.js";
-import { t as announce } from "./live-announcer.js";
+import { t as announce } from "./announce.js";
 import { createEffect, createMemo, createSignal, on } from "solid-js";
 import { createId } from "@proyecto-viviana/solid-stately";
 //#region src/table/createTable.ts
@@ -316,15 +316,25 @@ function createTable(props, state, ref) {
 		const p = props();
 		if (!p["aria-label"] && !p["aria-labelledby"]) console.warn("Table: An aria-label or aria-labelledby prop is required for accessibility.");
 	});
+	const sortDescription = () => {
+		const s = state();
+		const descriptor = s.sortDescriptor;
+		const column = descriptor?.column;
+		const direction = descriptor?.direction;
+		if (!direction || column == null) return;
+		return `sorted by column ${s.collection.columns.find((c) => c.key === column)?.textValue ?? ""} in ${direction} order`;
+	};
+	const sortDescriptionProps = createDescription(sortDescription);
 	const gridProps = createMemo(() => {
 		const p = props();
 		const s = state();
+		const describedBy = [sortDescriptionProps["aria-describedby"], p["aria-describedby"]].filter(Boolean).join(" ") || void 0;
 		const baseProps = {
 			role: "grid",
 			id,
 			"aria-label": p["aria-label"],
 			"aria-labelledby": p["aria-labelledby"],
-			"aria-describedby": p["aria-describedby"],
+			"aria-describedby": describedBy,
 			"aria-multiselectable": s.selectionMode === "multiple" ? "true" : void 0,
 			tabIndex: 0,
 			onKeyDown,
@@ -380,6 +390,7 @@ function createTableColumnHeader(props, state, _ref) {
 		const p = props();
 		return s.focusedKey === p.node.key;
 	});
+	const sortDescriptionProps = createDescription(() => props().allowsSorting ? "sortable column" : void 0);
 	const sortColumn = () => {
 		const s = state();
 		const p = props();
@@ -447,6 +458,7 @@ function createTableColumnHeader(props, state, _ref) {
 			role: "columnheader",
 			id: tableData ? `${tableData.tableId}-${node.key}` : void 0,
 			"aria-sort": ariaSort,
+			"aria-describedby": sortDescriptionProps["aria-describedby"],
 			tabIndex: isFocused() ? 0 : -1,
 			onFocus
 		};
@@ -471,6 +483,24 @@ function createTableColumnHeader(props, state, _ref) {
 	} };
 }
 //#endregion
+//#region src/table/utils.ts
+/**
+* A row is labelled by its row-header cells. Mirrors `@react-aria/table`'s
+* `getRowLabelledBy`, which joins `getCellId(state, rowKey, columnKey)` across
+* `collection.rowHeaderColumnKeys`. We resolve the actual rowheader cell node
+* and rebuild the exact id string `createTableCell` puts on the element
+* (`${tableId}-${parentKey}-${cellKey}`) so the reference always matches a real
+* element, regardless of the cell-key scheme.
+*/
+function getRowLabelledBy(state, rowKey) {
+	const tableId = getTableData(state)?.tableId ?? "table";
+	const collection = state.collection;
+	return [...collection.rowHeaderColumnKeys].map((columnKey) => {
+		const cell = collection.getCell?.(rowKey, columnKey);
+		return cell?.parentKey != null ? `${tableId}-${String(cell.parentKey)}-${String(cell.key)}` : null;
+	}).filter((id) => id != null).join(" ");
+}
+//#endregion
 //#region src/table/createTableRow.ts
 /**
 * createTableRow - Provides accessibility for a table row.
@@ -621,6 +651,8 @@ function createTableRow(props, state, ref) {
 			"aria-selected": s.selectionMode !== "none" ? isSelected() : void 0,
 			"aria-disabled": isDisabled() || void 0
 		};
+		const labelledBy = getRowLabelledBy(s, node.key);
+		if (labelledBy) baseProps["aria-labelledby"] = labelledBy;
 		if (s.treeColumn != null) {
 			const { posinset, setsize } = siblingInfo();
 			baseProps["aria-expanded"] = hasChildRows() ? isExpanded() : void 0;
@@ -630,7 +662,7 @@ function createTableRow(props, state, ref) {
 			baseProps.onKeyDown = onTreeGridKeyDown;
 		}
 		if (p.isVirtualized && s.treeColumn == null && node.rowIndex != null) baseProps["aria-rowindex"] = node.rowIndex + 1;
-		return mergeProps(selectableItem.itemProps, baseProps);
+		return mergeProps$1(selectableItem.itemProps, baseProps);
 	});
 	const onExpandPress = () => {
 		const s = state();
@@ -797,7 +829,9 @@ function createTableSelectionCheckbox(props, state) {
 	const isDisabled = createMemo(() => {
 		const s = state();
 		const p = props();
-		return s.isDisabled(p.key);
+		if (s.selectionMode === "none" || s.disabledKeys.has(p.key) || p.isRowDisabled) return true;
+		const item = s.collection.getItem(p.key);
+		return !item || !!item.isDisabled || !!item.props?.isDisabled;
 	});
 	const onChange = () => {
 		const s = state();
@@ -805,13 +839,16 @@ function createTableSelectionCheckbox(props, state) {
 		if (!isDisabled()) s.toggleSelection(p.key);
 	};
 	const checkboxProps = createMemo(() => {
+		const s = state();
+		const p = props();
 		return {
 			id: checkboxId,
 			type: "checkbox",
 			checked: isSelected(),
 			disabled: isDisabled(),
 			onChange,
-			"aria-label": "Select"
+			"aria-label": "Select",
+			"aria-labelledby": `${checkboxId} ${getRowLabelledBy(s, p.key)}`
 		};
 	});
 	return { get checkboxProps() {