@mbrain/epic-react-native-lib 0.0.6 → 0.0.8

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var Y=Object.create;var C=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var ee=Object.getOwnPropertyNames;var te=Object.getPrototypeOf,oe=Object.prototype.hasOwnProperty;var re=(e,t)=>{for(var r in t)C(e,r,{get:t[r],enumerable:!0})},v=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of ee(t))!oe.call(e,n)&&n!==r&&C(e,n,{get:()=>t[n],enumerable:!(o=Z(t,n))||o.enumerable});return e};var l=(e,t,r)=>(r=e!=null?Y(te(e)):{},v(t||!e||!e.__esModule?C(r,"default",{value:e,enumerable:!0}):r,e)),ne=e=>v(C({},"__esModule",{value:!0}),e);var ce={};re(ce,{Box1:()=>N,ScreenContent:()=>z,createLocalStorage:()=>E,useAndroidNavigationBar:()=>B,useLogRouteChange:()=>I,useOrientation:()=>O});module.exports=ne(ce);var g=l(require("react"),1),p=require("react-native");function N({style:e,children:t}){let[r,o]=(0,g.useState)(0);return g.default.createElement(p.View,{style:e},g.default.createElement(p.Text,{style:ae.text,onPress:()=>{o(n=>n+1)}},"Box1 ",r),t)}var ae=p.StyleSheet.create({text:{fontSize:20,padding:15,borderRadius:10,color:"#ffffff",backgroundColor:"#0a234a"}});var w=require("react"),y=l(require("expo-screen-orientation"),1);function O(){let[e,t]=(0,w.useState)({orientation:void 0,orientationLock:void 0});return(0,w.useEffect)(()=>{Promise.all([y.getOrientationAsync(),y.getOrientationLockAsync()]).then(([o,n])=>{t({orientation:o,orientationLock:n})});let r=y.addOrientationChangeListener(o=>{t({orientation:o.orientationInfo.orientation,orientationLock:o.orientationLock})});return()=>r.remove()},[]),e}var A=l(require("react"),1),x=require("react-native"),u=l(require("expo-navigation-bar"),1);function B(e){let t=(0,x.useColorScheme)();A.default.useEffect(()=>{if(x.Platform.OS!=="android")return;u.setStyle(t==="dark"?"dark":"light");let r=t==="dark"?e==null?void 0:e.dark:e==null?void 0:e.light;if(!r)return;(async()=>{let n=[];r.backgroundColor&&(u.setBackgroundColorAsync(r.backgroundColor),n.push(u.setBackgroundColorAsync(r.backgroundColor))),r.borderColor&&n.push(u.setBorderColorAsync(r.borderColor)),n.length&&await Promise.all(n)})()},[t,e==null?void 0:e.dark,e==null?void 0:e.light])}var T=require("react"),b=require("react-native-mmkv");function E({defaults:e,storage:t=(0,b.createMMKV)()}){let r=a=>{try{let i=t.getString(String(a));return i!==void 0?JSON.parse(i):e[a]}catch(i){return console.warn(i),e[a]}};return{useLocalStorage:a=>{let[i,d]=(0,T.useState)(()=>r(a));return(0,b.useMMKVListener)(h=>{String(a)===h&&d(r(a))},t),i},setLocalStorage:(a,i)=>{try{let d=JSON.stringify(i);t.set(String(a),d)}catch(d){console.warn(d)}},getLocalStorage:a=>r(a),removeLocalStorage:a=>{try{t.remove(String(a))}catch(i){console.warn(i)}},clearAllLocalStorage:()=>{try{t.clearAll()}catch(a){console.warn(a)}},storage:t}}var M=l(require("react"),1),F=require("expo-router"),H=l(require("lodash/isEmpty"),1);function I(){let e=(0,F.useNavigationContainerRef)();M.default.useEffect(()=>{if(__DEV__)return e.addListener("state",()=>{let r=e.getState(),o=D(r);o&&((0,H.default)(o.params)?console.log(`ROUTE CHANGED : ${o.name}`):console.log(`ROUTE CHANGED : ${o.name}`,o.params))})},[e])}function D(e){var t;if(!e)return null;if(e.routes&&e.routes.length>0){let r=(t=e.index)!=null?t:0,o=e.routes[r];if(!o)return null;if(o.state){let n=D(o.state);if(n)return n}return{name:o.name,params:o.params}}return null}var S=l(require("react"),1),m=require("react-native"),U=require("nativewind"),$=require("react-native-safe-area-context"),j=require("react-native-keyboard-controller");var f=l(require("react"),1),V=require("react-native"),K=require("@react-navigation/elements");function k(e){return(0,f.useMemo)(()=>e?typeof e=="function"?f.default.createElement(e,null):e:null,[e])}function _(e,t){let r=(0,K.useHeaderHeight)();return(0,f.useMemo)(()=>{let o=V.StyleSheet.flatten(e),n=o==null?void 0:o.padding,s=o==null?void 0:o.paddingTop,c=typeof s=="number"?s:typeof n=="number"?n:0;return t&&(c+=r),[J.flex,e,{paddingTop:c}]},[r,t,e])}function G(e,t){let r=(0,K.useHeaderHeight)();return(0,f.useMemo)(()=>{let o=V.StyleSheet.flatten(e),n=o==null?void 0:o.padding,s=o==null?void 0:o.paddingTop,c=typeof s=="number"?s:typeof n=="number"?n:0;return t&&(c+=r),[J.scrollContentStyle,e,{paddingTop:c}]},[e,r,t])}var J=V.StyleSheet.create({flex:{flex:1},scrollContentStyle:{flexGrow:1}});var ie=S.default.memo(function({scroll:t=!1,edges:r=[],headerTransparent:o=!1,scrollViewProps:n,scrollRef:s,style:c={},contentContainerStyle:P={},HeaderComponent:a,FooterComponent:i,BackgroundComponent:d,children:h}){let q=_(c,o),Q=G(P,o),W=k(a),X=k(i),L=k(d);return S.default.createElement(m.View,{style:R.flex},L&&S.default.createElement(m.View,{style:R.background},L),S.default.createElement($.SafeAreaView,{edges:r,style:R.flex},W,t&&S.default.createElement(j.KeyboardAwareScrollView,{ref:s,enabled:!0,scrollEnabled:!0,style:[R.flex,c],contentContainerStyle:Q,bottomOffset:40,disableScrollOnKeyboardHide:!0,keyboardShouldPersistTaps:"handled",showsVerticalScrollIndicator:!1,...n},h),!t&&S.default.createElement(m.View,{style:[{overflow:"hidden"},q]},h),X))}),R=m.StyleSheet.create({flex:{flex:1},background:{alignItems:"stretch",pointerEvents:"none",...m.StyleSheet.absoluteFill}}),z=(0,U.cssInterop)(ie,{className:"style",contentContainerClassName:"contentContainerStyle"});
+"use strict";var ie=Object.create;var k=Object.defineProperty;var se=Object.getOwnPropertyDescriptor;var ce=Object.getOwnPropertyNames;var le=Object.getPrototypeOf,de=Object.prototype.hasOwnProperty;var me=(e,t)=>{for(var r in t)k(e,r,{get:t[r],enumerable:!0})},A=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of ce(t))!de.call(e,n)&&n!==r&&k(e,n,{get:()=>t[n],enumerable:!(o=se(t,n))||o.enumerable});return e};var d=(e,t,r)=>(r=e!=null?ie(le(e)):{},A(t||!e||!e.__esModule?k(r,"default",{value:e,enumerable:!0}):r,e)),ue=e=>A(k({},"__esModule",{value:!0}),e);var fe={};me(fe,{Box1:()=>B,ScreenContent:()=>X,createLocalStorage:()=>$,useAndroidNavigationBar:()=>H,useLogRouteChange:()=>G,useOrientation:()=>E,useThemeNativewind4:()=>te});module.exports=ue(fe);var h=d(require("react"),1),S=require("react-native");function B({style:e,children:t}){let[r,o]=(0,h.useState)(0);return h.default.createElement(S.View,{style:e},h.default.createElement(S.Text,{style:pe.text,onPress:()=>{o(n=>n+1)}},"Box1 ",r),t)}var pe=S.StyleSheet.create({text:{fontSize:20,padding:15,borderRadius:10,color:"#ffffff",backgroundColor:"#0a234a"}});var x=require("react"),y=d(require("expo-screen-orientation"),1);function E(){let[e,t]=(0,x.useState)({orientation:void 0,orientationLock:void 0});return(0,x.useEffect)(()=>{Promise.all([y.getOrientationAsync(),y.getOrientationLockAsync()]).then(([o,n])=>{t({orientation:o,orientationLock:n})});let r=y.addOrientationChangeListener(o=>{t({orientation:o.orientationInfo.orientation,orientationLock:o.orientationLock})});return()=>r.remove()},[]),e}var M=d(require("react"),1),C=require("react-native"),m=d(require("expo-navigation-bar"),1);function H(e){let t=(0,C.useColorScheme)();M.default.useEffect(()=>{if(C.Platform.OS!=="android")return;m.setStyle(t==="dark"?"dark":"light");let r=t==="dark"?e==null?void 0:e.dark:e==null?void 0:e.light;if(!r)return;(async()=>{let n=[];r.backgroundColor&&(m.setBackgroundColorAsync(r.backgroundColor),n.push(m.setBackgroundColorAsync(r.backgroundColor))),r.borderColor&&n.push(m.setBorderColorAsync(r.borderColor)),n.length&&await Promise.all(n)})()},[t,e==null?void 0:e.dark,e==null?void 0:e.light])}var F=require("react"),b=require("react-native-mmkv");function $({defaults:e,storage:t=(0,b.createMMKV)()}){let r=a=>{try{let i=t.getString(String(a));return i!==void 0?JSON.parse(i):e[a]}catch(i){return console.warn(i),e[a]}};return{useLocalStorage:a=>{let[i,l]=(0,F.useState)(()=>r(a));return(0,b.useMMKVListener)(T=>{String(a)===T&&l(r(a))},t),i},setLocalStorage:(a,i)=>{try{let l=JSON.stringify(i);t.set(String(a),l)}catch(l){console.warn(l)}},getLocalStorage:a=>r(a),removeLocalStorage:a=>{try{t.remove(String(a))}catch(i){console.warn(i)}},clearAllLocalStorage:()=>{try{t.clearAll()}catch(a){console.warn(a)}},storage:t}}var j=d(require("react"),1),D=require("expo-router"),I=d(require("lodash/isEmpty"),1);function G(){let e=(0,D.useNavigationContainerRef)();j.default.useEffect(()=>{if(__DEV__)return e.addListener("state",()=>{let r=e.getState(),o=_(r);o&&((0,I.default)(o.params)?console.log(`ROUTE CHANGED : ${o.name}`):console.log(`ROUTE CHANGED : ${o.name}`,o.params))})},[e])}function _(e){var t;if(!e)return null;if(e.routes&&e.routes.length>0){let r=(t=e.index)!=null?t:0,o=e.routes[r];if(!o)return null;if(o.state){let n=_(o.state);if(n)return n}return{name:o.name,params:o.params}}return null}var u=d(require("react"),1),p=require("react-native"),W=require("nativewind"),q=require("react-native-safe-area-context"),Q=require("react-native-keyboard-controller");var g=d(require("react"),1),V=require("react-native"),P=require("@react-navigation/elements");function w(e){return(0,g.useMemo)(()=>e?typeof e=="function"?g.default.createElement(e,null):e:null,[e])}function J(e,t){let r=(0,P.useHeaderHeight)();return(0,g.useMemo)(()=>{let o=V.StyleSheet.flatten(e),n=o==null?void 0:o.padding,c=o==null?void 0:o.paddingTop,s=typeof c=="number"?c:typeof n=="number"?n:0;return t&&(s+=r),[z.flex,e,{paddingTop:s}]},[r,t,e])}function U(e,t){let r=(0,P.useHeaderHeight)();return(0,g.useMemo)(()=>{let o=V.StyleSheet.flatten(e),n=o==null?void 0:o.padding,c=o==null?void 0:o.paddingTop,s=typeof c=="number"?c:typeof n=="number"?n:0;return t&&(s+=r),[z.scrollContentStyle,e,{paddingTop:s}]},[e,r,t])}var z=V.StyleSheet.create({flex:{flex:1},scrollContentStyle:{flexGrow:1}});var Se=u.default.memo(function({scroll:t=!1,edges:r=[],headerTransparent:o=!1,scrollViewProps:n,scrollRef:c,style:s={},contentContainerStyle:f={},HeaderComponent:a,FooterComponent:i,BackgroundComponent:l,children:T}){let oe=J(s,o),re=U(f,o),ne=w(a),ae=w(i),O=w(l);return u.default.createElement(p.View,{style:R.flex},O&&u.default.createElement(p.View,{style:R.background},O),u.default.createElement(q.SafeAreaView,{edges:r,style:R.flex},ne,t&&u.default.createElement(Q.KeyboardAwareScrollView,{ref:c,enabled:!0,scrollEnabled:!0,style:[R.flex,s],contentContainerStyle:re,bottomOffset:40,disableScrollOnKeyboardHide:!0,keyboardShouldPersistTaps:"handled",showsVerticalScrollIndicator:!1,...n},T),!t&&u.default.createElement(p.View,{style:[{overflow:"hidden"},oe]},T),ae))}),R=p.StyleSheet.create({flex:{flex:1},background:{alignItems:"stretch",pointerEvents:"none",...p.StyleSheet.absoluteFill}}),X=(0,W.cssInterop)(Se,{className:"style",contentContainerClassName:"contentContainerStyle"});var L=d(require("react"),1),N=require("colord"),v=require("nativewind"),K=require("@react-navigation/native");function te({themeTokens:e,themeColors:t}){let{colorScheme:r,setColorScheme:o}=(0,v.useColorScheme)(),n=r==="light"?"light":"dark",{formattedColors:c,globalStyle:s,navTheme:f}=L.default.useMemo(()=>{let a={light:Y(t.light),dark:Y(t.dark)},i={light:ee("light",e,t),dark:ee("dark",e,t)},l={light:Z(K.DefaultTheme,a.light),dark:Z(K.DarkTheme,a.dark)};return{formattedColors:a,globalStyle:i,navTheme:l}},[t,e]);return L.default.useMemo(()=>({theme:{...e,colors:c[n]},navTheme:f[n],globalStyle:s[n],setColorScheme:o}),[c,s,f,n,o,e])}function ye(e){let t=e.includes(" ")&&!e.startsWith("hsl")?`hsl(${e})`:e;return(0,N.colord)(t).toHex()}function Y(e){return Object.fromEntries(Object.entries(e).map(([t,r])=>[t,ye(r)]))}function Z(e,t){return{...e,colors:{background:t.background,border:t.border,card:t.card,notification:t.destructive,primary:t.primary,text:t.foreground}}}function ge(e){let{h:t,s:r,l:o}=(0,N.colord)(e).toHsl();return`${t} ${r}% ${o}%`}function ee(e,t,r){return(0,v.vars)(Object.fromEntries([...Object.entries(t).map(([o,n])=>[`--${o}`,n]),...Object.entries(r[e]).map(([o,n])=>[`--${o}`,ge(n)])]))}

