@present-day/reveal-row 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Present Day
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,115 @@
+# `@present-day/reveal-row`
+
+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.
+
+## Install
+
+```bash
+npm i @present-day/reveal-row
+```
+
+Peer dependencies: `react`, `react-dom` (v18 or v19).
+
+## Basic usage
+
+```tsx
+import { RevealRow } from '@present-day/reveal-row'
+
+// Right mode — swipe left to reveal
+<RevealRow right={<button onClick={handleDelete}>Delete</button>}>
+  <MyRowContent />
+</RevealRow>
+
+// Left mode — swipe right to reveal
+<RevealRow left={<button onClick={handlePin}>Pin</button>}>
+  <MyRowContent />
+</RevealRow>
+
+// Both modes — swipe either direction
+<RevealRow
+  left={<button onClick={handlePin}>Pin</button>}
+  right={<button onClick={handleDelete}>Delete</button>}
+>
+  <MyRowContent />
+</RevealRow>
+```
+
+## Modes
+
+| `mode`  | Slots used           | Resting ("closed") scroll                   |
+| ------- | -------------------- | ------------------------------------------- |
+| `right` | `right` only         | `scrollLeft = 0` (left edge)                |
+| `left`  | `left` only          | `scrollLeft = wL` (after leading column)    |
+| `both`  | `left` and `right`   | `scrollLeft = wL` (main fills viewport)     |
+
+Omit `mode` and it's inferred: both slots → `both`, only `left` → `left`, otherwise `right`.
+
+## Props
+
+| Prop | Type | Default | Description |
+| ---- | ---- | ------- | ----------- |
+| `children` | `ReactNode` | — | Primary row content |
+| `left` | `ReactNode` | — | Leading action column |
+| `right` | `ReactNode` | — | Trailing action column |
+| `mode` | `'left' \| 'right' \| 'both'` | inferred | Override mode detection |
+| `actionWidthLeft` | `number` | `88` | Width (px) of the left column |
+| `actionWidthRight` | `number` | `88` | Width (px) of the right column |
+| `classNames` | `RevealRowClassNames` | `{}` | Class names for each sub-element |
+| `showHandle` | `boolean` | `true` | Render the default 6-dot drag affordance |
+| `handle` | `ReactNode` | — | Replace the default handle with custom content |
+| `handlePosition` | `'start' \| 'end'` | `'start'` in left mode, `'end'` otherwise | Where the handle strip sits in the row |
+| `handleTitle` | `string` | `'Drag horizontally…'` | Tooltip on the default handle |
+| `handleAriaLabel` | `string` | `'Drag horizontally…'` | Screen-reader text on the default handle |
+| `onRevealChange` | `(pos: RevealPosition) => void` | — | Fires when the settled position changes (debounced) |
+| `onScroll` | `UIEventHandler` | — | Raw scroll events |
+| `disabled` | `boolean` | `false` | Disables swiping |
+| `resetWhenDisabled` | `boolean` | `true` | Snap closed when `disabled` becomes true |
+| `isActive` | `boolean` | `false` | Snap closed (e.g. another row was selected) |
+| `className` | `string` | — | Added to the root scroll element |
+| `style` | `CSSProperties` | — | Added to the root scroll element |
+
+## Ref API
+
+```tsx
+const ref = useRef<RevealRowHandle>(null)
+
+<RevealRow ref={ref} right={<DeleteButton />}>
+  <MyRowContent />
+</RevealRow>
+
+// Programmatic control
+ref.current?.close()                    // snap to center
+ref.current?.reveal('left')            // snap to left action
+ref.current?.reveal('right')           // snap to right action
+ref.current?.reveal('center')          // alias for close
+```
+
+## classNames
+
+All sub-elements accept class names for styling:
+
+```tsx
+<RevealRow
+  classNames={{
+    root: 'my-row',          // scroll container
+    main: 'my-row__main',    // main content track
+    mainInner: '',           // flex wrapper inside main
+    left: 'my-row__left',   // left action column
+    right: 'my-row__right', // right action column
+    handleContainer: '',    // outer handle strip
+    handleIcon: '',         // icon wrapper inside handle
+  }}
+>
+```
+
+## Integration notes
+
+**Nested vertical scroll** — the root uses `touch-action: pan-x pan-y` so a parent list can still scroll vertically.
+
+**Overscroll / browser back gestures** — if horizontal swipes compete with iOS back or macOS trackpad history navigation, set `overscroll-behavior-x: none` on a suitable ancestor (e.g. a full-screen container).
+
+**Preventing row activation on swipe** — the component guards against triggering a click after a horizontal drag. If you wrap the row in a command palette item or similar, keep the built-in `onClickCapture` behaviour intact, or replicate it.
+
+## Publishing
+
+Run `bun run build` to produce `dist/`. The `exports` field in `package.json` points to `dist/index.{js,mjs,d.ts}`. Push a tag to trigger the GitHub Actions publish workflow (OIDC trusted publishing — no npm token needed in secrets).

