@mari-ui/components 0.0.0-stage → 0.1.0

package/dist/chunk-DUCIAQGR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input/utils.ts"],"sourcesContent":["import type React from \"react\";\nimport { cn, type ColorRole, type Size } from \"@mari-ui/core\";\nimport { borderStrongColorClass } from \"../lib/colorClasses\";\nimport { sizeClass } from \"../lib/sizeClasses\";\nimport type { InputShape, InputVariant } from \"./types\";\n\n/**\n * Kendi `SIZE_CLASS`/`TEXTAREA_SIZE_CLASS` tabloları vardı — `lib.sizeClass`\n * ile SAYISAL OLARAK zaten birebir aynıydı (yükseklik/padding/font). Faz 13\n * gereği tek kaynağa bağlandı; rakip tablo silindi.\n */\nexport function getSizeClasses(size: Size): string {\n  return sizeClass[size];\n}\n\n/** Textarea çok satırlı olduğu için sabit `h-*` almaz — geri kalan (padding/font/gap/radius) aynı ölçekten. */\nexport function getTextareaSizeClasses(size: Size): string {\n  return cn(sizeClass[size], \"h-auto\");\n}\n\n/**\n * Odakta kenarlık ROL RENGİNE döner (Faz 15): eskiden açık `-border` tonuydu\n * (#93c6f6 ≈ 1.8:1 beyazda — WCAG 1.4.11'in 3:1'ini geçmiyordu; outline\n * Button'da bulunan sorunun aynısı). Ayrıca ofsetli outline yerine kenarlığa\n * yapışık yumuşak bir hale (`ring`) — modern form alanı görünümü, iki ayrı\n * çerçeve üst üste binmiyor. Literal tablo: pseudo-class önekleri runtime'da\n * string birleştirmesiyle kurulmaz (Tailwind taraması).\n */\nconst FOCUS_BORDER_CLASS: Record<ColorRole, string> = {\n  primary: \"focus-within:border-mari-primary focus-within:ring-mari-primary/20\",\n  accent: \"focus-within:border-mari-accent focus-within:ring-mari-accent/20\",\n  success: \"focus-within:border-mari-success focus-within:ring-mari-success/20\",\n  error: \"focus-within:border-mari-error focus-within:ring-mari-error/20\",\n  warning: \"focus-within:border-mari-warning focus-within:ring-mari-warning/20\",\n  info: \"focus-within:border-mari-info focus-within:ring-mari-info/20\",\n  neutral: \"focus-within:border-mari-neutral focus-within:ring-mari-neutral/20\",\n};\n\n/** Kutu (wrapper) ortak sınıfları — Input ve Textarea. */\nexport const FIELD_BASE_CLASS = \"transition-[color,background-color,border-color,box-shadow] duration-150 focus-within:ring-3\";\n\n/**\n * Devre dışı: `pointer-events-none` KULLANILMAZ — imleci de kapatıp\n * `cursor-not-allowed`'ı hiç göstermiyordu. Yazmayı native `disabled` engeller.\n */\nexport const FIELD_DISABLED_CLASS = \"opacity-50 cursor-not-allowed [&_*]:cursor-not-allowed\";\n\n/**\n * iOS Safari 16px'ten küçük yazılı bir alana odaklanınca sayfayı yakınlaştırır\n * (ve geri uzaklaştırmaz). Dar ekranda alanın METNİ en az 16px olur; `sm` (640px)\n * ve üstünde boyut ölçeğinin kendi fontu geçerli.\n */\nexport const FIELD_MOBILE_TEXT_CLASS = \"max-sm:text-base\";\n\n/**\n * Kullanıcı geri bildirimi (Faz 13): `color` verilmediyse (yani gerçek bir\n * doğrulama durumu YOKSA) dinlenme halindeki kenarlık HER ZAMAN nötr/gri\n * olmalı (`border-mari-input` — Faz 13.0a'da tam bunun için eklenen ama o\n * zamana kadar hiç tüketilmeyen token) — eskiden varsayılan `\"primary\"`e\n * düşüp her input'u sürekli mavi gösteriyordu. Odaklanınca `primary`e döner.\n * `color` AÇIKÇA verildiyse (örn. `error`/`warning` doğrulama durumu) o renk\n * dinlenme halinde de kalıcıdır — odak beklemeden görünür olmalı.\n */\nexport function getVariantClasses(variant: InputVariant, color: ColorRole | undefined): string {\n  // Açık renk (doğrulama durumu) → rol rengi; açık `-border` tonu beyazda\n  // ~1.8:1 ile WCAG 1.4.11'in 3:1'ini geçmiyordu (Faz 15).\n  const restBorderClass = color ? borderStrongColorClass[color] : \"border-mari-input\";\n  const focusBorderClass = FOCUS_BORDER_CLASS[color ?? \"primary\"];\n\n  switch (variant) {\n    case \"outline\":\n      return cn(\"border bg-mari-surface text-mari-foreground\", restBorderClass, focusBorderClass);\n    case \"soft\":\n      return cn(\"border bg-mari-surface-alt text-mari-foreground\", restBorderClass, focusBorderClass);\n    case \"ghost\":\n      // Kenarlık yok → odak göstergesi tek başına halka.\n      return \"border-none bg-transparent focus-within:ring-mari-ring/40\";\n    case \"underlined\":\n      // Halkasız: alt çizgili alanın odağı çizginin kendisidir.\n      return cn(\"border-b bg-transparent rounded-none focus-within:ring-0\", restBorderClass, focusBorderClass);\n  }\n}\n\n/**\n * `underlined` her zaman köşesiz — eskiden `shape` sınıfı varyanttan SONRA\n * geldiği için `rounded-md` kazanıyor ve alt çizginin uçları bükülüyordu.\n */\nexport function getShapeClasses(shape: InputShape, variant?: InputVariant): string {\n  if (variant === \"underlined\") return \"rounded-none\";\n  return { square: \"rounded-none\", pill: \"rounded-full px-4\", default: \"rounded-md\" }[shape];\n}\n\nexport function isClearable(allowClear: boolean | { clearIcon?: React.ReactNode } | undefined): boolean {\n  return typeof allowClear === \"boolean\" ? allowClear : !!allowClear;\n}\n\n/**\n * Temizle düğmesi alanı GERÇEK bir değişiklik olarak boşaltır: yerel değer\n * setter'ı + `input` olayı → React `onChange`'i gerçek bir ChangeEvent'le\n * çalışır. Eskiden yalnız iç state siliniyordu; kontrollü kullanımda\n * (`value` + `onChange`) `onChange` hiç çağrılmadığı için X hiçbir şey\n * silmiyordu (Tree arama story'sinde yakalandı).\n */\nexport function clearNativeValue(el: HTMLInputElement | HTMLTextAreaElement | null): void {\n  if (!el) return;\n  const proto = el instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype;\n  Object.getOwnPropertyDescriptor(proto, \"value\")?.set?.call(el, \"\");\n  el.dispatchEvent(new Event(\"input\", { bubbles: true }));\n}\n\n"],"mappings":";;;;;;;;AACA,SAAS,UAAqC;AAUvC,SAAS,eAAe,MAAoB;AACjD,SAAO,UAAU,IAAI;AACvB;AAGO,SAAS,uBAAuB,MAAoB;AACzD,SAAO,GAAG,UAAU,IAAI,GAAG,QAAQ;AACrC;AAUA,IAAM,qBAAgD;AAAA,EACpD,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AACX;AAGO,IAAM,mBAAmB;AAMzB,IAAM,uBAAuB;AAO7B,IAAM,0BAA0B;AAWhC,SAAS,kBAAkB,SAAuB,OAAsC;AAG7F,QAAM,kBAAkB,QAAQ,uBAAuB,KAAK,IAAI;AAChE,QAAM,mBAAmB,mBAAmB,SAAS,SAAS;AAE9D,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO,GAAG,+CAA+C,iBAAiB,gBAAgB;AAAA,IAC5F,KAAK;AACH,aAAO,GAAG,mDAAmD,iBAAiB,gBAAgB;AAAA,IAChG,KAAK;AAEH,aAAO;AAAA,IACT,KAAK;AAEH,aAAO,GAAG,4DAA4D,iBAAiB,gBAAgB;AAAA,EAC3G;AACF;AAMO,SAAS,gBAAgB,OAAmB,SAAgC;AACjF,MAAI,YAAY,aAAc,QAAO;AACrC,SAAO,EAAE,QAAQ,gBAAgB,MAAM,qBAAqB,SAAS,aAAa,EAAE,KAAK;AAC3F;AAEO,SAAS,YAAY,YAA4E;AACtG,SAAO,OAAO,eAAe,YAAY,aAAa,CAAC,CAAC;AAC1D;AASO,SAAS,iBAAiB,IAAyD;AACxF,MAAI,CAAC,GAAI;AACT,QAAM,QAAQ,cAAc,sBAAsB,oBAAoB,YAAY,iBAAiB;AACnG,SAAO,yBAAyB,OAAO,OAAO,GAAG,KAAK,KAAK,IAAI,EAAE;AACjE,KAAG,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,KAAK,CAAC,CAAC;AACxD;","names":[]}

