@adea-ai/ui 0.107.0 → 0.108.0

package/dist/components/layout/contextual-sidebar/contextual-sidebar.d.ts

@@ -0,0 +1,55 @@
+import type { Accessor, JSX } from 'solid-js';
+export type ContextualSidebarRenderContext = {
+    /** Whether the slot is being rendered inside the modal mobile sheet. */
+    mobile: boolean;
+    /** Mount nested popovers and menus inside the mobile dialog's accessibility tree. */
+    portalMount(): HTMLElement | undefined;
+};
+export type ContextualSidebarProps = {
+    /** Stable host id prefix; generated when omitted. */
+    id?: string;
+    /** Landmark name shared by the desktop and mobile navigation. */
+    label: string;
+    /** Visible navigation title and mobile dialog title. */
+    title: string;
+    /** Host-controlled expanded state for the desktop panel and mobile dialog. */
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    /** Current host-owned pixel width, reflected by the resize handle. */
+    width: number;
+    minimum: number;
+    maximum: number;
+    step?: number;
+    /** Pass the host's initial viewport seed to distinguish stale desktop state. */
+    wideViewportAtLoad?: boolean;
+    resizeLabel?: string;
+    /** Stable external opener used when the modal mobile sheet closes. */
+    restoreFocusRef?: Accessor<HTMLElement | undefined>;
+    /** Called with the nav node so a host can project width onto its layout root. */
+    onSidebarElement?: (element: HTMLElement | undefined, mobile: boolean) => void;
+    /** Host-owned layout classes applied to both nav instances. */
+    sidebarClass?: string;
+    /** Host-owned responsive constraints for the modal sheet. */
+    sheetClass?: string;
+    headerClass?: string;
+    contentClass?: string;
+    footerClass?: string;
+    headingAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /** Optional action/content slot alongside the shared heading. */
+    header?(context: ContextualSidebarRenderContext): JSX.Element;
+    /** View-specific navigation rows, projects, rooms, files, or sessions. */
+    content(context: ContextualSidebarRenderContext): JSX.Element;
+    /** Optional view-specific footer, such as an archive affordance. */
+    footer?(context: ContextualSidebarRenderContext): JSX.Element;
+    onWidthChange(width: number): void;
+    onWidthCommit?(width: number): void;
+};
+/**
+ * ContextualSidebar.
+ *
+ * Shared navigation geometry and interaction policy for an application's
+ * contextual sidebar. The host keeps ownership of the actual grid width,
+ * persisted preference, open state, and view-specific navigation content.
+ */
+export declare function ContextualSidebar(props: ContextualSidebarProps): JSX.Element;
+//# sourceMappingURL=contextual-sidebar.d.ts.map

package/dist/components/layout/contextual-sidebar/contextual-sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextual-sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contextual-sidebar/contextual-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAa7C,MAAM,MAAM,8BAA8B,GAAG;IAC3C,wEAAwE;IACxE,MAAM,EAAE,OAAO,CAAA;IACf,qFAAqF;IACrF,WAAW,IAAI,WAAW,GAAG,SAAS,CAAA;CACvC,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAA;IACb,8EAA8E;IAC9E,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAA;IACjC,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sEAAsE;IACtE,eAAe,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC,CAAA;IACnD,iFAAiF;IACjF,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,SAAS,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9E,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACnD,iEAAiE;IACjE,MAAM,CAAC,CAAC,OAAO,EAAE,8BAA8B,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7D,0EAA0E;IAC1E,OAAO,CAAC,OAAO,EAAE,8BAA8B,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7D,oEAAoE;IACpE,MAAM,CAAC,CAAC,OAAO,EAAE,8BAA8B,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7D,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACpC,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAgH9D"}

package/dist/components/layout/contextual-sidebar/contextual-sidebar.js

