@mari-ui/components 0.0.0-stage → 0.1.1

package/dist/chunk-TXRQCHOR.js

@@ -0,0 +1,401 @@
+"use client";
+
+import {
+  SkeletonSlot
+} from "./chunk-DKENCYHA.js";
+import {
+  touchTargetClass
+} from "./chunk-FFXRFQSU.js";
+import {
+  bgSolidClass,
+  bgSubtleClass,
+  borderStrongColorClass,
+  textClass,
+  textSolidContrastClass,
+  textSubtleContrastClass
+} from "./chunk-IP2J3BWY.js";
+import {
+  skeletonFill
+} from "./chunk-54HHEXXD.js";
+
+// src/pagination/Pagination.tsx
+import { useEffect, useRef, useState } from "react";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsLeftIcon, ChevronsRightIcon, MoreHorizontalIcon } from "lucide-react";
+import { cn, useControllableState } from "@mari-ui/core";
+
+// src/pagination/utils.ts
+function getTotalPages(totalItems, pageSize) {
+  if (pageSize <= 0) return 1;
+  return Math.max(1, Math.ceil(totalItems / pageSize));
+}
+function clampPage(page, totalPages) {
+  if (!Number.isFinite(page)) return 1;
+  return Math.min(Math.max(1, Math.trunc(page)), Math.max(1, totalPages));
+}
+function getPageItems(totalPages, currentPage, siblingCount = 1) {
+  const siblings = Math.max(0, Math.trunc(siblingCount));
+  const totalSlots = siblings * 2 + 5;
+  if (totalPages <= totalSlots) {
+    return Array.from({ length: totalPages }, (_, i) => i + 1);
+  }
+  const current = clampPage(currentPage, totalPages);
+  const windowStart = Math.max(Math.min(current - siblings, totalPages - siblings * 2 - 2), 3);
+  const windowEnd = Math.min(Math.max(current + siblings, siblings * 2 + 3), totalPages - 2);
+  const items = [1];
+  items.push(windowStart > 3 ? { type: "ellipsis", direction: "left" } : 2);
+  for (let page = windowStart; page <= windowEnd; page++) items.push(page);
+  items.push(windowEnd < totalPages - 2 ? { type: "ellipsis", direction: "right" } : totalPages - 1);
+  items.push(totalPages);
+  return items;
+}
+function fitSiblingCount(available, slotWidth, gap, totalPages, maxSiblings) {
+  for (let siblings = Math.max(0, Math.trunc(maxSiblings)); siblings >= 0; siblings--) {
+    const slots = Math.min(totalPages, siblings * 2 + 5) + 2;
+    if (slots * slotWidth + (slots - 1) * gap <= available) return siblings;
+  }
+  return -1;
+}
+function getJumpSize(siblingCount = 1) {
+  return Math.max(0, Math.trunc(siblingCount)) * 2 + 3;
+}
+function resolvePageClickTarget(page, currentPage, totalPages, siblingCount = 1) {
+  if (typeof page === "number") return clampPage(page, totalPages);
+  const jump = getJumpSize(siblingCount);
+  return clampPage(page.direction === "left" ? currentPage - jump : currentPage + jump, totalPages);
+}
+function getPageAfterSizeChange(currentPage, oldPageSize, newPageSize, totalItems) {
+  const firstItemIndex = (Math.max(1, currentPage) - 1) * oldPageSize;
+  return clampPage(Math.floor(firstItemIndex / newPageSize) + 1, getTotalPages(totalItems, newPageSize));
+}
+function getItemRange(currentPage, pageSize, totalItems) {
+  if (totalItems <= 0) return [0, 0];
+  return [(currentPage - 1) * pageSize + 1, Math.min(currentPage * pageSize, totalItems)];
+}
+
+// src/pagination/Pagination.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function useFittedSiblings(rootRef, navRef, totalPages, siblingCount, size) {
+  const [fitted, setFitted] = useState(siblingCount);
+  const slotRef = useRef(null);
+  useEffect(() => {
+    slotRef.current = null;
+    setFitted(siblingCount);
+  }, [siblingCount, size]);
+  useEffect(() => {
+    const root = rootRef.current;
+    if (!root || typeof ResizeObserver === "undefined") return;
+    const measure = () => {
+      const list = navRef.current?.querySelector("ul");
+      if (list && list.children.length > 0) {
+        const gap = Number.parseFloat(getComputedStyle(list).columnGap) || 0;
+        slotRef.current = { width: (list.scrollWidth + gap) / list.children.length - gap, gap };
+      }
+      const slot = slotRef.current;
+      if (!slot) return;
+      setFitted(fitSiblingCount(root.clientWidth, slot.width, slot.gap, totalPages, siblingCount));
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(root);
+    return () => observer.disconnect();
+  }, [rootRef, navRef, totalPages, siblingCount, size]);
+  return fitted;
+}
+var DEFAULT_PAGE_SIZE_OPTIONS = [10, 20, 50, 100, 1e3];
+var itemSizeClass = {
+  sm: "h-6 min-w-6 px-1 text-xs rounded-sm",
+  md: "h-8 min-w-8 px-1.5 text-sm rounded-md",
+  lg: "h-10 min-w-10 px-2 text-base rounded-md"
+};
+var gapClass = {
+  sm: "gap-1",
+  md: "gap-2",
+  lg: "gap-2"
+};
+var textSizeClass = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base"
+};
+var iconSize = { sm: 14, md: 16, lg: 18 };
+var alignClass = {
+  start: "justify-start",
+  center: "justify-center",
+  end: "justify-end",
+  between: "justify-between"
+};
+function activeClasses(color, variant) {
+  switch (variant) {
+    case "solid":
+      return cn("border-transparent", bgSolidClass[color], textSolidContrastClass[color]);
+    case "soft":
+      return cn("border-transparent", bgSubtleClass[color], textSubtleContrastClass[color]);
+    default:
+      return cn("bg-mari-surface", borderStrongColorClass[color], textClass[color]);
+  }
+}
+var itemBaseClass = "relative inline-flex shrink-0 items-center justify-center border tabular-nums select-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mari-ring";
+var itemTouchClass = {
+  sm: touchTargetClass.sm,
+  md: touchTargetClass.md,
+  lg: touchTargetClass.lg
+};
+var skeletonItemClass = cn("pointer-events-none border-transparent text-transparent [&_svg]:invisible", skeletonFill(true));
+var idleItemClass = "border-transparent text-mari-foreground hover:bg-mari-neutral-subtle cursor-pointer";
+var hoverTransitionClass = "transition-colors duration-150";
+var disabledItemClass = "aria-disabled:opacity-40 aria-disabled:cursor-not-allowed aria-disabled:hover:bg-transparent";
+var fieldClass = "border border-mari-input bg-mari-surface text-mari-foreground transition-colors hover:border-mari-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mari-ring";
+function Pagination({
+  currentPage,
+  defaultPage = 1,
+  pageSize: pageSizeProp,
+  defaultPageSize = 10,
+  totalItems,
+  onPageChange,
+  onPageSizeChange,
+  showSizeChanger,
+  pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,
+  showTotal = false,
+  showQuickJumper = false,
+  simple = false,
+  siblingCount = 1,
+  size = "md",
+  color = "primary",
+  variant = "outline",
+  disabled = false,
+  hideOnSinglePage = false,
+  align = "between",
+  className,
+  "aria-label": ariaLabel = "Sayfalama",
+  skeleton = false
+}) {
+  const [rawPage, setRawPage] = useControllableState({ value: currentPage, defaultValue: defaultPage });
+  const [pageSize, setPageSize] = useControllableState({ value: pageSizeProp, defaultValue: defaultPageSize });
+  const totalPages = getTotalPages(totalItems, pageSize);
+  const page = clampPage(rawPage, totalPages);
+  const rootRef = useRef(null);
+  const navRef = useRef(null);
+  const fitted = useFittedSiblings(rootRef, navRef, totalPages, siblingCount, size);
+  const siblings = Math.max(0, fitted);
+  const compact = simple || fitted < 0;
+  const goTo = (target, nextPageSize = pageSize) => {
+    if (skeleton) return;
+    const next = clampPage(target, getTotalPages(totalItems, nextPageSize));
+    if (next === page && nextPageSize === pageSize) return;
+    setRawPage(next);
+    onPageChange?.(next, nextPageSize);
+  };
+  useEffect(() => {
+    if (rawPage !== page) {
+      setRawPage(page);
+      onPageChange?.(page, pageSize);
+    }
+  }, [rawPage, page]);
+  const handlePageSizeChange = (nextSize) => {
+    const nextPage = getPageAfterSizeChange(page, pageSize, nextSize, totalItems);
+    setPageSize(nextSize);
+    if (nextPage !== page) {
+      setRawPage(nextPage);
+      onPageChange?.(nextPage, nextSize);
+    }
+    onPageSizeChange?.(nextSize, nextPage);
+  };
+  if (hideOnSinglePage && totalPages <= 1) return null;
+  const range = getItemRange(page, pageSize, totalItems);
+  const isFirst = page <= 1;
+  const isLast = page >= totalPages;
+  const sizeChangerVisible = showSizeChanger ?? onPageSizeChange !== void 0;
+  const icon = iconSize[size];
+  const itemClass = (stateClass) => cn(itemBaseClass, itemSizeClass[size], itemTouchClass[size], skeleton ? skeletonItemClass : stateClass);
+  const skeletonTab = skeleton ? -1 : void 0;
+  const barPlaceholder = /* @__PURE__ */ jsx("span", { className: cn("block size-full min-h-[1lh] rounded-md", skeletonFill(true)) });
+  const navButton = (direction) => {
+    const isEdge = direction === "prev" ? isFirst : isLast;
+    const Icon = direction === "prev" ? ChevronLeftIcon : ChevronRightIcon;
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        tabIndex: skeletonTab,
+        className: itemClass(cn(hoverTransitionClass, idleItemClass, disabledItemClass)),
+        "aria-label": direction === "prev" ? "\xD6nceki sayfa" : "Sonraki sayfa",
+        "aria-disabled": isEdge || disabled || void 0,
+        onClick: () => {
+          if (!isEdge && !disabled) goTo(direction === "prev" ? page - 1 : page + 1);
+        },
+        children: /* @__PURE__ */ jsx(Icon, { size: icon, "aria-hidden": true })
+      }
+    );
+  };
+  const totalNode = showTotal === false ? null : (
+    // Slot da metnin yazı boyutunu taşır: yer tutucunun `1lh`'si o satır yüksekliğine eşit olsun (yoksa 2px kayar).
+    /* @__PURE__ */ jsx(SkeletonSlot, { on: skeleton, placeholder: barPlaceholder, className: textSizeClass[size], children: /* @__PURE__ */ jsx("p", { className: cn("text-mari-muted tabular-nums", textSizeClass[size]), children: typeof showTotal === "function" ? showTotal(totalItems, range) : `${range[0]}-${range[1]} / ${totalItems} kay\u0131t` }) })
+  );
+  const pager = compact ? /* @__PURE__ */ jsxs("nav", { ref: navRef, "aria-label": ariaLabel, "aria-hidden": skeleton || void 0, className: cn("flex items-center", gapClass[size]), children: [
+    navButton("prev"),
+    /* @__PURE__ */ jsx(SkeletonSlot, { on: skeleton, placeholder: barPlaceholder, children: /* @__PURE__ */ jsx(SimplePageInput, { page, totalPages, size, disabled, onCommit: goTo }) }),
+    navButton("next")
+  ] }) : /* @__PURE__ */ jsx("nav", { ref: navRef, "aria-label": ariaLabel, "aria-hidden": skeleton || void 0, children: /* @__PURE__ */ jsxs("ul", { className: cn("flex items-center", gapClass[size]), children: [
+    /* @__PURE__ */ jsx("li", { children: navButton("prev") }),
+    getPageItems(totalPages, page, siblings).map((item, slot) => {
+      if (typeof item === "object") {
+        const jump = getJumpSize(siblings);
+        const JumpIcon = item.direction === "left" ? ChevronsLeftIcon : ChevronsRightIcon;
+        return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            tabIndex: skeletonTab,
+            className: itemClass(cn(hoverTransitionClass, idleItemClass, "group text-mari-muted hover:text-mari-primary focus-visible:text-mari-primary")),
+            "aria-label": item.direction === "left" ? `${jump} sayfa geri` : `${jump} sayfa ileri`,
+            title: item.direction === "left" ? `\xD6nceki ${jump} sayfa` : `Sonraki ${jump} sayfa`,
+            "aria-disabled": disabled || void 0,
+            onClick: () => !disabled && goTo(resolvePageClickTarget(item, page, totalPages, siblings)),
+            children: [
+              /* @__PURE__ */ jsx(MoreHorizontalIcon, { size: icon, "aria-hidden": true, className: "group-hover:hidden group-focus-visible:hidden" }),
+              /* @__PURE__ */ jsx(JumpIcon, { size: icon, "aria-hidden": true, className: "hidden group-hover:block group-focus-visible:block" })
+            ]
+          }
+        ) }, slot);
+      }
+      const isActive = item === page;
+      return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          tabIndex: skeletonTab,
+          className: itemClass(isActive ? cn("font-semibold cursor-default", activeClasses(color, variant)) : idleItemClass),
+          "aria-label": `${item}. sayfa`,
+          "aria-current": isActive ? "page" : void 0,
+          "aria-disabled": disabled || void 0,
+          onClick: () => !disabled && goTo(item),
+          children: item
+        }
+      ) }, slot);
+    }),
+    /* @__PURE__ */ jsx("li", { children: navButton("next") })
+  ] }) });
+  const controls = /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center gap-x-4 gap-y-2", align !== "between" && alignClass[align]), children: [
+    pager,
+    !simple && sizeChangerVisible && /* @__PURE__ */ jsx(SkeletonSlot, { on: skeleton, placeholder: barPlaceholder, children: /* @__PURE__ */ jsx(SizeChanger, { value: pageSize, options: pageSizeOptions, size, disabled, onChange: handlePageSizeChange }) }),
+    !simple && showQuickJumper && /* @__PURE__ */ jsx(SkeletonSlot, { on: skeleton, placeholder: barPlaceholder, children: /* @__PURE__ */ jsx(QuickJumper, { totalPages, size, disabled, onCommit: goTo }) })
+  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: rootRef,
+      "aria-busy": skeleton || void 0,
+      className: cn(
+        "flex flex-wrap items-center gap-x-4 gap-y-2",
+        alignClass[align],
+        disabled && "pointer-events-none opacity-60",
+        className
+      ),
+      children: [
+        totalNode,
+        controls
+      ]
+    }
+  );
+}
+var fieldHeightClass = {
+  sm: "h-6 rounded-sm text-xs",
+  md: "h-8 rounded-md text-sm",
+  lg: "h-10 rounded-md text-base"
+};
+function SizeChanger({
+  value,
+  options,
+  size,
+  disabled,
+  onChange
+}) {
+  const allOptions = options.includes(value) ? options : [...options, value].sort((a, b) => a - b);
+  return /* @__PURE__ */ jsxs("div", { className: "relative inline-flex", children: [
+    /* @__PURE__ */ jsx(
+      "select",
+      {
+        value,
+        disabled,
+        "aria-label": "Sayfa ba\u015F\u0131na kay\u0131t",
+        onChange: (e) => onChange(Number(e.target.value)),
+        className: cn(fieldClass, fieldHeightClass[size], "cursor-pointer appearance-none pl-3 pr-8 tabular-nums"),
+        children: allOptions.map((option) => /* @__PURE__ */ jsxs("option", { value: option, children: [
+          option,
+          " / sayfa"
+        ] }, option))
+      }
+    ),
+    /* @__PURE__ */ jsx(ChevronDownIcon, { size: iconSize[size] - 2, "aria-hidden": true, className: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 text-mari-muted" })
+  ] });
+}
+function usePageDraft(onCommit, initial = "") {
+  const [draft, setDraft] = useState(initial);
+  const commit = () => {
+    const parsed = Number.parseInt(draft, 10);
+    if (Number.isFinite(parsed)) onCommit(parsed);
+    return parsed;
+  };
+  return { draft, setDraft, commit };
+}
+function QuickJumper({ totalPages, size, disabled, onCommit }) {
+  const { draft, setDraft, commit } = usePageDraft(onCommit);
+  const submit = () => {
+    commit();
+    setDraft("");
+  };
+  return /* @__PURE__ */ jsxs("label", { className: cn("flex items-center gap-2 text-mari-muted", textSizeClass[size]), children: [
+    "Git",
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        inputMode: "numeric",
+        value: draft,
+        disabled,
+        "aria-label": `Sayfaya git (1-${totalPages})`,
+        onChange: (e) => setDraft(e.target.value.replace(/\D/g, "")),
+        onKeyDown: (e) => e.key === "Enter" && submit(),
+        onBlur: submit,
+        className: cn(fieldClass, fieldHeightClass[size], "w-14 px-2 text-center tabular-nums")
+      }
+    )
+  ] });
+}
+function SimplePageInput({
+  page,
+  totalPages,
+  size,
+  disabled,
+  onCommit
+}) {
+  const { draft, setDraft, commit } = usePageDraft(onCommit, String(page));
+  useEffect(() => setDraft(String(page)), [page, setDraft]);
+  const submit = () => {
+    commit();
+    setDraft(String(page));
+  };
+  return /* @__PURE__ */ jsxs("span", { className: cn("flex items-center gap-2 text-mari-muted tabular-nums", textSizeClass[size]), children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        inputMode: "numeric",
+        value: draft,
+        disabled,
+        "aria-label": `Sayfa (1-${totalPages})`,
+        onChange: (e) => setDraft(e.target.value.replace(/\D/g, "")),
+        onKeyDown: (e) => e.key === "Enter" && submit(),
+        onBlur: submit,
+        className: cn(fieldClass, fieldHeightClass[size], "w-12 px-1 text-center")
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "/" }),
+    /* @__PURE__ */ jsx("span", { children: totalPages })
+  ] });
+}
+
+export {
+  Pagination
+};
+//# sourceMappingURL=chunk-TXRQCHOR.js.map

