@misoto22/design 0.5.0 → 0.6.0

package/dist/charts/lib/paint.js

@@ -0,0 +1,551 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import { colorStops } from "./chart.js";
+const REVEAL_DURATION = 1;
+const REVEAL_EASE = [0, 0.7, 0.5, 1];
+const REVEAL_ORIGIN = {
+  forward: 0,
+  reverse: 1,
+  "center-out": 0.5
+};
+function RevealMask({ id, type }) {
+  const reveal = {
+    initial: { scaleX: 0 },
+    animate: { scaleX: 1 },
+    transition: { duration: REVEAL_DURATION, ease: REVEAL_EASE }
+  };
+  return /* @__PURE__ */ jsx(
+    "mask",
+    {
+      id: `${id}-reveal-mask`,
+      maskUnits: "userSpaceOnUse",
+      maskContentUnits: "userSpaceOnUse",
+      x: "0",
+      y: "0",
+      width: "100%",
+      height: "100%",
+      children: type === "edges-in" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          motion.rect,
+          {
+            ...reveal,
+            x: "0",
+            y: "0",
+            width: "50%",
+            height: "100%",
+            fill: "white",
+            style: { originX: 0 }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          motion.rect,
+          {
+            ...reveal,
+            x: "50%",
+            y: "0",
+            width: "50%",
+            height: "100%",
+            fill: "white",
+            style: { originX: 1 }
+          }
+        )
+      ] }) : /* @__PURE__ */ jsx(
+        motion.rect,
+        {
+          ...reveal,
+          x: "0",
+          y: "0",
+          width: "100%",
+          height: "100%",
+          fill: "white",
+          style: { originX: REVEAL_ORIGIN[type] }
+        }
+      )
+    }
+  );
+}
+function SeriesGradient({
+  id,
+  dataKey,
+  config,
+  direction = "horizontal",
+  gradientUnits
+}) {
+  const stops = colorStops(config[dataKey]);
+  const axis = direction === "vertical" ? { x1: "0", y1: "0", x2: "0", y2: "1" } : { x1: "0", y1: "0", x2: "1", y2: "0" };
+  return /* @__PURE__ */ jsx("linearGradient", { id: `${id}-colors-${dataKey}`, ...axis, gradientUnits, children: /* @__PURE__ */ jsx(ColorStops, { dataKey, stops }) });
+}
+function ColorStops({
+  dataKey,
+  stops,
+  opacities
+}) {
+  if (stops === 1) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: `var(--color-${dataKey}-0)`, stopOpacity: opacities?.[0] }),
+      /* @__PURE__ */ jsx(
+        "stop",
+        {
+          offset: "100%",
+          stopColor: `var(--color-${dataKey}-0)`,
+          stopOpacity: opacities?.[opacities.length - 1]
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: stops }, (_, index) => {
+    const offset = `${index / (stops - 1) * 100}%`;
+    return /* @__PURE__ */ jsx(
+      "stop",
+      {
+        offset,
+        stopColor: `var(--color-${dataKey}-${index}, var(--color-${dataKey}-0))`,
+        stopOpacity: opacities?.[index]
+      },
+      offset
+    );
+  }) });
+}
+function MaskedFill({
+  name,
+  id,
+  dataKey,
+  texture,
+  patternUnits = "userSpaceOnUse",
+  patternContentUnits,
+  size = { width: "100%", height: "100%" },
+  maskContentUnits,
+  fill
+}) {
+  const maskId = `${id}-${name}-mask-${dataKey}`;
+  const paint = fill ?? `url(#${id}-colors-${dataKey})`;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("mask", { id: maskId, maskContentUnits, children: texture }),
+    /* @__PURE__ */ jsx(
+      "pattern",
+      {
+        id: `${id}-${name}-${dataKey}`,
+        patternUnits,
+        patternContentUnits,
+        width: size.width,
+        height: size.height,
+        children: /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "0",
+            y: "0",
+            width: size.width,
+            height: size.height,
+            fill: paint,
+            mask: `url(#${maskId})`
+          }
+        )
+      }
+    )
+  ] });
+}
+function AreaGradientFill({ id, dataKey }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("linearGradient", { id: `${id}-area-gradient-fade-${dataKey}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+      /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "white", stopOpacity: "var(--chart-fill)" }),
+      /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "white", stopOpacity: 0 })
+    ] }),
+    /* @__PURE__ */ jsx(
+      MaskedFill,
+      {
+        name: "gradient",
+        id,
+        dataKey,
+        texture: /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "100%",
+            height: "100%",
+            fill: `url(#${id}-area-gradient-fade-${dataKey})`
+          }
+        )
+      }
+    )
+  ] });
+}
+function AreaGradientReverseFill({ id, dataKey }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("linearGradient", { id: `${id}-area-reverse-fade-${dataKey}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+      /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "white", stopOpacity: 0 }),
+      /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "white", stopOpacity: "var(--chart-fill)" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      MaskedFill,
+      {
+        name: "gradient-reverse",
+        id,
+        dataKey,
+        texture: /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: `url(#${id}-area-reverse-fade-${dataKey})` })
+      }
+    )
+  ] });
+}
+function AreaSolidFill({ id, dataKey }) {
+  return /* @__PURE__ */ jsx(
+    MaskedFill,
+    {
+      name: "solid",
+      id,
+      dataKey,
+      texture: /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: "white", fillOpacity: "var(--chart-fill)" })
+    }
+  );
+}
+function AreaDottedFill({ id, dataKey }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "pattern",
+      {
+        id: `${id}-area-dotted-texture-${dataKey}`,
+        x: "0",
+        y: "0",
+        width: "6",
+        height: "6",
+        patternUnits: "userSpaceOnUse",
+        children: /* @__PURE__ */ jsx("circle", { cx: "4", cy: "4", r: "0.5", fill: "white" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MaskedFill,
+      {
+        name: "dotted",
+        id,
+        dataKey,
+        texture: /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "100%",
+            height: "100%",
+            fill: `url(#${id}-area-dotted-texture-${dataKey})`,
+            fillOpacity: "var(--chart-texture)"
+          }
+        )
+      }
+    )
+  ] });
+}
+function AreaLinesFill({ id, dataKey }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "pattern",
+      {
+        id: `${id}-area-lines-texture-${dataKey}`,
+        patternUnits: "userSpaceOnUse",
+        width: "5",
+        height: "5",
+        patternTransform: "rotate(45)",
+        children: /* @__PURE__ */ jsx("line", { x1: "0", y1: "0", x2: "0", y2: "5", stroke: "white", strokeWidth: "1" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MaskedFill,
+      {
+        name: "lines",
+        id,
+        dataKey,
+        texture: /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "100%",
+            height: "100%",
+            fill: `url(#${id}-area-lines-texture-${dataKey})`,
+            fillOpacity: "var(--chart-texture)"
+          }
+        )
+      }
+    )
+  ] });
+}
+function AreaHatchedFill({ id, dataKey }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("linearGradient", { id: `${id}-area-hatched-stripe-${dataKey}`, x1: "0", y1: "0", x2: "1", y2: "0", children: [
+      /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: "white", stopOpacity: 0.2 }),
+      /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: "white", stopOpacity: 1 })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "pattern",
+      {
+        id: `${id}-area-hatched-texture-${dataKey}`,
+        x: "0",
+        y: "0",
+        width: "20",
+        height: "10",
+        patternUnits: "userSpaceOnUse",
+        overflow: "visible",
+        patternTransform: "rotate(20)",
+        children: /* @__PURE__ */ jsx("rect", { width: "20", height: "10", fill: `url(#${id}-area-hatched-stripe-${dataKey})` })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MaskedFill,
+      {
+        name: "hatched",
+        id,
+        dataKey,
+        texture: /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "100%",
+            height: "100%",
+            fill: `url(#${id}-area-hatched-texture-${dataKey})`,
+            fillOpacity: "var(--chart-texture)"
+          }
+        )
+      }
+    )
+  ] });
+}
+function UnselectedFill({ id, dataKey }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "pattern",
+      {
+        id: `${id}-unselected-texture-${dataKey}`,
+        patternUnits: "userSpaceOnUse",
+        width: "5",
+        height: "5",
+        patternTransform: "rotate(45)",
+        children: /* @__PURE__ */ jsx("line", { x1: "0", y1: "0", x2: "0", y2: "5", stroke: "white", strokeWidth: "1" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MaskedFill,
+      {
+        name: "unselected",
+        id,
+        dataKey,
+        texture: /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: "100%",
+            height: "100%",
+            fill: `url(#${id}-unselected-texture-${dataKey})`,
+            fillOpacity: "var(--chart-texture)"
+          }
+        )
+      }
+    )
+  ] });
+}
+function BarHatchedFill({ id, dataKey }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "pattern",
+      {
+        id: `${id}-bar-hatched-texture-${dataKey}`,
+        x: "0",
+        y: "0",
+        width: "5",
+        height: "5",
+        patternUnits: "userSpaceOnUse",
+        patternTransform: "rotate(-45)",
+        children: [
+          /* @__PURE__ */ jsx("rect", { width: "5", height: "5", fill: "white", fillOpacity: 0.3 }),
+          /* @__PURE__ */ jsx("rect", { width: "1.5", height: "5", fill: "white", fillOpacity: 1 })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MaskedFill,
+      {
+        name: "hatched",
+        id,
+        dataKey,
+        texture: /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: `url(#${id}-bar-hatched-texture-${dataKey})` })
+      }
+    )
+  ] });
+}
+function BarBufferFill({ id, dataKey }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "pattern",
+      {
+        id: `${id}-bar-buffer-texture-${dataKey}`,
+        x: "0",
+        y: "0",
+        width: "5",
+        height: "5",
+        patternUnits: "userSpaceOnUse",
+        patternTransform: "rotate(-45)",
+        children: [
+          /* @__PURE__ */ jsx("rect", { width: "5", height: "5", fill: "black", fillOpacity: 0 }),
+          /* @__PURE__ */ jsx("rect", { width: "1", height: "5", fill: "white", fillOpacity: 1 })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MaskedFill,
+      {
+        name: "buffer",
+        id,
+        dataKey,
+        texture: /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: `url(#${id}-bar-buffer-texture-${dataKey})` })
+      }
+    )
+  ] });
+}
+function BarDuotoneFill({
+  id,
+  dataKey,
+  config,
+  reverse = false
+}) {
+  const name = reverse ? "duotone-reverse" : "duotone";
+  const stops = colorStops(config[dataKey]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "linearGradient",
+      {
+        id: `${id}-${name}-split-${dataKey}`,
+        gradientUnits: "objectBoundingBox",
+        x1: "0",
+        y1: "0",
+        x2: "1",
+        y2: "0",
+        children: [
+          /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: "white", stopOpacity: reverse ? 1 : 0.4 }),
+          /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: "white", stopOpacity: reverse ? 0.4 : 1 })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "linearGradient",
+      {
+        id: `${id}-${name}-colors-${dataKey}`,
+        gradientUnits: "objectBoundingBox",
+        x1: "0",
+        y1: "0",
+        x2: "0",
+        y2: "1",
+        children: /* @__PURE__ */ jsx(ColorStops, { dataKey, stops })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MaskedFill,
+      {
+        name,
+        id,
+        dataKey,
+        patternUnits: "objectBoundingBox",
+        patternContentUnits: "objectBoundingBox",
+        maskContentUnits: "objectBoundingBox",
+        size: { width: 1, height: 1 },
+        fill: `url(#${id}-${name}-colors-${dataKey})`,
+        texture: /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "0",
+            y: "0",
+            width: "1",
+            height: "1",
+            fill: `url(#${id}-${name}-split-${dataKey})`
+          }
+        )
+      }
+    )
+  ] });
+}
+function BarGradientFill({ id, dataKey }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("linearGradient", { id: `${id}-bar-gradient-fade-${dataKey}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+      /* @__PURE__ */ jsx("stop", { offset: "20%", stopColor: "white", stopOpacity: 1 }),
+      /* @__PURE__ */ jsx("stop", { offset: "90%", stopColor: "white", stopOpacity: 0 })
+    ] }),
+    /* @__PURE__ */ jsx(
+      MaskedFill,
+      {
+        name: "gradient",
+        id,
+        dataKey,
+        texture: /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: `url(#${id}-bar-gradient-fade-${dataKey})` })
+      }
+    )
+  ] });
+}
+function BarStrippedFill({ id, dataKey }) {
+  return /* @__PURE__ */ jsx(
+    MaskedFill,
+    {
+      name: "stripped",
+      id,
+      dataKey,
+      texture: /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: "white", fillOpacity: "var(--chart-fill)" })
+    }
+  );
+}
+function GlowFilter({
+  id,
+  dataKey,
+  spread = 8,
+  intensity = 0.5
+}) {
+  return /* @__PURE__ */ jsxs("filter", { id: `${id}-glow-${dataKey}`, x: "-100%", y: "-100%", width: "300%", height: "300%", children: [
+    /* @__PURE__ */ jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: spread, result: "blur" }),
+    /* @__PURE__ */ jsx(
+      "feColorMatrix",
+      {
+        in: "blur",
+        type: "matrix",
+        values: `1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 ${intensity} 0`,
+        result: "glow"
+      }
+    ),
+    /* @__PURE__ */ jsxs("feMerge", { children: [
+      /* @__PURE__ */ jsx("feMergeNode", { in: "glow" }),
+      /* @__PURE__ */ jsx("feMergeNode", { in: "SourceGraphic" })
+    ] })
+  ] });
+}
+function AnimatedDashedStroke({ dash = 3 }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "animate",
+      {
+        attributeName: "stroke-dasharray",
+        values: `${dash} ${dash}; 0 ${dash}; ${dash} ${dash}`,
+        dur: "1s",
+        repeatCount: "indefinite",
+        keyTimes: "0;0.5;1"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "animate",
+      {
+        attributeName: "stroke-dashoffset",
+        values: `0; -${dash * 2}`,
+        dur: "1s",
+        repeatCount: "indefinite",
+        keyTimes: "0;1"
+      }
+    )
+  ] });
+}
+export {
+  AnimatedDashedStroke,
+  AreaDottedFill,
+  AreaGradientFill,
+  AreaGradientReverseFill,
+  AreaHatchedFill,
+  AreaLinesFill,
+  AreaSolidFill,
+  BarBufferFill,
+  BarDuotoneFill,
+  BarGradientFill,
+  BarHatchedFill,
+  BarStrippedFill,
+  ColorStops,
+  GlowFilter,
+  REVEAL_DURATION,
+  REVEAL_EASE,
+  RevealMask,
+  SeriesGradient,
+  UnselectedFill
+};
+//# sourceMappingURL=paint.js.map

