@mari-ui/components 0.0.0-stage → 0.1.1

package/dist/steps.js

@@ -0,0 +1,395 @@
+"use client";
+
+import {
+  Button
+} from "./chunk-2IEXY3OZ.js";
+import "./chunk-FFXRFQSU.js";
+import {
+  bgSolidClass,
+  bgSubtleClass,
+  borderStrongColorClass,
+  textClass,
+  textSolidContrastClass
+} from "./chunk-IP2J3BWY.js";
+import {
+  skeletonFill
+} from "./chunk-54HHEXXD.js";
+
+// src/steps/Steps.tsx
+import { useEffect, useRef, useState } from "react";
+import { CheckIcon, XIcon } from "lucide-react";
+import { cn as cn2 } from "@mari-ui/core";
+
+// src/steps/utils.ts
+import { cn } from "@mari-ui/core";
+function getStepNumber(item, index) {
+  return item.step ?? index + 1;
+}
+function resolveStepStatus(item, index, currentStep, currentStatus) {
+  if (item.status) return item.status;
+  const step = getStepNumber(item, index);
+  if (step < currentStep) return "finish";
+  if (step === currentStep) return currentStatus;
+  return "wait";
+}
+function getIndicatorClass(status, color, variant) {
+  const role = status === "error" ? "error" : color;
+  if (variant === "outlined") {
+    switch (status) {
+      case "process":
+        return cn(bgSubtleClass[role], borderStrongColorClass[role], textClass[role]);
+      case "finish":
+      case "error":
+        return cn("bg-mari-surface", borderStrongColorClass[role], textClass[role]);
+      default:
+        return "bg-mari-surface border-mari-border text-mari-muted";
+    }
+  }
+  switch (status) {
+    case "process":
+    case "error":
+      return cn("border-transparent", bgSolidClass[role], textSolidContrastClass[role]);
+    case "finish":
+      return cn("border-transparent", bgSubtleClass[role], textClass[role]);
+    default:
+      return "border-transparent bg-mari-neutral-subtle text-mari-muted";
+  }
+}
+function getDotClass(status, color) {
+  if (status === "wait") return "bg-mari-border";
+  return bgSolidClass[status === "error" ? "error" : color];
+}
+function getTitleClass(status) {
+  switch (status) {
+    case "process":
+      return "text-mari-foreground font-semibold";
+    case "finish":
+      return "text-mari-foreground";
+    case "error":
+      return "text-mari-error font-medium";
+    default:
+      return "text-mari-muted";
+  }
+}
+function getRailClass(status, color) {
+  return status === "finish" ? bgSolidClass[color] : "bg-mari-border";
+}
+var statusLabel = {
+  wait: "bekliyor",
+  process: "devam ediyor",
+  finish: "tamamland\u0131",
+  error: "hata"
+};
+
+// src/steps/Steps.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var indicatorSizeClass = {
+  sm: "size-6 text-xs",
+  md: "size-8 text-sm"
+};
+var iconPx = { sm: 12, md: 16 };
+var indicatorPx = { sm: 24, md: 32 };
+var headerHeightClass = { sm: "min-h-6", md: "min-h-8" };
+var titleSizeClass = { sm: "text-sm", md: "text-base" };
+var descSizeClass = { sm: "text-xs", md: "text-sm" };
+var groupHoverTitleClass = {
+  primary: "group-hover:text-mari-primary",
+  accent: "group-hover:text-mari-accent",
+  success: "group-hover:text-mari-success",
+  error: "group-hover:text-mari-error",
+  warning: "group-hover:text-mari-warning",
+  info: "group-hover:text-mari-info",
+  neutral: "group-hover:text-mari-neutral"
+};
+var skeletonTextClass = cn2("rounded-sm text-transparent box-decoration-clone", skeletonFill(true));
+var skeletonIndicatorClass = cn2("border-transparent text-transparent [&_svg]:invisible", skeletonFill(true));
+function resolveLayout(vertical, isNarrow, responsiveLayout, dot, labelPlacement) {
+  if (vertical) return "vertical";
+  if (isNarrow) return responsiveLayout === "compact" ? "compact" : "vertical";
+  if (dot || labelPlacement === "vertical") return "stacked";
+  return "inline";
+}
+function renderGlyph(item, index, status, size) {
+  if (status === "error") return /* @__PURE__ */ jsx(XIcon, { size, strokeWidth: 2.5 });
+  const Icon = item.icon;
+  if (Icon) return /* @__PURE__ */ jsx(Icon, { size });
+  if (status === "finish") return /* @__PURE__ */ jsx(CheckIcon, { size, strokeWidth: 2.5 });
+  return getStepNumber(item, index);
+}
+function useContainerWidth(enabled) {
+  const ref = useRef(null);
+  const [width, setWidth] = useState();
+  useEffect(() => {
+    const el = ref.current;
+    if (!enabled || !el || typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(([entry]) => entry && setWidth(entry.contentRect.width));
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [enabled]);
+  return [ref, width];
+}
+function Steps({
+  data,
+  currentStep,
+  status: currentStatus = "process",
+  onChange,
+  onComplete,
+  showActions,
+  color = "primary",
+  variant = "filled",
+  size = "md",
+  vertical = false,
+  labelPlacement = "horizontal",
+  dot = false,
+  percent,
+  responsive = 520,
+  responsiveLayout = "vertical",
+  content,
+  className,
+  "aria-label": ariaLabel = "\u0130lerleme ad\u0131mlar\u0131",
+  skeleton = false
+}) {
+  const [rootRef, width] = useContainerWidth(!vertical && responsive !== false);
+  const isNarrow = responsive !== false && width !== void 0 && width < responsive;
+  const layout = resolveLayout(vertical, isNarrow, responsiveLayout, dot, labelPlacement);
+  const isInteractive = Boolean(onChange);
+  const actionsVisible = showActions ?? isInteractive;
+  const stepNumbers = data.map(getStepNumber);
+  const lastStep = stepNumbers[stepNumbers.length - 1];
+  const isLastStep = currentStep === lastStep;
+  const isFirstStep = currentStep === stepNumbers[0];
+  const renderIndicator = (item, index, status) => {
+    if (dot) {
+      return /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn2("flex shrink-0 items-center justify-center", layout === "stacked" ? "w-full" : "w-3", headerHeightClass[size]), children: /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn2(
+            "rounded-full transition-[background-color,transform] duration-200 motion-reduce:transition-none",
+            status === "process" || status === "error" ? "size-2.5" : "size-2",
+            skeleton ? skeletonFill(true) : getDotClass(status, color)
+          )
+        }
+      ) });
+    }
+    const glyph = renderGlyph(item, index, status, iconPx[size]);
+    const hasRing = status === "process" && percent !== void 0;
+    const showRing = hasRing && !skeleton;
+    const ringSize = indicatorPx[size] + 10;
+    const radius = ringSize / 2 - 1;
+    const circumference = 2 * Math.PI * radius;
+    const clamped = Math.min(100, Math.max(0, percent ?? 0));
+    return (
+      // Gösterge ekran okuyucudan gizli: sıra `<ol>`'dan, durum başlıktaki
+      // sr-only ekten gelir — aksi halde ad "3 Onay" gibi okunuyordu.
+      /* @__PURE__ */ jsxs(
+        "span",
+        {
+          "aria-hidden": true,
+          className: cn2(
+            "relative inline-flex shrink-0 items-center justify-center rounded-full border font-semibold tabular-nums",
+            "transition-colors duration-200 motion-reduce:transition-none",
+            indicatorSizeClass[size],
+            skeleton ? skeletonIndicatorClass : getIndicatorClass(status, color, variant),
+            // Halka 5px taşar — komşu çizgi/başlıkla çakışmasın.
+            hasRing && "mx-1"
+          ),
+          children: [
+            glyph,
+            showRing && /* @__PURE__ */ jsxs(
+              "svg",
+              {
+                className: "pointer-events-none absolute -rotate-90",
+                width: ringSize,
+                height: ringSize,
+                viewBox: `0 0 ${ringSize} ${ringSize}`,
+                "aria-hidden": true,
+                children: [
+                  /* @__PURE__ */ jsx("circle", { cx: ringSize / 2, cy: ringSize / 2, r: radius, fill: "none", strokeWidth: 2, className: "stroke-mari-border" }),
+                  /* @__PURE__ */ jsx(
+                    "circle",
+                    {
+                      cx: ringSize / 2,
+                      cy: ringSize / 2,
+                      r: radius,
+                      fill: "none",
+                      strokeWidth: 2,
+                      strokeLinecap: "round",
+                      strokeDasharray: circumference,
+                      strokeDashoffset: circumference * (1 - clamped / 100),
+                      className: cn2(ringStrokeClass[color], "transition-[stroke-dashoffset] duration-300 motion-reduce:transition-none")
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    );
+  };
+  const renderCompactCaption = () => {
+    const index = stepNumbers.indexOf(currentStep);
+    const item = data[index];
+    if (!item) return null;
+    const status = resolveStepStatus(item, index, currentStep, currentStatus);
+    return /* @__PURE__ */ jsxs("div", { "aria-hidden": true, className: "-mt-3 flex flex-col gap-0.5", children: [
+      /* @__PURE__ */ jsxs("p", { className: cn2("flex flex-wrap items-baseline gap-x-2", titleSizeClass[size]), children: [
+        /* @__PURE__ */ jsxs("span", { className: cn2("text-mari-muted", descSizeClass[size], skeleton && skeletonTextClass), children: [
+          "Ad\u0131m ",
+          index + 1,
+          "/",
+          data.length
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: cn2(getTitleClass(status), skeleton && skeletonTextClass), children: item.title }),
+        item.subTitle && /* @__PURE__ */ jsx("span", { className: cn2("text-mari-muted", descSizeClass[size], skeleton && skeletonTextClass), children: item.subTitle })
+      ] }),
+      item.description && /* @__PURE__ */ jsx("p", { className: cn2("text-mari-muted", descSizeClass[size]), children: /* @__PURE__ */ jsx("span", { className: cn2(skeleton && skeletonTextClass), children: item.description }) })
+    ] });
+  };
+  const renderText = (item, status, isCurrent, withRail) => /* @__PURE__ */ jsxs("span", { className: cn2("flex min-w-0 flex-col", layout === "stacked" ? "items-center text-center" : "flex-1"), children: [
+    /* @__PURE__ */ jsxs("span", { className: cn2("flex min-w-0 items-center gap-2", layout !== "stacked" && headerHeightClass[size]), children: [
+      /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: cn2(
+            "leading-snug transition-colors motion-reduce:transition-none",
+            layout === "inline" && "whitespace-nowrap",
+            titleSizeClass[size],
+            getTitleClass(status),
+            isInteractive && !item.disabled && !isCurrent && groupHoverTitleClass[color],
+            skeleton && skeletonTextClass
+          ),
+          children: [
+            item.title,
+            /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+              " ",
+              "(",
+              statusLabel[status],
+              status === "process" && percent !== void 0 ? `, %${Math.round(percent)}` : "",
+              ")"
+            ] })
+          ]
+        }
+      ),
+      item.subTitle && /* @__PURE__ */ jsx("span", { className: cn2("whitespace-nowrap text-mari-muted", descSizeClass[size], skeleton && skeletonTextClass), children: item.subTitle }),
+      withRail
+    ] }),
+    item.description && // Bekleyen adımda da tam `muted`: `/80` açık zeminde 4.5:1'in altına düşüyordu (axe color-contrast).
+    /* @__PURE__ */ jsx("span", { className: cn2("mt-0.5 leading-relaxed text-mari-muted", descSizeClass[size]), children: /* @__PURE__ */ jsx("span", { className: cn2(skeleton && skeletonTextClass), children: item.description }) })
+  ] });
+  const itemContext = (item, index) => {
+    const step = getStepNumber(item, index);
+    const status = resolveStepStatus(item, index, currentStep, currentStatus);
+    const isCurrent = step === currentStep;
+    const clickable = isInteractive && !item.disabled && !skeleton;
+    return {
+      item,
+      index,
+      step,
+      status,
+      isCurrent,
+      isLast: index === data.length - 1,
+      liCurrent: !isInteractive && isCurrent ? "step" : void 0,
+      // İskelette çizgiler durum rengini taşımaz (henüz durum yok).
+      railClass: cn2("rounded-full transition-colors duration-200 motion-reduce:transition-none", skeleton ? "bg-mari-border" : getRailClass(status, color)),
+      // Etkileşimli ise gerçek <button> — Enter/Space/Tab tarayıcıdan gelir.
+      Wrapper: isInteractive ? "button" : "div",
+      wrapperProps: isInteractive ? {
+        type: "button",
+        disabled: item.disabled,
+        tabIndex: skeleton ? -1 : void 0,
+        "aria-current": isCurrent ? "step" : void 0,
+        onClick: () => !skeleton && step !== currentStep && onChange?.(step)
+      } : {},
+      interactiveClass: cn2(
+        "group rounded-md text-left",
+        clickable && "cursor-pointer",
+        item.disabled && "cursor-not-allowed opacity-50",
+        skeleton && "pointer-events-none",
+        isInteractive && "focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-mari-ring"
+      )
+    };
+  };
+  const renderCompactItem = ({ item, index, step, status, isLast, liCurrent, railClass, Wrapper, wrapperProps, interactiveClass }) => /* @__PURE__ */ jsxs("li", { "aria-current": liCurrent, className: cn2("flex min-w-0 items-center", isLast ? "flex-none" : "flex-1"), children: [
+    /* @__PURE__ */ jsxs(Wrapper, { ...wrapperProps, className: cn2(interactiveClass, "-m-1.5 shrink-0 rounded-full p-1.5"), children: [
+      renderIndicator(item, index, status),
+      /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+        item.title,
+        " (",
+        statusLabel[status],
+        ")"
+      ] })
+    ] }),
+    !isLast && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn2("mx-3 h-px min-w-3 flex-1", railClass) })
+  ] }, step);
+  const renderVerticalItem = ({ item, index, step, status, isCurrent, isLast, liCurrent, railClass, Wrapper, wrapperProps, interactiveClass }) => /* @__PURE__ */ jsx("li", { "aria-current": liCurrent, className: "flex", children: /* @__PURE__ */ jsxs(Wrapper, { ...wrapperProps, className: cn2(interactiveClass, "flex w-full gap-3"), children: [
+    /* @__PURE__ */ jsxs("span", { className: "flex flex-col items-center", children: [
+      renderIndicator(item, index, status),
+      !isLast && /* @__PURE__ */ jsx("span", { className: cn2("my-1.5 w-px min-h-6 flex-1", dot && "w-0.5", railClass) })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: cn2("flex min-w-0 flex-1", !isLast && (size === "sm" ? "pb-4" : "pb-6")), children: renderText(item, status, isCurrent, null) })
+  ] }) }, step);
+  const renderStackedItem = ({ item, index, step, status, isCurrent, isLast, liCurrent, railClass, Wrapper, wrapperProps, interactiveClass }) => {
+    const half = dot ? 5 : indicatorPx[size] / 2;
+    const gap = dot ? 12 : 8;
+    return /* @__PURE__ */ jsxs("li", { "aria-current": liCurrent, className: "relative min-w-0 flex-1", children: [
+      !isLast && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": true,
+          className: cn2("absolute", dot ? "h-0.5" : "h-px", railClass),
+          style: {
+            top: indicatorPx[size] / 2 - (dot ? 1 : 0.5),
+            left: `calc(50% + ${half + gap}px)`,
+            width: `calc(100% - ${2 * (half + gap)}px)`
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs(Wrapper, { ...wrapperProps, className: cn2(interactiveClass, "flex w-full flex-col items-center gap-2 px-2"), children: [
+        renderIndicator(item, index, status),
+        renderText(item, status, isCurrent, null)
+      ] })
+    ] }, step);
+  };
+  const renderInlineItem = ({ item, index, step, status, isCurrent, isLast, liCurrent, railClass, Wrapper, wrapperProps, interactiveClass }) => /* @__PURE__ */ jsx("li", { "aria-current": liCurrent, className: cn2("flex min-w-0", isLast ? "flex-none" : "flex-1"), children: /* @__PURE__ */ jsxs(Wrapper, { ...wrapperProps, className: cn2(interactiveClass, "flex min-w-0 flex-1 items-start gap-3"), children: [
+    renderIndicator(item, index, status),
+    renderText(item, status, isCurrent, !isLast && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn2("ml-1 mr-3 h-px min-w-6 flex-1", railClass) }))
+  ] }) }, step);
+  const layoutRenderer = {
+    compact: renderCompactItem,
+    vertical: renderVerticalItem,
+    stacked: renderStackedItem,
+    inline: renderInlineItem
+  };
+  const renderItem = (item, index) => layoutRenderer[layout](itemContext(item, index));
+  return /* @__PURE__ */ jsxs("div", { ref: rootRef, "aria-busy": skeleton || void 0, className: cn2("flex w-full flex-col gap-6", className), children: [
+    /* @__PURE__ */ jsx("ol", { "aria-label": ariaLabel, "aria-hidden": skeleton || void 0, className: cn2("flex w-full", layout === "vertical" ? "flex-col" : "flex-row items-start"), children: data.map(renderItem) }),
+    layout === "compact" && renderCompactCaption(),
+    content,
+    onChange && actionsVisible && /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-4 border-t border-mari-border pt-6", children: [
+      /* @__PURE__ */ jsx(Button, { skeleton, color: "neutral", variant: "outline", disabled: isFirstStep, onClick: () => onChange(currentStep - 1), children: "Geri" }),
+      isLastStep ? /* @__PURE__ */ jsx(Button, { skeleton, color, disabled: !onComplete, onClick: onComplete, children: "Tamamla" }) : /* @__PURE__ */ jsx(Button, { skeleton, color, onClick: () => onChange(currentStep + 1), children: "\u0130leri" })
+    ] })
+  ] });
+}
+var ringStrokeClass = {
+  primary: "stroke-mari-primary",
+  accent: "stroke-mari-accent",
+  success: "stroke-mari-success",
+  error: "stroke-mari-error",
+  warning: "stroke-mari-warning",
+  info: "stroke-mari-info",
+  neutral: "stroke-mari-neutral"
+};
+
+// src/steps/_components/StepsContent.tsx
+import { cn as cn3 } from "@mari-ui/core";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function StepsContent({ value, currentSteps, children, className }) {
+  return currentSteps === value && /* @__PURE__ */ jsx2("div", { className: cn3("w-full", className), "data-value": value, children });
+}
+export {
+  Steps,
+  StepsContent
+};
+//# sourceMappingURL=steps.js.map

