@navegarti/rn-design-system 0.8.2 → 0.8.5

package/lib/typescript/src/components/Switch/styles.d.ts

@@ -83,7 +83,7 @@ export declare const SwitchTrack: import("@emotion/native").StyledComponent<Omit
     onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
     onMagicTap?: (() => unknown) | undefined;
     onAccessibilityEscape?: (() => unknown) | undefined;
-}>, "children" | "id" | "nativeID" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "role" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "pointerEvents" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "hitSlop" | "onBlur" | "onFocus" | "onMoveShouldSetResponderCapture" | "onResponderReject" | "onResponderStart" | "onResponderEnd" | "onStartShouldSetResponderCapture" | "onMouseEnter" | "onMouseLeave" | "onClick" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlurCapture" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+}>, "children" | "id" | "nativeID" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "role" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "pointerEvents" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "hitSlop" | "onBlur" | "onFocus" | "onMoveShouldSetResponderCapture" | "onResponderReject" | "onResponderStart" | "onResponderEnd" | "onStartShouldSetResponderCapture" | "onMouseEnter" | "onMouseLeave" | "onClick" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlurCapture" | "onFocusCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
     onMoveShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
     onMoveShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
     onResponderGrant?: ((e: import("react-native").GestureResponderEvent) => void | boolean) | undefined;
@@ -96,10 +96,10 @@ export declare const SwitchTrack: import("@emotion/native").StyledComponent<Omit
     onResponderTerminationRequest?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
     onStartShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
     onStartShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
-}>, "children" | "id" | "nativeID" | "role" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "pointerEvents" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "hitSlop" | "onBlur" | "onFocus" | "onMouseEnter" | "onMouseLeave" | "onClick" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlurCapture" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+}>, "children" | "id" | "nativeID" | "role" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "pointerEvents" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "hitSlop" | "onBlur" | "onFocus" | "onMouseEnter" | "onMouseLeave" | "onClick" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlurCapture" | "onFocusCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
     onMouseEnter?: ((event: import("react-native").MouseEvent) => void) | undefined;
     onMouseLeave?: ((event: import("react-native").MouseEvent) => void) | undefined;
-}>, "children" | "id" | "nativeID" | "role" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "pointerEvents" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "hitSlop" | "onBlur" | "onFocus" | "onClick" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlurCapture" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+}>, "children" | "id" | "nativeID" | "role" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "pointerEvents" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "hitSlop" | "onBlur" | "onFocus" | "onClick" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlurCapture" | "onFocusCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
     onClick?: ((event: import("react-native").PointerEvent) => void) | undefined;
     onClickCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
     onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
@@ -122,11 +122,16 @@ export declare const SwitchTrack: import("@emotion/native").StyledComponent<Omit
     onGotPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
     onLostPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
     onLostPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
-}>, "children" | "id" | "nativeID" | "role" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "pointerEvents" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "hitSlop" | "onBlur" | "onFocus" | "onClick" | "onBlurCapture" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+}>, "children" | "id" | "nativeID" | "role" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "pointerEvents" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "hitSlop" | "onBlur" | "onFocus" | "onClick" | "onBlurCapture" | "onFocusCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
     onBlur?: ((event: import("react-native").BlurEvent) => void) | undefined;
     onBlurCapture?: ((event: import("react-native").BlurEvent) => void) | undefined;
     onFocus?: ((event: import("react-native").FocusEvent) => void) | undefined;
     onFocusCapture?: ((event: import("react-native").FocusEvent) => void) | undefined;
+}>, "children" | "id" | "nativeID" | "role" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "pointerEvents" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "hitSlop" | "onClick" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onKeyDown?: ((event: import("react-native").KeyDownEvent) => void) | undefined;
+    onKeyDownCapture?: ((event: import("react-native").KeyDownEvent) => void) | undefined;
+    onKeyUp?: ((event: import("react-native").KeyUpEvent) => void) | undefined;
+    onKeyUpCapture?: ((event: import("react-native").KeyUpEvent) => void) | undefined;
 }>, "children" | "id" | "nativeID" | "role" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "pointerEvents" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "hitSlop" | "onClick" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
     onTouchCancel?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
     onTouchCancelCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
