@brytdesigns/web-component-core 1.1.7 → 3.0.0

package/dist/main/animation/awaitAllAnimations.js

@@ -1,36 +1,32 @@
+//#region src/animation/awaitAllAnimations.ts
 function awaitAllAnimations(promises) {
-  return new Promise((resolve, _) => {
-    const results = [];
-    let remaining = promises.length;
-    if (remaining === 0) {
-      resolve([]);
-      return;
-    }
-    function updateResults(value, index) {
-      results[index] = value;
-      remaining -= 1;
-      if (remaining === 0) {
-        resolve(results);
-      }
-    }
-    promises.forEach((p, i) => {
-      try {
-        if (p?.state === "idle") {
-          updateResults(null, i);
-        } else {
-          p.then(() => {
-            updateResults(null, i);
-          });
-        }
-      } catch (e) {
-        p.then(() => {
-          updateResults(null, i);
-        });
-      }
-    });
-  });
+	return new Promise((resolve, _) => {
+		const results = [];
+		let remaining = promises.length;
+		if (remaining === 0) {
+			resolve([]);
+			return;
+		}
+		function updateResults(value, index) {
+			results[index] = value;
+			remaining -= 1;
+			if (remaining === 0) resolve(results);
+		}
+		promises.forEach((p, i) => {
+			try {
+				if (p?.state === "idle") updateResults(null, i);
+				else p.then(() => {
+					updateResults(null, i);
+				});
+			} catch (e) {
+				p.then(() => {
+					updateResults(null, i);
+				});
+			}
+		});
+	});
 }
-
+//#endregion
 export { awaitAllAnimations };
-//# sourceMappingURL=awaitAllAnimations.js.map
+
 //# sourceMappingURL=awaitAllAnimations.js.map

package/dist/main/animation/awaitAllAnimations.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/animation/awaitAllAnimations.ts"],"names":[],"mappings":"AAEO,SAAS,mBACd,QACA,EAAA;AACA,EAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,CAAM,KAAA;AACjC,IAAA,MAAM,UAAiB,EAAC;AACxB,IAAA,IAAI,YAAY,QAAS,CAAA,MAAA;AACzB,IAAA,IAAI,cAAc,CAAG,EAAA;AACnB,MAAA,OAAA,CAAQ,EAAE,CAAA;AACV,MAAA;AAAA;AAGF,IAAS,SAAA,aAAA,CAAiB,OAAU,KAAe,EAAA;AACjD,MAAA,OAAA,CAAQ,KAAK,CAAI,GAAA,KAAA;AACjB,MAAa,SAAA,IAAA,CAAA;AACb,MAAA,IAAI,cAAc,CAAG,EAAA;AACnB,QAAA,OAAA,CAAQ,OAAO,CAAA;AAAA;AACjB;AAGF,IAAS,QAAA,CAAA,OAAA,CAAQ,CAAC,CAAA,EAAG,CAAM,KAAA;AACzB,MAAI,IAAA;AACF,QAAI,IAAA,CAAA,EAAG,UAAU,MAAQ,EAAA;AACvB,UAAA,aAAA,CAAc,MAAM,CAAC,CAAA;AAAA,SAChB,MAAA;AACL,UAAA,CAAA,CAAE,KAAK,MAAM;AACX,YAAA,aAAA,CAAc,MAAM,CAAC,CAAA;AAAA,WACtB,CAAA;AAAA;AACH,eACO,CAAG,EAAA;AACV,QAAA,CAAA,CAAE,KAAK,MAAM;AACX,UAAA,aAAA,CAAc,MAAM,CAAC,CAAA;AAAA,SACtB,CAAA;AAAA;AACH,KACD,CAAA;AAAA,GACF,CAAA;AACH","file":"awaitAllAnimations.js","sourcesContent":["import type { AnimationPlaybackControlsWithThen } from \"motion\";\n\nexport function awaitAllAnimations(\n  promises: AnimationPlaybackControlsWithThen[],\n) {\n  return new Promise((resolve, _) => {\n    const results: any[] = [];\n    let remaining = promises.length;\n    if (remaining === 0) {\n      resolve([]); // zero‐length edge case\n      return;\n    }\n\n    function updateResults<T>(value: T, index: number) {\n      results[index] = value;\n      remaining -= 1;\n      if (remaining === 0) {\n        resolve(results);\n      }\n    }\n\n    promises.forEach((p, i) => {\n      try {\n        if (p?.state === \"idle\") {\n          updateResults(null, i);\n        } else {\n          p.then(() => {\n            updateResults(null, i);\n          });\n        }\n      } catch (e) {\n        p.then(() => {\n          updateResults(null, i);\n        });\n      }\n    });\n  });\n}\n"]}
+{"version":3,"file":"awaitAllAnimations.js","names":[],"sources":["../../../src/animation/awaitAllAnimations.ts"],"sourcesContent":["import type { AnimationPlaybackControlsWithThen } from \"motion\";\n\nexport function awaitAllAnimations(\n\tpromises: AnimationPlaybackControlsWithThen[],\n) {\n\treturn new Promise((resolve, _) => {\n\t\tconst results: any[] = [];\n\t\tlet remaining = promises.length;\n\t\tif (remaining === 0) {\n\t\t\tresolve([]); // zero‐length edge case\n\t\t\treturn;\n\t\t}\n\n\t\tfunction updateResults<T>(value: T, index: number) {\n\t\t\tresults[index] = value;\n\t\t\tremaining -= 1;\n\t\t\tif (remaining === 0) {\n\t\t\t\tresolve(results);\n\t\t\t}\n\t\t}\n\n\t\tpromises.forEach((p, i) => {\n\t\t\ttry {\n\t\t\t\tif (p?.state === \"idle\") {\n\t\t\t\t\tupdateResults(null, i);\n\t\t\t\t} else {\n\t\t\t\t\tp.then(() => {\n\t\t\t\t\t\tupdateResults(null, i);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} catch (e) {\n\t\t\t\tp.then(() => {\n\t\t\t\t\tupdateResults(null, i);\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t});\n}\n"],"mappings":";AAEA,SAAgB,mBACf,UACC;CACD,OAAO,IAAI,SAAS,SAAS,MAAM;EAClC,MAAM,UAAiB,CAAC;EACxB,IAAI,YAAY,SAAS;EACzB,IAAI,cAAc,GAAG;GACpB,QAAQ,CAAC,CAAC;GACV;EACD;EAEA,SAAS,cAAiB,OAAU,OAAe;GAClD,QAAQ,SAAS;GACjB,aAAa;GACb,IAAI,cAAc,GACjB,QAAQ,OAAO;EAEjB;EAEA,SAAS,SAAS,GAAG,MAAM;GAC1B,IAAI;IACH,IAAI,GAAG,UAAU,QAChB,cAAc,MAAM,CAAC;SAErB,EAAE,WAAW;KACZ,cAAc,MAAM,CAAC;IACtB,CAAC;GAEH,SAAS,GAAG;IACX,EAAE,WAAW;KACZ,cAAc,MAAM,CAAC;IACtB,CAAC;GACF;EACD,CAAC;CACF,CAAC;AACF"}

package/dist/main/animation/content.js

