@patternmode/aperto 0.1.3 → 0.1.4

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Aperto/ApertoGroup.tsx","../src/aperto-content.tsx","../src/context.ts","../src/physics.ts","../src/motion-tokens.ts","../src/presets.ts","../src/aperto-description.tsx","../src/aperto-group-context.ts","../src/aperto-overlay.tsx","../src/aperto-portal.tsx","../src/aperto-root.tsx","../src/aperto-title.tsx","../src/expanded-media-stage.tsx","../src/media-rendering.tsx","../src/media-utils.ts","../src/media-transition.tsx","../src/media-transition-utils.ts","../src/Aperto/ApertoGroupState.ts","../src/Aperto/ApertoKeyboard.ts","../src/aperto-close.tsx","../src/aperto-trigger.tsx","../src/Aperto/ApertoSingle.tsx","../src/Aperto/ApertoThumbnail.tsx","../src/index.ts"],"sourcesContent":["\"use client\";\n\nimport { ChevronLeft, ChevronRight, X } from \"lucide-react\";\nimport {\n  type CSSProperties,\n  type KeyboardEvent,\n  useCallback,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useReducer,\n  useRef,\n} from \"react\";\n\nimport { ApertoContent } from \"../aperto-content\";\nimport { ApertoDescription } from \"../aperto-description\";\nimport { ApertoGroupContext } from \"../aperto-group-context\";\nimport { ApertoOverlay } from \"../aperto-overlay\";\nimport { ApertoPortal } from \"../aperto-portal\";\nimport { ApertoRoot } from \"../aperto-root\";\nimport { ApertoTitle } from \"../aperto-title\";\nimport {\n  ApertoExpandedMediaStage,\n  type NavigationDirection,\n} from \"../expanded-media-stage\";\nimport { ApertoMediaTransitionClone } from \"../media-transition\";\nimport { rectFromElement } from \"../media-transition-utils\";\nimport { getDescriptionProps, getMediaLabel } from \"../media-utils\";\nimport type { ApertoClassNames } from \"../types\";\nimport { apertoGroupReducer, getInitialGroupState } from \"./ApertoGroupState\";\nimport { shouldIgnoreKeyboardNavigationTarget } from \"./ApertoKeyboard\";\nimport type { ApertoGroupProps } from \"./ApertoTypes\";\n\nexport function ApertoGroup({\n  children,\n  classNames,\n  dismissible,\n  index: controlledIndex,\n  initialIndex = 0,\n  media,\n  motion: motionProp,\n  navigationMotion = \"glide\",\n  onIndexChange,\n  renderImage,\n  renderVideo,\n}: ApertoGroupProps) {\n  const generatedId = useId();\n  const [state, dispatch] = useReducer(\n    apertoGroupReducer,\n    initialIndex,\n    getInitialGroupState,\n  );\n  const isControlled = controlledIndex !== undefined;\n  const index = isControlled ? controlledIndex : state.internalIndex;\n  const activeMedia = media[index] ?? media[0];\n  const expandedMediaRef = useRef<HTMLDivElement | null>(null);\n  const thumbnailRefs = useRef<Map<number, HTMLButtonElement> | null>(null);\n  if (thumbnailRefs.current === null) {\n    thumbnailRefs.current = new Map();\n  }\n  const thumbnailMap = thumbnailRefs.current;\n  const sharedLayoutIdForIndex = useCallback(\n    (nextIndex: number) => `aperto-group-${generatedId}-${nextIndex}-shared`,\n    [generatedId],\n  );\n  const sharedLayoutId = sharedLayoutIdForIndex(state.layoutSourceIndex);\n  const measureOpeningTarget = useCallback((node: HTMLDivElement) => {\n    const targetRect = rectFromElement(node);\n    if (!targetRect) {\n      return;\n    }\n    dispatch({ rect: targetRect, type: \"complete-opening-target\" });\n  }, []);\n  const setExpandedMediaNode = useCallback(\n    (node: HTMLDivElement | null) => {\n      expandedMediaRef.current = node;\n      if (node) {\n        measureOpeningTarget(node);\n      }\n    },\n    [measureOpeningTarget],\n  );\n\n  const registerThumbnail = useCallback(\n    (thumbIndex: number, node: HTMLButtonElement | null) => {\n      if (node) {\n        thumbnailMap.set(thumbIndex, node);\n        return;\n      }\n      thumbnailMap.delete(thumbIndex);\n    },\n    [thumbnailMap],\n  );\n\n  useLayoutEffect(() => {\n    if (\n      state.mediaTransition?.phase !== \"opening\" ||\n      state.mediaTransition.to ||\n      !expandedMediaRef.current\n    ) {\n      return;\n    }\n\n    measureOpeningTarget(expandedMediaRef.current);\n  }, [measureOpeningTarget, state.mediaTransition]);\n\n  const setIndex = useCallback(\n    (nextIndex: number) => {\n      if (!isControlled) {\n        dispatch({ index: nextIndex, type: \"set-index\" });\n      }\n      onIndexChange?.(nextIndex);\n    },\n    [isControlled, onIndexChange],\n  );\n\n  const openAtIndex = useCallback(\n    (thumbIndex: number) => {\n      const sourceRect = rectFromElement(thumbnailMap.get(thumbIndex) ?? null);\n      const item = media[thumbIndex];\n      const transition =\n        sourceRect && item\n          ? { from: sourceRect, item, phase: \"opening\" as const }\n          : null;\n\n      dispatch({ index: thumbIndex, transition, type: \"open-at-index\" });\n      onIndexChange?.(thumbIndex);\n    },\n    [media, onIndexChange, thumbnailMap],\n  );\n\n  const startClose = useCallback(() => {\n    if (!state.open || state.closing) {\n      return;\n    }\n\n    const sourceRect = rectFromElement(expandedMediaRef.current);\n    const targetRect = rectFromElement(thumbnailMap.get(index) ?? null);\n\n    if (!activeMedia || !sourceRect || !targetRect) {\n      dispatch({ type: \"close-without-transition\" });\n      return;\n    }\n\n    dispatch({\n      transition: {\n        from: sourceRect,\n        item: activeMedia,\n        phase: \"closing\",\n        to: targetRect,\n      },\n      type: \"start-close\",\n    });\n  }, [activeMedia, index, state.closing, state.open, thumbnailMap]);\n\n  const handleCloseAutoFocus = useCallback(\n    (event: Event) => {\n      event.preventDefault();\n      thumbnailMap.get(index)?.focus({ preventScroll: true });\n    },\n    [index, thumbnailMap],\n  );\n\n  const handleMediaTransitionComplete = useCallback(() => {\n    dispatch({ type: \"finish-transition\" });\n  }, []);\n\n  const handleOpenChange = useCallback(\n    (nextOpen: boolean) => {\n      if (nextOpen) {\n        dispatch({ open: true, type: \"set-open\" });\n        return;\n      }\n\n      startClose();\n    },\n    [startClose],\n  );\n\n  const value = useMemo(\n    () => ({\n      classNames,\n      index,\n      media,\n      open: state.open,\n      openAtIndex,\n      registerThumbnail,\n      renderImage,\n      renderVideo,\n      setIndex,\n      sharedLayoutId,\n      sharedLayoutIdForIndex,\n    }),\n    [\n      classNames,\n      index,\n      media,\n      state.open,\n      openAtIndex,\n      registerThumbnail,\n      renderImage,\n      renderVideo,\n      setIndex,\n      sharedLayoutId,\n      sharedLayoutIdForIndex,\n    ],\n  );\n  const hasNavigation = media.length > 1;\n  const navigateToIndex = useCallback(\n    (nextIndex: number, direction: NavigationDirection) => {\n      dispatch({ direction, index: nextIndex, type: \"navigate\" });\n      onIndexChange?.(nextIndex);\n    },\n    [onIndexChange],\n  );\n  const goToPrevious = useCallback(() => {\n    navigateToIndex((index - 1 + media.length) % media.length, -1);\n  }, [index, media.length, navigateToIndex]);\n  const goToNext = useCallback(() => {\n    navigateToIndex((index + 1) % media.length, 1);\n  }, [index, media.length, navigateToIndex]);\n  const handleContentKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (\n        event.defaultPrevented ||\n        event.altKey ||\n        event.ctrlKey ||\n        event.metaKey ||\n        shouldIgnoreKeyboardNavigationTarget(event.target)\n      ) {\n        return;\n      }\n\n      if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        goToPrevious();\n      }\n\n      if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        goToNext();\n      }\n    },\n    [goToNext, goToPrevious],\n  );\n  const expandedMediaStyle = useMemo((): CSSProperties | undefined => {\n    if (!activeMedia?.width || !activeMedia.height) {\n      return undefined;\n    }\n\n    return {\n      \"--aperto-expanded-aspect-ratio\": `${activeMedia.width} / ${activeMedia.height}`,\n      \"--aperto-expanded-aspect-ratio-height\": activeMedia.height,\n      \"--aperto-expanded-aspect-ratio-width\": activeMedia.width,\n    } as CSSProperties;\n  }, [activeMedia?.height, activeMedia?.width]);\n\n  return (\n    <ApertoGroupContext.Provider value={value}>\n      <ApertoRoot\n        dismissible={dismissible}\n        motion={motionProp}\n        onOpenChange={handleOpenChange}\n        open={state.open}\n      >\n        {children}\n        {activeMedia ? (\n          <ApertoPortal>\n            <ApertoOverlay\n              className={classNames?.overlay}\n              fadeOut={state.closing}\n            />\n            <ApertoContent\n              className={classNames?.content}\n              data-aperto-transition={state.mediaTransition?.phase}\n              onCloseAutoFocus={handleCloseAutoFocus}\n              onKeyDown={hasNavigation ? handleContentKeyDown : undefined}\n              sharedLayoutId={false}\n              {...getDescriptionProps(activeMedia)}\n            >\n              <div\n                data-slot=\"aperto-media\"\n                ref={setExpandedMediaNode}\n                style={expandedMediaStyle}\n              >\n                <ApertoExpandedMediaStage\n                  direction={state.navigationDirection}\n                  index={index}\n                  item={activeMedia}\n                  navigationMotion={navigationMotion}\n                  renderImage={renderImage}\n                  renderVideo={renderVideo}\n                />\n                <ApertoMediaNavigationButtons\n                  classNames={classNames}\n                  enabled={hasNavigation}\n                  onNext={goToNext}\n                  onPrevious={goToPrevious}\n                />\n              </div>\n              <ApertoTitle>\n                {activeMedia.title ?? getMediaLabel(activeMedia)}\n              </ApertoTitle>\n              {activeMedia.description ? (\n                <ApertoDescription>{activeMedia.description}</ApertoDescription>\n              ) : null}\n              {hasNavigation ? (\n                <div className={classNames?.counter} data-slot=\"aperto-counter\">\n                  {index + 1} / {media.length}\n                </div>\n              ) : null}\n              <button\n                aria-label=\"Close\"\n                className={classNames?.closeButton}\n                data-slot=\"aperto-close\"\n                onClick={startClose}\n                type=\"button\"\n              >\n                <X aria-hidden=\"true\" size={17} strokeWidth={2} />\n              </button>\n            </ApertoContent>\n            <ApertoMediaTransitionClone\n              onComplete={handleMediaTransitionComplete}\n              renderImage={renderImage}\n              renderVideo={renderVideo}\n              transition={state.mediaTransition}\n            />\n          </ApertoPortal>\n        ) : null}\n      </ApertoRoot>\n    </ApertoGroupContext.Provider>\n  );\n}\n\nfunction ApertoMediaNavigationButtons({\n  classNames,\n  enabled,\n  onNext,\n  onPrevious,\n}: {\n  classNames: ApertoClassNames | undefined;\n  enabled: boolean;\n  onNext: () => void;\n  onPrevious: () => void;\n}) {\n  if (!enabled) {\n    return null;\n  }\n\n  return (\n    <>\n      <button\n        aria-label=\"Previous media\"\n        className={classNames?.previousButton}\n        data-slot=\"aperto-previous-button\"\n        onClick={onPrevious}\n        type=\"button\"\n      >\n        <ChevronLeft aria-hidden=\"true\" size={18} strokeWidth={2} />\n      </button>\n      <button\n        aria-label=\"Next media\"\n        className={classNames?.nextButton}\n        data-slot=\"aperto-next-button\"\n        onClick={onNext}\n        type=\"button\"\n      >\n        <ChevronRight aria-hidden=\"true\" size={18} strokeWidth={2} />\n      </button>\n    </>\n  );\n}\n","\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport {\n  type MotionStyle,\n  m,\n  type PanInfo,\n  useMotionValue,\n  useSpring,\n  useTransform,\n} from \"motion/react\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  useCallback,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { useApertoContext } from \"./context\";\nimport {\n  calculateResistance,\n  DEFAULT_DISTANCE_THRESHOLD,\n  DEFAULT_VELOCITY_THRESHOLD,\n  OPACITY_INPUT,\n  OPACITY_OUTPUT,\n  SCALE_INPUT,\n  SCALE_OUTPUT,\n} from \"./physics\";\nimport { getDragSpring, resolvePreset } from \"./presets\";\nimport type { DismissibleConfig, MotionPresetName } from \"./types\";\n\nexport interface ApertoContentProps\n  extends Omit<\n    ComponentPropsWithoutRef<typeof Dialog.Content>,\n    \"asChild\" | \"forceMount\"\n  > {\n  /** Motion preset override for this content panel, independent of the root preset. */\n  motion?: MotionPresetName;\n  /** Built-in positioning strategy. Use \"none\" for custom primitive compositions. */\n  placement?: \"center\" | \"none\";\n  /** Internal shared layout ID override for grouped media. */\n  sharedLayoutId?: string | false;\n}\n\nconst ApertoContent = forwardRef<HTMLDivElement, ApertoContentProps>(\n  (\n    {\n      children,\n      className,\n      motion: motionOverride,\n      placement = \"center\",\n      sharedLayoutId,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const ctx = useApertoContext();\n    const [isDragging, setIsDragging] = useState(false);\n    const resolved = resolvePreset(\n      \"content\",\n      motionOverride,\n      ctx.presetName,\n      ctx.variants,\n      ctx.reduceMotion,\n    );\n\n    const contentLayoutId =\n      sharedLayoutId === false\n        ? undefined\n        : (sharedLayoutId ?? `${ctx.layoutId}-shared`);\n\n    const dragSpring = getDragSpring(resolved);\n    const isDismissible = ctx.dismissible !== false;\n\n    const dismissConfig: DismissibleConfig =\n      typeof ctx.dismissible === \"object\" ? ctx.dismissible : {};\n    const distanceThreshold =\n      dismissConfig.threshold ?? DEFAULT_DISTANCE_THRESHOLD;\n    const velocityThreshold =\n      dismissConfig.velocity ?? DEFAULT_VELOCITY_THRESHOLD;\n\n    const dragX = useMotionValue(0);\n    const dragY = useMotionValue(0);\n    const springX = useSpring(dragX, dragSpring);\n    const springY = useSpring(dragY, dragSpring);\n\n    const distance = useTransform(() =>\n      Math.hypot(springX.get(), springY.get()),\n    );\n    const scaleMotion = useTransform(distance, SCALE_INPUT, SCALE_OUTPUT);\n    const opacityMotion = useTransform(distance, OPACITY_INPUT, OPACITY_OUTPUT);\n    const resistance = useTransform(distance, calculateResistance);\n\n    const handleDrag = useCallback(\n      (_event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo) => {\n        if (!isDragging) {\n          setIsDragging(true);\n        }\n        const r = resistance.get();\n        dragX.set(info.offset.x * r);\n        dragY.set(info.offset.y * r);\n      },\n      [dragX, dragY, isDragging, resistance],\n    );\n\n    const handleDragEnd = useCallback(\n      (_event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo) => {\n        setIsDragging(false);\n        const speed = Math.hypot(info.velocity.x, info.velocity.y);\n        const dist = Math.hypot(info.offset.x, info.offset.y);\n\n        if (speed > velocityThreshold || dist > distanceThreshold) {\n          ctx.onOpenChange(false);\n          return;\n        }\n\n        dragX.set(0);\n        dragY.set(0);\n      },\n      [ctx.onOpenChange, distanceThreshold, dragX, dragY, velocityThreshold],\n    );\n\n    const motionStyle = useMemo(\n      (): MotionStyle => ({\n        cursor: isDragging ? \"grabbing\" : isDismissible ? \"grab\" : undefined,\n        opacity: opacityMotion,\n        scale: scaleMotion,\n        x: springX,\n        y: springY,\n        ...(placement === \"center\"\n          ? {\n              left: \"50%\",\n              top: \"50%\",\n              translate: \"-50% -50%\",\n            }\n          : {}),\n        ...style,\n      }),\n      [\n        isDismissible,\n        isDragging,\n        opacityMotion,\n        placement,\n        scaleMotion,\n        springX,\n        springY,\n        style,\n      ],\n    );\n\n    return (\n      <Dialog.Content asChild forceMount {...props}>\n        <m.div\n          className={className}\n          data-slot=\"aperto-content\"\n          drag={isDismissible}\n          dragConstraints={{ bottom: 0, left: 0, right: 0, top: 0 }}\n          dragElastic={0}\n          dragMomentum={false}\n          dragSnapToOrigin\n          layout={contentLayoutId ? true : undefined}\n          layoutId={contentLayoutId}\n          onDrag={isDismissible ? handleDrag : undefined}\n          onDragEnd={isDismissible ? handleDragEnd : undefined}\n          ref={ref}\n          style={motionStyle}\n          transition={resolved.transition}\n        >\n          {children}\n        </m.div>\n      </Dialog.Content>\n    );\n  },\n);\n\nApertoContent.displayName = \"ApertoContent\";\n\nexport { ApertoContent };\n","\"use client\";\n\nimport { createContext, useContext } from \"react\";\nimport type { ApertoContextValue } from \"./types\";\n\nexport const ApertoContext = createContext<ApertoContextValue | null>(null);\n\nexport function useApertoContext(): ApertoContextValue {\n  const ctx = useContext(ApertoContext);\n  if (!ctx) {\n    throw new Error(\"Aperto components must be used within <Aperto.Root>\");\n  }\n  return ctx;\n}\n","/**\n * Drag physics utilities.\n *\n * The logarithmic resistance function creates a rubber-band feel:\n * initial movement is free, but gets progressively harder the further\n * you drag. Combined with spring-smoothed motion values, this produces\n * a natural, elastic gesture.\n */\n\nconst RESISTANCE_DIVISOR = 20;\nconst RESISTANCE_SCALE = 4;\nconst RESISTANCE_MIN = 0.1;\n\n/**\n * Logarithmic resistance — decelerates drag progressively.\n * Returns a multiplier between RESISTANCE_MIN and 1.0.\n *\n * At distance 0: returns 1.0 (full movement)\n * At distance 50: returns ~0.77\n * At distance 100: returns ~0.58\n * At distance 200: returns ~0.42\n */\nexport function calculateResistance(distance: number): number {\n  return Math.max(\n    RESISTANCE_MIN,\n    1 - Math.log(distance / RESISTANCE_DIVISOR + 1) / RESISTANCE_SCALE,\n  );\n}\n\n/** Scale mapping: distance → visual scale (1.0 → 0.95) */\nexport const SCALE_INPUT = [0, 50, 100];\nexport const SCALE_OUTPUT = [1, 0.98, 0.95];\n\n/** Opacity mapping: distance → visual opacity (1.0 → 0.96) */\nexport const OPACITY_INPUT = [0, 80];\nexport const OPACITY_OUTPUT = [1, 0.96];\n\n/** Default dismissal thresholds */\nexport const DEFAULT_DISTANCE_THRESHOLD = 100;\nexport const DEFAULT_VELOCITY_THRESHOLD = 500;\n","import type { Easing } from \"motion/react\";\n\nexport const durations = {\n  snappy: 0.22,\n  moderate: 0.4,\n} as const;\n\nexport const easings = {\n  customGentle: [0.25, 0.1, 0.12, 1],\n  snappy: [0.22, 1, 0.36, 1],\n} satisfies Record<string, Easing>;\n\nexport const springs = {\n  bouncy: { stiffness: 260, damping: 12, mass: 1 },\n  natural: { stiffness: 200, damping: 20, mass: 1 },\n  snappy: { stiffness: 400, damping: 28, mass: 0.8 },\n  stiff: { stiffness: 500, damping: 30, mass: 1 },\n} as const;\n","import { durations, easings, springs } from \"./motion-tokens\";\nimport type {\n  DragSpringConfig,\n  MotionPreset,\n  MotionPresetName,\n  MotionVariants,\n} from \"./types\";\n\n/**\n * Motion presets — each bundles transition timing AND drag physics\n * so \"snappy\" feels snappy everywhere: open, close, and drag.\n *\n * Curves and springs are local copies of the Howells motion tokens so the\n * published package has no private workspace runtime dependencies.\n */\nexport const PRESETS: Record<MotionPresetName, MotionPreset> = {\n  snappy: {\n    transition: { ease: easings.snappy, duration: durations.snappy },\n    drag: {\n      stiffness: springs.stiff.stiffness,\n      damping: springs.stiff.damping,\n      restDelta: 0.01,\n    },\n  },\n  smooth: {\n    transition: { ease: easings.customGentle, duration: durations.moderate },\n    drag: {\n      stiffness: springs.natural.stiffness,\n      damping: springs.natural.damping,\n      restDelta: 0.01,\n    },\n  },\n  bouncy: {\n    transition: {\n      type: \"spring\",\n      stiffness: springs.bouncy.stiffness,\n      damping: springs.bouncy.damping,\n      mass: springs.bouncy.mass,\n    },\n    drag: {\n      stiffness: springs.snappy.stiffness,\n      damping: springs.snappy.damping,\n      restDelta: 0.01,\n    },\n  },\n  reduced: {\n    transition: { ease: \"linear\", duration: 0.01 },\n    drag: { stiffness: 1000, damping: 50, restDelta: 0.1 },\n  },\n};\n\ntype ComponentType = \"trigger\" | \"content\" | \"backdrop\";\n\n/**\n * Three-level motion resolution:\n * 1. Component-level override (highest)\n * 2. Per-component variant from Root\n * 3. Global preset from Root (lowest)\n *\n * If `prefers-reduced-motion` is active, always returns \"reduced\".\n */\nexport function resolvePreset(\n  componentType: ComponentType,\n  componentMotion: MotionPresetName | undefined,\n  globalPreset: MotionPresetName,\n  variants: MotionVariants | undefined,\n  reduceMotion: boolean,\n): MotionPreset {\n  if (reduceMotion) {\n    return PRESETS.reduced;\n  }\n\n  // 1. Component-level override\n  if (componentMotion) {\n    return PRESETS[componentMotion];\n  }\n\n  // 2. Per-component variant\n  if (variants?.[componentType]) {\n    return PRESETS[variants[componentType]];\n  }\n\n  // 3. Global preset\n  return PRESETS[globalPreset];\n}\n\n/** Extract the drag spring config from a preset */\nexport function getDragSpring(preset: MotionPreset): DragSpringConfig {\n  return preset.drag;\n}\n","\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\n\nconst ApertoDescription = forwardRef<\n  HTMLParagraphElement,\n  ComponentPropsWithoutRef<typeof Dialog.Description>\n>((props, ref) => {\n  return (\n    <Dialog.Description data-slot=\"aperto-description\" ref={ref} {...props} />\n  );\n});\n\nApertoDescription.displayName = \"ApertoDescription\";\n\nexport { ApertoDescription };\n","import { createContext, useContext } from \"react\";\nimport type {\n  ApertoClassNames,\n  ApertoMediaItem,\n  RenderImage,\n  RenderVideo,\n} from \"./types\";\n\nexport interface ApertoGroupContextValue {\n  classNames?: ApertoClassNames;\n  index: number;\n  media: ApertoMediaItem[];\n  open: boolean;\n  openAtIndex: (index: number) => void;\n  registerThumbnail: (index: number, node: HTMLButtonElement | null) => void;\n  renderImage?: RenderImage;\n  renderVideo?: RenderVideo;\n  setIndex: (index: number) => void;\n  sharedLayoutId: string;\n  sharedLayoutIdForIndex: (index: number) => string;\n}\n\nexport const ApertoGroupContext = createContext<ApertoGroupContextValue | null>(\n  null,\n);\n\nexport function useApertoGroup(): ApertoGroupContextValue {\n  const ctx = useContext(ApertoGroupContext);\n  if (!ctx) {\n    throw new Error(\"Aperto.Thumbnail must be used within <Aperto.Group>\");\n  }\n  return ctx;\n}\n","\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { m, type Transition } from \"motion/react\";\nimport { forwardRef } from \"react\";\n\nimport { useApertoContext } from \"./context\";\nimport { easings } from \"./motion-tokens\";\n\nexport interface ApertoOverlayProps {\n  className?: string;\n  /** Internal flag used to fade the overlay during measured close transitions. */\n  fadeOut?: boolean;\n  style?: React.CSSProperties;\n}\n\n/** Overlay always fades gently regardless of the content's motion preset. */\nconst OVERLAY_TRANSITION: Transition = {\n  duration: 0.3,\n  ease: easings.customGentle,\n};\n\nconst OVERLAY_TRANSITION_REDUCED: Transition = {\n  duration: 0.01,\n  ease: \"linear\",\n};\n\nconst ApertoOverlay = forwardRef<HTMLDivElement, ApertoOverlayProps>(\n  ({ className, fadeOut, style }, ref) => {\n    const ctx = useApertoContext();\n    const transition = ctx.reduceMotion\n      ? OVERLAY_TRANSITION_REDUCED\n      : OVERLAY_TRANSITION;\n\n    return (\n      <Dialog.Overlay asChild forceMount>\n        <m.div\n          animate={{ opacity: fadeOut ? 0 : 1 }}\n          className={className}\n          data-slot=\"aperto-overlay\"\n          exit={{ opacity: 0 }}\n          initial={{ opacity: 0 }}\n          ref={ref}\n          style={style}\n          transition={transition}\n        />\n      </Dialog.Overlay>\n    );\n  },\n);\n\nApertoOverlay.displayName = \"ApertoOverlay\";\n\nexport { ApertoOverlay };\n","\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { AnimatePresence } from \"motion/react\";\nimport type { ReactNode } from \"react\";\n\nimport { useApertoContext } from \"./context\";\n\nexport interface ApertoPortalProps {\n  children: ReactNode;\n  /** Container element for the portal (default: document.body) */\n  container?: HTMLElement;\n}\n\nfunction ApertoPortal({ children, container }: ApertoPortalProps) {\n  const { open } = useApertoContext();\n\n  return (\n    <AnimatePresence>\n      {open && (\n        <Dialog.Portal container={container} forceMount>\n          {children}\n        </Dialog.Portal>\n      )}\n    </AnimatePresence>\n  );\n}\n\nexport { ApertoPortal };\n","\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport {\n  domMax,\n  LayoutGroup,\n  LazyMotion,\n  useReducedMotion,\n} from \"motion/react\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  useCallback,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { ApertoContext } from \"./context\";\nimport { PRESETS } from \"./presets\";\nimport type {\n  DismissibleConfig,\n  MotionPresetName,\n  MotionVariants,\n} from \"./types\";\n\nexport interface ApertoRootProps\n  extends Omit<\n    ComponentPropsWithoutRef<typeof Dialog.Root>,\n    \"open\" | \"onOpenChange\"\n  > {\n  children: ReactNode;\n  /** Whether dragging can dismiss the content (default: true) */\n  dismissible?: boolean | DismissibleConfig;\n  /** Layout ID for shared element transition (auto-generated if omitted) */\n  layoutId?: string;\n  /** Motion preset or per-component variants */\n  motion?: MotionPresetName | MotionVariants;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Force reduced motion regardless of system preference */\n  reduceMotion?: boolean;\n}\n\nfunction ApertoRoot({\n  children,\n  dismissible = true,\n  layoutId: layoutIdProp,\n  motion: motionProp = \"smooth\",\n  open: controlledOpen,\n  onOpenChange: controlledOnOpenChange,\n  reduceMotion: reduceMotionProp,\n  ...dialogProps\n}: ApertoRootProps) {\n  const generatedId = useId();\n  const layoutId = layoutIdProp ?? `aperto-${generatedId}`;\n  const systemReducedMotion = useReducedMotion() ?? false;\n  const shouldReduce = reduceMotionProp ?? systemReducedMotion;\n\n  // Uncontrolled state fallback\n  const [internalOpen, setInternalOpen] = useState(false);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n\n  const onOpenChange = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(nextOpen);\n      }\n      controlledOnOpenChange?.(nextOpen);\n    },\n    [isControlled, controlledOnOpenChange],\n  );\n\n  // Resolve global preset name\n  const globalPresetName: MotionPresetName =\n    typeof motionProp === \"string\" ? motionProp : \"smooth\";\n  const variants: MotionVariants | undefined =\n    typeof motionProp === \"object\" ? motionProp : undefined;\n\n  const presetName: MotionPresetName = shouldReduce\n    ? \"reduced\"\n    : globalPresetName;\n  const preset = PRESETS[presetName];\n  const contextValue = useMemo(\n    () => ({\n      dismissible,\n      layoutId,\n      onOpenChange,\n      open,\n      preset,\n      presetName,\n      reduceMotion: shouldReduce,\n      variants,\n    }),\n    [\n      dismissible,\n      layoutId,\n      onOpenChange,\n      open,\n      preset,\n      presetName,\n      shouldReduce,\n      variants,\n    ],\n  );\n\n  return (\n    <ApertoContext.Provider value={contextValue}>\n      <Dialog.Root onOpenChange={onOpenChange} open={open} {...dialogProps}>\n        <LazyMotion features={domMax}>\n          <LayoutGroup id={layoutId}>{children}</LayoutGroup>\n        </LazyMotion>\n      </Dialog.Root>\n    </ApertoContext.Provider>\n  );\n}\n\nexport { ApertoRoot };\n","\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\n\nconst ApertoTitle = forwardRef<\n  HTMLHeadingElement,\n  ComponentPropsWithoutRef<typeof Dialog.Title>\n>((props, ref) => {\n  return <Dialog.Title data-slot=\"aperto-title\" ref={ref} {...props} />;\n});\n\nApertoTitle.displayName = \"ApertoTitle\";\n\nexport { ApertoTitle };\n","import {\n  AnimatePresence,\n  m,\n  type TargetAndTransition,\n  type Transition,\n} from \"motion/react\";\nimport { useApertoContext } from \"./context\";\nimport { ApertoExpandedMedia } from \"./media-rendering\";\nimport { getMediaKey } from \"./media-utils\";\nimport type {\n  ApertoMediaItem,\n  NavigationMotionPresetName,\n  RenderImage,\n  RenderVideo,\n} from \"./types\";\n\nexport type NavigationDirection = -1 | 0 | 1;\n\ninterface NavigationMotionPreset {\n  offset: number;\n  scale: number;\n  transition: Transition;\n}\n\ninterface NavigationAnimationCustom {\n  direction: NavigationDirection;\n  offset: number;\n  scale: number;\n}\n\nconst NAVIGATION_MOTION_PRESETS: Record<\n  NavigationMotionPresetName,\n  NavigationMotionPreset\n> = {\n  float: {\n    offset: 96,\n    scale: 0.97,\n    transition: {\n      opacity: { duration: 0.34, ease: [0.45, 0, 0.2, 1] },\n      scale: { damping: 26, mass: 1.15, stiffness: 80, type: \"spring\" },\n      x: { damping: 26, mass: 1.15, stiffness: 80, type: \"spring\" },\n    },\n  },\n  glide: {\n    offset: 58,\n    scale: 0.984,\n    transition: {\n      opacity: { duration: 0.24, ease: [0.4, 0, 0.2, 1] },\n      scale: { damping: 28, mass: 0.95, stiffness: 150, type: \"spring\" },\n      x: { damping: 28, mass: 0.95, stiffness: 150, type: \"spring\" },\n    },\n  },\n  snap: {\n    offset: 38,\n    scale: 0.996,\n    transition: {\n      opacity: { duration: 0.12, ease: [0.2, 0, 0, 1] },\n      scale: { damping: 34, mass: 0.7, stiffness: 420, type: \"spring\" },\n      x: { damping: 34, mass: 0.7, stiffness: 420, type: \"spring\" },\n    },\n  },\n};\n\nconst REDUCED_EXPANDED_MEDIA_TRANSITION: Transition = {\n  duration: 0.12,\n  ease: \"linear\",\n};\n\nconst expandedMediaVariants = {\n  center: {\n    opacity: 1,\n    scale: 1,\n    x: 0,\n  },\n  enter: ({\n    direction,\n    offset,\n    scale,\n  }: NavigationAnimationCustom): TargetAndTransition => ({\n    opacity: 0,\n    scale: direction === 0 ? 1 : scale,\n    x: direction * offset,\n  }),\n  exit: ({\n    direction,\n    offset,\n    scale,\n  }: NavigationAnimationCustom): TargetAndTransition => ({\n    opacity: 0,\n    scale: direction === 0 ? 1 : scale,\n    x: direction * -offset,\n  }),\n};\n\nconst reducedExpandedMediaVariants = {\n  center: {\n    opacity: 1,\n    x: 0,\n  },\n  enter: {\n    opacity: 0,\n    x: 0,\n  },\n  exit: {\n    opacity: 0,\n    x: 0,\n  },\n};\n\nexport function ApertoExpandedMediaStage({\n  direction,\n  index,\n  item,\n  navigationMotion,\n  renderImage,\n  renderVideo,\n}: {\n  direction: NavigationDirection;\n  index: number;\n  item: ApertoMediaItem;\n  navigationMotion: NavigationMotionPresetName;\n  renderImage?: RenderImage;\n  renderVideo?: RenderVideo;\n}) {\n  const ctx = useApertoContext();\n  const preset = NAVIGATION_MOTION_PRESETS[navigationMotion];\n  const transition = ctx.reduceMotion\n    ? REDUCED_EXPANDED_MEDIA_TRANSITION\n    : preset.transition;\n  const variants = ctx.reduceMotion\n    ? reducedExpandedMediaVariants\n    : expandedMediaVariants;\n  const animationCustom: NavigationAnimationCustom = {\n    direction,\n    offset: preset.offset,\n    scale: preset.scale,\n  };\n\n  return (\n    <AnimatePresence custom={animationCustom} initial={false} mode=\"sync\">\n      <m.div\n        animate=\"center\"\n        custom={animationCustom}\n        data-navigation-direction={direction}\n        data-navigation-motion={navigationMotion}\n        data-slot=\"aperto-media-stage\"\n        exit=\"exit\"\n        initial=\"enter\"\n        key={getMediaKey(item, index)}\n        transition={transition}\n        variants={variants}\n      >\n        <ApertoExpandedMedia\n          item={item}\n          renderImage={renderImage}\n          renderVideo={renderVideo}\n        />\n      </m.div>\n    </AnimatePresence>\n  );\n}\n","import { createElement, type ReactNode } from \"react\";\nimport type { ApertoMediaItem, RenderImage, RenderVideo } from \"./types\";\n\nfunction renderDefaultImage(props: Parameters<RenderImage>[0]): ReactNode {\n  const { item: _item, variant: _variant, ...imageProps } = props;\n  return createElement(\"img\", { ...imageProps, alt: imageProps.alt ?? \"\" });\n}\n\nfunction renderDefaultVideo(props: Parameters<RenderVideo>[0]): ReactNode {\n  const { item: _item, variant, ...videoProps } = props;\n  if (variant === \"thumbnail\") {\n    return createElement(\"img\", {\n      alt: videoProps[\"aria-label\"] ?? \"\",\n      src: props.item.thumbnailSrc,\n    });\n  }\n  return (\n    <video {...videoProps}>\n      <track kind=\"captions\" src={props.item.captionsSrc ?? \"data:text/vtt,\"} />\n    </video>\n  );\n}\n\nexport function ApertoThumbnailMedia({\n  item,\n  renderImage,\n  renderVideo,\n}: {\n  item: ApertoMediaItem;\n  renderImage?: RenderImage;\n  renderVideo?: RenderVideo;\n}) {\n  if (item.type === \"image\") {\n    const imageProps: Parameters<RenderImage>[0] = {\n      alt: \"\",\n      height: item.height,\n      item,\n      src: item.thumbnailSrc ?? item.src,\n      variant: \"thumbnail\",\n      width: item.width,\n    };\n    return (renderImage ?? renderDefaultImage)(imageProps);\n  }\n\n  const videoProps: Parameters<RenderVideo>[0] = {\n    \"aria-label\": item.alt ?? item.title ?? \"Video thumbnail\",\n    height: item.height,\n    item,\n    poster: item.poster,\n    src: item.thumbnailSrc,\n    variant: \"thumbnail\",\n    width: item.width,\n  };\n  return (renderVideo ?? renderDefaultVideo)(videoProps);\n}\n\nexport function ApertoExpandedMedia({\n  item,\n  renderImage,\n  renderVideo,\n}: {\n  item: ApertoMediaItem;\n  renderImage?: RenderImage;\n  renderVideo?: RenderVideo;\n}) {\n  if (item.type === \"image\") {\n    const imageProps: Parameters<RenderImage>[0] = {\n      alt: item.alt,\n      height: item.height,\n      item,\n      src: item.src,\n      variant: \"expanded\",\n      width: item.width,\n    };\n    return (renderImage ?? renderDefaultImage)(imageProps);\n  }\n\n  const videoProps: Parameters<RenderVideo>[0] = {\n    \"aria-label\": item.alt ?? item.title ?? \"Video\",\n    controls: true,\n    height: item.height,\n    item,\n    poster: item.poster,\n    src: item.src,\n    variant: \"expanded\",\n    width: item.width,\n  };\n  return (renderVideo ?? renderDefaultVideo)(videoProps);\n}\n\nexport function ApertoTransitionMedia({\n  item,\n  renderImage,\n  renderVideo,\n}: {\n  item: ApertoMediaItem;\n  renderImage?: RenderImage;\n  renderVideo?: RenderVideo;\n}) {\n  if (item.type === \"image\") {\n    const imageProps: Parameters<RenderImage>[0] = {\n      alt: item.alt,\n      height: item.height,\n      item,\n      src: item.src,\n      variant: \"expanded\",\n      width: item.width,\n    };\n    return (renderImage ?? renderDefaultImage)(imageProps);\n  }\n\n  const videoProps: Parameters<RenderVideo>[0] = {\n    \"aria-label\": item.alt ?? item.title ?? \"Video\",\n    height: item.height,\n    item,\n    poster: item.poster,\n    src: item.src,\n    variant: \"expanded\",\n    width: item.width,\n  };\n  return (renderVideo ?? renderDefaultVideo)(videoProps);\n}\n","import type { ApertoMediaItem } from \"./types\";\n\nexport function getMediaLabel(item: ApertoMediaItem): string {\n  return item.title ?? item.alt ?? \"media\";\n}\n\nexport function getMediaKey(item: ApertoMediaItem, index: number): string {\n  return item.id ?? `${item.type}:${item.src}:${index}`;\n}\n\nexport function getDescriptionProps(item: ApertoMediaItem): {\n  \"aria-describedby\"?: undefined;\n} {\n  return item.description ? {} : { \"aria-describedby\": undefined };\n}\n","import { m } from \"motion/react\";\nimport { useEffect } from \"react\";\nimport { useApertoContext } from \"./context\";\nimport { ApertoTransitionMedia } from \"./media-rendering\";\nimport {\n  type ApertoMediaTransition,\n  rectTarget,\n  transitionDurationMs,\n} from \"./media-transition-utils\";\nimport type { RenderImage, RenderVideo } from \"./types\";\n\nexport function ApertoMediaTransitionClone({\n  onComplete,\n  renderImage,\n  renderVideo,\n  transition,\n}: {\n  onComplete: () => void;\n  renderImage?: RenderImage;\n  renderVideo?: RenderVideo;\n  transition: ApertoMediaTransition | null;\n}) {\n  const ctx = useApertoContext();\n\n  useEffect(() => {\n    if (!transition?.to) {\n      return;\n    }\n\n    const timer = setTimeout(\n      onComplete,\n      transitionDurationMs(ctx.preset.transition),\n    );\n    return () => clearTimeout(timer);\n  }, [ctx.preset.transition, onComplete, transition]);\n\n  if (!transition?.to) {\n    return null;\n  }\n\n  return (\n    <m.div\n      animate={rectTarget(transition.to)}\n      aria-hidden=\"true\"\n      data-slot=\"aperto-transition-media\"\n      initial={rectTarget(transition.from)}\n      style={{\n        borderRadius: \"var(--aperto-radius, 0.5rem)\",\n        overflow: \"hidden\",\n        pointerEvents: \"none\",\n        position: \"fixed\",\n        zIndex: 30,\n      }}\n      transition={ctx.preset.transition}\n    >\n      <ApertoTransitionMedia\n        item={transition.item}\n        renderImage={renderImage}\n        renderVideo={renderVideo}\n      />\n    </m.div>\n  );\n}\n","import type { TargetAndTransition, Transition } from \"motion/react\";\n\nexport interface ApertoRect {\n  height: number;\n  left: number;\n  top: number;\n  width: number;\n}\n\nexport interface ApertoMediaTransition {\n  from: ApertoRect;\n  item: import(\"./types\").ApertoMediaItem;\n  phase: \"opening\" | \"closing\";\n  to?: ApertoRect;\n}\n\nexport function rectFromElement(element: Element | null): ApertoRect | null {\n  if (!element) {\n    return null;\n  }\n\n  const rect = element.getBoundingClientRect();\n  return {\n    height: rect.height,\n    left: rect.left,\n    top: rect.top,\n    width: rect.width,\n  };\n}\n\nexport function rectTarget(rect: ApertoRect): TargetAndTransition {\n  return {\n    height: rect.height,\n    left: rect.left,\n    top: rect.top,\n    width: rect.width,\n  };\n}\n\nexport function transitionDurationMs(transition: Transition): number {\n  return typeof transition.duration === \"number\"\n    ? transition.duration * 1000\n    : 450;\n}\n","import type { NavigationDirection } from \"../expanded-media-stage\";\nimport type {\n  ApertoMediaTransition,\n  ApertoRect,\n} from \"../media-transition-utils\";\n\nexport interface ApertoGroupState {\n  closing: boolean;\n  internalIndex: number;\n  layoutSourceIndex: number;\n  mediaTransition: ApertoMediaTransition | null;\n  navigationDirection: NavigationDirection;\n  open: boolean;\n}\n\nexport type ApertoGroupAction =\n  | { type: \"close-without-transition\" }\n  | { type: \"complete-opening-target\"; rect: ApertoRect }\n  | { type: \"finish-transition\" }\n  | { type: \"navigate\"; direction: NavigationDirection; index: number }\n  | {\n      type: \"open-at-index\";\n      index: number;\n      transition: ApertoMediaTransition | null;\n    }\n  | { type: \"set-index\"; index: number }\n  | { type: \"set-open\"; open: boolean }\n  | { type: \"start-close\"; transition: ApertoMediaTransition };\n\nexport function getInitialGroupState(initialIndex: number): ApertoGroupState {\n  return {\n    closing: false,\n    internalIndex: initialIndex,\n    layoutSourceIndex: initialIndex,\n    mediaTransition: null,\n    navigationDirection: 0,\n    open: false,\n  };\n}\n\nexport function apertoGroupReducer(\n  state: ApertoGroupState,\n  action: ApertoGroupAction,\n): ApertoGroupState {\n  switch (action.type) {\n    case \"close-without-transition\":\n      return { ...state, closing: false, mediaTransition: null, open: false };\n    case \"complete-opening-target\":\n      if (\n        state.mediaTransition?.phase !== \"opening\" ||\n        state.mediaTransition.to\n      ) {\n        return state;\n      }\n      return {\n        ...state,\n        mediaTransition: { ...state.mediaTransition, to: action.rect },\n      };\n    case \"finish-transition\":\n      return {\n        ...state,\n        closing: false,\n        mediaTransition: null,\n        open: state.mediaTransition?.phase === \"closing\" ? false : state.open,\n      };\n    case \"navigate\":\n      return {\n        ...state,\n        internalIndex: action.index,\n        layoutSourceIndex: action.index,\n        navigationDirection: action.direction,\n      };\n    case \"open-at-index\":\n      return {\n        ...state,\n        closing: false,\n        internalIndex: action.index,\n        layoutSourceIndex: action.index,\n        mediaTransition: action.transition,\n        navigationDirection: 0,\n        open: true,\n      };\n    case \"set-index\":\n      return { ...state, internalIndex: action.index };\n    case \"set-open\":\n      return action.open\n        ? { ...state, closing: false, open: true }\n        : { ...state, open: false };\n    case \"start-close\":\n      return {\n        ...state,\n        closing: true,\n        mediaTransition: action.transition,\n      };\n  }\n}\n","export function shouldIgnoreKeyboardNavigationTarget(\n  target: EventTarget | null,\n): boolean {\n  if (!(target instanceof Element)) {\n    return false;\n  }\n\n  return (\n    (target as HTMLElement).isContentEditable ||\n    Boolean(\n      target.closest(\n        'input, textarea, select, [contenteditable]:not([contenteditable=\"false\"]), [role=\"textbox\"], audio, video',\n      ),\n    )\n  );\n}\n","\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\n\nconst ApertoClose = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof Dialog.Close>\n>(({ children, ...props }, ref) => {\n  return (\n    <Dialog.Close data-slot=\"aperto-close\" ref={ref} {...props}>\n      {children ?? <X aria-hidden=\"true\" size={17} strokeWidth={2} />}\n    </Dialog.Close>\n  );\n});\n\nApertoClose.displayName = \"ApertoClose\";\n\nexport { ApertoClose };\n","\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { m } from \"motion/react\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\n\nimport { useApertoContext } from \"./context\";\nimport { resolvePreset } from \"./presets\";\nimport type { MotionPresetName } from \"./types\";\n\nconst TRIGGER_OPEN_Z_INDEX = 1000;\n\nexport interface ApertoTriggerProps\n  extends ComponentPropsWithoutRef<typeof Dialog.Trigger> {\n  /** Internal flag used by grouped thumbnails to raise only the active trigger. */\n  active?: boolean;\n  /** Override motion preset for this trigger */\n  motion?: MotionPresetName;\n  /** Internal shared layout ID override for grouped thumbnails. */\n  sharedLayoutId?: string | false;\n}\n\nconst ApertoTrigger = forwardRef<HTMLButtonElement, ApertoTriggerProps>(\n  (\n    { active, children, motion: motionOverride, sharedLayoutId, ...props },\n    ref,\n  ) => {\n    const ctx = useApertoContext();\n    const shouldRaise = ctx.open && (active ?? true);\n    const zIndex = shouldRaise ? TRIGGER_OPEN_Z_INDEX : 0;\n\n    const resolved = resolvePreset(\n      \"trigger\",\n      motionOverride,\n      ctx.presetName,\n      ctx.variants,\n      ctx.reduceMotion,\n    );\n    const layoutId =\n      sharedLayoutId === false\n        ? undefined\n        : (sharedLayoutId ?? `${ctx.layoutId}-shared`);\n\n    return (\n      <Dialog.Trigger asChild ref={ref} {...props}>\n        <m.button\n          data-aperto-active={shouldRaise ? \"\" : undefined}\n          data-slot=\"aperto-trigger\"\n          key={layoutId ?? \"unshared\"}\n          layout\n          layoutCrossfade={false}\n          layoutId={layoutId}\n          style={{ zIndex }}\n          transition={resolved.transition}\n          type=\"button\"\n        >\n          {children}\n        </m.button>\n      </Dialog.Trigger>\n    );\n  },\n);\n\nApertoTrigger.displayName = \"ApertoTrigger\";\n\nexport { ApertoTrigger };\n","\"use client\";\n\nimport { ApertoClose } from \"../aperto-close\";\nimport { ApertoContent } from \"../aperto-content\";\nimport { ApertoDescription } from \"../aperto-description\";\nimport { ApertoOverlay } from \"../aperto-overlay\";\nimport { ApertoPortal } from \"../aperto-portal\";\nimport { ApertoRoot } from \"../aperto-root\";\nimport { ApertoTitle } from \"../aperto-title\";\nimport { ApertoTrigger } from \"../aperto-trigger\";\nimport { ApertoExpandedMedia, ApertoThumbnailMedia } from \"../media-rendering\";\nimport { getDescriptionProps, getMediaLabel } from \"../media-utils\";\nimport type { ApertoProps } from \"./ApertoTypes\";\n\nexport function ApertoSingle({\n  classNames,\n  dismissible,\n  media,\n  renderImage,\n  renderVideo,\n}: ApertoProps) {\n  const label = getMediaLabel(media);\n  const title = media.title ?? label;\n\n  return (\n    <ApertoRoot dismissible={dismissible}>\n      <ApertoTrigger\n        aria-label={`Open ${label}`}\n        className={classNames?.thumbnail}\n      >\n        <ApertoThumbnailMedia\n          item={media}\n          renderImage={renderImage}\n          renderVideo={renderVideo}\n        />\n      </ApertoTrigger>\n      <ApertoPortal>\n        <ApertoOverlay className={classNames?.overlay} />\n        <ApertoContent\n          className={classNames?.content}\n          {...getDescriptionProps(media)}\n        >\n          <ApertoExpandedMedia\n            item={media}\n            renderImage={renderImage}\n            renderVideo={renderVideo}\n          />\n          <ApertoTitle>{title}</ApertoTitle>\n          {media.description ? (\n            <ApertoDescription>{media.description}</ApertoDescription>\n          ) : null}\n          <ApertoClose\n            aria-label=\"Close\"\n            className={classNames?.closeButton}\n            type=\"button\"\n          />\n        </ApertoContent>\n      </ApertoPortal>\n    </ApertoRoot>\n  );\n}\n","\"use client\";\n\nimport { useApertoGroup } from \"../aperto-group-context\";\nimport { ApertoTrigger } from \"../aperto-trigger\";\nimport { ApertoThumbnailMedia } from \"../media-rendering\";\nimport { getMediaLabel } from \"../media-utils\";\nimport type { ApertoThumbnailProps } from \"./ApertoTypes\";\n\nexport function ApertoThumbnail({\n  children,\n  className,\n  index,\n}: ApertoThumbnailProps) {\n  const group = useApertoGroup();\n  const media = group.media[index];\n\n  if (!media) {\n    return null;\n  }\n\n  return (\n    <ApertoTrigger\n      active={group.index === index}\n      aria-label={`Open ${getMediaLabel(media)}`}\n      className={className ?? group.classNames?.thumbnail}\n      onClick={() => group.openAtIndex(index)}\n      ref={(node) => group.registerThumbnail(index, node)}\n      sharedLayoutId={false}\n    >\n      {children ?? (\n        <ApertoThumbnailMedia\n          item={media}\n          renderImage={group.renderImage}\n          renderVideo={group.renderVideo}\n        />\n      )}\n    </ApertoTrigger>\n  );\n}\n","\"use client\";\n\n/**\n * @patternmode/aperto\n *\n * Opinionated thumbnail-to-expanded media transitions.\n * Built on Radix Dialog + Motion.\n *\n * Inspired by Cambio (https://github.com/raphaelsalaja/cambio)\n * by Raphael Salaja.\n *\n * @example\n * ```tsx\n * import { Aperto } from \"@patternmode/aperto\";\n *\n * import { Aperto } from \"@patternmode/aperto\";\n * import \"@patternmode/aperto/styles.css\";\n *\n * <Aperto.Group media={media}>\n *   {media.map((item, index) => (\n *     <Aperto.Thumbnail key={item.id ?? item.src} index={index} />\n *   ))}\n * </Aperto.Group>\n * ```\n */\n\nimport {\n  ApertoGroup,\n  type ApertoGroupProps,\n  type ApertoProps,\n  ApertoSingle,\n  ApertoThumbnail,\n  type ApertoThumbnailProps,\n} from \"./aperto\";\nimport { ApertoClose } from \"./aperto-close\";\nimport { ApertoContent, type ApertoContentProps } from \"./aperto-content\";\nimport { ApertoDescription } from \"./aperto-description\";\nimport { ApertoOverlay, type ApertoOverlayProps } from \"./aperto-overlay\";\nimport { ApertoPortal, type ApertoPortalProps } from \"./aperto-portal\";\nimport { ApertoRoot, type ApertoRootProps } from \"./aperto-root\";\nimport { ApertoTitle } from \"./aperto-title\";\nimport { ApertoTrigger, type ApertoTriggerProps } from \"./aperto-trigger\";\n\n/** Lower-level compound component namespace for advanced composition. */\nconst ApertoPrimitive = {\n  Close: ApertoClose,\n  Content: ApertoContent,\n  Description: ApertoDescription,\n  Overlay: ApertoOverlay,\n  Portal: ApertoPortal,\n  Root: ApertoRoot,\n  Title: ApertoTitle,\n  Trigger: ApertoTrigger,\n};\n\n/** Primary media-first component namespace. */\nconst Aperto = Object.assign(ApertoSingle, {\n  Group: ApertoGroup,\n  Primitive: ApertoPrimitive,\n  Thumbnail: ApertoThumbnail,\n});\n\n// Preset system\nexport { PRESETS, resolvePreset } from \"./presets\";\n// Types\nexport type {\n  ApertoClassNames,\n  ApertoImageItem,\n  ApertoMediaItem,\n  ApertoVideoItem,\n  DismissibleConfig,\n  DragSpringConfig,\n  MotionPreset,\n  MotionPresetName,\n  MotionProp,\n  MotionVariants,\n  NavigationMotionPresetName,\n  RenderImage,\n  RenderVideo,\n} from \"./types\";\n// Named exports for tree-shaking\nexport {\n  Aperto,\n  ApertoClose,\n  ApertoContent,\n  type ApertoContentProps,\n  ApertoDescription,\n  ApertoGroup,\n  type ApertoGroupProps,\n  ApertoOverlay,\n  type ApertoOverlayProps,\n  ApertoPortal,\n  type ApertoPortalProps,\n  ApertoPrimitive,\n  type ApertoProps,\n  ApertoRoot,\n  type ApertoRootProps,\n  ApertoThumbnail,\n  type ApertoThumbnailProps,\n  ApertoTitle,\n  ApertoTrigger,\n  type ApertoTriggerProps,\n};\n"],"mappings":"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","names":["useCallback","useId","useMemo","Dialog","forwardRef","jsx","createContext","useContext","Dialog","m","forwardRef","jsx","forwardRef","m","Dialog","jsx","Dialog","useCallback","useMemo","useState","jsx","useState","useCallback","useMemo","Dialog","forwardRef","jsx","AnimatePresence","m","jsx","jsx","AnimatePresence","m","m","jsx","m","jsx","useId","useCallback","useMemo","Dialog","X","forwardRef","jsx","Dialog","m","forwardRef","jsx","forwardRef","m","jsx","jsxs","jsx"]}
+{"version":3,"sources":["../src/Aperto/ApertoGroup.tsx","../src/aperto-content.tsx","../src/context.ts","../src/physics.ts","../src/motion-tokens.ts","../src/presets.ts","../src/aperto-description.tsx","../src/aperto-group-context.ts","../src/aperto-overlay.tsx","../src/aperto-portal.tsx","../src/aperto-root.tsx","../src/aperto-title.tsx","../src/expanded-media-stage.tsx","../src/media-rendering.tsx","../src/media-utils.ts","../src/media-transition.tsx","../src/media-transition-utils.ts","../src/Aperto/ApertoGroupState.ts","../src/Aperto/ApertoKeyboard.ts","../src/aperto-close.tsx","../src/aperto-trigger.tsx","../src/Aperto/ApertoSingle.tsx","../src/Aperto/ApertoThumbnail.tsx","../src/index.ts"],"sourcesContent":["\"use client\";\n\nimport { ChevronLeft, ChevronRight, X } from \"lucide-react\";\nimport {\n  type CSSProperties,\n  type KeyboardEvent,\n  useCallback,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useReducer,\n  useRef,\n} from \"react\";\n\nimport { ApertoContent } from \"../aperto-content\";\nimport { ApertoDescription } from \"../aperto-description\";\nimport { ApertoGroupContext } from \"../aperto-group-context\";\nimport { ApertoOverlay } from \"../aperto-overlay\";\nimport { ApertoPortal } from \"../aperto-portal\";\nimport { ApertoRoot } from \"../aperto-root\";\nimport { ApertoTitle } from \"../aperto-title\";\nimport {\n  ApertoExpandedMediaStage,\n  type NavigationDirection,\n} from \"../expanded-media-stage\";\nimport { ApertoMediaTransitionClone } from \"../media-transition\";\nimport { rectFromElement } from \"../media-transition-utils\";\nimport { getDescriptionProps, getMediaLabel } from \"../media-utils\";\nimport type { ApertoClassNames } from \"../types\";\nimport { apertoGroupReducer, getInitialGroupState } from \"./ApertoGroupState\";\nimport { shouldIgnoreKeyboardNavigationTarget } from \"./ApertoKeyboard\";\nimport type { ApertoGroupProps } from \"./ApertoTypes\";\n\nexport function ApertoGroup({\n  children,\n  classNames,\n  dismissible,\n  index: controlledIndex,\n  initialIndex = 0,\n  media,\n  motion: motionProp,\n  navigationMotion = \"glide\",\n  onIndexChange,\n  renderImage,\n  renderVideo,\n}: ApertoGroupProps) {\n  const generatedId = useId();\n  const [state, dispatch] = useReducer(\n    apertoGroupReducer,\n    initialIndex,\n    getInitialGroupState\n  );\n  const isControlled = controlledIndex !== undefined;\n  const index = isControlled ? controlledIndex : state.internalIndex;\n  const activeMedia = media[index] ?? media[0];\n  const expandedMediaRef = useRef<HTMLDivElement | null>(null);\n  const thumbnailRefs = useRef<Map<number, HTMLButtonElement> | null>(null);\n  if (thumbnailRefs.current === null) {\n    thumbnailRefs.current = new Map();\n  }\n  const thumbnailMap = thumbnailRefs.current;\n  const sharedLayoutIdForIndex = useCallback(\n    (nextIndex: number) => `aperto-group-${generatedId}-${nextIndex}-shared`,\n    [generatedId]\n  );\n  const sharedLayoutId = sharedLayoutIdForIndex(state.layoutSourceIndex);\n  const measureOpeningTarget = useCallback((node: HTMLDivElement) => {\n    const targetRect = rectFromElement(node);\n    if (!targetRect) {\n      return;\n    }\n    dispatch({ rect: targetRect, type: \"complete-opening-target\" });\n  }, []);\n  const setExpandedMediaNode = useCallback(\n    (node: HTMLDivElement | null) => {\n      expandedMediaRef.current = node;\n      if (node) {\n        measureOpeningTarget(node);\n      }\n    },\n    [measureOpeningTarget]\n  );\n\n  const registerThumbnail = useCallback(\n    (thumbIndex: number, node: HTMLButtonElement | null) => {\n      if (node) {\n        thumbnailMap.set(thumbIndex, node);\n        return;\n      }\n      thumbnailMap.delete(thumbIndex);\n    },\n    [thumbnailMap]\n  );\n\n  useLayoutEffect(() => {\n    if (\n      state.mediaTransition?.phase !== \"opening\" ||\n      state.mediaTransition.to ||\n      !expandedMediaRef.current\n    ) {\n      return;\n    }\n\n    measureOpeningTarget(expandedMediaRef.current);\n  }, [measureOpeningTarget, state.mediaTransition]);\n\n  const setIndex = useCallback(\n    (nextIndex: number) => {\n      if (!isControlled) {\n        dispatch({ index: nextIndex, type: \"set-index\" });\n      }\n      onIndexChange?.(nextIndex);\n    },\n    [isControlled, onIndexChange]\n  );\n\n  const openAtIndex = useCallback(\n    (thumbIndex: number) => {\n      const sourceRect = rectFromElement(thumbnailMap.get(thumbIndex) ?? null);\n      const item = media[thumbIndex];\n      const transition =\n        sourceRect && item\n          ? { from: sourceRect, item, phase: \"opening\" as const }\n          : null;\n\n      dispatch({ index: thumbIndex, transition, type: \"open-at-index\" });\n      onIndexChange?.(thumbIndex);\n    },\n    [media, onIndexChange, thumbnailMap]\n  );\n\n  const startClose = useCallback(() => {\n    if (!state.open || state.closing) {\n      return;\n    }\n\n    const sourceRect = rectFromElement(expandedMediaRef.current);\n    const targetRect = rectFromElement(thumbnailMap.get(index) ?? null);\n\n    if (!activeMedia || !sourceRect || !targetRect) {\n      dispatch({ type: \"close-without-transition\" });\n      return;\n    }\n\n    dispatch({\n      transition: {\n        from: sourceRect,\n        item: activeMedia,\n        phase: \"closing\",\n        to: targetRect,\n      },\n      type: \"start-close\",\n    });\n  }, [activeMedia, index, state.closing, state.open, thumbnailMap]);\n\n  const handleCloseAutoFocus = useCallback(\n    (event: Event) => {\n      event.preventDefault();\n      thumbnailMap.get(index)?.focus({ preventScroll: true });\n    },\n    [index, thumbnailMap]\n  );\n\n  const handleMediaTransitionComplete = useCallback(() => {\n    dispatch({ type: \"finish-transition\" });\n  }, []);\n\n  const handleOpenChange = useCallback(\n    (nextOpen: boolean) => {\n      if (nextOpen) {\n        dispatch({ open: true, type: \"set-open\" });\n        return;\n      }\n\n      startClose();\n    },\n    [startClose]\n  );\n\n  const value = useMemo(\n    () => ({\n      classNames,\n      index,\n      media,\n      open: state.open,\n      openAtIndex,\n      registerThumbnail,\n      renderImage,\n      renderVideo,\n      setIndex,\n      sharedLayoutId,\n      sharedLayoutIdForIndex,\n    }),\n    [\n      classNames,\n      index,\n      media,\n      state.open,\n      openAtIndex,\n      registerThumbnail,\n      renderImage,\n      renderVideo,\n      setIndex,\n      sharedLayoutId,\n      sharedLayoutIdForIndex,\n    ]\n  );\n  const hasNavigation = media.length > 1;\n  const navigateToIndex = useCallback(\n    (nextIndex: number, direction: NavigationDirection) => {\n      dispatch({ direction, index: nextIndex, type: \"navigate\" });\n      onIndexChange?.(nextIndex);\n    },\n    [onIndexChange]\n  );\n  const goToPrevious = useCallback(() => {\n    navigateToIndex((index - 1 + media.length) % media.length, -1);\n  }, [index, media.length, navigateToIndex]);\n  const goToNext = useCallback(() => {\n    navigateToIndex((index + 1) % media.length, 1);\n  }, [index, media.length, navigateToIndex]);\n  const handleContentKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (\n        event.defaultPrevented ||\n        event.altKey ||\n        event.ctrlKey ||\n        event.metaKey ||\n        shouldIgnoreKeyboardNavigationTarget(event.target)\n      ) {\n        return;\n      }\n\n      if (event.key === \"ArrowLeft\") {\n        event.preventDefault();\n        goToPrevious();\n      }\n\n      if (event.key === \"ArrowRight\") {\n        event.preventDefault();\n        goToNext();\n      }\n    },\n    [goToNext, goToPrevious]\n  );\n  const expandedMediaStyle = useMemo((): CSSProperties | undefined => {\n    if (!activeMedia?.width || !activeMedia.height) {\n      return undefined;\n    }\n\n    return {\n      \"--aperto-expanded-aspect-ratio\": `${activeMedia.width} / ${activeMedia.height}`,\n      \"--aperto-expanded-aspect-ratio-height\": activeMedia.height,\n      \"--aperto-expanded-aspect-ratio-width\": activeMedia.width,\n    } as CSSProperties;\n  }, [activeMedia?.height, activeMedia?.width]);\n\n  return (\n    <ApertoGroupContext.Provider value={value}>\n      <ApertoRoot\n        dismissible={dismissible}\n        motion={motionProp}\n        onOpenChange={handleOpenChange}\n        open={state.open}\n      >\n        {children}\n        {activeMedia ? (\n          <ApertoPortal>\n            <ApertoOverlay\n              className={classNames?.overlay}\n              fadeOut={state.closing}\n            />\n            <ApertoContent\n              className={classNames?.content}\n              data-aperto-transition={state.mediaTransition?.phase}\n              onCloseAutoFocus={handleCloseAutoFocus}\n              onKeyDown={hasNavigation ? handleContentKeyDown : undefined}\n              sharedLayoutId={false}\n              {...getDescriptionProps(activeMedia)}\n            >\n              <div\n                data-slot=\"aperto-media\"\n                ref={setExpandedMediaNode}\n                style={expandedMediaStyle}\n              >\n                <ApertoExpandedMediaStage\n                  direction={state.navigationDirection}\n                  index={index}\n                  item={activeMedia}\n                  navigationMotion={navigationMotion}\n                  renderImage={renderImage}\n                  renderVideo={renderVideo}\n                />\n                <ApertoMediaNavigationButtons\n                  classNames={classNames}\n                  enabled={hasNavigation}\n                  onNext={goToNext}\n                  onPrevious={goToPrevious}\n                />\n              </div>\n              <ApertoTitle>\n                {activeMedia.title ?? getMediaLabel(activeMedia)}\n              </ApertoTitle>\n              {activeMedia.description ? (\n                <ApertoDescription>{activeMedia.description}</ApertoDescription>\n              ) : null}\n              {hasNavigation ? (\n                <div className={classNames?.counter} data-slot=\"aperto-counter\">\n                  {index + 1} / {media.length}\n                </div>\n              ) : null}\n              <button\n                aria-label=\"Close\"\n                className={classNames?.closeButton}\n                data-slot=\"aperto-close\"\n                onClick={startClose}\n                type=\"button\"\n              >\n                <X aria-hidden=\"true\" size={17} strokeWidth={2} />\n              </button>\n            </ApertoContent>\n            <ApertoMediaTransitionClone\n              onComplete={handleMediaTransitionComplete}\n              renderImage={renderImage}\n              renderVideo={renderVideo}\n              transition={state.mediaTransition}\n            />\n          </ApertoPortal>\n        ) : null}\n      </ApertoRoot>\n    </ApertoGroupContext.Provider>\n  );\n}\n\nfunction ApertoMediaNavigationButtons({\n  classNames,\n  enabled,\n  onNext,\n  onPrevious,\n}: {\n  classNames: ApertoClassNames | undefined;\n  enabled: boolean;\n  onNext: () => void;\n  onPrevious: () => void;\n}) {\n  if (!enabled) {\n    return null;\n  }\n\n  return (\n    <>\n      <button\n        aria-label=\"Previous media\"\n        className={classNames?.previousButton}\n        data-slot=\"aperto-previous-button\"\n        onClick={onPrevious}\n        type=\"button\"\n      >\n        <ChevronLeft aria-hidden=\"true\" size={18} strokeWidth={2} />\n      </button>\n      <button\n        aria-label=\"Next media\"\n        className={classNames?.nextButton}\n        data-slot=\"aperto-next-button\"\n        onClick={onNext}\n        type=\"button\"\n      >\n        <ChevronRight aria-hidden=\"true\" size={18} strokeWidth={2} />\n      </button>\n    </>\n  );\n}\n","\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport {\n  type MotionStyle,\n  m,\n  type PanInfo,\n  useMotionValue,\n  useSpring,\n  useTransform,\n} from \"motion/react\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  useCallback,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { useApertoContext } from \"./context\";\nimport {\n  calculateResistance,\n  DEFAULT_DISTANCE_THRESHOLD,\n  DEFAULT_VELOCITY_THRESHOLD,\n  OPACITY_INPUT,\n  OPACITY_OUTPUT,\n  SCALE_INPUT,\n  SCALE_OUTPUT,\n} from \"./physics\";\nimport { getDragSpring, resolvePreset } from \"./presets\";\nimport type { DismissibleConfig, MotionPresetName } from \"./types\";\n\nexport interface ApertoContentProps extends Omit<\n  ComponentPropsWithoutRef<typeof Dialog.Content>,\n  \"asChild\" | \"forceMount\"\n> {\n  /** Motion preset override for this content panel, independent of the root preset. */\n  motion?: MotionPresetName;\n  /** Built-in positioning strategy. Use \"none\" for custom primitive compositions. */\n  placement?: \"center\" | \"none\";\n  /** Internal shared layout ID override for grouped media. */\n  sharedLayoutId?: string | false;\n}\n\nconst ApertoContent = forwardRef<HTMLDivElement, ApertoContentProps>(\n  (\n    {\n      children,\n      className,\n      motion: motionOverride,\n      placement = \"center\",\n      sharedLayoutId,\n      style,\n      ...props\n    },\n    ref\n  ) => {\n    const ctx = useApertoContext();\n    const [isDragging, setIsDragging] = useState(false);\n    const resolved = resolvePreset(\n      \"content\",\n      motionOverride,\n      ctx.presetName,\n      ctx.variants,\n      ctx.reduceMotion\n    );\n\n    const contentLayoutId =\n      sharedLayoutId === false\n        ? undefined\n        : (sharedLayoutId ?? `${ctx.layoutId}-shared`);\n\n    const dragSpring = getDragSpring(resolved);\n    const isDismissible = ctx.dismissible !== false;\n\n    const dismissConfig: DismissibleConfig =\n      typeof ctx.dismissible === \"object\" ? ctx.dismissible : {};\n    const distanceThreshold =\n      dismissConfig.threshold ?? DEFAULT_DISTANCE_THRESHOLD;\n    const velocityThreshold =\n      dismissConfig.velocity ?? DEFAULT_VELOCITY_THRESHOLD;\n\n    const dragX = useMotionValue(0);\n    const dragY = useMotionValue(0);\n    const springX = useSpring(dragX, dragSpring);\n    const springY = useSpring(dragY, dragSpring);\n\n    const distance = useTransform(() =>\n      Math.hypot(springX.get(), springY.get())\n    );\n    const scaleMotion = useTransform(distance, SCALE_INPUT, SCALE_OUTPUT);\n    const opacityMotion = useTransform(distance, OPACITY_INPUT, OPACITY_OUTPUT);\n    const resistance = useTransform(distance, calculateResistance);\n\n    const handleDrag = useCallback(\n      (_event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo) => {\n        if (!isDragging) {\n          setIsDragging(true);\n        }\n        const r = resistance.get();\n        dragX.set(info.offset.x * r);\n        dragY.set(info.offset.y * r);\n      },\n      [dragX, dragY, isDragging, resistance]\n    );\n\n    const handleDragEnd = useCallback(\n      (_event: MouseEvent | TouchEvent | PointerEvent, info: PanInfo) => {\n        setIsDragging(false);\n        const speed = Math.hypot(info.velocity.x, info.velocity.y);\n        const dist = Math.hypot(info.offset.x, info.offset.y);\n\n        if (speed > velocityThreshold || dist > distanceThreshold) {\n          ctx.onOpenChange(false);\n          return;\n        }\n\n        dragX.set(0);\n        dragY.set(0);\n      },\n      [ctx.onOpenChange, distanceThreshold, dragX, dragY, velocityThreshold]\n    );\n\n    const motionStyle = useMemo(\n      (): MotionStyle => ({\n        cursor: isDragging ? \"grabbing\" : isDismissible ? \"grab\" : undefined,\n        opacity: opacityMotion,\n        scale: scaleMotion,\n        x: springX,\n        y: springY,\n        ...(placement === \"center\"\n          ? {\n              left: \"50%\",\n              top: \"50%\",\n              translate: \"-50% -50%\",\n            }\n          : {}),\n        ...style,\n      }),\n      [\n        isDismissible,\n        isDragging,\n        opacityMotion,\n        placement,\n        scaleMotion,\n        springX,\n        springY,\n        style,\n      ]\n    );\n\n    return (\n      <Dialog.Content asChild forceMount {...props}>\n        <m.div\n          className={className}\n          data-slot=\"aperto-content\"\n          drag={isDismissible}\n          dragConstraints={{ bottom: 0, left: 0, right: 0, top: 0 }}\n          dragElastic={0}\n          dragMomentum={false}\n          dragSnapToOrigin\n          layout={contentLayoutId ? true : undefined}\n          layoutId={contentLayoutId}\n          onDrag={isDismissible ? handleDrag : undefined}\n          onDragEnd={isDismissible ? handleDragEnd : undefined}\n          ref={ref}\n          style={motionStyle}\n          transition={resolved.transition}\n        >\n          {children}\n        </m.div>\n      </Dialog.Content>\n    );\n  }\n);\n\nApertoContent.displayName = \"ApertoContent\";\n\nexport { ApertoContent };\n","\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nimport type { ApertoContextValue } from \"./types\";\n\nexport const ApertoContext = createContext<ApertoContextValue | null>(null);\n\nexport function useApertoContext(): ApertoContextValue {\n  const ctx = useContext(ApertoContext);\n  if (!ctx) {\n    throw new Error(\"Aperto components must be used within <Aperto.Root>\");\n  }\n  return ctx;\n}\n","/**\n * Drag physics utilities.\n *\n * The logarithmic resistance function creates a rubber-band feel:\n * initial movement is free, but gets progressively harder the further\n * you drag. Combined with spring-smoothed motion values, this produces\n * a natural, elastic gesture.\n */\n\nconst RESISTANCE_DIVISOR = 20;\nconst RESISTANCE_SCALE = 4;\nconst RESISTANCE_MIN = 0.1;\n\n/**\n * Logarithmic resistance — decelerates drag progressively.\n * Returns a multiplier between RESISTANCE_MIN and 1.0.\n *\n * At distance 0: returns 1.0 (full movement)\n * At distance 50: returns ~0.77\n * At distance 100: returns ~0.58\n * At distance 200: returns ~0.42\n */\nexport function calculateResistance(distance: number): number {\n  return Math.max(\n    RESISTANCE_MIN,\n    1 - Math.log(distance / RESISTANCE_DIVISOR + 1) / RESISTANCE_SCALE\n  );\n}\n\n/** Scale mapping: distance → visual scale (1.0 → 0.95) */\nexport const SCALE_INPUT = [0, 50, 100];\nexport const SCALE_OUTPUT = [1, 0.98, 0.95];\n\n/** Opacity mapping: distance → visual opacity (1.0 → 0.96) */\nexport const OPACITY_INPUT = [0, 80];\nexport const OPACITY_OUTPUT = [1, 0.96];\n\n/** Default dismissal thresholds */\nexport const DEFAULT_DISTANCE_THRESHOLD = 100;\nexport const DEFAULT_VELOCITY_THRESHOLD = 500;\n","import type { Easing } from \"motion/react\";\n\nexport const durations = {\n  snappy: 0.22,\n  moderate: 0.4,\n} as const;\n\nexport const easings = {\n  customGentle: [0.25, 0.1, 0.12, 1],\n  snappy: [0.22, 1, 0.36, 1],\n} satisfies Record<string, Easing>;\n\nexport const springs = {\n  bouncy: { stiffness: 260, damping: 12, mass: 1 },\n  natural: { stiffness: 200, damping: 20, mass: 1 },\n  snappy: { stiffness: 400, damping: 28, mass: 0.8 },\n  stiff: { stiffness: 500, damping: 30, mass: 1 },\n} as const;\n","import { durations, easings, springs } from \"./motion-tokens\";\nimport type {\n  DragSpringConfig,\n  MotionPreset,\n  MotionPresetName,\n  MotionVariants,\n} from \"./types\";\n\n/**\n * Motion presets — each bundles transition timing AND drag physics\n * so \"snappy\" feels snappy everywhere: open, close, and drag.\n *\n * Curves and springs are local copies of the Howells motion tokens so the\n * published package has no private workspace runtime dependencies.\n */\nexport const PRESETS: Record<MotionPresetName, MotionPreset> = {\n  snappy: {\n    transition: { ease: easings.snappy, duration: durations.snappy },\n    drag: {\n      stiffness: springs.stiff.stiffness,\n      damping: springs.stiff.damping,\n      restDelta: 0.01,\n    },\n  },\n  smooth: {\n    transition: { ease: easings.customGentle, duration: durations.moderate },\n    drag: {\n      stiffness: springs.natural.stiffness,\n      damping: springs.natural.damping,\n      restDelta: 0.01,\n    },\n  },\n  bouncy: {\n    transition: {\n      type: \"spring\",\n      stiffness: springs.bouncy.stiffness,\n      damping: springs.bouncy.damping,\n      mass: springs.bouncy.mass,\n    },\n    drag: {\n      stiffness: springs.snappy.stiffness,\n      damping: springs.snappy.damping,\n      restDelta: 0.01,\n    },\n  },\n  reduced: {\n    transition: { ease: \"linear\", duration: 0.01 },\n    drag: { stiffness: 1000, damping: 50, restDelta: 0.1 },\n  },\n};\n\ntype ComponentType = \"trigger\" | \"content\" | \"backdrop\";\n\n/**\n * Three-level motion resolution:\n * 1. Component-level override (highest)\n * 2. Per-component variant from Root\n * 3. Global preset from Root (lowest)\n *\n * If `prefers-reduced-motion` is active, always returns \"reduced\".\n */\nexport function resolvePreset(\n  componentType: ComponentType,\n  componentMotion: MotionPresetName | undefined,\n  globalPreset: MotionPresetName,\n  variants: MotionVariants | undefined,\n  reduceMotion: boolean\n): MotionPreset {\n  if (reduceMotion) {\n    return PRESETS.reduced;\n  }\n\n  // 1. Component-level override\n  if (componentMotion) {\n    return PRESETS[componentMotion];\n  }\n\n  // 2. Per-component variant\n  if (variants?.[componentType]) {\n    return PRESETS[variants[componentType]];\n  }\n\n  // 3. Global preset\n  return PRESETS[globalPreset];\n}\n\n/** Extract the drag spring config from a preset */\nexport function getDragSpring(preset: MotionPreset): DragSpringConfig {\n  return preset.drag;\n}\n","\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\n\nconst ApertoDescription = forwardRef<\n  HTMLParagraphElement,\n  ComponentPropsWithoutRef<typeof Dialog.Description>\n>((props, ref) => {\n  return (\n    <Dialog.Description data-slot=\"aperto-description\" ref={ref} {...props} />\n  );\n});\n\nApertoDescription.displayName = \"ApertoDescription\";\n\nexport { ApertoDescription };\n","import { createContext, useContext } from \"react\";\n\nimport type {\n  ApertoClassNames,\n  ApertoMediaItem,\n  RenderImage,\n  RenderVideo,\n} from \"./types\";\n\nexport interface ApertoGroupContextValue {\n  classNames?: ApertoClassNames;\n  index: number;\n  media: ApertoMediaItem[];\n  open: boolean;\n  openAtIndex: (index: number) => void;\n  registerThumbnail: (index: number, node: HTMLButtonElement | null) => void;\n  renderImage?: RenderImage;\n  renderVideo?: RenderVideo;\n  setIndex: (index: number) => void;\n  sharedLayoutId: string;\n  sharedLayoutIdForIndex: (index: number) => string;\n}\n\nexport const ApertoGroupContext = createContext<ApertoGroupContextValue | null>(\n  null\n);\n\nexport function useApertoGroup(): ApertoGroupContextValue {\n  const ctx = useContext(ApertoGroupContext);\n  if (!ctx) {\n    throw new Error(\"Aperto.Thumbnail must be used within <Aperto.Group>\");\n  }\n  return ctx;\n}\n","\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { m, type Transition } from \"motion/react\";\nimport { forwardRef } from \"react\";\n\nimport { useApertoContext } from \"./context\";\nimport { easings } from \"./motion-tokens\";\n\nexport interface ApertoOverlayProps {\n  className?: string;\n  /** Internal flag used to fade the overlay during measured close transitions. */\n  fadeOut?: boolean;\n  style?: React.CSSProperties;\n}\n\n/** Overlay always fades gently regardless of the content's motion preset. */\nconst OVERLAY_TRANSITION: Transition = {\n  duration: 0.3,\n  ease: easings.customGentle,\n};\n\nconst OVERLAY_TRANSITION_REDUCED: Transition = {\n  duration: 0.01,\n  ease: \"linear\",\n};\n\nconst ApertoOverlay = forwardRef<HTMLDivElement, ApertoOverlayProps>(\n  ({ className, fadeOut, style }, ref) => {\n    const ctx = useApertoContext();\n    const transition = ctx.reduceMotion\n      ? OVERLAY_TRANSITION_REDUCED\n      : OVERLAY_TRANSITION;\n\n    return (\n      <Dialog.Overlay asChild forceMount>\n        <m.div\n          animate={{ opacity: fadeOut ? 0 : 1 }}\n          className={className}\n          data-slot=\"aperto-overlay\"\n          exit={{ opacity: 0 }}\n          initial={{ opacity: 0 }}\n          ref={ref}\n          style={style}\n          transition={transition}\n        />\n      </Dialog.Overlay>\n    );\n  }\n);\n\nApertoOverlay.displayName = \"ApertoOverlay\";\n\nexport { ApertoOverlay };\n","\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { AnimatePresence } from \"motion/react\";\nimport type { ReactNode } from \"react\";\n\nimport { useApertoContext } from \"./context\";\n\nexport interface ApertoPortalProps {\n  children: ReactNode;\n  /** Container element for the portal (default: document.body) */\n  container?: HTMLElement;\n}\n\nfunction ApertoPortal({ children, container }: ApertoPortalProps) {\n  const { open } = useApertoContext();\n\n  return (\n    <AnimatePresence>\n      {open && (\n        <Dialog.Portal container={container} forceMount>\n          {children}\n        </Dialog.Portal>\n      )}\n    </AnimatePresence>\n  );\n}\n\nexport { ApertoPortal };\n","\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport {\n  domMax,\n  LayoutGroup,\n  LazyMotion,\n  useReducedMotion,\n} from \"motion/react\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  useCallback,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { ApertoContext } from \"./context\";\nimport { PRESETS } from \"./presets\";\nimport type {\n  DismissibleConfig,\n  MotionPresetName,\n  MotionVariants,\n} from \"./types\";\n\nexport interface ApertoRootProps extends Omit<\n  ComponentPropsWithoutRef<typeof Dialog.Root>,\n  \"open\" | \"onOpenChange\"\n> {\n  children: ReactNode;\n  /** Whether dragging can dismiss the content (default: true) */\n  dismissible?: boolean | DismissibleConfig;\n  /** Layout ID for shared element transition (auto-generated if omitted) */\n  layoutId?: string;\n  /** Motion preset or per-component variants */\n  motion?: MotionPresetName | MotionVariants;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Force reduced motion regardless of system preference */\n  reduceMotion?: boolean;\n}\n\nfunction ApertoRoot({\n  children,\n  dismissible = true,\n  layoutId: layoutIdProp,\n  motion: motionProp = \"smooth\",\n  open: controlledOpen,\n  onOpenChange: controlledOnOpenChange,\n  reduceMotion: reduceMotionProp,\n  ...dialogProps\n}: ApertoRootProps) {\n  const generatedId = useId();\n  const layoutId = layoutIdProp ?? `aperto-${generatedId}`;\n  const systemReducedMotion = useReducedMotion() ?? false;\n  const shouldReduce = reduceMotionProp ?? systemReducedMotion;\n\n  // Uncontrolled state fallback\n  const [internalOpen, setInternalOpen] = useState(false);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n\n  const onOpenChange = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(nextOpen);\n      }\n      controlledOnOpenChange?.(nextOpen);\n    },\n    [isControlled, controlledOnOpenChange]\n  );\n\n  // Resolve global preset name\n  const globalPresetName: MotionPresetName =\n    typeof motionProp === \"string\" ? motionProp : \"smooth\";\n  const variants: MotionVariants | undefined =\n    typeof motionProp === \"object\" ? motionProp : undefined;\n\n  const presetName: MotionPresetName = shouldReduce\n    ? \"reduced\"\n    : globalPresetName;\n  const preset = PRESETS[presetName];\n  const contextValue = useMemo(\n    () => ({\n      dismissible,\n      layoutId,\n      onOpenChange,\n      open,\n      preset,\n      presetName,\n      reduceMotion: shouldReduce,\n      variants,\n    }),\n    [\n      dismissible,\n      layoutId,\n      onOpenChange,\n      open,\n      preset,\n      presetName,\n      shouldReduce,\n      variants,\n    ]\n  );\n\n  return (\n    <ApertoContext.Provider value={contextValue}>\n      <Dialog.Root onOpenChange={onOpenChange} open={open} {...dialogProps}>\n        <LazyMotion features={domMax}>\n          <LayoutGroup id={layoutId}>{children}</LayoutGroup>\n        </LazyMotion>\n      </Dialog.Root>\n    </ApertoContext.Provider>\n  );\n}\n\nexport { ApertoRoot };\n","\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\n\nconst ApertoTitle = forwardRef<\n  HTMLHeadingElement,\n  ComponentPropsWithoutRef<typeof Dialog.Title>\n>((props, ref) => {\n  return <Dialog.Title data-slot=\"aperto-title\" ref={ref} {...props} />;\n});\n\nApertoTitle.displayName = \"ApertoTitle\";\n\nexport { ApertoTitle };\n","import {\n  AnimatePresence,\n  m,\n  type TargetAndTransition,\n  type Transition,\n} from \"motion/react\";\n\nimport { useApertoContext } from \"./context\";\nimport { ApertoExpandedMedia } from \"./media-rendering\";\nimport { getMediaKey } from \"./media-utils\";\nimport type {\n  ApertoMediaItem,\n  NavigationMotionPresetName,\n  RenderImage,\n  RenderVideo,\n} from \"./types\";\n\nexport type NavigationDirection = -1 | 0 | 1;\n\ninterface NavigationMotionPreset {\n  offset: number;\n  scale: number;\n  transition: Transition;\n}\n\ninterface NavigationAnimationCustom {\n  direction: NavigationDirection;\n  offset: number;\n  scale: number;\n}\n\nconst NAVIGATION_MOTION_PRESETS: Record<\n  NavigationMotionPresetName,\n  NavigationMotionPreset\n> = {\n  float: {\n    offset: 96,\n    scale: 0.97,\n    transition: {\n      opacity: { duration: 0.34, ease: [0.45, 0, 0.2, 1] },\n      scale: { damping: 26, mass: 1.15, stiffness: 80, type: \"spring\" },\n      x: { damping: 26, mass: 1.15, stiffness: 80, type: \"spring\" },\n    },\n  },\n  glide: {\n    offset: 58,\n    scale: 0.984,\n    transition: {\n      opacity: { duration: 0.24, ease: [0.4, 0, 0.2, 1] },\n      scale: { damping: 28, mass: 0.95, stiffness: 150, type: \"spring\" },\n      x: { damping: 28, mass: 0.95, stiffness: 150, type: \"spring\" },\n    },\n  },\n  snap: {\n    offset: 38,\n    scale: 0.996,\n    transition: {\n      opacity: { duration: 0.12, ease: [0.2, 0, 0, 1] },\n      scale: { damping: 34, mass: 0.7, stiffness: 420, type: \"spring\" },\n      x: { damping: 34, mass: 0.7, stiffness: 420, type: \"spring\" },\n    },\n  },\n};\n\nconst REDUCED_EXPANDED_MEDIA_TRANSITION: Transition = {\n  duration: 0.12,\n  ease: \"linear\",\n};\n\nconst expandedMediaVariants = {\n  center: {\n    opacity: 1,\n    scale: 1,\n    x: 0,\n  },\n  enter: ({\n    direction,\n    offset,\n    scale,\n  }: NavigationAnimationCustom): TargetAndTransition => ({\n    opacity: 0,\n    scale: direction === 0 ? 1 : scale,\n    x: direction * offset,\n  }),\n  exit: ({\n    direction,\n    offset,\n    scale,\n  }: NavigationAnimationCustom): TargetAndTransition => ({\n    opacity: 0,\n    scale: direction === 0 ? 1 : scale,\n    x: direction * -offset,\n  }),\n};\n\nconst reducedExpandedMediaVariants = {\n  center: {\n    opacity: 1,\n    x: 0,\n  },\n  enter: {\n    opacity: 0,\n    x: 0,\n  },\n  exit: {\n    opacity: 0,\n    x: 0,\n  },\n};\n\nexport function ApertoExpandedMediaStage({\n  direction,\n  index,\n  item,\n  navigationMotion,\n  renderImage,\n  renderVideo,\n}: {\n  direction: NavigationDirection;\n  index: number;\n  item: ApertoMediaItem;\n  navigationMotion: NavigationMotionPresetName;\n  renderImage?: RenderImage;\n  renderVideo?: RenderVideo;\n}) {\n  const ctx = useApertoContext();\n  const preset = NAVIGATION_MOTION_PRESETS[navigationMotion];\n  const transition = ctx.reduceMotion\n    ? REDUCED_EXPANDED_MEDIA_TRANSITION\n    : preset.transition;\n  const variants = ctx.reduceMotion\n    ? reducedExpandedMediaVariants\n    : expandedMediaVariants;\n  const animationCustom: NavigationAnimationCustom = {\n    direction,\n    offset: preset.offset,\n    scale: preset.scale,\n  };\n\n  return (\n    <AnimatePresence custom={animationCustom} initial={false} mode=\"sync\">\n      <m.div\n        animate=\"center\"\n        custom={animationCustom}\n        data-navigation-direction={direction}\n        data-navigation-motion={navigationMotion}\n        data-slot=\"aperto-media-stage\"\n        exit=\"exit\"\n        initial=\"enter\"\n        key={getMediaKey(item, index)}\n        transition={transition}\n        variants={variants}\n      >\n        <ApertoExpandedMedia\n          item={item}\n          renderImage={renderImage}\n          renderVideo={renderVideo}\n        />\n      </m.div>\n    </AnimatePresence>\n  );\n}\n","import { createElement, type ReactNode } from \"react\";\n\nimport type { ApertoMediaItem, RenderImage, RenderVideo } from \"./types\";\n\nfunction renderDefaultImage(props: Parameters<RenderImage>[0]): ReactNode {\n  const { item: _item, variant: _variant, ...imageProps } = props;\n  return createElement(\"img\", { ...imageProps, alt: imageProps.alt ?? \"\" });\n}\n\nfunction renderDefaultVideo(props: Parameters<RenderVideo>[0]): ReactNode {\n  const { item: _item, variant, ...videoProps } = props;\n  if (variant === \"thumbnail\") {\n    return createElement(\"img\", {\n      alt: videoProps[\"aria-label\"] ?? \"\",\n      src: props.item.thumbnailSrc,\n    });\n  }\n  return (\n    <video {...videoProps}>\n      <track kind=\"captions\" src={props.item.captionsSrc ?? \"data:text/vtt,\"} />\n    </video>\n  );\n}\n\nexport function ApertoThumbnailMedia({\n  item,\n  renderImage,\n  renderVideo,\n}: {\n  item: ApertoMediaItem;\n  renderImage?: RenderImage;\n  renderVideo?: RenderVideo;\n}) {\n  if (item.type === \"image\") {\n    const imageProps: Parameters<RenderImage>[0] = {\n      alt: \"\",\n      height: item.height,\n      item,\n      src: item.thumbnailSrc ?? item.src,\n      variant: \"thumbnail\",\n      width: item.width,\n    };\n    return (renderImage ?? renderDefaultImage)(imageProps);\n  }\n\n  const videoProps: Parameters<RenderVideo>[0] = {\n    \"aria-label\": item.alt ?? item.title ?? \"Video thumbnail\",\n    height: item.height,\n    item,\n    poster: item.poster,\n    src: item.thumbnailSrc,\n    variant: \"thumbnail\",\n    width: item.width,\n  };\n  return (renderVideo ?? renderDefaultVideo)(videoProps);\n}\n\nexport function ApertoExpandedMedia({\n  item,\n  renderImage,\n  renderVideo,\n}: {\n  item: ApertoMediaItem;\n  renderImage?: RenderImage;\n  renderVideo?: RenderVideo;\n}) {\n  if (item.type === \"image\") {\n    const imageProps: Parameters<RenderImage>[0] = {\n      alt: item.alt,\n      height: item.height,\n      item,\n      src: item.src,\n      variant: \"expanded\",\n      width: item.width,\n    };\n    return (renderImage ?? renderDefaultImage)(imageProps);\n  }\n\n  const videoProps: Parameters<RenderVideo>[0] = {\n    \"aria-label\": item.alt ?? item.title ?? \"Video\",\n    controls: true,\n    height: item.height,\n    item,\n    poster: item.poster,\n    src: item.src,\n    variant: \"expanded\",\n    width: item.width,\n  };\n  return (renderVideo ?? renderDefaultVideo)(videoProps);\n}\n\nexport function ApertoTransitionMedia({\n  item,\n  renderImage,\n  renderVideo,\n}: {\n  item: ApertoMediaItem;\n  renderImage?: RenderImage;\n  renderVideo?: RenderVideo;\n}) {\n  if (item.type === \"image\") {\n    const imageProps: Parameters<RenderImage>[0] = {\n      alt: item.alt,\n      height: item.height,\n      item,\n      src: item.src,\n      variant: \"expanded\",\n      width: item.width,\n    };\n    return (renderImage ?? renderDefaultImage)(imageProps);\n  }\n\n  const videoProps: Parameters<RenderVideo>[0] = {\n    \"aria-label\": item.alt ?? item.title ?? \"Video\",\n    height: item.height,\n    item,\n    poster: item.poster,\n    src: item.src,\n    variant: \"expanded\",\n    width: item.width,\n  };\n  return (renderVideo ?? renderDefaultVideo)(videoProps);\n}\n","import type { ApertoMediaItem } from \"./types\";\n\nexport function getMediaLabel(item: ApertoMediaItem): string {\n  return item.title ?? item.alt ?? \"media\";\n}\n\nexport function getMediaKey(item: ApertoMediaItem, index: number): string {\n  return item.id ?? `${item.type}:${item.src}:${index}`;\n}\n\nexport function getDescriptionProps(item: ApertoMediaItem): {\n  \"aria-describedby\"?: undefined;\n} {\n  return item.description ? {} : { \"aria-describedby\": undefined };\n}\n","import { m } from \"motion/react\";\nimport { useEffect } from \"react\";\n\nimport { useApertoContext } from \"./context\";\nimport { ApertoTransitionMedia } from \"./media-rendering\";\nimport {\n  type ApertoMediaTransition,\n  rectTarget,\n  transitionDurationMs,\n} from \"./media-transition-utils\";\nimport type { RenderImage, RenderVideo } from \"./types\";\n\nexport function ApertoMediaTransitionClone({\n  onComplete,\n  renderImage,\n  renderVideo,\n  transition,\n}: {\n  onComplete: () => void;\n  renderImage?: RenderImage;\n  renderVideo?: RenderVideo;\n  transition: ApertoMediaTransition | null;\n}) {\n  const ctx = useApertoContext();\n\n  useEffect(() => {\n    if (!transition?.to) {\n      return;\n    }\n\n    const timer = setTimeout(\n      onComplete,\n      transitionDurationMs(ctx.preset.transition)\n    );\n    return () => clearTimeout(timer);\n  }, [ctx.preset.transition, onComplete, transition]);\n\n  if (!transition?.to) {\n    return null;\n  }\n\n  return (\n    <m.div\n      animate={rectTarget(transition.to)}\n      aria-hidden=\"true\"\n      data-slot=\"aperto-transition-media\"\n      initial={rectTarget(transition.from)}\n      style={{\n        borderRadius: \"var(--aperto-radius, 0.5rem)\",\n        overflow: \"hidden\",\n        pointerEvents: \"none\",\n        position: \"fixed\",\n        zIndex: 30,\n      }}\n      transition={ctx.preset.transition}\n    >\n      <ApertoTransitionMedia\n        item={transition.item}\n        renderImage={renderImage}\n        renderVideo={renderVideo}\n      />\n    </m.div>\n  );\n}\n","import type { TargetAndTransition, Transition } from \"motion/react\";\n\nexport interface ApertoRect {\n  height: number;\n  left: number;\n  top: number;\n  width: number;\n}\n\nexport interface ApertoMediaTransition {\n  from: ApertoRect;\n  item: import(\"./types\").ApertoMediaItem;\n  phase: \"opening\" | \"closing\";\n  to?: ApertoRect;\n}\n\nexport function rectFromElement(element: Element | null): ApertoRect | null {\n  if (!element) {\n    return null;\n  }\n\n  const rect = element.getBoundingClientRect();\n  return {\n    height: rect.height,\n    left: rect.left,\n    top: rect.top,\n    width: rect.width,\n  };\n}\n\nexport function rectTarget(rect: ApertoRect): TargetAndTransition {\n  return {\n    height: rect.height,\n    left: rect.left,\n    top: rect.top,\n    width: rect.width,\n  };\n}\n\nexport function transitionDurationMs(transition: Transition): number {\n  return typeof transition.duration === \"number\"\n    ? transition.duration * 1000\n    : 450;\n}\n","import type { NavigationDirection } from \"../expanded-media-stage\";\nimport type {\n  ApertoMediaTransition,\n  ApertoRect,\n} from \"../media-transition-utils\";\n\nexport interface ApertoGroupState {\n  closing: boolean;\n  internalIndex: number;\n  layoutSourceIndex: number;\n  mediaTransition: ApertoMediaTransition | null;\n  navigationDirection: NavigationDirection;\n  open: boolean;\n}\n\nexport type ApertoGroupAction =\n  | { type: \"close-without-transition\" }\n  | { type: \"complete-opening-target\"; rect: ApertoRect }\n  | { type: \"finish-transition\" }\n  | { type: \"navigate\"; direction: NavigationDirection; index: number }\n  | {\n      type: \"open-at-index\";\n      index: number;\n      transition: ApertoMediaTransition | null;\n    }\n  | { type: \"set-index\"; index: number }\n  | { type: \"set-open\"; open: boolean }\n  | { type: \"start-close\"; transition: ApertoMediaTransition };\n\nexport function getInitialGroupState(initialIndex: number): ApertoGroupState {\n  return {\n    closing: false,\n    internalIndex: initialIndex,\n    layoutSourceIndex: initialIndex,\n    mediaTransition: null,\n    navigationDirection: 0,\n    open: false,\n  };\n}\n\nexport function apertoGroupReducer(\n  state: ApertoGroupState,\n  action: ApertoGroupAction\n): ApertoGroupState {\n  switch (action.type) {\n    case \"close-without-transition\":\n      return { ...state, closing: false, mediaTransition: null, open: false };\n    case \"complete-opening-target\":\n      if (\n        state.mediaTransition?.phase !== \"opening\" ||\n        state.mediaTransition.to\n      ) {\n        return state;\n      }\n      return {\n        ...state,\n        mediaTransition: { ...state.mediaTransition, to: action.rect },\n      };\n    case \"finish-transition\":\n      return {\n        ...state,\n        closing: false,\n        mediaTransition: null,\n        open: state.mediaTransition?.phase === \"closing\" ? false : state.open,\n      };\n    case \"navigate\":\n      return {\n        ...state,\n        internalIndex: action.index,\n        layoutSourceIndex: action.index,\n        navigationDirection: action.direction,\n      };\n    case \"open-at-index\":\n      return {\n        ...state,\n        closing: false,\n        internalIndex: action.index,\n        layoutSourceIndex: action.index,\n        mediaTransition: action.transition,\n        navigationDirection: 0,\n        open: true,\n      };\n    case \"set-index\":\n      return { ...state, internalIndex: action.index };\n    case \"set-open\":\n      return action.open\n        ? { ...state, closing: false, open: true }\n        : { ...state, open: false };\n    case \"start-close\":\n      return {\n        ...state,\n        closing: true,\n        mediaTransition: action.transition,\n      };\n  }\n}\n","export function shouldIgnoreKeyboardNavigationTarget(\n  target: EventTarget | null\n): boolean {\n  if (!(target instanceof Element)) {\n    return false;\n  }\n\n  return (\n    (target as HTMLElement).isContentEditable ||\n    Boolean(\n      target.closest(\n        'input, textarea, select, [contenteditable]:not([contenteditable=\"false\"]), [role=\"textbox\"], audio, video'\n      )\n    )\n  );\n}\n","\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\n\nconst ApertoClose = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof Dialog.Close>\n>(({ children, ...props }, ref) => {\n  return (\n    <Dialog.Close data-slot=\"aperto-close\" ref={ref} {...props}>\n      {children ?? <X aria-hidden=\"true\" size={17} strokeWidth={2} />}\n    </Dialog.Close>\n  );\n});\n\nApertoClose.displayName = \"ApertoClose\";\n\nexport { ApertoClose };\n","\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { m } from \"motion/react\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\n\nimport { useApertoContext } from \"./context\";\nimport { resolvePreset } from \"./presets\";\nimport type { MotionPresetName } from \"./types\";\n\nconst TRIGGER_OPEN_Z_INDEX = 1000;\n\nexport interface ApertoTriggerProps extends ComponentPropsWithoutRef<\n  typeof Dialog.Trigger\n> {\n  /** Internal flag used by grouped thumbnails to raise only the active trigger. */\n  active?: boolean;\n  /** Override motion preset for this trigger */\n  motion?: MotionPresetName;\n  /** Internal shared layout ID override for grouped thumbnails. */\n  sharedLayoutId?: string | false;\n}\n\nconst ApertoTrigger = forwardRef<HTMLButtonElement, ApertoTriggerProps>(\n  (\n    { active, children, motion: motionOverride, sharedLayoutId, ...props },\n    ref\n  ) => {\n    const ctx = useApertoContext();\n    const shouldRaise = ctx.open && (active ?? true);\n    const zIndex = shouldRaise ? TRIGGER_OPEN_Z_INDEX : 0;\n\n    const resolved = resolvePreset(\n      \"trigger\",\n      motionOverride,\n      ctx.presetName,\n      ctx.variants,\n      ctx.reduceMotion\n    );\n    const layoutId =\n      sharedLayoutId === false\n        ? undefined\n        : (sharedLayoutId ?? `${ctx.layoutId}-shared`);\n\n    return (\n      <Dialog.Trigger asChild ref={ref} {...props}>\n        <m.button\n          data-aperto-active={shouldRaise ? \"\" : undefined}\n          data-slot=\"aperto-trigger\"\n          key={layoutId ?? \"unshared\"}\n          layout\n          layoutCrossfade={false}\n          layoutId={layoutId}\n          style={{ zIndex }}\n          transition={resolved.transition}\n          type=\"button\"\n        >\n          {children}\n        </m.button>\n      </Dialog.Trigger>\n    );\n  }\n);\n\nApertoTrigger.displayName = \"ApertoTrigger\";\n\nexport { ApertoTrigger };\n","\"use client\";\n\nimport { ApertoClose } from \"../aperto-close\";\nimport { ApertoContent } from \"../aperto-content\";\nimport { ApertoDescription } from \"../aperto-description\";\nimport { ApertoOverlay } from \"../aperto-overlay\";\nimport { ApertoPortal } from \"../aperto-portal\";\nimport { ApertoRoot } from \"../aperto-root\";\nimport { ApertoTitle } from \"../aperto-title\";\nimport { ApertoTrigger } from \"../aperto-trigger\";\nimport { ApertoExpandedMedia, ApertoThumbnailMedia } from \"../media-rendering\";\nimport { getDescriptionProps, getMediaLabel } from \"../media-utils\";\nimport type { ApertoProps } from \"./ApertoTypes\";\n\nexport function ApertoSingle({\n  classNames,\n  dismissible,\n  media,\n  renderImage,\n  renderVideo,\n}: ApertoProps) {\n  const label = getMediaLabel(media);\n  const title = media.title ?? label;\n\n  return (\n    <ApertoRoot dismissible={dismissible}>\n      <ApertoTrigger\n        aria-label={`Open ${label}`}\n        className={classNames?.thumbnail}\n      >\n        <ApertoThumbnailMedia\n          item={media}\n          renderImage={renderImage}\n          renderVideo={renderVideo}\n        />\n      </ApertoTrigger>\n      <ApertoPortal>\n        <ApertoOverlay className={classNames?.overlay} />\n        <ApertoContent\n          className={classNames?.content}\n          {...getDescriptionProps(media)}\n        >\n          <ApertoExpandedMedia\n            item={media}\n            renderImage={renderImage}\n            renderVideo={renderVideo}\n          />\n          <ApertoTitle>{title}</ApertoTitle>\n          {media.description ? (\n            <ApertoDescription>{media.description}</ApertoDescription>\n          ) : null}\n          <ApertoClose\n            aria-label=\"Close\"\n            className={classNames?.closeButton}\n            type=\"button\"\n          />\n        </ApertoContent>\n      </ApertoPortal>\n    </ApertoRoot>\n  );\n}\n","\"use client\";\n\nimport { useApertoGroup } from \"../aperto-group-context\";\nimport { ApertoTrigger } from \"../aperto-trigger\";\nimport { ApertoThumbnailMedia } from \"../media-rendering\";\nimport { getMediaLabel } from \"../media-utils\";\nimport type { ApertoThumbnailProps } from \"./ApertoTypes\";\n\nexport function ApertoThumbnail({\n  children,\n  className,\n  index,\n}: ApertoThumbnailProps) {\n  const group = useApertoGroup();\n  const media = group.media[index];\n\n  if (!media) {\n    return null;\n  }\n\n  return (\n    <ApertoTrigger\n      active={group.index === index}\n      aria-label={`Open ${getMediaLabel(media)}`}\n      className={className ?? group.classNames?.thumbnail}\n      onClick={() => group.openAtIndex(index)}\n      ref={(node) => group.registerThumbnail(index, node)}\n      sharedLayoutId={false}\n    >\n      {children ?? (\n        <ApertoThumbnailMedia\n          item={media}\n          renderImage={group.renderImage}\n          renderVideo={group.renderVideo}\n        />\n      )}\n    </ApertoTrigger>\n  );\n}\n","\"use client\";\n\n/**\n * @patternmode/aperto\n *\n * Opinionated thumbnail-to-expanded media transitions.\n * Built on Radix Dialog + Motion.\n *\n * Inspired by Cambio (https://github.com/raphaelsalaja/cambio)\n * by Raphael Salaja.\n *\n * @example\n * ```tsx\n * import { Aperto } from \"@patternmode/aperto\";\n *\n * import { Aperto } from \"@patternmode/aperto\";\n * import \"@patternmode/aperto/styles.css\";\n *\n * <Aperto.Group media={media}>\n *   {media.map((item, index) => (\n *     <Aperto.Thumbnail key={item.id ?? item.src} index={index} />\n *   ))}\n * </Aperto.Group>\n * ```\n */\n\nimport {\n  ApertoGroup,\n  type ApertoGroupProps,\n  type ApertoProps,\n  ApertoSingle,\n  ApertoThumbnail,\n  type ApertoThumbnailProps,\n} from \"./aperto\";\nimport { ApertoClose } from \"./aperto-close\";\nimport { ApertoContent, type ApertoContentProps } from \"./aperto-content\";\nimport { ApertoDescription } from \"./aperto-description\";\nimport { ApertoOverlay, type ApertoOverlayProps } from \"./aperto-overlay\";\nimport { ApertoPortal, type ApertoPortalProps } from \"./aperto-portal\";\nimport { ApertoRoot, type ApertoRootProps } from \"./aperto-root\";\nimport { ApertoTitle } from \"./aperto-title\";\nimport { ApertoTrigger, type ApertoTriggerProps } from \"./aperto-trigger\";\n\n/** Lower-level compound component namespace for advanced composition. */\nconst ApertoPrimitive = {\n  Close: ApertoClose,\n  Content: ApertoContent,\n  Description: ApertoDescription,\n  Overlay: ApertoOverlay,\n  Portal: ApertoPortal,\n  Root: ApertoRoot,\n  Title: ApertoTitle,\n  Trigger: ApertoTrigger,\n};\n\n/** Primary media-first component namespace. */\nconst Aperto = Object.assign(ApertoSingle, {\n  Group: ApertoGroup,\n  Primitive: ApertoPrimitive,\n  Thumbnail: ApertoThumbnail,\n});\n\n// Preset system\nexport { PRESETS, resolvePreset } from \"./presets\";\n// Types\nexport type {\n  ApertoClassNames,\n  ApertoImageItem,\n  ApertoMediaItem,\n  ApertoVideoItem,\n  DismissibleConfig,\n  DragSpringConfig,\n  MotionPreset,\n  MotionPresetName,\n  MotionProp,\n  MotionVariants,\n  NavigationMotionPresetName,\n  RenderImage,\n  RenderVideo,\n} from \"./types\";\n// Named exports for tree-shaking\nexport {\n  Aperto,\n  ApertoClose,\n  ApertoContent,\n  type ApertoContentProps,\n  ApertoDescription,\n  ApertoGroup,\n  type ApertoGroupProps,\n  ApertoOverlay,\n  type ApertoOverlayProps,\n  ApertoPortal,\n  type ApertoPortalProps,\n  ApertoPrimitive,\n  type ApertoProps,\n  ApertoRoot,\n  type ApertoRootProps,\n  ApertoThumbnail,\n  type ApertoThumbnailProps,\n  ApertoTitle,\n  ApertoTrigger,\n  type ApertoTriggerProps,\n};\n"],"mappings":"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","names":["useCallback","useId","useMemo","Dialog","forwardRef","jsx","createContext","useContext","Dialog","m","forwardRef","jsx","forwardRef","m","Dialog","jsx","Dialog","useCallback","useMemo","useState","jsx","useState","useCallback","useMemo","Dialog","forwardRef","jsx","AnimatePresence","m","jsx","jsx","AnimatePresence","m","m","jsx","m","jsx","useId","useCallback","useMemo","Dialog","X","forwardRef","jsx","Dialog","m","forwardRef","jsx","forwardRef","m","jsx","jsxs","jsx"]}

