@k2b/ui 0.1.0-rc.0

package/dist/ssr/surfaces/StatCell.js

@@ -0,0 +1,80 @@
+import { createComponent as _$createComponent } 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$ = ["<span class=\"k2b-stat-cell__label\"", ">", "</span>"],
+  _tmpl$2 = ["<span class=\"", "\"", ">", "</span>"],
+  _tmpl$3 = ["<div class=\"k2b-stat-cell__support\">", "", "</div>"],
+  _tmpl$4 = ["<span class=\"k2b-stat-cell__sub\">", "</span>"],
+  _tmpl$5 = ["<i class=\"", "\"", " aria-hidden=\"true\"></i>"],
+  _tmpl$6 = ["<span class=\"k2b-stat-cell__accent\"", "><i", " aria-hidden=\"true\"></i>", "</span>"],
+  _tmpl$7 = ["<div class=\"k2b-stat-cell\"", ">", "</div>"],
+  _tmpl$8 = ["<a", " class=\"k2b-stat-cell k2b-stat-cell--link\"", "><i class=\"ti ti-external-link k2b-stat-cell__link-icon\" aria-hidden=\"true\"></i>", "</a>"];
+import { Show } from "solid-js";
+import Chart from "../content/Chart";
+import { useStatGridSize, useStatGridSurface } from "./StatGrid";
+function Body(props) {
+  const gridSize = useStatGridSize();
+  const size = () => props.size ?? gridSize;
+  const accent = () => props.accent;
+  return [_$ssr(_tmpl$, _$ssrAttribute("data-size", _$escape(size(), true), false), _$escape(props.label)), _$ssr(_tmpl$2, `k2b-stat-cell__value ${_$escape(props.valueClass ?? "", true)}`, _$ssrAttribute("data-size", _$escape(size(), true), false) + _$ssrAttribute("title", _$escape(props.title, true), false), _$escape(props.value)), _$createComponent(Show, {
+    get when() {
+      return props.trend && props.trend.length > 1;
+    },
+    get children() {
+      return _$createComponent(Chart, {
+        kind: "sparkline",
+        "class": "k2b-stat-cell__trend",
+        style: {
+          height: "32px"
+        },
+        get data() {
+          return Array.from(props.trend ?? []);
+        },
+        showLast: true,
+        showMinMax: true
+      });
+    }
+  }), _$createComponent(Show, {
+    get when() {
+      return props.sub || accent();
+    },
+    get children() {
+      return _$ssr(_tmpl$3, _$escape(_$createComponent(Show, {
+        get when() {
+          return props.sub;
+        },
+        children: sub => _$ssr(_tmpl$4, _$escape(sub()))
+      })), _$escape(_$createComponent(Show, {
+        get when() {
+          return accent();
+        },
+        children: value => _$createComponent(Show, {
+          get when() {
+            return value().text;
+          },
+          get fallback() {
+            return _$ssr(_tmpl$5, `${_$escape(value().icon, true)} k2b-stat-cell__accent-icon`, _$ssrAttribute("data-tone", _$escape(value().tone, true), false));
+          },
+          children: text => _$ssr(_tmpl$6, _$ssrAttribute("data-tone", _$escape(value().tone, true), false), _$ssrAttribute("class", _$escape(value().icon, true), false), _$escape(text()))
+        })
+      })));
+    }
+  })];
+}
+export function StatCell(props) {
+  const gridSize = useStatGridSize();
+  const size = () => props.size ?? gridSize;
+  const surface = useStatGridSurface();
+  return _$createComponent(Show, {
+    get when() {
+      return props.href;
+    },
+    get fallback() {
+      return _$ssr(_tmpl$7, _$ssrAttribute("data-size", _$escape(size(), true), false) + _$ssrAttribute("data-surface", _$escape(surface, true), false), _$escape(_$createComponent(Body, props)));
+    },
+    children: href => _$ssr(_tmpl$8, _$ssrAttribute("href", _$escape(href(), true), false), _$ssrAttribute("data-size", _$escape(size(), true), false) + _$ssrAttribute("data-surface", _$escape(surface, true), false), _$escape(_$createComponent(Body, props)))
+  });
+}
+export default StatCell;
+//# sourceMappingURL=StatCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Show","Chart","useStatGridSize","useStatGridSurface","Body","props","gridSize","size","accent","_$ssr","_tmpl$","_$ssrAttribute","_$escape","label","_tmpl$2","valueClass","title","value","_$createComponent","when","trend","length","children","kind","style","height","data","Array","from","showLast","showMinMax","sub","_tmpl$3","_tmpl$4","text","fallback","_tmpl$5","icon","tone","_tmpl$6","StatCell","surface","href","_tmpl$7","_tmpl$8"],"sources":["surfaces/StatCell.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport Chart from \"../content/Chart\";\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  size?: StatGridSize;\n};\n\nfunction Body(props: StatCellProps): JSX.Element {\n  const gridSize = useStatGridSize();\n  const size = () => props.size ?? gridSize;\n  const accent = () => props.accent;\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          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}>\n          <Body {...props} />\n        </div>\n      }\n    >\n      {(href) => (\n        <a href={href()} class=\"k2b-stat-cell k2b-stat-cell--link\" data-size={size()} data-surface={surface}>\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":"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","ignoreList":[]}

package/dist/ssr/surfaces/StatGrid.js

@@ -0,0 +1,62 @@
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { createComponent as _$createComponent } 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>"];
+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;
+};
+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();
+    },
+    get children() {
+      return [_$createComponent(Show, {
+        get when() {
+          return props.title;
+        },
+        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, {
+        get value() {
+          return props.size ?? "md";
+        },
+        get children() {
+          return _$createComponent(StatGridSurfaceContext.Provider, {
+            get value() {
+              return surface();
+            },
+            get children() {
+              return _$ssr(_tmpl$2, _$escape(props.children));
+            }
+          });
+        }
+      })];
+    }
+  });
+}
+export default StatGrid;
+//# sourceMappingURL=StatGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","Show","useContext","Paper","StatGridSizeContext","StatGridSurfaceContext","useStatGridSize","useStatGridSurface","columnValue","columns","Number","isInteger","StatGrid","props","surface","_$createComponent","class","data-columns","data-surface","children","when","title","_$ssr","_tmpl$","_$escape","action","_tmpl$3","_$ssrAttribute","href","label","Provider","value","size","_tmpl$2"],"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,SAASA,aAAa,EAAYC,IAAI,EAAEC,UAAU,QAAQ,UAAU;AACpE,SAASC,KAAK,QAAQ,SAAS;AAiB/B,MAAMC,mBAAmB,GAAGJ,aAAa,CAAe,IAAI,CAAC;AAC7D,MAAMK,sBAAsB,GAAGL,aAAa,CAAkB,OAAO,CAAC;AAEtE,OAAO,MAAMM,eAAe,GAAGA,CAAA,KAAoBJ,UAAU,CAACE,mBAAmB,CAAC;AAClF,OAAO,MAAMG,kBAAkB,GAAGA,CAAA,KAAuBL,UAAU,CAACG,sBAAsB,CAAC;AAE3F,MAAMG,WAAW,GAAIC,OAAyB,IAAsB;EAClE,IAAIA,OAAO,IAAIC,MAAM,CAACC,SAAS,CAACF,OAAO,CAAC,IAAIA,OAAO,IAAI,CAAC,IAAIA,OAAO,IAAI,CAAC,EAAE,OAAOA,OAAO;EACxF,OAAO,CAAC;AACV,CAAC;AAED,OAAO,SAASG,QAAQA,CAACC,KAAoB,EAAe;EAC1D,MAAMC,OAAO,GAAGA,CAAA,KAAMD,KAAK,CAACC,OAAO,IAAI,OAAO;EAC9C,OAAAC,iBAAA,CACGZ,KAAK;IAAA,aAAAa,CAAA;MAAA,OAAQ,iBAAiBH,KAAK,CAACG,KAAK,IAAI,EAAE,EAAE;IAAA;IAAA,oBAAAC,CAAA;MAAA,OAAgBT,WAAW,CAACK,KAAK,CAACJ,OAAO,CAAC;IAAA;IAAA,oBAAAS,CAAA;MAAA,OAAgBJ,OAAO,CAAC,CAAC;IAAA;IAAA,IAAAK,SAAA;MAAA,QAAAJ,iBAAA,CAClHd,IAAI;QAAA,IAACmB,IAAIA,CAAA;UAAA,OAAEP,KAAK,CAACQ,KAAK;QAAA;QAAA,IAAAF,SAAA;UAAA,OAAAG,KAAA,CAAAC,MAAA,EAAAC,QAAA,CAEiBX,KAAK,CAACQ,KAAK,GAAAG,QAAA,CAAAT,iBAAA,CAC9Cd,IAAI;YAAA,IAACmB,IAAIA,CAAA;cAAA,OAAEP,KAAK,CAACY,MAAM;YAAA;YAAAN,QAAA,EACpBM,MAAM,IAAAH,KAAA,CAAAI,OAAA,EAAAC,cAAA,SAAAH,QAAA,CACGC,MAAM,CAAC,CAAC,CAACG,IAAI,iBAAAJ,QAAA,CACbC,MAAM,CAAC,CAAC,CAACI,KAAK;UAGxB;QAAA;MAAA,IAAAd,iBAAA,CAINX,mBAAmB,CAAC0B,QAAQ;QAAA,IAACC,KAAKA,CAAA;UAAA,OAAElB,KAAK,CAACmB,IAAI,IAAI,IAAI;QAAA;QAAA,IAAAb,SAAA;UAAA,OAAAJ,iBAAA,CACpDV,sBAAsB,CAACyB,QAAQ;YAAA,IAACC,KAAKA,CAAA;cAAA,OAAEjB,OAAO,CAAC,CAAC;YAAA;YAAA,IAAAK,SAAA;cAAA,OAAAG,KAAA,CAAAW,OAAA,EAAAT,QAAA,CACbX,KAAK,CAACM,QAAQ;YAAA;UAAA;QAAA;MAAA;IAAA;EAAA;AAK1D;AAEA,eAAeP,QAAQ","ignoreList":[]}

