@adea-ai/ui 0.95.7 → 0.97.0

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -0,0 +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

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

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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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/catalog-browser/catalog-browser-group.d.ts

@@ -9,7 +9,6 @@ export declare function CatalogBrowserGroup<Value>(props: {
     previewCount: number;
     disabled: boolean;
     installedLabel: string;
-    publishedByLabel: (publisher: string) => string;
     showMoreLabel: (entries: readonly CatalogBrowserEntry<Value>[], remainingCount: number) => string;
     showLessLabel: string;
     renderIcon: (value: Value) => JSX.Element;

package/dist/components/composites/catalog-browser/catalog-browser-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"catalog-browser-group.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/catalog-browser/catalog-browser-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAMzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE/F,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,eAqB3D;AAsDD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,EAAE;IAChD,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAA;IAC1B,QAAQ,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,gBAAgB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;IAC/C,aAAa,EAAE,CAAC,OAAO,EAAE,SAAS,mBAAmB,CAAC,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,MAAM,KAAK,MAAM,CAAA;IACjG,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC,OAAO,CAAA;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAClE,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,SAAS,KAAK,IAAI,CAAA;IACpE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,eAwDA"}
+{"version":3,"file":"catalog-browser-group.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/catalog-browser/catalog-browser-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAMzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE/F,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,eAqB3D;AA8DD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,EAAE;IAChD,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAA;IAC1B,QAAQ,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,CAAC,OAAO,EAAE,SAAS,mBAAmB,CAAC,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,MAAM,KAAK,MAAM,CAAA;IACjG,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC,OAAO,CAAA;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAClE,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,SAAS,KAAK,IAAI,CAAA;IACpE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,eA4DA"}

package/dist/components/composites/catalog-browser/catalog-browser-group.js

@@ -9,7 +9,7 @@ import { For, Show, createUniqueId, onCleanup } from "solid-js";
 var _tmpl$ = /*#__PURE__*/ template(`<div class="grid min-w-0 grid-cols-1 gap-3 md:grid-cols-2"aria-busy=true>`);
 var _tmpl$2 = /*#__PURE__*/ template(`<div class="flex min-w-0 items-center gap-3 rounded-xl border border-border p-3"><div class="grid min-w-0 flex-1 gap-2">`);
 var _tmpl$3 = /*#__PURE__*/ template(`<span class=shrink-0>`);
-var _tmpl$4 = /*#__PURE__*/ template(`<span class="flex min-w-0 flex-1 flex-col gap-1 text-left"><span class="flex min-w-0 flex-wrap items-center gap-2"><strong class="min-w-0 truncate"></strong></span><span class="text-muted-foreground line-clamp-2 text-xs"></span><span class="text-muted-foreground truncate text-2xs"> · `);
+var _tmpl$4 = /*#__PURE__*/ template(`<span class="flex min-w-0 flex-1 flex-col gap-1 text-left"><span class="flex min-w-0 flex-wrap items-center gap-2"><strong class="min-w-0 truncate"></strong></span><span class="flex min-w-0 items-center gap-1.5 text-xs"><span class="text-muted-foreground min-w-0 truncate"></span><span class="ms-auto flex shrink-0 items-center gap-1"><span class="rounded bg-primary-subtle px-1.5 py-0.5 text-2xs font-medium text-primary"></span><span class="rounded bg-primary-subtle px-1.5 py-0.5 text-2xs font-medium text-primary">`);
 var _tmpl$5 = /*#__PURE__*/ template(`<section class="grid min-w-0 gap-2"><header class="flex min-w-0 items-center gap-2"><h3 class="min-w-0 flex-1 truncate text-sm font-semibold"></h3></header><div class="grid min-w-0 grid-cols-1 gap-2 md:grid-cols-2">`);
 function CatalogLoadingState(props) {
 	return (() => {
@@ -53,7 +53,7 @@ function CatalogBrowserRow(props) {
 		},
 		variant: "outline",
 		size: "lg",
-		"class": "h-auto! min-h-row-lg w-full min-w-0 justify-start gap-3 whitespace-normal",
+		"class": "h-auto! min-h-row-lg w-full min-w-0 justify-start gap-3 py-2.5 whitespace-normal",
 		get disabled() {
 			return props.disabled;
 		},
@@ -66,7 +66,7 @@ function CatalogBrowserRow(props) {
 					return _el$4;
 				})(),
 				(() => {
-					var _el$5 = _tmpl$4(), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$8 = _el$6.nextSibling, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild;
+					var _el$5 = _tmpl$4(), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$9 = _el$6.nextSibling.firstChild, _el$1 = _el$9.nextSibling.firstChild, _el$10 = _el$1.nextSibling;
 					insert(_el$7, () => props.entry.name);
 					insert(_el$6, createComponent(Show, {
 						get when() {
@@ -81,9 +81,9 @@ function CatalogBrowserRow(props) {
 							});
 						}
 					}), null);
-					insert(_el$8, () => props.entry.description);
-					insert(_el$9, () => props.publishedByLabel(props.entry.publisher), _el$0);
-					insert(_el$9, () => props.entry.category, null);
+					insert(_el$9, () => props.entry.description);
+					insert(_el$1, () => props.entry.publisher);
+					insert(_el$10, () => props.entry.category);
 					return _el$5;
 				})(),
 				createComponent(ChevronRight, { "aria-hidden": "true" })
@@ -98,18 +98,19 @@ function CatalogBrowserGroup(props) {
 	const preview = () => props.expanded ? props.group.entries : props.group.entries.slice(0, props.previewCount);
 	const rows = keyedRows(preview, (entry) => entry.id);
 	return (() => {
-		var _el$1 = _tmpl$5(), _el$10 = _el$1.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$10.nextSibling;
-		setAttribute(_el$1, "aria-labelledby", headingId);
-		setAttribute(_el$11, "id", headingId);
-		insert(_el$11, () => props.group.label);
-		insert(_el$10, createComponent(Badge, {
+		var _el$11 = _tmpl$5(), _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$12.nextSibling;
+		setAttribute(_el$11, "aria-labelledby", headingId);
+		setAttribute(_el$13, "id", headingId);
+		insert(_el$13, () => props.group.label);
+		insert(_el$12, createComponent(Badge, {
 			variant: "outline",
+			"class": "border-primary/25 bg-primary-subtle tabular-nums text-primary",
 			get children() {
 				return props.group.entries.length;
 			}
 		}), null);
-		setAttribute(_el$12, "id", listId);
-		insert(_el$12, createComponent(For, {
+		setAttribute(_el$14, "id", listId);
+		insert(_el$14, createComponent(For, {
 			get each() {
 				return rows();
 			},
@@ -123,9 +124,6 @@ function CatalogBrowserGroup(props) {
 				get installedLabel() {
 					return props.installedLabel;
 				},
-				get publishedByLabel() {
-					return props.publishedByLabel;
-				},
 				get disabled() {
 					return props.disabled;
 				},
@@ -140,7 +138,7 @@ function CatalogBrowserGroup(props) {
 				}
 			})
 		}));
-		insert(_el$1, createComponent(Show, {
+		insert(_el$11, createComponent(Show, {
 			get when() {
 				return hidden().length > 0;
 			},
@@ -186,7 +184,7 @@ function CatalogBrowserGroup(props) {
 				});
 			}
 		}), null);
-		return _el$1;
+		return _el$11;
 	})();
 }
 //#endregion