@ariakit/react-components 0.1.0

package/dist/dialog/utils/is-backdrop.js

@@ -0,0 +1,15 @@
+"use client";
+//#region src/dialog/utils/is-backdrop.ts
+function isBackdrop(element, ...ids) {
+	if (!element) return false;
+	const backdrop = element.getAttribute("data-backdrop");
+	if (backdrop == null) return false;
+	if (backdrop === "") return true;
+	if (backdrop === "true") return true;
+	if (!ids.length) return true;
+	return ids.some((id) => backdrop === id);
+}
+//#endregion
+export { isBackdrop };
+
+//# sourceMappingURL=is-backdrop.js.map

package/dist/dialog/utils/is-backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-backdrop.js","names":[],"sources":["../../../src/dialog/utils/is-backdrop.ts"],"sourcesContent":["export function isBackdrop(\n  element?: Element | null,\n  ...ids: Array<string | null | undefined>\n) {\n  if (!element) return false;\n  const backdrop = element.getAttribute(\"data-backdrop\");\n  if (backdrop == null) return false;\n  if (backdrop === \"\") return true;\n  if (backdrop === \"true\") return true;\n  if (!ids.length) return true;\n  return ids.some((id) => backdrop === id);\n}\n"],"mappings":";;SAIO,WAAS,SAAO,GAAA,KAAA;CACrB,IAAA,CAAA,SAAM,OAAW;CACjB,MAAI,WAAY,QAAM,aAAO,eAAA;CAC7B,IAAI,YAAA,MAAiB,OAAO;CAC5B,IAAI,aAAa,IAAA,OAAQ;CACzB,IAAI,aAAa,QAAO,OAAA;CACxB,IAAA,CAAA,IAAO,QAAU,OAAO;CAC1B,OAAA,IAAA,MAAA,OAAA,aAAA,EAAA"}

package/dist/dialog/utils/is-focus-trap.d.ts

@@ -0,0 +1,5 @@
+//#region src/dialog/utils/is-focus-trap.d.ts
+declare function isFocusTrap(element?: Element | null, ...ids: Array<string | null | undefined>): boolean;
+//#endregion
+export { isFocusTrap };
+//# sourceMappingURL=is-focus-trap.d.ts.map

package/dist/dialog/utils/is-focus-trap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-focus-trap.d.ts","names":["isFocusTrap","Element","Array","element","ids"],"sources":["../../../src/dialog/utils/is-focus-trap.d.ts"],"mappings":";iBAAwBA,WAAAA,CAAYG,OAAAA,GAAUF,OAAAA,YAAmBG,GAAAA,EAAKF,KAAK"}

package/dist/dialog/utils/is-focus-trap.js

@@ -0,0 +1,14 @@
+"use client";
+//#region src/dialog/utils/is-focus-trap.ts
+function isFocusTrap(element, ...ids) {
+	if (!element) return false;
+	const attr = element.getAttribute("data-focus-trap");
+	if (attr == null) return false;
+	if (!ids.length) return true;
+	if (attr === "") return false;
+	return ids.some((id) => attr === id);
+}
+//#endregion
+export { isFocusTrap };
+
+//# sourceMappingURL=is-focus-trap.js.map

package/dist/dialog/utils/is-focus-trap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-focus-trap.js","names":[],"sources":["../../../src/dialog/utils/is-focus-trap.ts"],"sourcesContent":["export function isFocusTrap(\n  element?: Element | null,\n  ...ids: Array<string | null | undefined>\n) {\n  if (!element) return false;\n  const attr = element.getAttribute(\"data-focus-trap\");\n  if (attr == null) return false;\n  if (!ids.length) return true;\n  if (attr === \"\") return false;\n  return ids.some((id) => attr === id);\n}\n"],"mappings":";;SAIO,YAAS,SAAO,GAAA,KAAA;CACrB,IAAA,CAAA,SAAa,OAAQ;CACrB,MAAI,OAAQ,QAAM,aAAO,iBAAA;CACzB,IAAI,QAAK,MAAQ,OAAO;CACxB,IAAI,CAAA,IAAA,QAAa,OAAO;CACxB,IAAA,SAAW,IAAM,OAAO;CAC1B,OAAA,IAAA,MAAA,OAAA,SAAA,EAAA"}

package/dist/dialog/utils/mark-tree-outside.d.ts

@@ -0,0 +1,9 @@
+//#region src/dialog/utils/mark-tree-outside.d.ts
+type Elements = Array<Element | null>;
+declare function markElement(element: Element, id?: string): () => void;
+declare function markAncestor(element: Element, id?: string): () => void;
+declare function isElementMarked(element: Element, id?: string): boolean;
+declare function markTreeOutside(id: string, elements: Elements): () => void;
+//#endregion
+export { isElementMarked, markAncestor, markElement, markTreeOutside };
+//# sourceMappingURL=mark-tree-outside.d.ts.map

package/dist/dialog/utils/mark-tree-outside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mark-tree-outside.d.ts","names":["Elements","Element","Array","markElement","element","id","markAncestor","isElementMarked","markTreeOutside","elements"],"sources":["../../../src/dialog/utils/mark-tree-outside.d.ts"],"mappings":";KAAKA,QAAAA,GAAWE,KAAK,CAACD,OAAAA;AAAAA,iBACEE,WAAAA,CAAYC,OAAAA,EAASH,OAAO,EAAEI,EAAAA;AAAAA,iBAC9BC,YAAAA,CAAaF,OAAAA,EAASH,OAAO,EAAEI,EAAAA;AAAAA,iBAC/BE,eAAAA,CAAgBH,OAAAA,EAASH,OAAO,EAAEI,EAAAA;AAAAA,iBAClCG,eAAAA,CAAgBH,EAAAA,UAAYI,QAAAA,EAAUT,QAAQ"}

package/dist/dialog/utils/mark-tree-outside.js

@@ -0,0 +1,44 @@
+"use client";
+import { isBackdrop } from "./is-backdrop.js";
+import { setProperty } from "./orchestrate.js";
+import { walkTreeOutside } from "./walk-tree-outside.js";
+import { chain } from "@ariakit/utils";
+//#region src/dialog/utils/mark-tree-outside.ts
+function getPropertyName(id = "", ancestor = false) {
+	return `__ariakit-dialog-${ancestor ? "ancestor" : "outside"}${id ? `-${id}` : ""}`;
+}
+function markElement(element, id = "") {
+	return chain(setProperty(element, getPropertyName(), true), setProperty(element, getPropertyName(id), true));
+}
+function markAncestor(element, id = "") {
+	return chain(setProperty(element, getPropertyName("", true), true), setProperty(element, getPropertyName(id, true), true));
+}
+function isElementMarked(element, id) {
+	const ancestorProperty = getPropertyName(id, true);
+	if (element[ancestorProperty]) return true;
+	const elementProperty = getPropertyName(id);
+	do {
+		if (element[elementProperty]) return true;
+		if (!element.parentElement) return false;
+		element = element.parentElement;
+	} while (true);
+}
+function markTreeOutside(id, elements) {
+	const cleanups = [];
+	const ids = elements.map((el) => el?.id);
+	walkTreeOutside(id, elements, (element) => {
+		if (isBackdrop(element, ...ids)) return;
+		cleanups.unshift(markElement(element, id));
+	}, (ancestor, element) => {
+		if (element.hasAttribute("data-dialog") && element.id !== id) return;
+		cleanups.unshift(markAncestor(ancestor, id));
+	});
+	const restoreAccessibilityTree = () => {
+		for (const cleanup of cleanups) cleanup();
+	};
+	return restoreAccessibilityTree;
+}
+//#endregion
+export { isElementMarked, markAncestor, markElement, markTreeOutside };
+
+//# sourceMappingURL=mark-tree-outside.js.map

