@mari-ui/components 0.0.0-stage → 0.1.0

package/dist/chunk-CYLXW66E.js

@@ -0,0 +1,449 @@
+"use client";
+
+import {
+  skeletonBoxProps
+} from "./chunk-54HHEXXD.js";
+
+// src/lib/date/index.ts
+var DEFAULT_LOCALE = "tr-TR";
+var startOfDay = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
+var startOfMonth = (d) => new Date(d.getFullYear(), d.getMonth(), 1);
+var daysInMonth = (year, month) => new Date(year, month + 1, 0).getDate();
+function addDays(d, n) {
+  const r = new Date(d);
+  r.setDate(r.getDate() + n);
+  return r;
+}
+function addMonths(d, n) {
+  const total = d.getFullYear() * 12 + d.getMonth() + n;
+  const year = Math.floor(total / 12);
+  const month = total - year * 12;
+  const day = Math.min(d.getDate(), daysInMonth(year, month));
+  return new Date(year, month, day, d.getHours(), d.getMinutes(), d.getSeconds());
+}
+var addYears = (d, n) => addMonths(d, n * 12);
+var isSameDay = (a, b) => !!a && !!b && a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+var isSameMonth = (a, b) => !!a && !!b && a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth();
+var isSameYear = (a, b) => !!a && !!b && a.getFullYear() === b.getFullYear();
+var compareDay = (a, b) => startOfDay(a).getTime() - startOfDay(b).getTime();
+function isBetweenDays(d, a, b) {
+  const [lo, hi] = compareDay(a, b) <= 0 ? [a, b] : [b, a];
+  return compareDay(d, lo) >= 0 && compareDay(d, hi) <= 0;
+}
+function startOfWeek(d, weekStart = 1) {
+  const diff = (d.getDay() - weekStart + 7) % 7;
+  return startOfDay(addDays(d, -diff));
+}
+var endOfWeek = (d, weekStart = 1) => addDays(startOfWeek(d, weekStart), 6);
+function getMonthGrid(year, month, weekStart = 1) {
+  const first = startOfWeek(new Date(year, month, 1), weekStart);
+  return Array.from({ length: 6 }, (_, w) => Array.from({ length: 7 }, (_2, i) => addDays(first, w * 7 + i)));
+}
+function getISOWeek(d) {
+  const t = startOfDay(d);
+  t.setDate(t.getDate() + 3 - (t.getDay() + 6) % 7);
+  const firstThursday = new Date(t.getFullYear(), 0, 4);
+  return 1 + Math.round(((t.getTime() - firstThursday.getTime()) / 864e5 - 3 + (firstThursday.getDay() + 6) % 7) / 7);
+}
+function monthNames(locale = DEFAULT_LOCALE, width = "long") {
+  const fmt = new Intl.DateTimeFormat(locale, { month: width });
+  return Array.from({ length: 12 }, (_, m) => fmt.format(new Date(2024, m, 1)));
+}
+function weekdayNames(locale = DEFAULT_LOCALE, weekStart = 1, width = "short") {
+  const fmt = new Intl.DateTimeFormat(locale, { weekday: width });
+  return Array.from({ length: 7 }, (_, i) => fmt.format(new Date(2024, 0, 7 + (i + weekStart) % 7)));
+}
+function fullDateLabel(d, locale = DEFAULT_LOCALE) {
+  return new Intl.DateTimeFormat(locale, { day: "numeric", month: "long", year: "numeric", weekday: "long" }).format(d);
+}
+var TOKEN_RE = /yyyy|MMMM|MMM|MM|M|dd|d|HH|H|mm|ss|EEEE|EEE/g;
+var pad = (n, len = 2) => String(n).padStart(len, "0");
+function formatDate(d, pattern, locale = DEFAULT_LOCALE) {
+  return pattern.replace(TOKEN_RE, (token) => {
+    switch (token) {
+      case "yyyy":
+        return pad(d.getFullYear(), 4);
+      case "MMMM":
+        return monthNames(locale, "long")[d.getMonth()];
+      case "MMM":
+        return monthNames(locale, "short")[d.getMonth()];
+      case "MM":
+        return pad(d.getMonth() + 1);
+      case "M":
+        return String(d.getMonth() + 1);
+      case "dd":
+        return pad(d.getDate());
+      case "d":
+        return String(d.getDate());
+      case "HH":
+        return pad(d.getHours());
+      case "H":
+        return String(d.getHours());
+      case "mm":
+        return pad(d.getMinutes());
+      case "ss":
+        return pad(d.getSeconds());
+      case "EEEE":
+        return new Intl.DateTimeFormat(locale, { weekday: "long" }).format(d);
+      default:
+        return new Intl.DateTimeFormat(locale, { weekday: "short" }).format(d);
+    }
+  });
+}
+var NUMERIC = { yyyy: "(\\d{4})", MM: "(\\d{1,2})", M: "(\\d{1,2})", dd: "(\\d{1,2})", d: "(\\d{1,2})", HH: "(\\d{1,2})", H: "(\\d{1,2})", mm: "(\\d{1,2})", ss: "(\\d{1,2})" };
+var escapeRe = (s) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+function parseDate(text, pattern, reference = startOfDay(/* @__PURE__ */ new Date())) {
+  const tokens = [];
+  let re = "";
+  let last = 0;
+  for (const m of pattern.matchAll(TOKEN_RE)) {
+    const literal = pattern.slice(last, m.index);
+    re += escapeRe(literal).replace(/\\\.|\/|-/g, "[./-]");
+    const group = NUMERIC[m[0]];
+    if (!group) return null;
+    re += group;
+    tokens.push(m[0]);
+    last = m.index + m[0].length;
+  }
+  re += escapeRe(pattern.slice(last)).replace(/\\\.|\/|-/g, "[./-]");
+  const match = new RegExp(`^\\s*${re}\\s*$`).exec(text);
+  if (!match) return null;
+  const parts = { y: reference.getFullYear(), M: reference.getMonth() + 1, d: reference.getDate(), H: reference.getHours(), m: reference.getMinutes(), s: reference.getSeconds() };
+  tokens.forEach((t, i) => {
+    const v = Number(match[i + 1]);
+    if (t === "yyyy") parts.y = v;
+    else if (t.startsWith("M")) parts.M = v;
+    else if (t.startsWith("d")) parts.d = v;
+    else if (t.startsWith("H")) parts.H = v;
+    else if (t === "mm") parts.m = v;
+    else parts.s = v;
+  });
+  if (parts.M < 1 || parts.M > 12 || parts.d < 1 || parts.d > daysInMonth(parts.y, parts.M - 1)) return null;
+  if (parts.H > 23 || parts.m > 59 || parts.s > 59) return null;
+  return new Date(parts.y, parts.M - 1, parts.d, parts.H, parts.m, parts.s);
+}
+function dayGridKeyStep(d, key, shift, weekStart = 1) {
+  switch (key) {
+    case "ArrowLeft":
+      return addDays(d, -1);
+    case "ArrowRight":
+      return addDays(d, 1);
+    case "ArrowUp":
+      return addDays(d, -7);
+    case "ArrowDown":
+      return addDays(d, 7);
+    case "Home":
+      return startOfWeek(d, weekStart);
+    case "End":
+      return endOfWeek(d, weekStart);
+    case "PageUp":
+      return shift ? addYears(d, -1) : addMonths(d, -1);
+    case "PageDown":
+      return shift ? addYears(d, 1) : addMonths(d, 1);
+    default:
+      return null;
+  }
+}
+function cellGridKeyStep(index, key, columns = 3) {
+  const map = { ArrowLeft: -1, ArrowRight: 1, ArrowUp: -columns, ArrowDown: columns };
+  if (key in map) return index + map[key];
+  if (key === "Home") return index - index % columns;
+  if (key === "End") return index - index % columns + columns - 1;
+  return null;
+}
+function isWithin(d, min, max) {
+  if (min && compareDay(d, min) < 0) return false;
+  if (max && compareDay(d, max) > 0) return false;
+  return true;
+}
+
+// src/calendar/_components/CellGrid.tsx
+import { useEffect, useRef } from "react";
+import { cn } from "@mari-ui/core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function GridCellView({ cell, focused, full, content, onClick }) {
+  const solid = cell.selected && !full;
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      role: "gridcell",
+      tabIndex: focused ? 0 : -1,
+      "aria-label": full ? void 0 : cell.fullLabel,
+      "aria-selected": cell.selected,
+      "aria-disabled": cell.disabled || void 0,
+      "aria-current": cell.current ? "date" : void 0,
+      onClick,
+      className: cn(
+        "group relative cursor-pointer p-1 outline-none",
+        cell.disabled && "cursor-not-allowed",
+        "[&:focus-visible>div]:outline-2 [&:focus-visible>div]:outline-offset-1 [&:focus-visible>div]:outline-mari-ring"
+      ),
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "rounded-md transition-colors",
+            full ? "flex h-24 flex-col gap-1 border-t-2 p-1.5 text-left max-sm:h-16" : "flex h-9 items-center justify-center pointer-coarse:h-11",
+            solid && "bg-mari-primary-solid font-medium text-mari-primary-solid-contrast",
+            cell.selected && full && "border-mari-primary bg-mari-primary-subtle",
+            !cell.selected && full && "border-mari-border",
+            !cell.selected && !cell.disabled && "group-hover:bg-mari-surface-alt",
+            !cell.selected && cell.current && !full && "font-semibold text-mari-primary ring-1 ring-mari-primary ring-inset",
+            cell.outside && !cell.selected && "text-mari-muted",
+            cell.disabled && "text-mari-disabled line-through"
+          ),
+          children: full ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn("self-end", cell.current && "font-semibold text-mari-primary"), children: cell.label }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: cell.fullLabel }),
+            content && /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-hidden text-xs", children: content })
+          ] }) : cell.label
+        }
+      )
+    }
+  );
+}
+function CellGrid({ cells, focusedIndex, onFocusIndex, onSelect, label, columns = 3, variant = "compact", cellRender, takeFocus = false, onPage, skeleton = false }) {
+  const tableRef = useRef(null);
+  const full = variant === "full";
+  const navigating = useRef(false);
+  useEffect(() => {
+    const table = tableRef.current;
+    if (!table) return;
+    if (!takeFocus && !navigating.current && !table.contains(document.activeElement)) return;
+    navigating.current = false;
+    table.querySelector('[tabindex="0"]')?.focus();
+  }, [focusedIndex, takeFocus]);
+  const rows = [];
+  for (let i = 0; i < cells.length; i += columns) rows.push(cells.slice(i, i + columns));
+  const onKeyDown = (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      if (!cells[focusedIndex]?.disabled) onSelect(focusedIndex);
+      return;
+    }
+    if ((e.key === "PageUp" || e.key === "PageDown") && onPage) {
+      e.preventDefault();
+      navigating.current = true;
+      onPage(e.key === "PageUp" ? -1 : 1);
+      return;
+    }
+    const next = cellGridKeyStep(focusedIndex, e.key, columns);
+    if (next === null) return;
+    e.preventDefault();
+    navigating.current = true;
+    onFocusIndex(next);
+  };
+  return /* @__PURE__ */ jsx(
+    "table",
+    {
+      ref: tableRef,
+      role: skeleton ? void 0 : "grid",
+      "aria-label": skeleton ? void 0 : label,
+      "aria-hidden": skeleton || void 0,
+      onKeyDown: skeleton ? void 0 : onKeyDown,
+      className: "w-full border-collapse text-sm",
+      children: /* @__PURE__ */ jsx("tbody", { children: rows.map((row, r) => (
+        // Satırlar konumsal ve sabit (3×4).
+        /* @__PURE__ */ jsx("tr", { children: row.map((cell, c) => {
+          const index = r * columns + c;
+          if (skeleton) {
+            return /* @__PURE__ */ jsx("td", { className: "p-1", children: /* @__PURE__ */ jsx("div", { className: cn("flex rounded-md", full ? "h-24 flex-col border-t-2 border-mari-border p-1.5" : "h-9 items-center justify-center"), children: /* @__PURE__ */ jsx("span", { ...skeletonBoxProps(cn("rounded-sm", full && "self-end")), children: cell.label }) }) }, cell.key);
+          }
+          return /* @__PURE__ */ jsx(
+            GridCellView,
+            {
+              cell,
+              focused: index === focusedIndex,
+              full,
+              content: cellRender?.(index),
+              onClick: () => {
+                onFocusIndex(index);
+                if (!cell.disabled) onSelect(index);
+              }
+            },
+            cell.key
+          );
+        }) }, r)
+      )) })
+    }
+  );
+}
+
+// src/calendar/_components/DayGrid.tsx
+import { useEffect as useEffect2, useRef as useRef2 } from "react";
+import { cn as cn2 } from "@mari-ui/core";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var RANGE_BG = {
+  start: "before:absolute before:inset-y-0.5 before:left-1/2 before:right-0 before:bg-mari-primary-subtle",
+  end: "before:absolute before:inset-y-0.5 before:left-0 before:right-1/2 before:bg-mari-primary-subtle",
+  middle: "before:absolute before:inset-y-0.5 before:inset-x-0 before:bg-mari-primary-subtle",
+  single: ""
+};
+function compactDayClass(info) {
+  const strong = info.selected || info.range === "start" || info.range === "end" || info.range === "single";
+  return cn2(
+    "relative z-10 mx-auto flex size-8 items-center justify-center rounded-md tabular-nums transition-colors",
+    strong && "bg-mari-primary-solid font-medium text-mari-primary-solid-contrast",
+    !strong && info.today && "font-semibold text-mari-primary ring-1 ring-mari-primary ring-inset",
+    !strong && !info.disabled && "group-hover:bg-mari-surface-alt",
+    info.outside && !strong && "text-mari-muted",
+    info.disabled && "text-mari-disabled line-through decoration-mari-disabled/60"
+  );
+}
+function FullDayContent({ info, locale, cellRender }) {
+  const content = cellRender?.(info);
+  const hasContent = content !== void 0 && content !== null && content !== false && content !== "";
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: cn2(
+        "m-0.5 flex h-24 flex-col gap-1 overflow-hidden rounded-md border-t-2 p-1.5 text-left transition-colors max-sm:h-12 max-sm:items-center max-sm:gap-0.5 max-sm:p-1",
+        info.selected ? "border-mari-primary bg-mari-primary-subtle" : "border-mari-border",
+        !info.selected && !info.disabled && "group-hover:bg-mari-surface-alt",
+        info.outside && "text-mari-muted",
+        info.disabled && "bg-mari-surface-alt text-mari-disabled"
+      ),
+      children: [
+        /* @__PURE__ */ jsx2("span", { "aria-hidden": true, className: cn2("self-end text-sm tabular-nums max-sm:self-center", info.today && "rounded-sm bg-mari-primary-solid px-1 font-semibold text-mari-primary-solid-contrast"), children: info.date.getDate() }),
+        /* @__PURE__ */ jsx2("span", { className: "sr-only", children: fullDateLabel(info.date, locale) }),
+        hasContent && /* @__PURE__ */ jsx2("div", { className: "min-h-0 flex-1 overflow-hidden text-xs max-sm:sr-only", children: content }),
+        hasContent && /* @__PURE__ */ jsx2("span", { "aria-hidden": true, className: "size-1.5 rounded-full bg-mari-primary sm:hidden" })
+      ]
+    }
+  );
+}
+function SkeletonDay({ date, full }) {
+  if (full) {
+    return /* @__PURE__ */ jsx2("td", { className: "p-0 align-top", children: /* @__PURE__ */ jsx2("div", { className: "m-0.5 flex h-24 flex-col rounded-md border-t-2 border-mari-border p-1.5 max-sm:h-12", children: /* @__PURE__ */ jsx2("span", { ...skeletonBoxProps("self-end rounded-sm text-sm tabular-nums"), children: date.getDate() }) }) });
+  }
+  return /* @__PURE__ */ jsx2("td", { className: "p-0", children: /* @__PURE__ */ jsx2("div", { className: "py-0.5 pointer-coarse:py-1.5", children: /* @__PURE__ */ jsx2("span", { ...skeletonBoxProps("mx-auto flex size-8 items-center justify-center rounded-md tabular-nums"), children: date.getDate() }) }) });
+}
+function DayGrid({
+  view,
+  focused,
+  onFocusChange,
+  isSelected,
+  rangeOf,
+  isDisabled,
+  onSelect,
+  onHover,
+  weekStart = 1,
+  locale,
+  variant = "compact",
+  showWeek = false,
+  cellRender,
+  label,
+  takeFocus = false,
+  skeleton = false
+}) {
+  const tableRef = useRef2(null);
+  const today = /* @__PURE__ */ new Date();
+  const weeks = getMonthGrid(view.getFullYear(), view.getMonth(), weekStart);
+  const shortNames = weekdayNames(locale, weekStart, "short");
+  const longNames = weekdayNames(locale, weekStart, "long");
+  const full = variant === "full";
+  const navigating = useRef2(false);
+  useEffect2(() => {
+    const table = tableRef.current;
+    if (!table) return;
+    if (!takeFocus && !navigating.current && !table.contains(document.activeElement)) return;
+    navigating.current = false;
+    table.querySelector('[tabindex="0"]')?.focus();
+  }, [focused, takeFocus]);
+  const onKeyDown = (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      if (!isDisabled(focused)) onSelect(focused);
+      return;
+    }
+    const next = dayGridKeyStep(focused, e.key, e.shiftKey, weekStart);
+    if (!next) return;
+    e.preventDefault();
+    navigating.current = true;
+    onFocusChange(next);
+  };
+  return /* @__PURE__ */ jsxs2(
+    "table",
+    {
+      ref: tableRef,
+      role: skeleton ? void 0 : "grid",
+      "aria-label": skeleton ? void 0 : label,
+      "aria-hidden": skeleton || void 0,
+      onKeyDown: skeleton ? void 0 : onKeyDown,
+      onMouseLeave: () => onHover?.(null),
+      className: cn2("w-full border-collapse text-sm", full ? "table-fixed" : ""),
+      children: [
+        /* @__PURE__ */ jsx2("thead", { children: /* @__PURE__ */ jsxs2("tr", { children: [
+          showWeek && /* @__PURE__ */ jsxs2("th", { scope: "col", abbr: "Hafta", className: "relative w-8 pb-1 text-xs font-normal text-mari-muted", children: [
+            /* @__PURE__ */ jsx2("span", { "aria-hidden": true, children: "Hf" }),
+            /* @__PURE__ */ jsx2("span", { className: "sr-only", children: "Hafta" })
+          ] }),
+          shortNames.map((name, i) => /* @__PURE__ */ jsxs2("th", { scope: "col", abbr: longNames[i], className: cn2("relative pb-1 text-xs font-normal text-mari-muted", full ? "pr-2 text-right" : "text-center"), children: [
+            /* @__PURE__ */ jsx2("span", { "aria-hidden": true, children: name }),
+            /* @__PURE__ */ jsx2("span", { className: "sr-only", children: longNames[i] })
+          ] }, longNames[i]))
+        ] }) }),
+        /* @__PURE__ */ jsx2("tbody", { children: weeks.map((week) => /* @__PURE__ */ jsxs2("tr", { children: [
+          showWeek && /* @__PURE__ */ jsx2("td", { className: "relative text-center text-xs text-mari-muted tabular-nums", children: getISOWeek(week[3]) }),
+          week.map((date) => {
+            const info = {
+              date,
+              selected: isSelected(date),
+              today: isSameDay(date, today),
+              disabled: isDisabled(date),
+              outside: !isSameMonth(date, view),
+              range: rangeOf?.(date) ?? null
+            };
+            const isFocused = !skeleton && isSameDay(date, focused);
+            if (skeleton) return /* @__PURE__ */ jsx2(SkeletonDay, { date, full }, date.toDateString());
+            return /* @__PURE__ */ jsx2(
+              "td",
+              {
+                role: "gridcell",
+                tabIndex: isFocused ? 0 : -1,
+                "aria-label": full ? void 0 : fullDateLabel(date, locale),
+                "aria-selected": info.selected || info.range !== null,
+                "aria-disabled": info.disabled || void 0,
+                "aria-current": info.today ? "date" : void 0,
+                onClick: () => {
+                  onFocusChange(date);
+                  if (!info.disabled) onSelect(date);
+                },
+                onMouseEnter: () => onHover?.(date),
+                className: cn2(
+                  "group relative cursor-pointer p-0 outline-none",
+                  info.disabled && "cursor-not-allowed",
+                  // Odak halkası hücrenin iç kutusunda (yuvarlak gün kutusu) görünsün.
+                  full ? "[&:focus-visible>div]:outline-2 [&:focus-visible>div]:outline-offset-1 [&:focus-visible>div]:outline-mari-ring" : "[&:focus-visible>div>span]:outline-2 [&:focus-visible>div>span]:outline-offset-1 [&:focus-visible>div>span]:outline-mari-ring",
+                  !full && info.range && RANGE_BG[info.range],
+                  full && "align-top"
+                ),
+                children: full ? /* @__PURE__ */ jsx2(FullDayContent, { info, locale, cellRender }) : /* @__PURE__ */ jsx2("div", { className: "py-0.5 pointer-coarse:py-1.5", children: /* @__PURE__ */ jsx2("span", { className: compactDayClass(info), children: date.getDate() }) })
+              },
+              date.toDateString()
+            );
+          })
+        ] }, week[0].toDateString())) })
+      ]
+    }
+  );
+}
+
+export {
+  startOfDay,
+  startOfMonth,
+  addMonths,
+  addYears,
+  isSameDay,
+  isSameMonth,
+  isSameYear,
+  compareDay,
+  isBetweenDays,
+  monthNames,
+  formatDate,
+  parseDate,
+  isWithin,
+  CellGrid,
+  DayGrid
+};
+//# sourceMappingURL=chunk-CYLXW66E.js.map

