@k2b/ui 0.49.0 → 0.51.0

package/dist/ssr/surfaces/StatCell.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["surfaces/StatCell.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport Chart from \"../content/Chart\";\nimport type { ChartTooltipFormatter } from \"../content/chart-inspection-core\";\nimport { useLocale } from \"../intl/locale\";\nimport type { AccentColor } from \"../semantics\";\nimport { type StatGridSize, useStatGridSize, useStatGridSurface } from \"./StatGrid\";\n\nexport type StatCellTone = AccentColor;\n\nexport type StatCellAccent = {\n  tone: StatCellTone;\n  icon: string;\n  text?: string;\n};\n\nexport type StatCellProps = {\n  label: string;\n  value: string | number | JSX.Element;\n  sub?: string;\n  valueClass?: string;\n  accent?: StatCellAccent;\n  href?: string;\n  title?: string;\n  trend?: readonly number[];\n  /**\n   * Replaces the default trend tooltip in browser code, for example with a period title or a unit.\n   * `selection.datum.index` is the source index into `trend`.\n   */\n  trendTooltip?: ChartTooltipFormatter;\n  size?: StatGridSize;\n  /**\n   * Wraps the label, value and support line instead of truncating them. Use it for a cell whose height nothing\n   * reserves, such as one figure on its own; cells compared in a row keep one line each.\n   */\n  wrap?: boolean;\n};\n\nfunction Body(props: StatCellProps): JSX.Element {\n  const gridSize = useStatGridSize();\n  const size = () => props.size ?? gridSize;\n  const accent = () => props.accent;\n  const locale = useLocale();\n  const defaultTrendTooltip: ChartTooltipFormatter = ({ datum }) => {\n    const y = datum.values.find((field) => field.key === \"y\")?.value ?? \"\";\n    return {\n      rows: [\n        { label: props.label, value: typeof y === \"number\" ? new Intl.NumberFormat(locale(), { maximumFractionDigits: 6 }).format(y) : y },\n      ],\n    };\n  };\n  return (\n    <>\n      <span class=\"k2b-stat-cell__label\" data-size={size()}>\n        {props.label}\n      </span>\n      <span class={`k2b-stat-cell__value ${props.valueClass ?? \"\"}`} data-size={size()} title={props.title}>\n        {props.value}\n      </span>\n      <Show when={props.trend && props.trend.length > 1}>\n        <Chart\n          kind=\"sparkline\"\n          labels={{ interactiveChart: props.label }}\n          tooltip={props.trendTooltip ?? defaultTrendTooltip}\n          class=\"k2b-stat-cell__trend\"\n          style={{ height: \"32px\" }}\n          data={Array.from(props.trend ?? [])}\n          showLast\n          showMinMax\n        />\n      </Show>\n      <Show when={props.sub || accent()}>\n        <div class=\"k2b-stat-cell__support\">\n          <Show when={props.sub}>{(sub) => <span class=\"k2b-stat-cell__sub\">{sub()}</span>}</Show>\n          <Show when={accent()}>\n            {(value) => (\n              <Show\n                when={value().text}\n                fallback={<i class={`${value().icon} k2b-stat-cell__accent-icon`} data-tone={value().tone} aria-hidden=\"true\" />}\n              >\n                {(text) => (\n                  <span class=\"k2b-stat-cell__accent\" data-tone={value().tone}>\n                    <i class={value().icon} aria-hidden=\"true\" />\n                    {text()}\n                  </span>\n                )}\n              </Show>\n            )}\n          </Show>\n        </div>\n      </Show>\n    </>\n  );\n}\n\nexport function StatCell(props: StatCellProps): JSX.Element {\n  const gridSize = useStatGridSize();\n  const size = () => props.size ?? gridSize;\n  const surface = useStatGridSurface();\n  return (\n    <Show\n      when={props.href}\n      fallback={\n        <div class=\"k2b-stat-cell\" data-size={size()} data-surface={surface} data-wrap={props.wrap || undefined}>\n          <Body {...props} />\n        </div>\n      }\n    >\n      {(href) => (\n        <a\n          href={href()}\n          class=\"k2b-stat-cell k2b-stat-cell--link\"\n          data-size={size()}\n          data-surface={surface}\n          data-wrap={props.wrap || undefined}\n        >\n          <i class=\"ti ti-external-link k2b-stat-cell__link-icon\" aria-hidden=\"true\" />\n          <Body {...props} />\n        </a>\n      )}\n    </Show>\n  );\n}\n\nexport default StatCell;\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAmB,IAAI,QAAQ,UAAU;AACzC,OAAO,KAAK,MAAM,kBAAkB;AAEpC,SAAS,SAAS,QAAQ,gBAAgB;AAE1C,SAA4B,eAAe,EAAE,kBAAkB,QAAQ,YAAY;AAgCnF,SAAS,IAAI,CAAC,KAAoB,EAAe;EAC/C,MAAM,QAAQ,GAAG,eAAe,CAAC,CAAC;EAClC,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,IAAI,IAAI,QAAQ;EACzC,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,MAAM;EACjC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,MAAM,mBAA0C,GAAG,CAAC;IAAE;EAAM,CAAC,KAAK;IAChE,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAE,KAAK,IAAK,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,KAAK,IAAI,EAAE;IACtE,OAAO;MACL,IAAI,EAAE,CACJ;QAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QAAE,KAAK,EAAE,OAAO,CAAC,KAAK,QAAQ,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,EAAE;UAAE,qBAAqB,EAAE;QAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG;MAAE,CAAC;IAEtI,CAAC;EACH,CAAC;EACD,2DAEkD,IAAI,CAAC,CAAC,0BACjD,KAAK,CAAC,KAAK,mBAED,iCAAwB,KAAK,CAAC,UAAU,IAAI,EAAE,SAAE,uCAAa,IAAI,CAAC,CAAC,mDAAS,KAAK,CAAC,KAAK,0BACjG,KAAK,CAAC,KAAK,sBAEb,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,oBAAK,CAAC,KAAK,OAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;IAAA;IAAA;MAAA,yBAC9C,KAAK;QACJ,IAAI;QAAA,IACJ,MAAM;UAAA,OAAE;YAAE,gBAAgB,EAAE,KAAK,CAAC;UAAM,CAAC;QAAA;QAAA,IACzC,OAAO;UAAA,OAAE,KAAK,CAAC,YAAY,IAAI,mBAAmB;QAAA;QAAA;QAElD,KAAK,EAAE;UAAE,MAAM,EAAE;QAAO,CAAC;QAAA,IACzB,IAAI;UAAA,OAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;QAAA;QACnC,QAAQ;QACR,UAAU;MAAA;IAAA;EAAA,sBAGb,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,GAAG,IAAI,MAAM,CAAC,CAAC;IAAA;IAAA;MAAA,iDAE5B,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,GAAG;QAAA;QAAA,UAAI,GAAG,4BAAuC,GAAG,CAAC,CAAC;MAAQ,gCAC/E,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,MAAM,CAAC,CAAC;QAAA;QAAA,UAChB,KAAK,sBACJ,IAAI;UAAA,IACH,IAAI;YAAA,OAAE,KAAK,CAAC,CAAC,CAAC,IAAI;UAAA;UAAA,IAClB,QAAQ;YAAA,sBAAY,YAAG,KAAK,CAAC,CAAC,CAAC,IAAI,oCAA6B,uCAAa,KAAK,CAAC,CAAC,CAAC,IAAI;UAAA;UAAA,UAEvF,IAAI,wDAC2C,KAAK,CAAC,CAAC,CAAC,IAAI,kDAC/C,KAAK,CAAC,CAAC,CAAC,IAAI,0BACrB,IAAI,CAAC,CAAC;QAEV;MAEJ;IAAA;EAAA;AAMb;AAEA,OAAO,SAAS,QAAQ,CAAC,KAAoB,EAAe;EAC1D,MAAM,QAAQ,GAAG,eAAe,CAAC,CAAC;EAClC,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,IAAI,IAAI,QAAQ;EACzC,MAAM,OAAO,GAAG,kBAAkB,CAAC,CAAC;EACpC,yBACG,IAAI;IAAA,IACH,IAAI;MAAA,OAAE,KAAK,CAAC,IAAI;IAAA;IAAA,IAChB,QAAQ;MAAA,2DACgC,IAAI,CAAC,CAAC,0DAAgB,OAAO,uDAAa,KAAK,CAAC,IAAI,IAAI,SAAS,4CACpG,IAAI,EAAK,KAAK;IAAA;IAAA,UAIjB,IAAI,mDAEI,IAAI,CAAC,CAAC,sDAED,IAAI,CAAC,CAAC,0DACH,OAAO,uDACV,KAAK,CAAC,IAAI,IAAI,SAAS,4CAGjC,IAAI,EAAK,KAAK;EAElB;AAGP;AAEA,eAAe,QAAQ","ignoreList":[]}
+{"version":3,"names":[],"sources":["surfaces/StatCell.tsx"],"sourcesContent":["import { type JSX, Match, Show, Switch } from \"solid-js\";\nimport type { ChartNumberFormat } from \"../charts/description\";\nimport { ChartSparkline } from \"../content/ChartSparkline\";\nimport type { ChartTooltipFormatter } from \"../content/chart-inspection-core\";\nimport { useLocale } from \"../intl/locale\";\nimport type { AccentColor } from \"../semantics\";\nimport { DeltaBadge } from \"./delta-badge\";\nimport { type StatGridSize, useStatGridSize, useStatGridSurface } from \"./StatGrid\";\nimport { useStatCellMessages } from \"./stat-cell-messages\";\n\nexport type StatCellTone = AccentColor;\n\nexport type StatCellAccent = {\n  tone: StatCellTone;\n  icon: string;\n  text?: string;\n};\n\n/**\n * The change against a comparison period. `unit: \"ratio\"` (default) reads `0.082` as `+8.2 %`; `\"points\"` is the\n * difference of two shares in ratio units, so `0.031` reads `+3.1 pts`. Only with `better` does the badge carry a tone\n * and say \"better\" or \"worse\"; without it the change stays unrated.\n */\nexport type StatCellDelta = {\n  value: number;\n  unit?: \"ratio\" | \"points\" | \"absolute\";\n  /** Existing measures can express a change in their own unit instead of a ratio. */\n  format?: ChartNumberFormat;\n  better?: \"up\" | \"down\";\n};\n\n/** The value the change compares against, shown under the figure, such as \"Last month 44,560\". */\nexport type StatCellCompare = {\n  label: string;\n  value: string | number;\n};\n\nexport type StatCellSize = StatGridSize;\n\nexport type StatCellProps = {\n  label: string;\n  /** The figure. `null` shows the empty dash; `sub` then says why. */\n  value: string | number | JSX.Element | null;\n  sub?: string;\n  valueClass?: string;\n  /** An icon in a chip before the label, in `tone`. `\"in\"` and `\"out\"` are the money colours of `FlowAmount`. */\n  icon?: string;\n  /** The chip colour of `icon`. Defaults to zinc. */\n  tone?: StatCellTone | \"in\" | \"out\";\n  accent?: StatCellAccent;\n  delta?: StatCellDelta;\n  /** Keep the figure and change on separate rows, including while loading. Defaults to beside the figure. */\n  deltaPlacement?: \"below\";\n  compare?: StatCellCompare;\n  href?: string;\n  title?: string;\n  trend?: readonly number[];\n  /**\n   * Replaces the default trend tooltip in browser code, for example with a period title or a unit.\n   * `selection.datum.index` is the source index into `trend`.\n   */\n  trendTooltip?: ChartTooltipFormatter;\n  size?: StatCellSize;\n  /**\n   * Wraps the label, value and support line instead of truncating them. Use it for a cell whose height nothing\n   * reserves, such as one figure on its own; cells compared in a row keep one line each.\n   */\n  wrap?: boolean;\n  /** `\"loading\"` keeps the tile's size with placeholders; `\"error\"` says the figure did not load. */\n  status?: \"loading\" | \"error\";\n  /** Offers \"Try again\" after an error and \"Reload\" beside `stale`. */\n  onRetry?: () => void;\n  /** The figure is not current: a short note such as \"As of 09:12 · not current\" replaces the support line. */\n  stale?: string;\n};\n\nfunction Body(props: StatCellProps): JSX.Element {\n  const gridSize = useStatGridSize();\n  const size = () => props.size ?? gridSize;\n  const accent = () => props.accent;\n  const locale = useLocale();\n  const t = useStatCellMessages();\n  const defaultTrendTooltip: ChartTooltipFormatter = ({ datum }) => {\n    const y = datum.values.find((field) => field.key === \"y\")?.value ?? \"\";\n    return {\n      rows: [\n        { label: props.label, value: typeof y === \"number\" ? new Intl.NumberFormat(locale(), { maximumFractionDigits: 6 }).format(y) : y },\n      ],\n    };\n  };\n  const compareValue = () => {\n    const value = props.compare?.value;\n    return typeof value === \"number\" ? new Intl.NumberFormat(locale()).format(value) : value;\n  };\n  const empty = () => props.value === null || props.value === undefined || props.value === \"\";\n  return (\n    <>\n      <div class=\"k2b-stat-cell__head\">\n        <Show when={props.icon}>\n          {(icon) => (\n            <span class=\"k2b-stat-cell__icon k2b-icon-tile\" data-tone={props.tone ?? \"zinc\"} aria-hidden=\"true\">\n              <i class={icon()} />\n            </span>\n          )}\n        </Show>\n        <span class=\"k2b-stat-cell__label\" data-size={size()}>\n          {props.label}\n        </span>\n      </div>\n      <div class=\"k2b-stat-cell__main\">\n        <Switch\n          fallback={\n            <>\n              <span\n                class={`k2b-stat-cell__value ${props.valueClass ?? \"\"}`}\n                data-size={size()}\n                data-empty={empty() || undefined}\n                title={props.title}\n              >\n                {empty() ? \"–\" : props.value}\n              </span>\n              <Show when={!empty() && props.delta}>{(delta) => <DeltaBadge delta={delta()} compare={props.compare} />}</Show>\n            </>\n          }\n        >\n          <Match when={props.status === \"loading\"}>\n            <span class=\"k2b-stat-cell__skeleton k2b-skeleton\" data-part=\"value\" aria-hidden=\"true\" />\n            <span class=\"k2b-sr-only\">{t().loading}</span>\n          </Match>\n          <Match when={props.status === \"error\"}>\n            <span class=\"k2b-stat-cell__error\">\n              <i class=\"ti ti-alert-circle\" aria-hidden=\"true\" />\n              {t().notLoaded}\n            </span>\n          </Match>\n        </Switch>\n      </div>\n      <div class=\"k2b-stat-cell__support\">\n        <Switch\n          fallback={\n            <Show\n              when={props.stale}\n              fallback={\n                <>\n                  <Show when={props.compare}>\n                    {(compare) => (\n                      <span class=\"k2b-stat-cell__sub\">\n                        {compare().label} {compareValue()}\n                      </span>\n                    )}\n                  </Show>\n                  <Show when={props.sub}>{(sub) => <span class=\"k2b-stat-cell__sub\">{sub()}</span>}</Show>\n                  <Show when={accent()}>\n                    {(value) => (\n                      <Show\n                        when={value().text}\n                        fallback={<i class={`${value().icon} k2b-stat-cell__accent-icon`} data-tone={value().tone} aria-hidden=\"true\" />}\n                      >\n                        {(text) => (\n                          <span class=\"k2b-stat-cell__accent\" data-tone={value().tone}>\n                            <i class={value().icon} aria-hidden=\"true\" />\n                            {text()}\n                          </span>\n                        )}\n                      </Show>\n                    )}\n                  </Show>\n                  {/* No figure, no trend: an empty tile says why in `sub` and keeps the size of its other states. */}\n                  <Show when={!empty() && props.trend && props.trend.length > 1}>\n                    <ChartSparkline\n                      labels={{ interactiveChart: props.label }}\n                      tooltip={props.trendTooltip ?? defaultTrendTooltip}\n                      class=\"k2b-stat-cell__trend\"\n                      data={Array.from(props.trend ?? [])}\n                      showLast\n                    />\n                  </Show>\n                </>\n              }\n            >\n              {(stale) => (\n                <>\n                  <span class=\"k2b-stat-cell__stale\">\n                    <i class=\"ti ti-clock-exclamation\" aria-hidden=\"true\" />\n                    {stale()}\n                  </span>\n                  <Show when={props.onRetry}>\n                    {(retry) => (\n                      <button type=\"button\" class=\"k2b-stat-cell__retry\" onClick={() => retry()()}>\n                        {t().reload}\n                      </button>\n                    )}\n                  </Show>\n                </>\n              )}\n            </Show>\n          }\n        >\n          <Match when={props.status === \"loading\"}>\n            <span class=\"k2b-stat-cell__skeleton k2b-skeleton\" data-part=\"support\" aria-hidden=\"true\" />\n          </Match>\n          <Match when={props.status === \"error\"}>\n            <Show when={props.onRetry}>\n              {(retry) => (\n                <button type=\"button\" class=\"k2b-stat-cell__retry\" onClick={() => retry()()}>\n                  {t().retry}\n                </button>\n              )}\n            </Show>\n          </Match>\n        </Switch>\n      </div>\n    </>\n  );\n}\n\n/**\n * One key figure as a framed tile: icon and label, the figure with its change, and a support line with the comparison\n * and the trend. Each state (loading, error, stale, empty) keeps the tile's place and size.\n */\nexport function StatCell(props: StatCellProps): JSX.Element {\n  const gridSize = useStatGridSize();\n  const size = () => props.size ?? gridSize;\n  const surface = useStatGridSurface();\n  return (\n    <Show\n      // A tile that offers a retry is no link: the button must not sit inside it.\n      when={props.href && !props.status && !(props.stale && props.onRetry)}\n      fallback={\n        <div\n          class=\"k2b-stat-cell\"\n          data-size={size()}\n          data-surface={surface}\n          data-wrap={props.wrap || undefined}\n          data-delta-placement={props.deltaPlacement}\n          data-status={props.status}\n          aria-busy={props.status === \"loading\" || undefined}\n        >\n          <Body {...props} />\n        </div>\n      }\n    >\n      <a\n        href={props.href}\n        class=\"k2b-stat-cell k2b-stat-cell--link\"\n        data-size={size()}\n        data-surface={surface}\n        data-wrap={props.wrap || undefined}\n        data-delta-placement={props.deltaPlacement}\n      >\n        <i class=\"ti ti-external-link k2b-stat-cell__link-icon\" aria-hidden=\"true\" />\n        <Body {...props} />\n      </a>\n    </Show>\n  );\n}\n\nexport default StatCell;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/surfaces/StatGrid.js

@@ -1,63 +1,52 @@
-import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
 import { memo as _$memo } from "solid-js/web";
 import { ssr as _$ssr } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
 import { escape as _$escape } from "solid-js/web";
 var _tmpl$ = ["<header class=\"k2b-stat-grid__header\"><span class=\"k2b-stat-grid__title\">", "</span>", "</header>"],
   _tmpl$2 = ["<div class=\"k2b-stat-grid__body\">", "</div>"],
-  _tmpl$3 = ["<a", " class=\"k2b-stat-grid__action\"><span>", "</span><i class=\"ti ti-arrow-up-right\" aria-hidden=\"true\"></i></a>"];
+  _tmpl$3 = ["<section class=\"", "\"", ">", "", "</section>"],
+  _tmpl$4 = ["<a", " class=\"k2b-stat-grid__action\"><span>", "</span><i class=\"ti ti-arrow-up-right\" aria-hidden=\"true\"></i></a>"];
 import { createContext, Show, useContext } from "solid-js";
-import { Paper } from "./Paper";
 const StatGridSizeContext = createContext("md");
 const StatGridSurfaceContext = createContext("white");
 export const useStatGridSize = () => useContext(StatGridSizeContext);
 export const useStatGridSurface = () => useContext(StatGridSurfaceContext);
 const columnValue = columns => {
   if (columns && Number.isInteger(columns) && columns >= 1 && columns <= 6) return columns;
-  return 6;
+  return 4;
 };
+
+/** A row of key figures, each a framed tile of its own; the optional title and action sit above the row. */
 export function StatGrid(props) {
   const surface = () => props.surface ?? "white";
-  return _$createComponent(Paper, {
-    get ["class"]() {
-      return `k2b-stat-grid ${props.class ?? ""}`;
-    },
-    get ["data-columns"]() {
-      return columnValue(props.columns);
-    },
-    get ["data-surface"]() {
-      return surface();
+  return _$ssr(_tmpl$3, `k2b-stat-grid ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-columns", _$escape(columnValue(props.columns), true), false) + _$ssrAttribute("data-size", _$escape(props.size ?? "md", true), false) + _$ssrAttribute("data-surface", _$escape(surface(), true), false) + _$ssrAttribute("aria-label", _$escape(props.title, true), false), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.title;
     },
     get children() {
-      return [_$createComponent(Show, {
+      return _$ssr(_tmpl$, _$escape(props.title), _$escape(_$createComponent(Show, {
         get when() {
-          return props.title;
+          return props.action;
         },
-        get children() {
-          return _$ssr(_tmpl$, _$escape(props.title), _$escape(_$createComponent(Show, {
-            get when() {
-              return props.action;
-            },
-            children: action => _$ssr(_tmpl$3, _$ssrAttribute("href", _$escape(action().href, true), false), _$escape(action().label))
-          })));
-        }
-      }), _$createComponent(StatGridSizeContext.Provider, {
+        children: action => _$ssr(_tmpl$4, _$ssrAttribute("href", _$escape(action().href, true), false), _$escape(action().label))
+      })));
+    }
+  })), _$escape(_$createComponent(StatGridSizeContext.Provider, {
+    get value() {
+      return props.size ?? "md";
+    },
+    get children() {
+      return _$createComponent(StatGridSurfaceContext.Provider, {
         get value() {
-          return props.size ?? "md";
+          return surface();
         },
         get children() {
-          return _$createComponent(StatGridSurfaceContext.Provider, {
-            get value() {
-              return surface();
-            },
-            get children() {
-              return _$ssr(_tmpl$2, _$escape(props.children));
-            }
-          });
+          return _$ssr(_tmpl$2, _$escape(props.children));
         }
-      })];
+      });
     }
-  });
+  })));
 }
 export default StatGrid;
 //# sourceMappingURL=StatGrid.js.map

package/dist/ssr/surfaces/StatGrid.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["surfaces/StatGrid.tsx"],"sourcesContent":["import { createContext, type JSX, Show, useContext } from \"solid-js\";\nimport { Paper } from \"./Paper\";\n\nexport type StatGridSize = \"md\" | \"sm\";\nexport type StatGridSurface = \"white\" | \"muted\";\nexport type StatGridColumns = 1 | 2 | 3 | 4 | 5 | 6;\nexport type StatGridAction = { label: string; href: string };\n\nexport type StatGridProps = {\n  children: JSX.Element;\n  title?: string;\n  action?: StatGridAction;\n  columns?: StatGridColumns;\n  size?: StatGridSize;\n  surface?: StatGridSurface;\n  class?: string;\n};\n\nconst StatGridSizeContext = createContext<StatGridSize>(\"md\");\nconst StatGridSurfaceContext = createContext<StatGridSurface>(\"white\");\n\nexport const useStatGridSize = (): StatGridSize => useContext(StatGridSizeContext);\nexport const useStatGridSurface = (): StatGridSurface => useContext(StatGridSurfaceContext);\n\nconst columnValue = (columns?: StatGridColumns): StatGridColumns => {\n  if (columns && Number.isInteger(columns) && columns >= 1 && columns <= 6) return columns;\n  return 6;\n};\n\nexport function StatGrid(props: StatGridProps): JSX.Element {\n  const surface = () => props.surface ?? \"white\";\n  return (\n    <Paper class={`k2b-stat-grid ${props.class ?? \"\"}`} data-columns={columnValue(props.columns)} data-surface={surface()}>\n      <Show when={props.title}>\n        <header class=\"k2b-stat-grid__header\">\n          <span class=\"k2b-stat-grid__title\">{props.title}</span>\n          <Show when={props.action}>\n            {(action) => (\n              <a href={action().href} class=\"k2b-stat-grid__action\">\n                <span>{action().label}</span>\n                <i class=\"ti ti-arrow-up-right\" aria-hidden=\"true\" />\n              </a>\n            )}\n          </Show>\n        </header>\n      </Show>\n      <StatGridSizeContext.Provider value={props.size ?? \"md\"}>\n        <StatGridSurfaceContext.Provider value={surface()}>\n          <div class=\"k2b-stat-grid__body\">{props.children}</div>\n        </StatGridSurfaceContext.Provider>\n      </StatGridSizeContext.Provider>\n    </Paper>\n  );\n}\n\nexport default StatGrid;\n"],"mappings":";;;;;;;;AAAA,SAAS,aAAa,EAAY,IAAI,EAAE,UAAU,QAAQ,UAAU;AACpE,SAAS,KAAK,QAAQ,SAAS;AAiB/B,MAAM,mBAAmB,GAAG,aAAa,CAAe,IAAI,CAAC;AAC7D,MAAM,sBAAsB,GAAG,aAAa,CAAkB,OAAO,CAAC;AAEtE,OAAO,MAAM,eAAe,GAAG,MAAoB,UAAU,CAAC,mBAAmB,CAAC;AAClF,OAAO,MAAM,kBAAkB,GAAG,MAAuB,UAAU,CAAC,sBAAsB,CAAC;AAE3F,MAAM,WAAW,GAAI,OAAyB,IAAsB;EAClE,IAAI,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,OAAO,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,EAAE,OAAO,OAAO;EACxF,OAAO,CAAC;AACV,CAAC;AAED,OAAO,SAAS,QAAQ,CAAC,KAAoB,EAAe;EAC1D,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,OAAO,IAAI,OAAO;EAC9C,yBACG,KAAK;IAAA;MAAA,OAAQ,iBAAiB,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE;IAAA;IAAA;MAAA,OAAgB,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC;IAAA;IAAA;MAAA,OAAgB,OAAO,CAAC,CAAC;IAAA;IAAA;MAAA,0BAClH,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,KAAK;QAAA;QAAA;UAAA,8BAEiB,KAAK,CAAC,KAAK,8BAC9C,IAAI;YAAA,IAAC,IAAI;cAAA,OAAE,KAAK,CAAC,MAAM;YAAA;YAAA,UACpB,MAAM,mDACG,MAAM,CAAC,CAAC,CAAC,IAAI,0BACb,MAAM,CAAC,CAAC,CAAC,KAAK;UAGxB;QAAA;MAAA,sBAIN,mBAAmB,CAAC,QAAQ;QAAA,IAAC,KAAK;UAAA,OAAE,KAAK,CAAC,IAAI,IAAI,IAAI;QAAA;QAAA;UAAA,yBACpD,sBAAsB,CAAC,QAAQ;YAAA,IAAC,KAAK;cAAA,OAAE,OAAO,CAAC,CAAC;YAAA;YAAA;cAAA,+BACb,KAAK,CAAC,QAAQ;YAAA;UAAA;QAAA;MAAA;IAAA;EAAA;AAK1D;AAEA,eAAe,QAAQ","ignoreList":[]}
+{"version":3,"names":[],"sources":["surfaces/StatGrid.tsx"],"sourcesContent":["import { createContext, type JSX, Show, useContext } from \"solid-js\";\n\nexport type StatGridSize = \"lg\" | \"md\" | \"sm\";\nexport type StatGridSurface = \"white\" | \"muted\";\nexport type StatGridColumns = 1 | 2 | 3 | 4 | 5 | 6;\nexport type StatGridAction = { label: string; href: string };\n\nexport type StatGridProps = {\n  children: JSX.Element;\n  title?: string;\n  action?: StatGridAction;\n  /** Tiles per row on a wide container. Defaults to 4; at 600 px or less two share a row, and five or six take three up to 900 px. */\n  columns?: StatGridColumns;\n  size?: StatGridSize;\n  surface?: StatGridSurface;\n  class?: string;\n};\n\nconst StatGridSizeContext = createContext<StatGridSize>(\"md\");\nconst StatGridSurfaceContext = createContext<StatGridSurface>(\"white\");\n\nexport const useStatGridSize = (): StatGridSize => useContext(StatGridSizeContext);\nexport const useStatGridSurface = (): StatGridSurface => useContext(StatGridSurfaceContext);\n\nconst columnValue = (columns?: StatGridColumns): StatGridColumns => {\n  if (columns && Number.isInteger(columns) && columns >= 1 && columns <= 6) return columns;\n  return 4;\n};\n\n/** A row of key figures, each a framed tile of its own; the optional title and action sit above the row. */\nexport function StatGrid(props: StatGridProps): JSX.Element {\n  const surface = () => props.surface ?? \"white\";\n  return (\n    <section\n      class={`k2b-stat-grid ${props.class ?? \"\"}`}\n      data-columns={columnValue(props.columns)}\n      data-size={props.size ?? \"md\"}\n      data-surface={surface()}\n      aria-label={props.title}\n    >\n      <Show when={props.title}>\n        <header class=\"k2b-stat-grid__header\">\n          <span class=\"k2b-stat-grid__title\">{props.title}</span>\n          <Show when={props.action}>\n            {(action) => (\n              <a href={action().href} class=\"k2b-stat-grid__action\">\n                <span>{action().label}</span>\n                <i class=\"ti ti-arrow-up-right\" aria-hidden=\"true\" />\n              </a>\n            )}\n          </Show>\n        </header>\n      </Show>\n      <StatGridSizeContext.Provider value={props.size ?? \"md\"}>\n        <StatGridSurfaceContext.Provider value={surface()}>\n          <div class=\"k2b-stat-grid__body\">{props.children}</div>\n        </StatGridSurfaceContext.Provider>\n      </StatGridSizeContext.Provider>\n    </section>\n  );\n}\n\nexport default StatGrid;\n"],"mappings":";;;;;;;;;AAAA,SAAS,aAAa,EAAY,IAAI,EAAE,UAAU,QAAQ,UAAU;AAkBpE,MAAM,mBAAmB,GAAG,aAAa,CAAe,IAAI,CAAC;AAC7D,MAAM,sBAAsB,GAAG,aAAa,CAAkB,OAAO,CAAC;AAEtE,OAAO,MAAM,eAAe,GAAG,MAAoB,UAAU,CAAC,mBAAmB,CAAC;AAClF,OAAO,MAAM,kBAAkB,GAAG,MAAuB,UAAU,CAAC,sBAAsB,CAAC;AAE3F,MAAM,WAAW,GAAI,OAAyB,IAAsB;EAClE,IAAI,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,OAAO,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,EAAE,OAAO,OAAO;EACxF,OAAO,CAAC;AACV,CAAC;;AAED;AACA,OAAO,SAAS,QAAQ,CAAC,KAAoB,EAAe;EAC1D,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,OAAO,IAAI,OAAO;EAC9C,sBAEW,0BAAiB,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,0CAC7B,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,uDAC7B,KAAK,CAAC,IAAI,IAAI,IAAI,0DACf,OAAO,CAAC,CAAC,wDACX,KAAK,CAAC,KAAK,4CAEtB,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,KAAK;IAAA;IAAA;MAAA,8BAEiB,KAAK,CAAC,KAAK,8BAC9C,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,MAAM;QAAA;QAAA,UACpB,MAAM,mDACG,MAAM,CAAC,CAAC,CAAC,IAAI,0BACb,MAAM,CAAC,CAAC,CAAC,KAAK;MAGxB;IAAA;EAAA,gCAIN,mBAAmB,CAAC,QAAQ;IAAA,IAAC,KAAK;MAAA,OAAE,KAAK,CAAC,IAAI,IAAI,IAAI;IAAA;IAAA;MAAA,yBACpD,sBAAsB,CAAC,QAAQ;QAAA,IAAC,KAAK;UAAA,OAAE,OAAO,CAAC,CAAC;QAAA;QAAA;UAAA,+BACb,KAAK,CAAC,QAAQ;QAAA;MAAA;IAAA;EAAA;AAK1D;AAEA,eAAe,QAAQ","ignoreList":[]}

package/dist/ssr/surfaces/budget-messages.js

@@ -0,0 +1,64 @@
+import { i18n } from "@k2b/stdlib";
+import { useLocale } from "../intl/locale";
+const budgetMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      of: ({
+        limit
+      }) => `of ${limit}`,
+      free: ({
+        amount
+      }) => `${amount} left`,
+      near: ({
+        amount
+      }) => `tight · ${amount} left`,
+      over: ({
+        amount
+      }) => `${amount} over budget`,
+      used: "booked",
+      expected: "expected",
+      overLegend: "over budget",
+      budget: "Budget",
+      left: "left",
+      overBy: "over",
+      valueText: ({
+        used,
+        expected,
+        limit
+      }) => `${used} booked${expected ? `, ${expected} expected` : ""}, of ${limit}`
+    },
+    de: {
+      of: ({
+        limit
+      }) => `von ${limit}`,
+      free: ({
+        amount
+      }) => `noch ${amount} frei`,
+      near: ({
+        amount
+      }) => `knapp · noch ${amount} frei`,
+      over: ({
+        amount
+      }) => `${amount} über dem Budget`,
+      used: "gebucht",
+      expected: "erwartet",
+      overLegend: "über dem Budget",
+      budget: "Budget",
+      left: "frei",
+      overBy: "darüber",
+      valueText: ({
+        used,
+        expected,
+        limit
+      }) => `${used} gebucht${expected ? `, ${expected} erwartet` : ""}, von ${limit}`
+    }
+  }
+});
+/** Resolved from an explicit locale override, else the inherited render locale. */
+export const useBudgetMessages = override => {
+  const locale = useLocale();
+  return () => budgetMessages.resolve([override?.() ?? locale()]).t;
+};
+export const checkBudgetMessages = () => budgetMessages.check();
+//# sourceMappingURL=budget-messages.js.map

package/dist/ssr/surfaces/budget-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["surfaces/budget-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../intl/locale\";\n\nconst budgetMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      of: ({ limit }: { limit: string }) => `of ${limit}`,\n      free: ({ amount }: { amount: string }) => `${amount} left`,\n      near: ({ amount }: { amount: string }) => `tight · ${amount} left`,\n      over: ({ amount }: { amount: string }) => `${amount} over budget`,\n      used: \"booked\",\n      expected: \"expected\",\n      overLegend: \"over budget\",\n      budget: \"Budget\",\n      left: \"left\",\n      overBy: \"over\",\n      valueText: ({ used, expected, limit }: { used: string; expected?: string; limit: string }) =>\n        `${used} booked${expected ? `, ${expected} expected` : \"\"}, of ${limit}`,\n    },\n    de: {\n      of: ({ limit }: { limit: string }) => `von ${limit}`,\n      free: ({ amount }: { amount: string }) => `noch ${amount} frei`,\n      near: ({ amount }: { amount: string }) => `knapp · noch ${amount} frei`,\n      over: ({ amount }: { amount: string }) => `${amount} über dem Budget`,\n      used: \"gebucht\",\n      expected: \"erwartet\",\n      overLegend: \"über dem Budget\",\n      budget: \"Budget\",\n      left: \"frei\",\n      overBy: \"darüber\",\n      valueText: ({ used, expected, limit }: { used: string; expected?: string; limit: string }) =>\n        `${used} gebucht${expected ? `, ${expected} erwartet` : \"\"}, von ${limit}`,\n    },\n  },\n});\n\nexport type BudgetMessages = ReturnType<(typeof budgetMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from an explicit locale override, else the inherited render locale. */\nexport const useBudgetMessages = (override?: () => string | undefined): (() => BudgetMessages) => {\n  const locale = useLocale();\n  return () => budgetMessages.resolve([override?.() ?? locale()]).t;\n};\n\nexport const checkBudgetMessages = () => budgetMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,SAAS,QAAQ,gBAAgB;AAE1C,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC;EACjC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,EAAE,EAAE,CAAC;QAAE;MAAyB,CAAC,KAAK,MAAM,KAAK,EAAE;MACnD,IAAI,EAAE,CAAC;QAAE;MAA2B,CAAC,KAAK,GAAG,MAAM,OAAO;MAC1D,IAAI,EAAE,CAAC;QAAE;MAA2B,CAAC,KAAK,WAAW,MAAM,OAAO;MAClE,IAAI,EAAE,CAAC;QAAE;MAA2B,CAAC,KAAK,GAAG,MAAM,cAAc;MACjE,IAAI,EAAE,QAAQ;MACd,QAAQ,EAAE,UAAU;MACpB,UAAU,EAAE,aAAa;MACzB,MAAM,EAAE,QAAQ;MAChB,IAAI,EAAE,MAAM;MACZ,MAAM,EAAE,MAAM;MACd,SAAS,EAAE,CAAC;QAAE,IAAI;QAAE,QAAQ;QAAE;MAA0D,CAAC,KACvF,GAAG,IAAI,UAAU,QAAQ,GAAG,KAAK,QAAQ,WAAW,GAAG,EAAE,QAAQ,KAAK;IAC1E,CAAC;IACD,EAAE,EAAE;MACF,EAAE,EAAE,CAAC;QAAE;MAAyB,CAAC,KAAK,OAAO,KAAK,EAAE;MACpD,IAAI,EAAE,CAAC;QAAE;MAA2B,CAAC,KAAK,QAAQ,MAAM,OAAO;MAC/D,IAAI,EAAE,CAAC;QAAE;MAA2B,CAAC,KAAK,gBAAgB,MAAM,OAAO;MACvE,IAAI,EAAE,CAAC;QAAE;MAA2B,CAAC,KAAK,GAAG,MAAM,kBAAkB;MACrE,IAAI,EAAE,SAAS;MACf,QAAQ,EAAE,UAAU;MACpB,UAAU,EAAE,iBAAiB;MAC7B,MAAM,EAAE,QAAQ;MAChB,IAAI,EAAE,MAAM;MACZ,MAAM,EAAE,SAAS;MACjB,SAAS,EAAE,CAAC;QAAE,IAAI;QAAE,QAAQ;QAAE;MAA0D,CAAC,KACvF,GAAG,IAAI,WAAW,QAAQ,GAAG,KAAK,QAAQ,WAAW,GAAG,EAAE,SAAS,KAAK;IAC5E;EACF;AACF,CAAC,CAAC;AAIF;AACA,OAAO,MAAM,iBAAiB,GAAI,QAAmC,IAA6B;EAChG,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC,QAAQ,GAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACnE,CAAC;AAED,OAAO,MAAM,mBAAmB,GAAG,MAAM,cAAc,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}

package/dist/ssr/surfaces/delta-badge.js

@@ -0,0 +1,55 @@
+import { ssr as _$ssr } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+var _tmpl$ = ["<span class=\"k2b-stat-cell__delta\"", " role=\"img\"", "><i class=\"", "\" aria-hidden=\"true\"></i>", "</span>"];
+import { useLocale } from "../intl/locale";
+import { useStatCellMessages } from "./stat-cell-messages";
+
+// The change badge of a key figure, on its own so a table cell can show it without the tile and its trend chart.
+
+/** The change as shown: one decimal of a percent or point, so text, arrow and rating never disagree. */
+const shownDelta = delta => delta.unit === "absolute" ? delta.value || 0 : Math.round(delta.value * 1000) / 1000 || 0;
+const deltaTone = delta => {
+  const value = shownDelta(delta);
+  return !delta.better || value === 0 ? "neutral" : value > 0 === (delta.better === "up") ? "good" : "bad";
+};
+
+/** Signed with a true minus sign (U+2212), as figures are typeset. */
+export const deltaText = (delta, locale, t) => (delta.unit === "absolute" ? `${new Intl.NumberFormat(locale, {
+  ...(!delta.format ? {
+    maximumSignificantDigits: 15
+  } : {}),
+  style: delta.format?.style === "number" ? "decimal" : delta.format?.style,
+  currency: delta.format?.currency,
+  ...(delta.format?.decimals === undefined ? {} : {
+    minimumFractionDigits: delta.format.decimals,
+    maximumFractionDigits: delta.format.decimals
+  }),
+  ...(delta.format?.compact ? {
+    notation: "compact"
+  } : {}),
+  signDisplay: "exceptZero"
+}).format(delta.value === 0 ? 0 : delta.value)}${delta.format?.unit ? ` ${delta.format.unit}` : ""}` : delta.unit === "points" ? `${new Intl.NumberFormat(locale, {
+  minimumFractionDigits: 1,
+  maximumFractionDigits: 1,
+  signDisplay: "exceptZero"
+}).format(shownDelta(delta) * 100)} ${t.points}` : new Intl.NumberFormat(locale, {
+  style: "percent",
+  minimumFractionDigits: 1,
+  maximumFractionDigits: 1,
+  signDisplay: "exceptZero"
+}).format(shownDelta(delta))).replace("-", "\u2212");
+
+/** A change badge: arrow, signed text, and a spoken label that names the comparison and, with `better`, the rating. */
+export function DeltaBadge(props) {
+  const locale = useLocale();
+  const t = useStatCellMessages();
+  const tone = () => deltaTone(props.delta);
+  const text = () => deltaText(props.delta, locale(), t());
+  const label = () => [text(), props.compare ? t().comparedWith({
+    label: props.compare.label
+  }) : ""].filter(Boolean).join(" ") + (tone() === "good" ? `, ${t().better}` : tone() === "bad" ? `, ${t().worse}` : "");
+  const icon = () => shownDelta(props.delta) > 0 ? "ti-trending-up" : shownDelta(props.delta) < 0 ? "ti-trending-down" : "ti-minus";
+  return _$ssr(_tmpl$, _$ssrAttribute("data-tone", _$escape(tone(), true), false), _$ssrAttribute("aria-label", _$escape(label(), true), false), `ti ${_$escape(icon(), true)}`, _$escape(text()));
+}
+//# sourceMappingURL=delta-badge.js.map

package/dist/ssr/surfaces/delta-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["surfaces/delta-badge.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { useLocale } from \"../intl/locale\";\nimport type { StatCellCompare, StatCellDelta } from \"./StatCell\";\nimport { type StatCellMessages, useStatCellMessages } from \"./stat-cell-messages\";\n\n// The change badge of a key figure, on its own so a table cell can show it without the tile and its trend chart.\n\n/** The change as shown: one decimal of a percent or point, so text, arrow and rating never disagree. */\nconst shownDelta = (delta: StatCellDelta): number =>\n  delta.unit === \"absolute\" ? delta.value || 0 : Math.round(delta.value * 1000) / 1000 || 0;\n\nconst deltaTone = (delta: StatCellDelta): \"good\" | \"bad\" | \"neutral\" => {\n  const value = shownDelta(delta);\n  return !delta.better || value === 0 ? \"neutral\" : value > 0 === (delta.better === \"up\") ? \"good\" : \"bad\";\n};\n\n/** Signed with a true minus sign (U+2212), as figures are typeset. */\nexport const deltaText = (delta: StatCellDelta, locale: string, t: StatCellMessages): string =>\n  (delta.unit === \"absolute\"\n    ? `${new Intl.NumberFormat(locale, {\n        ...(!delta.format ? { maximumSignificantDigits: 15 } : {}),\n        style: delta.format?.style === \"number\" ? \"decimal\" : delta.format?.style,\n        currency: delta.format?.currency,\n        ...(delta.format?.decimals === undefined\n          ? {}\n          : { minimumFractionDigits: delta.format.decimals, maximumFractionDigits: delta.format.decimals }),\n        ...(delta.format?.compact ? { notation: \"compact\" } : {}),\n        signDisplay: \"exceptZero\",\n      }).format(delta.value === 0 ? 0 : delta.value)}${delta.format?.unit ? ` ${delta.format.unit}` : \"\"}`\n    : delta.unit === \"points\"\n      ? `${new Intl.NumberFormat(locale, { minimumFractionDigits: 1, maximumFractionDigits: 1, signDisplay: \"exceptZero\" }).format(shownDelta(delta) * 100)} ${t.points}`\n      : new Intl.NumberFormat(locale, {\n          style: \"percent\",\n          minimumFractionDigits: 1,\n          maximumFractionDigits: 1,\n          signDisplay: \"exceptZero\",\n        }).format(shownDelta(delta))\n  ).replace(\"-\", \"\\u2212\");\n\n/** A change badge: arrow, signed text, and a spoken label that names the comparison and, with `better`, the rating. */\nexport function DeltaBadge(props: { delta: StatCellDelta; compare?: StatCellCompare }): JSX.Element {\n  const locale = useLocale();\n  const t = useStatCellMessages();\n  const tone = () => deltaTone(props.delta);\n  const text = () => deltaText(props.delta, locale(), t());\n  const label = () =>\n    [text(), props.compare ? t().comparedWith({ label: props.compare.label }) : \"\"].filter(Boolean).join(\" \") +\n    (tone() === \"good\" ? `, ${t().better}` : tone() === \"bad\" ? `, ${t().worse}` : \"\");\n  const icon = () => (shownDelta(props.delta) > 0 ? \"ti-trending-up\" : shownDelta(props.delta) < 0 ? \"ti-trending-down\" : \"ti-minus\");\n  return (\n    <span class=\"k2b-stat-cell__delta\" data-tone={tone()} role=\"img\" aria-label={label()}>\n      <i class={`ti ${icon()}`} aria-hidden=\"true\" />\n      {text()}\n    </span>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/surfaces/index.js

@@ -1,5 +1,6 @@
 export { Avatar } from "./Avatar";
 export { AvatarFaces, AvatarStack } from "./AvatarStack";
+export { BudgetList, budgetState } from "./BudgetList";
 export { ChangeList } from "./ChangeList";
 export { DescriptionList } from "./DescriptionList";
 export { DotStrip } from "./DotStrip";
@@ -8,7 +9,7 @@ export { NotFoundState } from "./NotFoundState";
 export { NOTICE_CARD_CLASSES, NoticeCard } from "./NoticeCard";
 export { Paper } from "./Paper";
 export { default as Placeholder } from "./Placeholder";
-export { ProgressBar } from "./ProgressBar";
+export { ProgressBar, progressBarParts } from "./ProgressBar";
 export { ProgressRing } from "./ProgressRing";
 export { PERSON_COLORS, personColor } from "./person-color";
 export { ResourceCard } from "./ResourceCard";

package/dist/ssr/surfaces/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["surfaces/index.ts"],"sourcesContent":["export type { AvatarProps, AvatarRing, AvatarShape, AvatarSize, AvatarTone } from \"./Avatar\";\nexport { Avatar } from \"./Avatar\";\nexport type { AvatarFacesPerson, AvatarFacesProps, AvatarStackPerson, AvatarStackProps } from \"./AvatarStack\";\nexport { AvatarFaces, AvatarStack } from \"./AvatarStack\";\nexport type { ChangeListItem, ChangeListProps, ChangeTone } from \"./ChangeList\";\nexport { ChangeList } from \"./ChangeList\";\nexport type { DescriptionListItem, DescriptionListProps } from \"./DescriptionList\";\nexport { DescriptionList } from \"./DescriptionList\";\nexport type { DotStripProps, DotStripTone } from \"./DotStrip\";\nexport { DotStrip } from \"./DotStrip\";\nexport type { LinkCardColor, LinkCardProps } from \"./LinkCard\";\nexport { LinkCard } from \"./LinkCard\";\nexport type { NotFoundStateAction, NotFoundStateProps } from \"./NotFoundState\";\nexport { NotFoundState } from \"./NotFoundState\";\nexport type { NoticeCardProps, NoticeGridProps, NoticeTone } from \"./NoticeCard\";\nexport { NOTICE_CARD_CLASSES, NoticeCard } from \"./NoticeCard\";\nexport type { PaperProps, PaperTag } from \"./Paper\";\nexport { Paper } from \"./Paper\";\nexport type {\n  PlaceholderAlign,\n  PlaceholderProps,\n  PlaceholderState,\n  PlaceholderSurface,\n  PlaceholderVariant,\n} from \"./Placeholder\";\nexport { default as Placeholder } from \"./Placeholder\";\nexport type { ProgressBarProps, ProgressBarTone } from \"./ProgressBar\";\nexport { ProgressBar } from \"./ProgressBar\";\nexport type { ProgressRingProps, ProgressRingTone } from \"./ProgressRing\";\nexport { ProgressRing } from \"./ProgressRing\";\nexport { PERSON_COLORS, personColor } from \"./person-color\";\nexport type { ResourceCardColor, ResourceCardProps, ResourceCardState } from \"./ResourceCard\";\nexport { ResourceCard } from \"./ResourceCard\";\nexport { Skeleton, type SkeletonProps } from \"./Skeleton\";\nexport type { StatCellAccent, StatCellProps, StatCellTone } from \"./StatCell\";\nexport { StatCell } from \"./StatCell\";\nexport type {\n  StatGridAction,\n  StatGridColumns,\n  StatGridProps,\n  StatGridSize,\n  StatGridSurface,\n} from \"./StatGrid\";\nexport { StatGrid } from \"./StatGrid\";\nexport type { StatusBadgeProps, StatusTone } from \"./StatusBadge\";\nexport { StatusBadge } from \"./StatusBadge\";\nexport type { TagProps, TagSize } from \"./Tag\";\nexport { Tag } from \"./Tag\";\n"],"mappings":"AACA,SAAS,MAAM,QAAQ,UAAU;AAEjC,SAAS,WAAW,EAAE,WAAW,QAAQ,eAAe;AAExD,SAAS,UAAU,QAAQ,cAAc;AAEzC,SAAS,eAAe,QAAQ,mBAAmB;AAEnD,SAAS,QAAQ,QAAQ,YAAY;AAErC,SAAS,QAAQ,QAAQ,YAAY;AAErC,SAAS,aAAa,QAAQ,iBAAiB;AAE/C,SAAS,mBAAmB,EAAE,UAAU,QAAQ,cAAc;AAE9D,SAAS,KAAK,QAAQ,SAAS;AAQ/B,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AAEtD,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,YAAY,QAAQ,gBAAgB;AAC7C,SAAS,aAAa,EAAE,WAAW,QAAQ,gBAAgB;AAE3D,SAAS,YAAY,QAAQ,gBAAgB;AAC7C,SAAS,QAAQ,QAA4B,YAAY;AAEzD,SAAS,QAAQ,QAAQ,YAAY;AAQrC,SAAS,QAAQ,QAAQ,YAAY;AAErC,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,GAAG,QAAQ,OAAO","ignoreList":[]}
+{"version":3,"names":[],"sources":["surfaces/index.ts"],"sourcesContent":["export type { AvatarProps, AvatarRing, AvatarShape, AvatarSize, AvatarTone } from \"./Avatar\";\nexport { Avatar } from \"./Avatar\";\nexport type { AvatarFacesPerson, AvatarFacesProps, AvatarStackPerson, AvatarStackProps } from \"./AvatarStack\";\nexport { AvatarFaces, AvatarStack } from \"./AvatarStack\";\nexport { type BudgetItem, type BudgetLevel, BudgetList, type BudgetListProps, budgetState } from \"./BudgetList\";\nexport type { ChangeListItem, ChangeListProps, ChangeTone } from \"./ChangeList\";\nexport { ChangeList } from \"./ChangeList\";\nexport type { DescriptionListItem, DescriptionListProps } from \"./DescriptionList\";\nexport { DescriptionList } from \"./DescriptionList\";\nexport type { DotStripProps, DotStripTone } from \"./DotStrip\";\nexport { DotStrip } from \"./DotStrip\";\nexport type { LinkCardColor, LinkCardProps } from \"./LinkCard\";\nexport { LinkCard } from \"./LinkCard\";\nexport type { NotFoundStateAction, NotFoundStateProps } from \"./NotFoundState\";\nexport { NotFoundState } from \"./NotFoundState\";\nexport type { NoticeCardProps, NoticeGridProps, NoticeTone } from \"./NoticeCard\";\nexport { NOTICE_CARD_CLASSES, NoticeCard } from \"./NoticeCard\";\nexport type { PaperProps, PaperTag } from \"./Paper\";\nexport { Paper } from \"./Paper\";\nexport type {\n  PlaceholderAlign,\n  PlaceholderProps,\n  PlaceholderState,\n  PlaceholderSurface,\n  PlaceholderVariant,\n} from \"./Placeholder\";\nexport { default as Placeholder } from \"./Placeholder\";\nexport type { ProgressBarPart, ProgressBarProps, ProgressBarSegment, ProgressBarTone } from \"./ProgressBar\";\nexport { ProgressBar, progressBarParts } from \"./ProgressBar\";\nexport type { ProgressRingProps, ProgressRingTone } from \"./ProgressRing\";\nexport { ProgressRing } from \"./ProgressRing\";\nexport { PERSON_COLORS, personColor } from \"./person-color\";\nexport type { ResourceCardColor, ResourceCardProps, ResourceCardState } from \"./ResourceCard\";\nexport { ResourceCard } from \"./ResourceCard\";\nexport { Skeleton, type SkeletonProps } from \"./Skeleton\";\nexport type { StatCellAccent, StatCellCompare, StatCellDelta, StatCellProps, StatCellSize, StatCellTone } from \"./StatCell\";\nexport { StatCell } from \"./StatCell\";\nexport type {\n  StatGridAction,\n  StatGridColumns,\n  StatGridProps,\n  StatGridSize,\n  StatGridSurface,\n} from \"./StatGrid\";\nexport { StatGrid } from \"./StatGrid\";\nexport type { StatusBadgeProps, StatusTone } from \"./StatusBadge\";\nexport { StatusBadge } from \"./StatusBadge\";\nexport type { TagProps, TagSize } from \"./Tag\";\nexport { Tag } from \"./Tag\";\n"],"mappings":"AACA,SAAS,MAAM,QAAQ,UAAU;AAEjC,SAAS,WAAW,EAAE,WAAW,QAAQ,eAAe;AACxD,SAA4C,UAAU,EAAwB,WAAW,QAAQ,cAAc;AAE/G,SAAS,UAAU,QAAQ,cAAc;AAEzC,SAAS,eAAe,QAAQ,mBAAmB;AAEnD,SAAS,QAAQ,QAAQ,YAAY;AAErC,SAAS,QAAQ,QAAQ,YAAY;AAErC,SAAS,aAAa,QAAQ,iBAAiB;AAE/C,SAAS,mBAAmB,EAAE,UAAU,QAAQ,cAAc;AAE9D,SAAS,KAAK,QAAQ,SAAS;AAQ/B,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AAEtD,SAAS,WAAW,EAAE,gBAAgB,QAAQ,eAAe;AAE7D,SAAS,YAAY,QAAQ,gBAAgB;AAC7C,SAAS,aAAa,EAAE,WAAW,QAAQ,gBAAgB;AAE3D,SAAS,YAAY,QAAQ,gBAAgB;AAC7C,SAAS,QAAQ,QAA4B,YAAY;AAEzD,SAAS,QAAQ,QAAQ,YAAY;AAQrC,SAAS,QAAQ,QAAQ,YAAY;AAErC,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,GAAG,QAAQ,OAAO","ignoreList":[]}

package/dist/ssr/surfaces/person-color.js

@@ -1,9 +1,9 @@
 /**
  * The colors that stand for a person: the tint behind avatar initials, a collaborator's cursor, and the marks and
- * comments a person leaves. The palette leaves out cyan, which means AI, and yellow, which reads as a text highlight.
+ * comments a person leaves. The palette leaves out plum, which means AI, and yellow, which reads as a text highlight.
  * Several people can share a color, so a person's name always appears next to it.
  */
-export const PERSON_COLORS = ["#3b82f6", "#6366f1", "#8b5cf6", "#c026d3", "#ec4899", "#e11d48", "#f97316", "#16a34a"];
+export const PERSON_COLORS = ["#3b82f6", "#6366f1", "#8b5cf6", "#0891b2", "#0d9488", "#e11d48", "#f97316", "#16a34a"];
 
 /** The palette index for a name, the order of the `.k2b-avatar[data-tint]` rules. Surrounding spaces do not count. */
 export const personTint = name => {

package/dist/ssr/surfaces/person-color.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["surfaces/person-color.ts"],"sourcesContent":["/**\n * The colors that stand for a person: the tint behind avatar initials, a collaborator's cursor, and the marks and\n * comments a person leaves. The palette leaves out cyan, which means AI, and yellow, which reads as a text highlight.\n * Several people can share a color, so a person's name always appears next to it.\n */\nexport const PERSON_COLORS = [\"#3b82f6\", \"#6366f1\", \"#8b5cf6\", \"#c026d3\", \"#ec4899\", \"#e11d48\", \"#f97316\", \"#16a34a\"] as const;\n\n/** The palette index for a name, the order of the `.k2b-avatar[data-tint]` rules. Surrounding spaces do not count. */\nexport const personTint = (name: string): number => {\n  const trimmed = name.trim();\n  let hash = 0;\n  for (let index = 0; index < trimmed.length; index++) hash = (hash * 31 + trimmed.charCodeAt(index)) >>> 0;\n  return hash % PERSON_COLORS.length;\n};\n\n/** A person's color from their display name, the same wherever Cloud shows that person. */\nexport const personColor = (name: string): string => PERSON_COLORS[personTint(name)]!;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAM,aAAa,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAU;;AAE9H;AACA,OAAO,MAAM,UAAU,GAAI,IAAY,IAAa;EAClD,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;EAC3B,IAAI,IAAI,GAAG,CAAC;EACZ,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,IAAI,GAAI,IAAI,GAAG,EAAE,GAAG,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,KAAM,CAAC;EACzG,OAAO,IAAI,GAAG,aAAa,CAAC,MAAM;AACpC,CAAC;;AAED;AACA,OAAO,MAAM,WAAW,GAAI,IAAY,IAAa,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAE","ignoreList":[]}
+{"version":3,"names":[],"sources":["surfaces/person-color.ts"],"sourcesContent":["/**\n * The colors that stand for a person: the tint behind avatar initials, a collaborator's cursor, and the marks and\n * comments a person leaves. The palette leaves out plum, which means AI, and yellow, which reads as a text highlight.\n * Several people can share a color, so a person's name always appears next to it.\n */\nexport const PERSON_COLORS = [\"#3b82f6\", \"#6366f1\", \"#8b5cf6\", \"#0891b2\", \"#0d9488\", \"#e11d48\", \"#f97316\", \"#16a34a\"] as const;\n\n/** The palette index for a name, the order of the `.k2b-avatar[data-tint]` rules. Surrounding spaces do not count. */\nexport const personTint = (name: string): number => {\n  const trimmed = name.trim();\n  let hash = 0;\n  for (let index = 0; index < trimmed.length; index++) hash = (hash * 31 + trimmed.charCodeAt(index)) >>> 0;\n  return hash % PERSON_COLORS.length;\n};\n\n/** A person's color from their display name, the same wherever Cloud shows that person. */\nexport const personColor = (name: string): string => PERSON_COLORS[personTint(name)]!;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAM,aAAa,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAU;;AAE9H;AACA,OAAO,MAAM,UAAU,GAAI,IAAY,IAAa;EAClD,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;EAC3B,IAAI,IAAI,GAAG,CAAC;EACZ,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,IAAI,GAAI,IAAI,GAAG,EAAE,GAAG,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,KAAM,CAAC;EACzG,OAAO,IAAI,GAAG,aAAa,CAAC,MAAM;AACpC,CAAC;;AAED;AACA,OAAO,MAAM,WAAW,GAAI,IAAY,IAAa,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAE","ignoreList":[]}

package/dist/ssr/surfaces/stat-cell-messages.js

@@ -0,0 +1,41 @@
+import { i18n } from "@k2b/stdlib";
+import { useLocale } from "../intl/locale";
+const statCellMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      points: "pts",
+      better: "better",
+      worse: "worse",
+      comparedWith: ({
+        label
+      }) => `compared with ${label}`,
+      notLoaded: "Not loaded",
+      retry: "Try again",
+      reload: "Reload",
+      loading: "Loading"
+    },
+    de: {
+      points: "Pkt.",
+      better: "besser",
+      worse: "schlechter",
+      comparedWith: ({
+        label
+      }) => `gegenüber ${label}`,
+      notLoaded: "Nicht geladen",
+      retry: "Erneut versuchen",
+      reload: "Neu laden",
+      loading: "Wird geladen"
+    }
+  }
+});
+/** Resolved from the inherited render locale. */
+export const useStatCellMessages = () => {
+  const locale = useLocale();
+  return () => statCellMessages.resolve([locale()]).t;
+};
+
+/** For a caller that already holds the locale, such as table text for search and copy. */
+export const resolveStatCellMessages = locale => statCellMessages.resolve([locale]).t;
+export const checkStatCellMessages = () => statCellMessages.check();
+//# sourceMappingURL=stat-cell-messages.js.map

package/dist/ssr/surfaces/stat-cell-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["surfaces/stat-cell-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../intl/locale\";\n\nconst statCellMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      points: \"pts\",\n      better: \"better\",\n      worse: \"worse\",\n      comparedWith: ({ label }: { label: string }) => `compared with ${label}`,\n      notLoaded: \"Not loaded\",\n      retry: \"Try again\",\n      reload: \"Reload\",\n      loading: \"Loading\",\n    },\n    de: {\n      points: \"Pkt.\",\n      better: \"besser\",\n      worse: \"schlechter\",\n      comparedWith: ({ label }: { label: string }) => `gegenüber ${label}`,\n      notLoaded: \"Nicht geladen\",\n      retry: \"Erneut versuchen\",\n      reload: \"Neu laden\",\n      loading: \"Wird geladen\",\n    },\n  },\n});\n\nexport type StatCellMessages = ReturnType<(typeof statCellMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the inherited render locale. */\nexport const useStatCellMessages = (): (() => StatCellMessages) => {\n  const locale = useLocale();\n  return () => statCellMessages.resolve([locale()]).t;\n};\n\n/** For a caller that already holds the locale, such as table text for search and copy. */\nexport const resolveStatCellMessages = (locale: string): StatCellMessages => statCellMessages.resolve([locale]).t;\n\nexport const checkStatCellMessages = () => statCellMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,SAAS,QAAQ,gBAAgB;AAE1C,MAAM,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC;EACnC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,MAAM,EAAE,KAAK;MACb,MAAM,EAAE,QAAQ;MAChB,KAAK,EAAE,OAAO;MACd,YAAY,EAAE,CAAC;QAAE;MAAyB,CAAC,KAAK,iBAAiB,KAAK,EAAE;MACxE,SAAS,EAAE,YAAY;MACvB,KAAK,EAAE,WAAW;MAClB,MAAM,EAAE,QAAQ;MAChB,OAAO,EAAE;IACX,CAAC;IACD,EAAE,EAAE;MACF,MAAM,EAAE,MAAM;MACd,MAAM,EAAE,QAAQ;MAChB,KAAK,EAAE,YAAY;MACnB,YAAY,EAAE,CAAC;QAAE;MAAyB,CAAC,KAAK,aAAa,KAAK,EAAE;MACpE,SAAS,EAAE,eAAe;MAC1B,KAAK,EAAE,kBAAkB;MACzB,MAAM,EAAE,WAAW;MACnB,OAAO,EAAE;IACX;EACF;AACF,CAAC,CAAC;AAIF;AACA,OAAO,MAAM,mBAAmB,GAAG,MAAgC;EACjE,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACrD,CAAC;;AAED;AACA,OAAO,MAAM,uBAAuB,GAAI,MAAc,IAAuB,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAEjH,OAAO,MAAM,qBAAqB,GAAG,MAAM,gBAAgB,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}

package/dist/ssr/widgets/Dashboard.js

@@ -0,0 +1,84 @@
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ssrStyle as _$ssrStyle } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+var _tmpl$ = ["<div", ">", "</div>"],
+  _tmpl$2 = ["<i class=\"", "\" style=\"", "\" aria-hidden=\"true\"></i>"],
+  _tmpl$3 = ["<p class=\"k2b-dashboard-section__description\">", "</p>"],
+  _tmpl$4 = ["<header class=\"k2b-dashboard-section__header\">", "", "", "</header>"],
+  _tmpl$5 = ["<section", ">", "<div class=\"k2b-dashboard-section__grid\">", "</div></section>"];
+import { createUniqueId, Show, splitProps } from "solid-js";
+import { Dynamic } from "solid-js/web";
+
+/**
+ * A panel's share of the six dashboard columns: a third is two, a half three, two thirds four, full all six. At a
+ * dashboard width of 1000 px or less a third takes half the row and two thirds the whole row; at 600 px or less every
+ * panel takes the whole row.
+ */
+
+/** The dashboard's measuring container. Panel widths and the key-figure row follow its width, not the window's. */
+export function DashboardGrid(props) {
+  return _$ssr(_tmpl$, _$ssrAttribute("class", props.class ? `k2b-dashboard-grid ${_$escape(props.class, true)}` : "k2b-dashboard-grid", false), _$escape(props.children));
+}
+/** A titled group of panels on the six-column grid. */
+export function DashboardSection(props) {
+  const id = createUniqueId();
+  return _$ssr(_tmpl$5, _$ssrAttribute("class", props.class ? `k2b-dashboard-section ${_$escape(props.class, true)}` : "k2b-dashboard-section", false) + _$ssrAttribute("aria-labelledby", props.title ? _$escape(id, true) : _$escape(undefined, true), false) + _$ssrAttribute("aria-label", props.title ? _$escape(undefined, true) : _$escape(props.ariaLabel, true), false), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.title;
+    },
+    get children() {
+      return _$ssr(_tmpl$4, _$escape(_$createComponent(Show, {
+        get when() {
+          return props.icon;
+        },
+        get children() {
+          return _$ssr(_tmpl$2, `k2b-dashboard-section__icon ${_$escape(props.icon, true)}`, _$ssrStyle(props.iconColor ? {
+            color: `color-mix(in srgb, ${props.iconColor} 72%, var(--k2b-text))`
+          } : undefined));
+        }
+      })), _$escape(_$createComponent(Dynamic, {
+        get component() {
+          return `h${props.headingLevel ?? 2}`;
+        },
+        id: id,
+        "class": "k2b-dashboard-section__title",
+        get children() {
+          return props.title;
+        }
+      })), _$escape(_$createComponent(Show, {
+        get when() {
+          return props.description;
+        },
+        get children() {
+          return _$ssr(_tmpl$3, _$escape(props.description));
+        }
+      })));
+    }
+  })), _$escape(props.children));
+}
+const PanelElement = Dynamic;
+
+/** One framed cell of the grid. Panels in a row share the height of the tallest. */
+export function DashboardPanel(props) {
+  const [local, element] = splitProps(props, ["as", "width", "class", "children"]);
+  return _$createComponent(PanelElement, _$mergeProps({
+    get component() {
+      return local.as ?? "article";
+    }
+  }, element, {
+    get ["class"]() {
+      return _$memo(() => !!local.class)() ? `k2b-dashboard-panel ${local.class}` : "k2b-dashboard-panel";
+    },
+    get ["data-width"]() {
+      return local.width ?? "third";
+    },
+    get children() {
+      return local.children;
+    }
+  }));
+}
+//# sourceMappingURL=Dashboard.js.map

