@hanzo/ui 8.0.27 → 8.0.28

package/dist/backends/gui/tabs.cjs

@@ -0,0 +1,19 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.Tabs = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/** Tabs — `TabsTrigger` is gui's `Tabs.Tab`; rows meet the 44px touch floor. */
+const gui_1 = require("@hanzo/gui");
+const ink_1 = require("./ink.cjs");
+const slot_1 = require("./slot.cjs");
+const gesture_1 = require("./gesture.cjs");
+const ROW_H = 36;
+const Tabs = (p) => (0, jsx_runtime_1.jsx)(gui_1.Tabs, { ...(0, slot_1.slot)('tabs'), flexDirection: "column", gap: "$2", ...p });
+exports.Tabs = Tabs;
+const TabsList = (p) => ((0, jsx_runtime_1.jsx)(gui_1.Tabs.List, { ...(0, slot_1.slot)('tabs-list'), items: "center", justify: "center", self: "flex-start", height: ROW_H, p: 3, gap: 2, bg: "$color3", rounded: "$4", ...p }));
+exports.TabsList = TabsList;
+const TabsTrigger = ({ children, ...p }) => ((0, jsx_runtime_1.jsx)(gui_1.Tabs.Tab, { ...(0, slot_1.slot)('tabs-trigger'), unstyled: true, items: "center", justify: "center", height: "100%", px: "$3", gap: "$1.5", rounded: "$3", cursor: "pointer", ...(0, gesture_1.touch)(ROW_H, 44, 'y'), hoverStyle: { bg: '$color4' }, focusStyle: { bg: '$color4' }, ...p, children: (0, ink_1.ink)(children, undefined, { size: '$2', fontWeight: '500' }) }));
+exports.TabsTrigger = TabsTrigger;
+const TabsContent = (p) => (0, jsx_runtime_1.jsx)(gui_1.Tabs.Content, { ...(0, slot_1.slot)('tabs-content'), flex: 1, ...p });
+exports.TabsContent = TabsContent;

package/dist/backends/gui/tabs.d.ts

@@ -10,3 +10,4 @@ declare const TabsList: (p: TabsListProps) => import("react/jsx-runtime").JSX.El
 declare const TabsTrigger: ({ children, ...p }: TabsTriggerProps) => import("react/jsx-runtime").JSX.Element;
 declare const TabsContent: (p: TabsContentProps) => import("react/jsx-runtime").JSX.Element;
 export { Tabs, TabsList, TabsTrigger, TabsContent };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/backends/gui/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/tabs.tsx"],"names":[],"mappings":"AAEA,gFAAgF;AAChF,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAO3C,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;AACtD,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAA;AAC/D,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,GAAG,CAAC,CAAA;AACjE,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,OAAO,CAAC,CAAA;AAErE,QAAA,MAAM,IAAI,GAAI,GAAG,SAAS,4CAAyE,CAAA;AAEnG,QAAA,MAAM,QAAQ,GAAI,GAAG,aAAa,4CAajC,CAAA;AAED,QAAA,MAAM,WAAW,GAAI,oBAAoB,gBAAgB,4CAkBxD,CAAA;AAED,QAAA,MAAM,WAAW,GAAI,GAAG,gBAAgB,4CAAkE,CAAA;AAE1G,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA"}

package/dist/backends/gui/tabs.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Tabs — `TabsTrigger` is gui's `Tabs.Tab`; rows meet the 44px touch floor. */
+import { Tabs as GuiTabs } from '@hanzo/gui';
+import { ink } from './ink.js';
+import { slot } from './slot.js';
+import { touch } from './gesture.js';
+const ROW_H = 36;
+const Tabs = (p) => _jsx(GuiTabs, { ...slot('tabs'), flexDirection: "column", gap: "$2", ...p });
+const TabsList = (p) => (_jsx(GuiTabs.List, { ...slot('tabs-list'), items: "center", justify: "center", self: "flex-start", height: ROW_H, p: 3, gap: 2, bg: "$color3", rounded: "$4", ...p }));
+const TabsTrigger = ({ children, ...p }) => (_jsx(GuiTabs.Tab, { ...slot('tabs-trigger'), unstyled: true, items: "center", justify: "center", height: "100%", px: "$3", gap: "$1.5", rounded: "$3", cursor: "pointer", ...touch(ROW_H, 44, 'y'), hoverStyle: { bg: '$color4' }, focusStyle: { bg: '$color4' }, ...p, children: ink(children, undefined, { size: '$2', fontWeight: '500' }) }));
+const TabsContent = (p) => _jsx(GuiTabs.Content, { ...slot('tabs-content'), flex: 1, ...p });
+export { Tabs, TabsList, TabsTrigger, TabsContent };
+//# sourceMappingURL=tabs.js.map