package/dist/dialog/utils/mark-tree-outside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mark-tree-outside.js","names":[],"sources":["../../../src/dialog/utils/mark-tree-outside.ts"],"sourcesContent":["import { chain } from \"@ariakit/utils\";\nimport { isBackdrop } from \"./is-backdrop.ts\";\nimport { setProperty } from \"./orchestrate.ts\";\nimport { walkTreeOutside } from \"./walk-tree-outside.ts\";\n\ntype Elements = Array<Element | null>;\n\nfunction getPropertyName(id = \"\", ancestor = false) {\n  return `__ariakit-dialog-${ancestor ? \"ancestor\" : \"outside\"}${\n    id ? `-${id}` : \"\"\n  }` as keyof Element;\n}\n\nexport function markElement(element: Element, id = \"\") {\n  return chain(\n    setProperty(element, getPropertyName(), true),\n    setProperty(element, getPropertyName(id), true),\n  );\n}\n\nexport function markAncestor(element: Element, id = \"\") {\n  return chain(\n    setProperty(element, getPropertyName(\"\", true), true),\n    setProperty(element, getPropertyName(id, true), true),\n  );\n}\n\nexport function isElementMarked(element: Element, id?: string) {\n  const ancestorProperty = getPropertyName(id, true);\n  if (element[ancestorProperty]) return true;\n  const elementProperty = getPropertyName(id);\n  do {\n    if (element[elementProperty]) return true;\n    if (!element.parentElement) return false;\n    element = element.parentElement;\n    // oxlint-disable-next-line no-constant-condition\n  } while (true);\n}\n\nexport function markTreeOutside(id: string, elements: Elements) {\n  const cleanups: Array<() => void> = [];\n  const ids = elements.map((el) => el?.id);\n\n  walkTreeOutside(\n    id,\n    elements,\n    (element) => {\n      if (isBackdrop(element, ...ids)) return;\n      cleanups.unshift(markElement(element, id));\n    },\n    (ancestor, element) => {\n      // See https://github.com/ariakit/ariakit/issues/2687\n      const isAnotherDialogAncestor =\n        element.hasAttribute(\"data-dialog\") && element.id !== id;\n      if (isAnotherDialogAncestor) return;\n      cleanups.unshift(markAncestor(ancestor, id));\n    },\n  );\n\n  const restoreAccessibilityTree = () => {\n    for (const cleanup of cleanups) {\n      cleanup();\n    }\n  };\n\n  return restoreAccessibilityTree;\n}\n"],"mappings":";;;;;;SAQS,gBAAA,KAAoB,IAAA,WAAW,OAAa;CAGrD,OAAA,oBAAA,WAAA,aAAA,YAAA,KAAA,IAAA,OAAA;AAEA;SACS,YACL,SAAY,KAAS,IAAA;CAGzB,OAAA,MAAA,YAAA,SAAA,gBAAA,GAAA,IAAA,GAAA,YAAA,SAAA,gBAAA,EAAA,GAAA,IAAA,CAAA;AAEA;SACS,aACL,SAAY,KAAS,IAAA;CAGzB,OAAA,MAAA,YAAA,SAAA,gBAAA,IAAA,IAAA,GAAA,IAAA,GAAA,YAAA,SAAA,gBAAA,IAAA,IAAA,GAAA,IAAA,CAAA;AAEA;SACQ,gBAAA,SAAmB,IAAA;CACzB,MAAI,mBAAQ,gBAA0B,IAAA,IAAA;CACtC,IAAA,QAAM,mBAAkB,OAAA;CACxB,MAAG,kBAAA,gBAAA,EAAA;IACD;EACA,IAAI,QAAC,kBAAuB,OAAO;EACnC,IAAA,CAAA,QAAU,eAAQ,OAAA;EAEpB,UAAS,QAAA;CACX,SAAA;AAEA;SACQ,gBAA+B,IAAA,UAAA;CACrC,MAAM,WAAM,CAAA;CAEZ,MAAA,MAAA,SAEE,KAAA,OACC,IAAA,EAAA;iBACgB,IAAA,WAAe,YAAG;EACjC,IAAA,WAAS,SAAQ,GAAA,GAAY,GAAA;EAC/B,SACC,QAAU,YAAY,SAAA,EAAA,CAAA;KAIrB,UADU,YAAa;EAEvB,IAAA,QAAS,aAAQ,aAAa,KAAa,QAAA,OAAA,IAAA;EAE/C,SAAA,QAAA,aAAA,UAAA,EAAA,CAAA;CAEA,CAAA;OACO,iCACH;EAEJ,KAAA,MAAA,WAAA,UAAA,QAAA;CAEA;CACF,OAAA"}

package/dist/dialog/utils/orchestrate.d.ts

@@ -0,0 +1,9 @@
+//#region src/dialog/utils/orchestrate.d.ts
+declare function orchestrate(element: Element, key: string, setup: () => () => void): () => void;
+declare function setAttribute(element: Element, attr: string, value: string): () => void;
+declare function setProperty<T extends Element, K extends keyof T & string>(element: T, property: K, value: T[K]): () => void;
+declare function assignStyle(element: HTMLElement | null | undefined, style: Partial<CSSStyleDeclaration>): () => void;
+declare function setCSSProperty(element: HTMLElement | null | undefined, property: string, value: string): () => void;
+//#endregion
+export { assignStyle, orchestrate, setAttribute, setCSSProperty, setProperty };
+//# sourceMappingURL=orchestrate.d.ts.map

package/dist/dialog/utils/orchestrate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"orchestrate.d.ts","names":["orchestrate","Element","element","key","setup","setAttribute","attr","value","setProperty","T","K","property","assignStyle","HTMLElement","CSSStyleDeclaration","Partial","style","setCSSProperty"],"sources":["../../../src/dialog/utils/orchestrate.d.ts"],"mappings":";iBAAwBA,WAAAA,CAAYE,OAAAA,EAASD,OAAO,EAAEE,GAAAA,UAAaC,KAAAA;AAAAA,iBAC3CC,YAAAA,CAAaH,OAAAA,EAASD,OAAO,EAAEK,IAAAA,UAAcC,KAAAA;AAAAA,iBAC7CC,WAAAA,WAAsBP,OAAAA,kBAAyBQ,CAAAA,UAAAA,CAAYP,OAAAA,EAASO,CAAAA,EAAGE,QAAAA,EAAUD,CAAAA,EAAGH,KAAAA,EAAOE,CAAAA,CAAEC,CAAAA;AAAAA,iBAC7FE,WAAAA,CAAYV,OAAAA,EAASW,WAAAA,qBAAgCG,KAAAA,EAAOD,OAAAA,CAAQD,mBAAAA;AAAAA,iBACpEG,cAAAA,CAAef,OAAAA,EAASW,WAAW,qBAAqBF,QAAAA,UAAkBJ,KAAAA"}

package/dist/dialog/utils/orchestrate.js