@@ -0,0 +1,156 @@
+import { animate } from "motion";
+//#region src/animation/content.ts
+/**
+* Open/close helpers for disclosure content (`accordion-content` and
+* `collapsible-content`), which animates its height and vertical padding
+* between zero and its natural size.
+*/
+var CONTENT_DURATION = .35;
+/**
+* Whether the visitor has asked their device to reduce motion. Read on every
+* open and close, so changing the setting applies without a reload.
+*/
+function shouldReduceMotion() {
+	return typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+var REDUCED_MOTION_DURATION = .001;
+var contentTransition = () => ({ duration: shouldReduceMotion() ? REDUCED_MOTION_DURATION : CONTENT_DURATION });
+var never = () => false;
+var setChildrenOpacity = (element, opacity) => {
+	for (const child of Array.from(element.children)) child.style.opacity = opacity;
+};
+/**
+* The open size to animate `max-height` towards, plus the padding to restore.
+*
+* `height` is the border-box height, but `max-height` caps the **content**
+* box unless the element is `box-sizing: border-box`. Animating towards the
+* border-box height under the default `content-box` overshoots by the
+* padding, so the content is fully revealed well before the animation ends and
+* the tail of the easing does nothing — a 20px/20px panel reached full size at
+* roughly 60% of its duration.
+*
+* So the target is whatever `max-height` will actually mean on this element.
+*/
+var measureContent = (element) => {
+	element.style.maxHeight = "max-content";
+	const height = element.getBoundingClientRect().height;
+	element.style.maxHeight = "0";
+	const style = getComputedStyle(element);
+	const paddingTop = parseInt(style.paddingTop, 10) || 0;
+	const paddingBottom = parseInt(style.paddingBottom, 10) || 0;
+	return {
+		target: style.boxSizing === "border-box" ? height : height - paddingTop - paddingBottom,
+		paddingTop,
+		paddingBottom
+	};
+};
+/**
+* Whether the browser supports `hidden="until-found"`, which keeps a closed
+* content's text reachable by find-in-page and text-fragment links.
+*/
+function supportsHiddenUntilFound() {
+	return "onbeforematch" in HTMLElement.prototype;
+}
+/**
+* Puts the content in its open end state, without animating.
+*
+* `flow-root` rather than `block`, so the panel is always a block formatting
+* context and always contains its children's margins.
+*
+* Without it the box model changed underneath the animation. The measurement
+* runs before `overflow: hidden` is applied, so a child margin collapsed out
+* of the panel and the target came back short; the animation then set
+* `overflow: hidden`, which *makes* the panel a BFC, so the same content
+* suddenly needed more room than the target allowed and stayed clipped — and
+* snapped into place when `overflow` was removed at the end. A `<p>` with
+* default margins inside a plain `<div>` measured 24px and rendered 56px.
+*
+* `flow-root` is the modern way to ask for a BFC without clipping, which is
+* exactly what is wanted here: `overflow: hidden` during the animation now
+* changes nothing about the box, only what is painted outside it.
+*/
+function showContent(element) {
+	element.removeAttribute("hidden");
+	element.style.cssText = `
+      display: flow-root;
+      opacity: 1;
+      visibility: visible;
+    `;
+	element.style.maxHeight = "max-content";
+	setChildrenOpacity(element, "1");
+}
+/**
+* Puts the content in its closed end state, without animating.
+*
+* Where supported, the content is closed with `hidden="until-found"` rather
+* than `display: none`, so find-in-page can still match its text. The inline
+* styles zero the box, which `until-found` alone leaves its padding, and keep
+* it a block: `until-found` hides content through `content-visibility`, which
+* does not apply to an inline box, and custom elements are inline by default.
+*/
+function hideContent(element) {
+	if (supportsHiddenUntilFound()) {
+		element.setAttribute("hidden", "until-found");
+		element.style.cssText = `
+      display: flow-root;
+      overflow: hidden;
+      max-height: 0px;
+      padding-top: 0px;
+      padding-bottom: 0px;
+    `;
+		return;
+	}
+	element.style.cssText = `
+      display: none;
+      opacity: 0;
+      visibility: hidden;
+      max-height: 0px;
+    `;
+}
+/**
+* Calls `callback` when find-in-page or a text-fragment link matches text
+* inside the closed content. It fires before the browser removes `hidden` and
+* scrolls to the match, so layout changes made synchronously in `callback`
+* are settled by the time the browser scrolls. Returns a cleanup function.
+*/
+function onContentRevealed(element, callback) {
+	element.addEventListener("beforematch", callback);
+	return () => element.removeEventListener("beforematch", callback);
+}
+/** Animates the content open from zero height. */
+function expandContent(element, isStale = never) {
+	showContent(element);
+	const { target, paddingTop, paddingBottom } = measureContent(element);
+	element.style.overflow = "hidden";
+	const animation = animate(element, {
+		maxHeight: ["0px", `${target}px`],
+		paddingTop: ["0px", `${paddingTop}px`],
+		paddingBottom: ["0px", `${paddingBottom}px`]
+	}, contentTransition());
+	animation.then(() => {
+		if (isStale()) return;
+		element.style.maxHeight = "max-content";
+		element.style.removeProperty("overflow");
+	});
+	return animation;
+}
+/** Animates the content closed to zero height. */
+function collapseContent(element, isStale = never) {
+	const { target, paddingTop, paddingBottom } = measureContent(element);
+	element.style.overflow = "hidden";
+	setChildrenOpacity(element, "0");
+	const animation = animate(element, {
+		maxHeight: [`${target}px`, "0px"],
+		paddingTop: [`${paddingTop}px`, "0px"],
+		paddingBottom: [`${paddingBottom}px`, "0px"]
+	}, contentTransition());
+	animation.then(() => {
+		if (isStale()) return;
+		hideContent(element);
+	});
+	return animation;
+}
+//#endregion
+export { collapseContent, expandContent, hideContent, onContentRevealed, shouldReduceMotion, showContent, supportsHiddenUntilFound };
+
+//# sourceMappingURL=content.js.map

package/dist/main/animation/content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","names":[],"sources":["../../../src/animation/content.ts"],"sourcesContent":["import { animate } from \"motion\";\n\n/**\n * Open/close helpers for disclosure content (`accordion-content` and\n * `collapsible-content`), which animates its height and vertical padding\n * between zero and its natural size.\n */\n\nconst CONTENT_DURATION = 0.35;\n\n/**\n * Whether the visitor has asked their device to reduce motion. Read on every\n * open and close, so changing the setting applies without a reload.\n */\nexport function shouldReduceMotion() {\n\treturn (\n\t\ttypeof window.matchMedia === \"function\" &&\n\t\twindow.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n\t);\n}\n\n// Under reduced motion the animation still runs, so everything awaiting it\n// (end states, queues, is-animating) settles as usual, but over a single\n// frame. Not zero: with `duration: 0`, Motion resolves the animation before\n// it writes the final keyframe, so the final keyframe overwrites the end\n// state applied on completion (open content stays capped at its measured\n// height).\nconst REDUCED_MOTION_DURATION = 0.001;\n\nconst contentTransition = () => ({\n\tduration: shouldReduceMotion() ? REDUCED_MOTION_DURATION : CONTENT_DURATION,\n});\n\n/**\n * Whether the direction this animation was started for has since been left.\n *\n * Toggling mid-animation re-runs the caller's effect, whose cleanup calls\n * `animation.complete()` — which resolves the promise, so the `.then` below\n * fires as a microtask *after* the new direction has already applied its\n * styles, and would undo them. Callers flip their own flag in that cleanup;\n * the default is for callers that never re-enter.\n */\ntype IsStale = () => boolean;\n\nconst never: IsStale = () => false;\n\nconst setChildrenOpacity = (element: HTMLElement, opacity: \"0\" | \"1\") => {\n\tfor (const child of Array.from(element.children) as HTMLElement[]) {\n\t\tchild.style.opacity = opacity;\n\t}\n};\n\n/**\n * The open size to animate `max-height` towards, plus the padding to restore.\n *\n * `height` is the border-box height, but `max-height` caps the **content**\n * box unless the element is `box-sizing: border-box`. Animating towards the\n * border-box height under the default `content-box` overshoots by the\n * padding, so the content is fully revealed well before the animation ends and\n * the tail of the easing does nothing — a 20px/20px panel reached full size at\n * roughly 60% of its duration.\n *\n * So the target is whatever `max-height` will actually mean on this element.\n */\nconst measureContent = (element: HTMLElement) => {\n\telement.style.maxHeight = \"max-content\";\n\tconst height = element.getBoundingClientRect().height;\n\telement.style.maxHeight = \"0\";\n\tconst style = getComputedStyle(element);\n\tconst paddingTop = parseInt(style.paddingTop, 10) || 0;\n\tconst paddingBottom = parseInt(style.paddingBottom, 10) || 0;\n\tconst capsBorderBox = style.boxSizing === \"border-box\";\n\treturn {\n\t\ttarget: capsBorderBox ? height : height - paddingTop - paddingBottom,\n\t\tpaddingTop,\n\t\tpaddingBottom,\n\t};\n};\n\n/**\n * Whether the browser supports `hidden=\"until-found\"`, which keeps a closed\n * content's text reachable by find-in-page and text-fragment links.\n */\nexport function supportsHiddenUntilFound() {\n\treturn \"onbeforematch\" in HTMLElement.prototype;\n}\n\n/**\n * Puts the content in its open end state, without animating.\n *\n * `flow-root` rather than `block`, so the panel is always a block formatting\n * context and always contains its children's margins.\n *\n * Without it the box model changed underneath the animation. The measurement\n * runs before `overflow: hidden` is applied, so a child margin collapsed out\n * of the panel and the target came back short; the animation then set\n * `overflow: hidden`, which *makes* the panel a BFC, so the same content\n * suddenly needed more room than the target allowed and stayed clipped — and\n * snapped into place when `overflow` was removed at the end. A `<p>` with\n * default margins inside a plain `<div>` measured 24px and rendered 56px.\n *\n * `flow-root` is the modern way to ask for a BFC without clipping, which is\n * exactly what is wanted here: `overflow: hidden` during the animation now\n * changes nothing about the box, only what is painted outside it.\n */\nexport function showContent(element: HTMLElement) {\n\telement.removeAttribute(\"hidden\");\n\telement.style.cssText = `\n      display: flow-root;\n      opacity: 1;\n      visibility: visible;\n    `;\n\telement.style.maxHeight = \"max-content\";\n\tsetChildrenOpacity(element, \"1\");\n}\n\n/**\n * Puts the content in its closed end state, without animating.\n *\n * Where supported, the content is closed with `hidden=\"until-found\"` rather\n * than `display: none`, so find-in-page can still match its text. The inline\n * styles zero the box, which `until-found` alone leaves its padding, and keep\n * it a block: `until-found` hides content through `content-visibility`, which\n * does not apply to an inline box, and custom elements are inline by default.\n */\nexport function hideContent(element: HTMLElement) {\n\tif (supportsHiddenUntilFound()) {\n\t\telement.setAttribute(\"hidden\", \"until-found\");\n\t\telement.style.cssText = `\n      display: flow-root;\n      overflow: hidden;\n      max-height: 0px;\n      padding-top: 0px;\n      padding-bottom: 0px;\n    `;\n\t\treturn;\n\t}\n\telement.style.cssText = `\n      display: none;\n      opacity: 0;\n      visibility: hidden;\n      max-height: 0px;\n    `;\n}\n\n/**\n * Calls `callback` when find-in-page or a text-fragment link matches text\n * inside the closed content. It fires before the browser removes `hidden` and\n * scrolls to the match, so layout changes made synchronously in `callback`\n * are settled by the time the browser scrolls. Returns a cleanup function.\n */\nexport function onContentRevealed(element: HTMLElement, callback: () => void) {\n\telement.addEventListener(\"beforematch\", callback);\n\treturn () => element.removeEventListener(\"beforematch\", callback);\n}\n\n/** Animates the content open from zero height. */\nexport function expandContent(element: HTMLElement, isStale: IsStale = never) {\n\tshowContent(element);\n\n\tconst { target, paddingTop, paddingBottom } = measureContent(element);\n\n\t// Clip the children to the growing box; removed once open.\n\telement.style.overflow = \"hidden\";\n\n\tconst animation = animate(\n\t\telement,\n\t\t{\n\t\t\tmaxHeight: [\"0px\", `${target}px`],\n\t\t\tpaddingTop: [\"0px\", `${paddingTop}px`],\n\t\t\tpaddingBottom: [\"0px\", `${paddingBottom}px`],\n\t\t},\n\t\tcontentTransition(),\n\t);\n\n\tanimation.then(() => {\n\t\tif (isStale()) return;\n\t\telement.style.maxHeight = \"max-content\";\n\t\telement.style.removeProperty(\"overflow\");\n\t});\n\n\treturn animation;\n}\n\n/** Animates the content closed to zero height. */\nexport function collapseContent(\n\telement: HTMLElement,\n\tisStale: IsStale = never,\n) {\n\tconst { target, paddingTop, paddingBottom } = measureContent(element);\n\n\telement.style.overflow = \"hidden\";\n\n\tsetChildrenOpacity(element, \"0\");\n\n\tconst animation = animate(\n\t\telement,\n\t\t{\n\t\t\tmaxHeight: [`${target}px`, \"0px\"],\n\t\t\tpaddingTop: [`${paddingTop}px`, \"0px\"],\n\t\t\tpaddingBottom: [`${paddingBottom}px`, \"0px\"],\n\t\t},\n\t\tcontentTransition(),\n\t);\n\n\tanimation.then(() => {\n\t\tif (isStale()) return;\n\t\thideContent(element);\n\t});\n\n\treturn animation;\n}\n"],"mappings":";;;;;;;AAQA,IAAM,mBAAmB;;;;;AAMzB,SAAgB,qBAAqB;CACpC,OACC,OAAO,OAAO,eAAe,cAC7B,OAAO,WAAW,kCAAkC,CAAC,CAAC;AAExD;AAQA,IAAM,0BAA0B;AAEhC,IAAM,2BAA2B,EAChC,UAAU,mBAAmB,IAAI,0BAA0B,iBAC5D;AAaA,IAAM,cAAuB;AAE7B,IAAM,sBAAsB,SAAsB,YAAuB;CACxE,KAAK,MAAM,SAAS,MAAM,KAAK,QAAQ,QAAQ,GAC9C,MAAM,MAAM,UAAU;AAExB;;;;;;;;;;;;;AAcA,IAAM,kBAAkB,YAAyB;CAChD,QAAQ,MAAM,YAAY;CAC1B,MAAM,SAAS,QAAQ,sBAAsB,CAAC,CAAC;CAC/C,QAAQ,MAAM,YAAY;CAC1B,MAAM,QAAQ,iBAAiB,OAAO;CACtC,MAAM,aAAa,SAAS,MAAM,YAAY,EAAE,KAAK;CACrD,MAAM,gBAAgB,SAAS,MAAM,eAAe,EAAE,KAAK;CAE3D,OAAO;EACN,QAFqB,MAAM,cAAc,eAEjB,SAAS,SAAS,aAAa;EACvD;EACA;CACD;AACD;;;;;AAMA,SAAgB,2BAA2B;CAC1C,OAAO,mBAAmB,YAAY;AACvC;;;;;;;;;;;;;;;;;;;AAoBA,SAAgB,YAAY,SAAsB;CACjD,QAAQ,gBAAgB,QAAQ;CAChC,QAAQ,MAAM,UAAU;;;;;CAKxB,QAAQ,MAAM,YAAY;CAC1B,mBAAmB,SAAS,GAAG;AAChC;;;;;;;;;;AAWA,SAAgB,YAAY,SAAsB;CACjD,IAAI,yBAAyB,GAAG;EAC/B,QAAQ,aAAa,UAAU,aAAa;EAC5C,QAAQ,MAAM,UAAU;;;;;;;EAOxB;CACD;CACA,QAAQ,MAAM,UAAU;;;;;;AAMzB;;;;;;;AAQA,SAAgB,kBAAkB,SAAsB,UAAsB;CAC7E,QAAQ,iBAAiB,eAAe,QAAQ;CAChD,aAAa,QAAQ,oBAAoB,eAAe,QAAQ;AACjE;;AAGA,SAAgB,cAAc,SAAsB,UAAmB,OAAO;CAC7E,YAAY,OAAO;CAEnB,MAAM,EAAE,QAAQ,YAAY,kBAAkB,eAAe,OAAO;CAGpE,QAAQ,MAAM,WAAW;CAEzB,MAAM,YAAY,QACjB,SACA;EACC,WAAW,CAAC,OAAO,GAAG,OAAO,GAAG;EAChC,YAAY,CAAC,OAAO,GAAG,WAAW,GAAG;EACrC,eAAe,CAAC,OAAO,GAAG,cAAc,GAAG;CAC5C,GACA,kBAAkB,CACnB;CAEA,UAAU,WAAW;EACpB,IAAI,QAAQ,GAAG;EACf,QAAQ,MAAM,YAAY;EAC1B,QAAQ,MAAM,eAAe,UAAU;CACxC,CAAC;CAED,OAAO;AACR;;AAGA,SAAgB,gBACf,SACA,UAAmB,OAClB;CACD,MAAM,EAAE,QAAQ,YAAY,kBAAkB,eAAe,OAAO;CAEpE,QAAQ,MAAM,WAAW;CAEzB,mBAAmB,SAAS,GAAG;CAE/B,MAAM,YAAY,QACjB,SACA;EACC,WAAW,CAAC,GAAG,OAAO,KAAK,KAAK;EAChC,YAAY,CAAC,GAAG,WAAW,KAAK,KAAK;EACrC,eAAe,CAAC,GAAG,cAAc,KAAK,KAAK;CAC5C,GACA,kBAAkB,CACnB;CAEA,UAAU,WAAW;EACpB,IAAI,QAAQ,GAAG;EACf,YAAY,OAAO;CACpB,CAAC;CAED,OAAO;AACR"}