package/dist/ssr/surfaces/StatusBadge.js

@@ -0,0 +1,38 @@
+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$ = ["<span class=\"", "\"", ">", "<span class=\"k2b-status-badge__label\">", "</span></span>"],
+  _tmpl$2 = "<span class=\"k2b-status-badge__dot\" aria-hidden=\"true\"></span>",
+  _tmpl$3 = ["<i", " aria-hidden=\"true\"></i>"];
+import { Show } from "solid-js";
+const DEFAULT_ICONS = {
+  ok: "ti ti-check",
+  warning: "ti ti-alert-triangle",
+  error: "ti ti-alert-circle",
+  degraded: "ti ti-plug-connected-x",
+  running: "ti ti-loader-2",
+  neutral: "ti ti-minus"
+};
+export function StatusBadge(props) {
+  const variant = () => props.variant ?? "chip";
+  const icon = () => props.icon === null ? undefined : props.icon ?? DEFAULT_ICONS[props.tone];
+  return _$ssr(_tmpl$, `k2b-status-badge ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-tone", _$escape(props.tone, true), false) + _$ssrAttribute("data-variant", _$escape(variant(), true), false) + _$ssrAttribute("title", _$escape(props.title, true), false), _$escape(_$createComponent(Show, {
+    get when() {
+      return variant() !== "dot";
+    },
+    get fallback() {
+      return _$ssr(_tmpl$2);
+    },
+    get children() {
+      return _$createComponent(Show, {
+        get when() {
+          return icon();
+        },
+        children: glyph => _$ssr(_tmpl$3, _$ssrAttribute("class", _$escape(glyph(), true), false))
+      });
+    }
+  })), _$escape(props.label));
+}
+export default StatusBadge;
+//# sourceMappingURL=StatusBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Show","DEFAULT_ICONS","ok","warning","error","degraded","running","neutral","StatusBadge","props","variant","icon","undefined","tone","_$ssr","_tmpl$","_$escape","class","_$ssrAttribute","title","_$createComponent","when","fallback","_tmpl$2","children","glyph","_tmpl$3","label"],"sources":["surfaces/StatusBadge.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\n\nexport type StatusTone = \"ok\" | \"warning\" | \"error\" | \"degraded\" | \"running\" | \"neutral\";\n\nexport type StatusBadgeProps = {\n  tone: StatusTone;\n  label: JSX.Element;\n  icon?: string | null;\n  variant?: \"chip\" | \"dot\" | \"text\";\n  title?: string;\n  class?: string;\n};\n\nconst DEFAULT_ICONS: Record<StatusTone, string> = {\n  ok: \"ti ti-check\",\n  warning: \"ti ti-alert-triangle\",\n  error: \"ti ti-alert-circle\",\n  degraded: \"ti ti-plug-connected-x\",\n  running: \"ti ti-loader-2\",\n  neutral: \"ti ti-minus\",\n};\n\nexport function StatusBadge(props: StatusBadgeProps): JSX.Element {\n  const variant = () => props.variant ?? \"chip\";\n  const icon = () => (props.icon === null ? undefined : (props.icon ?? DEFAULT_ICONS[props.tone]));\n  return (\n    <span class={`k2b-status-badge ${props.class ?? \"\"}`} data-tone={props.tone} data-variant={variant()} title={props.title}>\n      <Show when={variant() !== \"dot\"} fallback={<span class=\"k2b-status-badge__dot\" aria-hidden=\"true\" />}>\n        <Show when={icon()}>{(glyph) => <i class={glyph()} aria-hidden=\"true\" />}</Show>\n      </Show>\n      <span class=\"k2b-status-badge__label\">{props.label}</span>\n    </span>\n  );\n}\n\nexport default StatusBadge;\n"],"mappings":";;;;;;;AAAA,SAAmBA,IAAI,QAAQ,UAAU;AAazC,MAAMC,aAAyC,GAAG;EAChDC,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,sBAAsB;EAC/BC,KAAK,EAAE,oBAAoB;EAC3BC,QAAQ,EAAE,wBAAwB;EAClCC,OAAO,EAAE,gBAAgB;EACzBC,OAAO,EAAE;AACX,CAAC;AAED,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAe;EAChE,MAAMC,OAAO,GAAGA,CAAA,KAAMD,KAAK,CAACC,OAAO,IAAI,MAAM;EAC7C,MAAMC,IAAI,GAAGA,CAAA,KAAOF,KAAK,CAACE,IAAI,KAAK,IAAI,GAAGC,SAAS,GAAIH,KAAK,CAACE,IAAI,IAAIV,aAAa,CAACQ,KAAK,CAACI,IAAI,CAAG;EAChG,OAAAC,KAAA,CAAAC,MAAA,EACe,oBAAAC,QAAA,CAAoBP,KAAK,CAACQ,KAAK,IAAI,EAAE,SAAE,EAAAC,cAAA,cAAAF,QAAA,CAAaP,KAAK,CAACI,IAAI,kBAAAK,cAAA,iBAAAF,QAAA,CAAgBN,OAAO,CAAC,CAAC,kBAAAQ,cAAA,UAAAF,QAAA,CAASP,KAAK,CAACU,KAAK,iBAAAH,QAAA,CAAAI,iBAAA,CACrHpB,IAAI;IAAA,IAACqB,IAAIA,CAAA;MAAA,OAAEX,OAAO,CAAC,CAAC,KAAK,KAAK;IAAA;IAAA,IAAEY,QAAQA,CAAA;MAAA,OAAAR,KAAA,CAAAS,OAAA;IAAA;IAAA,IAAAC,SAAA;MAAA,OAAAJ,iBAAA,CACtCpB,IAAI;QAAA,IAACqB,IAAIA,CAAA;UAAA,OAAEV,IAAI,CAAC,CAAC;QAAA;QAAAa,QAAA,EAAIC,KAAK,IAAAX,KAAA,CAAAY,OAAA,EAAAR,cAAA,UAAAF,QAAA,CAAeS,KAAK,CAAC,CAAC;MAAuB;IAAA;EAAA,KAAAT,QAAA,CAEnCP,KAAK,CAACkB,KAAK;AAGxD;AAEA,eAAenB,WAAW","ignoreList":[]}

package/dist/ssr/surfaces/Tag.js

@@ -0,0 +1,32 @@
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { ssrStyle as _$ssrStyle } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+var _tmpl$ = ["<i class=\"", "\"", " aria-hidden=\"true\"></i>"],
+  _tmpl$2 = ["<span class=\"", "\"", " style=\"", "\">", "<span class=\"k2b-tag__label\">", "</span>", "</span>"],
+  _tmpl$3 = ["<button type=\"button\" class=\"k2b-tag__remove\"", "", "><i class=\"ti ti-x\" aria-hidden=\"true\"></i></button>"];
+import { Show } from "solid-js";
+import { colorTintStyle } from "../internal/color";
+import { useUiMessages } from "../intl/messages";
+/** Compact label presentation with optional color, icon, and remove action. */
+export function Tag(props) {
+  const messages = useUiMessages();
+  const hasIconSlot = () => props.selected !== undefined || Boolean(props.icon);
+  const icon = () => props.selected ? "ti ti-check" : props.icon ?? "ti ti-check";
+  return _$ssr(_tmpl$2, `k2b-tag ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-size", _$escape(props.size ?? "md", true), false) + _$ssrAttribute("data-selected", props.selected ? "true" : _$escape(undefined, true), false), _$ssrStyle(colorTintStyle(props.color)), _$escape(_$createComponent(Show, {
+    get when() {
+      return hasIconSlot();
+    },
+    get children() {
+      return _$ssr(_tmpl$, `${_$escape(icon(), true)} k2b-tag__icon`, _$ssrAttribute("data-placeholder", !props.selected && !props.icon ? "true" : _$escape(undefined, true), false));
+    }
+  })), _$escape(props.children), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.onRemove;
+    },
+    children: remove => _$ssr(_tmpl$3, _$ssrAttribute("aria-label", _$escape(props.removeLabel ?? messages().removeTag, true), false), _$ssrAttribute("disabled", props.disabled, true))
+  })));
+}
+export default Tag;
+//# sourceMappingURL=Tag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Show","colorTintStyle","useUiMessages","Tag","props","messages","hasIconSlot","selected","undefined","Boolean","icon","_$ssr","_tmpl$2","_$escape","class","_$ssrAttribute","size","_$ssrStyle","color","_$createComponent","when","children","_tmpl$","onRemove","remove","_tmpl$3","removeLabel","removeTag","disabled"],"sources":["surfaces/Tag.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport { colorTintStyle } from \"../internal/color\";\nimport { useUiMessages } from \"../intl/messages\";\n\nexport type TagSize = \"sm\" | \"md\" | \"lg\";\n\nexport type TagProps = {\n  children: JSX.Element;\n  color?: string | null;\n  icon?: string;\n  size?: TagSize;\n  selected?: boolean;\n  onRemove?: () => void;\n  removeLabel?: string;\n  disabled?: boolean;\n  class?: string;\n};\n\n/** Compact label presentation with optional color, icon, and remove action. */\nexport function Tag(props: TagProps): JSX.Element {\n  const messages = useUiMessages();\n  const hasIconSlot = () => props.selected !== undefined || Boolean(props.icon);\n  const icon = () => (props.selected ? \"ti ti-check\" : (props.icon ?? \"ti ti-check\"));\n\n  return (\n    <span\n      class={`k2b-tag ${props.class ?? \"\"}`}\n      data-size={props.size ?? \"md\"}\n      data-selected={props.selected ? \"true\" : undefined}\n      style={colorTintStyle(props.color)}\n    >\n      <Show when={hasIconSlot()}>\n        <i class={`${icon()} k2b-tag__icon`} data-placeholder={!props.selected && !props.icon ? \"true\" : undefined} aria-hidden=\"true\" />\n      </Show>\n      <span class=\"k2b-tag__label\">{props.children}</span>\n      <Show when={props.onRemove}>\n        {(remove) => (\n          <button\n            type=\"button\"\n            class=\"k2b-tag__remove\"\n            aria-label={props.removeLabel ?? messages().removeTag}\n            disabled={props.disabled}\n            onClick={remove()}\n          >\n            <i class=\"ti ti-x\" aria-hidden=\"true\" />\n          </button>\n        )}\n      </Show>\n    </span>\n  );\n}\n\nexport default Tag;\n"],"mappings":";;;;;;;;AAAA,SAAmBA,IAAI,QAAQ,UAAU;AACzC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,aAAa,QAAQ,kBAAkB;AAgBhD;AACA,OAAO,SAASC,GAAGA,CAACC,KAAe,EAAe;EAChD,MAAMC,QAAQ,GAAGH,aAAa,CAAC,CAAC;EAChC,MAAMI,WAAW,GAAGA,CAAA,KAAMF,KAAK,CAACG,QAAQ,KAAKC,SAAS,IAAIC,OAAO,CAACL,KAAK,CAACM,IAAI,CAAC;EAC7E,MAAMA,IAAI,GAAGA,CAAA,KAAON,KAAK,CAACG,QAAQ,GAAG,aAAa,GAAIH,KAAK,CAACM,IAAI,IAAI,aAAe;EAEnF,OAAAC,KAAA,CAAAC,OAAA,EAEW,WAAAC,QAAA,CAAWT,KAAK,CAACU,KAAK,IAAI,EAAE,SAAE,EAAAC,cAAA,cAAAF,QAAA,CAC1BT,KAAK,CAACY,IAAI,IAAI,IAAI,kBAAAD,cAAA,kBACdX,KAAK,CAACG,QAAQ,GAAG,MAAM,GAAAM,QAAA,CAAGL,SAAS,iBAAAS,UAAA,CAC3ChB,cAAc,CAACG,KAAK,CAACc,KAAK,CAAC,GAAAL,QAAA,CAAAM,iBAAA,CAEjCnB,IAAI;IAAA,IAACoB,IAAIA,CAAA;MAAA,OAAEd,WAAW,CAAC,CAAC;IAAA;IAAA,IAAAe,SAAA;MAAA,OAAAV,KAAA,CAAAW,MAAA,EACb,GAAAT,QAAA,CAAGH,IAAI,CAAC,CAAC,uBAAgB,EAAAK,cAAA,qBAAoB,CAACX,KAAK,CAACG,QAAQ,IAAI,CAACH,KAAK,CAACM,IAAI,GAAG,MAAM,GAAAG,QAAA,CAAGL,SAAS;IAAA;EAAA,KAAAK,QAAA,CAE9ET,KAAK,CAACiB,QAAQ,GAAAR,QAAA,CAAAM,iBAAA,CAC3CnB,IAAI;IAAA,IAACoB,IAAIA,CAAA;MAAA,OAAEhB,KAAK,CAACmB,QAAQ;IAAA;IAAAF,QAAA,EACtBG,MAAM,IAAAb,KAAA,CAAAc,OAAA,EAAAV,cAAA,eAAAF,QAAA,CAIQT,KAAK,CAACsB,WAAW,IAAIrB,QAAQ,CAAC,CAAC,CAACsB,SAAS,iBAAAZ,cAAA,aAC3CX,KAAK,CAACwB,QAAQ;EAK3B;AAIT;AAEA,eAAezB,GAAG","ignoreList":[]}

package/dist/ssr/surfaces/index.js

@@ -0,0 +1,13 @@
+export { Avatar } from "./Avatar";
+export { DescriptionList } from "./DescriptionList";
+export { LinkCard } from "./LinkCard";
+export { NotFoundState } from "./NotFoundState";
+export { NOTICE_CARD_CLASSES, NOTICE_CARD_ICONS, NoticeCard } from "./NoticeCard";
+export { Paper } from "./Paper";
+export { default as Placeholder } from "./Placeholder";
+export { ProgressBar } from "./ProgressBar";
+export { StatCell } from "./StatCell";
+export { StatGrid } from "./StatGrid";
+export { StatusBadge } from "./StatusBadge";
+export { Tag } from "./Tag";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Avatar","DescriptionList","LinkCard","NotFoundState","NOTICE_CARD_CLASSES","NOTICE_CARD_ICONS","NoticeCard","Paper","default","Placeholder","ProgressBar","StatCell","StatGrid","StatusBadge","Tag"],"sources":["surfaces/index.ts"],"sourcesContent":["export type { AvatarProps, AvatarSize } from \"./Avatar\";\nexport { Avatar } from \"./Avatar\";\nexport type { DescriptionListItem, DescriptionListProps } from \"./DescriptionList\";\nexport { DescriptionList } from \"./DescriptionList\";\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, NOTICE_CARD_ICONS, 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 { 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,SAASA,MAAM,QAAQ,UAAU;AAEjC,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,SAASC,mBAAmB,EAAEC,iBAAiB,EAAEC,UAAU,QAAQ,cAAc;AAEjF,SAASC,KAAK,QAAQ,SAAS;AAQ/B,SAASC,OAAO,IAAIC,WAAW,QAAQ,eAAe;AAEtD,SAASC,WAAW,QAAQ,eAAe;AAE3C,SAASC,QAAQ,QAAQ,YAAY;AAQrC,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,WAAW,QAAQ,eAAe;AAE3C,SAASC,GAAG,QAAQ,OAAO","ignoreList":[]}

package/dist/ssr/widgets/Widget.js

@@ -0,0 +1,54 @@
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = ["<span class=\"k2b-widget__heading\"><span class=\"k2b-widget__title\">", "</span>", "</span>"],
+  _tmpl$2 = "<i class=\"ti ti-chevron-right k2b-widget__chevron\" aria-hidden=\"true\"></i>",
+  _tmpl$3 = ["<span class=\"k2b-widget__icon\"><i", " aria-hidden=\"true\"></i></span>"],
+  _tmpl$4 = ["<span class=\"k2b-widget__meta\">", "</span>"],
+  _tmpl$5 = ["<div class=\"k2b-widget__body\">", "</div>"],
+  _tmpl$6 = ["<div class=\"k2b-widget__header\">", "</div>"],
+  _tmpl$7 = ["<a", " class=\"k2b-widget__header\">", "</a>"];
+import { Show } from "solid-js";
+import { Paper } from "../surfaces/Paper";
+function Header(props) {
+  return [_$createComponent(Show, {
+    get when() {
+      return props.icon;
+    },
+    children: icon => _$ssr(_tmpl$3, _$ssrAttribute("class", _$escape(icon(), true), false))
+  }), _$ssr(_tmpl$, _$escape(props.title), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.meta;
+    },
+    children: meta => _$ssr(_tmpl$4, _$escape(meta()))
+  }))), _$createComponent(Show, {
+    get when() {
+      return props.href;
+    },
+    get children() {
+      return _$ssr(_tmpl$2);
+    }
+  })];
+}
+export function Widget(props) {
+  return _$createComponent(Paper, {
+    "class": "k2b-widget",
+    get ["data-size"]() {
+      return props.size ?? "standard";
+    },
+    get children() {
+      return [_$createComponent(Show, {
+        get when() {
+          return props.href;
+        },
+        get fallback() {
+          return _$ssr(_tmpl$6, _$escape(_$createComponent(Header, props)));
+        },
+        children: href => _$ssr(_tmpl$7, _$ssrAttribute("href", _$escape(href(), true), false), _$escape(_$createComponent(Header, props)))
+      }), _$ssr(_tmpl$5, _$escape(props.children))];
+    }
+  });
+}
+export default Widget;
+//# sourceMappingURL=Widget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Show","Paper","Header","props","_$createComponent","when","icon","children","_$ssr","_tmpl$3","_$ssrAttribute","_$escape","_tmpl$","title","meta","_tmpl$4","href","_tmpl$2","Widget","data-size","size","fallback","_tmpl$6","_tmpl$7","_tmpl$5"],"sources":["widgets/Widget.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport { Paper } from \"../surfaces/Paper\";\n\nexport type WidgetSize = \"content\" | \"compact\" | \"standard\";\n\nexport type WidgetProps = {\n  title: string;\n  icon?: string;\n  href?: string;\n  meta?: string;\n  size?: WidgetSize;\n  children: JSX.Element;\n};\n\nfunction Header(props: WidgetProps): JSX.Element {\n  return (\n    <>\n      <Show when={props.icon}>\n        {(icon) => (\n          <span class=\"k2b-widget__icon\">\n            <i class={icon()} aria-hidden=\"true\" />\n          </span>\n        )}\n      </Show>\n      <span class=\"k2b-widget__heading\">\n        <span class=\"k2b-widget__title\">{props.title}</span>\n        <Show when={props.meta}>{(meta) => <span class=\"k2b-widget__meta\">{meta()}</span>}</Show>\n      </span>\n      <Show when={props.href}>\n        <i class=\"ti ti-chevron-right k2b-widget__chevron\" aria-hidden=\"true\" />\n      </Show>\n    </>\n  );\n}\n\nexport function Widget(props: WidgetProps): JSX.Element {\n  return (\n    <Paper class=\"k2b-widget\" data-size={props.size ?? \"standard\"}>\n      <Show\n        when={props.href}\n        fallback={\n          <div class=\"k2b-widget__header\">\n            <Header {...props} />\n          </div>\n        }\n      >\n        {(href) => (\n          <a href={href()} class=\"k2b-widget__header\">\n            <Header {...props} />\n          </a>\n        )}\n      </Show>\n      <div class=\"k2b-widget__body\">{props.children}</div>\n    </Paper>\n  );\n}\n\nexport default Widget;\n"],"mappings":";;;;;;;;;;;AAAA,SAAmBA,IAAI,QAAQ,UAAU;AACzC,SAASC,KAAK,QAAQ,mBAAmB;AAazC,SAASC,MAAMA,CAACC,KAAkB,EAAe;EAC/C,QAAAC,iBAAA,CAEKJ,IAAI;IAAA,IAACK,IAAIA,CAAA;MAAA,OAAEF,KAAK,CAACG,IAAI;IAAA;IAAAC,QAAA,EAClBD,IAAI,IAAAE,KAAA,CAAAC,OAAA,EAAAC,cAAA,UAAAC,QAAA,CAEQL,IAAI,CAAC,CAAC;EAEnB,IAAAE,KAAA,CAAAI,MAAA,EAAAD,QAAA,CAGgCR,KAAK,CAACU,KAAK,GAAAF,QAAA,CAAAP,iBAAA,CAC3CJ,IAAI;IAAA,IAACK,IAAIA,CAAA;MAAA,OAAEF,KAAK,CAACW,IAAI;IAAA;IAAAP,QAAA,EAAIO,IAAI,IAAAN,KAAA,CAAAO,OAAA,EAAAJ,QAAA,CAAqCG,IAAI,CAAC,CAAC;EAAQ,MAAAV,iBAAA,CAElFJ,IAAI;IAAA,IAACK,IAAIA,CAAA;MAAA,OAAEF,KAAK,CAACa,IAAI;IAAA;IAAA,IAAAT,SAAA;MAAA,OAAAC,KAAA,CAAAS,OAAA;IAAA;EAAA;AAK5B;AAEA,OAAO,SAASC,MAAMA,CAACf,KAAkB,EAAe;EACtD,OAAAC,iBAAA,CACGH,KAAK;IAAA;IAAA,iBAAAkB,CAAA;MAAA,OAA+BhB,KAAK,CAACiB,IAAI,IAAI,UAAU;IAAA;IAAA,IAAAb,SAAA;MAAA,QAAAH,iBAAA,CAC1DJ,IAAI;QAAA,IACHK,IAAIA,CAAA;UAAA,OAAEF,KAAK,CAACa,IAAI;QAAA;QAAA,IAChBK,QAAQA,CAAA;UAAA,OAAAb,KAAA,CAAAc,OAAA,EAAAX,QAAA,CAAAP,iBAAA,CAEHF,MAAM,EAAKC,KAAK;QAAA;QAAAI,QAAA,EAInBS,IAAI,IAAAR,KAAA,CAAAe,OAAA,EAAAb,cAAA,SAAAC,QAAA,CACKK,IAAI,CAAC,CAAC,iBAAAL,QAAA,CAAAP,iBAAA,CACZF,MAAM,EAAKC,KAAK;MAEpB,IAAAK,KAAA,CAAAgB,OAAA,EAAAb,QAAA,CAE4BR,KAAK,CAACI,QAAQ;IAAA;EAAA;AAGnD;AAEA,eAAeW,MAAM","ignoreList":[]}

