4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:Tfe8,"use client" import * as React from "react" import { useReducedMotion } from "motion/react" import { cn } from "@/lib/utils" import { ChartFillDefs, RevealMask, chartFill } from "@/components/ikas/chart-kit" type SparklineProps = Omit, "color"> & { /** Values in time order. Twelve to thirty points read best. */ data: number[] /** Height in px. Width follows the container. */ height?: number /** `area` adds a light wash under the line. */ variant?: "area" | "line" /** Line color. Defaults to ink: a sparkline is context, not a series to identify. */ color?: string /** Color of the end dot, to point at the current period. Defaults to `color`. */ highlightColor?: string /** Wipe in from the left on mount. */ reveal?: boolean /** Accessible summary, e.g. "Son 14 günde artış". Hidden from screen readers when omitted. */ "aria-label"?: string } const VIEW_WIDTH = 100 /** Smooth path through the points (Catmull-Rom converted to cubic Béziers). */ function smoothPath(points: [number, number][]) { if (points.length < 2) return "" let d = `M${points[0][0]},${points[0][1]}` for (let i = 0; i < points.length - 1; i++) { const p0 = points[i - 1] ?? points[i] const p1 = points[i] const p2 = points[i + 1] const p3 = points[i + 2] ?? p2 const c1 = [p1[0] + (p2[0] - p0[0]) / 6, p1[1] + (p2[1] - p0[1]) / 6] const c2 = [p2[0] - (p3[0] - p1[0]) / 6, p2[1] - (p3[1] - p1[1]) / 6] d += ` C${c1[0].toFixed(2)},${c1[1].toFixed(2)} ${c2[0].toFixed(2)},${c2[1].toFixed(2)} ${p2[0].toFixed(2)},${p2[1].toFixed(2)}` } return d } /** * A tiny trend line for stat cards and table cells. No axes, no grid, no * tooltip: the number next to it carries the value, the line carries the shape. */ function Sparkline({ data, height = 32, variant = "area", color = "var(--chart-ink)", highlightColor, reveal = true, className, "aria-label": ariaLabel, ...props }: SparklineProps) { const id = React.useId().replace(/:/g, "") const reduceMotion = useReducedMotion() const pad = 4 const min = Math.min(...data) const max = Math.max(...data) const range = max - min || 1 const points = data.map((v, i): [number, number] => [ data.length === 1 ? VIEW_WIDTH / 2 : (i / (data.length - 1)) * VIEW_WIDTH, pad + (1 - (v - min) / range) * (height - pad * 2), ]) const line = smoothPath(points) const last = points[points.length - 1] const maskId = reveal && !reduceMotion ? `${id}-reveal` : undefined return (

{last && ( )}

) } export { Sparkline, type SparklineProps } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"motion"}]]}]}]]}],["$","$L4e",null,{"namespace":"@ikas","registryDependencies":["@ikas/chart-kit","@ikas/utils"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/ikas/sparkline.tsx","content":"$50","type":"registry:component","target":"@components/ikas/sparkline.tsx"}],"className":"h-[70svh] min-h-80"}]]}]