pixelize-native-library 1.2.0 → 1.3.0

package/lib/module/theme/tokens/index.js

@@ -23,5 +23,13 @@ export * from "./builders/accentText.js";
 export * from "./builders/buildBrandTokens.js";
 export * from "./builders/buildDarkPalette.js";
 export * from "./builders/color.js";
+export * from "./builders/liftToContrast.js";
+export * from "./builders/placeholderInk.js";
+export * from "./builders/semanticText.js";
+export * from "./builders/finalizePalette.js";
+export * from "./builders/gradientInk.js";
+export * from "./builders/buildBrandScale.js";
+export { paletteFromAccent } from "./builders/paletteFromAccent.js";
 export * from "./roles/index.js";
+export * from "./assertPalette.js";
 //# sourceMappingURL=index.js.map

package/lib/module/theme/tokens/primitives/controlSizes.js

@@ -0,0 +1,16 @@
+"use strict";
+
+import fontSizes from "./fontSizes.js";
+/** Mobile control heights — 44dp floor; web uses 32/40/48px and defaults to `sm`. */
+export const CONTROL_HEIGHTS = {
+  sm: 44,
+  md: 52,
+  lg: 56
+};
+export const CONTROL_LABEL_FONT_SIZE = {
+  sm: fontSizes.sm,
+  md: fontSizes.md,
+  lg: fontSizes.lg
+};
+export const DEFAULT_CONTROL_SIZE = "md";
+//# sourceMappingURL=controlSizes.js.map

package/lib/module/theme/tokens/primitives/index.js

@@ -11,4 +11,5 @@ export { default as elevation } from "./elevation.js";
 export { default as breakpoints } from "./breakpoints.js";
 export { default as zIndices } from "./zIndices.js";
 export { default as sizes } from "./sizes.js";
+export { CONTROL_HEIGHTS, CONTROL_LABEL_FONT_SIZE, DEFAULT_CONTROL_SIZE } from "./controlSizes.js";
 //# sourceMappingURL=index.js.map

package/lib/module/theme/tokens/roles/index.js

@@ -19,6 +19,10 @@
 
 import { pickOnAccent, resolveFilledAccent } from "../builders/accentText.js";
 import { AA_TEXT, contrastRatio, relativeLuminance } from "../builders/color.js";
+import { placeholderInkOn } from "../builders/placeholderInk.js";
+import { skeletonShimmerHighlight } from "../builders/skeletonShimmer.js";
+/** Every surface an enabled field renders on. Disabled fills are exempt from 1.4.3 and excluded. */
+const FIELD_SURFACES = p => [p.backgroundColor.main, p.background[50], p.backgroundColor.muted];
 const RAMP_KEYS = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
 
 /**
@@ -82,6 +86,7 @@ export function roleColors(p) {
       surface: p.background[50],
       raised: p.background[100],
       sunken: p.background[200],
+      skeletonShimmer: skeletonShimmerHighlight(p),
       hover: p.backgroundColor.muted,
       selected: p.backgroundColor.accent,
       disabled: p.disabled[100]
@@ -92,6 +97,8 @@ export function roleColors(p) {
       // canvas — a flat `gray[600]` cleared the canvas on every brand but fell to ~3.5:1 against
       // `bg.hover` on radiant/emerald/rosewood, the same class of mistake web shipped twice.
       muted: readableOn(p.gray, [p.background[50], p.backgroundColor.muted]),
+      // A hint is not body copy: `fg.muted` made every empty field read as already filled in.
+      placeholder: placeholderInkOn(p, FIELD_SURFACES(p)),
       subtle: p.gray[500],
       disabled: p.disabled[500]
     },

package/lib/typescript/core/a11y/touchTarget.d.ts

@@ -0,0 +1,4 @@
+/** WCAG 2.5.5 / Apple HIG minimum touch target (44×44 dp). */
+export declare const MIN_TOUCH_TARGET = 44;
+export declare const slopFor: (height: number) => number;
+//# sourceMappingURL=touchTarget.d.ts.map

