@oxy.so/bloom 4.5.0 → 4.6.1

package/src/hooks/roving-focus.ts

@@ -0,0 +1,204 @@
+/**
+ * The keyboard half of the WAI-ARIA composite widgets — tabs, radio groups and
+ * listboxes — on WEB, where react-native-web supplies none of it.
+ *
+ * Three gaps, all measured in a browser against `Tabs`, `SegmentedControl` and
+ * `Select`, and all silent: the markup carries the right `role` and state, so
+ * nothing in a DOM snapshot says the widget cannot be operated.
+ *
+ *  - EVERY option was its own tab stop. react-native-web gives each `Pressable`
+ *    `tabIndex=0`, so a five-tab strip cost five Tab presses to walk past.
+ *  - ARROW KEYS did nothing. A composite widget is ONE tab stop whose options
+ *    are reached with the arrows; without them the only route is Tab.
+ *  - SPACE did nothing on a `tab`, `radio` or `option`. react-native-web's
+ *    press responder (`PressResponder.isValidKeyPress`) activates on Space only
+ *    for `role="button"` or a real `<button>`; any other role answers Enter
+ *    alone.
+ *
+ * WHY THE DOM, NOT PROPS. The group has to know which of its options is
+ * selected, which are disabled, and in which ORDER they sit on screen — and it
+ * receives its options as `children` it did not create. The DOM already holds
+ * all three (`aria-selected` / `aria-checked`, `aria-disabled`, document order),
+ * so this module reads them there instead of growing a second registry that
+ * could disagree with what is rendered. Every function is a no-op without a
+ * DOM, and every caller gates on `Platform.OS === 'web'`, so native is
+ * untouched.
+ *
+ * Activation goes through `element.click()`: that is the press the option's own
+ * `onPress` already hears (react-native-web routes `click` to `onPress`), so a
+ * key and a pointer select through exactly one code path.
+ */
+import { useLayoutEffect } from 'react';
+import { Platform } from 'react-native';
+
+const IS_WEB = Platform.OS === 'web';
+
+/** Which arrow pair moves between the options. */
+export type RovingOrientation = 'horizontal' | 'vertical' | 'both';
+
+/** Where a key asks focus to go. */
+export type RovingMove = 'next' | 'prev' | 'first' | 'last';
+
+export interface RovingKeyOptions {
+  orientation: RovingOrientation;
+  /** Home/End jump to the ends (tabs and listboxes; a radio group has none). */
+  homeEnd?: boolean;
+}
+
+/** The move a key asks for, or `null` for a key this widget does not own. */
+export function rovingMove(key: string, { orientation, homeEnd = true }: RovingKeyOptions): RovingMove | null {
+  const horizontal = orientation !== 'vertical';
+  const vertical = orientation !== 'horizontal';
+  switch (key) {
+    case 'ArrowRight':
+      return horizontal ? 'next' : null;
+    case 'ArrowLeft':
+      return horizontal ? 'prev' : null;
+    case 'ArrowDown':
+      return vertical ? 'next' : null;
+    case 'ArrowUp':
+      return vertical ? 'prev' : null;
+    case 'Home':
+      return homeEnd ? 'first' : null;
+    case 'End':
+      return homeEnd ? 'last' : null;
+    default:
+      return null;
+  }
+}
+
+export function isSpaceKey(key: string): boolean {
+  return key === ' ' || key === 'Spacebar';
+}
+
+function isDisabled(element: HTMLElement): boolean {
+  return (
+    element.getAttribute('aria-disabled') === 'true' ||
+    (element as HTMLElement & { disabled?: boolean }).disabled === true
+  );
+}
+
+/**
+ * The options that belong to `container`, in document order.
+ *
+ * `owner`, when given, is the selector of the group itself: an option whose
+ * nearest such ancestor is NOT `container` belongs to a nested group and is
+ * skipped, so a radio group inside a tab panel inside a tab strip never
+ * mistakes the inner options for its own.
+ */
+export function rovingItems(
+  container: Element | null,
+  selector: string,
+  { owner, includeDisabled = false }: { owner?: string; includeDisabled?: boolean } = {},
+): HTMLElement[] {
+  if (!container) return [];
+  return Array.from(container.querySelectorAll<HTMLElement>(selector)).filter(
+    (element) =>
+      (includeDisabled || !isDisabled(element)) &&
+      (owner === undefined || element.parentElement?.closest(owner) === container),
+  );
+}
+
+/**
+ * The option a move lands on. `wrap` carries the last option round to the first
+ * (tabs, radio groups); a listbox stops at its ends.
+ */
+export function rovingTarget(
+  items: readonly HTMLElement[],
+  current: Element | null,
+  move: RovingMove,
+  wrap: boolean,
+): HTMLElement | null {
+  const count = items.length;
+  if (count === 0) return null;
+  if (move === 'first') return items[0] ?? null;
+  if (move === 'last') return items[count - 1] ?? null;
+  const index = current ? items.indexOf(current as HTMLElement) : -1;
+  if (index < 0) return (move === 'next' ? items[0] : items[count - 1]) ?? null;
+  const step = move === 'next' ? 1 : -1;
+  const next = index + step;
+  if (next >= 0 && next < count) return items[next] ?? null;
+  return wrap ? (items[(next + count) % count] ?? null) : (items[index] ?? null);
+}
+
+/**
+ * Exactly ONE tab stop: the selected option, or — when nothing is selected, or
+ * the selected option is disabled — the first enabled one, so the group stays
+ * reachable. Every other option takes `tabIndex=-1`: still focusable by the
+ * arrows, skipped by Tab.
+ */
+export function applyRovingTabIndex(
+  container: Element | null,
+  selector: string,
+  isSelected: (element: HTMLElement) => boolean,
+  owner?: string,
+): void {
+  const all = rovingItems(container, selector, { owner, includeDisabled: true });
+  const enabled = all.filter((element) => !isDisabled(element));
+  const stop = enabled.find(isSelected) ?? enabled[0];
+  for (const element of all) {
+    const wanted = element === stop ? 0 : -1;
+    if (element.tabIndex !== wanted) element.tabIndex = wanted;
+  }
+}
+
+/**
+ * Keep the group's roving tab stop in step with its selection.
+ *
+ * Runs after EVERY render of the group, without deps, because the group
+ * re-renders whenever an option's selection or `disabled` changes (both arrive
+ * through the group's own props or its children), and a layout effect runs
+ * after the children have committed the attributes it reads. It writes the DOM
+ * only where a value differs, so an idle re-render costs one query.
+ */
+export function useRovingTabIndex(
+  getContainer: () => Element | null,
+  selector: string,
+  isSelected: (element: HTMLElement) => boolean,
+  owner?: string,
+): void {
+  useLayoutEffect(() => {
+    if (!IS_WEB) return;
+    applyRovingTabIndex(getContainer(), selector, isSelected, owner);
+  });
+}
+
+/**
+ * The shared keydown for a tab strip or radio group option. Returns whether it
+ * handled the key (and so prevented its default).
+ *
+ * - Arrows (per `orientation`), and Home/End where `homeEnd`, move focus with
+ *   wrap-around. With `activate: 'follow'` (automatic activation) the option
+ *   focused is also selected; with `'manual'` only focus moves and Enter or
+ *   Space selects.
+ * - Space selects the focused option — the key react-native-web drops.
+ */
+export function handleRovingKeyDown(
+  event: { key: string; currentTarget: unknown; preventDefault: () => void },
+  {
+    selector,
+    owner,
+    orientation,
+    homeEnd,
+    activate,
+  }: RovingKeyOptions & { selector: string; owner: string; activate: 'follow' | 'manual' },
+): boolean {
+  const current = event.currentTarget as HTMLElement | null;
+  if (!current || typeof current.closest !== 'function') return false;
+  if (isSpaceKey(event.key)) {
+    if (isDisabled(current)) return false;
+    // Space scrolls the page by default; the option answers it instead.
+    event.preventDefault();
+    current.click();
+    return true;
+  }
+  const move = rovingMove(event.key, { orientation, homeEnd });
+  if (move === null) return false;
+  const container = current.closest(owner);
+  const target = rovingTarget(rovingItems(container, selector, { owner }), current, move, true);
+  if (!target) return false;
+  event.preventDefault();
+  target.focus();
+  if (activate === 'follow' && target !== current) target.click();
+  return true;
+}

