@embedpdf/react 3.0.0-next.14 → 3.0.0-next.16

package/dist/state-0K1I5cM4.d.cts

@@ -0,0 +1,29 @@
+import { CapabilityToken, SettingsOf, StateDeclaration } from "@embedpdf/core";
+//#region src/state.d.ts
+/** A declared state's hook: the whole state, or the value `select` picks from it. */
+type StateHook<State> = <Selected = State>(select?: (state: State) => Selected) => Selected;
+/** A plugin's settings hook: the settings, or the value `select` picks from them. */
+type SettingsHook<Settings> = <Selected = Settings>(select?: (settings: Settings) => Selected) => Selected;
+/**
+ * Turn a state declaration into its hook. The hook reads this subtree's
+ * document (the nearest <DocumentScope>, else the active one) and returns the
+ * declaration's `empty` while that document is missing or not ready, so it
+ * renders anywhere. It re-renders only when a field changes: the state, or the
+ * value `select` picks from it, is compared with {@link shallowEqual}. State
+ * the plugin loads on demand (the declaration's `ensure`) loads once a ready
+ * document's capability is in scope, for every document the hook reads.
+ */
+declare function stateHook<Capability, State extends object>(declaration: StateDeclaration<Capability, State>): StateHook<State>;
+/**
+ * Turn a plugin's token into its settings hook. A plugin's settings belong to
+ * the plugin as the app registered it, not to a document, so the hook reads
+ * them through the kernel (`kernel.settingsOf`): it works before the first
+ * document opens, and every document shows the same settings. It re-renders
+ * only when a setting changes: `getSettings()` keeps its object until then,
+ * and the value `select` picks is compared with {@link shallowEqual}. A token
+ * whose plugin isn't installed, or has no settings, throws: a setup mistake.
+ */
+declare function settingsHook<Capability>(token: CapabilityToken<Capability>): SettingsHook<SettingsOf<Capability>>;
+//#endregion
+export { stateHook as i, StateHook as n, settingsHook as r, SettingsHook as t };
+//# sourceMappingURL=state-0K1I5cM4.d.cts.map

package/dist/state-0K1I5cM4.d.ts

@@ -0,0 +1,29 @@
+import { CapabilityToken, SettingsOf, StateDeclaration } from "@embedpdf/core";
+//#region src/state.d.ts
+/** A declared state's hook: the whole state, or the value `select` picks from it. */
+type StateHook<State> = <Selected = State>(select?: (state: State) => Selected) => Selected;
+/** A plugin's settings hook: the settings, or the value `select` picks from them. */
+type SettingsHook<Settings> = <Selected = Settings>(select?: (settings: Settings) => Selected) => Selected;
+/**
+ * Turn a state declaration into its hook. The hook reads this subtree's
+ * document (the nearest <DocumentScope>, else the active one) and returns the
+ * declaration's `empty` while that document is missing or not ready, so it
+ * renders anywhere. It re-renders only when a field changes: the state, or the
+ * value `select` picks from it, is compared with {@link shallowEqual}. State
+ * the plugin loads on demand (the declaration's `ensure`) loads once a ready
+ * document's capability is in scope, for every document the hook reads.
+ */
+declare function stateHook<Capability, State extends object>(declaration: StateDeclaration<Capability, State>): StateHook<State>;
+/**
+ * Turn a plugin's token into its settings hook. A plugin's settings belong to
+ * the plugin as the app registered it, not to a document, so the hook reads
+ * them through the kernel (`kernel.settingsOf`): it works before the first
+ * document opens, and every document shows the same settings. It re-renders
+ * only when a setting changes: `getSettings()` keeps its object until then,
+ * and the value `select` picks is compared with {@link shallowEqual}. A token
+ * whose plugin isn't installed, or has no settings, throws: a setup mistake.
+ */
+declare function settingsHook<Capability>(token: CapabilityToken<Capability>): SettingsHook<SettingsOf<Capability>>;
+//#endregion
+export { stateHook as i, StateHook as n, settingsHook as r, SettingsHook as t };
+//# sourceMappingURL=state-0K1I5cM4.d.ts.map

package/dist/state-CzI2KlZb.js

