@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/pages/core-core-connect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-core-connect.mjs","names":[],"sources":["../../src/pages/core-core-connect.tsx"],"sourcesContent":["import {WC3Workspace} from \"./core-wc3-workspace\";\n\n// Core Connect V2 — the admin workspace and the app marketplace merged into ONE app.\n//\n// V1 shipped Connect as two portals: WC3 Workspace for the admin, AppInstaller for the end user. V2\n// collapses that split. There is one shell and one sidebar, stacked:\n//\n//   Home               ← always present; app launcher once apps exist, install CTA while none do\n//   Your apps          ← installed apps, green dot until first opened; no divider, Home lands here\n//   ───────────────\n//   Studio             ← Analysis, Processes, Pipelines, Products, Lineage, Ontology\n//   ───────────────\n//   Marketplace        ← pinned at the bottom; install an app and it lands in the apps section\n//\n// The dividers are not drawn here: CoreAppSidebar separates consecutive nav groups, divides Home from\n// the groups below it, and pins the marketplace entry under them — expanded AND collapsed — so the\n// whole stack falls out of the group structure.\n//\n// This template is deliberately a thin alias rather than a fork. Every surface it shows already exists\n// — the perspectives come from CoreWC3Workspace, the store and install lifecycle from\n// app-marketplace-shared (shared with AppInstaller) — so V1 and V2 cannot drift apart.\n\n/**\n * Core Connect V2 template: the WC3 admin workspace with the marketplace folded in, as a single\n * app. One sidebar carries a pinned Home, the installed apps directly beneath it, the admin\n * perspectives under a Studio label, and a pinned Marketplace entry; installing an app from the store\n * adds it to the apps section without leaving the app.\n *\n * @deprecated Preview/demo prototype — renders built-in sample data and mock handlers. Not a\n * supported production import: compose your page from the widgets this template uses, wired to your\n * own data (see the CoreConnect template docs in Storybook). Slated for removal from the public API\n * in a future major.\n */\nexport function CoreConnect() {\n\treturn <WC3Workspace withMarketplace />;\n}\n"],"mappings":";;;;;;;;;;;;;;AAiCA,SAAgB,cAAc;CAC7B,OAAO,oBAAC,cAAD,EAAc,iBAAA,KAAiB,CAAA;AACvC"}

package/dist/pages/core-design-canvas.d.mts

@@ -0,0 +1,10 @@
+//#region src/pages/core-design-canvas.d.ts
+/**
+ * @deprecated Preview/demo prototype — renders built-in sample data and mock handlers. Not a
+ * supported production import: compose your page from the widgets this template uses, wired to your
+ * own data (see the CoreDesignCanvas template docs in Storybook). Slated for removal from the public API in a
+ * future major.
+ */
+export declare function DesignCanvas(): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=core-design-canvas.d.mts.map

package/dist/pages/core-design-canvas.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-design-canvas.d.mts","names":[],"sources":["../../src/pages/core-design-canvas.tsx"],"mappings":";;;;;;;wBAsBgB,4CAAY,IAAA"}

package/dist/pages/core-design-canvas.mjs