@@ -0,0 +1,199 @@
+import { cn } from "../../../lib/utils.js";
+import { Sheet, SheetContent, SheetTitle } from "../../ui/sheet/sheet.js";
+import { SidebarNav, SidebarNavContent, SidebarNavFooter, SidebarNavHeader, SidebarNavTitle } from "../sidebar-nav/sidebar-nav.js";
+import { PixelResizeHandle } from "../pixel-resize-handle/pixel-resize-handle.js";
+import { createComponent, memo } from "solid-js/web";
+import { Show, createSignal, createUniqueId, onCleanup, onMount } from "solid-js";
+//#region src/components/layout/contextual-sidebar/contextual-sidebar.tsx
+/**
+* ContextualSidebar.
+*
+* Shared navigation geometry and interaction policy for an application's
+* contextual sidebar. The host keeps ownership of the actual grid width,
+* persisted preference, open state, and view-specific navigation content.
+*/
+function ContextualSidebar(props) {
+	const [isNarrowViewport, setIsNarrowViewport] = createSignal(false);
+	const [mobileMount, setMobileMount] = createSignal();
+	const id = props.id ?? `contextual-sidebar-${createUniqueId()}`;
+	const resizeLabel = () => props.resizeLabel ?? `Resize ${props.label}`;
+	const portalMount = () => {
+		const mount = mobileMount();
+		return mount?.connected && mount.element.isConnected ? mount.element : void 0;
+	};
+	onMount(() => {
+		const media = window.matchMedia("(max-width: 48rem)");
+		const updateViewport = () => {
+			const wasNarrow = isNarrowViewport();
+			if (media.matches && !wasNarrow) props.onOpenChange(false);
+			setIsNarrowViewport(media.matches);
+		};
+		if (media.matches && props.wideViewportAtLoad && props.open) props.onOpenChange(false);
+		setIsNarrowViewport(media.matches);
+		media.addEventListener("change", updateViewport);
+		onCleanup(() => media.removeEventListener("change", updateViewport));
+	});
+	const renderSidebar = (mobile) => {
+		let element;
+		const context = {
+			mobile,
+			portalMount: () => mobile ? portalMount() : void 0
+		};
+		const navigationId = `${id}-${mobile ? "mobile" : "desktop"}`;
+		onCleanup(() => {
+			if (mobile && mobileMount()?.element === element) setMobileMount(void 0);
+			element = void 0;
+			props.onSidebarElement?.(void 0, mobile);
+		});
+		return createComponent(SidebarNav, {
+			as: "aside",
+			id: navigationId,
+			get ["aria-label"]() {
+				return props.label;
+			},
+			get ["aria-hidden"]() {
+				return !mobile && !props.open ? "true" : void 0;
+			},
+			get inert() {
+				return !mobile && !props.open;
+			},
+			"data-contextual-sidebar": mobile ? "mobile" : "desktop",
+			get ["data-open"]() {
+				return mobile ? void 0 : String(props.open);
+			},
+			ref: (node) => {
+				element = node;
+				if (mobile) {
+					setMobileMount({
+						element: node,
+						connected: node.isConnected
+					});
+					queueMicrotask(() => {
+						if (node.isConnected && mobileMount()?.element === node) setMobileMount({
+							element: node,
+							connected: true
+						});
+					});
+				}
+				props.onSidebarElement?.(node, mobile);
+			},
+			get ["class"]() {
+				return cn("relative h-full w-full max-w-full", props.sidebarClass);
+			},
+			get children() {
+				return [createComponent(Show, {
+					get when() {
+						return !mobile && props.open;
+					},
+					get children() {
+						return createComponent(PixelResizeHandle, {
+							side: "left",
+							get value() {
+								return props.width;
+							},
+							get minimum() {
+								return props.minimum;
+							},
+							get maximum() {
+								return props.maximum;
+							},
+							get step() {
+								return props.step;
+							},
+							get label() {
+								return resizeLabel();
+							},
+							controls: navigationId,
+							get onChange() {
+								return props.onWidthChange;
+							},
+							get onCommit() {
+								return props.onWidthCommit;
+							}
+						});
+					}
+				}), createComponent(Show, {
+					get when() {
+						return !mobile || mobileMount()?.connected;
+					},
+					get children() {
+						return [
+							createComponent(SidebarNavHeader, {
+								get ["class"]() {
+									return cn(mobile && "pe-12", props.headerClass);
+								},
+								get children() {
+									return [createComponent(SidebarNavTitle, {
+										get as() {
+											return props.headingAs ?? "h2";
+										},
+										get children() {
+											return props.title;
+										}
+									}), memo(() => props.header?.(context))];
+								}
+							}),
+							createComponent(SidebarNavContent, {
+								get ["class"]() {
+									return props.contentClass;
+								},
+								get children() {
+									return props.content(context);
+								}
+							}),
+							memo(() => memo(() => !!props.footer)() ? createComponent(SidebarNavFooter, {
+								get ["class"]() {
+									return props.footerClass;
+								},
+								get children() {
+									return props.footer(context);
+								}
+							}) : null)
+						];
+					}
+				})];
+			}
+		});
+	};
+	return createComponent(Sheet, {
+		get open() {
+			return memo(() => !!isNarrowViewport())() && props.open;
+		},
+		onOpenChange: (open) => props.onOpenChange(open),
+		get children() {
+			return [createComponent(Show, {
+				get when() {
+					return !isNarrowViewport();
+				},
+				children: (_wide) => renderSidebar(false)
+			}), createComponent(Show, {
+				get when() {
+					return isNarrowViewport();
+				},
+				get children() {
+					return createComponent(SheetContent, {
+						side: "start",
+						get ["class"]() {
+							return cn("gap-0 p-0", props.sheetClass);
+						},
+						get restoreFocusRef() {
+							return props.restoreFocusRef;
+						},
+						get children() {
+							return [createComponent(SheetTitle, {
+								"class": "sr-only",
+								get children() {
+									return [memo(() => props.title), " navigation"];
+								}
+							}), memo(() => renderSidebar(true))];
+						}
+					});
+				}
+			})];
+		}
+	});
+}
+//#endregion
+export { ContextualSidebar };
+
+//# sourceMappingURL=contextual-sidebar.js.map

