@spark-ui/components 13.1.4 → 13.2.0

package/dist/carousel/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/carousel/Carousel.tsx","../../src/carousel/useCarousel.ts","../../src/carousel/useCarouselVisibility.ts","../../src/carousel/useEvent.ts","../../src/carousel/useIsMounted.ts","../../src/carousel/useScrollEnd.ts","../../src/carousel/useSnapPoints.ts","../../src/carousel/useResizeObserver.ts","../../src/carousel/utils.ts","../../src/carousel/CarouselControls.tsx","../../src/carousel/CarouselNextButton.tsx","../../src/carousel/CarouselPageIndicator.tsx","../../src/carousel/CarouselPagePicker.tsx","../../src/carousel/CarouselPrevButton.tsx","../../src/carousel/CarouselSlide.tsx","../../src/carousel/useIsVisible.ts","../../src/carousel/CarouselSlides.tsx","../../src/carousel/CarouselViewport.tsx","../../src/carousel/index.ts"],"sourcesContent":["import { cx } from 'class-variance-authority'\nimport { ComponentProps, createContext, ReactNode, useContext } from 'react'\n\nimport { CarouselAPI, UseCarouselProps } from './types'\nimport { useCarousel } from './useCarousel'\n\ninterface Props extends UseCarouselProps, ComponentProps<'div'> {\n  children?: ReactNode\n  className?: string\n}\n\nconst CarouselContext = createContext<CarouselAPI | null>(null)\n\nexport const Carousel = ({\n  className,\n  snapType = 'mandatory',\n  snapStop = 'always',\n  scrollBehavior = 'smooth',\n  slidesPerMove = 'auto',\n  pagePickerInset = false,\n  slidesPerPage = 1,\n  loop = false,\n  children,\n  gap = 16,\n  defaultPage,\n  page,\n  onPageChange,\n  maxDots = 5,\n  ...props\n}: Props) => {\n  const carouselApi = useCarousel({\n    defaultPage,\n    slidesPerPage,\n    slidesPerMove,\n    loop,\n    gap,\n    scrollBehavior,\n    snapStop,\n    snapType,\n    page,\n    pagePickerInset,\n    onPageChange,\n    maxDots,\n  })\n\n  return (\n    <CarouselContext.Provider\n      value={{\n        ...carouselApi,\n        scrollBehavior,\n      }}\n    >\n      <div\n        data-spark-component=\"carousel\"\n        className={cx('gap-lg relative box-border flex flex-col', className)}\n        {...carouselApi.getRootProps()}\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  )\n}\n\nCarousel.displayName = 'Carousel'\n\nexport const useCarouselContext = () => {\n  const context = useContext(CarouselContext)\n\n  if (!context) {\n    throw Error('useCarouselContext must be used within a Carousel provider')\n  }\n\n  return context\n}\n","/* eslint-disable max-lines-per-function */\nimport {\n  KeyboardEvent,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react'\n\nimport {\n  CarouselAPI,\n  ComputedControlProps,\n  ComputedIndicatorGroupProps,\n  ComputedIndicatorProps,\n  ComputedRootProps,\n  ComputedSlideGroupProps,\n  ComputedSlideProps,\n  ComputedTriggerProps,\n  UseCarouselProps,\n} from './types'\nimport { useCarouselVisibility } from './useCarouselVisibility'\nimport { useEvent } from './useEvent'\nimport { useIsMounted } from './useIsMounted'\nimport { useScrollEnd } from './useScrollEnd'\nimport { useSnapPoints } from './useSnapPoints'\nimport { computeDotState, getSnapPositions, isSnapPoint } from './utils'\n\nconst DATA_SCOPE = 'carousel' as const\nconst DIRECTION = 'ltr' as const\n\nexport const useCarousel = ({\n  defaultPage,\n  gap = 16,\n  snapType = 'mandatory',\n  snapStop = 'always',\n  scrollPadding = 0,\n  slidesPerPage = 1,\n  slidesPerMove = 'auto',\n  scrollBehavior = 'smooth',\n  loop = false,\n  pagePickerInset = false,\n  maxDots = 5,\n  // state control\n  page: controlledPage,\n  onPageChange: onPageChangeProp,\n}: UseCarouselProps): CarouselAPI => {\n  const carouselId = useId()\n  const [pageState, setPageState] = useState(defaultPage || controlledPage || 0)\n\n  const carouselRef = useRef<HTMLDivElement>(null)\n  const pageIndicatorsRefs = useRef<(HTMLElement | null)[]>([])\n  const isMountedRef = useIsMounted()\n  const isMounted = isMountedRef.current\n  const onPageChange = useEvent(onPageChangeProp)\n\n  // Centralized visibility management with a single IntersectionObserver per carousel\n  const { registerSlide, unregisterSlide, isSlideVisible } = useCarouselVisibility(carouselRef)\n\n  const [pageSnapPoints] = useSnapPoints([], {\n    carouselRef,\n    slidesPerMove,\n    slidesPerPage,\n  })\n\n  const canScrollPrev = useRef(loop || pageState > 0)\n  const canScrollNext = useRef(loop || pageState < pageSnapPoints.length - 1)\n  canScrollPrev.current = loop || pageState > 0\n  canScrollNext.current = loop || pageState < pageSnapPoints.length - 1\n\n  const handlePageChange = useCallback(\n    (page: number) => {\n      if (page !== pageState) {\n        setPageState(page)\n        onPageChange?.(page)\n      }\n    },\n    [onPageChange, pageState]\n  )\n\n  const scrollTo = useCallback(\n    (page: number, behavior: 'instant' | 'smooth') => {\n      if (carouselRef.current) {\n        carouselRef.current.scrollTo({\n          left: pageSnapPoints[page],\n          behavior: behavior === 'instant' ? 'auto' : 'smooth',\n        })\n        handlePageChange(page)\n      }\n    },\n    [handlePageChange, pageSnapPoints]\n  )\n\n  const scrollPrev = useCallback(\n    (cb?: (pageIndex: number) => void) => {\n      if (canScrollPrev) {\n        const targetPage =\n          loop && pageState === 0 ? pageSnapPoints.length - 1 : Math.max(pageState - 1, 0)\n\n        scrollTo(targetPage, scrollBehavior)\n        cb?.(targetPage)\n      }\n    },\n    [loop, pageSnapPoints, pageState, scrollBehavior, scrollTo]\n  )\n\n  const scrollNext = useCallback(\n    (cb?: (pageIndex: number) => void) => {\n      if (canScrollNext) {\n        const targetPage =\n          loop && pageState === pageSnapPoints.length - 1\n            ? 0\n            : Math.min(pageState + 1, pageSnapPoints.length - 1)\n\n        scrollTo(targetPage, scrollBehavior)\n        cb?.(targetPage)\n      }\n    },\n    [loop, pageSnapPoints, pageState, scrollBehavior, scrollTo]\n  )\n\n  useEffect(() => {\n    if (controlledPage != null) {\n      scrollTo(controlledPage, scrollBehavior)\n    }\n  }, [controlledPage, scrollBehavior, scrollTo])\n\n  /**\n   * Set the default scroll position of the carousel based on `defaultPage`.\n   * As this operation is done before the snap points are set in the state, we have to get them from the ref directly.\n   */\n  useLayoutEffect(() => {\n    if (defaultPage != null && !isMounted && carouselRef.current) {\n      const snapPositions = getSnapPositions({\n        container: carouselRef.current,\n        slidesPerMove,\n        slidesPerPage,\n      })\n\n      carouselRef.current.scrollTo({\n        left: snapPositions[defaultPage],\n        behavior: 'instant',\n      })\n    }\n  }, [defaultPage, isMounted, slidesPerMove, slidesPerPage])\n\n  /**\n   * Monitoring scrollend events inside the scrollable area to sync the carousel active page with current scroll position.\n   * Scrollend has been chosen over \"scroll\" for performance reason.\n   */\n  const syncPageStateWithScrollPosition = useCallback(() => {\n    if (!carouselRef.current || pageSnapPoints.length === 0) return\n\n    const { scrollLeft } = carouselRef.current\n\n    const distances = pageSnapPoints.map(pagePosition => Math.abs(scrollLeft - pagePosition))\n    const pageInViewport = distances.indexOf(Math.min(...distances))\n\n    if (pageInViewport !== -1) {\n      handlePageChange(pageInViewport)\n    }\n  }, [pageSnapPoints, handlePageChange])\n\n  useScrollEnd(carouselRef, syncPageStateWithScrollPosition)\n\n  const contextValue: CarouselAPI = {\n    ref: carouselRef,\n    pageIndicatorsRefs,\n    // props\n    gap,\n    snapType,\n    snapStop,\n    scrollPadding,\n    slidesPerPage,\n    slidesPerMove,\n    scrollBehavior,\n    loop,\n    pagePickerInset,\n    maxDots,\n    // computed state\n    page: pageState,\n    pageSnapPoints,\n    canScrollNext: canScrollNext.current,\n    canScrollPrev: canScrollPrev.current,\n    scrollTo,\n    scrollPrev,\n    scrollNext,\n    // visibility management\n    registerSlide,\n    unregisterSlide,\n    isSlideVisible,\n    // anatomy\n    getRootProps: (): ComputedRootProps => ({\n      id: `carousel::${carouselId}:`,\n      role: 'region',\n      'aria-roledescription': 'carousel',\n      'data-scope': DATA_SCOPE,\n      'data-part': 'root',\n      'data-orientation': 'horizontal',\n      dir: DIRECTION,\n      style: {\n        '--slides-per-page': slidesPerPage,\n        '--slide-spacing': `${gap}px`,\n        '--slide-item-size':\n          'calc(100% / var(--slides-per-page) - var(--slide-spacing) * (var(--slides-per-page) - 1) / var(--slides-per-page))',\n      },\n    }),\n\n    getControlProps: (): ComputedControlProps => ({\n      'data-scope': DATA_SCOPE,\n      'data-part': 'control',\n      'data-orientation': 'horizontal',\n    }),\n\n    getPrevTriggerProps: (): ComputedTriggerProps<'prev-trigger'> => ({\n      id: `carousel::${carouselId}::prev-trigger`,\n      'aria-controls': `carousel::${carouselId}::item-group`,\n      'data-scope': DATA_SCOPE,\n      'data-part': 'prev-trigger',\n      'data-orientation': 'horizontal',\n      type: 'button',\n      dir: DIRECTION,\n      disabled: !canScrollPrev.current,\n      onClick: () => scrollPrev(),\n    }),\n\n    getNextTriggerProps: (): ComputedTriggerProps<'next-trigger'> => ({\n      id: `carousel::${carouselId}::next-trigger`,\n      'aria-controls': `carousel::${carouselId}::item-group`,\n      'data-scope': DATA_SCOPE,\n      'data-part': 'next-trigger',\n      'data-orientation': 'horizontal',\n      type: 'button',\n      dir: DIRECTION,\n      disabled: !canScrollNext.current,\n      onClick: () => scrollNext(),\n    }),\n\n    getSlidesContainerProps: (): ComputedSlideGroupProps => ({\n      id: `carousel::${carouselId}::item-group`,\n      /**\n       * The carousel pattern was originally designed for a single slide.\n       * When there is more than one slide, the aria-live region is set to off to avoid announcing the whole list of slides.\n       * This is not ideal but we keep it for backwards compatibility.\n       *\n       * @see https://www.w3.org/WAI/ARIA/apg/patterns/carousel/#wai-aria-attributes\n       */\n      'aria-live': slidesPerPage > 1 ? 'off' : 'polite',\n      'data-scope': DATA_SCOPE,\n      'data-part': 'item-group',\n      'data-orientation': 'horizontal',\n      dir: DIRECTION,\n      tabIndex: 0,\n      style: {\n        display: 'grid',\n        gap: 'var(--slide-spacing)',\n        scrollSnapType: `x ${snapType}`,\n        gridAutoFlow: 'column',\n        scrollbarWidth: 'none',\n        gridAutoColumns: 'var(--slide-item-size)',\n        overflowX: 'auto',\n      },\n      ref: carouselRef,\n    }),\n\n    getSlideProps: ({ index }): ComputedSlideProps => {\n      const isStopPoint = isSnapPoint(index, {\n        container: carouselRef.current,\n        slidesPerMove,\n        slidesPerPage,\n      })\n\n      return {\n        id: `carousel::${carouselId}::item:${index}`,\n        role: 'group',\n        'aria-roledescription': 'slide',\n        'data-scope': DATA_SCOPE,\n        'data-part': 'item',\n        'data-index': index,\n        'data-orientation': 'horizontal',\n        dir: DIRECTION,\n        style: {\n          ...(isStopPoint && {\n            scrollSnapAlign: 'start',\n            scrollSnapStop: snapStop,\n          }),\n        },\n      }\n    },\n\n    getIndicatorGroupProps: (): ComputedIndicatorGroupProps => ({\n      role: 'radiogroup',\n      id: `carousel::${carouselId}::indicator-group`,\n      'data-scope': DATA_SCOPE,\n      'data-part': 'indicator-group',\n      'data-orientation': 'horizontal',\n      dir: DIRECTION,\n    }),\n\n    getIndicatorProps: ({ index }): ComputedIndicatorProps => {\n      const dotState = computeDotState({\n        dotIndex: index,\n        pageState,\n        totalPages: pageSnapPoints.length,\n        maxDots,\n      })\n\n      return {\n        role: 'radio',\n        id: `carousel::${carouselId}::indicator:${index}`,\n        'aria-checked': index === pageState,\n        'data-scope': DATA_SCOPE,\n        'data-part': 'indicator',\n        'data-orientation': 'horizontal',\n        'data-index': index,\n        'data-state': dotState,\n        tabIndex: index === pageState ? 0 : -1,\n        onClick: () => {\n          scrollTo(index, scrollBehavior)\n        },\n        onKeyDown: (event: KeyboardEvent) => {\n          const focusActiveIndicator = (page: number) => {\n            pageIndicatorsRefs.current[page]?.focus()\n          }\n\n          if (event.key === 'ArrowRight' && canScrollNext) {\n            scrollNext(focusActiveIndicator)\n          } else if (event.key === 'ArrowLeft' && canScrollPrev) {\n            scrollPrev(focusActiveIndicator)\n          }\n        },\n      }\n    },\n  }\n\n  return contextValue\n}\n","import { RefObject, useCallback, useEffect, useRef } from 'react'\n\n/**\n * Hook to manage slide visibility using a centralized IntersectionObserver.\n * This optimizes performance by using a single observer per carousel instead of one per slide.\n *\n * @param carouselRef - Reference to the carousel container element\n * @returns Object with functions to register/unregister slides and check visibility\n */\nexport function useCarouselVisibility(carouselRef: RefObject<HTMLDivElement | null>) {\n  const slideVisibilityMap = useRef<Map<HTMLElement, boolean>>(new Map())\n  const visibilityObserverRef = useRef<IntersectionObserver | null>(null)\n  const visibilityCallbacksRef = useRef<Map<HTMLElement, (isVisible: boolean) => void>>(new Map())\n\n  // Create the shared IntersectionObserver callback\n  const createObserverCallback = useCallback(() => {\n    return (entries: IntersectionObserverEntry[]) => {\n      // Batch all visibility updates to minimize re-renders\n      entries.forEach(entry => {\n        const isVisible = entry.isIntersecting\n        const element = entry.target as HTMLElement\n        slideVisibilityMap.current.set(element, isVisible)\n\n        // Notify the callback if it exists\n        const callback = visibilityCallbacksRef.current.get(element)\n        if (callback) {\n          callback(isVisible)\n        }\n      })\n    }\n  }, [])\n\n  // Initialize or get the shared IntersectionObserver\n  const getOrCreateObserver = useCallback(() => {\n    if (visibilityObserverRef.current) {\n      return visibilityObserverRef.current\n    }\n\n    const container = carouselRef.current\n    if (!container) return null\n\n    const observer = new IntersectionObserver(createObserverCallback(), {\n      root: container,\n      threshold: 0.2,\n    })\n\n    visibilityObserverRef.current = observer\n\n    return observer\n  }, [carouselRef, createObserverCallback])\n\n  // Initialize the shared IntersectionObserver when container is ready\n  useEffect(() => {\n    const observer = getOrCreateObserver()\n    // Capture ref values to avoid stale closure warnings\n    const visibilityMap = slideVisibilityMap.current\n    const callbacksMap = visibilityCallbacksRef.current\n\n    return () => {\n      if (observer) {\n        observer.disconnect()\n        visibilityMap.clear()\n        callbacksMap.clear()\n        visibilityObserverRef.current = null\n      }\n    }\n  }, [getOrCreateObserver])\n\n  // Register a slide element with the observer\n  const registerSlide = useCallback(\n    (element: HTMLElement | null, callback: (isVisible: boolean) => void) => {\n      if (!element) return\n\n      const observer = getOrCreateObserver()\n      if (!observer) {\n        // If container is not ready yet, retry on next tick\n        setTimeout(() => registerSlide(element, callback), 0)\n\n        return\n      }\n\n      // Check initial visibility (default to true for slides that are already in view)\n      const initialVisible = slideVisibilityMap.current.get(element) ?? true\n      slideVisibilityMap.current.set(element, initialVisible)\n      visibilityCallbacksRef.current.set(element, callback)\n      observer.observe(element)\n\n      // Call callback with initial state\n      callback(initialVisible)\n    },\n    [getOrCreateObserver]\n  )\n\n  // Unregister a slide element from the observer\n  const unregisterSlide = useCallback((element: HTMLElement | null) => {\n    if (!element) return\n\n    const observer = visibilityObserverRef.current\n    if (observer) {\n      observer.unobserve(element)\n    }\n    slideVisibilityMap.current.delete(element)\n    visibilityCallbacksRef.current.delete(element)\n  }, [])\n\n  // Get current visibility state for a slide\n  const isSlideVisible = useCallback((element: HTMLElement | null): boolean => {\n    if (!element) return true\n\n    return slideVisibilityMap.current.get(element) ?? true\n  }, [])\n\n  return {\n    registerSlide,\n    unregisterSlide,\n    isSlideVisible,\n  }\n}\n","import { useCallback, useLayoutEffect, useRef } from 'react'\n\ntype AnyFunction = (...args: any[]) => any\n\n/**\n * Directly from this gist: https://gist.github.com/diegohaz/695097a06f038a707c3a1b11e4e40195\n * Until React releases a native `useEvent` hook.\n */\nexport function useEvent<T extends AnyFunction>(callback?: T) {\n  const ref = useRef<AnyFunction | undefined>(() => {\n    throw new Error('Cannot call an event handler while rendering.')\n  })\n\n  useLayoutEffect(() => {\n    ref.current = callback\n  })\n\n  return useCallback<AnyFunction>((...args) => ref.current?.(...args), []) as T\n}\n","import { useEffect, useRef } from 'react'\n\nexport const useIsMounted = () => {\n  const isMounted = useRef(false)\n\n  useEffect(() => {\n    isMounted.current = true\n\n    return () => {\n      isMounted.current = false\n    }\n  }, [])\n\n  return isMounted\n}\n","import { useEffect, useRef, RefObject } from 'react'\n\nexport function useScrollEnd(scrollRef: RefObject<HTMLDivElement | null>, callback: () => void) {\n  const scrollLeft = useRef(0)\n\n  /**\n   * Safari (and some smaller browsers) to not yet support the `scrollend` event.\n   * For those we must rely on the `scroll` event and and an idle state delay to trigger the \"scroll end\".\n   *\n   * Caveats:\n   * - when using a trackpad or your fingers on a touch device, scrolling then holding the position might trigger the \"scrollend\" callback too early.\n   */\n  const safariTimeout = useRef<NodeJS.Timeout | null>(null)\n\n  useEffect(() => {\n    const element = scrollRef.current\n    if (!element) return\n\n    const supportsScrollend = 'onscrollend' in window\n\n    const handleScrollEnd = () => {\n      callback()\n    }\n\n    const handleSafariScroll = () => {\n      if (safariTimeout.current) {\n        clearTimeout(safariTimeout.current)\n      }\n\n      if (scrollRef.current) {\n        scrollLeft.current = scrollRef.current.scrollLeft\n\n        safariTimeout.current = setTimeout(() => {\n          if (scrollRef.current) {\n            handleScrollEnd()\n          }\n        }, 150)\n      }\n    }\n\n    if (supportsScrollend) {\n      element.addEventListener('scrollend', handleScrollEnd)\n    } else {\n      element.addEventListener('scroll', handleSafariScroll)\n    }\n\n    return () => {\n      if (safariTimeout.current) {\n        clearTimeout(safariTimeout.current)\n      }\n\n      if (supportsScrollend) {\n        element.removeEventListener('scrollend', handleScrollEnd)\n      } else {\n        element.removeEventListener('scroll', handleSafariScroll)\n      }\n    }\n  }, [callback, scrollRef])\n}\n\nexport default useScrollEnd\n","import { useMemo, useState, RefObject } from 'react'\n\nimport { useResizeObserver } from './useResizeObserver'\nimport { getSnapPositions } from './utils'\n\n/**\n * Get the scroll value of each slides that serves as the start of a page\n * The array is updated when resize event are caught in the carousel.\n */\nexport function useSnapPoints<T extends HTMLDivElement | null>(\n  initialSnapPoints: number[] = [],\n  {\n    carouselRef,\n    slidesPerMove,\n    slidesPerPage,\n  }: {\n    carouselRef: RefObject<T>\n    slidesPerMove: 'auto' | number\n    slidesPerPage: number\n  }\n) {\n  const [pageSnapPoints, setPageSnapPoints] = useState(initialSnapPoints)\n\n  const stableSnapPoints = useMemo(() => pageSnapPoints, [pageSnapPoints])\n\n  /**\n   * On resize, dimensions of the carousel might changes, which requires to update the snap points positions in the state.\n   */\n  useResizeObserver(carouselRef, () => {\n    const newSnapPoints = getSnapPositions({\n      slidesPerMove,\n      slidesPerPage,\n      container: carouselRef.current,\n    })\n\n    if (JSON.stringify(pageSnapPoints) !== JSON.stringify(newSnapPoints)) {\n      setPageSnapPoints(newSnapPoints)\n    }\n  })\n\n  return [stableSnapPoints, setPageSnapPoints] as const\n}\n","import { useLayoutEffect, RefObject } from 'react'\n\nexport function useResizeObserver<T extends HTMLElement | null>(\n  ref: RefObject<T>,\n  callback: (width: number) => void\n) {\n  useLayoutEffect(() => {\n    const element = ref.current\n    if (!element) return\n\n    const observer = new ResizeObserver(entries => {\n      for (const entry of entries) {\n        callback(entry.contentRect.width)\n      }\n    })\n\n    observer.observe(element)\n\n    return () => observer.disconnect() // Cleanup on unmount\n  }, [ref, callback])\n}\n","/**\n * Get the indices of each slides that serves as the start of a page\n * @returns number[] (ex: [0, 2, 4])\n */\nfunction getSnapIndices({\n  totalSlides,\n  slidesPerMove,\n  slidesPerPage,\n}: {\n  totalSlides: number\n  slidesPerMove: number | 'auto'\n  slidesPerPage: number\n}) {\n  const slideBy = slidesPerMove === 'auto' ? slidesPerPage : slidesPerMove\n  const snapPoints: number[] = []\n\n  const lastSnapIndex = Math.floor((totalSlides - slidesPerPage) / slideBy) * slideBy\n\n  for (let i = 0; i <= lastSnapIndex; i += slideBy) {\n    snapPoints.push(i)\n  }\n\n  // Adding final snap point if necessary\n  if (snapPoints[snapPoints.length - 1] !== totalSlides - slidesPerPage) {\n    snapPoints.push(totalSlides - slidesPerPage)\n  }\n\n  return snapPoints\n}\n\nexport function getSlideElements(container: HTMLDivElement | null): Element[] {\n  return container ? Array.from(container.querySelectorAll('[data-part=\"item\"]')) : []\n}\n\nexport function isSnapPoint(\n  slideIndex: number,\n  {\n    container,\n    slidesPerMove,\n    slidesPerPage,\n  }: {\n    container: HTMLDivElement | null\n    slidesPerMove: number | 'auto'\n    slidesPerPage: number\n  }\n) {\n  return getSnapIndices({\n    totalSlides: getSlideElements(container).length,\n    slidesPerPage,\n    slidesPerMove,\n  }).includes(slideIndex)\n}\n\n/**\n * Get the scroll value of each slides that serves as the start of a page\n * @returns number[] (ex for a 400px carousel with no gap: [400, 800, 1200])\n */\nexport function getSnapPositions({\n  container,\n  slidesPerMove,\n  slidesPerPage,\n}: {\n  container: HTMLDivElement | null\n  slidesPerMove: number | 'auto'\n  slidesPerPage: number\n}) {\n  if (!container) return []\n\n  return getSlideElements(container)\n    .filter((_, index) => {\n      return isSnapPoint(index, {\n        slidesPerMove,\n        slidesPerPage,\n        container,\n      })\n    })\n    .map(slide => (slide as HTMLElement).offsetLeft)\n}\n\n/**\n * Calculate the state of a dot indicator of a carousel depending on the current page and the total number of pages.\n */\nexport function computeDotState({\n  dotIndex,\n  pageState,\n  totalPages,\n  maxDots = 5,\n}: {\n  dotIndex: number\n  pageState: number\n  totalPages: number\n  maxDots?: number\n}): 'active' | 'edge' | 'idle' | 'hidden' {\n  if (totalPages <= maxDots) {\n    return dotIndex === pageState ? 'active' : 'idle'\n  }\n\n  if (pageState <= Math.floor(maxDots / 2)) {\n    if (dotIndex > maxDots - 1) return 'hidden'\n    if (dotIndex === pageState) return 'active'\n    if (dotIndex === maxDots - 1) return 'edge'\n\n    return 'idle'\n  }\n\n  if (pageState >= totalPages - Math.ceil(maxDots / 2)) {\n    const startIndex = totalPages - maxDots\n    if (dotIndex < startIndex) return 'hidden'\n    if (dotIndex === pageState) return 'active'\n    if (dotIndex === startIndex) return 'edge'\n\n    return 'idle'\n  }\n\n  const startIndex = pageState - Math.floor(maxDots / 2)\n  const endIndex = pageState + Math.floor(maxDots / 2)\n  if (dotIndex < startIndex || dotIndex > endIndex) return 'hidden'\n  if (dotIndex === pageState) return 'active'\n  if (dotIndex === startIndex || dotIndex === endIndex) return 'edge'\n\n  return 'idle'\n}\n","import { cx } from 'class-variance-authority'\nimport { HTMLAttributes, ReactNode } from 'react'\n\nimport { useCarouselContext } from './Carousel'\n\ninterface ControlsProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode\n}\n\nexport const CarouselControls = ({ children, className, ...props }: ControlsProps) => {\n  const ctx = useCarouselContext()\n\n  return (\n    <div\n      data-spark-component=\"carousel-controls\"\n      className={cx(\n        'default:px-lg pointer-events-none absolute inset-0 flex flex-row items-center justify-between',\n        className\n      )}\n      {...ctx.getControlProps()}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nCarouselControls.displayName = 'Carousel.Controls'\n","import { ArrowVerticalRight } from '@spark-ui/icons/ArrowVerticalRight'\n\nimport { Icon } from '../icon'\nimport { IconButton, IconButtonProps } from '../icon-button'\nimport { useCarouselContext } from './Carousel'\n\nexport const CarouselNextButton = ({\n  'aria-label': ariaLabel,\n  ...buttonProps\n}: IconButtonProps) => {\n  const ctx = useCarouselContext()\n\n  return (\n    <IconButton\n      data-spark-component=\"carousel-next-button\"\n      {...ctx.getNextTriggerProps()}\n      intent=\"surface\"\n      design=\"filled\"\n      className=\"pointer-events-auto cursor-pointer shadow-sm disabled:invisible\"\n      aria-label={ariaLabel}\n      {...buttonProps}\n    >\n      <Icon>\n        <ArrowVerticalRight />\n      </Icon>\n    </IconButton>\n  )\n}\n\nCarouselNextButton.displayName = 'Carousel.NextButton'\n","import { cx } from 'class-variance-authority'\nimport { ReactNode, useEffect, useRef } from 'react'\n\nimport { useCarouselContext } from './Carousel'\n\ninterface Props {\n  children?: ReactNode\n  'aria-label': string\n  index: number\n  className?: string\n  unstyled?: boolean\n  intent?: 'basic' | 'surface'\n}\n\nexport const CarouselPageIndicator = ({\n  children,\n  unstyled = false,\n  index,\n  'aria-label': ariaLabel,\n  className,\n  intent = 'basic',\n}: Props) => {\n  const ctx = useCarouselContext()\n\n  const ref = useRef<HTMLButtonElement | null>(null)\n\n  useEffect(() => {\n    if (ctx.pageIndicatorsRefs.current) {\n      ctx.pageIndicatorsRefs.current[index] = ref.current\n    }\n  })\n\n  const indicatorProps = ctx.getIndicatorProps({ index })\n\n  return (\n    <button\n      data-spark-component=\"carousel-page-indicator\"\n      ref={ref}\n      key={index}\n      {...indicatorProps}\n      aria-label={ariaLabel}\n      className={cx(\n        {\n          [cx(\n            'border-outline group relative flex justify-center border-0 hover:cursor-pointer',\n            'm-sm rounded-sm transition-all duration-[200ms] ease-linear',\n            'w-sz-8 h-sz-8',\n            'data-[state=active]:w-sz-32 data-[state=active]:h-sz-8',\n            'data-[state=edge]:w-sz-4 data-[state=edge]:h-sz-4',\n            'data-[state=hidden]:m-0 data-[state=hidden]:size-0',\n            intent === 'surface'\n              ? 'data-[state=active]:bg-surface bg-surface/dim-2'\n              : 'data-[state=active]:bg-basic bg-on-surface/dim-2'\n          )]: !unstyled,\n          // [dotsStyles]: !unstyled,\n        },\n        className\n      )}\n    >\n      {children}\n    </button>\n  )\n}\n\nCarouselPageIndicator.displayName = 'Carousel.PageIndicator'\n","import { cx } from 'class-variance-authority'\nimport { ReactNode } from 'react'\n\nimport { useCarouselContext } from './Carousel'\nimport { CarouselAPI } from './types'\n\ninterface RenderProps extends CarouselAPI {\n  pages: number[]\n}\n\ninterface Props {\n  children: (renderProps: RenderProps) => ReactNode\n  className?: string\n}\n\nexport const CarouselPagePicker = ({ children, className }: Props) => {\n  const ctx = useCarouselContext()\n\n  return (\n    <>\n      <div\n        data-spark-component=\"carousel-page-picker\"\n        {...ctx.getIndicatorGroupProps()}\n        className={cx(\n          'flex-wrap items-center justify-center',\n          'default:min-h-sz-16 flex',\n          ctx.pagePickerInset && 'bottom-sz-12 absolute inset-x-0',\n          className\n        )}\n      >\n        {ctx.pageSnapPoints.length <= 1\n          ? null\n          : children({\n              ...ctx,\n              pages: Array.from({ length: ctx.pageSnapPoints.length }, (_, i) => i),\n            })}\n      </div>\n    </>\n  )\n}\n\nCarouselPagePicker.displayName = 'Carousel.PagePicker'\n","import { ArrowVerticalLeft } from '@spark-ui/icons/ArrowVerticalLeft'\n\nimport { Icon } from '../icon'\nimport { IconButton, IconButtonProps } from '../icon-button'\nimport { useCarouselContext } from './Carousel'\n\nexport const CarouselPrevButton = ({\n  'aria-label': ariaLabel,\n  ...buttonProps\n}: IconButtonProps) => {\n  const ctx = useCarouselContext()\n\n  return (\n    <IconButton\n      data-spark-component=\"carousel-prev-button\"\n      {...ctx.getPrevTriggerProps()}\n      intent=\"surface\"\n      design=\"filled\"\n      className=\"pointer-events-auto cursor-pointer shadow-sm disabled:invisible\"\n      aria-label={ariaLabel}\n      {...buttonProps}\n    >\n      <Icon>\n        <ArrowVerticalLeft />\n      </Icon>\n    </IconButton>\n  )\n}\n\nCarouselPrevButton.displayName = 'Carousel.PrevButton'\n","import { cx } from 'class-variance-authority'\nimport { ComponentProps, ReactNode, useRef } from 'react'\n\nimport { useCarouselContext } from './Carousel'\nimport { useIsVisible } from './useIsVisible'\n\nexport interface CarouselSlideProps extends ComponentProps<'div'> {\n  isSnapPoint?: boolean\n  children?: ReactNode\n  index?: number\n  totalSlides?: number\n  className?: string\n}\n\nexport const CarouselSlide = ({\n  children,\n  index = 0,\n  totalSlides,\n  className = '',\n  ...props\n}: CarouselSlideProps) => {\n  const itemRef = useRef<HTMLDivElement>(null)\n  const ctx = useCarouselContext()\n\n  const isVisible = useIsVisible(itemRef, ctx.ref)\n\n  return (\n    <div\n      data-spark-component=\"carousel-slide\"\n      ref={itemRef}\n      {...ctx.getSlideProps({ index, totalSlides: totalSlides as number })}\n      className={cx('default:bg-surface relative overflow-hidden', className)}\n      aria-hidden={!isVisible}\n      inert={!isVisible}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nCarouselSlide.displayName = 'Carousel.Slide'\n","import { RefObject, useEffect, useState } from 'react'\n\nimport { useCarouselContext } from './Carousel'\n\n/**\n * Hook to track slide visibility using the centralized IntersectionObserver.\n * This optimizes performance by using a single observer per carousel instead of one per slide.\n */\nexport function useIsVisible(\n  elementRef: RefObject<HTMLElement | null>,\n  _parentRef: RefObject<HTMLElement | null>\n) {\n  const [isVisible, setIsVisible] = useState(true)\n  const ctx = useCarouselContext()\n\n  useEffect(() => {\n    const el = elementRef.current\n    if (!el) return\n\n    // Extract stable functions from context to avoid unnecessary re-renders\n    const { registerSlide, unregisterSlide } = ctx\n\n    // Register the slide with the centralized observer\n    registerSlide(el, setIsVisible)\n\n    // Cleanup: unregister when the component unmounts\n    return () => {\n      unregisterSlide(el)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [elementRef]) // Only depend on elementRef, registerSlide/unregisterSlide are stable callbacks\n\n  return isVisible\n}\n","import { cx } from 'class-variance-authority'\nimport { Children, cloneElement, ComponentProps, isValidElement, ReactNode } from 'react'\n\nimport { useCarouselContext } from './Carousel'\nimport { CarouselSlideProps } from './CarouselSlide'\n\ninterface Props extends ComponentProps<'div'> {\n  children?: ReactNode\n  className?: string\n}\n\nexport const CarouselSlides = ({ children, className = '' }: Props) => {\n  const ctx = useCarouselContext()\n\n  const childrenElements = Children.toArray(children)\n\n  return (\n    <div\n      data-spark-component=\"carousel-slides\"\n      {...ctx.getSlidesContainerProps()}\n      className={cx(\n        'focus-visible:u-outline relative w-full',\n        '[-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',\n        className\n      )}\n    >\n      {childrenElements.map((child, index) =>\n        isValidElement<CarouselSlideProps>(child)\n          ? cloneElement(child, {\n              index,\n              totalSlides: childrenElements.length,\n            })\n          : child\n      )}\n    </div>\n  )\n}\n\nCarouselSlides.displayName = 'Carousel.Slides'\n","import { ReactNode } from 'react'\n\ninterface Props {\n  children: ReactNode\n}\n\nexport const CarouselViewport = ({ children }: Props) => {\n  return <div className=\"relative flex items-center justify-around p-0\">{children}</div>\n}\n\nCarouselViewport.displayName = 'Carousel.Viewport'\n","import { Carousel as Root } from './Carousel'\nimport { CarouselControls as Controls } from './CarouselControls'\nimport { CarouselNextButton as NextButton } from './CarouselNextButton'\nimport { CarouselPageIndicator as PageIndicator } from './CarouselPageIndicator'\nimport { CarouselPagePicker as PagePicker } from './CarouselPagePicker'\nimport { CarouselPrevButton as PrevButton } from './CarouselPrevButton'\nimport { CarouselSlide as Slide } from './CarouselSlide'\nimport { CarouselSlides as Slides } from './CarouselSlides'\nimport { CarouselViewport as Viewport } from './CarouselViewport'\n\nexport const Carousel: typeof Root & {\n  Controls: typeof Controls\n  NextButton: typeof NextButton\n  PrevButton: typeof PrevButton\n  Slide: typeof Slide\n  Slides: typeof Slides\n  Viewport: typeof Viewport\n  PagePicker: typeof PagePicker\n  PageIndicator: typeof PageIndicator\n} = Object.assign(Root, {\n  Controls,\n  NextButton,\n  PrevButton,\n  Slide,\n  Slides,\n  Viewport,\n  PagePicker,\n  PageIndicator,\n})\n\nCarousel.displayName = 'Carousel'\n"],"mappings":"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","names":["useCallback","useEffect","useLayoutEffect","useRef","useState","useCallback","useRef","useEffect","useRef","useEffect","useRef","useLayoutEffect","startIndex","useState","useRef","useCallback","useEffect","useLayoutEffect","cx","jsx","cx","jsx","cx","useEffect","useRef","jsx","useRef","useEffect","cx","cx","jsx","cx","jsx","cx","useRef","useEffect","useState","useState","useEffect","jsx","useRef","cx","cx","jsx","cx","jsx","Carousel"]}
+{"version":3,"file":"index.mjs","sources":["../../src/carousel/useCarouselVisibility.ts","../../src/carousel/useEvent.ts","../../src/carousel/useIsMounted.ts","../../src/carousel/useScrollEnd.ts","../../src/carousel/useResizeObserver.ts","../../src/carousel/utils.ts","../../src/carousel/useSnapPoints.ts","../../src/carousel/useCarousel.ts","../../src/carousel/Carousel.tsx","../../src/carousel/CarouselControls.tsx","../../src/carousel/CarouselNextButton.tsx","../../src/carousel/CarouselPageIndicator.tsx","../../src/carousel/CarouselPagePicker.tsx","../../src/carousel/CarouselPrevButton.tsx","../../src/carousel/useIsVisible.ts","../../src/carousel/CarouselSlide.tsx","../../src/carousel/CarouselSlides.tsx","../../src/carousel/CarouselViewport.tsx","../../src/carousel/index.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useRef } from 'react'\n\n/**\n * Hook to manage slide visibility using a centralized IntersectionObserver.\n * This optimizes performance by using a single observer per carousel instead of one per slide.\n *\n * @param carouselRef - Reference to the carousel container element\n * @returns Object with functions to register/unregister slides and check visibility\n */\nexport function useCarouselVisibility(carouselRef: RefObject<HTMLDivElement | null>) {\n  const slideVisibilityMap = useRef<Map<HTMLElement, boolean>>(new Map())\n  const visibilityObserverRef = useRef<IntersectionObserver | null>(null)\n  const visibilityCallbacksRef = useRef<Map<HTMLElement, (isVisible: boolean) => void>>(new Map())\n\n  // Create the shared IntersectionObserver callback\n  const createObserverCallback = useCallback(() => {\n    return (entries: IntersectionObserverEntry[]) => {\n      // Batch all visibility updates to minimize re-renders\n      entries.forEach(entry => {\n        const isVisible = entry.isIntersecting\n        const element = entry.target as HTMLElement\n        slideVisibilityMap.current.set(element, isVisible)\n\n        // Notify the callback if it exists\n        const callback = visibilityCallbacksRef.current.get(element)\n        if (callback) {\n          callback(isVisible)\n        }\n      })\n    }\n  }, [])\n\n  // Initialize or get the shared IntersectionObserver\n  const getOrCreateObserver = useCallback(() => {\n    if (visibilityObserverRef.current) {\n      return visibilityObserverRef.current\n    }\n\n    const container = carouselRef.current\n    if (!container) return null\n\n    const observer = new IntersectionObserver(createObserverCallback(), {\n      root: container,\n      threshold: 0.2,\n    })\n\n    visibilityObserverRef.current = observer\n\n    return observer\n  }, [carouselRef, createObserverCallback])\n\n  // Initialize the shared IntersectionObserver when container is ready\n  useEffect(() => {\n    const observer = getOrCreateObserver()\n    // Capture ref values to avoid stale closure warnings\n    const visibilityMap = slideVisibilityMap.current\n    const callbacksMap = visibilityCallbacksRef.current\n\n    return () => {\n      if (observer) {\n        observer.disconnect()\n        visibilityMap.clear()\n        callbacksMap.clear()\n        visibilityObserverRef.current = null\n      }\n    }\n  }, [getOrCreateObserver])\n\n  // Register a slide element with the observer\n  const registerSlide = useCallback(\n    (element: HTMLElement | null, callback: (isVisible: boolean) => void) => {\n      if (!element) return\n\n      const observer = getOrCreateObserver()\n      if (!observer) {\n        // If container is not ready yet, retry on next tick\n        setTimeout(() => registerSlide(element, callback), 0)\n\n        return\n      }\n\n      // Check initial visibility (default to true for slides that are already in view)\n      const initialVisible = slideVisibilityMap.current.get(element) ?? true\n      slideVisibilityMap.current.set(element, initialVisible)\n      visibilityCallbacksRef.current.set(element, callback)\n      observer.observe(element)\n\n      // Call callback with initial state\n      callback(initialVisible)\n    },\n    [getOrCreateObserver]\n  )\n\n  // Unregister a slide element from the observer\n  const unregisterSlide = useCallback((element: HTMLElement | null) => {\n    if (!element) return\n\n    const observer = visibilityObserverRef.current\n    if (observer) {\n      observer.unobserve(element)\n    }\n    slideVisibilityMap.current.delete(element)\n    visibilityCallbacksRef.current.delete(element)\n  }, [])\n\n  // Get current visibility state for a slide\n  const isSlideVisible = useCallback((element: HTMLElement | null): boolean => {\n    if (!element) return true\n\n    return slideVisibilityMap.current.get(element) ?? true\n  }, [])\n\n  return {\n    registerSlide,\n    unregisterSlide,\n    isSlideVisible,\n  }\n}\n","import { useCallback, useLayoutEffect, useRef } from 'react'\n\ntype AnyFunction = (...args: any[]) => any\n\n/**\n * Directly from this gist: https://gist.github.com/diegohaz/695097a06f038a707c3a1b11e4e40195\n * Until React releases a native `useEvent` hook.\n */\nexport function useEvent<T extends AnyFunction>(callback?: T) {\n  const ref = useRef<AnyFunction | undefined>(() => {\n    throw new Error('Cannot call an event handler while rendering.')\n  })\n\n  useLayoutEffect(() => {\n    ref.current = callback\n  })\n\n  return useCallback<AnyFunction>((...args) => ref.current?.(...args), []) as T\n}\n","import { useEffect, useRef } from 'react'\n\nexport const useIsMounted = () => {\n  const isMounted = useRef(false)\n\n  useEffect(() => {\n    isMounted.current = true\n\n    return () => {\n      isMounted.current = false\n    }\n  }, [])\n\n  return isMounted\n}\n","import { useEffect, useRef, RefObject } from 'react'\n\nexport function useScrollEnd(scrollRef: RefObject<HTMLDivElement | null>, callback: () => void) {\n  const scrollLeft = useRef(0)\n\n  /**\n   * Safari (and some smaller browsers) to not yet support the `scrollend` event.\n   * For those we must rely on the `scroll` event and and an idle state delay to trigger the \"scroll end\".\n   *\n   * Caveats:\n   * - when using a trackpad or your fingers on a touch device, scrolling then holding the position might trigger the \"scrollend\" callback too early.\n   */\n  const safariTimeout = useRef<NodeJS.Timeout | null>(null)\n\n  useEffect(() => {\n    const element = scrollRef.current\n    if (!element) return\n\n    const supportsScrollend = 'onscrollend' in window\n\n    const handleScrollEnd = () => {\n      callback()\n    }\n\n    const handleSafariScroll = () => {\n      if (safariTimeout.current) {\n        clearTimeout(safariTimeout.current)\n      }\n\n      if (scrollRef.current) {\n        scrollLeft.current = scrollRef.current.scrollLeft\n\n        safariTimeout.current = setTimeout(() => {\n          if (scrollRef.current) {\n            handleScrollEnd()\n          }\n        }, 150)\n      }\n    }\n\n    if (supportsScrollend) {\n      element.addEventListener('scrollend', handleScrollEnd)\n    } else {\n      element.addEventListener('scroll', handleSafariScroll)\n    }\n\n    return () => {\n      if (safariTimeout.current) {\n        clearTimeout(safariTimeout.current)\n      }\n\n      if (supportsScrollend) {\n        element.removeEventListener('scrollend', handleScrollEnd)\n      } else {\n        element.removeEventListener('scroll', handleSafariScroll)\n      }\n    }\n  }, [callback, scrollRef])\n}\n\nexport default useScrollEnd\n","import { useLayoutEffect, RefObject } from 'react'\n\nexport function useResizeObserver<T extends HTMLElement | null>(\n  ref: RefObject<T>,\n  callback: (width: number) => void\n) {\n  useLayoutEffect(() => {\n    const element = ref.current\n    if (!element) return\n\n    const observer = new ResizeObserver(entries => {\n      for (const entry of entries) {\n        callback(entry.contentRect.width)\n      }\n    })\n\n    observer.observe(element)\n\n    return () => observer.disconnect() // Cleanup on unmount\n  }, [ref, callback])\n}\n","/**\n * Get the indices of each slides that serves as the start of a page\n * @returns number[] (ex: [0, 2, 4])\n */\nfunction getSnapIndices({\n  totalSlides,\n  slidesPerMove,\n  slidesPerPage,\n}: {\n  totalSlides: number\n  slidesPerMove: number | 'auto'\n  slidesPerPage: number\n}) {\n  const slideBy = slidesPerMove === 'auto' ? slidesPerPage : slidesPerMove\n  const snapPoints: number[] = []\n\n  const lastSnapIndex = Math.floor((totalSlides - slidesPerPage) / slideBy) * slideBy\n\n  for (let i = 0; i <= lastSnapIndex; i += slideBy) {\n    snapPoints.push(i)\n  }\n\n  // Adding final snap point if necessary\n  if (snapPoints[snapPoints.length - 1] !== totalSlides - slidesPerPage) {\n    snapPoints.push(totalSlides - slidesPerPage)\n  }\n\n  return snapPoints\n}\n\nexport function getSlideElements(container: HTMLDivElement | null): Element[] {\n  return container ? Array.from(container.querySelectorAll('[data-part=\"item\"]')) : []\n}\n\nexport function isSnapPoint(\n  slideIndex: number,\n  {\n    container,\n    slidesPerMove,\n    slidesPerPage,\n  }: {\n    container: HTMLDivElement | null\n    slidesPerMove: number | 'auto'\n    slidesPerPage: number\n  }\n) {\n  return getSnapIndices({\n    totalSlides: getSlideElements(container).length,\n    slidesPerPage,\n    slidesPerMove,\n  }).includes(slideIndex)\n}\n\n/**\n * Get the scroll value of each slides that serves as the start of a page\n * @returns number[] (ex for a 400px carousel with no gap: [400, 800, 1200])\n */\nexport function getSnapPositions({\n  container,\n  slidesPerMove,\n  slidesPerPage,\n}: {\n  container: HTMLDivElement | null\n  slidesPerMove: number | 'auto'\n  slidesPerPage: number\n}) {\n  if (!container) return []\n\n  return getSlideElements(container)\n    .filter((_, index) => {\n      return isSnapPoint(index, {\n        slidesPerMove,\n        slidesPerPage,\n        container,\n      })\n    })\n    .map(slide => (slide as HTMLElement).offsetLeft)\n}\n\n/**\n * Calculate the state of a dot indicator of a carousel depending on the current page and the total number of pages.\n */\nexport function computeDotState({\n  dotIndex,\n  pageState,\n  totalPages,\n  maxDots = 5,\n}: {\n  dotIndex: number\n  pageState: number\n  totalPages: number\n  maxDots?: number\n}): 'active' | 'edge' | 'idle' | 'hidden' {\n  if (totalPages <= maxDots) {\n    return dotIndex === pageState ? 'active' : 'idle'\n  }\n\n  if (pageState <= Math.floor(maxDots / 2)) {\n    if (dotIndex > maxDots - 1) return 'hidden'\n    if (dotIndex === pageState) return 'active'\n    if (dotIndex === maxDots - 1) return 'edge'\n\n    return 'idle'\n  }\n\n  if (pageState >= totalPages - Math.ceil(maxDots / 2)) {\n    const startIndex = totalPages - maxDots\n    if (dotIndex < startIndex) return 'hidden'\n    if (dotIndex === pageState) return 'active'\n    if (dotIndex === startIndex) return 'edge'\n\n    return 'idle'\n  }\n\n  const startIndex = pageState - Math.floor(maxDots / 2)\n  const endIndex = pageState + Math.floor(maxDots / 2)\n  if (dotIndex < startIndex || dotIndex > endIndex) return 'hidden'\n  if (dotIndex === pageState) return 'active'\n  if (dotIndex === startIndex || dotIndex === endIndex) return 'edge'\n\n  return 'idle'\n}\n","import { useMemo, useState, RefObject } from 'react'\n\nimport { useResizeObserver } from './useResizeObserver'\nimport { getSnapPositions } from './utils'\n\n/**\n * Get the scroll value of each slides that serves as the start of a page\n * The array is updated when resize event are caught in the carousel.\n */\nexport function useSnapPoints<T extends HTMLDivElement | null>(\n  initialSnapPoints: number[] = [],\n  {\n    carouselRef,\n    slidesPerMove,\n    slidesPerPage,\n  }: {\n    carouselRef: RefObject<T>\n    slidesPerMove: 'auto' | number\n    slidesPerPage: number\n  }\n) {\n  const [pageSnapPoints, setPageSnapPoints] = useState(initialSnapPoints)\n\n  const stableSnapPoints = useMemo(() => pageSnapPoints, [pageSnapPoints])\n\n  /**\n   * On resize, dimensions of the carousel might changes, which requires to update the snap points positions in the state.\n   */\n  useResizeObserver(carouselRef, () => {\n    const newSnapPoints = getSnapPositions({\n      slidesPerMove,\n      slidesPerPage,\n      container: carouselRef.current,\n    })\n\n    if (JSON.stringify(pageSnapPoints) !== JSON.stringify(newSnapPoints)) {\n      setPageSnapPoints(newSnapPoints)\n    }\n  })\n\n  return [stableSnapPoints, setPageSnapPoints] as const\n}\n","/* eslint-disable max-lines-per-function */\nimport {\n  KeyboardEvent,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react'\n\nimport {\n  CarouselAPI,\n  ComputedControlProps,\n  ComputedIndicatorGroupProps,\n  ComputedIndicatorProps,\n  ComputedRootProps,\n  ComputedSlideGroupProps,\n  ComputedSlideProps,\n  ComputedTriggerProps,\n  UseCarouselProps,\n} from './types'\nimport { useCarouselVisibility } from './useCarouselVisibility'\nimport { useEvent } from './useEvent'\nimport { useIsMounted } from './useIsMounted'\nimport { useScrollEnd } from './useScrollEnd'\nimport { useSnapPoints } from './useSnapPoints'\nimport { computeDotState, getSnapPositions, isSnapPoint } from './utils'\n\nconst DATA_SCOPE = 'carousel' as const\nconst DIRECTION = 'ltr' as const\n\nexport const useCarousel = ({\n  defaultPage,\n  gap = 16,\n  snapType = 'mandatory',\n  snapStop = 'always',\n  scrollPadding = 0,\n  slidesPerPage = 1,\n  slidesPerMove = 'auto',\n  scrollBehavior = 'smooth',\n  loop = false,\n  pagePickerInset = false,\n  maxDots = 5,\n  // state control\n  page: controlledPage,\n  onPageChange: onPageChangeProp,\n}: UseCarouselProps): CarouselAPI => {\n  const carouselId = useId()\n  const [pageState, setPageState] = useState(defaultPage || controlledPage || 0)\n\n  const carouselRef = useRef<HTMLDivElement>(null)\n  const pageIndicatorsRefs = useRef<(HTMLElement | null)[]>([])\n  const isMountedRef = useIsMounted()\n  const isMounted = isMountedRef.current\n  const onPageChange = useEvent(onPageChangeProp)\n\n  // Centralized visibility management with a single IntersectionObserver per carousel\n  const { registerSlide, unregisterSlide, isSlideVisible } = useCarouselVisibility(carouselRef)\n\n  const [pageSnapPoints] = useSnapPoints([], {\n    carouselRef,\n    slidesPerMove,\n    slidesPerPage,\n  })\n\n  const canScrollPrev = useRef(loop || pageState > 0)\n  const canScrollNext = useRef(loop || pageState < pageSnapPoints.length - 1)\n  canScrollPrev.current = loop || pageState > 0\n  canScrollNext.current = loop || pageState < pageSnapPoints.length - 1\n\n  const handlePageChange = useCallback(\n    (page: number) => {\n      if (page !== pageState) {\n        setPageState(page)\n        onPageChange?.(page)\n      }\n    },\n    [onPageChange, pageState]\n  )\n\n  const scrollTo = useCallback(\n    (page: number, behavior: 'instant' | 'smooth') => {\n      if (carouselRef.current) {\n        carouselRef.current.scrollTo({\n          left: pageSnapPoints[page],\n          behavior: behavior === 'instant' ? 'auto' : 'smooth',\n        })\n        handlePageChange(page)\n      }\n    },\n    [handlePageChange, pageSnapPoints]\n  )\n\n  const scrollPrev = useCallback(\n    (cb?: (pageIndex: number) => void) => {\n      if (canScrollPrev) {\n        const targetPage =\n          loop && pageState === 0 ? pageSnapPoints.length - 1 : Math.max(pageState - 1, 0)\n\n        scrollTo(targetPage, scrollBehavior)\n        cb?.(targetPage)\n      }\n    },\n    [loop, pageSnapPoints, pageState, scrollBehavior, scrollTo]\n  )\n\n  const scrollNext = useCallback(\n    (cb?: (pageIndex: number) => void) => {\n      if (canScrollNext) {\n        const targetPage =\n          loop && pageState === pageSnapPoints.length - 1\n            ? 0\n            : Math.min(pageState + 1, pageSnapPoints.length - 1)\n\n        scrollTo(targetPage, scrollBehavior)\n        cb?.(targetPage)\n      }\n    },\n    [loop, pageSnapPoints, pageState, scrollBehavior, scrollTo]\n  )\n\n  useEffect(() => {\n    if (controlledPage != null) {\n      scrollTo(controlledPage, scrollBehavior)\n    }\n  }, [controlledPage, scrollBehavior, scrollTo])\n\n  /**\n   * Set the default scroll position of the carousel based on `defaultPage`.\n   * As this operation is done before the snap points are set in the state, we have to get them from the ref directly.\n   */\n  useLayoutEffect(() => {\n    if (defaultPage != null && !isMounted && carouselRef.current) {\n      const snapPositions = getSnapPositions({\n        container: carouselRef.current,\n        slidesPerMove,\n        slidesPerPage,\n      })\n\n      carouselRef.current.scrollTo({\n        left: snapPositions[defaultPage],\n        behavior: 'instant',\n      })\n    }\n  }, [defaultPage, isMounted, slidesPerMove, slidesPerPage])\n\n  /**\n   * Monitoring scrollend events inside the scrollable area to sync the carousel active page with current scroll position.\n   * Scrollend has been chosen over \"scroll\" for performance reason.\n   */\n  const syncPageStateWithScrollPosition = useCallback(() => {\n    if (!carouselRef.current || pageSnapPoints.length === 0) return\n\n    const { scrollLeft } = carouselRef.current\n\n    const distances = pageSnapPoints.map(pagePosition => Math.abs(scrollLeft - pagePosition))\n    const pageInViewport = distances.indexOf(Math.min(...distances))\n\n    if (pageInViewport !== -1) {\n      handlePageChange(pageInViewport)\n    }\n  }, [pageSnapPoints, handlePageChange])\n\n  useScrollEnd(carouselRef, syncPageStateWithScrollPosition)\n\n  const contextValue: CarouselAPI = {\n    ref: carouselRef,\n    pageIndicatorsRefs,\n    // props\n    gap,\n    snapType,\n    snapStop,\n    scrollPadding,\n    slidesPerPage,\n    slidesPerMove,\n    scrollBehavior,\n    loop,\n    pagePickerInset,\n    maxDots,\n    // computed state\n    page: pageState,\n    pageSnapPoints,\n    canScrollNext: canScrollNext.current,\n    canScrollPrev: canScrollPrev.current,\n    scrollTo,\n    scrollPrev,\n    scrollNext,\n    // visibility management\n    registerSlide,\n    unregisterSlide,\n    isSlideVisible,\n    // anatomy\n    getRootProps: (): ComputedRootProps => ({\n      id: `carousel::${carouselId}:`,\n      role: 'region',\n      'aria-roledescription': 'carousel',\n      'data-scope': DATA_SCOPE,\n      'data-part': 'root',\n      'data-orientation': 'horizontal',\n      dir: DIRECTION,\n      style: {\n        '--slides-per-page': slidesPerPage,\n        '--slide-spacing': `${gap}px`,\n        '--slide-item-size':\n          'calc(100% / var(--slides-per-page) - var(--slide-spacing) * (var(--slides-per-page) - 1) / var(--slides-per-page))',\n      },\n    }),\n\n    getControlProps: (): ComputedControlProps => ({\n      'data-scope': DATA_SCOPE,\n      'data-part': 'control',\n      'data-orientation': 'horizontal',\n    }),\n\n    getPrevTriggerProps: (): ComputedTriggerProps<'prev-trigger'> => ({\n      id: `carousel::${carouselId}::prev-trigger`,\n      'aria-controls': `carousel::${carouselId}::item-group`,\n      'data-scope': DATA_SCOPE,\n      'data-part': 'prev-trigger',\n      'data-orientation': 'horizontal',\n      type: 'button',\n      dir: DIRECTION,\n      disabled: !canScrollPrev.current,\n      onClick: () => scrollPrev(),\n    }),\n\n    getNextTriggerProps: (): ComputedTriggerProps<'next-trigger'> => ({\n      id: `carousel::${carouselId}::next-trigger`,\n      'aria-controls': `carousel::${carouselId}::item-group`,\n      'data-scope': DATA_SCOPE,\n      'data-part': 'next-trigger',\n      'data-orientation': 'horizontal',\n      type: 'button',\n      dir: DIRECTION,\n      disabled: !canScrollNext.current,\n      onClick: () => scrollNext(),\n    }),\n\n    getSlidesContainerProps: (): ComputedSlideGroupProps => ({\n      id: `carousel::${carouselId}::item-group`,\n      /**\n       * The carousel pattern was originally designed for a single slide.\n       * When there is more than one slide, the aria-live region is set to off to avoid announcing the whole list of slides.\n       * This is not ideal but we keep it for backwards compatibility.\n       *\n       * @see https://www.w3.org/WAI/ARIA/apg/patterns/carousel/#wai-aria-attributes\n       */\n      'aria-live': slidesPerPage > 1 ? 'off' : 'polite',\n      'data-scope': DATA_SCOPE,\n      'data-part': 'item-group',\n      'data-orientation': 'horizontal',\n      dir: DIRECTION,\n      tabIndex: 0,\n      style: {\n        display: 'grid',\n        gap: 'var(--slide-spacing)',\n        scrollSnapType: `x ${snapType}`,\n        gridAutoFlow: 'column',\n        scrollbarWidth: 'none',\n        gridAutoColumns: 'var(--slide-item-size)',\n        overflowX: 'auto',\n      },\n      ref: carouselRef,\n    }),\n\n    getSlideProps: ({ index }): ComputedSlideProps => {\n      const isStopPoint = isSnapPoint(index, {\n        container: carouselRef.current,\n        slidesPerMove,\n        slidesPerPage,\n      })\n\n      return {\n        id: `carousel::${carouselId}::item:${index}`,\n        role: 'group',\n        'aria-roledescription': 'slide',\n        'data-scope': DATA_SCOPE,\n        'data-part': 'item',\n        'data-index': index,\n        'data-orientation': 'horizontal',\n        dir: DIRECTION,\n        style: {\n          ...(isStopPoint && {\n            scrollSnapAlign: 'start',\n            scrollSnapStop: snapStop,\n          }),\n        },\n      }\n    },\n\n    getIndicatorGroupProps: (): ComputedIndicatorGroupProps => ({\n      role: 'radiogroup',\n      id: `carousel::${carouselId}::indicator-group`,\n      'data-scope': DATA_SCOPE,\n      'data-part': 'indicator-group',\n      'data-orientation': 'horizontal',\n      dir: DIRECTION,\n    }),\n\n    getIndicatorProps: ({ index }): ComputedIndicatorProps => {\n      const dotState = computeDotState({\n        dotIndex: index,\n        pageState,\n        totalPages: pageSnapPoints.length,\n        maxDots,\n      })\n\n      return {\n        role: 'radio',\n        id: `carousel::${carouselId}::indicator:${index}`,\n        'aria-checked': index === pageState,\n        'data-scope': DATA_SCOPE,\n        'data-part': 'indicator',\n        'data-orientation': 'horizontal',\n        'data-index': index,\n        'data-state': dotState,\n        tabIndex: index === pageState ? 0 : -1,\n        onClick: () => {\n          scrollTo(index, scrollBehavior)\n        },\n        onKeyDown: (event: KeyboardEvent) => {\n          const focusActiveIndicator = (page: number) => {\n            pageIndicatorsRefs.current[page]?.focus()\n          }\n\n          if (event.key === 'ArrowRight' && canScrollNext) {\n            scrollNext(focusActiveIndicator)\n          } else if (event.key === 'ArrowLeft' && canScrollPrev) {\n            scrollPrev(focusActiveIndicator)\n          }\n        },\n      }\n    },\n  }\n\n  return contextValue\n}\n","import { cx } from 'class-variance-authority'\nimport { ComponentProps, createContext, ReactNode, useContext } from 'react'\n\nimport { CarouselAPI, UseCarouselProps } from './types'\nimport { useCarousel } from './useCarousel'\n\ninterface Props extends UseCarouselProps, ComponentProps<'div'> {\n  children?: ReactNode\n  className?: string\n}\n\nconst CarouselContext = createContext<CarouselAPI | null>(null)\n\nexport const Carousel = ({\n  className,\n  snapType = 'mandatory',\n  snapStop = 'always',\n  scrollBehavior = 'smooth',\n  slidesPerMove = 'auto',\n  pagePickerInset = false,\n  slidesPerPage = 1,\n  loop = false,\n  children,\n  gap = 16,\n  defaultPage,\n  page,\n  onPageChange,\n  maxDots = 5,\n  ...props\n}: Props) => {\n  const carouselApi = useCarousel({\n    defaultPage,\n    slidesPerPage,\n    slidesPerMove,\n    loop,\n    gap,\n    scrollBehavior,\n    snapStop,\n    snapType,\n    page,\n    pagePickerInset,\n    onPageChange,\n    maxDots,\n  })\n\n  return (\n    <CarouselContext.Provider\n      value={{\n        ...carouselApi,\n        scrollBehavior,\n      }}\n    >\n      <div\n        data-spark-component=\"carousel\"\n        className={cx('gap-lg relative box-border flex flex-col', className)}\n        {...carouselApi.getRootProps()}\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  )\n}\n\nCarousel.displayName = 'Carousel'\n\nexport const useCarouselContext = () => {\n  const context = useContext(CarouselContext)\n\n  if (!context) {\n    throw Error('useCarouselContext must be used within a Carousel provider')\n  }\n\n  return context\n}\n","import { cx } from 'class-variance-authority'\nimport { HTMLAttributes, ReactNode } from 'react'\n\nimport { useCarouselContext } from './Carousel'\n\ninterface ControlsProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode\n}\n\nexport const CarouselControls = ({ children, className, ...props }: ControlsProps) => {\n  const ctx = useCarouselContext()\n\n  return (\n    <div\n      data-spark-component=\"carousel-controls\"\n      className={cx(\n        'default:px-lg pointer-events-none absolute inset-0 flex flex-row items-center justify-between',\n        className\n      )}\n      {...ctx.getControlProps()}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nCarouselControls.displayName = 'Carousel.Controls'\n","import { ArrowVerticalRight } from '@spark-ui/icons/ArrowVerticalRight'\n\nimport { Icon } from '../icon'\nimport { IconButton, IconButtonProps } from '../icon-button'\nimport { useCarouselContext } from './Carousel'\n\nexport const CarouselNextButton = ({\n  'aria-label': ariaLabel,\n  ...buttonProps\n}: IconButtonProps) => {\n  const ctx = useCarouselContext()\n\n  return (\n    <IconButton\n      data-spark-component=\"carousel-next-button\"\n      {...ctx.getNextTriggerProps()}\n      intent=\"surface\"\n      design=\"filled\"\n      className=\"pointer-events-auto cursor-pointer shadow-sm disabled:invisible\"\n      aria-label={ariaLabel}\n      {...buttonProps}\n    >\n      <Icon>\n        <ArrowVerticalRight />\n      </Icon>\n    </IconButton>\n  )\n}\n\nCarouselNextButton.displayName = 'Carousel.NextButton'\n","import { cx } from 'class-variance-authority'\nimport { ReactNode, useEffect, useRef } from 'react'\n\nimport { useCarouselContext } from './Carousel'\n\ninterface Props {\n  children?: ReactNode\n  'aria-label': string\n  index: number\n  className?: string\n  unstyled?: boolean\n  intent?: 'basic' | 'surface'\n}\n\nexport const CarouselPageIndicator = ({\n  children,\n  unstyled = false,\n  index,\n  'aria-label': ariaLabel,\n  className,\n  intent = 'basic',\n}: Props) => {\n  const ctx = useCarouselContext()\n\n  const ref = useRef<HTMLButtonElement | null>(null)\n\n  useEffect(() => {\n    if (ctx.pageIndicatorsRefs.current) {\n      ctx.pageIndicatorsRefs.current[index] = ref.current\n    }\n  })\n\n  const indicatorProps = ctx.getIndicatorProps({ index })\n\n  return (\n    <button\n      data-spark-component=\"carousel-page-indicator\"\n      ref={ref}\n      key={index}\n      {...indicatorProps}\n      aria-label={ariaLabel}\n      className={cx(\n        {\n          [cx(\n            'border-outline group relative flex justify-center border-0 hover:cursor-pointer',\n            'm-sm rounded-sm transition-all duration-[200ms] ease-linear',\n            'w-sz-8 h-sz-8',\n            'data-[state=active]:w-sz-32 data-[state=active]:h-sz-8',\n            'data-[state=edge]:w-sz-4 data-[state=edge]:h-sz-4',\n            'data-[state=hidden]:m-0 data-[state=hidden]:size-0',\n            intent === 'surface'\n              ? 'data-[state=active]:bg-surface bg-surface/dim-2'\n              : 'data-[state=active]:bg-basic bg-on-surface/dim-2'\n          )]: !unstyled,\n          // [dotsStyles]: !unstyled,\n        },\n        className\n      )}\n    >\n      {children}\n    </button>\n  )\n}\n\nCarouselPageIndicator.displayName = 'Carousel.PageIndicator'\n","import { cx } from 'class-variance-authority'\nimport { ReactNode } from 'react'\n\nimport { useCarouselContext } from './Carousel'\nimport { CarouselAPI } from './types'\n\ninterface RenderProps extends CarouselAPI {\n  pages: number[]\n}\n\ninterface Props {\n  children: (renderProps: RenderProps) => ReactNode\n  className?: string\n}\n\nexport const CarouselPagePicker = ({ children, className }: Props) => {\n  const ctx = useCarouselContext()\n\n  return (\n    <>\n      <div\n        data-spark-component=\"carousel-page-picker\"\n        {...ctx.getIndicatorGroupProps()}\n        className={cx(\n          'flex-wrap items-center justify-center',\n          'default:min-h-sz-16 flex',\n          ctx.pagePickerInset && 'bottom-sz-12 absolute inset-x-0',\n          className\n        )}\n      >\n        {ctx.pageSnapPoints.length <= 1\n          ? null\n          : children({\n              ...ctx,\n              pages: Array.from({ length: ctx.pageSnapPoints.length }, (_, i) => i),\n            })}\n      </div>\n    </>\n  )\n}\n\nCarouselPagePicker.displayName = 'Carousel.PagePicker'\n","import { ArrowVerticalLeft } from '@spark-ui/icons/ArrowVerticalLeft'\n\nimport { Icon } from '../icon'\nimport { IconButton, IconButtonProps } from '../icon-button'\nimport { useCarouselContext } from './Carousel'\n\nexport const CarouselPrevButton = ({\n  'aria-label': ariaLabel,\n  ...buttonProps\n}: IconButtonProps) => {\n  const ctx = useCarouselContext()\n\n  return (\n    <IconButton\n      data-spark-component=\"carousel-prev-button\"\n      {...ctx.getPrevTriggerProps()}\n      intent=\"surface\"\n      design=\"filled\"\n      className=\"pointer-events-auto cursor-pointer shadow-sm disabled:invisible\"\n      aria-label={ariaLabel}\n      {...buttonProps}\n    >\n      <Icon>\n        <ArrowVerticalLeft />\n      </Icon>\n    </IconButton>\n  )\n}\n\nCarouselPrevButton.displayName = 'Carousel.PrevButton'\n","import { RefObject, useEffect, useState } from 'react'\n\nimport { useCarouselContext } from './Carousel'\n\n/**\n * Hook to track slide visibility using the centralized IntersectionObserver.\n * This optimizes performance by using a single observer per carousel instead of one per slide.\n */\nexport function useIsVisible(\n  elementRef: RefObject<HTMLElement | null>,\n  _parentRef: RefObject<HTMLElement | null>\n) {\n  const [isVisible, setIsVisible] = useState(true)\n  const ctx = useCarouselContext()\n\n  useEffect(() => {\n    const el = elementRef.current\n    if (!el) return\n\n    // Extract stable functions from context to avoid unnecessary re-renders\n    const { registerSlide, unregisterSlide } = ctx\n\n    // Register the slide with the centralized observer\n    registerSlide(el, setIsVisible)\n\n    // Cleanup: unregister when the component unmounts\n    return () => {\n      unregisterSlide(el)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [elementRef]) // Only depend on elementRef, registerSlide/unregisterSlide are stable callbacks\n\n  return isVisible\n}\n","import { cx } from 'class-variance-authority'\nimport { ComponentProps, ReactNode, useRef } from 'react'\n\nimport { useCarouselContext } from './Carousel'\nimport { useIsVisible } from './useIsVisible'\n\nexport interface CarouselSlideProps extends ComponentProps<'div'> {\n  isSnapPoint?: boolean\n  children?: ReactNode\n  index?: number\n  totalSlides?: number\n  className?: string\n}\n\nexport const CarouselSlide = ({\n  children,\n  index = 0,\n  totalSlides,\n  className = '',\n  ...props\n}: CarouselSlideProps) => {\n  const itemRef = useRef<HTMLDivElement>(null)\n  const ctx = useCarouselContext()\n\n  const isVisible = useIsVisible(itemRef, ctx.ref)\n\n  return (\n    <div\n      data-spark-component=\"carousel-slide\"\n      ref={itemRef}\n      {...ctx.getSlideProps({ index, totalSlides: totalSlides as number })}\n      className={cx('default:bg-surface relative overflow-hidden', className)}\n      aria-hidden={!isVisible}\n      inert={!isVisible}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nCarouselSlide.displayName = 'Carousel.Slide'\n","import { cx } from 'class-variance-authority'\nimport { Children, cloneElement, ComponentProps, isValidElement, ReactNode } from 'react'\n\nimport { useCarouselContext } from './Carousel'\nimport { CarouselSlideProps } from './CarouselSlide'\n\ninterface Props extends ComponentProps<'div'> {\n  children?: ReactNode\n  className?: string\n}\n\nexport const CarouselSlides = ({ children, className = '' }: Props) => {\n  const ctx = useCarouselContext()\n\n  const childrenElements = Children.toArray(children)\n\n  return (\n    <div\n      data-spark-component=\"carousel-slides\"\n      {...ctx.getSlidesContainerProps()}\n      className={cx(\n        'focus-visible:u-outline relative w-full',\n        '[-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',\n        className\n      )}\n    >\n      {childrenElements.map((child, index) =>\n        isValidElement<CarouselSlideProps>(child)\n          ? cloneElement(child, {\n              index,\n              totalSlides: childrenElements.length,\n            })\n          : child\n      )}\n    </div>\n  )\n}\n\nCarouselSlides.displayName = 'Carousel.Slides'\n","import { ReactNode } from 'react'\n\ninterface Props {\n  children: ReactNode\n}\n\nexport const CarouselViewport = ({ children }: Props) => {\n  return <div className=\"relative flex items-center justify-around p-0\">{children}</div>\n}\n\nCarouselViewport.displayName = 'Carousel.Viewport'\n","import { Carousel as Root } from './Carousel'\nimport { CarouselControls as Controls } from './CarouselControls'\nimport { CarouselNextButton as NextButton } from './CarouselNextButton'\nimport { CarouselPageIndicator as PageIndicator } from './CarouselPageIndicator'\nimport { CarouselPagePicker as PagePicker } from './CarouselPagePicker'\nimport { CarouselPrevButton as PrevButton } from './CarouselPrevButton'\nimport { CarouselSlide as Slide } from './CarouselSlide'\nimport { CarouselSlides as Slides } from './CarouselSlides'\nimport { CarouselViewport as Viewport } from './CarouselViewport'\n\nexport const Carousel: typeof Root & {\n  Controls: typeof Controls\n  NextButton: typeof NextButton\n  PrevButton: typeof PrevButton\n  Slide: typeof Slide\n  Slides: typeof Slides\n  Viewport: typeof Viewport\n  PagePicker: typeof PagePicker\n  PageIndicator: typeof PageIndicator\n} = Object.assign(Root, {\n  Controls,\n  NextButton,\n  PrevButton,\n  Slide,\n  Slides,\n  Viewport,\n  PagePicker,\n  PageIndicator,\n})\n\nCarousel.displayName = 'Carousel'\n"],"names":["useCarouselVisibility","carouselRef","slideVisibilityMap","useRef","visibilityObserverRef","visibilityCallbacksRef","createObserverCallback","useCallback","entries","entry","isVisible","element","callback","getOrCreateObserver","container","observer","useEffect","visibilityMap","callbacksMap","registerSlide","initialVisible","unregisterSlide","isSlideVisible","useEvent","ref","useLayoutEffect","args","useIsMounted","isMounted","useScrollEnd","scrollRef","scrollLeft","safariTimeout","supportsScrollend","handleScrollEnd","handleSafariScroll","useResizeObserver","getSnapIndices","totalSlides","slidesPerMove","slidesPerPage","slideBy","snapPoints","lastSnapIndex","i","getSlideElements","isSnapPoint","slideIndex","getSnapPositions","_","index","slide","computeDotState","dotIndex","pageState","totalPages","maxDots","startIndex","endIndex","useSnapPoints","initialSnapPoints","pageSnapPoints","setPageSnapPoints","useState","stableSnapPoints","useMemo","newSnapPoints","DATA_SCOPE","DIRECTION","useCarousel","defaultPage","gap","snapType","snapStop","scrollPadding","scrollBehavior","loop","pagePickerInset","controlledPage","onPageChangeProp","carouselId","useId","setPageState","pageIndicatorsRefs","onPageChange","canScrollPrev","canScrollNext","handlePageChange","page","scrollTo","behavior","scrollPrev","cb","targetPage","scrollNext","snapPositions","syncPageStateWithScrollPosition","distances","pagePosition","pageInViewport","isStopPoint","dotState","event","focusActiveIndicator","CarouselContext","createContext","Carousel","className","children","props","carouselApi","jsx","cx","useCarouselContext","context","useContext","CarouselControls","ctx","CarouselNextButton","ariaLabel","buttonProps","IconButton","Icon","ArrowVerticalRight","CarouselPageIndicator","unstyled","intent","indicatorProps","CarouselPagePicker","Fragment","CarouselPrevButton","ArrowVerticalLeft","useIsVisible","elementRef","_parentRef","setIsVisible","el","CarouselSlide","itemRef","CarouselSlides","childrenElements","Children","child","isValidElement","cloneElement","CarouselViewport","Root","Controls","NextButton","PrevButton","Slide","Slides","Viewport","PagePicker","PageIndicator"],"mappings":"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"}

