@demlanide/react-lucky-components 0.1.0

package/dist/Tabs/styles.d.ts

@@ -0,0 +1,224 @@
+/// <reference types="react" />
+export declare const OuterContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("react-native").ViewProps, {
+    $bottomPadding: number;
+}>>;
+export declare const PillShadow: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const Pill: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const BlurLayer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const GlassOverlay: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const GlassEdge: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const SpecularHighlight: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const Indicator: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<{
+    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | import("react-native-reanimated").SharedValue<"none" | "auto" | "box-none" | "box-only" | undefined> | undefined;
+    hitSlop?: number | import("react-native").Insets | import("react-native-reanimated").SharedValue<number | import("react-native").Insets | null | undefined> | null | undefined;
+    children?: import("react").ReactNode | import("react-native-reanimated").SharedValue<import("react").ReactNode>;
+    id?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    needsOffscreenAlphaCompositing?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").LayoutChangeEvent) => void) | undefined> | undefined;
+    removeClippedSubviews?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    testID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    nativeID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    collapsable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    collapsableChildren?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    renderToHardwareTextureAndroid?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    focusable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    tabIndex?: 0 | -1 | import("react-native-reanimated").SharedValue<0 | -1 | undefined> | undefined;
+    shouldRasterizeIOS?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    isTVSelectable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    hasTVPreferredFocus?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    tvParallaxShiftDistanceX?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    tvParallaxShiftDistanceY?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    tvParallaxTiltAngle?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    tvParallaxMagnification?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerDown?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerUp?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    accessible?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityActions?: readonly Readonly<{
+        name: string;
+        label?: string | undefined;
+    }>[] | import("react-native-reanimated").SharedValue<readonly Readonly<{
+        name: string;
+        label?: string | undefined;
+    }>[] | undefined> | undefined;
+    accessibilityLabel?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    'aria-label'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    accessibilityRole?: import("react-native").AccessibilityRole | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityRole | undefined> | undefined;
+    accessibilityState?: import("react-native").AccessibilityState | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityState | undefined> | undefined;
+    'aria-busy'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    'aria-checked'?: boolean | "mixed" | import("react-native-reanimated").SharedValue<boolean | "mixed" | undefined> | undefined;
+    'aria-disabled'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    'aria-expanded'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    'aria-selected'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityHint?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    accessibilityValue?: import("react-native").AccessibilityValue | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityValue | undefined> | undefined;
+    'aria-valuemax'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    'aria-valuemin'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    'aria-valuenow'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    'aria-valuetext'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").AccessibilityActionEvent) => void) | undefined> | undefined;
+    importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | import("react-native-reanimated").SharedValue<"auto" | "yes" | "no" | "no-hide-descendants" | undefined> | undefined;
+    'aria-hidden'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    'aria-modal'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    role?: import("react-native").Role | import("react-native-reanimated").SharedValue<import("react-native").Role | undefined> | undefined;
+    accessibilityLabelledBy?: string | string[] | import("react-native-reanimated").SharedValue<string | string[] | undefined> | undefined;
+    'aria-labelledby'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    accessibilityLiveRegion?: "none" | "polite" | "assertive" | import("react-native-reanimated").SharedValue<"none" | "polite" | "assertive" | undefined> | undefined;
+    'aria-live'?: "polite" | "assertive" | "off" | import("react-native-reanimated").SharedValue<"polite" | "assertive" | "off" | undefined> | undefined;
+    accessibilityElementsHidden?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityViewIsModal?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    onAccessibilityEscape?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+    onAccessibilityTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+    onMagicTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+    accessibilityIgnoresInvertColors?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityLanguage?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    accessibilityShowsLargeContentViewer?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityLargeContentTitle?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+} & {
+    style?: import("react-native").StyleProp<import("react-native-reanimated").AnimatedStyle<import("react-native").StyleProp<import("react-native").ViewStyle>>>;
+} & {
+    layout?: import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").LayoutAnimationFunction | typeof import("react-native-reanimated").BaseAnimationBuilder | undefined;
+    entering?: (import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | import("react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe").ReanimatedKeyframe) | undefined;
+    exiting?: (import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | import("react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe").ReanimatedKeyframe) | undefined;
+} & {
+    sharedTransitionTag?: string | undefined;
+    sharedTransitionStyle?: import("react-native-reanimated").SharedTransition | undefined;
+} & {
+    animatedProps?: Partial<{
+        pointerEvents?: "none" | "auto" | "box-none" | "box-only" | import("react-native-reanimated").SharedValue<"none" | "auto" | "box-none" | "box-only" | undefined> | undefined;
+        hitSlop?: number | import("react-native").Insets | import("react-native-reanimated").SharedValue<number | import("react-native").Insets | null | undefined> | null | undefined;
+        children?: import("react").ReactNode | import("react-native-reanimated").SharedValue<import("react").ReactNode>;
+        id?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        needsOffscreenAlphaCompositing?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").LayoutChangeEvent) => void) | undefined> | undefined;
+        removeClippedSubviews?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        testID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        nativeID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        collapsable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        collapsableChildren?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        renderToHardwareTextureAndroid?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        focusable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        tabIndex?: 0 | -1 | import("react-native-reanimated").SharedValue<0 | -1 | undefined> | undefined;
+        shouldRasterizeIOS?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        isTVSelectable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        hasTVPreferredFocus?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        tvParallaxShiftDistanceX?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        tvParallaxShiftDistanceY?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        tvParallaxTiltAngle?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        tvParallaxMagnification?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+        onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+        onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+        onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+        onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+        onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerMove?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerDown?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerUp?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        accessible?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityActions?: readonly Readonly<{
+            name: string;
+            label?: string | undefined;
+        }>[] | import("react-native-reanimated").SharedValue<readonly Readonly<{
+            name: string;
+            label?: string | undefined;
+        }>[] | undefined> | undefined;
+        accessibilityLabel?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        'aria-label'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        accessibilityRole?: import("react-native").AccessibilityRole | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityRole | undefined> | undefined;
+        accessibilityState?: import("react-native").AccessibilityState | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityState | undefined> | undefined;
+        'aria-busy'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        'aria-checked'?: boolean | "mixed" | import("react-native-reanimated").SharedValue<boolean | "mixed" | undefined> | undefined;
+        'aria-disabled'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        'aria-expanded'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        'aria-selected'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityHint?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        accessibilityValue?: import("react-native").AccessibilityValue | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityValue | undefined> | undefined;
+        'aria-valuemax'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        'aria-valuemin'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        'aria-valuenow'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        'aria-valuetext'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").AccessibilityActionEvent) => void) | undefined> | undefined;
+        importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | import("react-native-reanimated").SharedValue<"auto" | "yes" | "no" | "no-hide-descendants" | undefined> | undefined;
+        'aria-hidden'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        'aria-modal'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        role?: import("react-native").Role | import("react-native-reanimated").SharedValue<import("react-native").Role | undefined> | undefined;
+        accessibilityLabelledBy?: string | string[] | import("react-native-reanimated").SharedValue<string | string[] | undefined> | undefined;
+        'aria-labelledby'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        accessibilityLiveRegion?: "none" | "polite" | "assertive" | import("react-native-reanimated").SharedValue<"none" | "polite" | "assertive" | undefined> | undefined;
+        'aria-live'?: "polite" | "assertive" | "off" | import("react-native-reanimated").SharedValue<"polite" | "assertive" | "off" | undefined> | undefined;
+        accessibilityElementsHidden?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityViewIsModal?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        onAccessibilityEscape?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+        onAccessibilityTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+        onMagicTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+        accessibilityIgnoresInvertColors?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityLanguage?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        accessibilityShowsLargeContentViewer?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityLargeContentTitle?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    } & {
+        style?: import("react-native").StyleProp<import("react-native-reanimated").AnimatedStyle<import("react-native").StyleProp<import("react-native").ViewStyle>>>;
+    } & {
+        layout?: import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").LayoutAnimationFunction | typeof import("react-native-reanimated").BaseAnimationBuilder | undefined;
+        entering?: (import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | import("react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe").ReanimatedKeyframe) | undefined;
+        exiting?: (import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | import("react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe").ReanimatedKeyframe) | undefined;
+    } & {
+        sharedTransitionTag?: string | undefined;
+        sharedTransitionStyle?: import("react-native-reanimated").SharedTransition | undefined;
+    }> | undefined;
+} & import("react").RefAttributes<import("react").Component<import("react-native-reanimated").AnimateProps<import("react-native").ViewProps>, any, any>>, never>>;
+export declare const TabButton: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>, never>>;
+export declare const IconContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const LabelText: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<import("react-native").TextProps, {
+    $color: string;
+    $focused: boolean;
+}>>;
+export declare const Badge: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const BadgeText: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/Tabs/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Tabs/styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,cAAc;oBAAiC,MAAM;GASjE,CAAC;AAEF,eAAO,MAAM,UAAU,+KAcpB,CAAC;AAEJ,eAAO,MAAM,IAAI,+KAKhB,CAAC;AAEF,eAAO,MAAM,SAAS,+KAMrB,CAAC;AAEF,eAAO,MAAM,YAAY,+KASxB,CAAC;AAEF,eAAO,MAAM,SAAS,+KASrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+KAO7B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iKAQrB,CAAC;AAEF,eAAO,MAAM,SAAS,iPAQrB,CAAC;AAEF,eAAO,MAAM,aAAa,+KAKzB,CAAC;AAEF,eAAO,MAAM,SAAS;YAAyB,MAAM;cAAY,OAAO;GAQvE,CAAC;AAEF,eAAO,MAAM,KAAK,+KAWjB,CAAC;AAEF,eAAO,MAAM,SAAS,+KAKrB,CAAC"}