package/dist/chunk-ELHESRRH.js

@@ -0,0 +1,240 @@
+"use client";
+
+import {
+  ContentSkeleton
+} from "./chunk-V7KDUUV6.js";
+import {
+  SkeletonBlock
+} from "./chunk-NPM7IDYV.js";
+import {
+  touchTargetClass
+} from "./chunk-FFXRFQSU.js";
+import {
+  textClass
+} from "./chunk-IP2J3BWY.js";
+
+// src/toast/Toast.tsx
+import { useEffect, useRef, useState } from "react";
+import { XIcon } from "lucide-react";
+import { cn } from "@mari-ui/core";
+
+// src/toast/utils.ts
+import React from "react";
+import { CircleAlertIcon, CircleCheckIcon, CircleXIcon, InfoIcon } from "lucide-react";
+function getToastIcon(type) {
+  const map = { error: CircleXIcon, success: CircleCheckIcon, warning: CircleAlertIcon, info: InfoIcon };
+  if (!type || !(type in map)) return null;
+  const role = type;
+  return React.createElement(map[role], { size: 20, "aria-hidden": true, className: `shrink-0 ${textClass[role]}` });
+}
+function getContainerPositionClass(position) {
+  switch (position) {
+    case "top":
+      return "top-4 inset-x-4 items-center sm:inset-x-auto sm:left-1/2 sm:-translate-x-1/2";
+    case "bottom":
+      return "bottom-4 inset-x-4 items-center sm:inset-x-auto sm:left-1/2 sm:-translate-x-1/2";
+    case "topLeft":
+      return "top-4 inset-x-4 items-stretch sm:inset-x-auto sm:left-4 sm:items-start";
+    case "topRight":
+      return "top-4 inset-x-4 items-stretch sm:inset-x-auto sm:right-4 sm:items-end";
+    case "bottomLeft":
+      return "bottom-4 inset-x-4 items-stretch sm:inset-x-auto sm:left-4 sm:items-start";
+    case "bottomRight":
+      return "bottom-4 inset-x-4 items-stretch sm:inset-x-auto sm:right-4 sm:items-end";
+  }
+}
+var isBottom = (position) => position.startsWith("bottom");
+
+// src/toast/Toast.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var PLACEHOLDER = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 py-0.5", children: [
+  /* @__PURE__ */ jsx(SkeletonBlock, { active: true, width: "55%", height: "0.875rem", radius: "sm" }),
+  /* @__PURE__ */ jsx(SkeletonBlock, { active: true, width: "80%", height: "0.75rem", radius: "sm" })
+] });
+function Toast({ title, description, type = "none", onClose, closeIcon = true, duration, action, exiting = false, skeleton = false }) {
+  const icon = getToastIcon(type);
+  const [paused, setPaused] = useState(false);
+  const remaining = useRef(duration ?? 0);
+  const startedAt = useRef(0);
+  useEffect(() => {
+    if (!duration || paused || exiting || skeleton) return;
+    startedAt.current = Date.now();
+    const timer = setTimeout(() => onClose?.(), remaining.current);
+    return () => {
+      clearTimeout(timer);
+      remaining.current -= Date.now() - startedAt.current;
+    };
+  }, [duration, paused, exiting, skeleton, onClose]);
+  return (
+    // Fare/odak olayları sadece sayacı duraklatır; etkileşim içteki düğmelerde.
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        onMouseEnter: () => setPaused(true),
+        onMouseLeave: () => setPaused(false),
+        onFocus: () => setPaused(true),
+        onBlur: (e) => {
+          if (!e.currentTarget.contains(e.relatedTarget)) setPaused(false);
+        },
+        "aria-busy": skeleton || void 0,
+        className: cn(
+          "pointer-events-auto relative flex w-full items-start gap-3 rounded-xl border border-mari-border bg-mari-surface p-4 shadow-mari-lg sm:w-[22rem]",
+          "transition-[opacity,translate,scale] duration-200 ease-out motion-reduce:transition-none starting:translate-y-2 starting:scale-95 starting:opacity-0",
+          exiting ? "scale-95 opacity-0" : "translate-y-0 scale-100 opacity-100"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(ContentSkeleton, { on: skeleton, fallback: PLACEHOLDER, className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-3", children: [
+            icon,
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-mari-foreground", children: title }),
+              description && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-sm text-mari-muted", children: description }),
+              action && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    action.onClick();
+                    onClose?.();
+                  },
+                  className: cn(
+                    "relative mt-2 cursor-pointer rounded-sm text-sm font-medium text-mari-primary hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mari-ring",
+                    touchTargetClass.xs
+                  ),
+                  children: action.label
+                }
+              )
+            ] })
+          ] }) }),
+          closeIcon && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              "aria-label": "Bildirimi kapat",
+              className: cn(
+                "relative -m-1 inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-md text-mari-muted transition-colors hover:bg-mari-surface-alt hover:text-mari-foreground focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mari-ring",
+                // 28px → 44px (her yönde 8px); hazır tablolar 24/32px'lik kontroller için.
+                "pointer-coarse:before:absolute pointer-coarse:before:-inset-2"
+              ),
+              children: /* @__PURE__ */ jsx(XIcon, { size: 16, "aria-hidden": true })
+            }
+          )
+        ]
+      }
+    )
+  );
+}
+
+// src/toast/useToast.tsx
+import { createContext, useCallback, useContext, useMemo, useRef as useRef2, useState as useState2 } from "react";
+import { cn as cn2 } from "@mari-ui/core";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var DEFAULT_DURATION = 5e3;
+var ACTION_DURATION = 8e3;
+var EXIT_MS = 200;
+var MAX_PER_POSITION = 4;
+var DEFAULT_POSITION = "bottomRight";
+var POSITIONS = ["top", "bottom", "topLeft", "topRight", "bottomLeft", "bottomRight"];
+var ToastContext = createContext(void 0);
+var withoutToast = (id) => (prev) => prev.filter((t) => t.id !== id);
+var markExiting = (id) => (prev) => {
+  if (!prev.some((t) => t.id === id && !t.exiting)) return prev;
+  return prev.map((t) => t.id === id ? { ...t, exiting: true } : t);
+};
+var announcementText = (t) => [t.title, typeof t.description === "string" ? t.description : ""].filter(Boolean).join(". ");
+function ToastGroup({ position, toasts, onClose }) {
+  if (toasts.length === 0) return null;
+  const ordered = isBottom(position) ? toasts : [...toasts].reverse();
+  return /* @__PURE__ */ jsx2(
+    "section",
+    {
+      "aria-label": "Bildirimler",
+      className: cn2("pointer-events-none fixed z-mari-toast flex flex-col gap-2", isBottom(position) ? "justify-end" : "justify-start", getContainerPositionClass(position)),
+      children: ordered.map((t) => /* @__PURE__ */ jsx2(
+        Toast,
+        {
+          title: t.title,
+          description: t.description,
+          type: t.type,
+          closeIcon: t.closeIcon,
+          action: t.action,
+          duration: t.duration,
+          exiting: t.exiting,
+          skeleton: t.skeleton,
+          onClose: () => onClose(t.id)
+        },
+        t.id
+      ))
+    }
+  );
+}
+function ToastProvider({ children }) {
+  const [toasts, setToasts] = useState2([]);
+  const [announce, setAnnounce] = useState2({ polite: "", assertive: "" });
+  const closers = useRef2(/* @__PURE__ */ new Map());
+  const toastsRef = useRef2(toasts);
+  toastsRef.current = toasts;
+  const announceToast = useCallback((t) => {
+    const text = announcementText(t);
+    setAnnounce((a) => t.type === "error" ? { ...a, assertive: text } : { ...a, polite: text });
+  }, []);
+  const remove = useCallback((id) => {
+    if (!closers.current.has(id)) return;
+    setToasts(markExiting(id));
+    const onClose = closers.current.get(id);
+    closers.current.delete(id);
+    onClose?.();
+    setTimeout(() => setToasts(withoutToast(id)), EXIT_MS);
+  }, []);
+  const showToast = useCallback((options) => {
+    const id = crypto.randomUUID();
+    const duration = options.duration ?? (options.action ? ACTION_DURATION : DEFAULT_DURATION);
+    closers.current.set(id, options.onClose);
+    setToasts((prev) => {
+      const position = options.position ?? DEFAULT_POSITION;
+      const next = [...prev, { ...options, id, duration, position }];
+      const same = next.filter((t) => (t.position ?? DEFAULT_POSITION) === position && !t.exiting);
+      const overflow = same.slice(0, Math.max(0, same.length - MAX_PER_POSITION)).map((t) => t.id);
+      return next.filter((t) => !overflow.includes(t.id));
+    });
+    if (!options.skeleton) announceToast(options);
+    return id;
+  }, [announceToast]);
+  const update = useCallback((id, changes) => {
+    const current = toastsRef.current.find((t) => t.id === id);
+    if (!current || current.exiting) return;
+    const next = { ...current, ...changes };
+    if (changes.onClose !== void 0) closers.current.set(id, changes.onClose);
+    setToasts((prev) => prev.map((t) => t.id === id ? { ...t, ...changes } : t));
+    const contentChanged = current.skeleton || changes.title !== void 0 || changes.description !== void 0;
+    if (!next.skeleton && contentChanged) announceToast(next);
+  }, [announceToast]);
+  const dismiss = useCallback(
+    (id) => {
+      if (id) remove(id);
+      else toastsRef.current.forEach((t) => remove(t.id));
+    },
+    [remove]
+  );
+  const contextValue = useMemo(() => ({ showToast, dismiss, update }), [showToast, dismiss, update]);
+  return /* @__PURE__ */ jsxs2(ToastContext.Provider, { value: contextValue, children: [
+    children,
+    POSITIONS.map((position) => /* @__PURE__ */ jsx2(ToastGroup, { position, toasts: toasts.filter((t) => (t.position ?? DEFAULT_POSITION) === position), onClose: remove }, position)),
+    /* @__PURE__ */ jsx2("div", { "aria-live": "polite", role: "status", className: "sr-only", children: announce.polite }),
+    /* @__PURE__ */ jsx2("div", { "aria-live": "assertive", role: "alert", className: "sr-only", children: announce.assertive })
+  ] });
+}
+function useToast() {
+  const context = useContext(ToastContext);
+  if (!context) {
+    throw new Error("useToast, <ToastProvider> i\xE7inde kullan\u0131lmal\u0131.");
+  }
+  return context;
+}
+
+export {
+  Toast,
+  ToastProvider,
+  useToast
+};
+//# sourceMappingURL=chunk-ELHESRRH.js.map