package/dist/steps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/steps/Steps.tsx","../src/steps/utils.ts","../src/steps/_components/StepsContent.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { CheckIcon, XIcon } from \"lucide-react\";\nimport { cn, type ColorRole } from \"@mari-ui/core\";\nimport { Button } from \"../button\";\nimport { skeletonFill } from \"../lib/skeleton\";\nimport type { StepItem, StepStatus, StepsProps, StepsSize } from \"./types\";\nimport {\n  getDotClass,\n  getIndicatorClass,\n  getRailClass,\n  getStepNumber,\n  getTitleClass,\n  resolveStepStatus,\n  statusLabel,\n} from \"./utils\";\n\nexport type { StepsProps };\n\n/**\n * Faz 13.6 — yapı ant.design v6 Steps'ten, görünüm kendi token'larımızdan:\n * 32px (sm: 24px) daire gösterge, yatayda başlığın hemen yanından bir\n * sonraki adıma uzanan ince çizgi, dört durum (wait/process/finish/error),\n * filled/outlined, başlık-altı yerleşim, nokta, ilerleme halkası.\n *\n * Eski sürümde: gösterge dairesi yoktu (çıplak ikonlar), tamamlanan adım\n * sadece bazı modlarda tik gösteriyordu, çizgi başlığın altından geçiyordu,\n * dikey modda her adım arası sabit `min-h-32` boşluk vardı ve aktif adım\n * `scale-105` ile büyütülüp komşularını itiyordu.\n *\n * `\"use client\"`: `responsive` bir ResizeObserver kullanıyor.\n */\n\nconst indicatorSizeClass: Record<StepsSize, string> = {\n  sm: \"size-6 text-xs\",\n  md: \"size-8 text-sm\",\n};\nconst iconPx: Record<StepsSize, number> = { sm: 12, md: 16 };\nconst indicatorPx: Record<StepsSize, number> = { sm: 24, md: 32 };\nconst headerHeightClass: Record<StepsSize, string> = { sm: \"min-h-6\", md: \"min-h-8\" };\nconst titleSizeClass: Record<StepsSize, string> = { sm: \"text-sm\", md: \"text-base\" };\nconst descSizeClass: Record<StepsSize, string> = { sm: \"text-xs\", md: \"text-sm\" };\n\n// Tailwind derleme-zamanı tarayıcısı için literal tablo (bkz. lib/colorClasses).\nconst groupHoverTitleClass: Record<ColorRole, string> = {\n  primary: \"group-hover:text-mari-primary\",\n  accent: \"group-hover:text-mari-accent\",\n  success: \"group-hover:text-mari-success\",\n  error: \"group-hover:text-mari-error\",\n  warning: \"group-hover:text-mari-warning\",\n  info: \"group-hover:text-mari-info\",\n  neutral: \"group-hover:text-mari-neutral\",\n};\n\ntype StepsLayout = \"inline\" | \"stacked\" | \"vertical\" | \"compact\";\n\n/**\n * İskelette metin: kendi satır kutusunda dolgu, harfler görünmez — başlığın/\n * açıklamanın gerçek genişliğini ve satır kırılmasını korur (sıfır zıplama).\n * `box-decoration-clone`: çok satırlı açıklamada her satır ayrı yuvarlanır.\n */\nconst skeletonTextClass = cn(\"rounded-sm text-transparent box-decoration-clone\", skeletonFill(true));\n/** İskelette gösterge: aynı daire, durum rengi/kenarlığı yok, içerik görünmez. */\nconst skeletonIndicatorClass = cn(\"border-transparent text-transparent [&_svg]:invisible\", skeletonFill(true));\n\n/**\n * inline: başlık göstergenin yanında; stacked: altında ortalı; vertical:\n * dikey liste; compact: dar ekranda sadece göstergeler + altta geçerli adımın\n * başlığı (\"Adım 2/4 · Teslimat\").\n */\nfunction resolveLayout(\n  vertical: boolean,\n  isNarrow: boolean,\n  responsiveLayout: StepsProps[\"responsiveLayout\"],\n  dot: boolean,\n  labelPlacement: StepsProps[\"labelPlacement\"]\n): StepsLayout {\n  if (vertical) return \"vertical\";\n  if (isNarrow) return responsiveLayout === \"compact\" ? \"compact\" : \"vertical\";\n  if (dot || labelPlacement === \"vertical\") return \"stacked\";\n  return \"inline\";\n}\n\n/** Dairenin içi: hata → ×, tamamlandı → ✓ (özel ikon yoksa), yoksa ikon ya da numara. */\nfunction renderGlyph(item: StepItem, index: number, status: StepStatus, size: number): React.ReactNode {\n  if (status === \"error\") return <XIcon size={size} strokeWidth={2.5} />;\n  const Icon = item.icon;\n  if (Icon) return <Icon size={size} />;\n  if (status === \"finish\") return <CheckIcon size={size} strokeWidth={2.5} />;\n  return getStepNumber(item, index);\n}\n\n/** Kapsayıcı genişliğini izler — `responsive` için. SSR'da `undefined`. */\nfunction useContainerWidth(enabled: boolean) {\n  const ref = useRef<HTMLDivElement>(null);\n  const [width, setWidth] = useState<number>();\n  useEffect(() => {\n    const el = ref.current;\n    if (!enabled || !el || typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(([entry]) => entry && setWidth(entry.contentRect.width));\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, [enabled]);\n  return [ref, width] as const;\n}\n\nexport function Steps({\n  data,\n  currentStep,\n  status: currentStatus = \"process\",\n  onChange,\n  onComplete,\n  showActions,\n  color = \"primary\",\n  variant = \"filled\",\n  size = \"md\",\n  vertical = false,\n  labelPlacement = \"horizontal\",\n  dot = false,\n  percent,\n  responsive = 520,\n  responsiveLayout = \"vertical\",\n  content,\n  className,\n  \"aria-label\": ariaLabel = \"İlerleme adımları\",\n  skeleton = false,\n}: Readonly<StepsProps>) {\n  const [rootRef, width] = useContainerWidth(!vertical && responsive !== false);\n  const isNarrow = responsive !== false && width !== undefined && width < responsive;\n  const layout = resolveLayout(vertical, isNarrow, responsiveLayout, dot, labelPlacement);\n\n  const isInteractive = Boolean(onChange);\n  const actionsVisible = showActions ?? isInteractive;\n  const stepNumbers = data.map(getStepNumber);\n  const lastStep = stepNumbers[stepNumbers.length - 1];\n  const isLastStep = currentStep === lastStep;\n  const isFirstStep = currentStep === stepNumbers[0];\n\n  const renderIndicator = (item: StepItem, index: number, status: StepStatus) => {\n    if (dot) {\n      return (\n        <span aria-hidden className={cn(\"flex shrink-0 items-center justify-center\", layout === \"stacked\" ? \"w-full\" : \"w-3\", headerHeightClass[size])}>\n          <span\n            className={cn(\n              \"rounded-full transition-[background-color,transform] duration-200 motion-reduce:transition-none\",\n              status === \"process\" || status === \"error\" ? \"size-2.5\" : \"size-2\",\n              skeleton ? skeletonFill(true) : getDotClass(status, color)\n            )}\n          />\n        </span>\n      );\n    }\n\n    const glyph = renderGlyph(item, index, status, iconPx[size]);\n\n    const hasRing = status === \"process\" && percent !== undefined;\n    // İskelette halka çizilmez ama payı (`mx-1`) korunur — yüklenince kaymasın.\n    const showRing = hasRing && !skeleton;\n    // Halka ile daire arasında ~3px boşluk (ant.design ile aynı his).\n    const ringSize = indicatorPx[size] + 10;\n    const radius = ringSize / 2 - 1;\n    const circumference = 2 * Math.PI * radius;\n    const clamped = Math.min(100, Math.max(0, percent ?? 0));\n\n    return (\n      // Gösterge ekran okuyucudan gizli: sıra `<ol>`'dan, durum başlıktaki\n      // sr-only ekten gelir — aksi halde ad \"3 Onay\" gibi okunuyordu.\n      <span\n        aria-hidden\n        className={cn(\n          \"relative inline-flex shrink-0 items-center justify-center rounded-full border font-semibold tabular-nums\",\n          \"transition-colors duration-200 motion-reduce:transition-none\",\n          indicatorSizeClass[size],\n          skeleton ? skeletonIndicatorClass : getIndicatorClass(status, color, variant),\n          // Halka 5px taşar — komşu çizgi/başlıkla çakışmasın.\n          hasRing && \"mx-1\"\n        )}\n      >\n        {glyph}\n        {showRing && (\n          <svg\n            className=\"pointer-events-none absolute -rotate-90\"\n            width={ringSize}\n            height={ringSize}\n            viewBox={`0 0 ${ringSize} ${ringSize}`}\n            aria-hidden\n          >\n            <circle cx={ringSize / 2} cy={ringSize / 2} r={radius} fill=\"none\" strokeWidth={2} className=\"stroke-mari-border\" />\n            <circle\n              cx={ringSize / 2}\n              cy={ringSize / 2}\n              r={radius}\n              fill=\"none\"\n              strokeWidth={2}\n              strokeLinecap=\"round\"\n              strokeDasharray={circumference}\n              strokeDashoffset={circumference * (1 - clamped / 100)}\n              className={cn(ringStrokeClass[color], \"transition-[stroke-dashoffset] duration-300 motion-reduce:transition-none\")}\n            />\n          </svg>\n        )}\n      </span>\n    );\n  };\n\n  // Kompakt modda geçerli adımın görünür özeti. Ekran okuyucu aynı bilgiyi\n  // listeden (`aria-current` + sr-only başlıklar) aldığı için aria-hidden.\n  const renderCompactCaption = () => {\n    const index = stepNumbers.indexOf(currentStep);\n    const item = data[index];\n    if (!item) return null;\n    const status = resolveStepStatus(item, index, currentStep, currentStatus);\n    return (\n      <div aria-hidden className=\"-mt-3 flex flex-col gap-0.5\">\n        <p className={cn(\"flex flex-wrap items-baseline gap-x-2\", titleSizeClass[size])}>\n          <span className={cn(\"text-mari-muted\", descSizeClass[size], skeleton && skeletonTextClass)}>\n            Adım {index + 1}/{data.length}\n          </span>\n          <span className={cn(getTitleClass(status), skeleton && skeletonTextClass)}>{item.title}</span>\n          {item.subTitle && <span className={cn(\"text-mari-muted\", descSizeClass[size], skeleton && skeletonTextClass)}>{item.subTitle}</span>}\n        </p>\n        {item.description && (\n          <p className={cn(\"text-mari-muted\", descSizeClass[size])}>\n            <span className={cn(skeleton && skeletonTextClass)}>{item.description}</span>\n          </p>\n        )}\n      </div>\n    );\n  };\n\n  const renderText = (item: StepItem, status: StepStatus, isCurrent: boolean, withRail: React.ReactNode) => (\n    <span className={cn(\"flex min-w-0 flex-col\", layout === \"stacked\" ? \"items-center text-center\" : \"flex-1\")}>\n      <span className={cn(\"flex min-w-0 items-center gap-2\", layout !== \"stacked\" && headerHeightClass[size])}>\n        <span\n          className={cn(\n            \"leading-snug transition-colors motion-reduce:transition-none\",\n            layout === \"inline\" && \"whitespace-nowrap\",\n            titleSizeClass[size],\n            getTitleClass(status),\n            isInteractive && !item.disabled && !isCurrent && groupHoverTitleClass[color],\n            skeleton && skeletonTextClass\n          )}\n        >\n          {item.title}\n          <span className=\"sr-only\">\n            {\" \"}\n            ({statusLabel[status]}\n            {status === \"process\" && percent !== undefined ? `, %${Math.round(percent)}` : \"\"})\n          </span>\n        </span>\n        {item.subTitle && <span className={cn(\"whitespace-nowrap text-mari-muted\", descSizeClass[size], skeleton && skeletonTextClass)}>{item.subTitle}</span>}\n        {withRail}\n      </span>\n      {item.description && (\n        // Bekleyen adımda da tam `muted`: `/80` açık zeminde 4.5:1'in altına düşüyordu (axe color-contrast).\n        <span className={cn(\"mt-0.5 leading-relaxed text-mari-muted\", descSizeClass[size])}>\n          {/* Dolgu iç `<span>`de: satır satır sarılsın (blok kutunun tamamı değil). */}\n          <span className={cn(skeleton && skeletonTextClass)}>{item.description}</span>\n        </span>\n      )}\n    </span>\n  );\n\n  /** Her yerleşimin ortak girdileri — `renderItem` yerleşim başına ayrı fonksiyonlara dağıtır (tek dev fonksiyon 38 karmaşıklıktaydı). */\n  const itemContext = (item: StepItem, index: number) => {\n    const step = getStepNumber(item, index);\n    const status = resolveStepStatus(item, index, currentStep, currentStatus);\n    const isCurrent = step === currentStep;\n    const clickable = isInteractive && !item.disabled && !skeleton;\n    return {\n      item,\n      index,\n      step,\n      status,\n      isCurrent,\n      isLast: index === data.length - 1,\n      liCurrent: !isInteractive && isCurrent ? (\"step\" as const) : undefined,\n      // İskelette çizgiler durum rengini taşımaz (henüz durum yok).\n      railClass: cn(\"rounded-full transition-colors duration-200 motion-reduce:transition-none\", skeleton ? \"bg-mari-border\" : getRailClass(status, color)),\n      // Etkileşimli ise gerçek <button> — Enter/Space/Tab tarayıcıdan gelir.\n      Wrapper: (isInteractive ? \"button\" : \"div\") as \"button\" | \"div\",\n      wrapperProps: isInteractive\n        ? {\n            type: \"button\" as const,\n            disabled: item.disabled,\n            tabIndex: skeleton ? -1 : undefined,\n            \"aria-current\": isCurrent ? (\"step\" as const) : undefined,\n            onClick: () => !skeleton && step !== currentStep && onChange?.(step),\n          }\n        : {},\n      interactiveClass: cn(\n        \"group rounded-md text-left\",\n        clickable && \"cursor-pointer\",\n        item.disabled && \"cursor-not-allowed opacity-50\",\n        skeleton && \"pointer-events-none\",\n        isInteractive && \"focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-mari-ring\"\n      ),\n    };\n  };\n  type ItemContext = ReturnType<typeof itemContext>;\n\n  const renderCompactItem = ({ item, index, step, status, isLast, liCurrent, railClass, Wrapper, wrapperProps, interactiveClass }: ItemContext) => (\n    <li key={step} aria-current={liCurrent} className={cn(\"flex min-w-0 items-center\", isLast ? \"flex-none\" : \"flex-1\")}>\n      {/* Başlık görünmez ama erişilebilir ad olarak kalır. Dokunma hedefi\n          için gösterge etrafında 6px pay (32px → 44px). */}\n      <Wrapper {...wrapperProps} className={cn(interactiveClass, \"-m-1.5 shrink-0 rounded-full p-1.5\")}>\n        {renderIndicator(item, index, status)}\n        <span className=\"sr-only\">\n          {item.title} ({statusLabel[status]})\n        </span>\n      </Wrapper>\n      {!isLast && <span aria-hidden className={cn(\"mx-3 h-px min-w-3 flex-1\", railClass)} />}\n    </li>\n  );\n\n  const renderVerticalItem = ({ item, index, step, status, isCurrent, isLast, liCurrent, railClass, Wrapper, wrapperProps, interactiveClass }: ItemContext) => (\n    <li key={step} aria-current={liCurrent} className=\"flex\">\n      <Wrapper {...wrapperProps} className={cn(interactiveClass, \"flex w-full gap-3\")}>\n        <span className=\"flex flex-col items-center\">\n          {renderIndicator(item, index, status)}\n          {!isLast && <span className={cn(\"my-1.5 w-px min-h-6 flex-1\", dot && \"w-0.5\", railClass)} />}\n        </span>\n        <span className={cn(\"flex min-w-0 flex-1\", !isLast && (size === \"sm\" ? \"pb-4\" : \"pb-6\"))}>{renderText(item, status, isCurrent, null)}</span>\n      </Wrapper>\n    </li>\n  );\n\n  const renderStackedItem = ({ item, index, step, status, isCurrent, isLast, liCurrent, railClass, Wrapper, wrapperProps, interactiveClass }: ItemContext) => {\n    const half = dot ? 5 : indicatorPx[size] / 2;\n    const gap = dot ? 12 : 8;\n    return (\n      <li key={step} aria-current={liCurrent} className=\"relative min-w-0 flex-1\">\n        {!isLast && (\n          <span\n            aria-hidden\n            className={cn(\"absolute\", dot ? \"h-0.5\" : \"h-px\", railClass)}\n            style={{\n              top: indicatorPx[size] / 2 - (dot ? 1 : 0.5),\n              left: `calc(50% + ${half + gap}px)`,\n              width: `calc(100% - ${2 * (half + gap)}px)`,\n            }}\n          />\n        )}\n        <Wrapper {...wrapperProps} className={cn(interactiveClass, \"flex w-full flex-col items-center gap-2 px-2\")}>\n          {renderIndicator(item, index, status)}\n          {renderText(item, status, isCurrent, null)}\n        </Wrapper>\n      </li>\n    );\n  };\n\n  const renderInlineItem = ({ item, index, step, status, isCurrent, isLast, liCurrent, railClass, Wrapper, wrapperProps, interactiveClass }: ItemContext) => (\n    <li key={step} aria-current={liCurrent} className={cn(\"flex min-w-0\", isLast ? \"flex-none\" : \"flex-1\")}>\n      <Wrapper {...wrapperProps} className={cn(interactiveClass, \"flex min-w-0 flex-1 items-start gap-3\")}>\n        {renderIndicator(item, index, status)}\n        {renderText(item, status, isCurrent, !isLast && <span aria-hidden className={cn(\"ml-1 mr-3 h-px min-w-6 flex-1\", railClass)} />)}\n      </Wrapper>\n    </li>\n  );\n\n  const layoutRenderer: Record<StepsLayout, (context: ItemContext) => React.ReactNode> = {\n    compact: renderCompactItem,\n    vertical: renderVerticalItem,\n    stacked: renderStackedItem,\n    inline: renderInlineItem,\n  };\n  const renderItem = (item: StepItem, index: number) => layoutRenderer[layout](itemContext(item, index));\n\n  return (\n    <div ref={rootRef} aria-busy={skeleton || undefined} className={cn(\"flex w-full flex-col gap-6\", className)}>\n      <ol aria-label={ariaLabel} aria-hidden={skeleton || undefined} className={cn(\"flex w-full\", layout === \"vertical\" ? \"flex-col\" : \"flex-row items-start\")}>\n        {data.map(renderItem)}\n      </ol>\n      {layout === \"compact\" && renderCompactCaption()}\n      {content}\n      {onChange && actionsVisible && (\n        <div className=\"flex justify-between gap-4 border-t border-mari-border pt-6\">\n          <Button skeleton={skeleton} color=\"neutral\" variant=\"outline\" disabled={isFirstStep} onClick={() => onChange(currentStep - 1)}>\n            Geri\n          </Button>\n          {isLastStep ? (\n            <Button skeleton={skeleton} color={color} disabled={!onComplete} onClick={onComplete}>\n              Tamamla\n            </Button>\n          ) : (\n            <Button skeleton={skeleton} color={color} onClick={() => onChange(currentStep + 1)}>\n              İleri\n            </Button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nconst ringStrokeClass: Record<ColorRole, string> = {\n  primary: \"stroke-mari-primary\",\n  accent: \"stroke-mari-accent\",\n  success: \"stroke-mari-success\",\n  error: \"stroke-mari-error\",\n  warning: \"stroke-mari-warning\",\n  info: \"stroke-mari-info\",\n  neutral: \"stroke-mari-neutral\",\n};\n","import { cn, type ColorRole } from \"@mari-ui/core\";\nimport {\n  bgSolidClass,\n  bgSubtleClass,\n  borderStrongColorClass,\n  textClass,\n  textSolidContrastClass,\n} from \"../lib/colorClasses\";\nimport type { StepItem, StepStatus, StepsVariant } from \"./types\";\n\nexport function getStepNumber(item: StepItem, index: number): number {\n  return item.step ?? index + 1;\n}\n\n/**\n * Adımın durumu: elle verilen `item.status` her zaman kazanır; yoksa\n * `currentStep`'e göre türetilir. Geçerli adımın durumu Steps'in `status`\n * prop'undan gelir (ör. `\"error\"`).\n */\nexport function resolveStepStatus(\n  item: StepItem,\n  index: number,\n  currentStep: number,\n  currentStatus: Exclude<StepStatus, \"wait\">\n): StepStatus {\n  if (item.status) return item.status;\n  const step = getStepNumber(item, index);\n  if (step < currentStep) return \"finish\";\n  if (step === currentStep) return currentStatus;\n  return \"wait\";\n}\n\n/**\n * Gösterge dairesinin renkleri. Yapı ant.design v6'dan (filled: tamamlanan\n * = tonlu, geçerli = dolu, bekleyen = nötr tonlu; outlined: hepsi çerçeveli),\n * renkler kendi token'larımızdan. Hata her zaman `error` rolüyle çizilir.\n */\nexport function getIndicatorClass(status: StepStatus, color: ColorRole, variant: StepsVariant): string {\n  const role: ColorRole = status === \"error\" ? \"error\" : color;\n  if (variant === \"outlined\") {\n    switch (status) {\n      case \"process\":\n        return cn(bgSubtleClass[role], borderStrongColorClass[role], textClass[role]);\n      case \"finish\":\n      case \"error\":\n        return cn(\"bg-mari-surface\", borderStrongColorClass[role], textClass[role]);\n      default:\n        return \"bg-mari-surface border-mari-border text-mari-muted\";\n    }\n  }\n  switch (status) {\n    case \"process\":\n    case \"error\":\n      return cn(\"border-transparent\", bgSolidClass[role], textSolidContrastClass[role]);\n    case \"finish\":\n      return cn(\"border-transparent\", bgSubtleClass[role], textClass[role]);\n    default:\n      return \"border-transparent bg-mari-neutral-subtle text-mari-muted\";\n  }\n}\n\nexport function getDotClass(status: StepStatus, color: ColorRole): string {\n  if (status === \"wait\") return \"bg-mari-border\";\n  return bgSolidClass[status === \"error\" ? \"error\" : color];\n}\n\nexport function getTitleClass(status: StepStatus): string {\n  switch (status) {\n    case \"process\":\n      return \"text-mari-foreground font-semibold\";\n    case \"finish\":\n      return \"text-mari-foreground\";\n    case \"error\":\n      return \"text-mari-error font-medium\";\n    default:\n      return \"text-mari-muted\";\n  }\n}\n\n/**\n * Bir adımdan sonrakine uzanan çizgi, SONRAKİ adıma varılmışsa renklidir\n * (yani bu adım tamamlanmışsa) — ant.design ile aynı.\n */\nexport function getRailClass(status: StepStatus, color: ColorRole): string {\n  return status === \"finish\" ? bgSolidClass[color] : \"bg-mari-border\";\n}\n\n/** Ekran okuyucu için durum eki — renk/ikon tek başına anlam taşımasın. */\nexport const statusLabel: Record<StepStatus, string> = {\n  wait: \"bekliyor\",\n  process: \"devam ediyor\",\n  finish: \"tamamlandı\",\n  error: \"hata\",\n};\n","import React from \"react\";\nimport { cn } from \"@mari-ui/core\";\n\nexport interface StepsContentProps {\n  value: number;\n  currentSteps: number;\n  children: React.ReactNode;\n  className?: string;\n}\n\n/**\n * Faz 13.5 kullanıcı bulgusu: eskiden `border-dashed` + `bg-mari-primary-subtle`\n * + `w-fit` taşıyordu — bir WIREFRAME/DEBUG yer tutucusu gibi görünüyordu,\n * gerçek bir uygulamada kullanılabilecek bir içerik kutusu gibi değil.\n * İçerik keyfi olduğundan (bir form, özet, herhangi bir şey olabilir) artık\n * hiçbir görsel kutu dayatmıyor — sadece tam genişlik + Steps'in gösterge\n * satırından ayrışsın diye üst boşluk sağlıyor.\n *\n * Hook yok, browser API yok — saf sunum, \"use client\" gerekmiyor.\n */\nexport function StepsContent({ value, currentSteps, children, className }: StepsContentProps) {\n  return currentSteps === value && <div className={cn(\"w-full\", className)} data-value={value}>{children}</div>;\n}\n"],"mappings":"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","names":["cn","cn","cn","jsx"]}