package/dist/Tabs/styles.js

@@ -0,0 +1,121 @@
+import { Platform } from 'react-native';
+import Animated from 'react-native-reanimated';
+import styled from 'styled-components/native';
+import { colors, typography } from '../theme';
+import { LABEL_SIZE, PILL_INSET, PILL_RADIUS, SELECTED_TAB_BACKGROUND, TAB_BAR_TOP_PADDING, TAB_WIDTH, } from './constants';
+export const OuterContainer = styled.View `
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  align-items: center;
+  padding-top: ${TAB_BAR_TOP_PADDING}px;
+  padding-horizontal: 25px;
+  padding-bottom: ${({ $bottomPadding }) => `${$bottomPadding}px`};
+`;
+export const PillShadow = styled.View(() => ({
+    borderRadius: PILL_RADIUS,
+    ...Platform.select({
+        ios: {
+            shadowColor: '#000',
+            shadowOffset: { width: 0, height: 8 },
+            shadowOpacity: 0.08,
+            shadowRadius: 24,
+        },
+        android: {
+            elevation: 12,
+        },
+        default: {},
+    }),
+}));
+export const Pill = styled.View `
+  flex-direction: row;
+  border-radius: ${PILL_RADIUS}px;
+  overflow: hidden;
+  padding: ${PILL_INSET}px;
+`;
+export const BlurLayer = styled.View `
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+`;
+export const GlassOverlay = styled.View `
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: ${Platform.OS === 'ios'
+    ? 'rgba(255, 255, 255, 0.06)'
+    : 'rgba(255, 255, 255, 0.35)'};
+`;
+export const GlassEdge = styled.View `
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  border-radius: ${PILL_RADIUS}px;
+  border-width: 1.5px;
+  border-color: rgba(255, 255, 255, 0.45);
+`;
+export const SpecularHighlight = styled.View `
+  position: absolute;
+  top: 0;
+  left: 20px;
+  right: 20px;
+  height: 1px;
+  background-color: rgba(255, 255, 255, 0.7);
+`;
+export const Indicator = styled(Animated.View) `
+  position: absolute;
+  top: ${PILL_INSET}px;
+  left: ${PILL_INSET}px;
+  bottom: ${PILL_INSET}px;
+  width: ${TAB_WIDTH}px;
+  background-color: ${SELECTED_TAB_BACKGROUND};
+  border-radius: ${PILL_RADIUS}px;
+`;
+export const TabButton = styled.Pressable `
+  width: ${TAB_WIDTH}px;
+  align-items: center;
+  justify-content: center;
+  padding-top: 6px;
+  padding-bottom: 7px;
+  padding-horizontal: 8px;
+  gap: 1px;
+`;
+export const IconContainer = styled.View `
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+`;
+export const LabelText = styled.Text `
+  color: ${({ $color }) => $color};
+  font-size: ${LABEL_SIZE}px;
+  line-height: 12px;
+  text-align: center;
+  letter-spacing: -0.1px;
+  font-weight: ${({ $focused }) => $focused ? typography.fontWeight.semibold : typography.fontWeight.medium};
+`;
+export const Badge = styled.View `
+  position: absolute;
+  top: -2px;
+  right: -8px;
+  background-color: ${colors.error};
+  border-radius: 7px;
+  min-width: 14px;
+  height: 14px;
+  align-items: center;
+  justify-content: center;
+  padding-horizontal: 3px;
+`;
+export const BadgeText = styled.Text `
+  color: ${colors.white};
+  font-size: 9px;
+  font-weight: ${typography.fontWeight.bold};
+  text-align: center;
+`;