package/dist/ssr/widgets/WidgetHero.js

@@ -0,0 +1,23 @@
+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$ = ["<div class=\"k2b-widget-hero\"", ">", "<span class=\"k2b-widget-hero__title\">", "</span>", "</div>"],
+  _tmpl$2 = ["<i class=\"", "\" aria-hidden=\"true\"></i>"],
+  _tmpl$3 = ["<span class=\"k2b-widget-hero__subtitle\">", "</span>"];
+import { Show } from "solid-js";
+export function WidgetHero(props) {
+  return _$ssr(_tmpl$, _$ssrAttribute("data-tone", _$escape(props.tone, true), false), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.icon;
+    },
+    children: icon => _$ssr(_tmpl$2, `${_$escape(icon(), true)} k2b-widget-hero__icon`)
+  })), _$escape(props.title), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.subtitle;
+    },
+    children: subtitle => _$ssr(_tmpl$3, _$escape(subtitle()))
+  })));
+}
+export default WidgetHero;
+//# sourceMappingURL=WidgetHero.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Show","WidgetHero","props","_$ssr","_tmpl$","_$ssrAttribute","_$escape","tone","_$createComponent","when","icon","children","_tmpl$2","title","subtitle","_tmpl$3"],"sources":["widgets/WidgetHero.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport type { AccentColor } from \"../semantics\";\n\nexport type WidgetTone = AccentColor;\n\nexport type WidgetHeroProps = {\n  title: string;\n  subtitle?: string;\n  icon?: string;\n  tone?: WidgetTone;\n};\n\nexport function WidgetHero(props: WidgetHeroProps): JSX.Element {\n  return (\n    <div class=\"k2b-widget-hero\" data-tone={props.tone}>\n      <Show when={props.icon}>{(icon) => <i class={`${icon()} k2b-widget-hero__icon`} aria-hidden=\"true\" />}</Show>\n      <span class=\"k2b-widget-hero__title\">{props.title}</span>\n      <Show when={props.subtitle}>{(subtitle) => <span class=\"k2b-widget-hero__subtitle\">{subtitle()}</span>}</Show>\n    </div>\n  );\n}\n\nexport default WidgetHero;\n"],"mappings":";;;;;;;AAAA,SAAmBA,IAAI,QAAQ,UAAU;AAYzC,OAAO,SAASC,UAAUA,CAACC,KAAsB,EAAe;EAC9D,OAAAC,KAAA,CAAAC,MAAA,EAAAC,cAAA,cAAAC,QAAA,CAC0CJ,KAAK,CAACK,IAAI,iBAAAD,QAAA,CAAAE,iBAAA,CAC/CR,IAAI;IAAA,IAACS,IAAIA,CAAA;MAAA,OAAEP,KAAK,CAACQ,IAAI;IAAA;IAAAC,QAAA,EAAID,IAAI,IAAAP,KAAA,CAAAS,OAAA,EAAe,GAAAN,QAAA,CAAGI,IAAI,CAAC,CAAC,+BAAwB;EAAuB,KAAAJ,QAAA,CAC/DJ,KAAK,CAACW,KAAK,GAAAP,QAAA,CAAAE,iBAAA,CAChDR,IAAI;IAAA,IAACS,IAAIA,CAAA;MAAA,OAAEP,KAAK,CAACY,QAAQ;IAAA;IAAAH,QAAA,EAAIG,QAAQ,IAAAX,KAAA,CAAAY,OAAA,EAAAT,QAAA,CAA8CQ,QAAQ,CAAC,CAAC;EAAQ;AAG5G;AAEA,eAAeb,UAAU","ignoreList":[]}

