@adea-ai/ui 0.100.0 → 0.101.0

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

@@ -1,11 +1,12 @@
 import { cn } from "../../../lib/utils.js";
+import { Heading } from "../../ui/typography/typography.js";
 import { FormFieldContext, createFormFieldContext } from "../../../lib/form-field.js";
 import { className, createComponent, effect, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
 import { Show, createUniqueId, 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 data-slot=settings-section-body>`);
+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"></div></div><div data-slot=settings-section-body>`);
 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>`);
@@ -32,19 +33,25 @@ function SettingsSection(props) {
 		"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;
+		var _el$ = _tmpl$3(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$6 = _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(Heading, {
+			as: "h2",
+			size: "card",
+			get children() {
+				return local.title;
+			}
+		}), null);
 		insert(_el$3, createComponent(Show, {
 			get when() {
 				return local.description;
 			},
 			get children() {
-				var _el$5 = _tmpl$();
-				insert(_el$5, () => local.description);
-				return _el$5;
+				var _el$4 = _tmpl$();
+				insert(_el$4, () => local.description);
+				return _el$4;
 			}
 		}), null);
 		insert(_el$2, createComponent(Show, {
@@ -52,13 +59,13 @@ function SettingsSection(props) {
 				return local.action;
 			},
 			get children() {
-				var _el$6 = _tmpl$2();
-				insert(_el$6, () => local.action);
-				return _el$6;
+				var _el$5 = _tmpl$2();
+				insert(_el$5, () => local.action);
+				return _el$5;
 			}
 		}), null);
-		insert(_el$7, () => local.children);
-		effect(() => className(_el$7, cn(local.bodyLayout === "content" ? "flex flex-col gap-4" : "divide-y divide-border rounded-xl border border-border")));
+		insert(_el$6, () => local.children);
+		effect(() => className(_el$6, cn(local.bodyLayout === "content" ? "flex flex-col gap-4" : "divide-y divide-border rounded-xl border border-border")));
 		return _el$;
 	})();
 }
@@ -93,26 +100,26 @@ function SettingsRow(props) {
 	return createComponent(FormFieldContext.Provider, {
 		value: field,
 		get children() {
-			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"]() {
+			var _el$7 = _tmpl$4(), _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$1 = _el$8.nextSibling;
+			spread(_el$7, 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);
-			setAttribute(_el$0, "id", labelId);
-			insert(_el$0, () => local.label);
-			insert(_el$9, createComponent(Show, {
+			setAttribute(_el$9, "id", labelId);
+			insert(_el$9, () => local.label);
+			insert(_el$8, createComponent(Show, {
 				get when() {
 					return local.description;
 				},
 				get children() {
-					var _el$1 = _tmpl$();
-					setAttribute(_el$1, "id", descriptionId);
-					insert(_el$1, () => local.description);
-					return _el$1;
+					var _el$0 = _tmpl$();
+					setAttribute(_el$0, "id", descriptionId);
+					insert(_el$0, () => local.description);
+					return _el$0;
 				}
 			}), null);
-			insert(_el$10, () => local.children);
-			effect(() => className(_el$10, cn("shrink-0", local.orientation === "vertical" && "w-full")));
-			return _el$8;
+			insert(_el$1, () => local.children);
+			effect(() => className(_el$1, cn("shrink-0", local.orientation === "vertical" && "w-full")));
+			return _el$7;
 		}
 	});
 }
@@ -126,35 +133,35 @@ function SettingsField(props) {
 		"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"]() {
+		var _el$10 = _tmpl$5(), _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$14 = _el$11.nextSibling;
+		spread(_el$10, 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, {
+		insert(_el$12, () => local.label);
+		insert(_el$11, createComponent(Show, {
 			get when() {
 				return local.description;
 			},
 			get children() {
-				var _el$14 = _tmpl$();
-				insert(_el$14, () => local.description);
-				return _el$14;
+				var _el$13 = _tmpl$();
+				insert(_el$13, () => local.description);
+				return _el$13;
 			}
 		}), null);
-		insert(_el$15, () => local.children);
-		effect(() => setAttribute(_el$13, "for", local.htmlFor));
-		return _el$11;
+		insert(_el$14, () => local.children);
+		effect(() => setAttribute(_el$12, "for", local.htmlFor));
+		return _el$10;
 	})();
 }
 /** 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"]() {
+		var _el$15 = _tmpl$6();
+		spread(_el$15, mergeProps({ get ["class"]() {
 			return cn("flex min-h-0 flex-1 flex-col overflow-y-auto", local.class);
 		} }, rest), false, false);
-		return _el$16;
+		return _el$15;
 	})();
 }
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"settings.js","names":["ComponentProps","JSX","createUniqueId","Show","splitProps","createFormFieldContext","FormFieldContext","cn","SettingsSection","props","title","description","action","Element","bodyLayout","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","_$effect","_$className","SettingsRow","label","orientation","bare","rowId","labelId","descriptionId","field","defaultControlId","hint","error","undefined","group","Provider","value","_el$8","_tmpl$4","_el$9","_el$0","_el$10","_$setAttribute","_el$1","SettingsField","htmlFor","_el$11","_tmpl$5","_el$12","_el$13","_el$15","_el$14","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 { createUniqueId, Show, splitProps } from 'solid-js'\nimport { createFormFieldContext, FormFieldContext } from '#lib/form-field'\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. `SettingsRow` also\n * exposes its label and description through the shared form-field context to\n * the first control inside it. `SettingsField` is the visual stacked layout;\n * use `FormField` when the control needs label, help, or validation wiring.\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    /** Use a spaced content stack for fields, alerts, and cards instead of divided rows. */\n    bodyLayout?: 'rows' | 'content'\n  }\n) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'title',\n    'description',\n    'action',\n    'bodyLayout',\n    'children',\n  ])\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\n        data-slot=\"settings-section-body\"\n        class={cn(\n          local.bodyLayout === 'content'\n            ? 'flex flex-col gap-4'\n            : 'divide-y divide-border rounded-xl border border-border'\n        )}\n      >\n        {local.children}\n      </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 * The label and description are linked to a shared control through field\n * context. An explicit `aria-label` or `aria-labelledby` on the control keeps\n * precedence; otherwise the visible row label names it.\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  const rowId = createUniqueId()\n  const labelId = `${rowId}-label`\n  const descriptionId = `${rowId}-description`\n  const field = createFormFieldContext({\n    defaultControlId: rowId,\n    labelId,\n    descriptionId,\n    hint: () => local.description,\n    error: () => undefined,\n    group: () => false,\n  })\n\n  return (\n    <FormFieldContext.Provider value={field}>\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 id={labelId} data-slot=\"settings-row-label\" class=\"text-sm font-medium\">\n            {local.label}\n          </div>\n          <Show when={local.description}>\n            <p id={descriptionId} class=\"max-w-prose text-sm text-muted-foreground text-pretty\">\n              {local.description}\n            </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    </FormFieldContext.Provider>\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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"}
+{"version":3,"file":"settings.js","names":["ComponentProps","JSX","createUniqueId","Show","splitProps","createFormFieldContext","FormFieldContext","cn","Heading","SettingsSection","props","title","description","action","Element","bodyLayout","local","rest","_el$","_tmpl$3","_el$2","firstChild","_el$3","_el$6","nextSibling","_$spread","_$mergeProps","class","_$insert","_$createComponent","as","size","children","when","_el$4","_tmpl$","_el$5","_tmpl$2","_$effect","_$className","SettingsRow","label","orientation","bare","rowId","labelId","descriptionId","field","defaultControlId","hint","error","undefined","group","Provider","value","_el$7","_tmpl$4","_el$8","_el$9","_el$1","_$setAttribute","_el$0","SettingsField","htmlFor","_el$10","_tmpl$5","_el$11","_el$12","_el$14","_el$13","SettingsPage","_el$15","_tmpl$6","_$mergeProps","_$createComponent","_$className","_$setAttribute"],"sources":["../../../../src/components/composites/settings/settings.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from 'solid-js'\nimport { createUniqueId, Show, splitProps } from 'solid-js'\nimport { createFormFieldContext, FormFieldContext } from '#lib/form-field'\nimport { cn } from '#lib/utils'\nimport { Heading } from '../../ui/typography'\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. `SettingsRow` also\n * exposes its label and description through the shared form-field context to\n * the first control inside it. `SettingsField` is the visual stacked layout;\n * use `FormField` when the control needs label, help, or validation wiring.\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    /** Use a spaced content stack for fields, alerts, and cards instead of divided rows. */\n    bodyLayout?: 'rows' | 'content'\n  }\n) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'title',\n    'description',\n    'action',\n    'bodyLayout',\n    'children',\n  ])\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          <Heading as=\"h2\" size=\"card\">\n            {local.title}\n          </Heading>\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\n        data-slot=\"settings-section-body\"\n        class={cn(\n          local.bodyLayout === 'content'\n            ? 'flex flex-col gap-4'\n            : 'divide-y divide-border rounded-xl border border-border'\n        )}\n      >\n        {local.children}\n      </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 * The label and description are linked to a shared control through field\n * context. An explicit `aria-label` or `aria-labelledby` on the control keeps\n * precedence; otherwise the visible row label names it.\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  const rowId = createUniqueId()\n  const labelId = `${rowId}-label`\n  const descriptionId = `${rowId}-description`\n  const field = createFormFieldContext({\n    defaultControlId: rowId,\n    labelId,\n    descriptionId,\n    hint: () => local.description,\n    error: () => undefined,\n    group: () => false,\n  })\n\n  return (\n    <FormFieldContext.Provider value={field}>\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 id={labelId} data-slot=\"settings-row-label\" class=\"text-sm font-medium\">\n            {local.label}\n          </div>\n          <Show when={local.description}>\n            <p id={descriptionId} class=\"max-w-prose text-sm text-muted-foreground text-pretty\">\n              {local.description}\n            </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    </FormFieldContext.Provider>\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":";;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,SAAgBS,gBACdC,OAQA;CACA,MAAM,CAACM,OAAOC,QAAQb,WAAWM,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,cAAA;EAAA,IAAAQ,OAAAC,QAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAC,YAAAE,QAAAH,MAAAI;EAAAC,OAAAP,MAAAQ,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWnB,GAAG,iCAAiCS,MAAMW,KAAK;EAAC,EAAA,GACnDV,IAAI,GAAA,OAAA,IAAA;EAAAW,OAAAN,OAAAO,gBAIHrB,SAAO;GAACsB,IAAE;GAAMC,MAAI;GAAA,IAAAC,WAAA;IAAA,OAClBhB,MAAML;GAAK;EAAA,CAAA,GAAA,IAAA;EAAAiB,OAAAN,OAAAO,gBAEb1B,MAAI;GAAA,IAAC8B,OAAI;IAAA,OAAEjB,MAAMJ;GAAW;GAAA,IAAAoB,WAAA;IAAA,IAAAE,QAAAC,OAAA;IAAAP,OAAAM,aACuClB,MAAMJ,WAAW;IAAA,OAAAsB;GAAA;EAAA,CAAA,GAAA,IAAA;EAAAN,OAAAR,OAAAS,gBAGtF1B,MAAI;GAAA,IAAC8B,OAAI;IAAA,OAAEjB,MAAMH;GAAM;GAAA,IAAAmB,WAAA;IAAA,IAAAI,QAAAC,QAAA;IAAAT,OAAAQ,aACyBpB,MAAMH,MAAM;IAAA,OAAAuB;GAAA;EAAA,CAAA,GAAA,IAAA;EAAAR,OAAAL,aAW5DP,MAAMgB,QAAQ;EAAAM,aAAAC,UAAAhB,OANRhB,GACLS,MAAMD,eAAe,YACjB,wBACA,wDACN,CAAC,CAAA;EAAA,OAAAG;CAAA,EAAA,CAAA;AAMT;;;;;;;;;AAUA,SAAgBsB,YACd9B,OAQA;CACA,MAAM,CAACM,OAAOC,QAAQb,WAAWM,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CACD,MAAMkC,QAAQ1C,eAAe;CAC7B,MAAM2C,UAAU,GAAGD,MAAK;CACxB,MAAME,gBAAgB,GAAGF,MAAK;CAC9B,MAAMG,QAAQ1C,uBAAuB;EACnC2C,kBAAkBJ;EAClBC;EACAC;EACAG,YAAYjC,MAAMJ;EAClBsC,aAAaC,KAAAA;EACbC,aAAa;CACf,CAAC;CAED,OAAAvB,gBACGvB,iBAAiB+C,UAAQ;EAACC,OAAOP;EAAK,IAAAf,WAAA;GAAA,IAAAuB,QAAAC,QAAA,GAAAC,QAAAF,MAAAlC,YAAAqC,QAAAD,MAAApC,YAAAsC,QAAAF,MAAAjC;GAAAC,OAAA8B,OAAA7B,WAAA,EAAA,KAAA,WAAA;IAAA,OAG5BnB,GACL,kBACAS,MAAM0B,gBAAgB,aAClB,aACA,2DACJ1B,MAAMW,KACR;GAAC,EAAA,GACGV,IAAI,GAAA,OAAA,IAAA;GAAA2C,aAAAF,OAAA,MAGGb,OAAO;GAAAjB,OAAA8B,aACb1C,MAAMyB,KAAK;GAAAb,OAAA6B,OAAA5B,gBAEb1B,MAAI;IAAA,IAAC8B,OAAI;KAAA,OAAEjB,MAAMJ;IAAW;IAAA,IAAAoB,WAAA;KAAA,IAAA6B,QAAA1B,OAAA;KAAAyB,aAAAC,OAAA,MACpBf,aAAa;KAAAlB,OAAAiC,aACjB7C,MAAMJ,WAAW;KAAA,OAAAiD;IAAA;GAAA,CAAA,GAAA,IAAA;GAAAjC,OAAA+B,aAQrB3C,MAAMgB,QAAQ;GAAAM,aAAAC,UAAAoB,OAFRpD,GAAG,YAAYS,MAAM0B,gBAAgB,cAAc,QAAQ,CAAC,CAAA;GAAA,OAAAa;EAAA;CAAA,CAAA;AAO7E;;AAGA,SAAgBO,cACdpD,OACA;CACA,MAAM,CAACM,OAAOC,QAAQb,WAAWM,OAAO;EAAC;EAAS;EAAS;EAAe;EAAW;CAAU,CAAC;CAEhG,cAAA;EAAA,IAAAsD,SAAAC,QAAA,GAAAC,SAAAF,OAAA3C,YAAA8C,SAAAD,OAAA7C,YAAA+C,SAAAF,OAAA1C;EAAAC,OAAAuC,QAAAtC,WAAA,EAAA,KAAA,WAAA;GAAA,OACyCnB,GAAG,2BAA2BS,MAAMW,KAAK;EAAC,EAAA,GAAMV,IAAI,GAAA,OAAA,IAAA;EAAAW,OAAAuC,cAGpFnD,MAAMyB,KAAK;EAAAb,OAAAsC,QAAArC,gBAEb1B,MAAI;GAAA,IAAC8B,OAAI;IAAA,OAAEjB,MAAMJ;GAAW;GAAA,IAAAoB,WAAA;IAAA,IAAAqC,SAAAlC,OAAA;IAAAP,OAAAyC,cACuCrD,MAAMJ,WAAW;IAAA,OAAAyD;GAAA;EAAA,CAAA,GAAA,IAAA;EAAAzC,OAAAwC,cAGjFpD,MAAMgB,QAAQ;EAAAM,aAAAsB,aAAAO,QAAA,OAPNnD,MAAM+C,OAAO,CAAA;EAAA,OAAAC;CAAA,EAAA,CAAA;AAUjC;;AAGA,SAAgBM,aAAa5D,OAA8B;CACzD,MAAM,CAACM,OAAOC,QAAQb,WAAWM,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAA6D,SAAAC,QAAA;EAAA/C,OAAA8C,QAAA7C,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWnB,GAAG,gDAAgDS,MAAMW,KAAK;EAAC,EAAA,GAClEV,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAsD;CAAA,EAAA,CAAA;AAGd"}

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

@@ -1 +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,eA+CpC;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"}
+{"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;AAMnD;;;;;;;;;;;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,eAmDpC;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

@@ -1,16 +1,16 @@
 import { cn } from "../../../lib/utils.js";
+import { Heading, Text } from "../../ui/typography/typography.js";
 import { Dynamic, createComponent, 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 class="text-foreground flex items-center gap-1 text-xs"><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">`);