@@ -218,7 +223,7 @@ export declare const SwitchThumb: import("@emotion/native").StyledComponent<Omit
     onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
     onMagicTap?: (() => unknown) | undefined;
     onAccessibilityEscape?: (() => unknown) | undefined;
-}>, "children" | "id" | "nativeID" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "role" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "pointerEvents" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "hitSlop" | "onBlur" | "onFocus" | "onMoveShouldSetResponderCapture" | "onResponderReject" | "onResponderStart" | "onResponderEnd" | "onStartShouldSetResponderCapture" | "onMouseEnter" | "onMouseLeave" | "onClick" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlurCapture" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+}>, "children" | "id" | "nativeID" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "role" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "pointerEvents" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "hitSlop" | "onBlur" | "onFocus" | "onMoveShouldSetResponderCapture" | "onResponderReject" | "onResponderStart" | "onResponderEnd" | "onStartShouldSetResponderCapture" | "onMouseEnter" | "onMouseLeave" | "onClick" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlurCapture" | "onFocusCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
     onMoveShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
     onMoveShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
     onResponderGrant?: ((e: import("react-native").GestureResponderEvent) => void | boolean) | undefined;
@@ -231,10 +236,10 @@ export declare const SwitchThumb: import("@emotion/native").StyledComponent<Omit
     onResponderTerminationRequest?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
     onStartShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
     onStartShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
-}>, "children" | "id" | "nativeID" | "role" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "pointerEvents" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "hitSlop" | "onBlur" | "onFocus" | "onMouseEnter" | "onMouseLeave" | "onClick" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlurCapture" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+}>, "children" | "id" | "nativeID" | "role" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "pointerEvents" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "hitSlop" | "onBlur" | "onFocus" | "onMouseEnter" | "onMouseLeave" | "onClick" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlurCapture" | "onFocusCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
     onMouseEnter?: ((event: import("react-native").MouseEvent) => void) | undefined;
     onMouseLeave?: ((event: import("react-native").MouseEvent) => void) | undefined;
-}>, "children" | "id" | "nativeID" | "role" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "pointerEvents" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "hitSlop" | "onBlur" | "onFocus" | "onClick" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlurCapture" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+}>, "children" | "id" | "nativeID" | "role" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "pointerEvents" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "hitSlop" | "onBlur" | "onFocus" | "onClick" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlurCapture" | "onFocusCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
     onClick?: ((event: import("react-native").PointerEvent) => void) | undefined;
     onClickCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
     onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
@@ -257,11 +262,16 @@ export declare const SwitchThumb: import("@emotion/native").StyledComponent<Omit
     onGotPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
     onLostPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
     onLostPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
-}>, "children" | "id" | "nativeID" | "role" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "pointerEvents" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "hitSlop" | "onBlur" | "onFocus" | "onClick" | "onBlurCapture" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+}>, "children" | "id" | "nativeID" | "role" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "pointerEvents" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "hitSlop" | "onBlur" | "onFocus" | "onClick" | "onBlurCapture" | "onFocusCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
     onBlur?: ((event: import("react-native").BlurEvent) => void) | undefined;
     onBlurCapture?: ((event: import("react-native").BlurEvent) => void) | undefined;
     onFocus?: ((event: import("react-native").FocusEvent) => void) | undefined;
     onFocusCapture?: ((event: import("react-native").FocusEvent) => void) | undefined;
