@kanso-labs/kanso-ui 0.44.1 → 0.45.0

package/dist/hooks/useRipple.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRipple.js","names":["MouseEvent","MouseEventHandler","PointerEvent","PointerEventHandler","ReactNode","stylex","useCallback","useEffect","useMemo","useRef","useState","rippleStyles","motionDurationMs","motionEasing","spacingPx","PADDING","sm","INITIAL_ORIGIN_SCALE","SOFT_EDGE_MINIMUM_SIZE","SOFT_EDGE_CONTAINER_RATIO","surfaceProps","props","surface","RippleState","Holding","Inactive","TouchDelay","WaitingForClick","const","ReleaseHandlers","Element","Omit","RippleEventHandlers","HostElement","onClick","onContextMenu","onPointerCancel","onPointerDown","onPointerLeave","onPointerUp","isTouch","event","pointerType","prefersReducedMotion","window","matchMedia","matches","useRipple","enabled","externalHandlers","endsOnRelease","handlers","t0","t1","t2","$","_c","undefined","t3","pressed","setPressed","rippleRef","state","growAnimation","rippleStartEvent","initialSize","rippleScale","removeDocumentListeners","t4","Symbol","for","isPrimary","startEvent","current","pointerId","isPressPointer","t5","event_0","buttons","shouldReactToEvent","t6","rect","height","width","maxDimension","Math","max","softEdgeSize","size","floor","hypotenuse","hypot","maxRadius","determineRippleSize","t7","rect_0","positionEvent","height_0","left","top","width_0","size_0","endPoint","x","y","origin","clientX","clientY","startPoint","getTranslationCoordinates","t8","target","positionEvent_0","ripple","cancel","parentElement","getBoundingClientRect","rect_1","size_1","endPoint_0","startPoint_0","style","animate","transform","duration","long1","easing","standard","fill","startPressAnimation","t9","animation","elapsed","currentTime","Infinity","medium1","Promise","resolve","setTimeout","endPressAnimation","t10","host","document","ownerDocument","handleEnd","event_1","composedPath","includes","addEventListener","removeEventListener","listenBeyondHost","t11","t12","t13","getState","t14","event_2","target_0","currentTarget","_temp","handlePointerDownAsync","t15","event_3","handlePointerDown","t16","event_4","handlePointerUp","t17","event_5","handlePointerLeave","t18","event_6","handlePointerCancel","t19","event_7","handleClick","t20","handleContextMenu","onClickProp","onContextMenuProp","onPointerCancelProp","onPointerDownProp","onPointerLeaveProp","onPointerUpProp","t21","event_8","t22","event_9","t23","event_10","t24","event_11","t25","event_12","t26","event_13","t27","pointer","t28","t29","press","t30","surface_0","t31","enabledResult","t32","disabledResult","resolve_0","short2","stylex.props","rippleStyles","_c","disabledResult"],"sources":["../../src/hooks/useRipple.tsx"],"sourcesContent":["import type { MouseEvent, MouseEventHandler, PointerEvent, PointerEventHandler, ReactNode } from 'react';\nimport * as stylex from '@stylexjs/stylex';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { rippleStyles } from '../styles/ripple';\nimport { motionDurationMs, motionEasing, spacingPx } from '../tokens/values';\n\n// Every timing this file drives is a motion token, spent at the point of use\n// below. They come from tokens/values rather than the StyleX theme because\n// element.animate() and setTimeout both reject a token's var() form, and the\n// same is true of the one geometry token: `PADDING` is added to a radius, and\n// a var() would concatenate rather than add. See src/styles/ripple.ts for the\n// opacity half of the mechanism, whose three timings are deliberately not\n// tokens.\n\n/** How far the ripple grows past the host's corners. `spacing.sm`. */\nconst PADDING = spacingPx.sm;\n\n// The rest are ratios and a pixel floor that no token group covers — spacing\n// is layout rhythm, and nothing in the set holds bare geometric ratios.\nconst INITIAL_ORIGIN_SCALE = 0.2;\nconst SOFT_EDGE_MINIMUM_SIZE = 75;\nconst SOFT_EDGE_CONTAINER_RATIO = 0.35;\n\n// Static input, so this is computed once for every consumer of the module\n// rather than once per component instance.\nconst surfaceProps = stylex.props(rippleStyles.surface);\n\n/**\n * On touch: `Inactive -> TouchDelay -> WaitingForClick -> Inactive`, or\n * `Inactive -> TouchDelay -> Holding -> WaitingForClick -> Inactive` for a\n * held press.\n *\n * On mouse or pen: `Inactive -> WaitingForClick -> Inactive`.\n */\nconst RippleState = {\n  /** A touch has been confirmed as a press (held past the touch delay). */\n  Holding: 2,\n  /** No press in progress. Touch down moves to TouchDelay; mouse/pen down moves to WaitingForClick. */\n  Inactive: 0,\n  /** Touch down received; waiting to see if it's a tap or a scroll/swipe. */\n  TouchDelay: 1,\n  /** The press has finished growing; waiting for the click that ends it. */\n  WaitingForClick: 3\n} as const;\ntype ReleaseHandlers<HostElement extends Element> = Omit<RippleEventHandlers<HostElement>, 'onClick'>;\ninterface RippleEventHandlers<HostElement extends Element> {\n  onClick?: MouseEventHandler<HostElement>;\n  onContextMenu?: MouseEventHandler<HostElement>;\n  onPointerCancel?: PointerEventHandler<HostElement>;\n  onPointerDown?: PointerEventHandler<HostElement>;\n  onPointerLeave?: PointerEventHandler<HostElement>;\n  onPointerUp?: PointerEventHandler<HostElement>;\n}\ntype RippleState = (typeof RippleState)[keyof typeof RippleState];\nfunction isTouch(event: PointerEvent) {\n  return event.pointerType === 'touch';\n}\n\n/**\n * Whether the reader has asked the OS for less motion.\n *\n * Growth is a Web Animations call, which makes it the one animation in the\n * library no `@media (prefers-reduced-motion: reduce)` branch can reach — see\n * src/styles/ripple.ts for the opacity half, which is CSS and carries one.\n *\n * Read at the press rather than once at mount, so a reader who changes the\n * setting is answered by their next press rather than by their next reload.\n * The press already reads layout through `getBoundingClientRect`, which costs\n * more than this does.\n */\nfunction prefersReducedMotion() {\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n/**\n * Renders a press ripple that grows from the pointer's position, or from\n * the element's center for a keyboard or other non-pointer activation.\n *\n * Growth runs via the Web Animations API on a single reused element (no\n * per-click DOM nodes to clean up), over a fixed duration independent of how\n * long the element is held — a real press-and-hold keeps the ripple\n * growing until release, while a quick tap is still held visible for a\n * minimum duration so it plays a complete animation rather than a flicker.\n *\n * Merges its own handlers with `externalHandlers` (e.g. a component's own\n * consumer-supplied props — ripple's own run first, then the external\n * ones) and returns `handlers` to spread onto the interactive element and\n * `surface`, the node to render as a child. The host element must\n * establish a positioning context (`position: relative` or similar) so\n * `surface`, which fills it via `inset: 0`, clips to its bounds and\n * inherits its shape. A host can render `surface` in a positioned part of\n * itself instead, and the ripple then grows in that part alone, from where\n * the pointer is over it: a navigation destination draws it in its\n * indicator.\n *\n * Pass `enabled: false` to opt out — no ripple listeners are attached and\n * no surface is rendered, leaving `externalHandlers` and a component's own\n * hover/press state layer (if any) untouched.\n *\n * Pass `endsOnRelease` for a host that never hears its own click: a\n * collection row, whose clicks React Aria's press handling keeps for itself.\n * The press then ends when the pointer is released over the host rather than\n * on the click that would follow, still held for the minimum a short press\n * gets. A keyboard press reaches such a host as no pointer event at all, so\n * it draws no ripple there.\n *\n * `handlers` and `surface` are hand-memoized (not left to build-tool\n * optimization) so a consumer rendering many instances — a list of icon\n * buttons, say — can memoize around them too, and so stability doesn't\n * depend on any particular compiler being configured.\n */\n// A host ending on the release never hears a click, so nothing is taken for\n// one and none is handed back: the handlers are the pointer ones alone, which\n// is also what a collection row's type admits.\nfunction useRipple<HostElement extends Element = Element>(enabled: boolean, externalHandlers: ReleaseHandlers<HostElement>, endsOnRelease: true): {\n  handlers: ReleaseHandlers<HostElement>;\n  surface: ReactNode;\n};\nfunction useRipple<HostElement extends Element = Element>(enabled?: boolean, externalHandlers?: RippleEventHandlers<HostElement>, endsOnRelease?: false): {\n  handlers: RippleEventHandlers<HostElement>;\n  surface: ReactNode;\n};\nfunction useRipple<HostElement extends Element = Element>(enabled = true, externalHandlers: RippleEventHandlers<HostElement> = {}, endsOnRelease = false): {\n  handlers: RippleEventHandlers<HostElement>;\n  surface: ReactNode;\n} {\n  const [pressed, setPressed] = useState(false);\n  const rippleRef = useRef<HTMLSpanElement>(null);\n  const state = useRef<RippleState>(RippleState.Inactive);\n  const growAnimation = useRef<Animation | undefined>(undefined);\n  const rippleStartEvent = useRef<PointerEvent<HostElement> | undefined>(undefined);\n  const initialSize = useRef(0);\n  const rippleScale = useRef('1');\n  // Removes the listeners a press keeps on its host's document, while one is\n  // in flight — see `listenBeyondHost`.\n  const removeDocumentListeners = useRef<(() => void) | undefined>(undefined);\n\n  // Whether `event` comes from the pointer a press would follow: the primary\n  // one, and the one that started the press already in flight, if any.\n  const isPressPointer = useCallback((event: PointerEvent<HostElement>) => {\n    if (!event.isPrimary) {\n      return false;\n    }\n    const startEvent = rippleStartEvent.current;\n    return !startEvent || startEvent.pointerId === event.pointerId;\n  }, []);\n  const shouldReactToEvent = useCallback((event: PointerEvent<HostElement>) => isPressPointer(event) && (isTouch(event) || event.buttons === 1), [isPressPointer]);\n  const determineRippleSize = useCallback((rect: DOMRect) => {\n    const {\n      height,\n      width\n    } = rect;\n    const maxDimension = Math.max(height, width);\n    const softEdgeSize = Math.max(SOFT_EDGE_CONTAINER_RATIO * maxDimension, SOFT_EDGE_MINIMUM_SIZE);\n    const size = Math.floor(maxDimension * INITIAL_ORIGIN_SCALE);\n    const hypotenuse = Math.hypot(width, height);\n    const maxRadius = hypotenuse + PADDING;\n    initialSize.current = size;\n    rippleScale.current = `${(maxRadius + softEdgeSize) / size}`;\n    return `${size}px`;\n  }, []);\n  const getTranslationCoordinates = useCallback((rect: DOMRect, positionEvent?: PointerEvent<HostElement>) => {\n    const {\n      height,\n      left,\n      top,\n      width\n    } = rect;\n    const size = initialSize.current;\n    const endPoint = {\n      x: (width - size) / 2,\n      y: (height - size) / 2\n    };\n    const origin = positionEvent ? {\n      x: positionEvent.clientX - left,\n      y: positionEvent.clientY - top\n    } : {\n      x: width / 2,\n      y: height / 2\n    };\n    const startPoint = {\n      x: origin.x - size / 2,\n      y: origin.y - size / 2\n    };\n    return {\n      endPoint,\n      startPoint\n    };\n  }, []);\n  const startPressAnimation = useCallback((target: HostElement, positionEvent?: PointerEvent<HostElement>) => {\n    const ripple = rippleRef.current;\n    if (!ripple) {\n      return;\n    }\n    setPressed(true);\n    growAnimation.current?.cancel();\n\n    // Read once and share: the two helpers below both only need the\n    // rect, and a second `getBoundingClientRect()` call back to back with\n    // the first would be a redundant layout read.\n    //\n    // The surface's rect rather than the host's, since the ripple is placed\n    // inside the surface. The two are one box wherever the surface fills\n    // the host, which is every host but one drawing the surface in a part\n    // of itself. Under forced colours the surface is not drawn and has no\n    // box, so the host's stands in for a ripple nobody sees.\n    const surface = ripple.parentElement?.getBoundingClientRect();\n    const rect = surface && (surface.width > 0 || surface.height > 0) ? surface : target.getBoundingClientRect();\n    const size = determineRippleSize(rect);\n    const {\n      endPoint,\n      startPoint\n    } = getTranslationCoordinates(rect, positionEvent);\n    ripple.style.width = size;\n    ripple.style.height = size;\n    growAnimation.current = ripple.animate({\n      transform: [`translate(${startPoint.x}px, ${startPoint.y}px) scale(1)`, `translate(${endPoint.x}px, ${endPoint.y}px) scale(${rippleScale.current})`]\n    }, {\n      // Growth runs over a fixed duration regardless of how long the\n      // press is held, so the token is spent here rather than named as a\n      // constant — element.animate() is one of the two places a StyleX\n      // token could not have gone.\n      //\n      // Zeroed rather than skipped under reduced motion, which lands the\n      // disc at its full size with the growth never drawn. Skipping the\n      // call outright would leave `growAnimation` unset, and the release\n      // below reads its `currentTime` to decide whether the press has\n      // been visible long enough — so the press would still be shown, and\n      // would stop being held for its minimum.\n      duration: prefersReducedMotion() ? 0 : motionDurationMs.long1,\n      easing: motionEasing.standard,\n      fill: 'forwards'\n    });\n  }, [determineRippleSize, getTranslationCoordinates]);\n  const endPressAnimation = useCallback(async () => {\n    removeDocumentListeners.current?.();\n    removeDocumentListeners.current = undefined;\n    rippleStartEvent.current = undefined;\n    state.current = RippleState.Inactive;\n    const animation = growAnimation.current;\n    const elapsed = typeof animation?.currentTime === 'number' ? animation.currentTime : Infinity;\n\n    // The floor on how briefly a ripple may be visible, so a quick tap reads\n    // as a deliberate ripple rather than a flicker.\n    if (elapsed >= motionDurationMs.medium1) {\n      setPressed(false);\n      return;\n    }\n    await new Promise(resolve => {\n      setTimeout(resolve, motionDurationMs.medium1 - elapsed);\n    });\n    if (growAnimation.current !== animation) {\n      // A newer press started; let it own the pressed state instead.\n      return;\n    }\n    setPressed(false);\n  }, []);\n\n  // A press can end somewhere other than its host. React Aria's press\n  // handling releases the capture a touch takes on its pointerdown, so that a\n  // finger can leave the element, and a press that turns into a scroll — or\n  // a finger that slides off and lifts — then ends with a pointercancel or\n  // pointerup on whatever is under it, which the host never hears. Left to\n  // the host's handlers alone, the ripple held at its pressed opacity until\n  // the next press on that host finished a cycle.\n  //\n  // So the press listens on its host's document, in the capture phase, for\n  // its own pointer, the way React Aria's own press handling does. An end the\n  // host does hear is left to the host's handlers, which run after these.\n  const listenBeyondHost = useCallback((host: HostElement, pointerId: number) => {\n    removeDocumentListeners.current?.();\n    const document = host.ownerDocument;\n    const handleEnd = (event: globalThis.PointerEvent) => {\n      if (event.pointerId !== pointerId || event.composedPath().includes(host)) {\n        return;\n      }\n      void endPressAnimation();\n    };\n    document.addEventListener('pointercancel', handleEnd, true);\n    document.addEventListener('pointerup', handleEnd, true);\n    removeDocumentListeners.current = () => {\n      document.removeEventListener('pointercancel', handleEnd, true);\n      document.removeEventListener('pointerup', handleEnd, true);\n    };\n  }, [endPressAnimation]);\n\n  // A host unmounted mid-press leaves nothing listening behind it.\n  useEffect(() => () => {\n    removeDocumentListeners.current?.();\n  }, []);\n\n  // Reads through a function so a stale narrowing of `state.current` from\n  // before the `await` below isn't (incorrectly) carried across it — the\n  // ref can change via a different handler while this one is suspended.\n  const getState = useCallback(() => state.current, []);\n  const handlePointerDownAsync = useCallback(async (event: PointerEvent<HostElement>) => {\n    if (!shouldReactToEvent(event)) {\n      return;\n    }\n    rippleStartEvent.current = event;\n    const target = event.currentTarget;\n    listenBeyondHost(target, event.pointerId);\n    if (!isTouch(event)) {\n      state.current = RippleState.WaitingForClick;\n      startPressAnimation(target, event);\n      return;\n    }\n\n    // Delay so a scroll/swipe starting on the element doesn't flash a\n    // ripple — only a held (or quickly released) touch counts as a press.\n    state.current = RippleState.TouchDelay;\n    await new Promise(resolve => {\n      setTimeout(resolve, motionDurationMs.short2);\n    });\n    if (getState() !== RippleState.TouchDelay) {\n      return;\n    }\n    state.current = RippleState.Holding;\n    startPressAnimation(target, event);\n  }, [getState, listenBeyondHost, shouldReactToEvent, startPressAnimation]);\n  const handlePointerDown = useCallback((event: PointerEvent<HostElement>) => {\n    void handlePointerDownAsync(event);\n  }, [handlePointerDownAsync]);\n  const handlePointerUp = useCallback((event: PointerEvent<HostElement>) => {\n    // A mouse or pen release carries no pressed button, so the guard the\n    // other handlers share turns it away, which is right while a click\n    // follows to end the press. A host ending on the release matches it by\n    // its pointer alone.\n    if (endsOnRelease && !isTouch(event)) {\n      if (isPressPointer(event) && state.current === RippleState.WaitingForClick) {\n        void endPressAnimation();\n      }\n      return;\n    }\n    if (!shouldReactToEvent(event)) {\n      return;\n    }\n    if (state.current === RippleState.Holding) {\n      state.current = RippleState.WaitingForClick;\n    } else if (state.current === RippleState.TouchDelay) {\n      // Released before the delay elapsed: treat as a completed tap.\n      state.current = RippleState.WaitingForClick;\n      startPressAnimation(event.currentTarget, rippleStartEvent.current);\n    }\n\n    // The release is as far as such a host hears, so it is where the\n    // press ends — see `endsOnRelease` above.\n    if (endsOnRelease && state.current === RippleState.WaitingForClick) {\n      void endPressAnimation();\n    }\n  }, [endPressAnimation, endsOnRelease, isPressPointer, shouldReactToEvent, startPressAnimation]);\n  const handlePointerLeave = useCallback((event: PointerEvent<HostElement>) => {\n    if (isTouch(event) || !shouldReactToEvent(event)) {\n      return;\n    }\n    if (state.current !== RippleState.Inactive) {\n      void endPressAnimation();\n    }\n  }, [endPressAnimation, shouldReactToEvent]);\n  const handlePointerCancel = useCallback((event: PointerEvent<HostElement>) => {\n    if (!shouldReactToEvent(event)) {\n      return;\n    }\n    void endPressAnimation();\n  }, [endPressAnimation, shouldReactToEvent]);\n  const handleClick = useCallback((event: MouseEvent<HostElement>) => {\n    if (state.current === RippleState.WaitingForClick) {\n      void endPressAnimation();\n      return;\n    }\n    if (state.current === RippleState.Inactive) {\n      // No pointerdown preceded this click — keyboard activation, a\n      // programmatic `.click()`, or assistive-tech-synthesized activation.\n      // Play a complete, centered press immediately.\n      startPressAnimation(event.currentTarget);\n      void endPressAnimation();\n    }\n  }, [endPressAnimation, startPressAnimation]);\n  const handleContextMenu = useCallback(() => {\n    void endPressAnimation();\n  }, [endPressAnimation]);\n  const {\n    onClick: onClickProp,\n    onContextMenu: onContextMenuProp,\n    onPointerCancel: onPointerCancelProp,\n    onPointerDown: onPointerDownProp,\n    onPointerLeave: onPointerLeaveProp,\n    onPointerUp: onPointerUpProp\n  } = externalHandlers;\n  const onClick = useCallback((event: MouseEvent<HostElement>) => {\n    handleClick(event);\n    onClickProp?.(event);\n  }, [handleClick, onClickProp]);\n  const onContextMenu = useCallback((event: MouseEvent<HostElement>) => {\n    handleContextMenu();\n    onContextMenuProp?.(event);\n  }, [handleContextMenu, onContextMenuProp]);\n  const onPointerCancel = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerCancel(event);\n    onPointerCancelProp?.(event);\n  }, [handlePointerCancel, onPointerCancelProp]);\n  const onPointerDown = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerDown(event);\n    onPointerDownProp?.(event);\n  }, [handlePointerDown, onPointerDownProp]);\n  const onPointerLeave = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerLeave(event);\n    onPointerLeaveProp?.(event);\n  }, [handlePointerLeave, onPointerLeaveProp]);\n  const onPointerUp = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerUp(event);\n    onPointerUpProp?.(event);\n  }, [handlePointerUp, onPointerUpProp]);\n  const handlers = useMemo(() => {\n    const pointer = {\n      onContextMenu,\n      onPointerCancel,\n      onPointerDown,\n      onPointerLeave,\n      onPointerUp\n    };\n    return endsOnRelease ? pointer : {\n      onClick,\n      ...pointer\n    };\n  }, [endsOnRelease, onClick, onContextMenu, onPointerCancel, onPointerDown, onPointerLeave, onPointerUp]);\n  const surface = useMemo(() => <span aria-hidden=\"true\" {...surfaceProps}>\n        <span ref={rippleRef} {...stylex.props(rippleStyles.press, pressed && rippleStyles.pressed)} />\n      </span>, [pressed]);\n\n  // Two separate memos rather than one branching on `enabled`, so that\n  // whichever branch is actually active stays keyed only on its own\n  // inputs — the enabled result doesn't get a new identity every time\n  // `externalHandlers` does (a component typically passes a fresh object\n  // literal each render), and vice versa.\n  const enabledResult = useMemo(() => ({\n    handlers,\n    surface\n  }), [handlers, surface]);\n  const disabledResult = useMemo(() => ({\n    handlers: externalHandlers,\n    surface: null\n  }), [externalHandlers]);\n  return enabled ? enabledResult : disabledResult;\n}\nexport { useRipple };"],"mappings":"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"}
+{"version":3,"file":"useRipple.js","names":["MouseEvent","MouseEventHandler","PointerEvent","PointerEventHandler","ReactNode","stylex","useCallback","useEffect","useMemo","useRef","useState","rippleStyles","motionDurationMs","motionEasing","spacingPx","PADDING","sm","INITIAL_ORIGIN_SCALE","SOFT_EDGE_MINIMUM_SIZE","SOFT_EDGE_CONTAINER_RATIO","surfaceProps","props","surface","RippleState","Holding","Inactive","TouchDelay","WaitingForClick","const","ReleaseHandlers","Element","Omit","RippleEventHandlers","HostElement","onClick","onContextMenu","onPointerCancel","onPointerDown","onPointerLeave","onPointerUp","isTouch","event","pointerType","prefersReducedMotion","window","matchMedia","matches","useRipple","enabled","externalHandlers","endsOnRelease","centred","handlers","play","t0","t1","t2","t3","$","_c","undefined","t4","pressed","setPressed","rippleRef","state","growAnimation","rippleStartEvent","initialSize","rippleScale","removeDocumentListeners","t5","Symbol","for","isPrimary","startEvent","current","pointerId","isPressPointer","t6","event_0","buttons","shouldReactToEvent","t7","rect","height","width","maxDimension","Math","max","softEdgeSize","size","floor","hypotenuse","hypot","maxRadius","determineRippleSize","t8","rect_0","positionEvent","height_0","left","top","width_0","size_0","endPoint","x","y","origin","clientX","clientY","startPoint","getTranslationCoordinates","t9","target","positionEvent_0","ripple","cancel","parentElement","getBoundingClientRect","rect_1","size_1","endPoint_0","startPoint_0","style","animate","transform","duration","long1","easing","standard","fill","startPressAnimation","t10","animation","elapsed","currentTime","Infinity","medium1","Promise","resolve","setTimeout","endPressAnimation","t11","host","document","ownerDocument","handleEnd","event_1","composedPath","includes","addEventListener","removeEventListener","listenBeyondHost","t12","t13","t14","getState","t15","event_2","target_0","currentTarget","_temp","handlePointerDownAsync","t16","event_3","handlePointerDown","t17","event_4","handlePointerUp","t18","event_5","handlePointerLeave","t19","event_6","handlePointerCancel","t20","event_7","handleClick","t21","host_0","t22","handleContextMenu","onClickProp","onContextMenuProp","onPointerCancelProp","onPointerDownProp","onPointerLeaveProp","onPointerUpProp","t23","event_8","t24","event_9","t25","event_10","t26","event_11","t27","event_12","t28","event_13","t29","pointer","t30","t31","press","t32","surface_0","t33","enabledResult","t34","disabledResult","resolve_0","short2","stylex.props","rippleStyles","_c","disabledResult"],"sources":["../../src/hooks/useRipple.tsx"],"sourcesContent":["import type { MouseEvent, MouseEventHandler, PointerEvent, PointerEventHandler, ReactNode } from 'react';\nimport * as stylex from '@stylexjs/stylex';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { rippleStyles } from '../styles/ripple';\nimport { motionDurationMs, motionEasing, spacingPx } from '../tokens/values';\n\n// Every timing this file drives is a motion token, spent at the point of use\n// below. They come from tokens/values rather than the StyleX theme because\n// element.animate() and setTimeout both reject a token's var() form, and the\n// same is true of the one geometry token: `PADDING` is added to a radius, and\n// a var() would concatenate rather than add. See src/styles/ripple.ts for the\n// opacity half of the mechanism, whose three timings are deliberately not\n// tokens.\n\n/** How far the ripple grows past the host's corners. `spacing.sm`. */\nconst PADDING = spacingPx.sm;\n\n// The rest are ratios and a pixel floor that no token group covers — spacing\n// is layout rhythm, and nothing in the set holds bare geometric ratios.\nconst INITIAL_ORIGIN_SCALE = 0.2;\nconst SOFT_EDGE_MINIMUM_SIZE = 75;\nconst SOFT_EDGE_CONTAINER_RATIO = 0.35;\n\n// Static input, so this is computed once for every consumer of the module\n// rather than once per component instance.\nconst surfaceProps = stylex.props(rippleStyles.surface);\n\n/**\n * On touch: `Inactive -> TouchDelay -> WaitingForClick -> Inactive`, or\n * `Inactive -> TouchDelay -> Holding -> WaitingForClick -> Inactive` for a\n * held press.\n *\n * On mouse or pen: `Inactive -> WaitingForClick -> Inactive`.\n */\nconst RippleState = {\n  /** A touch has been confirmed as a press (held past the touch delay). */\n  Holding: 2,\n  /** No press in progress. Touch down moves to TouchDelay; mouse/pen down moves to WaitingForClick. */\n  Inactive: 0,\n  /** Touch down received; waiting to see if it's a tap or a scroll/swipe. */\n  TouchDelay: 1,\n  /** The press has finished growing; waiting for the click that ends it. */\n  WaitingForClick: 3\n} as const;\ntype ReleaseHandlers<HostElement extends Element> = Omit<RippleEventHandlers<HostElement>, 'onClick'>;\ninterface RippleEventHandlers<HostElement extends Element> {\n  onClick?: MouseEventHandler<HostElement>;\n  onContextMenu?: MouseEventHandler<HostElement>;\n  onPointerCancel?: PointerEventHandler<HostElement>;\n  onPointerDown?: PointerEventHandler<HostElement>;\n  onPointerLeave?: PointerEventHandler<HostElement>;\n  onPointerUp?: PointerEventHandler<HostElement>;\n}\ntype RippleState = (typeof RippleState)[keyof typeof RippleState];\nfunction isTouch(event: PointerEvent) {\n  return event.pointerType === 'touch';\n}\n\n/**\n * Whether the reader has asked the OS for less motion.\n *\n * Growth is a Web Animations call, which makes it the one animation in the\n * library no `@media (prefers-reduced-motion: reduce)` branch can reach — see\n * src/styles/ripple.ts for the opacity half, which is CSS and carries one.\n *\n * Read at the press rather than once at mount, so a reader who changes the\n * setting is answered by their next press rather than by their next reload.\n * The press already reads layout through `getBoundingClientRect`, which costs\n * more than this does.\n */\nfunction prefersReducedMotion() {\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n/**\n * Renders a press ripple that grows from the pointer's position, or from\n * the element's center for a keyboard or other non-pointer activation.\n *\n * Growth runs via the Web Animations API on a single reused element (no\n * per-click DOM nodes to clean up), over a fixed duration independent of how\n * long the element is held — a real press-and-hold keeps the ripple\n * growing until release, while a quick tap is still held visible for a\n * minimum duration so it plays a complete animation rather than a flicker.\n *\n * Merges its own handlers with `externalHandlers` (e.g. a component's own\n * consumer-supplied props — ripple's own run first, then the external\n * ones) and returns `handlers` to spread onto the interactive element and\n * `surface`, the node to render as a child. The host element must\n * establish a positioning context (`position: relative` or similar) so\n * `surface`, which fills it via `inset: 0`, clips to its bounds and\n * inherits its shape. A host can render `surface` in a positioned part of\n * itself instead, and the ripple then grows in that part alone, from where\n * the pointer is over it: a navigation destination draws it in its\n * indicator.\n *\n * Pass `enabled: false` to opt out — no ripple listeners are attached and\n * no surface is rendered, leaving `externalHandlers` and a component's own\n * hover/press state layer (if any) untouched.\n *\n * Pass `endsOnRelease` for a host that never hears its own click: a\n * collection row, whose clicks React Aria's press handling keeps for itself.\n * The press then ends when the pointer is released over the host rather than\n * on the click that would follow, still held for the minimum a short press\n * gets. A keyboard press reaches such a host as no pointer event at all, so\n * it draws no ripple there unless the host plays one.\n *\n * `play` is that: a whole press from the middle of the surface, as a click\n * with no pointer before it plays, for a host that learns of a press some\n * other way. A checkbox calls it for a key, which reaches its input rather\n * than the label its ripple listens on.\n *\n * Pass `centred` for a host whose presses land beside its surface as well as\n * on it: a checkbox, whose label runs the width of its row. Every press then\n * grows from the middle of the surface, as a key's does. Following the\n * pointer, a press at the far end of the label grew from hundreds of pixels\n * away and reached the control only as the growth ended.\n *\n * `handlers`, `play` and `surface` are hand-memoized (not left to build-tool\n * optimization) so a consumer rendering many instances — a list of icon\n * buttons, say — can memoize around them too, and so stability doesn't\n * depend on any particular compiler being configured.\n */\n// A host ending on the release never hears a click, so nothing is taken for\n// one and none is handed back: the handlers are the pointer ones alone, which\n// is also what a collection row's type admits.\nfunction useRipple<HostElement extends Element = Element>(enabled: boolean, externalHandlers: ReleaseHandlers<HostElement>, endsOnRelease: true, centred?: boolean): {\n  handlers: ReleaseHandlers<HostElement>;\n  play: () => void;\n  surface: ReactNode;\n};\nfunction useRipple<HostElement extends Element = Element>(enabled?: boolean, externalHandlers?: RippleEventHandlers<HostElement>, endsOnRelease?: false, centred?: boolean): {\n  handlers: RippleEventHandlers<HostElement>;\n  play: () => void;\n  surface: ReactNode;\n};\nfunction useRipple<HostElement extends Element = Element>(enabled = true, externalHandlers: RippleEventHandlers<HostElement> = {}, endsOnRelease = false, centred = false): {\n  handlers: RippleEventHandlers<HostElement>;\n  play: () => void;\n  surface: ReactNode;\n} {\n  const [pressed, setPressed] = useState(false);\n  const rippleRef = useRef<HTMLSpanElement>(null);\n  const state = useRef<RippleState>(RippleState.Inactive);\n  const growAnimation = useRef<Animation | undefined>(undefined);\n  const rippleStartEvent = useRef<PointerEvent<HostElement> | undefined>(undefined);\n  const initialSize = useRef(0);\n  const rippleScale = useRef('1');\n  // Removes the listeners a press keeps on its host's document, while one is\n  // in flight — see `listenBeyondHost`.\n  const removeDocumentListeners = useRef<(() => void) | undefined>(undefined);\n\n  // Whether `event` comes from the pointer a press would follow: the primary\n  // one, and the one that started the press already in flight, if any.\n  const isPressPointer = useCallback((event: PointerEvent<HostElement>) => {\n    if (!event.isPrimary) {\n      return false;\n    }\n    const startEvent = rippleStartEvent.current;\n    return !startEvent || startEvent.pointerId === event.pointerId;\n  }, []);\n  const shouldReactToEvent = useCallback((event: PointerEvent<HostElement>) => isPressPointer(event) && (isTouch(event) || event.buttons === 1), [isPressPointer]);\n  const determineRippleSize = useCallback((rect: DOMRect) => {\n    const {\n      height,\n      width\n    } = rect;\n    const maxDimension = Math.max(height, width);\n    const softEdgeSize = Math.max(SOFT_EDGE_CONTAINER_RATIO * maxDimension, SOFT_EDGE_MINIMUM_SIZE);\n    const size = Math.floor(maxDimension * INITIAL_ORIGIN_SCALE);\n    const hypotenuse = Math.hypot(width, height);\n    const maxRadius = hypotenuse + PADDING;\n    initialSize.current = size;\n    rippleScale.current = `${(maxRadius + softEdgeSize) / size}`;\n    return `${size}px`;\n  }, []);\n  const getTranslationCoordinates = useCallback((rect: DOMRect, positionEvent?: PointerEvent<HostElement>) => {\n    const {\n      height,\n      left,\n      top,\n      width\n    } = rect;\n    const size = initialSize.current;\n    const endPoint = {\n      x: (width - size) / 2,\n      y: (height - size) / 2\n    };\n    const origin = positionEvent ? {\n      x: positionEvent.clientX - left,\n      y: positionEvent.clientY - top\n    } : {\n      x: width / 2,\n      y: height / 2\n    };\n    const startPoint = {\n      x: origin.x - size / 2,\n      y: origin.y - size / 2\n    };\n    return {\n      endPoint,\n      startPoint\n    };\n  }, []);\n  const startPressAnimation = useCallback((target: Element, positionEvent?: PointerEvent<HostElement>) => {\n    const ripple = rippleRef.current;\n    if (!ripple) {\n      return;\n    }\n    setPressed(true);\n    growAnimation.current?.cancel();\n\n    // Read once and share: the two helpers below both only need the\n    // rect, and a second `getBoundingClientRect()` call back to back with\n    // the first would be a redundant layout read.\n    //\n    // The surface's rect rather than the host's, since the ripple is placed\n    // inside the surface. The two are one box wherever the surface fills\n    // the host, which is every host but one drawing the surface in a part\n    // of itself. Under forced colours the surface is not drawn and has no\n    // box, so the host's stands in for a ripple nobody sees.\n    const surface = ripple.parentElement?.getBoundingClientRect();\n    const rect = surface && (surface.width > 0 || surface.height > 0) ? surface : target.getBoundingClientRect();\n    const size = determineRippleSize(rect);\n    const {\n      endPoint,\n      startPoint\n    } = getTranslationCoordinates(rect, centred ? undefined : positionEvent);\n    ripple.style.width = size;\n    ripple.style.height = size;\n    growAnimation.current = ripple.animate({\n      transform: [`translate(${startPoint.x}px, ${startPoint.y}px) scale(1)`, `translate(${endPoint.x}px, ${endPoint.y}px) scale(${rippleScale.current})`]\n    }, {\n      // Growth runs over a fixed duration regardless of how long the\n      // press is held, so the token is spent here rather than named as a\n      // constant — element.animate() is one of the two places a StyleX\n      // token could not have gone.\n      //\n      // Zeroed rather than skipped under reduced motion, which lands the\n      // disc at its full size with the growth never drawn. Skipping the\n      // call outright would leave `growAnimation` unset, and the release\n      // below reads its `currentTime` to decide whether the press has\n      // been visible long enough — so the press would still be shown, and\n      // would stop being held for its minimum.\n      duration: prefersReducedMotion() ? 0 : motionDurationMs.long1,\n      easing: motionEasing.standard,\n      fill: 'forwards'\n    });\n  }, [centred, determineRippleSize, getTranslationCoordinates]);\n  const endPressAnimation = useCallback(async () => {\n    removeDocumentListeners.current?.();\n    removeDocumentListeners.current = undefined;\n    rippleStartEvent.current = undefined;\n    state.current = RippleState.Inactive;\n    const animation = growAnimation.current;\n    const elapsed = typeof animation?.currentTime === 'number' ? animation.currentTime : Infinity;\n\n    // The floor on how briefly a ripple may be visible, so a quick tap reads\n    // as a deliberate ripple rather than a flicker.\n    if (elapsed >= motionDurationMs.medium1) {\n      setPressed(false);\n      return;\n    }\n    await new Promise(resolve => {\n      setTimeout(resolve, motionDurationMs.medium1 - elapsed);\n    });\n    if (growAnimation.current !== animation) {\n      // A newer press started; let it own the pressed state instead.\n      return;\n    }\n    setPressed(false);\n  }, []);\n\n  // A press can end somewhere other than its host. React Aria's press\n  // handling releases the capture a touch takes on its pointerdown, so that a\n  // finger can leave the element, and a press that turns into a scroll — or\n  // a finger that slides off and lifts — then ends with a pointercancel or\n  // pointerup on whatever is under it, which the host never hears. Left to\n  // the host's handlers alone, the ripple held at its pressed opacity until\n  // the next press on that host finished a cycle.\n  //\n  // So the press listens on its host's document, in the capture phase, for\n  // its own pointer, the way React Aria's own press handling does. An end the\n  // host does hear is left to the host's handlers, which run after these.\n  const listenBeyondHost = useCallback((host: HostElement, pointerId: number) => {\n    removeDocumentListeners.current?.();\n    const document = host.ownerDocument;\n    const handleEnd = (event: globalThis.PointerEvent) => {\n      if (event.pointerId !== pointerId || event.composedPath().includes(host)) {\n        return;\n      }\n      void endPressAnimation();\n    };\n    document.addEventListener('pointercancel', handleEnd, true);\n    document.addEventListener('pointerup', handleEnd, true);\n    removeDocumentListeners.current = () => {\n      document.removeEventListener('pointercancel', handleEnd, true);\n      document.removeEventListener('pointerup', handleEnd, true);\n    };\n  }, [endPressAnimation]);\n\n  // A host unmounted mid-press leaves nothing listening behind it.\n  useEffect(() => () => {\n    removeDocumentListeners.current?.();\n  }, []);\n\n  // Reads through a function so a stale narrowing of `state.current` from\n  // before the `await` below isn't (incorrectly) carried across it — the\n  // ref can change via a different handler while this one is suspended.\n  const getState = useCallback(() => state.current, []);\n  const handlePointerDownAsync = useCallback(async (event: PointerEvent<HostElement>) => {\n    if (!shouldReactToEvent(event)) {\n      return;\n    }\n    rippleStartEvent.current = event;\n    const target = event.currentTarget;\n    listenBeyondHost(target, event.pointerId);\n    if (!isTouch(event)) {\n      state.current = RippleState.WaitingForClick;\n      startPressAnimation(target, event);\n      return;\n    }\n\n    // Delay so a scroll/swipe starting on the element doesn't flash a\n    // ripple — only a held (or quickly released) touch counts as a press.\n    state.current = RippleState.TouchDelay;\n    await new Promise(resolve => {\n      setTimeout(resolve, motionDurationMs.short2);\n    });\n    if (getState() !== RippleState.TouchDelay) {\n      return;\n    }\n    state.current = RippleState.Holding;\n    startPressAnimation(target, event);\n  }, [getState, listenBeyondHost, shouldReactToEvent, startPressAnimation]);\n  const handlePointerDown = useCallback((event: PointerEvent<HostElement>) => {\n    void handlePointerDownAsync(event);\n  }, [handlePointerDownAsync]);\n  const handlePointerUp = useCallback((event: PointerEvent<HostElement>) => {\n    // A mouse or pen release carries no pressed button, so the guard the\n    // other handlers share turns it away, which is right while a click\n    // follows to end the press. A host ending on the release matches it by\n    // its pointer alone.\n    if (endsOnRelease && !isTouch(event)) {\n      if (isPressPointer(event) && state.current === RippleState.WaitingForClick) {\n        void endPressAnimation();\n      }\n      return;\n    }\n    if (!shouldReactToEvent(event)) {\n      return;\n    }\n    if (state.current === RippleState.Holding) {\n      state.current = RippleState.WaitingForClick;\n    } else if (state.current === RippleState.TouchDelay) {\n      // Released before the delay elapsed: treat as a completed tap.\n      state.current = RippleState.WaitingForClick;\n      startPressAnimation(event.currentTarget, rippleStartEvent.current);\n    }\n\n    // The release is as far as such a host hears, so it is where the\n    // press ends — see `endsOnRelease` above.\n    if (endsOnRelease && state.current === RippleState.WaitingForClick) {\n      void endPressAnimation();\n    }\n  }, [endPressAnimation, endsOnRelease, isPressPointer, shouldReactToEvent, startPressAnimation]);\n  const handlePointerLeave = useCallback((event: PointerEvent<HostElement>) => {\n    if (isTouch(event) || !shouldReactToEvent(event)) {\n      return;\n    }\n    if (state.current !== RippleState.Inactive) {\n      void endPressAnimation();\n    }\n  }, [endPressAnimation, shouldReactToEvent]);\n  const handlePointerCancel = useCallback((event: PointerEvent<HostElement>) => {\n    if (!shouldReactToEvent(event)) {\n      return;\n    }\n    void endPressAnimation();\n  }, [endPressAnimation, shouldReactToEvent]);\n  const handleClick = useCallback((event: MouseEvent<HostElement>) => {\n    if (state.current === RippleState.WaitingForClick) {\n      void endPressAnimation();\n      return;\n    }\n    if (state.current === RippleState.Inactive) {\n      // No pointerdown preceded this click — keyboard activation, a\n      // programmatic `.click()`, or assistive-tech-synthesized activation.\n      // Play a complete, centered press immediately.\n      startPressAnimation(event.currentTarget);\n      void endPressAnimation();\n    }\n  }, [endPressAnimation, startPressAnimation]);\n\n  // The element the surface is rendered in stands in for the host a click\n  // would have named. With no surface rendered there is nothing to play, and\n  // a press already in flight is left to the pointer that started it.\n  const play = useCallback(() => {\n    const host = rippleRef.current?.parentElement?.parentElement;\n    if (!host || state.current !== RippleState.Inactive) {\n      return;\n    }\n    startPressAnimation(host);\n    void endPressAnimation();\n  }, [endPressAnimation, startPressAnimation]);\n  const handleContextMenu = useCallback(() => {\n    void endPressAnimation();\n  }, [endPressAnimation]);\n  const {\n    onClick: onClickProp,\n    onContextMenu: onContextMenuProp,\n    onPointerCancel: onPointerCancelProp,\n    onPointerDown: onPointerDownProp,\n    onPointerLeave: onPointerLeaveProp,\n    onPointerUp: onPointerUpProp\n  } = externalHandlers;\n  const onClick = useCallback((event: MouseEvent<HostElement>) => {\n    handleClick(event);\n    onClickProp?.(event);\n  }, [handleClick, onClickProp]);\n  const onContextMenu = useCallback((event: MouseEvent<HostElement>) => {\n    handleContextMenu();\n    onContextMenuProp?.(event);\n  }, [handleContextMenu, onContextMenuProp]);\n  const onPointerCancel = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerCancel(event);\n    onPointerCancelProp?.(event);\n  }, [handlePointerCancel, onPointerCancelProp]);\n  const onPointerDown = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerDown(event);\n    onPointerDownProp?.(event);\n  }, [handlePointerDown, onPointerDownProp]);\n  const onPointerLeave = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerLeave(event);\n    onPointerLeaveProp?.(event);\n  }, [handlePointerLeave, onPointerLeaveProp]);\n  const onPointerUp = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerUp(event);\n    onPointerUpProp?.(event);\n  }, [handlePointerUp, onPointerUpProp]);\n  const handlers = useMemo(() => {\n    const pointer = {\n      onContextMenu,\n      onPointerCancel,\n      onPointerDown,\n      onPointerLeave,\n      onPointerUp\n    };\n    return endsOnRelease ? pointer : {\n      onClick,\n      ...pointer\n    };\n  }, [endsOnRelease, onClick, onContextMenu, onPointerCancel, onPointerDown, onPointerLeave, onPointerUp]);\n  const surface = useMemo(() => <span aria-hidden=\"true\" {...surfaceProps}>\n        <span ref={rippleRef} {...stylex.props(rippleStyles.press, pressed && rippleStyles.pressed)} />\n      </span>, [pressed]);\n\n  // Two separate memos rather than one branching on `enabled`, so that\n  // whichever branch is actually active stays keyed only on its own\n  // inputs — the enabled result doesn't get a new identity every time\n  // `externalHandlers` does (a component typically passes a fresh object\n  // literal each render), and vice versa.\n  const enabledResult = useMemo(() => ({\n    handlers,\n    play,\n    surface\n  }), [handlers, play, surface]);\n  const disabledResult = useMemo(() => ({\n    handlers: externalHandlers,\n    play,\n    surface: null\n  }), [externalHandlers, play]);\n  return enabled ? enabledResult : disabledResult;\n}\nexport { useRipple };"],"mappings":"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"}