package/package.json

@@ -1,24 +1,27 @@
 {
   "name": "@patternmode/aperto",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Opinionated, styled thumbnail-to-expanded media transitions for React.",
+  "homepage": "https://github.com/howells/patternmode/tree/main/packages/aperto#readme",
+  "bugs": {
+    "url": "https://github.com/howells/patternmode/issues"
+  },
   "license": "MIT",
-  "type": "module",
-  "sideEffects": [
-    "**/*.css"
-  ],
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/howells/patternmode.git",
     "directory": "packages/aperto"
   },
-  "bugs": {
-    "url": "https://github.com/howells/patternmode/issues"
-  },
-  "homepage": "https://github.com/howells/patternmode/tree/main/packages/aperto#readme",
   "files": [
     "dist"
   ],
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -26,9 +29,6 @@
     },
     "./styles.css": "./dist/styles.css"
   },
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
   "publishConfig": {
     "access": "public"
   },
@@ -38,7 +38,7 @@
     "motion": "^12.38.0"
   },
   "devDependencies": {
-    "@howells/lint": "^0.1.8",
+    "@howells/lint": "^0.2.0",
     "@howells/typescript-config": "^0.1.2",
     "@tailwindcss/cli": "^4.3.0",
     "@testing-library/jest-dom": "^6.9.1",
@@ -65,9 +65,8 @@
     "dev": "concurrently \"pnpm dev:js\" \"pnpm dev:styles\"",
     "dev:js": "tsup --watch",
     "dev:styles": "tailwindcss -i styles.css -o dist/styles.css --watch",
-    "lint": "howells-lint .",
-    "lint:fix": "howells-format .",
-    "lint:strict": "howells-lint-strict .",
+    "lint": "howells-ox-check .",
+    "lint:fix": "howells-ox-fix .",
     "test": "vitest run --passWithNoTests",
     "typecheck": "tsc --noEmit"
   }