package/lib/typescript/core/blur/blur.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentType } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+/** Minimal `expo-blur` `BlurView` surface — only props AppBar passes. */
+export type BlurViewComponent = ComponentType<{
+    intensity?: number;
+    tint?: 'light' | 'dark' | 'default';
+    style?: StyleProp<ViewStyle>;
+    experimentalBlurMethod?: 'none' | 'dimezisBlurView';
+}>;
+/** Injects expo-blur at runtime — never imports the package at module scope. */
+export declare function setBlurModule(BlurView: BlurViewComponent): void;
+export declare function hasBlurModule(): boolean;
+export declare function getBlurModule(): BlurViewComponent | null;
+//# sourceMappingURL=blur.d.ts.map

package/lib/typescript/core/blur/index.d.ts

@@ -0,0 +1,3 @@
+export { setBlurModule, hasBlurModule, getBlurModule } from './blur';
+export type { BlurViewComponent } from './blur';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/core/gradient/AccentGradientFill.d.ts

@@ -0,0 +1,7 @@
+import { type ViewStyle } from 'react-native';
+export interface AccentGradientFillProps {
+    color: string;
+    style?: ViewStyle;
+}
+export declare const AccentGradientFill: import("react").NamedExoticComponent<AccentGradientFillProps>;
+//# sourceMappingURL=AccentGradientFill.d.ts.map

package/lib/typescript/core/gradient/ShimmerGradientFill.d.ts

@@ -0,0 +1,8 @@
+import { type ViewStyle } from "react-native";
+export interface ShimmerGradientFillProps {
+    readonly base: string;
+    readonly highlight: string;
+    readonly style?: ViewStyle;
+}
+export declare const ShimmerGradientFill: import("react").NamedExoticComponent<ShimmerGradientFillProps>;
+//# sourceMappingURL=ShimmerGradientFill.d.ts.map

package/lib/typescript/core/gradient/darkenHex.d.ts

@@ -0,0 +1,2 @@
+export declare function darkenHex(hex: string, amount: number): string;
+//# sourceMappingURL=darkenHex.d.ts.map

package/lib/typescript/core/gradient/gradientStops.d.ts

@@ -0,0 +1,10 @@
+import { darkenHex } from './darkenHex';
+export interface GradientStops {
+    top: string;
+    bottom: string;
+}
+export declare function accentGradientStops(color: string): GradientStops;
+export declare function gradientStopDelta(stops: GradientStops): number;
+export declare function shouldRenderGradient(stops: GradientStops): boolean;
+export { darkenHex };
+//# sourceMappingURL=gradientStops.d.ts.map

package/lib/typescript/core/gradient/index.d.ts

@@ -0,0 +1,6 @@
+export { AccentGradientFill } from './AccentGradientFill';
+export { ShimmerGradientFill } from './ShimmerGradientFill';
+export { accentGradientStops, gradientStopDelta, shouldRenderGradient } from './gradientStops';
+export { darkenHex } from './darkenHex';
+export { withAlpha } from './withAlpha';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/core/gradient/withAlpha.d.ts

@@ -0,0 +1,2 @@
+export declare function withAlpha(hex: string, alpha: number): string;
+//# sourceMappingURL=withAlpha.d.ts.map

package/lib/typescript/core/haptics/context.d.ts

@@ -0,0 +1,3 @@
+/** Whether the provider allows haptics — see `PixelizeProvider`'s `haptics` prop. */
+export declare const HapticsContext: import("react").Context<boolean>;
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/core/haptics/haptics.d.ts

@@ -0,0 +1,33 @@
+/** Optional peer — injected at app startup, never imported at module scope. */
+export type HapticImpactStyle = 'light' | 'medium' | 'heavy' | 'soft' | 'rigid';
+export type HapticNotificationType = 'success' | 'warning' | 'error';
+export type HapticsModule = {
+    selectionAsync: () => Promise<void>;
+    impactAsync: (style: string) => Promise<void>;
+    notificationAsync: (type: string) => Promise<void>;
+    performAndroidHapticsAsync: (type: string) => Promise<void>;
+    ImpactFeedbackStyle: {
+        readonly Light: string;
+        readonly Medium: string;
+        readonly Heavy: string;
+        readonly Soft: string;
+        readonly Rigid: string;
+    };
+    NotificationFeedbackType: {
+        readonly Success: string;
+        readonly Warning: string;
+        readonly Error: string;
+    };
+    AndroidHaptics: {
+        readonly Context_Click: string;
+        readonly Virtual_Key: string;
+        readonly Long_Press: string;
+        readonly Confirm: string;
+        readonly Reject: string;
+    };
+};
+/** Injects expo-haptics at runtime — never imports the package at module scope. */
+export declare function setHapticsModule(module: HapticsModule): void;
+export declare function hasHapticsModule(): boolean;
+export declare function getHapticsModule(): HapticsModule | null;
+//# sourceMappingURL=haptics.d.ts.map