@@ -0,0 +1,77 @@
+"use client";
+//#region src/dialog/utils/orchestrate.ts
+const cleanups = /* @__PURE__ */ new WeakMap();
+function orchestrate(element, key, setup) {
+	if (!cleanups.has(element)) cleanups.set(element, /* @__PURE__ */ new Map());
+	const elementCleanups = cleanups.get(element);
+	const prevCleanup = elementCleanups.get(key);
+	if (!prevCleanup) {
+		elementCleanups.set(key, setup());
+		return () => {
+			elementCleanups.get(key)?.();
+			elementCleanups.delete(key);
+		};
+	}
+	const cleanup = setup();
+	const nextCleanup = () => {
+		cleanup();
+		prevCleanup();
+		elementCleanups.delete(key);
+	};
+	elementCleanups.set(key, nextCleanup);
+	return () => {
+		if (!(elementCleanups.get(key) === nextCleanup)) return;
+		cleanup();
+		elementCleanups.set(key, prevCleanup);
+	};
+}
+function setAttribute(element, attr, value) {
+	const setup = () => {
+		const previousValue = element.getAttribute(attr);
+		element.setAttribute(attr, value);
+		return () => {
+			if (previousValue == null) element.removeAttribute(attr);
+			else element.setAttribute(attr, previousValue);
+		};
+	};
+	return orchestrate(element, attr, setup);
+}
+function setProperty(element, property, value) {
+	const setup = () => {
+		const exists = property in element;
+		const previousValue = element[property];
+		element[property] = value;
+		return () => {
+			if (!exists) delete element[property];
+			else element[property] = previousValue;
+		};
+	};
+	return orchestrate(element, property, setup);
+}
+function assignStyle(element, style) {
+	if (!element) return () => {};
+	const setup = () => {
+		const prevStyle = element.style.cssText;
+		Object.assign(element.style, style);
+		return () => {
+			element.style.cssText = prevStyle;
+		};
+	};
+	return orchestrate(element, "style", setup);
+}
+function setCSSProperty(element, property, value) {
+	if (!element) return () => {};
+	const setup = () => {
+		const previousValue = element.style.getPropertyValue(property);
+		element.style.setProperty(property, value);
+		return () => {
+			if (previousValue) element.style.setProperty(property, previousValue);
+			else element.style.removeProperty(property);
+		};
+	};
+	return orchestrate(element, property, setup);
+}
+//#endregion
+export { assignStyle, orchestrate, setAttribute, setCSSProperty, setProperty };
+
+//# sourceMappingURL=orchestrate.js.map

package/dist/dialog/utils/orchestrate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"orchestrate.js","names":[],"sources":["../../../src/dialog/utils/orchestrate.ts"],"sourcesContent":["const cleanups = new WeakMap<Element, Map<string, () => void>>();\n\nexport function orchestrate(\n  element: Element,\n  key: string,\n  setup: () => () => void,\n) {\n  if (!cleanups.has(element)) {\n    cleanups.set(element, new Map());\n  }\n\n  const elementCleanups = cleanups.get(element)!;\n  const prevCleanup = elementCleanups.get(key);\n\n  if (!prevCleanup) {\n    elementCleanups.set(key, setup());\n    return () => {\n      elementCleanups.get(key)?.();\n      elementCleanups.delete(key);\n    };\n  }\n\n  const cleanup = setup();\n\n  const nextCleanup = () => {\n    cleanup();\n    prevCleanup();\n    elementCleanups.delete(key);\n  };\n\n  elementCleanups.set(key, nextCleanup);\n\n  return () => {\n    const isCurrent = elementCleanups.get(key) === nextCleanup;\n    if (!isCurrent) return;\n    cleanup();\n    elementCleanups.set(key, prevCleanup);\n  };\n}\n\nexport function setAttribute(element: Element, attr: string, value: string) {\n  const setup = () => {\n    const previousValue = element.getAttribute(attr);\n    element.setAttribute(attr, value);\n    return () => {\n      if (previousValue == null) {\n        element.removeAttribute(attr);\n      } else {\n        element.setAttribute(attr, previousValue);\n      }\n    };\n  };\n\n  return orchestrate(element, attr, setup);\n}\n\nexport function setProperty<T extends Element, K extends keyof T & string>(\n  element: T,\n  property: K,\n  value: T[K],\n) {\n  const setup = () => {\n    const exists = property in element;\n    const previousValue = element[property];\n    element[property] = value;\n    return () => {\n      if (!exists) {\n        delete element[property];\n      } else {\n        element[property] = previousValue;\n      }\n    };\n  };\n\n  // Debug\n  // const unsetProperty = orchestrate(element, property, setup);\n  // const unsetAttribute = setAttribute(element, property, `${value}`);\n  // return () => {\n  //   unsetProperty();\n  //   unsetAttribute();\n  // };\n\n  return orchestrate(element, property, setup);\n}\n\nexport function assignStyle(\n  element: HTMLElement | null | undefined,\n  style: Partial<CSSStyleDeclaration>,\n) {\n  if (!element) return () => {};\n\n  const setup = () => {\n    const prevStyle = element.style.cssText;\n    Object.assign(element.style, style);\n    return () => {\n      element.style.cssText = prevStyle;\n    };\n  };\n\n  return orchestrate(element, \"style\", setup);\n}\n\nexport function setCSSProperty(\n  element: HTMLElement | null | undefined,\n  property: string,\n  value: string,\n) {\n  if (!element) return () => {};\n\n  const setup = () => {\n    const previousValue = element.style.getPropertyValue(property);\n    element.style.setProperty(property, value);\n    return () => {\n      if (previousValue) {\n        element.style.setProperty(property, previousValue);\n      } else {\n        element.style.removeProperty(property);\n      }\n    };\n  };\n\n  return orchestrate(element, property, setup);\n}\n"],"mappings":";;AAEA,MAAA,2BAEE,IACA,QACA;SACK,YAAa,SAChB,KAAA,OAAa;CAGf,IAAA,CAAA,SAAM,IAAA,OAAkB,GAAA,SAAa,IAAA,yBAAO,IAAA,IAAA,CAAA;CAC5C,MAAM,kBAAc,SAAA,IAAgB,OAAO;CAE3C,MAAK,cAAa,gBAAA,IAAA,GAAA;KAChB,CAAA,aAAgB;EAChB,gBAAa,IAAA,KAAA,MAAA,CAAA;eACX;GACA,gBAAgB,IAAA,GAAO,IAAG;GAC5B,gBAAA,OAAA,GAAA;EACF;CAEA;CAEA,MAAM,UAAA,MAAA;OACJ,oBAAQ;EACR,QAAA;EACA,YAAA;EACF,gBAAA,OAAA,GAAA;CAEA;CAEA,gBAAa,IAAA,KAAA,WAAA;cACO;EAElB,IAAA,EAAA,gBAAQ,IAAA,GAAA,MAAA,cAAA;EACR,QAAA;EACF,gBAAA,IAAA,KAAA,WAAA;CACF;AAEA;SACQ,aAAc,SAAA,MAAA,OAAA;OAClB,cAAM;EACN,MAAA,gBAAqB,QAAM,aAAK,IAAA;EAChC,QAAA,aAAa,MAAA,KAAA;eACP;wBAGM,MAAa,QAAM,gBAAa,IAAA;QAE5C,QAAA,aAAA,MAAA,aAAA;EACF;CAEA;CACF,OAAA,YAAA,SAAA,MAAA,KAAA;AAEA;SAKQ,YAAc,SAAA,UAAA,OAAA;OAClB,cAAe;EACf,MAAM,SAAA,YAAgB;EACtB,MAAA,gBAAoB,QAAA;EACpB,QAAA,YAAa;eACN;QAGH,QAAQ,OAAA,QAAY;QAExB,QAAA,YAAA;EACF;CAUA;CACF,OAAA,YAAA,SAAA,UAAA,KAAA;AAEA;SAIO,YAAS,SAAc,OAAA;CAE5B,IAAA,CAAA,SAAM,aAAc,CAAA;OAClB,cAAkB;EAClB,MAAA,YAAc,QAAQ,MAAO;EAC7B,OAAA,OAAa,QAAA,OAAA,KAAA;eACH;GACV,QAAA,MAAA,UAAA;EACF;CAEA;CACF,OAAA,YAAA,SAAA,SAAA,KAAA;AAEA;SAKO,eAAS,SAAc,UAAA,OAAA;CAE5B,IAAA,CAAA,SAAM,aAAc,CAAA;OAClB,cAAM;EACN,MAAA,gBAAc,QAAY,MAAU,iBAAK,QAAA;EACzC,QAAA,MAAa,YAAA,UAAA,KAAA;eACP;sBAGY,QAAA,MAAA,YAAuB,UAAA,aAAA;QAEzC,QAAA,MAAA,eAAA,QAAA;EACF;CAEA;CACF,OAAA,YAAA,SAAA,UAAA,KAAA"}