@@ -0,0 +1,62 @@
+import { g as useDocumentScope, x as useKernelValue } from "./runtime-tD5iJU83.js";
+import { shallowEqual } from "@embedpdf/core";
+import { useEffect } from "react";
+//#region src/state.ts
+/**
+* Declared state and settings as React hooks. A plugin declares its state once
+* with `defineState` and its settings once in its definition (both in
+* `@embedpdf/core`), and its React bindings are one line each:
+*
+*   export const useSearchState = stateHook(searchState);
+*   export const useSearchSettings = settingsHook(SearchToken);
+*/
+/**
+* Turn a state declaration into its hook. The hook reads this subtree's
+* document (the nearest <DocumentScope>, else the active one) and returns the
+* declaration's `empty` while that document is missing or not ready, so it
+* renders anywhere. It re-renders only when a field changes: the state, or the
+* value `select` picks from it, is compared with {@link shallowEqual}. State
+* the plugin loads on demand (the declaration's `ensure`) loads once a ready
+* document's capability is in scope, for every document the hook reads.
+*/
+function stateHook(declaration) {
+	const { ensure } = declaration;
+	const useDeclaredState = function useDeclaredState(select) {
+		const scoped = useDocumentScope();
+		return useKernelValue((kernel) => {
+			const capability = kernel.tryCapability(declaration.token, scoped ?? void 0);
+			const state = capability ? declaration.read(capability) : declaration.empty;
+			return select ? select(state) : state;
+		}, shallowEqual);
+	};
+	if (!ensure) return useDeclaredState;
+	return function useLoadedState(select) {
+		const scoped = useDocumentScope();
+		const capability = useKernelValue((kernel) => kernel.tryCapability(declaration.token, scoped ?? void 0), Object.is);
+		useEffect(() => {
+			if (capability) ensure(capability).catch(() => {});
+		}, [capability]);
+		return useDeclaredState(select);
+	};
+}
+/**
+* Turn a plugin's token into its settings hook. A plugin's settings belong to
+* the plugin as the app registered it, not to a document, so the hook reads
+* them through the kernel (`kernel.settingsOf`): it works before the first
+* document opens, and every document shows the same settings. It re-renders
+* only when a setting changes: `getSettings()` keeps its object until then,
+* and the value `select` picks is compared with {@link shallowEqual}. A token
+* whose plugin isn't installed, or has no settings, throws: a setup mistake.
+*/
+function settingsHook(token) {
+	return function useSettings(select) {
+		return useKernelValue((kernel) => {
+			const settings = kernel.settingsOf(token).getSettings();
+			return select ? select(settings) : settings;
+		}, shallowEqual);
+	};
+}
+//#endregion
+export { stateHook as n, settingsHook as t };
+
+//# sourceMappingURL=state-CzI2KlZb.js.map