package/dist/backends/gui/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/backends/gui/tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,gFAAgF;AAChF,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAE5C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAEjC,MAAM,KAAK,GAAG,EAAE,CAAA;AAOhB,MAAM,IAAI,GAAG,CAAC,CAAY,EAAE,EAAE,CAAC,KAAC,OAAO,OAAK,IAAI,CAAC,MAAM,CAAC,EAAE,aAAa,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,KAAK,CAAC,GAAI,CAAA;AAEnG,MAAM,QAAQ,GAAG,CAAC,CAAgB,EAAE,EAAE,CAAC,CACrC,KAAC,OAAO,CAAC,IAAI,OACP,IAAI,CAAC,WAAW,CAAC,EACrB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,YAAY,EACjB,MAAM,EAAE,KAAK,EACb,CAAC,EAAE,CAAC,EACJ,GAAG,EAAE,CAAC,EACN,EAAE,EAAC,SAAS,EACZ,OAAO,EAAC,IAAI,KACR,CAAC,GACL,CACH,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAoB,EAAE,EAAE,CAAC,CAC5D,KAAC,OAAO,CAAC,GAAG,OACN,IAAI,CAAC,cAAc,CAAC,EACxB,QAAQ,QACR,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,MAAM,EAAC,MAAM,EACb,EAAE,EAAC,IAAI,EACP,GAAG,EAAC,MAAM,EACV,OAAO,EAAC,IAAI,EACZ,MAAM,EAAC,SAAS,KACZ,KAAK,CAAC,KAAK,EAAE,EAAE,EAAE,GAAG,CAAC,EACzB,UAAU,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAC7B,UAAU,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,KACzB,CAAC,YAEJ,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,GAChD,CACf,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,CAAmB,EAAE,EAAE,CAAC,KAAC,OAAO,CAAC,OAAO,OAAK,IAAI,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,KAAM,CAAC,GAAI,CAAA;AAE1G,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA"}

package/dist/backends/gui/textarea.cjs

@@ -0,0 +1,58 @@
+'use client';"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Textarea = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const gui_1 = require("@hanzo/gui");
+/** Floor for the grown row count. */
+const MIN_ROWS = 3;
+const rowsOf = (v) => typeof v === "string" ? v.split("\n").length : 0;
+/**
+ * Textarea — standard-token multiline field.
+ *
+ * Auto-grow is line-driven rather than DOM-measured, so web, native and desktop
+ * grow identically: the row count follows the value and gui's
+ * `textAreaSizeVariant` turns rows into height.
+ * `rows` is the floor, not a fixed size.
+ */
+const Textarea = /* @__PURE__ */ React.forwardRef(function Textarea({ rows, value, defaultValue, ...props }, ref) {
+    const [typed, setTyped] = React.useState(() => rowsOf(defaultValue));
+    const uncontrolled = value === undefined;
+    const invalid = props["aria-invalid"];
+    return ((0, jsx_runtime_1.jsx)(gui_1.TextArea, { ref: ref, "data-slot": "textarea", rows: Math.max(rows ?? MIN_ROWS, uncontrolled ? typed : rowsOf(value)), value: value, defaultValue: defaultValue, onChangeText: uncontrolled ? (t) => setTyped(rowsOf(t)) : undefined, width: "100%", minH: 64, rounded: "$4", bg: "transparent", borderWidth: 1, borderColor: invalid && invalid !== "false" ? "$red7" : "$borderColor", placeholderTextColor: "$color10", fontSize: "$3", opacity: props.disabled ? 0.5 : 1, ...props }));
+});
+exports.Textarea = Textarea;

package/dist/backends/gui/textarea.d.ts

@@ -9,3 +9,4 @@ import * as React from "react";
  */
 declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/backends/gui/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B;;;;;;;GAOG;AACH,QAAA,MAAM,QAAQ,0LA2BZ,CAAA;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/backends/gui/textarea.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { TextArea } from "@hanzo/gui";
