@adea-ai/ui 0.130.1 → 0.130.2

package/dist/components/layout/pixel-resize-handle/pixel-resize-handle.d.ts

@@ -22,13 +22,14 @@ export type PixelResizeHandleProps = {
  *
  * A keyboard- and pointer-operable edge ruler for a host-owned pane. Keep the
  * pane's actual width and any persistence in its layout owner; this component
- * reports a bounded pixel value and places the shared resizable grip at the
- * matching left or right edge.
+ * reports a bounded pixel value and draws the grip at the matching left or
+ * right edge.
  *
- * Corvu 0.2.5 supplies geometry, keyboard resizing, ARIA and the shared grip,
- * but its global drag handler does not end on pointer cancellation. Prevent
- * that handler through its public start hook and use local pointer capture
- * for bounded pixel gestures, including cancellation and lost capture.
+ * The ruler is a single separator positioned inside a box as wide as the
+ * maximum, so it needs no panel-group geometry (and none of the split-layout
+ * code that comes with one): arrow keys move it by `step` along its visual
+ * edge, Home and End jump to the bounds, and a pointer drag is captured on the
+ * handle so cancellation and lost capture end the gesture.
  */
 export declare function PixelResizeHandle(props: PixelResizeHandleProps): import("solid-js").JSX.Element;
 //# sourceMappingURL=pixel-resize-handle.d.ts.map

package/dist/components/layout/pixel-resize-handle/pixel-resize-handle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pixel-resize-handle.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/pixel-resize-handle/pixel-resize-handle.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,sBAAsB,GAAG;IACnC,6EAA6E;IAC7E,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;IACtB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAC/B,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,kCAgJ9D"}
+{"version":3,"file":"pixel-resize-handle.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/pixel-resize-handle/pixel-resize-handle.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,sBAAsB,GAAG;IACnC,6EAA6E;IAC7E,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;IACtB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAC/B,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,kCA8I9D"}

package/dist/components/layout/pixel-resize-handle/pixel-resize-handle.js

@@ -1,28 +1,31 @@
 import { cn } from "../../../lib/utils.js";
-import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "../../ui/resizable/resizable.js";
-import { createComponent, memo } from "solid-js/web";
+import { className, createComponent, delegateEvents, effect, insert, memo, setAttribute, setStyleProperty, template } from "solid-js/web";
+import { GripVertical } from "lucide-solid";
 import { createSignal, onCleanup } from "solid-js";
 //#region src/components/layout/pixel-resize-handle/pixel-resize-handle.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div><div role=separator tabindex=0 aria-orientation=vertical>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div class="bg-border z-(--z-docked) flex h-4 w-2.5 items-center justify-center rounded-sm border border-border">`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div data-slot=resizable-grip class="z-(--z-docked) h-11 w-1.5 flex-none rounded-full bg-border/55">`);
 /**
 * PixelResizeHandle.
 *
 * A keyboard- and pointer-operable edge ruler for a host-owned pane. Keep the
 * pane's actual width and any persistence in its layout owner; this component
-* reports a bounded pixel value and places the shared resizable grip at the
-* matching left or right edge.
+* reports a bounded pixel value and draws the grip at the matching left or
+* right edge.
 *
-* Corvu 0.2.5 supplies geometry, keyboard resizing, ARIA and the shared grip,
-* but its global drag handler does not end on pointer cancellation. Prevent
-* that handler through its public start hook and use local pointer capture
-* for bounded pixel gestures, including cancellation and lost capture.
+* The ruler is a single separator positioned inside a box as wide as the
+* maximum, so it needs no panel-group geometry (and none of the split-layout
+* code that comes with one): arrow keys move it by `step` along its visual
+* edge, Home and End jump to the bounds, and a pointer drag is captured on the
+* handle so cancellation and lost capture end the gesture.
 */
 function PixelResizeHandle(props) {
 	const maximum = () => Math.max(1, props.maximum);
 	const minimum = () => Math.min(maximum(), Math.max(0, props.minimum));
 	const value = () => Math.min(maximum(), Math.max(minimum(), Math.round(props.value)));
-	const ratio = () => value() / maximum();
 	const isRight = () => props.side === "right";
-	const rulerSizes = () => isRight() ? [1 - ratio(), ratio()] : [ratio(), 1 - ratio()];
+	const bounded = (next) => Math.min(maximum(), Math.max(minimum(), Math.round(next)));
 	const commit = () => props.onCommit?.(value());
 	let interacting = false;
 	const [drag, setDrag] = createSignal();
@@ -42,143 +45,126 @@ function PixelResizeHandle(props) {
 		endKeyboard();
 		endPointer(false);
 	});
-	return createComponent(ResizablePanelGroup, {
-		orientation: "horizontal",
-		dir: "ltr",
-		get sizes() {
-			return rulerSizes();
-		},
-		get keyboardDelta() {
-			return `${props.step ?? 16}px`;
-		},
-		get style() {
-			return { width: `${maximum()}px` };
-		},
-		get ["class"]() {
-			return cn("pointer-events-none absolute inset-y-0 flex", {
+	const move = (next) => {
+		if (next !== value()) props.onChange(next);
+	};
+	const KEY_DIRECTION = {
+		ArrowLeft: -1,
+		ArrowRight: 1
+	};
+	return (() => {
+		var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+		_el$2.$$keyup = (event) => {
+			if ([
+				"ArrowLeft",
+				"ArrowRight",
+				"Home",
+				"End"
+			].includes(event.key)) endKeyboard();
+		};
+		_el$2.$$keydown = (event) => {
+			const current = drag();
+			if (current && !current.handle.hasPointerCapture(current.pointerId)) endPointer(false);
+			if (drag()) {
+				event.preventDefault();
+				return;
+			}
+			const direction = KEY_DIRECTION[event.key];
+			if (direction !== void 0) {
+				event.preventDefault();
+				interacting = true;
+				move(bounded(value() + direction * (isRight() ? -1 : 1) * (props.step ?? 16)));
+			} else if (event.key === "Home" || event.key === "End") {
+				event.preventDefault();
+				interacting = true;
+				move(event.key === "Home" ? minimum() : maximum());
+			}
+		};
+		_el$2.addEventListener("blur", () => {
+			endKeyboard();
+			endPointer(false);
+		});
+		_el$2.addEventListener("lostpointercapture", (event) => {
+			if (event.pointerId === drag()?.pointerId) endPointer(false);
+		});
+		_el$2.addEventListener("pointercancel", (event) => {
+			if (event.pointerId === drag()?.pointerId) endPointer(false);
+		});
+		_el$2.$$pointerup = (event) => {
+			if (event.pointerId === drag()?.pointerId) endPointer(true);
+		};
+		_el$2.$$pointermove = (event) => {
+			const current = drag();
+			if (!current || event.pointerId !== current.pointerId) return;
+			if (!current.handle.hasPointerCapture(current.pointerId)) {
+				endPointer(false);
+				return;
+			}
+			const delta = (event.clientX - current.startX) * (isRight() ? -1 : 1);
+			move(bounded(current.startValue + delta));
+		};
+		_el$2.$$pointerdown = (event) => {
+			if (event.button !== 0 || !event.isPrimary) return;
+			const handle = event.currentTarget;
+			endPointer(false);
+			interacting = false;
+			handle.focus();
+			handle.setPointerCapture(event.pointerId);
+			setDrag({
+				pointerId: event.pointerId,
+				startX: event.clientX,
+				startValue: value(),
+				handle
+			});
+		};
+		insert(_el$2, (() => {
+			var _c$ = memo(() => props.grip === "chip");
+			return () => _c$() ? (() => {
+				var _el$3 = _tmpl$2();
+				insert(_el$3, createComponent(GripVertical, { "class": "size-2.5 text-muted-foreground" }));
+				return _el$3;
+			})() : _tmpl$3();
+		})());
+		effect((_p$) => {
+			var _v$ = cn("pointer-events-none absolute inset-y-0", {
 				"left-0": props.side === "left",
 				"right-0": props.side === "right"
-			}, props.class);
-		},
-		onSizesChange: (sizes) => {
-			if (!interacting || sizes.length !== 2) return;
-			const next = Math.round((sizes[isRight() ? 1 : 0] ?? ratio()) * maximum());
-			const bounded = Math.min(maximum(), Math.max(minimum(), next));
-			if (bounded !== value()) props.onChange(bounded);
-		},
-		get children() {
-			return [
-				createComponent(ResizablePanel, {
-					get minSize() {
-						return memo(() => !!isRight())() ? 0 : minimum() / maximum();
-					},
-					maxSize: 1,
-					"aria-hidden": "true"
-				}),
-				createComponent(ResizableHandle, {
-					get withHandle() {
-						return props.grip === "chip" ? true : "rung";
-					},
-					get label() {
-						return props.label ?? `Resize ${props.side} pane`;
-					},
-					get ["aria-controls"]() {
-						return props.controls;
-					},
-					get ["aria-valuemin"]() {
-						return minimum();
-					},
-					get ["aria-valuemax"]() {
-						return maximum();
-					},
-					get ["aria-valuenow"]() {
-						return value();
-					},
-					get ["aria-valuetext"]() {
-						return `${value()} pixels`;
-					},
-					get ["data-dragging"]() {
-						return drag() ? "" : void 0;
-					},
-					onHandleDragStart: (event) => {
-						event.preventDefault();
-						if (event.button !== 0 || !event.isPrimary) return;
-						const handle = event.currentTarget;
-						if (!(handle instanceof HTMLElement)) return;
-						endPointer(false);
-						interacting = false;
-						handle.focus();
-						handle.setPointerCapture(event.pointerId);
-						setDrag({
-							pointerId: event.pointerId,
-							startX: event.clientX,
-							startValue: value(),
-							handle
-						});
-					},
-					onPointerMove: (event) => {
-						const current = drag();
-						if (!current || event.pointerId !== current.pointerId) return;
-						if (!current.handle.hasPointerCapture(current.pointerId)) {
-							endPointer(false);
-							return;
-						}
-						const delta = (event.clientX - current.startX) * (isRight() ? -1 : 1);
-						const next = Math.min(maximum(), Math.max(minimum(), Math.round(current.startValue + delta)));
-						if (next !== value()) props.onChange(next);
-					},
-					onPointerUp: (event) => {
-						if (event.pointerId === drag()?.pointerId) endPointer(true);
-					},
-					onPointerCancel: (event) => {
-						if (event.pointerId === drag()?.pointerId) endPointer(false);
-					},
-					onLostPointerCapture: (event) => {
-						if (event.pointerId === drag()?.pointerId) endPointer(false);
-					},
-					onBlur: () => {
-						endKeyboard();
-						endPointer(false);
-					},
-					onKeyDown: (event) => {
-						const current = drag();
-						if (current && !current.handle.hasPointerCapture(current.pointerId)) endPointer(false);
-						if (drag()) {
-							event.preventDefault();
-							return;
-						}
-						if ([
-							"ArrowLeft",
-							"ArrowRight",
-							"Home",
-							"End"
-						].includes(event.key)) interacting = true;
-						if (event.key === "Home" || event.key === "End") {
-							event.preventDefault();
-							props.onChange(event.key === "Home" ? minimum() : maximum());
-						}
-					},
-					onKeyUp: (event) => {
-						if ([
-							"ArrowLeft",
-							"ArrowRight",
-							"Home",
-							"End"
-						].includes(event.key)) endKeyboard();
-					},
-					"class": "pointer-events-auto"
-				}),
-				createComponent(ResizablePanel, {
-					get minSize() {
-						return memo(() => !!isRight())() ? minimum() / maximum() : 0;
-					},
-					maxSize: 1,
-					"aria-hidden": "true"
-				})
-			];
-		}
-	});
+			}, props.class), _v$2 = `${maximum()}px`, _v$3 = props.label ?? `Resize ${props.side} pane`, _v$4 = props.controls, _v$5 = minimum(), _v$6 = maximum(), _v$7 = value(), _v$8 = `${value()} pixels`, _v$9 = drag() ? "" : void 0, _v$0 = `${isRight() ? maximum() - value() : value()}px`, _v$1 = cn("group/resize bg-border pointer-events-auto absolute inset-y-0 flex w-px items-center justify-center", "after:absolute after:inset-y-0 after:-inset-x-3 after:w-6", "transition-colors ease-out focus-visible:bg-primary focus-visible:outline-none", props.grip === "chip" ? "hover:bg-primary" : "hover:bg-primary/45");
+			_v$ !== _p$.e && className(_el$, _p$.e = _v$);
+			_v$2 !== _p$.t && setStyleProperty(_el$, "width", _p$.t = _v$2);
+			_v$3 !== _p$.a && setAttribute(_el$2, "aria-label", _p$.a = _v$3);
+			_v$4 !== _p$.o && setAttribute(_el$2, "aria-controls", _p$.o = _v$4);
+			_v$5 !== _p$.i && setAttribute(_el$2, "aria-valuemin", _p$.i = _v$5);
+			_v$6 !== _p$.n && setAttribute(_el$2, "aria-valuemax", _p$.n = _v$6);
+			_v$7 !== _p$.s && setAttribute(_el$2, "aria-valuenow", _p$.s = _v$7);
+			_v$8 !== _p$.h && setAttribute(_el$2, "aria-valuetext", _p$.h = _v$8);
+			_v$9 !== _p$.r && setAttribute(_el$2, "data-dragging", _p$.r = _v$9);
+			_v$0 !== _p$.d && setStyleProperty(_el$2, "left", _p$.d = _v$0);
+			_v$1 !== _p$.l && className(_el$2, _p$.l = _v$1);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0,
+			s: void 0,
+			h: void 0,
+			r: void 0,
+			d: void 0,
+			l: void 0
+		});
+		return _el$;
+	})();
 }
