@embedpdf/react 3.0.0-next.0

package/dist/stamp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stamp.cjs","names":["useCapability","StampToken","useSelector","shallowArray","useDocumentId"],"sources":["../src/stamp.tsx"],"sourcesContent":["/**\n * The React view of @embedpdf/plugin-stamp.\n *\n * Thin by design: the plugin owns the store (libraries/assets) and the binary\n * sidecar (bytes + cached previews); this file only exposes hooks and owns the\n * DOM-side object-URL lifetime for gallery thumbnails. Placement UI needs no\n * component here — arming rides the annotation plugin, whose `<AnnotationLayer>`\n * already renders the hover ghost.\n */\n\n// One-line-per-feature: registration travels with the UI.\nexport * from '@embedpdf/plugin-stamp';\nimport { useEffect, useState } from 'react';\nimport { StampToken, type StampAsset, type StampLibrary } from '@embedpdf/plugin-stamp';\nimport { shallowArray, useCapability, useDocumentId, useSelector } from './runtime';\n\n/** The stamp capability (workspace-scoped: one library set for every document). */\nexport function useStamp() {\n  return useCapability(StampToken);\n}\n\nexport function useStampLibraries(): StampLibrary[] {\n  return useSelector(StampToken, (c) => c.libraries(), shallowArray);\n}\n\n/** Assets of one library, or every asset when `libraryId` is omitted. */\nexport function useStampAssets(libraryId?: string): StampAsset[] {\n  return useSelector(StampToken, (c) => c.assets(libraryId), shallowArray);\n}\n\n/**\n * Object URL for an asset's cached preview (gallery thumbnails). The plugin\n * holds the preview BYTES; the URL — a DOM resource — is created here and\n * revoked on unmount/asset change, mirroring `<AnnotationLayer>`'s rule that\n * object-URL lifetime belongs to the framework layer.\n */\nexport function useStampAssetPreviewUrl(assetId: string | null): string | null {\n  const stamp = useCapability(StampToken);\n  const [url, setUrl] = useState<string | null>(null);\n  useEffect(() => {\n    const preview = assetId ? stamp.assetPreview(assetId) : null;\n    if (!preview) {\n      setUrl(null);\n      return;\n    }\n    // Copy into an EXACT ArrayBuffer (the engine idiom) before Blob-wrapping.\n    const body = new ArrayBuffer(preview.bytes.byteLength);\n    new Uint8Array(body).set(preview.bytes);\n    const obj = URL.createObjectURL(new Blob([body], { type: preview.mimeType }));\n    setUrl(obj);\n    return () => {\n      URL.revokeObjectURL(obj);\n      setUrl(null);\n    };\n  }, [stamp, assetId]);\n  return url;\n}\n\n/**\n * Arm/disarm assets against the nearest `<DocumentScope>` (or the active\n * document) — the one-liner a gallery item's onClick needs.\n */\nexport function useArmStampAsset(): {\n  armAsset: (assetId: string, opts?: { targetWidth?: number }) => Promise<void>;\n  disarm: () => void;\n} {\n  const stamp = useCapability(StampToken);\n  const documentId = useDocumentId();\n  return {\n    armAsset: (assetId, opts) => {\n      if (!documentId) return Promise.reject(new Error('[stamp] no document in scope'));\n      return stamp.armAsset(documentId, assetId, opts);\n    },\n    disarm: () => {\n      if (documentId) stamp.disarm(documentId);\n    },\n  };\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,WAAW;CACzB,OAAOA,gBAAAA,cAAcC,uBAAAA,UAAU;AACjC;AAEA,SAAgB,oBAAoC;CAClD,OAAOC,gBAAAA,YAAYD,uBAAAA,aAAa,MAAM,EAAE,UAAU,GAAGE,gBAAAA,YAAY;AACnE;;AAGA,SAAgB,eAAe,WAAkC;CAC/D,OAAOD,gBAAAA,YAAYD,uBAAAA,aAAa,MAAM,EAAE,OAAO,SAAS,GAAGE,gBAAAA,YAAY;AACzE;;;;;;;AAQA,SAAgB,wBAAwB,SAAuC;CAC7E,MAAM,QAAQH,gBAAAA,cAAcC,uBAAAA,UAAU;CACtC,MAAM,CAAC,KAAK,WAAA,GAAA,MAAA,SAAA,CAAkC,IAAI;CAClD,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,MAAM,UAAU,UAAU,MAAM,aAAa,OAAO,IAAI;EACxD,IAAI,CAAC,SAAS;GACZ,OAAO,IAAI;GACX;EACF;EAEA,MAAM,OAAO,IAAI,YAAY,QAAQ,MAAM,UAAU;EACrD,IAAI,WAAW,IAAI,CAAC,CAAC,IAAI,QAAQ,KAAK;EACtC,MAAM,MAAM,IAAI,gBAAgB,IAAI,KAAK,CAAC,IAAI,GAAG,EAAE,MAAM,QAAQ,SAAS,CAAC,CAAC;EAC5E,OAAO,GAAG;EACV,aAAa;GACX,IAAI,gBAAgB,GAAG;GACvB,OAAO,IAAI;EACb;CACF,GAAG,CAAC,OAAO,OAAO,CAAC;CACnB,OAAO;AACT;;;;;AAMA,SAAgB,mBAGd;CACA,MAAM,QAAQD,gBAAAA,cAAcC,uBAAAA,UAAU;CACtC,MAAM,aAAaG,gBAAAA,cAAc;CACjC,OAAO;EACL,WAAW,SAAS,SAAS;GAC3B,IAAI,CAAC,YAAY,OAAO,QAAQ,uBAAO,IAAI,MAAM,8BAA8B,CAAC;GAChF,OAAO,MAAM,SAAS,YAAY,SAAS,IAAI;EACjD;EACA,cAAc;GACZ,IAAI,YAAY,MAAM,OAAO,UAAU;EACzC;CACF;AACF"}

