@present-day/reveal-row 0.1.2 → 0.1.4

package/README.md

@@ -2,6 +2,9 @@
 
 Horizontally scrollable row that reveals one or two action columns — **right**, **left**, or **both** sides. Three snap positions: left · center · right. Styling is entirely via `classNames` props (no bundled CSS). Scroll physics use inline `style` on the scroll track so the component works with zero external CSS.
 
+<img width="295" height="640" alt="Simulator Screen Recording - iPhone 15 - 2026-04-25 at 22 26 41" src="https://github.com/user-attachments/assets/932021d4-5224-479f-9df9-c7045bf12afb" style="float:right" />
+
+
 ## Install
 
 ```bash

package/dist/index.d.mts

@@ -18,6 +18,17 @@ declare const REVEAL_HANDLE_POSITION: {
     readonly end: "end";
 };
 type RevealHandlePosition = (typeof REVEAL_HANDLE_POSITION)[keyof typeof REVEAL_HANDLE_POSITION];
+declare const ANIMATION_PRESET: {
+    readonly none: "none";
+    readonly quick: "quick";
+    readonly smooth: "smooth";
+};
+type AnimationPreset = (typeof ANIMATION_PRESET)[keyof typeof ANIMATION_PRESET];
+type AnimationConfig = {
+    duration: number;
+    easing: string;
+};
+declare const ANIMATION_PRESETS: Record<AnimationPreset, AnimationConfig>;
 type RevealRowClassNames = {
     root?: string;
     main?: string;
@@ -28,8 +39,8 @@ type RevealRowClassNames = {
     handleIcon?: string;
 };
 type RevealRowHandle = {
-    close: () => void;
-    reveal: (position: RevealPosition) => void;
+    close: (animated?: boolean | AnimationPreset | AnimationConfig) => void;
+    reveal: (position: RevealPosition, animated?: boolean | AnimationPreset | AnimationConfig) => void;
 };
 type RevealRowProps = {
     /** Primary row content (e.g. title, subtitle). */
@@ -73,6 +84,15 @@ type RevealRowProps = {
     isActive?: boolean;
     className?: string;
     style?: CSSProperties;
+    /**
+     * Default animation preset for close/reveal animations when action buttons are clicked.
+     * @default 'quick'
+     */
+    animationPreset?: AnimationPreset;
+    /**
+     * Custom animation configuration overriding the preset.
+     */
+    animationConfig?: AnimationConfig;
 };
 
 /**
@@ -86,4 +106,4 @@ declare function getScrollClosed(wL: number, _wR: number, _maxScroll: number, mo
 
 declare const RevealRow: react.ForwardRefExoticComponent<RevealRowProps & react.RefAttributes<RevealRowHandle>>;
 
-export { REVEAL_HANDLE_POSITION, REVEAL_MODE, REVEAL_POSITION, type RevealHandlePosition, type RevealMode, type RevealPosition, RevealRow, type RevealRowClassNames, type RevealRowHandle, type RevealRowProps, getRevealFromScroll, getScrollClosed };
+export { ANIMATION_PRESET, ANIMATION_PRESETS, type AnimationConfig, type AnimationPreset, REVEAL_HANDLE_POSITION, REVEAL_MODE, REVEAL_POSITION, type RevealHandlePosition, type RevealMode, type RevealPosition, RevealRow, type RevealRowClassNames, type RevealRowHandle, type RevealRowProps, getRevealFromScroll, getScrollClosed };

package/dist/index.d.ts

@@ -18,6 +18,17 @@ declare const REVEAL_HANDLE_POSITION: {
     readonly end: "end";
 };
 type RevealHandlePosition = (typeof REVEAL_HANDLE_POSITION)[keyof typeof REVEAL_HANDLE_POSITION];
+declare const ANIMATION_PRESET: {
+    readonly none: "none";
+    readonly quick: "quick";
+    readonly smooth: "smooth";
+};
+type AnimationPreset = (typeof ANIMATION_PRESET)[keyof typeof ANIMATION_PRESET];
+type AnimationConfig = {
+    duration: number;
+    easing: string;
+};
+declare const ANIMATION_PRESETS: Record<AnimationPreset, AnimationConfig>;
 type RevealRowClassNames = {
     root?: string;
     main?: string;
@@ -28,8 +39,8 @@ type RevealRowClassNames = {
     handleIcon?: string;
 };
 type RevealRowHandle = {
-    close: () => void;
-    reveal: (position: RevealPosition) => void;
+    close: (animated?: boolean | AnimationPreset | AnimationConfig) => void;
+    reveal: (position: RevealPosition, animated?: boolean | AnimationPreset | AnimationConfig) => void;
 };
 type RevealRowProps = {
     /** Primary row content (e.g. title, subtitle). */
@@ -73,6 +84,15 @@ type RevealRowProps = {
     isActive?: boolean;
     className?: string;
     style?: CSSProperties;
+    /**
+     * Default animation preset for close/reveal animations when action buttons are clicked.
+     * @default 'quick'
+     */
+    animationPreset?: AnimationPreset;
+    /**
+     * Custom animation configuration overriding the preset.
+     */
+    animationConfig?: AnimationConfig;
 };
 
 /**
@@ -86,4 +106,4 @@ declare function getScrollClosed(wL: number, _wR: number, _maxScroll: number, mo
 
 declare const RevealRow: react.ForwardRefExoticComponent<RevealRowProps & react.RefAttributes<RevealRowHandle>>;
 
-export { REVEAL_HANDLE_POSITION, REVEAL_MODE, REVEAL_POSITION, type RevealHandlePosition, type RevealMode, type RevealPosition, RevealRow, type RevealRowClassNames, type RevealRowHandle, type RevealRowProps, getRevealFromScroll, getScrollClosed };
+export { ANIMATION_PRESET, ANIMATION_PRESETS, type AnimationConfig, type AnimationPreset, REVEAL_HANDLE_POSITION, REVEAL_MODE, REVEAL_POSITION, type RevealHandlePosition, type RevealMode, type RevealPosition, RevealRow, type RevealRowClassNames, type RevealRowHandle, type RevealRowProps, getRevealFromScroll, getScrollClosed };

package/dist/index.js

@@ -20,6 +20,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  ANIMATION_PRESET: () => ANIMATION_PRESET,
+  ANIMATION_PRESETS: () => ANIMATION_PRESETS,
   REVEAL_HANDLE_POSITION: () => REVEAL_HANDLE_POSITION,
   REVEAL_MODE: () => REVEAL_MODE,
   REVEAL_POSITION: () => REVEAL_POSITION,
@@ -44,6 +46,16 @@ var REVEAL_HANDLE_POSITION = {
   start: "start",
   end: "end"
 };
+var ANIMATION_PRESET = {
+  none: "none",
+  quick: "quick",
+  smooth: "smooth"
+};
+var ANIMATION_PRESETS = {
+  [ANIMATION_PRESET.none]: { duration: 0, easing: "linear" },
+  [ANIMATION_PRESET.quick]: { duration: 200, easing: "ease-out" },
+  [ANIMATION_PRESET.smooth]: { duration: 400, easing: "ease-in-out" }
+};
 
 // src/getRevealFromScroll.ts
 function getRevealFromScroll(scrollLeft, maxScroll, wL, wR, mode) {
@@ -106,6 +118,18 @@ function resolveMode(left, right, mode) {
   if (left != null) return REVEAL_MODE.left;
   return REVEAL_MODE.right;
 }
+function resolveAnimationConfig(animated, defaultPreset, customConfig) {
+  if (animated === false) {
+    return ANIMATION_PRESETS[ANIMATION_PRESET.none];
+  }
+  if (animated === true || animated === void 0) {
+    return customConfig || ANIMATION_PRESETS[defaultPreset];
+  }
+  if (typeof animated === "string") {
+    return ANIMATION_PRESETS[animated];
+  }
+  return animated;
+}
 var SCROLL_REVEAL_DEBOUNCE_MS = 64;
 var restEpsilon = 2;
 var rootScrollStyle = {
@@ -117,6 +141,11 @@ var rootScrollStyle = {
   overscrollBehaviorX: "contain",
   touchAction: "pan-x pan-y"
 };
+var rootScrollStyleDisabled = {
+  ...rootScrollStyle,
+  overflowX: "hidden",
+  touchAction: "pan-y"
+};
 var snapStart = { scrollSnapAlign: "start" };
 var snapEnd = { scrollSnapAlign: "end" };
 function RevealRowInner({
@@ -139,6 +168,8 @@ function RevealRowInner({
   isActive = false,
   className,
   style,
+  animationPreset = ANIMATION_PRESET.quick,
+  animationConfig,
   forwardedRef
 }) {
   const mode = resolveMode(left, right, modeProp);
@@ -154,6 +185,7 @@ function RevealRowInner({
   const swipedRef = (0, import_react.useRef)(false);
   const debounceTimer = (0, import_react.useRef)(null);
   const hasAppliedInitialScroll = (0, import_react.useRef)(false);
+  const isAnimatingRef = (0, import_react.useRef)(false);
   const readPosition = (0, import_react.useCallback)(() => {
     const el = containerRef.current;
     if (!el) return REVEAL_POSITION.center;
@@ -174,36 +206,112 @@ function RevealRowInner({
     const closed = getScrollClosed(wL, wR, m, mode);
     el.scrollLeft = closed;
   }, [wL, wR, mode]);
+  const scrollToPosition = (0, import_react.useCallback)(
+    (targetScrollLeft, animationOptions) => {
+      const el = containerRef.current;
+      if (!el) return;
+      const { duration, easing } = animationOptions;
+      if (duration === 0) {
+        el.scrollLeft = targetScrollLeft;
+        return;
+      }
+      isAnimatingRef.current = true;
+      const originalScrollSnapType = el.style.scrollSnapType;
+      el.style.scrollSnapType = "none";
+      const startScrollLeft = el.scrollLeft;
+      const distance = targetScrollLeft - startScrollLeft;
+      const startTime = performance.now();
+      const animate = (currentTime) => {
+        const elapsed = currentTime - startTime;
+        const progress = Math.min(elapsed / duration, 1);
+        let easedProgress = progress;
+        if (easing === "ease-out") {
+          easedProgress = 1 - (1 - progress) ** 2;
+        } else if (easing === "ease-in-out") {
+          easedProgress = progress < 0.5 ? 2 * progress * progress : 1 - (-2 * progress + 2) ** 2 / 2;
+        } else if (easing.startsWith("cubic-bezier")) {
+          easedProgress = progress * progress * (3 - 2 * progress);
+          if (easing.includes("-0.55")) {
+            easedProgress = progress < 0.5 ? 4 * progress * progress * progress : 1 - (-2 * progress + 2) ** 3 / 2;
+            if (progress > 0.7 && progress < 1) {
+              easedProgress += Math.sin((progress - 0.7) * Math.PI * 10) * 0.1 * (1 - progress);
+            }
+          }
+        }
+        el.scrollLeft = startScrollLeft + distance * easedProgress;
+        if (progress < 1) {
+          requestAnimationFrame(animate);
+        } else {
+          el.scrollLeft = targetScrollLeft;
+          el.style.scrollSnapType = originalScrollSnapType || "x mandatory";
+          isAnimatingRef.current = false;
+        }
+      };
+      requestAnimationFrame(animate);
+    },
+    []
+  );
   (0, import_react.useImperativeHandle)(
     forwardedRef,
     () => ({
-      close: () => {
-        scrollToClosed();
-        const p = readPosition();
-        if (lastEmitted.current !== p) {
-          lastEmitted.current = p;
-          onRevealChange?.(p);
-        }
+      close: (animated) => {
+        const el = containerRef.current;
+        if (!el) return;
+        const m = getMaxScroll(el);
+        const closed = getScrollClosed(wL, wR, m, mode);
+        const animConfig = resolveAnimationConfig(
+          animated,
+          animationPreset,
+          animationConfig
+        );
+        scrollToPosition(closed, animConfig);
+        const delay = animConfig.duration > 0 ? animConfig.duration : 0;
+        setTimeout(() => {
+          const p = readPosition();
+          if (lastEmitted.current !== p) {
+            lastEmitted.current = p;
+            onRevealChange?.(p);
+          }
+        }, delay);
       },
-      reveal: (position) => {
+      reveal: (position, animated) => {
         const el = containerRef.current;
         if (!el) return;
         const max = getMaxScroll(el);
+        let targetScroll;
         if (position === REVEAL_POSITION.center) {
-          el.scrollLeft = getScrollClosed(wL, wR, max, mode);
+          targetScroll = getScrollClosed(wL, wR, max, mode);
         } else if (position === REVEAL_POSITION.left && (mode === REVEAL_MODE.left || mode === REVEAL_MODE.both)) {
-          el.scrollLeft = 0;
+          targetScroll = 0;
         } else if (position === REVEAL_POSITION.right && (mode === REVEAL_MODE.right || mode === REVEAL_MODE.both)) {
-          el.scrollLeft = max;
+          targetScroll = max;
         } else {
           return;
         }
-        const p = getRevealFromScroll(el.scrollLeft, max, wL, wR, mode);
-        lastEmitted.current = p;
-        onRevealChange?.(p);
+        const animConfig = resolveAnimationConfig(
+          animated,
+          animationPreset,
+          animationConfig
+        );
+        scrollToPosition(targetScroll, animConfig);
+        const delay = animConfig.duration > 0 ? animConfig.duration : 0;
+        setTimeout(() => {
+          const p = getRevealFromScroll(targetScroll, max, wL, wR, mode);
+          lastEmitted.current = p;
+          onRevealChange?.(p);
+        }, delay);
       }
     }),
-    [mode, onRevealChange, readPosition, scrollToClosed, wL, wR]
+    [
+      mode,
+      onRevealChange,
+      readPosition,
+      scrollToPosition,
+      wL,
+      wR,
+      animationPreset,
+      animationConfig
+    ]
   );
   (0, import_react.useLayoutEffect)(() => {
     if (mode === REVEAL_MODE.right) {
@@ -349,7 +457,7 @@ function RevealRowInner({
       onScroll: handleScroll,
       onClickCapture,
       style: {
-        ...rootScrollStyle,
+        ...disabled ? rootScrollStyleDisabled : rootScrollStyle,
         ...style,
         gridTemplateColumns
       },
@@ -386,6 +494,8 @@ var RevealRow = (0, import_react.forwardRef)(
 );
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ANIMATION_PRESET,
+  ANIMATION_PRESETS,
   REVEAL_HANDLE_POSITION,
   REVEAL_MODE,
   REVEAL_POSITION,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/types.ts","../src/getRevealFromScroll.ts","../src/RevealRow.tsx","../src/DefaultHandleIcon.tsx"],"sourcesContent":["export { getRevealFromScroll, getScrollClosed } from './getRevealFromScroll'\nexport { RevealRow } from './RevealRow'\nexport type {\n  RevealHandlePosition,\n  RevealMode,\n  RevealPosition,\n  RevealRowClassNames,\n  RevealRowHandle,\n  RevealRowProps,\n} from './types'\nexport {\n  REVEAL_HANDLE_POSITION,\n  REVEAL_MODE,\n  REVEAL_POSITION,\n} from './types'\n","import type { CSSProperties, ReactNode, UIEvent } from 'react'\n\nexport const REVEAL_MODE = {\n  left: 'left',\n  right: 'right',\n  both: 'both',\n} as const\n\nexport type RevealMode = (typeof REVEAL_MODE)[keyof typeof REVEAL_MODE]\n\nexport const REVEAL_POSITION = {\n  left: 'left',\n  center: 'center',\n  right: 'right',\n} as const\n\nexport type RevealPosition =\n  (typeof REVEAL_POSITION)[keyof typeof REVEAL_POSITION]\n\nexport const REVEAL_HANDLE_POSITION = {\n  start: 'start',\n  end: 'end',\n} as const\n\nexport type RevealHandlePosition =\n  (typeof REVEAL_HANDLE_POSITION)[keyof typeof REVEAL_HANDLE_POSITION]\n\nexport type RevealRowClassNames = {\n  root?: string\n  main?: string\n  mainInner?: string\n  left?: string\n  right?: string\n  handleContainer?: string\n  handleIcon?: string\n}\n\nexport type RevealRowHandle = {\n  close: () => void\n  reveal: (position: RevealPosition) => void\n}\n\nexport type RevealRowProps = {\n  /** Primary row content (e.g. title, subtitle). */\n  children: ReactNode\n  /** Optional leading action column (e.g. delete). Omitted in `right` mode. */\n  left?: ReactNode\n  /**\n   * Trailing action column (e.g. add). Omitted in `left` mode.\n   */\n  right?: ReactNode\n  /**\n   * If both `left` and `right` are set, defaults to `both`. If only one side,\n   * mode is derived unless overridden.\n   */\n  mode?: RevealMode\n  actionWidthLeft?: number\n  actionWidthRight?: number\n  classNames?: RevealRowClassNames\n  /** @default true */\n  showHandle?: boolean\n  /** Replaces the built-in drag affordance. */\n  handle?: ReactNode\n  /**\n   * Where the handle sits in the main row. Default: `start` in `left` mode,\n   * `end` otherwise.\n   */\n  handlePosition?: RevealHandlePosition\n  handleTitle?: string\n  /** Shown in screen-reader text when using the default drag handle. */\n  handleAriaLabel?: string\n  /** Fires when the settled position changes. */\n  onRevealChange?: (position: RevealPosition) => void\n  onScroll?: (event: UIEvent<HTMLDivElement>) => void\n  /** Resets to closed; default true. */\n  resetWhenDisabled?: boolean\n  disabled?: boolean\n  /**\n   * When true, snaps back to the closed position (e.g. row became active/selected\n   * elsewhere in the list).\n   */\n  isActive?: boolean\n  className?: string\n  style?: CSSProperties\n}\n","import {\n  REVEAL_MODE,\n  REVEAL_POSITION,\n  type RevealMode,\n  type RevealPosition,\n} from './types'\n\n/**\n * Map horizontal scroll position to a logical \"revealed\" state.\n * `wL` / `wR` are the fixed action column widths; `maxScroll` is\n * `Math.max(0, scrollWidth - clientWidth)`.\n */\nexport function getRevealFromScroll(\n  scrollLeft: number,\n  maxScroll: number,\n  wL: number,\n  wR: number,\n  mode: RevealMode,\n): RevealPosition {\n  if (mode === REVEAL_MODE.right) {\n    if (maxScroll <= 0) return REVEAL_POSITION.center\n    return scrollLeft < wR / 2 ? REVEAL_POSITION.center : REVEAL_POSITION.right\n  }\n  if (mode === REVEAL_MODE.left) {\n    if (maxScroll <= 0) return REVEAL_POSITION.center\n    return scrollLeft < wL / 2 ? REVEAL_POSITION.left : REVEAL_POSITION.center\n  }\n  if (maxScroll <= 0) return REVEAL_POSITION.center\n  if (scrollLeft < wL / 2) return REVEAL_POSITION.left\n  if (scrollLeft > maxScroll - wR / 2) return REVEAL_POSITION.right\n  return REVEAL_POSITION.center\n}\n\n/** \"Closed\" / resting scrollLeft for a mode (main panel only). */\nexport function getScrollClosed(\n  wL: number,\n  _wR: number,\n  _maxScroll: number,\n  mode: RevealMode,\n): number {\n  if (mode === REVEAL_MODE.right) return 0\n  return wL\n}\n","'use client'\n\nimport type { CSSProperties, ForwardedRef, MouseEvent, UIEvent } from 'react'\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n} from 'react'\n\nimport { DefaultHandleIcon } from './DefaultHandleIcon'\nimport { getRevealFromScroll, getScrollClosed } from './getRevealFromScroll'\nimport {\n  REVEAL_HANDLE_POSITION,\n  REVEAL_MODE,\n  REVEAL_POSITION,\n  type RevealHandlePosition,\n  type RevealMode,\n  type RevealPosition,\n  type RevealRowClassNames,\n  type RevealRowHandle,\n  type RevealRowProps,\n} from './types'\n\nfunction cx(...parts: (string | undefined)[]) {\n  return parts.filter(Boolean).join(' ')\n}\n\nfunction getMaxScroll(el: HTMLDivElement) {\n  return Math.max(0, el.scrollWidth - el.clientWidth)\n}\n\nfunction resolveMode(\n  left: RevealRowProps['left'],\n  right: RevealRowProps['right'],\n  mode: RevealMode | undefined,\n): RevealMode {\n  if (mode) return mode\n  if (left != null && right != null) return REVEAL_MODE.both\n  if (left != null) return REVEAL_MODE.left\n  return REVEAL_MODE.right\n}\n\nconst SCROLL_REVEAL_DEBOUNCE_MS = 64\nconst restEpsilon = 2\n\nconst rootScrollStyle: CSSProperties = {\n  display: 'grid',\n  overflowX: 'auto',\n  scrollSnapType: 'x mandatory',\n  scrollbarWidth: 'none',\n  WebkitOverflowScrolling: 'touch',\n  overscrollBehaviorX: 'contain',\n  touchAction: 'pan-x pan-y',\n}\n\nconst snapStart: CSSProperties = { scrollSnapAlign: 'start' }\nconst snapEnd: CSSProperties = { scrollSnapAlign: 'end' }\n\ntype InnerProps = RevealRowProps & {\n  forwardedRef: ForwardedRef<RevealRowHandle>\n}\n\nfunction RevealRowInner({\n  children,\n  left,\n  right,\n  mode: modeProp,\n  actionWidthLeft: wLIn,\n  actionWidthRight: wRIn,\n  classNames = {} as RevealRowClassNames,\n  showHandle = true,\n  handle: handleOverride,\n  handlePosition: handlePositionProp,\n  handleTitle = 'Drag horizontally to show actions',\n  handleAriaLabel = 'Drag horizontally to show actions',\n  onRevealChange,\n  onScroll: onScrollProp,\n  resetWhenDisabled = true,\n  disabled = false,\n  isActive = false,\n  className,\n  style,\n  forwardedRef,\n}: InnerProps) {\n  const mode = resolveMode(left, right, modeProp)\n  const hasL = mode === REVEAL_MODE.left || mode === REVEAL_MODE.both\n  const hasR = mode === REVEAL_MODE.right || mode === REVEAL_MODE.both\n  const wL = hasL ? (wLIn ?? 88) : 0\n  const wR = hasR ? (wRIn ?? 88) : 0\n\n  const handlePosition: RevealHandlePosition =\n    handlePositionProp ??\n    (mode === REVEAL_MODE.left\n      ? REVEAL_HANDLE_POSITION.start\n      : REVEAL_HANDLE_POSITION.end)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const leftRef = useRef<HTMLDivElement>(null)\n  const rightRef = useRef<HTMLDivElement>(null)\n  const lastEmitted = useRef<RevealPosition | null>(null)\n  const swipedRef = useRef(false)\n  const debounceTimer = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const hasAppliedInitialScroll = useRef(false)\n\n  const readPosition = useCallback((): RevealPosition => {\n    const el = containerRef.current\n    if (!el) return REVEAL_POSITION.center\n    return getRevealFromScroll(el.scrollLeft, getMaxScroll(el), wL, wR, mode)\n  }, [wL, wR, mode])\n\n  const emitReveal = useCallback(\n    (position: RevealPosition) => {\n      if (lastEmitted.current === position) return\n      lastEmitted.current = position\n      onRevealChange?.(position)\n    },\n    [onRevealChange],\n  )\n\n  const scrollToClosed = useCallback(() => {\n    const el = containerRef.current\n    if (!el) return\n    const m = getMaxScroll(el)\n    const closed = getScrollClosed(wL, wR, m, mode)\n    el.scrollLeft = closed\n  }, [wL, wR, mode])\n\n  useImperativeHandle(\n    forwardedRef,\n    () => ({\n      close: () => {\n        scrollToClosed()\n        const p = readPosition()\n        if (lastEmitted.current !== p) {\n          lastEmitted.current = p\n          onRevealChange?.(p)\n        }\n      },\n      reveal: (position: RevealPosition) => {\n        const el = containerRef.current\n        if (!el) return\n        const max = getMaxScroll(el)\n        if (position === REVEAL_POSITION.center) {\n          el.scrollLeft = getScrollClosed(wL, wR, max, mode)\n        } else if (\n          position === REVEAL_POSITION.left &&\n          (mode === REVEAL_MODE.left || mode === REVEAL_MODE.both)\n        ) {\n          el.scrollLeft = 0\n        } else if (\n          position === REVEAL_POSITION.right &&\n          (mode === REVEAL_MODE.right || mode === REVEAL_MODE.both)\n        ) {\n          el.scrollLeft = max\n        } else {\n          return\n        }\n        const p = getRevealFromScroll(el.scrollLeft, max, wL, wR, mode)\n        lastEmitted.current = p\n        onRevealChange?.(p)\n      },\n    }),\n    [mode, onRevealChange, readPosition, scrollToClosed, wL, wR],\n  )\n\n  useLayoutEffect(() => {\n    if (mode === REVEAL_MODE.right) {\n      return\n    }\n    const el = containerRef.current\n    if (!el) return\n    if (!hasAppliedInitialScroll.current) {\n      el.scrollLeft = wL\n      hasAppliedInitialScroll.current = true\n    }\n  }, [mode, wL])\n\n  useEffect(() => {\n    if (disabled && resetWhenDisabled) {\n      hasAppliedInitialScroll.current = true\n      scrollToClosed()\n      emitReveal(readPosition())\n    }\n  }, [disabled, emitReveal, readPosition, resetWhenDisabled, scrollToClosed])\n\n  useEffect(() => {\n    if (isActive) {\n      hasAppliedInitialScroll.current = true\n      scrollToClosed()\n      emitReveal(readPosition())\n    }\n  }, [emitReveal, isActive, readPosition, scrollToClosed])\n\n  useEffect(\n    () => () => {\n      if (debounceTimer.current) {\n        clearTimeout(debounceTimer.current)\n      }\n    },\n    [],\n  )\n\n  const handleScroll = useCallback(\n    (e: UIEvent<HTMLDivElement>) => {\n      onScrollProp?.(e)\n      const el = containerRef.current\n      if (!el) return\n      const m = getMaxScroll(el)\n      const pos = getRevealFromScroll(el.scrollLeft, m, wL, wR, mode)\n      const closed = getScrollClosed(wL, wR, m, mode)\n      if (Math.abs(el.scrollLeft - closed) > restEpsilon) {\n        swipedRef.current = true\n      }\n      if (debounceTimer.current) {\n        clearTimeout(debounceTimer.current)\n      }\n      debounceTimer.current = setTimeout(() => {\n        debounceTimer.current = null\n        emitReveal(pos)\n      }, SCROLL_REVEAL_DEBOUNCE_MS)\n    },\n    [emitReveal, mode, onScrollProp, wL, wR],\n  )\n\n  const onClickCapture = useCallback((e: MouseEvent) => {\n    const t = e.target as Node | null\n    if (t) {\n      if (leftRef.current?.contains(t) || rightRef.current?.contains(t)) {\n        return\n      }\n    }\n    if (swipedRef.current) {\n      e.preventDefault()\n      e.stopPropagation()\n      swipedRef.current = false\n    }\n  }, [])\n\n  // `100%` for the main track (not `1fr`) so total row width > viewport: otherwise both\n  // columns can shrink to fit with no overflow and the action stays visible.\n  const gridTemplateColumns =\n    mode === REVEAL_MODE.right\n      ? `100% ${wR}px`\n      : mode === REVEAL_MODE.left\n        ? `${wL}px 100%`\n        : `${wL}px 100% ${wR}px`\n\n  const handleContent = showHandle ? (\n    handleOverride !== undefined ? (\n      handleOverride\n    ) : (\n      <>\n        <span\n          className=\"sr-only\"\n          style={{\n            position: 'absolute',\n            width: 1,\n            height: 1,\n            padding: 0,\n            margin: -1,\n            overflow: 'hidden',\n            clip: 'rect(0,0,0,0)',\n            border: 0,\n          }}\n        >\n          {handleAriaLabel}\n        </span>\n        <span className={classNames.handleIcon} aria-hidden>\n          <DefaultHandleIcon />\n        </span>\n      </>\n    )\n  ) : null\n\n  const handleStrip = showHandle ? (\n    <div\n      role=\"presentation\"\n      className={classNames.handleContainer}\n      data-reveal-row-handle\n      style={{\n        flexShrink: 0,\n        alignSelf: 'stretch',\n        display: 'flex',\n        alignItems: 'center',\n      }}\n      title={handleOverride === undefined ? handleTitle : undefined}\n    >\n      {handleContent}\n    </div>\n  ) : null\n\n  const mainColumn = (\n    <div\n      className={classNames.main}\n      data-reveal-row-main\n      style={{\n        ...snapStart,\n        minWidth: 0,\n        width: '100%',\n        maxWidth: '100%',\n        boxSizing: 'border-box',\n      }}\n    >\n      <div\n        className={classNames.mainInner}\n        style={{\n          display: 'flex',\n          minWidth: 0,\n          width: '100%',\n          alignItems: 'flex-start',\n        }}\n      >\n        {handlePosition === REVEAL_HANDLE_POSITION.start && handleStrip}\n        <div style={{ minWidth: 0, flex: 1, flexBasis: 0 }}>{children}</div>\n        {handlePosition === REVEAL_HANDLE_POSITION.end && handleStrip}\n      </div>\n    </div>\n  )\n\n  return (\n    <div\n      ref={containerRef}\n      data-reveal-mode={mode}\n      className={cx(classNames.root, className)}\n      onScroll={handleScroll}\n      onClickCapture={onClickCapture}\n      style={{\n        ...rootScrollStyle,\n        ...style,\n        gridTemplateColumns,\n      }}\n    >\n      {hasL ? (\n        <div\n          ref={leftRef}\n          className={classNames.left}\n          data-reveal-row-left\n          style={{ ...snapStart, minWidth: 0, width: wL }}\n        >\n          {left}\n        </div>\n      ) : null}\n      {mainColumn}\n      {hasR ? (\n        <div\n          ref={rightRef}\n          className={classNames.right}\n          data-reveal-row-right\n          style={{ ...snapEnd, minWidth: 0, width: wR }}\n        >\n          {right}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport const RevealRow = forwardRef<RevealRowHandle, RevealRowProps>(\n  function RevealRow(props, ref) {\n    return <RevealRowInner {...props} forwardedRef={ref} />\n  },\n)\n","/** Minimal 6-dot grip, no icon library dependency. */\nexport function DefaultHandleIcon() {\n  return (\n    <svg\n      width={16}\n      height={16}\n      viewBox=\"0 0 16 16\"\n      fill=\"currentColor\"\n      aria-hidden\n    >\n      <title>Drag handle</title>\n      <circle cx=\"6\" cy=\"4\" r=\"1.2\" />\n      <circle cx=\"10\" cy=\"4\" r=\"1.2\" />\n      <circle cx=\"6\" cy=\"8\" r=\"1.2\" />\n      <circle cx=\"10\" cy=\"8\" r=\"1.2\" />\n      <circle cx=\"6\" cy=\"12\" r=\"1.2\" />\n      <circle cx=\"10\" cy=\"12\" r=\"1.2\" />\n    </svg>\n  )\n}\n"],"mappings":"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","names":["import_jsx_runtime","RevealRow"]}
+{"version":3,"sources":["../src/index.ts","../src/types.ts","../src/getRevealFromScroll.ts","../src/RevealRow.tsx","../src/DefaultHandleIcon.tsx"],"sourcesContent":["export { getRevealFromScroll, getScrollClosed } from './getRevealFromScroll'\nexport { RevealRow } from './RevealRow'\nexport type {\n  AnimationConfig,\n  AnimationPreset,\n  RevealHandlePosition,\n  RevealMode,\n  RevealPosition,\n  RevealRowClassNames,\n  RevealRowHandle,\n  RevealRowProps,\n} from './types'\nexport {\n  ANIMATION_PRESET,\n  ANIMATION_PRESETS,\n  REVEAL_HANDLE_POSITION,\n  REVEAL_MODE,\n  REVEAL_POSITION,\n} from './types'\n","import type { CSSProperties, ReactNode, UIEvent } from 'react'\n\nexport const REVEAL_MODE = {\n  left: 'left',\n  right: 'right',\n  both: 'both',\n} as const\n\nexport type RevealMode = (typeof REVEAL_MODE)[keyof typeof REVEAL_MODE]\n\nexport const REVEAL_POSITION = {\n  left: 'left',\n  center: 'center',\n  right: 'right',\n} as const\n\nexport type RevealPosition =\n  (typeof REVEAL_POSITION)[keyof typeof REVEAL_POSITION]\n\nexport const REVEAL_HANDLE_POSITION = {\n  start: 'start',\n  end: 'end',\n} as const\n\nexport type RevealHandlePosition =\n  (typeof REVEAL_HANDLE_POSITION)[keyof typeof REVEAL_HANDLE_POSITION]\n\nexport const ANIMATION_PRESET = {\n  none: 'none',\n  quick: 'quick',\n  smooth: 'smooth',\n} as const\n\nexport type AnimationPreset =\n  (typeof ANIMATION_PRESET)[keyof typeof ANIMATION_PRESET]\n\nexport type AnimationConfig = {\n  duration: number\n  easing: string\n}\n\nexport const ANIMATION_PRESETS: Record<AnimationPreset, AnimationConfig> = {\n  [ANIMATION_PRESET.none]: { duration: 0, easing: 'linear' },\n  [ANIMATION_PRESET.quick]: { duration: 200, easing: 'ease-out' },\n  [ANIMATION_PRESET.smooth]: { duration: 400, easing: 'ease-in-out' },\n}\n\nexport type RevealRowClassNames = {\n  root?: string\n  main?: string\n  mainInner?: string\n  left?: string\n  right?: string\n  handleContainer?: string\n  handleIcon?: string\n}\n\nexport type RevealRowHandle = {\n  close: (animated?: boolean | AnimationPreset | AnimationConfig) => void\n  reveal: (\n    position: RevealPosition,\n    animated?: boolean | AnimationPreset | AnimationConfig,\n  ) => void\n}\n\nexport type RevealRowProps = {\n  /** Primary row content (e.g. title, subtitle). */\n  children: ReactNode\n  /** Optional leading action column (e.g. delete). Omitted in `right` mode. */\n  left?: ReactNode\n  /**\n   * Trailing action column (e.g. add). Omitted in `left` mode.\n   */\n  right?: ReactNode\n  /**\n   * If both `left` and `right` are set, defaults to `both`. If only one side,\n   * mode is derived unless overridden.\n   */\n  mode?: RevealMode\n  actionWidthLeft?: number\n  actionWidthRight?: number\n  classNames?: RevealRowClassNames\n  /** @default true */\n  showHandle?: boolean\n  /** Replaces the built-in drag affordance. */\n  handle?: ReactNode\n  /**\n   * Where the handle sits in the main row. Default: `start` in `left` mode,\n   * `end` otherwise.\n   */\n  handlePosition?: RevealHandlePosition\n  handleTitle?: string\n  /** Shown in screen-reader text when using the default drag handle. */\n  handleAriaLabel?: string\n  /** Fires when the settled position changes. */\n  onRevealChange?: (position: RevealPosition) => void\n  onScroll?: (event: UIEvent<HTMLDivElement>) => void\n  /** Resets to closed; default true. */\n  resetWhenDisabled?: boolean\n  disabled?: boolean\n  /**\n   * When true, snaps back to the closed position (e.g. row became active/selected\n   * elsewhere in the list).\n   */\n  isActive?: boolean\n  className?: string\n  style?: CSSProperties\n  /**\n   * Default animation preset for close/reveal animations when action buttons are clicked.\n   * @default 'quick'\n   */\n  animationPreset?: AnimationPreset\n  /**\n   * Custom animation configuration overriding the preset.\n   */\n  animationConfig?: AnimationConfig\n}\n","import {\n  REVEAL_MODE,\n  REVEAL_POSITION,\n  type RevealMode,\n  type RevealPosition,\n} from './types'\n\n/**\n * Map horizontal scroll position to a logical \"revealed\" state.\n * `wL` / `wR` are the fixed action column widths; `maxScroll` is\n * `Math.max(0, scrollWidth - clientWidth)`.\n */\nexport function getRevealFromScroll(\n  scrollLeft: number,\n  maxScroll: number,\n  wL: number,\n  wR: number,\n  mode: RevealMode,\n): RevealPosition {\n  if (mode === REVEAL_MODE.right) {\n    if (maxScroll <= 0) return REVEAL_POSITION.center\n    return scrollLeft < wR / 2 ? REVEAL_POSITION.center : REVEAL_POSITION.right\n  }\n  if (mode === REVEAL_MODE.left) {\n    if (maxScroll <= 0) return REVEAL_POSITION.center\n    return scrollLeft < wL / 2 ? REVEAL_POSITION.left : REVEAL_POSITION.center\n  }\n  if (maxScroll <= 0) return REVEAL_POSITION.center\n  if (scrollLeft < wL / 2) return REVEAL_POSITION.left\n  if (scrollLeft > maxScroll - wR / 2) return REVEAL_POSITION.right\n  return REVEAL_POSITION.center\n}\n\n/** \"Closed\" / resting scrollLeft for a mode (main panel only). */\nexport function getScrollClosed(\n  wL: number,\n  _wR: number,\n  _maxScroll: number,\n  mode: RevealMode,\n): number {\n  if (mode === REVEAL_MODE.right) return 0\n  return wL\n}\n","'use client'\n\nimport type { CSSProperties, ForwardedRef, MouseEvent, UIEvent } from 'react'\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n} from 'react'\n\nimport { DefaultHandleIcon } from './DefaultHandleIcon'\nimport { getRevealFromScroll, getScrollClosed } from './getRevealFromScroll'\nimport {\n  ANIMATION_PRESET,\n  ANIMATION_PRESETS,\n  type AnimationConfig,\n  type AnimationPreset,\n  REVEAL_HANDLE_POSITION,\n  REVEAL_MODE,\n  REVEAL_POSITION,\n  type RevealHandlePosition,\n  type RevealMode,\n  type RevealPosition,\n  type RevealRowClassNames,\n  type RevealRowHandle,\n  type RevealRowProps,\n} from './types'\n\nfunction cx(...parts: (string | undefined)[]) {\n  return parts.filter(Boolean).join(' ')\n}\n\nfunction getMaxScroll(el: HTMLDivElement) {\n  return Math.max(0, el.scrollWidth - el.clientWidth)\n}\n\nfunction resolveMode(\n  left: RevealRowProps['left'],\n  right: RevealRowProps['right'],\n  mode: RevealMode | undefined,\n): RevealMode {\n  if (mode) return mode\n  if (left != null && right != null) return REVEAL_MODE.both\n  if (left != null) return REVEAL_MODE.left\n  return REVEAL_MODE.right\n}\n\nfunction resolveAnimationConfig(\n  animated: boolean | AnimationPreset | AnimationConfig | undefined,\n  defaultPreset: AnimationPreset,\n  customConfig?: AnimationConfig,\n): AnimationConfig {\n  if (animated === false) {\n    return ANIMATION_PRESETS[ANIMATION_PRESET.none]\n  }\n  if (animated === true || animated === undefined) {\n    return customConfig || ANIMATION_PRESETS[defaultPreset]\n  }\n  if (typeof animated === 'string') {\n    return ANIMATION_PRESETS[animated]\n  }\n  return animated\n}\n\nconst SCROLL_REVEAL_DEBOUNCE_MS = 64\nconst restEpsilon = 2\n\nconst rootScrollStyle: CSSProperties = {\n  display: 'grid',\n  overflowX: 'auto',\n  scrollSnapType: 'x mandatory',\n  scrollbarWidth: 'none',\n  WebkitOverflowScrolling: 'touch',\n  overscrollBehaviorX: 'contain',\n  touchAction: 'pan-x pan-y',\n}\n\nconst rootScrollStyleDisabled: CSSProperties = {\n  ...rootScrollStyle,\n  overflowX: 'hidden',\n  touchAction: 'pan-y',\n}\n\nconst snapStart: CSSProperties = { scrollSnapAlign: 'start' }\nconst snapEnd: CSSProperties = { scrollSnapAlign: 'end' }\n\ntype InnerProps = RevealRowProps & {\n  forwardedRef: ForwardedRef<RevealRowHandle>\n}\n\nfunction RevealRowInner({\n  children,\n  left,\n  right,\n  mode: modeProp,\n  actionWidthLeft: wLIn,\n  actionWidthRight: wRIn,\n  classNames = {} as RevealRowClassNames,\n  showHandle = true,\n  handle: handleOverride,\n  handlePosition: handlePositionProp,\n  handleTitle = 'Drag horizontally to show actions',\n  handleAriaLabel = 'Drag horizontally to show actions',\n  onRevealChange,\n  onScroll: onScrollProp,\n  resetWhenDisabled = true,\n  disabled = false,\n  isActive = false,\n  className,\n  style,\n  animationPreset = ANIMATION_PRESET.quick,\n  animationConfig,\n  forwardedRef,\n}: InnerProps) {\n  const mode = resolveMode(left, right, modeProp)\n  const hasL = mode === REVEAL_MODE.left || mode === REVEAL_MODE.both\n  const hasR = mode === REVEAL_MODE.right || mode === REVEAL_MODE.both\n  const wL = hasL ? (wLIn ?? 88) : 0\n  const wR = hasR ? (wRIn ?? 88) : 0\n\n  const handlePosition: RevealHandlePosition =\n    handlePositionProp ??\n    (mode === REVEAL_MODE.left\n      ? REVEAL_HANDLE_POSITION.start\n      : REVEAL_HANDLE_POSITION.end)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const leftRef = useRef<HTMLDivElement>(null)\n  const rightRef = useRef<HTMLDivElement>(null)\n  const lastEmitted = useRef<RevealPosition | null>(null)\n  const swipedRef = useRef(false)\n  const debounceTimer = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const hasAppliedInitialScroll = useRef(false)\n  const isAnimatingRef = useRef(false)\n\n  const readPosition = useCallback((): RevealPosition => {\n    const el = containerRef.current\n    if (!el) return REVEAL_POSITION.center\n    return getRevealFromScroll(el.scrollLeft, getMaxScroll(el), wL, wR, mode)\n  }, [wL, wR, mode])\n\n  const emitReveal = useCallback(\n    (position: RevealPosition) => {\n      if (lastEmitted.current === position) return\n      lastEmitted.current = position\n      onRevealChange?.(position)\n    },\n    [onRevealChange],\n  )\n\n  const scrollToClosed = useCallback(() => {\n    const el = containerRef.current\n    if (!el) return\n    const m = getMaxScroll(el)\n    const closed = getScrollClosed(wL, wR, m, mode)\n\n    // For immediate scroll, we can use the default behavior\n    // CSS scroll snap will handle the final positioning\n    el.scrollLeft = closed\n  }, [wL, wR, mode])\n\n  const scrollToPosition = useCallback(\n    (targetScrollLeft: number, animationOptions: AnimationConfig) => {\n      const el = containerRef.current\n      if (!el) return\n\n      const { duration, easing } = animationOptions\n\n      if (duration === 0) {\n        el.scrollLeft = targetScrollLeft\n        return\n      }\n\n      // Disable scroll snap during animation\n      isAnimatingRef.current = true\n      const originalScrollSnapType = el.style.scrollSnapType\n      el.style.scrollSnapType = 'none'\n\n      const startScrollLeft = el.scrollLeft\n      const distance = targetScrollLeft - startScrollLeft\n      const startTime = performance.now()\n\n      const animate = (currentTime: number) => {\n        const elapsed = currentTime - startTime\n        const progress = Math.min(elapsed / duration, 1)\n\n        let easedProgress = progress\n        if (easing === 'ease-out') {\n          easedProgress = 1 - (1 - progress) ** 2\n        } else if (easing === 'ease-in-out') {\n          easedProgress =\n            progress < 0.5\n              ? 2 * progress * progress\n              : 1 - (-2 * progress + 2) ** 2 / 2\n        } else if (easing.startsWith('cubic-bezier')) {\n          // For the bounce effect, we'll use a simplified approximation\n          easedProgress = progress * progress * (3 - 2 * progress)\n          if (easing.includes('-0.55')) {\n            // Bounce effect approximation\n            easedProgress =\n              progress < 0.5\n                ? 4 * progress * progress * progress\n                : 1 - (-2 * progress + 2) ** 3 / 2\n            // Add overshoot for bounce\n            if (progress > 0.7 && progress < 1) {\n              easedProgress +=\n                Math.sin((progress - 0.7) * Math.PI * 10) * 0.1 * (1 - progress)\n            }\n          }\n        }\n\n        el.scrollLeft = startScrollLeft + distance * easedProgress\n\n        if (progress < 1) {\n          requestAnimationFrame(animate)\n        } else {\n          el.scrollLeft = targetScrollLeft\n          // Re-enable scroll snap after animation completes\n          el.style.scrollSnapType = originalScrollSnapType || 'x mandatory'\n          isAnimatingRef.current = false\n        }\n      }\n\n      requestAnimationFrame(animate)\n    },\n    [],\n  )\n\n  useImperativeHandle(\n    forwardedRef,\n    () => ({\n      close: (animated?: boolean | AnimationPreset | AnimationConfig) => {\n        const el = containerRef.current\n        if (!el) return\n\n        const m = getMaxScroll(el)\n        const closed = getScrollClosed(wL, wR, m, mode)\n        const animConfig = resolveAnimationConfig(\n          animated,\n          animationPreset,\n          animationConfig,\n        )\n\n        scrollToPosition(closed, animConfig)\n\n        // Update position after animation or immediately if no animation\n        const delay = animConfig.duration > 0 ? animConfig.duration : 0\n        setTimeout(() => {\n          const p = readPosition()\n          if (lastEmitted.current !== p) {\n            lastEmitted.current = p\n            onRevealChange?.(p)\n          }\n        }, delay)\n      },\n      reveal: (\n        position: RevealPosition,\n        animated?: boolean | AnimationPreset | AnimationConfig,\n      ) => {\n        const el = containerRef.current\n        if (!el) return\n        const max = getMaxScroll(el)\n\n        let targetScroll: number\n        if (position === REVEAL_POSITION.center) {\n          targetScroll = getScrollClosed(wL, wR, max, mode)\n        } else if (\n          position === REVEAL_POSITION.left &&\n          (mode === REVEAL_MODE.left || mode === REVEAL_MODE.both)\n        ) {\n          targetScroll = 0\n        } else if (\n          position === REVEAL_POSITION.right &&\n          (mode === REVEAL_MODE.right || mode === REVEAL_MODE.both)\n        ) {\n          targetScroll = max\n        } else {\n          return\n        }\n\n        const animConfig = resolveAnimationConfig(\n          animated,\n          animationPreset,\n          animationConfig,\n        )\n        scrollToPosition(targetScroll, animConfig)\n\n        // Update position after animation or immediately if no animation\n        const delay = animConfig.duration > 0 ? animConfig.duration : 0\n        setTimeout(() => {\n          const p = getRevealFromScroll(targetScroll, max, wL, wR, mode)\n          lastEmitted.current = p\n          onRevealChange?.(p)\n        }, delay)\n      },\n    }),\n    [\n      mode,\n      onRevealChange,\n      readPosition,\n      scrollToPosition,\n      wL,\n      wR,\n      animationPreset,\n      animationConfig,\n    ],\n  )\n\n  useLayoutEffect(() => {\n    if (mode === REVEAL_MODE.right) {\n      return\n    }\n    const el = containerRef.current\n    if (!el) return\n    if (!hasAppliedInitialScroll.current) {\n      el.scrollLeft = wL\n      hasAppliedInitialScroll.current = true\n    }\n  }, [mode, wL])\n\n  useEffect(() => {\n    if (disabled && resetWhenDisabled) {\n      hasAppliedInitialScroll.current = true\n      scrollToClosed()\n      emitReveal(readPosition())\n    }\n  }, [disabled, emitReveal, readPosition, resetWhenDisabled, scrollToClosed])\n\n  useEffect(() => {\n    if (isActive) {\n      hasAppliedInitialScroll.current = true\n      scrollToClosed()\n      emitReveal(readPosition())\n    }\n  }, [emitReveal, isActive, readPosition, scrollToClosed])\n\n  useEffect(\n    () => () => {\n      if (debounceTimer.current) {\n        clearTimeout(debounceTimer.current)\n      }\n    },\n    [],\n  )\n\n  const handleScroll = useCallback(\n    (e: UIEvent<HTMLDivElement>) => {\n      onScrollProp?.(e)\n      const el = containerRef.current\n      if (!el) return\n      const m = getMaxScroll(el)\n      const pos = getRevealFromScroll(el.scrollLeft, m, wL, wR, mode)\n      const closed = getScrollClosed(wL, wR, m, mode)\n      if (Math.abs(el.scrollLeft - closed) > restEpsilon) {\n        swipedRef.current = true\n      }\n      if (debounceTimer.current) {\n        clearTimeout(debounceTimer.current)\n      }\n      debounceTimer.current = setTimeout(() => {\n        debounceTimer.current = null\n        emitReveal(pos)\n      }, SCROLL_REVEAL_DEBOUNCE_MS)\n    },\n    [emitReveal, mode, onScrollProp, wL, wR],\n  )\n\n  const onClickCapture = useCallback((e: MouseEvent) => {\n    const t = e.target as Node | null\n    if (t) {\n      if (leftRef.current?.contains(t) || rightRef.current?.contains(t)) {\n        return\n      }\n    }\n    if (swipedRef.current) {\n      e.preventDefault()\n      e.stopPropagation()\n      swipedRef.current = false\n    }\n  }, [])\n\n  // `100%` for the main track (not `1fr`) so total row width > viewport: otherwise both\n  // columns can shrink to fit with no overflow and the action stays visible.\n  const gridTemplateColumns =\n    mode === REVEAL_MODE.right\n      ? `100% ${wR}px`\n      : mode === REVEAL_MODE.left\n        ? `${wL}px 100%`\n        : `${wL}px 100% ${wR}px`\n\n  const handleContent = showHandle ? (\n    handleOverride !== undefined ? (\n      handleOverride\n    ) : (\n      <>\n        <span\n          className=\"sr-only\"\n          style={{\n            position: 'absolute',\n            width: 1,\n            height: 1,\n            padding: 0,\n            margin: -1,\n            overflow: 'hidden',\n            clip: 'rect(0,0,0,0)',\n            border: 0,\n          }}\n        >\n          {handleAriaLabel}\n        </span>\n        <span className={classNames.handleIcon} aria-hidden>\n          <DefaultHandleIcon />\n        </span>\n      </>\n    )\n  ) : null\n\n  const handleStrip = showHandle ? (\n    <div\n      role=\"presentation\"\n      className={classNames.handleContainer}\n      data-reveal-row-handle\n      style={{\n        flexShrink: 0,\n        alignSelf: 'stretch',\n        display: 'flex',\n        alignItems: 'center',\n      }}\n      title={handleOverride === undefined ? handleTitle : undefined}\n    >\n      {handleContent}\n    </div>\n  ) : null\n\n  const mainColumn = (\n    <div\n      className={classNames.main}\n      data-reveal-row-main\n      style={{\n        ...snapStart,\n        minWidth: 0,\n        width: '100%',\n        maxWidth: '100%',\n        boxSizing: 'border-box',\n      }}\n    >\n      <div\n        className={classNames.mainInner}\n        style={{\n          display: 'flex',\n          minWidth: 0,\n          width: '100%',\n          alignItems: 'flex-start',\n        }}\n      >\n        {handlePosition === REVEAL_HANDLE_POSITION.start && handleStrip}\n        <div style={{ minWidth: 0, flex: 1, flexBasis: 0 }}>{children}</div>\n        {handlePosition === REVEAL_HANDLE_POSITION.end && handleStrip}\n      </div>\n    </div>\n  )\n\n  return (\n    <div\n      ref={containerRef}\n      data-reveal-mode={mode}\n      className={cx(classNames.root, className)}\n      onScroll={handleScroll}\n      onClickCapture={onClickCapture}\n      style={{\n        ...(disabled ? rootScrollStyleDisabled : rootScrollStyle),\n        ...style,\n        gridTemplateColumns,\n      }}\n    >\n      {hasL ? (\n        <div\n          ref={leftRef}\n          className={classNames.left}\n          data-reveal-row-left\n          style={{ ...snapStart, minWidth: 0, width: wL }}\n        >\n          {left}\n        </div>\n      ) : null}\n      {mainColumn}\n      {hasR ? (\n        <div\n          ref={rightRef}\n          className={classNames.right}\n          data-reveal-row-right\n          style={{ ...snapEnd, minWidth: 0, width: wR }}\n        >\n          {right}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport const RevealRow = forwardRef<RevealRowHandle, RevealRowProps>(\n  function RevealRow(props, ref) {\n    return <RevealRowInner {...props} forwardedRef={ref} />\n  },\n)\n","/** Minimal 6-dot grip, no icon library dependency. */\nexport function DefaultHandleIcon() {\n  return (\n    <svg\n      width={16}\n      height={16}\n      viewBox=\"0 0 16 16\"\n      fill=\"currentColor\"\n      aria-hidden\n    >\n      <title>Drag handle</title>\n      <circle cx=\"6\" cy=\"4\" r=\"1.2\" />\n      <circle cx=\"10\" cy=\"4\" r=\"1.2\" />\n      <circle cx=\"6\" cy=\"8\" r=\"1.2\" />\n      <circle cx=\"10\" cy=\"8\" r=\"1.2\" />\n      <circle cx=\"6\" cy=\"12\" r=\"1.2\" />\n      <circle cx=\"10\" cy=\"12\" r=\"1.2\" />\n    </svg>\n  )\n}\n"],"mappings":"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","names":["import_jsx_runtime","RevealRow"]}

package/dist/index.mjs

@@ -13,6 +13,16 @@ var REVEAL_HANDLE_POSITION = {
   start: "start",
   end: "end"
 };
+var ANIMATION_PRESET = {
+  none: "none",
+  quick: "quick",
+  smooth: "smooth"
+};
+var ANIMATION_PRESETS = {
+  [ANIMATION_PRESET.none]: { duration: 0, easing: "linear" },
+  [ANIMATION_PRESET.quick]: { duration: 200, easing: "ease-out" },
+  [ANIMATION_PRESET.smooth]: { duration: 400, easing: "ease-in-out" }
+};
 
 // src/getRevealFromScroll.ts
 function getRevealFromScroll(scrollLeft, maxScroll, wL, wR, mode) {
@@ -82,6 +92,18 @@ function resolveMode(left, right, mode) {
   if (left != null) return REVEAL_MODE.left;
   return REVEAL_MODE.right;
 }
+function resolveAnimationConfig(animated, defaultPreset, customConfig) {
+  if (animated === false) {
+    return ANIMATION_PRESETS[ANIMATION_PRESET.none];
+  }
+  if (animated === true || animated === void 0) {
+    return customConfig || ANIMATION_PRESETS[defaultPreset];
+  }
+  if (typeof animated === "string") {
+    return ANIMATION_PRESETS[animated];
+  }
+  return animated;
+}
 var SCROLL_REVEAL_DEBOUNCE_MS = 64;
 var restEpsilon = 2;
 var rootScrollStyle = {
@@ -93,6 +115,11 @@ var rootScrollStyle = {
   overscrollBehaviorX: "contain",
   touchAction: "pan-x pan-y"
 };
+var rootScrollStyleDisabled = {
+  ...rootScrollStyle,
+  overflowX: "hidden",
+  touchAction: "pan-y"
+};
 var snapStart = { scrollSnapAlign: "start" };
 var snapEnd = { scrollSnapAlign: "end" };
 function RevealRowInner({
@@ -115,6 +142,8 @@ function RevealRowInner({
   isActive = false,
   className,
   style,
+  animationPreset = ANIMATION_PRESET.quick,
+  animationConfig,
   forwardedRef
 }) {
   const mode = resolveMode(left, right, modeProp);
@@ -130,6 +159,7 @@ function RevealRowInner({
   const swipedRef = useRef(false);
   const debounceTimer = useRef(null);
   const hasAppliedInitialScroll = useRef(false);
+  const isAnimatingRef = useRef(false);
   const readPosition = useCallback(() => {
     const el = containerRef.current;
     if (!el) return REVEAL_POSITION.center;
@@ -150,36 +180,112 @@ function RevealRowInner({
     const closed = getScrollClosed(wL, wR, m, mode);
     el.scrollLeft = closed;
   }, [wL, wR, mode]);
+  const scrollToPosition = useCallback(
+    (targetScrollLeft, animationOptions) => {
+      const el = containerRef.current;
+      if (!el) return;
+      const { duration, easing } = animationOptions;
+      if (duration === 0) {
+        el.scrollLeft = targetScrollLeft;
+        return;
+      }
+      isAnimatingRef.current = true;
+      const originalScrollSnapType = el.style.scrollSnapType;
+      el.style.scrollSnapType = "none";
+      const startScrollLeft = el.scrollLeft;
+      const distance = targetScrollLeft - startScrollLeft;
+      const startTime = performance.now();
+      const animate = (currentTime) => {
+        const elapsed = currentTime - startTime;
+        const progress = Math.min(elapsed / duration, 1);
+        let easedProgress = progress;
+        if (easing === "ease-out") {
+          easedProgress = 1 - (1 - progress) ** 2;
+        } else if (easing === "ease-in-out") {
+          easedProgress = progress < 0.5 ? 2 * progress * progress : 1 - (-2 * progress + 2) ** 2 / 2;
+        } else if (easing.startsWith("cubic-bezier")) {
+          easedProgress = progress * progress * (3 - 2 * progress);
+          if (easing.includes("-0.55")) {
+            easedProgress = progress < 0.5 ? 4 * progress * progress * progress : 1 - (-2 * progress + 2) ** 3 / 2;
+            if (progress > 0.7 && progress < 1) {
+              easedProgress += Math.sin((progress - 0.7) * Math.PI * 10) * 0.1 * (1 - progress);
+            }
+          }
+        }
+        el.scrollLeft = startScrollLeft + distance * easedProgress;
+        if (progress < 1) {
+          requestAnimationFrame(animate);
+        } else {
+          el.scrollLeft = targetScrollLeft;
+          el.style.scrollSnapType = originalScrollSnapType || "x mandatory";
+          isAnimatingRef.current = false;
+        }
+      };
+      requestAnimationFrame(animate);
+    },
+    []
+  );
   useImperativeHandle(
     forwardedRef,
     () => ({
-      close: () => {
-        scrollToClosed();
-        const p = readPosition();
-        if (lastEmitted.current !== p) {
-          lastEmitted.current = p;
-          onRevealChange?.(p);
-        }
+      close: (animated) => {
+        const el = containerRef.current;
+        if (!el) return;
+        const m = getMaxScroll(el);
+        const closed = getScrollClosed(wL, wR, m, mode);
+        const animConfig = resolveAnimationConfig(
+          animated,
+          animationPreset,
+          animationConfig
+        );
+        scrollToPosition(closed, animConfig);
+        const delay = animConfig.duration > 0 ? animConfig.duration : 0;
+        setTimeout(() => {
+          const p = readPosition();
+          if (lastEmitted.current !== p) {
+            lastEmitted.current = p;
+            onRevealChange?.(p);
+          }
+        }, delay);
       },
-      reveal: (position) => {
+      reveal: (position, animated) => {
         const el = containerRef.current;
         if (!el) return;
         const max = getMaxScroll(el);
+        let targetScroll;
         if (position === REVEAL_POSITION.center) {
-          el.scrollLeft = getScrollClosed(wL, wR, max, mode);
+          targetScroll = getScrollClosed(wL, wR, max, mode);
         } else if (position === REVEAL_POSITION.left && (mode === REVEAL_MODE.left || mode === REVEAL_MODE.both)) {
-          el.scrollLeft = 0;
+          targetScroll = 0;
         } else if (position === REVEAL_POSITION.right && (mode === REVEAL_MODE.right || mode === REVEAL_MODE.both)) {
-          el.scrollLeft = max;
+          targetScroll = max;
         } else {
           return;
         }
-        const p = getRevealFromScroll(el.scrollLeft, max, wL, wR, mode);
-        lastEmitted.current = p;
-        onRevealChange?.(p);
+        const animConfig = resolveAnimationConfig(
+          animated,
+          animationPreset,
+          animationConfig
+        );
+        scrollToPosition(targetScroll, animConfig);
+        const delay = animConfig.duration > 0 ? animConfig.duration : 0;
+        setTimeout(() => {
+          const p = getRevealFromScroll(targetScroll, max, wL, wR, mode);
+          lastEmitted.current = p;
+          onRevealChange?.(p);
+        }, delay);
       }
     }),
-    [mode, onRevealChange, readPosition, scrollToClosed, wL, wR]
+    [
+      mode,
+      onRevealChange,
+      readPosition,
+      scrollToPosition,
+      wL,
+      wR,
+      animationPreset,
+      animationConfig
+    ]
   );
   useLayoutEffect(() => {
     if (mode === REVEAL_MODE.right) {
@@ -325,7 +431,7 @@ function RevealRowInner({
       onScroll: handleScroll,
       onClickCapture,
       style: {
-        ...rootScrollStyle,
+        ...disabled ? rootScrollStyleDisabled : rootScrollStyle,
         ...style,
         gridTemplateColumns
       },
@@ -361,6 +467,8 @@ var RevealRow = forwardRef(
   }
 );
 export {
+  ANIMATION_PRESET,
+  ANIMATION_PRESETS,
   REVEAL_HANDLE_POSITION,
   REVEAL_MODE,
   REVEAL_POSITION,

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/types.ts","../src/getRevealFromScroll.ts","../src/RevealRow.tsx","../src/DefaultHandleIcon.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode, UIEvent } from 'react'\n\nexport const REVEAL_MODE = {\n  left: 'left',\n  right: 'right',\n  both: 'both',\n} as const\n\nexport type RevealMode = (typeof REVEAL_MODE)[keyof typeof REVEAL_MODE]\n\nexport const REVEAL_POSITION = {\n  left: 'left',\n  center: 'center',\n  right: 'right',\n} as const\n\nexport type RevealPosition =\n  (typeof REVEAL_POSITION)[keyof typeof REVEAL_POSITION]\n\nexport const REVEAL_HANDLE_POSITION = {\n  start: 'start',\n  end: 'end',\n} as const\n\nexport type RevealHandlePosition =\n  (typeof REVEAL_HANDLE_POSITION)[keyof typeof REVEAL_HANDLE_POSITION]\n\nexport type RevealRowClassNames = {\n  root?: string\n  main?: string\n  mainInner?: string\n  left?: string\n  right?: string\n  handleContainer?: string\n  handleIcon?: string\n}\n\nexport type RevealRowHandle = {\n  close: () => void\n  reveal: (position: RevealPosition) => void\n}\n\nexport type RevealRowProps = {\n  /** Primary row content (e.g. title, subtitle). */\n  children: ReactNode\n  /** Optional leading action column (e.g. delete). Omitted in `right` mode. */\n  left?: ReactNode\n  /**\n   * Trailing action column (e.g. add). Omitted in `left` mode.\n   */\n  right?: ReactNode\n  /**\n   * If both `left` and `right` are set, defaults to `both`. If only one side,\n   * mode is derived unless overridden.\n   */\n  mode?: RevealMode\n  actionWidthLeft?: number\n  actionWidthRight?: number\n  classNames?: RevealRowClassNames\n  /** @default true */\n  showHandle?: boolean\n  /** Replaces the built-in drag affordance. */\n  handle?: ReactNode\n  /**\n   * Where the handle sits in the main row. Default: `start` in `left` mode,\n   * `end` otherwise.\n   */\n  handlePosition?: RevealHandlePosition\n  handleTitle?: string\n  /** Shown in screen-reader text when using the default drag handle. */\n  handleAriaLabel?: string\n  /** Fires when the settled position changes. */\n  onRevealChange?: (position: RevealPosition) => void\n  onScroll?: (event: UIEvent<HTMLDivElement>) => void\n  /** Resets to closed; default true. */\n  resetWhenDisabled?: boolean\n  disabled?: boolean\n  /**\n   * When true, snaps back to the closed position (e.g. row became active/selected\n   * elsewhere in the list).\n   */\n  isActive?: boolean\n  className?: string\n  style?: CSSProperties\n}\n","import {\n  REVEAL_MODE,\n  REVEAL_POSITION,\n  type RevealMode,\n  type RevealPosition,\n} from './types'\n\n/**\n * Map horizontal scroll position to a logical \"revealed\" state.\n * `wL` / `wR` are the fixed action column widths; `maxScroll` is\n * `Math.max(0, scrollWidth - clientWidth)`.\n */\nexport function getRevealFromScroll(\n  scrollLeft: number,\n  maxScroll: number,\n  wL: number,\n  wR: number,\n  mode: RevealMode,\n): RevealPosition {\n  if (mode === REVEAL_MODE.right) {\n    if (maxScroll <= 0) return REVEAL_POSITION.center\n    return scrollLeft < wR / 2 ? REVEAL_POSITION.center : REVEAL_POSITION.right\n  }\n  if (mode === REVEAL_MODE.left) {\n    if (maxScroll <= 0) return REVEAL_POSITION.center\n    return scrollLeft < wL / 2 ? REVEAL_POSITION.left : REVEAL_POSITION.center\n  }\n  if (maxScroll <= 0) return REVEAL_POSITION.center\n  if (scrollLeft < wL / 2) return REVEAL_POSITION.left\n  if (scrollLeft > maxScroll - wR / 2) return REVEAL_POSITION.right\n  return REVEAL_POSITION.center\n}\n\n/** \"Closed\" / resting scrollLeft for a mode (main panel only). */\nexport function getScrollClosed(\n  wL: number,\n  _wR: number,\n  _maxScroll: number,\n  mode: RevealMode,\n): number {\n  if (mode === REVEAL_MODE.right) return 0\n  return wL\n}\n","'use client'\n\nimport type { CSSProperties, ForwardedRef, MouseEvent, UIEvent } from 'react'\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n} from 'react'\n\nimport { DefaultHandleIcon } from './DefaultHandleIcon'\nimport { getRevealFromScroll, getScrollClosed } from './getRevealFromScroll'\nimport {\n  REVEAL_HANDLE_POSITION,\n  REVEAL_MODE,\n  REVEAL_POSITION,\n  type RevealHandlePosition,\n  type RevealMode,\n  type RevealPosition,\n  type RevealRowClassNames,\n  type RevealRowHandle,\n  type RevealRowProps,\n} from './types'\n\nfunction cx(...parts: (string | undefined)[]) {\n  return parts.filter(Boolean).join(' ')\n}\n\nfunction getMaxScroll(el: HTMLDivElement) {\n  return Math.max(0, el.scrollWidth - el.clientWidth)\n}\n\nfunction resolveMode(\n  left: RevealRowProps['left'],\n  right: RevealRowProps['right'],\n  mode: RevealMode | undefined,\n): RevealMode {\n  if (mode) return mode\n  if (left != null && right != null) return REVEAL_MODE.both\n  if (left != null) return REVEAL_MODE.left\n  return REVEAL_MODE.right\n}\n\nconst SCROLL_REVEAL_DEBOUNCE_MS = 64\nconst restEpsilon = 2\n\nconst rootScrollStyle: CSSProperties = {\n  display: 'grid',\n  overflowX: 'auto',\n  scrollSnapType: 'x mandatory',\n  scrollbarWidth: 'none',\n  WebkitOverflowScrolling: 'touch',\n  overscrollBehaviorX: 'contain',\n  touchAction: 'pan-x pan-y',\n}\n\nconst snapStart: CSSProperties = { scrollSnapAlign: 'start' }\nconst snapEnd: CSSProperties = { scrollSnapAlign: 'end' }\n\ntype InnerProps = RevealRowProps & {\n  forwardedRef: ForwardedRef<RevealRowHandle>\n}\n\nfunction RevealRowInner({\n  children,\n  left,\n  right,\n  mode: modeProp,\n  actionWidthLeft: wLIn,\n  actionWidthRight: wRIn,\n  classNames = {} as RevealRowClassNames,\n  showHandle = true,\n  handle: handleOverride,\n  handlePosition: handlePositionProp,\n  handleTitle = 'Drag horizontally to show actions',\n  handleAriaLabel = 'Drag horizontally to show actions',\n  onRevealChange,\n  onScroll: onScrollProp,\n  resetWhenDisabled = true,\n  disabled = false,\n  isActive = false,\n  className,\n  style,\n  forwardedRef,\n}: InnerProps) {\n  const mode = resolveMode(left, right, modeProp)\n  const hasL = mode === REVEAL_MODE.left || mode === REVEAL_MODE.both\n  const hasR = mode === REVEAL_MODE.right || mode === REVEAL_MODE.both\n  const wL = hasL ? (wLIn ?? 88) : 0\n  const wR = hasR ? (wRIn ?? 88) : 0\n\n  const handlePosition: RevealHandlePosition =\n    handlePositionProp ??\n    (mode === REVEAL_MODE.left\n      ? REVEAL_HANDLE_POSITION.start\n      : REVEAL_HANDLE_POSITION.end)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const leftRef = useRef<HTMLDivElement>(null)\n  const rightRef = useRef<HTMLDivElement>(null)\n  const lastEmitted = useRef<RevealPosition | null>(null)\n  const swipedRef = useRef(false)\n  const debounceTimer = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const hasAppliedInitialScroll = useRef(false)\n\n  const readPosition = useCallback((): RevealPosition => {\n    const el = containerRef.current\n    if (!el) return REVEAL_POSITION.center\n    return getRevealFromScroll(el.scrollLeft, getMaxScroll(el), wL, wR, mode)\n  }, [wL, wR, mode])\n\n  const emitReveal = useCallback(\n    (position: RevealPosition) => {\n      if (lastEmitted.current === position) return\n      lastEmitted.current = position\n      onRevealChange?.(position)\n    },\n    [onRevealChange],\n  )\n\n  const scrollToClosed = useCallback(() => {\n    const el = containerRef.current\n    if (!el) return\n    const m = getMaxScroll(el)\n    const closed = getScrollClosed(wL, wR, m, mode)\n    el.scrollLeft = closed\n  }, [wL, wR, mode])\n\n  useImperativeHandle(\n    forwardedRef,\n    () => ({\n      close: () => {\n        scrollToClosed()\n        const p = readPosition()\n        if (lastEmitted.current !== p) {\n          lastEmitted.current = p\n          onRevealChange?.(p)\n        }\n      },\n      reveal: (position: RevealPosition) => {\n        const el = containerRef.current\n        if (!el) return\n        const max = getMaxScroll(el)\n        if (position === REVEAL_POSITION.center) {\n          el.scrollLeft = getScrollClosed(wL, wR, max, mode)\n        } else if (\n          position === REVEAL_POSITION.left &&\n          (mode === REVEAL_MODE.left || mode === REVEAL_MODE.both)\n        ) {\n          el.scrollLeft = 0\n        } else if (\n          position === REVEAL_POSITION.right &&\n          (mode === REVEAL_MODE.right || mode === REVEAL_MODE.both)\n        ) {\n          el.scrollLeft = max\n        } else {\n          return\n        }\n        const p = getRevealFromScroll(el.scrollLeft, max, wL, wR, mode)\n        lastEmitted.current = p\n        onRevealChange?.(p)\n      },\n    }),\n    [mode, onRevealChange, readPosition, scrollToClosed, wL, wR],\n  )\n\n  useLayoutEffect(() => {\n    if (mode === REVEAL_MODE.right) {\n      return\n    }\n    const el = containerRef.current\n    if (!el) return\n    if (!hasAppliedInitialScroll.current) {\n      el.scrollLeft = wL\n      hasAppliedInitialScroll.current = true\n    }\n  }, [mode, wL])\n\n  useEffect(() => {\n    if (disabled && resetWhenDisabled) {\n      hasAppliedInitialScroll.current = true\n      scrollToClosed()\n      emitReveal(readPosition())\n    }\n  }, [disabled, emitReveal, readPosition, resetWhenDisabled, scrollToClosed])\n\n  useEffect(() => {\n    if (isActive) {\n      hasAppliedInitialScroll.current = true\n      scrollToClosed()\n      emitReveal(readPosition())\n    }\n  }, [emitReveal, isActive, readPosition, scrollToClosed])\n\n  useEffect(\n    () => () => {\n      if (debounceTimer.current) {\n        clearTimeout(debounceTimer.current)\n      }\n    },\n    [],\n  )\n\n  const handleScroll = useCallback(\n    (e: UIEvent<HTMLDivElement>) => {\n      onScrollProp?.(e)\n      const el = containerRef.current\n      if (!el) return\n      const m = getMaxScroll(el)\n      const pos = getRevealFromScroll(el.scrollLeft, m, wL, wR, mode)\n      const closed = getScrollClosed(wL, wR, m, mode)\n      if (Math.abs(el.scrollLeft - closed) > restEpsilon) {\n        swipedRef.current = true\n      }\n      if (debounceTimer.current) {\n        clearTimeout(debounceTimer.current)\n      }\n      debounceTimer.current = setTimeout(() => {\n        debounceTimer.current = null\n        emitReveal(pos)\n      }, SCROLL_REVEAL_DEBOUNCE_MS)\n    },\n    [emitReveal, mode, onScrollProp, wL, wR],\n  )\n\n  const onClickCapture = useCallback((e: MouseEvent) => {\n    const t = e.target as Node | null\n    if (t) {\n      if (leftRef.current?.contains(t) || rightRef.current?.contains(t)) {\n        return\n      }\n    }\n    if (swipedRef.current) {\n      e.preventDefault()\n      e.stopPropagation()\n      swipedRef.current = false\n    }\n  }, [])\n\n  // `100%` for the main track (not `1fr`) so total row width > viewport: otherwise both\n  // columns can shrink to fit with no overflow and the action stays visible.\n  const gridTemplateColumns =\n    mode === REVEAL_MODE.right\n      ? `100% ${wR}px`\n      : mode === REVEAL_MODE.left\n        ? `${wL}px 100%`\n        : `${wL}px 100% ${wR}px`\n\n  const handleContent = showHandle ? (\n    handleOverride !== undefined ? (\n      handleOverride\n    ) : (\n      <>\n        <span\n          className=\"sr-only\"\n          style={{\n            position: 'absolute',\n            width: 1,\n            height: 1,\n            padding: 0,\n            margin: -1,\n            overflow: 'hidden',\n            clip: 'rect(0,0,0,0)',\n            border: 0,\n          }}\n        >\n          {handleAriaLabel}\n        </span>\n        <span className={classNames.handleIcon} aria-hidden>\n          <DefaultHandleIcon />\n        </span>\n      </>\n    )\n  ) : null\n\n  const handleStrip = showHandle ? (\n    <div\n      role=\"presentation\"\n      className={classNames.handleContainer}\n      data-reveal-row-handle\n      style={{\n        flexShrink: 0,\n        alignSelf: 'stretch',\n        display: 'flex',\n        alignItems: 'center',\n      }}\n      title={handleOverride === undefined ? handleTitle : undefined}\n    >\n      {handleContent}\n    </div>\n  ) : null\n\n  const mainColumn = (\n    <div\n      className={classNames.main}\n      data-reveal-row-main\n      style={{\n        ...snapStart,\n        minWidth: 0,\n        width: '100%',\n        maxWidth: '100%',\n        boxSizing: 'border-box',\n      }}\n    >\n      <div\n        className={classNames.mainInner}\n        style={{\n          display: 'flex',\n          minWidth: 0,\n          width: '100%',\n          alignItems: 'flex-start',\n        }}\n      >\n        {handlePosition === REVEAL_HANDLE_POSITION.start && handleStrip}\n        <div style={{ minWidth: 0, flex: 1, flexBasis: 0 }}>{children}</div>\n        {handlePosition === REVEAL_HANDLE_POSITION.end && handleStrip}\n      </div>\n    </div>\n  )\n\n  return (\n    <div\n      ref={containerRef}\n      data-reveal-mode={mode}\n      className={cx(classNames.root, className)}\n      onScroll={handleScroll}\n      onClickCapture={onClickCapture}\n      style={{\n        ...rootScrollStyle,\n        ...style,\n        gridTemplateColumns,\n      }}\n    >\n      {hasL ? (\n        <div\n          ref={leftRef}\n          className={classNames.left}\n          data-reveal-row-left\n          style={{ ...snapStart, minWidth: 0, width: wL }}\n        >\n          {left}\n        </div>\n      ) : null}\n      {mainColumn}\n      {hasR ? (\n        <div\n          ref={rightRef}\n          className={classNames.right}\n          data-reveal-row-right\n          style={{ ...snapEnd, minWidth: 0, width: wR }}\n        >\n          {right}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport const RevealRow = forwardRef<RevealRowHandle, RevealRowProps>(\n  function RevealRow(props, ref) {\n    return <RevealRowInner {...props} forwardedRef={ref} />\n  },\n)\n","/** Minimal 6-dot grip, no icon library dependency. */\nexport function DefaultHandleIcon() {\n  return (\n    <svg\n      width={16}\n      height={16}\n      viewBox=\"0 0 16 16\"\n      fill=\"currentColor\"\n      aria-hidden\n    >\n      <title>Drag handle</title>\n      <circle cx=\"6\" cy=\"4\" r=\"1.2\" />\n      <circle cx=\"10\" cy=\"4\" r=\"1.2\" />\n      <circle cx=\"6\" cy=\"8\" r=\"1.2\" />\n      <circle cx=\"10\" cy=\"8\" r=\"1.2\" />\n      <circle cx=\"6\" cy=\"12\" r=\"1.2\" />\n      <circle cx=\"10\" cy=\"12\" r=\"1.2\" />\n    </svg>\n  )\n}\n"],"mappings":"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","names":["jsx","jsxs","RevealRow"]}
+{"version":3,"sources":["../src/types.ts","../src/getRevealFromScroll.ts","../src/RevealRow.tsx","../src/DefaultHandleIcon.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode, UIEvent } from 'react'\n\nexport const REVEAL_MODE = {\n  left: 'left',\n  right: 'right',\n  both: 'both',\n} as const\n\nexport type RevealMode = (typeof REVEAL_MODE)[keyof typeof REVEAL_MODE]\n\nexport const REVEAL_POSITION = {\n  left: 'left',\n  center: 'center',\n  right: 'right',\n} as const\n\nexport type RevealPosition =\n  (typeof REVEAL_POSITION)[keyof typeof REVEAL_POSITION]\n\nexport const REVEAL_HANDLE_POSITION = {\n  start: 'start',\n  end: 'end',\n} as const\n\nexport type RevealHandlePosition =\n  (typeof REVEAL_HANDLE_POSITION)[keyof typeof REVEAL_HANDLE_POSITION]\n\nexport const ANIMATION_PRESET = {\n  none: 'none',\n  quick: 'quick',\n  smooth: 'smooth',\n} as const\n\nexport type AnimationPreset =\n  (typeof ANIMATION_PRESET)[keyof typeof ANIMATION_PRESET]\n\nexport type AnimationConfig = {\n  duration: number\n  easing: string\n}\n\nexport const ANIMATION_PRESETS: Record<AnimationPreset, AnimationConfig> = {\n  [ANIMATION_PRESET.none]: { duration: 0, easing: 'linear' },\n  [ANIMATION_PRESET.quick]: { duration: 200, easing: 'ease-out' },\n  [ANIMATION_PRESET.smooth]: { duration: 400, easing: 'ease-in-out' },\n}\n\nexport type RevealRowClassNames = {\n  root?: string\n  main?: string\n  mainInner?: string\n  left?: string\n  right?: string\n  handleContainer?: string\n  handleIcon?: string\n}\n\nexport type RevealRowHandle = {\n  close: (animated?: boolean | AnimationPreset | AnimationConfig) => void\n  reveal: (\n    position: RevealPosition,\n    animated?: boolean | AnimationPreset | AnimationConfig,\n  ) => void\n}\n\nexport type RevealRowProps = {\n  /** Primary row content (e.g. title, subtitle). */\n  children: ReactNode\n  /** Optional leading action column (e.g. delete). Omitted in `right` mode. */\n  left?: ReactNode\n  /**\n   * Trailing action column (e.g. add). Omitted in `left` mode.\n   */\n  right?: ReactNode\n  /**\n   * If both `left` and `right` are set, defaults to `both`. If only one side,\n   * mode is derived unless overridden.\n   */\n  mode?: RevealMode\n  actionWidthLeft?: number\n  actionWidthRight?: number\n  classNames?: RevealRowClassNames\n  /** @default true */\n  showHandle?: boolean\n  /** Replaces the built-in drag affordance. */\n  handle?: ReactNode\n  /**\n   * Where the handle sits in the main row. Default: `start` in `left` mode,\n   * `end` otherwise.\n   */\n  handlePosition?: RevealHandlePosition\n  handleTitle?: string\n  /** Shown in screen-reader text when using the default drag handle. */\n  handleAriaLabel?: string\n  /** Fires when the settled position changes. */\n  onRevealChange?: (position: RevealPosition) => void\n  onScroll?: (event: UIEvent<HTMLDivElement>) => void\n  /** Resets to closed; default true. */\n  resetWhenDisabled?: boolean\n  disabled?: boolean\n  /**\n   * When true, snaps back to the closed position (e.g. row became active/selected\n   * elsewhere in the list).\n   */\n  isActive?: boolean\n  className?: string\n  style?: CSSProperties\n  /**\n   * Default animation preset for close/reveal animations when action buttons are clicked.\n   * @default 'quick'\n   */\n  animationPreset?: AnimationPreset\n  /**\n   * Custom animation configuration overriding the preset.\n   */\n  animationConfig?: AnimationConfig\n}\n","import {\n  REVEAL_MODE,\n  REVEAL_POSITION,\n  type RevealMode,\n  type RevealPosition,\n} from './types'\n\n/**\n * Map horizontal scroll position to a logical \"revealed\" state.\n * `wL` / `wR` are the fixed action column widths; `maxScroll` is\n * `Math.max(0, scrollWidth - clientWidth)`.\n */\nexport function getRevealFromScroll(\n  scrollLeft: number,\n  maxScroll: number,\n  wL: number,\n  wR: number,\n  mode: RevealMode,\n): RevealPosition {\n  if (mode === REVEAL_MODE.right) {\n    if (maxScroll <= 0) return REVEAL_POSITION.center\n    return scrollLeft < wR / 2 ? REVEAL_POSITION.center : REVEAL_POSITION.right\n  }\n  if (mode === REVEAL_MODE.left) {\n    if (maxScroll <= 0) return REVEAL_POSITION.center\n    return scrollLeft < wL / 2 ? REVEAL_POSITION.left : REVEAL_POSITION.center\n  }\n  if (maxScroll <= 0) return REVEAL_POSITION.center\n  if (scrollLeft < wL / 2) return REVEAL_POSITION.left\n  if (scrollLeft > maxScroll - wR / 2) return REVEAL_POSITION.right\n  return REVEAL_POSITION.center\n}\n\n/** \"Closed\" / resting scrollLeft for a mode (main panel only). */\nexport function getScrollClosed(\n  wL: number,\n  _wR: number,\n  _maxScroll: number,\n  mode: RevealMode,\n): number {\n  if (mode === REVEAL_MODE.right) return 0\n  return wL\n}\n","'use client'\n\nimport type { CSSProperties, ForwardedRef, MouseEvent, UIEvent } from 'react'\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n} from 'react'\n\nimport { DefaultHandleIcon } from './DefaultHandleIcon'\nimport { getRevealFromScroll, getScrollClosed } from './getRevealFromScroll'\nimport {\n  ANIMATION_PRESET,\n  ANIMATION_PRESETS,\n  type AnimationConfig,\n  type AnimationPreset,\n  REVEAL_HANDLE_POSITION,\n  REVEAL_MODE,\n  REVEAL_POSITION,\n  type RevealHandlePosition,\n  type RevealMode,\n  type RevealPosition,\n  type RevealRowClassNames,\n  type RevealRowHandle,\n  type RevealRowProps,\n} from './types'\n\nfunction cx(...parts: (string | undefined)[]) {\n  return parts.filter(Boolean).join(' ')\n}\n\nfunction getMaxScroll(el: HTMLDivElement) {\n  return Math.max(0, el.scrollWidth - el.clientWidth)\n}\n\nfunction resolveMode(\n  left: RevealRowProps['left'],\n  right: RevealRowProps['right'],\n  mode: RevealMode | undefined,\n): RevealMode {\n  if (mode) return mode\n  if (left != null && right != null) return REVEAL_MODE.both\n  if (left != null) return REVEAL_MODE.left\n  return REVEAL_MODE.right\n}\n\nfunction resolveAnimationConfig(\n  animated: boolean | AnimationPreset | AnimationConfig | undefined,\n  defaultPreset: AnimationPreset,\n  customConfig?: AnimationConfig,\n): AnimationConfig {\n  if (animated === false) {\n    return ANIMATION_PRESETS[ANIMATION_PRESET.none]\n  }\n  if (animated === true || animated === undefined) {\n    return customConfig || ANIMATION_PRESETS[defaultPreset]\n  }\n  if (typeof animated === 'string') {\n    return ANIMATION_PRESETS[animated]\n  }\n  return animated\n}\n\nconst SCROLL_REVEAL_DEBOUNCE_MS = 64\nconst restEpsilon = 2\n\nconst rootScrollStyle: CSSProperties = {\n  display: 'grid',\n  overflowX: 'auto',\n  scrollSnapType: 'x mandatory',\n  scrollbarWidth: 'none',\n  WebkitOverflowScrolling: 'touch',\n  overscrollBehaviorX: 'contain',\n  touchAction: 'pan-x pan-y',\n}\n\nconst rootScrollStyleDisabled: CSSProperties = {\n  ...rootScrollStyle,\n  overflowX: 'hidden',\n  touchAction: 'pan-y',\n}\n\nconst snapStart: CSSProperties = { scrollSnapAlign: 'start' }\nconst snapEnd: CSSProperties = { scrollSnapAlign: 'end' }\n\ntype InnerProps = RevealRowProps & {\n  forwardedRef: ForwardedRef<RevealRowHandle>\n}\n\nfunction RevealRowInner({\n  children,\n  left,\n  right,\n  mode: modeProp,\n  actionWidthLeft: wLIn,\n  actionWidthRight: wRIn,\n  classNames = {} as RevealRowClassNames,\n  showHandle = true,\n  handle: handleOverride,\n  handlePosition: handlePositionProp,\n  handleTitle = 'Drag horizontally to show actions',\n  handleAriaLabel = 'Drag horizontally to show actions',\n  onRevealChange,\n  onScroll: onScrollProp,\n  resetWhenDisabled = true,\n  disabled = false,\n  isActive = false,\n  className,\n  style,\n  animationPreset = ANIMATION_PRESET.quick,\n  animationConfig,\n  forwardedRef,\n}: InnerProps) {\n  const mode = resolveMode(left, right, modeProp)\n  const hasL = mode === REVEAL_MODE.left || mode === REVEAL_MODE.both\n  const hasR = mode === REVEAL_MODE.right || mode === REVEAL_MODE.both\n  const wL = hasL ? (wLIn ?? 88) : 0\n  const wR = hasR ? (wRIn ?? 88) : 0\n\n  const handlePosition: RevealHandlePosition =\n    handlePositionProp ??\n    (mode === REVEAL_MODE.left\n      ? REVEAL_HANDLE_POSITION.start\n      : REVEAL_HANDLE_POSITION.end)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const leftRef = useRef<HTMLDivElement>(null)\n  const rightRef = useRef<HTMLDivElement>(null)\n  const lastEmitted = useRef<RevealPosition | null>(null)\n  const swipedRef = useRef(false)\n  const debounceTimer = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const hasAppliedInitialScroll = useRef(false)\n  const isAnimatingRef = useRef(false)\n\n  const readPosition = useCallback((): RevealPosition => {\n    const el = containerRef.current\n    if (!el) return REVEAL_POSITION.center\n    return getRevealFromScroll(el.scrollLeft, getMaxScroll(el), wL, wR, mode)\n  }, [wL, wR, mode])\n\n  const emitReveal = useCallback(\n    (position: RevealPosition) => {\n      if (lastEmitted.current === position) return\n      lastEmitted.current = position\n      onRevealChange?.(position)\n    },\n    [onRevealChange],\n  )\n\n  const scrollToClosed = useCallback(() => {\n    const el = containerRef.current\n    if (!el) return\n    const m = getMaxScroll(el)\n    const closed = getScrollClosed(wL, wR, m, mode)\n\n    // For immediate scroll, we can use the default behavior\n    // CSS scroll snap will handle the final positioning\n    el.scrollLeft = closed\n  }, [wL, wR, mode])\n\n  const scrollToPosition = useCallback(\n    (targetScrollLeft: number, animationOptions: AnimationConfig) => {\n      const el = containerRef.current\n      if (!el) return\n\n      const { duration, easing } = animationOptions\n\n      if (duration === 0) {\n        el.scrollLeft = targetScrollLeft\n        return\n      }\n\n      // Disable scroll snap during animation\n      isAnimatingRef.current = true\n      const originalScrollSnapType = el.style.scrollSnapType\n      el.style.scrollSnapType = 'none'\n\n      const startScrollLeft = el.scrollLeft\n      const distance = targetScrollLeft - startScrollLeft\n      const startTime = performance.now()\n\n      const animate = (currentTime: number) => {\n        const elapsed = currentTime - startTime\n        const progress = Math.min(elapsed / duration, 1)\n\n        let easedProgress = progress\n        if (easing === 'ease-out') {\n          easedProgress = 1 - (1 - progress) ** 2\n        } else if (easing === 'ease-in-out') {\n          easedProgress =\n            progress < 0.5\n              ? 2 * progress * progress\n              : 1 - (-2 * progress + 2) ** 2 / 2\n        } else if (easing.startsWith('cubic-bezier')) {\n          // For the bounce effect, we'll use a simplified approximation\n          easedProgress = progress * progress * (3 - 2 * progress)\n          if (easing.includes('-0.55')) {\n            // Bounce effect approximation\n            easedProgress =\n              progress < 0.5\n                ? 4 * progress * progress * progress\n                : 1 - (-2 * progress + 2) ** 3 / 2\n            // Add overshoot for bounce\n            if (progress > 0.7 && progress < 1) {\n              easedProgress +=\n                Math.sin((progress - 0.7) * Math.PI * 10) * 0.1 * (1 - progress)\n            }\n          }\n        }\n\n        el.scrollLeft = startScrollLeft + distance * easedProgress\n\n        if (progress < 1) {\n          requestAnimationFrame(animate)\n        } else {\n          el.scrollLeft = targetScrollLeft\n          // Re-enable scroll snap after animation completes\n          el.style.scrollSnapType = originalScrollSnapType || 'x mandatory'\n          isAnimatingRef.current = false\n        }\n      }\n\n      requestAnimationFrame(animate)\n    },\n    [],\n  )\n\n  useImperativeHandle(\n    forwardedRef,\n    () => ({\n      close: (animated?: boolean | AnimationPreset | AnimationConfig) => {\n        const el = containerRef.current\n        if (!el) return\n\n        const m = getMaxScroll(el)\n        const closed = getScrollClosed(wL, wR, m, mode)\n        const animConfig = resolveAnimationConfig(\n          animated,\n          animationPreset,\n          animationConfig,\n        )\n\n        scrollToPosition(closed, animConfig)\n\n        // Update position after animation or immediately if no animation\n        const delay = animConfig.duration > 0 ? animConfig.duration : 0\n        setTimeout(() => {\n          const p = readPosition()\n          if (lastEmitted.current !== p) {\n            lastEmitted.current = p\n            onRevealChange?.(p)\n          }\n        }, delay)\n      },\n      reveal: (\n        position: RevealPosition,\n        animated?: boolean | AnimationPreset | AnimationConfig,\n      ) => {\n        const el = containerRef.current\n        if (!el) return\n        const max = getMaxScroll(el)\n\n        let targetScroll: number\n        if (position === REVEAL_POSITION.center) {\n          targetScroll = getScrollClosed(wL, wR, max, mode)\n        } else if (\n          position === REVEAL_POSITION.left &&\n          (mode === REVEAL_MODE.left || mode === REVEAL_MODE.both)\n        ) {\n          targetScroll = 0\n        } else if (\n          position === REVEAL_POSITION.right &&\n          (mode === REVEAL_MODE.right || mode === REVEAL_MODE.both)\n        ) {\n          targetScroll = max\n        } else {\n          return\n        }\n\n        const animConfig = resolveAnimationConfig(\n          animated,\n          animationPreset,\n          animationConfig,\n        )\n        scrollToPosition(targetScroll, animConfig)\n\n        // Update position after animation or immediately if no animation\n        const delay = animConfig.duration > 0 ? animConfig.duration : 0\n        setTimeout(() => {\n          const p = getRevealFromScroll(targetScroll, max, wL, wR, mode)\n          lastEmitted.current = p\n          onRevealChange?.(p)\n        }, delay)\n      },\n    }),\n    [\n      mode,\n      onRevealChange,\n      readPosition,\n      scrollToPosition,\n      wL,\n      wR,\n      animationPreset,\n      animationConfig,\n    ],\n  )\n\n  useLayoutEffect(() => {\n    if (mode === REVEAL_MODE.right) {\n      return\n    }\n    const el = containerRef.current\n    if (!el) return\n    if (!hasAppliedInitialScroll.current) {\n      el.scrollLeft = wL\n      hasAppliedInitialScroll.current = true\n    }\n  }, [mode, wL])\n\n  useEffect(() => {\n    if (disabled && resetWhenDisabled) {\n      hasAppliedInitialScroll.current = true\n      scrollToClosed()\n      emitReveal(readPosition())\n    }\n  }, [disabled, emitReveal, readPosition, resetWhenDisabled, scrollToClosed])\n\n  useEffect(() => {\n    if (isActive) {\n      hasAppliedInitialScroll.current = true\n      scrollToClosed()\n      emitReveal(readPosition())\n    }\n  }, [emitReveal, isActive, readPosition, scrollToClosed])\n\n  useEffect(\n    () => () => {\n      if (debounceTimer.current) {\n        clearTimeout(debounceTimer.current)\n      }\n    },\n    [],\n  )\n\n  const handleScroll = useCallback(\n    (e: UIEvent<HTMLDivElement>) => {\n      onScrollProp?.(e)\n      const el = containerRef.current\n      if (!el) return\n      const m = getMaxScroll(el)\n      const pos = getRevealFromScroll(el.scrollLeft, m, wL, wR, mode)\n      const closed = getScrollClosed(wL, wR, m, mode)\n      if (Math.abs(el.scrollLeft - closed) > restEpsilon) {\n        swipedRef.current = true\n      }\n      if (debounceTimer.current) {\n        clearTimeout(debounceTimer.current)\n      }\n      debounceTimer.current = setTimeout(() => {\n        debounceTimer.current = null\n        emitReveal(pos)\n      }, SCROLL_REVEAL_DEBOUNCE_MS)\n    },\n    [emitReveal, mode, onScrollProp, wL, wR],\n  )\n\n  const onClickCapture = useCallback((e: MouseEvent) => {\n    const t = e.target as Node | null\n    if (t) {\n      if (leftRef.current?.contains(t) || rightRef.current?.contains(t)) {\n        return\n      }\n    }\n    if (swipedRef.current) {\n      e.preventDefault()\n      e.stopPropagation()\n      swipedRef.current = false\n    }\n  }, [])\n\n  // `100%` for the main track (not `1fr`) so total row width > viewport: otherwise both\n  // columns can shrink to fit with no overflow and the action stays visible.\n  const gridTemplateColumns =\n    mode === REVEAL_MODE.right\n      ? `100% ${wR}px`\n      : mode === REVEAL_MODE.left\n        ? `${wL}px 100%`\n        : `${wL}px 100% ${wR}px`\n\n  const handleContent = showHandle ? (\n    handleOverride !== undefined ? (\n      handleOverride\n    ) : (\n      <>\n        <span\n          className=\"sr-only\"\n          style={{\n            position: 'absolute',\n            width: 1,\n            height: 1,\n            padding: 0,\n            margin: -1,\n            overflow: 'hidden',\n            clip: 'rect(0,0,0,0)',\n            border: 0,\n          }}\n        >\n          {handleAriaLabel}\n        </span>\n        <span className={classNames.handleIcon} aria-hidden>\n          <DefaultHandleIcon />\n        </span>\n      </>\n    )\n  ) : null\n\n  const handleStrip = showHandle ? (\n    <div\n      role=\"presentation\"\n      className={classNames.handleContainer}\n      data-reveal-row-handle\n      style={{\n        flexShrink: 0,\n        alignSelf: 'stretch',\n        display: 'flex',\n        alignItems: 'center',\n      }}\n      title={handleOverride === undefined ? handleTitle : undefined}\n    >\n      {handleContent}\n    </div>\n  ) : null\n\n  const mainColumn = (\n    <div\n      className={classNames.main}\n      data-reveal-row-main\n      style={{\n        ...snapStart,\n        minWidth: 0,\n        width: '100%',\n        maxWidth: '100%',\n        boxSizing: 'border-box',\n      }}\n    >\n      <div\n        className={classNames.mainInner}\n        style={{\n          display: 'flex',\n          minWidth: 0,\n          width: '100%',\n          alignItems: 'flex-start',\n        }}\n      >\n        {handlePosition === REVEAL_HANDLE_POSITION.start && handleStrip}\n        <div style={{ minWidth: 0, flex: 1, flexBasis: 0 }}>{children}</div>\n        {handlePosition === REVEAL_HANDLE_POSITION.end && handleStrip}\n      </div>\n    </div>\n  )\n\n  return (\n    <div\n      ref={containerRef}\n      data-reveal-mode={mode}\n      className={cx(classNames.root, className)}\n      onScroll={handleScroll}\n      onClickCapture={onClickCapture}\n      style={{\n        ...(disabled ? rootScrollStyleDisabled : rootScrollStyle),\n        ...style,\n        gridTemplateColumns,\n      }}\n    >\n      {hasL ? (\n        <div\n          ref={leftRef}\n          className={classNames.left}\n          data-reveal-row-left\n          style={{ ...snapStart, minWidth: 0, width: wL }}\n        >\n          {left}\n        </div>\n      ) : null}\n      {mainColumn}\n      {hasR ? (\n        <div\n          ref={rightRef}\n          className={classNames.right}\n          data-reveal-row-right\n          style={{ ...snapEnd, minWidth: 0, width: wR }}\n        >\n          {right}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport const RevealRow = forwardRef<RevealRowHandle, RevealRowProps>(\n  function RevealRow(props, ref) {\n    return <RevealRowInner {...props} forwardedRef={ref} />\n  },\n)\n","/** Minimal 6-dot grip, no icon library dependency. */\nexport function DefaultHandleIcon() {\n  return (\n    <svg\n      width={16}\n      height={16}\n      viewBox=\"0 0 16 16\"\n      fill=\"currentColor\"\n      aria-hidden\n    >\n      <title>Drag handle</title>\n      <circle cx=\"6\" cy=\"4\" r=\"1.2\" />\n      <circle cx=\"10\" cy=\"4\" r=\"1.2\" />\n      <circle cx=\"6\" cy=\"8\" r=\"1.2\" />\n      <circle cx=\"10\" cy=\"8\" r=\"1.2\" />\n      <circle cx=\"6\" cy=\"12\" r=\"1.2\" />\n      <circle cx=\"10\" cy=\"12\" r=\"1.2\" />\n    </svg>\n  )\n}\n"],"mappings":"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","names":["jsx","jsxs","RevealRow"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@present-day/reveal-row",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Horizontal scroll-to-reveal row for actions on the left, right, or both sides",
   "main": "dist/index.js",
   "module": "dist/index.mjs",