package/dist/chunk-CYLXW66E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/date/index.ts","../src/calendar/_components/CellGrid.tsx","../src/calendar/_components/DayGrid.tsx"],"sourcesContent":["/**\n * Faz 16.5 — Calendar / DatePicker / TimePicker'ın ortak tarih motoru.\n * Bağımlılık yok: yerel `Date` + `Intl` (varsayılan yerel `tr-TR`). Tüm\n * hesaplar YEREL saatte; gün karşılaştırmaları saat bileşenini yok sayar.\n */\n\nexport const DEFAULT_LOCALE = \"tr-TR\";\n/** Haftanın ilk günü: 1 = Pazartesi (Türkiye), 0 = Pazar. */\nexport type WeekStart = 0 | 1;\n\nexport const startOfDay = (d: Date) => new Date(d.getFullYear(), d.getMonth(), d.getDate());\nexport const startOfMonth = (d: Date) => new Date(d.getFullYear(), d.getMonth(), 1);\nexport const daysInMonth = (year: number, month: number) => new Date(year, month + 1, 0).getDate();\n\nexport function addDays(d: Date, n: number): Date {\n  const r = new Date(d);\n  r.setDate(r.getDate() + n);\n  return r;\n}\n\n/** Ay ekler; hedef ayda o gün yoksa ayın son gününe çeker (31 Ocak + 1 ay = 28/29 Şubat). */\nexport function addMonths(d: Date, n: number): Date {\n  const total = d.getFullYear() * 12 + d.getMonth() + n;\n  const year = Math.floor(total / 12);\n  const month = total - year * 12;\n  const day = Math.min(d.getDate(), daysInMonth(year, month));\n  return new Date(year, month, day, d.getHours(), d.getMinutes(), d.getSeconds());\n}\n\nexport const addYears = (d: Date, n: number) => addMonths(d, n * 12);\n\nexport const isSameDay = (a: Date | null | undefined, b: Date | null | undefined) =>\n  !!a && !!b && a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\nexport const isSameMonth = (a: Date | null | undefined, b: Date | null | undefined) =>\n  !!a && !!b && a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth();\nexport const isSameYear = (a: Date | null | undefined, b: Date | null | undefined) => !!a && !!b && a.getFullYear() === b.getFullYear();\n\n/** Gün düzeyinde karşılaştırma: <0, 0, >0. */\nexport const compareDay = (a: Date, b: Date) => startOfDay(a).getTime() - startOfDay(b).getTime();\n\n/** `d`, `a` ile `b` arasında mı (gün düzeyinde, uçlar dahil, sıra fark etmez). */\nexport function isBetweenDays(d: Date, a: Date, b: Date): boolean {\n  const [lo, hi] = compareDay(a, b) <= 0 ? [a, b] : [b, a];\n  return compareDay(d, lo) >= 0 && compareDay(d, hi) <= 0;\n}\n\nexport function startOfWeek(d: Date, weekStart: WeekStart = 1): Date {\n  const diff = (d.getDay() - weekStart + 7) % 7;\n  return startOfDay(addDays(d, -diff));\n}\n\nexport const endOfWeek = (d: Date, weekStart: WeekStart = 1) => addDays(startOfWeek(d, weekStart), 6);\n\n/** Ay görünümü: her zaman 6 hafta × 7 gün (yükseklik aydan aya zıplamasın). */\nexport function getMonthGrid(year: number, month: number, weekStart: WeekStart = 1): Date[][] {\n  const first = startOfWeek(new Date(year, month, 1), weekStart);\n  return Array.from({ length: 6 }, (_, w) => Array.from({ length: 7 }, (_, i) => addDays(first, w * 7 + i)));\n}\n\n/** ISO 8601 hafta numarası (Pazartesi başlangıç; yılın ilk Perşembesini içeren hafta 1). */\nexport function getISOWeek(d: Date): number {\n  const t = startOfDay(d);\n  t.setDate(t.getDate() + 3 - ((t.getDay() + 6) % 7));\n  const firstThursday = new Date(t.getFullYear(), 0, 4);\n  return 1 + Math.round(((t.getTime() - firstThursday.getTime()) / 86400000 - 3 + ((firstThursday.getDay() + 6) % 7)) / 7);\n}\n\n/* ─────────────────────────── Yerel adlar ─────────────────────────── */\n\nexport function monthNames(locale = DEFAULT_LOCALE, width: \"long\" | \"short\" = \"long\"): string[] {\n  const fmt = new Intl.DateTimeFormat(locale, { month: width });\n  return Array.from({ length: 12 }, (_, m) => fmt.format(new Date(2024, m, 1)));\n}\n\n/** Haftanın günleri, `weekStart`tan başlayarak. */\nexport function weekdayNames(locale = DEFAULT_LOCALE, weekStart: WeekStart = 1, width: \"long\" | \"short\" | \"narrow\" = \"short\"): string[] {\n  const fmt = new Intl.DateTimeFormat(locale, { weekday: width });\n  // 2024-01-07 bir Pazar.\n  return Array.from({ length: 7 }, (_, i) => fmt.format(new Date(2024, 0, 7 + ((i + weekStart) % 7))));\n}\n\n/** Ekran okuyucu için tam tarih: \"1 Ekim 2026 Perşembe\". */\nexport function fullDateLabel(d: Date, locale = DEFAULT_LOCALE): string {\n  return new Intl.DateTimeFormat(locale, { day: \"numeric\", month: \"long\", year: \"numeric\", weekday: \"long\" }).format(d);\n}\n\n/* ─────────────────────────── Biçim / ayrıştırma ─────────────────────────── */\n\n/**\n * Desteklenen belirteçler: `yyyy`, `MM`, `M`, `dd`, `d`, `HH`, `H`, `mm`,\n * `ss`, `MMMM` (ay adı), `MMM` (kısa ay adı), `EEEE`/`EEE` (gün adı).\n * Diğer karakterler olduğu gibi yazılır.\n */\nconst TOKEN_RE = /yyyy|MMMM|MMM|MM|M|dd|d|HH|H|mm|ss|EEEE|EEE/g;\n\nconst pad = (n: number, len = 2) => String(n).padStart(len, \"0\");\n\nexport function formatDate(d: Date, pattern: string, locale = DEFAULT_LOCALE): string {\n  return pattern.replace(TOKEN_RE, (token) => {\n    switch (token) {\n      case \"yyyy\":\n        return pad(d.getFullYear(), 4);\n      case \"MMMM\":\n        return monthNames(locale, \"long\")[d.getMonth()]!;\n      case \"MMM\":\n        return monthNames(locale, \"short\")[d.getMonth()]!;\n      case \"MM\":\n        return pad(d.getMonth() + 1);\n      case \"M\":\n        return String(d.getMonth() + 1);\n      case \"dd\":\n        return pad(d.getDate());\n      case \"d\":\n        return String(d.getDate());\n      case \"HH\":\n        return pad(d.getHours());\n      case \"H\":\n        return String(d.getHours());\n      case \"mm\":\n        return pad(d.getMinutes());\n      case \"ss\":\n        return pad(d.getSeconds());\n      case \"EEEE\":\n        return new Intl.DateTimeFormat(locale, { weekday: \"long\" }).format(d);\n      default:\n        return new Intl.DateTimeFormat(locale, { weekday: \"short\" }).format(d);\n    }\n  });\n}\n\nconst NUMERIC: Record<string, string> = { yyyy: \"(\\\\d{4})\", MM: \"(\\\\d{1,2})\", M: \"(\\\\d{1,2})\", dd: \"(\\\\d{1,2})\", d: \"(\\\\d{1,2})\", HH: \"(\\\\d{1,2})\", H: \"(\\\\d{1,2})\", mm: \"(\\\\d{1,2})\", ss: \"(\\\\d{1,2})\" };\nconst escapeRe = (s: string) => s.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n\n/**\n * Sayısal desenle yazılmış metni çözer (ay/gün adı içeren desen çözülmez).\n * Kesin: 31.02.2026 gibi var olmayan tarih `null`. Desende olmayan alanlar\n * `reference`tan (varsayılan: bugün 00:00) alınır. Ayraç olarak `.`, `/`, `-`\n * birbirinin yerine kabul edilir; tek haneli gün/ay (1.2.2026) da olur.\n */\nexport function parseDate(text: string, pattern: string, reference: Date = startOfDay(new Date())): Date | null {\n  const tokens: string[] = [];\n  let re = \"\";\n  let last = 0;\n  for (const m of pattern.matchAll(TOKEN_RE)) {\n    const literal = pattern.slice(last, m.index);\n    re += escapeRe(literal).replace(/\\\\\\.|\\/|-/g, \"[./-]\");\n    const group = NUMERIC[m[0]];\n    if (!group) return null;\n    re += group;\n    tokens.push(m[0]);\n    last = m.index! + m[0].length;\n  }\n  re += escapeRe(pattern.slice(last)).replace(/\\\\\\.|\\/|-/g, \"[./-]\");\n  const match = new RegExp(`^\\\\s*${re}\\\\s*$`).exec(text);\n  if (!match) return null;\n  const parts = { y: reference.getFullYear(), M: reference.getMonth() + 1, d: reference.getDate(), H: reference.getHours(), m: reference.getMinutes(), s: reference.getSeconds() };\n  tokens.forEach((t, i) => {\n    const v = Number(match[i + 1]);\n    if (t === \"yyyy\") parts.y = v;\n    else if (t.startsWith(\"M\")) parts.M = v;\n    else if (t.startsWith(\"d\")) parts.d = v;\n    else if (t.startsWith(\"H\")) parts.H = v;\n    else if (t === \"mm\") parts.m = v;\n    else parts.s = v;\n  });\n  if (parts.M < 1 || parts.M > 12 || parts.d < 1 || parts.d > daysInMonth(parts.y, parts.M - 1)) return null;\n  if (parts.H > 23 || parts.m > 59 || parts.s > 59) return null;\n  return new Date(parts.y, parts.M - 1, parts.d, parts.H, parts.m, parts.s);\n}\n\n/* ─────────────────────────── Klavye (APG date grid) ─────────────────────────── */\n\n/**\n * ←/→ gün, ↑/↓ hafta, Home/End haftanın başı/sonu, PageUp/PageDown ay\n * (Shift ile yıl). Tanınmayan tuş → `null`.\n */\nexport function dayGridKeyStep(d: Date, key: string, shift: boolean, weekStart: WeekStart = 1): Date | null {\n  switch (key) {\n    case \"ArrowLeft\":\n      return addDays(d, -1);\n    case \"ArrowRight\":\n      return addDays(d, 1);\n    case \"ArrowUp\":\n      return addDays(d, -7);\n    case \"ArrowDown\":\n      return addDays(d, 7);\n    case \"Home\":\n      return startOfWeek(d, weekStart);\n    case \"End\":\n      return endOfWeek(d, weekStart);\n    case \"PageUp\":\n      return shift ? addYears(d, -1) : addMonths(d, -1);\n    case \"PageDown\":\n      return shift ? addYears(d, 1) : addMonths(d, 1);\n    default:\n      return null;\n  }\n}\n\n/** Ay/yıl ızgarası (3 sütun): ←/→ ±1, ↑/↓ ±3, Home/End satır başı/sonu. Değer bir indekstir. */\nexport function cellGridKeyStep(index: number, key: string, columns = 3): number | null {\n  const map: Record<string, number> = { ArrowLeft: -1, ArrowRight: 1, ArrowUp: -columns, ArrowDown: columns };\n  if (key in map) return index + map[key]!;\n  if (key === \"Home\") return index - (index % columns);\n  if (key === \"End\") return index - (index % columns) + columns - 1;\n  return null;\n}\n\n/** Sınırlar içinde mi (gün düzeyinde). */\nexport function isWithin(d: Date, min?: Date | null, max?: Date | null): boolean {\n  if (min && compareDay(d, min) < 0) return false;\n  if (max && compareDay(d, max) > 0) return false;\n  return true;\n}\n","\"use client\";\n\nimport React, { useEffect, useRef } from \"react\";\nimport { cn } from \"@mari-ui/core\";\nimport { skeletonBoxProps } from \"../../lib/skeleton\";\nimport { cellGridKeyStep } from \"../../lib/date\";\n\nexport interface GridCell {\n  key: string;\n  /** Hücrede görünen (ör. \"Eki\", \"2026\"). */\n  label: React.ReactNode;\n  /** Ekran okuyucu adı (ör. \"Ekim 2026\"). */\n  fullLabel: string;\n  selected: boolean;\n  current: boolean;\n  disabled: boolean;\n  /** Önceki/sonraki döneme ait (on yılın dışındaki yıllar). */\n  outside?: boolean;\n}\n\nexport interface CellGridProps {\n  cells: GridCell[];\n  focusedIndex: number;\n  /** Odak ızgara dışına taşarsa (ör. -1 ya da 12) kapsayıcı sayfayı değiştirir. */\n  onFocusIndex: (index: number) => void;\n  onSelect: (index: number) => void;\n  label: string;\n  columns?: number;\n  variant?: \"compact\" | \"full\";\n  /** Hücreye ek içerik (yalnız `full`). */\n  cellRender?: (index: number) => React.ReactNode;\n  takeFocus?: boolean;\n  /** PageUp/PageDown: sayfa (yıl / on yıl) değiştir. */\n  onPage?: (delta: -1 | 1) => void;\n  skeleton?: boolean;\n}\n\nfunction GridCellView({ cell, focused, full, content, onClick }: Readonly<{ cell: GridCell; focused: boolean; full: boolean; content: React.ReactNode; onClick: () => void }>) {\n  const solid = cell.selected && !full;\n  return (\n    <td\n      role=\"gridcell\"\n      tabIndex={focused ? 0 : -1}\n      aria-label={full ? undefined : cell.fullLabel}\n      aria-selected={cell.selected}\n      aria-disabled={cell.disabled || undefined}\n      aria-current={cell.current ? \"date\" : undefined}\n      onClick={onClick}\n      className={cn(\n        \"group relative cursor-pointer p-1 outline-none\",\n        cell.disabled && \"cursor-not-allowed\",\n        \"[&:focus-visible>div]:outline-2 [&:focus-visible>div]:outline-offset-1 [&:focus-visible>div]:outline-mari-ring\"\n      )}\n    >\n      <div\n        className={cn(\n          \"rounded-md transition-colors\",\n          full ? \"flex h-24 flex-col gap-1 border-t-2 p-1.5 text-left max-sm:h-16\" : \"flex h-9 items-center justify-center pointer-coarse:h-11\",\n          solid && \"bg-mari-primary-solid font-medium text-mari-primary-solid-contrast\",\n          cell.selected && full && \"border-mari-primary bg-mari-primary-subtle\",\n          !cell.selected && full && \"border-mari-border\",\n          !cell.selected && !cell.disabled && \"group-hover:bg-mari-surface-alt\",\n          !cell.selected && cell.current && !full && \"font-semibold text-mari-primary ring-1 ring-mari-primary ring-inset\",\n          cell.outside && !cell.selected && \"text-mari-muted\",\n          cell.disabled && \"text-mari-disabled line-through\"\n        )}\n      >\n        {full ? (\n          <>\n            <span aria-hidden className={cn(\"self-end\", cell.current && \"font-semibold text-mari-primary\")}>\n              {cell.label}\n            </span>\n            <span className=\"sr-only\">{cell.fullLabel}</span>\n            {content && <div className=\"min-h-0 flex-1 overflow-hidden text-xs\">{content}</div>}\n          </>\n        ) : (\n          cell.label\n        )}\n      </div>\n    </td>\n  );\n}\n\n/** Ay ve yıl seçimi için 3 sütunlu APG ızgarası (roving tabindex). */\nexport function CellGrid({ cells, focusedIndex, onFocusIndex, onSelect, label, columns = 3, variant = \"compact\", cellRender, takeFocus = false, onPage, skeleton = false }: Readonly<CellGridProps>) {\n  const tableRef = useRef<HTMLTableElement>(null);\n  const full = variant === \"full\";\n  // Klavyeyle gezinince odak yeni hücreye taşınır — ay/sayfa değişince eski hücre DOM'dan\n  // kalkar ve odak <body>'ye düşerdi, `contains(activeElement)` bunu yakalayamazdı.\n  const navigating = useRef(false);\n  useEffect(() => {\n    const table = tableRef.current;\n    if (!table) return;\n    if (!takeFocus && !navigating.current && !table.contains(document.activeElement)) return;\n    navigating.current = false;\n    table.querySelector<HTMLElement>('[tabindex=\"0\"]')?.focus();\n  }, [focusedIndex, takeFocus]);\n\n  const rows: GridCell[][] = [];\n  for (let i = 0; i < cells.length; i += columns) rows.push(cells.slice(i, i + columns));\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      if (!cells[focusedIndex]?.disabled) onSelect(focusedIndex);\n      return;\n    }\n    if ((e.key === \"PageUp\" || e.key === \"PageDown\") && onPage) {\n      e.preventDefault();\n      navigating.current = true;\n      onPage(e.key === \"PageUp\" ? -1 : 1);\n      return;\n    }\n    const next = cellGridKeyStep(focusedIndex, e.key, columns);\n    if (next === null) return;\n    e.preventDefault();\n    navigating.current = true;\n    onFocusIndex(next);\n  };\n\n  return (\n    <table\n      ref={tableRef}\n      role={skeleton ? undefined : \"grid\"}\n      aria-label={skeleton ? undefined : label}\n      aria-hidden={skeleton || undefined}\n      onKeyDown={skeleton ? undefined : onKeyDown}\n      className=\"w-full border-collapse text-sm\"\n    >\n      <tbody>\n        {rows.map((row, r) => (\n          // Satırlar konumsal ve sabit (3×4).\n          <tr key={r}>\n            {row.map((cell, c) => {\n              const index = r * columns + c;\n              if (skeleton) {\n                return (\n                  <td key={cell.key} className=\"p-1\">\n                    <div className={cn(\"flex rounded-md\", full ? \"h-24 flex-col border-t-2 border-mari-border p-1.5\" : \"h-9 items-center justify-center\")}>\n                      <span {...skeletonBoxProps(cn(\"rounded-sm\", full && \"self-end\"))}>{cell.label}</span>\n                    </div>\n                  </td>\n                );\n              }\n              return (\n                <GridCellView\n                  key={cell.key}\n                  cell={cell}\n                  focused={index === focusedIndex}\n                  full={full}\n                  content={cellRender?.(index)}\n                  onClick={() => {\n                    onFocusIndex(index);\n                    if (!cell.disabled) onSelect(index);\n                  }}\n                />\n              );\n            })}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}\n","\"use client\";\n\nimport React, { useEffect, useRef } from \"react\";\nimport { cn } from \"@mari-ui/core\";\nimport { skeletonBoxProps } from \"../../lib/skeleton\";\nimport {\n  dayGridKeyStep,\n  fullDateLabel,\n  getISOWeek,\n  getMonthGrid,\n  isSameDay,\n  isSameMonth,\n  weekdayNames,\n  type WeekStart,\n} from \"../../lib/date\";\n\nexport type RangePosition = \"start\" | \"end\" | \"middle\" | \"single\";\n\nexport interface DayCellInfo {\n  date: Date;\n  selected: boolean;\n  today: boolean;\n  disabled: boolean;\n  outside: boolean;\n  range: RangePosition | null;\n}\n\nexport interface DayGridProps {\n  /** Gösterilen ay (gün önemsiz). */\n  view: Date;\n  /** Klavye odağının (roving tabindex) bulunduğu gün. */\n  focused: Date;\n  onFocusChange: (date: Date) => void;\n  isSelected: (date: Date) => boolean;\n  /** Aralık seçiminde günün konumu (vurgu için). */\n  rangeOf?: (date: Date) => RangePosition | null;\n  isDisabled: (date: Date) => boolean;\n  onSelect: (date: Date) => void;\n  /** Fareyle üzerine gelinen gün (aralık önizlemesi). */\n  onHover?: (date: Date | null) => void;\n  weekStart?: WeekStart;\n  locale?: string;\n  /** `full`: büyük hücreler, içerik alanı (Calendar fullscreen). */\n  variant?: \"compact\" | \"full\";\n  showWeek?: boolean;\n  /** Hücreye ek içerik (yalnız `full`). */\n  cellRender?: (info: DayCellInfo) => React.ReactNode;\n  /** Izgaranın adı — ör. \"Ekim 2026\". */\n  label: string;\n  /** Odak ızgaradaysa ya da `true` ise odaklanan gün DOM odağını alır. */\n  takeFocus?: boolean;\n  /** Aynı ızgara, gün numaraları iskelet blok; etkileşim yok, erişilebilirlik ağacından gizli. */\n  skeleton?: boolean;\n}\n\nconst RANGE_BG: Record<RangePosition, string> = {\n  start: \"before:absolute before:inset-y-0.5 before:left-1/2 before:right-0 before:bg-mari-primary-subtle\",\n  end: \"before:absolute before:inset-y-0.5 before:left-0 before:right-1/2 before:bg-mari-primary-subtle\",\n  middle: \"before:absolute before:inset-y-0.5 before:inset-x-0 before:bg-mari-primary-subtle\",\n  single: \"\",\n};\n\nfunction compactDayClass(info: DayCellInfo) {\n  const strong = info.selected || info.range === \"start\" || info.range === \"end\" || info.range === \"single\";\n  return cn(\n    \"relative z-10 mx-auto flex size-8 items-center justify-center rounded-md tabular-nums transition-colors\",\n    strong && \"bg-mari-primary-solid font-medium text-mari-primary-solid-contrast\",\n    !strong && info.today && \"font-semibold text-mari-primary ring-1 ring-mari-primary ring-inset\",\n    !strong && !info.disabled && \"group-hover:bg-mari-surface-alt\",\n    info.outside && !strong && \"text-mari-muted\",\n    info.disabled && \"text-mari-disabled line-through decoration-mari-disabled/60\"\n  );\n}\n\n/**\n * Tam ekran hücre: numara + `cellRender` içeriği. Dar ekranda (< sm) 7 sütuna\n * içerik sığmaz → hücre kısalır, içerik görsel olarak bir noktaya iner ama\n * ekran okuyucu için DOM'da kalır (`sr-only`); ayrıntı gün seçilince\n * gösterilir (mobil takvim kalıbı).\n */\nfunction FullDayContent({ info, locale, cellRender }: Readonly<{ info: DayCellInfo; locale?: string; cellRender?: (info: DayCellInfo) => React.ReactNode }>) {\n  const content = cellRender?.(info);\n  const hasContent = content !== undefined && content !== null && content !== false && content !== \"\";\n  return (\n    <div\n      className={cn(\n        \"m-0.5 flex h-24 flex-col gap-1 overflow-hidden rounded-md border-t-2 p-1.5 text-left transition-colors max-sm:h-12 max-sm:items-center max-sm:gap-0.5 max-sm:p-1\",\n        info.selected ? \"border-mari-primary bg-mari-primary-subtle\" : \"border-mari-border\",\n        !info.selected && !info.disabled && \"group-hover:bg-mari-surface-alt\",\n        info.outside && \"text-mari-muted\",\n        info.disabled && \"bg-mari-surface-alt text-mari-disabled\"\n      )}\n    >\n      <span aria-hidden className={cn(\"self-end text-sm tabular-nums max-sm:self-center\", info.today && \"rounded-sm bg-mari-primary-solid px-1 font-semibold text-mari-primary-solid-contrast\")}>\n        {info.date.getDate()}\n      </span>\n      <span className=\"sr-only\">{fullDateLabel(info.date, locale)}</span>\n      {/* Kaydırılmaz (hücre içi kaydırma klavyeyle erişilemezdi): içerik özet olmalı, fazlası \"+N\". */}\n      {hasContent && <div className=\"min-h-0 flex-1 overflow-hidden text-xs max-sm:sr-only\">{content}</div>}\n      {hasContent && <span aria-hidden className=\"size-1.5 rounded-full bg-mari-primary sm:hidden\" />}\n    </div>\n  );\n}\n\n/** İskelet gün hücresi: gerçek hücreyle aynı kutu, numara yerine blok. */\nfunction SkeletonDay({ date, full }: Readonly<{ date: Date; full: boolean }>) {\n  if (full) {\n    return (\n      <td className=\"p-0 align-top\">\n        <div className=\"m-0.5 flex h-24 flex-col rounded-md border-t-2 border-mari-border p-1.5 max-sm:h-12\">\n          <span {...skeletonBoxProps(\"self-end rounded-sm text-sm tabular-nums\")}>{date.getDate()}</span>\n        </div>\n      </td>\n    );\n  }\n  return (\n    <td className=\"p-0\">\n      <div className=\"py-0.5 pointer-coarse:py-1.5\">\n        <span {...skeletonBoxProps(\"mx-auto flex size-8 items-center justify-center rounded-md tabular-nums\")}>{date.getDate()}</span>\n      </div>\n    </td>\n  );\n}\n\n/**\n * Faz 16.5 — APG \"date grid\": `<table role=\"grid\">`, sütun başlıkları gün\n * adları (tam adı `abbr`), hücreler roving tabindex (yalnız odaklı gün\n * sekme durağı). ←/→ gün, ↑/↓ hafta, Home/End hafta başı/sonu, PageUp/Down ay\n * (Shift ile yıl), Enter/Boşluk seçer. Ay dışına taşan odak `onFocusChange`\n * ile bildirilir — görünen ayı değiştirmek kapsayıcının işi.\n */\nexport function DayGrid({\n  view,\n  focused,\n  onFocusChange,\n  isSelected,\n  rangeOf,\n  isDisabled,\n  onSelect,\n  onHover,\n  weekStart = 1,\n  locale,\n  variant = \"compact\",\n  showWeek = false,\n  cellRender,\n  label,\n  takeFocus = false,\n  skeleton = false,\n}: Readonly<DayGridProps>) {\n  const tableRef = useRef<HTMLTableElement>(null);\n  const today = new Date();\n  const weeks = getMonthGrid(view.getFullYear(), view.getMonth(), weekStart);\n  // Türkçe dar adlar belirsiz (P/S/Ç/P/C/C/P — iki P, iki C) → her zaman kısa ad.\n  const shortNames = weekdayNames(locale, weekStart, \"short\");\n  const longNames = weekdayNames(locale, weekStart, \"long\");\n  const full = variant === \"full\";\n\n  // Odak ızgaranın içindeyken (klavye gezinmesi) ya da açılışta odaklı güne DOM odağı.\n  // Klavyeyle gezinince odak yeni hücreye taşınır — ay/sayfa değişince eski hücre DOM'dan\n  // kalkar ve odak <body>'ye düşerdi, `contains(activeElement)` bunu yakalayamazdı.\n  const navigating = useRef(false);\n  useEffect(() => {\n    const table = tableRef.current;\n    if (!table) return;\n    if (!takeFocus && !navigating.current && !table.contains(document.activeElement)) return;\n    navigating.current = false;\n    table.querySelector<HTMLElement>('[tabindex=\"0\"]')?.focus();\n  }, [focused, takeFocus]);\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      if (!isDisabled(focused)) onSelect(focused);\n      return;\n    }\n    const next = dayGridKeyStep(focused, e.key, e.shiftKey, weekStart);\n    if (!next) return;\n    e.preventDefault();\n    navigating.current = true;\n    onFocusChange(next);\n  };\n\n  return (\n    <table\n      ref={tableRef}\n      role={skeleton ? undefined : \"grid\"}\n      aria-label={skeleton ? undefined : label}\n      aria-hidden={skeleton || undefined}\n      onKeyDown={skeleton ? undefined : onKeyDown}\n      onMouseLeave={() => onHover?.(null)}\n      className={cn(\"w-full border-collapse text-sm\", full ? \"table-fixed\" : \"\")}\n    >\n      <thead>\n        <tr>\n          {showWeek && (\n            <th scope=\"col\" abbr=\"Hafta\" className=\"relative w-8 pb-1 text-xs font-normal text-mari-muted\">\n              <span aria-hidden>Hf</span>\n              <span className=\"sr-only\">Hafta</span>\n            </th>\n          )}\n          {shortNames.map((name, i) => (\n            <th key={longNames[i]} scope=\"col\" abbr={longNames[i]} className={cn(\"relative pb-1 text-xs font-normal text-mari-muted\", full ? \"pr-2 text-right\" : \"text-center\")}>\n              <span aria-hidden>{name}</span>\n              <span className=\"sr-only\">{longNames[i]}</span>\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {weeks.map((week) => (\n          <tr key={week[0]!.toDateString()}>\n            {showWeek && (\n              <td className=\"relative text-center text-xs text-mari-muted tabular-nums\">\n                {getISOWeek(week[3]!)}\n              </td>\n            )}\n            {week.map((date) => {\n              const info: DayCellInfo = {\n                date,\n                selected: isSelected(date),\n                today: isSameDay(date, today),\n                disabled: isDisabled(date),\n                outside: !isSameMonth(date, view),\n                range: rangeOf?.(date) ?? null,\n              };\n              const isFocused = !skeleton && isSameDay(date, focused);\n              if (skeleton) return <SkeletonDay key={date.toDateString()} date={date} full={full} />;\n              return (\n                <td\n                  key={date.toDateString()}\n                  role=\"gridcell\"\n                  tabIndex={isFocused ? 0 : -1}\n                  // Kompakt hücrede ad = tam tarih. Tam ekranda aria-label hücre İÇERİĞİNİ (etkinlikler)\n                  // gizlerdi → ad içerikten: görünmez tam tarih + içerik.\n                  aria-label={full ? undefined : fullDateLabel(date, locale)}\n                  aria-selected={info.selected || info.range !== null}\n                  aria-disabled={info.disabled || undefined}\n                  aria-current={info.today ? \"date\" : undefined}\n                  onClick={() => {\n                    onFocusChange(date);\n                    if (!info.disabled) onSelect(date);\n                  }}\n                  onMouseEnter={() => onHover?.(date)}\n                  className={cn(\n                    \"group relative cursor-pointer p-0 outline-none\",\n                    info.disabled && \"cursor-not-allowed\",\n                    // Odak halkası hücrenin iç kutusunda (yuvarlak gün kutusu) görünsün.\n                    full\n                      ? \"[&:focus-visible>div]:outline-2 [&:focus-visible>div]:outline-offset-1 [&:focus-visible>div]:outline-mari-ring\"\n                      : \"[&:focus-visible>div>span]:outline-2 [&:focus-visible>div>span]:outline-offset-1 [&:focus-visible>div>span]:outline-mari-ring\",\n                    !full && info.range && RANGE_BG[info.range],\n                    full && \"align-top\"\n                  )}\n                >\n                  {full ? (\n                    <FullDayContent info={info} locale={locale} cellRender={cellRender} />\n                  ) : (\n                    <div className=\"py-0.5 pointer-coarse:py-1.5\">\n                      <span className={compactDayClass(info)}>{date.getDate()}</span>\n                    </div>\n                  )}\n                </td>\n              );\n            })}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}\n"],"mappings":"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","names":["_","useEffect","useRef","cn","jsx","jsxs","cn","useRef","useEffect"]}

