@k2b/ui 0.21.0 → 0.23.0

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["surfaces/ResourceCard.tsx"],"sourcesContent":["import { type JSX, Match, Show, Switch } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\n\n/**\n * What a card can show of the element it stands for: the element itself, a placeholder while it is being looked up, or\n * why it cannot be shown.\n */\nexport type ResourceCardState = \"ok\" | \"loading\" | \"no_access\" | \"deleted\" | \"unavailable\";\n\nexport type ResourceCardProps = {\n  /** Defaults to `\"ok\"`. Every state has the same size, so a card that changes state moves nothing around it. */\n  state?: ResourceCardState;\n  /** The element's name. Shown only in state `\"ok\"`, as \"Untitled\" when blank, so a card that opens always has a name. */\n  title?: string;\n  /** Icon class of the element's kind, for example `ti ti-notebook`. Shown only in state `\"ok\"`. */\n  icon?: string;\n  /** What the element belongs to, for example the application or service. Shown only in state `\"ok\"`. */\n  source?: string;\n  /** Where the element lives within its source, for example a folder or a project. Shown only in state `\"ok\"`. */\n  location?: string;\n  /** One line of plain text from the element. Shown only in state `\"ok\"`. */\n  preview?: string;\n  /** Opens the element, for example in a panel. Takes precedence over `href`. Only in state `\"ok\"`. */\n  onOpen?: () => void;\n  /** Opens the element. Absolute `https` or `http`, or relative. Only in state `\"ok\"`. */\n  href?: string;\n  class?: string;\n};\n\nconst DEFAULT_ICON = \"ti ti-file\";\nconst LINK_PROTOCOLS = new Set([\"https:\", \"http:\"]);\nconst STATE_ICONS = { no_access: \"ti ti-lock\", deleted: \"ti ti-trash\", unavailable: \"ti ti-cloud-off\" } as const;\n\n/** A link the card may open: absolute with an allowed scheme, or relative to the page. */\nconst linkUrl = (href: string | undefined): string | undefined => {\n  if (!href) return undefined;\n  try {\n    return LINK_PROTOCOLS.has(new URL(href, \"https://relative.invalid/\").protocol) ? href : undefined;\n  } catch {\n    return undefined;\n  }\n};\n\n/**\n * A card for an element that something refers to, such as a task or a document, with the same size in every state.\n * Outside state `\"ok\"`, it shows none of the element's fields and opens nothing, whatever the caller passes.\n */\nexport function ResourceCard(props: ResourceCardProps): JSX.Element {\n  const messages = useUiMessages();\n  const state = () => props.state ?? \"ok\";\n  const ok = () => state() === \"ok\";\n  const title = () => (props.title?.trim() ? props.title : messages().resourceUntitled);\n  const meta = () => [props.source, props.location].filter((part) => part?.trim()).join(\" · \");\n  /** Why the element cannot be shown, outside `\"ok\"` and `\"loading\"`. */\n  const reason = (): Exclude<ResourceCardState, \"ok\" | \"loading\"> | undefined => {\n    const current = state();\n    return current === \"ok\" || current === \"loading\" ? undefined : current;\n  };\n  const className = () => `k2b-resource-card${props.class ? ` ${props.class}` : \"\"}`;\n\n  const content = () => (\n    <Switch>\n      <Match when={ok()}>\n        <span class=\"k2b-resource-card__icon\" aria-hidden=\"true\">\n          <i class={props.icon ?? DEFAULT_ICON} />\n        </span>\n        <span class=\"k2b-resource-card__copy\">\n          <span class=\"k2b-resource-card__title\">{title()}</span>\n          <Show when={meta()}>\n            <span class=\"k2b-resource-card__meta\">{meta()}</span>\n          </Show>\n          <Show when={props.preview?.trim()}>\n            <span class=\"k2b-resource-card__preview\">{props.preview}</span>\n          </Show>\n        </span>\n      </Match>\n      <Match when={state() === \"loading\"}>\n        <span class=\"k2b-resource-card__icon\" aria-hidden=\"true\" />\n        <span class=\"k2b-resource-card__copy\">\n          <span class=\"k2b-resource-card__bar\" aria-hidden=\"true\" />\n          <span class=\"k2b-resource-card__bar\" aria-hidden=\"true\" />\n          <span class=\"k2b-sr-only\">{messages().loading}</span>\n        </span>\n      </Match>\n      <Match when={reason()}>\n        {(reason) => (\n          <>\n            <span class=\"k2b-resource-card__icon\" aria-hidden=\"true\">\n              <i class={STATE_ICONS[reason()]} />\n            </span>\n            <span class=\"k2b-resource-card__copy\">\n              <span class=\"k2b-resource-card__label\">\n                {reason() === \"no_access\"\n                  ? messages().resourceNoAccess\n                  : reason() === \"deleted\"\n                    ? messages().resourceDeleted\n                    : messages().resourceUnavailable}\n              </span>\n            </span>\n          </>\n        )}\n      </Match>\n    </Switch>\n  );\n\n  return (\n    <Show\n      when={ok() && props.onOpen}\n      fallback={\n        <Show\n          when={ok() && linkUrl(props.href)}\n          fallback={\n            <div class={className()} data-state={state()} aria-busy={state() === \"loading\" ? \"true\" : undefined}>\n              {content()}\n            </div>\n          }\n        >\n          {(href) => (\n            <a class={className()} data-state={state()} href={href()}>\n              {content()}\n            </a>\n          )}\n        </Show>\n      }\n    >\n      {(open) => (\n        <button type=\"button\" class={className()} data-state={state()} onClick={() => open()()}>\n          {content()}\n        </button>\n      )}\n    </Show>\n  );\n}\n\nexport default ResourceCard;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["surfaces/ResourceCard.tsx"],"sourcesContent":["import { type JSX, Match, Show, Switch } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { useResourceMessages } from \"./resource-messages\";\n\n/**\n * What a card can show of the element it stands for: the element itself, a placeholder while it is being looked up, or\n * why it cannot be shown.\n */\nexport type ResourceCardState = \"ok\" | \"loading\" | \"no_access\" | \"deleted\" | \"unavailable\";\n\nexport type ResourceCardProps = {\n  /** Defaults to `\"ok\"`. Every state has the same size, so a card that changes state moves nothing around it. */\n  state?: ResourceCardState;\n  /** The element's name. Shown only in state `\"ok\"`, as \"Untitled\" when blank, so a card that opens always has a name. */\n  title?: string;\n  /** Icon class of the element's kind, for example `ti ti-notebook`. Shown only in state `\"ok\"`. */\n  icon?: string;\n  /** What the element belongs to, for example the application or service. Shown only in state `\"ok\"`. */\n  source?: string;\n  /** Where the element lives within its source, for example a folder or a project. Shown only in state `\"ok\"`. */\n  location?: string;\n  /** One line of plain text from the element. Shown only in state `\"ok\"`. */\n  preview?: string;\n  /** Opens the element, for example in a panel. Takes precedence over `href`. Only in state `\"ok\"`. */\n  onOpen?: () => void;\n  /** Opens the element. Absolute `https` or `http`, or relative. Only in state `\"ok\"`. */\n  href?: string;\n  class?: string;\n};\n\nconst DEFAULT_ICON = \"ti ti-file\";\nconst LINK_PROTOCOLS = new Set([\"https:\", \"http:\"]);\nconst STATE_ICONS = { no_access: \"ti ti-lock\", deleted: \"ti ti-trash\", unavailable: \"ti ti-cloud-off\" } as const;\n\n/** A link the card may open: absolute with an allowed scheme, or relative to the page. */\nconst linkUrl = (href: string | undefined): string | undefined => {\n  if (!href) return undefined;\n  try {\n    return LINK_PROTOCOLS.has(new URL(href, \"https://relative.invalid/\").protocol) ? href : undefined;\n  } catch {\n    return undefined;\n  }\n};\n\n/**\n * A card for an element that something refers to, such as a task or a document, with the same size in every state.\n * Outside state `\"ok\"`, it shows none of the element's fields and opens nothing, whatever the caller passes.\n */\nexport function ResourceCard(props: ResourceCardProps): JSX.Element {\n  const messages = useUiMessages();\n  const resourceMessages = useResourceMessages();\n  const state = () => props.state ?? \"ok\";\n  const ok = () => state() === \"ok\";\n  const title = () => (props.title?.trim() ? props.title : resourceMessages().resourceUntitled);\n  const meta = () => [props.source, props.location].filter((part) => part?.trim()).join(\" · \");\n  /** Why the element cannot be shown, outside `\"ok\"` and `\"loading\"`. */\n  const reason = (): Exclude<ResourceCardState, \"ok\" | \"loading\"> | undefined => {\n    const current = state();\n    return current === \"ok\" || current === \"loading\" ? undefined : current;\n  };\n  const className = () => `k2b-resource-card${props.class ? ` ${props.class}` : \"\"}`;\n\n  const content = () => (\n    <Switch>\n      <Match when={ok()}>\n        <span class=\"k2b-resource-card__icon\" aria-hidden=\"true\">\n          <i class={props.icon ?? DEFAULT_ICON} />\n        </span>\n        <span class=\"k2b-resource-card__copy\">\n          <span class=\"k2b-resource-card__title\">{title()}</span>\n          <Show when={meta()}>\n            <span class=\"k2b-resource-card__meta\">{meta()}</span>\n          </Show>\n          <Show when={props.preview?.trim()}>\n            <span class=\"k2b-resource-card__preview\">{props.preview}</span>\n          </Show>\n        </span>\n      </Match>\n      <Match when={state() === \"loading\"}>\n        <span class=\"k2b-resource-card__icon\" aria-hidden=\"true\" />\n        <span class=\"k2b-resource-card__copy\">\n          <span class=\"k2b-resource-card__bar\" aria-hidden=\"true\" />\n          <span class=\"k2b-resource-card__bar\" aria-hidden=\"true\" />\n          <span class=\"k2b-sr-only\">{messages().loading}</span>\n        </span>\n      </Match>\n      <Match when={reason()}>\n        {(reason) => (\n          <>\n            <span class=\"k2b-resource-card__icon\" aria-hidden=\"true\">\n              <i class={STATE_ICONS[reason()]} />\n            </span>\n            <span class=\"k2b-resource-card__copy\">\n              <span class=\"k2b-resource-card__label\">\n                {reason() === \"no_access\"\n                  ? resourceMessages().resourceNoAccess\n                  : reason() === \"deleted\"\n                    ? resourceMessages().resourceDeleted\n                    : resourceMessages().resourceUnavailable}\n              </span>\n            </span>\n          </>\n        )}\n      </Match>\n    </Switch>\n  );\n\n  return (\n    <Show\n      when={ok() && props.onOpen}\n      fallback={\n        <Show\n          when={ok() && linkUrl(props.href)}\n          fallback={\n            <div class={className()} data-state={state()} aria-busy={state() === \"loading\" ? \"true\" : undefined}>\n              {content()}\n            </div>\n          }\n        >\n          {(href) => (\n            <a class={className()} data-state={state()} href={href()}>\n              {content()}\n            </a>\n          )}\n        </Show>\n      }\n    >\n      {(open) => (\n        <button type=\"button\" class={className()} data-state={state()} onClick={() => open()()}>\n          {content()}\n        </button>\n      )}\n    </Show>\n  );\n}\n\nexport default ResourceCard;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/surfaces/StatCell.js

@@ -72,9 +72,9 @@ export function StatCell(props) {
       return props.href;
     },
     get fallback() {
-      return _$ssr(_tmpl$7, _$ssrAttribute("data-size", _$escape(size(), true), false) + _$ssrAttribute("data-surface", _$escape(surface, true), false), _$escape(_$createComponent(Body, props)));
+      return _$ssr(_tmpl$7, _$ssrAttribute("data-size", _$escape(size(), true), false) + _$ssrAttribute("data-surface", _$escape(surface, true), false) + _$ssrAttribute("data-wrap", _$escape(props.wrap || undefined, true), false), _$escape(_$createComponent(Body, props)));
     },
-    children: href => _$ssr(_tmpl$8, _$ssrAttribute("href", _$escape(href(), true), false), _$ssrAttribute("data-size", _$escape(size(), true), false) + _$ssrAttribute("data-surface", _$escape(surface, true), false), _$escape(_$createComponent(Body, props)))
+    children: href => _$ssr(_tmpl$8, _$ssrAttribute("href", _$escape(href(), true), false), _$ssrAttribute("data-size", _$escape(size(), true), false) + _$ssrAttribute("data-surface", _$escape(surface, true), false) + _$ssrAttribute("data-wrap", _$escape(props.wrap || undefined, true), false), _$escape(_$createComponent(Body, props)))
   });
 }
 export default StatCell;

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["surfaces/StatCell.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport Chart from \"../content/Chart\";\nimport type { 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":[]}
+{"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   * Wraps the label, value and support line instead of truncating them. Use it for a cell whose height nothing\n   * reserves, such as one figure on its own; cells compared in a row keep one line each.\n   */\n  wrap?: boolean;\n};\n\nfunction Body(props: StatCellProps): JSX.Element {\n  const gridSize = useStatGridSize();\n  const size = () => props.size ?? gridSize;\n  const accent = () => props.accent;\n  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} data-wrap={props.wrap || undefined}>\n          <Body {...props} />\n        </div>\n      }\n    >\n      {(href) => (\n        <a\n          href={href()}\n          class=\"k2b-stat-cell k2b-stat-cell--link\"\n          data-size={size()}\n          data-surface={surface}\n          data-wrap={props.wrap || undefined}\n        >\n          <i class=\"ti ti-external-link k2b-stat-cell__link-icon\" aria-hidden=\"true\" />\n          <Body {...props} />\n        </a>\n      )}\n    </Show>\n  );\n}\n\nexport default StatCell;\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAmB,IAAI,QAAQ,UAAU;AACzC,OAAO,KAAK,MAAM,kBAAkB;AAEpC,SAA4B,eAAe,EAAE,kBAAkB,QAAQ,YAAY;AA2BnF,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,uDAAa,KAAK,CAAC,IAAI,IAAI,SAAS,4CACpG,IAAI,EAAK,KAAK;IAAA;IAAA,UAIjB,IAAI,mDAEI,IAAI,CAAC,CAAC,sDAED,IAAI,CAAC,CAAC,0DACH,OAAO,uDACV,KAAK,CAAC,IAAI,IAAI,SAAS,4CAGjC,IAAI,EAAK,KAAK;EAElB;AAGP;AAEA,eAAe,QAAQ","ignoreList":[]}