+/** Floor for the grown row count. */
+const MIN_ROWS = 3;
+const rowsOf = (v) => typeof v === "string" ? v.split("\n").length : 0;
+/**
+ * Textarea — standard-token multiline field.
+ *
+ * Auto-grow is line-driven rather than DOM-measured, so web, native and desktop
+ * grow identically: the row count follows the value and gui's
+ * `textAreaSizeVariant` turns rows into height.
+ * `rows` is the floor, not a fixed size.
+ */
+const Textarea = /* @__PURE__ */ React.forwardRef(function Textarea({ rows, value, defaultValue, ...props }, ref) {
+    const [typed, setTyped] = React.useState(() => rowsOf(defaultValue));
+    const uncontrolled = value === undefined;
+    const invalid = props["aria-invalid"];
+    return (_jsx(TextArea, { ref: ref, "data-slot": "textarea", rows: Math.max(rows ?? MIN_ROWS, uncontrolled ? typed : rowsOf(value)), value: value, defaultValue: defaultValue, onChangeText: uncontrolled ? (t) => setTyped(rowsOf(t)) : undefined, width: "100%", minH: 64, rounded: "$4", bg: "transparent", borderWidth: 1, borderColor: invalid && invalid !== "false" ? "$red7" : "$borderColor", placeholderTextColor: "$color10", fontSize: "$3", opacity: props.disabled ? 0.5 : 1, ...props }));
+});
+export { Textarea };
+//# sourceMappingURL=textarea.js.map

package/dist/backends/gui/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/backends/gui/textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,qCAAqC;AACrC,MAAM,QAAQ,GAAG,CAAC,CAAA;AAElB,MAAM,MAAM,GAAG,CAAC,CAAU,EAAE,EAAE,CAC5B,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;AAElD;;;;;;;GAOG;AACH,MAAM,QAAQ,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAG/C,SAAS,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAA;IACpE,MAAM,YAAY,GAAG,KAAK,KAAK,SAAS,CAAA;IACxC,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,CAAC,CAAA;IACrC,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE,GAAY,eACP,UAAU,EACpB,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACtE,KAAK,EAAE,KAA2B,EAClC,YAAY,EAAE,YAAkC,EAChD,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACnE,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,EAAE,EACR,OAAO,EAAC,IAAI,EACZ,EAAE,EAAC,aAAa,EAChB,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,OAAO,IAAI,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,EACtE,oBAAoB,EAAC,UAAU,EAC/B,QAAQ,EAAC,IAAI,EACb,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAC5B,KAAiC,GACtC,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/backends/gui/toaster.cjs

@@ -0,0 +1,13 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toast = exports.Toaster = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const v2_1 = require("@hanzogui/toast/v2");
+Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return v2_1.toast; } });
+const react_1 = require("react");
+const Toaster = /* @__PURE__ */ (0, react_1.forwardRef)(function Toaster(props, ref) {
+    const { theme = 'system', toastOptions, ...rest } = props;
+    return (0, jsx_runtime_1.jsx)(v2_1.Toaster, { ref: ref, theme: theme, toastOptions: toastOptions, ...rest });
+});
+exports.Toaster = Toaster;

package/dist/backends/gui/toaster.d.ts

@@ -26,3 +26,4 @@ export interface ToasterProps extends Omit<GuiToasterProps, 'toastOptions'> {
 }
 declare const Toaster: import("react").ForwardRefExoticComponent<ToasterProps & import("react").RefAttributes<GuiElement>>;
 export { Toaster, toast };
+//# sourceMappingURL=toaster.d.ts.map

package/dist/backends/gui/toaster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/toaster.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAEL,KAAK,EACL,KAAK,aAAa,EAClB,KAAK,YAAY,IAAI,eAAe,EACrC,MAAM,oBAAoB,CAAA;AAG3B,iEAAiE;AACjE,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACrC,MAAM,CACF,OAAO,GACP,OAAO,GACP,aAAa,GACb,MAAM,GACN,cAAc,GACd,cAAc,GACd,aAAa,EACf,MAAM,CACP,CACF,CAAA;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,cAAc,CAAC;IACzE,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;IACvC,YAAY,CAAC,EAAE,aAAa,GAAG;QAAE,UAAU,CAAC,EAAE,iBAAiB,CAAA;KAAE,CAAA;CAClE;AAED,QAAA,MAAM,OAAO,qGAGX,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/backends/gui/toaster.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Toaster as GuiToaster, toast, } from '@hanzogui/toast/v2';
+import { forwardRef } from 'react';
+const Toaster = /* @__PURE__ */ forwardRef(function Toaster(props, ref) {
+    const { theme = 'system', toastOptions, ...rest } = props;
+    return _jsx(GuiToaster, { ref: ref, theme: theme, toastOptions: toastOptions, ...rest });
+});
+export { Toaster, toast };
+//# sourceMappingURL=toaster.js.map