package/dist/carousel/types.d.ts

@@ -0,0 +1,165 @@
+import { CSSProperties, KeyboardEvent, Ref, RefObject } from 'react';
+export declare const DATA_SCOPE: "carousel";
+export declare const DIRECTION: "ltr";
+export interface UseCarouselProps {
+    /**
+     * Opens the carousel on a predefined page index.
+     */
+    defaultPage?: number;
+    /**
+     * Active page of the carousel.
+     * Use it to control the carousel with your own state.
+     */
+    page?: number;
+    /**
+     * Space (in pixels) between slides.
+     */
+    gap?: number;
+    /**
+     * CSS scroll snap behavior.
+     * - `mandatory` to force snapping on each "page".
+     * - `proximity` to force snapping only when scroll position is near the edge of a "page". Behavior can change depending on each browser.
+     */
+    snapType?: 'proximity' | 'mandatory';
+    /**
+     * Defines whether or not the scroll container is allowed to "pass over" possible snap positions.
+     */
+    snapStop?: 'always' | 'normal';
+    /**
+     * Offset (in pixels) of the left of the optimal viewing region of the list.
+     */
+    scrollPadding?: number;
+    /**
+     * Number of slides to display in the carousel viewport.
+     */
+    slidesPerPage?: number;
+    /**
+     * By default, the carousel scroll N slides per move, N being the number of slides in the carousel viewport.
+     * Use this prop if you prefer to scroll by a smaller amount of slides each time.
+     */
+    slidesPerMove?: number | 'auto';
+    /**
+     * When `true`, allow previous and next buttons to be used when reaching the edges of the carousel.
+     */
+    loop?: boolean;
+    scrollBehavior?: 'instant' | 'smooth';
+    onPageChange?: (pageIndex: number) => void;
+    pagePickerInset?: boolean;
+    /**
+     * Maximum number of dots to display in the page picker.
+     */
+    maxDots?: number;
+}
+export interface ComputedRootProps {
+    id: string;
+    role: 'region';
+    'aria-roledescription': 'carousel';
+    'data-scope': typeof DATA_SCOPE;
+    'data-part': 'root';
+    'data-orientation': 'horizontal';
+    dir: typeof DIRECTION;
+    style: CSSProperties & {
+        '--slides-per-page': number;
+        '--slide-spacing': string;
+        '--slide-item-size': string;
+    };
+}
+export interface ComputedControlProps {
+    'data-scope': typeof DATA_SCOPE;
+    'data-part': 'control';
+    'data-orientation': 'horizontal';
+}
+export interface ComputedTriggerProps<T extends 'prev-trigger' | 'next-trigger'> {
+    id: string;
+    'aria-controls': string;
+    'data-scope': typeof DATA_SCOPE;
+    'data-part': T;
+    'data-orientation': 'horizontal';
+    type: 'button';
+    dir: typeof DIRECTION;
+    disabled: boolean;
+    onClick: () => void;
+}
+export interface ComputedSlideGroupProps {
+    id: string;
+    'aria-live': 'polite' | 'off';
+    'data-scope': typeof DATA_SCOPE;
+    'data-part': 'item-group';
+    'data-orientation': 'horizontal';
+    dir: typeof DIRECTION;
+    tabIndex: 0;
+    style: CSSProperties;
+    ref: Ref<HTMLDivElement | null>;
+}
+export interface ComputedSlideProps {
+    id: string;
+    role: 'group';
+    'aria-roledescription': 'slide';
+    'data-scope': typeof DATA_SCOPE;
+    'data-part': 'item';
+    'data-index': number;
+    'data-orientation': 'horizontal';
+    dir: typeof DIRECTION;
+    style: CSSProperties;
+}
+export interface ComputedIndicatorGroupProps {
+    role: 'radiogroup';
+    id: string;
+    'data-scope': typeof DATA_SCOPE;
+    'data-part': 'indicator-group';
+    'data-orientation': 'horizontal';
+    dir: typeof DIRECTION;
+}
+export interface ComputedIndicatorProps {
+    role: 'radio';
+    id: string;
+    'aria-checked': boolean;
+    'data-scope': typeof DATA_SCOPE;
+    'data-part': 'indicator';
+    'data-orientation': 'horizontal';
+    'data-index': number;
+    'data-state': 'active' | 'edge' | 'hidden' | 'idle';
+    tabIndex: 0 | -1;
+    onClick: () => void;
+    onKeyDown: (event: KeyboardEvent) => void;
+}
+interface AnatomyPropsSetters {
+    getRootProps: () => ComputedRootProps;
+    getControlProps: () => ComputedControlProps;
+    getPrevTriggerProps: () => ComputedTriggerProps<'prev-trigger'>;
+    getNextTriggerProps: () => ComputedTriggerProps<'next-trigger'>;
+    getSlidesContainerProps: () => ComputedSlideGroupProps;
+    getSlideProps: (props: {
+        index: number;
+        totalSlides: number;
+    }) => ComputedSlideProps;
+    getIndicatorGroupProps: () => ComputedIndicatorGroupProps;
+    getIndicatorProps: (props: {
+        index: number;
+    }) => ComputedIndicatorProps;
+}
+export interface CarouselAPI extends AnatomyPropsSetters {
+    ref: RefObject<HTMLElement | null>;
+    pageIndicatorsRefs: RefObject<(HTMLElement | null)[] | null>;
+    gap: number;
+    page: number;
+    pageSnapPoints: number[];
+    pagePickerInset: boolean;
+    canScrollNext: boolean;
+    canScrollPrev: boolean;
+    scrollTo: (pageIndex: number, behavior: 'instant' | 'smooth') => void;
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    loop: boolean;
+    scrollPadding: number;
+    slidesPerPage: number;
+    slidesPerMove: number | 'auto';
+    snapType: UseCarouselProps['snapType'];
+    snapStop: UseCarouselProps['snapStop'];
+    scrollBehavior: UseCarouselProps['scrollBehavior'];
+    maxDots: number;
+    registerSlide: (element: HTMLElement | null, callback: (isVisible: boolean) => void) => void;
+    unregisterSlide: (element: HTMLElement | null) => void;
+    isSlideVisible: (element: HTMLElement | null) => boolean;
+}
+export {};

