@patternmode/aperto 0.2.0 → 0.2.1

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ImgHTMLAttributes, ReactNode, VideoHTMLAttributes, ComponentPropsWithRef, Ref, CSSProperties, ComponentPropsWithoutRef } from 'react';
 import * as Dialog from '@radix-ui/react-dialog';
@@ -179,12 +178,12 @@ interface ApertoThumbnailProps {
     index: number;
 }
 
-declare const ApertoGroup: ({ children, classNames, dismissible, index: controlledIndex, initialIndex, media, motion: motionProp, navigationMotion, onIndexChange, renderImage, renderVideo, }: ApertoGroupProps) => react_jsx_runtime.JSX.Element;
+declare const ApertoGroup: ({ children, classNames, dismissible, index, initialIndex, media, motion: motionProp, navigationMotion, onIndexChange, renderImage, renderVideo, }: ApertoGroupProps) => react.JSX.Element;
 
-declare const ApertoThumbnail: ({ children, className, index }: ApertoThumbnailProps) => react_jsx_runtime.JSX.Element | null;
+declare const ApertoThumbnail: ({ children, className, index }: ApertoThumbnailProps) => react.JSX.Element | null;
 
 declare const ApertoClose: {
-    ({ children, ref, ...props }: ComponentPropsWithRef<typeof Dialog.Close>): react_jsx_runtime.JSX.Element;
+    ({ children, ref, ...props }: ComponentPropsWithRef<typeof Dialog.Close>): react.JSX.Element;
     displayName: string;
 };
 
@@ -197,12 +196,12 @@ interface ApertoContentProps extends Omit<ComponentPropsWithRef<typeof Dialog.Co
     sharedLayoutId?: string | false;
 }
 declare const ApertoContent: {
-    ({ children, className, motion: motionOverride, placement, ref, sharedLayoutId, style, ...props }: ApertoContentProps): react_jsx_runtime.JSX.Element;
+    ({ children, className, motion: motionOverride, placement, ref, sharedLayoutId, style, ...props }: ApertoContentProps): react.JSX.Element;
     displayName: string;
 };
 
 declare const ApertoDescription: {
-    ({ ref, ...props }: ComponentPropsWithRef<typeof Dialog.Description>): react_jsx_runtime.JSX.Element;
+    ({ ref, ...props }: ComponentPropsWithRef<typeof Dialog.Description>): react.JSX.Element;
     displayName: string;
 };
 