+}>, "children" | "id" | "nativeID" | "role" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "pointerEvents" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "hitSlop" | "onClick" | "onKeyDown" | "onKeyDownCapture" | "onKeyUp" | "onKeyUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onKeyDown?: ((event: import("react-native").KeyDownEvent) => void) | undefined;
+    onKeyDownCapture?: ((event: import("react-native").KeyDownEvent) => void) | undefined;
+    onKeyUp?: ((event: import("react-native").KeyUpEvent) => void) | undefined;
+    onKeyUpCapture?: ((event: import("react-native").KeyUpEvent) => void) | undefined;
 }>, "children" | "id" | "nativeID" | "role" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "pointerEvents" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "hitSlop" | "onClick" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
     onTouchCancel?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
     onTouchCancelCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;

package/lib/typescript/src/components/Switch/types.d.ts

@@ -0,0 +1,9 @@
+import type { PropsWithChildren } from 'react';
+import type { TouchableOpacityProps } from 'react-native';
+export type SwitchProps = PropsWithChildren<{
+    value: boolean;
+    onValueChange: (value: boolean) => void;
+    disabled?: boolean;
+    hasError?: boolean;
+}> & Omit<TouchableOpacityProps, 'onPress'>;
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/Text/index.d.ts

@@ -1,3 +1,3 @@
-export type { TextComponentProps, TextStyleProps } from './styles';
 export { Text } from './styles';
+export type { TextComponentProps, TextStyleProps } from './types';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/Text/styles.d.ts

