@cascivo/flow 0.18.0 → 1.0.0

package/dist/index.d.ts

@@ -545,6 +545,14 @@ interface FlowMiniMapProps {
   nodeColor?: string | undefined;
   onViewportChange?: ((viewport: Viewport) => void) | undefined;
   label?: string | undefined;
+  /**
+   * Alias of `label` — the same invisible accessible name under the catalog's own spelling.
+   *
+   * `ariaLabel` is what the catalog calls a name nothing paints, so it is the guess an agent
+   * makes after reading one other component (2026-08-21 report item 1). This component
+   * predates the convention and shipped `label`; both work and neither is deprecated.
+   */
+  ariaLabel?: string | undefined;
   className?: string | undefined;
 }
 /**
@@ -562,6 +570,7 @@ declare function FlowMiniMap({
   nodeColor,
   onViewportChange,
   label,
+  ariaLabel,
   className
 }: FlowMiniMapProps): import("react").JSX.Element;
 type FlowPanelPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';

package/dist/index.js

@@ -285,16 +285,16 @@ function B(e, t, n) {
 }
 //#endregion
 //#region src/engine/script.ts
-function ee(e) {
+function V(e) {
 	return "edge" in e;
 }
-function te(e, t) {
+function ee(e, t) {
 	let n = {
 		label: e.label,
 		description: e.description,
 		duration: e.duration
 	};
-	if (ee(e)) {
+	if (V(e)) {
 		let r = t.find((t) => t.id === e.edge);
 		if (!r) throw Error(`FlowStory: step references unknown edge "${e.edge}"`);
 		return {
@@ -317,8 +317,8 @@ function te(e, t) {
 	};
 	throw Error(`FlowStory: no edge connects "${e.from}" and "${e.to}"`);
 }
-function V(e, t) {
-	return e.map((e) => te(e, t));
+function te(e, t) {
+	return e.map((e) => ee(e, t));
 }
 //#endregion
 //#region src/core/use-viewport.ts
@@ -421,7 +421,7 @@ function U(e, t = {}) {
 //#endregion
 //#region src/core/use-connection.ts
 var ne = "[data-flow-handle][data-handle-type=\"source\"]", re = "[data-flow-handle][data-handle-type=\"target\"]";
-function W(e) {
+function ie(e) {
 	let { containerRef: t } = e, n = o(null), r = u(e.onConnect);
 	r.current = e.onConnect;
 	let a = u(e.isValid);
@@ -474,9 +474,9 @@ function W(e) {
 }
 //#endregion
 //#region src/core/use-story.ts
-var ie = 1500;
-function ae(e) {
-	let { steps: r, loop: i = !0, stepDuration: a = ie, stepGap: o = 0 } = e, [c, l] = n({
+var ae = 1500;
+function oe(e) {
+	let { steps: r, loop: i = !0, stepDuration: a = ae, stepGap: o = 0 } = e, [c, l] = n({
 		value: e.currentStep,
 		defaultValue: e.defaultCurrentStep ?? 0,
 		onChange: e.onStepChange
@@ -520,14 +520,14 @@ function ae(e) {
 		}
 	};
 }
-var G = {
+var W = {
 	canvas: "_canvas_6fiig_2",
 	pane: "_pane_6fiig_13",
 	panSurface: "_panSurface_6fiig_24"
 };
 //#endregion
 //#region src/core/flow-canvas/flow-canvas.tsx
-function oe({ children: t, flow: n, viewport: r, defaultViewport: i, onViewportChange: a, minZoom: o, maxZoom: s, panOnDrag: l = !0, zoomOnScroll: u = !0, fitView: d = !1, controller: m, chrome: h, className: g, role: _ = "application", ...v }) {
+function se({ children: t, flow: n, viewport: r, defaultViewport: i, onViewportChange: a, minZoom: o, maxZoom: s, panOnDrag: l = !0, zoomOnScroll: u = !0, fitView: d = !1, controller: m, chrome: h, className: g, role: _ = "application", ...v }) {
 	c();
 	let b = y({
 		viewport: r,
@@ -542,11 +542,11 @@ function oe({ children: t, flow: n, viewport: r, defaultViewport: i, onViewportC
 	}), C = m ?? S, w = x.viewport.value;
 	return /* @__PURE__ */ p("div", {
 		ref: C.containerRef,
-		className: e(G.canvas, g),
+		className: e(W.canvas, g),
 		role: _,
 		...v,
 		children: [/* @__PURE__ */ p("div", {
-			className: G.pane,
+			className: W.pane,
 			style: {
 				"--flow-tx": `${w.x}px`,
 				"--flow-ty": `${w.y}px`,
@@ -554,20 +554,20 @@ function oe({ children: t, flow: n, viewport: r, defaultViewport: i, onViewportC
 			},
 			children: [/* @__PURE__ */ f("div", {
 				ref: C.panHandleRef,
-				className: G.panSurface,
+				className: W.panSurface,
 				"aria-hidden": "true"
 			}), t]
 		}), h]
 	});
 }
-var se = { background: "_background_1pu9x_2" };
+var ce = { background: "_background_1pu9x_2" };
 //#endregion
 //#region src/flows/flow-background/flow-background.tsx
-function ce({ variant: e = "dots", gap: t = 20, size: n = 1, color: r, className: i, style: a, ...o }) {
+function le({ variant: e = "dots", gap: t = 20, size: n = 1, color: r, className: i, style: a, ...o }) {
 	return /* @__PURE__ */ f("div", {
 		"data-variant": e,
 		"aria-hidden": "true",
-		className: m(se.background, i),
+		className: m(ce.background, i),
 		style: {
 			"--flow-bg-gap": `${t}px`,
 			"--flow-bg-size": `${n}px`,
@@ -578,10 +578,10 @@ function ce({ variant: e = "dots", gap: t = 20, size: n = 1, color: r, className
 		...o
 	});
 }
-var le = { node: "_node_9zyg4_2" };
+var ue = { node: "_node_9zyg4_2" };
 //#endregion
 //#region src/flows/flow-node/flow-node.tsx
-function ue({ id: t, position: i, defaultPosition: a, onPositionChange: o, onMeasure: l, zoom: d = 1, selected: p = !1, draggable: m = !0, interactive: h = !0, onSelect: g, children: _, className: v, onClick: y, onKeyDown: b, ...x }) {
+function de({ id: t, position: i, defaultPosition: a, onPositionChange: o, onMeasure: l, zoom: d = 1, selected: p = !1, draggable: m = !0, interactive: h = !0, onSelect: g, children: _, className: v, onClick: y, onKeyDown: b, ...x }) {
 	c();
 	let S = m && h, [C, w] = n({
 		value: i,
@@ -636,7 +636,7 @@ function ue({ id: t, position: i, defaultPosition: a, onPositionChange: o, onMea
 		"data-static": !h || void 0,
 		role: "group",
 		tabIndex: h ? 0 : void 0,
-		className: e(le.node, v),
+		className: e(ue.node, v),
 		style: {
 			"--flow-x": `${P.x}px`,
 			"--flow-y": `${P.y}px`
@@ -651,7 +651,7 @@ function ue({ id: t, position: i, defaultPosition: a, onPositionChange: o, onMea
 		children: _
 	});
 }
-var de = {
+var G = {
 	handle: "_handle_8a1xa_2",
 	dot: "_dot_8a1xa_41"
 };
@@ -668,10 +668,10 @@ function K({ type: e, position: t, id: n, isConnectable: r = !0, className: i, .
 		"data-connectable": r || void 0,
 		"data-flow-handle": "",
 		tabIndex: r ? 0 : -1,
-		className: m(de.handle, i),
+		className: m(G.handle, i),
 		...a,
 		children: /* @__PURE__ */ f("span", {
-			className: de.dot,
+			className: G.dot,
 			"aria-hidden": "true"
 		})
 	});
@@ -809,22 +809,22 @@ var Z = {
 };
 //#endregion
 //#region src/flows/flow-minimap/flow-minimap.tsx
-function me({ nodes: t, viewport: n, containerWidth: i, containerHeight: a, width: o = 200, height: l = 150, position: d = "bottom-right", nodeColor: m, onViewportChange: _, label: v, className: y }) {
+function me({ nodes: t, viewport: n, containerWidth: i, containerHeight: a, width: o = 200, height: l = 150, position: d = "bottom-right", nodeColor: m, onViewportChange: _, label: v, ariaLabel: y, className: b }) {
 	c();
-	let b = E(t) ?? {
+	let S = E(t) ?? {
 		x: 0,
 		y: 0,
 		width: 1,
 		height: 1
-	}, S = b.width || 1, C = b.height || 1, T = S * .1, D = C * .1, O = {
-		x: b.x - T,
-		y: b.y - D,
-		width: S + T * 2,
-		height: C + D * 2
-	}, k = Math.min(o / O.width, l / O.height), A = -O.x * k + (o - O.width * k) / 2, j = -O.y * k + (l - O.height * k) / 2, M = (e) => ({
-		x: e.x * k + A,
-		y: e.y * k + j
-	}), N = null;
+	}, C = S.width || 1, T = S.height || 1, D = C * .1, O = T * .1, k = {
+		x: S.x - D,
+		y: S.y - O,
+		width: C + D * 2,
+		height: T + O * 2
+	}, A = Math.min(o / k.width, l / k.height), j = -k.x * A + (o - k.width * A) / 2, M = -k.y * A + (l - k.height * A) / 2, N = (e) => ({
+		x: e.x * A + j,
+		y: e.y * A + M
+	}), P = null;
 	if (i && a) {
 		let e = x({
 			x: 0,
@@ -832,45 +832,45 @@ function me({ nodes: t, viewport: n, containerWidth: i, containerHeight: a, widt
 		}, n), t = x({
 			x: i,
 			y: a
-		}, n), r = M(e);
-		N = {
+		}, n), r = N(e);
+		P = {
 			x: r.x,
 			y: r.y,
-			w: (t.x - e.x) * k,
-			h: (t.y - e.y) * k
+			w: (t.x - e.x) * A,
+			h: (t.y - e.y) * A
 		};
 	}
-	let { handleRef: P, offset: F, isDragging: I } = r({ isDisabled: !_ }), L = u(null), R = (e) => {
-		L.current = e, P.current = e;
-	}, z = u(_);
-	z.current = _;
-	let B = u(null);
+	let { handleRef: F, offset: I, isDragging: L } = r({ isDisabled: !_ }), R = u(null), z = (e) => {
+		R.current = e, F.current = e;
+	}, B = u(_);
+	B.current = _;
+	let V = u(null);
 	return s(() => {
-		let e = I.value, t = F.value;
-		if (!z.current) return;
+		let e = L.value, t = I.value;
+		if (!B.current) return;
 		if (!e) {
-			B.current = null;
+			V.current = null;
 			return;
 		}
-		B.current ||= {
+		V.current ||= {
 			vp: n,
 			off: t
 		};
-		let r = B.current, i = r.vp.zoom;
-		z.current({
-			x: r.vp.x - (t.x - r.off.x) / k * i,
-			y: r.vp.y - (t.y - r.off.y) / k * i,
+		let r = V.current, i = r.vp.zoom;
+		B.current({
+			x: r.vp.x - (t.x - r.off.x) / A * i,
+			y: r.vp.y - (t.y - r.off.y) / A * i,
 			zoom: i
 		});
 	}), /* @__PURE__ */ p("svg", {
 		"data-position": d,
-		className: e(Z.minimap, y),
+		className: e(Z.minimap, b),
 		width: o,
 		height: l,
 		role: "img",
-		"aria-label": v ?? g(h.flow.minimap),
+		"aria-label": y ?? v ?? g(h.flow.minimap),
 		children: [t.map((e) => {
-			let t = w(e), n = M({
+			let t = w(e), n = N({
 				x: t.x,
 				y: t.y
 			});
@@ -879,18 +879,18 @@ function me({ nodes: t, viewport: n, containerWidth: i, containerHeight: a, widt
 				className: Z.node,
 				x: n.x,
 				y: n.y,
-				width: t.width * k,
-				height: t.height * k,
+				width: t.width * A,
+				height: t.height * A,
 				fill: m
 			}, e.id);
-		}), N && /* @__PURE__ */ f("rect", {
-			ref: R,
+		}), P && /* @__PURE__ */ f("rect", {
+			ref: z,
 			"data-viewport": "",
 			className: Z.viewport,
-			x: N.x,
-			y: N.y,
-			width: N.w,
-			height: N.h
+			x: P.x,
+			y: P.y,
+			width: P.w,
+			height: P.h
 		})]
 	});
 }
@@ -917,7 +917,7 @@ function ye({ nodes: t, edges: n, onNodesChange: r, onEdgesChange: i, onConnect:
 		minZoom: _,
 		maxZoom: v,
 		fitOnInit: l
-	}), { connection: k } = W({
+	}), { connection: k } = ie({
 		containerRef: O.containerRef,
 		clientToFlow: (e, t) => {
 			let n = O.containerRef.current?.getBoundingClientRect();
@@ -953,7 +953,7 @@ function ye({ nodes: t, edges: n, onNodesChange: r, onEdgesChange: i, onConnect:
 			height: t.height
 		} : e];
 	})), R = k.value;
-	return /* @__PURE__ */ p(oe, {
+	return /* @__PURE__ */ p(se, {
 		flow: D,
 		controller: O,
 		minZoom: _,
@@ -972,7 +972,7 @@ function ye({ nodes: t, edges: n, onNodesChange: r, onEdgesChange: i, onConnect:
 		className: e(_e.flow, w),
 		style: E,
 		children: [
-			u && /* @__PURE__ */ f(ce, { ...typeof u == "object" ? u : {} }),
+			u && /* @__PURE__ */ f(le, { ...typeof u == "object" ? u : {} }),
 			P.map((e) => {
 				let t = L.get(e.source), n = L.get(e.target);
 				if (!t || !n) return null;
@@ -1000,7 +1000,7 @@ function ye({ nodes: t, edges: n, onNodesChange: r, onEdgesChange: i, onConnect:
 				targetY: R.to.y,
 				markerEnd: !1
 			}),
-			N.map((e) => /* @__PURE__ */ f(ue, {
+			N.map((e) => /* @__PURE__ */ f(de, {
 				id: e.id,
 				position: e.position,
 				zoom: F,
@@ -1042,7 +1042,7 @@ var Q = {
 };
 function be({ nodes: t, edges: n, script: r, loop: i = !0, stepDuration: a = 1500, stepGap: o = 0, playing: s, currentStep: l, onStepChange: u, controls: d = !0, autoPlay: m = !0, background: _ = !0, interactive: v = !1, labels: y, clock: b, className: x, style: S }) {
 	c();
-	let C = V(r, n), w = ae({
+	let C = te(r, n), w = oe({
 		steps: C,
 		loop: i,
 		stepDuration: a,
@@ -1136,4 +1136,4 @@ function be({ nodes: t, edges: n, script: r, loop: i = !0, stepDuration: a = 150
 	});
 }
 //#endregion
-export { _ as DEFAULT_NODE_SIZE, ye as Flow, ce as FlowBackground, oe as FlowCanvas, pe as FlowControls, J as FlowEdge, K as FlowHandle, me as FlowMiniMap, ue as FlowNode, ge as FlowPanel, be as FlowStory, B as applyLayout, M as bezierPath, b as clampZoom, L as edgePath, D as fitViewport, S as flowToScreen, E as graphBounds, R as gridLayout, T as handleAnchor, z as layeredLayout, w as nodeBounds, C as nodeSize, V as resolveScript, te as resolveStep, x as screenToFlow, I as smoothStepPath, j as straightPath, W as useConnection, y as useFlow, ae as useStory, U as useViewport };
+export { _ as DEFAULT_NODE_SIZE, ye as Flow, le as FlowBackground, se as FlowCanvas, pe as FlowControls, J as FlowEdge, K as FlowHandle, me as FlowMiniMap, de as FlowNode, ge as FlowPanel, be as FlowStory, B as applyLayout, M as bezierPath, b as clampZoom, L as edgePath, D as fitViewport, S as flowToScreen, E as graphBounds, R as gridLayout, T as handleAnchor, z as layeredLayout, w as nodeBounds, C as nodeSize, te as resolveScript, ee as resolveStep, x as screenToFlow, I as smoothStepPath, j as straightPath, ie as useConnection, y as useFlow, oe as useStory, U as useViewport };

package/dist/node/index.js

@@ -284,16 +284,16 @@ function B(e, t, n) {
 }
 //#endregion
 //#region src/engine/script.ts
-function ee(e) {
+function V(e) {
 	return "edge" in e;
 }
-function te(e, t) {
+function ee(e, t) {
 	let n = {
 		label: e.label,
 		description: e.description,
 		duration: e.duration
 	};
-	if (ee(e)) {
+	if (V(e)) {
 		let r = t.find((t) => t.id === e.edge);
 		if (!r) throw Error(`FlowStory: step references unknown edge "${e.edge}"`);
 		return {
@@ -316,8 +316,8 @@ function te(e, t) {
 	};
 	throw Error(`FlowStory: no edge connects "${e.from}" and "${e.to}"`);
 }
-function V(e, t) {
-	return e.map((e) => te(e, t));
+function te(e, t) {
+	return e.map((e) => ee(e, t));
 }
 //#endregion
 //#region src/core/use-viewport.ts
@@ -420,7 +420,7 @@ function U(e, t = {}) {
 //#endregion
 //#region src/core/use-connection.ts
 var ne = "[data-flow-handle][data-handle-type=\"source\"]", re = "[data-flow-handle][data-handle-type=\"target\"]";
-function W(e) {
+function ie(e) {
 	let { containerRef: t } = e, n = o(null), r = u(e.onConnect);
 	r.current = e.onConnect;
 	let a = u(e.isValid);
@@ -473,9 +473,9 @@ function W(e) {
 }
 //#endregion
 //#region src/core/use-story.ts
-var ie = 1500;
-function ae(e) {
-	let { steps: r, loop: i = !0, stepDuration: a = ie, stepGap: o = 0 } = e, [c, l] = n({
+var ae = 1500;
+function oe(e) {
+	let { steps: r, loop: i = !0, stepDuration: a = ae, stepGap: o = 0 } = e, [c, l] = n({
 		value: e.currentStep,
 		defaultValue: e.defaultCurrentStep ?? 0,
 		onChange: e.onStepChange
@@ -519,14 +519,14 @@ function ae(e) {
 		}
 	};
 }
-var G = {
+var W = {
 	canvas: "_canvas_6fiig_2",
 	pane: "_pane_6fiig_13",
 	panSurface: "_panSurface_6fiig_24"
 };
 //#endregion
 //#region src/core/flow-canvas/flow-canvas.tsx
-function oe({ children: t, flow: n, viewport: r, defaultViewport: i, onViewportChange: a, minZoom: o, maxZoom: s, panOnDrag: l = !0, zoomOnScroll: u = !0, fitView: d = !1, controller: m, chrome: h, className: g, role: _ = "application", ...v }) {
+function se({ children: t, flow: n, viewport: r, defaultViewport: i, onViewportChange: a, minZoom: o, maxZoom: s, panOnDrag: l = !0, zoomOnScroll: u = !0, fitView: d = !1, controller: m, chrome: h, className: g, role: _ = "application", ...v }) {
 	c();
 	let b = y({
 		viewport: r,
@@ -541,11 +541,11 @@ function oe({ children: t, flow: n, viewport: r, defaultViewport: i, onViewportC
 	}), C = m ?? S, w = x.viewport.value;
 	return /* @__PURE__ */ p("div", {
 		ref: C.containerRef,
-		className: e(G.canvas, g),
+		className: e(W.canvas, g),
 		role: _,
 		...v,
 		children: [/* @__PURE__ */ p("div", {
-			className: G.pane,
+			className: W.pane,
 			style: {
 				"--flow-tx": `${w.x}px`,
 				"--flow-ty": `${w.y}px`,
@@ -553,20 +553,20 @@ function oe({ children: t, flow: n, viewport: r, defaultViewport: i, onViewportC
 			},
 			children: [/* @__PURE__ */ f("div", {
 				ref: C.panHandleRef,
-				className: G.panSurface,
+				className: W.panSurface,
 				"aria-hidden": "true"
 			}), t]
 		}), h]
 	});
 }
-var se = { background: "_background_1pu9x_2" };
+var ce = { background: "_background_1pu9x_2" };
 //#endregion
 //#region src/flows/flow-background/flow-background.tsx
-function ce({ variant: e = "dots", gap: t = 20, size: n = 1, color: r, className: i, style: a, ...o }) {
+function le({ variant: e = "dots", gap: t = 20, size: n = 1, color: r, className: i, style: a, ...o }) {
 	return /* @__PURE__ */ f("div", {
 		"data-variant": e,
 		"aria-hidden": "true",
-		className: m(se.background, i),
+		className: m(ce.background, i),
 		style: {
 			"--flow-bg-gap": `${t}px`,
 			"--flow-bg-size": `${n}px`,
@@ -577,10 +577,10 @@ function ce({ variant: e = "dots", gap: t = 20, size: n = 1, color: r, className
 		...o
 	});
 }
-var le = { node: "_node_9zyg4_2" };
+var ue = { node: "_node_9zyg4_2" };
 //#endregion
 //#region src/flows/flow-node/flow-node.tsx
-function ue({ id: t, position: i, defaultPosition: a, onPositionChange: o, onMeasure: l, zoom: d = 1, selected: p = !1, draggable: m = !0, interactive: h = !0, onSelect: g, children: _, className: v, onClick: y, onKeyDown: b, ...x }) {
+function de({ id: t, position: i, defaultPosition: a, onPositionChange: o, onMeasure: l, zoom: d = 1, selected: p = !1, draggable: m = !0, interactive: h = !0, onSelect: g, children: _, className: v, onClick: y, onKeyDown: b, ...x }) {
 	c();
 	let S = m && h, [C, w] = n({
 		value: i,
@@ -635,7 +635,7 @@ function ue({ id: t, position: i, defaultPosition: a, onPositionChange: o, onMea
 		"data-static": !h || void 0,
 		role: "group",
 		tabIndex: h ? 0 : void 0,
-		className: e(le.node, v),
+		className: e(ue.node, v),
 		style: {
 			"--flow-x": `${P.x}px`,
 			"--flow-y": `${P.y}px`
@@ -650,7 +650,7 @@ function ue({ id: t, position: i, defaultPosition: a, onPositionChange: o, onMea
 		children: _
 	});
 }
-var de = {
+var G = {
 	handle: "_handle_8a1xa_2",
 	dot: "_dot_8a1xa_41"
 };
@@ -667,10 +667,10 @@ function K({ type: e, position: t, id: n, isConnectable: r = !0, className: i, .
 		"data-connectable": r || void 0,
 		"data-flow-handle": "",
 		tabIndex: r ? 0 : -1,
-		className: m(de.handle, i),
+		className: m(G.handle, i),
 		...a,
 		children: /* @__PURE__ */ f("span", {
-			className: de.dot,
+			className: G.dot,
 			"aria-hidden": "true"
 		})
 	});
@@ -808,22 +808,22 @@ var Z = {
 };
 //#endregion
 //#region src/flows/flow-minimap/flow-minimap.tsx
-function me({ nodes: t, viewport: n, containerWidth: i, containerHeight: a, width: o = 200, height: l = 150, position: d = "bottom-right", nodeColor: m, onViewportChange: _, label: v, className: y }) {
+function me({ nodes: t, viewport: n, containerWidth: i, containerHeight: a, width: o = 200, height: l = 150, position: d = "bottom-right", nodeColor: m, onViewportChange: _, label: v, ariaLabel: y, className: b }) {
 	c();
-	let b = E(t) ?? {
+	let S = E(t) ?? {
 		x: 0,
 		y: 0,
 		width: 1,
 		height: 1
-	}, S = b.width || 1, C = b.height || 1, T = S * .1, D = C * .1, O = {
-		x: b.x - T,
-		y: b.y - D,
-		width: S + T * 2,
-		height: C + D * 2
-	}, k = Math.min(o / O.width, l / O.height), A = -O.x * k + (o - O.width * k) / 2, j = -O.y * k + (l - O.height * k) / 2, M = (e) => ({
-		x: e.x * k + A,
-		y: e.y * k + j
-	}), N = null;
+	}, C = S.width || 1, T = S.height || 1, D = C * .1, O = T * .1, k = {
+		x: S.x - D,
+		y: S.y - O,
+		width: C + D * 2,
+		height: T + O * 2
+	}, A = Math.min(o / k.width, l / k.height), j = -k.x * A + (o - k.width * A) / 2, M = -k.y * A + (l - k.height * A) / 2, N = (e) => ({
+		x: e.x * A + j,
+		y: e.y * A + M
+	}), P = null;
 	if (i && a) {
 		let e = x({
 			x: 0,
@@ -831,45 +831,45 @@ function me({ nodes: t, viewport: n, containerWidth: i, containerHeight: a, widt
 		}, n), t = x({
 			x: i,
 			y: a
-		}, n), r = M(e);
-		N = {
+		}, n), r = N(e);
+		P = {
 			x: r.x,
 			y: r.y,
-			w: (t.x - e.x) * k,
-			h: (t.y - e.y) * k
+			w: (t.x - e.x) * A,
+			h: (t.y - e.y) * A
 		};
 	}
-	let { handleRef: P, offset: F, isDragging: I } = r({ isDisabled: !_ }), L = u(null), R = (e) => {
-		L.current = e, P.current = e;
-	}, z = u(_);
-	z.current = _;
-	let B = u(null);
+	let { handleRef: F, offset: I, isDragging: L } = r({ isDisabled: !_ }), R = u(null), z = (e) => {
+		R.current = e, F.current = e;
+	}, B = u(_);
+	B.current = _;
+	let V = u(null);
 	return s(() => {
-		let e = I.value, t = F.value;
-		if (!z.current) return;
+		let e = L.value, t = I.value;
+		if (!B.current) return;
 		if (!e) {
-			B.current = null;
+			V.current = null;
 			return;
 		}
-		B.current ||= {
+		V.current ||= {
 			vp: n,
 			off: t
 		};
-		let r = B.current, i = r.vp.zoom;
-		z.current({
-			x: r.vp.x - (t.x - r.off.x) / k * i,
-			y: r.vp.y - (t.y - r.off.y) / k * i,
+		let r = V.current, i = r.vp.zoom;
+		B.current({
+			x: r.vp.x - (t.x - r.off.x) / A * i,
+			y: r.vp.y - (t.y - r.off.y) / A * i,
 			zoom: i
 		});
 	}), /* @__PURE__ */ p("svg", {
 		"data-position": d,
-		className: e(Z.minimap, y),
+		className: e(Z.minimap, b),
 		width: o,
 		height: l,
 		role: "img",
-		"aria-label": v ?? g(h.flow.minimap),
+		"aria-label": y ?? v ?? g(h.flow.minimap),
 		children: [t.map((e) => {
-			let t = w(e), n = M({
+			let t = w(e), n = N({
 				x: t.x,
 				y: t.y
 			});
@@ -878,18 +878,18 @@ function me({ nodes: t, viewport: n, containerWidth: i, containerHeight: a, widt
 				className: Z.node,
 				x: n.x,
 				y: n.y,
-				width: t.width * k,
-				height: t.height * k,
+				width: t.width * A,
+				height: t.height * A,
 				fill: m
 			}, e.id);
-		}), N && /* @__PURE__ */ f("rect", {
-			ref: R,
+		}), P && /* @__PURE__ */ f("rect", {
+			ref: z,
 			"data-viewport": "",
 			className: Z.viewport,
-			x: N.x,
-			y: N.y,
-			width: N.w,
-			height: N.h
+			x: P.x,
+			y: P.y,
+			width: P.w,
+			height: P.h
 		})]
 	});
 }
@@ -916,7 +916,7 @@ function ye({ nodes: t, edges: n, onNodesChange: r, onEdgesChange: i, onConnect:
 		minZoom: _,
 		maxZoom: v,
 		fitOnInit: l
-	}), { connection: k } = W({
+	}), { connection: k } = ie({
 		containerRef: O.containerRef,
 		clientToFlow: (e, t) => {
 			let n = O.containerRef.current?.getBoundingClientRect();
@@ -952,7 +952,7 @@ function ye({ nodes: t, edges: n, onNodesChange: r, onEdgesChange: i, onConnect:
 			height: t.height
 		} : e];
 	})), R = k.value;
-	return /* @__PURE__ */ p(oe, {
+	return /* @__PURE__ */ p(se, {
 		flow: D,
 		controller: O,
 		minZoom: _,
@@ -971,7 +971,7 @@ function ye({ nodes: t, edges: n, onNodesChange: r, onEdgesChange: i, onConnect:
 		className: e(_e.flow, w),
 		style: E,
 		children: [
-			u && /* @__PURE__ */ f(ce, { ...typeof u == "object" ? u : {} }),
+			u && /* @__PURE__ */ f(le, { ...typeof u == "object" ? u : {} }),
 			P.map((e) => {
 				let t = L.get(e.source), n = L.get(e.target);
 				if (!t || !n) return null;
@@ -999,7 +999,7 @@ function ye({ nodes: t, edges: n, onNodesChange: r, onEdgesChange: i, onConnect:
 				targetY: R.to.y,
 				markerEnd: !1
 			}),
-			N.map((e) => /* @__PURE__ */ f(ue, {
+			N.map((e) => /* @__PURE__ */ f(de, {
 				id: e.id,
 				position: e.position,
 				zoom: F,
@@ -1041,7 +1041,7 @@ var Q = {
 };
 function be({ nodes: t, edges: n, script: r, loop: i = !0, stepDuration: a = 1500, stepGap: o = 0, playing: s, currentStep: l, onStepChange: u, controls: d = !0, autoPlay: m = !0, background: _ = !0, interactive: v = !1, labels: y, clock: b, className: x, style: S }) {
 	c();
-	let C = V(r, n), w = ae({
+	let C = te(r, n), w = oe({
 		steps: C,
 		loop: i,
 		stepDuration: a,
@@ -1135,4 +1135,4 @@ function be({ nodes: t, edges: n, script: r, loop: i = !0, stepDuration: a = 150
 	});
 }
 //#endregion
-export { _ as DEFAULT_NODE_SIZE, ye as Flow, ce as FlowBackground, oe as FlowCanvas, pe as FlowControls, J as FlowEdge, K as FlowHandle, me as FlowMiniMap, ue as FlowNode, ge as FlowPanel, be as FlowStory, B as applyLayout, M as bezierPath, b as clampZoom, L as edgePath, D as fitViewport, S as flowToScreen, E as graphBounds, R as gridLayout, T as handleAnchor, z as layeredLayout, w as nodeBounds, C as nodeSize, V as resolveScript, te as resolveStep, x as screenToFlow, I as smoothStepPath, j as straightPath, W as useConnection, y as useFlow, ae as useStory, U as useViewport };
+export { _ as DEFAULT_NODE_SIZE, ye as Flow, le as FlowBackground, se as FlowCanvas, pe as FlowControls, J as FlowEdge, K as FlowHandle, me as FlowMiniMap, de as FlowNode, ge as FlowPanel, be as FlowStory, B as applyLayout, M as bezierPath, b as clampZoom, L as edgePath, D as fitViewport, S as flowToScreen, E as graphBounds, R as gridLayout, T as handleAnchor, z as layeredLayout, w as nodeBounds, C as nodeSize, te as resolveScript, ee as resolveStep, x as screenToFlow, I as smoothStepPath, j as straightPath, ie as useConnection, y as useFlow, oe as useStory, U as useViewport };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cascivo/flow",
-  "version": "0.18.0",
+  "version": "1.0.0",
   "private": false,
   "description": "Flow & diagram components — CSS-native, signal-driven node/edge graphs with pan/zoom, draggable nodes, animated edges, and scripted storylines, zero dependencies",
   "keywords": [
@@ -47,8 +47,8 @@
     "provenance": true
   },
   "dependencies": {
-    "@cascivo/core": "^0.18.0",
-    "@cascivo/i18n": "^0.18.0"
+    "@cascivo/core": "^1.0.0",
+    "@cascivo/i18n": "^1.0.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",