package/dist/index.d.mts

@@ -0,0 +1,89 @@
+import * as react from 'react';
+import { ReactNode, UIEvent, CSSProperties } from 'react';
+
+declare const REVEAL_MODE: {
+    readonly left: "left";
+    readonly right: "right";
+    readonly both: "both";
+};
+type RevealMode = (typeof REVEAL_MODE)[keyof typeof REVEAL_MODE];
+declare const REVEAL_POSITION: {
+    readonly left: "left";
+    readonly center: "center";
+    readonly right: "right";
+};
+type RevealPosition = (typeof REVEAL_POSITION)[keyof typeof REVEAL_POSITION];
+declare const REVEAL_HANDLE_POSITION: {
+    readonly start: "start";
+    readonly end: "end";
+};
+type RevealHandlePosition = (typeof REVEAL_HANDLE_POSITION)[keyof typeof REVEAL_HANDLE_POSITION];
+type RevealRowClassNames = {
+    root?: string;
+    main?: string;
+    mainInner?: string;
+    left?: string;
+    right?: string;
+    handleContainer?: string;
+    handleIcon?: string;
+};
+type RevealRowHandle = {
+    close: () => void;
+    reveal: (position: RevealPosition) => void;
+};
+type RevealRowProps = {
+    /** Primary row content (e.g. title, subtitle). */
+    children: ReactNode;
+    /** Optional leading action column (e.g. delete). Omitted in `right` mode. */
+    left?: ReactNode;
+    /**
+     * Trailing action column (e.g. add). Omitted in `left` mode.
+     */
+    right?: ReactNode;
+    /**
+     * If both `left` and `right` are set, defaults to `both`. If only one side,
+     * mode is derived unless overridden.
+     */
+    mode?: RevealMode;
+    actionWidthLeft?: number;
+    actionWidthRight?: number;
+    classNames?: RevealRowClassNames;
+    /** @default true */
+    showHandle?: boolean;
+    /** Replaces the built-in drag affordance. */
+    handle?: ReactNode;
+    /**
+     * Where the handle sits in the main row. Default: `start` in `left` mode,
+     * `end` otherwise.
+     */
+    handlePosition?: RevealHandlePosition;
+    handleTitle?: string;
+    /** Shown in screen-reader text when using the default drag handle. */
+    handleAriaLabel?: string;
+    /** Fires when the settled position changes. */
+    onRevealChange?: (position: RevealPosition) => void;
+    onScroll?: (event: UIEvent<HTMLDivElement>) => void;
+    /** Resets to closed; default true. */
+    resetWhenDisabled?: boolean;
+    disabled?: boolean;
+    /**
+     * When true, snaps back to the closed position (e.g. row became active/selected
+     * elsewhere in the list).
+     */
+    isActive?: boolean;
+    className?: string;
+    style?: CSSProperties;
+};
+
+/**
+ * Map horizontal scroll position to a logical "revealed" state.
+ * `wL` / `wR` are the fixed action column widths; `maxScroll` is
+ * `Math.max(0, scrollWidth - clientWidth)`.
+ */
+declare function getRevealFromScroll(scrollLeft: number, maxScroll: number, wL: number, wR: number, mode: RevealMode): RevealPosition;
+/** "Closed" / resting scrollLeft for a mode (main panel only). */
+declare function getScrollClosed(wL: number, _wR: number, _maxScroll: number, mode: RevealMode): number;
+
+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 };

package/dist/index.d.ts