package/dist/i18n/index.js

@@ -24,6 +24,7 @@ function messagesFor(locale) {
 		copied: formatter.format("copied"),
 		copy: formatter.format("copy"),
 		copySelected: formatter.format("copySelected"),
+		dragHandle: formatter.format("dragHandle"),
 		enterTime: formatter.format("enterTime"),
 		loading: formatter.format("loading"),
 		loadingMore: formatter.format("loadingMore"),

package/dist/i18n/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["LocalizedStringDictionary","LocalizedStringFormatter","useLocale","MESSAGES","LibraryMessages","back","cancel","carousel","characterLimit","count","characterLimitReached","confirm","copied","copy","copySelected","enterTime","loading","loadingMore","nextSlide","noResults","previousSlide","selectTime","slide","slideLabel","index","dictionary","cache","Map","messagesFor","locale","cached","get","undefined","formatter","numbers","Intl","NumberFormat","rules","PluralRules","messages","format","rule","select","set","useMessages","$","_c","t0","t1","_c"],"sources":["../../src/i18n/index.ts"],"sourcesContent":["import {\n  LocalizedStringDictionary,\n  LocalizedStringFormatter,\n} from '@internationalized/string'\nimport { useLocale } from 'react-aria-components'\n\nimport { MESSAGES } from './messages'\n\n// The words the library writes itself, in the locale React Aria's\n// I18nProvider sets — the same locale every other name a control announces is\n// written in. Each one stands behind a prop that names it otherwise:\n// `pendingLabel`, a LoadMore's `label`, `copyLabel`, `copiedLabel` and\n// `selectedLabel`, `characterLimitLabel` and `characterLimitReachedLabel`,\n// the time picker's `cancelLabel`, `confirmLabel`, `selectTimeLabel` and\n// `enterTimeLabel`, and a collection's `renderEmptyState` for its empty row.\n\ntype LibraryMessages = {\n  /** What a search view's back button is called. */\n  back: string\n  /** The time picker's action that closes it and keeps the time it had. */\n  cancel: string\n  /** What a carousel calls itself, as its role description. */\n  carousel: string\n  /** The limit on a field's length, in words, for a count of characters. */\n  characterLimit: (count: number) => string\n  /** What a field announces once its length reaches its limit. */\n  characterLimitReached: string\n  /** The time picker's action that closes it and keeps the time picked. */\n  confirm: string\n  copied: string\n  copy: string\n  /**\n   * What a copy field says when the clipboard refused it and the value has\n   * been selected for the reader to copy themselves.\n   */\n  copySelected: string\n  /** The time picker's headline while it takes a time typed. */\n  enterTime: string\n  loading: string\n  loadingMore: string\n  /** What a carousel's next button is called. */\n  nextSlide: string\n  /** What a collection says when filtering leaves nothing in it. */\n  noResults: string\n  /** What a carousel's previous button is called. */\n  previousSlide: string\n  /** The time picker's headline while it shows the dial. */\n  selectTime: string\n  /** What a carousel calls one of its slides, as its role description. */\n  slide: string\n  /** A slide's name: which of how many it is, as \"2 of 6\". */\n  slideLabel: (index: number, count: number) => string\n}\n\nconst dictionary = new LocalizedStringDictionary(MESSAGES)\n\n// One set per locale an app renders in, built the first time a component asks\n// for it. Every string but the limit is fixed for its locale, so the set holds\n// them already formatted rather than formatting them on each render.\nconst cache = new Map<string, LibraryMessages>()\n\nfunction messagesFor(locale: string): LibraryMessages {\n  const cached = cache.get(locale)\n  if (cached !== undefined) {\n    return cached\n  }\n\n  const formatter = new LocalizedStringFormatter(locale, dictionary)\n  const numbers = new Intl.NumberFormat(locale)\n  const rules = new Intl.PluralRules(locale)\n  const messages = {\n    back: formatter.format('back'),\n    cancel: formatter.format('cancel'),\n    carousel: formatter.format('carousel'),\n    characterLimit: (count: number) =>\n      formatter.format('characterLimit', {\n        count: numbers.format(count),\n        rule: rules.select(count),\n      }),\n    characterLimitReached: formatter.format('characterLimitReached'),\n    confirm: formatter.format('confirm'),\n    copied: formatter.format('copied'),\n    copy: formatter.format('copy'),\n    copySelected: formatter.format('copySelected'),\n    enterTime: formatter.format('enterTime'),\n    loading: formatter.format('loading'),\n    loadingMore: formatter.format('loadingMore'),\n    nextSlide: formatter.format('nextSlide'),\n    noResults: formatter.format('noResults'),\n    previousSlide: formatter.format('previousSlide'),\n    selectTime: formatter.format('selectTime'),\n    slide: formatter.format('slide'),\n    slideLabel: (index: number, count: number) =>\n      formatter.format('slideLabel', {\n        count: numbers.format(count),\n        index: numbers.format(index),\n      }),\n  }\n  cache.set(locale, messages)\n  return messages\n}\n\n/** The library's own words, in the I18nProvider's locale. */\nfunction useMessages(): LibraryMessages {\n  return messagesFor(useLocale().locale)\n}\n\nexport type { LibraryMessages }\n\nexport { messagesFor, useMessages }\n"],"mappings":";;;;;AAsDA,MAAMyB,aAAa,IAAIzB,0BAA0BG,QAAQ;AAKzD,MAAMuB,wBAAQ,IAAIC,IAA6B;AAE/C,SAASC,YAAYC,QAAiC;CACpD,MAAMC,SAASJ,MAAMK,IAAIF,MAAM;CAC/B,IAAIC,WAAWE,KAAAA,GACb,OAAOF;CAGT,MAAMG,YAAY,IAAIhC,yBAAyB4B,QAAQJ,UAAU;CACjE,MAAMS,UAAU,IAAIC,KAAKC,aAAaP,MAAM;CAC5C,MAAMQ,QAAQ,IAAIF,KAAKG,YAAYT,MAAM;CACzC,MAAMU,WAAW;EACflC,MAAM4B,UAAUO,OAAO,MAAM;EAC7BlC,QAAQ2B,UAAUO,OAAO,QAAQ;EACjCjC,UAAU0B,UAAUO,OAAO,UAAU;EACrChC,iBAAiBC,UACfwB,UAAUO,OAAO,kBAAkB;GACjC/B,OAAOyB,QAAQM,OAAO/B,KAAK;GAC3BgC,MAAMJ,MAAMK,OAAOjC,KAAK;EAC1B,CAAC;EACHC,uBAAuBuB,UAAUO,OAAO,uBAAuB;EAC/D7B,SAASsB,UAAUO,OAAO,SAAS;EACnC5B,QAAQqB,UAAUO,OAAO,QAAQ;EACjC3B,MAAMoB,UAAUO,OAAO,MAAM;EAC7B1B,cAAcmB,UAAUO,OAAO,cAAc;EAC7CzB,WAAWkB,UAAUO,OAAO,WAAW;EACvCxB,SAASiB,UAAUO,OAAO,SAAS;EACnCvB,aAAagB,UAAUO,OAAO,aAAa;EAC3CtB,WAAWe,UAAUO,OAAO,WAAW;EACvCrB,WAAWc,UAAUO,OAAO,WAAW;EACvCpB,eAAea,UAAUO,OAAO,eAAe;EAC/CnB,YAAYY,UAAUO,OAAO,YAAY;EACzClB,OAAOW,UAAUO,OAAO,OAAO;EAC/BjB,aAAaC,OAAef,UAC1BwB,UAAUO,OAAO,cAAc;GAC7B/B,OAAOyB,QAAQM,OAAO/B,KAAK;GAC3Be,OAAOU,QAAQM,OAAOhB,KAAK;EAC7B,CAAC;CACL;CACAE,MAAMiB,IAAId,QAAQU,QAAQ;CAC1B,OAAOA;AACT;;AAGA,SAAAK,cAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CACqB,MAAAC,KAAA7C,UAAU;CAAC,IAAA8C;CAAA,IAAAH,EAAA,OAAAE,GAAAlB,QAAA;EAAvBmB,KAAApB,YAAYmB,GAAWlB,MAAO;EAACgB,EAAA,KAAAE,GAAAlB;EAAAgB,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OAA/BG;AAA+B"}
+{"version":3,"file":"index.js","names":["LocalizedStringDictionary","LocalizedStringFormatter","useLocale","MESSAGES","LibraryMessages","back","cancel","carousel","characterLimit","count","characterLimitReached","confirm","copied","copy","copySelected","dragHandle","enterTime","loading","loadingMore","nextSlide","noResults","previousSlide","selectTime","slide","slideLabel","index","dictionary","cache","Map","messagesFor","locale","cached","get","undefined","formatter","numbers","Intl","NumberFormat","rules","PluralRules","messages","format","rule","select","set","useMessages","$","_c","t0","t1","_c"],"sources":["../../src/i18n/index.ts"],"sourcesContent":["import {\n  LocalizedStringDictionary,\n  LocalizedStringFormatter,\n} from '@internationalized/string'\nimport { useLocale } from 'react-aria-components'\n\nimport { MESSAGES } from './messages'\n\n// The words the library writes itself, in the locale React Aria's\n// I18nProvider sets — the same locale every other name a control announces is\n// written in. Each one stands behind a prop that names it otherwise:\n// `pendingLabel`, a LoadMore's `label`, `copyLabel`, `copiedLabel` and\n// `selectedLabel`, a sheet handle's `aria-label`, `characterLimitLabel` and\n// `characterLimitReachedLabel`, the time picker's `cancelLabel`,\n// `confirmLabel`, `selectTimeLabel` and `enterTimeLabel`, and a collection's\n// `renderEmptyState` for its empty row.\n\ntype LibraryMessages = {\n  /** What a search view's back button is called. */\n  back: string\n  /** The time picker's action that closes it and keeps the time it had. */\n  cancel: string\n  /** What a carousel calls itself, as its role description. */\n  carousel: string\n  /** The limit on a field's length, in words, for a count of characters. */\n  characterLimit: (count: number) => string\n  /** What a field announces once its length reaches its limit. */\n  characterLimitReached: string\n  /** The time picker's action that closes it and keeps the time picked. */\n  confirm: string\n  copied: string\n  copy: string\n  /**\n   * What a copy field says when the clipboard refused it and the value has\n   * been selected for the reader to copy themselves.\n   */\n  copySelected: string\n  /**\n   * What a bottom sheet's drag handle is called, while it is a button that\n   * moves the sheet between its snap points.\n   */\n  dragHandle: string\n  /** The time picker's headline while it takes a time typed. */\n  enterTime: string\n  loading: string\n  loadingMore: string\n  /** What a carousel's next button is called. */\n  nextSlide: string\n  /** What a collection says when filtering leaves nothing in it. */\n  noResults: string\n  /** What a carousel's previous button is called. */\n  previousSlide: string\n  /** The time picker's headline while it shows the dial. */\n  selectTime: string\n  /** What a carousel calls one of its slides, as its role description. */\n  slide: string\n  /** A slide's name: which of how many it is, as \"2 of 6\". */\n  slideLabel: (index: number, count: number) => string\n}\n\nconst dictionary = new LocalizedStringDictionary(MESSAGES)\n\n// One set per locale an app renders in, built the first time a component asks\n// for it. Every string but the limit is fixed for its locale, so the set holds\n// them already formatted rather than formatting them on each render.\nconst cache = new Map<string, LibraryMessages>()\n\nfunction messagesFor(locale: string): LibraryMessages {\n  const cached = cache.get(locale)\n  if (cached !== undefined) {\n    return cached\n  }\n\n  const formatter = new LocalizedStringFormatter(locale, dictionary)\n  const numbers = new Intl.NumberFormat(locale)\n  const rules = new Intl.PluralRules(locale)\n  const messages = {\n    back: formatter.format('back'),\n    cancel: formatter.format('cancel'),\n    carousel: formatter.format('carousel'),\n    characterLimit: (count: number) =>\n      formatter.format('characterLimit', {\n        count: numbers.format(count),\n        rule: rules.select(count),\n      }),\n    characterLimitReached: formatter.format('characterLimitReached'),\n    confirm: formatter.format('confirm'),\n    copied: formatter.format('copied'),\n    copy: formatter.format('copy'),\n    copySelected: formatter.format('copySelected'),\n    dragHandle: formatter.format('dragHandle'),\n    enterTime: formatter.format('enterTime'),\n    loading: formatter.format('loading'),\n    loadingMore: formatter.format('loadingMore'),\n    nextSlide: formatter.format('nextSlide'),\n    noResults: formatter.format('noResults'),\n    previousSlide: formatter.format('previousSlide'),\n    selectTime: formatter.format('selectTime'),\n    slide: formatter.format('slide'),\n    slideLabel: (index: number, count: number) =>\n      formatter.format('slideLabel', {\n        count: numbers.format(count),\n        index: numbers.format(index),\n      }),\n  }\n  cache.set(locale, messages)\n  return messages\n}\n\n/** The library's own words, in the I18nProvider's locale. */\nfunction useMessages(): LibraryMessages {\n  return messagesFor(useLocale().locale)\n}\n\nexport type { LibraryMessages }\n\nexport { messagesFor, useMessages }\n"],"mappings":";;;;;AA4DA,MAAM0B,aAAa,IAAI1B,0BAA0BG,QAAQ;AAKzD,MAAMwB,wBAAQ,IAAIC,IAA6B;AAE/C,SAASC,YAAYC,QAAiC;CACpD,MAAMC,SAASJ,MAAMK,IAAIF,MAAM;CAC/B,IAAIC,WAAWE,KAAAA,GACb,OAAOF;CAGT,MAAMG,YAAY,IAAIjC,yBAAyB6B,QAAQJ,UAAU;CACjE,MAAMS,UAAU,IAAIC,KAAKC,aAAaP,MAAM;CAC5C,MAAMQ,QAAQ,IAAIF,KAAKG,YAAYT,MAAM;CACzC,MAAMU,WAAW;EACfnC,MAAM6B,UAAUO,OAAO,MAAM;EAC7BnC,QAAQ4B,UAAUO,OAAO,QAAQ;EACjClC,UAAU2B,UAAUO,OAAO,UAAU;EACrCjC,iBAAiBC,UACfyB,UAAUO,OAAO,kBAAkB;GACjChC,OAAO0B,QAAQM,OAAOhC,KAAK;GAC3BiC,MAAMJ,MAAMK,OAAOlC,KAAK;EAC1B,CAAC;EACHC,uBAAuBwB,UAAUO,OAAO,uBAAuB;EAC/D9B,SAASuB,UAAUO,OAAO,SAAS;EACnC7B,QAAQsB,UAAUO,OAAO,QAAQ;EACjC5B,MAAMqB,UAAUO,OAAO,MAAM;EAC7B3B,cAAcoB,UAAUO,OAAO,cAAc;EAC7C1B,YAAYmB,UAAUO,OAAO,YAAY;EACzCzB,WAAWkB,UAAUO,OAAO,WAAW;EACvCxB,SAASiB,UAAUO,OAAO,SAAS;EACnCvB,aAAagB,UAAUO,OAAO,aAAa;EAC3CtB,WAAWe,UAAUO,OAAO,WAAW;EACvCrB,WAAWc,UAAUO,OAAO,WAAW;EACvCpB,eAAea,UAAUO,OAAO,eAAe;EAC/CnB,YAAYY,UAAUO,OAAO,YAAY;EACzClB,OAAOW,UAAUO,OAAO,OAAO;EAC/BjB,aAAaC,OAAehB,UAC1ByB,UAAUO,OAAO,cAAc;GAC7BhC,OAAO0B,QAAQM,OAAOhC,KAAK;GAC3BgB,OAAOU,QAAQM,OAAOhB,KAAK;EAC7B,CAAC;CACL;CACAE,MAAMiB,IAAId,QAAQU,QAAQ;CAC1B,OAAOA;AACT;;AAGA,SAAAK,cAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CACqB,MAAAC,KAAA9C,UAAU;CAAC,IAAA+C;CAAA,IAAAH,EAAA,OAAAE,GAAAlB,QAAA;EAAvBmB,KAAApB,YAAYmB,GAAWlB,MAAO;EAACgB,EAAA,KAAAE,GAAAlB;EAAAgB,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OAA/BG;AAA+B"}

