rechtspilot-ui 1.4.0 → 1.4.2

package/dist/index.native.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./chunks-native.cjs`);let t=require(`react`);t=e.Y(t,1);let n=require(`react-native`),r=require(`react/jsx-runtime`),i=require(`react-native-safe-area-context`);var a=({size:i=20,color:a=e.q.primary[600],style:o})=>{let s=t.default.useRef(new n.Animated.Value(0)).current;t.default.useEffect(()=>{let e=()=>{s.setValue(0),n.Animated.timing(s,{toValue:1,duration:1e3,easing:n.Easing.linear,useNativeDriver:!0}).start(()=>e())};e()},[s]);let c=s.interpolate({inputRange:[0,1],outputRange:[`0deg`,`360deg`]});return(0,r.jsx)(n.View,{style:[{width:i,height:i},o],children:(0,r.jsx)(n.Animated.View,{style:{width:i,height:i,borderRadius:i/2,borderWidth:2,borderColor:`transparent`,borderTopColor:a,transform:[{rotate:c}]}})})},o=t=>{let n={alignItems:`center`,borderRadius:12,borderWidth:1,flexDirection:`row`,height:48,justifyContent:`center`,paddingHorizontal:16},r={fontFamily:e.J.body.fontFamily,fontSize:15,fontWeight:`500`,textAlign:`center`};switch(t){case`primary`:return{container:{...n,backgroundColor:e.q.primary[500],borderColor:e.q.neutral[`800-A16`]},text:{...r,color:e.q.primary[900]}};case`secondary`:return{container:{...n,backgroundColor:e.q.primary[900],borderColor:e.q.neutral[`800-A16`]},text:{...r,color:e.q.white}};case`tertiary`:return{container:{...n,backgroundColor:e.q.neutral[`800-A04`],borderColor:e.q.neutral[`800-A08`]},text:{...r,color:e.q.primary[900]}};case`destructive`:return{container:{...n,backgroundColor:e.q.fg.accent.error,borderColor:e.q.fg.accent.error},text:{...r,color:e.q.white}};case`destructiveSubtle`:return{container:{...n,backgroundColor:e.q.cream,borderColor:e.q.palePeach},text:{...r,color:e.q.fg.accent.error}}}};function s({variant:t=`primary`,fullWidth:i=!1,children:s,loading:c=!1,disabled:l=!1,onPress:u,...d}){let f=o(t);return(0,r.jsxs)(n.TouchableOpacity,{style:n.StyleSheet.flatten([f.container,i&&{width:`100%`},(l||c)&&{opacity:.4}]),onPress:u,disabled:l||c,activeOpacity:.7,...d,children:[typeof s==`string`?(0,r.jsx)(n.Text,{style:f.text,children:s}):s,c&&(0,r.jsx)(a,{size:16,color:t===`secondary`?e.q.primary[600]:t===`destructiveSubtle`?e.q.fg.accent.error:e.q.white})]})}var c={sm:32,md:40,lg:48},l={base:{backgroundColor:e.q.sf.base},primary:{backgroundColor:e.q.primary[`600-A08`]},outline:{borderWidth:1,borderColor:e.q.sf.base}},u={base:{backgroundColor:e.q.neutral[`800-A08`]},primary:{backgroundColor:e.q.primary[50]},outline:{backgroundColor:e.q.sf.tertiaryHover}};function d({children:e,size:t=`md`,variant:i=`base`,disabled:a=!1,hitSlop:o=10,...s}){let d=c[t],f={width:d,height:d,borderRadius:d/2,alignItems:`center`,justifyContent:`center`};return(0,r.jsx)(n.Pressable,{accessibilityRole:`button`,...s,style:({pressed:e})=>[f,l[i],e&&u[i],a&&{opacity:.4}],disabled:a,hitSlop:o,children:e})}var f=n.StyleSheet.create({container:{marginBottom:8},fieldContainer:{height:49,paddingHorizontal:12,borderRadius:12,flexDirection:`row`,alignItems:`center`,backgroundColor:e.q.bg.secondary,borderWidth:2,borderColor:e.q.bg.tertiary},fieldContainerError:{borderColor:e.q.fg.accent.error},fieldContainerFocused:{borderColor:e.q.fg.base},fieldContainerFocusedError:{borderColor:e.q.fg.accent.error},formGroup:{position:`relative`,paddingVertical:14,width:`100%`,height:`100%`,justifyContent:`center`},input:{width:`100%`,paddingTop:4,backgroundColor:`transparent`,fontFamily:e.J.body.fontFamily,fontSize:15,fontWeight:`500`,color:e.q.primary[900],paddingBottom:0},label:{position:`absolute`,left:0,fontFamily:e.J.body.fontFamily,fontSize:15,fontWeight:`500`,color:e.q.fg.tertiary},currencyPrefix:{fontFamily:e.J.body.fontFamily,fontSize:15,fontWeight:`400`,color:e.q.fg.secondary,marginRight:4,alignSelf:`center`},labelFloating:{top:2,fontSize:12,color:e.q.fg.secondary},labelNormal:{top:`50%`,transform:[{translateY:-7.5}]},helper:{marginTop:4,fontSize:12,paddingHorizontal:4},helperError:{color:e.q.fg.accent.error},helperNormal:{color:e.q.fg.secondary}});function p({label:i,value:a=``,onChange:o,error:s,helperText:c,placeholder:l,secureTextEntry:u=!1,keyboardType:d,autoCapitalize:p=`sentences`,editable:m=!0,multiline:h=!1,numberOfLines:g=1,currency:_=!1,...v}){let[y,b]=(0,t.useState)(!1),x=a.length>0,S=y||x||_,C=[f.fieldContainer,s&&f.fieldContainerError,y&&!s&&f.fieldContainerFocused,y&&s&&f.fieldContainerFocusedError],w=[f.label,S?f.labelFloating:f.labelNormal],T=n.StyleSheet.flatten([f.input,h&&{height:g*20,textAlignVertical:`top`}]);return(0,r.jsxs)(n.View,{style:f.container,children:[(0,r.jsxs)(n.View,{style:C,children:[_&&(0,r.jsx)(n.Text,{style:f.currencyPrefix,children:`€`}),(0,r.jsxs)(n.View,{style:f.formGroup,children:[(0,r.jsx)(n.TextInput,{style:T,value:a,onChangeText:o,onFocus:()=>b(!0),onBlur:()=>b(!1),placeholder:S?l:``,placeholderTextColor:e.q.fg.tertiary,secureTextEntry:u,keyboardType:d??(_?`numeric`:`default`),autoCapitalize:p,editable:m,multiline:h,numberOfLines:g,...v}),(0,r.jsx)(n.Text,{style:w,children:i})]})]}),(s||c)&&(0,r.jsx)(n.Text,{style:[f.helper,s?f.helperError:f.helperNormal],children:s||c})]})}function m({label:i,value:a,onChange:o,options:s,error:c,disabled:l=!1}){let[u,d]=(0,t.useState)(!1);(0,t.useEffect)(()=>{s.length===1&&!a&&o(s[0].value)},[s,a]);let f=s.find(e=>e.value===a),p=c?e.q.fg.accent.error:u?e.q.fg.base:e.q.bg.tertiary;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(n.View,{style:h.container,children:[(0,r.jsxs)(n.Pressable,{style:[h.trigger,{borderColor:p},l&&h.triggerDisabled],onPress:()=>d(!0),disabled:l,accessibilityRole:`combobox`,accessibilityLabel:i,accessibilityState:{expanded:u,disabled:l},children:[(0,r.jsxs)(n.View,{style:h.triggerContent,children:[(0,r.jsx)(n.Text,{style:[h.labelText,f&&h.labelFloating],children:i}),f&&(0,r.jsx)(n.Text,{style:h.valueText,numberOfLines:1,children:f.text})]}),(0,r.jsx)(e.K,{direction:`down`,color:e.q.fg.secondary,size:`small`})]}),c&&(0,r.jsx)(n.Text,{style:h.errorText,children:c})]}),(0,r.jsx)(n.Modal,{visible:u,transparent:!0,animationType:`fade`,onRequestClose:()=>d(!1),children:(0,r.jsx)(n.Pressable,{style:h.backdrop,onPress:()=>d(!1),children:(0,r.jsxs)(n.View,{style:h.sheet,children:[(0,r.jsx)(n.View,{style:h.sheetHandle}),(0,r.jsx)(n.ScrollView,{bounces:!1,children:s.map(e=>{let t=e.value===a;return(0,r.jsx)(n.Pressable,{style:[h.option,t&&h.optionActive],onPress:()=>{o(e.value),d(!1)},accessibilityRole:`menuitem`,accessibilityState:{selected:t},children:(0,r.jsx)(n.Text,{style:[h.optionText,t&&h.optionTextActive],children:e.text})},e.value)})})]})})})]})}var h=n.StyleSheet.create({container:{marginBottom:8},trigger:{height:50,paddingHorizontal:12,borderRadius:12,flexDirection:`row`,alignItems:`center`,backgroundColor:e.q.bg.secondary,borderWidth:2},triggerDisabled:{opacity:.4},triggerContent:{flex:1,justifyContent:`center`},labelText:{fontFamily:e.J.body.fontFamily,fontSize:15,color:e.q.fg.tertiary},labelFloating:{fontSize:12,color:e.q.fg.secondary,marginBottom:2},valueText:{fontFamily:e.J.body.fontFamily,fontSize:15,fontWeight:`500`,color:e.q.primary[900]},errorText:{marginTop:4,fontSize:12,paddingHorizontal:4,color:e.q.fg.accent.error,fontFamily:e.J.body.fontFamily},backdrop:{flex:1,backgroundColor:`rgba(0,0,0,0.4)`,justifyContent:`flex-end`},sheet:{backgroundColor:e.q.bg.base,borderTopLeftRadius:16,borderTopRightRadius:16,paddingBottom:32,maxHeight:`70%`},sheetHandle:{width:36,height:4,borderRadius:2,backgroundColor:e.q.border.default,alignSelf:`center`,marginTop:8,marginBottom:8},option:{paddingVertical:16,paddingHorizontal:20,borderBottomWidth:1,borderBottomColor:e.q.border.default},optionActive:{backgroundColor:e.q.primary[50]},optionText:{fontFamily:e.J.body.fontFamily,fontSize:15,color:e.q.fg.base},optionTextActive:{color:e.q.primary[900],fontWeight:`500`}}),g={heading:20,title:16,label:13,body:15,caption:12};function _({variant:t=`body`,color:i,style:a,...o}){return(0,r.jsx)(n.Text,{style:[e.J[t],{fontSize:g[t]},i?{color:i}:void 0,a],...o})}function v({open:t,onClose:a,onGoBack:o,title:s,children:c,footer:l}){let u=(0,i.useSafeAreaInsets)();return(0,r.jsx)(n.Modal,{visible:t,animationType:`slide`,presentationStyle:`pageSheet`,onRequestClose:a,children:(0,r.jsx)(n.KeyboardAvoidingView,{style:y.flex,behavior:n.Platform.OS===`ios`?`padding`:void 0,children:(0,r.jsxs)(n.View,{style:[y.container,{paddingTop:Math.max(u.top,16)}],children:[(0,r.jsxs)(n.View,{style:y.header,children:[(0,r.jsx)(n.View,{style:y.headerSide,children:o&&(0,r.jsx)(d,{variant:`base`,size:`md`,accessibilityLabel:`Go back`,onPress:o,children:(0,r.jsx)(e.K,{color:e.q.fg.secondary,direction:`left`})})}),s?(0,r.jsx)(_,{variant:`heading`,style:y.headerTitle,children:s}):(0,r.jsx)(n.View,{style:y.flex}),(0,r.jsx)(n.View,{style:[y.headerSide,y.headerSideRight],children:(0,r.jsx)(d,{variant:`base`,size:`md`,accessibilityLabel:`Close`,onPress:a,children:(0,r.jsx)(e.G,{color:e.q.fg.secondary,size:`small`})})})]}),(0,r.jsx)(n.ScrollView,{style:y.flex,contentContainerStyle:y.body,children:c}),l&&(0,r.jsx)(n.View,{style:y.footer,children:l})]})})})}var y=n.StyleSheet.create({flex:{flex:1},container:{flex:1,backgroundColor:e.q.bg.base},header:{flexDirection:`row`,alignItems:`center`,paddingHorizontal:8,paddingBottom:8,minHeight:52},headerSide:{flex:1},headerSideRight:{alignItems:`flex-end`},headerTitle:{flex:2,textAlign:`center`},body:{paddingHorizontal:20,paddingBottom:20},footer:{paddingHorizontal:20,paddingVertical:24,borderTopWidth:1,borderTopColor:e.q.border.default}}),b=()=>{let[e,n]=(0,t.useState)(window.innerWidth<=768),r=(0,t.useRef)(window.innerWidth);return(0,t.useEffect)(()=>{let e=()=>{let e=window.innerWidth;e<=768&&r.current>768?n(!0):e>768&&r.current<=768&&n(!1),r.current=e};return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]),e},x=1,S=1e6,C=0;function w(){return C=(C+1)%(2**53-1),C.toString()}var T=new Map,E=e=>{if(T.has(e))return;let t=setTimeout(()=>{T.delete(e),A({type:`REMOVE_TOAST`,toastId:e})},S);T.set(e,t)},D=(e,t)=>{switch(t.type){case`ADD_TOAST`:return{...e,toasts:[t.toast,...e.toasts].slice(0,x)};case`UPDATE_TOAST`:return{...e,toasts:e.toasts.map(e=>e.id===t.toast.id?{...e,...t.toast}:e)};case`DISMISS_TOAST`:{let{toastId:n}=t;return n?E(n):e.toasts.forEach(e=>{E(e.id)}),{...e,toasts:e.toasts.map(e=>e.id===n||n===void 0?{...e,open:!1}:e)}}case`REMOVE_TOAST`:return t.toastId===void 0?{...e,toasts:[]}:{...e,toasts:e.toasts.filter(e=>e.id!==t.toastId)}}},O=[],k={toasts:[]};function A(e){k=D(k,e),O.forEach(e=>{e(k)})}function j({...e}){let t=w(),n=e=>A({type:`UPDATE_TOAST`,toast:{...e,id:t}}),r=()=>A({type:`DISMISS_TOAST`,toastId:t});return A({type:`ADD_TOAST`,toast:{...e,id:t,open:!0,onOpenChange:e=>{e||r()}}}),{id:t,dismiss:r,update:n}}function M(){let[e,n]=t.useState(k);return t.useEffect(()=>(O.push(n),()=>{let e=O.indexOf(n);e>-1&&O.splice(e,1)}),[e]),{...e,toast:j,dismiss:e=>A({type:`DISMISS_TOAST`,toastId:e})}}exports.Button=s,exports.IconButton=d,exports.Input=p,exports.Select=m,exports.Sheet=v,exports.Spinner=a,exports.Text=_,exports.colors=e.q,Object.defineProperty(exports,`icons`,{enumerable:!0,get:function(){return e.t}}),exports.typography=e.J,exports.useIsMobile=b,exports.useToast=M;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./chunks-native.cjs`);let t=require(`react`);t=e.Y(t,1);let n=require(`react-native`),r=require(`react-native-svg`),i=require(`react/jsx-runtime`),a=require(`react-native-safe-area-context`);function o({size:a=24,color:o=e.q.fg.primary,trackColor:s=e.q.neutral[`800-A08`],style:c}){let l=(0,t.useRef)(new n.Animated.Value(0)).current;(0,t.useEffect)(()=>{let e=n.Animated.loop(n.Animated.timing(l,{toValue:1,duration:1e3,easing:n.Easing.linear,useNativeDriver:!0}));return e.start(),()=>e.stop()},[l]);let u=l.interpolate({inputRange:[0,1],outputRange:[`0deg`,`360deg`]});return(0,i.jsx)(n.Animated.View,{style:[{width:a,height:a,transform:[{rotate:u}]},c],children:(0,i.jsxs)(r.Svg,{width:a,height:a,viewBox:`0 0 24 24`,fill:`none`,children:[(0,i.jsx)(r.Circle,{cx:`12`,cy:`12`,r:`8`,stroke:s,strokeWidth:3,fill:`none`}),(0,i.jsx)(r.Path,{d:`M12 4C16.4183 4 20 7.58172 20 12C20 14.1304 19.1672 16.0663 17.8095 17.5`,stroke:o,strokeWidth:3,strokeLinecap:`round`,fill:`none`})]})})}var s=t=>{let n={alignItems:`center`,borderRadius:12,borderWidth:1,flexDirection:`row`,height:48,justifyContent:`center`,paddingHorizontal:16},r={fontFamily:e.J.body.fontFamily,fontSize:15,fontWeight:`500`,textAlign:`center`};switch(t){case`primary`:return{container:{...n,backgroundColor:e.q.primary[500],borderColor:e.q.neutral[`800-A16`]},text:{...r,color:e.q.primary[900]}};case`secondary`:return{container:{...n,backgroundColor:e.q.primary[900],borderColor:e.q.neutral[`800-A16`]},text:{...r,color:e.q.white}};case`tertiary`:return{container:{...n,backgroundColor:e.q.neutral[`800-A04`],borderColor:e.q.neutral[`800-A08`]},text:{...r,color:e.q.primary[900]}};case`destructive`:return{container:{...n,backgroundColor:e.q.fg.accent.error,borderColor:e.q.fg.accent.error},text:{...r,color:e.q.white}};case`destructiveSubtle`:return{container:{...n,backgroundColor:e.q.cream,borderColor:e.q.palePeach},text:{...r,color:e.q.fg.accent.error}}}};function c({variant:t=`primary`,fullWidth:r=!1,children:a,loading:c=!1,disabled:l=!1,onPress:u,...d}){let f=s(t);return(0,i.jsxs)(n.TouchableOpacity,{style:n.StyleSheet.flatten([f.container,r&&{width:`100%`},(l||c)&&{opacity:.4}]),onPress:u,disabled:l||c,activeOpacity:.7,...d,children:[typeof a==`string`?(0,i.jsx)(n.Text,{style:f.text,children:a}):a,c&&(0,i.jsx)(o,{size:16,color:t===`secondary`?e.q.primary[600]:t===`destructiveSubtle`?e.q.fg.accent.error:e.q.white})]})}var l={sm:32,md:40,lg:48},u={base:{backgroundColor:e.q.sf.base},primary:{backgroundColor:e.q.primary[`600-A08`]},outline:{borderWidth:1,borderColor:e.q.sf.base}},d={base:{backgroundColor:e.q.neutral[`800-A08`]},primary:{backgroundColor:e.q.primary[50]},outline:{backgroundColor:e.q.sf.tertiaryHover}};function f({children:e,size:t=`md`,variant:r=`base`,disabled:a=!1,hitSlop:o=10,...s}){let c=l[t],f={width:c,height:c,borderRadius:c/2,alignItems:`center`,justifyContent:`center`};return(0,i.jsx)(n.Pressable,{accessibilityRole:`button`,...s,style:({pressed:e})=>[f,u[r],e&&d[r],a&&{opacity:.4}],disabled:a,hitSlop:o,children:e})}var p=n.StyleSheet.create({container:{marginBottom:8},fieldContainer:{height:49,paddingHorizontal:12,borderRadius:12,flexDirection:`row`,alignItems:`center`,backgroundColor:e.q.bg.secondary,borderWidth:2,borderColor:e.q.bg.tertiary},fieldContainerError:{borderColor:e.q.fg.accent.error},fieldContainerFocused:{borderColor:e.q.fg.base},fieldContainerFocusedError:{borderColor:e.q.fg.accent.error},formGroup:{position:`relative`,paddingVertical:14,width:`100%`,height:`100%`,justifyContent:`center`},input:{width:`100%`,paddingTop:4,backgroundColor:`transparent`,fontFamily:e.J.body.fontFamily,fontSize:15,fontWeight:`500`,color:e.q.primary[900],paddingBottom:0},label:{position:`absolute`,left:0,fontFamily:e.J.body.fontFamily,fontSize:15,fontWeight:`500`,color:e.q.fg.tertiary},currencyPrefix:{fontFamily:e.J.body.fontFamily,fontSize:15,fontWeight:`400`,color:e.q.fg.secondary,marginRight:4,alignSelf:`center`},labelFloating:{top:2,fontSize:12,color:e.q.fg.secondary},labelNormal:{top:`50%`,transform:[{translateY:-7.5}]},helper:{marginTop:4,fontSize:12,paddingHorizontal:4},helperError:{color:e.q.fg.accent.error},helperNormal:{color:e.q.fg.secondary}});function m({label:r,value:a=``,onChange:o,error:s,helperText:c,placeholder:l,secureTextEntry:u=!1,keyboardType:d,autoCapitalize:f=`sentences`,editable:m=!0,multiline:h=!1,numberOfLines:g=1,currency:_=!1,...v}){let[y,b]=(0,t.useState)(!1),x=a.length>0,S=y||x||_,C=[p.fieldContainer,s&&p.fieldContainerError,y&&!s&&p.fieldContainerFocused,y&&s&&p.fieldContainerFocusedError],w=[p.label,S?p.labelFloating:p.labelNormal],T=n.StyleSheet.flatten([p.input,h&&{height:g*20,textAlignVertical:`top`}]);return(0,i.jsxs)(n.View,{style:p.container,children:[(0,i.jsxs)(n.View,{style:C,children:[_&&(0,i.jsx)(n.Text,{style:p.currencyPrefix,children:`€`}),(0,i.jsxs)(n.View,{style:p.formGroup,children:[(0,i.jsx)(n.TextInput,{style:T,value:a,onChangeText:o,onFocus:()=>b(!0),onBlur:()=>b(!1),placeholder:S?l:``,placeholderTextColor:e.q.fg.tertiary,secureTextEntry:u,keyboardType:d??(_?`numeric`:`default`),autoCapitalize:f,editable:m,multiline:h,numberOfLines:g,...v}),(0,i.jsx)(n.Text,{style:w,children:r})]})]}),(s||c)&&(0,i.jsx)(n.Text,{style:[p.helper,s?p.helperError:p.helperNormal],children:s||c})]})}function h({label:r,value:a,onChange:o,options:s,error:c,disabled:l=!1}){let[u,d]=(0,t.useState)(!1);(0,t.useEffect)(()=>{s.length===1&&!a&&o(s[0].value)},[s,a]);let f=s.find(e=>e.value===a),p=c?e.q.fg.accent.error:u?e.q.fg.base:e.q.bg.tertiary;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(n.View,{style:g.container,children:[(0,i.jsxs)(n.Pressable,{style:[g.trigger,{borderColor:p},l&&g.triggerDisabled],onPress:()=>d(!0),disabled:l,accessibilityRole:`combobox`,accessibilityLabel:r,accessibilityState:{expanded:u,disabled:l},children:[(0,i.jsxs)(n.View,{style:g.triggerContent,children:[(0,i.jsx)(n.Text,{style:[g.labelText,f&&g.labelFloating],children:r}),f&&(0,i.jsx)(n.Text,{style:g.valueText,numberOfLines:1,children:f.text})]}),(0,i.jsx)(e.K,{direction:`down`,color:e.q.fg.secondary,size:`small`})]}),c&&(0,i.jsx)(n.Text,{style:g.errorText,children:c})]}),(0,i.jsx)(n.Modal,{visible:u,transparent:!0,animationType:`fade`,onRequestClose:()=>d(!1),children:(0,i.jsx)(n.Pressable,{style:g.backdrop,onPress:()=>d(!1),children:(0,i.jsxs)(n.View,{style:g.sheet,children:[(0,i.jsx)(n.View,{style:g.sheetHandle}),(0,i.jsx)(n.ScrollView,{bounces:!1,children:s.map(e=>{let t=e.value===a;return(0,i.jsx)(n.Pressable,{style:[g.option,t&&g.optionActive],onPress:()=>{o(e.value),d(!1)},accessibilityRole:`menuitem`,accessibilityState:{selected:t},children:(0,i.jsx)(n.Text,{style:[g.optionText,t&&g.optionTextActive],children:e.text})},e.value)})})]})})})]})}var g=n.StyleSheet.create({container:{marginBottom:8},trigger:{height:50,paddingHorizontal:12,borderRadius:12,flexDirection:`row`,alignItems:`center`,backgroundColor:e.q.bg.secondary,borderWidth:2},triggerDisabled:{opacity:.4},triggerContent:{flex:1,justifyContent:`center`},labelText:{fontFamily:e.J.body.fontFamily,fontSize:15,color:e.q.fg.tertiary},labelFloating:{fontSize:12,color:e.q.fg.secondary,marginBottom:2},valueText:{fontFamily:e.J.body.fontFamily,fontSize:15,fontWeight:`500`,color:e.q.primary[900]},errorText:{marginTop:4,fontSize:12,paddingHorizontal:4,color:e.q.fg.accent.error,fontFamily:e.J.body.fontFamily},backdrop:{flex:1,backgroundColor:`rgba(0,0,0,0.4)`,justifyContent:`flex-end`},sheet:{backgroundColor:e.q.bg.base,borderTopLeftRadius:16,borderTopRightRadius:16,paddingBottom:32,maxHeight:`70%`},sheetHandle:{width:36,height:4,borderRadius:2,backgroundColor:e.q.border.default,alignSelf:`center`,marginTop:8,marginBottom:8},option:{paddingVertical:16,paddingHorizontal:20,borderBottomWidth:1,borderBottomColor:e.q.border.default},optionActive:{backgroundColor:e.q.primary[50]},optionText:{fontFamily:e.J.body.fontFamily,fontSize:15,color:e.q.fg.base},optionTextActive:{color:e.q.primary[900],fontWeight:`500`}}),_={heading:20,title:16,label:13,body:15,caption:12};function v({variant:t=`body`,color:r,style:a,...o}){return(0,i.jsx)(n.Text,{style:[e.J[t],{fontSize:_[t]},r?{color:r}:void 0,a],...o})}function y({open:t,onClose:r,onGoBack:o,title:s,children:c,footer:l}){let u=(0,a.useSafeAreaInsets)();return(0,i.jsx)(n.Modal,{visible:t,animationType:`slide`,presentationStyle:`pageSheet`,onRequestClose:r,children:(0,i.jsx)(n.KeyboardAvoidingView,{style:b.flex,behavior:n.Platform.OS===`ios`?`padding`:void 0,children:(0,i.jsxs)(n.View,{style:[b.container,{paddingTop:Math.max(u.top,16)}],children:[(0,i.jsxs)(n.View,{style:b.header,children:[(0,i.jsx)(n.View,{style:b.headerSide,children:o&&(0,i.jsx)(f,{variant:`base`,size:`md`,accessibilityLabel:`Go back`,onPress:o,children:(0,i.jsx)(e.K,{color:e.q.fg.secondary,direction:`left`})})}),s?(0,i.jsx)(v,{variant:`heading`,style:b.headerTitle,children:s}):(0,i.jsx)(n.View,{style:b.flex}),(0,i.jsx)(n.View,{style:[b.headerSide,b.headerSideRight],children:(0,i.jsx)(f,{variant:`base`,size:`md`,accessibilityLabel:`Close`,onPress:r,children:(0,i.jsx)(e.G,{color:e.q.fg.secondary,size:`small`})})})]}),(0,i.jsx)(n.ScrollView,{style:b.flex,contentContainerStyle:b.body,children:c}),l&&(0,i.jsx)(n.View,{style:b.footer,children:l})]})})})}var b=n.StyleSheet.create({flex:{flex:1},container:{flex:1,backgroundColor:e.q.bg.base},header:{flexDirection:`row`,alignItems:`center`,paddingHorizontal:8,paddingBottom:8,minHeight:52},headerSide:{flex:1},headerSideRight:{alignItems:`flex-end`},headerTitle:{flex:2,textAlign:`center`},body:{paddingHorizontal:20,paddingBottom:20},footer:{paddingHorizontal:20,paddingVertical:24,borderTopWidth:1,borderTopColor:e.q.border.default}}),x=()=>{let[e,n]=(0,t.useState)(window.innerWidth<=768),r=(0,t.useRef)(window.innerWidth);return(0,t.useEffect)(()=>{let e=()=>{let e=window.innerWidth;e<=768&&r.current>768?n(!0):e>768&&r.current<=768&&n(!1),r.current=e};return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]),e},S=1,C=1e6,w=0;function T(){return w=(w+1)%(2**53-1),w.toString()}var E=new Map,D=e=>{if(E.has(e))return;let t=setTimeout(()=>{E.delete(e),j({type:`REMOVE_TOAST`,toastId:e})},C);E.set(e,t)},O=(e,t)=>{switch(t.type){case`ADD_TOAST`:return{...e,toasts:[t.toast,...e.toasts].slice(0,S)};case`UPDATE_TOAST`:return{...e,toasts:e.toasts.map(e=>e.id===t.toast.id?{...e,...t.toast}:e)};case`DISMISS_TOAST`:{let{toastId:n}=t;return n?D(n):e.toasts.forEach(e=>{D(e.id)}),{...e,toasts:e.toasts.map(e=>e.id===n||n===void 0?{...e,open:!1}:e)}}case`REMOVE_TOAST`:return t.toastId===void 0?{...e,toasts:[]}:{...e,toasts:e.toasts.filter(e=>e.id!==t.toastId)}}},k=[],A={toasts:[]};function j(e){A=O(A,e),k.forEach(e=>{e(A)})}function M({...e}){let t=T(),n=e=>j({type:`UPDATE_TOAST`,toast:{...e,id:t}}),r=()=>j({type:`DISMISS_TOAST`,toastId:t});return j({type:`ADD_TOAST`,toast:{...e,id:t,open:!0,onOpenChange:e=>{e||r()}}}),{id:t,dismiss:r,update:n}}function N(){let[e,n]=t.useState(A);return t.useEffect(()=>(k.push(n),()=>{let e=k.indexOf(n);e>-1&&k.splice(e,1)}),[e]),{...e,toast:M,dismiss:e=>j({type:`DISMISS_TOAST`,toastId:e})}}exports.Button=c,exports.IconButton=f,exports.Input=m,exports.Select=h,exports.Sheet=y,exports.Spinner=o,exports.Text=v,exports.colors=e.q,Object.defineProperty(exports,`icons`,{enumerable:!0,get:function(){return e.t}}),exports.typography=e.J,exports.useIsMobile=x,exports.useToast=N;

