@spark-ui/components 17.2.3 → 17.2.4

package/dist/card/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/card/Backdrop.tsx","../../src/card/Card.styles.tsx","../../src/card/context.tsx","../../src/card/utils.ts","../../src/card/Card.tsx","../../src/card/Content.styles.tsx","../../src/card/Content.tsx","../../src/card/index.ts"],"sourcesContent":["import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const backdropStyles = cva(\n  [\n    'default:bg-surface default:bg-gradient-to-r absolute inset-x-0 top-0',\n    'h-sz-16',\n    'default:rounded-t-lg',\n    'bg-[length:200%_100%] bg-position-[0%_0%]',\n  ],\n  {\n    variants: {\n      animation: {\n        none: '',\n        pulse: 'animate-standalone-backdrop-pulse',\n      },\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'success',\n          'alert',\n          'danger',\n          'info',\n          'neutral',\n          'surface',\n          'surfaceInverse',\n        ]\n      >({\n        main: ['default:from-main/dim-4 default:via-main/dim-2 default:to-main/dim-4'],\n        support: ['default:from-support/dim-4 default:via-support/dim-2 default:to-support/dim-4'],\n        accent: ['default:from-accent/dim-4 default:via-accent/dim-2 default:to-accent/dim-4'],\n        success: ['default:from-success/dim-4 default:via-success/dim-2 default:to-success/dim-4'],\n        alert: ['default:from-alert/dim-4 default:via-alert/dim-2 default:to-alert/dim-4'],\n        danger: ['default:from-error/dim-4 default:via-error/dim-2 default:to-error/dim-4'],\n        info: ['default:from-info/dim-4 default:via-info/dim-2 default:to-info/dim-4'],\n        neutral: ['default:from-neutral/dim-4 default:via-neutral/dim-2 default:to-neutral/dim-4'],\n        surface: ['default:from-outline/dim-4 default:via-outline/dim-2 default:to-outline/dim-4'],\n        surfaceInverse: [\n          'default:from-surface/dim-4 default:via-surface/dim-2 default:to-surface/dim-4',\n        ],\n      }),\n    },\n    defaultVariants: {\n      intent: 'main',\n      animation: 'none',\n    },\n  }\n)\n\nexport type BackdropStylesProps = VariantProps<typeof backdropStyles>\n\ninterface BackdropProps extends BackdropStylesProps {\n  className?: string\n}\n\nexport const Backdrop = ({ intent = 'main', animation = 'none', ...props }: BackdropProps) => {\n  return <div className={backdropStyles({ intent, animation })} {...props} />\n}\n\nBackdrop.displayName = 'Card.Backdrop'\n","import { makeVariants, tw } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const cardStyles = cva(\n  [\n    'group relative bg-clip-padding default:rounded-lg focus-visible:u-outline',\n    'disabled:opacity-dim-3 disabled:cursor-not-allowed',\n  ],\n  {\n    variants: {\n      design: {\n        filled: [],\n        outlined: ['border-sm'],\n        tinted: [],\n      },\n      hasBackdrop: {\n        true: ['pt-md'],\n      },\n      /**\n       * Color scheme of the button.\n       */\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'success',\n          'alert',\n          'danger',\n          'info',\n          'neutral',\n          'surface',\n          'surfaceInverse',\n        ]\n      >({\n        main: [],\n        support: [],\n        accent: [],\n        success: [],\n        alert: [],\n        danger: [],\n        info: [],\n        neutral: [],\n        surface: [],\n        surfaceInverse: [],\n      }),\n    },\n    compoundVariants: [\n      // OUTLINED\n      { intent: 'main', design: 'outlined', class: tw(['border-main']) },\n      { intent: 'support', design: 'outlined', class: tw(['border-support']) },\n      { intent: 'accent', design: 'outlined', class: tw(['border-accent']) },\n      { intent: 'success', design: 'outlined', class: tw(['border-success']) },\n      { intent: 'alert', design: 'outlined', class: tw(['border-alert']) },\n      { intent: 'danger', design: 'outlined', class: tw(['border-error']) },\n      { intent: 'info', design: 'outlined', class: tw(['border-info']) },\n      { intent: 'neutral', design: 'outlined', class: tw(['border-neutral']) },\n      { intent: 'surface', design: 'outlined', class: tw(['border-outline']) },\n    ],\n    defaultVariants: {\n      design: 'filled',\n      intent: 'surface',\n    },\n  }\n)\n\nexport type CardStylesProps = VariantProps<typeof cardStyles>\n","import { createContext, useContext } from 'react'\n\nimport type { CardStylesProps } from './Card.styles'\n\nexport interface CardContextValue {\n  design: CardStylesProps['design']\n  intent: CardStylesProps['intent']\n  hasBackdrop: boolean\n  inset: boolean\n  isInteractive: boolean\n}\n\nconst CardContext = createContext<CardContextValue | undefined>(undefined)\n\nexport const useCardContext = () => {\n  const context = useContext(CardContext)\n  if (!context) {\n    throw new Error('useCardContext must be used within a Card component')\n  }\n\n  return context\n}\n\nexport { CardContext }\n","import { Children, isValidElement, ReactNode } from 'react'\n\nconst MOUSE_EVENTS = [\n  'onClick',\n  'onMouseDown',\n  'onMouseUp',\n  'onMouseEnter',\n  'onMouseLeave',\n  'onMouseMove',\n  'onMouseOver',\n  'onMouseOut',\n  'onDoubleClick',\n  'onContextMenu',\n] as const\n\nexport const hasBackdrop = (children: ReactNode): boolean => {\n  let backdropFound = false\n\n  const searchForBackdrop = (node: ReactNode): void => {\n    if (backdropFound) return\n\n    Children.forEach(node, child => {\n      if (backdropFound) return\n\n      if (isValidElement(child)) {\n        const isBackdropComponent =\n          typeof child.type === 'function' &&\n          (child.type as { displayName?: string }).displayName === 'Card.Backdrop'\n\n        if (isBackdropComponent) {\n          backdropFound = true\n\n          return\n        }\n\n        const hasChildren =\n          child.props && typeof child.props === 'object' && 'children' in child.props\n\n        if (hasChildren) {\n          const childChildren = (child.props as { children: ReactNode }).children\n          if (childChildren !== undefined && childChildren !== null) {\n            searchForBackdrop(childChildren)\n          }\n        }\n      }\n    })\n  }\n\n  searchForBackdrop(children)\n\n  return backdropFound\n}\n\nexport const isInteractive = (\n  children: ReactNode,\n  asChild: boolean | undefined,\n  props: Record<string, any>\n): boolean => {\n  const hasMouseEventHandlers = MOUSE_EVENTS.some(event => event in props)\n\n  if (hasMouseEventHandlers) {\n    return true\n  }\n\n  if (!asChild) {\n    return false\n  }\n\n  const child = Children.only(children)\n\n  if (!isValidElement(child)) {\n    return false\n  }\n\n  const interactiveElements = ['a', 'button']\n  const isInteractiveElement =\n    typeof child.type === 'string' && interactiveElements.includes(child.type)\n\n  if (isInteractiveElement) {\n    return true\n  }\n\n  const childProps = child.props as Record<string, any>\n  const hasChildEventHandlers = MOUSE_EVENTS.some(event => event in childProps)\n\n  return hasChildEventHandlers\n}\n","import { ComponentProps } from 'react'\n\nimport { Slot } from '../slot'\nimport { cardStyles, type CardStylesProps } from './Card.styles'\nimport { CardContext } from './context'\nimport { hasBackdrop, isInteractive } from './utils'\n\nexport interface CardProps extends ComponentProps<'div'>, CardStylesProps {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  /**\n   * Whether the card should have an inset padding.\n   */\n  inset?: boolean\n}\n\nexport const Card = ({\n  children,\n  design = 'filled',\n  intent = 'surface',\n  inset = false,\n  asChild,\n  className,\n  ref,\n  ...props\n}: CardProps) => {\n  const Component = asChild ? Slot : 'div'\n  const backdropDetected = hasBackdrop(children)\n  const interactiveDetected = isInteractive(children, asChild, props)\n\n  return (\n    <CardContext.Provider\n      value={{\n        design,\n        intent,\n        hasBackdrop: backdropDetected,\n        inset,\n        isInteractive: interactiveDetected,\n      }}\n    >\n      <Component\n        data-spark-component=\"card\"\n        data-interactive={interactiveDetected}\n        ref={ref}\n        className={cardStyles({\n          className,\n          design,\n          intent,\n          hasBackdrop: backdropDetected,\n        })}\n        {...props}\n      >\n        {children}\n      </Component>\n    </CardContext.Provider>\n  )\n}\n\nCard.displayName = 'Card'\n","import { makeVariants, tw } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const contentStyles = cva(\n  [\n    'relative h-full default:rounded-lg w-full focus-visible:u-outline',\n    'default:transition-colors default:duration-200 ease-linear',\n  ],\n  {\n    variants: {\n      inset: {\n        false: ['default:p-lg'],\n      },\n      design: {\n        filled: [],\n        outlined: [\n          'default:bg-surface group-focus:bg-surface-hovered group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered',\n        ],\n        tinted: [],\n      },\n      hasBackdrop: {\n        true: ['rounded-t-[16px_8px] '],\n      },\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'success',\n          'alert',\n          'danger',\n          'info',\n          'neutral',\n          'surface',\n          'surfaceInverse',\n        ]\n      >({\n        main: [],\n        support: [],\n        accent: [],\n        success: [],\n        alert: [],\n        danger: [],\n        info: [],\n        neutral: [],\n        surface: [],\n        surfaceInverse: [],\n      }),\n    },\n    compoundVariants: [\n      // FILLED\n      {\n        intent: 'main',\n        design: 'filled',\n        class: tw([\n          'bg-main text-on-main group-focus:bg-main-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-main-hovered',\n        ]),\n      },\n      {\n        intent: 'support',\n        design: 'filled',\n        class: tw([\n          'bg-support text-on-support group-focus:bg-support-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-support-hovered',\n        ]),\n      },\n      {\n        intent: 'accent',\n        design: 'filled',\n        class: tw([\n          'bg-accent text-on-accent group-focus:bg-accent-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-accent-hovered',\n        ]),\n      },\n      {\n        intent: 'success',\n        design: 'filled',\n        class: tw([\n          'bg-success text-on-success group-focus:bg-success-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-success-hovered',\n        ]),\n      },\n      {\n        intent: 'alert',\n        design: 'filled',\n        class: tw([\n          'bg-alert text-on-alert group-focus:bg-alert-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-alert-hovered',\n        ]),\n      },\n      {\n        intent: 'danger',\n        design: 'filled',\n        class: tw([\n          'text-on-error bg-error group-focus:bg-error-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-error-hovered',\n        ]),\n      },\n      {\n        intent: 'info',\n        design: 'filled',\n        class: tw([\n          'text-on-error bg-info group-focus:bg-info-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-info-hovered',\n        ]),\n      },\n      {\n        intent: 'neutral',\n        design: 'filled',\n        class: tw([\n          'bg-neutral text-on-neutral group-focus:bg-neutral-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-neutral-hovered',\n        ]),\n      },\n      {\n        intent: 'surface',\n        design: 'filled',\n        class: tw([\n          'bg-surface text-on-surface group-focus:bg-surface-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered',\n        ]),\n      },\n      // OUTLINED\n      /**\n       * Outlined styles are handled by the Card component (parent)\n       */\n      // TINTED\n      {\n        intent: 'main',\n        design: 'tinted',\n        class: tw([\n          'bg-main-container text-on-main-container group-focus:bg-main-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-main-container-hovered',\n        ]),\n      },\n      {\n        intent: 'support',\n        design: 'tinted',\n        class: tw([\n          'bg-support-container text-on-support-container group-focus:bg-support-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-support-container-hovered',\n        ]),\n      },\n      {\n        intent: 'accent',\n        design: 'tinted',\n        class: tw([\n          'bg-accent-container text-on-accent-container group-focus:bg-accent-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-accent-container-hovered',\n        ]),\n      },\n      {\n        intent: 'success',\n        design: 'tinted',\n        class: tw([\n          'bg-success-container text-on-success-container group-focus:bg-success-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-success-container-hovered',\n        ]),\n      },\n      {\n        intent: 'alert',\n        design: 'tinted',\n        class: tw([\n          'bg-alert-container text-on-alert-container group-focus:bg-alert-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-alert-container-hovered',\n        ]),\n      },\n      {\n        intent: 'danger',\n        design: 'tinted',\n        class: tw([\n          'bg-error-container text-on-error-container group-focus:bg-error-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-error-container-hovered',\n        ]),\n      },\n      {\n        intent: 'info',\n        design: 'tinted',\n        class: tw([\n          'bg-info-container text-on-info-container group-focus:bg-info-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-info-container-hovered',\n        ]),\n      },\n      {\n        intent: 'neutral',\n        design: 'tinted',\n        class: tw([\n          'bg-neutral-container text-on-neutral-container group-focus:bg-neutral-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-neutral-container-hovered',\n        ]),\n      },\n      {\n        intent: 'surface',\n        design: 'tinted',\n        class: tw([\n          'bg-surface text-on-surface group-focus:bg-surface-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered',\n        ]),\n      },\n    ],\n    defaultVariants: {\n      design: 'filled',\n      intent: 'surface',\n      inset: false,\n      hasBackdrop: true,\n    },\n  }\n)\n\nexport type ContentStylesProps = VariantProps<typeof contentStyles>\n","import { ComponentProps } from 'react'\n\nimport { Slot } from '../slot'\nimport { contentStyles } from './Content.styles'\nimport { useCardContext } from './context'\n\nexport interface ContentProps extends ComponentProps<'div'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  /**\n   * Whether the card should have an inset padding.\n   */\n  inset?: boolean\n}\n\nexport const Content = ({ children, inset, asChild, className, ref, ...props }: ContentProps) => {\n  const Component = asChild ? Slot : 'div'\n  const { design, intent, hasBackdrop } = useCardContext()\n\n  return (\n    <Component\n      data-spark-component=\"card-content\"\n      ref={ref}\n      className={contentStyles({\n        className,\n        design,\n        intent,\n        inset,\n        hasBackdrop,\n      })}\n      {...props}\n    >\n      {children}\n    </Component>\n  )\n}\n\nContent.displayName = 'Content'\n","import { Backdrop } from './Backdrop'\nimport { Card as Root } from './Card'\nimport { Content } from './Content'\n\nexport const Card: typeof Root & {\n  Content: typeof Content\n  Backdrop: typeof Backdrop\n} = Object.assign(Root, {\n  Content,\n  Backdrop,\n})\n\nCard.displayName = 'Card'\nContent.displayName = 'Card.Content'\nBackdrop.displayName = 'Card.Backdrop'\n\nexport { type CardProps } from './Card'\n"],"names":["backdropStyles","cva","makeVariants","Backdrop","intent","animation","props","jsx","cardStyles","tw","CardContext","createContext","useCardContext","context","useContext","MOUSE_EVENTS","hasBackdrop","children","backdropFound","searchForBackdrop","node","Children","child","isValidElement","childChildren","isInteractive","asChild","event","interactiveElements","childProps","Card","design","inset","className","ref","Component","Slot","backdropDetected","interactiveDetected","contentStyles","Content","Root"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/card/Backdrop.tsx","../../src/card/Card.styles.tsx","../../src/card/context.tsx","../../src/card/utils.ts","../../src/card/Card.tsx","../../src/card/Content.styles.tsx","../../src/card/Content.tsx","../../src/card/index.ts"],"sourcesContent":["import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const backdropStyles = cva(\n  [\n    'default:bg-surface default:bg-gradient-to-r absolute inset-x-0 top-0',\n    'h-sz-16',\n    'default:rounded-t-lg',\n    'bg-[length:200%_100%] bg-position-[0%_0%]',\n  ],\n  {\n    variants: {\n      animation: {\n        none: '',\n        pulse: 'animate-standalone-backdrop-pulse',\n      },\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'success',\n          'alert',\n          'danger',\n          'info',\n          'neutral',\n          'surface',\n          'surfaceInverse',\n        ]\n      >({\n        main: ['default:from-main/dim-4 default:via-main/dim-2 default:to-main/dim-4'],\n        support: ['default:from-support/dim-4 default:via-support/dim-2 default:to-support/dim-4'],\n        accent: ['default:from-accent/dim-4 default:via-accent/dim-2 default:to-accent/dim-4'],\n        success: ['default:from-success/dim-4 default:via-success/dim-2 default:to-success/dim-4'],\n        alert: ['default:from-alert/dim-4 default:via-alert/dim-2 default:to-alert/dim-4'],\n        danger: ['default:from-error/dim-4 default:via-error/dim-2 default:to-error/dim-4'],\n        info: ['default:from-info/dim-4 default:via-info/dim-2 default:to-info/dim-4'],\n        neutral: ['default:from-neutral/dim-4 default:via-neutral/dim-2 default:to-neutral/dim-4'],\n        surface: ['default:from-outline/dim-4 default:via-outline/dim-2 default:to-outline/dim-4'],\n        surfaceInverse: [\n          'default:from-surface/dim-4 default:via-surface/dim-2 default:to-surface/dim-4',\n        ],\n      }),\n    },\n    defaultVariants: {\n      intent: 'main',\n      animation: 'none',\n    },\n  }\n)\n\nexport type BackdropStylesProps = VariantProps<typeof backdropStyles>\n\ninterface BackdropProps extends BackdropStylesProps {\n  className?: string\n}\n\nexport const Backdrop = ({ intent = 'main', animation = 'none', ...props }: BackdropProps) => {\n  return <div className={backdropStyles({ intent, animation })} {...props} />\n}\n\nBackdrop.displayName = 'Card.Backdrop'\n","import { makeVariants, tw } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const cardStyles = cva(\n  [\n    'group relative bg-clip-padding default:rounded-lg focus-visible:u-outline',\n    'disabled:opacity-dim-3 disabled:cursor-not-allowed',\n  ],\n  {\n    variants: {\n      design: {\n        filled: [],\n        outlined: ['border-sm'],\n        tinted: [],\n      },\n      hasBackdrop: {\n        true: ['pt-md'],\n      },\n      /**\n       * Color scheme of the button.\n       */\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'success',\n          'alert',\n          'danger',\n          'info',\n          'neutral',\n          'surface',\n          'surfaceInverse',\n        ]\n      >({\n        main: [],\n        support: [],\n        accent: [],\n        success: [],\n        alert: [],\n        danger: [],\n        info: [],\n        neutral: [],\n        surface: [],\n        surfaceInverse: [],\n      }),\n    },\n    compoundVariants: [\n      // OUTLINED\n      { intent: 'main', design: 'outlined', class: tw(['border-main']) },\n      { intent: 'support', design: 'outlined', class: tw(['border-support']) },\n      { intent: 'accent', design: 'outlined', class: tw(['border-accent']) },\n      { intent: 'success', design: 'outlined', class: tw(['border-success']) },\n      { intent: 'alert', design: 'outlined', class: tw(['border-alert']) },\n      { intent: 'danger', design: 'outlined', class: tw(['border-error']) },\n      { intent: 'info', design: 'outlined', class: tw(['border-info']) },\n      { intent: 'neutral', design: 'outlined', class: tw(['border-neutral']) },\n      { intent: 'surface', design: 'outlined', class: tw(['border-outline']) },\n    ],\n    defaultVariants: {\n      design: 'filled',\n      intent: 'surface',\n    },\n  }\n)\n\nexport type CardStylesProps = VariantProps<typeof cardStyles>\n","import { createContext, useContext } from 'react'\n\nimport type { CardStylesProps } from './Card.styles'\n\nexport interface CardContextValue {\n  design: CardStylesProps['design']\n  intent: CardStylesProps['intent']\n  hasBackdrop: boolean\n  inset: boolean\n  isInteractive: boolean\n}\n\nconst CardContext = createContext<CardContextValue | undefined>(undefined)\n\nexport const useCardContext = () => {\n  const context = useContext(CardContext)\n  if (!context) {\n    throw new Error('useCardContext must be used within a Card component')\n  }\n\n  return context\n}\n\nexport { CardContext }\n","import { Children, isValidElement, ReactNode } from 'react'\n\nconst MOUSE_EVENTS = [\n  'onClick',\n  'onMouseDown',\n  'onMouseUp',\n  'onMouseEnter',\n  'onMouseLeave',\n  'onMouseMove',\n  'onMouseOver',\n  'onMouseOut',\n  'onDoubleClick',\n  'onContextMenu',\n] as const\n\nexport const hasBackdrop = (children: ReactNode): boolean => {\n  let backdropFound = false\n\n  const searchForBackdrop = (node: ReactNode): void => {\n    if (backdropFound) return\n\n    Children.forEach(node, child => {\n      if (backdropFound) return\n\n      if (isValidElement(child)) {\n        const isBackdropComponent =\n          typeof child.type === 'function' &&\n          (child.type as { displayName?: string }).displayName === 'Card.Backdrop'\n\n        if (isBackdropComponent) {\n          backdropFound = true\n\n          return\n        }\n\n        const hasChildren =\n          child.props && typeof child.props === 'object' && 'children' in child.props\n\n        if (hasChildren) {\n          const childChildren = (child.props as { children: ReactNode }).children\n          if (childChildren !== undefined && childChildren !== null) {\n            searchForBackdrop(childChildren)\n          }\n        }\n      }\n    })\n  }\n\n  searchForBackdrop(children)\n\n  return backdropFound\n}\n\nexport const isInteractive = (\n  children: ReactNode,\n  asChild: boolean | undefined,\n  props: Record<string, any>\n): boolean => {\n  const hasMouseEventHandlers = MOUSE_EVENTS.some(event => event in props)\n\n  if (hasMouseEventHandlers) {\n    return true\n  }\n\n  if (!asChild) {\n    return false\n  }\n\n  const child = Children.only(children)\n\n  if (!isValidElement(child)) {\n    return false\n  }\n\n  const interactiveElements = ['a', 'button']\n  const isInteractiveElement =\n    typeof child.type === 'string' && interactiveElements.includes(child.type)\n\n  if (isInteractiveElement) {\n    return true\n  }\n\n  const childProps = child.props as Record<string, any>\n  const hasChildEventHandlers = MOUSE_EVENTS.some(event => event in childProps)\n\n  return hasChildEventHandlers\n}\n","import { ComponentProps } from 'react'\n\nimport { Slot } from '../slot'\nimport { cardStyles, type CardStylesProps } from './Card.styles'\nimport { CardContext } from './context'\nimport { hasBackdrop, isInteractive } from './utils'\n\nexport interface CardProps extends ComponentProps<'div'>, CardStylesProps {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  /**\n   * Whether the card should have an inset padding.\n   */\n  inset?: boolean\n}\n\nexport const Card = ({\n  children,\n  design = 'filled',\n  intent = 'surface',\n  inset = false,\n  asChild,\n  className,\n  ref,\n  ...props\n}: CardProps) => {\n  const Component = asChild ? Slot : 'div'\n  const backdropDetected = hasBackdrop(children)\n  const interactiveDetected = isInteractive(children, asChild, props)\n\n  return (\n    <CardContext.Provider\n      value={{\n        design,\n        intent,\n        hasBackdrop: backdropDetected,\n        inset,\n        isInteractive: interactiveDetected,\n      }}\n    >\n      <Component\n        data-spark-component=\"card\"\n        data-interactive={interactiveDetected}\n        ref={ref}\n        className={cardStyles({\n          className,\n          design,\n          intent,\n          hasBackdrop: backdropDetected,\n        })}\n        {...props}\n      >\n        {children}\n      </Component>\n    </CardContext.Provider>\n  )\n}\n\nCard.displayName = 'Card'\n","import { makeVariants, tw } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const contentStyles = cva(\n  [\n    'relative h-full default:rounded-lg w-full focus-visible:u-outline',\n    'default:transition-colors default:duration-200 ease-linear',\n  ],\n  {\n    variants: {\n      inset: {\n        false: ['default:p-lg'],\n      },\n      design: {\n        filled: [],\n        outlined: [\n          'default:bg-surface group-focus:bg-surface-hovered group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered',\n        ],\n        tinted: [],\n      },\n      hasBackdrop: {\n        true: ['rounded-t-[16px_8px] '],\n      },\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'success',\n          'alert',\n          'danger',\n          'info',\n          'neutral',\n          'surface',\n          'surfaceInverse',\n        ]\n      >({\n        main: [],\n        support: [],\n        accent: [],\n        success: [],\n        alert: [],\n        danger: [],\n        info: [],\n        neutral: [],\n        surface: [],\n        surfaceInverse: [],\n      }),\n    },\n    compoundVariants: [\n      // FILLED\n      {\n        intent: 'main',\n        design: 'filled',\n        class: tw([\n          'bg-main text-on-main group-focus:bg-main-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-main-hovered',\n        ]),\n      },\n      {\n        intent: 'support',\n        design: 'filled',\n        class: tw([\n          'bg-support text-on-support group-focus:bg-support-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-support-hovered',\n        ]),\n      },\n      {\n        intent: 'accent',\n        design: 'filled',\n        class: tw([\n          'bg-accent text-on-accent group-focus:bg-accent-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-accent-hovered',\n        ]),\n      },\n      {\n        intent: 'success',\n        design: 'filled',\n        class: tw([\n          'bg-success text-on-success group-focus:bg-success-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-success-hovered',\n        ]),\n      },\n      {\n        intent: 'alert',\n        design: 'filled',\n        class: tw([\n          'bg-alert text-on-alert group-focus:bg-alert-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-alert-hovered',\n        ]),\n      },\n      {\n        intent: 'danger',\n        design: 'filled',\n        class: tw([\n          'text-on-error bg-error group-focus:bg-error-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-error-hovered',\n        ]),\n      },\n      {\n        intent: 'info',\n        design: 'filled',\n        class: tw([\n          'text-on-error bg-info group-focus:bg-info-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-info-hovered',\n        ]),\n      },\n      {\n        intent: 'neutral',\n        design: 'filled',\n        class: tw([\n          'bg-neutral text-on-neutral group-focus:bg-neutral-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-neutral-hovered',\n        ]),\n      },\n      {\n        intent: 'surface',\n        design: 'filled',\n        class: tw([\n          'bg-surface text-on-surface group-focus:bg-surface-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered',\n        ]),\n      },\n      // OUTLINED\n      /**\n       * Outlined styles are handled by the Card component (parent)\n       */\n      // TINTED\n      {\n        intent: 'main',\n        design: 'tinted',\n        class: tw([\n          'bg-main-container text-on-main-container group-focus:bg-main-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-main-container-hovered',\n        ]),\n      },\n      {\n        intent: 'support',\n        design: 'tinted',\n        class: tw([\n          'bg-support-container text-on-support-container group-focus:bg-support-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-support-container-hovered',\n        ]),\n      },\n      {\n        intent: 'accent',\n        design: 'tinted',\n        class: tw([\n          'bg-accent-container text-on-accent-container group-focus:bg-accent-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-accent-container-hovered',\n        ]),\n      },\n      {\n        intent: 'success',\n        design: 'tinted',\n        class: tw([\n          'bg-success-container text-on-success-container group-focus:bg-success-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-success-container-hovered',\n        ]),\n      },\n      {\n        intent: 'alert',\n        design: 'tinted',\n        class: tw([\n          'bg-alert-container text-on-alert-container group-focus:bg-alert-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-alert-container-hovered',\n        ]),\n      },\n      {\n        intent: 'danger',\n        design: 'tinted',\n        class: tw([\n          'bg-error-container text-on-error-container group-focus:bg-error-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-error-container-hovered',\n        ]),\n      },\n      {\n        intent: 'info',\n        design: 'tinted',\n        class: tw([\n          'bg-info-container text-on-info-container group-focus:bg-info-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-info-container-hovered',\n        ]),\n      },\n      {\n        intent: 'neutral',\n        design: 'tinted',\n        class: tw([\n          'bg-neutral-container text-on-neutral-container group-focus:bg-neutral-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-neutral-container-hovered',\n        ]),\n      },\n      {\n        intent: 'surface',\n        design: 'tinted',\n        class: tw([\n          'bg-surface text-on-surface group-focus:bg-surface-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered',\n        ]),\n      },\n    ],\n    defaultVariants: {\n      design: 'filled',\n      intent: 'surface',\n      inset: false,\n      hasBackdrop: true,\n    },\n  }\n)\n\nexport type ContentStylesProps = VariantProps<typeof contentStyles>\n","import { ComponentProps } from 'react'\n\nimport { Slot } from '../slot'\nimport { contentStyles } from './Content.styles'\nimport { useCardContext } from './context'\n\nexport interface ContentProps extends ComponentProps<'div'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  /**\n   * Whether the card should have an inset padding.\n   */\n  inset?: boolean\n}\n\nexport const Content = ({ children, inset, asChild, className, ref, ...props }: ContentProps) => {\n  const Component = asChild ? Slot : 'div'\n  const { design, intent, hasBackdrop } = useCardContext()\n\n  return (\n    <Component\n      data-spark-component=\"card-content\"\n      ref={ref}\n      className={contentStyles({\n        className,\n        design,\n        intent,\n        inset,\n        hasBackdrop,\n      })}\n      {...props}\n    >\n      {children}\n    </Component>\n  )\n}\n\nContent.displayName = 'Content'\n","import { Backdrop } from './Backdrop'\nimport { Card as Root } from './Card'\nimport { Content } from './Content'\n\nexport const Card: typeof Root & {\n  Content: typeof Content\n  Backdrop: typeof Backdrop\n} = Object.assign(Root, {\n  Content,\n  Backdrop,\n})\n\nCard.displayName = 'Card'\nContent.displayName = 'Card.Content'\nBackdrop.displayName = 'Card.Backdrop'\n\nexport { type CardProps } from './Card'\n"],"mappings":"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"}

package/dist/carousel/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),k=require("class-variance-authority"),s=require("react"),se=require("@spark-ui/icons/ArrowVerticalRight"),O=require("../Icon-C-cNTnzd.js"),$=require("../IconButton-BR1bJSQA.js"),oe=require("@spark-ui/icons/ArrowVerticalLeft");function ae(e){const t=s.useRef(new Map),r=s.useRef(null),n=s.useRef(new Map),o=s.useCallback(()=>u=>{u.forEach(d=>{const b=d.isIntersecting,S=d.target;t.current.set(S,b);const h=n.current.get(S);h&&h(b)})},[]),a=s.useCallback(()=>{if(r.current)return r.current;const u=e.current;if(!u)return null;const d=new IntersectionObserver(o(),{root:u,threshold:.2});return r.current=d,d},[e,o]);s.useEffect(()=>{const u=a(),d=t.current,b=n.current;return()=>{u&&(u.disconnect(),d.clear(),b.clear(),r.current=null)}},[a]);const i=s.useCallback((u,d)=>{if(!u)return;const b=a();if(!b){setTimeout(()=>i(u,d),0);return}const S=t.current.get(u)??!0;t.current.set(u,S),n.current.set(u,d),b.observe(u),d(S)},[a]),c=s.useCallback(u=>{if(!u)return;const d=r.current;d&&d.unobserve(u),t.current.delete(u),n.current.delete(u)},[]),g=s.useCallback(u=>u?t.current.get(u)??!0:!0,[]);return{registerSlide:i,unregisterSlide:c,isSlideVisible:g}}function ie(e){const t=s.useRef(()=>{throw new Error("Cannot call an event handler while rendering.")});return s.useLayoutEffect(()=>{t.current=e}),s.useCallback((...r)=>t.current?.(...r),[])}const ce=()=>{const e=s.useRef(!1);return s.useEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),e};function ue(e,t){const r=s.useRef(0),n=s.useRef(null);s.useEffect(()=>{const o=e.current;if(!o)return;const a="onscrollend"in window,i=()=>{t()},c=()=>{n.current&&clearTimeout(n.current),e.current&&(r.current=e.current.scrollLeft,n.current=setTimeout(()=>{e.current&&i()},150))};return a?o.addEventListener("scrollend",i):o.addEventListener("scroll",c),()=>{n.current&&clearTimeout(n.current),a?o.removeEventListener("scrollend",i):o.removeEventListener("scroll",c)}},[t,e])}function le(e,t){s.useLayoutEffect(()=>{const r=e.current;if(!r)return;const n=new ResizeObserver(o=>{for(const a of o)t(a.contentRect.width)});return n.observe(r),()=>n.disconnect()},[e,t])}function de({totalSlides:e,slidesPerMove:t,slidesPerPage:r}){const n=t==="auto"?r:t,o=[],a=Math.floor((e-r)/n)*n;for(let i=0;i<=a;i+=n)o.push(i);return o[o.length-1]!==e-r&&o.push(e-r),o}function q(e){return e?Array.from(e.querySelectorAll('[data-part="item"]')):[]}function _(e,{container:t,slidesPerMove:r,slidesPerPage:n}){return de({totalSlides:q(t).length,slidesPerPage:n,slidesPerMove:r}).includes(e)}function B({container:e,slidesPerMove:t,slidesPerPage:r}){return e?q(e).filter((n,o)=>_(o,{slidesPerMove:t,slidesPerPage:r,container:e})).map(n=>n.offsetLeft):[]}function fe({dotIndex:e,pageState:t,totalPages:r,maxDots:n=5}){if(r<=n)return e===t?"active":"idle";if(t<=Math.floor(n/2))return e>n-1?"hidden":e===t?"active":e===n-1?"edge":"idle";if(t>=r-Math.ceil(n/2)){const i=r-n;return e<i?"hidden":e===t?"active":e===i?"edge":"idle"}const o=t-Math.floor(n/2),a=t+Math.floor(n/2);return e<o||e>a?"hidden":e===t?"active":e===o||e===a?"edge":"idle"}function pe(e=[],{carouselRef:t,slidesPerMove:r,slidesPerPage:n}){const[o,a]=s.useState(e),i=s.useMemo(()=>o,[o]);return le(t,()=>{const c=B({slidesPerMove:r,slidesPerPage:n,container:t.current});JSON.stringify(o)!==JSON.stringify(c)&&a(c)}),[i,a]}const x="carousel",N="ltr",ge=({defaultPage:e,gap:t=16,snapType:r="mandatory",snapStop:n="always",scrollPadding:o=0,slidesPerPage:a=1,slidesPerMove:i="auto",scrollBehavior:c="smooth",loop:g=!1,pagePickerInset:u=!1,maxDots:d=5,page:b,onPageChange:S})=>{const h=s.useId(),[f,I]=s.useState(e||b||0),C=s.useRef(null),M=s.useRef([]),T=ce().current,L=ie(S),{registerSlide:D,unregisterSlide:ee,isSlideVisible:te}=ae(C),[m]=pe([],{carouselRef:C,slidesPerMove:i,slidesPerPage:a}),P=s.useRef(g||f>0),R=s.useRef(g||f<m.length-1);P.current=g||f>0,R.current=g||f<m.length-1;const j=s.useCallback(l=>{l!==f&&(I(l),L?.(l))},[L,f]),y=s.useCallback((l,v)=>{C.current&&(C.current.scrollTo({left:m[l],behavior:v==="instant"?"auto":"smooth"}),j(l))},[j,m]),z=s.useCallback(l=>{if(P){const v=g&&f===0?m.length-1:Math.max(f-1,0);y(v,c),l?.(v)}},[g,m,f,c,y]),A=s.useCallback(l=>{if(R){const v=g&&f===m.length-1?0:Math.min(f+1,m.length-1);y(v,c),l?.(v)}},[g,m,f,c,y]);s.useEffect(()=>{b!=null&&y(b,c)},[b,c,y]),s.useLayoutEffect(()=>{if(e!=null&&!T&&C.current){const l=B({container:C.current,slidesPerMove:i,slidesPerPage:a});C.current.scrollTo({left:l[e],behavior:"instant"})}},[e,T,i,a]);const re=s.useCallback(()=>{if(!C.current||m.length===0)return;const{scrollLeft:l}=C.current,v=m.map(V=>Math.abs(l-V)),E=v.indexOf(Math.min(...v));E!==-1&&j(E)},[m,j]);return ue(C,re),{ref:C,pageIndicatorsRefs:M,gap:t,snapType:r,snapStop:n,scrollPadding:o,slidesPerPage:a,slidesPerMove:i,scrollBehavior:c,loop:g,pagePickerInset:u,maxDots:d,page:f,pageSnapPoints:m,canScrollNext:R.current,canScrollPrev:P.current,scrollTo:y,scrollPrev:z,scrollNext:A,registerSlide:D,unregisterSlide:ee,isSlideVisible:te,getRootProps:()=>({id:`carousel::${h}:`,role:"region","aria-roledescription":"carousel","data-scope":x,"data-part":"root","data-orientation":"horizontal",dir:N,style:{"--slides-per-page":a,"--slide-spacing":`${t}px`,"--slide-item-size":"calc(100% / var(--slides-per-page) - var(--slide-spacing) * (var(--slides-per-page) - 1) / var(--slides-per-page))"}}),getControlProps:()=>({"data-scope":x,"data-part":"control","data-orientation":"horizontal"}),getPrevTriggerProps:()=>({id:`carousel::${h}::prev-trigger`,"aria-controls":`carousel::${h}::item-group`,"data-scope":x,"data-part":"prev-trigger","data-orientation":"horizontal",type:"button",dir:N,disabled:!P.current,onClick:()=>z()}),getNextTriggerProps:()=>({id:`carousel::${h}::next-trigger`,"aria-controls":`carousel::${h}::item-group`,"data-scope":x,"data-part":"next-trigger","data-orientation":"horizontal",type:"button",dir:N,disabled:!R.current,onClick:()=>A()}),getSlidesContainerProps:()=>({id:`carousel::${h}::item-group`,"aria-live":a>1?"off":"polite","data-scope":x,"data-part":"item-group","data-orientation":"horizontal",dir:N,tabIndex:0,style:{display:"grid",gap:"var(--slide-spacing)",scrollSnapType:`x ${r}`,gridAutoFlow:"column",scrollbarWidth:"none",gridAutoColumns:"var(--slide-item-size)",overflowX:"auto"},ref:C}),getSlideProps:({index:l})=>{const v=_(l,{container:C.current,slidesPerMove:i,slidesPerPage:a});return{id:`carousel::${h}::item:${l}`,role:"group","aria-roledescription":"slide","data-scope":x,"data-part":"item","data-index":l,"data-orientation":"horizontal",dir:N,style:{...v&&{scrollSnapAlign:"start",scrollSnapStop:n}}}},getIndicatorGroupProps:()=>({role:"radiogroup",id:`carousel::${h}::indicator-group`,"data-scope":x,"data-part":"indicator-group","data-orientation":"horizontal",dir:N}),getIndicatorProps:({index:l})=>{const v=fe({dotIndex:l,pageState:f,totalPages:m.length,maxDots:d});return{role:"radio",id:`carousel::${h}::indicator:${l}`,"aria-checked":l===f,"data-scope":x,"data-part":"indicator","data-orientation":"horizontal","data-index":l,"data-state":v,tabIndex:l===f?0:-1,onClick:()=>{y(l,c)},onKeyDown:E=>{const V=ne=>{M.current[ne]?.focus()};E.key==="ArrowRight"&&R?A(V):E.key==="ArrowLeft"&&P&&z(V)}}}}},F=s.createContext(null),G=({className:e,snapType:t="mandatory",snapStop:r="always",scrollBehavior:n="smooth",slidesPerMove:o="auto",pagePickerInset:a=!1,slidesPerPage:i=1,loop:c=!1,children:g,gap:u=16,defaultPage:d,page:b,onPageChange:S,maxDots:h=5,...f})=>{const I=ge({defaultPage:d,slidesPerPage:i,slidesPerMove:o,loop:c,gap:u,scrollBehavior:n,snapStop:r,snapType:t,page:b,pagePickerInset:a,onPageChange:S,maxDots:h});return p.jsx(F.Provider,{value:{...I,scrollBehavior:n},children:p.jsx("div",{"data-spark-component":"carousel",className:k.cx("gap-lg relative box-border flex flex-col",e),...I.getRootProps(),...f,children:g})})};G.displayName="Carousel";const w=()=>{const e=s.useContext(F);if(!e)throw Error("useCarouselContext must be used within a Carousel provider");return e},J=({children:e,className:t,...r})=>{const n=w();return p.jsx("div",{"data-spark-component":"carousel-controls",className:k.cx("default:px-lg pointer-events-none absolute inset-0 flex flex-row items-center justify-between",t),...n.getControlProps(),...r,children:e})};J.displayName="Carousel.Controls";const W=({"aria-label":e,...t})=>{const r=w();return p.jsx($.IconButton,{"data-spark-component":"carousel-next-button",...r.getNextTriggerProps(),intent:"surface",design:"filled",className:"pointer-events-auto cursor-pointer shadow-sm disabled:invisible","aria-label":e,...t,children:p.jsx(O.Icon,{children:p.jsx(se.ArrowVerticalRight,{})})})};W.displayName="Carousel.NextButton";const K=({children:e,unstyled:t=!1,index:r,"aria-label":n,className:o,intent:a="support"})=>{const i=w(),c=s.useRef(null);s.useEffect(()=>{i.pageIndicatorsRefs.current&&(i.pageIndicatorsRefs.current[r]=c.current)});const g=i.getIndicatorProps({index:r});return p.jsx("button",{"data-spark-component":"carousel-page-indicator",ref:c,...g,"aria-label":n,className:k.cx({[k.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]:m-0 data-[state=hidden]:size-0",a==="surface"?"data-[state=active]:bg-surface bg-surface/dim-2":"data-[state=active]:bg-support bg-on-surface/dim-2")]:!t},o),children:e},r)};K.displayName="Carousel.PageIndicator";const X=({children:e,className:t})=>{const r=w();return p.jsx(p.Fragment,{children:p.jsx("div",{"data-spark-component":"carousel-page-picker",...r.getIndicatorGroupProps(),className:k.cx("flex-wrap items-center justify-center","default:min-h-sz-16 flex",r.pagePickerInset&&"bottom-sz-12 absolute inset-x-0",t),children:r.pageSnapPoints.length<=1?null:e({...r,pages:Array.from({length:r.pageSnapPoints.length},(n,o)=>o)})})})};X.displayName="Carousel.PagePicker";const H=({"aria-label":e,...t})=>{const r=w();return p.jsx($.IconButton,{"data-spark-component":"carousel-prev-button",...r.getPrevTriggerProps(),intent:"surface",design:"filled",className:"pointer-events-auto cursor-pointer shadow-sm disabled:invisible","aria-label":e,...t,children:p.jsx(O.Icon,{children:p.jsx(oe.ArrowVerticalLeft,{})})})};H.displayName="Carousel.PrevButton";function be(e,t){const[r,n]=s.useState(!0),o=w();return s.useEffect(()=>{const a=e.current;if(!a)return;const{registerSlide:i,unregisterSlide:c}=o;return i(a,n),()=>{c(a)}},[e]),r}const Q=({children:e,index:t=0,totalSlides:r,className:n="",...o})=>{const a=s.useRef(null),i=w(),c=be(a,i.ref);return p.jsx("div",{"data-spark-component":"carousel-slide",ref:a,...i.getSlideProps({index:t,totalSlides:r}),className:k.cx("default:bg-surface relative overflow-hidden",n),"aria-hidden":!c,inert:!c,...o,children:e})};Q.displayName="Carousel.Slide";const U=({children:e,className:t=""})=>{const r=w(),n=s.Children.toArray(e);return p.jsx("div",{"data-spark-component":"carousel-slides",...r.getSlidesContainerProps(),className:k.cx("focus-visible:u-outline relative w-full","[-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",t),children:n.map((o,a)=>s.isValidElement(o)?s.cloneElement(o,{index:a,totalSlides:n.length}):o)})};U.displayName="Carousel.Slides";const Y=({children:e})=>p.jsx("div",{className:"relative flex items-center justify-around p-0",children:e});Y.displayName="Carousel.Viewport";const Z=Object.assign(G,{Controls:J,NextButton:W,PrevButton:H,Slide:Q,Slides:U,Viewport:Y,PagePicker:X,PageIndicator:K});Z.displayName="Carousel";exports.Carousel=Z;
-//# sourceMappingURL=index.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-C91j1N6u.js`);const e=require(`../icon-CRPcdgYp.js`),t=require(`../icon-button-CykysbgJ.js`);let n=require(`class-variance-authority`),r=require(`react`),i=require(`react/jsx-runtime`),a=require(`@spark-ui/icons/ArrowVerticalRight`),o=require(`@spark-ui/icons/ArrowVerticalLeft`);function s(e){let t=(0,r.useRef)(new Map),n=(0,r.useRef)(null),i=(0,r.useRef)(new Map),a=(0,r.useCallback)(()=>e=>{e.forEach(e=>{let n=e.isIntersecting,r=e.target;t.current.set(r,n);let a=i.current.get(r);a&&a(n)})},[]),o=(0,r.useCallback)(()=>{if(n.current)return n.current;let t=e.current;if(!t)return null;let r=new IntersectionObserver(a(),{root:t,threshold:.2});return n.current=r,r},[e,a]);(0,r.useEffect)(()=>{let e=o(),r=t.current,a=i.current;return()=>{e&&(e.disconnect(),r.clear(),a.clear(),n.current=null)}},[o]);let s=(0,r.useCallback)((e,n)=>{if(!e)return;let r=o();if(!r){setTimeout(()=>s(e,n),0);return}let a=t.current.get(e)??!0;t.current.set(e,a),i.current.set(e,n),r.observe(e),n(a)},[o]);return{registerSlide:s,unregisterSlide:(0,r.useCallback)(e=>{if(!e)return;let r=n.current;r&&r.unobserve(e),t.current.delete(e),i.current.delete(e)},[]),isSlideVisible:(0,r.useCallback)(e=>e?t.current.get(e)??!0:!0,[])}}function c(e){let t=(0,r.useRef)(()=>{throw Error(`Cannot call an event handler while rendering.`)});return(0,r.useLayoutEffect)(()=>{t.current=e}),(0,r.useCallback)((...e)=>t.current?.(...e),[])}var l=()=>{let e=(0,r.useRef)(!1);return(0,r.useEffect)(()=>(e.current=!0,()=>{e.current=!1}),[]),e};function u(e,t){let n=(0,r.useRef)(0),i=(0,r.useRef)(null);(0,r.useEffect)(()=>{let r=e.current;if(!r)return;let a=`onscrollend`in window,o=()=>{t()},s=()=>{i.current&&clearTimeout(i.current),e.current&&(n.current=e.current.scrollLeft,i.current=setTimeout(()=>{e.current&&o()},150))};return a?r.addEventListener(`scrollend`,o):r.addEventListener(`scroll`,s),()=>{i.current&&clearTimeout(i.current),a?r.removeEventListener(`scrollend`,o):r.removeEventListener(`scroll`,s)}},[t,e])}function d(e,t){(0,r.useLayoutEffect)(()=>{let n=e.current;if(!n)return;let r=new ResizeObserver(e=>{for(let n of e)t(n.contentRect.width)});return r.observe(n),()=>r.disconnect()},[e,t])}function f({totalSlides:e,slidesPerMove:t,slidesPerPage:n}){let r=t===`auto`?n:t,i=[],a=Math.floor((e-n)/r)*r;for(let e=0;e<=a;e+=r)i.push(e);return i[i.length-1]!==e-n&&i.push(e-n),i}function p(e){return e?Array.from(e.querySelectorAll(`[data-part="item"]`)):[]}function m(e,{container:t,slidesPerMove:n,slidesPerPage:r}){return f({totalSlides:p(t).length,slidesPerPage:r,slidesPerMove:n}).includes(e)}function h({container:e,slidesPerMove:t,slidesPerPage:n}){return e?p(e).filter((r,i)=>m(i,{slidesPerMove:t,slidesPerPage:n,container:e})).map(e=>e.offsetLeft):[]}function g({dotIndex:e,pageState:t,totalPages:n,maxDots:r=5}){if(n<=r)return e===t?`active`:`idle`;if(t<=Math.floor(r/2))return e>r-1?`hidden`:e===t?`active`:e===r-1?`edge`:`idle`;if(t>=n-Math.ceil(r/2)){let i=n-r;return e<i?`hidden`:e===t?`active`:e===i?`edge`:`idle`}let i=t-Math.floor(r/2),a=t+Math.floor(r/2);return e<i||e>a?`hidden`:e===t?`active`:e===i||e===a?`edge`:`idle`}function _(e=[],{carouselRef:t,slidesPerMove:n,slidesPerPage:i}){let[a,o]=(0,r.useState)(e),s=(0,r.useMemo)(()=>a,[a]);return d(t,()=>{let e=h({slidesPerMove:n,slidesPerPage:i,container:t.current});JSON.stringify(a)!==JSON.stringify(e)&&o(e)}),[s,o]}var v=`carousel`,y=`ltr`,b=({defaultPage:e,gap:t=16,snapType:n=`mandatory`,snapStop:i=`always`,scrollPadding:a=0,slidesPerPage:o=1,slidesPerMove:d=`auto`,scrollBehavior:f=`smooth`,loop:p=!1,pagePickerInset:b=!1,maxDots:x=5,page:S,onPageChange:C})=>{let w=(0,r.useId)(),[T,E]=(0,r.useState)(e||S||0),D=(0,r.useRef)(null),O=(0,r.useRef)([]),k=l().current,A=c(C),{registerSlide:j,unregisterSlide:M,isSlideVisible:N}=s(D),[P]=_([],{carouselRef:D,slidesPerMove:d,slidesPerPage:o}),F=(0,r.useRef)(p||T>0),I=(0,r.useRef)(p||T<P.length-1);F.current=p||T>0,I.current=p||T<P.length-1;let L=(0,r.useCallback)(e=>{e!==T&&(E(e),A?.(e))},[A,T]),R=(0,r.useCallback)((e,t)=>{D.current&&(D.current.scrollTo({left:P[e],behavior:t===`instant`?`auto`:`smooth`}),L(e))},[L,P]),z=(0,r.useCallback)(e=>{if(F){let t=p&&T===0?P.length-1:Math.max(T-1,0);R(t,f),e?.(t)}},[p,P,T,f,R]),B=(0,r.useCallback)(e=>{if(I){let t=p&&T===P.length-1?0:Math.min(T+1,P.length-1);R(t,f),e?.(t)}},[p,P,T,f,R]);return(0,r.useEffect)(()=>{S!=null&&R(S,f)},[S,f,R]),(0,r.useLayoutEffect)(()=>{if(e!=null&&!k&&D.current){let t=h({container:D.current,slidesPerMove:d,slidesPerPage:o});D.current.scrollTo({left:t[e],behavior:`instant`})}},[e,k,d,o]),u(D,(0,r.useCallback)(()=>{if(!D.current||P.length===0)return;let{scrollLeft:e}=D.current,t=P.map(t=>Math.abs(e-t)),n=t.indexOf(Math.min(...t));n!==-1&&L(n)},[P,L])),{ref:D,pageIndicatorsRefs:O,gap:t,snapType:n,snapStop:i,scrollPadding:a,slidesPerPage:o,slidesPerMove:d,scrollBehavior:f,loop:p,pagePickerInset:b,maxDots:x,page:T,pageSnapPoints:P,canScrollNext:I.current,canScrollPrev:F.current,scrollTo:R,scrollPrev:z,scrollNext:B,registerSlide:j,unregisterSlide:M,isSlideVisible:N,getRootProps:()=>({id:`carousel::${w}:`,role:`region`,"aria-roledescription":`carousel`,"data-scope":v,"data-part":`root`,"data-orientation":`horizontal`,dir:y,style:{"--slides-per-page":o,"--slide-spacing":`${t}px`,"--slide-item-size":`calc(100% / var(--slides-per-page) - var(--slide-spacing) * (var(--slides-per-page) - 1) / var(--slides-per-page))`}}),getControlProps:()=>({"data-scope":v,"data-part":`control`,"data-orientation":`horizontal`}),getPrevTriggerProps:()=>({id:`carousel::${w}::prev-trigger`,"aria-controls":`carousel::${w}::item-group`,"data-scope":v,"data-part":`prev-trigger`,"data-orientation":`horizontal`,type:`button`,dir:y,disabled:!F.current,onClick:()=>z()}),getNextTriggerProps:()=>({id:`carousel::${w}::next-trigger`,"aria-controls":`carousel::${w}::item-group`,"data-scope":v,"data-part":`next-trigger`,"data-orientation":`horizontal`,type:`button`,dir:y,disabled:!I.current,onClick:()=>B()}),getSlidesContainerProps:()=>({id:`carousel::${w}::item-group`,"aria-live":o>1?`off`:`polite`,"data-scope":v,"data-part":`item-group`,"data-orientation":`horizontal`,dir:y,tabIndex:0,style:{display:`grid`,gap:`var(--slide-spacing)`,scrollSnapType:`x ${n}`,gridAutoFlow:`column`,scrollbarWidth:`none`,gridAutoColumns:`var(--slide-item-size)`,overflowX:`auto`},ref:D}),getSlideProps:({index:e})=>{let t=m(e,{container:D.current,slidesPerMove:d,slidesPerPage:o});return{id:`carousel::${w}::item:${e}`,role:`group`,"aria-roledescription":`slide`,"data-scope":v,"data-part":`item`,"data-index":e,"data-orientation":`horizontal`,dir:y,style:{...t&&{scrollSnapAlign:`start`,scrollSnapStop:i}}}},getIndicatorGroupProps:()=>({role:`radiogroup`,id:`carousel::${w}::indicator-group`,"data-scope":v,"data-part":`indicator-group`,"data-orientation":`horizontal`,dir:y}),getIndicatorProps:({index:e})=>{let t=g({dotIndex:e,pageState:T,totalPages:P.length,maxDots:x});return{role:`radio`,id:`carousel::${w}::indicator:${e}`,"aria-checked":e===T,"data-scope":v,"data-part":`indicator`,"data-orientation":`horizontal`,"data-index":e,"data-state":t,tabIndex:e===T?0:-1,onClick:()=>{R(e,f)},onKeyDown:e=>{let t=e=>{O.current[e]?.focus()};e.key===`ArrowRight`&&I?B(t):e.key===`ArrowLeft`&&F&&z(t)}}}}},x=(0,r.createContext)(null),S=({className:e,snapType:t=`mandatory`,snapStop:r=`always`,scrollBehavior:a=`smooth`,slidesPerMove:o=`auto`,pagePickerInset:s=!1,slidesPerPage:c=1,loop:l=!1,children:u,gap:d=16,defaultPage:f,page:p,onPageChange:m,maxDots:h=5,...g})=>{let _=b({defaultPage:f,slidesPerPage:c,slidesPerMove:o,loop:l,gap:d,scrollBehavior:a,snapStop:r,snapType:t,page:p,pagePickerInset:s,onPageChange:m,maxDots:h});return(0,i.jsx)(x.Provider,{value:{..._,scrollBehavior:a},children:(0,i.jsx)(`div`,{"data-spark-component":`carousel`,className:(0,n.cx)(`gap-lg relative box-border flex flex-col`,e),..._.getRootProps(),...g,children:u})})};S.displayName=`Carousel`;var C=()=>{let e=(0,r.useContext)(x);if(!e)throw Error(`useCarouselContext must be used within a Carousel provider`);return e},w=({children:e,className:t,...r})=>{let a=C();return(0,i.jsx)(`div`,{"data-spark-component":`carousel-controls`,className:(0,n.cx)(`default:px-lg pointer-events-none absolute inset-0 flex flex-row items-center justify-between`,t),...a.getControlProps(),...r,children:e})};w.displayName=`Carousel.Controls`;var T=({"aria-label":n,...r})=>{let o=C();return(0,i.jsx)(t.t,{"data-spark-component":`carousel-next-button`,...o.getNextTriggerProps(),intent:`surface`,design:`filled`,className:`pointer-events-auto cursor-pointer shadow-sm disabled:invisible`,"aria-label":n,...r,children:(0,i.jsx)(e.t,{children:(0,i.jsx)(a.ArrowVerticalRight,{})})})};T.displayName=`Carousel.NextButton`;var E=({children:e,unstyled:t=!1,index:a,"aria-label":o,className:s,intent:c=`support`})=>{let l=C(),u=(0,r.useRef)(null);(0,r.useEffect)(()=>{l.pageIndicatorsRefs.current&&(l.pageIndicatorsRefs.current[a]=u.current)});let d=l.getIndicatorProps({index:a});return(0,i.jsx)(`button`,{"data-spark-component":`carousel-page-indicator`,ref:u,...d,"aria-label":o,className:(0,n.cx)({[(0,n.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]:m-0 data-[state=hidden]:size-0`,c===`surface`?`data-[state=active]:bg-surface bg-surface/dim-2`:`data-[state=active]:bg-support bg-on-surface/dim-2`)]:!t},s),children:e},a)};E.displayName=`Carousel.PageIndicator`;var D=({children:e,className:t})=>{let r=C();return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(`div`,{"data-spark-component":`carousel-page-picker`,...r.getIndicatorGroupProps(),className:(0,n.cx)(`flex-wrap items-center justify-center`,`default:min-h-sz-16 flex`,r.pagePickerInset&&`bottom-sz-12 absolute inset-x-0`,t),children:r.pageSnapPoints.length<=1?null:e({...r,pages:Array.from({length:r.pageSnapPoints.length},(e,t)=>t)})})})};D.displayName=`Carousel.PagePicker`;var O=({"aria-label":n,...r})=>{let a=C();return(0,i.jsx)(t.t,{"data-spark-component":`carousel-prev-button`,...a.getPrevTriggerProps(),intent:`surface`,design:`filled`,className:`pointer-events-auto cursor-pointer shadow-sm disabled:invisible`,"aria-label":n,...r,children:(0,i.jsx)(e.t,{children:(0,i.jsx)(o.ArrowVerticalLeft,{})})})};O.displayName=`Carousel.PrevButton`;function k(e,t){let[n,i]=(0,r.useState)(!0),a=C();return(0,r.useEffect)(()=>{let t=e.current;if(!t)return;let{registerSlide:n,unregisterSlide:r}=a;return n(t,i),()=>{r(t)}},[e]),n}var A=({children:e,index:t=0,totalSlides:a,className:o=``,...s})=>{let c=(0,r.useRef)(null),l=C(),u=k(c,l.ref);return(0,i.jsx)(`div`,{"data-spark-component":`carousel-slide`,ref:c,...l.getSlideProps({index:t,totalSlides:a}),className:(0,n.cx)(`default:bg-surface relative overflow-hidden`,o),"aria-hidden":!u,inert:!u,...s,children:e})};A.displayName=`Carousel.Slide`;var j=({children:e,className:t=``})=>{let a=C(),o=r.Children.toArray(e);return(0,i.jsx)(`div`,{"data-spark-component":`carousel-slides`,...a.getSlidesContainerProps(),className:(0,n.cx)(`focus-visible:u-outline relative w-full`,`[-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,t),children:o.map((e,t)=>(0,r.isValidElement)(e)?(0,r.cloneElement)(e,{index:t,totalSlides:o.length}):e)})};j.displayName=`Carousel.Slides`;var M=({children:e})=>(0,i.jsx)(`div`,{className:`relative flex items-center justify-around p-0`,children:e});M.displayName=`Carousel.Viewport`;var N=Object.assign(S,{Controls:w,NextButton:T,PrevButton:O,Slide:A,Slides:j,Viewport:M,PagePicker:D,PageIndicator:E});N.displayName=`Carousel`,exports.Carousel=N;
+//# sourceMappingURL=index.js.map

package/dist/carousel/index.js.map

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