@mari-ui/components 0.0.0-stage → 0.1.1

package/dist/statistic.js

@@ -0,0 +1,299 @@
+"use client";
+
+import {
+  AnimatedText,
+  useAnimatedValue
+} from "./chunk-RAS77O7N.js";
+import {
+  ContentSkeleton
+} from "./chunk-V7KDUUV6.js";
+import {
+  SkeletonBlock
+} from "./chunk-NPM7IDYV.js";
+import "./chunk-XUKVQO6M.js";
+import {
+  Button
+} from "./chunk-2IEXY3OZ.js";
+import "./chunk-FFXRFQSU.js";
+import "./chunk-IP2J3BWY.js";
+import "./chunk-54HHEXXD.js";
+
+// src/statistic/Statistic.tsx
+import { useEffect, useRef, useState } from "react";
+import { MinusIcon, PauseIcon, PlayIcon, RotateCcwIcon, TrendingDownIcon, TrendingUpIcon } from "lucide-react";
+import { cn } from "@mari-ui/core";
+
+// src/statistic/utils.ts
+function formatValue(value, precision, locale) {
+  if (typeof value === "string") return value;
+  return new Intl.NumberFormat(locale, { minimumFractionDigits: precision ?? 0, maximumFractionDigits: precision ?? 20 }).format(value);
+}
+function decimalPlaces(value) {
+  if (!Number.isFinite(value) || Number.isInteger(value)) return 0;
+  const [, fraction = ""] = String(value).split(".");
+  return Math.min(fraction.length, 6);
+}
+function splitDuration(ms) {
+  const total = Math.max(0, Math.floor(ms));
+  return {
+    days: Math.floor(total / 864e5),
+    hours: Math.floor(total / 36e5) % 24,
+    minutes: Math.floor(total / 6e4) % 60,
+    seconds: Math.floor(total / 1e3) % 60,
+    centis: Math.floor(total / 10) % 100
+  };
+}
+var pad = (n) => String(n).padStart(2, "0");
+function formatCountdown(ms, { showDays = true } = {}) {
+  const p = splitDuration(ms);
+  const hours = showDays ? p.hours : p.hours + p.days * 24;
+  const clock = hours > 0 || showDays && p.days > 0 ? `${pad(hours)}:${pad(p.minutes)}:${pad(p.seconds)}` : `${pad(p.minutes)}:${pad(p.seconds)}`;
+  return showDays && p.days > 0 ? `${p.days} g\xFCn ${clock}` : clock;
+}
+function formatStopwatch(ms) {
+  const p = splitDuration(ms);
+  const hours = p.hours + p.days * 24;
+  const base = `${pad(p.minutes)}:${pad(p.seconds)},${pad(p.centis)}`;
+  return hours > 0 ? `${hours}:${base}` : base;
+}
+function spokenDuration(ms) {
+  const p = splitDuration(ms);
+  const parts = [
+    [p.days, "g\xFCn"],
+    [p.hours, "saat"],
+    [p.minutes, "dakika"],
+    [p.seconds, "saniye"]
+  ];
+  const spoken = parts.filter(([n]) => n > 0).map(([n, unit]) => `${n} ${unit}`);
+  return spoken.length ? spoken.join(" ") : "0 saniye";
+}
+function trendTone(change, goodWhen) {
+  if (change === 0) return "neutral";
+  const up = change > 0;
+  return up === (goodWhen === "up") ? "good" : "bad";
+}
+
+// src/statistic/Statistic.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var VALUE_SIZE = { sm: "text-xl", md: "text-2xl", lg: "text-4xl" };
+var TONE_CLASS = {
+  good: "text-mari-success",
+  bad: "text-mari-error",
+  neutral: "text-mari-muted"
+};
+var TONE_WORD = { good: "olumlu", bad: "olumsuz", neutral: "de\u011Fi\u015Fmedi" };
+var PLACEHOLDER = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 py-0.5", children: [
+  /* @__PURE__ */ jsx(SkeletonBlock, { active: true, width: "40%", height: "0.75rem", radius: "sm" }),
+  /* @__PURE__ */ jsx(SkeletonBlock, { active: true, width: "60%", height: "1.5rem", radius: "sm" }),
+  /* @__PURE__ */ jsx(SkeletonBlock, { active: true, width: "50%", height: "0.75rem", radius: "sm" })
+] });
+function StatisticShell({ title, prefix, suffix, description, footer, size, skeleton, className, children, valueProps, valueAs = "p" }) {
+  const Value = valueAs;
+  return /* @__PURE__ */ jsx("div", { className: cn("min-w-0", className), "aria-busy": skeleton || void 0, children: /* @__PURE__ */ jsx(ContentSkeleton, { on: skeleton, fallback: PLACEHOLDER, children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
+    title && /* @__PURE__ */ jsx("p", { className: "text-sm text-mari-muted", children: title }),
+    /* @__PURE__ */ jsxs(Value, { ...valueProps, className: cn("flex min-w-0 items-baseline gap-1 font-semibold tabular-nums tracking-tight text-mari-foreground", VALUE_SIZE[size]), children: [
+      prefix && /* @__PURE__ */ jsx("span", { className: "text-[0.6em] font-medium text-mari-muted", children: prefix }),
+      /* @__PURE__ */ jsx("span", { className: "truncate", children }),
+      suffix && /* @__PURE__ */ jsx("span", { className: "text-[0.6em] font-medium text-mari-muted", children: suffix })
+    ] }),
+    (footer || description) && /* @__PURE__ */ jsxs("div", { className: "text-sm leading-6", children: [
+      footer,
+      footer && description && " ",
+      description && /* @__PURE__ */ jsx("span", { className: "text-mari-muted", children: description })
+    ] })
+  ] }) }) });
+}
+var TREND_ICON_ANIMATION = {
+  up: "animate-[mari-trend-up_500ms_var(--mari-easing-decelerate)_both] motion-reduce:animate-none",
+  down: "animate-[mari-trend-down_500ms_var(--mari-easing-decelerate)_both] motion-reduce:animate-none",
+  flat: "animate-[mari-fade-in_400ms_ease-out_both] motion-reduce:animate-none"
+};
+function Trend({ trend, locale, animate, mode }) {
+  const tone = trendTone(trend.value, trend.goodWhen ?? "up");
+  const nf = new Intl.NumberFormat(locale, { minimumFractionDigits: 0, maximumFractionDigits: 1 });
+  const withUnit = (n) => trend.unit === "points" ? `${n} puan` : `%${n}`;
+  const text = withUnit(nf.format(Math.abs(trend.value)));
+  const fixed = new Intl.NumberFormat(locale, { minimumFractionDigits: Number.isInteger(trend.value) ? 0 : 1, maximumFractionDigits: 1 });
+  const shown = useAnimatedValue({ text, number: Math.abs(trend.value), format: (v) => withUnit(fixed.format(v)), mode, enabled: animate });
+  let Icon = MinusIcon;
+  let verb = "de\u011Fi\u015Fmedi";
+  let direction = "flat";
+  if (trend.value > 0) {
+    Icon = TrendingUpIcon;
+    verb = "art\u0131\u015F";
+    direction = "up";
+  } else if (trend.value < 0) {
+    Icon = TrendingDownIcon;
+    verb = "d\xFC\u015F\xFC\u015F";
+    direction = "down";
+  }
+  return /* @__PURE__ */ jsxs("span", { className: cn("mr-0.5 inline-flex items-center gap-1 align-top font-medium", TONE_CLASS[tone]), children: [
+    /* @__PURE__ */ jsx(Icon, { "aria-hidden": true, size: 16, className: animate ? TREND_ICON_ANIMATION[direction] : void 0 }, direction),
+    /* @__PURE__ */ jsx(AnimatedText, { text, shown }),
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: trend.value === 0 ? verb : `${verb}, ${TONE_WORD[tone]}` })
+  ] });
+}
+function Statistic({
+  title,
+  value,
+  precision,
+  prefix,
+  suffix,
+  trend,
+  description,
+  locale = "tr-TR",
+  size = "md",
+  className,
+  skeleton = false,
+  animated = true,
+  valueAnimation = "count"
+}) {
+  const text = formatValue(value, precision, locale);
+  const animate = animated && !skeleton;
+  const decimals = typeof value === "number" ? precision ?? decimalPlaces(value) : 0;
+  const shown = useAnimatedValue({
+    text,
+    number: typeof value === "number" ? value : void 0,
+    format: (v) => new Intl.NumberFormat(locale, { minimumFractionDigits: decimals, maximumFractionDigits: decimals }).format(v),
+    mode: valueAnimation,
+    enabled: animate
+  });
+  return /* @__PURE__ */ jsx(
+    StatisticShell,
+    {
+      title,
+      prefix,
+      suffix,
+      description,
+      footer: trend ? /* @__PURE__ */ jsx(Trend, { trend, locale, animate, mode: valueAnimation }) : void 0,
+      size,
+      skeleton,
+      className,
+      children: /* @__PURE__ */ jsx(AnimatedText, { text, shown })
+    }
+  );
+}
+function useNow(intervalMs, enabled = true) {
+  const [now, setNow] = useState(null);
+  useEffect(() => {
+    if (!enabled) return;
+    setNow(Date.now());
+    const timer = setInterval(() => setNow(Date.now()), intervalMs);
+    return () => clearInterval(timer);
+  }, [intervalMs, enabled]);
+  return now;
+}
+function Countdown({ title, target, onFinish, showDays = true, finishedText = "S\xFCre doldu", prefix, suffix, description, size = "md", className, skeleton = false }) {
+  const targetMs = typeof target === "number" ? target : target.getTime();
+  const now = useNow(1e3);
+  const remaining = now === null ? null : Math.max(0, targetMs - now);
+  const finished = remaining === 0;
+  const finishedRef = useRef(false);
+  const onFinishRef = useRef(onFinish);
+  onFinishRef.current = onFinish;
+  useEffect(() => {
+    if (finished && !finishedRef.current) {
+      finishedRef.current = true;
+      onFinishRef.current?.();
+    }
+    if (!finished) finishedRef.current = false;
+  }, [finished]);
+  let display = "--:--";
+  if (remaining !== null) display = finished ? finishedText : formatCountdown(remaining, { showDays });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      StatisticShell,
+      {
+        title,
+        prefix: finished ? void 0 : prefix,
+        suffix: finished ? void 0 : suffix,
+        description,
+        size,
+        skeleton,
+        className,
+        valueProps: { role: "timer", "aria-label": remaining === null || finished ? void 0 : `Kalan s\xFCre: ${spokenDuration(remaining)}` },
+        children: display
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { role: "status", className: "sr-only", children: finished && typeof finishedText === "string" ? finishedText : "" })
+  ] });
+}
+function Clock({ title, timeZone, showSeconds = false, locale = "tr-TR", prefix, suffix, description, size = "md", className, skeleton = false }) {
+  const now = useNow(1e3);
+  const date = now === null ? null : new Date(now);
+  const text = date ? new Intl.DateTimeFormat(locale, { hour: "2-digit", minute: "2-digit", second: showSeconds ? "2-digit" : void 0, hour12: false, timeZone }).format(date) : "--:--";
+  return /* @__PURE__ */ jsx(
+    StatisticShell,
+    {
+      title,
+      prefix,
+      suffix,
+      description,
+      size,
+      skeleton,
+      className,
+      valueAs: "time",
+      valueProps: { role: "timer", dateTime: date?.toISOString() },
+      children: text
+    }
+  );
+}
+function Stopwatch({ title, controls = true, autoStart = false, onStop, prefix, suffix, description, size = "md", className, skeleton = false }) {
+  const [running, setRunning] = useState(autoStart);
+  const [base, setBase] = useState(0);
+  const startedAt = useRef(autoStart ? Date.now() : null);
+  const now = useNow(31, running);
+  const elapsed = base + (running && startedAt.current !== null && now !== null ? now - startedAt.current : 0);
+  const [announce, setAnnounce] = useState("");
+  const start = () => {
+    startedAt.current = Date.now();
+    setRunning(true);
+    setAnnounce("");
+  };
+  const pause = () => {
+    const total = base + (startedAt.current === null ? 0 : Date.now() - startedAt.current);
+    startedAt.current = null;
+    setBase(total);
+    setRunning(false);
+    setAnnounce(`Durduruldu: ${spokenDuration(total)}`);
+    onStop?.(total);
+  };
+  const reset = () => {
+    if (running || base > 0) onStop?.(elapsed);
+    startedAt.current = running ? Date.now() : null;
+    setBase(0);
+    setAnnounce("S\u0131f\u0131rland\u0131");
+  };
+  const descriptionLine = description ? /* @__PURE__ */ jsx("span", { className: "block text-mari-muted", children: description }) : null;
+  const footer = controls ? /* @__PURE__ */ jsxs("div", { className: "mt-1 flex gap-2", children: [
+    running ? /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", color: "neutral", icon: /* @__PURE__ */ jsx(PauseIcon, { size: 14, "aria-hidden": true }), onClick: pause, disabled: skeleton, children: "Duraklat" }) : /* @__PURE__ */ jsx(Button, { size: "sm", icon: /* @__PURE__ */ jsx(PlayIcon, { size: 14, "aria-hidden": true }), onClick: start, disabled: skeleton, children: base > 0 ? "Devam et" : "Ba\u015Flat" }),
+    /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", color: "neutral", icon: /* @__PURE__ */ jsx(RotateCcwIcon, { size: 14, "aria-hidden": true }), onClick: reset, disabled: skeleton || !running && base === 0, children: "S\u0131f\u0131rla" })
+  ] }) : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      StatisticShell,
+      {
+        title,
+        prefix,
+        suffix,
+        footer: descriptionLine || footer ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          descriptionLine,
+          footer
+        ] }) : void 0,
+        size,
+        skeleton,
+        className,
+        valueProps: { role: "timer" },
+        children: formatStopwatch(elapsed)
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { role: "status", className: "sr-only", children: announce })
+  ] });
+}
+export {
+  Clock,
+  Countdown,
+  Statistic,
+  Stopwatch
+};
+//# sourceMappingURL=statistic.js.map