package/dist/index.native.es.js

@@ -1,43 +1,57 @@
 import { G as e, J as t, K as n, q as r, t as i } from "./chunks-native.js";
 import * as a from "react";
-import o, { useEffect as s, useRef as c, useState as l } from "react";
-import { Animated as u, Easing as d, KeyboardAvoidingView as f, Modal as p, Platform as m, Pressable as h, ScrollView as g, StyleSheet as _, Text as v, TextInput as y, TouchableOpacity as b, View as x } from "react-native";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { useSafeAreaInsets as T } from "react-native-safe-area-context";
+import { useEffect as o, useRef as s, useState as c } from "react";
+import { Animated as l, Easing as u, KeyboardAvoidingView as d, Modal as f, Platform as p, Pressable as m, ScrollView as h, StyleSheet as g, Text as _, TextInput as v, TouchableOpacity as y, View as b } from "react-native";
+import { Circle as x, Path as S, Svg as C } from "react-native-svg";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { useSafeAreaInsets as D } from "react-native-safe-area-context";
 //#region src/components/Spinner/Spinner.native.tsx
-var E = ({ size: e = 20, color: t = r.primary[600], style: n }) => {
-	let i = o.useRef(new u.Value(0)).current;
-	o.useEffect(() => {
-		let e = () => {
-			i.setValue(0), u.timing(i, {
-				toValue: 1,
-				duration: 1e3,
-				easing: d.linear,
-				useNativeDriver: !0
-			}).start(() => e());
-		};
-		e();
-	}, [i]);
-	let a = i.interpolate({
+function O({ size: e = 24, color: t = r.fg.primary, trackColor: n = r.neutral["800-A08"], style: i }) {
+	let a = s(new l.Value(0)).current;
+	o(() => {
+		let e = l.loop(l.timing(a, {
+			toValue: 1,
+			duration: 1e3,
+			easing: u.linear,
+			useNativeDriver: !0
+		}));
+		return e.start(), () => e.stop();
+	}, [a]);
+	let c = a.interpolate({
 		inputRange: [0, 1],
 		outputRange: ["0deg", "360deg"]
 	});
-	return /* @__PURE__ */ C(x, {
+	return /* @__PURE__ */ T(l.View, {
 		style: [{
 			width: e,
-			height: e
-		}, n],
-		children: /* @__PURE__ */ C(u.View, { style: {
+			height: e,
+			transform: [{ rotate: c }]
+		}, i],
+		children: /* @__PURE__ */ E(C, {
 			width: e,
 			height: e,
-			borderRadius: e / 2,
-			borderWidth: 2,
-			borderColor: "transparent",
-			borderTopColor: t,
-			transform: [{ rotate: a }]
-		} })
+			viewBox: "0 0 24 24",
+			fill: "none",
+			children: [/* @__PURE__ */ T(x, {
+				cx: "12",
+				cy: "12",
+				r: "8",
+				stroke: n,
+				strokeWidth: 3,
+				fill: "none"
+			}), /* @__PURE__ */ T(S, {
+				d: "M12 4C16.4183 4 20 7.58172 20 12C20 14.1304 19.1672 16.0663 17.8095 17.5",
+				stroke: t,
+				strokeWidth: 3,
+				strokeLinecap: "round",
+				fill: "none"
+			})]
+		})
 	});
-}, D = (e) => {
+}
+//#endregion
+//#region src/components/Button/Button.native.tsx
+var k = (e) => {
 	let n = {
 		alignItems: "center",
 		borderRadius: 12,
@@ -110,10 +124,10 @@ var E = ({ size: e = 20, color: t = r.primary[600], style: n }) => {
 		};
 	}
 };
-function O({ variant: e = "primary", fullWidth: t = !1, children: n, loading: i = !1, disabled: a = !1, onPress: o, ...s }) {
-	let c = D(e);
-	return /* @__PURE__ */ w(b, {
-		style: _.flatten([
+function A({ variant: e = "primary", fullWidth: t = !1, children: n, loading: i = !1, disabled: a = !1, onPress: o, ...s }) {
+	let c = k(e);
+	return /* @__PURE__ */ E(y, {
+		style: g.flatten([
 			c.container,
 			t && { width: "100%" },
 			(a || i) && { opacity: .4 }
@@ -122,10 +136,10 @@ function O({ variant: e = "primary", fullWidth: t = !1, children: n, loading: i
 		disabled: a || i,
 		activeOpacity: .7,
 		...s,
-		children: [typeof n == "string" ? /* @__PURE__ */ C(v, {
+		children: [typeof n == "string" ? /* @__PURE__ */ T(_, {
 			style: c.text,
 			children: n
-		}) : n, i && /* @__PURE__ */ C(E, {
+		}) : n, i && /* @__PURE__ */ T(O, {
 			size: 16,
 			color: e === "secondary" ? r.primary[600] : e === "destructiveSubtle" ? r.fg.accent.error : r.white
 		})]
@@ -133,37 +147,37 @@ function O({ variant: e = "primary", fullWidth: t = !1, children: n, loading: i
 }
 //#endregion
 //#region src/components/IconButton/IconButton.native.tsx
-var k = {
+var j = {
 	sm: 32,
 	md: 40,
 	lg: 48
-}, A = {
+}, M = {
 	base: { backgroundColor: r.sf.base },
 	primary: { backgroundColor: r.primary["600-A08"] },
 	outline: {
 		borderWidth: 1,
 		borderColor: r.sf.base
 	}
-}, j = {
+}, N = {
 	base: { backgroundColor: r.neutral["800-A08"] },
 	primary: { backgroundColor: r.primary[50] },
 	outline: { backgroundColor: r.sf.tertiaryHover }
 };
-function M({ children: e, size: t = "md", variant: n = "base", disabled: r = !1, hitSlop: i = 10, ...a }) {
-	let o = k[t], s = {
+function P({ children: e, size: t = "md", variant: n = "base", disabled: r = !1, hitSlop: i = 10, ...a }) {
+	let o = j[t], s = {
 		width: o,
 		height: o,
 		borderRadius: o / 2,
 		alignItems: "center",
 		justifyContent: "center"
 	};
-	return /* @__PURE__ */ C(h, {
+	return /* @__PURE__ */ T(m, {
 		accessibilityRole: "button",
 		...a,
 		style: ({ pressed: e }) => [
 			s,
-			A[n],
-			e && j[n],
+			M[n],
+			e && N[n],
 			r && { opacity: .4 }
 		],
 		disabled: r,
@@ -173,7 +187,7 @@ function M({ children: e, size: t = "md", variant: n = "base", disabled: r = !1,
 }
 //#endregion
 //#region src/components/Input/Input.native.tsx
-var N = _.create({
+var F = g.create({
 	container: { marginBottom: 8 },
 	fieldContainer: {
 		height: 49,
@@ -238,117 +252,117 @@ var N = _.create({
 	helperError: { color: r.fg.accent.error },
 	helperNormal: { color: r.fg.secondary }
 });
-function P({ label: e, value: t = "", onChange: n, error: i, helperText: a, placeholder: o, secureTextEntry: s = !1, keyboardType: c, autoCapitalize: u = "sentences", editable: d = !0, multiline: f = !1, numberOfLines: p = 1, currency: m = !1, ...h }) {
-	let [g, b] = l(!1), S = t.length > 0, T = g || S || m, E = [
-		N.fieldContainer,
-		i && N.fieldContainerError,
-		g && !i && N.fieldContainerFocused,
-		g && i && N.fieldContainerFocusedError
-	], D = [N.label, T ? N.labelFloating : N.labelNormal], O = _.flatten([N.input, f && {
+function I({ label: e, value: t = "", onChange: n, error: i, helperText: a, placeholder: o, secureTextEntry: s = !1, keyboardType: l, autoCapitalize: u = "sentences", editable: d = !0, multiline: f = !1, numberOfLines: p = 1, currency: m = !1, ...h }) {
+	let [y, x] = c(!1), S = t.length > 0, C = y || S || m, w = [
+		F.fieldContainer,
+		i && F.fieldContainerError,
+		y && !i && F.fieldContainerFocused,
+		y && i && F.fieldContainerFocusedError
+	], D = [F.label, C ? F.labelFloating : F.labelNormal], O = g.flatten([F.input, f && {
 		height: p * 20,
 		textAlignVertical: "top"
 	}]);
-	return /* @__PURE__ */ w(x, {
-		style: N.container,
-		children: [/* @__PURE__ */ w(x, {
-			style: E,
-			children: [m && /* @__PURE__ */ C(v, {
-				style: N.currencyPrefix,
+	return /* @__PURE__ */ E(b, {
+		style: F.container,
+		children: [/* @__PURE__ */ E(b, {
+			style: w,
+			children: [m && /* @__PURE__ */ T(_, {
+				style: F.currencyPrefix,
 				children: "€"
-			}), /* @__PURE__ */ w(x, {
-				style: N.formGroup,
-				children: [/* @__PURE__ */ C(y, {
+			}), /* @__PURE__ */ E(b, {
+				style: F.formGroup,
+				children: [/* @__PURE__ */ T(v, {
 					style: O,
 					value: t,
 					onChangeText: n,
-					onFocus: () => b(!0),
-					onBlur: () => b(!1),
-					placeholder: T ? o : "",
+					onFocus: () => x(!0),
+					onBlur: () => x(!1),
+					placeholder: C ? o : "",
 					placeholderTextColor: r.fg.tertiary,
 					secureTextEntry: s,
-					keyboardType: c ?? (m ? "numeric" : "default"),
+					keyboardType: l ?? (m ? "numeric" : "default"),
 					autoCapitalize: u,
 					editable: d,
 					multiline: f,
 					numberOfLines: p,
 					...h
-				}), /* @__PURE__ */ C(v, {
+				}), /* @__PURE__ */ T(_, {
 					style: D,
 					children: e
 				})]
 			})]
-		}), (i || a) && /* @__PURE__ */ C(v, {
-			style: [N.helper, i ? N.helperError : N.helperNormal],
+		}), (i || a) && /* @__PURE__ */ T(_, {
+			style: [F.helper, i ? F.helperError : F.helperNormal],
 			children: i || a
 		})]
 	});
 }
 //#endregion
 //#region src/components/Select/Select.native.tsx
-function F({ label: e, value: t, onChange: i, options: a, error: o, disabled: c = !1 }) {
-	let [u, d] = l(!1);
-	s(() => {
+function L({ label: e, value: t, onChange: i, options: a, error: s, disabled: l = !1 }) {
+	let [u, d] = c(!1);
+	o(() => {
 		a.length === 1 && !t && i(a[0].value);
 	}, [a, t]);
-	let f = a.find((e) => e.value === t), m = o ? r.fg.accent.error : u ? r.fg.base : r.bg.tertiary;
-	return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w(x, {
-		style: I.container,
-		children: [/* @__PURE__ */ w(h, {
+	let p = a.find((e) => e.value === t), g = s ? r.fg.accent.error : u ? r.fg.base : r.bg.tertiary;
+	return /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E(b, {
+		style: R.container,
+		children: [/* @__PURE__ */ E(m, {
 			style: [
-				I.trigger,
-				{ borderColor: m },
-				c && I.triggerDisabled
+				R.trigger,
+				{ borderColor: g },
+				l && R.triggerDisabled
 			],
 			onPress: () => d(!0),
-			disabled: c,
+			disabled: l,
 			accessibilityRole: "combobox",
 			accessibilityLabel: e,
 			accessibilityState: {
 				expanded: u,
-				disabled: c
+				disabled: l
 			},
-			children: [/* @__PURE__ */ w(x, {
-				style: I.triggerContent,
-				children: [/* @__PURE__ */ C(v, {
-					style: [I.labelText, f && I.labelFloating],
+			children: [/* @__PURE__ */ E(b, {
+				style: R.triggerContent,
+				children: [/* @__PURE__ */ T(_, {
+					style: [R.labelText, p && R.labelFloating],
 					children: e
-				}), f && /* @__PURE__ */ C(v, {
-					style: I.valueText,
+				}), p && /* @__PURE__ */ T(_, {
+					style: R.valueText,
 					numberOfLines: 1,
-					children: f.text
+					children: p.text
 				})]
-			}), /* @__PURE__ */ C(n, {
+			}), /* @__PURE__ */ T(n, {
 				direction: "down",
 				color: r.fg.secondary,
 				size: "small"
 			})]
-		}), o && /* @__PURE__ */ C(v, {
-			style: I.errorText,
-			children: o
+		}), s && /* @__PURE__ */ T(_, {
+			style: R.errorText,
+			children: s
 		})]
-	}), /* @__PURE__ */ C(p, {
+	}), /* @__PURE__ */ T(f, {
 		visible: u,
 		transparent: !0,
 		animationType: "fade",
 		onRequestClose: () => d(!1),
-		children: /* @__PURE__ */ C(h, {
-			style: I.backdrop,
+		children: /* @__PURE__ */ T(m, {
+			style: R.backdrop,
 			onPress: () => d(!1),
-			children: /* @__PURE__ */ w(x, {
-				style: I.sheet,
-				children: [/* @__PURE__ */ C(x, { style: I.sheetHandle }), /* @__PURE__ */ C(g, {
+			children: /* @__PURE__ */ E(b, {
+				style: R.sheet,
+				children: [/* @__PURE__ */ T(b, { style: R.sheetHandle }), /* @__PURE__ */ T(h, {
 					bounces: !1,
 					children: a.map((e) => {
 						let n = e.value === t;
-						return /* @__PURE__ */ C(h, {
-							style: [I.option, n && I.optionActive],
+						return /* @__PURE__ */ T(m, {
+							style: [R.option, n && R.optionActive],
 							onPress: () => {
 								i(e.value), d(!1);
 							},
 							accessibilityRole: "menuitem",
 							accessibilityState: { selected: n },
-							children: /* @__PURE__ */ C(v, {
-								style: [I.optionText, n && I.optionTextActive],
+							children: /* @__PURE__ */ T(_, {
+								style: [R.optionText, n && R.optionTextActive],
 								children: e.text
 							})
 						}, e.value);
@@ -358,7 +372,7 @@ function F({ label: e, value: t, onChange: i, options: a, error: o, disabled: c
 		})
 	})] });
 }
-var I = _.create({
+var R = g.create({
 	container: { marginBottom: 8 },
 	trigger: {
 		height: 50,
@@ -434,18 +448,18 @@ var I = _.create({
 		color: r.primary[900],
 		fontWeight: "500"
 	}
-}), L = {
+}), z = {
 	heading: 20,
 	title: 16,
 	label: 13,
 	body: 15,
 	caption: 12
 };
-function R({ variant: e = "body", color: n, style: r, ...i }) {
-	return /* @__PURE__ */ C(v, {
+function B({ variant: e = "body", color: n, style: r, ...i }) {
+	return /* @__PURE__ */ T(_, {
 		style: [
 			t[e],
-			{ fontSize: L[e] },
+			{ fontSize: z[e] },
 			n ? { color: n } : void 0,
 			r
 		],
@@ -454,48 +468,48 @@ function R({ variant: e = "body", color: n, style: r, ...i }) {
 }
 //#endregion
 //#region src/components/Sheet/Sheet.native.tsx
-function z({ open: t, onClose: i, onGoBack: a, title: o, children: s, footer: c }) {
-	let l = T();
-	return /* @__PURE__ */ C(p, {
+function V({ open: t, onClose: i, onGoBack: a, title: o, children: s, footer: c }) {
+	let l = D();
+	return /* @__PURE__ */ T(f, {
 		visible: t,
 		animationType: "slide",
 		presentationStyle: "pageSheet",
 		onRequestClose: i,
-		children: /* @__PURE__ */ C(f, {
-			style: B.flex,
-			behavior: m.OS === "ios" ? "padding" : void 0,
-			children: /* @__PURE__ */ w(x, {
-				style: [B.container, { paddingTop: Math.max(l.top, 16) }],
+		children: /* @__PURE__ */ T(d, {
+			style: H.flex,
+			behavior: p.OS === "ios" ? "padding" : void 0,
+			children: /* @__PURE__ */ E(b, {
+				style: [H.container, { paddingTop: Math.max(l.top, 16) }],
 				children: [
-					/* @__PURE__ */ w(x, {
-						style: B.header,
+					/* @__PURE__ */ E(b, {
+						style: H.header,
 						children: [
-							/* @__PURE__ */ C(x, {
-								style: B.headerSide,
-								children: a && /* @__PURE__ */ C(M, {
+							/* @__PURE__ */ T(b, {
+								style: H.headerSide,
+								children: a && /* @__PURE__ */ T(P, {
 									variant: "base",
 									size: "md",
 									accessibilityLabel: "Go back",
 									onPress: a,
-									children: /* @__PURE__ */ C(n, {
+									children: /* @__PURE__ */ T(n, {
 										color: r.fg.secondary,
 										direction: "left"
 									})
 								})
 							}),
-							o ? /* @__PURE__ */ C(R, {
+							o ? /* @__PURE__ */ T(B, {
 								variant: "heading",
-								style: B.headerTitle,
+								style: H.headerTitle,
 								children: o
-							}) : /* @__PURE__ */ C(x, { style: B.flex }),
-							/* @__PURE__ */ C(x, {
-								style: [B.headerSide, B.headerSideRight],
-								children: /* @__PURE__ */ C(M, {
+							}) : /* @__PURE__ */ T(b, { style: H.flex }),
+							/* @__PURE__ */ T(b, {
+								style: [H.headerSide, H.headerSideRight],
+								children: /* @__PURE__ */ T(P, {
 									variant: "base",
 									size: "md",
 									accessibilityLabel: "Close",
 									onPress: i,
-									children: /* @__PURE__ */ C(e, {
+									children: /* @__PURE__ */ T(e, {
 										color: r.fg.secondary,
 										size: "small"
 									})
@@ -503,13 +517,13 @@ function z({ open: t, onClose: i, onGoBack: a, title: o, children: s, footer: c
 							})
 						]
 					}),
-					/* @__PURE__ */ C(g, {
-						style: B.flex,
-						contentContainerStyle: B.body,
+					/* @__PURE__ */ T(h, {
+						style: H.flex,
+						contentContainerStyle: H.body,
 						children: s
 					}),
-					c && /* @__PURE__ */ C(x, {
-						style: B.footer,
+					c && /* @__PURE__ */ T(b, {
+						style: H.footer,
 						children: c
 					})
 				]
@@ -517,7 +531,7 @@ function z({ open: t, onClose: i, onGoBack: a, title: o, children: s, footer: c
 		})
 	});
 }
-var B = _.create({
+var H = g.create({
 	flex: { flex: 1 },
 	container: {
 		flex: 1,
@@ -546,33 +560,33 @@ var B = _.create({
 		borderTopWidth: 1,
 		borderTopColor: r.border.default
 	}
-}), V = () => {
-	let [e, t] = l(window.innerWidth <= 768), n = c(window.innerWidth);
-	return s(() => {
+}), U = () => {
+	let [e, t] = c(window.innerWidth <= 768), n = s(window.innerWidth);
+	return o(() => {
 		let e = () => {
 			let e = window.innerWidth;
 			e <= 768 && n.current > 768 ? t(!0) : e > 768 && n.current <= 768 && t(!1), n.current = e;
 		};
 		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []), e;
-}, H = 1, U = 1e6, W = 0;
-function G() {
-	return W = (W + 1) % (2 ** 53 - 1), W.toString();
+}, W = 1, G = 1e6, K = 0;
+function q() {
+	return K = (K + 1) % (2 ** 53 - 1), K.toString();
 }
-var K = /* @__PURE__ */ new Map(), q = (e) => {
-	if (K.has(e)) return;
+var J = /* @__PURE__ */ new Map(), Y = (e) => {
+	if (J.has(e)) return;
 	let t = setTimeout(() => {
-		K.delete(e), Z({
+		J.delete(e), $({
 			type: "REMOVE_TOAST",
 			toastId: e
 		});
-	}, U);
-	K.set(e, t);
-}, J = (e, t) => {
+	}, G);
+	J.set(e, t);
+}, X = (e, t) => {
 	switch (t.type) {
 		case "ADD_TOAST": return {
 			...e,
-			toasts: [t.toast, ...e.toasts].slice(0, H)
+			toasts: [t.toast, ...e.toasts].slice(0, W)
 		};
 		case "UPDATE_TOAST": return {
 			...e,
@@ -583,8 +597,8 @@ var K = /* @__PURE__ */ new Map(), q = (e) => {
 		};
 		case "DISMISS_TOAST": {
 			let { toastId: n } = t;
-			return n ? q(n) : e.toasts.forEach((e) => {
-				q(e.id);
+			return n ? Y(n) : e.toasts.forEach((e) => {
+				Y(e.id);
 			}), {
 				...e,
 				toasts: e.toasts.map((e) => e.id === n || n === void 0 ? {
@@ -601,24 +615,24 @@ var K = /* @__PURE__ */ new Map(), q = (e) => {
 			toasts: e.toasts.filter((e) => e.id !== t.toastId)
 		};
 	}
-}, Y = [], X = { toasts: [] };
-function Z(e) {
-	X = J(X, e), Y.forEach((e) => {
-		e(X);
+}, Z = [], Q = { toasts: [] };
+function $(e) {
+	Q = X(Q, e), Z.forEach((e) => {
+		e(Q);
 	});
 }
-function Q({ ...e }) {
-	let t = G(), n = (e) => Z({
+function ee({ ...e }) {
+	let t = q(), n = (e) => $({
 		type: "UPDATE_TOAST",
 		toast: {
 			...e,
 			id: t
 		}
-	}), r = () => Z({
+	}), r = () => $({
 		type: "DISMISS_TOAST",
 		toastId: t
 	});
-	return Z({
+	return $({
 		type: "ADD_TOAST",
 		toast: {
 			...e,
@@ -634,19 +648,19 @@ function Q({ ...e }) {
 		update: n
 	};
 }
-function $() {
-	let [e, t] = a.useState(X);
-	return a.useEffect(() => (Y.push(t), () => {
-		let e = Y.indexOf(t);
-		e > -1 && Y.splice(e, 1);
+function te() {
+	let [e, t] = a.useState(Q);
+	return a.useEffect(() => (Z.push(t), () => {
+		let e = Z.indexOf(t);
+		e > -1 && Z.splice(e, 1);
 	}), [e]), {
 		...e,
-		toast: Q,
-		dismiss: (e) => Z({
+		toast: ee,
+		dismiss: (e) => $({
 			type: "DISMISS_TOAST",
 			toastId: e
 		})
 	};
 }
 //#endregion
-export { O as Button, M as IconButton, P as Input, F as Select, z as Sheet, E as Spinner, R as Text, r as colors, i as icons, t as typography, V as useIsMobile, $ as useToast };
+export { A as Button, P as IconButton, I as Input, L as Select, V as Sheet, O as Spinner, B as Text, r as colors, i as icons, t as typography, U as useIsMobile, te as useToast };

package/dist/native/components/Spinner/Spinner.native.d.ts

@@ -1,9 +1,9 @@
-import { default as React } from 'react';
-import { ViewStyle } from 'react-native';
-interface SpinnerProps {
+import { StyleProp, ViewStyle } from 'react-native';
+type SpinnerProps = {
     size?: number;
     color?: string;
-    style?: ViewStyle;
-}
-declare const Spinner: React.FC<SpinnerProps>;
-export default Spinner;
+    trackColor?: string;
+    style?: StyleProp<ViewStyle>;
+};
+export default function Spinner({ size, color, trackColor, style, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export {};