@astryxdesign/core 0.7.7-canary.fc68123 → 0.7.7

package/dist/animator/createAnimator.js

@@ -1,259 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-/**
- * @file createAnimator.ts
- * @input An element; the internal motion animator (motion/animator.ts), the
- *   `springs.stateChange` motion role and the momentum coast (motion/coast.ts)
- * @output The public animator: `createAnimator`, the `AnimatorHandle` it
- *   returns, and their value types
- * @position Public entry point, re-exported from the package root. The
- *   `useAnimator` hook wraps it. Importing it does no DOM work.
- *
- * SYNC: When modified, update:
- * - /packages/core/src/animator/createAnimator.test.ts
- * - /packages/core/src/animator/createAnimator.doc.mjs
- * - /packages/core/src/hooks/useAnimator.ts
- */
-import { createMotionAnimator, SETTLE_THRESHOLD } from "../motion/animator.js";
-import { coast } from "../motion/coast.js";
-import { solveDecay } from "../motion/decay.js";
-import { registerSpringsTable, springs } from "../motion/uikit/springs.js";
-
-/**
- * A channel the animator drives. `x` and `y` translate the element (px).
- * `scale` scales it about its transform origin (1 is its size). `rotate`
- * turns it (degrees, clockwise), and `opacity` fades it (0 to 1).
- */
-
-/**
- * Values by channel. A velocity uses the same keys, in units per second:
- * px/s, scale per second, deg/s, opacity per second.
- */
-
-/** Every channel's value (or velocity), as `get` and `getVelocity` read it. */
-
-/** Options of `AnimatorHandle.animate`. */
-
-/**
- * A release velocity for `AnimatorHandle.decay`, per channel, in its units
- * per second. That is px/s for `x` and `y`, and degrees per second for
- * `rotate`. `scale` and `opacity` take their units per second.
- */
-
-/**
- * Animates one element. Each method acts on the channels it is given and
- * leaves the others where they are.
- */
-
-/** What `createAnimator` returns: the handle, and `destroy`. */
-
-const CHANNELS = ['x', 'y', 'scale', 'rotate', 'opacity'];
-
-/** The values of the channels the public API names, and nothing else. */
-function motionValues(values) {
-  const out = {};
-  if (values == null) {
-    return out;
-  }
-  for (const channel of CHANNELS) {
-    const value = values[channel];
-    if (typeof value === 'number' && Number.isFinite(value)) {
-      out[channel] = value;
-    }
-  }
-  return out;
-}
-
-/**
- * A coast from `from` at `velocity` on the momentum decay a scroll view
- * uses, ending at rest. The theme does not change this decay. An opacity
- * coast stops at 0 or 1.
- */
-function momentum(from, velocity, threshold, isUnit) {
-  const glide = solveDecay({
-    from,
-    velocity
-  });
-  const edge = !isUnit ? null : glide.rest < 0 ? 0 : glide.rest > 1 ? 1 : null;
-  const hit = edge == null ? null : glide.timeToReach(edge);
-  const duration = hit ?? glide.settleTime(threshold);
-  const end = edge ?? glide.rest;
-  return {
-    duration,
-    at: t => t >= duration ? end : glide.value(t),
-    velocity: t => t >= duration ? 0 : glide.velocity(t)
-  };
-}
-function snapshot(read) {
-  return {
-    x: read('x'),
-    y: read('y'),
-    scale: read('scale'),
-    rotate: read('rotate'),
-    opacity: read('opacity')
-  };
-}
-
-/**
- * Resolves once every motion of one call has finished, or as soon as any of
- * them is interrupted (`finished` resolves `false`). A later call that takes
- * over one channel ends the whole call where it stopped, as one `animate`
- * does. The other channels move on.
- */
-async function settledOrTakenOver(moving) {
-  if (moving.length === 0) {
-    return;
-  }
-  await new Promise(resolve => {
-    let left = moving.length;
-    for (const finished of moving) {
-      void finished.then(completed => {
-        left -= 1;
-        if (!completed || left === 0) {
-          resolve();
-        }
-      });
-    }
-  });
-}
-
-/**
- * An animator whose element is attached later, through `attach`. It is the
- * one construction `createAnimator` and `useAnimator` share, so the hook has
- * no behavior of its own. Not exported from the package.
- */
-export function createAttachableAnimator() {
-  const motion = createMotionAnimator(null);
-  // Calls do nothing while no element is attached, before the ref attaches
-  // or after it lets go. They also do nothing after destroy, and animate and
-  // decay then resolve at once.
-  let element = null;
-  let destroyed = false;
-  const inactive = () => destroyed || element == null;
-  const animator = {
-    async animate(target, options) {
-      const to = motionValues(target);
-      if (inactive() || Object.keys(to).length === 0) {
-        return;
-      }
-      // The role registry is written on first use, never on import.
-      registerSpringsTable();
-      const velocity = motionValues(options?.velocity);
-      await motion.animate(to, {
-        spring: springs.stateChange,
-        ...(Object.keys(velocity).length > 0 ? {
-          velocity
-        } : {})
-      }).finished;
-    },
-    async decay(velocity) {
-      if (inactive()) {
-        return;
-      }
-      const given = motionValues(velocity);
-      // The translate axes coast as a throw, which Reduce Motion lets
-      // continue. The others coast as a transition, which it replaces.
-      const translate = coast(motion, {
-        x: given.x,
-        y: given.y
-      });
-      const others = {};
-      for (const channel of ['scale', 'rotate', 'opacity']) {
-        const v0 = given[channel];
-        if (v0 != null) {
-          const property = channel === 'scale' ? 'scaleX' : channel;
-          others[channel] = momentum(motion.get(property), v0, SETTLE_THRESHOLD[property], channel === 'opacity');
-        }
-      }
-      const moving = [];
-      if (Object.keys(translate).length > 0) {
-        moving.push(motion.decay(translate).finished);
-      }
-      if (Object.keys(others).length > 0) {
-        moving.push(motion.play(others).finished);
-      }
-      await settledOrTakenOver(moving);
-    },
-    set(values) {
-      if (!inactive()) {
-        motion.set(motionValues(values));
-      }
-    },
-    get() {
-      return snapshot(channel => motion.get(channel));
-    },
-    getVelocity() {
-      return snapshot(channel => motion.getVelocity(channel));
-    },
-    stop() {
-      if (!inactive()) {
-        motion.stop();
-      }
-    },
-    destroy() {
-      if (!destroyed) {
-        destroyed = true;
-        // Halts every channel where it shows, so the element keeps those
-        // values and nothing reads as moving, then lets go of it.
-        motion.stop();
-        motion.dispose();
-      }
-    }
-  };
-  return {
-    animator,
-    attach: next => {
-      if (destroyed || next === element) {
-        return;
-      }
-      if (element != null) {
-        // The old node takes its values with it, so the next node, or a
-        // remount, starts at rest.
-        motion.attach(null);
-        motion.stop();
-        motion.set(motionValues(REST));
-      }
-      element = next;
-      motion.attach(next);
-    }
-  };
-}
-
-/** A new or remounted element starts from these values. */
-const REST = {
-  x: 0,
-  y: 0,
-  scale: 1,
-  rotate: 0,
-  opacity: 1
-};
-
-/**
- * Animates `element` with the motion Core uses. `animate` springs channels to
- * a target on the state-change motion, and `decay` coasts them from a release
- * velocity. `set` jumps them, `get` and `getVelocity` read them, `stop` halts
- * them, and `destroy` lets the element go. Under Reduce Motion every call is
- * planned. A move becomes a short cross-fade on a touch screen, and it lands
- * at once with a mouse.
- *
- * Use one animator per element: two on one element overwrite each other.
- *
- * @example
- * ```
- * const card = document.querySelector('.card');
- * const animator = createAnimator(card);
- * await animator.animate({x: 0, rotate: 0}, {velocity: {x: -900}});
- * animator.decay({x: 2400});
- * animator.destroy();
- * ```
- */
-export function createAnimator(element) {
-  const {
-    animator,
-    attach
-  } = createAttachableAnimator();
-  attach(element);
-  return animator;
-}