package/dist/stamp.d.cts

@@ -0,0 +1,28 @@
+import { StampAsset, StampLibrary } from "@embedpdf/plugin-stamp";
+export * from "@embedpdf/plugin-stamp";
+//#region src/stamp.d.ts
+/** The stamp capability (workspace-scoped: one library set for every document). */
+declare function useStamp(): import("@embedpdf/plugin-stamp").StampCapability;
+declare function useStampLibraries(): StampLibrary[];
+/** Assets of one library, or every asset when `libraryId` is omitted. */
+declare function useStampAssets(libraryId?: string): StampAsset[];
+/**
+ * Object URL for an asset's cached preview (gallery thumbnails). The plugin
+ * holds the preview BYTES; the URL — a DOM resource — is created here and
+ * revoked on unmount/asset change, mirroring `<AnnotationLayer>`'s rule that
+ * object-URL lifetime belongs to the framework layer.
+ */
+declare function useStampAssetPreviewUrl(assetId: string | null): string | null;
+/**
+ * Arm/disarm assets against the nearest `<DocumentScope>` (or the active
+ * document) — the one-liner a gallery item's onClick needs.
+ */
+declare function useArmStampAsset(): {
+  armAsset: (assetId: string, opts?: {
+    targetWidth?: number;
+  }) => Promise<void>;
+  disarm: () => void;
+};
+//#endregion
+export { useArmStampAsset, useStamp, useStampAssetPreviewUrl, useStampAssets, useStampLibraries };
+//# sourceMappingURL=stamp.d.cts.map

package/dist/stamp.d.ts

@@ -0,0 +1,28 @@
+import { StampAsset, StampLibrary } from "@embedpdf/plugin-stamp";
+export * from "@embedpdf/plugin-stamp";
+//#region src/stamp.d.ts
+/** The stamp capability (workspace-scoped: one library set for every document). */
+declare function useStamp(): import("@embedpdf/plugin-stamp").StampCapability;
+declare function useStampLibraries(): StampLibrary[];
+/** Assets of one library, or every asset when `libraryId` is omitted. */
+declare function useStampAssets(libraryId?: string): StampAsset[];
+/**
+ * Object URL for an asset's cached preview (gallery thumbnails). The plugin
+ * holds the preview BYTES; the URL — a DOM resource — is created here and
+ * revoked on unmount/asset change, mirroring `<AnnotationLayer>`'s rule that
+ * object-URL lifetime belongs to the framework layer.
+ */
+declare function useStampAssetPreviewUrl(assetId: string | null): string | null;
+/**
+ * Arm/disarm assets against the nearest `<DocumentScope>` (or the active
+ * document) — the one-liner a gallery item's onClick needs.
+ */
+declare function useArmStampAsset(): {
+  armAsset: (assetId: string, opts?: {
+    targetWidth?: number;
+  }) => Promise<void>;
+  disarm: () => void;
+};
+//#endregion
+export { useArmStampAsset, useStamp, useStampAssetPreviewUrl, useStampAssets, useStampLibraries };
+//# sourceMappingURL=stamp.d.ts.map

package/dist/stamp.js