@@ -0,0 +1,322 @@
+import { Button } from "../button.mjs";
+import { CanvasToolbar } from "../canvas-toolbar.mjs";
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "../resizable.mjs";
+import { PanelLeftClose, PanelLeftOpen, PanelRightClose, PanelRightOpen } from "lucide-react";
+import { useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/core-design-canvas.tsx
+const exampleBlueprints = [
+	{
+		id: "ground",
+		name: "Retail_1__Ground_Floor.svg"
+	},
+	{
+		id: "mezzanine",
+		name: "Retail_1__Mezzanine.svg"
+	},
+	{
+		id: "roof",
+		name: "Retail_1__Roof.svg"
+	}
+];
+/**
+* @deprecated Preview/demo prototype — renders built-in sample data and mock handlers. Not a
+* supported production import: compose your page from the widgets this template uses, wired to your
+* own data (see the CoreDesignCanvas template docs in Storybook). Slated for removal from the public API in a
+* future major.
+*/
+function DesignCanvas() {
+	const leftRef = useRef(null);
+	const rightRef = useRef(null);
+	const [leftCollapsed, setLeftCollapsed] = useState(false);
+	const [rightCollapsed, setRightCollapsed] = useState(false);
+	const toggleLeft = () => {
+		if (leftCollapsed) leftRef.current?.expand();
+		else leftRef.current?.collapse();
+	};
+	const toggleRight = () => {
+		if (rightCollapsed) rightRef.current?.expand();
+		else rightRef.current?.collapse();
+	};
+	const exLeftRef = useRef(null);
+	const exRightRef = useRef(null);
+	const [exLeftCollapsed, setExLeftCollapsed] = useState(false);
+	const [exRightCollapsed, setExRightCollapsed] = useState(false);
+	const [activeBlueprintId, setActiveBlueprintId] = useState(exampleBlueprints[0].id);
+	const [exActiveTool, setExActiveTool] = useState("select");
+	const [exShapeKind, setExShapeKind] = useState("rectangle");
+	const [exLineKind, setExLineKind] = useState("line");
+	const [exPinKind, setExPinKind] = useState("pin");
+	const [exZoomLevel, setExZoomLevel] = useState(1);
+	const exToggleLeft = () => {
+		if (exLeftCollapsed) exLeftRef.current?.expand();
+		else exLeftRef.current?.collapse();
+	};
+	const exToggleRight = () => {
+		if (exRightCollapsed) exRightRef.current?.expand();
+		else exRightRef.current?.collapse();
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:space-y-12",
+		children: [
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+				className: "wwc:text-3xl wwc:font-bold",
+				children: "Design Canvas"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "wwc:text-muted-foreground wwc:mt-2",
+				children: "A top toolbar over a three-panel resizable split. The side panels collapse from the toolbar or by dragging their handle past the minimum size. The center is a canvas surface with a floating toolbar pinned to the bottom-center."
+			})] }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:h-[760px] wwc:flex-col wwc:overflow-hidden wwc:rounded-xl wwc:border",
+				children: [/* @__PURE__ */ jsxs("header", {
+					className: "wwc:flex wwc:h-12 wwc:flex-shrink-0 wwc:items-center wwc:gap-3 wwc:border-b wwc:bg-background wwc:px-4",
+					children: [
+						/* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							icon: true,
+							className: "wwc:h-7 wwc:w-7",
+							onClick: toggleLeft,
+							"aria-label": leftCollapsed ? "Expand left panel" : "Collapse left panel",
+							children: leftCollapsed ? /* @__PURE__ */ jsx(PanelLeftOpen, { className: "wwc:h-4 wwc:w-4" }) : /* @__PURE__ */ jsx(PanelLeftClose, { className: "wwc:h-4 wwc:w-4" })
+						}),
+						/* @__PURE__ */ jsx("h3", {
+							className: "wwc:text-sm wwc:font-semibold",
+							children: "Top toolbar"
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "wwc:text-sm wwc:text-muted-foreground",
+							children: "Full-width row above the split."
+						}),
+						/* @__PURE__ */ jsx("div", { className: "wwc:ml-auto" }),
+						/* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							icon: true,
+							className: "wwc:h-7 wwc:w-7",
+							onClick: toggleRight,
+							"aria-label": rightCollapsed ? "Expand right panel" : "Collapse right panel",
+							children: rightCollapsed ? /* @__PURE__ */ jsx(PanelRightOpen, { className: "wwc:h-4 wwc:w-4" }) : /* @__PURE__ */ jsx(PanelRightClose, { className: "wwc:h-4 wwc:w-4" })
+						})
+					]
+				}), /* @__PURE__ */ jsxs(ResizablePanelGroup, {
+					orientation: "horizontal",
+					className: "wwc:flex-1",
+					children: [
+						/* @__PURE__ */ jsx(ResizablePanel, {
+							panelRef: leftRef,
+							defaultSize: 20,
+							minSize: "15%",
+							collapsible: true,
+							collapsedSize: 0,
+							onResize: (size) => setLeftCollapsed(size.asPercentage === 0),
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "wwc:h-full wwc:bg-background wwc:p-4",
+								children: [/* @__PURE__ */ jsx("h3", {
+									className: "wwc:mb-3 wwc:text-sm wwc:font-semibold",
+									children: "Panel A"
+								}), /* @__PURE__ */ jsx("p", {
+									className: "wwc:text-sm wwc:text-muted-foreground",
+									children: "Left panel. Resize by dragging the handle, or collapse from the toolbar."
+								})]
+							})
+						}),
+						/* @__PURE__ */ jsx(ResizableHandle, { withHandle: true }),
+						/* @__PURE__ */ jsx(ResizablePanel, {
+							defaultSize: 60,
+							minSize: "30%",
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "wwc:relative wwc:h-full wwc:overflow-hidden wwc:bg-muted/40",
+								style: {
+									backgroundImage: "radial-gradient(circle at 1px 1px, rgba(0,0,0,0.08) 1px, transparent 0)",
+									backgroundSize: "16px 16px"
+								},
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "wwc:p-4",
+									children: [/* @__PURE__ */ jsx("h3", {
+										className: "wwc:mb-3 wwc:text-sm wwc:font-semibold",
+										children: "Panel B — Canvas"
+									}), /* @__PURE__ */ jsx("p", {
+										className: "wwc:text-sm wwc:text-muted-foreground",
+										children: "Canvas surface. The floating toolbar below sits inside this panel."
+									})]
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "wwc:absolute wwc:bottom-5 wwc:left-1/2 wwc:flex wwc:-translate-x-1/2 wwc:items-center wwc:gap-3 wwc:rounded-xl wwc:border wwc:bg-background wwc:px-4 wwc:py-2 wwc:shadow-lg",
+									children: [/* @__PURE__ */ jsx("h3", {
+										className: "wwc:text-sm wwc:font-semibold",
+										children: "Floating toolbar"
+									}), /* @__PURE__ */ jsx("p", {
+										className: "wwc:text-sm wwc:text-muted-foreground",
+										children: "Pinned to the bottom-center of Panel B."
+									})]
+								})]
+							})
+						}),
+						/* @__PURE__ */ jsx(ResizableHandle, { withHandle: true }),
+						/* @__PURE__ */ jsx(ResizablePanel, {
+							panelRef: rightRef,
+							defaultSize: 20,
+							minSize: "15%",
+							collapsible: true,
+							collapsedSize: 0,
+							onResize: (size) => setRightCollapsed(size.asPercentage === 0),
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "wwc:h-full wwc:bg-background wwc:p-4",
+								children: [/* @__PURE__ */ jsx("h3", {
+									className: "wwc:mb-3 wwc:text-sm wwc:font-semibold",
+									children: "Panel C"
+								}), /* @__PURE__ */ jsx("p", {
+									className: "wwc:text-sm wwc:text-muted-foreground",
+									children: "Right panel. Resize by dragging the handle, or collapse from the toolbar."
+								})]
+							})
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h2", {
+				className: "wwc:text-2xl wwc:font-bold",
+				children: "With the Canvas Toolbar"
+			}), /* @__PURE__ */ jsxs("p", {
+				className: "wwc:text-muted-foreground wwc:mt-2",
+				children: [
+					"The same three-panel split, with the full",
+					" ",
+					/* @__PURE__ */ jsx("code", {
+						className: "wwc:rounded wwc:bg-muted wwc:px-1 wwc:text-xs",
+						children: "CanvasToolbar"
+					}),
+					" — Blueprint Selector · Drawing Actions · Zoom Tools."
+				]
+			})] }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:h-[760px] wwc:flex-col wwc:overflow-hidden wwc:rounded-xl wwc:border",
+				children: [/* @__PURE__ */ jsx(CanvasToolbar, {
+					blueprints: exampleBlueprints,
+					activeBlueprintId,
+					onBlueprintChange: setActiveBlueprintId,
+					drawingActions: {
+						activeTool: exActiveTool,
+						onActiveToolChange: setExActiveTool,
+						shapeKind: exShapeKind,
+						onShapeKindChange: setExShapeKind,
+						lineKind: exLineKind,
+						onLineKindChange: setExLineKind,
+						pinKind: exPinKind,
+						onPinKindChange: setExPinKind
+					},
+					zoomTools: {
+						zoomLevel: exZoomLevel,
+						minZoom: .25,
+						maxZoom: 4,
+						onZoomIn: () => setExZoomLevel((z) => Math.min(4, z + .25)),
+						onZoomOut: () => setExZoomLevel((z) => Math.max(.25, z - .25)),
+						onFit: () => setExZoomLevel(1)
+					},
+					className: "wwc:shrink-0 wwc:rounded-none wwc:border-0 wwc:border-b"
+				}), /* @__PURE__ */ jsxs(ResizablePanelGroup, {
+					orientation: "horizontal",
+					className: "wwc:flex-1",
+					children: [
+						/* @__PURE__ */ jsx(ResizablePanel, {
+							panelRef: exLeftRef,
+							defaultSize: 20,
+							minSize: "15%",
+							collapsible: true,
+							collapsedSize: 0,
+							onResize: (size) => setExLeftCollapsed(size.asPercentage === 0),
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "wwc:h-full wwc:bg-background wwc:p-4",
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "wwc:mb-3 wwc:flex wwc:items-center wwc:justify-between",
+									children: [/* @__PURE__ */ jsx("h3", {
+										className: "wwc:text-sm wwc:font-semibold",
+										children: "Panel A"
+									}), /* @__PURE__ */ jsx(Button, {
+										variant: "ghost",
+										icon: true,
+										className: "wwc:h-7 wwc:w-7",
+										onClick: exToggleLeft,
+										"aria-label": "Collapse left panel",
+										children: /* @__PURE__ */ jsx(PanelLeftClose, { className: "wwc:h-4 wwc:w-4" })
+									})]
+								}), /* @__PURE__ */ jsx("p", {
+									className: "wwc:text-sm wwc:text-muted-foreground",
+									children: "Left panel."
+								})]
+							})
+						}),
+						/* @__PURE__ */ jsx(ResizableHandle, { withHandle: true }),
+						/* @__PURE__ */ jsx(ResizablePanel, {
+							defaultSize: 60,
+							minSize: "30%",
+							children: /* @__PURE__ */ jsx("div", {
+								className: "wwc:relative wwc:h-full wwc:overflow-hidden wwc:bg-muted/40",
+								style: {
+									backgroundImage: "radial-gradient(circle at 1px 1px, rgba(0,0,0,0.08) 1px, transparent 0)",
+									backgroundSize: "16px 16px"
+								},
+								children: /* @__PURE__ */ jsxs("div", {
+									className: "wwc:flex wwc:items-center wwc:justify-between wwc:p-4",
+									children: [
+										exLeftCollapsed ? /* @__PURE__ */ jsx(Button, {
+											variant: "ghost",
+											icon: true,
+											className: "wwc:h-7 wwc:w-7",
+											onClick: exToggleLeft,
+											"aria-label": "Expand left panel",
+											children: /* @__PURE__ */ jsx(PanelLeftOpen, { className: "wwc:h-4 wwc:w-4" })
+										}) : /* @__PURE__ */ jsx("div", { className: "wwc:h-7 wwc:w-7" }),
+										/* @__PURE__ */ jsx("h3", {
+											className: "wwc:text-sm wwc:font-semibold",
+											children: "Panel B — Canvas"
+										}),
+										exRightCollapsed ? /* @__PURE__ */ jsx(Button, {
+											variant: "ghost",
+											icon: true,
+											className: "wwc:h-7 wwc:w-7",
+											onClick: exToggleRight,
+											"aria-label": "Expand right panel",
+											children: /* @__PURE__ */ jsx(PanelRightOpen, { className: "wwc:h-4 wwc:w-4" })
+										}) : /* @__PURE__ */ jsx("div", { className: "wwc:h-7 wwc:w-7" })
+									]
+								})
+							})
+						}),
+						/* @__PURE__ */ jsx(ResizableHandle, { withHandle: true }),
+						/* @__PURE__ */ jsx(ResizablePanel, {
+							panelRef: exRightRef,
+							defaultSize: 20,
+							minSize: "15%",
+							collapsible: true,
+							collapsedSize: 0,
+							onResize: (size) => setExRightCollapsed(size.asPercentage === 0),
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "wwc:h-full wwc:bg-background wwc:p-4",
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "wwc:mb-3 wwc:flex wwc:items-center wwc:justify-between",
+									children: [/* @__PURE__ */ jsx(Button, {
+										variant: "ghost",
+										icon: true,
+										className: "wwc:h-7 wwc:w-7",
+										onClick: exToggleRight,
+										"aria-label": "Collapse right panel",
+										children: /* @__PURE__ */ jsx(PanelRightClose, { className: "wwc:h-4 wwc:w-4" })
+									}), /* @__PURE__ */ jsx("h3", {
+										className: "wwc:text-sm wwc:font-semibold",
+										children: "Panel C"
+									})]
+								}), /* @__PURE__ */ jsx("p", {
+									className: "wwc:text-sm wwc:text-muted-foreground",
+									children: "Right panel."
+								})]
+							})
+						})
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { DesignCanvas };
+
+//# sourceMappingURL=core-design-canvas.mjs.map