package/dist/components/layout/contextual-sidebar/contextual-sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextual-sidebar.js","names":["Accessor","JSX","Show","createSignal","createUniqueId","onCleanup","onMount","cn","Sheet","SheetContent","SheetTitle","SidebarNav","SidebarNavContent","SidebarNavFooter","SidebarNavHeader","SidebarNavTitle","PixelResizeHandle","ContextualSidebarRenderContext","mobile","portalMount","HTMLElement","ContextualSidebarProps","id","label","title","open","onOpenChange","width","minimum","maximum","step","wideViewportAtLoad","resizeLabel","restoreFocusRef","onSidebarElement","element","sidebarClass","sheetClass","headerClass","contentClass","footerClass","headingAs","header","context","Element","content","footer","onWidthChange","onWidthCommit","ContextualSidebar","props","isNarrowViewport","setIsNarrowViewport","mobileMount","setMobileMount","connected","mount","isConnected","undefined","media","window","matchMedia","updateViewport","wasNarrow","matches","addEventListener","removeEventListener","renderSidebar","navigationId","_$createComponent","as","aria-label","aria-hidden","inert","data-open","String","ref","node","queueMicrotask","class","children","when","side","value","controls","onChange","onCommit","_$memo","_wide","_$createComponent","_$memo"],"sources":["../../../../src/components/layout/contextual-sidebar/contextual-sidebar.tsx"],"sourcesContent":["import type { Accessor, JSX } from 'solid-js'\nimport { Show, createSignal, createUniqueId, onCleanup, onMount } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { Sheet, SheetContent, SheetTitle } from '../../ui/sheet'\nimport {\n  SidebarNav,\n  SidebarNavContent,\n  SidebarNavFooter,\n  SidebarNavHeader,\n  SidebarNavTitle,\n} from '../sidebar-nav/sidebar-nav'\nimport { PixelResizeHandle } from '../pixel-resize-handle/pixel-resize-handle'\n\nexport type ContextualSidebarRenderContext = {\n  /** Whether the slot is being rendered inside the modal mobile sheet. */\n  mobile: boolean\n  /** Mount nested popovers and menus inside the mobile dialog's accessibility tree. */\n  portalMount(): HTMLElement | undefined\n}\n\nexport type ContextualSidebarProps = {\n  /** Stable host id prefix; generated when omitted. */\n  id?: string\n  /** Landmark name shared by the desktop and mobile navigation. */\n  label: string\n  /** Visible navigation title and mobile dialog title. */\n  title: string\n  /** Host-controlled expanded state for the desktop panel and mobile dialog. */\n  open: boolean\n  onOpenChange(open: boolean): void\n  /** Current host-owned pixel width, reflected by the resize handle. */\n  width: number\n  minimum: number\n  maximum: number\n  step?: number\n  /** Pass the host's initial viewport seed to distinguish stale desktop state. */\n  wideViewportAtLoad?: boolean\n  resizeLabel?: string\n  /** Stable external opener used when the modal mobile sheet closes. */\n  restoreFocusRef?: Accessor<HTMLElement | undefined>\n  /** Called with the nav node so a host can project width onto its layout root. */\n  onSidebarElement?: (element: HTMLElement | undefined, mobile: boolean) => void\n  /** Host-owned layout classes applied to both nav instances. */\n  sidebarClass?: string\n  /** Host-owned responsive constraints for the modal sheet. */\n  sheetClass?: string\n  headerClass?: string\n  contentClass?: string\n  footerClass?: string\n  headingAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n  /** Optional action/content slot alongside the shared heading. */\n  header?(context: ContextualSidebarRenderContext): JSX.Element\n  /** View-specific navigation rows, projects, rooms, files, or sessions. */\n  content(context: ContextualSidebarRenderContext): JSX.Element\n  /** Optional view-specific footer, such as an archive affordance. */\n  footer?(context: ContextualSidebarRenderContext): JSX.Element\n  onWidthChange(width: number): void\n  onWidthCommit?(width: number): void\n}\n\n/**\n * ContextualSidebar.\n *\n * Shared navigation geometry and interaction policy for an application's\n * contextual sidebar. The host keeps ownership of the actual grid width,\n * persisted preference, open state, and view-specific navigation content.\n */\nexport function ContextualSidebar(props: ContextualSidebarProps) {\n  const [isNarrowViewport, setIsNarrowViewport] = createSignal(false)\n  const [mobileMount, setMobileMount] = createSignal<\n    { element: HTMLElement; connected: boolean } | undefined\n  >()\n  const id = props.id ?? `contextual-sidebar-${createUniqueId()}`\n  const resizeLabel = () => props.resizeLabel ?? `Resize ${props.label}`\n  const portalMount = () => {\n    const mount = mobileMount()\n    return mount?.connected && mount.element.isConnected ? mount.element : undefined\n  }\n\n  onMount(() => {\n    const media = window.matchMedia('(max-width: 48rem)')\n    const updateViewport = () => {\n      const wasNarrow = isNarrowViewport()\n      // Close before mounting a modal. A desktop-expanded host state is not\n      // mobile intent, and opening the Sheet for one frame can steal focus.\n      if (media.matches && !wasNarrow) props.onOpenChange(false)\n      setIsNarrowViewport(media.matches)\n    }\n\n    // A route can mount after a wide-loaded host crosses into mobile. Clear\n    // that stale seed, but preserve a sidebar intentionally opened at a\n    // narrow boot viewport.\n    if (media.matches && props.wideViewportAtLoad && props.open) props.onOpenChange(false)\n    setIsNarrowViewport(media.matches)\n    media.addEventListener('change', updateViewport)\n    onCleanup(() => media.removeEventListener('change', updateViewport))\n  })\n\n  const renderSidebar = (mobile: boolean) => {\n    let element: HTMLElement | undefined\n    const context: ContextualSidebarRenderContext = {\n      mobile,\n      portalMount: () => (mobile ? portalMount() : undefined),\n    }\n    const navigationId = `${id}-${mobile ? 'mobile' : 'desktop'}`\n\n    onCleanup(() => {\n      if (mobile && mobileMount()?.element === element) setMobileMount(undefined)\n      element = undefined\n      props.onSidebarElement?.(undefined, mobile)\n    })\n\n    return (\n      <SidebarNav\n        as=\"aside\"\n        id={navigationId}\n        aria-label={props.label}\n        aria-hidden={!mobile && !props.open ? 'true' : undefined}\n        inert={!mobile && !props.open}\n        data-contextual-sidebar={mobile ? 'mobile' : 'desktop'}\n        data-open={mobile ? undefined : String(props.open)}\n        ref={(node) => {\n          element = node\n          if (mobile) {\n            setMobileMount({ element: node, connected: node.isConnected })\n            queueMicrotask(() => {\n              if (node.isConnected && mobileMount()?.element === node)\n                setMobileMount({ element: node, connected: true })\n            })\n          }\n          props.onSidebarElement?.(node, mobile)\n        }}\n        class={cn('relative h-full w-full max-w-full', props.sidebarClass)}\n      >\n        <Show when={!mobile && props.open}>\n          <PixelResizeHandle\n            side=\"left\"\n            value={props.width}\n            minimum={props.minimum}\n            maximum={props.maximum}\n            step={props.step}\n            label={resizeLabel()}\n            controls={navigationId}\n            onChange={props.onWidthChange}\n            onCommit={props.onWidthCommit}\n          />\n        </Show>\n        <Show when={!mobile || mobileMount()?.connected}>\n          <SidebarNavHeader class={cn(mobile && 'pe-12', props.headerClass)}>\n            <SidebarNavTitle as={props.headingAs ?? 'h2'}>{props.title}</SidebarNavTitle>\n            {props.header?.(context)}\n          </SidebarNavHeader>\n          <SidebarNavContent class={props.contentClass}>{props.content(context)}</SidebarNavContent>\n          {props.footer ? (\n            <SidebarNavFooter class={props.footerClass}>{props.footer(context)}</SidebarNavFooter>\n          ) : null}\n        </Show>\n      </SidebarNav>\n    )\n  }\n\n  return (\n    <Sheet\n      open={isNarrowViewport() && props.open}\n      onOpenChange={(open) => props.onOpenChange(open)}\n    >\n      <Show when={!isNarrowViewport()}>{(_wide) => renderSidebar(false)}</Show>\n      <Show when={isNarrowViewport()}>\n        <SheetContent\n          side=\"start\"\n          class={cn('gap-0 p-0', props.sheetClass)}\n          restoreFocusRef={props.restoreFocusRef}\n        >\n          <SheetTitle class=\"sr-only\">{props.title} navigation</SheetTitle>\n          {renderSidebar(true)}\n        </SheetContent>\n      </Show>\n    </Sheet>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAmEA,SAAgBiD,kBAAkBC,OAA+B;CAC/D,MAAM,CAACC,kBAAkBC,uBAAuBjD,aAAa,KAAK;CAClE,MAAM,CAACkD,aAAaC,kBAAkBnD,aAEpC;CACF,MAAMmB,KAAK4B,MAAM5B,MAAM,sBAAsBlB,eAAe;CAC5D,MAAM4B,oBAAoBkB,MAAMlB,eAAe,UAAUkB,MAAM3B;CAC/D,MAAMJ,oBAAoB;EACxB,MAAMqC,QAAQH,YAAY;EAC1B,OAAOG,OAAOD,aAAaC,MAAMrB,QAAQsB,cAAcD,MAAMrB,UAAUuB,KAAAA;CACzE;CAEApD,cAAc;EACZ,MAAMqD,QAAQC,OAAOC,WAAW,oBAAoB;EACpD,MAAMC,uBAAuB;GAC3B,MAAMC,YAAYZ,iBAAiB;GAGnC,IAAIQ,MAAMK,WAAW,CAACD,WAAWb,MAAMxB,aAAa,KAAK;GACzD0B,oBAAoBO,MAAMK,OAAO;EACnC;EAKA,IAAIL,MAAMK,WAAWd,MAAMnB,sBAAsBmB,MAAMzB,MAAMyB,MAAMxB,aAAa,KAAK;EACrF0B,oBAAoBO,MAAMK,OAAO;EACjCL,MAAMM,iBAAiB,UAAUH,cAAc;EAC/CzD,gBAAgBsD,MAAMO,oBAAoB,UAAUJ,cAAc,CAAC;CACrE,CAAC;CAED,MAAMK,iBAAiBjD,WAAoB;EACzC,IAAIiB;EACJ,MAAMQ,UAA0C;GAC9CzB;GACAC,mBAAoBD,SAASC,YAAY,IAAIuC,KAAAA;EAC/C;EACA,MAAMU,eAAe,GAAG9C,GAAE,GAAIJ,SAAS,WAAW;EAElDb,gBAAgB;GACd,IAAIa,UAAUmC,YAAY,CAAC,EAAElB,YAAYA,SAASmB,eAAeI,KAAAA,CAAS;GAC1EvB,UAAUuB,KAAAA;GACVR,MAAMhB,mBAAmBwB,KAAAA,GAAWxC,MAAM;EAC5C,CAAC;EAED,OAAAmD,gBACG1D,YAAU;GACT2D,IAAE;GACFhD,IAAI8C;GAAY,KAAA,gBAAA;IAAA,OACJlB,MAAM3B;GAAK;GAAA,KAAA,iBAAA;IAAA,OACV,CAACL,UAAU,CAACgC,MAAMzB,OAAO,SAASiC,KAAAA;GAAS;GAAA,IACxDe,QAAK;IAAA,OAAE,CAACvD,UAAU,CAACgC,MAAMzB;GAAI;GAAA,2BACJP,SAAS,WAAW;GAAS,KAAA,eAAA;IAAA,OAC3CA,SAASwC,KAAAA,IAAYiB,OAAOzB,MAAMzB,IAAI;GAAC;GAAAmD,MAC5CC,SAAS;IACb1C,UAAU0C;IACV,IAAI3D,QAAQ;KACVoC,eAAe;MAAEnB,SAAS0C;MAAMtB,WAAWsB,KAAKpB;KAAY,CAAC;KAC7DqB,qBAAqB;MACnB,IAAID,KAAKpB,eAAeJ,YAAY,CAAC,EAAElB,YAAY0C,MACjDvB,eAAe;OAAEnB,SAAS0C;OAAMtB,WAAW;MAAK,CAAC;KACrD,CAAC;IACH;IACAL,MAAMhB,mBAAmB2C,MAAM3D,MAAM;GACvC;GAAC,KAAA,WAAA;IAAA,OACMX,GAAG,qCAAqC2C,MAAMd,YAAY;GAAC;GAAA,IAAA4C,WAAA;IAAA,OAAA,CAAAX,gBAEjEnE,MAAI;KAAA,IAAC+E,OAAI;MAAA,OAAE,CAAC/D,UAAUgC,MAAMzB;KAAI;KAAA,IAAAuD,WAAA;MAAA,OAAAX,gBAC9BrD,mBAAiB;OAChBkE,MAAI;OAAA,IACJC,QAAK;QAAA,OAAEjC,MAAMvB;OAAK;OAAA,IAClBC,UAAO;QAAA,OAAEsB,MAAMtB;OAAO;OAAA,IACtBC,UAAO;QAAA,OAAEqB,MAAMrB;OAAO;OAAA,IACtBC,OAAI;QAAA,OAAEoB,MAAMpB;OAAI;OAAA,IAChBP,QAAK;QAAA,OAAES,YAAY;OAAC;OACpBoD,UAAUhB;OAAY,IACtBiB,WAAQ;QAAA,OAAEnC,MAAMH;OAAa;OAAA,IAC7BuC,WAAQ;QAAA,OAAEpC,MAAMF;OAAa;MAAA,CAAA;KAAA;IAAA,CAAA,GAAAqB,gBAGhCnE,MAAI;KAAA,IAAC+E,OAAI;MAAA,OAAE,CAAC/D,UAAUmC,YAAY,CAAC,EAAEE;KAAS;KAAA,IAAAyB,WAAA;MAAA,OAAA;OAAAX,gBAC5CvD,kBAAgB;QAAA,KAAA,WAAA;SAAA,OAAQP,GAAGW,UAAU,SAASgC,MAAMZ,WAAW;QAAC;QAAA,IAAA0C,WAAA;SAAA,OAAA,CAAAX,gBAC9DtD,iBAAe;UAAA,IAACuD,KAAE;WAAA,OAAEpB,MAAMT,aAAa;UAAI;UAAA,IAAAuC,WAAA;WAAA,OAAG9B,MAAM1B;UAAK;SAAA,CAAA,GAAA+D,WACzDrC,MAAMR,SAASC,OAAO,CAAC,CAAA;QAAA;OAAA,CAAA;OAAA0B,gBAEzBzD,mBAAiB;QAAA,KAAA,WAAA;SAAA,OAAQsC,MAAMX;QAAY;QAAA,IAAAyC,WAAA;SAAA,OAAG9B,MAAML,QAAQF,OAAO;QAAC;OAAA,CAAA;OAAA4C,WACpEA,WAAA,CAAA,CAAArC,MAAMJ,MAAM,CAAA,CAAA,IAAAuB,gBACVxD,kBAAgB;QAAA,KAAA,WAAA;SAAA,OAAQqC,MAAMV;QAAW;QAAA,IAAAwC,WAAA;SAAA,OAAG9B,MAAMJ,OAAOH,OAAO;QAAC;OAAA,CAAA,IAChE,IAAI;MAAA;KAAA;IAAA,CAAA,CAAA;GAAA;EAAA,CAAA;CAIhB;CAEA,OAAA0B,gBACG7D,OAAK;EAAA,IACJiB,OAAI;GAAA,OAAE8D,WAAA,CAAA,CAAApC,iBAAiB,CAAC,CAAA,CAAA,KAAID,MAAMzB;EAAI;EACtCC,eAAeD,SAASyB,MAAMxB,aAAaD,IAAI;EAAC,IAAAuD,WAAA;GAAA,OAAA,CAAAX,gBAE/CnE,MAAI;IAAA,IAAC+E,OAAI;KAAA,OAAE,CAAC9B,iBAAiB;IAAC;IAAA6B,WAAIQ,UAAUrB,cAAc,KAAK;GAAC,CAAA,GAAAE,gBAChEnE,MAAI;IAAA,IAAC+E,OAAI;KAAA,OAAE9B,iBAAiB;IAAC;IAAA,IAAA6B,WAAA;KAAA,OAAAX,gBAC3B5D,cAAY;MACXyE,MAAI;MAAA,KAAA,WAAA;OAAA,OACG3E,GAAG,aAAa2C,MAAMb,UAAU;MAAC;MAAA,IACxCJ,kBAAe;OAAA,OAAEiB,MAAMjB;MAAe;MAAA,IAAA+C,WAAA;OAAA,OAAA,CAAAX,gBAErC3D,YAAU;QAAA,SAAA;QAAA,IAAAsE,WAAA;SAAA,OAAA,CAAAO,WAAkBrC,MAAM1B,KAAK,GAAA,aAAA;QAAA;OAAA,CAAA,GAAA+D,WACvCpB,cAAc,IAAI,CAAC,CAAA;MAAA;KAAA,CAAA;IAAA;GAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAK9B"}

package/dist/components/layout/contextual-sidebar/index.d.ts

@@ -0,0 +1,3 @@
+export { ContextualSidebar, type ContextualSidebarProps, type ContextualSidebarRenderContext, } from './contextual-sidebar';
+export { PixelResizeHandle, type PixelResizeHandleProps } from '../pixel-resize-handle';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/contextual-sidebar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contextual-sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,8BAA8B,GACpC,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,wBAAwB,CAAA"}

package/dist/components/layout/contextual-sidebar/index.js

@@ -0,0 +1,3 @@
+import { PixelResizeHandle } from "../pixel-resize-handle/pixel-resize-handle.js";
+import { ContextualSidebar } from "./contextual-sidebar.js";
+export { ContextualSidebar, PixelResizeHandle };

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

@@ -0,0 +1,2 @@
+export { PixelResizeHandle, type PixelResizeHandleProps } from './pixel-resize-handle';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/pixel-resize-handle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,uBAAuB,CAAA"}

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

@@ -0,0 +1,2 @@
+import { PixelResizeHandle } from "./pixel-resize-handle.js";
+export { PixelResizeHandle };

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

@@ -0,0 +1,29 @@
+export type PixelResizeHandleProps = {
+    /** Which physical edge of the ruler the resizable surface is attached to. */
+    side: 'left' | 'right';
+    /** Current width in CSS pixels. */
+    value: number;
+    minimum: number;
+    maximum: number;
+    step?: number;
+    label?: string;
+    controls?: string;
+    class?: string;
+    onChange(value: number): void;
+    onCommit?(value: number): void;
+};
+/**
+ * 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.
+ *
+ * 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.
+ */
+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

@@ -0,0 +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,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"}

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

@@ -0,0 +1,183 @@
+import { cn } from "../../../lib/utils.js";
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "../../ui/resizable/resizable.js";
+import { createComponent, memo } from "solid-js/web";
+import { createSignal, onCleanup } from "solid-js";
+//#region src/components/layout/pixel-resize-handle/pixel-resize-handle.tsx
+/**
+* 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.
+*
+* 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.
+*/
+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 commit = () => props.onCommit?.(value());
+	let interacting = false;
+	const [drag, setDrag] = createSignal();
+	const endPointer = (shouldCommit) => {
+		const current = drag();
+		if (!current) return;
+		setDrag(void 0);
+		if (current.handle.hasPointerCapture(current.pointerId)) current.handle.releasePointerCapture(current.pointerId);
+		if (shouldCommit) commit();
+	};
+	const endKeyboard = () => {
+		const wasInteracting = interacting;
+		interacting = false;
+		if (wasInteracting) commit();
+	};
+	onCleanup(() => {
+		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", {
+				"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, {
+					withHandle: true,
+					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"
+				})
+			];
+		}
+	});
+}
+//#endregion
+export { PixelResizeHandle };
+
+//# sourceMappingURL=pixel-resize-handle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pixel-resize-handle.js","names":["ResizableHandle","ResizablePanel","ResizablePanelGroup","createSignal","onCleanup","cn","PixelResizeHandleProps","side","value","minimum","maximum","step","label","controls","class","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  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\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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"}