package/dist/dialog/utils/prepend-hidden-dismiss.d.ts

@@ -0,0 +1,5 @@
+//#region src/dialog/utils/prepend-hidden-dismiss.d.ts
+declare function prependHiddenDismiss(container: HTMLElement, onClick: () => unknown): () => void;
+//#endregion
+export { prependHiddenDismiss };
+//# sourceMappingURL=prepend-hidden-dismiss.d.ts.map

package/dist/dialog/utils/prepend-hidden-dismiss.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepend-hidden-dismiss.d.ts","names":["prependHiddenDismiss","HTMLElement","container","onClick"],"sources":["../../../src/dialog/utils/prepend-hidden-dismiss.d.ts"],"mappings":";iBAAwBA,oBAAAA,CAAqBE,SAAAA,EAAWD,WAAW,EAAEE,OAAAA"}

package/dist/dialog/utils/prepend-hidden-dismiss.js

@@ -0,0 +1,31 @@
+"use client";
+import { getDocument } from "@ariakit/utils";
+//#region src/dialog/utils/prepend-hidden-dismiss.ts
+function prependHiddenDismiss(container, onClick) {
+	const button = getDocument(container).createElement("button");
+	button.type = "button";
+	button.tabIndex = -1;
+	button.textContent = "Dismiss popup";
+	Object.assign(button.style, {
+		border: "0px",
+		clip: "rect(0 0 0 0)",
+		height: "1px",
+		margin: "-1px",
+		overflow: "hidden",
+		padding: "0px",
+		position: "absolute",
+		whiteSpace: "nowrap",
+		width: "1px"
+	});
+	button.addEventListener("click", onClick);
+	container.prepend(button);
+	const removeHiddenDismiss = () => {
+		button.removeEventListener("click", onClick);
+		button.remove();
+	};
+	return removeHiddenDismiss;
+}
+//#endregion
+export { prependHiddenDismiss };
+
+//# sourceMappingURL=prepend-hidden-dismiss.js.map

package/dist/dialog/utils/prepend-hidden-dismiss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepend-hidden-dismiss.js","names":[],"sources":["../../../src/dialog/utils/prepend-hidden-dismiss.ts"],"sourcesContent":["import { getDocument } from \"@ariakit/utils\";\n\nexport function prependHiddenDismiss(\n  container: HTMLElement,\n  onClick: () => unknown,\n) {\n  const document = getDocument(container);\n  const button = document.createElement(\"button\");\n  button.type = \"button\";\n  button.tabIndex = -1;\n  button.textContent = \"Dismiss popup\";\n\n  // Visually hidden styles\n  Object.assign(button.style, {\n    border: \"0px\",\n    clip: \"rect(0 0 0 0)\",\n    height: \"1px\",\n    margin: \"-1px\",\n    overflow: \"hidden\",\n    padding: \"0px\",\n    position: \"absolute\",\n    whiteSpace: \"nowrap\",\n    width: \"1px\",\n  });\n\n  button.addEventListener(\"click\", onClick);\n  container.prepend(button);\n\n  const removeHiddenDismiss = () => {\n    button.removeEventListener(\"click\", onClick);\n    button.remove();\n  };\n\n  return removeHiddenDismiss;\n}\n"],"mappings":";;;SAOQ,qBADuB,WACL,SAAA;CACxB,MAAA,SAAc,YAAA,SAAA,EAAA,cAAA,QAAA;CACd,OAAO,OAAA;CACP,OAAO,WAAA;CAGP,OAAO,cAAc;QACnB,OAAQ,OAAA,OAAA;EACR,QAAM;EACN,MAAA;EACA,QAAQ;EACR,QAAA;EACA,UAAS;EACT,SAAA;EACA,UAAA;EACA,YAAO;EACR,OAAA;CAED,CAAA;CACA,OAAA,iBAAwB,SAAA,OAAA;CAExB,UAAM,QAAA,MAAA;OACJ,4BAA2B;EAC3B,OAAO,oBAAO,SAAA,OAAA;EAChB,OAAA,OAAA;CAEA;CACF,OAAA"}

package/dist/dialog/utils/supports-inert.d.ts

@@ -0,0 +1,5 @@
+//#region src/dialog/utils/supports-inert.d.ts
+declare function supportsInert(): boolean;
+//#endregion
+export { supportsInert };
+//# sourceMappingURL=supports-inert.d.ts.map

package/dist/dialog/utils/supports-inert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"supports-inert.d.ts","names":["supportsInert"],"sources":["../../../src/dialog/utils/supports-inert.d.ts"],"mappings":";iBAAwBA,aAAAA,CAAAA"}

package/dist/dialog/utils/supports-inert.js

@@ -0,0 +1,9 @@
+"use client";
+//#region src/dialog/utils/supports-inert.ts
+function supportsInert() {
+	return "inert" in HTMLElement.prototype;
+}
+//#endregion
+export { supportsInert };
+
+//# sourceMappingURL=supports-inert.js.map

package/dist/dialog/utils/supports-inert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"supports-inert.js","names":[],"sources":["../../../src/dialog/utils/supports-inert.ts"],"sourcesContent":["export function supportsInert() {\n  // Debug\n  // return false;\n  return \"inert\" in HTMLElement.prototype;\n}\n"],"mappings":";;SAGS,gBAAW;CACpB,OAAA,WAAA,YAAA"}

package/dist/dialog/utils/use-hide-on-interact-outside.d.ts

@@ -0,0 +1,9 @@
+import { t as DialogStore } from "../../dialog-store-Cjt12T_Y.js";
+import { n as DialogOptions } from "../../dialog-C__C-zX2.js";
+import { MutableRefObject } from "react";
+
+//#region src/dialog/utils/use-hide-on-interact-outside.d.ts
+declare function useHideOnInteractOutside(store: DialogStore, hideOnInteractOutside: DialogOptions["hideOnInteractOutside"], domReady?: boolean | HTMLElement | null, interactedOutsideRef?: MutableRefObject<boolean>): void;
+//#endregion
+export { useHideOnInteractOutside };
+//# sourceMappingURL=use-hide-on-interact-outside.d.ts.map

