@weasel-js/core 1.10.0 → 1.11.0

package/dist/interactions/actions/defaults/viewportZoom.js.map

@@ -1 +1 @@
-{"version":3,"file":"viewportZoom.js","names":["KEY_STEP","keyAnchor","size","view","makeViewportZoomAction","clamp","opts","DEFAULT_MIN_ZOOM","DEFAULT_MAX_ZOOM","wheelSpec","rawAnimate","animateRest","tweenOpts","deps","debug","current","record","wx","wy","screenToWorld","anchor","viewToTransform","from","to","kind","params","canAnimate","stepTo","target","ms","stepFrom","focal","scaleBy","factor","next","zoomAt","wheelZoomFactor","resetMs","viewportZoomAction"],"sources":["../../../../src/interactions/actions/defaults/viewportZoom.ts"],"sourcesContent":["import type { Action } from '@weasel-js/routing';\nimport type { ViewApi } from '../depSchema';\nimport { zoomAt } from 'core/viewport/zoomAt';\nimport { wheelZoomFactor } from 'core/viewport/wheelHandler';\nimport { DEFAULT_MIN_ZOOM, DEFAULT_MAX_ZOOM } from 'core/viewport/zoomBounds';\nimport { viewToTransform, type View } from 'core/viewport/view';\nimport { screenToWorld } from 'core/viewport/viewTransform';\nimport type { ViewAnimationOptions } from 'core/viewport/useViewAnimation';\n\n// Multiplicative step for keyboard zoom (matches useKeyboardZoomTool default).\nconst KEY_STEP = 1.25;\n\n/** Keyboard-zoom anchor: the host center when the view dep can measure it,\n *  else the canvas top-left origin. */\nfunction keyAnchor(view: ViewApi): { x: number; y: number } {\n  const size = view.hostSize?.();\n  return size ? { x: size.width / 2, y: size.height / 2 } : { x: 0, y: 0 };\n}\n\n/**\n * @experimental\n * Tuning for the animated form of the discrete zoom steps.\n */\nexport interface ViewportZoomAnimateOptions extends ViewAnimationOptions {\n  /** Duration for the Cmd+0 reset branch. Defaults to `ms`. */\n  resetMs?: number;\n}\n\n/**\n * @experimental\n * Tuning for {@link makeViewportZoomAction}.\n */\nexport interface ViewportZoomOptions {\n  /**\n   * Which wheel gesture triggers zoom.\n   * - `'mod'` (default): Cmd/Ctrl+wheel — coexists with plain-wheel pan\n   *   (`viewport.wheelPan`).\n   * - `'plain'`: bare wheel, no modifier. Pair with `viewport.pan: false`,\n   *   since plain wheel otherwise drives pan and the two would compete.\n   */\n  wheel?: 'plain' | 'mod';\n  /** Lower clamp on the resulting view scale, forwarded to `zoomAt`. Default 0.1. */\n  min?: number;\n  /** Upper clamp on the resulting view scale, forwarded to `zoomAt`. Default 8. */\n  max?: number;\n  /**\n   * Glide the discrete steps (Cmd+=, Cmd+-, Cmd+0) instead of jumping.\n   * `true` uses the kit defaults; an object tunes them. Wheel and pinch never\n   * animate — their input already samples every frame. Requires a `view` dep\n   * that implements `animate`; without one this is ignored.\n   */\n  animate?: boolean | ViewportZoomAnimateOptions;\n}\n\n/**\n * @experimental\n * Build a `viewport.zoom` Action descriptor with a configurable wheel trigger\n * and scale clamp. The keyboard bindings (Cmd+=/-/0) and the two trackpad\n * pinch bindings are fixed. A wheel or pinch sample zooms about its focal\n * point, which `zoomAt` expects in canvas-local pixels.\n */\nexport function makeViewportZoomAction(\n  opts: ViewportZoomOptions = {},\n): Action & { requires: string[] } {\n  const clamp = { min: opts.min ?? DEFAULT_MIN_ZOOM, max: opts.max ?? DEFAULT_MAX_ZOOM };\n  // 'plain': bare wheel (omitting `mods` forbids any modifier — see the\n  // matcher's strict modifier check). 'mod': Cmd/Ctrl+wheel.\n  const wheelSpec =\n    opts.wheel === 'plain'\n      ? { kind: 'wheel' as const }\n      : { kind: 'wheel' as const, mods: { mod: true } };\n\n  const rawAnimate: ViewportZoomAnimateOptions | null =\n    opts.animate === true ? {} : (opts.animate || null);\n  const { resetMs, ...animateRest } = rawAnimate ?? {};\n  const tweenOpts: ViewAnimationOptions | null = rawAnimate ? animateRest : null;\n\n  return {\n    id: 'viewport.zoom',\n    label: 'Zoom',\n    group: 'viewport',\n    defaultBinding: [\n      {\n        spec: wheelSpec,\n        opts: { params: { kind: 'wheel' } },\n      },\n      // Trackpad pinch, which the browser delivers as ctrl+wheel. Distinct from\n      // the `mod` binding on mac (`mod` is metaKey there), so without its own\n      // binding nothing claims it and the page zooms instead. Elsewhere it\n      // duplicates `mod`, and `matchBest` picks a single winner.\n      {\n        spec: { kind: 'wheel' as const, mods: { ctrl: true } },\n        opts: { params: { kind: 'wheel' } },\n      },\n      // Safari's trackpad pinch, reported as a scale rather than a wheel. Safari\n      // may send the same pinch as ctrl+wheel too; the dispatcher swallows that\n      // copy while a claimed gesture is live.\n      {\n        spec: { kind: 'pinch' as const },\n        opts: { params: { kind: 'pinch' } },\n      },\n      // Cmd+= → zoom in (also accepts Cmd+Shift+= which is Cmd++ on many keyboards)\n      {\n        spec: { kind: 'key', key: '=', mods: { mod: true, shift: 'optional' } },\n        opts: { params: { kind: 'in' } },\n      },\n      {\n        spec: { kind: 'key', key: '-', mods: { mod: true } },\n        opts: { params: { kind: 'out' } },\n      },\n      {\n        spec: { kind: 'key', key: '0', mods: { mod: true } },\n        opts: { params: { kind: 'reset' } },\n      },\n    ],\n    requires: ['view', 'debug'],\n    invoker: {\n      timing: 'immediate',\n      run(deps, params) {\n        const view = deps.view;\n        if (!view) return;\n        const debug = deps.debug;\n        const current = view.get();\n        // Report a zoom about `anchor` (canvas-local px) from `from` to `to`.\n        const record = (from: View, to: View, anchor: { x: number; y: number }) => {\n          if (!debug) return;\n          const [wx, wy] = screenToWorld(anchor.x, anchor.y, viewToTransform(from));\n          debug.recordViewport('zoom', from, to, { x: wx, y: wy });\n        };\n        const kind = params?.kind as string | undefined;\n\n        const canAnimate = tweenOpts !== null && typeof view.animate === 'function';\n        const stepTo = (target: View, ms?: number) => {\n          if (!canAnimate) { view.set(target); return; }\n          view.animate!(target, { ...tweenOpts!, ms: ms ?? tweenOpts!.ms });\n        };\n        // Successive presses compound off where the camera is heading, not off\n        // whichever frame the tween happens to be on.\n        const stepFrom = (): View => (canAnimate && view.animationTarget?.()) || current;\n\n        const focal = () => ({\n          x: (params?.clientX as number | undefined) ?? 0,\n          y: (params?.clientY as number | undefined) ?? 0,\n        });\n        const scaleBy = (factor: number) => {\n          if (!(factor > 0) || !Number.isFinite(factor)) return;\n          const next = zoomAt(current, focal(), factor, clamp);\n          view.set(next);\n          record(current, next, focal());\n        };\n\n        switch (kind) {\n          case 'wheel':\n            scaleBy(wheelZoomFactor((params?.deltaY as number | undefined) ?? 0));\n            break;\n          case 'pinch':\n            scaleBy((params?.scale as number | undefined) ?? Number.NaN);\n            break;\n          case 'in':\n          case 'out': {\n            const from = stepFrom();\n            const target = zoomAt(from, keyAnchor(view), kind === 'in' ? KEY_STEP : 1 / KEY_STEP, clamp);\n            stepTo(target);\n            record(from, target, keyAnchor(view));\n            break;\n          }\n          case 'reset': {\n            // A recenter that returns its target can be animated; one that\n            // returns nothing dispatched the view itself and is already done.\n            const target = view.recenter\n              ? view.recenter()\n              : { x: 0, y: 0, scale: { x: 1, y: 1 } };\n            if (target) stepTo(target, resetMs);\n            break;\n          }\n          default:\n            // Unknown kind — no-op. Legacy bridge calls with params=undefined;\n            // default to zoom-in as a sensible fallback.\n            if (params === undefined) {\n              view.set(zoomAt(current, { x: 0, y: 0 }, KEY_STEP, clamp));\n            }\n            break;\n        }\n      },\n    },\n    enabled: () => true,\n  };\n}\n\n/**\n * @experimental\n * Default `viewport.zoom` descriptor: Cmd/Ctrl+wheel zoom with the kit's\n * default 0.1–8 scale clamp. Equivalent to `makeViewportZoomAction()`.\n */\nexport const viewportZoomAction: Action & { requires: string[] } = makeViewportZoomAction();\n"],"mappings":"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"}
+{"version":3,"file":"viewportZoom.js","names":[],"sources":["../../../../src/interactions/actions/defaults/viewportZoom.ts"],"sourcesContent":["import type { Action, BoundGesture } from '@weasel-js/routing';\nimport type { ViewApi } from '../depSchema';\nimport { axisZoomFactor, zoomAt, type ZoomAxis } from 'core/viewport/zoomAt';\nimport { wheelZoomFactor } from 'core/viewport/wheelHandler';\nimport { DEFAULT_MIN_ZOOM, DEFAULT_MAX_ZOOM } from 'core/viewport/zoomBounds';\nimport { viewToTransform, type View } from 'core/viewport/view';\nimport { screenToWorld } from 'core/viewport/viewTransform';\nimport type { ViewAnimationOptions } from 'core/viewport/useViewAnimation';\n\n// Multiplicative step for keyboard zoom (matches useKeyboardZoomTool default).\nconst KEY_STEP = 1.25;\n\n/** Keyboard-zoom anchor: the host center when the view dep can measure it,\n *  else the canvas top-left origin. */\nfunction keyAnchor(view: ViewApi): { x: number; y: number } {\n  const size = view.hostSize?.();\n  return size ? { x: size.width / 2, y: size.height / 2 } : { x: 0, y: 0 };\n}\n\n/**\n * Tuning for the animated form of the discrete zoom steps.\n */\nexport interface ViewportZoomAnimateOptions extends ViewAnimationOptions {\n  /** Duration for the Cmd+0 reset branch. Defaults to `ms`. */\n  resetMs?: number;\n}\n\n/**\n * Tuning for {@link makeViewportZoomAction}.\n */\nexport interface ViewportZoomOptions {\n  /**\n   * Which wheel gesture triggers zoom.\n   * - `'mod'` (default): Cmd/Ctrl+wheel — coexists with plain-wheel pan\n   *   (`viewport.wheelPan`).\n   * - `'plain'`: bare wheel, no modifier. Pair with `viewport.pan: false`,\n   *   since plain wheel otherwise drives pan and the two would compete.\n   */\n  wheel?: 'plain' | 'mod';\n  /** Lower clamp on the resulting view scale, forwarded to `zoomAt`. Default 0.1. */\n  min?: number;\n  /** Upper clamp on the resulting view scale, forwarded to `zoomAt`. Default 8. */\n  max?: number;\n  /** Hold wheel, trackpad-pinch, and key zoom to one axis; the other keeps its\n   *  scale and its translation. Default `'both'`. Cmd+0 still resets both. */\n  axis?: ZoomAxis;\n  /**\n   * Glide the discrete steps (Cmd+=, Cmd+-, Cmd+0) instead of jumping.\n   * `true` uses the kit defaults; an object tunes them. Wheel and pinch never\n   * animate — their input already samples every frame. Requires a `view` dep\n   * that implements `animate`; without one this is ignored.\n   */\n  animate?: boolean | ViewportZoomAnimateOptions;\n}\n\n/** The gestures `viewport.zoom` answers: the configurable wheel trigger, then\n *  the fixed pinch and key bindings. */\nfunction zoomBindings(wheel: ViewportZoomOptions['wheel']): BoundGesture[] {\n  // 'plain': bare wheel (omitting `mods` forbids any modifier — see the\n  // matcher's strict modifier check). 'mod': Cmd/Ctrl+wheel.\n  const wheelSpec =\n    wheel === 'plain'\n      ? { kind: 'wheel' as const }\n      : { kind: 'wheel' as const, mods: { mod: true } };\n  return [\n    {\n      spec: wheelSpec,\n      opts: { params: { kind: 'wheel' } },\n    },\n    // Trackpad pinch, which the browser delivers as ctrl+wheel. Distinct from\n    // the `mod` binding on mac (`mod` is metaKey there), so without its own\n    // binding nothing claims it and the page zooms instead. Elsewhere it\n    // duplicates `mod`, and `matchBest` picks a single winner.\n    {\n      spec: { kind: 'wheel' as const, mods: { ctrl: true } },\n      opts: { params: { kind: 'wheel' } },\n    },\n    // Safari's trackpad pinch, reported as a scale rather than a wheel. Safari\n    // may send the same pinch as ctrl+wheel too; the dispatcher swallows that\n    // copy while a claimed gesture is live.\n    {\n      spec: { kind: 'pinch' as const },\n      opts: { params: { kind: 'pinch' } },\n    },\n    // Cmd+= → zoom in (also accepts Cmd+Shift+= which is Cmd++ on many keyboards)\n    {\n      spec: { kind: 'key', key: '=', mods: { mod: true, shift: 'optional' } },\n      opts: { params: { kind: 'in' } },\n    },\n    {\n      spec: { kind: 'key', key: '-', mods: { mod: true } },\n      opts: { params: { kind: 'out' } },\n    },\n    {\n      spec: { kind: 'key', key: '0', mods: { mod: true } },\n      opts: { params: { kind: 'reset' } },\n    },\n  ];\n}\n\n/**\n * Build a `viewport.zoom` Action descriptor with a configurable wheel trigger\n * and scale clamp. The keyboard bindings (Cmd+=/-/0) and the two trackpad\n * pinch bindings are fixed. A wheel or pinch sample zooms about its focal\n * point, which `zoomAt` expects in canvas-local pixels.\n */\nexport function makeViewportZoomAction(\n  opts: ViewportZoomOptions = {},\n): Action & { requires: string[] } {\n  const clamp = { min: opts.min ?? DEFAULT_MIN_ZOOM, max: opts.max ?? DEFAULT_MAX_ZOOM };\n  const axis = opts.axis ?? 'both';\n\n  const rawAnimate: ViewportZoomAnimateOptions | null =\n    opts.animate === true ? {} : (opts.animate || null);\n  const { resetMs, ...animateRest } = rawAnimate ?? {};\n  const tweenOpts: ViewAnimationOptions | null = rawAnimate ? animateRest : null;\n\n  return {\n    id: 'viewport.zoom',\n    label: 'Zoom',\n    group: 'viewport',\n    variants: [\n      { key: 'in', label: 'Zoom In', params: { kind: 'in' } },\n      { key: 'out', label: 'Zoom Out', params: { kind: 'out' } },\n      { key: 'reset', label: 'Reset Zoom', params: { kind: 'reset' } },\n    ],\n    defaultBinding: zoomBindings(opts.wheel),\n    requires: ['view', 'debug'],\n    invoker: {\n      timing: 'immediate',\n      run(deps, params) {\n        const view = deps.view;\n        if (!view) return;\n        const debug = deps.debug;\n        const current = view.get();\n        // Report a zoom about `anchor` (canvas-local px) from `from` to `to`.\n        const record = (from: View, to: View, anchor: { x: number; y: number }) => {\n          if (!debug) return;\n          const [wx, wy] = screenToWorld(anchor.x, anchor.y, viewToTransform(from));\n          debug.recordViewport('zoom', from, to, { x: wx, y: wy });\n        };\n        const kind = params?.kind as string | undefined;\n\n        const canAnimate = tweenOpts !== null && typeof view.animate === 'function';\n        const stepTo = (target: View, ms?: number) => {\n          if (!canAnimate) { view.set(target); return; }\n          view.animate!(target, { ...tweenOpts!, ms: ms ?? tweenOpts!.ms });\n        };\n        // Successive presses compound off where the camera is heading, not off\n        // whichever frame the tween happens to be on.\n        const stepFrom = (): View => (canAnimate && view.animationTarget?.()) || current;\n\n        const focal = () => ({\n          x: (params?.clientX as number | undefined) ?? 0,\n          y: (params?.clientY as number | undefined) ?? 0,\n        });\n        const scaleBy = (factor: number) => {\n          if (!(factor > 0) || !Number.isFinite(factor)) return;\n          const next = zoomAt(current, focal(), axisZoomFactor(factor, axis), clamp);\n          view.set(next);\n          record(current, next, focal());\n        };\n\n        switch (kind) {\n          case 'wheel':\n            scaleBy(wheelZoomFactor((params?.deltaY as number | undefined) ?? 0));\n            break;\n          case 'pinch':\n            scaleBy((params?.scale as number | undefined) ?? Number.NaN);\n            break;\n          case 'in':\n          case 'out': {\n            const from = stepFrom();\n            const step = axisZoomFactor(kind === 'in' ? KEY_STEP : 1 / KEY_STEP, axis);\n            const target = zoomAt(from, keyAnchor(view), step, clamp);\n            stepTo(target);\n            record(from, target, keyAnchor(view));\n            break;\n          }\n          case 'reset': {\n            // A recenter that returns its target can be animated; one that\n            // returns nothing dispatched the view itself and is already done.\n            const target = view.recenter\n              ? view.recenter()\n              : { x: 0, y: 0, scale: { x: 1, y: 1 } };\n            if (target) stepTo(target, resetMs);\n            break;\n          }\n          default:\n            // Unknown kind — no-op. Legacy bridge calls with params=undefined;\n            // default to zoom-in as a sensible fallback.\n            if (params === undefined) {\n              view.set(zoomAt(current, { x: 0, y: 0 }, axisZoomFactor(KEY_STEP, axis), clamp));\n            }\n            break;\n        }\n      },\n    },\n    enabled: () => true,\n  };\n}\n\n/**\n * Default `viewport.zoom` descriptor: Cmd/Ctrl+wheel zoom with the kit's\n * default 0.1–8 scale clamp. Equivalent to `makeViewportZoomAction()`.\n */\nexport const viewportZoomAction: Action & { requires: string[] } = makeViewportZoomAction();\n"],"mappings":"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"}