package/dist/main/animation/controlsToPromise.js

@@ -1,9 +1,10 @@
+//#region src/animation/controlsToPromise.ts
 async function controlsToPromise(controls) {
-  return new Promise((resolve) => {
-    controls.then(() => resolve(null));
-  });
+	return new Promise((resolve) => {
+		controls.then(() => resolve(null));
+	});
 }
-
+//#endregion
 export { controlsToPromise };
-//# sourceMappingURL=controlsToPromise.js.map
+
 //# sourceMappingURL=controlsToPromise.js.map

package/dist/main/animation/controlsToPromise.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/animation/controlsToPromise.ts"],"names":[],"mappings":"AAEA,eAAsB,kBACpB,QACA,EAAA;AACA,EAAO,OAAA,IAAI,OAAQ,CAAA,CAAC,OAAY,KAAA;AAC9B,IAAA,QAAA,CAAS,IAAK,CAAA,MAAM,OAAQ,CAAA,IAAI,CAAC,CAAA;AAAA,GAClC,CAAA;AACH","file":"controlsToPromise.js","sourcesContent":["import type { AnimationPlaybackControlsWithThen } from \"motion\";\n\nexport async function controlsToPromise(\n  controls: AnimationPlaybackControlsWithThen,\n) {\n  return new Promise((resolve) => {\n    controls.then(() => resolve(null));\n  });\n}\n"]}
+{"version":3,"file":"controlsToPromise.js","names":[],"sources":["../../../src/animation/controlsToPromise.ts"],"sourcesContent":["import type { AnimationPlaybackControlsWithThen } from \"motion\";\n\nexport async function controlsToPromise(\n\tcontrols: AnimationPlaybackControlsWithThen,\n) {\n\treturn new Promise((resolve) => {\n\t\tcontrols.then(() => resolve(null));\n\t});\n}\n"],"mappings":";AAEA,eAAsB,kBACrB,UACC;CACD,OAAO,IAAI,SAAS,YAAY;EAC/B,SAAS,WAAW,QAAQ,IAAI,CAAC;CAClC,CAAC;AACF"}

