@purpur/library 10.1.0 → 10.2.0

package/dist/{popover-B6ntmuEK.mjs.map → popover-B-oWzP-0.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"popover-B6ntmuEK.mjs","sources":["../../../components/popover/src/popover-flow.tsx","../../../components/popover/src/popover-internal-context.tsx","../../../components/popover/src/use-screen-size.hook.ts","../../../components/popover/src/popover-back.tsx","../../../components/popover/src/popover-button.tsx","../../../components/popover/src/popover-steps.tsx","../../../components/popover/src/popover-footer.tsx","../../../components/popover/src/popover-header.tsx","../../../components/popover/src/popover-next.tsx","../../../components/popover/src/popover-content.tsx","../../../components/popover/src/popover-standalone.tsx","../../../components/popover/src/use-smooth-scroll.ts","../../../components/popover/src/usePopoverTrigger.ts","../../../components/popover/src/popover-trigger.tsx","../../../components/popover/src/usePopoverWalkthrough.ts","../../../components/popover/src/popover-walkthrough.tsx","../../../components/popover/src/popover.tsx"],"sourcesContent":["import React, {\n  createContext,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\n\ntype PopoverFlowContextType = {\n  currentStep: number;\n  totalSteps: number;\n  next: () => void;\n  back: () => void;\n  dismiss: () => void;\n  registerStep: (step: number) => void;\n  unregisterStep: (step: number) => void;\n  separatorText: string;\n  stepText: string;\n  backLabel: string;\n  nextLabel: string;\n  finishLabel: string;\n  openDelay: number;\n};\n\nconst PopoverFlowContext = createContext<PopoverFlowContextType | null>(null);\n\nexport const usePopoverFlow = () => {\n  const context = useContext(PopoverFlowContext);\n  if (!context) {\n    throw new Error(\"usePopoverFlow must be used within a PopoverFlow provider\");\n  }\n  return context;\n};\n\nexport const useOptionalPopoverFlow = (): PopoverFlowContextType | null => {\n  return useContext(PopoverFlowContext);\n};\n\nexport type PopoverFlowProps = {\n  /**\n   * Child components, typically multiple Popover components with step numbers.\n   */\n  children: ReactNode;\n  /**\n   * The step number to show when the flow starts.\n   * @default 1\n   */\n  initialStep?: number;\n  /**\n   * Callback fired when the user completes the last step of the flow.\n   */\n  onComplete?: () => void;\n  /**\n   * Callback fired when the user dismisses the flow before completing it.\n   */\n  onDismiss?: () => void;\n  /**\n   * Text used as separator in the step indicator (e.g., \"of\" in \"1 of 3\").\n   */\n  separatorText: string;\n  /**\n   * Text label for \"Step\" in the step indicator.\n   */\n  stepText: string;\n  /**\n   * Label for the back navigation button.\n   */\n  backLabel: string;\n  /**\n   * Label for the next navigation button.\n   */\n  nextLabel: string;\n  /**\n   * Label for the finish button on the last step.\n   */\n  finishLabel: string;\n  /**\n   * Delay in milliseconds before opening the next popover in the flow.\n   * @default 0\n   */\n  openDelay?: number;\n};\n\nexport const PopoverFlow = ({\n  children,\n  initialStep = 1,\n  onComplete,\n  onDismiss,\n  separatorText,\n  stepText,\n  backLabel,\n  nextLabel,\n  finishLabel,\n  openDelay = 0,\n}: PopoverFlowProps) => {\n  const [currentStep, setCurrentStep] = useState(initialStep);\n  const [registeredSteps, setRegisteredSteps] = useState<Set<number>>(new Set());\n\n  const registerStep = useCallback((step: number) => {\n    setRegisteredSteps((prev) => {\n      const next = new Set(prev);\n      next.add(step);\n      return next;\n    });\n  }, []);\n\n  const unregisterStep = useCallback((step: number) => {\n    setRegisteredSteps((prev) => {\n      const next = new Set(prev);\n      next.delete(step);\n      return next;\n    });\n  }, []);\n\n  const next = useCallback(() => {\n    setCurrentStep((prev) => {\n      const nextStep = prev + 1;\n      if (nextStep > registeredSteps.size) {\n        onComplete?.();\n        return prev;\n      }\n      return nextStep;\n    });\n  }, [registeredSteps.size, onComplete]);\n\n  const back = useCallback(() => {\n    setCurrentStep((prev) => Math.max(1, prev - 1));\n  }, []);\n\n  const dismiss = useCallback(() => {\n    setCurrentStep(0);\n    onDismiss?.();\n  }, [onDismiss]);\n\n  const value = useMemo(\n    () => ({\n      currentStep,\n      totalSteps: registeredSteps.size,\n      next,\n      back,\n      dismiss,\n      registerStep,\n      unregisterStep,\n      separatorText,\n      stepText,\n      backLabel,\n      nextLabel,\n      finishLabel,\n      openDelay,\n    }),\n    [\n      currentStep,\n      registeredSteps.size,\n      next,\n      back,\n      dismiss,\n      registerStep,\n      unregisterStep,\n      separatorText,\n      stepText,\n      backLabel,\n      nextLabel,\n      finishLabel,\n      openDelay,\n    ]\n  );\n\n  return <PopoverFlowContext.Provider value={value}>{children}</PopoverFlowContext.Provider>;\n};\n","import { createContext, useContext } from \"react\";\n\nexport type PopoverInternalContextValue = {\n  isOpen: boolean;\n  walkthroughStep: number;\n  onScrollComplete?: () => void;\n  onScrollStart?: () => void;\n  disableClickOutside?: boolean;\n};\n\nexport const PopoverInternalContext = createContext<PopoverInternalContextValue | null>(null);\n\nexport const usePopoverInternal = () => {\n  const context = useContext(PopoverInternalContext);\n  return context;\n};\n\n// Separate context for UI-specific props that are set at the Content level\nexport type PopoverNegativeContextValue = {\n  negative: boolean;\n};\n\nexport const PopoverNegativeContext = createContext<PopoverNegativeContextValue>({ negative: false });\n\nexport const usePopoverNegative = () => {\n  const context = useContext(PopoverNegativeContext);\n  return context;\n};\n","import { useCallback, useEffect, useState } from \"react\";\nimport { purpurBreakpointMd } from \"@purpur/tokens\";\n\nconst DEBOUNCE_DELAY = 150;\n\nexport const SCREEN_MEDIA_QUERY = {\n  MAX_MD: `(max-width: ${purpurBreakpointMd})`,\n} as const;\n\nexport const useScreenSize = () => {\n  const maxMediumScreen = window.matchMedia(SCREEN_MEDIA_QUERY.MAX_MD);\n  function updateSize() {\n    setIsMdOrSmaller(maxMediumScreen.matches);\n  }\n\n  const [isMdOrSmaller, setIsMdOrSmaller] = useState(() => {\n    if (typeof window === \"undefined\") return false;\n    return window.matchMedia(SCREEN_MEDIA_QUERY.MAX_MD).matches;\n  });\n\n  const handleResize = useCallback(() => {\n    let timeoutId: ReturnType<typeof setTimeout>;\n\n    return () => {\n      clearTimeout(timeoutId);\n      timeoutId = setTimeout(() => updateSize(), DEBOUNCE_DELAY);\n    };\n  }, [updateSize]);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    window.addEventListener(\"resize\", handleResize);\n\n    return () => window.removeEventListener(\"resize\", handleResize);\n  }, [handleResize]);\n\n  return { isMdOrSmaller };\n};\n","import React, { type ReactNode } from \"react\";\nimport { Button } from \"@purpur/button\";\n\nimport { usePopoverFlow } from \"./popover-flow\";\nimport { usePopoverNegative } from \"./popover-internal-context\";\nimport { useScreenSize } from \"./use-screen-size.hook\";\n\nexport const PopoverBack = ({\n  children,\n  onClick,\n}: {\n  children: ReactNode;\n  onClick?: () => void;\n}) => {\n  const { back } = usePopoverFlow();\n  const { negative: isNegative } = usePopoverNegative();\n  const { isMdOrSmaller } = useScreenSize();\n\n  // Invert negative: if popover is negative (light), buttons should be normal (dark)\n  const negative = isNegative ? false : true;\n\n  const handleClick = () => {\n    onClick?.();\n    back();\n  };\n\n  return (\n    <Button\n      size=\"sm\"\n      variant=\"secondary\"\n      onClick={handleClick}\n      negative={negative}\n      fullWidth={isMdOrSmaller}\n    >\n      {children}\n    </Button>\n  );\n};\n\nPopoverBack.displayName = \"PopoverBack\";\n","import React, { type ReactNode } from \"react\";\nimport { Button, type ButtonProps } from \"@purpur/button\";\nimport * as RadixPopover from \"@radix-ui/react-popover\";\n\nimport { useOptionalPopoverFlow } from \"./popover-flow\";\nimport { usePopoverNegative } from \"./popover-internal-context\";\nimport { useScreenSize } from \"./use-screen-size.hook\";\n\nexport type PopoverButtonProps = RadixPopover.PopoverCloseProps & {\n  /**\n   * Button label or content.\n   */\n  children: ReactNode;\n  /**\n   * Whether to use the child element as the button instead of wrapping in a Button component.\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Click handler called when the button is clicked.\n   */\n  onClick?: () => void;\n  /**\n   * Visual variant of the button.\n   * @default \"primary\"\n   */\n  variant?: ButtonProps[\"variant\"];\n  /**\n   * Whether clicking the button should dismiss/close the popover.\n   * @default true\n   */\n  dismiss?: boolean;\n  /**\n   * Whether the button should take full width. If not specified, defaults to true on mobile (md or smaller).\n   */\n  fullWidth?: boolean;\n};\n\nexport const PopoverButton = ({\n  children,\n  asChild,\n  onClick,\n  variant = \"primary\",\n  dismiss = true,\n  fullWidth,\n}: PopoverButtonProps) => {\n  const flow = useOptionalPopoverFlow();\n  const { isMdOrSmaller } = useScreenSize();\n  const { negative: isNegative } = usePopoverNegative();\n  // Invert negative: if popover is negative (light), buttons should be normal (dark)\n  const negative = isNegative ? false : true;\n\n  const handleClick = () => {\n    onClick?.();\n    if (dismiss) {\n      flow?.dismiss();\n    }\n  };\n\n  const isFullWidth = fullWidth ?? isMdOrSmaller;\n\n  const content = asChild ? (\n    children\n  ) : (\n    <Button\n      variant={variant}\n      size=\"sm\"\n      fullWidth={isFullWidth}\n      negative={negative}\n      onClick={handleClick}\n    >\n      {children}\n    </Button>\n  );\n\n  // Always wrap with RadixPopover.Close for proper dismiss behavior\n  if (dismiss) {\n    return <RadixPopover.Close asChild>{content}</RadixPopover.Close>;\n  }\n\n  return content;\n};\n\nPopoverButton.displayName = \"PopoverButton\";\n","import React from \"react\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./popover.module.scss\";\nimport { usePopoverFlow } from \"./popover-flow\";\nimport { usePopoverInternal } from \"./popover-internal-context\";\n\nconst cx = c.bind(styles);\n\nexport const PopoverSteps = () => {\n  const flow = usePopoverFlow();\n  const context = usePopoverInternal();\n\n  // Use walkthroughStep from context (each popover knows its own step number)\n  const currentStep = context?.walkthroughStep || flow.currentStep;\n  const { totalSteps, separatorText, stepText } = flow;\n  return (\n    <>\n      <Paragraph\n        className={cx(\"purpur-popover__steps\")}\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n      >\n        {stepText} {currentStep} {separatorText} {totalSteps}\n      </Paragraph>\n    </>\n  );\n};\n\nPopoverSteps.displayName = \"PopoverSteps\";\n","import React, { type ReactNode } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./popover.module.scss\";\nimport { useOptionalPopoverFlow } from \"./popover-flow\";\nimport { usePopoverInternal } from \"./popover-internal-context\";\nimport { PopoverSteps } from \"./popover-steps\";\n\nconst cx = c.bind(styles);\n\nexport type PopoverFooterProps = {\n  /**\n   * Footer content, typically navigation buttons like PopoverButton, PopoverNext, or PopoverBack.\n   */\n  children: ReactNode;\n  /**\n   * Optional CSS class name for custom styling.\n   */\n  className?: string;\n};\n\nexport const PopoverFooter = ({ children, className }: PopoverFooterProps) => {\n  const flow = useOptionalPopoverFlow();\n  const internal = usePopoverInternal();\n\n  // Only show steps if we have a flow context AND this popover is part of the flow (walkthroughStep > 0)\n  const showSteps = flow && internal && internal.walkthroughStep > 0;\n\n  return (\n    <div className={cx(\"purpur-popover__footer\", className)}>\n      {showSteps && <PopoverSteps />}\n      <div className={cx(\"purpur-popover__footer-button-group\")}>{children}</div>\n    </div>\n  );\n};\n\nPopoverFooter.displayName = \"PopoverFooter\";\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport { Heading } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./popover.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type PopoverHeaderProps = {\n  title: string;\n  icon?: ReactNode;\n};\n\nexport const PopoverHeader = forwardRef<HTMLDivElement, PopoverHeaderProps>(\n  ({ title, icon }, ref) => {\n    return (\n      <div ref={ref} className={cx(\"purpur-popover__header-content\")}>\n        {icon && <span className={cx(\"purpur-popover__icon\")}>{icon}</span>}\n        <Heading\n          tag=\"h2\"\n          variant=\"title-100\"\n          className={cx(\"purpur-popover__title\")}\n          id=\"popover-heading\"\n        >\n          {title}\n        </Heading>\n      </div>\n    );\n  }\n);\n\nPopoverHeader.displayName = \"PopoverHeader\";\n","import React, { type ReactNode } from \"react\";\nimport { Button } from \"@purpur/button\";\n\nimport { usePopoverFlow } from \"./popover-flow\";\nimport { usePopoverNegative } from \"./popover-internal-context\";\nimport { useScreenSize } from \"./use-screen-size.hook\";\n\nexport const PopoverNext = ({\n  children,\n  onClick,\n}: {\n  children: ReactNode;\n  onClick?: () => void;\n}) => {\n  const { next } = usePopoverFlow();\n  const { negative: isNegative } = usePopoverNegative();\n  const { isMdOrSmaller } = useScreenSize();\n\n  // Invert negative: if popover is negative (light), buttons should be normal (dark)\n  const negative = isNegative ? false : true;\n\n  const handleClick = () => {\n    onClick?.();\n    next();\n  };\n\n  return (\n    <Button\n      size=\"sm\"\n      variant=\"primary\"\n      onClick={handleClick}\n      negative={negative}\n      fullWidth={isMdOrSmaller}\n    >\n      {children}\n    </Button>\n  );\n};\n\nPopoverNext.displayName = \"PopoverNext\";\n","import React, { forwardRef, type ReactNode, useRef } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { useThemePortalContainer } from \"@purpur/theme\";\nimport * as RadixPopover from \"@radix-ui/react-popover\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./popover.module.scss\";\nimport { PopoverBack } from \"./popover-back\";\nimport { PopoverButton } from \"./popover-button\";\nimport { useOptionalPopoverFlow } from \"./popover-flow\";\nimport { PopoverFooter } from \"./popover-footer\";\nimport { PopoverHeader } from \"./popover-header\";\nimport { PopoverNegativeContext, usePopoverInternal } from \"./popover-internal-context\";\nimport { PopoverNext } from \"./popover-next\";\n\nconst cx = c.bind(styles);\n\nexport type PopoverAction = {\n  type: \"next\" | \"back\" | \"finish\" | \"dismiss\";\n  step?: number;\n};\n\nexport type PopoverContentProps = RadixPopover.PopoverContentProps & {\n  /**\n   * Position of the arrow/beak pointing to the trigger element.\n   * Set to \"none\" to hide the arrow.\n   * @default \"down\"\n   */\n  beakPosition?: \"up\" | \"right\" | \"down\" | \"left\" | \"none\";\n  /**\n   * Whether to use negative (light) styling for the popover content.\n   * @default false\n   */\n  negative?: boolean;\n  /**\n   * Accessible label for the close button icon.\n   */\n  closeIconAriaLabel: string;\n  /**\n   * Main title text displayed in the popover header.\n   */\n  title: string;\n  /**\n   * Optional icon displayed in the popover header next to the title.\n   */\n  icon?: ReactNode;\n  /**\n   * Main body text content of the popover.\n   */\n  body: string;\n  /**\n   * Custom footer content. If not provided and used within PopoverFlow,\n   * default navigation buttons will be rendered.\n   */\n  children?: ReactNode;\n  /**\n   * Callback fired when user interacts with navigation buttons (next, back, finish, dismiss).\n   */\n  onAction?: (action: PopoverAction) => void;\n  /**\n   * CSS z-index value for the popover content.\n   * @default 210\n   */\n  zIndex?: number;\n  /**\n   * Optional DOM element to portal the popover content into. When omitted,\n   * the popover renders inside the nearest `ThemeProvider` so it inherits\n   * the active color scheme. Pass `document.body` (or any other element) to\n   * override. Pass `null` to fall back to Radix' default (`document.body`).\n   */\n  container?: HTMLElement | null;\n};\n\nexport const PopoverContent = forwardRef<HTMLDivElement, PopoverContentProps>(\n  (\n    {\n      children,\n      className,\n      beakPosition = \"down\",\n      align = \"center\",\n      alignOffset = 0,\n      sideOffset = 5, // How close or far the popover is from the trigger\n      negative = false,\n      closeIconAriaLabel,\n      title,\n      icon,\n      body,\n      onAction,\n      zIndex = 210,\n      container,\n      ...props\n    },\n    ref\n  ) => {\n    const flow = useOptionalPopoverFlow();\n    const context = usePopoverInternal();\n    const headerRef = useRef<HTMLDivElement>(null);\n    const isFlowDismissRef = useRef(false);\n    const themePortalContainer = useThemePortalContainer();\n    const portalContainer = container === undefined ? themePortalContainer : container ?? undefined;\n\n    // Map beakPosition to Radix side values\n    const beakPositionMap: Record<\n      \"up\" | \"right\" | \"down\" | \"left\" | \"none\",\n      \"bottom\" | \"left\" | \"top\" | \"right\"\n    > = {\n      up: \"bottom\",\n      right: \"left\",\n      down: \"top\",\n      left: \"right\",\n      none: \"bottom\", // Default position when no arrow\n    };\n\n    const radixSide = beakPositionMap[beakPosition];\n    const shouldShowArrow = beakPosition !== \"none\";\n\n    const getFocusableElements = (container: HTMLElement): HTMLElement[] => {\n      const focusableSelector =\n        \"button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex='-1'])\";\n\n      return Array.from(container.querySelectorAll<HTMLElement>(focusableSelector)).filter(\n        (element) => !element.hasAttribute(\"aria-hidden\")\n      );\n    };\n\n    const focusOutsidePopover = (\n      contentElement: HTMLElement,\n      activeElement: HTMLElement,\n      direction: \"next\" | \"previous\"\n    ) => {\n      const allFocusableElements = getFocusableElements(document.body);\n      const activeIndex = allFocusableElements.indexOf(activeElement);\n\n      if (activeIndex === -1) {\n        return;\n      }\n\n      const step = direction === \"next\" ? 1 : -1;\n\n      for (\n        let currentIndex = activeIndex + step;\n        currentIndex >= 0 && currentIndex < allFocusableElements.length;\n        currentIndex += step\n      ) {\n        const candidate = allFocusableElements[currentIndex];\n\n        if (!contentElement.contains(candidate)) {\n          candidate.focus();\n          return;\n        }\n      }\n    };\n\n    let footerContent = children;\n\n    if (flow && !children) {\n      // Use walkthroughStep from context (0 for standalone, actual step for walkthrough)\n      const currentStep = context?.walkthroughStep || flow.currentStep;\n      const isFirstStep = currentStep === 1;\n      const isLastStep = currentStep === flow.totalSteps;\n\n      footerContent = (\n        <PopoverFooter>\n          {!isFirstStep && (\n            <PopoverBack onClick={() => onAction?.({ type: \"back\", step: currentStep })}>\n              {flow.backLabel}\n            </PopoverBack>\n          )}\n          {isLastStep ? (\n            <PopoverButton\n              onClick={() => onAction?.({ type: \"finish\", step: currentStep })}\n              dismiss\n            >\n              {flow.finishLabel}\n            </PopoverButton>\n          ) : (\n            <PopoverNext onClick={() => onAction?.({ type: \"next\", step: currentStep })}>\n              {flow.nextLabel}\n            </PopoverNext>\n          )}\n        </PopoverFooter>\n      );\n    }\n\n    const handleOpenAutoFocus = (event: Event) => {\n      event.preventDefault();\n\n      const contentElement = event.currentTarget as HTMLElement;\n      const headingElement = headerRef.current?.querySelector(\n        \"#popover-heading\"\n      ) as HTMLElement | null;\n\n      // In walkthrough mode, focus contextual content first so AT users hear title/body before actions.\n      setTimeout(() => {\n        if (flow && headingElement) {\n          headingElement.setAttribute(\"tabindex\", \"-1\");\n          headingElement.focus();\n          return;\n        }\n\n        // Fallback for standalone and missing heading.\n        contentElement.setAttribute(\"tabindex\", \"-1\");\n        contentElement.focus();\n      }, 0);\n\n      props.onOpenAutoFocus?.(event);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key !== \"Tab\") {\n        props.onKeyDown?.(event);\n        return;\n      }\n\n      const contentElement = event.currentTarget;\n      const focusableElements = getFocusableElements(contentElement);\n\n      if (focusableElements.length === 0) {\n        props.onKeyDown?.(event);\n        return;\n      }\n\n      const firstFocusable = focusableElements[0];\n      const lastFocusable = focusableElements[focusableElements.length - 1];\n      const activeElement = document.activeElement as HTMLElement | null;\n\n      const isOnFirstFocusable = activeElement === firstFocusable;\n      const isOnLastFocusable = activeElement === lastFocusable;\n      const isOnNonTabbableContext =\n        activeElement !== null &&\n        contentElement.contains(activeElement) &&\n        activeElement.tabIndex === -1;\n\n      if (!flow) {\n        if (activeElement !== null) {\n          if (event.shiftKey && isOnFirstFocusable) {\n            event.preventDefault();\n            focusOutsidePopover(contentElement, activeElement, \"previous\");\n          } else if (!event.shiftKey && isOnLastFocusable) {\n            event.preventDefault();\n            focusOutsidePopover(contentElement, activeElement, \"next\");\n          }\n        }\n\n        props.onKeyDown?.(event);\n        return;\n      }\n\n      if (event.shiftKey && (isOnFirstFocusable || isOnNonTabbableContext)) {\n        event.preventDefault();\n        lastFocusable.focus();\n      } else if (!event.shiftKey && (isOnLastFocusable || isOnNonTabbableContext)) {\n        event.preventDefault();\n        firstFocusable.focus();\n      }\n\n      props.onKeyDown?.(event);\n    };\n\n    const handleCloseAutoFocus = (event: Event) => {\n      // Prevent focus from returning to trigger in walkthrough flow\n      // This allows the next popover to manage focus properly\n      if (flow && !isFlowDismissRef.current) {\n        event.preventDefault();\n      }\n\n      if (isFlowDismissRef.current) {\n        isFlowDismissRef.current = false;\n      }\n\n      props.onCloseAutoFocus?.(event);\n    };\n\n    const handleClose = (event: React.MouseEvent) => {\n      if (flow) {\n        isFlowDismissRef.current = true;\n        event.preventDefault();\n      }\n\n      onAction?.({ type: \"dismiss\", step: flow?.currentStep });\n      flow?.dismiss();\n    };\n\n    const handleEscapeKey = (event: KeyboardEvent) => {\n      if (flow) {\n        isFlowDismissRef.current = true;\n        event.preventDefault();\n      }\n\n      onAction?.({ type: \"dismiss\", step: flow?.currentStep });\n      flow?.dismiss();\n    };\n\n    const handleInteractOutside = (event: Event) => {\n      if (context?.disableClickOutside) {\n        event.preventDefault();\n        return;\n      }\n\n      if (flow) {\n        const target = event.target as HTMLElement;\n        const isPopoverInteraction =\n          target.closest(\"[role='dialog']\") ||\n          target.closest(\".purpur-popover__trigger\") ||\n          target.closest(\"button[aria-haspopup='dialog']\");\n\n        if (!isPopoverInteraction) {\n          onAction?.({ type: \"dismiss\", step: flow.currentStep });\n          setTimeout(() => {\n            flow.dismiss();\n          }, 0);\n        }\n      }\n    };\n\n    return (\n      <RadixPopover.Portal container={portalContainer}>\n        <RadixPopover.Content\n          data-testid=\"popover-content\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={props[\"aria-label\"] ? undefined : \"popover-heading\"}\n          ref={ref}\n          side={radixSide}\n          sideOffset={sideOffset}\n          align={align}\n          alignOffset={alignOffset}\n          style={\n            {\n              \"--popover-z-index\": zIndex,\n            } as React.CSSProperties\n          }\n          className={cx(\n            \"purpur-popover__content\",\n            { \"purpur-popover__content--negative\": negative },\n            className\n          )}\n          onOpenAutoFocus={handleOpenAutoFocus}\n          onCloseAutoFocus={handleCloseAutoFocus}\n          onKeyDown={handleKeyDown}\n          onEscapeKeyDown={handleEscapeKey}\n          onInteractOutside={handleInteractOutside}\n          {...props}\n        >\n          <PopoverNegativeContext.Provider value={{ negative }}>\n            <div className={cx(\"purpur-popover__inner\")}>\n              <PopoverHeader ref={headerRef} title={title} icon={icon} />\n              <Paragraph className={cx(\"purpur-popover__body\")}>{body}</Paragraph>\n            </div>\n            {footerContent}\n\n            <RadixPopover.Close asChild onClick={handleClose}>\n              <Button\n                variant=\"text\"\n                size=\"sm\"\n                aria-label={closeIconAriaLabel}\n                className={cx(\"purpur-popover__close\")}\n                negative={!negative}\n                iconOnly\n              >\n                <IconClose size=\"xs\" className={cx(\"purpur-popover__icon\")} />\n              </Button>\n            </RadixPopover.Close>\n          </PopoverNegativeContext.Provider>\n          {shouldShowArrow && (\n            <RadixPopover.Arrow\n              className={cx(\"purpur-popover__arrow\")}\n              aria-hidden=\"true\"\n              tabIndex={-1}\n            />\n          )}\n        </RadixPopover.Content>\n      </RadixPopover.Portal>\n    );\n  }\n);\n\nPopoverContent.displayName = \"PopoverContent\";\n","import React, { type ReactNode, useState } from \"react\";\nimport * as RadixPopover from \"@radix-ui/react-popover\";\n\nimport { PopoverInternalContext } from \"./popover-internal-context\";\n\nexport type PopoverStandaloneProps = RadixPopover.PopoverProps & {\n  children: ReactNode;\n  className?: string;\n  disableClickOutside?: boolean;\n};\n\nexport const PopoverStandalone = ({\n  children,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  disableClickOutside,\n  ...props\n}: PopoverStandaloneProps) => {\n  // Internal state for uncontrolled mode\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n\n  const handleOpenChange = (newOpen: boolean) => {\n    if (!isControlled) {\n      setInternalOpen(newOpen);\n    }\n    onOpenChange?.(newOpen);\n  };\n\n  return (\n    <RadixPopover.Root open={isOpen} onOpenChange={handleOpenChange} {...props}>\n      <PopoverInternalContext.Provider\n        value={{\n          isOpen,\n          walkthroughStep: 0,\n          disableClickOutside,\n        }}\n      >\n        {children}\n      </PopoverInternalContext.Provider>\n    </RadixPopover.Root>\n  );\n};\n\nPopoverStandalone.displayName = \"PopoverStandalone\";\n","import { useCallback, useRef } from \"react\";\n\nexport const useSmoothScroll = (onComplete?: () => void) => {\n  const scrollAnimationId = useRef<number | null>(null);\n\n  const cancelScroll = useCallback(() => {\n    if (scrollAnimationId.current) {\n      cancelAnimationFrame(scrollAnimationId.current);\n      scrollAnimationId.current = null;\n    }\n  }, []);\n\n  const scrollToElement = useCallback(\n    (element: HTMLElement, duration: number = 600) => {\n      const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n      const rect = element.getBoundingClientRect();\n      const absoluteTop = rect.top + window.pageYOffset;\n      const elementHeight = rect.height;\n      const viewportHeight = window.innerHeight;\n\n      let targetY = absoluteTop - viewportHeight / 2 + elementHeight / 2;\n      const documentHeight = document.documentElement.scrollHeight;\n      const maxScroll = Math.max(0, documentHeight - viewportHeight);\n      targetY = Math.max(0, Math.min(targetY, maxScroll));\n\n      if (prefersReducedMotion) {\n        window.scrollTo(0, targetY);\n        onComplete?.();\n        return;\n      }\n\n      const startY = window.pageYOffset;\n      const distance = targetY - startY;\n      const startTime = performance.now();\n\n      const animateScroll = (currentTime: number) => {\n        const elapsed = currentTime - startTime;\n        const progress = Math.min(elapsed / duration, 1);\n\n        const easeInOut =\n          progress < 0.5 ? 2 * progress * progress : 1 - Math.pow(-2 * progress + 2, 2) / 2;\n\n        const currentY = startY + distance * easeInOut;\n        window.scrollTo(0, currentY);\n\n        if (progress < 1) {\n          scrollAnimationId.current = requestAnimationFrame(animateScroll);\n        } else {\n          scrollAnimationId.current = null;\n          onComplete?.();\n        }\n      };\n\n      cancelScroll();\n\n      scrollAnimationId.current = requestAnimationFrame(animateScroll);\n    },\n    [onComplete, cancelScroll]\n  );\n\n  return { scrollToElement, cancelScroll };\n};\n","import { useEffect, useRef } from \"react\";\n\nimport { useOptionalPopoverFlow } from \"./popover-flow\";\nimport { usePopoverInternal } from \"./popover-internal-context\";\nimport { useSmoothScroll } from \"./use-smooth-scroll\";\n\nexport function usePopoverTrigger(ref: React.Ref<HTMLButtonElement>) {\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const context = usePopoverInternal();\n  const flow = useOptionalPopoverFlow();\n  const hasScrolled = useRef(false);\n  const { scrollToElement, cancelScroll } = useSmoothScroll(context?.onScrollComplete);\n\n  // Forward ref\n  useEffect(() => {\n    if (typeof ref === \"function\") {\n      ref(triggerRef.current);\n    } else if (ref) {\n      (ref as React.MutableRefObject<HTMLButtonElement | null>).current = triggerRef.current;\n    }\n  }, [ref]);\n\n  // Walkthrough scroll logic\n  useEffect(() => {\n    const isActiveStep =\n      flow &&\n      context?.walkthroughStep !== undefined &&\n      flow.currentStep === context.walkthroughStep &&\n      triggerRef.current &&\n      !hasScrolled.current;\n\n    if (isActiveStep) {\n      const element = triggerRef.current!;\n      const rect = element.getBoundingClientRect();\n      const buffer = 100;\n      const isVisible =\n        rect.top >= -buffer &&\n        rect.bottom <= window.innerHeight + buffer &&\n        rect.left >= -buffer &&\n        rect.right <= window.innerWidth + buffer;\n\n      if (isVisible) {\n        context?.onScrollComplete?.();\n      } else {\n        context?.onScrollStart?.();\n        scrollToElement(element);\n      }\n      hasScrolled.current = true;\n    } else if (flow?.currentStep !== context?.walkthroughStep) {\n      hasScrolled.current = false;\n      cancelScroll();\n    }\n  }, [flow?.currentStep, context?.walkthroughStep, flow, scrollToElement, cancelScroll, context]);\n\n  // Radix Popover trigger applies aria-expanded by default; remove it to keep dialog trigger semantics.\n  // Fixes expanded state in item \"The popover trigger button has an incorrect accessible name and communicates an inappropriate expanding state.\"\n  useEffect(() => {\n    if (triggerRef.current) {\n      triggerRef.current.removeAttribute(\"aria-expanded\");\n    }\n  }, [context?.isOpen]);\n\n  // Cancel scroll on unmount\n  useEffect(() => cancelScroll, [cancelScroll]);\n\n  return { triggerRef, context };\n}\n","import React, { forwardRef } from \"react\";\nimport * as RadixPopover from \"@radix-ui/react-popover\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./popover.module.scss\";\nimport { usePopoverTrigger } from \"./usePopoverTrigger\";\n\nconst cx = c.bind(styles);\n\nexport type PopoverTriggerProps = RadixPopover.PopoverTriggerProps & {\n  /**\n   * Whether to show visual highlight effect around the trigger when popover is open.\n   * @default true\n   */\n  highlight?: boolean;\n  /**\n   * Whether to use negative (light) styling for the highlight effect.\n   * @default false\n   */\n  negative?: boolean;\n};\n\nexport const PopoverTrigger = forwardRef<HTMLButtonElement, PopoverTriggerProps>(\n  ({ children, className, highlight = true, negative = false, ...props }, ref) => {\n    const { triggerRef, context } = usePopoverTrigger(ref);\n\n    return (\n      <div\n        className={cx(\n          \"purpur-popover__trigger\",\n          { \"purpur-popover__trigger--highlight\": context?.isOpen && highlight },\n          className\n        )}\n      >\n        {context?.isOpen && highlight && (\n          <>\n            {/* State 1: Outer glow effect */}\n            <div\n              className={cx(\n                \"purpur-popover__trigger-highlight\",\n                \"purpur-popover__trigger-highlight--state1\",\n                { \"purpur-popover__trigger-highlight--negative\": negative }\n              )}\n              aria-hidden=\"true\"\n            />\n            {/* State 2: Inner border only */}\n            <div\n              className={cx(\n                \"purpur-popover__trigger-highlight\",\n                \"purpur-popover__trigger-highlight--state2\",\n                { \"purpur-popover__trigger-highlight--negative\": negative }\n              )}\n              aria-hidden=\"true\"\n            />\n          </>\n        )}\n        <RadixPopover.Trigger\n          ref={triggerRef}\n          asChild\n          aria-haspopup=\"dialog\"\n          {...props}\n        >\n          {children}\n        </RadixPopover.Trigger>\n      </div>\n    );\n  }\n);\n\nPopoverTrigger.displayName = \"PopoverTrigger\";\n","import { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { useOptionalPopoverFlow } from \"./popover-flow\";\n\nexport function usePopoverWalkthrough(step: number) {\n  const flow = useOptionalPopoverFlow();\n  const [actuallyOpen, setActuallyOpen] = useState(false);\n  const [waitingForScroll, setWaitingForScroll] = useState(false);\n  const timeoutRef = useRef<number | null>(null);\n  const openedAtRef = useRef<number>(0);\n\n  useEffect(() => {\n    if (flow) {\n      flow.registerStep(step);\n      return () => flow.unregisterStep(step);\n    }\n    return () => {};\n  }, [flow, step]);\n\n  const shouldBeOpen = flow?.currentStep === step;\n\n  const onScrollStart = useCallback(() => {\n    setWaitingForScroll(true);\n  }, []);\n\n  const onScrollComplete = useCallback(() => {\n    setWaitingForScroll(false);\n    if (shouldBeOpen) {\n      const delay = flow.openDelay;\n      timeoutRef.current = window.setTimeout(() => {\n        setActuallyOpen(true);\n        openedAtRef.current = Date.now();\n      }, delay);\n    }\n  }, [shouldBeOpen, flow]);\n\n  useEffect(() => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    }\n\n    if (shouldBeOpen) {\n      if (!waitingForScroll) {\n        const delay = flow.openDelay;\n        timeoutRef.current = window.setTimeout(() => {\n          setActuallyOpen(true);\n          openedAtRef.current = Date.now();\n        }, delay);\n      }\n    } else {\n      setActuallyOpen(false);\n      setWaitingForScroll(false);\n      openedAtRef.current = 0;\n    }\n\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n        timeoutRef.current = null;\n      }\n    };\n  }, [shouldBeOpen, waitingForScroll, flow]);\n\n  const handleOpenChange = useCallback(\n    (open: boolean, consumerOnOpenChange?: (open: boolean) => void) => {\n      consumerOnOpenChange?.(open);\n      if (!open && actuallyOpen && flow && flow.currentStep === step) {\n        const timeSinceOpen = Date.now() - openedAtRef.current;\n        if (timeSinceOpen < 10 || timeoutRef.current !== null) {\n          return;\n        }\n        flow.dismiss();\n      }\n    },\n    [actuallyOpen, flow, step]\n  );\n\n  return {\n    actuallyOpen,\n    onScrollStart,\n    onScrollComplete,\n    handleOpenChange,\n  };\n}\n","import React, { type ReactNode } from \"react\";\nimport * as RadixPopover from \"@radix-ui/react-popover\";\n\nimport { PopoverInternalContext } from \"./popover-internal-context\";\nimport { usePopoverWalkthrough } from \"./usePopoverWalkthrough\";\n\nexport type PopoverWalkthroughProps = RadixPopover.PopoverProps & {\n  children: ReactNode;\n  step: number;\n  className?: string;\n  disableClickOutside?: boolean;\n};\n\nexport const PopoverWalkthrough = ({\n  children,\n  step,\n  onOpenChange: consumerOnOpenChange,\n  disableClickOutside = true,\n  ...props\n}: PopoverWalkthroughProps) => {\n  const { actuallyOpen, onScrollStart, onScrollComplete, handleOpenChange } =\n    usePopoverWalkthrough(step);\n\n  return (\n    <RadixPopover.Root\n      modal={true}\n      open={actuallyOpen}\n      onOpenChange={(open) => handleOpenChange(open, consumerOnOpenChange)}\n      {...props}\n    >\n      <PopoverInternalContext.Provider\n        value={{\n          isOpen: actuallyOpen,\n          walkthroughStep: step,\n          onScrollStart,\n          onScrollComplete,\n          disableClickOutside,\n        }}\n      >\n        {children}\n      </PopoverInternalContext.Provider>\n    </RadixPopover.Root>\n  );\n};\n\nPopoverWalkthrough.displayName = \"PopoverWalkthrough\";\n","import React, { type ReactNode } from \"react\";\nimport type * as RadixPopover from \"@radix-ui/react-popover\";\n\nimport { PopoverBack } from \"./popover-back\";\nimport { PopoverButton } from \"./popover-button\";\nimport { type PopoverAction,PopoverContent } from \"./popover-content\";\nimport { PopoverFlow } from \"./popover-flow\";\nimport { PopoverFooter } from \"./popover-footer\";\nimport { PopoverNext } from \"./popover-next\";\nimport { PopoverStandalone } from \"./popover-standalone\";\nimport { PopoverTrigger } from \"./popover-trigger\";\nimport { PopoverWalkthrough } from \"./popover-walkthrough\";\n\nexport type { PopoverAction };\n\n// Base props shared by both variants\ntype BasePopoverProps = RadixPopover.PopoverProps & {\n  children: ReactNode;\n  className?: string;\n};\n\n// Standalone variant props\ntype StandalonePopoverProps = BasePopoverProps & {\n  multistep?: false;\n  step?: never;\n  disableClickOutside?: boolean;\n};\n\n// Walkthrough variant props\ntype WalkthroughPopoverProps = BasePopoverProps & {\n  multistep: true;\n  step: number;\n  disableClickOutside?: boolean;\n};\n\nexport type PopoverProps = StandalonePopoverProps | WalkthroughPopoverProps;\n\ntype PopoverCmp<P> = React.FunctionComponent<P> & {\n  Back: typeof PopoverBack;\n  Button: typeof PopoverButton;\n  Content: typeof PopoverContent;\n  Flow: typeof PopoverFlow;\n  Footer: typeof PopoverFooter;\n  Next: typeof PopoverNext;\n  Trigger: typeof PopoverTrigger;\n};\n\nexport const Popover: PopoverCmp<PopoverProps> = (props) => {\n  const { multistep = false, disableClickOutside, ...restProps } = props;\n\n  if (multistep) {\n    return (\n      <PopoverWalkthrough\n        {...(restProps as WalkthroughPopoverProps)}\n        disableClickOutside={disableClickOutside ?? true}\n      />\n    );\n  }\n\n  return (\n    <PopoverStandalone\n      {...(restProps as StandalonePopoverProps)}\n      disableClickOutside={disableClickOutside}\n    />\n  );\n};\n\nPopover.Back = PopoverBack;\nPopover.Button = PopoverButton;\nPopover.Content = PopoverContent;\nPopover.Flow = PopoverFlow;\nPopover.Footer = PopoverFooter;\nPopover.Next = PopoverNext;\nPopover.Trigger = PopoverTrigger;\n\nPopover.displayName = \"Popover\";\n"],"names":["PopoverFlowContext","createContext","usePopoverFlow","context","useContext","useOptionalPopoverFlow","PopoverFlow","children","initialStep","onComplete","onDismiss","separatorText","stepText","backLabel","nextLabel","finishLabel","openDelay","currentStep","setCurrentStep","useState","registeredSteps","setRegisteredSteps","registerStep","useCallback","step","prev","next","unregisterStep","nextStep","back","dismiss","value","useMemo","jsx","PopoverInternalContext","usePopoverInternal","PopoverNegativeContext","usePopoverNegative","DEBOUNCE_DELAY","SCREEN_MEDIA_QUERY","purpurBreakpointMd","useScreenSize","maxMediumScreen","updateSize","setIsMdOrSmaller","isMdOrSmaller","handleResize","timeoutId","useEffect","PopoverBack","onClick","isNegative","Button","PopoverButton","asChild","variant","fullWidth","flow","content","RadixPopover.Close","cx","c","styles","PopoverSteps","totalSteps","Fragment","jsxs","Paragraph","PopoverFooter","className","internal","showSteps","PopoverHeader","forwardRef","title","icon","ref","Heading","PopoverNext","PopoverContent","beakPosition","align","alignOffset","sideOffset","negative","closeIconAriaLabel","body","onAction","zIndex","container","props","headerRef","useRef","isFlowDismissRef","themePortalContainer","useThemePortalContainer","portalContainer","radixSide","shouldShowArrow","getFocusableElements","element","focusOutsidePopover","contentElement","activeElement","direction","allFocusableElements","activeIndex","currentIndex","candidate","footerContent","isFirstStep","isLastStep","handleOpenAutoFocus","event","headingElement","handleKeyDown","focusableElements","firstFocusable","lastFocusable","isOnFirstFocusable","isOnLastFocusable","isOnNonTabbableContext","handleCloseAutoFocus","handleClose","handleEscapeKey","handleInteractOutside","target","RadixPopover.Portal","RadixPopover.Content","IconClose","RadixPopover.Arrow","PopoverStandalone","controlledOpen","defaultOpen","onOpenChange","disableClickOutside","internalOpen","setInternalOpen","isControlled","isOpen","RadixPopover.Root","newOpen","useSmoothScroll","scrollAnimationId","cancelScroll","duration","prefersReducedMotion","rect","absoluteTop","elementHeight","viewportHeight","targetY","documentHeight","maxScroll","startY","distance","startTime","animateScroll","currentTime","elapsed","progress","easeInOut","currentY","usePopoverTrigger","triggerRef","hasScrolled","scrollToElement","buffer","PopoverTrigger","highlight","RadixPopover.Trigger","usePopoverWalkthrough","actuallyOpen","setActuallyOpen","waitingForScroll","setWaitingForScroll","timeoutRef","openedAtRef","shouldBeOpen","onScrollStart","onScrollComplete","delay","handleOpenChange","open","consumerOnOpenChange","PopoverWalkthrough","Popover","multistep","restProps"],"mappings":"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"}
+{"version":3,"file":"popover-B-oWzP-0.mjs","sources":["../../../components/popover/src/popover-flow.tsx","../../../components/popover/src/popover-internal-context.tsx","../../../components/popover/src/use-screen-size.hook.ts","../../../components/popover/src/popover-back.tsx","../../../components/popover/src/popover-button.tsx","../../../components/popover/src/popover-steps.tsx","../../../components/popover/src/popover-footer.tsx","../../../components/popover/src/popover-header.tsx","../../../components/popover/src/popover-next.tsx","../../../components/popover/src/popover-content.tsx","../../../components/popover/src/popover-standalone.tsx","../../../components/popover/src/use-smooth-scroll.ts","../../../components/popover/src/usePopoverTrigger.ts","../../../components/popover/src/popover-trigger.tsx","../../../components/popover/src/usePopoverWalkthrough.ts","../../../components/popover/src/popover-walkthrough.tsx","../../../components/popover/src/popover.tsx"],"sourcesContent":["import React, {\n  createContext,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\n\ntype PopoverFlowContextType = {\n  currentStep: number;\n  totalSteps: number;\n  next: () => void;\n  back: () => void;\n  dismiss: () => void;\n  registerStep: (step: number) => void;\n  unregisterStep: (step: number) => void;\n  separatorText: string;\n  stepText: string;\n  backLabel: string;\n  nextLabel: string;\n  finishLabel: string;\n  openDelay: number;\n};\n\nconst PopoverFlowContext = createContext<PopoverFlowContextType | null>(null);\n\nexport const usePopoverFlow = () => {\n  const context = useContext(PopoverFlowContext);\n  if (!context) {\n    throw new Error(\"usePopoverFlow must be used within a PopoverFlow provider\");\n  }\n  return context;\n};\n\nexport const useOptionalPopoverFlow = (): PopoverFlowContextType | null => {\n  return useContext(PopoverFlowContext);\n};\n\nexport type PopoverFlowProps = {\n  /**\n   * Child components, typically multiple Popover components with step numbers.\n   */\n  children: ReactNode;\n  /**\n   * The step number to show when the flow starts.\n   * @default 1\n   */\n  initialStep?: number;\n  /**\n   * Callback fired when the user completes the last step of the flow.\n   */\n  onComplete?: () => void;\n  /**\n   * Callback fired when the user dismisses the flow before completing it.\n   */\n  onDismiss?: () => void;\n  /**\n   * Text used as separator in the step indicator (e.g., \"of\" in \"1 of 3\").\n   */\n  separatorText: string;\n  /**\n   * Text label for \"Step\" in the step indicator.\n   */\n  stepText: string;\n  /**\n   * Label for the back navigation button.\n   */\n  backLabel: string;\n  /**\n   * Label for the next navigation button.\n   */\n  nextLabel: string;\n  /**\n   * Label for the finish button on the last step.\n   */\n  finishLabel: string;\n  /**\n   * Delay in milliseconds before opening the next popover in the flow.\n   * @default 0\n   */\n  openDelay?: number;\n};\n\nexport const PopoverFlow = ({\n  children,\n  initialStep = 1,\n  onComplete,\n  onDismiss,\n  separatorText,\n  stepText,\n  backLabel,\n  nextLabel,\n  finishLabel,\n  openDelay = 0,\n}: PopoverFlowProps) => {\n  const [currentStep, setCurrentStep] = useState(initialStep);\n  const [registeredSteps, setRegisteredSteps] = useState<Set<number>>(new Set());\n\n  const registerStep = useCallback((step: number) => {\n    setRegisteredSteps((prev) => {\n      const next = new Set(prev);\n      next.add(step);\n      return next;\n    });\n  }, []);\n\n  const unregisterStep = useCallback((step: number) => {\n    setRegisteredSteps((prev) => {\n      const next = new Set(prev);\n      next.delete(step);\n      return next;\n    });\n  }, []);\n\n  const next = useCallback(() => {\n    setCurrentStep((prev) => {\n      const nextStep = prev + 1;\n      if (nextStep > registeredSteps.size) {\n        onComplete?.();\n        return prev;\n      }\n      return nextStep;\n    });\n  }, [registeredSteps.size, onComplete]);\n\n  const back = useCallback(() => {\n    setCurrentStep((prev) => Math.max(1, prev - 1));\n  }, []);\n\n  const dismiss = useCallback(() => {\n    setCurrentStep(0);\n    onDismiss?.();\n  }, [onDismiss]);\n\n  const value = useMemo(\n    () => ({\n      currentStep,\n      totalSteps: registeredSteps.size,\n      next,\n      back,\n      dismiss,\n      registerStep,\n      unregisterStep,\n      separatorText,\n      stepText,\n      backLabel,\n      nextLabel,\n      finishLabel,\n      openDelay,\n    }),\n    [\n      currentStep,\n      registeredSteps.size,\n      next,\n      back,\n      dismiss,\n      registerStep,\n      unregisterStep,\n      separatorText,\n      stepText,\n      backLabel,\n      nextLabel,\n      finishLabel,\n      openDelay,\n    ]\n  );\n\n  return <PopoverFlowContext.Provider value={value}>{children}</PopoverFlowContext.Provider>;\n};\n","import { createContext, useContext } from \"react\";\n\nexport type PopoverInternalContextValue = {\n  isOpen: boolean;\n  walkthroughStep: number;\n  onScrollComplete?: () => void;\n  onScrollStart?: () => void;\n  disableClickOutside?: boolean;\n};\n\nexport const PopoverInternalContext = createContext<PopoverInternalContextValue | null>(null);\n\nexport const usePopoverInternal = () => {\n  const context = useContext(PopoverInternalContext);\n  return context;\n};\n\n// Separate context for UI-specific props that are set at the Content level\nexport type PopoverNegativeContextValue = {\n  negative: boolean;\n};\n\nexport const PopoverNegativeContext = createContext<PopoverNegativeContextValue>({ negative: false });\n\nexport const usePopoverNegative = () => {\n  const context = useContext(PopoverNegativeContext);\n  return context;\n};\n","import { useCallback, useEffect, useState } from \"react\";\nimport { purpurBreakpointMd } from \"@purpur/tokens\";\n\nconst DEBOUNCE_DELAY = 150;\n\nexport const SCREEN_MEDIA_QUERY = {\n  MAX_MD: `(max-width: ${purpurBreakpointMd})`,\n} as const;\n\nexport const useScreenSize = () => {\n  const maxMediumScreen = window.matchMedia(SCREEN_MEDIA_QUERY.MAX_MD);\n  function updateSize() {\n    setIsMdOrSmaller(maxMediumScreen.matches);\n  }\n\n  const [isMdOrSmaller, setIsMdOrSmaller] = useState(() => {\n    if (typeof window === \"undefined\") return false;\n    return window.matchMedia(SCREEN_MEDIA_QUERY.MAX_MD).matches;\n  });\n\n  const handleResize = useCallback(() => {\n    let timeoutId: ReturnType<typeof setTimeout>;\n\n    return () => {\n      clearTimeout(timeoutId);\n      timeoutId = setTimeout(() => updateSize(), DEBOUNCE_DELAY);\n    };\n  }, [updateSize]);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    window.addEventListener(\"resize\", handleResize);\n\n    return () => window.removeEventListener(\"resize\", handleResize);\n  }, [handleResize]);\n\n  return { isMdOrSmaller };\n};\n","import React, { type ReactNode } from \"react\";\nimport { Button } from \"@purpur/button\";\n\nimport { usePopoverFlow } from \"./popover-flow\";\nimport { usePopoverNegative } from \"./popover-internal-context\";\nimport { useScreenSize } from \"./use-screen-size.hook\";\n\nexport const PopoverBack = ({\n  children,\n  onClick,\n}: {\n  children: ReactNode;\n  onClick?: () => void;\n}) => {\n  const { back } = usePopoverFlow();\n  const { negative: isNegative } = usePopoverNegative();\n  const { isMdOrSmaller } = useScreenSize();\n\n  // Invert negative: if popover is negative (light), buttons should be normal (dark)\n  const negative = isNegative ? false : true;\n\n  const handleClick = () => {\n    onClick?.();\n    back();\n  };\n\n  return (\n    <Button\n      size=\"sm\"\n      variant=\"secondary\"\n      onClick={handleClick}\n      negative={negative}\n      fullWidth={isMdOrSmaller}\n    >\n      {children}\n    </Button>\n  );\n};\n\nPopoverBack.displayName = \"PopoverBack\";\n","import React, { type ReactNode } from \"react\";\nimport { Button, type ButtonProps } from \"@purpur/button\";\nimport * as RadixPopover from \"@radix-ui/react-popover\";\n\nimport { useOptionalPopoverFlow } from \"./popover-flow\";\nimport { usePopoverNegative } from \"./popover-internal-context\";\nimport { useScreenSize } from \"./use-screen-size.hook\";\n\nexport type PopoverButtonProps = RadixPopover.PopoverCloseProps & {\n  /**\n   * Button label or content.\n   */\n  children: ReactNode;\n  /**\n   * Whether to use the child element as the button instead of wrapping in a Button component.\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Click handler called when the button is clicked.\n   */\n  onClick?: () => void;\n  /**\n   * Visual variant of the button.\n   * @default \"primary\"\n   */\n  variant?: ButtonProps[\"variant\"];\n  /**\n   * Whether clicking the button should dismiss/close the popover.\n   * @default true\n   */\n  dismiss?: boolean;\n  /**\n   * Whether the button should take full width. If not specified, defaults to true on mobile (md or smaller).\n   */\n  fullWidth?: boolean;\n};\n\nexport const PopoverButton = ({\n  children,\n  asChild,\n  onClick,\n  variant = \"primary\",\n  dismiss = true,\n  fullWidth,\n}: PopoverButtonProps) => {\n  const flow = useOptionalPopoverFlow();\n  const { isMdOrSmaller } = useScreenSize();\n  const { negative: isNegative } = usePopoverNegative();\n  // Invert negative: if popover is negative (light), buttons should be normal (dark)\n  const negative = isNegative ? false : true;\n\n  const handleClick = () => {\n    onClick?.();\n    if (dismiss) {\n      flow?.dismiss();\n    }\n  };\n\n  const isFullWidth = fullWidth ?? isMdOrSmaller;\n\n  const content = asChild ? (\n    children\n  ) : (\n    <Button\n      variant={variant}\n      size=\"sm\"\n      fullWidth={isFullWidth}\n      negative={negative}\n      onClick={handleClick}\n    >\n      {children}\n    </Button>\n  );\n\n  // Always wrap with RadixPopover.Close for proper dismiss behavior\n  if (dismiss) {\n    return <RadixPopover.Close asChild>{content}</RadixPopover.Close>;\n  }\n\n  return content;\n};\n\nPopoverButton.displayName = \"PopoverButton\";\n","import React from \"react\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./popover.module.scss\";\nimport { usePopoverFlow } from \"./popover-flow\";\nimport { usePopoverInternal } from \"./popover-internal-context\";\n\nconst cx = c.bind(styles);\n\nexport const PopoverSteps = () => {\n  const flow = usePopoverFlow();\n  const context = usePopoverInternal();\n\n  // Use walkthroughStep from context (each popover knows its own step number)\n  const currentStep = context?.walkthroughStep || flow.currentStep;\n  const { totalSteps, separatorText, stepText } = flow;\n  return (\n    <>\n      <Paragraph\n        className={cx(\"purpur-popover__steps\")}\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n      >\n        {stepText} {currentStep} {separatorText} {totalSteps}\n      </Paragraph>\n    </>\n  );\n};\n\nPopoverSteps.displayName = \"PopoverSteps\";\n","import React, { type ReactNode } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./popover.module.scss\";\nimport { useOptionalPopoverFlow } from \"./popover-flow\";\nimport { usePopoverInternal } from \"./popover-internal-context\";\nimport { PopoverSteps } from \"./popover-steps\";\n\nconst cx = c.bind(styles);\n\nexport type PopoverFooterProps = {\n  /**\n   * Footer content, typically navigation buttons like PopoverButton, PopoverNext, or PopoverBack.\n   */\n  children: ReactNode;\n  /**\n   * Optional CSS class name for custom styling.\n   */\n  className?: string;\n};\n\nexport const PopoverFooter = ({ children, className }: PopoverFooterProps) => {\n  const flow = useOptionalPopoverFlow();\n  const internal = usePopoverInternal();\n\n  // Only show steps if we have a flow context AND this popover is part of the flow (walkthroughStep > 0)\n  const showSteps = flow && internal && internal.walkthroughStep > 0;\n\n  return (\n    <div className={cx(\"purpur-popover__footer\", className)}>\n      {showSteps && <PopoverSteps />}\n      <div className={cx(\"purpur-popover__footer-button-group\")}>{children}</div>\n    </div>\n  );\n};\n\nPopoverFooter.displayName = \"PopoverFooter\";\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport { Heading } from \"@purpur/heading\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./popover.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type PopoverHeaderProps = {\n  title: string;\n  icon?: ReactNode;\n};\n\nexport const PopoverHeader = forwardRef<HTMLDivElement, PopoverHeaderProps>(\n  ({ title, icon }, ref) => {\n    return (\n      <div ref={ref} className={cx(\"purpur-popover__header-content\")}>\n        {icon && <span className={cx(\"purpur-popover__icon\")}>{icon}</span>}\n        <Heading\n          tag=\"h2\"\n          variant=\"title-100\"\n          className={cx(\"purpur-popover__title\")}\n          id=\"popover-heading\"\n        >\n          {title}\n        </Heading>\n      </div>\n    );\n  }\n);\n\nPopoverHeader.displayName = \"PopoverHeader\";\n","import React, { type ReactNode } from \"react\";\nimport { Button } from \"@purpur/button\";\n\nimport { usePopoverFlow } from \"./popover-flow\";\nimport { usePopoverNegative } from \"./popover-internal-context\";\nimport { useScreenSize } from \"./use-screen-size.hook\";\n\nexport const PopoverNext = ({\n  children,\n  onClick,\n}: {\n  children: ReactNode;\n  onClick?: () => void;\n}) => {\n  const { next } = usePopoverFlow();\n  const { negative: isNegative } = usePopoverNegative();\n  const { isMdOrSmaller } = useScreenSize();\n\n  // Invert negative: if popover is negative (light), buttons should be normal (dark)\n  const negative = isNegative ? false : true;\n\n  const handleClick = () => {\n    onClick?.();\n    next();\n  };\n\n  return (\n    <Button\n      size=\"sm\"\n      variant=\"primary\"\n      onClick={handleClick}\n      negative={negative}\n      fullWidth={isMdOrSmaller}\n    >\n      {children}\n    </Button>\n  );\n};\n\nPopoverNext.displayName = \"PopoverNext\";\n","import React, { forwardRef, type ReactNode, useRef } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { useThemePortalContainer } from \"@purpur/theme\";\nimport * as RadixPopover from \"@radix-ui/react-popover\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./popover.module.scss\";\nimport { PopoverBack } from \"./popover-back\";\nimport { PopoverButton } from \"./popover-button\";\nimport { useOptionalPopoverFlow } from \"./popover-flow\";\nimport { PopoverFooter } from \"./popover-footer\";\nimport { PopoverHeader } from \"./popover-header\";\nimport { PopoverNegativeContext, usePopoverInternal } from \"./popover-internal-context\";\nimport { PopoverNext } from \"./popover-next\";\n\nconst cx = c.bind(styles);\n\nexport type PopoverAction = {\n  type: \"next\" | \"back\" | \"finish\" | \"dismiss\";\n  step?: number;\n};\n\nexport type PopoverContentProps = RadixPopover.PopoverContentProps & {\n  /**\n   * Position of the arrow/beak pointing to the trigger element.\n   * Set to \"none\" to hide the arrow.\n   * @default \"down\"\n   */\n  beakPosition?: \"up\" | \"right\" | \"down\" | \"left\" | \"none\";\n  /**\n   * Whether to use negative (light) styling for the popover content.\n   * @default false\n   */\n  negative?: boolean;\n  /**\n   * Accessible label for the close button icon.\n   */\n  closeIconAriaLabel: string;\n  /**\n   * Main title text displayed in the popover header.\n   */\n  title: string;\n  /**\n   * Optional icon displayed in the popover header next to the title.\n   */\n  icon?: ReactNode;\n  /**\n   * Main body text content of the popover.\n   */\n  body: string;\n  /**\n   * Custom footer content. If not provided and used within PopoverFlow,\n   * default navigation buttons will be rendered.\n   */\n  children?: ReactNode;\n  /**\n   * Callback fired when user interacts with navigation buttons (next, back, finish, dismiss).\n   */\n  onAction?: (action: PopoverAction) => void;\n  /**\n   * CSS z-index value for the popover content.\n   * @default 210\n   */\n  zIndex?: number;\n  /**\n   * Optional DOM element to portal the popover content into. When omitted,\n   * the popover renders inside the nearest `ThemeProvider` so it inherits\n   * the active color scheme. Pass `document.body` (or any other element) to\n   * override. Pass `null` to fall back to Radix' default (`document.body`).\n   */\n  container?: HTMLElement | null;\n};\n\nexport const PopoverContent = forwardRef<HTMLDivElement, PopoverContentProps>(\n  (\n    {\n      children,\n      className,\n      beakPosition = \"down\",\n      align = \"center\",\n      alignOffset = 0,\n      sideOffset = 5, // How close or far the popover is from the trigger\n      negative = false,\n      closeIconAriaLabel,\n      title,\n      icon,\n      body,\n      onAction,\n      zIndex = 210,\n      container,\n      ...props\n    },\n    ref\n  ) => {\n    const flow = useOptionalPopoverFlow();\n    const context = usePopoverInternal();\n    const headerRef = useRef<HTMLDivElement>(null);\n    const isFlowDismissRef = useRef(false);\n    const themePortalContainer = useThemePortalContainer();\n    const portalContainer = container === undefined ? themePortalContainer : container ?? undefined;\n\n    // Map beakPosition to Radix side values\n    const beakPositionMap: Record<\n      \"up\" | \"right\" | \"down\" | \"left\" | \"none\",\n      \"bottom\" | \"left\" | \"top\" | \"right\"\n    > = {\n      up: \"bottom\",\n      right: \"left\",\n      down: \"top\",\n      left: \"right\",\n      none: \"bottom\", // Default position when no arrow\n    };\n\n    const radixSide = beakPositionMap[beakPosition];\n    const shouldShowArrow = beakPosition !== \"none\";\n\n    const getFocusableElements = (container: HTMLElement): HTMLElement[] => {\n      const focusableSelector =\n        \"button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex='-1'])\";\n\n      return Array.from(container.querySelectorAll<HTMLElement>(focusableSelector)).filter(\n        (element) => !element.hasAttribute(\"aria-hidden\")\n      );\n    };\n\n    const focusOutsidePopover = (\n      contentElement: HTMLElement,\n      activeElement: HTMLElement,\n      direction: \"next\" | \"previous\"\n    ) => {\n      const allFocusableElements = getFocusableElements(document.body);\n      const activeIndex = allFocusableElements.indexOf(activeElement);\n\n      if (activeIndex === -1) {\n        return;\n      }\n\n      const step = direction === \"next\" ? 1 : -1;\n\n      for (\n        let currentIndex = activeIndex + step;\n        currentIndex >= 0 && currentIndex < allFocusableElements.length;\n        currentIndex += step\n      ) {\n        const candidate = allFocusableElements[currentIndex];\n\n        if (!contentElement.contains(candidate)) {\n          candidate.focus();\n          return;\n        }\n      }\n    };\n\n    let footerContent = children;\n\n    if (flow && !children) {\n      // Use walkthroughStep from context (0 for standalone, actual step for walkthrough)\n      const currentStep = context?.walkthroughStep || flow.currentStep;\n      const isFirstStep = currentStep === 1;\n      const isLastStep = currentStep === flow.totalSteps;\n\n      footerContent = (\n        <PopoverFooter>\n          {!isFirstStep && (\n            <PopoverBack onClick={() => onAction?.({ type: \"back\", step: currentStep })}>\n              {flow.backLabel}\n            </PopoverBack>\n          )}\n          {isLastStep ? (\n            <PopoverButton\n              onClick={() => onAction?.({ type: \"finish\", step: currentStep })}\n              dismiss\n            >\n              {flow.finishLabel}\n            </PopoverButton>\n          ) : (\n            <PopoverNext onClick={() => onAction?.({ type: \"next\", step: currentStep })}>\n              {flow.nextLabel}\n            </PopoverNext>\n          )}\n        </PopoverFooter>\n      );\n    }\n\n    const handleOpenAutoFocus = (event: Event) => {\n      event.preventDefault();\n\n      const contentElement = event.currentTarget as HTMLElement;\n      const headingElement = headerRef.current?.querySelector(\n        \"#popover-heading\"\n      ) as HTMLElement | null;\n\n      // In walkthrough mode, focus contextual content first so AT users hear title/body before actions.\n      setTimeout(() => {\n        if (flow && headingElement) {\n          headingElement.setAttribute(\"tabindex\", \"-1\");\n          headingElement.focus();\n          return;\n        }\n\n        // Fallback for standalone and missing heading.\n        contentElement.setAttribute(\"tabindex\", \"-1\");\n        contentElement.focus();\n      }, 0);\n\n      props.onOpenAutoFocus?.(event);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key !== \"Tab\") {\n        props.onKeyDown?.(event);\n        return;\n      }\n\n      const contentElement = event.currentTarget;\n      const focusableElements = getFocusableElements(contentElement);\n\n      if (focusableElements.length === 0) {\n        props.onKeyDown?.(event);\n        return;\n      }\n\n      const firstFocusable = focusableElements[0];\n      const lastFocusable = focusableElements[focusableElements.length - 1];\n      const activeElement = document.activeElement as HTMLElement | null;\n\n      const isOnFirstFocusable = activeElement === firstFocusable;\n      const isOnLastFocusable = activeElement === lastFocusable;\n      const isOnNonTabbableContext =\n        activeElement !== null &&\n        contentElement.contains(activeElement) &&\n        activeElement.tabIndex === -1;\n\n      if (!flow) {\n        if (activeElement !== null) {\n          if (event.shiftKey && isOnFirstFocusable) {\n            event.preventDefault();\n            focusOutsidePopover(contentElement, activeElement, \"previous\");\n          } else if (!event.shiftKey && isOnLastFocusable) {\n            event.preventDefault();\n            focusOutsidePopover(contentElement, activeElement, \"next\");\n          }\n        }\n\n        props.onKeyDown?.(event);\n        return;\n      }\n\n      if (event.shiftKey && (isOnFirstFocusable || isOnNonTabbableContext)) {\n        event.preventDefault();\n        lastFocusable.focus();\n      } else if (!event.shiftKey && (isOnLastFocusable || isOnNonTabbableContext)) {\n        event.preventDefault();\n        firstFocusable.focus();\n      }\n\n      props.onKeyDown?.(event);\n    };\n\n    const handleCloseAutoFocus = (event: Event) => {\n      // Prevent focus from returning to trigger in walkthrough flow\n      // This allows the next popover to manage focus properly\n      if (flow && !isFlowDismissRef.current) {\n        event.preventDefault();\n      }\n\n      if (isFlowDismissRef.current) {\n        isFlowDismissRef.current = false;\n      }\n\n      props.onCloseAutoFocus?.(event);\n    };\n\n    const handleClose = (event: React.MouseEvent) => {\n      if (flow) {\n        isFlowDismissRef.current = true;\n        event.preventDefault();\n      }\n\n      onAction?.({ type: \"dismiss\", step: flow?.currentStep });\n      flow?.dismiss();\n    };\n\n    const handleEscapeKey = (event: KeyboardEvent) => {\n      if (flow) {\n        isFlowDismissRef.current = true;\n        event.preventDefault();\n      }\n\n      onAction?.({ type: \"dismiss\", step: flow?.currentStep });\n      flow?.dismiss();\n    };\n\n    const handleInteractOutside = (event: Event) => {\n      if (context?.disableClickOutside) {\n        event.preventDefault();\n        return;\n      }\n\n      if (flow) {\n        const target = event.target as HTMLElement;\n        const isPopoverInteraction =\n          target.closest(\"[role='dialog']\") ||\n          target.closest(\".purpur-popover__trigger\") ||\n          target.closest(\"button[aria-haspopup='dialog']\");\n\n        if (!isPopoverInteraction) {\n          onAction?.({ type: \"dismiss\", step: flow.currentStep });\n          setTimeout(() => {\n            flow.dismiss();\n          }, 0);\n        }\n      }\n    };\n\n    return (\n      <RadixPopover.Portal container={portalContainer}>\n        <RadixPopover.Content\n          data-testid=\"popover-content\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={props[\"aria-label\"] ? undefined : \"popover-heading\"}\n          ref={ref}\n          side={radixSide}\n          sideOffset={sideOffset}\n          align={align}\n          alignOffset={alignOffset}\n          style={\n            {\n              \"--popover-z-index\": zIndex,\n            } as React.CSSProperties\n          }\n          className={cx(\n            \"purpur-popover__content\",\n            { \"purpur-popover__content--negative\": negative },\n            className\n          )}\n          onOpenAutoFocus={handleOpenAutoFocus}\n          onCloseAutoFocus={handleCloseAutoFocus}\n          onKeyDown={handleKeyDown}\n          onEscapeKeyDown={handleEscapeKey}\n          onInteractOutside={handleInteractOutside}\n          {...props}\n        >\n          <PopoverNegativeContext.Provider value={{ negative }}>\n            <div className={cx(\"purpur-popover__inner\")}>\n              <PopoverHeader ref={headerRef} title={title} icon={icon} />\n              <Paragraph className={cx(\"purpur-popover__body\")}>{body}</Paragraph>\n            </div>\n            {footerContent}\n\n            <RadixPopover.Close asChild onClick={handleClose}>\n              <Button\n                variant=\"text\"\n                size=\"sm\"\n                aria-label={closeIconAriaLabel}\n                className={cx(\"purpur-popover__close\")}\n                negative={!negative}\n                iconOnly\n              >\n                <IconClose size=\"xs\" className={cx(\"purpur-popover__icon\")} />\n              </Button>\n            </RadixPopover.Close>\n          </PopoverNegativeContext.Provider>\n          {shouldShowArrow && (\n            <RadixPopover.Arrow\n              className={cx(\"purpur-popover__arrow\")}\n              aria-hidden=\"true\"\n              tabIndex={-1}\n            />\n          )}\n        </RadixPopover.Content>\n      </RadixPopover.Portal>\n    );\n  }\n);\n\nPopoverContent.displayName = \"PopoverContent\";\n","import React, { type ReactNode, useState } from \"react\";\nimport * as RadixPopover from \"@radix-ui/react-popover\";\n\nimport { PopoverInternalContext } from \"./popover-internal-context\";\n\nexport type PopoverStandaloneProps = RadixPopover.PopoverProps & {\n  children: ReactNode;\n  className?: string;\n  disableClickOutside?: boolean;\n};\n\nexport const PopoverStandalone = ({\n  children,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  disableClickOutside,\n  ...props\n}: PopoverStandaloneProps) => {\n  // Internal state for uncontrolled mode\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n\n  const handleOpenChange = (newOpen: boolean) => {\n    if (!isControlled) {\n      setInternalOpen(newOpen);\n    }\n    onOpenChange?.(newOpen);\n  };\n\n  return (\n    <RadixPopover.Root open={isOpen} onOpenChange={handleOpenChange} {...props}>\n      <PopoverInternalContext.Provider\n        value={{\n          isOpen,\n          walkthroughStep: 0,\n          disableClickOutside,\n        }}\n      >\n        {children}\n      </PopoverInternalContext.Provider>\n    </RadixPopover.Root>\n  );\n};\n\nPopoverStandalone.displayName = \"PopoverStandalone\";\n","import { useCallback, useRef } from \"react\";\n\nexport const useSmoothScroll = (onComplete?: () => void) => {\n  const scrollAnimationId = useRef<number | null>(null);\n\n  const cancelScroll = useCallback(() => {\n    if (scrollAnimationId.current) {\n      cancelAnimationFrame(scrollAnimationId.current);\n      scrollAnimationId.current = null;\n    }\n  }, []);\n\n  const scrollToElement = useCallback(\n    (element: HTMLElement, duration: number = 600) => {\n      const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n      const rect = element.getBoundingClientRect();\n      const absoluteTop = rect.top + window.pageYOffset;\n      const elementHeight = rect.height;\n      const viewportHeight = window.innerHeight;\n\n      let targetY = absoluteTop - viewportHeight / 2 + elementHeight / 2;\n      const documentHeight = document.documentElement.scrollHeight;\n      const maxScroll = Math.max(0, documentHeight - viewportHeight);\n      targetY = Math.max(0, Math.min(targetY, maxScroll));\n\n      if (prefersReducedMotion) {\n        window.scrollTo(0, targetY);\n        onComplete?.();\n        return;\n      }\n\n      const startY = window.pageYOffset;\n      const distance = targetY - startY;\n      const startTime = performance.now();\n\n      const animateScroll = (currentTime: number) => {\n        const elapsed = currentTime - startTime;\n        const progress = Math.min(elapsed / duration, 1);\n\n        const easeInOut =\n          progress < 0.5 ? 2 * progress * progress : 1 - Math.pow(-2 * progress + 2, 2) / 2;\n\n        const currentY = startY + distance * easeInOut;\n        window.scrollTo(0, currentY);\n\n        if (progress < 1) {\n          scrollAnimationId.current = requestAnimationFrame(animateScroll);\n        } else {\n          scrollAnimationId.current = null;\n          onComplete?.();\n        }\n      };\n\n      cancelScroll();\n\n      scrollAnimationId.current = requestAnimationFrame(animateScroll);\n    },\n    [onComplete, cancelScroll]\n  );\n\n  return { scrollToElement, cancelScroll };\n};\n","import { useEffect, useRef } from \"react\";\n\nimport { useOptionalPopoverFlow } from \"./popover-flow\";\nimport { usePopoverInternal } from \"./popover-internal-context\";\nimport { useSmoothScroll } from \"./use-smooth-scroll\";\n\nexport function usePopoverTrigger(ref: React.Ref<HTMLButtonElement>) {\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const context = usePopoverInternal();\n  const flow = useOptionalPopoverFlow();\n  const hasScrolled = useRef(false);\n  const { scrollToElement, cancelScroll } = useSmoothScroll(context?.onScrollComplete);\n\n  // Forward ref\n  useEffect(() => {\n    if (typeof ref === \"function\") {\n      ref(triggerRef.current);\n    } else if (ref) {\n      (ref as React.MutableRefObject<HTMLButtonElement | null>).current = triggerRef.current;\n    }\n  }, [ref]);\n\n  // Walkthrough scroll logic\n  useEffect(() => {\n    const isActiveStep =\n      flow &&\n      context?.walkthroughStep !== undefined &&\n      flow.currentStep === context.walkthroughStep &&\n      triggerRef.current &&\n      !hasScrolled.current;\n\n    if (isActiveStep) {\n      const element = triggerRef.current!;\n      const rect = element.getBoundingClientRect();\n      const buffer = 100;\n      const isVisible =\n        rect.top >= -buffer &&\n        rect.bottom <= window.innerHeight + buffer &&\n        rect.left >= -buffer &&\n        rect.right <= window.innerWidth + buffer;\n\n      if (isVisible) {\n        context?.onScrollComplete?.();\n      } else {\n        context?.onScrollStart?.();\n        scrollToElement(element);\n      }\n      hasScrolled.current = true;\n    } else if (flow?.currentStep !== context?.walkthroughStep) {\n      hasScrolled.current = false;\n      cancelScroll();\n    }\n  }, [flow?.currentStep, context?.walkthroughStep, flow, scrollToElement, cancelScroll, context]);\n\n  // Radix Popover trigger applies aria-expanded by default; remove it to keep dialog trigger semantics.\n  // Fixes expanded state in item \"The popover trigger button has an incorrect accessible name and communicates an inappropriate expanding state.\"\n  useEffect(() => {\n    if (triggerRef.current) {\n      triggerRef.current.removeAttribute(\"aria-expanded\");\n    }\n  }, [context?.isOpen]);\n\n  // Cancel scroll on unmount\n  useEffect(() => cancelScroll, [cancelScroll]);\n\n  return { triggerRef, context };\n}\n","import React, { forwardRef } from \"react\";\nimport * as RadixPopover from \"@radix-ui/react-popover\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./popover.module.scss\";\nimport { usePopoverTrigger } from \"./usePopoverTrigger\";\n\nconst cx = c.bind(styles);\n\nexport type PopoverTriggerProps = RadixPopover.PopoverTriggerProps & {\n  /**\n   * Whether to show visual highlight effect around the trigger when popover is open.\n   * @default true\n   */\n  highlight?: boolean;\n  /**\n   * Whether to use negative (light) styling for the highlight effect.\n   * @default false\n   */\n  negative?: boolean;\n};\n\nexport const PopoverTrigger = forwardRef<HTMLButtonElement, PopoverTriggerProps>(\n  ({ children, className, highlight = true, negative = false, ...props }, ref) => {\n    const { triggerRef, context } = usePopoverTrigger(ref);\n\n    return (\n      <div\n        className={cx(\n          \"purpur-popover__trigger\",\n          { \"purpur-popover__trigger--highlight\": context?.isOpen && highlight },\n          className\n        )}\n      >\n        {context?.isOpen && highlight && (\n          <>\n            {/* State 1: Outer glow effect */}\n            <div\n              className={cx(\n                \"purpur-popover__trigger-highlight\",\n                \"purpur-popover__trigger-highlight--state1\",\n                { \"purpur-popover__trigger-highlight--negative\": negative }\n              )}\n              aria-hidden=\"true\"\n            />\n            {/* State 2: Inner border only */}\n            <div\n              className={cx(\n                \"purpur-popover__trigger-highlight\",\n                \"purpur-popover__trigger-highlight--state2\",\n                { \"purpur-popover__trigger-highlight--negative\": negative }\n              )}\n              aria-hidden=\"true\"\n            />\n          </>\n        )}\n        <RadixPopover.Trigger\n          ref={triggerRef}\n          asChild\n          aria-haspopup=\"dialog\"\n          {...props}\n        >\n          {children}\n        </RadixPopover.Trigger>\n      </div>\n    );\n  }\n);\n\nPopoverTrigger.displayName = \"PopoverTrigger\";\n","import { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { useOptionalPopoverFlow } from \"./popover-flow\";\n\nexport function usePopoverWalkthrough(step: number) {\n  const flow = useOptionalPopoverFlow();\n  const [actuallyOpen, setActuallyOpen] = useState(false);\n  const [waitingForScroll, setWaitingForScroll] = useState(false);\n  const timeoutRef = useRef<number | null>(null);\n  const openedAtRef = useRef<number>(0);\n\n  useEffect(() => {\n    if (flow) {\n      flow.registerStep(step);\n      return () => flow.unregisterStep(step);\n    }\n    return () => {};\n  }, [flow, step]);\n\n  const shouldBeOpen = flow?.currentStep === step;\n\n  const onScrollStart = useCallback(() => {\n    setWaitingForScroll(true);\n  }, []);\n\n  const onScrollComplete = useCallback(() => {\n    setWaitingForScroll(false);\n    if (shouldBeOpen) {\n      const delay = flow.openDelay;\n      timeoutRef.current = window.setTimeout(() => {\n        setActuallyOpen(true);\n        openedAtRef.current = Date.now();\n      }, delay);\n    }\n  }, [shouldBeOpen, flow]);\n\n  useEffect(() => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    }\n\n    if (shouldBeOpen) {\n      if (!waitingForScroll) {\n        const delay = flow.openDelay;\n        timeoutRef.current = window.setTimeout(() => {\n          setActuallyOpen(true);\n          openedAtRef.current = Date.now();\n        }, delay);\n      }\n    } else {\n      setActuallyOpen(false);\n      setWaitingForScroll(false);\n      openedAtRef.current = 0;\n    }\n\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n        timeoutRef.current = null;\n      }\n    };\n  }, [shouldBeOpen, waitingForScroll, flow]);\n\n  const handleOpenChange = useCallback(\n    (open: boolean, consumerOnOpenChange?: (open: boolean) => void) => {\n      consumerOnOpenChange?.(open);\n      if (!open && actuallyOpen && flow && flow.currentStep === step) {\n        const timeSinceOpen = Date.now() - openedAtRef.current;\n        if (timeSinceOpen < 10 || timeoutRef.current !== null) {\n          return;\n        }\n        flow.dismiss();\n      }\n    },\n    [actuallyOpen, flow, step]\n  );\n\n  return {\n    actuallyOpen,\n    onScrollStart,\n    onScrollComplete,\n    handleOpenChange,\n  };\n}\n","import React, { type ReactNode } from \"react\";\nimport * as RadixPopover from \"@radix-ui/react-popover\";\n\nimport { PopoverInternalContext } from \"./popover-internal-context\";\nimport { usePopoverWalkthrough } from \"./usePopoverWalkthrough\";\n\nexport type PopoverWalkthroughProps = RadixPopover.PopoverProps & {\n  children: ReactNode;\n  step: number;\n  className?: string;\n  disableClickOutside?: boolean;\n};\n\nexport const PopoverWalkthrough = ({\n  children,\n  step,\n  onOpenChange: consumerOnOpenChange,\n  disableClickOutside = true,\n  ...props\n}: PopoverWalkthroughProps) => {\n  const { actuallyOpen, onScrollStart, onScrollComplete, handleOpenChange } =\n    usePopoverWalkthrough(step);\n\n  return (\n    <RadixPopover.Root\n      modal={true}\n      open={actuallyOpen}\n      onOpenChange={(open) => handleOpenChange(open, consumerOnOpenChange)}\n      {...props}\n    >\n      <PopoverInternalContext.Provider\n        value={{\n          isOpen: actuallyOpen,\n          walkthroughStep: step,\n          onScrollStart,\n          onScrollComplete,\n          disableClickOutside,\n        }}\n      >\n        {children}\n      </PopoverInternalContext.Provider>\n    </RadixPopover.Root>\n  );\n};\n\nPopoverWalkthrough.displayName = \"PopoverWalkthrough\";\n","import React, { type ReactNode } from \"react\";\nimport type * as RadixPopover from \"@radix-ui/react-popover\";\n\nimport { PopoverBack } from \"./popover-back\";\nimport { PopoverButton } from \"./popover-button\";\nimport { type PopoverAction,PopoverContent } from \"./popover-content\";\nimport { PopoverFlow } from \"./popover-flow\";\nimport { PopoverFooter } from \"./popover-footer\";\nimport { PopoverNext } from \"./popover-next\";\nimport { PopoverStandalone } from \"./popover-standalone\";\nimport { PopoverTrigger } from \"./popover-trigger\";\nimport { PopoverWalkthrough } from \"./popover-walkthrough\";\n\nexport type { PopoverAction };\n\n// Base props shared by both variants\ntype BasePopoverProps = RadixPopover.PopoverProps & {\n  children: ReactNode;\n  className?: string;\n};\n\n// Standalone variant props\ntype StandalonePopoverProps = BasePopoverProps & {\n  multistep?: false;\n  step?: never;\n  disableClickOutside?: boolean;\n};\n\n// Walkthrough variant props\ntype WalkthroughPopoverProps = BasePopoverProps & {\n  multistep: true;\n  step: number;\n  disableClickOutside?: boolean;\n};\n\nexport type PopoverProps = StandalonePopoverProps | WalkthroughPopoverProps;\n\ntype PopoverCmp<P> = React.FunctionComponent<P> & {\n  Back: typeof PopoverBack;\n  Button: typeof PopoverButton;\n  Content: typeof PopoverContent;\n  Flow: typeof PopoverFlow;\n  Footer: typeof PopoverFooter;\n  Next: typeof PopoverNext;\n  Trigger: typeof PopoverTrigger;\n};\n\nexport const Popover: PopoverCmp<PopoverProps> = (props) => {\n  const { multistep = false, disableClickOutside, ...restProps } = props;\n\n  if (multistep) {\n    return (\n      <PopoverWalkthrough\n        {...(restProps as WalkthroughPopoverProps)}\n        disableClickOutside={disableClickOutside ?? true}\n      />\n    );\n  }\n\n  return (\n    <PopoverStandalone\n      {...(restProps as StandalonePopoverProps)}\n      disableClickOutside={disableClickOutside}\n    />\n  );\n};\n\nPopover.Back = PopoverBack;\nPopover.Button = PopoverButton;\nPopover.Content = PopoverContent;\nPopover.Flow = PopoverFlow;\nPopover.Footer = PopoverFooter;\nPopover.Next = PopoverNext;\nPopover.Trigger = PopoverTrigger;\n\nPopover.displayName = \"Popover\";\n"],"names":["PopoverFlowContext","createContext","usePopoverFlow","context","useContext","useOptionalPopoverFlow","PopoverFlow","children","initialStep","onComplete","onDismiss","separatorText","stepText","backLabel","nextLabel","finishLabel","openDelay","currentStep","setCurrentStep","useState","registeredSteps","setRegisteredSteps","registerStep","useCallback","step","prev","next","unregisterStep","nextStep","back","dismiss","value","useMemo","jsx","PopoverInternalContext","usePopoverInternal","PopoverNegativeContext","usePopoverNegative","DEBOUNCE_DELAY","SCREEN_MEDIA_QUERY","purpurBreakpointMd","useScreenSize","maxMediumScreen","updateSize","setIsMdOrSmaller","isMdOrSmaller","handleResize","timeoutId","useEffect","PopoverBack","onClick","isNegative","Button","PopoverButton","asChild","variant","fullWidth","flow","content","RadixPopover.Close","cx","c","styles","PopoverSteps","totalSteps","Fragment","jsxs","Paragraph","PopoverFooter","className","internal","showSteps","PopoverHeader","forwardRef","title","icon","ref","Heading","PopoverNext","PopoverContent","beakPosition","align","alignOffset","sideOffset","negative","closeIconAriaLabel","body","onAction","zIndex","container","props","headerRef","useRef","isFlowDismissRef","themePortalContainer","useThemePortalContainer","portalContainer","radixSide","shouldShowArrow","getFocusableElements","element","focusOutsidePopover","contentElement","activeElement","direction","allFocusableElements","activeIndex","currentIndex","candidate","footerContent","isFirstStep","isLastStep","handleOpenAutoFocus","event","headingElement","handleKeyDown","focusableElements","firstFocusable","lastFocusable","isOnFirstFocusable","isOnLastFocusable","isOnNonTabbableContext","handleCloseAutoFocus","handleClose","handleEscapeKey","handleInteractOutside","target","RadixPopover.Portal","RadixPopover.Content","IconClose","RadixPopover.Arrow","PopoverStandalone","controlledOpen","defaultOpen","onOpenChange","disableClickOutside","internalOpen","setInternalOpen","isControlled","isOpen","RadixPopover.Root","newOpen","useSmoothScroll","scrollAnimationId","cancelScroll","duration","prefersReducedMotion","rect","absoluteTop","elementHeight","viewportHeight","targetY","documentHeight","maxScroll","startY","distance","startTime","animateScroll","currentTime","elapsed","progress","easeInOut","currentY","usePopoverTrigger","triggerRef","hasScrolled","scrollToElement","buffer","PopoverTrigger","highlight","RadixPopover.Trigger","usePopoverWalkthrough","actuallyOpen","setActuallyOpen","waitingForScroll","setWaitingForScroll","timeoutRef","openedAtRef","shouldBeOpen","onScrollStart","onScrollComplete","delay","handleOpenChange","open","consumerOnOpenChange","PopoverWalkthrough","Popover","multistep","restProps"],"mappings":"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"}