package/dist/chunk-TXRQCHOR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pagination/Pagination.tsx","../src/pagination/utils.ts"],"sourcesContent":["\"use client\";\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsLeftIcon, ChevronsRightIcon, MoreHorizontalIcon } from \"lucide-react\";\nimport { cn, useControllableState, type ColorRole, type Size } from \"@mari-ui/core\";\nimport {\n  bgSolidClass,\n  bgSubtleClass,\n  borderStrongColorClass,\n  textClass,\n  textSolidContrastClass,\n  textSubtleContrastClass,\n} from \"../lib/colorClasses\";\nimport { touchTargetClass } from \"../lib/sizeClasses\";\nimport { skeletonFill } from \"../lib/skeleton\";\nimport { SkeletonSlot } from \"../lib/SkeletonSlot\";\nimport type { PaginationAlign, PaginationProps, PaginationVariant } from \"./types\";\nimport { clampPage, fitSiblingCount, getItemRange, getJumpSize, getPageAfterSizeChange, getPageItems, getTotalPages, resolvePageClickTarget } from \"./utils\";\n\n/**\n * Kapsayıcı genişliğini izleyip sığan komşu sayısını seçer (`-1` → `simple`).\n * Slot genişliği gerçek DOM'dan ölçülür (iki/üç basamaklı sayılar kareyi\n * genişletir) ve saklanır — `simple`e geçildiğinde de yeniden hesap yapılabilsin.\n * `ResizeObserver` yoksa (SSR, jsdom) istenen `siblingCount` aynen kullanılır.\n */\nfunction useFittedSiblings(rootRef: React.RefObject<HTMLDivElement | null>, navRef: React.RefObject<HTMLElement | null>, totalPages: number, siblingCount: number, size: Size): number {\n  const [fitted, setFitted] = useState(siblingCount);\n  const slotRef = useRef<{ width: number; gap: number } | null>(null);\n\n  useEffect(() => {\n    // Boyut değişince eski ölçü geçersiz.\n    slotRef.current = null;\n    setFitted(siblingCount);\n  }, [siblingCount, size]);\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root || typeof ResizeObserver === \"undefined\") return;\n    const measure = () => {\n      const list = navRef.current?.querySelector(\"ul\");\n      if (list && list.children.length > 0) {\n        const gap = Number.parseFloat(getComputedStyle(list).columnGap) || 0;\n        slotRef.current = { width: (list.scrollWidth + gap) / list.children.length - gap, gap };\n      }\n      const slot = slotRef.current;\n      if (!slot) return;\n      setFitted(fitSiblingCount(root.clientWidth, slot.width, slot.gap, totalPages, siblingCount));\n    };\n    measure();\n    const observer = new ResizeObserver(measure);\n    observer.observe(root);\n    return () => observer.disconnect();\n  }, [rootRef, navRef, totalPages, siblingCount, size]);\n\n  return fitted;\n}\n\nexport type { PaginationProps };\n\nconst DEFAULT_PAGE_SIZE_OPTIONS = [10, 20, 50, 100, 1000];\n\n/**\n * Yapı ant.design Pagination'dan (kare 32px öğeler, 8px aralık, \"…\" üzerine\n * gelince çift ok, hızlı atlama, simple mod), görünüm kendi token'larımızdan.\n * Öğeler `Button` yerine yerel bir `<button>` — Button'ın `px-*` dolgusu\n * sayı düğmelerini genişliğe göre farklı boyutlara itiyordu; burada her\n * öğe `min-w` = yükseklik olan bir karedir, iki basamaklı sayılar büyür.\n */\nconst itemSizeClass: Record<Size, string> = {\n  sm: \"h-6 min-w-6 px-1 text-xs rounded-sm\",\n  md: \"h-8 min-w-8 px-1.5 text-sm rounded-md\",\n  lg: \"h-10 min-w-10 px-2 text-base rounded-md\",\n};\n\nconst gapClass: Record<Size, string> = {\n  sm: \"gap-1\",\n  md: \"gap-2\",\n  lg: \"gap-2\",\n};\n\nconst textSizeClass: Record<Size, string> = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n};\n\nconst iconSize: Record<Size, number> = { sm: 14, md: 16, lg: 18 };\n\nconst alignClass: Record<PaginationAlign, string> = {\n  start: \"justify-start\",\n  center: \"justify-center\",\n  end: \"justify-end\",\n  between: \"justify-between\",\n};\n\nfunction activeClasses(color: ColorRole, variant: PaginationVariant): string {\n  switch (variant) {\n    case \"solid\":\n      return cn(\"border-transparent\", bgSolidClass[color], textSolidContrastClass[color]);\n    case \"soft\":\n      return cn(\"border-transparent\", bgSubtleClass[color], textSubtleContrastClass[color]);\n    default:\n      return cn(\"bg-mari-surface\", borderStrongColorClass[color], textClass[color]);\n  }\n}\n\nconst itemBaseClass =\n  \"relative inline-flex shrink-0 items-center justify-center border tabular-nums select-none \" +\n  \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mari-ring\";\n/**\n * Dokunmatikte yalnızca DİKEY genişleme: öğeler arası 8px boşluk yatayda\n * 44px'e tamamlamaya yetmiyor, kare genişleme komşunun alanına binerdi.\n */\nconst itemTouchClass: Record<Size, string> = {\n  sm: touchTargetClass.sm,\n  md: touchTargetClass.md,\n  lg: touchTargetClass.lg,\n};\n/** İskelette düğme: kendi kare kutusunda dolgu, içerik görünmez, etkileşimsiz. */\nconst skeletonItemClass = cn(\"pointer-events-none border-transparent text-transparent [&_svg]:invisible\", skeletonFill(true));\nconst idleItemClass = \"border-transparent text-mari-foreground hover:bg-mari-neutral-subtle cursor-pointer\";\n// Sadece ok/\"…\" düğmelerinde hover geçişi. Sayfa numaralarında BİLİNÇLİ\n// OLARAK geçiş yok: aktif vurgu bir slottan diğerine geçerken 150ms'lik\n// solma, eski kutu kaybolurken yenisinin geç belirmesi olarak görünüyordu.\nconst hoverTransitionClass = \"transition-colors duration-150\";\n// `disabled` yerine `aria-disabled`: son sayfaya ulaşınca \"Sonraki\" düğmesi\n// gerçekten `disabled` olursa odak `<body>`'ye düşer, klavye kullanıcısı\n// yerini kaybeder. `aria-disabled` odağı korur, tıklama no-op olur.\nconst disabledItemClass = \"aria-disabled:opacity-40 aria-disabled:cursor-not-allowed aria-disabled:hover:bg-transparent\";\n\nconst fieldClass =\n  \"border border-mari-input bg-mari-surface text-mari-foreground transition-colors hover:border-mari-primary \" +\n  \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mari-ring\";\n\n/**\n * Faz 13.5'ten beri `TablePagination` bu component'i sarmalıyor — tek gerçek\n * sayfa-listesi mantığı burada (bkz. `utils.ts`).\n *\n * Faz 13.6 (kullanıcı bulgusu: \"yeni sayfaya geçince tuhaf davranıyor\"):\n * - Sayfa listesi artık SABİT sayıda slot üretir; genişlik zıplamaz.\n * - \"…\" asla tek bir sayfayı gizlemez.\n * - Sayfa aralık dışına düşerse (toplam azaldı, sayfa boyutu büyüdü) son\n *   geçerli sayfaya çekilir; eskiden \"901-247 / 247 kayıt\" yazıyordu.\n * - Kayıt yokken \"Sonraki\" düğmesi `onPageChange(0)` çağırabiliyordu.\n * - Aktif sayfaya tekrar tıklamak `onPageChange`'i çağırmaz (gereksiz fetch).\n * - Controlled + uncontrolled (`defaultPage`/`defaultPageSize`).\n */\nexport function Pagination({\n  currentPage,\n  defaultPage = 1,\n  pageSize: pageSizeProp,\n  defaultPageSize = 10,\n  totalItems,\n  onPageChange,\n  onPageSizeChange,\n  showSizeChanger,\n  pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n  showTotal = false,\n  showQuickJumper = false,\n  simple = false,\n  siblingCount = 1,\n  size = \"md\",\n  color = \"primary\",\n  variant = \"outline\",\n  disabled = false,\n  hideOnSinglePage = false,\n  align = \"between\",\n  className,\n  \"aria-label\": ariaLabel = \"Sayfalama\",\n  skeleton = false,\n}: Readonly<PaginationProps>) {\n  const [rawPage, setRawPage] = useControllableState<number>({ value: currentPage, defaultValue: defaultPage });\n  const [pageSize, setPageSize] = useControllableState<number>({ value: pageSizeProp, defaultValue: defaultPageSize });\n\n  const totalPages = getTotalPages(totalItems, pageSize);\n  const page = clampPage(rawPage, totalPages);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const navRef = useRef<HTMLElement>(null);\n  // Dar kapsayıcıda komşu sayısı azalır; 0 komşu bile sığmazsa `simple` görünüme geçilir.\n  const fitted = useFittedSiblings(rootRef, navRef, totalPages, siblingCount, size);\n  const siblings = Math.max(0, fitted);\n  const compact = simple || fitted < 0;\n\n  const goTo = (target: number, nextPageSize = pageSize) => {\n    // İskelette toplam henüz gerçek değil — hiçbir yol (programatik tıklama dahil) sayfa değiştirmez.\n    if (skeleton) return;\n    const next = clampPage(target, getTotalPages(totalItems, nextPageSize));\n    if (next === page && nextPageSize === pageSize) return;\n    setRawPage(next);\n    onPageChange?.(next, nextPageSize);\n  };\n\n  // Toplam kayıt azalınca (filtre, silme) mevcut sayfa aralık dışına\n  // düşebilir. Ekranda zaten `clampPage` ile düzeltilmiş sayfa gösteriliyor;\n  // burada tüketiciye de bildiriyoruz ki verisini o sayfaya göre getirsin.\n  useEffect(() => {\n    if (rawPage !== page) {\n      setRawPage(page);\n      onPageChange?.(page, pageSize);\n    }\n    // `onPageChange`/`setRawPage` her render'da yeni referans olabilir —\n    // sadece sayfa gerçekten aralık dışına düştüğünde çalışsın.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [rawPage, page]);\n\n  const handlePageSizeChange = (nextSize: number) => {\n    const nextPage = getPageAfterSizeChange(page, pageSize, nextSize, totalItems);\n    setPageSize(nextSize);\n    // Önce sayfa, sonra boyut: `onPageSizeChange` içinde `setPage(1)` yapan\n    // eski tüketicilerin açık tercihi son sözü söylesin.\n    if (nextPage !== page) {\n      setRawPage(nextPage);\n      onPageChange?.(nextPage, nextSize);\n    }\n    onPageSizeChange?.(nextSize, nextPage);\n  };\n\n  if (hideOnSinglePage && totalPages <= 1) return null;\n\n  const range = getItemRange(page, pageSize, totalItems);\n  const isFirst = page <= 1;\n  const isLast = page >= totalPages;\n  const sizeChangerVisible = showSizeChanger ?? onPageSizeChange !== undefined;\n  const icon = iconSize[size];\n  // İskelette düğmeler yerinde kalır (aynı kare kutu) ama dolgu olur, Tab sırasından çıkar.\n  const itemClass = (stateClass: string) => cn(itemBaseClass, itemSizeClass[size], itemTouchClass[size], skeleton ? skeletonItemClass : stateClass);\n  const skeletonTab = skeleton ? -1 : undefined;\n  const barPlaceholder = <span className={cn(\"block size-full min-h-[1lh] rounded-md\", skeletonFill(true))} />;\n\n  const navButton = (direction: \"prev\" | \"next\") => {\n    const isEdge = direction === \"prev\" ? isFirst : isLast;\n    const Icon = direction === \"prev\" ? ChevronLeftIcon : ChevronRightIcon;\n    return (\n      <button\n        type=\"button\"\n        tabIndex={skeletonTab}\n        className={itemClass(cn(hoverTransitionClass, idleItemClass, disabledItemClass))}\n        aria-label={direction === \"prev\" ? \"Önceki sayfa\" : \"Sonraki sayfa\"}\n        aria-disabled={isEdge || disabled || undefined}\n        onClick={() => {\n          if (!isEdge && !disabled) goTo(direction === \"prev\" ? page - 1 : page + 1);\n        }}\n      >\n        <Icon size={icon} aria-hidden />\n      </button>\n    );\n  };\n\n  const totalNode =\n    showTotal === false ? null : (\n      // Slot da metnin yazı boyutunu taşır: yer tutucunun `1lh`'si o satır yüksekliğine eşit olsun (yoksa 2px kayar).\n      <SkeletonSlot on={skeleton} placeholder={barPlaceholder} className={textSizeClass[size]}>\n        <p className={cn(\"text-mari-muted tabular-nums\", textSizeClass[size])}>\n          {typeof showTotal === \"function\" ? showTotal(totalItems, range) : `${range[0]}-${range[1]} / ${totalItems} kayıt`}\n        </p>\n      </SkeletonSlot>\n    );\n\n  const pager = compact ? (\n    <nav ref={navRef} aria-label={ariaLabel} aria-hidden={skeleton || undefined} className={cn(\"flex items-center\", gapClass[size])}>\n      {navButton(\"prev\")}\n      <SkeletonSlot on={skeleton} placeholder={barPlaceholder}>\n        <SimplePageInput page={page} totalPages={totalPages} size={size} disabled={disabled} onCommit={goTo} />\n      </SkeletonSlot>\n      {navButton(\"next\")}\n    </nav>\n  ) : (\n    <nav ref={navRef} aria-label={ariaLabel} aria-hidden={skeleton || undefined}>\n      <ul className={cn(\"flex items-center\", gapClass[size])}>\n        <li>{navButton(\"prev\")}</li>\n        {/*\n          Anahtar = SLOT SIRASI (sayfa numarası değil). Slot sayısı sabit\n          olduğu için ortadaki aktif slot aynı DOM düğmesi kalır, sadece\n          metni değişir. Eskiden anahtar sayfa numarasıydı: \"Sonraki\"ye\n          basınca React \"6\" düğmesini bir slot sola TAŞIYOR, \"7\"yi ortaya\n          getiriyordu — numaralar kayıyor, vurgu sönüp yeniden yanıyordu\n          (Faz 13.6 kullanıcı bulgusu: \"next/prev'de kayıyor gibi\").\n        */}\n        {getPageItems(totalPages, page, siblings).map((item, slot) => {\n          if (typeof item === \"object\") {\n            const jump = getJumpSize(siblings);\n            const JumpIcon = item.direction === \"left\" ? ChevronsLeftIcon : ChevronsRightIcon;\n            return (\n              <li key={slot}>\n                <button\n                  type=\"button\"\n                  tabIndex={skeletonTab}\n                  className={itemClass(cn(hoverTransitionClass, idleItemClass, \"group text-mari-muted hover:text-mari-primary focus-visible:text-mari-primary\"))}\n                  aria-label={item.direction === \"left\" ? `${jump} sayfa geri` : `${jump} sayfa ileri`}\n                  title={item.direction === \"left\" ? `Önceki ${jump} sayfa` : `Sonraki ${jump} sayfa`}\n                  aria-disabled={disabled || undefined}\n                  onClick={() => !disabled && goTo(resolvePageClickTarget(item, page, totalPages, siblings))}\n                >\n                  <MoreHorizontalIcon size={icon} aria-hidden className=\"group-hover:hidden group-focus-visible:hidden\" />\n                  <JumpIcon size={icon} aria-hidden className=\"hidden group-hover:block group-focus-visible:block\" />\n                </button>\n              </li>\n            );\n          }\n\n          const isActive = item === page;\n          return (\n            <li key={slot}>\n              <button\n                type=\"button\"\n                tabIndex={skeletonTab}\n                className={itemClass(isActive ? cn(\"font-semibold cursor-default\", activeClasses(color, variant)) : idleItemClass)}\n                aria-label={`${item}. sayfa`}\n                aria-current={isActive ? \"page\" : undefined}\n                aria-disabled={disabled || undefined}\n                onClick={() => !disabled && goTo(item)}\n              >\n                {item}\n              </button>\n            </li>\n          );\n        })}\n        <li>{navButton(\"next\")}</li>\n      </ul>\n    </nav>\n  );\n\n  const controls = (\n    <div className={cn(\"flex flex-wrap items-center gap-x-4 gap-y-2\", align !== \"between\" && alignClass[align])}>\n      {pager}\n      {!simple && sizeChangerVisible && (\n        <SkeletonSlot on={skeleton} placeholder={barPlaceholder}>\n          <SizeChanger value={pageSize} options={pageSizeOptions} size={size} disabled={disabled} onChange={handlePageSizeChange} />\n        </SkeletonSlot>\n      )}\n      {!simple && showQuickJumper && (\n        <SkeletonSlot on={skeleton} placeholder={barPlaceholder}>\n          <QuickJumper totalPages={totalPages} size={size} disabled={disabled} onCommit={goTo} />\n        </SkeletonSlot>\n      )}\n    </div>\n  );\n\n  return (\n    <div\n      ref={rootRef}\n      aria-busy={skeleton || undefined}\n      className={cn(\n        \"flex flex-wrap items-center gap-x-4 gap-y-2\",\n        alignClass[align],\n        disabled && \"pointer-events-none opacity-60\",\n        className\n      )}\n    >\n      {totalNode}\n      {controls}\n    </div>\n  );\n}\n\nconst fieldHeightClass: Record<Size, string> = {\n  sm: \"h-6 rounded-sm text-xs\",\n  md: \"h-8 rounded-md text-sm\",\n  lg: \"h-10 rounded-md text-base\",\n};\n\nfunction SizeChanger({\n  value,\n  options,\n  size,\n  disabled,\n  onChange,\n}: Readonly<{\n  value: number;\n  options: number[];\n  size: Size;\n  disabled: boolean;\n  onChange: (size: number) => void;\n}>) {\n  // Mevcut boyut listede yoksa (ör. controlled `pageSize={15}`) yine de\n  // seçili görünsün — native `<select>` aksi halde ilk seçeneği gösterir.\n  const allOptions = options.includes(value) ? options : [...options, value].sort((a, b) => a - b);\n  return (\n    <div className=\"relative inline-flex\">\n      <select\n        value={value}\n        disabled={disabled}\n        aria-label=\"Sayfa başına kayıt\"\n        onChange={(e) => onChange(Number(e.target.value))}\n        className={cn(fieldClass, fieldHeightClass[size], \"cursor-pointer appearance-none pl-3 pr-8 tabular-nums\")}\n      >\n        {allOptions.map((option) => (\n          <option key={option} value={option}>\n            {option} / sayfa\n          </option>\n        ))}\n      </select>\n      <ChevronDownIcon size={iconSize[size] - 2} aria-hidden className=\"pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 text-mari-muted\" />\n    </div>\n  );\n}\n\n/** Sadece rakam kabul eden, Enter/blur'da atlayan küçük alan. */\nfunction usePageDraft(onCommit: (page: number) => void, initial = \"\") {\n  const [draft, setDraft] = useState(initial);\n  const commit = () => {\n    const parsed = Number.parseInt(draft, 10);\n    if (Number.isFinite(parsed)) onCommit(parsed);\n    return parsed;\n  };\n  return { draft, setDraft, commit };\n}\n\nfunction QuickJumper({ totalPages, size, disabled, onCommit }: Readonly<{ totalPages: number; size: Size; disabled: boolean; onCommit: (page: number) => void }>) {\n  const { draft, setDraft, commit } = usePageDraft(onCommit);\n  const submit = () => {\n    commit();\n    setDraft(\"\");\n  };\n  return (\n    <label className={cn(\"flex items-center gap-2 text-mari-muted\", textSizeClass[size])}>\n      Git\n      <input\n        type=\"text\"\n        inputMode=\"numeric\"\n        value={draft}\n        disabled={disabled}\n        aria-label={`Sayfaya git (1-${totalPages})`}\n        onChange={(e) => setDraft(e.target.value.replace(/\\D/g, \"\"))}\n        onKeyDown={(e) => e.key === \"Enter\" && submit()}\n        onBlur={submit}\n        className={cn(fieldClass, fieldHeightClass[size], \"w-14 px-2 text-center tabular-nums\")}\n      />\n    </label>\n  );\n}\n\nfunction SimplePageInput({\n  page,\n  totalPages,\n  size,\n  disabled,\n  onCommit,\n}: Readonly<{\n  page: number;\n  totalPages: number;\n  size: Size;\n  disabled: boolean;\n  onCommit: (page: number) => void;\n}>) {\n  const { draft, setDraft, commit } = usePageDraft(onCommit, String(page));\n  // Dışarıdan (ok düğmeleri, controlled prop) sayfa değişince alanı eşitle.\n  useEffect(() => setDraft(String(page)), [page, setDraft]);\n  const submit = () => {\n    commit();\n    // Geçersiz/aralık dışı girişte gerçek sayfaya geri dön.\n    setDraft(String(page));\n  };\n  return (\n    <span className={cn(\"flex items-center gap-2 text-mari-muted tabular-nums\", textSizeClass[size])}>\n      <input\n        type=\"text\"\n        inputMode=\"numeric\"\n        value={draft}\n        disabled={disabled}\n        aria-label={`Sayfa (1-${totalPages})`}\n        onChange={(e) => setDraft(e.target.value.replace(/\\D/g, \"\"))}\n        onKeyDown={(e) => e.key === \"Enter\" && submit()}\n        onBlur={submit}\n        className={cn(fieldClass, fieldHeightClass[size], \"w-12 px-1 text-center\")}\n      />\n      <span aria-hidden>/</span>\n      <span>{totalPages}</span>\n    </span>\n  );\n}\n","import type { PageItem } from \"./types\";\n\n/** Toplam sayfa sayısı. Hiç kayıt yokken bile 1 döner — \"0. sayfa\" diye bir durum yoktur. */\nexport function getTotalPages(totalItems: number, pageSize: number): number {\n  if (pageSize <= 0) return 1;\n  return Math.max(1, Math.ceil(totalItems / pageSize));\n}\n\nexport function clampPage(page: number, totalPages: number): number {\n  if (!Number.isFinite(page)) return 1;\n  return Math.min(Math.max(1, Math.trunc(page)), Math.max(1, totalPages));\n}\n\n/**\n * Görünür sayfa listesini üretir. Eski algoritma (`current ± 2`) iki soruna\n * yol açıyordu:\n *\n * 1. Düğme sayısı sayfadan sayfaya DEĞİŞİYORDU (1. sayfada 5, 5. sayfada 9\n *    öğe) — tüm bileşenin genişliği her tıklamada zıplıyor, tıklanan\n *    düğmeler imlecin altından kayıyordu (\"yeni sayfaya geçince tuhaf\n *    davranıyor\" kullanıcı bulgusu).\n * 2. \"…\" bazen TEK bir sayfayı gizliyordu (10 sayfada 5. sayfa: `1 … 3`) —\n *    o slota doğrudan \"2\" yazmak aynı yeri kaplar ve bir tıklama kazandırır.\n *\n * Yeni algoritma sabit sayıda slot üretir (`siblingCount * 2 + 5`): ilk ve\n * son sayfa her zaman görünür, aktif sayfanın iki yanında `siblingCount`\n * komşu, aradaki boşluklar ya \"…\" ya da (tek sayfa gizleyecekse) o sayfanın\n * kendisidir.\n */\nexport function getPageItems(totalPages: number, currentPage: number, siblingCount = 1): PageItem[] {\n  const siblings = Math.max(0, Math.trunc(siblingCount));\n  const totalSlots = siblings * 2 + 5;\n\n  if (totalPages <= totalSlots) {\n    return Array.from({ length: totalPages }, (_, i) => i + 1);\n  }\n\n  const current = clampPage(currentPage, totalPages);\n  // Kenarlara yakınken pencere kaydırılır — slot sayısı sabit kalsın diye.\n  const windowStart = Math.max(Math.min(current - siblings, totalPages - siblings * 2 - 2), 3);\n  const windowEnd = Math.min(Math.max(current + siblings, siblings * 2 + 3), totalPages - 2);\n\n  const items: PageItem[] = [1];\n  items.push(windowStart > 3 ? { type: \"ellipsis\", direction: \"left\" } : 2);\n  for (let page = windowStart; page <= windowEnd; page++) items.push(page);\n  items.push(windowEnd < totalPages - 2 ? { type: \"ellipsis\", direction: \"right\" } : totalPages - 1);\n  items.push(totalPages);\n\n  return items;\n}\n\n/**\n * Faz 15.5 — dar kapsayıcıda (375px telefon) sayfa listesi taşıyordu. Verilen\n * genişliğe sığan en büyük komşu sayısını (`maxSiblings`'ten 0'a) döner;\n * 0 komşu bile sığmıyorsa `-1` (→ `simple` görünüm). Slot sayısı\n * `getPageItems` ile aynı: `min(toplam, 2s+5)` + önceki/sonraki okları.\n */\nexport function fitSiblingCount(available: number, slotWidth: number, gap: number, totalPages: number, maxSiblings: number): number {\n  for (let siblings = Math.max(0, Math.trunc(maxSiblings)); siblings >= 0; siblings--) {\n    const slots = Math.min(totalPages, siblings * 2 + 5) + 2;\n    if (slots * slotWidth + (slots - 1) * gap <= available) return siblings;\n  }\n  return -1;\n}\n\n/** \"…\" düğmesinin kaç sayfa atlayacağı — görünür pencere genişliği kadar (ant.design ile aynı: varsayılan 5). */\nexport function getJumpSize(siblingCount = 1): number {\n  return Math.max(0, Math.trunc(siblingCount)) * 2 + 3;\n}\n\nexport function resolvePageClickTarget(page: PageItem, currentPage: number, totalPages: number, siblingCount = 1): number {\n  if (typeof page === \"number\") return clampPage(page, totalPages);\n  const jump = getJumpSize(siblingCount);\n  return clampPage(page.direction === \"left\" ? currentPage - jump : currentPage + jump, totalPages);\n}\n\n/**\n * Sayfa boyutu değiştiğinde kullanıcının baktığı İLK kaydı görünür tutan\n * sayfayı bulur. Eskiden sayfa numarası olduğu gibi kalıyordu — 10/sayfa'da\n * 10. sayfadayken 100/sayfa'ya geçince \"10. sayfa / 3 sayfa\" gibi aralık\n * dışı bir duruma düşülüyor, \"901-247 / 247 kayıt\" yazıyordu.\n */\nexport function getPageAfterSizeChange(currentPage: number, oldPageSize: number, newPageSize: number, totalItems: number): number {\n  const firstItemIndex = (Math.max(1, currentPage) - 1) * oldPageSize;\n  return clampPage(Math.floor(firstItemIndex / newPageSize) + 1, getTotalPages(totalItems, newPageSize));\n}\n\n/** `[başlangıç, bitiş]` — 1 tabanlı, kapsayıcı. Kayıt yoksa `[0, 0]`. */\nexport function getItemRange(currentPage: number, pageSize: number, totalItems: number): [number, number] {\n  if (totalItems <= 0) return [0, 0];\n  return [(currentPage - 1) * pageSize + 1, Math.min(currentPage * pageSize, totalItems)];\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-V7KDUUV6.js

