pixelize-native-library 1.2.1 → 1.3.0

package/lib/module/core/motion/presets.js

@@ -1,18 +1,12 @@
 "use strict";
 
-/**
- * Ready-made motion for the two patterns that repeat across the library: press feedback, and
- * mount/unmount reveal. Components use these instead of hand-rolling an `Animated.Value` each,
- * so retuning `config.ts` retunes everything.
- */
-
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Animated } from "react-native";
+import { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
+import { motionParallel } from "./motionAnimation.js";
+import { reanimatedEasing } from "./reanimatedEasing.js";
 import { useAnimatedValue } from "./useAnimatedValue.js";
 import { useMotion } from "./useMotion.js";
 const NOOP = () => undefined;
-
-/** Shared by every disabled caller — `list-item` and `stat-tile` render thousands of these. */
 const PRESS_AT_REST = {
   style: {
     opacity: 1,
@@ -23,101 +17,106 @@ const PRESS_AT_REST = {
   onPressIn: NOOP,
   onPressOut: NOOP
 };
-
-/** Scale + opacity dip on press. Native driver, so it never blocks the JS thread mid-scroll. */
 export function usePressMotion(disabled = false) {
   const motion = useMotion();
-  const values = useRef(null);
-  const running = useRef(null);
-
-  // Lazily allocated: a 5000-row display-only list would otherwise build 10k values that never move.
-  if (!disabled && values.current === null) {
-    values.current = {
-      scale: new Animated.Value(1),
-      opacity: new Animated.Value(1)
-    };
-  }
-  const pressValues = values.current;
+  const scale = useSharedValue(1);
+  const opacity = useSharedValue(1);
+  const [pressed, setPressed] = useState(false);
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value,
+    transform: [{
+      scale: scale.value
+    }]
+  }));
+  const snap = useCallback((toScale, toOpacity) => {
+    scale.value = toScale;
+    opacity.value = toOpacity;
+  }, [opacity, scale]);
   const animate = useCallback((toScale, toOpacity) => {
-    const current = values.current;
-    if (current === null) return;
-    running.current?.stop();
     if (!motion.enabled) {
-      current.scale.setValue(toScale);
-      current.opacity.setValue(toOpacity);
+      snap(toScale, toOpacity);
       return;
     }
-    running.current = Animated.parallel([motion.timing(current.scale, toScale, {
-      duration: "fast"
-    }), motion.timing(current.opacity, toOpacity, {
-      duration: "fast"
-    })]);
-    running.current.start();
-  }, [motion]);
-  useEffect(() => () => running.current?.stop(), []);
+    const durationMs = motion.duration("fast");
+    const easing = reanimatedEasing("standard");
+    scale.value = withTiming(toScale, {
+      duration: durationMs,
+      easing
+    });
+    opacity.value = withTiming(toOpacity, {
+      duration: durationMs,
+      easing
+    });
+  }, [motion, opacity, scale, snap]);
   const onPressIn = useCallback(() => {
     if (disabled) return;
+    if (!motion.enabled) {
+      setPressed(true);
+      return;
+    }
     animate(motion.transform.pressScale, motion.transform.pressOpacity);
-  }, [disabled, animate, motion]);
+  }, [disabled, animate, motion.enabled, motion.transform.pressOpacity, motion.transform.pressScale]);
   const onPressOut = useCallback(() => {
     if (disabled) return;
+    if (!motion.enabled) {
+      setPressed(false);
+      return;
+    }
     animate(1, 1);
-  }, [disabled, animate]);
-
-  // The Animated.Values are stable, but a fresh wrapper each render defeats every consumer
-  // `useMemo` keyed on `press.style`.
-  return useMemo(() => pressValues === null ? PRESS_AT_REST : {
-    style: {
-      opacity: pressValues.opacity,
-      transform: [{
-        scale: pressValues.scale
-      }]
-    },
+  }, [disabled, animate, motion.enabled]);
+  const enabledMotion = useMemo(() => ({
+    style: animatedStyle,
     onPressIn,
     onPressOut
-  }, [pressValues, onPressIn, onPressOut]);
+  }), [animatedStyle, onPressIn, onPressOut]);
+  if (disabled) return PRESS_AT_REST;
+  if (!motion.enabled) {
+    return {
+      style: {
+        opacity: pressed ? motion.transform.pressOpacity : 1,
+        transform: [{
+          scale: pressed ? motion.transform.pressScale : 1
+        }]
+      },
+      onPressIn,
+      onPressOut
+    };
+  }
+  return enabledMotion;
 }