package/dist/state-CzI2KlZb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-CzI2KlZb.js","names":[],"sources":["../src/state.ts"],"sourcesContent":["/**\n * Declared state and settings as React hooks. A plugin declares its state once\n * with `defineState` and its settings once in its definition (both in\n * `@embedpdf/core`), and its React bindings are one line each:\n *\n *   export const useSearchState = stateHook(searchState);\n *   export const useSearchSettings = settingsHook(SearchToken);\n */\nimport { useEffect } from 'react';\nimport { shallowEqual } from '@embedpdf/core';\nimport type { CapabilityToken, SettingsOf, StateDeclaration } from '@embedpdf/core';\nimport { useDocumentScope, useKernelValue } from './runtime';\n\n/** A declared state's hook: the whole state, or the value `select` picks from it. */\nexport type StateHook<State> = <Selected = State>(select?: (state: State) => Selected) => Selected;\n\n/** A plugin's settings hook: the settings, or the value `select` picks from them. */\nexport type SettingsHook<Settings> = <Selected = Settings>(\n  select?: (settings: Settings) => Selected,\n) => Selected;\n\n/**\n * Turn a state declaration into its hook. The hook reads this subtree's\n * document (the nearest <DocumentScope>, else the active one) and returns the\n * declaration's `empty` while that document is missing or not ready, so it\n * renders anywhere. It re-renders only when a field changes: the state, or the\n * value `select` picks from it, is compared with {@link shallowEqual}. State\n * the plugin loads on demand (the declaration's `ensure`) loads once a ready\n * document's capability is in scope, for every document the hook reads.\n */\nexport function stateHook<Capability, State extends object>(\n  declaration: StateDeclaration<Capability, State>,\n): StateHook<State> {\n  const { ensure } = declaration;\n  const useDeclaredState = function useDeclaredState<Selected = State>(\n    select?: (state: State) => Selected,\n  ): Selected {\n    const scoped = useDocumentScope();\n    // Resolve on every read, not once per render: a document that closes\n    // between a store change and the next render then reads as `empty`,\n    // never through its closed capability.\n    return useKernelValue((kernel) => {\n      const capability = kernel.tryCapability(declaration.token, scoped ?? undefined);\n      const state = capability ? declaration.read(capability) : declaration.empty;\n      return select ? select(state) : (state as unknown as Selected);\n    }, shallowEqual);\n  };\n  if (!ensure) return useDeclaredState;\n  return function useLoadedState<Selected = State>(select?: (state: State) => Selected): Selected {\n    const scoped = useDocumentScope();\n    const capability = useKernelValue(\n      (kernel) => kernel.tryCapability(declaration.token, scoped ?? undefined),\n      Object.is,\n    );\n    // The state says when the load fails (its status), so the rejection has nothing to add.\n    useEffect(() => {\n      if (capability) ensure(capability).catch(() => {});\n    }, [capability]);\n    return useDeclaredState(select);\n  };\n}\n\n/**\n * Turn a plugin's token into its settings hook. A plugin's settings belong to\n * the plugin as the app registered it, not to a document, so the hook reads\n * them through the kernel (`kernel.settingsOf`): it works before the first\n * document opens, and every document shows the same settings. It re-renders\n * only when a setting changes: `getSettings()` keeps its object until then,\n * and the value `select` picks is compared with {@link shallowEqual}. A token\n * whose plugin isn't installed, or has no settings, throws: a setup mistake.\n */\nexport function settingsHook<Capability>(\n  token: CapabilityToken<Capability>,\n): SettingsHook<SettingsOf<Capability>> {\n  return function useSettings<Selected = SettingsOf<Capability>>(\n    select?: (settings: SettingsOf<Capability>) => Selected,\n  ): Selected {\n    return useKernelValue((kernel) => {\n      const settings = kernel.settingsOf(token).getSettings();\n      return select ? select(settings) : (settings as unknown as Selected);\n    }, shallowEqual);\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,UACd,aACkB;CAClB,MAAM,EAAE,WAAW;CACnB,MAAM,mBAAmB,SAAS,iBAChC,QACU;EACV,MAAM,SAAS,iBAAiB;EAIhC,OAAO,gBAAgB,WAAW;GAChC,MAAM,aAAa,OAAO,cAAc,YAAY,OAAO,UAAU,KAAA,CAAS;GAC9E,MAAM,QAAQ,aAAa,YAAY,KAAK,UAAU,IAAI,YAAY;GACtE,OAAO,SAAS,OAAO,KAAK,IAAK;EACnC,GAAG,YAAY;CACjB;CACA,IAAI,CAAC,QAAQ,OAAO;CACpB,OAAO,SAAS,eAAiC,QAA+C;EAC9F,MAAM,SAAS,iBAAiB;EAChC,MAAM,aAAa,gBAChB,WAAW,OAAO,cAAc,YAAY,OAAO,UAAU,KAAA,CAAS,GACvE,OAAO,EACT;EAEA,gBAAgB;GACd,IAAI,YAAY,OAAO,UAAU,CAAC,CAAC,YAAY,CAAC,CAAC;EACnD,GAAG,CAAC,UAAU,CAAC;EACf,OAAO,iBAAiB,MAAM;CAChC;AACF;;;;;;;;;;AAWA,SAAgB,aACd,OACsC;CACtC,OAAO,SAAS,YACd,QACU;EACV,OAAO,gBAAgB,WAAW;GAChC,MAAM,WAAW,OAAO,WAAW,KAAK,CAAC,CAAC,YAAY;GACtD,OAAO,SAAS,OAAO,QAAQ,IAAK;EACtC,GAAG,YAAY;CACjB;AACF"}

package/dist/state-Dtf8HAue.cjs

@@ -0,0 +1,73 @@
+const require_runtime = require("./runtime-BfnpyfY0.cjs");
+let _embedpdf_core = require("@embedpdf/core");
+let react = require("react");
+//#region src/state.ts
+/**
+* Declared state and settings as React hooks. A plugin declares its state once
+* with `defineState` and its settings once in its definition (both in
+* `@embedpdf/core`), and its React bindings are one line each:
+*
+*   export const useSearchState = stateHook(searchState);
+*   export const useSearchSettings = settingsHook(SearchToken);
+*/
+/**
+* Turn a state declaration into its hook. The hook reads this subtree's
+* document (the nearest <DocumentScope>, else the active one) and returns the
+* declaration's `empty` while that document is missing or not ready, so it
+* renders anywhere. It re-renders only when a field changes: the state, or the
+* value `select` picks from it, is compared with {@link shallowEqual}. State
+* the plugin loads on demand (the declaration's `ensure`) loads once a ready
+* document's capability is in scope, for every document the hook reads.
+*/
+function stateHook(declaration) {
+	const { ensure } = declaration;
+	const useDeclaredState = function useDeclaredState(select) {
+		const scoped = require_runtime.useDocumentScope();
+		return require_runtime.useKernelValue((kernel) => {
+			const capability = kernel.tryCapability(declaration.token, scoped ?? void 0);
+			const state = capability ? declaration.read(capability) : declaration.empty;
+			return select ? select(state) : state;
+		}, _embedpdf_core.shallowEqual);
+	};
+	if (!ensure) return useDeclaredState;
+	return function useLoadedState(select) {
+		const scoped = require_runtime.useDocumentScope();
+		const capability = require_runtime.useKernelValue((kernel) => kernel.tryCapability(declaration.token, scoped ?? void 0), Object.is);
+		(0, react.useEffect)(() => {
+			if (capability) ensure(capability).catch(() => {});
+		}, [capability]);
+		return useDeclaredState(select);
+	};
+}
+/**
+* Turn a plugin's token into its settings hook. A plugin's settings belong to
+* the plugin as the app registered it, not to a document, so the hook reads
+* them through the kernel (`kernel.settingsOf`): it works before the first
+* document opens, and every document shows the same settings. It re-renders
+* only when a setting changes: `getSettings()` keeps its object until then,
+* and the value `select` picks is compared with {@link shallowEqual}. A token
+* whose plugin isn't installed, or has no settings, throws: a setup mistake.
+*/
+function settingsHook(token) {
+	return function useSettings(select) {
+		return require_runtime.useKernelValue((kernel) => {
+			const settings = kernel.settingsOf(token).getSettings();
+			return select ? select(settings) : settings;
+		}, _embedpdf_core.shallowEqual);
+	};
+}
+//#endregion
+Object.defineProperty(exports, "settingsHook", {
+	enumerable: true,
+	get: function() {
+		return settingsHook;
+	}
+});
+Object.defineProperty(exports, "stateHook", {
+	enumerable: true,
+	get: function() {
+		return stateHook;
+	}
+});
+
+//# sourceMappingURL=state-Dtf8HAue.cjs.map

package/dist/state-Dtf8HAue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-Dtf8HAue.cjs","names":["useDocumentScope","useKernelValue","shallowEqual"],"sources":["../src/state.ts"],"sourcesContent":["/**\n * Declared state and settings as React hooks. A plugin declares its state once\n * with `defineState` and its settings once in its definition (both in\n * `@embedpdf/core`), and its React bindings are one line each:\n *\n *   export const useSearchState = stateHook(searchState);\n *   export const useSearchSettings = settingsHook(SearchToken);\n */\nimport { useEffect } from 'react';\nimport { shallowEqual } from '@embedpdf/core';\nimport type { CapabilityToken, SettingsOf, StateDeclaration } from '@embedpdf/core';\nimport { useDocumentScope, useKernelValue } from './runtime';\n\n/** A declared state's hook: the whole state, or the value `select` picks from it. */\nexport type StateHook<State> = <Selected = State>(select?: (state: State) => Selected) => Selected;\n\n/** A plugin's settings hook: the settings, or the value `select` picks from them. */\nexport type SettingsHook<Settings> = <Selected = Settings>(\n  select?: (settings: Settings) => Selected,\n) => Selected;\n\n/**\n * Turn a state declaration into its hook. The hook reads this subtree's\n * document (the nearest <DocumentScope>, else the active one) and returns the\n * declaration's `empty` while that document is missing or not ready, so it\n * renders anywhere. It re-renders only when a field changes: the state, or the\n * value `select` picks from it, is compared with {@link shallowEqual}. State\n * the plugin loads on demand (the declaration's `ensure`) loads once a ready\n * document's capability is in scope, for every document the hook reads.\n */\nexport function stateHook<Capability, State extends object>(\n  declaration: StateDeclaration<Capability, State>,\n): StateHook<State> {\n  const { ensure } = declaration;\n  const useDeclaredState = function useDeclaredState<Selected = State>(\n    select?: (state: State) => Selected,\n  ): Selected {\n    const scoped = useDocumentScope();\n    // Resolve on every read, not once per render: a document that closes\n    // between a store change and the next render then reads as `empty`,\n    // never through its closed capability.\n    return useKernelValue((kernel) => {\n      const capability = kernel.tryCapability(declaration.token, scoped ?? undefined);\n      const state = capability ? declaration.read(capability) : declaration.empty;\n      return select ? select(state) : (state as unknown as Selected);\n    }, shallowEqual);\n  };\n  if (!ensure) return useDeclaredState;\n  return function useLoadedState<Selected = State>(select?: (state: State) => Selected): Selected {\n    const scoped = useDocumentScope();\n    const capability = useKernelValue(\n      (kernel) => kernel.tryCapability(declaration.token, scoped ?? undefined),\n      Object.is,\n    );\n    // The state says when the load fails (its status), so the rejection has nothing to add.\n    useEffect(() => {\n      if (capability) ensure(capability).catch(() => {});\n    }, [capability]);\n    return useDeclaredState(select);\n  };\n}\n\n/**\n * Turn a plugin's token into its settings hook. A plugin's settings belong to\n * the plugin as the app registered it, not to a document, so the hook reads\n * them through the kernel (`kernel.settingsOf`): it works before the first\n * document opens, and every document shows the same settings. It re-renders\n * only when a setting changes: `getSettings()` keeps its object until then,\n * and the value `select` picks is compared with {@link shallowEqual}. A token\n * whose plugin isn't installed, or has no settings, throws: a setup mistake.\n */\nexport function settingsHook<Capability>(\n  token: CapabilityToken<Capability>,\n): SettingsHook<SettingsOf<Capability>> {\n  return function useSettings<Selected = SettingsOf<Capability>>(\n    select?: (settings: SettingsOf<Capability>) => Selected,\n  ): Selected {\n    return useKernelValue((kernel) => {\n      const settings = kernel.settingsOf(token).getSettings();\n      return select ? select(settings) : (settings as unknown as Selected);\n    }, shallowEqual);\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,UACd,aACkB;CAClB,MAAM,EAAE,WAAW;CACnB,MAAM,mBAAmB,SAAS,iBAChC,QACU;EACV,MAAM,SAASA,gBAAAA,iBAAiB;EAIhC,OAAOC,gBAAAA,gBAAgB,WAAW;GAChC,MAAM,aAAa,OAAO,cAAc,YAAY,OAAO,UAAU,KAAA,CAAS;GAC9E,MAAM,QAAQ,aAAa,YAAY,KAAK,UAAU,IAAI,YAAY;GACtE,OAAO,SAAS,OAAO,KAAK,IAAK;EACnC,GAAGC,eAAAA,YAAY;CACjB;CACA,IAAI,CAAC,QAAQ,OAAO;CACpB,OAAO,SAAS,eAAiC,QAA+C;EAC9F,MAAM,SAASF,gBAAAA,iBAAiB;EAChC,MAAM,aAAaC,gBAAAA,gBAChB,WAAW,OAAO,cAAc,YAAY,OAAO,UAAU,KAAA,CAAS,GACvE,OAAO,EACT;EAEA,CAAA,GAAA,MAAA,UAAA,OAAgB;GACd,IAAI,YAAY,OAAO,UAAU,CAAC,CAAC,YAAY,CAAC,CAAC;EACnD,GAAG,CAAC,UAAU,CAAC;EACf,OAAO,iBAAiB,MAAM;CAChC;AACF;;;;;;;;;;AAWA,SAAgB,aACd,OACsC;CACtC,OAAO,SAAS,YACd,QACU;EACV,OAAOA,gBAAAA,gBAAgB,WAAW;GAChC,MAAM,WAAW,OAAO,WAAW,KAAK,CAAC,CAAC,YAAY;GACtD,OAAO,SAAS,OAAO,QAAQ,IAAK;EACtC,GAAGC,eAAAA,YAAY;CACjB;AACF"}

package/dist/svg-shapes-Dm1yTR1b.js

@@ -0,0 +1,40 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import { createFontMounts, fontProgramsOf } from "@embedpdf/web";
+import React, { useEffect, useState } from "react";
+//#region src/font-mounts.ts
+/**
+* The engine's faces a part of a layer draws text in, mounted while it's
+* there (`@embedpdf/web`'s `createFontMounts`, one set per component).
+*/
+function useFontMounts(programs) {
+	const [mounts] = useState(() => createFontMounts());
+	useEffect(() => () => mounts.release(), [mounts]);
+	useEffect(() => mounts.mount(programs));
+}
+//#endregion
+//#region src/svg-shapes.tsx
+/**
+* Scene shapes as React elements: `@embedpdf/web`'s element descriptions
+* (`svgShapesOf`), one element each, a clipping `svg` with its children, and
+* the faces their text draws in mounted while they show. The annotation and
+* form layers draw their scenes through it.
+*/
+function SvgShapes({ shapes }) {
+	useFontMounts(fontProgramsOf(shapes));
+	return /* @__PURE__ */ jsx(Fragment, { children: svgElements(shapes) });
+}
+/** SVG attribute names as React's props: `stroke-width` is `strokeWidth`. */
+function reactProps(attributes) {
+	return Object.fromEntries(Object.entries(attributes).map(([name, value]) => [name.replace(/-([a-z])/g, (_dash, letter) => letter.toUpperCase()), value]));
+}
+function svgElements(shapes) {
+	return shapes.map((shape, index) => React.createElement(shape.tag, {
+		key: index,
+		...reactProps(shape.attributes),
+		...shape.blend ? { style: { mixBlendMode: shape.blend } } : {}
+	}, shape.children ? svgElements(shape.children) : shape.text));
+}
+//#endregion
+export { useFontMounts as n, SvgShapes as t };
+
+//# sourceMappingURL=svg-shapes-Dm1yTR1b.js.map

package/dist/svg-shapes-Dm1yTR1b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-shapes-Dm1yTR1b.js","names":[],"sources":["../src/font-mounts.ts","../src/svg-shapes.tsx"],"sourcesContent":["/**\n * The engine's faces a part of a layer draws text in, mounted while it's\n * there (`@embedpdf/web`'s `createFontMounts`, one set per component).\n */\nimport { createFontMounts, type MountableFontProgram } from '@embedpdf/web';\nimport { useEffect, useState } from 'react';\n\nexport function useFontMounts(programs: readonly MountableFontProgram[]): void {\n  const [mounts] = useState(() => createFontMounts());\n  useEffect(() => () => mounts.release(), [mounts]);\n  useEffect(() => mounts.mount(programs));\n}\n","/**\n * Scene shapes as React elements: `@embedpdf/web`'s element descriptions\n * (`svgShapesOf`), one element each, a clipping `svg` with its children, and\n * the faces their text draws in mounted while they show. The annotation and\n * form layers draw their scenes through it.\n */\nimport { fontProgramsOf, type SvgShape } from '@embedpdf/web';\nimport React from 'react';\n\nimport { useFontMounts } from './font-mounts';\n\nexport function SvgShapes({ shapes }: { shapes: readonly SvgShape[] }) {\n  useFontMounts(fontProgramsOf(shapes));\n  return <>{svgElements(shapes)}</>;\n}\n\n/** SVG attribute names as React's props: `stroke-width` is `strokeWidth`. */\nfunction reactProps(attributes: Readonly<Record<string, string | number>>) {\n  return Object.fromEntries(\n    Object.entries(attributes).map(([name, value]) => [\n      name.replace(/-([a-z])/g, (_dash, letter: string) => letter.toUpperCase()),\n      value,\n    ]),\n  );\n}\n\nfunction svgElements(shapes: readonly SvgShape[]): React.ReactNode[] {\n  return shapes.map((shape, index) =>\n    React.createElement(\n      shape.tag,\n      {\n        key: index,\n        ...reactProps(shape.attributes),\n        ...(shape.blend\n          ? { style: { mixBlendMode: shape.blend as React.CSSProperties['mixBlendMode'] } }\n          : {}),\n      },\n      shape.children ? svgElements(shape.children) : shape.text,\n    ),\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,cAAc,UAAiD;CAC7E,MAAM,CAAC,UAAU,eAAe,iBAAiB,CAAC;CAClD,sBAAsB,OAAO,QAAQ,GAAG,CAAC,MAAM,CAAC;CAChD,gBAAgB,OAAO,MAAM,QAAQ,CAAC;AACxC;;;;;;;;;ACAA,SAAgB,UAAU,EAAE,UAA2C;CACrE,cAAc,eAAe,MAAM,CAAC;CACpC,OAAO,oBAAA,UAAA,EAAA,UAAG,YAAY,MAAM,EAAI,CAAA;AAClC;;AAGA,SAAS,WAAW,YAAuD;CACzE,OAAO,OAAO,YACZ,OAAO,QAAQ,UAAU,CAAC,CAAC,KAAK,CAAC,MAAM,WAAW,CAChD,KAAK,QAAQ,cAAc,OAAO,WAAmB,OAAO,YAAY,CAAC,GACzE,KACF,CAAC,CACH;AACF;AAEA,SAAS,YAAY,QAAgD;CACnE,OAAO,OAAO,KAAK,OAAO,UACxB,MAAM,cACJ,MAAM,KACN;EACE,KAAK;EACL,GAAG,WAAW,MAAM,UAAU;EAC9B,GAAI,MAAM,QACN,EAAE,OAAO,EAAE,cAAc,MAAM,MAA6C,EAAE,IAC9E,CAAC;CACP,GACA,MAAM,WAAW,YAAY,MAAM,QAAQ,IAAI,MAAM,IACvD,CACF;AACF"}

package/dist/svg-shapes-zo0GNkc9.cjs

@@ -0,0 +1,53 @@
+const require_rolldown_runtime = require("./rolldown-runtime-DDXJien1.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _embedpdf_web = require("@embedpdf/web");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+//#region src/font-mounts.ts
+/**
+* The engine's faces a part of a layer draws text in, mounted while it's
+* there (`@embedpdf/web`'s `createFontMounts`, one set per component).
+*/
+function useFontMounts(programs) {
+	const [mounts] = (0, react.useState)(() => (0, _embedpdf_web.createFontMounts)());
+	(0, react.useEffect)(() => () => mounts.release(), [mounts]);
+	(0, react.useEffect)(() => mounts.mount(programs));
+}
+//#endregion
+//#region src/svg-shapes.tsx
+/**
+* Scene shapes as React elements: `@embedpdf/web`'s element descriptions
+* (`svgShapesOf`), one element each, a clipping `svg` with its children, and
+* the faces their text draws in mounted while they show. The annotation and
+* form layers draw their scenes through it.
+*/
+function SvgShapes({ shapes }) {
+	useFontMounts((0, _embedpdf_web.fontProgramsOf)(shapes));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: svgElements(shapes) });
+}
+/** SVG attribute names as React's props: `stroke-width` is `strokeWidth`. */
+function reactProps(attributes) {
+	return Object.fromEntries(Object.entries(attributes).map(([name, value]) => [name.replace(/-([a-z])/g, (_dash, letter) => letter.toUpperCase()), value]));
+}
+function svgElements(shapes) {
+	return shapes.map((shape, index) => react.default.createElement(shape.tag, {
+		key: index,
+		...reactProps(shape.attributes),
+		...shape.blend ? { style: { mixBlendMode: shape.blend } } : {}
+	}, shape.children ? svgElements(shape.children) : shape.text));
+}
+//#endregion
+Object.defineProperty(exports, "SvgShapes", {
+	enumerable: true,
+	get: function() {
+		return SvgShapes;
+	}
+});
+Object.defineProperty(exports, "useFontMounts", {
+	enumerable: true,
+	get: function() {
+		return useFontMounts;
+	}
+});
+
+//# sourceMappingURL=svg-shapes-zo0GNkc9.cjs.map

package/dist/svg-shapes-zo0GNkc9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-shapes-zo0GNkc9.cjs","names":["React"],"sources":["../src/font-mounts.ts","../src/svg-shapes.tsx"],"sourcesContent":["/**\n * The engine's faces a part of a layer draws text in, mounted while it's\n * there (`@embedpdf/web`'s `createFontMounts`, one set per component).\n */\nimport { createFontMounts, type MountableFontProgram } from '@embedpdf/web';\nimport { useEffect, useState } from 'react';\n\nexport function useFontMounts(programs: readonly MountableFontProgram[]): void {\n  const [mounts] = useState(() => createFontMounts());\n  useEffect(() => () => mounts.release(), [mounts]);\n  useEffect(() => mounts.mount(programs));\n}\n","/**\n * Scene shapes as React elements: `@embedpdf/web`'s element descriptions\n * (`svgShapesOf`), one element each, a clipping `svg` with its children, and\n * the faces their text draws in mounted while they show. The annotation and\n * form layers draw their scenes through it.\n */\nimport { fontProgramsOf, type SvgShape } from '@embedpdf/web';\nimport React from 'react';\n\nimport { useFontMounts } from './font-mounts';\n\nexport function SvgShapes({ shapes }: { shapes: readonly SvgShape[] }) {\n  useFontMounts(fontProgramsOf(shapes));\n  return <>{svgElements(shapes)}</>;\n}\n\n/** SVG attribute names as React's props: `stroke-width` is `strokeWidth`. */\nfunction reactProps(attributes: Readonly<Record<string, string | number>>) {\n  return Object.fromEntries(\n    Object.entries(attributes).map(([name, value]) => [\n      name.replace(/-([a-z])/g, (_dash, letter: string) => letter.toUpperCase()),\n      value,\n    ]),\n  );\n}\n\nfunction svgElements(shapes: readonly SvgShape[]): React.ReactNode[] {\n  return shapes.map((shape, index) =>\n    React.createElement(\n      shape.tag,\n      {\n        key: index,\n        ...reactProps(shape.attributes),\n        ...(shape.blend\n          ? { style: { mixBlendMode: shape.blend as React.CSSProperties['mixBlendMode'] } }\n          : {}),\n      },\n      shape.children ? svgElements(shape.children) : shape.text,\n    ),\n  );\n}\n"],"mappings":";;;;;;;;;;AAOA,SAAgB,cAAc,UAAiD;CAC7E,MAAM,CAAC,WAAA,GAAA,MAAA,SAAA,QAAA,GAAA,cAAA,iBAAA,CAA0C,CAAC;CAClD,CAAA,GAAA,MAAA,UAAA,aAAsB,OAAO,QAAQ,GAAG,CAAC,MAAM,CAAC;CAChD,CAAA,GAAA,MAAA,UAAA,OAAgB,OAAO,MAAM,QAAQ,CAAC;AACxC;;;;;;;;;ACAA,SAAgB,UAAU,EAAE,UAA2C;CACrE,eAAA,GAAA,cAAA,eAAA,CAA6B,MAAM,CAAC;CACpC,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAA,kBAAA,UAAA,EAAA,UAAG,YAAY,MAAM,EAAI,CAAA;AAClC;;AAGA,SAAS,WAAW,YAAuD;CACzE,OAAO,OAAO,YACZ,OAAO,QAAQ,UAAU,CAAC,CAAC,KAAK,CAAC,MAAM,WAAW,CAChD,KAAK,QAAQ,cAAc,OAAO,WAAmB,OAAO,YAAY,CAAC,GACzE,KACF,CAAC,CACH;AACF;AAEA,SAAS,YAAY,QAAgD;CACnE,OAAO,OAAO,KAAK,OAAO,UACxBA,MAAAA,QAAM,cACJ,MAAM,KACN;EACE,KAAK;EACL,GAAG,WAAW,MAAM,UAAU;EAC9B,GAAI,MAAM,QACN,EAAE,OAAO,EAAE,cAAc,MAAM,MAA6C,EAAE,IAC9E,CAAC;CACP,GACA,MAAM,WAAW,YAAY,MAAM,QAAQ,IAAI,MAAM,IACvD,CACF;AACF"}