@adea-ai/ui 0.60.4 → 0.61.0

package/dist/components/composites/settings/settings.js

@@ -0,0 +1,148 @@
+import { cn } from "../../../lib/utils.js";
+import { className, createComponent, effect, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
+import { Show, splitProps } from "solid-js";
+//#region src/components/composites/settings/settings.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<p class="max-w-prose text-sm text-muted-foreground text-pretty">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div class="flex shrink-0 items-center gap-2">`);
+var _tmpl$3 = /*#__PURE__*/ template(`<section data-slot=settings-section><div class="flex items-start justify-between gap-4"><div class="flex min-w-0 flex-col gap-0.5"><h2 class="text-base font-semibold tracking-tight"></h2></div></div><div class="divide-y divide-border rounded-xl border border-border">`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div data-slot=settings-row><div class="flex min-w-0 flex-col gap-0.5"><div data-slot=settings-row-label class="text-sm font-medium"></div></div><div data-slot=settings-row-control>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<div data-slot=settings-field><div class="flex flex-col gap-0.5"><label class="text-sm font-medium"></label></div><div>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<div data-slot=settings-page>`);
+/**
+* SettingsSection and SettingsRow.
+*
+* A settings page is the most repetitive surface in any application, and the
+* one where drift is most visible: label sizes, control widths and description
+* placement all wander unless something fixes them.
+*
+* The row is a two-column layout at a fixed label width, so controls line up
+* down the page regardless of how long the labels are. That alignment is the
+* difference between a settings page that reads as designed and one that reads
+* as a form.
+*
+* `SettingsRow` puts the control on the trailing side and the label leading;
+* `SettingsField` stacks them for a control too wide for a row (a textarea, a
+* list). Both share the same label and description treatment.
+*/
+function SettingsSection(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"title",
+		"description",
+		"action",
+		"children"
+	]);
+	return (() => {
+		var _el$ = _tmpl$3(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$7 = _el$2.nextSibling;
+		spread(_el$, mergeProps({ get ["class"]() {
+			return cn("flex flex-col gap-4 px-5 py-5", local.class);
+		} }, rest), false, true);
+		insert(_el$4, () => local.title);
+		insert(_el$3, createComponent(Show, {
+			get when() {
+				return local.description;
+			},
+			get children() {
+				var _el$5 = _tmpl$();
+				insert(_el$5, () => local.description);
+				return _el$5;
+			}
+		}), null);
+		insert(_el$2, createComponent(Show, {
+			get when() {
+				return local.action;
+			},
+			get children() {
+				var _el$6 = _tmpl$2();
+				insert(_el$6, () => local.action);
+				return _el$6;
+			}
+		}), null);
+		insert(_el$7, () => local.children);
+		return _el$;
+	})();
+}
+/**
+* One setting: a label and description on the leading side, a control on the
+* trailing side.
+*
+* `label` is wired to the control through `aria-labelledby` when the control is
+* not already labelled, so a caller can pass a bare `Switch` and still get an
+* accessible name. The row does not invent an id per render — it derives one
+* from the label, which is stable across renders and readable in a snapshot.
+*/
+function SettingsRow(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"label",
+		"description",
+		"orientation",
+		"bare",
+		"children"
+	]);
+	return (() => {
+		var _el$8 = _tmpl$4(), _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild, _el$10 = _el$9.nextSibling;
+		spread(_el$8, mergeProps({ get ["class"]() {
+			return cn("flex gap-4 p-4", local.orientation === "vertical" ? "flex-col" : "flex-col sm:flex-row sm:items-center sm:justify-between", local.class);
+		} }, rest), false, true);
+		insert(_el$0, () => local.label);
+		insert(_el$9, createComponent(Show, {
+			get when() {
+				return local.description;
+			},
+			get children() {
+				var _el$1 = _tmpl$();
+				insert(_el$1, () => local.description);
+				return _el$1;
+			}
+		}), null);
+		insert(_el$10, () => local.children);
+		effect(() => className(_el$10, cn("shrink-0", local.orientation === "vertical" && "w-full")));
+		return _el$8;
+	})();
+}
+/** A stacked label-and-control pair, for a control too wide for a row. */
+function SettingsField(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"label",
+		"description",
+		"htmlFor",
+		"children"
+	]);
+	return (() => {
+		var _el$11 = _tmpl$5(), _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$15 = _el$12.nextSibling;
+		spread(_el$11, mergeProps({ get ["class"]() {
+			return cn("flex flex-col gap-2 p-4", local.class);
+		} }, rest), false, true);
+		insert(_el$13, () => local.label);
+		insert(_el$12, createComponent(Show, {
+			get when() {
+				return local.description;
+			},
+			get children() {
+				var _el$14 = _tmpl$();
+				insert(_el$14, () => local.description);
+				return _el$14;
+			}
+		}), null);
+		insert(_el$15, () => local.children);
+		effect(() => setAttribute(_el$13, "for", local.htmlFor));
+		return _el$11;
+	})();
+}
+/** A settings page's scrolling body, with the header sticky at the top. */
+function SettingsPage(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$16 = _tmpl$6();
+		spread(_el$16, mergeProps({ get ["class"]() {
+			return cn("flex min-h-0 flex-1 flex-col overflow-y-auto", local.class);
+		} }, rest), false, false);
+		return _el$16;
+	})();
+}
+//#endregion
+export { SettingsField, SettingsPage, SettingsRow, SettingsSection };
+
+//# sourceMappingURL=settings.js.map

package/dist/components/composites/settings/settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.js","names":["ComponentProps","JSX","Show","splitProps","cn","SettingsSection","props","title","description","action","Element","local","rest","_el$","_tmpl$3","_el$2","firstChild","_el$3","_el$4","_el$7","nextSibling","_$spread","_$mergeProps","class","_$insert","_$createComponent","when","children","_el$5","_tmpl$","_el$6","_tmpl$2","SettingsRow","label","orientation","bare","_el$8","_tmpl$4","_el$9","_el$0","_el$10","_el$1","_$effect","_$className","SettingsField","htmlFor","_el$11","_tmpl$5","_el$12","_el$13","_el$15","_el$14","_$setAttribute","SettingsPage","_el$16","_tmpl$6","_$mergeProps","_$createComponent","_$className","_$setAttribute"],"sources":["../../../../src/components/composites/settings/settings.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from 'solid-js'\nimport { Show, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * SettingsSection and SettingsRow.\n *\n * A settings page is the most repetitive surface in any application, and the\n * one where drift is most visible: label sizes, control widths and description\n * placement all wander unless something fixes them.\n *\n * The row is a two-column layout at a fixed label width, so controls line up\n * down the page regardless of how long the labels are. That alignment is the\n * difference between a settings page that reads as designed and one that reads\n * as a form.\n *\n * `SettingsRow` puts the control on the trailing side and the label leading;\n * `SettingsField` stacks them for a control too wide for a row (a textarea, a\n * list). Both share the same label and description treatment.\n */\nexport function SettingsSection(\n  props: ComponentProps<'section'> & {\n    title: string\n    description?: string\n    /** A control for the section as a whole, e.g. a master toggle. */\n    action?: JSX.Element\n  }\n) {\n  const [local, rest] = splitProps(props, ['class', 'title', 'description', 'action', 'children'])\n\n  return (\n    <section\n      data-slot=\"settings-section\"\n      class={cn('flex flex-col gap-4 px-5 py-5', local.class)}\n      {...rest}\n    >\n      <div class=\"flex items-start justify-between gap-4\">\n        <div class=\"flex min-w-0 flex-col gap-0.5\">\n          <h2 class=\"text-base font-semibold tracking-tight\">{local.title}</h2>\n          <Show when={local.description}>\n            <p class=\"max-w-prose text-sm text-muted-foreground text-pretty\">{local.description}</p>\n          </Show>\n        </div>\n        <Show when={local.action}>\n          <div class=\"flex shrink-0 items-center gap-2\">{local.action}</div>\n        </Show>\n      </div>\n      <div class=\"divide-y divide-border rounded-xl border border-border\">{local.children}</div>\n    </section>\n  )\n}\n\n/**\n * One setting: a label and description on the leading side, a control on the\n * trailing side.\n *\n * `label` is wired to the control through `aria-labelledby` when the control is\n * not already labelled, so a caller can pass a bare `Switch` and still get an\n * accessible name. The row does not invent an id per render — it derives one\n * from the label, which is stable across renders and readable in a snapshot.\n */\nexport function SettingsRow(\n  props: ComponentProps<'div'> & {\n    label: string\n    description?: string\n    /** Render a vertical stack when the control needs the full width. */\n    orientation?: 'horizontal' | 'vertical'\n    /** Hide the divider this row would otherwise contribute. */\n    bare?: boolean\n  }\n) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'label',\n    'description',\n    'orientation',\n    'bare',\n    'children',\n  ])\n\n  return (\n    <div\n      data-slot=\"settings-row\"\n      class={cn(\n        'flex gap-4 p-4',\n        local.orientation === 'vertical'\n          ? 'flex-col'\n          : 'flex-col sm:flex-row sm:items-center sm:justify-between',\n        local.class\n      )}\n      {...rest}\n    >\n      <div class=\"flex min-w-0 flex-col gap-0.5\">\n        <div data-slot=\"settings-row-label\" class=\"text-sm font-medium\">\n          {local.label}\n        </div>\n        <Show when={local.description}>\n          <p class=\"max-w-prose text-sm text-muted-foreground text-pretty\">{local.description}</p>\n        </Show>\n      </div>\n      <div\n        data-slot=\"settings-row-control\"\n        class={cn('shrink-0', local.orientation === 'vertical' && 'w-full')}\n      >\n        {local.children}\n      </div>\n    </div>\n  )\n}\n\n/** A stacked label-and-control pair, for a control too wide for a row. */\nexport function SettingsField(\n  props: ComponentProps<'div'> & { label: string; description?: string; htmlFor?: string }\n) {\n  const [local, rest] = splitProps(props, ['class', 'label', 'description', 'htmlFor', 'children'])\n\n  return (\n    <div data-slot=\"settings-field\" class={cn('flex flex-col gap-2 p-4', local.class)} {...rest}>\n      <div class=\"flex flex-col gap-0.5\">\n        <label for={local.htmlFor} class=\"text-sm font-medium\">\n          {local.label}\n        </label>\n        <Show when={local.description}>\n          <p class=\"max-w-prose text-sm text-muted-foreground text-pretty\">{local.description}</p>\n        </Show>\n      </div>\n      <div>{local.children}</div>\n    </div>\n  )\n}\n\n/** A settings page's scrolling body, with the header sticky at the top. */\nexport function SettingsPage(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"settings-page\"\n      class={cn('flex min-h-0 flex-1 flex-col overflow-y-auto', local.class)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":"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"}

package/dist/components/composites/stat/index.d.ts

@@ -0,0 +1,2 @@
+export { PropertyList, PropertyRow, PropertyTerm, PropertyValue, Stat, StatGroup, type StatProps, } from './stat';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composites/stat/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/stat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,aAAa,EACb,IAAI,EACJ,SAAS,EACT,KAAK,SAAS,GACf,MAAM,QAAQ,CAAA"}

package/dist/components/composites/stat/stat.d.ts

@@ -0,0 +1,48 @@
+import type { ComponentProps, JSX } from 'solid-js';
+/**
+ * Stat.
+ *
+ * A single measured number with its label and, optionally, its change. The
+ * whole component is a decision about honesty: a value shown without its
+ * comparison is not information, so `delta` carries the direction, the amount
+ * and — through `deltaTone` — whether the direction is *good*. A rising number
+ * is not always a rising outcome, and only the caller knows which way is which.
+ *
+ * `tabular-nums` on the value is what lets two stats in a row be compared
+ * without the digits shifting under the reader.
+ */
+export type StatProps = ComponentProps<'div'> & {
+    label: string;
+    value: JSX.Element;
+    /** A unit or qualifier after the value, e.g. "ms", "of 10". */
+    unit?: string;
+    /** The change, e.g. "+12% from last week". */
+    delta?: string;
+    /** Whether the change is an improvement. Decides the arrow and the colour. */
+    deltaTone?: 'up' | 'down' | 'neutral';
+    /** Draws the leading accent rule used for a row of headline numbers. */
+    accent?: boolean;
+};
+export declare function Stat(props: StatProps): JSX.Element;
+/** A row of stats that shares one gap and wraps as the window narrows. */
+export declare function StatGroup(props: ComponentProps<'div'>): JSX.Element;
+/**
+ * PropertyList.
+ *
+ * A definition list for read-only metadata: the details of a file, a session, a
+ * build. This is a `<dl>`, not a table and not a grid of divs, because the
+ * relationship being expressed is term-and-definition and the platform has an
+ * element for exactly that.
+ *
+ * Values are selectable by default. Metadata is the thing users copy most and
+ * get the least often: a commit hash behind a drag-to-select gesture is a small
+ * daily failure.
+ */
+export declare function PropertyList(props: ComponentProps<'dl'>): JSX.Element;
+export declare function PropertyTerm(props: ComponentProps<'dt'>): JSX.Element;
+export declare function PropertyValue(props: ComponentProps<'dd'>): JSX.Element;
+/** A single term/value pair, for a list built one row at a time. */
+export declare function PropertyRow(props: ComponentProps<'div'> & {
+    term: string;
+}): JSX.Element;
+//# sourceMappingURL=stat.d.ts.map

package/dist/components/composites/stat/stat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/stat/stat.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAKnD;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,GAAG,CAAC,OAAO,CAAA;IAClB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8EAA8E;IAC9E,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAA;IACrC,wEAAwE;IACxE,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,eAkDpC;AAED,0EAA0E;AAC1E,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eASrD;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,eASvD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,eASvD;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,eASxD;AAED,oEAAoE;AACpE,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,eAa1E"}

package/dist/components/composites/stat/stat.js

@@ -0,0 +1,148 @@
+import { cn } from "../../../lib/utils.js";
+import { Dynamic, className, createComponent, effect, insert, mergeProps, spread, template } from "solid-js/web";
+import { ArrowDownRight, ArrowUpRight } from "lucide-solid";
+import { Show, splitProps } from "solid-js";
+//#region src/components/composites/stat/stat.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span class="text-muted-foreground text-xs">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div><span class=tabular-nums>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div data-slot=stat><div class="text-muted-foreground truncate text-xs font-medium"></div><div class="flex items-baseline gap-1"><span class="text-xl font-semibold tabular-nums tracking-tight">`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div data-slot=stat-group>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<dl data-slot=property-list>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<dt data-slot=property-term>`);
+var _tmpl$7 = /*#__PURE__*/ template(`<dd data-slot=property-value>`);
+var _tmpl$8 = /*#__PURE__*/ template(`<div data-slot=property-row><span class="text-muted-foreground shrink-0"></span><span class="min-w-0 truncate text-end select-text">`);
+function Stat(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"label",
+		"value",
+		"unit",
+		"delta",
+		"deltaTone",
+		"accent",
+		"children"
+	]);
+	return (() => {
+		var _el$ = _tmpl$3(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
+		spread(_el$, mergeProps({ get ["class"]() {
+			return cn("flex min-w-0 flex-col gap-1 rounded-lg border border-border bg-card p-3", { "border-t-2 border-t-primary": local.accent }, local.class);
+		} }, rest), false, true);
+		insert(_el$2, () => local.label);
+		insert(_el$4, () => local.value);
+		insert(_el$3, createComponent(Show, {
+			get when() {
+				return local.unit;
+			},
+			get children() {
+				var _el$5 = _tmpl$();
+				insert(_el$5, () => local.unit);
+				return _el$5;
+			}
+		}), null);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return local.delta;
+			},
+			get children() {
+				var _el$6 = _tmpl$2(), _el$7 = _el$6.firstChild;
+				insert(_el$6, createComponent(Show, {
+					get when() {
+						return local.deltaTone === "up" || local.deltaTone === "down";
+					},
+					get children() {
+						return createComponent(Dynamic, {
+							get component() {
+								return local.deltaTone === "down" ? ArrowDownRight : ArrowUpRight;
+							},
+							"aria-hidden": "true",
+							"class": "size-3"
+						});
+					}
+				}), _el$7);
+				insert(_el$7, () => local.delta);
+				effect(() => className(_el$6, cn("flex items-center gap-1 text-xs", {
+					"text-success": local.deltaTone === "up",
+					"text-destructive": local.deltaTone === "down",
+					"text-muted-foreground": local.deltaTone === void 0 || local.deltaTone === "neutral"
+				})));
+				return _el$6;
+			}
+		}), null);
+		insert(_el$, () => local.children, null);
+		return _el$;
+	})();
+}
+/** A row of stats that shares one gap and wraps as the window narrows. */
+function StatGroup(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$8 = _tmpl$4();
+		spread(_el$8, mergeProps({ get ["class"]() {
+			return cn("grid gap-3 sm:grid-cols-2 lg:grid-cols-4", local.class);
+		} }, rest), false, false);
+		return _el$8;
+	})();
+}
+/**
+* PropertyList.
+*
+* A definition list for read-only metadata: the details of a file, a session, a
+* build. This is a `<dl>`, not a table and not a grid of divs, because the
+* relationship being expressed is term-and-definition and the platform has an
+* element for exactly that.
+*
+* Values are selectable by default. Metadata is the thing users copy most and
+* get the least often: a commit hash behind a drag-to-select gesture is a small
+* daily failure.
+*/
+function PropertyList(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$9 = _tmpl$5();
+		spread(_el$9, mergeProps({ get ["class"]() {
+			return cn("grid grid-cols-[auto_1fr] items-baseline gap-x-4 gap-y-2 text-sm", local.class);
+		} }, rest), false, false);
+		return _el$9;
+	})();
+}
+function PropertyTerm(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$0 = _tmpl$6();
+		spread(_el$0, mergeProps({ get ["class"]() {
+			return cn("text-muted-foreground whitespace-nowrap", local.class);
+		} }, rest), false, false);
+		return _el$0;
+	})();
+}
+function PropertyValue(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$1 = _tmpl$7();
+		spread(_el$1, mergeProps({ get ["class"]() {
+			return cn("min-w-0 break-words select-text", local.class);
+		} }, rest), false, false);
+		return _el$1;
+	})();
+}
+/** A single term/value pair, for a list built one row at a time. */
+function PropertyRow(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"term",
+		"children"
+	]);
+	return (() => {
+		var _el$10 = _tmpl$8(), _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling;
+		spread(_el$10, mergeProps({ get ["class"]() {
+			return cn("flex items-baseline justify-between gap-4 text-sm", local.class);
+		} }, rest), false, true);
+		insert(_el$11, () => local.term);
+		insert(_el$12, () => local.children);
+		return _el$10;
+	})();
+}
+//#endregion
+export { PropertyList, PropertyRow, PropertyTerm, PropertyValue, Stat, StatGroup };
+
+//# sourceMappingURL=stat.js.map

package/dist/components/composites/stat/stat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat.js","names":["ArrowDownRight","ArrowUpRight","ComponentProps","JSX","Show","splitProps","Dynamic","cn","StatProps","label","value","Element","unit","delta","deltaTone","accent","Stat","props","local","rest","_el$","_tmpl$3","_el$2","firstChild","_el$3","nextSibling","_el$4","_$spread","_$mergeProps","class","_$insert","_$createComponent","when","children","_el$5","_tmpl$","_el$6","_tmpl$2","_el$7","component","_$effect","_$className","undefined","StatGroup","_el$8","_tmpl$4","PropertyList","_el$9","_tmpl$5","PropertyTerm","_el$0","_tmpl$6","PropertyValue","_el$1","_tmpl$7","PropertyRow","term","_el$10","_tmpl$8","_el$11","_el$12","_$mergeProps","_$createComponent","_$className"],"sources":["../../../../src/components/composites/stat/stat.tsx"],"sourcesContent":["import { ArrowDownRight, ArrowUpRight } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { Show, splitProps } from 'solid-js'\nimport { Dynamic } from 'solid-js/web'\nimport { cn } from '#lib/utils'\n\n/**\n * Stat.\n *\n * A single measured number with its label and, optionally, its change. The\n * whole component is a decision about honesty: a value shown without its\n * comparison is not information, so `delta` carries the direction, the amount\n * and — through `deltaTone` — whether the direction is *good*. A rising number\n * is not always a rising outcome, and only the caller knows which way is which.\n *\n * `tabular-nums` on the value is what lets two stats in a row be compared\n * without the digits shifting under the reader.\n */\nexport type StatProps = ComponentProps<'div'> & {\n  label: string\n  value: JSX.Element\n  /** A unit or qualifier after the value, e.g. \"ms\", \"of 10\". */\n  unit?: string\n  /** The change, e.g. \"+12% from last week\". */\n  delta?: string\n  /** Whether the change is an improvement. Decides the arrow and the colour. */\n  deltaTone?: 'up' | 'down' | 'neutral'\n  /** Draws the leading accent rule used for a row of headline numbers. */\n  accent?: boolean\n}\n\nexport function Stat(props: StatProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'label',\n    'value',\n    'unit',\n    'delta',\n    'deltaTone',\n    'accent',\n    'children',\n  ])\n\n  return (\n    <div\n      data-slot=\"stat\"\n      class={cn(\n        'flex min-w-0 flex-col gap-1 rounded-lg border border-border bg-card p-3',\n        { 'border-t-2 border-t-primary': local.accent },\n        local.class\n      )}\n      {...rest}\n    >\n      <div class=\"text-muted-foreground truncate text-xs font-medium\">{local.label}</div>\n      <div class=\"flex items-baseline gap-1\">\n        <span class=\"text-xl font-semibold tabular-nums tracking-tight\">{local.value}</span>\n        <Show when={local.unit}>\n          <span class=\"text-muted-foreground text-xs\">{local.unit}</span>\n        </Show>\n      </div>\n      <Show when={local.delta}>\n        <div\n          class={cn('flex items-center gap-1 text-xs', {\n            'text-success': local.deltaTone === 'up',\n            'text-destructive': local.deltaTone === 'down',\n            'text-muted-foreground': local.deltaTone === undefined || local.deltaTone === 'neutral',\n          })}\n        >\n          <Show when={local.deltaTone === 'up' || local.deltaTone === 'down'}>\n            <Dynamic\n              component={local.deltaTone === 'down' ? ArrowDownRight : ArrowUpRight}\n              aria-hidden=\"true\"\n              class=\"size-3\"\n            />\n          </Show>\n          <span class=\"tabular-nums\">{local.delta}</span>\n        </div>\n      </Show>\n      {local.children}\n    </div>\n  )\n}\n\n/** A row of stats that shares one gap and wraps as the window narrows. */\nexport function StatGroup(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"stat-group\"\n      class={cn('grid gap-3 sm:grid-cols-2 lg:grid-cols-4', local.class)}\n      {...rest}\n    />\n  )\n}\n\n/**\n * PropertyList.\n *\n * A definition list for read-only metadata: the details of a file, a session, a\n * build. This is a `<dl>`, not a table and not a grid of divs, because the\n * relationship being expressed is term-and-definition and the platform has an\n * element for exactly that.\n *\n * Values are selectable by default. Metadata is the thing users copy most and\n * get the least often: a commit hash behind a drag-to-select gesture is a small\n * daily failure.\n */\nexport function PropertyList(props: ComponentProps<'dl'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <dl\n      data-slot=\"property-list\"\n      class={cn('grid grid-cols-[auto_1fr] items-baseline gap-x-4 gap-y-2 text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function PropertyTerm(props: ComponentProps<'dt'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <dt\n      data-slot=\"property-term\"\n      class={cn('text-muted-foreground whitespace-nowrap', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function PropertyValue(props: ComponentProps<'dd'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <dd\n      data-slot=\"property-value\"\n      class={cn('min-w-0 break-words select-text', local.class)}\n      {...rest}\n    />\n  )\n}\n\n/** A single term/value pair, for a list built one row at a time. */\nexport function PropertyRow(props: ComponentProps<'div'> & { term: string }) {\n  const [local, rest] = splitProps(props, ['class', 'term', 'children'])\n\n  return (\n    <div\n      data-slot=\"property-row\"\n      class={cn('flex items-baseline justify-between gap-4 text-sm', local.class)}\n      {...rest}\n    >\n      <span class=\"text-muted-foreground shrink-0\">{local.term}</span>\n      <span class=\"min-w-0 truncate text-end select-text\">{local.children}</span>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/composites/update-dialog/index.d.ts

@@ -0,0 +1,2 @@
+export { UpdateDialog, type UpdateAdapter, type UpdateDialogProps, type UpdatePhase, type UpdateState, } from './update-dialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composites/update-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/update-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,WAAW,EAChB,KAAK,WAAW,GACjB,MAAM,iBAAiB,CAAA"}

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

@@ -0,0 +1,108 @@
+/**
+ * UpdateDialog.
+ *
+ * A software-update surface: the installed version, whether a newer release
+ * exists, a download that shows its progress, and the release notes for what is
+ * about to arrive.
+ *
+ * The transport is an adapter, because an update is the one thing a component
+ * library genuinely cannot implement: it is signed, downloaded and applied by the
+ * application's own updater, and the mechanism differs per shell. What *is*
+ * general is the phase machine and the way each phase is presented — and that is
+ * where the hard-won detail lives:
+ *
+ * **A refused install answers with a normal payload, not a rejection.** adea's
+ * shell returns a status whose phase is `failed` when a download or an extract
+ * fails, rather than throwing. Without handling that, clicking install looked like
+ * nothing happened at all — the button spun, the phase never changed, and the
+ * error sat unread in a field nobody rendered. The `failed` phase after an install
+ * is therefore surfaced as an error, explicitly.
+ *
+ * **Busy is derived from the snapshot as well as from the click.** An update can
+ * be downloading while the dialog is open — started before it opened, or by the
+ * shell's own poll — so a local `busy` flag alone would offer an enabled Install
+ * button mid-download.
+ *
+ * **Opening the dialog loads status first, then checks.** Status paints the
+ * installed version immediately; the check is a network round trip. Doing them in
+ * the other order leaves the dialog blank for as long as the check takes, on a
+ * dialog whose first question is always "what am I running?".
+ *
+ * **Errors are not always `Error`s.** An adapter can reject with a string, and a
+ * shell can answer with an error field. Both are read, and a fallback is shown
+ * rather than an empty alert.
+ *
+ * The adapter's `isDesktopRuntime` gate exists because an update is a desktop
+ * concern: a browser build has no installer, and the honest thing to show is that
+ * updates are available in the desktop application rather than a disabled button
+ * with no reason.
+ */
+/** The phase an update is in. The union is the state machine. */
+export type UpdatePhase = 'idle' | 'checking' | 'current' | 'available' | 'downloading' | 'installing' | 'installed' | 'failed';
+/** A snapshot of the updater. Every field the dialog renders, and nothing else. */
+export type UpdateState = Readonly<{
+    phase: UpdatePhase;
+    /** The version currently installed. */
+    currentVersion: string;
+    /** The version that can be installed, when one can. */
+    availableVersion?: string | null;
+    /** A changelog for the installed channel, as markdown. */
+    changelog?: string;
+    /** Notes for the available release, as markdown. */
+    releaseNotes?: string | null;
+    /** The available release's date, as an ISO string. */
+    releaseDate?: string | null;
+    /** Bytes downloaded so far, during `downloading`. */
+    downloadedBytes?: number;
+    /** Total bytes, when the server sent a length. */
+    totalBytes?: number | null;
+    /** Set when `phase` is `failed`, and sometimes when it is not. */
+    error?: string | null;
+    /** A URL for the release's page. */
+    releaseUrl?: string | null;
+    /** True when the application must restart to finish. */
+    restartRequired?: boolean;
+}>;
+/**
+ * The updater, as the application exposes it. Three calls, each answering with a
+ * full snapshot rather than a delta — an updater's state is small, and a snapshot
+ * cannot drift from the shell's own view of it.
+ */
+export type UpdateAdapter = Readonly<{
+    /** The current state, without contacting the release channel. */
+    getStatus(): Promise<UpdateState>;
+    /** Ask the release channel, and answer with what it found. */
+    check(): Promise<UpdateState>;
+    /**
+     * Download and apply `expectedVersion`.
+     *
+     * The argument is the version the caller believes is available, so the updater
+     * can refuse a request that raced a newer release rather than installing the
+     * wrong one.
+     */
+    install(expectedVersion: string): Promise<UpdateState>;
+    /** False in a browser build, where there is no installer to drive. */
+    isDesktopRuntime(): boolean;
+}>;
+export type UpdateDialogProps = {
+    adapter: UpdateAdapter;
+    /** The application's name, used in the title and the copy. */
+    appName?: string;
+    /** Shown before the first status arrives, so the dialog is never blank. */
+    fallbackVersion?: string;
+    /** Copy for the adapter's non-desktop case. */
+    desktopOnlyMessage?: string;
+    /** A controlled open state. Omit for the trigger to manage its own. */
+    open?: boolean;
+    /**
+     * Start open, uncontrolled — for a caller that opens the dialog because it found
+     * something ("an update is available") rather than because the user asked. The
+     * trigger is still rendered, so the dialog is reachable again after closing.
+     */
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Render only the panel, for a caller that provides its own dialog. */
+    class?: string;
+};
+export declare function UpdateDialog(props: UpdateDialogProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=update-dialog.d.ts.map

package/dist/components/composites/update-dialog/update-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/update-dialog/update-dialog.tsx"],"names":[],"mappings":"AAkBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AAEH,iEAAiE;AACjE,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,UAAU,GACV,SAAS,GACT,WAAW,GACX,aAAa,GACb,YAAY,GACZ,WAAW,GACX,QAAQ,CAAA;AAEZ,mFAAmF;AACnF,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;IACjC,KAAK,EAAE,WAAW,CAAA;IAClB,uCAAuC;IACvC,cAAc,EAAE,MAAM,CAAA;IACtB,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,qDAAqD;IACrD,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,wDAAwD;IACxD,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAC,CAAA;AAEF;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;IACnC,iEAAiE;IACjE,SAAS,IAAI,OAAO,CAAC,WAAW,CAAC,CAAA;IACjC,8DAA8D;IAC9D,KAAK,IAAI,OAAO,CAAC,WAAW,CAAC,CAAA;IAC7B;;;;;;OAMG;IACH,OAAO,CAAC,eAAe,EAAE,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC,CAAA;IACtD,sEAAsE;IACtE,gBAAgB,IAAI,OAAO,CAAA;CAC5B,CAAC,CAAA;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,aAAa,CAAA;IACtB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAoBD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,kCAqXpD"}