@powerhousedao/powerhouse-vetra-packages 6.2.2-dev.8 → 6.2.2-dev.80

package/dist/node/{connect-KcYZcy_Z.mjs → connect-DM43aaJZ.mjs}

@@ -1,10 +1,10 @@
-import { A as __toCommonJS, E as __commonJSMin, j as __toESM, k as __require } from "./dist-fA4EItr0.mjs";
-import { A as redo, K as undo } from "./document-drive-C8hbqQ3C.mjs";
-import { n as init_tslib_es6, r as tslib_es6_exports } from "./main-D82dkD7g.mjs";
-import { C as twMerge, S as twJoin, _ as useLayoutEffect2, a as Item, b as useComposedRefs, c as Presence, d as useDirection, f as createCollection, g as useControllableState, h as createSlot, l as useId$1, m as dispatchDiscreteCustomEvent, o as Root$1, p as Primitive, s as createRovingFocusGroupScope, u as useCallbackRef, v as createContextScope, x as composeEventHandlers, y as composeRefs } from "./dist-BeZaEP6S.mjs";
-import { D as useSelectedDriveSafe, E as useSelectedDriveId, F as t$10, I as t$9, L as useDocumentById, M as useUserPermissions, N as e$4, O as useSelectedNodePath, P as e$5, T as useSelectedDocumentSafe, _ as useEditorModulesForDocumentType, a as preloadEditorModule, b as useNodeById, h as useDropNode, l as showDeleteNodeModal, m as useDragNode, n as getSyncStatusSync, o as setSelectedDrive, p as useDownloadDocument, s as setSelectedNode, t as addFolder, u as showRevisionHistory, v as useGetSwitchboardLink, x as useNodeParentFolderById, y as useNodeActions } from "./dist-DJEK2WVi.mjs";
+import { A as __require, D as __commonJSMin, M as __toESM, j as __toCommonJS } from "./dist-DT7jI9ol.mjs";
+import { V as redo, at as undo, c as isValidName } from "./document-drive-CRYbvD0-.mjs";
+import { n as init_tslib_es6, r as tslib_es6_exports } from "./main-B1tRsYOp.mjs";
+import { C as twJoin, S as composeEventHandlers, _ as useLayoutEffect2, a as Item, b as composeRefs, c as Presence, d as useDirection, f as createCollection, g as useControllableState, h as createSlot$1, l as useId$1, m as dispatchDiscreteCustomEvent, o as Root$3, p as Primitive$1, s as createRovingFocusGroupScope, u as useCallbackRef, v as createContext2, w as twMerge, x as useComposedRefs, y as createContextScope } from "./dist-CzYOpeXN.mjs";
+import { B as useSelectedDriveId, C as addFolder$1, E as showRevisionHistory, F as t$9, H as useDocumentById, M as e$4, N as e$5, O as useDragNode, P as t$10, R as setSelectedDrive, T as showPHModal, V as useSelectedDriveSafe, a as useDownloadDocument, c as useGetSwitchboardLink, d as useNodeParentFolderById, h as useSelectedNodePath, i as useDocumentVersionStatus, k as useDropNode, l as useNodeActions, n as preloadEditorModule, s as useEditorModulesForDocumentType, t as getSyncStatusSync, u as useNodeById, w as showDeleteNodeModal, x as useSelectedDocumentSafe, y as useUserPermissions, z as setSelectedNode } from "./dist-4gA6tFmW.mjs";
 import * as React$10 from "react";
