@mari-ui/components 0.0.0-stage → 0.1.1

package/dist/card.js

@@ -0,0 +1,148 @@
+import {
+  Skeleton,
+  SkeletonBlock
+} from "./chunk-NPM7IDYV.js";
+import "./chunk-XUKVQO6M.js";
+import {
+  SkeletonSlot
+} from "./chunk-DKENCYHA.js";
+import {
+  skeletonFill
+} from "./chunk-54HHEXXD.js";
+
+// src/card/Card.tsx
+import { forwardRef } from "react";
+import { cn as cn2 } from "@mari-ui/core";
+
+// src/card/utils.ts
+import { cn } from "@mari-ui/core";
+var BODY_PADDING = { sm: "p-3", md: "p-6", lg: "p-8" };
+var HEADER = {
+  sm: "min-h-[2.375rem] px-3 text-sm",
+  md: "min-h-14 px-6 text-base",
+  lg: "min-h-16 px-8 text-lg"
+};
+var FOOTER_PADDING = { sm: "px-3 py-2", md: "px-6 py-4", lg: "px-8 py-5" };
+var ACTION_PADDING = { sm: "py-1.5", md: "py-3", lg: "py-3.5" };
+var RADIUS = { sm: "rounded-lg", md: "rounded-xl", lg: "rounded-xl" };
+function getBaseClassname({ bordered = true, hoverable, interactive, size = "md", inset, className }) {
+  return cn(
+    "relative flex min-w-0 flex-col text-left text-mari-foreground",
+    RADIUS[size],
+    inset ? "bg-mari-surface-alt" : "bg-mari-surface",
+    (bordered || inset) && "border border-mari-border",
+    // Eskiden `hoverable` gölgeyi HER ZAMAN veriyordu (`hover:` öneki yoktu).
+    hoverable && "transition-[box-shadow,translate,border-color] duration-200 hover:shadow-mari-md motion-safe:hover:-translate-y-0.5",
+    interactive && "cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mari-ring",
+    className
+  );
+}
+var cardPadding = {
+  body: (size = "md") => BODY_PADDING[size],
+  header: (size = "md") => HEADER[size],
+  footer: (size = "md") => FOOTER_PADDING[size],
+  action: (size = "md") => ACTION_PADDING[size]
+};
+
+// src/card/Card.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Card = forwardRef(
+  ({
+    children,
+    title,
+    extra,
+    cover,
+    footer,
+    actions,
+    bordered = true,
+    hoverable,
+    skeleton = false,
+    size = "md",
+    inset,
+    href,
+    target,
+    className,
+    classNames,
+    onClick
+  }, ref) => {
+    const isLink = !skeleton && Boolean(href);
+    const isButton = !skeleton && !isLink && Boolean(onClick);
+    const base = getBaseClassname({
+      bordered,
+      hoverable: !skeleton && (hoverable ?? isLink),
+      interactive: isLink || isButton,
+      size,
+      inset,
+      className
+    });
+    const handleKeyDown = (event) => {
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        onClick?.();
+      }
+    };
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      cover && // Üst köşeleri karttan miras al — görsel yuvarlak kenardan taşmasın.
+      // İskelette kapak kendi kutusunu (en-boy oranı) korur, içi parıltı olur.
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn2(
+            "overflow-hidden rounded-t-[inherit] [&_img]:block [&_img]:w-full [&_img]:object-cover",
+            skeleton && skeletonFill(true),
+            classNames?.cover
+          ),
+          "aria-hidden": skeleton || void 0,
+          children: skeleton ? /* @__PURE__ */ jsx("div", { className: "invisible", children: cover }) : cover
+        }
+      ),
+      (title || extra) && /* @__PURE__ */ jsxs("div", { className: cn2("flex items-center gap-3 border-b border-mari-border", cardPadding.header(size), classNames?.header), children: [
+        title && /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 truncate font-heading font-semibold", children: /* @__PURE__ */ jsx(SkeletonSlot, { on: skeleton, className: "items-center", placeholder: /* @__PURE__ */ jsx(SkeletonBlock, { active: true, width: "40%", height: "1rem", radius: "sm" }), children: title }) }),
+        extra && /* @__PURE__ */ jsx("div", { className: "ml-auto flex shrink-0 items-center text-sm", children: /* @__PURE__ */ jsx(SkeletonSlot, { on: skeleton, flow: "flex", className: "items-center justify-items-end", placeholder: /* @__PURE__ */ jsx(SkeletonBlock, { active: true, width: "3rem", height: "0.75rem", radius: "sm" }), children: extra }) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: cn2("flex-1", cardPadding.body(size), classNames?.body), children: /* @__PURE__ */ jsx(SkeletonSlot, { on: skeleton, placeholder: /* @__PURE__ */ jsx(Skeleton, { active: true, title: false, paragraph: { rows: 3 } }), children }) }),
+      footer && /* @__PURE__ */ jsx("div", { className: cn2("border-t border-mari-border", cardPadding.footer(size), classNames?.footer), children: /* @__PURE__ */ jsx(SkeletonSlot, { on: skeleton, className: "items-center", placeholder: /* @__PURE__ */ jsx(SkeletonBlock, { active: true, width: "45%", height: "0.75rem", radius: "sm" }), children: footer }) }),
+      actions && actions.length > 0 && /* @__PURE__ */ jsx("ul", { className: cn2("flex divide-x divide-mari-border border-t border-mari-border", classNames?.actions), children: actions.map((action, i) => /* @__PURE__ */ jsx("li", { className: cn2("flex min-w-0 flex-1 items-center justify-center", cardPadding.action(size)), children: /* @__PURE__ */ jsx(SkeletonSlot, { on: skeleton, flow: "flex", className: "place-items-center", placeholder: /* @__PURE__ */ jsx(SkeletonBlock, { active: true, width: "2.5rem", height: "0.75rem", radius: "full" }), children: action }) }, i)) })
+    ] });
+    if (isLink) {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          ref,
+          href,
+          target,
+          rel: target === "_blank" ? "noopener noreferrer" : void 0,
+          className: cn2(base, "no-underline"),
+          children: content
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: base,
+        onClick,
+        onKeyDown: isButton ? handleKeyDown : void 0,
+        role: isButton ? "button" : void 0,
+        tabIndex: isButton ? 0 : void 0,
+        children: content
+      }
+    );
+  }
+);
+Card.displayName = "Card";
+function CardMeta({ avatar, title, description, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn2("flex min-w-0 gap-4", className), children: [
+    avatar && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: avatar }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      title && /* @__PURE__ */ jsx("div", { className: "truncate text-base font-semibold text-mari-foreground", children: title }),
+      description && /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm text-mari-muted", children: description })
+    ] })
+  ] });
+}
+export {
+  Card,
+  CardMeta
+};
+//# sourceMappingURL=card.js.map

