@astryxdesign/core 0.7.7-canary.c0929c8 → 0.7.7-canary.c19ca12

package/src/hooks/useLongPress.ts

@@ -25,6 +25,11 @@
 // its tolerance as a distance, as UIKit does. This hook measures it on each
 // axis. The context menu's own movement allowance is a guess and is not
 // measured yet (AST-094).
+//
+// The hold is a deadline on the touch events' timestamps, on the clock of the
+// touch's own window. A busy main thread can delay the timer past the
+// deadline. A touch stamped after the deadline then reports the press before
+// it acts.
 
 import {useCallback, useEffect, useRef} from 'react';
 import {
@@ -37,6 +42,41 @@ import {
 const DEFAULT_DELAY_MS = LONG_PRESS_DURATION_MS;
 const DEFAULT_MOVE_CANCEL_PX = LONG_PRESS_ALLOWABLE_MOVEMENT_PX;
 
+/** The part of a window's performance timeline a press reads. */
+type EventClock = Pick<Performance, 'now'>;
+
+function clockOf(e: React.TouchEvent): EventClock | null {
+  const view = e.view as unknown as {performance?: EventClock} | null;
+  return (
+    view?.performance ??
+    (typeof performance === 'undefined' ? null : performance)
+  );
+}
+
+/**
+ * An event's time on its window's clock. jsdom stamps events with
+ * `Date.now()`. The hook reads the age of such a stamp on that clock, so a
+ * frozen system time keeps the hold's length. A stamp nearer `Date.now()` than
+ * the window's clock is that kind of stamp.
+ */
+function timeOn(
+  clock: EventClock | null,
+  timeStamp: number | undefined,
+): number | undefined {
+  // A stamp of 0 means the event carries no time, so the hold falls back to
+  // the full delay on the page's timer.
+  if (timeStamp == null || !Number.isFinite(timeStamp) || timeStamp <= 0) {
+    return undefined;
+  }
+  if (
+    clock != null &&
+    Math.abs(Date.now() - timeStamp) < Math.abs(clock.now() - timeStamp)
+  ) {
+    return clock.now() - (Date.now() - timeStamp);
+  }
+  return timeStamp;
+}
+
 export interface UseLongPressOptions {
   /** Fired with the touch start point once the press is held for `delayMs`. */
   onLongPress: (point: {x: number; y: number}) => void;
@@ -59,8 +99,12 @@ export interface LongPressTolerance {
 export interface UseLongPressHandlers {
   onTouchStart: (e: React.TouchEvent) => void;
   onTouchMove: (e: React.TouchEvent) => void;
-  onTouchEnd: () => void;
-  onTouchCancel: () => void;
+  /**
+   * The lift. Pass the event, so a press it is stamped past (its timer held
+   * back by a busy page) still reports first. Spreading the handlers does.
+   */
+  onTouchEnd: (e?: React.TouchEvent) => void;
+  onTouchCancel: (e?: React.TouchEvent) => void;
   /**
    * Begin detection at a point, for a caller driving this from its own
    * pointer events rather than the touch handlers above.
@@ -118,6 +162,9 @@ export function useLongPressDetector(
 
   const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const startRef = useRef<{x: number; y: number} | null>(null);
+  // The pending press's deadline and clock, when it started from a touch.
+  const deadlineRef = useRef<number | null>(null);
+  const clockRef = useRef<EventClock | null>(null);
   // The press in progress's tolerance, when its caller chose one at start.
   const pressToleranceRef = useRef<LongPressTolerance | null>(null);
   // Keep the latest callback without re-creating handlers on every render.
@@ -130,10 +177,39 @@ export function useLongPressDetector(
       timerRef.current = null;
     }
     startRef.current = null;
+    deadlineRef.current = null;
+    clockRef.current = null;
   }, []);
 
-  const start = useCallback(
-    (point: {x: number; y: number}, tolerance?: LongPressTolerance) => {
+  const fire = useCallback(() => {
+    const from = startRef.current;
+    if (from == null) {
+      return;
+    }
+    clear();
+    onLongPressRef.current({x: from.x, y: from.y});
+  }, [clear]);
+
+  // A touch stamped at or past the deadline: the finger was down for the
+  // whole delay, so the press reports before the touch acts.
+  const fireIfDue = useCallback(
+    (e: React.TouchEvent | undefined) => {
+      const deadline = deadlineRef.current;
+      const eventTime =
+        e == null ? undefined : timeOn(clockRef.current, e.timeStamp);
+      if (deadline != null && eventTime != null && eventTime >= deadline) {
+        fire();
+      }
+    },
+    [fire],
+  );
+
+  const begin = useCallback(
+    (
+      point: {x: number; y: number},
+      tolerance: LongPressTolerance | undefined,
+      started: {at: number; clock: EventClock} | undefined,
+    ) => {
       if (disabled) {
         return;
       }
@@ -142,15 +218,40 @@ export function useLongPressDetector(
       clear();
       startRef.current = {x: point.x, y: point.y};
       pressToleranceRef.current = tolerance ?? null;
-      timerRef.current = setTimeout(() => {
-        const from = startRef.current;
-        if (from == null) {
+      const clock = started?.clock ?? null;
+      const deadline = started == null ? null : started.at + delayMs;
+      clockRef.current = clock;
+      deadlineRef.current = deadline;
+      // Wait only for the rest of the hold, so a touch handled late does not
+      // lengthen it, and never past the delay.
+      const remaining =
+        clock == null || deadline == null
+          ? delayMs
+          : Math.min(delayMs, Math.max(0, deadline - clock.now()));
+      // A late timer yields to queued input once, so a lift stamped before
+      // the deadline still cancels the press. The gesture arena does the same.
+      const run = (mayYield: boolean) => {
+        timerRef.current = null;
+        if (
+          mayYield &&
+          clock != null &&
+          deadline != null &&
+          clock.now() > deadline
+        ) {
+          timerRef.current = setTimeout(() => run(false), 0);
           return;
         }
-        onLongPressRef.current({x: from.x, y: from.y});
-      }, delayMs);
+        fire();
+      };
+      timerRef.current = setTimeout(() => run(true), remaining);
     },
-    [disabled, delayMs, clear],
+    [disabled, delayMs, clear, fire],
+  );
+
+  const start = useCallback(
+    (point: {x: number; y: number}, tolerance?: LongPressTolerance) =>
+      begin(point, tolerance, undefined),
+    [begin],
   );
 
   const moveTo = useCallback(
@@ -179,17 +280,29 @@ export function useLongPressDetector(
         return;
       }
       if (e.touches.length !== 1) {
+        // A second finger ends the press, unless the press was already due.
+        fireIfDue(e);
         clear();
         return;
       }
       const touch = e.touches[0];
-      start({x: touch.clientX, y: touch.clientY});
+      const clock = clockOf(e);
+      const at = timeOn(clock, e.timeStamp);
+      begin(
+        {x: touch.clientX, y: touch.clientY},
+        undefined,
+        clock == null || at == null ? undefined : {at, clock},
+      );
     },
-    [disabled, clear, start],
+    [disabled, clear, begin, fireIfDue],
   );
 
   const onTouchMove = useCallback(
     (e: React.TouchEvent) => {
+      if (startRef.current == null) {
+        return;
+      }
+      fireIfDue(e);
       if (startRef.current == null) {
         return;
       }
@@ -200,7 +313,15 @@ export function useLongPressDetector(
       const touch = e.touches[0];
       moveTo({x: touch.clientX, y: touch.clientY});
     },
-    [clear, moveTo],
+    [clear, moveTo, fireIfDue],
+  );
+
+  const onTouchEnd = useCallback(
+    (e?: React.TouchEvent) => {
+      fireIfDue(e);
+      clear();
+    },
+    [clear, fireIfDue],
   );
 
   useEffect(() => clear, [clear]);
@@ -208,8 +329,8 @@ export function useLongPressDetector(
   return {
     onTouchStart,
     onTouchMove,
-    onTouchEnd: clear,
-    onTouchCancel: clear,
+    onTouchEnd,
+    onTouchCancel: onTouchEnd,
     start,
     moveTo,
     cancel: clear,

package/src/hooks/useMediaQuery.doc.mjs

@@ -21,7 +21,7 @@ export const docs = {
     },
   ],
   usage: {
-    description: 'SSR-safe media query hook that subscribes to window.matchMedia changes. Returns whether the given media query matches. Always returns false on first render for SSR compatibility.',
+    description: 'SSR-safe media query hook that subscribes to window.matchMedia changes. Returns whether the given media query matches. Always returns false on first render for SSR compatibility. Where `window.matchMedia` is missing, it returns its server default and never throws.',
     bestPractices: [
       { guidance: true, description: 'Use for responsive layout switching based on viewport width, color scheme, or motion preferences.' },
       { guidance: true, description: 'Prefer Astryx responsive tokens and component props over manual breakpoint logic when possible.' },
@@ -44,7 +44,7 @@ export const docsDense = {
     matches: 'whether media query currently matches. Always false on first render (SSR-safe).',
   },
   usage: {
-    description: 'SSR-safe media query hook subscribing to window.matchMedia changes. Returns whether given media query matches. Always returns false on first render for SSR compatibility.',
+    description: 'SSR-safe media query hook subscribing to window.matchMedia changes. Returns whether given media query matches. Always returns false on first render for SSR compatibility. Where `window.matchMedia` is missing, returns its server default and never throws.',
     bestPractices: [
       { guidance: true, description: 'Use for responsive layout switching based on viewport width, color scheme, or motion preferences.' },
       { guidance: true, description: 'Prefer Astryx responsive tokens + component props over manual breakpoint logic when possible.' },

package/src/hooks/useMediaQuery.ts

@@ -20,7 +20,8 @@ import {useCallback, useSyncExternalStore} from 'react';
 
 /**
  * SSR-safe media query hook.
- * Returns whether the given media query matches.
+ * Returns whether the given media query matches. Where the window has no
+ * `matchMedia`, as in a test DOM, it returns `serverDefault`.
  *
  * @param query - CSS media query string
  * @param serverDefault - Value to return during SSR. Pass a server-side hint
@@ -35,6 +36,10 @@ import {useCallback, useSyncExternalStore} from 'react';
 export function useMediaQuery(query: string, serverDefault = false): boolean {
   const subscribe = useCallback(
     (onStoreChange: () => void) => {
+      // A DOM without `matchMedia`, such as a test DOM, has nothing to watch.
+      if (typeof window.matchMedia !== 'function') {
+        return () => {};
+      }
       const mql = window.matchMedia(query);
       mql.addEventListener('change', onStoreChange);
       return () => mql.removeEventListener('change', onStoreChange);
@@ -42,9 +47,13 @@ export function useMediaQuery(query: string, serverDefault = false): boolean {
     [query],
   );
 
-  const getSnapshot = useCallback(() => {
-    return window.matchMedia(query).matches;
-  }, [query]);
+  const getSnapshot = useCallback(
+    () =>
+      typeof window.matchMedia === 'function'
+        ? window.matchMedia(query).matches
+        : serverDefault,
+    [query, serverDefault],
+  );
 
   const getServerSnapshot = useCallback(() => serverDefault, [serverDefault]);
 

package/src/hooks/useMenuPress.ts

@@ -483,7 +483,10 @@ export function useMenuPress(options: UseMenuPressOptions): UseMenuPressReturn {
           // Detach before acting: the activation usually closes the menu.
           endGesture();
           // Once armed, the one swallower stays installed.
-          armClickGuard(doc, {staysInstalled: true});
+          armClickGuard(doc, {
+            staysInstalled: true,
+            cancelsTouchEnd: native?.pointerType === 'touch',
+          });
           if (native != null) {
             activate(effect.row, native);
           }
@@ -492,7 +495,10 @@ export function useMenuPress(options: UseMenuPressOptions): UseMenuPressReturn {
         case 'settle': {
           endGesture();
           if (effect.stray) {
-            armClickGuard(doc, {staysInstalled: true});
+            armClickGuard(doc, {
+              staysInstalled: true,
+              cancelsTouchEnd: native?.pointerType === 'touch',
+            });
           }
           if (effect.dismiss) {
             optionsRef.current.onDismiss?.();

package/src/i18n/generated-english/InfoTip/InfoTip.generated.ts

@@ -0,0 +1,13 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @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/InfoTip/InfoTip.tsx.
+ * Do not edit by hand. Run `pnpm generate:i18n-runtime` instead.
+ */
+
+const english: Readonly<Record<string, string>> = {
+  "@astryx.infoTip.label": "More information"
+};
+
+export default english;

package/src/i18n/generated-english/PowerSearch/PowerSearch.generated.ts

@@ -8,6 +8,7 @@
 
 const english: Readonly<Record<string, string>> = {
   "@astryx.powersearch.allFiltersRemoved": "All filters removed",
+  "@astryx.powersearch.editableFiltersRemoved": "Editable filters removed",
   "@astryx.powersearch.editor.apply": "Apply",
   "@astryx.powersearch.label": "Search",
   "@astryx.powersearch.placeholder": "Search…",

package/src/i18n/generated-english/PowerSearch/PowerSearchBottomSheet.generated.ts

@@ -0,0 +1,43 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @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.
+ */
+
+const english: Readonly<Record<string, string>> = {
+  "@astryx.powersearch.allFiltersRemoved": "All filters removed",
+  "@astryx.powersearch.editableFiltersRemoved": "Editable filters removed",
+  "@astryx.powersearch.editor.apply": "Apply",
+  "@astryx.powersearch.editor.cancel": "Cancel",
+  "@astryx.powersearch.editor.operator": "Operator",
+  "@astryx.powersearch.sheet.addFilter": "Add filter",
+  "@astryx.powersearch.sheet.clearAll": "Clear all",
+  "@astryx.powersearch.sheet.clearAllCancel": "Keep filters",
+  "@astryx.powersearch.sheet.clearAllConfirm": "Clear filters",
+  "@astryx.powersearch.sheet.clearAllDescription": "This removes all editable filters from this search.",
+  "@astryx.powersearch.sheet.clearAllTitle": "Clear all filters?",
+  "@astryx.powersearch.sheet.done": "Done",
+  "@astryx.powersearch.sheet.editableFiltersClearedWithCount": "Editable filters removed. {resultCount}",
+  "@astryx.powersearch.sheet.fieldOperator": "{field} {operator}",
+  "@astryx.powersearch.sheet.filterUnavailable": "This filter is no longer available",
+  "@astryx.powersearch.sheet.filtersClearedWithCount": "All filters removed. {resultCount}",
+  "@astryx.powersearch.sheet.filtersTitle": "Filters",
+  "@astryx.powersearch.sheet.labelValue": "{label} {value}",
+  "@astryx.powersearch.sheet.noFilters": "No filters applied",
+  "@astryx.powersearch.sheet.noFiltersDescription": "Add a filter to narrow your results and find what you need faster.",
+  "@astryx.powersearch.sheet.noMatchingFields": "No filters match your search",
+  "@astryx.powersearch.sheet.noResults": "No results found",
+  "@astryx.powersearch.sheet.removeFilter": "Remove {field} filter",
+  "@astryx.powersearch.sheet.search": "Search",
+  "@astryx.powersearch.sheet.searchFields": "Search filters",
+  "@astryx.powersearch.sheet.searchFieldsPlaceholder": "Search filters…",
+  "@astryx.powersearch.sheet.searchResults": "Search results",
+  "@astryx.powersearch.sheet.tryDifferentSearch": "Try a different search.",
+  "@astryx.powersearch.sheet.ungroupedFields": "General",
+  "@astryx.tokenizer.tokenAdded": "Added {label}",
+  "@astryx.tokenizer.tokenRemoved": "Removed {label}"
+};
+
+export default english;

package/src/i18n/generated-english/PowerSearch/PowerSearchValueEditor.generated.ts

@@ -7,6 +7,12 @@
  */
 
 const english: Readonly<Record<string, string>> = {
+  "@astryx.powersearch.sheet.relativeDaysAgo": "{count, number} {count, plural, one {day} other {days}} ago",
+  "@astryx.powersearch.sheet.relativeDaysFromNow": "{count, number} {count, plural, one {day} other {days}} from now",
+  "@astryx.powersearch.sheet.relativeMonthsAgo": "{count, number} {count, plural, one {month} other {months}} ago",
+  "@astryx.powersearch.sheet.relativeMonthsFromNow": "{count, number} {count, plural, one {month} other {months}} from now",
+  "@astryx.powersearch.sheet.relativeWeeksAgo": "{count, number} {count, plural, one {week} other {weeks}} ago",
+  "@astryx.powersearch.sheet.relativeWeeksFromNow": "{count, number} {count, plural, one {week} other {weeks}} from now",
   "@astryx.powersearch.valueEditor.addValuesPlaceholder": "Add values…",
   "@astryx.powersearch.valueEditor.date": "Date",
   "@astryx.powersearch.valueEditor.dateRange": "date range",

package/src/i18n/generated-english/PowerSearch/formatTokenValue.generated.ts

@@ -0,0 +1,15 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @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/formatTokenValue.ts.
+ * Do not edit by hand. Run `pnpm generate:i18n-runtime` instead.
+ */
+
+const english: Readonly<Record<string, string>> = {
+  "@astryx.powersearch.valueEditor.dateRange": "date range",
+  "@astryx.powersearch.valueEditor.filtersCount": "{count, number} {count, plural, one {filter} other {filters}}",
+  "@astryx.powersearch.valueEditor.itemsCount": "{count, number} {count, plural, one {item} other {items}}"
+};
+
+export default english;

package/src/i18n/generated-english/Tokenizer/TokenizerBottomSheet.generated.ts

@@ -7,6 +7,7 @@
  */
 
 const english: Readonly<Record<string, string>> = {
+  "@astryx.alertDialog.cancel": "Cancel",
   "@astryx.textInput.clearLabel": "Clear {label}",
   "@astryx.tokenizer.add": "Add",
   "@astryx.tokenizer.addValue": "Add {value}",
@@ -16,11 +17,16 @@ const english: Readonly<Record<string, string>> = {
   "@astryx.tokenizer.clearAllTitle": "Clear all selected items?",
   "@astryx.tokenizer.clearSelection": "Clear selection",
   "@astryx.tokenizer.create": "Create \"{value}\"",
-  "@astryx.tokenizer.done": "Done",
+  "@astryx.tokenizer.discardChanges": "Discard changes",
+  "@astryx.tokenizer.discardChangesDescription": "Your changes to {label} haven't been saved.",
+  "@astryx.tokenizer.discardChangesTitle": "Discard changes?",
+  "@astryx.tokenizer.keepEditing": "Keep editing",
   "@astryx.tokenizer.noResultsDescription": "Try a different search.",
   "@astryx.tokenizer.nothingToClear": "Nothing selected",
+  "@astryx.tokenizer.save": "Save",
   "@astryx.tokenizer.search": "Search {label}",
   "@astryx.tokenizer.searchPlaceholder": "Search…",
+  "@astryx.tokenizer.selectionLimit": "Select up to {count, plural, one {# item} other {# items}}",
   "@astryx.tokenizer.tokenAdded": "Added {label}",
   "@astryx.tokenizer.tokenRemoved": "Removed {label}",
   "@astryx.typeahead.emptySearchResults": "No results found",

package/src/i18n/generated-locales/en.generated.ts

@@ -78,6 +78,47 @@ const runtimeCatalog: Readonly<Record<string, string>> = {
     '{count, number} {count, plural, one {filter} other {filters}}',
   '@astryx.powersearch.resultCount':
     '{count, number} {count, plural, one {result} other {results}}',
+  '@astryx.powersearch.sheet.filtersTitle': 'Filters',
+  '@astryx.powersearch.sheet.addFilter': 'Add filter',
+  '@astryx.powersearch.sheet.noFilters': 'No filters applied',
+  '@astryx.powersearch.sheet.noFiltersDescription':
+    'Add a filter to narrow your results and find what you need faster.',
+  '@astryx.powersearch.sheet.clearAll': 'Clear all',
+  '@astryx.powersearch.sheet.clearAllTitle': 'Clear all filters?',
+  '@astryx.powersearch.sheet.clearAllDescription':
+    'This removes all editable filters from this search.',
+  '@astryx.powersearch.sheet.clearAllConfirm': 'Clear filters',
+  '@astryx.powersearch.sheet.clearAllCancel': 'Keep filters',
+  '@astryx.powersearch.sheet.done': 'Done',
+  '@astryx.powersearch.sheet.search': 'Search',
+  '@astryx.powersearch.sheet.searchResults': 'Search results',
+  '@astryx.powersearch.sheet.searchFields': 'Search filters',
+  '@astryx.powersearch.sheet.searchFieldsPlaceholder': 'Search filters…',
+  '@astryx.powersearch.sheet.ungroupedFields': 'General',
+  '@astryx.powersearch.sheet.noMatchingFields': 'No filters match your search',
+  '@astryx.powersearch.sheet.tryDifferentSearch': 'Try a different search.',
+  '@astryx.powersearch.sheet.noResults': 'No results found',
+  '@astryx.powersearch.sheet.filterUnavailable':
+    'This filter is no longer available',
+  '@astryx.powersearch.sheet.removeFilter': 'Remove {field} filter',
+  '@astryx.powersearch.sheet.relativeDaysAgo':
+    '{count, number} {count, plural, one {day} other {days}} ago',
+  '@astryx.powersearch.sheet.relativeDaysFromNow':
+    '{count, number} {count, plural, one {day} other {days}} from now',
+  '@astryx.powersearch.sheet.relativeWeeksAgo':
+    '{count, number} {count, plural, one {week} other {weeks}} ago',
+  '@astryx.powersearch.sheet.relativeWeeksFromNow':
+    '{count, number} {count, plural, one {week} other {weeks}} from now',
+  '@astryx.powersearch.sheet.relativeMonthsAgo':
+    '{count, number} {count, plural, one {month} other {months}} ago',
+  '@astryx.powersearch.sheet.relativeMonthsFromNow':
+    '{count, number} {count, plural, one {month} other {months}} from now',
+  '@astryx.powersearch.sheet.fieldOperator': '{field} {operator}',
+  '@astryx.powersearch.sheet.labelValue': '{label} {value}',
+  '@astryx.powersearch.sheet.filtersClearedWithCount':
+    'All filters removed. {resultCount}',
+  '@astryx.powersearch.sheet.editableFiltersClearedWithCount':
+    'Editable filters removed. {resultCount}',
   '@astryx.alertDialog.cancel': 'Cancel',
   '@astryx.appShell.mobileNavigation': 'Mobile navigation',
   '@astryx.appShell.skipToContent': 'Skip to content',
@@ -315,6 +356,7 @@ const runtimeCatalog: Readonly<Record<string, string>> = {
   '@astryx.powersearch.label': 'Search',
   '@astryx.powersearch.placeholder': 'Search…',
   '@astryx.powersearch.allFiltersRemoved': 'All filters removed',
+  '@astryx.powersearch.editableFiltersRemoved': 'Editable filters removed',
   '@astryx.resizable.collapsed': 'Collapsed',
   '@astryx.resizable.handle.label': 'Resize handle',
   '@astryx.selector.placeholder': 'Select…',
@@ -632,6 +674,7 @@ const runtimeCatalog: Readonly<Record<string, string>> = {
   '@astryx.comments.loading': 'Loading comments',
   '@astryx.comments.olderFailed': "Earlier comments couldn't load",
   '@astryx.comments.postFailed': "Your comment couldn't be posted.",
+  '@astryx.infoTip.label': 'More information',
 };
 
 export default runtimeCatalog;

package/src/i18n/generated-locales/pseudo.generated.ts

@@ -80,6 +80,48 @@ const runtimeCatalog: Readonly<Record<string, string>> = {
     '⟦{count, number} {count, plural, one {filter} other {filters}}⟧',
   '@astryx.powersearch.resultCount':
     '⟦{count, number} {count, plural, one {result} other {results}}⟧',
+  '@astryx.powersearch.sheet.filtersTitle': '⟦Ƒíłţéřš⟧',
+  '@astryx.powersearch.sheet.addFilter': '⟦Àðð ƒíłţéř⟧',
+  '@astryx.powersearch.sheet.noFilters': '⟦Ñó ƒíłţéřš àþþłíéð⟧',
+  '@astryx.powersearch.sheet.noFiltersDescription':
+    '⟦Àðð à ƒíłţéř ţó ñàřřóŵ ýóúř řéšúłţš àñð ƒíñð ŵĥàţ ýóú ñééð ƒàšţéř.⟧',
+  '@astryx.powersearch.sheet.clearAll': '⟦Çłéàř àłł⟧',
+  '@astryx.powersearch.sheet.clearAllTitle': '⟦Çłéàř àłł ƒíłţéřš?⟧',
+  '@astryx.powersearch.sheet.clearAllDescription':
+    '⟦Ţĥíš řéɱóṽéš àłł éðíţàƀłé ƒíłţéřš ƒřóɱ ţĥíš šéàřçĥ.⟧',
+  '@astryx.powersearch.sheet.clearAllConfirm': '⟦Çłéàř ƒíłţéřš⟧',
+  '@astryx.powersearch.sheet.clearAllCancel': '⟦Ķééþ ƒíłţéřš⟧',
+  '@astryx.powersearch.sheet.done': '⟦Ðóñé⟧',
+  '@astryx.powersearch.sheet.search': '⟦Šéàřçĥ⟧',
+  '@astryx.powersearch.sheet.searchResults': '⟦Šéàřçĥ řéšúłţš⟧',
+  '@astryx.powersearch.sheet.searchFields': '⟦Šéàřçĥ ƒíłţéřš⟧',
+  '@astryx.powersearch.sheet.searchFieldsPlaceholder': '⟦Šéàřçĥ ƒíłţéřš…⟧',
+  '@astryx.powersearch.sheet.ungroupedFields': '⟦Ĝéñéřàł⟧',
+  '@astryx.powersearch.sheet.noMatchingFields':
+    '⟦Ñó ƒíłţéřš ɱàţçĥ ýóúř šéàřçĥ⟧',
+  '@astryx.powersearch.sheet.tryDifferentSearch': '⟦Ţřý à ð탃éřéñţ šéàřçĥ.⟧',
+  '@astryx.powersearch.sheet.noResults': '⟦Ñó řéšúłţš ƒóúñð⟧',
+  '@astryx.powersearch.sheet.filterUnavailable':
+    '⟦Ţĥíš ƒíłţéř íš ñó łóñĝéř àṽàíłàƀłé⟧',
+  '@astryx.powersearch.sheet.removeFilter': '⟦Řéɱóṽé {field} ƒíłţéř⟧',
+  '@astryx.powersearch.sheet.relativeDaysAgo':
+    '⟦{count, number} {count, plural, one {day} other {days}} àĝó⟧',
+  '@astryx.powersearch.sheet.relativeDaysFromNow':
+    '⟦{count, number} {count, plural, one {day} other {days}} ƒřóɱ ñóŵ⟧',
+  '@astryx.powersearch.sheet.relativeWeeksAgo':
+    '⟦{count, number} {count, plural, one {week} other {weeks}} àĝó⟧',
+  '@astryx.powersearch.sheet.relativeWeeksFromNow':
+    '⟦{count, number} {count, plural, one {week} other {weeks}} ƒřóɱ ñóŵ⟧',
+  '@astryx.powersearch.sheet.relativeMonthsAgo':
+    '⟦{count, number} {count, plural, one {month} other {months}} àĝó⟧',
+  '@astryx.powersearch.sheet.relativeMonthsFromNow':
+    '⟦{count, number} {count, plural, one {month} other {months}} ƒřóɱ ñóŵ⟧',
+  '@astryx.powersearch.sheet.fieldOperator': '⟦{field} {operator}⟧',
+  '@astryx.powersearch.sheet.labelValue': '⟦{label} {value}⟧',
+  '@astryx.powersearch.sheet.filtersClearedWithCount':
+    '⟦Àłł ƒíłţéřš řéɱóṽéð. {resultCount}⟧',
+  '@astryx.powersearch.sheet.editableFiltersClearedWithCount':
+    '⟦Éðíţàƀłé ƒíłţéřš řéɱóṽéð. {resultCount}⟧',
   '@astryx.alertDialog.cancel': '⟦Çàñçéł⟧',
   '@astryx.appShell.mobileNavigation': '⟦Ṁóƀíłé ñàṽíĝàţíóñ⟧',
   '@astryx.appShell.skipToContent': '⟦Šķíþ ţó çóñţéñţ⟧',
@@ -322,6 +364,7 @@ const runtimeCatalog: Readonly<Record<string, string>> = {
   '@astryx.powersearch.label': '⟦Šéàřçĥ⟧',
   '@astryx.powersearch.placeholder': '⟦Šéàřçĥ…⟧',
   '@astryx.powersearch.allFiltersRemoved': '⟦Àłł ƒíłţéřš řéɱóṽéð⟧',
+  '@astryx.powersearch.editableFiltersRemoved': '⟦Éðíţàƀłé ƒíłţéřš řéɱóṽéð⟧',
   '@astryx.resizable.collapsed': '⟦Çółłàþšéð⟧',
   '@astryx.resizable.handle.label': '⟦Řéšížé ĥàñðłé⟧',
   '@astryx.selector.placeholder': '⟦Šéłéçţ…⟧',
@@ -643,6 +686,7 @@ const runtimeCatalog: Readonly<Record<string, string>> = {
   '@astryx.comments.loading': '⟦Łóàðíñĝ çóɱɱéñţš⟧',
   '@astryx.comments.olderFailed': "⟦Éàřłíéř çóɱɱéñţš çóúłðñ'ţ łóàð⟧",
   '@astryx.comments.postFailed': "⟦Ýóúř çóɱɱéñţ çóúłðñ'ţ ƀé þóšţéð.⟧",
+  '@astryx.infoTip.label': '⟦Ṁóřé íñƒóřɱàţíóñ⟧',
 };
 
 export default runtimeCatalog;

package/src/index.ts

@@ -71,6 +71,7 @@ export * from './SelectableCard';
 export * from './Selector';
 export * from './MultiSelector';
 export * from './Icon';
+export * from './InfoTip';
 export * from './Indicator';
 export * from './InputGroup';
 export * from './Item';
@@ -172,6 +173,19 @@ export * from './Outline';
 // Overflow list
 export * from './OverflowList';
 
+// Animating one element: from the package root only, since one API has one
+// entry. Its hook ships from './hooks'.
+export {
+  createAnimator,
+  type Animator,
+  type AnimatorAnimateOptions,
+  type AnimatorChannel,
+  type AnimatorDecayVelocity,
+  type AnimatorHandle,
+  type AnimatorSnapshot,
+  type AnimatorValues,
+} from './animator/createAnimator';
+
 // Hooks
 export * from './hooks';