@k2b/ui 0.21.0 → 0.22.0

package/dist/ssr/content/ChartFilterControls.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/ChartFilterControls.tsx"],"sourcesContent":["import { createEffect, createSignal, createUniqueId, For, Show } from \"solid-js\";\nimport { Button } from \"../actions/Button\";\nimport { FilterChip } from \"../actions/FilterChip\";\nimport { Slider } from \"../inputs/ChoiceInputs\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { ChartExplorerRequest } from \"./chart-explorer\";\n\nexport type ChartFilterControlsProps = {\n  request: ChartExplorerRequest;\n  displayedRequest: ChartExplorerRequest;\n  steps?: readonly { key: string; label: string }[];\n  series?: readonly { key: string; label: string; color: string }[];\n  dimensionLabel?: string;\n  disabled?: boolean;\n  failed?: boolean;\n  onRequest: (request: ChartExplorerRequest) => void;\n  onRetry?: () => void;\n};\n\n/** Shared controls for a standalone explorer or an atomic group of charts. */\nexport function ChartFilterControls(props: ChartFilterControlsProps) {\n  const validateOptions = () => {\n    for (const items of [props.steps, props.series]) {\n      const keys = items?.map((item) => item.key) ?? [];\n      if (keys.some((key) => !key) || new Set(keys).size !== keys.length)\n        throw new Error(\"Chart control options require nonempty unique keys\");\n    }\n  };\n  validateOptions();\n  createEffect(validateOptions);\n  const messages = useUiMessages();\n  const id = `k2b-chart-controls-${createUniqueId()}`;\n  const [keyboardSteps, setKeyboardSteps] = createSignal(false);\n  let pointerFocus = false;\n  const stepLabel = (key: string | undefined) => props.steps?.find((step) => step.key === key)?.label ?? key ?? \"\";\n  return (\n    <>\n      <Show when={props.steps?.length}>\n        <div\n          class=\"k2b-chart-explorer__dimension\"\n          role=\"group\"\n          aria-label={props.dimensionLabel ?? messages().range}\n          data-keyboard={keyboardSteps() ? \"true\" : undefined}\n          onPointerDown={() => {\n            pointerFocus = true;\n            setKeyboardSteps(false);\n          }}\n          onKeyDown={() => {\n            pointerFocus = false;\n            setKeyboardSteps(true);\n          }}\n          onFocusIn={(event) => {\n            if (!pointerFocus && event.target.matches(\":focus-visible\")) setKeyboardSteps(true);\n          }}\n          onFocusOut={() => {\n            pointerFocus = false;\n            setKeyboardSteps(false);\n          }}\n        >\n          <Slider\n            id={`${id}-dimension`}\n            showValue={false}\n            aria-describedby={`${id}-steps`}\n            label={props.dimensionLabel ?? messages().range}\n            min={0}\n            max={Math.max(0, (props.steps?.length ?? 1) - 1)}\n            step={1}\n            value={Math.max(0, props.steps?.findIndex((step) => step.key === props.request.step) ?? 0)}\n            disabled={props.disabled || (props.steps?.length ?? 0) < 2}\n            formatValue={(index) => props.steps?.[index]?.label ?? \"\"}\n            aria-valuetext={stepLabel(props.request.step)}\n            onValueChange={(index) => {\n              const step = props.steps?.[index];\n              if (step) props.onRequest({ ...props.request, step: step.key });\n            }}\n          />\n          <output class=\"k2b-chart-explorer__dimension-value\" for={`${id}-dimension`}>\n            {stepLabel(props.request.step)}\n          </output>\n          <div id={`${id}-steps`} class=\"k2b-chart-explorer__steps\">\n            <For each={props.steps}>\n              {(step) => <span data-current={step.key === props.request.step ? \"true\" : undefined}>{step.label}</span>}\n            </For>\n          </div>\n        </div>\n      </Show>\n      <div class=\"k2b-chart-explorer__legend\">\n        <Show when={props.series?.length}>\n          <FilterChip\n            label={messages().chartSeries}\n            icon=\"ti ti-chart-dots\"\n            disabled={props.disabled}\n            value={props.request.visibleKeys ?? props.series?.map((item) => item.key) ?? []}\n            defaultValue={props.series?.map((item) => item.key) ?? []}\n            isActive={props.request.visibleKeys !== undefined && props.request.visibleKeys.length !== props.series?.length}\n            options={[\n              { multiple: true, options: (props.series ?? []).map((item) => ({ value: item.key, label: item.label, color: item.color })) },\n            ]}\n            onValueChange={(visibleKeys) => props.onRequest({ ...props.request, visibleKeys })}\n          />\n        </Show>\n        <div class=\"k2b-chart-explorer__status\" role=\"status\">\n          <Show when={props.failed}>\n            {messages().couldNotLoadData}{\" \"}\n            <Button variant=\"text\" size=\"sm\" onClick={props.onRetry}>\n              {messages().retry}\n            </Button>\n          </Show>\n          <Show when={props.failed}>\n            · {messages().chartPreviousData}\n            <Show when={props.steps?.length}>: {stepLabel(props.displayedRequest.step)}</Show>\n          </Show>\n        </div>\n      </div>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/ChartFilterControls.tsx"],"sourcesContent":["import { createEffect, createSignal, createUniqueId, For, Show } from \"solid-js\";\nimport { Button } from \"../actions/Button\";\nimport { FilterChip } from \"../actions/FilterChip\";\nimport { Slider } from \"../inputs/ChoiceInputs\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { ChartExplorerRequest } from \"./chart-explorer\";\nimport { useChartMessages } from \"./chart-messages\";\n\nexport type ChartFilterControlsProps = {\n  request: ChartExplorerRequest;\n  displayedRequest: ChartExplorerRequest;\n  steps?: readonly { key: string; label: string }[];\n  series?: readonly { key: string; label: string; color: string }[];\n  dimensionLabel?: string;\n  disabled?: boolean;\n  failed?: boolean;\n  onRequest: (request: ChartExplorerRequest) => void;\n  onRetry?: () => void;\n};\n\n/** Shared controls for a standalone explorer or an atomic group of charts. */\nexport function ChartFilterControls(props: ChartFilterControlsProps) {\n  const validateOptions = () => {\n    for (const items of [props.steps, props.series]) {\n      const keys = items?.map((item) => item.key) ?? [];\n      if (keys.some((key) => !key) || new Set(keys).size !== keys.length)\n        throw new Error(\"Chart control options require nonempty unique keys\");\n    }\n  };\n  validateOptions();\n  createEffect(validateOptions);\n  const messages = useUiMessages();\n  const chartMessages = useChartMessages();\n  const id = `k2b-chart-controls-${createUniqueId()}`;\n  const [keyboardSteps, setKeyboardSteps] = createSignal(false);\n  let pointerFocus = false;\n  const stepLabel = (key: string | undefined) => props.steps?.find((step) => step.key === key)?.label ?? key ?? \"\";\n  return (\n    <>\n      <Show when={props.steps?.length}>\n        <div\n          class=\"k2b-chart-explorer__dimension\"\n          role=\"group\"\n          aria-label={props.dimensionLabel ?? messages().range}\n          data-keyboard={keyboardSteps() ? \"true\" : undefined}\n          onPointerDown={() => {\n            pointerFocus = true;\n            setKeyboardSteps(false);\n          }}\n          onKeyDown={() => {\n            pointerFocus = false;\n            setKeyboardSteps(true);\n          }}\n          onFocusIn={(event) => {\n            if (!pointerFocus && event.target.matches(\":focus-visible\")) setKeyboardSteps(true);\n          }}\n          onFocusOut={() => {\n            pointerFocus = false;\n            setKeyboardSteps(false);\n          }}\n        >\n          <Slider\n            id={`${id}-dimension`}\n            showValue={false}\n            aria-describedby={`${id}-steps`}\n            label={props.dimensionLabel ?? messages().range}\n            min={0}\n            max={Math.max(0, (props.steps?.length ?? 1) - 1)}\n            step={1}\n            value={Math.max(0, props.steps?.findIndex((step) => step.key === props.request.step) ?? 0)}\n            disabled={props.disabled || (props.steps?.length ?? 0) < 2}\n            formatValue={(index) => props.steps?.[index]?.label ?? \"\"}\n            aria-valuetext={stepLabel(props.request.step)}\n            onValueChange={(index) => {\n              const step = props.steps?.[index];\n              if (step) props.onRequest({ ...props.request, step: step.key });\n            }}\n          />\n          <output class=\"k2b-chart-explorer__dimension-value\" for={`${id}-dimension`}>\n            {stepLabel(props.request.step)}\n          </output>\n          <div id={`${id}-steps`} class=\"k2b-chart-explorer__steps\">\n            <For each={props.steps}>\n              {(step) => <span data-current={step.key === props.request.step ? \"true\" : undefined}>{step.label}</span>}\n            </For>\n          </div>\n        </div>\n      </Show>\n      <div class=\"k2b-chart-explorer__legend\">\n        <Show when={props.series?.length}>\n          <FilterChip\n            label={chartMessages().chartSeries}\n            icon=\"ti ti-chart-dots\"\n            disabled={props.disabled}\n            value={props.request.visibleKeys ?? props.series?.map((item) => item.key) ?? []}\n            defaultValue={props.series?.map((item) => item.key) ?? []}\n            isActive={props.request.visibleKeys !== undefined && props.request.visibleKeys.length !== props.series?.length}\n            options={[\n              { multiple: true, options: (props.series ?? []).map((item) => ({ value: item.key, label: item.label, color: item.color })) },\n            ]}\n            onValueChange={(visibleKeys) => props.onRequest({ ...props.request, visibleKeys })}\n          />\n        </Show>\n        <div class=\"k2b-chart-explorer__status\" role=\"status\">\n          <Show when={props.failed}>\n            {messages().couldNotLoadData}{\" \"}\n            <Button variant=\"text\" size=\"sm\" onClick={props.onRetry}>\n              {messages().retry}\n            </Button>\n          </Show>\n          <Show when={props.failed}>\n            · {chartMessages().chartPreviousData}\n            <Show when={props.steps?.length}>: {stepLabel(props.displayedRequest.step)}</Show>\n          </Show>\n        </div>\n      </div>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/content/ChartSnapshotView.js

@@ -6,13 +6,13 @@ import { escape as _$escape } from "solid-js/web";
 var _tmpl$ = ["<div class=\"k2b-chart\"", " data-interactive=\"true\" style=\"", "\" role=\"group\"", " tabindex=\"0\"><div class=\"k2b-chart__svg\"", " style=\"", "\">", "</div><span class=\"k2b-chart__anchor\" aria-hidden=\"true\"></span><span", " class=\"k2b-chart__tooltip k2b-tooltip\" role=\"tooltip\" popover=\"manual\" data-instant=\"true\"></span></div>"];
 import { createEffect, createUniqueId, onCleanup, onMount } from "solid-js";
 import { isServer } from "solid-js/web";
-import { useUiMessages } from "../intl/messages";
 import { createChartInspection, sameChartDatum } from "./chart-inspection";
+import { useChartMessages } from "./chart-messages";
 import { selectedChartSvg } from "./chart-svg";
 
 /** Internal display for server-prepared geometry. Viewports are snapshot-owned. */
 export function ChartSnapshotView(props) {
-  const messages = useUiMessages();
+  const chartMessages = useChartMessages();
   let container;
   let tooltip;
   let anchor;
@@ -53,6 +53,6 @@ export function ChartSnapshotView(props) {
     });
   });
   onCleanup(inspection.close);