package/dist/hooks/pressGroupContext.d.ts

@@ -1,6 +0,0 @@
-/**
- * True inside a group whose tracker paints a pointer's press on its actions.
- * Those actions take no `:active` paint, so one press never lights two.
- */
-export declare const PressGroupContext: import("react").Context<boolean>;
-//# sourceMappingURL=pressGroupContext.d.ts.map

package/dist/hooks/pressGroupContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pressGroupContext.d.ts","sourceRoot":"","sources":["../../src/hooks/pressGroupContext.ts"],"names":[],"mappings":"AAeA;;;GAGG;AACH,eAAO,MAAM,iBAAiB,kCAAuB,CAAC"}

package/dist/hooks/pressGroupContext.js

@@ -1,20 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-/**
- * @file pressGroupContext.ts
- * @input Nothing
- * @output PressGroupContext: true inside a group whose own tracker paints
- *   its actions' press
- * @position Internal; not exported from the hooks entry. AlertDialog
- *   provides it around its tracked actions, and Button reads it.
- */
-import { createContext } from 'react';
-
-/**
- * True inside a group whose tracker paints a pointer's press on its actions.
- * Those actions take no `:active` paint, so one press never lights two.
- */
-export const PressGroupContext = /*#__PURE__*/createContext(false);
-PressGroupContext.displayName = 'PressGroupContext';

