npm - @adea-ai/ui - Versions diffs - 0.96.0 → 0.97.0 - Mend

@adea-ai/ui 0.96.0 → 0.97.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (49) hide show

package/dist/components/composites/about-dialog/about-dialog.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import { type Accessor } from 'solid-js';
+export type AboutDialogProps = {
+    appName: string;
+    appIcon: string;
+    version?: string;
+    platform: string;
+    copyright: string;
+    sourceUrl: string;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    copyVersionInfo?: (text: string) => Promise<void>;
+    openExternal?: (url: string) => Promise<void>;
+    restoreFocusRef?: Accessor<HTMLElement | undefined>;
+};
+/** Compact app identity and support details, with clipboard and native-browser adapters. */
+export declare function AboutDialog(props: AboutDialogProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=about-dialog.d.ts.map

package/dist/components/composites/about-dialog/about-dialog.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"about-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/about-dialog/about-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,QAAQ,EACd,MAAM,UAAU,CAAA;AAOjB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACjD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7C,eAAe,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC,CAAA;CACpD,CAAA;AAED,4FAA4F;AAC5F,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kCAkIlD"}

package/dist/components/composites/about-dialog/about-dialog.js ADDED Viewed

@@ -0,0 +1,167 @@
+import { Alert, AlertDescription } from "../../ui/alert/alert.js";
+import { Dialog, DialogContent, DialogTitle, createDialogFocusRestoration } from "../../ui/dialog/dialog.js";
+import { ActionButton } from "../action-button/action-button.js";
+import { createComponent, effect, insert, setAttribute, template } from "solid-js/web";
+import { ExternalLink } from "lucide-solid";
+import { Show, createEffect, createMemo, createSignal, on, onCleanup } from "solid-js";
+//#region src/components/composites/about-dialog/about-dialog.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div class="flex flex-col items-center gap-3 px-6 py-8 text-center"><img alt class=size-16 aria-hidden=true><p class="text-sm text-primary"></p><p class="text-xs text-muted-foreground"></p><div class="flex flex-wrap items-center justify-center gap-3">`);
+/** Compact app identity and support details, with clipboard and native-browser adapters. */
+function AboutDialog(props) {
+	const versionLabel = () => props.version ? `Version ${props.version}` : "Version unavailable";
+	const versionInfo = createMemo(() => [
+		props.appName,
+		versionLabel(),
+		`Platform: ${props.platform}`
+	].join("\n"));
+	const [copied, setCopied] = createSignal(false);
+	const [error, setError] = createSignal("");
+	const [copying, setCopying] = createSignal(false);
+	let disposed = false;
+	let epoch = 0;
+	let timer;
+	onCleanup(() => {
+		disposed = true;
+		epoch += 1;
+		clearTimeout(timer);
+	});
+	createEffect(on(() => props.open, () => {
+		epoch += 1;
+		clearTimeout(timer);
+		setCopied(false);
+		setError("");
+		setCopying(false);
+	}));
+	const focus = createDialogFocusRestoration({
+		open: () => props.open,
+		restoreFocusRef: props.restoreFocusRef
+	});
+	const copy = async () => {
+		const owner = epoch;
+		const active = () => !disposed && props.open && owner === epoch;
+		setError("");
+		setCopied(false);
+		setCopying(true);
+		try {
+			if (props.copyVersionInfo) await props.copyVersionInfo(versionInfo());
+			else await navigator.clipboard.writeText(versionInfo());
+			if (!active()) return;
+			setCopied(true);
+			clearTimeout(timer);
+			timer = setTimeout(() => {
+				if (active()) setCopied(false);
+			}, 2e3);
+		} catch {
+			if (active()) setError("Could not copy version info. Please try again.");
+		} finally {
+			if (active()) setCopying(false);
+		}
+	};
+	const openSource = async () => {
+		const owner = epoch;
+		setError("");
+		try {
+			await props.openExternal?.(props.sourceUrl);
+		} catch {
+			if (!disposed && props.open && owner === epoch) setError("Could not open the source repository. Please try again.");
+		}
+	};
+	return createComponent(Dialog, {
+		get open() {
+			return props.open;
+		},
+		get onOpenChange() {
+			return props.onOpenChange;
+		},
+		get children() {
+			return createComponent(DialogContent, {
+				onKeyDown: (event) => {
+					if (event.key === "Escape" && !event.defaultPrevented) {
+						event.preventDefault();
+						props.onOpenChange(false);
+					}
+				},
+				get ["aria-label"]() {
+					return `About ${props.appName}`;
+				},
+				"aria-labelledby": "",
+				"aria-describedby": void 0,
+				onOpenAutoFocus: (event) => {
+					focus.onOpenAutoFocus(event);
+					if (!event.defaultPrevented && event.currentTarget instanceof HTMLElement) {
+						event.preventDefault();
+						event.currentTarget.focus({ preventScroll: true });
+					}
+				},
+				get onCloseAutoFocus() {
+					return focus.onCloseAutoFocus;
+				},
+				get children() {
+					var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling;
+					insert(_el$, createComponent(DialogTitle, { get children() {
+						return props.appName;
+					} }), _el$3);
+					insert(_el$3, versionLabel);
+					insert(_el$4, () => props.copyright);
+					insert(_el$5, createComponent(ActionButton, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						get busy() {
+							return copying();
+						},
+						tooltip: "Copy the app version and runtime details for a support report.",
+						onClick: () => void copy(),
+						get children() {
+							return copied() ? "Copied" : "Copy version info";
+						}
+					}), null);
+					insert(_el$5, createComponent(ActionButton, {
+						as: "a",
+						variant: "link",
+						size: "sm",
+						get href() {
+							return props.sourceUrl;
+						},
+						target: "_blank",
+						rel: "noopener noreferrer",
+						get tooltip() {
+							return `Open the ${props.appName} source repository in your browser.`;
+						},
+						onClick: (event) => {
+							if (props.openExternal) {
+								event.preventDefault();
+								openSource();
+							}
+						},
+						get children() {
+							return [createComponent(ExternalLink, { "aria-hidden": "true" }), "View source"];
+						}
+					}), null);
+					insert(_el$, createComponent(Show, {
+						get when() {
+							return error();
+						},
+						get children() {
+							return createComponent(Alert, {
+								variant: "destructive",
+								role: "alert",
+								get children() {
+									return createComponent(AlertDescription, { get children() {
+										return error();
+									} });
+								}
+							});
+						}
+					}), null);
+					effect(() => setAttribute(_el$2, "src", props.appIcon));
+					return _el$;
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { AboutDialog };
+//# sourceMappingURL=about-dialog.js.map

package/dist/components/composites/about-dialog/about-dialog.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"about-dialog.js","names":["createEffect","createMemo","createSignal","on","onCleanup","Show","Accessor","ExternalLink","ActionButton","Alert","AlertDescription","Dialog","DialogContent","DialogTitle","createDialogFocusRestoration","AboutDialogProps","appName","appIcon","version","platform","copyright","sourceUrl","open","onOpenChange","copyVersionInfo","text","Promise","openExternal","url","restoreFocusRef","HTMLElement","AboutDialog","props","versionLabel","versionInfo","join","copied","setCopied","error","setError","copying","setCopying","disposed","epoch","timer","ReturnType","setTimeout","clearTimeout","focus","copy","owner","active","navigator","clipboard","writeText","openSource","_$createComponent","children","onKeyDown","event","KeyboardEvent","key","defaultPrevented","preventDefault","aria-label","undefined","onOpenAutoFocus","currentTarget","preventScroll","onCloseAutoFocus","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","_el$5","_$insert","type","variant","size","busy","tooltip","onClick","as","href","target","rel","when","role","_$effect","_$setAttribute","_$createComponent","_$setAttribute"],"sources":["../../../../src/components/composites/about-dialog/about-dialog.tsx"],"sourcesContent":["import {\n createEffect,\n createMemo,\n createSignal,\n on,\n onCleanup,\n Show,\n type Accessor,\n} from 'solid-js'\nimport { ExternalLink } from 'lucide-solid'\nimport { ActionButton } from '../action-button'\nimport { Alert, AlertDescription } from '../../ui/alert'\nimport { Dialog, DialogContent, DialogTitle } from '../../ui/dialog'\nimport { createDialogFocusRestoration } from '../../ui/dialog/dialog'\n\nexport type AboutDialogProps = {\n appName: string\n appIcon: string\n version?: string\n platform: string\n copyright: string\n sourceUrl: string\n open: boolean\n onOpenChange: (open: boolean) => void\n copyVersionInfo?: (text: string) => Promise<void>\n openExternal?: (url: string) => Promise<void>\n restoreFocusRef?: Accessor<HTMLElement | undefined>\n}\n\n/** Compact app identity and support details, with clipboard and native-browser adapters. */\nexport function AboutDialog(props: AboutDialogProps) {\n const versionLabel = () => (props.version ? `Version ${props.version}` : 'Version unavailable')\n const versionInfo = createMemo(() =>\n [props.appName, versionLabel(), `Platform: ${props.platform}`].join('\\n')\n )\n const [copied, setCopied] = createSignal(false)\n const [error, setError] = createSignal('')\n const [copying, setCopying] = createSignal(false)\n let disposed = false\n let epoch = 0\n let timer: ReturnType<typeof setTimeout> | undefined\n onCleanup(() => {\n disposed = true\n epoch += 1\n clearTimeout(timer)\n })\n createEffect(\n on(\n () => props.open,\n () => {\n epoch += 1\n clearTimeout(timer)\n setCopied(false)\n setError('')\n setCopying(false)\n }\n )\n )\n const focus = createDialogFocusRestoration({\n open: () => props.open,\n restoreFocusRef: props.restoreFocusRef,\n })\n const copy = async () => {\n const owner = epoch\n const active = () => !disposed && props.open && owner === epoch\n setError('')\n setCopied(false)\n setCopying(true)\n try {\n if (props.copyVersionInfo) await props.copyVersionInfo(versionInfo())\n else await navigator.clipboard.writeText(versionInfo())\n if (!active()) return\n setCopied(true)\n clearTimeout(timer)\n timer = setTimeout(() => {\n if (active()) setCopied(false)\n }, 2000)\n } catch {\n if (active()) setError('Could not copy version info. Please try again.')\n } finally {\n if (active()) setCopying(false)\n }\n }\n const openSource = async () => {\n const owner = epoch\n setError('')\n try {\n await props.openExternal?.(props.sourceUrl)\n } catch {\n if (!disposed && props.open && owner === epoch)\n setError('Could not open the source repository. Please try again.')\n }\n }\n return (\n <Dialog open={props.open} onOpenChange={props.onOpenChange}>\n <DialogContent\n onKeyDown={(event: KeyboardEvent) => {\n // Tooltip help on the identity actions cannot trap Escape in this popup.\n if (event.key === 'Escape' && !event.defaultPrevented) {\n event.preventDefault()\n props.onOpenChange(false)\n }\n }}\n aria-label={`About ${props.appName}`}\n aria-labelledby=\"\"\n aria-describedby={undefined}\n onOpenAutoFocus={(event) => {\n focus.onOpenAutoFocus(event)\n // Let the identity be read before focus opens explanatory action help.\n if (!event.defaultPrevented && event.currentTarget instanceof HTMLElement) {\n event.preventDefault()\n event.currentTarget.focus({ preventScroll: true })\n }\n }}\n onCloseAutoFocus={focus.onCloseAutoFocus}\n >\n <div class=\"flex flex-col items-center gap-3 px-6 py-8 text-center\">\n <img src={props.appIcon} alt=\"\" class=\"size-16\" aria-hidden=\"true\" />\n <DialogTitle>{props.appName}</DialogTitle>\n <p class=\"text-sm text-primary\">{versionLabel()}</p>\n <p class=\"text-xs text-muted-foreground\">{props.copyright}</p>\n <div class=\"flex flex-wrap items-center justify-center gap-3\">\n <ActionButton\n type=\"button\"\n variant=\"outline\"\n size=\"sm\"\n busy={copying()}\n tooltip=\"Copy the app version and runtime details for a support report.\"\n onClick={() => void copy()}\n >\n {copied() ? 'Copied' : 'Copy version info'}\n </ActionButton>\n <ActionButton\n as=\"a\"\n variant=\"link\"\n size=\"sm\"\n href={props.sourceUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n tooltip={`Open the ${props.appName} source repository in your browser.`}\n onClick={(event) => {\n if (props.openExternal) {\n event.preventDefault()\n void openSource()\n }\n }}\n >\n <ExternalLink aria-hidden=\"true\" />\n View source\n </ActionButton>\n </div>\n <Show when={error()}>\n <Alert variant=\"destructive\" role=\"alert\">\n <AlertDescription>{error()}</AlertDescription>\n </Alert>\n </Show>\n </div>\n </DialogContent>\n </Dialog>\n )\n}\n"],"mappings":"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"}

package/dist/components/composites/about-dialog/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+/** Shared app identity and version support dialog. */
+export { AboutDialog, type AboutDialogProps } from './about-dialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composites/about-dialog/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/about-dialog/index.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/components/composites/about-dialog/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { AboutDialog } from "./about-dialog.js";
2	+ export { AboutDialog };

package/dist/components/composites/account-menu/account-menu.d.ts CHANGED Viewed

@@ -40,6 +40,8 @@ export type AccountMenuProps = {
     platform?: 'desktop' | 'web';
     /** Whether a session exists. Decides the sign-in/sign-out row. */
     authenticated: boolean;
+    /** Local-only applications can omit the session actions altogether. */
+    showSession?: boolean;
     /** Disable the session row while a sign-in or sign-out is in flight. */
     busy?: boolean;
     /** The name shown on the trigger's accessible label. */
@@ -50,4 +52,14 @@ export type AccountMenuProps = {
     onIntent?: () => void;
 };
 export declare function AccountMenu(props: AccountMenuProps): JSX.Element;
+/** The common support menu, with one app-specific entry before the shared items. */
+export declare function createAppMenuItems(options: {
+    primaryItem?: AccountMenuItem;
+    settingsShortcut?: string;
+    onAbout?: AccountMenuItem['onSelectAfterClose'];
+    onHelp?: AccountMenuItem['onSelectAfterClose'];
+    onFeedback?: AccountMenuItem['onSelectAfterClose'];
+    onUpdates?: AccountMenuItem['onSelectAfterClose'];
+    onSettings?: AccountMenuItem['onSelectAfterClose'];
+}): AccountMenuItem[];
 //# sourceMappingURL=account-menu.d.ts.map

package/dist/components/composites/account-menu/account-menu.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"account-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/account-menu/account-menu.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAkB,GAAG,EAAE,MAAM,UAAU,CAAA;AAGnD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAWjE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAClB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAA;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,mFAAmF;IACnF,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,GAAG,SAAS,KAAK,IAAI,CAAA;CACtE,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2EAA2E;IAC3E,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1B,uCAAuC;IACvC,KAAK,EAAE,SAAS,eAAe,EAAE,CAAA;IACjC,sEAAsE;IACtE,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAA;IAC5B,kEAAkE;IAClE,aAAa,EAAE,OAAO,CAAA;IACtB,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAWD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,~~eA2GlD~~"}
1	+ {"version":3,"file":"account-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/account-menu/account-menu.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAkB,GAAG,EAAE,MAAM,UAAU,CAAA;AAGnD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAWjE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAClB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAA;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,mFAAmF;IACnF,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,GAAG,SAAS,KAAK,IAAI,CAAA;CACtE,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2EAA2E;IAC3E,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1B,uCAAuC;IACvC,KAAK,EAAE,SAAS,eAAe,EAAE,CAAA;IACjC,sEAAsE;IACtE,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAA;IAC5B,kEAAkE;IAClE,aAAa,EAAE,OAAO,CAAA;IACtB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAWD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,eA8GlD;AAED,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,OAAO,EAAE;IAC1C,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAA;IAC/C,MAAM,CAAC,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAA;IAC9C,UAAU,CAAC,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAA;IAClD,SAAS,CAAC,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAA;IACjD,UAAU,CAAC,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAA;CACnD,GAAG,eAAe,EAAE,CAoCpB"}

package/dist/components/composites/account-menu/account-menu.js CHANGED Viewed

@@ -22,6 +22,7 @@ function AccountMenu(props) {
 		"items",
 		"platform",
 		"authenticated",
+		"showSession",
 		"busy",
 		"label",
 		"onSignIn",
@@ -92,60 +93,63 @@ function AccountMenu(props) {
 								});
 							},
 							get children() {
-								return [
-									createComponent(DropdownMenuGroup, { get children() {
-										return createComponent(For, {
-											get each() {
-												return visible();
+								return [createComponent(DropdownMenuGroup, { get children() {
+									return createComponent(For, {
+										get each() {
+											return visible();
+										},
+										children: (item) => createComponent(DropdownMenuItem, {
+											get disabled() {
+												return item.disabled;
+											},
+											onSelect: () => {
+												pendingAfterClose = item.onSelectAfterClose ? { callback: item.onSelectAfterClose } : void 0;
+												item.onSelect?.();
+											},
+											get shortcut() {
+												return item.shortcut;
 											},
-											children: (item) => createComponent(DropdownMenuItem, {
+											get children() {
+												return [memo(() => item.icon ?? renderFallbackIcon(item.id)), (() => {
+													var _el$2 = _tmpl$();
+													insert(_el$2, () => item.label);
+													return _el$2;
+												})()];
+											}
+										})
+									});
+								} }), createComponent(Show, {
+									get when() {
+										return local.showSession !== false;
+									},
+									get children() {
+										return [createComponent(DropdownMenuSeparator, {}), createComponent(DropdownMenuGroup, { get children() {
+											return createComponent(DropdownMenuItem, {
 												get disabled() {
-													return item.disabled;
-												},
-												onSelect: () => {
-													pendingAfterClose = item.onSelectAfterClose ? { callback: item.onSelectAfterClose } : void 0;
-													item.onSelect?.();
-												},
-												get shortcut() {
-													return item.shortcut;
+													return local.busy;
 												},
+												onSelect: () => local.authenticated ? local.onSignOut?.() : local.onSignIn?.(),
 												get children() {
-													return [memo(() => item.icon ?? renderFallbackIcon(item.id)), (() => {
-														var _el$2 = _tmpl$();
-														insert(_el$2, () => item.label);
-														return _el$2;
+													return [createComponent(Show, {
+														get when() {
+															return local.authenticated;
+														},
+														get fallback() {
+															return createComponent(LogIn, { "aria-hidden": "true" });
+														},
+														get children() {
+															return createComponent(LogOut, { "aria-hidden": "true" });
+														}
+													}), (() => {
+														var _el$ = _tmpl$();
+														insert(_el$, () => local.authenticated ? "Sign out" : "Sign in");
+														return _el$;
 													})()];
 												}
-											})
-										});
-									} }),
-									createComponent(DropdownMenuSeparator, {}),
-									createComponent(DropdownMenuGroup, { get children() {
-										return createComponent(DropdownMenuItem, {
-											get disabled() {
-												return local.busy;
-											},
-											onSelect: () => local.authenticated ? local.onSignOut?.() : local.onSignIn?.(),
-											get children() {
-												return [createComponent(Show, {
-													get when() {
-														return local.authenticated;
-													},
-													get fallback() {
-														return createComponent(LogIn, { "aria-hidden": "true" });
-													},
-													get children() {
-														return createComponent(LogOut, { "aria-hidden": "true" });
-													}
-												}), (() => {
-													var _el$ = _tmpl$();
-													insert(_el$, () => local.authenticated ? "Sign out" : "Sign in");
-													return _el$;
-												})()];
-											}
-										});
-									} })
-								];
+											});
+										} })];
+									}
+								})];
 							}
 						})
 					];
@@ -154,6 +158,44 @@ function AccountMenu(props) {
 		}
 	});
 }
+/** The common support menu, with one app-specific entry before the shared items. */
+function createAppMenuItems(options) {
+	return [
+		...options.primaryItem ? [options.primaryItem] : [],
+		{
+			id: "about",
+			label: "About",
+			disabled: !options.onAbout,
+			onSelectAfterClose: options.onAbout
+		},
+		{
+			id: "help",
+			label: "Help Center",
+			disabled: !options.onHelp,
+			onSelectAfterClose: options.onHelp
+		},
+		{
+			id: "feedback",
+			label: "Send Feedback",
+			disabled: !options.onFeedback,
+			onSelectAfterClose: options.onFeedback
+		},
+		{
+			id: "updates",
+			label: "Updates",
+			platform: "desktop",
+			disabled: !options.onUpdates,
+			onSelectAfterClose: options.onUpdates
+		},
+		{
+			id: "settings",
+			label: "Settings",
+			shortcut: options.settingsShortcut,
+			disabled: !options.onSettings,
+			onSelectAfterClose: options.onSettings
+		}
+	];
+}
 function AccountMenuButton(props) {
 	return createComponent(DropdownMenuTrigger, mergeProps({ as: Button }, props));
 }
@@ -166,6 +208,6 @@ function renderFallbackIcon(id) {
 	return Icon ? createComponent(Icon, { "aria-hidden": "true" }) : null;
 }
 //#endregion
-export { AccountMenu };
+export { AccountMenu, createAppMenuItems };
 //# sourceMappingURL=account-menu.js.map

package/dist/components/composites/account-menu/account-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"account-menu.js","names":["CircleHelp","Info","LogIn","LogOut","Megaphone","RefreshCw","Settings2","Smartphone","UserRound","ComponentProps","JSX","For","Show","createSignal","onCleanup","splitProps","cn","Button","ButtonProps","DropdownMenu","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuSeparator","DropdownMenuTrigger","Tooltip","TooltipContent","TooltipTrigger","AccountMenuItem","id","label","icon","Element","shortcut","disabled","platform","onSelect","onSelectAfterClose","trigger","HTMLButtonElement","AccountMenuProps","class","size","items","authenticated","busy","onSignIn","onSignOut","onIntent","FALLBACK_ICONS","Record","mobile","settings","about","help","feedback","updates","AccountMenu","props","local","rest","pendingAfterClose","callback","NonNullable","scheduledAfterClose","menuOpen","setMenuOpen","tooltipOpen","setTooltipOpen","undefined","visible","filter","item","_$createComponent","open","onOpenChange","children","modal","_$mergeProps","as","AccountMenuButton","ref","element","variant","aria-label","onFocus","onPointerEnter","placement","onCloseAutoFocus","event","selection","preventDefault","queueMicrotask","each","_$memo","renderFallbackIcon","_el$2","_tmpl$","_$insert","when","fallback","_el$","Icon","_$createComponent","_$mergeProps","_$memo"],"sources":["../../../../src/components/composites/account-menu/account-menu.tsx"],"sourcesContent":["import {\n CircleHelp,\n Info,\n LogIn,\n LogOut,\n Megaphone,\n RefreshCw,\n Settings2,\n Smartphone,\n UserRound,\n} from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { For, Show, createSignal, onCleanup, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { Button, type ButtonProps } from '../../ui/button/button'\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from '../../ui/dropdown-menu/dropdown-menu'\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../ui/tooltip/tooltip'\n\n/*\n AccountMenu.\n \n The trailing control in a rail or a top bar: the account, the way into settings,\n * and the way out. Every desktop application has one and they are all the same menu,\n * which is why it belongs here rather than being redrawn per app.\n \n ## The items are the caller's\n \n The menu takes a list rather than hard-coding one. An application adds and removes\n * entries — a mobile hand-off that only makes sense on desktop, a feedback link that\n * only exists once there is somewhere to send it — and a component that decided the\n * list could not be used by two products.\n \n `disabled` on an item is deliberately visible rather than hidden: a greyed \"Help\n * Center\" says the destination is coming, while an absent one says it does not exist.\n /\nexport type AccountMenuItem = {\n id: string\n label: string\n icon?: JSX.Element\n /* A chord drawn at the trailing edge, e.g. `⌘,`. /\n shortcut?: string\n disabled?: boolean\n /* Render only on this platform. Omit to always render. /\n platform?: 'desktop' \| 'web'\n onSelect?: () => void\n /* Run after the menu's close-focus cycle, with its trigger as a stable opener. /\n onSelectAfterClose?: (trigger: HTMLButtonElement \| undefined) => void\n}\n\nexport type AccountMenuProps = {\n class?: string\n /* The trigger size. Icon-only menus default to the standard icon size. /\n size?: ButtonProps['size']\n /* The entries above the separator. /\n items: readonly AccountMenuItem[]\n /* Which platform this is rendered on, for items that declare one. /\n platform?: 'desktop' \| 'web'\n /* Whether a session exists. Decides the sign-in/sign-out row. /\n authenticated: boolean\n /* Disable the session row while a sign-in or sign-out is in flight. /\n busy?: boolean\n /* The name shown on the trigger's accessible label. /\n label?: string\n onSignIn?: () => void\n onSignOut?: () => void\n /* Fires on hover or focus of the trigger — a chance to prefetch. /\n onIntent?: () => void\n}\n\nconst FALLBACK_ICONS: Record<string, typeof Settings2> = {\n mobile: Smartphone,\n settings: Settings2,\n about: Info,\n help: CircleHelp,\n feedback: Megaphone,\n updates: RefreshCw,\n}\n\nexport function AccountMenu(props: AccountMenuProps) {\n const [local, rest] = splitProps(props, [\n 'class',\n 'size',\n 'items',\n 'platform',\n 'authenticated',\n 'busy',\n 'label',\n 'onSignIn',\n 'onSignOut',\n 'onIntent',\n ])\n\n let trigger: HTMLButtonElement \| undefined\n let pendingAfterClose:\n \| { callback: NonNullable<AccountMenuItem['onSelectAfterClose']> }\n \| undefined\n let scheduledAfterClose:\n \| { callback: NonNullable<AccountMenuItem['onSelectAfterClose']> }\n \| undefined\n const [menuOpen, setMenuOpen] = createSignal(false)\n const [tooltipOpen, setTooltipOpen] = createSignal(false)\n\n onCleanup(() => {\n pendingAfterClose = undefined\n scheduledAfterClose = undefined\n })\n\n const visible = () =>\n local.items.filter((item) => !item.platform \|\| item.platform === (local.platform ?? 'desktop'))\n\n return (\n <Tooltip open={tooltipOpen()} onOpenChange={(open) => setTooltipOpen(open && !menuOpen())}>\n <DropdownMenu\n modal={false}\n onOpenChange={(open) => {\n setMenuOpen(open)\n if (open) setTooltipOpen(false)\n }}\n >\n <TooltipTrigger\n as={AccountMenuButton}\n ref={(element: HTMLButtonElement) => (trigger = element)}\n variant=\"ghost\"\n size={local.size ?? 'icon-md'}\n class={cn('text-muted-foreground', local.class)}\n aria-label={local.label ?? 'Account and settings'}\n onFocus={() => local.onIntent?.()}\n onPointerEnter={() => local.onIntent?.()}\n {...rest}\n >\n <UserRound aria-hidden=\"true\" />\n </TooltipTrigger>\n <TooltipContent placement=\"top\">{local.label ?? 'Account and settings'}</TooltipContent>\n <DropdownMenuContent\n placement=\"top-start\"\n class=\"min-w-56 max-h-(--kb-popper-available-height) overflow-x-hidden overflow-y-auto\"\n onCloseAutoFocus={(event) => {\n const selection = pendingAfterClose\n pendingAfterClose = undefined\n if (!selection) return\n\n event.preventDefault()\n scheduledAfterClose = selection\n queueMicrotask(() => {\n if (scheduledAfterClose !== selection) return\n scheduledAfterClose = undefined\n selection.callback(trigger)\n })\n }}\n >\n <DropdownMenuGroup>\n <For each={visible()}>\n {(item) => (\n <DropdownMenuItem\n disabled={item.disabled}\n onSelect={() => {\n pendingAfterClose = item.onSelectAfterClose\n ? { callback: item.onSelectAfterClose }\n : undefined\n item.onSelect?.()\n }}\n shortcut={item.shortcut}\n >\n {item.icon ?? renderFallbackIcon(item.id)}\n <span>{item.label}</span>\n </DropdownMenuItem>\n )}\n </For>\n </DropdownMenuGroup>\n <DropdownMenuSeparator />\n <DropdownMenuGroup>\n <DropdownMenuItem\n disabled={local.busy}\n onSelect={() => (local.authenticated ? local.onSignOut?.() : local.onSignIn?.())}\n >\n <Show when={local.authenticated} fallback={<LogIn aria-hidden=\"true\" />}>\n <LogOut aria-hidden=\"true\" />\n </Show>\n <span>{local.authenticated ? 'Sign out' : 'Sign in'}</span>\n </DropdownMenuItem>\n </DropdownMenuGroup>\n </DropdownMenuContent>\n </DropdownMenu>\n </Tooltip>\n )\n}\n\nfunction AccountMenuButton(props: ComponentProps<typeof Button>) {\n return <DropdownMenuTrigger as={Button} {...props} />\n}\n\n/\n A known item id gets its conventional glyph, so a caller that only wants the\n * standard menu does not have to import six icons to get it.\n */\nfunction renderFallbackIcon(id: string): JSX.Element {\n const Icon = FALLBACK_ICONS[id]\n return Icon ? <Icon aria-hidden=\"true\" /> : null\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"account-menu.js","names":["CircleHelp","Info","LogIn","LogOut","Megaphone","RefreshCw","Settings2","Smartphone","UserRound","ComponentProps","JSX","For","Show","createSignal","onCleanup","splitProps","cn","Button","ButtonProps","DropdownMenu","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuSeparator","DropdownMenuTrigger","Tooltip","TooltipContent","TooltipTrigger","AccountMenuItem","id","label","icon","Element","shortcut","disabled","platform","onSelect","onSelectAfterClose","trigger","HTMLButtonElement","AccountMenuProps","class","size","items","authenticated","showSession","busy","onSignIn","onSignOut","onIntent","FALLBACK_ICONS","Record","mobile","settings","about","help","feedback","updates","AccountMenu","props","local","rest","pendingAfterClose","callback","NonNullable","scheduledAfterClose","menuOpen","setMenuOpen","tooltipOpen","setTooltipOpen","undefined","visible","filter","item","_$createComponent","open","onOpenChange","children","modal","_$mergeProps","as","AccountMenuButton","ref","element","variant","aria-label","onFocus","onPointerEnter","placement","onCloseAutoFocus","event","selection","preventDefault","queueMicrotask","each","_$memo","renderFallbackIcon","_el$2","_tmpl$","_$insert","when","fallback","_el$","createAppMenuItems","options","primaryItem","settingsShortcut","onAbout","onHelp","onFeedback","onUpdates","onSettings","Icon","_$createComponent","_$mergeProps","_$memo"],"sources":["../../../../src/components/composites/account-menu/account-menu.tsx"],"sourcesContent":["import {\n CircleHelp,\n Info,\n LogIn,\n LogOut,\n Megaphone,\n RefreshCw,\n Settings2,\n Smartphone,\n UserRound,\n} from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { For, Show, createSignal, onCleanup, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { Button, type ButtonProps } from '../../ui/button/button'\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from '../../ui/dropdown-menu/dropdown-menu'\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../ui/tooltip/tooltip'\n\n/*\n AccountMenu.\n \n The trailing control in a rail or a top bar: the account, the way into settings,\n * and the way out. Every desktop application has one and they are all the same menu,\n * which is why it belongs here rather than being redrawn per app.\n \n ## The items are the caller's\n \n The menu takes a list rather than hard-coding one. An application adds and removes\n * entries — a mobile hand-off that only makes sense on desktop, a feedback link that\n * only exists once there is somewhere to send it — and a component that decided the\n * list could not be used by two products.\n \n `disabled` on an item is deliberately visible rather than hidden: a greyed \"Help\n * Center\" says the destination is coming, while an absent one says it does not exist.\n /\nexport type AccountMenuItem = {\n id: string\n label: string\n icon?: JSX.Element\n /* A chord drawn at the trailing edge, e.g. `⌘,`. /\n shortcut?: string\n disabled?: boolean\n /* Render only on this platform. Omit to always render. /\n platform?: 'desktop' \| 'web'\n onSelect?: () => void\n /* Run after the menu's close-focus cycle, with its trigger as a stable opener. /\n onSelectAfterClose?: (trigger: HTMLButtonElement \| undefined) => void\n}\n\nexport type AccountMenuProps = {\n class?: string\n /* The trigger size. Icon-only menus default to the standard icon size. /\n size?: ButtonProps['size']\n /* The entries above the separator. /\n items: readonly AccountMenuItem[]\n /* Which platform this is rendered on, for items that declare one. /\n platform?: 'desktop' \| 'web'\n /* Whether a session exists. Decides the sign-in/sign-out row. /\n authenticated: boolean\n /* Local-only applications can omit the session actions altogether. /\n showSession?: boolean\n /* Disable the session row while a sign-in or sign-out is in flight. /\n busy?: boolean\n /* The name shown on the trigger's accessible label. /\n label?: string\n onSignIn?: () => void\n onSignOut?: () => void\n /* Fires on hover or focus of the trigger — a chance to prefetch. /\n onIntent?: () => void\n}\n\nconst FALLBACK_ICONS: Record<string, typeof Settings2> = {\n mobile: Smartphone,\n settings: Settings2,\n about: Info,\n help: CircleHelp,\n feedback: Megaphone,\n updates: RefreshCw,\n}\n\nexport function AccountMenu(props: AccountMenuProps) {\n const [local, rest] = splitProps(props, [\n 'class',\n 'size',\n 'items',\n 'platform',\n 'authenticated',\n 'showSession',\n 'busy',\n 'label',\n 'onSignIn',\n 'onSignOut',\n 'onIntent',\n ])\n\n let trigger: HTMLButtonElement \| undefined\n let pendingAfterClose:\n \| { callback: NonNullable<AccountMenuItem['onSelectAfterClose']> }\n \| undefined\n let scheduledAfterClose:\n \| { callback: NonNullable<AccountMenuItem['onSelectAfterClose']> }\n \| undefined\n const [menuOpen, setMenuOpen] = createSignal(false)\n const [tooltipOpen, setTooltipOpen] = createSignal(false)\n\n onCleanup(() => {\n pendingAfterClose = undefined\n scheduledAfterClose = undefined\n })\n\n const visible = () =>\n local.items.filter((item) => !item.platform \|\| item.platform === (local.platform ?? 'desktop'))\n\n return (\n <Tooltip open={tooltipOpen()} onOpenChange={(open) => setTooltipOpen(open && !menuOpen())}>\n <DropdownMenu\n modal={false}\n onOpenChange={(open) => {\n setMenuOpen(open)\n if (open) setTooltipOpen(false)\n }}\n >\n <TooltipTrigger\n as={AccountMenuButton}\n ref={(element: HTMLButtonElement) => (trigger = element)}\n variant=\"ghost\"\n size={local.size ?? 'icon-md'}\n class={cn('text-muted-foreground', local.class)}\n aria-label={local.label ?? 'Account and settings'}\n onFocus={() => local.onIntent?.()}\n onPointerEnter={() => local.onIntent?.()}\n {...rest}\n >\n <UserRound aria-hidden=\"true\" />\n </TooltipTrigger>\n <TooltipContent placement=\"top\">{local.label ?? 'Account and settings'}</TooltipContent>\n <DropdownMenuContent\n placement=\"top-start\"\n class=\"min-w-56 max-h-(--kb-popper-available-height) overflow-x-hidden overflow-y-auto\"\n onCloseAutoFocus={(event) => {\n const selection = pendingAfterClose\n pendingAfterClose = undefined\n if (!selection) return\n\n event.preventDefault()\n scheduledAfterClose = selection\n queueMicrotask(() => {\n if (scheduledAfterClose !== selection) return\n scheduledAfterClose = undefined\n selection.callback(trigger)\n })\n }}\n >\n <DropdownMenuGroup>\n <For each={visible()}>\n {(item) => (\n <DropdownMenuItem\n disabled={item.disabled}\n onSelect={() => {\n pendingAfterClose = item.onSelectAfterClose\n ? { callback: item.onSelectAfterClose }\n : undefined\n item.onSelect?.()\n }}\n shortcut={item.shortcut}\n >\n {item.icon ?? renderFallbackIcon(item.id)}\n <span>{item.label}</span>\n </DropdownMenuItem>\n )}\n </For>\n </DropdownMenuGroup>\n <Show when={local.showSession !== false}>\n <DropdownMenuSeparator />\n <DropdownMenuGroup>\n <DropdownMenuItem\n disabled={local.busy}\n onSelect={() => (local.authenticated ? local.onSignOut?.() : local.onSignIn?.())}\n >\n <Show when={local.authenticated} fallback={<LogIn aria-hidden=\"true\" />}>\n <LogOut aria-hidden=\"true\" />\n </Show>\n <span>{local.authenticated ? 'Sign out' : 'Sign in'}</span>\n </DropdownMenuItem>\n </DropdownMenuGroup>\n </Show>\n </DropdownMenuContent>\n </DropdownMenu>\n </Tooltip>\n )\n}\n\n/* The common support menu, with one app-specific entry before the shared items. /\nexport function createAppMenuItems(options: {\n primaryItem?: AccountMenuItem\n settingsShortcut?: string\n onAbout?: AccountMenuItem['onSelectAfterClose']\n onHelp?: AccountMenuItem['onSelectAfterClose']\n onFeedback?: AccountMenuItem['onSelectAfterClose']\n onUpdates?: AccountMenuItem['onSelectAfterClose']\n onSettings?: AccountMenuItem['onSelectAfterClose']\n}): AccountMenuItem[] {\n return [\n ...(options.primaryItem ? [options.primaryItem] : []),\n {\n id: 'about',\n label: 'About',\n disabled: !options.onAbout,\n onSelectAfterClose: options.onAbout,\n },\n {\n id: 'help',\n label: 'Help Center',\n disabled: !options.onHelp,\n onSelectAfterClose: options.onHelp,\n },\n {\n id: 'feedback',\n label: 'Send Feedback',\n disabled: !options.onFeedback,\n onSelectAfterClose: options.onFeedback,\n },\n {\n id: 'updates',\n label: 'Updates',\n platform: 'desktop',\n disabled: !options.onUpdates,\n onSelectAfterClose: options.onUpdates,\n },\n {\n id: 'settings',\n label: 'Settings',\n shortcut: options.settingsShortcut,\n disabled: !options.onSettings,\n onSelectAfterClose: options.onSettings,\n },\n ]\n}\n\nfunction AccountMenuButton(props: ComponentProps<typeof Button>) {\n return <DropdownMenuTrigger as={Button} {...props} />\n}\n\n/\n A known item id gets its conventional glyph, so a caller that only wants the\n * standard menu does not have to import six icons to get it.\n */\nfunction renderFallbackIcon(id: string): JSX.Element {\n const Icon = FALLBACK_ICONS[id]\n return Icon ? <Icon aria-hidden=\"true\" /> : null\n}\n"],"mappings":"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"}

package/dist/components/composites/account-menu/index.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export { AccountMenu, type AccountMenuItem, type AccountMenuProps } from './account-menu';
+export { AccountMenu, createAppMenuItems, type AccountMenuItem, type AccountMenuProps, } from './account-menu';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/composites/account-menu/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/account-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,~~EAAE~~,WAAW,~~EAAE~~,KAAK,eAAe,~~EAAE~~,KAAK,gBAAgB,~~EAAE~~,MAAM,gBAAgB,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/account-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACtB,MAAM,gBAAgB,CAAA"}

package/dist/components/composites/account-menu/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { AccountMenu } from "./account-menu.js";
-export { AccountMenu };
+import { AccountMenu, createAppMenuItems } from "./account-menu.js";
+export { AccountMenu, createAppMenuItems };

package/dist/components/composites/help-center/help-center.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+export type HelpShortcut = {
+    label: string;
+    keys: readonly string[];
+};
+export type HelpLink = {
+    label: string;
+    description?: string;
+    url: string;
+};
+export type HelpCenterProps = {
+    appName: string;
+    shortcuts: readonly HelpShortcut[];
+    links: readonly HelpLink[];
+    openExternal?: (url: string) => Promise<void>;
+    class?: string;
+};
+/** A shared help page: real keyboard shortcuts and the application's project resources. */
+export declare function HelpCenter(props: HelpCenterProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=help-center.d.ts.map

package/dist/components/composites/help-center/help-center.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"help-center.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/help-center/help-center.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;CAAE,CAAA;AACrE,MAAM,MAAM,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAA;AAC3E,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,SAAS,YAAY,EAAE,CAAA;IAClC,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAA;IAC1B,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,2FAA2F;AAC3F,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,kCAoFhD"}