package/dist/pages/core-design-canvas.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-design-canvas.mjs","names":[],"sources":["../../src/pages/core-design-canvas.tsx"],"sourcesContent":["import type {PanelImperativeHandle} from \"react-resizable-panels\";\n\nimport {PanelLeftClose, PanelLeftOpen, PanelRightClose, PanelRightOpen} from \"lucide-react\";\nimport {useRef, useState} from \"react\";\n\nimport {Button} from \"../button\";\nimport {CanvasToolbar, type CanvasToolbarBlueprint} from \"../canvas-toolbar\";\nimport type {DrawingToolId, LineKind, PinKind, ShapeKind} from \"../drawing-actions\";\nimport {ResizableHandle, ResizablePanel, ResizablePanelGroup} from \"../resizable\";\n\nconst exampleBlueprints: CanvasToolbarBlueprint[] = [\n\t{id: \"ground\", name: \"Retail_1__Ground_Floor.svg\"},\n\t{id: \"mezzanine\", name: \"Retail_1__Mezzanine.svg\"},\n\t{id: \"roof\", name: \"Retail_1__Roof.svg\"},\n];\n\n/**\n * @deprecated Preview/demo prototype — renders built-in sample data and mock handlers. Not a\n * supported production import: compose your page from the widgets this template uses, wired to your\n * own data (see the CoreDesignCanvas template docs in Storybook). Slated for removal from the public API in a\n * future major.\n */\nexport function DesignCanvas() {\n\tconst leftRef = useRef<PanelImperativeHandle>(null);\n\tconst rightRef = useRef<PanelImperativeHandle>(null);\n\tconst [leftCollapsed, setLeftCollapsed] = useState(false);\n\tconst [rightCollapsed, setRightCollapsed] = useState(false);\n\n\tconst toggleLeft = () => {\n\t\tif (leftCollapsed) leftRef.current?.expand();\n\t\telse leftRef.current?.collapse();\n\t};\n\tconst toggleRight = () => {\n\t\tif (rightCollapsed) rightRef.current?.expand();\n\t\telse rightRef.current?.collapse();\n\t};\n\n\t// Independent state for the Example section\n\tconst exLeftRef = useRef<PanelImperativeHandle>(null);\n\tconst exRightRef = useRef<PanelImperativeHandle>(null);\n\tconst [exLeftCollapsed, setExLeftCollapsed] = useState(false);\n\tconst [exRightCollapsed, setExRightCollapsed] = useState(false);\n\tconst [activeBlueprintId, setActiveBlueprintId] = useState(exampleBlueprints[0].id);\n\tconst [exActiveTool, setExActiveTool] = useState<DrawingToolId>(\"select\");\n\tconst [exShapeKind, setExShapeKind] = useState<ShapeKind>(\"rectangle\");\n\tconst [exLineKind, setExLineKind] = useState<LineKind>(\"line\");\n\tconst [exPinKind, setExPinKind] = useState<PinKind>(\"pin\");\n\tconst [exZoomLevel, setExZoomLevel] = useState(1);\n\n\tconst exToggleLeft = () => {\n\t\tif (exLeftCollapsed) exLeftRef.current?.expand();\n\t\telse exLeftRef.current?.collapse();\n\t};\n\tconst exToggleRight = () => {\n\t\tif (exRightCollapsed) exRightRef.current?.expand();\n\t\telse exRightRef.current?.collapse();\n\t};\n\n\treturn (\n\t\t<div className=\"wwc:space-y-12\">\n\t\t\t<div>\n\t\t\t\t<h1 className=\"wwc:text-3xl wwc:font-bold\">Design Canvas</h1>\n\t\t\t\t<p className=\"wwc:text-muted-foreground wwc:mt-2\">\n\t\t\t\t\tA top toolbar over a three-panel resizable split. The side panels collapse from the toolbar or by dragging\n\t\t\t\t\ttheir handle past the minimum size. The center is a canvas surface with a floating toolbar pinned to the\n\t\t\t\t\tbottom-center.\n\t\t\t\t</p>\n\t\t\t</div>\n\n\t\t\t<div className=\"wwc:flex wwc:h-[760px] wwc:flex-col wwc:overflow-hidden wwc:rounded-xl wwc:border\">\n\t\t\t\t{/* Top toolbar */}\n\t\t\t\t<header className=\"wwc:flex wwc:h-12 wwc:flex-shrink-0 wwc:items-center wwc:gap-3 wwc:border-b wwc:bg-background wwc:px-4\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\ticon\n\t\t\t\t\t\tclassName=\"wwc:h-7 wwc:w-7\"\n\t\t\t\t\t\tonClick={toggleLeft}\n\t\t\t\t\t\taria-label={leftCollapsed ? \"Expand left panel\" : \"Collapse left panel\"}\n\t\t\t\t\t>\n\t\t\t\t\t\t{leftCollapsed ? (\n\t\t\t\t\t\t\t<PanelLeftOpen className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<PanelLeftClose className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Button>\n\t\t\t\t\t<h3 className=\"wwc:text-sm wwc:font-semibold\">Top toolbar</h3>\n\t\t\t\t\t<p className=\"wwc:text-sm wwc:text-muted-foreground\">Full-width row above the split.</p>\n\t\t\t\t\t<div className=\"wwc:ml-auto\" />\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\ticon\n\t\t\t\t\t\tclassName=\"wwc:h-7 wwc:w-7\"\n\t\t\t\t\t\tonClick={toggleRight}\n\t\t\t\t\t\taria-label={rightCollapsed ? \"Expand right panel\" : \"Collapse right panel\"}\n\t\t\t\t\t>\n\t\t\t\t\t\t{rightCollapsed ? (\n\t\t\t\t\t\t\t<PanelRightOpen className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<PanelRightClose className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Button>\n\t\t\t\t</header>\n\n\t\t\t\t{/* Flexible Content #2 — 3-panel split */}\n\t\t\t\t<ResizablePanelGroup orientation=\"horizontal\" className=\"wwc:flex-1\">\n\t\t\t\t\t<ResizablePanel\n\t\t\t\t\t\tpanelRef={leftRef}\n\t\t\t\t\t\tdefaultSize={20}\n\t\t\t\t\t\tminSize={\"15%\"}\n\t\t\t\t\t\tcollapsible\n\t\t\t\t\t\tcollapsedSize={0}\n\t\t\t\t\t\tonResize={(size) => setLeftCollapsed(size.asPercentage === 0)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"wwc:h-full wwc:bg-background wwc:p-4\">\n\t\t\t\t\t\t\t<h3 className=\"wwc:mb-3 wwc:text-sm wwc:font-semibold\">Panel A</h3>\n\t\t\t\t\t\t\t<p className=\"wwc:text-sm wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\tLeft panel. Resize by dragging the handle, or collapse from the toolbar.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ResizablePanel>\n\n\t\t\t\t\t<ResizableHandle withHandle />\n\n\t\t\t\t\t{/* Panel B — Canvas */}\n\t\t\t\t\t<ResizablePanel defaultSize={60} minSize={\"30%\"}>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"wwc:relative wwc:h-full wwc:overflow-hidden wwc:bg-muted/40\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tbackgroundImage: \"radial-gradient(circle at 1px 1px, rgba(0,0,0,0.08) 1px, transparent 0)\",\n\t\t\t\t\t\t\t\tbackgroundSize: \"16px 16px\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"wwc:p-4\">\n\t\t\t\t\t\t\t\t<h3 className=\"wwc:mb-3 wwc:text-sm wwc:font-semibold\">Panel B — Canvas</h3>\n\t\t\t\t\t\t\t\t<p className=\"wwc:text-sm wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\tCanvas surface. The floating toolbar below sits inside this panel.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{/* Floating toolbar */}\n\t\t\t\t\t\t\t<div className=\"wwc:absolute wwc:bottom-5 wwc:left-1/2 wwc:flex wwc:-translate-x-1/2 wwc:items-center wwc:gap-3 wwc:rounded-xl wwc:border wwc:bg-background wwc:px-4 wwc:py-2 wwc:shadow-lg\">\n\t\t\t\t\t\t\t\t<h3 className=\"wwc:text-sm wwc:font-semibold\">Floating toolbar</h3>\n\t\t\t\t\t\t\t\t<p className=\"wwc:text-sm wwc:text-muted-foreground\">Pinned to the bottom-center of Panel B.</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ResizablePanel>\n\n\t\t\t\t\t<ResizableHandle withHandle />\n\n\t\t\t\t\t<ResizablePanel\n\t\t\t\t\t\tpanelRef={rightRef}\n\t\t\t\t\t\tdefaultSize={20}\n\t\t\t\t\t\tminSize={\"15%\"}\n\t\t\t\t\t\tcollapsible\n\t\t\t\t\t\tcollapsedSize={0}\n\t\t\t\t\t\tonResize={(size) => setRightCollapsed(size.asPercentage === 0)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"wwc:h-full wwc:bg-background wwc:p-4\">\n\t\t\t\t\t\t\t<h3 className=\"wwc:mb-3 wwc:text-sm wwc:font-semibold\">Panel C</h3>\n\t\t\t\t\t\t\t<p className=\"wwc:text-sm wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\tRight panel. Resize by dragging the handle, or collapse from the toolbar.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ResizablePanel>\n\t\t\t\t</ResizablePanelGroup>\n\t\t\t</div>\n\n\t\t\t<div>\n\t\t\t\t<h2 className=\"wwc:text-2xl wwc:font-bold\">With the Canvas Toolbar</h2>\n\t\t\t\t<p className=\"wwc:text-muted-foreground wwc:mt-2\">\n\t\t\t\t\tThe same three-panel split, with the full{\" \"}\n\t\t\t\t\t<code className=\"wwc:rounded wwc:bg-muted wwc:px-1 wwc:text-xs\">CanvasToolbar</code> — Blueprint Selector ·\n\t\t\t\t\tDrawing Actions · Zoom Tools.\n\t\t\t\t</p>\n\t\t\t</div>\n\n\t\t\t<div className=\"wwc:flex wwc:h-[760px] wwc:flex-col wwc:overflow-hidden wwc:rounded-xl wwc:border\">\n\t\t\t\t<CanvasToolbar\n\t\t\t\t\tblueprints={exampleBlueprints}\n\t\t\t\t\tactiveBlueprintId={activeBlueprintId}\n\t\t\t\t\tonBlueprintChange={setActiveBlueprintId}\n\t\t\t\t\tdrawingActions={{\n\t\t\t\t\t\tactiveTool: exActiveTool,\n\t\t\t\t\t\tonActiveToolChange: setExActiveTool,\n\t\t\t\t\t\tshapeKind: exShapeKind,\n\t\t\t\t\t\tonShapeKindChange: setExShapeKind,\n\t\t\t\t\t\tlineKind: exLineKind,\n\t\t\t\t\t\tonLineKindChange: setExLineKind,\n\t\t\t\t\t\tpinKind: exPinKind,\n\t\t\t\t\t\tonPinKindChange: setExPinKind,\n\t\t\t\t\t}}\n\t\t\t\t\tzoomTools={{\n\t\t\t\t\t\tzoomLevel: exZoomLevel,\n\t\t\t\t\t\tminZoom: 0.25,\n\t\t\t\t\t\tmaxZoom: 4,\n\t\t\t\t\t\tonZoomIn: () => setExZoomLevel((z) => Math.min(4, z + 0.25)),\n\t\t\t\t\t\tonZoomOut: () => setExZoomLevel((z) => Math.max(0.25, z - 0.25)),\n\t\t\t\t\t\tonFit: () => setExZoomLevel(1),\n\t\t\t\t\t}}\n\t\t\t\t\tclassName=\"wwc:shrink-0 wwc:rounded-none wwc:border-0 wwc:border-b\"\n\t\t\t\t/>\n\n\t\t\t\t{/* Flexible Content #2 — 3-panel split (panels A/B/C from base example, unchanged for now) */}\n\t\t\t\t<ResizablePanelGroup orientation=\"horizontal\" className=\"wwc:flex-1\">\n\t\t\t\t\t<ResizablePanel\n\t\t\t\t\t\tpanelRef={exLeftRef}\n\t\t\t\t\t\tdefaultSize={20}\n\t\t\t\t\t\tminSize={\"15%\"}\n\t\t\t\t\t\tcollapsible\n\t\t\t\t\t\tcollapsedSize={0}\n\t\t\t\t\t\tonResize={(size) => setExLeftCollapsed(size.asPercentage === 0)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"wwc:h-full wwc:bg-background wwc:p-4\">\n\t\t\t\t\t\t\t<div className=\"wwc:mb-3 wwc:flex wwc:items-center wwc:justify-between\">\n\t\t\t\t\t\t\t\t<h3 className=\"wwc:text-sm wwc:font-semibold\">Panel A</h3>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-7 wwc:w-7\"\n\t\t\t\t\t\t\t\t\tonClick={exToggleLeft}\n\t\t\t\t\t\t\t\t\taria-label=\"Collapse left panel\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<PanelLeftClose className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<p className=\"wwc:text-sm wwc:text-muted-foreground\">Left panel.</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ResizablePanel>\n\n\t\t\t\t\t<ResizableHandle withHandle />\n\n\t\t\t\t\t<ResizablePanel defaultSize={60} minSize={\"30%\"}>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"wwc:relative wwc:h-full wwc:overflow-hidden wwc:bg-muted/40\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tbackgroundImage: \"radial-gradient(circle at 1px 1px, rgba(0,0,0,0.08) 1px, transparent 0)\",\n\t\t\t\t\t\t\t\tbackgroundSize: \"16px 16px\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-between wwc:p-4\">\n\t\t\t\t\t\t\t\t{exLeftCollapsed ? (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-7 wwc:w-7\"\n\t\t\t\t\t\t\t\t\t\tonClick={exToggleLeft}\n\t\t\t\t\t\t\t\t\t\taria-label=\"Expand left panel\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<PanelLeftOpen className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<div className=\"wwc:h-7 wwc:w-7\" />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<h3 className=\"wwc:text-sm wwc:font-semibold\">Panel B — Canvas</h3>\n\t\t\t\t\t\t\t\t{exRightCollapsed ? (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-7 wwc:w-7\"\n\t\t\t\t\t\t\t\t\t\tonClick={exToggleRight}\n\t\t\t\t\t\t\t\t\t\taria-label=\"Expand right panel\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<PanelRightOpen className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<div className=\"wwc:h-7 wwc:w-7\" />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ResizablePanel>\n\n\t\t\t\t\t<ResizableHandle withHandle />\n\n\t\t\t\t\t<ResizablePanel\n\t\t\t\t\t\tpanelRef={exRightRef}\n\t\t\t\t\t\tdefaultSize={20}\n\t\t\t\t\t\tminSize={\"15%\"}\n\t\t\t\t\t\tcollapsible\n\t\t\t\t\t\tcollapsedSize={0}\n\t\t\t\t\t\tonResize={(size) => setExRightCollapsed(size.asPercentage === 0)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"wwc:h-full wwc:bg-background wwc:p-4\">\n\t\t\t\t\t\t\t<div className=\"wwc:mb-3 wwc:flex wwc:items-center wwc:justify-between\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-7 wwc:w-7\"\n\t\t\t\t\t\t\t\t\tonClick={exToggleRight}\n\t\t\t\t\t\t\t\t\taria-label=\"Collapse right panel\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<PanelRightClose className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t<h3 className=\"wwc:text-sm wwc:font-semibold\">Panel C</h3>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<p className=\"wwc:text-sm wwc:text-muted-foreground\">Right panel.</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ResizablePanel>\n\t\t\t\t</ResizablePanelGroup>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/pages/core-login-page.d.mts