@@ -1,17 +1,4 @@
-import type { DimensionValue, TextProps as RNTextProps, TextProps } from 'react-native';
-export type TextStyleProps = TextProps & {
-    flex?: number;
-    weight?: 'light' | 'regular' | 'medium' | 'bold';
-    size?: number;
-    margin?: DimensionValue | string;
-    width?: string;
-    color?: string;
-    textAlign?: 'left' | 'center' | 'right' | 'justify';
-    textTransform?: 'none' | 'uppercase' | 'capitalize' | 'lowercase';
-    textDecorationLine?: 'none' | 'underline' | 'line-through';
-};
-export interface TextComponentProps extends RNTextProps, TextStyleProps {
-}
+import type { TextStyleProps } from './types';
 export declare const Text: import("@emotion/native").StyledComponent<Omit<Readonly<Omit<Readonly<{
     onPointerEnter?: (event: import("react-native").PointerEvent) => void;
     onPointerLeave?: (event: import("react-native").PointerEvent) => void;
@@ -85,85 +72,7 @@ export declare const Text: import("@emotion/native").StyledComponent<Omit<Readon
 } & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Readonly<Omit<Readonly<{
-    onPointerEnter?: (event: import("react-native").PointerEvent) => void;
-    onPointerLeave?: (event: import("react-native").PointerEvent) => void;
-    onPointerMove?: (event: import("react-native").PointerEvent) => void;
-}>, "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "disabled" | "selectionColor" | "dataDetectorType" | "textBreakStrategy" | "minimumFontScale" | "onAccessibilityAction" | "allowFontScaling" | "android_hyphenationFrequency" | "children" | "ellipsizeMode" | "id" | "maxFontSizeMultiplier" | "nativeID" | "numberOfLines" | "onLayout" | "onLongPress" | "onPress" | "onPressIn" | "onPressOut" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onTextLayout" | "pressRetentionOffset" | "role" | "selectable" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable"> & Omit<import("react-native/types_generated/Libraries/Text/TextProps").TextPropsIOS, keyof import("react-native/types_generated/Libraries/Text/TextProps").TextPropsAndroid | "onAccessibilityAction" | "allowFontScaling" | "android_hyphenationFrequency" | "children" | "ellipsizeMode" | "id" | "maxFontSizeMultiplier" | "nativeID" | "numberOfLines" | "onLayout" | "onLongPress" | "onPress" | "onPressIn" | "onPressOut" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onTextLayout" | "pressRetentionOffset" | "role" | "selectable" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable"> & Omit<import("react-native/types_generated/Libraries/Text/TextProps").TextPropsAndroid, "onAccessibilityAction" | "allowFontScaling" | "android_hyphenationFrequency" | "children" | "ellipsizeMode" | "id" | "maxFontSizeMultiplier" | "nativeID" | "numberOfLines" | "onLayout" | "onLongPress" | "onPress" | "onPressIn" | "onPressOut" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onTextLayout" | "pressRetentionOffset" | "role" | "selectable" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable"> & Omit<Readonly<{
-    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
-    allowFontScaling?: boolean | undefined;
-    android_hyphenationFrequency?: ("normal" | "none" | "full") | undefined;
-    children?: React.ReactNode | undefined;
-    ellipsizeMode?: ("clip" | "head" | "middle" | "tail") | undefined;
-    id?: string;
-    maxFontSizeMultiplier?: number | undefined;
-    nativeID?: string | undefined;
-    numberOfLines?: number | undefined;
-    onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
-    onLongPress?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
-    onPress?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
-    onPressIn?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
-    onPressOut?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
-    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderTerminationRequest?: (() => boolean) | undefined;
-    onStartShouldSetResponder?: (() => boolean) | undefined;
-    onMoveShouldSetResponder?: (() => boolean) | undefined;
-    onTextLayout?: ((event: import("react-native").TextLayoutEvent) => unknown) | undefined;
-    pressRetentionOffset?: import("react-native/types_generated/Libraries/Text/TextProps").PressRetentionOffset | undefined;
-    role?: import("react-native").Role | undefined;
-    selectable?: boolean | undefined;
-    style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").TextStyleProp | undefined;
-    testID?: string | undefined;
-}>, "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable"> & Omit<Readonly<Omit<Readonly<{
-    accessibilityLabelledBy?: (string | undefined) | (Array<string> | undefined);
-    "aria-labelledby"?: string | undefined;
-    accessibilityLiveRegion?: ("none" | "polite" | "assertive") | undefined;
-    "aria-live"?: ("polite" | "assertive" | "off") | undefined;
-    importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
-    screenReaderFocusable?: boolean;
-}>, "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & Omit<Readonly<{
-    accessibilityIgnoresInvertColors?: boolean | undefined;
-    accessibilityViewIsModal?: boolean | undefined;
-    accessibilityShowsLargeContentViewer?: boolean | undefined;
-    accessibilityLargeContentTitle?: string | undefined;
-    "aria-modal"?: boolean | undefined;
-    accessibilityElementsHidden?: boolean | undefined;
-    accessibilityLanguage?: string | undefined;
-    accessibilityRespondsToUserInteraction?: boolean | undefined;
-}>, "role" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & {
-    accessible?: boolean | undefined;
-    accessibilityLabel?: string | undefined;
-    accessibilityHint?: string | undefined;
-    "aria-label"?: string | undefined;
-    accessibilityRole?: import("react-native").AccessibilityRole | undefined;
-    role?: import("react-native").Role | undefined;
-    accessibilityState?: import("react-native").AccessibilityState | undefined;
-    accessibilityValue?: import("react-native").AccessibilityValue | undefined;
-    "aria-valuemax"?: import("react-native").AccessibilityValue["max"] | undefined;
-    "aria-valuemin"?: import("react-native").AccessibilityValue["min"] | undefined;
-    "aria-valuenow"?: import("react-native").AccessibilityValue["now"] | undefined;
-    "aria-valuetext"?: import("react-native").AccessibilityValue["text"] | undefined;
-    accessibilityActions?: ReadonlyArray<import("react-native/types_generated/Libraries/Components/View/ViewAccessibility").AccessibilityActionInfo> | undefined;
-    "aria-busy"?: boolean | undefined;
-    "aria-checked"?: (boolean | undefined) | "mixed";
-    "aria-disabled"?: boolean | undefined;
-    "aria-expanded"?: boolean | undefined;
-    "aria-selected"?: boolean | undefined;
-    "aria-hidden"?: boolean | undefined;
-}>, never>> & {
-    flex?: number;
-    weight?: "light" | "regular" | "medium" | "bold";
-    size?: number;
-    margin?: DimensionValue | string;
-    width?: string;
-    color?: string;
-    textAlign?: "left" | "center" | "right" | "justify";
-    textTransform?: "none" | "uppercase" | "capitalize" | "lowercase";
-    textDecorationLine?: "none" | "underline" | "line-through";
-}, {}, {
+} & TextStyleProps, {}, {
     ref?: import("react").Ref<any> | undefined;
 }>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/components/Text/types.d.ts

