@domainkit/react 0.1.0

package/dist/index.mjs

@@ -0,0 +1,1600 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
+import { Dialog } from "@base-ui/react/dialog";
+import { createContext, useCallback, useContext, useEffect, useId, useInsertionEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { useRender } from "@base-ui/react/use-render";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/composition.tsx
+function usePart(defaultTagName, componentProps, state, internalProps) {
+	const { className, render, style, ...externalProps } = componentProps;
+	const parameters = {
+		...className === void 0 ? {} : { className },
+		defaultTagName,
+		props: [internalProps, externalProps],
+		...render === void 0 ? {} : { render },
+		state,
+		...style === void 0 ? {} : { style }
+	};
+	return useRender(parameters);
+}
+//#endregion
+//#region src/icons.tsx
+function Glyph({ children }) {
+	return /* @__PURE__ */ jsx("svg", {
+		"aria-hidden": "true",
+		fill: "none",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		viewBox: "0 0 24 24",
+		children
+	});
+}
+const defaultIcons = {
+	copied: /* @__PURE__ */ jsx(Glyph, { children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) }),
+	copy: /* @__PURE__ */ jsxs(Glyph, { children: [/* @__PURE__ */ jsx("rect", {
+		height: "14",
+		rx: "2",
+		width: "14",
+		x: "8",
+		y: "8"
+	}), /* @__PURE__ */ jsx("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })] }),
+	download: /* @__PURE__ */ jsxs(Glyph, { children: [
+		/* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+		/* @__PURE__ */ jsx("path", { d: "m7 10 5 5 5-5" }),
+		/* @__PURE__ */ jsx("path", { d: "M12 15V3" })
+	] })
+};
+const IconsContext = createContext(defaultIcons);
+function IconsProvider({ children, icons }) {
+	const value = useMemo(() => ({
+		copied: icons?.copied ?? defaultIcons.copied,
+		copy: icons?.copy ?? defaultIcons.copy,
+		download: icons?.download ?? defaultIcons.download
+	}), [icons]);
+	return /* @__PURE__ */ jsx(IconsContext.Provider, {
+		value,
+		children
+	});
+}
+function useIcons() {
+	return useContext(IconsContext);
+}
+//#endregion
+//#region src/messages.ts
+var messages_exports = /* @__PURE__ */ __exportAll({
+	english: () => english,
+	merge: () => merge
+});
+const english = {
+	applyCleanup: "Remove records",
+	applyDns: "Add records",
+	applyingDns: "Adding records…",
+	automaticUnavailable: "Automatic connection is not available for this domain",
+	cancel: "Cancel",
+	checkAgain: "Check again",
+	checkingDns: "Checking DNS…",
+	checkDns: "Check DNS",
+	cleanupComplete: "DNS cleanup complete",
+	cleanupConsent: "Only records proven by the apply receipt will be deleted.",
+	cleanupPartial: "Some DNS records could not be deleted. Review and retry safely.",
+	cleaningDns: "Removing records…",
+	connectProvider: () => "Connect",
+	connected: (provider) => `${provider} connected`,
+	connecting: "Connecting…",
+	close: "Close",
+	detectingProvider: "Detecting DNS provider…",
+	disconnectDomain: "Disconnect",
+	disconnecting: "Disconnecting…",
+	domainDisconnected: "Domain disconnected. DNS records were preserved.",
+	dialogDescription: (domain) => `Authorize DNS changes for ${domain}.`,
+	dialogTitle: (provider) => `Connect ${provider}`,
+	openingAuthorization: "Opening provider authorization…",
+	planConsent: "Review the exact DNS operations before approving this plan.",
+	planningCleanup: "Preparing cleanup…",
+	planningDns: "Preparing DNS changes…",
+	recordsApplied: "DNS changes applied",
+	recordsPartiallyApplied: "Some DNS changes failed. Review and retry safely.",
+	reviewCleanup: "Remove records",
+	reviewDns: "Review changes",
+	retry: "Try again",
+	reuseConnection: (connection) => `Use ${connection}`,
+	tokenLabel: "API token"
+};
+const merge = (overrides = {}) => ({
+	...english,
+	...overrides
+});
+//#endregion
+//#region src/theme.ts
+var theme_exports = /* @__PURE__ */ __exportAll({ toStyle: () => toStyle });
+const variables = {
+	accent: "--domainkit-accent",
+	accentContrast: "--domainkit-accent-contrast",
+	background: "--domainkit-background",
+	border: "--domainkit-border",
+	danger: "--domainkit-danger",
+	fill: "--domainkit-fill",
+	fontFamily: "--domainkit-font-family",
+	muted: "--domainkit-muted",
+	radius: "--domainkit-radius",
+	shadow: "--domainkit-shadow",
+	success: "--domainkit-success",
+	text: "--domainkit-text"
+};
+function toStyle(theme = {}) {
+	return Object.fromEntries(Object.entries(theme).flatMap(([key, value]) => value === void 0 ? [] : [[variables[key], value]]));
+}
+//#endregion
+//#region src/domain-kit.tsx
+var domain_kit_exports = /* @__PURE__ */ __exportAll({
+	Root: () => Root$2,
+	useDomainKit: () => useDomainKit
+});
+const Context = createContext(null);
+const navigateInBrowser = (url) => {
+	if (typeof window === "undefined") throw new Error("DomainKit OAuth navigation requires a browser or a custom navigate function");
+	window.location.assign(url);
+};
+const resolvePortalContainer = (container, ownerDocument) => {
+	if (container === null || ownerDocument === null) return null;
+	return container.ownerDocument === ownerDocument && container.getRootNode() === ownerDocument ? container : null;
+};
+const usePortalContainer = (container) => {
+	const ownerDocument = useMemo(() => container?.ownerDocument ?? null, [container]);
+	const subscribe = useCallback((notify) => {
+		if (ownerDocument === null || typeof MutationObserver === "undefined") return () => {};
+		const observer = new MutationObserver(notify);
+		observer.observe(ownerDocument, {
+			childList: true,
+			subtree: true
+		});
+		return () => observer.disconnect();
+	}, [ownerDocument]);
+	const getSnapshot = useCallback(() => resolvePortalContainer(container, ownerDocument), [container, ownerDocument]);
+	return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+};
+function Root$2({ children, colorScheme = "inherit", icons, marks = {}, messages, navigate = navigateInBrowser, portalContainer = null, theme, transport, ...props }) {
+	const themeStyle = toStyle(theme);
+	const resolvedPortalContainer = usePortalContainer(portalContainer);
+	const portalContainerRef = useMemo(() => ({ current: resolvedPortalContainer }), [resolvedPortalContainer]);
+	const content = usePart("div", props, { colorScheme }, {
+		children,
+		"data-color-scheme": colorScheme,
+		"data-domainkit-root": "",
+		style: themeStyle
+	});
+	return /* @__PURE__ */ jsx(Context.Provider, {
+		value: {
+			colorScheme,
+			marks,
+			messages: merge(messages),
+			navigate,
+			portalContainer: portalContainerRef,
+			themeStyle,
+			transport
+		},
+		children: /* @__PURE__ */ jsx(IconsProvider, {
+			...icons === void 0 ? {} : { icons },
+			children: content
+		})
+	});
+}
+function useDomainKit() {
+	const value = useContext(Context);
+	if (value === null) throw new Error("DomainKit components must be rendered inside DomainKit.Root");
+	return value;
+}
+//#endregion
+//#region src/request-state.ts
+function useController$4(identity, initial) {
+	const currentIdentity = useRef(identity);
+	const revision = useRef(0);
+	const [snapshot, setSnapshot] = useState(() => ({
+		identity,
+		state: initial
+	}));
+	useInsertionEffect(() => {
+		currentIdentity.current = identity;
+		revision.current += 1;
+	}, [identity]);
+	useEffect(() => {
+		setSnapshot({
+			identity,
+			state: initial
+		});
+	}, [identity]);
+	return {
+		begin: useCallback((state) => {
+			const request = ++revision.current;
+			setSnapshot({
+				identity: currentIdentity.current,
+				state
+			});
+			return request;
+		}, []),
+		commit: useCallback((request, state) => {
+			if (revision.current !== request) return false;
+			setSnapshot({
+				identity: currentIdentity.current,
+				state
+			});
+			return true;
+		}, []),
+		reset: useCallback((state) => {
+			revision.current += 1;
+			setSnapshot({
+				identity: currentIdentity.current,
+				state
+			});
+		}, []),
+		state: snapshot.identity === identity ? snapshot.state : initial
+	};
+}
+const recordsIdentity = (records) => JSON.stringify(records.map((record) => [
+	record.id,
+	record.name,
+	record.priority ?? null,
+	record.type,
+	record.value
+]));
+//#endregion
+//#region src/cleanup.tsx
+var cleanup_exports = /* @__PURE__ */ __exportAll({
+	Flow: () => Flow$3,
+	useController: () => useController$3
+});
+function useController$3(connection, receiptId) {
+	const { transport } = useDomainKit();
+	const requestState = useController$4(`${connection.connectionId}:${connection.domain}:${receiptId}`, { _tag: "Idle" });
+	const state = requestState.state;
+	const plan = useCallback(async () => {
+		const request = requestState.begin({ _tag: "Planning" });
+		try {
+			const result = await transport.cleanup.plan({
+				connectionId: connection.connectionId,
+				domain: connection.domain,
+				receiptId
+			});
+			requestState.commit(request, result._tag === "CleanupPlan" ? {
+				_tag: "Review",
+				plan: result
+			} : result);
+		} catch (cause) {
+			requestState.commit(request, toFailure(cause));
+		}
+	}, [
+		connection.connectionId,
+		connection.domain,
+		receiptId,
+		requestState,
+		transport
+	]);
+	return {
+		apply: useCallback(async () => {
+			if (state._tag !== "Review") return;
+			const reviewedPlan = state.plan;
+			if (reviewedPlan.operations.some((operation) => operation._tag === "Blocked")) return;
+			const request = requestState.begin({
+				_tag: "Cleaning",
+				plan: reviewedPlan
+			});
+			try {
+				const result = await transport.cleanup.apply({
+					connectionId: connection.connectionId,
+					domain: connection.domain,
+					planDigest: reviewedPlan.digest,
+					receiptId
+				});
+				requestState.commit(request, result._tag === "Cleaned" ? {
+					_tag: "Cleaned",
+					result
+				} : result._tag === "Partial" ? {
+					_tag: "Partial",
+					result
+				} : result);
+			} catch (cause) {
+				requestState.commit(request, toFailure(cause));
+			}
+		}, [
+			connection.connectionId,
+			connection.domain,
+			receiptId,
+			requestState,
+			state,
+			transport
+		]),
+		dismiss: () => requestState.reset({ _tag: "Idle" }),
+		plan,
+		state
+	};
+}
+const toFailure = (cause) => ({
+	_tag: "Failure",
+	message: cause instanceof Error ? cause.message : "Domain cleanup failed",
+	retry: "safe"
+});
+function Flow$3({ connection, receiptId, ...props }) {
+	const controller = useController$3(connection, receiptId);
+	const { colorScheme, messages, portalContainer, themeStyle } = useDomainKit();
+	const state = controller.state;
+	const plan = state._tag === "Review" || state._tag === "Cleaning" ? state.plan : void 0;
+	return usePart("div", props, { status: state._tag }, {
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [
+			state._tag === "Cleaned" ? /* @__PURE__ */ jsx("p", {
+				"data-domainkit-part": "flow-outcome",
+				"data-tone": "success",
+				children: messages.cleanupComplete
+			}) : null,
+			state._tag === "Partial" || state._tag === "Failure" || state._tag === "Stale" ? /* @__PURE__ */ jsx("p", {
+				"data-domainkit-part": "flow-outcome",
+				"data-tone": "danger",
+				role: "alert",
+				children: state._tag === "Partial" ? messages.cleanupPartial : state.message
+			}) : null,
+			/* @__PURE__ */ jsxs(Dialog.Root, {
+				onOpenChange: (open) => {
+					if (!open) controller.dismiss();
+				},
+				open: plan !== void 0,
+				children: [/* @__PURE__ */ jsx(Dialog.Trigger, {
+					"data-domainkit-part": "cleanup-trigger",
+					disabled: state._tag === "Planning" || state._tag === "Cleaning",
+					onClick: () => void controller.plan(),
+					children: state._tag === "Planning" ? messages.planningCleanup : messages.reviewCleanup
+				}), plan === void 0 ? null : /* @__PURE__ */ jsxs(Dialog.Portal, {
+					container: portalContainer ?? void 0,
+					children: [/* @__PURE__ */ jsx(Dialog.Backdrop, { "data-domainkit-part": "dialog-backdrop" }), /* @__PURE__ */ jsxs(Dialog.Popup, {
+						"data-color-scheme": colorScheme,
+						"data-domainkit-part": "cleanup-dialog",
+						"data-domainkit-root": "",
+						style: themeStyle,
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								"data-domainkit-part": "dialog-header",
+								children: [/* @__PURE__ */ jsxs("div", {
+									"data-domainkit-part": "dialog-heading",
+									children: [/* @__PURE__ */ jsx(Dialog.Title, {
+										"data-domainkit-part": "dialog-title",
+										children: messages.reviewCleanup
+									}), /* @__PURE__ */ jsx(Dialog.Description, {
+										"data-domainkit-part": "dialog-description",
+										children: messages.cleanupConsent
+									})]
+								}), /* @__PURE__ */ jsx(Dialog.Close, {
+									"aria-label": messages.close,
+									"data-domainkit-part": "dialog-close",
+									children: "×"
+								})]
+							}),
+							/* @__PURE__ */ jsx("div", {
+								"data-domainkit-part": "dialog-body",
+								children: /* @__PURE__ */ jsx("ul", {
+									"data-domainkit-part": "cleanup-operations",
+									children: plan.operations.map((operation) => /* @__PURE__ */ jsxs("li", {
+										"data-operation": operation._tag,
+										children: [
+											/* @__PURE__ */ jsx("span", {
+												"data-domainkit-part": "operation-kind",
+												children: operation._tag
+											}),
+											" ",
+											/* @__PURE__ */ jsx("strong", { children: operation.record.type }),
+											" ",
+											/* @__PURE__ */ jsxs("span", {
+												"data-domainkit-part": "operation-record",
+												children: [operation.record.name, operation._tag === "Blocked" ? ` ${operation.reason}` : ""]
+											})
+										]
+									}, operation.id))
+								})
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								"data-domainkit-part": "dialog-footer",
+								children: [/* @__PURE__ */ jsx(Dialog.Close, {
+									"data-domainkit-part": "dialog-cancel",
+									children: messages.cancel
+								}), /* @__PURE__ */ jsx("button", {
+									"data-domainkit-part": "cleanup-apply",
+									disabled: state._tag === "Cleaning" || plan.operations.some((operation) => operation._tag === "Blocked"),
+									onClick: () => void controller.apply(),
+									type: "button",
+									children: state._tag === "Cleaning" ? messages.cleaningDns : messages.applyCleanup
+								})]
+							})
+						]
+					})]
+				})]
+			})
+		] }),
+		"data-domainkit-part": "cleanup-flow",
+		"data-state": state._tag
+	});
+}
+//#endregion
+//#region src/provider.tsx
+var provider_exports = /* @__PURE__ */ __exportAll({ Mark: () => Mark });
+const logoHosts = {
+	aws: "amazonaws.com",
+	bluehost: "bluehost.com",
+	cloudflare: "cloudflare.com",
+	digitalocean: "digitalocean.com",
+	dnsimple: "dnsimple.com",
+	dreamhost: "dreamhost.com",
+	dynadot: "dynadot.com",
+	gandi: "gandi.net",
+	godaddy: "godaddy.com",
+	google: "cloud.google.com",
+	googlecloud: "cloud.google.com",
+	googleclouddns: "cloud.google.com",
+	hostgator: "hostgator.com",
+	hostinger: "hostinger.com",
+	hover: "hover.com",
+	ionos: "ionos.com",
+	namecheap: "namecheap.com",
+	namecom: "name.com",
+	netlify: "netlify.com",
+	ns1: "ns1.com",
+	ovh: "ovh.com",
+	porkbun: "porkbun.com",
+	spaceship: "spaceship.com",
+	squarespace: "squarespace.com",
+	vercel: "vercel.com"
+};
+const logoKey = (providerId) => providerId.trim().toLowerCase().replace(/[^a-z0-9]+/g, "");
+const logoHost = (providerId) => logoHosts[logoKey(providerId)];
+const letterMark = (provider) => provider.name.trim().charAt(0).toUpperCase() || "?";
+/** Official AWS architecture glyph (white "53" in nested circles). */
+const route53Glyph = "M48.692,40.6795109 C49.431,41.3627732 49.801,42.2781246 49.801,43.4275659 C49.801,44.678046 49.351,45.6764293 48.452,46.4227159 C47.552,47.1700028 46.343,47.543146 44.826,47.543146 C43.627,47.543146 42.44,47.2870477 41.266,46.7768518 L41.266,45.2452638 C42.657,45.7054405 43.843,45.9345284 44.826,45.9345284 C45.796,45.9345284 46.542,45.7174451 47.065,45.2842788 C47.588,44.8501121 47.849,44.2308744 47.849,43.4275659 C47.849,41.8829729 46.874,41.1106764 44.921,41.1106764 C44.309,41.1106764 43.703,41.1426887 43.103,41.2057129 L43.103,39.9432282 L47.123,35.5585448 L41.458,35.5585448 L41.458,33.9889422 L49.247,33.9889422 L49.247,35.5015229 L45.304,39.6751253 C45.369,39.6621203 45.431,39.656118 45.496,39.656118 L45.687,39.656118 C46.951,39.656118 47.952,39.9972489 48.692,40.6795109 M37.574,40.3453826 C38.351,41.0726618 38.74,42.0740463 38.74,43.349536 C38.74,44.6010165 38.288,45.6124048 37.381,46.3847013 C36.475,47.1569978 35.283,47.543146 33.803,47.543146 C32.503,47.543146 31.284,47.2870477 30.148,46.7768518 L30.148,45.2452638 C31.564,45.7054405 32.776,45.9345284 33.784,45.9345284 C34.754,45.9345284 35.497,45.7154443 36.013,45.2742749 C36.53,44.834106 36.789,44.1998624 36.789,43.3695437 C36.789,42.4631957 36.546,41.8059434 36.061,41.3977867 C35.576,40.9896299 34.785,40.7845512 33.688,40.7845512 C32.897,40.7845512 31.909,40.8495762 30.722,40.976625 L30.722,39.7131399 L31.086,33.9889422 L38.071,33.9889422 L38.071,35.5585448 L32.693,35.5585448 L32.444,39.4450369 C33.146,39.3179882 33.777,39.2539636 34.338,39.2539636 C35.716,39.2539636 36.795,39.617103 37.574,40.3453826 M51.957,54.37777 C47.103,55.250105 42.852,57.2268639 40,58.8374822 C37.147,57.2268639 32.896,55.250105 28.043,54.37777 C26.677,54.1326759 19.869,52.7111302 19.869,48.7756192 C19.869,46.951919 20.522,45.7424547 21.776,43.5826255 C23.274,40.9996338 25.138,37.7843994 25.138,33.1556222 C25.138,29.8473521 24.271,26.6751342 22.559,23.7149977 C22.76,23.4669025 22.965,23.2158061 23.171,22.9627089 C25.707,24.2301955 28.347,24.8724421 31.031,24.8724421 C34.311,24.8724421 37.325,24.0111114 40,22.3114589 C42.674,24.0111114 45.688,24.8724421 48.968,24.8724421 C51.652,24.8724421 54.293,24.2301955 56.829,22.9627089 C57.034,23.2158061 57.239,23.4669025 57.44,23.7149977 C55.728,26.6751342 54.861,29.8473521 54.861,33.1556222 C54.861,37.7843994 56.725,40.9996338 58.226,43.586627 C59.477,45.7424547 60.13,46.951919 60.13,48.7756192 C60.13,52.7111302 53.322,54.1326759 51.957,54.37777 M56.861,33.1556222 C56.861,29.9974097 57.752,26.9702475 59.507,24.1581679 C59.735,23.7950284 59.706,23.3278491 59.434,22.9957216 C58.926,22.3734827 58.393,21.7182311 57.867,21.0669811 C57.562,20.6898363 57.032,20.5857963 56.606,20.8198862 C54.143,22.1814089 51.574,22.8716739 48.968,22.8716739 C45.824,22.8716739 43.077,22.0263494 40.569,20.2886823 C40.227,20.0515912 39.772,20.0515912 39.43,20.2886823 C36.922,22.0263494 34.175,22.8716739 31.031,22.8716739 C28.425,22.8716739 25.856,22.1814089 23.393,20.8198862 C22.968,20.5857963 22.437,20.6898363 22.132,21.0669811 C21.606,21.7182311 21.073,22.3734827 20.565,22.9957216 C20.294,23.3278491 20.264,23.7950284 20.492,24.1581679 C22.248,26.9702475 23.138,29.9974097 23.138,33.1556222 C23.138,37.2461927 21.423,40.2023277 20.045,42.581241 C18.695,44.9041328 17.869,46.4467251 17.869,48.7756192 C17.869,54.1646882 25.385,55.9343677 27.689,56.3475263 C32.549,57.2208616 36.793,59.2806524 39.497,60.8542565 C39.652,60.9452915 39.826,60.9903088 40,60.9903088 C40.173,60.9903088 40.347,60.9452915 40.503,60.8542565 C43.207,59.2806524 47.45,57.2208616 52.31,56.3475263 C54.614,55.9343677 62.13,54.1646882 62.13,48.7756192 C62.13,46.4467251 61.304,44.9041328 59.954,42.5782399 C58.576,40.2023277 56.861,37.2461927 56.861,33.1556222 M52.994,60.1569888 C46.863,61.2594121 41.723,64.556678 40,65.7641416 C38.276,64.556678 33.136,61.2594121 27.005,60.1569888 C14.937,57.9891566 14,50.8974338 14,48.7756192 C14,45.2852792 15.371,42.9233724 16.697,40.6374948 C17.961,38.4596586 19.268,36.2067937 19.268,33.1556222 C19.268,28.3357718 16.485,24.9314648 15.112,23.5459328 C16.556,21.7892584 20.204,17.3415508 22.003,15.0236609 C24.729,17.5966487 27.898,19.0001876 31.031,19.0001876 C34.509,19.0001876 37.385,17.5846441 40,14.5644846 C42.614,17.5846441 45.49,19.0001876 48.968,19.0001876 C52.101,19.0001876 55.27,17.5966487 57.997,15.0236609 C59.796,17.3415508 63.443,21.7892584 64.887,23.5459328 C63.514,24.9314648 60.731,28.3357718 60.731,33.1556222 C60.731,36.2067937 62.039,38.4596586 63.302,40.6374948 C64.629,42.9233724 66,45.2852792 66,48.7756192 C66,50.8974338 65.062,57.9891566 52.994,60.1569888 M65.032,39.6341095 C63.797,37.5052922 62.731,35.6675867 62.731,33.1556222 C62.731,27.867592 66.847,24.4472789 66.887,24.4152666 C67.094,24.2472021 67.226,24.0031083 67.254,23.7370062 C67.28,23.470904 67.2,23.2058022 67.03,22.9997231 C66.963,22.9196924 60.408,14.9726413 58.906,12.9138509 C58.73,12.6727583 58.457,12.5227007 58.159,12.5046938 C57.86,12.4826853 57.572,12.601731 57.368,12.8198148 C54.848,15.5148495 51.866,16.9994194 48.968,16.9994194 C45.764,16.9994194 43.244,15.5718713 40.794,12.3706423 C40.415,11.8764526 39.585,11.8764526 39.206,12.3706423 C36.755,15.5718713 34.235,16.9994194 31.031,16.9994194 C28.133,16.9994194 25.151,15.5148495 22.631,12.8198148 C22.427,12.601731 22.137,12.4776834 21.84,12.5046938 C21.543,12.5227007 21.269,12.6727583 21.093,12.9138509 C19.591,14.9726413 13.036,22.9196924 12.969,22.9997231 C12.8,23.2058022 12.72,23.470904 12.747,23.7360058 C12.773,24.0011076 12.904,24.2452013 13.11,24.4132658 C13.152,24.4472789 17.268,27.867592 17.268,33.1556222 C17.268,35.6675867 16.202,37.5052922 14.967,39.6341095 C13.576,42.0310298 12,44.7470725 12,48.7756192 C12,55.487196 17.477,60.4781121 26.652,62.1267451 C33.559,63.3682217 39.334,67.7489036 39.391,67.7939209 C39.57,67.9309735 39.785,68 40,68 C40.214,68 40.429,67.9309735 40.609,67.7929205 C40.667,67.7489036 46.422,63.3712229 53.347,62.1267451 C62.522,60.4781121 68,55.487196 68,48.7756192 C68,44.7470725 66.423,42.0310298 65.032,39.6341095";
+function Route53Mark() {
+	const gradientId = `dk-r53-${useId().replaceAll(":", "")}`;
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 80 80",
+		children: [
+			/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", {
+				id: gradientId,
+				x1: "0%",
+				x2: "100%",
+				y1: "100%",
+				y2: "0%",
+				children: [/* @__PURE__ */ jsx("stop", {
+					offset: "0%",
+					stopColor: "#4D27A8"
+				}), /* @__PURE__ */ jsx("stop", {
+					offset: "100%",
+					stopColor: "#A166FF"
+				})]
+			}) }),
+			/* @__PURE__ */ jsx("rect", {
+				fill: `url(#${gradientId})`,
+				height: "80",
+				width: "80"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: route53Glyph,
+				fill: "#fff"
+			})
+		]
+	});
+}
+const logoMarks = {
+	amazonroute53: Route53Mark,
+	route53: Route53Mark
+};
+function DefaultMark({ provider }) {
+	const BuiltIn = logoMarks[logoKey(provider.id)];
+	const host = logoHost(provider.id);
+	const [failed, setFailed] = useState(false);
+	if (BuiltIn !== void 0) return /* @__PURE__ */ jsx(BuiltIn, {});
+	if (host === void 0 || failed) return letterMark(provider);
+	return /* @__PURE__ */ jsx("img", {
+		alt: "",
+		height: 32,
+		onError: () => setFailed(true),
+		referrerPolicy: "no-referrer",
+		src: `https://integrations.sh/logo/${host}?sz=64`,
+		width: 32
+	});
+}
+function Mark({ provider, ...props }) {
+	const { marks } = useDomainKit();
+	const replacement = marks[provider.id];
+	const content = typeof replacement === "function" ? replacement(provider) : replacement ?? /* @__PURE__ */ jsx(DefaultMark, { provider });
+	return usePart("span", props, { providerId: provider.id }, {
+		"aria-label": provider.name,
+		children: content,
+		"data-domainkit-part": "provider-mark",
+		role: "img"
+	});
+}
+//#endregion
+//#region src/connection.tsx
+var connection_exports = /* @__PURE__ */ __exportAll({
+	Dialog: () => Dialog$1,
+	DisconnectAction: () => DisconnectAction,
+	Flow: () => Flow$2,
+	OAuthAction: () => OAuthAction,
+	RetryAction: () => RetryAction,
+	ReuseAction: () => ReuseAction,
+	Root: () => Root$1,
+	Status: () => Status$2,
+	TokenAction: () => TokenAction,
+	Trigger: () => Trigger,
+	useController: () => useController$2,
+	useDisconnect: () => useDisconnect
+});
+const failure$1 = (cause) => ({
+	_tag: "Failure",
+	message: cause instanceof Error ? cause.message : "The connection request failed",
+	retry: "safe"
+});
+function useController$2(domain) {
+	const { navigate, transport } = useDomainKit();
+	const [attempt, setAttempt] = useState(0);
+	const [state, setState] = useState({ _tag: "Loading" });
+	const activeRequest = useRef(0);
+	useEffect(() => {
+		const request = ++activeRequest.current;
+		setState({ _tag: "Loading" });
+		transport.connection.inspect({ domain }).then((snapshot) => {
+			if (activeRequest.current === request) setState(snapshot);
+		}, (cause) => {
+			if (activeRequest.current === request) setState(failure$1(cause));
+		});
+		return () => {
+			if (activeRequest.current === request) activeRequest.current += 1;
+		};
+	}, [
+		attempt,
+		domain,
+		transport
+	]);
+	return {
+		connect: useCallback(async (method, token, parameters) => {
+			if (state._tag !== "Disconnected") return;
+			const request = ++activeRequest.current;
+			const snapshot = state;
+			setState({
+				_tag: "Submitting",
+				snapshot
+			});
+			try {
+				const result = await transport.connection.connect({
+					domain,
+					method,
+					...parameters === void 0 ? {} : { parameters },
+					providerId: snapshot.provider.id,
+					...token === void 0 ? {} : { token }
+				});
+				if (activeRequest.current !== request) return;
+				if (result._tag === "Redirect") {
+					setState({
+						_tag: "Redirecting",
+						snapshot
+					});
+					navigate(result.authorizationUrl);
+					return;
+				}
+				setState(result);
+			} catch (cause) {
+				if (activeRequest.current === request) setState(failure$1(cause));
+			}
+		}, [
+			domain,
+			navigate,
+			state,
+			transport
+		]),
+		retry: () => setAttempt((current) => current + 1),
+		reuse: useCallback(async () => {
+			if (state._tag !== "Disconnected" || state.reusableConnection === void 0) return;
+			const request = ++activeRequest.current;
+			const snapshot = state;
+			const reusableConnection = state.reusableConnection;
+			setState({
+				_tag: "Submitting",
+				snapshot
+			});
+			try {
+				const result = await transport.connection.reuse({
+					connectionId: reusableConnection.connectionId,
+					domain
+				});
+				if (activeRequest.current === request) setState(result);
+			} catch (cause) {
+				if (activeRequest.current === request) setState(failure$1(cause));
+			}
+		}, [
+			domain,
+			state,
+			transport
+		]),
+		state
+	};
+}
+function Root$1({ children, status = "Loading", ...props }) {
+	return usePart("div", props, { status }, {
+		children,
+		"data-domainkit-part": "connection-root"
+	});
+}
+function Status$2({ state, ...props }) {
+	const { messages } = useDomainKit();
+	const text = state._tag === "Loading" ? messages.detectingProvider : state._tag === "Connected" ? messages.connected(state.provider.name) : state._tag === "Unsupported" ? messages.automaticUnavailable : state._tag === "Failure" ? state.message : state._tag === "Redirecting" ? messages.openingAuthorization : state._tag === "Submitting" ? messages.connecting : `${state.provider.name} is available`;
+	return usePart("div", props, { status: state._tag }, {
+		children: text,
+		"data-domainkit-part": "connection-status",
+		"data-state": state._tag
+	});
+}
+function Trigger({ provider, ...props }) {
+	const { messages } = useDomainKit();
+	return /* @__PURE__ */ jsxs(Dialog.Trigger, {
+		"data-domainkit-part": "connection-trigger",
+		...props,
+		children: [/* @__PURE__ */ jsx(Mark, {
+			"aria-hidden": "true",
+			provider
+		}), messages.connectProvider(provider.name)]
+	});
+}
+function OAuthAction({ controller, label, ...props }) {
+	return usePart("button", props, { authentication: "oauth" }, {
+		children: label,
+		"data-domainkit-part": "oauth-connect",
+		onClick: () => void controller.connect("oauth"),
+		type: "button"
+	});
+}
+function ReuseAction({ controller, label, ...props }) {
+	return usePart("button", props, { authentication: "reuse" }, {
+		children: label,
+		"data-domainkit-part": "reuse-connection",
+		onClick: () => void controller.reuse(),
+		type: "button"
+	});
+}
+function TokenAction({ controller, method, ...props }) {
+	const { messages } = useDomainKit();
+	const [token, setToken] = useState("");
+	const [parameters, setParameters] = useState({});
+	const submit = (event) => {
+		event.preventDefault();
+		if (token.length > 0) {
+			const populated = Object.fromEntries(Object.entries(parameters).filter(([, value]) => value.length > 0));
+			controller.connect("token", token, Object.keys(populated).length === 0 ? void 0 : populated);
+		}
+	};
+	const missingRequiredParameter = method.parameters?.some((parameter) => parameter.required === true && !parameters[parameter.key]);
+	return usePart("form", props, { authentication: "token" }, {
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [
+			method.parameters?.map((parameter) => /* @__PURE__ */ jsxs("label", { children: [
+				parameter.label,
+				/* @__PURE__ */ jsx("input", {
+					name: parameter.key,
+					onChange: (event) => {
+						const value = event.currentTarget.value;
+						setParameters((current) => ({
+							...current,
+							[parameter.key]: value
+						}));
+					},
+					placeholder: parameter.placeholder,
+					required: parameter.required,
+					type: "text",
+					value: parameters[parameter.key] ?? ""
+				}),
+				parameter.description === void 0 ? null : /* @__PURE__ */ jsx("small", { children: parameter.description })
+			] }, parameter.key)),
+			/* @__PURE__ */ jsxs("label", { children: [messages.tokenLabel, /* @__PURE__ */ jsx("input", {
+				autoComplete: "off",
+				name: "token",
+				onChange: (event) => setToken(event.currentTarget.value),
+				placeholder: method.placeholder,
+				type: "password",
+				value: token
+			})] }),
+			/* @__PURE__ */ jsx("button", {
+				disabled: token.length === 0 || missingRequiredParameter === true,
+				type: "submit",
+				children: method.label
+			})
+		] }),
+		"data-domainkit-part": "token-connect",
+		onSubmit: submit
+	});
+}
+function Dialog$1({ controller, snapshot }) {
+	const { colorScheme, messages, portalContainer, themeStyle } = useDomainKit();
+	return /* @__PURE__ */ jsxs(Dialog.Portal, {
+		container: portalContainer,
+		children: [/* @__PURE__ */ jsx(Dialog.Backdrop, { "data-domainkit-part": "dialog-backdrop" }), /* @__PURE__ */ jsxs(Dialog.Popup, {
+			"data-domainkit-part": "connection-dialog",
+			"data-domainkit-root": "",
+			"data-color-scheme": colorScheme,
+			style: themeStyle,
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					"data-domainkit-part": "dialog-header",
+					children: [
+						/* @__PURE__ */ jsx(Mark, { provider: snapshot.provider }),
+						/* @__PURE__ */ jsxs("div", {
+							"data-domainkit-part": "dialog-heading",
+							children: [/* @__PURE__ */ jsx(Dialog.Title, {
+								"data-domainkit-part": "dialog-title",
+								children: messages.dialogTitle(snapshot.provider.name)
+							}), /* @__PURE__ */ jsx(Dialog.Description, {
+								"data-domainkit-part": "dialog-description",
+								children: messages.dialogDescription(snapshot.domain)
+							})]
+						}),
+						/* @__PURE__ */ jsx(Dialog.Close, {
+							"aria-label": messages.close,
+							"data-domainkit-part": "dialog-close",
+							children: "×"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					"data-domainkit-part": "dialog-body",
+					children: [
+						snapshot.provider.authentication.map((method) => method._tag === "OAuth" ? /* @__PURE__ */ jsx(OAuthAction, {
+							controller,
+							label: method.label
+						}, method._tag) : null),
+						snapshot.reusableConnection === void 0 ? null : /* @__PURE__ */ jsx(ReuseAction, {
+							controller,
+							label: messages.reuseConnection(snapshot.reusableConnection.label)
+						}),
+						snapshot.provider.authentication.map((method) => method._tag === "Token" ? /* @__PURE__ */ jsx(TokenAction, {
+							controller,
+							method
+						}, method._tag) : null)
+					]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					"data-domainkit-part": "dialog-footer",
+					children: /* @__PURE__ */ jsx(Dialog.Close, {
+						"data-domainkit-part": "dialog-cancel",
+						children: messages.cancel
+					})
+				})
+			]
+		})]
+	});
+}
+function Flow$2({ domain, ...props }) {
+	const controller = useController$2(domain);
+	const state = controller.state;
+	const snapshot = state._tag === "Disconnected" ? state : state._tag === "Submitting" || state._tag === "Redirecting" ? state.snapshot : void 0;
+	return /* @__PURE__ */ jsxs(Root$1, {
+		...props,
+		status: state._tag,
+		children: [
+			/* @__PURE__ */ jsx(Status$2, { state }),
+			state._tag === "Failure" && state.retry !== "never" ? /* @__PURE__ */ jsx(RetryAction, {
+				controller,
+				kind: state.retry === "after-user-action" ? "after-user-action" : "retry"
+			}) : null,
+			snapshot === void 0 ? null : /* @__PURE__ */ jsxs(Dialog.Root, { children: [/* @__PURE__ */ jsx(Trigger, { provider: snapshot.provider }), /* @__PURE__ */ jsx(Dialog$1, {
+				controller,
+				snapshot
+			})] })
+		]
+	});
+}
+function RetryAction({ controller, kind = "retry", ...props }) {
+	const { messages } = useDomainKit();
+	return usePart("button", props, { status: "Failure" }, {
+		children: kind === "after-user-action" ? messages.checkAgain : messages.retry,
+		"data-domainkit-part": "connection-retry",
+		onClick: controller.retry,
+		type: "button"
+	});
+}
+function useDisconnect(connection) {
+	const { transport } = useDomainKit();
+	const requestState = useController$4(`${connection.connectionId}:${connection.domain}:disconnect`, { _tag: "Idle" });
+	return {
+		disconnect: useCallback(async () => {
+			const request = requestState.begin({ _tag: "Disconnecting" });
+			try {
+				requestState.commit(request, await transport.connection.removeDomain({
+					connectionId: connection.connectionId,
+					domain: connection.domain,
+					preserveDns: true
+				}));
+			} catch (cause) {
+				requestState.commit(request, failure$1(cause));
+			}
+		}, [
+			connection.connectionId,
+			connection.domain,
+			requestState,
+			transport
+		]),
+		state: requestState.state
+	};
+}
+function DisconnectAction({ connection, ...props }) {
+	const controller = useDisconnect(connection);
+	const { messages } = useDomainKit();
+	const state = controller.state;
+	return usePart("div", props, { status: state._tag }, {
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [
+			state._tag === "Removed" ? /* @__PURE__ */ jsx("p", {
+				"data-domainkit-part": "flow-outcome",
+				"data-tone": "success",
+				children: messages.domainDisconnected
+			}) : null,
+			state._tag === "Failure" ? /* @__PURE__ */ jsx("p", {
+				"data-domainkit-part": "flow-outcome",
+				"data-tone": "danger",
+				role: "alert",
+				children: state.message
+			}) : null,
+			state._tag === "Removed" ? null : /* @__PURE__ */ jsx("button", {
+				"data-domainkit-part": "disconnect-action",
+				disabled: state._tag === "Disconnecting",
+				onClick: () => void controller.disconnect(),
+				type: "button",
+				children: state._tag === "Disconnecting" ? messages.disconnecting : messages.disconnectDomain
+			})
+		] }),
+		"data-domainkit-part": "disconnect"
+	});
+}
+//#endregion
+//#region src/records.tsx
+var records_exports = /* @__PURE__ */ __exportAll({
+	Body: () => Body,
+	Caption: () => Caption,
+	Card: () => Card,
+	CardContent: () => CardContent,
+	CardHeader: () => CardHeader,
+	CardTitle: () => CardTitle,
+	Cell: () => Cell,
+	CopyValue: () => CopyValue,
+	Footer: () => Footer,
+	Head: () => Head,
+	Header: () => Header,
+	Priority: () => Priority,
+	Root: () => Root,
+	Row: () => Row,
+	Status: () => Status$1,
+	Table: () => Table,
+	Value: () => Value,
+	ZoneFile: () => ZoneFile,
+	toZoneFile: () => toZoneFile
+});
+const copyText = (value) => {
+	if (typeof navigator === "undefined" || navigator.clipboard === void 0) return Promise.resolve(false);
+	return navigator.clipboard.writeText(value).then(() => true, () => false);
+};
+const downloadText = (filename, contents) => {
+	if (typeof document === "undefined") return;
+	const blob = new Blob([contents], { type: "text/plain;charset=utf-8" });
+	const url = URL.createObjectURL(blob);
+	const anchor = document.createElement("a");
+	anchor.download = filename;
+	anchor.href = url;
+	document.body.append(anchor);
+	anchor.click();
+	anchor.remove();
+	URL.revokeObjectURL(url);
+};
+const absoluteDomainName = (value) => value.endsWith(".") ? value : `${value}.`;
+const textEncoder = new TextEncoder();
+const escapeTxtCharacter = (character) => {
+	if (character === "\"" || character === "\\") return `\\${character}`;
+	const codePoint = character.codePointAt(0);
+	if (codePoint !== void 0 && (codePoint < 32 || codePoint === 127)) return `\\${codePoint.toString().padStart(3, "0")}`;
+	return character;
+};
+const txtValue = (value) => {
+	const chunks = [];
+	let chunk = "";
+	let byteLength = 0;
+	for (const character of value) {
+		const characterByteLength = textEncoder.encode(character).byteLength;
+		if (byteLength + characterByteLength > 255) {
+			chunks.push(chunk);
+			chunk = "";
+			byteLength = 0;
+		}
+		chunk += escapeTxtCharacter(character);
+		byteLength += characterByteLength;
+	}
+	chunks.push(chunk);
+	return chunks.map((part) => `"${part}"`).join(" ");
+};
+const srvValue = (value) => {
+	const fields = value.trim().split(/\s+/);
+	if (fields.length !== 3) throw new Error(`Invalid SRV value: ${value}`);
+	const [weight, port, target] = fields;
+	if (weight === void 0 || port === void 0 || target === void 0) throw new Error(`Invalid SRV value: ${value}`);
+	return `${weight} ${port} ${absoluteDomainName(target)}`;
+};
+const zoneValue = (record) => {
+	switch (record.type.toUpperCase()) {
+		case "CNAME":
+		case "MX":
+		case "NS":
+		case "PTR": return absoluteDomainName(record.value);
+		case "SRV": return srvValue(record.value);
+		case "TXT": return txtValue(record.value);
+		default: return record.value;
+	}
+};
+function leafPart(defaultTagName, part) {
+	return function Leaf(props) {
+		return usePart(defaultTagName, props, {}, { "data-domainkit-part": part });
+	};
+}
+function CopyValue({ copiedIcon, copiedLabel = "Copied", copyIcon, copyLabel = "Copy", value, ...props }) {
+	const icons = useIcons();
+	const [copied, setCopied] = useState(false);
+	const reset = useRef(void 0);
+	useEffect(() => () => clearTimeout(reset.current), []);
+	return usePart("span", props, { copied }, {
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("code", { children: value }), /* @__PURE__ */ jsxs("button", {
+			"aria-label": `${copied ? copiedLabel : copyLabel} ${value}`,
+			"data-domainkit-part": "copy-action",
+			onClick: () => {
+				copyText(value).then((ok) => {
+					if (!ok) return;
+					setCopied(true);
+					clearTimeout(reset.current);
+					reset.current = setTimeout(() => setCopied(false), 2e3);
+				});
+			},
+			type: "button",
+			children: [/* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				"data-domainkit-part": "copy-glyph",
+				"data-icon": "",
+				"data-state": "idle",
+				children: copyIcon ?? icons.copy
+			}), /* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				"data-domainkit-part": "copy-glyph",
+				"data-icon": "",
+				"data-state": "done",
+				children: copiedIcon ?? icons.copied
+			})]
+		})] }),
+		"data-copied": copied ? "" : void 0,
+		"data-domainkit-part": "copy-value"
+	});
+}
+function ZoneFile({ copiedIcon, copiedLabel = "Copied", copyIcon, copyLabel = "Copy zone", domain, downloadIcon, downloadLabel = "Download", records, ...props }) {
+	const icons = useIcons();
+	const [copied, setCopied] = useState(false);
+	const reset = useRef(void 0);
+	const zone = toZoneFile(records);
+	useEffect(() => () => clearTimeout(reset.current), []);
+	return usePart("div", props, { count: records.length }, {
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("button", {
+			"aria-label": copied ? copiedLabel : copyLabel,
+			"data-domainkit-part": "zone-copy",
+			onClick: () => {
+				copyText(zone).then((ok) => {
+					if (!ok) return;
+					setCopied(true);
+					clearTimeout(reset.current);
+					reset.current = setTimeout(() => setCopied(false), 2e3);
+				});
+			},
+			type: "button",
+			children: [/* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				"data-icon": "inline-start",
+				children: copied ? copiedIcon ?? icons.copied : copyIcon ?? icons.copy
+			}), copied ? copiedLabel : copyLabel]
+		}), /* @__PURE__ */ jsxs("button", {
+			"data-domainkit-part": "zone-download",
+			onClick: () => downloadText(`${domain}.txt`, zone),
+			type: "button",
+			children: [/* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				"data-icon": "inline-start",
+				children: downloadIcon ?? icons.download
+			}), downloadLabel]
+		})] }),
+		"data-domainkit-part": "zone-file"
+	});
+}
+function Status$1({ evidence, ...props }) {
+	return usePart("span", props, { status: evidence._tag }, {
+		children: evidence._tag,
+		"data-domainkit-part": "record-status",
+		"data-status": evidence._tag
+	});
+}
+function Priority({ children, priority = 0, ...props }) {
+	return usePart("span", props, { priority }, {
+		children: children ?? `Priority ${priority}`,
+		"data-domainkit-part": "record-priority"
+	});
+}
+const Header = leafPart("thead", "records-header");
+const Body = leafPart("tbody", "records-body");
+const Footer = leafPart("tfoot", "records-footer");
+const Row = leafPart("tr", "records-row");
+const Head = leafPart("th", "records-head");
+const Cell = leafPart("td", "records-cell");
+const Caption = leafPart("caption", "records-caption");
+const Value = leafPart("span", "record-value");
+const CardHeader = leafPart("div", "record-card-head");
+const CardTitle = leafPart("strong", "record-card-title");
+const CardContent = leafPart("dl", "record-card-content");
+function Root({ count = 0, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-domainkit-part": "records-panel",
+		children: usePart("table", props, { count }, { "data-domainkit-part": "records-table" })
+	});
+}
+function Card({ copiedIcon, copyIcon, evidence, record, ...props }) {
+	const matching = evidence === void 0 ? [] : evidence.filter((item) => item.recordId === record.id);
+	return usePart("section", props, { recordId: record.id }, {
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(CardHeader, { children: [/* @__PURE__ */ jsx(CardTitle, { children: record.type }), matching.map((item, index) => /* @__PURE__ */ jsx(Status$1, { evidence: item }, `${item._tag}-${index}`))] }), /* @__PURE__ */ jsxs(CardContent, { children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Name" }), /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx(CopyValue, {
+			copiedIcon,
+			copyIcon,
+			value: record.name
+		}) })] }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Value" }), /* @__PURE__ */ jsxs("dd", { children: [/* @__PURE__ */ jsx(CopyValue, {
+			copiedIcon,
+			copyIcon,
+			value: record.value
+		}), record.priority === void 0 ? null : /* @__PURE__ */ jsx(Priority, { priority: record.priority })] })] })] })] }),
+		"data-domainkit-part": "record-card"
+	});
+}
+function Table({ copiedIcon, copyIcon, evidence, records, ...props }) {
+	const status = evidence !== void 0;
+	return /* @__PURE__ */ jsxs(Root, {
+		count: records.length,
+		...props,
+		children: [/* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsxs(Row, { children: [
+			/* @__PURE__ */ jsx(Head, {
+				scope: "col",
+				children: "Type"
+			}),
+			/* @__PURE__ */ jsx(Head, {
+				scope: "col",
+				children: "Name"
+			}),
+			/* @__PURE__ */ jsx(Head, {
+				scope: "col",
+				children: "Value"
+			}),
+			status ? /* @__PURE__ */ jsx(Head, {
+				"data-column": "status",
+				scope: "col",
+				children: "Status"
+			}) : null
+		] }) }), /* @__PURE__ */ jsx(Body, { children: records.map((record) => /* @__PURE__ */ jsxs(Row, { children: [
+			/* @__PURE__ */ jsx(Cell, { children: record.type }),
+			/* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(CopyValue, {
+				copiedIcon,
+				copyIcon,
+				value: record.name
+			}) }),
+			/* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsxs(Value, { children: [/* @__PURE__ */ jsx(CopyValue, {
+				copiedIcon,
+				copyIcon,
+				value: record.value
+			}), record.priority === void 0 ? null : /* @__PURE__ */ jsx(Priority, { priority: record.priority })] }) }),
+			status ? /* @__PURE__ */ jsx(Cell, {
+				"data-column": "status",
+				children: evidence.filter((item) => item.recordId === record.id).map((item, index) => /* @__PURE__ */ jsx(Status$1, { evidence: item }, `${item._tag}-${index}`))
+			}) : null
+		] }, record.id)) })]
+	});
+}
+const toZoneFile = (records) => `${records.map((record) => `${absoluteDomainName(record.name)} IN ${record.type} ${record.priority === void 0 ? "" : `${record.priority} `}${zoneValue(record)}`).join("\n")}\n`;
+//#endregion
+//#region src/provisioning.tsx
+var provisioning_exports = /* @__PURE__ */ __exportAll({
+	Flow: () => Flow$1,
+	OperationList: () => OperationList,
+	useController: () => useController$1
+});
+const failure = (cause) => ({
+	_tag: "Failure",
+	message: cause instanceof Error ? cause.message : "DNS provisioning failed",
+	retry: "safe"
+});
+function useController$1(connection, records, onApplied) {
+	const { transport } = useDomainKit();
+	const requestState = useController$4(`${connection.connectionId}:${connection.domain}:${recordsIdentity(records)}`, { _tag: "Idle" });
+	const state = requestState.state;
+	const plan = useCallback(async () => {
+		const request = requestState.begin({ _tag: "Planning" });
+		try {
+			const result = await transport.provisioning.plan({
+				connectionId: connection.connectionId,
+				domain: connection.domain,
+				records
+			});
+			requestState.commit(request, result._tag === "Plan" ? {
+				_tag: "Review",
+				plan: result
+			} : result);
+		} catch (cause) {
+			requestState.commit(request, failure(cause));
+		}
+	}, [
+		connection.connectionId,
+		connection.domain,
+		records,
+		requestState,
+		transport
+	]);
+	return {
+		apply: useCallback(async () => {
+			if (state._tag !== "Review") return;
+			const reviewedPlan = state.plan;
+			if (reviewedPlan.operations.some((operation) => operation._tag === "Conflict")) return;
+			const request = requestState.begin({
+				_tag: "Applying",
+				plan: reviewedPlan
+			});
+			try {
+				const result = await transport.provisioning.apply({
+					connectionId: connection.connectionId,
+					domain: connection.domain,
+					planDigest: reviewedPlan.digest
+				});
+				if (result._tag === "Applied") {
+					if (requestState.commit(request, {
+						_tag: "Complete",
+						result
+					})) onApplied?.(result);
+				} else if (result._tag === "Partial") {
+					if (requestState.commit(request, {
+						_tag: "Partial",
+						result
+					})) onApplied?.(result);
+				} else requestState.commit(request, result);
+			} catch (cause) {
+				requestState.commit(request, failure(cause));
+			}
+		}, [
+			connection.connectionId,
+			connection.domain,
+			onApplied,
+			requestState,
+			state,
+			transport
+		]),
+		dismiss: () => requestState.reset({ _tag: "Idle" }),
+		plan,
+		retry: plan,
+		state
+	};
+}
+function Flow$1({ connection, onApplied, records, showRecords = true, ...props }) {
+	const controller = useController$1(connection, records, onApplied);
+	const { colorScheme, messages, portalContainer, themeStyle } = useDomainKit();
+	const state = controller.state;
+	const plan = state._tag === "Review" || state._tag === "Applying" ? state.plan : void 0;
+	return usePart("div", props, { status: state._tag }, {
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [
+			showRecords ? /* @__PURE__ */ jsx(Table, { records }) : null,
+			state._tag === "Complete" ? /* @__PURE__ */ jsx("p", {
+				"data-domainkit-part": "flow-outcome",
+				"data-tone": "success",
+				children: messages.recordsApplied
+			}) : null,
+			state._tag === "Partial" ? /* @__PURE__ */ jsx("p", {
+				"data-domainkit-part": "flow-outcome",
+				"data-tone": "danger",
+				role: "alert",
+				children: messages.recordsPartiallyApplied
+			}) : null,
+			state._tag === "Failure" || state._tag === "Stale" ? /* @__PURE__ */ jsx("p", {
+				"data-domainkit-part": "flow-outcome",
+				"data-tone": "danger",
+				role: "alert",
+				children: state.message
+			}) : null,
+			/* @__PURE__ */ jsxs(Dialog.Root, {
+				onOpenChange: (open) => {
+					if (!open) controller.dismiss();
+				},
+				open: plan !== void 0,
+				children: [/* @__PURE__ */ jsx(Dialog.Trigger, {
+					"data-domainkit-part": "plan-trigger",
+					disabled: state._tag === "Planning" || state._tag === "Applying",
+					onClick: () => void controller.plan(),
+					children: state._tag === "Planning" ? messages.planningDns : messages.reviewDns
+				}), plan === void 0 ? null : /* @__PURE__ */ jsxs(Dialog.Portal, {
+					container: portalContainer ?? void 0,
+					children: [/* @__PURE__ */ jsx(Dialog.Backdrop, { "data-domainkit-part": "dialog-backdrop" }), /* @__PURE__ */ jsxs(Dialog.Popup, {
+						"data-color-scheme": colorScheme,
+						"data-domainkit-part": "plan-dialog",
+						"data-domainkit-root": "",
+						style: themeStyle,
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								"data-domainkit-part": "dialog-header",
+								children: [/* @__PURE__ */ jsxs("div", {
+									"data-domainkit-part": "dialog-heading",
+									children: [/* @__PURE__ */ jsx(Dialog.Title, {
+										"data-domainkit-part": "dialog-title",
+										children: messages.reviewDns
+									}), /* @__PURE__ */ jsx(Dialog.Description, {
+										"data-domainkit-part": "dialog-description",
+										children: messages.planConsent
+									})]
+								}), /* @__PURE__ */ jsx(Dialog.Close, {
+									"aria-label": messages.close,
+									"data-domainkit-part": "dialog-close",
+									children: "×"
+								})]
+							}),
+							/* @__PURE__ */ jsx("div", {
+								"data-domainkit-part": "dialog-body",
+								children: /* @__PURE__ */ jsx(OperationList, { plan })
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								"data-domainkit-part": "dialog-footer",
+								children: [/* @__PURE__ */ jsx(Dialog.Close, {
+									"data-domainkit-part": "dialog-cancel",
+									children: messages.cancel
+								}), /* @__PURE__ */ jsx("button", {
+									"data-domainkit-part": "plan-apply",
+									disabled: state._tag === "Applying" || plan.operations.some((operation) => operation._tag === "Conflict"),
+									onClick: () => void controller.apply(),
+									type: "button",
+									children: state._tag === "Applying" ? messages.applyingDns : messages.applyDns
+								})]
+							})
+						]
+					})]
+				})]
+			}),
+			state._tag === "Failure" || state._tag === "Stale" || state._tag === "Partial" ? /* @__PURE__ */ jsx("button", {
+				"data-domainkit-part": "provisioning-retry",
+				onClick: () => void controller.retry(),
+				type: "button",
+				children: messages.retry
+			}) : null
+		] }),
+		"data-domainkit-part": "provisioning-flow",
+		"data-state": state._tag
+	});
+}
+function OperationList({ plan }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-domainkit-part": "plan-operations",
+		children: plan.operations.map((operation) => /* @__PURE__ */ jsxs("li", {
+			"data-operation": operation._tag,
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					"data-domainkit-part": "operation-kind",
+					children: operation._tag
+				}),
+				" ",
+				/* @__PURE__ */ jsx("strong", { children: operation.record.type }),
+				" ",
+				/* @__PURE__ */ jsxs("span", {
+					"data-domainkit-part": "operation-record",
+					children: [operation.record.name, operation._tag === "Conflict" ? ` ${operation.reason}` : ""]
+				})
+			]
+		}, operation.id))
+	});
+}
+//#endregion
+//#region src/verification.tsx
+var verification_exports = /* @__PURE__ */ __exportAll({
+	Status: () => Status,
+	useController: () => useController
+});
+function useController(config) {
+	const { transport } = useDomainKit();
+	const sources = {
+		provider: config.sources?.provider ?? config.connection !== void 0,
+		publicDns: config.sources?.publicDns ?? true
+	};
+	const requestState = useController$4(`${config.connection?.connectionId ?? "public"}:${config.domain}:${sources.provider}:${sources.publicDns}:${recordsIdentity(config.records)}`, { _tag: "Idle" });
+	const state = requestState.state;
+	return {
+		observe: useCallback(async () => {
+			const request = requestState.begin({ _tag: "Observing" });
+			try {
+				requestState.commit(request, await transport.verification.observe({
+					...config.connection === void 0 ? {} : { connectionId: config.connection.connectionId },
+					domain: config.domain,
+					records: config.records,
+					sources
+				}));
+			} catch (cause) {
+				requestState.commit(request, {
+					_tag: "Failure",
+					message: cause instanceof Error ? cause.message : "DNS observation failed",
+					retry: "safe"
+				});
+			}
+		}, [
+			config,
+			requestState,
+			sources,
+			transport
+		]),
+		state
+	};
+}
+const evidenceNote = (evidence) => {
+	switch (evidence._tag) {
+		case "Mismatch":
+		case "Unavailable": return evidence.message;
+		case "Found":
+		case "Missing": return;
+		default: return evidence;
+	}
+};
+const observationGroups = (observation) => [{
+	evidence: observation.provider,
+	label: "Provider"
+}, {
+	evidence: observation.publicDns,
+	label: "Public DNS"
+}].filter((group) => group.evidence.length > 0);
+function Status({ config, ...props }) {
+	const controller = useController(config);
+	const { messages } = useDomainKit();
+	const state = controller.state;
+	return usePart("div", props, { status: state._tag }, {
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [state._tag === "Observation" ? /* @__PURE__ */ jsx("div", {
+			"data-domainkit-part": "observation-list",
+			children: observationGroups(state).map((group) => /* @__PURE__ */ jsxs("section", {
+				"data-domainkit-part": "observation-group",
+				children: [/* @__PURE__ */ jsx("p", {
+					"data-domainkit-part": "observation-source",
+					children: group.label
+				}), /* @__PURE__ */ jsx("ul", { children: group.evidence.map((evidence, index) => {
+					const note = evidenceNote(evidence);
+					return /* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsxs("div", {
+						"data-domainkit-part": "observation-row",
+						children: [/* @__PURE__ */ jsx("span", {
+							"data-domainkit-part": "observation-record",
+							children: evidence.recordId
+						}), /* @__PURE__ */ jsx(Status$1, { evidence })]
+					}), note === void 0 ? null : /* @__PURE__ */ jsx("p", {
+						"data-domainkit-part": "observation-note",
+						children: note
+					})] }, `${evidence._tag}-${evidence.recordId}-${index}`);
+				}) })]
+			}, group.label))
+		}) : state._tag === "Failure" ? /* @__PURE__ */ jsx("p", {
+			"data-domainkit-part": "flow-outcome",
+			"data-tone": "danger",
+			role: "alert",
+			children: state.message
+		}) : null, /* @__PURE__ */ jsx("button", {
+			"data-domainkit-part": "observe-action",
+			disabled: state._tag === "Observing",
+			onClick: () => void controller.observe(),
+			type: "button",
+			children: state._tag === "Observing" ? messages.checkingDns : messages.checkDns
+		})] }),
+		"data-domainkit-part": "verification-status",
+		"data-state": state._tag
+	});
+}
+//#endregion
+//#region src/domain.tsx
+var domain_exports = /* @__PURE__ */ __exportAll({ Flow: () => Flow });
+function Flow({ domain, receiptId, records }) {
+	const connection = useController$2(domain);
+	const state = connection.state;
+	return /* @__PURE__ */ jsxs(Root$1, {
+		status: state._tag,
+		children: [
+			state._tag === "Connected" ? null : /* @__PURE__ */ jsx(Status$2, { state }),
+			state._tag === "Failure" && (state.retry === "safe" || state.retry === "unknown") ? /* @__PURE__ */ jsx(RetryAction, { controller: connection }) : null,
+			state._tag === "Disconnected" ? /* @__PURE__ */ jsxs(Dialog.Root, { children: [/* @__PURE__ */ jsx(Trigger, { provider: state.provider }), /* @__PURE__ */ jsx(Dialog$1, {
+				controller: connection,
+				snapshot: state
+			})] }) : null,
+			state._tag === "Connected" ? /* @__PURE__ */ jsx("div", {
+				"data-domainkit-part": "connected-shell",
+				children: /* @__PURE__ */ jsx(ConnectedFlow, {
+					connection: state,
+					...receiptId === void 0 ? {} : { initialReceiptId: receiptId },
+					records
+				})
+			}) : null
+		]
+	});
+}
+function ConnectedFlow({ connection, initialReceiptId, records }) {
+	const [appliedReceipt, setAppliedReceipt] = useState();
+	const receiptSource = initialReceiptId ?? null;
+	const receiptEpoch = useRef({
+		source: receiptSource,
+		value: 0
+	});
+	const epoch = receiptEpoch.current.source === receiptSource ? receiptEpoch.current.value : receiptEpoch.current.value + 1;
+	useEffect(() => {
+		if (receiptEpoch.current.source === receiptSource) return;
+		receiptEpoch.current = {
+			source: receiptSource,
+			value: receiptEpoch.current.value + 1
+		};
+		setAppliedReceipt(void 0);
+	}, [receiptSource]);
+	const receiptId = appliedReceipt !== void 0 && appliedReceipt.epoch === epoch ? appliedReceipt.receiptId : initialReceiptId;
+	const rememberReceipt = (result) => {
+		setAppliedReceipt({
+			epoch,
+			receiptId: result.receiptId
+		});
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsxs("div", {
+			"data-domainkit-part": "connected-card",
+			children: [/* @__PURE__ */ jsxs("div", {
+				"data-domainkit-part": "connected-identity",
+				children: [/* @__PURE__ */ jsx(Mark, { provider: connection.provider }), /* @__PURE__ */ jsx(Status$2, { state: connection })]
+			}), /* @__PURE__ */ jsxs("div", {
+				"data-domainkit-part": "connected-actions",
+				children: [
+					/* @__PURE__ */ jsx(Flow$1, {
+						connection,
+						onApplied: rememberReceipt,
+						records,
+						showRecords: false
+					}),
+					/* @__PURE__ */ jsx(Status, { config: {
+						connection,
+						domain: connection.domain,
+						records
+					} }),
+					/* @__PURE__ */ jsx(DisconnectAction, { connection })
+				]
+			})]
+		}),
+		/* @__PURE__ */ jsx(Table, { records }),
+		receiptId === void 0 ? null : /* @__PURE__ */ jsx(Flow$3, {
+			connection,
+			receiptId
+		})
+	] });
+}
+//#endregion
+//#region src/testing.ts
+var testing_exports = /* @__PURE__ */ __exportAll({
+	makeFakeTransport: () => makeFakeTransport,
+	provider: () => provider
+});
+const provider = (overrides = {}) => ({
+	authentication: [{
+		_tag: "OAuth",
+		label: "Continue with OAuth"
+	}, {
+		_tag: "Token",
+		label: "Connect with token",
+		placeholder: "Paste API token"
+	}],
+	id: "cloudflare",
+	name: "Cloudflare",
+	...overrides
+});
+function makeFakeTransport(options) {
+	const calls = {
+		apply: [],
+		cleanupApply: [],
+		cleanupPlan: [],
+		connect: [],
+		inspect: [],
+		observe: [],
+		plan: [],
+		removeDomain: [],
+		reuse: []
+	};
+	const inspections = Array.isArray(options.inspect) ? [...options.inspect] : [options.inspect];
+	return {
+		calls,
+		cleanup: {
+			apply: async (input) => {
+				calls.cleanupApply.push(input);
+				return options.cleanupApply ?? {
+					_tag: "Cleaned",
+					operationId: "cleanup-operation-1",
+					results: []
+				};
+			},
+			plan: async (input) => {
+				calls.cleanupPlan.push(input);
+				return options.cleanupPlan ?? {
+					_tag: "CleanupPlan",
+					digest: "cleanup-digest-1",
+					expiresAt: "2099-01-01T00:00:00.000Z",
+					operations: []
+				};
+			}
+		},
+		connection: {
+			connect: async (input) => {
+				calls.connect.push(input);
+				return options.connect ?? {
+					_tag: "Connected",
+					connectionId: "connection-1",
+					domain: input.domain,
+					provider: provider()
+				};
+			},
+			inspect: async (input) => {
+				calls.inspect.push(input);
+				return inspections.shift() ?? inspections.at(-1) ?? options.inspect;
+			},
+			reuse: async (input) => {
+				calls.reuse.push(input);
+				return options.reuse ?? {
+					_tag: "Connected",
+					connectionId: input.connectionId,
+					domain: input.domain,
+					provider: provider()
+				};
+			},
+			removeDomain: async (input) => {
+				calls.removeDomain.push(input);
+				return options.removeDomain ?? {
+					_tag: "Removed",
+					connectionId: input.connectionId,
+					domain: input.domain,
+					remainingDomainCount: 0
+				};
+			}
+		},
+		provisioning: {
+			apply: async (input) => {
+				calls.apply.push(input);
+				return options.apply ?? {
+					_tag: "Applied",
+					operationId: "apply-operation-1",
+					receiptId: "receipt-1",
+					results: []
+				};
+			},
+			plan: async (input) => {
+				calls.plan.push(input);
+				return options.plan ?? {
+					_tag: "Plan",
+					digest: "plan-digest-1",
+					expiresAt: "2099-01-01T00:00:00.000Z",
+					operations: input.records.map((record) => ({
+						_tag: "Create",
+						id: `create-${record.id}`,
+						record
+					}))
+				};
+			}
+		},
+		verification: { observe: async (input) => {
+			calls.observe.push(input);
+			return options.observe ?? {
+				_tag: "Observation",
+				provider: input.sources.provider ? input.records.map((record) => ({
+					_tag: "Found",
+					recordId: record.id
+				})) : [],
+				publicDns: input.sources.publicDns ? input.records.map((record) => ({
+					_tag: "Found",
+					recordId: record.id
+				})) : []
+			};
+		} }
+	};
+}
+//#endregion
+//#region src/transport.ts
+var transport_exports = /* @__PURE__ */ __exportAll({});
+//#endregion
+export { cleanup_exports as Cleanup, connection_exports as Connection, domain_exports as Domain, domain_kit_exports as DomainKit, messages_exports as Messages, provider_exports as Provider, provisioning_exports as Provisioning, records_exports as Records, testing_exports as Testing, theme_exports as Theme, transport_exports as Transport, verification_exports as Verification };
+
+//# sourceMappingURL=index.mjs.map