@oxy.so/bloom 2.10.0 → 2.11.0

package/src/floating/menu-sub-flyout.tsx

@@ -60,6 +60,7 @@ import type {
   MenuSubProps,
   MenuSubTriggerProps,
 } from './types';
+import { useFrameThrottle } from './use-frame-throttle';
 
 /**
  * How long the panel survives after the pointer leaves the row or the panel.
@@ -233,8 +234,17 @@ function useFlyoutAnchor(
     );
   }, [ref]);
 
+  // Two `getBoundingClientRect`s per pass — the row's and the parent panel's —
+  // so the stream of events a scroll gesture dispatches is coalesced to one pass
+  // per frame, like every other anchored surface.
+  const [schedule, cancel] = useFrameThrottle(measure);
+
   useLayoutEffect(() => {
     if (!open) {
+      // Dropped in the COMMIT phase along with the box: a frame armed by the
+      // last scroll before the flyout closed would otherwise re-publish an
+      // anchor for a row that is no longer showing anything.
+      cancel();
       setAnchor(null);
       return;
     }
@@ -259,19 +269,19 @@ function useFlyoutAnchor(
       if (frame < SETTLE_FRAMES) handle = requestAnimationFrame(again);
     });
     return () => cancelAnimationFrame(handle);
-  }, [open, measure]);
+  }, [open, measure, cancel]);
 
   useEffect(() => {
     if (!open || typeof window === 'undefined') return;
     // Capture phase: a scroll inside any ancestor moves both boxes, and a
     // bubbling listener never sees a scroll on an inner container.
-    window.addEventListener('resize', measure);
-    window.addEventListener('scroll', measure, true);
+    window.addEventListener('resize', schedule);
+    window.addEventListener('scroll', schedule, true);
     return () => {
-      window.removeEventListener('resize', measure);
-      window.removeEventListener('scroll', measure, true);
+      window.removeEventListener('resize', schedule);
+      window.removeEventListener('scroll', schedule, true);
     };
-  }, [open, measure]);
+  }, [open, schedule]);
 
   return anchor;
 }

package/src/floating/use-anchor-rect.ts

@@ -8,10 +8,11 @@
  * the DOM call is synchronous — an async `measureInWindow` callback lands a
  * frame late and the surface visibly jumps into place on open.
  */
-import { useCallback, useEffect, useLayoutEffect, useState } from 'react';
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import type { View } from 'react-native';
 
 import type { FloatingAnchor } from './types';
+import { useFrameThrottle } from './use-frame-throttle';
 
 /**
  * react-native-web resolves a `View` ref to the DOM element itself. Read
@@ -26,40 +27,85 @@ export function rectOf(node: View | null): FloatingAnchor | null {
   return { top: box.top, bottom: box.bottom, left: box.left, right: box.right };
 }
 
+/**
+ * Do two measurements describe the same box? Two `null`s do; a `null` and a box
+ * do not.
+ *
+ * The anchor is the INPUT to every surface's placement, so its identity is what
+ * decides whether an open panel re-renders. A fresh object per scroll event
+ * re-resolves the placement, re-measures the panel and re-registers its
+ * listeners for a trigger that did not move — which is most scroll events, since
+ * a trigger inside a `position: fixed` header or a non-scrolling ancestor keeps
+ * its viewport box while the page moves under it.
+ */
+export function sameAnchor(a: FloatingAnchor | null, b: FloatingAnchor | null): boolean {
+  if (a === b) return true;
+  if (!a || !b) return false;
+  return a.top === b.top && a.bottom === b.bottom && a.left === b.left && a.right === b.right;
+}
+
 /**
  * The trigger's viewport box while `open`, re-measured on scroll and resize.
  * `null` until it has been measured — callers render nothing until then rather
  * than painting at the wrong place for one frame.
+ *
+ * Opening measures SYNCHRONOUSLY in a layout effect, so the surface's first
+ * painted frame is already in the right place. Everything after that is
+ * coalesced to one measurement per animation frame ({@link useFrameThrottle})
+ * and only replaces the box when it actually moved.
  */
 export function useAnchorRect(
   ref: React.RefObject<View | null>,
   open: boolean,
 ): FloatingAnchor | null {
   const [anchor, setAnchor] = useState<FloatingAnchor | null>(null);
+  // What was last published, mirrored so an unchanged measurement never reaches
+  // the dispatcher at all. Returning the current state from a `setState` updater
+  // is NOT the same thing: React still re-renders the component once before it
+  // bails out, which on a scroll is a render per frame for a surface that has
+  // not moved.
+  const published = useRef<FloatingAnchor | null>(null);
+
+  const store = useCallback((next: FloatingAnchor | null) => {
+    if (sameAnchor(published.current, next)) return;
+    published.current = next;
+    setAnchor(next);
+  }, []);
 
   const measure = useCallback(() => {
-    setAnchor(rectOf(ref.current));
-  }, [ref]);
+    store(rectOf(ref.current));
+  }, [ref, store]);
+
+  const [schedule, cancel] = useFrameThrottle(measure);
 
   useLayoutEffect(() => {
     if (!open) {
-      setAnchor(null);
+      // The frame a scroll armed outlives the event that armed it, so a close
+      // has to drop it in the SAME phase it clears the box — a pass that
+      // survived would re-publish the anchor of a surface that is already gone.
+      // In the commit, not in the passive cleanup below: animation frames run
+      // before the paint that the passive effects are flushed after.
+      cancel();
+      store(null);
       return;
     }
     measure();
-  }, [open, measure]);
+  }, [open, measure, store, cancel]);
 
   useEffect(() => {
     if (!open || typeof window === 'undefined') return;
     // Capture phase: a scroll inside any ancestor moves the trigger too, and a
     // bubbling listener never sees a scroll on an inner container.
-    window.addEventListener('resize', measure);
-    window.addEventListener('scroll', measure, true);
+    //
+    // `schedule` is stable for the hook's whole life, so this pair is registered
+    // ONCE per open and survives every re-measurement.
+    window.addEventListener('resize', schedule);
+    window.addEventListener('scroll', schedule, true);
     return () => {
-      window.removeEventListener('resize', measure);
-      window.removeEventListener('scroll', measure, true);
+      window.removeEventListener('resize', schedule);
+      window.removeEventListener('scroll', schedule, true);
     };
-  }, [open, measure]);
+  }, [open, schedule]);
 
   return anchor;
 }