@@ -0,0 +1,15 @@
+import type { DimensionValue, TextProps } from 'react-native';
+export type TextStyleProps = {
+    flex?: number;
+    weight?: 'light' | 'regular' | 'medium' | 'bold';
+    size?: number;
+    margin?: DimensionValue;
+    width?: string;
+    color?: string;
+    textAlign?: 'left' | 'center' | 'right' | 'justify';
+    textTransform?: 'none' | 'uppercase' | 'capitalize' | 'lowercase';
+    textDecorationLine?: 'none' | 'underline' | 'line-through';
+    fontFamily?: string;
+};
+export type TextComponentProps = TextStyleProps & TextProps;
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components.d.ts

@@ -8,18 +8,29 @@ export type { CardProps } from './components/Card';
 export { Card } from './components/Card';
 export type { CarouselRootProps } from './components/Carousel';
 export { Carousel } from './components/Carousel';
+export type { CheckboxProps } from './components/Checkbox';
 export { Checkbox } from './components/Checkbox';
 export type { ExtendedFABProps, FABProps } from './components/FAB';
 export { FAB } from './components/FAB';
+export type { FlexProps } from './components/Flex';
 export { Flex } from './components/Flex';
+export type { FormLabelProps } from './components/FormLabel';
 export { FormLabel } from './components/FormLabel';
+export type { InputFieldProps, InputRootProps } from './components/Input';
 export { Input } from './components/Input';
+export type { MarginProps } from './components/Margin';
 export { Margin } from './components/Margin';
+export type { OTPInputProps } from './components/OTPInput';
 export { OTPInput } from './components/OTPInput';
+export type { PaddingProps } from './components/Padding';
 export { Padding } from './components/Padding';
+export type { RadioGroupProps, RadioItemProps } from './components/Radio';
 export { Radio } from './components/Radio';
+export type { SelectFieldProps, SelectRootProps } from './components/Select';
 export { Select } from './components/Select';
+export type { SkeletonProps } from './components/Skeleton';
 export { Skeleton } from './components/Skeleton';
+export type { SwitchProps } from './components/Switch';
 export { Switch } from './components/Switch';
 export type { TextComponentProps, TextStyleProps } from './components/Text';
 export { Text } from './components/Text';

package/lib/typescript/src/index.d.ts

@@ -17,18 +17,29 @@ export type { CardProps } from './components/Card';
 export { Card } from './components/Card';
 export type { CarouselRootProps } from './components/Carousel';
 export { Carousel } from './components/Carousel';
+export type { CheckboxProps } from './components/Checkbox';
 export { Checkbox } from './components/Checkbox';
 export type { ExtendedFABProps, FABProps } from './components/FAB';
 export { FAB } from './components/FAB';
+export type { FlexProps } from './components/Flex';
 export { Flex } from './components/Flex';
+export type { FormLabelProps } from './components/FormLabel';
 export { FormLabel } from './components/FormLabel';
+export type { InputFieldProps, InputRootProps } from './components/Input';
 export { Input } from './components/Input';
+export type { MarginProps } from './components/Margin';
 export { Margin } from './components/Margin';
+export type { OTPInputProps } from './components/OTPInput';
 export { OTPInput } from './components/OTPInput';
+export type { PaddingProps } from './components/Padding';
 export { Padding } from './components/Padding';
+export type { RadioGroupProps, RadioItemProps } from './components/Radio';
 export { Radio } from './components/Radio';