package/dist/card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/card/Card.tsx","../src/card/utils.ts"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { cn } from \"@mari-ui/core\";\nimport { Skeleton, SkeletonBlock } from \"../skeleton\";\nimport { skeletonFill } from \"../lib/skeleton\";\nimport { SkeletonSlot } from \"../lib/SkeletonSlot\";\nimport type { CardMetaProps, CardProps } from \"./types\";\nimport { cardPadding, getBaseClassname } from \"./utils\";\n\nexport type { CardProps, CardMetaProps };\n\n/**\n * Faz 13.6 — yapı ant.design Card'ından, görünüm kendi token'larımızdan.\n * Eski sürümdeki sorunlar:\n * - `hoverable` gölgeyi her zaman veriyordu (üzerine gelince değil).\n * - Kapak kartın yuvarlak köşelerinden taşıyor, altına keyfi `mb-4` boşluk\n *   ekleniyordu. Artık kenardan kenara, üst köşeler karttan miras.\n * - Başlık uzun olunca `extra`'yı itiyordu; artık başlık kesilir (`truncate`).\n * - Gövde `flex-1` değildi — ızgarada eşit yükseklikli kartların alt\n *   kısımları (footer/actions) hizalanmıyordu.\n * - `lg` `md` ile aynıydı; yükleme iskeleti iki gri çizgiden ibaretti.\n * Yeni: `actions`, `href` (link kart), `CardMeta`.\n *\n * Hook yok — sunucu bileşeni olarak render edilebilir.\n */\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      children,\n      title,\n      extra,\n      cover,\n      footer,\n      actions,\n      bordered = true,\n      hoverable,\n      skeleton = false,\n      size = \"md\",\n      inset,\n      href,\n      target,\n      className,\n      classNames,\n      onClick,\n    },\n    ref\n  ) => {\n    // İskeletteyken kart gezinmez/tıklanmaz: henüz var olmayan bir kaydın\n    // sayfasına gitmek ya da onClick'i veri yokken çağırmak yanlış.\n    const isLink = !skeleton && Boolean(href);\n    const isButton = !skeleton && !isLink && Boolean(onClick);\n    const base = getBaseClassname({\n      bordered,\n      hoverable: !skeleton && (hoverable ?? isLink),\n      interactive: isLink || isButton,\n      size,\n      inset,\n      className,\n    });\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n        onClick?.();\n      }\n    };\n\n    const content = (\n      <>\n        {cover && (\n          // Üst köşeleri karttan miras al — görsel yuvarlak kenardan taşmasın.\n          // İskelette kapak kendi kutusunu (en-boy oranı) korur, içi parıltı olur.\n          <div\n            className={cn(\n              \"overflow-hidden rounded-t-[inherit] [&_img]:block [&_img]:w-full [&_img]:object-cover\",\n              skeleton && skeletonFill(true),\n              classNames?.cover\n            )}\n            aria-hidden={skeleton || undefined}\n          >\n            {skeleton ? <div className=\"invisible\">{cover}</div> : cover}\n          </div>\n        )}\n\n        {(title || extra) && (\n          <div className={cn(\"flex items-center gap-3 border-b border-mari-border\", cardPadding.header(size), classNames?.header)}>\n            {title && (\n              <div className=\"min-w-0 flex-1 truncate font-heading font-semibold\">\n                <SkeletonSlot on={skeleton} className=\"items-center\" placeholder={<SkeletonBlock active width=\"40%\" height=\"1rem\" radius=\"sm\" />}>\n                  {title}\n                </SkeletonSlot>\n              </div>\n            )}\n            {extra && (\n              <div className=\"ml-auto flex shrink-0 items-center text-sm\">\n                <SkeletonSlot on={skeleton} flow=\"flex\" className=\"items-center justify-items-end\" placeholder={<SkeletonBlock active width=\"3rem\" height=\"0.75rem\" radius=\"sm\" />}>\n                  {extra}\n                </SkeletonSlot>\n              </div>\n            )}\n          </div>\n        )}\n\n        <div className={cn(\"flex-1\", cardPadding.body(size), classNames?.body)}>\n          <SkeletonSlot on={skeleton} placeholder={<Skeleton active title={false} paragraph={{ rows: 3 }} />}>\n            {children}\n          </SkeletonSlot>\n        </div>\n\n        {footer && (\n          <div className={cn(\"border-t border-mari-border\", cardPadding.footer(size), classNames?.footer)}>\n            <SkeletonSlot on={skeleton} className=\"items-center\" placeholder={<SkeletonBlock active width=\"45%\" height=\"0.75rem\" radius=\"sm\" />}>\n              {footer}\n            </SkeletonSlot>\n          </div>\n        )}\n\n        {actions && actions.length > 0 && (\n          <ul className={cn(\"flex divide-x divide-mari-border border-t border-mari-border\", classNames?.actions)}>\n            {actions.map((action, i) => (\n              <li key={i} className={cn(\"flex min-w-0 flex-1 items-center justify-center\", cardPadding.action(size))}>\n                <SkeletonSlot on={skeleton} flow=\"flex\" className=\"place-items-center\" placeholder={<SkeletonBlock active width=\"2.5rem\" height=\"0.75rem\" radius=\"full\" />}>\n                  {action}\n                </SkeletonSlot>\n              </li>\n            ))}\n          </ul>\n        )}\n      </>\n    );\n\n    if (isLink) {\n      return (\n        <a\n          ref={ref as React.Ref<HTMLAnchorElement>}\n          href={href}\n          target={target}\n          rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n          className={cn(base, \"no-underline\")}\n        >\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={base}\n        onClick={onClick}\n        onKeyDown={isButton ? handleKeyDown : undefined}\n        role={isButton ? \"button\" : undefined}\n        tabIndex={isButton ? 0 : undefined}\n      >\n        {content}\n      </div>\n    );\n  }\n);\n\nCard.displayName = \"Card\";\n\n/** ant.design `Card.Meta`: avatar + başlık + açıklama. */\nexport function CardMeta({ avatar, title, description, className }: Readonly<CardMetaProps>) {\n  return (\n    <div className={cn(\"flex min-w-0 gap-4\", className)}>\n      {avatar && <div className=\"shrink-0\">{avatar}</div>}\n      <div className=\"min-w-0 flex-1\">\n        {title && <div className=\"truncate text-base font-semibold text-mari-foreground\">{title}</div>}\n        {description && <div className=\"mt-1 text-sm text-mari-muted\">{description}</div>}\n      </div>\n    </div>\n  );\n}\n","import { cn, type Size } from \"@mari-ui/core\";\n\n/**\n * Yapı ant.design Card'ından (başlık: min-height + yatay dolgu, 16px/600;\n * small: 38px başlık + 12px dolgu; default: 56px + 24px), görünüm kendi\n * token'larımızdan. Eskiden `lg` `md` ile birebir aynıydı — artık 32px.\n */\nconst BODY_PADDING: Record<Size, string> = { sm: \"p-3\", md: \"p-6\", lg: \"p-8\" };\nconst HEADER: Record<Size, string> = {\n  sm: \"min-h-[2.375rem] px-3 text-sm\",\n  md: \"min-h-14 px-6 text-base\",\n  lg: \"min-h-16 px-8 text-lg\",\n};\nconst FOOTER_PADDING: Record<Size, string> = { sm: \"px-3 py-2\", md: \"px-6 py-4\", lg: \"px-8 py-5\" };\nconst ACTION_PADDING: Record<Size, string> = { sm: \"py-1.5\", md: \"py-3\", lg: \"py-3.5\" };\nconst RADIUS: Record<Size, string> = { sm: \"rounded-lg\", md: \"rounded-xl\", lg: \"rounded-xl\" };\n\nexport interface CardBaseClassOptions {\n  bordered?: boolean;\n  hoverable?: boolean;\n  interactive?: boolean;\n  size?: Size;\n  inset?: boolean;\n  className?: string;\n}\n\nexport function getBaseClassname({ bordered = true, hoverable, interactive, size = \"md\", inset, className }: CardBaseClassOptions): string {\n  return cn(\n    \"relative flex min-w-0 flex-col text-left text-mari-foreground\",\n    RADIUS[size],\n    inset ? \"bg-mari-surface-alt\" : \"bg-mari-surface\",\n    (bordered || inset) && \"border border-mari-border\",\n    // Eskiden `hoverable` gölgeyi HER ZAMAN veriyordu (`hover:` öneki yoktu).\n    hoverable &&\n      \"transition-[box-shadow,translate,border-color] duration-200 hover:shadow-mari-md motion-safe:hover:-translate-y-0.5\",\n    interactive && \"cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mari-ring\",\n    className\n  );\n}\n\nexport const cardPadding = {\n  body: (size: Size = \"md\") => BODY_PADDING[size],\n  header: (size: Size = \"md\") => HEADER[size],\n  footer: (size: Size = \"md\") => FOOTER_PADDING[size],\n  action: (size: Size = \"md\") => ACTION_PADDING[size],\n};\n"],"mappings":"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","names":["cn","cn"]}