package/src/floating/use-frame-throttle.ts

@@ -0,0 +1,76 @@
+/**
+ * Coalesce a MEASUREMENT to at most one per animation frame.
+ *
+ * Every anchored surface listens to `scroll` in the CAPTURE phase, because a
+ * scroll inside any ancestor moves the trigger too. That is the right listener
+ * and the wrong cadence: a scroll gesture dispatches a stream of events, a
+ * nested scroller dispatches one per container, and each of them used to force a
+ * synchronous layout read (`getBoundingClientRect`, `offsetWidth`) and a state
+ * update. Nothing can be painted between two events in the same frame, so every
+ * read but the last was work for a frame that never existed.
+ *
+ * The scheduler is TRAILING and it is deliberate: the run happens on the frame
+ * boundary, which is the last moment before the browser paints and therefore the
+ * most recent position the surface can be given. A leading call would place the
+ * panel against the box the page had BEFORE the frame's scrolling was applied.
+ *
+ * The returned callback is stable for the component's whole life, which is the
+ * second half of the cost: a listener effect that depends on the measurement
+ * closure is torn down and re-registered every time the thing it measures moves.
+ * `run` is read through a ref, so the newest closure is always the one that runs
+ * without the identity of the scheduler ever changing.
+ *
+ * With no frame clock at all — SSR, and jest's default `node` environment — the
+ * call runs SYNCHRONOUSLY. Degrading to the previous behaviour is right where
+ * degrading to nothing would leave a surface that never follows its anchor.
+ *
+ * A trailing scheduler outlives the event that armed it, so it comes with a
+ * CANCEL. A surface that closes in the gap between a scroll and that scroll's
+ * frame would otherwise be measured — and re-published — after it was told to
+ * clear itself. Callers drop the frame from the COMMIT phase (the layout effect
+ * that clears the box), not from a passive cleanup: animation frames run before
+ * the paint that passive effects are flushed after, so a cancel scheduled after
+ * the paint can be one frame too late. Unmount is handled here. Both functions
+ * are stable for the component's whole life, so an effect can depend on the pair
+ * without being re-registered.
+ */
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef } from 'react';
+
+export function useFrameThrottle(run: () => void): [schedule: () => void, cancel: () => void] {
+  const latest = useRef(run);
+  const frame = useRef<number | null>(null);
+
+  // A layout effect, not a render-body assignment: the ref is committed state,
+  // and it has to be updated in the same phase the measuring layout effects run
+  // in so a listener can never see a closure from a render that was thrown away.
+  useLayoutEffect(() => {
+    latest.current = run;
+  });
+
+  const cancel = useCallback(() => {
+    if (frame.current !== null && typeof cancelAnimationFrame === 'function') {
+      cancelAnimationFrame(frame.current);
+    }
+    frame.current = null;
+  }, []);
+
+  useEffect(() => cancel, [cancel]);
+
+  const schedule = useCallback(() => {
+    if (typeof requestAnimationFrame !== 'function') {
+      latest.current();
+      return;
+    }
+    // Already scheduled: this frame's run will read the current state anyway, so
+    // a second one measures the same box twice.
+    if (frame.current !== null) return;
+    frame.current = requestAnimationFrame(() => {
+      // Cleared BEFORE the run, so a measurement that schedules another one (a
+      // scroll still under way) is not swallowed.
+      frame.current = null;
+      latest.current();
+    });
+  }, []);
+
+  return useMemo(() => [schedule, cancel], [schedule, cancel]);
+}