@@ -0,0 +1,101 @@
+"use client";
+
+import {
+  skeletonFill
+} from "./chunk-54HHEXXD.js";
+
+// src/lib/ContentSkeleton.tsx
+import { useCallback, useLayoutEffect, useRef, useState } from "react";
+import { cn } from "@mari-ui/core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var CONTROL_SELECTOR = 'input:not([type="hidden"]), textarea, select, button, img, svg, video, canvas, [role="button"], [role="checkbox"], [role="switch"], [role="radio"], [role="slider"], [role="img"]';
+var MIN_SIZE = 4;
+function isTransparent(color) {
+  return color === "transparent" || /rgba?\([^)]*,\s*0\)$/.test(color) || color.endsWith(" / 0)");
+}
+function isVisualBox(el, style) {
+  if (el.textContent?.trim()) return false;
+  const framed = ["Top", "Right", "Bottom", "Left"].every((side) => parseFloat(style.getPropertyValue(`border-${side.toLowerCase()}-width`)) > 0);
+  return framed || !isTransparent(style.backgroundColor);
+}
+function measure(root) {
+  const origin = root.getBoundingClientRect();
+  const scale = root.offsetWidth > 0 && origin.width > 0 ? origin.width / root.offsetWidth : 1;
+  const blocks = [];
+  const push = (x, y, w, h, radius) => {
+    const left = Math.max(x - origin.left, 0) / scale;
+    const width = Math.min(x + w - origin.left, origin.width) / scale - left;
+    const height = h / scale;
+    if (width < MIN_SIZE || height < MIN_SIZE) return;
+    blocks.push({ left, top: (y - origin.top) / scale, width, height, radius });
+  };
+  const pushTextLines = (text, parent) => {
+    if (!text.textContent?.trim()) return;
+    const range = document.createRange();
+    range.selectNodeContents(text);
+    if (typeof range.getClientRects !== "function") return;
+    const fontSize = parseFloat(getComputedStyle(parent).fontSize) || 16;
+    for (const line of Array.from(range.getClientRects())) {
+      const height = Math.min(line.height, fontSize * 0.8);
+      push(line.left, line.top + (line.height - height) / 2, line.width, height, "0.25rem");
+    }
+  };
+  const walk = (el) => {
+    for (const node of Array.from(el.childNodes)) {
+      if (node.nodeType === Node.TEXT_NODE) pushTextLines(node, el);
+      else if (node instanceof Element) visit(node);
+    }
+  };
+  const visit = (el) => {
+    const style = getComputedStyle(el);
+    if (style.display === "none") return;
+    const box = el.getBoundingClientRect();
+    if (box.width <= 1 && box.height <= 1) return;
+    if (!el.matches(CONTROL_SELECTOR) && !isVisualBox(el, style)) {
+      walk(el);
+      return;
+    }
+    const rect = el.getBoundingClientRect();
+    const radius = style.borderRadius && style.borderRadius !== "0px" ? style.borderRadius : "0.25rem";
+    push(rect.left, rect.top, rect.width, rect.height, radius);
+  };
+  walk(root);
+  return blocks;
+}
+function ContentSkeleton({ on, fallback, className, children }) {
+  const contentRef = useRef(null);
+  const [blocks, setBlocks] = useState(null);
+  const remeasure = useCallback(() => {
+    if (contentRef.current) setBlocks(measure(contentRef.current));
+  }, []);
+  useLayoutEffect(() => {
+    if (!on) {
+      setBlocks(null);
+      return;
+    }
+    remeasure();
+    const content = contentRef.current;
+    if (!content || typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(remeasure);
+    observer.observe(content);
+    return () => observer.disconnect();
+  }, [on, children, remeasure]);
+  if (!on) return /* @__PURE__ */ jsx(Fragment, { children });
+  const empty = blocks !== null && blocks.length === 0;
+  return /* @__PURE__ */ jsxs("div", { "aria-hidden": true, "data-skeleton": "", className: cn("pointer-events-none relative select-none", className), children: [
+    /* @__PURE__ */ jsx("div", { ref: contentRef, className: cn("invisible", empty && "absolute inset-x-0 top-0"), children }),
+    empty ? fallback : blocks?.map((block, i) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn("absolute", skeletonFill(true)),
+        style: { left: block.left, top: block.top, width: block.width, height: block.height, borderRadius: block.radius }
+      },
+      i
+    ))
+  ] });
+}
+
+export {
+  ContentSkeleton
+};
+//# sourceMappingURL=chunk-V7KDUUV6.js.map