package/dist/statistic.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/statistic/Statistic.tsx","../src/statistic/utils.ts"],"sourcesContent":["\"use client\";\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { MinusIcon, PauseIcon, PlayIcon, RotateCcwIcon, TrendingDownIcon, TrendingUpIcon } from \"lucide-react\";\nimport { cn } from \"@mari-ui/core\";\nimport { Button } from \"../button\";\nimport { ContentSkeleton } from \"../lib/ContentSkeleton\";\nimport { SkeletonBlock } from \"../skeleton\";\nimport type { ClockProps, CountdownProps, StatisticProps, StopwatchProps } from \"./types\";\nimport { decimalPlaces, formatCountdown, formatStopwatch, formatValue, spokenDuration, trendTone, type TrendTone } from \"./utils\";\nimport { AnimatedText, useAnimatedValue, type ValueAnimation } from \"../lib/useAnimatedValue\";\n\nexport type { StatisticProps, CountdownProps, ClockProps, StopwatchProps };\n\nconst VALUE_SIZE = { sm: \"text-xl\", md: \"text-2xl\", lg: \"text-4xl\" } as const;\nconst TONE_CLASS: Record<TrendTone, string> = {\n  good: \"text-mari-success\",\n  bad: \"text-mari-error\",\n  neutral: \"text-mari-muted\",\n};\nconst TONE_WORD: Record<TrendTone, string> = { good: \"olumlu\", bad: \"olumsuz\", neutral: \"değişmedi\" };\n\ninterface ShellProps {\n  title?: React.ReactNode;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n  description?: React.ReactNode;\n  footer?: React.ReactNode;\n  size: NonNullable<StatisticProps[\"size\"]>;\n  skeleton: boolean;\n  className?: string;\n  /** Değerin kendisi (metin). */\n  children: React.ReactNode;\n  /** Değer kutusuna ek öznitelikler (role=\"timer\" vb.). */\n  valueProps?: React.HTMLAttributes<HTMLElement> & { dateTime?: string };\n  valueAs?: \"p\" | \"time\";\n}\n\n/** Ölçülecek içerik yoksa (yerleşimsiz ortam) genel yer tutucu: başlık, değer, alt satır. */\nconst PLACEHOLDER = (\n  <div className=\"flex flex-col gap-2 py-0.5\">\n    <SkeletonBlock active width=\"40%\" height=\"0.75rem\" radius=\"sm\" />\n    <SkeletonBlock active width=\"60%\" height=\"1.5rem\" radius=\"sm\" />\n    <SkeletonBlock active width=\"50%\" height=\"0.75rem\" radius=\"sm\" />\n  </div>\n);\n\n/**\n * Ortak düzen: soluk başlık, büyük değer (önek/sonekle), altta trend ya da\n * açıklama. İskelet `ContentSkeleton` ile içeriğin KENDİ şeklinde: her metin\n * satırı ve ikon kendi genişliğinde blok, gerçek içerik görünmez olarak yerinde\n * (yükseklik zıplamaz). Eskiden bölgeleri tam genişlik çubuğa çevirip metni\n * saydam yapıyordu — kendi rengi olan önek/sonek (₺, %) ve trend (yeşil/kırmızı\n * metin, ikon) iskeletin üstünde görünür kalıyordu (kullanıcı bulgusu).\n */\nfunction StatisticShell({ title, prefix, suffix, description, footer, size, skeleton, className, children, valueProps, valueAs = \"p\" }: Readonly<ShellProps>) {\n  const Value = valueAs;\n  return (\n    <div className={cn(\"min-w-0\", className)} aria-busy={skeleton || undefined}>\n      <ContentSkeleton on={skeleton} fallback={PLACEHOLDER}>\n        <div className=\"flex min-w-0 flex-col gap-1\">\n          {title && <p className=\"text-sm text-mari-muted\">{title}</p>}\n          <Value {...valueProps} className={cn(\"flex min-w-0 items-baseline gap-1 font-semibold tabular-nums tracking-tight text-mari-foreground\", VALUE_SIZE[size])}>\n            {prefix && <span className=\"text-[0.6em] font-medium text-mari-muted\">{prefix}</span>}\n            <span className=\"truncate\">{children}</span>\n            {suffix && <span className=\"text-[0.6em] font-medium text-mari-muted\">{suffix}</span>}\n          </Value>\n          {/* Trend + açıklama bir CÜMLE gibi akar (\"▲ %12 geçen aya göre\"): dar kartta açıklama kelime\n              kelime sarar. Eskiden flex öğeleriydi — 1px sığmayınca açıklamanın TAMAMI alt satıra atlıyordu. */}\n          {(footer || description) && (\n            <div className=\"text-sm leading-6\">\n              {footer}\n              {footer && description && \" \"}\n              {description && <span className=\"text-mari-muted\">{description}</span>}\n            </div>\n          )}\n        </div>\n      </ContentSkeleton>\n    </div>\n  );\n}\n\n/** Trend oku yönünde kayarak gelir (yukarı ok aşağı-soldan, aşağı ok yukarı-soldan); yatay çizgi belirir. */\nconst TREND_ICON_ANIMATION = {\n  up: \"animate-[mari-trend-up_500ms_var(--mari-easing-decelerate)_both] motion-reduce:animate-none\",\n  down: \"animate-[mari-trend-down_500ms_var(--mari-easing-decelerate)_both] motion-reduce:animate-none\",\n  flat: \"animate-[mari-fade-in_400ms_ease-out_both] motion-reduce:animate-none\",\n} as const;\n\ninterface TrendProps {\n  trend: NonNullable<StatisticProps[\"trend\"]>;\n  locale: string;\n  animate: boolean;\n  mode: ValueAnimation;\n}\n\nfunction Trend({ trend, locale, animate, mode }: Readonly<TrendProps>) {\n  const tone = trendTone(trend.value, trend.goodWhen ?? \"up\");\n  const nf = new Intl.NumberFormat(locale, { minimumFractionDigits: 0, maximumFractionDigits: 1 });\n  const withUnit = (n: string) => (trend.unit === \"points\" ? `${n} puan` : `%${n}`);\n  const text = withUnit(nf.format(Math.abs(trend.value)));\n  const fixed = new Intl.NumberFormat(locale, { minimumFractionDigits: Number.isInteger(trend.value) ? 0 : 1, maximumFractionDigits: 1 });\n  const shown = useAnimatedValue({ text, number: Math.abs(trend.value), format: (v) => withUnit(fixed.format(v)), mode, enabled: animate });\n  let Icon = MinusIcon;\n  let verb = \"değişmedi\";\n  let direction: keyof typeof TREND_ICON_ANIMATION = \"flat\";\n  if (trend.value > 0) {\n    Icon = TrendingUpIcon;\n    verb = \"artış\";\n    direction = \"up\";\n  } else if (trend.value < 0) {\n    Icon = TrendingDownIcon;\n    verb = \"düşüş\";\n    direction = \"down\";\n  }\n  return (\n    <span className={cn(\"mr-0.5 inline-flex items-center gap-1 align-top font-medium\", TONE_CLASS[tone])}>\n      {/* key: yön değişince ok yeniden canlansın. */}\n      <Icon key={direction} aria-hidden size={16} className={animate ? TREND_ICON_ANIMATION[direction] : undefined} />\n      <AnimatedText text={text} shown={shown} />\n      {/* Yön ve anlam ikon/renkte — ekran okuyucuya sözle. */}\n      <span className=\"sr-only\">\n        {trend.value === 0 ? verb : `${verb}, ${TONE_WORD[tone]}`}\n      </span>\n    </span>\n  );\n}\n\n/**\n * Faz 16.2 — sayısal KPI (ant.design Statistic): başlık, tr-TR biçimli değer,\n * önek/sonek, trend. Trendin rengi yönden değil ANLAMdan (`goodWhen`):\n * maliyetin düşmesi yeşil. Yön ve anlam ekran okuyucuya sözle de söylenir.\n */\nexport function Statistic({\n  title,\n  value,\n  precision,\n  prefix,\n  suffix,\n  trend,\n  description,\n  locale = \"tr-TR\",\n  size = \"md\",\n  className,\n  skeleton = false,\n  animated = true,\n  valueAnimation = \"count\",\n}: Readonly<StatisticProps>) {\n  const text = formatValue(value, precision, locale);\n  const animate = animated && !skeleton;\n  // Sayarken ara değerler hedefin basamak sayısıyla — \"1.284.500,5\" sayarken 17 ondalık görünmesin.\n  const decimals = typeof value === \"number\" ? (precision ?? decimalPlaces(value)) : 0;\n  const shown = useAnimatedValue({\n    text,\n    number: typeof value === \"number\" ? value : undefined,\n    format: (v) => new Intl.NumberFormat(locale, { minimumFractionDigits: decimals, maximumFractionDigits: decimals }).format(v),\n    mode: valueAnimation,\n    enabled: animate,\n  });\n  return (\n    <StatisticShell\n      title={title}\n      prefix={prefix}\n      suffix={suffix}\n      description={description}\n      footer={trend ? <Trend trend={trend} locale={locale} animate={animate} mode={valueAnimation} /> : undefined}\n      size={size}\n      skeleton={skeleton}\n      className={className}\n    >\n      <AnimatedText text={text} shown={shown} />\n    </StatisticShell>\n  );\n}\n\n/**\n * Şimdiki zaman, `intervalMs`'de bir güncellenir. İlk render'da `null` —\n * sunucuda render edilen saat istemcidekiyle aynı olmaz (hidrasyon uyuşmazlığı),\n * bu yüzden değer ancak takıldıktan sonra çizilir.\n */\nfunction useNow(intervalMs: number, enabled = true): number | null {\n  const [now, setNow] = useState<number | null>(null);\n  useEffect(() => {\n    if (!enabled) return;\n    setNow(Date.now());\n    const timer = setInterval(() => setNow(Date.now()), intervalMs);\n    return () => clearInterval(timer);\n  }, [intervalMs, enabled]);\n  return now;\n}\n\n/**\n * Geri sayım. Her saniye güncellenir ama duyurulmaz (`role=\"timer\"` →\n * ekran okuyucu her saniye konuşmaz); kalan süre sözlü olarak\n * `aria-label`da, süre dolunca bir kez duyurulur.\n */\nexport function Countdown({ title, target, onFinish, showDays = true, finishedText = \"Süre doldu\", prefix, suffix, description, size = \"md\", className, skeleton = false }: Readonly<CountdownProps>) {\n  const targetMs = typeof target === \"number\" ? target : target.getTime();\n  const now = useNow(1000);\n  const remaining = now === null ? null : Math.max(0, targetMs - now);\n  const finished = remaining === 0;\n  const finishedRef = useRef(false);\n  const onFinishRef = useRef(onFinish);\n  onFinishRef.current = onFinish;\n\n  useEffect(() => {\n    if (finished && !finishedRef.current) {\n      finishedRef.current = true;\n      onFinishRef.current?.();\n    }\n    if (!finished) finishedRef.current = false;\n  }, [finished]);\n\n  let display: React.ReactNode = \"--:--\";\n  if (remaining !== null) display = finished ? finishedText : formatCountdown(remaining, { showDays });\n\n  return (\n    <>\n      <StatisticShell\n        title={title}\n        prefix={finished ? undefined : prefix}\n        suffix={finished ? undefined : suffix}\n        description={description}\n        size={size}\n        skeleton={skeleton}\n        className={className}\n        valueProps={{ role: \"timer\", \"aria-label\": remaining === null || finished ? undefined : `Kalan süre: ${spokenDuration(remaining)}` }}\n      >\n        {display}\n      </StatisticShell>\n      <span role=\"status\" className=\"sr-only\">\n        {finished && typeof finishedText === \"string\" ? finishedText : \"\"}\n      </span>\n    </>\n  );\n}\n\n/** Canlı saat (`<time>`); saniyesiz modda dakikada bir değişir ama saniyede bir kontrol edilir (dakika kaçmasın). */\nexport function Clock({ title, timeZone, showSeconds = false, locale = \"tr-TR\", prefix, suffix, description, size = \"md\", className, skeleton = false }: Readonly<ClockProps>) {\n  const now = useNow(1000);\n  const date = now === null ? null : new Date(now);\n  const text = date ? new Intl.DateTimeFormat(locale, { hour: \"2-digit\", minute: \"2-digit\", second: showSeconds ? \"2-digit\" : undefined, hour12: false, timeZone }).format(date) : \"--:--\";\n  return (\n    <StatisticShell\n      title={title}\n      prefix={prefix}\n      suffix={suffix}\n      description={description}\n      size={size}\n      skeleton={skeleton}\n      className={className}\n      valueAs=\"time\"\n      valueProps={{ role: \"timer\", dateTime: date?.toISOString() }}\n    >\n      {text}\n    </StatisticShell>\n  );\n}\n\n/**\n * Kronometre: Başlat / Duraklat / Sıfırla. Salise görünür ama duyurulmaz\n * (`role=\"timer\"`); durdurulunca geçen süre sözlü olarak durum bölgesinde okunur.\n */\nexport function Stopwatch({ title, controls = true, autoStart = false, onStop, prefix, suffix, description, size = \"md\", className, skeleton = false }: Readonly<StopwatchProps>) {\n  const [running, setRunning] = useState(autoStart);\n  const [base, setBase] = useState(0);\n  const startedAt = useRef<number | null>(autoStart ? Date.now() : null);\n  const now = useNow(31, running);\n  const elapsed = base + (running && startedAt.current !== null && now !== null ? now - startedAt.current : 0);\n  const [announce, setAnnounce] = useState(\"\");\n\n  const start = () => {\n    startedAt.current = Date.now();\n    setRunning(true);\n    setAnnounce(\"\");\n  };\n  const pause = () => {\n    const total = base + (startedAt.current === null ? 0 : Date.now() - startedAt.current);\n    startedAt.current = null;\n    setBase(total);\n    setRunning(false);\n    setAnnounce(`Durduruldu: ${spokenDuration(total)}`);\n    onStop?.(total);\n  };\n  const reset = () => {\n    if (running || base > 0) onStop?.(elapsed);\n    startedAt.current = running ? Date.now() : null;\n    setBase(0);\n    setAnnounce(\"Sıfırlandı\");\n  };\n\n  // Açıklama (\"Hedef: 1 dakika\") değerin altında KENDİ satırında, düğmeler onun altında —\n  // KPI'daki gibi aynı satırda düğmelerin yanına düşmesin.\n  const descriptionLine = description ? <span className=\"block text-mari-muted\">{description}</span> : null;\n  const footer = controls ? (\n    <div className=\"mt-1 flex gap-2\">\n      {running ? (\n        <Button size=\"sm\" variant=\"outline\" color=\"neutral\" icon={<PauseIcon size={14} aria-hidden />} onClick={pause} disabled={skeleton}>\n          Duraklat\n        </Button>\n      ) : (\n        <Button size=\"sm\" icon={<PlayIcon size={14} aria-hidden />} onClick={start} disabled={skeleton}>\n          {base > 0 ? \"Devam et\" : \"Başlat\"}\n        </Button>\n      )}\n      <Button size=\"sm\" variant=\"ghost\" color=\"neutral\" icon={<RotateCcwIcon size={14} aria-hidden />} onClick={reset} disabled={skeleton || (!running && base === 0)}>\n        Sıfırla\n      </Button>\n    </div>\n  ) : undefined;\n\n  return (\n    <>\n      <StatisticShell\n        title={title}\n        prefix={prefix}\n        suffix={suffix}\n        footer={\n          descriptionLine || footer ? (\n            <>\n              {descriptionLine}\n              {footer}\n            </>\n          ) : undefined\n        }\n        size={size}\n        skeleton={skeleton}\n        className={className}\n        valueProps={{ role: \"timer\" }}\n      >\n        {formatStopwatch(elapsed)}\n      </StatisticShell>\n      <span role=\"status\" className=\"sr-only\">\n        {announce}\n      </span>\n    </>\n  );\n}\n","/**\n * Faz 16.2 — Statistic ailesinin saf yardımcıları (DOM'suz, ayrıca test edilir).\n */\n\n/** tr-TR sayı: `1234567.8` → \"1.234.567,8\"; `precision` sabit basamak. */\nexport function formatValue(value: number | string, precision: number | undefined, locale: string): string {\n  if (typeof value === \"string\") return value;\n  return new Intl.NumberFormat(locale, { minimumFractionDigits: precision ?? 0, maximumFractionDigits: precision ?? 20 }).format(value);\n}\n\n/** Sayının ondalık basamak sayısı (`1284500.5` → 1, `12` → 0); sayma animasyonunda ara değer biçimi için. */\nexport function decimalPlaces(value: number): number {\n  if (!Number.isFinite(value) || Number.isInteger(value)) return 0;\n  const [, fraction = \"\"] = String(value).split(\".\");\n  return Math.min(fraction.length, 6);\n}\n\nexport interface DurationParts {\n  days: number;\n  hours: number;\n  minutes: number;\n  seconds: number;\n  /** Yüzde saniye (kronometre). */\n  centis: number;\n}\n\nexport function splitDuration(ms: number): DurationParts {\n  const total = Math.max(0, Math.floor(ms));\n  return {\n    days: Math.floor(total / 86_400_000),\n    hours: Math.floor(total / 3_600_000) % 24,\n    minutes: Math.floor(total / 60_000) % 60,\n    seconds: Math.floor(total / 1000) % 60,\n    centis: Math.floor(total / 10) % 100,\n  };\n}\n\nconst pad = (n: number) => String(n).padStart(2, \"0\");\n\n/**\n * Geri sayım: gün varsa \"2 gün 04:12:09\", yoksa \"04:12:09\"; saat de yoksa \"12:09\".\n * `showDays: false` günleri saate katar (\"52:12:09\").\n */\nexport function formatCountdown(ms: number, { showDays = true }: { showDays?: boolean } = {}): string {\n  const p = splitDuration(ms);\n  const hours = showDays ? p.hours : p.hours + p.days * 24;\n  const clock = hours > 0 || (showDays && p.days > 0) ? `${pad(hours)}:${pad(p.minutes)}:${pad(p.seconds)}` : `${pad(p.minutes)}:${pad(p.seconds)}`;\n  return showDays && p.days > 0 ? `${p.days} gün ${clock}` : clock;\n}\n\n/** Kronometre: \"05:07,42\" (dk:sn,salise); bir saati geçince \"1:05:07,42\". */\nexport function formatStopwatch(ms: number): string {\n  const p = splitDuration(ms);\n  const hours = p.hours + p.days * 24;\n  const base = `${pad(p.minutes)}:${pad(p.seconds)},${pad(p.centis)}`;\n  return hours > 0 ? `${hours}:${base}` : base;\n}\n\n/** Ekran okuyucu için sözlü süre: \"2 gün 4 saat 12 dakika 9 saniye\" (sıfır birimler atlanır). */\nexport function spokenDuration(ms: number): string {\n  const p = splitDuration(ms);\n  const parts = [\n    [p.days, \"gün\"],\n    [p.hours, \"saat\"],\n    [p.minutes, \"dakika\"],\n    [p.seconds, \"saniye\"],\n  ] as const;\n  const spoken = parts.filter(([n]) => n > 0).map(([n, unit]) => `${n} ${unit}`);\n  return spoken.length ? spoken.join(\" \") : \"0 saniye\";\n}\n\nexport type TrendTone = \"good\" | \"bad\" | \"neutral\";\n\n/**\n * Trendin rengi yönden değil ANLAMdan: gelir artışı iyi, maliyet/iade artışı\n * kötü (`goodWhen=\"down\"`). 0 → nötr.\n */\nexport function trendTone(change: number, goodWhen: \"up\" | \"down\"): TrendTone {\n  if (change === 0) return \"neutral\";\n  const up = change > 0;\n  return up === (goodWhen === \"up\") ? \"good\" : \"bad\";\n}\n"],"mappings":"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","names":[]}

package/dist/steps.d.ts

@@ -0,0 +1 @@
+export * from "./types/steps/index";