package/dist/chunk-ELHESRRH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/toast/Toast.tsx","../src/toast/utils.ts","../src/toast/useToast.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { XIcon } from \"lucide-react\";\nimport { cn } from \"@mari-ui/core\";\nimport { SkeletonBlock } from \"../skeleton\";\nimport { ContentSkeleton } from \"../lib/ContentSkeleton\";\nimport { touchTargetClass } from \"../lib/sizeClasses\";\nimport type { ToastProps } from \"./types\";\nimport { getToastIcon } from \"./utils\";\n\nexport type { ToastProps };\n\n/** Ölçülecek içerik yoksa (yerleşimsiz ortam) genel yer tutucu. */\nconst PLACEHOLDER = (\n  <div className=\"flex flex-col gap-2 py-0.5\">\n    <SkeletonBlock active width=\"55%\" height=\"0.875rem\" radius=\"sm\" />\n    <SkeletonBlock active width=\"80%\" height=\"0.75rem\" radius=\"sm\" />\n  </div>\n);\n\n/**\n * Faz 13.6 — eski sürümdeki sorunlar:\n * - Kapat \"düğmesi\" `onClick`li bir SVG'ydi: klavyeyle ulaşılamıyor, adı yoktu.\n * - Başlık `<h1>`, açıklama `<h6>`dı — sayfanın başlık hiyerarşisini bozuyordu.\n * - 5 sn sabit süre, üzerine gelince/odaklanınca DURMUYORDU (WCAG 2.2.1).\n * - Çıkış animasyonu yoktu; kaldırılınca bir anda kayboluyordu.\n *\n * Duyuru Provider'daki kalıcı canlı bölgeden yapılır (bkz. useToast.tsx) —\n * bu kart sadece görsel + etkileşimli kısım.\n *\n * Faz 15.6 — `skeleton` (ikon/başlık/açıklama/aksiyon `ContentSkeleton`,\n * Kapat canlı, sayaç durur); Kapat (28px) ve aksiyon bağlantısı (20px)\n * dokunmatikte 44px hedef.\n */\nexport function Toast({ title, description, type = \"none\", onClose, closeIcon = true, duration, action, exiting = false, skeleton = false }: Readonly<ToastProps>) {\n  const icon = getToastIcon(type);\n  const [paused, setPaused] = useState(false);\n  const remaining = useRef(duration ?? 0);\n  const startedAt = useRef(0);\n\n  // Kalan süre sayacı: üzerine gelince/odak içerideyken durur, çıkınca kaldığı yerden devam eder.\n  // İskeletteyken işlemez — veri gelmeden kapanmasın.\n  useEffect(() => {\n    if (!duration || paused || exiting || skeleton) return;\n    startedAt.current = Date.now();\n    const timer = setTimeout(() => onClose?.(), remaining.current);\n    return () => {\n      clearTimeout(timer);\n      remaining.current -= Date.now() - startedAt.current;\n    };\n  }, [duration, paused, exiting, skeleton, onClose]);\n\n  return (\n    // Fare/odak olayları sadece sayacı duraklatır; etkileşim içteki düğmelerde.\n    <div\n      onMouseEnter={() => setPaused(true)}\n      onMouseLeave={() => setPaused(false)}\n      onFocus={() => setPaused(true)}\n      onBlur={(e) => {\n        if (!e.currentTarget.contains(e.relatedTarget as Node | null)) setPaused(false);\n      }}\n      aria-busy={skeleton || undefined}\n      className={cn(\n        \"pointer-events-auto relative flex w-full items-start gap-3 rounded-xl border border-mari-border bg-mari-surface p-4 shadow-mari-lg sm:w-[22rem]\",\n        \"transition-[opacity,translate,scale] duration-200 ease-out motion-reduce:transition-none starting:translate-y-2 starting:scale-95 starting:opacity-0\",\n        exiting ? \"scale-95 opacity-0\" : \"translate-y-0 scale-100 opacity-100\"\n      )}\n    >\n      <ContentSkeleton on={skeleton} fallback={PLACEHOLDER} className=\"min-w-0 flex-1\">\n        <div className=\"flex min-w-0 flex-1 items-start gap-3\">\n          {icon}\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"text-sm font-semibold text-mari-foreground\">{title}</p>\n            {description && <p className=\"mt-0.5 text-sm text-mari-muted\">{description}</p>}\n            {action && (\n              <button\n                type=\"button\"\n                onClick={() => {\n                  action.onClick();\n                  onClose?.();\n                }}\n                className={cn(\n                  \"relative mt-2 cursor-pointer rounded-sm text-sm font-medium text-mari-primary hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mari-ring\",\n                  touchTargetClass.xs\n                )}\n              >\n                {action.label}\n              </button>\n            )}\n          </div>\n        </div>\n      </ContentSkeleton>\n      {closeIcon && (\n        <button\n          type=\"button\"\n          onClick={onClose}\n          aria-label=\"Bildirimi kapat\"\n          className={cn(\n            \"relative -m-1 inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-md text-mari-muted transition-colors hover:bg-mari-surface-alt hover:text-mari-foreground focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mari-ring\",\n            // 28px → 44px (her yönde 8px); hazır tablolar 24/32px'lik kontroller için.\n            \"pointer-coarse:before:absolute pointer-coarse:before:-inset-2\"\n          )}\n        >\n          <XIcon size={16} aria-hidden />\n        </button>\n      )}\n    </div>\n  );\n}\n","import React from \"react\";\nimport { CircleAlertIcon, CircleCheckIcon, CircleXIcon, InfoIcon } from \"lucide-react\";\nimport { textClass } from \"../lib/colorClasses\";\nimport type { ToastPosition, ToastType } from \"./types\";\n\n/** Durum ikonu rol renginde (eskiden içi dolu daire + kontrast renk — küçükte seçilmiyordu). */\nexport function getToastIcon(type: ToastType | undefined): React.ReactNode {\n  const map = { error: CircleXIcon, success: CircleCheckIcon, warning: CircleAlertIcon, info: InfoIcon } as const;\n  if (!type || !(type in map)) return null;\n  const role = type as keyof typeof map;\n  return React.createElement(map[role], { size: 20, \"aria-hidden\": true, className: `shrink-0 ${textClass[role]}` });\n}\n\n/**\n * Konum başına kap. Mobilde (sm altı) üst/alt kenarda tam genişlik — dar\n * ekranda köşeye sıkışmış 288px'lik kart yerine.\n */\nexport function getContainerPositionClass(position: ToastPosition): string {\n  switch (position) {\n    case \"top\":\n      return \"top-4 inset-x-4 items-center sm:inset-x-auto sm:left-1/2 sm:-translate-x-1/2\";\n    case \"bottom\":\n      return \"bottom-4 inset-x-4 items-center sm:inset-x-auto sm:left-1/2 sm:-translate-x-1/2\";\n    case \"topLeft\":\n      return \"top-4 inset-x-4 items-stretch sm:inset-x-auto sm:left-4 sm:items-start\";\n    case \"topRight\":\n      return \"top-4 inset-x-4 items-stretch sm:inset-x-auto sm:right-4 sm:items-end\";\n    case \"bottomLeft\":\n      return \"bottom-4 inset-x-4 items-stretch sm:inset-x-auto sm:left-4 sm:items-start\";\n    case \"bottomRight\":\n      return \"bottom-4 inset-x-4 items-stretch sm:inset-x-auto sm:right-4 sm:items-end\";\n  }\n}\n\n/** Alttaki konumlarda en yeni toast en altta (kenara yakın) değil, en üstte değil — kenara yakın olan en yeni. */\nexport const isBottom = (position: ToastPosition) => position.startsWith(\"bottom\");\n","\"use client\";\n\nimport React, { createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"@mari-ui/core\";\nimport { Toast } from \"./Toast\";\nimport type { ToastData, ToastOptions, ToastPosition } from \"./types\";\nimport { getContainerPositionClass, isBottom } from \"./utils\";\n\nconst DEFAULT_DURATION = 5000;\nconst ACTION_DURATION = 8000;\nconst EXIT_MS = 200;\nconst MAX_PER_POSITION = 4;\nconst DEFAULT_POSITION: ToastPosition = \"bottomRight\";\nconst POSITIONS: ToastPosition[] = [\"top\", \"bottom\", \"topLeft\", \"topRight\", \"bottomLeft\", \"bottomRight\"];\n\ninterface ToastContextType {\n  /** Toast gösterir, `id` döndürür (`dismiss` için). */\n  showToast: (t: ToastOptions) => string;\n  /** Belirli bir toast'u kapatır; `id` verilmezse hepsini. */\n  dismiss: (id?: string) => void;\n  /**\n   * Açık bir toast'u günceller — ör. iskeletten içeriğe:\n   * `update(id, { skeleton: false, title: \"Rapor hazır\", type: \"success\" })`.\n   * İskeletten çıkınca ekran okuyucuya duyurulur ve kapanma sayacı başlar.\n   */\n  update: (id: string, changes: Partial<Omit<ToastOptions, \"position\">>) => void;\n}\n\ninterface ToastEntry extends ToastData {\n  exiting?: boolean;\n}\n\nconst ToastContext = createContext<ToastContextType | undefined>(undefined);\n\n/** Modül seviyesinde — `useCallback > setTimeout > setState > filter` iç içeliği 4'ü aşmasın. */\nconst withoutToast = (id: string) => (prev: ToastEntry[]) => prev.filter((t) => t.id !== id);\nconst markExiting = (id: string) => (prev: ToastEntry[]) => {\n  if (!prev.some((t) => t.id === id && !t.exiting)) return prev;\n  return prev.map((t) => (t.id === id ? { ...t, exiting: true } : t));\n};\n\n/** Canlı bölgeye okunacak metin: başlık + (düz metinse) açıklama. */\nconst announcementText = (t: Pick<ToastOptions, \"title\" | \"description\">) =>\n  [t.title, typeof t.description === \"string\" ? t.description : \"\"].filter(Boolean).join(\". \");\n\nfunction ToastGroup({ position, toasts, onClose }: Readonly<{ position: ToastPosition; toasts: ToastEntry[]; onClose: (id: string) => void }>) {\n  if (toasts.length === 0) return null;\n  // Kenara en yakın olan en yeni — altta sıra ters çevrilir.\n  const ordered = isBottom(position) ? toasts : [...toasts].reverse();\n  return (\n    <section\n      aria-label=\"Bildirimler\"\n      className={cn(\"pointer-events-none fixed z-mari-toast flex flex-col gap-2\", isBottom(position) ? \"justify-end\" : \"justify-start\", getContainerPositionClass(position))}\n    >\n      {ordered.map((t) => (\n        <Toast\n          key={t.id}\n          title={t.title}\n          description={t.description}\n          type={t.type}\n          closeIcon={t.closeIcon}\n          action={t.action}\n          duration={t.duration}\n          exiting={t.exiting}\n          skeleton={t.skeleton}\n          onClose={() => onClose(t.id)}\n        />\n      ))}\n    </section>\n  );\n}\n\n/**\n * Faz 13.6: ekran okuyucu duyurusu için KALICI iki canlı bölge (polite +\n * assertive). Eskiden hiç yoktu — hiçbir toast duyurulmuyordu. Bölgeler hep\n * DOM'da; sadece metinleri değişir (yeni eklenen canlı bölgeyi bazı ekran\n * okuyucular kaçırır). Hata toast'ları `assertive`.\n */\nexport function ToastProvider({ children }: Readonly<{ children: React.ReactNode }>) {\n  const [toasts, setToasts] = useState<ToastEntry[]>([]);\n  const [announce, setAnnounce] = useState({ polite: \"\", assertive: \"\" });\n  const closers = useRef(new Map<string, (() => void) | undefined>());\n  const toastsRef = useRef(toasts);\n  toastsRef.current = toasts;\n\n  const announceToast = useCallback((t: ToastOptions) => {\n    const text = announcementText(t);\n    setAnnounce((a) => (t.type === \"error\" ? { ...a, assertive: text } : { ...a, polite: text }));\n  }, []);\n\n  const remove = useCallback((id: string) => {\n    if (!closers.current.has(id)) return; // zaten kapanıyor\n    setToasts(markExiting(id));\n    const onClose = closers.current.get(id);\n    closers.current.delete(id);\n    onClose?.();\n    setTimeout(() => setToasts(withoutToast(id)), EXIT_MS);\n  }, []);\n\n  const showToast = useCallback((options: ToastOptions) => {\n    const id = crypto.randomUUID();\n    const duration = options.duration ?? (options.action ? ACTION_DURATION : DEFAULT_DURATION);\n    closers.current.set(id, options.onClose);\n    setToasts((prev) => {\n      const position = options.position ?? DEFAULT_POSITION;\n      const next = [...prev, { ...options, id, duration, position }];\n      // Konum başına en fazla N görünür — en eskiler düşer.\n      const same = next.filter((t) => (t.position ?? DEFAULT_POSITION) === position && !t.exiting);\n      const overflow = same.slice(0, Math.max(0, same.length - MAX_PER_POSITION)).map((t) => t.id);\n      return next.filter((t) => !overflow.includes(t.id));\n    });\n    // İskeletteki içerik yer tutucu — duyurulmaz; veri gelince `update` duyurur.\n    if (!options.skeleton) announceToast(options);\n    return id;\n  }, [announceToast]);\n\n  const update = useCallback((id: string, changes: Partial<Omit<ToastOptions, \"position\">>) => {\n    const current = toastsRef.current.find((t) => t.id === id);\n    if (!current || current.exiting) return;\n    const next = { ...current, ...changes };\n    if (changes.onClose !== undefined) closers.current.set(id, changes.onClose);\n    setToasts((prev) => prev.map((t) => (t.id === id ? { ...t, ...changes } : t)));\n    const contentChanged = current.skeleton || changes.title !== undefined || changes.description !== undefined;\n    if (!next.skeleton && contentChanged) announceToast(next);\n  }, [announceToast]);\n\n  const dismiss = useCallback(\n    (id?: string) => {\n      if (id) remove(id);\n      else toastsRef.current.forEach((t) => remove(t.id));\n    },\n    [remove]\n  );\n\n  const contextValue = useMemo(() => ({ showToast, dismiss, update }), [showToast, dismiss, update]);\n\n  return (\n    <ToastContext.Provider value={contextValue}>\n      {children}\n      {POSITIONS.map((position) => (\n        <ToastGroup key={position} position={position} toasts={toasts.filter((t) => (t.position ?? DEFAULT_POSITION) === position)} onClose={remove} />\n      ))}\n      <div aria-live=\"polite\" role=\"status\" className=\"sr-only\">\n        {announce.polite}\n      </div>\n      <div aria-live=\"assertive\" role=\"alert\" className=\"sr-only\">\n        {announce.assertive}\n      </div>\n    </ToastContext.Provider>\n  );\n}\n\nexport function useToast(): ToastContextType {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error(\"useToast, <ToastProvider> içinde kullanılmalı.\");\n  }\n  return context;\n}\n"],"mappings":"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","names":["useRef","useState","cn","jsx","jsxs","cn","useState","useRef"]}