package/dist/ssr/widgets/WidgetList.js

@@ -0,0 +1,73 @@
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = ["<div class=\"k2b-widget-list__copy\"><span class=\"k2b-widget-list__label\">", "</span>", "</div>"],
+  _tmpl$2 = "<i class=\"ti ti-chevron-right k2b-widget-list__chevron\" aria-hidden=\"true\"></i>",
+  _tmpl$3 = ["<i class=\"", "\"", " aria-hidden=\"true\"></i>"],
+  _tmpl$4 = ["<span class=\"k2b-widget-list__sub\">", "</span>"],
+  _tmpl$5 = ["<span class=\"k2b-widget-list__meta\">", "</span>"],
+  _tmpl$6 = ["<div class=\"k2b-widget-list\"", ">", "</div>"],
+  _tmpl$7 = ["<div class=\"k2b-widget-list__empty\"", "><span>", "</span></div>"],
+  _tmpl$8 = ["<div class=\"k2b-widget-list__item\">", "</div>"],
+  _tmpl$9 = ["<a", " class=\"k2b-widget-list__item\">", "</a>"];
+import { For, Show } from "solid-js";
+import { useUiMessages } from "../intl/messages";
+function ItemContent(props) {
+  return [_$createComponent(Show, {
+    get when() {
+      return props.item.icon;
+    },
+    children: icon => _$ssr(_tmpl$3, `${_$escape(icon(), true)} k2b-widget-list__icon`, _$ssrAttribute("data-tone", _$escape(props.item.iconTone, true), false))
+  }), _$ssr(_tmpl$, _$escape(props.item.label), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.item.sub;
+    },
+    children: sub => _$ssr(_tmpl$4, _$escape(sub()))
+  }))), _$createComponent(Show, {
+    get when() {
+      return props.item.meta;
+    },
+    children: meta => _$ssr(_tmpl$5, _$escape(meta()))
+  }), _$createComponent(Show, {
+    get when() {
+      return props.item.href;
+    },
+    get children() {
+      return _$ssr(_tmpl$2);
+    }
+  })];
+}
+export function WidgetList(props) {
+  const messages = useUiMessages();
+  return _$createComponent(Show, {
+    get when() {
+      return props.items.length > 0;
+    },
+    get fallback() {
+      return _$ssr(_tmpl$7, _$ssrAttribute("data-grow", props.grow ? "true" : _$escape(undefined, true), false), _$escape(props.emptyMessage ?? messages().nothingHere));
+    },
+    get children() {
+      return _$ssr(_tmpl$6, _$ssrAttribute("data-grow", props.grow ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(For, {
+        get each() {
+          return props.items;
+        },
+        children: item => _$createComponent(Show, {
+          get when() {
+            return item.href;
+          },
+          get fallback() {
+            return _$ssr(_tmpl$8, _$escape(_$createComponent(ItemContent, {
+              item: item
+            })));
+          },
+          children: href => _$ssr(_tmpl$9, _$ssrAttribute("href", _$escape(href(), true), false), _$escape(_$createComponent(ItemContent, {
+            item: item
+          })))
+        })
+      })));
+    }
+  });
+}
+export default WidgetList;
+//# sourceMappingURL=WidgetList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["For","Show","useUiMessages","ItemContent","props","_$createComponent","when","item","icon","children","_$ssr","_tmpl$3","_$escape","_$ssrAttribute","iconTone","_tmpl$","label","sub","_tmpl$4","meta","_tmpl$5","href","_tmpl$2","WidgetList","messages","items","length","fallback","_tmpl$7","grow","undefined","emptyMessage","nothingHere","_tmpl$6","each","_tmpl$8","_tmpl$9"],"sources":["widgets/WidgetList.tsx"],"sourcesContent":["import { For, type JSX, Show } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { WidgetTone } from \"./WidgetHero\";\n\nexport type WidgetListItem = {\n  icon?: string;\n  iconTone?: WidgetTone;\n  label: string;\n  sub?: string;\n  meta?: string;\n  href?: string;\n};\n\nexport type WidgetListProps = {\n  items: readonly WidgetListItem[];\n  emptyMessage?: string;\n  grow?: boolean;\n};\n\nfunction ItemContent(props: { item: WidgetListItem }): JSX.Element {\n  return (\n    <>\n      <Show when={props.item.icon}>\n        {(icon) => <i class={`${icon()} k2b-widget-list__icon`} data-tone={props.item.iconTone} aria-hidden=\"true\" />}\n      </Show>\n      <div class=\"k2b-widget-list__copy\">\n        <span class=\"k2b-widget-list__label\">{props.item.label}</span>\n        <Show when={props.item.sub}>{(sub) => <span class=\"k2b-widget-list__sub\">{sub()}</span>}</Show>\n      </div>\n      <Show when={props.item.meta}>{(meta) => <span class=\"k2b-widget-list__meta\">{meta()}</span>}</Show>\n      <Show when={props.item.href}>\n        <i class=\"ti ti-chevron-right k2b-widget-list__chevron\" aria-hidden=\"true\" />\n      </Show>\n    </>\n  );\n}\n\nexport function WidgetList(props: WidgetListProps): JSX.Element {\n  const messages = useUiMessages();\n  return (\n    <Show\n      when={props.items.length > 0}\n      fallback={\n        <div class=\"k2b-widget-list__empty\" data-grow={props.grow ? \"true\" : undefined}>\n          <span>{props.emptyMessage ?? messages().nothingHere}</span>\n        </div>\n      }\n    >\n      <div class=\"k2b-widget-list\" data-grow={props.grow ? \"true\" : undefined}>\n        <For each={props.items}>\n          {(item) => (\n            <Show\n              when={item.href}\n              fallback={\n                <div class=\"k2b-widget-list__item\">\n                  <ItemContent item={item} />\n                </div>\n              }\n            >\n              {(href) => (\n                <a href={href()} class=\"k2b-widget-list__item\">\n                  <ItemContent item={item} />\n                </a>\n              )}\n            </Show>\n          )}\n        </For>\n      </div>\n    </Show>\n  );\n}\n\nexport default WidgetList;\n"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,GAAG,EAAYC,IAAI,QAAQ,UAAU;AAC9C,SAASC,aAAa,QAAQ,kBAAkB;AAkBhD,SAASC,WAAWA,CAACC,KAA+B,EAAe;EACjE,QAAAC,iBAAA,CAEKJ,IAAI;IAAA,IAACK,IAAIA,CAAA;MAAA,OAAEF,KAAK,CAACG,IAAI,CAACC,IAAI;IAAA;IAAAC,QAAA,EACvBD,IAAI,IAAAE,KAAA,CAAAC,OAAA,EAAe,GAAAC,QAAA,CAAGJ,IAAI,CAAC,CAAC,+BAAwB,EAAAK,cAAA,cAAAD,QAAA,CAAaR,KAAK,CAACG,IAAI,CAACO,QAAQ;EAAuB,IAAAJ,KAAA,CAAAK,MAAA,EAAAH,QAAA,CAGvER,KAAK,CAACG,IAAI,CAACS,KAAK,GAAAJ,QAAA,CAAAP,iBAAA,CACrDJ,IAAI;IAAA,IAACK,IAAIA,CAAA;MAAA,OAAEF,KAAK,CAACG,IAAI,CAACU,GAAG;IAAA;IAAAR,QAAA,EAAIQ,GAAG,IAAAP,KAAA,CAAAQ,OAAA,EAAAN,QAAA,CAAyCK,GAAG,CAAC,CAAC;EAAQ,MAAAZ,iBAAA,CAExFJ,IAAI;IAAA,IAACK,IAAIA,CAAA;MAAA,OAAEF,KAAK,CAACG,IAAI,CAACY,IAAI;IAAA;IAAAV,QAAA,EAAIU,IAAI,IAAAT,KAAA,CAAAU,OAAA,EAAAR,QAAA,CAA0CO,IAAI,CAAC,CAAC;EAAQ,IAAAd,iBAAA,CAC1FJ,IAAI;IAAA,IAACK,IAAIA,CAAA;MAAA,OAAEF,KAAK,CAACG,IAAI,CAACc,IAAI;IAAA;IAAA,IAAAZ,SAAA;MAAA,OAAAC,KAAA,CAAAY,OAAA;IAAA;EAAA;AAKjC;AAEA,OAAO,SAASC,UAAUA,CAACnB,KAAsB,EAAe;EAC9D,MAAMoB,QAAQ,GAAGtB,aAAa,CAAC,CAAC;EAChC,OAAAG,iBAAA,CACGJ,IAAI;IAAA,IACHK,IAAIA,CAAA;MAAA,OAAEF,KAAK,CAACqB,KAAK,CAACC,MAAM,GAAG,CAAC;IAAA;IAAA,IAC5BC,QAAQA,CAAA;MAAA,OAAAjB,KAAA,CAAAkB,OAAA,EAAAf,cAAA,cACyCT,KAAK,CAACyB,IAAI,GAAG,MAAM,GAAAjB,QAAA,CAAGkB,SAAS,iBAAAlB,QAAA,CACrER,KAAK,CAAC2B,YAAY,IAAIP,QAAQ,CAAC,CAAC,CAACQ,WAAW;IAAA;IAAA,IAAAvB,SAAA;MAAA,OAAAC,KAAA,CAAAuB,OAAA,EAAApB,cAAA,cAIfT,KAAK,CAACyB,IAAI,GAAG,MAAM,GAAAjB,QAAA,CAAGkB,SAAS,iBAAAlB,QAAA,CAAAP,iBAAA,CACpEL,GAAG;QAAA,IAACkC,IAAIA,CAAA;UAAA,OAAE9B,KAAK,CAACqB,KAAK;QAAA;QAAAhB,QAAA,EAClBF,IAAI,IAAAF,iBAAA,CACHJ,IAAI;UAAA,IACHK,IAAIA,CAAA;YAAA,OAAEC,IAAI,CAACc,IAAI;UAAA;UAAA,IACfM,QAAQA,CAAA;YAAA,OAAAjB,KAAA,CAAAyB,OAAA,EAAAvB,QAAA,CAAAP,iBAAA,CAEHF,WAAW;cAACI,IAAI,EAAEA;YAAI;UAAA;UAAAE,QAAA,EAIzBY,IAAI,IAAAX,KAAA,CAAA0B,OAAA,EAAAvB,cAAA,SAAAD,QAAA,CACKS,IAAI,CAAC,CAAC,iBAAAT,QAAA,CAAAP,iBAAA,CACZF,WAAW;YAACI,IAAI,EAAEA;UAAI;QAE1B;MAEJ;IAAA;EAAA;AAKX;AAEA,eAAegB,UAAU","ignoreList":[]}