@@ -0,0 +1,63 @@
+import { shallowArray, useCapability, useDocumentId, useSelector } from "./runtime.js";
+import { useEffect, useState } from "react";
+import { StampToken } from "@embedpdf/plugin-stamp";
+export * from "@embedpdf/plugin-stamp";
+//#region src/stamp.tsx
+/** The stamp capability (workspace-scoped: one library set for every document). */
+function useStamp() {
+	return useCapability(StampToken);
+}
+function useStampLibraries() {
+	return useSelector(StampToken, (c) => c.libraries(), shallowArray);
+}
+/** Assets of one library, or every asset when `libraryId` is omitted. */
+function useStampAssets(libraryId) {
+	return useSelector(StampToken, (c) => c.assets(libraryId), shallowArray);
+}
+/**
+* Object URL for an asset's cached preview (gallery thumbnails). The plugin
+* holds the preview BYTES; the URL — a DOM resource — is created here and
+* revoked on unmount/asset change, mirroring `<AnnotationLayer>`'s rule that
+* object-URL lifetime belongs to the framework layer.
+*/
+function useStampAssetPreviewUrl(assetId) {
+	const stamp = useCapability(StampToken);
+	const [url, setUrl] = useState(null);
+	useEffect(() => {
+		const preview = assetId ? stamp.assetPreview(assetId) : null;
+		if (!preview) {
+			setUrl(null);
+			return;
+		}
+		const body = new ArrayBuffer(preview.bytes.byteLength);
+		new Uint8Array(body).set(preview.bytes);
+		const obj = URL.createObjectURL(new Blob([body], { type: preview.mimeType }));
+		setUrl(obj);
+		return () => {
+			URL.revokeObjectURL(obj);
+			setUrl(null);
+		};
+	}, [stamp, assetId]);
+	return url;
+}
+/**
+* Arm/disarm assets against the nearest `<DocumentScope>` (or the active
+* document) — the one-liner a gallery item's onClick needs.
+*/
+function useArmStampAsset() {
+	const stamp = useCapability(StampToken);
+	const documentId = useDocumentId();
+	return {
+		armAsset: (assetId, opts) => {
+			if (!documentId) return Promise.reject(/* @__PURE__ */ new Error("[stamp] no document in scope"));
+			return stamp.armAsset(documentId, assetId, opts);
+		},
+		disarm: () => {
+			if (documentId) stamp.disarm(documentId);
+		}
+	};
+}
+//#endregion
+export { useArmStampAsset, useStamp, useStampAssetPreviewUrl, useStampAssets, useStampLibraries };
+
+//# sourceMappingURL=stamp.js.map