package/dist/main/animation/getTransitionConfig.js

@@ -1,55 +1,56 @@
+//#region src/animation/getTransitionConfig.ts
 function getTransitionConfig(style) {
-  const properties = {
-    bounce: style.getPropertyValue("--motion--bounce"),
-    bounceDamping: style.getPropertyValue("--motion--bounce-damping"),
-    bounceStiffness: style.getPropertyValue("--motion--bounce-stiffness"),
-    duration: style.getPropertyValue("--motion--duration"),
-    damping: style.getPropertyValue("--motion--damping"),
-    delay: style.getPropertyValue("--motion--delay"),
-    ease: style.getPropertyValue("--motion--ease"),
-    elapsed: style.getPropertyValue("--motion--elapsed"),
-    mass: style.getPropertyValue("--motion--mass"),
-    max: style.getPropertyValue("--motion--max"),
-    min: style.getPropertyValue("--motion--min"),
-    power: style.getPropertyValue("--motion--power"),
-    repeat: style.getPropertyValue("--motion--repeat"),
-    repeatDelay: style.getPropertyValue("--motion--repeat-delay"),
-    repeatType: style.getPropertyValue("--motion--repeat-type"),
-    restDelta: style.getPropertyValue("--motion--rest-delta"),
-    restSpeed: style.getPropertyValue("--motion--rest-speed"),
-    startTime: style.getPropertyValue("--motion--start-time"),
-    timeConstant: style.getPropertyValue("--motion--time-constant"),
-    times: style.getPropertyValue("--motion--times"),
-    type: style.getPropertyValue("--motion--type"),
-    velocity: style.getPropertyValue("--motion--velocity"),
-    visualDuration: style.getPropertyValue("--motion--visual-duration")
-  };
-  return {
-    bounce: properties.bounce ? parseFloat(properties.bounce) : void 0,
-    bounceDamping: properties.bounceDamping ? parseFloat(properties.bounceDamping) : void 0,
-    bounceStiffness: properties.bounceStiffness ? parseFloat(properties.bounceStiffness) : void 0,
-    duration: properties.duration ? parseFloat(properties.duration) : void 0,
-    damping: properties.damping ? parseFloat(properties.damping) : void 0,
-    delay: properties.delay ? parseFloat(properties.delay) : void 0,
-    ease: properties.ease ? properties.ease : void 0,
-    elapsed: properties.elapsed ? parseFloat(properties.elapsed) : void 0,
-    mass: properties.mass ? parseFloat(properties.mass) : void 0,
-    max: properties.max ? parseFloat(properties.max) : void 0,
-    min: properties.min ? parseFloat(properties.min) : void 0,
-    power: properties.power ? parseFloat(properties.power) : void 0,
-    repeat: properties.repeat ? parseInt(properties.repeat) : void 0,
-    repeatDelay: properties.repeatDelay ? parseFloat(properties.repeatDelay) : void 0,
-    repeatType: properties.repeatType ? properties.repeatType : void 0,
-    restDelta: properties.restDelta ? parseFloat(properties.restDelta) : void 0,
-    restSpeed: properties.restSpeed ? parseFloat(properties.restSpeed) : void 0,
-    startTime: properties.startTime ? parseFloat(properties.startTime) : void 0,
-    timeConstant: properties.timeConstant ? parseFloat(properties.timeConstant) : void 0,
-    type: properties.type ? properties.type : void 0,
-    velocity: properties.velocity ? parseFloat(properties.velocity) : void 0,
-    visualDuration: properties.visualDuration ? parseFloat(properties.visualDuration) : void 0
-  };
+	const properties = {
+		bounce: style.getPropertyValue("--motion--bounce"),
+		bounceDamping: style.getPropertyValue("--motion--bounce-damping"),
+		bounceStiffness: style.getPropertyValue("--motion--bounce-stiffness"),
+		duration: style.getPropertyValue("--motion--duration"),
+		damping: style.getPropertyValue("--motion--damping"),
+		delay: style.getPropertyValue("--motion--delay"),
+		ease: style.getPropertyValue("--motion--ease"),
+		elapsed: style.getPropertyValue("--motion--elapsed"),
+		mass: style.getPropertyValue("--motion--mass"),
+		max: style.getPropertyValue("--motion--max"),
+		min: style.getPropertyValue("--motion--min"),
+		power: style.getPropertyValue("--motion--power"),
+		repeat: style.getPropertyValue("--motion--repeat"),
+		repeatDelay: style.getPropertyValue("--motion--repeat-delay"),
+		repeatType: style.getPropertyValue("--motion--repeat-type"),
+		restDelta: style.getPropertyValue("--motion--rest-delta"),
+		restSpeed: style.getPropertyValue("--motion--rest-speed"),
+		startTime: style.getPropertyValue("--motion--start-time"),
+		timeConstant: style.getPropertyValue("--motion--time-constant"),
+		times: style.getPropertyValue("--motion--times"),
+		type: style.getPropertyValue("--motion--type"),
+		velocity: style.getPropertyValue("--motion--velocity"),
+		visualDuration: style.getPropertyValue("--motion--visual-duration")
+	};
+	return {
+		bounce: properties.bounce ? parseFloat(properties.bounce) : void 0,
+		bounceDamping: properties.bounceDamping ? parseFloat(properties.bounceDamping) : void 0,
+		bounceStiffness: properties.bounceStiffness ? parseFloat(properties.bounceStiffness) : void 0,
+		duration: properties.duration ? parseFloat(properties.duration) : void 0,
+		damping: properties.damping ? parseFloat(properties.damping) : void 0,
+		delay: properties.delay ? parseFloat(properties.delay) : void 0,
+		ease: properties.ease ? properties.ease : void 0,
+		elapsed: properties.elapsed ? parseFloat(properties.elapsed) : void 0,
+		mass: properties.mass ? parseFloat(properties.mass) : void 0,
+		max: properties.max ? parseFloat(properties.max) : void 0,
+		min: properties.min ? parseFloat(properties.min) : void 0,
+		power: properties.power ? parseFloat(properties.power) : void 0,
+		repeat: properties.repeat ? parseInt(properties.repeat) : void 0,
+		repeatDelay: properties.repeatDelay ? parseFloat(properties.repeatDelay) : void 0,
+		repeatType: properties.repeatType ? properties.repeatType : void 0,
+		restDelta: properties.restDelta ? parseFloat(properties.restDelta) : void 0,
+		restSpeed: properties.restSpeed ? parseFloat(properties.restSpeed) : void 0,
+		startTime: properties.startTime ? parseFloat(properties.startTime) : void 0,
+		timeConstant: properties.timeConstant ? parseFloat(properties.timeConstant) : void 0,
+		type: properties.type ? properties.type : void 0,
+		velocity: properties.velocity ? parseFloat(properties.velocity) : void 0,
+		visualDuration: properties.visualDuration ? parseFloat(properties.visualDuration) : void 0
+	};
 }