package/dist/ssr/widgets/WidgetPills.js

@@ -0,0 +1,40 @@
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+var _tmpl$ = ["<span class=\"k2b-widget-pill__label\">", "</span>"],
+  _tmpl$2 = ["<span class=\"k2b-widget-pill__value\">", "</span>"],
+  _tmpl$3 = ["<div class=\"k2b-widget-pills\"", ">", "</div>"],
+  _tmpl$4 = ["<span class=\"k2b-widget-pill\"", ">", "</span>"],
+  _tmpl$5 = ["<a", " class=\"k2b-widget-pill\"", ">", "</a>"];
+import { text } from "@k2b/stdlib";
+import { For, Show } from "solid-js";
+import { useLocale } from "../intl/locale";
+function Content(props) {
+  const locale = useLocale();
+  return [_$ssr(_tmpl$, _$escape(props.pill.label)), _$ssr(_tmpl$2, typeof props.pill.value === "number" ? _$escape(text.pprintNumber(props.pill.value, {
+    locale: locale()
+  })) : _$escape(props.pill.value))];
+}
+export function WidgetPills(props) {
+  return _$ssr(_tmpl$3, _$ssrAttribute("data-grow", props.grow ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(For, {
+    get each() {
+      return props.pills;
+    },
+    children: pill => _$createComponent(Show, {
+      get when() {
+        return pill.href;
+      },
+      get fallback() {
+        return _$ssr(_tmpl$4, _$ssrAttribute("data-tone", _$escape(pill.tone ?? "zinc", true), false), _$escape(_$createComponent(Content, {
+          pill: pill
+        })));
+      },
+      children: href => _$ssr(_tmpl$5, _$ssrAttribute("href", _$escape(href(), true), false), _$ssrAttribute("data-tone", _$escape(pill.tone ?? "zinc", true), false), _$escape(_$createComponent(Content, {
+        pill: pill
+      })))
+    })
+  })));
+}
+export default WidgetPills;
+//# sourceMappingURL=WidgetPills.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["text","For","Show","useLocale","Content","props","locale","_$ssr","_tmpl$","_$escape","pill","label","_tmpl$2","value","pprintNumber","WidgetPills","_tmpl$3","_$ssrAttribute","grow","undefined","_$createComponent","each","pills","children","when","href","fallback","_tmpl$4","tone","_tmpl$5"],"sources":["widgets/WidgetPills.tsx"],"sourcesContent":["import { text } from \"@k2b/stdlib\";\nimport { For, type JSX, Show } from \"solid-js\";\nimport { useLocale } from \"../intl/locale\";\nimport type { WidgetTone } from \"./WidgetHero\";\n\nexport type WidgetPill = {\n  label: string;\n  value: string | number;\n  tone?: WidgetTone;\n  href?: string;\n};\n\nexport type WidgetPillsProps = {\n  pills: readonly WidgetPill[];\n  grow?: boolean;\n};\n\nfunction Content(props: { pill: WidgetPill }): JSX.Element {\n  const locale = useLocale();\n  return (\n    <>\n      <span class=\"k2b-widget-pill__label\">{props.pill.label}</span>\n      <span class=\"k2b-widget-pill__value\">\n        {typeof props.pill.value === \"number\" ? text.pprintNumber(props.pill.value, { locale: locale() }) : props.pill.value}\n      </span>\n    </>\n  );\n}\n\nexport function WidgetPills(props: WidgetPillsProps): JSX.Element {\n  return (\n    <div class=\"k2b-widget-pills\" data-grow={props.grow ? \"true\" : undefined}>\n      <For each={props.pills}>\n        {(pill) => (\n          <Show\n            when={pill.href}\n            fallback={\n              <span class=\"k2b-widget-pill\" data-tone={pill.tone ?? \"zinc\"}>\n                <Content pill={pill} />\n              </span>\n            }\n          >\n            {(href) => (\n              <a href={href()} class=\"k2b-widget-pill\" data-tone={pill.tone ?? \"zinc\"}>\n                <Content pill={pill} />\n              </a>\n            )}\n          </Show>\n        )}\n      </For>\n    </div>\n  );\n}\n\nexport default WidgetPills;\n"],"mappings":";;;;;;;;;AAAA,SAASA,IAAI,QAAQ,aAAa;AAClC,SAASC,GAAG,EAAYC,IAAI,QAAQ,UAAU;AAC9C,SAASC,SAAS,QAAQ,gBAAgB;AAe1C,SAASC,OAAOA,CAACC,KAA2B,EAAe;EACzD,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1B,QAAAI,KAAA,CAAAC,MAAA,EAAAC,QAAA,CAE0CJ,KAAK,CAACK,IAAI,CAACC,KAAK,IAAAJ,KAAA,CAAAK,OAAA,EAEnD,OAAOP,KAAK,CAACK,IAAI,CAACG,KAAK,KAAK,QAAQ,GAAAJ,QAAA,CAAGT,IAAI,CAACc,YAAY,CAACT,KAAK,CAACK,IAAI,CAACG,KAAK,EAAE;IAAEP,MAAM,EAAEA,MAAM,CAAC;EAAE,CAAC,CAAC,IAAAG,QAAA,CAAGJ,KAAK,CAACK,IAAI,CAACG,KAAK;AAI5H;AAEA,OAAO,SAASE,WAAWA,CAACV,KAAuB,EAAe;EAChE,OAAAE,KAAA,CAAAS,OAAA,EAAAC,cAAA,cAC2CZ,KAAK,CAACa,IAAI,GAAG,MAAM,GAAAT,QAAA,CAAGU,SAAS,iBAAAV,QAAA,CAAAW,iBAAA,CACrEnB,GAAG;IAAA,IAACoB,IAAIA,CAAA;MAAA,OAAEhB,KAAK,CAACiB,KAAK;IAAA;IAAAC,QAAA,EAClBb,IAAI,IAAAU,iBAAA,CACHlB,IAAI;MAAA,IACHsB,IAAIA,CAAA;QAAA,OAAEd,IAAI,CAACe,IAAI;MAAA;MAAA,IACfC,QAAQA,CAAA;QAAA,OAAAnB,KAAA,CAAAoB,OAAA,EAAAV,cAAA,cAAAR,QAAA,CACmCC,IAAI,CAACkB,IAAI,IAAI,MAAM,iBAAAnB,QAAA,CAAAW,iBAAA,CACzDhB,OAAO;UAACM,IAAI,EAAEA;QAAI;MAAA;MAAAa,QAAA,EAIrBE,IAAI,IAAAlB,KAAA,CAAAsB,OAAA,EAAAZ,cAAA,SAAAR,QAAA,CACKgB,IAAI,CAAC,CAAC,iBAAAR,cAAA,cAAAR,QAAA,CAAqCC,IAAI,CAACkB,IAAI,IAAI,MAAM,iBAAAnB,QAAA,CAAAW,iBAAA,CACpEhB,OAAO;QAACM,IAAI,EAAEA;MAAI;IAEtB;EAEJ;AAIT;AAEA,eAAeK,WAAW","ignoreList":[]}