-/**
- * Fade + slide for a subtree whose mounting someone else already controls. Holds no state, so it
- * costs no extra render — use this instead of `useEnterExit` when the caller ignores `mounted`.
- */
 export function useReveal(visible, offsetY) {
   const motion = useMotion();
   const opacity = useAnimatedValue(visible ? 1 : 0);
   const translateY = useAnimatedValue(0);
   const running = useRef(null);
   const distance = offsetY ?? motion.transform.offsetY;
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value,
+    transform: [{
+      translateY: translateY.value
+    }]
+  }));
   useEffect(() => {
     running.current?.stop();
     if (!motion.enabled) {
-      opacity.setValue(visible ? 1 : 0);
-      translateY.setValue(0);
+      opacity.value = visible ? 1 : 0;
+      translateY.value = 0;
       return;
     }
-    running.current = Animated.parallel([motion.timing(opacity, visible ? 1 : 0, {
+    running.current = motionParallel(motion.timing(opacity, visible ? 1 : 0, {
       duration: visible ? "normal" : "fast",
       easing: visible ? "decelerate" : "accelerate"
     }), motion.timing(translateY, visible ? 0 : -distance / 2, {
       duration: visible ? "normal" : "fast",
       easing: visible ? "decelerate" : "accelerate"
-    })]);
+    }));
     running.current.start();
   }, [visible, motion, opacity, translateY, distance]);
   useEffect(() => () => running.current?.stop(), []);
   return {
-    style: {
-      opacity,
-      transform: [{
-        translateY
-      }]
-    }
+    style: animatedStyle
   };
 }