package/dist/hooks/useActionGroupTracking.d.ts

@@ -1,53 +0,0 @@
-/**
- * @file useActionGroupTracking.ts
- * @input A ref to a group of sibling actions, the actions' selector, and the
- *   component's tracking constants
- * @output Exports useActionGroupTracking and ActionGroupTrackingOptions
- * @position Internal hook, not exported from the hooks entry. A long press
- *   drives the shared action-group tracker (hooks/actionGroupTracker.ts) for
- *   a group that a held pointer slides across. AlertDialog consumes it.
- *
- * SYNC: When modified, update useActionGroupTracking.test.tsx
- */
-import { type RefObject } from 'react';
-import { LongPressGestureRecognizer } from '../gestures/LongPressGestureRecognizer.js';
-import type { GestureTouch, PointerKind } from '../gestures/types.js';
-export interface ActionGroupTrackingOptions {
-    /** Selects the actions inside the tracked element. */
-    itemSelector: string;
-    /** How long after touch-down the touched action highlights, ms. */
-    highlightOnsetMs: number;
-    /**
-     * How far outside an action a finger keeps it highlighted, px. A mouse or a
-     * pen hit-tests the actions' exact rects.
-     */
-    highlightExpansion: number;
-    /** Pointers that are tracked; others keep the browser's click. @default every pointer */
-    pointerTypes?: ReadonlyArray<PointerKind>;
-    /** A press whose target this rejects is not tracked. */
-    shouldTrack?: (target: unknown) => boolean;
-    /** Off, nothing is attached and nothing is tracked. @default true */
-    isEnabled?: boolean;
-    /**
-     * Let the gesture host write the group's `touch-action` and refuse a text
-     * selection while a finger or a pen holds it.
-     * @default true
-     */
-    manageStyle?: boolean;
-    /** Runs the action under the finger at the lift. @default its own click */
-    onActivate?: (item: HTMLElement) => void;
-}
-/**
- * The group's press: a long press that a second finger on the group ends with
- * nothing acting. A plain long press ignores a second finger.
- */
-declare class ActionGroupPress extends LongPressGestureRecognizer {
-    protected acceptsTouch(touch: GestureTouch): boolean;
-}
-/**
- * Track a held pointer on the group behind `ref` across the actions inside
- * it, through the shared action-group tracker.
- */
-export declare function useActionGroupTracking(ref: RefObject<HTMLElement | null>, options: ActionGroupTrackingOptions): ActionGroupPress;
-export {};
-//# sourceMappingURL=useActionGroupTracking.d.ts.map

package/dist/hooks/useActionGroupTracking.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useActionGroupTracking.d.ts","sourceRoot":"","sources":["../../src/hooks/useActionGroupTracking.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AAEH,OAAO,EAA8B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAElE,OAAO,EAAC,0BAA0B,EAAC,MAAM,wCAAwC,CAAC;AAElF,OAAO,KAAK,EAAC,YAAY,EAAE,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAOjE,MAAM,WAAW,0BAA0B;IACzC,sDAAsD;IACtD,YAAY,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,gBAAgB,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B,yFAAyF;IACzF,YAAY,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,wDAAwD;IACxD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;IAC3C,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C;AASD;;;GAGG;AACH,cAAM,gBAAiB,SAAQ,0BAA0B;cACpC,YAAY,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO;CAO9D;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAClC,OAAO,EAAE,0BAA0B,GAClC,gBAAgB,CAoHlB"}