package/lib/typescript/core/haptics/index.d.ts

@@ -0,0 +1,6 @@
+export { setHapticsModule, hasHapticsModule, getHapticsModule } from './haptics';
+export type { HapticsModule, HapticImpactStyle, HapticNotificationType, } from './haptics';
+export { HapticsContext } from './context';
+export { useHaptics } from './useHaptics';
+export type { HapticsControls } from './useHaptics';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/core/haptics/useHaptics.d.ts

@@ -0,0 +1,12 @@
+import type { HapticImpactStyle, HapticNotificationType } from './haptics';
+export type HapticsControls = {
+    selection: () => void;
+    impact: (style?: HapticImpactStyle) => void;
+    notification: (type: HapticNotificationType) => void;
+};
+/**
+ * Fires haptic feedback when a module is registered and the provider has not disabled it.
+ * No-ops on web, when unset, or when `haptics={false}`.
+ */
+export declare function useHaptics(): HapticsControls;
+//# sourceMappingURL=useHaptics.d.ts.map

package/lib/typescript/core/icon/icons/trending-up.d.ts

@@ -0,0 +1,3 @@
+import type { LucideIconProps } from "../types";
+export declare function IconTrendingUp(props: LucideIconProps): import("react").JSX.Element;
+//# sourceMappingURL=trending-up.d.ts.map

package/lib/typescript/core/icon/names.d.ts

@@ -1,2 +1,2 @@
-export type IconName = "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "at-sign" | "bell" | "bold" | "building-2" | "calendar" | "chart-column" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-left" | "chevrons-right" | "chevrons-up-down" | "circle-alert" | "circle-check" | "clock" | "code" | "download" | "external-link" | "eye" | "file-text" | "filter" | "flag" | "folder" | "heading-1" | "heading-2" | "heading-3" | "image" | "inbox" | "info" | "italic" | "kanban" | "layers" | "layout-dashboard" | "layout-template" | "life-buoy" | "link" | "list" | "list-checks" | "list-ordered" | "list-todo" | "log-out" | "map" | "message-square" | "milestone" | "minus" | "more-horizontal" | "paperclip" | "pencil" | "plus" | "quote" | "refresh-cw" | "save" | "search" | "send" | "settings" | "share" | "square-code" | "star" | "strikethrough" | "tag" | "trash" | "triangle-alert" | "underline" | "upload" | "user" | "users" | "x";
+export type IconName = "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "at-sign" | "bell" | "bold" | "building-2" | "calendar" | "chart-column" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-left" | "chevrons-right" | "chevrons-up-down" | "circle-alert" | "circle-check" | "clock" | "code" | "download" | "external-link" | "eye" | "file-text" | "filter" | "flag" | "folder" | "heading-1" | "heading-2" | "heading-3" | "image" | "inbox" | "info" | "italic" | "kanban" | "layers" | "layout-dashboard" | "layout-template" | "life-buoy" | "link" | "list" | "list-checks" | "list-ordered" | "list-todo" | "log-out" | "map" | "message-square" | "milestone" | "minus" | "more-horizontal" | "paperclip" | "pencil" | "plus" | "quote" | "refresh-cw" | "save" | "search" | "send" | "settings" | "share" | "square-code" | "star" | "strikethrough" | "tag" | "trash" | "trending-up" | "triangle-alert" | "underline" | "upload" | "user" | "users" | "x";
 //# sourceMappingURL=names.d.ts.map

package/lib/typescript/core/list/VirtualList.d.ts