+delegateEvents([
+	"pointerdown",
+	"pointermove",
+	"pointerup",
+	"keydown",
+	"keyup"
+]);
 //#endregion
 export { PixelResizeHandle };
 

package/dist/components/layout/pixel-resize-handle/pixel-resize-handle.js.map

@@ -1 +1 @@
-{"version":3,"file":"pixel-resize-handle.js","names":["ResizableHandle","ResizablePanel","ResizablePanelGroup","createSignal","onCleanup","cn","PixelResizeHandleProps","side","value","minimum","maximum","step","label","controls","class","grip","onChange","onCommit","PixelResizeHandle","props","Math","max","min","round","ratio","isRight","rulerSizes","commit","interacting","drag","setDrag","pointerId","startX","startValue","handle","HTMLElement","endPointer","shouldCommit","current","undefined","hasPointerCapture","releasePointerCapture","endKeyboard","wasInteracting","_$createComponent","orientation","dir","sizes","keyboardDelta","style","width","onSizesChange","length","next","bounded","children","minSize","_$memo","maxSize","withHandle","aria-controls","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","data-dragging","onHandleDragStart","event","preventDefault","button","isPrimary","currentTarget","focus","setPointerCapture","clientX","onPointerMove","PointerEvent","delta","onPointerUp","onPointerCancel","onLostPointerCapture","onBlur","onKeyDown","includes","key","onKeyUp","_$createComponent","_$memo"],"sources":["../../../../src/components/layout/pixel-resize-handle/pixel-resize-handle.tsx"],"sourcesContent":["import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../../ui/resizable'\nimport { createSignal, onCleanup } from 'solid-js'\nimport { cn } from '#lib/utils'\n\nexport type PixelResizeHandleProps = {\n  /** Which physical edge of the ruler the resizable surface is attached to. */\n  side: 'left' | 'right'\n  /** Current width in CSS pixels. */\n  value: number\n  minimum: number\n  maximum: number\n  step?: number\n  label?: string\n  controls?: string\n  class?: string\n  /**\n   * The grip drawn on the edge: the quieter rung by default, or the bordered\n   * chip for hosts that want the heavier affordance.\n   */\n  grip?: 'chip' | 'rung'\n  onChange(value: number): void\n  onCommit?(value: number): void\n}\n\n/**\n * PixelResizeHandle.\n *\n * A keyboard- and pointer-operable edge ruler for a host-owned pane. Keep the\n * pane's actual width and any persistence in its layout owner; this component\n * reports a bounded pixel value and places the shared resizable grip at the\n * matching left or right edge.\n *\n * Corvu 0.2.5 supplies geometry, keyboard resizing, ARIA and the shared grip,\n * but its global drag handler does not end on pointer cancellation. Prevent\n * that handler through its public start hook and use local pointer capture\n * for bounded pixel gestures, including cancellation and lost capture.\n */\nexport function PixelResizeHandle(props: PixelResizeHandleProps) {\n  const maximum = () => Math.max(1, props.maximum)\n  const minimum = () => Math.min(maximum(), Math.max(0, props.minimum))\n  const value = () => Math.min(maximum(), Math.max(minimum(), Math.round(props.value)))\n  const ratio = () => value() / maximum()\n  const isRight = () => props.side === 'right'\n  const rulerSizes = () => (isRight() ? [1 - ratio(), ratio()] : [ratio(), 1 - ratio()])\n  const commit = () => props.onCommit?.(value())\n  let interacting = false\n  const [drag, setDrag] = createSignal<{\n    pointerId: number\n    startX: number\n    startValue: number\n    handle: HTMLElement\n  }>()\n  const endPointer = (shouldCommit: boolean) => {\n    const current = drag()\n    if (!current) return\n    setDrag(undefined)\n    if (current.handle.hasPointerCapture(current.pointerId))\n      current.handle.releasePointerCapture(current.pointerId)\n    if (shouldCommit) commit()\n  }\n  const endKeyboard = () => {\n    const wasInteracting = interacting\n    interacting = false\n    if (wasInteracting) commit()\n  }\n  onCleanup(() => {\n    endKeyboard()\n    endPointer(false)\n  })\n\n  return (\n    <ResizablePanelGroup\n      orientation=\"horizontal\"\n      dir=\"ltr\"\n      sizes={rulerSizes()}\n      keyboardDelta={`${props.step ?? 16}px`}\n      style={{ width: `${maximum()}px` }}\n      class={cn(\n        'pointer-events-none absolute inset-y-0 flex',\n        {\n          'left-0': props.side === 'left',\n          'right-0': props.side === 'right',\n        },\n        props.class\n      )}\n      onSizesChange={(sizes) => {\n        // Panel registration and teardown also emit sizes. Only user resizing\n        // may update the host preference; collapsing must preserve its width.\n        if (!interacting || sizes.length !== 2) return\n        const next = Math.round((sizes[isRight() ? 1 : 0] ?? ratio()) * maximum())\n        const bounded = Math.min(maximum(), Math.max(minimum(), next))\n        if (bounded !== value()) props.onChange(bounded)\n      }}\n    >\n      <ResizablePanel\n        minSize={isRight() ? 0 : minimum() / maximum()}\n        maxSize={1}\n        aria-hidden=\"true\"\n      />\n      <ResizableHandle\n        withHandle={props.grip === 'chip' ? true : 'rung'}\n        label={props.label ?? `Resize ${props.side} pane`}\n        aria-controls={props.controls}\n        aria-valuemin={minimum()}\n        aria-valuemax={maximum()}\n        aria-valuenow={value()}\n        aria-valuetext={`${value()} pixels`}\n        data-dragging={drag() ? '' : undefined}\n        onHandleDragStart={(event) => {\n          // Corvu checks defaultPrevented before starting its global handler.\n          event.preventDefault()\n          if (event.button !== 0 || !event.isPrimary) return\n          const handle = event.currentTarget\n          if (!(handle instanceof HTMLElement)) return\n          endPointer(false)\n          interacting = false\n          handle.focus()\n          handle.setPointerCapture(event.pointerId)\n          setDrag({\n            pointerId: event.pointerId,\n            startX: event.clientX,\n            startValue: value(),\n            handle,\n          })\n        }}\n        onPointerMove={(event: PointerEvent) => {\n          const current = drag()\n          if (!current || event.pointerId !== current.pointerId) return\n          if (!current.handle.hasPointerCapture(current.pointerId)) {\n            endPointer(false)\n            return\n          }\n          const delta = (event.clientX - current.startX) * (isRight() ? -1 : 1)\n          const next = Math.min(\n            maximum(),\n            Math.max(minimum(), Math.round(current.startValue + delta))\n          )\n          if (next !== value()) props.onChange(next)\n        }}\n        onPointerUp={(event: PointerEvent) => {\n          if (event.pointerId === drag()?.pointerId) endPointer(true)\n        }}\n        onPointerCancel={(event: PointerEvent) => {\n          if (event.pointerId === drag()?.pointerId) endPointer(false)\n        }}\n        onLostPointerCapture={(event: PointerEvent) => {\n          if (event.pointerId === drag()?.pointerId) endPointer(false)\n        }}\n        onBlur={() => {\n          endKeyboard()\n          endPointer(false)\n        }}\n        onKeyDown={(event) => {\n          const current = drag()\n          if (current && !current.handle.hasPointerCapture(current.pointerId)) endPointer(false)\n          if (drag()) {\n            event.preventDefault()\n            return\n          }\n          if (['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) interacting = true\n          // Corvu operates on physical panel order. Home/End here describe\n          // the controlled pane width, including a pane after the separator.\n          if (event.key === 'Home' || event.key === 'End') {\n            event.preventDefault()\n            props.onChange(event.key === 'Home' ? minimum() : maximum())\n          }\n        }}\n        onKeyUp={(event) => {\n          if (['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) {\n            endKeyboard()\n          }\n        }}\n        class=\"pointer-events-auto\"\n      />\n      <ResizablePanel\n        minSize={isRight() ? minimum() / maximum() : 0}\n        maxSize={1}\n        aria-hidden=\"true\"\n      />\n    </ResizablePanelGroup>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAqCA,SAAgBkB,kBAAkBC,OAA+B;CAC/D,MAAMT,gBAAgBU,KAAKC,IAAI,GAAGF,MAAMT,OAAO;CAC/C,MAAMD,gBAAgBW,KAAKE,IAAIZ,QAAQ,GAAGU,KAAKC,IAAI,GAAGF,MAAMV,OAAO,CAAC;CACpE,MAAMD,cAAcY,KAAKE,IAAIZ,QAAQ,GAAGU,KAAKC,IAAIZ,QAAQ,GAAGW,KAAKG,MAAMJ,MAAMX,KAAK,CAAC,CAAC;CACpF,MAAMgB,cAAchB,MAAM,IAAIE,QAAQ;CACtC,MAAMe,gBAAgBN,MAAMZ,SAAS;CACrC,MAAMmB,mBAAoBD,QAAQ,IAAI,CAAC,IAAID,MAAM,GAAGA,MAAM,CAAC,IAAI,CAACA,MAAM,GAAG,IAAIA,MAAM,CAAC;CACpF,MAAMG,eAAeR,MAAMF,WAAWT,MAAM,CAAC;CAC7C,IAAIoB,cAAc;CAClB,MAAM,CAACC,MAAMC,WAAW3B,aAKrB;CACH,MAAMiC,cAAcC,iBAA0B;EAC5C,MAAMC,UAAUT,KAAK;EACrB,IAAI,CAACS,SAAS;EACdR,QAAQS,KAAAA,CAAS;EACjB,IAAID,QAAQJ,OAAOM,kBAAkBF,QAAQP,SAAS,GACpDO,QAAQJ,OAAOO,sBAAsBH,QAAQP,SAAS;EACxD,IAAIM,cAAcV,OAAO;CAC3B;CACA,MAAMe,oBAAoB;EACxB,MAAMC,iBAAiBf;EACvBA,cAAc;EACd,IAAIe,gBAAgBhB,OAAO;CAC7B;CACAvB,gBAAgB;EACdsC,YAAY;EACZN,WAAW,KAAK;CAClB,CAAC;CAED,OAAAQ,gBACG1C,qBAAmB;EAClB2C,aAAW;EACXC,KAAG;EAAA,IACHC,QAAK;GAAA,OAAErB,WAAW;EAAC;EAAA,IACnBsB,gBAAa;GAAA,OAAE,GAAG7B,MAAMR,QAAQ,GAAE;EAAI;EAAA,IACtCsC,QAAK;GAAA,OAAE,EAAEC,OAAO,GAAGxC,QAAQ,EAAC,IAAK;EAAC;EAAA,KAAA,WAAA;GAAA,OAC3BL,GACL,+CACA;IACE,UAAUc,MAAMZ,SAAS;IACzB,WAAWY,MAAMZ,SAAS;GAC5B,GACAY,MAAML,KACR;EAAC;EACDqC,gBAAgBJ,UAAU;GAGxB,IAAI,CAACnB,eAAemB,MAAMK,WAAW,GAAG;GACxC,MAAMC,OAAOjC,KAAKG,OAAOwB,MAAMtB,QAAQ,IAAI,IAAI,MAAMD,MAAM,KAAKd,QAAQ,CAAC;GACzE,MAAM4C,UAAUlC,KAAKE,IAAIZ,QAAQ,GAAGU,KAAKC,IAAIZ,QAAQ,GAAG4C,IAAI,CAAC;GAC7D,IAAIC,YAAY9C,MAAM,GAAGW,MAAMH,SAASsC,OAAO;EACjD;EAAC,IAAAC,WAAA;GAAA,OAAA;IAAAX,gBAEA3C,gBAAc;KAAA,IACbuD,UAAO;MAAA,OAAEC,WAAA,CAAA,CAAAhC,QAAQ,CAAC,CAAA,CAAA,IAAG,IAAIhB,QAAQ,IAAIC,QAAQ;KAAC;KAC9CgD,SAAS;KAAC,eAAA;IAAA,CAAA;IAAAd,gBAGX5C,iBAAe;KAAA,IACd2D,aAAU;MAAA,OAAExC,MAAMJ,SAAS,SAAS,OAAO;KAAM;KAAA,IACjDH,QAAK;MAAA,OAAEO,MAAMP,SAAS,UAAUO,MAAMZ,KAAI;KAAO;KAAA,KAAA,mBAAA;MAAA,OAClCY,MAAMN;KAAQ;KAAA,KAAA,mBAAA;MAAA,OACdJ,QAAQ;KAAC;KAAA,KAAA,mBAAA;MAAA,OACTC,QAAQ;KAAC;KAAA,KAAA,mBAAA;MAAA,OACTF,MAAM;KAAC;KAAA,KAAA,oBAAA;MAAA,OACN,GAAGA,MAAM,EAAC;KAAS;KAAA,KAAA,mBAAA;MAAA,OACpBqB,KAAK,IAAI,KAAKU,KAAAA;KAAS;KACtC2B,oBAAoBC,UAAU;MAE5BA,MAAMC,eAAe;MACrB,IAAID,MAAME,WAAW,KAAK,CAACF,MAAMG,WAAW;MAC5C,MAAMpC,SAASiC,MAAMI;MACrB,IAAI,EAAErC,kBAAkBC,cAAc;MACtCC,WAAW,KAAK;MAChBR,cAAc;MACdM,OAAOsC,MAAM;MACbtC,OAAOuC,kBAAkBN,MAAMpC,SAAS;MACxCD,QAAQ;OACNC,WAAWoC,MAAMpC;OACjBC,QAAQmC,MAAMO;OACdzC,YAAYzB,MAAM;OAClB0B;MACF,CAAC;KACH;KACAyC,gBAAgBR,UAAwB;MACtC,MAAM7B,UAAUT,KAAK;MACrB,IAAI,CAACS,WAAW6B,MAAMpC,cAAcO,QAAQP,WAAW;MACvD,IAAI,CAACO,QAAQJ,OAAOM,kBAAkBF,QAAQP,SAAS,GAAG;OACxDK,WAAW,KAAK;OAChB;MACF;MACA,MAAMyC,SAASV,MAAMO,UAAUpC,QAAQN,WAAWP,QAAQ,IAAI,KAAK;MACnE,MAAM4B,OAAOjC,KAAKE,IAChBZ,QAAQ,GACRU,KAAKC,IAAIZ,QAAQ,GAAGW,KAAKG,MAAMe,QAAQL,aAAa4C,KAAK,CAAC,CAC5D;MACA,IAAIxB,SAAS7C,MAAM,GAAGW,MAAMH,SAASqC,IAAI;KAC3C;KACAyB,cAAcX,UAAwB;MACpC,IAAIA,MAAMpC,cAAcF,KAAK,CAAC,EAAEE,WAAWK,WAAW,IAAI;KAC5D;KACA2C,kBAAkBZ,UAAwB;MACxC,IAAIA,MAAMpC,cAAcF,KAAK,CAAC,EAAEE,WAAWK,WAAW,KAAK;KAC7D;KACA4C,uBAAuBb,UAAwB;MAC7C,IAAIA,MAAMpC,cAAcF,KAAK,CAAC,EAAEE,WAAWK,WAAW,KAAK;KAC7D;KACA6C,cAAc;MACZvC,YAAY;MACZN,WAAW,KAAK;KAClB;KACA8C,YAAYf,UAAU;MACpB,MAAM7B,UAAUT,KAAK;MACrB,IAAIS,WAAW,CAACA,QAAQJ,OAAOM,kBAAkBF,QAAQP,SAAS,GAAGK,WAAW,KAAK;MACrF,IAAIP,KAAK,GAAG;OACVsC,MAAMC,eAAe;OACrB;MACF;MACA,IAAI;OAAC;OAAa;OAAc;OAAQ;MAAK,CAAC,CAACe,SAAShB,MAAMiB,GAAG,GAAGxD,cAAc;MAGlF,IAAIuC,MAAMiB,QAAQ,UAAUjB,MAAMiB,QAAQ,OAAO;OAC/CjB,MAAMC,eAAe;OACrBjD,MAAMH,SAASmD,MAAMiB,QAAQ,SAAS3E,QAAQ,IAAIC,QAAQ,CAAC;MAC7D;KACF;KACA2E,UAAUlB,UAAU;MAClB,IAAI;OAAC;OAAa;OAAc;OAAQ;MAAK,CAAC,CAACgB,SAAShB,MAAMiB,GAAG,GAC/D1C,YAAY;KAEhB;KAAC,SAAA;IAAA,CAAA;IAAAE,gBAGF3C,gBAAc;KAAA,IACbuD,UAAO;MAAA,OAAEC,WAAA,CAAA,CAAAhC,QAAQ,CAAC,CAAA,CAAA,IAAGhB,QAAQ,IAAIC,QAAQ,IAAI;KAAC;KAC9CgD,SAAS;KAAC,eAAA;IAAA,CAAA;GAAA;EAAA;CAAA,CAAA;AAKlB"}
+{"version":3,"file":"pixel-resize-handle.js","names":["GripVertical","createSignal","onCleanup","cn","PixelResizeHandleProps","side","value","minimum","maximum","step","label","controls","class","grip","onChange","onCommit","PixelResizeHandle","props","Math","max","min","round","isRight","bounded","next","commit","interacting","drag","setDrag","pointerId","startX","startValue","handle","HTMLElement","endPointer","shouldCommit","current","undefined","hasPointerCapture","releasePointerCapture","endKeyboard","wasInteracting","move","KEY_DIRECTION","Record","ArrowLeft","ArrowRight","_el$","_tmpl$","_el$2","firstChild","$$keyup","event","includes","key","$$keydown","preventDefault","direction","addEventListener","$$pointerup","$$pointermove","delta","clientX","$$pointerdown","button","isPrimary","currentTarget","focus","setPointerCapture","_$insert","_c$","_$memo","_el$3","_tmpl$2","_$createComponent","_tmpl$3","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","_v$6","_v$7","_v$8","_v$9","_v$0","_v$1","e","_$className","t","_$setStyleProperty","a","_$setAttribute","o","i","n","s","h","r","d","l","_$delegateEvents","_$memo","_$createComponent","_$className","_$setStyleProperty","_$setAttribute","_$delegateEvents"],"sources":["../../../../src/components/layout/pixel-resize-handle/pixel-resize-handle.tsx"],"sourcesContent":["import { GripVertical } from 'lucide-solid'\nimport { createSignal, onCleanup } from 'solid-js'\nimport { cn } from '#lib/utils'\n\nexport type PixelResizeHandleProps = {\n  /** Which physical edge of the ruler the resizable surface is attached to. */\n  side: 'left' | 'right'\n  /** Current width in CSS pixels. */\n  value: number\n  minimum: number\n  maximum: number\n  step?: number\n  label?: string\n  controls?: string\n  class?: string\n  /**\n   * The grip drawn on the edge: the quieter rung by default, or the bordered\n   * chip for hosts that want the heavier affordance.\n   */\n  grip?: 'chip' | 'rung'\n  onChange(value: number): void\n  onCommit?(value: number): void\n}\n\n/**\n * PixelResizeHandle.\n *\n * A keyboard- and pointer-operable edge ruler for a host-owned pane. Keep the\n * pane's actual width and any persistence in its layout owner; this component\n * reports a bounded pixel value and draws the grip at the matching left or\n * right edge.\n *\n * The ruler is a single separator positioned inside a box as wide as the\n * maximum, so it needs no panel-group geometry (and none of the split-layout\n * code that comes with one): arrow keys move it by `step` along its visual\n * edge, Home and End jump to the bounds, and a pointer drag is captured on the\n * handle so cancellation and lost capture end the gesture.\n */\nexport function PixelResizeHandle(props: PixelResizeHandleProps) {\n  const maximum = () => Math.max(1, props.maximum)\n  const minimum = () => Math.min(maximum(), Math.max(0, props.minimum))\n  const value = () => Math.min(maximum(), Math.max(minimum(), Math.round(props.value)))\n  const isRight = () => props.side === 'right'\n  const bounded = (next: number) => Math.min(maximum(), Math.max(minimum(), Math.round(next)))\n  const commit = () => props.onCommit?.(value())\n  let interacting = false\n  const [drag, setDrag] = createSignal<{\n    pointerId: number\n    startX: number\n    startValue: number\n    handle: HTMLElement\n  }>()\n  const endPointer = (shouldCommit: boolean) => {\n    const current = drag()\n    if (!current) return\n    setDrag(undefined)\n    if (current.handle.hasPointerCapture(current.pointerId))\n      current.handle.releasePointerCapture(current.pointerId)\n    if (shouldCommit) commit()\n  }\n  const endKeyboard = () => {\n    const wasInteracting = interacting\n    interacting = false\n    if (wasInteracting) commit()\n  }\n  onCleanup(() => {\n    endKeyboard()\n    endPointer(false)\n  })\n  const move = (next: number) => {\n    if (next !== value()) props.onChange(next)\n  }\n  // Arrow keys describe physical movement of the handle: on a right-edge pane\n  // moving the handle left widens the pane.\n  const KEY_DIRECTION: Record<string, number> = { ArrowLeft: -1, ArrowRight: 1 }\n\n  return (\n    <div\n      class={cn(\n        'pointer-events-none absolute inset-y-0',\n        {\n          'left-0': props.side === 'left',\n          'right-0': props.side === 'right',\n        },\n        props.class\n      )}\n      style={{ width: `${maximum()}px` }}\n    >\n      <div\n        role=\"separator\"\n        tabIndex={0}\n        aria-orientation=\"vertical\"\n        aria-label={props.label ?? `Resize ${props.side} pane`}\n        aria-controls={props.controls}\n        aria-valuemin={minimum()}\n        aria-valuemax={maximum()}\n        aria-valuenow={value()}\n        aria-valuetext={`${value()} pixels`}\n        data-dragging={drag() ? '' : undefined}\n        style={{ left: `${isRight() ? maximum() - value() : value()}px` }}\n        class={cn(\n          'group/resize bg-border pointer-events-auto absolute inset-y-0 flex w-px items-center justify-center',\n          /* Widen the hit target without moving the visual line: 24px on the\n             drag axis meets WCAG 2.5.8's minimum target. */\n          'after:absolute after:inset-y-0 after:-inset-x-3 after:w-6',\n          'transition-colors ease-out focus-visible:bg-primary focus-visible:outline-none',\n          props.grip === 'chip' ? 'hover:bg-primary' : 'hover:bg-primary/45'\n        )}\n        onPointerDown={(event) => {\n          if (event.button !== 0 || !event.isPrimary) return\n          const handle = event.currentTarget\n          endPointer(false)\n          interacting = false\n          handle.focus()\n          handle.setPointerCapture(event.pointerId)\n          setDrag({\n            pointerId: event.pointerId,\n            startX: event.clientX,\n            startValue: value(),\n            handle,\n          })\n        }}\n        onPointerMove={(event) => {\n          const current = drag()\n          if (!current || event.pointerId !== current.pointerId) return\n          if (!current.handle.hasPointerCapture(current.pointerId)) {\n            endPointer(false)\n            return\n          }\n          const delta = (event.clientX - current.startX) * (isRight() ? -1 : 1)\n          move(bounded(current.startValue + delta))\n        }}\n        onPointerUp={(event) => {\n          if (event.pointerId === drag()?.pointerId) endPointer(true)\n        }}\n        onPointerCancel={(event) => {\n          if (event.pointerId === drag()?.pointerId) endPointer(false)\n        }}\n        onLostPointerCapture={(event) => {\n          if (event.pointerId === drag()?.pointerId) endPointer(false)\n        }}\n        onBlur={() => {\n          endKeyboard()\n          endPointer(false)\n        }}\n        onKeyDown={(event) => {\n          const current = drag()\n          if (current && !current.handle.hasPointerCapture(current.pointerId)) endPointer(false)\n          if (drag()) {\n            event.preventDefault()\n            return\n          }\n          const direction = KEY_DIRECTION[event.key]\n          if (direction !== undefined) {\n            event.preventDefault()\n            interacting = true\n            move(bounded(value() + direction * (isRight() ? -1 : 1) * (props.step ?? 16)))\n          } else if (event.key === 'Home' || event.key === 'End') {\n            event.preventDefault()\n            interacting = true\n            move(event.key === 'Home' ? minimum() : maximum())\n          }\n        }}\n        onKeyUp={(event) => {\n          if (['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) endKeyboard()\n        }}\n      >\n        {props.grip === 'chip' ? (\n          <div class=\"bg-border z-(--z-docked) flex h-4 w-2.5 items-center justify-center rounded-sm border border-border\">\n            <GripVertical class=\"size-2.5 text-muted-foreground\" />\n          </div>\n        ) : (\n          <div\n            data-slot=\"resizable-grip\"\n            class=\"z-(--z-docked) h-11 w-1.5 flex-none rounded-full bg-border/55\"\n          />\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/layout/split-layout/resize-controller-core-retry.d.ts

@@ -8,6 +8,6 @@ export type SplitLayoutResizeControllerProps<L extends SplitLayoutLeaf> = {
     labelForSeparator?: (branch: SplitLayoutBranch<L>) => string;
     onResize: (splitId: string, ratio: number) => void;
 };
-/** Corvu stays behind the first real split while the pane owners remain mounted. */
+/** The divider stays behind the first real split while the pane owners remain mounted. */
 export default function SplitLayoutResizeController<L extends SplitLayoutLeaf>(props: SplitLayoutResizeControllerProps<L>): JSX.Element;
 //# sourceMappingURL=resize-controller-core-retry.d.ts.map

package/dist/components/layout/split-layout/resize-controller-core-retry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resize-controller-core-retry.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/split-layout/resize-controller-core-retry.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,EAIL,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACrB,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,gCAAgC,CAAC,CAAC,SAAS,eAAe,IAAI;IACxE,MAAM,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IACtC,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,CAAA;IACjC,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAA;IAC7B,IAAI,EAAE,MAAM,cAAc,GAAG,SAAS,CAAA;IACtC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,MAAM,CAAA;IAC5D,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnD,CAAA;AAED,oFAAoF;AACpF,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAC,CAAC,SAAS,eAAe,EAC3E,KAAK,EAAE,gCAAgC,CAAC,CAAC,CAAC,eA4C3C"}
+{"version":3,"file":"resize-controller-core-retry.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/split-layout/resize-controller-core-retry.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,QAAQ,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAChE,OAAO,EAIL,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACrB,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,gCAAgC,CAAC,CAAC,SAAS,eAAe,IAAI;IACxE,MAAM,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IACtC,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,CAAA;IACjC,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAA;IAC7B,IAAI,EAAE,MAAM,cAAc,GAAG,SAAS,CAAA;IACtC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,MAAM,CAAA;IAC5D,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnD,CAAA;AAID,0FAA0F;AAC1F,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAC,CAAC,SAAS,eAAe,EAC3E,KAAK,EAAE,gCAAgC,CAAC,CAAC,CAAC,eAoF3C"}

package/dist/components/layout/split-layout/resize-controller-core-retry.js

@@ -1,62 +1,98 @@
 import { MAX_SPLIT_RATIO, MIN_SPLIT_RATIO, listLeaves } from "./tree.js";
-import { createComponent } from "solid-js/web";
-import "solid-js";
-import Resizable from "@corvu/resizable";
+import { delegateEvents, effect, setAttribute, style, template, use } from "solid-js/web";
+import { createSignal } from "solid-js";
 //#region src/components/layout/split-layout/resize-controller-core-retry.tsx
-/** Corvu stays behind the first real split while the pane owners remain mounted. */
+var _tmpl$ = /*#__PURE__*/ template(`<div class="pointer-events-none absolute min-h-0 min-w-0"><div role=separator tabindex=0 data-split-layout-handle aria-valuemin=10 aria-valuemax=90 class="pointer-events-auto absolute shrink-0 bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full">`);
+var KEYBOARD_DELTA = .05;
+/** The divider stays behind the first real split while the pane owners remain mounted. */
 function SplitLayoutResizeController(props) {
-	const id = () => props.branch().id;
-	return createComponent(Resizable, {
-		get orientation() {
-			return props.branch().direction === "row" ? "horizontal" : "vertical";
-		},
-		get sizes() {
-			return [props.branch().ratio, 1 - props.branch().ratio];
-		},
-		keyboardDelta: .05,
-		onSizesChange: (sizes) => {
-			const root = props.root();
-			if (!root?.isConnected || root.getClientRects().length === 0) return;
-			if (sizes.length !== 2 || sizes.some((size) => !Number.isFinite(size)) || Math.abs(sizes[0] + sizes[1] - 1) > 1e-6) return;
-			if (sizes[0] !== void 0 && Math.abs(sizes[0] - props.branch().ratio) > 1e-6) props.onResize(id(), sizes[0]);
-		},
-		get style() {
-			return props.rect();
-		},
-		"class": "pointer-events-none absolute flex min-h-0 min-w-0 data-[orientation=vertical]:flex-col",
-		get children() {
-			return [
-				createComponent(Resizable.Panel, {
-					minSize: MIN_SPLIT_RATIO,
-					maxSize: MAX_SPLIT_RATIO,
-					"aria-hidden": "true"
-				}),
-				createComponent(Resizable.Handle, {
-					get ["aria-label"]() {
-						return props.labelForSeparator?.(props.branch()) ?? (props.branch().direction === "row" ? "Resize pane columns" : "Resize pane rows");
-					},
-					get ["aria-orientation"]() {
-						return props.branch().direction === "row" ? "vertical" : "horizontal";
-					},
-					get ["aria-controls"]() {
-						return listLeaves(props.branch()).map((leaf) => props.domId(leaf.id)).join(" ");
-					},
-					"aria-valuemin": 10,
-					"aria-valuemax": 90,
-					get ["aria-valuenow"]() {
-						return Math.round(props.branch().ratio * 100);
-					},
-					"class": "pointer-events-auto relative w-px shrink-0 bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full"
-				}),
-				createComponent(Resizable.Panel, {
-					minSize: MIN_SPLIT_RATIO,
-					maxSize: MAX_SPLIT_RATIO,
-					"aria-hidden": "true"
-				})
-			];
-		}
-	});
+	const [container, setContainer] = createSignal();
+	let activePointer;
+	const horizontal = () => props.branch().direction === "row";
+	const resizeTo = (ratio) => {
+		const root = props.root();
+		if (!root?.isConnected || root.getClientRects().length === 0) return;
+		const next = Math.min(MAX_SPLIT_RATIO, Math.max(MIN_SPLIT_RATIO, ratio));
+		if (Number.isFinite(next) && Math.abs(next - props.branch().ratio) > 1e-6) props.onResize(props.branch().id, next);
+	};
+	const stopDrag = (handle, event) => {
+		if (activePointer !== event.pointerId) return;
+		activePointer = void 0;
+		handle.removeAttribute("data-dragging");
+		if (handle.hasPointerCapture(event.pointerId)) handle.releasePointerCapture(event.pointerId);
+	};
+	return (() => {
+		var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+		use(setContainer, _el$);
+		_el$2.addEventListener("lostpointercapture", (event) => stopDrag(event.currentTarget, event));
+		_el$2.addEventListener("pointercancel", (event) => stopDrag(event.currentTarget, event));
+		_el$2.$$pointerup = (event) => stopDrag(event.currentTarget, event);
+		_el$2.$$pointermove = (event) => {
+			const element = container();
+			if (activePointer !== event.pointerId || !element) return;
+			const box = element.getBoundingClientRect();
+			const size = horizontal() ? box.width : box.height;
+			if (size <= 0) return;
+			resizeTo((horizontal() ? event.clientX - box.left : event.clientY - box.top) / size);
+		};
+		_el$2.$$pointerdown = (event) => {
+			if (event.button !== 0 || activePointer !== void 0) return;
+			activePointer = event.pointerId;
+			event.currentTarget.setPointerCapture(event.pointerId);
+			event.currentTarget.setAttribute("data-dragging", "");
+			event.preventDefault();
+		};
+		_el$2.$$keydown = (event) => {
+			const forward = horizontal() ? "ArrowRight" : "ArrowDown";
+			const backward = horizontal() ? "ArrowLeft" : "ArrowUp";
+			const current = props.branch().ratio;
+			let next;
+			if (event.key === forward) next = current + KEYBOARD_DELTA;
+			else if (event.key === backward) next = current - KEYBOARD_DELTA;
+			else if (event.key === "Home") next = MIN_SPLIT_RATIO;
+			else if (event.key === "End") next = MAX_SPLIT_RATIO;
+			else return;
+			event.preventDefault();
+			resizeTo(next);
+		};
+		effect((_p$) => {
+			var _v$ = props.rect(), _v$2 = horizontal() ? "horizontal" : "vertical", _v$3 = props.labelForSeparator?.(props.branch()) ?? (horizontal() ? "Resize pane columns" : "Resize pane rows"), _v$4 = horizontal() ? "vertical" : "horizontal", _v$5 = listLeaves(props.branch()).map((leaf) => props.domId(leaf.id)).join(" "), _v$6 = Math.round(props.branch().ratio * 100), _v$7 = horizontal() ? {
+				left: `${props.branch().ratio * 100}%`,
+				top: 0,
+				bottom: 0,
+				width: "1px"
+			} : {
+				top: `${props.branch().ratio * 100}%`,
+				left: 0,
+				right: 0,
+				height: "1px"
+			};
+			_p$.e = style(_el$, _v$, _p$.e);
+			_v$2 !== _p$.t && setAttribute(_el$2, "data-orientation", _p$.t = _v$2);
+			_v$3 !== _p$.a && setAttribute(_el$2, "aria-label", _p$.a = _v$3);
+			_v$4 !== _p$.o && setAttribute(_el$2, "aria-orientation", _p$.o = _v$4);
+			_v$5 !== _p$.i && setAttribute(_el$2, "aria-controls", _p$.i = _v$5);
+			_v$6 !== _p$.n && setAttribute(_el$2, "aria-valuenow", _p$.n = _v$6);
+			_p$.s = style(_el$2, _v$7, _p$.s);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0,
+			s: void 0
+		});
+		return _el$;
+	})();
 }
+delegateEvents([
+	"keydown",
+	"pointerdown",
+	"pointermove",
+	"pointerup"
+]);
 //#endregion
 export { SplitLayoutResizeController as default };
 

package/dist/components/layout/split-layout/resize-controller-core-retry.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize-controller-core-retry.js","names":["Resizable","Accessor","JSX","listLeaves","MIN_SPLIT_RATIO","MAX_SPLIT_RATIO","SplitLayoutBranch","SplitLayoutLeaf","SplitLayoutResizeControllerProps","branch","L","rect","CSSProperties","domId","id","root","HTMLDivElement","labelForSeparator","onResize","splitId","ratio","SplitLayoutResizeController","props","_$createComponent","orientation","direction","sizes","keyboardDelta","onSizesChange","isConnected","getClientRects","length","some","size","Number","isFinite","Math","abs","undefined","style","children","Panel","minSize","maxSize","Handle","aria-label","aria-orientation","aria-controls","map","leaf","join","aria-valuenow","round","_$createComponent"],"sources":["../../../../src/components/layout/split-layout/resize-controller-core-retry.tsx"],"sourcesContent":["import Resizable from '@corvu/resizable'\nimport { type Accessor, type JSX } from 'solid-js'\nimport {\n  listLeaves,\n  MIN_SPLIT_RATIO,\n  MAX_SPLIT_RATIO,\n  type SplitLayoutBranch,\n  type SplitLayoutLeaf,\n} from './model'\n\nexport type SplitLayoutResizeControllerProps<L extends SplitLayoutLeaf> = {\n  branch: Accessor<SplitLayoutBranch<L>>\n  rect: Accessor<JSX.CSSProperties>\n  domId: (id: string) => string\n  root: () => HTMLDivElement | undefined\n  labelForSeparator?: (branch: SplitLayoutBranch<L>) => string\n  onResize: (splitId: string, ratio: number) => void\n}\n\n/** Corvu stays behind the first real split while the pane owners remain mounted. */\nexport default function SplitLayoutResizeController<L extends SplitLayoutLeaf>(\n  props: SplitLayoutResizeControllerProps<L>\n) {\n  const id = () => props.branch().id\n  return (\n    <Resizable\n      orientation={props.branch().direction === 'row' ? 'horizontal' : 'vertical'}\n      sizes={[props.branch().ratio, 1 - props.branch().ratio]}\n      keyboardDelta={0.05}\n      onSizesChange={(sizes) => {\n        // Corvu also reports panel registration/unregistration while\n        // mounting or disposing a controller. Those incomplete or\n        // hidden-host sizes are not user resize intent.\n        const root = props.root()\n        if (!root?.isConnected || root.getClientRects().length === 0) return\n        if (\n          sizes.length !== 2 ||\n          sizes.some((size) => !Number.isFinite(size)) ||\n          Math.abs(sizes[0]! + sizes[1]! - 1) > 0.000001\n        )\n          return\n        if (sizes[0] !== undefined && Math.abs(sizes[0] - props.branch().ratio) > 0.000001)\n          props.onResize(id(), sizes[0])\n      }}\n      style={props.rect()}\n      class=\"pointer-events-none absolute flex min-h-0 min-w-0 data-[orientation=vertical]:flex-col\"\n    >\n      <Resizable.Panel minSize={MIN_SPLIT_RATIO} maxSize={MAX_SPLIT_RATIO} aria-hidden=\"true\" />\n      <Resizable.Handle\n        aria-label={\n          props.labelForSeparator?.(props.branch()) ??\n          (props.branch().direction === 'row' ? 'Resize pane columns' : 'Resize pane rows')\n        }\n        aria-orientation={props.branch().direction === 'row' ? 'vertical' : 'horizontal'}\n        aria-controls={listLeaves(props.branch())\n          .map((leaf) => props.domId(leaf.id))\n          .join(' ')}\n        aria-valuemin={10}\n        aria-valuemax={90}\n        aria-valuenow={Math.round(props.branch().ratio * 100)}\n        class=\"pointer-events-auto relative w-px shrink-0 bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full\"\n      />\n      <Resizable.Panel minSize={MIN_SPLIT_RATIO} maxSize={MAX_SPLIT_RATIO} aria-hidden=\"true\" />\n    </Resizable>\n  )\n}\n"],"mappings":";;;;;;AAoBA,SAAwBqB,4BACtBC,OACA;CACA,MAAMR,WAAWQ,MAAMb,OAAO,CAAC,CAACK;CAChC,OAAAS,gBACGvB,WAAS;EAAA,IACRwB,cAAW;GAAA,OAAEF,MAAMb,OAAO,CAAC,CAACgB,cAAc,QAAQ,eAAe;EAAU;EAAA,IAC3EC,QAAK;GAAA,OAAE,CAACJ,MAAMb,OAAO,CAAC,CAACW,OAAO,IAAIE,MAAMb,OAAO,CAAC,CAACW,KAAK;EAAC;EACvDO,eAAe;EACfC,gBAAgBF,UAAU;GAIxB,MAAMX,OAAOO,MAAMP,KAAK;GACxB,IAAI,CAACA,MAAMc,eAAed,KAAKe,eAAe,CAAC,CAACC,WAAW,GAAG;GAC9D,IACEL,MAAMK,WAAW,KACjBL,MAAMM,MAAMC,SAAS,CAACC,OAAOC,SAASF,IAAI,CAAC,KAC3CG,KAAKC,IAAIX,MAAM,KAAMA,MAAM,KAAM,CAAC,IAAI,MAEtC;GACF,IAAIA,MAAM,OAAOY,KAAAA,KAAaF,KAAKC,IAAIX,MAAM,KAAKJ,MAAMb,OAAO,CAAC,CAACW,KAAK,IAAI,MACxEE,MAAMJ,SAASJ,GAAG,GAAGY,MAAM,EAAE;EACjC;EAAC,IACDa,QAAK;GAAA,OAAEjB,MAAMX,KAAK;EAAC;EAAA,SAAA;EAAA,IAAA6B,WAAA;GAAA,OAAA;IAAAjB,gBAGlBvB,UAAUyC,OAAK;KAACC,SAAStC;KAAiBuC,SAAStC;KAAe,eAAA;IAAA,CAAA;IAAAkB,gBAClEvB,UAAU4C,QAAM;KAAA,KAAA,gBAAA;MAAA,OAEbtB,MAAML,oBAAoBK,MAAMb,OAAO,CAAC,MACvCa,MAAMb,OAAO,CAAC,CAACgB,cAAc,QAAQ,wBAAwB;KAAmB;KAAA,KAAA,sBAAA;MAAA,OAEjEH,MAAMb,OAAO,CAAC,CAACgB,cAAc,QAAQ,aAAa;KAAY;KAAA,KAAA,mBAAA;MAAA,OACjEtB,WAAWmB,MAAMb,OAAO,CAAC,CAAC,CACtCuC,KAAKC,SAAS3B,MAAMT,MAAMoC,KAAKnC,EAAE,CAAC,CAAC,CACnCoC,KAAK,GAAG;KAAC;KAAA,iBACG;KAAE,iBACF;KAAE,KAAA,mBAAA;MAAA,OACFd,KAAKgB,MAAM9B,MAAMb,OAAO,CAAC,CAACW,QAAQ,GAAG;KAAC;KAAA,SAAA;IAAA,CAAA;IAAAG,gBAGtDvB,UAAUyC,OAAK;KAACC,SAAStC;KAAiBuC,SAAStC;KAAe,eAAA;IAAA,CAAA;GAAA;EAAA;CAAA,CAAA;AAGzE"}
+{"version":3,"file":"resize-controller-core-retry.js","names":["createSignal","Accessor","JSX","listLeaves","MIN_SPLIT_RATIO","MAX_SPLIT_RATIO","SplitLayoutBranch","SplitLayoutLeaf","SplitLayoutResizeControllerProps","branch","L","rect","CSSProperties","domId","id","root","HTMLDivElement","labelForSeparator","onResize","splitId","ratio","KEYBOARD_DELTA","SplitLayoutResizeController","props","container","setContainer","activePointer","horizontal","direction","resizeTo","isConnected","getClientRects","length","next","Math","min","max","Number","isFinite","abs","stopDrag","handle","HTMLElement","event","PointerEvent","pointerId","undefined","removeAttribute","hasPointerCapture","releasePointerCapture","_el$","_tmpl$","_el$2","firstChild","_$use","addEventListener","currentTarget","$$pointerup","$$pointermove","element","box","getBoundingClientRect","size","width","height","clientX","left","clientY","top","$$pointerdown","button","setPointerCapture","setAttribute","preventDefault","$$keydown","forward","backward","current","key","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","map","leaf","join","_v$6","round","_v$7","bottom","right","e","_$style","t","_$setAttribute","a","o","i","n","s","_$delegateEvents","_$style","_$setAttribute","_$delegateEvents"],"sources":["../../../../src/components/layout/split-layout/resize-controller-core-retry.tsx"],"sourcesContent":["import { createSignal, type Accessor, type JSX } from 'solid-js'\nimport {\n  listLeaves,\n  MIN_SPLIT_RATIO,\n  MAX_SPLIT_RATIO,\n  type SplitLayoutBranch,\n  type SplitLayoutLeaf,\n} from './model'\n\nexport type SplitLayoutResizeControllerProps<L extends SplitLayoutLeaf> = {\n  branch: Accessor<SplitLayoutBranch<L>>\n  rect: Accessor<JSX.CSSProperties>\n  domId: (id: string) => string\n  root: () => HTMLDivElement | undefined\n  labelForSeparator?: (branch: SplitLayoutBranch<L>) => string\n  onResize: (splitId: string, ratio: number) => void\n}\n\nconst KEYBOARD_DELTA = 0.05\n\n/** The divider stays behind the first real split while the pane owners remain mounted. */\nexport default function SplitLayoutResizeController<L extends SplitLayoutLeaf>(\n  props: SplitLayoutResizeControllerProps<L>\n) {\n  const [container, setContainer] = createSignal<HTMLDivElement>()\n  let activePointer: number | undefined\n  const horizontal = () => props.branch().direction === 'row'\n\n  const resizeTo = (ratio: number) => {\n    // A hidden or detached host reports no usable geometry; that is not\n    // user resize intent.\n    const root = props.root()\n    if (!root?.isConnected || root.getClientRects().length === 0) return\n    const next = Math.min(MAX_SPLIT_RATIO, Math.max(MIN_SPLIT_RATIO, ratio))\n    if (Number.isFinite(next) && Math.abs(next - props.branch().ratio) > 0.000001)\n      props.onResize(props.branch().id, next)\n  }\n  const stopDrag = (handle: HTMLElement, event: PointerEvent) => {\n    if (activePointer !== event.pointerId) return\n    activePointer = undefined\n    handle.removeAttribute('data-dragging')\n    if (handle.hasPointerCapture(event.pointerId)) handle.releasePointerCapture(event.pointerId)\n  }\n\n  return (\n    <div\n      ref={setContainer}\n      style={props.rect()}\n      class=\"pointer-events-none absolute min-h-0 min-w-0\"\n    >\n      <div\n        role=\"separator\"\n        tabIndex={0}\n        data-split-layout-handle=\"\"\n        data-orientation={horizontal() ? 'horizontal' : 'vertical'}\n        aria-label={\n          props.labelForSeparator?.(props.branch()) ??\n          (horizontal() ? 'Resize pane columns' : 'Resize pane rows')\n        }\n        aria-orientation={horizontal() ? 'vertical' : 'horizontal'}\n        aria-controls={listLeaves(props.branch())\n          .map((leaf) => props.domId(leaf.id))\n          .join(' ')}\n        aria-valuemin={10}\n        aria-valuemax={90}\n        aria-valuenow={Math.round(props.branch().ratio * 100)}\n        style={\n          horizontal()\n            ? { left: `${props.branch().ratio * 100}%`, top: 0, bottom: 0, width: '1px' }\n            : { top: `${props.branch().ratio * 100}%`, left: 0, right: 0, height: '1px' }\n        }\n        onKeyDown={(event) => {\n          const forward = horizontal() ? 'ArrowRight' : 'ArrowDown'\n          const backward = horizontal() ? 'ArrowLeft' : 'ArrowUp'\n          const current = props.branch().ratio\n          let next: number\n          if (event.key === forward) next = current + KEYBOARD_DELTA\n          else if (event.key === backward) next = current - KEYBOARD_DELTA\n          else if (event.key === 'Home') next = MIN_SPLIT_RATIO\n          else if (event.key === 'End') next = MAX_SPLIT_RATIO\n          else return\n          event.preventDefault()\n          resizeTo(next)\n        }}\n        onPointerDown={(event) => {\n          if (event.button !== 0 || activePointer !== undefined) return\n          activePointer = event.pointerId\n          event.currentTarget.setPointerCapture(event.pointerId)\n          event.currentTarget.setAttribute('data-dragging', '')\n          event.preventDefault()\n        }}\n        onPointerMove={(event) => {\n          const element = container()\n          if (activePointer !== event.pointerId || !element) return\n          const box = element.getBoundingClientRect()\n          const size = horizontal() ? box.width : box.height\n          if (size <= 0) return\n          resizeTo((horizontal() ? event.clientX - box.left : event.clientY - box.top) / size)\n        }}\n        onPointerUp={(event) => stopDrag(event.currentTarget, event)}\n        onPointerCancel={(event) => stopDrag(event.currentTarget, event)}\n        onLostPointerCapture={(event) => stopDrag(event.currentTarget, event)}\n        class=\"pointer-events-auto absolute shrink-0 bg-border after:absolute after:inset-y-0 after:-inset-x-1 after:w-3 focus-visible:bg-primary focus-visible:outline-none hover:bg-primary data-[orientation=vertical]:after:inset-x-0 data-[orientation=vertical]:after:-inset-y-1 data-[orientation=vertical]:after:h-3 data-[orientation=vertical]:after:w-full\"\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}