@@ -0,0 +1,89 @@
+import * as react from 'react';
+import { ReactNode, UIEvent, CSSProperties } from 'react';
+
+declare const REVEAL_MODE: {
+    readonly left: "left";
+    readonly right: "right";
+    readonly both: "both";
+};
+type RevealMode = (typeof REVEAL_MODE)[keyof typeof REVEAL_MODE];
+declare const REVEAL_POSITION: {
+    readonly left: "left";
+    readonly center: "center";
+    readonly right: "right";
+};
+type RevealPosition = (typeof REVEAL_POSITION)[keyof typeof REVEAL_POSITION];
+declare const REVEAL_HANDLE_POSITION: {
+    readonly start: "start";
+    readonly end: "end";
+};
+type RevealHandlePosition = (typeof REVEAL_HANDLE_POSITION)[keyof typeof REVEAL_HANDLE_POSITION];
+type RevealRowClassNames = {
+    root?: string;
+    main?: string;
+    mainInner?: string;
+    left?: string;
+    right?: string;
+    handleContainer?: string;
+    handleIcon?: string;
+};
+type RevealRowHandle = {
+    close: () => void;
+    reveal: (position: RevealPosition) => void;
+};
+type RevealRowProps = {
+    /** Primary row content (e.g. title, subtitle). */
+    children: ReactNode;
+    /** Optional leading action column (e.g. delete). Omitted in `right` mode. */
+    left?: ReactNode;
+    /**
+     * Trailing action column (e.g. add). Omitted in `left` mode.
+     */
+    right?: ReactNode;
+    /**
+     * If both `left` and `right` are set, defaults to `both`. If only one side,
+     * mode is derived unless overridden.
+     */
+    mode?: RevealMode;
+    actionWidthLeft?: number;
+    actionWidthRight?: number;
+    classNames?: RevealRowClassNames;
+    /** @default true */
+    showHandle?: boolean;
+    /** Replaces the built-in drag affordance. */
+    handle?: ReactNode;
+    /**
+     * Where the handle sits in the main row. Default: `start` in `left` mode,
+     * `end` otherwise.
+     */
+    handlePosition?: RevealHandlePosition;
+    handleTitle?: string;
+    /** Shown in screen-reader text when using the default drag handle. */
+    handleAriaLabel?: string;
+    /** Fires when the settled position changes. */
+    onRevealChange?: (position: RevealPosition) => void;
+    onScroll?: (event: UIEvent<HTMLDivElement>) => void;
+    /** Resets to closed; default true. */
+    resetWhenDisabled?: boolean;
+    disabled?: boolean;
+    /**
+     * When true, snaps back to the closed position (e.g. row became active/selected
+     * elsewhere in the list).
+     */
+    isActive?: boolean;
+    className?: string;
+    style?: CSSProperties;
+};
+
+/**
+ * Map horizontal scroll position to a logical "revealed" state.
+ * `wL` / `wR` are the fixed action column widths; `maxScroll` is
+ * `Math.max(0, scrollWidth - clientWidth)`.
+ */
+declare function getRevealFromScroll(scrollLeft: number, maxScroll: number, wL: number, wR: number, mode: RevealMode): RevealPosition;
+/** "Closed" / resting scrollLeft for a mode (main panel only). */
+declare function getScrollClosed(wL: number, _wR: number, _maxScroll: number, mode: RevealMode): number;
+
+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 };

package/dist/index.js