+export type { SelectFieldProps, SelectRootProps } from './components/Select';
 export { Select } from './components/Select';
+export type { SkeletonProps } from './components/Skeleton';
 export { Skeleton } from './components/Skeleton';
+export type { SwitchProps } from './components/Switch';
 export { Switch } from './components/Switch';
 export type { TextComponentProps, TextStyleProps } from './components/Text';
 export { Text } from './components/Text';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navegarti/rn-design-system",
-  "version": "0.8.2",
+  "version": "0.8.5",
   "description": "Components and functions to help navegar projects",
   "source": "./src/index.tsx",
   "main": "./lib/module/index.js",
@@ -9,43 +9,43 @@
   "exports": {
     ".": {
       "source": "./src/index.tsx",
-      "react-native": "./src/index.tsx",
       "types": "./lib/typescript/src/index.d.ts",
+      "react-native": "./src/index.tsx",
       "import": "./lib/module/index.js",
       "default": "./lib/module/index.js"
     },
     "./components": {
       "source": "./src/components.tsx",
-      "react-native": "./src/components.tsx",
       "types": "./lib/typescript/src/components.d.ts",
+      "react-native": "./src/components.tsx",
       "import": "./lib/module/components.js",
       "default": "./lib/module/components.js"
     },
     "./utils": {
       "source": "./src/utils.tsx",
-      "react-native": "./src/utils.tsx",
       "types": "./lib/typescript/src/utils.d.ts",
+      "react-native": "./src/utils.tsx",
       "import": "./lib/module/utils.js",
       "default": "./lib/module/utils.js"
     },
     "./hooks": {
       "source": "./src/hooks.tsx",
-      "react-native": "./src/hooks.tsx",
       "types": "./lib/typescript/src/hooks.d.ts",
+      "react-native": "./src/hooks.tsx",
       "import": "./lib/module/hooks.js",
       "default": "./lib/module/hooks.js"
     },
     "./api": {
       "source": "./src/api.tsx",
-      "react-native": "./src/api.tsx",
       "types": "./lib/typescript/src/api.d.ts",
+      "react-native": "./src/api.tsx",
       "import": "./lib/module/api.js",
       "default": "./lib/module/api.js"
     },
     "./form": {
       "source": "./src/form.tsx",
-      "react-native": "./src/form.tsx",
       "types": "./lib/typescript/src/form.d.ts",
+      "react-native": "./src/form.tsx",
       "import": "./lib/module/form.js",
       "default": "./lib/module/form.js"
     },
@@ -121,20 +121,25 @@
     "@tanstack/react-query": "^5.90.20",
     "axios": "1.13.0",
     "date-fns": "^4.1.0",
+    "expo-checkbox": "^5.0.8",
     "jail-monkey": "^2.8.4",
     "libphonenumber-js": "^1.12.36",
     "react-native-mask-input": "^1.2.3",
     "react-native-nitro-modules": "^0.33.8",
-    "react-native-permissions": "^5.4.4",
+    "react-native-otp-entry": "^1.8.5",
     "react-native-picker-select": "^9.3.1",
     "react-native-svg": "^15.15.3",
     "zod": "^4.3.6",
     "zustand": "^5.0.11"
   },
+  "peerDependencies": {
+    "react": "^19.2.3",
+    "react-native": "^0.81.5"
+  },
   "devDependencies": {
     "@biomejs/biome": "^2.4.4",
     "@commitlint/config-conventional": "^20.4.1",
-    "@react-native/babel-preset": "0.83.1",
+    "@react-native/babel-preset": "0.84.1",
     "@release-it/conventional-changelog": "^10.0.5",
     "@types/jest": "^30.0.0",
     "@types/prop-types": "^15",
@@ -142,43 +147,16 @@
     "babel-plugin-react-compiler": "^1.0.0",
     "commitlint": "^20.4.1",
     "del-cli": "^7.0.0",
-    "expo-checkbox": "^5.0.8",
     "jest": "^30.2.0",
     "lefthook": "^2.1.0",
     "prettier": "^3.8.1",
     "prop-types": "^15.8.1",
-    "react": "19.1.0",
-    "react-native": "0.83.1",
+    "react": "19.2.3",
+    "react-native": "0.84.1",
     "react-native-builder-bob": "^0.40.18",
     "release-it": "^19.2.4",
     "typescript": "^5.9.3"
   },
