@gunkin/uiify 0.0.22-alpha → 0.0.25-alpha

package/dist/components/internal/native-check-control/types.d.ts

@@ -1,5 +1,23 @@
-import type { ReactNode } from "react";
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { ConsumerDataAttributes } from "../../../core/slot-props.js";
 export type CheckedState = boolean | "indeterminate";
+type NativeCheckControlInputOwnedAttributes = {
+    readonly "aria-checked"?: never;
+    readonly "aria-label"?: never;
+    readonly "aria-labelledby"?: never;
+    readonly "data-disabled"?: never;
+    readonly "data-part"?: never;
+    readonly "data-state"?: never;
+    readonly "data-uiify-checkbox"?: never;
+};
+type NativeCheckControlLabelOwnedAttributes = {
+    readonly "data-uiify-checkbox"?: never;
+    readonly id?: never;
+};
+export interface NativeCheckControlSlotProps {
+    readonly input?: Omit<ComponentPropsWithRef<"input">, "aria-checked" | "aria-label" | "aria-labelledby" | "checked" | "children" | "defaultChecked" | "defaultValue" | "disabled" | "dangerouslySetInnerHTML" | "id" | "name" | "type" | "value" | "data-disabled" | "data-part" | "data-state" | "data-uiify-checkbox"> & ConsumerDataAttributes & NativeCheckControlInputOwnedAttributes;
+    readonly label?: Omit<ComponentPropsWithRef<"label">, "children" | "dangerouslySetInnerHTML" | "htmlFor" | "id" | "data-uiify-checkbox"> & ConsumerDataAttributes & NativeCheckControlLabelOwnedAttributes;
+}
 export interface NativeCheckControlProps {
     readonly id: string;
     readonly label?: ReactNode;
@@ -10,6 +28,8 @@ export interface NativeCheckControlProps {
     readonly value?: string;
     readonly className?: string;
     readonly onCheckedChange?: (checked: boolean) => void;
+    readonly slotProps?: NativeCheckControlSlotProps;
     readonly "aria-label"?: string;
 }
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/internal/native-check-control/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/native-check-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,eAAe,CAAC;AAErD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAChC,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/native-check-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAE1E,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,eAAe,CAAC;AAErD,KAAK,sCAAsC,GAAG;IAC5C,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC;IAC9B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IACnC,QAAQ,CAAC,eAAe,CAAC,EAAE,KAAK,CAAC;IACjC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAC7B,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC;IAC9B,QAAQ,CAAC,qBAAqB,CAAC,EAAE,KAAK,CAAC;CACxC,CAAC;AAEF,KAAK,sCAAsC,GAAG;IAC5C,QAAQ,CAAC,qBAAqB,CAAC,EAAE,KAAK,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CACnB,qBAAqB,CAAC,OAAO,CAAC,EAC5B,cAAc,GACd,YAAY,GACZ,iBAAiB,GACjB,SAAS,GACT,UAAU,GACV,gBAAgB,GAChB,cAAc,GACd,UAAU,GACV,yBAAyB,GACzB,IAAI,GACJ,MAAM,GACN,MAAM,GACN,OAAO,GACP,eAAe,GACf,WAAW,GACX,YAAY,GACZ,qBAAqB,CACxB,GACC,sBAAsB,GACtB,sCAAsC,CAAC;IACzC,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CACnB,qBAAqB,CAAC,OAAO,CAAC,EAC9B,UAAU,GAAG,yBAAyB,GAAG,SAAS,GAAG,IAAI,GAAG,qBAAqB,CAClF,GACC,sBAAsB,GACtB,sCAAsC,CAAC;CAC1C;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAChC,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,SAAS,CAAC,EAAE,2BAA2B,CAAC;IACjD,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC"}

package/dist/components/line-chart/LineChart.d.ts

@@ -1,7 +1,7 @@
 import type { ElementType, ReactElement } from "react";
 import type { LineChartPointProps, LineChartProps } from "./types.js";
 /** One point and the segment from its predecessor; shared by the static list and virtual rows. */
-export declare function LineChartPoint({ as: Tag, point, previousPoint, index, count, min, max, interactive, isActive, isSelected, cursorY, onPointClick, onPointPointerLeave, onPointPointerMove, }: LineChartPointProps): ReactElement;
+export declare function LineChartPoint({ as: Tag, point, previousPoint, index, count, min, max, interactive, isActive, isSelected, cursorY, onPointClick, onPointPointerLeave, onPointPointerMove, slotProps, }: LineChartPointProps): ReactElement;
 export declare namespace LineChartPoint {
     var displayName: string;
 }

package/dist/components/line-chart/LineChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/components/line-chart/LineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAA+B,YAAY,EAAE,MAAM,OAAO,CAAC;AAepF,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAsB,MAAM,YAAY,CAAC;AAE1F,kGAAkG;AAClG,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EAAE,GAAG,EACP,KAAK,EACL,aAAa,EACb,KAAK,EACL,KAAK,EACL,GAAG,EACH,GAAG,EACH,WAAW,EACX,QAAQ,EACR,UAAU,EACV,OAAO,EACP,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,GACnB,EAAE,mBAAmB,GAAG,YAAY,CAmCpC;yBAlDe,cAAc;;;AAqD9B,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC1D,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CAsJrB;yBAxJe,SAAS"}
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/components/line-chart/LineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAA+B,YAAY,EAAO,MAAM,OAAO,CAAC;AAiBzF,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAsB,MAAM,YAAY,CAAC;AAyC1F,kGAAkG;AAClG,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EAAE,GAAG,EACP,KAAK,EACL,aAAa,EACb,KAAK,EACL,KAAK,EACL,GAAG,EACH,GAAG,EACH,WAAW,EACX,QAAQ,EACR,UAAU,EACV,OAAO,EACP,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,SAAS,GACV,EAAE,mBAAmB,GAAG,YAAY,CAmEpC;yBAnFe,cAAc;;;AAsF9B,wBAAgB,SAAS,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC1D,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,YAAY,GAAG,IAAI,CAqOrB;yBAvOe,SAAS"}

package/dist/components/line-chart/LineChart.js

@@ -1,5 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRenderElement } from "@gunkin/uiify/core/render";
+import { mergeRepeatedSlotProps, omitProps } from "../../core/slot-props.js";
+import { assignRef } from "../../hooks/utils/assign-ref.js";
 import {
   axisLabelsFor,
   axisStyle,
@@ -13,6 +15,31 @@ import {
   slotCrosshairStyle,
   valueLabelsFor
 } from "./line-chart-geometry.js";
+function getPartProps(props, protectedKeys = []) {
+  return omitProps(props, ["children", "dangerouslySetInnerHTML", ...protectedKeys]);
+}
+function getIndexedPartProps(props, index, protectedKeys = []) {
+  const { byItemIndex, ...common } = props ?? {};
+  const merged = mergeRepeatedSlotProps(common, byItemIndex?.[index]);
+  return omitProps(merged, [
+    "children",
+    "dangerouslySetInnerHTML",
+    "byItemIndex",
+    ...protectedKeys
+  ]);
+}
+function withGeneratedStyle(props, generatedStyle) {
+  return { ...props, style: { ...props.style, ...generatedStyle } };
+}
+function forwardPointRef(ref) {
+  return (element) => {
+    const cleanup = assignRef(ref, element);
+    if (typeof cleanup === "function") return cleanup;
+    if (ref && typeof ref !== "function" && element !== null) {
+      return () => assignRef(ref, null);
+    }
+  };
+}
 function LineChartPoint({
   as: Tag,
   point,
@@ -27,10 +54,29 @@ function LineChartPoint({
   cursorY,
   onPointClick,
   onPointPointerLeave,
-  onPointPointerMove
+  onPointPointerMove,
+  slotProps
 }) {
   const geometry = geometryFor(point, previousPoint, index, count, min, max);
+  const pointSlotProps = getIndexedPartProps(slotProps?.point, index, [
+    "aria-hidden",
+    "data-crosshair-active",
+    "data-first",
+    "data-part",
+    "data-point-selected",
+    "data-time",
+    "data-trend"
+  ]);
+  const { ref: pointRef, ...pointProps } = pointSlotProps;
+  const pointHitSlotProps = getIndexedPartProps(slotProps?.pointHit, index, [
+    "aria-label",
+    "aria-pressed",
+    "data-part",
+    "type"
+  ]);
   const handleKeyDown = (event) => {
+    pointHitSlotProps.onKeyDown?.(event);
+    if (event.defaultPrevented) return;
     if (event.key !== "Enter" && event.key !== " ") return;
     event.preventDefault();
     onPointClick?.(index);
@@ -38,6 +84,8 @@ function LineChartPoint({
   return /* @__PURE__ */ jsx(
     Tag,
     {
+      ...pointProps,
+      ...pointRef ? { ref: forwardPointRef(pointRef) } : {},
       "aria-hidden": interactive ? void 0 : true,
       "data-part": "point",
       "data-first": previousPoint === void 0 ? "" : void 0,
@@ -45,18 +93,32 @@ function LineChartPoint({
       "data-point-selected": interactive && isSelected ? "" : void 0,
       "data-time": String(point.time),
       "data-trend": geometry.trend,
-      style: pointStyle(geometry, isActive ? cursorY : void 0),
+      style: {
+        ...pointSlotProps.style,
+        ...pointStyle(geometry, isActive ? cursorY : void 0)
+      },
       children: interactive ? /* @__PURE__ */ jsx(
         "button",
         {
+          ...pointHitSlotProps,
           "data-part": "point-hit",
           type: "button",
           "aria-label": `Point ${String(point.time)}`,
           "aria-pressed": isSelected,
-          onClick: () => onPointClick?.(index),
+          onClick: (event) => {
+            pointHitSlotProps.onClick?.(event);
+            if (!event.defaultPrevented) onPointClick?.(index);
+          },
           onKeyDown: handleKeyDown,
-          onPointerLeave: onPointPointerLeave,
-          onPointerMove: (event) => onPointPointerMove?.({ index, offsetY: event.nativeEvent.offsetY })
+          onPointerLeave: (event) => {
+            pointHitSlotProps.onPointerLeave?.(event);
+            if (!event.defaultPrevented) onPointPointerLeave?.();
+          },
+          onPointerMove: (event) => {
+            pointHitSlotProps.onPointerMove?.(event);
+            if (!event.defaultPrevented)
+              onPointPointerMove?.({ index, offsetY: event.nativeEvent.offsetY });
+          }
         }
       ) : null
     }
@@ -79,6 +141,7 @@ function LineChart(props) {
     onPointPointerLeave,
     onPointPointerMove,
     selectedPointIndex,
+    slotProps,
     pointLayer,
     announceReadout = true,
     slotCount,
@@ -92,26 +155,36 @@ function LineChart(props) {
   const readoutIndex = activePointIndex ?? selectedPointIndex ?? (data.length > 0 ? data.length - 1 : void 0);
   const readoutPoint = readoutIndex === void 0 ? void 0 : data[readoutIndex];
   const crosshairPoint = activePointIndex === void 0 ? void 0 : data[activePointIndex];
-  const points = pointLayer ?? /* @__PURE__ */ jsx("ol", { "data-part": "points", "aria-label": `${label} points`, style: pointsStyle(data.length), children: data.map((point, index) => /* @__PURE__ */ jsx(
-    LineChartPoint,
+  const points = pointLayer ?? /* @__PURE__ */ jsx(
+    "ol",
     {
-      as: "li",
-      point,
-      previousPoint: data[index - 1],
-      index,
-      count: data.length,
-      min,
-      max,
-      interactive,
-      isActive: activePointIndex === index,
-      isSelected: selectedPointIndex === index,
-      cursorY,
-      onPointClick,
-      onPointPointerLeave,
-      onPointPointerMove
-    },
-    `${point.time}-${index}`
-  )) });
+      ...getPartProps(slotProps?.points, ["aria-label", "data-part"]),
+      "data-part": "points",
+      "aria-label": `${label} points`,
+      style: { ...slotProps?.points?.style, ...pointsStyle(data.length) },
+      children: data.map((point, index) => /* @__PURE__ */ jsx(
+        LineChartPoint,
+        {
+          as: "li",
+          point,
+          previousPoint: data[index - 1],
+          index,
+          count: data.length,
+          min,
+          max,
+          interactive,
+          isActive: activePointIndex === index,
+          isSelected: selectedPointIndex === index,
+          cursorY,
+          onPointClick,
+          onPointPointerLeave,
+          onPointPointerMove,
+          slotProps
+        },
+        `${point.time}-${index}`
+      ))
+    }
+  );
   const crosshairFor = (index, y) => slotCount === void 0 ? crosshairStyle(index, data.length, y) : slotCrosshairStyle(slotOffset + index, slotCount, y);
   return useRenderElement({
     as,
@@ -122,66 +195,174 @@ function LineChart(props) {
       "data-uiify-line-chart": "",
       "data-interactive": interactive ? "" : void 0,
       children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("figcaption", { children: label }),
-        interactive && readoutPoint ? /* @__PURE__ */ jsxs("div", { "data-part": "readout", "aria-live": announceReadout ? "polite" : "off", children: [
-          /* @__PURE__ */ jsx("span", { "data-part": "readout-time", children: String(readoutPoint.time) }),
-          /* @__PURE__ */ jsx("span", { children: readoutPoint.value })
-        ] }) : null,
-        /* @__PURE__ */ jsxs("div", { "data-part": "plot", "aria-hidden": interactive ? void 0 : true, children: [
-          /* @__PURE__ */ jsx("div", { "data-part": "scroll-viewport", children: /* @__PURE__ */ jsxs("div", { "data-part": "canvas", children: [
-            /* @__PURE__ */ jsxs("div", { "data-part": "viewport", children: [
-              points,
-              interactive && crosshairPoint && activePointIndex !== void 0 ? /* @__PURE__ */ jsx(
-                "div",
+        /* @__PURE__ */ jsx("figcaption", { ...getPartProps(slotProps?.caption), children: label }),
+        interactive && readoutPoint ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ...getPartProps(slotProps?.readout, ["aria-live", "data-part"]),
+            "data-part": "readout",
+            "aria-live": announceReadout ? "polite" : "off",
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
                 {
-                  "data-part": "crosshair",
-                  "aria-hidden": "true",
-                  style: crosshairFor(activePointIndex, cursorY),
-                  children: /* @__PURE__ */ jsx("span", { "data-part": "crosshair-marker", children: "+" })
+                  ...getPartProps(slotProps?.readoutTime, ["data-part"]),
+                  "data-part": "readout-time",
+                  children: String(readoutPoint.time)
                 }
-              ) : null
-            ] }),
-            /* @__PURE__ */ jsx("div", { "data-part": "time-viewport", children: /* @__PURE__ */ jsxs("ol", { "data-part": "time-axis", "data-axis": "time", "aria-label": `${label} dates`, children: [
-              timeLabels.map((axisLabel, index) => /* @__PURE__ */ jsx(
-                "li",
+              ),
+              /* @__PURE__ */ jsx("span", { ...getPartProps(slotProps?.readoutValue), children: readoutPoint.value })
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ...getPartProps(slotProps?.plot, ["aria-hidden", "data-part"]),
+            "data-part": "plot",
+            "aria-hidden": interactive ? void 0 : true,
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
                 {
-                  style: axisStyle("x", axisLabel.position),
-                  children: axisLabel.label
-                },
-                `${axisLabel.position}-${index}`
-              )),
-              interactive && crosshairPoint && activePointIndex !== void 0 ? /* @__PURE__ */ jsx(
-                "li",
+                  ...getPartProps(slotProps?.scrollViewport, ["data-part"]),
+                  "data-part": "scroll-viewport",
+                  children: /* @__PURE__ */ jsxs("div", { ...getPartProps(slotProps?.canvas, ["data-part"]), "data-part": "canvas", children: [
+                    /* @__PURE__ */ jsxs("div", { ...getPartProps(slotProps?.viewport, ["data-part"]), "data-part": "viewport", children: [
+                      points,
+                      interactive && crosshairPoint && activePointIndex !== void 0 ? /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          ...getPartProps(slotProps?.crosshair, ["aria-hidden", "data-part"]),
+                          "data-part": "crosshair",
+                          "aria-hidden": "true",
+                          style: {
+                            ...slotProps?.crosshair?.style,
+                            ...crosshairFor(activePointIndex, cursorY)
+                          },
+                          children: /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              ...getPartProps(slotProps?.crosshairMarker, ["data-part"]),
+                              "data-part": "crosshair-marker",
+                              children: "+"
+                            }
+                          )
+                        }
+                      ) : null
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        ...getPartProps(slotProps?.timeViewport, ["data-part"]),
+                        "data-part": "time-viewport",
+                        children: /* @__PURE__ */ jsxs(
+                          "ol",
+                          {
+                            ...getPartProps(slotProps?.timeAxis, ["aria-label", "data-axis", "data-part"]),
+                            "data-part": "time-axis",
+                            "data-axis": "time",
+                            "aria-label": `${label} dates`,
+                            children: [
+                              timeLabels.map((axisLabel, index) => /* @__PURE__ */ jsx(
+                                "li",
+                                {
+                                  ...withGeneratedStyle(
+                                    getIndexedPartProps(slotProps?.timeAxisLabel, index, ["data-part"]),
+                                    axisStyle("x", axisLabel.position)
+                                  ),
+                                  children: axisLabel.label
+                                },
+                                `${axisLabel.position}-${index}`
+                              )),
+                              interactive && crosshairPoint && activePointIndex !== void 0 ? /* @__PURE__ */ jsx(
+                                "li",
+                                {
+                                  ...getPartProps(slotProps?.crosshairTime, ["data-part"]),
+                                  "data-part": "crosshair-time",
+                                  style: {
+                                    ...slotProps?.crosshairTime?.style,
+                                    ...crosshairFor(activePointIndex, void 0)
+                                  },
+                                  children: String(crosshairPoint.time)
+                                }
+                              ) : null
+                            ]
+                          }
+                        )
+                      }
+                    )
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "ol",
                 {
-                  "data-part": "crosshair-time",
-                  style: crosshairFor(activePointIndex, void 0),
-                  children: String(crosshairPoint.time)
+                  ...getPartProps(slotProps?.valueAxis, ["aria-label", "data-axis", "data-part"]),
+                  "data-part": "value-axis",
+                  "data-axis": "value",
+                  "aria-label": `${label} values`,
+                  children: [
+                    valueLabels.map((axisLabel, index) => /* @__PURE__ */ jsx(
+                      "li",
+                      {
+                        ...withGeneratedStyle(
+                          getIndexedPartProps(slotProps?.valueAxisLabel, index, ["data-part"]),
+                          axisStyle("y", axisLabel.position)
+                        ),
+                        children: axisLabel.label
+                      },
+                      `${axisLabel.position}-${index}`
+                    )),
+                    interactive && crosshairPoint && activePointIndex !== void 0 ? /* @__PURE__ */ jsx(
+                      "li",
+                      {
+                        ...getPartProps(slotProps?.crosshairValue, ["data-part"]),
+                        "data-part": "crosshair-value",
+                        style: { ...slotProps?.crosshairValue?.style, ...cursorStyle(cursorY) },
+                        children: crosshairPoint.value
+                      }
+                    ) : null
+                  ]
                 }
-              ) : null
-            ] }) })
-          ] }) }),
-          /* @__PURE__ */ jsxs("ol", { "data-part": "value-axis", "data-axis": "value", "aria-label": `${label} values`, children: [
-            valueLabels.map((axisLabel, index) => /* @__PURE__ */ jsx(
-              "li",
-              {
-                style: axisStyle("y", axisLabel.position),
-                children: axisLabel.label
-              },
-              `${axisLabel.position}-${index}`
-            )),
-            interactive && crosshairPoint && activePointIndex !== void 0 ? /* @__PURE__ */ jsx("li", { "data-part": "crosshair-value", style: cursorStyle(cursorY), children: crosshairPoint.value }) : null
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("table", { "data-part": "data", "aria-label": `${label} data`, children: [
-          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-            /* @__PURE__ */ jsx("th", { scope: "col", children: "Time" }),
-            /* @__PURE__ */ jsx("th", { scope: "col", children: "Value" })
-          ] }) }),
-          /* @__PURE__ */ jsx("tbody", { children: data.map((point, index) => /* @__PURE__ */ jsxs("tr", { children: [
-            /* @__PURE__ */ jsx("th", { scope: "row", children: String(point.time) }),
-            /* @__PURE__ */ jsx("td", { children: point.value })
-          ] }, `${point.time}-${index}`)) })
-        ] })
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "table",
+          {
+            ...getPartProps(slotProps?.dataTable, ["aria-label", "data-part"]),
+            "data-part": "data",
+            "aria-label": `${label} data`,
+            children: [
+              /* @__PURE__ */ jsx("thead", { ...getPartProps(slotProps?.dataTableHead), children: /* @__PURE__ */ jsxs("tr", { ...getPartProps(slotProps?.dataTableHeaderRow), children: [
+                /* @__PURE__ */ jsx("th", { ...getPartProps(slotProps?.dataTableTimeHeader, ["scope"]), scope: "col", children: "Time" }),
+                /* @__PURE__ */ jsx("th", { ...getPartProps(slotProps?.dataTableValueHeader, ["scope"]), scope: "col", children: "Value" })
+              ] }) }),
+              /* @__PURE__ */ jsx("tbody", { ...getPartProps(slotProps?.dataTableBody), children: data.map((point, index) => /* @__PURE__ */ jsxs(
+                "tr",
+                {
+                  ...getIndexedPartProps(slotProps?.dataTableRow, slotOffset + index),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "th",
+                      {
+                        ...getIndexedPartProps(slotProps?.dataTableTimeCell, slotOffset + index, [
+                          "scope"
+                        ]),
+                        scope: "row",
+                        children: String(point.time)
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("td", { ...getIndexedPartProps(slotProps?.dataTableValueCell, slotOffset + index), children: point.value })
+                  ]
+                },
+                `${point.time}-${index}`
+              )) })
+            ]
+          }
+        )
       ] })
     },
     render,

package/dist/components/line-chart/LineChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/line-chart/LineChart.tsx"],"sourcesContent":["import type { ElementType, KeyboardEvent, PointerEvent, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport {\n  axisLabelsFor,\n  axisStyle,\n  crosshairStyle,\n  cursorStyle,\n  geometryFor,\n  getValueBounds,\n  monthLabelsFor,\n  pointStyle,\n  pointsStyle,\n  slotCrosshairStyle,\n  valueLabelsFor,\n} from \"./line-chart-geometry.js\";\nimport type { LineChartPointProps, LineChartProps, LineChartViewProps } from \"./types.js\";\n\n/** One point and the segment from its predecessor; shared by the static list and virtual rows. */\nexport function LineChartPoint({\n  as: Tag,\n  point,\n  previousPoint,\n  index,\n  count,\n  min,\n  max,\n  interactive,\n  isActive,\n  isSelected,\n  cursorY,\n  onPointClick,\n  onPointPointerLeave,\n  onPointPointerMove,\n}: LineChartPointProps): ReactElement {\n  const geometry = geometryFor(point, previousPoint, index, count, min, max);\n  const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (event.key !== \"Enter\" && event.key !== \" \") return;\n    event.preventDefault();\n    onPointClick?.(index);\n  };\n\n  return (\n    <Tag\n      aria-hidden={interactive ? undefined : true}\n      data-part=\"point\"\n      data-first={previousPoint === undefined ? \"\" : undefined}\n      data-crosshair-active={interactive && isActive ? \"\" : undefined}\n      data-point-selected={interactive && isSelected ? \"\" : undefined}\n      data-time={String(point.time)}\n      data-trend={geometry.trend}\n      style={pointStyle(geometry, isActive ? cursorY : undefined)}\n    >\n      {interactive ? (\n        <button\n          data-part=\"point-hit\"\n          type=\"button\"\n          aria-label={`Point ${String(point.time)}`}\n          aria-pressed={isSelected}\n          onClick={() => onPointClick?.(index)}\n          onKeyDown={handleKeyDown}\n          onPointerLeave={onPointPointerLeave}\n          onPointerMove={(event: PointerEvent<HTMLButtonElement>) =>\n            onPointPointerMove?.({ index, offsetY: event.nativeEvent.offsetY })\n          }\n        />\n      ) : null}\n    </Tag>\n  );\n}\nLineChartPoint.displayName = \"LineChartPoint\";\n\nexport function LineChart<TAs extends ElementType = \"figure\">(\n  props: LineChartProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    data,\n    xAxis,\n    yAxis,\n    \"aria-label\": ariaLabel,\n    activePointIndex,\n    cursorY,\n    interactive = false,\n    locale = \"en-US\",\n    onPointClick,\n    onPointPointerLeave,\n    onPointPointerMove,\n    selectedPointIndex,\n    pointLayer,\n    announceReadout = true,\n    slotCount,\n    slotOffset = 0,\n    ...consumerProps\n  } = props as LineChartProps<\"figure\"> & LineChartViewProps;\n  const { min, max } = getValueBounds(data);\n  const label = ariaLabel ?? \"Line chart\";\n  const timeLabels = axisLabelsFor(xAxis, monthLabelsFor(data, locale));\n  const valueLabels = axisLabelsFor(yAxis, valueLabelsFor(min, max, locale));\n  const readoutIndex =\n    activePointIndex ?? selectedPointIndex ?? (data.length > 0 ? data.length - 1 : undefined);\n  const readoutPoint = readoutIndex === undefined ? undefined : data[readoutIndex];\n  const crosshairPoint = activePointIndex === undefined ? undefined : data[activePointIndex];\n  const points = pointLayer ?? (\n    <ol data-part=\"points\" aria-label={`${label} points`} style={pointsStyle(data.length)}>\n      {data.map((point, index) => (\n        <LineChartPoint\n          key={`${point.time}-${index}`}\n          as=\"li\"\n          point={point}\n          previousPoint={data[index - 1]}\n          index={index}\n          count={data.length}\n          min={min}\n          max={max}\n          interactive={interactive}\n          isActive={activePointIndex === index}\n          isSelected={selectedPointIndex === index}\n          cursorY={cursorY}\n          onPointClick={onPointClick}\n          onPointPointerLeave={onPointPointerLeave}\n          onPointPointerMove={onPointPointerMove}\n        />\n      ))}\n    </ol>\n  );\n  const crosshairFor = (index: number, y: number | undefined) =>\n    slotCount === undefined\n      ? crosshairStyle(index, data.length, y)\n      : slotCrosshairStyle(slotOffset + index, slotCount, y);\n\n  return useRenderElement({\n    as,\n    defaultTag: \"figure\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": label,\n      \"data-uiify-line-chart\": \"\",\n      \"data-interactive\": interactive ? \"\" : undefined,\n      children: (\n        <>\n          <figcaption>{label}</figcaption>\n          {interactive && readoutPoint ? (\n            <div data-part=\"readout\" aria-live={announceReadout ? \"polite\" : \"off\"}>\n              <span data-part=\"readout-time\">{String(readoutPoint.time)}</span>\n              <span>{readoutPoint.value}</span>\n            </div>\n          ) : null}\n          <div data-part=\"plot\" aria-hidden={interactive ? undefined : true}>\n            <div data-part=\"scroll-viewport\">\n              <div data-part=\"canvas\">\n                <div data-part=\"viewport\">\n                  {points}\n                  {interactive && crosshairPoint && activePointIndex !== undefined ? (\n                    <div\n                      data-part=\"crosshair\"\n                      aria-hidden=\"true\"\n                      style={crosshairFor(activePointIndex, cursorY)}\n                    >\n                      <span data-part=\"crosshair-marker\">+</span>\n                    </div>\n                  ) : null}\n                </div>\n                <div data-part=\"time-viewport\">\n                  <ol data-part=\"time-axis\" data-axis=\"time\" aria-label={`${label} dates`}>\n                    {timeLabels.map((axisLabel, index) => (\n                      <li\n                        key={`${axisLabel.position}-${index}`}\n                        style={axisStyle(\"x\", axisLabel.position)}\n                      >\n                        {axisLabel.label}\n                      </li>\n                    ))}\n                    {interactive && crosshairPoint && activePointIndex !== undefined ? (\n                      <li\n                        data-part=\"crosshair-time\"\n                        style={crosshairFor(activePointIndex, undefined)}\n                      >\n                        {String(crosshairPoint.time)}\n                      </li>\n                    ) : null}\n                  </ol>\n                </div>\n              </div>\n            </div>\n            <ol data-part=\"value-axis\" data-axis=\"value\" aria-label={`${label} values`}>\n              {valueLabels.map((axisLabel, index) => (\n                <li\n                  key={`${axisLabel.position}-${index}`}\n                  style={axisStyle(\"y\", axisLabel.position)}\n                >\n                  {axisLabel.label}\n                </li>\n              ))}\n              {interactive && crosshairPoint && activePointIndex !== undefined ? (\n                <li data-part=\"crosshair-value\" style={cursorStyle(cursorY)}>\n                  {crosshairPoint.value}\n                </li>\n              ) : null}\n            </ol>\n          </div>\n          <table data-part=\"data\" aria-label={`${label} data`}>\n            <thead>\n              <tr>\n                <th scope=\"col\">Time</th>\n                <th scope=\"col\">Value</th>\n              </tr>\n            </thead>\n            <tbody>\n              {data.map((point, index) => (\n                <tr key={`${point.time}-${index}`}>\n                  <th scope=\"row\">{String(point.time)}</th>\n                  <td>{point.value}</td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </>\n      ),\n    },\n    render,\n    state: {},\n  });\n}\nLineChart.displayName = \"LineChart\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/line-chart/LineChart.tsx"],"sourcesContent":["import type { ElementType, KeyboardEvent, PointerEvent, ReactElement, Ref } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { mergeRepeatedSlotProps, omitProps } from \"../../core/slot-props.js\";\nimport { assignRef } from \"../../hooks/utils/assign-ref.js\";\nimport {\n  axisLabelsFor,\n  axisStyle,\n  crosshairStyle,\n  cursorStyle,\n  geometryFor,\n  getValueBounds,\n  monthLabelsFor,\n  pointStyle,\n  pointsStyle,\n  slotCrosshairStyle,\n  valueLabelsFor,\n} from \"./line-chart-geometry.js\";\nimport type { LineChartPointProps, LineChartProps, LineChartViewProps } from \"./types.js\";\n\nfunction getPartProps<T extends object>(\n  props: T | undefined,\n  protectedKeys: readonly string[] = [],\n): T {\n  return omitProps(props, [\"children\", \"dangerouslySetInnerHTML\", ...protectedKeys]);\n}\n\nfunction getIndexedPartProps<T extends object>(\n  props: (T & { readonly byItemIndex?: Readonly<Record<number, T>> }) | undefined,\n  index: number,\n  protectedKeys: readonly string[] = [],\n): T {\n  const { byItemIndex, ...common } = props ?? {};\n  const merged = mergeRepeatedSlotProps(common as T, byItemIndex?.[index]);\n  return omitProps(merged, [\n    \"children\",\n    \"dangerouslySetInnerHTML\",\n    \"byItemIndex\",\n    ...protectedKeys,\n  ]);\n}\n\nfunction withGeneratedStyle<T extends { readonly style?: object | undefined }>(\n  props: T,\n  generatedStyle: object,\n): T {\n  return { ...props, style: { ...props.style, ...generatedStyle } };\n}\n\nfunction forwardPointRef(ref: Ref<HTMLElement> | undefined) {\n  return (element: HTMLLIElement | HTMLDivElement | null): void | (() => void) => {\n    const cleanup = assignRef(ref, element);\n    if (typeof cleanup === \"function\") return cleanup;\n    if (ref && typeof ref !== \"function\" && element !== null) {\n      return () => assignRef(ref, null);\n    }\n  };\n}\n\n/** One point and the segment from its predecessor; shared by the static list and virtual rows. */\nexport function LineChartPoint({\n  as: Tag,\n  point,\n  previousPoint,\n  index,\n  count,\n  min,\n  max,\n  interactive,\n  isActive,\n  isSelected,\n  cursorY,\n  onPointClick,\n  onPointPointerLeave,\n  onPointPointerMove,\n  slotProps,\n}: LineChartPointProps): ReactElement {\n  const geometry = geometryFor(point, previousPoint, index, count, min, max);\n  const pointSlotProps = getIndexedPartProps(slotProps?.point, index, [\n    \"aria-hidden\",\n    \"data-crosshair-active\",\n    \"data-first\",\n    \"data-part\",\n    \"data-point-selected\",\n    \"data-time\",\n    \"data-trend\",\n  ]);\n  const { ref: pointRef, ...pointProps } = pointSlotProps;\n  const pointHitSlotProps = getIndexedPartProps(slotProps?.pointHit, index, [\n    \"aria-label\",\n    \"aria-pressed\",\n    \"data-part\",\n    \"type\",\n  ]);\n  const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    pointHitSlotProps.onKeyDown?.(event);\n    if (event.defaultPrevented) return;\n    if (event.key !== \"Enter\" && event.key !== \" \") return;\n    event.preventDefault();\n    onPointClick?.(index);\n  };\n\n  return (\n    <Tag\n      {...pointProps}\n      {...(pointRef ? { ref: forwardPointRef(pointRef) } : {})}\n      aria-hidden={interactive ? undefined : true}\n      data-part=\"point\"\n      data-first={previousPoint === undefined ? \"\" : undefined}\n      data-crosshair-active={interactive && isActive ? \"\" : undefined}\n      data-point-selected={interactive && isSelected ? \"\" : undefined}\n      data-time={String(point.time)}\n      data-trend={geometry.trend}\n      style={{\n        ...pointSlotProps.style,\n        ...pointStyle(geometry, isActive ? cursorY : undefined),\n      }}\n    >\n      {interactive ? (\n        <button\n          {...pointHitSlotProps}\n          data-part=\"point-hit\"\n          type=\"button\"\n          aria-label={`Point ${String(point.time)}`}\n          aria-pressed={isSelected}\n          onClick={(event) => {\n            pointHitSlotProps.onClick?.(event);\n            if (!event.defaultPrevented) onPointClick?.(index);\n          }}\n          onKeyDown={handleKeyDown}\n          onPointerLeave={(event) => {\n            pointHitSlotProps.onPointerLeave?.(event);\n            if (!event.defaultPrevented) onPointPointerLeave?.();\n          }}\n          onPointerMove={(event: PointerEvent<HTMLButtonElement>) => {\n            pointHitSlotProps.onPointerMove?.(event);\n            if (!event.defaultPrevented)\n              onPointPointerMove?.({ index, offsetY: event.nativeEvent.offsetY });\n          }}\n        />\n      ) : null}\n    </Tag>\n  );\n}\nLineChartPoint.displayName = \"LineChartPoint\";\n\nexport function LineChart<TAs extends ElementType = \"figure\">(\n  props: LineChartProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    data,\n    xAxis,\n    yAxis,\n    \"aria-label\": ariaLabel,\n    activePointIndex,\n    cursorY,\n    interactive = false,\n    locale = \"en-US\",\n    onPointClick,\n    onPointPointerLeave,\n    onPointPointerMove,\n    selectedPointIndex,\n    slotProps,\n    pointLayer,\n    announceReadout = true,\n    slotCount,\n    slotOffset = 0,\n    ...consumerProps\n  } = props as LineChartProps<\"figure\"> & LineChartViewProps;\n  const { min, max } = getValueBounds(data);\n  const label = ariaLabel ?? \"Line chart\";\n  const timeLabels = axisLabelsFor(xAxis, monthLabelsFor(data, locale));\n  const valueLabels = axisLabelsFor(yAxis, valueLabelsFor(min, max, locale));\n  const readoutIndex =\n    activePointIndex ?? selectedPointIndex ?? (data.length > 0 ? data.length - 1 : undefined);\n  const readoutPoint = readoutIndex === undefined ? undefined : data[readoutIndex];\n  const crosshairPoint = activePointIndex === undefined ? undefined : data[activePointIndex];\n  const points = pointLayer ?? (\n    <ol\n      {...getPartProps(slotProps?.points, [\"aria-label\", \"data-part\"])}\n      data-part=\"points\"\n      aria-label={`${label} points`}\n      style={{ ...slotProps?.points?.style, ...pointsStyle(data.length) }}\n    >\n      {data.map((point, index) => (\n        <LineChartPoint\n          key={`${point.time}-${index}`}\n          as=\"li\"\n          point={point}\n          previousPoint={data[index - 1]}\n          index={index}\n          count={data.length}\n          min={min}\n          max={max}\n          interactive={interactive}\n          isActive={activePointIndex === index}\n          isSelected={selectedPointIndex === index}\n          cursorY={cursorY}\n          onPointClick={onPointClick}\n          onPointPointerLeave={onPointPointerLeave}\n          onPointPointerMove={onPointPointerMove}\n          slotProps={slotProps}\n        />\n      ))}\n    </ol>\n  );\n  const crosshairFor = (index: number, y: number | undefined) =>\n    slotCount === undefined\n      ? crosshairStyle(index, data.length, y)\n      : slotCrosshairStyle(slotOffset + index, slotCount, y);\n\n  return useRenderElement({\n    as,\n    defaultTag: \"figure\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": label,\n      \"data-uiify-line-chart\": \"\",\n      \"data-interactive\": interactive ? \"\" : undefined,\n      children: (\n        <>\n          <figcaption {...getPartProps(slotProps?.caption)}>{label}</figcaption>\n          {interactive && readoutPoint ? (\n            <div\n              {...getPartProps(slotProps?.readout, [\"aria-live\", \"data-part\"])}\n              data-part=\"readout\"\n              aria-live={announceReadout ? \"polite\" : \"off\"}\n            >\n              <span\n                {...getPartProps(slotProps?.readoutTime, [\"data-part\"])}\n                data-part=\"readout-time\"\n              >\n                {String(readoutPoint.time)}\n              </span>\n              <span {...getPartProps(slotProps?.readoutValue)}>{readoutPoint.value}</span>\n            </div>\n          ) : null}\n          <div\n            {...getPartProps(slotProps?.plot, [\"aria-hidden\", \"data-part\"])}\n            data-part=\"plot\"\n            aria-hidden={interactive ? undefined : true}\n          >\n            <div\n              {...getPartProps(slotProps?.scrollViewport, [\"data-part\"])}\n              data-part=\"scroll-viewport\"\n            >\n              <div {...getPartProps(slotProps?.canvas, [\"data-part\"])} data-part=\"canvas\">\n                <div {...getPartProps(slotProps?.viewport, [\"data-part\"])} data-part=\"viewport\">\n                  {points}\n                  {interactive && crosshairPoint && activePointIndex !== undefined ? (\n                    <div\n                      {...getPartProps(slotProps?.crosshair, [\"aria-hidden\", \"data-part\"])}\n                      data-part=\"crosshair\"\n                      aria-hidden=\"true\"\n                      style={{\n                        ...slotProps?.crosshair?.style,\n                        ...crosshairFor(activePointIndex, cursorY),\n                      }}\n                    >\n                      <span\n                        {...getPartProps(slotProps?.crosshairMarker, [\"data-part\"])}\n                        data-part=\"crosshair-marker\"\n                      >\n                        +\n                      </span>\n                    </div>\n                  ) : null}\n                </div>\n                <div\n                  {...getPartProps(slotProps?.timeViewport, [\"data-part\"])}\n                  data-part=\"time-viewport\"\n                >\n                  <ol\n                    {...getPartProps(slotProps?.timeAxis, [\"aria-label\", \"data-axis\", \"data-part\"])}\n                    data-part=\"time-axis\"\n                    data-axis=\"time\"\n                    aria-label={`${label} dates`}\n                  >\n                    {timeLabels.map((axisLabel, index) => (\n                      <li\n                        key={`${axisLabel.position}-${index}`}\n                        {...withGeneratedStyle(\n                          getIndexedPartProps(slotProps?.timeAxisLabel, index, [\"data-part\"]),\n                          axisStyle(\"x\", axisLabel.position),\n                        )}\n                      >\n                        {axisLabel.label}\n                      </li>\n                    ))}\n                    {interactive && crosshairPoint && activePointIndex !== undefined ? (\n                      <li\n                        {...getPartProps(slotProps?.crosshairTime, [\"data-part\"])}\n                        data-part=\"crosshair-time\"\n                        style={{\n                          ...slotProps?.crosshairTime?.style,\n                          ...crosshairFor(activePointIndex, undefined),\n                        }}\n                      >\n                        {String(crosshairPoint.time)}\n                      </li>\n                    ) : null}\n                  </ol>\n                </div>\n              </div>\n            </div>\n            <ol\n              {...getPartProps(slotProps?.valueAxis, [\"aria-label\", \"data-axis\", \"data-part\"])}\n              data-part=\"value-axis\"\n              data-axis=\"value\"\n              aria-label={`${label} values`}\n            >\n              {valueLabels.map((axisLabel, index) => (\n                <li\n                  key={`${axisLabel.position}-${index}`}\n                  {...withGeneratedStyle(\n                    getIndexedPartProps(slotProps?.valueAxisLabel, index, [\"data-part\"]),\n                    axisStyle(\"y\", axisLabel.position),\n                  )}\n                >\n                  {axisLabel.label}\n                </li>\n              ))}\n              {interactive && crosshairPoint && activePointIndex !== undefined ? (\n                <li\n                  {...getPartProps(slotProps?.crosshairValue, [\"data-part\"])}\n                  data-part=\"crosshair-value\"\n                  style={{ ...slotProps?.crosshairValue?.style, ...cursorStyle(cursorY) }}\n                >\n                  {crosshairPoint.value}\n                </li>\n              ) : null}\n            </ol>\n          </div>\n          <table\n            {...getPartProps(slotProps?.dataTable, [\"aria-label\", \"data-part\"])}\n            data-part=\"data\"\n            aria-label={`${label} data`}\n          >\n            <thead {...getPartProps(slotProps?.dataTableHead)}>\n              <tr {...getPartProps(slotProps?.dataTableHeaderRow)}>\n                <th {...getPartProps(slotProps?.dataTableTimeHeader, [\"scope\"])} scope=\"col\">\n                  Time\n                </th>\n                <th {...getPartProps(slotProps?.dataTableValueHeader, [\"scope\"])} scope=\"col\">\n                  Value\n                </th>\n              </tr>\n            </thead>\n            <tbody {...getPartProps(slotProps?.dataTableBody)}>\n              {data.map((point, index) => (\n                <tr\n                  key={`${point.time}-${index}`}\n                  {...getIndexedPartProps(slotProps?.dataTableRow, slotOffset + index)}\n                >\n                  <th\n                    {...getIndexedPartProps(slotProps?.dataTableTimeCell, slotOffset + index, [\n                      \"scope\",\n                    ])}\n                    scope=\"row\"\n                  >\n                    {String(point.time)}\n                  </th>\n                  <td {...getIndexedPartProps(slotProps?.dataTableValueCell, slotOffset + index)}>\n                    {point.value}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </>\n      ),\n    },\n    render,\n    state: {},\n  });\n}\nLineChart.displayName = \"LineChart\";\n"],"mappings":"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","names":[]}

package/dist/components/line-chart/client/LineChartClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineChartClient.d.ts","sourceRoot":"","sources":["../../../../src/components/line-chart/client/LineChartClient.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,WAAW,EAAE,YAAY,EAAO,MAAM,OAAO,CAAC;AAY3E,OAAO,KAAK,EACV,oBAAoB,EAKrB,MAAM,aAAa,CAAC;AAwBrB,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAChE,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAqJrB;yBAvJe,eAAe"}
+{"version":3,"file":"LineChartClient.d.ts","sourceRoot":"","sources":["../../../../src/components/line-chart/client/LineChartClient.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,WAAW,EAAE,YAAY,EAAO,MAAM,OAAO,CAAC;AAa3E,OAAO,KAAK,EACV,oBAAoB,EAKrB,MAAM,aAAa,CAAC;AAwBrB,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAChE,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAwKrB;yBA1Ke,eAAe"}

package/dist/components/line-chart/client/LineChartClient.js

@@ -9,6 +9,7 @@ import {
   useLiveChartWindow
 } from "../../internal/live-chart/use-live-chart-window.js";
 import { useScrollbarReserve } from "../../internal/chart-scrollbar/use-scrollbar-reserve.js";
+import { omitProps } from "../../../core/slot-props.js";
 import { VirtualScroll } from "../../virtual-scroll/VirtualScroll.js";
 import { LineChart, LineChartPoint } from "../LineChart.js";
 import { getValueBounds } from "../line-chart-geometry.js";
@@ -23,6 +24,7 @@ function LineChartClient(props) {
     onPointClick: consumerOnPointClick,
     onPointPointerLeave: consumerOnPointPointerLeave,
     onPointPointerMove: consumerOnPointPointerMove,
+    slotProps,
     ...consumerProps
   } = props;
   const live = visibleCount !== void 0 && visibleCount > 0;
@@ -83,6 +85,7 @@ function LineChartClient(props) {
       onPointClick: handlePointClick,
       onPointPointerLeave: handlePointPointerLeave,
       onPointPointerMove: handlePointPointerMove,
+      ...slotProps ? { slotProps } : {},
       ref: chartRef,
       selectedPointIndex,
       style
@@ -93,6 +96,7 @@ function LineChartClient(props) {
   const slice = data.slice(sliceStart, sliceEnd);
   const { min, max } = getValueBounds(slice);
   const toSliceIndex = (index) => index !== void 0 && index >= sliceStart && index < sliceEnd ? index - sliceStart : void 0;
+  const { ref: liveScrollportRef, ...liveScrollportProps } = slotProps?.liveScrollport ?? {};
   const pointLayer = /* @__PURE__ */ jsx(
     VirtualScroll,
     {
@@ -122,9 +126,24 @@ function LineChartClient(props) {
             cursorY: isActive ? cursor?.offsetY : void 0,
             onPointClick: handlePointClick,
             onPointPointerLeave: handlePointPointerLeave,
-            onPointPointerMove: handlePointPointerMove
+            onPointPointerMove: handlePointPointerMove,
+            slotProps
           }
         );
+      },
+      ...omitProps(liveScrollportProps, [
+        "children",
+        "dangerouslySetInnerHTML",
+        "data-dynamic-layout",
+        "data-orientation",
+        "data-part",
+        "data-uiify-virtual-scroll",
+        "role"
+      ]),
+      ...liveScrollportRef ? { ref: liveScrollportRef } : {},
+      slotProps: {
+        ...slotProps?.liveSpacer ? { spacer: slotProps.liveSpacer } : {},
+        ...slotProps?.livePointRow ? { row: slotProps.livePointRow } : {}
       }
     }
   );
@@ -144,6 +163,7 @@ function LineChartClient(props) {
     pointLayer,
     cursorY: cursor?.offsetY,
     interactive: true,
+    ...slotProps ? { slotProps } : {},
     ref: chartRef,
     selectedPointIndex: toSliceIndex(selectedPointIndex),
     slotCount: data.length,