package/dist/hooks/useActionGroupTracking.js

@@ -1,174 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-/**
- * @file useActionGroupTracking.ts
- * @input A ref to a group of sibling actions, the actions' selector, and the
- *   component's tracking constants
- * @output Exports useActionGroupTracking and ActionGroupTrackingOptions
- * @position Internal hook, not exported from the hooks entry. A long press
- *   drives the shared action-group tracker (hooks/actionGroupTracker.ts) for
- *   a group that a held pointer slides across. AlertDialog consumes it.
- *
- * SYNC: When modified, update useActionGroupTracking.test.tsx
- */
-import { useEffect, useRef, useState } from 'react';
-import { isActive } from "../gestures/GestureRecognizer.js";
-import { LongPressGestureRecognizer } from "../gestures/LongPressGestureRecognizer.js";
-import { lockSelection } from "../utils/selectionLock.js";
-import { useGestureRecognizer } from "../gestures/useGestureRecognizer.js";
-import { UIKIT_PRESS } from "../motion/uikit/gestures.js";
-import { isIosWebKit } from "../utils/touchQueries.js";
-import { createActionGroupTracker } from "./actionGroupTracker.js";
-import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.js";
-const PRESS = UIKIT_PRESS;
-
-/** The ref handed to the recognizer while tracking is off: no element. */
-const DETACHED = {
-  current: null
-};
-const EVERY_POINTER = ['touch', 'pen', 'mouse'];
-
-/**
- * The group's press: a long press that a second finger on the group ends with
- * nothing acting. A plain long press ignores a second finger.
- */
-class ActionGroupPress extends LongPressGestureRecognizer {
-  acceptsTouch(touch) {
-    if (isActive(this.state)) {
-      this.setState('cancelled');
-      return false;
-    }
-    return super.acceptsTouch(touch);
-  }
-}
-
-/**
- * Track a held pointer on the group behind `ref` across the actions inside
- * it, through the shared action-group tracker.
- */
-export function useActionGroupTracking(ref, options) {
-  const optionsRef = useRef(options);
-  // Keeps the recognizer's delegate and the tracker, which run outside
-  // render, reading the latest options.
-  useIsomorphicLayoutEffect(() => {
-    optionsRef.current = options;
-  });
-  // The pointer that started the current press. Only a finger gets the hit
-  // expansion; a mouse or a pen hit-tests the actions' exact rects.
-  const pointerRef = useRef('touch');
-  const landedRef = useRef(null);
-  const [tracker] = useState(() => createActionGroupTracker(() => ({
-    roots: () => [ref.current],
-    itemSelector: optionsRef.current.itemSelector,
-    highlightExpansion: pointerRef.current === 'touch' ? optionsRef.current.highlightExpansion : 0,
-    onActivate: optionsRef.current.onActivate,
-    // The browser's own click for a press the group ran is taken, so the
-    // action runs once. The gesture host swallows it for a press it claims.
-    // This covers one it does not claim, a mouse under a coarse pointer.
-    swallowsNativeClick: true
-  })));
-  const isEnabled = options.isEnabled ?? true;
-  // Synchronizes the tracker with tracking on and mounted. Turning tracking
-  // off, or unmounting, drops a tracked press and ends its release fades.
-  // The host reports no cancellation to a disabled recognizer, and the lift
-  // that runs an action often closes the owner before its fade ends.
-  useEffect(() => () => {
-    tracker.cancel();
-    tracker.dispose();
-  }, [tracker, isEnabled]);
-  return useGestureRecognizer(isEnabled ? ref : DETACHED, () => new ActionGroupPress({
-    name: 'ActionGroupTracking',
-    minimumPressDuration: options.highlightOnsetMs,
-    allowableMovement: Number.POSITIVE_INFINITY,
-    allowedPointerTypes: options.pointerTypes ?? EVERY_POINTER,
-    delaysTouchesBegan: true,
-    // The hold picks an action, so a held finger or pen starts no text
-    // selection and opens no callout while down. A long press brings this
-    // lock by default; this hold has no minimum duration, so it names it.
-    selectionLock: lockSelection,
-    shouldReceiveTouch: (recognizer, touch) => {
-      if (recognizer.numberOfTouches === 0) {
-        pointerRef.current = touch.pointerType;
-        const target = touch.target;
-        landedRef.current = typeof target?.nodeType === 'number' ? target : null;
-      }
-      return receiveTouch(recognizer, touch, optionsRef.current);
-    }
-  }), recognizer => {
-    switch (recognizer.state) {
-      case 'began':
-        {
-          const {
-            x,
-            y
-          } = recognizer.location();
-          tracker.begin(x, y, {
-            landed: landedRef.current
-          });
-          break;
-        }
-      case 'changed':
-        {
-          const {
-            x,
-            y
-          } = recognizer.location();
-          tracker.move(x, y);
-          break;
-        }
-      case 'ended':
-        {
-          const doc = ref.current?.ownerDocument;
-          const focusedBefore = doc?.activeElement ?? null;
-          const beganOn = tracker.beganOn;
-          // Whether a click on the lifted action would focus it. A mouse's or
-          // a pen's pointerdown already gave the engine's answer, on the action
-          // it began on. A tap focuses on a later mousedown, which the claimed
-          // touch cancels, so the platform answers for a finger.
-          // iOS WebKit focuses no tapped button; Chromium and Firefox do.
-          const clickFocuses = pointerRef.current === 'touch' ? !isIosWebKit(doc?.defaultView) : beganOn != null && focusedBefore === beganOn;
-          const lifted = tracker.end();
-          // The lift runs the action's own click(), which moves no focus. So
-          // focus moves to the lifted action, unless its click moved focus.
-          if (clickFocuses && lifted != null && lifted.isConnected && doc?.activeElement === focusedBefore && focusedBefore !== lifted) {
-            lifted.focus({
-              preventScroll: true,
-              focusVisible: false
-            });
-          }
-          break;
-        }
-      case 'cancelled':
-        tracker.cancel();
-        break;
-      case 'possible':
-      case 'failed':
-        // Listeners are not called for these.
-        break;
-    }
-  }, {
-    isEnabled,
-    manageStyle: options.manageStyle ?? true,
-    actionGroup: true
-  });
-}
-
-/**
- * The recognizer's should-receive delegate. It also picks the press's clock.
- * Inside a scroller the press waits the content-touch delay and fails past
- * the slop, so the scroller takes a flick. Elsewhere it begins at once, with
- * no movement limit.
- */
-function receiveTouch(recognizer, touch, options) {
-  if (options.shouldTrack?.(touch.target) === false) {
-    return false;
-  }
-  if (recognizer.numberOfTouches === 0) {
-    const isInsideScroller = touch.scroll?.isInsideScroller === true;
-    recognizer.minimumPressDuration = isInsideScroller ? PRESS.contentTouchDelay.value : options.highlightOnsetMs;
-    recognizer.allowableMovement = isInsideScroller ? PRESS.slop.value : Number.POSITIVE_INFINITY;
-  }
-  return true;
-}