package/dist/dialog/utils/use-hide-on-interact-outside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-hide-on-interact-outside.d.ts","names":["MutableRefObject","DialogStore","DialogOptions","useHideOnInteractOutside","HTMLElement","store","hideOnInteractOutside","domReady","interactedOutsideRef"],"sources":["../../../src/dialog/utils/use-hide-on-interact-outside.d.ts"],"mappings":";;;;;iBAGwBG,wBAAAA,CAAyBE,KAAAA,EAAOJ,WAAAA,EAAaK,qBAAAA,EAAuBJ,aAAAA,2BAAwCK,QAAAA,aAAqBH,WAAAA,SAAoBI,oBAAAA,GAAuBR,gBAAAA"}

package/dist/dialog/utils/use-hide-on-interact-outside.js

@@ -0,0 +1,123 @@
+"use client";
+import { isElementMarked } from "./mark-tree-outside.js";
+import { usePreviousMouseDownRef } from "./use-previous-mouse-down-ref.js";
+import { useEvent, useSafeLayoutEffect } from "@ariakit/react-utils";
+import { addGlobalEventListener, contains, getDocument, getWindow } from "@ariakit/utils";
+import { useEffect, useRef } from "react";
+import { useStoreState } from "@ariakit/react-store";
+//#region src/dialog/utils/use-hide-on-interact-outside.ts
+function isInDocument(target) {
+	if (target.tagName === "HTML") return true;
+	return contains(getDocument(target).body, target);
+}
+function isDisclosure(disclosure, target) {
+	if (!disclosure) return false;
+	if (contains(disclosure, target)) return true;
+	const activeId = target.getAttribute("aria-activedescendant");
+	if (activeId) {
+		const activeElement = getDocument(disclosure).getElementById(activeId);
+		if (activeElement) return contains(disclosure, activeElement);
+	}
+	return false;
+}
+function isMouseEventOnDialog(event, dialog) {
+	if (!("clientY" in event)) return false;
+	const rect = dialog.getBoundingClientRect();
+	if (rect.width === 0 || rect.height === 0) return false;
+	return rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
+}
+function useEventOutside({ store, type, listener, capture, domReady }) {
+	const callListener = useEvent(listener);
+	const open = useStoreState(store, "open");
+	const contentElement = useStoreState(store, "contentElement");
+	const focusedRef = useRef(false);
+	useSafeLayoutEffect(() => {
+		if (!open) return;
+		if (!domReady) return;
+		if (!contentElement) return;
+		const onFocus = () => {
+			focusedRef.current = true;
+		};
+		contentElement.addEventListener("focusin", onFocus, true);
+		return () => contentElement.removeEventListener("focusin", onFocus, true);
+	}, [
+		open,
+		domReady,
+		contentElement
+	]);
+	useEffect(() => {
+		if (!open) return;
+		const onEvent = (event) => {
+			const { contentElement, disclosureElement } = store.getState();
+			const target = event.target;
+			if (!contentElement) return;
+			if (!target) return;
+			if (!isInDocument(target)) return;
+			if (contains(contentElement, target)) return;
+			if (isDisclosure(disclosureElement, target)) return;
+			if (target.hasAttribute("data-focus-trap")) return;
+			if (isMouseEventOnDialog(event, contentElement)) return;
+			if (focusedRef.current && !isElementMarked(target, contentElement.id)) return;
+			callListener(event);
+		};
+		return addGlobalEventListener(type, onEvent, capture, contentElement ? getWindow(contentElement) : void 0);
+	}, [
+		open,
+		capture,
+		store,
+		type,
+		callListener,
+		contentElement
+	]);
+}
+function shouldHideOnInteractOutside(hideOnInteractOutside, event) {
+	if (typeof hideOnInteractOutside === "function") return hideOnInteractOutside(event);
+	return !!hideOnInteractOutside;
+}
+function useHideOnInteractOutside(store, hideOnInteractOutside, domReady, interactedOutsideRef) {
+	const open = useStoreState(store, "open");
+	const contentElement = useStoreState(store, "contentElement");
+	const previousMouseDownRef = usePreviousMouseDownRef(open, contentElement ? getWindow(contentElement) : void 0);
+	const props = {
+		store,
+		domReady,
+		capture: true
+	};
+	useEventOutside({
+		...props,
+		type: "click",
+		listener: (event) => {
+			const { contentElement } = store.getState();
+			const previousMouseDown = previousMouseDownRef.current;
+			if (!previousMouseDown) return;
+			if (!isElementMarked(previousMouseDown, contentElement?.id)) return;
+			if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) return;
+			if (interactedOutsideRef) interactedOutsideRef.current = true;
+			store.hide();
+		}
+	});
+	useEventOutside({
+		...props,
+		type: "focusin",
+		listener: (event) => {
+			const { contentElement } = store.getState();
+			if (!contentElement) return;
+			if (event.target === getDocument(contentElement)) return;
+			if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) return;
+			store.hide();
+		}
+	});
+	useEventOutside({
+		...props,
+		type: "contextmenu",
+		listener: (event) => {
+			if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) return;
+			if (interactedOutsideRef) interactedOutsideRef.current = true;
+			store.hide();
+		}
+	});
+}
+//#endregion
+export { useHideOnInteractOutside };
+
+//# sourceMappingURL=use-hide-on-interact-outside.js.map

