asterui 0.12.49 → 0.12.51

package/dist/components/Tour.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tour.js","sources":["../../src/components/Tour.tsx"],"sourcesContent":["import React, {\n  useState,\n  useEffect,\n  useCallback,\n  useRef,\n  forwardRef,\n  useImperativeHandle,\n} from 'react'\nimport { createPortal } from 'react-dom'\n\nexport type TourPlacement =\n  | 'top'\n  | 'topLeft'\n  | 'topRight'\n  | 'bottom'\n  | 'bottomLeft'\n  | 'bottomRight'\n  | 'left'\n  | 'leftTop'\n  | 'leftBottom'\n  | 'right'\n  | 'rightTop'\n  | 'rightBottom'\n  | 'center'\n\nexport type TourType = 'default' | 'primary'\n\nexport interface TourArrowConfig {\n  pointAtCenter?: boolean\n}\n\nexport interface TourMaskConfig {\n  style?: React.CSSProperties\n  color?: string\n}\n\nexport interface TourButtonProps {\n  children?: React.ReactNode\n  onClick?: () => void\n}\n\nexport interface TourStepProps {\n  /** Target element ref or function returning element */\n  target?: React.RefObject<HTMLElement | null> | (() => HTMLElement | null) | null\n  /** Step title */\n  title: React.ReactNode\n  /** Step description */\n  description?: React.ReactNode\n  /** Cover image or content above title */\n  cover?: React.ReactNode\n  /** Placement of popover relative to target */\n  placement?: TourPlacement\n  /** Whether to show arrow (overrides Tour setting) */\n  arrow?: boolean | TourArrowConfig\n  /** Custom close icon for this step */\n  closeIcon?: React.ReactNode\n  /** Show mask overlay (overrides Tour setting) */\n  mask?: boolean | TourMaskConfig\n  /** Type affects styling (overrides Tour setting) */\n  type?: TourType\n  /** Scroll into view options (overrides Tour setting) */\n  scrollIntoViewOptions?: boolean | ScrollIntoViewOptions\n  /** Next button props */\n  nextButtonProps?: TourButtonProps\n  /** Previous button props */\n  prevButtonProps?: TourButtonProps\n  /** Custom class for this step's popover */\n  className?: string\n  /** Custom style for this step's popover */\n  style?: React.CSSProperties\n  /** Called when this step becomes active */\n  onClose?: () => void\n}\n\nexport type TourSemanticName = 'root' | 'mask' | 'popover' | 'header' | 'content' | 'footer' | 'indicator' | 'close'\n\nexport interface TourActionInfo {\n  current: number\n  total: number\n}\n\nexport interface TourRef {\n  /** Go to a specific step */\n  goTo: (step: number) => void\n  /** Go to the next step */\n  next: () => void\n  /** Go to the previous step */\n  prev: () => void\n  /** Close the tour */\n  close: () => void\n}\n\nexport interface TourProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Whether tour is visible */\n  open?: boolean\n  /** Callback when tour closes */\n  onClose?: () => void\n  /** Callback when tour finishes (last step completed) */\n  onFinish?: () => void\n  /** Tour steps */\n  steps: TourStepProps[]\n  /** Current step (controlled) */\n  current?: number\n  /** Callback when step changes */\n  onChange?: (current: number) => void\n  /** Whether to show arrow on popover */\n  arrow?: boolean | TourArrowConfig\n  /** Custom close icon */\n  closeIcon?: React.ReactNode\n  /** Show mask overlay */\n  mask?: boolean | TourMaskConfig\n  /** Disable interaction on highlighted area */\n  disabledInteraction?: boolean\n  /** Type affects styling */\n  type?: TourType\n  /** Gap between highlight and target */\n  gap?: { offset?: number | [number, number]; radius?: number }\n  /** Text for prev button */\n  prevButtonText?: React.ReactNode\n  /** Text for next button */\n  nextButtonText?: React.ReactNode\n  /** Text for finish button */\n  finishButtonText?: React.ReactNode\n  /** Text for skip button */\n  skipButtonText?: React.ReactNode\n  /** Show skip button */\n  showSkip?: boolean\n  /** Show step indicators */\n  showIndicators?: boolean\n  /** Close on mask click */\n  closeOnMaskClick?: boolean\n  /** Close on escape key */\n  closeOnEscape?: boolean\n  /** Scroll target into view */\n  scrollIntoViewOptions?: boolean | ScrollIntoViewOptions\n  /** Z-index for tour overlay */\n  zIndex?: number\n  /** Custom indicator renderer */\n  indicatorsRender?: (current: number, total: number) => React.ReactNode\n  /** Custom action buttons renderer */\n  actionsRender?: (originNode: React.ReactNode, info: TourActionInfo) => React.ReactNode\n  /** Rendering container for tour */\n  getPopupContainer?: (node: HTMLElement) => HTMLElement\n  /** Semantic class names */\n  classNames?: Partial<Record<TourSemanticName, string>>\n  /** Semantic styles */\n  styles?: Partial<Record<TourSemanticName, React.CSSProperties>>\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nconst getTargetElement = (\n  target: TourStepProps['target']\n): HTMLElement | null => {\n  if (!target) return null\n  if (typeof target === 'function') return target()\n  return target.current\n}\n\nconst getPopoverPosition = (\n  targetRect: DOMRect | null,\n  placement: TourPlacement,\n  popoverRect: DOMRect,\n  gap: number,\n  arrow: boolean | TourArrowConfig\n): { top: number; left: number } => {\n  if (!targetRect || placement === 'center') {\n    return {\n      top: window.innerHeight / 2 - popoverRect.height / 2,\n      left: window.innerWidth / 2 - popoverRect.width / 2,\n    }\n  }\n\n  const scrollY = window.scrollY\n  const scrollX = window.scrollX\n  const pointAtCenter = typeof arrow === 'object' && arrow.pointAtCenter\n\n  const positions: Record<TourPlacement, { top: number; left: number }> = {\n    top: {\n      top: targetRect.top + scrollY - popoverRect.height - gap,\n      left: pointAtCenter\n        ? targetRect.left + scrollX + targetRect.width / 2 - popoverRect.width / 2\n        : targetRect.left + scrollX + targetRect.width / 2 - popoverRect.width / 2,\n    },\n    topLeft: {\n      top: targetRect.top + scrollY - popoverRect.height - gap,\n      left: targetRect.left + scrollX,\n    },\n    topRight: {\n      top: targetRect.top + scrollY - popoverRect.height - gap,\n      left: targetRect.right + scrollX - popoverRect.width,\n    },\n    bottom: {\n      top: targetRect.bottom + scrollY + gap,\n      left: targetRect.left + scrollX + targetRect.width / 2 - popoverRect.width / 2,\n    },\n    bottomLeft: {\n      top: targetRect.bottom + scrollY + gap,\n      left: targetRect.left + scrollX,\n    },\n    bottomRight: {\n      top: targetRect.bottom + scrollY + gap,\n      left: targetRect.right + scrollX - popoverRect.width,\n    },\n    left: {\n      top: targetRect.top + scrollY + targetRect.height / 2 - popoverRect.height / 2,\n      left: targetRect.left + scrollX - popoverRect.width - gap,\n    },\n    leftTop: {\n      top: targetRect.top + scrollY,\n      left: targetRect.left + scrollX - popoverRect.width - gap,\n    },\n    leftBottom: {\n      top: targetRect.bottom + scrollY - popoverRect.height,\n      left: targetRect.left + scrollX - popoverRect.width - gap,\n    },\n    right: {\n      top: targetRect.top + scrollY + targetRect.height / 2 - popoverRect.height / 2,\n      left: targetRect.right + scrollX + gap,\n    },\n    rightTop: {\n      top: targetRect.top + scrollY,\n      left: targetRect.right + scrollX + gap,\n    },\n    rightBottom: {\n      top: targetRect.bottom + scrollY - popoverRect.height,\n      left: targetRect.right + scrollX + gap,\n    },\n    center: {\n      top: window.innerHeight / 2 - popoverRect.height / 2,\n      left: window.innerWidth / 2 - popoverRect.width / 2,\n    },\n  }\n\n  return positions[placement]\n}\n\nconst getArrowPosition = (\n  placement: TourPlacement\n): { position: string; transform: string } => {\n  const arrowPositions: Record<TourPlacement, { position: string; transform: string }> = {\n    top: { position: 'bottom-0 left-1/2', transform: 'translate(-50%, 50%) rotate(45deg)' },\n    topLeft: { position: 'bottom-0 left-4', transform: 'translate(0, 50%) rotate(45deg)' },\n    topRight: { position: 'bottom-0 right-4', transform: 'translate(0, 50%) rotate(45deg)' },\n    bottom: { position: 'top-0 left-1/2', transform: 'translate(-50%, -50%) rotate(45deg)' },\n    bottomLeft: { position: 'top-0 left-4', transform: 'translate(0, -50%) rotate(45deg)' },\n    bottomRight: { position: 'top-0 right-4', transform: 'translate(0, -50%) rotate(45deg)' },\n    left: { position: 'right-0 top-1/2', transform: 'translate(50%, -50%) rotate(45deg)' },\n    leftTop: { position: 'right-0 top-4', transform: 'translate(50%, 0) rotate(45deg)' },\n    leftBottom: { position: 'right-0 bottom-4', transform: 'translate(50%, 0) rotate(45deg)' },\n    right: { position: 'left-0 top-1/2', transform: 'translate(-50%, -50%) rotate(45deg)' },\n    rightTop: { position: 'left-0 top-4', transform: 'translate(-50%, 0) rotate(45deg)' },\n    rightBottom: { position: 'left-0 bottom-4', transform: 'translate(-50%, 0) rotate(45deg)' },\n    center: { position: 'hidden', transform: '' },\n  }\n  return arrowPositions[placement]\n}\n\nconst defaultCloseIcon = (\n  <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n  </svg>\n)\n\nexport const Tour = forwardRef<TourRef, TourProps>(\n  (\n    {\n      open = false,\n      onClose,\n      onFinish,\n      steps,\n      current: controlledCurrent,\n      onChange,\n      arrow = true,\n      closeIcon,\n      mask = true,\n      disabledInteraction = false,\n      type = 'default',\n      gap = { offset: 6, radius: 2 },\n      prevButtonText = 'Previous',\n      nextButtonText = 'Next',\n      finishButtonText = 'Finish',\n      skipButtonText = 'Skip',\n      showSkip = true,\n      showIndicators = true,\n      closeOnMaskClick = true,\n      closeOnEscape = true,\n      scrollIntoViewOptions = true,\n      zIndex = 1001,\n      indicatorsRender,\n      actionsRender,\n      getPopupContainer,\n      classNames = {},\n      styles = {},\n      className,\n      style,\n      'data-testid': testId,\n      ...rest\n    },\n    ref\n  ) => {\n    const [internalCurrent, setInternalCurrent] = useState(0)\n    const [targetRect, setTargetRect] = useState<DOMRect | null>(null)\n    const [popoverPosition, setPopoverPosition] = useState({ top: 0, left: 0 })\n    const popoverRef = useRef<HTMLDivElement>(null)\n    const containerRef = useRef<HTMLDivElement>(null)\n    const liveRegionRef = useRef<HTMLDivElement>(null)\n\n    const baseTestId = testId ?? 'tour'\n    const getTestId = (suffix: string) => `${baseTestId}-${suffix}`\n\n    const isControlled = controlledCurrent !== undefined\n    const currentStep = isControlled ? controlledCurrent : internalCurrent\n    const step = steps[currentStep]\n\n    // Resolve gap values\n    const gapOffset = gap.offset ?? 6\n    const gapRadius = gap.radius ?? 2\n    const gapOffsetValue = Array.isArray(gapOffset) ? gapOffset[0] : gapOffset\n\n    // Resolve per-step overrides\n    const resolvedArrow = step?.arrow ?? arrow\n    const resolvedMask = step?.mask ?? mask\n    const resolvedType = step?.type ?? type\n    const resolvedScrollOptions = step?.scrollIntoViewOptions ?? scrollIntoViewOptions\n    const resolvedCloseIcon = step?.closeIcon ?? closeIcon\n\n    const showArrow = resolvedArrow !== false && step?.placement !== 'center'\n\n    // Mask color\n    const maskColor =\n      typeof resolvedMask === 'object' && resolvedMask.color\n        ? resolvedMask.color\n        : 'rgba(0, 0, 0, 0.5)'\n    const maskStyle =\n      typeof resolvedMask === 'object' && resolvedMask.style ? resolvedMask.style : {}\n\n    const updatePosition = useCallback(() => {\n      if (!step) return\n\n      const target = getTargetElement(step.target)\n      const rect = target?.getBoundingClientRect() ?? null\n      setTargetRect(rect)\n\n      if (popoverRef.current) {\n        const popoverRect = popoverRef.current.getBoundingClientRect()\n        const placement = step.placement ?? 'bottom'\n        const pos = getPopoverPosition(\n          rect,\n          placement,\n          popoverRect,\n          gapOffsetValue + gapRadius,\n          resolvedArrow\n        )\n        setPopoverPosition(pos)\n      }\n    }, [step, gapOffsetValue, gapRadius, resolvedArrow])\n\n    const goToStep = useCallback(\n      (stepIndex: number) => {\n        if (stepIndex < 0 || stepIndex >= steps.length) return\n\n        // Call onClose for current step\n        steps[currentStep]?.onClose?.()\n\n        if (!isControlled) {\n          setInternalCurrent(stepIndex)\n        }\n        onChange?.(stepIndex)\n\n        // Announce step change\n        if (liveRegionRef.current) {\n          liveRegionRef.current.textContent = `Step ${stepIndex + 1} of ${steps.length}: ${\n            typeof steps[stepIndex]?.title === 'string' ? steps[stepIndex]?.title : ''\n          }`\n        }\n      },\n      [steps, currentStep, isControlled, onChange]\n    )\n\n    const handleClose = useCallback(() => {\n      onClose?.()\n    }, [onClose])\n\n    const handlePrev = useCallback(() => {\n      step?.prevButtonProps?.onClick?.()\n      goToStep(currentStep - 1)\n    }, [currentStep, goToStep, step])\n\n    const handleNext = useCallback(() => {\n      step?.nextButtonProps?.onClick?.()\n      if (currentStep === steps.length - 1) {\n        onFinish?.()\n        onClose?.()\n      } else {\n        goToStep(currentStep + 1)\n      }\n    }, [currentStep, steps.length, goToStep, onFinish, onClose, step])\n\n    const handleSkip = useCallback(() => {\n      onClose?.()\n    }, [onClose])\n\n    const handleMaskClick = useCallback(() => {\n      if (closeOnMaskClick) {\n        onClose?.()\n      }\n    }, [closeOnMaskClick, onClose])\n\n    // Expose imperative methods\n    useImperativeHandle(\n      ref,\n      () => ({\n        goTo: goToStep,\n        next: handleNext,\n        prev: handlePrev,\n        close: handleClose,\n      }),\n      [goToStep, handleNext, handlePrev, handleClose]\n    )\n\n    // Reset to first step when opening\n    useEffect(() => {\n      if (open && !isControlled) {\n        setInternalCurrent(0)\n      }\n    }, [open, isControlled])\n\n    // Update position on step change or open\n    useEffect(() => {\n      if (!open) return\n\n      updatePosition()\n\n      // Scroll target into view\n      if (resolvedScrollOptions && step?.target) {\n        const target = getTargetElement(step.target)\n        if (target) {\n          const scrollOptions: ScrollIntoViewOptions =\n            typeof resolvedScrollOptions === 'object'\n              ? resolvedScrollOptions\n              : { behavior: 'smooth', block: 'center' }\n          target.scrollIntoView(scrollOptions)\n        }\n      }\n\n      // Announce first step\n      if (currentStep === 0 && liveRegionRef.current) {\n        liveRegionRef.current.textContent = `Tour started. Step 1 of ${steps.length}: ${\n          typeof step?.title === 'string' ? step?.title : ''\n        }`\n      }\n    }, [open, currentStep, step, resolvedScrollOptions, updatePosition, steps.length])\n\n    // Update position on resize/scroll\n    useEffect(() => {\n      if (!open) return\n\n      const handleUpdate = () => updatePosition()\n      window.addEventListener('resize', handleUpdate)\n      window.addEventListener('scroll', handleUpdate, true)\n\n      // Initial position after popover renders\n      requestAnimationFrame(updatePosition)\n\n      return () => {\n        window.removeEventListener('resize', handleUpdate)\n        window.removeEventListener('scroll', handleUpdate, true)\n      }\n    }, [open, updatePosition])\n\n    // Keyboard handling\n    useEffect(() => {\n      if (!open) return\n\n      const handleKeyDown = (e: KeyboardEvent) => {\n        if (e.key === 'Escape' && closeOnEscape) {\n          onClose?.()\n        } else if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n          e.preventDefault()\n          handleNext()\n        } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n          e.preventDefault()\n          handlePrev()\n        } else if (e.key === 'Tab') {\n          // Focus trap within popover\n          if (popoverRef.current) {\n            const focusableElements = popoverRef.current.querySelectorAll<HTMLElement>(\n              'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n            )\n            const firstElement = focusableElements[0]\n            const lastElement = focusableElements[focusableElements.length - 1]\n\n            if (e.shiftKey && document.activeElement === firstElement) {\n              e.preventDefault()\n              lastElement?.focus()\n            } else if (!e.shiftKey && document.activeElement === lastElement) {\n              e.preventDefault()\n              firstElement?.focus()\n            }\n          }\n        }\n      }\n\n      document.addEventListener('keydown', handleKeyDown)\n      return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [open, closeOnEscape, onClose, handleNext, handlePrev])\n\n    // Focus management - focus first button when tour opens\n    useEffect(() => {\n      if (open && popoverRef.current) {\n        requestAnimationFrame(() => {\n          const firstButton = popoverRef.current?.querySelector<HTMLElement>('button')\n          firstButton?.focus()\n        })\n      }\n    }, [open, currentStep])\n\n    if (!open || !step) return null\n\n    const isFirstStep = currentStep === 0\n    const isLastStep = currentStep === steps.length - 1\n    const placement = step.placement ?? 'bottom'\n    const arrowPos = getArrowPosition(placement)\n\n    // Default indicators\n    const defaultIndicators =\n      showIndicators && steps.length > 1 ? (\n        <div\n          className={`flex gap-1 mb-4 ${classNames.indicator ?? ''}`}\n          style={styles.indicator}\n          data-testid={getTestId('indicators')}\n        >\n          {steps.map((_, index) => (\n            <button\n              key={index}\n              className={`w-2 h-2 rounded-full transition-colors ${\n                index === currentStep\n                  ? 'bg-primary'\n                  : 'bg-base-300 hover:bg-base-content/30'\n              }`}\n              onClick={() => goToStep(index)}\n              aria-label={`Go to step ${index + 1}`}\n              aria-current={index === currentStep ? 'step' : undefined}\n              data-testid={getTestId(`indicator-${index}`)}\n            />\n          ))}\n        </div>\n      ) : null\n\n    const indicators = indicatorsRender\n      ? indicatorsRender(currentStep, steps.length)\n      : defaultIndicators\n\n    // Default action buttons\n    const defaultActions = (\n      <div\n        className={`flex items-center justify-between gap-2 ${classNames.footer ?? ''}`}\n        style={styles.footer}\n        data-testid={getTestId('footer')}\n      >\n        <div>\n          {showSkip && !isLastStep && (\n            <button\n              className=\"btn btn-ghost btn-sm\"\n              onClick={handleSkip}\n              data-testid={getTestId('skip')}\n            >\n              {skipButtonText}\n            </button>\n          )}\n        </div>\n        <div className=\"flex gap-2\">\n          {!isFirstStep && (\n            <button\n              className=\"btn btn-ghost btn-sm\"\n              onClick={handlePrev}\n              data-testid={getTestId('prev')}\n            >\n              {step.prevButtonProps?.children ?? prevButtonText}\n            </button>\n          )}\n          <button\n            className={`btn btn-sm ${resolvedType === 'primary' ? 'btn-primary' : ''}`}\n            onClick={handleNext}\n            data-testid={getTestId('next')}\n          >\n            {step.nextButtonProps?.children ?? (isLastStep ? finishButtonText : nextButtonText)}\n          </button>\n        </div>\n      </div>\n    )\n\n    const actions = actionsRender\n      ? actionsRender(defaultActions, { current: currentStep, total: steps.length })\n      : defaultActions\n\n    const content = (\n      <div\n        ref={containerRef}\n        className={`fixed inset-0 ${classNames.root ?? ''} ${className ?? ''}`}\n        style={{ zIndex, ...styles.root, ...style }}\n        data-testid={baseTestId}\n        data-state={open ? 'open' : 'closed'}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={`Tour step ${currentStep + 1} of ${steps.length}`}\n        {...rest}\n      >\n        {/* Live region for screen reader announcements */}\n        <div\n          ref={liveRegionRef}\n          className=\"sr-only\"\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n        />\n\n        {/* Mask overlay with spotlight cutout */}\n        {resolvedMask && (\n          <svg\n            className={`absolute inset-0 w-full h-full ${\n              disabledInteraction ? 'pointer-events-auto' : 'pointer-events-auto'\n            } ${classNames.mask ?? ''}`}\n            style={{ zIndex, ...maskStyle, ...styles.mask }}\n            onClick={handleMaskClick}\n            data-testid={getTestId('mask')}\n            aria-hidden=\"true\"\n          >\n            <defs>\n              <mask id={`tour-mask-${baseTestId}`}>\n                <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"white\" />\n                {targetRect && (\n                  <rect\n                    x={targetRect.left - gapRadius}\n                    y={targetRect.top - gapRadius}\n                    width={targetRect.width + gapRadius * 2}\n                    height={targetRect.height + gapRadius * 2}\n                    rx={gapRadius}\n                    fill=\"black\"\n                  />\n                )}\n              </mask>\n            </defs>\n            <rect\n              x=\"0\"\n              y=\"0\"\n              width=\"100%\"\n              height=\"100%\"\n              fill={maskColor}\n              mask={`url(#tour-mask-${baseTestId})`}\n            />\n          </svg>\n        )}\n\n        {/* Interaction blocker for highlighted area */}\n        {disabledInteraction && targetRect && (\n          <div\n            className=\"absolute pointer-events-auto\"\n            style={{\n              left: targetRect.left - gapRadius,\n              top: targetRect.top - gapRadius,\n              width: targetRect.width + gapRadius * 2,\n              height: targetRect.height + gapRadius * 2,\n              zIndex: zIndex + 1,\n            }}\n            data-testid={getTestId('blocker')}\n          />\n        )}\n\n        {/* Popover */}\n        <div\n          ref={popoverRef}\n          className={`absolute bg-base-100 rounded-lg shadow-xl border border-base-300 max-w-sm ${\n            classNames.popover ?? ''\n          } ${step.className ?? ''}`}\n          style={{\n            top: popoverPosition.top,\n            left: popoverPosition.left,\n            zIndex: zIndex + 2,\n            ...styles.popover,\n            ...step.style,\n          }}\n          onClick={(e) => e.stopPropagation()}\n          data-testid={getTestId('popover')}\n          data-placement={placement}\n        >\n          {/* Arrow */}\n          {showArrow && (\n            <div\n              className={`absolute w-3 h-3 bg-base-100 border-base-300 ${arrowPos.position}`}\n              style={{\n                transform: arrowPos.transform,\n                borderWidth: '1px',\n                borderTopColor: 'transparent',\n                borderLeftColor: 'transparent',\n              }}\n              data-testid={getTestId('arrow')}\n            />\n          )}\n\n          {/* Close button */}\n          {resolvedCloseIcon !== false && (\n            <button\n              className={`absolute top-2 right-2 btn btn-ghost btn-xs btn-circle ${\n                classNames.close ?? ''\n              }`}\n              style={styles.close}\n              onClick={handleClose}\n              aria-label=\"Close tour\"\n              data-testid={getTestId('close')}\n            >\n              {resolvedCloseIcon ?? defaultCloseIcon}\n            </button>\n          )}\n\n          {/* Cover */}\n          {step.cover && (\n            <div className=\"rounded-t-lg overflow-hidden\" data-testid={getTestId('cover')}>\n              {step.cover}\n            </div>\n          )}\n\n          {/* Content */}\n          <div\n            className={`p-4 ${classNames.content ?? ''}`}\n            style={styles.content}\n            data-testid={getTestId('content')}\n          >\n            <div\n              className={`${classNames.header ?? ''}`}\n              style={styles.header}\n              data-testid={getTestId('header')}\n            >\n              <h3 className=\"font-semibold text-lg mb-1 pr-6\">{step.title}</h3>\n              {step.description && (\n                <p className=\"text-base-content/70 text-sm mb-4\">{step.description}</p>\n              )}\n            </div>\n\n            {/* Indicators */}\n            {indicators}\n\n            {/* Navigation */}\n            {actions}\n          </div>\n        </div>\n      </div>\n    )\n\n    // Get container for portal\n    const container = getPopupContainer\n      ? getPopupContainer(document.body)\n      : document.body\n\n    return createPortal(content, container)\n  }\n)\n\nTour.displayName = 'Tour'\n"],"names":["getTargetElement","target","getPopoverPosition","targetRect","placement","popoverRect","gap","arrow","scrollY","scrollX","pointAtCenter","getArrowPosition","defaultCloseIcon","jsx","Tour","forwardRef","open","onClose","onFinish","steps","controlledCurrent","onChange","closeIcon","mask","disabledInteraction","type","prevButtonText","nextButtonText","finishButtonText","skipButtonText","showSkip","showIndicators","closeOnMaskClick","closeOnEscape","scrollIntoViewOptions","zIndex","indicatorsRender","actionsRender","getPopupContainer","classNames","styles","className","style","testId","rest","ref","internalCurrent","setInternalCurrent","useState","setTargetRect","popoverPosition","setPopoverPosition","popoverRef","useRef","containerRef","liveRegionRef","baseTestId","getTestId","suffix","isControlled","currentStep","step","gapOffset","gapRadius","gapOffsetValue","resolvedArrow","resolvedMask","resolvedType","resolvedScrollOptions","resolvedCloseIcon","showArrow","maskColor","maskStyle","updatePosition","useCallback","rect","pos","goToStep","stepIndex","handleClose","handlePrev","handleNext","handleSkip","handleMaskClick","useImperativeHandle","useEffect","scrollOptions","handleUpdate","handleKeyDown","e","focusableElements","firstElement","lastElement","isFirstStep","isLastStep","arrowPos","defaultIndicators","_","index","indicators","defaultActions","jsxs","actions","content","container","createPortal"],"mappings":"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"}
+{"version":3,"file":"Tour.js","sources":["../../src/components/Tour.tsx"],"sourcesContent":["import React, {\n  useState,\n  useEffect,\n  useCallback,\n  useRef,\n  forwardRef,\n  useImperativeHandle,\n} from 'react'\nimport { createPortal } from 'react-dom'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnSm = 'btn-sm'\nconst dBtnPrimary = 'btn-primary'\nconst dBtnXs = 'btn-xs'\nconst dBtnCircle = 'btn-circle'\n\nexport type TourPlacement =\n  | 'top'\n  | 'topLeft'\n  | 'topRight'\n  | 'bottom'\n  | 'bottomLeft'\n  | 'bottomRight'\n  | 'left'\n  | 'leftTop'\n  | 'leftBottom'\n  | 'right'\n  | 'rightTop'\n  | 'rightBottom'\n  | 'center'\n\nexport type TourType = 'default' | 'primary'\n\nexport interface TourArrowConfig {\n  pointAtCenter?: boolean\n}\n\nexport interface TourMaskConfig {\n  style?: React.CSSProperties\n  color?: string\n}\n\nexport interface TourButtonProps {\n  children?: React.ReactNode\n  onClick?: () => void\n}\n\nexport interface TourStepProps {\n  /** Target element ref or function returning element */\n  target?: React.RefObject<HTMLElement | null> | (() => HTMLElement | null) | null\n  /** Step title */\n  title: React.ReactNode\n  /** Step description */\n  description?: React.ReactNode\n  /** Cover image or content above title */\n  cover?: React.ReactNode\n  /** Placement of popover relative to target */\n  placement?: TourPlacement\n  /** Whether to show arrow (overrides Tour setting) */\n  arrow?: boolean | TourArrowConfig\n  /** Custom close icon for this step */\n  closeIcon?: React.ReactNode\n  /** Show mask overlay (overrides Tour setting) */\n  mask?: boolean | TourMaskConfig\n  /** Type affects styling (overrides Tour setting) */\n  type?: TourType\n  /** Scroll into view options (overrides Tour setting) */\n  scrollIntoViewOptions?: boolean | ScrollIntoViewOptions\n  /** Next button props */\n  nextButtonProps?: TourButtonProps\n  /** Previous button props */\n  prevButtonProps?: TourButtonProps\n  /** Custom class for this step's popover */\n  className?: string\n  /** Custom style for this step's popover */\n  style?: React.CSSProperties\n  /** Called when this step becomes active */\n  onClose?: () => void\n}\n\nexport type TourSemanticName = 'root' | 'mask' | 'popover' | 'header' | 'content' | 'footer' | 'indicator' | 'close'\n\nexport interface TourActionInfo {\n  current: number\n  total: number\n}\n\nexport interface TourRef {\n  /** Go to a specific step */\n  goTo: (step: number) => void\n  /** Go to the next step */\n  next: () => void\n  /** Go to the previous step */\n  prev: () => void\n  /** Close the tour */\n  close: () => void\n}\n\nexport interface TourProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Whether tour is visible */\n  open?: boolean\n  /** Callback when tour closes */\n  onClose?: () => void\n  /** Callback when tour finishes (last step completed) */\n  onFinish?: () => void\n  /** Tour steps */\n  steps: TourStepProps[]\n  /** Current step (controlled) */\n  current?: number\n  /** Callback when step changes */\n  onChange?: (current: number) => void\n  /** Whether to show arrow on popover */\n  arrow?: boolean | TourArrowConfig\n  /** Custom close icon */\n  closeIcon?: React.ReactNode\n  /** Show mask overlay */\n  mask?: boolean | TourMaskConfig\n  /** Disable interaction on highlighted area */\n  disabledInteraction?: boolean\n  /** Type affects styling */\n  type?: TourType\n  /** Gap between highlight and target */\n  gap?: { offset?: number | [number, number]; radius?: number }\n  /** Text for prev button */\n  prevButtonText?: React.ReactNode\n  /** Text for next button */\n  nextButtonText?: React.ReactNode\n  /** Text for finish button */\n  finishButtonText?: React.ReactNode\n  /** Text for skip button */\n  skipButtonText?: React.ReactNode\n  /** Show skip button */\n  showSkip?: boolean\n  /** Show step indicators */\n  showIndicators?: boolean\n  /** Close on mask click */\n  closeOnMaskClick?: boolean\n  /** Close on escape key */\n  closeOnEscape?: boolean\n  /** Scroll target into view */\n  scrollIntoViewOptions?: boolean | ScrollIntoViewOptions\n  /** Z-index for tour overlay */\n  zIndex?: number\n  /** Custom indicator renderer */\n  indicatorsRender?: (current: number, total: number) => React.ReactNode\n  /** Custom action buttons renderer */\n  actionsRender?: (originNode: React.ReactNode, info: TourActionInfo) => React.ReactNode\n  /** Rendering container for tour */\n  getPopupContainer?: (node: HTMLElement) => HTMLElement\n  /** Semantic class names */\n  classNames?: Partial<Record<TourSemanticName, string>>\n  /** Semantic styles */\n  styles?: Partial<Record<TourSemanticName, React.CSSProperties>>\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nconst getTargetElement = (\n  target: TourStepProps['target']\n): HTMLElement | null => {\n  if (!target) return null\n  if (typeof target === 'function') return target()\n  return target.current\n}\n\nconst getPopoverPosition = (\n  targetRect: DOMRect | null,\n  placement: TourPlacement,\n  popoverRect: DOMRect,\n  gap: number,\n  arrow: boolean | TourArrowConfig\n): { top: number; left: number } => {\n  if (!targetRect || placement === 'center') {\n    return {\n      top: window.innerHeight / 2 - popoverRect.height / 2,\n      left: window.innerWidth / 2 - popoverRect.width / 2,\n    }\n  }\n\n  const scrollY = window.scrollY\n  const scrollX = window.scrollX\n  const pointAtCenter = typeof arrow === 'object' && arrow.pointAtCenter\n\n  const positions: Record<TourPlacement, { top: number; left: number }> = {\n    top: {\n      top: targetRect.top + scrollY - popoverRect.height - gap,\n      left: pointAtCenter\n        ? targetRect.left + scrollX + targetRect.width / 2 - popoverRect.width / 2\n        : targetRect.left + scrollX + targetRect.width / 2 - popoverRect.width / 2,\n    },\n    topLeft: {\n      top: targetRect.top + scrollY - popoverRect.height - gap,\n      left: targetRect.left + scrollX,\n    },\n    topRight: {\n      top: targetRect.top + scrollY - popoverRect.height - gap,\n      left: targetRect.right + scrollX - popoverRect.width,\n    },\n    bottom: {\n      top: targetRect.bottom + scrollY + gap,\n      left: targetRect.left + scrollX + targetRect.width / 2 - popoverRect.width / 2,\n    },\n    bottomLeft: {\n      top: targetRect.bottom + scrollY + gap,\n      left: targetRect.left + scrollX,\n    },\n    bottomRight: {\n      top: targetRect.bottom + scrollY + gap,\n      left: targetRect.right + scrollX - popoverRect.width,\n    },\n    left: {\n      top: targetRect.top + scrollY + targetRect.height / 2 - popoverRect.height / 2,\n      left: targetRect.left + scrollX - popoverRect.width - gap,\n    },\n    leftTop: {\n      top: targetRect.top + scrollY,\n      left: targetRect.left + scrollX - popoverRect.width - gap,\n    },\n    leftBottom: {\n      top: targetRect.bottom + scrollY - popoverRect.height,\n      left: targetRect.left + scrollX - popoverRect.width - gap,\n    },\n    right: {\n      top: targetRect.top + scrollY + targetRect.height / 2 - popoverRect.height / 2,\n      left: targetRect.right + scrollX + gap,\n    },\n    rightTop: {\n      top: targetRect.top + scrollY,\n      left: targetRect.right + scrollX + gap,\n    },\n    rightBottom: {\n      top: targetRect.bottom + scrollY - popoverRect.height,\n      left: targetRect.right + scrollX + gap,\n    },\n    center: {\n      top: window.innerHeight / 2 - popoverRect.height / 2,\n      left: window.innerWidth / 2 - popoverRect.width / 2,\n    },\n  }\n\n  return positions[placement]\n}\n\nconst getArrowPosition = (\n  placement: TourPlacement\n): { position: string; transform: string } => {\n  const arrowPositions: Record<TourPlacement, { position: string; transform: string }> = {\n    top: { position: 'bottom-0 left-1/2', transform: 'translate(-50%, 50%) rotate(45deg)' },\n    topLeft: { position: 'bottom-0 left-4', transform: 'translate(0, 50%) rotate(45deg)' },\n    topRight: { position: 'bottom-0 right-4', transform: 'translate(0, 50%) rotate(45deg)' },\n    bottom: { position: 'top-0 left-1/2', transform: 'translate(-50%, -50%) rotate(45deg)' },\n    bottomLeft: { position: 'top-0 left-4', transform: 'translate(0, -50%) rotate(45deg)' },\n    bottomRight: { position: 'top-0 right-4', transform: 'translate(0, -50%) rotate(45deg)' },\n    left: { position: 'right-0 top-1/2', transform: 'translate(50%, -50%) rotate(45deg)' },\n    leftTop: { position: 'right-0 top-4', transform: 'translate(50%, 0) rotate(45deg)' },\n    leftBottom: { position: 'right-0 bottom-4', transform: 'translate(50%, 0) rotate(45deg)' },\n    right: { position: 'left-0 top-1/2', transform: 'translate(-50%, -50%) rotate(45deg)' },\n    rightTop: { position: 'left-0 top-4', transform: 'translate(-50%, 0) rotate(45deg)' },\n    rightBottom: { position: 'left-0 bottom-4', transform: 'translate(-50%, 0) rotate(45deg)' },\n    center: { position: 'hidden', transform: '' },\n  }\n  return arrowPositions[placement]\n}\n\nconst defaultCloseIcon = (\n  <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n  </svg>\n)\n\nexport const Tour = forwardRef<TourRef, TourProps>(\n  (\n    {\n      open = false,\n      onClose,\n      onFinish,\n      steps,\n      current: controlledCurrent,\n      onChange,\n      arrow = true,\n      closeIcon,\n      mask = true,\n      disabledInteraction = false,\n      type = 'default',\n      gap = { offset: 6, radius: 2 },\n      prevButtonText = 'Previous',\n      nextButtonText = 'Next',\n      finishButtonText = 'Finish',\n      skipButtonText = 'Skip',\n      showSkip = true,\n      showIndicators = true,\n      closeOnMaskClick = true,\n      closeOnEscape = true,\n      scrollIntoViewOptions = true,\n      zIndex = 1001,\n      indicatorsRender,\n      actionsRender,\n      getPopupContainer,\n      classNames = {},\n      styles = {},\n      className,\n      style,\n      'data-testid': testId,\n      ...rest\n    },\n    ref\n  ) => {\n    const [internalCurrent, setInternalCurrent] = useState(0)\n    const [targetRect, setTargetRect] = useState<DOMRect | null>(null)\n    const [popoverPosition, setPopoverPosition] = useState({ top: 0, left: 0 })\n    const popoverRef = useRef<HTMLDivElement>(null)\n    const containerRef = useRef<HTMLDivElement>(null)\n    const liveRegionRef = useRef<HTMLDivElement>(null)\n\n    const baseTestId = testId ?? 'tour'\n    const getTestId = (suffix: string) => `${baseTestId}-${suffix}`\n\n    const isControlled = controlledCurrent !== undefined\n    const currentStep = isControlled ? controlledCurrent : internalCurrent\n    const step = steps[currentStep]\n\n    // Resolve gap values\n    const gapOffset = gap.offset ?? 6\n    const gapRadius = gap.radius ?? 2\n    const gapOffsetValue = Array.isArray(gapOffset) ? gapOffset[0] : gapOffset\n\n    // Resolve per-step overrides\n    const resolvedArrow = step?.arrow ?? arrow\n    const resolvedMask = step?.mask ?? mask\n    const resolvedType = step?.type ?? type\n    const resolvedScrollOptions = step?.scrollIntoViewOptions ?? scrollIntoViewOptions\n    const resolvedCloseIcon = step?.closeIcon ?? closeIcon\n\n    const showArrow = resolvedArrow !== false && step?.placement !== 'center'\n\n    // Mask color\n    const maskColor =\n      typeof resolvedMask === 'object' && resolvedMask.color\n        ? resolvedMask.color\n        : 'rgba(0, 0, 0, 0.5)'\n    const maskStyle =\n      typeof resolvedMask === 'object' && resolvedMask.style ? resolvedMask.style : {}\n\n    const updatePosition = useCallback(() => {\n      if (!step) return\n\n      const target = getTargetElement(step.target)\n      const rect = target?.getBoundingClientRect() ?? null\n      setTargetRect(rect)\n\n      if (popoverRef.current) {\n        const popoverRect = popoverRef.current.getBoundingClientRect()\n        const placement = step.placement ?? 'bottom'\n        const pos = getPopoverPosition(\n          rect,\n          placement,\n          popoverRect,\n          gapOffsetValue + gapRadius,\n          resolvedArrow\n        )\n        setPopoverPosition(pos)\n      }\n    }, [step, gapOffsetValue, gapRadius, resolvedArrow])\n\n    const goToStep = useCallback(\n      (stepIndex: number) => {\n        if (stepIndex < 0 || stepIndex >= steps.length) return\n\n        // Call onClose for current step\n        steps[currentStep]?.onClose?.()\n\n        if (!isControlled) {\n          setInternalCurrent(stepIndex)\n        }\n        onChange?.(stepIndex)\n\n        // Announce step change\n        if (liveRegionRef.current) {\n          liveRegionRef.current.textContent = `Step ${stepIndex + 1} of ${steps.length}: ${\n            typeof steps[stepIndex]?.title === 'string' ? steps[stepIndex]?.title : ''\n          }`\n        }\n      },\n      [steps, currentStep, isControlled, onChange]\n    )\n\n    const handleClose = useCallback(() => {\n      onClose?.()\n    }, [onClose])\n\n    const handlePrev = useCallback(() => {\n      step?.prevButtonProps?.onClick?.()\n      goToStep(currentStep - 1)\n    }, [currentStep, goToStep, step])\n\n    const handleNext = useCallback(() => {\n      step?.nextButtonProps?.onClick?.()\n      if (currentStep === steps.length - 1) {\n        onFinish?.()\n        onClose?.()\n      } else {\n        goToStep(currentStep + 1)\n      }\n    }, [currentStep, steps.length, goToStep, onFinish, onClose, step])\n\n    const handleSkip = useCallback(() => {\n      onClose?.()\n    }, [onClose])\n\n    const handleMaskClick = useCallback(() => {\n      if (closeOnMaskClick) {\n        onClose?.()\n      }\n    }, [closeOnMaskClick, onClose])\n\n    // Expose imperative methods\n    useImperativeHandle(\n      ref,\n      () => ({\n        goTo: goToStep,\n        next: handleNext,\n        prev: handlePrev,\n        close: handleClose,\n      }),\n      [goToStep, handleNext, handlePrev, handleClose]\n    )\n\n    // Reset to first step when opening\n    useEffect(() => {\n      if (open && !isControlled) {\n        setInternalCurrent(0)\n      }\n    }, [open, isControlled])\n\n    // Update position on step change or open\n    useEffect(() => {\n      if (!open) return\n\n      updatePosition()\n\n      // Scroll target into view\n      if (resolvedScrollOptions && step?.target) {\n        const target = getTargetElement(step.target)\n        if (target) {\n          const scrollOptions: ScrollIntoViewOptions =\n            typeof resolvedScrollOptions === 'object'\n              ? resolvedScrollOptions\n              : { behavior: 'smooth', block: 'center' }\n          target.scrollIntoView(scrollOptions)\n        }\n      }\n\n      // Announce first step\n      if (currentStep === 0 && liveRegionRef.current) {\n        liveRegionRef.current.textContent = `Tour started. Step 1 of ${steps.length}: ${\n          typeof step?.title === 'string' ? step?.title : ''\n        }`\n      }\n    }, [open, currentStep, step, resolvedScrollOptions, updatePosition, steps.length])\n\n    // Update position on resize/scroll\n    useEffect(() => {\n      if (!open) return\n\n      const handleUpdate = () => updatePosition()\n      window.addEventListener('resize', handleUpdate)\n      window.addEventListener('scroll', handleUpdate, true)\n\n      // Initial position after popover renders\n      requestAnimationFrame(updatePosition)\n\n      return () => {\n        window.removeEventListener('resize', handleUpdate)\n        window.removeEventListener('scroll', handleUpdate, true)\n      }\n    }, [open, updatePosition])\n\n    // Keyboard handling\n    useEffect(() => {\n      if (!open) return\n\n      const handleKeyDown = (e: KeyboardEvent) => {\n        if (e.key === 'Escape' && closeOnEscape) {\n          onClose?.()\n        } else if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n          e.preventDefault()\n          handleNext()\n        } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n          e.preventDefault()\n          handlePrev()\n        } else if (e.key === 'Tab') {\n          // Focus trap within popover\n          if (popoverRef.current) {\n            const focusableElements = popoverRef.current.querySelectorAll<HTMLElement>(\n              'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n            )\n            const firstElement = focusableElements[0]\n            const lastElement = focusableElements[focusableElements.length - 1]\n\n            if (e.shiftKey && document.activeElement === firstElement) {\n              e.preventDefault()\n              lastElement?.focus()\n            } else if (!e.shiftKey && document.activeElement === lastElement) {\n              e.preventDefault()\n              firstElement?.focus()\n            }\n          }\n        }\n      }\n\n      document.addEventListener('keydown', handleKeyDown)\n      return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [open, closeOnEscape, onClose, handleNext, handlePrev])\n\n    // Focus management - focus first button when tour opens\n    useEffect(() => {\n      if (open && popoverRef.current) {\n        requestAnimationFrame(() => {\n          const firstButton = popoverRef.current?.querySelector<HTMLElement>('button')\n          firstButton?.focus()\n        })\n      }\n    }, [open, currentStep])\n\n    if (!open || !step) return null\n\n    const isFirstStep = currentStep === 0\n    const isLastStep = currentStep === steps.length - 1\n    const placement = step.placement ?? 'bottom'\n    const arrowPos = getArrowPosition(placement)\n\n    // Default indicators\n    const defaultIndicators =\n      showIndicators && steps.length > 1 ? (\n        <div\n          className={`flex gap-1 mb-4 ${classNames.indicator ?? ''}`}\n          style={styles.indicator}\n          data-testid={getTestId('indicators')}\n        >\n          {steps.map((_, index) => (\n            <button\n              key={index}\n              className={`w-2 h-2 rounded-full transition-colors ${\n                index === currentStep\n                  ? 'bg-primary'\n                  : 'bg-base-300 hover:bg-base-content/30'\n              }`}\n              onClick={() => goToStep(index)}\n              aria-label={`Go to step ${index + 1}`}\n              aria-current={index === currentStep ? 'step' : undefined}\n              data-testid={getTestId(`indicator-${index}`)}\n            />\n          ))}\n        </div>\n      ) : null\n\n    const indicators = indicatorsRender\n      ? indicatorsRender(currentStep, steps.length)\n      : defaultIndicators\n\n    // Default action buttons\n    const defaultActions = (\n      <div\n        className={`flex items-center justify-between gap-2 ${classNames.footer ?? ''}`}\n        style={styles.footer}\n        data-testid={getTestId('footer')}\n      >\n        <div>\n          {showSkip && !isLastStep && (\n            <button\n              className={`${dBtn} ${dBtnGhost} ${dBtnSm}`}\n              onClick={handleSkip}\n              data-testid={getTestId('skip')}\n            >\n              {skipButtonText}\n            </button>\n          )}\n        </div>\n        <div className=\"flex gap-2\">\n          {!isFirstStep && (\n            <button\n              className={`${dBtn} ${dBtnGhost} ${dBtnSm}`}\n              onClick={handlePrev}\n              data-testid={getTestId('prev')}\n            >\n              {step.prevButtonProps?.children ?? prevButtonText}\n            </button>\n          )}\n          <button\n            className={`${dBtn} ${dBtnSm} ${resolvedType === 'primary' ? dBtnPrimary : ''}`}\n            onClick={handleNext}\n            data-testid={getTestId('next')}\n          >\n            {step.nextButtonProps?.children ?? (isLastStep ? finishButtonText : nextButtonText)}\n          </button>\n        </div>\n      </div>\n    )\n\n    const actions = actionsRender\n      ? actionsRender(defaultActions, { current: currentStep, total: steps.length })\n      : defaultActions\n\n    const content = (\n      <div\n        ref={containerRef}\n        className={`fixed inset-0 ${classNames.root ?? ''} ${className ?? ''}`}\n        style={{ zIndex, ...styles.root, ...style }}\n        data-testid={baseTestId}\n        data-state={open ? 'open' : 'closed'}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={`Tour step ${currentStep + 1} of ${steps.length}`}\n        {...rest}\n      >\n        {/* Live region for screen reader announcements */}\n        <div\n          ref={liveRegionRef}\n          className=\"sr-only\"\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n        />\n\n        {/* Mask overlay with spotlight cutout */}\n        {resolvedMask && (\n          <svg\n            className={`absolute inset-0 w-full h-full ${\n              disabledInteraction ? 'pointer-events-auto' : 'pointer-events-auto'\n            } ${classNames.mask ?? ''}`}\n            style={{ zIndex, ...maskStyle, ...styles.mask }}\n            onClick={handleMaskClick}\n            data-testid={getTestId('mask')}\n            aria-hidden=\"true\"\n          >\n            <defs>\n              <mask id={`tour-mask-${baseTestId}`}>\n                <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"white\" />\n                {targetRect && (\n                  <rect\n                    x={targetRect.left - gapRadius}\n                    y={targetRect.top - gapRadius}\n                    width={targetRect.width + gapRadius * 2}\n                    height={targetRect.height + gapRadius * 2}\n                    rx={gapRadius}\n                    fill=\"black\"\n                  />\n                )}\n              </mask>\n            </defs>\n            <rect\n              x=\"0\"\n              y=\"0\"\n              width=\"100%\"\n              height=\"100%\"\n              fill={maskColor}\n              mask={`url(#tour-mask-${baseTestId})`}\n            />\n          </svg>\n        )}\n\n        {/* Interaction blocker for highlighted area */}\n        {disabledInteraction && targetRect && (\n          <div\n            className=\"absolute pointer-events-auto\"\n            style={{\n              left: targetRect.left - gapRadius,\n              top: targetRect.top - gapRadius,\n              width: targetRect.width + gapRadius * 2,\n              height: targetRect.height + gapRadius * 2,\n              zIndex: zIndex + 1,\n            }}\n            data-testid={getTestId('blocker')}\n          />\n        )}\n\n        {/* Popover */}\n        <div\n          ref={popoverRef}\n          className={`absolute bg-base-100 rounded-lg shadow-xl border border-base-300 max-w-sm ${\n            classNames.popover ?? ''\n          } ${step.className ?? ''}`}\n          style={{\n            top: popoverPosition.top,\n            left: popoverPosition.left,\n            zIndex: zIndex + 2,\n            ...styles.popover,\n            ...step.style,\n          }}\n          onClick={(e) => e.stopPropagation()}\n          data-testid={getTestId('popover')}\n          data-placement={placement}\n        >\n          {/* Arrow */}\n          {showArrow && (\n            <div\n              className={`absolute w-3 h-3 bg-base-100 border-base-300 ${arrowPos.position}`}\n              style={{\n                transform: arrowPos.transform,\n                borderWidth: '1px',\n                borderTopColor: 'transparent',\n                borderLeftColor: 'transparent',\n              }}\n              data-testid={getTestId('arrow')}\n            />\n          )}\n\n          {/* Close button */}\n          {resolvedCloseIcon !== false && (\n            <button\n              className={`absolute top-2 right-2 ${dBtn} ${dBtnGhost} ${dBtnXs} ${dBtnCircle} ${\n                classNames.close ?? ''\n              }`}\n              style={styles.close}\n              onClick={handleClose}\n              aria-label=\"Close tour\"\n              data-testid={getTestId('close')}\n            >\n              {resolvedCloseIcon ?? defaultCloseIcon}\n            </button>\n          )}\n\n          {/* Cover */}\n          {step.cover && (\n            <div className=\"rounded-t-lg overflow-hidden\" data-testid={getTestId('cover')}>\n              {step.cover}\n            </div>\n          )}\n\n          {/* Content */}\n          <div\n            className={`p-4 ${classNames.content ?? ''}`}\n            style={styles.content}\n            data-testid={getTestId('content')}\n          >\n            <div\n              className={`${classNames.header ?? ''}`}\n              style={styles.header}\n              data-testid={getTestId('header')}\n            >\n              <h3 className=\"font-semibold text-lg mb-1 pr-6\">{step.title}</h3>\n              {step.description && (\n                <p className=\"text-base-content/70 text-sm mb-4\">{step.description}</p>\n              )}\n            </div>\n\n            {/* Indicators */}\n            {indicators}\n\n            {/* Navigation */}\n            {actions}\n          </div>\n        </div>\n      </div>\n    )\n\n    // Get container for portal\n    const container = getPopupContainer\n      ? getPopupContainer(document.body)\n      : document.body\n\n    return createPortal(content, container)\n  }\n)\n\nTour.displayName = 'Tour'\n"],"names":["dBtn","dBtnGhost","dBtnSm","dBtnPrimary","dBtnXs","dBtnCircle","getTargetElement","target","getPopoverPosition","targetRect","placement","popoverRect","gap","arrow","scrollY","scrollX","pointAtCenter","getArrowPosition","defaultCloseIcon","jsx","Tour","forwardRef","open","onClose","onFinish","steps","controlledCurrent","onChange","closeIcon","mask","disabledInteraction","type","prevButtonText","nextButtonText","finishButtonText","skipButtonText","showSkip","showIndicators","closeOnMaskClick","closeOnEscape","scrollIntoViewOptions","zIndex","indicatorsRender","actionsRender","getPopupContainer","classNames","styles","className","style","testId","rest","ref","internalCurrent","setInternalCurrent","useState","setTargetRect","popoverPosition","setPopoverPosition","popoverRef","useRef","containerRef","liveRegionRef","baseTestId","getTestId","suffix","isControlled","currentStep","step","gapOffset","gapRadius","gapOffsetValue","resolvedArrow","resolvedMask","resolvedType","resolvedScrollOptions","resolvedCloseIcon","showArrow","maskColor","maskStyle","updatePosition","useCallback","rect","pos","goToStep","stepIndex","handleClose","handlePrev","handleNext","handleSkip","handleMaskClick","useImperativeHandle","useEffect","scrollOptions","handleUpdate","handleKeyDown","e","focusableElements","firstElement","lastElement","isFirstStep","isLastStep","arrowPos","defaultIndicators","_","index","indicators","defaultActions","jsxs","actions","content","container","createPortal"],"mappings":"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"}

package/dist/components/Transfer.js

@@ -1,213 +1,214 @@
-import { jsxs as k, jsx as r } from "react/jsx-runtime";
-import { useState as C, useMemo as S, useCallback as j } from "react";
-function B({
-  items: s,
+import { jsxs as k, jsx as s } from "react/jsx-runtime";
+import { useState as L, useMemo as S, useCallback as I } from "react";
+const j = "checkbox", B = "checkbox-sm", K = "checkbox-primary", Q = "input", R = "input-sm", V = "btn", W = "btn-sm", P = "btn-outline";
+function q({
+  items: r,
   selectedKeys: n,
   onSelectChange: p,
   title: x,
   showSearch: g,
   filterOption: y,
   render: N,
-  showSelectAll: w,
-  disabled: u,
-  listStyle: T
+  showSelectAll: $,
+  disabled: d,
+  listStyle: w
 }) {
-  const [l, L] = C(""), b = S(() => l ? s.filter((e) => y(l, e)) : s, [s, l, y]), m = b.filter((e) => !e.disabled), d = m.length > 0 && m.every((e) => n.includes(e.key)), h = m.some((e) => n.includes(e.key)), i = () => {
-    if (!u)
-      if (d)
+  const [o, T] = L(""), b = S(() => o ? r.filter((e) => y(o, e)) : r, [r, o, y]), m = b.filter((e) => !e.disabled), u = m.length > 0 && m.every((e) => n.includes(e.key)), h = m.some((e) => n.includes(e.key)), i = () => {
+    if (!d)
+      if (u)
         p(n.filter((e) => !m.some((a) => a.key === e)));
       else {
-        const e = m.map((o) => o.key), a = [.../* @__PURE__ */ new Set([...n, ...e])];
+        const e = m.map((l) => l.key), a = [.../* @__PURE__ */ new Set([...n, ...e])];
         p(a);
       }
-  }, M = (e, a) => {
-    u || a || (n.includes(e) ? p(n.filter((o) => o !== e)) : p([...n, e]));
+  }, C = (e, a) => {
+    d || a || (n.includes(e) ? p(n.filter((l) => l !== e)) : p([...n, e]));
   };
   return /* @__PURE__ */ k(
     "div",
     {
       className: "flex flex-col border border-base-300 rounded-lg bg-base-100 overflow-hidden",
-      style: { width: 200, height: 300, ...T },
+      style: { width: 200, height: 300, ...w },
       children: [
         /* @__PURE__ */ k("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-base-300 bg-base-200", children: [
-          w && /* @__PURE__ */ r(
+          $ && /* @__PURE__ */ s(
             "input",
             {
               type: "checkbox",
-              className: "checkbox checkbox-sm checkbox-primary",
-              checked: d,
+              className: `${j} ${B} ${K}`,
+              checked: u,
               ref: (e) => {
-                e && (e.indeterminate = h && !d);
+                e && (e.indeterminate = h && !u);
               },
               onChange: i,
-              disabled: u || m.length === 0
+              disabled: d || m.length === 0
             }
           ),
-          /* @__PURE__ */ r("span", { className: "flex-1 font-medium text-sm truncate", children: x }),
+          /* @__PURE__ */ s("span", { className: "flex-1 font-medium text-sm truncate", children: x }),
           /* @__PURE__ */ k("span", { className: "text-xs text-base-content/50", children: [
             n.filter((e) => b.some((a) => a.key === e)).length,
             "/",
             b.length
           ] })
         ] }),
-        g && /* @__PURE__ */ r("div", { className: "px-2 py-2 border-b border-base-300", children: /* @__PURE__ */ r(
+        g && /* @__PURE__ */ s("div", { className: "px-2 py-2 border-b border-base-300", children: /* @__PURE__ */ s(
           "input",
           {
             type: "text",
-            className: "input input-sm w-full",
+            className: `${Q} ${R} w-full`,
             placeholder: "Search...",
-            value: l,
-            onChange: (e) => L(e.target.value),
-            disabled: u
+            value: o,
+            onChange: (e) => T(e.target.value),
+            disabled: d
           }
         ) }),
-        /* @__PURE__ */ r("div", { className: "flex-1 overflow-auto", children: b.length > 0 ? b.map((e) => /* @__PURE__ */ k(
+        /* @__PURE__ */ s("div", { className: "flex-1 overflow-auto", children: b.length > 0 ? b.map((e) => /* @__PURE__ */ k(
           "div",
           {
             className: [
               "flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-base-200 transition-colors",
               n.includes(e.key) && "bg-primary/10",
-              (u || e.disabled) && "opacity-50 cursor-not-allowed"
+              (d || e.disabled) && "opacity-50 cursor-not-allowed"
             ].filter(Boolean).join(" "),
-            onClick: () => M(e.key, !!e.disabled),
+            onClick: () => C(e.key, !!e.disabled),
             children: [
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ s(
                 "input",
                 {
                   type: "checkbox",
-                  className: "checkbox checkbox-sm checkbox-primary",
+                  className: `${j} ${B} ${K}`,
                   checked: n.includes(e.key),
-                  disabled: u || e.disabled,
+                  disabled: d || e.disabled,
                   onChange: () => {
                   }
                 }
               ),
-              /* @__PURE__ */ r("span", { className: "flex-1 truncate text-sm", children: N(e) })
+              /* @__PURE__ */ s("span", { className: "flex-1 truncate text-sm", children: N(e) })
             ]
           },
           e.key
-        )) : /* @__PURE__ */ r("div", { className: "flex items-center justify-center h-full text-base-content/50 text-sm", children: "No data" }) })
+        )) : /* @__PURE__ */ s("div", { className: "flex items-center justify-center h-full text-base-content/50 text-sm", children: "No data" }) })
       ]
     }
   );
 }
-function G({
-  dataSource: s,
+function Y({
+  dataSource: r,
   targetKeys: n,
   defaultTargetKeys: p = [],
   onChange: x,
   onSelectChange: g,
   titles: y = ["Source", "Target"],
-  render: N = (d) => d.title,
-  showSearch: w = !1,
-  filterOption: u = (d, h) => (typeof h.title == "string" ? h.title : String(h.title)).toLowerCase().includes(d.toLowerCase()),
-  showSelectAll: T = !0,
-  disabled: l = !1,
-  listStyle: L,
+  render: N = (u) => u.title,
+  showSearch: $ = !1,
+  filterOption: d = (u, h) => (typeof h.title == "string" ? h.title : String(h.title)).toLowerCase().includes(u.toLowerCase()),
+  showSelectAll: w = !0,
+  disabled: o = !1,
+  listStyle: T,
   className: b = "",
   ...m
 }) {
-  const [d, h] = C(p), [i, M] = C([]), [e, a] = C([]), o = n ?? d, K = S(
-    () => s.filter((t) => !o.includes(t.key)),
-    [s, o]
-  ), V = S(
-    () => s.filter((t) => o.includes(t.key)),
-    [s, o]
-  ), W = j(
+  const [u, h] = L(p), [i, C] = L([]), [e, a] = L([]), l = n ?? u, z = S(
+    () => r.filter((t) => !l.includes(t.key)),
+    [r, l]
+  ), A = S(
+    () => r.filter((t) => l.includes(t.key)),
+    [r, l]
+  ), D = I(
     (t) => {
-      M(t), g?.(t, e);
+      C(t), g?.(t, e);
     },
     [e, g]
-  ), $ = j(
+  ), E = I(
     (t) => {
       a(t), g?.(i, t);
     },
     [i, g]
-  ), q = j(() => {
-    if (l || i.length === 0) return;
+  ), F = I(() => {
+    if (o || i.length === 0) return;
     const t = i.filter((f) => {
-      const v = s.find((I) => I.key === f);
+      const v = r.find((M) => M.key === f);
       return v && !v.disabled;
     });
     if (t.length === 0) return;
-    const c = [...o, ...t];
-    n === void 0 && h(c), M([]), x?.(c, "right", t);
-  }, [l, i, o, n, x, s]), z = j(() => {
-    if (l || e.length === 0) return;
+    const c = [...l, ...t];
+    n === void 0 && h(c), C([]), x?.(c, "right", t);
+  }, [o, i, l, n, x, r]), G = I(() => {
+    if (o || e.length === 0) return;
     const t = e.filter((f) => {
-      const v = s.find((I) => I.key === f);
+      const v = r.find((M) => M.key === f);
       return v && !v.disabled;
     });
     if (t.length === 0) return;
-    const c = o.filter((f) => !t.includes(f));
+    const c = l.filter((f) => !t.includes(f));
     n === void 0 && h(c), a([]), x?.(c, "left", t);
-  }, [l, e, o, n, x, s]), A = i.some((t) => {
-    const c = s.find((f) => f.key === t);
+  }, [o, e, l, n, x, r]), H = i.some((t) => {
+    const c = r.find((f) => f.key === t);
     return c && !c.disabled;
-  }), D = e.some((t) => {
-    const c = s.find((f) => f.key === t);
+  }), J = e.some((t) => {
+    const c = r.find((f) => f.key === t);
     return c && !c.disabled;
   });
   return /* @__PURE__ */ k("div", { className: `flex items-center gap-4 ${b}`, ...m, children: [
-    /* @__PURE__ */ r(
-      B,
+    /* @__PURE__ */ s(
+      q,
       {
-        items: K,
+        items: z,
         selectedKeys: i,
-        onSelectChange: W,
+        onSelectChange: D,
         title: y[0],
-        showSearch: w,
-        filterOption: u,
+        showSearch: $,
+        filterOption: d,
         render: N,
-        showSelectAll: T,
-        disabled: l,
-        listStyle: L,
+        showSelectAll: w,
+        disabled: o,
+        listStyle: T,
         direction: "left"
       }
     ),
     /* @__PURE__ */ k("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ s(
         "button",
         {
           type: "button",
-          className: "btn btn-sm btn-outline",
-          onClick: q,
-          disabled: l || !A,
+          className: `${V} ${W} ${P}`,
+          onClick: F,
+          disabled: o || !H,
           "aria-label": "Move to target",
-          children: /* @__PURE__ */ r("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+          children: /* @__PURE__ */ s("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ s("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ s(
         "button",
         {
           type: "button",
-          className: "btn btn-sm btn-outline",
-          onClick: z,
-          disabled: l || !D,
+          className: `${V} ${W} ${P}`,
+          onClick: G,
+          disabled: o || !J,
           "aria-label": "Move to source",
-          children: /* @__PURE__ */ r("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
+          children: /* @__PURE__ */ s("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ s("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
         }
       )
     ] }),
-    /* @__PURE__ */ r(
-      B,
+    /* @__PURE__ */ s(
+      q,
       {
-        items: V,
+        items: A,
         selectedKeys: e,
-        onSelectChange: $,
+        onSelectChange: E,
         title: y[1],
-        showSearch: w,
-        filterOption: u,
+        showSearch: $,
+        filterOption: d,
         render: N,
-        showSelectAll: T,
-        disabled: l,
-        listStyle: L,
+        showSelectAll: w,
+        disabled: o,
+        listStyle: T,
         direction: "right"
       }
     )
   ] });
 }
 export {
-  G as Transfer
+  Y as Transfer
 };
 //# sourceMappingURL=Transfer.js.map

package/dist/components/Transfer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Transfer.js","sources":["../../src/components/Transfer.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react'\n\nexport interface TransferItem {\n  key: string\n  title: React.ReactNode\n  description?: React.ReactNode\n  disabled?: boolean\n}\n\nexport interface TransferProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  dataSource: TransferItem[]\n  targetKeys?: string[]\n  defaultTargetKeys?: string[]\n  onChange?: (targetKeys: string[], direction: 'left' | 'right', moveKeys: string[]) => void\n  onSelectChange?: (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => void\n  titles?: [React.ReactNode, React.ReactNode]\n  render?: (item: TransferItem) => React.ReactNode\n  showSearch?: boolean\n  filterOption?: (inputValue: string, item: TransferItem) => boolean\n  showSelectAll?: boolean\n  disabled?: boolean\n  listStyle?: React.CSSProperties\n}\n\ninterface TransferListProps {\n  items: TransferItem[]\n  selectedKeys: string[]\n  onSelectChange: (keys: string[]) => void\n  title: React.ReactNode\n  showSearch: boolean\n  filterOption: (inputValue: string, item: TransferItem) => boolean\n  render: (item: TransferItem) => React.ReactNode\n  showSelectAll: boolean\n  disabled: boolean\n  listStyle?: React.CSSProperties\n  direction: 'left' | 'right'\n}\n\nfunction TransferList({\n  items,\n  selectedKeys,\n  onSelectChange,\n  title,\n  showSearch,\n  filterOption,\n  render,\n  showSelectAll,\n  disabled,\n  listStyle,\n}: TransferListProps) {\n  const [searchValue, setSearchValue] = useState('')\n\n  const filteredItems = useMemo(() => {\n    if (!searchValue) return items\n    return items.filter((item) => filterOption(searchValue, item))\n  }, [items, searchValue, filterOption])\n\n  const enabledItems = filteredItems.filter((item) => !item.disabled)\n  const allSelected = enabledItems.length > 0 && enabledItems.every((item) => selectedKeys.includes(item.key))\n  const someSelected = enabledItems.some((item) => selectedKeys.includes(item.key))\n\n  const handleSelectAll = () => {\n    if (disabled) return\n\n    if (allSelected) {\n      // Deselect all enabled items\n      onSelectChange(selectedKeys.filter((key) => !enabledItems.some((item) => item.key === key)))\n    } else {\n      // Select all enabled items\n      const enabledKeys = enabledItems.map((item) => item.key)\n      const newKeys = [...new Set([...selectedKeys, ...enabledKeys])]\n      onSelectChange(newKeys)\n    }\n  }\n\n  const handleSelectItem = (key: string, itemDisabled: boolean) => {\n    if (disabled || itemDisabled) return\n\n    if (selectedKeys.includes(key)) {\n      onSelectChange(selectedKeys.filter((k) => k !== key))\n    } else {\n      onSelectChange([...selectedKeys, key])\n    }\n  }\n\n  return (\n    <div\n      className=\"flex flex-col border border-base-300 rounded-lg bg-base-100 overflow-hidden\"\n      style={{ width: 200, height: 300, ...listStyle }}\n    >\n      {/* Header */}\n      <div className=\"flex items-center gap-2 px-3 py-2 border-b border-base-300 bg-base-200\">\n        {showSelectAll && (\n          <input\n            type=\"checkbox\"\n            className=\"checkbox checkbox-sm checkbox-primary\"\n            checked={allSelected}\n            ref={(el) => {\n              if (el) el.indeterminate = someSelected && !allSelected\n            }}\n            onChange={handleSelectAll}\n            disabled={disabled || enabledItems.length === 0}\n          />\n        )}\n        <span className=\"flex-1 font-medium text-sm truncate\">{title}</span>\n        <span className=\"text-xs text-base-content/50\">\n          {selectedKeys.filter((k) => filteredItems.some((item) => item.key === k)).length}/\n          {filteredItems.length}\n        </span>\n      </div>\n\n      {/* Search */}\n      {showSearch && (\n        <div className=\"px-2 py-2 border-b border-base-300\">\n          <input\n            type=\"text\"\n            className=\"input input-sm w-full\"\n            placeholder=\"Search...\"\n            value={searchValue}\n            onChange={(e) => setSearchValue(e.target.value)}\n            disabled={disabled}\n          />\n        </div>\n      )}\n\n      {/* List */}\n      <div className=\"flex-1 overflow-auto\">\n        {filteredItems.length > 0 ? (\n          filteredItems.map((item) => (\n            <div\n              key={item.key}\n              className={[\n                'flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-base-200 transition-colors',\n                selectedKeys.includes(item.key) && 'bg-primary/10',\n                (disabled || item.disabled) && 'opacity-50 cursor-not-allowed',\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={() => handleSelectItem(item.key, !!item.disabled)}\n            >\n              <input\n                type=\"checkbox\"\n                className=\"checkbox checkbox-sm checkbox-primary\"\n                checked={selectedKeys.includes(item.key)}\n                disabled={disabled || item.disabled}\n                onChange={() => {}}\n              />\n              <span className=\"flex-1 truncate text-sm\">{render(item)}</span>\n            </div>\n          ))\n        ) : (\n          <div className=\"flex items-center justify-center h-full text-base-content/50 text-sm\">\n            No data\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport function Transfer({\n  dataSource,\n  targetKeys: controlledTargetKeys,\n  defaultTargetKeys = [],\n  onChange,\n  onSelectChange,\n  titles = ['Source', 'Target'],\n  render = (item) => item.title,\n  showSearch = false,\n  filterOption = (inputValue, item) => {\n    const title = typeof item.title === 'string' ? item.title : String(item.title)\n    return title.toLowerCase().includes(inputValue.toLowerCase())\n  },\n  showSelectAll = true,\n  disabled = false,\n  listStyle,\n  className = '',\n  ...rest\n}: TransferProps) {\n  const [internalTargetKeys, setInternalTargetKeys] = useState<string[]>(defaultTargetKeys)\n  const [sourceSelectedKeys, setSourceSelectedKeys] = useState<string[]>([])\n  const [targetSelectedKeys, setTargetSelectedKeys] = useState<string[]>([])\n\n  const targetKeys = controlledTargetKeys ?? internalTargetKeys\n\n  // Split items into source and target\n  const sourceItems = useMemo(\n    () => dataSource.filter((item) => !targetKeys.includes(item.key)),\n    [dataSource, targetKeys]\n  )\n\n  const targetItems = useMemo(\n    () => dataSource.filter((item) => targetKeys.includes(item.key)),\n    [dataSource, targetKeys]\n  )\n\n  const handleSourceSelectChange = useCallback(\n    (keys: string[]) => {\n      setSourceSelectedKeys(keys)\n      onSelectChange?.(keys, targetSelectedKeys)\n    },\n    [targetSelectedKeys, onSelectChange]\n  )\n\n  const handleTargetSelectChange = useCallback(\n    (keys: string[]) => {\n      setTargetSelectedKeys(keys)\n      onSelectChange?.(sourceSelectedKeys, keys)\n    },\n    [sourceSelectedKeys, onSelectChange]\n  )\n\n  const moveToTarget = useCallback(() => {\n    if (disabled || sourceSelectedKeys.length === 0) return\n\n    // Filter out disabled items\n    const movableKeys = sourceSelectedKeys.filter((key) => {\n      const item = dataSource.find((i) => i.key === key)\n      return item && !item.disabled\n    })\n\n    if (movableKeys.length === 0) return\n\n    const newTargetKeys = [...targetKeys, ...movableKeys]\n\n    if (controlledTargetKeys === undefined) {\n      setInternalTargetKeys(newTargetKeys)\n    }\n\n    setSourceSelectedKeys([])\n    onChange?.(newTargetKeys, 'right', movableKeys)\n  }, [disabled, sourceSelectedKeys, targetKeys, controlledTargetKeys, onChange, dataSource])\n\n  const moveToSource = useCallback(() => {\n    if (disabled || targetSelectedKeys.length === 0) return\n\n    // Filter out disabled items\n    const movableKeys = targetSelectedKeys.filter((key) => {\n      const item = dataSource.find((i) => i.key === key)\n      return item && !item.disabled\n    })\n\n    if (movableKeys.length === 0) return\n\n    const newTargetKeys = targetKeys.filter((key) => !movableKeys.includes(key))\n\n    if (controlledTargetKeys === undefined) {\n      setInternalTargetKeys(newTargetKeys)\n    }\n\n    setTargetSelectedKeys([])\n    onChange?.(newTargetKeys, 'left', movableKeys)\n  }, [disabled, targetSelectedKeys, targetKeys, controlledTargetKeys, onChange, dataSource])\n\n  const canMoveToTarget = sourceSelectedKeys.some((key) => {\n    const item = dataSource.find((i) => i.key === key)\n    return item && !item.disabled\n  })\n\n  const canMoveToSource = targetSelectedKeys.some((key) => {\n    const item = dataSource.find((i) => i.key === key)\n    return item && !item.disabled\n  })\n\n  return (\n    <div className={`flex items-center gap-4 ${className}`} {...rest}>\n      {/* Source list */}\n      <TransferList\n        items={sourceItems}\n        selectedKeys={sourceSelectedKeys}\n        onSelectChange={handleSourceSelectChange}\n        title={titles[0]}\n        showSearch={showSearch}\n        filterOption={filterOption}\n        render={render}\n        showSelectAll={showSelectAll}\n        disabled={disabled}\n        listStyle={listStyle}\n        direction=\"left\"\n      />\n\n      {/* Actions */}\n      <div className=\"flex flex-col gap-2\">\n        <button\n          type=\"button\"\n          className=\"btn btn-sm btn-outline\"\n          onClick={moveToTarget}\n          disabled={disabled || !canMoveToTarget}\n          aria-label=\"Move to target\"\n        >\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n          </svg>\n        </button>\n        <button\n          type=\"button\"\n          className=\"btn btn-sm btn-outline\"\n          onClick={moveToSource}\n          disabled={disabled || !canMoveToSource}\n          aria-label=\"Move to source\"\n        >\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n          </svg>\n        </button>\n      </div>\n\n      {/* Target list */}\n      <TransferList\n        items={targetItems}\n        selectedKeys={targetSelectedKeys}\n        onSelectChange={handleTargetSelectChange}\n        title={titles[1]}\n        showSearch={showSearch}\n        filterOption={filterOption}\n        render={render}\n        showSelectAll={showSelectAll}\n        disabled={disabled}\n        listStyle={listStyle}\n        direction=\"right\"\n      />\n    </div>\n  )\n}\n"],"names":["TransferList","items","selectedKeys","onSelectChange","title","showSearch","filterOption","render","showSelectAll","disabled","listStyle","searchValue","setSearchValue","useState","filteredItems","useMemo","item","enabledItems","allSelected","someSelected","handleSelectAll","key","enabledKeys","newKeys","handleSelectItem","itemDisabled","k","jsxs","jsx","el","Transfer","dataSource","controlledTargetKeys","defaultTargetKeys","onChange","titles","inputValue","className","rest","internalTargetKeys","setInternalTargetKeys","sourceSelectedKeys","setSourceSelectedKeys","targetSelectedKeys","setTargetSelectedKeys","targetKeys","sourceItems","targetItems","handleSourceSelectChange","useCallback","keys","handleTargetSelectChange","moveToTarget","movableKeys","i","newTargetKeys","moveToSource","canMoveToTarget","canMoveToSource"],"mappings":"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"}
+{"version":3,"file":"Transfer.js","sources":["../../src/components/Transfer.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react'\n\n// DaisyUI classes\nconst dCheckbox = 'checkbox'\nconst dCheckboxSm = 'checkbox-sm'\nconst dCheckboxPrimary = 'checkbox-primary'\nconst dInput = 'input'\nconst dInputSm = 'input-sm'\nconst dBtn = 'btn'\nconst dBtnSm = 'btn-sm'\nconst dBtnOutline = 'btn-outline'\n\nexport interface TransferItem {\n  key: string\n  title: React.ReactNode\n  description?: React.ReactNode\n  disabled?: boolean\n}\n\nexport interface TransferProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  dataSource: TransferItem[]\n  targetKeys?: string[]\n  defaultTargetKeys?: string[]\n  onChange?: (targetKeys: string[], direction: 'left' | 'right', moveKeys: string[]) => void\n  onSelectChange?: (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => void\n  titles?: [React.ReactNode, React.ReactNode]\n  render?: (item: TransferItem) => React.ReactNode\n  showSearch?: boolean\n  filterOption?: (inputValue: string, item: TransferItem) => boolean\n  showSelectAll?: boolean\n  disabled?: boolean\n  listStyle?: React.CSSProperties\n}\n\ninterface TransferListProps {\n  items: TransferItem[]\n  selectedKeys: string[]\n  onSelectChange: (keys: string[]) => void\n  title: React.ReactNode\n  showSearch: boolean\n  filterOption: (inputValue: string, item: TransferItem) => boolean\n  render: (item: TransferItem) => React.ReactNode\n  showSelectAll: boolean\n  disabled: boolean\n  listStyle?: React.CSSProperties\n  direction: 'left' | 'right'\n}\n\nfunction TransferList({\n  items,\n  selectedKeys,\n  onSelectChange,\n  title,\n  showSearch,\n  filterOption,\n  render,\n  showSelectAll,\n  disabled,\n  listStyle,\n}: TransferListProps) {\n  const [searchValue, setSearchValue] = useState('')\n\n  const filteredItems = useMemo(() => {\n    if (!searchValue) return items\n    return items.filter((item) => filterOption(searchValue, item))\n  }, [items, searchValue, filterOption])\n\n  const enabledItems = filteredItems.filter((item) => !item.disabled)\n  const allSelected = enabledItems.length > 0 && enabledItems.every((item) => selectedKeys.includes(item.key))\n  const someSelected = enabledItems.some((item) => selectedKeys.includes(item.key))\n\n  const handleSelectAll = () => {\n    if (disabled) return\n\n    if (allSelected) {\n      // Deselect all enabled items\n      onSelectChange(selectedKeys.filter((key) => !enabledItems.some((item) => item.key === key)))\n    } else {\n      // Select all enabled items\n      const enabledKeys = enabledItems.map((item) => item.key)\n      const newKeys = [...new Set([...selectedKeys, ...enabledKeys])]\n      onSelectChange(newKeys)\n    }\n  }\n\n  const handleSelectItem = (key: string, itemDisabled: boolean) => {\n    if (disabled || itemDisabled) return\n\n    if (selectedKeys.includes(key)) {\n      onSelectChange(selectedKeys.filter((k) => k !== key))\n    } else {\n      onSelectChange([...selectedKeys, key])\n    }\n  }\n\n  return (\n    <div\n      className=\"flex flex-col border border-base-300 rounded-lg bg-base-100 overflow-hidden\"\n      style={{ width: 200, height: 300, ...listStyle }}\n    >\n      {/* Header */}\n      <div className=\"flex items-center gap-2 px-3 py-2 border-b border-base-300 bg-base-200\">\n        {showSelectAll && (\n          <input\n            type=\"checkbox\"\n            className={`${dCheckbox} ${dCheckboxSm} ${dCheckboxPrimary}`}\n            checked={allSelected}\n            ref={(el) => {\n              if (el) el.indeterminate = someSelected && !allSelected\n            }}\n            onChange={handleSelectAll}\n            disabled={disabled || enabledItems.length === 0}\n          />\n        )}\n        <span className=\"flex-1 font-medium text-sm truncate\">{title}</span>\n        <span className=\"text-xs text-base-content/50\">\n          {selectedKeys.filter((k) => filteredItems.some((item) => item.key === k)).length}/\n          {filteredItems.length}\n        </span>\n      </div>\n\n      {/* Search */}\n      {showSearch && (\n        <div className=\"px-2 py-2 border-b border-base-300\">\n          <input\n            type=\"text\"\n            className={`${dInput} ${dInputSm} w-full`}\n            placeholder=\"Search...\"\n            value={searchValue}\n            onChange={(e) => setSearchValue(e.target.value)}\n            disabled={disabled}\n          />\n        </div>\n      )}\n\n      {/* List */}\n      <div className=\"flex-1 overflow-auto\">\n        {filteredItems.length > 0 ? (\n          filteredItems.map((item) => (\n            <div\n              key={item.key}\n              className={[\n                'flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-base-200 transition-colors',\n                selectedKeys.includes(item.key) && 'bg-primary/10',\n                (disabled || item.disabled) && 'opacity-50 cursor-not-allowed',\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              onClick={() => handleSelectItem(item.key, !!item.disabled)}\n            >\n              <input\n                type=\"checkbox\"\n                className={`${dCheckbox} ${dCheckboxSm} ${dCheckboxPrimary}`}\n                checked={selectedKeys.includes(item.key)}\n                disabled={disabled || item.disabled}\n                onChange={() => {}}\n              />\n              <span className=\"flex-1 truncate text-sm\">{render(item)}</span>\n            </div>\n          ))\n        ) : (\n          <div className=\"flex items-center justify-center h-full text-base-content/50 text-sm\">\n            No data\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport function Transfer({\n  dataSource,\n  targetKeys: controlledTargetKeys,\n  defaultTargetKeys = [],\n  onChange,\n  onSelectChange,\n  titles = ['Source', 'Target'],\n  render = (item) => item.title,\n  showSearch = false,\n  filterOption = (inputValue, item) => {\n    const title = typeof item.title === 'string' ? item.title : String(item.title)\n    return title.toLowerCase().includes(inputValue.toLowerCase())\n  },\n  showSelectAll = true,\n  disabled = false,\n  listStyle,\n  className = '',\n  ...rest\n}: TransferProps) {\n  const [internalTargetKeys, setInternalTargetKeys] = useState<string[]>(defaultTargetKeys)\n  const [sourceSelectedKeys, setSourceSelectedKeys] = useState<string[]>([])\n  const [targetSelectedKeys, setTargetSelectedKeys] = useState<string[]>([])\n\n  const targetKeys = controlledTargetKeys ?? internalTargetKeys\n\n  // Split items into source and target\n  const sourceItems = useMemo(\n    () => dataSource.filter((item) => !targetKeys.includes(item.key)),\n    [dataSource, targetKeys]\n  )\n\n  const targetItems = useMemo(\n    () => dataSource.filter((item) => targetKeys.includes(item.key)),\n    [dataSource, targetKeys]\n  )\n\n  const handleSourceSelectChange = useCallback(\n    (keys: string[]) => {\n      setSourceSelectedKeys(keys)\n      onSelectChange?.(keys, targetSelectedKeys)\n    },\n    [targetSelectedKeys, onSelectChange]\n  )\n\n  const handleTargetSelectChange = useCallback(\n    (keys: string[]) => {\n      setTargetSelectedKeys(keys)\n      onSelectChange?.(sourceSelectedKeys, keys)\n    },\n    [sourceSelectedKeys, onSelectChange]\n  )\n\n  const moveToTarget = useCallback(() => {\n    if (disabled || sourceSelectedKeys.length === 0) return\n\n    // Filter out disabled items\n    const movableKeys = sourceSelectedKeys.filter((key) => {\n      const item = dataSource.find((i) => i.key === key)\n      return item && !item.disabled\n    })\n\n    if (movableKeys.length === 0) return\n\n    const newTargetKeys = [...targetKeys, ...movableKeys]\n\n    if (controlledTargetKeys === undefined) {\n      setInternalTargetKeys(newTargetKeys)\n    }\n\n    setSourceSelectedKeys([])\n    onChange?.(newTargetKeys, 'right', movableKeys)\n  }, [disabled, sourceSelectedKeys, targetKeys, controlledTargetKeys, onChange, dataSource])\n\n  const moveToSource = useCallback(() => {\n    if (disabled || targetSelectedKeys.length === 0) return\n\n    // Filter out disabled items\n    const movableKeys = targetSelectedKeys.filter((key) => {\n      const item = dataSource.find((i) => i.key === key)\n      return item && !item.disabled\n    })\n\n    if (movableKeys.length === 0) return\n\n    const newTargetKeys = targetKeys.filter((key) => !movableKeys.includes(key))\n\n    if (controlledTargetKeys === undefined) {\n      setInternalTargetKeys(newTargetKeys)\n    }\n\n    setTargetSelectedKeys([])\n    onChange?.(newTargetKeys, 'left', movableKeys)\n  }, [disabled, targetSelectedKeys, targetKeys, controlledTargetKeys, onChange, dataSource])\n\n  const canMoveToTarget = sourceSelectedKeys.some((key) => {\n    const item = dataSource.find((i) => i.key === key)\n    return item && !item.disabled\n  })\n\n  const canMoveToSource = targetSelectedKeys.some((key) => {\n    const item = dataSource.find((i) => i.key === key)\n    return item && !item.disabled\n  })\n\n  return (\n    <div className={`flex items-center gap-4 ${className}`} {...rest}>\n      {/* Source list */}\n      <TransferList\n        items={sourceItems}\n        selectedKeys={sourceSelectedKeys}\n        onSelectChange={handleSourceSelectChange}\n        title={titles[0]}\n        showSearch={showSearch}\n        filterOption={filterOption}\n        render={render}\n        showSelectAll={showSelectAll}\n        disabled={disabled}\n        listStyle={listStyle}\n        direction=\"left\"\n      />\n\n      {/* Actions */}\n      <div className=\"flex flex-col gap-2\">\n        <button\n          type=\"button\"\n          className={`${dBtn} ${dBtnSm} ${dBtnOutline}`}\n          onClick={moveToTarget}\n          disabled={disabled || !canMoveToTarget}\n          aria-label=\"Move to target\"\n        >\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n          </svg>\n        </button>\n        <button\n          type=\"button\"\n          className={`${dBtn} ${dBtnSm} ${dBtnOutline}`}\n          onClick={moveToSource}\n          disabled={disabled || !canMoveToSource}\n          aria-label=\"Move to source\"\n        >\n          <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n          </svg>\n        </button>\n      </div>\n\n      {/* Target list */}\n      <TransferList\n        items={targetItems}\n        selectedKeys={targetSelectedKeys}\n        onSelectChange={handleTargetSelectChange}\n        title={titles[1]}\n        showSearch={showSearch}\n        filterOption={filterOption}\n        render={render}\n        showSelectAll={showSelectAll}\n        disabled={disabled}\n        listStyle={listStyle}\n        direction=\"right\"\n      />\n    </div>\n  )\n}\n"],"names":["dCheckbox","dCheckboxSm","dCheckboxPrimary","dInput","dInputSm","dBtn","dBtnSm","dBtnOutline","TransferList","items","selectedKeys","onSelectChange","title","showSearch","filterOption","render","showSelectAll","disabled","listStyle","searchValue","setSearchValue","useState","filteredItems","useMemo","item","enabledItems","allSelected","someSelected","handleSelectAll","key","enabledKeys","newKeys","handleSelectItem","itemDisabled","k","jsxs","jsx","el","Transfer","dataSource","controlledTargetKeys","defaultTargetKeys","onChange","titles","inputValue","className","rest","internalTargetKeys","setInternalTargetKeys","sourceSelectedKeys","setSourceSelectedKeys","targetSelectedKeys","setTargetSelectedKeys","targetKeys","sourceItems","targetItems","handleSourceSelectChange","useCallback","keys","handleTargetSelectChange","moveToTarget","movableKeys","i","newTargetKeys","moveToSource","canMoveToTarget","canMoveToSource"],"mappings":"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"}