@k2b/ui 0.5.0 → 0.5.1

package/dist/ssr/surfaces/StatCell.js

@@ -1,4 +1,5 @@
 import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } 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";
@@ -19,7 +20,7 @@ function Body(props) {
   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;
+      return _$memo(() => !!props.trend)() && props.trend.length > 1;
     },
     get children() {
       return _$createComponent(Chart, {

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

@@ -1 +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":";;;;;;;;;;;;AAAA,SAAmBA,IAAI,QAAQ,UAAU;AACzC,OAAOC,KAAK,MAAM,kBAAkB;AAEpC,SAA4BC,eAAe,EAAEC,kBAAkB,QAAQ,YAAY;AAsBnF,SAASC,IAAIA,CAACC,KAAoB,EAAe;EAC/C,MAAMC,QAAQ,GAAGJ,eAAe,CAAC,CAAC;EAClC,MAAMK,IAAI,GAAGA,CAAA,KAAMF,KAAK,CAACE,IAAI,IAAID,QAAQ;EACzC,MAAME,MAAM,GAAGA,CAAA,KAAMH,KAAK,CAACG,MAAM;EACjC,QAAAC,KAAA,CAAAC,MAAA,EAAAC,cAAA,cAAAC,QAAA,CAEkDL,IAAI,CAAC,CAAC,iBAAAK,QAAA,CACjDP,KAAK,CAACQ,KAAK,IAAAJ,KAAA,CAAAK,OAAA,EAED,wBAAAF,QAAA,CAAwBP,KAAK,CAACU,UAAU,IAAI,EAAE,SAAE,EAAAJ,cAAA,cAAAC,QAAA,CAAaL,IAAI,CAAC,CAAC,kBAAAI,cAAA,UAAAC,QAAA,CAASP,KAAK,CAACW,KAAK,iBAAAJ,QAAA,CACjGP,KAAK,CAACY,KAAK,IAAAC,iBAAA,CAEblB,IAAI;IAAA,IAACmB,IAAIA,CAAA;MAAA,OAAEd,KAAK,CAACe,KAAK,IAAIf,KAAK,CAACe,KAAK,CAACC,MAAM,GAAG,CAAC;IAAA;IAAA,IAAAC,SAAA;MAAA,OAAAJ,iBAAA,CAC9CjB,KAAK;QACJsB,IAAI;QAAA;QAEJC,KAAK,EAAE;UAAEC,MAAM,EAAE;QAAO,CAAC;QAAA,IACzBC,IAAIA,CAAA;UAAA,OAAEC,KAAK,CAACC,IAAI,CAACvB,KAAK,CAACe,KAAK,IAAI,EAAE,CAAC;QAAA;QACnCS,QAAQ;QACRC,UAAU;MAAA;IAAA;EAAA,IAAAZ,iBAAA,CAGblB,IAAI;IAAA,IAACmB,IAAIA,CAAA;MAAA,OAAEd,KAAK,CAAC0B,GAAG,IAAIvB,MAAM,CAAC,CAAC;IAAA;IAAA,IAAAc,SAAA;MAAA,OAAAb,KAAA,CAAAuB,OAAA,EAAApB,QAAA,CAAAM,iBAAA,CAE5BlB,IAAI;QAAA,IAACmB,IAAIA,CAAA;UAAA,OAAEd,KAAK,CAAC0B,GAAG;QAAA;QAAAT,QAAA,EAAIS,GAAG,IAAAtB,KAAA,CAAAwB,OAAA,EAAArB,QAAA,CAAuCmB,GAAG,CAAC,CAAC;MAAQ,KAAAnB,QAAA,CAAAM,iBAAA,CAC/ElB,IAAI;QAAA,IAACmB,IAAIA,CAAA;UAAA,OAAEX,MAAM,CAAC,CAAC;QAAA;QAAAc,QAAA,EAChBL,KAAK,IAAAC,iBAAA,CACJlB,IAAI;UAAA,IACHmB,IAAIA,CAAA;YAAA,OAAEF,KAAK,CAAC,CAAC,CAACiB,IAAI;UAAA;UAAA,IAClBC,QAAQA,CAAA;YAAA,OAAA1B,KAAA,CAAA2B,OAAA,EAAY,GAAAxB,QAAA,CAAGK,KAAK,CAAC,CAAC,CAACoB,IAAI,oCAA6B,EAAA1B,cAAA,cAAAC,QAAA,CAAaK,KAAK,CAAC,CAAC,CAACqB,IAAI;UAAA;UAAAhB,QAAA,EAEvFY,IAAI,IAAAzB,KAAA,CAAA8B,OAAA,EAAA5B,cAAA,cAAAC,QAAA,CAC2CK,KAAK,CAAC,CAAC,CAACqB,IAAI,iBAAA3B,cAAA,UAAAC,QAAA,CAC/CK,KAAK,CAAC,CAAC,CAACoB,IAAI,iBAAAzB,QAAA,CACrBsB,IAAI,CAAC,CAAC;QAEV;MAEJ;IAAA;EAAA;AAMb;AAEA,OAAO,SAASM,QAAQA,CAACnC,KAAoB,EAAe;EAC1D,MAAMC,QAAQ,GAAGJ,eAAe,CAAC,CAAC;EAClC,MAAMK,IAAI,GAAGA,CAAA,KAAMF,KAAK,CAACE,IAAI,IAAID,QAAQ;EACzC,MAAMmC,OAAO,GAAGtC,kBAAkB,CAAC,CAAC;EACpC,OAAAe,iBAAA,CACGlB,IAAI;IAAA,IACHmB,IAAIA,CAAA;MAAA,OAAEd,KAAK,CAACqC,IAAI;IAAA;IAAA,IAChBP,QAAQA,CAAA;MAAA,OAAA1B,KAAA,CAAAkC,OAAA,EAAAhC,cAAA,cAAAC,QAAA,CACgCL,IAAI,CAAC,CAAC,kBAAAI,cAAA,iBAAAC,QAAA,CAAgB6B,OAAO,iBAAA7B,QAAA,CAAAM,iBAAA,CAChEd,IAAI,EAAKC,KAAK;IAAA;IAAAiB,QAAA,EAIjBoB,IAAI,IAAAjC,KAAA,CAAAmC,OAAA,EAAAjC,cAAA,SAAAC,QAAA,CACK8B,IAAI,CAAC,CAAC,iBAAA/B,cAAA,cAAAC,QAAA,CAAuDL,IAAI,CAAC,CAAC,kBAAAI,cAAA,iBAAAC,QAAA,CAAgB6B,OAAO,iBAAA7B,QAAA,CAAAM,iBAAA,CAEhGd,IAAI,EAAKC,KAAK;EAElB;AAGP;AAEA,eAAemC,QAAQ","ignoreList":[]}
+{"version":3,"names":[],"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":";;;;;;;;;;;;;AAAA,SAAmB,IAAI,QAAQ,UAAU;AACzC,OAAO,KAAK,MAAM,kBAAkB;AAEpC,SAA4B,eAAe,EAAE,kBAAkB,QAAQ,YAAY;AAsBnF,SAAS,IAAI,CAAC,KAAoB,EAAe;EAC/C,MAAM,QAAQ,GAAG,eAAe,CAAC,CAAC;EAClC,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,IAAI,IAAI,QAAQ;EACzC,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,MAAM;EACjC,2DAEkD,IAAI,CAAC,CAAC,0BACjD,KAAK,CAAC,KAAK,mBAED,iCAAwB,KAAK,CAAC,UAAU,IAAI,EAAE,SAAE,uCAAa,IAAI,CAAC,CAAC,mDAAS,KAAK,CAAC,KAAK,0BACjG,KAAK,CAAC,KAAK,sBAEb,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,oBAAK,CAAC,KAAK,OAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;IAAA;IAAA;MAAA,yBAC9C,KAAK;QACJ,IAAI;QAAA;QAEJ,KAAK,EAAE;UAAE,MAAM,EAAE;QAAO,CAAC;QAAA,IACzB,IAAI;UAAA,OAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;QAAA;QACnC,QAAQ;QACR,UAAU;MAAA;IAAA;EAAA,sBAGb,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,GAAG,IAAI,MAAM,CAAC,CAAC;IAAA;IAAA;MAAA,iDAE5B,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,GAAG;QAAA;QAAA,UAAI,GAAG,4BAAuC,GAAG,CAAC,CAAC;MAAQ,gCAC/E,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,MAAM,CAAC,CAAC;QAAA;QAAA,UAChB,KAAK,sBACJ,IAAI;UAAA,IACH,IAAI;YAAA,OAAE,KAAK,CAAC,CAAC,CAAC,IAAI;UAAA;UAAA,IAClB,QAAQ;YAAA,sBAAY,YAAG,KAAK,CAAC,CAAC,CAAC,IAAI,oCAA6B,uCAAa,KAAK,CAAC,CAAC,CAAC,IAAI;UAAA;UAAA,UAEvF,IAAI,wDAC2C,KAAK,CAAC,CAAC,CAAC,IAAI,kDAC/C,KAAK,CAAC,CAAC,CAAC,IAAI,0BACrB,IAAI,CAAC,CAAC;QAEV;MAEJ;IAAA;EAAA;AAMb;AAEA,OAAO,SAAS,QAAQ,CAAC,KAAoB,EAAe;EAC1D,MAAM,QAAQ,GAAG,eAAe,CAAC,CAAC;EAClC,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,IAAI,IAAI,QAAQ;EACzC,MAAM,OAAO,GAAG,kBAAkB,CAAC,CAAC;EACpC,yBACG,IAAI;IAAA,IACH,IAAI;MAAA,OAAE,KAAK,CAAC,IAAI;IAAA;IAAA,IAChB,QAAQ;MAAA,2DACgC,IAAI,CAAC,CAAC,0DAAgB,OAAO,4CAChE,IAAI,EAAK,KAAK;IAAA;IAAA,UAIjB,IAAI,mDACK,IAAI,CAAC,CAAC,sDAAuD,IAAI,CAAC,CAAC,0DAAgB,OAAO,4CAEhG,IAAI,EAAK,KAAK;EAElB;AAGP;AAEA,eAAe,QAAQ","ignoreList":[]}

package/dist/ssr/surfaces/StatGrid.js

@@ -1,4 +1,5 @@
 import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
 import { ssr as _$ssr } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
 import { escape as _$escape } from "solid-js/web";

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

@@ -1 +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":[]}
+{"version":3,"names":[],"sources":["surfaces/StatGrid.tsx"],"sourcesContent":["import { createContext, type JSX, Show, useContext } from \"solid-js\";\nimport { Paper } from \"./Paper\";\n\nexport type StatGridSize = \"md\" | \"sm\";\nexport type StatGridSurface = \"white\" | \"muted\";\nexport type StatGridColumns = 1 | 2 | 3 | 4 | 5 | 6;\nexport type StatGridAction = { label: string; href: string };\n\nexport type StatGridProps = {\n  children: JSX.Element;\n  title?: string;\n  action?: StatGridAction;\n  columns?: StatGridColumns;\n  size?: StatGridSize;\n  surface?: StatGridSurface;\n  class?: string;\n};\n\nconst StatGridSizeContext = createContext<StatGridSize>(\"md\");\nconst StatGridSurfaceContext = createContext<StatGridSurface>(\"white\");\n\nexport const useStatGridSize = (): StatGridSize => useContext(StatGridSizeContext);\nexport const useStatGridSurface = (): StatGridSurface => useContext(StatGridSurfaceContext);\n\nconst columnValue = (columns?: StatGridColumns): StatGridColumns => {\n  if (columns && Number.isInteger(columns) && columns >= 1 && columns <= 6) return columns;\n  return 6;\n};\n\nexport function StatGrid(props: StatGridProps): JSX.Element {\n  const surface = () => props.surface ?? \"white\";\n  return (\n    <Paper class={`k2b-stat-grid ${props.class ?? \"\"}`} data-columns={columnValue(props.columns)} data-surface={surface()}>\n      <Show when={props.title}>\n        <header class=\"k2b-stat-grid__header\">\n          <span class=\"k2b-stat-grid__title\">{props.title}</span>\n          <Show when={props.action}>\n            {(action) => (\n              <a href={action().href} class=\"k2b-stat-grid__action\">\n                <span>{action().label}</span>\n                <i class=\"ti ti-arrow-up-right\" aria-hidden=\"true\" />\n              </a>\n            )}\n          </Show>\n        </header>\n      </Show>\n      <StatGridSizeContext.Provider value={props.size ?? \"md\"}>\n        <StatGridSurfaceContext.Provider value={surface()}>\n          <div class=\"k2b-stat-grid__body\">{props.children}</div>\n        </StatGridSurfaceContext.Provider>\n      </StatGridSizeContext.Provider>\n    </Paper>\n  );\n}\n\nexport default StatGrid;\n"],"mappings":";;;;;;;;AAAA,SAAS,aAAa,EAAY,IAAI,EAAE,UAAU,QAAQ,UAAU;AACpE,SAAS,KAAK,QAAQ,SAAS;AAiB/B,MAAM,mBAAmB,GAAG,aAAa,CAAe,IAAI,CAAC;AAC7D,MAAM,sBAAsB,GAAG,aAAa,CAAkB,OAAO,CAAC;AAEtE,OAAO,MAAM,eAAe,GAAG,MAAoB,UAAU,CAAC,mBAAmB,CAAC;AAClF,OAAO,MAAM,kBAAkB,GAAG,MAAuB,UAAU,CAAC,sBAAsB,CAAC;AAE3F,MAAM,WAAW,GAAI,OAAyB,IAAsB;EAClE,IAAI,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,OAAO,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,EAAE,OAAO,OAAO;EACxF,OAAO,CAAC;AACV,CAAC;AAED,OAAO,SAAS,QAAQ,CAAC,KAAoB,EAAe;EAC1D,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,OAAO,IAAI,OAAO;EAC9C,yBACG,KAAK;IAAA;MAAA,OAAQ,iBAAiB,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE;IAAA;IAAA;MAAA,OAAgB,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC;IAAA;IAAA;MAAA,OAAgB,OAAO,CAAC,CAAC;IAAA;IAAA;MAAA,0BAClH,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,KAAK;QAAA;QAAA;UAAA,8BAEiB,KAAK,CAAC,KAAK,8BAC9C,IAAI;YAAA,IAAC,IAAI;cAAA,OAAE,KAAK,CAAC,MAAM;YAAA;YAAA,UACpB,MAAM,mDACG,MAAM,CAAC,CAAC,CAAC,IAAI,0BACb,MAAM,CAAC,CAAC,CAAC,KAAK;UAGxB;QAAA;MAAA,sBAIN,mBAAmB,CAAC,QAAQ;QAAA,IAAC,KAAK;UAAA,OAAE,KAAK,CAAC,IAAI,IAAI,IAAI;QAAA;QAAA;UAAA,yBACpD,sBAAsB,CAAC,QAAQ;YAAA,IAAC,KAAK;cAAA,OAAE,OAAO,CAAC,CAAC;YAAA;YAAA;cAAA,+BACb,KAAK,CAAC,QAAQ;YAAA;UAAA;QAAA;MAAA;IAAA;EAAA;AAK1D;AAEA,eAAe,QAAQ","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["Show","DEFAULT_ICONS","info","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 = \"info\" | \"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  info: \"ti ti-info-circle\",\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-alert-square-rounded\",\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,IAAI,EAAE,mBAAmB;EACzBC,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,IAAIX,aAAa,CAACS,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,CACrHrB,IAAI;IAAA,IAACsB,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,CACtCrB,IAAI;QAAA,IAACsB,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":[]}
+{"version":3,"names":[],"sources":["surfaces/StatusBadge.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\n\nexport type StatusTone = \"info\" | \"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  info: \"ti ti-info-circle\",\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-alert-square-rounded\",\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,SAAmB,IAAI,QAAQ,UAAU;AAazC,MAAM,aAAyC,GAAG;EAChD,IAAI,EAAE,mBAAmB;EACzB,EAAE,EAAE,aAAa;EACjB,OAAO,EAAE,sBAAsB;EAC/B,KAAK,EAAE,oBAAoB;EAC3B,QAAQ,EAAE,wBAAwB;EAClC,OAAO,EAAE,gBAAgB;EACzB,OAAO,EAAE;AACX,CAAC;AAED,OAAO,SAAS,WAAW,CAAC,KAAuB,EAAe;EAChE,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,OAAO,IAAI,MAAM;EAC7C,MAAM,IAAI,GAAG,MAAO,KAAK,CAAC,IAAI,KAAK,IAAI,GAAG,SAAS,GAAI,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,KAAK,CAAC,IAAI,CAAG;EAChG,qBACe,6BAAoB,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,uCAAa,KAAK,CAAC,IAAI,0DAAgB,OAAO,CAAC,CAAC,mDAAS,KAAK,CAAC,KAAK,4CACrH,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,OAAO,CAAC,CAAC,KAAK,KAAK;IAAA;IAAA,IAAE,QAAQ;MAAA;IAAA;IAAA;MAAA,yBACtC,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,IAAI,CAAC,CAAC;QAAA;QAAA,UAAI,KAAK,oDAAe,KAAK,CAAC,CAAC;MAAuB;IAAA;EAAA,cAEnC,KAAK,CAAC,KAAK;AAGxD;AAEA,eAAe,WAAW","ignoreList":[]}

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

@@ -1 +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":[]}
+{"version":3,"names":[],"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,SAAmB,IAAI,QAAQ,UAAU;AACzC,SAAS,cAAc,QAAQ,mBAAmB;AAClD,SAAS,aAAa,QAAQ,kBAAkB;AAgBhD;AACA,OAAO,SAAS,GAAG,CAAC,KAAe,EAAe;EAChD,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,WAAW,GAAG,MAAM,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;EAC7E,MAAM,IAAI,GAAG,MAAO,KAAK,CAAC,QAAQ,GAAG,aAAa,GAAI,KAAK,CAAC,IAAI,IAAI,aAAe;EAEnF,sBAEW,oBAAW,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,uCAC1B,KAAK,CAAC,IAAI,IAAI,IAAI,kDACd,KAAK,CAAC,QAAQ,GAAG,MAAM,YAAG,SAAS,4BAC3C,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,8BAEjC,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,WAAW,CAAC,CAAC;IAAA;IAAA;MAAA,qBACb,YAAG,IAAI,CAAC,CAAC,uBAAgB,qCAAoB,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,MAAM,YAAG,SAAS;IAAA;EAAA,cAE9E,KAAK,CAAC,QAAQ,8BAC3C,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,QAAQ;IAAA;IAAA,UACtB,MAAM,yDAIQ,KAAK,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAC,CAAC,SAAS,4CAC3C,KAAK,CAAC,QAAQ;EAK3B;AAIT;AAEA,eAAe,GAAG","ignoreList":[]}

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

@@ -1 +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":[]}
+{"version":3,"names":[],"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,SAAS,MAAM,QAAQ,UAAU;AAEjC,SAAS,eAAe,QAAQ,mBAAmB;AAEnD,SAAS,QAAQ,QAAQ,YAAY;AAErC,SAAS,aAAa,QAAQ,iBAAiB;AAE/C,SAAS,mBAAmB,EAAE,iBAAiB,EAAE,UAAU,QAAQ,cAAc;AAEjF,SAAS,KAAK,QAAQ,SAAS;AAQ/B,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AAEtD,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,QAAQ,QAAQ,YAAY;AAQrC,SAAS,QAAQ,QAAQ,YAAY;AAErC,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,GAAG,QAAQ,OAAO","ignoreList":[]}

package/dist/ssr/widgets/Widget.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } 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";

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

@@ -1 +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":[]}
+{"version":3,"names":[],"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,SAAmB,IAAI,QAAQ,UAAU;AACzC,SAAS,KAAK,QAAQ,mBAAmB;AAazC,SAAS,MAAM,CAAC,KAAkB,EAAe;EAC/C,0BAEK,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,IAAI;IAAA;IAAA,UAClB,IAAI,oDAEQ,IAAI,CAAC,CAAC;EAEnB,2BAGgC,KAAK,CAAC,KAAK,8BAC3C,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,IAAI;IAAA;IAAA,UAAI,IAAI,4BAAqC,IAAI,CAAC,CAAC;EAAQ,wBAElF,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,IAAI;IAAA;IAAA;MAAA;IAAA;EAAA;AAK5B;AAEA,OAAO,SAAS,MAAM,CAAC,KAAkB,EAAe;EACtD,yBACG,KAAK;IAAA;IAAA;MAAA,OAA+B,KAAK,CAAC,IAAI,IAAI,UAAU;IAAA;IAAA;MAAA,0BAC1D,IAAI;QAAA,IACH,IAAI;UAAA,OAAE,KAAK,CAAC,IAAI;QAAA;QAAA,IAChB,QAAQ;UAAA,iDAEH,MAAM,EAAK,KAAK;QAAA;QAAA,UAInB,IAAI,mDACK,IAAI,CAAC,CAAC,4CACZ,MAAM,EAAK,KAAK;MAEpB,4BAE4B,KAAK,CAAC,QAAQ;IAAA;EAAA;AAGnD;AAEA,eAAe,MAAM","ignoreList":[]}

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

@@ -1 +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":[]}
+{"version":3,"names":[],"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,SAAmB,IAAI,QAAQ,UAAU;AAYzC,OAAO,SAAS,UAAU,CAAC,KAAsB,EAAe;EAC9D,0DAC0C,KAAK,CAAC,IAAI,4CAC/C,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,IAAI;IAAA;IAAA,UAAI,IAAI,mBAAe,YAAG,IAAI,CAAC,CAAC,+BAAwB;EAAuB,cAC/D,KAAK,CAAC,KAAK,8BAChD,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,QAAQ;IAAA;IAAA,UAAI,QAAQ,4BAA8C,QAAQ,CAAC,CAAC;EAAQ;AAG5G;AAEA,eAAe,UAAU","ignoreList":[]}

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

@@ -1 +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":[]}
+{"version":3,"names":[],"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,SAAS,GAAG,EAAY,IAAI,QAAQ,UAAU;AAC9C,SAAS,aAAa,QAAQ,kBAAkB;AAkBhD,SAAS,WAAW,CAAC,KAA+B,EAAe;EACjE,0BAEK,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,IAAI,CAAC,IAAI;IAAA;IAAA,UACvB,IAAI,mBAAe,YAAG,IAAI,CAAC,CAAC,+BAAwB,uCAAa,KAAK,CAAC,IAAI,CAAC,QAAQ;EAAuB,2BAGvE,KAAK,CAAC,IAAI,CAAC,KAAK,8BACrD,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,IAAI,CAAC,GAAG;IAAA;IAAA,UAAI,GAAG,4BAAyC,GAAG,CAAC,CAAC;EAAQ,wBAExF,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,IAAI,CAAC,IAAI;IAAA;IAAA,UAAI,IAAI,4BAA0C,IAAI,CAAC,CAAC;EAAQ,sBAC1F,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,IAAI,CAAC,IAAI;IAAA;IAAA;MAAA;IAAA;EAAA;AAKjC;AAEA,OAAO,SAAS,UAAU,CAAC,KAAsB,EAAe;EAC9D,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,yBACG,IAAI;IAAA,IACH,IAAI;MAAA,OAAE,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;IAAA;IAAA,IAC5B,QAAQ;MAAA,kDACyC,KAAK,CAAC,IAAI,GAAG,MAAM,YAAG,SAAS,0BACrE,KAAK,CAAC,YAAY,IAAI,QAAQ,CAAC,CAAC,CAAC,WAAW;IAAA;IAAA;MAAA,kDAIf,KAAK,CAAC,IAAI,GAAG,MAAM,YAAG,SAAS,4CACpE,GAAG;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,KAAK;QAAA;QAAA,UAClB,IAAI,sBACH,IAAI;UAAA,IACH,IAAI;YAAA,OAAE,IAAI,CAAC,IAAI;UAAA;UAAA,IACf,QAAQ;YAAA,iDAEH,WAAW;cAAC,IAAI,EAAE;YAAI;UAAA;UAAA,UAIzB,IAAI,mDACK,IAAI,CAAC,CAAC,4CACZ,WAAW;YAAC,IAAI,EAAE;UAAI;QAE1B;MAEJ;IAAA;EAAA;AAKX;AAEA,eAAe,UAAU","ignoreList":[]}

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

@@ -1 +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":[]}
+{"version":3,"names":[],"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,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,GAAG,EAAY,IAAI,QAAQ,UAAU;AAC9C,SAAS,SAAS,QAAQ,gBAAgB;AAe1C,SAAS,OAAO,CAAC,KAA2B,EAAe;EACzD,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,+BAE0C,KAAK,CAAC,IAAI,CAAC,KAAK,mBAEnD,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,KAAK,QAAQ,YAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;EAAE,CAAC,CAAC,aAAG,KAAK,CAAC,IAAI,CAAC,KAAK;AAI5H;AAEA,OAAO,SAAS,WAAW,CAAC,KAAuB,EAAe;EAChE,kDAC2C,KAAK,CAAC,IAAI,GAAG,MAAM,YAAG,SAAS,4CACrE,GAAG;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,KAAK;IAAA;IAAA,UAClB,IAAI,sBACH,IAAI;MAAA,IACH,IAAI;QAAA,OAAE,IAAI,CAAC,IAAI;MAAA;MAAA,IACf,QAAQ;QAAA,2DACmC,IAAI,CAAC,IAAI,IAAI,MAAM,4CACzD,OAAO;UAAC,IAAI,EAAE;QAAI;MAAA;MAAA,UAIrB,IAAI,mDACK,IAAI,CAAC,CAAC,sDAAqC,IAAI,CAAC,IAAI,IAAI,MAAM,4CACpE,OAAO;QAAC,IAAI,EAAE;MAAI;IAEtB;EAEJ;AAIT;AAEA,eAAe,WAAW","ignoreList":[]}

package/dist/ssr/widgets/WidgetStat.js

@@ -1,5 +1,6 @@
 import { ssr as _$ssr } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } 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>"],

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

@@ -1 +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":[]}
+{"version":3,"names":[],"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,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAmB,IAAI,QAAQ,UAAU;AACzC,SAAS,SAAS,QAAQ,gBAAgB;AAkB1C,OAAO,SAAS,UAAU,CAAC,KAAsB,EAAe;EAC9D,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,kDAC0C,KAAK,CAAC,IAAI,GAAG,MAAM,YAAG,SAAS,0BAC/B,KAAK,CAAC,KAAK,GACpC,mCAA0B,KAAK,CAAC,UAAU,IAAI,EAAE,SAAE,EAC5D,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,YAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;EAAE,CAAC,CAAC,aAAG,KAAK,CAAC,KAAK,8BAEtG,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,MAAM;IAAA;IAAA;MAAA,gDAEhC,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,GAAG;QAAA;QAAA,UAAI,GAAG,4BAAyC,GAAG,CAAC,CAAC;MAAQ,gCACjF,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,MAAM;QAAA;QAAA,UACpB,MAAM,sBACL,IAAI;UAAA,IACH,IAAI;YAAA,OAAE,MAAM,CAAC,CAAC,CAAC,IAAI;UAAA;UAAA,IACnB,QAAQ;YAAA,sBAAY,YAAG,MAAM,CAAC,CAAC,CAAC,IAAI,sCAA+B,uCAAa,MAAM,CAAC,CAAC,CAAC,IAAI;UAAA;UAAA,UAE3F,IAAI,wDAC6C,MAAM,CAAC,CAAC,CAAC,IAAI,kDAClD,MAAM,CAAC,CAAC,CAAC,IAAI,0BACtB,IAAI,CAAC,CAAC;QAEV;MAEJ;IAAA;EAAA;AAMb;AAEA,eAAe,UAAU","ignoreList":[]}

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

@@ -1 +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":[]}
+{"version":3,"names":[],"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,SAAmB,IAAI,QAAQ,UAAU;AAazC,MAAM,aAA+C,GAAG;EACtD,OAAO,EAAE,oBAAoB;EAC7B,OAAO,EAAE,sBAAsB;EAC/B,MAAM,EAAE,oBAAoB;EAC5B,IAAI,EAAE;AACR,CAAC;AAED,OAAO,SAAS,YAAY,CAAC,KAAwB,EAAe;EAClE,0DAC4C,KAAK,CAAC,IAAI,8CAAa,KAAK,CAAC,IAAI,GAAG,MAAM,YAAG,SAAS,iBACpF,YAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,iCAA0B,WAEpC,KAAK,CAAC,KAAK,8BAClD,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,OAAO;IAAA;IAAA,UAAI,OAAO,4BAA+C,OAAO,CAAC,CAAC;EAAQ;AAI5G;AAEA,eAAe,YAAY","ignoreList":[]}