@@ -0,0 +1,390 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  REVEAL_HANDLE_POSITION: () => REVEAL_HANDLE_POSITION,
+  REVEAL_MODE: () => REVEAL_MODE,
+  REVEAL_POSITION: () => REVEAL_POSITION,
+  RevealRow: () => RevealRow,
+  getRevealFromScroll: () => getRevealFromScroll,
+  getScrollClosed: () => getScrollClosed
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/types.ts
+var REVEAL_MODE = {
+  left: "left",
+  right: "right",
+  both: "both"
+};
+var REVEAL_POSITION = {
+  left: "left",
+  center: "center",
+  right: "right"
+};
+var REVEAL_HANDLE_POSITION = {
+  start: "start",
+  end: "end"
+};
+
+// src/getRevealFromScroll.ts
+function getRevealFromScroll(scrollLeft, maxScroll, wL, wR, mode) {
+  if (mode === REVEAL_MODE.right) {
+    if (maxScroll <= 0) return REVEAL_POSITION.center;
+    return scrollLeft < wR / 2 ? REVEAL_POSITION.center : REVEAL_POSITION.right;
+  }
+  if (mode === REVEAL_MODE.left) {
+    if (maxScroll <= 0) return REVEAL_POSITION.center;
+    return scrollLeft < wL / 2 ? REVEAL_POSITION.left : REVEAL_POSITION.center;
+  }
+  if (maxScroll <= 0) return REVEAL_POSITION.center;
+  if (scrollLeft < wL / 2) return REVEAL_POSITION.left;
+  if (scrollLeft > maxScroll - wR / 2) return REVEAL_POSITION.right;
+  return REVEAL_POSITION.center;
+}
+function getScrollClosed(wL, _wR, _maxScroll, mode) {
+  if (mode === REVEAL_MODE.right) return 0;
+  return wL;
+}
+
+// src/RevealRow.tsx
+var import_react = require("react");
+
+// src/DefaultHandleIcon.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function DefaultHandleIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      width: 16,
+      height: 16,
+      viewBox: "0 0 16 16",
+      fill: "currentColor",
+      "aria-hidden": true,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "6", cy: "4", r: "1.2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "10", cy: "4", r: "1.2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "6", cy: "8", r: "1.2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "10", cy: "8", r: "1.2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "6", cy: "12", r: "1.2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "10", cy: "12", r: "1.2" })
+      ]
+    }
+  );
+}
+
+// src/RevealRow.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function cx(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+function getMaxScroll(el) {
+  return Math.max(0, el.scrollWidth - el.clientWidth);
+}
+function resolveMode(left, right, mode) {
+  if (mode) return mode;
+  if (left != null && right != null) return REVEAL_MODE.both;
+  if (left != null) return REVEAL_MODE.left;
+  return REVEAL_MODE.right;
+}
+var SCROLL_REVEAL_DEBOUNCE_MS = 64;
+var restEpsilon = 2;
+var rootScrollStyle = {
+  display: "grid",
+  overflowX: "auto",
+  scrollSnapType: "x mandatory",
+  scrollbarWidth: "none",
+  WebkitOverflowScrolling: "touch",
+  overscrollBehaviorX: "contain",
+  touchAction: "pan-x pan-y"
+};
+var snapStart = { scrollSnapAlign: "start" };
+var snapEnd = { scrollSnapAlign: "end" };
+function RevealRowInner({
+  children,
+  left,
+  right,
+  mode: modeProp,
+  actionWidthLeft: wLIn,
+  actionWidthRight: wRIn,
+  classNames = {},
+  showHandle = true,
+  handle: handleOverride,
+  handlePosition: handlePositionProp,
+  handleTitle = "Drag horizontally to show actions",
+  handleAriaLabel = "Drag horizontally to show actions",
+  onRevealChange,
+  onScroll: onScrollProp,
+  resetWhenDisabled = true,
+  disabled = false,
+  isActive = false,
+  className,
+  style,
+  forwardedRef
+}) {
+  const mode = resolveMode(left, right, modeProp);
+  const hasL = mode === REVEAL_MODE.left || mode === REVEAL_MODE.both;
+  const hasR = mode === REVEAL_MODE.right || mode === REVEAL_MODE.both;
+  const wL = hasL ? wLIn ?? 88 : 0;
+  const wR = hasR ? wRIn ?? 88 : 0;
+  const handlePosition = handlePositionProp ?? (mode === REVEAL_MODE.left ? REVEAL_HANDLE_POSITION.start : REVEAL_HANDLE_POSITION.end);
+  const containerRef = (0, import_react.useRef)(null);
+  const leftRef = (0, import_react.useRef)(null);
+  const rightRef = (0, import_react.useRef)(null);
+  const lastEmitted = (0, import_react.useRef)(null);
+  const swipedRef = (0, import_react.useRef)(false);
+  const debounceTimer = (0, import_react.useRef)(null);
+  const hasAppliedInitialScroll = (0, import_react.useRef)(false);
+  const readPosition = (0, import_react.useCallback)(() => {
+    const el = containerRef.current;
+    if (!el) return REVEAL_POSITION.center;
+    return getRevealFromScroll(el.scrollLeft, getMaxScroll(el), wL, wR, mode);
+  }, [wL, wR, mode]);
+  const emitReveal = (0, import_react.useCallback)(
+    (position) => {
+      if (lastEmitted.current === position) return;
+      lastEmitted.current = position;
+      onRevealChange?.(position);
+    },
+    [onRevealChange]
+  );
+  const scrollToClosed = (0, import_react.useCallback)(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const m = getMaxScroll(el);
+    const closed = getScrollClosed(wL, wR, m, mode);
+    el.scrollLeft = closed;
+  }, [wL, wR, mode]);
+  (0, import_react.useImperativeHandle)(
+    forwardedRef,
+    () => ({
+      close: () => {
+        scrollToClosed();
+        const p = readPosition();
+        if (lastEmitted.current !== p) {
+          lastEmitted.current = p;
+          onRevealChange?.(p);
+        }
+      },
+      reveal: (position) => {
+        const el = containerRef.current;
+        if (!el) return;
+        const max = getMaxScroll(el);
+        if (position === REVEAL_POSITION.center) {
+          el.scrollLeft = getScrollClosed(wL, wR, max, mode);
+        } else if (position === REVEAL_POSITION.left && (mode === REVEAL_MODE.left || mode === REVEAL_MODE.both)) {
+          el.scrollLeft = 0;
+        } else if (position === REVEAL_POSITION.right && (mode === REVEAL_MODE.right || mode === REVEAL_MODE.both)) {
+          el.scrollLeft = max;
+        } else {
+          return;
+        }
+        const p = getRevealFromScroll(el.scrollLeft, max, wL, wR, mode);
+        lastEmitted.current = p;
+        onRevealChange?.(p);
+      }
+    }),
+    [mode, onRevealChange, readPosition, scrollToClosed, wL, wR]
+  );
+  (0, import_react.useLayoutEffect)(() => {
+    if (mode === REVEAL_MODE.right) {
+      return;
+    }
+    const el = containerRef.current;
+    if (!el) return;
+    if (!hasAppliedInitialScroll.current) {
+      el.scrollLeft = wL;
+      hasAppliedInitialScroll.current = true;
+    }
+  }, [mode, wL]);
+  (0, import_react.useEffect)(() => {
+    if (disabled && resetWhenDisabled) {
+      hasAppliedInitialScroll.current = true;
+      scrollToClosed();
+      emitReveal(readPosition());
+    }
+  }, [disabled, emitReveal, readPosition, resetWhenDisabled, scrollToClosed]);
+  (0, import_react.useEffect)(() => {
+    if (isActive) {
+      hasAppliedInitialScroll.current = true;
+      scrollToClosed();
+      emitReveal(readPosition());
+    }
+  }, [emitReveal, isActive, readPosition, scrollToClosed]);
+  (0, import_react.useEffect)(
+    () => () => {
+      if (debounceTimer.current) {
+        clearTimeout(debounceTimer.current);
+      }
+    },
+    []
+  );
+  const handleScroll = (0, import_react.useCallback)(
+    (e) => {
+      onScrollProp?.(e);
+      const el = containerRef.current;
+      if (!el) return;
+      const m = getMaxScroll(el);
+      const pos = getRevealFromScroll(el.scrollLeft, m, wL, wR, mode);
+      const closed = getScrollClosed(wL, wR, m, mode);
+      if (Math.abs(el.scrollLeft - closed) > restEpsilon) {
+        swipedRef.current = true;
+      }
+      if (debounceTimer.current) {
+        clearTimeout(debounceTimer.current);
+      }
+      debounceTimer.current = setTimeout(() => {
+        debounceTimer.current = null;
+        emitReveal(pos);
+      }, SCROLL_REVEAL_DEBOUNCE_MS);
+    },
+    [emitReveal, mode, onScrollProp, wL, wR]
+  );
+  const onClickCapture = (0, import_react.useCallback)((e) => {
+    const t = e.target;
+    if (t) {
+      if (leftRef.current?.contains(t) || rightRef.current?.contains(t)) {
+        return;
+      }
+    }
+    if (swipedRef.current) {
+      e.preventDefault();
+      e.stopPropagation();
+      swipedRef.current = false;
+    }
+  }, []);
+  const gridTemplateColumns = mode === REVEAL_MODE.right ? `100% ${wR}px` : mode === REVEAL_MODE.left ? `${wL}px 100%` : `${wL}px 100% ${wR}px`;
+  const handleContent = showHandle ? handleOverride !== void 0 ? handleOverride : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "span",
+      {
+        className: "sr-only",
+        style: {
+          position: "absolute",
+          width: 1,
+          height: 1,
+          padding: 0,
+          margin: -1,
+          overflow: "hidden",
+          clip: "rect(0,0,0,0)",
+          border: 0
+        },
+        children: handleAriaLabel
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: classNames.handleIcon, "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DefaultHandleIcon, {}) })
+  ] }) : null;
+  const handleStrip = showHandle ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      role: "presentation",
+      className: classNames.handleContainer,
+      "data-reveal-row-handle": true,
+      style: { flexShrink: 0, alignSelf: "stretch", display: "flex", alignItems: "center" },
+      title: handleOverride === void 0 ? handleTitle : void 0,
+      children: handleContent
+    }
+  ) : null;
+  const mainColumn = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      className: classNames.main,
+      "data-reveal-row-main": true,
+      style: {
+        ...snapStart,
+        minWidth: 0,
+        width: "100%",
+        maxWidth: "100%",
+        boxSizing: "border-box"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        "div",
+        {
+          className: classNames.mainInner,
+          style: {
+            display: "flex",
+            minWidth: 0,
+            width: "100%",
+            alignItems: "flex-start"
+          },
+          children: [
+            handlePosition === REVEAL_HANDLE_POSITION.start && handleStrip,
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { minWidth: 0, flex: 1, flexBasis: 0 }, children }),
+            handlePosition === REVEAL_HANDLE_POSITION.end && handleStrip
+          ]
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      ref: containerRef,
+      "data-reveal-mode": mode,
+      className: cx(classNames.root, className),
+      onScroll: handleScroll,
+      onClickCapture,
+      style: {
+        ...rootScrollStyle,
+        ...style,
+        gridTemplateColumns
+      },
+      children: [
+        hasL ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "div",
+          {
+            ref: leftRef,
+            className: classNames.left,
+            "data-reveal-row-left": true,
+            style: { ...snapStart, minWidth: 0, width: wL },
+            children: left
+          }
+        ) : null,
+        mainColumn,
+        hasR ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "div",
+          {
+            ref: rightRef,
+            className: classNames.right,
+            "data-reveal-row-right": true,
+            style: { ...snapEnd, minWidth: 0, width: wR },
+            children: right
+          }
+        ) : null
+      ]
+    }
+  );
+}
+var RevealRow = (0, import_react.forwardRef)(
+  function RevealRow2(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RevealRowInner, { ...props, forwardedRef: ref });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  REVEAL_HANDLE_POSITION,
+  REVEAL_MODE,
+  REVEAL_POSITION,
+  RevealRow,
+  getRevealFromScroll,
+  getScrollClosed
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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={{ flexShrink: 0, alignSelf: 'stretch', display: 'flex', alignItems: 'center' }}\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      <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

@@ -0,0 +1,365 @@
+// src/types.ts
+var REVEAL_MODE = {
+  left: "left",
+  right: "right",
+  both: "both"
+};
+var REVEAL_POSITION = {
+  left: "left",
+  center: "center",
+  right: "right"
+};
+var REVEAL_HANDLE_POSITION = {
+  start: "start",
+  end: "end"
+};
+
+// src/getRevealFromScroll.ts
+function getRevealFromScroll(scrollLeft, maxScroll, wL, wR, mode) {
+  if (mode === REVEAL_MODE.right) {
+    if (maxScroll <= 0) return REVEAL_POSITION.center;
+    return scrollLeft < wR / 2 ? REVEAL_POSITION.center : REVEAL_POSITION.right;
+  }
+  if (mode === REVEAL_MODE.left) {
+    if (maxScroll <= 0) return REVEAL_POSITION.center;
+    return scrollLeft < wL / 2 ? REVEAL_POSITION.left : REVEAL_POSITION.center;
+  }
+  if (maxScroll <= 0) return REVEAL_POSITION.center;
+  if (scrollLeft < wL / 2) return REVEAL_POSITION.left;
+  if (scrollLeft > maxScroll - wR / 2) return REVEAL_POSITION.right;
+  return REVEAL_POSITION.center;
+}
+function getScrollClosed(wL, _wR, _maxScroll, mode) {
+  if (mode === REVEAL_MODE.right) return 0;
+  return wL;
+}
+
+// src/RevealRow.tsx
+import {
+  forwardRef,
+  useCallback,
+  useEffect,
+  useImperativeHandle,
+  useLayoutEffect,
+  useRef
+} from "react";
+
+// src/DefaultHandleIcon.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function DefaultHandleIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: 16,
+      height: 16,
+      viewBox: "0 0 16 16",
+      fill: "currentColor",
+      "aria-hidden": true,
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "6", cy: "4", r: "1.2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "10", cy: "4", r: "1.2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "6", cy: "8", r: "1.2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "10", cy: "8", r: "1.2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "6", cy: "12", r: "1.2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "10", cy: "12", r: "1.2" })
+      ]
+    }
+  );
+}
+
+// src/RevealRow.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function cx(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+function getMaxScroll(el) {
+  return Math.max(0, el.scrollWidth - el.clientWidth);
+}
+function resolveMode(left, right, mode) {
+  if (mode) return mode;
+  if (left != null && right != null) return REVEAL_MODE.both;
+  if (left != null) return REVEAL_MODE.left;
+  return REVEAL_MODE.right;
+}
+var SCROLL_REVEAL_DEBOUNCE_MS = 64;
+var restEpsilon = 2;
+var rootScrollStyle = {
+  display: "grid",
+  overflowX: "auto",
+  scrollSnapType: "x mandatory",
+  scrollbarWidth: "none",
+  WebkitOverflowScrolling: "touch",
+  overscrollBehaviorX: "contain",
+  touchAction: "pan-x pan-y"
+};
+var snapStart = { scrollSnapAlign: "start" };
+var snapEnd = { scrollSnapAlign: "end" };
+function RevealRowInner({
+  children,
+  left,
+  right,
+  mode: modeProp,
+  actionWidthLeft: wLIn,
+  actionWidthRight: wRIn,
+  classNames = {},
+  showHandle = true,
+  handle: handleOverride,
+  handlePosition: handlePositionProp,
+  handleTitle = "Drag horizontally to show actions",
+  handleAriaLabel = "Drag horizontally to show actions",
+  onRevealChange,
+  onScroll: onScrollProp,
+  resetWhenDisabled = true,
+  disabled = false,
+  isActive = false,
+  className,
+  style,
+  forwardedRef
+}) {
+  const mode = resolveMode(left, right, modeProp);
+  const hasL = mode === REVEAL_MODE.left || mode === REVEAL_MODE.both;
+  const hasR = mode === REVEAL_MODE.right || mode === REVEAL_MODE.both;
+  const wL = hasL ? wLIn ?? 88 : 0;
+  const wR = hasR ? wRIn ?? 88 : 0;
+  const handlePosition = handlePositionProp ?? (mode === REVEAL_MODE.left ? REVEAL_HANDLE_POSITION.start : REVEAL_HANDLE_POSITION.end);
+  const containerRef = useRef(null);
+  const leftRef = useRef(null);
+  const rightRef = useRef(null);
+  const lastEmitted = useRef(null);
+  const swipedRef = useRef(false);
+  const debounceTimer = useRef(null);
+  const hasAppliedInitialScroll = useRef(false);
+  const readPosition = useCallback(() => {
+    const el = containerRef.current;
+    if (!el) return REVEAL_POSITION.center;
+    return getRevealFromScroll(el.scrollLeft, getMaxScroll(el), wL, wR, mode);
+  }, [wL, wR, mode]);
+  const emitReveal = useCallback(
+    (position) => {
+      if (lastEmitted.current === position) return;
+      lastEmitted.current = position;
+      onRevealChange?.(position);
+    },
+    [onRevealChange]
+  );
+  const scrollToClosed = useCallback(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const m = getMaxScroll(el);
+    const closed = getScrollClosed(wL, wR, m, mode);
+    el.scrollLeft = closed;
+  }, [wL, wR, mode]);
+  useImperativeHandle(
+    forwardedRef,
+    () => ({
+      close: () => {
+        scrollToClosed();
+        const p = readPosition();
+        if (lastEmitted.current !== p) {
+          lastEmitted.current = p;
+          onRevealChange?.(p);
+        }
+      },
+      reveal: (position) => {
+        const el = containerRef.current;
+        if (!el) return;
+        const max = getMaxScroll(el);
+        if (position === REVEAL_POSITION.center) {
+          el.scrollLeft = getScrollClosed(wL, wR, max, mode);
+        } else if (position === REVEAL_POSITION.left && (mode === REVEAL_MODE.left || mode === REVEAL_MODE.both)) {
+          el.scrollLeft = 0;
+        } else if (position === REVEAL_POSITION.right && (mode === REVEAL_MODE.right || mode === REVEAL_MODE.both)) {
+          el.scrollLeft = max;
+        } else {
+          return;
+        }
+        const p = getRevealFromScroll(el.scrollLeft, max, wL, wR, mode);
+        lastEmitted.current = p;
+        onRevealChange?.(p);
+      }
+    }),
+    [mode, onRevealChange, readPosition, scrollToClosed, wL, wR]
+  );
+  useLayoutEffect(() => {
+    if (mode === REVEAL_MODE.right) {
+      return;
+    }
+    const el = containerRef.current;
+    if (!el) return;
+    if (!hasAppliedInitialScroll.current) {
+      el.scrollLeft = wL;
+      hasAppliedInitialScroll.current = true;
+    }
+  }, [mode, wL]);
+  useEffect(() => {
+    if (disabled && resetWhenDisabled) {
+      hasAppliedInitialScroll.current = true;
+      scrollToClosed();
+      emitReveal(readPosition());
+    }
+  }, [disabled, emitReveal, readPosition, resetWhenDisabled, scrollToClosed]);
+  useEffect(() => {
+    if (isActive) {
+      hasAppliedInitialScroll.current = true;
+      scrollToClosed();
+      emitReveal(readPosition());
+    }
+  }, [emitReveal, isActive, readPosition, scrollToClosed]);
+  useEffect(
+    () => () => {
+      if (debounceTimer.current) {
+        clearTimeout(debounceTimer.current);
+      }
+    },
+    []
+  );
+  const handleScroll = useCallback(
+    (e) => {
+      onScrollProp?.(e);
+      const el = containerRef.current;
+      if (!el) return;
+      const m = getMaxScroll(el);
+      const pos = getRevealFromScroll(el.scrollLeft, m, wL, wR, mode);
+      const closed = getScrollClosed(wL, wR, m, mode);
+      if (Math.abs(el.scrollLeft - closed) > restEpsilon) {
+        swipedRef.current = true;
+      }
+      if (debounceTimer.current) {
+        clearTimeout(debounceTimer.current);
+      }
+      debounceTimer.current = setTimeout(() => {
+        debounceTimer.current = null;
+        emitReveal(pos);
+      }, SCROLL_REVEAL_DEBOUNCE_MS);
+    },
+    [emitReveal, mode, onScrollProp, wL, wR]
+  );
+  const onClickCapture = useCallback((e) => {
+    const t = e.target;
+    if (t) {
+      if (leftRef.current?.contains(t) || rightRef.current?.contains(t)) {
+        return;
+      }
+    }
+    if (swipedRef.current) {
+      e.preventDefault();
+      e.stopPropagation();
+      swipedRef.current = false;
+    }
+  }, []);
+  const gridTemplateColumns = mode === REVEAL_MODE.right ? `100% ${wR}px` : mode === REVEAL_MODE.left ? `${wL}px 100%` : `${wL}px 100% ${wR}px`;
+  const handleContent = showHandle ? handleOverride !== void 0 ? handleOverride : /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2(
+      "span",
+      {
+        className: "sr-only",
+        style: {
+          position: "absolute",
+          width: 1,
+          height: 1,
+          padding: 0,
+          margin: -1,
+          overflow: "hidden",
+          clip: "rect(0,0,0,0)",
+          border: 0
+        },
+        children: handleAriaLabel
+      }
+    ),
+    /* @__PURE__ */ jsx2("span", { className: classNames.handleIcon, "aria-hidden": true, children: /* @__PURE__ */ jsx2(DefaultHandleIcon, {}) })
+  ] }) : null;
+  const handleStrip = showHandle ? /* @__PURE__ */ jsx2(
+    "div",
+    {
+      role: "presentation",
+      className: classNames.handleContainer,
+      "data-reveal-row-handle": true,
+      style: { flexShrink: 0, alignSelf: "stretch", display: "flex", alignItems: "center" },
+      title: handleOverride === void 0 ? handleTitle : void 0,
+      children: handleContent
+    }
+  ) : null;
+  const mainColumn = /* @__PURE__ */ jsx2(
+    "div",
+    {
+      className: classNames.main,
+      "data-reveal-row-main": true,
+      style: {
+        ...snapStart,
+        minWidth: 0,
+        width: "100%",
+        maxWidth: "100%",
+        boxSizing: "border-box"
+      },
+      children: /* @__PURE__ */ jsxs2(
+        "div",
+        {
+          className: classNames.mainInner,
+          style: {
+            display: "flex",
+            minWidth: 0,
+            width: "100%",
+            alignItems: "flex-start"
+          },
+          children: [
+            handlePosition === REVEAL_HANDLE_POSITION.start && handleStrip,
+            /* @__PURE__ */ jsx2("div", { style: { minWidth: 0, flex: 1, flexBasis: 0 }, children }),
+            handlePosition === REVEAL_HANDLE_POSITION.end && handleStrip
+          ]
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      ref: containerRef,
+      "data-reveal-mode": mode,
+      className: cx(classNames.root, className),
+      onScroll: handleScroll,
+      onClickCapture,
+      style: {
+        ...rootScrollStyle,
+        ...style,
+        gridTemplateColumns
+      },
+      children: [
+        hasL ? /* @__PURE__ */ jsx2(
+          "div",
+          {
+            ref: leftRef,
+            className: classNames.left,
+            "data-reveal-row-left": true,
+            style: { ...snapStart, minWidth: 0, width: wL },
+            children: left
+          }
+        ) : null,
+        mainColumn,
+        hasR ? /* @__PURE__ */ jsx2(
+          "div",
+          {
+            ref: rightRef,
+            className: classNames.right,
+            "data-reveal-row-right": true,
+            style: { ...snapEnd, minWidth: 0, width: wR },
+            children: right
+          }
+        ) : null
+      ]
+    }
+  );
+}
+var RevealRow = forwardRef(
+  function RevealRow2(props, ref) {
+    return /* @__PURE__ */ jsx2(RevealRowInner, { ...props, forwardedRef: ref });
+  }
+);
+export {
+  REVEAL_HANDLE_POSITION,
+  REVEAL_MODE,
+  REVEAL_POSITION,
+  RevealRow,
+  getRevealFromScroll,
+  getScrollClosed
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +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={{ flexShrink: 0, alignSelf: 'stretch', display: 'flex', alignItems: 'center' }}\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      <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

@@ -0,0 +1,72 @@
+{
+  "name": "@present-day/reveal-row",
+  "version": "0.1.0",
+  "description": "Horizontal scroll-to-reveal row for actions on the left, right, or both sides",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "packageManager": "bun@1.1.42",
+  "scripts": {
+    "playground": "vite --config playground/vite.config.ts",
+    "playground:build": "vite build --config playground/vite.config.ts",
+    "playground:preview": "vite preview --config playground/vite.config.ts",
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "biome check .",
+    "format": "biome check --write .",
+    "type-check": "tsc --noEmit",
+    "test": "bun --bun vitest run",
+    "test:coverage": "bun --bun vitest run --coverage",
+    "test:watch": "bun --bun vitest"
+  },
+  "keywords": [
+    "react",
+    "reveal",
+    "swipe",
+    "scroll",
+    "list-row",
+    "actions",
+    "mobile"
+  ],
+  "author": "Present Day",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/present-day/reveal-row.git"
+  },
+  "bugs": {
+    "url": "https://github.com/present-day/reveal-row/issues"
+  },
+  "homepage": "https://github.com/present-day/reveal-row#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^2.4.13",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/coverage-istanbul": "^4.1.5",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "tsup": "^8.5.1",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.10",
+    "vitest": "^4.1.5"
+  }
+}