package/dist/hooks/useAnimator.d.ts

@@ -1,41 +0,0 @@
-/**
- * @file useAnimator.ts
- * @input React (useState), the element ref the caller owns, the public
- *   animator factory (animator/createAnimator.ts) and useAttachment
- * @output Exports `useAnimator(ref)`: the public animator for the element
- *   behind `ref`
- * @position Public hook, exported from `@astryxdesign/core/hooks`. A thin
- *   wrapper over `createAnimator` with no behavior of its own.
- *
- * SYNC: When modified, update:
- * - /packages/core/src/hooks/useAnimator.test.tsx
- * - /packages/core/src/hooks/useAnimator.doc.mjs
- */
-import { type RefObject } from 'react';
-import { type AnimatorHandle } from '../animator/createAnimator.js';
-/**
- * Animates the element behind `ref` with the motion Core uses. Call
- * `animate`, `decay`, `set`, `get`, `getVelocity` or `stop` on the returned
- * animator from event handlers and effects. Pass the same `ref` to a gesture
- * hook to drag and animate one element.
- *
- * The hook makes the animator once, and animating never re-renders the
- * component. After each commit, the animator follows the element behind
- * `ref`, also a node that replaces it. An unmount stops running motion and
- * drops the values. A remount, or a node that replaces the element, starts
- * at rest. While no element is attached, every call does nothing, and
- * `animate` and `decay` resolve at once.
- *
- * @example
- * ```
- * const ref = useRef<HTMLDivElement>(null);
- * const animator = useAnimator(ref);
- * return (
- *   <div ref={ref} onClick={() => animator.animate({scale: 1.2})}>
- *     Card
- *   </div>
- * );
- * ```
- */
-export declare function useAnimator(ref: RefObject<HTMLElement | null>): AnimatorHandle;
-//# sourceMappingURL=useAnimator.d.ts.map