-
+//#endregion
 export { getTransitionConfig };
-//# sourceMappingURL=getTransitionConfig.js.map
+
 //# sourceMappingURL=getTransitionConfig.js.map

package/dist/main/animation/getTransitionConfig.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/animation/getTransitionConfig.ts"],"names":[],"mappings":"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","file":"getTransitionConfig.js","sourcesContent":["import type {\n  Easing,\n  Transition,\n  AnimationGeneratorType,\n  RepeatType,\n} from \"motion\";\n\nexport function getTransitionConfig(style: CSSStyleDeclaration) {\n  const properties = {\n    bounce: style.getPropertyValue(\"--motion--bounce\"),\n    bounceDamping: style.getPropertyValue(\"--motion--bounce-damping\"),\n    bounceStiffness: style.getPropertyValue(\"--motion--bounce-stiffness\"),\n    duration: style.getPropertyValue(\"--motion--duration\"),\n    damping: style.getPropertyValue(\"--motion--damping\"),\n    delay: style.getPropertyValue(\"--motion--delay\"),\n    ease: style.getPropertyValue(\"--motion--ease\"),\n    elapsed: style.getPropertyValue(\"--motion--elapsed\"),\n    mass: style.getPropertyValue(\"--motion--mass\"),\n    max: style.getPropertyValue(\"--motion--max\"),\n    min: style.getPropertyValue(\"--motion--min\"),\n    power: style.getPropertyValue(\"--motion--power\"),\n    repeat: style.getPropertyValue(\"--motion--repeat\"),\n    repeatDelay: style.getPropertyValue(\"--motion--repeat-delay\"),\n    repeatType: style.getPropertyValue(\"--motion--repeat-type\"),\n    restDelta: style.getPropertyValue(\"--motion--rest-delta\"),\n    restSpeed: style.getPropertyValue(\"--motion--rest-speed\"),\n    startTime: style.getPropertyValue(\"--motion--start-time\"),\n    timeConstant: style.getPropertyValue(\"--motion--time-constant\"),\n    times: style.getPropertyValue(\"--motion--times\"),\n    type: style.getPropertyValue(\"--motion--type\"),\n    velocity: style.getPropertyValue(\"--motion--velocity\"),\n    visualDuration: style.getPropertyValue(\"--motion--visual-duration\"),\n  };\n  return {\n    bounce: properties.bounce ? parseFloat(properties.bounce) : undefined,\n    bounceDamping: properties.bounceDamping\n      ? parseFloat(properties.bounceDamping)\n      : undefined,\n    bounceStiffness: properties.bounceStiffness\n      ? parseFloat(properties.bounceStiffness)\n      : undefined,\n    duration: properties.duration ? parseFloat(properties.duration) : undefined,\n    damping: properties.damping ? parseFloat(properties.damping) : undefined,\n    delay: properties.delay ? parseFloat(properties.delay) : undefined,\n    ease: (properties.ease ? properties.ease : undefined) as Easing,\n    elapsed: properties.elapsed ? parseFloat(properties.elapsed) : undefined,\n    mass: properties.mass ? parseFloat(properties.mass) : undefined,\n    max: properties.max ? parseFloat(properties.max) : undefined,\n    min: properties.min ? parseFloat(properties.min) : undefined,\n    power: properties.power ? parseFloat(properties.power) : undefined,\n    repeat: properties.repeat ? parseInt(properties.repeat) : undefined,\n    repeatDelay: properties.repeatDelay\n      ? parseFloat(properties.repeatDelay)\n      : undefined,\n    repeatType: (properties.repeatType\n      ? properties.repeatType\n      : undefined) as RepeatType,\n    restDelta: properties.restDelta\n      ? parseFloat(properties.restDelta)\n      : undefined,\n    restSpeed: properties.restSpeed\n      ? parseFloat(properties.restSpeed)\n      : undefined,\n    startTime: properties.startTime\n      ? parseFloat(properties.startTime)\n      : undefined,\n    timeConstant: properties.timeConstant\n      ? parseFloat(properties.timeConstant)\n      : undefined,\n    type: (properties.type\n      ? properties.type\n      : undefined) as AnimationGeneratorType,\n    velocity: properties.velocity ? parseFloat(properties.velocity) : undefined,\n    visualDuration: properties.visualDuration\n      ? parseFloat(properties.visualDuration)\n      : undefined,\n  } satisfies Transition;\n}\n"]}
+{"version":3,"file":"getTransitionConfig.js","names":[],"sources":["../../../src/animation/getTransitionConfig.ts"],"sourcesContent":["import type {\n\tAnimationGeneratorType,\n\tEasing,\n\tRepeatType,\n\tTransition,\n} from \"motion\";\n\nexport function getTransitionConfig(style: CSSStyleDeclaration) {\n\tconst properties = {\n\t\tbounce: style.getPropertyValue(\"--motion--bounce\"),\n\t\tbounceDamping: style.getPropertyValue(\"--motion--bounce-damping\"),\n\t\tbounceStiffness: style.getPropertyValue(\"--motion--bounce-stiffness\"),\n\t\tduration: style.getPropertyValue(\"--motion--duration\"),\n\t\tdamping: style.getPropertyValue(\"--motion--damping\"),\n\t\tdelay: style.getPropertyValue(\"--motion--delay\"),\n\t\tease: style.getPropertyValue(\"--motion--ease\"),\n\t\telapsed: style.getPropertyValue(\"--motion--elapsed\"),\n\t\tmass: style.getPropertyValue(\"--motion--mass\"),\n\t\tmax: style.getPropertyValue(\"--motion--max\"),\n\t\tmin: style.getPropertyValue(\"--motion--min\"),\n\t\tpower: style.getPropertyValue(\"--motion--power\"),\n\t\trepeat: style.getPropertyValue(\"--motion--repeat\"),\n\t\trepeatDelay: style.getPropertyValue(\"--motion--repeat-delay\"),\n\t\trepeatType: style.getPropertyValue(\"--motion--repeat-type\"),\n\t\trestDelta: style.getPropertyValue(\"--motion--rest-delta\"),\n\t\trestSpeed: style.getPropertyValue(\"--motion--rest-speed\"),\n\t\tstartTime: style.getPropertyValue(\"--motion--start-time\"),\n\t\ttimeConstant: style.getPropertyValue(\"--motion--time-constant\"),\n\t\ttimes: style.getPropertyValue(\"--motion--times\"),\n\t\ttype: style.getPropertyValue(\"--motion--type\"),\n\t\tvelocity: style.getPropertyValue(\"--motion--velocity\"),\n\t\tvisualDuration: style.getPropertyValue(\"--motion--visual-duration\"),\n\t};\n\treturn {\n\t\tbounce: properties.bounce ? parseFloat(properties.bounce) : undefined,\n\t\tbounceDamping: properties.bounceDamping\n\t\t\t? parseFloat(properties.bounceDamping)\n\t\t\t: undefined,\n\t\tbounceStiffness: properties.bounceStiffness\n\t\t\t? parseFloat(properties.bounceStiffness)\n\t\t\t: undefined,\n\t\tduration: properties.duration ? parseFloat(properties.duration) : undefined,\n\t\tdamping: properties.damping ? parseFloat(properties.damping) : undefined,\n\t\tdelay: properties.delay ? parseFloat(properties.delay) : undefined,\n\t\tease: (properties.ease ? properties.ease : undefined) as Easing,\n\t\telapsed: properties.elapsed ? parseFloat(properties.elapsed) : undefined,\n\t\tmass: properties.mass ? parseFloat(properties.mass) : undefined,\n\t\tmax: properties.max ? parseFloat(properties.max) : undefined,\n\t\tmin: properties.min ? parseFloat(properties.min) : undefined,\n\t\tpower: properties.power ? parseFloat(properties.power) : undefined,\n\t\trepeat: properties.repeat ? parseInt(properties.repeat) : undefined,\n\t\trepeatDelay: properties.repeatDelay\n\t\t\t? parseFloat(properties.repeatDelay)\n\t\t\t: undefined,\n\t\trepeatType: (properties.repeatType\n\t\t\t? properties.repeatType\n\t\t\t: undefined) as RepeatType,\n\t\trestDelta: properties.restDelta\n\t\t\t? parseFloat(properties.restDelta)\n\t\t\t: undefined,\n\t\trestSpeed: properties.restSpeed\n\t\t\t? parseFloat(properties.restSpeed)\n\t\t\t: undefined,\n\t\tstartTime: properties.startTime\n\t\t\t? parseFloat(properties.startTime)\n\t\t\t: undefined,\n\t\ttimeConstant: properties.timeConstant\n\t\t\t? parseFloat(properties.timeConstant)\n\t\t\t: undefined,\n\t\ttype: (properties.type\n\t\t\t? properties.type\n\t\t\t: undefined) as AnimationGeneratorType,\n\t\tvelocity: properties.velocity ? parseFloat(properties.velocity) : undefined,\n\t\tvisualDuration: properties.visualDuration\n\t\t\t? parseFloat(properties.visualDuration)\n\t\t\t: undefined,\n\t} satisfies Transition;\n}\n"],"mappings":";AAOA,SAAgB,oBAAoB,OAA4B;CAC/D,MAAM,aAAa;EAClB,QAAQ,MAAM,iBAAiB,kBAAkB;EACjD,eAAe,MAAM,iBAAiB,0BAA0B;EAChE,iBAAiB,MAAM,iBAAiB,4BAA4B;EACpE,UAAU,MAAM,iBAAiB,oBAAoB;EACrD,SAAS,MAAM,iBAAiB,mBAAmB;EACnD,OAAO,MAAM,iBAAiB,iBAAiB;EAC/C,MAAM,MAAM,iBAAiB,gBAAgB;EAC7C,SAAS,MAAM,iBAAiB,mBAAmB;EACnD,MAAM,MAAM,iBAAiB,gBAAgB;EAC7C,KAAK,MAAM,iBAAiB,eAAe;EAC3C,KAAK,MAAM,iBAAiB,eAAe;EAC3C,OAAO,MAAM,iBAAiB,iBAAiB;EAC/C,QAAQ,MAAM,iBAAiB,kBAAkB;EACjD,aAAa,MAAM,iBAAiB,wBAAwB;EAC5D,YAAY,MAAM,iBAAiB,uBAAuB;EAC1D,WAAW,MAAM,iBAAiB,sBAAsB;EACxD,WAAW,MAAM,iBAAiB,sBAAsB;EACxD,WAAW,MAAM,iBAAiB,sBAAsB;EACxD,cAAc,MAAM,iBAAiB,yBAAyB;EAC9D,OAAO,MAAM,iBAAiB,iBAAiB;EAC/C,MAAM,MAAM,iBAAiB,gBAAgB;EAC7C,UAAU,MAAM,iBAAiB,oBAAoB;EACrD,gBAAgB,MAAM,iBAAiB,2BAA2B;CACnE;CACA,OAAO;EACN,QAAQ,WAAW,SAAS,WAAW,WAAW,MAAM,IAAI,KAAA;EAC5D,eAAe,WAAW,gBACvB,WAAW,WAAW,aAAa,IACnC,KAAA;EACH,iBAAiB,WAAW,kBACzB,WAAW,WAAW,eAAe,IACrC,KAAA;EACH,UAAU,WAAW,WAAW,WAAW,WAAW,QAAQ,IAAI,KAAA;EAClE,SAAS,WAAW,UAAU,WAAW,WAAW,OAAO,IAAI,KAAA;EAC/D,OAAO,WAAW,QAAQ,WAAW,WAAW,KAAK,IAAI,KAAA;EACzD,MAAO,WAAW,OAAO,WAAW,OAAO,KAAA;EAC3C,SAAS,WAAW,UAAU,WAAW,WAAW,OAAO,IAAI,KAAA;EAC/D,MAAM,WAAW,OAAO,WAAW,WAAW,IAAI,IAAI,KAAA;EACtD,KAAK,WAAW,MAAM,WAAW,WAAW,GAAG,IAAI,KAAA;EACnD,KAAK,WAAW,MAAM,WAAW,WAAW,GAAG,IAAI,KAAA;EACnD,OAAO,WAAW,QAAQ,WAAW,WAAW,KAAK,IAAI,KAAA;EACzD,QAAQ,WAAW,SAAS,SAAS,WAAW,MAAM,IAAI,KAAA;EAC1D,aAAa,WAAW,cACrB,WAAW,WAAW,WAAW,IACjC,KAAA;EACH,YAAa,WAAW,aACrB,WAAW,aACX,KAAA;EACH,WAAW,WAAW,YACnB,WAAW,WAAW,SAAS,IAC/B,KAAA;EACH,WAAW,WAAW,YACnB,WAAW,WAAW,SAAS,IAC/B,KAAA;EACH,WAAW,WAAW,YACnB,WAAW,WAAW,SAAS,IAC/B,KAAA;EACH,cAAc,WAAW,eACtB,WAAW,WAAW,YAAY,IAClC,KAAA;EACH,MAAO,WAAW,OACf,WAAW,OACX,KAAA;EACH,UAAU,WAAW,WAAW,WAAW,WAAW,QAAQ,IAAI,KAAA;EAClE,gBAAgB,WAAW,iBACxB,WAAW,WAAW,cAAc,IACpC,KAAA;CACJ;AACD"}