package/dist/index.mjs

@@ -1 +1 @@
-import x,{useState as A}from"react";import{View as B,Text as T,StyleSheet as E}from"react-native";function M({style:e,children:o}){let[r,t]=A(0);return x.createElement(B,{style:e},x.createElement(T,{style:F.text,onPress:()=>{t(n=>n+1)}},"Box1 ",r),o)}var F=E.create({text:{fontSize:20,padding:15,borderRadius:10,color:"#ffffff",backgroundColor:"#0a234a"}});import{useEffect as H,useState as I}from"react";import*as u from"expo-screen-orientation";function D(){let[e,o]=I({orientation:void 0,orientationLock:void 0});return H(()=>{Promise.all([u.getOrientationAsync(),u.getOrientationLockAsync()]).then(([t,n])=>{o({orientation:t,orientationLock:n})});let r=u.addOrientationChangeListener(t=>{o({orientation:t.orientationInfo.orientation,orientationLock:t.orientationLock})});return()=>r.remove()},[]),e}import _ from"react";import{Platform as G,useColorScheme as J}from"react-native";import*as d from"expo-navigation-bar";function U(e){let o=J();_.useEffect(()=>{if(G.OS!=="android")return;d.setStyle(o==="dark"?"dark":"light");let r=o==="dark"?e==null?void 0:e.dark:e==null?void 0:e.light;if(!r)return;(async()=>{let n=[];r.backgroundColor&&(d.setBackgroundColorAsync(r.backgroundColor),n.push(d.setBackgroundColorAsync(r.backgroundColor))),r.borderColor&&n.push(d.setBorderColorAsync(r.borderColor)),n.length&&await Promise.all(n)})()},[o,e==null?void 0:e.dark,e==null?void 0:e.light])}import{useState as $}from"react";import{createMMKV as j,useMMKVListener as z}from"react-native-mmkv";function q({defaults:e,storage:o=j()}){let r=a=>{try{let i=o.getString(String(a));return i!==void 0?JSON.parse(i):e[a]}catch(i){return console.warn(i),e[a]}};return{useLocalStorage:a=>{let[i,l]=$(()=>r(a));return z(m=>{String(a)===m&&l(r(a))},o),i},setLocalStorage:(a,i)=>{try{let l=JSON.stringify(i);o.set(String(a),l)}catch(l){console.warn(l)}},getLocalStorage:a=>r(a),removeLocalStorage:a=>{try{o.remove(String(a))}catch(i){console.warn(i)}},clearAllLocalStorage:()=>{try{o.clearAll()}catch(a){console.warn(a)}},storage:o}}import Q from"react";import{useNavigationContainerRef as W}from"expo-router";import X from"lodash/isEmpty";function Y(){let e=W();Q.useEffect(()=>{if(__DEV__)return e.addListener("state",()=>{let r=e.getState(),t=b(r);t&&(X(t.params)?console.log(`ROUTE CHANGED : ${t.name}`):console.log(`ROUTE CHANGED : ${t.name}`,t.params))})},[e])}function b(e){var o;if(!e)return null;if(e.routes&&e.routes.length>0){let r=(o=e.index)!=null?o:0,t=e.routes[r];if(!t)return null;if(t.state){let n=b(t.state);if(n)return n}return{name:t.name,params:t.params}}return null}import S from"react";import{StyleSheet as P,View as h}from"react-native";import{cssInterop as ee}from"nativewind";import{SafeAreaView as te}from"react-native-safe-area-context";import{KeyboardAwareScrollView as oe}from"react-native-keyboard-controller";import Z,{useMemo as f}from"react";import{StyleSheet as g}from"react-native";import{useHeaderHeight as V}from"@react-navigation/elements";function p(e){return f(()=>e?typeof e=="function"?Z.createElement(e,null):e:null,[e])}function k(e,o){let r=V();return f(()=>{let t=g.flatten(e),n=t==null?void 0:t.padding,s=t==null?void 0:t.paddingTop,c=typeof s=="number"?s:typeof n=="number"?n:0;return o&&(c+=r),[K.flex,e,{paddingTop:c}]},[r,o,e])}function R(e,o){let r=V();return f(()=>{let t=g.flatten(e),n=t==null?void 0:t.padding,s=t==null?void 0:t.paddingTop,c=typeof s=="number"?s:typeof n=="number"?n:0;return o&&(c+=r),[K.scrollContentStyle,e,{paddingTop:c}]},[e,r,o])}var K=g.create({flex:{flex:1},scrollContentStyle:{flexGrow:1}});var re=S.memo(function({scroll:o=!1,edges:r=[],headerTransparent:t=!1,scrollViewProps:n,scrollRef:s,style:c={},contentContainerStyle:C={},HeaderComponent:a,FooterComponent:i,BackgroundComponent:l,children:m}){let L=k(c,t),v=R(C,t),N=p(a),O=p(i),w=p(l);return S.createElement(h,{style:y.flex},w&&S.createElement(h,{style:y.background},w),S.createElement(te,{edges:r,style:y.flex},N,o&&S.createElement(oe,{ref:s,enabled:!0,scrollEnabled:!0,style:[y.flex,c],contentContainerStyle:v,bottomOffset:40,disableScrollOnKeyboardHide:!0,keyboardShouldPersistTaps:"handled",showsVerticalScrollIndicator:!1,...n},m),!o&&S.createElement(h,{style:[{overflow:"hidden"},L]},m),O))}),y=P.create({flex:{flex:1},background:{alignItems:"stretch",pointerEvents:"none",...P.absoluteFill}}),ne=ee(re,{className:"style",contentContainerClassName:"contentContainerStyle"});export{M as Box1,ne as ScreenContent,q as createLocalStorage,U as useAndroidNavigationBar,Y as useLogRouteChange,D as useOrientation};
+import x,{useState as H}from"react";import{View as F,Text as $,StyleSheet as j}from"react-native";function D({style:e,children:t}){let[r,o]=H(0);return x.createElement(F,{style:e},x.createElement($,{style:I.text,onPress:()=>{o(n=>n+1)}},"Box1 ",r),t)}var I=j.create({text:{fontSize:20,padding:15,borderRadius:10,color:"#ffffff",backgroundColor:"#0a234a"}});import{useEffect as G,useState as _}from"react";import*as m from"expo-screen-orientation";function J(){let[e,t]=_({orientation:void 0,orientationLock:void 0});return G(()=>{Promise.all([m.getOrientationAsync(),m.getOrientationLockAsync()]).then(([o,n])=>{t({orientation:o,orientationLock:n})});let r=m.addOrientationChangeListener(o=>{t({orientation:o.orientationInfo.orientation,orientationLock:o.orientationLock})});return()=>r.remove()},[]),e}import U from"react";import{Platform as z,useColorScheme as W}from"react-native";import*as d from"expo-navigation-bar";function q(e){let t=W();U.useEffect(()=>{if(z.OS!=="android")return;d.setStyle(t==="dark"?"dark":"light");let r=t==="dark"?e==null?void 0:e.dark:e==null?void 0:e.light;if(!r)return;(async()=>{let n=[];r.backgroundColor&&(d.setBackgroundColorAsync(r.backgroundColor),n.push(d.setBackgroundColorAsync(r.backgroundColor))),r.borderColor&&n.push(d.setBorderColorAsync(r.borderColor)),n.length&&await Promise.all(n)})()},[t,e==null?void 0:e.dark,e==null?void 0:e.light])}import{useState as Q}from"react";import{createMMKV as X,useMMKVListener as Y}from"react-native-mmkv";function Z({defaults:e,storage:t=X()}){let r=a=>{try{let i=t.getString(String(a));return i!==void 0?JSON.parse(i):e[a]}catch(i){return console.warn(i),e[a]}};return{useLocalStorage:a=>{let[i,l]=Q(()=>r(a));return Y(S=>{String(a)===S&&l(r(a))},t),i},setLocalStorage:(a,i)=>{try{let l=JSON.stringify(i);t.set(String(a),l)}catch(l){console.warn(l)}},getLocalStorage:a=>r(a),removeLocalStorage:a=>{try{t.remove(String(a))}catch(i){console.warn(i)}},clearAllLocalStorage:()=>{try{t.clearAll()}catch(a){console.warn(a)}},storage:t}}import ee from"react";import{useNavigationContainerRef as te}from"expo-router";import oe from"lodash/isEmpty";function re(){let e=te();ee.useEffect(()=>{if(__DEV__)return e.addListener("state",()=>{let r=e.getState(),o=C(r);o&&(oe(o.params)?console.log(`ROUTE CHANGED : ${o.name}`):console.log(`ROUTE CHANGED : ${o.name}`,o.params))})},[e])}function C(e){var t;if(!e)return null;if(e.routes&&e.routes.length>0){let r=(t=e.index)!=null?t:0,o=e.routes[r];if(!o)return null;if(o.state){let n=C(o.state);if(n)return n}return{name:o.name,params:o.params}}return null}import u from"react";import{StyleSheet as v,View as T}from"react-native";import{cssInterop as ae}from"nativewind";import{SafeAreaView as ie}from"react-native-safe-area-context";import{KeyboardAwareScrollView as se}from"react-native-keyboard-controller";import ne,{useMemo as f}from"react";import{StyleSheet as h}from"react-native";import{useHeaderHeight as b}from"@react-navigation/elements";function y(e){return f(()=>e?typeof e=="function"?ne.createElement(e,null):e:null,[e])}function V(e,t){let r=b();return f(()=>{let o=h.flatten(e),n=o==null?void 0:o.padding,c=o==null?void 0:o.paddingTop,s=typeof c=="number"?c:typeof n=="number"?n:0;return t&&(s+=r),[R.flex,e,{paddingTop:s}]},[r,t,e])}function w(e,t){let r=b();return f(()=>{let o=h.flatten(e),n=o==null?void 0:o.padding,c=o==null?void 0:o.paddingTop,s=typeof c=="number"?c:typeof n=="number"?n:0;return t&&(s+=r),[R.scrollContentStyle,e,{paddingTop:s}]},[e,r,t])}var R=h.create({flex:{flex:1},scrollContentStyle:{flexGrow:1}});var ce=u.memo(function({scroll:t=!1,edges:r=[],headerTransparent:o=!1,scrollViewProps:n,scrollRef:c,style:s={},contentContainerStyle:p={},HeaderComponent:a,FooterComponent:i,BackgroundComponent:l,children:S}){let A=V(s,o),B=w(p,o),E=y(a),M=y(i),k=y(l);return u.createElement(T,{style:g.flex},k&&u.createElement(T,{style:g.background},k),u.createElement(ie,{edges:r,style:g.flex},E,t&&u.createElement(se,{ref:c,enabled:!0,scrollEnabled:!0,style:[g.flex,s],contentContainerStyle:B,bottomOffset:40,disableScrollOnKeyboardHide:!0,keyboardShouldPersistTaps:"handled",showsVerticalScrollIndicator:!1,...n},S),!t&&u.createElement(T,{style:[{overflow:"hidden"},A]},S),M))}),g=v.create({flex:{flex:1},background:{alignItems:"stretch",pointerEvents:"none",...v.absoluteFill}}),le=ae(ce,{className:"style",contentContainerClassName:"contentContainerStyle"});import K from"react";import{colord as O}from"colord";import{useColorScheme as de,vars as me}from"nativewind";import{DarkTheme as ue,DefaultTheme as pe}from"@react-navigation/native";function Se({themeTokens:e,themeColors:t}){let{colorScheme:r,setColorScheme:o}=de(),n=r==="light"?"light":"dark",{formattedColors:c,globalStyle:s,navTheme:p}=K.useMemo(()=>{let a={light:P(t.light),dark:P(t.dark)},i={light:N("light",e,t),dark:N("dark",e,t)},l={light:L(pe,a.light),dark:L(ue,a.dark)};return{formattedColors:a,globalStyle:i,navTheme:l}},[t,e]);return K.useMemo(()=>({theme:{...e,colors:c[n]},navTheme:p[n],globalStyle:s[n],setColorScheme:o}),[c,s,p,n,o,e])}function ye(e){let t=e.includes(" ")&&!e.startsWith("hsl")?`hsl(${e})`:e;return O(t).toHex()}function P(e){return Object.fromEntries(Object.entries(e).map(([t,r])=>[t,ye(r)]))}function L(e,t){return{...e,colors:{background:t.background,border:t.border,card:t.card,notification:t.destructive,primary:t.primary,text:t.foreground}}}function ge(e){let{h:t,s:r,l:o}=O(e).toHsl();return`${t} ${r}% ${o}%`}function N(e,t,r){return me(Object.fromEntries([...Object.entries(t).map(([o,n])=>[`--${o}`,n]),...Object.entries(r[e]).map(([o,n])=>[`--${o}`,ge(n)])]))}export{D as Box1,le as ScreenContent,Z as createLocalStorage,q as useAndroidNavigationBar,re as useLogRouteChange,J as useOrientation,Se as useThemeNativewind4};