-/**
- * Fade + slide a subtree in, and keep it mounted only until the exit settles. The unmount is
- * driven by a timer, not the animation callback: an interrupted animation must still unmount, or
- * collapsed content leaks into the tree forever.
- */
 export function useEnterExit(visible, offsetY) {
   const motion = useMotion();
   const [mounted, setMounted] = useState(visible);
@@ -127,6 +126,12 @@ export function useEnterExit(visible, offsetY) {
   const running = useRef(null);
   const exitTimer = useRef(null);
   const distance = offsetY ?? motion.transform.offsetY;
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value,
+    transform: [{
+      translateY: translateY.value
+    }]
+  }));
   useEffect(() => {
     const clearExit = () => {
       if (exitTimer.current !== null) {
@@ -140,17 +145,17 @@ export function useEnterExit(visible, offsetY) {
       setMounted(true);
       if (!motion.enabled || skipFirstEnter.current) {
         skipFirstEnter.current = false;
-        opacity.setValue(1);
-        translateY.setValue(0);
+        opacity.value = 1;
+        translateY.value = 0;
         return;
       }
-      opacity.setValue(0);
-      translateY.setValue(-distance);
-      running.current = Animated.parallel([motion.timing(opacity, 1, {
+      opacity.value = 0;
+      translateY.value = -distance;
+      running.current = motionParallel(motion.timing(opacity, 1, {
         easing: "decelerate"
       }), motion.timing(translateY, 0, {
         easing: "decelerate"
-      })]);
+      }));
       running.current.start();
       return;
     }
@@ -160,13 +165,13 @@ export function useEnterExit(visible, offsetY) {
       setMounted(false);
       return;
     }
-    running.current = Animated.parallel([motion.timing(opacity, 0, {
+    running.current = motionParallel(motion.timing(opacity, 0, {
       duration: "fast",
       easing: "accelerate"
     }), motion.timing(translateY, -distance / 2, {
       duration: "fast",
       easing: "accelerate"
-    })]);
+    }));
     running.current.start();
     clearExit();
     exitTimer.current = setTimeout(() => {
@@ -181,12 +186,7 @@ export function useEnterExit(visible, offsetY) {
   }, []);
   return {
     mounted,
-    style: {
-      opacity,
-      transform: [{
-        translateY
-      }]
-    }
+    style: animatedStyle
   };
 }
 //# sourceMappingURL=presets.js.map

package/lib/module/core/motion/reanimatedEasing.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import { Easing } from "react-native-reanimated";
+import { MOTION_EASING_CURVE } from "./config.js";
+const cache = {};
+export function reanimatedEasing(key) {
+  const hit = cache[key];
+  if (hit) return hit;
+  const [x1, y1, x2, y2] = MOTION_EASING_CURVE[key];
+  const built = Easing.bezier(x1, y1, x2, y2);
+  cache[key] = built;
+  return built;
+}
+export function resetReanimatedEasingCache() {
+  for (const key of Object.keys(cache)) {
+    delete cache[key];
+  }
+}
+//# sourceMappingURL=reanimatedEasing.js.map

package/lib/module/core/motion/useAnimatedValue.js

@@ -1,19 +1,7 @@
 "use strict";
 
-import { useRef } from "react";
-import { Animated } from "react-native";
-
-/**
- * A render-stable `Animated.Value`, allocated once.
- *
- * `useRef(new Animated.Value(0))` — the shape this replaces — evaluates its argument on **every**
- * render and hands `useRef` a fresh node it then discards. A list row holding two of them throws
- * away two animated nodes per row per render, which is exactly the churn the press-motion fix
- * removed from `usePressMotion`. `initial` is read on the first render only, matching `useRef`.
- */
+import { useSharedValue } from "react-native-reanimated";
 export function useAnimatedValue(initial) {
-  const ref = useRef(null);
-  ref.current ??= new Animated.Value(initial);
-  return ref.current;
+  return useSharedValue(initial);
 }
 //# sourceMappingURL=useAnimatedValue.js.map

package/lib/module/core/motion/useMotion.js

@@ -1,22 +1,13 @@
 "use strict";
 
-/**
- * The single hook every animated module uses. Resolves the global config in `config.ts` against
- * the device tier and the OS reduce-motion setting, so no component reads a raw duration.
- *
- * Reduce-motion (WCAG 2.3.3) always wins over the tier policy — `enabled` goes false and every
- * duration resolves to 0, so callers can `setValue` instead of tweening.
- */
-
 import { useCallback, useMemo } from "react";
-import { Animated } from "react-native";
 import { useReducedMotion } from "../a11y/index.js";
 import { resolveDeviceTier } from "../device/index.js";
 import { MOTION_ENABLED, MOTION_SPRING, MOTION_TIER, MOTION_TRANSFORM, motionEasing, resolveDuration } from "./config.js";
+import { runLoop, runTiming } from "./motionAnimation.js";
+import { reanimatedEasing } from "./reanimatedEasing.js";
 export function useMotion() {
   const reducedMotion = useReducedMotion();
-  // Resolved rather than `useDeviceTier()`d: that hook reads the same store, and one `useMotion`
-  // must cost one read.
   const tier = useMemo(() => resolveDeviceTier(reducedMotion), [reducedMotion]);
   const duration = useCallback(key => resolveDuration(key, tier, reducedMotion), [tier, reducedMotion]);
   const easing = useCallback(key => motionEasing(key), []);
@@ -24,13 +15,20 @@ export function useMotion() {
     if (!MOTION_ENABLED || reducedMotion || !MOTION_TIER[tier].springs) return null;
     return MOTION_SPRING[key];
   }, [tier, reducedMotion]);
-  const timing = useCallback((value, toValue, options) => Animated.timing(value, {
-    toValue,
-    duration: duration(options?.duration ?? "normal"),
-    easing: motionEasing(options?.easing ?? "standard"),
-    delay: options?.delay ?? 0,
-    useNativeDriver: true
-  }), [duration]);
+  const timing = useCallback((value, toValue, options) => {
+    const durationMs = duration(options?.duration ?? "normal");
+    const easingKey = options?.easing ?? "standard";
+    const snap = !MOTION_ENABLED || reducedMotion || durationMs === 0;
+    return runTiming(value, toValue, durationMs, reanimatedEasing(easingKey), options?.delay ?? 0, snap);
+  }, [duration, reducedMotion]);
+  const loop = useCallback((value, toValue, options) => {
+    const durationMs = duration(options?.duration ?? "deliberate");
+    const easingKey = options?.easing ?? "standard";
+    if (!MOTION_ENABLED || reducedMotion || durationMs === 0) {
+      return runTiming(value, toValue, 0, reanimatedEasing(easingKey), 0, true);
+    }
+    return runLoop(value, toValue, durationMs, reanimatedEasing(easingKey));
+  }, [duration, reducedMotion]);
   return useMemo(() => ({
     enabled: MOTION_ENABLED && !reducedMotion,
     tier,
@@ -40,7 +38,8 @@ export function useMotion() {
     duration,
     easing,
     spring,
-    timing
-  }), [reducedMotion, tier, duration, easing, spring, timing]);
+    timing,
+    loop
+  }), [reducedMotion, tier, duration, easing, spring, timing, loop]);
 }
 //# sourceMappingURL=useMotion.js.map

package/lib/module/core/motion/usePressState.js

@@ -17,7 +17,6 @@ export function usePressState(disabled = false) {
   const scale = useSharedValue(1);
   const opacity = useSharedValue(1);
   const overlayOpacity = useSharedValue(0);
-  const focusOpacity = useSharedValue(0);
   const onLayout = useCallback(event => {
     const width = event.nativeEvent.layout.width;
     if (width > 0) {
@@ -99,9 +98,6 @@ export function usePressState(disabled = false) {
   }), [pressed]);
   const animatedStyle = motion.enabled ? reanimatedPressStyle : staticPressStyle;
   const overlayStyle = motion.enabled ? reanimatedOverlayStyle : staticOverlayStyle;
-  const focusRingStyle = useAnimatedStyle(() => ({
-    opacity: focusOpacity.value
-  }));
   const handlers = useMemo(() => ({
     onPressIn,
     onPressOut,
@@ -111,7 +107,6 @@ export function usePressState(disabled = false) {
     pressed,
     animatedStyle,
     overlayStyle,
-    focusRingStyle,
     handlers,
     onLayout
   };

package/lib/module/core/overlay/MODULE.md

@@ -0,0 +1,17 @@
+# overlay/ — web portal containment for sheets and modals
+
+`ModalPortalContext` and `renderWebPortal` let an overlay render into a consumer-supplied DOM node
+on web instead of `document.body` — `Modal`, `Drawer`, `Select`, `Menu`, `Combobox`, `MultiSelect`,
+`OrgSwitcher` and `date-picker`'s shell all read them. Native builds use RN's `<Modal>`.
+
+## Files
+
+| File | Role |
+|------|------|
+| `ModalPortalContext.ts` | React context holding the portal container (`unknown` — DOM only on web). |
+| `renderWebPortal.ts` | Native/Jest stub returning `null`. |
+| `renderWebPortal.web.ts` | `ReactDOM.createPortal` implementation. |
+
+`ModalPortalProvider` lives in `modules/modal/` — it is the public opt-in wrapper. `modules/modal`
+also carries `ModalPortalContext.ts` / `renderWebPortal{,.web}.ts` as one-line re-export shims of
+these files, so the context object is shared, not duplicated.

package/lib/module/core/overlay/ModalPortalContext.js

@@ -0,0 +1,8 @@
+"use strict";
+
+/**
+ * Web-only portal container for overlay sheets. See `core/overlay/MODULE.md`.
+ */
+import { createContext } from "react";
+export const ModalPortalContext = /*#__PURE__*/createContext(null);
+//# sourceMappingURL=ModalPortalContext.js.map

package/lib/module/core/overlay/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { ModalPortalContext } from "./ModalPortalContext.js";
+export { renderWebPortal } from "./renderWebPortal";
+//# sourceMappingURL=index.js.map

package/lib/module/core/overlay/renderWebPortal.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export function renderWebPortal(_children, _container) {
+  return null;
+}
+//# sourceMappingURL=renderWebPortal.js.map

package/lib/module/core/overlay/renderWebPortal.web.js

@@ -0,0 +1,8 @@
+"use strict";
+
+import { createPortal } from "react-dom";
+export function renderWebPortal(children, container) {
+  if (container == null) return null;
+  return /*#__PURE__*/createPortal(children, container);
+}
+//# sourceMappingURL=renderWebPortal.web.js.map

package/lib/module/core/screen-scroll/ScreenScrollContext.js

@@ -0,0 +1,9 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+const ScreenScrollContext = /*#__PURE__*/createContext(null);
+export function useScreenScrollY() {
+  return useContext(ScreenScrollContext)?.scrollY ?? null;
+}
+export { ScreenScrollContext };
+//# sourceMappingURL=ScreenScrollContext.js.map

package/lib/module/core/screen-scroll/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { ScreenScrollContext, useScreenScrollY } from "./ScreenScrollContext.js";
+//# sourceMappingURL=index.js.map

package/lib/module/core/slot/MODULE.md

@@ -0,0 +1,9 @@
+# slot/ — bare text inside View-like hosts
+
+Internal helper for `ReactNode` props rendered inside `View`-like hosts.
+
+## `renderNodeSlot(node, style)`
+
+Returns `node` unchanged unless it is a `string` or `number`, in which case it returns `<Text
+style={style}>{node}</Text>`. Not exported from the package root barrel — modules import
+`../../core/slot`.

package/lib/module/core/slot/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { renderNodeSlot } from "./nodeSlot.js";
+//# sourceMappingURL=index.js.map

package/lib/module/core/slot/nodeSlot.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import { Children } from "react";
+import { Text } from "react-native";
+
+/** `ReactNode` allows primitives; RN cannot host a bare text node outside `Text`. */
+import { jsx as _jsx } from "react/jsx-runtime";
+export function renderNodeSlot(node, style) {
+  if (typeof node === "string" || typeof node === "number") {
+    return /*#__PURE__*/_jsx(Text, {
+      style: style,
+      children: node
+    });
+  }
+  // A `children` slot arrives as an array, so the primitives sit one level down.
+  if (Array.isArray(node)) {
+    return Children.map(node, child => renderNodeSlot(child, style));
+  }
+  return node;
+}
+//# sourceMappingURL=nodeSlot.js.map

package/lib/module/core/style/focusRing.js

@@ -0,0 +1,37 @@
+"use strict";
+
+/** Gap between control edge and focus ring — matches Button/Input offset rings. */
+export const FOCUS_RING_WIDTH = 2;
+export const FOCUS_RING_GAP = 2;
+
+/** Outset focus ring on the canvas (WCAG 2.4.11 uses `border.focus` against canvas). */
+export function focusRingOutsetStyle(theme, borderRadius) {
+  const offset = FOCUS_RING_GAP + FOCUS_RING_WIDTH;
+  return {
+    position: "absolute",
+    top: -offset,
+    left: -offset,
+    right: -offset,
+    bottom: -offset,
+    borderWidth: FOCUS_RING_WIDTH,
+    borderColor: theme.colors.border.focus,
+    borderRadius: borderRadius + offset,
+    borderCurve: "continuous"
+  };
+}
+
+/** Inset ring drawn inside the control bounds (tabs, table cells, stage pills). */
+export function focusRingInsetStyle(theme, borderRadius, borderWidth) {
+  return {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    borderWidth: borderWidth ?? theme.borderWidths.thick,
+    borderColor: theme.colors.border.focus,
+    borderRadius,
+    borderCurve: "continuous"
+  };
+}
+//# sourceMappingURL=focusRing.js.map

package/lib/module/core/style/index.js

@@ -2,6 +2,6 @@
 
 export { concentric } from "./radius.js";
 export { sx } from "./sx.js";
-export { useThemedStyles } from "./useThemedStyles.js";
+export { FOCUS_RING_GAP, FOCUS_RING_WIDTH, focusRingInsetStyle, focusRingOutsetStyle } from "./focusRing.js";
 export { createVariants, createTextVariants, createThemedVariants, createThemedTextVariants, variantFactory, themedVariantFactory } from "./variants.js";
 //# sourceMappingURL=index.js.map

package/lib/module/index.js

@@ -3,7 +3,7 @@
 /**
  * Import-only barrel. LIGHT primitives only.
  *
- * Heavy modules (charts, date-picker, table, editor) are deliberately ABSENT here and reachable
+ * Heavy modules (charts, date-picker, table, editor, bottom-nav, filter-sheet, reorder, …) are deliberately ABSENT here and reachable
  * only via their subpath — so a lazy barrel import cannot drag a chart engine into an app's
  * bundle, even with every optimizer turned off.
  *
@@ -16,12 +16,15 @@
 export { Accordion } from "./modules/accordion/index.js";
 export { AlertDialog } from "./modules/alert-dialog/index.js";
 export { AppBar } from "./modules/app-bar/index.js";
+export { AppSwitcher } from "./modules/app-switcher/index.js";
+export { AppearanceSettings } from "./modules/appearance-settings/index.js";
 export { Avatar } from "./modules/avatar/index.js";
 export { AvatarGroup } from "./modules/avatar-group/index.js";
+export { Backdrop } from "./modules/backdrop/index.js";
 export { Badge } from "./modules/badge/index.js";
 export { Banner } from "./modules/banner/index.js";
-export { BottomNav } from "./modules/bottom-nav/index.js";
 export { BottomSheet } from "./modules/bottom-sheet/index.js";
+export { Breadcrumbs } from "./modules/breadcrumbs/index.js";
 export { Button } from "./modules/button/index.js";
 export { ButtonGroup } from "./modules/button-group/index.js";
 export { Card } from "./modules/card/index.js";
@@ -30,41 +33,53 @@ export { Chip, ChipGroup } from "./modules/chip/index.js";
 export { Combobox } from "./modules/combobox/index.js";
 export { Composer } from "./modules/composer/index.js";
 export { CopyButton } from "./modules/copy-button/index.js";
+export { DescriptionList } from "./modules/description-list/index.js";
 export { Divider } from "./modules/divider/index.js";
+export { DocumentViewer } from "./modules/document-viewer/index.js";
 export { Drawer } from "./modules/drawer/index.js";
 export { EmptyState } from "./modules/empty-state/index.js";
 export { Fab, FabGroup } from "./modules/fab/index.js";
+export { FieldSelectModal } from "./modules/field-select-modal/index.js";
 export { FileGrid } from "./modules/file-grid/index.js";
 export { FileUpload } from "./modules/file-upload/index.js";
-export { FilterSheet, FilterChip, countActiveFilters } from "./modules/filter-sheet/index.js";
+export { FilterBar } from "./modules/filter-bar/index.js";
 export { FolderRow } from "./modules/folder-row/index.js";
 export { FormField } from "./modules/form-field/index.js";
 export { Input } from "./modules/input/index.js";
+export { KeyValue } from "./modules/key-value/index.js";
 export { LimitReachedModal } from "./modules/limit-reached-modal/index.js";
 export { ListItem } from "./modules/list-item/index.js";
+export { ListScreen } from "./modules/list-screen/index.js";
 export { Markdown, parseMarkdown } from "./modules/markdown/index.js";
 export { Menu } from "./modules/menu/index.js";
 export { MessageBubble } from "./modules/message-bubble/index.js";
 export { Modal, ModalPortalProvider } from "./modules/modal/index.js";
 export { MoreItems } from "./modules/more-items/index.js";
 export { MultiSelect } from "./modules/multi-select/index.js";
+export { NotificationBell } from "./modules/notification-bell/index.js";
 export { NumberInput } from "./modules/number-input/index.js";
 export { OrgSwitcher } from "./modules/org-switcher/index.js";
 export { Pagination, buildPageRange, clampPage } from "./modules/pagination/index.js";
+export { PersonChip } from "./modules/person-chip/index.js";
 export { PinInput } from "./modules/pin-input/index.js";
+export { PlanBadge } from "./modules/plan-badge/index.js";
+export { PlanPill } from "./modules/plan-pill/index.js";
 export { ProgressBar } from "./modules/progress-bar/index.js";
 export { RadioGroup } from "./modules/radio-group/index.js";
-export { Reorder } from "./modules/reorder/index.js";
+export { SaveBar } from "./modules/save-bar/index.js";
 export { Screen } from "./modules/screen/index.js";
 export { SearchBar } from "./modules/search-bar/index.js";
 export { Section } from "./modules/section/index.js";
 export { SectionList } from "./modules/section-list/index.js";
 export { SegmentedControl } from "./modules/segmented-control/index.js";
 export { Select } from "./modules/select/index.js";
+export { SettingRow } from "./modules/setting-row/index.js";
+export { SettingsSection } from "./modules/settings-section/index.js";
 export { Skeleton } from "./modules/skeleton/index.js";
 export { Slider } from "./modules/slider/index.js";
 export { Spinner } from "./modules/spinner/index.js";
 export { StageProgress } from "./modules/stage-progress/index.js";
+export { StatGrid } from "./modules/stat-grid/index.js";
 export { StatTile } from "./modules/stat-tile/index.js";
 export { LoadingState, ErrorState } from "./modules/state-block/index.js";
 export { Stepper } from "./modules/stepper/index.js";
@@ -79,4 +94,8 @@ export { ToastProvider, useToast } from "./modules/toast/index.js";
 export { Tooltip } from "./modules/tooltip/index.js";
 export { TypingIndicator } from "./modules/typing-indicator/index.js";
 export { UnreadBadge } from "./modules/unread-badge/index.js";
+export { UpgradeButton } from "./modules/upgrade-button/index.js";
+export { setHapticsModule, hasHapticsModule, getHapticsModule } from "./core/haptics/index.js";
+export { setBlurModule, hasBlurModule, getBlurModule } from "./core/blur/index.js";
+export { setDocumentPicker, setImagePicker, getDocumentPicker, getImagePicker, setExpoImage, getExpoImage, hasExpoImage } from "./core/media/index.js";
 //# sourceMappingURL=index.js.map