rechtspilot-ui 1.2.0 → 1.2.2

package/dist/index.native.cjs

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

package/dist/index.native.es.js

@@ -1,45 +1,44 @@
-import { createRequire as e } from "node:module";
-e(import.meta.url);
-import { L as t, R as n, t as r, z 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, StyleSheet as f, Text as p, TextInput as m, TouchableOpacity as h, View as g } from "react-native";
+import { L as e, R 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 { styled as _ } from "styled-components";
 //#region src/components/Spinner/Spinner.native.tsx
-var v = t(), y = ({ size: e = 20, color: t = n.primary[600], style: r }) => {
-	let i = o.useRef(new u.Value(0)).current;
-	o.useEffect(() => {
+var v = ({ size: t = 20, color: n = e.primary[600], style: r }) => {
+	let a = i.useRef(new c.Value(0)).current;
+	i.useEffect(() => {
 		let e = () => {
-			i.setValue(0), u.timing(i, {
+			a.setValue(0), c.timing(a, {
 				toValue: 1,
 				duration: 1e3,
-				easing: d.linear,
+				easing: l.linear,
 				useNativeDriver: !0
 			}).start(() => e());
 		};
 		e();
-	}, [i]);
-	let a = i.interpolate({
+	}, [a]);
+	let o = a.interpolate({
 		inputRange: [0, 1],
 		outputRange: ["0deg", "360deg"]
 	});
-	return /* @__PURE__ */ (0, v.jsx)(g, {
+	return /* @__PURE__ */ h(m, {
 		style: [{
-			width: e,
-			height: e
+			width: t,
+			height: t
 		}, r],
-		children: /* @__PURE__ */ (0, v.jsx)(u.View, { style: {
-			width: e,
-			height: e,
-			borderRadius: e / 2,
+		children: /* @__PURE__ */ h(c.View, { style: {
+			width: t,
+			height: t,
+			borderRadius: t / 2,
 			borderWidth: 2,
 			borderColor: "transparent",
-			borderTopColor: t,
-			transform: [{ rotate: a }]
+			borderTopColor: n,
+			transform: [{ rotate: o }]
 		} })
 	});
-}, b = (e) => {
-	let t = {
+}, y = (t) => {
+	let n = {
 		alignItems: "center",
 		borderRadius: 12,
 		borderWidth: 1,
@@ -52,77 +51,88 @@ var v = t(), y = ({ size: e = 20, color: t = n.primary[600], style: r }) => {
 		fontWeight: "500",
 		textAlign: "center"
 	};
-	switch (e) {
+	switch (t) {
 		case "primary": return {
 			container: {
-				...t,
-				backgroundColor: n.primary[500],
-				borderColor: n.neutral["800-A16"]
+				...n,
+				backgroundColor: e.primary[500],
+				borderColor: e.neutral["800-A16"]
 			},
 			text: {
 				...r,
-				color: n.primary[900]
+				color: e.primary[900]
 			}
 		};
 		case "secondary": return {
 			container: {
-				...t,
-				backgroundColor: n.primary[900],
-				borderColor: n.neutral["800-A16"]
+				...n,
+				backgroundColor: e.primary[900],
+				borderColor: e.neutral["800-A16"]
 			},
 			text: {
 				...r,
-				color: n.white
+				color: e.white
 			}
 		};
 		case "tertiary": return {
 			container: {
-				...t,
-				backgroundColor: n.neutral["800-A04"],
-				borderColor: n.neutral["800-A08"]
+				...n,
+				backgroundColor: e.neutral["800-A04"],
+				borderColor: e.neutral["800-A08"]
 			},
 			text: {
 				...r,
-				color: n.primary[900]
+				color: e.primary[900]
 			}
 		};
 		case "destructive": return {
 			container: {
-				...t,
-				backgroundColor: n.cream,
-				borderColor: n.palePeach
+				...n,
+				backgroundColor: e.fg.accent.error,
+				borderColor: e.fg.accent.error
 			},
 			text: {
 				...r,
-				color: n.fg.accent.error
+				color: e.white
+			}
+		};
+		case "destructiveSubtle": return {
+			container: {
+				...n,
+				backgroundColor: e.cream,
+				borderColor: e.palePeach
+			},
+			text: {
+				...r,
+				color: e.fg.accent.error
 			}
 		};
 	}
 };
-function x({ variant: e = "primary", fullWidth: t = !1, children: r, loading: i = !1, disabled: a = !1, onPress: o, ...s }) {
-	let c = b(e);
-	return /* @__PURE__ */ (0, v.jsxs)(h, {
-		style: f.flatten([
+function b({ variant: t = "primary", fullWidth: n = !1, children: r, loading: i = !1, disabled: a = !1, onPress: o, ...s }) {
+	let c = y(t);
+	return /* @__PURE__ */ g(p, {
+		style: u.flatten([
 			c.container,
-			t && { width: "100%" },
+			n && { width: "100%" },
 			(a || i) && { opacity: .4 }
 		]),
 		onPress: o,
 		disabled: a || i,
 		activeOpacity: .7,
 		...s,
-		children: [typeof r == "string" ? /* @__PURE__ */ (0, v.jsx)(p, {
+		children: [typeof r == "string" ? /* @__PURE__ */ h(d, {
 			style: c.text,
 			children: r
-		}) : r, i && /* @__PURE__ */ (0, v.jsx)(y, {
+		}) : r, i && /* @__PURE__ */ h(v, {
 			size: 16,
-			color: e === "secondary" ? n.primary[600] : n.white
+			color: t === "secondary" ? e.primary[600] : t === "destructiveSubtle" ? e.fg.accent.error : e.white
 		})]
 	});
 }
 //#endregion
 //#region src/components/Input/Input.native.tsx
-var S = f.create({
+var x = u.create({
 	container: { marginBottom: 8 },
 	fieldContainer: {
 		height: 49,
@@ -130,13 +140,13 @@ var S = f.create({
 		borderRadius: 12,
 		flexDirection: "row",
 		alignItems: "center",
-		backgroundColor: n.bg.secondary,
+		backgroundColor: e.bg.secondary,
 		borderWidth: 2,
-		borderColor: n.bg.tertiary
+		borderColor: e.bg.tertiary
 	},
-	fieldContainerError: { borderColor: n.fg.accent.error },
-	fieldContainerFocused: { borderColor: n.fg.base },
-	fieldContainerFocusedError: { borderColor: n.fg.accent.error },
+	fieldContainerError: { borderColor: e.fg.accent.error },
+	fieldContainerFocused: { borderColor: e.fg.base },
+	fieldContainerFocusedError: { borderColor: e.fg.accent.error },
 	formGroup: {
 		position: "relative",
 		paddingVertical: 14,
@@ -150,7 +160,7 @@ var S = f.create({
 		backgroundColor: "transparent",
 		fontSize: 15,
 		fontWeight: "500",
-		color: n.primary[900],
+		color: e.primary[900],
 		paddingBottom: 0
 	},
 	label: {
@@ -158,12 +168,12 @@ var S = f.create({
 		left: 0,
 		fontSize: 15,
 		fontWeight: "500",
-		color: n.fg.tertiary
+		color: e.fg.tertiary
 	},
 	labelFloating: {
 		top: 2,
 		fontSize: 12,
-		color: n.fg.secondary
+		color: e.fg.secondary
 	},
 	labelNormal: {
 		top: "50%",
@@ -174,54 +184,54 @@ var S = f.create({
 		fontSize: 12,
 		paddingHorizontal: 4
 	},
-	helperError: { color: n.fg.accent.error },
-	helperNormal: { color: n.fg.secondary }
+	helperError: { color: e.fg.accent.error },
+	helperNormal: { color: e.fg.secondary }
 });
-function C({ label: e, value: t = "", onChange: r, error: i, helperText: a, placeholder: o, secureTextEntry: s = !1, keyboardType: c = "default", autoCapitalize: u = "sentences", editable: d = !0, multiline: h = !1, numberOfLines: _ = 1, ...y }) {
-	let [b, x] = l(!1), C = t.length > 0, w = b || C, T = [
-		S.fieldContainer,
-		i && S.fieldContainerError,
-		b && !i && S.fieldContainerFocused,
-		b && i && S.fieldContainerFocusedError
-	], E = [S.label, w ? S.labelFloating : S.labelNormal], D = f.flatten([S.input, h && {
-		height: _ * 20,
+function S({ 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 [S, C] = s(!1), w = n.length > 0, T = S || w, E = [
+		x.fieldContainer,
+		i && x.fieldContainerError,
+		S && !i && x.fieldContainerFocused,
+		S && i && x.fieldContainerFocusedError
+	], D = [x.label, T ? x.labelFloating : x.labelNormal], O = u.flatten([x.input, v && {
+		height: y * 20,
 		textAlignVertical: "top"
 	}]);
-	return /* @__PURE__ */ (0, v.jsxs)(g, {
-		style: S.container,
-		children: [/* @__PURE__ */ (0, v.jsx)(g, {
-			style: T,
-			children: /* @__PURE__ */ (0, v.jsxs)(g, {
-				style: S.formGroup,
-				children: [/* @__PURE__ */ (0, v.jsx)(m, {
-					style: D,
-					value: t,
+	return /* @__PURE__ */ g(m, {
+		style: x.container,
+		children: [/* @__PURE__ */ h(m, {
+			style: E,
+			children: /* @__PURE__ */ g(m, {
+				style: x.formGroup,
+				children: [/* @__PURE__ */ h(f, {
+					style: O,
+					value: n,
 					onChangeText: r,
-					onFocus: () => x(!0),
-					onBlur: () => x(!1),
-					placeholder: w ? o : "",
-					placeholderTextColor: n.fg.tertiary,
-					secureTextEntry: s,
-					keyboardType: c,
-					autoCapitalize: u,
-					editable: d,
-					multiline: h,
-					numberOfLines: _,
-					...y
-				}), /* @__PURE__ */ (0, v.jsx)(p, {
-					style: E,
-					children: e
+					onFocus: () => C(!0),
+					onBlur: () => C(!1),
+					placeholder: T ? o : "",
+					placeholderTextColor: e.fg.tertiary,
+					secureTextEntry: c,
+					keyboardType: l,
+					autoCapitalize: p,
+					editable: _,
+					multiline: v,
+					numberOfLines: y,
+					...b
+				}), /* @__PURE__ */ h(d, {
+					style: D,
+					children: t
 				})]
 			})
-		}), (i || a) && /* @__PURE__ */ (0, v.jsx)(p, {
-			style: [S.helper, i ? S.helperError : S.helperNormal],
+		}), (i || a) && /* @__PURE__ */ h(d, {
+			style: [x.helper, i ? x.helperError : x.helperNormal],
 			children: i || a
 		})]
 	});
 }
 //#endregion
 //#region src/components/Loading/Loading.tsx
-var w = _.div`
+var C = _.div`
   margin: 0 auto;
   vertical-align: middle;
   position: relative;
@@ -269,15 +279,15 @@ var w = _.div`
     }
   }
 `;
-function T({ size: e = "4rem", color: t = n.fg.primary }) {
-	return /* @__PURE__ */ (0, v.jsx)(w, {
-		$size: e,
-		$color: t
+function w({ size: t = "4rem", color: n = e.fg.primary }) {
+	return /* @__PURE__ */ h(C, {
+		$size: t,
+		$color: n
 	});
 }
 //#endregion
 //#region src/components/Spinner/Spinner.tsx
-var E = _.svg`
+var T = _.svg`
   animation: spin 1s linear infinite;
 
   @keyframes spin {
@@ -290,27 +300,27 @@ var E = _.svg`
     }
   }
 `;
-function D({ variant: e = "primary", dark: t }) {
-	return /* @__PURE__ */ (0, v.jsxs)(E, {
+function E({ variant: t = "primary", dark: n }) {
+	return /* @__PURE__ */ g(T, {
 		width: "24",
 		height: "24",
 		viewBox: "0 0 24 24",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg",
-		children: [/* @__PURE__ */ (0, v.jsx)("circle", {
+		children: [/* @__PURE__ */ h("circle", {
 			cx: "12",
 			cy: "12",
 			r: "8",
-			stroke: t ? n.neutral["0-A8"] : n.neutral["800-A8"],
+			stroke: n ? e.neutral["0-A8"] : e.neutral["800-A8"],
 			strokeOpacity: "0.08",
 			strokeWidth: "3"
-		}), /* @__PURE__ */ (0, v.jsx)("path", {
+		}), /* @__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 (e) {
-					case "secondary": return n.fg.secondary;
-					case "error": return n.fg.accent.error;
-					default: return t ? n.white : n.fg.primary;
+				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",
@@ -320,44 +330,44 @@ function D({ variant: e = "primary", dark: t }) {
 }
 //#endregion
 //#region src/components/Divider/Divider.tsx
-var O = _.div`
+var D = _.div`
   height: 0.063rem;
   width: 100%;
-  background-color: ${n.border.default};
+  background-color: ${e.border.default};
   margin: 0.75rem 0;
 `;
-function k({ ...e }) {
-	return /* @__PURE__ */ (0, v.jsx)(O, { ...e });
+function O({ ...e }) {
+	return /* @__PURE__ */ h(D, { ...e });
 }
 //#endregion
 //#region src/hooks/mobile.ts
-var A = () => {
-	let [e, t] = l(window.innerWidth <= 768), n = c(window.innerWidth);
-	return s(() => {
+var k = () => {
+	let [e, t] = s(window.innerWidth <= 768), n = o(window.innerWidth);
+	return a(() => {
 		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;
-}, j = 1, M = 1e6, N = 0;
-function P() {
-	return N = (N + 1) % (2 ** 53 - 1), N.toString();
+}, A = 1, j = 1e6, M = 0;
+function N() {
+	return M = (M + 1) % (2 ** 53 - 1), M.toString();
 }
-var F = /* @__PURE__ */ new Map(), I = (e) => {
-	if (F.has(e)) return;
+var P = /* @__PURE__ */ new Map(), F = (e) => {
+	if (P.has(e)) return;
 	let t = setTimeout(() => {
-		F.delete(e), B({
+		P.delete(e), z({
 			type: "REMOVE_TOAST",
 			toastId: e
 		});
-	}, M);
-	F.set(e, t);
-}, L = (e, t) => {
+	}, j);
+	P.set(e, t);
+}, I = (e, t) => {
 	switch (t.type) {
 		case "ADD_TOAST": return {
 			...e,
-			toasts: [t.toast, ...e.toasts].slice(0, j)
+			toasts: [t.toast, ...e.toasts].slice(0, A)
 		};
 		case "UPDATE_TOAST": return {
 			...e,
@@ -368,8 +378,8 @@ var F = /* @__PURE__ */ new Map(), I = (e) => {
 		};
 		case "DISMISS_TOAST": {
 			let { toastId: n } = t;
-			return n ? I(n) : e.toasts.forEach((e) => {
-				I(e.id);
+			return n ? F(n) : e.toasts.forEach((e) => {
+				F(e.id);
 			}), {
 				...e,
 				toasts: e.toasts.map((e) => e.id === n || n === void 0 ? {
@@ -386,24 +396,24 @@ var F = /* @__PURE__ */ new Map(), I = (e) => {
 			toasts: e.toasts.filter((e) => e.id !== t.toastId)
 		};
 	}
-}, R = [], z = { toasts: [] };
-function B(e) {
-	z = L(z, e), R.forEach((e) => {
-		e(z);
+}, L = [], R = { toasts: [] };
+function z(e) {
+	R = I(R, e), L.forEach((e) => {
+		e(R);
 	});
 }
-function V({ ...e }) {
-	let t = P(), n = (e) => B({
+function B({ ...e }) {
+	let t = N(), n = (e) => z({
 		type: "UPDATE_TOAST",
 		toast: {
 			...e,
 			id: t
 		}
-	}), r = () => B({
+	}), r = () => z({
 		type: "DISMISS_TOAST",
 		toastId: t
 	});
-	return B({
+	return z({
 		type: "ADD_TOAST",
 		toast: {
 			...e,
@@ -419,19 +429,19 @@ function V({ ...e }) {
 		update: n
 	};
 }
-function H() {
-	let [e, t] = a.useState(z);
-	return a.useEffect(() => (R.push(t), () => {
-		let e = R.indexOf(t);
-		e > -1 && R.splice(e, 1);
+function V() {
+	let [e, t] = r.useState(R);
+	return r.useEffect(() => (L.push(t), () => {
+		let e = L.indexOf(t);
+		e > -1 && L.splice(e, 1);
 	}), [e]), {
 		...e,
-		toast: V,
-		dismiss: (e) => B({
+		toast: B,
+		dismiss: (e) => z({
 			type: "DISMISS_TOAST",
 			toastId: e
 		})
 	};
 }
 //#endregion
-export { x as Button, k as Divider, C as Input, T as Loading, D as Spinner, n as colors, r as icons, i as typography, A as useIsMobile, H as useToast };
+export { b as Button, O as Divider, S as Input, w as Loading, E as Spinner, e as colors, n as icons, t as typography, k as useIsMobile, V as useToast };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rechtspilot-ui",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "type": "module",
   "description": "Rechtspilot UI Library",
   "main": "dist/index.cjs",