package/dist/backends/gui/toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.js","sourceRoot":"","sources":["../../../src/backends/gui/toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAgBZ,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,KAAK,GAGN,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAwBlC,MAAM,OAAO,GAAG,eAAe,CAAC,UAAU,CAA2B,SAAS,OAAO,CAAC,KAAK,EAAE,GAAG;IAC9F,MAAM,EAAE,KAAK,GAAG,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACzD,OAAO,KAAC,UAAU,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,KAAM,IAAI,GAAI,CAAA;AACrF,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/backends/gui/tooltip.cjs

@@ -0,0 +1,22 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipProvider = exports.TooltipContent = exports.TooltipTrigger = exports.Tooltip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/** Tooltip — hover/focus hint. `TooltipProvider` is gui's `TooltipGroup`. */
+const gui_1 = require("@hanzo/gui");
+const portal_theme_1 = require("../../product/menu/portal-theme.cjs");
+const ink_1 = require("./ink.cjs");
+const slot_1 = require("./slot.cjs");
+const DEFAULT_OFFSET = 4;
+const Tooltip = (props) => (0, jsx_runtime_1.jsx)(gui_1.Tooltip, { offset: DEFAULT_OFFSET, ...props });
+exports.Tooltip = Tooltip;
+const TooltipTrigger = gui_1.Tooltip.Trigger;
+exports.TooltipTrigger = TooltipTrigger;
+const TooltipProvider = gui_1.TooltipGroup;
+exports.TooltipProvider = TooltipProvider;
+const TooltipContent = ({ sideOffset: _sideOffset, children, ...props }) => {
+    const themeName = (0, portal_theme_1.useThemeName)();
+    return ((0, jsx_runtime_1.jsx)(portal_theme_1.PortalTheme, { name: themeName, children: (0, jsx_runtime_1.jsx)(gui_1.Tooltip.Content, { ...(0, slot_1.slot)('tooltip-content'), bg: "$color2", borderWidth: 1, borderColor: "$borderColor", rounded: "$3", px: "$3", py: "$1.5", ...props, children: (0, ink_1.ink)(children, undefined, { size: '$1' }) }) }));
+};
+exports.TooltipContent = TooltipContent;

package/dist/backends/gui/tooltip.d.ts

@@ -10,3 +10,4 @@ declare const TooltipTrigger: typeof GuiTooltip.Trigger;
 declare const TooltipProvider: typeof TooltipGroup;
 declare const TooltipContent: ({ sideOffset: _sideOffset, children, ...props }: TooltipContentProps) => import("react/jsx-runtime").JSX.Element;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/backends/gui/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/tooltip.tsx"],"names":[],"mappings":"AAEA,6EAA6E;AAC7E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAChE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAOtD,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAA;AAC5D,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAErG,QAAA,MAAM,OAAO,GAAI,OAAO,YAAY,4CAAsD,CAAA;AAC1F,QAAA,MAAM,cAAc,EAAE,OAAO,UAAU,CAAC,OAA4B,CAAA;AACpE,QAAA,MAAM,eAAe,EAAE,OAAO,YAA2B,CAAA;AAEzD,QAAA,MAAM,cAAc,GAAI,iDAAiD,mBAAmB,4CAkB3F,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}

package/dist/backends/gui/tooltip.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Tooltip — hover/focus hint. `TooltipProvider` is gui's `TooltipGroup`. */
+import { Tooltip as GuiTooltip, TooltipGroup } from '@hanzo/gui';
+import { PortalTheme, useThemeName } from '../../product/menu/portal-theme.js';
+import { ink } from './ink.js';
+import { slot } from './slot.js';
+const DEFAULT_OFFSET = 4;
+const Tooltip = (props) => _jsx(GuiTooltip, { offset: DEFAULT_OFFSET, ...props });
+const TooltipTrigger = GuiTooltip.Trigger;
+const TooltipProvider = TooltipGroup;
+const TooltipContent = ({ sideOffset: _sideOffset, children, ...props }) => {
+    const themeName = useThemeName();
+    return (_jsx(PortalTheme, { name: themeName, children: _jsx(GuiTooltip.Content, { ...slot('tooltip-content'), bg: "$color2", borderWidth: 1, borderColor: "$borderColor", rounded: "$3", px: "$3", py: "$1.5", ...props, children: ink(children, undefined, { size: '$1' }) }) }));
+};
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# sourceMappingURL=tooltip.js.map