package/dist/hooks/useAnimator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAnimator.d.ts","sourceRoot":"","sources":["../../src/hooks/useAnimator.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAW,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,4BAA4B,CAAC;AAGpC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,WAAW,CACzB,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GACjC,cAAc,CAehB"}

package/dist/hooks/useAnimator.js

@@ -1,70 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-/**
- * @file useAnimator.ts
- * @input React (useState), the element ref the caller owns, the public
- *   animator factory (animator/createAnimator.ts) and useAttachment
- * @output Exports `useAnimator(ref)`: the public animator for the element
- *   behind `ref`
- * @position Public hook, exported from `@astryxdesign/core/hooks`. A thin
- *   wrapper over `createAnimator` with no behavior of its own.
- *
- * SYNC: When modified, update:
- * - /packages/core/src/hooks/useAnimator.test.tsx
- * - /packages/core/src/hooks/useAnimator.doc.mjs
- */
-import { useState } from 'react';
-import { createAttachableAnimator } from "../animator/createAnimator.js";
-import { useAttachment } from "./useAttachment.js";
-
-/**
- * Animates the element behind `ref` with the motion Core uses. Call
- * `animate`, `decay`, `set`, `get`, `getVelocity` or `stop` on the returned
- * animator from event handlers and effects. Pass the same `ref` to a gesture
- * hook to drag and animate one element.
- *
- * The hook makes the animator once, and animating never re-renders the
- * component. After each commit, the animator follows the element behind
- * `ref`, also a node that replaces it. An unmount stops running motion and
- * drops the values. A remount, or a node that replaces the element, starts
- * at rest. While no element is attached, every call does nothing, and
- * `animate` and `decay` resolve at once.
- *
- * @example
- * ```
- * const ref = useRef<HTMLDivElement>(null);
- * const animator = useAnimator(ref);
- * return (
- *   <div ref={ref} onClick={() => animator.animate({scale: 1.2})}>
- *     Card
- *   </div>
- * );
- * ```
- */
-export function useAnimator(ref) {
-  const [{
-    handle,
-    attach
-  }] = useState(() => {
-    const {
-      animator,
-      attach: attachElement
-    } = createAttachableAnimator();
-    // The handle without `destroy`: the hook owns the element's lifetime.
-    const {
-      destroy: _destroy,
-      ...handle
-    } = animator;
-    return {
-      handle,
-      attach: element => {
-        attachElement(element);
-        return () => attachElement(null);
-      }
-    };
-  });
-  useAttachment(ref, attach, null);
-  return handle;
-}

package/dist/i18n/generated-english/PowerSearch/PowerSearchBottomSheet.generated.d.ts

@@ -1,8 +0,0 @@
-/**
- * @generated by scripts/generate-i18n-runtime.mjs from packages/core/locales/en.json,
- * holding the English for the catalog keys named in packages/core/src/PowerSearch/PowerSearchBottomSheet.tsx.
- * Do not edit by hand. Run `pnpm generate:i18n-runtime` instead.
- */
-declare const english: Readonly<Record<string, string>>;
-export default english;
-//# sourceMappingURL=PowerSearchBottomSheet.generated.d.ts.map

package/dist/i18n/generated-english/PowerSearch/PowerSearchBottomSheet.generated.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PowerSearchBottomSheet.generated.d.ts","sourceRoot":"","sources":["../../../../src/i18n/generated-english/PowerSearch/PowerSearchBottomSheet.generated.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,QAAA,MAAM,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAgC7C,CAAC;AAEF,eAAe,OAAO,CAAC"}