@@ -0,0 +1,8 @@
+//#region src/pages/core-login-page.d.ts
+interface LoginPageProps {
+  onLogin?: (email: string, password: string) => void;
+}
+/** Authentication page with email/password form and Core branding. */
+export declare function LoginPage({ onLogin }: LoginPageProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=core-login-page.d.mts.map

package/dist/pages/core-login-page.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-login-page.d.mts","names":[],"sources":["../../src/pages/core-login-page.tsx"],"mappings":";UAOU;EACT,WAAW,eAAe;;;wBAIX,YAAW,WAAU,6CAAc,IAAA"}

package/dist/pages/core-login-page.mjs

@@ -0,0 +1,141 @@
+import { Button } from "../button.mjs";
+import { Label } from "../label.mjs";
+import { Input } from "../input.mjs";
+import { Eye, EyeOff, LogIn } from "lucide-react";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/core-login-page.tsx
+/** Authentication page with email/password form and Core branding. */
+function LoginPage({ onLogin }) {
+	const [email, setEmail] = useState("");
+	const [password, setPassword] = useState("");
+	const [showPassword, setShowPassword] = useState(false);
+	const [isLoading, setIsLoading] = useState(false);
+	const handleSubmit = async (e) => {
+		e.preventDefault();
+		setIsLoading(true);
+		await new Promise((resolve) => setTimeout(resolve, 1e3));
+		onLogin?.(email, password);
+		setIsLoading(false);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:h-screen wwc:w-full",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "wwc:hidden wwc:lg:flex wwc:lg:w-2/3 wwc:bg-muted wwc:items-center wwc:justify-center wwc:relative wwc:overflow-hidden",
+			children: [/* @__PURE__ */ jsx("img", {
+				src: "/images/controlroom.png",
+				alt: "Control room with data dashboards",
+				className: "wwc:absolute wwc:inset-0 wwc:w-full wwc:h-full wwc:object-cover"
+			}), /* @__PURE__ */ jsx("div", { className: "wwc:absolute wwc:inset-0 wwc:bg-black/20" })]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "wwc:w-full wwc:lg:w-1/3 wwc:flex wwc:items-center wwc:justify-center wwc:p-8 wwc:bg-background",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "wwc:w-full wwc:max-w-sm wwc:space-y-8",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "wwc:space-y-2",
+						children: [/* @__PURE__ */ jsx("h1", {
+							className: "wwc:text-2xl wwc:font-bold wwc:tracking-tight wwc:text-foreground",
+							children: "Welcome back"
+						}), /* @__PURE__ */ jsx("p", {
+							className: "wwc:text-sm wwc:text-muted-foreground",
+							children: "Enter your credentials to access your account"
+						})]
+					}),
+					/* @__PURE__ */ jsxs("form", {
+						onSubmit: handleSubmit,
+						className: "wwc:space-y-6",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "wwc:space-y-2",
+								children: [/* @__PURE__ */ jsx(Label, {
+									htmlFor: "email",
+									className: "wwc:text-sm wwc:font-medium",
+									children: "Email"
+								}), /* @__PURE__ */ jsx(Input, {
+									id: "email",
+									type: "email",
+									placeholder: "name@company.com",
+									value: email,
+									onChange: (e) => setEmail(e.target.value),
+									required: true,
+									className: "wwc:h-10"
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "wwc:space-y-2",
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "wwc:flex wwc:items-center wwc:justify-between",
+									children: [/* @__PURE__ */ jsx(Label, {
+										htmlFor: "password",
+										className: "wwc:text-sm wwc:font-medium",
+										children: "Password"
+									}), /* @__PURE__ */ jsx(Button, {
+										type: "button",
+										variant: "link",
+										className: "wwc:h-auto wwc:p-0 wwc:text-xs wwc:text-muted-foreground wwc:hover:text-foreground",
+										children: "Forgot password?"
+									})]
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "wwc:relative",
+									children: [/* @__PURE__ */ jsx(Input, {
+										id: "password",
+										type: showPassword ? "text" : "password",
+										placeholder: "Enter your password",
+										value: password,
+										onChange: (e) => setPassword(e.target.value),
+										required: true,
+										className: "wwc:h-10 wwc:pr-10"
+									}), /* @__PURE__ */ jsx(Button, {
+										type: "button",
+										variant: "ghost",
+										icon: true,
+										className: "wwc:absolute wwc:right-0 wwc:top-0 wwc:h-10 wwc:w-10 wwc:text-muted-foreground wwc:hover:text-foreground",
+										onClick: () => setShowPassword(!showPassword),
+										children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "wwc:h-4 wwc:w-4" }) : /* @__PURE__ */ jsx(Eye, { className: "wwc:h-4 wwc:w-4" })
+									})]
+								})]
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								type: "submit",
+								className: "wwc:w-full wwc:h-10",
+								disabled: isLoading || !email || !password,
+								children: isLoading ? /* @__PURE__ */ jsxs("span", {
+									className: "wwc:flex wwc:items-center wwc:gap-2",
+									children: [/* @__PURE__ */ jsx("span", { className: "wwc:h-4 wwc:w-4 wwc:animate-spin wwc:rounded-full wwc:border-2 wwc:border-current wwc:border-t-transparent" }), "Signing in..."]
+								}) : /* @__PURE__ */ jsxs("span", {
+									className: "wwc:flex wwc:items-center wwc:gap-2",
+									children: [/* @__PURE__ */ jsx(LogIn, { className: "wwc:h-4 wwc:w-4" }), "Sign in"]
+								})
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "wwc:text-center wwc:text-xs wwc:text-muted-foreground",
+						children: [
+							"By signing in, you agree to our",
+							" ",
+							/* @__PURE__ */ jsx(Button, {
+								variant: "link",
+								className: "wwc:h-auto wwc:p-0 wwc:text-xs",
+								children: "Terms of Service"
+							}),
+							" ",
+							"and",
+							" ",
+							/* @__PURE__ */ jsx(Button, {
+								variant: "link",
+								className: "wwc:h-auto wwc:p-0 wwc:text-xs",
+								children: "Privacy Policy"
+							})
+						]
+					})
+				]
+			})
+		})]
+	});
+}
+//#endregion
+export { LoginPage };
+
+//# sourceMappingURL=core-login-page.mjs.map

