@thewhileloop/whileui 2.0.0 → 4.0.0

package/dist/components/toggle/toggle.d.ts

@@ -3,174 +3,78 @@ import { type PressableProps, type TextProps } from 'react-native';
 import { type VariantProps } from '../../lib/tv';
 declare const toggleVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        default: string;
-        outline: string;
+        default: "bg-transparent";
+        outline: "border border-input bg-transparent";
     };
     size: {
-        default: string;
-        sm: string;
-        lg: string;
+        default: "";
+        sm: "";
+        lg: "";
     };
     pressed: {
-        true: string;
-        false: string;
+        true: "bg-accent";
+        false: "";
     };
-}, undefined, "inline-flex items-center justify-center active:bg-accent", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "inline-flex items-center justify-center active:bg-accent", {
     variant: {
-        default: string;
-        outline: string;
+        default: "bg-transparent";
+        outline: "border border-input bg-transparent";
     };
     size: {
-        default: string;
-        sm: string;
-        lg: string;
+        default: "";
+        sm: "";
+        lg: "";
     };
     pressed: {
-        true: string;
-        false: string;
+        true: "bg-accent";
+        false: "";
     };
-}, {
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
-        default: string;
-        outline: string;
+        default: "bg-transparent";
+        outline: "border border-input bg-transparent";
     };
     size: {
-        default: string;
-        sm: string;
-        lg: string;
+        default: "";
+        sm: "";
+        lg: "";
     };
     pressed: {
-        true: string;
-        false: string;
+        true: "bg-accent";
+        false: "";
     };