package/dist/ssr/surfaces/Tag.js

@@ -7,11 +7,11 @@ var _tmpl$ = ["<i class=\"", "\"", " aria-hidden=\"true\"></i>"],
   _tmpl$2 = ["<span class=\"", "\"", " style=\"", "\">", "<span class=\"k2b-tag__label\">", "</span>", "</span>"],
   _tmpl$3 = ["<button type=\"button\" class=\"k2b-tag__remove\"", "", "><i class=\"ti ti-x\" aria-hidden=\"true\"></i></button>"];
 import { Show } from "solid-js";
+import { useTagMessages } from "../inputs/tag-messages";
 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 tagMessages = useTagMessages();
   const hasIconSlot = () => props.selected !== undefined || Boolean(props.icon);
   const icon = () => props.selected ? "ti ti-check" : props.icon ?? "ti ti-check";
   return _$ssr(_tmpl$2, `k2b-tag ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-size", _$escape(props.size ?? "md", true), false) + _$ssrAttribute("data-selected", props.selected ? "true" : _$escape(undefined, true), false), _$ssrStyle(colorTintStyle(props.color)), _$escape(_$createComponent(Show, {
@@ -25,7 +25,7 @@ export function Tag(props) {
     get when() {
       return props.onRemove;
     },
-    children: remove => _$ssr(_tmpl$3, _$ssrAttribute("aria-label", _$escape(props.removeLabel ?? messages().removeTag, true), false), _$ssrAttribute("disabled", props.disabled, true))
+    children: remove => _$ssr(_tmpl$3, _$ssrAttribute("aria-label", _$escape(props.removeLabel ?? tagMessages().removeTag, true), false), _$ssrAttribute("disabled", props.disabled, true))
   })));
 }
 export default Tag;

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":[],"sources":["surfaces/Tag.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport { useTagMessages } from \"../inputs/tag-messages\";\nimport { colorTintStyle } from \"../internal/color\";\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 tagMessages = useTagMessages();\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 ?? tagMessages().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,wBAAwB;AACvD,SAAS,cAAc,QAAQ,mBAAmB;AAgBlD;AACA,OAAO,SAAS,GAAG,CAAC,KAAe,EAAe;EAChD,MAAM,WAAW,GAAG,cAAc,CAAC,CAAC;EACpC,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,WAAW,CAAC,CAAC,CAAC,SAAS,4CAC9C,KAAK,CAAC,QAAQ;EAK3B;AAIT;AAEA,eAAe,GAAG","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+import { i18n } from "@k2b/stdlib";
+import { useLocale } from "../intl/locale";
+const avatarMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      avatarLabel: ({
+        name
+      }) => `${name} avatar`,
+      unknownUser: "Unknown user"
+    },
+    de: {
+      avatarLabel: ({
+        name
+      }) => `Avatar von ${name}`,
+      unknownUser: "Unbekannte Person"
+    }
+  }
+});
+/** Resolved from the inherited render locale. */
+export const useAvatarMessages = () => {
+  const locale = useLocale();
+  return () => avatarMessages.resolve([locale()]).t;
+};
+export const checkAvatarMessages = () => avatarMessages.check();
+//# sourceMappingURL=avatar-messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["surfaces/avatar-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../intl/locale\";\n\nconst avatarMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      avatarLabel: ({ name }: { name: string }) => `${name} avatar`,\n      unknownUser: \"Unknown user\",\n    },\n    de: {\n      avatarLabel: ({ name }) => `Avatar von ${name}`,\n      unknownUser: \"Unbekannte Person\",\n    },\n  },\n});\n\nexport type AvatarMessages = ReturnType<(typeof avatarMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the inherited render locale. */\nexport const useAvatarMessages = (): (() => AvatarMessages) => {\n  const locale = useLocale();\n  return () => avatarMessages.resolve([locale()]).t;\n};\n\nexport const checkAvatarMessages = () => avatarMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,SAAS,QAAQ,gBAAgB;AAE1C,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC;EACjC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,WAAW,EAAE,CAAC;QAAE;MAAuB,CAAC,KAAK,GAAG,IAAI,SAAS;MAC7D,WAAW,EAAE;IACf,CAAC;IACD,EAAE,EAAE;MACF,WAAW,EAAE,CAAC;QAAE;MAAK,CAAC,KAAK,cAAc,IAAI,EAAE;MAC/C,WAAW,EAAE;IACf;EACF;AACF,CAAC,CAAC;AAIF;AACA,OAAO,MAAM,iBAAiB,GAAG,MAA8B;EAC7D,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACnD,CAAC;AAED,OAAO,MAAM,mBAAmB,GAAG,MAAM,cAAc,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+import { i18n } from "@k2b/stdlib";
+import { useLocale } from "../intl/locale";
+const resourceMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      resourceUntitled: "Untitled",
+      resourceNoAccess: "No access",
+      resourceDeleted: "Item deleted",
+      resourceUnavailable: "Not available right now"
+    },
+    de: {
+      resourceUntitled: "Ohne Titel",
+      resourceNoAccess: "Kein Zugriff",
+      resourceDeleted: "Element gelöscht",
+      resourceUnavailable: "Gerade nicht verfügbar"
+    }
+  }
+});
+/** Resolved from the inherited render locale. */
+export const useResourceMessages = () => {
+  const locale = useLocale();
+  return () => resourceMessages.resolve([locale()]).t;
+};
+export const checkResourceMessages = () => resourceMessages.check();
+//# sourceMappingURL=resource-messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["surfaces/resource-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../intl/locale\";\n\nconst resourceMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      resourceUntitled: \"Untitled\",\n      resourceNoAccess: \"No access\",\n      resourceDeleted: \"Item deleted\",\n      resourceUnavailable: \"Not available right now\",\n    },\n    de: {\n      resourceUntitled: \"Ohne Titel\",\n      resourceNoAccess: \"Kein Zugriff\",\n      resourceDeleted: \"Element gelöscht\",\n      resourceUnavailable: \"Gerade nicht verfügbar\",\n    },\n  },\n});\n\nexport type ResourceMessages = ReturnType<(typeof resourceMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the inherited render locale. */\nexport const useResourceMessages = (): (() => ResourceMessages) => {\n  const locale = useLocale();\n  return () => resourceMessages.resolve([locale()]).t;\n};\n\nexport const checkResourceMessages = () => resourceMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,SAAS,QAAQ,gBAAgB;AAE1C,MAAM,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC;EACnC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,gBAAgB,EAAE,UAAU;MAC5B,gBAAgB,EAAE,WAAW;MAC7B,eAAe,EAAE,cAAc;MAC/B,mBAAmB,EAAE;IACvB,CAAC;IACD,EAAE,EAAE;MACF,gBAAgB,EAAE,YAAY;MAC9B,gBAAgB,EAAE,cAAc;MAChC,eAAe,EAAE,kBAAkB;MACnC,mBAAmB,EAAE;IACvB;EACF;AACF,CAAC,CAAC;AAIF;AACA,OAAO,MAAM,mBAAmB,GAAG,MAAgC;EACjE,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACrD,CAAC;AAED,OAAO,MAAM,qBAAqB,GAAG,MAAM,gBAAgB,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}

package/dist/ssr/widgets/Widget.js

@@ -12,6 +12,12 @@ var _tmpl$ = ["<span class=\"k2b-widget__heading\"><span class=\"k2b-widget__tit
   _tmpl$7 = ["<a", " class=\"k2b-widget__header\">", "</a>"];
 import { Show } from "solid-js";
 import { Paper } from "../surfaces/Paper";
+
+/**
+ * `standard` is 25rem high and `compact` 14rem; `fill` takes the height its container gives it, such as a grid cell,
+ * and `content` has no fixed height. Every size except `content` scrolls body content taller than itself.
+ */
+
 function Header(props) {
   return [_$createComponent(Show, {
     get when() {

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":[],"sources":["widgets/Widget.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport { Paper } from \"../surfaces/Paper\";\n\n/**\n * `standard` is 25rem high and `compact` 14rem; `fill` takes the height its container gives it, such as a grid cell,\n * and `content` has no fixed height. Every size except `content` scrolls body content taller than itself.\n */\nexport type WidgetSize = \"content\" | \"compact\" | \"standard\" | \"fill\";\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;;AAEzC;AACA;AACA;AACA;;AAYA,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":[]}