@seekalfred/primitives 0.6.0 → 0.7.3

package/dist/swipe-actions/swipe-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipe-actions.js","names":["AriaButton","Menu","MenuItem"],"sources":["../../src/swipe-actions/swipe-actions.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Children,\n  createContext,\n  Fragment,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type Dispatch,\n  type MouseEvent as ReactMouseEvent,\n  type PointerEvent as ReactPointerEvent,\n  type ReactElement,\n  type ReactNode,\n  type SetStateAction,\n} from \"react\";\nimport { Button as AriaButton } from \"react-aria-components\";\n\nimport { cn, cnAll } from \"../lib/cn.js\";\nimport { useLeavingList } from \"../lib/leaving-list.js\";\nimport { Menu, MenuItem, MenuTrigger } from \"../menu/menu.js\";\nimport { prefersReducedMotion, useExitBackstop, useIsomorphicLayoutEffect } from \"../lib/motion.js\";\nimport { live, MORPH, retarget, SMOOTH, SNAPPY } from \"../lib/spring-tween.js\";\n\nexport interface SwipeAction {\n  /** Names the action: under its icon when revealed, and in the row's More actions menu. */\n  label: string;\n  icon: ReactNode;\n  /** The fill of the revealed action. Pair `destructive` with a label that names the destructive result. @default \"neutral\" */\n  tone?: \"neutral\" | \"primary\" | \"destructive\";\n  /** Runs for a full swipe, a tap on the revealed action, or the More actions menu. Remove the item here unless `keepRow` is set. */\n  onSelect: () => void;\n  /** The row springs home after the action instead of sliding away, for actions such as Mark as unread. */\n  keepRow?: boolean;\n}\n\nexport interface SwipeActionsProps {\n  /** Names the list. */\n  label: string;\n  /** `SwipeActionsRow`s, each with a stable `key`: a row that is removed slides out and the list closes the gap. */\n  children: ReactNode;\n  /** Extra classes for the list's frame. Merged last. */\n  className?: string;\n}\n\n/** One row. `leading` actions sit under the left edge and `trailing` ones under the right; the outermost on each side commits on a full swipe. */\nexport interface SwipeActionsRowProps {\n  /** Names the row in its menu button, for example the message subject. */\n  label: string;\n  leading?: SwipeAction[];\n  trailing?: SwipeAction[];\n  /** Lets a long swipe commit the outermost action without a tap. @default true */\n  fullSwipe?: boolean;\n  children: ReactNode;\n  /** Extra classes for the row's content. Merged last. */\n  className?: string;\n}\n\ntype Side = \"leading\" | \"trailing\";\n\ninterface Group {\n  openId: string | null;\n  setOpenId: Dispatch<SetStateAction<string | null>>;\n  rows: Map<string, HTMLElement>;\n}\n\n/** What a list tells one of its rows: that it was removed and is on its way out, and that it arrived after the first render. */\ninterface RowState {\n  id: string;\n  leaving: boolean;\n  fresh: boolean;\n  done: (id: string) => void;\n}\n\ninterface Drag {\n  pointer: number;\n  type: string;\n  startX: number;\n  startY: number;\n  origin: number;\n  locked: \"x\" | \"y\" | null;\n  samples: [number, number][];\n}\n\ninterface LayerParts {\n  layer: HTMLElement;\n  anchor: HTMLElement | null;\n  icon: HTMLElement | null;\n  label: HTMLElement | null;\n}\n\n/** Width of one action while a row rests open. */\nconst ACTION = 76;\n/** Movement before a press is read as a swipe or handed to the page as a scroll. */\nconst SLOP = 8;\n/** Seconds of travel projected from the release velocity, roughly a 0.99 deceleration rate. */\nconst PROJECTION = 0.1;\n/** Release speed in px/s that counts as a flick. */\nconst FLICK = 900;\n/** The longest a leaving row's collapse takes, plus a margin, for the backstop that removes a row whose transition never ends. */\nconst COLLAPSE_BACKSTOP = 1300;\n/** How long a committed row waits for its list to remove it before it comes back. */\nconst RESTORE_MS = 1400;\n\nconst clamp01 = (value: number) => Math.min(1, Math.max(0, value));\n/** Past its last stop the row still follows, but every pixel costs more, like pulling against elastic. */\nconst rubberBand = (overshoot: number, dimension: number) =>\n  (1 - 1 / ((overshoot * 0.55) / dimension + 1)) * dimension;\nconst sideOf = (value: number): Side | null =>\n  value > 0 ? \"leading\" : value < 0 ? \"trailing\" : null;\n\nconst GroupContext = createContext<Group>({ openId: null, setOpenId: () => {}, rows: new Map() });\nconst RowStateContext = createContext<RowState | null>(null);\n\nfunction velocityOf(samples: [number, number][]) {\n  const last = samples[samples.length - 1];\n  if (!last) return 0;\n  const first = samples.find((sample) => last[0] - sample[0] <= 80) ?? last;\n  const elapsed = (last[0] - first[0]) / 1000;\n  return elapsed > 0 ? (last[1] - first[1]) / elapsed : 0;\n}\n\n/**\n * A list whose rows reveal actions on a horizontal swipe, the way a mail inbox does. Use\n * it for short lists where people triage items quickly.\n *\n * Only one row stays open at a time; touching anywhere else or pressing Escape puts it\n * away. Every row also has a More actions menu with the same actions, so keyboard,\n * screen reader and single-pointer users never need the gesture. A row that is removed\n * slides out and the list closes the gap; a row added later opens its height.\n *\n * Reduced motion: rows jump to where the finger leaves them, and removal is immediate.\n *\n * @example\n * <SwipeActions label=\"Inbox\">\n *   {mails.map((mail) => (\n *     <SwipeActionsRow key={mail.id} label={mail.subject} trailing={[archive, trash]}>\n *       {mail.subject}\n *     </SwipeActionsRow>\n *   ))}\n * </SwipeActions>\n */\nexport function SwipeActions({ label, children, className }: SwipeActionsProps) {\n  const [openId, setOpenId] = useState<string | null>(null);\n  const [rows] = useState(() => new Map<string, HTMLElement>());\n\n  useEffect(() => {\n    if (!openId) return;\n    const onPointerDown = (event: PointerEvent) => {\n      const row = rows.get(openId);\n      if (row && event.target instanceof Node && row.contains(event.target)) return;\n      setOpenId(null);\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") setOpenId(null);\n    };\n    document.addEventListener(\"pointerdown\", onPointerDown, true);\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      document.removeEventListener(\"pointerdown\", onPointerDown, true);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [openId, rows]);\n\n  const group = useMemo(() => ({ openId, setOpenId, rows }), [openId, rows]);\n\n  // A removed row stays on screen, collapsing, until its exit ends.\n  const items = Children.toArray(children).filter((child): child is ReactElement =>\n    isValidElement(child),\n  );\n  const { list, done: leaveDone } = useLeavingList(\n    items.map((node) => ({ id: String(node.key), node })),\n  );\n  // The rows there at first render never animate in; one that arrives later opens its height.\n  const [initial] = useState(() => new Set(items.map((node) => String(node.key))));\n  const [ready, setReady] = useState(false);\n  useIsomorphicLayoutEffect(() => {\n    const frame = requestAnimationFrame(() => setReady(true));\n    return () => cancelAnimationFrame(frame);\n  }, []);\n  const done = useCallback(\n    (id: string) => {\n      initial.delete(id);\n      leaveDone(id);\n    },\n    [initial, leaveDone],\n  );\n\n  return (\n    <GroupContext.Provider value={group}>\n      <div\n        data-slot=\"swipe-actions\"\n        className={cn(\n          \"swipe-actions-surface rounded-panel border-(length:--border-width) border-border bg-surface font-sans text-foreground\",\n          className,\n        )}\n      >\n        <ul\n          role=\"list\"\n          aria-label={label}\n          tabIndex={-1}\n          className=\"m-0 -mb-px list-none p-0 outline-none\"\n        >\n          {list.map(({ item, leaving }) => (\n            <Fragment key={item.id}>\n              <RowStateContext.Provider\n                value={{ id: item.id, leaving, fresh: ready && !initial.has(item.id), done }}\n              >\n                {item.node}\n              </RowStateContext.Provider>\n            </Fragment>\n          ))}\n        </ul>\n      </div>\n    </GroupContext.Provider>\n  );\n}\n\nconst layerTone = {\n  neutral: \"bg-secondary text-secondary-foreground\",\n  primary: \"bg-primary text-primary-foreground\",\n  destructive: \"bg-destructive text-destructive-foreground\",\n} as const;\n\nconst iconOf = (action: SwipeAction) => (\n  <span\n    aria-hidden=\"true\"\n    data-swipe-icon=\"\"\n    className=\"inline-flex w-4 text-text-secondary [&_svg]:size-4\"\n  >\n    {action.icon}\n  </span>\n);\n\n/**\n * One row of a `SwipeActions` list. Drag it sideways to reveal its actions: they share the\n * revealed space, widen together past their resting width, and the outermost one stretches\n * over the whole row for a full swipe (a tick of haptics on touch devices). A flick opens,\n * commits or closes by its speed as well as its distance, and a row dragged past its last\n * stop pulls back against elastic.\n *\n * The row's More actions button opens a menu of the same actions: the way to use them\n * without a gesture.\n */\nexport function SwipeActionsRow({\n  label,\n  leading = [],\n  trailing = [],\n  fullSwipe = true,\n  children,\n  className,\n}: SwipeActionsRowProps) {\n  const { openId, setOpenId, rows } = useContext(GroupContext);\n  const state = useContext(RowStateContext);\n  const leaving = state?.leaving ?? false;\n  const id = useId();\n\n  const rowRef = useRef<HTMLLIElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const parts = useRef(new Map<string, LayerParts>());\n  // The row's position and the stretch of the covering action: script-driven values, never React state.\n  const motion = useRef({ x: live(0), cover: live(0) });\n  const covering = useRef<{ side: Side; index: number } | null>(null);\n  const width = useRef(0);\n  const drag = useRef<Drag | null>(null);\n  const armed = useRef(false);\n  const exiting = useRef(false);\n  const swallowClick = useRef(false);\n  const focusNeighbour = useRef(false);\n  const restoreTimer = useRef(0);\n  // Decided once, at this row's own mount: a row there at first render does not open in.\n  const [arrives] = useState(state?.fresh ?? false);\n  const latest = useRef({ leading, trailing, fullSwipe });\n  useIsomorphicLayoutEffect(() => {\n    latest.current = { leading, trailing, fullSwipe };\n  });\n\n  const actionsOf = (side: Side) => latest.current[side];\n  const openWidth = (side: Side) => actionsOf(side).length * ACTION;\n  const outermost = (side: Side) => (side === \"leading\" ? 0 : actionsOf(side).length - 1);\n  const canCommit = (side: Side) => latest.current.fullSwipe && actionsOf(side).length > 0;\n  const threshold = (side: Side) => Math.max(openWidth(side) + 48, width.current * 0.56);\n\n  /** Writes the row and every revealed action from `x` and `cover`. Called every frame; no React render. */\n  function paint() {\n    const content = contentRef.current;\n    if (!content) return;\n    const value = motion.current.x.value;\n    const progress = motion.current.cover.value;\n    content.style.transform = value === 0 ? \"\" : `translate3d(${value}px, 0, 0)`;\n    for (const side of [\"leading\", \"trailing\"] as const) {\n      const direction = side === \"leading\" ? 1 : -1;\n      const count = actionsOf(side).length;\n      const covered = covering.current;\n      for (let index = 0; index < count; index++) {\n        const layer = parts.current.get(`${side}-${index}`);\n        if (!layer) continue;\n        const rank = side === \"leading\" ? count - 1 - index : index;\n        const coverRank =\n          covered?.side === side\n            ? side === \"leading\"\n              ? count - 1 - covered.index\n              : covered.index\n            : null;\n        const revealed = Math.max(0, value * direction);\n        const segment = revealed / count;\n        // The distance from the row's outer edge to this layer's inner edge.\n        const base = ((count - rank) * revealed) / count;\n        const inset =\n          coverRank === rank\n            ? base + progress * (revealed - base)\n            : coverRank !== null && rank > coverRank\n              ? base * (1 - progress)\n              : base;\n        layer.layer.style.transform = `translate3d(${direction * inset}px, 0, 0)`;\n        // The glyph rides the centre of its share, then hugs the content edge while this action covers the row.\n        const glyph =\n          coverRank === rank ? segment / 2 + progress * (ACTION / 2 - segment / 2) : segment / 2;\n        if (layer.anchor)\n          layer.anchor.style.transform = `translate3d(${-direction * glyph}px, 0, 0)`;\n        const reveal = (own: number) =>\n          coverRank === rank\n            ? Math.max(own, progress)\n            : coverRank === null\n              ? own\n              : own * (1 - progress);\n        const icon = reveal(clamp01((segment - ACTION * 0.25) / (ACTION * 0.55)));\n        const text = reveal(clamp01((segment - ACTION * 0.72) / (ACTION * 0.24)));\n        if (layer.icon) {\n          layer.icon.style.opacity = String(icon);\n          layer.icon.style.scale = String(0.6 + 0.4 * icon);\n        }\n        if (layer.label) layer.label.style.opacity = String(text);\n      }\n    }\n  }\n\n  function stretchTo(value: number) {\n    retarget(motion.current.cover, value, MORPH, paint);\n  }\n\n  /** Springs the row to a stop. Under reduced motion it snaps. */\n  function settle(target: number) {\n    if (armed.current || (target !== 0 && motion.current.cover.value !== 0)) stretchTo(0);\n    armed.current = false;\n    retarget(motion.current.x, target, target === 0 ? SMOOTH : SNAPPY, paint, 0, () => {\n      if (target === 0) {\n        motion.current.cover.stop();\n        motion.current.cover.value = 0;\n        paint();\n      }\n    });\n    if (target === 0) setOpenId((current) => (current === id ? null : current));\n    else setOpenId(id);\n  }\n\n  /** The chosen action stretches over the whole row while the row leaves in its direction; the list then closes the gap. */\n  function commit(side: Side, index: number) {\n    const action = actionsOf(side)[index];\n    if (!action || exiting.current) return;\n    const direction = side === \"leading\" ? 1 : -1;\n    armed.current = false;\n    covering.current = { side, index };\n    stretchTo(1);\n    if (action.keepRow) {\n      action.onSelect();\n      settle(0);\n      return;\n    }\n    exiting.current = true;\n    const row = rowRef.current;\n    if (row) row.dataset.removing = \"\";\n    retarget(motion.current.x, direction * (width.current + 2), SMOOTH, paint);\n    setOpenId((current) => (current === id ? null : current));\n    action.onSelect();\n    // A list that keeps the item gets its row back instead of an empty band of colour.\n    window.clearTimeout(restoreTimer.current);\n    restoreTimer.current = window.setTimeout(comeBack, RESTORE_MS);\n  }\n\n  function comeBack() {\n    if (!exiting.current) return;\n    exiting.current = false;\n    delete rowRef.current?.dataset.removing;\n    settle(0);\n  }\n\n  function arm(value: number, pointerType: string) {\n    const side = sideOf(value);\n    const limit = side ? threshold(side) : Infinity;\n    const next =\n      !!side && canCommit(side) && Math.abs(value) > (armed.current ? limit - 20 : limit);\n    if (next === armed.current || !side) {\n      if (!side && armed.current) {\n        armed.current = false;\n        stretchTo(0);\n      }\n      return;\n    }\n    armed.current = next;\n    if (next) {\n      covering.current = { side, index: outermost(side) };\n      if (pointerType === \"touch\") navigator.vibrate?.(8);\n    }\n    stretchTo(next ? 1 : 0);\n  }\n\n  function constrain(raw: number) {\n    const side = sideOf(raw);\n    if (!side) return 0;\n    const dimension = width.current || 320;\n    const limit = actionsOf(side).length === 0 ? 0 : canCommit(side) ? dimension : openWidth(side);\n    const distance = Math.abs(raw);\n    return (\n      Math.sign(raw) *\n      (distance <= limit ? distance : limit + rubberBand(distance - limit, dimension))\n    );\n  }\n\n  function release(velocity: number) {\n    const value = motion.current.x.value;\n    const side = sideOf(value);\n    if (!side || actionsOf(side).length === 0) {\n      settle(0);\n      return;\n    }\n    const direction = side === \"leading\" ? 1 : -1;\n    const distance = Math.abs(value);\n    const outward = velocity * direction;\n    const open = openWidth(side);\n    const projected = distance + outward * PROJECTION;\n    const flung = distance > open && outward > FLICK && projected > threshold(side);\n    // A flick back toward home cancels an armed full swipe.\n    if (canCommit(side) && ((armed.current && outward > -FLICK) || flung)) {\n      commit(side, outermost(side));\n      return;\n    }\n    settle(projected > open / 2 ? direction * open : 0);\n  }\n\n  function onPointerDown(event: ReactPointerEvent<HTMLDivElement>) {\n    swallowClick.current = false;\n    // The More button is a button, not a handle.\n    if ((event.target as HTMLElement).closest(\"[data-swipe-more]\")) return;\n    if (\n      exiting.current ||\n      !event.isPrimary ||\n      (event.pointerType === \"mouse\" && event.button !== 0)\n    )\n      return;\n    // Catch the row mid-flight: the next move retargets from wherever it is now.\n    motion.current.x.stop();\n    drag.current = {\n      pointer: event.pointerId,\n      type: event.pointerType,\n      startX: event.clientX,\n      startY: event.clientY,\n      origin: motion.current.x.value,\n      locked: null,\n      samples: [[event.timeStamp, event.clientX]],\n    };\n  }\n\n  function onPointerMove(event: ReactPointerEvent<HTMLDivElement>) {\n    const current = drag.current;\n    if (!current || current.pointer !== event.pointerId || current.locked === \"y\") return;\n    if (!current.locked) {\n      const dx = event.clientX - current.startX;\n      const dy = event.clientY - current.startY;\n      if (Math.hypot(dx, dy) < SLOP) return;\n      if (Math.abs(dy) > Math.abs(dx)) {\n        current.locked = \"y\";\n        return;\n      }\n      // Measure from here, so crossing the slop never jumps the row.\n      current.locked = \"x\";\n      current.startX = event.clientX;\n      try {\n        event.currentTarget.setPointerCapture(event.pointerId);\n      } catch {\n        // A pointer the browser is not tracking (a synthetic one) cannot be captured; the row follows it all the same.\n      }\n      if (rowRef.current) rowRef.current.dataset.dragging = \"\";\n      setOpenId(id);\n    }\n    const value = constrain(current.origin + event.clientX - current.startX);\n    motion.current.x.value = value;\n    paint();\n    current.samples.push([event.timeStamp, event.clientX]);\n    if (current.samples.length > 12) current.samples.shift();\n    arm(value, current.type);\n  }\n\n  function onPointerEnd(event: ReactPointerEvent<HTMLDivElement>) {\n    const current = drag.current;\n    if (!current || current.pointer !== event.pointerId) return;\n    drag.current = null;\n    if (current.locked === \"x\") {\n      swallowClick.current = true;\n      if (rowRef.current) delete rowRef.current.dataset.dragging;\n      current.samples.push([event.timeStamp, event.clientX]);\n      release(event.type === \"pointercancel\" ? 0 : velocityOf(current.samples));\n      return;\n    }\n    // A tap on an open row closes it instead of acting on what is underneath.\n    if (current.locked === null && Math.abs(motion.current.x.value) > 0.5) {\n      swallowClick.current = true;\n      settle(0);\n    }\n  }\n\n  function onClickCapture(event: ReactMouseEvent<HTMLDivElement>) {\n    if (!swallowClick.current) return;\n    swallowClick.current = false;\n    event.preventDefault();\n    event.stopPropagation();\n  }\n\n  /** After an action removed this row, focus goes to the next row's menu button, so a keyboard user keeps their place. */\n  function moveFocusToNeighbour() {\n    const row = rowRef.current;\n    if (!row) return;\n    const staying = (step: \"nextElementSibling\" | \"previousElementSibling\") => {\n      let node = row[step];\n      while (\n        node instanceof HTMLElement &&\n        (\"removing\" in node.dataset || \"leaving\" in node.dataset)\n      )\n        node = node[step];\n      return node;\n    };\n    const neighbour = staying(\"nextElementSibling\") ?? staying(\"previousElementSibling\");\n    (neighbour?.querySelector<HTMLElement>(\"[data-swipe-more]\") ?? row.parentElement)?.focus({\n      preventScroll: true,\n    });\n  }\n\n  useEffect(() => {\n    const row = rowRef.current;\n    if (!row) return;\n    const { x, cover } = motion.current;\n    rows.set(id, row);\n    width.current = row.offsetWidth;\n    const observer = new ResizeObserver(([entry]) => {\n      if (entry) width.current = entry.contentRect.width;\n    });\n    observer.observe(row);\n    return () => {\n      observer.disconnect();\n      rows.delete(id);\n      window.clearTimeout(restoreTimer.current);\n      x.stop();\n      cover.stop();\n      setOpenId((current) => (current === id ? null : current));\n    };\n  }, [id, rows, setOpenId]);\n\n  // Another row opened, or someone touched outside: put this one away.\n  useEffect(() => {\n    if (\n      openId !== id &&\n      !exiting.current &&\n      drag.current?.locked !== \"x\" &&\n      motion.current.x.value !== 0\n    )\n      settle(0);\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- settle reads refs and live values only\n  }, [openId]);\n\n  // The list took the row away: it collapses in place. A row that comes back while it was leaving slides home.\n  const wasLeaving = useRef(false);\n  const gone = useCallback(() => state?.done(state.id), [state]);\n  useExitBackstop(leaving, gone, COLLAPSE_BACKSTOP);\n  useIsomorphicLayoutEffect(() => {\n    if (leaving) {\n      window.clearTimeout(restoreTimer.current);\n      wasLeaving.current = true;\n      // Reduced motion removes it at once: a transition that is switched off never ends.\n      if (prefersReducedMotion()) gone();\n    } else if (wasLeaving.current) {\n      wasLeaving.current = false;\n      exiting.current = false;\n      delete rowRef.current?.dataset.removing;\n      settle(0);\n    }\n  }, [leaving, gone]);\n\n  const menuItems = [\n    ...leading.map((action, index) => ({ action, side: \"leading\" as const, index })),\n    ...trailing.map((action, index) => ({ action, side: \"trailing\" as const, index })),\n  ];\n\n  return (\n    <li\n      ref={rowRef}\n      data-slot=\"swipe-actions-row\"\n      data-leaving={leaving || undefined}\n      data-fresh={arrives || undefined}\n      onTransitionEnd={(event) => {\n        if (leaving && event.target === event.currentTarget && event.propertyName === \"height\")\n          gone();\n      }}\n      className=\"swipe-actions-row\"\n      style={{ \"--swipe-action-width\": `${ACTION}px` } as CSSProperties}\n    >\n      {([\"leading\", \"trailing\"] as const).map((side) =>\n        (side === \"leading\" ? leading : trailing).map((action, index) => (\n          <button\n            key={`${side}-${index}`}\n            type=\"button\"\n            // The menu button is the accessible path, so the revealed copy stays out of the tab order and the accessibility tree.\n            tabIndex={-1}\n            aria-hidden=\"true\"\n            data-slot=\"swipe-actions-action\"\n            data-side={side}\n            ref={(node) => {\n              const key = `${side}-${index}`;\n              if (!node) {\n                parts.current.delete(key);\n                return;\n              }\n              parts.current.set(key, {\n                layer: node,\n                anchor: node.querySelector(\"[data-part=anchor]\"),\n                icon: node.querySelector(\"[data-part=icon]\"),\n                label: node.querySelector(\"[data-part=label]\"),\n              });\n            }}\n            onClick={() => commit(side, index)}\n            style={{ zIndex: (side === \"leading\" ? leading.length - 1 - index : index) + 1 }}\n            className={cnAll(\n              \"swipe-actions-layer border-0 p-0 font-sans\",\n              layerTone[action.tone ?? \"neutral\"],\n            )}\n          >\n            <span data-part=\"anchor\" className=\"swipe-actions-anchor\">\n              <span className=\"swipe-actions-glyph\">\n                <span data-part=\"icon\" className=\"grid place-items-center opacity-0 [&_svg]:size-5\">\n                  {action.icon}\n                </span>\n                <span\n                  data-part=\"label\"\n                  className=\"text-xs leading-(--leading-normal) font-medium whitespace-nowrap opacity-0\"\n                >\n                  {action.label}\n                </span>\n              </span>\n            </span>\n          </button>\n        )),\n      )}\n      <div\n        ref={contentRef}\n        data-slot=\"swipe-actions-content\"\n        onPointerDown={onPointerDown}\n        onPointerMove={onPointerMove}\n        onPointerUp={onPointerEnd}\n        onPointerCancel={onPointerEnd}\n        onClickCapture={onClickCapture}\n        className={cn(\"swipe-actions-content bg-surface\", className)}\n      >\n        <div className=\"min-w-0 flex-1\">{children}</div>\n        {menuItems.length > 0 ? (\n          <MenuTrigger\n            onOpenChange={(open) => {\n              if (open || !focusNeighbour.current) return;\n              focusNeighbour.current = false;\n              // The menu hands focus back to its button as it closes; this row is leaving, so the neighbour gets it after.\n              requestAnimationFrame(() => requestAnimationFrame(moveFocusToNeighbour));\n            }}\n          >\n            <AriaButton\n              data-swipe-more=\"\"\n              aria-label={`More actions for ${label}`}\n              className=\"grid size-8 flex-none cursor-pointer place-items-center rounded-full border-0 bg-transparent p-0 text-text-secondary outline-none motion-safe:transition-[background-color,color] motion-safe:duration-(--duration-quick) motion-safe:ease-settle data-[hovered]:bg-muted data-[hovered]:text-foreground data-[pressed]:bg-muted data-[pressed]:text-foreground data-[focus-visible]:outline-solid data-[focus-visible]:outline-(length:--focus-ring-width) data-[focus-visible]:outline-(--color-ring)\"\n            >\n              <svg\n                aria-hidden=\"true\"\n                viewBox=\"0 0 24 24\"\n                fill=\"currentColor\"\n                className=\"pointer-events-none size-4.5\"\n              >\n                <circle cx=\"5\" cy=\"12\" r=\"1.75\" />\n                <circle cx=\"12\" cy=\"12\" r=\"1.75\" />\n                <circle cx=\"19\" cy=\"12\" r=\"1.75\" />\n              </svg>\n            </AriaButton>\n            <Menu\n              placement=\"bottom end\"\n              offset={6}\n              onAction={(key) => {\n                const found = menuItems.find((item) => `${item.side}-${item.index}` === key);\n                if (!found) return;\n                focusNeighbour.current = !found.action.keepRow;\n                commit(found.side, found.index);\n              }}\n            >\n              {menuItems.map(({ action, side, index }) => (\n                <MenuItem\n                  key={`${side}-${index}`}\n                  id={`${side}-${index}`}\n                  textValue={action.label}\n                  className={\n                    action.tone === \"destructive\"\n                      ? \"[&_[data-swipe-icon]]:text-destructive-strong\"\n                      : undefined\n                  }\n                >\n                  {iconOf(action)}\n                  {action.label}\n                </MenuItem>\n              ))}\n            </Menu>\n          </MenuTrigger>\n        ) : null}\n      </div>\n    </li>\n  );\n}\n"],"mappings":"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"}