package/dist/main/animation/index.d.ts

@@ -2,8 +2,68 @@
 
 import { AnimationGeneratorType, AnimationPlaybackControlsWithThen, Easing, RepeatType } from 'motion';
 
-export declare function controlsToPromise(controls: AnimationPlaybackControlsWithThen): Promise<unknown>;
 export declare function awaitAllAnimations(promises: AnimationPlaybackControlsWithThen[]): Promise<unknown>;
+/**
+ * Whether the visitor has asked their device to reduce motion. Read on every
+ * open and close, so changing the setting applies without a reload.
+ */
+export declare function shouldReduceMotion(): boolean;
+/**
+ * Whether the direction this animation was started for has since been left.
+ *
+ * Toggling mid-animation re-runs the caller's effect, whose cleanup calls
+ * `animation.complete()` — which resolves the promise, so the `.then` below
+ * fires as a microtask *after* the new direction has already applied its
+ * styles, and would undo them. Callers flip their own flag in that cleanup;
+ * the default is for callers that never re-enter.
+ */
+export type IsStale = () => boolean;
+/**
+ * Whether the browser supports `hidden="until-found"`, which keeps a closed
+ * content's text reachable by find-in-page and text-fragment links.
+ */
+export declare function supportsHiddenUntilFound(): boolean;
+/**
+ * Puts the content in its open end state, without animating.
+ *
+ * `flow-root` rather than `block`, so the panel is always a block formatting
+ * context and always contains its children's margins.
+ *
+ * Without it the box model changed underneath the animation. The measurement
+ * runs before `overflow: hidden` is applied, so a child margin collapsed out
+ * of the panel and the target came back short; the animation then set
+ * `overflow: hidden`, which *makes* the panel a BFC, so the same content
+ * suddenly needed more room than the target allowed and stayed clipped — and
+ * snapped into place when `overflow` was removed at the end. A `<p>` with
+ * default margins inside a plain `<div>` measured 24px and rendered 56px.
+ *
+ * `flow-root` is the modern way to ask for a BFC without clipping, which is
+ * exactly what is wanted here: `overflow: hidden` during the animation now
+ * changes nothing about the box, only what is painted outside it.
+ */
+export declare function showContent(element: HTMLElement): void;
+/**
+ * Puts the content in its closed end state, without animating.
+ *
+ * Where supported, the content is closed with `hidden="until-found"` rather
+ * than `display: none`, so find-in-page can still match its text. The inline
+ * styles zero the box, which `until-found` alone leaves its padding, and keep
+ * it a block: `until-found` hides content through `content-visibility`, which
+ * does not apply to an inline box, and custom elements are inline by default.
+ */
+export declare function hideContent(element: HTMLElement): void;
+/**
+ * Calls `callback` when find-in-page or a text-fragment link matches text
+ * inside the closed content. It fires before the browser removes `hidden` and
+ * scrolls to the match, so layout changes made synchronously in `callback`
+ * are settled by the time the browser scrolls. Returns a cleanup function.
+ */
+export declare function onContentRevealed(element: HTMLElement, callback: () => void): () => void;
+/** Animates the content open from zero height. */
+export declare function expandContent(element: HTMLElement, isStale?: IsStale): import("motion").AnimationPlaybackControlsWithThen;
+/** Animates the content closed to zero height. */
+export declare function collapseContent(element: HTMLElement, isStale?: IsStale): import("motion").AnimationPlaybackControlsWithThen;
+export declare function controlsToPromise(controls: AnimationPlaybackControlsWithThen): Promise<unknown>;
 export declare function getTransitionConfig(style: CSSStyleDeclaration): {
 	bounce: number | undefined;
 	bounceDamping: number | undefined;

package/dist/main/animation/index.js

@@ -1,5 +1,5 @@
-export * from './controlsToPromise.js';
-export * from './awaitAllAnimations.js';
-export * from './getTransitionConfig.js';
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+import { awaitAllAnimations } from "./awaitAllAnimations.js";
+import { collapseContent, expandContent, hideContent, onContentRevealed, shouldReduceMotion, showContent, supportsHiddenUntilFound } from "./content.js";
+import { controlsToPromise } from "./controlsToPromise.js";
+import { getTransitionConfig } from "./getTransitionConfig.js";
+export { awaitAllAnimations, collapseContent, controlsToPromise, expandContent, getTransitionConfig, hideContent, onContentRevealed, shouldReduceMotion, showContent, supportsHiddenUntilFound };

package/dist/main/focusTrap/index.d.ts

@@ -3,6 +3,6 @@
 import { FocusTrap, Options } from 'focus-trap';
 import { Accessor } from 'solid-js';
 
-export declare const createFocusTrap: (element: HTMLElement, options?: Accessor<Options>) => Accessor<FocusTrap>;
+export declare const createFocusTrap: (element: HTMLElement, options?: Accessor<Options>) => import("solid-js").SourceAccessor<FocusTrap>;
 
 export {};

package/dist/main/focusTrap/index.js

@@ -1,17 +1,13 @@
-import { createFocusTrap as createFocusTrap$1 } from 'focus-trap';
-import { createMemo } from 'solid-js';
-
-const trapStack = [];
-const createFocusTrap = (element, options) => createMemo(() => {
-  const o = options?.() || {
-    trapStack
-  };
-  if (!o.trapStack) {
-    o.trapStack = trapStack;
-  }
-  return createFocusTrap$1(element, o);
+import { createFocusTrap as createFocusTrap$1 } from "focus-trap";
+import { createMemo } from "solid-js";
+//#region src/focusTrap/index.ts
+var trapStack = [];
+var createFocusTrap = (element, options) => createMemo(() => {
+	const o = options?.() || { trapStack };
+	if (!o.trapStack) o.trapStack = trapStack;
+	return createFocusTrap$1(element, o);
 });
-
+//#endregion
 export { createFocusTrap };
-//# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

package/dist/main/focusTrap/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/focusTrap/index.ts"],"names":["_createFocusTrap"],"mappings":";;;AAOA,MAAM,YAA8B,EAAC;AAE9B,MAAM,eAAkB,GAAA,CAC7B,OACA,EAAA,OAAA,KAEA,WAAW,MAAM;AACf,EAAM,MAAA,CAAA,GAAI,WAAe,IAAA;AAAA,IACvB;AAAA,GACF;AACA,EAAI,IAAA,CAAC,EAAE,SAAW,EAAA;AAChB,IAAA,CAAA,CAAE,SAAY,GAAA,SAAA;AAAA;AAEhB,EAAO,OAAAA,iBAAA,CAAiB,SAAS,CAAC,CAAA;AACpC,CAAC","file":"index.js","sourcesContent":["import {\n  createFocusTrap as _createFocusTrap,\n  type Options,\n  type FocusTrap,\n} from \"focus-trap\";\nimport { createMemo, type Accessor } from \"solid-js\";\n\nconst trapStack: Array<FocusTrap> = [];\n\nexport const createFocusTrap = (\n  element: HTMLElement,\n  options?: Accessor<Options>,\n) =>\n  createMemo(() => {\n    const o = options?.() || {\n      trapStack,\n    };\n    if (!o.trapStack) {\n      o.trapStack = trapStack;\n    }\n    return _createFocusTrap(element, o);\n  });\n"]}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/focusTrap/index.ts"],"sourcesContent":["import {\n\tcreateFocusTrap as _createFocusTrap,\n\ttype FocusTrap,\n\ttype Options,\n} from \"focus-trap\";\nimport { type Accessor, createMemo } from \"solid-js\";\n\nconst trapStack: Array<FocusTrap> = [];\n\nexport const createFocusTrap = (\n\telement: HTMLElement,\n\toptions?: Accessor<Options>,\n) =>\n\tcreateMemo(() => {\n\t\tconst o = options?.() || {\n\t\t\ttrapStack,\n\t\t};\n\t\tif (!o.trapStack) {\n\t\t\to.trapStack = trapStack;\n\t\t}\n\t\treturn _createFocusTrap(element, o);\n\t});\n"],"mappings":";;;AAOA,IAAM,YAA8B,CAAC;AAErC,IAAa,mBACZ,SACA,YAEA,iBAAiB;CAChB,MAAM,IAAI,UAAU,KAAK,EACxB,UACD;CACA,IAAI,CAAC,EAAE,WACN,EAAE,YAAY;CAEf,OAAO,kBAAiB,SAAS,CAAC;AACnC,CAAC"}