-  return _$ssr(_tmpl$, _$ssrAttribute("data-chart-kind", _$escape(props.snapshot.kind, true), false), _$ssrStyle(props.style), _$ssrAttribute("aria-label", _$escape(messages().interactiveChart, true), false), _$ssrAttribute("data-stretch", props.snapshot.stretch ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("--k2b-chart-width:", `${_$escape(props.snapshot.width, true)}px`) + _$ssrStyleProperty(";--k2b-chart-height:", `${_$escape(props.snapshot.height, true)}px`) + _$ssrStyleProperty(";aspect-ratio:", `${_$escape(props.snapshot.width, true)}/${_$escape(props.snapshot.height, true)}`), isServer ? selectedChartSvg(props.snapshot.svg, props.snapshot.marks.filter(m => m.rowKey === props.selectedKey).map(m => m.datum)) : props.snapshot.svg, _$ssrAttribute("id", _$escape(id, true), false));
+  return _$ssr(_tmpl$, _$ssrAttribute("data-chart-kind", _$escape(props.snapshot.kind, true), false), _$ssrStyle(props.style), _$ssrAttribute("aria-label", _$escape(chartMessages().interactiveChart, true), false), _$ssrAttribute("data-stretch", props.snapshot.stretch ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("--k2b-chart-width:", `${_$escape(props.snapshot.width, true)}px`) + _$ssrStyleProperty(";--k2b-chart-height:", `${_$escape(props.snapshot.height, true)}px`) + _$ssrStyleProperty(";aspect-ratio:", `${_$escape(props.snapshot.width, true)}/${_$escape(props.snapshot.height, true)}`), isServer ? selectedChartSvg(props.snapshot.svg, props.snapshot.marks.filter(m => m.rowKey === props.selectedKey).map(m => m.datum)) : props.snapshot.svg, _$ssrAttribute("id", _$escape(id, true), false));
 }
 //# sourceMappingURL=ChartSnapshotView.js.map

package/dist/ssr/content/ChartSnapshotView.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/ChartSnapshotView.tsx"],"sourcesContent":["import { createEffect, createUniqueId, type JSX, onCleanup, onMount } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { ChartCursor } from \"./chart-cursor\";\nimport { createChartInspection, sameChartDatum } from \"./chart-inspection\";\nimport type { ChartSnapshot } from \"./chart-snapshot\";\nimport { selectedChartSvg } from \"./chart-svg\";\n\n/** Internal display for server-prepared geometry. Viewports are snapshot-owned. */\nexport function ChartSnapshotView(props: {\n  snapshot: ChartSnapshot;\n  cursor?: ChartCursor;\n  selectedKey: string | null;\n  onSelect: (key: string) => void;\n  style?: JSX.CSSProperties;\n}) {\n  const messages = useUiMessages();\n  let container: HTMLDivElement | undefined;\n  let tooltip: HTMLSpanElement | undefined;\n  let anchor: HTMLSpanElement | undefined;\n  const id = `k2b-chart-tooltip-${createUniqueId()}`;\n  const inspection = createChartInspection({\n    container: () => container,\n    cursor: () => props.cursor,\n    tooltip: () => tooltip,\n    anchor: () => anchor,\n    kind: () => props.snapshot.kind,\n    enabled: () => true,\n    format: ({ datum }) => props.snapshot.marks.find((m) => sameChartDatum(m.datum, datum))?.tooltip ?? { rows: [] },\n    select: ({ datum }) => {\n      const mark = props.snapshot.marks.find((m) => sameChartDatum(m.datum, datum));\n      if (mark) props.onSelect(mark.rowKey);\n    },\n  });\n  createEffect(() => {\n    props.snapshot;\n    inspection.invalidate();\n  });\n  createEffect(() => inspection.selectData(props.snapshot.marks.filter((m) => m.rowKey === props.selectedKey).map((m) => m.datum)));\n  onMount(() => {\n    const outside = (event: Event) => {\n      if (event.target instanceof Node && !container?.contains(event.target)) inspection.close();\n    };\n    window.addEventListener(\"pointerdown\", outside);\n    window.addEventListener(\"scroll\", inspection.close, true);\n    onCleanup(() => {\n      window.removeEventListener(\"pointerdown\", outside);\n      window.removeEventListener(\"scroll\", inspection.close, true);\n    });\n  });\n  onCleanup(inspection.close);\n  return (\n    <div\n      ref={container}\n      class=\"k2b-chart\"\n      data-chart-kind={props.snapshot.kind}\n      data-interactive=\"true\"\n      style={props.style}\n      role=\"group\"\n      aria-label={messages().interactiveChart}\n      tabIndex={0}\n      onPointerDown={inspection.down}\n      onPointerMove={inspection.move}\n      onClick={inspection.click}\n      onPointerLeave={inspection.leave}\n      onFocusIn={inspection.focus}\n      onFocusOut={inspection.close}\n      onKeyDown={inspection.key}\n    >\n      <div\n        class=\"k2b-chart__svg\"\n        data-stretch={props.snapshot.stretch ? \"true\" : undefined}\n        style={{\n          \"--k2b-chart-width\": `${props.snapshot.width}px`,\n          \"--k2b-chart-height\": `${props.snapshot.height}px`,\n          \"aspect-ratio\": `${props.snapshot.width}/${props.snapshot.height}`,\n        }}\n        innerHTML={\n          isServer\n            ? selectedChartSvg(\n                props.snapshot.svg,\n                props.snapshot.marks.filter((m) => m.rowKey === props.selectedKey).map((m) => m.datum),\n              )\n            : props.snapshot.svg\n        }\n      />\n      <span ref={anchor} class=\"k2b-chart__anchor\" aria-hidden=\"true\" />\n      <span ref={tooltip} id={id} class=\"k2b-chart__tooltip k2b-tooltip\" role=\"tooltip\" popover=\"manual\" data-instant=\"true\" />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAAA,SAAS,YAAY,EAAE,cAAc,EAAY,SAAS,EAAE,OAAO,QAAQ,UAAU;AACrF,SAAS,QAAQ,QAAQ,cAAc;AACvC,SAAS,aAAa,QAAQ,kBAAkB;AAEhD,SAAS,qBAAqB,EAAE,cAAc,QAAQ,oBAAoB;AAE1E,SAAS,gBAAgB,QAAQ,aAAa;;AAE9C;AACA,OAAO,SAAS,iBAAiB,CAAC,KAMjC,EAAE;EACD,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,IAAI,SAAqC;EACzC,IAAI,OAAoC;EACxC,IAAI,MAAmC;EACvC,MAAM,EAAE,GAAG,qBAAqB,cAAc,CAAC,CAAC,EAAE;EAClD,MAAM,UAAU,GAAG,qBAAqB,CAAC;IACvC,SAAS,EAAE,MAAM,SAAS;IAC1B,MAAM,EAAE,MAAM,KAAK,CAAC,MAAM;IAC1B,OAAO,EAAE,MAAM,OAAO;IACtB,MAAM,EAAE,MAAM,MAAM;IACpB,IAAI,EAAE,MAAM,KAAK,CAAC,QAAQ,CAAC,IAAI;IAC/B,OAAO,EAAE,MAAM,IAAI;IACnB,MAAM,EAAE,CAAC;MAAE;IAAM,CAAC,KAAK,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAE,CAAC,IAAK,cAAc,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,OAAO,IAAI;MAAE,IAAI,EAAE;IAAG,CAAC;IAChH,MAAM,EAAE,CAAC;MAAE;IAAM,CAAC,KAAK;MACrB,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAE,CAAC,IAAK,cAAc,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;MAC7E,IAAI,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;IACvC;EACF,CAAC,CAAC;EACF,YAAY,CAAC,MAAM;IACjB,KAAK,CAAC,QAAQ;IACd,UAAU,CAAC,UAAU,CAAC,CAAC;EACzB,CAAC,CAAC;EACF,YAAY,CAAC,MAAM,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAE,CAAC,IAAK,CAAC,CAAC,MAAM,KAAK,KAAK,CAAC,WAAW,CAAC,CAAC,GAAG,CAAE,CAAC,IAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;EACjI,OAAO,CAAC,MAAM;IACZ,MAAM,OAAO,GAAI,KAAY,IAAK;MAChC,IAAI,KAAK,CAAC,MAAM,YAAY,IAAI,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAC5F,CAAC;IACD,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,OAAO,CAAC;IAC/C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC;IACzD,SAAS,CAAC,MAAM;MACd,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,OAAO,CAAC;MAClD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC;IAC9D,CAAC,CAAC;EACJ,CAAC,CAAC;EACF,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC;EAC3B,gEAIqB,KAAK,CAAC,QAAQ,CAAC,IAAI,4BAE7B,KAAK,CAAC,KAAK,yCAEN,QAAQ,CAAC,CAAC,CAAC,gBAAgB,gDAYvB,KAAK,CAAC,QAAQ,CAAC,OAAO,GAAG,MAAM,YAAG,SAAS,0DAElC,YAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,WAAI,+CAC1B,YAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,WAAI,yCAClC,YAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,oBAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,SAAE,GAGlE,QAAQ,GACJ,gBAAgB,CACd,KAAK,CAAC,QAAQ,CAAC,GAAG,EAClB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAE,CAAC,IAAK,CAAC,CAAC,MAAM,KAAK,KAAK,CAAC,WAAW,CAAC,CAAC,GAAG,CAAE,CAAC,IAAK,CAAC,CAAC,KAAK,CACvF,CAAC,GACD,KAAK,CAAC,QAAQ,CAAC,GAAG,gCAIF,EAAE;AAGhC","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/ChartSnapshotView.tsx"],"sourcesContent":["import { createEffect, createUniqueId, type JSX, onCleanup, onMount } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport type { ChartCursor } from \"./chart-cursor\";\nimport { createChartInspection, sameChartDatum } from \"./chart-inspection\";\nimport { useChartMessages } from \"./chart-messages\";\nimport type { ChartSnapshot } from \"./chart-snapshot\";\nimport { selectedChartSvg } from \"./chart-svg\";\n\n/** Internal display for server-prepared geometry. Viewports are snapshot-owned. */\nexport function ChartSnapshotView(props: {\n  snapshot: ChartSnapshot;\n  cursor?: ChartCursor;\n  selectedKey: string | null;\n  onSelect: (key: string) => void;\n  style?: JSX.CSSProperties;\n}) {\n  const chartMessages = useChartMessages();\n  let container: HTMLDivElement | undefined;\n  let tooltip: HTMLSpanElement | undefined;\n  let anchor: HTMLSpanElement | undefined;\n  const id = `k2b-chart-tooltip-${createUniqueId()}`;\n  const inspection = createChartInspection({\n    container: () => container,\n    cursor: () => props.cursor,\n    tooltip: () => tooltip,\n    anchor: () => anchor,\n    kind: () => props.snapshot.kind,\n    enabled: () => true,\n    format: ({ datum }) => props.snapshot.marks.find((m) => sameChartDatum(m.datum, datum))?.tooltip ?? { rows: [] },\n    select: ({ datum }) => {\n      const mark = props.snapshot.marks.find((m) => sameChartDatum(m.datum, datum));\n      if (mark) props.onSelect(mark.rowKey);\n    },\n  });\n  createEffect(() => {\n    props.snapshot;\n    inspection.invalidate();\n  });\n  createEffect(() => inspection.selectData(props.snapshot.marks.filter((m) => m.rowKey === props.selectedKey).map((m) => m.datum)));\n  onMount(() => {\n    const outside = (event: Event) => {\n      if (event.target instanceof Node && !container?.contains(event.target)) inspection.close();\n    };\n    window.addEventListener(\"pointerdown\", outside);\n    window.addEventListener(\"scroll\", inspection.close, true);\n    onCleanup(() => {\n      window.removeEventListener(\"pointerdown\", outside);\n      window.removeEventListener(\"scroll\", inspection.close, true);\n    });\n  });\n  onCleanup(inspection.close);\n  return (\n    <div\n      ref={container}\n      class=\"k2b-chart\"\n      data-chart-kind={props.snapshot.kind}\n      data-interactive=\"true\"\n      style={props.style}\n      role=\"group\"\n      aria-label={chartMessages().interactiveChart}\n      tabIndex={0}\n      onPointerDown={inspection.down}\n      onPointerMove={inspection.move}\n      onClick={inspection.click}\n      onPointerLeave={inspection.leave}\n      onFocusIn={inspection.focus}\n      onFocusOut={inspection.close}\n      onKeyDown={inspection.key}\n    >\n      <div\n        class=\"k2b-chart__svg\"\n        data-stretch={props.snapshot.stretch ? \"true\" : undefined}\n        style={{\n          \"--k2b-chart-width\": `${props.snapshot.width}px`,\n          \"--k2b-chart-height\": `${props.snapshot.height}px`,\n          \"aspect-ratio\": `${props.snapshot.width}/${props.snapshot.height}`,\n        }}\n        innerHTML={\n          isServer\n            ? selectedChartSvg(\n                props.snapshot.svg,\n                props.snapshot.marks.filter((m) => m.rowKey === props.selectedKey).map((m) => m.datum),\n              )\n            : props.snapshot.svg\n        }\n      />\n      <span ref={anchor} class=\"k2b-chart__anchor\" aria-hidden=\"true\" />\n      <span ref={tooltip} id={id} class=\"k2b-chart__tooltip k2b-tooltip\" role=\"tooltip\" popover=\"manual\" data-instant=\"true\" />\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/content/DataTable.js

@@ -10,7 +10,7 @@ var _tmpl$ = ["<span class=\"k2b-data-table__header-title\">", "</span>"],
   _tmpl$4 = ["<a", " class=\"k2b-data-table__header-content k2b-data-table__sort\"", "><span class=\"k2b-data-table__header-line\">", "<i class=\"", "\"", " aria-hidden=\"true\"></i></span></a>"],
   _tmpl$5 = ["<tr aria-hidden=\"true\"><td class=\"k2b-data-table__fill\"", "></td></tr>"],
   _tmpl$6 = "<div class=\"k2b-data-table__sentinel\" aria-hidden=\"true\"></div>",
-  _tmpl$7 = ["<div role=\"region\"", " tabindex=\"0\" class=\"k2b-table-wrap\"", "><table", "><thead class=\"k2b-data-table__head\"", "><tr class=\"k2b-data-table__head-row\">", "</tr></thead><tbody>", "</tbody>", "</table>", "</div>"],
+  _tmpl$7 = ["<div role=\"region\"", " tabindex=\"0\" class=\"", "\"", "><table", "><thead class=\"k2b-data-table__head\"", "><tr class=\"k2b-data-table__head-row\">", "</tr></thead><tbody>", "</tbody>", "</table>", "</div>"],
   _tmpl$8 = ["<th scope=\"col\" class=\"", "\"", ">", "</th>"],
   _tmpl$9 = ["<tr><td class=\"k2b-data-table__empty\"", ">", "</td></tr>"],
   _tmpl$0 = ["<tr class=\"", "\"", ">", "</tr>"],
@@ -23,11 +23,13 @@ var _tmpl$ = ["<span class=\"k2b-data-table__header-title\">", "</span>"],
   _tmpl$15 = ["<footer class=\"", "\">", "</footer>"];
 import { createContext, createEffect, createMemo, createSignal, createUniqueId, For, onCleanup, onMount, Show, useContext } from "solid-js";
 import { Dynamic } from "solid-js/web";
+import { suppressTextSelection } from "../internal/text-selection";
 import { useLocale } from "../intl/locale";
 import { useUiMessages } from "../intl/messages";
 import { PanelHeader } from "../layout/PanelHeader";
 import { Paper } from "../surfaces/Paper";
 import Placeholder from "../surfaces/Placeholder";
+import { useDataTableMessages } from "./data-table-messages";
 const DataTablePanelContext = createContext();
 const defaultRender = (value, locale, messages) => {
   if (value === null || value === undefined || value === "") return "—";
@@ -64,6 +66,7 @@ const scrollbarMetrics = (viewportSize, contentSize, scrollOffset) => {
 };
 function DataTableRoot(props) {
   const messages = useUiMessages();
+  const dataTableMessages = useDataTableMessages();
   const locale = useLocale();
   const [hoveredColumn, setHoveredColumn] = createSignal(null);
   const [scrollbars, setScrollbars] = createSignal({
@@ -169,12 +172,15 @@ function DataTableRoot(props) {
     revealScrollbars();
   };
   const startScrollbarDrag = (event, axis) => {
+    if (event.button !== 0) return;
     event.preventDefault();
     const metrics = scrollbars()[axis];
     const rect = event.currentTarget.getBoundingClientRect();
     const pointerOffset = axis === "y" ? event.clientY - rect.top : event.clientX - rect.left;
     scrollbarDragOffset = event.target === event.currentTarget ? metrics.size / 2 : Math.min(metrics.size, Math.max(0, pointerOffset - metrics.offset));
     event.currentTarget.setPointerCapture(event.pointerId);
+    // The track's own pointerup or pointercancel ends the hold.
+    suppressTextSelection(event.pointerId);
     scrollFromPointer(event, axis);
   };
   const valueOf = (row, col) => {
@@ -316,7 +322,7 @@ function DataTableRoot(props) {
       return _$createComponent(Placeholder, {
         surface: "paper",
         get description() {
-          return messages().noColumns;
+          return dataTableMessages().noColumns;
         }
       });
     },
@@ -348,7 +354,7 @@ function DataTableRoot(props) {
         },
         onMouseLeave: () => setHoveredColumn(null),
         get children() {
-          return [_$ssr(_tmpl$7, _$ssrAttribute("aria-label", labelledBy() ? _$escape(undefined, true) : _$escape(props.ariaLabel ?? messages().dataTable, true), false) + _$ssrAttribute("aria-labelledby", _$escape(labelledBy(), true), false), _$ssrAttribute("data-density", props.density === "compact" ? "compact" : _$escape(undefined, true), false) + _$ssrAttribute("data-has-footer", props.footer ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-surface", _$escape(surface(), true), false) + _$ssrAttribute("data-scroll-preserve", _$escape(props.scrollPreserveKey || undefined, true), false), _$ssrAttribute("class", _$escape(tableClass(), true), false) + _$ssrAttribute("data-fill", props.fillHeight ? "true" : _$escape(undefined, true), false), _$ssrAttribute("data-sticky", props.stickyHeader === false ? _$escape(undefined, true) : "true", false), _$escape(_$createComponent(For, {
+          return [_$ssr(_tmpl$7, _$ssrAttribute("aria-label", labelledBy() ? _$escape(undefined, true) : _$escape(props.ariaLabel ?? dataTableMessages().dataTable, true), false) + _$ssrAttribute("aria-labelledby", _$escape(labelledBy(), true), false), `k2b-table-wrap${props.scrollClass ? ` ${_$escape(props.scrollClass, true)}` : ""}`, _$ssrAttribute("data-density", props.density === "compact" ? "compact" : _$escape(undefined, true), false) + _$ssrAttribute("data-has-footer", props.footer ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-surface", _$escape(surface(), true), false) + _$ssrAttribute("data-scroll-preserve", _$escape(props.scrollPreserveKey || undefined, true), false), _$ssrAttribute("class", _$escape(tableClass(), true), false) + _$ssrAttribute("data-fill", props.fillHeight ? "true" : _$escape(undefined, true), false), _$ssrAttribute("data-sticky", props.stickyHeader === false ? _$escape(undefined, true) : "true", false), _$escape(_$createComponent(For, {
             get each() {
               return props.columns;
             },
@@ -363,7 +369,7 @@ function DataTableRoot(props) {
             get fallback() {
               return _$ssr(_tmpl$9, _$ssrAttribute("colspan", _$escape(props.columns.length, true), false), _$escape(_$createComponent(Placeholder, {
                 get description() {
-                  return props.empty ?? messages().noRecords;
+                  return props.empty ?? dataTableMessages().noRecords;
                 }
               })));
             },

package/dist/ssr/content/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/DataTable.tsx"],"sourcesContent":["import {\n  type Accessor,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  For,\n  type JSX,\n  onCleanup,\n  onMount,\n  Show,\n  useContext,\n} from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { useLocale } from \"../intl/locale\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { PanelHeader } from \"../layout/PanelHeader\";\nimport { Paper } from \"../surfaces/Paper\";\nimport Placeholder from \"../surfaces/Placeholder\";\nimport type { CollectionSelection } from \"./collection-selection\";\n\nexport type DataTableColumn<T> = {\n  id: string;\n  header: JSX.Element | ((ctx: { col: DataTableColumn<T> }) => JSX.Element);\n  subtitle?: JSX.Element | ((ctx: { col: DataTableColumn<T> }) => JSX.Element);\n  value?: keyof T | ((row: T) => unknown);\n  class?: string;\n  headerClass?: string;\n  cellClass?: string;\n  /** Defaults to right for numeric values and left for everything else. */\n  align?: \"left\" | \"center\" | \"right\";\n  /**\n   * Marks the column sortable. Pass a string when the server's sort key\n   * differs from the column id — they often do, because one column can show a\n   * rate while another sorts by the absolute count behind it.\n   */\n  sortable?: boolean | string;\n};\n\nexport type DataTableSort = { key: string; direction: \"asc\" | \"desc\" };\n\nexport type DataTableRenderCell<T> = (ctx: {\n  row: T;\n  col: DataTableColumn<T>;\n  value: unknown;\n  render: (value: unknown) => JSX.Element;\n}) => JSX.Element;\n\nexport type DataTableRenderHeader<T> = (ctx: { col: DataTableColumn<T>; render: () => JSX.Element }) => JSX.Element;\n\nexport type DataTableFooter<T> = {\n  values?: Record<string, unknown>;\n  renderCell?: (ctx: { col: DataTableColumn<T>; value: unknown; render: (value: unknown) => JSX.Element }) => JSX.Element;\n};\n\nexport type DataTableProps<T> = {\n  rows: readonly T[];\n  columns: readonly DataTableColumn<T>[];\n  /** Accessible name for a standalone table region. Defaults to \"Data table\". */\n  ariaLabel?: string;\n  /** ID of a visible heading that labels the table region. Takes precedence over ariaLabel. */\n  ariaLabelledBy?: string;\n  getRowId?: (row: T) => string;\n  /** Current server-side ordering, or null when the default applies. */\n  sort?: DataTableSort | null;\n  /**\n   * Link target for a sortable header. Link-based because every admin table is\n   * server-rendered: sorting is a query change, not client state.\n   */\n  sortHref?: (next: DataTableSort) => string;\n  selectedRowId?: string | null;\n  /** Optional multi-selection shared with another collection view. Requires getRowId. */\n  selection?: CollectionSelection;\n  rowClass?: string | ((row: T) => string | undefined);\n  hoverRows?: boolean;\n  onRowClick?: (row: T) => void;\n  onRowDoubleClick?: (row: T) => void;\n  onRowContextMenu?: (row: T) => void;\n  renderCell?: DataTableRenderCell<T>;\n  renderHeader?: DataTableRenderHeader<T>;\n  footer?: DataTableFooter<T>;\n  hasMore?: boolean;\n  loadingMore?: boolean;\n  onLoadMore?: () => void;\n  empty?: JSX.Element;\n  density?: \"compact\" | \"normal\";\n  stickyHeader?: boolean;\n  highlightColumns?: boolean;\n  verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n  cellContentClass?: string;\n  fillHeight?: boolean;\n  /** Visual frame for a standalone table. Defaults preserve the legacy class-based behavior. */\n  surface?: \"paper\" | \"plain\";\n  class?: string;\n  /** Additional classes for the table element. Core table geometry is always retained. */\n  tableClass?: string;\n  scrollPreserveKey?: string | false;\n};\n\nexport type DataTablePanelProps = {\n  children: JSX.Element;\n  class?: string;\n};\n\nexport type DataTableHeaderProps = {\n  title: string;\n  subtitle?: string;\n  children?: JSX.Element;\n  as?: \"h1\" | \"h2\" | \"h3\";\n  size?: \"sm\" | \"md\";\n  class?: string;\n};\n\nexport type DataTableControlsProps = {\n  children: JSX.Element;\n  class?: string;\n};\n\nexport type DataTablePanelFooterProps = {\n  children: JSX.Element;\n  class?: string;\n};\n\ntype DataTablePanelContextValue = {\n  headingId: string;\n  hasHeading: Accessor<boolean>;\n  registerHeading: () => void;\n};\n\nconst DataTablePanelContext = createContext<DataTablePanelContextValue>();\n\nconst defaultRender = (value: unknown, locale: string, messages: ReturnType<ReturnType<typeof useUiMessages>>): JSX.Element => {\n  if (value === null || value === undefined || value === \"\") return \"—\";\n  if (value instanceof Date) return value.toLocaleString(locale);\n  if (typeof value === \"boolean\") return value ? messages.yes : messages.no;\n  if (typeof value === \"number\" || typeof value === \"bigint\") return String(value);\n  if (typeof value === \"string\") return value;\n  return JSON.stringify(value);\n};\n\nconst renderColumnPart = <T,>(\n  part: DataTableColumn<T>[\"header\"] | DataTableColumn<T>[\"subtitle\"],\n  col: DataTableColumn<T>,\n): JSX.Element => {\n  if (typeof part === \"function\") return part({ col });\n  return part;\n};\n\nconst rowInteractiveSelector = [\n  \"a[href]\",\n  \"button\",\n  \"input\",\n  \"label\",\n  \"select\",\n  \"textarea\",\n  \"summary\",\n  \"[contenteditable]\",\n  \"[role='button']\",\n  \"[role='checkbox']\",\n  \"[role='link']\",\n  \"[role='menuitem']\",\n  \"[role='option']\",\n  \"[role='radio']\",\n  \"[role='switch']\",\n  \"[role='tab']\",\n  \"[tabindex]\",\n].join(\",\");\n\nconst isNestedRowControl = (event: Event): boolean =>\n  event.target instanceof Element && event.target.closest(rowInteractiveSelector) !== event.currentTarget;\n\n/** Distance in pixels before the table's end at which the next page is requested. */\nconst loadMoreMargin = 240;\n\ntype DataTableScrollbarAxis = \"x\" | \"y\";\ntype DataTableScrollbarMetrics = { overflow: boolean; offset: number; size: number };\n\nconst scrollbarMetrics = (viewportSize: number, contentSize: number, scrollOffset: number): DataTableScrollbarMetrics => {\n  if (viewportSize <= 0 || contentSize <= viewportSize + 1) return { overflow: false, offset: 0, size: 0 };\n  const size = Math.min(viewportSize, Math.max(24, (viewportSize * viewportSize) / contentSize));\n  const offset = (scrollOffset / (contentSize - viewportSize)) * (viewportSize - size);\n  return { overflow: true, offset, size };\n};\n\nfunction DataTableRoot<T>(props: DataTableProps<T>) {\n  const messages = useUiMessages();\n  const locale = useLocale();\n  const [hoveredColumn, setHoveredColumn] = createSignal<number | null>(null);\n  const [scrollbars, setScrollbars] = createSignal<Record<DataTableScrollbarAxis, DataTableScrollbarMetrics>>({\n    x: { overflow: false, offset: 0, size: 0 },\n    y: { overflow: false, offset: 0, size: 0 },\n  });\n  const [scrollbarEnhanced, setScrollbarEnhanced] = createSignal(false);\n  const [scrolling, setScrolling] = createSignal(false);\n  const panel = useContext(DataTablePanelContext);\n  let tableRef: HTMLTableElement | undefined;\n  let scrollRef: HTMLDivElement | undefined;\n  let loadMoreRef: HTMLDivElement | undefined;\n  let scrollingTimeout: ReturnType<typeof setTimeout> | undefined;\n  let scrollbarDragOffset = 0;\n  let hasMore = false;\n  let loadingMore = false;\n  let onLoadMore: (() => void) | undefined;\n  let loadMoreRequested = false;\n  let previousRowsLength = props.rows.length;\n  let previousLoadingMore = !!props.loadingMore;\n  let previousHasMore = !!props.hasMore;\n  const rowId = (row: T) => props.getRowId?.(row);\n  const isInteractive = () => !!props.selection || !!props.onRowClick || !!props.onRowDoubleClick;\n  const shouldHoverRows = () => props.hoverRows ?? isInteractive();\n  const shouldRenderLoadMoreSentinel = () => !!props.onLoadMore;\n  const labelledBy = () => props.ariaLabelledBy ?? (panel?.hasHeading() ? panel.headingId : undefined);\n  const surface = () => props.surface ?? (props.class ? \"plain\" : \"paper\");\n  const cellContentClass = () => props.cellContentClass ?? \"k2b-data-table__cell-text\";\n  const tableClass = () => `k2b-data-table ${props.tableClass ?? \"\"}`.trim();\n  const columnHighlighted = (index: number) =>\n    props.highlightColumns !== false && shouldHoverRows() && hoveredColumn() === index ? \"true\" : undefined;\n  const setHoveredColumnIfEnabled = (index: number) => {\n    if (shouldHoverRows()) setHoveredColumn(index);\n  };\n\n  /**\n   * A bounded table scrolls its own viewport. A table that grows with its rows\n   * leaves scrolling to the page or an ancestor, so its end is measured against\n   * the browser viewport instead.\n   */\n  const isNearBottom = () => {\n    if (!scrollRef || !loadMoreRef) return false;\n    if (scrollRef.scrollHeight > scrollRef.clientHeight + 1) {\n      return scrollRef.scrollTop + scrollRef.clientHeight >= scrollRef.scrollHeight - loadMoreMargin;\n    }\n    return loadMoreRef.getBoundingClientRect().top <= window.innerHeight + loadMoreMargin;\n  };\n\n  const maybeLoadMore = () => {\n    if (!hasMore || loadingMore || !onLoadMore) return;\n    if (!isNearBottom()) {\n      // Leaving the end re-arms a request the owner declined, for example while its first page was still loading.\n      loadMoreRequested = false;\n      return;\n    }\n    if (loadMoreRequested) return;\n    loadMoreRequested = true;\n    try {\n      onLoadMore();\n    } catch (error) {\n      loadMoreRequested = false;\n      throw error;\n    }\n  };\n\n  const syncScrollbars = () => {\n    if (!scrollRef) return;\n    setScrollbars({\n      x: scrollbarMetrics(scrollRef.clientWidth, scrollRef.scrollWidth, scrollRef.scrollLeft),\n      y: scrollbarMetrics(scrollRef.clientHeight, scrollRef.scrollHeight, scrollRef.scrollTop),\n    });\n  };\n\n  const revealScrollbars = () => {\n    setScrolling(true);\n    if (scrollingTimeout !== undefined) clearTimeout(scrollingTimeout);\n    scrollingTimeout = setTimeout(() => {\n      setScrolling(false);\n      scrollingTimeout = undefined;\n    }, 700);\n  };\n\n  const onScroll = () => {\n    syncScrollbars();\n    revealScrollbars();\n    maybeLoadMore();\n  };\n\n  const scrollFromPointer = (event: PointerEvent & { currentTarget: HTMLDivElement }, axis: DataTableScrollbarAxis) => {\n    if (!scrollRef) return;\n    const track = event.currentTarget;\n    const metrics = scrollbars()[axis];\n    const rect = track.getBoundingClientRect();\n    const trackSize = axis === \"y\" ? rect.height : rect.width;\n    const pointerOffset = axis === \"y\" ? event.clientY - rect.top : event.clientX - rect.left;\n    const available = Math.max(1, trackSize - metrics.size);\n    const thumbOffset = Math.min(available, Math.max(0, pointerOffset - scrollbarDragOffset));\n    const maxScroll = axis === \"y\" ? scrollRef.scrollHeight - scrollRef.clientHeight : scrollRef.scrollWidth - scrollRef.clientWidth;\n    if (axis === \"y\") scrollRef.scrollTop = (thumbOffset / available) * maxScroll;\n    else scrollRef.scrollLeft = (thumbOffset / available) * maxScroll;\n    syncScrollbars();\n    revealScrollbars();\n  };\n\n  const startScrollbarDrag = (event: PointerEvent & { currentTarget: HTMLDivElement }, axis: DataTableScrollbarAxis) => {\n    event.preventDefault();\n    const metrics = scrollbars()[axis];\n    const rect = event.currentTarget.getBoundingClientRect();\n    const pointerOffset = axis === \"y\" ? event.clientY - rect.top : event.clientX - rect.left;\n    scrollbarDragOffset =\n      event.target === event.currentTarget ? metrics.size / 2 : Math.min(metrics.size, Math.max(0, pointerOffset - metrics.offset));\n    event.currentTarget.setPointerCapture(event.pointerId);\n    scrollFromPointer(event, axis);\n  };\n\n  const valueOf = (row: T, col: DataTableColumn<T>) => {\n    if (typeof col.value === \"function\") return col.value(row);\n    if (col.value) return row[col.value];\n    return undefined;\n  };\n\n  const columnAlignments = createMemo(() => {\n    const alignments = new Map<string, NonNullable<DataTableColumn<T>[\"align\"]>>();\n    for (const col of props.columns) {\n      if (col.align) {\n        alignments.set(col.id, col.align);\n        continue;\n      }\n      let align: NonNullable<DataTableColumn<T>[\"align\"]> = \"left\";\n      for (const row of props.rows) {\n        const value = valueOf(row, col);\n        if (value === null || value === undefined || value === \"\") continue;\n        align = typeof value === \"number\" || typeof value === \"bigint\" ? \"right\" : \"left\";\n        break;\n      }\n      alignments.set(col.id, align);\n    }\n    return alignments;\n  });\n\n  /** `data-align` mirrors Cloud's `text-left/center/right` on the same cell. */\n  const alignAttr = (col: DataTableColumn<T>) => {\n    const align = columnAlignments().get(col.id) ?? \"left\";\n    return align === \"left\" ? undefined : align;\n  };\n\n  const sortKeyOf = (col: DataTableColumn<T>): string | null =>\n    col.sortable === true ? col.id : typeof col.sortable === \"string\" ? col.sortable : null;\n\n  /**\n   * Sorting is a link, not a handler: these tables are server-rendered, so the\n   * order belongs in the URL. Clicking the active column flips its direction.\n   */\n  const sortLinkFor = (col: DataTableColumn<T>): { href: string; active: boolean; direction: \"asc\" | \"desc\" } | null => {\n    const key = sortKeyOf(col);\n    if (!key || !props.sortHref) return null;\n    const active = props.sort?.key === key;\n    const direction: \"asc\" | \"desc\" = active && props.sort?.direction === \"desc\" ? \"asc\" : \"desc\";\n    return { href: props.sortHref({ key, direction }), active, direction };\n  };\n\n  /** Only a sortable column carries a sort state; the rest carry none at all. */\n  const ariaSortFor = (col: DataTableColumn<T>): \"ascending\" | \"descending\" | \"none\" | undefined => {\n    const key = sortKeyOf(col);\n    if (!key || (!props.sortHref && !props.renderHeader)) return undefined;\n    if (props.sort?.key !== key) return \"none\";\n    return props.sort?.direction === \"asc\" ? \"ascending\" : \"descending\";\n  };\n\n  const renderHeaderDefault = (col: DataTableColumn<T>): JSX.Element => {\n    const sort = sortLinkFor(col);\n    const title = (\n      <>\n        <span class=\"k2b-data-table__header-title\">{renderColumnPart(col.header, col)}</span>\n        <Show when={col.subtitle !== undefined}>\n          <span class=\"k2b-data-table__header-subtitle\">{renderColumnPart(col.subtitle, col)}</span>\n        </Show>\n      </>\n    );\n\n    if (!sort)\n      return (\n        <div class=\"k2b-data-table__header-content\" data-align={alignAttr(col)}>\n          {title}\n        </div>\n      );\n\n    return (\n      <a href={sort.href} class=\"k2b-data-table__header-content k2b-data-table__sort\" data-align={alignAttr(col)}>\n        <span class=\"k2b-data-table__header-line\">\n          {title}\n          {/* Inactive columns keep a dimmed marker so the row reads as sortable. */}\n          <i\n            class={`k2b-data-table__sort-icon ti ${props.sort?.direction === \"asc\" && sort.active ? \"ti-arrow-up\" : \"ti-arrow-down\"}`}\n            data-active={sort.active ? \"true\" : undefined}\n            aria-hidden=\"true\"\n          />\n        </span>\n      </a>\n    );\n  };\n\n  const renderValueDefault = (value: unknown) => defaultRender(value, locale(), messages());\n  const renderCellDefault = (row: T, col: DataTableColumn<T>) => renderValueDefault(valueOf(row, col));\n\n  const onRowKeyDown = (event: KeyboardEvent, row: T) => {\n    if (!isInteractive()) return;\n    if (isNestedRowControl(event)) return;\n    const id = rowId(row);\n    if (id !== undefined && props.selection?.keyDown(event, id)) return;\n    if (event.key !== \"Enter\" && event.key !== \" \") return;\n    event.preventDefault();\n    (props.selection ? props.onRowDoubleClick : (props.onRowClick ?? props.onRowDoubleClick))?.(row);\n  };\n\n  const onRowClick = (event: MouseEvent, row: T) => {\n    if (isNestedRowControl(event)) return;\n    const id = rowId(row);\n    if (id !== undefined) props.selection?.select(id, event);\n    props.onRowClick?.(row);\n  };\n\n  const onRowDoubleClick = (event: MouseEvent, row: T) => {\n    if (isNestedRowControl(event)) return;\n    props.onRowDoubleClick?.(row);\n  };\n\n  const rowClass = (row: T) => {\n    if (typeof props.rowClass === \"function\") return props.rowClass(row) ?? \"\";\n    return props.rowClass ?? \"\";\n  };\n\n  onMount(() => {\n    if (typeof IntersectionObserver === \"undefined\" || !loadMoreRef) return;\n    // The viewport root notices the end whichever element scrolls; `isNearBottom` decides.\n    const observer = new IntersectionObserver(maybeLoadMore, { rootMargin: `${loadMoreMargin}px` });\n    observer.observe(loadMoreRef);\n    onCleanup(() => observer.disconnect());\n  });\n\n  onMount(() => {\n    setScrollbarEnhanced(true);\n    syncScrollbars();\n    const observer = typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(syncScrollbars);\n    if (scrollRef) observer?.observe(scrollRef);\n    if (tableRef) observer?.observe(tableRef);\n    onCleanup(() => {\n      observer?.disconnect();\n      if (scrollingTimeout !== undefined) clearTimeout(scrollingTimeout);\n    });\n  });\n\n  createEffect(() => {\n    const rowsLength = props.rows.length;\n    const nextHasMore = !!props.hasMore;\n    const nextLoadingMore = !!props.loadingMore;\n    if (rowsLength !== previousRowsLength || (previousLoadingMore && !nextLoadingMore) || (!previousHasMore && nextHasMore)) {\n      loadMoreRequested = false;\n    }\n    previousRowsLength = rowsLength;\n    previousLoadingMore = nextLoadingMore;\n    previousHasMore = nextHasMore;\n    hasMore = nextHasMore;\n    loadingMore = nextLoadingMore;\n    onLoadMore = props.onLoadMore;\n    maybeLoadMore();\n    queueMicrotask(syncScrollbars);\n  });\n\n  return (\n    <Show when={props.columns.length > 0} fallback={<Placeholder surface=\"paper\" description={<>{messages().noColumns}</>} />}>\n      <Dynamic\n        component={surface() === \"paper\" ? Paper : \"div\"}\n        class={`k2b-table-shell ${props.class ?? \"\"}`}\n        data-surface={surface()}\n        data-has-footer={props.footer ? \"true\" : undefined}\n        data-overflow-x={scrollbars().x.overflow ? \"true\" : undefined}\n        data-overflow-y={scrollbars().y.overflow ? \"true\" : undefined}\n        data-scrollbar-enhanced={scrollbarEnhanced() ? \"true\" : undefined}\n        data-scrolling={scrolling() ? \"true\" : undefined}\n        onMouseLeave={() => setHoveredColumn(null)}\n      >\n        <div\n          ref={scrollRef}\n          role=\"region\"\n          aria-label={labelledBy() ? undefined : (props.ariaLabel ?? messages().dataTable)}\n          aria-labelledby={labelledBy()}\n          tabIndex={0}\n          class=\"k2b-table-wrap\"\n          data-density={props.density === \"compact\" ? \"compact\" : undefined}\n          data-has-footer={props.footer ? \"true\" : undefined}\n          data-surface={surface()}\n          data-scroll-preserve={props.scrollPreserveKey || undefined}\n          onScroll={onScroll}\n        >\n          <table ref={tableRef} class={tableClass()} data-fill={props.fillHeight ? \"true\" : undefined}>\n            <thead class=\"k2b-data-table__head\" data-sticky={props.stickyHeader === false ? undefined : \"true\"}>\n              <tr class=\"k2b-data-table__head-row\">\n                <For each={props.columns}>\n                  {(col, index) => (\n                    <th\n                      scope=\"col\"\n                      class={`${col.headerClass ?? \"\"} ${col.class ?? \"\"}`}\n                      data-align={alignAttr(col)}\n                      data-highlighted={columnHighlighted(index())}\n                      aria-sort={ariaSortFor(col)}\n                      onMouseEnter={() => setHoveredColumnIfEnabled(index())}\n                    >\n                      {props.renderHeader ? props.renderHeader({ col, render: () => renderHeaderDefault(col) }) : renderHeaderDefault(col)}\n                    </th>\n                  )}\n                </For>\n              </tr>\n            </thead>\n            <tbody>\n              <Show\n                when={props.rows.length > 0}\n                fallback={\n                  <tr>\n                    <td class=\"k2b-data-table__empty\" colspan={props.columns.length}>\n                      <Placeholder description={<>{props.empty ?? messages().noRecords}</>} />\n                    </td>\n                  </tr>\n                }\n              >\n                <For each={props.rows}>\n                  {(row) => {\n                    const id = () => rowId(row);\n                    const isSelected = () =>\n                      props.selection ? props.selection.selected().has(id() ?? \"\") : props.selectedRowId && id() === props.selectedRowId;\n                    return (\n                      <tr\n                        ref={(element) => {\n                          const key = id();\n                          if (key !== undefined) props.selection?.register(key, element);\n                        }}\n                        class={`k2b-data-table__row ${rowClass(row)}`}\n                        data-hover={shouldHoverRows() ? \"true\" : undefined}\n                        data-clickable={shouldHoverRows() && isInteractive() ? \"true\" : undefined}\n                        data-selected={isSelected() ? \"true\" : undefined}\n                        aria-selected={props.selection ? !!isSelected() : undefined}\n                        tabIndex={props.selection ? (props.selection.focused() === id() ? 0 : -1) : isInteractive() ? 0 : undefined}\n                        onFocus={() => {\n                          const key = id();\n                          if (key !== undefined) props.selection?.markFocused(key);\n                        }}\n                        onClick={(event) => onRowClick(event, row)}\n                        onDblClick={(event) => onRowDoubleClick(event, row)}\n                        onContextMenu={() => props.onRowContextMenu?.(row)}\n                        onKeyDown={(e) => onRowKeyDown(e, row)}\n                      >\n                        <For each={props.columns}>\n                          {(col, index) => {\n                            const value = () => valueOf(row, col);\n                            return (\n                              <td\n                                class={`${col.cellClass ?? \"\"} ${col.class ?? \"\"}`}\n                                data-align={alignAttr(col)}\n                                data-valign={props.verticalAlign && props.verticalAlign !== \"middle\" ? props.verticalAlign : undefined}\n                                data-highlighted={columnHighlighted(index())}\n                                onMouseEnter={() => setHoveredColumnIfEnabled(index())}\n                              >\n                                <div class={cellContentClass()}>\n                                  {props.renderCell\n                                    ? props.renderCell({\n                                        row,\n                                        col,\n                                        value: value(),\n                                        render: (v) => renderCellDefault(row, { ...col, value: () => v }),\n                                      })\n                                    : renderValueDefault(value())}\n                                </div>\n                              </td>\n                            );\n                          }}\n                        </For>\n                      </tr>\n                    );\n                  }}\n                </For>\n                <Show when={props.fillHeight}>\n                  <tr aria-hidden=\"true\">\n                    <td class=\"k2b-data-table__fill\" colspan={props.columns.length} />\n                  </tr>\n                </Show>\n              </Show>\n            </tbody>\n            <Show when={props.footer}>\n              {(footer) => (\n                <tfoot class=\"k2b-data-table__foot\" data-sticky=\"true\">\n                  <tr class=\"k2b-data-table__foot-row\">\n                    <For each={props.columns}>\n                      {(col, index) => {\n                        const value = () => footer().values?.[col.id];\n                        return (\n                          <td\n                            class=\"k2b-data-table__footer-cell\"\n                            data-align={alignAttr(col)}\n                            data-highlighted={columnHighlighted(index())}\n                            onMouseEnter={() => setHoveredColumnIfEnabled(index())}\n                          >\n                            {footer().renderCell\n                              ? footer().renderCell!({ col, value: value(), render: renderValueDefault })\n                              : renderValueDefault(value())}\n                          </td>\n                        );\n                      }}\n                    </For>\n                  </tr>\n                </tfoot>\n              )}\n            </Show>\n          </table>\n          <Show when={shouldRenderLoadMoreSentinel()}>\n            <div ref={loadMoreRef} class=\"k2b-data-table__sentinel\" aria-hidden=\"true\" />\n          </Show>\n        </div>\n        <For each={[\"y\", \"x\"] as const}>\n          {(axis) => (\n            <div\n              class=\"k2b-data-table__scrollbar\"\n              data-axis={axis}\n              data-overflow={scrollbars()[axis].overflow ? \"true\" : undefined}\n              aria-hidden=\"true\"\n              onPointerDown={(event) => startScrollbarDrag(event, axis)}\n              onPointerMove={(event) => {\n                if (event.currentTarget.hasPointerCapture(event.pointerId)) scrollFromPointer(event, axis);\n              }}\n              onPointerUp={(event) => event.currentTarget.releasePointerCapture(event.pointerId)}\n              onPointerCancel={(event) => event.currentTarget.releasePointerCapture(event.pointerId)}\n            >\n              <span\n                style={{\n                  \"--k2b-data-table-scroll-offset\": `${scrollbars()[axis].offset}px`,\n                  \"--k2b-data-table-scroll-size\": `${scrollbars()[axis].size}px`,\n                }}\n              />\n            </div>\n          )}\n        </For>\n      </Dynamic>\n    </Show>\n  );\n}\n\nconst DataTablePanel = (props: DataTablePanelProps): JSX.Element => {\n  const headingId = `k2b-data-table-${createUniqueId()}-heading`;\n  const [hasHeading, setHasHeading] = createSignal(false);\n  const context: DataTablePanelContextValue = {\n    headingId,\n    hasHeading,\n    registerHeading: () => setHasHeading(true),\n  };\n\n  return (\n    <DataTablePanelContext.Provider value={context}>\n      <Paper as=\"section\" class={`k2b-data-panel ${props.class ?? \"\"}`}>\n        {props.children}\n      </Paper>\n    </DataTablePanelContext.Provider>\n  );\n};\n\nconst DataTableHeader = (props: DataTableHeaderProps): JSX.Element => {\n  const panel = useContext(DataTablePanelContext);\n  panel?.registerHeading();\n\n  return (\n    <div class={`k2b-data-panel__header ${props.class ?? \"\"}`}>\n      <PanelHeader\n        title={<span id={panel?.headingId}>{props.title}</span>}\n        subtitle={props.subtitle}\n        actions={props.children}\n        as={props.as}\n        size={props.size}\n      />\n    </div>\n  );\n};\n\nconst DataTableControls = (props: DataTableControlsProps): JSX.Element => (\n  <div class={`k2b-data-panel__controls ${props.class ?? \"\"}`}>{props.children}</div>\n);\n\nconst DataTablePanelFooter = (props: DataTablePanelFooterProps): JSX.Element => (\n  <footer class={`k2b-data-panel__footer ${props.class ?? \"\"}`}>{props.children}</footer>\n);\n\ntype DataTableComponent = {\n  <T>(props: DataTableProps<T>): JSX.Element;\n  Panel: (props: DataTablePanelProps) => JSX.Element;\n  Header: (props: DataTableHeaderProps) => JSX.Element;\n  Controls: (props: DataTableControlsProps) => JSX.Element;\n  Footer: (props: DataTablePanelFooterProps) => JSX.Element;\n};\n\nconst DataTable = DataTableRoot as DataTableComponent;\nDataTable.Panel = DataTablePanel;\nDataTable.Header = DataTableHeader;\nDataTable.Controls = DataTableControls;\nDataTable.Footer = DataTablePanelFooter;\n\nexport default DataTable;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/DataTable.tsx"],"sourcesContent":["import {\n  type Accessor,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  For,\n  type JSX,\n  onCleanup,\n  onMount,\n  Show,\n  useContext,\n} from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { suppressTextSelection } from \"../internal/text-selection\";\nimport { useLocale } from \"../intl/locale\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { PanelHeader } from \"../layout/PanelHeader\";\nimport { Paper } from \"../surfaces/Paper\";\nimport Placeholder from \"../surfaces/Placeholder\";\nimport type { CollectionSelection } from \"./collection-selection\";\nimport { useDataTableMessages } from \"./data-table-messages\";\n\nexport type DataTableColumn<T> = {\n  id: string;\n  header: JSX.Element | ((ctx: { col: DataTableColumn<T> }) => JSX.Element);\n  subtitle?: JSX.Element | ((ctx: { col: DataTableColumn<T> }) => JSX.Element);\n  value?: keyof T | ((row: T) => unknown);\n  class?: string;\n  headerClass?: string;\n  cellClass?: string;\n  /** Defaults to right for numeric values and left for everything else. */\n  align?: \"left\" | \"center\" | \"right\";\n  /**\n   * Marks the column sortable. Pass a string when the server's sort key\n   * differs from the column id — they often do, because one column can show a\n   * rate while another sorts by the absolute count behind it.\n   */\n  sortable?: boolean | string;\n};\n\nexport type DataTableSort = { key: string; direction: \"asc\" | \"desc\" };\n\nexport type DataTableRenderCell<T> = (ctx: {\n  row: T;\n  col: DataTableColumn<T>;\n  value: unknown;\n  render: (value: unknown) => JSX.Element;\n}) => JSX.Element;\n\nexport type DataTableRenderHeader<T> = (ctx: { col: DataTableColumn<T>; render: () => JSX.Element }) => JSX.Element;\n\nexport type DataTableFooter<T> = {\n  values?: Record<string, unknown>;\n  renderCell?: (ctx: { col: DataTableColumn<T>; value: unknown; render: (value: unknown) => JSX.Element }) => JSX.Element;\n};\n\nexport type DataTableProps<T> = {\n  rows: readonly T[];\n  columns: readonly DataTableColumn<T>[];\n  /** Accessible name for a standalone table region. Defaults to \"Data table\". */\n  ariaLabel?: string;\n  /** ID of a visible heading that labels the table region. Takes precedence over ariaLabel. */\n  ariaLabelledBy?: string;\n  getRowId?: (row: T) => string;\n  /** Current server-side ordering, or null when the default applies. */\n  sort?: DataTableSort | null;\n  /**\n   * Link target for a sortable header. Link-based because every admin table is\n   * server-rendered: sorting is a query change, not client state.\n   */\n  sortHref?: (next: DataTableSort) => string;\n  selectedRowId?: string | null;\n  /** Optional multi-selection shared with another collection view. Requires getRowId. */\n  selection?: CollectionSelection;\n  rowClass?: string | ((row: T) => string | undefined);\n  hoverRows?: boolean;\n  onRowClick?: (row: T) => void;\n  onRowDoubleClick?: (row: T) => void;\n  onRowContextMenu?: (row: T) => void;\n  renderCell?: DataTableRenderCell<T>;\n  renderHeader?: DataTableRenderHeader<T>;\n  footer?: DataTableFooter<T>;\n  hasMore?: boolean;\n  loadingMore?: boolean;\n  onLoadMore?: () => void;\n  empty?: JSX.Element;\n  density?: \"compact\" | \"normal\";\n  stickyHeader?: boolean;\n  highlightColumns?: boolean;\n  verticalAlign?: \"top\" | \"middle\" | \"bottom\";\n  cellContentClass?: string;\n  fillHeight?: boolean;\n  /** Visual frame for a standalone table. Defaults preserve the legacy class-based behavior. */\n  surface?: \"paper\" | \"plain\";\n  class?: string;\n  /** Additional classes for the table element. Core table geometry is always retained. */\n  tableClass?: string;\n  /** Additional classes for the scrolling region, such as `k2b-detail-trail`. */\n  scrollClass?: string;\n  scrollPreserveKey?: string | false;\n};\n\nexport type DataTablePanelProps = {\n  children: JSX.Element;\n  class?: string;\n};\n\nexport type DataTableHeaderProps = {\n  title: string;\n  subtitle?: string;\n  children?: JSX.Element;\n  as?: \"h1\" | \"h2\" | \"h3\";\n  size?: \"sm\" | \"md\";\n  class?: string;\n};\n\nexport type DataTableControlsProps = {\n  children: JSX.Element;\n  class?: string;\n};\n\nexport type DataTablePanelFooterProps = {\n  children: JSX.Element;\n  class?: string;\n};\n\ntype DataTablePanelContextValue = {\n  headingId: string;\n  hasHeading: Accessor<boolean>;\n  registerHeading: () => void;\n};\n\nconst DataTablePanelContext = createContext<DataTablePanelContextValue>();\n\nconst defaultRender = (value: unknown, locale: string, messages: ReturnType<ReturnType<typeof useUiMessages>>): JSX.Element => {\n  if (value === null || value === undefined || value === \"\") return \"—\";\n  if (value instanceof Date) return value.toLocaleString(locale);\n  if (typeof value === \"boolean\") return value ? messages.yes : messages.no;\n  if (typeof value === \"number\" || typeof value === \"bigint\") return String(value);\n  if (typeof value === \"string\") return value;\n  return JSON.stringify(value);\n};\n\nconst renderColumnPart = <T,>(\n  part: DataTableColumn<T>[\"header\"] | DataTableColumn<T>[\"subtitle\"],\n  col: DataTableColumn<T>,\n): JSX.Element => {\n  if (typeof part === \"function\") return part({ col });\n  return part;\n};\n\nconst rowInteractiveSelector = [\n  \"a[href]\",\n  \"button\",\n  \"input\",\n  \"label\",\n  \"select\",\n  \"textarea\",\n  \"summary\",\n  \"[contenteditable]\",\n  \"[role='button']\",\n  \"[role='checkbox']\",\n  \"[role='link']\",\n  \"[role='menuitem']\",\n  \"[role='option']\",\n  \"[role='radio']\",\n  \"[role='switch']\",\n  \"[role='tab']\",\n  \"[tabindex]\",\n].join(\",\");\n\nconst isNestedRowControl = (event: Event): boolean =>\n  event.target instanceof Element && event.target.closest(rowInteractiveSelector) !== event.currentTarget;\n\n/** Distance in pixels before the table's end at which the next page is requested. */\nconst loadMoreMargin = 240;\n\ntype DataTableScrollbarAxis = \"x\" | \"y\";\ntype DataTableScrollbarMetrics = { overflow: boolean; offset: number; size: number };\n\nconst scrollbarMetrics = (viewportSize: number, contentSize: number, scrollOffset: number): DataTableScrollbarMetrics => {\n  if (viewportSize <= 0 || contentSize <= viewportSize + 1) return { overflow: false, offset: 0, size: 0 };\n  const size = Math.min(viewportSize, Math.max(24, (viewportSize * viewportSize) / contentSize));\n  const offset = (scrollOffset / (contentSize - viewportSize)) * (viewportSize - size);\n  return { overflow: true, offset, size };\n};\n\nfunction DataTableRoot<T>(props: DataTableProps<T>) {\n  const messages = useUiMessages();\n  const dataTableMessages = useDataTableMessages();\n  const locale = useLocale();\n  const [hoveredColumn, setHoveredColumn] = createSignal<number | null>(null);\n  const [scrollbars, setScrollbars] = createSignal<Record<DataTableScrollbarAxis, DataTableScrollbarMetrics>>({\n    x: { overflow: false, offset: 0, size: 0 },\n    y: { overflow: false, offset: 0, size: 0 },\n  });\n  const [scrollbarEnhanced, setScrollbarEnhanced] = createSignal(false);\n  const [scrolling, setScrolling] = createSignal(false);\n  const panel = useContext(DataTablePanelContext);\n  let tableRef: HTMLTableElement | undefined;\n  let scrollRef: HTMLDivElement | undefined;\n  let loadMoreRef: HTMLDivElement | undefined;\n  let scrollingTimeout: ReturnType<typeof setTimeout> | undefined;\n  let scrollbarDragOffset = 0;\n  let hasMore = false;\n  let loadingMore = false;\n  let onLoadMore: (() => void) | undefined;\n  let loadMoreRequested = false;\n  let previousRowsLength = props.rows.length;\n  let previousLoadingMore = !!props.loadingMore;\n  let previousHasMore = !!props.hasMore;\n  const rowId = (row: T) => props.getRowId?.(row);\n  const isInteractive = () => !!props.selection || !!props.onRowClick || !!props.onRowDoubleClick;\n  const shouldHoverRows = () => props.hoverRows ?? isInteractive();\n  const shouldRenderLoadMoreSentinel = () => !!props.onLoadMore;\n  const labelledBy = () => props.ariaLabelledBy ?? (panel?.hasHeading() ? panel.headingId : undefined);\n  const surface = () => props.surface ?? (props.class ? \"plain\" : \"paper\");\n  const cellContentClass = () => props.cellContentClass ?? \"k2b-data-table__cell-text\";\n  const tableClass = () => `k2b-data-table ${props.tableClass ?? \"\"}`.trim();\n  const columnHighlighted = (index: number) =>\n    props.highlightColumns !== false && shouldHoverRows() && hoveredColumn() === index ? \"true\" : undefined;\n  const setHoveredColumnIfEnabled = (index: number) => {\n    if (shouldHoverRows()) setHoveredColumn(index);\n  };\n\n  /**\n   * A bounded table scrolls its own viewport. A table that grows with its rows\n   * leaves scrolling to the page or an ancestor, so its end is measured against\n   * the browser viewport instead.\n   */\n  const isNearBottom = () => {\n    if (!scrollRef || !loadMoreRef) return false;\n    if (scrollRef.scrollHeight > scrollRef.clientHeight + 1) {\n      return scrollRef.scrollTop + scrollRef.clientHeight >= scrollRef.scrollHeight - loadMoreMargin;\n    }\n    return loadMoreRef.getBoundingClientRect().top <= window.innerHeight + loadMoreMargin;\n  };\n\n  const maybeLoadMore = () => {\n    if (!hasMore || loadingMore || !onLoadMore) return;\n    if (!isNearBottom()) {\n      // Leaving the end re-arms a request the owner declined, for example while its first page was still loading.\n      loadMoreRequested = false;\n      return;\n    }\n    if (loadMoreRequested) return;\n    loadMoreRequested = true;\n    try {\n      onLoadMore();\n    } catch (error) {\n      loadMoreRequested = false;\n      throw error;\n    }\n  };\n\n  const syncScrollbars = () => {\n    if (!scrollRef) return;\n    setScrollbars({\n      x: scrollbarMetrics(scrollRef.clientWidth, scrollRef.scrollWidth, scrollRef.scrollLeft),\n      y: scrollbarMetrics(scrollRef.clientHeight, scrollRef.scrollHeight, scrollRef.scrollTop),\n    });\n  };\n\n  const revealScrollbars = () => {\n    setScrolling(true);\n    if (scrollingTimeout !== undefined) clearTimeout(scrollingTimeout);\n    scrollingTimeout = setTimeout(() => {\n      setScrolling(false);\n      scrollingTimeout = undefined;\n    }, 700);\n  };\n\n  const onScroll = () => {\n    syncScrollbars();\n    revealScrollbars();\n    maybeLoadMore();\n  };\n\n  const scrollFromPointer = (event: PointerEvent & { currentTarget: HTMLDivElement }, axis: DataTableScrollbarAxis) => {\n    if (!scrollRef) return;\n    const track = event.currentTarget;\n    const metrics = scrollbars()[axis];\n    const rect = track.getBoundingClientRect();\n    const trackSize = axis === \"y\" ? rect.height : rect.width;\n    const pointerOffset = axis === \"y\" ? event.clientY - rect.top : event.clientX - rect.left;\n    const available = Math.max(1, trackSize - metrics.size);\n    const thumbOffset = Math.min(available, Math.max(0, pointerOffset - scrollbarDragOffset));\n    const maxScroll = axis === \"y\" ? scrollRef.scrollHeight - scrollRef.clientHeight : scrollRef.scrollWidth - scrollRef.clientWidth;\n    if (axis === \"y\") scrollRef.scrollTop = (thumbOffset / available) * maxScroll;\n    else scrollRef.scrollLeft = (thumbOffset / available) * maxScroll;\n    syncScrollbars();\n    revealScrollbars();\n  };\n\n  const startScrollbarDrag = (event: PointerEvent & { currentTarget: HTMLDivElement }, axis: DataTableScrollbarAxis) => {\n    if (event.button !== 0) return;\n    event.preventDefault();\n    const metrics = scrollbars()[axis];\n    const rect = event.currentTarget.getBoundingClientRect();\n    const pointerOffset = axis === \"y\" ? event.clientY - rect.top : event.clientX - rect.left;\n    scrollbarDragOffset =\n      event.target === event.currentTarget ? metrics.size / 2 : Math.min(metrics.size, Math.max(0, pointerOffset - metrics.offset));\n    event.currentTarget.setPointerCapture(event.pointerId);\n    // The track's own pointerup or pointercancel ends the hold.\n    suppressTextSelection(event.pointerId);\n    scrollFromPointer(event, axis);\n  };\n\n  const valueOf = (row: T, col: DataTableColumn<T>) => {\n    if (typeof col.value === \"function\") return col.value(row);\n    if (col.value) return row[col.value];\n    return undefined;\n  };\n\n  const columnAlignments = createMemo(() => {\n    const alignments = new Map<string, NonNullable<DataTableColumn<T>[\"align\"]>>();\n    for (const col of props.columns) {\n      if (col.align) {\n        alignments.set(col.id, col.align);\n        continue;\n      }\n      let align: NonNullable<DataTableColumn<T>[\"align\"]> = \"left\";\n      for (const row of props.rows) {\n        const value = valueOf(row, col);\n        if (value === null || value === undefined || value === \"\") continue;\n        align = typeof value === \"number\" || typeof value === \"bigint\" ? \"right\" : \"left\";\n        break;\n      }\n      alignments.set(col.id, align);\n    }\n    return alignments;\n  });\n\n  /** `data-align` mirrors Cloud's `text-left/center/right` on the same cell. */\n  const alignAttr = (col: DataTableColumn<T>) => {\n    const align = columnAlignments().get(col.id) ?? \"left\";\n    return align === \"left\" ? undefined : align;\n  };\n\n  const sortKeyOf = (col: DataTableColumn<T>): string | null =>\n    col.sortable === true ? col.id : typeof col.sortable === \"string\" ? col.sortable : null;\n\n  /**\n   * Sorting is a link, not a handler: these tables are server-rendered, so the\n   * order belongs in the URL. Clicking the active column flips its direction.\n   */\n  const sortLinkFor = (col: DataTableColumn<T>): { href: string; active: boolean; direction: \"asc\" | \"desc\" } | null => {\n    const key = sortKeyOf(col);\n    if (!key || !props.sortHref) return null;\n    const active = props.sort?.key === key;\n    const direction: \"asc\" | \"desc\" = active && props.sort?.direction === \"desc\" ? \"asc\" : \"desc\";\n    return { href: props.sortHref({ key, direction }), active, direction };\n  };\n\n  /** Only a sortable column carries a sort state; the rest carry none at all. */\n  const ariaSortFor = (col: DataTableColumn<T>): \"ascending\" | \"descending\" | \"none\" | undefined => {\n    const key = sortKeyOf(col);\n    if (!key || (!props.sortHref && !props.renderHeader)) return undefined;\n    if (props.sort?.key !== key) return \"none\";\n    return props.sort?.direction === \"asc\" ? \"ascending\" : \"descending\";\n  };\n\n  const renderHeaderDefault = (col: DataTableColumn<T>): JSX.Element => {\n    const sort = sortLinkFor(col);\n    const title = (\n      <>\n        <span class=\"k2b-data-table__header-title\">{renderColumnPart(col.header, col)}</span>\n        <Show when={col.subtitle !== undefined}>\n          <span class=\"k2b-data-table__header-subtitle\">{renderColumnPart(col.subtitle, col)}</span>\n        </Show>\n      </>\n    );\n\n    if (!sort)\n      return (\n        <div class=\"k2b-data-table__header-content\" data-align={alignAttr(col)}>\n          {title}\n        </div>\n      );\n\n    return (\n      <a href={sort.href} class=\"k2b-data-table__header-content k2b-data-table__sort\" data-align={alignAttr(col)}>\n        <span class=\"k2b-data-table__header-line\">\n          {title}\n          {/* Inactive columns keep a dimmed marker so the row reads as sortable. */}\n          <i\n            class={`k2b-data-table__sort-icon ti ${props.sort?.direction === \"asc\" && sort.active ? \"ti-arrow-up\" : \"ti-arrow-down\"}`}\n            data-active={sort.active ? \"true\" : undefined}\n            aria-hidden=\"true\"\n          />\n        </span>\n      </a>\n    );\n  };\n\n  const renderValueDefault = (value: unknown) => defaultRender(value, locale(), messages());\n  const renderCellDefault = (row: T, col: DataTableColumn<T>) => renderValueDefault(valueOf(row, col));\n\n  const onRowKeyDown = (event: KeyboardEvent, row: T) => {\n    if (!isInteractive()) return;\n    if (isNestedRowControl(event)) return;\n    const id = rowId(row);\n    if (id !== undefined && props.selection?.keyDown(event, id)) return;\n    if (event.key !== \"Enter\" && event.key !== \" \") return;\n    event.preventDefault();\n    (props.selection ? props.onRowDoubleClick : (props.onRowClick ?? props.onRowDoubleClick))?.(row);\n  };\n\n  const onRowClick = (event: MouseEvent, row: T) => {\n    if (isNestedRowControl(event)) return;\n    const id = rowId(row);\n    if (id !== undefined) props.selection?.select(id, event);\n    props.onRowClick?.(row);\n  };\n\n  const onRowDoubleClick = (event: MouseEvent, row: T) => {\n    if (isNestedRowControl(event)) return;\n    props.onRowDoubleClick?.(row);\n  };\n\n  const rowClass = (row: T) => {\n    if (typeof props.rowClass === \"function\") return props.rowClass(row) ?? \"\";\n    return props.rowClass ?? \"\";\n  };\n\n  onMount(() => {\n    if (typeof IntersectionObserver === \"undefined\" || !loadMoreRef) return;\n    // The viewport root notices the end whichever element scrolls; `isNearBottom` decides.\n    const observer = new IntersectionObserver(maybeLoadMore, { rootMargin: `${loadMoreMargin}px` });\n    observer.observe(loadMoreRef);\n    onCleanup(() => observer.disconnect());\n  });\n\n  onMount(() => {\n    setScrollbarEnhanced(true);\n    syncScrollbars();\n    const observer = typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(syncScrollbars);\n    if (scrollRef) observer?.observe(scrollRef);\n    if (tableRef) observer?.observe(tableRef);\n    onCleanup(() => {\n      observer?.disconnect();\n      if (scrollingTimeout !== undefined) clearTimeout(scrollingTimeout);\n    });\n  });\n\n  createEffect(() => {\n    const rowsLength = props.rows.length;\n    const nextHasMore = !!props.hasMore;\n    const nextLoadingMore = !!props.loadingMore;\n    if (rowsLength !== previousRowsLength || (previousLoadingMore && !nextLoadingMore) || (!previousHasMore && nextHasMore)) {\n      loadMoreRequested = false;\n    }\n    previousRowsLength = rowsLength;\n    previousLoadingMore = nextLoadingMore;\n    previousHasMore = nextHasMore;\n    hasMore = nextHasMore;\n    loadingMore = nextLoadingMore;\n    onLoadMore = props.onLoadMore;\n    maybeLoadMore();\n    queueMicrotask(syncScrollbars);\n  });\n\n  return (\n    <Show when={props.columns.length > 0} fallback={<Placeholder surface=\"paper\" description={<>{dataTableMessages().noColumns}</>} />}>\n      <Dynamic\n        component={surface() === \"paper\" ? Paper : \"div\"}\n        class={`k2b-table-shell ${props.class ?? \"\"}`}\n        data-surface={surface()}\n        data-has-footer={props.footer ? \"true\" : undefined}\n        data-overflow-x={scrollbars().x.overflow ? \"true\" : undefined}\n        data-overflow-y={scrollbars().y.overflow ? \"true\" : undefined}\n        data-scrollbar-enhanced={scrollbarEnhanced() ? \"true\" : undefined}\n        data-scrolling={scrolling() ? \"true\" : undefined}\n        onMouseLeave={() => setHoveredColumn(null)}\n      >\n        <div\n          ref={scrollRef}\n          role=\"region\"\n          aria-label={labelledBy() ? undefined : (props.ariaLabel ?? dataTableMessages().dataTable)}\n          aria-labelledby={labelledBy()}\n          tabIndex={0}\n          class={`k2b-table-wrap${props.scrollClass ? ` ${props.scrollClass}` : \"\"}`}\n          data-density={props.density === \"compact\" ? \"compact\" : undefined}\n          data-has-footer={props.footer ? \"true\" : undefined}\n          data-surface={surface()}\n          data-scroll-preserve={props.scrollPreserveKey || undefined}\n          onScroll={onScroll}\n        >\n          <table ref={tableRef} class={tableClass()} data-fill={props.fillHeight ? \"true\" : undefined}>\n            <thead class=\"k2b-data-table__head\" data-sticky={props.stickyHeader === false ? undefined : \"true\"}>\n              <tr class=\"k2b-data-table__head-row\">\n                <For each={props.columns}>\n                  {(col, index) => (\n                    <th\n                      scope=\"col\"\n                      class={`${col.headerClass ?? \"\"} ${col.class ?? \"\"}`}\n                      data-align={alignAttr(col)}\n                      data-highlighted={columnHighlighted(index())}\n                      aria-sort={ariaSortFor(col)}\n                      onMouseEnter={() => setHoveredColumnIfEnabled(index())}\n                    >\n                      {props.renderHeader ? props.renderHeader({ col, render: () => renderHeaderDefault(col) }) : renderHeaderDefault(col)}\n                    </th>\n                  )}\n                </For>\n              </tr>\n            </thead>\n            <tbody>\n              <Show\n                when={props.rows.length > 0}\n                fallback={\n                  <tr>\n                    <td class=\"k2b-data-table__empty\" colspan={props.columns.length}>\n                      <Placeholder description={<>{props.empty ?? dataTableMessages().noRecords}</>} />\n                    </td>\n                  </tr>\n                }\n              >\n                <For each={props.rows}>\n                  {(row) => {\n                    const id = () => rowId(row);\n                    const isSelected = () =>\n                      props.selection ? props.selection.selected().has(id() ?? \"\") : props.selectedRowId && id() === props.selectedRowId;\n                    return (\n                      <tr\n                        ref={(element) => {\n                          const key = id();\n                          if (key !== undefined) props.selection?.register(key, element);\n                        }}\n                        class={`k2b-data-table__row ${rowClass(row)}`}\n                        data-hover={shouldHoverRows() ? \"true\" : undefined}\n                        data-clickable={shouldHoverRows() && isInteractive() ? \"true\" : undefined}\n                        data-selected={isSelected() ? \"true\" : undefined}\n                        aria-selected={props.selection ? !!isSelected() : undefined}\n                        tabIndex={props.selection ? (props.selection.focused() === id() ? 0 : -1) : isInteractive() ? 0 : undefined}\n                        onFocus={() => {\n                          const key = id();\n                          if (key !== undefined) props.selection?.markFocused(key);\n                        }}\n                        onClick={(event) => onRowClick(event, row)}\n                        onDblClick={(event) => onRowDoubleClick(event, row)}\n                        onContextMenu={() => props.onRowContextMenu?.(row)}\n                        onKeyDown={(e) => onRowKeyDown(e, row)}\n                      >\n                        <For each={props.columns}>\n                          {(col, index) => {\n                            const value = () => valueOf(row, col);\n                            return (\n                              <td\n                                class={`${col.cellClass ?? \"\"} ${col.class ?? \"\"}`}\n                                data-align={alignAttr(col)}\n                                data-valign={props.verticalAlign && props.verticalAlign !== \"middle\" ? props.verticalAlign : undefined}\n                                data-highlighted={columnHighlighted(index())}\n                                onMouseEnter={() => setHoveredColumnIfEnabled(index())}\n                              >\n                                <div class={cellContentClass()}>\n                                  {props.renderCell\n                                    ? props.renderCell({\n                                        row,\n                                        col,\n                                        value: value(),\n                                        render: (v) => renderCellDefault(row, { ...col, value: () => v }),\n                                      })\n                                    : renderValueDefault(value())}\n                                </div>\n                              </td>\n                            );\n                          }}\n                        </For>\n                      </tr>\n                    );\n                  }}\n                </For>\n                <Show when={props.fillHeight}>\n                  <tr aria-hidden=\"true\">\n                    <td class=\"k2b-data-table__fill\" colspan={props.columns.length} />\n                  </tr>\n                </Show>\n              </Show>\n            </tbody>\n            <Show when={props.footer}>\n              {(footer) => (\n                <tfoot class=\"k2b-data-table__foot\" data-sticky=\"true\">\n                  <tr class=\"k2b-data-table__foot-row\">\n                    <For each={props.columns}>\n                      {(col, index) => {\n                        const value = () => footer().values?.[col.id];\n                        return (\n                          <td\n                            class=\"k2b-data-table__footer-cell\"\n                            data-align={alignAttr(col)}\n                            data-highlighted={columnHighlighted(index())}\n                            onMouseEnter={() => setHoveredColumnIfEnabled(index())}\n                          >\n                            {footer().renderCell\n                              ? footer().renderCell!({ col, value: value(), render: renderValueDefault })\n                              : renderValueDefault(value())}\n                          </td>\n                        );\n                      }}\n                    </For>\n                  </tr>\n                </tfoot>\n              )}\n            </Show>\n          </table>\n          <Show when={shouldRenderLoadMoreSentinel()}>\n            <div ref={loadMoreRef} class=\"k2b-data-table__sentinel\" aria-hidden=\"true\" />\n          </Show>\n        </div>\n        <For each={[\"y\", \"x\"] as const}>\n          {(axis) => (\n            <div\n              class=\"k2b-data-table__scrollbar\"\n              data-axis={axis}\n              data-overflow={scrollbars()[axis].overflow ? \"true\" : undefined}\n              aria-hidden=\"true\"\n              onPointerDown={(event) => startScrollbarDrag(event, axis)}\n              onPointerMove={(event) => {\n                if (event.currentTarget.hasPointerCapture(event.pointerId)) scrollFromPointer(event, axis);\n              }}\n              onPointerUp={(event) => event.currentTarget.releasePointerCapture(event.pointerId)}\n              onPointerCancel={(event) => event.currentTarget.releasePointerCapture(event.pointerId)}\n            >\n              <span\n                style={{\n                  \"--k2b-data-table-scroll-offset\": `${scrollbars()[axis].offset}px`,\n                  \"--k2b-data-table-scroll-size\": `${scrollbars()[axis].size}px`,\n                }}\n              />\n            </div>\n          )}\n        </For>\n      </Dynamic>\n    </Show>\n  );\n}\n\nconst DataTablePanel = (props: DataTablePanelProps): JSX.Element => {\n  const headingId = `k2b-data-table-${createUniqueId()}-heading`;\n  const [hasHeading, setHasHeading] = createSignal(false);\n  const context: DataTablePanelContextValue = {\n    headingId,\n    hasHeading,\n    registerHeading: () => setHasHeading(true),\n  };\n\n  return (\n    <DataTablePanelContext.Provider value={context}>\n      <Paper as=\"section\" class={`k2b-data-panel ${props.class ?? \"\"}`}>\n        {props.children}\n      </Paper>\n    </DataTablePanelContext.Provider>\n  );\n};\n\nconst DataTableHeader = (props: DataTableHeaderProps): JSX.Element => {\n  const panel = useContext(DataTablePanelContext);\n  panel?.registerHeading();\n\n  return (\n    <div class={`k2b-data-panel__header ${props.class ?? \"\"}`}>\n      <PanelHeader\n        title={<span id={panel?.headingId}>{props.title}</span>}\n        subtitle={props.subtitle}\n        actions={props.children}\n        as={props.as}\n        size={props.size}\n      />\n    </div>\n  );\n};\n\nconst DataTableControls = (props: DataTableControlsProps): JSX.Element => (\n  <div class={`k2b-data-panel__controls ${props.class ?? \"\"}`}>{props.children}</div>\n);\n\nconst DataTablePanelFooter = (props: DataTablePanelFooterProps): JSX.Element => (\n  <footer class={`k2b-data-panel__footer ${props.class ?? \"\"}`}>{props.children}</footer>\n);\n\ntype DataTableComponent = {\n  <T>(props: DataTableProps<T>): JSX.Element;\n  Panel: (props: DataTablePanelProps) => JSX.Element;\n  Header: (props: DataTableHeaderProps) => JSX.Element;\n  Controls: (props: DataTableControlsProps) => JSX.Element;\n  Footer: (props: DataTablePanelFooterProps) => JSX.Element;\n};\n\nconst DataTable = DataTableRoot as DataTableComponent;\nDataTable.Panel = DataTablePanel;\nDataTable.Header = DataTableHeader;\nDataTable.Controls = DataTableControls;\nDataTable.Footer = DataTablePanelFooter;\n\nexport default DataTable;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/content/Docs.js

@@ -24,6 +24,7 @@ import { For, Show } from "solid-js";
 import CopyButton from "../actions/CopyButton";
 import { useUiMessages } from "../intl/messages";
 import { highlightCodeDisplayLines } from "./code-highlight";
+import { useDocsMessages } from "./docs-messages";
 export const DocPage = props => _$ssr(_tmpl$, `k2b-content-docs ${_$escape(props.class ?? "", true)}`, _$escape(props.children));
 export const DocLead = props => _$ssr(_tmpl$2, _$escape(props.children));
 export const DocSection = props => _$ssr(_tmpl$3, _$escape(_$createComponent(Show, {
@@ -35,6 +36,7 @@ export const DocSection = props => _$ssr(_tmpl$3, _$escape(_$createComponent(Sho
 export const DocInlineCode = props => _$ssr(_tmpl$5, _$escape(props.children));
 export const DocCode = props => {
   const messages = useUiMessages();
+  const docsMessages = useDocsMessages();
   const code = () => props.format?.(props.code) ?? props.code;
   const lineNumbers = () => props.lineNumbers ?? false;
   const hasHeader = () => Boolean(props.title || props.copy);
@@ -66,7 +68,7 @@ export const DocCode = props => {
         }
       })));
     }
-  })), _$ssrAttribute("data-header", hasHeader() ? "true" : _$escape(undefined, true), false), _$ssrAttribute("aria-label", props.title ? _$escape(messages().codeLabel({
+  })), _$ssrAttribute("data-header", hasHeader() ? "true" : _$escape(undefined, true), false), _$ssrAttribute("aria-label", props.title ? _$escape(docsMessages().codeLabel({
     title: props.title
   }), true) : _$escape(messages().code, true), false), _$escape(_$createComponent(For, {
     get each() {

package/dist/ssr/content/Docs.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/Docs.tsx"],"sourcesContent":["import { For, type JSX, Show } from \"solid-js\";\nimport CopyButton from \"../actions/CopyButton\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { CodeDisplayLanguage } from \"./CodeDisplay\";\nimport { highlightCodeDisplayLines } from \"./code-highlight\";\n\nexport type DocCodeHighlighter = (code: string) => string;\n\nexport type DocCodeProps = {\n  code: string;\n  title?: string;\n  language?: CodeDisplayLanguage;\n  highlight?: DocCodeHighlighter;\n  format?: (code: string) => string;\n  copy?: boolean;\n  copyText?: string;\n  lineNumbers?: boolean;\n  class?: string;\n};\n\nexport type DocNoteVariant = \"info\" | \"tip\" | \"warning\";\n\nexport type DocRow = {\n  title: string;\n  icon?: string;\n  text: JSX.Element;\n};\n\nexport type DocConcept = {\n  title: string;\n  icon: string;\n  text: JSX.Element;\n};\n\nexport const DocPage = (props: { children: JSX.Element; class?: string }) => (\n  <div class={`k2b-content-docs ${props.class ?? \"\"}`}>{props.children}</div>\n);\n\nexport const DocLead = (props: { children: JSX.Element }) => <p class=\"k2b-content-doc-lead\">{props.children}</p>;\n\nexport const DocSection = (props: { title: string; eyebrow?: string; children: JSX.Element }) => (\n  <section class=\"k2b-content-doc-section\">\n    <div>\n      <Show when={props.eyebrow}>{(eyebrow) => <p class=\"k2b-content-doc-eyebrow\">{eyebrow()}</p>}</Show>\n      <h2 class=\"k2b-content-doc-title\">{props.title}</h2>\n    </div>\n    {props.children}\n  </section>\n);\n\nexport const DocInlineCode = (props: { children: JSX.Element }) => <code class=\"k2b-content-doc-inline-code\">{props.children}</code>;\n\nexport const DocCode = (props: DocCodeProps) => {\n  const messages = useUiMessages();\n  const code = () => props.format?.(props.code) ?? props.code;\n  const lineNumbers = () => props.lineNumbers ?? false;\n  const hasHeader = () => Boolean(props.title || props.copy);\n  const lines = () => {\n    const formatted = code();\n    if (props.highlight) return formatted.split(\"\\n\").map((line) => props.highlight?.(line || \" \") ?? \"\");\n    return highlightCodeDisplayLines(formatted, props.language ?? \"text\");\n  };\n\n  return (\n    <div class={`k2b-content-doc-code ${props.class ?? \"\"}`}>\n      <Show when={hasHeader()}>\n        <div class=\"k2b-content-doc-code__header\">\n          <Show when={props.title}>{(title) => <p class=\"k2b-content-doc-code__title\">{title()}</p>}</Show>\n          <Show when={props.copy}>\n            <CopyButton text={props.copyText ?? code()} />\n          </Show>\n        </div>\n      </Show>\n      <div\n        class=\"k2b-content-doc-code__body\"\n        data-header={hasHeader() ? \"true\" : undefined}\n        tabIndex={0}\n        role=\"region\"\n        aria-label={props.title ? messages().codeLabel({ title: props.title }) : messages().code}\n      >\n        <div class=\"k2b-content-doc-code__lines\">\n          <For each={lines()}>\n            {(line, index) => (\n              <div class=\"k2b-content-doc-code__line\" data-numbered={lineNumbers() ? \"true\" : undefined}>\n                <Show when={lineNumbers()}>\n                  <span class=\"k2b-content-doc-code__number\">{index() + 1}</span>\n                </Show>\n                <code innerHTML={line || \" \"} />\n              </div>\n            )}\n          </For>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport const DocConceptGrid = (props: { items: DocConcept[] }) => (\n  <div class=\"k2b-content-doc-concepts\">\n    <For each={props.items}>\n      {(item) => (\n        <div class=\"k2b-content-doc-concept\">\n          <i class={`ti ${item.icon} k2b-content-doc-icon`} aria-hidden=\"true\" />\n          <div>\n            <p class=\"k2b-content-doc-item-title\">{item.title}</p>\n            <p class=\"k2b-content-doc-item-text\">{item.text}</p>\n          </div>\n        </div>\n      )}\n    </For>\n  </div>\n);\n\nexport const DocRows = (props: { items: DocRow[] }) => (\n  <div class=\"k2b-content-doc-rows\">\n    <For each={props.items}>\n      {(item) => (\n        <article class=\"k2b-content-doc-row\">\n          <Show when={item.icon} fallback={<span aria-hidden=\"true\" />}>\n            {(icon) => <i class={`ti ${icon()} k2b-content-doc-icon`} aria-hidden=\"true\" />}\n          </Show>\n          <p class=\"k2b-content-doc-item-title\">{item.title}</p>\n          <div class=\"k2b-content-doc-item-text\">{item.text}</div>\n        </article>\n      )}\n    </For>\n  </div>\n);\n\nexport const DocNote = (props: { title: string; variant?: DocNoteVariant; children: JSX.Element }) => {\n  const variant = () => props.variant ?? \"info\";\n  return (\n    <aside class=\"k2b-content-doc-note\" data-variant={variant()}>\n      <p class=\"k2b-content-doc-note__title\">{props.title}</p>\n      <div class=\"k2b-content-doc-note__body\">{props.children}</div>\n    </aside>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/Docs.tsx"],"sourcesContent":["import { For, type JSX, Show } from \"solid-js\";\nimport CopyButton from \"../actions/CopyButton\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { CodeDisplayLanguage } from \"./CodeDisplay\";\nimport { highlightCodeDisplayLines } from \"./code-highlight\";\nimport { useDocsMessages } from \"./docs-messages\";\n\nexport type DocCodeHighlighter = (code: string) => string;\n\nexport type DocCodeProps = {\n  code: string;\n  title?: string;\n  language?: CodeDisplayLanguage;\n  highlight?: DocCodeHighlighter;\n  format?: (code: string) => string;\n  copy?: boolean;\n  copyText?: string;\n  lineNumbers?: boolean;\n  class?: string;\n};\n\nexport type DocNoteVariant = \"info\" | \"tip\" | \"warning\";\n\nexport type DocRow = {\n  title: string;\n  icon?: string;\n  text: JSX.Element;\n};\n\nexport type DocConcept = {\n  title: string;\n  icon: string;\n  text: JSX.Element;\n};\n\nexport const DocPage = (props: { children: JSX.Element; class?: string }) => (\n  <div class={`k2b-content-docs ${props.class ?? \"\"}`}>{props.children}</div>\n);\n\nexport const DocLead = (props: { children: JSX.Element }) => <p class=\"k2b-content-doc-lead\">{props.children}</p>;\n\nexport const DocSection = (props: { title: string; eyebrow?: string; children: JSX.Element }) => (\n  <section class=\"k2b-content-doc-section\">\n    <div>\n      <Show when={props.eyebrow}>{(eyebrow) => <p class=\"k2b-content-doc-eyebrow\">{eyebrow()}</p>}</Show>\n      <h2 class=\"k2b-content-doc-title\">{props.title}</h2>\n    </div>\n    {props.children}\n  </section>\n);\n\nexport const DocInlineCode = (props: { children: JSX.Element }) => <code class=\"k2b-content-doc-inline-code\">{props.children}</code>;\n\nexport const DocCode = (props: DocCodeProps) => {\n  const messages = useUiMessages();\n  const docsMessages = useDocsMessages();\n  const code = () => props.format?.(props.code) ?? props.code;\n  const lineNumbers = () => props.lineNumbers ?? false;\n  const hasHeader = () => Boolean(props.title || props.copy);\n  const lines = () => {\n    const formatted = code();\n    if (props.highlight) return formatted.split(\"\\n\").map((line) => props.highlight?.(line || \" \") ?? \"\");\n    return highlightCodeDisplayLines(formatted, props.language ?? \"text\");\n  };\n\n  return (\n    <div class={`k2b-content-doc-code ${props.class ?? \"\"}`}>\n      <Show when={hasHeader()}>\n        <div class=\"k2b-content-doc-code__header\">\n          <Show when={props.title}>{(title) => <p class=\"k2b-content-doc-code__title\">{title()}</p>}</Show>\n          <Show when={props.copy}>\n            <CopyButton text={props.copyText ?? code()} />\n          </Show>\n        </div>\n      </Show>\n      <div\n        class=\"k2b-content-doc-code__body\"\n        data-header={hasHeader() ? \"true\" : undefined}\n        tabIndex={0}\n        role=\"region\"\n        aria-label={props.title ? docsMessages().codeLabel({ title: props.title }) : messages().code}\n      >\n        <div class=\"k2b-content-doc-code__lines\">\n          <For each={lines()}>\n            {(line, index) => (\n              <div class=\"k2b-content-doc-code__line\" data-numbered={lineNumbers() ? \"true\" : undefined}>\n                <Show when={lineNumbers()}>\n                  <span class=\"k2b-content-doc-code__number\">{index() + 1}</span>\n                </Show>\n                <code innerHTML={line || \" \"} />\n              </div>\n            )}\n          </For>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport const DocConceptGrid = (props: { items: DocConcept[] }) => (\n  <div class=\"k2b-content-doc-concepts\">\n    <For each={props.items}>\n      {(item) => (\n        <div class=\"k2b-content-doc-concept\">\n          <i class={`ti ${item.icon} k2b-content-doc-icon`} aria-hidden=\"true\" />\n          <div>\n            <p class=\"k2b-content-doc-item-title\">{item.title}</p>\n            <p class=\"k2b-content-doc-item-text\">{item.text}</p>\n          </div>\n        </div>\n      )}\n    </For>\n  </div>\n);\n\nexport const DocRows = (props: { items: DocRow[] }) => (\n  <div class=\"k2b-content-doc-rows\">\n    <For each={props.items}>\n      {(item) => (\n        <article class=\"k2b-content-doc-row\">\n          <Show when={item.icon} fallback={<span aria-hidden=\"true\" />}>\n            {(icon) => <i class={`ti ${icon()} k2b-content-doc-icon`} aria-hidden=\"true\" />}\n          </Show>\n          <p class=\"k2b-content-doc-item-title\">{item.title}</p>\n          <div class=\"k2b-content-doc-item-text\">{item.text}</div>\n        </article>\n      )}\n    </For>\n  </div>\n);\n\nexport const DocNote = (props: { title: string; variant?: DocNoteVariant; children: JSX.Element }) => {\n  const variant = () => props.variant ?? \"info\";\n  return (\n    <aside class=\"k2b-content-doc-note\" data-variant={variant()}>\n      <p class=\"k2b-content-doc-note__title\">{props.title}</p>\n      <div class=\"k2b-content-doc-note__body\">{props.children}</div>\n    </aside>\n  );\n};\n"],"mappings":"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","ignoreList":[]}