package/dist/pages/core-login-page.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-login-page.mjs","names":[],"sources":["../../src/pages/core-login-page.tsx"],"sourcesContent":["import {Eye, EyeOff, LogIn} from \"lucide-react\";\nimport {useState} from \"react\";\n\nimport {Button} from \"../button\";\nimport {Input} from \"../input\";\nimport {Label} from \"../label\";\n\ninterface LoginPageProps {\n\tonLogin?: (email: string, password: string) => void;\n}\n\n/** Authentication page with email/password form and Core branding. */\nexport function LoginPage({onLogin}: LoginPageProps) {\n\tconst [email, setEmail] = useState(\"\");\n\tconst [password, setPassword] = useState(\"\");\n\tconst [showPassword, setShowPassword] = useState(false);\n\tconst [isLoading, setIsLoading] = useState(false);\n\n\tconst handleSubmit = async (e: React.FormEvent) => {\n\t\te.preventDefault();\n\t\tsetIsLoading(true);\n\n\t\t// Simulate login\n\t\tawait new Promise((resolve) => setTimeout(resolve, 1000));\n\t\tonLogin?.(email, password);\n\t\tsetIsLoading(false);\n\t};\n\n\treturn (\n\t\t<div className=\"wwc:flex wwc:h-screen wwc:w-full\">\n\t\t\t{/* Image Section - Takes most of the screen */}\n\t\t\t<div className=\"wwc:hidden wwc:lg:flex wwc:lg:w-2/3 wwc:bg-muted wwc:items-center wwc:justify-center wwc:relative wwc:overflow-hidden\">\n\t\t\t\t<img\n\t\t\t\t\tsrc=\"/images/controlroom.png\"\n\t\t\t\t\talt=\"Control room with data dashboards\"\n\t\t\t\t\tclassName=\"wwc:absolute wwc:inset-0 wwc:w-full wwc:h-full wwc:object-cover\"\n\t\t\t\t/>\n\t\t\t\t<div className=\"wwc:absolute wwc:inset-0 wwc:bg-black/20\" />\n\t\t\t</div>\n\n\t\t\t{/* Login Form Section */}\n\t\t\t<div className=\"wwc:w-full wwc:lg:w-1/3 wwc:flex wwc:items-center wwc:justify-center wwc:p-8 wwc:bg-background\">\n\t\t\t\t<div className=\"wwc:w-full wwc:max-w-sm wwc:space-y-8\">\n\t\t\t\t\t{/* Logo/Brand */}\n\t\t\t\t\t<div className=\"wwc:space-y-2\">\n\t\t\t\t\t\t<h1 className=\"wwc:text-2xl wwc:font-bold wwc:tracking-tight wwc:text-foreground\">Welcome back</h1>\n\t\t\t\t\t\t<p className=\"wwc:text-sm wwc:text-muted-foreground\">Enter your credentials to access your account</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Login Form */}\n\t\t\t\t\t<form onSubmit={handleSubmit} className=\"wwc:space-y-6\">\n\t\t\t\t\t\t{/* Email Field */}\n\t\t\t\t\t\t<div className=\"wwc:space-y-2\">\n\t\t\t\t\t\t\t<Label htmlFor=\"email\" className=\"wwc:text-sm wwc:font-medium\">\n\t\t\t\t\t\t\t\tEmail\n\t\t\t\t\t\t\t</Label>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tid=\"email\"\n\t\t\t\t\t\t\t\ttype=\"email\"\n\t\t\t\t\t\t\t\tplaceholder=\"name@company.com\"\n\t\t\t\t\t\t\t\tvalue={email}\n\t\t\t\t\t\t\t\tonChange={(e) => setEmail(e.target.value)}\n\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t\tclassName=\"wwc:h-10\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Password Field */}\n\t\t\t\t\t\t<div className=\"wwc:space-y-2\">\n\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-between\">\n\t\t\t\t\t\t\t\t<Label htmlFor=\"password\" className=\"wwc:text-sm wwc:font-medium\">\n\t\t\t\t\t\t\t\t\tPassword\n\t\t\t\t\t\t\t\t</Label>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-auto wwc:p-0 wwc:text-xs wwc:text-muted-foreground wwc:hover:text-foreground\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tForgot password?\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"wwc:relative\">\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\tid=\"password\"\n\t\t\t\t\t\t\t\t\ttype={showPassword ? \"text\" : \"password\"}\n\t\t\t\t\t\t\t\t\tplaceholder=\"Enter your password\"\n\t\t\t\t\t\t\t\t\tvalue={password}\n\t\t\t\t\t\t\t\t\tonChange={(e) => setPassword(e.target.value)}\n\t\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-10 wwc:pr-10\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:absolute wwc:right-0 wwc:top-0 wwc:h-10 wwc:w-10 wwc:text-muted-foreground wwc:hover:text-foreground\"\n\t\t\t\t\t\t\t\t\tonClick={() => setShowPassword(!showPassword)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{showPassword ? <EyeOff className=\"wwc:h-4 wwc:w-4\" /> : <Eye className=\"wwc:h-4 wwc:w-4\" />}\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Submit Button */}\n\t\t\t\t\t\t<Button type=\"submit\" className=\"wwc:w-full wwc:h-10\" disabled={isLoading || !email || !password}>\n\t\t\t\t\t\t\t{isLoading ? (\n\t\t\t\t\t\t\t\t<span className=\"wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t\t\t\t\t\t\t<span className=\"wwc:h-4 wwc:w-4 wwc:animate-spin wwc:rounded-full wwc:border-2 wwc:border-current wwc:border-t-transparent\" />\n\t\t\t\t\t\t\t\t\tSigning in...\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span className=\"wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t\t\t\t\t\t\t<LogIn className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\t\tSign in\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</form>\n\n\t\t\t\t\t{/* Footer */}\n\t\t\t\t\t<p className=\"wwc:text-center wwc:text-xs wwc:text-muted-foreground\">\n\t\t\t\t\t\tBy signing in, you agree to our{\" \"}\n\t\t\t\t\t\t<Button variant=\"link\" className=\"wwc:h-auto wwc:p-0 wwc:text-xs\">\n\t\t\t\t\t\t\tTerms of Service\n\t\t\t\t\t\t</Button>{\" \"}\n\t\t\t\t\t\tand{\" \"}\n\t\t\t\t\t\t<Button variant=\"link\" className=\"wwc:h-auto wwc:p-0 wwc:text-xs\">\n\t\t\t\t\t\t\tPrivacy Policy\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/pages/core-map-compare-layout.d.mts