package/dist/stamp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stamp.js","names":[],"sources":["../src/stamp.tsx"],"sourcesContent":["/**\n * The React view of @embedpdf/plugin-stamp.\n *\n * Thin by design: the plugin owns the store (libraries/assets) and the binary\n * sidecar (bytes + cached previews); this file only exposes hooks and owns the\n * DOM-side object-URL lifetime for gallery thumbnails. Placement UI needs no\n * component here — arming rides the annotation plugin, whose `<AnnotationLayer>`\n * already renders the hover ghost.\n */\n\n// One-line-per-feature: registration travels with the UI.\nexport * from '@embedpdf/plugin-stamp';\nimport { useEffect, useState } from 'react';\nimport { StampToken, type StampAsset, type StampLibrary } from '@embedpdf/plugin-stamp';\nimport { shallowArray, useCapability, useDocumentId, useSelector } from './runtime';\n\n/** The stamp capability (workspace-scoped: one library set for every document). */\nexport function useStamp() {\n  return useCapability(StampToken);\n}\n\nexport function useStampLibraries(): StampLibrary[] {\n  return useSelector(StampToken, (c) => c.libraries(), shallowArray);\n}\n\n/** Assets of one library, or every asset when `libraryId` is omitted. */\nexport function useStampAssets(libraryId?: string): StampAsset[] {\n  return useSelector(StampToken, (c) => c.assets(libraryId), shallowArray);\n}\n\n/**\n * Object URL for an asset's cached preview (gallery thumbnails). The plugin\n * holds the preview BYTES; the URL — a DOM resource — is created here and\n * revoked on unmount/asset change, mirroring `<AnnotationLayer>`'s rule that\n * object-URL lifetime belongs to the framework layer.\n */\nexport function useStampAssetPreviewUrl(assetId: string | null): string | null {\n  const stamp = useCapability(StampToken);\n  const [url, setUrl] = useState<string | null>(null);\n  useEffect(() => {\n    const preview = assetId ? stamp.assetPreview(assetId) : null;\n    if (!preview) {\n      setUrl(null);\n      return;\n    }\n    // Copy into an EXACT ArrayBuffer (the engine idiom) before Blob-wrapping.\n    const body = new ArrayBuffer(preview.bytes.byteLength);\n    new Uint8Array(body).set(preview.bytes);\n    const obj = URL.createObjectURL(new Blob([body], { type: preview.mimeType }));\n    setUrl(obj);\n    return () => {\n      URL.revokeObjectURL(obj);\n      setUrl(null);\n    };\n  }, [stamp, assetId]);\n  return url;\n}\n\n/**\n * Arm/disarm assets against the nearest `<DocumentScope>` (or the active\n * document) — the one-liner a gallery item's onClick needs.\n */\nexport function useArmStampAsset(): {\n  armAsset: (assetId: string, opts?: { targetWidth?: number }) => Promise<void>;\n  disarm: () => void;\n} {\n  const stamp = useCapability(StampToken);\n  const documentId = useDocumentId();\n  return {\n    armAsset: (assetId, opts) => {\n      if (!documentId) return Promise.reject(new Error('[stamp] no document in scope'));\n      return stamp.armAsset(documentId, assetId, opts);\n    },\n    disarm: () => {\n      if (documentId) stamp.disarm(documentId);\n    },\n  };\n}\n"],"mappings":";;;;;;AAiBA,SAAgB,WAAW;CACzB,OAAO,cAAc,UAAU;AACjC;AAEA,SAAgB,oBAAoC;CAClD,OAAO,YAAY,aAAa,MAAM,EAAE,UAAU,GAAG,YAAY;AACnE;;AAGA,SAAgB,eAAe,WAAkC;CAC/D,OAAO,YAAY,aAAa,MAAM,EAAE,OAAO,SAAS,GAAG,YAAY;AACzE;;;;;;;AAQA,SAAgB,wBAAwB,SAAuC;CAC7E,MAAM,QAAQ,cAAc,UAAU;CACtC,MAAM,CAAC,KAAK,UAAU,SAAwB,IAAI;CAClD,gBAAgB;EACd,MAAM,UAAU,UAAU,MAAM,aAAa,OAAO,IAAI;EACxD,IAAI,CAAC,SAAS;GACZ,OAAO,IAAI;GACX;EACF;EAEA,MAAM,OAAO,IAAI,YAAY,QAAQ,MAAM,UAAU;EACrD,IAAI,WAAW,IAAI,CAAC,CAAC,IAAI,QAAQ,KAAK;EACtC,MAAM,MAAM,IAAI,gBAAgB,IAAI,KAAK,CAAC,IAAI,GAAG,EAAE,MAAM,QAAQ,SAAS,CAAC,CAAC;EAC5E,OAAO,GAAG;EACV,aAAa;GACX,IAAI,gBAAgB,GAAG;GACvB,OAAO,IAAI;EACb;CACF,GAAG,CAAC,OAAO,OAAO,CAAC;CACnB,OAAO;AACT;;;;;AAMA,SAAgB,mBAGd;CACA,MAAM,QAAQ,cAAc,UAAU;CACtC,MAAM,aAAa,cAAc;CACjC,OAAO;EACL,WAAW,SAAS,SAAS;GAC3B,IAAI,CAAC,YAAY,OAAO,QAAQ,uBAAO,IAAI,MAAM,8BAA8B,CAAC;GAChF,OAAO,MAAM,SAAS,YAAY,SAAS,IAAI;EACjD;EACA,cAAc;GACZ,IAAI,YAAY,MAAM,OAAO,UAAU;EACzC;CACF;AACF"}

package/dist/toolbar.cjs