package/dist/carousel.d.ts

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

package/dist/carousel.js

@@ -0,0 +1,383 @@
+"use client";
+
+import {
+  SkeletonSlot
+} from "./chunk-DKENCYHA.js";
+import {
+  touchTargetSquareClass
+} from "./chunk-FFXRFQSU.js";
+import {
+  bgSolidClass
+} from "./chunk-IP2J3BWY.js";
+import {
+  skeletonFill
+} from "./chunk-54HHEXXD.js";
+
+// src/carousel/Carousel.tsx
+import React, { isValidElement, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import Autoplay from "embla-carousel-autoplay";
+import useEmblaCarousel from "embla-carousel-react";
+import { ChevronLeftIcon, ChevronRightIcon, PauseIcon, PlayIcon } from "lucide-react";
+import { cn as cn2 } from "@mari-ui/core";
+
+// src/carousel/utils.ts
+import { cn } from "@mari-ui/core";
+function getDotClass(active, color) {
+  return cn(
+    "pointer-events-auto h-1 rounded-full transition-all",
+    active ? cn(bgSolidClass[color], "w-6") : "w-4 bg-mari-border hover:bg-mari-muted"
+  );
+}
+
+// src/carousel/Carousel.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var useResponsiveSlides = (baseShow, baseScroll, responsive) => {
+  const [state, setState] = useState({
+    slidesToShow: Math.max(1, baseShow),
+    slidesToScroll: Math.max(1, baseScroll || baseShow)
+  });
+  useEffect(() => {
+    if (!responsive?.length) {
+      setState({ slidesToShow: Math.max(1, baseShow), slidesToScroll: Math.max(1, baseScroll || baseShow) });
+      return;
+    }
+    const onResize = () => {
+      const width = window.innerWidth;
+      const sorted = [...responsive].sort((a, b) => a.breakpoint - b.breakpoint);
+      let appliedShow = baseShow;
+      let appliedScroll = baseScroll || baseShow;
+      for (const r of sorted) {
+        if (width <= r.breakpoint) {
+          appliedShow = r.slidesToShow;
+          appliedScroll = r.slidesToScroll ?? r.slidesToShow;
+          break;
+        }
+      }
+      setState({ slidesToShow: Math.max(1, appliedShow), slidesToScroll: Math.max(1, appliedScroll) });
+    };
+    onResize();
+    window.addEventListener("resize", onResize);
+    return () => window.removeEventListener("resize", onResize);
+  }, [baseShow, baseScroll, responsive]);
+  return state;
+};
+function usePrefersReducedMotion() {
+  const [reduced, setReduced] = useState(false);
+  useEffect(() => {
+    const mq = window.matchMedia?.("(prefers-reduced-motion: reduce)");
+    if (!mq) return;
+    setReduced(mq.matches);
+    const onChange = (e) => setReduced(e.matches);
+    mq.addEventListener?.("change", onChange);
+    return () => mq.removeEventListener?.("change", onChange);
+  }, []);
+  return reduced;
+}
+function CarouselArrows({
+  placement,
+  visibility,
+  hidden,
+  canPrev,
+  canNext,
+  onPrev,
+  onNext
+}) {
+  const sides = placement === "sides";
+  const base = cn2(
+    "relative text-mari-foreground drop-shadow-sm transition-colors hover:text-mari-primary disabled:opacity-40 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mari-ring",
+    sides ? touchTargetSquareClass.md : touchTargetSquareClass.sm,
+    visibility === "hover" && "opacity-0 transition-opacity duration-200 group-hover:opacity-100 focus-visible:opacity-100",
+    // İskelette yer kaplamaya devam eder ama görünmez ve tab sırasından çıkar.
+    hidden && "invisible"
+  );
+  const iconClass = sides ? "h-7 w-7" : "h-6 w-6";
+  const prev = /* @__PURE__ */ jsx("button", { type: "button", onClick: onPrev, disabled: !canPrev, "aria-label": "\xD6nceki slayt", className: cn2(base, "p-1", sides && "absolute top-1/2 left-4 -translate-y-1/2"), children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: iconClass, "aria-hidden": true }) });
+  const next = /* @__PURE__ */ jsx("button", { type: "button", onClick: onNext, disabled: !canNext, "aria-label": "Sonraki slayt", className: cn2(base, "p-1", sides && "absolute top-1/2 right-4 -translate-y-1/2"), children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: iconClass, "aria-hidden": true }) });
+  if (sides) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      prev,
+      next
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn2("absolute z-10 flex gap-1", {
+        "top-4 left-4": placement === "top-left",
+        "top-4 right-4": placement === "top-right",
+        "bottom-4 left-4": placement === "bottom-left",
+        "bottom-4 right-4": placement === "bottom-right"
+      }),
+      children: [
+        prev,
+        next
+      ]
+    }
+  );
+}
+var DOT_WRAPPER_POS = {
+  top: "top-2 left-1/2 -translate-x-1/2",
+  left: "left-2 top-1/2 -translate-y-1/2",
+  right: "right-2 top-1/2 -translate-y-1/2",
+  bottom: "bottom-2 left-1/2 -translate-x-1/2"
+};
+var Carousel = ({
+  children,
+  className,
+  containerClassName,
+  itemClassName,
+  viewportClassName,
+  color = "neutral",
+  label = "Slayt g\xF6sterisi",
+  skeleton = false,
+  loop = true,
+  draggable = true,
+  speed = 20,
+  slidesToShow: baseSlidesToShow = 1,
+  slidesToScroll: baseSlidesToScroll,
+  align = "start",
+  containScroll = "trimSnaps",
+  autoplay = false,
+  autoplayDelay = 3e3,
+  autoplayStopOnInteraction = true,
+  arrows = true,
+  arrowsVisibility = "always",
+  arrowsPlacement = "sides",
+  dots = true,
+  dotPosition = "bottom",
+  dotsPlacement = "overlay",
+  controlsRef,
+  responsive,
+  beforeChange,
+  afterChange,
+  onStateChange
+}) => {
+  const items = React.Children.toArray(children);
+  const count = items.length;
+  const { slidesToShow, slidesToScroll } = useResponsiveSlides(baseSlidesToShow, baseSlidesToScroll ?? baseSlidesToShow, responsive);
+  const reducedMotion = usePrefersReducedMotion();
+  const emblaOptions = useMemo(
+    () => ({
+      loop,
+      align,
+      containScroll,
+      slidesToScroll,
+      duration: speed,
+      // Eskiden `draggable` Embla'ya aynen geçiliyordu — v8'de böyle bir
+      // seçenek yok, `watchDrag` sabit `true`du: `draggable={false}` sürüklemeyi
+      // KAPATMIYORDU (tarayıcıda doğrulandı). İskelette de sürükleme kapalı.
+      watchDrag: draggable && !skeleton,
+      // Varsayılan 0: kenarı görünür alana DEĞEN (0px görünen) komşu slayt da
+      // "görünür" sayılıyor ve Tab'la odaklanabiliyordu (ölçüldü). Yarısından
+      // fazlası görünen slayt görünür sayılır.
+      inViewThreshold: 0.5
+    }),
+    [loop, align, draggable, skeleton, containScroll, slidesToScroll, speed]
+  );
+  const plugins = useMemo(
+    () => autoplay && !skeleton ? [
+      Autoplay({
+        delay: autoplayDelay,
+        stopOnInteraction: autoplayStopOnInteraction,
+        stopOnMouseEnter: true,
+        stopOnFocusIn: true,
+        playOnInit: !reducedMotion,
+        rootNode: (emblaRoot) => emblaRoot.parentElement
+      })
+    ] : [],
+    [autoplay, skeleton, autoplayDelay, autoplayStopOnInteraction, reducedMotion]
+  );
+  const [emblaRef, emblaApi] = useEmblaCarousel(emblaOptions, plugins);
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const [scrollSnaps, setScrollSnaps] = useState([]);
+  const [canScrollPrev, setCanScrollPrev] = useState(false);
+  const [canScrollNext, setCanScrollNext] = useState(false);
+  const [playing, setPlaying] = useState(false);
+  const scrollPrev = useCallback(() => emblaApi?.scrollPrev(), [emblaApi]);
+  const scrollNext = useCallback(() => emblaApi?.scrollNext(), [emblaApi]);
+  const scrollTo = useCallback((index) => emblaApi?.scrollTo(index), [emblaApi]);
+  const togglePlay = useCallback(() => {
+    const ap = emblaApi?.plugins().autoplay;
+    if (!ap) return;
+    if (ap.isPlaying()) ap.stop();
+    else ap.play();
+  }, [emblaApi]);
+  const callbacksRef = useRef({ beforeChange, afterChange });
+  useEffect(() => {
+    callbacksRef.current = { beforeChange, afterChange };
+  });
+  useEffect(() => {
+    if (!emblaApi) return;
+    let prevIndex = emblaApi.selectedScrollSnap();
+    let settledIndex = prevIndex;
+    const sync = () => {
+      setScrollSnaps(emblaApi.scrollSnapList());
+      setSelectedIndex(emblaApi.selectedScrollSnap());
+      setCanScrollPrev(emblaApi.canScrollPrev());
+      setCanScrollNext(emblaApi.canScrollNext());
+    };
+    const onSelect = () => {
+      const next = emblaApi.selectedScrollSnap();
+      if (next !== prevIndex) callbacksRef.current.beforeChange?.(prevIndex, next);
+      prevIndex = next;
+      sync();
+    };
+    const onSettle = () => {
+      const idx = emblaApi.selectedScrollSnap();
+      if (idx === settledIndex) return;
+      settledIndex = idx;
+      callbacksRef.current.afterChange?.(idx);
+    };
+    const onInView = () => {
+      const inView = new Set(emblaApi.slidesInView());
+      if (inView.size === 0) return;
+      emblaApi.slideNodes().forEach((node, i) => {
+        const hidden = !inView.has(i);
+        node.toggleAttribute("inert", hidden);
+        if (hidden) node.setAttribute("aria-hidden", "true");
+        else node.removeAttribute("aria-hidden");
+      });
+    };
+    const onPlay = () => setPlaying(true);
+    const onStop = () => setPlaying(false);
+    sync();
+    onInView();
+    setPlaying(Boolean(emblaApi.plugins().autoplay?.isPlaying()));
+    emblaApi.on("select", onSelect).on("reInit", sync).on("settle", onSettle).on("slidesInView", onInView).on("autoplay:play", onPlay).on("autoplay:stop", onStop);
+    return () => {
+      emblaApi.off("select", onSelect).off("reInit", sync).off("settle", onSettle).off("slidesInView", onInView).off("autoplay:play", onPlay).off("autoplay:stop", onStop);
+    };
+  }, [emblaApi]);
+  useEffect(() => {
+    const state = { selectedIndex, scrollSnaps, canScrollPrev, canScrollNext, scrollPrev, scrollNext, scrollTo };
+    if (controlsRef) controlsRef.current = state;
+    onStateChange?.(state);
+  }, [controlsRef, onStateChange, selectedIndex, scrollSnaps, canScrollPrev, canScrollNext, scrollPrev, scrollNext, scrollTo]);
+  const rootRef = useRef(null);
+  useEffect(() => {
+    const root = rootRef.current;
+    if (!root) return;
+    const onKeyDown = (event) => {
+      const target = event.target;
+      if (target.closest("input, textarea, select, [contenteditable='true']")) return;
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
+      }
+    };
+    root.addEventListener("keydown", onKeyDown);
+    return () => root.removeEventListener("keydown", onKeyDown);
+  }, [scrollPrev, scrollNext]);
+  const showArrows = arrows && count > slidesToShow;
+  const showDots = dots && scrollSnaps.length > 1;
+  const showPlayToggle = autoplay && !skeleton;
+  const verticalDots = dotsPlacement === "overlay" && (dotPosition === "left" || dotPosition === "right");
+  const playToggle = showPlayToggle && /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: togglePlay,
+      "aria-label": playing ? "Otomatik oynatmay\u0131 durdur" : "Otomatik oynatmay\u0131 ba\u015Flat",
+      className: cn2(
+        "pointer-events-auto relative text-mari-foreground drop-shadow-sm transition-colors hover:text-mari-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mari-ring",
+        touchTargetSquareClass.xs
+      ),
+      children: playing ? /* @__PURE__ */ jsx(PauseIcon, { className: "h-4 w-4", "aria-hidden": true }) : /* @__PURE__ */ jsx(PlayIcon, { className: "h-4 w-4", "aria-hidden": true })
+    }
+  );
+  const dotsContent = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-hidden": skeleton || void 0,
+      className: cn2(
+        "flex items-center gap-2",
+        dotsPlacement === "overlay" && "pointer-events-none absolute z-10",
+        dotsPlacement === "overlay" && (verticalDots ? "flex-col" : "flex-row"),
+        dotsPlacement === "overlay" && DOT_WRAPPER_POS[dotPosition],
+        dotsPlacement === "outside" && "mt-3 flex-row justify-center",
+        typeof dots === "object" ? dots.className : void 0
+      ),
+      children: [
+        !verticalDots && playToggle,
+        scrollSnaps.map(
+          (_, idx) => skeleton ? /* @__PURE__ */ jsx("span", { className: cn2("h-1 w-4 rounded-full", skeletonFill(true)) }, `snap-${idx}`) : /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => scrollTo(idx),
+              "aria-label": `${idx + 1}. slayta git`,
+              "aria-current": selectedIndex === idx ? "true" : void 0,
+              className: cn2(
+                getDotClass(selectedIndex === idx, color),
+                // 4px'lik çubuk: dokunmatikte 24×24 görünmez hedef (WCAG 2.5.8),
+                // 8px aralıkla komşuya taşmaz.
+                "relative pointer-coarse:before:absolute pointer-coarse:before:-inset-x-1 pointer-coarse:before:-inset-y-2.5",
+                dotsPlacement === "overlay" && "pointer-events-auto"
+              )
+            },
+            `snap-${idx}`
+          )
+        )
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className,
+      "aria-roledescription": "carousel",
+      "aria-label": label,
+      "aria-busy": skeleton || void 0,
+      ref: rootRef,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "group relative w-full", children: [
+          /* @__PURE__ */ jsx("div", { className: cn2("overflow-hidden", viewportClassName), ref: emblaRef, children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn2("flex w-full will-change-transform select-none", containerClassName),
+              style: { "--slide-basis": `calc(100% / ${slidesToShow})` },
+              "aria-live": playing ? "off" : "polite",
+              children: items.map((child, i) => {
+                const key = isValidElement(child) && child.key != null ? child.key : `slide-${i}`;
+                return /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    role: "group",
+                    "aria-roledescription": "slayt",
+                    "aria-label": `${i + 1} / ${count}`,
+                    className: cn2("embla__slide shrink-0", itemClassName),
+                    style: { flex: "0 0 var(--slide-basis)" },
+                    children: /* @__PURE__ */ jsx(SkeletonSlot, { on: skeleton, placeholder: /* @__PURE__ */ jsx("div", { className: cn2("size-full rounded-lg", skeletonFill(true)) }), children: child })
+                  },
+                  key
+                );
+              })
+            }
+          ) }),
+          showArrows && /* @__PURE__ */ jsx(
+            CarouselArrows,
+            {
+              placement: arrowsPlacement,
+              visibility: arrowsVisibility,
+              hidden: skeleton,
+              canPrev: canScrollPrev,
+              canNext: canScrollNext,
+              onPrev: scrollPrev,
+              onNext: scrollNext
+            }
+          ),
+          showDots && dotsPlacement === "overlay" && dotsContent,
+          (verticalDots || !showDots) && playToggle && /* @__PURE__ */ jsx("div", { className: "absolute right-3 bottom-3 z-10", children: playToggle })
+        ] }),
+        showDots && dotsPlacement === "outside" && dotsContent
+      ]
+    }
+  );
+};
+export {
+  Carousel
+};
+//# sourceMappingURL=carousel.js.map