package/dist/carousel/useCarousel.d.ts

@@ -0,0 +1,2 @@
+import { CarouselAPI, UseCarouselProps } from './types';
+export declare const useCarousel: ({ defaultPage, gap, snapType, snapStop, scrollPadding, slidesPerPage, slidesPerMove, scrollBehavior, loop, pagePickerInset, maxDots, page: controlledPage, onPageChange: onPageChangeProp, }: UseCarouselProps) => CarouselAPI;

package/dist/carousel/useCarouselVisibility.d.ts

@@ -0,0 +1,13 @@
+import { RefObject } from 'react';
+/**
+ * Hook to manage slide visibility using a centralized IntersectionObserver.
+ * This optimizes performance by using a single observer per carousel instead of one per slide.
+ *
+ * @param carouselRef - Reference to the carousel container element
+ * @returns Object with functions to register/unregister slides and check visibility
+ */
+export declare function useCarouselVisibility(carouselRef: RefObject<HTMLDivElement | null>): {
+    registerSlide: (element: HTMLElement | null, callback: (isVisible: boolean) => void) => void;
+    unregisterSlide: (element: HTMLElement | null) => void;
+    isSlideVisible: (element: HTMLElement | null) => boolean;
+};

package/dist/carousel/useEvent.d.ts

@@ -0,0 +1,7 @@
+type AnyFunction = (...args: any[]) => any;
+/**
+ * Directly from this gist: https://gist.github.com/diegohaz/695097a06f038a707c3a1b11e4e40195
+ * Until React releases a native `useEvent` hook.
+ */
+export declare function useEvent<T extends AnyFunction>(callback?: T): T;
+export {};

