@spark-ui/components 10.12.0 → 10.13.0

package/dist/carousel/index.d.mts

@@ -51,6 +51,10 @@ interface UseCarouselProps {
     scrollBehavior?: 'instant' | 'smooth';
     onPageChange?: (pageIndex: number) => void;
     pagePickerInset?: boolean;
+    /**
+     * Maximum number of dots to display in the page picker.
+     */
+    maxDots?: number;
 }
 interface ComputedRootProps {
     id: string;
@@ -120,7 +124,7 @@ interface ComputedIndicatorProps {
     'data-part': 'indicator';
     'data-orientation': 'horizontal';
     'data-index': number;
-    'data-state': 'active' | 'inactive';
+    'data-state': 'active' | 'edge' | 'hidden' | 'idle';
     tabIndex: 0 | -1;
     onClick: () => void;
     onKeyDown: (event: KeyboardEvent) => void;
@@ -159,6 +163,7 @@ interface CarouselAPI extends AnatomyPropsSetters {
     snapType: UseCarouselProps['snapType'];
     snapStop: UseCarouselProps['snapStop'];
     scrollBehavior: UseCarouselProps['scrollBehavior'];
+    maxDots: number;
 }
 
 interface Props$4 extends UseCarouselProps, ComponentProps<'div'> {
@@ -166,7 +171,7 @@ interface Props$4 extends UseCarouselProps, ComponentProps<'div'> {
     className?: string;
 }
 declare const Carousel$1: {
-    ({ className, snapType, snapStop, scrollBehavior, slidesPerMove, pagePickerInset, slidesPerPage, loop, children, gap, defaultPage, page, onPageChange, ...props }: Props$4): react_jsx_runtime.JSX.Element;
+    ({ className, snapType, snapStop, scrollBehavior, slidesPerMove, pagePickerInset, slidesPerPage, loop, children, gap, defaultPage, page, onPageChange, maxDots, ...props }: Props$4): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 

package/dist/carousel/index.d.ts

@@ -51,6 +51,10 @@ interface UseCarouselProps {
     scrollBehavior?: 'instant' | 'smooth';
     onPageChange?: (pageIndex: number) => void;
     pagePickerInset?: boolean;
+    /**
+     * Maximum number of dots to display in the page picker.
+     */
+    maxDots?: number;
 }
 interface ComputedRootProps {
     id: string;
@@ -120,7 +124,7 @@ interface ComputedIndicatorProps {
     'data-part': 'indicator';
     'data-orientation': 'horizontal';
     'data-index': number;
-    'data-state': 'active' | 'inactive';
+    'data-state': 'active' | 'edge' | 'hidden' | 'idle';
     tabIndex: 0 | -1;
     onClick: () => void;
     onKeyDown: (event: KeyboardEvent) => void;
@@ -159,6 +163,7 @@ interface CarouselAPI extends AnatomyPropsSetters {
     snapType: UseCarouselProps['snapType'];
     snapStop: UseCarouselProps['snapStop'];
     scrollBehavior: UseCarouselProps['scrollBehavior'];
+    maxDots: number;
 }
 
 interface Props$4 extends UseCarouselProps, ComponentProps<'div'> {
@@ -166,7 +171,7 @@ interface Props$4 extends UseCarouselProps, ComponentProps<'div'> {
     className?: string;
 }
 declare const Carousel$1: {
-    ({ className, snapType, snapStop, scrollBehavior, slidesPerMove, pagePickerInset, slidesPerPage, loop, children, gap, defaultPage, page, onPageChange, ...props }: Props$4): react_jsx_runtime.JSX.Element;
+    ({ className, snapType, snapStop, scrollBehavior, slidesPerMove, pagePickerInset, slidesPerPage, loop, children, gap, defaultPage, page, onPageChange, maxDots, ...props }: Props$4): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 

package/dist/carousel/index.js

@@ -163,6 +163,35 @@ function getSnapPositions({
     });
   }).map((slide) => slide.offsetLeft);
 }
+function computeDotState({
+  dotIndex,
+  pageState,
+  totalPages,
+  maxDots = 5
+}) {
+  if (totalPages <= maxDots) {
+    return dotIndex === pageState ? "active" : "idle";
+  }
+  if (pageState <= Math.floor(maxDots / 2)) {
+    if (dotIndex > maxDots - 1) return "hidden";
+    if (dotIndex === pageState) return "active";
+    if (dotIndex === maxDots - 1) return "edge";
+    return "idle";
+  }
+  if (pageState >= totalPages - Math.ceil(maxDots / 2)) {
+    const startIndex2 = totalPages - maxDots;
+    if (dotIndex < startIndex2) return "hidden";
+    if (dotIndex === pageState) return "active";
+    if (dotIndex === startIndex2) return "edge";
+    return "idle";
+  }
+  const startIndex = pageState - Math.floor(maxDots / 2);
+  const endIndex = pageState + Math.floor(maxDots / 2);
+  if (dotIndex < startIndex || dotIndex > endIndex) return "hidden";
+  if (dotIndex === pageState) return "active";
+  if (dotIndex === startIndex || dotIndex === endIndex) return "edge";
+  return "idle";
+}
 
 // src/carousel/useSnapPoints.ts
 function useSnapPoints(initialSnapPoints = [], {
@@ -199,6 +228,7 @@ var useCarousel = ({
   scrollBehavior = "smooth",
   loop = false,
   pagePickerInset = false,
+  maxDots = 5,
   // state control
   page: controlledPage,
   onPageChange: onPageChangeProp
@@ -301,6 +331,7 @@ var useCarousel = ({
     scrollBehavior,
     loop,
     pagePickerInset,
+    maxDots,
     // computed state
     page: pageState,
     pageSnapPoints,
@@ -409,17 +440,22 @@ var useCarousel = ({
       dir: DIRECTION
     }),
     getIndicatorProps: ({ index }) => {
-      const isActivePage = index === pageState;
+      const dotState = computeDotState({
+        dotIndex: index,
+        pageState,
+        totalPages: pageSnapPoints.length,
+        maxDots
+      });
       return {
         role: "radio",
         id: `carousel::${carouselId}::indicator:${index}`,
-        "aria-checked": isActivePage,
+        "aria-checked": index === pageState,
         "data-scope": DATA_SCOPE,
         "data-part": "indicator",
         "data-orientation": "horizontal",
         "data-index": index,
-        "data-state": isActivePage ? "active" : "inactive",
-        tabIndex: isActivePage ? 0 : -1,
+        "data-state": dotState,
+        tabIndex: index === pageState ? 0 : -1,
         onClick: () => {
           scrollTo(index, scrollBehavior);
         },
@@ -456,6 +492,7 @@ var Carousel = ({
   defaultPage,
   page,
   onPageChange,
+  maxDots = 5,
   ...props
 }) => {
   const carouselApi = useCarousel({
@@ -469,7 +506,8 @@ var Carousel = ({
     snapType,
     page,
     pagePickerInset,
-    onPageChange
+    onPageChange,
+    maxDots
   });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     CarouselContext.Provider,
@@ -1576,28 +1614,26 @@ var CarouselPageIndicator = ({
       ctx.pageIndicatorsRefs.current[index] = ref.current;
     }
   });
-  const styles = (0, import_class_variance_authority8.cx)(
-    "group h-sz-16 relative flex",
-    "hover:cursor-pointer",
-    "w-sz-16 data-[state=active]:w-sz-44"
-  );
-  const dotsStyles = (0, import_class_variance_authority8.cx)(
-    "before:rounded-sm before:block before:size-md",
-    "before:absolute before:left-1/2 before:top-1/2 before:-translate-x-1/2 before:-translate-y-1/2",
-    "data-[state=active]:before:w-sz-32",
-    intent === "surface" ? "data-[state=active]:before:bg-surface data-[state=inactive]:before:bg-surface/dim-2" : "data-[state=active]:before:bg-basic data-[state=inactive]:before:bg-on-surface/dim-2"
-  );
+  const indicatorProps = ctx.getIndicatorProps({ index });
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "button",
     {
       "data-spark-component": "carousel-page-indicator",
       ref,
-      ...ctx.getIndicatorProps({ index }),
+      ...indicatorProps,
       "aria-label": ariaLabel,
       className: (0, import_class_variance_authority8.cx)(
         {
-          [styles]: !unstyled,
-          [dotsStyles]: !unstyled
+          [(0, import_class_variance_authority8.cx)(
+            "border-outline group relative flex justify-center border-0 hover:cursor-pointer",
+            "m-sm rounded-sm transition-all duration-[200ms] ease-linear",
+            "w-sz-8 h-sz-8",
+            "data-[state=active]:w-sz-32 data-[state=active]:h-sz-8",
+            "data-[state=edge]:w-sz-4 data-[state=edge]:h-sz-4",
+            "data-[state=hidden]:size-0",
+            intent === "surface" ? "data-[state=active]:bg-surface bg-surface/dim-2" : "data-[state=active]:bg-basic bg-on-surface/dim-2"
+          )]: !unstyled
+          // [dotsStyles]: !unstyled,
         },
         className
       ),
@@ -1619,7 +1655,8 @@ var CarouselPagePicker = ({ children, className }) => {
       "data-spark-component": "carousel-page-picker",
       ...ctx.getIndicatorGroupProps(),
       className: (0, import_class_variance_authority9.cx)(
-        "default:min-h-sz-16 flex w-full flex-wrap items-center justify-center",
+        "flex-wrap items-center justify-center",
+        "default:min-h-sz-16 flex",
         ctx.pagePickerInset && "bottom-sz-12 absolute inset-x-0",
         className
       ),

package/dist/carousel/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/carousel/index.ts","../../src/carousel/Carousel.tsx","../../src/carousel/useCarousel.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/icon/Icon.tsx","../../src/slot/Slot.tsx","../../src/visually-hidden/VisuallyHidden.tsx","../../src/icon/Icon.styles.tsx","../../src/button/Button.tsx","../../src/spinner/Spinner.styles.tsx","../../src/spinner/Spinner.tsx","../../src/button/Button.styles.tsx","../../src/button/variants/filled.ts","../../src/button/variants/ghost.ts","../../src/button/variants/outlined.ts","../../src/button/variants/tinted.ts","../../src/button/variants/contrast.ts","../../src/icon-button/IconButton.styles.tsx","../../src/icon-button/IconButton.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"],"sourcesContent":["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","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  ...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  })\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 { useEvent } from './useEvent'\nimport { useIsMounted } from './useIsMounted'\nimport { useScrollEnd } from './useScrollEnd'\nimport { useSnapPoints } from './useSnapPoints'\nimport { 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  // 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  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    // computed state\n    page: pageState,\n    pageSnapPoints,\n    canScrollNext: canScrollNext.current,\n    canScrollPrev: canScrollPrev.current,\n    scrollTo,\n    scrollPrev,\n    scrollNext,\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 isActivePage = index === pageState\n\n      return {\n        role: 'radio',\n        id: `carousel::${carouselId}::indicator:${index}`,\n        'aria-checked': isActivePage,\n        'data-scope': DATA_SCOPE,\n        'data-part': 'indicator',\n        'data-orientation': 'horizontal',\n        'data-index': index,\n        'data-state': isActivePage ? 'active' : 'inactive',\n        tabIndex: isActivePage ? 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 { 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","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 { Children, cloneElement, ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react'\n\nimport { VisuallyHidden } from '../visually-hidden'\nimport { iconStyles, IconVariantsProps } from './Icon.styles'\n\nexport interface IconProps extends IconVariantsProps, ComponentPropsWithoutRef<'svg'> {\n  /**\n   * The svg icon that will be wrapped\n   */\n  children: ReactNode\n  /**\n   * The accessible label for the icon. This label will be visually hidden but announced to screen\n   * reader users, similar to `alt` text for `img` tags.\n   */\n  label?: string\n}\n\nexport const Icon = ({\n  label,\n  className,\n  size = 'current',\n  intent = 'current',\n  children,\n  ...others\n}: IconProps) => {\n  const child = Children.only(children)\n\n  return (\n    <>\n      {cloneElement(child as ReactElement<Record<string, any>>, {\n        className: iconStyles({ className, size, intent }),\n        'data-spark-component': 'icon',\n        'aria-hidden': 'true',\n        focusable: 'false',\n        ...others,\n      })}\n\n      {label && <VisuallyHidden>{label}</VisuallyHidden>}\n    </>\n  )\n}\n\nIcon.displayName = 'Icon'\n","import { Slot as RadixSlot } from 'radix-ui'\nimport {\n  cloneElement,\n  HTMLAttributes,\n  isValidElement,\n  PropsWithChildren,\n  ReactNode,\n  Ref,\n} from 'react'\n\nexport const Slottable: typeof RadixSlot.Slottable = RadixSlot.Slottable\n\nexport type SlotProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Slot = ({ ref, ...props }: SlotProps) => {\n  return <RadixSlot.Root ref={ref} {...props} />\n}\n\n/**\n * When using Radix `Slot` component, it will consider its first child to merge its props with.\n * In some cases, you might need to wrap the top child with additional markup without breaking this behaviour.\n */\nexport const wrapPolymorphicSlot = (\n  asChild: boolean | undefined,\n  children: ReactNode,\n  callback: (children: ReactNode) => ReactNode\n) => {\n  if (!asChild) return callback(children) // If polymorphic behaviour is not used, we keep the original children\n\n  return isValidElement(children)\n    ? cloneElement(\n        children,\n        undefined,\n        callback((children.props as { children: ReactNode }).children)\n      )\n    : null\n}\n","import { HTMLAttributes, PropsWithChildren, Ref } from 'react'\n\nimport { Slot } from '../slot'\n\nexport type VisuallyHiddenProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLElement>\n}\n\nexport const VisuallyHidden = ({ asChild = false, ref, ...props }: VisuallyHiddenProps) => {\n  const Component = asChild ? Slot : 'span'\n\n  return (\n    <Component\n      {...props}\n      ref={ref}\n      style={{\n        // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss\n        position: 'absolute',\n        border: 0,\n        width: 1,\n        height: 1,\n        padding: 0,\n        margin: -1,\n        overflow: 'hidden',\n        clip: 'rect(0, 0, 0, 0)',\n        whiteSpace: 'nowrap',\n        wordWrap: 'normal',\n        ...props.style,\n      }}\n    />\n  )\n}\n\nVisuallyHidden.displayName = 'VisuallyHidden'\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const iconStyles = cva(['fill-current shrink-0'], {\n  variants: {\n    /**\n     * Color scheme of the icon.\n     */\n    intent: makeVariants<\n      'intent',\n      [\n        'current',\n        'main',\n        'support',\n        'accent',\n        'basic',\n        'success',\n        'alert',\n        'error',\n        'info',\n        'neutral',\n      ]\n    >({\n      current: ['text-current'],\n      main: ['text-main'],\n      support: ['text-support'],\n      accent: ['text-accent'],\n      basic: ['text-basic'],\n      success: ['text-success'],\n      alert: ['text-alert'],\n      error: ['text-error'],\n      info: ['text-info'],\n      neutral: ['text-neutral'],\n    }),\n    /**\n     * Sets the size of the icon.\n     */\n    size: makeVariants<'size', ['current', 'sm', 'md', 'lg', 'xl']>({\n      current: ['u-current-font-size'],\n      sm: ['w-sz-16', 'h-sz-16'],\n      md: ['w-sz-24', 'h-sz-24'],\n      lg: ['w-sz-32', 'h-sz-32'],\n      xl: ['w-sz-40', 'h-sz-40'],\n    }),\n  },\n})\n\nexport type IconVariantsProps = VariantProps<typeof iconStyles>\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, type DOMAttributes, Ref, useMemo } from 'react'\n\nimport { Slot, wrapPolymorphicSlot } from '../slot'\nimport { Spinner, type SpinnerProps } from '../spinner'\nimport { buttonStyles, type ButtonStylesProps } from './Button.styles'\n\nexport interface ButtonProps\n  extends Omit<ComponentPropsWithoutRef<'button'>, 'disabled'>,\n    ButtonStylesProps {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  /**\n   * Display a spinner to indicate to the user that the button is loading something after they interacted with it.\n   */\n  isLoading?: boolean\n  /**\n   * If your loading state should only display a spinner, it's better to specify a label for it (a11y).\n   */\n  loadingLabel?: string\n  /**\n   * If your loading state should also display a label, you can use this prop instead of `loadingLabel`.\n   * **Please note that using this can result in layout shifting when the Button goes from loading state to normal state.**\n   */\n  loadingText?: string\n  ref?: Ref<HTMLButtonElement>\n}\n\ntype DOMAttributesEventHandler = keyof Omit<\n  DOMAttributes<HTMLButtonElement>,\n  'children' | 'dangerouslySetInnerHTML'\n>\n\nconst blockedEventHandlers: DOMAttributesEventHandler[] = [\n  'onClick',\n  'onMouseDown',\n  'onMouseUp',\n  'onMouseEnter',\n  'onMouseLeave',\n  'onMouseOver',\n  'onMouseOut',\n  'onKeyDown',\n  'onKeyPress',\n  'onKeyUp',\n  'onSubmit',\n]\n\nexport const Button = ({\n  children,\n  design = 'filled',\n  disabled = false,\n  intent = 'main',\n  isLoading = false,\n  loadingLabel,\n  loadingText,\n  shape = 'rounded',\n  size = 'md',\n  asChild,\n  className,\n  underline = false,\n  ref,\n  ...others\n}: ButtonProps) => {\n  const Component = asChild ? Slot : 'button'\n\n  const shouldNotInteract = !!disabled || isLoading\n\n  const disabledEventHandlers = useMemo(() => {\n    const result: Partial<Record<DOMAttributesEventHandler, () => void>> = {}\n\n    if (shouldNotInteract) {\n      blockedEventHandlers.forEach(eventHandler => (result[eventHandler] = undefined))\n    }\n\n    return result\n  }, [shouldNotInteract])\n\n  const spinnerProps = {\n    size: 'current' as SpinnerProps['size'],\n    className: loadingText ? 'inline-block' : 'absolute',\n    ...(loadingLabel && { 'aria-label': loadingLabel }),\n  }\n\n  return (\n    <Component\n      data-spark-component=\"button\"\n      {...(Component === 'button' && { type: 'button' })}\n      ref={ref}\n      className={buttonStyles({\n        className,\n        design,\n        disabled: shouldNotInteract,\n        intent,\n        shape,\n        size,\n        underline,\n      })}\n      disabled={!!disabled}\n      aria-busy={isLoading}\n      aria-live={isLoading ? 'assertive' : 'off'}\n      {...others}\n      {...disabledEventHandlers}\n    >\n      {wrapPolymorphicSlot(asChild, children, slotted =>\n        isLoading ? (\n          <>\n            <Spinner {...spinnerProps} />\n            {loadingText && loadingText}\n\n            <div\n              aria-hidden\n              className={cx('gap-md', loadingText ? 'hidden' : 'inline-flex opacity-0')}\n            >\n              {slotted}\n            </div>\n          </>\n        ) : (\n          slotted\n        )\n      )}\n    </Component>\n  )\n}\n\nButton.displayName = 'Button'\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nconst defaultVariants = {\n  intent: 'current',\n  size: 'current',\n  isBackgroundVisible: false,\n} as const\n\nexport const spinnerStyles = cva(\n  ['inline-block', 'border-solid', 'rounded-full', 'border-md', 'animate-spin'],\n  {\n    variants: {\n      /**\n       * Use `size` prop to set the size of the spinner. If you want to set the full size for the spinner, don't forget to add a wrapping container with its own size.\n       */\n      size: {\n        current: ['u-current-font-size'],\n        sm: ['w-sz-20', 'h-sz-20'],\n        md: ['w-sz-28', 'h-sz-28'],\n        full: ['w-full', 'h-full'],\n      },\n      /**\n       * Color scheme of the spinner.\n       */\n      intent: makeVariants<\n        'intent',\n        [\n          'current',\n          'main',\n          'support',\n          'accent',\n          'basic',\n          'success',\n          'alert',\n          'error',\n          'info',\n          'neutral',\n        ]\n      >({\n        current: ['border-current'],\n        main: ['border-main'],\n        support: ['border-support'],\n        accent: ['border-accent'],\n        basic: ['border-basic'],\n        success: ['border-success'],\n        alert: ['border-alert'],\n        error: ['border-error'],\n        info: ['border-info'],\n        neutral: ['border-neutral'],\n      }),\n      /**\n       * Size of the button.\n       */\n      isBackgroundVisible: {\n        true: ['border-b-neutral-container', 'border-l-neutral-container'],\n        false: ['border-b-transparent', 'border-l-transparent'],\n      },\n    },\n    defaultVariants,\n  }\n)\n\nexport type SpinnerStylesProps = VariantProps<typeof spinnerStyles>\n","import { ComponentPropsWithRef, PropsWithChildren } from 'react'\n\nimport { VisuallyHidden } from '../visually-hidden'\nimport { spinnerStyles, SpinnerStylesProps } from './Spinner.styles'\n\nexport interface SpinnerProps extends ComponentPropsWithRef<'div'>, SpinnerStylesProps {\n  /**\n   * Use `label` prop for accessibility, it is important to add a fallback loading text. This text will be visible to screen readers.\n   */\n  label?: string\n}\n\nexport const Spinner = ({\n  className,\n  size = 'current',\n  intent = 'current',\n  label,\n  isBackgroundVisible,\n  ref,\n  ...others\n}: PropsWithChildren<SpinnerProps>) => {\n  return (\n    <span\n      role=\"status\"\n      data-spark-component=\"spinner\"\n      ref={ref}\n      className={spinnerStyles({ className, size, intent, isBackgroundVisible })}\n      {...others}\n    >\n      {label && <VisuallyHidden>{label}</VisuallyHidden>}\n    </span>\n  )\n}\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nimport {\n  contrastVariants,\n  filledVariants,\n  ghostVariants,\n  outlinedVariants,\n  tintedVariants,\n} from './variants'\n\nexport const buttonStyles = cva(\n  [\n    'u-shadow-border-transition',\n    'box-border inline-flex items-center justify-center gap-md whitespace-nowrap',\n    'default:px-lg',\n    'text-body-1 font-bold',\n    'focus-visible:u-outline',\n  ],\n  {\n    variants: {\n      /**\n       * Main style of the button.\n       *\n       * - `filled`: Button will be plain.\n       *\n       * - `outlined`: Button will be transparent with an outline.\n       *\n       * - `tinted`: Button will be filled but using a lighter color scheme.\n       *\n       * - `ghost`: Button will look like a link. No borders, plain text.\n       *\n       * - `contrast`: Button will be surface filled. No borders, plain text.\n       *\n       */\n      design: makeVariants<'design', ['filled', 'outlined', 'tinted', 'ghost', 'contrast']>({\n        filled: [],\n        outlined: ['bg-transparent', 'border-sm', 'border-current'],\n        tinted: [],\n        ghost: ['default:-mx-md px-md hover:bg-main/dim-5'],\n        contrast: [],\n      }),\n      underline: {\n        true: ['underline'],\n      },\n      /**\n       * Color scheme of the button.\n       */\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'basic',\n          'success',\n          'alert',\n          'danger',\n          'info',\n          'neutral',\n          'surface',\n          'surfaceInverse',\n        ]\n      >({\n        main: [],\n        support: [],\n        accent: [],\n        basic: [],\n        success: [],\n        alert: [],\n        danger: [],\n        info: [],\n        neutral: [],\n        surface: [],\n        surfaceInverse: [],\n      }),\n      /**\n       * Size of the button.\n       */\n      size: makeVariants<'size', ['sm', 'md', 'lg']>({\n        sm: ['min-w-sz-32', 'h-sz-32'],\n        md: ['min-w-sz-44', 'h-sz-44'],\n        lg: ['min-w-sz-56', 'h-sz-56'],\n      }),\n      /**\n       * Shape of the button.\n       */\n      shape: makeVariants<'shape', ['rounded', 'square', 'pill']>({\n        rounded: ['rounded-lg'],\n        square: ['rounded-0'],\n        pill: ['rounded-full'],\n      }),\n      /**\n       * Disable the button, preventing user interaction and adding opacity.\n       */\n      disabled: {\n        true: ['cursor-not-allowed', 'opacity-dim-3'],\n        false: ['cursor-pointer'],\n      },\n    },\n    compoundVariants: [\n      ...filledVariants,\n      ...outlinedVariants,\n      ...tintedVariants,\n      ...ghostVariants,\n      ...contrastVariants,\n    ],\n    defaultVariants: {\n      design: 'filled',\n      intent: 'main',\n      size: 'md',\n      shape: 'rounded',\n    },\n  }\n)\n\nexport type ButtonStylesProps = VariantProps<typeof buttonStyles>\n","import { tw } from '@spark-ui/internal-utils'\n\nexport const filledVariants = [\n  // Main\n  {\n    intent: 'main',\n    design: 'filled',\n    class: tw([\n      'bg-main',\n      'text-on-main',\n      'hover:bg-main-hovered',\n      'enabled:active:bg-main-hovered',\n      'focus-visible:bg-main-hovered',\n    ]),\n  },\n  // Support\n  {\n    intent: 'support',\n    design: 'filled',\n    class: tw([\n      'bg-support',\n      'text-on-support',\n      'hover:bg-support-hovered',\n      'enabled:active:bg-support-hovered',\n      'focus-visible:bg-support-hovered',\n    ]),\n  },\n  // Accent\n  {\n    intent: 'accent',\n    design: 'filled',\n    class: tw([\n      'bg-accent',\n      'text-on-accent',\n      'hover:bg-accent-hovered',\n      'enabled:active:bg-accent-hovered',\n      'focus-visible:bg-accent-hovered',\n    ]),\n  },\n  // Basic\n  {\n    intent: 'basic',\n    design: 'filled',\n    class: tw([\n      'bg-basic',\n      'text-on-basic',\n      'hover:bg-basic-hovered',\n      'enabled:active:bg-basic-hovered',\n      'focus-visible:bg-basic-hovered',\n    ]),\n  },\n  // Success\n  {\n    intent: 'success',\n    design: 'filled',\n    class: tw([\n      'bg-success',\n      'text-on-success',\n      'hover:bg-success-hovered',\n      'enabled:active:bg-success-hovered',\n      'focus-visible:bg-success-hovered',\n    ]),\n  },\n  // Alert\n  {\n    intent: 'alert',\n    design: 'filled',\n    class: tw([\n      'bg-alert',\n      'text-on-alert',\n      'hover:bg-alert-hovered',\n      'enabled:active:bg-alert-hovered',\n      'focus-visible:bg-alert-hovered',\n    ]),\n  },\n  // Danger\n  {\n    intent: 'danger',\n    design: 'filled',\n    class: tw([\n      'text-on-error bg-error',\n      'hover:bg-error-hovered enabled:active:bg-error-hovered',\n      'focus-visible:bg-error-hovered',\n    ]),\n  },\n  // Info\n  {\n    intent: 'info',\n    design: 'filled',\n    class: tw([\n      'text-on-error bg-info',\n      'hover:bg-info-hovered enabled:active:bg-info-hovered',\n      'focus-visible:bg-info-hovered',\n    ]),\n  },\n  // Neutral\n  {\n    intent: 'neutral',\n    design: 'filled',\n    class: tw([\n      'bg-neutral',\n      'text-on-neutral',\n      'hover:bg-neutral-hovered',\n      'enabled:active:bg-neutral-hovered',\n      'focus-visible:bg-neutral-hovered',\n    ]),\n  },\n  // Surface\n  {\n    intent: 'surface',\n    design: 'filled',\n    class: tw([\n      'bg-surface',\n      'text-on-surface',\n      'hover:bg-surface-hovered',\n      'enabled:active:bg-surface-hovered',\n      'focus-visible:bg-surface-hovered',\n    ]),\n  },\n  {\n    intent: 'surfaceInverse',\n    design: 'filled',\n    class: tw([\n      'bg-surface-inverse',\n      'text-on-surface-inverse',\n      'hover:bg-surface-inverse-hovered',\n      'enabled:active:bg-surface-inverse-hovered',\n      'focus-visible:bg-surface-inverse-hovered',\n    ]),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\n\nexport const ghostVariants = [\n  {\n    intent: 'main',\n    design: 'ghost',\n    class: tw([\n      'text-main',\n      'hover:bg-main/dim-5',\n      'enabled:active:bg-main/dim-5',\n      'focus-visible:bg-main/dim-5',\n    ]),\n  },\n  {\n    intent: 'support',\n    design: 'ghost',\n    class: tw([\n      'text-support',\n      'hover:bg-support/dim-5',\n      'enabled:active:bg-support/dim-5',\n      'focus-visible:bg-support/dim-5',\n    ]),\n  },\n  {\n    intent: 'accent',\n    design: 'ghost',\n    class: tw([\n      'text-accent',\n      'hover:bg-accent/dim-5',\n      'enabled:active:bg-accent/dim-5',\n      'focus-visible:bg-accent/dim-5',\n    ]),\n  },\n  {\n    intent: 'basic',\n    design: 'ghost',\n    class: tw([\n      'text-basic',\n      'hover:bg-basic/dim-5',\n      'enabled:active:bg-basic/dim-5',\n      'focus-visible:bg-basic/dim-5',\n    ]),\n  },\n  {\n    intent: 'success',\n    design: 'ghost',\n    class: tw([\n      'text-success',\n      'hover:bg-success/dim-5',\n      'enabled:active:bg-success/dim-5',\n      'focus-visible:bg-success/dim-5',\n    ]),\n  },\n  {\n    intent: 'alert',\n    design: 'ghost',\n    class: tw([\n      'text-alert',\n      'hover:bg-alert/dim-5',\n      'enabled:active:bg-alert/dim-5',\n      'focus-visible:bg-alert/dim-5',\n    ]),\n  },\n  {\n    intent: 'danger',\n    design: 'ghost',\n    class: tw([\n      'text-error',\n      'hover:bg-error/dim-5',\n      'enabled:active:bg-error/dim-5',\n      'focus-visible:bg-error/dim-5',\n    ]),\n  },\n  {\n    intent: 'info',\n    design: 'ghost',\n    class: tw([\n      'text-info',\n      'hover:bg-info/dim-5',\n      'enabled:active:bg-info/dim-5',\n      'focus-visible:bg-info/dim-5',\n    ]),\n  },\n  {\n    intent: 'neutral',\n    design: 'ghost',\n    class: tw([\n      'text-neutral',\n      'hover:bg-neutral/dim-5',\n      'enabled:active:bg-neutral/dim-5',\n      'focus-visible:bg-neutral/dim-5',\n    ]),\n  },\n  {\n    intent: 'surface',\n    design: 'ghost',\n    class: tw([\n      'text-surface',\n      'hover:bg-surface/dim-5',\n      'enabled:active:bg-surface/dim-5',\n      'focus-visible:bg-surface/dim-5',\n    ]),\n  },\n  {\n    intent: 'surfaceInverse',\n    design: 'ghost',\n    class: tw([\n      'text-surface-inverse',\n      'hover:bg-surface-inverse/dim-5',\n      'enabled:active:bg-surface-inverse/dim-5',\n      'focus-visible:bg-surface-inverse/dim-5',\n    ]),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\n\nexport const outlinedVariants = [\n  {\n    intent: 'main',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-main/dim-5',\n      'enabled:active:bg-main/dim-5',\n      'focus-visible:bg-main/dim-5',\n      'text-main',\n    ]),\n  },\n  {\n    intent: 'support',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-support/dim-5',\n      'enabled:active:bg-support/dim-5',\n      'focus-visible:bg-support/dim-5',\n      'text-support',\n    ]),\n  },\n  {\n    intent: 'accent',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-accent/dim-5',\n      'enabled:active:bg-accent/dim-5',\n      'focus-visible:bg-accent/dim-5',\n      'text-accent',\n    ]),\n  },\n  {\n    intent: 'basic',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-basic/dim-5',\n      'enabled:active:bg-basic/dim-5',\n      'focus-visible:bg-basic/dim-5',\n      'text-basic',\n    ]),\n  },\n  {\n    intent: 'success',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-success/dim-5',\n      'enabled:active:bg-success/dim-5',\n      'focus-visible:bg-success/dim-5',\n      'text-success',\n    ]),\n  },\n  {\n    intent: 'alert',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-alert/dim-5',\n      'enabled:active:bg-alert/dim-5',\n      'focus-visible:bg-alert/dim-5',\n      'text-alert',\n    ]),\n  },\n  {\n    intent: 'danger',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-error/dim-5',\n      'enabled:active:bg-error/dim-5',\n      'focus-visible:bg-error/dim-5',\n      'text-error',\n    ]),\n  },\n  {\n    intent: 'info',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-info/dim-5',\n      'enabled:active:bg-info/dim-5',\n      'focus-visible:bg-info/dim-5',\n      'text-info',\n    ]),\n  },\n  {\n    intent: 'neutral',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-neutral/dim-5',\n      'enabled:active:bg-neutral/dim-5',\n      'focus-visible:bg-neutral/dim-5',\n      'text-neutral',\n    ]),\n  },\n  {\n    intent: 'surface',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-surface/dim-5',\n      'enabled:active:bg-surface/dim-5',\n      'focus-visible:bg-surface/dim-5',\n      'text-surface',\n    ]),\n  },\n  {\n    intent: 'surfaceInverse',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-surface-inverse/dim-5',\n      'enabled:active:bg-surface-inverse/dim-5',\n      'focus-visible:bg-surface-inverse/dim-5',\n      'text-surface-inverse',\n    ]),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\n\nexport const tintedVariants = [\n  {\n    intent: 'main',\n    design: 'tinted',\n    class: tw([\n      'bg-main-container',\n      'text-on-main-container',\n      'hover:bg-main-container-hovered',\n      'enabled:active:bg-main-container-hovered',\n      'focus-visible:bg-main-container-hovered',\n    ]),\n  },\n  {\n    intent: 'support',\n    design: 'tinted',\n    class: tw([\n      'bg-support-container',\n      'text-on-support-container',\n      'hover:bg-support-container-hovered',\n      'enabled:active:bg-support-container-hovered',\n      'focus-visible:bg-support-container-hovered',\n    ]),\n  },\n  {\n    intent: 'accent',\n    design: 'tinted',\n    class: tw([\n      'bg-accent-container',\n      'text-on-accent-container',\n      'hover:bg-accent-container-hovered',\n      'enabled:active:bg-accent-container-hovered',\n      'focus-visible:bg-accent-container-hovered',\n    ]),\n  },\n  {\n    intent: 'basic',\n    design: 'tinted',\n    class: tw([\n      'bg-basic-container',\n      'text-on-basic-container',\n      'hover:bg-basic-container-hovered',\n      'enabled:active:bg-basic-container-hovered',\n      'focus-visible:bg-basic-container-hovered',\n    ]),\n  },\n  {\n    intent: 'success',\n    design: 'tinted',\n    class: tw([\n      'bg-success-container',\n      'text-on-success-container',\n      'hover:bg-success-container-hovered',\n      'enabled:active:bg-success-container-hovered',\n      'focus-visible:bg-success-container-hovered',\n    ]),\n  },\n  {\n    intent: 'alert',\n    design: 'tinted',\n    class: tw([\n      'bg-alert-container',\n      'text-on-alert-container',\n      'hover:bg-alert-container-hovered',\n      'enabled:active:bg-alert-container-hovered',\n      'focus-visible:bg-alert-container-hovered',\n    ]),\n  },\n  {\n    intent: 'danger',\n    design: 'tinted',\n    class: tw([\n      'bg-error-container',\n      'text-on-error-container',\n      'hover:bg-error-container-hovered',\n      'enabled:active:bg-error-container-hovered',\n      'focus-visible:bg-error-container-hovered',\n    ]),\n  },\n  {\n    intent: 'info',\n    design: 'tinted',\n    class: tw([\n      'bg-info-container',\n      'text-on-info-container',\n      'hover:bg-info-container-hovered',\n      'enabled:active:bg-info-container-hovered',\n      'focus-visible:bg-info-container-hovered',\n    ]),\n  },\n  {\n    intent: 'neutral',\n    design: 'tinted',\n    class: tw([\n      'bg-neutral-container',\n      'text-on-neutral-container',\n      'hover:bg-neutral-container-hovered',\n      'enabled:active:bg-neutral-container-hovered',\n      'focus-visible:bg-neutral-container-hovered',\n    ]),\n  },\n  {\n    intent: 'surface',\n    design: 'tinted',\n    class: tw([\n      'bg-surface',\n      'text-on-surface',\n      'hover:bg-surface-hovered',\n      'enabled:active:bg-surface-hovered',\n      'focus-visible:bg-surface-hovered',\n    ]),\n  },\n  {\n    intent: 'surfaceInverse',\n    design: 'tinted',\n    class: tw([\n      'bg-surface-inverse',\n      'text-on-surface-inverse',\n      'hover:bg-surface-inverse-hovered',\n      'enabled:active:bg-surface-inverse-hovered',\n      'focus-visible:bg-surface-inverse-hovered',\n    ]),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\n\nexport const contrastVariants = [\n  {\n    intent: 'main',\n    design: 'contrast',\n    class: tw([\n      'text-main bg-surface',\n      'hover:bg-main-container-hovered',\n      'enabled:active:bg-main-container-hovered',\n      'focus-visible:bg-main-container-hovered',\n    ]),\n  },\n  {\n    intent: 'support',\n    design: 'contrast',\n    class: tw([\n      'text-support bg-surface',\n      'hover:bg-support-container-hovered',\n      'enabled:active:bg-support-container-hovered',\n      'focus-visible:bg-support-container-hovered',\n    ]),\n  },\n  {\n    intent: 'accent',\n    design: 'contrast',\n    class: tw([\n      'text-accent bg-surface',\n      'hover:bg-accent-container-hovered',\n      'enabled:active:bg-accent-container-hovered',\n      'focus-visible:bg-accent-container-hovered',\n    ]),\n  },\n  {\n    intent: 'basic',\n    design: 'contrast',\n    class: tw([\n      'text-basic bg-surface',\n      'hover:bg-basic-container-hovered',\n      'enabled:active:bg-basic-container-hovered',\n      'focus-visible:bg-basic-container-hovered',\n    ]),\n  },\n  {\n    intent: 'success',\n    design: 'contrast',\n    class: tw([\n      'text-success bg-surface',\n      'hover:bg-success-container-hovered',\n      'enabled:active:bg-success-container-hovered',\n      'focus-visible:bg-success-container-hovered',\n    ]),\n  },\n  {\n    intent: 'alert',\n    design: 'contrast',\n    class: tw([\n      'text-alert bg-surface',\n      'hover:bg-alert-container-hovered',\n      'enabled:active:bg-alert-container-hovered',\n      'focus-visible:bg-alert-container-hovered',\n    ]),\n  },\n  {\n    intent: 'danger',\n    design: 'contrast',\n    class: tw([\n      'text-error bg-surface',\n      'hover:bg-error-container-hovered',\n      'enabled:active:bg-error-container-hovered',\n      'focus-visible:bg-error-container-hovered',\n    ]),\n  },\n  {\n    intent: 'info',\n    design: 'contrast',\n    class: tw([\n      'text-info bg-surface',\n      'hover:bg-info-container-hovered',\n      'enabled:active:bg-info-container-hovered',\n      'focus-visible:bg-info-container-hovered',\n    ]),\n  },\n  {\n    intent: 'neutral',\n    design: 'contrast',\n    class: tw([\n      'text-neutral bg-surface',\n      'hover:bg-neutral-container-hovered',\n      'enabled:active:bg-neutral-container-hovered',\n      'focus-visible:bg-neutral-container-hovered',\n    ]),\n  },\n  {\n    intent: 'surface',\n    design: 'contrast',\n    class: tw([\n      'text-on-surface bg-surface',\n      'hover:bg-surface-hovered',\n      'enabled:active:bg-surface-hovered',\n      'focus-visible:bg-surface-hovered',\n    ]),\n  },\n  {\n    intent: 'surfaceInverse',\n    design: 'contrast',\n    class: tw([\n      'text-on-surface-inverse bg-surface-inverse',\n      'hover:bg-surface-inverse-hovered',\n      'enabled:active:bg-surface-inverse-hovered',\n      'focus-visible:bg-surface-inverse-hovered',\n    ]),\n  },\n] as const\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\n// override the Button component's px-lg padding by using a more specific class selector (pl-0 pr-0)\nexport const iconButtonStyles = cva(['pl-0 pr-0'], {\n  variants: {\n    /**\n     * Sets the size of the icon.\n     */\n    size: makeVariants<'size', ['sm', 'md', 'lg']>({\n      sm: ['text-body-1'],\n      md: ['text-body-1'],\n      lg: ['text-display-3'],\n    }),\n  },\n})\n\nexport type IconButtonStylesProps = VariantProps<typeof iconButtonStyles>\n","import { Ref } from 'react'\n\nimport { Button, ButtonProps } from '../button'\nimport { iconButtonStyles } from './IconButton.styles'\n\nexport interface IconButtonProps extends Omit<ButtonProps, 'loadingText'> {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const IconButton = ({\n  design = 'filled',\n  disabled = false,\n  intent = 'main',\n  shape = 'rounded',\n  size = 'md',\n  className,\n  ref,\n  ...others\n}: IconButtonProps) => {\n  return (\n    <Button\n      data-spark-component=\"icon-button\"\n      ref={ref}\n      className={iconButtonStyles({ size, className })}\n      design={design}\n      disabled={disabled}\n      intent={intent}\n      shape={shape}\n      size={size}\n      {...others}\n    />\n  )\n}\n\nIconButton.displayName = 'IconButton'\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 styles = cx(\n    'group h-sz-16 relative flex',\n    'hover:cursor-pointer',\n    'w-sz-16 data-[state=active]:w-sz-44'\n  )\n\n  const dotsStyles = cx(\n    'before:rounded-sm before:block before:size-md',\n    'before:absolute before:left-1/2 before:top-1/2 before:-translate-x-1/2 before:-translate-y-1/2',\n    'data-[state=active]:before:w-sz-32',\n    intent === 'surface'\n      ? 'data-[state=active]:before:bg-surface data-[state=inactive]:before:bg-surface/dim-2'\n      : 'data-[state=active]:before:bg-basic data-[state=inactive]:before:bg-on-surface/dim-2'\n  )\n\n  return (\n    <button\n      data-spark-component=\"carousel-page-indicator\"\n      ref={ref}\n      key={index}\n      {...ctx.getIndicatorProps({ index })}\n      aria-label={ariaLabel}\n      className={cx(\n        {\n          [styles]: !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          'default:min-h-sz-16 flex w-full flex-wrap items-center justify-center',\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 { useLayoutEffect, useState, RefObject } from 'react'\n\nexport function useIsVisible(\n  elementRef: RefObject<HTMLElement | null>,\n  parentRef: RefObject<HTMLElement | null>\n) {\n  const [isVisible, setIsVisible] = useState(true)\n\n  useLayoutEffect(() => {\n    const el = elementRef.current\n    const parent = parentRef.current\n\n    if (!parent || !el) return\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry) {\n          setIsVisible(entry.isIntersecting)\n        }\n      },\n      { root: parent, threshold: 0.2 }\n    )\n\n    observer.observe(el)\n\n    return () => observer.disconnect()\n  })\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"],"mappings":"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","names":["Carousel","import_react","import_react","import_react","import_react","import_react","import_react","import_class_variance_authority","import_jsx_runtime","import_react","import_react","import_jsx_runtime","RadixSlot","import_jsx_runtime","import_class_variance_authority","import_jsx_runtime","import_class_variance_authority","import_react","import_internal_utils","import_class_variance_authority","import_jsx_runtime","import_internal_utils","import_class_variance_authority","import_internal_utils","import_internal_utils","import_internal_utils","import_internal_utils","import_internal_utils","import_jsx_runtime","import_internal_utils","import_class_variance_authority","import_jsx_runtime","import_jsx_runtime","import_class_variance_authority","import_react","import_jsx_runtime","import_class_variance_authority","import_jsx_runtime","import_jsx_runtime","import_class_variance_authority","import_react","import_react","import_jsx_runtime","import_class_variance_authority","import_react","import_jsx_runtime","import_jsx_runtime","Carousel"]}
+{"version":3,"sources":["../../src/carousel/index.ts","../../src/carousel/Carousel.tsx","../../src/carousel/useCarousel.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/icon/Icon.tsx","../../src/slot/Slot.tsx","../../src/visually-hidden/VisuallyHidden.tsx","../../src/icon/Icon.styles.tsx","../../src/button/Button.tsx","../../src/spinner/Spinner.styles.tsx","../../src/spinner/Spinner.tsx","../../src/button/Button.styles.tsx","../../src/button/variants/filled.ts","../../src/button/variants/ghost.ts","../../src/button/variants/outlined.ts","../../src/button/variants/tinted.ts","../../src/button/variants/contrast.ts","../../src/icon-button/IconButton.styles.tsx","../../src/icon-button/IconButton.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"],"sourcesContent":["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","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 { 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  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    // 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 { 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 { Children, cloneElement, ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react'\n\nimport { VisuallyHidden } from '../visually-hidden'\nimport { iconStyles, IconVariantsProps } from './Icon.styles'\n\nexport interface IconProps extends IconVariantsProps, ComponentPropsWithoutRef<'svg'> {\n  /**\n   * The svg icon that will be wrapped\n   */\n  children: ReactNode\n  /**\n   * The accessible label for the icon. This label will be visually hidden but announced to screen\n   * reader users, similar to `alt` text for `img` tags.\n   */\n  label?: string\n}\n\nexport const Icon = ({\n  label,\n  className,\n  size = 'current',\n  intent = 'current',\n  children,\n  ...others\n}: IconProps) => {\n  const child = Children.only(children)\n\n  return (\n    <>\n      {cloneElement(child as ReactElement<Record<string, any>>, {\n        className: iconStyles({ className, size, intent }),\n        'data-spark-component': 'icon',\n        'aria-hidden': 'true',\n        focusable: 'false',\n        ...others,\n      })}\n\n      {label && <VisuallyHidden>{label}</VisuallyHidden>}\n    </>\n  )\n}\n\nIcon.displayName = 'Icon'\n","import { Slot as RadixSlot } from 'radix-ui'\nimport {\n  cloneElement,\n  HTMLAttributes,\n  isValidElement,\n  PropsWithChildren,\n  ReactNode,\n  Ref,\n} from 'react'\n\nexport const Slottable: typeof RadixSlot.Slottable = RadixSlot.Slottable\n\nexport type SlotProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Slot = ({ ref, ...props }: SlotProps) => {\n  return <RadixSlot.Root ref={ref} {...props} />\n}\n\n/**\n * When using Radix `Slot` component, it will consider its first child to merge its props with.\n * In some cases, you might need to wrap the top child with additional markup without breaking this behaviour.\n */\nexport const wrapPolymorphicSlot = (\n  asChild: boolean | undefined,\n  children: ReactNode,\n  callback: (children: ReactNode) => ReactNode\n) => {\n  if (!asChild) return callback(children) // If polymorphic behaviour is not used, we keep the original children\n\n  return isValidElement(children)\n    ? cloneElement(\n        children,\n        undefined,\n        callback((children.props as { children: ReactNode }).children)\n      )\n    : null\n}\n","import { HTMLAttributes, PropsWithChildren, Ref } from 'react'\n\nimport { Slot } from '../slot'\n\nexport type VisuallyHiddenProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLElement>\n}\n\nexport const VisuallyHidden = ({ asChild = false, ref, ...props }: VisuallyHiddenProps) => {\n  const Component = asChild ? Slot : 'span'\n\n  return (\n    <Component\n      {...props}\n      ref={ref}\n      style={{\n        // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss\n        position: 'absolute',\n        border: 0,\n        width: 1,\n        height: 1,\n        padding: 0,\n        margin: -1,\n        overflow: 'hidden',\n        clip: 'rect(0, 0, 0, 0)',\n        whiteSpace: 'nowrap',\n        wordWrap: 'normal',\n        ...props.style,\n      }}\n    />\n  )\n}\n\nVisuallyHidden.displayName = 'VisuallyHidden'\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const iconStyles = cva(['fill-current shrink-0'], {\n  variants: {\n    /**\n     * Color scheme of the icon.\n     */\n    intent: makeVariants<\n      'intent',\n      [\n        'current',\n        'main',\n        'support',\n        'accent',\n        'basic',\n        'success',\n        'alert',\n        'error',\n        'info',\n        'neutral',\n      ]\n    >({\n      current: ['text-current'],\n      main: ['text-main'],\n      support: ['text-support'],\n      accent: ['text-accent'],\n      basic: ['text-basic'],\n      success: ['text-success'],\n      alert: ['text-alert'],\n      error: ['text-error'],\n      info: ['text-info'],\n      neutral: ['text-neutral'],\n    }),\n    /**\n     * Sets the size of the icon.\n     */\n    size: makeVariants<'size', ['current', 'sm', 'md', 'lg', 'xl']>({\n      current: ['u-current-font-size'],\n      sm: ['w-sz-16', 'h-sz-16'],\n      md: ['w-sz-24', 'h-sz-24'],\n      lg: ['w-sz-32', 'h-sz-32'],\n      xl: ['w-sz-40', 'h-sz-40'],\n    }),\n  },\n})\n\nexport type IconVariantsProps = VariantProps<typeof iconStyles>\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, type DOMAttributes, Ref, useMemo } from 'react'\n\nimport { Slot, wrapPolymorphicSlot } from '../slot'\nimport { Spinner, type SpinnerProps } from '../spinner'\nimport { buttonStyles, type ButtonStylesProps } from './Button.styles'\n\nexport interface ButtonProps\n  extends Omit<ComponentPropsWithoutRef<'button'>, 'disabled'>,\n    ButtonStylesProps {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  /**\n   * Display a spinner to indicate to the user that the button is loading something after they interacted with it.\n   */\n  isLoading?: boolean\n  /**\n   * If your loading state should only display a spinner, it's better to specify a label for it (a11y).\n   */\n  loadingLabel?: string\n  /**\n   * If your loading state should also display a label, you can use this prop instead of `loadingLabel`.\n   * **Please note that using this can result in layout shifting when the Button goes from loading state to normal state.**\n   */\n  loadingText?: string\n  ref?: Ref<HTMLButtonElement>\n}\n\ntype DOMAttributesEventHandler = keyof Omit<\n  DOMAttributes<HTMLButtonElement>,\n  'children' | 'dangerouslySetInnerHTML'\n>\n\nconst blockedEventHandlers: DOMAttributesEventHandler[] = [\n  'onClick',\n  'onMouseDown',\n  'onMouseUp',\n  'onMouseEnter',\n  'onMouseLeave',\n  'onMouseOver',\n  'onMouseOut',\n  'onKeyDown',\n  'onKeyPress',\n  'onKeyUp',\n  'onSubmit',\n]\n\nexport const Button = ({\n  children,\n  design = 'filled',\n  disabled = false,\n  intent = 'main',\n  isLoading = false,\n  loadingLabel,\n  loadingText,\n  shape = 'rounded',\n  size = 'md',\n  asChild,\n  className,\n  underline = false,\n  ref,\n  ...others\n}: ButtonProps) => {\n  const Component = asChild ? Slot : 'button'\n\n  const shouldNotInteract = !!disabled || isLoading\n\n  const disabledEventHandlers = useMemo(() => {\n    const result: Partial<Record<DOMAttributesEventHandler, () => void>> = {}\n\n    if (shouldNotInteract) {\n      blockedEventHandlers.forEach(eventHandler => (result[eventHandler] = undefined))\n    }\n\n    return result\n  }, [shouldNotInteract])\n\n  const spinnerProps = {\n    size: 'current' as SpinnerProps['size'],\n    className: loadingText ? 'inline-block' : 'absolute',\n    ...(loadingLabel && { 'aria-label': loadingLabel }),\n  }\n\n  return (\n    <Component\n      data-spark-component=\"button\"\n      {...(Component === 'button' && { type: 'button' })}\n      ref={ref}\n      className={buttonStyles({\n        className,\n        design,\n        disabled: shouldNotInteract,\n        intent,\n        shape,\n        size,\n        underline,\n      })}\n      disabled={!!disabled}\n      aria-busy={isLoading}\n      aria-live={isLoading ? 'assertive' : 'off'}\n      {...others}\n      {...disabledEventHandlers}\n    >\n      {wrapPolymorphicSlot(asChild, children, slotted =>\n        isLoading ? (\n          <>\n            <Spinner {...spinnerProps} />\n            {loadingText && loadingText}\n\n            <div\n              aria-hidden\n              className={cx('gap-md', loadingText ? 'hidden' : 'inline-flex opacity-0')}\n            >\n              {slotted}\n            </div>\n          </>\n        ) : (\n          slotted\n        )\n      )}\n    </Component>\n  )\n}\n\nButton.displayName = 'Button'\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nconst defaultVariants = {\n  intent: 'current',\n  size: 'current',\n  isBackgroundVisible: false,\n} as const\n\nexport const spinnerStyles = cva(\n  ['inline-block', 'border-solid', 'rounded-full', 'border-md', 'animate-spin'],\n  {\n    variants: {\n      /**\n       * Use `size` prop to set the size of the spinner. If you want to set the full size for the spinner, don't forget to add a wrapping container with its own size.\n       */\n      size: {\n        current: ['u-current-font-size'],\n        sm: ['w-sz-20', 'h-sz-20'],\n        md: ['w-sz-28', 'h-sz-28'],\n        full: ['w-full', 'h-full'],\n      },\n      /**\n       * Color scheme of the spinner.\n       */\n      intent: makeVariants<\n        'intent',\n        [\n          'current',\n          'main',\n          'support',\n          'accent',\n          'basic',\n          'success',\n          'alert',\n          'error',\n          'info',\n          'neutral',\n        ]\n      >({\n        current: ['border-current'],\n        main: ['border-main'],\n        support: ['border-support'],\n        accent: ['border-accent'],\n        basic: ['border-basic'],\n        success: ['border-success'],\n        alert: ['border-alert'],\n        error: ['border-error'],\n        info: ['border-info'],\n        neutral: ['border-neutral'],\n      }),\n      /**\n       * Size of the button.\n       */\n      isBackgroundVisible: {\n        true: ['border-b-neutral-container', 'border-l-neutral-container'],\n        false: ['border-b-transparent', 'border-l-transparent'],\n      },\n    },\n    defaultVariants,\n  }\n)\n\nexport type SpinnerStylesProps = VariantProps<typeof spinnerStyles>\n","import { ComponentPropsWithRef, PropsWithChildren } from 'react'\n\nimport { VisuallyHidden } from '../visually-hidden'\nimport { spinnerStyles, SpinnerStylesProps } from './Spinner.styles'\n\nexport interface SpinnerProps extends ComponentPropsWithRef<'div'>, SpinnerStylesProps {\n  /**\n   * Use `label` prop for accessibility, it is important to add a fallback loading text. This text will be visible to screen readers.\n   */\n  label?: string\n}\n\nexport const Spinner = ({\n  className,\n  size = 'current',\n  intent = 'current',\n  label,\n  isBackgroundVisible,\n  ref,\n  ...others\n}: PropsWithChildren<SpinnerProps>) => {\n  return (\n    <span\n      role=\"status\"\n      data-spark-component=\"spinner\"\n      ref={ref}\n      className={spinnerStyles({ className, size, intent, isBackgroundVisible })}\n      {...others}\n    >\n      {label && <VisuallyHidden>{label}</VisuallyHidden>}\n    </span>\n  )\n}\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nimport {\n  contrastVariants,\n  filledVariants,\n  ghostVariants,\n  outlinedVariants,\n  tintedVariants,\n} from './variants'\n\nexport const buttonStyles = cva(\n  [\n    'u-shadow-border-transition',\n    'box-border inline-flex items-center justify-center gap-md whitespace-nowrap',\n    'default:px-lg',\n    'text-body-1 font-bold',\n    'focus-visible:u-outline',\n  ],\n  {\n    variants: {\n      /**\n       * Main style of the button.\n       *\n       * - `filled`: Button will be plain.\n       *\n       * - `outlined`: Button will be transparent with an outline.\n       *\n       * - `tinted`: Button will be filled but using a lighter color scheme.\n       *\n       * - `ghost`: Button will look like a link. No borders, plain text.\n       *\n       * - `contrast`: Button will be surface filled. No borders, plain text.\n       *\n       */\n      design: makeVariants<'design', ['filled', 'outlined', 'tinted', 'ghost', 'contrast']>({\n        filled: [],\n        outlined: ['bg-transparent', 'border-sm', 'border-current'],\n        tinted: [],\n        ghost: ['default:-mx-md px-md hover:bg-main/dim-5'],\n        contrast: [],\n      }),\n      underline: {\n        true: ['underline'],\n      },\n      /**\n       * Color scheme of the button.\n       */\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'basic',\n          'success',\n          'alert',\n          'danger',\n          'info',\n          'neutral',\n          'surface',\n          'surfaceInverse',\n        ]\n      >({\n        main: [],\n        support: [],\n        accent: [],\n        basic: [],\n        success: [],\n        alert: [],\n        danger: [],\n        info: [],\n        neutral: [],\n        surface: [],\n        surfaceInverse: [],\n      }),\n      /**\n       * Size of the button.\n       */\n      size: makeVariants<'size', ['sm', 'md', 'lg']>({\n        sm: ['min-w-sz-32', 'h-sz-32'],\n        md: ['min-w-sz-44', 'h-sz-44'],\n        lg: ['min-w-sz-56', 'h-sz-56'],\n      }),\n      /**\n       * Shape of the button.\n       */\n      shape: makeVariants<'shape', ['rounded', 'square', 'pill']>({\n        rounded: ['rounded-lg'],\n        square: ['rounded-0'],\n        pill: ['rounded-full'],\n      }),\n      /**\n       * Disable the button, preventing user interaction and adding opacity.\n       */\n      disabled: {\n        true: ['cursor-not-allowed', 'opacity-dim-3'],\n        false: ['cursor-pointer'],\n      },\n    },\n    compoundVariants: [\n      ...filledVariants,\n      ...outlinedVariants,\n      ...tintedVariants,\n      ...ghostVariants,\n      ...contrastVariants,\n    ],\n    defaultVariants: {\n      design: 'filled',\n      intent: 'main',\n      size: 'md',\n      shape: 'rounded',\n    },\n  }\n)\n\nexport type ButtonStylesProps = VariantProps<typeof buttonStyles>\n","import { tw } from '@spark-ui/internal-utils'\n\nexport const filledVariants = [\n  // Main\n  {\n    intent: 'main',\n    design: 'filled',\n    class: tw([\n      'bg-main',\n      'text-on-main',\n      'hover:bg-main-hovered',\n      'enabled:active:bg-main-hovered',\n      'focus-visible:bg-main-hovered',\n    ]),\n  },\n  // Support\n  {\n    intent: 'support',\n    design: 'filled',\n    class: tw([\n      'bg-support',\n      'text-on-support',\n      'hover:bg-support-hovered',\n      'enabled:active:bg-support-hovered',\n      'focus-visible:bg-support-hovered',\n    ]),\n  },\n  // Accent\n  {\n    intent: 'accent',\n    design: 'filled',\n    class: tw([\n      'bg-accent',\n      'text-on-accent',\n      'hover:bg-accent-hovered',\n      'enabled:active:bg-accent-hovered',\n      'focus-visible:bg-accent-hovered',\n    ]),\n  },\n  // Basic\n  {\n    intent: 'basic',\n    design: 'filled',\n    class: tw([\n      'bg-basic',\n      'text-on-basic',\n      'hover:bg-basic-hovered',\n      'enabled:active:bg-basic-hovered',\n      'focus-visible:bg-basic-hovered',\n    ]),\n  },\n  // Success\n  {\n    intent: 'success',\n    design: 'filled',\n    class: tw([\n      'bg-success',\n      'text-on-success',\n      'hover:bg-success-hovered',\n      'enabled:active:bg-success-hovered',\n      'focus-visible:bg-success-hovered',\n    ]),\n  },\n  // Alert\n  {\n    intent: 'alert',\n    design: 'filled',\n    class: tw([\n      'bg-alert',\n      'text-on-alert',\n      'hover:bg-alert-hovered',\n      'enabled:active:bg-alert-hovered',\n      'focus-visible:bg-alert-hovered',\n    ]),\n  },\n  // Danger\n  {\n    intent: 'danger',\n    design: 'filled',\n    class: tw([\n      'text-on-error bg-error',\n      'hover:bg-error-hovered enabled:active:bg-error-hovered',\n      'focus-visible:bg-error-hovered',\n    ]),\n  },\n  // Info\n  {\n    intent: 'info',\n    design: 'filled',\n    class: tw([\n      'text-on-error bg-info',\n      'hover:bg-info-hovered enabled:active:bg-info-hovered',\n      'focus-visible:bg-info-hovered',\n    ]),\n  },\n  // Neutral\n  {\n    intent: 'neutral',\n    design: 'filled',\n    class: tw([\n      'bg-neutral',\n      'text-on-neutral',\n      'hover:bg-neutral-hovered',\n      'enabled:active:bg-neutral-hovered',\n      'focus-visible:bg-neutral-hovered',\n    ]),\n  },\n  // Surface\n  {\n    intent: 'surface',\n    design: 'filled',\n    class: tw([\n      'bg-surface',\n      'text-on-surface',\n      'hover:bg-surface-hovered',\n      'enabled:active:bg-surface-hovered',\n      'focus-visible:bg-surface-hovered',\n    ]),\n  },\n  {\n    intent: 'surfaceInverse',\n    design: 'filled',\n    class: tw([\n      'bg-surface-inverse',\n      'text-on-surface-inverse',\n      'hover:bg-surface-inverse-hovered',\n      'enabled:active:bg-surface-inverse-hovered',\n      'focus-visible:bg-surface-inverse-hovered',\n    ]),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\n\nexport const ghostVariants = [\n  {\n    intent: 'main',\n    design: 'ghost',\n    class: tw([\n      'text-main',\n      'hover:bg-main/dim-5',\n      'enabled:active:bg-main/dim-5',\n      'focus-visible:bg-main/dim-5',\n    ]),\n  },\n  {\n    intent: 'support',\n    design: 'ghost',\n    class: tw([\n      'text-support',\n      'hover:bg-support/dim-5',\n      'enabled:active:bg-support/dim-5',\n      'focus-visible:bg-support/dim-5',\n    ]),\n  },\n  {\n    intent: 'accent',\n    design: 'ghost',\n    class: tw([\n      'text-accent',\n      'hover:bg-accent/dim-5',\n      'enabled:active:bg-accent/dim-5',\n      'focus-visible:bg-accent/dim-5',\n    ]),\n  },\n  {\n    intent: 'basic',\n    design: 'ghost',\n    class: tw([\n      'text-basic',\n      'hover:bg-basic/dim-5',\n      'enabled:active:bg-basic/dim-5',\n      'focus-visible:bg-basic/dim-5',\n    ]),\n  },\n  {\n    intent: 'success',\n    design: 'ghost',\n    class: tw([\n      'text-success',\n      'hover:bg-success/dim-5',\n      'enabled:active:bg-success/dim-5',\n      'focus-visible:bg-success/dim-5',\n    ]),\n  },\n  {\n    intent: 'alert',\n    design: 'ghost',\n    class: tw([\n      'text-alert',\n      'hover:bg-alert/dim-5',\n      'enabled:active:bg-alert/dim-5',\n      'focus-visible:bg-alert/dim-5',\n    ]),\n  },\n  {\n    intent: 'danger',\n    design: 'ghost',\n    class: tw([\n      'text-error',\n      'hover:bg-error/dim-5',\n      'enabled:active:bg-error/dim-5',\n      'focus-visible:bg-error/dim-5',\n    ]),\n  },\n  {\n    intent: 'info',\n    design: 'ghost',\n    class: tw([\n      'text-info',\n      'hover:bg-info/dim-5',\n      'enabled:active:bg-info/dim-5',\n      'focus-visible:bg-info/dim-5',\n    ]),\n  },\n  {\n    intent: 'neutral',\n    design: 'ghost',\n    class: tw([\n      'text-neutral',\n      'hover:bg-neutral/dim-5',\n      'enabled:active:bg-neutral/dim-5',\n      'focus-visible:bg-neutral/dim-5',\n    ]),\n  },\n  {\n    intent: 'surface',\n    design: 'ghost',\n    class: tw([\n      'text-surface',\n      'hover:bg-surface/dim-5',\n      'enabled:active:bg-surface/dim-5',\n      'focus-visible:bg-surface/dim-5',\n    ]),\n  },\n  {\n    intent: 'surfaceInverse',\n    design: 'ghost',\n    class: tw([\n      'text-surface-inverse',\n      'hover:bg-surface-inverse/dim-5',\n      'enabled:active:bg-surface-inverse/dim-5',\n      'focus-visible:bg-surface-inverse/dim-5',\n    ]),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\n\nexport const outlinedVariants = [\n  {\n    intent: 'main',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-main/dim-5',\n      'enabled:active:bg-main/dim-5',\n      'focus-visible:bg-main/dim-5',\n      'text-main',\n    ]),\n  },\n  {\n    intent: 'support',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-support/dim-5',\n      'enabled:active:bg-support/dim-5',\n      'focus-visible:bg-support/dim-5',\n      'text-support',\n    ]),\n  },\n  {\n    intent: 'accent',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-accent/dim-5',\n      'enabled:active:bg-accent/dim-5',\n      'focus-visible:bg-accent/dim-5',\n      'text-accent',\n    ]),\n  },\n  {\n    intent: 'basic',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-basic/dim-5',\n      'enabled:active:bg-basic/dim-5',\n      'focus-visible:bg-basic/dim-5',\n      'text-basic',\n    ]),\n  },\n  {\n    intent: 'success',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-success/dim-5',\n      'enabled:active:bg-success/dim-5',\n      'focus-visible:bg-success/dim-5',\n      'text-success',\n    ]),\n  },\n  {\n    intent: 'alert',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-alert/dim-5',\n      'enabled:active:bg-alert/dim-5',\n      'focus-visible:bg-alert/dim-5',\n      'text-alert',\n    ]),\n  },\n  {\n    intent: 'danger',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-error/dim-5',\n      'enabled:active:bg-error/dim-5',\n      'focus-visible:bg-error/dim-5',\n      'text-error',\n    ]),\n  },\n  {\n    intent: 'info',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-info/dim-5',\n      'enabled:active:bg-info/dim-5',\n      'focus-visible:bg-info/dim-5',\n      'text-info',\n    ]),\n  },\n  {\n    intent: 'neutral',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-neutral/dim-5',\n      'enabled:active:bg-neutral/dim-5',\n      'focus-visible:bg-neutral/dim-5',\n      'text-neutral',\n    ]),\n  },\n  {\n    intent: 'surface',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-surface/dim-5',\n      'enabled:active:bg-surface/dim-5',\n      'focus-visible:bg-surface/dim-5',\n      'text-surface',\n    ]),\n  },\n  {\n    intent: 'surfaceInverse',\n    design: 'outlined',\n    class: tw([\n      'hover:bg-surface-inverse/dim-5',\n      'enabled:active:bg-surface-inverse/dim-5',\n      'focus-visible:bg-surface-inverse/dim-5',\n      'text-surface-inverse',\n    ]),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\n\nexport const tintedVariants = [\n  {\n    intent: 'main',\n    design: 'tinted',\n    class: tw([\n      'bg-main-container',\n      'text-on-main-container',\n      'hover:bg-main-container-hovered',\n      'enabled:active:bg-main-container-hovered',\n      'focus-visible:bg-main-container-hovered',\n    ]),\n  },\n  {\n    intent: 'support',\n    design: 'tinted',\n    class: tw([\n      'bg-support-container',\n      'text-on-support-container',\n      'hover:bg-support-container-hovered',\n      'enabled:active:bg-support-container-hovered',\n      'focus-visible:bg-support-container-hovered',\n    ]),\n  },\n  {\n    intent: 'accent',\n    design: 'tinted',\n    class: tw([\n      'bg-accent-container',\n      'text-on-accent-container',\n      'hover:bg-accent-container-hovered',\n      'enabled:active:bg-accent-container-hovered',\n      'focus-visible:bg-accent-container-hovered',\n    ]),\n  },\n  {\n    intent: 'basic',\n    design: 'tinted',\n    class: tw([\n      'bg-basic-container',\n      'text-on-basic-container',\n      'hover:bg-basic-container-hovered',\n      'enabled:active:bg-basic-container-hovered',\n      'focus-visible:bg-basic-container-hovered',\n    ]),\n  },\n  {\n    intent: 'success',\n    design: 'tinted',\n    class: tw([\n      'bg-success-container',\n      'text-on-success-container',\n      'hover:bg-success-container-hovered',\n      'enabled:active:bg-success-container-hovered',\n      'focus-visible:bg-success-container-hovered',\n    ]),\n  },\n  {\n    intent: 'alert',\n    design: 'tinted',\n    class: tw([\n      'bg-alert-container',\n      'text-on-alert-container',\n      'hover:bg-alert-container-hovered',\n      'enabled:active:bg-alert-container-hovered',\n      'focus-visible:bg-alert-container-hovered',\n    ]),\n  },\n  {\n    intent: 'danger',\n    design: 'tinted',\n    class: tw([\n      'bg-error-container',\n      'text-on-error-container',\n      'hover:bg-error-container-hovered',\n      'enabled:active:bg-error-container-hovered',\n      'focus-visible:bg-error-container-hovered',\n    ]),\n  },\n  {\n    intent: 'info',\n    design: 'tinted',\n    class: tw([\n      'bg-info-container',\n      'text-on-info-container',\n      'hover:bg-info-container-hovered',\n      'enabled:active:bg-info-container-hovered',\n      'focus-visible:bg-info-container-hovered',\n    ]),\n  },\n  {\n    intent: 'neutral',\n    design: 'tinted',\n    class: tw([\n      'bg-neutral-container',\n      'text-on-neutral-container',\n      'hover:bg-neutral-container-hovered',\n      'enabled:active:bg-neutral-container-hovered',\n      'focus-visible:bg-neutral-container-hovered',\n    ]),\n  },\n  {\n    intent: 'surface',\n    design: 'tinted',\n    class: tw([\n      'bg-surface',\n      'text-on-surface',\n      'hover:bg-surface-hovered',\n      'enabled:active:bg-surface-hovered',\n      'focus-visible:bg-surface-hovered',\n    ]),\n  },\n  {\n    intent: 'surfaceInverse',\n    design: 'tinted',\n    class: tw([\n      'bg-surface-inverse',\n      'text-on-surface-inverse',\n      'hover:bg-surface-inverse-hovered',\n      'enabled:active:bg-surface-inverse-hovered',\n      'focus-visible:bg-surface-inverse-hovered',\n    ]),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\n\nexport const contrastVariants = [\n  {\n    intent: 'main',\n    design: 'contrast',\n    class: tw([\n      'text-main bg-surface',\n      'hover:bg-main-container-hovered',\n      'enabled:active:bg-main-container-hovered',\n      'focus-visible:bg-main-container-hovered',\n    ]),\n  },\n  {\n    intent: 'support',\n    design: 'contrast',\n    class: tw([\n      'text-support bg-surface',\n      'hover:bg-support-container-hovered',\n      'enabled:active:bg-support-container-hovered',\n      'focus-visible:bg-support-container-hovered',\n    ]),\n  },\n  {\n    intent: 'accent',\n    design: 'contrast',\n    class: tw([\n      'text-accent bg-surface',\n      'hover:bg-accent-container-hovered',\n      'enabled:active:bg-accent-container-hovered',\n      'focus-visible:bg-accent-container-hovered',\n    ]),\n  },\n  {\n    intent: 'basic',\n    design: 'contrast',\n    class: tw([\n      'text-basic bg-surface',\n      'hover:bg-basic-container-hovered',\n      'enabled:active:bg-basic-container-hovered',\n      'focus-visible:bg-basic-container-hovered',\n    ]),\n  },\n  {\n    intent: 'success',\n    design: 'contrast',\n    class: tw([\n      'text-success bg-surface',\n      'hover:bg-success-container-hovered',\n      'enabled:active:bg-success-container-hovered',\n      'focus-visible:bg-success-container-hovered',\n    ]),\n  },\n  {\n    intent: 'alert',\n    design: 'contrast',\n    class: tw([\n      'text-alert bg-surface',\n      'hover:bg-alert-container-hovered',\n      'enabled:active:bg-alert-container-hovered',\n      'focus-visible:bg-alert-container-hovered',\n    ]),\n  },\n  {\n    intent: 'danger',\n    design: 'contrast',\n    class: tw([\n      'text-error bg-surface',\n      'hover:bg-error-container-hovered',\n      'enabled:active:bg-error-container-hovered',\n      'focus-visible:bg-error-container-hovered',\n    ]),\n  },\n  {\n    intent: 'info',\n    design: 'contrast',\n    class: tw([\n      'text-info bg-surface',\n      'hover:bg-info-container-hovered',\n      'enabled:active:bg-info-container-hovered',\n      'focus-visible:bg-info-container-hovered',\n    ]),\n  },\n  {\n    intent: 'neutral',\n    design: 'contrast',\n    class: tw([\n      'text-neutral bg-surface',\n      'hover:bg-neutral-container-hovered',\n      'enabled:active:bg-neutral-container-hovered',\n      'focus-visible:bg-neutral-container-hovered',\n    ]),\n  },\n  {\n    intent: 'surface',\n    design: 'contrast',\n    class: tw([\n      'text-on-surface bg-surface',\n      'hover:bg-surface-hovered',\n      'enabled:active:bg-surface-hovered',\n      'focus-visible:bg-surface-hovered',\n    ]),\n  },\n  {\n    intent: 'surfaceInverse',\n    design: 'contrast',\n    class: tw([\n      'text-on-surface-inverse bg-surface-inverse',\n      'hover:bg-surface-inverse-hovered',\n      'enabled:active:bg-surface-inverse-hovered',\n      'focus-visible:bg-surface-inverse-hovered',\n    ]),\n  },\n] as const\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\n// override the Button component's px-lg padding by using a more specific class selector (pl-0 pr-0)\nexport const iconButtonStyles = cva(['pl-0 pr-0'], {\n  variants: {\n    /**\n     * Sets the size of the icon.\n     */\n    size: makeVariants<'size', ['sm', 'md', 'lg']>({\n      sm: ['text-body-1'],\n      md: ['text-body-1'],\n      lg: ['text-display-3'],\n    }),\n  },\n})\n\nexport type IconButtonStylesProps = VariantProps<typeof iconButtonStyles>\n","import { Ref } from 'react'\n\nimport { Button, ButtonProps } from '../button'\nimport { iconButtonStyles } from './IconButton.styles'\n\nexport interface IconButtonProps extends Omit<ButtonProps, 'loadingText'> {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const IconButton = ({\n  design = 'filled',\n  disabled = false,\n  intent = 'main',\n  shape = 'rounded',\n  size = 'md',\n  className,\n  ref,\n  ...others\n}: IconButtonProps) => {\n  return (\n    <Button\n      data-spark-component=\"icon-button\"\n      ref={ref}\n      className={iconButtonStyles({ size, className })}\n      design={design}\n      disabled={disabled}\n      intent={intent}\n      shape={shape}\n      size={size}\n      {...others}\n    />\n  )\n}\n\nIconButton.displayName = 'IconButton'\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]: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 { useLayoutEffect, useState, RefObject } from 'react'\n\nexport function useIsVisible(\n  elementRef: RefObject<HTMLElement | null>,\n  parentRef: RefObject<HTMLElement | null>\n) {\n  const [isVisible, setIsVisible] = useState(true)\n\n  useLayoutEffect(() => {\n    const el = elementRef.current\n    const parent = parentRef.current\n\n    if (!parent || !el) return\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry) {\n          setIsVisible(entry.isIntersecting)\n        }\n      },\n      { root: parent, threshold: 0.2 }\n    )\n\n    observer.observe(el)\n\n    return () => observer.disconnect()\n  })\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"],"mappings":"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","names":["Carousel","import_react","import_react","import_react","import_react","import_react","import_react","startIndex","import_class_variance_authority","import_jsx_runtime","import_react","import_react","import_jsx_runtime","RadixSlot","import_jsx_runtime","import_class_variance_authority","import_jsx_runtime","import_class_variance_authority","import_react","import_internal_utils","import_class_variance_authority","import_jsx_runtime","import_internal_utils","import_class_variance_authority","import_internal_utils","import_internal_utils","import_internal_utils","import_internal_utils","import_internal_utils","import_jsx_runtime","import_internal_utils","import_class_variance_authority","import_jsx_runtime","import_jsx_runtime","import_class_variance_authority","import_react","import_jsx_runtime","import_class_variance_authority","import_jsx_runtime","import_jsx_runtime","import_class_variance_authority","import_react","import_react","import_jsx_runtime","import_class_variance_authority","import_react","import_jsx_runtime","import_jsx_runtime","Carousel"]}

package/dist/carousel/index.mjs

@@ -155,6 +155,35 @@ function getSnapPositions({
     });
   }).map((slide) => slide.offsetLeft);
 }
+function computeDotState({
+  dotIndex,
+  pageState,
+  totalPages,
+  maxDots = 5
+}) {
+  if (totalPages <= maxDots) {
+    return dotIndex === pageState ? "active" : "idle";
+  }
+  if (pageState <= Math.floor(maxDots / 2)) {
+    if (dotIndex > maxDots - 1) return "hidden";
+    if (dotIndex === pageState) return "active";
+    if (dotIndex === maxDots - 1) return "edge";
+    return "idle";
+  }
+  if (pageState >= totalPages - Math.ceil(maxDots / 2)) {
+    const startIndex2 = totalPages - maxDots;
+    if (dotIndex < startIndex2) return "hidden";
+    if (dotIndex === pageState) return "active";
+    if (dotIndex === startIndex2) return "edge";
+    return "idle";
+  }
+  const startIndex = pageState - Math.floor(maxDots / 2);
+  const endIndex = pageState + Math.floor(maxDots / 2);
+  if (dotIndex < startIndex || dotIndex > endIndex) return "hidden";
+  if (dotIndex === pageState) return "active";
+  if (dotIndex === startIndex || dotIndex === endIndex) return "edge";
+  return "idle";
+}
 
 // src/carousel/useSnapPoints.ts
 function useSnapPoints(initialSnapPoints = [], {
@@ -191,6 +220,7 @@ var useCarousel = ({
   scrollBehavior = "smooth",
   loop = false,
   pagePickerInset = false,
+  maxDots = 5,
   // state control
   page: controlledPage,
   onPageChange: onPageChangeProp
@@ -293,6 +323,7 @@ var useCarousel = ({
     scrollBehavior,
     loop,
     pagePickerInset,
+    maxDots,
     // computed state
     page: pageState,
     pageSnapPoints,
@@ -401,17 +432,22 @@ var useCarousel = ({
       dir: DIRECTION
     }),
     getIndicatorProps: ({ index }) => {
-      const isActivePage = index === pageState;
+      const dotState = computeDotState({
+        dotIndex: index,
+        pageState,
+        totalPages: pageSnapPoints.length,
+        maxDots
+      });
       return {
         role: "radio",
         id: `carousel::${carouselId}::indicator:${index}`,
-        "aria-checked": isActivePage,
+        "aria-checked": index === pageState,
         "data-scope": DATA_SCOPE,
         "data-part": "indicator",
         "data-orientation": "horizontal",
         "data-index": index,
-        "data-state": isActivePage ? "active" : "inactive",
-        tabIndex: isActivePage ? 0 : -1,
+        "data-state": dotState,
+        tabIndex: index === pageState ? 0 : -1,
         onClick: () => {
           scrollTo(index, scrollBehavior);
         },
@@ -448,6 +484,7 @@ var Carousel = ({
   defaultPage,
   page,
   onPageChange,
+  maxDots = 5,
   ...props
 }) => {
   const carouselApi = useCarousel({
@@ -461,7 +498,8 @@ var Carousel = ({
     snapType,
     page,
     pagePickerInset,
-    onPageChange
+    onPageChange,
+    maxDots
   });
   return /* @__PURE__ */ jsx(
     CarouselContext.Provider,
@@ -556,28 +594,26 @@ var CarouselPageIndicator = ({
       ctx.pageIndicatorsRefs.current[index] = ref.current;
     }
   });
-  const styles = cx3(
-    "group h-sz-16 relative flex",
-    "hover:cursor-pointer",
-    "w-sz-16 data-[state=active]:w-sz-44"
-  );
-  const dotsStyles = cx3(
-    "before:rounded-sm before:block before:size-md",
-    "before:absolute before:left-1/2 before:top-1/2 before:-translate-x-1/2 before:-translate-y-1/2",
-    "data-[state=active]:before:w-sz-32",
-    intent === "surface" ? "data-[state=active]:before:bg-surface data-[state=inactive]:before:bg-surface/dim-2" : "data-[state=active]:before:bg-basic data-[state=inactive]:before:bg-on-surface/dim-2"
-  );
+  const indicatorProps = ctx.getIndicatorProps({ index });
   return /* @__PURE__ */ jsx4(
     "button",
     {
       "data-spark-component": "carousel-page-indicator",
       ref,
-      ...ctx.getIndicatorProps({ index }),
+      ...indicatorProps,
       "aria-label": ariaLabel,
       className: cx3(
         {
-          [styles]: !unstyled,
-          [dotsStyles]: !unstyled
+          [cx3(
+            "border-outline group relative flex justify-center border-0 hover:cursor-pointer",
+            "m-sm rounded-sm transition-all duration-[200ms] ease-linear",
+            "w-sz-8 h-sz-8",
+            "data-[state=active]:w-sz-32 data-[state=active]:h-sz-8",
+            "data-[state=edge]:w-sz-4 data-[state=edge]:h-sz-4",
+            "data-[state=hidden]:size-0",
+            intent === "surface" ? "data-[state=active]:bg-surface bg-surface/dim-2" : "data-[state=active]:bg-basic bg-on-surface/dim-2"
+          )]: !unstyled
+          // [dotsStyles]: !unstyled,
         },
         className
       ),
@@ -599,7 +635,8 @@ var CarouselPagePicker = ({ children, className }) => {
       "data-spark-component": "carousel-page-picker",
       ...ctx.getIndicatorGroupProps(),
       className: cx4(
-        "default:min-h-sz-16 flex w-full flex-wrap items-center justify-center",
+        "flex-wrap items-center justify-center",
+        "default:min-h-sz-16 flex",
         ctx.pagePickerInset && "bottom-sz-12 absolute inset-x-0",
         className
       ),

package/dist/carousel/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/carousel/Carousel.tsx","../../src/carousel/useCarousel.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  ...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  })\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 { useEvent } from './useEvent'\nimport { useIsMounted } from './useIsMounted'\nimport { useScrollEnd } from './useScrollEnd'\nimport { useSnapPoints } from './useSnapPoints'\nimport { 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  // 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  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    // computed state\n    page: pageState,\n    pageSnapPoints,\n    canScrollNext: canScrollNext.current,\n    canScrollPrev: canScrollPrev.current,\n    scrollTo,\n    scrollPrev,\n    scrollNext,\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 isActivePage = index === pageState\n\n      return {\n        role: 'radio',\n        id: `carousel::${carouselId}::indicator:${index}`,\n        'aria-checked': isActivePage,\n        'data-scope': DATA_SCOPE,\n        'data-part': 'indicator',\n        'data-orientation': 'horizontal',\n        'data-index': index,\n        'data-state': isActivePage ? 'active' : 'inactive',\n        tabIndex: isActivePage ? 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 { 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","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 styles = cx(\n    'group h-sz-16 relative flex',\n    'hover:cursor-pointer',\n    'w-sz-16 data-[state=active]:w-sz-44'\n  )\n\n  const dotsStyles = cx(\n    'before:rounded-sm before:block before:size-md',\n    'before:absolute before:left-1/2 before:top-1/2 before:-translate-x-1/2 before:-translate-y-1/2',\n    'data-[state=active]:before:w-sz-32',\n    intent === 'surface'\n      ? 'data-[state=active]:before:bg-surface data-[state=inactive]:before:bg-surface/dim-2'\n      : 'data-[state=active]:before:bg-basic data-[state=inactive]:before:bg-on-surface/dim-2'\n  )\n\n  return (\n    <button\n      data-spark-component=\"carousel-page-indicator\"\n      ref={ref}\n      key={index}\n      {...ctx.getIndicatorProps({ index })}\n      aria-label={ariaLabel}\n      className={cx(\n        {\n          [styles]: !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          'default:min-h-sz-16 flex w-full flex-wrap items-center justify-center',\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 { useLayoutEffect, useState, RefObject } from 'react'\n\nexport function useIsVisible(\n  elementRef: RefObject<HTMLElement | null>,\n  parentRef: RefObject<HTMLElement | null>\n) {\n  const [isVisible, setIsVisible] = useState(true)\n\n  useLayoutEffect(() => {\n    const el = elementRef.current\n    const parent = parentRef.current\n\n    if (!parent || !el) return\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry) {\n          setIsVisible(entry.isIntersecting)\n        }\n      },\n      { root: parent, threshold: 0.2 }\n    )\n\n    observer.observe(el)\n\n    return () => observer.disconnect()\n  })\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","useRef","useEffect","useRef","useLayoutEffect","useState","useRef","useCallback","useEffect","useLayoutEffect","cx","jsx","cx","jsx","cx","useEffect","useRef","jsx","useRef","useEffect","cx","cx","jsx","cx","jsx","cx","useRef","useLayoutEffect","useState","jsx","useRef","cx","cx","jsx","cx","jsx","Carousel"]}
+{"version":3,"sources":["../../src/carousel/Carousel.tsx","../../src/carousel/useCarousel.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 { 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  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    // 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 { 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]: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 { useLayoutEffect, useState, RefObject } from 'react'\n\nexport function useIsVisible(\n  elementRef: RefObject<HTMLElement | null>,\n  parentRef: RefObject<HTMLElement | null>\n) {\n  const [isVisible, setIsVisible] = useState(true)\n\n  useLayoutEffect(() => {\n    const el = elementRef.current\n    const parent = parentRef.current\n\n    if (!parent || !el) return\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry) {\n          setIsVisible(entry.isIntersecting)\n        }\n      },\n      { root: parent, threshold: 0.2 }\n    )\n\n    observer.observe(el)\n\n    return () => observer.disconnect()\n  })\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","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","useLayoutEffect","useState","jsx","useRef","cx","cx","jsx","cx","jsx","Carousel"]}

package/dist/docgen.json

@@ -3153,6 +3153,25 @@
         "type": {
           "name": "boolean"
         }
+      },
+      "maxDots": {
+        "defaultValue": null,
+        "description": "Maximum number of dots to display in the page picker.",
+        "name": "maxDots",
+        "parent": {
+          "fileName": "components/src/carousel/types.ts",
+          "name": "UseCarouselProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/carousel/types.ts",
+            "name": "UseCarouselProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "number"
+        }
       }
     }
   },
@@ -4190,6 +4209,27 @@
         "type": {
           "name": "boolean"
         }
+      },
+      "maxDots": {
+        "defaultValue": {
+          "value": 5
+        },
+        "description": "Maximum number of dots to display in the page picker.",
+        "name": "maxDots",
+        "parent": {
+          "fileName": "components/src/carousel/types.ts",
+          "name": "UseCarouselProps"
+        },
+        "declarations": [
+          {
+            "fileName": "components/src/carousel/types.ts",
+            "name": "UseCarouselProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "number"
+        }
       }
     }
   },
@@ -10531,6 +10571,76 @@
       }
     }
   },
+  "computeDotState": {
+    "tags": {},
+    "description": "Calculate the state of a dot indicator of a carousel depending on the current page and the total number of pages.",
+    "displayName": "computeDotState",
+    "methods": [],
+    "props": {
+      "dotIndex": {
+        "defaultValue": null,
+        "description": "",
+        "name": "dotIndex",
+        "declarations": [
+          {
+            "fileName": "components/src/carousel/utils.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "number"
+        }
+      },
+      "pageState": {
+        "defaultValue": null,
+        "description": "",
+        "name": "pageState",
+        "declarations": [
+          {
+            "fileName": "components/src/carousel/utils.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "number"
+        }
+      },
+      "totalPages": {
+        "defaultValue": null,
+        "description": "",
+        "name": "totalPages",
+        "declarations": [
+          {
+            "fileName": "components/src/carousel/utils.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "number"
+        }
+      },
+      "maxDots": {
+        "defaultValue": {
+          "value": 5
+        },
+        "description": "",
+        "name": "maxDots",
+        "declarations": [
+          {
+            "fileName": "components/src/carousel/utils.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      }
+    }
+  },
   "Checkbox": {
     "tags": {},
     "description": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/components",
-  "version": "10.12.0",
+  "version": "10.13.0",
   "license": "MIT",
   "description": "Spark (Leboncoin design system) components.",
   "exports": {
@@ -53,9 +53,9 @@
     "@react-aria/toast": "^3.0.0-beta.18",
     "@react-stately/numberfield": "3.9.11",
     "@react-stately/toast": "^3.0.0-beta.7",
-    "@spark-ui/hooks": "^10.12.0",
-    "@spark-ui/icons": "^10.12.0",
-    "@spark-ui/internal-utils": "^10.12.0",
+    "@spark-ui/hooks": "^10.13.0",
+    "@spark-ui/icons": "^10.13.0",
+    "@spark-ui/internal-utils": "^10.13.0",
     "@zag-js/pagination": "1.14.0",
     "@zag-js/react": "1.14.0",
     "class-variance-authority": "0.7.1",
@@ -82,5 +82,5 @@
     "url": "https://github.com/leboncoin/spark-web/issues?q=is%3Aopen+label%3A%22Component%3A+button%22"
   },
   "homepage": "https://sparkui.vercel.app",
-  "gitHead": "a96c00c6af388248f768a69aebb341949f4f32e8"
+  "gitHead": "eb3215722000fa6a200c0fa2793ffd91fa6618f6"
 }