package/src/hover-card/index.web.ts

@@ -1,3 +1,8 @@
+// AUTO-GENERATED by scripts/generate-platform-exports.mjs — DO NOT EDIT.
+// Source of truth: src/hover-card/index.ts.
+// Re-run `bun run generate:exports` (or any `bun run build`) after
+// changing that barrel or the set of web-forked subpaths.
+
 export { HoverCard, HoverCardTrigger, HoverCardContent } from './HoverCard.web';
 export {
   HOVER_CARD_CLOSE_DELAY,

package/src/icons/remix/RiBookReadLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `book-read-line` (Document). */
+export const RiBookReadLine = createSinglePathSVG({
+  path: 'M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM11 5H4V19H11V5ZM13 5V19H20V5H13ZM14 7H19V9H14V7ZM14 10H19V12H14V10Z',
+});

package/src/icons/remix/RiBugLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `bug-line` (Development). */
+export const RiBugLine = createSinglePathSVG({
+  path: 'M13 19.9C15.2822 19.4367 17 17.419 17 15V12C17 11.299 16.8564 10.6219 16.5846 10H7.41538C7.14358 10.6219 7 11.299 7 12V15C7 17.419 8.71776 19.4367 11 19.9V14H13V19.9ZM5.5358 17.6907C5.19061 16.8623 5 15.9534 5 15H2V13H5V12C5 11.3573 5.08661 10.7348 5.2488 10.1436L3.0359 8.86602L4.0359 7.13397L6.05636 8.30049C6.11995 8.19854 6.18609 8.09835 6.25469 8H17.7453C17.8139 8.09835 17.88 8.19854 17.9436 8.30049L19.9641 7.13397L20.9641 8.86602L18.7512 10.1436C18.9134 10.7348 19 11.3573 19 12V13H22V15H19C19 15.9534 18.8094 16.8623 18.4642 17.6907L20.9641 19.134L19.9641 20.866L17.4383 19.4077C16.1549 20.9893 14.1955 22 12 22C9.80453 22 7.84512 20.9893 6.56171 19.4077L4.0359 20.866L3.0359 19.134L5.5358 17.6907ZM8 6C8 3.79086 9.79086 2 12 2C14.2091 2 16 3.79086 16 6H8Z',
+});

package/src/icons/remix/RiChat1Line.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `chat-1-line` (Communication). */
+export const RiChat1Line = createSinglePathSVG({
+  path: 'M10 3H14C18.4183 3 22 6.58172 22 11C22 15.4183 18.4183 19 14 19V22.5C9 20.5 2 17.5 2 11C2 6.58172 5.58172 3 10 3ZM12 17H14C17.3137 17 20 14.3137 20 11C20 7.68629 17.3137 5 14 5H10C6.68629 5 4 7.68629 4 11C4 14.61 6.46208 16.9656 12 19.4798V17Z',
+});

package/src/icons/remix/RiCloudLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `cloud-line` (Business). */
+export const RiCloudLine = createSinglePathSVG({
+  path: 'M12 2C15.866 2 19 5.13401 19 9C19 9.11351 18.9973 9.22639 18.992 9.33857C21.3265 10.16 23 12.3846 23 15C23 18.3137 20.3137 21 17 21H7C3.68629 21 1 18.3137 1 15C1 12.3846 2.67346 10.16 5.00804 9.33857C5.0027 9.22639 5 9.11351 5 9C5 5.13401 8.13401 2 12 2ZM12 4C9.23858 4 7 6.23858 7 9C7 9.08147 7.00193 9.16263 7.00578 9.24344L7.07662 10.7309L5.67183 11.2252C4.0844 11.7837 3 13.2889 3 15C3 17.2091 4.79086 19 7 19H17C19.2091 19 21 17.2091 21 15C21 12.79 19.21 11 17 11C15.233 11 13.7337 12.1457 13.2042 13.7347L11.3064 13.1021C12.1005 10.7185 14.35 9 17 9C17 6.23858 14.7614 4 12 4Z',
+});

package/src/icons/remix/RiCodeLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `code-line` (Development). */
+export const RiCodeLine = createSinglePathSVG({
+  path: 'M23 12L15.9289 19.0711L14.5147 17.6569L20.1716 12L14.5147 6.34317L15.9289 4.92896L23 12ZM3.82843 12L9.48528 17.6569L8.07107 19.0711L1 12L8.07107 4.92896L9.48528 6.34317L3.82843 12Z',
+});

package/src/icons/remix/RiCpuLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `cpu-line` (Device). */
+export const RiCpuLine = createSinglePathSVG({
+  path: 'M6 18H18V6H6V18ZM14 20H10V22H8V20H5C4.44772 20 4 19.5523 4 19V16H2V14H4V10H2V8H4V5C4 4.44772 4.44772 4 5 4H8V2H10V4H14V2H16V4H19C19.5523 4 20 4.44772 20 5V8H22V10H20V14H22V16H20V19C20 19.5523 19.5523 20 19 20H16V22H14V20ZM8 8H16V16H8V8Z',
+});

package/src/icons/remix/RiFloodLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `flood-line` (Weather). */
+export const RiFloodLine = createSinglePathSVG({
+  path: 'M16.0001 17.4723C17.0616 18.4223 18.4634 19 20 19H22V21H20C18.5428 21 17.1766 20.6104 15.9998 19.9296C14.8242 20.6101 13.4576 21 12 21C10.5428 21 9.17657 20.6104 7.99984 19.9296C6.8242 20.6101 5.45763 21 4 21H2V19H4C5.53713 19 6.93925 18.422 8.00013 17.4723C9.06163 18.4223 10.4634 19 12 19C13.5371 19 14.9393 18.422 16.0001 17.4723ZM12.5734 1.53204L12.6727 1.6115L23 11H20V17C19.2988 17 18.6258 16.8797 18.0003 16.6587L18 9.15698L12 3.70198L6 9.15598L6.00125 16.6582C5.4648 16.8479 4.89325 16.9635 4.29898 16.9927L4 17V11H1L11.3273 1.6115C11.677 1.29365 12.1956 1.26716 12.5734 1.53204Z',
+});

package/src/icons/remix/RiLockUnlockLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `lock-unlock-line` (System). */
+export const RiLockUnlockLine = createSinglePathSVG({
+  path: 'M7 10H20C20.5523 10 21 10.4477 21 11V21C21 21.5523 20.5523 22 20 22H4C3.44772 22 3 21.5523 3 21V11C3 10.4477 3.44772 10 4 10H5V9C5 5.13401 8.13401 2 12 2C14.7405 2 17.1131 3.5748 18.2624 5.86882L16.4731 6.76344C15.6522 5.12486 13.9575 4 12 4C9.23858 4 7 6.23858 7 9V10ZM5 12V20H19V12H5ZM10 15H14V17H10V15Z',
+});

package/src/icons/remix/RiMoneyDollarCircleLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `money-dollar-circle-line` (Finance). */
+export const RiMoneyDollarCircleLine = createSinglePathSVG({
+  path: 'M12.0049 22.0027C6.48204 22.0027 2.00488 17.5256 2.00488 12.0027C2.00488 6.4799 6.48204 2.00275 12.0049 2.00275C17.5277 2.00275 22.0049 6.4799 22.0049 12.0027C22.0049 17.5256 17.5277 22.0027 12.0049 22.0027ZM12.0049 20.0027C16.4232 20.0027 20.0049 16.421 20.0049 12.0027C20.0049 7.58447 16.4232 4.00275 12.0049 4.00275C7.5866 4.00275 4.00488 7.58447 4.00488 12.0027C4.00488 16.421 7.5866 20.0027 12.0049 20.0027ZM8.50488 14.0027H14.0049C14.281 14.0027 14.5049 13.7789 14.5049 13.5027C14.5049 13.2266 14.281 13.0027 14.0049 13.0027H10.0049C8.62417 13.0027 7.50488 11.8835 7.50488 10.5027C7.50488 9.12203 8.62417 8.00275 10.0049 8.00275H11.0049V6.00275H13.0049V8.00275H15.5049V10.0027H10.0049C9.72874 10.0027 9.50488 10.2266 9.50488 10.5027C9.50488 10.7789 9.72874 11.0027 10.0049 11.0027H14.0049C15.3856 11.0027 16.5049 12.122 16.5049 13.5027C16.5049 14.8835 15.3856 16.0027 14.0049 16.0027H13.0049V18.0027H11.0049V16.0027H8.50488V14.0027Z',
+});

package/src/icons/remix/RiPlayCircleLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `play-circle-line` (Media). */
+export const RiPlayCircleLine = createSinglePathSVG({
+  path: 'M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM10.6219 8.41459L15.5008 11.6672C15.6846 11.7897 15.7343 12.0381 15.6117 12.2219C15.5824 12.2658 15.5447 12.3035 15.5008 12.3328L10.6219 15.5854C10.4381 15.708 10.1897 15.6583 10.0672 15.4745C10.0234 15.4088 10 15.3316 10 15.2526V8.74741C10 8.52649 10.1791 8.34741 10.4 8.34741C10.479 8.34741 10.5562 8.37078 10.6219 8.41459Z',
+});

package/src/icons/remix/RiRocket2Line.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `rocket-2-line` (Map). */
+export const RiRocket2Line = createSinglePathSVG({
+  path: 'M15.5018 20.0048C14.8432 21.5841 13.5794 22.848 12 23.5066C10.4206 22.848 9.15679 21.5841 8.49816 20.0048H10.7575C11.0838 20.4934 11.5051 20.9171 12 21.248C12.4949 20.9171 12.9162 20.4934 13.2425 20.0048H15.5018ZM18 14.8095L20 17.0777V19.0048H4V17.0777L6 14.8095V9.00478C6 5.52153 8.50442 2.55822 12 1.45999C15.4956 2.55822 18 5.52153 18 9.00478V14.8095ZM17.2692 17.0048L16 15.5653V9.00478C16 6.68694 14.4292 4.57431 12 3.58384C9.57078 4.57431 8 6.68694 8 9.00478V15.5653L6.73076 17.0048H17.2692ZM12 11.0048C10.8954 11.0048 10 10.1093 10 9.00478C10 7.90021 10.8954 7.00478 12 7.00478C13.1046 7.00478 14 7.90021 14 9.00478C14 10.1093 13.1046 11.0048 12 11.0048Z',
+});

package/src/icons/remix/RiServerLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `server-line` (Device). */
+export const RiServerLine = createSinglePathSVG({
+  path: 'M5 11H19V5H5V11ZM21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3H20C20.5523 3 21 3.44772 21 4ZM19 13H5V19H19V13ZM7 15H10V17H7V15ZM7 7H10V9H7V7Z',
+});

package/src/icons/remix/RiShareBoxLine.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `share-box-line` (System). */
+export const RiShareBoxLine = createSinglePathSVG({
+  path: 'M10 3V5H5V19H19V14H21V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3H10ZM17.5858 5H13V3H21V11H19V6.41421L12 13.4142L10.5858 12L17.5858 5Z',
+});

package/src/icons/remix/RiTv2Line.tsx

@@ -0,0 +1,6 @@
+import { createSinglePathSVG } from '../TEMPLATE';
+
+/** Remix Icon `tv-2-line` (Device). */
+export const RiTv2Line = createSinglePathSVG({
+  path: 'M2 4.00087C2 3.44811 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44463 22 4.00087V17.9991C22 18.5519 21.5447 19 21.0082 19H2.9918C2.44405 19 2 18.5554 2 17.9991V4.00087ZM4 5V17H20V5H4ZM5 20H19V22H5V20Z',
+});

package/src/icons/remix/index.ts

@@ -55,6 +55,7 @@ export { RiBlueskyFill } from './RiBlueskyFill';
 export { RiBold } from './RiBold';
 export { RiBookOpenFill } from './RiBookOpenFill';
 export { RiBookOpenLine } from './RiBookOpenLine';
+export { RiBookReadLine } from './RiBookReadLine';
 export { RiBookShelfLine } from './RiBookShelfLine';
 export { RiBookmark3Line } from './RiBookmark3Line';
 export { RiBookmarkFill } from './RiBookmarkFill';
@@ -63,6 +64,7 @@ export { RiBox3Line } from './RiBox3Line';
 export { RiBriefcase4Line } from './RiBriefcase4Line';
 export { RiBroadcastLine } from './RiBroadcastLine';
 export { RiBrushAiLine } from './RiBrushAiLine';
+export { RiBugLine } from './RiBugLine';
 export { RiBuilding2Line } from './RiBuilding2Line';
 export { RiBuilding4Line } from './RiBuilding4Line';
 export { RiBuildingLine } from './RiBuildingLine';
@@ -81,6 +83,7 @@ export { RiCameraSwitchLine } from './RiCameraSwitchLine';
 export { RiCapsuleFill } from './RiCapsuleFill';
 export { RiCarLine } from './RiCarLine';
 export { RiCastLine } from './RiCastLine';
+export { RiChat1Line } from './RiChat1Line';
 export { RiChat3Fill } from './RiChat3Fill';
 export { RiChat3Line } from './RiChat3Line';
 export { RiChat4Fill } from './RiChat4Fill';
@@ -101,7 +104,9 @@ export { RiCloseCircleLine } from './RiCloseCircleLine';
 export { RiCloseLine } from './RiCloseLine';
 export { RiClosedCaptioningFill } from './RiClosedCaptioningFill';
 export { RiClosedCaptioningLine } from './RiClosedCaptioningLine';
+export { RiCloudLine } from './RiCloudLine';
 export { RiCodeBlock } from './RiCodeBlock';
+export { RiCodeLine } from './RiCodeLine';
 export { RiCodeSLine } from './RiCodeSLine';
 export { RiCodeSSlashLine } from './RiCodeSSlashLine';
 export { RiCoinsFill } from './RiCoinsFill';
@@ -116,6 +121,7 @@ export { RiContractLeftRightLine } from './RiContractLeftRightLine';
 export { RiCornerDownLeftLine } from './RiCornerDownLeftLine';
 export { RiCornerDownRightLine } from './RiCornerDownRightLine';
 export { RiCornerUpLeftLine } from './RiCornerUpLeftLine';
+export { RiCpuLine } from './RiCpuLine';
 export { RiCropLine } from './RiCropLine';
 export { RiCursorLine } from './RiCursorLine';
 export { RiCustomerService2Line } from './RiCustomerService2Line';
@@ -180,6 +186,7 @@ export { RiFlaskLine } from './RiFlaskLine';
 export { RiFlightTakeoffLine } from './RiFlightTakeoffLine';
 export { RiFlipHorizontalLine } from './RiFlipHorizontalLine';
 export { RiFlipVerticalLine } from './RiFlipVerticalLine';
+export { RiFloodLine } from './RiFloodLine';
 export { RiFlowerLine } from './RiFlowerLine';
 export { RiFocus3Line } from './RiFocus3Line';
 export { RiFolder2Line } from './RiFolder2Line';
@@ -257,6 +264,7 @@ export { RiLiveLine } from './RiLiveLine';
 export { RiLoader4Line } from './RiLoader4Line';
 export { RiLock2Line } from './RiLock2Line';
 export { RiLockLine } from './RiLockLine';
+export { RiLockUnlockLine } from './RiLockUnlockLine';
 export { RiLoginBoxLine } from './RiLoginBoxLine';
 export { RiLogoutBoxRLine } from './RiLogoutBoxRLine';
 export { RiLogoutCircleLine } from './RiLogoutCircleLine';
@@ -284,6 +292,7 @@ export { RiMic2Line } from './RiMic2Line';
 export { RiMicLine } from './RiMicLine';
 export { RiMicOffFill } from './RiMicOffFill';
 export { RiMicOffLine } from './RiMicOffLine';
+export { RiMoneyDollarCircleLine } from './RiMoneyDollarCircleLine';
 export { RiMoneyEuroBoxLine } from './RiMoneyEuroBoxLine';
 export { RiMoonClearFill } from './RiMoonClearFill';
 export { RiMoonLine } from './RiMoonLine';
@@ -313,6 +322,7 @@ export { RiPencilLine } from './RiPencilLine';
 export { RiPhoneFill } from './RiPhoneFill';
 export { RiPhoneLine } from './RiPhoneLine';
 export { RiPlantLine } from './RiPlantLine';
+export { RiPlayCircleLine } from './RiPlayCircleLine';
 export { RiPlayFill } from './RiPlayFill';
 export { RiPlayLine } from './RiPlayLine';
 export { RiPlayList2Line } from './RiPlayList2Line';
@@ -343,6 +353,7 @@ export { RiResetRightLine } from './RiResetRightLine';
 export { RiRestaurantLine } from './RiRestaurantLine';
 export { RiRobot2Fill } from './RiRobot2Fill';
 export { RiRobot2Line } from './RiRobot2Line';
+export { RiRocket2Line } from './RiRocket2Line';
 export { RiRouteLine } from './RiRouteLine';
 export { RiRssFill } from './RiRssFill';
 export { RiRulerLine } from './RiRulerLine';
@@ -353,6 +364,7 @@ export { RiSearchFill } from './RiSearchFill';
 export { RiSearchLine } from './RiSearchLine';
 export { RiSeedlingLine } from './RiSeedlingLine';
 export { RiSendPlaneLine } from './RiSendPlaneLine';
+export { RiServerLine } from './RiServerLine';
 export { RiSettings3Fill } from './RiSettings3Fill';
 export { RiSettings3Line } from './RiSettings3Line';
 export { RiSettings4Line } from './RiSettings4Line';
@@ -361,6 +373,7 @@ export { RiSettingsLine } from './RiSettingsLine';
 export { RiShakeHandsLine } from './RiShakeHandsLine';
 export { RiShapesLine } from './RiShapesLine';
 export { RiShare2Line } from './RiShare2Line';
+export { RiShareBoxLine } from './RiShareBoxLine';
 export { RiShareForwardLine } from './RiShareForwardLine';
 export { RiShareLine } from './RiShareLine';
 export { RiShieldCheckFill } from './RiShieldCheckFill';
@@ -426,6 +439,7 @@ export { RiToolsLine } from './RiToolsLine';
 export { RiTrainLine } from './RiTrainLine';
 export { RiTranslate2 } from './RiTranslate2';
 export { RiTreeLine } from './RiTreeLine';
+export { RiTv2Line } from './RiTv2Line';
 export { RiTvLine } from './RiTvLine';
 export { RiTwitterXFill } from './RiTwitterXFill';
 export { RiUnpinLine } from './RiUnpinLine';

package/src/list/index.web.ts

@@ -1,3 +1,8 @@
+// AUTO-GENERATED by scripts/generate-platform-exports.mjs — DO NOT EDIT.
+// Source of truth: src/list/index.ts.
+// Re-run `bun run generate:exports` (or any `bun run build`) after
+// changing that barrel or the set of web-forked subpaths.
+
 export type {
   VirtualListHandle,
   VirtualListProps,

package/src/loading/Loading.tsx

@@ -1,8 +1,11 @@
-import { normalizeBloomSize } from '../appearance/legacy';
-import { resolveBloomColors } from '../appearance/colors';
-import { useBloomAppearance } from '../appearance';
-import React, { memo, useEffect, useMemo } from 'react';
-import { View, Text, StyleSheet, type DimensionValue } from 'react-native';
+/**
+ * `Loading` — NATIVE: the `top` variant's motion on react-native-reanimated.
+ *
+ * Everything else about the family is shared (`LoadingBase`); this file holds
+ * only what forks, and binds it. The `spinner` and `inline` variants, the size
+ * table and the stylesheet are identical on both platforms.
+ */
+import React, { useEffect } from 'react';
 import Animated, {
   Easing,
   useAnimatedStyle,
@@ -10,60 +13,14 @@ import Animated, {
   withTiming,
 } from 'react-native-reanimated';
 
-import { useTheme } from '../theme/use-theme';
+import { normalizeBloomSize } from '../appearance/legacy';
+import { resolveBloomColors } from '../appearance/colors';
+import { useBloomAppearance } from '../appearance';
 import { animation } from '../styles/tokens';
+import { useTheme } from '../theme/use-theme';
+import { bindLoading, SIZE_CONFIG, styles } from './LoadingBase';
 import { SpinnerIcon } from './SpinnerIcon';
-import type {
-  LoadingProps,
-  SpinnerLoadingProps,
-  TopLoadingProps,
-  InlineLoadingProps,
-} from './types';
-
-const SIZE_CONFIG = {
-  xs: { spinner: 16, text: 12 },
-  sm: { spinner: 20, text: 13 },
-  md: { spinner: 24, text: 15 },
-  lg: { spinner: 44, text: 16 },
-} as const;
-
-const SpinnerLoading: React.FC<SpinnerLoadingProps> = ({
-  size: sizeProp,
-  color,
-  tone: toneProp,
-  className,
-  text,
-  textStyle,
-  style,
-  showText = true,
-  iconSize,
-  spinnerIcon,
-  testID,
-}) => {
-  const theme = useTheme();
-  const {size, tone} = useBloomAppearance({size: normalizeBloomSize(sizeProp), tone: toneProp}, {size: 'md', tone: 'accent'});
-  const sizeConfig = SIZE_CONFIG[size];
-  const effectiveIconSize = iconSize ?? sizeConfig.spinner;
-  const spinnerColor = className ? 'currentColor' : (color ?? resolveBloomColors(theme.colors, tone, 'solid').background);
-  const textColor = color ?? theme.colors.textSecondary;
-
-  return (
-    <View style={[styles.container, style]} testID={testID}>
-      {spinnerIcon ?? <SpinnerIcon size={effectiveIconSize} color={spinnerColor} className={className} />}
-      {showText && text && (
-        <Text
-          style={[
-            styles.text,
-            { color: textColor, fontSize: sizeConfig.text, marginTop: 8 },
-            textStyle,
-          ]}
-        >
-          {text}
-        </Text>
-      )}
-    </View>
-  );
-};
+import type { TopLoadingProps } from './types';
 
 const TopLoading: React.FC<TopLoadingProps> = ({
   size: sizeProp,
@@ -118,81 +75,4 @@ const TopLoading: React.FC<TopLoadingProps> = ({
   );
 };
 
-const InlineLoading: React.FC<InlineLoadingProps> = ({
-  size: sizeProp,
-  color,
-  tone: toneProp,
-  text,
-  style,
-  textStyle,
-  spinnerIcon,
-  testID,
-}) => {
-  const theme = useTheme();
-  const {size, tone} = useBloomAppearance({size: normalizeBloomSize(sizeProp), tone: toneProp}, {size: 'md', tone: 'accent'});
-  const sizeConfig = SIZE_CONFIG[size];
-  const spinnerColor = color ?? resolveBloomColors(theme.colors, tone, 'solid').background;
-  const textColor = theme.colors.textSecondary;
-
-  return (
-    <View style={[styles.inlineContainer, style]} testID={testID}>
-      {spinnerIcon ?? <SpinnerIcon size={sizeConfig.spinner} color={spinnerColor} />}
-      {text && (
-        <Text
-          style={[
-            { color: textColor, fontSize: sizeConfig.text, marginLeft: 8 },
-            textStyle,
-          ]}
-        >
-          {text}
-        </Text>
-      )}
-    </View>
-  );
-};
-
-const LoadingComponent: React.FC<LoadingProps> = (props) => {
-  const variant = props.variant ?? 'spinner';
-
-  switch (variant) {
-    case 'top':
-      return <TopLoading {...(props as TopLoadingProps)} />;
-    case 'inline':
-      return <InlineLoading {...(props as InlineLoadingProps)} />;
-    case 'spinner':
-    default:
-      return <SpinnerLoading {...(props as SpinnerLoadingProps)} />;
-  }
-};
-
-export const Loading = memo(LoadingComponent);
-Loading.displayName = 'Loading';
-
-const styles = StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    padding: 16,
-  },
-  text: {
-    textAlign: 'center',
-  },
-  topContainer: {
-    width: '100%',
-    position: 'relative',
-    overflow: 'hidden',
-  },
-  topLoadingView: {
-    width: '100%',
-    alignItems: 'center',
-    justifyContent: 'center',
-    position: 'absolute',
-    top: 0,
-    left: 0,
-  },
-  inlineContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-});
+export const { Loading } = bindLoading({ SpinnerIcon, TopLoading });