package/dist/main/hooks/index.d.ts

@@ -3,15 +3,20 @@
 import { ICustomElement, provide as _provide } from 'component-register';
 import { Accessor } from 'solid-js';
 
-export type Path<T> = T extends readonly (infer U)[] ? `${number}` | `${number}.${Path<U>}` : T extends object ? {
-	[K in keyof T & (string | number)]: T[K] extends object | any[] ? `${K}` | `${K}.${Path<T[K]>}` : `${K}`;
-}[keyof T & (string | number)] : never;
-export type PathValue<T, P extends string> = P extends `${infer Key}.${infer Rest}` ? Key extends keyof T ? PathValue<T[Key], Rest> : Key extends `${number}` ? T extends readonly (infer U)[] ? PathValue<U, Rest> : undefined : undefined : P extends keyof T ? T[P] : P extends `${number}` ? T extends readonly (infer U)[] ? U : undefined : undefined;
+export type Format = "currency" | "number" | "boolean" | "invert_boolean" | string;
+/**
+ * `component-register` types `options.element` as a bare `ICustomElement`, but
+ * at runtime it is always also an `HTMLElement`. Every component in this repo
+ * needs the DOM half.
+ */
 export type CorrectComponentOptions = {
 	element: HTMLElement & ICustomElement;
 };
 export type CorrectComponentType<T> = (props: T, options: CorrectComponentOptions) => unknown;