package/dist/chunk-FFXRFQSU.js

@@ -0,0 +1,51 @@
+// src/lib/sizeClasses.ts
+var sizeClass = {
+  xs: "h-5 px-2 py-0.5 text-xs gap-1 rounded-sm",
+  sm: "h-6 px-2 py-1 text-xs gap-1.5 rounded-sm",
+  md: "h-8 px-3 py-1.5 text-sm gap-2 rounded-md",
+  lg: "h-10 px-4 py-2 text-base gap-2 rounded-md",
+  xl: "h-12 px-5 py-2.5 text-lg gap-2.5 rounded-lg"
+};
+var iconSizeClass = {
+  xs: "[&>svg]:size-3",
+  sm: "[&>svg]:size-3.5",
+  md: "[&>svg]:size-4",
+  lg: "[&>svg]:size-[1.125rem]",
+  xl: "[&>svg]:size-5"
+};
+var fontSizeClass = {
+  xs: "text-xs",
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base",
+  xl: "text-lg"
+};
+var touchTargetClass = {
+  xs: "pointer-coarse:before:absolute pointer-coarse:before:inset-x-0 pointer-coarse:before:-inset-y-3",
+  sm: "pointer-coarse:before:absolute pointer-coarse:before:inset-x-0 pointer-coarse:before:-inset-y-2.5",
+  md: "pointer-coarse:before:absolute pointer-coarse:before:inset-x-0 pointer-coarse:before:-inset-y-1.5",
+  lg: "pointer-coarse:before:absolute pointer-coarse:before:inset-x-0 pointer-coarse:before:-inset-y-0.5",
+  xl: ""
+};
+var touchTargetSquareClass = {
+  xs: "pointer-coarse:before:absolute pointer-coarse:before:-inset-3",
+  sm: "pointer-coarse:before:absolute pointer-coarse:before:-inset-2.5",
+  md: "pointer-coarse:before:absolute pointer-coarse:before:-inset-1.5",
+  lg: "pointer-coarse:before:absolute pointer-coarse:before:-inset-0.5",
+  xl: ""
+};
+var checkableTouchTargetClass = {
+  sm: "pointer-coarse:before:absolute pointer-coarse:before:-inset-x-1 pointer-coarse:before:-inset-y-3.5",
+  md: "pointer-coarse:before:absolute pointer-coarse:before:-inset-x-1 pointer-coarse:before:-inset-y-3",
+  lg: "pointer-coarse:before:absolute pointer-coarse:before:-inset-x-1 pointer-coarse:before:-inset-y-2.5"
+};
+
+export {
+  sizeClass,
+  iconSizeClass,
+  fontSizeClass,
+  touchTargetClass,
+  touchTargetSquareClass,
+  checkableTouchTargetClass
+};
+//# sourceMappingURL=chunk-FFXRFQSU.js.map