@@ -214,7 +213,7 @@ interface ApertoOverlayProps {
     style?: CSSProperties;
 }
 declare const ApertoOverlay: {
-    ({ className, fadeOut, ref, style }: ApertoOverlayProps): react_jsx_runtime.JSX.Element;
+    ({ className, fadeOut, ref, style }: ApertoOverlayProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -223,7 +222,7 @@ interface ApertoPortalProps {
     /** Container element for the portal (default: document.body) */
     container?: HTMLElement;
 }
-declare const ApertoPortal: ({ children, container }: ApertoPortalProps) => react_jsx_runtime.JSX.Element;
+declare const ApertoPortal: ({ children, container }: ApertoPortalProps) => react.JSX.Element;
 
 interface ApertoRootProps extends Omit<ComponentPropsWithoutRef<typeof Dialog.Root>, "open" | "onOpenChange"> {
     children: ReactNode;
@@ -240,10 +239,10 @@ interface ApertoRootProps extends Omit<ComponentPropsWithoutRef<typeof Dialog.Ro
     /** Force reduced motion regardless of system preference */
     reduceMotion?: boolean;
 }
-declare const ApertoRoot: ({ children, dismissible, layoutId: layoutIdProp, motion: motionProp, open: controlledOpen, onOpenChange: controlledOnOpenChange, reduceMotion: reduceMotionProp, ...dialogProps }: ApertoRootProps) => react_jsx_runtime.JSX.Element;
+declare const ApertoRoot: ({ children, dismissible, layoutId: layoutIdProp, motion: motionProp, open: controlledOpen, onOpenChange: controlledOnOpenChange, reduceMotion: reduceMotionProp, ...dialogProps }: ApertoRootProps) => react.JSX.Element;
 
 declare const ApertoTitle: {
-    ({ ref, ...props }: ComponentPropsWithRef<typeof Dialog.Title>): react_jsx_runtime.JSX.Element;
+    ({ ref, ...props }: ComponentPropsWithRef<typeof Dialog.Title>): react.JSX.Element;
     displayName: string;
 };
 
@@ -256,7 +255,7 @@ interface ApertoTriggerProps extends ComponentPropsWithRef<typeof Dialog.Trigger
     sharedLayoutId?: string | false;
 }
 declare const ApertoTrigger: {
-    ({ active, children, motion: motionOverride, ref, sharedLayoutId, ...props }: ApertoTriggerProps): react_jsx_runtime.JSX.Element;
+    ({ active, children, motion: motionOverride, ref, sharedLayoutId, ...props }: ApertoTriggerProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -264,8 +263,8 @@ declare const ApertoTrigger: {
  * Motion presets — each bundles transition timing AND drag physics
  * so "snappy" feels snappy everywhere: open, close, and drag.
  *
- * Curves and springs are local copies of the Howells motion tokens so the
- * published package has no private workspace runtime dependencies.
+ * Curves and springs come from the shared @howells/motion tokens so motion
+ * feel stays consistent across the catalog.
  */
 declare const PRESETS: Record<MotionPresetName, MotionPreset>;
 type ComponentType = "trigger" | "content" | "backdrop";
@@ -282,64 +281,64 @@ declare const resolvePreset: (componentType: ComponentType, componentMotion: Mot
 /** Lower-level compound component namespace for advanced composition. */
 declare const ApertoPrimitive: {
     Close: {
-        ({ children, ref, ...props }: react.ComponentPropsWithRef<react.ForwardRefExoticComponent<Dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>>): react_jsx_runtime.JSX.Element;
+        ({ children, ref, ...props }: react.ComponentPropsWithRef<react.ForwardRefExoticComponent<Dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>>): react.JSX.Element;
         displayName: string;
     };
     Content: {
-        ({ children, className, motion: motionOverride, placement, ref, sharedLayoutId, style, ...props }: ApertoContentProps): react_jsx_runtime.JSX.Element;
+        ({ children, className, motion: motionOverride, placement, ref, sharedLayoutId, style, ...props }: ApertoContentProps): react.JSX.Element;
         displayName: string;
     };
     Description: {
-        ({ ref, ...props }: react.ComponentPropsWithRef<react.ForwardRefExoticComponent<Dialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>>): react_jsx_runtime.JSX.Element;
+        ({ ref, ...props }: react.ComponentPropsWithRef<react.ForwardRefExoticComponent<Dialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>>): react.JSX.Element;
         displayName: string;
     };
     Overlay: {
-        ({ className, fadeOut, ref, style }: ApertoOverlayProps): react_jsx_runtime.JSX.Element;
+        ({ className, fadeOut, ref, style }: ApertoOverlayProps): react.JSX.Element;
         displayName: string;
     };
-    Portal: ({ children, container }: ApertoPortalProps) => react_jsx_runtime.JSX.Element;
-    Root: ({ children, dismissible, layoutId: layoutIdProp, motion: motionProp, open: controlledOpen, onOpenChange: controlledOnOpenChange, reduceMotion: reduceMotionProp, ...dialogProps }: ApertoRootProps) => react_jsx_runtime.JSX.Element;
+    Portal: ({ children, container }: ApertoPortalProps) => react.JSX.Element;
+    Root: ({ children, dismissible, layoutId: layoutIdProp, motion: motionProp, open: controlledOpen, onOpenChange: controlledOnOpenChange, reduceMotion: reduceMotionProp, ...dialogProps }: ApertoRootProps) => react.JSX.Element;
     Title: {
-        ({ ref, ...props }: react.ComponentPropsWithRef<react.ForwardRefExoticComponent<Dialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>>>): react_jsx_runtime.JSX.Element;
+        ({ ref, ...props }: react.ComponentPropsWithRef<react.ForwardRefExoticComponent<Dialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>>>): react.JSX.Element;
         displayName: string;
     };
     Trigger: {
-        ({ active, children, motion: motionOverride, ref, sharedLayoutId, ...props }: ApertoTriggerProps): react_jsx_runtime.JSX.Element;
+        ({ active, children, motion: motionOverride, ref, sharedLayoutId, ...props }: ApertoTriggerProps): react.JSX.Element;
         displayName: string;
     };
 };
 /** Primary media-first component namespace. */
-declare const Aperto: (({ classNames, dismissible, media, renderImage, renderVideo, }: ApertoProps) => react_jsx_runtime.JSX.Element) & {
-    Group: ({ children, classNames, dismissible, index: controlledIndex, initialIndex, media, motion: motionProp, navigationMotion, onIndexChange, renderImage, renderVideo, }: ApertoGroupProps) => react_jsx_runtime.JSX.Element;
+declare const Aperto: (({ classNames, dismissible, media, renderImage, renderVideo, }: ApertoProps) => react.JSX.Element) & {
+    Group: ({ children, classNames, dismissible, index, initialIndex, media, motion: motionProp, navigationMotion, onIndexChange, renderImage, renderVideo, }: ApertoGroupProps) => react.JSX.Element;
     Primitive: {
         Close: {
-            ({ children, ref, ...props }: react.ComponentPropsWithRef<react.ForwardRefExoticComponent<Dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>>): react_jsx_runtime.JSX.Element;
+            ({ children, ref, ...props }: react.ComponentPropsWithRef<react.ForwardRefExoticComponent<Dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>>): react.JSX.Element;
             displayName: string;
         };
         Content: {
-            ({ children, className, motion: motionOverride, placement, ref, sharedLayoutId, style, ...props }: ApertoContentProps): react_jsx_runtime.JSX.Element;
+            ({ children, className, motion: motionOverride, placement, ref, sharedLayoutId, style, ...props }: ApertoContentProps): react.JSX.Element;
             displayName: string;
         };
         Description: {
-            ({ ref, ...props }: react.ComponentPropsWithRef<react.ForwardRefExoticComponent<Dialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>>): react_jsx_runtime.JSX.Element;
+            ({ ref, ...props }: react.ComponentPropsWithRef<react.ForwardRefExoticComponent<Dialog.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>>): react.JSX.Element;
             displayName: string;
         };
         Overlay: {
-            ({ className, fadeOut, ref, style }: ApertoOverlayProps): react_jsx_runtime.JSX.Element;
+            ({ className, fadeOut, ref, style }: ApertoOverlayProps): react.JSX.Element;
             displayName: string;
         };
-        Portal: ({ children, container }: ApertoPortalProps) => react_jsx_runtime.JSX.Element;
-        Root: ({ children, dismissible, layoutId: layoutIdProp, motion: motionProp, open: controlledOpen, onOpenChange: controlledOnOpenChange, reduceMotion: reduceMotionProp, ...dialogProps }: ApertoRootProps) => react_jsx_runtime.JSX.Element;
+        Portal: ({ children, container }: ApertoPortalProps) => react.JSX.Element;
+        Root: ({ children, dismissible, layoutId: layoutIdProp, motion: motionProp, open: controlledOpen, onOpenChange: controlledOnOpenChange, reduceMotion: reduceMotionProp, ...dialogProps }: ApertoRootProps) => react.JSX.Element;
         Title: {
-            ({ ref, ...props }: react.ComponentPropsWithRef<react.ForwardRefExoticComponent<Dialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>>>): react_jsx_runtime.JSX.Element;
+            ({ ref, ...props }: react.ComponentPropsWithRef<react.ForwardRefExoticComponent<Dialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>>>): react.JSX.Element;
             displayName: string;
         };
         Trigger: {
-            ({ active, children, motion: motionOverride, ref, sharedLayoutId, ...props }: ApertoTriggerProps): react_jsx_runtime.JSX.Element;
+            ({ active, children, motion: motionOverride, ref, sharedLayoutId, ...props }: ApertoTriggerProps): react.JSX.Element;
             displayName: string;
         };
     };
-    Thumbnail: ({ children, className, index }: ApertoThumbnailProps) => react_jsx_runtime.JSX.Element | null;
+    Thumbnail: ({ children, className, index }: ApertoThumbnailProps) => react.JSX.Element | null;
 };
 
 export { Aperto, type ApertoClassNames, ApertoClose, ApertoContent, type ApertoContentProps, ApertoDescription, ApertoGroup, type ApertoGroupProps, type ApertoImageItem, type ApertoMediaItem, ApertoOverlay, type ApertoOverlayProps, ApertoPortal, type ApertoPortalProps, ApertoPrimitive, type ApertoProps, ApertoRoot, type ApertoRootProps, ApertoThumbnail, type ApertoThumbnailProps, ApertoTitle, ApertoTrigger, type ApertoTriggerProps, type ApertoVideoItem, type DismissibleConfig, type DragSpringConfig, type MotionPreset, type MotionPresetName, type MotionProp, type MotionVariants, type NavigationMotionPresetName, PRESETS, type RenderImage, type RenderVideo, resolvePreset };

package/dist/index.js

@@ -32,23 +32,8 @@ var OPACITY_OUTPUT = [1, 0.96];
 var DEFAULT_DISTANCE_THRESHOLD = 100;
 var DEFAULT_VELOCITY_THRESHOLD = 500;
 
-// src/motion-tokens.ts
-var durations = {
-  moderate: 0.4,
-  snappy: 0.22
-};
-var easings = {
-  customGentle: [0.25, 0.1, 0.12, 1],
-  snappy: [0.22, 1, 0.36, 1]
-};
-var springs = {
-  bouncy: { damping: 12, mass: 1, stiffness: 260 },
-  natural: { damping: 20, mass: 1, stiffness: 200 },
-  snappy: { damping: 28, mass: 0.8, stiffness: 400 },
-  stiff: { damping: 30, mass: 1, stiffness: 500 }
-};
-
 // src/presets.ts
+import { durations, easings, springs } from "@howells/motion";
 var PRESETS = {
   bouncy: {
     drag: {
@@ -183,7 +168,7 @@ var ApertoContent = ({
       dragElastic: 0,
       dragMomentum: false,
       dragSnapToOrigin: true,
-      layout: contentLayoutId ? true : void 0,
+      layout: contentLayoutId === void 0 || contentLayoutId === "" ? void 0 : true,
       layoutId: contentLayoutId,
       onDrag: isDismissible ? handleDrag : void 0,
       onDragEnd: isDismissible ? handleDragEnd : void 0,
@@ -216,10 +201,11 @@ var useApertoGroup = () => {
 // src/aperto-overlay.tsx
 import * as Dialog3 from "@radix-ui/react-dialog";
 import { m as m2 } from "motion/react";
+import { easings as easings2 } from "@howells/motion";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var OVERLAY_TRANSITION = {
   duration: 0.3,
-  ease: easings.customGentle
+  ease: easings2.customGentle
 };
 var OVERLAY_TRANSITION_REDUCED = {
   duration: 0.01,
@@ -231,7 +217,7 @@ var ApertoOverlay = ({ className, fadeOut, ref, style }) => {
   return /* @__PURE__ */ jsx3(Dialog3.Overlay, { asChild: true, forceMount: true, children: /* @__PURE__ */ jsx3(
     m2.div,
     {
-      animate: { opacity: fadeOut ? 0 : 1 },
+      animate: { opacity: fadeOut === true ? 0 : 1 },
       className,
       "data-slot": "aperto-overlay",
       exit: { opacity: 0 },
@@ -410,7 +396,7 @@ var ApertoTransitionMedia = ({
 // src/media-utils.ts
 var getMediaLabel = (item) => item.title ?? item.alt ?? "media";
 var getMediaKey = (item, index) => item.id ?? `${item.type}:${item.src}:${index}`;
-var getDescriptionProps = (item) => item.description ? {} : { "aria-describedby": void 0 };
+var getDescriptionProps = (item) => item.description === void 0 || item.description === "" ? { "aria-describedby": void 0 } : {};
 
 // src/expanded-media-stage.tsx
 import { jsx as jsx8 } from "react/jsx-runtime";
@@ -548,13 +534,17 @@ var ApertoMediaTransitionClone = ({
 }) => {
   const ctx = useApertoContext();
   useEffect(() => {
-    if (!transition?.to) {
-      return;
+    let timer;
+    if (transition?.to !== void 0) {
+      timer = setTimeout(onComplete, transitionDurationMs(ctx.preset.transition));
     }
-    const timer = setTimeout(onComplete, transitionDurationMs(ctx.preset.transition));
-    return () => clearTimeout(timer);
+    return () => {
+      if (timer !== void 0) {
+        clearTimeout(timer);
+      }
+    };
   }, [ctx.preset.transition, onComplete, transition]);
-  if (!transition?.to) {
+  if (transition?.to === void 0) {
     return null;
   }
   return /* @__PURE__ */ jsx9(
@@ -655,7 +645,7 @@ var apertoGroupReducer = (state, action) => {
 
 // src/Aperto/aperto-keyboard.ts
 var shouldIgnoreKeyboardNavigationTarget = (target) => {
-  if (!(target instanceof Element)) {
+  if (!(target instanceof HTMLElement)) {
     return false;
   }
   return target.isContentEditable || Boolean(
@@ -701,67 +691,150 @@ var ApertoMediaNavigationButtons = ({
     )
   ] });
 };
-var ApertoGroup = ({
-  children,
+var useThumbnailMap = () => {
+  const thumbnailRefs = useRef(null);
+  thumbnailRefs.current ??= /* @__PURE__ */ new Map();
+  return thumbnailRefs.current;
+};
+var getExpandedMediaStyle = (activeMedia) => {
+  if (activeMedia === void 0 || activeMedia.width === void 0 || activeMedia.height === void 0) {
+    return void 0;
+  }
+  return {
+    "--aperto-expanded-aspect-ratio": `${activeMedia.width} / ${activeMedia.height}`,
+    "--aperto-expanded-aspect-ratio-height": activeMedia.height,
+    "--aperto-expanded-aspect-ratio-width": activeMedia.width
+  };
+};
+var ApertoGroupPortal = ({
+  activeMedia,
   classNames,
-  dismissible,
-  index: controlledIndex,
-  initialIndex = 0,
+  expandedMediaStyle,
+  handleCloseAutoFocus,
+  handleContentKeyDown,
+  handleMediaTransitionComplete,
+  hasNavigation,
+  index,
+  mediaLength,
+  navigationDirection,
+  navigationMotion,
+  renderImage,
+  renderVideo,
+  setExpandedMediaNode,
+  startClose,
+  transition,
+  goToNext,
+  goToPrevious
+}) => {
+  if (activeMedia === void 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(ApertoPortal, { children: [
+    /* @__PURE__ */ jsx10(ApertoOverlay, { className: classNames?.overlay, fadeOut: transition?.phase === "closing" }),
+    /* @__PURE__ */ jsxs(
+      ApertoContent,
+      {
+        className: classNames?.content,
+        "data-aperto-transition": transition?.phase,
+        onCloseAutoFocus: handleCloseAutoFocus,
+        onKeyDown: handleContentKeyDown,
+        sharedLayoutId: false,
+        ...getDescriptionProps(activeMedia),
+        children: [
+          /* @__PURE__ */ jsxs("div", { "data-slot": "aperto-media", ref: setExpandedMediaNode, style: expandedMediaStyle, children: [
+            /* @__PURE__ */ jsx10(
+              ApertoExpandedMediaStage,
+              {
+                direction: navigationDirection,
+                index,
+                item: activeMedia,
+                navigationMotion,
+                renderImage,
+                renderVideo
+              }
+            ),
+            /* @__PURE__ */ jsx10(
+              ApertoMediaNavigationButtons,
+              {
+                classNames,
+                enabled: hasNavigation,
+                onNext: goToNext,
+                onPrevious: goToPrevious
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx10(ApertoTitle, { children: activeMedia.title ?? getMediaLabel(activeMedia) }),
+          activeMedia.description === void 0 || activeMedia.description === "" ? null : /* @__PURE__ */ jsx10(ApertoDescription, { children: activeMedia.description }),
+          hasNavigation ? /* @__PURE__ */ jsxs("div", { className: classNames?.counter, "data-slot": "aperto-counter", children: [
+            index + 1,
+            " / ",
+            mediaLength
+          ] }) : null,
+          /* @__PURE__ */ jsx10(
+            "button",
+            {
+              "aria-label": "Close",
+              className: classNames?.closeButton,
+              "data-slot": "aperto-close",
+              onClick: startClose,
+              type: "button",
+              children: /* @__PURE__ */ jsx10(X, { "aria-hidden": "true", size: 17, strokeWidth: 2 })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx10(
+      ApertoMediaTransitionClone,
+      {
+        onComplete: handleMediaTransitionComplete,
+        renderImage,
+        renderVideo,
+        transition
+      }
+    )
+  ] });
+};
+var useApertoMediaLifecycle = ({
+  activeMedia,
+  dispatch,
+  index,
   media,
-  motion: motionProp,
-  navigationMotion = "glide",
   onIndexChange,
-  renderImage,
-  renderVideo
+  state
 }) => {
-  const generatedId = useId2();
-  const [state, dispatch] = useReducer(apertoGroupReducer, initialIndex, getInitialGroupState);
-  const isControlled = controlledIndex !== void 0;
-  const index = isControlled ? controlledIndex : state.internalIndex;
-  const activeMedia = media[index] ?? media[0];
   const expandedMediaRef = useRef(null);
-  const thumbnailRefs = useRef(null);
-  if (thumbnailRefs.current === null) {
-    thumbnailRefs.current = /* @__PURE__ */ new Map();
-  }
-  const thumbnailMap = thumbnailRefs.current;
-  const sharedLayoutIdForIndex = (nextIndex) => `aperto-group-${generatedId}-${nextIndex}-shared`;
-  const sharedLayoutId = sharedLayoutIdForIndex(state.layoutSourceIndex);
+  const thumbnailMap = useThumbnailMap();
   const setExpandedMediaNode = (node) => {
     expandedMediaRef.current = node;
-    if (node) {
-      const targetRect = rectFromElement(node);
-      if (targetRect) {
-        dispatch({ rect: targetRect, type: "complete-opening-target" });
-      }
+    if (node === null) {
+      return;
+    }
+    const targetRect = rectFromElement(node);
+    if (targetRect !== null) {
+      dispatch({ rect: targetRect, type: "complete-opening-target" });
     }
   };
   const registerThumbnail = (thumbIndex, node) => {
-    if (node) {
+    if (node !== null) {
       thumbnailMap.set(thumbIndex, node);
       return;
     }
     thumbnailMap.delete(thumbIndex);
   };
   useLayoutEffect(() => {
-    if (state.mediaTransition?.phase !== "opening" || state.mediaTransition.to || !expandedMediaRef.current) {
+    if (state.mediaTransition?.phase !== "opening" || state.mediaTransition.to !== void 0 || expandedMediaRef.current === null) {
       return;
     }
     const targetRect = rectFromElement(expandedMediaRef.current);
-    if (targetRect) {
+    if (targetRect !== null) {
       dispatch({ rect: targetRect, type: "complete-opening-target" });
     }
-  }, [state.mediaTransition]);
-  const setIndex = (nextIndex) => {
-    if (!isControlled) {
-      dispatch({ index: nextIndex, type: "set-index" });
-    }
-    onIndexChange?.(nextIndex);
-  };
+  }, [dispatch, state.mediaTransition]);
   const openAtIndex = (thumbIndex) => {
     const sourceRect = rectFromElement(thumbnailMap.get(thumbIndex) ?? null);
-    const item = media[thumbIndex];
-    const transition = sourceRect && item ? { from: sourceRect, item, phase: "opening" } : null;
+    const item = media[thumbIndex] ?? null;
+    const transition = sourceRect === null || item === null ? null : { from: sourceRect, item, phase: "opening" };
     dispatch({ index: thumbIndex, transition, type: "open-at-index" });
     onIndexChange?.(thumbIndex);
   };
@@ -771,17 +844,12 @@ var ApertoGroup = ({
     }
     const sourceRect = rectFromElement(expandedMediaRef.current);
     const targetRect = rectFromElement(thumbnailMap.get(index) ?? null);
-    if (!activeMedia || !sourceRect || !targetRect) {
+    if (activeMedia === void 0 || sourceRect === null || targetRect === null) {
       dispatch({ type: "close-without-transition" });
       return;
     }
     dispatch({
-      transition: {
-        from: sourceRect,
-        item: activeMedia,
-        phase: "closing",
-        to: targetRect
-      },
+      transition: { from: sourceRect, item: activeMedia, phase: "closing", to: targetRect },
       type: "start-close"
     });
   };
@@ -789,6 +857,38 @@ var ApertoGroup = ({
     event.preventDefault();
     thumbnailMap.get(index)?.focus({ preventScroll: true });
   };
+  return { handleCloseAutoFocus, openAtIndex, registerThumbnail, setExpandedMediaNode, startClose };
+};
+var useApertoGroupController = ({
+  classNames,
+  index: controlledIndex,
+  initialIndex = 0,
+  media,
+  onIndexChange,
+  renderImage,
+  renderVideo
+}) => {
+  const generatedId = useId2();
+  const [state, dispatch] = useReducer(apertoGroupReducer, initialIndex, getInitialGroupState);
+  const isControlled = controlledIndex !== void 0;
+  const index = isControlled ? controlledIndex : state.internalIndex;
+  const activeMedia = media[index] ?? media[0];
+  const lifecycle = useApertoMediaLifecycle({
+    activeMedia,
+    dispatch,
+    index,
+    media,
+    onIndexChange,
+    state
+  });
+  const sharedLayoutIdForIndex = (nextIndex) => `aperto-group-${generatedId}-${nextIndex}-shared`;
+  const sharedLayoutId = sharedLayoutIdForIndex(state.layoutSourceIndex);
+  const setIndex = (nextIndex) => {
+    if (!isControlled) {
+      dispatch({ index: nextIndex, type: "set-index" });
+    }
+    onIndexChange?.(nextIndex);
+  };
   const handleMediaTransitionComplete = () => {
     dispatch({ type: "finish-transition" });
   };
@@ -797,15 +897,15 @@ var ApertoGroup = ({
       dispatch({ open: true, type: "set-open" });
       return;
     }
-    startClose();
+    lifecycle.startClose();
   };
   const value = {
     classNames,
     index,
     media,
     open: state.open,
-    openAtIndex,
-    registerThumbnail,
+    openAtIndex: lifecycle.openAtIndex,
+    registerThumbnail: lifecycle.registerThumbnail,
     renderImage,
     renderVideo,
     setIndex,
@@ -836,90 +936,78 @@ var ApertoGroup = ({
       goToNext();
     }
   };
-  const expandedMediaStyle = (() => {
-    if (!activeMedia?.width || !activeMedia.height) {
-      return void 0;
-    }
-    return {
-      "--aperto-expanded-aspect-ratio": `${activeMedia.width} / ${activeMedia.height}`,
-      "--aperto-expanded-aspect-ratio-height": activeMedia.height,
-      "--aperto-expanded-aspect-ratio-width": activeMedia.width
-    };
-  })();
-  return /* @__PURE__ */ jsx10(ApertoGroupContext.Provider, { value, children: /* @__PURE__ */ jsxs(
+  const expandedMediaStyle = getExpandedMediaStyle(activeMedia);
+  return {
+    activeMedia,
+    expandedMediaStyle,
+    goToNext,
+    goToPrevious,
+    handleCloseAutoFocus: lifecycle.handleCloseAutoFocus,
+    handleContentKeyDown,
+    handleMediaTransitionComplete,
+    handleOpenChange,
+    hasNavigation,
+    index,
+    setExpandedMediaNode: lifecycle.setExpandedMediaNode,
+    startClose: lifecycle.startClose,
+    state,
+    value
+  };
+};
+var ApertoGroup = ({
+  children,
+  classNames,
+  dismissible,
+  index,
+  initialIndex,
+  media,
+  motion: motionProp,
+  navigationMotion = "glide",
+  onIndexChange,
+  renderImage,
+  renderVideo
+}) => {
+  const controller = useApertoGroupController({
+    classNames,
+    index,
+    initialIndex,
+    media,
+    onIndexChange,
+    renderImage,
+    renderVideo
+  });
+  return /* @__PURE__ */ jsx10(ApertoGroupContext.Provider, { value: controller.value, children: /* @__PURE__ */ jsxs(
     ApertoRoot,
     {
       dismissible,
       motion: motionProp,
-      onOpenChange: handleOpenChange,
-      open: state.open,
+      onOpenChange: controller.handleOpenChange,
+      open: controller.state.open,
       children: [
         children,
-        activeMedia ? /* @__PURE__ */ jsxs(ApertoPortal, { children: [
-          /* @__PURE__ */ jsx10(ApertoOverlay, { className: classNames?.overlay, fadeOut: state.closing }),
-          /* @__PURE__ */ jsxs(
-            ApertoContent,
-            {
-              className: classNames?.content,
-              "data-aperto-transition": state.mediaTransition?.phase,
-              onCloseAutoFocus: handleCloseAutoFocus,
-              onKeyDown: hasNavigation ? handleContentKeyDown : void 0,
-              sharedLayoutId: false,
-              ...getDescriptionProps(activeMedia),
-              children: [
-                /* @__PURE__ */ jsxs("div", { "data-slot": "aperto-media", ref: setExpandedMediaNode, style: expandedMediaStyle, children: [
-                  /* @__PURE__ */ jsx10(
-                    ApertoExpandedMediaStage,
-                    {
-                      direction: state.navigationDirection,
-                      index,
-                      item: activeMedia,
-                      navigationMotion,
-                      renderImage,
-                      renderVideo
-                    }
-                  ),
-                  /* @__PURE__ */ jsx10(
-                    ApertoMediaNavigationButtons,
-                    {
-                      classNames,
-                      enabled: hasNavigation,
-                      onNext: goToNext,
-                      onPrevious: goToPrevious
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx10(ApertoTitle, { children: activeMedia.title ?? getMediaLabel(activeMedia) }),
-                activeMedia.description ? /* @__PURE__ */ jsx10(ApertoDescription, { children: activeMedia.description }) : null,
-                hasNavigation ? /* @__PURE__ */ jsxs("div", { className: classNames?.counter, "data-slot": "aperto-counter", children: [
-                  index + 1,
-                  " / ",
-                  media.length
-                ] }) : null,
-                /* @__PURE__ */ jsx10(
-                  "button",
-                  {
-                    "aria-label": "Close",
-                    className: classNames?.closeButton,
-                    "data-slot": "aperto-close",
-                    onClick: startClose,
-                    type: "button",
-                    children: /* @__PURE__ */ jsx10(X, { "aria-hidden": "true", size: 17, strokeWidth: 2 })
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx10(
-            ApertoMediaTransitionClone,
-            {
-              onComplete: handleMediaTransitionComplete,
-              renderImage,
-              renderVideo,
-              transition: state.mediaTransition
-            }
-          )
-        ] }) : null
+        /* @__PURE__ */ jsx10(
+          ApertoGroupPortal,
+          {
+            activeMedia: controller.activeMedia,
+            classNames,
+            expandedMediaStyle: controller.expandedMediaStyle,
+            goToNext: controller.goToNext,
+            goToPrevious: controller.goToPrevious,
+            handleCloseAutoFocus: controller.handleCloseAutoFocus,
+            handleContentKeyDown: controller.hasNavigation ? controller.handleContentKeyDown : void 0,
+            handleMediaTransitionComplete: controller.handleMediaTransitionComplete,
+            hasNavigation: controller.hasNavigation,
+            index: controller.index,
+            mediaLength: media.length,
+            navigationDirection: controller.state.navigationDirection,
+            navigationMotion,
+            renderImage,
+            renderVideo,
+            setExpandedMediaNode: controller.setExpandedMediaNode,
+            startClose: controller.startClose,
+            transition: controller.state.mediaTransition
+          }
+        )
       ]
     }
   ) });
@@ -992,7 +1080,7 @@ var ApertoSingle = ({
       /* @__PURE__ */ jsxs2(ApertoContent, { className: classNames?.content, ...getDescriptionProps(media), children: [
         /* @__PURE__ */ jsx13(ApertoExpandedMedia, { item: media, renderImage, renderVideo }),
         /* @__PURE__ */ jsx13(ApertoTitle, { children: title }),
-        media.description ? /* @__PURE__ */ jsx13(ApertoDescription, { children: media.description }) : null,
+        media.description === void 0 || media.description === "" ? null : /* @__PURE__ */ jsx13(ApertoDescription, { children: media.description }),
         /* @__PURE__ */ jsx13(ApertoClose, { "aria-label": "Close", className: classNames?.closeButton, type: "button" })
       ] })
     ] })
@@ -1013,8 +1101,12 @@ var ApertoThumbnail = ({ children, className, index }) => {
       active: group.index === index,
       "aria-label": `Open ${getMediaLabel(media)}`,
       className: className ?? group.classNames?.thumbnail,
-      onClick: () => group.openAtIndex(index),
-      ref: (node) => group.registerThumbnail(index, node),
+      onClick: () => {
+        group.openAtIndex(index);
+      },
+      ref: (node) => {
+        group.registerThumbnail(index, node);
+      },
       sharedLayoutId: false,
       children: children ?? /* @__PURE__ */ jsx14(
         ApertoThumbnailMedia,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Aperto/aperto-group.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/aperto-group-state.ts","../src/Aperto/aperto-keyboard.ts","../src/aperto-close.tsx","../src/aperto-trigger.tsx","../src/Aperto/aperto-single.tsx","../src/Aperto/aperto-thumbnail.tsx","../src/index.ts"],"sourcesContent":["\"use client\";\n\nimport { ChevronLeft, ChevronRight, X } from \"lucide-react\";\nimport { useId, useLayoutEffect, useReducer, useRef } from \"react\";\nimport type { CSSProperties, KeyboardEvent } 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 { ApertoExpandedMediaStage } from \"../expanded-media-stage\";\nimport type { NavigationDirection } 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 \"./aperto-group-state\";\nimport { shouldIgnoreKeyboardNavigationTarget } from \"./aperto-keyboard\";\nimport type { ApertoGroupProps } from \"./aperto-types\";\n\nconst 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\nexport const 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(apertoGroupReducer, initialIndex, getInitialGroupState);\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 = (nextIndex: number) =>\n    `aperto-group-${generatedId}-${nextIndex}-shared`;\n  const sharedLayoutId = sharedLayoutIdForIndex(state.layoutSourceIndex);\n  const setExpandedMediaNode = (node: HTMLDivElement | null) => {\n    expandedMediaRef.current = node;\n    if (node) {\n      const targetRect = rectFromElement(node);\n      if (targetRect) {\n        dispatch({ rect: targetRect, type: \"complete-opening-target\" });\n      }\n    }\n  };\n\n  const registerThumbnail = (thumbIndex: number, node: HTMLButtonElement | null) => {\n    if (node) {\n      thumbnailMap.set(thumbIndex, node);\n      return;\n    }\n    thumbnailMap.delete(thumbIndex);\n  };\n\n  useLayoutEffect(() => {\n    if (\n      state.mediaTransition?.phase !== \"opening\" ||\n      state.mediaTransition.to ||\n      !expandedMediaRef.current\n    ) {\n      return;\n    }\n\n    const targetRect = rectFromElement(expandedMediaRef.current);\n    if (targetRect) {\n      dispatch({ rect: targetRect, type: \"complete-opening-target\" });\n    }\n  }, [state.mediaTransition]);\n\n  const setIndex = (nextIndex: number) => {\n    if (!isControlled) {\n      dispatch({ index: nextIndex, type: \"set-index\" });\n    }\n    onIndexChange?.(nextIndex);\n  };\n\n  const openAtIndex = (thumbIndex: number) => {\n    const sourceRect = rectFromElement(thumbnailMap.get(thumbIndex) ?? null);\n    const item = media[thumbIndex];\n    const transition =\n      sourceRect && item ? { from: sourceRect, item, phase: \"opening\" as const } : null;\n\n    dispatch({ index: thumbIndex, transition, type: \"open-at-index\" });\n    onIndexChange?.(thumbIndex);\n  };\n\n  const startClose = () => {\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  };\n\n  const handleCloseAutoFocus = (event: Event) => {\n    event.preventDefault();\n    thumbnailMap.get(index)?.focus({ preventScroll: true });\n  };\n\n  const handleMediaTransitionComplete = () => {\n    dispatch({ type: \"finish-transition\" });\n  };\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (nextOpen) {\n      dispatch({ open: true, type: \"set-open\" });\n      return;\n    }\n\n    startClose();\n  };\n\n  const value = {\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  const hasNavigation = media.length > 1;\n  const navigateToIndex = (nextIndex: number, direction: NavigationDirection) => {\n    dispatch({ direction, index: nextIndex, type: \"navigate\" });\n    onIndexChange?.(nextIndex);\n  };\n  const goToPrevious = () => {\n    navigateToIndex((index - 1 + media.length) % media.length, -1);\n  };\n  const goToNext = () => {\n    navigateToIndex((index + 1) % media.length, 1);\n  };\n  const handleContentKeyDown = (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  const expandedMediaStyle = ((): 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  })();\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 className={classNames?.overlay} fadeOut={state.closing} />\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 data-slot=\"aperto-media\" ref={setExpandedMediaNode} style={expandedMediaStyle}>\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>{activeMedia.title ?? getMediaLabel(activeMedia)}</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","\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { m, useMotionValue, useSpring, useTransform } from \"motion/react\";\nimport type { MotionStyle, PanInfo } from \"motion/react\";\nimport { useState } from \"react\";\nimport type { ComponentPropsWithRef } 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  ComponentPropsWithRef<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 = ({\n  children,\n  className,\n  motion: motionOverride,\n  placement = \"center\",\n  ref,\n  sharedLayoutId,\n  style,\n  ...props\n}: ApertoContentProps) => {\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 ? undefined : (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 = dismissConfig.threshold ?? DEFAULT_DISTANCE_THRESHOLD;\n  const velocityThreshold = 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(() => Math.hypot(springX.get(), springY.get()));\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  const { onOpenChange } = ctx;\n\n  const handleDrag = (_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\n  const handleDragEnd = (_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      onOpenChange(false);\n      return;\n    }\n\n    dragX.set(0);\n    dragY.set(0);\n  };\n\n  const placementStyle =\n    placement === \"center\"\n      ? {\n          left: \"50%\",\n          top: \"50%\",\n          translate: \"-50% -50%\",\n        }\n      : {};\n  let cursor: MotionStyle[\"cursor\"];\n\n  if (isDragging) {\n    cursor = \"grabbing\";\n  } else if (isDismissible) {\n    cursor = \"grab\";\n  }\n\n  const motionStyle: MotionStyle = {\n    cursor,\n    opacity: opacityMotion,\n    scale: scaleMotion,\n    x: springX,\n    y: springY,\n    ...placementStyle,\n    ...style,\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\nApertoContent.displayName = \"ApertoContent\";\n\nexport { ApertoContent };\n","\"use client\";\n\nimport { createContext, use } from \"react\";\n\nimport type { ApertoContextValue } from \"./types\";\n\nexport const ApertoContext = createContext<ApertoContextValue | null>(null);\n\nexport const useApertoContext = (): ApertoContextValue => {\n  const ctx = use(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 const calculateResistance = (distance: number): number =>\n  Math.max(RESISTANCE_MIN, 1 - Math.log(distance / RESISTANCE_DIVISOR + 1) / RESISTANCE_SCALE);\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  moderate: 0.4,\n  snappy: 0.22,\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: { damping: 12, mass: 1, stiffness: 260 },\n  natural: { damping: 20, mass: 1, stiffness: 200 },\n  snappy: { damping: 28, mass: 0.8, stiffness: 400 },\n  stiff: { damping: 30, mass: 1, stiffness: 500 },\n} as const;\n","import { durations, easings, springs } from \"./motion-tokens\";\nimport type { DragSpringConfig, MotionPreset, MotionPresetName, MotionVariants } 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  bouncy: {\n    drag: {\n      damping: springs.snappy.damping,\n      restDelta: 0.01,\n      stiffness: springs.snappy.stiffness,\n    },\n    transition: {\n      damping: springs.bouncy.damping,\n      mass: springs.bouncy.mass,\n      stiffness: springs.bouncy.stiffness,\n      type: \"spring\",\n    },\n  },\n  reduced: {\n    drag: { damping: 50, restDelta: 0.1, stiffness: 1000 },\n    transition: { duration: 0.01, ease: \"linear\" },\n  },\n  smooth: {\n    drag: {\n      damping: springs.natural.damping,\n      restDelta: 0.01,\n      stiffness: springs.natural.stiffness,\n    },\n    transition: { duration: durations.moderate, ease: easings.customGentle },\n  },\n  snappy: {\n    drag: {\n      damping: springs.stiff.damping,\n      restDelta: 0.01,\n      stiffness: springs.stiff.stiffness,\n    },\n    transition: { duration: durations.snappy, ease: easings.snappy },\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 const 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 const getDragSpring = (preset: MotionPreset): DragSpringConfig => preset.drag;\n","\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nconst ApertoDescription = ({ ref, ...props }: ComponentPropsWithRef<typeof Dialog.Description>) => (\n  <Dialog.Description data-slot=\"aperto-description\" ref={ref} {...props} />\n);\n\nApertoDescription.displayName = \"ApertoDescription\";\n\nexport { ApertoDescription };\n","import { createContext, use } from \"react\";\n\nimport type { ApertoClassNames, ApertoMediaItem, RenderImage, RenderVideo } 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>(null);\n\nexport const useApertoGroup = (): ApertoGroupContextValue => {\n  const ctx = use(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 } from \"motion/react\";\nimport type { Transition } from \"motion/react\";\nimport type { CSSProperties, Ref } 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  ref?: Ref<HTMLDivElement>;\n  style?: 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 = ({ className, fadeOut, ref, style }: ApertoOverlayProps) => {\n  const ctx = useApertoContext();\n  const transition = ctx.reduceMotion ? OVERLAY_TRANSITION_REDUCED : 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\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\nconst 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 { domMax, LayoutGroup, LazyMotion, useReducedMotion } from \"motion/react\";\nimport { useId, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { ApertoContext } from \"./context\";\nimport { PRESETS } from \"./presets\";\nimport type { DismissibleConfig, MotionPresetName, MotionVariants } 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\nconst 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 = (nextOpen: boolean) => {\n    if (!isControlled) {\n      setInternalOpen(nextOpen);\n    }\n    controlledOnOpenChange?.(nextOpen);\n  };\n\n  // Resolve global preset name\n  const globalPresetName: MotionPresetName = typeof motionProp === \"string\" ? motionProp : \"smooth\";\n  const variants: MotionVariants | undefined =\n    typeof motionProp === \"object\" ? motionProp : undefined;\n\n  const presetName: MotionPresetName = shouldReduce ? \"reduced\" : globalPresetName;\n  const preset = PRESETS[presetName];\n  const contextValue = {\n    dismissible,\n    layoutId,\n    onOpenChange,\n    open,\n    preset,\n    presetName,\n    reduceMotion: shouldReduce,\n    variants,\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 { ComponentPropsWithRef } from \"react\";\n\nconst ApertoTitle = ({ ref, ...props }: ComponentPropsWithRef<typeof Dialog.Title>) => (\n  <Dialog.Title data-slot=\"aperto-title\" ref={ref} {...props} />\n);\n\nApertoTitle.displayName = \"ApertoTitle\";\n\nexport { ApertoTitle };\n","import { AnimatePresence, m } from \"motion/react\";\nimport type { TargetAndTransition, Transition } 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<NavigationMotionPresetName, NavigationMotionPreset> = {\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: ({ direction, offset, scale }: NavigationAnimationCustom): TargetAndTransition => ({\n    opacity: 0,\n    scale: direction === 0 ? 1 : scale,\n    x: direction * offset,\n  }),\n  exit: ({ direction, offset, scale }: 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 const 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 ? REDUCED_EXPANDED_MEDIA_TRANSITION : preset.transition;\n  const variants = ctx.reduceMotion ? reducedExpandedMediaVariants : 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 item={item} renderImage={renderImage} renderVideo={renderVideo} />\n      </m.div>\n    </AnimatePresence>\n  );\n};\n","import { createElement } from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport type { ApertoMediaItem, RenderImage, RenderVideo } from \"./types\";\n\nconst renderDefaultImage = (props: Parameters<RenderImage>[0]): ReactNode => {\n  const { item: _item, variant: _variant, ...imageProps } = props;\n  return createElement(\"img\", { ...imageProps, alt: imageProps.alt ?? \"\" });\n};\n\nconst 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 const 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 const 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 const 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 const getMediaLabel = (item: ApertoMediaItem): string => item.title ?? item.alt ?? \"media\";\n\nexport const getMediaKey = (item: ApertoMediaItem, index: number): string =>\n  item.id ?? `${item.type}:${item.src}:${index}`;\n\nexport const getDescriptionProps = (\n  item: ApertoMediaItem,\n): {\n  \"aria-describedby\"?: undefined;\n} => (item.description ? {} : { \"aria-describedby\": undefined });\n","import { m } from \"motion/react\";\nimport { useEffect } from \"react\";\n\nimport { useApertoContext } from \"./context\";\nimport { ApertoTransitionMedia } from \"./media-rendering\";\nimport { rectTarget, transitionDurationMs } from \"./media-transition-utils\";\nimport type { ApertoMediaTransition } from \"./media-transition-utils\";\nimport type { RenderImage, RenderVideo } from \"./types\";\n\nexport const 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(onComplete, transitionDurationMs(ctx.preset.transition));\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\";\nimport type { ApertoMediaItem } from \"./types\";\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: ApertoMediaItem;\n  phase: \"opening\" | \"closing\";\n  to?: ApertoRect;\n}\n\nexport const 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 const rectTarget = (rect: ApertoRect): TargetAndTransition => ({\n  height: rect.height,\n  left: rect.left,\n  top: rect.top,\n  width: rect.width,\n});\n\nexport const transitionDurationMs = (transition: Transition): number =>\n  typeof transition.duration === \"number\" ? transition.duration * 1000 : 450;\n","import type { NavigationDirection } from \"../expanded-media-stage\";\nimport type { ApertoMediaTransition, ApertoRect } 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 const getInitialGroupState = (initialIndex: number): ApertoGroupState => ({\n  closing: false,\n  internalIndex: initialIndex,\n  layoutSourceIndex: initialIndex,\n  mediaTransition: null,\n  navigationDirection: 0,\n  open: false,\n});\n\nexport const 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    }\n    case \"complete-opening-target\": {\n      if (state.mediaTransition?.phase !== \"opening\" || state.mediaTransition.to) {\n        return state;\n      }\n      return {\n        ...state,\n        mediaTransition: { ...state.mediaTransition, to: action.rect },\n      };\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    }\n    case \"navigate\": {\n      return {\n        ...state,\n        internalIndex: action.index,\n        layoutSourceIndex: action.index,\n        navigationDirection: action.direction,\n      };\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    }\n    case \"set-index\": {\n      return { ...state, internalIndex: action.index };\n    }\n    case \"set-open\": {\n      return action.open ? { ...state, closing: false, open: true } : { ...state, open: false };\n    }\n    case \"start-close\": {\n      return {\n        ...state,\n        closing: true,\n        mediaTransition: action.transition,\n      };\n    }\n    default: {\n      return state;\n    }\n  }\n};\n","export const shouldIgnoreKeyboardNavigationTarget = (target: EventTarget | null): 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 { ComponentPropsWithRef } from \"react\";\n\nconst ApertoClose = ({ children, ref, ...props }: ComponentPropsWithRef<typeof Dialog.Close>) => (\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\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 { ComponentPropsWithRef } 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 ComponentPropsWithRef<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 = ({\n  active,\n  children,\n  motion: motionOverride,\n  ref,\n  sharedLayoutId,\n  ...props\n}: ApertoTriggerProps) => {\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 ? undefined : (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\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 \"./aperto-types\";\n\nexport const 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 aria-label={`Open ${label}`} className={classNames?.thumbnail}>\n        <ApertoThumbnailMedia item={media} renderImage={renderImage} renderVideo={renderVideo} />\n      </ApertoTrigger>\n      <ApertoPortal>\n        <ApertoOverlay className={classNames?.overlay} />\n        <ApertoContent className={classNames?.content} {...getDescriptionProps(media)}>\n          <ApertoExpandedMedia item={media} renderImage={renderImage} renderVideo={renderVideo} />\n          <ApertoTitle>{title}</ApertoTitle>\n          {media.description ? <ApertoDescription>{media.description}</ApertoDescription> : null}\n          <ApertoClose aria-label=\"Close\" className={classNames?.closeButton} type=\"button\" />\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 \"./aperto-types\";\n\nexport const ApertoThumbnail = ({ children, className, index }: 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 * Package: @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 { ApertoGroup, ApertoSingle, ApertoThumbnail } from \"./aperto\";\nimport type { ApertoGroupProps, ApertoProps, ApertoThumbnailProps } from \"./aperto\";\nimport { ApertoClose } from \"./aperto-close\";\nimport { ApertoContent } from \"./aperto-content\";\nimport type { ApertoContentProps } from \"./aperto-content\";\nimport { ApertoDescription } from \"./aperto-description\";\nimport { ApertoOverlay } from \"./aperto-overlay\";\nimport type { ApertoOverlayProps } from \"./aperto-overlay\";\nimport { ApertoPortal } from \"./aperto-portal\";\nimport type { ApertoPortalProps } from \"./aperto-portal\";\nimport { ApertoRoot } from \"./aperto-root\";\nimport type { ApertoRootProps } from \"./aperto-root\";\nimport { ApertoTitle } from \"./aperto-title\";\nimport { ApertoTrigger } from \"./aperto-trigger\";\nimport 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":["useId","Dialog","jsx","createContext","use","Dialog","m","jsx","m","Dialog","jsx","Dialog","useState","jsx","useState","Dialog","jsx","AnimatePresence","m","jsx","jsx","AnimatePresence","m","m","jsx","m","jsx","useId","Dialog","X","jsx","Dialog","m","jsx","m","jsx","jsxs","jsx"]}
+{"version":3,"sources":["../src/Aperto/aperto-group.tsx","../src/aperto-content.tsx","../src/context.ts","../src/physics.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/aperto-group-state.ts","../src/Aperto/aperto-keyboard.ts","../src/aperto-close.tsx","../src/aperto-trigger.tsx","../src/Aperto/aperto-single.tsx","../src/Aperto/aperto-thumbnail.tsx","../src/index.ts"],"sourcesContent":["\"use client\";\n\nimport { ChevronLeft, ChevronRight, X } from \"lucide-react\";\nimport { useId, useLayoutEffect, useReducer, useRef } from \"react\";\nimport type { CSSProperties, Dispatch, KeyboardEvent } 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 { ApertoExpandedMediaStage } from \"../expanded-media-stage\";\nimport type { NavigationDirection } from \"../expanded-media-stage\";\nimport { ApertoMediaTransitionClone } from \"../media-transition\";\nimport { rectFromElement } from \"../media-transition-utils\";\nimport type { ApertoMediaTransition } from \"../media-transition-utils\";\nimport { getDescriptionProps, getMediaLabel } from \"../media-utils\";\nimport type {\n  ApertoClassNames,\n  ApertoMediaItem,\n  NavigationMotionPresetName,\n  RenderImage,\n  RenderVideo,\n} from \"../types\";\nimport { apertoGroupReducer, getInitialGroupState } from \"./aperto-group-state\";\nimport type { ApertoGroupAction, ApertoGroupState } from \"./aperto-group-state\";\nimport { shouldIgnoreKeyboardNavigationTarget } from \"./aperto-keyboard\";\nimport type { ApertoGroupProps } from \"./aperto-types\";\n\ntype ApertoExpandedMediaStyle = CSSProperties & {\n  \"--aperto-expanded-aspect-ratio\"?: string;\n  \"--aperto-expanded-aspect-ratio-height\"?: number;\n  \"--aperto-expanded-aspect-ratio-width\"?: number;\n};\ntype ApertoGroupDispatch = Dispatch<ApertoGroupAction>;\n\nconst 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\nconst useThumbnailMap = () => {\n  const thumbnailRefs = useRef<Map<number, HTMLButtonElement> | null>(null);\n  thumbnailRefs.current ??= new Map();\n  return thumbnailRefs.current;\n};\n\nconst getExpandedMediaStyle = (\n  activeMedia: ApertoMediaItem | undefined,\n): ApertoExpandedMediaStyle | undefined => {\n  if (\n    activeMedia === undefined ||\n    activeMedia.width === undefined ||\n    activeMedia.height === undefined\n  ) {\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  };\n};\n\nconst ApertoGroupPortal = ({\n  activeMedia,\n  classNames,\n  expandedMediaStyle,\n  handleCloseAutoFocus,\n  handleContentKeyDown,\n  handleMediaTransitionComplete,\n  hasNavigation,\n  index,\n  mediaLength,\n  navigationDirection,\n  navigationMotion,\n  renderImage,\n  renderVideo,\n  setExpandedMediaNode,\n  startClose,\n  transition,\n  goToNext,\n  goToPrevious,\n}: {\n  activeMedia: ApertoMediaItem | undefined;\n  classNames: ApertoClassNames | undefined;\n  expandedMediaStyle: ApertoExpandedMediaStyle | undefined;\n  goToNext: () => void;\n  goToPrevious: () => void;\n  handleCloseAutoFocus: (event: Event) => void;\n  handleContentKeyDown: ((event: KeyboardEvent<HTMLDivElement>) => void) | undefined;\n  handleMediaTransitionComplete: () => void;\n  hasNavigation: boolean;\n  index: number;\n  mediaLength: number;\n  navigationDirection: NavigationDirection;\n  navigationMotion: NavigationMotionPresetName;\n  renderImage: RenderImage | undefined;\n  renderVideo: RenderVideo | undefined;\n  setExpandedMediaNode: (node: HTMLDivElement | null) => void;\n  startClose: () => void;\n  transition: ApertoMediaTransition | null;\n}) => {\n  if (activeMedia === undefined) {\n    return null;\n  }\n\n  return (\n    <ApertoPortal>\n      <ApertoOverlay className={classNames?.overlay} fadeOut={transition?.phase === \"closing\"} />\n      <ApertoContent\n        className={classNames?.content}\n        data-aperto-transition={transition?.phase}\n        onCloseAutoFocus={handleCloseAutoFocus}\n        onKeyDown={handleContentKeyDown}\n        sharedLayoutId={false}\n        {...getDescriptionProps(activeMedia)}\n      >\n        <div data-slot=\"aperto-media\" ref={setExpandedMediaNode} style={expandedMediaStyle}>\n          <ApertoExpandedMediaStage\n            direction={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>{activeMedia.title ?? getMediaLabel(activeMedia)}</ApertoTitle>\n        {activeMedia.description === undefined || activeMedia.description === \"\" ? null : (\n          <ApertoDescription>{activeMedia.description}</ApertoDescription>\n        )}\n        {hasNavigation ? (\n          <div className={classNames?.counter} data-slot=\"aperto-counter\">\n            {index + 1} / {mediaLength}\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={transition}\n      />\n    </ApertoPortal>\n  );\n};\n\nconst useApertoMediaLifecycle = ({\n  activeMedia,\n  dispatch,\n  index,\n  media,\n  onIndexChange,\n  state,\n}: {\n  activeMedia: ApertoMediaItem | undefined;\n  dispatch: ApertoGroupDispatch;\n  index: number;\n  media: ApertoMediaItem[];\n  onIndexChange: ApertoGroupProps[\"onIndexChange\"];\n  state: ApertoGroupState;\n}) => {\n  const expandedMediaRef = useRef<HTMLDivElement | null>(null);\n  const thumbnailMap = useThumbnailMap();\n\n  const setExpandedMediaNode = (node: HTMLDivElement | null) => {\n    expandedMediaRef.current = node;\n    if (node === null) {\n      return;\n    }\n    const targetRect = rectFromElement(node);\n    if (targetRect !== null) {\n      dispatch({ rect: targetRect, type: \"complete-opening-target\" });\n    }\n  };\n\n  const registerThumbnail = (thumbIndex: number, node: HTMLButtonElement | null) => {\n    if (node !== null) {\n      thumbnailMap.set(thumbIndex, node);\n      return;\n    }\n    thumbnailMap.delete(thumbIndex);\n  };\n\n  useLayoutEffect(() => {\n    if (\n      state.mediaTransition?.phase !== \"opening\" ||\n      state.mediaTransition.to !== undefined ||\n      expandedMediaRef.current === null\n    ) {\n      return;\n    }\n\n    const targetRect = rectFromElement(expandedMediaRef.current);\n    if (targetRect !== null) {\n      dispatch({ rect: targetRect, type: \"complete-opening-target\" });\n    }\n  }, [dispatch, state.mediaTransition]);\n\n  const openAtIndex = (thumbIndex: number) => {\n    const sourceRect = rectFromElement(thumbnailMap.get(thumbIndex) ?? null);\n    const item = media[thumbIndex] ?? null;\n    const transition =\n      sourceRect === null || item === null\n        ? null\n        : { from: sourceRect, item, phase: \"opening\" as const };\n\n    dispatch({ index: thumbIndex, transition, type: \"open-at-index\" });\n    onIndexChange?.(thumbIndex);\n  };\n\n  const startClose = () => {\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    if (activeMedia === undefined || sourceRect === null || targetRect === null) {\n      dispatch({ type: \"close-without-transition\" });\n      return;\n    }\n\n    dispatch({\n      transition: { from: sourceRect, item: activeMedia, phase: \"closing\", to: targetRect },\n      type: \"start-close\",\n    });\n  };\n\n  const handleCloseAutoFocus = (event: Event) => {\n    event.preventDefault();\n    thumbnailMap.get(index)?.focus({ preventScroll: true });\n  };\n\n  return { handleCloseAutoFocus, openAtIndex, registerThumbnail, setExpandedMediaNode, startClose };\n};\n\nconst useApertoGroupController = ({\n  classNames,\n  index: controlledIndex,\n  initialIndex = 0,\n  media,\n  onIndexChange,\n  renderImage,\n  renderVideo,\n}: Omit<ApertoGroupProps, \"children\" | \"dismissible\" | \"motion\" | \"navigationMotion\">) => {\n  const generatedId = useId();\n  const [state, dispatch] = useReducer(apertoGroupReducer, initialIndex, getInitialGroupState);\n  const isControlled = controlledIndex !== undefined;\n  const index = isControlled ? controlledIndex : state.internalIndex;\n  const activeMedia = media[index] ?? media[0];\n  const lifecycle = useApertoMediaLifecycle({\n    activeMedia,\n    dispatch,\n    index,\n    media,\n    onIndexChange,\n    state,\n  });\n  const sharedLayoutIdForIndex = (nextIndex: number) =>\n    `aperto-group-${generatedId}-${nextIndex}-shared`;\n  const sharedLayoutId = sharedLayoutIdForIndex(state.layoutSourceIndex);\n\n  const setIndex = (nextIndex: number) => {\n    if (!isControlled) {\n      dispatch({ index: nextIndex, type: \"set-index\" });\n    }\n    onIndexChange?.(nextIndex);\n  };\n\n  const handleMediaTransitionComplete = () => {\n    dispatch({ type: \"finish-transition\" });\n  };\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (nextOpen) {\n      dispatch({ open: true, type: \"set-open\" });\n      return;\n    }\n\n    lifecycle.startClose();\n  };\n\n  const value = {\n    classNames,\n    index,\n    media,\n    open: state.open,\n    openAtIndex: lifecycle.openAtIndex,\n    registerThumbnail: lifecycle.registerThumbnail,\n    renderImage,\n    renderVideo,\n    setIndex,\n    sharedLayoutId,\n    sharedLayoutIdForIndex,\n  };\n  const hasNavigation = media.length > 1;\n  const navigateToIndex = (nextIndex: number, direction: NavigationDirection) => {\n    dispatch({ direction, index: nextIndex, type: \"navigate\" });\n    onIndexChange?.(nextIndex);\n  };\n  const goToPrevious = () => {\n    navigateToIndex((index - 1 + media.length) % media.length, -1);\n  };\n  const goToNext = () => {\n    navigateToIndex((index + 1) % media.length, 1);\n  };\n  const handleContentKeyDown = (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  const expandedMediaStyle = getExpandedMediaStyle(activeMedia);\n\n  return {\n    activeMedia,\n    expandedMediaStyle,\n    goToNext,\n    goToPrevious,\n    handleCloseAutoFocus: lifecycle.handleCloseAutoFocus,\n    handleContentKeyDown,\n    handleMediaTransitionComplete,\n    handleOpenChange,\n    hasNavigation,\n    index,\n    setExpandedMediaNode: lifecycle.setExpandedMediaNode,\n    startClose: lifecycle.startClose,\n    state,\n    value,\n  };\n};\n\nexport const ApertoGroup = ({\n  children,\n  classNames,\n  dismissible,\n  index,\n  initialIndex,\n  media,\n  motion: motionProp,\n  navigationMotion = \"glide\",\n  onIndexChange,\n  renderImage,\n  renderVideo,\n}: ApertoGroupProps) => {\n  const controller = useApertoGroupController({\n    classNames,\n    index,\n    initialIndex,\n    media,\n    onIndexChange,\n    renderImage,\n    renderVideo,\n  });\n\n  return (\n    <ApertoGroupContext.Provider value={controller.value}>\n      <ApertoRoot\n        dismissible={dismissible}\n        motion={motionProp}\n        onOpenChange={controller.handleOpenChange}\n        open={controller.state.open}\n      >\n        {children}\n        <ApertoGroupPortal\n          activeMedia={controller.activeMedia}\n          classNames={classNames}\n          expandedMediaStyle={controller.expandedMediaStyle}\n          goToNext={controller.goToNext}\n          goToPrevious={controller.goToPrevious}\n          handleCloseAutoFocus={controller.handleCloseAutoFocus}\n          handleContentKeyDown={\n            controller.hasNavigation ? controller.handleContentKeyDown : undefined\n          }\n          handleMediaTransitionComplete={controller.handleMediaTransitionComplete}\n          hasNavigation={controller.hasNavigation}\n          index={controller.index}\n          mediaLength={media.length}\n          navigationDirection={controller.state.navigationDirection}\n          navigationMotion={navigationMotion}\n          renderImage={renderImage}\n          renderVideo={renderVideo}\n          setExpandedMediaNode={controller.setExpandedMediaNode}\n          startClose={controller.startClose}\n          transition={controller.state.mediaTransition}\n        />\n      </ApertoRoot>\n    </ApertoGroupContext.Provider>\n  );\n};\n","\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { m, useMotionValue, useSpring, useTransform } from \"motion/react\";\nimport type { MotionStyle, PanInfo } from \"motion/react\";\nimport { useState } from \"react\";\nimport type { ComponentPropsWithRef } 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  ComponentPropsWithRef<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 = ({\n  children,\n  className,\n  motion: motionOverride,\n  placement = \"center\",\n  ref,\n  sharedLayoutId,\n  style,\n  ...props\n}: ApertoContentProps) => {\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 ? undefined : (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 = dismissConfig.threshold ?? DEFAULT_DISTANCE_THRESHOLD;\n  const velocityThreshold = 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(() => Math.hypot(springX.get(), springY.get()));\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  const { onOpenChange } = ctx;\n\n  const handleDrag = (_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\n  const handleDragEnd = (_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      onOpenChange(false);\n      return;\n    }\n\n    dragX.set(0);\n    dragY.set(0);\n  };\n\n  const placementStyle =\n    placement === \"center\"\n      ? {\n          left: \"50%\",\n          top: \"50%\",\n          translate: \"-50% -50%\",\n        }\n      : {};\n  let cursor: MotionStyle[\"cursor\"];\n\n  if (isDragging) {\n    cursor = \"grabbing\";\n  } else if (isDismissible) {\n    cursor = \"grab\";\n  }\n\n  const motionStyle: MotionStyle = {\n    cursor,\n    opacity: opacityMotion,\n    scale: scaleMotion,\n    x: springX,\n    y: springY,\n    ...placementStyle,\n    ...style,\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 === undefined || contentLayoutId === \"\" ? undefined : true}\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\nApertoContent.displayName = \"ApertoContent\";\n\nexport { ApertoContent };\n","\"use client\";\n\nimport { createContext, use } from \"react\";\n\nimport type { ApertoContextValue } from \"./types\";\n\nexport const ApertoContext = createContext<ApertoContextValue | null>(null);\n\nexport const useApertoContext = (): ApertoContextValue => {\n  const ctx = use(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 const calculateResistance = (distance: number): number =>\n  Math.max(RESISTANCE_MIN, 1 - Math.log(distance / RESISTANCE_DIVISOR + 1) / RESISTANCE_SCALE);\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 { durations, easings, springs } from \"@howells/motion\";\nimport type { DragSpringConfig, MotionPreset, MotionPresetName, MotionVariants } 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 come from the shared @howells/motion tokens so motion\n * feel stays consistent across the catalog.\n */\nexport const PRESETS: Record<MotionPresetName, MotionPreset> = {\n  bouncy: {\n    drag: {\n      damping: springs.snappy.damping,\n      restDelta: 0.01,\n      stiffness: springs.snappy.stiffness,\n    },\n    transition: {\n      damping: springs.bouncy.damping,\n      mass: springs.bouncy.mass,\n      stiffness: springs.bouncy.stiffness,\n      type: \"spring\",\n    },\n  },\n  reduced: {\n    drag: { damping: 50, restDelta: 0.1, stiffness: 1000 },\n    transition: { duration: 0.01, ease: \"linear\" },\n  },\n  smooth: {\n    drag: {\n      damping: springs.natural.damping,\n      restDelta: 0.01,\n      stiffness: springs.natural.stiffness,\n    },\n    transition: { duration: durations.moderate, ease: easings.customGentle },\n  },\n  snappy: {\n    drag: {\n      damping: springs.stiff.damping,\n      restDelta: 0.01,\n      stiffness: springs.stiff.stiffness,\n    },\n    transition: { duration: durations.snappy, ease: easings.snappy },\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 const 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 const getDragSpring = (preset: MotionPreset): DragSpringConfig => preset.drag;\n","\"use client\";\n\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nconst ApertoDescription = ({ ref, ...props }: ComponentPropsWithRef<typeof Dialog.Description>) => (\n  <Dialog.Description data-slot=\"aperto-description\" ref={ref} {...props} />\n);\n\nApertoDescription.displayName = \"ApertoDescription\";\n\nexport { ApertoDescription };\n","import { createContext, use } from \"react\";\n\nimport type { ApertoClassNames, ApertoMediaItem, RenderImage, RenderVideo } 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>(null);\n\nexport const useApertoGroup = (): ApertoGroupContextValue => {\n  const ctx = use(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 } from \"motion/react\";\nimport type { Transition } from \"motion/react\";\nimport type { CSSProperties, Ref } from \"react\";\n\nimport { useApertoContext } from \"./context\";\nimport { easings } from \"@howells/motion\";\n\nexport interface ApertoOverlayProps {\n  className?: string;\n  /** Internal flag used to fade the overlay during measured close transitions. */\n  fadeOut?: boolean;\n  ref?: Ref<HTMLDivElement>;\n  style?: 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 = ({ className, fadeOut, ref, style }: ApertoOverlayProps) => {\n  const ctx = useApertoContext();\n  const transition = ctx.reduceMotion ? OVERLAY_TRANSITION_REDUCED : OVERLAY_TRANSITION;\n\n  return (\n    <Dialog.Overlay asChild forceMount>\n      <m.div\n        animate={{ opacity: fadeOut === true ? 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\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\nconst 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 { domMax, LayoutGroup, LazyMotion, useReducedMotion } from \"motion/react\";\nimport { useId, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { ApertoContext } from \"./context\";\nimport { PRESETS } from \"./presets\";\nimport type { DismissibleConfig, MotionPresetName, MotionVariants } 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\nconst 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 = (nextOpen: boolean) => {\n    if (!isControlled) {\n      setInternalOpen(nextOpen);\n    }\n    controlledOnOpenChange?.(nextOpen);\n  };\n\n  // Resolve global preset name\n  const globalPresetName: MotionPresetName = typeof motionProp === \"string\" ? motionProp : \"smooth\";\n  const variants: MotionVariants | undefined =\n    typeof motionProp === \"object\" ? motionProp : undefined;\n\n  const presetName: MotionPresetName = shouldReduce ? \"reduced\" : globalPresetName;\n  const preset = PRESETS[presetName];\n  const contextValue = {\n    dismissible,\n    layoutId,\n    onOpenChange,\n    open,\n    preset,\n    presetName,\n    reduceMotion: shouldReduce,\n    variants,\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 { ComponentPropsWithRef } from \"react\";\n\nconst ApertoTitle = ({ ref, ...props }: ComponentPropsWithRef<typeof Dialog.Title>) => (\n  <Dialog.Title data-slot=\"aperto-title\" ref={ref} {...props} />\n);\n\nApertoTitle.displayName = \"ApertoTitle\";\n\nexport { ApertoTitle };\n","import { AnimatePresence, m } from \"motion/react\";\nimport type { TargetAndTransition, Transition } 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<NavigationMotionPresetName, NavigationMotionPreset> = {\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: ({ direction, offset, scale }: NavigationAnimationCustom): TargetAndTransition => ({\n    opacity: 0,\n    scale: direction === 0 ? 1 : scale,\n    x: direction * offset,\n  }),\n  exit: ({ direction, offset, scale }: 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 const 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 ? REDUCED_EXPANDED_MEDIA_TRANSITION : preset.transition;\n  const variants = ctx.reduceMotion ? reducedExpandedMediaVariants : 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 item={item} renderImage={renderImage} renderVideo={renderVideo} />\n      </m.div>\n    </AnimatePresence>\n  );\n};\n","import { createElement } from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport type { ApertoMediaItem, RenderImage, RenderVideo } from \"./types\";\n\nconst renderDefaultImage = (props: Parameters<RenderImage>[0]): ReactNode => {\n  const { item: _item, variant: _variant, ...imageProps } = props;\n  return createElement(\"img\", { ...imageProps, alt: imageProps.alt ?? \"\" });\n};\n\nconst 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 const ApertoThumbnailMedia = ({\n  item,\n  renderImage,\n  renderVideo,\n}: {\n  item: ApertoMediaItem;\n  renderImage?: RenderImage;\n  renderVideo?: RenderVideo;\n}): ReactNode => {\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 const ApertoExpandedMedia = ({\n  item,\n  renderImage,\n  renderVideo,\n}: {\n  item: ApertoMediaItem;\n  renderImage?: RenderImage;\n  renderVideo?: RenderVideo;\n}): ReactNode => {\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 const ApertoTransitionMedia = ({\n  item,\n  renderImage,\n  renderVideo,\n}: {\n  item: ApertoMediaItem;\n  renderImage?: RenderImage;\n  renderVideo?: RenderVideo;\n}): ReactNode => {\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 const getMediaLabel = (item: ApertoMediaItem): string => item.title ?? item.alt ?? \"media\";\n\nexport const getMediaKey = (item: ApertoMediaItem, index: number): string =>\n  item.id ?? `${item.type}:${item.src}:${index}`;\n\nexport const getDescriptionProps = (\n  item: ApertoMediaItem,\n): {\n  \"aria-describedby\"?: undefined;\n} =>\n  item.description === undefined || item.description === \"\"\n    ? { \"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 { rectTarget, transitionDurationMs } from \"./media-transition-utils\";\nimport type { ApertoMediaTransition } from \"./media-transition-utils\";\nimport type { RenderImage, RenderVideo } from \"./types\";\n\nexport const 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    let timer: ReturnType<typeof setTimeout> | undefined;\n    if (transition?.to !== undefined) {\n      timer = setTimeout(onComplete, transitionDurationMs(ctx.preset.transition));\n    }\n\n    return () => {\n      if (timer !== undefined) {\n        clearTimeout(timer);\n      }\n    };\n  }, [ctx.preset.transition, onComplete, transition]);\n\n  if (transition?.to === undefined) {\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\";\nimport type { ApertoMediaItem } from \"./types\";\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: ApertoMediaItem;\n  phase: \"opening\" | \"closing\";\n  to?: ApertoRect;\n}\n\nexport const 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 const rectTarget = (rect: ApertoRect): TargetAndTransition => ({\n  height: rect.height,\n  left: rect.left,\n  top: rect.top,\n  width: rect.width,\n});\n\nexport const transitionDurationMs = (transition: Transition): number =>\n  typeof transition.duration === \"number\" ? transition.duration * 1000 : 450;\n","import type { NavigationDirection } from \"../expanded-media-stage\";\nimport type { ApertoMediaTransition, ApertoRect } 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 const getInitialGroupState = (initialIndex: number): ApertoGroupState => ({\n  closing: false,\n  internalIndex: initialIndex,\n  layoutSourceIndex: initialIndex,\n  mediaTransition: null,\n  navigationDirection: 0,\n  open: false,\n});\n\nexport const 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    }\n    case \"complete-opening-target\": {\n      if (state.mediaTransition?.phase !== \"opening\" || state.mediaTransition.to) {\n        return state;\n      }\n      return {\n        ...state,\n        mediaTransition: { ...state.mediaTransition, to: action.rect },\n      };\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    }\n    case \"navigate\": {\n      return {\n        ...state,\n        internalIndex: action.index,\n        layoutSourceIndex: action.index,\n        navigationDirection: action.direction,\n      };\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    }\n    case \"set-index\": {\n      return { ...state, internalIndex: action.index };\n    }\n    case \"set-open\": {\n      return action.open ? { ...state, closing: false, open: true } : { ...state, open: false };\n    }\n    case \"start-close\": {\n      return {\n        ...state,\n        closing: true,\n        mediaTransition: action.transition,\n      };\n    }\n    default: {\n      return state;\n    }\n  }\n};\n","export const shouldIgnoreKeyboardNavigationTarget = (target: EventTarget | null): boolean => {\n  if (!(target instanceof HTMLElement)) {\n    return false;\n  }\n\n  return (\n    target.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 { ComponentPropsWithRef } from \"react\";\n\nconst ApertoClose = ({ children, ref, ...props }: ComponentPropsWithRef<typeof Dialog.Close>) => (\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\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 { ComponentPropsWithRef } 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 ComponentPropsWithRef<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 = ({\n  active,\n  children,\n  motion: motionOverride,\n  ref,\n  sharedLayoutId,\n  ...props\n}: ApertoTriggerProps) => {\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 ? undefined : (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\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 \"./aperto-types\";\n\nexport const 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 aria-label={`Open ${label}`} className={classNames?.thumbnail}>\n        <ApertoThumbnailMedia item={media} renderImage={renderImage} renderVideo={renderVideo} />\n      </ApertoTrigger>\n      <ApertoPortal>\n        <ApertoOverlay className={classNames?.overlay} />\n        <ApertoContent className={classNames?.content} {...getDescriptionProps(media)}>\n          <ApertoExpandedMedia item={media} renderImage={renderImage} renderVideo={renderVideo} />\n          <ApertoTitle>{title}</ApertoTitle>\n          {media.description === undefined || media.description === \"\" ? null : (\n            <ApertoDescription>{media.description}</ApertoDescription>\n          )}\n          <ApertoClose aria-label=\"Close\" className={classNames?.closeButton} type=\"button\" />\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 \"./aperto-types\";\n\nexport const ApertoThumbnail = ({ children, className, index }: 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={() => {\n        group.openAtIndex(index);\n      }}\n      ref={(node) => {\n        group.registerThumbnail(index, node);\n      }}\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 * Package: @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 { ApertoGroup, ApertoSingle, ApertoThumbnail } from \"./aperto\";\nimport type { ApertoGroupProps, ApertoProps, ApertoThumbnailProps } from \"./aperto\";\nimport { ApertoClose } from \"./aperto-close\";\nimport { ApertoContent } from \"./aperto-content\";\nimport type { ApertoContentProps } from \"./aperto-content\";\nimport { ApertoDescription } from \"./aperto-description\";\nimport { ApertoOverlay } from \"./aperto-overlay\";\nimport type { ApertoOverlayProps } from \"./aperto-overlay\";\nimport { ApertoPortal } from \"./aperto-portal\";\nimport type { ApertoPortalProps } from \"./aperto-portal\";\nimport { ApertoRoot } from \"./aperto-root\";\nimport type { ApertoRootProps } from \"./aperto-root\";\nimport { ApertoTitle } from \"./aperto-title\";\nimport { ApertoTrigger } from \"./aperto-trigger\";\nimport 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":["useId","Dialog","jsx","createContext","use","Dialog","m","easings","jsx","m","Dialog","jsx","Dialog","useState","jsx","useState","Dialog","jsx","AnimatePresence","m","jsx","jsx","AnimatePresence","m","m","jsx","m","jsx","useId","Dialog","X","jsx","Dialog","m","jsx","m","jsx","jsxs","jsx"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternmode/aperto",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Opinionated, styled thumbnail-to-expanded media transitions for React.",
   "homepage": "https://github.com/howells/patternmode/tree/main/packages/aperto#readme",
   "bugs": {
@@ -34,26 +34,27 @@
   },
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.15",
-    "lucide-react": "^1.16.0",
-    "motion": "^12.38.0"
+    "lucide-react": "^1.17.0",
+    "motion": "^12.40.0",
+    "@howells/motion": "0.1.0"
   },
   "devDependencies": {
-    "@howells/lint": "^0.2.1",
-    "@howells/typescript-config": "^0.1.2",
+    "@howells/lint": "^0.5.0",
+    "@howells/typescript-config": "^0.1.6",
     "@tailwindcss/cli": "^4.3.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/react": "^19.2.14",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "concurrently": "^9.2.1",
     "jsdom": "^29.1.1",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "tailwindcss": "^4.3.0",
     "tsup": "^8.5.1",
     "typescript": "^6.0.3",
-    "vitest": "^4.1.6"
+    "vitest": "^4.1.8"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -65,8 +66,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-ox-check .",
-    "lint:fix": "howells-ox-fix .",
+    "lint": "howells-check .",
+    "lint:fix": "howells-fix .",
     "test": "vitest run --passWithNoTests",
     "typecheck": "tsc --noEmit"
   }