package/src/home-search/HomeSearchBar.tsx

@@ -3,7 +3,6 @@ import { Platform, Pressable, TextInput, View, type TextStyle, type ViewStyle }
 
 import { Button } from '../button';
 import { resolveButtonRamps } from '../button/shared';
-import { webDataSet } from '../checkbox/shared';
 import { RiSearchLine } from '../icons/remix/RiSearchLine';
 import {
   STAY_SEARCH_BAR_HEIGHT,
@@ -16,6 +15,7 @@ import { adoptStyleSheet } from '../styles/adopt-style-sheet';
 import { borderRadius } from '../styles/tokens';
 import type { WebCssStyle } from '../styles/web-view-style';
 import { Z_INDEX } from '../styles/z-index';
+import { webDataSet } from '../styles/web-data';
 import { SANS_FONT_FAMILY } from '../text-field/shared';
 import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography';

package/src/home-search/SavedSearchCard.tsx

@@ -4,7 +4,6 @@ import { Pressable, View } from 'react-native';
 import { Badge } from '../badge';
 import { Button } from '../button';
 import { resolveButtonRamps } from '../button/shared';
-import { webDataSet } from '../checkbox/shared';
 import { Chip } from '../chip';
 import { useInteractionState } from '../hooks/use-interaction-state';
 import { RiDeleteBinLine } from '../icons/remix/RiDeleteBinLine';
@@ -15,6 +14,7 @@ import { STAY_SEARCH_TILE_RADIUS } from '../stay-search/constants';
 import { useStaySearchPalette } from '../stay-search/palette';
 import { adoptStyleSheet } from '../styles/adopt-style-sheet';
 import type { WebCssStyle } from '../styles/web-view-style';
+import { webDataSet } from '../styles/web-data';
 import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography';
 import type { SavedSearchCardProps } from './types';

package/src/home-search/SearchModeTabs.tsx

@@ -2,11 +2,11 @@ import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { Platform, Pressable, View } from 'react-native';
 
 import { resolveCategoryBarPaint, type CategoryBarPaint } from '../category-bar/CategoryBar';
-import { webDataSet } from '../checkbox/shared';
 import { useInteractionState } from '../hooks/use-interaction-state';
 import { SegmentedControl, SegmentedControlItem, SegmentedControlItemText } from '../segmented-control';
 import { adoptStyleSheet } from '../styles/adopt-style-sheet';
 import type { WebCssStyle } from '../styles/web-view-style';
+import { webDataSet } from '../styles/web-data';
 import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography';
 import { DEFAULT_HOME_SEARCH_MODE_LABELS, HOME_SEARCH_MODES } from './constants';

package/src/home-search/types.ts

@@ -3,6 +3,7 @@ import type { StyleProp, ViewStyle } from 'react-native';
 
 import type { CalendarConstraintProps } from '../date-picker';
 import type { PropertyType, PropertyTypeTilesProps } from '../stay-filters';
+import type { BloomIconComponent } from '../icons/icon-component';
 
 /** The housing search modes, in their default order. */
 export type HomeSearchMode = 'rent' | 'buy' | 'stays' | 'swap';
@@ -194,7 +195,8 @@ export interface SavedSearchCardProps {
   testID?: string;
 }
 
-export type SavedSearchIcon = ComponentType<{ width?: number; height?: number; fill?: string }>;
+/** @deprecated Use `BloomIconComponent` from `@oxy.so/bloom/icons`; this is an alias of it. */
+export type SavedSearchIcon = BloomIconComponent;
 
 export interface SaveSearchButtonProps {
   saved: boolean;

package/src/hooks/index.ts

@@ -12,3 +12,5 @@ export type { HapticStrength, BloomHapticsProviderProps } from './use-haptics';
 export { useGutters } from './use-gutters';
 export type { Gutter, Gutters } from './use-gutters';
 export { useImagePreload, preloadImage } from './use-image-preload';
+export { useContainerWidth } from './use-container-width';
+export { moveItem, dragTarget, dragShift } from './list-reorder';

package/src/hooks/list-reorder.ts

@@ -0,0 +1,59 @@
+/**
+ * The list maths behind every drag-to-reorder surface: a track list, a queue, a
+ * photo grid. Pure, so the drag, the keyboard path and the move buttons share
+ * one definition of "move" and a test can pin it without a DOM.
+ *
+ * Three families had grown their own copy (`track-list`, `queue-panel`,
+ * `sortable-media`), and they disagreed about the degenerate inputs. What the
+ * shared pair does with those is spelled out on each function.
+ */
+
+/** `index` rounded and clamped into `0..count-1`; `0` for an empty list. */
+function clampIndex(index: number, count: number): number {
+  if (count <= 0) return 0;
+  return Math.min(count - 1, Math.max(0, Math.round(index)));
+}
+
+/**
+ * A copy of `list` with the item at `from` moved to `to`. Always a new array;
+ * a no-op move returns an unchanged copy rather than the same reference.
+ *
+ * `to` is rounded and clamped into range — a drag lands where it lands.
+ * `from` is NOT clamped: an out-of-range `from` is a stale or wrong index, and
+ * clamping it would silently move the wrong item, so the list comes back
+ * unchanged.
+ */
+export function moveItem<T>(list: readonly T[], from: number, to: number): T[] {
+  const next = list.slice();
+  if (list.length === 0 || from < 0 || from >= list.length) return next;
+  const target = clampIndex(to, list.length);
+  if (target === from) return next;
+  const [item] = next.splice(from, 1);
+  next.splice(target, 0, item as T);
+  return next;
+}
+
+/**
+ * The index a row dragged `dy` px from `from` lands on: the nearest whole row,
+ * clamped into `0..count-1`.
+ *
+ * Without a measured row (`rowHeight <= 0`) or without rows (`count <= 0`) the
+ * answer is `from` — "it has not moved". Returning `0` instead, as one of the
+ * two copies did, sends the row to the top of a list nobody has measured yet.
+ */
+export function dragTarget(from: number, dy: number, rowHeight: number, count: number): number {
+  if (count <= 0 || rowHeight <= 0) return from;
+  return clampIndex(from + dy / rowHeight, count);
+}
+
+/**
+ * How far row `index` shifts while row `from` is dragged over `to`: the rows
+ * between the two close the gap the dragged row left and open one where it
+ * will land. The dragged row itself does not shift — it follows the pointer.
+ */
+export function dragShift(index: number, from: number, to: number, rowHeight: number): number {
+  if (index === from) return 0;
+  if (from < to && index > from && index <= to) return -rowHeight;
+  if (to < from && index >= to && index < from) return rowHeight;
+  return 0;
+}

package/src/{listing-details → hooks}/use-container-width.ts

@@ -2,11 +2,13 @@ import { useCallback, useState } from 'react';
 import type { LayoutChangeEvent } from 'react-native';
 
 /**
- * The width a part was laid out at, or `null` before the first layout.
+ * The width a component was laid out at, or `null` before the first layout.
  *
- * Parts measure THEMSELVES rather than the window, so a listing page split
- * into a content column and a booking column picks its layout from the space
- * it actually has.
+ * A component measures ITSELF rather than the window, so a page split into a
+ * content column and a side column picks its layout from the space it actually
+ * has. Spread `onLayout` onto the node whose width you want and branch on
+ * `width`; the state only changes when the rounded width does, so a resize that
+ * lands on the same pixel does not re-render.
  */
 export function useContainerWidth(): {
   width: number | null;

package/src/icons/icon-component.ts

@@ -0,0 +1,25 @@
+import type { ComponentType } from 'react';
+
+/**
+ * An icon COMPONENT a caller hands to a Bloom component — `RiHeart3Line`, or
+ * anything else that draws at a size and a colour.
+ *
+ * ```tsx
+ * <ListingFact icon={RiBedLine} label="2 beds" />
+ * ```
+ *
+ * The three props are the ones every Bloom component sets on an icon it is
+ * given; a component that accepts more (an `IconStyle`, a stroke width) takes
+ * `Props` from `icons/shared` instead. All three are optional, which makes this
+ * structurally the WIDEST icon a component can be handed — a component with
+ * stricter props is not assignable, and that is on purpose.
+ *
+ * Twenty-six identical aliases of this type existed, one per family
+ * (`SidebarIcon`, `TrackIconComponent`, `PlayerGlyph`, …). The public ones
+ * survive as deprecated re-exports; the private ones are gone.
+ */
+export type BloomIconComponent = ComponentType<{
+  width?: number;
+  height?: number;
+  fill?: string;
+}>;

package/src/icons/index.ts

@@ -3,5 +3,6 @@
 // equivalents in `remix-mapping.json`; `scripts/migrate-icons-to-remix.mjs`
 // rewrites an app's imports.
 export type { IconStyle, Props } from './shared';
+export type { BloomIconComponent } from './icon-component';
 export { sizes, useCommonSVGProps } from './shared';
 export * from './remix';

package/src/icons/remix/RiArrowLeftDownLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `arrow-left-down-line` (Arrows). */
+export const RiArrowLeftDownLine = createSinglePathSVG({
+  path: 'M9 13.589L17.6066 4.98242L19.0208 6.39664L10.4142 15.0032H18V17.0032H7V6.00324H9V13.589Z',
+});

package/src/icons/remix/RiBarChartHorizontalLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `bar-chart-horizontal-line` (Business). */
+export const RiBarChartHorizontalLine = createSinglePathSVG({
+  path: 'M12 3V5H3V3H12ZM16 19V21H3V19H16ZM22 11V13H3V11H22Z',
+});

package/src/icons/remix/RiCameraSwitchLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `camera-switch-line` (Media). */
+export const RiCameraSwitchLine = createSinglePathSVG({
+  path: 'M9.82843 5L7.82843 7H4V19H20V7H16.1716L14.1716 5H9.82843ZM9 3H15L17 5H21C21.5523 5 22 5.44772 22 6V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V6C2 5.44772 2.44772 5 3 5H7L9 3ZM9.64042 7.53044C10.3555 7.19033 11.1555 7 12 7C15.0376 7 17.5 9.46243 17.5 12.5C17.5 14.05 16.8588 15.4502 15.8273 16.4499L13.75 12.6H15.4986C15.4995 12.5668 15.5 12.5334 15.5 12.5C15.5 10.567 13.933 9 12 9C11.4912 9 11.0078 9.10856 10.5716 9.30378L9.64042 7.53044ZM14.3175 17.4894C13.6132 17.817 12.828 18 12 18C8.96243 18 6.5 15.5376 6.5 12.5C6.5 10.9678 7.12654 9.58193 8.13738 8.58462L10.25 12.5H8.5C8.5 14.433 10.067 16 12 16C12.4923 16 12.9608 15.8984 13.3857 15.715L14.3175 17.4894Z',
+});

package/src/icons/remix/RiCastLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `cast-line` (Device). */
+export const RiCastLine = createSinglePathSVG({
+  path: 'M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H15C15 20.3199 14.9478 19.6519 14.8471 19H20V5H4V8.1529C3.34806 8.05223 2.68013 8 2 8V4C2 3.44772 2.44772 3 3 3ZM13 21H11C11 16.0294 6.97056 12 2 12V10C8.07513 10 13 14.9249 13 21ZM9 21H7C7 18.2386 4.76142 16 2 16V14C5.86599 14 9 17.134 9 21ZM5 21H2V18C3.65685 18 5 19.3431 5 21Z',
+});

package/src/icons/remix/RiFileList2Line.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `file-list-2-line` (Document). */
+export const RiFileList2Line = createSinglePathSVG({
+  path: 'M20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM19 20V4H5V20H19ZM8 7H16V9H8V7ZM8 11H16V13H8V11ZM8 15H13V17H8V15Z',
+});

package/src/icons/remix/RiFileZipLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `file-zip-line` (Document). */
+export const RiFileZipLine = createSinglePathSVG({
+  path: 'M20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM19 20V4H5V20H19ZM14 12V17H10V14H12V12H14ZM12 4H14V6H12V4ZM10 6H12V8H10V6ZM12 8H14V10H12V8ZM10 10H12V12H10V10Z',
+});

package/src/icons/remix/RiLock2Line.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `lock-2-line` (System). */
+export const RiLock2Line = createSinglePathSVG({
+  path: 'M6 8V7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7V8H20C20.5523 8 21 8.44772 21 9V21C21 21.5523 20.5523 22 20 22H4C3.44772 22 3 21.5523 3 21V9C3 8.44772 3.44772 8 4 8H6ZM19 10H5V20H19V10ZM11 15.7324C10.4022 15.3866 10 14.7403 10 14C10 12.8954 10.8954 12 12 12C13.1046 12 14 12.8954 14 14C14 14.7403 13.5978 15.3866 13 15.7324V18H11V15.7324ZM8 8H16V7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7V8Z',
+});

package/src/icons/remix/RiMicOffFill.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `mic-off-fill` (Media). */
+export const RiMicOffFill = createSinglePathSVG({
+  path: 'M16.4249 17.839C15.3929 18.4228 14.2341 18.8087 13.0002 18.9451V23H11.0002V18.9451C6.82854 18.4839 3.51623 15.1716 3.05509 11H5.07105C5.55627 14.3923 8.47368 17 12.0002 17C13.0503 17 14.0464 16.7688 14.9404 16.3544L13.3902 14.8042C12.9489 14.9317 12.4825 15 12.0002 15C9.23873 15 7.00016 12.7614 7.00016 10V8.41421L1.39355 2.80761L2.80777 1.3934L22.6068 21.1924L21.1925 22.6066L16.4249 17.839ZM19.3747 15.1604L17.9323 13.7179C18.4407 12.9084 18.788 11.9874 18.9293 11H20.9452C20.7754 12.5366 20.2187 13.9565 19.3747 15.1604ZM16.4658 12.2514L7.68575 3.47139C8.55427 1.99268 10.1613 1 12.0002 1C14.7616 1 17.0002 3.23858 17.0002 6V10C17.0002 10.8099 16.8076 11.5748 16.4658 12.2514Z',
+});

package/src/icons/remix/RiMicOffLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `mic-off-line` (Media). */
+export const RiMicOffLine = createSinglePathSVG({
+  path: 'M16.4249 17.839L21.1925 22.6066L22.6068 21.1924L2.80777 1.3934L1.39355 2.80761L7.00016 8.41421V10C7.00016 12.7614 9.23873 15 12.0002 15C12.4825 15 12.9489 14.9317 13.3902 14.8042L14.9404 16.3544C14.0464 16.7688 13.0503 17 12.0002 17C8.47368 17 5.55627 14.3923 5.07105 11H3.05509C3.51623 15.1716 6.82854 18.4839 11.0002 18.9451V23H13.0002V18.9451C14.2341 18.8087 15.3929 18.4228 16.4249 17.839ZM11.5528 12.9669C10.2541 12.7727 9.22745 11.7461 9.03328 10.4473L11.5528 12.9669ZM19.3747 15.1604L17.9323 13.7179C18.4407 12.9084 18.788 11.9874 18.9293 11H20.9452C20.7754 12.5366 20.2187 13.9565 19.3747 15.1604ZM16.4658 12.2514L14.9173 10.703C14.9715 10.4775 15.0002 10.2421 15.0002 10V6C15.0002 4.34315 13.657 3 12.0002 3C10.7059 3 9.6031 3.81956 9.18237 4.96802L7.68575 3.47139C8.55427 1.99268 10.1613 1 12.0002 1C14.7616 1 17.0002 3.23858 17.0002 6V10C17.0002 10.8099 16.8076 11.5748 16.4658 12.2514Z',
+});

package/src/icons/remix/RiSpamLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `spam-line` (System). */
+export const RiSpamLine = createSinglePathSVG({
+  path: 'M17.5 2.5L23 12L17.5 21.5H6.5L1 12L6.5 2.5H17.5ZM16.3469 4.5H7.65311L3.311 12L7.65311 19.5H16.3469L20.689 12L16.3469 4.5ZM11 15H13V17H11V15ZM11 7H13V13H11V7Z',
+});

package/src/icons/remix/RiUnpinLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `unpin-line` (Map). */
+export const RiUnpinLine = createSinglePathSVG({
+  path: 'M20.9701 17.1716 19.5559 18.5858 16.0214 15.0513 15.9476 15.1251 15.2405 18.6606 13.8263 20.0748 9.58369 15.8322 4.63394 20.7819 3.21973 19.3677 8.16947 14.418 3.92683 10.1753 5.34105 8.7611 8.87658 8.05399 8.95029 7.98028 5.41373 4.44371 6.82794 3.0295 20.9701 17.1716ZM10.3645 9.39449 9.86261 9.8964 7.04072 10.4608 13.5409 16.9609 14.1052 14.139 14.6071 13.6371 10.3645 9.39449ZM18.7761 9.46821 17.4356 10.8087 18.8498 12.2229 20.1903 10.8824 20.8974 11.5895 22.3116 10.1753 13.8263 1.69003 12.4121 3.10425 13.1192 3.81135 11.7787 5.15185 13.1929 6.56607 14.5334 5.22557 18.7761 9.46821Z',
+});

package/src/icons/remix/RiVideoOffLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `video-off-line` (Media). */
+export const RiVideoOffLine = createSinglePathSVG({
+  path: 'M17 18.4142L21.1925 22.6067L22.6067 21.1925L2.80769 1.39349L1.39348 2.80771L2.58579 4.00001H2C1.44772 4.00001 1 4.44773 1 5.00001V19C1 19.5523 1.44772 20 2 20H16C16.5523 20 17 19.5523 17 19V18.4142ZM15 16.4142V18H3V6.00001H4.58579L15 16.4142ZM23 18.0397C23 18.2517 22.875 18.4176 22.7083 18.4943L21 16.786V8.84133L17 11.6413V12.786L15 10.786V6.00001H10.214L8.21402 4.00001H16C16.5523 4.00001 17 4.44773 17 5.00001V9.20001L22.2133 5.55073C22.5447 5.31876 23 5.55583 23 5.96034V18.0397Z',
+});

package/src/icons/remix/RiVideoOnLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `video-on-line` (Media). */
+export const RiVideoOnLine = createSinglePathSVG({
+  path: 'M17 9.2L22.2133 5.55071C22.4395 5.39235 22.7513 5.44737 22.9096 5.6736C22.9684 5.75764 23 5.85774 23 5.96033V18.0397C23 18.3158 22.7761 18.5397 22.5 18.5397C22.3974 18.5397 22.2973 18.5081 22.2133 18.4493L17 14.8V19C17 19.5523 16.5523 20 16 20H2C1.44772 20 1 19.5523 1 19V5C1 4.44772 1.44772 4 2 4H16C16.5523 4 17 4.44772 17 5V9.2ZM17 12.3587L21 15.1587V8.84131L17 11.6413V12.3587ZM3 6V18H15V6H3Z',
+});

package/src/icons/remix/index.ts

@@ -27,6 +27,7 @@ export { RiArrowDownSLine } from './RiArrowDownSLine';
 export { RiArrowDropDownLine } from './RiArrowDropDownLine';
 export { RiArrowGoBackLine } from './RiArrowGoBackLine';
 export { RiArrowGoForwardLine } from './RiArrowGoForwardLine';
+export { RiArrowLeftDownLine } from './RiArrowLeftDownLine';
 export { RiArrowLeftLine } from './RiArrowLeftLine';
 export { RiArrowLeftRightLine } from './RiArrowLeftRightLine';
 export { RiArrowLeftSLine } from './RiArrowLeftSLine';
@@ -47,6 +48,7 @@ export { RiAttachmentLine } from './RiAttachmentLine';
 export { RiBankCard2Line } from './RiBankCard2Line';
 export { RiBankCardLine } from './RiBankCardLine';
 export { RiBankLine } from './RiBankLine';
+export { RiBarChartHorizontalLine } from './RiBarChartHorizontalLine';
 export { RiBearSmileLine } from './RiBearSmileLine';
 export { RiBikeLine } from './RiBikeLine';
 export { RiBlueskyFill } from './RiBlueskyFill';
@@ -75,8 +77,10 @@ export { RiCalendarLine } from './RiCalendarLine';
 export { RiCalendarScheduleLine } from './RiCalendarScheduleLine';
 export { RiCameraFill } from './RiCameraFill';
 export { RiCameraLine } from './RiCameraLine';
+export { RiCameraSwitchLine } from './RiCameraSwitchLine';
 export { RiCapsuleFill } from './RiCapsuleFill';
 export { RiCarLine } from './RiCarLine';
+export { RiCastLine } from './RiCastLine';
 export { RiChat3Fill } from './RiChat3Fill';
 export { RiChat3Line } from './RiChat3Line';
 export { RiChat4Fill } from './RiChat4Fill';
@@ -158,11 +162,13 @@ export { RiFileCopyLine } from './RiFileCopyLine';
 export { RiFileExcel2Line } from './RiFileExcel2Line';
 export { RiFileGifLine } from './RiFileGifLine';
 export { RiFileImageLine } from './RiFileImageLine';
+export { RiFileList2Line } from './RiFileList2Line';
 export { RiFileMusicLine } from './RiFileMusicLine';
 export { RiFilePaper2Line } from './RiFilePaper2Line';
 export { RiFilePdf2Line } from './RiFilePdf2Line';
 export { RiFileTextLine } from './RiFileTextLine';
 export { RiFileWord2Line } from './RiFileWord2Line';
+export { RiFileZipLine } from './RiFileZipLine';
 export { RiFilmLine } from './RiFilmLine';
 export { RiFilter3Fill } from './RiFilter3Fill';
 export { RiFilterLine } from './RiFilterLine';
@@ -248,6 +254,7 @@ export { RiListUnordered } from './RiListUnordered';
 export { RiListView } from './RiListView';
 export { RiLiveLine } from './RiLiveLine';
 export { RiLoader4Line } from './RiLoader4Line';
+export { RiLock2Line } from './RiLock2Line';
 export { RiLockLine } from './RiLockLine';
 export { RiLoginBoxLine } from './RiLoginBoxLine';
 export { RiLogoutBoxRLine } from './RiLogoutBoxRLine';
@@ -274,6 +281,8 @@ export { RiMetaFill } from './RiMetaFill';
 export { RiMic2Fill } from './RiMic2Fill';
 export { RiMic2Line } from './RiMic2Line';
 export { RiMicLine } from './RiMicLine';
+export { RiMicOffFill } from './RiMicOffFill';
+export { RiMicOffLine } from './RiMicOffLine';
 export { RiMoneyEuroBoxLine } from './RiMoneyEuroBoxLine';
 export { RiMoonClearFill } from './RiMoonClearFill';
 export { RiMoonLine } from './RiMoonLine';
@@ -375,6 +384,7 @@ export { RiSnowflakeLine } from './RiSnowflakeLine';
 export { RiSofaLine } from './RiSofaLine';
 export { RiSortDesc } from './RiSortDesc';
 export { RiSpaceShipLine } from './RiSpaceShipLine';
+export { RiSpamLine } from './RiSpamLine';
 export { RiSparkling2Line } from './RiSparkling2Line';
 export { RiSparklingFill } from './RiSparklingFill';
 export { RiSparklingLine } from './RiSparklingLine';
@@ -417,6 +427,7 @@ export { RiTranslate2 } from './RiTranslate2';
 export { RiTreeLine } from './RiTreeLine';
 export { RiTvLine } from './RiTvLine';
 export { RiTwitterXFill } from './RiTwitterXFill';
+export { RiUnpinLine } from './RiUnpinLine';
 export { RiUpload2Line } from './RiUpload2Line';
 export { RiUploadCloud2Line } from './RiUploadCloud2Line';
 export { RiUploadLine } from './RiUploadLine';
@@ -435,6 +446,8 @@ export { RiUserUnfollowLine } from './RiUserUnfollowLine';
 export { RiVerifiedBadgeFill } from './RiVerifiedBadgeFill';
 export { RiVerifiedBadgeLine } from './RiVerifiedBadgeLine';
 export { RiVideoLine } from './RiVideoLine';
+export { RiVideoOffLine } from './RiVideoOffLine';
+export { RiVideoOnLine } from './RiVideoOnLine';
 export { RiVipCrownLine } from './RiVipCrownLine';
 export { RiVolumeDownLine } from './RiVolumeDownLine';
 export { RiVolumeMuteLine } from './RiVolumeMuteLine';

package/src/image-resolver/index.ts

@@ -1 +1,2 @@
 export { ImageResolverProvider, useImageResolver, type ImageResolver } from './context';
+export { isImageUrl } from './is-image-url';

package/src/image-resolver/is-image-url.ts

@@ -0,0 +1,27 @@
+/**
+ * `true` when `value` is something an `<Image>` can load as-is; `false` means it
+ * is an opaque {@link ImageResolver} id and has to go through the app's
+ * resolver.
+ *
+ * ONE copy for the whole package — eleven families had grown their own, under
+ * two names (`isUrl` and `isImageUrl`).
+ *
+ * A LEADING SLASH counts as a URL: `/img/cover.jpg` is a root-relative path to
+ * an asset the app already serves, not an id. (Ten of the eleven copies
+ * rejected it and handed it to the resolver, which can only answer `undefined`
+ * for a path — so a local asset silently rendered nothing. `listing-card` had
+ * already fixed this for itself; its rule is the one that survived.)
+ *
+ * Deliberately NOT a general URL parser: it decides a route, and every string
+ * that is not one of these shapes is an id.
+ */
+export function isImageUrl(value: string): boolean {
+  return (
+    value.startsWith('http://') ||
+    value.startsWith('https://') ||
+    value.startsWith('data:') ||
+    value.startsWith('blob:') ||
+    value.startsWith('file:') ||
+    value.startsWith('/')
+  );
+}