package/dist/interactions/actions/distribute/action.js

@@ -1,66 +1,89 @@
-import { visualBoundsViaDescriptor as e } from "../../../core/geometry/poseDescriptor.js";
-import { poseDescriptorOf as t } from "../poseDescriptorDep.js";
-import { translateEach as n } from "../selectionSubtree.js";
-import { scenePoseFrame as r } from "../poseFrame.js";
-import { planDistribute as i } from "./plan.js";
-import { DistributeHorizontalIcon as a, DistributeVerticalIcon as o } from "../defaults/icons/distributeIcons.js";
-import { ActionDisabledReason as s } from "@weasel-js/routing";
-import { jsx as c } from "react/jsx-runtime";
+import { scenePoseFrame } from "../poseFrame.js";
+import { poseDescriptorOf } from "../poseDescriptorDep.js";
+import { translateEach } from "../selectionSubtree.js";
+import { drawnBoxes } from "../drawnBoxes.js";
+import { planDistribute } from "./plan.js";
+import { ActionDisabledReason } from "@weasel-js/routing";
+
 //#region src/interactions/actions/distribute/action.tsx
-var l = {
+var ID_FOR = {
 	x: "distribute.horizontal",
 	y: "distribute.vertical"
-}, u = {
+};
+var LABEL_FOR = {
 	x: "Distribute Horizontally",
 	y: "Distribute Vertically"
-}, d = {
-	x: /* @__PURE__ */ c(a, {}),
-	y: /* @__PURE__ */ c(o, {})
 };
-function f(t, a, o, s, c) {
-	let l = t.get();
-	if (l.length < 3) return;
-	let u = r(a), d = l.map((t) => {
-		let n = u.world(t);
+var ICON_FOR = {
+	x: /* @icon */ "core:distributeHorizontal",
+	y: /* @icon */ "core:distributeVertical"
+};
+/**
+* Apply a distribute operation to the current selection via the Scene API.
+* Reads poses through the `poseDescriptor` dep; `mode` comes from the
+* binding's `params.mode`.
+*
+* The span being divided is a world span, so the bounds are read and
+* translated in world and each result is stored back in its own parent's
+* frame.
+*/
+function distributeSelection(selection, scene, axis, mode, geom, boxesOver) {
+	const ids = selection.get();
+	if (ids.length < 3) return;
+	const frame = scenePoseFrame(scene);
+	const boxes = boxesOver(frame);
+	const items = ids.map((id) => {
+		const pose = frame.world(id);
 		return {
-			id: t,
-			pose: n,
-			b: e(n, c)
+			id,
+			pose,
+			b: boxes.aabb(id, pose)
 		};
-	}), f = i(d.map((e) => e.b), o, s), p = d.map((e, t) => {
-		let n = f[t] - (o === "x" ? e.b.x : e.b.y);
+	});
+	const targets = planDistribute(items.map((it) => it.b), axis, mode);
+	const moves = items.map((it, i) => {
+		const delta = targets[i] - (axis === "x" ? it.b.x : it.b.y);
 		return {
-			id: e.id,
-			dx: o === "x" ? n : 0,
-			dy: o === "y" ? n : 0
+			id: it.id,
+			dx: axis === "x" ? delta : 0,
+			dy: axis === "y" ? delta : 0
 		};
 	});
-	a.batch("Distribute", () => n(a, u, c, p));
+	scene.batch("Distribute", () => translateEach(scene, frame, geom, moves));
 }
-function p(e) {
+function makeDistributeAction(axis) {
 	return {
-		id: l[e],
-		label: u[e],
-		icon: d[e],
+		id: ID_FOR[axis],
+		label: LABEL_FOR[axis],
+		icon: ICON_FOR[axis],
 		group: "distribute",
 		eligible: { capability: "transforms-selection" },
 		requires: [
 			"selection",
 			"scene",
-			"poseDescriptor"
+			"poseDescriptor",
+			"view",
+			"boundsIncludeStroke"
 		],
 		invoker: {
 			timing: "immediate",
-			run: (n, r) => {
-				let i = n.selection, a = n.scene;
-				i && a && f(i, a, e, r?.mode ?? "centers", t(n.poseDescriptor));
+			run: (deps, params) => {
+				const selection = deps.selection;
+				const scene = deps.scene;
+				if (!selection || !scene) return;
+				distributeSelection(selection, scene, axis, params?.mode ?? "centers", poseDescriptorOf(deps.poseDescriptor), (frame) => drawnBoxes(deps, frame));
 			}
 		},
-		enabled: (e) => ((e?.selection)?.get().length ?? 0) >= 3 || s.SelectionRequired
+		enabled: (deps) => {
+			return ((deps?.selection)?.get().length ?? 0) >= 3 ? true : ActionDisabledReason.SelectionRequired;
+		}
 	};
 }
-var m = p("x"), h = p("y");
-//#endregion
-export { m as distributeHorizontalAction, h as distributeVerticalAction };
+/** Static descriptor for distribute-horizontal. */
+var distributeHorizontalAction = makeDistributeAction("x");
+/** Static descriptor for distribute-vertical. */
+var distributeVerticalAction = makeDistributeAction("y");
 
+//#endregion
+export { distributeHorizontalAction, distributeVerticalAction };
 //# sourceMappingURL=action.js.map

package/dist/interactions/actions/distribute/action.js.map

@@ -1 +1 @@
-{"version":3,"file":"action.js","names":["ID_FOR","LABEL_FOR","ICON_FOR","DistributeHorizontalIcon","DistributeVerticalIcon","distributeSelection","ids","selection","frame","scenePoseFrame","scene","items","pose","id","visualBoundsViaDescriptor","geom","targets","planDistribute","it","axis","mode","moves","delta","i","translateEach","makeDistributeAction","deps","params","poseDescriptorOf","ActionDisabledReason","distributeHorizontalAction","distributeVerticalAction"],"sources":["../../../../src/interactions/actions/distribute/action.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { Scene } from 'core/scene/types';\nimport type { PoseDescriptor } from '../resize/geometry';\nimport { poseDescriptorOf } from '../poseDescriptorDep';\nimport { visualBoundsViaDescriptor } from '../align/align';\nimport type { DistributeAxis, DistributeMode } from './distribute';\nimport { planDistribute } from './plan';\nimport { scenePoseFrame } from '../poseFrame';\nimport { translateEach } from '../selectionSubtree';\nimport type { Action } from '@weasel-js/routing';\nimport { ActionDisabledReason } from '@weasel-js/routing';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport type { ImmediateInvoker } from '@weasel-js/routing';\nimport { DistributeHorizontalIcon, DistributeVerticalIcon } from '../defaults/icons/distributeIcons';\n\nconst ID_FOR: Record<DistributeAxis, string> = { x: 'distribute.horizontal', y: 'distribute.vertical' };\nconst LABEL_FOR: Record<DistributeAxis, string> = { x: 'Distribute Horizontally', y: 'Distribute Vertically' };\nconst ICON_FOR: Record<DistributeAxis, ReactNode> = {\n  x: <DistributeHorizontalIcon />,\n  y: <DistributeVerticalIcon />,\n};\n\n// ---------------------------------------------------------------------------\n// Shared helper for descriptor invokers\n// ---------------------------------------------------------------------------\n\n/**\n * Apply a distribute operation to the current selection via the Scene API.\n * Reads poses through the `poseDescriptor` dep; `mode` comes from the\n * binding's `params.mode`.\n *\n * The span being divided is a world span, so the bounds are read and\n * translated in world and each result is stored back in its own parent's\n * frame.\n */\nfunction distributeSelection(\n  selection: SelectionApi,\n  scene: Scene<unknown, string, unknown>,\n  axis: DistributeAxis,\n  mode: DistributeMode,\n  geom: PoseDescriptor<unknown>,\n): void {\n  const ids = selection.get();\n  if (ids.length < 3) return;\n  const frame = scenePoseFrame(scene);\n\n  const items = ids.map((id) => {\n    const pose = frame.world(id);\n    return { id, pose, b: visualBoundsViaDescriptor(pose, geom) };\n  });\n  const targets = planDistribute(items.map((it) => it.b), axis, mode);\n\n  const moves = items.map((it, i) => {\n    const delta = targets[i] - (axis === 'x' ? it.b.x : it.b.y);\n    return { id: it.id, dx: axis === 'x' ? delta : 0, dy: axis === 'y' ? delta : 0 };\n  });\n  scene.batch('Distribute', () => translateEach(scene, frame, geom, moves));\n}\n\n// ---------------------------------------------------------------------------\n// Static descriptors\n// ---------------------------------------------------------------------------\n\nfunction makeDistributeAction(axis: DistributeAxis): Action {\n  return {\n    id: ID_FOR[axis],\n    label: LABEL_FOR[axis],\n    icon: ICON_FOR[axis],\n    group: 'distribute',\n    eligible: { capability: 'transforms-selection' },\n    requires: ['selection', 'scene', 'poseDescriptor'],\n    // No default keybindings. Wire bindings explicitly via the actions registry.\n    invoker: {\n      timing: 'immediate',\n      run: (deps, params) => {\n        const selection = deps.selection;\n        const scene = deps.scene;\n        if (!selection || !scene) return;\n        const mode = (params?.mode as DistributeMode | undefined) ?? 'centers';\n        distributeSelection(selection, scene, axis, mode, poseDescriptorOf(deps.poseDescriptor));\n      },\n    } satisfies ImmediateInvoker,\n    // Deps-aware, matching `distributeSelection`'s own `ids.length < 3` guard:\n    // a constant disabled reason greys the entry out forever (see\n    // `requiresSelection`).\n    enabled: (deps) => {\n      const selection = deps?.selection;\n      const count = selection?.get().length ?? 0;\n      return count >= 3 ? true : ActionDisabledReason.SelectionRequired;\n    },\n  };\n}\n\n/** @experimental Static descriptor for distribute-horizontal. */\nexport const distributeHorizontalAction = makeDistributeAction('x');\n/** @experimental Static descriptor for distribute-vertical. */\nexport const distributeVerticalAction   = makeDistributeAction('y');\n\n"],"mappings":";;;;;;;;;AAeA,IAAMA,IAAyC;CAAE,GAAG;CAAyB,GAAG;AAAsB,GAChGC,IAA4C;CAAE,GAAG;CAA2B,GAAG;AAAwB,GACvGC,IAA8C;CAClD,GAAG,kBAACC,GAAD,CAA2B,CAAA;CAC9B,GAAG,kBAACC,GAAD,CAAyB,CAAA;AAC9B;AAeA,SAASC,EACP,GACA,GACA,GACA,GACA,GACM;CACN,IAAMC,IAAMC,EAAU,IAAI;CAC1B,IAAID,EAAI,SAAS,GAAG;CACpB,IAAME,IAAQC,EAAeC,CAAK,GAE5BC,IAAQL,EAAI,KAAK,MAAO;EAC5B,IAAMM,IAAOJ,EAAM,MAAMK,CAAE;EAC3B,OAAO;GAAE;GAAI;GAAM,GAAGC,EAA0BF,GAAMG,CAAI;EAAE;CAC9D,CAAC,GACKC,IAAUC,EAAeN,EAAM,KAAK,MAAOO,EAAG,CAAC,GAAGC,GAAMC,CAAI,GAE5DC,IAAQV,EAAM,KAAK,GAAI,MAAM;EACjC,IAAMW,IAAQN,EAAQO,MAAMJ,MAAS,MAAMD,EAAG,EAAE,IAAIA,EAAG,EAAE;EACzD,OAAO;GAAE,IAAIA,EAAG;GAAI,IAAIC,MAAS,MAAMG,IAAQ;GAAG,IAAIH,MAAS,MAAMG,IAAQ;EAAE;CACjF,CAAC;CACD,EAAM,MAAM,oBAAoBE,EAAcd,GAAOF,GAAOO,GAAMM,CAAK,CAAC;AAC1E;AAMA,SAASI,EAAqB,GAA8B;CAC1D,OAAO;EACL,IAAIzB,EAAOmB;EACX,OAAOlB,EAAUkB;EACjB,MAAMjB,EAASiB;EACf,OAAO;EACP,UAAU,EAAE,YAAY,uBAAuB;EAC/C,UAAU;GAAC;GAAa;GAAS;EAAgB;EAEjD,SAAS;GACP,QAAQ;GACR,MAAM,GAAM,MAAW;IACrB,IAAMZ,IAAYmB,EAAK,WACjBhB,IAAQgB,EAAK;IACnB,AAAKnB,KAAcG,KAEnBL,EAAoBE,GAAWG,GAAOS,GADxBQ,GAAQ,QAAuC,WACXC,EAAiBF,EAAK,cAAc,CAAC;GACzF;EACF;EAIA,UAAU,QACUA,GAAM,UAAA,EACC,IAAI,CAAC,CAAC,UAAU,MACzB,KAAWG,EAAqB;CAEpD;AACF;AAGA,IAAaC,IAA6BL,EAAqB,GAAG,GAErDM,IAA6BN,EAAqB,GAAG"}
+{"version":3,"file":"action.js","names":[],"sources":["../../../../src/interactions/actions/distribute/action.tsx"],"sourcesContent":["import type { IconRef } from '@weasel-js/icons';\nimport type { Scene } from 'core/scene/types';\nimport type { PoseDescriptor } from '../resize/geometry';\nimport { poseDescriptorOf } from '../poseDescriptorDep';\nimport { drawnBoxes, type DrawnBoxes } from '../drawnBoxes';\nimport type { DistributeAxis, DistributeMode } from './distribute';\nimport { planDistribute } from './plan';\nimport { scenePoseFrame, type PoseFrame } from '../poseFrame';\nimport { translateEach } from '../selectionSubtree';\nimport type { Action } from '@weasel-js/routing';\nimport { ActionDisabledReason } from '@weasel-js/routing';\nimport type { SelectionApi } from 'core/selection/useSelection';\nimport type { ImmediateInvoker } from '@weasel-js/routing';\nimport { icon } from '../../../icons.gen';\n\nconst ID_FOR: Record<DistributeAxis, string> = { x: 'distribute.horizontal', y: 'distribute.vertical' };\nconst LABEL_FOR: Record<DistributeAxis, string> = { x: 'Distribute Horizontally', y: 'Distribute Vertically' };\nconst ICON_FOR: Record<DistributeAxis, IconRef> = {\n  x: icon('distributeHorizontal'),\n  y: icon('distributeVertical'),\n};\n\n// ---------------------------------------------------------------------------\n// Shared helper for descriptor invokers\n// ---------------------------------------------------------------------------\n\n/**\n * Apply a distribute operation to the current selection via the Scene API.\n * Reads poses through the `poseDescriptor` dep; `mode` comes from the\n * binding's `params.mode`.\n *\n * The span being divided is a world span, so the bounds are read and\n * translated in world and each result is stored back in its own parent's\n * frame.\n */\nfunction distributeSelection(\n  selection: SelectionApi,\n  scene: Scene<unknown, string, unknown>,\n  axis: DistributeAxis,\n  mode: DistributeMode,\n  geom: PoseDescriptor<unknown>,\n  boxesOver: (frame: PoseFrame<unknown>) => DrawnBoxes,\n): void {\n  const ids = selection.get();\n  if (ids.length < 3) return;\n  const frame = scenePoseFrame(scene);\n  const boxes = boxesOver(frame);\n\n  const items = ids.map((id) => {\n    const pose = frame.world(id);\n    return { id, pose, b: boxes.aabb(id, pose) };\n  });\n  const targets = planDistribute(items.map((it) => it.b), axis, mode);\n\n  const moves = items.map((it, i) => {\n    const delta = targets[i] - (axis === 'x' ? it.b.x : it.b.y);\n    return { id: it.id, dx: axis === 'x' ? delta : 0, dy: axis === 'y' ? delta : 0 };\n  });\n  scene.batch('Distribute', () => translateEach(scene, frame, geom, moves));\n}\n\n// ---------------------------------------------------------------------------\n// Static descriptors\n// ---------------------------------------------------------------------------\n\nfunction makeDistributeAction(axis: DistributeAxis): Action {\n  return {\n    id: ID_FOR[axis],\n    label: LABEL_FOR[axis],\n    icon: ICON_FOR[axis],\n    group: 'distribute',\n    eligible: { capability: 'transforms-selection' },\n    requires: ['selection', 'scene', 'poseDescriptor', 'view', 'boundsIncludeStroke'],\n    // No default keybindings. Wire bindings explicitly via the actions registry.\n    invoker: {\n      timing: 'immediate',\n      run: (deps, params) => {\n        const selection = deps.selection;\n        const scene = deps.scene;\n        if (!selection || !scene) return;\n        const mode = (params?.mode as DistributeMode | undefined) ?? 'centers';\n        distributeSelection(\n          selection, scene, axis, mode, poseDescriptorOf(deps.poseDescriptor), (frame) => drawnBoxes(deps, frame),\n        );\n      },\n    } satisfies ImmediateInvoker,\n    // Deps-aware, matching `distributeSelection`'s own `ids.length < 3` guard:\n    // a constant disabled reason greys the entry out forever (see\n    // `requiresSelection`).\n    enabled: (deps) => {\n      const selection = deps?.selection;\n      const count = selection?.get().length ?? 0;\n      return count >= 3 ? true : ActionDisabledReason.SelectionRequired;\n    },\n  };\n}\n\n/** Static descriptor for distribute-horizontal. */\nexport const distributeHorizontalAction = makeDistributeAction('x');\n/** Static descriptor for distribute-vertical. */\nexport const distributeVerticalAction   = makeDistributeAction('y');\n\n"],"mappings":"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"}

package/dist/interactions/actions/distribute/distribute.js

@@ -1,42 +1,61 @@
-import { IDENTITY_POSE_COMPOSITION as e } from "../../../core/scene/composeFrame.js";
-import { RECT_POSE_DESCRIPTOR as t, translatePoseViaDescriptor as n, visualBoundsViaDescriptor as r } from "../../../core/geometry/poseDescriptor.js";
-import { createTransformOp as i } from "../../../core/ops/transform.js";
-import { poseFrame as a } from "../poseFrame.js";
-import { dispatchApplyBatch as o } from "../../../core/applyOps.js";
-import { planDistribute as s } from "./plan.js";
-import { useCallback as c } from "react";
-import { useLatest as l } from "@weasel-js/react";
+import { IDENTITY_POSE_COMPOSITION } from "../../../core/scene/composeFrame.js";
+import { RECT_POSE_DESCRIPTOR, translatePoseViaDescriptor, visualBoundsViaDescriptor } from "../../../core/geometry/poseDescriptor.js";
+import { dispatchApplyBatch } from "../../../core/applyOps.js";
+import { poseFrame } from "../poseFrame.js";
+import { createTransformOp } from "../../../core/ops/transform.js";
+import { planDistribute } from "./plan.js";
+import { useCallback } from "react";
+import { useLatest } from "@weasel-js/react";
+
 //#region src/interactions/actions/distribute/distribute.ts
-function u(u, d = {}) {
-	let f = l(u), p = l(d);
-	return { distribute: c((c, l) => {
-		let u = f.current, d = p.current, m = u.getSelection();
-		if (m.length < 3) return;
-		let h = d.geometry ?? t, g = l ?? d.defaultMode ?? "centers", _ = a({
-			getPose: (e) => u.getPose(e),
-			getParent: (e) => u.getParent?.(e) ?? null
-		}, d.composition ?? e), v = m.map((e) => {
-			let t = _.world(e);
+/** Distribute the current multi-selection along `axis`. Requires ≥3 items;
+*  no-op otherwise. Endpoints (min and max along the axis) stay put; the
+*  remaining items are repositioned. Single batch — one undo step.
+*
+*  The span being divided is a world span: bounds are measured and translated
+*  in world, and each result is stored back in its own parent's frame. */
+function useDistribute(adapter, options = {}) {
+	const adapterRef = useLatest(adapter);
+	const optsRef = useLatest(options);
+	return { distribute: useCallback((axis, mode) => {
+		const a = adapterRef.current;
+		const o = optsRef.current;
+		const sel = a.getSelection();
+		if (sel.length < 3) return;
+		const geom = o.geometry ?? RECT_POSE_DESCRIPTOR;
+		const m = mode ?? o.defaultMode ?? "centers";
+		const frame = poseFrame({
+			getPose: (id) => a.getPose(id),
+			getParent: (id) => a.getParent(id)
+		}, o.composition ?? IDENTITY_POSE_COMPOSITION);
+		const items = sel.map((id) => {
+			const pose = frame.world(id);
 			return {
-				id: e,
-				pose: t,
-				b: r(t, h)
+				id,
+				pose,
+				b: visualBoundsViaDescriptor(pose, geom)
 			};
-		}), y = s(v.map((e) => e.b), c, g), b = [];
-		for (let e = 0; e < v.length; e++) {
-			let t = v[e], r = y[e] - (c === "x" ? t.b.x : t.b.y);
-			if (r === 0) continue;
-			let a = c === "x" ? r : 0, o = c === "y" ? r : 0, s = n(t.pose, a, o, h);
-			b.push(i({
-				id: t.id,
-				from: u.getPose(t.id),
-				to: _.local(t.id, s)
+		});
+		const targets = planDistribute(items.map((it) => it.b), axis, m);
+		const ops = [];
+		for (let i = 0; i < items.length; i++) {
+			const it = items[i];
+			const delta = targets[i] - (axis === "x" ? it.b.x : it.b.y);
+			if (delta === 0) continue;
+			const dx = axis === "x" ? delta : 0;
+			const dy = axis === "y" ? delta : 0;
+			const to = translatePoseViaDescriptor(it.pose, dx, dy, geom);
+			ops.push(createTransformOp({
+				id: it.id,
+				from: a.getPose(it.id),
+				to: frame.local(it.id, to)
 			}));
 		}
-		b.length !== 0 && o(u, b, d.label ?? "Distribute");
-	}, [f, p]) };
+		if (ops.length === 0) return;
+		dispatchApplyBatch(a, ops, o.label ?? "Distribute");
+	}, [adapterRef, optsRef]) };
 }
-//#endregion
-export { u as useDistribute };
 
+//#endregion
+export { useDistribute };
 //# sourceMappingURL=distribute.js.map

package/dist/interactions/actions/distribute/distribute.js.map

@@ -1 +1 @@
-{"version":3,"file":"distribute.js","names":["useDistribute","adapterRef","useLatest","adapter","optsRef","options","useCallback","a","o","sel","geom","RECT_POSE_DESCRIPTOR","m","mode","frame","poseFrame","id","IDENTITY_POSE_COMPOSITION","items","pose","visualBoundsViaDescriptor","targets","planDistribute","it","axis","ops","i","delta","dx","dy","to","translatePoseViaDescriptor","createTransformOp","dispatchApplyBatch"],"sources":["../../../../src/interactions/actions/distribute/distribute.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { createTransformOp } from 'core/ops/transform';\nimport type { Op } from 'core/ops/types';\nimport { dispatchApplyBatch } from 'core/applyOps';\nimport type { NodeId } from 'core/scene/types';\nimport { RECT_POSE_DESCRIPTOR, type PoseDescriptor } from '../resize/geometry';\nimport { translatePoseViaDescriptor, visualBoundsViaDescriptor } from '../align/align';\nimport { planDistribute } from './plan';\nimport { poseFrame } from '../poseFrame';\nimport { IDENTITY_POSE_COMPOSITION, type PoseComposition } from 'core/scene/composePose';\n\n/** Axis along which selection is distributed. `'x'` spreads horizontally. */\nexport type DistributeAxis = 'x' | 'y';\n\n/** `'centers'` spaces centers equally; `'gaps'` makes the gap between\n *  consecutive items equal. Both measure a rotated item by its ink extent.\n *  Endpoints stay put in both modes. */\nexport type DistributeMode = 'centers' | 'gaps';\n\n/** Adapter for `useDistribute`. */\nexport interface DistributeAdapter<TPose> {\n  getSelection(): NodeId[];\n  /** The pose as stored — local to the node's parent. */\n  getPose(id: NodeId): TPose;\n  /** The parent chain, for a scene whose container poses define a frame.\n   *  Omit it (or leave `composition` unset) for an absolute-pose scene. */\n  getParent?(id: NodeId): NodeId | null;\n  applyOps?(ops: Op[], label?: string): void;\n}\n\n/** Options for `useDistribute`. */\nexport interface UseDistributeOptions<TPose> {\n  /** Projection between `TPose` and bounds. Defaults to `RECT_POSE_DESCRIPTOR`\n   *  for `{x,y,width,height}` poses. */\n  geometry?: PoseDescriptor<TPose>;\n  /** Default mode when `distribute(axis)` is called without one. Default 'centers'. */\n  defaultMode?: DistributeMode;\n  /** Label passed to applyOps. Default 'Distribute'. */\n  label?: string;\n  /** How local poses fold up to world. Default IDENTITY, where the two are\n   *  the same value and the spread runs entirely in stored coordinates. */\n  composition?: PoseComposition<TPose>;\n}\n\n/** Return shape of `useDistribute`. */\nexport interface UseDistributeReturn {\n  /** Imperative trigger. No-op when fewer than 3 items selected. */\n  distribute(axis: DistributeAxis, mode?: DistributeMode): void;\n}\n\n/** Distribute the current multi-selection along `axis`. Requires ≥3 items;\n *  no-op otherwise. Endpoints (min and max along the axis) stay put; the\n *  remaining items are repositioned. Single batch — one undo step.\n *\n *  The span being divided is a world span: bounds are measured and translated\n *  in world, and each result is stored back in its own parent's frame. */\nexport function useDistribute<TPose>(\n  adapter: DistributeAdapter<TPose>,\n  options: UseDistributeOptions<TPose> = {},\n): UseDistributeReturn {\n  const adapterRef = useLatest(adapter);\n  const optsRef = useLatest(options);\n\n  const distribute = useCallback((axis: DistributeAxis, mode?: DistributeMode): void => {\n    const a = adapterRef.current;\n    const o = optsRef.current;\n    const sel = a.getSelection();\n    if (sel.length < 3) return;\n    const geom =\n      o.geometry ??\n      (RECT_POSE_DESCRIPTOR as unknown as PoseDescriptor<TPose>);\n    const m = mode ?? o.defaultMode ?? 'centers';\n\n    const frame = poseFrame<TPose>(\n      {\n        getPose: (id) => a.getPose(id as NodeId),\n        getParent: (id) => (a.getParent?.(id as NodeId) ?? null) as string | null,\n      },\n      o.composition ?? (IDENTITY_POSE_COMPOSITION as PoseComposition<TPose>),\n    );\n    const items = sel.map((id) => {\n      const pose = frame.world(id);\n      return { id, pose, b: visualBoundsViaDescriptor(pose, geom) };\n    });\n    const targets = planDistribute(items.map((it) => it.b), axis, m);\n\n    const ops: Op[] = [];\n    for (let i = 0; i < items.length; i++) {\n      const it = items[i];\n      const delta = targets[i] - (axis === 'x' ? it.b.x : it.b.y);\n      if (delta === 0) continue;\n      const dx = axis === 'x' ? delta : 0;\n      const dy = axis === 'y' ? delta : 0;\n      const to = translatePoseViaDescriptor(it.pose, dx, dy, geom);\n      ops.push(createTransformOp<TPose>({\n        id: it.id,\n        from: a.getPose(it.id),\n        to: frame.local(it.id, to),\n      }));\n    }\n    if (ops.length === 0) return;\n    dispatchApplyBatch(a, ops, o.label ?? 'Distribute');\n  }, [adapterRef, optsRef]);\n\n  return { distribute };\n}\n"],"mappings":";;;;;;;;;AAyDA,SAAgBA,EACd,GACA,IAAuC,CAAC,GACnB;CACrB,IAAMC,IAAaC,EAAUC,CAAO,GAC9BC,IAAUF,EAAUG,CAAO;CA2CjC,OAAO,EAAE,YAzCUC,GAAa,GAAsB,MAAgC;EACpF,IAAMC,IAAIN,EAAW,SACfO,IAAIJ,EAAQ,SACZK,IAAMF,EAAE,aAAa;EAC3B,IAAIE,EAAI,SAAS,GAAG;EACpB,IAAMC,IACJF,EAAE,YACDG,GACGC,IAAIC,KAAQL,EAAE,eAAe,WAE7BM,IAAQC,EACZ;GACE,UAAU,MAAOR,EAAE,QAAQS,CAAY;GACvC,YAAY,MAAQT,EAAE,YAAYS,CAAY,KAAK;EACrD,GACAR,EAAE,eAAgBS,CACpB,GACMC,IAAQT,EAAI,KAAK,MAAO;GAC5B,IAAMU,IAAOL,EAAM,MAAME,CAAE;GAC3B,OAAO;IAAE;IAAI;IAAM,GAAGI,EAA0BD,GAAMT,CAAI;GAAE;EAC9D,CAAC,GACKW,IAAUC,EAAeJ,EAAM,KAAK,MAAOK,EAAG,CAAC,GAAGC,GAAMZ,CAAC,GAEzDa,IAAY,CAAC;EACnB,KAAK,IAAIC,IAAI,GAAGA,IAAIR,EAAM,QAAQ,KAAK;GACrC,IAAMK,IAAKL,EAAMQ,IACXC,IAAQN,EAAQK,MAAMF,MAAS,MAAMD,EAAG,EAAE,IAAIA,EAAG,EAAE;GACzD,IAAII,MAAU,GAAG;GACjB,IAAMC,IAAKJ,MAAS,MAAMG,IAAQ,GAC5BE,IAAKL,MAAS,MAAMG,IAAQ,GAC5BG,IAAKC,EAA2BR,EAAG,MAAMK,GAAIC,GAAInB,CAAI;GAC3D,EAAI,KAAKsB,EAAyB;IAChC,IAAIT,EAAG;IACP,MAAMhB,EAAE,QAAQgB,EAAG,EAAE;IACrB,IAAIT,EAAM,MAAMS,EAAG,IAAIO,CAAE;GAC3B,CAAC,CAAC;EACJ;EACA,AAAIL,EAAI,WAAW,KACnBQ,EAAmB1B,GAAGkB,GAAKjB,EAAE,SAAS,YAAY;CACpD,GAAG,CAACP,GAAYG,CAAO,CAEd,EAAW;AACtB"}
+{"version":3,"file":"distribute.js","names":[],"sources":["../../../../src/interactions/actions/distribute/distribute.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport { createTransformOp } from 'core/ops/transform';\nimport type { Op } from 'core/ops/types';\nimport { dispatchApplyBatch } from 'core/applyOps';\nimport type { NodeId } from 'core/scene/types';\nimport { RECT_POSE_DESCRIPTOR, type PoseDescriptor } from '../resize/geometry';\nimport { translatePoseViaDescriptor, visualBoundsViaDescriptor } from '../align/align';\nimport { planDistribute } from './plan';\nimport { poseFrame } from '../poseFrame';\nimport { IDENTITY_POSE_COMPOSITION, type PoseComposition } from 'core/scene/composePose';\n\n/** Axis along which selection is distributed. `'x'` spreads horizontally. */\nexport type DistributeAxis = 'x' | 'y';\n\n/** `'centers'` spaces centers equally; `'gaps'` makes the gap between\n *  consecutive items equal. Both measure a rotated item by its ink extent.\n *  Endpoints stay put in both modes. */\nexport type DistributeMode = 'centers' | 'gaps';\n\n/** Adapter for `useDistribute`. */\nexport interface DistributeAdapter<TPose> {\n  getSelection(): NodeId[];\n  /** The pose as stored — local to the node's parent. */\n  getPose(id: NodeId): TPose;\n  /** The node's container, `null` for a root: the chain a pose is composed\n   *  through when container poses define a frame. */\n  getParent(id: NodeId): NodeId | null;\n  applyOps?(ops: Op[], label?: string): void;\n}\n\n/** Options for `useDistribute`. */\nexport interface UseDistributeOptions<TPose> {\n  /** Projection between `TPose` and bounds. Defaults to `RECT_POSE_DESCRIPTOR`\n   *  for `{x,y,width,height}` poses. */\n  geometry?: PoseDescriptor<TPose>;\n  /** Default mode when `distribute(axis)` is called without one. Default 'centers'. */\n  defaultMode?: DistributeMode;\n  /** Label passed to applyOps. Default 'Distribute'. */\n  label?: string;\n  /** How local poses fold up to world. Default IDENTITY, where the two are\n   *  the same value and the spread runs entirely in stored coordinates. */\n  composition?: PoseComposition<TPose>;\n}\n\n/** Return shape of `useDistribute`. */\nexport interface UseDistributeReturn {\n  /** Imperative trigger. No-op when fewer than 3 items selected. */\n  distribute(axis: DistributeAxis, mode?: DistributeMode): void;\n}\n\n/** Distribute the current multi-selection along `axis`. Requires ≥3 items;\n *  no-op otherwise. Endpoints (min and max along the axis) stay put; the\n *  remaining items are repositioned. Single batch — one undo step.\n *\n *  The span being divided is a world span: bounds are measured and translated\n *  in world, and each result is stored back in its own parent's frame. */\nexport function useDistribute<TPose>(\n  adapter: DistributeAdapter<TPose>,\n  options: UseDistributeOptions<TPose> = {},\n): UseDistributeReturn {\n  const adapterRef = useLatest(adapter);\n  const optsRef = useLatest(options);\n\n  const distribute = useCallback((axis: DistributeAxis, mode?: DistributeMode): void => {\n    const a = adapterRef.current;\n    const o = optsRef.current;\n    const sel = a.getSelection();\n    if (sel.length < 3) return;\n    const geom =\n      o.geometry ??\n      (RECT_POSE_DESCRIPTOR as unknown as PoseDescriptor<TPose>);\n    const m = mode ?? o.defaultMode ?? 'centers';\n\n    const frame = poseFrame<TPose>(\n      {\n        getPose: (id) => a.getPose(id as NodeId),\n        getParent: (id) => a.getParent(id as NodeId) as string | null,\n      },\n      o.composition ?? (IDENTITY_POSE_COMPOSITION as PoseComposition<TPose>),\n    );\n    const items = sel.map((id) => {\n      const pose = frame.world(id);\n      return { id, pose, b: visualBoundsViaDescriptor(pose, geom) };\n    });\n    const targets = planDistribute(items.map((it) => it.b), axis, m);\n\n    const ops: Op[] = [];\n    for (let i = 0; i < items.length; i++) {\n      const it = items[i];\n      const delta = targets[i] - (axis === 'x' ? it.b.x : it.b.y);\n      if (delta === 0) continue;\n      const dx = axis === 'x' ? delta : 0;\n      const dy = axis === 'y' ? delta : 0;\n      const to = translatePoseViaDescriptor(it.pose, dx, dy, geom);\n      ops.push(createTransformOp<TPose>({\n        id: it.id,\n        from: a.getPose(it.id),\n        to: frame.local(it.id, to),\n      }));\n    }\n    if (ops.length === 0) return;\n    dispatchApplyBatch(a, ops, o.label ?? 'Distribute');\n  }, [adapterRef, optsRef]);\n\n  return { distribute };\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAyDA,SAAgB,cACd,SACA,UAAuC,CAAC,GACnB;CACrB,MAAM,aAAa,UAAU,OAAO;CACpC,MAAM,UAAU,UAAU,OAAO;CA2CjC,OAAO,EAAE,YAzCU,aAAa,MAAsB,SAAgC;EACpF,MAAM,IAAI,WAAW;EACrB,MAAM,IAAI,QAAQ;EAClB,MAAM,MAAM,EAAE,aAAa;EAC3B,IAAI,IAAI,SAAS,GAAG;EACpB,MAAM,OACJ,EAAE,YACD;EACH,MAAM,IAAI,QAAQ,EAAE,eAAe;EAEnC,MAAM,QAAQ,UACZ;GACE,UAAU,OAAO,EAAE,QAAQ,EAAY;GACvC,YAAY,OAAO,EAAE,UAAU,EAAY;EAC7C,GACA,EAAE,eAAgB,yBACpB;EACA,MAAM,QAAQ,IAAI,KAAK,OAAO;GAC5B,MAAM,OAAO,MAAM,MAAM,EAAE;GAC3B,OAAO;IAAE;IAAI;IAAM,GAAG,0BAA0B,MAAM,IAAI;GAAE;EAC9D,CAAC;EACD,MAAM,UAAU,eAAe,MAAM,KAAK,OAAO,GAAG,CAAC,GAAG,MAAM,CAAC;EAE/D,MAAM,MAAY,CAAC;EACnB,KAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;GACrC,MAAM,KAAK,MAAM;GACjB,MAAM,QAAQ,QAAQ,MAAM,SAAS,MAAM,GAAG,EAAE,IAAI,GAAG,EAAE;GACzD,IAAI,UAAU,GAAG;GACjB,MAAM,KAAK,SAAS,MAAM,QAAQ;GAClC,MAAM,KAAK,SAAS,MAAM,QAAQ;GAClC,MAAM,KAAK,2BAA2B,GAAG,MAAM,IAAI,IAAI,IAAI;GAC3D,IAAI,KAAK,kBAAyB;IAChC,IAAI,GAAG;IACP,MAAM,EAAE,QAAQ,GAAG,EAAE;IACrB,IAAI,MAAM,MAAM,GAAG,IAAI,EAAE;GAC3B,CAAC,CAAC;EACJ;EACA,IAAI,IAAI,WAAW,GAAG;EACtB,mBAAmB,GAAG,KAAK,EAAE,SAAS,YAAY;CACpD,GAAG,CAAC,YAAY,OAAO,CAEd,EAAW;AACtB"}

package/dist/interactions/actions/distribute/plan.js

@@ -1,29 +1,47 @@
 //#region src/interactions/actions/distribute/plan.ts
-function e(e, t, n) {
-	let r = (e) => t === "x" ? e.x : e.y, i = (e) => t === "x" ? e.width : e.height, a = (e) => r(e) + i(e) / 2, o = e.map((e, t) => ({
-		b: e,
-		i: t
-	})).sort((e, t) => r(e.b) - r(t.b)), s = o.length, c = Array(s);
-	if (s === 0) return c;
-	let l = o[0].b, u = o[s - 1].b;
-	if (n === "centers") {
-		let e = a(l), t = (a(u) - e) / (s - 1);
-		for (let n = 0; n < s; n++) {
-			let { b: r, i: a } = o[n];
-			c[a] = e + t * n - i(r) / 2;
+/**
+* Where each box's min edge along `axis` should land. Result is parallel to
+* `bounds`. The two extreme boxes stay put in both modes; `'centers'` spaces
+* centers evenly between them, `'gaps'` spaces the empty runs evenly.
+*
+* Callers translate by `target - currentMin`, so the plan is expressed in the
+* same frame as the bounds it was given.
+*/
+function planDistribute(bounds, axis, mode) {
+	const min = (b) => axis === "x" ? b.x : b.y;
+	const size = (b) => axis === "x" ? b.width : b.height;
+	const center = (b) => min(b) + size(b) / 2;
+	const order = bounds.map((b, i) => ({
+		b,
+		i
+	})).sort((p, q) => min(p.b) - min(q.b));
+	const n = order.length;
+	const targets = new Array(n);
+	if (n === 0) return targets;
+	const first = order[0].b;
+	const last = order[n - 1].b;
+	if (mode === "centers") {
+		const c0 = center(first);
+		const stride = (center(last) - c0) / (n - 1);
+		for (let i = 0; i < n; i++) {
+			const { b, i: orig } = order[i];
+			targets[orig] = c0 + stride * i - size(b) / 2;
 		}
-		return c;
+		return targets;
 	}
-	let d = r(u) + i(u) - r(l), f = 0;
-	for (let { b: e } of o) f += i(e);
-	let p = (d - f) / (s - 1), m = r(l);
-	for (let e = 0; e < s; e++) {
-		let { b: t, i: n } = o[e];
-		c[n] = m, m += i(t) + p;
+	const span = min(last) + size(last) - min(first);
+	let sumSizes = 0;
+	for (const { b } of order) sumSizes += size(b);
+	const gap = (span - sumSizes) / (n - 1);
+	let cursor = min(first);
+	for (let i = 0; i < n; i++) {
+		const { b, i: orig } = order[i];
+		targets[orig] = cursor;
+		cursor += size(b) + gap;
 	}
-	return c;
+	return targets;
 }
-//#endregion
-export { e as planDistribute };
 
+//#endregion
+export { planDistribute };
 //# sourceMappingURL=plan.js.map

package/dist/interactions/actions/distribute/plan.js.map

@@ -1 +1 @@
-{"version":3,"file":"plan.js","names":["planDistribute","min","axis","b","size","center","order","bounds","p","q","n","targets","first","last","mode","c0","stride","i","orig","span","sumSizes","gap","cursor"],"sources":["../../../../src/interactions/actions/distribute/plan.ts"],"sourcesContent":["import type { DistributeAxis, DistributeMode } from './distribute';\n\n/** Axis-aligned box a distribute plan is computed from. Pass the *visual*\n *  bounds (`visualBoundsViaDescriptor`) — a rotated shape's ink is wider than\n *  the box it was posed in, and both the stride and the gap divide by size. */\nexport interface DistributeBounds {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n/**\n * Where each box's min edge along `axis` should land. Result is parallel to\n * `bounds`. The two extreme boxes stay put in both modes; `'centers'` spaces\n * centers evenly between them, `'gaps'` spaces the empty runs evenly.\n *\n * Callers translate by `target - currentMin`, so the plan is expressed in the\n * same frame as the bounds it was given.\n */\nexport function planDistribute(\n  bounds: readonly DistributeBounds[],\n  axis: DistributeAxis,\n  mode: DistributeMode,\n): number[] {\n  const min = (b: DistributeBounds): number => (axis === 'x' ? b.x : b.y);\n  const size = (b: DistributeBounds): number => (axis === 'x' ? b.width : b.height);\n  const center = (b: DistributeBounds): number => min(b) + size(b) / 2;\n\n  const order = bounds.map((b, i) => ({ b, i })).sort((p, q) => min(p.b) - min(q.b));\n  const n = order.length;\n  const targets = new Array<number>(n);\n  if (n === 0) return targets;\n  const first = order[0].b;\n  const last = order[n - 1].b;\n\n  if (mode === 'centers') {\n    const c0 = center(first);\n    const stride = (center(last) - c0) / (n - 1);\n    for (let i = 0; i < n; i++) {\n      const { b, i: orig } = order[i];\n      targets[orig] = c0 + stride * i - size(b) / 2;\n    }\n    return targets;\n  }\n\n  const span = (min(last) + size(last)) - min(first);\n  let sumSizes = 0;\n  for (const { b } of order) sumSizes += size(b);\n  const gap = (span - sumSizes) / (n - 1);\n  let cursor = min(first);\n  for (let i = 0; i < n; i++) {\n    const { b, i: orig } = order[i];\n    targets[orig] = cursor;\n    cursor += size(b) + gap;\n  }\n  return targets;\n}\n"],"mappings":";AAoBA,SAAgBA,EACd,GACA,GACA,GACU;CACV,IAAMC,KAAO,MAAiCC,MAAS,MAAMC,EAAE,IAAIA,EAAE,GAC/DC,KAAQ,MAAiCF,MAAS,MAAMC,EAAE,QAAQA,EAAE,QACpEE,KAAU,MAAgCJ,EAAIE,CAAC,IAAIC,EAAKD,CAAC,IAAI,GAE7DG,IAAQC,EAAO,KAAK,GAAG,OAAO;EAAE;EAAG;CAAE,EAAE,CAAC,CAAC,MAAM,GAAG,MAAMN,EAAIO,EAAE,CAAC,IAAIP,EAAIQ,EAAE,CAAC,CAAC,GAC3EC,IAAIJ,EAAM,QACVK,IAAc,MAAcD,CAAC;CACnC,IAAIA,MAAM,GAAG,OAAOC;CACpB,IAAMC,IAAQN,EAAM,EAAE,CAAC,GACjBO,IAAOP,EAAMI,IAAI,EAAE,CAAC;CAE1B,IAAII,MAAS,WAAW;EACtB,IAAMC,IAAKV,EAAOO,CAAK,GACjBI,KAAUX,EAAOQ,CAAI,IAAIE,MAAOL,IAAI;EAC1C,KAAK,IAAIO,IAAI,GAAGA,IAAIP,GAAG,KAAK;GAC1B,IAAM,EAAE,MAAG,GAAGQ,MAASZ,EAAMW;GAC7B,EAAQC,KAAQH,IAAKC,IAASC,IAAIb,EAAKD,CAAC,IAAI;EAC9C;EACA,OAAOQ;CACT;CAEA,IAAMQ,IAAQlB,EAAIY,CAAI,IAAIT,EAAKS,CAAI,IAAKZ,EAAIW,CAAK,GAC7CQ,IAAW;CACf,KAAK,IAAM,EAAE,UAAOd,GAAO,KAAYF,EAAKD,CAAC;CAC7C,IAAMkB,KAAOF,IAAOC,MAAaV,IAAI,IACjCY,IAASrB,EAAIW,CAAK;CACtB,KAAK,IAAIK,IAAI,GAAGA,IAAIP,GAAG,KAAK;EAC1B,IAAM,EAAE,MAAG,GAAGQ,MAASZ,EAAMW;EAE7B,AADA,EAAQC,KAAQI,GAChB,KAAUlB,EAAKD,CAAC,IAAIkB;CACtB;CACA,OAAOV;AACT"}
+{"version":3,"file":"plan.js","names":[],"sources":["../../../../src/interactions/actions/distribute/plan.ts"],"sourcesContent":["import type { DistributeAxis, DistributeMode } from './distribute';\n\n/** Axis-aligned box a distribute plan is computed from. Pass the *visual*\n *  bounds (`visualBoundsViaDescriptor`) — a rotated shape's ink is wider than\n *  the box it was posed in, and both the stride and the gap divide by size. */\nexport interface DistributeBounds {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n/**\n * Where each box's min edge along `axis` should land. Result is parallel to\n * `bounds`. The two extreme boxes stay put in both modes; `'centers'` spaces\n * centers evenly between them, `'gaps'` spaces the empty runs evenly.\n *\n * Callers translate by `target - currentMin`, so the plan is expressed in the\n * same frame as the bounds it was given.\n */\nexport function planDistribute(\n  bounds: readonly DistributeBounds[],\n  axis: DistributeAxis,\n  mode: DistributeMode,\n): number[] {\n  const min = (b: DistributeBounds): number => (axis === 'x' ? b.x : b.y);\n  const size = (b: DistributeBounds): number => (axis === 'x' ? b.width : b.height);\n  const center = (b: DistributeBounds): number => min(b) + size(b) / 2;\n\n  const order = bounds.map((b, i) => ({ b, i })).sort((p, q) => min(p.b) - min(q.b));\n  const n = order.length;\n  const targets = new Array<number>(n);\n  if (n === 0) return targets;\n  const first = order[0].b;\n  const last = order[n - 1].b;\n\n  if (mode === 'centers') {\n    const c0 = center(first);\n    const stride = (center(last) - c0) / (n - 1);\n    for (let i = 0; i < n; i++) {\n      const { b, i: orig } = order[i];\n      targets[orig] = c0 + stride * i - size(b) / 2;\n    }\n    return targets;\n  }\n\n  const span = (min(last) + size(last)) - min(first);\n  let sumSizes = 0;\n  for (const { b } of order) sumSizes += size(b);\n  const gap = (span - sumSizes) / (n - 1);\n  let cursor = min(first);\n  for (let i = 0; i < n; i++) {\n    const { b, i: orig } = order[i];\n    targets[orig] = cursor;\n    cursor += size(b) + gap;\n  }\n  return targets;\n}\n"],"mappings":";;;;;;;;;AAoBA,SAAgB,eACd,QACA,MACA,MACU;CACV,MAAM,OAAO,MAAiC,SAAS,MAAM,EAAE,IAAI,EAAE;CACrE,MAAM,QAAQ,MAAiC,SAAS,MAAM,EAAE,QAAQ,EAAE;CAC1E,MAAM,UAAU,MAAgC,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI;CAEnE,MAAM,QAAQ,OAAO,KAAK,GAAG,OAAO;EAAE;EAAG;CAAE,EAAE,CAAC,CAAC,MAAM,GAAG,MAAM,IAAI,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;CACjF,MAAM,IAAI,MAAM;CAChB,MAAM,UAAU,IAAI,MAAc,CAAC;CACnC,IAAI,MAAM,GAAG,OAAO;CACpB,MAAM,QAAQ,MAAM,EAAE,CAAC;CACvB,MAAM,OAAO,MAAM,IAAI,EAAE,CAAC;CAE1B,IAAI,SAAS,WAAW;EACtB,MAAM,KAAK,OAAO,KAAK;EACvB,MAAM,UAAU,OAAO,IAAI,IAAI,OAAO,IAAI;EAC1C,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK;GAC1B,MAAM,EAAE,GAAG,GAAG,SAAS,MAAM;GAC7B,QAAQ,QAAQ,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI;EAC9C;EACA,OAAO;CACT;CAEA,MAAM,OAAQ,IAAI,IAAI,IAAI,KAAK,IAAI,IAAK,IAAI,KAAK;CACjD,IAAI,WAAW;CACf,KAAK,MAAM,EAAE,OAAO,OAAO,YAAY,KAAK,CAAC;CAC7C,MAAM,OAAO,OAAO,aAAa,IAAI;CACrC,IAAI,SAAS,IAAI,KAAK;CACtB,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK;EAC1B,MAAM,EAAE,GAAG,GAAG,SAAS,MAAM;EAC7B,QAAQ,QAAQ;EAChB,UAAU,KAAK,CAAC,IAAI;CACtB;CACA,OAAO;AACT"}

package/dist/interactions/actions/drawnBoxes.js

@@ -0,0 +1,31 @@
+import { axisAlignedBounds } from "../../core/geometry/unionBounds.js";
+import { drawnBoundsOf, inkExtentsOf } from "../../canvas/drawnBounds.js";
+import { scenePoseFrame } from "./poseFrame.js";
+import { poseDescriptorOf } from "./poseDescriptorDep.js";
+
+//#region src/interactions/actions/drawnBoxes.ts
+var NO_SCENE = { get: () => void 0 };
+/** The {@link DrawnBoxes} over `deps.scene`. Pass the action's own `frame`
+*  when it has one, so container members are read the way it reads them. */
+function drawnBoxes(deps, frame) {
+	const scene = deps.scene ?? NO_SCENE;
+	const descriptor = poseDescriptorOf(deps.poseDescriptor);
+	const view = deps.view?.get();
+	let worlds = frame;
+	const opts = {
+		descriptor,
+		worldPoseOf: (id) => (worlds ??= scenePoseFrame(deps.scene)).world(id),
+		includeStroke: deps.boundsIncludeStroke ?? true,
+		...view ? { scale: view.scale } : {}
+	};
+	const framed = (id, pose) => drawnBoundsOf(scene, id, pose, opts);
+	return {
+		framed,
+		aabb: (id, pose) => axisAlignedBounds(framed(id, pose)),
+		extents: (id, pose) => inkExtentsOf(scene, id, pose, opts)
+	};
+}
+
+//#endregion
+export { drawnBoxes };
+//# sourceMappingURL=drawnBoxes.js.map

package/dist/interactions/actions/drawnBoxes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawnBoxes.js","names":[],"sources":["../../../src/interactions/actions/drawnBoxes.ts"],"sourcesContent":["import type { ActionDeps } from '@weasel-js/routing';\nimport { drawnBoundsOf, inkExtentsOf, type DrawnBoundsOptions, type DrawnBoundsScene } from 'canvas/drawnBounds';\nimport type { InkExtents } from 'core/geometry/inkExtents';\nimport { axisAlignedBounds } from 'core/geometry/unionBounds';\nimport type { NodeId } from 'core/scene/types';\nimport type { Bounds } from 'core/viewport/fitViewToBounds';\nimport { poseDescriptorOf } from './poseDescriptorDep';\nimport { scenePoseFrame, type PoseFrame } from './poseFrame';\n\nconst NO_SCENE: DrawnBoundsScene = { get: () => undefined };\n\n/** `drawnBoundsOf` bound to an action's deps: the box each id is shown with\n *  at a world pose, stroke included unless the canvas opted out. */\nexport interface DrawnBoxes {\n  /** In the frame the pose is drawn in. */\n  framed(id: NodeId | string, pose: unknown): Bounds;\n  /** The axis-aligned box a turned node covers. */\n  aabb(id: NodeId | string, pose: unknown): Bounds;\n  /** How far the ink reaches past the pose box, in the box's own frame. */\n  extents(id: NodeId | string, pose: unknown): InkExtents;\n}\n\n/** The {@link DrawnBoxes} over `deps.scene`. Pass the action's own `frame`\n *  when it has one, so container members are read the way it reads them. */\nexport function drawnBoxes(\n  deps: Pick<ActionDeps, 'scene' | 'poseDescriptor' | 'view' | 'boundsIncludeStroke'>,\n  frame?: PoseFrame<unknown>,\n): DrawnBoxes {\n  const scene: DrawnBoundsScene = deps.scene ?? NO_SCENE;\n  const descriptor = poseDescriptorOf(deps.poseDescriptor);\n  const view = deps.view?.get();\n  let worlds = frame;\n  const opts: DrawnBoundsOptions = {\n    descriptor,\n    worldPoseOf: (id) => (worlds ??= scenePoseFrame(deps.scene!)).world(id),\n    includeStroke: deps.boundsIncludeStroke ?? true,\n    ...(view ? { scale: view.scale } : {}),\n  };\n  const framed = (id: NodeId | string, pose: unknown): Bounds =>\n    drawnBoundsOf(scene, id as NodeId, pose, opts);\n  return {\n    framed,\n    aabb: (id, pose) => axisAlignedBounds(framed(id, pose)),\n    extents: (id, pose) => inkExtentsOf(scene, id as NodeId, pose, opts),\n  };\n}\n"],"mappings":";;;;;;AASA,IAAM,WAA6B,EAAE,WAAW,OAAU;;;AAe1D,SAAgB,WACd,MACA,OACY;CACZ,MAAM,QAA0B,KAAK,SAAS;CAC9C,MAAM,aAAa,iBAAiB,KAAK,cAAc;CACvD,MAAM,OAAO,KAAK,MAAM,IAAI;CAC5B,IAAI,SAAS;CACb,MAAM,OAA2B;EAC/B;EACA,cAAc,QAAQ,WAAW,eAAe,KAAK,KAAM,EAAA,CAAG,MAAM,EAAE;EACtE,eAAe,KAAK,uBAAuB;EAC3C,GAAI,OAAO,EAAE,OAAO,KAAK,MAAM,IAAI,CAAC;CACtC;CACA,MAAM,UAAU,IAAqB,SACnC,cAAc,OAAO,IAAc,MAAM,IAAI;CAC/C,OAAO;EACL;EACA,OAAO,IAAI,SAAS,kBAAkB,OAAO,IAAI,IAAI,CAAC;EACtD,UAAU,IAAI,SAAS,aAAa,OAAO,IAAc,MAAM,IAAI;CACrE;AACF"}