-import React, { Fragment, Suspense, createContext, createElement, forwardRef, useContext, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
+import React, { Fragment, Suspense, createContext, createElement, forwardRef, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import * as ReactDOM$1 from "react-dom";
 import ReactDOM, { flushSync } from "react-dom";
@@ -3544,7 +3544,7 @@ var DismissableLayer = React$10.forwardRef((props, forwardedRef) => {
 		document.addEventListener(CONTEXT_UPDATE, handleUpdate);
 		return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
 	}, []);
-	return /* @__PURE__ */ jsx(Primitive.div, {
+	return /* @__PURE__ */ jsx(Primitive$1.div, {
 		...layerProps,
 		ref: composedRefs,
 		style: {
@@ -3571,7 +3571,7 @@ var DismissableLayerBranch = React$10.forwardRef((props, forwardedRef) => {
 			};
 		}
 	}, [context.branches]);
-	return /* @__PURE__ */ jsx(Primitive.div, {
+	return /* @__PURE__ */ jsx(Primitive$1.div, {
 		...props,
 		ref: composedRefs
 	});
@@ -3775,7 +3775,7 @@ var FocusScope = React$10.forwardRef((props, forwardedRef) => {
 		trapped,
 		focusScope.paused
 	]);
-	return /* @__PURE__ */ jsx(Primitive.div, {
+	return /* @__PURE__ */ jsx(Primitive$1.div, {
 		tabIndex: -1,
 		...scopeProps,
 		ref: composedRefs,
@@ -5512,10 +5512,10 @@ const arrow = (options, deps) => ({
 });
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-arrow@1.1.7_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@_07ab85c571739f89808dad9390df6d71/node_modules/@radix-ui/react-arrow/dist/index.mjs
-var NAME = "Arrow";
+var NAME$1 = "Arrow";
 var Arrow$3 = React$10.forwardRef((props, forwardedRef) => {
 	const { children, width = 10, height = 5, ...arrowProps } = props;
-	return /* @__PURE__ */ jsx(Primitive.svg, {
+	return /* @__PURE__ */ jsx(Primitive$1.svg, {
 		...arrowProps,
 		ref: forwardedRef,
 		width,
@@ -5525,8 +5525,8 @@ var Arrow$3 = React$10.forwardRef((props, forwardedRef) => {
 		children: props.asChild ? children : /* @__PURE__ */ jsx("polygon", { points: "0,0 30,0 15,10" })
 	});
 });
-Arrow$3.displayName = NAME;
-var Root = Arrow$3;
+Arrow$3.displayName = NAME$1;
+var Root$2 = Arrow$3;
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-size@1.1.1_@types+react@19.2.14_react@19.2.6/node_modules/@radix-ui/react-use-size/dist/index.mjs
 function useSize(element) {
@@ -5591,17 +5591,17 @@ var PopperAnchor = React$10.forwardRef((props, forwardedRef) => {
 		anchorRef.current = virtualRef?.current || ref.current;
 		if (previousAnchor !== anchorRef.current) context.onAnchorChange(anchorRef.current);
 	});
-	return virtualRef ? null : /* @__PURE__ */ jsx(Primitive.div, {
+	return virtualRef ? null : /* @__PURE__ */ jsx(Primitive$1.div, {
 		...anchorProps,
 		ref: composedRefs
 	});
 });
 PopperAnchor.displayName = ANCHOR_NAME$1;
-var CONTENT_NAME$2 = "PopperContent";
-var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$2);
+var CONTENT_NAME$3 = "PopperContent";
+var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$3);
 var PopperContent = React$10.forwardRef((props, forwardedRef) => {
 	const { __scopePopper, side = "bottom", sideOffset = 0, align = "center", alignOffset = 0, arrowPadding = 0, avoidCollisions = true, collisionBoundary = [], collisionPadding: collisionPaddingProp = 0, sticky = "partial", hideWhenDetached = false, updatePositionStrategy = "optimized", onPlaced, ...contentProps } = props;
-	const context = usePopperContext(CONTENT_NAME$2, __scopePopper);
+	const context = usePopperContext(CONTENT_NAME$3, __scopePopper);
 	const [content, setContent] = React$10.useState(null);
 	const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
 	const [arrow$4, setArrow] = React$10.useState(null);
@@ -5701,7 +5701,7 @@ var PopperContent = React$10.forwardRef((props, forwardedRef) => {
 			arrowX,
 			arrowY,
 			shouldHideArrow: cannotCenterArrow,
-			children: /* @__PURE__ */ jsx(Primitive.div, {
+			children: /* @__PURE__ */ jsx(Primitive$1.div, {
 				"data-side": placedSide,
 				"data-align": placedAlign,
 				...contentProps,
@@ -5714,7 +5714,7 @@ var PopperContent = React$10.forwardRef((props, forwardedRef) => {
 		})
 	});
 });
-PopperContent.displayName = CONTENT_NAME$2;
+PopperContent.displayName = CONTENT_NAME$3;
 var ARROW_NAME$2 = "PopperArrow";
 var OPPOSITE_SIDE = {
 	top: "bottom",
@@ -5747,7 +5747,7 @@ var PopperArrow = React$10.forwardRef(function PopperArrow2(props, forwardedRef)
 			}[contentContext.placedSide],
 			visibility: contentContext.shouldHideArrow ? "hidden" : void 0
 		},
-		children: /* @__PURE__ */ jsx(Root, {
+		children: /* @__PURE__ */ jsx(Root$2, {
 			...arrowProps,
 			ref: forwardedRef,
 			style: {
@@ -5804,22 +5804,22 @@ function getSideAndAlignFromPlacement(placement) {
 }
 var Root2$1 = Popper;
 var Anchor = PopperAnchor;
-var Content = PopperContent;
+var Content$1 = PopperContent;
 var Arrow$2 = PopperArrow;
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-portal@1.1.9_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react_266ca67294f168fbf2e025541d323e69/node_modules/@radix-ui/react-portal/dist/index.mjs
-var PORTAL_NAME$2 = "Portal";
-var Portal$1 = React$10.forwardRef((props, forwardedRef) => {
+var PORTAL_NAME$3 = "Portal";
+var Portal$2 = React$10.forwardRef((props, forwardedRef) => {
 	const { container: containerProp, ...portalProps } = props;
 	const [mounted, setMounted] = React$10.useState(false);
 	useLayoutEffect2(() => setMounted(true), []);
 	const container = containerProp || mounted && globalThis?.document?.body;
-	return container ? ReactDOM.createPortal(/* @__PURE__ */ jsx(Primitive.div, {
+	return container ? ReactDOM.createPortal(/* @__PURE__ */ jsx(Primitive$1.div, {
 		...portalProps,
 		ref: forwardedRef
 	}), container) : null;
 });
-Portal$1.displayName = PORTAL_NAME$2;
+Portal$2.displayName = PORTAL_NAME$3;
 //#endregion
 //#region ../../node_modules/.pnpm/aria-hidden@1.2.6/node_modules/aria-hidden/dist/es5/index.js
 var require_es5$6 = /* @__PURE__ */ __commonJSMin(((exports) => {
@@ -7380,17 +7380,17 @@ var MenuAnchor = React$10.forwardRef((props, forwardedRef) => {
 	});
 });
 MenuAnchor.displayName = ANCHOR_NAME;
-var PORTAL_NAME$1 = "MenuPortal";
-var [PortalProvider, usePortalContext] = createMenuContext(PORTAL_NAME$1, { forceMount: void 0 });
+var PORTAL_NAME$2 = "MenuPortal";
+var [PortalProvider$1, usePortalContext$1] = createMenuContext(PORTAL_NAME$2, { forceMount: void 0 });
 var MenuPortal = (props) => {
 	const { __scopeMenu, forceMount, children, container } = props;
-	const context = useMenuContext(PORTAL_NAME$1, __scopeMenu);
-	return /* @__PURE__ */ jsx(PortalProvider, {
+	const context = useMenuContext(PORTAL_NAME$2, __scopeMenu);
+	return /* @__PURE__ */ jsx(PortalProvider$1, {
 		scope: __scopeMenu,
 		forceMount,
 		children: /* @__PURE__ */ jsx(Presence, {
 			present: forceMount || context.open,
-			children: /* @__PURE__ */ jsx(Portal$1, {
+			children: /* @__PURE__ */ jsx(Portal$2, {
 				asChild: true,
 				container,
 				children
@@ -7398,14 +7398,14 @@ var MenuPortal = (props) => {
 		})
 	});
 };
-MenuPortal.displayName = PORTAL_NAME$1;
-var CONTENT_NAME$1 = "MenuContent";
-var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$1);
+MenuPortal.displayName = PORTAL_NAME$2;
+var CONTENT_NAME$2 = "MenuContent";
+var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$2);
 var MenuContent = React$10.forwardRef((props, forwardedRef) => {
-	const portalContext = usePortalContext(CONTENT_NAME$1, props.__scopeMenu);
+	const portalContext = usePortalContext$1(CONTENT_NAME$2, props.__scopeMenu);
 	const { forceMount = portalContext.forceMount, ...contentProps } = props;
-	const context = useMenuContext(CONTENT_NAME$1, props.__scopeMenu);
-	const rootContext = useMenuRootContext(CONTENT_NAME$1, props.__scopeMenu);
+	const context = useMenuContext(CONTENT_NAME$2, props.__scopeMenu);
+	const rootContext = useMenuRootContext(CONTENT_NAME$2, props.__scopeMenu);
 	return /* @__PURE__ */ jsx(Collection.Provider, {
 		scope: props.__scopeMenu,
 		children: /* @__PURE__ */ jsx(Presence, {
@@ -7424,7 +7424,7 @@ var MenuContent = React$10.forwardRef((props, forwardedRef) => {
 	});
 });
 var MenuRootContentModal = React$10.forwardRef((props, forwardedRef) => {
-	const context = useMenuContext(CONTENT_NAME$1, props.__scopeMenu);
+	const context = useMenuContext(CONTENT_NAME$2, props.__scopeMenu);
 	const ref = React$10.useRef(null);
 	const composedRefs = useComposedRefs(forwardedRef, ref);
 	React$10.useEffect(() => {
@@ -7442,7 +7442,7 @@ var MenuRootContentModal = React$10.forwardRef((props, forwardedRef) => {
 	});
 });
 var MenuRootContentNonModal = React$10.forwardRef((props, forwardedRef) => {
-	const context = useMenuContext(CONTENT_NAME$1, props.__scopeMenu);
+	const context = useMenuContext(CONTENT_NAME$2, props.__scopeMenu);
 	return /* @__PURE__ */ jsx(MenuContentImpl, {
 		...props,
 		ref: forwardedRef,
@@ -7452,11 +7452,11 @@ var MenuRootContentNonModal = React$10.forwardRef((props, forwardedRef) => {
 		onDismiss: () => context.onOpenChange(false)
 	});
 });
-var Slot = createSlot("MenuContent.ScrollLock");
+var Slot$2 = createSlot$1("MenuContent.ScrollLock");
 var MenuContentImpl = React$10.forwardRef((props, forwardedRef) => {
 	const { __scopeMenu, loop = false, trapFocus, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, onEntryFocus, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onDismiss, disableOutsideScroll, ...contentProps } = props;
-	const context = useMenuContext(CONTENT_NAME$1, __scopeMenu);
-	const rootContext = useMenuRootContext(CONTENT_NAME$1, __scopeMenu);
+	const context = useMenuContext(CONTENT_NAME$2, __scopeMenu);
+	const rootContext = useMenuRootContext(CONTENT_NAME$2, __scopeMenu);
 	const popperScope = usePopperScope(__scopeMenu);
 	const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
 	const getItems = useCollection(__scopeMenu);
@@ -7471,7 +7471,7 @@ var MenuContentImpl = React$10.forwardRef((props, forwardedRef) => {
 	const lastPointerXRef = React$10.useRef(0);
 	const ScrollLockWrapper = disableOutsideScroll ? import_es5$1.RemoveScroll : React$10.Fragment;
 	const scrollLockWrapperProps = disableOutsideScroll ? {
-		as: Slot,
+		as: Slot$2,
 		allowPinchZoom: true
 	} : void 0;
 	const handleTypeaheadSearch = (key) => {
@@ -7531,7 +7531,7 @@ var MenuContentImpl = React$10.forwardRef((props, forwardedRef) => {
 					onFocusOutside,
 					onInteractOutside,
 					onDismiss,
-					children: /* @__PURE__ */ jsx(Root$1, {
+					children: /* @__PURE__ */ jsx(Root$3, {
 						asChild: true,
 						...rovingFocusGroupScope,
 						dir: rootContext.dir,
@@ -7543,7 +7543,7 @@ var MenuContentImpl = React$10.forwardRef((props, forwardedRef) => {
 							if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();
 						}),
 						preventScrollOnEntryFocus: true,
-						children: /* @__PURE__ */ jsx(Content, {
+						children: /* @__PURE__ */ jsx(Content$1, {
 							role: "menu",
 							"aria-orientation": "vertical",
 							"data-state": getOpenState(context.open),
@@ -7593,11 +7593,11 @@ var MenuContentImpl = React$10.forwardRef((props, forwardedRef) => {
 		})
 	});
 });
-MenuContent.displayName = CONTENT_NAME$1;
+MenuContent.displayName = CONTENT_NAME$2;
 var GROUP_NAME$1 = "MenuGroup";
 var MenuGroup = React$10.forwardRef((props, forwardedRef) => {
 	const { __scopeMenu, ...groupProps } = props;
-	return /* @__PURE__ */ jsx(Primitive.div, {
+	return /* @__PURE__ */ jsx(Primitive$1.div, {
 		role: "group",
 		...groupProps,
 		ref: forwardedRef
@@ -7607,7 +7607,7 @@ MenuGroup.displayName = GROUP_NAME$1;
 var LABEL_NAME$1 = "MenuLabel";
 var MenuLabel = React$10.forwardRef((props, forwardedRef) => {
 	const { __scopeMenu, ...labelProps } = props;
-	return /* @__PURE__ */ jsx(Primitive.div, {
+	return /* @__PURE__ */ jsx(Primitive$1.div, {
 		...labelProps,
 		ref: forwardedRef
 	});
@@ -7678,7 +7678,7 @@ var MenuItemImpl = React$10.forwardRef((props, forwardedRef) => {
 			asChild: true,
 			...rovingFocusGroupScope,
 			focusable: !disabled,
-			children: /* @__PURE__ */ jsx(Primitive.div, {
+			children: /* @__PURE__ */ jsx(Primitive$1.div, {
 				role: "menuitem",
 				"data-highlighted": isFocused ? "" : void 0,
 				"aria-disabled": disabled || void 0,
@@ -7761,7 +7761,7 @@ var MenuItemIndicator = React$10.forwardRef((props, forwardedRef) => {
 	const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME, __scopeMenu);
 	return /* @__PURE__ */ jsx(Presence, {
 		present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
-		children: /* @__PURE__ */ jsx(Primitive.span, {
+		children: /* @__PURE__ */ jsx(Primitive$1.span, {
 			...itemIndicatorProps,
 			ref: forwardedRef,
 			"data-state": getCheckedState(indicatorContext.checked)
@@ -7772,7 +7772,7 @@ MenuItemIndicator.displayName = ITEM_INDICATOR_NAME;
 var SEPARATOR_NAME$1 = "MenuSeparator";
 var MenuSeparator = React$10.forwardRef((props, forwardedRef) => {
 	const { __scopeMenu, ...separatorProps } = props;
-	return /* @__PURE__ */ jsx(Primitive.div, {
+	return /* @__PURE__ */ jsx(Primitive$1.div, {
 		role: "separator",
 		"aria-orientation": "horizontal",
 		...separatorProps,
@@ -7929,10 +7929,10 @@ var MenuSubTrigger = React$10.forwardRef((props, forwardedRef) => {
 MenuSubTrigger.displayName = SUB_TRIGGER_NAME$1;
 var SUB_CONTENT_NAME$1 = "MenuSubContent";
 var MenuSubContent = React$10.forwardRef((props, forwardedRef) => {
-	const portalContext = usePortalContext(CONTENT_NAME$1, props.__scopeMenu);
+	const portalContext = usePortalContext$1(CONTENT_NAME$2, props.__scopeMenu);
 	const { forceMount = portalContext.forceMount, ...subContentProps } = props;
-	const context = useMenuContext(CONTENT_NAME$1, props.__scopeMenu);
-	const rootContext = useMenuRootContext(CONTENT_NAME$1, props.__scopeMenu);
+	const context = useMenuContext(CONTENT_NAME$2, props.__scopeMenu);
+	const rootContext = useMenuRootContext(CONTENT_NAME$2, props.__scopeMenu);
 	const subContext = useMenuSubContext(SUB_CONTENT_NAME$1, props.__scopeMenu);
 	const ref = React$10.useRef(null);
 	const composedRefs = useComposedRefs(forwardedRef, ref);
@@ -8033,10 +8033,10 @@ function whenMouse(handler) {
 }
 var Root3 = Menu;
 var Anchor2 = MenuAnchor;
-var Portal = MenuPortal;
+var Portal$1 = MenuPortal;
 var Content2$1 = MenuContent;
 var Group = MenuGroup;
-var Label = MenuLabel;
+var Label$1 = MenuLabel;
 var Item2$1 = MenuItem;
 var CheckboxItem = MenuCheckboxItem;
 var RadioGroup = MenuRadioGroup;
@@ -8082,14 +8082,14 @@ var DropdownMenu$1 = (props) => {
 	});
 };
 DropdownMenu$1.displayName = DROPDOWN_MENU_NAME;
-var TRIGGER_NAME = "DropdownMenuTrigger";
+var TRIGGER_NAME$1 = "DropdownMenuTrigger";
 var DropdownMenuTrigger$1 = React$10.forwardRef((props, forwardedRef) => {
 	const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
-	const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
+	const context = useDropdownMenuContext(TRIGGER_NAME$1, __scopeDropdownMenu);
 	return /* @__PURE__ */ jsx(Anchor2, {
 		asChild: true,
 		...useMenuScope(__scopeDropdownMenu),
-		children: /* @__PURE__ */ jsx(Primitive.button, {
+		children: /* @__PURE__ */ jsx(Primitive$1.button, {
 			type: "button",
 			id: context.triggerId,
 			"aria-haspopup": "menu",
@@ -8119,20 +8119,20 @@ var DropdownMenuTrigger$1 = React$10.forwardRef((props, forwardedRef) => {
 		})
 	});
 });
-DropdownMenuTrigger$1.displayName = TRIGGER_NAME;
-var PORTAL_NAME = "DropdownMenuPortal";
+DropdownMenuTrigger$1.displayName = TRIGGER_NAME$1;
+var PORTAL_NAME$1 = "DropdownMenuPortal";
 var DropdownMenuPortal = (props) => {
 	const { __scopeDropdownMenu, ...portalProps } = props;
-	return /* @__PURE__ */ jsx(Portal, {
+	return /* @__PURE__ */ jsx(Portal$1, {
 		...useMenuScope(__scopeDropdownMenu),
 		...portalProps
 	});
 };
-DropdownMenuPortal.displayName = PORTAL_NAME;
-var CONTENT_NAME = "DropdownMenuContent";
+DropdownMenuPortal.displayName = PORTAL_NAME$1;
+var CONTENT_NAME$1 = "DropdownMenuContent";
 var DropdownMenuContent$1 = React$10.forwardRef((props, forwardedRef) => {
 	const { __scopeDropdownMenu, ...contentProps } = props;
-	const context = useDropdownMenuContext(CONTENT_NAME, __scopeDropdownMenu);
+	const context = useDropdownMenuContext(CONTENT_NAME$1, __scopeDropdownMenu);
 	const menuScope = useMenuScope(__scopeDropdownMenu);
 	const hasInteractedOutsideRef = React$10.useRef(false);
 	return /* @__PURE__ */ jsx(Content2$1, {
@@ -8162,7 +8162,7 @@ var DropdownMenuContent$1 = React$10.forwardRef((props, forwardedRef) => {
 		}
 	});
 });
-DropdownMenuContent$1.displayName = CONTENT_NAME;
+DropdownMenuContent$1.displayName = CONTENT_NAME$1;
 var GROUP_NAME = "DropdownMenuGroup";
 var DropdownMenuGroup = React$10.forwardRef((props, forwardedRef) => {
 	const { __scopeDropdownMenu, ...groupProps } = props;
@@ -8176,7 +8176,7 @@ DropdownMenuGroup.displayName = GROUP_NAME;
 var LABEL_NAME = "DropdownMenuLabel";
 var DropdownMenuLabel = React$10.forwardRef((props, forwardedRef) => {
 	const { __scopeDropdownMenu, ...labelProps } = props;
-	return /* @__PURE__ */ jsx(Label, {
+	return /* @__PURE__ */ jsx(Label$1, {
 		...useMenuScope(__scopeDropdownMenu),
 		...labelProps,
 		ref: forwardedRef
@@ -8287,7 +8287,441 @@ var Portal2 = DropdownMenuPortal;
 var Content2 = DropdownMenuContent$1;
 var Item2 = DropdownMenuItem$1;
 //#endregion
-//#region ../design-system/dist/src-DpUTb0dJ.js
+//#region ../../node_modules/.pnpm/@radix-ui+react-dialog@1.1.15_@types+react-dom@19.2.3_@types+react@19.2.14__@types+reac_340425d8afbecb0b8c61fd2281bc18a1/node_modules/@radix-ui/react-dialog/dist/index.mjs
+var DIALOG_NAME = "Dialog";
+var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
+var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
+var Dialog = (props) => {
+	const { __scopeDialog, children, open: openProp, defaultOpen, onOpenChange, modal = true } = props;
+	const triggerRef = React$10.useRef(null);
+	const contentRef = React$10.useRef(null);
+	const [open, setOpen] = useControllableState({
+		prop: openProp,
+		defaultProp: defaultOpen ?? false,
+		onChange: onOpenChange,
+		caller: DIALOG_NAME
+	});
+	return /* @__PURE__ */ jsx(DialogProvider, {
+		scope: __scopeDialog,
+		triggerRef,
+		contentRef,
+		contentId: useId$1(),
+		titleId: useId$1(),
+		descriptionId: useId$1(),
+		open,
+		onOpenChange: setOpen,
+		onOpenToggle: React$10.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+		modal,
+		children
+	});
+};
+Dialog.displayName = DIALOG_NAME;
+var TRIGGER_NAME = "DialogTrigger";
+var DialogTrigger = React$10.forwardRef((props, forwardedRef) => {
+	const { __scopeDialog, ...triggerProps } = props;
+	const context = useDialogContext(TRIGGER_NAME, __scopeDialog);
+	const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
+	return /* @__PURE__ */ jsx(Primitive$1.button, {
+		type: "button",
+		"aria-haspopup": "dialog",
+		"aria-expanded": context.open,
+		"aria-controls": context.contentId,
+		"data-state": getState(context.open),
+		...triggerProps,
+		ref: composedTriggerRef,
+		onClick: composeEventHandlers(props.onClick, context.onOpenToggle)
+	});
+});
+DialogTrigger.displayName = TRIGGER_NAME;
+var PORTAL_NAME = "DialogPortal";
+var [PortalProvider, usePortalContext] = createDialogContext(PORTAL_NAME, { forceMount: void 0 });
+var DialogPortal = (props) => {
+	const { __scopeDialog, forceMount, children, container } = props;
+	const context = useDialogContext(PORTAL_NAME, __scopeDialog);
+	return /* @__PURE__ */ jsx(PortalProvider, {
+		scope: __scopeDialog,
+		forceMount,
+		children: React$10.Children.map(children, (child) => /* @__PURE__ */ jsx(Presence, {
+			present: forceMount || context.open,
+			children: /* @__PURE__ */ jsx(Portal$2, {
+				asChild: true,
+				container,
+				children: child
+			})
+		}))
+	});
+};
+DialogPortal.displayName = PORTAL_NAME;
+var OVERLAY_NAME = "DialogOverlay";
+var DialogOverlay = React$10.forwardRef((props, forwardedRef) => {
+	const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);
+	const { forceMount = portalContext.forceMount, ...overlayProps } = props;
+	const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);
+	return context.modal ? /* @__PURE__ */ jsx(Presence, {
+		present: forceMount || context.open,
+		children: /* @__PURE__ */ jsx(DialogOverlayImpl, {
+			...overlayProps,
+			ref: forwardedRef
+		})
+	}) : null;
+});
+DialogOverlay.displayName = OVERLAY_NAME;
+var Slot$1 = createSlot$1("DialogOverlay.RemoveScroll");
+var DialogOverlayImpl = React$10.forwardRef((props, forwardedRef) => {
+	const { __scopeDialog, ...overlayProps } = props;
+	const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
+	return /* @__PURE__ */ jsx(import_es5$1.RemoveScroll, {
+		as: Slot$1,
+		allowPinchZoom: true,
+		shards: [context.contentRef],
+		children: /* @__PURE__ */ jsx(Primitive$1.div, {
+			"data-state": getState(context.open),
+			...overlayProps,
+			ref: forwardedRef,
+			style: {
+				pointerEvents: "auto",
+				...overlayProps.style
+			}
+		})
+	});
+});
+var CONTENT_NAME = "DialogContent";
+var DialogContent = React$10.forwardRef((props, forwardedRef) => {
+	const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);
+	const { forceMount = portalContext.forceMount, ...contentProps } = props;
+	const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
+	return /* @__PURE__ */ jsx(Presence, {
+		present: forceMount || context.open,
+		children: context.modal ? /* @__PURE__ */ jsx(DialogContentModal, {
+			...contentProps,
+			ref: forwardedRef
+		}) : /* @__PURE__ */ jsx(DialogContentNonModal, {
+			...contentProps,
+			ref: forwardedRef
+		})
+	});
+});
+DialogContent.displayName = CONTENT_NAME;
+var DialogContentModal = React$10.forwardRef((props, forwardedRef) => {
+	const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
+	const contentRef = React$10.useRef(null);
+	const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
+	React$10.useEffect(() => {
+		const content = contentRef.current;
+		if (content) return (0, import_es5.hideOthers)(content);
+	}, []);
+	return /* @__PURE__ */ jsx(DialogContentImpl, {
+		...props,
+		ref: composedRefs,
+		trapFocus: context.open,
+		disableOutsidePointerEvents: true,
+		onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {
+			event.preventDefault();
+			context.triggerRef.current?.focus();
+		}),
+		onPointerDownOutside: composeEventHandlers(props.onPointerDownOutside, (event) => {
+			const originalEvent = event.detail.originalEvent;
+			const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
+			if (originalEvent.button === 2 || ctrlLeftClick) event.preventDefault();
+		}),
+		onFocusOutside: composeEventHandlers(props.onFocusOutside, (event) => event.preventDefault())
+	});
+});
+var DialogContentNonModal = React$10.forwardRef((props, forwardedRef) => {
+	const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
+	const hasInteractedOutsideRef = React$10.useRef(false);
+	const hasPointerDownOutsideRef = React$10.useRef(false);
+	return /* @__PURE__ */ jsx(DialogContentImpl, {
+		...props,
+		ref: forwardedRef,
+		trapFocus: false,
+		disableOutsidePointerEvents: false,
+		onCloseAutoFocus: (event) => {
+			props.onCloseAutoFocus?.(event);
+			if (!event.defaultPrevented) {
+				if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();
+				event.preventDefault();
+			}
+			hasInteractedOutsideRef.current = false;
+			hasPointerDownOutsideRef.current = false;
+		},
+		onInteractOutside: (event) => {
+			props.onInteractOutside?.(event);
+			if (!event.defaultPrevented) {
+				hasInteractedOutsideRef.current = true;
+				if (event.detail.originalEvent.type === "pointerdown") hasPointerDownOutsideRef.current = true;
+			}
+			const target = event.target;
+			if (context.triggerRef.current?.contains(target)) event.preventDefault();
+			if (event.detail.originalEvent.type === "focusin" && hasPointerDownOutsideRef.current) event.preventDefault();
+		}
+	});
+});
+var DialogContentImpl = React$10.forwardRef((props, forwardedRef) => {
+	const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;
+	const context = useDialogContext(CONTENT_NAME, __scopeDialog);
+	const contentRef = React$10.useRef(null);
+	const composedRefs = useComposedRefs(forwardedRef, contentRef);
+	useFocusGuards();
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(FocusScope, {
+		asChild: true,
+		loop: true,
+		trapped: trapFocus,
+		onMountAutoFocus: onOpenAutoFocus,
+		onUnmountAutoFocus: onCloseAutoFocus,
+		children: /* @__PURE__ */ jsx(DismissableLayer, {
+			role: "dialog",
+			id: context.contentId,
+			"aria-describedby": context.descriptionId,
+			"aria-labelledby": context.titleId,
+			"data-state": getState(context.open),
+			...contentProps,
+			ref: composedRefs,
+			onDismiss: () => context.onOpenChange(false)
+		})
+	}), /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TitleWarning, { titleId: context.titleId }), /* @__PURE__ */ jsx(DescriptionWarning, {
+		contentRef,
+		descriptionId: context.descriptionId
+	})] })] });
+});
+var TITLE_NAME = "DialogTitle";
+var DialogTitle = React$10.forwardRef((props, forwardedRef) => {
+	const { __scopeDialog, ...titleProps } = props;
+	const context = useDialogContext(TITLE_NAME, __scopeDialog);
+	return /* @__PURE__ */ jsx(Primitive$1.h2, {
+		id: context.titleId,
+		...titleProps,
+		ref: forwardedRef
+	});
+});
+DialogTitle.displayName = TITLE_NAME;
+var DESCRIPTION_NAME = "DialogDescription";
+var DialogDescription = React$10.forwardRef((props, forwardedRef) => {
+	const { __scopeDialog, ...descriptionProps } = props;
+	const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
+	return /* @__PURE__ */ jsx(Primitive$1.p, {
+		id: context.descriptionId,
+		...descriptionProps,
+		ref: forwardedRef
+	});
+});
+DialogDescription.displayName = DESCRIPTION_NAME;
+var CLOSE_NAME = "DialogClose";
+var DialogClose = React$10.forwardRef((props, forwardedRef) => {
+	const { __scopeDialog, ...closeProps } = props;
+	const context = useDialogContext(CLOSE_NAME, __scopeDialog);
+	return /* @__PURE__ */ jsx(Primitive$1.button, {
+		type: "button",
+		...closeProps,
+		ref: forwardedRef,
+		onClick: composeEventHandlers(props.onClick, () => context.onOpenChange(false))
+	});
+});
+DialogClose.displayName = CLOSE_NAME;
+function getState(open) {
+	return open ? "open" : "closed";
+}
+var TITLE_WARNING_NAME = "DialogTitleWarning";
+var [WarningProvider, useWarningContext] = createContext2(TITLE_WARNING_NAME, {
+	contentName: CONTENT_NAME,
+	titleName: TITLE_NAME,
+	docsSlug: "dialog"
+});
+var TitleWarning = ({ titleId }) => {
+	const titleWarningContext = useWarningContext(TITLE_WARNING_NAME);
+	const MESSAGE = `\`${titleWarningContext.contentName}\` requires a \`${titleWarningContext.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
+	React$10.useEffect(() => {
+		if (titleId) {
+			if (!document.getElementById(titleId)) console.error(MESSAGE);
+		}
+	}, [MESSAGE, titleId]);
+	return null;
+};
+var DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning";
+var DescriptionWarning = ({ contentRef, descriptionId }) => {
+	const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${useWarningContext(DESCRIPTION_WARNING_NAME).contentName}}.`;
+	React$10.useEffect(() => {
+		const describedById = contentRef.current?.getAttribute("aria-describedby");
+		if (descriptionId && describedById) {
+			if (!document.getElementById(descriptionId)) console.warn(MESSAGE);
+		}
+	}, [
+		MESSAGE,
+		contentRef,
+		descriptionId
+	]);
+	return null;
+};
+var Root$1 = Dialog;
+var Portal = DialogPortal;
+var Overlay = DialogOverlay;
+var Content = DialogContent;
+var Title = DialogTitle;
+var Description = DialogDescription;
+//#endregion
+//#region ../../node_modules/.pnpm/@radix-ui+react-slot@1.2.4_@types+react@19.2.14_react@19.2.6/node_modules/@radix-ui/react-slot/dist/index.mjs
+var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+var use$1 = React$10[" use ".trim().toString()];
+function isPromiseLike(value) {
+	return typeof value === "object" && value !== null && "then" in value;
+}
+function isLazyComponent(element) {
+	return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
+}
+/* @__NO_SIDE_EFFECTS__ */
+function createSlot(ownerName) {
+	const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
+	const Slot2 = React$10.forwardRef((props, forwardedRef) => {
+		let { children, ...slotProps } = props;
+		if (isLazyComponent(children) && typeof use$1 === "function") children = use$1(children._payload);
+		const childrenArray = React$10.Children.toArray(children);
+		const slottable = childrenArray.find(isSlottable);
+		if (slottable) {
+			const newElement = slottable.props.children;
+			const newChildren = childrenArray.map((child) => {
+				if (child === slottable) {
+					if (React$10.Children.count(newElement) > 1) return React$10.Children.only(null);
+					return React$10.isValidElement(newElement) ? newElement.props.children : null;
+				} else return child;
+			});
+			return /* @__PURE__ */ jsx(SlotClone, {
+				...slotProps,
+				ref: forwardedRef,
+				children: React$10.isValidElement(newElement) ? React$10.cloneElement(newElement, void 0, newChildren) : null
+			});
+		}
+		return /* @__PURE__ */ jsx(SlotClone, {
+			...slotProps,
+			ref: forwardedRef,
+			children
+		});
+	});
+	Slot2.displayName = `${ownerName}.Slot`;
+	return Slot2;
+}
+var Slot = /* @__PURE__ */ createSlot("Slot");
+/* @__NO_SIDE_EFFECTS__ */
+function createSlotClone(ownerName) {
+	const SlotClone = React$10.forwardRef((props, forwardedRef) => {
+		let { children, ...slotProps } = props;
+		if (isLazyComponent(children) && typeof use$1 === "function") children = use$1(children._payload);
+		if (React$10.isValidElement(children)) {
+			const childrenRef = getElementRef(children);
+			const props2 = mergeProps(slotProps, children.props);
+			if (children.type !== React$10.Fragment) props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
+			return React$10.cloneElement(children, props2);
+		}
+		return React$10.Children.count(children) > 1 ? React$10.Children.only(null) : null;
+	});
+	SlotClone.displayName = `${ownerName}.SlotClone`;
+	return SlotClone;
+}
+var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+function isSlottable(child) {
+	return React$10.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+}
+function mergeProps(slotProps, childProps) {
+	const overrideProps = { ...childProps };
+	for (const propName in childProps) {
+		const slotPropValue = slotProps[propName];
+		const childPropValue = childProps[propName];
+		if (/^on[A-Z]/.test(propName)) {
+			if (slotPropValue && childPropValue) overrideProps[propName] = (...args) => {
+				const result = childPropValue(...args);
+				slotPropValue(...args);
+				return result;
+			};
+			else if (slotPropValue) overrideProps[propName] = slotPropValue;
+		} else if (propName === "style") overrideProps[propName] = {
+			...slotPropValue,
+			...childPropValue
+		};
+		else if (propName === "className") overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
+	}
+	return {
+		...slotProps,
+		...overrideProps
+	};
+}
+function getElementRef(element) {
+	let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
+	let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+	if (mayWarn) return element.ref;
+	getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
+	mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+	if (mayWarn) return element.props.ref;
+	return element.props.ref || element.ref;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.4_@types+react-dom@19.2.3_@types+react@19.2.14__@types+re_c8c8fd2647f03197dbf56370d7498033/node_modules/@radix-ui/react-primitive/dist/index.mjs
+var Primitive = [
+	"a",
+	"button",
+	"div",
+	"form",
+	"h2",
+	"h3",
+	"img",
+	"input",
+	"label",
+	"li",
+	"nav",
+	"ol",
+	"p",
+	"select",
+	"span",
+	"svg",
+	"ul"
+].reduce((primitive, node) => {
+	const Slot = /* @__PURE__ */ createSlot(`Primitive.${node}`);
+	const Node = React$10.forwardRef((props, forwardedRef) => {
+		const { asChild, ...primitiveProps } = props;
+		const Comp = asChild ? Slot : node;
+		if (typeof window !== "undefined") window[Symbol.for("radix-ui")] = true;
+		return /* @__PURE__ */ jsx(Comp, {
+			...primitiveProps,
+			ref: forwardedRef
+		});
+	});
+	Node.displayName = `Primitive.${node}`;
+	return {
+		...primitive,
+		[node]: Node
+	};
+}, {});
+//#endregion
+//#region ../../node_modules/.pnpm/@radix-ui+react-visually-hidden@1.2.4_@types+react-dom@19.2.3_@types+react@19.2.14__@ty_c96f9879086bb31d068780de3c4b72ff/node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
+var VISUALLY_HIDDEN_STYLES = Object.freeze({
+	position: "absolute",
+	border: 0,
+	width: 1,
+	height: 1,
+	padding: 0,
+	margin: -1,
+	overflow: "hidden",
+	clip: "rect(0, 0, 0, 0)",
+	whiteSpace: "nowrap",
+	wordWrap: "normal"
+});
+var NAME = "VisuallyHidden";
+var VisuallyHidden = React$10.forwardRef((props, forwardedRef) => {
+	return /* @__PURE__ */ jsx(Primitive.span, {
+		...props,
+		ref: forwardedRef,
+		style: {
+			...VISUALLY_HIDDEN_STYLES,
+			...props.style
+		}
+	});
+});
+VisuallyHidden.displayName = NAME;
+var Root = VisuallyHidden;
+//#endregion
+//#region ../design-system/dist/src-CVV6HzQZ.js
 const PowerhouseButton = /* @__PURE__ */ forwardRef(function PowerhouseButton(props, ref) {
 	const { color = "dark", size = "medium", className = "", children, icon, iconPosition = "left", ...delegatedProps } = props;
 	return /* @__PURE__ */ jsxs("button", {
@@ -8319,6 +8753,24 @@ const DropdownMenuContent = /* @__PURE__ */ forwardRef(function DropdownMenuCont
 	}) });
 });
 const DropdownMenuItem = Item2;
+function Modal(props) {
+	const { title, open, onOpenChange, contentProps, overlayProps, children, ...delegated } = props;
+	return /* @__PURE__ */ jsx(Root$1, {
+		defaultOpen: open,
+		onOpenChange,
+		open,
+		children: /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Overlay, {
+			...overlayProps,
+			className: twMerge("fixed inset-0 grid place-items-center overflow-y-auto bg-background/50 data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in", overlayProps?.className),
+			children: /* @__PURE__ */ jsxs(Content, {
+				...delegated,
+				...contentProps,
+				className: twMerge("overflow-hidden rounded-3xl bg-background shadow-modal data-[state=closed]:animate-zoom-out data-[state=open]:animate-zoom-in dark:shadow-modal-dark", contentProps?.className),
+				children: [/* @__PURE__ */ jsxs(Root, { children: [/* @__PURE__ */ jsx(Title, { children: title || "Modal" }), /* @__PURE__ */ jsx(Description, { children: title || "Modal" })] }), children]
+			})
+		}) })
+	});
+}
 const useWindowSize = () => {
 	const [windowSize, setWindowSize] = useState({
 		innerWidth: window.innerWidth,
@@ -8339,136 +8791,6 @@ const useWindowSize = () => {
 	return windowSize;
 };
 //#endregion
-//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/addProp.js
-function t$8(...t) {
-	return t$9(n$5, t);
-}
-const n$5 = (e, t, n) => ({
-	...e,
-	[t]: n
-});
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/defaultTo.js
-function t$7(...t) {
-	return t$9(n$4, t);
-}
-const n$4 = (e, t) => e ?? t, t$6 = {
-	done: !1,
-	hasNext: !1
-};
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/pipe.js
-function t$5(e, ...t) {
-	let a = e, o = t.map((e) => `lazy` in e ? r$2(e) : void 0), s = 0;
-	for (; s < t.length;) {
-		if (o[s] === void 0 || !i$1(a)) {
-			let e = t[s];
-			a = e(a), s += 1;
-			continue;
-		}
-		let e = [];
-		for (let n = s; n < t.length; n++) {
-			let t = o[n];
-			if (t === void 0 || (e.push(t), t.isSingle)) break;
-		}
-		let r = [];
-		for (let t of a) if (n$2(t, r, e)) break;
-		let { isSingle: c } = e.at(-1);
-		a = c ? r[0] : r, s += e.length;
-	}
-	return a;
-}
-function n$2(t, r, i) {
-	if (i.length === 0) return r.push(t), !1;
-	let a = t, o = t$6, s = !1;
-	for (let [e, t] of i.entries()) {
-		let { index: c, items: l } = t;
-		if (l.push(a), o = t(a, c, l), t.index += 1, o.hasNext) {
-			if (o.hasMany ?? !1) {
-				for (let t of o.next) if (n$2(t, r, i.slice(e + 1))) return !0;
-				return s;
-			}
-			a = o.next;
-		}
-		if (!o.hasNext) break;
-		o.done && (s = !0);
-	}
-	return o.hasNext && r.push(a), s;
-}
-function r$2(e) {
-	let { lazy: t, lazyArgs: n } = e, r = t(...n);
-	return Object.assign(r, {
-		isSingle: t.single ?? !1,
-		index: 0,
-		items: []
-	});
-}
-function i$1(e) {
-	return typeof e == `string` || typeof e == `object` && !!e && Symbol.iterator in e;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/entries.js
-function t$4(...t) {
-	return t$9(Object.entries, t);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/filter.js
-function n$1(...t) {
-	return t$9(r$1, t, i);
-}
-const r$1 = (e, t) => e.filter(t), i = (e) => (n, r, i) => e(n, r, i) ? {
-	done: !1,
-	hasNext: !0,
-	next: n
-} : t$6;
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/isArray.js
-function e$2(e) {
-	return Array.isArray(e);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/isIncludedIn.js
-function e$1(e, t) {
-	if (t === void 0) {
-		let t = new Set(e);
-		return (e) => t.has(e);
-	}
-	return t.includes(e);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/keys.js
-function t$3(...t) {
-	return t$9(Object.keys, t);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/map.js
-function t$2(...t) {
-	return t$9(n, t, r);
-}
-const n = (e, t) => e.map(t), r = (e) => (t, n, r) => ({
-	done: !1,
-	hasNext: !0,
-	next: e(t, n, r)
-});
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/prop.js
-function e(e, ...n) {
-	return typeof e == `string` || typeof e == `number` || typeof e == `symbol` ? (r) => t$1(r, e, ...n) : t$1(e, ...n);
-}
-function t$1(e, ...t) {
-	let n = e;
-	for (let e of t) {
-		if (n == null) return;
-		n = n[e];
-	}
-	return n;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/values.js
-function t(...t) {
-	return t$9(Object.values, t);
-}
-//#endregion
 //#region ../../node_modules/.pnpm/react-hook-form@7.71.2_react@19.2.6/node_modules/react-hook-form/dist/index.esm.mjs
 var isCheckBoxInput = (element) => element.type === "checkbox";
 var isDateObject = (value) => value instanceof Date;
@@ -10658,6 +10980,136 @@ function useOnClickOutside(ref, handler, eventType = "mousedown", eventListenerO
 	}, void 0, eventListenerOptions);
 }
 //#endregion
+//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/addProp.js
+function t$8(...t) {
+	return t$9(n$5, t);
+}
+const n$5 = (e, t, n) => ({
+	...e,
+	[t]: n
+});
+//#endregion
+//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/defaultTo.js
+function t$7(...t) {
+	return t$9(n$4, t);
+}
+const n$4 = (e, t) => e ?? t, t$6 = {
+	done: !1,
+	hasNext: !1
+};
+//#endregion
+//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/pipe.js
+function t$5(e, ...t) {
+	let a = e, o = t.map((e) => `lazy` in e ? r$2(e) : void 0), s = 0;
+	for (; s < t.length;) {
+		if (o[s] === void 0 || !i$1(a)) {
+			let e = t[s];
+			a = e(a), s += 1;
+			continue;
+		}
+		let e = [];
+		for (let n = s; n < t.length; n++) {
+			let t = o[n];
+			if (t === void 0 || (e.push(t), t.isSingle)) break;
+		}
+		let r = [];
+		for (let t of a) if (n$2(t, r, e)) break;
+		let { isSingle: c } = e.at(-1);
+		a = c ? r[0] : r, s += e.length;
+	}
+	return a;
+}
+function n$2(t, r, i) {
+	if (i.length === 0) return r.push(t), !1;
+	let a = t, o = t$6, s = !1;
+	for (let [e, t] of i.entries()) {
+		let { index: c, items: l } = t;
+		if (l.push(a), o = t(a, c, l), t.index += 1, o.hasNext) {
+			if (o.hasMany ?? !1) {
+				for (let t of o.next) if (n$2(t, r, i.slice(e + 1))) return !0;
+				return s;
+			}
+			a = o.next;
+		}
+		if (!o.hasNext) break;
+		o.done && (s = !0);
+	}
+	return o.hasNext && r.push(a), s;
+}
+function r$2(e) {
+	let { lazy: t, lazyArgs: n } = e, r = t(...n);
+	return Object.assign(r, {
+		isSingle: t.single ?? !1,
+		index: 0,
+		items: []
+	});
+}
+function i$1(e) {
+	return typeof e == `string` || typeof e == `object` && !!e && Symbol.iterator in e;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/entries.js
+function t$4(...t) {
+	return t$9(Object.entries, t);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/filter.js
+function n$1(...t) {
+	return t$9(r$1, t, i);
+}
+const r$1 = (e, t) => e.filter(t), i = (e) => (n, r, i) => e(n, r, i) ? {
+	done: !1,
+	hasNext: !0,
+	next: n
+} : t$6;
+//#endregion
+//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/isArray.js
+function e$2(e) {
+	return Array.isArray(e);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/isIncludedIn.js
+function e$1(e, t) {
+	if (t === void 0) {
+		let t = new Set(e);
+		return (e) => t.has(e);
+	}
+	return t.includes(e);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/keys.js
+function t$3(...t) {
+	return t$9(Object.keys, t);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/map.js
+function t$2(...t) {
+	return t$9(n, t, r);
+}
+const n = (e, t) => e.map(t), r = (e) => (t, n, r) => ({
+	done: !1,
+	hasNext: !0,
+	next: e(t, n, r)
+});
+//#endregion
+//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/prop.js
+function e(e, ...n) {
+	return typeof e == `string` || typeof e == `number` || typeof e == `symbol` ? (r) => t$1(r, e, ...n) : t$1(e, ...n);
+}
+function t$1(e, ...t) {
+	let n = e;
+	for (let e of t) {
+		if (n == null) return;
+		n = n[e];
+	}
+	return n;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/values.js
+function t(...t) {
+	return t$9(Object.values, t);
+}
+//#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.29.2/node_modules/@babel/runtime/helpers/extends.js
 var require_extends = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	function _extends() {
@@ -13239,7 +13691,7 @@ function Breadcrumbs() {
 	}
 	function onSubmit(name) {
 		if (!isAllowedToCreateDocuments || !selectedDriveId) return;
-		addFolder(selectedDriveId, name, selectedNodePath.at(-1)?.id).then((node) => {
+		addFolder$1(selectedDriveId, name, selectedNodePath.at(-1)?.id).then((node) => {
 			setSelectedNode(node);
 		}).catch((error) => {
 			console.error(error);
@@ -13316,6 +13768,86 @@ function Breadcrumb(props) {
 		children: name
 	});
 }
+const defaultStyle = "min-h-12 min-w-35.5 flex-1 transform place-items-center rounded-xl px-6 py-3 text-base font-semibold transition-all outline-none hover:hover-effect active:active-effect disabled:disabled-effect";
+function ModalButton(props) {
+	const { variant, className, ...rest } = props;
+	const confirmStyle = twMerge(defaultStyle, "bg-primary text-primary-foreground");
+	const cancelStyle = twMerge(defaultStyle, "bg-muted text-muted-foreground");
+	return /* @__PURE__ */ jsx("button", {
+		className: twMerge(variant === "confirm" ? confirmStyle : cancelStyle, className),
+		...rest
+	});
+}
+function fixedForwardRef(render) {
+	return /* @__PURE__ */ forwardRef(render);
+}
+const ConnectSelect = /* @__PURE__ */ fixedForwardRef(function Select(props, ref) {
+	const { items, value, id, onChange, containerClassName, menuClassName, itemClassName, absolutePositionMenu = false, borderRadius = "6px", listClassName } = props;
+	const [showItems, setShowItems] = useState(false);
+	const containerRef = useRef(null);
+	useEffect(() => {
+		if (!showItems) return;
+		function onPointerDown(event) {
+			if (!containerRef.current?.contains(event.target)) setShowItems(false);
+		}
+		window.addEventListener("pointerdown", onPointerDown);
+		return () => window.removeEventListener("pointerdown", onPointerDown);
+	}, [showItems]);
+	const selectedItem = getItemByValue(value) ?? items[0];
+	function onItemClick(item) {
+		if (item.disabled) return;
+		onChange(item.value);
+		setShowItems(false);
+	}
+	function getItemByValue(value) {
+		return items.find((item) => item.value === value);
+	}
+	const itemsToShow = items.filter((item) => item.value !== value);
+	return /* @__PURE__ */ jsxs("div", {
+		className: twMerge("border border-border bg-background text-foreground transition-[border-radius]", absolutePositionMenu && "relative", containerClassName),
+		"data-open": showItems,
+		ref: (node) => {
+			containerRef.current = node;
+			if (typeof ref === "function") ref(node);
+			else if (ref) ref.current = node;
+		},
+		style: { borderRadius },
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: twMerge("flex min-w-[360px] cursor-pointer items-center justify-between pr-3 text-foreground outline-none", menuClassName),
+			id,
+			onClick: () => setShowItems(!showItems),
+			children: [/* @__PURE__ */ jsx(ItemContainer, {
+				...selectedItem,
+				className: itemClassName
+			}), /* @__PURE__ */ jsx(Icon, {
+				className: twJoin("transition", showItems ? "" : "-rotate-90"),
+				name: "ChevronDown"
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: twMerge("max-h-0 w-full overflow-hidden bg-inherit transition-[max-height] ease-in-out", showItems && "max-h-screen", absolutePositionMenu && "absolute", showItems && listClassName),
+			style: { borderRadius: `0 0 ${borderRadius} ${borderRadius}` },
+			children: itemsToShow.map((item) => /* @__PURE__ */ jsx(ItemContainer, {
+				...item,
+				className: itemClassName,
+				onItemClick: () => onItemClick(item)
+			}, item.value))
+		})]
+	});
+});
+function ItemContainer(props) {
+	const { className, disabled, onItemClick, icon, displayValue, value, description } = props;
+	return /* @__PURE__ */ jsxs("div", {
+		className: twMerge(disabled ? "cursor-not-allowed text-muted-foreground" : "text-foreground", "flex size-full cursor-pointer items-center gap-2 bg-inherit py-3 pl-3 text-start outline-none", onItemClick && !disabled && "hover:bg-muted", className),
+		onClick: onItemClick,
+		children: [icon, /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+			className: "text-inherit capitalize",
+			children: displayValue ?? value.toLowerCase()
+		}), /* @__PURE__ */ jsx("p", {
+			className: "text-xs text-foreground",
+			children: description
+		})] })]
+	});
+}
 const ANIM_DUR = 460;
 1220 + ANIM_DUR + 800 + 1040 + ANIM_DUR + 400;
 `${ANIM_DUR}`;
@@ -13536,6 +14068,33 @@ function ToolbarCloseButton(props) {
 	});
 }
 /**
+* Toolbar control for upgrading the document to the latest installed
+* document model version. Renders nothing when the document is already
+* current or no upgrade path is registered.
+*/
+function ToolbarUpgradeButton(props) {
+	const { className, onClick: onClickOverride, document, children } = props;
+	const versionStatus = useDocumentVersionStatus(document);
+	const runUpgrade = () => {
+		if (document) showPHModal({
+			type: "confirmDocumentUpgrade",
+			documentId: document.header.id
+		});
+	};
+	const onClick = makeOnClick(document, onClickOverride, runUpgrade);
+	if (!versionStatus || versionStatus.kind !== "upgrade-available" || !versionStatus.canUpgrade) return null;
+	return /* @__PURE__ */ jsx(ToolbarButton, {
+		"data-testid": "toolbar-upgrade-button",
+		"aria-label": "Update document",
+		className,
+		onClick,
+		children: children ?? /* @__PURE__ */ jsx("span", {
+			className: "px-1 text-xs",
+			children: "Update available"
+		})
+	});
+}
+/**
 * Creates a toolbar button click handler.
 *
 * If an override is provided, it is called with the current document. Otherwise,
@@ -13614,6 +14173,7 @@ const defaultControlSlots = {
 	],
 	second: ["name"],
 	third: [
+		"update",
 		"history",
 		"switchboard",
 		"close"
@@ -13644,6 +14204,7 @@ const defaultControlComponents = {
 	redo: ToolbarRedoButton,
 	download: ToolbarDownloadButton,
 	name: ToolbarName,
+	update: ToolbarUpgradeButton,
 	switchboard: ToolbarSwitchboardButton,
 	history: ToolbarHistoryButton,
 	close: ToolbarCloseButton
@@ -14225,6 +14786,161 @@ function FolderItem(props) {
 		})
 	});
 }
+const FormInput = /* @__PURE__ */ forwardRef(function FormInput(props, ref) {
+	const { icon, errorMessage, isDirty, containerClassName, inputClassName, errorMessageClassName, hideErrors = false, ...delegatedProps } = props;
+	const type = props.type ?? "text";
+	const isError = !!errorMessage;
+	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+		className: twMerge("mb-1 flex gap-2 rounded-md border border-border bg-background p-3 text-foreground placeholder:text-muted-foreground disabled:disabled-effect", isError && "border-destructive", containerClassName),
+		children: [icon && /* @__PURE__ */ jsx("span", {
+			className: twJoin((!isDirty || isError) && "text-foreground"),
+			children: icon
+		}), /* @__PURE__ */ jsx("input", {
+			...delegatedProps,
+			className: twMerge("w-full bg-transparent font-semibold outline-none", inputClassName),
+			ref,
+			type
+		})]
+	}), /* @__PURE__ */ jsx("p", {
+		className: twMerge("hidden min-h-4 text-xs text-destructive", isError && "block", hideErrors && "hidden", errorMessageClassName),
+		children: errorMessage
+	})] });
+});
+function Label(props) {
+	const { children, className, ...labelProps } = props;
+	return /* @__PURE__ */ jsx("label", {
+		...labelProps,
+		className: twMerge("block font-semibold text-muted-foreground", className),
+		children
+	});
+}
+const CLOSE_ANIMATION_DURATION = 300;
+const PLACEHOLDER_KEY = "";
+function optionKey(option) {
+	return `${option.documentType}::${option.version ?? "latest"}`;
+}
+function optionDisplayName(option) {
+	return option.version ? `${option.name} v${option.version}` : option.name;
+}
+function CreateDocumentWithTypeModal(props) {
+	const { documentTypes, onCreate, onTypeSelected, onOpenChange, overlayProps, contentProps, ...restProps } = props;
+	const [documentName, setDocumentName] = useState("");
+	const [isNameValid, setIsNameValid] = useState(false);
+	const [selectedKey, setSelectedKey] = useState(PLACEHOLDER_KEY);
+	const selectedOption = documentTypes.find((option) => optionKey(option) === selectedKey);
+	const canCreate = isNameValid && selectedOption !== void 0;
+	const typeItems = documentTypes.map((option) => ({
+		value: optionKey(option),
+		displayValue: optionDisplayName(option)
+	}));
+	const items = selectedKey === PLACEHOLDER_KEY ? [{
+		value: PLACEHOLDER_KEY,
+		displayValue: "Select document type…"
+	}, ...typeItems] : typeItems;
+	const resetAfterClose = useCallback(() => {
+		setTimeout(() => {
+			setDocumentName("");
+			setIsNameValid(false);
+			setSelectedKey(PLACEHOLDER_KEY);
+		}, CLOSE_ANIMATION_DURATION);
+	}, []);
+	const handleOpenChange = (open) => {
+		onOpenChange?.(open);
+		if (!open) resetAfterClose();
+	};
+	const handleCancel = () => {
+		handleOpenChange(false);
+	};
+	const handleTypeChange = (value) => {
+		if (value === PLACEHOLDER_KEY) return;
+		setSelectedKey(value);
+		const option = documentTypes.find((o) => optionKey(o) === value);
+		if (option) onTypeSelected?.(option.documentType);
+	};
+	const handleCreate = useCallback(() => {
+		if (!canCreate) return;
+		onCreate({
+			name: documentName,
+			documentType: selectedOption.documentType,
+			version: selectedOption.version
+		});
+		resetAfterClose();
+	}, [
+		canCreate,
+		documentName,
+		onCreate,
+		resetAfterClose,
+		selectedOption
+	]);
+	const handleSubmit = useCallback((e) => {
+		e.preventDefault();
+		handleCreate();
+	}, [handleCreate]);
+	return /* @__PURE__ */ jsx(Modal, {
+		contentProps,
+		onOpenChange: handleOpenChange,
+		overlayProps,
+		title: "Create a new document",
+		...restProps,
+		children: /* @__PURE__ */ jsxs("form", {
+			name: "create-document-with-type",
+			className: "max-h-[85vh] w-100 overflow-y-auto rounded-xl bg-background p-6 text-foreground",
+			onSubmit: handleSubmit,
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "pb-2 text-2xl font-bold text-foreground",
+					children: "Create a new document"
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "my-6",
+					children: [!isNameValid && documentName ? /* @__PURE__ */ jsx("div", {
+						className: "mb-2 text-destructive",
+						children: "Document name must not be empty or contain control characters."
+					}) : null, /* @__PURE__ */ jsx(FormInput, {
+						icon: /* @__PURE__ */ jsx(Icon, { name: "BrickGlobe" }),
+						onChange: (e) => {
+							const name = e.target.value;
+							setDocumentName(name);
+							setIsNameValid(isValidName(name));
+						},
+						placeholder: "Document name",
+						required: true,
+						value: documentName
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "my-6",
+					children: [/* @__PURE__ */ jsx(Label, {
+						className: "mb-2 text-sm font-medium text-foreground",
+						htmlFor: "document-type",
+						children: "Document type"
+					}), /* @__PURE__ */ jsx(ConnectSelect, {
+						id: "document-type",
+						items,
+						listClassName: "max-h-80 overflow-y-auto overscroll-contain",
+						menuClassName: "min-w-0",
+						onChange: handleTypeChange,
+						value: selectedKey
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mt-8 flex justify-between gap-3",
+					children: [/* @__PURE__ */ jsx(ModalButton, {
+						onClick: handleCancel,
+						type: "button",
+						variant: "cancel",
+						children: "Cancel"
+					}), /* @__PURE__ */ jsx(ModalButton, {
+						disabled: !canCreate,
+						type: "submit",
+						variant: "confirm",
+						children: "Create"
+					})]
+				})
+			]
+		})
+	});
+}
 const FilterItem = (props) => {
 	const { item, className, ...containerProps } = props;
 	return /* @__PURE__ */ jsxs("div", {
@@ -14286,6 +15002,6 @@ const ConnectSearchBar = (props) => {
 	});
 };
 //#endregion
-export { FolderItem as a, FormProvider as c, set as d, useForm as f, Icon as g, useWindowSize as h, FileItem as i, appendErrors as l, PowerhouseButton as m, ConnectSearchBar as n, useVirtualizer as o, useFormContext as p, DocumentToolbar as r, Controller as s, Breadcrumbs as t, get as u };
+export { Icon as S, Modal as _, DocumentToolbar as a, Primitive as b, ModalButton as c, FormProvider as d, appendErrors as f, useFormContext as g, useForm as h, CreateDocumentWithTypeModal as i, useVirtualizer as l, set as m, ConnectSearchBar as n, FileItem as o, get as p, ConnectSelect as r, FolderItem as s, Breadcrumbs as t, Controller as u, PowerhouseButton as v, Slot as x, useWindowSize as y };
 
-//# sourceMappingURL=connect-KcYZcy_Z.mjs.map
+//# sourceMappingURL=connect-DM43aaJZ.mjs.map