@humain/ui 2.1.62 → 2.1.65

package/dist/index222.js

@@ -1,479 +1,33 @@
-"use client";
-import { cn } from "./index2.js";
-import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "./index49.js";
-import { AppShell as AppShell$1 } from "./index213.js";
-import { Sheet as SheetNamespace, SheetContent } from "./index214.js";
-import { useIsMobile } from "./index215.js";
-import { SidebarContext } from "./index216.js";
-import { AppShellProvider, PanelIndexContext, PanelLayoutContext } from "./index217.js";
-import { AppShellContent } from "./index218.js";
-import { AppShellMobileTabBar } from "./index219.js";
-import { AppShellPanel } from "./index220.js";
-import { getExpandedPanelFromLayout, layoutMapToTuple, normalizePanelSizes, toResizableMinSize, toResizablePercentageSize } from "./index221.js";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/templates/AppShell/AppShell.tsx
-var DEFAULT_APP_SHELL_BACKGROUND = "var(--app-background)";
-function isAppShellPanelComponent(type) {
-	return typeof type === "function" && type.__appShellType === "AppShell.Panel";
+//#region src/components/templates/AppShell/AppShellResize.ts
+var DEFAULT_PANEL_SIZES = [35, 65];
+function isFinitePositive(value) {
+	return Number.isFinite(value) && value > 0;
 }
-function isAppShellPanelElement(child) {
-	return React.isValidElement(child) && isAppShellPanelComponent(child.type);
+function normalizePanelSizes(sizes) {
+	if (!sizes) return DEFAULT_PANEL_SIZES;
+	const [first, second] = sizes;
+	if (!isFinitePositive(first) || !isFinitePositive(second)) return DEFAULT_PANEL_SIZES;
+	const total = first + second;
+	return [Number((first / total * 100).toFixed(4)), Number((second / total * 100).toFixed(4))];
 }
-function getAppShellPanelIdentity(panel, ariaBaseId, index) {
-	return panel.key ?? panel.props.label ?? `${ariaBaseId}-panel-${index}`;
+function toResizablePercentageSize(size) {
+	return String(size);
 }
-function AppShellPanelWithLayout({ panel, visible, index, overrides = {}, isMobile, activePanel, hasExpanded, hasTabBar, ariaBaseId, rootExpansionActive, firstExpandedIndex, onExpandedPanelChange }) {
-	if (isMobile && index !== activePanel) return null;
-	const layoutInfo = {
-		visible: isMobile ? true : visible,
-		collapseMode: hasExpanded ? "animated" : "removed",
-		isMobile,
-		tabId: hasTabBar ? `${ariaBaseId}-tab-${index}` : void 0,
-		panelId: hasTabBar ? `${ariaBaseId}-tabpanel-${index}` : void 0,
-		expanded: rootExpansionActive ? hasExpanded && index === firstExpandedIndex : void 0,
-		onExpandedChange: rootExpansionActive ? (nextExpanded) => onExpandedPanelChange(nextExpanded ? index : null) : void 0,
-		...overrides
-	};
-	return /* @__PURE__ */ jsx(PanelIndexContext.Provider, {
-		value: index,
-		children: /* @__PURE__ */ jsx(PanelLayoutContext.Provider, {
-			value: layoutInfo,
-			children: panel
-		})
-	});
+function toResizableMinSize(minWidth) {
+	if (minWidth === void 0) return void 0;
+	return typeof minWidth === "number" ? `${minWidth}px` : minWidth;
 }
-function AppShellRoot({ background = DEFAULT_APP_SHELL_BACKGROUND, height = "100dvh", padding = 16, mobilePadding, gap = 12, connected = false, skipToId, activePanel: activePanelProp, onActivePanelChange, defaultActivePanel = 0, expandedPanel: expandedPanelProp, defaultExpandedPanel, onExpandedPanelChange, resizablePanels, defaultPanelSizes, panelSizes, onPanelSizesChange, expandThreshold = 85, className, children, ...props }) {
-	const isMobile = useIsMobile();
-	const ariaBaseId = React.useId();
-	const [internalActivePanel, setInternalActivePanel] = React.useState(defaultActivePanel);
-	const [internalExpandedPanel, setInternalExpandedPanel] = React.useState(defaultExpandedPanel ?? null);
-	const [internalPanelSizes, setInternalPanelSizes] = React.useState(() => normalizePanelSizes(defaultPanelSizes));
-	const [isResizingPanels, setIsResizingPanels] = React.useState(false);
-	const [isRestoringResizablePanels, setIsRestoringResizablePanels] = React.useState(false);
-	const [internalMobileSidebarOpen, setInternalMobileSidebarOpen] = React.useState(false);
-	const resizableGroupRef = React.useRef(null);
-	const rootRef = React.useRef(null);
-	const allowResizeReleaseExpansionRef = React.useRef(false);
-	const suppressControlledLayoutChangeRef = React.useRef(false);
-	const previousResizableExpandedRef = React.useRef(false);
-	const activePanel = activePanelProp ?? internalActivePanel;
-	const handleActivePanelChange = React.useCallback((index) => {
-		if (activePanelProp === void 0) setInternalActivePanel((prev) => prev === index ? prev : index);
-		onActivePanelChange?.(index);
-	}, [activePanelProp, onActivePanelChange]);
-	const rootExpansionRequested = expandedPanelProp !== void 0 || defaultExpandedPanel !== void 0 || onExpandedPanelChange !== void 0;
-	const resolvedExpandedPanel = expandedPanelProp !== void 0 ? expandedPanelProp : internalExpandedPanel;
-	const handleExpandedPanelChange = React.useCallback((panelIndex) => {
-		if (expandedPanelProp === void 0) setInternalExpandedPanel(panelIndex);
-		onExpandedPanelChange?.(panelIndex);
-	}, [expandedPanelProp, onExpandedPanelChange]);
-	const { panels, panelInfos, sidebarChild, otherChildren } = React.useMemo(() => {
-		const p = [];
-		const infos = [];
-		let sidebar = null;
-		const other = [];
-		React.Children.forEach(children, (child) => {
-			if (isAppShellPanelElement(child)) {
-				infos.push({
-					key: child.key ?? child.props.label,
-					label: child.props.label
-				});
-				p.push(child);
-				return;
-			}
-			if (!React.isValidElement(child)) return;
-			if (child.type === AppShellSidebar) sidebar = child;
-			else other.push(child);
-		});
-		return {
-			panels: p,
-			panelInfos: infos,
-			sidebarChild: sidebar,
-			otherChildren: other
-		};
-	}, [children]);
-	const shouldUseResizablePanels = resizablePanels ?? true;
-	const firstPanelExpandedIndex = panels.findIndex((p) => p.props.expanded);
-	const hasPanelExpansionProps = panels.some((panel) => panel.props.expanded !== void 0 || panel.props.onExpandedChange !== void 0);
-	const canUseResizablePanelPair = shouldUseResizablePanels && !connected && !isMobile && panels.length === 2 && (resizablePanels !== void 0 || !hasPanelExpansionProps);
-	const rootExpansionActive = rootExpansionRequested || canUseResizablePanelPair;
-	const validRootExpandedPanel = typeof resolvedExpandedPanel === "number" && Number.isInteger(resolvedExpandedPanel) && resolvedExpandedPanel >= 0 && resolvedExpandedPanel < panels.length ? resolvedExpandedPanel : null;
-	let firstExpandedIndex = firstPanelExpandedIndex;
-	if (rootExpansionActive) firstExpandedIndex = validRootExpandedPanel;
-	const hasExpanded = firstExpandedIndex !== -1 && firstExpandedIndex !== null;
-	const visibleCount = hasExpanded ? 1 : Math.min(panels.length, 2);
-	const canRenderResizablePanels = canUseResizablePanelPair;
-	const resolvedPanelSizes = React.useMemo(() => normalizePanelSizes(panelSizes ?? internalPanelSizes), [panelSizes, internalPanelSizes]);
-	const resizablePanelSizes = React.useMemo(() => {
-		if (hasExpanded && firstExpandedIndex === 0) return [100, 0];
-		if (hasExpanded && firstExpandedIndex === 1) return [0, 100];
-		return resolvedPanelSizes;
-	}, [
-		firstExpandedIndex,
-		hasExpanded,
-		resolvedPanelSizes
-	]);
-	const shouldBypassResizableMinSize = hasExpanded || isRestoringResizablePanels || !hasExpanded && previousResizableExpandedRef.current;
-	if (process.env.NODE_ENV !== "production") {
-		const expandedPanelPropCount = panels.filter((p) => p.props.expanded).length;
-		if (rootExpansionActive && expandedPanelPropCount > 0) console.warn("AppShell.Root: root-owned expansion props should not be mixed with AppShell.Panel expanded. Root expansion will be used.");
-		if (!rootExpansionActive && expandedPanelPropCount > 1) console.warn("AppShell.Root: multiple panels have expanded={true}. Only the first expanded panel will be shown.");
-		if (rootExpansionActive && resolvedExpandedPanel !== null && resolvedExpandedPanel !== void 0 && validRootExpandedPanel === null) console.warn(`AppShell.Root: expandedPanel index ${resolvedExpandedPanel} is out of range. No panel will be expanded.`);
-		if (resizablePanels === true && connected) console.warn("AppShell.Root: resizablePanels is not supported with connected. Rendering non-resizable panels.");
-		if (resizablePanels === true && !connected && panels.length !== 2) console.warn(`AppShell.Root: resizablePanels requires exactly 2 Panel children, got ${panels.length}. Rendering non-resizable panels.`);
-		if (panels.length > 2 && !hasExpanded) console.warn(`AppShell.Root: max 2 Panel children allowed, got ${panels.length}. Only the first 2 will be visible.`);
-	}
-	const handleLayoutChange = React.useCallback((layout) => {
-		if (hasExpanded || suppressControlledLayoutChangeRef.current) return;
-		if (panelSizes === void 0) setInternalPanelSizes(layoutMapToTuple(layout));
-	}, [hasExpanded, panelSizes]);
-	const handleLayoutChanged = React.useCallback((layout) => {
-		if (hasExpanded || !allowResizeReleaseExpansionRef.current || suppressControlledLayoutChangeRef.current) return;
-		const nextSizes = layoutMapToTuple(layout);
-		if (panelSizes === void 0) setInternalPanelSizes(nextSizes);
-		onPanelSizesChange?.(nextSizes);
-		const expandedIndex = getExpandedPanelFromLayout(layout, expandThreshold);
-		if (expandedIndex !== null) handleExpandedPanelChange(expandedIndex);
-	}, [
-		expandThreshold,
-		handleExpandedPanelChange,
-		hasExpanded,
-		onPanelSizesChange,
-		panelSizes
-	]);
-	React.useEffect(() => {
-		if (!canRenderResizablePanels) {
-			suppressControlledLayoutChangeRef.current = false;
-			previousResizableExpandedRef.current = false;
-			return;
-		}
-		const ownerWindow = rootRef.current?.ownerDocument.defaultView;
-		if (!ownerWindow) return;
-		const wasExpanded = previousResizableExpandedRef.current;
-		previousResizableExpandedRef.current = hasExpanded;
-		if (!(hasExpanded || wasExpanded || panelSizes !== void 0)) {
-			suppressControlledLayoutChangeRef.current = false;
-			return;
-		}
-		let restoreFrame;
-		const [first, second] = resizablePanelSizes;
-		if (wasExpanded && !hasExpanded) restoreFrame = ownerWindow.requestAnimationFrame(() => {
-			setIsRestoringResizablePanels(true);
-		});
-		suppressControlledLayoutChangeRef.current = true;
-		const nextLayout = {
-			panel0: first,
-			panel1: second
-		};
-		resizableGroupRef.current?.setLayout(nextLayout);
-		const frame = ownerWindow.requestAnimationFrame(() => {
-			resizableGroupRef.current?.setLayout(nextLayout);
-		});
-		const timeout = ownerWindow.setTimeout(() => {
-			suppressControlledLayoutChangeRef.current = false;
-		}, 350);
-		return () => {
-			if (restoreFrame !== void 0) ownerWindow.cancelAnimationFrame(restoreFrame);
-			ownerWindow.cancelAnimationFrame(frame);
-			ownerWindow.clearTimeout(timeout);
-			suppressControlledLayoutChangeRef.current = false;
-		};
-	}, [
-		canRenderResizablePanels,
-		hasExpanded,
-		panelSizes,
-		resizablePanelSizes
-	]);
-	React.useEffect(() => {
-		if (!isRestoringResizablePanels) return;
-		const ownerWindow = rootRef.current?.ownerDocument.defaultView;
-		if (!ownerWindow) return;
-		const timeout = ownerWindow.setTimeout(() => {
-			setIsRestoringResizablePanels(false);
-		}, 350);
-		return () => ownerWindow.clearTimeout(timeout);
-	}, [isRestoringResizablePanels]);
-	React.useEffect(() => {
-		if (!canRenderResizablePanels) {
-			allowResizeReleaseExpansionRef.current = false;
-			suppressControlledLayoutChangeRef.current = false;
-			return;
-		}
-		const ownerWindow = rootRef.current?.ownerDocument.defaultView;
-		if (!ownerWindow) return;
-		const frame = ownerWindow.requestAnimationFrame(() => {
-			allowResizeReleaseExpansionRef.current = true;
-		});
-		return () => {
-			ownerWindow.cancelAnimationFrame(frame);
-			allowResizeReleaseExpansionRef.current = false;
-		};
-	}, [canRenderResizablePanels]);
-	React.useEffect(() => {
-		if (!isResizingPanels) return;
-		const ownerWindow = rootRef.current?.ownerDocument.defaultView;
-		if (!ownerWindow) return;
-		const stopResizing = () => setIsResizingPanels(false);
-		ownerWindow.addEventListener("pointerup", stopResizing);
-		ownerWindow.addEventListener("pointercancel", stopResizing);
-		return () => {
-			ownerWindow.removeEventListener("pointerup", stopResizing);
-			ownerWindow.removeEventListener("pointercancel", stopResizing);
-		};
-	}, [isResizingPanels]);
-	const handleResizablePointerDownCapture = React.useCallback((event) => {
-		const target = event.target;
-		if (!(target instanceof Element)) return;
-		if (target.closest("[data-slot=\"resizable-handle\"]")) setIsResizingPanels(true);
-	}, []);
-	const visiblePanels = React.useMemo(() => hasExpanded ? panels.map((panel, i) => ({
-		panel,
-		visible: i === firstExpandedIndex,
-		index: i
-	})) : panels.map((panel, i) => ({
-		panel,
-		visible: i < 2,
-		index: i
-	})), [
-		panels,
-		hasExpanded,
-		firstExpandedIndex
-	]);
-	const hasTabBar = isMobile && panels.length > 1;
-	const getPanelPosition = React.useCallback((index) => {
-		if (visibleCount === 1) return "only";
-		if (hasExpanded) return index === firstExpandedIndex ? "only" : "last";
-		return index === 0 ? "first" : "last";
-	}, [
-		visibleCount,
-		hasExpanded,
-		firstExpandedIndex
-	]);
-	const contextValue = React.useMemo(() => ({
-		connected,
-		panelCount: visibleCount,
-		getPanelPosition
-	}), [
-		connected,
-		visibleCount,
-		getPanelPosition
-	]);
-	const sidebarContext = React.useContext(SidebarContext);
-	const mobileSidebarOpen = sidebarContext?.openMobile ?? internalMobileSidebarOpen;
-	const setMobileSidebarOpen = sidebarContext?.setOpenMobile ?? setInternalMobileSidebarOpen;
-	const handleSidebarOpen = React.useCallback(() => {
-		setMobileSidebarOpen(true);
-	}, [setMobileSidebarOpen]);
-	const handleSheetOpenChange = React.useCallback((open) => {
-		setMobileSidebarOpen(open);
-	}, [setMobileSidebarOpen]);
-	const skipLink = skipToId ? /* @__PURE__ */ jsx("a", {
-		href: `#${skipToId}`,
-		className: "sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-50 focus:rounded-md focus:bg-background focus:px-4 focus:py-2 focus:text-sm focus:font-medium focus:text-foreground focus:shadow-sm focus:ring-2 focus:ring-ring",
-		children: "Skip to content"
-	}) : null;
-	const renderedPanels = React.useMemo(() => visiblePanels.map(({ panel, visible, index }) => /* @__PURE__ */ jsx(AppShellPanelWithLayout, {
-		panel,
-		visible,
-		index,
-		isMobile,
-		activePanel,
-		hasExpanded,
-		hasTabBar,
-		ariaBaseId,
-		rootExpansionActive,
-		firstExpandedIndex,
-		onExpandedPanelChange: handleExpandedPanelChange
-	}, getAppShellPanelIdentity(panel, ariaBaseId, index))), [
-		visiblePanels,
-		ariaBaseId,
-		isMobile,
-		activePanel,
-		hasExpanded,
-		hasTabBar,
-		rootExpansionActive,
-		firstExpandedIndex,
-		handleExpandedPanelChange
-	]);
-	const renderedResizablePanels = canRenderResizablePanels ? /* @__PURE__ */ jsxs(ResizablePanelGroup, {
-		orientation: "horizontal",
-		disabled: hasExpanded,
-		groupRef: resizableGroupRef,
-		onLayoutChange: handleLayoutChange,
-		onLayoutChanged: handleLayoutChanged,
-		onPointerDownCapture: handleResizablePointerDownCapture,
-		className: cn("min-h-0 min-w-0 flex-1", !isResizingPanels && "[&>[data-slot=resizable-panel]]:transition-[flex-grow] [&>[data-slot=resizable-panel]]:duration-300 [&>[data-slot=resizable-panel]]:ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:[&>[data-slot=resizable-panel]]:transition-none"),
-		children: [
-			/* @__PURE__ */ jsx(ResizablePanel, {
-				id: "panel0",
-				defaultSize: toResizablePercentageSize(resizablePanelSizes[0]),
-				minSize: shouldBypassResizableMinSize ? 0 : toResizableMinSize(panels[0].props.minWidth),
-				children: /* @__PURE__ */ jsx(AppShellPanelWithLayout, {
-					panel: panels[0],
-					visible: !hasExpanded || firstExpandedIndex === 0,
-					index: 0,
-					overrides: { sizeManagedByRoot: true },
-					isMobile,
-					activePanel,
-					hasExpanded,
-					hasTabBar,
-					ariaBaseId,
-					rootExpansionActive,
-					firstExpandedIndex,
-					onExpandedPanelChange: handleExpandedPanelChange
-				})
-			}),
-			/* @__PURE__ */ jsx(ResizableHandle, {
-				disabled: hasExpanded,
-				className: cn("z-10 min-w-2 shrink-0 cursor-col-resize w-[var(--app-shell-gap,0px)] bg-transparent after:w-2 hover:bg-transparent", "transition-[width,min-width,opacity,background-color] duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none", hasExpanded && "min-w-0 w-0 opacity-0 after:w-0 pointer-events-none")
-			}),
-			/* @__PURE__ */ jsx(ResizablePanel, {
-				id: "panel1",
-				defaultSize: toResizablePercentageSize(resizablePanelSizes[1]),
-				minSize: shouldBypassResizableMinSize ? 0 : toResizableMinSize(panels[1].props.minWidth),
-				children: /* @__PURE__ */ jsx(AppShellPanelWithLayout, {
-					panel: panels[1],
-					visible: !hasExpanded || firstExpandedIndex === 1,
-					index: 1,
-					overrides: { sizeManagedByRoot: true },
-					isMobile,
-					activePanel,
-					hasExpanded,
-					hasTabBar,
-					ariaBaseId,
-					rootExpansionActive,
-					firstExpandedIndex,
-					onExpandedPanelChange: handleExpandedPanelChange
-				})
-			})
-		]
-	}) : null;
-	const activeLabel = hasTabBar && panelInfos[activePanel] ? panelInfos[activePanel].label || `Panel ${activePanel + 1}` : null;
-	if (isMobile) return /* @__PURE__ */ jsx(AppShellProvider, {
-		value: contextValue,
-		children: /* @__PURE__ */ jsxs(AppShell$1, {
-			ref: rootRef,
-			background,
-			height,
-			padding,
-			mobilePadding,
-			gap: 0,
-			connected,
-			className,
-			...props,
-			children: [
-				skipLink,
-				sidebarChild && /* @__PURE__ */ jsx(SheetNamespace, {
-					open: mobileSidebarOpen,
-					onOpenChange: handleSheetOpenChange,
-					children: /* @__PURE__ */ jsx(SheetContent, {
-						side: "left",
-						showCloseButton: false,
-						className: "w-[280px] p-0",
-						"aria-label": "Sidebar navigation",
-						children: sidebarChild
-					})
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex h-full min-w-0 flex-1 flex-col overflow-clip",
-					children: [/* @__PURE__ */ jsx(AppShellMobileTabBar, {
-						panels: panelInfos,
-						activeIndex: activePanel,
-						onActiveChange: handleActivePanelChange,
-						onSidebarOpen: sidebarChild ? handleSidebarOpen : void 0,
-						baseId: ariaBaseId
-					}), /* @__PURE__ */ jsx("div", {
-						className: "flex min-h-0 flex-1",
-						children: renderedPanels
-					})]
-				}),
-				activeLabel && /* @__PURE__ */ jsxs("div", {
-					className: "sr-only",
-					role: "status",
-					"aria-live": "polite",
-					children: [activeLabel, " panel active"]
-				}),
-				otherChildren
-			]
-		})
-	});
-	return /* @__PURE__ */ jsx(AppShellProvider, {
-		value: contextValue,
-		children: /* @__PURE__ */ jsxs(AppShell$1, {
-			ref: rootRef,
-			background,
-			height,
-			padding,
-			mobilePadding,
-			gap: connected || hasExpanded ? 0 : gap,
-			connected,
-			className,
-			...props,
-			children: [
-				skipLink,
-				sidebarChild,
-				renderedResizablePanels ?? renderedPanels,
-				otherChildren
-			]
-		})
-	});
+function layoutMapToTuple(layout) {
+	return normalizePanelSizes([layout.panel0, layout.panel1]);
 }
-AppShellRoot.displayName = "AppShell";
-/**
-* Layout slot for the sidebar region. Renders a div — the actual aside
-* landmark is provided by AppSidebar/Sidebar primitive inside it.
-*
-* **Auto-detection (default):** When no `width` prop is provided, the sidebar
-* observes the child SidebarProvider's `data-state` attribute via CSS `:has()`
-* and transitions between `collapsedWidth` and `expandedWidth` automatically.
-*
-* **Manual mode:** Pass an explicit `width` to control sizing yourself.
-*/
-function AppShellSidebar({ width, expandedWidth = "280px", collapsedWidth = "64px", className, style, children, ...props }) {
-	const autoMode = !width;
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "app-shell-sidebar",
-		style: {
-			...autoMode ? {
-				"--app-shell-sidebar-collapsed": collapsedWidth,
-				"--app-shell-sidebar-expanded": expandedWidth
-			} : { "--app-shell-sidebar-width": width },
-			...style
-		},
-		className: cn("flex h-full shrink-0 flex-col overflow-clip", "transition-[width] duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]", "motion-reduce:transition-none", autoMode ? ["w-[var(--app-shell-sidebar-collapsed,64px)]", "[&:has([data-state=expanded])]:w-[var(--app-shell-sidebar-expanded,280px)]"] : "w-[var(--app-shell-sidebar-width,64px)]", className),
-		...props,
-		children
-	});
+function getExpandedPanelFromLayout(layout, threshold = 85) {
+	const first = layout.panel0;
+	const second = layout.panel1;
+	if (first >= threshold) return 0;
+	if (second >= threshold) return 1;
+	return null;
 }
-AppShellSidebar.displayName = "AppShell.Sidebar";
-function AppShellHeader({ className, children, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "app-shell-header",
-		className: cn("shrink-0", className),
-		...props,
-		children
-	});
-}
-AppShellHeader.displayName = "AppShell.Header";
-var appShellBackgrounds = {
-	transparent: "transparent",
-	appBg: DEFAULT_APP_SHELL_BACKGROUND,
-	neutral: "var(--muted)",
-	brandSubtle: "linear-gradient(135deg, var(--air-50) 0%, var(--air-100) 100%)",
-	brand: "linear-gradient(135deg, var(--air-400) 0%, var(--primary) 100%)",
-	brandDeep: "linear-gradient(135deg, var(--primary) 0%, var(--air-900) 100%)",
-	desertMidnight: "linear-gradient(135deg, var(--slate-500) 0%, var(--slate-700) 100%)",
-	aqua: "linear-gradient(135deg, var(--air-400) 0%, var(--air-600) 100%)"
-};
-var AppShell = Object.assign(AppShellRoot, {
-	Root: AppShellRoot,
-	Sidebar: AppShellSidebar,
-	Header: AppShellHeader,
-	Panel: AppShellPanel,
-	Content: AppShellContent
-});
 //#endregion
-export { AppShell, AppShellContent, AppShellHeader, AppShellPanel, AppShellRoot, AppShellSidebar, appShellBackgrounds };
+export { DEFAULT_PANEL_SIZES, getExpandedPanelFromLayout, layoutMapToTuple, normalizePanelSizes, toResizableMinSize, toResizablePercentageSize };
 
 //# sourceMappingURL=index222.js.map

package/dist/index222.js.map

@@ -1 +1 @@
-{"version":3,"file":"index222.js","names":[],"sources":["../src/components/templates/AppShell/AppShell.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { GroupImperativeHandle } from 'react-resizable-panels';\nimport {\n  ResizableHandle,\n  ResizablePanel,\n  ResizablePanelGroup,\n} from '@/components/atoms/layout/Resizable';\nimport { AppShell as AppShellPrimitive } from '@/components/ui/app-shell';\n\nimport { Sheet, SheetContent } from '@/components/ui/sheet';\nimport { SidebarContext } from '@/components/ui/sidebar';\nimport { useIsMobile } from '@/hooks/use-mobile';\nimport { cn } from '@/lib/utils';\nimport { AppShellContent } from './AppShellContent';\nimport {\n  type AppShellContextValue,\n  AppShellProvider,\n  PanelIndexContext,\n  PanelLayoutContext,\n  type PanelLayoutInfo,\n  type PanelPosition,\n} from './AppShellContext';\nimport { AppShellMobileTabBar } from './AppShellMobileTabBar';\nimport {\n  APPSHELL_PANEL_TYPE,\n  AppShellPanel,\n  type AppShellPanelComponent,\n  type AppShellPanelProps,\n} from './AppShellPanel';\nimport {\n  DEFAULT_EXPAND_THRESHOLD,\n  getExpandedPanelFromLayout,\n  layoutMapToTuple,\n  normalizePanelSizes,\n  toResizableMinSize,\n  toResizablePercentageSize,\n} from './AppShellResize';\n\nconst DEFAULT_APP_SHELL_BACKGROUND = 'var(--app-background)';\n\ninterface AppShellPanelMarker {\n  __appShellType?: unknown;\n}\n\nfunction isAppShellPanelComponent(\n  type: unknown,\n): type is AppShellPanelComponent {\n  return (\n    typeof type === 'function' &&\n    (type as AppShellPanelMarker).__appShellType === APPSHELL_PANEL_TYPE\n  );\n}\n\nfunction isAppShellPanelElement(\n  child: React.ReactNode,\n): child is React.ReactElement<AppShellPanelProps, AppShellPanelComponent> {\n  return React.isValidElement(child) && isAppShellPanelComponent(child.type);\n}\n\nfunction getAppShellPanelIdentity(\n  panel: React.ReactElement<AppShellPanelProps>,\n  ariaBaseId: string,\n  index: number,\n): React.Key {\n  return panel.key ?? panel.props.label ?? `${ariaBaseId}-panel-${index}`;\n}\n\ninterface AppShellPanelWithLayoutProps {\n  panel: React.ReactElement<AppShellPanelProps>;\n  visible: boolean;\n  index: number;\n  overrides?: Partial<PanelLayoutInfo>;\n  isMobile: boolean;\n  activePanel: number;\n  hasExpanded: boolean;\n  hasTabBar: boolean;\n  ariaBaseId: string;\n  rootExpansionActive: boolean;\n  firstExpandedIndex: number | null;\n  onExpandedPanelChange: (panelIndex: number | null) => void;\n}\n\nfunction AppShellPanelWithLayout({\n  panel,\n  visible,\n  index,\n  overrides = {},\n  isMobile,\n  activePanel,\n  hasExpanded,\n  hasTabBar,\n  ariaBaseId,\n  rootExpansionActive,\n  firstExpandedIndex,\n  onExpandedPanelChange,\n}: AppShellPanelWithLayoutProps) {\n  if (isMobile && index !== activePanel) return null;\n\n  const layoutInfo: PanelLayoutInfo = {\n    visible: isMobile ? true : visible,\n    collapseMode: hasExpanded ? 'animated' : 'removed',\n    isMobile,\n    tabId: hasTabBar ? `${ariaBaseId}-tab-${index}` : undefined,\n    panelId: hasTabBar ? `${ariaBaseId}-tabpanel-${index}` : undefined,\n    expanded: rootExpansionActive\n      ? hasExpanded && index === firstExpandedIndex\n      : undefined,\n    onExpandedChange: rootExpansionActive\n      ? (nextExpanded) => onExpandedPanelChange(nextExpanded ? index : null)\n      : undefined,\n    ...overrides,\n  };\n\n  return (\n    <PanelIndexContext.Provider value={index}>\n      <PanelLayoutContext.Provider value={layoutInfo}>\n        {panel}\n      </PanelLayoutContext.Provider>\n    </PanelIndexContext.Provider>\n  );\n}\n\n// ============================================\n// AppShell Root\n// ============================================\n\nexport interface AppShellProps extends React.ComponentProps<'div'> {\n  /** Any CSS background value (color, gradient, image). Defaults to var(--app-background). */\n  background?: string;\n  /** Fixed height, supports CSS calc() */\n  height?: string;\n  /** Spacing around the inner content in pixels or CSS value */\n  padding?: number | string;\n  /** Padding on mobile viewports. Defaults to 8px. */\n  mobilePadding?: number | string;\n  /** Gap between panels in pixels or CSS value. Defaults to 12. */\n  gap?: number | string;\n  /** Joined-edge mode where panels share borders. Defaults to false. */\n  connected?: boolean;\n  /** ID of the main content element for skip navigation. */\n  skipToId?: string;\n  /** Controlled active panel index for mobile tab switching. */\n  activePanel?: number;\n  /** Callback when active panel changes on mobile. */\n  onActivePanelChange?: (index: number) => void;\n  /** Default active panel on mobile (default: 0). */\n  defaultActivePanel?: number;\n  /** Controlled expanded panel index. Use null for no expanded panel. */\n  expandedPanel?: number | null;\n  /** Initial expanded panel index for uncontrolled root-owned expansion. */\n  defaultExpandedPanel?: number | null;\n  /** Callback when root-owned expansion changes. */\n  onExpandedPanelChange?: (panelIndex: number | null) => void;\n  /** Enables root-owned two-panel resizing on desktop. Defaults to true for eligible two-panel layouts. */\n  resizablePanels?: boolean;\n  /** Initial panel size split in percentages. Defaults to [35, 65]. */\n  defaultPanelSizes?: [number, number];\n  /** Controlled panel size split in percentages. */\n  panelSizes?: [number, number];\n  /** Called after the user releases the resize handle. */\n  onPanelSizesChange?: (sizes: [number, number]) => void;\n  /** Percentage threshold that expands the dominant panel on release. */\n  expandThreshold?: number;\n}\n\nfunction AppShellRoot({\n  background = DEFAULT_APP_SHELL_BACKGROUND,\n  height = '100dvh',\n  padding = 16,\n  mobilePadding,\n  gap = 12,\n  connected = false,\n  skipToId,\n  activePanel: activePanelProp,\n  onActivePanelChange,\n  defaultActivePanel = 0,\n  expandedPanel: expandedPanelProp,\n  defaultExpandedPanel,\n  onExpandedPanelChange,\n  resizablePanels,\n  defaultPanelSizes,\n  panelSizes,\n  onPanelSizesChange,\n  expandThreshold = DEFAULT_EXPAND_THRESHOLD,\n  className,\n  children,\n  ...props\n}: AppShellProps): React.ReactElement {\n  const isMobile = useIsMobile();\n  const ariaBaseId = React.useId();\n  const [internalActivePanel, setInternalActivePanel] =\n    React.useState(defaultActivePanel);\n  const [internalExpandedPanel, setInternalExpandedPanel] = React.useState<\n    number | null\n  >(defaultExpandedPanel ?? null);\n  const [internalPanelSizes, setInternalPanelSizes] = React.useState(() =>\n    normalizePanelSizes(defaultPanelSizes),\n  );\n  const [isResizingPanels, setIsResizingPanels] = React.useState(false);\n  const [isRestoringResizablePanels, setIsRestoringResizablePanels] =\n    React.useState(false);\n  const [internalMobileSidebarOpen, setInternalMobileSidebarOpen] =\n    React.useState(false);\n  const resizableGroupRef = React.useRef<GroupImperativeHandle | null>(null);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const allowResizeReleaseExpansionRef = React.useRef(false);\n  const suppressControlledLayoutChangeRef = React.useRef(false);\n  const previousResizableExpandedRef = React.useRef(false);\n\n  const activePanel = activePanelProp ?? internalActivePanel;\n  const handleActivePanelChange = React.useCallback(\n    (index: number) => {\n      if (activePanelProp === undefined) {\n        setInternalActivePanel((prev) => (prev === index ? prev : index));\n      }\n      onActivePanelChange?.(index);\n    },\n    [activePanelProp, onActivePanelChange],\n  );\n\n  const rootExpansionRequested =\n    expandedPanelProp !== undefined ||\n    defaultExpandedPanel !== undefined ||\n    onExpandedPanelChange !== undefined;\n  const resolvedExpandedPanel =\n    expandedPanelProp !== undefined ? expandedPanelProp : internalExpandedPanel;\n  const handleExpandedPanelChange = React.useCallback(\n    (panelIndex: number | null) => {\n      if (expandedPanelProp === undefined) {\n        setInternalExpandedPanel(panelIndex);\n      }\n      onExpandedPanelChange?.(panelIndex);\n    },\n    [expandedPanelProp, onExpandedPanelChange],\n  );\n\n  // Classify children (memoized to stabilize downstream references)\n  const { panels, panelInfos, sidebarChild, otherChildren } =\n    React.useMemo(() => {\n      const p: React.ReactElement<AppShellPanelProps>[] = [];\n      const infos: { key?: React.Key; label?: string }[] = [];\n      let sidebar: React.ReactNode = null;\n      const other: React.ReactNode[] = [];\n\n      React.Children.forEach(children, (child) => {\n        if (isAppShellPanelElement(child)) {\n          infos.push({\n            key: child.key ?? child.props.label,\n            label: child.props.label,\n          });\n          p.push(child);\n          return;\n        }\n\n        if (!React.isValidElement(child)) {\n          return;\n        }\n\n        if (child.type === AppShellSidebar) {\n          sidebar = child;\n        } else {\n          other.push(child);\n        }\n      });\n\n      return {\n        panels: p,\n        panelInfos: infos,\n        sidebarChild: sidebar,\n        otherChildren: other,\n      };\n    }, [children]);\n\n  const shouldUseResizablePanels = resizablePanels ?? true;\n\n  // Determine which panels are visible\n  const firstPanelExpandedIndex = panels.findIndex((p) => p.props.expanded);\n  const hasPanelExpansionProps = panels.some(\n    (panel) =>\n      panel.props.expanded !== undefined ||\n      panel.props.onExpandedChange !== undefined,\n  );\n  const canUseResizablePanelPair =\n    shouldUseResizablePanels &&\n    !connected &&\n    !isMobile &&\n    panels.length === 2 &&\n    (resizablePanels !== undefined || !hasPanelExpansionProps);\n  const rootExpansionActive =\n    rootExpansionRequested || canUseResizablePanelPair;\n  const validRootExpandedPanel =\n    typeof resolvedExpandedPanel === 'number' &&\n    Number.isInteger(resolvedExpandedPanel) &&\n    resolvedExpandedPanel >= 0 &&\n    resolvedExpandedPanel < panels.length\n      ? resolvedExpandedPanel\n      : null;\n  let firstExpandedIndex: number | null = firstPanelExpandedIndex;\n  if (rootExpansionActive) {\n    firstExpandedIndex = validRootExpandedPanel;\n  }\n  const hasExpanded = firstExpandedIndex !== -1 && firstExpandedIndex !== null;\n  const visibleCount = hasExpanded ? 1 : Math.min(panels.length, 2);\n  const canRenderResizablePanels = canUseResizablePanelPair;\n  const resolvedPanelSizes = React.useMemo(\n    () => normalizePanelSizes(panelSizes ?? internalPanelSizes),\n    [panelSizes, internalPanelSizes],\n  );\n  const resizablePanelSizes = React.useMemo<[number, number]>(() => {\n    if (hasExpanded && firstExpandedIndex === 0) return [100, 0];\n    if (hasExpanded && firstExpandedIndex === 1) return [0, 100];\n    return resolvedPanelSizes;\n  }, [firstExpandedIndex, hasExpanded, resolvedPanelSizes]);\n  const shouldBypassResizableMinSize =\n    hasExpanded ||\n    isRestoringResizablePanels ||\n    (!hasExpanded && previousResizableExpandedRef.current);\n\n  // Dev warnings\n  if (process.env.NODE_ENV !== 'production') {\n    const expandedPanelPropCount = panels.filter(\n      (p) => p.props.expanded,\n    ).length;\n    if (rootExpansionActive && expandedPanelPropCount > 0) {\n      console.warn(\n        'AppShell.Root: root-owned expansion props should not be mixed with AppShell.Panel expanded. Root expansion will be used.',\n      );\n    }\n    if (!rootExpansionActive && expandedPanelPropCount > 1) {\n      console.warn(\n        'AppShell.Root: multiple panels have expanded={true}. Only the first expanded panel will be shown.',\n      );\n    }\n    if (\n      rootExpansionActive &&\n      resolvedExpandedPanel !== null &&\n      resolvedExpandedPanel !== undefined &&\n      validRootExpandedPanel === null\n    ) {\n      console.warn(\n        `AppShell.Root: expandedPanel index ${resolvedExpandedPanel} is out of range. No panel will be expanded.`,\n      );\n    }\n    if (resizablePanels === true && connected) {\n      console.warn(\n        'AppShell.Root: resizablePanels is not supported with connected. Rendering non-resizable panels.',\n      );\n    }\n    if (resizablePanels === true && !connected && panels.length !== 2) {\n      console.warn(\n        `AppShell.Root: resizablePanels requires exactly 2 Panel children, got ${panels.length}. Rendering non-resizable panels.`,\n      );\n    }\n    if (panels.length > 2 && !hasExpanded) {\n      console.warn(\n        `AppShell.Root: max 2 Panel children allowed, got ${panels.length}. Only the first 2 will be visible.`,\n      );\n    }\n  }\n\n  const handleLayoutChange = React.useCallback(\n    (layout: Record<string, number>) => {\n      if (hasExpanded || suppressControlledLayoutChangeRef.current) {\n        return;\n      }\n      if (panelSizes === undefined) {\n        setInternalPanelSizes(layoutMapToTuple(layout));\n      }\n    },\n    [hasExpanded, panelSizes],\n  );\n\n  const handleLayoutChanged = React.useCallback(\n    (layout: Record<string, number>) => {\n      if (\n        hasExpanded ||\n        !allowResizeReleaseExpansionRef.current ||\n        suppressControlledLayoutChangeRef.current\n      ) {\n        return;\n      }\n\n      const nextSizes = layoutMapToTuple(layout);\n      if (panelSizes === undefined) {\n        setInternalPanelSizes(nextSizes);\n      }\n      onPanelSizesChange?.(nextSizes);\n\n      const expandedIndex = getExpandedPanelFromLayout(layout, expandThreshold);\n      if (expandedIndex !== null) {\n        handleExpandedPanelChange(expandedIndex);\n      }\n    },\n    [\n      expandThreshold,\n      handleExpandedPanelChange,\n      hasExpanded,\n      onPanelSizesChange,\n      panelSizes,\n    ],\n  );\n\n  React.useEffect(() => {\n    if (!canRenderResizablePanels) {\n      suppressControlledLayoutChangeRef.current = false;\n      previousResizableExpandedRef.current = false;\n      return;\n    }\n\n    const ownerWindow = rootRef.current?.ownerDocument.defaultView;\n    if (!ownerWindow) return;\n\n    const wasExpanded = previousResizableExpandedRef.current;\n    previousResizableExpandedRef.current = hasExpanded;\n    const shouldApplyLayout =\n      hasExpanded || wasExpanded || panelSizes !== undefined;\n    if (!shouldApplyLayout) {\n      suppressControlledLayoutChangeRef.current = false;\n      return;\n    }\n\n    let restoreFrame: number | undefined;\n    const [first, second] = resizablePanelSizes;\n    if (wasExpanded && !hasExpanded) {\n      restoreFrame = ownerWindow.requestAnimationFrame(() => {\n        setIsRestoringResizablePanels(true);\n      });\n    }\n    suppressControlledLayoutChangeRef.current = true;\n    const nextLayout = { panel0: first, panel1: second };\n    resizableGroupRef.current?.setLayout(nextLayout);\n    const frame = ownerWindow.requestAnimationFrame(() => {\n      resizableGroupRef.current?.setLayout(nextLayout);\n    });\n    const timeout = ownerWindow.setTimeout(() => {\n      suppressControlledLayoutChangeRef.current = false;\n    }, 350);\n    return () => {\n      if (restoreFrame !== undefined) {\n        ownerWindow.cancelAnimationFrame(restoreFrame);\n      }\n      ownerWindow.cancelAnimationFrame(frame);\n      ownerWindow.clearTimeout(timeout);\n      suppressControlledLayoutChangeRef.current = false;\n    };\n  }, [canRenderResizablePanels, hasExpanded, panelSizes, resizablePanelSizes]);\n\n  React.useEffect(() => {\n    if (!isRestoringResizablePanels) return;\n\n    const ownerWindow = rootRef.current?.ownerDocument.defaultView;\n    if (!ownerWindow) return;\n\n    const timeout = ownerWindow.setTimeout(() => {\n      setIsRestoringResizablePanels(false);\n    }, 350);\n    return () => ownerWindow.clearTimeout(timeout);\n  }, [isRestoringResizablePanels]);\n\n  React.useEffect(() => {\n    if (!canRenderResizablePanels) {\n      allowResizeReleaseExpansionRef.current = false;\n      suppressControlledLayoutChangeRef.current = false;\n      return;\n    }\n\n    const ownerWindow = rootRef.current?.ownerDocument.defaultView;\n    if (!ownerWindow) return;\n\n    const frame = ownerWindow.requestAnimationFrame(() => {\n      allowResizeReleaseExpansionRef.current = true;\n    });\n    return () => {\n      ownerWindow.cancelAnimationFrame(frame);\n      allowResizeReleaseExpansionRef.current = false;\n    };\n  }, [canRenderResizablePanels]);\n\n  React.useEffect(() => {\n    if (!isResizingPanels) return;\n    const ownerWindow = rootRef.current?.ownerDocument.defaultView;\n    if (!ownerWindow) return;\n\n    const stopResizing = () => setIsResizingPanels(false);\n    ownerWindow.addEventListener('pointerup', stopResizing);\n    ownerWindow.addEventListener('pointercancel', stopResizing);\n    return () => {\n      ownerWindow.removeEventListener('pointerup', stopResizing);\n      ownerWindow.removeEventListener('pointercancel', stopResizing);\n    };\n  }, [isResizingPanels]);\n\n  const handleResizablePointerDownCapture = React.useCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      const target = event.target;\n      if (!(target instanceof Element)) return;\n      if (target.closest('[data-slot=\"resizable-handle\"]')) {\n        setIsResizingPanels(true);\n      }\n    },\n    [],\n  );\n\n  // Memoize the visibility map to stabilize downstream context values\n  const visiblePanels = React.useMemo(\n    () =>\n      hasExpanded\n        ? panels.map((panel, i) => ({\n            panel,\n            visible: i === firstExpandedIndex,\n            index: i,\n          }))\n        : panels.map((panel, i) => ({\n            panel,\n            visible: i < 2,\n            index: i,\n          })),\n    [panels, hasExpanded, firstExpandedIndex],\n  );\n\n  // Whether the tab bar is active (mobile with 2+ panels)\n  const hasTabBar = isMobile && panels.length > 1;\n\n  // Build context (derive position from stable scalars, not array reference)\n  const getPanelPosition = React.useCallback(\n    (index: number): PanelPosition => {\n      if (visibleCount === 1) return 'only';\n      if (hasExpanded) return index === firstExpandedIndex ? 'only' : 'last';\n      return index === 0 ? 'first' : 'last';\n    },\n    [visibleCount, hasExpanded, firstExpandedIndex],\n  );\n\n  const contextValue: AppShellContextValue = React.useMemo(\n    () => ({\n      connected,\n      panelCount: visibleCount,\n      getPanelPosition,\n    }),\n    [connected, visibleCount, getPanelPosition],\n  );\n\n  // Sidebar context for mobile drawer integration\n  const sidebarContext = React.useContext(SidebarContext);\n  const mobileSidebarOpen =\n    sidebarContext?.openMobile ?? internalMobileSidebarOpen;\n  const setMobileSidebarOpen =\n    sidebarContext?.setOpenMobile ?? setInternalMobileSidebarOpen;\n  const handleSidebarOpen = React.useCallback(() => {\n    setMobileSidebarOpen(true);\n  }, [setMobileSidebarOpen]);\n\n  const handleSheetOpenChange = React.useCallback(\n    (open: boolean) => {\n      setMobileSidebarOpen(open);\n    },\n    [setMobileSidebarOpen],\n  );\n\n  // Skip navigation link\n  const skipLink = skipToId ? (\n    <a\n      href={`#${skipToId}`}\n      className=\"sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-50 focus:rounded-md focus:bg-background focus:px-4 focus:py-2 focus:text-sm focus:font-medium focus:text-foreground focus:shadow-sm focus:ring-2 focus:ring-ring\"\n    >\n      Skip to content\n    </a>\n  ) : null;\n\n  // Render panels with context providers (no cloneElement — panels self-style)\n  const renderedPanels = React.useMemo(\n    () =>\n      visiblePanels.map(({ panel, visible, index }) => (\n        <AppShellPanelWithLayout\n          key={getAppShellPanelIdentity(panel, ariaBaseId, index)}\n          panel={panel}\n          visible={visible}\n          index={index}\n          isMobile={isMobile}\n          activePanel={activePanel}\n          hasExpanded={hasExpanded}\n          hasTabBar={hasTabBar}\n          ariaBaseId={ariaBaseId}\n          rootExpansionActive={rootExpansionActive}\n          firstExpandedIndex={firstExpandedIndex}\n          onExpandedPanelChange={handleExpandedPanelChange}\n        />\n      )),\n    [\n      visiblePanels,\n      ariaBaseId,\n      isMobile,\n      activePanel,\n      hasExpanded,\n      hasTabBar,\n      rootExpansionActive,\n      firstExpandedIndex,\n      handleExpandedPanelChange,\n    ],\n  );\n\n  const renderedResizablePanels = canRenderResizablePanels ? (\n    <ResizablePanelGroup\n      orientation=\"horizontal\"\n      disabled={hasExpanded}\n      groupRef={resizableGroupRef}\n      onLayoutChange={handleLayoutChange}\n      onLayoutChanged={handleLayoutChanged}\n      onPointerDownCapture={handleResizablePointerDownCapture}\n      className={cn(\n        'min-h-0 min-w-0 flex-1',\n        !isResizingPanels &&\n          '[&>[data-slot=resizable-panel]]:transition-[flex-grow] [&>[data-slot=resizable-panel]]:duration-300 [&>[data-slot=resizable-panel]]:ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:[&>[data-slot=resizable-panel]]:transition-none',\n      )}\n    >\n      <ResizablePanel\n        id=\"panel0\"\n        defaultSize={toResizablePercentageSize(resizablePanelSizes[0])}\n        minSize={\n          shouldBypassResizableMinSize\n            ? 0\n            : toResizableMinSize(panels[0].props.minWidth)\n        }\n      >\n        <AppShellPanelWithLayout\n          panel={panels[0]}\n          visible={!hasExpanded || firstExpandedIndex === 0}\n          index={0}\n          overrides={{ sizeManagedByRoot: true }}\n          isMobile={isMobile}\n          activePanel={activePanel}\n          hasExpanded={hasExpanded}\n          hasTabBar={hasTabBar}\n          ariaBaseId={ariaBaseId}\n          rootExpansionActive={rootExpansionActive}\n          firstExpandedIndex={firstExpandedIndex}\n          onExpandedPanelChange={handleExpandedPanelChange}\n        />\n      </ResizablePanel>\n      <ResizableHandle\n        disabled={hasExpanded}\n        className={cn(\n          'z-10 min-w-2 shrink-0 cursor-col-resize w-[var(--app-shell-gap,0px)] bg-transparent after:w-2 hover:bg-transparent',\n          'transition-[width,min-width,opacity,background-color] duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none',\n          hasExpanded && 'min-w-0 w-0 opacity-0 after:w-0 pointer-events-none',\n        )}\n      />\n      <ResizablePanel\n        id=\"panel1\"\n        defaultSize={toResizablePercentageSize(resizablePanelSizes[1])}\n        minSize={\n          shouldBypassResizableMinSize\n            ? 0\n            : toResizableMinSize(panels[1].props.minWidth)\n        }\n      >\n        <AppShellPanelWithLayout\n          panel={panels[1]}\n          visible={!hasExpanded || firstExpandedIndex === 1}\n          index={1}\n          overrides={{ sizeManagedByRoot: true }}\n          isMobile={isMobile}\n          activePanel={activePanel}\n          hasExpanded={hasExpanded}\n          hasTabBar={hasTabBar}\n          ariaBaseId={ariaBaseId}\n          rootExpansionActive={rootExpansionActive}\n          firstExpandedIndex={firstExpandedIndex}\n          onExpandedPanelChange={handleExpandedPanelChange}\n        />\n      </ResizablePanel>\n    </ResizablePanelGroup>\n  ) : null;\n\n  // Live region for announcing panel changes to screen readers\n  const activeLabel =\n    hasTabBar && panelInfos[activePanel]\n      ? panelInfos[activePanel].label || `Panel ${activePanel + 1}`\n      : null;\n\n  // Mobile layout\n  if (isMobile) {\n    return (\n      <AppShellProvider value={contextValue}>\n        <AppShellPrimitive\n          ref={rootRef}\n          background={background}\n          height={height}\n          padding={padding}\n          mobilePadding={mobilePadding}\n          gap={0}\n          connected={connected}\n          className={className}\n          {...props}\n        >\n          {skipLink}\n          {sidebarChild && (\n            <Sheet\n              open={mobileSidebarOpen}\n              onOpenChange={handleSheetOpenChange}\n            >\n              <SheetContent\n                side=\"left\"\n                showCloseButton={false}\n                className=\"w-[280px] p-0\"\n                aria-label=\"Sidebar navigation\"\n              >\n                {sidebarChild}\n              </SheetContent>\n            </Sheet>\n          )}\n          <div className=\"flex h-full min-w-0 flex-1 flex-col overflow-clip\">\n            <AppShellMobileTabBar\n              panels={panelInfos}\n              activeIndex={activePanel}\n              onActiveChange={handleActivePanelChange}\n              onSidebarOpen={sidebarChild ? handleSidebarOpen : undefined}\n              baseId={ariaBaseId}\n            />\n            <div className=\"flex min-h-0 flex-1\">{renderedPanels}</div>\n          </div>\n          {/* Live region for panel switch announcements */}\n          {activeLabel && (\n            <div className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n              {activeLabel} panel active\n            </div>\n          )}\n          {otherChildren}\n        </AppShellPrimitive>\n      </AppShellProvider>\n    );\n  }\n\n  // Desktop layout\n  const effectiveGap = connected || hasExpanded ? 0 : gap;\n\n  return (\n    <AppShellProvider value={contextValue}>\n      <AppShellPrimitive\n        ref={rootRef}\n        background={background}\n        height={height}\n        padding={padding}\n        mobilePadding={mobilePadding}\n        gap={effectiveGap}\n        connected={connected}\n        className={className}\n        {...props}\n      >\n        {skipLink}\n        {sidebarChild}\n        {renderedResizablePanels ?? renderedPanels}\n        {otherChildren}\n      </AppShellPrimitive>\n    </AppShellProvider>\n  );\n}\n\nAppShellRoot.displayName = 'AppShell';\n\n// ============================================\n// AppShell Sidebar\n// ============================================\n\nexport interface AppShellSidebarProps extends React.ComponentProps<'div'> {\n  /**\n   * Explicit width override — bypasses auto-detection.\n   * When omitted, the sidebar auto-sizes based on the child\n   * SidebarProvider's expanded/collapsed state.\n   */\n  width?: string;\n  /** Width when sidebar is expanded (auto mode only). @default '280px' */\n  expandedWidth?: string;\n  /** Width when sidebar is collapsed (auto mode only). @default '64px' */\n  collapsedWidth?: string;\n}\n\n/**\n * Layout slot for the sidebar region. Renders a div — the actual aside\n * landmark is provided by AppSidebar/Sidebar primitive inside it.\n *\n * **Auto-detection (default):** When no `width` prop is provided, the sidebar\n * observes the child SidebarProvider's `data-state` attribute via CSS `:has()`\n * and transitions between `collapsedWidth` and `expandedWidth` automatically.\n *\n * **Manual mode:** Pass an explicit `width` to control sizing yourself.\n */\nfunction AppShellSidebar({\n  width,\n  expandedWidth = '280px',\n  collapsedWidth = '64px',\n  className,\n  style,\n  children,\n  ...props\n}: AppShellSidebarProps) {\n  const autoMode = !width;\n\n  return (\n    <div\n      data-slot=\"app-shell-sidebar\"\n      style={\n        {\n          ...(autoMode\n            ? {\n                '--app-shell-sidebar-collapsed': collapsedWidth,\n                '--app-shell-sidebar-expanded': expandedWidth,\n              }\n            : { '--app-shell-sidebar-width': width }),\n          ...style,\n        } as React.CSSProperties\n      }\n      className={cn(\n        'flex h-full shrink-0 flex-col overflow-clip',\n        'transition-[width] duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]',\n        'motion-reduce:transition-none',\n        autoMode\n          ? [\n              'w-[var(--app-shell-sidebar-collapsed,64px)]',\n              '[&:has([data-state=expanded])]:w-[var(--app-shell-sidebar-expanded,280px)]',\n            ]\n          : 'w-[var(--app-shell-sidebar-width,64px)]',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nAppShellSidebar.displayName = 'AppShell.Sidebar';\n\n// ============================================\n// AppShell Header\n// ============================================\n\nexport interface AppShellHeaderProps extends React.ComponentProps<'div'> {}\n\nfunction AppShellHeader({\n  className,\n  children,\n  ...props\n}: AppShellHeaderProps) {\n  return (\n    <div\n      data-slot=\"app-shell-header\"\n      className={cn('shrink-0', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nAppShellHeader.displayName = 'AppShell.Header';\n\n// ============================================\n// Preset Background Variants\n// ============================================\n\nconst appShellBackgrounds = {\n  transparent: 'transparent',\n  appBg: DEFAULT_APP_SHELL_BACKGROUND,\n  neutral: 'var(--muted)',\n  brandSubtle: 'linear-gradient(135deg, var(--air-50) 0%, var(--air-100) 100%)',\n  brand: 'linear-gradient(135deg, var(--air-400) 0%, var(--primary) 100%)',\n  brandDeep: 'linear-gradient(135deg, var(--primary) 0%, var(--air-900) 100%)',\n  desertMidnight:\n    'linear-gradient(135deg, var(--slate-500) 0%, var(--slate-700) 100%)',\n  aqua: 'linear-gradient(135deg, var(--air-400) 0%, var(--air-600) 100%)',\n} as const;\n\n// ============================================\n// Compound Component (Dot Notation)\n// ============================================\n\nconst AppShell = Object.assign(AppShellRoot, {\n  Root: AppShellRoot,\n  Sidebar: AppShellSidebar,\n  Header: AppShellHeader,\n  Panel: AppShellPanel,\n  Content: AppShellContent,\n});\n\n// ============================================\n// Exports\n// ============================================\n\nexport type { AppShellContentProps } from './AppShellContent';\nexport type { AppShellPanelProps } from './AppShellPanel';\n\nexport {\n  AppShell,\n  AppShellContent,\n  AppShellHeader,\n  AppShellPanel,\n  AppShellRoot,\n  AppShellSidebar,\n  appShellBackgrounds,\n};\n"],"mappings":"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"}
+{"version":3,"file":"index222.js","names":[],"sources":["../src/components/templates/AppShell/AppShellResize.ts"],"sourcesContent":["export type PanelSizeTuple = [number, number];\nexport type PanelLayoutMap = Record<string, number>;\n\nexport const DEFAULT_PANEL_SIZES: PanelSizeTuple = [35, 65];\nexport const DEFAULT_EXPAND_THRESHOLD = 85;\n\nfunction isFinitePositive(value: number): boolean {\n  return Number.isFinite(value) && value > 0;\n}\n\nexport function normalizePanelSizes(\n  sizes: readonly [number, number] | undefined,\n): PanelSizeTuple {\n  if (!sizes) return DEFAULT_PANEL_SIZES;\n  const [first, second] = sizes;\n  if (!isFinitePositive(first) || !isFinitePositive(second)) {\n    return DEFAULT_PANEL_SIZES;\n  }\n\n  const total = first + second;\n  return [\n    Number(((first / total) * 100).toFixed(4)),\n    Number(((second / total) * 100).toFixed(4)),\n  ];\n}\n\nexport function toResizablePercentageSize(size: number): string {\n  return String(size);\n}\n\nexport function toResizableMinSize(\n  minWidth: number | string | undefined,\n): string | undefined {\n  if (minWidth === undefined) return undefined;\n  return typeof minWidth === 'number' ? `${minWidth}px` : minWidth;\n}\n\nexport function layoutMapToTuple(layout: PanelLayoutMap): PanelSizeTuple {\n  return normalizePanelSizes([layout.panel0, layout.panel1]);\n}\n\nexport function getExpandedPanelFromLayout(\n  layout: PanelLayoutMap,\n  threshold = DEFAULT_EXPAND_THRESHOLD,\n): number | null {\n  const first = layout.panel0;\n  const second = layout.panel1;\n  if (first >= threshold) return 0;\n  if (second >= threshold) return 1;\n  return null;\n}\n"],"mappings":";AAGA,IAAa,sBAAsC,CAAC,IAAI,EAAE;AAG1D,SAAS,iBAAiB,OAAwB;CAChD,OAAO,OAAO,SAAS,KAAK,KAAK,QAAQ;AAC3C;AAEA,SAAgB,oBACd,OACgB;CAChB,IAAI,CAAC,OAAO,OAAO;CACnB,MAAM,CAAC,OAAO,UAAU;CACxB,IAAI,CAAC,iBAAiB,KAAK,KAAK,CAAC,iBAAiB,MAAM,GACtD,OAAO;CAGT,MAAM,QAAQ,QAAQ;CACtB,OAAO,CACL,QAAS,QAAQ,QAAS,IAAA,CAAK,QAAQ,CAAC,CAAC,GACzC,QAAS,SAAS,QAAS,IAAA,CAAK,QAAQ,CAAC,CAAC,CAC5C;AACF;AAEA,SAAgB,0BAA0B,MAAsB;CAC9D,OAAO,OAAO,IAAI;AACpB;AAEA,SAAgB,mBACd,UACoB;CACpB,IAAI,aAAa,KAAA,GAAW,OAAO,KAAA;CACnC,OAAO,OAAO,aAAa,WAAW,GAAG,SAAS,MAAM;AAC1D;AAEA,SAAgB,iBAAiB,QAAwC;CACvE,OAAO,oBAAoB,CAAC,OAAO,QAAQ,OAAO,MAAM,CAAC;AAC3D;AAEA,SAAgB,2BACd,QACA,YAAA,IACe;CACf,MAAM,QAAQ,OAAO;CACrB,MAAM,SAAS,OAAO;CACtB,IAAI,SAAS,WAAW,OAAO;CAC/B,IAAI,UAAU,WAAW,OAAO;CAChC,OAAO;AACT"}