package/dist/types/index.d.ts

@@ -4,3 +4,4 @@ export { useAndroidNavigationBar } from './utils/android-navbar';
 export { createLocalStorage } from './storage/local-storage';
 export { useLogRouteChange } from './navigation/log-route';
 export { ScreenContent, type ScreenContentProps, } from './navigation/screen-content/ScreenContent';
+export { useThemeNativewind4 } from './nativewind/useTheme';

package/dist/types/nativewind/useTheme.d.ts

@@ -0,0 +1,60 @@
+import { vars } from 'nativewind';
+import { type Theme } from '@react-navigation/native';
+/**
+ * Add theming support, by using Nativewind 4.
+ *
+ * ## Add theming to project
+ *
+ * Add to root component.
+ *
+ * ```
+ * import { ThemeProvider } from '@react-navigation/native';
+ * import { useThemeNativewind4 } from '@mbrain/epic-react-native-lib';
+ *
+ * const { navTheme, globalStyle } = useThemeNativewind4({
+ *   themeColors,
+ *   themeTokens,
+ * });
+ *
+ * <ThemeProvider value={navTheme}>
+ *   <View className="flex-1" style={globalStyle}>
+ *     {children}
+ *   </View>
+ * </ThemeProvider>
+ * ```
+ *
+ * ## Use theme from anywhere
+ *
+ * ```
+ * const { theme } = useThemeNativewind4({ themeTokens, themeColors });
+ * const bgColor = colord(theme.colors['card']).alpha(0.6).toHex();
+ * ```
+ *
+ * ## Set Color Scheme
+ *
+ * ```
+ * setColorScheme('system');
+ * setColorScheme('light');
+ * setColorScheme('dark');
+ * ```
+ */
+export declare function useThemeNativewind4<TTokens extends ThemeTokens, TVariant extends Record<string, string> = Record<string, string>>({ themeTokens, themeColors, }: {
+    themeTokens: TTokens;
+    themeColors: ThemeColors<TVariant>;
+}): {
+    theme: ActiveTheme<TTokens, TVariant>;
+    navTheme: Theme;
+    globalStyle: ReturnType<typeof vars>;
+    setColorScheme: (value: 'light' | 'dark' | 'system') => void;
+};
+export type ThemeTokens = Record<string, string | number>;
+export type ThemeColors<TVariant extends Record<string, string> = Record<string, string>> = {
+    light: TVariant;
+    dark: TVariant;
+};
+type ActiveTheme<TTokens extends ThemeTokens, TVariant extends Record<string, string>> = TTokens & {
+    colors: {
+        [K in keyof TVariant]: string;
+    };
+};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mbrain/epic-react-native-lib",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "A set of helpful, battle-tested utilities that simplify common React Native workflows and speed up app development",
   "type": "module",
   "sideEffects": false,
@@ -34,15 +34,17 @@
     }
   },
   "dependencies": {
-    "@react-navigation/elements": "^2.9.1",
-    "expo-navigation-bar": "^5.0.10",
-    "expo-router": "^6.0.17",
-    "expo-screen-orientation": "^9.0.0",
-    "lodash": "^4.17.21",
-    "nativewind": "^4.2.1",
-    "react-native-keyboard-controller": "^1.20.1",
-    "react-native-mmkv": "^4.0.1",
-    "react-native-safe-area-context": "^5.6.2"
+    "@react-navigation/elements": "^2",
+    "@react-navigation/native": "^7",
+    "colord": "^2",
+    "expo-navigation-bar": "^5",
+    "expo-router": "^6",
+    "expo-screen-orientation": "^9",
+    "lodash": "^4",
+    "nativewind": "^4",
+    "react-native-keyboard-controller": "^1",
+    "react-native-mmkv": "^4",
+    "react-native-safe-area-context": "^5"
   },
   "peerDependencies": {
     "react": ">=18.0.0",