package/dist/carousel/useIsMounted.d.ts

@@ -0,0 +1 @@
+export declare const useIsMounted: () => import('react').RefObject<boolean>;

package/dist/carousel/useIsVisible.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+/**
+ * Hook to track slide visibility using the centralized IntersectionObserver.
+ * This optimizes performance by using a single observer per carousel instead of one per slide.
+ */
+export declare function useIsVisible(elementRef: RefObject<HTMLElement | null>, _parentRef: RefObject<HTMLElement | null>): boolean;

package/dist/carousel/useResizeObserver.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useResizeObserver<T extends HTMLElement | null>(ref: RefObject<T>, callback: (width: number) => void): void;

package/dist/carousel/useScrollEnd.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+export declare function useScrollEnd(scrollRef: RefObject<HTMLDivElement | null>, callback: () => void): void;
+export default useScrollEnd;

package/dist/carousel/useSnapPoints.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+/**
+ * Get the scroll value of each slides that serves as the start of a page
+ * The array is updated when resize event are caught in the carousel.
+ */
+export declare function useSnapPoints<T extends HTMLDivElement | null>(initialSnapPoints: number[] | undefined, { carouselRef, slidesPerMove, slidesPerPage, }: {
+    carouselRef: RefObject<T>;
+    slidesPerMove: 'auto' | number;
+    slidesPerPage: number;
+}): readonly [number[], import('react').Dispatch<import('react').SetStateAction<number[]>>];

