rechtspilot-ui 1.2.6 → 1.3.0

package/dist/index.native.cjs

@@ -1,57 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./chunks-native.cjs`);let t=require(`react`);t=e.z(t,1);let n=require(`react-native`),r=require(`react/jsx-runtime`),i=require(`styled-components`);var a=({size:i=20,color:a=e.L.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={fontSize:15,fontWeight:`500`,textAlign:`center`};switch(t){case`primary`:return{container:{...n,backgroundColor:e.L.primary[500],borderColor:e.L.neutral[`800-A16`]},text:{...r,color:e.L.primary[900]}};case`secondary`:return{container:{...n,backgroundColor:e.L.primary[900],borderColor:e.L.neutral[`800-A16`]},text:{...r,color:e.L.white}};case`tertiary`:return{container:{...n,backgroundColor:e.L.neutral[`800-A04`],borderColor:e.L.neutral[`800-A08`]},text:{...r,color:e.L.primary[900]}};case`destructive`:return{container:{...n,backgroundColor:e.L.fg.accent.error,borderColor:e.L.fg.accent.error},text:{...r,color:e.L.white}};case`destructiveSubtle`:return{container:{...n,backgroundColor:e.L.cream,borderColor:e.L.palePeach},text:{...r,color:e.L.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.L.primary[600]:t===`destructiveSubtle`?e.L.fg.accent.error:e.L.white})]})}var c=n.StyleSheet.create({container:{marginBottom:8},fieldContainer:{height:49,paddingHorizontal:12,borderRadius:12,flexDirection:`row`,alignItems:`center`,backgroundColor:e.L.bg.secondary,borderWidth:2,borderColor:e.L.bg.tertiary},fieldContainerError:{borderColor:e.L.fg.accent.error},fieldContainerFocused:{borderColor:e.L.fg.base},fieldContainerFocusedError:{borderColor:e.L.fg.accent.error},formGroup:{position:`relative`,paddingVertical:14,width:`100%`,height:`100%`,justifyContent:`center`},input:{width:`100%`,paddingTop:4,backgroundColor:`transparent`,fontSize:15,fontWeight:`500`,color:e.L.primary[900],paddingBottom:0},label:{position:`absolute`,left:0,fontSize:15,fontWeight:`500`,color:e.L.fg.tertiary},labelFloating:{top:2,fontSize:12,color:e.L.fg.secondary},labelNormal:{top:`50%`,transform:[{translateY:-7.5}]},helper:{marginTop:4,fontSize:12,paddingHorizontal:4},helperError:{color:e.L.fg.accent.error},helperNormal:{color:e.L.fg.secondary}});function l({label:i,value:a=``,onChange:o,error:s,helperText:l,placeholder:u,secureTextEntry:d=!1,keyboardType:f=`default`,autoCapitalize:p=`sentences`,editable:m=!0,multiline:h=!1,numberOfLines:g=1,..._}){let[v,y]=(0,t.useState)(!1),b=a.length>0,x=v||b,S=[c.fieldContainer,s&&c.fieldContainerError,v&&!s&&c.fieldContainerFocused,v&&s&&c.fieldContainerFocusedError],C=[c.label,x?c.labelFloating:c.labelNormal],w=n.StyleSheet.flatten([c.input,h&&{height:g*20,textAlignVertical:`top`}]);return(0,r.jsxs)(n.View,{style:c.container,children:[(0,r.jsx)(n.View,{style:S,children:(0,r.jsxs)(n.View,{style:c.formGroup,children:[(0,r.jsx)(n.TextInput,{style:w,value:a,onChangeText:o,onFocus:()=>y(!0),onBlur:()=>y(!1),placeholder:x?u:``,placeholderTextColor:e.L.fg.tertiary,secureTextEntry:d,keyboardType:f,autoCapitalize:p,editable:m,multiline:h,numberOfLines:g,..._}),(0,r.jsx)(n.Text,{style:C,children:i})]})}),(s||l)&&(0,r.jsx)(n.Text,{style:[c.helper,s?c.helperError:c.helperNormal],children:s||l})]})}var u=i.keyframes`
-  0% {
-    transform: translateY(-150%);
-    opacity: 0;
-  }
-  25%,
-  50%,
-  75% {
-    transform: translateY(0);
-    opacity: 1;
-  }
-  100% {
-    transform: translateY(150%);
-    opacity: 0;
-  }
-`,d=i.styled.div`
-  display: inline-flex;
-  align-items: center;
-  justify-content: space-between;
-  width: ${({$size:e})=>e};
-  height: calc(${({$size:e})=>e} / 4);
-
-  span {
-    width: calc(${({$size:e})=>e} / 4);
-    height: calc(${({$size:e})=>e} / 4);
-    border-radius: 50%;
-    background-color: ${({$color:e})=>e};
-    animation: ${u} 1s infinite linear;
-  }
-
-  span:nth-child(1) {
-    animation-delay: 0s;
-  }
-  span:nth-child(2) {
-    animation-delay: 0.1s;
-  }
-  span:nth-child(3) {
-    animation-delay: 0.2s;
-  }
-`;function f({size:t=`4rem`,color:n=e.L.fg.primary}){return(0,r.jsxs)(d,{$size:t,$color:n,children:[(0,r.jsx)(`span`,{}),(0,r.jsx)(`span`,{}),(0,r.jsx)(`span`,{})]})}var p=i.styled.svg`
-  animation: spin 1s linear infinite;
-
-  @keyframes spin {
-    0% {
-      transform: rotate(0deg);
-    }
-
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-`;function m({variant:t=`primary`,dark:n}){return(0,r.jsxs)(p,{width:`24`,height:`24`,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,r.jsx)(`circle`,{cx:`12`,cy:`12`,r:`8`,stroke:n?e.L.neutral[`0-A8`]:e.L.neutral[`800-A8`],strokeOpacity:`0.08`,strokeWidth:`3`}),(0,r.jsx)(`path`,{d:`M12 4C16.4183 4 20 7.58172 20 12C20 14.1304 19.1672 16.0663 17.8095 17.5`,stroke:(()=>{switch(t){case`secondary`:return e.L.fg.secondary;case`error`:return e.L.fg.accent.error;default:return n?e.L.white:e.L.fg.primary}})(),strokeWidth:`3`,strokeLinecap:`round`})]})}var h=i.styled.div`
-  height: 0.063rem;
-  width: 100%;
-  background-color: ${e.L.border.default};
-  margin: 0.75rem 0;
-`;function g({...e}){return(0,r.jsx)(h,{...e})}var _=()=>{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},v=1,y=1e6,b=0;function x(){return b=(b+1)%(2**53-1),b.toString()}var S=new Map,C=e=>{if(S.has(e))return;let t=setTimeout(()=>{S.delete(e),D({type:`REMOVE_TOAST`,toastId:e})},y);S.set(e,t)},w=(e,t)=>{switch(t.type){case`ADD_TOAST`:return{...e,toasts:[t.toast,...e.toasts].slice(0,v)};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?C(n):e.toasts.forEach(e=>{C(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)}}},T=[],E={toasts:[]};function D(e){E=w(E,e),T.forEach(e=>{e(E)})}function O({...e}){let t=x(),n=e=>D({type:`UPDATE_TOAST`,toast:{...e,id:t}}),r=()=>D({type:`DISMISS_TOAST`,toastId:t});return D({type:`ADD_TOAST`,toast:{...e,id:t,open:!0,onOpenChange:e=>{e||r()}}}),{id:t,dismiss:r,update:n}}function k(){let[e,n]=t.useState(E);return t.useEffect(()=>(T.push(n),()=>{let e=T.indexOf(n);e>-1&&T.splice(e,1)}),[e]),{...e,toast:O,dismiss:e=>D({type:`DISMISS_TOAST`,toastId:e})}}exports.Button=s,exports.Divider=g,exports.Input=l,exports.Loading=f,exports.Spinner=m,exports.colors=e.L,Object.defineProperty(exports,`icons`,{enumerable:!0,get:function(){return e.t}}),exports.typography=e.R,exports.useIsMobile=_,exports.useToast=k;
+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`);var i=({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}]}})})},a=t=>{let n={alignItems:`center`,borderRadius:12,borderWidth:1,flexDirection:`row`,height:48,justifyContent:`center`,paddingHorizontal:16},r={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 o({variant:t=`primary`,fullWidth:o=!1,children:s,loading:c=!1,disabled:l=!1,onPress:u,...d}){let f=a(t);return(0,r.jsxs)(n.TouchableOpacity,{style:n.StyleSheet.flatten([f.container,o&&{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)(i,{size:16,color:t===`secondary`?e.q.primary[600]:t===`destructiveSubtle`?e.q.fg.accent.error:e.q.white})]})}var s=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`,fontSize:15,fontWeight:`500`,color:e.q.primary[900],paddingBottom:0},label:{position:`absolute`,left:0,fontSize:15,fontWeight:`500`,color:e.q.fg.tertiary},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 c({label:i,value:a=``,onChange:o,error:c,helperText:l,placeholder:u,secureTextEntry:d=!1,keyboardType:f=`default`,autoCapitalize:p=`sentences`,editable:m=!0,multiline:h=!1,numberOfLines:g=1,..._}){let[v,y]=(0,t.useState)(!1),b=a.length>0,x=v||b,S=[s.fieldContainer,c&&s.fieldContainerError,v&&!c&&s.fieldContainerFocused,v&&c&&s.fieldContainerFocusedError],C=[s.label,x?s.labelFloating:s.labelNormal],w=n.StyleSheet.flatten([s.input,h&&{height:g*20,textAlignVertical:`top`}]);return(0,r.jsxs)(n.View,{style:s.container,children:[(0,r.jsx)(n.View,{style:S,children:(0,r.jsxs)(n.View,{style:s.formGroup,children:[(0,r.jsx)(n.TextInput,{style:w,value:a,onChangeText:o,onFocus:()=>y(!0),onBlur:()=>y(!1),placeholder:x?u:``,placeholderTextColor:e.q.fg.tertiary,secureTextEntry:d,keyboardType:f,autoCapitalize:p,editable:m,multiline:h,numberOfLines:g,..._}),(0,r.jsx)(n.Text,{style:C,children:i})]})}),(c||l)&&(0,r.jsx)(n.Text,{style:[s.helper,c?s.helperError:s.helperNormal],children:c||l})]})}var l=()=>{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},u=1,d=1e6,f=0;function p(){return f=(f+1)%(2**53-1),f.toString()}var m=new Map,h=e=>{if(m.has(e))return;let t=setTimeout(()=>{m.delete(e),y({type:`REMOVE_TOAST`,toastId:e})},d);m.set(e,t)},g=(e,t)=>{switch(t.type){case`ADD_TOAST`:return{...e,toasts:[t.toast,...e.toasts].slice(0,u)};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?h(n):e.toasts.forEach(e=>{h(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)}}},_=[],v={toasts:[]};function y(e){v=g(v,e),_.forEach(e=>{e(v)})}function b({...e}){let t=p(),n=e=>y({type:`UPDATE_TOAST`,toast:{...e,id:t}}),r=()=>y({type:`DISMISS_TOAST`,toastId:t});return y({type:`ADD_TOAST`,toast:{...e,id:t,open:!0,onOpenChange:e=>{e||r()}}}),{id:t,dismiss:r,update:n}}function x(){let[e,n]=t.useState(v);return t.useEffect(()=>(_.push(n),()=>{let e=_.indexOf(n);e>-1&&_.splice(e,1)}),[e]),{...e,toast:b,dismiss:e=>y({type:`DISMISS_TOAST`,toastId:e})}}exports.Button=o,exports.Input=c,exports.Spinner=i,exports.colors=e.q,Object.defineProperty(exports,`icons`,{enumerable:!0,get:function(){return e.t}}),exports.typography=e.J,exports.useIsMobile=l,exports.useToast=x;

package/dist/index.native.es.js

@@ -1,11 +1,10 @@
-import { L as e, R as t, t as n } from "./chunks-native.js";
+import { J as e, q as t, t as n } from "./chunks-native.js";
 import * as r from "react";
 import i, { useEffect as a, useRef as o, useState as s } from "react";
 import { Animated as c, Easing as l, StyleSheet as u, Text as d, TextInput as f, TouchableOpacity as p, View as m } from "react-native";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { keyframes as _, styled as v } from "styled-components";
 //#region src/components/Spinner/Spinner.native.tsx
-var y = ({ size: t = 20, color: n = e.primary[600], style: r }) => {
+var _ = ({ size: e = 20, color: n = t.primary[600], style: r }) => {
 	let a = i.useRef(new c.Value(0)).current;
 	i.useEffect(() => {
 		let e = () => {
@@ -24,20 +23,20 @@ var y = ({ size: t = 20, color: n = e.primary[600], style: r }) => {
 	});
 	return /* @__PURE__ */ h(m, {
 		style: [{
-			width: t,
-			height: t
+			width: e,
+			height: e
 		}, r],
 		children: /* @__PURE__ */ h(c.View, { style: {
-			width: t,
-			height: t,
-			borderRadius: t / 2,
+			width: e,
+			height: e,
+			borderRadius: e / 2,
 			borderWidth: 2,
 			borderColor: "transparent",
 			borderTopColor: n,
 			transform: [{ rotate: o }]
 		} })
 	});
-}, b = (t) => {
+}, v = (e) => {
 	let n = {
 		alignItems: "center",
 		borderRadius: 12,
@@ -51,66 +50,66 @@ var y = ({ size: t = 20, color: n = e.primary[600], style: r }) => {
 		fontWeight: "500",
 		textAlign: "center"
 	};
-	switch (t) {
+	switch (e) {
 		case "primary": return {
 			container: {
 				...n,
-				backgroundColor: e.primary[500],
-				borderColor: e.neutral["800-A16"]
+				backgroundColor: t.primary[500],
+				borderColor: t.neutral["800-A16"]
 			},
 			text: {
 				...r,
-				color: e.primary[900]
+				color: t.primary[900]
 			}
 		};
 		case "secondary": return {
 			container: {
 				...n,
-				backgroundColor: e.primary[900],
-				borderColor: e.neutral["800-A16"]
+				backgroundColor: t.primary[900],
+				borderColor: t.neutral["800-A16"]
 			},
 			text: {
 				...r,
-				color: e.white
+				color: t.white
 			}
 		};
 		case "tertiary": return {
 			container: {
 				...n,
-				backgroundColor: e.neutral["800-A04"],
-				borderColor: e.neutral["800-A08"]
+				backgroundColor: t.neutral["800-A04"],
+				borderColor: t.neutral["800-A08"]
 			},
 			text: {
 				...r,
-				color: e.primary[900]
+				color: t.primary[900]
 			}
 		};
 		case "destructive": return {
 			container: {
 				...n,
-				backgroundColor: e.fg.accent.error,
-				borderColor: e.fg.accent.error
+				backgroundColor: t.fg.accent.error,
+				borderColor: t.fg.accent.error
 			},
 			text: {
 				...r,
-				color: e.white
+				color: t.white
 			}
 		};
 		case "destructiveSubtle": return {
 			container: {
 				...n,
-				backgroundColor: e.cream,
-				borderColor: e.palePeach
+				backgroundColor: t.cream,
+				borderColor: t.palePeach
 			},
 			text: {
 				...r,
-				color: e.fg.accent.error
+				color: t.fg.accent.error
 			}
 		};
 	}
 };
-function x({ variant: t = "primary", fullWidth: n = !1, children: r, loading: i = !1, disabled: a = !1, onPress: o, ...s }) {
-	let c = b(t);
+function y({ variant: e = "primary", fullWidth: n = !1, children: r, loading: i = !1, disabled: a = !1, onPress: o, ...s }) {
+	let c = v(e);
 	return /* @__PURE__ */ g(p, {
 		style: u.flatten([
 			c.container,
@@ -124,15 +123,15 @@ function x({ variant: t = "primary", fullWidth: n = !1, children: r, loading: i
 		children: [typeof r == "string" ? /* @__PURE__ */ h(d, {
 			style: c.text,
 			children: r
-		}) : r, i && /* @__PURE__ */ h(y, {
+		}) : r, i && /* @__PURE__ */ h(_, {
 			size: 16,
-			color: t === "secondary" ? e.primary[600] : t === "destructiveSubtle" ? e.fg.accent.error : e.white
+			color: e === "secondary" ? t.primary[600] : e === "destructiveSubtle" ? t.fg.accent.error : t.white
 		})]
 	});
 }
 //#endregion
 //#region src/components/Input/Input.native.tsx
-var S = u.create({
+var b = u.create({
 	container: { marginBottom: 8 },
 	fieldContainer: {
 		height: 49,
@@ -140,13 +139,13 @@ var S = u.create({
 		borderRadius: 12,
 		flexDirection: "row",
 		alignItems: "center",
-		backgroundColor: e.bg.secondary,
+		backgroundColor: t.bg.secondary,
 		borderWidth: 2,
-		borderColor: e.bg.tertiary
+		borderColor: t.bg.tertiary
 	},
-	fieldContainerError: { borderColor: e.fg.accent.error },
-	fieldContainerFocused: { borderColor: e.fg.base },
-	fieldContainerFocusedError: { borderColor: e.fg.accent.error },
+	fieldContainerError: { borderColor: t.fg.accent.error },
+	fieldContainerFocused: { borderColor: t.fg.base },
+	fieldContainerFocusedError: { borderColor: t.fg.accent.error },
 	formGroup: {
 		position: "relative",
 		paddingVertical: 14,
@@ -160,7 +159,7 @@ var S = u.create({
 		backgroundColor: "transparent",
 		fontSize: 15,
 		fontWeight: "500",
-		color: e.primary[900],
+		color: t.primary[900],
 		paddingBottom: 0
 	},
 	label: {
@@ -168,12 +167,12 @@ var S = u.create({
 		left: 0,
 		fontSize: 15,
 		fontWeight: "500",
-		color: e.fg.tertiary
+		color: t.fg.tertiary
 	},
 	labelFloating: {
 		top: 2,
 		fontSize: 12,
-		color: e.fg.secondary
+		color: t.fg.secondary
 	},
 	labelNormal: {
 		top: "50%",
@@ -184,25 +183,25 @@ var S = u.create({
 		fontSize: 12,
 		paddingHorizontal: 4
 	},
-	helperError: { color: e.fg.accent.error },
-	helperNormal: { color: e.fg.secondary }
+	helperError: { color: t.fg.accent.error },
+	helperNormal: { color: t.fg.secondary }
 });
-function C({ label: t, value: n = "", onChange: r, error: i, helperText: a, placeholder: o, secureTextEntry: c = !1, keyboardType: l = "default", autoCapitalize: p = "sentences", editable: _ = !0, multiline: v = !1, numberOfLines: y = 1, ...b }) {
-	let [x, C] = s(!1), w = n.length > 0, T = x || w, E = [
-		S.fieldContainer,
-		i && S.fieldContainerError,
-		x && !i && S.fieldContainerFocused,
-		x && i && S.fieldContainerFocusedError
-	], D = [S.label, T ? S.labelFloating : S.labelNormal], O = u.flatten([S.input, v && {
+function x({ label: e, value: n = "", onChange: r, error: i, helperText: a, placeholder: o, secureTextEntry: c = !1, keyboardType: l = "default", autoCapitalize: p = "sentences", editable: _ = !0, multiline: v = !1, numberOfLines: y = 1, ...x }) {
+	let [S, C] = s(!1), w = n.length > 0, T = S || w, E = [
+		b.fieldContainer,
+		i && b.fieldContainerError,
+		S && !i && b.fieldContainerFocused,
+		S && i && b.fieldContainerFocusedError
+	], D = [b.label, T ? b.labelFloating : b.labelNormal], O = u.flatten([b.input, v && {
 		height: y * 20,
 		textAlignVertical: "top"
 	}]);
 	return /* @__PURE__ */ g(m, {
-		style: S.container,
+		style: b.container,
 		children: [/* @__PURE__ */ h(m, {
 			style: E,
 			children: /* @__PURE__ */ g(m, {
-				style: S.formGroup,
+				style: b.formGroup,
 				children: [/* @__PURE__ */ h(f, {
 					style: O,
 					value: n,
@@ -210,135 +209,28 @@ function C({ label: t, value: n = "", onChange: r, error: i, helperText: a, plac
 					onFocus: () => C(!0),
 					onBlur: () => C(!1),
 					placeholder: T ? o : "",
-					placeholderTextColor: e.fg.tertiary,
+					placeholderTextColor: t.fg.tertiary,
 					secureTextEntry: c,
 					keyboardType: l,
 					autoCapitalize: p,
 					editable: _,
 					multiline: v,
 					numberOfLines: y,
-					...b
+					...x
 				}), /* @__PURE__ */ h(d, {
 					style: D,
-					children: t
+					children: e
 				})]
 			})
 		}), (i || a) && /* @__PURE__ */ h(d, {
-			style: [S.helper, i ? S.helperError : S.helperNormal],
+			style: [b.helper, i ? b.helperError : b.helperNormal],
 			children: i || a
 		})]
 	});
 }
 //#endregion
-//#region src/components/Loading/Loading.tsx
-var w = _`
-  0% {
-    transform: translateY(-150%);
-    opacity: 0;
-  }
-  25%,
-  50%,
-  75% {
-    transform: translateY(0);
-    opacity: 1;
-  }
-  100% {
-    transform: translateY(150%);
-    opacity: 0;
-  }
-`, T = v.div`
-  display: inline-flex;
-  align-items: center;
-  justify-content: space-between;
-  width: ${({ $size: e }) => e};
-  height: calc(${({ $size: e }) => e} / 4);
-
-  span {
-    width: calc(${({ $size: e }) => e} / 4);
-    height: calc(${({ $size: e }) => e} / 4);
-    border-radius: 50%;
-    background-color: ${({ $color: e }) => e};
-    animation: ${w} 1s infinite linear;
-  }
-
-  span:nth-child(1) {
-    animation-delay: 0s;
-  }
-  span:nth-child(2) {
-    animation-delay: 0.1s;
-  }
-  span:nth-child(3) {
-    animation-delay: 0.2s;
-  }
-`;
-function E({ size: t = "4rem", color: n = e.fg.primary }) {
-	return /* @__PURE__ */ g(T, {
-		$size: t,
-		$color: n,
-		children: [
-			/* @__PURE__ */ h("span", {}),
-			/* @__PURE__ */ h("span", {}),
-			/* @__PURE__ */ h("span", {})
-		]
-	});
-}
-//#endregion
-//#region src/components/Spinner/Spinner.tsx
-var D = v.svg`
-  animation: spin 1s linear infinite;
-
-  @keyframes spin {
-    0% {
-      transform: rotate(0deg);
-    }
-
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-`;
-function O({ variant: t = "primary", dark: n }) {
-	return /* @__PURE__ */ g(D, {
-		width: "24",
-		height: "24",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		xmlns: "http://www.w3.org/2000/svg",
-		children: [/* @__PURE__ */ h("circle", {
-			cx: "12",
-			cy: "12",
-			r: "8",
-			stroke: n ? e.neutral["0-A8"] : e.neutral["800-A8"],
-			strokeOpacity: "0.08",
-			strokeWidth: "3"
-		}), /* @__PURE__ */ h("path", {
-			d: "M12 4C16.4183 4 20 7.58172 20 12C20 14.1304 19.1672 16.0663 17.8095 17.5",
-			stroke: (() => {
-				switch (t) {
-					case "secondary": return e.fg.secondary;
-					case "error": return e.fg.accent.error;
-					default: return n ? e.white : e.fg.primary;
-				}
-			})(),
-			strokeWidth: "3",
-			strokeLinecap: "round"
-		})]
-	});
-}
-//#endregion
-//#region src/components/Divider/Divider.tsx
-var k = v.div`
-  height: 0.063rem;
-  width: 100%;
-  background-color: ${e.border.default};
-  margin: 0.75rem 0;
-`;
-function A({ ...e }) {
-	return /* @__PURE__ */ h(k, { ...e });
-}
-//#endregion
 //#region src/hooks/mobile.ts
-var j = () => {
+var S = () => {
 	let [e, t] = s(window.innerWidth <= 768), n = o(window.innerWidth);
 	return a(() => {
 		let e = () => {
@@ -347,24 +239,24 @@ var j = () => {
 		};
 		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []), e;
-}, M = 1, N = 1e6, P = 0;
-function F() {
-	return P = (P + 1) % (2 ** 53 - 1), P.toString();
+}, C = 1, w = 1e6, T = 0;
+function E() {
+	return T = (T + 1) % (2 ** 53 - 1), T.toString();
 }
-var I = /* @__PURE__ */ new Map(), L = (e) => {
-	if (I.has(e)) return;
+var D = /* @__PURE__ */ new Map(), O = (e) => {
+	if (D.has(e)) return;
 	let t = setTimeout(() => {
-		I.delete(e), V({
+		D.delete(e), M({
 			type: "REMOVE_TOAST",
 			toastId: e
 		});
-	}, N);
-	I.set(e, t);
-}, R = (e, t) => {
+	}, w);
+	D.set(e, t);
+}, k = (e, t) => {
 	switch (t.type) {
 		case "ADD_TOAST": return {
 			...e,
-			toasts: [t.toast, ...e.toasts].slice(0, M)
+			toasts: [t.toast, ...e.toasts].slice(0, C)
 		};
 		case "UPDATE_TOAST": return {
 			...e,
@@ -375,8 +267,8 @@ var I = /* @__PURE__ */ new Map(), L = (e) => {
 		};
 		case "DISMISS_TOAST": {
 			let { toastId: n } = t;
-			return n ? L(n) : e.toasts.forEach((e) => {
-				L(e.id);
+			return n ? O(n) : e.toasts.forEach((e) => {
+				O(e.id);
 			}), {
 				...e,
 				toasts: e.toasts.map((e) => e.id === n || n === void 0 ? {
@@ -393,24 +285,24 @@ var I = /* @__PURE__ */ new Map(), L = (e) => {
 			toasts: e.toasts.filter((e) => e.id !== t.toastId)
 		};
 	}
-}, z = [], B = { toasts: [] };
-function V(e) {
-	B = R(B, e), z.forEach((e) => {
-		e(B);
+}, A = [], j = { toasts: [] };
+function M(e) {
+	j = k(j, e), A.forEach((e) => {
+		e(j);
 	});
 }
-function H({ ...e }) {
-	let t = F(), n = (e) => V({
+function N({ ...e }) {
+	let t = E(), n = (e) => M({
 		type: "UPDATE_TOAST",
 		toast: {
 			...e,
 			id: t
 		}
-	}), r = () => V({
+	}), r = () => M({
 		type: "DISMISS_TOAST",
 		toastId: t
 	});
-	return V({
+	return M({
 		type: "ADD_TOAST",
 		toast: {
 			...e,
@@ -426,19 +318,19 @@ function H({ ...e }) {
 		update: n
 	};
 }
-function U() {
-	let [e, t] = r.useState(B);
-	return r.useEffect(() => (z.push(t), () => {
-		let e = z.indexOf(t);
-		e > -1 && z.splice(e, 1);
+function P() {
+	let [e, t] = r.useState(j);
+	return r.useEffect(() => (A.push(t), () => {
+		let e = A.indexOf(t);
+		e > -1 && A.splice(e, 1);
 	}), [e]), {
 		...e,
-		toast: H,
-		dismiss: (e) => V({
+		toast: N,
+		dismiss: (e) => M({
 			type: "DISMISS_TOAST",
 			toastId: e
 		})
 	};
 }
 //#endregion
-export { x as Button, A as Divider, C as Input, E as Loading, O as Spinner, e as colors, n as icons, t as typography, j as useIsMobile, U as useToast };
+export { y as Button, x as Input, _ as Spinner, t as colors, n as icons, e as typography, S as useIsMobile, P as useToast };

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

@@ -0,0 +1,19 @@
+type OptionItem = {
+    value: string;
+    label: string;
+};
+type Props = {
+    selectedValue: string;
+    setSelectedValue: (value: string) => void;
+    value: string;
+    onChange: (value: string) => void;
+    options: OptionItem[] | undefined;
+    isLoading: boolean;
+    isError: boolean;
+    label: string;
+    errorText?: string;
+    emptyText?: string;
+    allowCustomValue?: boolean;
+};
+export default function Autocomplete({ selectedValue, setSelectedValue, value, onChange, options, isLoading, isError, label, errorText, emptyText, allowCustomValue, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'destructive' | 'destructiveSubtle';
+export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: ButtonVariant;
+    fullWidth?: boolean;
+    size?: 'medium' | 'large';
+    loading?: boolean;
+    children?: React.ReactNode;
+};
+export default function Button({ variant, fullWidth, size, children, loading, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'destructive' | 'destructiveSubtle';
+export type ButtonProps = {
+    variant?: ButtonVariant;
+    fullWidth?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    onPress?: () => void;
+};
+export default function Button({ variant, fullWidth, children, loading, disabled, onPress, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+export type DatePickerProps = {
+    label: string;
+    value?: string;
+    onChange: (e: string) => void;
+    error?: string;
+    helperText?: string;
+    time?: boolean;
+};
+export default function DatePicker({ label, value, onChange, error, helperText, time, ...props }: DatePickerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+type DialogProps = {
+    open?: boolean;
+    toggleDialog?: () => void;
+    children?: React.ReactNode;
+};
+export default function Dialog({ open, toggleDialog, children, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/native/components/Dialog/DialogContent.d.ts

@@ -0,0 +1,10 @@
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+type DialogContentProps = {
+    children?: React.ReactNode;
+    width?: string;
+    height?: string;
+    background?: string;
+    fullScreen?: boolean;
+};
+declare const DialogContent: import('react').ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & DialogContentProps & import('react').RefAttributes<HTMLDivElement>>;
+export default DialogContent;

package/dist/native/components/Dialog/DialogDetails.d.ts

@@ -0,0 +1,5 @@
+type DialogDetailsProps = {
+    children: React.ReactNode;
+};
+export default function DialogDetails({ children, ...props }: DialogDetailsProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/native/components/Dialog/DialogHeader.d.ts

@@ -0,0 +1,7 @@
+type DialogHeaderProps = {
+    onGoBack?: () => void;
+    onClose?: () => void;
+    title?: string;
+};
+export default function DialogHeader({ onGoBack, onClose, title, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/native/components/Dialog/variants/DialogAlert.d.ts

@@ -0,0 +1,14 @@
+type DialogAlertProps = {
+    title: string;
+    description?: string;
+    closeLabel: string;
+    onClose: () => void;
+    loading?: boolean;
+    confirm?: {
+        label: string;
+        onConfirm: () => void;
+        destructive?: boolean;
+    };
+};
+declare const DialogAlert: import('react').ForwardRefExoticComponent<DialogAlertProps & import('react').RefAttributes<HTMLDivElement>>;
+export default DialogAlert;

package/dist/native/components/Dialog/variants/DialogSuccess.d.ts

@@ -0,0 +1,7 @@
+type DialogSuccessProps = {
+    description: string;
+    actionLabel: string;
+    onAction: () => void;
+};
+declare const DialogSuccess: import('react').ForwardRefExoticComponent<DialogSuccessProps & import('react').RefAttributes<HTMLDivElement>>;
+export default DialogSuccess;

package/dist/native/components/Dialog/variants/PilotWink.d.ts

@@ -0,0 +1 @@
+export default function PilotWink(): import("react/jsx-runtime").JSX.Element;