package/dist/backends/gui/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/backends/gui/tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,6EAA6E;AAC7E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAEhE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,MAAM,cAAc,GAAG,CAAC,CAAA;AAKxB,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE,CAAC,KAAC,UAAU,IAAC,MAAM,EAAE,cAAc,KAAM,KAAK,GAAI,CAAA;AAC1F,MAAM,cAAc,GAA8B,UAAU,CAAC,OAAO,CAAA;AACpE,MAAM,eAAe,GAAwB,YAAY,CAAA;AAEzD,MAAM,cAAc,GAAG,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB,EAAE,EAAE;IAC9F,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,SAAS,YAC1B,KAAC,UAAU,CAAC,OAAO,OACb,IAAI,CAAC,iBAAiB,CAAC,EAC3B,EAAE,EAAC,SAAS,EACZ,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,cAAc,EAC1B,OAAO,EAAC,IAAI,EACZ,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,MAAM,KACL,KAAK,YAER,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,GACtB,GACT,CACf,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}

package/dist/canvas.cjs

@@ -1,15 +1,27 @@
-'use client';
-'use strict';
-
-var canvas = require('@hanzo/canvas');
-
-
-
-Object.keys(canvas).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return canvas[k]; }
-	});
-});
-//# sourceMappingURL=canvas.cjs.map
-//# sourceMappingURL=canvas.cjs.map
+'use client';"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// @hanzo/ui/canvas — the PaaS project canvas, re-exported from its home package
+// @hanzo/canvas (a Railway-grade pannable/zoomable board of service nodes with
+// live status, metric sparklines, deploy timelines, an environment switcher and
+// a service detail drawer). Kept as a thin subpath so a console can
+//
+//   import { ProjectCanvas, ServiceNode, ServiceStatusBadge, DeployTimeline,
+//            EnvSwitcher, ServiceDetailDrawer } from '@hanzo/ui/canvas'
+//
+// while the code lives once in @hanzo/canvas. Optional peer — only pulled when
+// the subpath is used.
+__exportStar(require("@hanzo/canvas"), exports);

package/dist/canvas.d.ts

@@ -1 +1,2 @@
 export * from '@hanzo/canvas';
+//# sourceMappingURL=canvas.d.ts.map

package/dist/canvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../src/canvas.ts"],"names":[],"mappings":"AAUA,cAAc,eAAe,CAAA"}

package/dist/canvas.js

@@ -1,4 +1,12 @@
-'use client';
+'use client';// @hanzo/ui/canvas — the PaaS project canvas, re-exported from its home package
+// @hanzo/canvas (a Railway-grade pannable/zoomable board of service nodes with
+// live status, metric sparklines, deploy timelines, an environment switcher and
+// a service detail drawer). Kept as a thin subpath so a console can
+//
+//   import { ProjectCanvas, ServiceNode, ServiceStatusBadge, DeployTimeline,
+//            EnvSwitcher, ServiceDetailDrawer } from '@hanzo/ui/canvas'
+//
+// while the code lives once in @hanzo/canvas. Optional peer — only pulled when
+// the subpath is used.
 export * from '@hanzo/canvas';
-//# sourceMappingURL=canvas.js.map
 //# sourceMappingURL=canvas.js.map