-}>, {
-    variant: {
-        default: string;
-        outline: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-    pressed: {
-        true: string;
-        false: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        outline: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-    pressed: {
-        true: string;
-        false: string;
-    };
-}, undefined, "inline-flex items-center justify-center active:bg-accent", import("tailwind-variants/dist/config.js").TVConfig<{
-    variant: {
-        default: string;
-        outline: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-    pressed: {
-        true: string;
-        false: string;
-    };
-}, {
-    variant: {
-        default: string;
-        outline: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-    pressed: {
-        true: string;
-        false: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined>>;
 declare const toggleTextVariants: import("tailwind-variants").TVReturnType<{
     pressed: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-}, undefined, "font-medium", import("tailwind-variants/dist/config.js").TVConfig<{
-    pressed: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-}, {
-    pressed: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-}>, {
-    pressed: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    pressed: {
-        true: string;
-        false: string;
+        true: "text-accent-foreground";
+        false: "text-muted-foreground";
     };
     size: {
-        default: string;
-        sm: string;
-        lg: string;
+        default: "";
+        sm: "";
+        lg: "";
     };
-}, undefined, "font-medium", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "font-medium", {
     pressed: {
-        true: string;
-        false: string;
+        true: "text-accent-foreground";
+        false: "text-muted-foreground";
     };
     size: {
-        default: string;
-        sm: string;
-        lg: string;
+        default: "";
+        sm: "";
+        lg: "";
     };
-}, {
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     pressed: {
-        true: string;
-        false: string;
+        true: "text-accent-foreground";
+        false: "text-muted-foreground";
     };
     size: {
-        default: string;
-        sm: string;
-        lg: string;
+        default: "";
+        sm: "";
+        lg: "";
     };
-}>, unknown, unknown, undefined>>;
+}, undefined>>;
 export interface ToggleProps extends Omit<PressableProps, 'children'> {
     pressed?: boolean;
     defaultPressed?: boolean;

package/dist/components/toggle-group/toggle-group.d.ts

@@ -3,174 +3,78 @@ import { type ViewProps, type PressableProps, type TextProps } from 'react-nativ
 type ToggleGroupType = 'single' | 'multiple';
 declare const toggleGroupItemVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        default: string;
-        outline: string;
+        default: "bg-transparent";
+        outline: "border border-input bg-transparent";
     };
     size: {
-        default: string;
-        sm: string;
-        lg: string;
+        default: "";
+        sm: "";
+        lg: "";
     };
     pressed: {
-        true: string;
-        false: string;
+        true: "bg-accent";
+        false: "";
     };
-}, undefined, "inline-flex items-center justify-center", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "inline-flex items-center justify-center", {
     variant: {
-        default: string;
-        outline: string;
+        default: "bg-transparent";
+        outline: "border border-input bg-transparent";
     };
     size: {
-        default: string;
-        sm: string;
-        lg: string;
+        default: "";
+        sm: "";
+        lg: "";
     };
     pressed: {
-        true: string;
-        false: string;
+        true: "bg-accent";
+        false: "";
     };
-}, {
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
-        default: string;
-        outline: string;
+        default: "bg-transparent";
+        outline: "border border-input bg-transparent";
     };
     size: {
-        default: string;
-        sm: string;
-        lg: string;
+        default: "";
+        sm: "";
+        lg: "";
     };
     pressed: {
-        true: string;
-        false: string;
+        true: "bg-accent";
+        false: "";
     };
-}>, {
-    variant: {
-        default: string;
-        outline: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-    pressed: {
-        true: string;
-        false: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        outline: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-    pressed: {
-        true: string;
-        false: string;
-    };
-}, undefined, "inline-flex items-center justify-center", import("tailwind-variants/dist/config.js").TVConfig<{
-    variant: {
-        default: string;
-        outline: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-    pressed: {
-        true: string;
-        false: string;
-    };
-}, {
-    variant: {
-        default: string;
-        outline: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-    pressed: {
-        true: string;
-        false: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined>>;
 declare const toggleGroupItemTextVariants: import("tailwind-variants").TVReturnType<{
     pressed: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-}, undefined, "font-medium", import("tailwind-variants/dist/config.js").TVConfig<{
-    pressed: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-}, {
-    pressed: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-}>, {
-    pressed: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    pressed: {
-        true: string;
-        false: string;
+        true: "text-accent-foreground";
+        false: "text-muted-foreground";
     };
     size: {
-        default: string;
-        sm: string;
-        lg: string;
+        default: "";
+        sm: "";
+        lg: "";
     };
-}, undefined, "font-medium", import("tailwind-variants/dist/config.js").TVConfig<{
+}, undefined, "font-medium", {
     pressed: {
-        true: string;
-        false: string;
+        true: "text-accent-foreground";
+        false: "text-muted-foreground";
     };
     size: {
-        default: string;
-        sm: string;
-        lg: string;
+        default: "";
+        sm: "";
+        lg: "";
     };
-}, {
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     pressed: {
-        true: string;
-        false: string;
+        true: "text-accent-foreground";
+        false: "text-muted-foreground";
     };
     size: {
-        default: string;
-        sm: string;
-        lg: string;
+        default: "";
+        sm: "";
+        lg: "";
     };
-}>, unknown, unknown, undefined>>;
+}, undefined>>;
 export interface ToggleGroupProps extends ViewProps {
     type?: ToggleGroupType;
     defaultValue?: string | string[];

package/dist/components/tooltip/tooltip.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import * as TooltipPrimitive from '@rn-primitives/tooltip';
+import type { ForwardRefComponent } from '../../lib/ref-types';
 export interface TooltipProps {
     onOpenChange?: (open: boolean) => void;
     delayDuration?: number;
@@ -15,6 +16,6 @@ export interface TooltipContentProps extends React.ComponentPropsWithoutRef<type
     portalHost?: string;
 }
 declare function Tooltip({ onOpenChange, delayDuration, skipDelayDuration, disableHoverableContent, children, }: TooltipProps): React.JSX.Element;
-declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<import("@rn-primitives/tooltip").TriggerRef>>;
-declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<import("react-native").View>>;
+declare const TooltipTrigger: ForwardRefComponent<TooltipPrimitive.TriggerRef, TooltipTriggerProps>;
+declare const TooltipContent: ForwardRefComponent<TooltipPrimitive.ContentRef, TooltipContentProps>;
 export { Tooltip, TooltipTrigger, TooltipContent };

package/dist/components/view/view.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { View as RNView, type ViewProps as RNViewProps } from 'react-native';
+import { type ViewInstance, type ViewProps as RNViewProps } from 'react-native';
+import type { ForwardRefComponent } from '../../lib/ref-types';
 export interface ViewProps extends RNViewProps {
 }
-declare const View: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<RNView>>;
+declare const View: ForwardRefComponent<ViewInstance, ViewProps>;
 export { View };

package/dist/index.d.ts

@@ -7,7 +7,7 @@ export { PortalHost } from './lib/portal';
 export { ThemeBridge, applyThemeMode, resolveThemeMode, syncThemeMode, useThemeBridge, type ThemeMode, type ThemeBridgeAdapter, type ThemeBridgeProps, type UseThemeBridgeOptions, type UseThemeBridgeResult, } from './lib/theme-bridge';
 export { useThemeColors, useThemeTokens, useIconColors, type ThemeColors, } from './lib/theme-colors';
 export { THEME_TOKEN_SPECS, THEME_TOKEN_GROUPS, WHILEUI_LIGHT_THEME_COLORS, WHILEUI_DARK_THEME_COLORS, type ThemeTokenGroup, type ThemeTokenKey, type ThemeTokenSpec, } from './lib/theme-contract';
-export { useInteractionTokens, withInteractivePressableStyle, type InteractionTokens, type InteractivePressableOptions, type PressedVariant, type DisabledVariant, } from './lib/interaction-tokens';
+export { INTERACTION_TOKENS, useInteractionTokens, withInteractivePressableStyle, type InteractionTokens, type InteractivePressableOptions, type PressedVariant, type DisabledVariant, } from './lib/interaction-tokens';
 export { MotionProvider, useMotionPolicy, type MotionMode, type MotionDuration, type MotionSpring, type MotionSpringConfig, type MotionPolicy, type MotionProviderProps, } from './lib/motion-policy';
 export { useVisualTokens, type VisualTokens } from './lib/visual-tokens';
 export { VISUAL_TOKEN_SPECS, VISUAL_TOKEN_GROUPS, type VisualTokenGroup, type VisualTokenKey, type VisualTokenKind, type VisualTokenSpec, } from './lib/visual-token-contract';
@@ -28,6 +28,7 @@ export { OTPInput, otpCellVariants, type OTPInputProps } from './components/otp-
 export { FormField, FormLabel, FormControl, FormHint, FormMessage, formFieldVariants, formControlVariants, type FormFieldProps, type FormLabelProps, type FormControlProps, type FormHintProps, type FormMessageProps, } from './components/form-field';
 export { LabeledField, LabeledFieldControl, type LabeledFieldProps, type LabeledFieldControlProps, } from './components/labeled-field';
 export { Badge, BadgeText, badgeVariants, badgeTextVariants, type BadgeProps, type BadgeTextProps, } from './components/badge';
+export { FAB, FABGroup, fabVariants, type FabProps, type FabGroupProps } from './components/fab';
 export { Alert, AlertTitle, AlertDescription, alertVariants, type AlertProps, type AlertTitleProps, type AlertDescriptionProps, } from './components/alert';
 export { Switch, type SwitchProps } from './components/switch';
 export { Checkbox, type CheckboxProps } from './components/checkbox';

package/dist/index.js

@@ -7,7 +7,7 @@ export { PortalHost } from './lib/portal';
 export { ThemeBridge, applyThemeMode, resolveThemeMode, syncThemeMode, useThemeBridge, } from './lib/theme-bridge';
 export { useThemeColors, useThemeTokens, useIconColors, } from './lib/theme-colors';
 export { THEME_TOKEN_SPECS, THEME_TOKEN_GROUPS, WHILEUI_LIGHT_THEME_COLORS, WHILEUI_DARK_THEME_COLORS, } from './lib/theme-contract';
-export { useInteractionTokens, withInteractivePressableStyle, } from './lib/interaction-tokens';
+export { INTERACTION_TOKENS, useInteractionTokens, withInteractivePressableStyle, } from './lib/interaction-tokens';
 export { MotionProvider, useMotionPolicy, } from './lib/motion-policy';
 export { useVisualTokens } from './lib/visual-tokens';
 export { VISUAL_TOKEN_SPECS, VISUAL_TOKEN_GROUPS, } from './lib/visual-token-contract';
@@ -28,6 +28,7 @@ export { OTPInput, otpCellVariants } from './components/otp-input';
 export { FormField, FormLabel, FormControl, FormHint, FormMessage, formFieldVariants, formControlVariants, } from './components/form-field';
 export { LabeledField, LabeledFieldControl, } from './components/labeled-field';
 export { Badge, BadgeText, badgeVariants, badgeTextVariants, } from './components/badge';
+export { FAB, FABGroup, fabVariants } from './components/fab';
 export { Alert, AlertTitle, AlertDescription, alertVariants, } from './components/alert';
 export { Switch } from './components/switch';
 export { Checkbox } from './components/checkbox';

package/dist/lib/focus-ring.d.ts

@@ -23,3 +23,13 @@ export declare const focusRing = "web:outline-none web:focus-visible:ring-2 web:
  * would be clipped by the parent or collide with a neighbour.
  */
 export declare const focusRingInset = "web:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring";
+/**
+ * For text fields. Browsers treat every focus on a text field as keyboard focus, so a
+ * `:focus-visible` ring fires on a tap too — and an offset ring around a rounded field
+ * reads as a second, squarer border. A field shows focus the way the platforms do:
+ * its own border takes the ring colour. The class carries the colour; a field whose
+ * border lives on a wrapper (`Input`, `NumericInput`) applies it there from focus state.
+ */
+export declare const focusField = "web:outline-none web:focus-visible:border-ring";
+/** The wrapper half of `focusField`: the border colour while the inner field has focus. */
+export declare const focusFieldWrapper = "border-ring";

package/dist/lib/focus-ring.js

@@ -23,3 +23,13 @@ export const focusRing = 'web:outline-none web:focus-visible:ring-2 web:focus-vi
  * would be clipped by the parent or collide with a neighbour.
  */
 export const focusRingInset = 'web:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring';
+/**
+ * For text fields. Browsers treat every focus on a text field as keyboard focus, so a
+ * `:focus-visible` ring fires on a tap too — and an offset ring around a rounded field
+ * reads as a second, squarer border. A field shows focus the way the platforms do:
+ * its own border takes the ring colour. The class carries the colour; a field whose
+ * border lives on a wrapper (`Input`, `NumericInput`) applies it there from focus state.
+ */
+export const focusField = 'web:outline-none web:focus-visible:border-ring';
+/** The wrapper half of `focusField`: the border colour while the inner field has focus. */
+export const focusFieldWrapper = 'border-ring';

package/dist/lib/interaction-tokens.d.ts

@@ -1,5 +1,28 @@
 import { type PressableProps } from 'react-native';
-/** Motion values used when a `--ui-motion-*` token is absent, and by the provider-less motion policy. */
+/**
+ * Press, disabled, and motion timing for the whole package.
+ *
+ * These are not theme tokens. A generated preset does not emit them, and reading the
+ * matching `--ui-*` variables warned in every app on that preset while resolving to
+ * these same numbers. One table, no CSS lookup.
+ */
+export declare const INTERACTION_TOKENS: {
+    readonly pressOpacity: 0.82;
+    readonly pressOpacityStrong: 0.92;
+    readonly disabledOpacity: 0.46;
+    readonly disabledOpacitySoft: 0.56;
+    readonly disabledOpacitySubtle: 0.36;
+    readonly inactiveOpacity: 0.54;
+    readonly motionFast: 140;
+    readonly motionNormal: 200;
+    readonly motionSlow: 280;
+    readonly motionSpringDamping: 20;
+    readonly motionSpringStiffness: 260;
+    readonly motionSpringMass: 0.8;
+    readonly drawerOpenDuration: 260;
+    readonly drawerCloseDuration: 180;
+};
+/** Motion slice of {@link INTERACTION_TOKENS}, for the provider-less policy. */
 export declare const MOTION_TOKEN_DEFAULTS: {
     readonly motionFast: 140;
     readonly motionNormal: 200;

package/dist/lib/interaction-tokens.js

@@ -1,55 +1,37 @@
-import { useCSSVariable } from 'uniwind';
-function parseNumber(value, fallback) {
-    if (value === undefined || value === null)
-        return fallback;
-    const parsed = Number.parseFloat(String(value));
-    return Number.isFinite(parsed) ? parsed : fallback;
-}
-function clampOpacity(value) {
-    return Math.max(0, Math.min(1, value));
-}
-/** Motion values used when a `--ui-motion-*` token is absent, and by the provider-less motion policy. */
-export const MOTION_TOKEN_DEFAULTS = {
+/**
+ * Press, disabled, and motion timing for the whole package.
+ *
+ * These are not theme tokens. A generated preset does not emit them, and reading the
+ * matching `--ui-*` variables warned in every app on that preset while resolving to
+ * these same numbers. One table, no CSS lookup.
+ */
+export const INTERACTION_TOKENS = {
+    pressOpacity: 0.82,
+    pressOpacityStrong: 0.92,
+    disabledOpacity: 0.46,
+    disabledOpacitySoft: 0.56,
+    disabledOpacitySubtle: 0.36,
+    inactiveOpacity: 0.54,
     motionFast: 140,
     motionNormal: 200,
     motionSlow: 280,
     motionSpringDamping: 20,
     motionSpringStiffness: 260,
     motionSpringMass: 0.8,
+    drawerOpenDuration: 260,
+    drawerCloseDuration: 180,
+};
+/** Motion slice of {@link INTERACTION_TOKENS}, for the provider-less policy. */
+export const MOTION_TOKEN_DEFAULTS = {
+    motionFast: INTERACTION_TOKENS.motionFast,
+    motionNormal: INTERACTION_TOKENS.motionNormal,
+    motionSlow: INTERACTION_TOKENS.motionSlow,
+    motionSpringDamping: INTERACTION_TOKENS.motionSpringDamping,
+    motionSpringStiffness: INTERACTION_TOKENS.motionSpringStiffness,
+    motionSpringMass: INTERACTION_TOKENS.motionSpringMass,
 };
 export function useInteractionTokens() {
-    const [pressOpacity, pressOpacityStrong, disabledOpacity, disabledOpacitySoft, disabledOpacitySubtle, inactiveOpacity, motionFast, motionNormal, motionSlow, motionSpringDamping, motionSpringStiffness, motionSpringMass, drawerOpenDuration, drawerCloseDuration,] = useCSSVariable([
-        '--ui-press-opacity',
-        '--ui-press-opacity-strong',
-        '--ui-disabled-opacity',
-        '--ui-disabled-opacity-soft',
-        '--ui-disabled-opacity-subtle',
-        '--ui-inactive-opacity',
-        '--ui-motion-fast',
-        '--ui-motion-normal',
-        '--ui-motion-slow',
-        '--ui-motion-spring-damping',
-        '--ui-motion-spring-stiffness',
-        '--ui-motion-spring-mass',
-        '--ui-drawer-open-duration',
-        '--ui-drawer-close-duration',
-    ]);
-    return {
-        pressOpacity: clampOpacity(parseNumber(pressOpacity, 0.82)),
-        pressOpacityStrong: clampOpacity(parseNumber(pressOpacityStrong, 0.92)),
-        disabledOpacity: clampOpacity(parseNumber(disabledOpacity, 0.46)),
-        disabledOpacitySoft: clampOpacity(parseNumber(disabledOpacitySoft, 0.56)),
-        disabledOpacitySubtle: clampOpacity(parseNumber(disabledOpacitySubtle, 0.36)),
-        inactiveOpacity: clampOpacity(parseNumber(inactiveOpacity, 0.54)),
-        motionFast: Math.max(0, Math.round(parseNumber(motionFast, MOTION_TOKEN_DEFAULTS.motionFast))),
-        motionNormal: Math.max(0, Math.round(parseNumber(motionNormal, MOTION_TOKEN_DEFAULTS.motionNormal))),
-        motionSlow: Math.max(0, Math.round(parseNumber(motionSlow, MOTION_TOKEN_DEFAULTS.motionSlow))),
-        motionSpringDamping: Math.max(0, parseNumber(motionSpringDamping, MOTION_TOKEN_DEFAULTS.motionSpringDamping)),
-        motionSpringStiffness: Math.max(0, parseNumber(motionSpringStiffness, MOTION_TOKEN_DEFAULTS.motionSpringStiffness)),
-        motionSpringMass: Math.max(0.01, parseNumber(motionSpringMass, MOTION_TOKEN_DEFAULTS.motionSpringMass)),
-        drawerOpenDuration: Math.max(0, Math.round(parseNumber(drawerOpenDuration, 260))),
-        drawerCloseDuration: Math.max(0, Math.round(parseNumber(drawerCloseDuration, 180))),
-    };
+    return INTERACTION_TOKENS;
 }
 function resolveDisabledOpacity(tokens, variant) {
     if (variant === 'none')

package/dist/lib/motion-policy.js

@@ -4,8 +4,8 @@ import { AccessibilityInfo } from 'react-native';
 import { ReduceMotion, useReducedMotion } from 'react-native-reanimated';
 import { MOTION_TOKEN_DEFAULTS, useInteractionTokens } from './interaction-tokens';
 // Without a provider, components still render and Reanimated still follows the system
-// setting. Only `--ui-motion-*` overrides and the non-Reanimated reduced-motion paths
-// need `MotionProvider` at the root.
+// setting. The provider is what switches the non-Reanimated paths to reduced or
+// disabled motion. Durations and the spring come from `INTERACTION_TOKENS` either way.
 const DEFAULT_MOTION_POLICY = {
     mode: 'system',
     reduceMotion: false,

package/dist/lib/ref-types.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+/** A named public shape for ref-forwarding components under React Native's Strict API. */
+export type ForwardRefComponent<TInstance, TProps> = React.ForwardRefExoticComponent<React.PropsWithoutRef<TProps> & React.RefAttributes<TInstance>>;

package/dist/lib/ref-types.js

@@ -0,0 +1 @@
+export {};