package/dist/dialog/utils/use-hide-on-interact-outside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-hide-on-interact-outside.js","names":[],"sources":["../../../src/dialog/utils/use-hide-on-interact-outside.ts"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport { useEvent, useSafeLayoutEffect } from \"@ariakit/react-utils\";\nimport {\n  contains,\n  getDocument,\n  getWindow,\n  addGlobalEventListener,\n} from \"@ariakit/utils\";\nimport type { MutableRefObject } from \"react\";\nimport { useEffect, useRef } from \"react\";\nimport type { DialogStore } from \"../dialog-store.ts\";\nimport type { DialogOptions } from \"../dialog.tsx\";\nimport { isElementMarked } from \"./mark-tree-outside.ts\";\nimport { usePreviousMouseDownRef } from \"./use-previous-mouse-down-ref.ts\";\n\ninterface EventOutsideOptions {\n  store: DialogStore;\n  type: string;\n  listener: (event: Event) => void;\n  capture?: boolean;\n  domReady?: boolean | HTMLElement | null;\n}\n\nfunction isInDocument(target: Element) {\n  if (target.tagName === \"HTML\") return true;\n  return contains(getDocument(target).body, target);\n}\n\nfunction isDisclosure(disclosure: Element | null, target: Element) {\n  if (!disclosure) return false;\n  if (contains(disclosure, target)) return true;\n  const activeId = target.getAttribute(\"aria-activedescendant\");\n  if (activeId) {\n    const activeElement = getDocument(disclosure).getElementById(activeId);\n    if (activeElement) {\n      return contains(disclosure, activeElement);\n    }\n  }\n  return false;\n}\n\nfunction isMouseEventOnDialog(event: Event | MouseEvent, dialog: Element) {\n  if (!(\"clientY\" in event)) return false;\n  const rect = dialog.getBoundingClientRect();\n  if (rect.width === 0 || rect.height === 0) return false;\n  return (\n    rect.top <= event.clientY &&\n    event.clientY <= rect.top + rect.height &&\n    rect.left <= event.clientX &&\n    event.clientX <= rect.left + rect.width\n  );\n}\n\nfunction useEventOutside({\n  store,\n  type,\n  listener,\n  capture,\n  domReady,\n}: EventOutsideOptions) {\n  const callListener = useEvent(listener);\n  const open = useStoreState(store, \"open\");\n  const contentElement = useStoreState(store, \"contentElement\");\n  const focusedRef = useRef(false);\n\n  useSafeLayoutEffect(() => {\n    if (!open) return;\n    if (!domReady) return;\n    if (!contentElement) return;\n    const onFocus = () => {\n      focusedRef.current = true;\n    };\n    contentElement.addEventListener(\"focusin\", onFocus, true);\n    return () => contentElement.removeEventListener(\"focusin\", onFocus, true);\n  }, [open, domReady, contentElement]);\n\n  useEffect(() => {\n    if (!open) return;\n    const onEvent = (event: Event) => {\n      const { contentElement, disclosureElement } = store.getState();\n      const target = event.target as Element | null;\n      if (!contentElement) return;\n      if (!target) return;\n      // When an element is unmounted right after it receives focus, the focus\n      // event is triggered after that, when the element isn't part of the\n      // current document anymore. We just ignore it.\n      if (!isInDocument(target)) return;\n      // Event inside dialog\n      if (contains(contentElement, target)) return;\n      // Event on disclosure\n      if (isDisclosure(disclosureElement, target)) return;\n      // Event on focus trap\n      if (target.hasAttribute(\"data-focus-trap\")) return;\n      // Clicked on dialog's bounding box\n      if (isMouseEventOnDialog(event, contentElement)) return;\n      // We need to check if the content element has been focused at least once\n      // before checking if it's marked. This is so hovercards and tooltips\n      // don't stay open when new nodes are added to the DOM and focused.\n      const focused = focusedRef.current;\n      if (focused && !isElementMarked(target, contentElement.id)) return;\n      // Finally, if the target has been marked as \"outside\" or is an ancestor\n      // of the content element, we call the listener.\n      callListener(event);\n    };\n    const win = contentElement ? getWindow(contentElement) : undefined;\n    return addGlobalEventListener(type, onEvent, capture, win);\n  }, [open, capture, store, type, callListener, contentElement]);\n}\n\nfunction shouldHideOnInteractOutside(\n  hideOnInteractOutside: DialogOptions[\"hideOnInteractOutside\"],\n  event: Event,\n) {\n  if (typeof hideOnInteractOutside === \"function\") {\n    return hideOnInteractOutside(event);\n  }\n  return !!hideOnInteractOutside;\n}\n\nexport function useHideOnInteractOutside(\n  store: DialogStore,\n  hideOnInteractOutside: DialogOptions[\"hideOnInteractOutside\"],\n  domReady?: boolean | HTMLElement | null,\n  interactedOutsideRef?: MutableRefObject<boolean>,\n) {\n  const open = useStoreState(store, \"open\");\n  const contentElement = useStoreState(store, \"contentElement\");\n  const contentWindow = contentElement ? getWindow(contentElement) : undefined;\n  const previousMouseDownRef = usePreviousMouseDownRef(open, contentWindow);\n  const props = { store, domReady, capture: true };\n\n  useEventOutside({\n    ...props,\n    type: \"click\",\n    listener: (event) => {\n      const { contentElement } = store.getState();\n      const previousMouseDown = previousMouseDownRef.current as Element | null;\n      // If there's no previously mousedown'd element, this probably means that\n      // the dialog opened with a mousedown event, and a subsequent click event\n      // was dispatched outside of the dialog. See form-select example. We just\n      // ignore this.\n      if (!previousMouseDown) return;\n      // This prevents the dialog from closing by dragging the cursor (for\n      // example, selecting some text inside the dialog and releasing the mouse\n      // outside of it). See:\n      // - https://github.com/ariakit/ariakit/issues/1336\n      // - https://github.com/ariakit/ariakit/issues/2330\n      if (!isElementMarked(previousMouseDown, contentElement?.id)) return;\n      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) return;\n      if (interactedOutsideRef) {\n        interactedOutsideRef.current = true;\n      }\n      store.hide();\n    },\n  });\n\n  useEventOutside({\n    ...props,\n    type: \"focusin\",\n    listener: (event) => {\n      const { contentElement } = store.getState();\n      if (!contentElement) return;\n      // Fix for https://github.com/ariakit/ariakit/issues/619\n      if (event.target === getDocument(contentElement)) return;\n      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) return;\n      store.hide();\n    },\n  });\n\n  useEventOutside({\n    ...props,\n    type: \"contextmenu\",\n    listener: (event) => {\n      if (!shouldHideOnInteractOutside(hideOnInteractOutside, event)) return;\n      if (interactedOutsideRef) {\n        interactedOutsideRef.current = true;\n      }\n      store.hide();\n    },\n  });\n}\n"],"mappings":"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"}

package/dist/dialog/utils/use-nested-dialogs.d.ts

@@ -0,0 +1,11 @@
+import { t as DialogStore } from "../../dialog-store-Cjt12T_Y.js";
+import { WrapElement } from "@ariakit/react-utils";
+
+//#region src/dialog/utils/use-nested-dialogs.d.ts
+declare function useNestedDialogs(store: DialogStore): {
+  wrapElement: WrapElement;
+  nestedDialogs: DialogStore[];
+};
+//#endregion
+export { useNestedDialogs };
+//# sourceMappingURL=use-nested-dialogs.d.ts.map

package/dist/dialog/utils/use-nested-dialogs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-nested-dialogs.d.ts","names":["WrapElement","DialogStore","useNestedDialogs","store","wrapElement","nestedDialogs"],"sources":["../../../src/dialog/utils/use-nested-dialogs.d.ts"],"mappings":";;;;iBAEwBE,gBAAAA,CAAiBC,KAAAA,EAAOF,WAAAA;EAC5CG,WAAAA,EAAaJ,WAAAA;EACbK,aAAAA,EAAeJ,WAAAA;AAAAA"}

package/dist/dialog/utils/use-nested-dialogs.js

