@k2b/ui 0.1.0-rc.0

package/dist/browser/surfaces/Tag.js

@@ -0,0 +1,94 @@
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { setProperty as _$setProperty } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { addEventListener as _$addEventListener } from "solid-js/web";
+import { style as _$style } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<span><!$><!/><span class=k2b-tag__label></span><!$><!/>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<button type=button class=k2b-tag__remove><i class="ti ti-x"aria-hidden=true>`);
+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 (() => {
+    var _el$ = _$getNextElement(_tmpl$2),
+      _el$4 = _el$.firstChild,
+      [_el$5, _co$] = _$getNextMarker(_el$4.nextSibling),
+      _el$3 = _el$5.nextSibling,
+      _el$6 = _el$3.nextSibling,
+      [_el$7, _co$2] = _$getNextMarker(_el$6.nextSibling);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return hasIconSlot();
+      },
+      get children() {
+        var _el$2 = _$getNextElement(_tmpl$);
+        _$effect(_p$ => {
+          var _v$ = `${icon()} k2b-tag__icon`,
+            _v$2 = !props.selected && !props.icon ? "true" : undefined;
+          _v$ !== _p$.e && _$className(_el$2, _p$.e = _v$);
+          _v$2 !== _p$.t && _$setAttribute(_el$2, "data-placeholder", _p$.t = _v$2);
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined
+        });
+        return _el$2;
+      }
+    }), _el$5, _co$);
+    _$insert(_el$3, () => props.children);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return props.onRemove;
+      },
+      children: remove => (() => {
+        var _el$8 = _$getNextElement(_tmpl$3);
+        _$addEventListener(_el$8, "click", remove(), true);
+        _$effect(_p$ => {
+          var _v$7 = props.removeLabel ?? messages().removeTag,
+            _v$8 = props.disabled;
+          _v$7 !== _p$.e && _$setAttribute(_el$8, "aria-label", _p$.e = _v$7);
+          _v$8 !== _p$.t && _$setProperty(_el$8, "disabled", _p$.t = _v$8);
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined
+        });
+        _$runHydrationEvents();
+        return _el$8;
+      })()
+    }), _el$7, _co$2);
+    _$effect(_p$ => {
+      var _v$3 = `k2b-tag ${props.class ?? ""}`,
+        _v$4 = props.size ?? "md",
+        _v$5 = props.selected ? "true" : undefined,
+        _v$6 = colorTintStyle(props.color);
+      _v$3 !== _p$.e && _$className(_el$, _p$.e = _v$3);
+      _v$4 !== _p$.t && _$setAttribute(_el$, "data-size", _p$.t = _v$4);
+      _v$5 !== _p$.a && _$setAttribute(_el$, "data-selected", _p$.a = _v$5);
+      _p$.o = _$style(_el$, _v$6, _p$.o);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined,
+      o: undefined
+    });
+    return _el$;
+  })();
+}
+export default Tag;
+_$delegateEvents(["click"]);
+//# sourceMappingURL=Tag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Show","colorTintStyle","useUiMessages","Tag","props","messages","hasIconSlot","selected","undefined","Boolean","icon","_el$","_$getNextElement","_tmpl$2","_el$4","firstChild","_el$5","_co$","_$getNextMarker","nextSibling","_el$3","_el$6","_el$7","_co$2","_$insert","_$createComponent","when","children","_el$2","_tmpl$","_$effect","_p$","_v$","_v$2","e","_$className","t","_$setAttribute","onRemove","remove","_el$8","_tmpl$3","_$addEventListener","_v$7","removeLabel","removeTag","_v$8","disabled","_$setProperty","_$runHydrationEvents","_v$3","class","_v$4","size","_v$5","_v$6","color","a","o","_$style","_$delegateEvents"],"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":"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","ignoreList":[]}

package/dist/browser/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/browser/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/browser/widgets/Widget.js

@@ -0,0 +1,89 @@
+import { template as _$template } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<span class=k2b-widget__heading><span class=k2b-widget__title></span><!$><!/>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<i class="ti ti-chevron-right k2b-widget__chevron"aria-hidden=true>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<span class=k2b-widget__icon><i aria-hidden=true>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<span class=k2b-widget__meta>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<div class=k2b-widget__body>`),
+  _tmpl$6 = /*#__PURE__*/_$template(`<div class=k2b-widget__header>`),
+  _tmpl$7 = /*#__PURE__*/_$template(`<a class=k2b-widget__header>`);
+import { Show } from "solid-js";
+import { Paper } from "../surfaces/Paper";
+function Header(props) {
+  return [_$createComponent(Show, {
+    get when() {
+      return props.icon;
+    },
+    children: icon => (() => {
+      var _el$6 = _$getNextElement(_tmpl$3),
+        _el$7 = _el$6.firstChild;
+      _$effect(() => _$className(_el$7, icon()));
+      return _el$6;
+    })()
+  }), (() => {
+    var _el$ = _$getNextElement(_tmpl$),
+      _el$2 = _el$.firstChild,
+      _el$3 = _el$2.nextSibling,
+      [_el$4, _co$] = _$getNextMarker(_el$3.nextSibling);
+    _$insert(_el$2, () => props.title);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return props.meta;
+      },
+      children: meta => (() => {
+        var _el$8 = _$getNextElement(_tmpl$4);
+        _$insert(_el$8, meta);
+        return _el$8;
+      })()
+    }), _el$4, _co$);
+    return _el$;
+  })(), _$createComponent(Show, {
+    get when() {
+      return props.href;
+    },
+    get children() {
+      return _$getNextElement(_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 (() => {
+            var _el$0 = _$getNextElement(_tmpl$6);
+            _$insert(_el$0, _$createComponent(Header, props));
+            return _el$0;
+          })();
+        },
+        children: href => (() => {
+          var _el$1 = _$getNextElement(_tmpl$7);
+          _$insert(_el$1, _$createComponent(Header, props));
+          _$effect(() => _$setAttribute(_el$1, "href", href()));
+          return _el$1;
+        })()
+      }), (() => {
+        var _el$9 = _$getNextElement(_tmpl$5);
+        _$insert(_el$9, () => props.children);
+        return _el$9;
+      })()];
+    }
+  });
+}
+export default Widget;
+//# sourceMappingURL=Widget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Show","Paper","Header","props","_$createComponent","when","icon","children","_el$6","_$getNextElement","_tmpl$3","_el$7","firstChild","_$effect","_$className","_el$","_tmpl$","_el$2","_el$3","nextSibling","_el$4","_co$","_$getNextMarker","_$insert","title","meta","_el$8","_tmpl$4","href","_tmpl$2","Widget","data-size","size","fallback","_el$0","_tmpl$6","_el$1","_tmpl$7","_$setAttribute","_el$9","_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;MAAA,IAAAE,KAAA,GAAAC,gBAAA,CAAAC,OAAA;QAAAC,KAAA,GAAAH,KAAA,CAAAI,UAAA;MAAAC,QAAA,OAAAC,WAAA,CAAAH,KAAA,EAEQL,IAAI,CAAC,CAAC;MAAA,OAAAE,KAAA;IAAA;EAEnB;IAAA,IAAAO,IAAA,GAAAN,gBAAA,CAAAO,MAAA;MAAAC,KAAA,GAAAF,IAAA,CAAAH,UAAA;MAAAM,KAAA,GAAAD,KAAA,CAAAE,WAAA;MAAA,CAAAC,KAAA,EAAAC,IAAA,IAAAC,eAAA,CAAAJ,KAAA,CAAAC,WAAA;IAAAI,QAAA,CAAAN,KAAA,QAGgCd,KAAK,CAACqB,KAAK;IAAAD,QAAA,CAAAR,IAAA,EAAAX,iBAAA,CAC3CJ,IAAI;MAAA,IAACK,IAAIA,CAAA;QAAA,OAAEF,KAAK,CAACsB,IAAI;MAAA;MAAAlB,QAAA,EAAIkB,IAAI;QAAA,IAAAC,KAAA,GAAAjB,gBAAA,CAAAkB,OAAA;QAAAJ,QAAA,CAAAG,KAAA,EAAqCD,IAAI;QAAA,OAAAC,KAAA;MAAA;IAAU,IAAAN,KAAA,EAAAC,IAAA;IAAA,OAAAN,IAAA;EAAA,MAAAX,iBAAA,CAElFJ,IAAI;IAAA,IAACK,IAAIA,CAAA;MAAA,OAAEF,KAAK,CAACyB,IAAI;IAAA;IAAA,IAAArB,SAAA;MAAA,OAAAE,gBAAA,CAAAoB,OAAA;IAAA;EAAA;AAK5B;AAEA,OAAO,SAASC,MAAMA,CAAC3B,KAAkB,EAAe;EACtD,OAAAC,iBAAA,CACGH,KAAK;IAAA;IAAA,iBAAA8B,CAAA;MAAA,OAA+B5B,KAAK,CAAC6B,IAAI,IAAI,UAAU;IAAA;IAAA,IAAAzB,SAAA;MAAA,QAAAH,iBAAA,CAC1DJ,IAAI;QAAA,IACHK,IAAIA,CAAA;UAAA,OAAEF,KAAK,CAACyB,IAAI;QAAA;QAAA,IAChBK,QAAQA,CAAA;UAAA;YAAA,IAAAC,KAAA,GAAAzB,gBAAA,CAAA0B,OAAA;YAAAZ,QAAA,CAAAW,KAAA,EAAA9B,iBAAA,CAEHF,MAAM,EAAKC,KAAK;YAAA,OAAA+B,KAAA;UAAA;QAAA;QAAA3B,QAAA,EAInBqB,IAAI;UAAA,IAAAQ,KAAA,GAAA3B,gBAAA,CAAA4B,OAAA;UAAAd,QAAA,CAAAa,KAAA,EAAAhC,iBAAA,CAEDF,MAAM,EAAKC,KAAK;UAAAU,QAAA,OAAAyB,cAAA,CAAAF,KAAA,UADVR,IAAI,CAAC,CAAC;UAAA,OAAAQ,KAAA;QAAA;MAGhB;QAAA,IAAAG,KAAA,GAAA9B,gBAAA,CAAA+B,OAAA;QAAAjB,QAAA,CAAAgB,KAAA,QAE4BpC,KAAK,CAACI,QAAQ;QAAA,OAAAgC,KAAA;MAAA;IAAA;EAAA;AAGnD;AAEA,eAAeT,MAAM","ignoreList":[]}