package/dist/chunk-DKENCYHA.js

@@ -0,0 +1,15 @@
+// src/lib/SkeletonSlot.tsx
+import { cn } from "@mari-ui/core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function SkeletonSlot({ on, placeholder, flow = "block", className, children }) {
+  if (!on) return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsxs("div", { "aria-hidden": true, className: cn("grid", className), children: [
+    /* @__PURE__ */ jsx("div", { className: cn("invisible min-w-0 [grid-area:1/1]", flow === "flex" && "flex items-center"), children }),
+    /* @__PURE__ */ jsx("div", { className: "[grid-area:1/1]", children: placeholder })
+  ] });
+}
+
+export {
+  SkeletonSlot
+};
+//# sourceMappingURL=chunk-DKENCYHA.js.map

package/dist/chunk-DKENCYHA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/SkeletonSlot.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@mari-ui/core\";\n\nexport interface SkeletonSlotProps {\n  on: boolean;\n  placeholder: React.ReactNode;\n  /**\n   * Bölgenin YÜKLÜ hâldeki akışı: flex bir ebeveynin (aksiyon hücresi, extra)\n   * içeriği flex öğesidir, blok ebeveyninki satır kutusuna girer. Görünmez\n   * kopya aynı akışta çizilmezse yükseklik 3-4px kayar (Card'da ölçüldü).\n   */\n  flow?: \"block\" | \"flex\";\n  className?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * Faz 15 — iskelette bir bölgeyi yer tutucuya çevirir: gerçek içerik\n * `invisible` olarak aynı grid hücresinde kalır (yükseklik/genişlik korunur,\n * tab sırasından çıkar), yer tutucu üstüne biner. İçerik yoksa (veri henüz\n * gelmedi) kutuyu yer tutucu belirler — her iki durumda da yüklenince zıplama\n * olmaz. Serbest içerik taşıyan component'lerin (Card, Carousel…) ortak aracı.\n */\nexport function SkeletonSlot({ on, placeholder, flow = \"block\", className, children }: Readonly<SkeletonSlotProps>) {\n  if (!on) return <>{children}</>;\n  return (\n    <div aria-hidden className={cn(\"grid\", className)}>\n      <div className={cn(\"invisible min-w-0 [grid-area:1/1]\", flow === \"flex\" && \"flex items-center\")}>{children}</div>\n      <div className=\"[grid-area:1/1]\">{placeholder}</div>\n    </div>\n  );\n}\n"],"mappings":";AACA,SAAS,UAAU;AAuBD,wBAEd,YAFc;AADX,SAAS,aAAa,EAAE,IAAI,aAAa,OAAO,SAAS,WAAW,SAAS,GAAgC;AAClH,MAAI,CAAC,GAAI,QAAO,gCAAG,UAAS;AAC5B,SACE,qBAAC,SAAI,eAAW,MAAC,WAAW,GAAG,QAAQ,SAAS,GAC9C;AAAA,wBAAC,SAAI,WAAW,GAAG,qCAAqC,SAAS,UAAU,mBAAmB,GAAI,UAAS;AAAA,IAC3G,oBAAC,SAAI,WAAU,mBAAmB,uBAAY;AAAA,KAChD;AAEJ;","names":[]}