package/dist/ssr/widgets/WidgetStat.js

@@ -0,0 +1,45 @@
+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$ = ["<div class=\"k2b-widget-stat__support\">", "", "</div>"],
+  _tmpl$2 = ["<div class=\"k2b-widget-stat\"", "><span class=\"k2b-widget-stat__label\">", "</span><span class=\"", "\">", "</span>", "</div>"],
+  _tmpl$3 = ["<span class=\"k2b-widget-stat__sub\">", "</span>"],
+  _tmpl$4 = ["<i class=\"", "\"", " aria-hidden=\"true\"></i>"],
+  _tmpl$5 = ["<span class=\"k2b-widget-stat__accent\"", "><i", " aria-hidden=\"true\"></i>", "</span>"];
+import { text } from "@k2b/stdlib";
+import { Show } from "solid-js";
+import { useLocale } from "../intl/locale";
+export function WidgetStat(props) {
+  const locale = useLocale();
+  return _$ssr(_tmpl$2, _$ssrAttribute("data-grow", props.grow ? "true" : _$escape(undefined, true), false), _$escape(props.label), `k2b-widget-stat__value ${_$escape(props.valueClass ?? "", true)}`, typeof props.value === "number" ? _$escape(text.pprintNumber(props.value, {
+    locale: locale()
+  })) : _$escape(props.value), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.sub || props.accent;
+    },
+    get children() {
+      return _$ssr(_tmpl$, _$escape(_$createComponent(Show, {
+        get when() {
+          return props.sub;
+        },
+        children: sub => _$ssr(_tmpl$3, _$escape(sub()))
+      })), _$escape(_$createComponent(Show, {
+        get when() {
+          return props.accent;
+        },
+        children: accent => _$createComponent(Show, {
+          get when() {
+            return accent().text;
+          },
+          get fallback() {
+            return _$ssr(_tmpl$4, `${_$escape(accent().icon, true)} k2b-widget-stat__accent-icon`, _$ssrAttribute("data-tone", _$escape(accent().tone, true), false));
+          },
+          children: text => _$ssr(_tmpl$5, _$ssrAttribute("data-tone", _$escape(accent().tone, true), false), _$ssrAttribute("class", _$escape(accent().icon, true), false), _$escape(text()))
+        })
+      })));
+    }
+  })));
+}
+export default WidgetStat;
+//# sourceMappingURL=WidgetStat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["text","Show","useLocale","WidgetStat","props","locale","_$ssr","_tmpl$2","_$ssrAttribute","grow","_$escape","undefined","label","valueClass","value","pprintNumber","_$createComponent","when","sub","accent","children","_tmpl$","_tmpl$3","fallback","_tmpl$4","icon","tone","_tmpl$5"],"sources":["widgets/WidgetStat.tsx"],"sourcesContent":["import { text } from \"@k2b/stdlib\";\nimport { type JSX, Show } from \"solid-js\";\nimport { useLocale } from \"../intl/locale\";\nimport type { WidgetTone } from \"./WidgetHero\";\n\nexport type WidgetStatAccent = {\n  tone: WidgetTone;\n  icon: string;\n  text?: string;\n};\n\nexport type WidgetStatProps = {\n  value: string | number;\n  label: string;\n  sub?: string;\n  valueClass?: string;\n  accent?: WidgetStatAccent;\n  grow?: boolean;\n};\n\nexport function WidgetStat(props: WidgetStatProps): JSX.Element {\n  const locale = useLocale();\n  return (\n    <div class=\"k2b-widget-stat\" data-grow={props.grow ? \"true\" : undefined}>\n      <span class=\"k2b-widget-stat__label\">{props.label}</span>\n      <span class={`k2b-widget-stat__value ${props.valueClass ?? \"\"}`}>\n        {typeof props.value === \"number\" ? text.pprintNumber(props.value, { locale: locale() }) : props.value}\n      </span>\n      <Show when={props.sub || props.accent}>\n        <div class=\"k2b-widget-stat__support\">\n          <Show when={props.sub}>{(sub) => <span class=\"k2b-widget-stat__sub\">{sub()}</span>}</Show>\n          <Show when={props.accent}>\n            {(accent) => (\n              <Show\n                when={accent().text}\n                fallback={<i class={`${accent().icon} k2b-widget-stat__accent-icon`} data-tone={accent().tone} aria-hidden=\"true\" />}\n              >\n                {(text) => (\n                  <span class=\"k2b-widget-stat__accent\" data-tone={accent().tone}>\n                    <i class={accent().icon} aria-hidden=\"true\" />\n                    {text()}\n                  </span>\n                )}\n              </Show>\n            )}\n          </Show>\n        </div>\n      </Show>\n    </div>\n  );\n}\n\nexport default WidgetStat;\n"],"mappings":";;;;;;;;;AAAA,SAASA,IAAI,QAAQ,aAAa;AAClC,SAAmBC,IAAI,QAAQ,UAAU;AACzC,SAASC,SAAS,QAAQ,gBAAgB;AAkB1C,OAAO,SAASC,UAAUA,CAACC,KAAsB,EAAe;EAC9D,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1B,OAAAI,KAAA,CAAAC,OAAA,EAAAC,cAAA,cAC0CJ,KAAK,CAACK,IAAI,GAAG,MAAM,GAAAC,QAAA,CAAGC,SAAS,iBAAAD,QAAA,CAC/BN,KAAK,CAACQ,KAAK,GACpC,0BAAAF,QAAA,CAA0BN,KAAK,CAACS,UAAU,IAAI,EAAE,SAAE,EAC5D,OAAOT,KAAK,CAACU,KAAK,KAAK,QAAQ,GAAAJ,QAAA,CAAGV,IAAI,CAACe,YAAY,CAACX,KAAK,CAACU,KAAK,EAAE;IAAET,MAAM,EAAEA,MAAM,CAAC;EAAE,CAAC,CAAC,IAAAK,QAAA,CAAGN,KAAK,CAACU,KAAK,GAAAJ,QAAA,CAAAM,iBAAA,CAEtGf,IAAI;IAAA,IAACgB,IAAIA,CAAA;MAAA,OAAEb,KAAK,CAACc,GAAG,IAAId,KAAK,CAACe,MAAM;IAAA;IAAA,IAAAC,SAAA;MAAA,OAAAd,KAAA,CAAAe,MAAA,EAAAX,QAAA,CAAAM,iBAAA,CAEhCf,IAAI;QAAA,IAACgB,IAAIA,CAAA;UAAA,OAAEb,KAAK,CAACc,GAAG;QAAA;QAAAE,QAAA,EAAIF,GAAG,IAAAZ,KAAA,CAAAgB,OAAA,EAAAZ,QAAA,CAAyCQ,GAAG,CAAC,CAAC;MAAQ,KAAAR,QAAA,CAAAM,iBAAA,CACjFf,IAAI;QAAA,IAACgB,IAAIA,CAAA;UAAA,OAAEb,KAAK,CAACe,MAAM;QAAA;QAAAC,QAAA,EACpBD,MAAM,IAAAH,iBAAA,CACLf,IAAI;UAAA,IACHgB,IAAIA,CAAA;YAAA,OAAEE,MAAM,CAAC,CAAC,CAACnB,IAAI;UAAA;UAAA,IACnBuB,QAAQA,CAAA;YAAA,OAAAjB,KAAA,CAAAkB,OAAA,EAAY,GAAAd,QAAA,CAAGS,MAAM,CAAC,CAAC,CAACM,IAAI,sCAA+B,EAAAjB,cAAA,cAAAE,QAAA,CAAaS,MAAM,CAAC,CAAC,CAACO,IAAI;UAAA;UAAAN,QAAA,EAE3FpB,IAAI,IAAAM,KAAA,CAAAqB,OAAA,EAAAnB,cAAA,cAAAE,QAAA,CAC6CS,MAAM,CAAC,CAAC,CAACO,IAAI,iBAAAlB,cAAA,UAAAE,QAAA,CAClDS,MAAM,CAAC,CAAC,CAACM,IAAI,iBAAAf,QAAA,CACtBV,IAAI,CAAC,CAAC;QAEV;MAEJ;IAAA;EAAA;AAMb;AAEA,eAAeG,UAAU","ignoreList":[]}