@@ -0,0 +1,40 @@
+"use client";
+import { useSafeLayoutEffect } from "@ariakit/react-utils";
+import { chain } from "@ariakit/utils";
+import { createContext, useCallback, useContext, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { sync } from "@ariakit/store";
+//#region src/dialog/utils/use-nested-dialogs.tsx
+const NestedDialogsContext = createContext({});
+function useNestedDialogs(store) {
+	const context = useContext(NestedDialogsContext);
+	const [dialogs, setDialogs] = useState([]);
+	const add = useCallback((dialog) => {
+		setDialogs((dialogs) => [...dialogs, dialog]);
+		return chain(context.add?.(dialog), () => {
+			setDialogs((dialogs) => dialogs.filter((d) => d !== dialog));
+		});
+	}, [context]);
+	useSafeLayoutEffect(() => {
+		return sync(store, ["open", "contentElement"], (state) => {
+			if (!state.open) return;
+			if (!state.contentElement) return;
+			return context.add?.(store);
+		});
+	}, [store, context]);
+	const providerValue = useMemo(() => ({
+		store,
+		add
+	}), [store, add]);
+	return {
+		wrapElement: useCallback((element) => /* @__PURE__ */ jsx(NestedDialogsContext.Provider, {
+			value: providerValue,
+			children: element
+		}), [providerValue]),
+		nestedDialogs: dialogs
+	};
+}
+//#endregion
+export { useNestedDialogs };
+
+//# sourceMappingURL=use-nested-dialogs.js.map

package/dist/dialog/utils/use-nested-dialogs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-nested-dialogs.js","names":[],"sources":["../../../src/dialog/utils/use-nested-dialogs.tsx"],"sourcesContent":["import { useSafeLayoutEffect } from \"@ariakit/react-utils\";\nimport type { WrapElement } from \"@ariakit/react-utils\";\nimport { sync } from \"@ariakit/store\";\nimport { chain } from \"@ariakit/utils\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\nimport type { DialogStore } from \"../dialog-store.ts\";\n\nconst NestedDialogsContext = createContext<{\n  store?: DialogStore;\n  add?: (store: DialogStore) => () => void;\n}>({});\n\nexport function useNestedDialogs(store: DialogStore) {\n  const context = useContext(NestedDialogsContext);\n  const [dialogs, setDialogs] = useState<DialogStore[]>([]);\n\n  const add = useCallback(\n    (dialog: DialogStore) => {\n      setDialogs((dialogs) => [...dialogs, dialog]);\n      return chain(context.add?.(dialog), () => {\n        setDialogs((dialogs) => dialogs.filter((d) => d !== dialog));\n      });\n    },\n    [context],\n  );\n\n  // If it's a nested dialog, add it to the context\n  useSafeLayoutEffect(() => {\n    return sync(store, [\"open\", \"contentElement\"], (state) => {\n      if (!state.open) return;\n      if (!state.contentElement) return;\n      return context.add?.(store);\n    });\n  }, [store, context]);\n\n  // Provider\n  const providerValue = useMemo(() => ({ store, add }), [store, add]);\n\n  const wrapElement: WrapElement = useCallback(\n    (element) => (\n      <NestedDialogsContext.Provider value={providerValue}>\n        {element}\n      </NestedDialogsContext.Provider>\n    ),\n    [providerValue],\n  );\n\n  return { wrapElement, nestedDialogs: dialogs };\n}\n"],"mappings":";;;;;;;AAkBA,MAAA,uBAAiC,cAAoB,CAAA,CAAA;SAC7C,iBAAU,OAAW;CAC3B,MAAM,UAAU,WAAA,oBAAwC;CAExD,MAAM,CAAA,SAAM,cACT,SAAwB,CAAA,CAAA;OACvB,MAAA,aAAwB,WAAI;EAC5B,YAAO,YAAc,CAAA,GAAM,SAAM,MAAS,CAAA;SACxC,MAAY,QAAA,MAAY,MAAQ,SAAQ;GACzC,YAAA,YAAA,QAAA,QAAA,MAAA,MAAA,MAAA,CAAA;EACH,CAAA;CAKF,GAAA,CAAA,OAAA,CAAA;2BACsB;SACb,KAAM,OAAM,CAAA,QAAA,gBAAA,IAAA,UAAA;GACjB,IAAI,CAAC,MAAM,MAAA;GACX,IAAA,CAAA,MAAO,gBAAmB;GAC3B,OAAA,QAAA,MAAA,KAAA;EACH,CAAA;CAGA,GAAA,CAAA,OAAM,OAAA,CAAA;OAAiC,gBAAA,eAAA;EAAO;EAAI;CAWlD,IAAA,CAAA,OAAO,GAAA,CAAA;QAAE;eAPiC,aAAA,YAAA,oBAAA,qBAAA,UAAA;;GAEP,UAEhC;EAGmB,CAAA,GAAA,CAAA,aAAe,CAAA;EAAQ,eAAA;CAC/C"}

package/dist/dialog/utils/use-prevent-body-scroll.d.ts

@@ -0,0 +1,5 @@
+//#region src/dialog/utils/use-prevent-body-scroll.d.ts
+declare function usePreventBodyScroll(contentElement: HTMLElement | null, contentId?: string, enabled?: boolean): void;
+//#endregion
+export { usePreventBodyScroll };
+//# sourceMappingURL=use-prevent-body-scroll.d.ts.map

package/dist/dialog/utils/use-prevent-body-scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-prevent-body-scroll.d.ts","names":["usePreventBodyScroll","HTMLElement","contentElement","contentId","enabled"],"sources":["../../../src/dialog/utils/use-prevent-body-scroll.d.ts"],"mappings":";iBAAwBA,oBAAAA,CAAqBE,cAAAA,EAAgBD,WAAW,SAASE,SAAAA,WAAoBC,OAAAA"}

package/dist/dialog/utils/use-prevent-body-scroll.js

@@ -0,0 +1,60 @@
+"use client";
+import { assignStyle, setCSSProperty } from "./orchestrate.js";
+import { useRootDialog } from "./use-root-dialog.js";
+import { chain, getDocument, getWindow, isApple, isMac } from "@ariakit/utils";
+import { useEffect } from "react";
+//#region src/dialog/utils/use-prevent-body-scroll.ts
+function getPaddingProperty(documentElement) {
+	const documentLeft = documentElement.getBoundingClientRect().left;
+	return Math.round(documentLeft) + documentElement.scrollLeft ? "paddingLeft" : "paddingRight";
+}
+function usePreventBodyScroll(contentElement, contentId, enabled) {
+	const isRootDialog = useRootDialog({
+		attribute: "data-dialog-prevent-body-scroll",
+		contentElement,
+		contentId,
+		enabled
+	});
+	useEffect(() => {
+		if (!isRootDialog()) return;
+		if (!contentElement) return;
+		const doc = getDocument(contentElement);
+		const win = getWindow(contentElement);
+		const { documentElement, body } = doc;
+		const cssScrollbarWidth = documentElement.style.getPropertyValue("--scrollbar-width");
+		const scrollbarWidth = cssScrollbarWidth ? Number.parseInt(cssScrollbarWidth, 10) : win.innerWidth - documentElement.clientWidth;
+		const setScrollbarWidthProperty = () => setCSSProperty(documentElement, "--scrollbar-width", `${scrollbarWidth}px`);
+		const paddingProperty = getPaddingProperty(documentElement);
+		const setStyle = () => assignStyle(body, {
+			overflow: "hidden",
+			[paddingProperty]: `${scrollbarWidth}px`
+		});
+		const setIOSStyle = () => {
+			const { scrollX, scrollY, visualViewport } = win;
+			const offsetLeft = visualViewport?.offsetLeft ?? 0;
+			const offsetTop = visualViewport?.offsetTop ?? 0;
+			const restoreStyle = assignStyle(body, {
+				position: "fixed",
+				overflow: "hidden",
+				top: `${-(scrollY - Math.floor(offsetTop))}px`,
+				left: `${-(scrollX - Math.floor(offsetLeft))}px`,
+				right: "0",
+				[paddingProperty]: `${scrollbarWidth}px`
+			});
+			return () => {
+				restoreStyle();
+				win.scrollTo({
+					left: scrollX,
+					top: scrollY,
+					behavior: "instant"
+				});
+			};
+		};
+		const isIOS = isApple() && !isMac();
+		return chain(setScrollbarWidthProperty(), isIOS ? setIOSStyle() : setStyle());
+	}, [isRootDialog, contentElement]);
+}
+//#endregion
+export { usePreventBodyScroll };
+
+//# sourceMappingURL=use-prevent-body-scroll.js.map