@@ -27,6 +27,11 @@ export interface VirtualListProps<T> {
     accessibilityLabel?: string;
     accessibilityHint?: string;
     testID?: string;
+    refreshing?: boolean;
+    onRefresh?: () => void;
+    onEndReached?: FlatListProps<T>["onEndReached"];
+    onEndReachedThreshold?: FlatListProps<T>["onEndReachedThreshold"];
+    ItemSeparatorComponent?: FlatListProps<T>["ItemSeparatorComponent"];
 }
 export interface VirtualSection<T> {
     readonly title: string;
@@ -50,6 +55,6 @@ export interface VirtualSectionListProps<T> {
 }
 /** FlashList's own default is 250dp; low-end halves it, high-end buys a smoother fling. */
 export declare function flashListDrawDistance(tier: DeviceTier): number;
-export declare function VirtualList<T>({ data, renderItem, keyExtractor, itemHeight, getItemLayout, keyboardShouldPersistTaps, ListHeaderComponent, ListFooterComponent, ListEmptyComponent, stickyHeaderIndices, contentContainerStyle, numColumns, accessibilityRole, accessibilityLabel, accessibilityHint, testID, }: VirtualListProps<T>): import("react").JSX.Element;
+export declare function VirtualList<T>({ data, renderItem, keyExtractor, itemHeight, getItemLayout, keyboardShouldPersistTaps, ListHeaderComponent, ListFooterComponent, ListEmptyComponent, stickyHeaderIndices, contentContainerStyle, numColumns, accessibilityRole, accessibilityLabel, accessibilityHint, testID, refreshing, onRefresh, onEndReached, onEndReachedThreshold, ItemSeparatorComponent, }: VirtualListProps<T>): import("react").JSX.Element;
 export declare function VirtualSectionList<T>({ sections, renderItem, renderSectionHeader, keyExtractor, itemHeight, sectionHeaderHeight, accessibilityLabel, testID, }: VirtualSectionListProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=VirtualList.d.ts.map

package/lib/typescript/core/media/expoImage.d.ts

@@ -1,10 +1,19 @@
 import type { ComponentType } from 'react';
-import type { ImageProps } from 'react-native';
-export type ExpoImageComponent = ComponentType<ImageProps & {
-    recyclingKey?: string;
-    transition?: number;
-    contentFit?: 'cover' | 'contain' | 'fill';
-    cachePolicy?: string;
+import type { ImageStyle, StyleProp } from 'react-native';
+/**
+ * expo-image's real `Image` component does NOT extend RN's `ImageProps` (its `source`, `style` and
+ * `tintColor` shapes all diverge) — this is a minimal structural subset covering only what
+ * `MediaImage.tsx` actually passes, not a copy of RN's own image props.
+ */
+export type ExpoImageComponent = ComponentType<{
+    source?: any;
+    contentFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    cachePolicy?: 'none' | 'disk' | 'memory' | 'memory-disk' | null;
+    transition?: any;
+    recyclingKey?: string | null;
+    accessibilityLabel?: string;
+    style?: StyleProp<ImageStyle>;
+    testID?: string;
 }>;
 /** Injects expo-image at runtime — never imports the package at module scope. */
 export declare function setExpoImage(Image: ExpoImageComponent): void;

package/lib/typescript/core/media/pickers.d.ts

@@ -1,23 +1,23 @@
 export type DocumentPickerModule = {
     getDocumentAsync: (options?: object) => Promise<{
         canceled: boolean;
-        assets?: ReadonlyArray<{
+        assets: ReadonlyArray<{
             uri: string;
             name: string;
             size?: number;
             mimeType?: string;
-        }>;
+        }> | null;
     }>;
 };
 export type ImagePickerModule = {
     launchImageLibraryAsync: (options?: object) => Promise<{
         canceled: boolean;
-        assets?: ReadonlyArray<{
+        assets: ReadonlyArray<{
             uri: string;
-            fileName?: string;
+            fileName?: string | null;
             fileSize?: number;
             mimeType?: string;
-        }>;
+        }> | null;
     }>;
 };
 export declare function setDocumentPicker(module: DocumentPickerModule): void;

package/lib/typescript/core/motion/animatedComponents.d.ts

@@ -0,0 +1,4 @@
+import { Text } from "react-native";
+/** Web-safe animated text — `Reanimated.Text` is undefined under react-native-web at runtime. */
+export declare const AnimatedText: import("react-native-reanimated/lib/typescript/createAnimatedComponent").AnimatedComponentType<Readonly<import("react-native").TextProps>, typeof Text>;
+//# sourceMappingURL=animatedComponents.d.ts.map

package/lib/typescript/core/motion/config.d.ts

@@ -10,7 +10,7 @@
 import type { EasingFunction } from "react-native";
 import type { DeviceTier } from "../device";
 export type MotionDurationKey = "instant" | "fast" | "normal" | "slow" | "deliberate";
-export type MotionEasingKey = "standard" | "decelerate" | "accelerate" | "emphasized";
+export type MotionEasingKey = "standard" | "decelerate" | "accelerate" | "emphasized" | "emphasizedDecelerate" | "emphasizedAccelerate";
 export type MotionSpringKey = "gentle" | "snappy" | "bouncy";
 export interface MotionSpringConfig {
     readonly damping: number;
@@ -39,6 +39,7 @@ export declare function motionEasing(key: MotionEasingKey): EasingFunction;
 export declare function resetMotionEasingCache(): void;
 export declare const MOTION_SPRING: Readonly<Record<MotionSpringKey, MotionSpringConfig>>;
 /** Shared magnitudes so every component's motion reads as one system. */
+export declare const pressScaleFor: (width: number) => number;
 export declare const MOTION_TRANSFORM: {
     /** Press scale for buttons, cards, list rows. */
     readonly pressScale: 0.97;

package/lib/typescript/core/motion/index.d.ts

@@ -1,8 +1,12 @@
-export { MOTION_DURATION, MOTION_EASING_CURVE, MOTION_ENABLED, MOTION_SCALE, MOTION_SPRING, MOTION_TIER, MOTION_TRANSFORM, motionEasing, resetMotionEasingCache, resolveDuration, } from "./config";
+export { MOTION_DURATION, MOTION_EASING_CURVE, MOTION_ENABLED, MOTION_SCALE, MOTION_SPRING, MOTION_TIER, MOTION_TRANSFORM, motionEasing, pressScaleFor, resetMotionEasingCache, resolveDuration, } from "./config";
 export type { MotionDurationKey, MotionEasingKey, MotionSpringConfig, MotionSpringKey, MotionTierPolicy, } from "./config";
+export { AnimatedText } from "./animatedComponents";
 export { useAnimatedValue } from "./useAnimatedValue";
 export { useMotion } from "./useMotion";
 export type { Motion, TimingOptions } from "./useMotion";
+export { usePressState, useFocusRing } from "./usePressState";
+export type { PressStateHandlers, UsePressStateResult } from "./usePressState";
 export { useEnterExit, usePressMotion, useReveal } from "./presets";
 export type { EnterExitMotion, PressMotion, RevealMotion } from "./presets";
+export { motionLoop, motionParallel, runLoop, runTiming, type MotionAnimation, } from "./motionAnimation";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/core/motion/motionAnimation.d.ts

@@ -0,0 +1,12 @@
+import type { SharedValue } from "react-native-reanimated";
+export interface MotionAnimation {
+    start: (callback?: (result?: {
+        finished: boolean;
+    }) => void) => void;
+    stop: () => void;
+}
+export declare function motionParallel(...animations: MotionAnimation[]): MotionAnimation;
+export declare function motionLoop(animation: MotionAnimation): MotionAnimation;
+export declare function runTiming(value: SharedValue<number>, toValue: number, durationMs: number, easing: (t: number) => number, delayMs: number, snap: boolean): MotionAnimation;
+export declare function runLoop(value: SharedValue<number>, toValue: number, durationMs: number, easing: (t: number) => number): MotionAnimation;
+//# sourceMappingURL=motionAnimation.d.ts.map

package/lib/typescript/core/motion/presets.d.ts

@@ -1,49 +1,18 @@
-/**
- * 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 { Animated } from "react-native";
-export interface PressStyle {
-    readonly opacity: Animated.Value | number;
-    readonly transform: readonly [{
-        readonly scale: Animated.Value | number;
-    }];
-}
+import type { ViewStyle } from "react-native";
+import type { AnimatedStyle } from "react-native-reanimated";
 export interface PressMotion {
-    readonly style: PressStyle;
+    readonly style: AnimatedStyle<ViewStyle>;
     readonly onPressIn: () => void;
     readonly onPressOut: () => void;
 }
-/** Scale + opacity dip on press. Native driver, so it never blocks the JS thread mid-scroll. */
 export declare function usePressMotion(disabled?: boolean): PressMotion;
 export interface RevealMotion {
-    readonly style: {
-        opacity: Animated.Value;
-        transform: [{
-            translateY: Animated.Value;
-        }];
-    };
+    readonly style: AnimatedStyle<ViewStyle>;
 }
-/**
- * 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 declare function useReveal(visible: boolean, offsetY?: number): RevealMotion;
 export interface EnterExitMotion {
-    /** False once the exit animation has settled — render nothing. */
     readonly mounted: boolean;
-    readonly style: {
-        opacity: Animated.Value;
-        transform: [{
-            translateY: Animated.Value;
-        }];
-    };
+    readonly style: AnimatedStyle<ViewStyle>;
 }
-/**
- * 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 declare function useEnterExit(visible: boolean, offsetY?: number): EnterExitMotion;
 //# sourceMappingURL=presets.d.ts.map

package/lib/typescript/core/motion/reanimatedEasing.d.ts

@@ -0,0 +1,4 @@
+import { type MotionEasingKey } from "./config";
+export declare function reanimatedEasing(key: MotionEasingKey): (t: number) => number;
+export declare function resetReanimatedEasingCache(): void;
+//# sourceMappingURL=reanimatedEasing.d.ts.map

package/lib/typescript/core/motion/useAnimatedValue.d.ts

@@ -1,11 +1,3 @@
-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`.
- */
-export declare function useAnimatedValue(initial: number): Animated.Value;
+import type { SharedValue } from "react-native-reanimated";
+export declare function useAnimatedValue(initial: number): SharedValue<number>;
 //# sourceMappingURL=useAnimatedValue.d.ts.map

package/lib/typescript/core/motion/useMotion.d.ts

@@ -1,34 +1,25 @@
-/**
- * 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 { Animated } from "react-native";
 import type { EasingFunction } from "react-native";
+import type { SharedValue } from "react-native-reanimated";
 import type { DeviceTier } from "../device";
 import { MOTION_TRANSFORM } from "./config";
 import type { MotionDurationKey, MotionEasingKey, MotionSpringConfig, MotionSpringKey } from "./config";
+import { type MotionAnimation } from "./motionAnimation";
 export interface TimingOptions {
     readonly duration?: MotionDurationKey;
     readonly easing?: MotionEasingKey;
     readonly delay?: number;
 }
 export interface Motion {
-    /** False under reduce-motion or the global kill switch — skip the tween, snap the value. */
     readonly enabled: boolean;
     readonly tier: DeviceTier;
-    /** Decorative motion (shimmer, parallax, stagger) is high-tier only. */
     readonly decorative: boolean;
     readonly blur: boolean;
     readonly transform: typeof MOTION_TRANSFORM;
     readonly duration: (key: MotionDurationKey) => number;
     readonly easing: (key: MotionEasingKey) => EasingFunction;
-    /** Null when the tier can't afford a spring — callers fall back to `timing`. */
     readonly spring: (key: MotionSpringKey) => MotionSpringConfig | null;
-    /** Native-driver timing. Under reduce-motion it still runs, at duration 0. */
-    readonly timing: (value: Animated.Value, toValue: number, options?: TimingOptions) => Animated.CompositeAnimation;
+    readonly timing: (value: SharedValue<number>, toValue: number, options?: TimingOptions) => MotionAnimation;
+    readonly loop: (value: SharedValue<number>, toValue: number, options?: TimingOptions) => MotionAnimation;
 }
 export declare function useMotion(): Motion;
 //# sourceMappingURL=useMotion.d.ts.map

package/lib/typescript/core/motion/usePressState.d.ts

@@ -0,0 +1,20 @@
+import { type LayoutChangeEvent, type ViewStyle } from 'react-native';
+import type { AnimatedStyle } from 'react-native-reanimated';
+export interface PressStateHandlers {
+    onPressIn: () => void;
+    onPressOut: () => void;
+    onLayout: (event: LayoutChangeEvent) => void;
+}
+export interface UsePressStateResult {
+    pressed: boolean;
+    animatedStyle: AnimatedStyle<ViewStyle>;
+    overlayStyle: AnimatedStyle<ViewStyle>;
+    handlers: PressStateHandlers;
+    onLayout: (event: LayoutChangeEvent) => void;
+}
+export declare function usePressState(disabled?: boolean): UsePressStateResult;
+export declare function useFocusRing(focused: boolean, disabled?: boolean): {
+    focusRingStyle: AnimatedStyle<ViewStyle>;
+    animateFocus: (isFocused: boolean) => void;
+};
+//# sourceMappingURL=usePressState.d.ts.map

package/lib/typescript/core/overlay/ModalPortalContext.d.ts

@@ -0,0 +1,2 @@
+export declare const ModalPortalContext: import("react").Context<unknown>;
+//# sourceMappingURL=ModalPortalContext.d.ts.map

package/lib/typescript/core/overlay/index.d.ts

@@ -0,0 +1,3 @@
+export { ModalPortalContext } from "./ModalPortalContext";
+export { renderWebPortal } from "./renderWebPortal";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/core/overlay/renderWebPortal.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from "react";
+export declare function renderWebPortal(_children: ReactNode, _container: unknown): ReactNode;
+//# sourceMappingURL=renderWebPortal.d.ts.map

package/lib/typescript/core/overlay/renderWebPortal.web.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from "react";
+export declare function renderWebPortal(children: ReactNode, container: unknown): ReactNode;
+//# sourceMappingURL=renderWebPortal.web.d.ts.map

package/lib/typescript/core/screen-scroll/ScreenScrollContext.d.ts

@@ -0,0 +1,8 @@
+import type { SharedValue } from 'react-native-reanimated';
+export interface ScreenScrollContextValue {
+    readonly scrollY: SharedValue<number>;
+}
+declare const ScreenScrollContext: import("react").Context<ScreenScrollContextValue | null>;
+export declare function useScreenScrollY(): SharedValue<number> | null;
+export { ScreenScrollContext };
+//# sourceMappingURL=ScreenScrollContext.d.ts.map

package/lib/typescript/core/screen-scroll/index.d.ts

@@ -0,0 +1,3 @@
+export { ScreenScrollContext, useScreenScrollY } from './ScreenScrollContext';
+export type { ScreenScrollContextValue } from './ScreenScrollContext';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/core/slot/index.d.ts

@@ -0,0 +1,2 @@
+export { renderNodeSlot } from "./nodeSlot";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/core/slot/nodeSlot.d.ts

@@ -0,0 +1,5 @@
+import { type ReactNode } from "react";
+import { type StyleProp, type TextStyle } from "react-native";
+/** `ReactNode` allows primitives; RN cannot host a bare text node outside `Text`. */
+export declare function renderNodeSlot(node: ReactNode, style: StyleProp<TextStyle>): ReactNode;
+//# sourceMappingURL=nodeSlot.d.ts.map

package/lib/typescript/core/style/focusRing.d.ts

@@ -0,0 +1,10 @@
+import type { ViewStyle } from "react-native";
+import type { Theme } from "../../theme/hooks";
+/** Gap between control edge and focus ring — matches Button/Input offset rings. */
+export declare const FOCUS_RING_WIDTH = 2;
+export declare const FOCUS_RING_GAP = 2;
+/** Outset focus ring on the canvas (WCAG 2.4.11 uses `border.focus` against canvas). */
+export declare function focusRingOutsetStyle(theme: Theme, borderRadius: number): ViewStyle;
+/** Inset ring drawn inside the control bounds (tabs, table cells, stage pills). */
+export declare function focusRingInsetStyle(theme: Theme, borderRadius: number, borderWidth?: number): ViewStyle;
+//# sourceMappingURL=focusRing.d.ts.map

package/lib/typescript/core/style/index.d.ts

@@ -1,7 +1,8 @@
 export type { LayoutStyle } from "./layoutStyle";
+export { concentric } from "./radius";
 export { sx } from "./sx";
 export type { SxProps, SxSpaceToken } from "./sx";
-export { useThemedStyles } from "./useThemedStyles";
+export { FOCUS_RING_GAP, FOCUS_RING_WIDTH, focusRingInsetStyle, focusRingOutsetStyle } from "./focusRing";
 export { createVariants, createTextVariants, createThemedVariants, createThemedTextVariants, variantFactory, themedVariantFactory, } from "./variants";
 export type { CompoundVariant, ThemedVariantResolver, VariantConfig, VariantGroups, VariantProps, VariantResolver, VariantSelection, VariantStyle, } from "./variants";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/core/style/radius.d.ts

@@ -0,0 +1,2 @@
+export declare const concentric: (outer: number, padding: number, floor?: number) => number;
+//# sourceMappingURL=radius.d.ts.map