package/dist/chunk-V7KDUUV6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/ContentSkeleton.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useCallback, useLayoutEffect, useRef, useState } from \"react\";\nimport { cn } from \"@mari-ui/core\";\nimport { skeletonFill } from \"./skeleton\";\n\ninterface Block {\n  left: number;\n  top: number;\n  width: number;\n  height: number;\n  radius: string;\n}\n\n/** Tek başına tek blok olan öğeler (içine inilmez). */\nconst CONTROL_SELECTOR =\n  'input:not([type=\"hidden\"]), textarea, select, button, img, svg, video, canvas, [role=\"button\"], [role=\"checkbox\"], [role=\"switch\"], [role=\"radio\"], [role=\"slider\"], [role=\"img\"]';\n\n/** Bundan küçük kutular (ör. `sr-only` native input'lar) atlanır. */\nconst MIN_SIZE = 4;\n\nfunction isTransparent(color: string): boolean {\n  return color === \"transparent\" || /rgba?\\([^)]*,\\s*0\\)$/.test(color) || color.endsWith(\" / 0)\");\n}\n\n/**\n * Metinsiz ve dört kenarı çerçeveli (ya da dolgulu) kutu: Input'un kenarlıklı\n * sarmalayıcısı, Checkbox'ın kutusu gibi. İçindeki native input yerine bu\n * kutunun kendisi (radius'uyla) tek blok olur.\n */\nfunction isVisualBox(el: Element, style: CSSStyleDeclaration): boolean {\n  if (el.textContent?.trim()) return false;\n  const framed = [\"Top\", \"Right\", \"Bottom\", \"Left\"].every((side) => parseFloat(style.getPropertyValue(`border-${side.toLowerCase()}-width`)) > 0);\n  return framed || !isTransparent(style.backgroundColor);\n}\n\nfunction measure(root: HTMLElement): Block[] {\n  const origin = root.getBoundingClientRect();\n  // `getBoundingClientRect` atalardaki transform'u içerir: Modal açılırken\n  // `scale(0.98)`den başlar ve ölçüm o anda yapılır — bloklar %2 dar kalıyordu\n  // (transform değişimi ResizeObserver'ı tetiklemez). Ölçek çarpanıyla\n  // düzeltilir; bloklar transform'un İÇİNDE çizildiği için yerel px gerekir.\n  const scale = root.offsetWidth > 0 && origin.width > 0 ? origin.width / root.offsetWidth : 1;\n  const blocks: Block[] = [];\n  /** Viewport koordinatlı kutu → bölgeye göreli, ölçeksiz blok. */\n  const push = (x: number, y: number, w: number, h: number, radius: string) => {\n    const left = Math.max(x - origin.left, 0) / scale;\n    // `truncate`lı metnin satır kutusu kırpılan kısmı da kapsar — bölgeye sığdır.\n    const width = Math.min(x + w - origin.left, origin.width) / scale - left;\n    const height = h / scale;\n    if (width < MIN_SIZE || height < MIN_SIZE) return;\n    blocks.push({ left, top: (y - origin.top) / scale, width, height, radius });\n  };\n\n  /** Satır başına bir çubuk; yüksekliği yazı boyuna göre (satır aralığı değil). */\n  const pushTextLines = (text: Node, parent: Element) => {\n    if (!text.textContent?.trim()) return;\n    const range = document.createRange();\n    range.selectNodeContents(text);\n    // jsdom'da yok → blok üretilmez, `fallback` devreye girer.\n    if (typeof range.getClientRects !== \"function\") return;\n    const fontSize = parseFloat(getComputedStyle(parent).fontSize) || 16;\n    for (const line of Array.from(range.getClientRects())) {\n      const height = Math.min(line.height, fontSize * 0.8);\n      push(line.left, line.top + (line.height - height) / 2, line.width, height, \"0.25rem\");\n    }\n  };\n\n  const walk = (el: Element) => {\n    for (const node of Array.from(el.childNodes)) {\n      if (node.nodeType === Node.TEXT_NODE) pushTextLines(node, el);\n      else if (node instanceof Element) visit(node);\n    }\n  };\n\n  const visit = (el: Element) => {\n    const style = getComputedStyle(el);\n    if (style.display === \"none\") return;\n    // Yalnız ekran okuyucu için (sr-only: 1×1px kırpılmış kutu) — görünmeyen metnin\n    // satır ölçüsü yine tam genişlik döner; iskelette fazladan çubuk çiziliyordu.\n    const box = el.getBoundingClientRect();\n    if (box.width <= 1 && box.height <= 1) return;\n    if (!el.matches(CONTROL_SELECTOR) && !isVisualBox(el, style)) {\n      walk(el);\n      return;\n    }\n    const rect = el.getBoundingClientRect();\n    // Kendi radius'u olmayan öğe (ikon SVG'si, düz img) keskin kare değil, metin çubukları gibi hafif yuvarlak.\n    const radius = style.borderRadius && style.borderRadius !== \"0px\" ? style.borderRadius : \"0.25rem\";\n    push(rect.left, rect.top, rect.width, rect.height, radius);\n  };\n\n  walk(root);\n  return blocks;\n}\n\nexport interface ContentSkeletonProps {\n  on: boolean;\n  /** Ölçülecek içerik yoksa (veri henüz gelmedi) gösterilecek genel iskelet. */\n  fallback: React.ReactNode;\n  className?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * Faz 15.6 — serbest içeriğin (Drawer/Modal gövdesi) KENDİ şeklinde iskeleti.\n * Gerçek içerik görünmez olarak yerinde çizilir (yükseklik korunur, yüklenince\n * zıplama olmaz), sonra her metin satırının ve her kontrolün (input, düğme,\n * checkbox kutusu…) kutusu ölçülüp üstüne bir blok konur. Genel \"6 satır\n * paragraf\" iskeleti bir formun yanında yarım kalmış görünüyordu.\n *\n * Ölçülecek bir şey yoksa (içerik boş ya da jsdom gibi yerleşimsiz ortam)\n * `fallback` gösterilir. Boyut değişince (pencere, çekmece genişliği)\n * `ResizeObserver` ile yeniden ölçülür.\n */\nexport function ContentSkeleton({ on, fallback, className, children }: Readonly<ContentSkeletonProps>) {\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [blocks, setBlocks] = useState<Block[] | null>(null);\n\n  const remeasure = useCallback(() => {\n    if (contentRef.current) setBlocks(measure(contentRef.current));\n  }, []);\n\n  useLayoutEffect(() => {\n    if (!on) {\n      setBlocks(null);\n      return;\n    }\n    remeasure();\n    const content = contentRef.current;\n    if (!content || typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(remeasure);\n    observer.observe(content);\n    return () => observer.disconnect();\n  }, [on, children, remeasure]);\n\n  if (!on) return <>{children}</>;\n\n  const empty = blocks !== null && blocks.length === 0;\n  return (\n    <div aria-hidden data-skeleton=\"\" className={cn(\"pointer-events-none relative select-none\", className)}>\n      <div ref={contentRef} className={cn(\"invisible\", empty && \"absolute inset-x-0 top-0\")}>\n        {children}\n      </div>\n      {empty\n        ? fallback\n        : blocks?.map((block, i) => (\n            <span\n              // Bloklar her ölçümde baştan üretilir; sıra kararlı.\n              key={i}\n              className={cn(\"absolute\", skeletonFill(true))}\n              style={{ left: block.left, top: block.top, width: block.width, height: block.height, borderRadius: block.radius }}\n            />\n          ))}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-XUKVQO6M.js