-  "peerDependenciesMeta": {
-    "@react-native-community/netinfo": {
-      "optional": true
-    },
-    "@react-native-picker/picker": {
-      "optional": true
-    },
-    "@tanstack/react-query": {
-      "optional": true
-    },
-    "axios": {
-      "optional": true
-    },
-    "expo-checkbox": {
-      "optional": true
-    },
-    "jail-monkey": {
-      "optional": true
-    },
-    "react-native-permissions": {
-      "optional": true
-    },
-    "zod": {
-      "optional": true
-    }
-  },
   "workspaces": [
     "example"
   ],

package/src/components/Button/index.tsx

@@ -1,8 +1,9 @@
 import styled from '@emotion/native';
 
-import { type ButtonProps, ButtonText, DefaultButtonStyle } from './styles';
+import { ButtonText, DefaultButtonStyle } from './styles';
+import type { ButtonProps } from './types';
 
-export type { ButtonProps } from './styles';
+export type { ButtonProps } from './types';
 
 const DefaultButton = (props: ButtonProps) => (
   <DefaultButtonStyle activeOpacity={0.5} {...props} />

package/src/components/Button/styles.ts

@@ -1,21 +1,17 @@
 import styled from '@emotion/native';
-import type { DimensionValue, TouchableOpacityProps } from 'react-native';
-import { Text } from '../Text';
 
-export type ButtonProps = {
-  color?: string;
-  paddingVertical?: number;
-  paddingHorizontal?: number;
-  margin?: DimensionValue;
-} & TouchableOpacityProps;
+import { Text } from '../Text';
+import type { ButtonProps } from './types';
 
 export const DefaultButtonStyle = styled.TouchableOpacity<ButtonProps>(
   ({ paddingVertical, paddingHorizontal, color, margin }) => ({
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'center',
-    paddingHorizontal: paddingHorizontal ?? 20,
-    paddingVertical: paddingVertical ?? 14,
+    paddingLeft: paddingHorizontal ?? 20,
+    paddingRight: paddingHorizontal ?? 20,
+    paddingTop: paddingVertical ?? 14,
+    paddingBottom: paddingVertical ?? 14,
     gap: 8,
     backgroundColor: color ?? '#333',
     margin,

package/src/components/Button/types.ts

@@ -0,0 +1,8 @@
+import type { DimensionValue, TouchableOpacityProps } from 'react-native';
+
+export type ButtonProps = {
+  color?: string;
+  paddingVertical?: number;
+  paddingHorizontal?: number;
+  margin?: DimensionValue;
+} & TouchableOpacityProps;

package/src/components/Checkbox/index.tsx

@@ -1,14 +1,9 @@
-import type { CheckboxProps } from 'expo-checkbox';
 import RNCheckBox from 'expo-checkbox';
-import type { ViewProps } from 'react-native';
 import { Text } from '../Text';
 import { Container } from './styles';
+import type { CheckboxProps } from './types';
 
-type Props = {
-  value: boolean;
-  onValueChange: (value: boolean) => void;
-  containerProps?: ViewProps;
-} & Omit<CheckboxProps, 'OnValueChange'>;
+export type { CheckboxProps } from './types';
 
 const Checkbox = ({
   value,
@@ -17,7 +12,7 @@ const Checkbox = ({
   containerProps,
   disabled,
   ...props
-}: Props) => {
+}: CheckboxProps) => {
   return (
     <Container onPress={() => onValueChange(!value)} {...containerProps}>
       <RNCheckBox