package/dist/components/layout/sidebar-nav/sidebar-nav-resize-handle.d.ts

@@ -1,21 +1,5 @@
-export type SidebarNavResizeHandleProps = {
-    value: number;
-    minimum: number;
-    maximum: number;
-    step?: number;
-    label?: string;
-    controls?: string;
-    class?: string;
-    onChange(value: number): void;
-    onCommit?(value: number): void;
-};
-/**
- * Resize a contextual sidebar without making its host recreate a separator
- * widget. Corvu owns pointer capture, cancellation, constraints, keyboard
- * movement and cleanup. Its two invisible panels provide a bounded pixel
- * ruler; the host retains the real pane layout and preference persistence.
- * Place this inside the positioned sidebar. The ruler can extend over the
- * adjacent content, but only its handle participates in pointer hit testing.
- */
+import { type PixelResizeHandleProps } from '../pixel-resize-handle/pixel-resize-handle';
+export type SidebarNavResizeHandleProps = Omit<PixelResizeHandleProps, 'side'>;
+/** Keep the established left-sidebar API as a thin adapter over the shared edge ruler. */
 export declare function SidebarNavResizeHandle(props: SidebarNavResizeHandleProps): import("solid-js").JSX.Element;
 //# sourceMappingURL=sidebar-nav-resize-handle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar-nav-resize-handle.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sidebar-nav/sidebar-nav-resize-handle.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,2BAA2B,GAAG;IACxC,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,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAC/B,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,kCAmCxE"}
+{"version":3,"file":"sidebar-nav-resize-handle.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sidebar-nav/sidebar-nav-resize-handle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,4CAA4C,CAAA;AAEnD,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAA;AAE9E,0FAA0F;AAC1F,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,kCAExE"}