@campxdev/react-native-blueprint 0.1.3 → 0.1.6

package/lib/typescript/src/components/ui/Theme-Toggle.d.ts

@@ -57,134 +57,7 @@ type ThemeToggleProps = SlottableViewProps & {
  * - Announces current theme state
  * - Keyboard navigable on web
  */
-declare const ThemeToggle: React.ForwardRefExoticComponent<Omit<Omit<Readonly<Omit<Readonly<{
-    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
-    onAccessibilityTap?: (() => unknown) | undefined;
-    onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
-    onMagicTap?: (() => unknown) | undefined;
-    onAccessibilityEscape?: (() => unknown) | undefined;
-}>, "onMoveShouldSetResponder" | "onMoveShouldSetResponderCapture" | "onResponderGrant" | "onResponderMove" | "onResponderReject" | "onResponderRelease" | "onResponderStart" | "onResponderEnd" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onStartShouldSetResponderCapture" | "pointerEvents" | "hitSlop" | "children" | "id" | "accessibilityLabel" | "accessible" | "testID" | "style" | "nativeID" | "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "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" | "onClick" | "onMouseEnter" | "onMouseLeave" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "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;
-    onResponderMove?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderReject?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderRelease?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderStart?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderEnd?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderTerminate?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderTerminationRequest?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
-    onStartShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
-    onStartShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
-}>, "pointerEvents" | "hitSlop" | "children" | "id" | "accessibilityLabel" | "accessible" | "testID" | "style" | "nativeID" | "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "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" | "onClick" | "onMouseEnter" | "onMouseLeave" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "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;
-}>, "pointerEvents" | "hitSlop" | "children" | "id" | "accessibilityLabel" | "accessible" | "testID" | "style" | "nativeID" | "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "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" | "onClick" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "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;
-    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerCancel?: ((e: import("react-native").PointerEvent) => void) | undefined;
-    onPointerCancelCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
-    onPointerDown?: ((e: import("react-native").PointerEvent) => void) | undefined;
-    onPointerDownCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
-    onPointerUp?: ((e: import("react-native").PointerEvent) => void) | undefined;
-    onPointerUpCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
-    onPointerOver?: ((e: import("react-native").PointerEvent) => void) | undefined;
-    onPointerOverCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
-    onPointerOut?: ((e: import("react-native").PointerEvent) => void) | undefined;
-    onPointerOutCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
-    onGotPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
-    onGotPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
-    onLostPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
-    onLostPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
-}>, "pointerEvents" | "hitSlop" | "children" | "id" | "accessibilityLabel" | "accessible" | "testID" | "style" | "nativeID" | "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "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" | "onClick" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "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;
-}>, "pointerEvents" | "hitSlop" | "children" | "id" | "accessibilityLabel" | "accessible" | "testID" | "style" | "nativeID" | "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "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" | "onClick" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "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;
-    onTouchEnd?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
-    onTouchEndCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
-    onTouchMove?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
-    onTouchMoveCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
-    onTouchStart?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
-    onTouchStartCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
-}>, "pointerEvents" | "hitSlop" | "children" | "id" | "accessibilityLabel" | "accessible" | "testID" | "style" | "nativeID" | "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "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" | "onClick" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
-    nativeBackgroundAndroid?: import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").AndroidDrawable | undefined;
-    nativeForegroundAndroid?: import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").AndroidDrawable | undefined;
-    renderToHardwareTextureAndroid?: boolean | undefined;
-    hasTVPreferredFocus?: boolean | undefined;
-    nextFocusDown?: number | undefined;
-    nextFocusForward?: number | undefined;
-    nextFocusLeft?: number | undefined;
-    nextFocusRight?: number | undefined;
-    nextFocusUp?: number | undefined;
-    focusable?: boolean | undefined;
-    tabIndex?: 0 | -1;
-    onClick?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
-}>, "pointerEvents" | "hitSlop" | "children" | "id" | "accessibilityLabel" | "accessible" | "testID" | "style" | "nativeID" | "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "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" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
-    shouldRasterizeIOS?: boolean | undefined;
-}>, "pointerEvents" | "hitSlop" | "children" | "id" | "accessibilityLabel" | "accessible" | "testID" | "style" | "nativeID" | "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "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" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & 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;
-}>, "accessibilityLabel" | "accessible" | "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "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;
-}>, "accessibilityLabel" | "accessible" | "role" | "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;
-}>, "pointerEvents" | "hitSlop" | "children" | "id" | "testID" | "style" | "nativeID" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
-    children?: React.ReactNode;
-    style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").ViewStyleProp | undefined;
-    collapsable?: boolean | undefined;
-    collapsableChildren?: boolean | undefined;
-    id?: string;
-    testID?: string | undefined;
-    nativeID?: string | undefined;
-    needsOffscreenAlphaCompositing?: boolean | undefined;
-    hitSlop?: import("react-native/types_generated/Libraries/StyleSheet/EdgeInsetsPropType").EdgeInsetsOrSizeProp | undefined;
-    pointerEvents?: ("auto" | "box-none" | "box-only" | "none") | undefined;
-    removeClippedSubviews?: boolean | undefined;
-    experimental_accessibilityOrder?: Array<string> | undefined;
-}>, never>>, "ref"> & {
-    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
-}, "ref"> & {
-    asChild?: boolean;
-} & {
+declare const ThemeToggle: React.ForwardRefExoticComponent<SlottableViewProps & {
     variant?: ThemeToggleVariant;
     showLabel?: boolean;
     className?: string;

package/lib/typescript/src/components/ui/Theme-Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Theme-Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Theme-Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,kBAAkB,EAAW,MAAM,sBAAsB,CAAC;AAKxE;;GAEG;AACH,KAAK,kBAAkB,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE1D;;;;;;;;;;;;;;;;;;GAkBG;AACH,KAAK,gBAAgB,GAAG,kBAAkB,GAAG;IAC3C,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAlCL,kBAAkB;gBAChB,OAAO;gBACP,MAAM;yHA+JnB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"Theme-Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Theme-Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,kBAAkB,EAAW,MAAM,sBAAsB,CAAC;AASxE;;GAEG;AACH,KAAK,kBAAkB,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE1D;;;;;;;;;;;;;;;;;;GAkBG;AACH,KAAK,gBAAgB,GAAG,kBAAkB,GAAG;IAC3C,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,WAAW;cAlCL,kBAAkB;gBAChB,OAAO;gBACP,MAAM;yHA+JnB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,CAAC"}

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

@@ -1,7 +1,7 @@
 import { Text } from './Text';
 import type { LucideIcon } from 'lucide-react-native';
 import * as React from 'react';
-import { View, type ViewProps } from 'react-native';
+import { View as RNView, type ViewProps } from 'react-native';
 /**
  * Toast notification component
  *
@@ -34,7 +34,8 @@ import { View, type ViewProps } from 'react-native';
  * - Announces messages to screen readers
  * - Proper role for notifications
  */
-declare function Toast({ className, variant, children, icon, iconClassName, ...props }: ViewProps & React.RefAttributes<View> & {
+declare function Toast({ className, variant, children, icon, iconClassName, ...props }: ViewProps & React.RefAttributes<RNView> & {
+    children?: React.ReactNode;
     icon?: LucideIcon;
     variant?: 'default' | 'destructive';
     iconClassName?: string;

package/lib/typescript/src/components/ui/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Toast.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAoB,MAAM,QAAQ,CAAC;AAEhD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,GAAG,KAAK,EACT,EAAE,SAAS,GACV,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,2CA+BF;AAED;;;;GAIG;AACH,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,2CAO/D;AAED;;;;GAIG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,2CAY/D;AAED,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Toast.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAoB,MAAM,QAAQ,CAAC;AAEhD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAO9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,GAAG,KAAK,EACT,EAAE,SAAS,GACV,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,2CA+BF;AAED;;;;GAIG;AACH,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,2CAO/D;AAED;;;;GAIG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,2CAY/D;AAED,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC"}

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

@@ -12,10 +12,10 @@ import * as React from 'react';
  * @size sm - Small size (36px/32px)
  * @size lg - Large size (44px/40px)
  */
-declare const toggleVariants: (props?: {
-    variant?: "default" | "outline";
-    size?: "default" | "sm" | "lg";
-} & import("class-variance-authority/types").ClassProp) => string;
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**
  * Toggle button component for on/off states
  *

package/lib/typescript/src/components/ui/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;GASG;AACH,QAAA,MAAM,cAAc;;;iEA6BnB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,SAAS,GAC1B,YAAY,CAAC,OAAO,cAAc,CAAC,GACnC,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,OAAO,CAAC,2CAsB7C;AAED;;;;;;GAMG;AACH,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAKnC;AAED,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;GASG;AACH,QAAA,MAAM,cAAc;;;8EA6BnB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,SAAS,GAC1B,YAAY,CAAC,OAAO,cAAc,CAAC,GACnC,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,OAAO,CAAC,2CAsB7C;AAED;;;;;;GAMG;AACH,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAKnC;AAED,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}

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

@@ -18,33 +18,13 @@ import * as React from 'react';
  * </Tooltip>
  * ```
  */
-declare const Tooltip: React.ForwardRefExoticComponent<import("react-native").ViewProps & {
-    asChild?: boolean;
-} & {
-    onOpenChange?: (open: boolean) => void;
-    delayDuration?: number;
-    skipDelayDuration?: number;
-    disableHoverableContent?: boolean;
-} & React.RefAttributes<(props: Omit<import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").ViewProps, keyof {
-    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
-}> & {
-    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
-}) => React.ReactNode>>;
+declare const Tooltip: React.ForwardRefExoticComponent<TooltipPrimitive.RootProps>;
 /**
  * Trigger component that shows tooltip on hover/press
  *
  * @component
  */
-declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<import("react-native").PressableProps & React.RefAttributes<(props: Omit<import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").ViewProps, keyof {
-    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
-}> & {
-    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
-}) => React.ReactNode>, "ref"> & {
-    asChild?: boolean;
-} & {
-    onKeyDown?: (ev: React.KeyboardEvent) => void;
-    onKeyUp?: (ev: React.KeyboardEvent) => void;
-} & React.RefAttributes<import("@rn-primitives/tooltip").TriggerRef>>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TriggerProps>;
 /**
  * Tooltip content component
  *

package/lib/typescript/src/components/ui/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,OAAO;;;;;;;;OAAD,CAAC;;OAG8B,CAAA;uBAHN,CAAC;AAEtC;;;;GAIG;AACH,QAAA,MAAM,cAAc;OAPR,CAAC;;OAG8B,CAAA;;;;;;qEAII,CAAC;AAQhD;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,UAAU,EACV,IAAY,EACZ,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,YAAY,GAC9B,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,UAAU,CAAC,GAAG;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,2CA4CF;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,OAAO,6DAAwB,CAAC;AAEtC;;;;GAIG;AACH,QAAA,MAAM,cAAc,gEAA2B,CAAC;AAQhD;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,UAAU,EACV,IAAY,EACZ,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,YAAY,GAC9B,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,UAAU,CAAC,GAAG;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,2CA4CF;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}

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

@@ -1,3 +1,5 @@
+import './types/global';
+import './types/rn-primitives';
 export * from './components/ui';
 export { default as RootLayout } from './app/_layout';
 export { cn } from './lib/utils';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,iBAAiB,CAAC;AAGhC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAG9D,OAAO,EACL,kBAAkB,EAClB,sBAAsB,EACtB,eAAe,EACf,MAAM,EACN,aAAa,EACb,gBAAgB,GACjB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,gBAAgB,CAAC;AACxB,OAAO,uBAAuB,CAAC;AAG/B,cAAc,iBAAiB,CAAC;AAGhC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAG9D,OAAO,EACL,kBAAkB,EAClB,sBAAsB,EACtB,eAAe,EACf,MAAM,EACN,aAAa,EACb,gBAAgB,GACjB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/lib/typescript/src/lib/slot-helpers.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Properly typed Slot component wrappers
+ *
+ * The @rn-primitives/slot package has complex type inference that doesn't
+ * properly expose className props. These wrappers provide correct typing.
+ */
+import type { PressableProps, ViewProps, TextProps, TextInputProps } from 'react-native';
+export declare const SlotView: React.ForwardRefExoticComponent<ViewProps & {
+    className?: string;
+    children?: React.ReactNode;
+    cssInterop?: boolean;
+}>;
+export declare const SlotPressable: React.ForwardRefExoticComponent<PressableProps & {
+    className?: string;
+    children?: React.ReactNode;
+    cssInterop?: boolean;
+}>;
+export declare const SlotText: React.ForwardRefExoticComponent<TextProps & {
+    className?: string;
+    children?: React.ReactNode;
+    cssInterop?: boolean;
+}>;
+export declare const SlotTextInput: React.ForwardRefExoticComponent<TextInputProps & {
+    className?: string;
+    children?: React.ReactNode;
+    cssInterop?: boolean;
+}>;
+export declare const Slot: React.ForwardRefExoticComponent<ViewProps & {
+    className?: string;
+    children?: React.ReactNode;
+}>;
+//# sourceMappingURL=slot-helpers.d.ts.map

package/lib/typescript/src/lib/slot-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/slot-helpers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EACV,cAAc,EACd,SAAS,EACT,SAAS,EACT,cAAc,EACf,MAAM,cAAc,CAAC;AAGtB,eAAO,MAAM,QAAQ,EAAyB,KAAK,CAAC,yBAAyB,CAC3E,SAAS,GAAG;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CACF,CAAC;AAEF,eAAO,MAAM,aAAa,EACG,KAAK,CAAC,yBAAyB,CACxD,cAAc,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CACF,CAAC;AAEJ,eAAO,MAAM,QAAQ,EAAyB,KAAK,CAAC,yBAAyB,CAC3E,SAAS,GAAG;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CACF,CAAC;AAEF,eAAO,MAAM,aAAa,EACG,KAAK,CAAC,yBAAyB,CACxD,cAAc,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CACF,CAAC;AAGJ,eAAO,MAAM,IAAI,EAAyB,KAAK,CAAC,yBAAyB,CACvE,SAAS,GAAG;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CACF,CAAC"}

package/nativewind-env.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="nativewind/types" />
+
+/**
+ * NativeWind type augmentations
+ * This file ensures className prop is available on all React Native components
+ * when using NativeWind with TypeScript
+ */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/react-native-blueprint",
-  "version": "0.1.3",
+  "version": "0.1.6",
   "description": "This is a react-native package for mobile apps",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -10,6 +10,7 @@
       "types": "./lib/typescript/src/index.d.ts",
       "default": "./lib/module/index.js"
     },
+    "./global.css": "./src/global.css",
     "./package.json": "./package.json"
   },
   "files": [
@@ -19,6 +20,7 @@
     "ios",
     "cpp",
     "*.podspec",
+    "nativewind-env.d.ts",
     "react-native.config.js",
     "!ios/build",
     "!android/build",
@@ -38,7 +40,10 @@
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "clean": "del-cli lib",
     "prepare": "bob build",
-    "release": "release-it --only-version"
+    "release": "release-it --only-version",
+    "publish-package": "./scripts/publish.sh",
+    "android": "expo run:android",
+    "ios": "expo run:ios"
   },
   "keywords": [
     "react-native",
@@ -77,17 +82,22 @@
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",
     "jest": "^29.7.0",
+    "nativewind": "^4.2.1",
     "prettier": "^3.6.2",
     "react": "19.1.0",
     "react-native": "0.81.4",
     "react-native-builder-bob": "^0.40.13",
     "release-it": "^19.0.4",
     "tailwindcss": "^3.4.17",
+    "tailwindcss-animate": "^1.0.7",
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
+    "nativewind": "^4.0.0",
     "react": "*",
-    "react-native": "*"
+    "react-native": "*",
+    "tailwindcss": "^3.4.0",
+    "tailwindcss-animate": "^1.0.0"
   },
   "workspaces": [
     "example"
@@ -140,6 +150,12 @@
         {
           "esm": true
         }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.json"
+        }
       ]
     ]
   },
@@ -182,10 +198,12 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "expo": "^54.0.12",
+    "expo-dev-client": "~6.0.15",
     "expo-font": "^14.0.9",
     "figma-squircle": "^1.1.0",
-    "lucide-react-native": "^0.486.0",
-    "nativewind": "^4.2.1",
+    "lucide-react-native": "^0.546.0",
+    "react": "19.1.0",
+    "react-native": "0.81.4",
     "react-native-figma-squircle": "^0.4.0",
     "react-native-floating-action": "^1.22.0",
     "react-native-gesture-handler": "^2.28.0",
@@ -194,7 +212,6 @@
     "react-native-screens": "^4.7.1",
     "react-native-svg": "^15.14.0",
     "react-native-worklets": "0.5.1",
-    "tailwind-merge": "^3.3.1",
-    "tailwindcss-animate": "^1.0.7"
+    "tailwind-merge": "^3.3.1"
   }
 }

package/src/app/_layout.tsx

@@ -1,4 +1,10 @@
-import '../global.css';
+/**
+ * RootLayout component - provides theme and navigation setup
+ *
+ * NOTE: CSS import intentionally removed for library export.
+ * Consumers must import '@campxdev/react-native-blueprint/global.css'
+ * in their app entry point.
+ */
 import { PortalHost } from '@rn-primitives/portal';
 import { StatusBar } from 'react-native';
 import { NAV_THEME } from '../lib/theme';

package/src/components/ui/Accordion.tsx

@@ -122,7 +122,9 @@ function AccordionItem({
   );
 }
 
-const Trigger = Platform.OS === 'web' ? View : Pressable;
+const Trigger = (
+  Platform.OS === 'web' ? View : Pressable
+) as React.ComponentType<any>;
 
 /**
  * Clickable trigger button that toggles accordion item expansion

package/src/components/ui/Alert-Dialog.tsx

@@ -4,12 +4,14 @@ import { TextClassContext } from './Text';
 import { cn } from '../../lib/utils';
 import * as AlertDialogPrimitive from '@rn-primitives/alert-dialog';
 import * as React from 'react';
-import { Platform, View, type ViewProps } from 'react-native';
+import { Platform, View as RNView, type ViewProps } from 'react-native';
 import { cssInterop } from 'nativewind';
 import { FadeIn, FadeOut } from 'react-native-reanimated';
 import { FullWindowOverlay as RNFullWindowOverlay } from 'react-native-screens';
 
-cssInterop(View, { className: 'style' });
+const View = cssInterop(RNView, { className: 'style' }) as React.ComponentType<
+  ViewProps & { className?: string; children?: React.ReactNode }
+>;
 
 /**
  * Root alert dialog container
@@ -153,7 +155,7 @@ function AlertDialogContent({
             }),
             className
           )}
-          {...props}
+          {...(props as any)}
         />
       </AlertDialogOverlay>
     </AlertDialogPortal>

package/src/components/ui/Alert.tsx

@@ -3,10 +3,12 @@ import { Text, TextClassContext } from './Text';
 import { cn } from '../../lib/utils';
 import type { LucideIcon } from 'lucide-react-native';
 import * as React from 'react';
-import { View, type ViewProps } from 'react-native';
+import { View as RNView, type ViewProps } from 'react-native';
 import { cssInterop } from 'nativewind';
 
-cssInterop(View, { className: 'style' });
+const View = cssInterop(RNView, { className: 'style' }) as React.ComponentType<
+  ViewProps & { className?: string; children?: React.ReactNode }
+>;
 
 /**
  * Alert component for displaying important messages or notifications
@@ -48,7 +50,8 @@ function Alert({
   iconClassName,
   ...props
 }: ViewProps &
-  React.RefAttributes<View> & {
+  React.RefAttributes<RNView> & {
+    children?: React.ReactNode;
     icon: LucideIcon;
     variant?: 'default' | 'destructive';
     iconClassName?: string;
@@ -67,7 +70,7 @@ function Alert({
           'bg-card dark:bg-card border-border dark:border-border relative w-full rounded-lg border px-4 pb-2 pt-3.5',
           className
         )}
-        {...props}
+        {...(props as any)}
       >
         <View className="absolute left-3.5 top-3">
           <Icon

package/src/components/ui/AppBar.tsx

@@ -13,8 +13,12 @@ import { cn } from '../../lib/utils';
 import { Icon } from './Icon';
 import { Text } from './Text';
 
-const View = cssInterop(RNView, { className: 'style' });
-const Pressable = cssInterop(RNPressable, { className: 'style' });
+const View = cssInterop(RNView, {
+  className: 'style',
+}) as React.ComponentType<any>;
+const Pressable = cssInterop(RNPressable, {
+  className: 'style',
+}) as React.ComponentType<any>;
 
 /**
  * Configuration for an action item in the AppBar

package/src/components/ui/Avatar.tsx

@@ -1,13 +1,17 @@
 import * as React from 'react';
-import { Image, View } from 'react-native';
+import { Image as RNImage, View as RNView } from 'react-native';
 import { cssInterop } from 'nativewind';
 import { cn } from '../../lib/utils';
 import type { ViewRef, SlottableViewProps } from '@rn-primitives/types';
 import * as Slot from '@rn-primitives/slot';
 
-cssInterop(View, { className: 'style' });
+const View = cssInterop(RNView, {
+  className: 'style',
+}) as React.ComponentType<any>;
 cssInterop(Slot.View, { className: 'style' });
-cssInterop(Image, { className: 'style' });
+const Image = cssInterop(RNImage, {
+  className: 'style',
+}) as React.ComponentType<any>;
 
 /**
  * Avatar container component
@@ -57,8 +61,8 @@ Avatar.displayName = 'Avatar';
  * @property {string} [className] - Additional Tailwind classes
  */
 const AvatarImage = React.forwardRef<
-  React.ElementRef<typeof Image>,
-  React.ComponentPropsWithoutRef<typeof Image> & {
+  React.ElementRef<typeof RNImage>,
+  React.ComponentPropsWithoutRef<typeof RNImage> & {
     className?: string;
     alt?: string;
   }
@@ -66,7 +70,7 @@ const AvatarImage = React.forwardRef<
   return (
     <Image
       className={cn('aspect-square h-full w-full', className)}
-      ref={ref}
+      ref={ref as any}
       {...props}
     />
   );

package/src/components/ui/Bottom-Sheet.tsx

@@ -5,16 +5,24 @@ import React, {
   useMemo,
   useRef,
 } from 'react';
-import { StyleSheet, View, ViewStyle } from 'react-native';
+import { StyleSheet, View as RNView, ViewStyle } from 'react-native';
 import BottomSheetPrimitive, {
   BottomSheetBackdrop,
   BottomSheetBackdropProps,
-  BottomSheetView,
+  BottomSheetView as BSView,
 } from '@gorhom/bottom-sheet';
+import { cssInterop } from 'nativewind';
 import { cn } from '../../lib/utils';
 import { useTheme } from '../../lib/ThemeProvider';
 import { hslToRgb } from '../theme-config';
 
+const View = cssInterop(RNView, {
+  className: 'style',
+}) as React.ComponentType<any>;
+const BottomSheetView = cssInterop(BSView, {
+  className: 'style',
+}) as React.ComponentType<any>;
+
 type BottomSheetRef = {
   open: () => void;
   close: () => void;