package/dist/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/carousel/Carousel.tsx","../src/carousel/utils.ts"],"sourcesContent":["\"use client\";\n\nimport React, { FC, isValidElement, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport Autoplay from \"embla-carousel-autoplay\";\nimport useEmblaCarousel from \"embla-carousel-react\";\nimport { ChevronLeftIcon, ChevronRightIcon, PauseIcon, PlayIcon } from \"lucide-react\";\nimport { cn, type ColorRole } from \"@mari-ui/core\";\n\nimport { skeletonFill, type SkeletonableProps } from \"../lib/skeleton\";\nimport { SkeletonSlot } from \"../lib/SkeletonSlot\";\nimport { touchTargetSquareClass } from \"../lib/sizeClasses\";\nimport { ArrowsPlacement, CarouselControls, DotPosition, DotsPlacement, ResponsiveItem } from \"./types\";\nimport { getDotClass } from \"./utils\";\n\nexport type CarouselProps = SkeletonableProps & {\n  children: React.ReactNode[];\n  className?: string;\n  containerClassName?: string;\n  itemClassName?: string;\n  viewportClassName?: string;\n  /** Ok ve nokta göstergelerinin aktif rengi. Varsayılan: `neutral`. */\n  color?: ColorRole;\n  /**\n   * Carousel bölgesinin erişilebilir adı (ör. \"Kampanyalar\"). Sayfada birden\n   * fazla carousel varsa her birine ayırt edici bir ad verin. Varsayılan:\n   * `\"Slayt gösterisi\"`.\n   */\n  label?: string;\n\n  /** Core */\n  loop?: boolean;\n  /** Fare/dokunma ile sürükleyerek gezinme. Varsayılan: `true`. */\n  draggable?: boolean;\n  speed?: number;\n\n  /** Viewport */\n  slidesToShow?: number;\n  slidesToScroll?: number;\n  align?: \"start\" | \"center\" | \"end\";\n  containScroll?: \"trimSnaps\" | \"keepSnaps\";\n\n  /**\n   * Otomatik ilerleme. Üzerine gelince / klavye odağı içerideyken duraklar,\n   * durdur/başlat düğmesi gösterilir (WCAG 2.2.2) ve `prefers-reduced-motion`\n   * açıksa kendiliğinden başlamaz.\n   */\n  autoplay?: boolean;\n  autoplayDelay?: number;\n  /** Kullanıcı sürükler/odaklanırsa otomatik oynatma kalıcı olarak durur. Varsayılan: `true`. */\n  autoplayStopOnInteraction?: boolean;\n\n  /** UI */\n  arrows?: boolean;\n  /** Ok butonlarının görünürlüğü. `\"always\"` (varsayılan) her zaman görünür, `\"hover\"` yalnızca carousel'in üzerine gelindiğinde belirir (klavye odağında da görünür kalır). */\n  arrowsVisibility?: \"always\" | \"hover\";\n  /** Ok butonlarının yerleşimi. `\"sides\"` (varsayılan) biri solda biri sağda, dikeyde ortalanmış. Köşe değerleri (örn. `\"top-right\"`) ikisini de tek bir köşede gruplar — metin ağırlıklı slaytlarda içeriğin üzerine binmemek için. */\n  arrowsPlacement?: ArrowsPlacement;\n  dots?: boolean | { className?: string };\n  dotPosition?: DotPosition;\n  /** Nokta göstergelerinin yerleşimi. `\"overlay\"` (varsayılan) carousel'in üzerine `absolute` konumlanır. `\"outside\"` noktaları normal akışa alıp carousel'in ALTINA, içerikle çakışmadan render eder. */\n  dotsPlacement?: DotsPlacement;\n  controlsRef?: React.RefObject<CarouselControls | null>;\n\n  /** Responsive */\n  responsive?: ResponsiveItem[];\n\n  /** Callbacks */\n  /** Seçili slayt değişirken: `(önceki, yeni)`. */\n  beforeChange?: (current: number, next: number) => void;\n  /** Kaydırma animasyonu yeni slaytta durduğunda. */\n  afterChange?: (current: number) => void;\n\n  /** Dış state aynası — `CarouselControls` her değiştiğinde çağrılır. */\n  onStateChange?: (state: CarouselControls) => void;\n};\n\n/* ========== Responsive Slides Hook ========== */\nconst useResponsiveSlides = (baseShow: number, baseScroll: number, responsive?: ResponsiveItem[]) => {\n  const [state, setState] = useState({\n    slidesToShow: Math.max(1, baseShow),\n    slidesToScroll: Math.max(1, baseScroll || baseShow),\n  });\n\n  useEffect(() => {\n    if (!responsive?.length) {\n      setState({ slidesToShow: Math.max(1, baseShow), slidesToScroll: Math.max(1, baseScroll || baseShow) });\n      return;\n    }\n\n    const onResize = () => {\n      const width = window.innerWidth;\n      const sorted = [...responsive].sort((a, b) => a.breakpoint - b.breakpoint);\n\n      let appliedShow = baseShow;\n      let appliedScroll = baseScroll || baseShow;\n\n      for (const r of sorted) {\n        if (width <= r.breakpoint) {\n          appliedShow = r.slidesToShow;\n          appliedScroll = r.slidesToScroll ?? r.slidesToShow;\n          break;\n        }\n      }\n\n      setState({ slidesToShow: Math.max(1, appliedShow), slidesToScroll: Math.max(1, appliedScroll) });\n    };\n\n    onResize();\n    window.addEventListener(\"resize\", onResize);\n    return () => window.removeEventListener(\"resize\", onResize);\n  }, [baseShow, baseScroll, responsive]);\n\n  return state;\n};\n\nfunction usePrefersReducedMotion(): boolean {\n  const [reduced, setReduced] = useState(false);\n  useEffect(() => {\n    const mq = window.matchMedia?.(\"(prefers-reduced-motion: reduce)\");\n    if (!mq) return;\n    setReduced(mq.matches);\n    const onChange = (e: MediaQueryListEvent) => setReduced(e.matches);\n    mq.addEventListener?.(\"change\", onChange);\n    return () => mq.removeEventListener?.(\"change\", onChange);\n  }, []);\n  return reduced;\n}\n\n/* ========== Oklar ========== */\n\n/**\n * Oklar çıplak ikon (arka plan/daire yok, kullanıcı isteği); rastgele slayt\n * içeriği üzerinde okunabilirlik için `drop-shadow`. `hover` görünürlüğünde\n * `group-hover` ile belirir, klavye odağında (`focus-visible`) yine görünür.\n * Faz 15: dokunmatikte görünmez 44px hedef (`touchTargetSquareClass`).\n */\nfunction CarouselArrows({\n  placement,\n  visibility,\n  hidden,\n  canPrev,\n  canNext,\n  onPrev,\n  onNext,\n}: Readonly<{\n  placement: ArrowsPlacement;\n  visibility: \"always\" | \"hover\";\n  hidden: boolean;\n  canPrev: boolean;\n  canNext: boolean;\n  onPrev: () => void;\n  onNext: () => void;\n}>) {\n  const sides = placement === \"sides\";\n  const base = cn(\n    \"relative text-mari-foreground drop-shadow-sm transition-colors hover:text-mari-primary disabled:opacity-40 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mari-ring\",\n    sides ? touchTargetSquareClass.md : touchTargetSquareClass.sm,\n    visibility === \"hover\" && \"opacity-0 transition-opacity duration-200 group-hover:opacity-100 focus-visible:opacity-100\",\n    // İskelette yer kaplamaya devam eder ama görünmez ve tab sırasından çıkar.\n    hidden && \"invisible\"\n  );\n  const iconClass = sides ? \"h-7 w-7\" : \"h-6 w-6\";\n  const prev = (\n    <button type=\"button\" onClick={onPrev} disabled={!canPrev} aria-label=\"Önceki slayt\" className={cn(base, \"p-1\", sides && \"absolute top-1/2 left-4 -translate-y-1/2\")}>\n      <ChevronLeftIcon className={iconClass} aria-hidden />\n    </button>\n  );\n  const next = (\n    <button type=\"button\" onClick={onNext} disabled={!canNext} aria-label=\"Sonraki slayt\" className={cn(base, \"p-1\", sides && \"absolute top-1/2 right-4 -translate-y-1/2\")}>\n      <ChevronRightIcon className={iconClass} aria-hidden />\n    </button>\n  );\n\n  if (sides) {\n    return (\n      <>\n        {prev}\n        {next}\n      </>\n    );\n  }\n  return (\n    <div\n      className={cn(\"absolute z-10 flex gap-1\", {\n        \"top-4 left-4\": placement === \"top-left\",\n        \"top-4 right-4\": placement === \"top-right\",\n        \"bottom-4 left-4\": placement === \"bottom-left\",\n        \"bottom-4 right-4\": placement === \"bottom-right\",\n      })}\n    >\n      {prev}\n      {next}\n    </div>\n  );\n}\n\nconst DOT_WRAPPER_POS: Record<DotPosition, string> = {\n  top: \"top-2 left-1/2 -translate-x-1/2\",\n  left: \"left-2 top-1/2 -translate-y-1/2\",\n  right: \"right-2 top-1/2 -translate-y-1/2\",\n  bottom: \"bottom-2 left-1/2 -translate-x-1/2\",\n};\n\n/* ========== Carousel Component ========== */\nexport const Carousel: FC<CarouselProps> = ({\n  children,\n  className,\n  containerClassName,\n  itemClassName,\n  viewportClassName,\n  color = \"neutral\",\n  label = \"Slayt gösterisi\",\n  skeleton = false,\n\n  loop = true,\n  draggable = true,\n  speed = 20,\n\n  slidesToShow: baseSlidesToShow = 1,\n  slidesToScroll: baseSlidesToScroll,\n  align = \"start\",\n  containScroll = \"trimSnaps\",\n\n  autoplay = false,\n  autoplayDelay = 3000,\n  autoplayStopOnInteraction = true,\n\n  arrows = true,\n  arrowsVisibility = \"always\",\n  arrowsPlacement = \"sides\",\n  dots = true,\n  dotPosition = \"bottom\",\n  dotsPlacement = \"overlay\",\n  controlsRef,\n  responsive,\n  beforeChange,\n  afterChange,\n  onStateChange,\n}) => {\n  const items = React.Children.toArray(children);\n  const count = items.length;\n\n  const { slidesToShow, slidesToScroll } = useResponsiveSlides(baseSlidesToShow, baseSlidesToScroll ?? baseSlidesToShow, responsive);\n  const reducedMotion = usePrefersReducedMotion();\n\n  const emblaOptions = useMemo(\n    () => ({\n      loop,\n      align,\n      containScroll,\n      slidesToScroll,\n      duration: speed,\n      // Eskiden `draggable` Embla'ya aynen geçiliyordu — v8'de böyle bir\n      // seçenek yok, `watchDrag` sabit `true`du: `draggable={false}` sürüklemeyi\n      // KAPATMIYORDU (tarayıcıda doğrulandı). İskelette de sürükleme kapalı.\n      watchDrag: draggable && !skeleton,\n      // Varsayılan 0: kenarı görünür alana DEĞEN (0px görünen) komşu slayt da\n      // \"görünür\" sayılıyor ve Tab'la odaklanabiliyordu (ölçüldü). Yarısından\n      // fazlası görünen slayt görünür sayılır.\n      inViewThreshold: 0.5,\n    }),\n    [loop, align, draggable, skeleton, containScroll, slidesToScroll, speed]\n  );\n\n  // Seçenekler değişince eklenti yeniden kurulur (eskiden ilk render'daki\n  // `autoplayDelay` sonsuza dek kalıyordu). Üzerine gelince/odakta duraklar.\n  const plugins = useMemo(\n    () =>\n      autoplay && !skeleton\n        ? [\n            Autoplay({\n              delay: autoplayDelay,\n              stopOnInteraction: autoplayStopOnInteraction,\n              stopOnMouseEnter: true,\n              stopOnFocusIn: true,\n              playOnInit: !reducedMotion,\n              rootNode: (emblaRoot) => emblaRoot.parentElement as HTMLElement,\n            }),\n          ]\n        : [],\n    [autoplay, skeleton, autoplayDelay, autoplayStopOnInteraction, reducedMotion]\n  );\n\n  const [emblaRef, emblaApi] = useEmblaCarousel(emblaOptions, plugins);\n\n  const [selectedIndex, setSelectedIndex] = useState(0);\n  const [scrollSnaps, setScrollSnaps] = useState<number[]>([]);\n  const [canScrollPrev, setCanScrollPrev] = useState(false);\n  const [canScrollNext, setCanScrollNext] = useState(false);\n  const [playing, setPlaying] = useState(false);\n\n  const scrollPrev = useCallback(() => emblaApi?.scrollPrev(), [emblaApi]);\n  const scrollNext = useCallback(() => emblaApi?.scrollNext(), [emblaApi]);\n  const scrollTo = useCallback((index: number) => emblaApi?.scrollTo(index), [emblaApi]);\n\n  const togglePlay = useCallback(() => {\n    const ap = emblaApi?.plugins().autoplay;\n    if (!ap) return;\n    if (ap.isPlaying()) ap.stop();\n    else ap.play();\n  }, [emblaApi]);\n\n  // Geri çağırmalar ref'te: satır içi fonksiyonlar her render'da değişince\n  // Embla dinleyicileri yeniden bağlanmasın.\n  const callbacksRef = useRef({ beforeChange, afterChange });\n  useEffect(() => {\n    callbacksRef.current = { beforeChange, afterChange };\n  });\n\n  useEffect(() => {\n    if (!emblaApi) return;\n    let prevIndex = emblaApi.selectedScrollSnap();\n    let settledIndex = prevIndex;\n\n    const sync = () => {\n      setScrollSnaps(emblaApi.scrollSnapList());\n      setSelectedIndex(emblaApi.selectedScrollSnap());\n      setCanScrollPrev(emblaApi.canScrollPrev());\n      setCanScrollNext(emblaApi.canScrollNext());\n    };\n    // Eskiden `beforeChange(from, from)` HER kaydırma karesinde (`scroll`)\n    // çağrılıyordu — `next` hep `current`a eşitti.\n    const onSelect = () => {\n      const next = emblaApi.selectedScrollSnap();\n      if (next !== prevIndex) callbacksRef.current.beforeChange?.(prevIndex, next);\n      prevIndex = next;\n      sync();\n    };\n    const onSettle = () => {\n      const idx = emblaApi.selectedScrollSnap();\n      if (idx === settledIndex) return;\n      settledIndex = idx;\n      callbacksRef.current.afterChange?.(idx);\n    };\n    // Görünmeyen slaytlar klavye/ekran okuyucudan çıkar — eskiden ekran\n    // dışındaki slaytın düğmesine Tab ile gidilebiliyordu (odak görünmez\n    // yerde kayboluyordu). `inert` DOM'a doğrudan yazılır: React 18 peer'ı\n    // bu özniteliği prop olarak tanımıyor.\n    const onInView = () => {\n      const inView = new Set(emblaApi.slidesInView());\n      if (inView.size === 0) return;\n      emblaApi.slideNodes().forEach((node, i) => {\n        const hidden = !inView.has(i);\n        node.toggleAttribute(\"inert\", hidden);\n        if (hidden) node.setAttribute(\"aria-hidden\", \"true\");\n        else node.removeAttribute(\"aria-hidden\");\n      });\n    };\n    const onPlay = () => setPlaying(true);\n    const onStop = () => setPlaying(false);\n\n    sync();\n    onInView();\n    setPlaying(Boolean(emblaApi.plugins().autoplay?.isPlaying()));\n\n    emblaApi\n      .on(\"select\", onSelect)\n      .on(\"reInit\", sync)\n      .on(\"settle\", onSettle)\n      .on(\"slidesInView\", onInView)\n      .on(\"autoplay:play\", onPlay)\n      .on(\"autoplay:stop\", onStop);\n\n    // Eskiden `reInit`/`pointerDown` anonim fonksiyonla bağlanıp hiç\n    // çözülmüyordu — her effect tekrarında dinleyici birikiyordu.\n    return () => {\n      emblaApi\n        .off(\"select\", onSelect)\n        .off(\"reInit\", sync)\n        .off(\"settle\", onSettle)\n        .off(\"slidesInView\", onInView)\n        .off(\"autoplay:play\", onPlay)\n        .off(\"autoplay:stop\", onStop);\n    };\n  }, [emblaApi]);\n\n  /* State'i ref + callback ile dışarı ver */\n  useEffect(() => {\n    const state: CarouselControls = { selectedIndex, scrollSnaps, canScrollPrev, canScrollNext, scrollPrev, scrollNext, scrollTo };\n    if (controlsRef) controlsRef.current = state;\n    onStateChange?.(state);\n  }, [controlsRef, onStateChange, selectedIndex, scrollSnaps, canScrollPrev, canScrollNext, scrollPrev, scrollNext, scrollTo]);\n\n  // Ok tuşları: odak carousel'in içindeki herhangi bir öğedeyken (ok, nokta,\n  // slayt içeriği) önceki/sonraki. Olay içerideki etkileşimli öğelerden\n  // kabarcıklanır; bölgenin kendisi odaklanabilir değil.\n  const rootRef = useRef<HTMLElement>(null);\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n    const onKeyDown = (event: KeyboardEvent) => {\n      const target = event.target as HTMLElement;\n      if (target.closest(\"input, textarea, select, [contenteditable='true']\")) return;\n      if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        scrollPrev();\n      } else if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        scrollNext();\n      }\n    };\n    root.addEventListener(\"keydown\", onKeyDown);\n    return () => root.removeEventListener(\"keydown\", onKeyDown);\n  }, [scrollPrev, scrollNext]);\n\n  const showArrows = arrows && count > slidesToShow;\n  const showDots = dots && scrollSnaps.length > 1;\n  const showPlayToggle = autoplay && !skeleton;\n  const verticalDots = dotsPlacement === \"overlay\" && (dotPosition === \"left\" || dotPosition === \"right\");\n\n  const playToggle = showPlayToggle && (\n    <button\n      type=\"button\"\n      onClick={togglePlay}\n      aria-label={playing ? \"Otomatik oynatmayı durdur\" : \"Otomatik oynatmayı başlat\"}\n      className={cn(\n        \"pointer-events-auto relative text-mari-foreground drop-shadow-sm transition-colors hover:text-mari-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mari-ring\",\n        touchTargetSquareClass.xs\n      )}\n    >\n      {playing ? <PauseIcon className=\"h-4 w-4\" aria-hidden /> : <PlayIcon className=\"h-4 w-4\" aria-hidden />}\n    </button>\n  );\n\n  const dotsContent = (\n    <div\n      aria-hidden={skeleton || undefined}\n      className={cn(\n        \"flex items-center gap-2\",\n        dotsPlacement === \"overlay\" && \"pointer-events-none absolute z-10\",\n        dotsPlacement === \"overlay\" && (verticalDots ? \"flex-col\" : \"flex-row\"),\n        dotsPlacement === \"overlay\" && DOT_WRAPPER_POS[dotPosition],\n        dotsPlacement === \"outside\" && \"mt-3 flex-row justify-center\",\n        typeof dots === \"object\" ? dots.className : undefined\n      )}\n    >\n      {!verticalDots && playToggle}\n      {scrollSnaps.map((_, idx) =>\n        skeleton ? (\n          <span key={`snap-${idx}`} className={cn(\"h-1 w-4 rounded-full\", skeletonFill(true))} />\n        ) : (\n          <button\n            key={`snap-${idx}`}\n            type=\"button\"\n            onClick={() => scrollTo(idx)}\n            aria-label={`${idx + 1}. slayta git`}\n            aria-current={selectedIndex === idx ? \"true\" : undefined}\n            className={cn(\n              getDotClass(selectedIndex === idx, color),\n              // 4px'lik çubuk: dokunmatikte 24×24 görünmez hedef (WCAG 2.5.8),\n              // 8px aralıkla komşuya taşmaz.\n              \"relative pointer-coarse:before:absolute pointer-coarse:before:-inset-x-1 pointer-coarse:before:-inset-y-2.5\",\n              dotsPlacement === \"overlay\" && \"pointer-events-auto\"\n            )}\n          />\n        )\n      )}\n    </div>\n  );\n\n  return (\n    <section\n      className={className}\n      aria-roledescription=\"carousel\"\n      aria-label={label}\n      aria-busy={skeleton || undefined}\n      ref={rootRef}\n    >\n      <div className=\"group relative w-full\">\n        <div className={cn(\"overflow-hidden\", viewportClassName)} ref={emblaRef}>\n          <div\n            className={cn(\"flex w-full will-change-transform select-none\", containerClassName)}\n            style={{ \"--slide-basis\": `calc(100% / ${slidesToShow})` } as React.CSSProperties}\n            // Otomatik oynarken her geçişi duyurmak gürültü; elle gezinmede duyur (APG).\n            aria-live={playing ? \"off\" : \"polite\"}\n          >\n            {items.map((child, i) => {\n              const key = isValidElement(child) && child.key != null ? child.key : `slide-${i}`;\n              return (\n                <div\n                  key={key}\n                  role=\"group\"\n                  aria-roledescription=\"slayt\"\n                  aria-label={`${i + 1} / ${count}`}\n                  className={cn(\"embla__slide shrink-0\", itemClassName)}\n                  style={{ flex: \"0 0 var(--slide-basis)\" }}\n                >\n                  <SkeletonSlot on={skeleton} placeholder={<div className={cn(\"size-full rounded-lg\", skeletonFill(true))} />}>\n                    {child}\n                  </SkeletonSlot>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n\n        {showArrows && (\n          <CarouselArrows\n            placement={arrowsPlacement}\n            visibility={arrowsVisibility}\n            hidden={skeleton}\n            canPrev={canScrollPrev}\n            canNext={canScrollNext}\n            onPrev={scrollPrev}\n            onNext={scrollNext}\n          />\n        )}\n        {showDots && dotsPlacement === \"overlay\" && dotsContent}\n        {/* Dikey noktalarda / noktasız durumda durdur düğmesi sağ altta. */}\n        {(verticalDots || !showDots) && playToggle && <div className=\"absolute right-3 bottom-3 z-10\">{playToggle}</div>}\n      </div>\n\n      {showDots && dotsPlacement === \"outside\" && dotsContent}\n    </section>\n  );\n};\n","import { cn, type ColorRole } from \"@mari-ui/core\";\nimport { bgSolidClass } from \"../lib/colorClasses\";\n\n// Not: eskiden burada `getDotWrapperClass`/`getArrowClass` diye iki\n// fonksiyon vardı ama HİÇBİR YERDE import edilmiyorlardı — Carousel.tsx\n// kendi (neredeyse birebir aynı) mantığını inline tutuyordu. Ölü kod\n// silindi; buraya bunun yerine gerçekten kullanılan, token'a bağlı renk\n// yardımcıları eklendi.\n\n/**\n * ant.design'ın gerçek Carousel'i (`getComputedStyle`, ant.design/components/\n * carousel) noktaları hiçbir zaman YUVARLAK göstermez — ikisi de (aktif/pasif)\n * ince bir çubuk (ant'ta tam olarak 3px yükseklik); sadece genişlik farklı\n * (pasif 16px, aktif 24px). Eskiden pasif nokta yuvarlak (8x8), aktif nokta\n * kalın bir hap (24x8) oluyordu — ant'ın \"hep aynı ince çubuk, sadece uzayan\"\n * hissi yerine iki farklı geometri karışıyordu. Yükseklik burada paylaşılan\n * Tailwind ölçeğinden `h-1` (4px) — `h-[0.1875rem]` gibi keyfi bir değer bu\n * projede (Storybook'ta canlı doğrulanan) beklenmedik şekilde `height: 0`\n * üretti, standart ölçek adımı güvenilir.\n */\nexport function getDotClass(active: boolean, color: ColorRole): string {\n  return cn(\n    \"pointer-events-auto h-1 rounded-full transition-all\",\n    active ? cn(bgSolidClass[color], \"w-6\") : \"w-4 bg-mari-border hover:bg-mari-muted\"\n  );\n}\n"],"mappings":"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","names":["cn","cn"]}

package/dist/chart.d.ts

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