@@ -0,0 +1,31 @@
+// src/avatar/utils.ts
+import { cn } from "@mari-ui/core";
+var SIZE_REM = { sm: "1.5rem", md: "2rem", lg: "2.5rem" };
+var INITIAL_FONT_SIZE_CLASS = { sm: "text-[0.625rem]", md: "text-sm", lg: "text-base" };
+var SQUARE_RADIUS_CLASS = { sm: "rounded-sm", md: "rounded-md", lg: "rounded-lg" };
+function getSizeStyle(size) {
+  const dimension = typeof size === "number" ? size : SIZE_REM[size];
+  return { width: dimension, height: dimension };
+}
+function getInitialFontClass(size) {
+  return typeof size === "number" ? INITIAL_FONT_SIZE_CLASS.md : INITIAL_FONT_SIZE_CLASS[size];
+}
+function getShapeClasses(shape, size) {
+  const squareRadius = typeof size === "number" ? SQUARE_RADIUS_CLASS.md : SQUARE_RADIUS_CLASS[size];
+  return cn("flex shrink-0 items-center justify-center overflow-hidden", shape === "circle" ? "rounded-full" : squareRadius);
+}
+function getInitials(alt) {
+  const words = alt.trim().split(/\s+/).filter(Boolean);
+  if (words.length === 0) return "";
+  const first = words[0].charAt(0);
+  const last = words.length > 1 ? words[words.length - 1].charAt(0) : "";
+  return (first + last).toLocaleUpperCase("tr");
+}
+
+export {
+  getSizeStyle,
+  getInitialFontClass,
+  getShapeClasses,
+  getInitials
+};
+//# sourceMappingURL=chunk-XUKVQO6M.js.map

