@vezham/react 26.0.3 → 26.3.1

package/dist/lib/pages/settings/settings-content.js

@@ -1,20 +1,23 @@
 import { AppearanceProvider, useAppearance } from "../../components/panel/footer/control-center/appearance.js";
 import { useRootAttribute } from "../../components/panel/footer/control-center/document.js";
 import { useUser } from "../../store/users/useUserStore.js";
-import { useState, useSyncExternalStore } from "react";
+import { useState } from "react";
+import { useLocalStore } from "@vezham/hooks";
 import { Button, Input, Label, ListBox, Select, Surface, Switch, TextField } from "@vezham/react-v3";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/pages/settings/settings-content.tsx
-var subscribeNotifications = (onChange) => {
-	window.addEventListener("storage", onChange);
-	window.addEventListener("vx:notification-settings", onChange);
-	return () => {
-		window.removeEventListener("storage", onChange);
-		window.removeEventListener("vx:notification-settings", onChange);
-	};
+var INITIAL_NOTIFICATIONS = {
+	sounds: true,
+	badges: true
+};
+var parseNotifications = (data) => {
+	if (!data || typeof data !== "object") return INITIAL_NOTIFICATIONS;
+	const value = data;
+	return typeof value.sounds === "boolean" && typeof value.badges === "boolean" ? {
+		sounds: value.sounds,
+		badges: value.badges
+	} : INITIAL_NOTIFICATIONS;
 };
-var readNotifications = () => localStorage.getItem("demo:notification-settings") ?? "";
-var serverNotifications = () => "";
 var useSettingsPreferences = () => {
 	const { user, updateUser } = useUser();
 	const { value: language, onChange: setLanguage } = useRootAttribute("lang", "en");
@@ -23,22 +26,7 @@ var useSettingsPreferences = () => {
 	const [lastName, setLastName] = useState(user?.lastName ?? "");
 	const [email, setEmail] = useState(user?.email ?? "");
 	const [saved, setSaved] = useState(false);
-	const snapshot = useSyncExternalStore(subscribeNotifications, readNotifications, serverNotifications);
-	let notifications = {
-		sounds: true,
-		badges: true
-	};
-	try {
-		const value = JSON.parse(snapshot || "null");
-		if (value && typeof value.sounds === "boolean" && typeof value.badges === "boolean") notifications = {
-			sounds: value.sounds,
-			badges: value.badges
-		};
-	} catch {}
-	const setNotifications = (next) => {
-		localStorage.setItem("demo:notification-settings", JSON.stringify(next));
-		window.dispatchEvent(new Event("vx:notification-settings"));
-	};
+	const { value: notifications, setValue: setNotifications } = useLocalStore("demo:notification-settings", INITIAL_NOTIFICATIONS, { parse: parseNotifications });
 	return {
 		updateUser,
 		language,

package/dist/lib/workspace/action-dialog.d.ts

@@ -0,0 +1,9 @@
+export type WorkspaceAction = {
+    id: string;
+    type: 'rename' | 'delete';
+};
+export declare const WorkspaceActionDialog: ({ action, onClose }: {
+    action: WorkspaceAction;
+    onClose: () => void;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=action-dialog.d.ts.map

package/dist/lib/workspace/action-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/workspace/action-dialog.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,eAAe,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAAE,CAAA;AAEvE,eAAO,MAAM,qBAAqB,GAAI,qBAGnC;IACD,MAAM,EAAE,eAAe,CAAA;IACvB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,gCAwGA,CAAA"}

package/dist/lib/workspace/action-dialog.js

@@ -0,0 +1,86 @@
+import { useWorkspace } from "./index.js";
+import { useState } from "react";
+import { Button, Form, Input, Label, Modal, TextField, useOverlayState } from "@vezham/react-v3";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/lib/workspace/action-dialog.tsx
+var WorkspaceActionDialog = ({ action, onClose }) => {
+	const workspace = useWorkspace();
+	const target = workspace.workspaces.find((item) => item.id === action.id);
+	const [name, setName] = useState(target?.name ?? "");
+	const [pending, setPending] = useState(false);
+	const [error, setError] = useState("");
+	const deleting = action.type === "delete";
+	const state = useOverlayState({
+		isOpen: true,
+		onOpenChange: (open) => {
+			if (!open && !pending) onClose();
+		}
+	});
+	const submit = async () => {
+		if (pending || !target) return;
+		setPending(true);
+		setError("");
+		try {
+			if (deleting ? await workspace.remove(target.id) : await workspace.rename(target.id, name)) onClose();
+			else setError(deleting && workspace.workspaces.length <= 1 ? "Keep at least one workspace." : "Unable to save this change. Check browser storage permissions.");
+		} catch (cause) {
+			setError(cause instanceof Error ? cause.message : "Unable to update workspace.");
+		} finally {
+			setPending(false);
+		}
+	};
+	return /* @__PURE__ */ jsx(Modal, {
+		state,
+		children: /* @__PURE__ */ jsx(Modal.Backdrop, {
+			variant: "blur",
+			children: /* @__PURE__ */ jsx(Modal.Container, {
+				placement: "center",
+				size: "sm",
+				children: /* @__PURE__ */ jsxs(Modal.Dialog, { children: [
+					/* @__PURE__ */ jsx(Modal.CloseTrigger, {
+						"aria-label": "Close workspace action",
+						isDisabled: pending
+					}),
+					/* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Heading, { children: deleting ? "Delete workspace" : "Rename workspace" }) }),
+					/* @__PURE__ */ jsxs(Form, {
+						onSubmit: (event) => {
+							event.preventDefault();
+							submit();
+						},
+						children: [/* @__PURE__ */ jsxs(Modal.Body, {
+							className: "flex flex-col gap-4",
+							children: [deleting ? /* @__PURE__ */ jsxs("p", { children: [
+								"Delete ",
+								/* @__PURE__ */ jsx("strong", { children: target?.name }),
+								"? Its local notes, chat history, and workspace data will be permanently removed from this browser."
+							] }) : /* @__PURE__ */ jsxs(TextField, {
+								isRequired: true,
+								value: name,
+								onChange: setName,
+								isDisabled: pending,
+								children: [/* @__PURE__ */ jsx(Label, { children: "Workspace name" }), /* @__PURE__ */ jsx(Input, { maxLength: 64 })]
+							}), error && /* @__PURE__ */ jsx("p", {
+								role: "alert",
+								className: "text-danger text-sm",
+								children: error
+							})]
+						}), /* @__PURE__ */ jsxs(Modal.Footer, { children: [/* @__PURE__ */ jsx(Button, {
+							variant: "secondary",
+							onPress: onClose,
+							isDisabled: pending,
+							children: "Cancel"
+						}), /* @__PURE__ */ jsx(Button, {
+							type: "submit",
+							variant: deleting ? "danger" : "primary",
+							isPending: pending,
+							isDisabled: !target || !workspace.isReady || Boolean(workspace.error) || (deleting ? workspace.workspaces.length <= 1 : !name.trim()),
+							children: deleting ? "Delete workspace" : "Save name"
+						})] })]
+					})
+				] })
+			})
+		})
+	});
+};
+//#endregion
+export { WorkspaceActionDialog };

package/dist/lib/workspace/actions-menu.d.ts

@@ -0,0 +1,8 @@
+import type { WorkspaceAction } from './action-dialog';
+import type { LocalWorkspace } from './model';
+export declare const WorkspaceActionsMenu: ({ workspace, canDelete, onAction }: {
+    workspace: LocalWorkspace;
+    canDelete: boolean;
+    onAction: (action: WorkspaceAction) => void;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=actions-menu.d.ts.map

package/dist/lib/workspace/actions-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions-menu.d.ts","sourceRoot":"","sources":["../../../src/lib/workspace/actions-menu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,eAAO,MAAM,oBAAoB,GAAI,oCAIlC;IACD,SAAS,EAAE,cAAc,CAAA;IACzB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAA;CAC5C,gCA+BA,CAAA"}

package/dist/lib/workspace/actions-menu.js

@@ -0,0 +1,47 @@
+import { Button, Dropdown } from "@vezham/react-v3";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MenuDots, Pen, TrashBinTrash } from "@vezham/icons-react";
+//#region src/lib/workspace/actions-menu.tsx
+var WorkspaceActionsMenu = ({ workspace, canDelete, onAction }) => /* @__PURE__ */ jsxs(Dropdown, { children: [/* @__PURE__ */ jsx(Button, {
+	variant: "ghost",
+	size: "sm",
+	isIconOnly: true,
+	"aria-label": `Options for ${workspace.name}`,
+	className: "size-8 min-w-8 shrink-0",
+	children: /* @__PURE__ */ jsx(MenuDots, {
+		size: 18,
+		"aria-hidden": "true"
+	})
+}), /* @__PURE__ */ jsx(Dropdown.Popover, {
+	className: "z-90 w-44",
+	children: /* @__PURE__ */ jsxs(Dropdown.Menu, {
+		"aria-label": `Workspace actions for ${workspace.name}`,
+		children: [/* @__PURE__ */ jsxs(Dropdown.Item, {
+			id: "rename",
+			textValue: "Rename",
+			onAction: () => onAction({
+				id: workspace.id,
+				type: "rename"
+			}),
+			children: [/* @__PURE__ */ jsx(Pen, {
+				size: 18,
+				"aria-hidden": "true"
+			}), "Rename"]
+		}), /* @__PURE__ */ jsxs(Dropdown.Item, {
+			id: "delete",
+			textValue: "Delete",
+			variant: "danger",
+			isDisabled: !canDelete,
+			onAction: () => onAction({
+				id: workspace.id,
+				type: "delete"
+			}),
+			children: [/* @__PURE__ */ jsx(TrashBinTrash, {
+				size: 18,
+				"aria-hidden": "true"
+			}), "Delete"]
+		})]
+	})
+})] });
+//#endregion
+export { WorkspaceActionsMenu };

package/dist/lib/workspace/create-dialog.d.ts

@@ -0,0 +1,5 @@
+export declare const CreateWorkspaceDialog: ({ isOpen, onOpenChange }: {
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=create-dialog.d.ts.map

package/dist/lib/workspace/create-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/workspace/create-dialog.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,qBAAqB,GAAI,0BAGnC;IACD,MAAM,EAAE,OAAO,CAAA;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC,gCAiBA,CAAA"}

package/dist/lib/workspace/create-dialog.js

@@ -0,0 +1,108 @@
+import { useWorkspace } from "./index.js";
+import { useState } from "react";
+import { Button, Description, Form, Input, Label, Modal, TextField, useOverlayState } from "@vezham/react-v3";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Laptop } from "@vezham/icons-react";
+//#region src/lib/workspace/create-dialog.tsx
+var CreateWorkspaceDialog = ({ isOpen, onOpenChange }) => {
+	return /* @__PURE__ */ jsx(Modal, {
+		state: useOverlayState({
+			isOpen,
+			onOpenChange
+		}),
+		children: /* @__PURE__ */ jsx(Modal.Backdrop, {
+			variant: "blur",
+			children: /* @__PURE__ */ jsx(Modal.Container, {
+				placement: "center",
+				size: "sm",
+				children: /* @__PURE__ */ jsxs(Modal.Dialog, { children: [
+					/* @__PURE__ */ jsx(Modal.CloseTrigger, { "aria-label": "Close create workspace" }),
+					/* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Heading, { children: "Name your workspace" }) }),
+					/* @__PURE__ */ jsx(CreateWorkspaceForm, { onClose: () => onOpenChange(false) })
+				] })
+			})
+		})
+	});
+};
+var CreateWorkspaceForm = ({ onClose }) => {
+	const workspace = useWorkspace();
+	const [name, setName] = useState("");
+	const [error, setError] = useState("");
+	const [isPending, setIsPending] = useState(false);
+	const submit = async () => {
+		if (isPending) return;
+		setIsPending(true);
+		setError("");
+		try {
+			if (await workspace.create(name)) onClose();
+			else setError("Unable to save this workspace. Check browser storage permissions.");
+		} catch (cause) {
+			setError(cause instanceof Error ? cause.message : "Unable to create workspace.");
+		} finally {
+			setIsPending(false);
+		}
+	};
+	return /* @__PURE__ */ jsxs(Form, {
+		onSubmit: (event) => {
+			event.preventDefault();
+			submit();
+		},
+		children: [/* @__PURE__ */ jsxs(Modal.Body, {
+			className: "flex flex-col gap-5",
+			children: [
+				/* @__PURE__ */ jsx("p", {
+					className: "text-muted text-sm",
+					children: "A workspace keeps your app data together. Create one for yourself, a project, or a team."
+				}),
+				/* @__PURE__ */ jsxs(TextField, {
+					isRequired: true,
+					value: name,
+					onChange: setName,
+					isInvalid: Boolean(error),
+					isDisabled: isPending,
+					children: [/* @__PURE__ */ jsx(Label, { children: "Workspace name" }), /* @__PURE__ */ jsx(Input, {
+						placeholder: "Set a workspace name",
+						maxLength: 64
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-2",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "text-sm font-medium",
+							children: "Workspace type"
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "bg-surface-secondary flex items-center gap-3 rounded-lg p-3",
+							children: [/* @__PURE__ */ jsx(Laptop, {
+								size: 20,
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ jsx("span", {
+								className: "text-sm",
+								children: "Local storage"
+							})]
+						}),
+						/* @__PURE__ */ jsx(Description, { children: "Saved in this browser. No sign-in needed." })
+					]
+				}),
+				error && /* @__PURE__ */ jsx("p", {
+					role: "alert",
+					className: "text-danger text-sm",
+					children: error
+				})
+			]
+		}), /* @__PURE__ */ jsxs(Modal.Footer, { children: [/* @__PURE__ */ jsx(Button, {
+			variant: "secondary",
+			onPress: onClose,
+			isDisabled: isPending,
+			children: "Cancel"
+		}), /* @__PURE__ */ jsx(Button, {
+			type: "submit",
+			isPending,
+			isDisabled: !name.trim() || !workspace.isReady || Boolean(workspace.error),
+			children: "Create workspace"
+		})] })]
+	});
+};
+//#endregion
+export { CreateWorkspaceDialog };

package/dist/lib/workspace/index.d.ts

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react';
+import type { IndexedDBStoreOptions } from '@vezham/hooks';
+import type { LocalWorkspace } from './model';
+interface WorkspaceContextValue {
+    appId: string;
+    active: LocalWorkspace;
+    workspaces: readonly LocalWorkspace[];
+    isReady: boolean;
+    isSaved: boolean;
+    error: unknown;
+    create: (name: string) => Promise<string | null>;
+    select: (id: string) => void;
+    rename: (id: string, name: string) => Promise<boolean>;
+    remove: (id: string) => Promise<boolean>;
+}
+export interface WorkspaceProviderProps {
+    children: ReactNode;
+    appId?: string;
+    defaultName?: string;
+}
+export declare const WorkspaceProvider: ({ children, appId: explicitAppId, defaultName }: WorkspaceProviderProps) => import("react").JSX.Element;
+export declare const useOptionalWorkspace: () => WorkspaceContextValue | null;
+export declare const useWorkspace: () => WorkspaceContextValue;
+export declare const useWorkspaceStore: <T>(key: string, initialValue: T, options?: IndexedDBStoreOptions<T>) => {
+    setValue: (update: T | ((current: T) => T), options?: import("@vezham/hooks").IndexedDBMutationOptions) => Promise<boolean>;
+    flush: () => Promise<undefined>;
+    refresh: () => Promise<undefined>;
+    value: T;
+    isReady: boolean;
+    isSaved: boolean;
+    error: unknown;
+};
+export type { LocalWorkspace } from './model';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/workspace/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/workspace/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAW1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,cAAc,CAAA;IACtB,UAAU,EAAE,SAAS,cAAc,EAAE,CAAA;IACrC,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IAChD,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IACtD,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;CACzC;AASD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,iBAAiB,GAAI,iDAI/B,sBAAsB,gCAYxB,CAAA;AAqID,eAAO,MAAM,oBAAoB,oCAAqC,CAAA;AAEtE,eAAO,MAAM,YAAY,6BAIxB,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,EACjC,KAAK,MAAM,EACX,cAAc,CAAC,EACf,UAAS,qBAAqB,CAAC,CAAC,CAAM;;;;;;;;CAQvC,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA"}

package/dist/lib/workspace/index.js

@@ -0,0 +1,128 @@
+import { createInitialWorkspaceCatalog, createLocalWorkspace, normalizeWorkspaceName, parseWorkspaceCatalog, workspaceCatalogKey, workspaceDataKey, workspaceSelectionKey } from "./model.js";
+import { createContext, useCallback, useContext, useMemo } from "react";
+import { useApp, useIndexedDBStore, useLocalStore } from "@vezham/hooks";
+import { jsx } from "react/jsx-runtime";
+//#region src/lib/workspace/index.tsx
+var parseWorkspaceSelection = (value) => typeof value === "string" && value.length > 0 && value.length <= 128 ? value : "default";
+var WorkspaceContext = createContext(null);
+var WorkspaceProvider = ({ children, appId: explicitAppId, defaultName = "My Workspace" }) => {
+	const app = useApp();
+	const appId = explicitAppId ?? app?.id;
+	if (!appId) throw new Error("WorkspaceProvider requires an app ID or an app identity provider.");
+	return /* @__PURE__ */ jsx(WorkspaceScope, {
+		appId,
+		defaultName,
+		children
+	}, appId);
+};
+var WorkspaceScope = ({ children, appId, defaultName }) => {
+	const initial = useMemo(() => createInitialWorkspaceCatalog(defaultName), [defaultName]);
+	const { value: catalog, setValue, isReady, isSaved, error } = useIndexedDBStore(workspaceCatalogKey(appId), initial, { parse: parseWorkspaceCatalog });
+	const { value: selectedId, setValue: setSelection, isReady: selectionReady, isSaved: selectionSaved, error: selectionError } = useLocalStore(workspaceSelectionKey(appId), "default", { parse: parseWorkspaceSelection });
+	const active = catalog.workspaces.find((item) => item.id === selectedId) ?? catalog.workspaces[0];
+	const create = useCallback(async (name) => {
+		if (!isReady || !selectionReady || error) return null;
+		const workspace = createLocalWorkspace(name);
+		if (!await setValue((current) => ({ workspaces: [...current.workspaces, workspace] }))) return null;
+		setSelection(workspace.id);
+		return workspace.id;
+	}, [
+		isReady,
+		selectionReady,
+		error,
+		setValue,
+		setSelection
+	]);
+	const select = useCallback((id) => {
+		if (!isReady || !selectionReady || error || !catalog.workspaces.some((item) => item.id === id)) return;
+		setSelection(id);
+	}, [
+		isReady,
+		selectionReady,
+		error,
+		catalog.workspaces,
+		setSelection
+	]);
+	const rename = useCallback(async (id, name) => {
+		if (!isReady || error) return false;
+		const normalized = normalizeWorkspaceName(name);
+		if (!catalog.workspaces.some((item) => item.id === id)) return false;
+		return setValue((current) => ({ workspaces: current.workspaces.map((item) => item.id === id ? {
+			...item,
+			name: normalized
+		} : item) }));
+	}, [
+		isReady,
+		error,
+		catalog.workspaces,
+		setValue
+	]);
+	const remove = useCallback(async (id) => {
+		if (!isReady || error || catalog.workspaces.length <= 1 || !catalog.workspaces.some((item) => item.id === id)) return false;
+		const saved = await setValue((current) => {
+			const remaining = current.workspaces.filter((item) => item.id !== id);
+			if (!remaining.length) throw new Error("Keep at least one workspace.");
+			return { workspaces: remaining };
+		}, {
+			deletePrefixes: [workspaceDataKey(appId, id, "")],
+			optimistic: false
+		});
+		if (saved) {
+			const next = catalog.workspaces.find((item) => item.id !== id);
+			if (next) setSelection((current) => current === id ? next.id : current);
+		}
+		return saved;
+	}, [
+		isReady,
+		error,
+		catalog.workspaces,
+		setValue,
+		appId,
+		setSelection
+	]);
+	const ready = isReady && selectionReady;
+	const storageError = error ?? selectionError;
+	const saved = isSaved && selectionSaved;
+	const value = useMemo(() => ({
+		appId,
+		active,
+		workspaces: catalog.workspaces,
+		isReady: ready,
+		isSaved: saved,
+		error: storageError,
+		create,
+		rename,
+		remove,
+		select
+	}), [
+		appId,
+		active,
+		catalog.workspaces,
+		ready,
+		saved,
+		storageError,
+		create,
+		rename,
+		remove,
+		select
+	]);
+	return /* @__PURE__ */ jsx(WorkspaceContext.Provider, {
+		value,
+		children
+	});
+};
+var useOptionalWorkspace = () => useContext(WorkspaceContext);
+var useWorkspace = () => {
+	const workspace = useOptionalWorkspace();
+	if (!workspace) throw new Error("useWorkspace requires WorkspaceProvider.");
+	return workspace;
+};
+var useWorkspaceStore = (key, initialValue, options = {}) => {
+	const { appId, active, isReady } = useWorkspace();
+	return useIndexedDBStore(workspaceDataKey(appId, active.id, key), initialValue, {
+		...options,
+		enabled: isReady && options.enabled !== false
+	});
+};
+//#endregion
+export { WorkspaceProvider, useOptionalWorkspace, useWorkspace, useWorkspaceStore };

package/dist/lib/workspace/menu.d.ts

@@ -0,0 +1,18 @@
+import type { WorkspaceAction } from './action-dialog';
+import type { useWorkspace } from './index';
+type Props = {
+    workspace: ReturnType<typeof useWorkspace>;
+    select: (id: string) => void;
+    create: () => void;
+    onAction: (action: WorkspaceAction) => void;
+};
+export declare const renderWorkspaceMenuSection: (props: Props) => import("react").JSX.Element;
+export declare const WorkspaceSheetTrigger: ({ name, onPress }: {
+    name: string;
+    onPress: () => void;
+}) => import("react").JSX.Element;
+export declare const WorkspaceSheetItems: ({ workspace, select, create, onAction, onBack }: Props & {
+    onBack: () => void;
+}) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=menu.d.ts.map

package/dist/lib/workspace/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/lib/workspace/menu.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAA;IAC1C,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAA;CAC5C,CAAA;AA4CD,eAAO,MAAM,0BAA0B,GAAI,OAAO,KAAK,gCAqBtD,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,mBAGnC;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,gCAUA,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,iDAMjC,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,gCA6ChC,CAAA"}