-export type Format = "currency" | "number" | "boolean" | "invert_boolean" | string;
+export type Path<T> = T extends readonly (infer U)[] ? `${number}` | `${number}.${Path<U>}` : T extends object ? {
+	[K in keyof T & (string | number)]: T[K] extends object | any[] ? `${K}` | `${K}.${Path<T[K]>}` : `${K}`;
+}[keyof T & (string | number)] : never;
+export type PathValue<T, P extends string> = P extends `${infer Key}.${infer Rest}` ? Key extends keyof T ? PathValue<T[Key], Rest> : Key extends `${number}` ? T extends readonly (infer U)[] ? PathValue<U, Rest> : undefined : undefined : P extends keyof T ? T[P] : P extends `${number}` ? T extends readonly (infer U)[] ? U : undefined : undefined;
 export type WalkableNode = Parameters<typeof _provide>[2];
 export declare const makeFullPropertyPathContext: <RootData = any>() => {
 	provide: ({ element, path, }: {
@@ -39,10 +44,6 @@ export type BaseOptions<RootData = any, Props = any> = {
 	name: string;
 	Component?: CorrectComponentType<Props>;
 };
-export declare const makePathDataComponent: <RootData = any, Props = any>({ useRootData, hooks, name, }: BaseOptions<RootData>) => CorrectComponentType<{
-	propertyName: Path<RootData>;
-	format?: Format;
-} & Props>;
 export declare const makePathDataArrayComponent: <RootData = any, Props = any>({ useRootData, hooks, name, arrayItemName, }: BaseOptions<RootData> & {
 	arrayItemName: string;
 }) => CorrectComponentType<{
@@ -52,5 +53,9 @@ export declare const makePathDataArrayComponent: <RootData = any, Props = any>({
 export declare const makePathDataArrayItemComponent: <RootData = any, Props extends {
 	itemIndex: Path<RootData>;
 } = any>({ hooks, name, }: BaseOptions<RootData, Props>) => CorrectComponentType<Props>;
+export declare const makePathDataComponent: <RootData = any, Props = any>({ useRootData, hooks, name, }: BaseOptions<RootData>) => CorrectComponentType<{
+	propertyName: Path<RootData>;
+	format?: Format;
+} & Props>;
 
 export {};

package/dist/main/hooks/index.js

@@ -1,6 +1,5 @@
-export * from './makePathContextHooks.js';
-export * from './makePathDataComponent.js';
-export * from './makePathDataArrayComponent.js';
-export * from './makePathDataArrayItemComponent.js';
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+import { makeFullPropertyPathContext } from "./makePathContextHooks.js";
+import { makePathDataArrayComponent } from "./makePathDataArrayComponent.js";
+import { makePathDataArrayItemComponent } from "./makePathDataArrayItemComponent.js";
+import { makePathDataComponent } from "./makePathDataComponent.js";
+export { makeFullPropertyPathContext, makePathDataArrayComponent, makePathDataArrayItemComponent, makePathDataComponent };