package/dist/chunk-XUKVQO6M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/avatar/utils.ts"],"sourcesContent":["import type React from \"react\";\nimport { cn, type Size } from \"@mari-ui/core\";\nimport type { AvatarShape, AvatarSize } from \"./types\";\n\n/**\n * Preset boyutlar `rem` — 4K/yüksek-DPI ekranlarda `px` kök font'la\n * ölçeklenmediği için küçük kalıyordu. Değerler `@mari-ui/core` componentSize\n * yükseklikleriyle hizalı (h-6/h-8/h-10 = 1.5/2/2.5rem). `size` bir sayı\n * olarak verilirse (açık kaçış) `px` kabul edilir — çağıranın kararı.\n */\nconst SIZE_REM: Record<Size, string> = { sm: \"1.5rem\", md: \"2rem\", lg: \"2.5rem\" };\n\n/**\n * Baş harf font-size'ı ve kare köşe yarıçapı kutuyla orantılı büyür. Faz 15'ten\n * beri baş harf İKİ harf (\"AY\") olabildiği için ant'ın tek-harf ölçeği\n * (14/18/24px) yerine kutunun ~%40'ı kullanılır: 24→10, 32→14, 40→16px.\n * Sayısal (özel px) boyutlarda `md`'nin değerlerine düşülür.\n */\nconst INITIAL_FONT_SIZE_CLASS: Record<Size, string> = { sm: \"text-[0.625rem]\", md: \"text-sm\", lg: \"text-base\" };\nconst SQUARE_RADIUS_CLASS: Record<Size, string> = { sm: \"rounded-sm\", md: \"rounded-md\", lg: \"rounded-lg\" };\n\nexport function getSizeStyle(size: AvatarSize): React.CSSProperties {\n  const dimension = typeof size === \"number\" ? size : SIZE_REM[size];\n  return { width: dimension, height: dimension };\n}\n\nexport function getInitialFontClass(size: AvatarSize): string {\n  return typeof size === \"number\" ? INITIAL_FONT_SIZE_CLASS.md : INITIAL_FONT_SIZE_CLASS[size];\n}\n\n/** Sadece geometri (şekil + radius) — iskelet ve \"+N\" avatarı da bunu kullanır. */\nexport function getShapeClasses(shape: AvatarShape, size: AvatarSize): string {\n  const squareRadius = typeof size === \"number\" ? SQUARE_RADIUS_CLASS.md : SQUARE_RADIUS_CLASS[size];\n  return cn(\"flex shrink-0 items-center justify-center overflow-hidden\", shape === \"circle\" ? \"rounded-full\" : squareRadius);\n}\n\n/**\n * Faz 15: ilk + son kelimenin baş harfi (\"Aykut Yılmaz\" → \"AY\"); tek kelimede\n * tek harf. Büyük harf Türkçe kurallarıyla (\"ilker\" → \"İ\", \"I\" değil).\n */\nexport function getInitials(alt: string): string {\n  const words = alt.trim().split(/\\s+/).filter(Boolean);\n  if (words.length === 0) return \"\";\n  const first = words[0]!.charAt(0);\n  const last = words.length > 1 ? words[words.length - 1]!.charAt(0) : \"\";\n  return (first + last).toLocaleUpperCase(\"tr\");\n}\n"],"mappings":";AACA,SAAS,UAAqB;AAS9B,IAAM,WAAiC,EAAE,IAAI,UAAU,IAAI,QAAQ,IAAI,SAAS;AAQhF,IAAM,0BAAgD,EAAE,IAAI,mBAAmB,IAAI,WAAW,IAAI,YAAY;AAC9G,IAAM,sBAA4C,EAAE,IAAI,cAAc,IAAI,cAAc,IAAI,aAAa;AAElG,SAAS,aAAa,MAAuC;AAClE,QAAM,YAAY,OAAO,SAAS,WAAW,OAAO,SAAS,IAAI;AACjE,SAAO,EAAE,OAAO,WAAW,QAAQ,UAAU;AAC/C;AAEO,SAAS,oBAAoB,MAA0B;AAC5D,SAAO,OAAO,SAAS,WAAW,wBAAwB,KAAK,wBAAwB,IAAI;AAC7F;AAGO,SAAS,gBAAgB,OAAoB,MAA0B;AAC5E,QAAM,eAAe,OAAO,SAAS,WAAW,oBAAoB,KAAK,oBAAoB,IAAI;AACjG,SAAO,GAAG,6DAA6D,UAAU,WAAW,iBAAiB,YAAY;AAC3H;AAMO,SAAS,YAAY,KAAqB;AAC/C,QAAM,QAAQ,IAAI,KAAK,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO;AACpD,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,QAAM,QAAQ,MAAM,CAAC,EAAG,OAAO,CAAC;AAChC,QAAM,OAAO,MAAM,SAAS,IAAI,MAAM,MAAM,SAAS,CAAC,EAAG,OAAO,CAAC,IAAI;AACrE,UAAQ,QAAQ,MAAM,kBAAkB,IAAI;AAC9C;","names":[]}