package/dist/ssr/widgets/Dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["widgets/Dashboard.tsx"],"sourcesContent":["import { createUniqueId, type JSX, Show, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\n\n/**\n * A panel's share of the six dashboard columns: a third is two, a half three, two thirds four, full all six. At a\n * dashboard width of 1000 px or less a third takes half the row and two thirds the whole row; at 600 px or less every\n * panel takes the whole row.\n */\nexport type DashboardWidth = \"third\" | \"half\" | \"twoThirds\" | \"full\";\n\nexport type DashboardGridProps = {\n  children: JSX.Element;\n  class?: string;\n};\n\n/** The dashboard's measuring container. Panel widths and the key-figure row follow its width, not the window's. */\nexport function DashboardGrid(props: DashboardGridProps): JSX.Element {\n  return <div class={props.class ? `k2b-dashboard-grid ${props.class}` : \"k2b-dashboard-grid\"}>{props.children}</div>;\n}\n\nexport type DashboardSectionProps = {\n  /** Visible heading; without it the section has no heading and is named by `ariaLabel`. */\n  title?: string;\n  /** Tabler icon class shown as a plain glyph before the title, never in a tile. */\n  icon?: string;\n  /** Colour of the icon glyph; it is mixed with the text colour so it stays readable in light and dark. */\n  iconColor?: string;\n  /** Source or cadence, quiet and next to the title. */\n  description?: string;\n  headingLevel?: 2 | 3 | 4;\n  ariaLabel?: string;\n  class?: string;\n  /** Panels and at most one key-figure row (`StatGrid`), in reading order; the row always spans all six columns. */\n  children?: JSX.Element;\n};\n\n/** A titled group of panels on the six-column grid. */\nexport function DashboardSection(props: DashboardSectionProps): JSX.Element {\n  const id = createUniqueId();\n  return (\n    <section\n      class={props.class ? `k2b-dashboard-section ${props.class}` : \"k2b-dashboard-section\"}\n      aria-labelledby={props.title ? id : undefined}\n      aria-label={props.title ? undefined : props.ariaLabel}\n    >\n      <Show when={props.title}>\n        <header class=\"k2b-dashboard-section__header\">\n          <Show when={props.icon}>\n            <i\n              class={`k2b-dashboard-section__icon ${props.icon}`}\n              style={props.iconColor ? { color: `color-mix(in srgb, ${props.iconColor} 72%, var(--k2b-text))` } : undefined}\n              aria-hidden=\"true\"\n            />\n          </Show>\n          <Dynamic component={`h${props.headingLevel ?? 2}`} id={id} class=\"k2b-dashboard-section__title\">\n            {props.title}\n          </Dynamic>\n          <Show when={props.description}>\n            <p class=\"k2b-dashboard-section__description\">{props.description}</p>\n          </Show>\n        </header>\n      </Show>\n      <div class=\"k2b-dashboard-section__grid\">{props.children}</div>\n    </section>\n  );\n}\n\ntype DashboardPanelTag = \"article\" | \"section\" | \"div\" | \"li\";\n\ntype DashboardPanelOwnProps<T extends DashboardPanelTag> = {\n  as?: T;\n  /** Defaults to a third. Ignored inside a key-figure row, where every tile takes one of its columns. */\n  width?: DashboardWidth;\n  class?: string;\n  children?: JSX.Element;\n};\n\nexport type DashboardPanelProps<T extends DashboardPanelTag = \"article\"> = DashboardPanelOwnProps<T> &\n  Omit<JSX.IntrinsicElements[T], keyof DashboardPanelOwnProps<T>>;\n\nconst PanelElement = Dynamic as unknown as (props: Record<string, unknown>) => JSX.Element;\n\n/** One framed cell of the grid. Panels in a row share the height of the tallest. */\nexport function DashboardPanel<T extends DashboardPanelTag = \"article\">(props: DashboardPanelProps<T>): JSX.Element {\n  const [local, element] = splitProps(props, [\"as\", \"width\", \"class\", \"children\"]);\n  return (\n    <PanelElement\n      component={local.as ?? \"article\"}\n      {...element}\n      class={local.class ? `k2b-dashboard-panel ${local.class}` : \"k2b-dashboard-panel\"}\n      data-width={local.width ?? \"third\"}\n    >\n      {local.children}\n    </PanelElement>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,cAAc,EAAY,IAAI,EAAE,UAAU,QAAQ,UAAU;AACrE,SAAS,OAAO,QAAQ,cAAc;;AAEtC;AACA;AACA;AACA;AACA;;AAQA;AACA,OAAO,SAAS,aAAa,CAAC,KAAyB,EAAe;EACpE,6CAAmB,KAAK,CAAC,KAAK,GAAG,+BAAsB,KAAK,CAAC,KAAK,SAAE,GAAG,oBAAoB,mBAAG,KAAK,CAAC,QAAQ;AAC9G;AAkBA;AACA,OAAO,SAAS,gBAAgB,CAAC,KAA4B,EAAe;EAC1E,MAAM,EAAE,GAAG,cAAc,CAAC,CAAC;EAC3B,8CAEW,KAAK,CAAC,KAAK,GAAG,kCAAyB,KAAK,CAAC,KAAK,SAAE,GAAG,uBAAuB,6CACpE,KAAK,CAAC,KAAK,YAAG,EAAE,mBAAG,SAAS,+CACjC,KAAK,CAAC,KAAK,YAAG,SAAS,mBAAG,KAAK,CAAC,SAAS,4CAEpD,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,KAAK;IAAA;IAAA;MAAA,iDAElB,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,IAAI;QAAA;QAAA;UAAA,sBAEX,wCAA+B,KAAK,CAAC,IAAI,SAAE,aAC3C,KAAK,CAAC,SAAS,GAAG;YAAE,KAAK,EAAE,sBAAsB,KAAK,CAAC,SAAS;UAAyB,CAAC,GAAG,SAAS;QAAA;MAAA,gCAIhH,OAAO;QAAA,IAAC,SAAS;UAAA,OAAE,IAAI,KAAK,CAAC,YAAY,IAAI,CAAC,EAAE;QAAA;QAAE,EAAE,EAAE,EAAE;QAAA;QAAA;UAAA,OACtD,KAAK,CAAC,KAAK;QAAA;MAAA,gCAEb,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,WAAW;QAAA;QAAA;UAAA,+BACoB,KAAK,CAAC,WAAW;QAAA;MAAA;IAAA;EAAA,cAI5B,KAAK,CAAC,QAAQ;AAG9D;AAeA,MAAM,YAAY,GAAG,OAAqE;;AAE1F;AACA,OAAO,SAAS,cAAc,CAA0C,KAA6B,EAAe;EAClH,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;EAChF,yBACG,YAAY;IAAA,IACX,SAAS;MAAA,OAAE,KAAK,CAAC,EAAE,IAAI,SAAS;IAAA;EAAA,GAC5B,OAAO;IAAA;MAAA,OACJ,oBAAK,CAAC,KAAK,MAAG,uBAAuB,KAAK,CAAC,KAAK,EAAE,GAAG,qBAAqB;IAAA;IAAA;MAAA,OACrE,KAAK,CAAC,KAAK,IAAI,OAAO;IAAA;IAAA;MAAA,OAEjC,KAAK,CAAC,QAAQ;IAAA;EAAA;AAGrB","ignoreList":[]}