package/dist/browser/widgets/WidgetHero.js

@@ -0,0 +1,47 @@
+import { template as _$template } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<div class=k2b-widget-hero><!$><!/><span class=k2b-widget-hero__title></span><!$><!/>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<span class=k2b-widget-hero__subtitle>`);
+import { Show } from "solid-js";
+export function WidgetHero(props) {
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$),
+      _el$3 = _el$.firstChild,
+      [_el$4, _co$] = _$getNextMarker(_el$3.nextSibling),
+      _el$2 = _el$4.nextSibling,
+      _el$5 = _el$2.nextSibling,
+      [_el$6, _co$2] = _$getNextMarker(_el$5.nextSibling);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return props.icon;
+      },
+      children: icon => (() => {
+        var _el$7 = _$getNextElement(_tmpl$2);
+        _$effect(() => _$className(_el$7, `${icon()} k2b-widget-hero__icon`));
+        return _el$7;
+      })()
+    }), _el$4, _co$);
+    _$insert(_el$2, () => props.title);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return props.subtitle;
+      },
+      children: subtitle => (() => {
+        var _el$8 = _$getNextElement(_tmpl$3);
+        _$insert(_el$8, subtitle);
+        return _el$8;
+      })()
+    }), _el$6, _co$2);
+    _$effect(() => _$setAttribute(_el$, "data-tone", props.tone));
+    return _el$;
+  })();
+}
+export default WidgetHero;
+//# sourceMappingURL=WidgetHero.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Show","WidgetHero","props","_el$","_$getNextElement","_tmpl$","_el$3","firstChild","_el$4","_co$","_$getNextMarker","nextSibling","_el$2","_el$5","_el$6","_co$2","_$insert","_$createComponent","when","icon","children","_el$7","_tmpl$2","_$effect","_$className","title","subtitle","_el$8","_tmpl$3","_$setAttribute","tone"],"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;IAAA,IAAAC,IAAA,GAAAC,gBAAA,CAAAC,MAAA;MAAAC,KAAA,GAAAH,IAAA,CAAAI,UAAA;MAAA,CAAAC,KAAA,EAAAC,IAAA,IAAAC,eAAA,CAAAJ,KAAA,CAAAK,WAAA;MAAAC,KAAA,GAAAJ,KAAA,CAAAG,WAAA;MAAAE,KAAA,GAAAD,KAAA,CAAAD,WAAA;MAAA,CAAAG,KAAA,EAAAC,KAAA,IAAAL,eAAA,CAAAG,KAAA,CAAAF,WAAA;IAAAK,QAAA,CAAAb,IAAA,EAAAc,iBAAA,CAEKjB,IAAI;MAAA,IAACkB,IAAIA,CAAA;QAAA,OAAEhB,KAAK,CAACiB,IAAI;MAAA;MAAAC,QAAA,EAAID,IAAI;QAAA,IAAAE,KAAA,GAAAjB,gBAAA,CAAAkB,OAAA;QAAAC,QAAA,OAAAC,WAAA,CAAAH,KAAA,EAAe,GAAGF,IAAI,CAAC,CAAC,wBAAwB;QAAA,OAAAE,KAAA;MAAA;IAAuB,IAAAb,KAAA,EAAAC,IAAA;IAAAO,QAAA,CAAAJ,KAAA,QAC/DV,KAAK,CAACuB,KAAK;IAAAT,QAAA,CAAAb,IAAA,EAAAc,iBAAA,CAChDjB,IAAI;MAAA,IAACkB,IAAIA,CAAA;QAAA,OAAEhB,KAAK,CAACwB,QAAQ;MAAA;MAAAN,QAAA,EAAIM,QAAQ;QAAA,IAAAC,KAAA,GAAAvB,gBAAA,CAAAwB,OAAA;QAAAZ,QAAA,CAAAW,KAAA,EAA8CD,QAAQ;QAAA,OAAAC,KAAA;MAAA;IAAU,IAAAb,KAAA,EAAAC,KAAA;IAAAQ,QAAA,OAAAM,cAAA,CAAA1B,IAAA,eAHhED,KAAK,CAAC4B,IAAI;IAAA,OAAA3B,IAAA;EAAA;AAMtD;AAEA,eAAeF,UAAU","ignoreList":[]}

package/dist/browser/widgets/WidgetList.js

@@ -0,0 +1,125 @@
+import { template as _$template } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<div class=k2b-widget-list__copy><span class=k2b-widget-list__label></span><!$><!/>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<i class="ti ti-chevron-right k2b-widget-list__chevron"aria-hidden=true>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<span class=k2b-widget-list__sub>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<span class=k2b-widget-list__meta>`),
+  _tmpl$6 = /*#__PURE__*/_$template(`<div class=k2b-widget-list>`),
+  _tmpl$7 = /*#__PURE__*/_$template(`<div class=k2b-widget-list__empty><span>`),
+  _tmpl$8 = /*#__PURE__*/_$template(`<div class=k2b-widget-list__item>`),
+  _tmpl$9 = /*#__PURE__*/_$template(`<a class=k2b-widget-list__item>`);
+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 => (() => {
+      var _el$6 = _$getNextElement(_tmpl$3);
+      _$effect(_p$ => {
+        var _v$ = `${icon()} k2b-widget-list__icon`,
+          _v$2 = props.item.iconTone;
+        _v$ !== _p$.e && _$className(_el$6, _p$.e = _v$);
+        _v$2 !== _p$.t && _$setAttribute(_el$6, "data-tone", _p$.t = _v$2);
+        return _p$;
+      }, {
+        e: undefined,
+        t: undefined
+      });
+      return _el$6;
+    })()
+  }), (() => {
+    var _el$ = _$getNextElement(_tmpl$),
+      _el$2 = _el$.firstChild,
+      _el$3 = _el$2.nextSibling,
+      [_el$4, _co$] = _$getNextMarker(_el$3.nextSibling);
+    _$insert(_el$2, () => props.item.label);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return props.item.sub;
+      },
+      children: sub => (() => {
+        var _el$7 = _$getNextElement(_tmpl$4);
+        _$insert(_el$7, sub);
+        return _el$7;
+      })()
+    }), _el$4, _co$);
+    return _el$;
+  })(), _$createComponent(Show, {
+    get when() {
+      return props.item.meta;
+    },
+    children: meta => (() => {
+      var _el$8 = _$getNextElement(_tmpl$5);
+      _$insert(_el$8, meta);
+      return _el$8;
+    })()
+  }), _$createComponent(Show, {
+    get when() {
+      return props.item.href;
+    },
+    get children() {
+      return _$getNextElement(_tmpl$2);
+    }
+  })];
+}
+export function WidgetList(props) {
+  const messages = useUiMessages();
+  return _$createComponent(Show, {
+    get when() {
+      return props.items.length > 0;
+    },
+    get fallback() {
+      return (() => {
+        var _el$0 = _$getNextElement(_tmpl$7),
+          _el$1 = _el$0.firstChild;
+        _$insert(_el$1, () => props.emptyMessage ?? messages().nothingHere);
+        _$effect(() => _$setAttribute(_el$0, "data-grow", props.grow ? "true" : undefined));
+        return _el$0;
+      })();
+    },
+    get children() {
+      var _el$9 = _$getNextElement(_tmpl$6);
+      _$insert(_el$9, _$createComponent(For, {
+        get each() {
+          return props.items;
+        },
+        children: item => _$createComponent(Show, {
+          get when() {
+            return item.href;
+          },
+          get fallback() {
+            return (() => {
+              var _el$10 = _$getNextElement(_tmpl$8);
+              _$insert(_el$10, _$createComponent(ItemContent, {
+                item: item
+              }));
+              return _el$10;
+            })();
+          },
+          children: href => (() => {
+            var _el$11 = _$getNextElement(_tmpl$9);
+            _$insert(_el$11, _$createComponent(ItemContent, {
+              item: item
+            }));
+            _$effect(() => _$setAttribute(_el$11, "href", href()));
+            return _el$11;
+          })()
+        })
+      }));
+      _$effect(() => _$setAttribute(_el$9, "data-grow", props.grow ? "true" : undefined));
+      return _el$9;
+    }
+  });
+}
+export default WidgetList;
+//# sourceMappingURL=WidgetList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["For","Show","useUiMessages","ItemContent","props","_$createComponent","when","item","icon","children","_el$6","_$getNextElement","_tmpl$3","_$effect","_p$","_v$","_v$2","iconTone","e","_$className","t","_$setAttribute","undefined","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","_co$","_$getNextMarker","_$insert","label","sub","_el$7","_tmpl$4","meta","_el$8","_tmpl$5","href","_tmpl$2","WidgetList","messages","items","length","fallback","_el$0","_tmpl$7","_el$1","emptyMessage","nothingHere","grow","_el$9","_tmpl$6","each","_el$10","_tmpl$8","_el$11","_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":"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","ignoreList":[]}