package/dist/canvas.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"canvas.js","sourcesContent":[]}
+{"version":3,"file":"canvas.js","sourceRoot":"","sources":["../src/canvas.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,+EAA+E;AAC/E,gFAAgF;AAChF,oEAAoE;AACpE,EAAE;AACF,6EAA6E;AAC7E,wEAAwE;AACxE,EAAE;AACF,+EAA+E;AAC/E,uBAAuB;AACvB,cAAc,eAAe,CAAA"}

package/dist/cd/layout.cjs

@@ -0,0 +1,143 @@
+'use client';"use strict";
+/**
+ * Deterministic layered graph layout — pure, no React, no DOM, unit-tested. This
+ * is the dependency-free equivalent of the GitOps engine UI's dagre `rankdir:LR`
+ * pass: resources flow left→right by ownership depth, each tier a clean column.
+ *
+ * Three folds:
+ *   1. columns — longest-path layering (Kahn topological order). A root (no
+ *      incoming edge) sits in column 0; every other node one column right of its
+ *      deepest parent. Cycles degrade gracefully (a child keeps its best column),
+ *      so a malformed graph can never wedge the layout.
+ *   2. order — within a column, nodes are ordered by the barycentre of their
+ *      parents' rows (then name), so children cluster under their owner and edge
+ *      crossings stay low — dagre's crossing-reduction, cheaply.
+ *   3. place — nodes stack top-to-bottom at their own height (pods are taller
+ *      than controllers) with a fixed gap, and each column is vertically centred
+ *      on a shared axis so tiers read as balanced columns.
+ *
+ * The same graph always yields byte-identical positions.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.layoutTree = layoutTree;
+const DEFAULTS = { nodeWidth: 260, columnGap: 68, rowGap: 22 };
+/**
+ * Assign each node a column via longest-path layering over the edges. Processes
+ * nodes in Kahn topological order; an edge into an unknown/cyclic parent is
+ * skipped so a cycle never wedges the pass.
+ */
+function assignColumns(ids, edges) {
+    const present = new Set(ids);
+    const outgoing = new Map();
+    const indeg = new Map();
+    for (const id of ids) {
+        outgoing.set(id, []);
+        indeg.set(id, 0);
+    }
+    for (const e of edges) {
+        if (!present.has(e.source) || !present.has(e.target) || e.source === e.target)
+            continue;
+        outgoing.get(e.source).push(e.target);
+        indeg.set(e.target, (indeg.get(e.target) ?? 0) + 1);
+    }
+    const column = new Map();
+    for (const id of ids)
+        column.set(id, 0);
+    const remaining = new Map(indeg);
+    const queue = ids.filter((id) => (remaining.get(id) ?? 0) === 0).sort();
+    const seen = new Set();
+    while (queue.length) {
+        const u = queue.shift();
+        if (seen.has(u))
+            continue;
+        seen.add(u);
+        const cu = column.get(u) ?? 0;
+        for (const v of outgoing.get(u) ?? []) {
+            if (cu + 1 > (column.get(v) ?? 0))
+                column.set(v, cu + 1);
+            const left = (remaining.get(v) ?? 0) - 1;
+            remaining.set(v, left);
+            if (left <= 0 && !seen.has(v))
+                queue.push(v);
+        }
+        queue.sort();
+    }
+    return column;
+}
+/**
+ * Lay a resource graph out into centred LR columns. Returns one positioned node
+ * per input node (input order preserved in the result array) plus content bounds.
+ */
+function layoutTree(nodes, edges, opts = {}) {
+    const nodeWidth = opts.nodeWidth ?? DEFAULTS.nodeWidth;
+    const columnGap = opts.columnGap ?? DEFAULTS.columnGap;
+    const rowGap = opts.rowGap ?? DEFAULTS.rowGap;
+    const ids = nodes.map((n) => n.id);
+    const heightOf = new Map(nodes.map((n) => [n.id, n.h]));
+    const column = assignColumns(ids, edges);
+    // Parents per node (for the barycentre ordering).
+    const parents = new Map();
+    for (const id of ids)
+        parents.set(id, []);
+    const present = new Set(ids);
+    for (const e of edges) {
+        if (!present.has(e.source) || !present.has(e.target) || e.source === e.target)
+            continue;
+        parents.get(e.target).push(e.source);
+    }
+    // Group ids by column, preserving input order as the stable tie-break.
+    const inputOrder = new Map(ids.map((id, i) => [id, i]));
+    const byColumn = new Map();
+    for (const id of ids) {
+        const c = column.get(id) ?? 0;
+        const list = byColumn.get(c);
+        if (list)
+            list.push(id);
+        else
+            byColumn.set(c, [id]);
+    }
+    // Order each column left→right by the barycentre of parents' rows in the
+    // previous column, so children sit under their owner.
+    const rowOrder = new Map();
+    const sortedColumns = Array.from(byColumn.keys()).sort((a, b) => a - b);
+    for (const c of sortedColumns) {
+        const list = byColumn.get(c);
+        list.sort((a, b) => {
+            const key = (id) => {
+                const ps = parents.get(id) ?? [];
+                const rows = ps.map((p) => rowOrder.get(p)).filter((r) => r != null);
+                return rows.length ? rows.reduce((s, r) => s + r, 0) / rows.length : Number.POSITIVE_INFINITY;
+            };
+            const ka = key(a);
+            const kb = key(b);
+            if (ka !== kb)
+                return ka - kb;
+            return (inputOrder.get(a) ?? 0) - (inputOrder.get(b) ?? 0);
+        });
+        list.forEach((id, i) => rowOrder.set(id, i));
+    }
+    // Column heights → the shared vertical axis (tallest column centred).
+    const columnHeight = new Map();
+    for (const [c, list] of byColumn) {
+        const total = list.reduce((s, id) => s + (heightOf.get(id) ?? 0), 0) + Math.max(0, list.length - 1) * rowGap;
+        columnHeight.set(c, total);
+    }
+    const axis = Math.max(0, ...Array.from(columnHeight.values())) / 2;
+    const pos = new Map();
+    for (const c of sortedColumns) {
+        const list = byColumn.get(c);
+        const x = c * (nodeWidth + columnGap);
+        let y = axis - (columnHeight.get(c) ?? 0) / 2;
+        for (const id of list) {
+            pos.set(id, { x, y });
+            y += (heightOf.get(id) ?? 0) + rowGap;
+        }
+    }
+    const positioned = nodes.map((n) => {
+        const p = pos.get(n.id) ?? { x: 0, y: 0 };
+        return { id: n.id, x: p.x, y: p.y, w: nodeWidth, h: n.h, col: column.get(n.id) ?? 0 };
+    });
+    const width = positioned.reduce((m, n) => Math.max(m, n.x + n.w), 0);
+    const height = positioned.reduce((m, n) => Math.max(m, n.y + n.h), 0);
+    return { nodes: positioned, width, height };
+}

package/dist/cd/layout.d.ts

@@ -54,3 +54,4 @@ export interface GraphLayout {
  * per input node (input order preserved in the result array) plus content bounds.
  */
 export declare function layoutTree(nodes: LayoutNode[], edges: LayoutEdge[], opts?: LayoutOptions): GraphLayout;
+//# sourceMappingURL=layout.d.ts.map

package/dist/cd/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/cd/layout.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,gEAAgE;IAChE,CAAC,EAAE,MAAM,CAAA;CACV;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,2BAA2B;IAC3B,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AA6CD;;;GAGG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,UAAU,EAAE,EACnB,KAAK,EAAE,UAAU,EAAE,EACnB,IAAI,GAAE,aAAkB,GACvB,WAAW,CA2Eb"}

package/dist/cd/layout.js

@@ -0,0 +1,141 @@
+'use client';/**
+ * Deterministic layered graph layout — pure, no React, no DOM, unit-tested. This
+ * is the dependency-free equivalent of the GitOps engine UI's dagre `rankdir:LR`
+ * pass: resources flow left→right by ownership depth, each tier a clean column.
+ *
+ * Three folds:
+ *   1. columns — longest-path layering (Kahn topological order). A root (no
+ *      incoming edge) sits in column 0; every other node one column right of its
+ *      deepest parent. Cycles degrade gracefully (a child keeps its best column),
+ *      so a malformed graph can never wedge the layout.
+ *   2. order — within a column, nodes are ordered by the barycentre of their
+ *      parents' rows (then name), so children cluster under their owner and edge
+ *      crossings stay low — dagre's crossing-reduction, cheaply.
+ *   3. place — nodes stack top-to-bottom at their own height (pods are taller
+ *      than controllers) with a fixed gap, and each column is vertically centred
+ *      on a shared axis so tiers read as balanced columns.
+ *
+ * The same graph always yields byte-identical positions.
+ */
+const DEFAULTS = { nodeWidth: 260, columnGap: 68, rowGap: 22 };
+/**
+ * Assign each node a column via longest-path layering over the edges. Processes
+ * nodes in Kahn topological order; an edge into an unknown/cyclic parent is
+ * skipped so a cycle never wedges the pass.
+ */
+function assignColumns(ids, edges) {
+    const present = new Set(ids);
+    const outgoing = new Map();
+    const indeg = new Map();
+    for (const id of ids) {
+        outgoing.set(id, []);
+        indeg.set(id, 0);
+    }
+    for (const e of edges) {
+        if (!present.has(e.source) || !present.has(e.target) || e.source === e.target)
+            continue;
+        outgoing.get(e.source).push(e.target);
+        indeg.set(e.target, (indeg.get(e.target) ?? 0) + 1);
+    }
+    const column = new Map();
+    for (const id of ids)
+        column.set(id, 0);
+    const remaining = new Map(indeg);
+    const queue = ids.filter((id) => (remaining.get(id) ?? 0) === 0).sort();
+    const seen = new Set();
+    while (queue.length) {
+        const u = queue.shift();
+        if (seen.has(u))
+            continue;
+        seen.add(u);
+        const cu = column.get(u) ?? 0;
+        for (const v of outgoing.get(u) ?? []) {
+            if (cu + 1 > (column.get(v) ?? 0))
+                column.set(v, cu + 1);
+            const left = (remaining.get(v) ?? 0) - 1;
+            remaining.set(v, left);
+            if (left <= 0 && !seen.has(v))
+                queue.push(v);
+        }
+        queue.sort();
+    }
+    return column;
+}
+/**
+ * Lay a resource graph out into centred LR columns. Returns one positioned node
+ * per input node (input order preserved in the result array) plus content bounds.
+ */
+export function layoutTree(nodes, edges, opts = {}) {
+    const nodeWidth = opts.nodeWidth ?? DEFAULTS.nodeWidth;
+    const columnGap = opts.columnGap ?? DEFAULTS.columnGap;
+    const rowGap = opts.rowGap ?? DEFAULTS.rowGap;
+    const ids = nodes.map((n) => n.id);
+    const heightOf = new Map(nodes.map((n) => [n.id, n.h]));
+    const column = assignColumns(ids, edges);
+    // Parents per node (for the barycentre ordering).
+    const parents = new Map();
+    for (const id of ids)
+        parents.set(id, []);
+    const present = new Set(ids);
+    for (const e of edges) {
+        if (!present.has(e.source) || !present.has(e.target) || e.source === e.target)
+            continue;
+        parents.get(e.target).push(e.source);
+    }
+    // Group ids by column, preserving input order as the stable tie-break.
+    const inputOrder = new Map(ids.map((id, i) => [id, i]));
+    const byColumn = new Map();
+    for (const id of ids) {
+        const c = column.get(id) ?? 0;
+        const list = byColumn.get(c);
+        if (list)
+            list.push(id);
+        else
+            byColumn.set(c, [id]);
+    }
+    // Order each column left→right by the barycentre of parents' rows in the
+    // previous column, so children sit under their owner.
+    const rowOrder = new Map();
+    const sortedColumns = Array.from(byColumn.keys()).sort((a, b) => a - b);
+    for (const c of sortedColumns) {
+        const list = byColumn.get(c);
+        list.sort((a, b) => {
+            const key = (id) => {
+                const ps = parents.get(id) ?? [];
+                const rows = ps.map((p) => rowOrder.get(p)).filter((r) => r != null);
+                return rows.length ? rows.reduce((s, r) => s + r, 0) / rows.length : Number.POSITIVE_INFINITY;
+            };
+            const ka = key(a);
+            const kb = key(b);
+            if (ka !== kb)
+                return ka - kb;
+            return (inputOrder.get(a) ?? 0) - (inputOrder.get(b) ?? 0);
+        });
+        list.forEach((id, i) => rowOrder.set(id, i));
+    }
+    // Column heights → the shared vertical axis (tallest column centred).
+    const columnHeight = new Map();
+    for (const [c, list] of byColumn) {
+        const total = list.reduce((s, id) => s + (heightOf.get(id) ?? 0), 0) + Math.max(0, list.length - 1) * rowGap;
+        columnHeight.set(c, total);
+    }
+    const axis = Math.max(0, ...Array.from(columnHeight.values())) / 2;
+    const pos = new Map();
+    for (const c of sortedColumns) {
+        const list = byColumn.get(c);
+        const x = c * (nodeWidth + columnGap);
+        let y = axis - (columnHeight.get(c) ?? 0) / 2;
+        for (const id of list) {
+            pos.set(id, { x, y });
+            y += (heightOf.get(id) ?? 0) + rowGap;
+        }
+    }
+    const positioned = nodes.map((n) => {
+        const p = pos.get(n.id) ?? { x: 0, y: 0 };
+        return { id: n.id, x: p.x, y: p.y, w: nodeWidth, h: n.h, col: column.get(n.id) ?? 0 };
+    });
+    const width = positioned.reduce((m, n) => Math.max(m, n.x + n.w), 0);
+    const height = positioned.reduce((m, n) => Math.max(m, n.y + n.h), 0);
+    return { nodes: positioned, width, height };
+}
+//# sourceMappingURL=layout.js.map