package/dist/chunk-FFXRFQSU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/sizeClasses.ts"],"sourcesContent":["import type { ExtendedSize } from \"@mari-ui/core\";\n\n/**\n * `@mari-ui/core`'un `componentSize` tablosuyla (height/paddingX/paddingY/\n * fontSize) BİLİNÇLİ OLARAK sayısal olarak hizalı, ama burada Tailwind'in\n * kendi built-in utility'leri kullanılır (`h-8`, `px-3`, `rounded-md`),\n * `@mari-ui/tokens`'ın `--mari-*` CSS değişkenleri değil.\n *\n * Neden: renk ekseni tema stüdyosunda ÇALIŞMA ZAMANINDA değişebilir\n * (kullanıcı primary/accent'i değiştirir) — bu yüzden renk CSS değişkeni\n * üzerinden akmalı. Boyut/radius skalası ise `mari-ui.config.json`'da\n * sadece bir PRESET seçimi (Faz 6'daki `density.radius`); rastgele bir\n * değere çekilebilir olması gerekmiyor. Bu ayrım, gereksiz yere ikinci bir\n * özel Tailwind namespace'i icat etmekten kaçınır.\n *\n * Her class ismi burada da (renk tablolarındaki gibi) literal string'tir —\n * Tailwind'in derleme-zamanı tarayıcısı için.\n */\nexport const sizeClass: Record<ExtendedSize, string> = {\n  xs: \"h-5 px-2 py-0.5 text-xs gap-1 rounded-sm\",\n  sm: \"h-6 px-2 py-1 text-xs gap-1.5 rounded-sm\",\n  md: \"h-8 px-3 py-1.5 text-sm gap-2 rounded-md\",\n  lg: \"h-10 px-4 py-2 text-base gap-2 rounded-md\",\n  xl: \"h-12 px-5 py-2.5 text-lg gap-2.5 rounded-lg\",\n};\n\n/**\n * Kontrol içindeki ikonun (doğrudan `<svg>` çocuk) boyutu — yazı boyutuyla\n * orantılı. Tüketici `<PlusIcon />`ı boyut vermeden geçebilsin: lucide'ın\n * varsayılanı 24px'ti, küçük butonda metinden iri duruyordu. CSS, SVG'nin\n * `width`/`height` niteliğini ezer → `size={16}` verilse de tutarlı kalır.\n */\nexport const iconSizeClass: Record<ExtendedSize, string> = {\n  xs: \"[&>svg]:size-3\",\n  sm: \"[&>svg]:size-3.5\",\n  md: \"[&>svg]:size-4\",\n  lg: \"[&>svg]:size-[1.125rem]\",\n  xl: \"[&>svg]:size-5\",\n};\n\n/** Sadece font boyutu gereken (Typography gibi) bileşenler için. */\nexport const fontSizeClass: Record<ExtendedSize, string> = {\n  xs: \"text-xs\",\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n  xl: \"text-lg\",\n};\n\n/**\n * Faz 15 — dokunmatik hedef. Varsayılan kontroller masaüstü yoğunluğunda\n * (md = 32px); parmakla kullanımda önerilen en az 44px. GÖRÜNÜMÜ DEĞİŞTİRMEDEN\n * yalnızca kaba işaretçili (dokunmatik) cihazlarda görünmez bir `::before`\n * katmanı tıklama alanını 44px'e tamamlar. Öğe `relative` olmalı.\n *\n * Dikey: (44 − yükseklik) / 2 → xs 20→12px, sm 24→10px, md 32→6px, lg 40→2px,\n * xl 48 zaten yeterli. Yatay genişletme YOK: yan yana butonlar arasında\n * (gap-2) hedefler çakışırdı; ikon-only (kare) kontroller için\n * `touchTargetSquareClass` kullanın.\n */\nexport const touchTargetClass: Record<ExtendedSize, string> = {\n  xs: \"pointer-coarse:before:absolute pointer-coarse:before:inset-x-0 pointer-coarse:before:-inset-y-3\",\n  sm: \"pointer-coarse:before:absolute pointer-coarse:before:inset-x-0 pointer-coarse:before:-inset-y-2.5\",\n  md: \"pointer-coarse:before:absolute pointer-coarse:before:inset-x-0 pointer-coarse:before:-inset-y-1.5\",\n  lg: \"pointer-coarse:before:absolute pointer-coarse:before:inset-x-0 pointer-coarse:before:-inset-y-0.5\",\n  xl: \"\",\n};\n\n/** Kare/daire ikon-only kontroller: her yönde 44px'e tamamlar. */\nexport const touchTargetSquareClass: Record<ExtendedSize, string> = {\n  xs: \"pointer-coarse:before:absolute pointer-coarse:before:-inset-3\",\n  sm: \"pointer-coarse:before:absolute pointer-coarse:before:-inset-2.5\",\n  md: \"pointer-coarse:before:absolute pointer-coarse:before:-inset-1.5\",\n  lg: \"pointer-coarse:before:absolute pointer-coarse:before:-inset-0.5\",\n  xl: \"\",\n};\n\n/**\n * Checkbox/Radio satırı (kutu + etiket) için dokunmatik hedef: satır\n * yüksekliği etiketin satır yüksekliğidir (sm 16 / md 20 / lg 24px) → 44px'e\n * tamamlar. `<label>` içindeki bir öğeye uygulanır; pseudo alana dokunmak\n * etikete dokunmak sayılır ve kontrolü değiştirir.\n */\nexport const checkableTouchTargetClass: Record<\"sm\" | \"md\" | \"lg\", string> = {\n  sm: \"pointer-coarse:before:absolute pointer-coarse:before:-inset-x-1 pointer-coarse:before:-inset-y-3.5\",\n  md: \"pointer-coarse:before:absolute pointer-coarse:before:-inset-x-1 pointer-coarse:before:-inset-y-3\",\n  lg: \"pointer-coarse:before:absolute pointer-coarse:before:-inset-x-1 pointer-coarse:before:-inset-y-2.5\",\n};\n"],"mappings":";AAkBO,IAAM,YAA0C;AAAA,EACrD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAQO,IAAM,gBAA8C;AAAA,EACzD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,IAAM,gBAA8C;AAAA,EACzD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAaO,IAAM,mBAAiD;AAAA,EAC5D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,IAAM,yBAAuD;AAAA,EAClE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAQO,IAAM,4BAAgE;AAAA,EAC3E,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;","names":[]}