package/dist/chunk-DUCIAQGR.js

@@ -0,0 +1,67 @@
+import {
+  sizeClass
+} from "./chunk-FFXRFQSU.js";
+import {
+  borderStrongColorClass
+} from "./chunk-IP2J3BWY.js";
+
+// src/input/utils.ts
+import { cn } from "@mari-ui/core";
+function getSizeClasses(size) {
+  return sizeClass[size];
+}
+function getTextareaSizeClasses(size) {
+  return cn(sizeClass[size], "h-auto");
+}
+var FOCUS_BORDER_CLASS = {
+  primary: "focus-within:border-mari-primary focus-within:ring-mari-primary/20",
+  accent: "focus-within:border-mari-accent focus-within:ring-mari-accent/20",
+  success: "focus-within:border-mari-success focus-within:ring-mari-success/20",
+  error: "focus-within:border-mari-error focus-within:ring-mari-error/20",
+  warning: "focus-within:border-mari-warning focus-within:ring-mari-warning/20",
+  info: "focus-within:border-mari-info focus-within:ring-mari-info/20",
+  neutral: "focus-within:border-mari-neutral focus-within:ring-mari-neutral/20"
+};
+var FIELD_BASE_CLASS = "transition-[color,background-color,border-color,box-shadow] duration-150 focus-within:ring-3";
+var FIELD_DISABLED_CLASS = "opacity-50 cursor-not-allowed [&_*]:cursor-not-allowed";
+var FIELD_MOBILE_TEXT_CLASS = "max-sm:text-base";
+function getVariantClasses(variant, color) {
+  const restBorderClass = color ? borderStrongColorClass[color] : "border-mari-input";
+  const focusBorderClass = FOCUS_BORDER_CLASS[color ?? "primary"];
+  switch (variant) {
+    case "outline":
+      return cn("border bg-mari-surface text-mari-foreground", restBorderClass, focusBorderClass);
+    case "soft":
+      return cn("border bg-mari-surface-alt text-mari-foreground", restBorderClass, focusBorderClass);
+    case "ghost":
+      return "border-none bg-transparent focus-within:ring-mari-ring/40";
+    case "underlined":
+      return cn("border-b bg-transparent rounded-none focus-within:ring-0", restBorderClass, focusBorderClass);
+  }
+}
+function getShapeClasses(shape, variant) {
+  if (variant === "underlined") return "rounded-none";
+  return { square: "rounded-none", pill: "rounded-full px-4", default: "rounded-md" }[shape];
+}
+function isClearable(allowClear) {
+  return typeof allowClear === "boolean" ? allowClear : !!allowClear;
+}
+function clearNativeValue(el) {
+  if (!el) return;
+  const proto = el instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype;
+  Object.getOwnPropertyDescriptor(proto, "value")?.set?.call(el, "");
+  el.dispatchEvent(new Event("input", { bubbles: true }));
+}
+
+export {
+  getSizeClasses,
+  getTextareaSizeClasses,
+  FIELD_BASE_CLASS,
+  FIELD_DISABLED_CLASS,
+  FIELD_MOBILE_TEXT_CLASS,
+  getVariantClasses,
+  getShapeClasses,
+  isClearable,
+  clearNativeValue
+};
+//# sourceMappingURL=chunk-DUCIAQGR.js.map