@@ -0,0 +1,515 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DDXJien1.cjs");
+const require_runtime = require("./runtime.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+let _embedpdf_plugin_commands = require("@embedpdf/plugin-commands");
+let _embedpdf_core_ui = require("@embedpdf/core-ui");
+//#region src/toolbar.tsx
+const stripGroupsEqual = (a, b) => a.length === b.length && a.every((g, i) => g.id === b[i].id && g.commands.length === b[i].commands.length && g.commands.every((c, j) => (0, _embedpdf_plugin_commands.resolvedCommandsEqual)(c, b[i].commands[j])));
+const NO_STRIP_GROUPS = [];
+/**
+* The live projection of a bar through the command registry — <Toolbar>'s
+* un-measured sibling, for contextual strips (ChromeSchema.strips). The schema
+* declares what COULD appear; each command's `visible` derivation decides what
+* DOES; null means nothing currently applies, so `if (!view) return null` is
+* the caller's entire show/hide logic. `execute` is pre-bound to this
+* subtree's document. Reads are value-equal (resolvedCommandsEqual), so
+* consumers re-render on real change, not on every store action.
+*/
+function useStripView(bar) {
+	const commands = require_runtime.useCapability(_embedpdf_plugin_commands.CommandsToken);
+	const documentId = require_runtime.useDocumentId();
+	const normalized = (0, react.useMemo)(() => bar ? (0, _embedpdf_core_ui.normalizeBar)(bar) : null, [bar]);
+	const groups = require_runtime.useKernelValue(() => {
+		if (!normalized) return NO_STRIP_GROUPS;
+		const resolved = /* @__PURE__ */ new Map();
+		const visible = (id) => {
+			const cmd = commands.resolve(id, documentId ?? void 0);
+			if (cmd) resolved.set(id, cmd);
+			return cmd?.visible === true;
+		};
+		return (0, _embedpdf_core_ui.projectStrip)(normalized, visible).map((g) => ({
+			id: g.id,
+			labelKey: g.labelKey,
+			commands: g.commands.map((id) => resolved.get(id))
+		}));
+	}, stripGroupsEqual);
+	return (0, react.useMemo)(() => groups.length === 0 ? null : {
+		groups,
+		execute: (id) => commands.execute(id, documentId ?? void 0)
+	}, [
+		groups,
+		commands,
+		documentId
+	]);
+}
+/** Report this node's border-box width under `k`, live, via ResizeObserver. */
+function Measured({ k, onWidth, children }) {
+	const ref = (0, react.useRef)(null);
+	(0, react.useLayoutEffect)(() => {
+		const el = ref.current;
+		if (!el) return;
+		const report = () => onWidth(k, el.getBoundingClientRect().width);
+		report();
+		const observer = new ResizeObserver(report);
+		observer.observe(el);
+		return () => observer.disconnect();
+	}, [k, onWidth]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		ref,
+		style: {
+			display: "inline-flex",
+			flexShrink: 0
+		},
+		children
+	});
+}
+/**
+* The socket for an unregistered custom unit: a real `<slot>` element. Inside
+* the <embedpdf-viewer> shadow root the browser projects same-named light-DOM
+* children into it; anywhere else it just displays its fallback (the terminal
+* command). Measured live — the projected content lives in the HOST's world,
+* so its width can only be observed where it actually renders.
+*/
+function NativeSlotSocket({ name, k, onWidth, children }) {
+	const ref = (0, react.useRef)(null);
+	(0, react.useLayoutEffect)(() => {
+		const el = ref.current;
+		if (!el) return;
+		const report = () => onWidth(k, el.getBoundingClientRect().width);
+		report();
+		const observer = new ResizeObserver(report);
+		observer.observe(el);
+		return () => observer.disconnect();
+	}, [k, onWidth]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("slot", {
+		ref,
+		name,
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			flexShrink: 0
+		},
+		children
+	});
+}
+const measureLayerStyle = {
+	position: "absolute",
+	left: 0,
+	top: 0,
+	height: 0,
+	overflow: "hidden",
+	visibility: "hidden",
+	pointerEvents: "none",
+	display: "flex",
+	whiteSpace: "nowrap"
+};
+const defaultRenderCommand = (cmd, variant, run) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+	type: "button",
+	onClick: run,
+	disabled: !cmd.enabled,
+	"aria-pressed": cmd.active || void 0,
+	"aria-haspopup": cmd.menu ? "menu" : void 0,
+	title: cmd.label,
+	style: {
+		display: "inline-flex",
+		alignItems: "center",
+		gap: 4,
+		padding: "4px 8px",
+		whiteSpace: "nowrap",
+		background: cmd.active ? "rgba(0,0,0,0.12)" : "transparent",
+		border: "1px solid rgba(0,0,0,0.15)",
+		borderRadius: 4,
+		cursor: cmd.enabled ? "pointer" : "default",
+		opacity: cmd.enabled ? 1 : .4
+	},
+	children: [variant === "label" ? cmd.label : cmd.icon ?? cmd.label, variant === "icon+label" ? ` ${cmd.label}` : null]
+});
+const defaultRenderSeparator = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: {
+	width: 1,
+	alignSelf: "stretch",
+	background: "currentColor",
+	opacity: .2
+} });
+const defaultRenderOverflowTrigger = (isOpen, toggle) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+	type: "button",
+	onClick: toggle,
+	"aria-haspopup": "menu",
+	"aria-expanded": isOpen,
+	title: "More",
+	style: {
+		display: "inline-flex",
+		alignItems: "center",
+		padding: "4px 8px",
+		border: "1px solid rgba(0,0,0,0.15)",
+		borderRadius: 4,
+		background: isOpen ? "rgba(0,0,0,0.12)" : "transparent",
+		cursor: "pointer"
+	},
+	children: "⋯"
+});
+function DefaultOverflowMenu({ view }) {
+	if (!view.isOpen) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		style: {
+			position: "fixed",
+			inset: 0,
+			zIndex: 40
+		},
+		onClick: view.close
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		role: "menu",
+		style: {
+			position: "absolute",
+			right: 0,
+			top: "100%",
+			zIndex: 41,
+			minWidth: 200,
+			padding: 4,
+			background: "white",
+			border: "1px solid rgba(0,0,0,0.15)",
+			borderRadius: 6,
+			boxShadow: "0 4px 16px rgba(0,0,0,0.15)"
+		},
+		children: view.sections.map((section, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [i > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { style: {
+			height: 1,
+			background: "rgba(0,0,0,0.1)",
+			margin: "4px 0"
+		} }), section.rows.map((row) => {
+			const cmd = view.resolve(row.command);
+			if (!cmd) return null;
+			const isSubmenu = row.type === "submenu";
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				role: section.role === "radio" ? "menuitemradio" : "menuitem",
+				"aria-checked": section.role === "radio" ? cmd.active : void 0,
+				disabled: !cmd.enabled,
+				onClick: () => {
+					view.execute(row.command);
+					if (!isSubmenu) view.close();
+				},
+				style: {
+					display: "flex",
+					width: "100%",
+					alignItems: "center",
+					justifyContent: "space-between",
+					gap: 16,
+					padding: "6px 8px",
+					border: "none",
+					background: "transparent",
+					cursor: cmd.enabled ? "pointer" : "default",
+					opacity: cmd.enabled ? 1 : .4,
+					whiteSpace: "nowrap"
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [cmd.active && section.role === "radio" ? "• " : "", cmd.label] }), isSubmenu ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "▸" }) : null]
+			}, row.command);
+		})] }, i))
+	})] });
+}
+function DefaultCollapsed({ view }) {
+	if (view.collapse === "select") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+		value: view.commands.find((c) => c.active)?.id ?? "",
+		onChange: (e) => view.execute(e.target.value),
+		style: {
+			padding: "4px 6px",
+			borderRadius: 4
+		},
+		children: view.commands.map((c) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+			value: c.id,
+			disabled: !c.enabled,
+			children: c.label
+		}, c.id))
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsedMenuButton, { view });
+}
+function CollapsedMenuButton({ view }) {
+	const [isOpen, setOpen] = (0, react.useState)(false);
+	const sections = [{
+		labelKey: view.labelKey,
+		role: view.role === "tabs" ? "radio" : void 0,
+		rows: view.commands.map((c) => ({
+			type: "command",
+			command: c.id
+		}))
+	}];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		style: {
+			position: "relative",
+			display: "inline-flex"
+		},
+		children: [defaultRenderOverflowTrigger(isOpen, () => setOpen((o) => !o)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefaultOverflowMenu, { view: {
+			sections,
+			isOpen,
+			close: () => setOpen(false),
+			resolve: (id) => view.commands.find((c) => c.id === id) ?? null,
+			execute: view.execute
+		} })]
+	});
+}
+/** Default shed-group disclosure: a chevron opening a radio menu of the
+*  hidden children — v2's overflow-tabs-button, derived. */
+function DefaultGroupTrigger({ view }) {
+	const [isOpen, setOpen] = (0, react.useState)(false);
+	const someActive = view.commands.some((c) => c.active);
+	const sections = [{
+		labelKey: view.labelKey,
+		role: view.role === "tabs" ? "radio" : void 0,
+		rows: view.commands.map((c) => ({
+			type: "command",
+			command: c.id
+		}))
+	}];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		style: {
+			position: "relative",
+			display: "inline-flex"
+		},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			onClick: () => setOpen((o) => !o),
+			"aria-haspopup": "menu",
+			"aria-expanded": isOpen,
+			title: "More",
+			style: {
+				display: "inline-flex",
+				alignItems: "center",
+				padding: "4px 6px",
+				border: "1px solid rgba(0,0,0,0.15)",
+				borderRadius: 4,
+				background: isOpen || someActive ? "rgba(0,0,0,0.12)" : "transparent",
+				cursor: "pointer"
+			},
+			children: "▾"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefaultOverflowMenu, { view: {
+			sections,
+			isOpen,
+			close: () => setOpen(false),
+			resolve: (id) => view.commands.find((c) => c.id === id) ?? null,
+			execute: view.execute
+		} })]
+	});
+}
+const unitKey = (u, variant) => `u:${u.key}@${variant}`;
+const groupKey = (id) => `g:${id}`;
+const groupTriggerKey = (id) => `gt:${id}`;
+const TRIGGER_KEY = "t:";
+function Toolbar({ bar, gap = 8, separatorWidth = 1, className, style, renderCommand = defaultRenderCommand, renderCustom, renderCollapsed, renderGroupTrigger, renderSeparator = defaultRenderSeparator, renderOverflowTrigger = defaultRenderOverflowTrigger, renderOverflowMenu }) {
+	const kernel = require_runtime.useKernel();
+	const commands = require_runtime.useCapability(_embedpdf_plugin_commands.CommandsToken);
+	const documentId = require_runtime.useDocumentId();
+	const [, force] = (0, react.useReducer)((x) => x + 1, 0);
+	(0, react.useEffect)(() => kernel.subscribe(force), [kernel]);
+	const containerRef = (0, react.useRef)(null);
+	const [containerWidth, setContainerWidth] = (0, react.useState)(0);
+	(0, react.useLayoutEffect)(() => {
+		const el = containerRef.current;
+		if (!el) return;
+		const observer = new ResizeObserver((entries) => {
+			const w = entries[entries.length - 1]?.contentRect.width;
+			if (w !== void 0) setContainerWidth((prev) => Math.abs(prev - w) > .5 ? w : prev);
+		});
+		observer.observe(el);
+		setContainerWidth(el.clientWidth);
+		return () => observer.disconnect();
+	}, []);
+	const widthsRef = (0, react.useRef)(/* @__PURE__ */ new Map());
+	const [, bumpMeasureVersion] = (0, react.useReducer)((x) => x + 1, 0);
+	const onWidth = (0, react.useMemo)(() => (key, width) => {
+		const prev = widthsRef.current.get(key);
+		if (prev !== void 0 && Math.abs(prev - width) <= .5) return;
+		widthsRef.current.set(key, width);
+		bumpMeasureVersion();
+	}, []);
+	const resolveCmd = (id) => commands.resolve(id, documentId ?? void 0);
+	const executeCmd = (id) => commands.execute(id, documentId ?? void 0);
+	const commandOf = (u) => u.kind === "command" ? u.command : u.terminal;
+	const visibleBar = (0, _embedpdf_core_ui.filterBar)((0, react.useMemo)(() => (0, _embedpdf_core_ui.normalizeBar)(bar), [bar]), (u) => resolveCmd(commandOf(u))?.visible === true);
+	const fit = (0, _embedpdf_core_ui.solve)(visibleBar, {
+		unit: (key, variant) => widthsRef.current.get(`u:${key}@${variant}`),
+		groupCollapsed: (id) => widthsRef.current.get(groupKey(id)),
+		groupTrigger: (id) => widthsRef.current.get(groupTriggerKey(id)),
+		overflowTrigger: widthsRef.current.get(TRIGGER_KEY) ?? 32,
+		gap,
+		separator: separatorWidth + gap
+	}, containerWidth);
+	const overflowSections = (0, _embedpdf_core_ui.projectOverflow)(visibleBar, fit, (id) => commands.menuTarget(id));
+	const [overflowOpen, setOverflowOpen] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		if (!fit.hasOverflow) setOverflowOpen(false);
+	}, [fit.hasOverflow]);
+	/** External = custom unit with no registered renderer → native socket,
+	*  live-measured (it must NOT appear in the measurement layer: only the
+	*  first same-named <slot> in tree order receives the projected nodes). */
+	const isExternalSlot = (u) => u.kind === "custom" && !renderCustom?.[u.slot];
+	const renderUnitAt = (u, variant, layer) => {
+		if (u.kind === "custom") {
+			const registered = renderCustom?.[u.slot];
+			if (registered) {
+				const custom = registered(variant, {
+					layer,
+					measure: (width) => onWidth(unitKey(u, variant), width)
+				});
+				if (custom !== void 0) return custom;
+			} else if (layer === "live") {
+				const cmd = resolveCmd(u.terminal);
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NativeSlotSocket, {
+					name: u.slot,
+					k: unitKey(u, variant),
+					onWidth,
+					children: cmd ? renderCommand(cmd, "icon", () => executeCmd(u.terminal)) : null
+				});
+			} else return null;
+			const cmd = resolveCmd(u.terminal);
+			return cmd ? renderCommand(cmd, "icon", () => executeCmd(u.terminal)) : null;
+		}
+		const cmd = resolveCmd(u.command);
+		if (!cmd) return renderCommand({
+			id: u.command,
+			label: u.command,
+			shortcuts: [],
+			enabled: false,
+			active: false,
+			visible: true,
+			categories: []
+		}, variant, () => {});
+		return renderCommand(cmd, variant, () => executeCmd(u.command));
+	};
+	const collapsedView = (g) => ({
+		id: g.id,
+		labelKey: g.labelKey,
+		collapse: g.collapse ?? "menu",
+		role: g.role,
+		commands: g.units.map((u) => resolveCmd(commandOf(u))).filter((c) => c !== null && c.visible),
+		execute: executeCmd
+	});
+	const renderCollapsedGroup = (g) => renderCollapsed ? renderCollapsed(collapsedView(g)) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefaultCollapsed, { view: collapsedView(g) });
+	/** The disclosure view: shed children for the live trigger; the WHOLE group
+	*  for the measured trigger, so width is budgeted at its fullest content. */
+	const disclosureView = (g, allChildren) => ({
+		id: g.id,
+		labelKey: g.labelKey,
+		role: g.role,
+		commands: g.units.filter((u) => allChildren || fit.units.get(u.key)?.kind === "shed").map((u) => resolveCmd(commandOf(u))).filter((c) => c !== null && c.visible),
+		execute: executeCmd
+	});
+	const renderDisclosure = (g, allChildren) => renderGroupTrigger ? renderGroupTrigger(disclosureView(g, allChildren)) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefaultGroupTrigger, { view: disclosureView(g, allChildren) });
+	const renderLiveGroup = (g) => {
+		const assignment = fit.groups.get(g.id);
+		if (!assignment || assignment.overflowed) return [];
+		if (assignment.collapsed) return [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderCollapsedGroup(g) }, g.id)];
+		const nodes = [];
+		for (const u of g.units) {
+			const a = fit.units.get(u.key);
+			if (a?.kind !== "variant") continue;
+			nodes.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderUnitAt(u, a.variant, "live") }, u.key));
+		}
+		if (assignment.shedCount > 0) nodes.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderDisclosure(g, false) }, `${g.id}::trigger`));
+		return nodes.length ? [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: nodes }, g.id)] : [];
+	};
+	const renderLiveSection = (section) => {
+		if (!section) return null;
+		return section.groups.map((g) => ({
+			id: g.id,
+			nodes: renderLiveGroup(g)
+		})).filter((g) => g.nodes.length > 0).map((g, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [i > 0 && renderSeparator(), g.nodes] }, g.id));
+	};
+	const sectionByName = (name) => visibleBar.sections.find((s) => s.name === name);
+	/**
+	* Segment layout — v2's spacer model, natively. The center segment carries
+	* auto margins: it BALANCES in the leftover space (true center when the
+	* flanks are symmetric) and yields when they aren't, collapsing to zero
+	* before anything can overlap. The container itself has NO gap — segments
+	* space themselves — so the solver's global budget (sum of unit widths +
+	* per-unit gaps) is exactly the layout's minimum width: what the solver
+	* says fits, fits. Its cross-segment gap allowance (≤ 2×gap) becomes slack
+	* the auto margins absorb, keeping ≥ gap between segments at the floor.
+	* Segments never grow or shrink: fit is the SOLVER's job, not flexbox's.
+	*/
+	const sectionStyle = (position) => ({
+		display: "flex",
+		alignItems: "center",
+		gap,
+		flex: "0 0 auto",
+		...position === "center" ? {
+			marginLeft: "auto",
+			marginRight: "auto"
+		} : null
+	});
+	const overflowView = {
+		sections: overflowSections,
+		isOpen: overflowOpen,
+		close: () => setOverflowOpen(false),
+		resolve: resolveCmd,
+		execute: executeCmd
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref: containerRef,
+		className,
+		style: {
+			position: "relative",
+			display: "flex",
+			alignItems: "center",
+			...style
+		},
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: sectionStyle("start"),
+				children: renderLiveSection(sectionByName("start"))
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: sectionStyle("center"),
+				children: renderLiveSection(sectionByName("center"))
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: sectionStyle("end"),
+				children: [renderLiveSection(sectionByName("end")), fit.hasOverflow && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					style: {
+						position: "relative",
+						display: "inline-flex"
+					},
+					children: [renderOverflowTrigger(overflowOpen, () => setOverflowOpen((o) => !o)), renderOverflowMenu ? renderOverflowMenu(overflowView) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefaultOverflowMenu, { view: overflowView })]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				"aria-hidden": true,
+				style: measureLayerStyle,
+				children: [visibleBar.sections.flatMap((s) => s.groups.flatMap((g) => [
+					...g.units.filter((u) => !isExternalSlot(u)).flatMap((u) => u.variants.map((variant) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Measured, {
+						k: unitKey(u, variant),
+						onWidth,
+						children: renderUnitAt(u, variant, "measure")
+					}, unitKey(u, variant)))),
+					...g.collapse ? [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Measured, {
+						k: groupKey(g.id),
+						onWidth,
+						children: renderCollapsedGroup(g)
+					}, groupKey(g.id))] : [],
+					...g.shed ? [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Measured, {
+						k: groupTriggerKey(g.id),
+						onWidth,
+						children: renderDisclosure(g, true)
+					}, groupTriggerKey(g.id))] : []
+				])), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Measured, {
+					k: TRIGGER_KEY,
+					onWidth,
+					children: renderOverflowTrigger(false, () => {})
+				})]
+			})
+		]
+	});
+}
+//#endregion
+exports.Toolbar = Toolbar;
+exports.useStripView = useStripView;
+Object.keys(_embedpdf_core_ui).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return _embedpdf_core_ui[k];
+		}
+	});
+});
+
+//# sourceMappingURL=toolbar.cjs.map