package/dist/dialog/utils/use-prevent-body-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-prevent-body-scroll.js","names":[],"sources":["../../../src/dialog/utils/use-prevent-body-scroll.ts"],"sourcesContent":["// Based on https://github.com/floating-ui/floating-ui/blob/1201e72e67a80e479122293d46d96c9bbc8f156d/packages/react-dom-interactions/src/FloatingOverlay.tsx\nimport { getDocument, getWindow, chain, isApple, isMac } from \"@ariakit/utils\";\nimport { useEffect } from \"react\";\nimport { assignStyle, setCSSProperty } from \"./orchestrate.ts\";\nimport { useRootDialog } from \"./use-root-dialog.ts\";\n\nfunction getPaddingProperty(documentElement: HTMLElement) {\n  // RTL <body> scrollbar\n  const documentLeft = documentElement.getBoundingClientRect().left;\n  const scrollbarX = Math.round(documentLeft) + documentElement.scrollLeft;\n  return scrollbarX ? \"paddingLeft\" : \"paddingRight\";\n}\n\nexport function usePreventBodyScroll(\n  contentElement: HTMLElement | null,\n  contentId?: string,\n  enabled?: boolean,\n) {\n  const isRootDialog = useRootDialog({\n    attribute: \"data-dialog-prevent-body-scroll\",\n    contentElement,\n    contentId,\n    enabled,\n  });\n\n  useEffect(() => {\n    if (!isRootDialog()) return;\n    if (!contentElement) return;\n    const doc = getDocument(contentElement);\n    const win = getWindow(contentElement);\n    const { documentElement, body } = doc;\n    const cssScrollbarWidth =\n      documentElement.style.getPropertyValue(\"--scrollbar-width\");\n    const scrollbarWidth = cssScrollbarWidth\n      ? Number.parseInt(cssScrollbarWidth, 10)\n      : win.innerWidth - documentElement.clientWidth;\n\n    const setScrollbarWidthProperty = () =>\n      setCSSProperty(\n        documentElement,\n        \"--scrollbar-width\",\n        `${scrollbarWidth}px`,\n      );\n\n    const paddingProperty = getPaddingProperty(documentElement);\n\n    const setStyle = () =>\n      assignStyle(body, {\n        overflow: \"hidden\",\n        [paddingProperty]: `${scrollbarWidth}px`,\n      });\n\n    // Only iOS doesn't respect `overflow: hidden` on document.body\n    const setIOSStyle = () => {\n      const { scrollX, scrollY, visualViewport } = win;\n\n      // iOS 12 does not support `visuaViewport`.\n      const offsetLeft = visualViewport?.offsetLeft ?? 0;\n      const offsetTop = visualViewport?.offsetTop ?? 0;\n\n      const restoreStyle = assignStyle(body, {\n        position: \"fixed\",\n        overflow: \"hidden\",\n        top: `${-(scrollY - Math.floor(offsetTop))}px`,\n        left: `${-(scrollX - Math.floor(offsetLeft))}px`,\n        right: \"0\",\n        [paddingProperty]: `${scrollbarWidth}px`,\n      });\n\n      return () => {\n        restoreStyle();\n        // istanbul ignore next: JSDOM doesn't implement window.scrollTo\n        if (process.env.NODE_ENV !== \"test\") {\n          win.scrollTo({ left: scrollX, top: scrollY, behavior: \"instant\" });\n        }\n      };\n    };\n\n    const isIOS = isApple() && !isMac();\n\n    return chain(\n      setScrollbarWidthProperty(),\n      isIOS ? setIOSStyle() : setStyle(),\n    );\n  }, [isRootDialog, contentElement]);\n}\n"],"mappings":";;;;;;SAQQ,mBAAe,iBAAgB;CAErC,MAAA,eAD8B,gBAAgB,sBAAgB,EAAA;CAEhE,OAAA,KAAA,MAAA,YAAA,IAAA,gBAAA,aAAA,gBAAA;AAEA;SAKQ,qBAAe,gBAAc,WAAA,SAAA;OACjC,eAAW,cAAA;EACX,WAAA;EACA;EACA;EACD;CAED,CAAA;iBACO;EACL,IAAI,CAAC,aAAA,GAAgB;EACrB,IAAA,CAAA,gBAAY;EACZ,MAAM,MAAM,YAAU,cAAc;EACpC,MAAM,MAAE,UAAA,cAA0B;EAClC,MAAM,EAAA,iBAAA,SACJ;EACF,MAAM,oBAAiB,gBAAA,MACnB,iBAAgB,mBAChB;EAEJ,MAAM,iBAAA,oBACJ,OAAA,SACE,mBACA,EAAA,IAAA,IAAA,aACG,gBACL;EAEF,MAAM,kCAAkB,eAAmB,iBAAe,qBAAA,GAAA,eAAA,GAAA;EAE1D,MAAM,kBACJ,mBAAkB,eAAA;QAChB,iBAAU,YAAA,MAAA;aACT;IACF,kBAAA,GAAA,eAAA;EAGH,CAAA;QACE,oBAAiB;GAGjB,MAAM,EAAA,SAAA,SAAa,mBAAgB;GACnC,MAAM,aAAY,gBAAgB,cAAa;GAE/C,MAAM,YAAA,gBAA2B,aAAM;SACrC,eAAU,YAAA,MAAA;IACV,UAAU;IACV,UAAU;IACV,KAAA,GAAM,EAAG,UAAE,KAAU,MAAK,SAAM,GAAU;IAC1C,MAAA,GAAO,EAAA,UAAA,KAAA,MAAA,UAAA,GAAA;WACN;KACF,kBAAA,GAAA,eAAA;GAED,CAAA;gBACE;IAGE,aAAa;QAAE,SAAM;KAAS,MAAK;KAAS,KAAA;KAAqB,UAAA;IAErE,CAAA;GACF;EAEA;EAEA,MAAA,QACE,QAAA,KAAA,CAAA,MAAA;EAGJ,OAAI,MAAA,0BAA6B,GAAA,QAAA,YAAA,IAAA,SAAA,CAAA;CACnC,GAAA,CAAA,cAAA,cAAA,CAAA"}

package/dist/dialog/utils/use-previous-mouse-down-ref.d.ts

@@ -0,0 +1,5 @@
+//#region src/dialog/utils/use-previous-mouse-down-ref.d.ts
+declare function usePreviousMouseDownRef(enabled?: boolean, scope?: Window): import("react").MutableRefObject<EventTarget | null>;
+//#endregion
+export { usePreviousMouseDownRef };
+//# sourceMappingURL=use-previous-mouse-down-ref.d.ts.map

package/dist/dialog/utils/use-previous-mouse-down-ref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-previous-mouse-down-ref.d.ts","names":["usePreviousMouseDownRef","Window","EventTarget","enabled","scope","MutableRefObject"],"sources":["../../../src/dialog/utils/use-previous-mouse-down-ref.d.ts"],"mappings":";iBAAwBA,uBAAAA,CAAwBG,OAAAA,YAAmBC,KAAAA,GAAQH,MAAAA,mBAAyBI,gBAAAA,CAAiBH,WAAW"}