@mari-ui/components 0.1.1 → 0.2.0

package/dist/carousel.js

@@ -2,16 +2,16 @@
 
 import {
   SkeletonSlot
-} from "./chunk-DKENCYHA.js";
+} from "./chunk-MXGY2ENX.js";
 import {
   touchTargetSquareClass
-} from "./chunk-FFXRFQSU.js";
+} from "./chunk-POBOJBNJ.js";
 import {
   bgSolidClass
-} from "./chunk-IP2J3BWY.js";
+} from "./chunk-6AMBZXZJ.js";
 import {
   skeletonFill
-} from "./chunk-54HHEXXD.js";
+} from "./chunk-VKN374SD.js";
 
 // src/carousel/Carousel.tsx
 import React, { isValidElement, useCallback, useEffect, useMemo, useRef, useState } from "react";

package/dist/carousel.js.map

@@ -1 +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"]}
+{"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; 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 * 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 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.js

@@ -2,13 +2,13 @@
 
 import {
   Empty
-} from "./chunk-LBXIPDAB.js";
-import "./chunk-2IEXY3OZ.js";
-import "./chunk-FFXRFQSU.js";
-import "./chunk-IP2J3BWY.js";
+} from "./chunk-JXD5DW6E.js";
+import "./chunk-CVKAGR3D.js";
+import "./chunk-POBOJBNJ.js";
+import "./chunk-6AMBZXZJ.js";
 import {
   skeletonFill
-} from "./chunk-54HHEXXD.js";
+} from "./chunk-VKN374SD.js";
 
 // src/chart/line-chart/LineChart.tsx
 import { useId, useMemo, useState as useState2 } from "react";