package/dist/switch/switch.js

@@ -31,12 +31,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const switchTrackVariants = cva([
 	"relative inline-flex h-5 w-9 shrink-0 items-center",
 	"rounded-full box-border p-0.5",
-	"bg-border",
+	"bg-control-edge",
 	"motion-safe:transition-colors motion-safe:duration-(--duration-fast) motion-safe:ease-standard",
 	"group-data-[selected]:bg-primary-strong",
 	selectionRingVariants()
 ]);
-const switchThumbVariants = cva(["block h-4 rounded-full bg-background shadow-surface", "switch-thumb"]);
+const switchThumbVariants = cva(["block h-4 rounded-full bg-surface shadow-surface", "switch-thumb"]);
 const Switch$1 = forwardRef(function Switch$2({ className, children, onChange, ...props }, ref) {
 	const [changed, setChanged] = useState(false);
 	return /* @__PURE__ */ jsxs(Switch, {

package/dist/switch/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","names":["Switch","AriaSwitch"],"sources":["../../src/switch/switch.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { forwardRef, useState, type ReactNode } from \"react\";\nimport { Switch as AriaSwitch, type SwitchProps as AriaSwitchProps } from \"react-aria-components\";\n\nimport { cn } from \"../lib/cn.js\";\nimport { selectionLabelVariants, selectionRingVariants } from \"../lib/selection-control.js\";\n\n/**\n * Switch, ported from the legacy shadcn/Radix component onto React Aria.\n *\n * Census: 7 files, 16 uses. `checked` 16, `onCheckedChange` 16, `id` 9,\n * `disabled` 7, `className` 4, `aria-label` 3.\n *\n * WORTH RAISING: only 3 of the 16 pass `aria-label` and 9 pass `id`. A\n * Radix Switch renders a bare `<button role=\"switch\">` with no text, so any\n * use with neither has no accessible name at all. Here the label is\n * `children`, so the common case names itself.\n *\n * THE COLOURS ARE NOT THE LEGACY'S, AND COULD NOT BE. The naive design --\n * a white thumb on a `--color-primary` track -- is 2.44:1, and a white\n * thumb on `--color-muted` is 1.13:1. Both fail WCAG 1.4.11, which is the\n * criterion that applies to the parts of a graphic you need to see to read\n * its state. So the track is `border` unchecked and `primary-strong`\n * checked, which puts every pair over 3:1 in both themes (5.25 / 5.20\n * light, 3.73 / 9.65 dark) and needs no border on the thumb.\n *\n * Position still carries the state as well as colour: the thumb moves.\n * That is the non-colour cue WCAG 1.4.1 asks for.\n */\nexport const switchTrackVariants = cva([\n  \"relative inline-flex h-5 w-9 shrink-0 items-center\",\n  \"rounded-full box-border p-0.5\",\n  \"bg-border\",\n  \"motion-safe:transition-colors motion-safe:duration-(--duration-fast) motion-safe:ease-standard\",\n  \"group-data-[selected]:bg-primary-strong\",\n  selectionRingVariants(),\n]);\n\nexport const switchThumbVariants = cva([\n  \"block h-4 rounded-full bg-background shadow-surface\",\n  // The track is w-9 (36px) with p-0.5 (2px) each side and a 16px thumb, so\n  // the travel is exactly 36 - 4 - 16 = 16px (1rem). Travel, the press\n  // stretch and the RTL direction live in switch-thumb (styles.css).\n  \"switch-thumb\",\n]);\n\n/**\n * A switch.\n *\n * @example\n * <Switch isSelected={on} onChange={setOn}>Email notifications</Switch>\n * <Switch aria-label=\"Mute\" isSelected={muted} onChange={setMuted} />\n */\nexport interface SwitchProps extends Omit<AriaSwitchProps, \"className\" | \"style\" | \"children\"> {\n  /**\n   * The label, and the control's accessible name.\n   *\n   * Omit it only for a genuinely label-less switch, and pass `aria-label`\n   * instead. A Radix Switch with neither -- which the census suggests\n   * exists -- has no accessible name at all.\n   */\n  children?: ReactNode;\n  /** Extra classes for the label. Merged last, so they win conflicts. */\n  className?: string;\n}\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(function Switch(\n  { className, children, onChange, ...props },\n  ref,\n) {\n  // The thumb swells only for a change the user made: not at mount and not\n  // when a controlled value arrives from elsewhere.\n  const [changed, setChanged] = useState(false);\n  return (\n    <AriaSwitch\n      {...props}\n      // inputRef, not ref: AriaSwitch's own ref targets the label it\n      // renders around a visually-hidden native input, and a label cannot\n      // be focused -- ref.current.focus() would silently no-op. inputRef is\n      // React Aria's own escape hatch to the real control.\n      inputRef={ref}\n      data-slot=\"switch\"\n      data-changed={changed || undefined}\n      onChange={(value) => {\n        setChanged(true);\n        onChange?.(value);\n      }}\n      className={cn(selectionLabelVariants(), className)}\n    >\n      {/*\n        aria-hidden: the real input already carries the state. A decorative\n        track announced as well would say everything twice.\n      */}\n      <span aria-hidden=\"true\" data-slot=\"switch-track\" className={switchTrackVariants()}>\n        <span data-slot=\"switch-thumb\" className={switchThumbVariants()} />\n      </span>\n      {children == null ? null : <span data-slot=\"switch-label\">{children}</span>}\n    </AriaSwitch>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,sBAAsB,IAAI;CACrC;CACA;CACA;CACA;CACA;CACA,sBAAsB;AACxB,CAAC;AAED,MAAa,sBAAsB,IAAI,CACrC,uDAIA,cACF,CAAC;AAsBD,MAAaA,WAAS,WAA0C,SAASA,SACvE,EAAE,WAAW,UAAU,UAAU,GAAG,SACpC,KACA;CAGA,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,OACE,qBAACC,QAAD;EACE,GAAI;EAKJ,UAAU;EACV,aAAU;EACV,gBAAc,WAAW,KAAA;EACzB,WAAW,UAAU;GACnB,WAAW,IAAI;GACf,WAAW,KAAK;EAClB;EACA,WAAW,GAAG,uBAAuB,GAAG,SAAS;EAbnD,UAAA,CAmBE,oBAAC,QAAD;GAAM,eAAY;GAAO,aAAU;GAAe,WAAW,oBAAoB;GAC/E,UAAA,oBAAC,QAAD;IAAM,aAAU;IAAe,WAAW,oBAAoB;GAAI,CAAA;EAC9D,CAAA,GACL,YAAY,OAAO,OAAO,oBAAC,QAAD;GAAM,aAAU;GAAgB;EAAe,CAAA,CAChE;;AAEhB,CAAC"}
+{"version":3,"file":"switch.js","names":["Switch","AriaSwitch"],"sources":["../../src/switch/switch.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { forwardRef, useState, type ReactNode } from \"react\";\nimport { Switch as AriaSwitch, type SwitchProps as AriaSwitchProps } from \"react-aria-components\";\n\nimport { cn } from \"../lib/cn.js\";\nimport { selectionLabelVariants, selectionRingVariants } from \"../lib/selection-control.js\";\n\n/**\n * Switch, ported from the legacy shadcn/Radix component onto React Aria.\n *\n * Census: 7 files, 16 uses. `checked` 16, `onCheckedChange` 16, `id` 9,\n * `disabled` 7, `className` 4, `aria-label` 3.\n *\n * WORTH RAISING: only 3 of the 16 pass `aria-label` and 9 pass `id`. A\n * Radix Switch renders a bare `<button role=\"switch\">` with no text, so any\n * use with neither has no accessible name at all. Here the label is\n * `children`, so the common case names itself.\n *\n * THE COLOURS ARE NOT THE LEGACY'S, AND COULD NOT BE. The naive design --\n * a white thumb on a `--color-primary` track -- is 2.44:1, and a white\n * thumb on `--color-muted` is 1.13:1. Both fail WCAG 1.4.11, which is the\n * criterion that applies to the parts of a graphic you need to see to read\n * its state. So the track is `border` unchecked and `primary-strong`\n * checked, which puts every pair over 3:1 in both themes (5.25 / 5.20\n * light, 3.73 / 9.65 dark) and needs no border on the thumb.\n *\n * Position still carries the state as well as colour: the thumb moves.\n * That is the non-colour cue WCAG 1.4.1 asks for.\n */\nexport const switchTrackVariants = cva([\n  \"relative inline-flex h-5 w-9 shrink-0 items-center\",\n  \"rounded-full box-border p-0.5\",\n  \"bg-control-edge\",\n  \"motion-safe:transition-colors motion-safe:duration-(--duration-fast) motion-safe:ease-standard\",\n  \"group-data-[selected]:bg-primary-strong\",\n  selectionRingVariants(),\n]);\n\nexport const switchThumbVariants = cva([\n  \"block h-4 rounded-full bg-surface shadow-surface\",\n  // The track is w-9 (36px) with p-0.5 (2px) each side and a 16px thumb, so\n  // the travel is exactly 36 - 4 - 16 = 16px (1rem). Travel, the press\n  // stretch and the RTL direction live in switch-thumb (styles.css).\n  \"switch-thumb\",\n]);\n\n/**\n * A switch.\n *\n * @example\n * <Switch isSelected={on} onChange={setOn}>Email notifications</Switch>\n * <Switch aria-label=\"Mute\" isSelected={muted} onChange={setMuted} />\n */\nexport interface SwitchProps extends Omit<AriaSwitchProps, \"className\" | \"style\" | \"children\"> {\n  /**\n   * The label, and the control's accessible name.\n   *\n   * Omit it only for a genuinely label-less switch, and pass `aria-label`\n   * instead. A Radix Switch with neither -- which the census suggests\n   * exists -- has no accessible name at all.\n   */\n  children?: ReactNode;\n  /** Extra classes for the label. Merged last, so they win conflicts. */\n  className?: string;\n}\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(function Switch(\n  { className, children, onChange, ...props },\n  ref,\n) {\n  // The thumb swells only for a change the user made: not at mount and not\n  // when a controlled value arrives from elsewhere.\n  const [changed, setChanged] = useState(false);\n  return (\n    <AriaSwitch\n      {...props}\n      // inputRef, not ref: AriaSwitch's own ref targets the label it\n      // renders around a visually-hidden native input, and a label cannot\n      // be focused -- ref.current.focus() would silently no-op. inputRef is\n      // React Aria's own escape hatch to the real control.\n      inputRef={ref}\n      data-slot=\"switch\"\n      data-changed={changed || undefined}\n      onChange={(value) => {\n        setChanged(true);\n        onChange?.(value);\n      }}\n      className={cn(selectionLabelVariants(), className)}\n    >\n      {/*\n        aria-hidden: the real input already carries the state. A decorative\n        track announced as well would say everything twice.\n      */}\n      <span aria-hidden=\"true\" data-slot=\"switch-track\" className={switchTrackVariants()}>\n        <span data-slot=\"switch-thumb\" className={switchThumbVariants()} />\n      </span>\n      {children == null ? null : <span data-slot=\"switch-label\">{children}</span>}\n    </AriaSwitch>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,sBAAsB,IAAI;CACrC;CACA;CACA;CACA;CACA;CACA,sBAAsB;AACxB,CAAC;AAED,MAAa,sBAAsB,IAAI,CACrC,oDAIA,cACF,CAAC;AAsBD,MAAaA,WAAS,WAA0C,SAASA,SACvE,EAAE,WAAW,UAAU,UAAU,GAAG,SACpC,KACA;CAGA,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,OACE,qBAACC,QAAD;EACE,GAAI;EAKJ,UAAU;EACV,aAAU;EACV,gBAAc,WAAW,KAAA;EACzB,WAAW,UAAU;GACnB,WAAW,IAAI;GACf,WAAW,KAAK;EAClB;EACA,WAAW,GAAG,uBAAuB,GAAG,SAAS;EAbnD,UAAA,CAmBE,oBAAC,QAAD;GAAM,eAAY;GAAO,aAAU;GAAe,WAAW,oBAAoB;GAC/E,UAAA,oBAAC,QAAD;IAAM,aAAU;IAAe,WAAW,oBAAoB;GAAI,CAAA;EAC9D,CAAA,GACL,YAAY,OAAO,OAAO,oBAAC,QAAD;GAAM,aAAU;GAAgB;EAAe,CAAA,CAChE;;AAEhB,CAAC"}

package/dist/table/index.d.ts

@@ -1,2 +1,2 @@
-import { Column, RowKey, Table, TableProps, createColumns, tableCardVariants, tableCellVariants, tableColumnVariants, tableFooterVariants, tableHeaderVariants, tablePaginationVariants, tableRowVariants, tableScrollVariants, tableStickyCellVariants, tableVariants } from "./table.js";
-export { type Column, type RowKey, Table, type TableProps, createColumns, tableCardVariants, tableCellVariants, tableColumnVariants, tableFooterVariants, tableHeaderVariants, tablePaginationVariants, tableRowVariants, tableScrollVariants, tableStickyCellVariants, tableVariants };
+import { Column, RowKey, Table, TableProps, createColumns, tableCardVariants, tableCellVariants, tableColumnVariants, tableEmptyVariants, tableFooterVariants, tableHeaderVariants, tablePaginationVariants, tableRowVariants, tableScrollVariants, tableSelectionBarVariants, tableStickyCellVariants, tableVariants } from "./table.js";
+export { type Column, type RowKey, Table, type TableProps, createColumns, tableCardVariants, tableCellVariants, tableColumnVariants, tableEmptyVariants, tableFooterVariants, tableHeaderVariants, tablePaginationVariants, tableRowVariants, tableScrollVariants, tableSelectionBarVariants, tableStickyCellVariants, tableVariants };

package/dist/table/index.js

@@ -1,2 +1,2 @@
-import { Table, createColumns, tableCardVariants, tableCellVariants, tableColumnVariants, tableFooterVariants, tableHeaderVariants, tablePaginationVariants, tableRowVariants, tableScrollVariants, tableStickyCellVariants, tableVariants } from "./table.js";
-export { Table, createColumns, tableCardVariants, tableCellVariants, tableColumnVariants, tableFooterVariants, tableHeaderVariants, tablePaginationVariants, tableRowVariants, tableScrollVariants, tableStickyCellVariants, tableVariants };
+import { Table, createColumns, tableCardVariants, tableCellVariants, tableColumnVariants, tableEmptyVariants, tableFooterVariants, tableHeaderVariants, tablePaginationVariants, tableRowVariants, tableScrollVariants, tableSelectionBarVariants, tableStickyCellVariants, tableVariants } from "./table.js";
+export { Table, createColumns, tableCardVariants, tableCellVariants, tableColumnVariants, tableEmptyVariants, tableFooterVariants, tableHeaderVariants, tablePaginationVariants, tableRowVariants, tableScrollVariants, tableSelectionBarVariants, tableStickyCellVariants, tableVariants };

package/dist/table/table.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from "class-variance-authority";
 import { ReactElement, ReactNode, RefAttributes } from "react";
-import { SortDescriptor } from "react-aria-components";
+import { Selection, SortDescriptor } from "react-aria-components";
 //#region src/table/table.d.ts
 /**
  * Table, ported from the legacy shadcn table onto React Aria's Table.
@@ -85,10 +85,20 @@ export declare const tableHeaderVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /** The pagination bar. A sibling of the table, never a row inside it. */
 export declare const tablePaginationVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+/**
+ * The bar under a selectable table: how many rows, or how many are selected,
+ * and the action that clears them. A sibling of the table, like the pagination.
+ */
+export declare const tableSelectionBarVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+/**
+ * What stands in for the rows when there are none: centred, muted, and tall
+ * enough to read as a state rather than as a squashed row.
+ */
+export declare const tableEmptyVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 /** The footer band. Heavier than a row rule, because it closes the table. */
 export declare const tableFooterVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const tableColumnVariants: (props?: ({
-  align?: "start" | "end" | "center" | null | undefined;
+  align?: "center" | "start" | "end" | null | undefined;
   headerType?: "sentence" | "caps" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const tableRowVariants: (props?: ({
@@ -96,7 +106,7 @@ export declare const tableRowVariants: (props?: ({
   striped?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const tableCellVariants: (props?: ({
-  align?: "start" | "end" | "center" | null | undefined;
+  align?: "center" | "start" | "end" | null | undefined;
   numeric?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**
@@ -288,6 +298,48 @@ export interface TableProps<T> extends VariantProps<typeof tableRowVariants> {
     /** Accessible name for the rows-per-page select itself. */
     rowsPerPage?: string;
   };
+  /**
+   * Row selection. `multiple` adds a checkbox column (the library's Checkbox,
+   * on React Aria's table selection) with a select-all box in the header that
+   * shows a dash while only some rows are chosen, and a bar under the table
+   * that counts the rows and clears the choice. Clicking a row's checkbox, or
+   * the row itself, toggles it; Escape clears. `none` (the default) adds
+   * nothing.
+   */
+  selectionMode?: "none" | "multiple";
+  /**
+   * The chosen rows, CONTROLLED: a set of `getRowId` values, or `"all"`.
+   * Pass this and the table stops keeping the selection itself.
+   */
+  selectedKeys?: Selection;
+  /** The rows chosen at the start, when uncontrolled. */
+  defaultSelectedKeys?: Selection;
+  /** Fires with the new selection (a set of ids, or `"all"`), controlled or not. */
+  onSelectionChange?: (keys: Selection) => void;
+  /**
+   * Copy for the selection controls, with English defaults for the same reason
+   * as `pageLabels`: a `useMessages()` mechanism does not exist in this package
+   * yet.
+   */
+  selectionLabels?: {
+    /** Accessible name of the header checkbox. React Aria's own, localized ("Select All"), when omitted. */
+    selectAll?: string;
+    /**
+     * The word before a row's name in its checkbox's accessible name. React
+     * Aria appends the text of the row's first column itself, so "Select"
+     * becomes "Select Meta"; its own localized word is used when omitted.
+     */
+    selectRow?: string;
+    /** What a row is called in the count: "1 row", "5 rows". */
+    item?: {
+      one: string;
+      other: string;
+    };
+    /** The word after the count while some rows are chosen: "3 selected". */
+    selected?: string;
+    /** The clear button's text. */
+    clear?: string;
+  };
   /**
    * Whether the table draws its own card. `none` for one that already sits
    * inside a card, or is meant to be bare on the page.