package/dist/charts/lib/paint.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/charts/lib/paint.tsx"],"sourcesContent":["'use client'\n\nimport type { ReactNode } from 'react'\nimport { motion } from 'motion/react'\nimport type { ChartConfig } from './chart'\nimport { colorStops } from './chart'\n\n/**\n * The intro wipe's direction, shared by every mark that has one.\n *\n * Named for the DATA rather than for the screen. `forward` runs from the first\n * row to the last, `reverse` the other way — which is the thing the author\n * actually means, and stays true in a right-to-left document, where a cartesian\n * plot is still drawn first-row-first.\n *\n * `\"none\"` opts out, and is also what a device with the OS reduce-motion\n * preference falls back to: a reveal is a per-frame animated SVG mask, the\n * heaviest thing in the package and the least welcome to a reader who has\n * asked for stillness.\n */\nexport type ChartRevealType = 'none' | 'forward' | 'reverse' | 'center-out' | 'edges-in'\n\n/** A reveal that actually plays. */\nexport type ChartRevealDirection = Exclude<ChartRevealType, 'none'>\n\n/** The intro wipe, in seconds. */\nexport const REVEAL_DURATION = 1\n\n/**\n * The wipe's curve. Not `--ease`: the system's easing is tuned for a control\n * moving a few pixels, and over a full plot width it arrives too abruptly.\n * A long, flat tail is what makes a line read as being drawn.\n */\nexport const REVEAL_EASE: [number, number, number, number] = [0, 0.7, 0.5, 1]\n\n/** The edge a single-rect wipe grows from: 0 the start, 1 the end, 0.5 the middle. */\nconst REVEAL_ORIGIN: Record<Exclude<ChartRevealDirection, 'edges-in'>, number> = {\n  forward: 0,\n  reverse: 1,\n  'center-out': 0.5,\n}\n\n/**\n * The mask that draws a line or an area in.\n *\n * One mask covers the mark's fill, its stroke AND its resting dots, so the\n * three arrive together. Drawn separately — which is what Recharts' own\n * animation does — the dots pop in before the line reaches them.\n *\n * Both `maskUnits` and `maskContentUnits` are user space so every masked\n * element shares one coordinate system and the wipe edge lands at the same x\n * on each of them.\n */\nexport function RevealMask({ id, type }: { id: string; type: ChartRevealDirection }) {\n  const reveal = {\n    initial: { scaleX: 0 },\n    animate: { scaleX: 1 },\n    transition: { duration: REVEAL_DURATION, ease: REVEAL_EASE },\n  }\n\n  return (\n    <mask\n      id={`${id}-reveal-mask`}\n      maskUnits=\"userSpaceOnUse\"\n      maskContentUnits=\"userSpaceOnUse\"\n      x=\"0\"\n      y=\"0\"\n      width=\"100%\"\n      height=\"100%\"\n    >\n      {type === 'edges-in' ? (\n        <>\n          <motion.rect\n            {...reveal}\n            x=\"0\"\n            y=\"0\"\n            width=\"50%\"\n            height=\"100%\"\n            fill=\"white\"\n            style={{ originX: 0 }}\n          />\n          <motion.rect\n            {...reveal}\n            x=\"50%\"\n            y=\"0\"\n            width=\"50%\"\n            height=\"100%\"\n            fill=\"white\"\n            style={{ originX: 1 }}\n          />\n        </>\n      ) : (\n        <motion.rect\n          {...reveal}\n          x=\"0\"\n          y=\"0\"\n          width=\"100%\"\n          height=\"100%\"\n          fill=\"white\"\n          style={{ originX: REVEAL_ORIGIN[type] }}\n        />\n      )}\n    </mask>\n  )\n}\n\nexport interface PaintProps {\n  /** The owning mark's id, which scopes every definition below. */\n  id: string\n  /** The series being painted. */\n  dataKey: string\n}\n\n/**\n * The one gradient everything else is masked out of.\n *\n * Every fill variant, every stroke and every dot in a chart paints from this,\n * which is what makes a series a single visual object rather than a set of\n * elements that happen to share a colour. A series with one colour still gets a\n * two-stop gradient: it keeps the paint reference identical across variants, so\n * switching a series from one colour to three changes no other code.\n */\nexport function SeriesGradient({\n  id,\n  dataKey,\n  config,\n  direction = 'horizontal',\n  gradientUnits,\n}: PaintProps & {\n  config: ChartConfig\n  /** Horizontal reads along the axis; vertical reads up the mark. */\n  direction?: 'horizontal' | 'vertical'\n  gradientUnits?: 'userSpaceOnUse' | 'objectBoundingBox'\n}) {\n  const stops = colorStops(config[dataKey])\n  const axis =\n    direction === 'vertical'\n      ? { x1: '0', y1: '0', x2: '0', y2: '1' }\n      : { x1: '0', y1: '0', x2: '1', y2: '0' }\n\n  return (\n    <linearGradient id={`${id}-colors-${dataKey}`} {...axis} gradientUnits={gradientUnits}>\n      <ColorStops dataKey={dataKey} stops={stops} />\n    </linearGradient>\n  )\n}\n\n/**\n * The stops themselves, so a variant can build its own gradient from them.\n *\n * `opacities` ramps the stops independently of their colour — a radar's fill\n * fades from its centre outward without needing a second gradient to mask it.\n */\nexport function ColorStops({\n  dataKey,\n  stops,\n  opacities,\n}: {\n  dataKey: string\n  stops: number\n  opacities?: number[]\n}) {\n  if (stops === 1) {\n    return (\n      <>\n        <stop offset=\"0%\" stopColor={`var(--color-${dataKey}-0)`} stopOpacity={opacities?.[0]} />\n        <stop\n          offset=\"100%\"\n          stopColor={`var(--color-${dataKey}-0)`}\n          stopOpacity={opacities?.[opacities.length - 1]}\n        />\n      </>\n    )\n  }\n\n  return (\n    <>\n      {Array.from({ length: stops }, (_, index) => {\n        const offset = `${(index / (stops - 1)) * 100}%`\n        return (\n          <stop\n            key={offset}\n            offset={offset}\n            stopColor={`var(--color-${dataKey}-${index}, var(--color-${dataKey}-0))`}\n            stopOpacity={opacities?.[index]}\n          />\n        )\n      })}\n    </>\n  )\n}\n\n/**\n * A texture, expressed once.\n *\n * Every fill variant in the package has the same three parts: a texture, a mask\n * built from it, and a pattern that paints the series gradient through that\n * mask. Writing those three out per variant — which is how this arrived — meant\n * six near-identical twenty-line blocks per chart type and four chart types\n * that each had their own copy.\n */\nfunction MaskedFill({\n  name,\n  id,\n  dataKey,\n  texture,\n  patternUnits = 'userSpaceOnUse',\n  patternContentUnits,\n  size = { width: '100%', height: '100%' },\n  maskContentUnits,\n  fill,\n}: PaintProps & {\n  /** The variant's name, which becomes its paint reference. */\n  name: string\n  /** The mask's contents — white shows the series through, black hides it. */\n  texture: ReactNode\n  patternUnits?: 'userSpaceOnUse' | 'objectBoundingBox'\n  patternContentUnits?: 'userSpaceOnUse' | 'objectBoundingBox'\n  size?: { width: string | number; height: string | number }\n  maskContentUnits?: 'userSpaceOnUse' | 'objectBoundingBox'\n  /** The paint the mask reveals. Defaults to the series gradient. */\n  fill?: string\n}) {\n  const maskId = `${id}-${name}-mask-${dataKey}`\n  const paint = fill ?? `url(#${id}-colors-${dataKey})`\n\n  return (\n    <>\n      <mask id={maskId} maskContentUnits={maskContentUnits}>\n        {texture}\n      </mask>\n      <pattern\n        id={`${id}-${name}-${dataKey}`}\n        patternUnits={patternUnits}\n        patternContentUnits={patternContentUnits}\n        width={size.width}\n        height={size.height}\n      >\n        <rect\n          x=\"0\"\n          y=\"0\"\n          width={size.width}\n          height={size.height}\n          fill={paint}\n          mask={`url(#${maskId})`}\n        />\n      </pattern>\n    </>\n  )\n}\n\n/* ── Area fills ───────────────────────────────────────────────────────────\n   Six ways an area meets the plot, and in the monochrome default they are the\n   PRIMARY way two series are told apart — the ramp is the second encoding. */\n\n/** Solid at the top, dissolving toward the axis. The default. */\nexport function AreaGradientFill({ id, dataKey }: PaintProps) {\n  return (\n    <>\n      <linearGradient id={`${id}-area-gradient-fade-${dataKey}`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n        <stop offset=\"0%\" stopColor=\"white\" stopOpacity=\"var(--chart-fill)\" />\n        <stop offset=\"100%\" stopColor=\"white\" stopOpacity={0} />\n      </linearGradient>\n      <MaskedFill\n        name=\"gradient\"\n        id={id}\n        dataKey={dataKey}\n        texture={\n          <rect\n            width=\"100%\"\n            height=\"100%\"\n            fill={`url(#${id}-area-gradient-fade-${dataKey})`}\n          />\n        }\n      />\n    </>\n  )\n}\n\n/** The same fade, run the other way — heavier where it meets the axis. */\nexport function AreaGradientReverseFill({ id, dataKey }: PaintProps) {\n  return (\n    <>\n      <linearGradient id={`${id}-area-reverse-fade-${dataKey}`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n        <stop offset=\"0%\" stopColor=\"white\" stopOpacity={0} />\n        <stop offset=\"100%\" stopColor=\"white\" stopOpacity=\"var(--chart-fill)\" />\n      </linearGradient>\n      <MaskedFill\n        name=\"gradient-reverse\"\n        id={id}\n        dataKey={dataKey}\n        texture={\n          <rect width=\"100%\" height=\"100%\" fill={`url(#${id}-area-reverse-fade-${dataKey})`} />\n        }\n      />\n    </>\n  )\n}\n\n/** One flat wash, no fade. Reads as a band rather than as a slope. */\nexport function AreaSolidFill({ id, dataKey }: PaintProps) {\n  return (\n    <MaskedFill\n      name=\"solid\"\n      id={id}\n      dataKey={dataKey}\n      texture={<rect width=\"100%\" height=\"100%\" fill=\"white\" fillOpacity=\"var(--chart-fill)\" />}\n    />\n  )\n}\n\n/** A field of dots. The lightest texture, and the one that stacks best. */\nexport function AreaDottedFill({ id, dataKey }: PaintProps) {\n  return (\n    <>\n      <pattern\n        id={`${id}-area-dotted-texture-${dataKey}`}\n        x=\"0\"\n        y=\"0\"\n        width=\"6\"\n        height=\"6\"\n        patternUnits=\"userSpaceOnUse\"\n      >\n        <circle cx=\"4\" cy=\"4\" r=\"0.5\" fill=\"white\" />\n      </pattern>\n      <MaskedFill\n        name=\"dotted\"\n        id={id}\n        dataKey={dataKey}\n        texture={\n          <rect\n            width=\"100%\"\n            height=\"100%\"\n            fill={`url(#${id}-area-dotted-texture-${dataKey})`}\n            fillOpacity=\"var(--chart-texture)\"\n          />\n        }\n      />\n    </>\n  )\n}\n\n/** Diagonal rule lines, 45°. */\nexport function AreaLinesFill({ id, dataKey }: PaintProps) {\n  return (\n    <>\n      <pattern\n        id={`${id}-area-lines-texture-${dataKey}`}\n        patternUnits=\"userSpaceOnUse\"\n        width=\"5\"\n        height=\"5\"\n        patternTransform=\"rotate(45)\"\n      >\n        <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"5\" stroke=\"white\" strokeWidth=\"1\" />\n      </pattern>\n      <MaskedFill\n        name=\"lines\"\n        id={id}\n        dataKey={dataKey}\n        texture={\n          <rect\n            width=\"100%\"\n            height=\"100%\"\n            fill={`url(#${id}-area-lines-texture-${dataKey})`}\n            fillOpacity=\"var(--chart-texture)\"\n          />\n        }\n      />\n    </>\n  )\n}\n\n/** Wide soft-edged stripes at 20°. The heaviest of the six. */\nexport function AreaHatchedFill({ id, dataKey }: PaintProps) {\n  return (\n    <>\n      <linearGradient id={`${id}-area-hatched-stripe-${dataKey}`} x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n        <stop offset=\"50%\" stopColor=\"white\" stopOpacity={0.2} />\n        <stop offset=\"50%\" stopColor=\"white\" stopOpacity={1} />\n      </linearGradient>\n      <pattern\n        id={`${id}-area-hatched-texture-${dataKey}`}\n        x=\"0\"\n        y=\"0\"\n        width=\"20\"\n        height=\"10\"\n        patternUnits=\"userSpaceOnUse\"\n        overflow=\"visible\"\n        patternTransform=\"rotate(20)\"\n      >\n        <rect width=\"20\" height=\"10\" fill={`url(#${id}-area-hatched-stripe-${dataKey})`} />\n      </pattern>\n      <MaskedFill\n        name=\"hatched\"\n        id={id}\n        dataKey={dataKey}\n        texture={\n          <rect\n            width=\"100%\"\n            height=\"100%\"\n            fill={`url(#${id}-area-hatched-texture-${dataKey})`}\n            fillOpacity=\"var(--chart-texture)\"\n          />\n        }\n      />\n    </>\n  )\n}\n\n/**\n * What a series looks like when another one is selected.\n *\n * A thin diagonal rule rather than a lower opacity: opacity alone makes a\n * series faint, and a faint area on a white ground is still an area. The\n * texture change is what makes it read as \"not this one\".\n */\nexport function UnselectedFill({ id, dataKey }: PaintProps) {\n  return (\n    <>\n      <pattern\n        id={`${id}-unselected-texture-${dataKey}`}\n        patternUnits=\"userSpaceOnUse\"\n        width=\"5\"\n        height=\"5\"\n        patternTransform=\"rotate(45)\"\n      >\n        <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"5\" stroke=\"white\" strokeWidth=\"1\" />\n      </pattern>\n      <MaskedFill\n        name=\"unselected\"\n        id={id}\n        dataKey={dataKey}\n        texture={\n          <rect\n            width=\"100%\"\n            height=\"100%\"\n            fill={`url(#${id}-unselected-texture-${dataKey})`}\n            fillOpacity=\"var(--chart-texture)\"\n          />\n        }\n      />\n    </>\n  )\n}\n\n/* ── Bar fills ────────────────────────────────────────────────────────────\n   A bar is a solid block, so its textures are denser than an area's — the eye\n   has less of it to read and the mark can carry more. */\n\n/** 45° stripes over a faint ground. */\nexport function BarHatchedFill({ id, dataKey }: PaintProps) {\n  return (\n    <>\n      <pattern\n        id={`${id}-bar-hatched-texture-${dataKey}`}\n        x=\"0\"\n        y=\"0\"\n        width=\"5\"\n        height=\"5\"\n        patternUnits=\"userSpaceOnUse\"\n        patternTransform=\"rotate(-45)\"\n      >\n        <rect width=\"5\" height=\"5\" fill=\"white\" fillOpacity={0.3} />\n        <rect width=\"1.5\" height=\"5\" fill=\"white\" fillOpacity={1} />\n      </pattern>\n      <MaskedFill\n        name=\"hatched\"\n        id={id}\n        dataKey={dataKey}\n        texture={<rect width=\"100%\" height=\"100%\" fill={`url(#${id}-bar-hatched-texture-${dataKey})`} />}\n      />\n    </>\n  )\n}\n\n/**\n * Stripes with nothing behind them — the projected, not-yet-real part of a\n * series. Used by the last bar when `buffer` is set.\n */\nexport function BarBufferFill({ id, dataKey }: PaintProps) {\n  return (\n    <>\n      <pattern\n        id={`${id}-bar-buffer-texture-${dataKey}`}\n        x=\"0\"\n        y=\"0\"\n        width=\"5\"\n        height=\"5\"\n        patternUnits=\"userSpaceOnUse\"\n        patternTransform=\"rotate(-45)\"\n      >\n        <rect width=\"5\" height=\"5\" fill=\"black\" fillOpacity={0} />\n        <rect width=\"1\" height=\"5\" fill=\"white\" fillOpacity={1} />\n      </pattern>\n      <MaskedFill\n        name=\"buffer\"\n        id={id}\n        dataKey={dataKey}\n        texture={<rect width=\"100%\" height=\"100%\" fill={`url(#${id}-bar-buffer-texture-${dataKey})`} />}\n      />\n    </>\n  )\n}\n\n/**\n * A bar split down its own middle, one half at full weight.\n *\n * Everything here is in object-bounding-box units so the split lands at each\n * bar's centre rather than at the plot's — in user space a narrow bar at the\n * right of the chart would be entirely on one side of the seam.\n */\nexport function BarDuotoneFill({\n  id,\n  dataKey,\n  config,\n  reverse = false,\n}: PaintProps & { config: ChartConfig; reverse?: boolean }) {\n  const name = reverse ? 'duotone-reverse' : 'duotone'\n  const stops = colorStops(config[dataKey])\n\n  return (\n    <>\n      <linearGradient\n        id={`${id}-${name}-split-${dataKey}`}\n        gradientUnits=\"objectBoundingBox\"\n        x1=\"0\"\n        y1=\"0\"\n        x2=\"1\"\n        y2=\"0\"\n      >\n        <stop offset=\"50%\" stopColor=\"white\" stopOpacity={reverse ? 1 : 0.4} />\n        <stop offset=\"50%\" stopColor=\"white\" stopOpacity={reverse ? 0.4 : 1} />\n      </linearGradient>\n      <linearGradient\n        id={`${id}-${name}-colors-${dataKey}`}\n        gradientUnits=\"objectBoundingBox\"\n        x1=\"0\"\n        y1=\"0\"\n        x2=\"0\"\n        y2=\"1\"\n      >\n        <ColorStops dataKey={dataKey} stops={stops} />\n      </linearGradient>\n      <MaskedFill\n        name={name}\n        id={id}\n        dataKey={dataKey}\n        patternUnits=\"objectBoundingBox\"\n        patternContentUnits=\"objectBoundingBox\"\n        maskContentUnits=\"objectBoundingBox\"\n        size={{ width: 1, height: 1 }}\n        fill={`url(#${id}-${name}-colors-${dataKey})`}\n        texture={\n          <rect\n            x=\"0\"\n            y=\"0\"\n            width=\"1\"\n            height=\"1\"\n            fill={`url(#${id}-${name}-split-${dataKey})`}\n          />\n        }\n      />\n    </>\n  )\n}\n\n/** Solid at the top of the bar, dissolving toward the baseline. */\nexport function BarGradientFill({ id, dataKey }: PaintProps) {\n  return (\n    <>\n      <linearGradient id={`${id}-bar-gradient-fade-${dataKey}`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n        <stop offset=\"20%\" stopColor=\"white\" stopOpacity={1} />\n        <stop offset=\"90%\" stopColor=\"white\" stopOpacity={0} />\n      </linearGradient>\n      <MaskedFill\n        name=\"gradient\"\n        id={id}\n        dataKey={dataKey}\n        texture={<rect width=\"100%\" height=\"100%\" fill={`url(#${id}-bar-gradient-fade-${dataKey})`} />}\n      />\n    </>\n  )\n}\n\n/**\n * A faint body under a solid cap, drawn by the bar shape itself.\n *\n * The variant that survives density best: at twenty bars a solid block becomes\n * a wall, and a 2px cap over a wash still reads as twenty distinct values.\n */\nexport function BarStrippedFill({ id, dataKey }: PaintProps) {\n  return (\n    <MaskedFill\n      name=\"stripped\"\n      id={id}\n      dataKey={dataKey}\n      texture={<rect width=\"100%\" height=\"100%\" fill=\"white\" fillOpacity=\"var(--chart-fill)\" />}\n    />\n  )\n}\n\n/**\n * The halo behind a highlighted mark.\n *\n * The one blur in the package, and it is a filter on a MARK rather than a\n * box-shadow under a panel — law 2 bans the second, not the first. It exists\n * because a monochrome chart has no \"brighter\" to reach for when one series has\n * to be the point of the figure.\n *\n * A line needs a wider, stronger halo than a bar: a 0.8px stroke has almost no\n * area to bleed from, where a bar has its whole face.\n */\nexport function GlowFilter({\n  id,\n  dataKey,\n  spread = 8,\n  intensity = 0.5,\n}: PaintProps & {\n  /** Blur radius, in user units. */\n  spread?: number\n  /** Alpha multiplier on the blurred copy. Above 1 saturates it. */\n  intensity?: number\n}) {\n  return (\n    <filter id={`${id}-glow-${dataKey}`} x=\"-100%\" y=\"-100%\" width=\"300%\" height=\"300%\">\n      <feGaussianBlur in=\"SourceGraphic\" stdDeviation={spread} result=\"blur\" />\n      <feColorMatrix\n        in=\"blur\"\n        type=\"matrix\"\n        values={`1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 ${intensity} 0`}\n        result=\"glow\"\n      />\n      <feMerge>\n        <feMergeNode in=\"glow\" />\n        <feMergeNode in=\"SourceGraphic\" />\n      </feMerge>\n    </filter>\n  )\n}\n\n/**\n * A dashed stroke that crawls along its own path.\n *\n * SMIL rather than CSS, because the two attributes have to stay in lockstep and\n * a CSS animation on `stroke-dasharray` is not interpolated the same way in\n * every engine. It is composed as a CHILD of the mark, so a caller that does\n * not ask for it pays nothing — and `keyframes.css`'s reduced-motion rule\n * cannot reach SMIL, which is why the call sites gate it on `useReducedMotion`\n * instead.\n */\nexport function AnimatedDashedStroke({ dash = 3 }: { dash?: number }) {\n  return (\n    <>\n      <animate\n        attributeName=\"stroke-dasharray\"\n        values={`${dash} ${dash}; 0 ${dash}; ${dash} ${dash}`}\n        dur=\"1s\"\n        repeatCount=\"indefinite\"\n        keyTimes=\"0;0.5;1\"\n      />\n      <animate\n        attributeName=\"stroke-dashoffset\"\n        values={`0; -${dash * 2}`}\n        dur=\"1s\"\n        repeatCount=\"indefinite\"\n        keyTimes=\"0;1\"\n      />\n    </>\n  )\n}\n"],"mappings":"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","names":[]}