package/dist/{popover-DJHMEFXP.js → popover-BzoAQW0i.js}

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),q=require("./button-C5CYysw5.js"),o=require("react"),xe=require("./variables-Buqm4JZc.js"),F=require("./index-BPY_9ddu.js"),Se=require("./close.es-VL3lKi1O.js"),ne=require("./paragraph-B8HFdNne.js");require("./ThemeProvider-BJGm3zai.js");const be=require("./useThemePortalContainer-CUcqV327.js"),A=require("./bind-DeUYJ6m9.js"),je=require("./heading-BPeRwNYu.js"),H=o.createContext(null),W=()=>{const t=o.useContext(H);if(!t)throw new Error("usePopoverFlow must be used within a PopoverFlow provider");return t},B=()=>o.useContext(H),Ce=({children:t,initialStep:e=1,onComplete:r,onDismiss:s,separatorText:u,stepText:l,backLabel:c,nextLabel:d,finishLabel:_,openDelay:h=0})=>{const[g,a]=o.useState(e),[f,j]=o.useState(new Set),w=o.useCallback(v=>{j(b=>{const k=new Set(b);return k.add(v),k})},[]),N=o.useCallback(v=>{j(b=>{const k=new Set(b);return k.delete(v),k})},[]),p=o.useCallback(()=>{a(v=>{const b=v+1;return b>f.size?(r?.(),v):b})},[f.size,r]),P=o.useCallback(()=>{a(v=>Math.max(1,v-1))},[]),O=o.useCallback(()=>{a(0),s?.()},[s]),C=o.useMemo(()=>({currentStep:g,totalSteps:f.size,next:p,back:P,dismiss:O,registerStep:w,unregisterStep:N,separatorText:u,stepText:l,backLabel:c,nextLabel:d,finishLabel:_,openDelay:h}),[g,f.size,p,P,O,w,N,u,l,c,d,_,h]);return n.jsx(H.Provider,{value:C,children:t})},Y=o.createContext(null),z=()=>o.useContext(Y),se=o.createContext({negative:!1}),$=()=>o.useContext(se),ye=150,re={MAX_MD:`(max-width: ${xe.purpurBreakpointMd})`},X=()=>{const t=window.matchMedia(re.MAX_MD);function e(){s(t.matches)}const[r,s]=o.useState(()=>typeof window>"u"?!1:window.matchMedia(re.MAX_MD).matches),u=o.useCallback(()=>{let l;return()=>{clearTimeout(l),l=setTimeout(()=>e(),ye)}},[e]);return o.useEffect(()=>{if(!(typeof window>"u"))return window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)},[u]),{isMdOrSmaller:r}},U=({children:t,onClick:e})=>{const{back:r}=W(),{negative:s}=$(),{isMdOrSmaller:u}=X(),l=!s,c=()=>{e?.(),r()};return n.jsx(q.Button,{size:"sm",variant:"secondary",onClick:c,negative:l,fullWidth:u,children:t})};U.displayName="PopoverBack";const V=({children:t,asChild:e,onClick:r,variant:s="primary",dismiss:u=!0,fullWidth:l})=>{const c=B(),{isMdOrSmaller:d}=X(),{negative:_}=$(),h=!_,g=()=>{r?.(),u&&c?.dismiss()},a=l??d,f=e?t:n.jsx(q.Button,{variant:s,size:"sm",fullWidth:a,negative:h,onClick:g,children:t});return u?n.jsx(F.Close,{asChild:!0,children:f}):f};V.displayName="PopoverButton";const Pe="_highlightState1_1w9je_1",ke="_fadeIn_1w9je_1",Fe="_slideFromTop_1w9je_1",Oe="_slideFromBottom_1w9je_1",Te="_slideFromLeft_1w9je_1",Ne="_slideFromRight_1w9je_1",Re="_fadeOut_1w9je_1",Ee="_slideToTop_1w9je_1",Me="_slideToBottom_1w9je_1",De="_slideToLeft_1w9je_1",Ae="_slideToRight_1w9je_1",I={"purpur-popover__trigger":"_purpur-popover__trigger_1w9je_1","purpur-popover__trigger-highlight":"_purpur-popover__trigger-highlight_1w9je_5","purpur-popover__trigger-highlight--state1":"_purpur-popover__trigger-highlight--state1_1w9je_14",highlightState1:Pe,"purpur-popover__trigger-highlight--negative":"_purpur-popover__trigger-highlight--negative_1w9je_29","purpur-popover__trigger-highlight--state2":"_purpur-popover__trigger-highlight--state2_1w9je_33","purpur-popover__inner":"_purpur-popover__inner_1w9je_45","purpur-popover__content":"_purpur-popover__content_1w9je_52",fadeIn:ke,slideFromTop:Fe,slideFromBottom:Oe,slideFromLeft:Te,slideFromRight:Ne,fadeOut:Re,slideToTop:Ee,slideToBottom:Me,slideToLeft:De,slideToRight:Ae,"purpur-popover__arrow":"_purpur-popover__arrow_1w9je_103","purpur-popover__body":"_purpur-popover__body_1w9je_106","purpur-popover__icon":"_purpur-popover__icon_1w9je_107","purpur-popover__steps":"_purpur-popover__steps_1w9je_108","purpur-popover__title":"_purpur-popover__title_1w9je_109","purpur-popover__content--negative":"_purpur-popover__content--negative_1w9je_112","purpur-popover__header-content":"_purpur-popover__header-content_1w9je_124","purpur-popover__close":"_purpur-popover__close_1w9je_137","purpur-popover__footer":"_purpur-popover__footer_1w9je_142","purpur-popover__footer-button-group":"_purpur-popover__footer-button-group_1w9je_155"},Be=A.c.bind(I),ie=()=>{const t=W(),r=z()?.walkthroughStep||t.currentStep,{totalSteps:s,separatorText:u,stepText:l}=t;return n.jsx(n.Fragment,{children:n.jsxs(ne.Paragraph,{className:Be("purpur-popover__steps"),role:"status","aria-live":"polite","aria-atomic":"true",children:[l," ",r," ",u," ",s]})})};ie.displayName="PopoverSteps";const oe=A.c.bind(I),Q=({children:t,className:e})=>{const r=B(),s=z(),u=r&&s&&s.walkthroughStep>0;return n.jsxs("div",{className:oe("purpur-popover__footer",e),children:[u&&n.jsx(ie,{}),n.jsx("div",{className:oe("purpur-popover__footer-button-group"),children:t})]})};Q.displayName="PopoverFooter";const K=A.c.bind(I),ce=o.forwardRef(({title:t,icon:e},r)=>n.jsxs("div",{ref:r,className:K("purpur-popover__header-content"),children:[e&&n.jsx("span",{className:K("purpur-popover__icon"),children:e}),n.jsx(je.Heading,{tag:"h2",variant:"title-100",className:K("purpur-popover__title"),id:"popover-heading",children:t})]}));ce.displayName="PopoverHeader";const G=({children:t,onClick:e})=>{const{next:r}=W(),{negative:s}=$(),{isMdOrSmaller:u}=X(),l=!s,c=()=>{e?.(),r()};return n.jsx(q.Button,{size:"sm",variant:"primary",onClick:c,negative:l,fullWidth:u,children:t})};G.displayName="PopoverNext";const E=A.c.bind(I),ue=o.forwardRef(({children:t,className:e,beakPosition:r="down",align:s="center",alignOffset:u=0,sideOffset:l=5,negative:c=!1,closeIconAriaLabel:d,title:_,icon:h,body:g,onAction:a,zIndex:f=210,container:j,...w},N)=>{const p=B(),P=z(),O=o.useRef(null),C=o.useRef(!1),v=be.useThemePortalContainer(),b=j===void 0?v:j??void 0,de={up:"bottom",right:"left",down:"top",left:"right",none:"bottom"}[r],_e=r!=="none",J=i=>Array.from(i.querySelectorAll("button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex='-1'])")).filter(x=>!x.hasAttribute("aria-hidden")),Z=(i,m,x)=>{const R=J(document.body),M=R.indexOf(m);if(M===-1)return;const S=x==="next"?1:-1;for(let T=M+S;T>=0&&T<R.length;T+=S){const D=R[T];if(!i.contains(D)){D.focus();return}}};let ee=t;if(p&&!t){const i=P?.walkthroughStep||p.currentStep,m=i===1,x=i===p.totalSteps;ee=n.jsxs(Q,{children:[!m&&n.jsx(U,{onClick:()=>a?.({type:"back",step:i}),children:p.backLabel}),x?n.jsx(V,{onClick:()=>a?.({type:"finish",step:i}),dismiss:!0,children:p.finishLabel}):n.jsx(G,{onClick:()=>a?.({type:"next",step:i}),children:p.nextLabel})]})}const he=i=>{i.preventDefault();const m=i.currentTarget,x=O.current?.querySelector("#popover-heading");setTimeout(()=>{if(p&&x){x.setAttribute("tabindex","-1"),x.focus();return}m.setAttribute("tabindex","-1"),m.focus()},0),w.onOpenAutoFocus?.(i)},ge=i=>{if(i.key!=="Tab"){w.onKeyDown?.(i);return}const m=i.currentTarget,x=J(m);if(x.length===0){w.onKeyDown?.(i);return}const R=x[0],M=x[x.length-1],S=document.activeElement,T=S===R,D=S===M,te=S!==null&&m.contains(S)&&S.tabIndex===-1;if(!p){S!==null&&(i.shiftKey&&T?(i.preventDefault(),Z(m,S,"previous")):!i.shiftKey&&D&&(i.preventDefault(),Z(m,S,"next"))),w.onKeyDown?.(i);return}i.shiftKey&&(T||te)?(i.preventDefault(),M.focus()):!i.shiftKey&&(D||te)&&(i.preventDefault(),R.focus()),w.onKeyDown?.(i)},fe=i=>{p&&!C.current&&i.preventDefault(),C.current&&(C.current=!1),w.onCloseAutoFocus?.(i)},ve=i=>{p&&(C.current=!0,i.preventDefault()),a?.({type:"dismiss",step:p?.currentStep}),p?.dismiss()},me=i=>{p&&(C.current=!0,i.preventDefault()),a?.({type:"dismiss",step:p?.currentStep}),p?.dismiss()},we=i=>{if(P?.disableClickOutside){i.preventDefault();return}if(p){const m=i.target;m.closest("[role='dialog']")||m.closest(".purpur-popover__trigger")||m.closest("button[aria-haspopup='dialog']")||(a?.({type:"dismiss",step:p.currentStep}),setTimeout(()=>{p.dismiss()},0))}};return n.jsx(F.Portal,{container:b,children:n.jsxs(F.Content2,{"data-testid":"popover-content",role:"dialog","aria-modal":"true","aria-labelledby":w["aria-label"]?void 0:"popover-heading",ref:N,side:de,sideOffset:l,align:s,alignOffset:u,style:{"--popover-z-index":f},className:E("purpur-popover__content",{"purpur-popover__content--negative":c},e),onOpenAutoFocus:he,onCloseAutoFocus:fe,onKeyDown:ge,onEscapeKeyDown:me,onInteractOutside:we,...w,children:[n.jsxs(se.Provider,{value:{negative:c},children:[n.jsxs("div",{className:E("purpur-popover__inner"),children:[n.jsx(ce,{ref:O,title:_,icon:h}),n.jsx(ne.Paragraph,{className:E("purpur-popover__body"),children:g})]}),ee,n.jsx(F.Close,{asChild:!0,onClick:ve,children:n.jsx(q.Button,{variant:"text",size:"sm","aria-label":d,className:E("purpur-popover__close"),negative:!c,iconOnly:!0,children:n.jsx(Se.r,{size:"xs",className:E("purpur-popover__icon")})})})]}),_e&&n.jsx(F.Arrow2,{className:E("purpur-popover__arrow"),"aria-hidden":"true",tabIndex:-1})]})})});ue.displayName="PopoverContent";const le=({children:t,open:e,defaultOpen:r=!1,onOpenChange:s,disableClickOutside:u,...l})=>{const[c,d]=o.useState(r),_=e!==void 0,h=_?e:c,g=a=>{_||d(a),s?.(a)};return n.jsx(F.Root2,{open:h,onOpenChange:g,...l,children:n.jsx(Y.Provider,{value:{isOpen:h,walkthroughStep:0,disableClickOutside:u},children:t})})};le.displayName="PopoverStandalone";const Ie=t=>{const e=o.useRef(null),r=o.useCallback(()=>{e.current&&(cancelAnimationFrame(e.current),e.current=null)},[]);return{scrollToElement:o.useCallback((u,l=600)=>{const c=window.matchMedia("(prefers-reduced-motion: reduce)").matches,d=u.getBoundingClientRect(),_=d.top+window.pageYOffset,h=d.height,g=window.innerHeight;let a=_-g/2+h/2;const f=document.documentElement.scrollHeight,j=Math.max(0,f-g);if(a=Math.max(0,Math.min(a,j)),c){window.scrollTo(0,a),t?.();return}const w=window.pageYOffset,N=a-w,p=performance.now(),P=O=>{const C=O-p,v=Math.min(C/l,1),b=v<.5?2*v*v:1-Math.pow(-2*v+2,2)/2,k=w+N*b;window.scrollTo(0,k),v<1?e.current=requestAnimationFrame(P):(e.current=null,t?.())};r(),e.current=requestAnimationFrame(P)},[t,r]),cancelScroll:r}};function qe(t){const e=o.useRef(null),r=z(),s=B(),u=o.useRef(!1),{scrollToElement:l,cancelScroll:c}=Ie(r?.onScrollComplete);return o.useEffect(()=>{typeof t=="function"?t(e.current):t&&(t.current=e.current)},[t]),o.useEffect(()=>{if(s&&r?.walkthroughStep!==void 0&&s.currentStep===r.walkthroughStep&&e.current&&!u.current){const _=e.current,h=_.getBoundingClientRect(),g=100;h.top>=-g&&h.bottom<=window.innerHeight+g&&h.left>=-g&&h.right<=window.innerWidth+g?r?.onScrollComplete?.():(r?.onScrollStart?.(),l(_)),u.current=!0}else s?.currentStep!==r?.walkthroughStep&&(u.current=!1,c())},[s?.currentStep,r?.walkthroughStep,s,l,c,r]),o.useEffect(()=>{e.current&&e.current.removeAttribute("aria-expanded")},[r?.isOpen]),o.useEffect(()=>c,[c]),{triggerRef:e,context:r}}const L=A.c.bind(I),ae=o.forwardRef(({children:t,className:e,highlight:r=!0,negative:s=!1,...u},l)=>{const{triggerRef:c,context:d}=qe(l);return n.jsxs("div",{className:L("purpur-popover__trigger",{"purpur-popover__trigger--highlight":d?.isOpen&&r},e),children:[d?.isOpen&&r&&n.jsxs(n.Fragment,{children:[n.jsx("div",{className:L("purpur-popover__trigger-highlight","purpur-popover__trigger-highlight--state1",{"purpur-popover__trigger-highlight--negative":s}),"aria-hidden":"true"}),n.jsx("div",{className:L("purpur-popover__trigger-highlight","purpur-popover__trigger-highlight--state2",{"purpur-popover__trigger-highlight--negative":s}),"aria-hidden":"true"})]}),n.jsx(F.Trigger,{ref:c,asChild:!0,"aria-haspopup":"dialog",...u,children:t})]})});ae.displayName="PopoverTrigger";function ze(t){const e=B(),[r,s]=o.useState(!1),[u,l]=o.useState(!1),c=o.useRef(null),d=o.useRef(0);o.useEffect(()=>e?(e.registerStep(t),()=>e.unregisterStep(t)):()=>{},[e,t]);const _=e?.currentStep===t,h=o.useCallback(()=>{l(!0)},[]),g=o.useCallback(()=>{if(l(!1),_){const f=e.openDelay;c.current=window.setTimeout(()=>{s(!0),d.current=Date.now()},f)}},[_,e]);o.useEffect(()=>{if(c.current&&(clearTimeout(c.current),c.current=null),_){if(!u){const f=e.openDelay;c.current=window.setTimeout(()=>{s(!0),d.current=Date.now()},f)}}else s(!1),l(!1),d.current=0;return()=>{c.current&&(clearTimeout(c.current),c.current=null)}},[_,u,e]);const a=o.useCallback((f,j)=>{if(j?.(f),!f&&r&&e&&e.currentStep===t){if(Date.now()-d.current<10||c.current!==null)return;e.dismiss()}},[r,e,t]);return{actuallyOpen:r,onScrollStart:h,onScrollComplete:g,handleOpenChange:a}}const pe=({children:t,step:e,onOpenChange:r,disableClickOutside:s=!0,...u})=>{const{actuallyOpen:l,onScrollStart:c,onScrollComplete:d,handleOpenChange:_}=ze(e);return n.jsx(F.Root2,{modal:!0,open:l,onOpenChange:h=>_(h,r),...u,children:n.jsx(Y.Provider,{value:{isOpen:l,walkthroughStep:e,onScrollStart:c,onScrollComplete:d,disableClickOutside:s},children:t})})};pe.displayName="PopoverWalkthrough";const y=t=>{const{multistep:e=!1,disableClickOutside:r,...s}=t;return e?n.jsx(pe,{...s,disableClickOutside:r??!0}):n.jsx(le,{...s,disableClickOutside:r})};y.Back=U;y.Button=V;y.Content=ue;y.Flow=Ce;y.Footer=Q;y.Next=G;y.Trigger=ae;y.displayName="Popover";exports.Popover=y;
-//# sourceMappingURL=popover-DJHMEFXP.js.map
+"use strict";const n=require("react/jsx-runtime"),q=require("./button-C5CYysw5.js"),o=require("react"),xe=require("./variables-Buqm4JZc.js"),F=require("./index-BPY_9ddu.js"),Se=require("./close.es-VL3lKi1O.js"),ne=require("./paragraph-B8HFdNne.js");require("./ThemeProvider-BGep6X_i.js");const be=require("./useThemePortalContainer-Cs1c-2AI.js"),A=require("./bind-DeUYJ6m9.js"),je=require("./heading-BPeRwNYu.js"),H=o.createContext(null),W=()=>{const t=o.useContext(H);if(!t)throw new Error("usePopoverFlow must be used within a PopoverFlow provider");return t},B=()=>o.useContext(H),Ce=({children:t,initialStep:e=1,onComplete:r,onDismiss:s,separatorText:u,stepText:l,backLabel:c,nextLabel:d,finishLabel:_,openDelay:h=0})=>{const[g,a]=o.useState(e),[f,j]=o.useState(new Set),w=o.useCallback(v=>{j(b=>{const k=new Set(b);return k.add(v),k})},[]),N=o.useCallback(v=>{j(b=>{const k=new Set(b);return k.delete(v),k})},[]),p=o.useCallback(()=>{a(v=>{const b=v+1;return b>f.size?(r?.(),v):b})},[f.size,r]),P=o.useCallback(()=>{a(v=>Math.max(1,v-1))},[]),O=o.useCallback(()=>{a(0),s?.()},[s]),C=o.useMemo(()=>({currentStep:g,totalSteps:f.size,next:p,back:P,dismiss:O,registerStep:w,unregisterStep:N,separatorText:u,stepText:l,backLabel:c,nextLabel:d,finishLabel:_,openDelay:h}),[g,f.size,p,P,O,w,N,u,l,c,d,_,h]);return n.jsx(H.Provider,{value:C,children:t})},Y=o.createContext(null),z=()=>o.useContext(Y),se=o.createContext({negative:!1}),$=()=>o.useContext(se),ye=150,re={MAX_MD:`(max-width: ${xe.purpurBreakpointMd})`},X=()=>{const t=window.matchMedia(re.MAX_MD);function e(){s(t.matches)}const[r,s]=o.useState(()=>typeof window>"u"?!1:window.matchMedia(re.MAX_MD).matches),u=o.useCallback(()=>{let l;return()=>{clearTimeout(l),l=setTimeout(()=>e(),ye)}},[e]);return o.useEffect(()=>{if(!(typeof window>"u"))return window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)},[u]),{isMdOrSmaller:r}},U=({children:t,onClick:e})=>{const{back:r}=W(),{negative:s}=$(),{isMdOrSmaller:u}=X(),l=!s,c=()=>{e?.(),r()};return n.jsx(q.Button,{size:"sm",variant:"secondary",onClick:c,negative:l,fullWidth:u,children:t})};U.displayName="PopoverBack";const V=({children:t,asChild:e,onClick:r,variant:s="primary",dismiss:u=!0,fullWidth:l})=>{const c=B(),{isMdOrSmaller:d}=X(),{negative:_}=$(),h=!_,g=()=>{r?.(),u&&c?.dismiss()},a=l??d,f=e?t:n.jsx(q.Button,{variant:s,size:"sm",fullWidth:a,negative:h,onClick:g,children:t});return u?n.jsx(F.Close,{asChild:!0,children:f}):f};V.displayName="PopoverButton";const Pe="_highlightState1_1w9je_1",ke="_fadeIn_1w9je_1",Fe="_slideFromTop_1w9je_1",Oe="_slideFromBottom_1w9je_1",Te="_slideFromLeft_1w9je_1",Ne="_slideFromRight_1w9je_1",Re="_fadeOut_1w9je_1",Ee="_slideToTop_1w9je_1",Me="_slideToBottom_1w9je_1",De="_slideToLeft_1w9je_1",Ae="_slideToRight_1w9je_1",I={"purpur-popover__trigger":"_purpur-popover__trigger_1w9je_1","purpur-popover__trigger-highlight":"_purpur-popover__trigger-highlight_1w9je_5","purpur-popover__trigger-highlight--state1":"_purpur-popover__trigger-highlight--state1_1w9je_14",highlightState1:Pe,"purpur-popover__trigger-highlight--negative":"_purpur-popover__trigger-highlight--negative_1w9je_29","purpur-popover__trigger-highlight--state2":"_purpur-popover__trigger-highlight--state2_1w9je_33","purpur-popover__inner":"_purpur-popover__inner_1w9je_45","purpur-popover__content":"_purpur-popover__content_1w9je_52",fadeIn:ke,slideFromTop:Fe,slideFromBottom:Oe,slideFromLeft:Te,slideFromRight:Ne,fadeOut:Re,slideToTop:Ee,slideToBottom:Me,slideToLeft:De,slideToRight:Ae,"purpur-popover__arrow":"_purpur-popover__arrow_1w9je_103","purpur-popover__body":"_purpur-popover__body_1w9je_106","purpur-popover__icon":"_purpur-popover__icon_1w9je_107","purpur-popover__steps":"_purpur-popover__steps_1w9je_108","purpur-popover__title":"_purpur-popover__title_1w9je_109","purpur-popover__content--negative":"_purpur-popover__content--negative_1w9je_112","purpur-popover__header-content":"_purpur-popover__header-content_1w9je_124","purpur-popover__close":"_purpur-popover__close_1w9je_137","purpur-popover__footer":"_purpur-popover__footer_1w9je_142","purpur-popover__footer-button-group":"_purpur-popover__footer-button-group_1w9je_155"},Be=A.c.bind(I),ie=()=>{const t=W(),r=z()?.walkthroughStep||t.currentStep,{totalSteps:s,separatorText:u,stepText:l}=t;return n.jsx(n.Fragment,{children:n.jsxs(ne.Paragraph,{className:Be("purpur-popover__steps"),role:"status","aria-live":"polite","aria-atomic":"true",children:[l," ",r," ",u," ",s]})})};ie.displayName="PopoverSteps";const oe=A.c.bind(I),Q=({children:t,className:e})=>{const r=B(),s=z(),u=r&&s&&s.walkthroughStep>0;return n.jsxs("div",{className:oe("purpur-popover__footer",e),children:[u&&n.jsx(ie,{}),n.jsx("div",{className:oe("purpur-popover__footer-button-group"),children:t})]})};Q.displayName="PopoverFooter";const K=A.c.bind(I),ce=o.forwardRef(({title:t,icon:e},r)=>n.jsxs("div",{ref:r,className:K("purpur-popover__header-content"),children:[e&&n.jsx("span",{className:K("purpur-popover__icon"),children:e}),n.jsx(je.Heading,{tag:"h2",variant:"title-100",className:K("purpur-popover__title"),id:"popover-heading",children:t})]}));ce.displayName="PopoverHeader";const G=({children:t,onClick:e})=>{const{next:r}=W(),{negative:s}=$(),{isMdOrSmaller:u}=X(),l=!s,c=()=>{e?.(),r()};return n.jsx(q.Button,{size:"sm",variant:"primary",onClick:c,negative:l,fullWidth:u,children:t})};G.displayName="PopoverNext";const E=A.c.bind(I),ue=o.forwardRef(({children:t,className:e,beakPosition:r="down",align:s="center",alignOffset:u=0,sideOffset:l=5,negative:c=!1,closeIconAriaLabel:d,title:_,icon:h,body:g,onAction:a,zIndex:f=210,container:j,...w},N)=>{const p=B(),P=z(),O=o.useRef(null),C=o.useRef(!1),v=be.useThemePortalContainer(),b=j===void 0?v:j??void 0,de={up:"bottom",right:"left",down:"top",left:"right",none:"bottom"}[r],_e=r!=="none",J=i=>Array.from(i.querySelectorAll("button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex='-1'])")).filter(x=>!x.hasAttribute("aria-hidden")),Z=(i,m,x)=>{const R=J(document.body),M=R.indexOf(m);if(M===-1)return;const S=x==="next"?1:-1;for(let T=M+S;T>=0&&T<R.length;T+=S){const D=R[T];if(!i.contains(D)){D.focus();return}}};let ee=t;if(p&&!t){const i=P?.walkthroughStep||p.currentStep,m=i===1,x=i===p.totalSteps;ee=n.jsxs(Q,{children:[!m&&n.jsx(U,{onClick:()=>a?.({type:"back",step:i}),children:p.backLabel}),x?n.jsx(V,{onClick:()=>a?.({type:"finish",step:i}),dismiss:!0,children:p.finishLabel}):n.jsx(G,{onClick:()=>a?.({type:"next",step:i}),children:p.nextLabel})]})}const he=i=>{i.preventDefault();const m=i.currentTarget,x=O.current?.querySelector("#popover-heading");setTimeout(()=>{if(p&&x){x.setAttribute("tabindex","-1"),x.focus();return}m.setAttribute("tabindex","-1"),m.focus()},0),w.onOpenAutoFocus?.(i)},ge=i=>{if(i.key!=="Tab"){w.onKeyDown?.(i);return}const m=i.currentTarget,x=J(m);if(x.length===0){w.onKeyDown?.(i);return}const R=x[0],M=x[x.length-1],S=document.activeElement,T=S===R,D=S===M,te=S!==null&&m.contains(S)&&S.tabIndex===-1;if(!p){S!==null&&(i.shiftKey&&T?(i.preventDefault(),Z(m,S,"previous")):!i.shiftKey&&D&&(i.preventDefault(),Z(m,S,"next"))),w.onKeyDown?.(i);return}i.shiftKey&&(T||te)?(i.preventDefault(),M.focus()):!i.shiftKey&&(D||te)&&(i.preventDefault(),R.focus()),w.onKeyDown?.(i)},fe=i=>{p&&!C.current&&i.preventDefault(),C.current&&(C.current=!1),w.onCloseAutoFocus?.(i)},ve=i=>{p&&(C.current=!0,i.preventDefault()),a?.({type:"dismiss",step:p?.currentStep}),p?.dismiss()},me=i=>{p&&(C.current=!0,i.preventDefault()),a?.({type:"dismiss",step:p?.currentStep}),p?.dismiss()},we=i=>{if(P?.disableClickOutside){i.preventDefault();return}if(p){const m=i.target;m.closest("[role='dialog']")||m.closest(".purpur-popover__trigger")||m.closest("button[aria-haspopup='dialog']")||(a?.({type:"dismiss",step:p.currentStep}),setTimeout(()=>{p.dismiss()},0))}};return n.jsx(F.Portal,{container:b,children:n.jsxs(F.Content2,{"data-testid":"popover-content",role:"dialog","aria-modal":"true","aria-labelledby":w["aria-label"]?void 0:"popover-heading",ref:N,side:de,sideOffset:l,align:s,alignOffset:u,style:{"--popover-z-index":f},className:E("purpur-popover__content",{"purpur-popover__content--negative":c},e),onOpenAutoFocus:he,onCloseAutoFocus:fe,onKeyDown:ge,onEscapeKeyDown:me,onInteractOutside:we,...w,children:[n.jsxs(se.Provider,{value:{negative:c},children:[n.jsxs("div",{className:E("purpur-popover__inner"),children:[n.jsx(ce,{ref:O,title:_,icon:h}),n.jsx(ne.Paragraph,{className:E("purpur-popover__body"),children:g})]}),ee,n.jsx(F.Close,{asChild:!0,onClick:ve,children:n.jsx(q.Button,{variant:"text",size:"sm","aria-label":d,className:E("purpur-popover__close"),negative:!c,iconOnly:!0,children:n.jsx(Se.r,{size:"xs",className:E("purpur-popover__icon")})})})]}),_e&&n.jsx(F.Arrow2,{className:E("purpur-popover__arrow"),"aria-hidden":"true",tabIndex:-1})]})})});ue.displayName="PopoverContent";const le=({children:t,open:e,defaultOpen:r=!1,onOpenChange:s,disableClickOutside:u,...l})=>{const[c,d]=o.useState(r),_=e!==void 0,h=_?e:c,g=a=>{_||d(a),s?.(a)};return n.jsx(F.Root2,{open:h,onOpenChange:g,...l,children:n.jsx(Y.Provider,{value:{isOpen:h,walkthroughStep:0,disableClickOutside:u},children:t})})};le.displayName="PopoverStandalone";const Ie=t=>{const e=o.useRef(null),r=o.useCallback(()=>{e.current&&(cancelAnimationFrame(e.current),e.current=null)},[]);return{scrollToElement:o.useCallback((u,l=600)=>{const c=window.matchMedia("(prefers-reduced-motion: reduce)").matches,d=u.getBoundingClientRect(),_=d.top+window.pageYOffset,h=d.height,g=window.innerHeight;let a=_-g/2+h/2;const f=document.documentElement.scrollHeight,j=Math.max(0,f-g);if(a=Math.max(0,Math.min(a,j)),c){window.scrollTo(0,a),t?.();return}const w=window.pageYOffset,N=a-w,p=performance.now(),P=O=>{const C=O-p,v=Math.min(C/l,1),b=v<.5?2*v*v:1-Math.pow(-2*v+2,2)/2,k=w+N*b;window.scrollTo(0,k),v<1?e.current=requestAnimationFrame(P):(e.current=null,t?.())};r(),e.current=requestAnimationFrame(P)},[t,r]),cancelScroll:r}};function qe(t){const e=o.useRef(null),r=z(),s=B(),u=o.useRef(!1),{scrollToElement:l,cancelScroll:c}=Ie(r?.onScrollComplete);return o.useEffect(()=>{typeof t=="function"?t(e.current):t&&(t.current=e.current)},[t]),o.useEffect(()=>{if(s&&r?.walkthroughStep!==void 0&&s.currentStep===r.walkthroughStep&&e.current&&!u.current){const _=e.current,h=_.getBoundingClientRect(),g=100;h.top>=-g&&h.bottom<=window.innerHeight+g&&h.left>=-g&&h.right<=window.innerWidth+g?r?.onScrollComplete?.():(r?.onScrollStart?.(),l(_)),u.current=!0}else s?.currentStep!==r?.walkthroughStep&&(u.current=!1,c())},[s?.currentStep,r?.walkthroughStep,s,l,c,r]),o.useEffect(()=>{e.current&&e.current.removeAttribute("aria-expanded")},[r?.isOpen]),o.useEffect(()=>c,[c]),{triggerRef:e,context:r}}const L=A.c.bind(I),ae=o.forwardRef(({children:t,className:e,highlight:r=!0,negative:s=!1,...u},l)=>{const{triggerRef:c,context:d}=qe(l);return n.jsxs("div",{className:L("purpur-popover__trigger",{"purpur-popover__trigger--highlight":d?.isOpen&&r},e),children:[d?.isOpen&&r&&n.jsxs(n.Fragment,{children:[n.jsx("div",{className:L("purpur-popover__trigger-highlight","purpur-popover__trigger-highlight--state1",{"purpur-popover__trigger-highlight--negative":s}),"aria-hidden":"true"}),n.jsx("div",{className:L("purpur-popover__trigger-highlight","purpur-popover__trigger-highlight--state2",{"purpur-popover__trigger-highlight--negative":s}),"aria-hidden":"true"})]}),n.jsx(F.Trigger,{ref:c,asChild:!0,"aria-haspopup":"dialog",...u,children:t})]})});ae.displayName="PopoverTrigger";function ze(t){const e=B(),[r,s]=o.useState(!1),[u,l]=o.useState(!1),c=o.useRef(null),d=o.useRef(0);o.useEffect(()=>e?(e.registerStep(t),()=>e.unregisterStep(t)):()=>{},[e,t]);const _=e?.currentStep===t,h=o.useCallback(()=>{l(!0)},[]),g=o.useCallback(()=>{if(l(!1),_){const f=e.openDelay;c.current=window.setTimeout(()=>{s(!0),d.current=Date.now()},f)}},[_,e]);o.useEffect(()=>{if(c.current&&(clearTimeout(c.current),c.current=null),_){if(!u){const f=e.openDelay;c.current=window.setTimeout(()=>{s(!0),d.current=Date.now()},f)}}else s(!1),l(!1),d.current=0;return()=>{c.current&&(clearTimeout(c.current),c.current=null)}},[_,u,e]);const a=o.useCallback((f,j)=>{if(j?.(f),!f&&r&&e&&e.currentStep===t){if(Date.now()-d.current<10||c.current!==null)return;e.dismiss()}},[r,e,t]);return{actuallyOpen:r,onScrollStart:h,onScrollComplete:g,handleOpenChange:a}}const pe=({children:t,step:e,onOpenChange:r,disableClickOutside:s=!0,...u})=>{const{actuallyOpen:l,onScrollStart:c,onScrollComplete:d,handleOpenChange:_}=ze(e);return n.jsx(F.Root2,{modal:!0,open:l,onOpenChange:h=>_(h,r),...u,children:n.jsx(Y.Provider,{value:{isOpen:l,walkthroughStep:e,onScrollStart:c,onScrollComplete:d,disableClickOutside:s},children:t})})};pe.displayName="PopoverWalkthrough";const y=t=>{const{multistep:e=!1,disableClickOutside:r,...s}=t;return e?n.jsx(pe,{...s,disableClickOutside:r??!0}):n.jsx(le,{...s,disableClickOutside:r})};y.Back=U;y.Button=V;y.Content=ue;y.Flow=Ce;y.Footer=Q;y.Next=G;y.Trigger=ae;y.displayName="Popover";exports.Popover=y;
+//# sourceMappingURL=popover-BzoAQW0i.js.map