package/dist/browser/widgets/WidgetPills.js

@@ -0,0 +1,78 @@
+import { template as _$template } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<span class=k2b-widget-pill__label>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<span class=k2b-widget-pill__value>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<div class=k2b-widget-pills>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<span class=k2b-widget-pill>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<a class=k2b-widget-pill>`);
+import { text } from "@k2b/stdlib";
+import { For, Show } from "solid-js";
+import { useLocale } from "../intl/locale";
+function Content(props) {
+  const locale = useLocale();
+  return [(() => {
+    var _el$ = _$getNextElement(_tmpl$);
+    _$insert(_el$, () => props.pill.label);
+    return _el$;
+  })(), (() => {
+    var _el$2 = _$getNextElement(_tmpl$2);
+    _$insert(_el$2, (() => {
+      var _c$ = _$memo(() => typeof props.pill.value === "number");
+      return () => _c$() ? text.pprintNumber(props.pill.value, {
+        locale: locale()
+      }) : props.pill.value;
+    })());
+    return _el$2;
+  })()];
+}
+export function WidgetPills(props) {
+  return (() => {
+    var _el$3 = _$getNextElement(_tmpl$3);
+    _$insert(_el$3, _$createComponent(For, {
+      get each() {
+        return props.pills;
+      },
+      children: pill => _$createComponent(Show, {
+        get when() {
+          return pill.href;
+        },
+        get fallback() {
+          return (() => {
+            var _el$4 = _$getNextElement(_tmpl$4);
+            _$insert(_el$4, _$createComponent(Content, {
+              pill: pill
+            }));
+            _$effect(() => _$setAttribute(_el$4, "data-tone", pill.tone ?? "zinc"));
+            return _el$4;
+          })();
+        },
+        children: href => (() => {
+          var _el$5 = _$getNextElement(_tmpl$5);
+          _$insert(_el$5, _$createComponent(Content, {
+            pill: pill
+          }));
+          _$effect(_p$ => {
+            var _v$ = href(),
+              _v$2 = pill.tone ?? "zinc";
+            _v$ !== _p$.e && _$setAttribute(_el$5, "href", _p$.e = _v$);
+            _v$2 !== _p$.t && _$setAttribute(_el$5, "data-tone", _p$.t = _v$2);
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined
+          });
+          return _el$5;
+        })()
+      })
+    }));
+    _$effect(() => _$setAttribute(_el$3, "data-grow", props.grow ? "true" : undefined));
+    return _el$3;
+  })();
+}
+export default WidgetPills;
+//# sourceMappingURL=WidgetPills.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["text","For","Show","useLocale","Content","props","locale","_el$","_$getNextElement","_tmpl$","_$insert","pill","label","_el$2","_tmpl$2","_c$","_$memo","value","pprintNumber","WidgetPills","_el$3","_tmpl$3","_$createComponent","each","pills","children","when","href","fallback","_el$4","_tmpl$4","_$effect","_$setAttribute","tone","_el$5","_tmpl$5","_p$","_v$","_v$2","e","t","undefined","grow"],"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;IAAA,IAAAI,IAAA,GAAAC,gBAAA,CAAAC,MAAA;IAAAC,QAAA,CAAAH,IAAA,QAE0CF,KAAK,CAACM,IAAI,CAACC,KAAK;IAAA,OAAAL,IAAA;EAAA;IAAA,IAAAM,KAAA,GAAAL,gBAAA,CAAAM,OAAA;IAAAJ,QAAA,CAAAG,KAAA;MAAA,IAAAE,GAAA,GAAAC,MAAA,OAEnD,OAAOX,KAAK,CAACM,IAAI,CAACM,KAAK,KAAK,QAAQ;MAAA,aAApCF,GAAA,KAAuCf,IAAI,CAACkB,YAAY,CAACb,KAAK,CAACM,IAAI,CAACM,KAAK,EAAE;QAAEX,MAAM,EAAEA,MAAM,CAAC;MAAE,CAAC,CAAC,GAAGD,KAAK,CAACM,IAAI,CAACM,KAAK;IAAA;IAAA,OAAAJ,KAAA;EAAA;AAI5H;AAEA,OAAO,SAASM,WAAWA,CAACd,KAAuB,EAAe;EAChE;IAAA,IAAAe,KAAA,GAAAZ,gBAAA,CAAAa,OAAA;IAAAX,QAAA,CAAAU,KAAA,EAAAE,iBAAA,CAEKrB,GAAG;MAAA,IAACsB,IAAIA,CAAA;QAAA,OAAElB,KAAK,CAACmB,KAAK;MAAA;MAAAC,QAAA,EAClBd,IAAI,IAAAW,iBAAA,CACHpB,IAAI;QAAA,IACHwB,IAAIA,CAAA;UAAA,OAAEf,IAAI,CAACgB,IAAI;QAAA;QAAA,IACfC,QAAQA,CAAA;UAAA;YAAA,IAAAC,KAAA,GAAArB,gBAAA,CAAAsB,OAAA;YAAApB,QAAA,CAAAmB,KAAA,EAAAP,iBAAA,CAEHlB,OAAO;cAACO,IAAI,EAAEA;YAAI;YAAAoB,QAAA,OAAAC,cAAA,CAAAH,KAAA,eADoBlB,IAAI,CAACsB,IAAI,IAAI,MAAM;YAAA,OAAAJ,KAAA;UAAA;QAAA;QAAAJ,QAAA,EAK5DE,IAAI;UAAA,IAAAO,KAAA,GAAA1B,gBAAA,CAAA2B,OAAA;UAAAzB,QAAA,CAAAwB,KAAA,EAAAZ,iBAAA,CAEDlB,OAAO;YAACO,IAAI,EAAEA;UAAI;UAAAoB,QAAA,CAAAK,GAAA;YAAA,IAAAC,GAAA,GADZV,IAAI,CAAC,CAAC;cAAAW,IAAA,GAAqC3B,IAAI,CAACsB,IAAI,IAAI,MAAM;YAAAI,GAAA,KAAAD,GAAA,CAAAG,CAAA,IAAAP,cAAA,CAAAE,KAAA,UAAAE,GAAA,CAAAG,CAAA,GAAAF,GAAA;YAAAC,IAAA,KAAAF,GAAA,CAAAI,CAAA,IAAAR,cAAA,CAAAE,KAAA,eAAAE,GAAA,CAAAI,CAAA,GAAAF,IAAA;YAAA,OAAAF,GAAA;UAAA;YAAAG,CAAA,EAAAE,SAAA;YAAAD,CAAA,EAAAC;UAAA;UAAA,OAAAP,KAAA;QAAA;MAGxE;IAEJ;IAAAH,QAAA,OAAAC,cAAA,CAAAZ,KAAA,eAjBoCf,KAAK,CAACqC,IAAI,GAAG,MAAM,GAAGD,SAAS;IAAA,OAAArB,KAAA;EAAA;AAqB5E;AAEA,eAAeD,WAAW","ignoreList":[]}

package/dist/browser/widgets/WidgetStat.js

@@ -0,0 +1,114 @@
+import { template as _$template } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<div class=k2b-widget-stat__support><!$><!/><!$><!/>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<div class=k2b-widget-stat><span class=k2b-widget-stat__label></span><span></span><!$><!/>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<span class=k2b-widget-stat__sub>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<span class=k2b-widget-stat__accent><i aria-hidden=true></i><!$><!/>`);
+import { text } from "@k2b/stdlib";
+import { Show } from "solid-js";
+import { useLocale } from "../intl/locale";
+export function WidgetStat(props) {
+  const locale = useLocale();
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$2),
+      _el$2 = _el$.firstChild,
+      _el$3 = _el$2.nextSibling,
+      _el$9 = _el$3.nextSibling,
+      [_el$0, _co$3] = _$getNextMarker(_el$9.nextSibling);
+    _$insert(_el$2, () => props.label);
+    _$insert(_el$3, (() => {
+      var _c$ = _$memo(() => typeof props.value === "number");
+      return () => _c$() ? text.pprintNumber(props.value, {
+        locale: locale()
+      }) : props.value;
+    })());
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return props.sub || props.accent;
+      },
+      get children() {
+        var _el$4 = _$getNextElement(_tmpl$),
+          _el$5 = _el$4.firstChild,
+          [_el$6, _co$] = _$getNextMarker(_el$5.nextSibling),
+          _el$7 = _el$6.nextSibling,
+          [_el$8, _co$2] = _$getNextMarker(_el$7.nextSibling);
+        _$insert(_el$4, _$createComponent(Show, {
+          get when() {
+            return props.sub;
+          },
+          children: sub => (() => {
+            var _el$1 = _$getNextElement(_tmpl$3);
+            _$insert(_el$1, sub);
+            return _el$1;
+          })()
+        }), _el$6, _co$);
+        _$insert(_el$4, _$createComponent(Show, {
+          get when() {
+            return props.accent;
+          },
+          children: accent => _$createComponent(Show, {
+            get when() {
+              return accent().text;
+            },
+            get fallback() {
+              return (() => {
+                var _el$10 = _$getNextElement(_tmpl$4);
+                _$effect(_p$ => {
+                  var _v$3 = `${accent().icon} k2b-widget-stat__accent-icon`,
+                    _v$4 = accent().tone;
+                  _v$3 !== _p$.e && _$className(_el$10, _p$.e = _v$3);
+                  _v$4 !== _p$.t && _$setAttribute(_el$10, "data-tone", _p$.t = _v$4);
+                  return _p$;
+                }, {
+                  e: undefined,
+                  t: undefined
+                });
+                return _el$10;
+              })();
+            },
+            children: text => (() => {
+              var _el$11 = _$getNextElement(_tmpl$5),
+                _el$12 = _el$11.firstChild,
+                _el$13 = _el$12.nextSibling,
+                [_el$14, _co$4] = _$getNextMarker(_el$13.nextSibling);
+              _$insert(_el$11, text, _el$14, _co$4);
+              _$effect(_p$ => {
+                var _v$5 = accent().tone,
+                  _v$6 = accent().icon;
+                _v$5 !== _p$.e && _$setAttribute(_el$11, "data-tone", _p$.e = _v$5);
+                _v$6 !== _p$.t && _$className(_el$12, _p$.t = _v$6);
+                return _p$;
+              }, {
+                e: undefined,
+                t: undefined
+              });
+              return _el$11;
+            })()
+          })
+        }), _el$8, _co$2);
+        return _el$4;
+      }
+    }), _el$0, _co$3);
+    _$effect(_p$ => {
+      var _v$ = props.grow ? "true" : undefined,
+        _v$2 = `k2b-widget-stat__value ${props.valueClass ?? ""}`;
+      _v$ !== _p$.e && _$setAttribute(_el$, "data-grow", _p$.e = _v$);
+      _v$2 !== _p$.t && _$className(_el$3, _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined
+    });
+    return _el$;
+  })();
+}
+export default WidgetStat;
+//# sourceMappingURL=WidgetStat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["text","Show","useLocale","WidgetStat","props","locale","_el$","_$getNextElement","_tmpl$2","_el$2","firstChild","_el$3","nextSibling","_el$9","_el$0","_co$3","_$getNextMarker","_$insert","label","_c$","_$memo","value","pprintNumber","_$createComponent","when","sub","accent","children","_el$4","_tmpl$","_el$5","_el$6","_co$","_el$7","_el$8","_co$2","_el$1","_tmpl$3","fallback","_el$10","_tmpl$4","_$effect","_p$","_v$3","icon","_v$4","tone","e","_$className","t","_$setAttribute","undefined","_el$11","_tmpl$5","_el$12","_el$13","_el$14","_co$4","_v$5","_v$6","_v$","grow","_v$2","valueClass"],"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":"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","ignoreList":[]}