package/dist/ssr/widgets/WidgetStatus.js

@@ -0,0 +1,23 @@
+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$ = ["<div class=\"k2b-widget-status\"", "><i class=\"", "\" aria-hidden=\"true\"></i><div class=\"k2b-widget-status__copy\"><span class=\"k2b-widget-status__title\">", "</span>", "</div></div>"],
+  _tmpl$2 = ["<span class=\"k2b-widget-status__message\">", "</span>"];
+import { Show } from "solid-js";
+const DEFAULT_ICONS = {
+  success: "ti ti-circle-check",
+  warning: "ti ti-alert-triangle",
+  danger: "ti ti-alert-circle",
+  info: "ti ti-info-circle"
+};
+export function WidgetStatus(props) {
+  return _$ssr(_tmpl$, _$ssrAttribute("data-tone", _$escape(props.tone, true), false) + _$ssrAttribute("data-grow", props.grow ? "true" : _$escape(undefined, true), false), `${_$escape(props.icon ?? DEFAULT_ICONS[props.tone], true)} k2b-widget-status__icon`, _$escape(props.title), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.message;
+    },
+    children: message => _$ssr(_tmpl$2, _$escape(message()))
+  })));
+}
+export default WidgetStatus;
+//# sourceMappingURL=WidgetStatus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Show","DEFAULT_ICONS","success","warning","danger","info","WidgetStatus","props","_$ssr","_tmpl$","_$ssrAttribute","_$escape","tone","grow","undefined","icon","title","_$createComponent","when","message","children","_tmpl$2"],"sources":["widgets/WidgetStatus.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport type { IntentTone } from \"../semantics\";\n\nexport type WidgetStatusTone = Extract<IntentTone, \"info\" | \"success\" | \"warning\" | \"danger\">;\n\nexport type WidgetStatusProps = {\n  tone: WidgetStatusTone;\n  title: string;\n  message?: string;\n  icon?: string;\n  grow?: boolean;\n};\n\nconst DEFAULT_ICONS: Record<WidgetStatusTone, string> = {\n  success: \"ti ti-circle-check\",\n  warning: \"ti ti-alert-triangle\",\n  danger: \"ti ti-alert-circle\",\n  info: \"ti ti-info-circle\",\n};\n\nexport function WidgetStatus(props: WidgetStatusProps): JSX.Element {\n  return (\n    <div class=\"k2b-widget-status\" data-tone={props.tone} data-grow={props.grow ? \"true\" : undefined}>\n      <i class={`${props.icon ?? DEFAULT_ICONS[props.tone]} k2b-widget-status__icon`} aria-hidden=\"true\" />\n      <div class=\"k2b-widget-status__copy\">\n        <span class=\"k2b-widget-status__title\">{props.title}</span>\n        <Show when={props.message}>{(message) => <span class=\"k2b-widget-status__message\">{message()}</span>}</Show>\n      </div>\n    </div>\n  );\n}\n\nexport default WidgetStatus;\n"],"mappings":";;;;;;AAAA,SAAmBA,IAAI,QAAQ,UAAU;AAazC,MAAMC,aAA+C,GAAG;EACtDC,OAAO,EAAE,oBAAoB;EAC7BC,OAAO,EAAE,sBAAsB;EAC/BC,MAAM,EAAE,oBAAoB;EAC5BC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,SAASC,YAAYA,CAACC,KAAwB,EAAe;EAClE,OAAAC,KAAA,CAAAC,MAAA,EAAAC,cAAA,cAAAC,QAAA,CAC4CJ,KAAK,CAACK,IAAI,kBAAAF,cAAA,cAAaH,KAAK,CAACM,IAAI,GAAG,MAAM,GAAAF,QAAA,CAAGG,SAAS,iBACpF,GAAAH,QAAA,CAAGJ,KAAK,CAACQ,IAAI,IAAId,aAAa,CAACM,KAAK,CAACK,IAAI,CAAC,iCAA0B,EAAAD,QAAA,CAEpCJ,KAAK,CAACS,KAAK,GAAAL,QAAA,CAAAM,iBAAA,CAClDjB,IAAI;IAAA,IAACkB,IAAIA,CAAA;MAAA,OAAEX,KAAK,CAACY,OAAO;IAAA;IAAAC,QAAA,EAAID,OAAO,IAAAX,KAAA,CAAAa,OAAA,EAAAV,QAAA,CAA+CQ,OAAO,CAAC,CAAC;EAAQ;AAI5G;AAEA,eAAeb,YAAY","ignoreList":[]}