package/dist/carousel/utils.d.ts

@@ -0,0 +1,24 @@
+export declare function getSlideElements(container: HTMLDivElement | null): Element[];
+export declare function isSnapPoint(slideIndex: number, { container, slidesPerMove, slidesPerPage, }: {
+    container: HTMLDivElement | null;
+    slidesPerMove: number | 'auto';
+    slidesPerPage: number;
+}): boolean;
+/**
+ * Get the scroll value of each slides that serves as the start of a page
+ * @returns number[] (ex for a 400px carousel with no gap: [400, 800, 1200])
+ */
+export declare function getSnapPositions({ container, slidesPerMove, slidesPerPage, }: {
+    container: HTMLDivElement | null;
+    slidesPerMove: number | 'auto';
+    slidesPerPage: number;
+}): number[];
+/**
+ * Calculate the state of a dot indicator of a carousel depending on the current page and the total number of pages.
+ */
+export declare function computeDotState({ dotIndex, pageState, totalPages, maxDots, }: {
+    dotIndex: number;
+    pageState: number;
+    totalPages: number;
+    maxDots?: number;
+}): 'active' | 'edge' | 'idle' | 'hidden';

package/dist/checkbox/Checkbox.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { CheckboxGroupContextState } from './CheckboxGroupContext';
+import { CheckboxInputProps } from './CheckboxInput';
+export type CheckboxProps = CheckboxInputProps & Pick<CheckboxGroupContextState, 'reverse'> & {
+    ref?: Ref<HTMLButtonElement>;
+};
+export declare const Checkbox: {
+    ({ id: idProp, className, intent: intentProp, checked: checkedProp, value, disabled, reverse, onCheckedChange, children, ref: forwardedRef, ...others }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/checkbox/CheckboxGroup.d.ts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+import { CheckboxGroupStylesProps } from './CheckboxGroup.styles';
+import { CheckboxGroupContextState } from './CheckboxGroupContext';
+export interface CheckboxGroupProps extends Omit<ComponentPropsWithoutRef<'div'>, 'value' | 'defaultValue' | 'onChange'>, CheckboxGroupStylesProps, Pick<CheckboxGroupContextState, 'intent' | 'name' | 'value' | 'reverse'> {
+    /**
+     * The initial value of the checkbox group
+     */
+    defaultValue?: string[];
+    /**
+     * The callback fired when any children Checkbox is checked or unchecked
+     */
+    onCheckedChange?: (value: string[]) => void;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const CheckboxGroup: {
+    ({ name: nameProp, value: valueProp, defaultValue, className, intent, orientation, onCheckedChange: onCheckedChangeProp, reverse, children, ref, ...others }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/checkbox/CheckboxGroup.styles.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const checkboxGroupStyles: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type CheckboxGroupStylesProps = VariantProps<typeof checkboxGroupStyles>;

package/dist/checkbox/CheckboxGroupContext.d.ts

@@ -0,0 +1,41 @@
+import { CheckboxInputStylesProps } from './CheckboxInput.styles';
+export interface CheckboxGroupContextState extends Pick<CheckboxInputStylesProps, 'intent'> {
+    /**
+     * The id of the checkbox group.
+     */
+    id: string;
+    /**
+     * The name of the group. Submitted with its owning form as part of a name/value pair.
+     */
+    name?: string;
+    /**
+     * The value of the checkbox group.
+     */
+    value?: string[];
+    /**
+     * A set of ids separated by a space used to describe the input component given by a set of messages.
+     */
+    description?: string;
+    /**
+     * The validation state of the checkbox group.
+     */
+    state?: 'error' | 'success' | 'alert';
+    /**
+     * If true, the checkbox group will be invalid.
+     */
+    isInvalid?: boolean;
+    /**
+     * If true, the checkbox group will be required.
+     */
+    isRequired?: boolean;
+    /**
+     * Callback used to update or notify the value of the checkbox group.
+     */
+    onCheckedChange?: (checked: boolean, changed: string) => void;
+    /**
+     * When true, the label will be placed on the left side of the Checkbox
+     */
+    reverse?: boolean;
+}
+export declare const CheckboxGroupContext: import('react').Context<Partial<CheckboxGroupContextState>>;
+export declare const useCheckboxGroup: () => Partial<CheckboxGroupContextState>;

package/dist/checkbox/CheckboxIndicator.d.ts

@@ -0,0 +1,9 @@
+import { Checkbox } from 'radix-ui';
+import { Ref } from 'react';
+export type CheckboxIndicatorProps = Checkbox.CheckboxIndicatorProps & {
+    ref?: Ref<HTMLSpanElement>;
+};
+export declare const CheckboxIndicator: {
+    (props: CheckboxIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};