package/dist/i18n/messages.js

@@ -30,6 +30,7 @@ const MESSAGES = {
 		copied: "تم النسخ",
 		copy: "نسخ",
 		copySelected: "محدد للنسخ",
+		dragHandle: "مقبض السحب",
 		enterTime: "أدخل الوقت",
 		loading: "جارٍ التحميل",
 		loadingMore: "جارٍ تحميل المزيد",
@@ -53,6 +54,7 @@ const MESSAGES = {
 		copied: "Копирано",
 		copy: "Копиране",
 		copySelected: "Избрано за копиране",
+		dragHandle: "Манипулатор за плъзгане",
 		enterTime: "Въведете час",
 		loading: "Зареждане",
 		loadingMore: "Зареждане на още",
@@ -78,6 +80,7 @@ const MESSAGES = {
 		copied: "Zkopírováno",
 		copy: "Kopírovat",
 		copySelected: "Vybráno ke zkopírování",
+		dragHandle: "Úchyt pro přetažení",
 		enterTime: "Zadejte čas",
 		loading: "Načítání",
 		loadingMore: "Načítání dalších",
@@ -98,6 +101,7 @@ const MESSAGES = {
 		copied: "Kopieret",
 		copy: "Kopiér",
 		copySelected: "Markeret til kopiering",
+		dragHandle: "Trækhåndtag",
 		enterTime: "Angiv tidspunkt",
 		loading: "Indlæser",
 		loadingMore: "Indlæser flere",
@@ -118,6 +122,7 @@ const MESSAGES = {
 		copied: "Kopiert",
 		copy: "Kopieren",
 		copySelected: "Zum Kopieren markiert",
+		dragHandle: "Ziehpunkt",
 		enterTime: "Uhrzeit eingeben",
 		loading: "Wird geladen",
 		loadingMore: "Weitere werden geladen",
@@ -141,6 +146,7 @@ const MESSAGES = {
 		copied: "Αντιγράφηκε",
 		copy: "Αντιγραφή",
 		copySelected: "Επιλέχθηκε για αντιγραφή",
+		dragHandle: "Λαβή μεταφοράς",
 		enterTime: "Εισαγωγή ώρας",
 		loading: "Φόρτωση",
 		loadingMore: "Φόρτωση περισσότερων",
@@ -164,6 +170,7 @@ const MESSAGES = {
 		copied: "Copied",
 		copy: "Copy",
 		copySelected: "Selected to copy",
+		dragHandle: "Drag handle",
 		enterTime: "Enter time",
 		loading: "Loading",
 		loadingMore: "Loading more",
@@ -187,6 +194,7 @@ const MESSAGES = {
 		copied: "Copiado",
 		copy: "Copiar",
 		copySelected: "Seleccionado para copiar",
+		dragHandle: "Controlador de arrastre",
 		enterTime: "Introducir hora",
 		loading: "Cargando",
 		loadingMore: "Cargando más",
@@ -210,6 +218,7 @@ const MESSAGES = {
 		copied: "Kopeeritud",
 		copy: "Kopeeri",
 		copySelected: "Kopeerimiseks valitud",
+		dragHandle: "Lohistamispide",
 		enterTime: "Sisesta kellaaeg",
 		loading: "Laadimine",
 		loadingMore: "Laaditakse veel",
@@ -233,6 +242,7 @@ const MESSAGES = {
 		copied: "Kopioitu",
 		copy: "Kopioi",
 		copySelected: "Valittu kopioitavaksi",
+		dragHandle: "Vetokahva",
 		enterTime: "Anna aika",
 		loading: "Ladataan",
 		loadingMore: "Ladataan lisää",
@@ -256,6 +266,7 @@ const MESSAGES = {
 		copied: "Copié",
 		copy: "Copier",
 		copySelected: "Sélectionné pour la copie",
+		dragHandle: "Poignée de déplacement",
 		enterTime: "Saisir l’heure",
 		loading: "Chargement",
 		loadingMore: "Chargement de la suite",
@@ -280,6 +291,7 @@ const MESSAGES = {
 		copied: "הועתק",
 		copy: "העתק",
 		copySelected: "נבחר להעתקה",
+		dragHandle: "ידית גרירה",
 		enterTime: "הזנת שעה",
 		loading: "טוען",
 		loadingMore: "טוען עוד",
@@ -304,6 +316,7 @@ const MESSAGES = {
 		copied: "Kopirano",
 		copy: "Kopiraj",
 		copySelected: "Odabrano za kopiranje",
+		dragHandle: "Ručica za povlačenje",
 		enterTime: "Unesite vrijeme",
 		loading: "Učitavanje",
 		loadingMore: "Učitava se još",
@@ -324,6 +337,7 @@ const MESSAGES = {
 		copied: "Másolva",
 		copy: "Másolás",
 		copySelected: "Kijelölve másoláshoz",
+		dragHandle: "Húzófogantyú",
 		enterTime: "Időpont megadása",
 		loading: "Betöltés",
 		loadingMore: "Továbbiak betöltése",
@@ -347,6 +361,7 @@ const MESSAGES = {
 		copied: "Copiato",
 		copy: "Copia",
 		copySelected: "Selezionato per la copia",
+		dragHandle: "Maniglia di trascinamento",
 		enterTime: "Inserisci l’ora",
 		loading: "Caricamento",
 		loadingMore: "Caricamento di altri elementi",
@@ -367,6 +382,7 @@ const MESSAGES = {
 		copied: "コピーしました",
 		copy: "コピー",
 		copySelected: "コピー用に選択しました",
+		dragHandle: "ドラッグハンドル",
 		enterTime: "時刻を入力",
 		loading: "読み込み中",
 		loadingMore: "さらに読み込み中",
@@ -387,6 +403,7 @@ const MESSAGES = {
 		copied: "복사됨",
 		copy: "복사",
 		copySelected: "복사할 수 있게 선택됨",
+		dragHandle: "드래그 핸들",
 		enterTime: "시간 입력",
 		loading: "로드 중",
 		loadingMore: "더 로드하는 중",
@@ -412,6 +429,7 @@ const MESSAGES = {
 		copied: "Nukopijuota",
 		copy: "Kopijuoti",
 		copySelected: "Pažymėta kopijuoti",
+		dragHandle: "Vilkimo rankenėlė",
 		enterTime: "Įveskite laiką",
 		loading: "Įkeliama",
 		loadingMore: "Įkeliama daugiau",
@@ -436,6 +454,7 @@ const MESSAGES = {
 		copied: "Nokopēts",
 		copy: "Kopēt",
 		copySelected: "Atlasīts kopēšanai",
+		dragHandle: "Vilkšanas turis",
 		enterTime: "Ievadiet laiku",
 		loading: "Notiek ielāde",
 		loadingMore: "Notiek papildu ielāde",
@@ -456,6 +475,7 @@ const MESSAGES = {
 		copied: "Kopiert",
 		copy: "Kopier",
 		copySelected: "Merket for kopiering",
+		dragHandle: "Drahåndtak",
 		enterTime: "Angi klokkeslett",
 		loading: "Laster inn",
 		loadingMore: "Laster inn flere",
@@ -479,6 +499,7 @@ const MESSAGES = {
 		copied: "Gekopieerd",
 		copy: "Kopiëren",
 		copySelected: "Geselecteerd om te kopiëren",
+		dragHandle: "Sleepgreep",
 		enterTime: "Tijd invoeren",
 		loading: "Laden",
 		loadingMore: "Meer laden",
@@ -504,6 +525,7 @@ const MESSAGES = {
 		copied: "Skopiowano",
 		copy: "Kopiuj",
 		copySelected: "Zaznaczono do skopiowania",
+		dragHandle: "Uchwyt przeciągania",
 		enterTime: "Wpisz godzinę",
 		loading: "Ładowanie",
 		loadingMore: "Ładowanie kolejnych",
@@ -527,6 +549,7 @@ const MESSAGES = {
 		copied: "Copiado",
 		copy: "Copiar",
 		copySelected: "Selecionado para copiar",
+		dragHandle: "Alça de arrastar",
 		enterTime: "Digite o horário",
 		loading: "Carregando",
 		loadingMore: "Carregando mais",
@@ -550,6 +573,7 @@ const MESSAGES = {
 		copied: "Copiado",
 		copy: "Copiar",
 		copySelected: "Selecionado para copiar",
+		dragHandle: "Pega para arrastar",
 		enterTime: "Introduzir a hora",
 		loading: "A carregar",
 		loadingMore: "A carregar mais",
@@ -574,6 +598,7 @@ const MESSAGES = {
 		copied: "Copiat",
 		copy: "Copiați",
 		copySelected: "Selectat pentru copiere",
+		dragHandle: "Mâner de glisare",
 		enterTime: "Introduceți ora",
 		loading: "Se încarcă",
 		loadingMore: "Se încarcă mai multe",
@@ -599,6 +624,7 @@ const MESSAGES = {
 		copied: "Скопировано",
 		copy: "Копировать",
 		copySelected: "Выделено для копирования",
+		dragHandle: "Маркер перемещения",
 		enterTime: "Введите время",
 		loading: "Загрузка",
 		loadingMore: "Загрузка ещё",
@@ -624,6 +650,7 @@ const MESSAGES = {
 		copied: "Skopírované",
 		copy: "Kopírovať",
 		copySelected: "Vybraté na kopírovanie",
+		dragHandle: "Úchyt na presunutie",
 		enterTime: "Zadajte čas",
 		loading: "Načítava sa",
 		loadingMore: "Načítavajú sa ďalšie",
@@ -649,6 +676,7 @@ const MESSAGES = {
 		copied: "Kopirano",
 		copy: "Kopiraj",
 		copySelected: "Izbrano za kopiranje",
+		dragHandle: "Ročica za vlečenje",
 		enterTime: "Vnesite čas",
 		loading: "Nalaganje",
 		loadingMore: "Nalaganje več",
@@ -673,6 +701,7 @@ const MESSAGES = {
 		copied: "Kopirano",
 		copy: "Kopiraj",
 		copySelected: "Izabrano za kopiranje",
+		dragHandle: "Ručica za prevlačenje",
 		enterTime: "Unesite vreme",
 		loading: "Učitavanje",
 		loadingMore: "Učitavanje još",
@@ -693,6 +722,7 @@ const MESSAGES = {
 		copied: "Kopierat",
 		copy: "Kopiera",
 		copySelected: "Markerat för kopiering",
+		dragHandle: "Draghandtag",
 		enterTime: "Ange tid",
 		loading: "Läser in",
 		loadingMore: "Läser in fler",
@@ -713,6 +743,7 @@ const MESSAGES = {
 		copied: "Kopyalandı",
 		copy: "Kopyala",
 		copySelected: "Kopyalamak için seçildi",
+		dragHandle: "Sürükleme tutamacı",
 		enterTime: "Saati girin",
 		loading: "Yükleniyor",
 		loadingMore: "Daha fazlası yükleniyor",
@@ -738,6 +769,7 @@ const MESSAGES = {
 		copied: "Скопійовано",
 		copy: "Копіювати",
 		copySelected: "Виділено для копіювання",
+		dragHandle: "Маркер перетягування",
 		enterTime: "Введіть час",
 		loading: "Завантаження",
 		loadingMore: "Завантаження ще",
@@ -758,6 +790,7 @@ const MESSAGES = {
 		copied: "已复制",
 		copy: "复制",
 		copySelected: "已选中，可复制",
+		dragHandle: "拖动手柄",
 		enterTime: "输入时间",
 		loading: "正在加载",
 		loadingMore: "正在加载更多",
@@ -778,6 +811,7 @@ const MESSAGES = {
 		copied: "已複製",
 		copy: "複製",
 		copySelected: "已選取，可複製",
+		dragHandle: "拖曳控點",
 		enterTime: "輸入時間",
 		loading: "正在載入",
 		loadingMore: "正在載入更多",