@stealthscale/component-disclosure 0.1.0

package/dist/index.js

@@ -0,0 +1,2072 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as recipe, i as recipe$1, n as recipe$3, r as recipe$2, t as recipe$4 } from "./recipe-BdO9ZFWU.js";
+import { c } from "react/compiler-runtime";
+import { useEffect, useId } from "react";
+import { mergeProps, normalizeProps, useMachine } from "@zag-js/react";
+import { createSlotRecipeContext } from "@stealthscale/theme";
+import "@stealthscale/theme/authoring";
+import * as collapsible from "@zag-js/collapsible";
+import { createRequiredContext } from "@stealthscale/hooks";
+import { jsx } from "react/jsx-runtime";
+import * as menu from "@zag-js/menu";
+import * as popover from "@zag-js/popover";
+import * as tabs from "@zag-js/tabs";
+import * as tooltip from "@zag-js/tooltip";
+//#region src/collapsible/context.ts
+/**
+* Binds the collapsible's recipe to the elements that draw its parts.
+*
+* @remarks
+*   Apart from the recipe, because an application's compiler reads the recipe at build time and
+*   the binding needs the runtime. Apart from the machine, because the recipe decides how a part
+*   is drawn and the machine decides what it does.
+*/
+/**
+* Binds the recipe once. The root provides the variants and every other part reads them.
+*/
+const { withContext: withContext$4, withProvider: withProvider$4 } = createSlotRecipeContext(recipe);
+//#endregion
+//#region src/stated.ts
+/**
+* Answers the settings a caller actually stated.
+*
+* @typeParam Options - The settings a caller handed over.
+* @param options - Everything the machine's own splitter took out of the root's props.
+* @returns The same settings, less the ones nobody set.
+*/
+function stated(options) {
+	const set = Object.entries(options).filter(([, value]) => value !== void 0);
+	return Object.fromEntries(set);
+}
+//#endregion
+//#region src/collapsible/machine.ts
+/**
+* Runs the collapsible's machine and carries what it answers down to the parts.
+*
+* @remarks
+*   The machine is connected once, at the root, so every part reads one api from one running
+*   machine. A part drawn outside the root throws where it was written rather than drawing wrongly
+*   and saying nothing.
+*   The id is the machine's and never an element's. It builds the ARIA references between the
+*   trigger and the content from it, so a caller naming their own passes it here and the
+*   references follow.
+*/
+/**
+* Hands the running machine to every part, and reads it back.
+*/
+const [ApiProvider$4, useCollapsible] = createRequiredContext("Collapsible");
+/**
+* Starts the machine and connects it.
+*
+* @param options - The settings the caller handed the root, less the id where it named none.
+* @returns The api every part reads.
+*/
+function useCollapsibleMachine(options) {
+	const $ = c(6);
+	if ($[0] !== "de66f55fd9be865c47fd3fb5cc091a9b0c545a481f56227cbc82ec9dedc87039") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "de66f55fd9be865c47fd3fb5cc091a9b0c545a481f56227cbc82ec9dedc87039";
+	}
+	const generated = useId();
+	let t0;
+	if ($[1] !== options) {
+		t0 = stated(options);
+		$[1] = options;
+		$[2] = t0;
+	} else t0 = $[2];
+	const t1 = options.id ?? generated;
+	let t2;
+	if ($[3] !== t0 || $[4] !== t1) {
+		t2 = {
+			...t0,
+			id: t1
+		};
+		$[3] = t0;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return collapsible.connect(useMachine(collapsible.machine, t2), normalizeProps);
+}
+/**
+* Splits what the machine reads from what the element does.
+*
+* @remarks
+*   The machine states which props are its own, so the root never lists them and never drifts from
+*   the version it is built against.
+*/
+const splitCollapsibleProps = collapsible.splitProps;
+//#endregion
+//#region src/collapsible/content.tsx
+/**
+* Draws the block at the room the root states.
+*/
+const Shown$1 = withContext$4("div", "content");
+/**
+* Appears and goes as the trigger is pressed.
+*
+* @param props - Everything a styled div takes.
+* @returns The block, measured and named by the machine.
+*/
+function Content$4(props) {
+	const $ = c(6);
+	if ($[0] !== "e1d441bb88adce5d2e6053a5e0768c96ef47604e0ba21e6b1c494c2d3a0eb0e1") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "e1d441bb88adce5d2e6053a5e0768c96ef47604e0ba21e6b1c494c2d3a0eb0e1";
+	}
+	const api = useCollapsible();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getContentProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Shown$1, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/collapsible/indicator.tsx
+/**
+* Draws the mark at the box the root states.
+*/
+const Turned$1 = withContext$4("span", "indicator");
+/**
+* Turns half a revolution while the block is open.
+*
+* @param props - Everything a styled span takes.
+* @returns The mark, turned to whichever way the machine is.
+*/
+function Indicator$3(props) {
+	const $ = c(6);
+	if ($[0] !== "a34280bc086a39a0fb7d8a3c2812f4b7b939439b92db5d65061c3211600f1a23") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "a34280bc086a39a0fb7d8a3c2812f4b7b939439b92db5d65061c3211600f1a23";
+	}
+	const api = useCollapsible();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getIndicatorProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Turned$1, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/collapsible/root.tsx
+/**
+* Draws the frame and sets the variants every part below it reads.
+*/
+const Framed$4 = withProvider$4("div", "root");
+/**
+* Shows and hides the block beneath a control.
+*
+* @param props - The machine's options, the recipe's variants and the element's props together.
+* @returns The frame, holding the parts, under the running machine.
+*/
+function Root$4(props) {
+	const $ = c(11);
+	if ($[0] !== "bd98d881b0efa3f21d0fa393cdee8a8ff9e80988049fe93eb321aa70a8275a6c") {
+		for (let $i = 0; $i < 11; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "bd98d881b0efa3f21d0fa393cdee8a8ff9e80988049fe93eb321aa70a8275a6c";
+	}
+	let t0;
+	if ($[1] !== props) {
+		t0 = splitCollapsibleProps(props);
+		$[1] = props;
+		$[2] = t0;
+	} else t0 = $[2];
+	const [options, rest] = t0;
+	const api = useCollapsibleMachine(options);
+	let t1;
+	if ($[3] !== api) {
+		t1 = api.getRootProps();
+		$[3] = api;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== rest || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Framed$4, {
+			...rest,
+			...t1
+		});
+		$[5] = rest;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== api || $[9] !== t2) {
+		t3 = /* @__PURE__ */ jsx(ApiProvider$4, {
+			value: api,
+			children: t2
+		});
+		$[8] = api;
+		$[9] = t2;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
+}
+//#endregion
+//#region src/collapsible/trigger.tsx
+/**
+* Draws the control at the size the root states.
+*/
+const Pressed$4 = withContext$4("button", "trigger");
+/**
+* Shows the block where it is hidden, and hides it where it is shown.
+*
+* @param props - Everything a styled button takes.
+* @returns The control, carrying what the machine says it does.
+*/
+function Trigger$4(props) {
+	const $ = c(6);
+	if ($[0] !== "d17643338d92b329ad0df8f95b653a5ec7a33781b78d10cec5c696ea1b48f7a4") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "d17643338d92b329ad0df8f95b653a5ec7a33781b78d10cec5c696ea1b48f7a4";
+	}
+	const api = useCollapsible();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getTriggerProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Pressed$4, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/collapsible/index.ts
+var collapsible_exports = /* @__PURE__ */ __exportAll({
+	Content: () => Content$4,
+	Indicator: () => Indicator$3,
+	Root: () => Root$4,
+	Trigger: () => Trigger$4
+});
+//#endregion
+//#region src/menu/context.ts
+/**
+* Binds the menu's recipe to the elements that draw its parts.
+*
+* @remarks
+*   Apart from the recipe, because an application's compiler reads the recipe at build time and
+*   the binding needs the runtime. Apart from the machine, because the recipe decides how a part
+*   is drawn and the machine decides what it does.
+*/
+/**
+* Binds the recipe once. The root provides the variants and every other part reads them.
+*/
+const { withContext: withContext$3, withProvider: withProvider$3 } = createSlotRecipeContext(recipe$1);
+//#endregion
+//#region src/menu/variants.ts
+/**
+* Lists the axes the recipe offers, read from the recipe so the two never drift.
+*
+* @remarks
+*   The compiler types a recipe's variants as optional and this recipe states four, so the read
+*   cannot find them absent and a fallback here would be a branch no case can take.
+*/
+const AXES = new Set(Object.keys(recipe$1.variants));
+/**
+* Splits the recipe's variants out of the props a root was handed.
+*
+* @param props - Everything the root was given once the machine's settings are out of it.
+* @returns The variants the caller picked, and everything the element takes.
+*/
+function splitMenuVariants(props) {
+	const picked = {};
+	const rest = {};
+	for (const [name, value] of Object.entries(props)) if (AXES.has(name)) picked[name] = value;
+	else rest[name] = value;
+	return [picked, rest];
+}
+//#endregion
+//#region src/menu/machine.ts
+/**
+* Runs the menu's machine, carries what it answers down to the parts, and registers a submenu with
+* the menu it opens from.
+*
+* @remarks
+*   The machine is connected once, at the root, so every part reads one api from one running
+*   machine. A part drawn outside the root throws where it was written rather than drawing wrongly
+*   and saying nothing.
+*   A root also carries the running machine itself and the level above it. Registering a submenu
+*   takes the two machines rather than their apis, and a submenu's control takes the api of the
+*   menu above it, so neither is reachable from the api alone.
+*   The id is the machine's and never an element's. It names the panel, every row and every group,
+*   so a caller naming their own passes it here and every reference follows.
+*/
+/**
+* Hands the running menu to every part, reads it back, and reads the menu a root opens from.
+*/
+const [ApiProvider$3, useMenu, useEnclosingMenu] = createRequiredContext("Menu");
+/**
+* Hands the row to the label and the mark inside it, and reads it back.
+*/
+const [ItemProvider, useMenuItem] = createRequiredContext("Menu.Item");
+/**
+* Splits what the machine reads from what the element does.
+*
+* @remarks
+*   The machine states which props are its own, so the root never lists them and never drifts from
+*   the version it is built against.
+*/
+const splitMenuProps = menu.splitProps;
+/**
+* Starts the machine and connects it.
+*
+* @param options - The settings the caller handed the root, less the id where it named none.
+* @returns The api every part reads, beside the machine a submenu registers with.
+*/
+function useMenuMachine(options) {
+	const $ = c(11);
+	if ($[0] !== "8f4819cd753006d2ea85b9ddf36a90c9d9c0c81954e33fbdadc366ba694a3ae3") {
+		for (let $i = 0; $i < 11; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "8f4819cd753006d2ea85b9ddf36a90c9d9c0c81954e33fbdadc366ba694a3ae3";
+	}
+	const generated = useId();
+	let t0;
+	if ($[1] !== options) {
+		t0 = stated(options);
+		$[1] = options;
+		$[2] = t0;
+	} else t0 = $[2];
+	const t1 = options.id ?? generated;
+	let t2;
+	if ($[3] !== t0 || $[4] !== t1) {
+		t2 = {
+			...t0,
+			id: t1
+		};
+		$[3] = t0;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	const service = useMachine(menu.machine, t2);
+	let t3;
+	if ($[6] !== service) {
+		t3 = menu.connect(service, normalizeProps);
+		$[6] = service;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== service || $[9] !== t3) {
+		t4 = [t3, service];
+		$[8] = service;
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
+}
+/**
+* Registers a menu with the one it opens from, so the two move as a nest.
+*
+* @remarks
+*   Each machine holds the other, which is what lets a pointer travel from a row into the submenu
+*   it opened without the submenu closing under it, and what sends the focus back up on the arrow
+*   key that closes it. The machines are registered rather than the apis, and a machine keeps the
+*   same identity for as long as its root is drawn, so the pair is registered once however often
+*   either menu redraws. The apis are read from the machines here rather than passed in, because a
+*   connected api is a fresh object on every draw and would register the pair again each time.
+* @param service - The machine of the menu being registered.
+* @param parent - The machine of the menu it opens from, or undefined where there is none.
+*/
+function useNestedMenu(service, parent) {
+	const $ = c(5);
+	if ($[0] !== "8f4819cd753006d2ea85b9ddf36a90c9d9c0c81954e33fbdadc366ba694a3ae3") {
+		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "8f4819cd753006d2ea85b9ddf36a90c9d9c0c81954e33fbdadc366ba694a3ae3";
+	}
+	let t0;
+	let t1;
+	if ($[1] !== parent || $[2] !== service) {
+		t0 = () => {
+			if (parent === void 0) return;
+			menu.connect(parent, normalizeProps).setChild(service);
+			menu.connect(service, normalizeProps).setParent(parent);
+		};
+		t1 = [parent, service];
+		$[1] = parent;
+		$[2] = service;
+		$[3] = t0;
+		$[4] = t1;
+	} else {
+		t0 = $[3];
+		t1 = $[4];
+	}
+	useEffect(t0, t1);
+}
+//#endregion
+//#region src/menu/arrow-tip.tsx
+/**
+* Draws the square at the look the root states.
+*/
+const Tipped = withContext$3("div", "arrowTip");
+/**
+* Gives the point its shape.
+*
+* @param props - Everything a styled div takes.
+* @returns The square, carrying the place the machine measured.
+*/
+function ArrowTip$2(props) {
+	const $ = c(6);
+	if ($[0] !== "7dfc989fa0fa500395a4ea26eeeea8e1a20b76d1e65e23d95da538666e9d6279") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "7dfc989fa0fa500395a4ea26eeeea8e1a20b76d1e65e23d95da538666e9d6279";
+	}
+	const { api } = useMenu();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getArrowTipProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Tipped, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/menu/arrow.tsx
+/**
+* Draws the point at the size the root states.
+*/
+const Pointed = withContext$3("div", "arrow");
+/**
+* Points from the panel back at the control.
+*
+* @param props - Everything a styled div takes.
+* @returns The point, carrying the place the machine measured.
+*/
+function Arrow$2(props) {
+	const $ = c(6);
+	if ($[0] !== "a78a147320cc5b488a59b5aacb321c3a756f280cd6a5af6846f4a4088734e9b9") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "a78a147320cc5b488a59b5aacb321c3a756f280cd6a5af6846f4a4088734e9b9";
+	}
+	const { api } = useMenu();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getArrowProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Pointed, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/menu/content.tsx
+/**
+* Draws the panel at the size the root states.
+*/
+const Drawn$10 = withContext$3("div", "content");
+/**
+* Shows the rows of the menu.
+*
+* @param props - Everything a styled div takes.
+* @returns The panel, carrying what the machine writes onto it.
+*/
+function Content$3(props) {
+	const $ = c(6);
+	if ($[0] !== "eef2461df84475297c85db0dfb9f1f71a378d6a11e488950fd890ba4a9539608") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "eef2461df84475297c85db0dfb9f1f71a378d6a11e488950fd890ba4a9539608";
+	}
+	const { api } = useMenu();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getContentProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Drawn$10, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/menu/context-trigger.tsx
+/**
+* Draws the region at the size the root states.
+*/
+const Held = withContext$3("div", "contextTrigger");
+/**
+* Opens the menu where the pointer is.
+*
+* @param props - The name of this region, and everything a styled div takes.
+* @returns The region, carrying what the machine writes onto it.
+*/
+function ContextTrigger(t0) {
+	const $ = c(4);
+	if ($[0] !== "83e4e11d90a34335e7675b15070e8dcbde5becaf4c925e12048935afcfa67cfd") {
+		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "83e4e11d90a34335e7675b15070e8dcbde5becaf4c925e12048935afcfa67cfd";
+	}
+	const { value, ...rest } = t0;
+	const { api } = useMenu();
+	const named = value === void 0 ? {} : { value };
+	const T0 = Held;
+	const t1 = mergeProps(api.getContextTriggerProps(named), rest);
+	let t2;
+	if ($[1] !== T0 || $[2] !== t1) {
+		t2 = /* @__PURE__ */ jsx(T0, { ...t1 });
+		$[1] = T0;
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+}
+//#endregion
+//#region src/menu/indicator.tsx
+/**
+* Draws the mark at the size the root states.
+*/
+const Marked$1 = withContext$3("div", "indicator");
+/**
+* Says whether the menu is open.
+*
+* @param props - Everything a styled div takes.
+* @returns The mark, carrying the open state.
+*/
+function Indicator$2(props) {
+	const $ = c(6);
+	if ($[0] !== "70df40e4ab9c4446536c5d86bde5718671edc500caabb396e0136169b693af2f") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "70df40e4ab9c4446536c5d86bde5718671edc500caabb396e0136169b693af2f";
+	}
+	const { api } = useMenu();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getIndicatorProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Marked$1, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/menu/item-group-label.tsx
+/**
+* Draws the heading at the size the root states.
+*/
+const Titled = withContext$3("div", "itemGroupLabel");
+/**
+* Says what the rows below it have in common.
+*
+* @param props - The name the set shares, beside everything a styled div takes.
+* @returns The heading, carrying what the machine writes onto it.
+*/
+function ItemGroupLabel(t0) {
+	const $ = c(4);
+	if ($[0] !== "5558e4b3b825147610a3797f6b1f70830c23e8a7d99ec38cccb2c099c763f5ab") {
+		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "5558e4b3b825147610a3797f6b1f70830c23e8a7d99ec38cccb2c099c763f5ab";
+	}
+	const { value, ...rest } = t0;
+	const { api } = useMenu();
+	const T0 = Titled;
+	const t1 = mergeProps(api.getItemGroupLabelProps({ htmlFor: value }), rest);
+	let t2;
+	if ($[1] !== T0 || $[2] !== t1) {
+		t2 = /* @__PURE__ */ jsx(T0, { ...t1 });
+		$[1] = T0;
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+}
+//#endregion
+//#region src/menu/item-group.tsx
+/**
+* Draws the set at the size the root states.
+*/
+const Grouped = withContext$3("div", "itemGroup");
+/**
+* Groups the rows that belong together.
+*
+* @param props - The name the label shares, beside everything a styled div takes.
+* @returns The set, carrying what the machine writes onto it.
+*/
+function ItemGroup(t0) {
+	const $ = c(4);
+	if ($[0] !== "c7cb003c4f14e367e7619ffbfd66bcd8b425ad6c061eb57ecaf42ed0b329ea78") {
+		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c7cb003c4f14e367e7619ffbfd66bcd8b425ad6c061eb57ecaf42ed0b329ea78";
+	}
+	const { value, ...rest } = t0;
+	const { api } = useMenu();
+	const T0 = Grouped;
+	const t1 = mergeProps(api.getItemGroupProps({ id: value }), rest);
+	let t2;
+	if ($[1] !== T0 || $[2] !== t1) {
+		t2 = /* @__PURE__ */ jsx(T0, { ...t1 });
+		$[1] = T0;
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+}
+//#endregion
+//#region src/menu/item-indicator.tsx
+/**
+* Draws the mark at the size the root states.
+*/
+const Marked = withContext$3("span", "itemIndicator");
+/**
+* Says the row is on.
+*
+* @param props - Everything a styled span takes.
+* @returns The mark, carrying the row's state.
+*/
+function ItemIndicator(props) {
+	const $ = c(7);
+	if ($[0] !== "8d196d458fd29245612162ea15b2c759f98162d354c0f65bbc448e6633656990") {
+		for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "8d196d458fd29245612162ea15b2c759f98162d354c0f65bbc448e6633656990";
+	}
+	const { api } = useMenu();
+	const item = useMenuItem();
+	let t0;
+	if ($[1] !== api || $[2] !== item || $[3] !== props) {
+		t0 = mergeProps({ "aria-hidden": true }, api.getItemIndicatorProps(item), props);
+		$[1] = api;
+		$[2] = item;
+		$[3] = props;
+		$[4] = t0;
+	} else t0 = $[4];
+	let t1;
+	if ($[5] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Marked, { ...t0 });
+		$[5] = t0;
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
+}
+//#endregion
+//#region src/menu/item-text.tsx
+/**
+* Draws the words at the size the root states.
+*/
+const Worded = withContext$3("span", "itemText");
+/**
+* Says what the row offers.
+*
+* @param props - Everything a styled span takes.
+* @returns The words, carrying the row's state.
+*/
+function ItemText(props) {
+	const $ = c(7);
+	if ($[0] !== "bfc380eb7ae7d8c3c4b7c66d5a511f3c332f812d78eac182a1761940b91766d6") {
+		for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "bfc380eb7ae7d8c3c4b7c66d5a511f3c332f812d78eac182a1761940b91766d6";
+	}
+	const { api } = useMenu();
+	const item = useMenuItem();
+	let t0;
+	if ($[1] !== api || $[2] !== item || $[3] !== props) {
+		t0 = mergeProps(api.getItemTextProps(item), props);
+		$[1] = api;
+		$[2] = item;
+		$[3] = props;
+		$[4] = t0;
+	} else t0 = $[4];
+	let t1;
+	if ($[5] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Worded, { ...t0 });
+		$[5] = t0;
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
+}
+//#endregion
+//#region src/menu/item.tsx
+/**
+* Draws the row at the size the root states.
+*/
+const Chosen$1 = withContext$3("div", "item");
+/**
+* Offers one thing a reader can choose.
+*
+* @param props - The row's name and purpose, beside everything a styled div takes.
+* @returns The row, carrying what the machine writes onto it.
+*/
+function Item(t0) {
+	const $ = c(4);
+	if ($[0] !== "df27aa8fc4df06f24adb3dc83d050ff157c0d312b109009040230833be9f5d6d") {
+		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "df27aa8fc4df06f24adb3dc83d050ff157c0d312b109009040230833be9f5d6d";
+	}
+	const { closeOnSelect, disabled, tone, value, valueText, ...rest } = t0;
+	const { api } = useMenu();
+	const state = {
+		...closeOnSelect === void 0 ? {} : { closeOnSelect },
+		...disabled === void 0 ? {} : { disabled },
+		...valueText === void 0 ? {} : { valueText },
+		value
+	};
+	const T0 = Chosen$1;
+	const t1 = mergeProps(api.getItemProps(state), { "data-tone": tone }, rest);
+	let t2;
+	if ($[1] !== T0 || $[2] !== t1) {
+		t2 = /* @__PURE__ */ jsx(T0, { ...t1 });
+		$[1] = T0;
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	return /* @__PURE__ */ jsx(ItemProvider, {
+		value: state,
+		children: t2
+	});
+}
+//#endregion
+//#region src/menu/option-item.tsx
+/**
+* Draws the row at the size the root states, in the same slot as a plain row.
+*/
+const Chosen = withContext$3("div", "item");
+/**
+* Offers one thing a reader can turn on.
+*
+* @param props - The choice the row carries, beside everything a styled div takes.
+* @returns The row, carrying what the machine writes onto it.
+*/
+function OptionItem(t0) {
+	const $ = c(4);
+	if ($[0] !== "80d97f29451c03e5b5e606dc49bad4b167094d006d1005ffec08c54617aa8659") {
+		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "80d97f29451c03e5b5e606dc49bad4b167094d006d1005ffec08c54617aa8659";
+	}
+	const { checked, closeOnSelect, disabled, onCheckedChange, tone, type, value, valueText, ...rest } = t0;
+	const { api } = useMenu();
+	const state = {
+		...closeOnSelect === void 0 ? {} : { closeOnSelect },
+		...disabled === void 0 ? {} : { disabled },
+		...onCheckedChange === void 0 ? {} : { onCheckedChange },
+		...valueText === void 0 ? {} : { valueText },
+		checked,
+		type,
+		value
+	};
+	const T0 = Chosen;
+	const t1 = mergeProps(api.getOptionItemProps(state), { "data-tone": tone }, rest);
+	let t2;
+	if ($[1] !== T0 || $[2] !== t1) {
+		t2 = /* @__PURE__ */ jsx(T0, { ...t1 });
+		$[1] = T0;
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	return /* @__PURE__ */ jsx(ItemProvider, {
+		value: state,
+		children: t2
+	});
+}
+//#endregion
+//#region src/menu/positioner.tsx
+/**
+* Draws the box at the size the root states.
+*/
+const Placed$2 = withContext$3("div", "positioner");
+/**
+* Places the panel against the control.
+*
+* @param props - Everything a styled div takes.
+* @returns The box, carrying the position the machine measured.
+*/
+function Positioner$2(props) {
+	const $ = c(6);
+	if ($[0] !== "9527b5772e1640028d3b6e460f67465c41b2ba57f934b0e4ef9920a84689fb2a") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "9527b5772e1640028d3b6e460f67465c41b2ba57f934b0e4ef9920a84689fb2a";
+	}
+	const { api } = useMenu();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getPositionerProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Placed$2, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/menu/root.tsx
+/**
+* Draws the element that sets the variants every part below it reads, and no box.
+*/
+const Framed$3 = withProvider$3("div", "root");
+/**
+* Opens a list of things a reader chooses from, beside the control that opens it.
+*
+* @param props - The machine's settings, the recipe's variants and the element's props together.
+* @returns The parts, under the running machine.
+*/
+function Root$3(props) {
+	const $ = c(18);
+	if ($[0] !== "2ed886f598e5e2c7360104e4f5e012a99b5af32a2a62a5a7cd9aab54e35d4266") {
+		for (let $i = 0; $i < 18; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "2ed886f598e5e2c7360104e4f5e012a99b5af32a2a62a5a7cd9aab54e35d4266";
+	}
+	const parent = useEnclosingMenu();
+	let options;
+	let t0;
+	if ($[1] !== props) {
+		const [t1, rest] = splitMenuProps(props);
+		options = t1;
+		t0 = splitMenuVariants(rest);
+		$[1] = props;
+		$[2] = options;
+		$[3] = t0;
+	} else {
+		options = $[2];
+		t0 = $[3];
+	}
+	const [picked, others] = t0;
+	const [api, service] = useMenuMachine(options);
+	const t1 = parent?.variants;
+	let t2;
+	if ($[4] !== picked || $[5] !== t1) {
+		t2 = {
+			...t1,
+			...picked
+		};
+		$[4] = picked;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	const variants = t2;
+	useNestedMenu(service, parent?.service);
+	let t3;
+	if ($[7] !== api || $[8] !== parent || $[9] !== service || $[10] !== variants) {
+		t3 = {
+			api,
+			parent,
+			service,
+			variants
+		};
+		$[7] = api;
+		$[8] = parent;
+		$[9] = service;
+		$[10] = variants;
+		$[11] = t3;
+	} else t3 = $[11];
+	let t4;
+	if ($[12] !== others || $[13] !== variants) {
+		t4 = /* @__PURE__ */ jsx(Framed$3, {
+			...variants,
+			...others
+		});
+		$[12] = others;
+		$[13] = variants;
+		$[14] = t4;
+	} else t4 = $[14];
+	let t5;
+	if ($[15] !== t3 || $[16] !== t4) {
+		t5 = /* @__PURE__ */ jsx(ApiProvider$3, {
+			value: t3,
+			children: t4
+		});
+		$[15] = t3;
+		$[16] = t4;
+		$[17] = t5;
+	} else t5 = $[17];
+	return t5;
+}
+//#endregion
+//#region src/menu/separator.tsx
+/**
+* Draws the line at the size the root states.
+*/
+const Ruled = withContext$3("div", "separator");
+/**
+* Breaks the rows into sets.
+*
+* @param props - Everything a styled div takes.
+* @returns The line, carrying what the machine writes onto it.
+*/
+function Separator(props) {
+	const $ = c(6);
+	if ($[0] !== "e73ae042863fca750ea32f92df9ce28299f5bca7b0c8e008bdb123c5e7c768c7") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "e73ae042863fca750ea32f92df9ce28299f5bca7b0c8e008bdb123c5e7c768c7";
+	}
+	const { api } = useMenu();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getSeparatorProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Ruled, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/menu/trigger-item.tsx
+/**
+* Draws the row at the size the root states.
+*/
+const Pressed$3 = withContext$3("button", "triggerItem");
+/**
+* Opens a submenu from a row of the menu above it.
+*
+* @param props - Everything a styled button takes.
+* @returns The row, carrying what both machines write onto it.
+* @throws {@link Error} Where the menu it belongs to opens from no other menu.
+*/
+function TriggerItem(props) {
+	const $ = c(7);
+	if ($[0] !== "01636e6911ec33af84338f67be3f448a13702cd94f390f74603b79964a7aefe7") {
+		for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "01636e6911ec33af84338f67be3f448a13702cd94f390f74603b79964a7aefe7";
+	}
+	const { api, parent } = useMenu();
+	if (parent === void 0) throw new Error("Menu.TriggerItem was drawn in a menu that opens from no other menu.");
+	let t0;
+	if ($[1] !== api || $[2] !== parent.api || $[3] !== props) {
+		t0 = mergeProps(parent.api.getTriggerItemProps(api), props);
+		$[1] = api;
+		$[2] = parent.api;
+		$[3] = props;
+		$[4] = t0;
+	} else t0 = $[4];
+	let t1;
+	if ($[5] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Pressed$3, { ...t0 });
+		$[5] = t0;
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
+}
+//#endregion
+//#region src/menu/trigger.tsx
+/**
+* Draws the control at the size the root states.
+*/
+const Pressed$2 = withContext$3("button", "trigger");
+/**
+* Opens the menu.
+*
+* @param props - The name of this control, and everything a styled button takes.
+* @returns The control, carrying what the machine writes onto it.
+*/
+function Trigger$3(t0) {
+	const $ = c(4);
+	if ($[0] !== "54a6411cb66675f22697008ac78fc5ee2093b32ee87912e3e4a72d2e50cb5f54") {
+		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "54a6411cb66675f22697008ac78fc5ee2093b32ee87912e3e4a72d2e50cb5f54";
+	}
+	const { value, ...rest } = t0;
+	const { api } = useMenu();
+	const named = value === void 0 ? {} : { value };
+	const T0 = Pressed$2;
+	const t1 = mergeProps(api.getTriggerProps(named), rest);
+	let t2;
+	if ($[1] !== T0 || $[2] !== t1) {
+		t2 = /* @__PURE__ */ jsx(T0, { ...t1 });
+		$[1] = T0;
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+}
+//#endregion
+//#region src/menu/index.ts
+var menu_exports = /* @__PURE__ */ __exportAll({
+	Arrow: () => Arrow$2,
+	ArrowTip: () => ArrowTip$2,
+	Content: () => Content$3,
+	ContextTrigger: () => ContextTrigger,
+	Indicator: () => Indicator$2,
+	Item: () => Item,
+	ItemGroup: () => ItemGroup,
+	ItemGroupLabel: () => ItemGroupLabel,
+	ItemIndicator: () => ItemIndicator,
+	ItemText: () => ItemText,
+	OptionItem: () => OptionItem,
+	Positioner: () => Positioner$2,
+	Root: () => Root$3,
+	Separator: () => Separator,
+	Trigger: () => Trigger$3,
+	TriggerItem: () => TriggerItem
+});
+//#endregion
+//#region src/popover/context.ts
+/**
+* Binds the popover's recipe to the elements that draw its parts.
+*
+* @remarks
+*   Apart from the recipe, because an application's compiler reads the recipe at build time and
+*   the binding needs the runtime. Apart from the machine, because the recipe decides how a part
+*   is drawn and the machine decides what it does.
+*/
+/**
+* Binds the recipe once. The root provides the variants and every other part reads them.
+*/
+const { withContext: withContext$2, withProvider: withProvider$2 } = createSlotRecipeContext(recipe$2);
+//#endregion
+//#region src/popover/machine.ts
+/**
+* Runs the popover's machine and carries what it answers down to the parts.
+*
+* @remarks
+*   The machine is connected once, at the root, so every part reads one api from one running
+*   machine. A part drawn outside the root throws where it was written rather than drawing wrongly
+*   and saying nothing.
+*   The id is the machine's and never an element's. It names the panel, the heading and the
+*   paragraph, and points the panel at the last two, so a caller naming their own passes it here
+*   and every reference follows.
+*/
+/**
+* Hands the running machine to every part, and reads it back.
+*/
+const [ApiProvider$2, usePopover] = createRequiredContext("Popover");
+/**
+* Splits what the machine reads from what the element does.
+*
+* @remarks
+*   The machine states which props are its own, so the root never lists them and never drifts from
+*   the version it is built against.
+*/
+const splitPopoverProps = popover.splitProps;
+/**
+* Starts the machine and connects it.
+*
+* @param options - The settings the caller handed the root, less the id where it named none.
+* @returns The api every part reads.
+*/
+function usePopoverMachine(options) {
+	const $ = c(6);
+	if ($[0] !== "07237b25b6cd0f2a016f2fc275546b90a78ae248b823795f5fe556b71a4546b4") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "07237b25b6cd0f2a016f2fc275546b90a78ae248b823795f5fe556b71a4546b4";
+	}
+	const generated = useId();
+	let t0;
+	if ($[1] !== options) {
+		t0 = stated(options);
+		$[1] = options;
+		$[2] = t0;
+	} else t0 = $[2];
+	const t1 = options.id ?? generated;
+	let t2;
+	if ($[3] !== t0 || $[4] !== t1) {
+		t2 = {
+			...t0,
+			id: t1
+		};
+		$[3] = t0;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return popover.connect(useMachine(popover.machine, t2), normalizeProps);
+}
+//#endregion
+//#region src/popover/anchor.tsx
+/**
+* Draws the part at the size the root states.
+*/
+const Drawn$9 = withContext$2("div", "anchor");
+/**
+* Marks what the panel is positioned against, where that is not the control.
+*
+* @param props - Everything a styled div takes.
+* @returns The part, carrying what the machine writes onto it.
+*/
+function Anchor(props) {
+	const $ = c(6);
+	if ($[0] !== "f10b3522f812bb7832eb602a9a4f85c673877f745f45335d0e3e3e4c3af68a35") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "f10b3522f812bb7832eb602a9a4f85c673877f745f45335d0e3e3e4c3af68a35";
+	}
+	const api = usePopover();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getAnchorProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Drawn$9, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/popover/arrow-tip.tsx
+/**
+* Draws the part at the size the root states.
+*/
+const Drawn$8 = withContext$2("div", "arrowTip");
+/**
+* Draws the turned square inside the point.
+*
+* @param props - Everything a styled div takes.
+* @returns The part, carrying what the machine writes onto it.
+*/
+function ArrowTip$1(props) {
+	const $ = c(6);
+	if ($[0] !== "3e675def7ae1350a8fca011297aca811b53efec749376daa56cd96c4a382b34b") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "3e675def7ae1350a8fca011297aca811b53efec749376daa56cd96c4a382b34b";
+	}
+	const api = usePopover();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getArrowTipProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Drawn$8, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/popover/arrow.tsx
+/**
+* Draws the part at the size the root states.
+*/
+const Drawn$7 = withContext$2("div", "arrow");
+/**
+* Draws the point that ties the panel to its control.
+*
+* @param props - Everything a styled div takes.
+* @returns The part, carrying what the machine writes onto it.
+*/
+function Arrow$1(props) {
+	const $ = c(6);
+	if ($[0] !== "927cd832f29a4a97038695b85b3095201491e6815fff7aca082bd8c863818912") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "927cd832f29a4a97038695b85b3095201491e6815fff7aca082bd8c863818912";
+	}
+	const api = usePopover();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getArrowProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Drawn$7, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/popover/close-trigger.tsx
+/**
+* Draws the part at the size the root states.
+*/
+const Drawn$6 = withContext$2("button", "closeTrigger");
+/**
+* Draws the control that shuts the panel.
+*
+* @param props - Everything a styled button takes.
+* @returns The part, carrying what the machine writes onto it.
+*/
+function CloseTrigger(props) {
+	const $ = c(6);
+	if ($[0] !== "40dcb1168820711e40165251e3142a822e88492f85a4f31108ba8929b84819ea") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "40dcb1168820711e40165251e3142a822e88492f85a4f31108ba8929b84819ea";
+	}
+	const api = usePopover();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getCloseTriggerProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Drawn$6, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/popover/content.tsx
+/**
+* Draws the part at the size the root states.
+*/
+const Drawn$5 = withContext$2("div", "content");
+/**
+* Draws the panel itself.
+*
+* @param props - Everything a styled div takes.
+* @returns The part, carrying what the machine writes onto it.
+*/
+function Content$2(props) {
+	const $ = c(6);
+	if ($[0] !== "a3677eb8a798c905d7a1c7a45c69664e79e4286781c173cd9fe14bf3898989c2") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "a3677eb8a798c905d7a1c7a45c69664e79e4286781c173cd9fe14bf3898989c2";
+	}
+	const api = usePopover();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getContentProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Drawn$5, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/popover/description.tsx
+/**
+* Draws the part at the size the root states.
+*/
+const Drawn$4 = withContext$2("p", "description");
+/**
+* Draws the paragraph the panel is described by.
+*
+* @param props - Everything a styled p takes.
+* @returns The part, carrying what the machine writes onto it.
+*/
+function Description(props) {
+	const $ = c(6);
+	if ($[0] !== "d545ce922e741f565f6be1c3f6d557ad93e41a547a17628e5dba344381d781b7") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "d545ce922e741f565f6be1c3f6d557ad93e41a547a17628e5dba344381d781b7";
+	}
+	const api = usePopover();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getDescriptionProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Drawn$4, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/popover/indicator.tsx
+/**
+* Draws the part at the size the root states.
+*/
+const Drawn$3 = withContext$2("span", "indicator");
+/**
+* Draws the mark that turns as the panel opens.
+*
+* @param props - Everything a styled span takes.
+* @returns The part, carrying what the machine writes onto it.
+*/
+function Indicator$1(props) {
+	const $ = c(6);
+	if ($[0] !== "7050f80b93d1e1f8d988ad604a2ab87473253c34927cb7c0032d3d8a97e129c3") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "7050f80b93d1e1f8d988ad604a2ab87473253c34927cb7c0032d3d8a97e129c3";
+	}
+	const api = usePopover();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getIndicatorProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Drawn$3, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/popover/positioner.tsx
+/**
+* Draws the part at the size the root states.
+*/
+const Drawn$2 = withContext$2("div", "positioner");
+/**
+* Draws the box that holds the panel in place beside its control.
+*
+* @param props - Everything a styled div takes.
+* @returns The part, carrying what the machine writes onto it.
+*/
+function Positioner$1(props) {
+	const $ = c(6);
+	if ($[0] !== "cf70c4549698228d3e1b1d257b2bf04c5ce1e3640c89d8802051c24abd6e4943") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "cf70c4549698228d3e1b1d257b2bf04c5ce1e3640c89d8802051c24abd6e4943";
+	}
+	const api = usePopover();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getPositionerProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Drawn$2, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/popover/root.tsx
+/**
+* Draws the element that sets the variants every part below it reads, and no box.
+*/
+const Framed$2 = withProvider$2("div", "root");
+/**
+* Opens a panel beside a control.
+*
+* @param props - The machine's settings, the recipe's variants and the element's props together.
+* @returns The parts, under the running machine.
+*/
+function Root$2(props) {
+	const $ = c(8);
+	if ($[0] !== "d5137affd462daa03422209b1762a1f48785d61ac089f6fb171c96392452eb32") {
+		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "d5137affd462daa03422209b1762a1f48785d61ac089f6fb171c96392452eb32";
+	}
+	let t0;
+	if ($[1] !== props) {
+		t0 = splitPopoverProps(props);
+		$[1] = props;
+		$[2] = t0;
+	} else t0 = $[2];
+	const [options, rest] = t0;
+	const api = usePopoverMachine(options);
+	let t1;
+	if ($[3] !== rest) {
+		t1 = /* @__PURE__ */ jsx(Framed$2, { ...rest });
+		$[3] = rest;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== api || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(ApiProvider$2, {
+			value: api,
+			children: t1
+		});
+		$[5] = api;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+//#endregion
+//#region src/popover/title.tsx
+/**
+* Draws the part at the size the root states.
+*/
+const Drawn$1 = withContext$2("h2", "title");
+/**
+* Draws the heading the panel is announced by.
+*
+* @param props - Everything a styled h2 takes.
+* @returns The part, carrying what the machine writes onto it.
+*/
+function Title(props) {
+	const $ = c(6);
+	if ($[0] !== "557a3eae145f56fb9ea0e3650eaebef1aea856d5e2afc24c487ad49ef1c31596") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "557a3eae145f56fb9ea0e3650eaebef1aea856d5e2afc24c487ad49ef1c31596";
+	}
+	const api = usePopover();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getTitleProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Drawn$1, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/popover/trigger.tsx
+/**
+* Draws the part at the size the root states.
+*/
+const Drawn = withContext$2("button", "trigger");
+/**
+* Draws the control that opens the panel.
+*
+* @param props - Everything a styled button takes.
+* @returns The part, carrying what the machine writes onto it.
+*/
+function Trigger$2(props) {
+	const $ = c(6);
+	if ($[0] !== "b697978bd86bd74807e8f06ef20f1c47d08b97d3bfa5d4ee47f8fa5e1a0e3f80") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "b697978bd86bd74807e8f06ef20f1c47d08b97d3bfa5d4ee47f8fa5e1a0e3f80";
+	}
+	const api = usePopover();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getTriggerProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Drawn, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/popover/index.ts
+var popover_exports = /* @__PURE__ */ __exportAll({
+	Anchor: () => Anchor,
+	Arrow: () => Arrow$1,
+	ArrowTip: () => ArrowTip$1,
+	CloseTrigger: () => CloseTrigger,
+	Content: () => Content$2,
+	Description: () => Description,
+	Indicator: () => Indicator$1,
+	Positioner: () => Positioner$1,
+	Root: () => Root$2,
+	Title: () => Title,
+	Trigger: () => Trigger$2
+});
+//#endregion
+//#region src/tabs/context.ts
+/**
+* Binds the tabs' recipe to the elements that draw their parts.
+*
+* @remarks
+*   Apart from the recipe, because an application's compiler reads the recipe at build time and
+*   the binding needs the runtime. Apart from the machine, because the recipe decides how a part
+*   is drawn and the machine decides what it does.
+*/
+/**
+* Binds the recipe once. The root provides the variants and every other part reads them.
+*/
+const { withContext: withContext$1, withProvider: withProvider$1 } = createSlotRecipeContext(recipe$3);
+//#endregion
+//#region src/tabs/machine.ts
+/**
+* Runs the tabs' machine and carries what it answers down to the parts.
+*
+* @remarks
+*   The machine is connected once, at the root, so every part reads one api from one running
+*   machine. A part drawn outside the root throws where it was written rather than drawing wrongly
+*   and saying nothing.
+*   The id is the machine's and never an element's. It builds the ARIA references between each tab
+*   and its panel from it, so a caller naming their own passes it here and the references follow.
+*/
+/**
+* Hands the running machine to every part, and reads it back.
+*/
+const [ApiProvider$1, useTabs] = createRequiredContext("Tabs");
+/**
+* Splits what the machine reads from what the element does.
+*
+* @remarks
+*   The machine states which props are its own, so the root never lists them and never drifts from
+*   the version it is built against.
+*/
+const splitTabsProps = tabs.splitProps;
+/**
+* Starts the machine and connects it.
+*
+* @param options - The settings the caller handed the root, less the id where it named none.
+* @returns The api every part reads.
+*/
+function useTabsMachine(options) {
+	const $ = c(6);
+	if ($[0] !== "94a8deada56596db391819591e2fa2664e640bfb7ca0f99f6c7a39561868f603") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "94a8deada56596db391819591e2fa2664e640bfb7ca0f99f6c7a39561868f603";
+	}
+	const generated = useId();
+	let t0;
+	if ($[1] !== options) {
+		t0 = stated(options);
+		$[1] = options;
+		$[2] = t0;
+	} else t0 = $[2];
+	const t1 = options.id ?? generated;
+	let t2;
+	if ($[3] !== t0 || $[4] !== t1) {
+		t2 = {
+			...t0,
+			id: t1
+		};
+		$[3] = t0;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return tabs.connect(useMachine(tabs.machine, t2), normalizeProps);
+}
+//#endregion
+//#region src/tabs/content.tsx
+/**
+* Draws the panel at the room the root states.
+*/
+const Shown = withContext$1("div", "content");
+/**
+* Appears while the control it names is the one in force.
+*
+* @param props - The control it names, and everything a styled div takes.
+* @returns The panel, named and hidden by the machine.
+*/
+function Content$1(t0) {
+	const $ = c(4);
+	if ($[0] !== "8f05634a7956fcbf2377e6b06117a39cefa46fc6cef394b584a835a7ffa0ee01") {
+		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "8f05634a7956fcbf2377e6b06117a39cefa46fc6cef394b584a835a7ffa0ee01";
+	}
+	const { value, ...rest } = t0;
+	const api = useTabs();
+	const T0 = Shown;
+	const t1 = mergeProps(api.getContentProps({ value }), rest);
+	let t2;
+	if ($[1] !== T0 || $[2] !== t1) {
+		t2 = /* @__PURE__ */ jsx(T0, { ...t1 });
+		$[1] = T0;
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+}
+//#endregion
+//#region src/tabs/indicator.tsx
+/**
+* Draws the bar at the thickness the look states.
+*/
+const Bar = withContext$1("div", "indicator");
+/**
+* Moves to whichever control is in force.
+*
+* @param props - Everything a styled div takes.
+* @returns The bar, positioned by the machine.
+*/
+function Indicator(props) {
+	const $ = c(6);
+	if ($[0] !== "c6d7185c69c5fa0f22ab0f8678b8f61895bfc48170e0c8157a32f3d24fcb3f87") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c6d7185c69c5fa0f22ab0f8678b8f61895bfc48170e0c8157a32f3d24fcb3f87";
+	}
+	const api = useTabs();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getIndicatorProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Bar, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/tabs/list.tsx
+/**
+* Draws the strip, which turns into a column where the set runs down.
+*/
+const Strip = withContext$1("div", "list");
+/**
+* Draws the controls in a row, with the bar that marks the one in force.
+*
+* @param props - Everything a styled div takes.
+* @returns The strip, carrying its role and its orientation.
+*/
+function List(props) {
+	const $ = c(6);
+	if ($[0] !== "3a24f1077c1e2de479b60caa1b5785aa04a7e89a5856793e4392859f814c4665") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "3a24f1077c1e2de479b60caa1b5785aa04a7e89a5856793e4392859f814c4665";
+	}
+	const api = useTabs();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getListProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Strip, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/tabs/root.tsx
+/**
+* Draws the frame and sets the variants every part below it reads.
+*/
+const Framed$1 = withProvider$1("div", "root");
+/**
+* Shows one panel at a time, chosen from a strip of controls.
+*
+* @param props - The machine's options, the recipe's variants and the element's props together.
+* @returns The frame, holding the parts, under the running machine.
+*/
+function Root$1(props) {
+	const $ = c(11);
+	if ($[0] !== "eec89bf7a552ca5dee5524841219b07e4ab3d7d4de7b1fb332feb07a3b422178") {
+		for (let $i = 0; $i < 11; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "eec89bf7a552ca5dee5524841219b07e4ab3d7d4de7b1fb332feb07a3b422178";
+	}
+	let t0;
+	if ($[1] !== props) {
+		t0 = splitTabsProps(props);
+		$[1] = props;
+		$[2] = t0;
+	} else t0 = $[2];
+	const [options, rest] = t0;
+	const api = useTabsMachine(options);
+	let t1;
+	if ($[3] !== api) {
+		t1 = api.getRootProps();
+		$[3] = api;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== rest || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Framed$1, {
+			...rest,
+			...t1
+		});
+		$[5] = rest;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== api || $[9] !== t2) {
+		t3 = /* @__PURE__ */ jsx(ApiProvider$1, {
+			value: api,
+			children: t2
+		});
+		$[8] = api;
+		$[9] = t2;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
+}
+//#endregion
+//#region src/tabs/trigger.tsx
+/**
+* Draws the control at the size the root states.
+*/
+const Pressed$1 = withContext$1("button", "trigger");
+/**
+* Shows the panel it names.
+*
+* @param props - The panel it names, and everything a styled button takes.
+* @returns The control, carrying its role and its selection.
+*/
+function Trigger$1(t0) {
+	const $ = c(4);
+	if ($[0] !== "a604dc1c151922b8eeec1776c57015e506bc81cda73b4c006d0cdb9d6808412b") {
+		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "a604dc1c151922b8eeec1776c57015e506bc81cda73b4c006d0cdb9d6808412b";
+	}
+	const { disabled, value, ...rest } = t0;
+	const api = useTabs();
+	const stated = {
+		...disabled === void 0 ? {} : { disabled },
+		value
+	};
+	const T0 = Pressed$1;
+	const t1 = mergeProps(api.getTriggerProps(stated), rest);
+	let t2;
+	if ($[1] !== T0 || $[2] !== t1) {
+		t2 = /* @__PURE__ */ jsx(T0, { ...t1 });
+		$[1] = T0;
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+}
+//#endregion
+//#region src/tabs/index.ts
+var tabs_exports = /* @__PURE__ */ __exportAll({
+	Content: () => Content$1,
+	Indicator: () => Indicator,
+	List: () => List,
+	Root: () => Root$1,
+	Trigger: () => Trigger$1
+});
+//#endregion
+//#region src/tooltip/context.ts
+/**
+* Binds the tooltip's recipe to the elements that draw its parts.
+*
+* @remarks
+*   Apart from the recipe, because an application's compiler reads the recipe at build time and
+*   the binding needs the runtime. The content provides the variants rather than a root, because
+*   the machine draws no root and the content is the part a caller sizes.
+*/
+/**
+* Binds the recipe once. The content provides the variants and every other part reads them.
+*/
+const { withContext, withProvider } = createSlotRecipeContext(recipe$4);
+//#endregion
+//#region src/tooltip/machine.ts
+/**
+* Runs the tooltip's machine and carries what it answers down to the parts.
+*
+* @remarks
+*   The machine is connected once, at the root, so every part reads one api from one running
+*   machine. A part drawn outside the root throws where it was written rather than drawing wrongly
+*   and saying nothing.
+*   The id is the machine's and never an element's. It names the box so the trigger can point at it
+*   with `aria-describedby`, so a caller naming their own passes it here and the reference follows.
+*/
+/**
+* Hands the running machine to every part, and reads it back.
+*/
+const [ApiProvider, useTooltip] = createRequiredContext("Tooltip");
+/**
+* Splits what the machine reads from what the element does.
+*
+* @remarks
+*   The machine states which props are its own, so the root never lists them and never drifts from
+*   the version it is built against.
+*/
+const splitTooltipProps = tooltip.splitProps;
+/**
+* Starts the machine and connects it.
+*
+* @param options - The settings the caller handed the root, less the id where it named none.
+* @returns The api every part reads.
+*/
+function useTooltipMachine(options) {
+	const $ = c(6);
+	if ($[0] !== "12891576f8ad786b205a99dc3c8fed7ccb2b9ed0796f830127c2388ed7ba2f45") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "12891576f8ad786b205a99dc3c8fed7ccb2b9ed0796f830127c2388ed7ba2f45";
+	}
+	const generated = useId();
+	let t0;
+	if ($[1] !== options) {
+		t0 = stated(options);
+		$[1] = options;
+		$[2] = t0;
+	} else t0 = $[2];
+	const t1 = options.id ?? generated;
+	let t2;
+	if ($[3] !== t0 || $[4] !== t1) {
+		t2 = {
+			...t0,
+			id: t1
+		};
+		$[3] = t0;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return tooltip.connect(useMachine(tooltip.machine, t2), normalizeProps);
+}
+//#endregion
+//#region src/tooltip/arrow-tip.tsx
+/**
+* Draws the shape the arrow shows.
+*/
+const Turned = withContext("div", "arrowTip");
+/**
+* Shows one corner past the edge of the box.
+*
+* @param props - Everything a styled div takes.
+* @returns The tip, turned by the machine.
+*/
+function ArrowTip(props) {
+	const $ = c(6);
+	if ($[0] !== "02966bec47df075783b644f5a605f03f20f25254a4520fa03a1ad9ecbb494b81") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "02966bec47df075783b644f5a605f03f20f25254a4520fa03a1ad9ecbb494b81";
+	}
+	const api = useTooltip();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getArrowTipProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Turned, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/tooltip/arrow.tsx
+/**
+* Draws the outer element the machine places.
+*/
+const Placed$1 = withContext("div", "arrow");
+/**
+* Points from the box back at the control.
+*
+* @param props - Everything a styled div takes.
+* @returns The arrow, placed by the machine.
+*/
+function Arrow(props) {
+	const $ = c(6);
+	if ($[0] !== "b5cad0c0b7bd28414e8a778a0b04c80f52f3936417e3f55d7caca8042ba16a91") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "b5cad0c0b7bd28414e8a778a0b04c80f52f3936417e3f55d7caca8042ba16a91";
+	}
+	const api = useTooltip();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getArrowProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Placed$1, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/tooltip/content.tsx
+/**
+* Draws the box at the size the root states.
+*/
+const Boxed = withContext("div", "content");
+/**
+* Appears beside the control while a pointer rests on it.
+*
+* @param props - The recipe's variants, and everything a styled div takes.
+* @returns The box, named and placed by the machine.
+*/
+function Content(props) {
+	const $ = c(6);
+	if ($[0] !== "88fc7ca5611516e5d5faa6d75d9b75e7a224c9ac106ac95be154632b3d7e6493") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "88fc7ca5611516e5d5faa6d75d9b75e7a224c9ac106ac95be154632b3d7e6493";
+	}
+	const api = useTooltip();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getContentProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Boxed, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/tooltip/positioner.tsx
+/**
+* Draws the box the machine positions.
+*/
+const Placed = withContext("div", "positioner");
+/**
+* Draws the box wherever the machine measured room for it.
+*
+* @param props - Everything a styled div takes.
+* @returns The box, positioned by the machine.
+*/
+function Positioner(props) {
+	const $ = c(6);
+	if ($[0] !== "74ea8688d306441e751783062f2f2380d20e37c46b7550f27f648a39ab74a05d") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "74ea8688d306441e751783062f2f2380d20e37c46b7550f27f648a39ab74a05d";
+	}
+	const api = useTooltip();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getPositionerProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Placed, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/tooltip/root.tsx
+/**
+* Draws the element that sets the variants every part below it reads, and no box.
+*/
+const Framed = withProvider("div", "root");
+/**
+* Shows a short label beside whatever a pointer rests on.
+*
+* @param props - The machine's settings, the recipe's variants and the element's props together.
+* @returns The parts, under the running machine.
+*/
+function Root(props) {
+	const $ = c(8);
+	if ($[0] !== "2edd70370670d85de8b7d38a53a35edb4e43b0f9a984adc9f2bf9961cf4c3c82") {
+		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "2edd70370670d85de8b7d38a53a35edb4e43b0f9a984adc9f2bf9961cf4c3c82";
+	}
+	let t0;
+	if ($[1] !== props) {
+		t0 = splitTooltipProps(props);
+		$[1] = props;
+		$[2] = t0;
+	} else t0 = $[2];
+	const [options, rest] = t0;
+	const api = useTooltipMachine(options);
+	let t1;
+	if ($[3] !== rest) {
+		t1 = /* @__PURE__ */ jsx(Framed, { ...rest });
+		$[3] = rest;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== api || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(ApiProvider, {
+			value: api,
+			children: t1
+		});
+		$[5] = api;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+//#endregion
+//#region src/tooltip/trigger.tsx
+/**
+* Draws the control, styled by whatever the caller drew rather than by this recipe.
+*/
+const Pressed = withContext("button", "trigger");
+/**
+* Opens the box as a pointer rests on it or focus reaches it.
+*
+* @param props - Everything a styled button takes.
+* @returns The control, carrying what the machine needs to open the box.
+*/
+function Trigger(props) {
+	const $ = c(6);
+	if ($[0] !== "245890bdbeb0d0630aa58dd84f3805e4cc2e65019af150a8cc2ba2c264d0a7d0") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "245890bdbeb0d0630aa58dd84f3805e4cc2e65019af150a8cc2ba2c264d0a7d0";
+	}
+	const api = useTooltip();
+	let t0;
+	if ($[1] !== api || $[2] !== props) {
+		t0 = mergeProps(api.getTriggerProps(), props);
+		$[1] = api;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Pressed, { ...t0 });
+		$[4] = t0;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/tooltip/index.ts
+var tooltip_exports = /* @__PURE__ */ __exportAll({
+	Arrow: () => Arrow,
+	ArrowTip: () => ArrowTip,
+	Content: () => Content,
+	Positioner: () => Positioner,
+	Root: () => Root,
+	Trigger: () => Trigger
+});
+//#endregion
+export { collapsible_exports as Collapsible, menu_exports as Menu, popover_exports as Popover, tabs_exports as Tabs, tooltip_exports as Tooltip };