package/dist/Tabs/types.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Tabs type definitions
+ */
+import type React from 'react';
+import type { ViewStyle } from 'react-native';
+import type { BottomTabBarProps, BottomTabNavigationOptions } from '@react-navigation/bottom-tabs';
+export interface TabIcon {
+    /** Current tint color (active or inactive) */
+    color: string;
+    /** Suggested icon size in dp */
+    size: number;
+    /** Whether this tab is currently focused */
+    focused: boolean;
+}
+export interface TabItem {
+    /** Unique route name for the tab */
+    name: string;
+    /** Display label shown beneath the icon */
+    label: string;
+    /** Screen or navigator component to render */
+    component: React.ComponentType<any>;
+    /**
+     * Render function for the tab icon.
+     * Receives the current tint color, suggested size, and focused state.
+     */
+    icon?: (props: TabIcon) => React.ReactNode;
+    /** Badge count shown on the tab (e.g. unread notification count) */
+    badge?: number;
+    /** Per-tab navigation options override */
+    options?: BottomTabNavigationOptions;
+    /** Accessibility label override for screen readers */
+    accessibilityLabel?: string;
+    /** Test ID for automated testing */
+    testID?: string;
+}
+export interface TabsProps {
+    /** Array of tab configurations to render */
+    tabs: TabItem[];
+    /** Route name of the tab to show on first render */
+    initialTab?: string;
+    /** Custom style applied to the outer tab bar container */
+    tabBarStyle?: ViewStyle;
+    /** Active tab tint color @default colors.primary */
+    activeTintColor?: string;
+    /** Inactive tab tint color @default '#404040' */
+    inactiveTintColor?: string;
+    /** Whether to show text labels beneath icons @default true */
+    showLabels?: boolean;
+    /** Global screen options forwarded to every tab screen */
+    screenOptions?: BottomTabNavigationOptions;
+    /** Test ID for the tab navigator wrapper */
+    testID?: string;
+}
+export interface FloatingTabBarProps extends BottomTabBarProps {
+    tabs: TabItem[];
+    activeColor: string;
+    inactiveColor: string;
+    showLabels: boolean;
+    containerStyle?: ViewStyle;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/Tabs/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Tabs/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,iBAAiB,EACjB,0BAA0B,EAC3B,MAAM,+BAA+B,CAAC;AAIvC,MAAM,WAAW,OAAO;IACtB,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,4CAA4C;IAC5C,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,OAAO;IACtB,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;IAEb,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IAEd,8CAA8C;IAC9C,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAEpC;;;OAGG;IACH,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAE3C,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,0CAA0C;IAC1C,OAAO,CAAC,EAAE,0BAA0B,CAAC;IAErC,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,SAAS;IACxB,4CAA4C;IAC5C,IAAI,EAAE,OAAO,EAAE,CAAC;IAEhB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,iDAAiD;IACjD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,0BAA0B,CAAC;IAE3C,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B"}

package/dist/Tabs/types.js

@@ -0,0 +1,4 @@
+/**
+ * Tabs type definitions
+ */
+export {};

package/dist/Tabs/useFloatingTabBarScrollPadding.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Hook for tab root screens that use a ScrollView.
+ * Returns the recommended paddingBottom so content (e.g. Logout button) can scroll
+ * above the floating tab bar instead of being cut off.
+ */
+export declare function useFloatingTabBarScrollPadding(): number;
+//# sourceMappingURL=useFloatingTabBarScrollPadding.d.ts.map

package/dist/Tabs/useFloatingTabBarScrollPadding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingTabBarScrollPadding.d.ts","sourceRoot":"","sources":["../../src/Tabs/useFloatingTabBarScrollPadding.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,wBAAgB,8BAA8B,IAAI,MAAM,CAGvD"}

package/dist/Tabs/useFloatingTabBarScrollPadding.js

@@ -0,0 +1,11 @@
+/**
+ * Hook for tab root screens that use a ScrollView.
+ * Returns the recommended paddingBottom so content (e.g. Logout button) can scroll
+ * above the floating tab bar instead of being cut off.
+ */
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { getFloatingTabBarScrollPadding } from './constants';
+export function useFloatingTabBarScrollPadding() {
+    const insets = useSafeAreaInsets();
+    return getFloatingTabBarScrollPadding(insets);
+}

package/dist/Tabs/utilities.d.ts

@@ -0,0 +1,7 @@
+import type { TabItem } from './types';
+export declare function getBottomPadding(insetBottom: number): number;
+export declare function getTabTintColor(isFocused: boolean, activeColor?: string, inactiveColor?: string): string;
+export declare function getTabAccessibilityLabel(tab: TabItem): string;
+export declare function hasBadge(badge?: number | null): badge is number;
+export declare function formatBadgeValue(badge: number): string;
+//# sourceMappingURL=utilities.d.ts.map

package/dist/Tabs/utilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../src/Tabs/utilities.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAE5D;AAED,wBAAgB,eAAe,CAC7B,SAAS,EAAE,OAAO,EAClB,WAAW,CAAC,EAAE,MAAM,EACpB,aAAa,CAAC,EAAE,MAAM,GACrB,MAAM,CAGR;AAED,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,CAE7D;AAED,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,KAAK,IAAI,MAAM,CAE/D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEtD"}

package/dist/Tabs/utilities.js

@@ -0,0 +1,18 @@
+import { DEFAULT_ACTIVE_COLOR, DEFAULT_INACTIVE_COLOR, TAB_BAR_BOTTOM_MIN, } from './constants';
+export function getBottomPadding(insetBottom) {
+    return Math.max(insetBottom, TAB_BAR_BOTTOM_MIN);
+}
+export function getTabTintColor(isFocused, activeColor, inactiveColor) {
+    if (isFocused)
+        return activeColor ?? DEFAULT_ACTIVE_COLOR;
+    return inactiveColor ?? DEFAULT_INACTIVE_COLOR;
+}
+export function getTabAccessibilityLabel(tab) {
+    return tab.accessibilityLabel ?? `${tab.label} tab`;
+}
+export function hasBadge(badge) {
+    return badge != null && badge > 0;
+}
+export function formatBadgeValue(badge) {
+    return badge > 99 ? '99+' : String(badge);
+}

package/dist/ToggleSection/ToggleSection.d.ts

@@ -0,0 +1,3 @@
+import type { ToggleSectionProps } from './types';
+export declare function ToggleSection({ title, subtitle, value, onValueChange, visibleWhen, children, disabled, style, testID, activeTrackColor, inactiveTrackColor, thumbColor, }: ToggleSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToggleSection.d.ts.map

package/dist/ToggleSection/ToggleSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSection.d.ts","sourceRoot":"","sources":["../../src/ToggleSection/ToggleSection.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,aAAa,EACb,WAAkB,EAClB,QAAQ,EACR,QAAgB,EAChB,KAAK,EACL,MAAM,EACN,gBAA6C,EAC7C,kBAAiD,EACjD,UAAgC,GACjC,EAAE,kBAAkB,2CA6CpB"}

package/dist/ToggleSection/ToggleSection.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { View } from 'react-native';
+import { SwitchTrack } from '../ListCell/SwitchTrack';
+import { useSwitchAnimation } from '../ListCell/useSwitchAnimation';
+import { DEFAULT_ACTIVE_TRACK_COLOR, DEFAULT_INACTIVE_TRACK_COLOR, DEFAULT_THUMB_COLOR, } from '../ListCell/constants';
+import { Card, ContentBackground, ContentPadding, Header, HeaderLeading, SubtitleText, TitleText, } from './styles';
+export function ToggleSection({ title, subtitle, value, onValueChange, visibleWhen = 'on', children, disabled = false, style, testID, activeTrackColor = DEFAULT_ACTIVE_TRACK_COLOR, inactiveTrackColor = DEFAULT_INACTIVE_TRACK_COLOR, thumbColor = DEFAULT_THUMB_COLOR, }) {
+    const contentVisible = visibleWhen === 'on' ? value : !value;
+    /* ── Switch animation (reused from ListCell) ──────────────────── */
+    const { translateX, trackBg, indicatorOpacity, circleOpacity } = useSwitchAnimation(value, { activeTrackColor, inactiveTrackColor });
+    /* ── Toggle handler ───────────────────────────────────────────── */
+    const handleToggle = useCallback(() => {
+        if (!disabled)
+            onValueChange(!value);
+    }, [disabled, onValueChange, value]);
+    return (_jsxs(Card, { style: style, testID: testID, children: [_jsxs(Header, { onPress: handleToggle, disabled: disabled, "$disabled": disabled, accessibilityRole: "switch", accessibilityState: { checked: value, disabled }, children: [_jsxs(HeaderLeading, { children: [_jsx(TitleText, { numberOfLines: 1, children: title }), subtitle != null && (_jsx(SubtitleText, { numberOfLines: 2, children: subtitle }))] }), _jsx(SwitchTrack, { trackBg: trackBg, translateX: translateX, indicatorOpacity: indicatorOpacity, circleOpacity: circleOpacity, thumbColor: thumbColor, disabled: disabled })] }), contentVisible && (_jsx(View, { children: _jsx(ContentPadding, { children: _jsx(ContentBackground, { children: children }) }) }))] }));
+}

package/dist/ToggleSection/index.d.ts

@@ -0,0 +1,3 @@
+export { ToggleSection } from './ToggleSection';
+export type { ToggleSectionProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/ToggleSection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ToggleSection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/dist/ToggleSection/index.js

@@ -0,0 +1 @@
+export { ToggleSection } from './ToggleSection';

package/dist/ToggleSection/styles.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Animated } from 'react-native';
+export declare const Card: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const Header: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").Substitute<Omit<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>, "ref"> & {
+    ref?: ((instance: import("react-native").View | null) => void) | import("react").RefObject<import("react-native").View> | null | undefined;
+}, {
+    $disabled?: boolean | undefined;
+}>>;
+export declare const HeaderLeading: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const TitleText: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
+export declare const SubtitleText: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
+export declare const ContentClip: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>>, never>>;
+export declare const ContentPadding: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const ContentBackground: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/ToggleSection/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/ToggleSection/styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAa,MAAM,cAAc,CAAC;AAQnD,eAAO,MAAM,IAAI,+KAIhB,CAAC;AAIF,eAAO,MAAM,MAAM;;;;GAMlB,CAAC;AAEF,eAAO,MAAM,aAAa,+KAIzB,CAAC;AAEF,eAAO,MAAM,SAAS,+KAMrB,CAAC;AAEF,eAAO,MAAM,YAAY,+KAMxB,CAAC;AAIF,eAAO,MAAM,WAAW,oQAEvB,CAAC;AAEF,eAAO,MAAM,cAAc,+KAE1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,+KAI7B,CAAC"}