@@ -0,0 +1,20 @@
+//#region src/pages/core-map-compare-layout.d.ts
+export interface MapCompareLayoutProps {
+  /** Dock a "Sessions" TimelineRangeSelector in the bottom bar to scrub the compared dates. Default false. */
+  withSessionTimeline?: boolean;
+  className?: string;
+}
+/**
+ * Map compare workspace: two geo-aligned scenes (as-planned / as-built) in a single
+ * `MapCompareLayout`, each with a per-view `TimestampPicker` to scrub its capture, and an optional
+ * bottom `TimelineRangeSelector` to drive both dates from a shared session timeline. Bare (no outer
+ * container) — fills its parent. The canonical full-page realization of the map-compare workspace.
+ *
+ * @deprecated Preview/demo prototype — renders built-in sample data and mock handlers. Not a
+ * supported production import: compose your page from the widgets this template uses, wired to your
+ * own data (see the MapCompareLayout template docs in Storybook). Slated for removal from the public API in a
+ * future major.
+ */
+export declare function MapCompareLayout({ withSessionTimeline, className }: MapCompareLayoutProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=core-map-compare-layout.d.mts.map

package/dist/pages/core-map-compare-layout.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-map-compare-layout.d.mts","names":[],"sources":["../../src/pages/core-map-compare-layout.tsx"],"mappings":";iBA4FiB;;EAEhB;EACA;;;;;;;;;;;;;wBAce,mBAAkB,qBAA6B,aAAY,oDAAqB,IAAA"}