@incodetech/web 2.2.0-rc.8 → 2.3.0-rc.0

package/dist/{modal-BH2wi8Q0.js → modal-CmF_MYIK.js}

@@ -1,7 +1,7 @@
-import { _ as x, d as T, f as _, g as q, l as A, p as d, r as $, x as Q, y as u } from "./vendor-preact-BPXMFRom.js";
-import { d as cn } from "./spacer-DLEDuWEx.js";
-import { l as CloseIcon } from "./icons-ChHV5iHi.js";
-import { a as useModalPortalTarget, i as useModalFocusCapture, n as useModalBodyScrollLock, o as useModalTabCycle, r as useModalEscapeDismiss, t as MODAL_TITLE_ID } from "./modal.hooks-DcakflQ4.js";
+import { b as Q, c as A, d as _, f as d, g as x, h as q, n as $, u as T, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { d as cn } from "./spacer-ayyj5lMa.js";
+import { d as CloseIcon } from "./icons-eIgP34nj.js";
+import { a as useModalPortalTarget, i as useModalFocusCapture, n as useModalBodyScrollLock, o as useModalTabCycle, r as useModalEscapeDismiss, t as MODAL_TITLE_ID } from "./modal.hooks-B0Wrc9s2.js";
 //#region src/shared/modal/modal.tsx
 var ModalContext = Q(null);
 function useModalContext() {
@@ -9,7 +9,7 @@ function useModalContext() {
 	if (!ctx) throw new Error("Modal compound components must be used within Modal.Root");
 	return ctx;
 }
-function ModalRoot({ open, children, onOpenChange, dismissible = true, portalContainer, class: className, hasBackdrop = true, manageInitialFocus = true, returnFocusRef }) {
+function ModalRoot({ open, children, onOpenChange, dismissible = true, portalContainer, class: className, hasBackdrop = true, manageInitialFocus = true, returnFocusRef, labelledById = MODAL_TITLE_ID, "data-testid": dataTestId }) {
 	const portalTarget = useModalPortalTarget(open, portalContainer ?? void 0);
 	const [hasDescription, setHasDescription] = d(false);
 	const dialogRef = A(null);
@@ -33,6 +33,7 @@ function ModalRoot({ open, children, onOpenChange, dismissible = true, portalCon
 		children: /* @__PURE__ */ u("div", {
 			class: cn("IncodeModalRoot", className),
 			"data-incode-modal": "",
+			"data-testid": dataTestId,
 			children: [hasBackdrop && /* @__PURE__ */ u("div", {
 				class: "IncodeModalBackdrop",
 				"aria-hidden": "true",
@@ -44,7 +45,7 @@ function ModalRoot({ open, children, onOpenChange, dismissible = true, portalCon
 				class: "IncodeModalDialog",
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-labelledby": MODAL_TITLE_ID,
+				"aria-labelledby": labelledById,
 				"aria-describedby": hasDescription ? "incode-modal-description" : void 0,
 				tabIndex: -1,
 				onMouseDown: (event) => {

package/dist/{modal.hooks-DcakflQ4.js → modal.hooks-B0Wrc9s2.js}

@@ -1,4 +1,4 @@
-import { p as d, v as y } from "./vendor-preact-BPXMFRom.js";
+import { _ as y, f as d } from "./vendor-preact-C0jX1Cbq.js";
 //#region src/shared/modal/modal.hooks.ts
 var MODAL_SCROLL_LOCK_CLASS = "IncodeModalScrollLock";
 /** `id` of the `Modal.Title` heading; also the dialog's `aria-labelledby`. */
@@ -30,6 +30,12 @@ function isTabFocusableElement(element) {
 * role / item count or an action control. A dialog can opt a specific control
 * into initial focus by marking it with the `autofocus` attribute. Falls back
 * to the dialog container when no title is present.
+*
+* Only `Modal.Title`'s id is looked up here — it is the one element guaranteed
+* to be focusable (`tabindex="-1"`). A dialog whose title lives elsewhere in
+* the content owns its own initial focus (see `AutoFocusTitle`) and opts out
+* with `manageInitialFocus={false}`; a dialog's `aria-labelledby` may point at
+* a non-focusable label, so it is not a valid focus target.
 */
 function resolveModalInitialFocusTarget(dialog) {
 	const autofocusEl = dialog.querySelector("[autofocus]");