@adea-ai/ui 0.130.0 → 0.130.2

package/dist/components/composites/settings/settings.js

@@ -66,7 +66,7 @@ function SettingsSection(props) {
 			}
 		}), null);
 		insert(_el$6, () => local.children);
-		effect(() => className(_el$6, cn(local.bodyLayout === "content" ? "flex flex-col gap-4" : "divide-y divide-border rounded-xl border border-border")));
+		effect(() => className(_el$6, cn(local.bodyLayout === "content" ? "flex flex-col gap-4" : "divide-y divide-border rounded-xl border border-border [&>[data-slot=empty-description]]:p-4")));
 		return _el$;
 	})();
 }

package/dist/components/composites/settings/settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings.js","names":["ComponentProps","JSX","createUniqueId","Show","splitProps","createFormFieldContext","FormFieldContext","cn","Heading","SettingsSection","props","title","description","action","Element","bodyLayout","local","rest","_el$","_tmpl$3","_el$2","firstChild","_el$3","_el$6","nextSibling","_$spread","_$mergeProps","class","_$insert","_$createComponent","as","size","children","when","_el$4","_tmpl$","_el$5","_tmpl$2","_$effect","_$className","SettingsRow","label","orientation","bare","rowId","labelId","descriptionId","field","defaultControlId","hint","error","undefined","group","Provider","value","_el$7","_tmpl$4","_el$8","_el$9","_el$1","_$setAttribute","_el$0","SettingsField","htmlFor","_el$10","_tmpl$5","_el$11","_el$12","_el$14","_el$13","SettingsPage","_el$15","_tmpl$6","_$mergeProps","_$createComponent","_$className","_$setAttribute"],"sources":["../../../../src/components/composites/settings/settings.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from 'solid-js'\nimport { createUniqueId, Show, splitProps } from 'solid-js'\nimport { createFormFieldContext, FormFieldContext } from '#lib/form-field'\nimport { cn } from '#lib/utils'\nimport { Heading } from '../../ui/typography'\n\n/**\n * SettingsSection and SettingsRow.\n *\n * A settings page is the most repetitive surface in any application, and the\n * one where drift is most visible: label sizes, control widths and description\n * placement all wander unless something fixes them.\n *\n * The row puts the label and description at the start and the control at the\n * end (stacked on a narrow window), so controls line up down the page's end\n * edge regardless of how long the labels are. `SettingsRow` also\n * exposes its label and description through the shared form-field context to\n * the first control inside it. `SettingsField` is the visual stacked layout;\n * use `FormField` when the control needs label, help, or validation wiring.\n */\nexport function SettingsSection(\n  props: ComponentProps<'section'> & {\n    title: string\n    description?: string\n    /** A control for the section as a whole, e.g. a master toggle. */\n    action?: JSX.Element\n    /** Use a spaced content stack for fields, alerts, and cards instead of divided rows. */\n    bodyLayout?: 'rows' | 'content'\n  }\n) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'title',\n    'description',\n    'action',\n    'bodyLayout',\n    'children',\n  ])\n\n  return (\n    <section\n      data-slot=\"settings-section\"\n      class={cn('flex flex-col gap-4 px-5 py-5', local.class)}\n      {...rest}\n    >\n      <div class=\"flex items-start justify-between gap-4\">\n        <div class=\"flex min-w-0 flex-col gap-0.5\">\n          <Heading as=\"h2\" size=\"card\">\n            {local.title}\n          </Heading>\n          <Show when={local.description}>\n            <p class=\"max-w-prose text-sm text-muted-foreground text-pretty\">{local.description}</p>\n          </Show>\n        </div>\n        <Show when={local.action}>\n          <div class=\"flex shrink-0 items-center gap-2\">{local.action}</div>\n        </Show>\n      </div>\n      <div\n        data-slot=\"settings-section-body\"\n        class={cn(\n          local.bodyLayout === 'content'\n            ? 'flex flex-col gap-4'\n            : 'divide-y divide-border rounded-xl border border-border'\n        )}\n      >\n        {local.children}\n      </div>\n    </section>\n  )\n}\n\n/**\n * One setting: a label and description on the leading side, a control on the\n * trailing side.\n *\n * The label and description are linked to a shared control through field\n * context. An explicit `aria-label` or `aria-labelledby` on the control keeps\n * precedence; otherwise the visible row label names it.\n */\nexport function SettingsRow(\n  props: ComponentProps<'div'> & {\n    label: string\n    description?: string\n    /** Render a vertical stack when the control needs the full width. */\n    orientation?: 'horizontal' | 'vertical'\n    /** Hide the divider this row would otherwise contribute. */\n    bare?: boolean\n  }\n) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'label',\n    'description',\n    'orientation',\n    'bare',\n    'children',\n  ])\n  const rowId = createUniqueId()\n  const labelId = `${rowId}-label`\n  const descriptionId = `${rowId}-description`\n  const field = createFormFieldContext({\n    defaultControlId: rowId,\n    labelId,\n    descriptionId,\n    hint: () => local.description,\n    error: () => undefined,\n    group: () => false,\n  })\n\n  return (\n    <FormFieldContext.Provider value={field}>\n      <div\n        data-slot=\"settings-row\"\n        class={cn(\n          'flex gap-4 p-4',\n          local.orientation === 'vertical'\n            ? 'flex-col'\n            : 'flex-col sm:flex-row sm:items-center sm:justify-between',\n          local.class\n        )}\n        {...rest}\n      >\n        <div class=\"flex min-w-0 flex-col gap-0.5\">\n          <div id={labelId} data-slot=\"settings-row-label\" class=\"text-sm font-medium\">\n            {local.label}\n          </div>\n          <Show when={local.description}>\n            <p id={descriptionId} class=\"max-w-prose text-sm text-muted-foreground text-pretty\">\n              {local.description}\n            </p>\n          </Show>\n        </div>\n        <div\n          data-slot=\"settings-row-control\"\n          class={cn('shrink-0', local.orientation === 'vertical' && 'w-full')}\n        >\n          {local.children}\n        </div>\n      </div>\n    </FormFieldContext.Provider>\n  )\n}\n\n/** A stacked label-and-control pair, for a control too wide for a row. */\nexport function SettingsField(\n  props: ComponentProps<'div'> & { label: string; description?: string; htmlFor?: string }\n) {\n  const [local, rest] = splitProps(props, ['class', 'label', 'description', 'htmlFor', 'children'])\n\n  return (\n    <div data-slot=\"settings-field\" class={cn('flex flex-col gap-2 p-4', local.class)} {...rest}>\n      <div class=\"flex flex-col gap-0.5\">\n        <label for={local.htmlFor} class=\"text-sm font-medium\">\n          {local.label}\n        </label>\n        <Show when={local.description}>\n          <p class=\"max-w-prose text-sm text-muted-foreground text-pretty\">{local.description}</p>\n        </Show>\n      </div>\n      <div>{local.children}</div>\n    </div>\n  )\n}\n\n/** A settings page's scrolling body, with the header sticky at the top. */\nexport function SettingsPage(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"settings-page\"\n      class={cn('flex min-h-0 flex-1 flex-col overflow-y-auto', local.class)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"settings.js","names":["ComponentProps","JSX","createUniqueId","Show","splitProps","createFormFieldContext","FormFieldContext","cn","Heading","SettingsSection","props","title","description","action","Element","bodyLayout","local","rest","_el$","_tmpl$3","_el$2","firstChild","_el$3","_el$6","nextSibling","_$spread","_$mergeProps","class","_$insert","_$createComponent","as","size","children","when","_el$4","_tmpl$","_el$5","_tmpl$2","_$effect","_$className","SettingsRow","label","orientation","bare","rowId","labelId","descriptionId","field","defaultControlId","hint","error","undefined","group","Provider","value","_el$7","_tmpl$4","_el$8","_el$9","_el$1","_$setAttribute","_el$0","SettingsField","htmlFor","_el$10","_tmpl$5","_el$11","_el$12","_el$14","_el$13","SettingsPage","_el$15","_tmpl$6","_$mergeProps","_$createComponent","_$className","_$setAttribute"],"sources":["../../../../src/components/composites/settings/settings.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from 'solid-js'\nimport { createUniqueId, Show, splitProps } from 'solid-js'\nimport { createFormFieldContext, FormFieldContext } from '#lib/form-field'\nimport { cn } from '#lib/utils'\nimport { Heading } from '../../ui/typography'\n\n/**\n * SettingsSection and SettingsRow.\n *\n * A settings page is the most repetitive surface in any application, and the\n * one where drift is most visible: label sizes, control widths and description\n * placement all wander unless something fixes them.\n *\n * The row puts the label and description at the start and the control at the\n * end (stacked on a narrow window), so controls line up down the page's end\n * edge regardless of how long the labels are. `SettingsRow` also\n * exposes its label and description through the shared form-field context to\n * the first control inside it. `SettingsField` is the visual stacked layout;\n * use `FormField` when the control needs label, help, or validation wiring.\n */\nexport function SettingsSection(\n  props: ComponentProps<'section'> & {\n    title: string\n    description?: string\n    /** A control for the section as a whole, e.g. a master toggle. */\n    action?: JSX.Element\n    /** Use a spaced content stack for fields, alerts, and cards instead of divided rows. */\n    bodyLayout?: 'rows' | 'content'\n  }\n) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'title',\n    'description',\n    'action',\n    'bodyLayout',\n    'children',\n  ])\n\n  return (\n    <section\n      data-slot=\"settings-section\"\n      class={cn('flex flex-col gap-4 px-5 py-5', local.class)}\n      {...rest}\n    >\n      <div class=\"flex items-start justify-between gap-4\">\n        <div class=\"flex min-w-0 flex-col gap-0.5\">\n          <Heading as=\"h2\" size=\"card\">\n            {local.title}\n          </Heading>\n          <Show when={local.description}>\n            <p class=\"max-w-prose text-sm text-muted-foreground text-pretty\">{local.description}</p>\n          </Show>\n        </div>\n        <Show when={local.action}>\n          <div class=\"flex shrink-0 items-center gap-2\">{local.action}</div>\n        </Show>\n      </div>\n      <div\n        data-slot=\"settings-section-body\"\n        class={cn(\n          local.bodyLayout === 'content'\n            ? 'flex flex-col gap-4'\n            : 'divide-y divide-border rounded-xl border border-border [&>[data-slot=empty-description]]:p-4'\n        )}\n      >\n        {local.children}\n      </div>\n    </section>\n  )\n}\n\n/**\n * One setting: a label and description on the leading side, a control on the\n * trailing side.\n *\n * The label and description are linked to a shared control through field\n * context. An explicit `aria-label` or `aria-labelledby` on the control keeps\n * precedence; otherwise the visible row label names it.\n */\nexport function SettingsRow(\n  props: ComponentProps<'div'> & {\n    label: string\n    description?: string\n    /** Render a vertical stack when the control needs the full width. */\n    orientation?: 'horizontal' | 'vertical'\n    /** Hide the divider this row would otherwise contribute. */\n    bare?: boolean\n  }\n) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'label',\n    'description',\n    'orientation',\n    'bare',\n    'children',\n  ])\n  const rowId = createUniqueId()\n  const labelId = `${rowId}-label`\n  const descriptionId = `${rowId}-description`\n  const field = createFormFieldContext({\n    defaultControlId: rowId,\n    labelId,\n    descriptionId,\n    hint: () => local.description,\n    error: () => undefined,\n    group: () => false,\n  })\n\n  return (\n    <FormFieldContext.Provider value={field}>\n      <div\n        data-slot=\"settings-row\"\n        class={cn(\n          'flex gap-4 p-4',\n          local.orientation === 'vertical'\n            ? 'flex-col'\n            : 'flex-col sm:flex-row sm:items-center sm:justify-between',\n          local.class\n        )}\n        {...rest}\n      >\n        <div class=\"flex min-w-0 flex-col gap-0.5\">\n          <div id={labelId} data-slot=\"settings-row-label\" class=\"text-sm font-medium\">\n            {local.label}\n          </div>\n          <Show when={local.description}>\n            <p id={descriptionId} class=\"max-w-prose text-sm text-muted-foreground text-pretty\">\n              {local.description}\n            </p>\n          </Show>\n        </div>\n        <div\n          data-slot=\"settings-row-control\"\n          class={cn('shrink-0', local.orientation === 'vertical' && 'w-full')}\n        >\n          {local.children}\n        </div>\n      </div>\n    </FormFieldContext.Provider>\n  )\n}\n\n/** A stacked label-and-control pair, for a control too wide for a row. */\nexport function SettingsField(\n  props: ComponentProps<'div'> & { label: string; description?: string; htmlFor?: string }\n) {\n  const [local, rest] = splitProps(props, ['class', 'label', 'description', 'htmlFor', 'children'])\n\n  return (\n    <div data-slot=\"settings-field\" class={cn('flex flex-col gap-2 p-4', local.class)} {...rest}>\n      <div class=\"flex flex-col gap-0.5\">\n        <label for={local.htmlFor} class=\"text-sm font-medium\">\n          {local.label}\n        </label>\n        <Show when={local.description}>\n          <p class=\"max-w-prose text-sm text-muted-foreground text-pretty\">{local.description}</p>\n        </Show>\n      </div>\n      <div>{local.children}</div>\n    </div>\n  )\n}\n\n/** A settings page's scrolling body, with the header sticky at the top. */\nexport function SettingsPage(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"settings-page\"\n      class={cn('flex min-h-0 flex-1 flex-col overflow-y-auto', local.class)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":"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"}

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":"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"}
+{"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"}