+var _tmpl$ = /*#__PURE__*/ template(`<div class="text-foreground flex items-center gap-1 text-xs"><span class=tabular-nums>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-slot=stat><div class="text-muted-foreground truncate text-xs font-medium"></div><div class="flex items-baseline gap-1">`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div data-slot=stat-group>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<dl data-slot=property-list>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<dt data-slot=property-term>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<dd data-slot=property-value>`);
+var _tmpl$7 = /*#__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",
@@ -23,20 +23,31 @@ function Stat(props) {
 		"children"
 	]);
 	return (() => {
-		var _el$ = _tmpl$3(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
+		var _el$ = _tmpl$2(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
 		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(Heading, {
+			as: "span",
+			size: "page",
+			numeric: true,
+			get children() {
+				return local.value;
+			}
+		}), null);
 		insert(_el$3, createComponent(Show, {
 			get when() {
 				return local.unit;
 			},
 			get children() {
-				var _el$5 = _tmpl$();
-				insert(_el$5, () => local.unit);
-				return _el$5;
+				return createComponent(Text, {
+					variant: "caption",
+					tone: "muted",
+					get children() {
+						return local.unit;
+					}
+				});
 			}
 		}), null);
 		insert(_el$, createComponent(Show, {
@@ -44,8 +55,8 @@ function Stat(props) {
 				return local.delta;
 			},
 			get children() {
-				var _el$6 = _tmpl$2(), _el$7 = _el$6.firstChild;
-				insert(_el$6, createComponent(Show, {
+				var _el$4 = _tmpl$(), _el$5 = _el$4.firstChild;
+				insert(_el$4, createComponent(Show, {
 					get when() {
 						return local.deltaTone === "up" || local.deltaTone === "down";
 					},
@@ -63,9 +74,9 @@ function Stat(props) {
 							}
 						});
 					}
-				}), _el$7);
-				insert(_el$7, () => local.delta);
-				return _el$6;
+				}), _el$5);
+				insert(_el$5, () => local.delta);
+				return _el$4;
 			}
 		}), null);
 		insert(_el$, () => local.children, null);
@@ -76,11 +87,11 @@ function Stat(props) {
 function StatGroup(props) {
 	const [local, rest] = splitProps(props, ["class"]);
 	return (() => {
-		var _el$8 = _tmpl$4();
-		spread(_el$8, mergeProps({ get ["class"]() {
+		var _el$6 = _tmpl$3();
+		spread(_el$6, mergeProps({ get ["class"]() {
 			return cn("grid gap-3 sm:grid-cols-2 lg:grid-cols-4", local.class);
 		} }, rest), false, false);
-		return _el$8;
+		return _el$6;
 	})();
 }
 /**
@@ -98,31 +109,31 @@ function StatGroup(props) {
 function PropertyList(props) {
 	const [local, rest] = splitProps(props, ["class"]);
 	return (() => {
-		var _el$9 = _tmpl$5();
-		spread(_el$9, mergeProps({ get ["class"]() {
+		var _el$7 = _tmpl$4();
+		spread(_el$7, 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;
+		return _el$7;
 	})();
 }
 function PropertyTerm(props) {
 	const [local, rest] = splitProps(props, ["class"]);
 	return (() => {
-		var _el$0 = _tmpl$6();
-		spread(_el$0, mergeProps({ get ["class"]() {
+		var _el$8 = _tmpl$5();
+		spread(_el$8, mergeProps({ get ["class"]() {
 			return cn("text-muted-foreground whitespace-nowrap", local.class);
 		} }, rest), false, false);
-		return _el$0;
+		return _el$8;
 	})();
 }
 function PropertyValue(props) {
 	const [local, rest] = splitProps(props, ["class"]);
 	return (() => {
-		var _el$1 = _tmpl$7();
-		spread(_el$1, mergeProps({ get ["class"]() {
+		var _el$9 = _tmpl$6();
+		spread(_el$9, mergeProps({ get ["class"]() {
 			return cn("min-w-0 break-words select-text", local.class);
 		} }, rest), false, false);
-		return _el$1;
+		return _el$9;
 	})();
 }
 /** A single term/value pair, for a list built one row at a time. */
@@ -133,13 +144,13 @@ function PropertyRow(props) {
 		"children"
 	]);
 	return (() => {
-		var _el$10 = _tmpl$8(), _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling;
-		spread(_el$10, mergeProps({ get ["class"]() {
+		var _el$0 = _tmpl$7(), _el$1 = _el$0.firstChild, _el$10 = _el$1.nextSibling;
+		spread(_el$0, 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;
+		insert(_el$1, () => local.term);
+		insert(_el$10, () => local.children);
+		return _el$0;
 	})();
 }
 //#endregion

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

@@ -1 +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","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"],"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 class=\"text-foreground flex items-center gap-1 text-xs\">\n          <Show when={local.deltaTone === 'up' || local.deltaTone === 'down'}>\n            <Dynamic\n              component={local.deltaTone === 'down' ? ArrowDownRight : ArrowUpRight}\n              aria-hidden=\"true\"\n              class={cn('size-3', {\n                'text-success': local.deltaTone === 'up',\n                'text-destructive': local.deltaTone === 'down',\n              })}\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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"}
+{"version":3,"file":"stat.js","names":["ArrowDownRight","ArrowUpRight","ComponentProps","JSX","Show","splitProps","Dynamic","cn","Heading","Text","StatProps","label","value","Element","unit","delta","deltaTone","accent","Stat","props","local","rest","_el$","_tmpl$2","_el$2","firstChild","_el$3","nextSibling","_$spread","_$mergeProps","class","_$insert","_$createComponent","as","size","numeric","children","when","variant","tone","_el$4","_tmpl$","_el$5","component","StatGroup","_el$6","_tmpl$3","PropertyList","_el$7","_tmpl$4","PropertyTerm","_el$8","_tmpl$5","PropertyValue","_el$9","_tmpl$6","PropertyRow","term","_el$0","_tmpl$7","_el$1","_el$10","_$mergeProps","_$createComponent"],"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'\nimport { Heading, Text } from '../../ui/typography'\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        <Heading as=\"span\" size=\"page\" numeric>\n          {local.value}\n        </Heading>\n        <Show when={local.unit}>\n          <Text variant=\"caption\" tone=\"muted\">\n            {local.unit}\n          </Text>\n        </Show>\n      </div>\n      <Show when={local.delta}>\n        <div class=\"text-foreground flex items-center gap-1 text-xs\">\n          <Show when={local.deltaTone === 'up' || local.deltaTone === 'down'}>\n            <Dynamic\n              component={local.deltaTone === 'down' ? ArrowDownRight : ArrowUpRight}\n              aria-hidden=\"true\"\n              class={cn('size-3', {\n                'text-success': local.deltaTone === 'up',\n                'text-destructive': local.deltaTone === 'down',\n              })}\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":";;;;;;;;;;;;;AAgCA,SAAgBkB,KAAKC,OAAkB;CACrC,MAAM,CAACC,OAAOC,QAAQhB,WAAWc,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,cAAA;EAAA,IAAAG,OAAAC,QAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAG;EAAAC,OAAAN,MAAAO,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWtB,GACL,2EACA,EAAE,+BAA+Ba,MAAMH,OAAO,GAC9CG,MAAMU,KACR;EAAC,EAAA,GACGT,IAAI,GAAA,OAAA,IAAA;EAAAU,OAAAP,aAEyDJ,MAAMT,KAAK;EAAAoB,OAAAL,OAAAM,gBAEzExB,SAAO;GAACyB,IAAE;GAAQC,MAAI;GAAQC,SAAO;GAAA,IAAAC,WAAA;IAAA,OACnChB,MAAMR;GAAK;EAAA,CAAA,GAAA,IAAA;EAAAmB,OAAAL,OAAAM,gBAEb5B,MAAI;GAAA,IAACiC,OAAI;IAAA,OAAEjB,MAAMN;GAAI;GAAA,IAAAsB,WAAA;IAAA,OAAAJ,gBACnBvB,MAAI;KAAC6B,SAAO;KAAWC,MAAI;KAAA,IAAAH,WAAA;MAAA,OACzBhB,MAAMN;KAAI;IAAA,CAAA;GAAA;EAAA,CAAA,GAAA,IAAA;EAAAiB,OAAAT,MAAAU,gBAIhB5B,MAAI;GAAA,IAACiC,OAAI;IAAA,OAAEjB,MAAML;GAAK;GAAA,IAAAqB,WAAA;IAAA,IAAAI,QAAAC,OAAA,GAAAC,QAAAF,MAAAf;IAAAM,OAAAS,OAAAR,gBAElB5B,MAAI;KAAA,IAACiC,OAAI;MAAA,OAAEjB,MAAMJ,cAAc,QAAQI,MAAMJ,cAAc;KAAM;KAAA,IAAAoB,WAAA;MAAA,OAAAJ,gBAC/D1B,SAAO;OAAA,IACNqC,YAAS;QAAA,OAAEvB,MAAMJ,cAAc,SAAShB,iBAAiBC;OAAY;OAAA,eAAA;OAAA,KAAA,WAAA;QAAA,OAE9DM,GAAG,UAAU;SAClB,gBAAgBa,MAAMJ,cAAc;SACpC,oBAAoBI,MAAMJ,cAAc;QAC1C,CAAC;OAAC;MAAA,CAAA;KAAA;IAAA,CAAA,GAAA0B,KAAA;IAAAX,OAAAW,aAGsBtB,MAAML,KAAK;IAAA,OAAAyB;GAAA;EAAA,CAAA,GAAA,IAAA;EAAAT,OAAAT,YAG1CF,MAAMgB,UAAQ,IAAA;EAAA,OAAAd;CAAA,EAAA,CAAA;AAGrB;;AAGA,SAAgBsB,UAAUzB,OAA8B;CACtD,MAAM,CAACC,OAAOC,QAAQhB,WAAWc,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAA0B,QAAAC,QAAA;EAAAlB,OAAAiB,OAAAhB,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWtB,GAAG,4CAA4Ca,MAAMU,KAAK;EAAC,EAAA,GAC9DT,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAwB;CAAA,EAAA,CAAA;AAGd;;;;;;;;;;;;;AAcA,SAAgBE,aAAa5B,OAA6B;CACxD,MAAM,CAACC,OAAOC,QAAQhB,WAAWc,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAA6B,QAAAC,QAAA;EAAArB,OAAAoB,OAAAnB,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWtB,GAAG,oEAAoEa,MAAMU,KAAK;EAAC,EAAA,GACtFT,IAAI,GAAA,OAAA,KAAA;EAAA,OAAA2B;CAAA,EAAA,CAAA;AAGd;AAEA,SAAgBE,aAAa/B,OAA6B;CACxD,MAAM,CAACC,OAAOC,QAAQhB,WAAWc,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAgC,QAAAC,QAAA;EAAAxB,OAAAuB,OAAAtB,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWtB,GAAG,2CAA2Ca,MAAMU,KAAK;EAAC,EAAA,GAC7DT,IAAI,GAAA,OAAA,KAAA;EAAA,OAAA8B;CAAA,EAAA,CAAA;AAGd;AAEA,SAAgBE,cAAclC,OAA6B;CACzD,MAAM,CAACC,OAAOC,QAAQhB,WAAWc,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAmC,QAAAC,QAAA;EAAA3B,OAAA0B,OAAAzB,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWtB,GAAG,mCAAmCa,MAAMU,KAAK;EAAC,EAAA,GACrDT,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAiC;CAAA,EAAA,CAAA;AAGd;;AAGA,SAAgBE,YAAYrC,OAAiD;CAC3E,MAAM,CAACC,OAAOC,QAAQhB,WAAWc,OAAO;EAAC;EAAS;EAAQ;CAAU,CAAC;CAErE,cAAA;EAAA,IAAAuC,QAAAC,QAAA,GAAAC,QAAAF,MAAAjC,YAAAoC,SAAAD,MAAAjC;EAAAC,OAAA8B,OAAA7B,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWtB,GAAG,qDAAqDa,MAAMU,KAAK;EAAC,EAAA,GACvET,IAAI,GAAA,OAAA,IAAA;EAAAU,OAAA6B,aAEsCxC,MAAMqC,IAAI;EAAA1B,OAAA8B,cACHzC,MAAMgB,QAAQ;EAAA,OAAAsB;CAAA,EAAA,CAAA;AAGzE"}

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

@@ -1 +1 @@
-{"version":3,"file":"update-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/update-dialog/update-dialog.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AA6BxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAEH,iEAAiE;AACjE,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,UAAU,GACV,SAAS,GACT,WAAW,GACX,aAAa,GACb,YAAY,GACZ,WAAW,GACX,YAAY,GACZ,WAAW,GACX,aAAa,GACb,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,4EAA4E;IAC5E,MAAM,CAAC,IAAI,OAAO,CAAC,WAAW,CAAC,CAAA;IAC/B,+EAA+E;IAC/E,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,iEAAiE;IACjE,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACzC,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,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,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;;;;OAIG;IACH,eAAe,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC,CAAA;IACnD,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAmCD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,kCAsmBpD"}
+{"version":3,"file":"update-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/update-dialog/update-dialog.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AA8BxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAEH,iEAAiE;AACjE,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,UAAU,GACV,SAAS,GACT,WAAW,GACX,aAAa,GACb,YAAY,GACZ,WAAW,GACX,YAAY,GACZ,WAAW,GACX,aAAa,GACb,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,4EAA4E;IAC5E,MAAM,CAAC,IAAI,OAAO,CAAC,WAAW,CAAC,CAAA;IAC/B,+EAA+E;IAC/E,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,iEAAiE;IACjE,YAAY,CAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACzC,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,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,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;;;;OAIG;IACH,eAAe,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC,CAAA;IACnD,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAmCD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,kCAinBpD"}