rechtspilot-ui 1.2.2 → 1.2.4

package/dist/index.native.cjs

@@ -1,51 +1,43 @@
-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;
+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: ${({$size:e})=>e};
-  animation: rotate-anim 2s infinite linear;
+  height: calc(${({$size:e})=>e} / 4);
 
-  &:before,
-  &:after {
-    content: '';
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    background: ${({$color:e})=>e};
+  span {
+    width: calc(${({$size:e})=>e} / 4);
+    height: calc(${({$size:e})=>e} / 4);
     border-radius: 50%;
-    animation: transform-anim 1.25s infinite ease;
+    background-color: ${({$color:e})=>e};
+    animation: ${u} 1s infinite linear;
   }
 
-  &:before {
-    height: 75%;
-    width: 75%;
-    transform-origin: -40% -80%;
+  span:nth-child(1) {
+    animation-delay: 0s;
   }
-
-  &:after {
-    height: 50%;
-    width: 50%;
-    transform-origin: 40% 80%;
+  span:nth-child(2) {
+    animation-delay: 0.1s;
   }
-
-  @keyframes rotate-anim {
-    to {
-      transform: rotate(360deg);
-    }
-  }
-
-  @keyframes transform-anim {
-    0%,
-    100% {
-      transform: translate(-50%, -50%) scale(1);
-    }
-
-    50% {
-      transform: translate(-50%, -50%) scale(0);
-    }
+  span:nth-child(3) {
+    animation-delay: 0.2s;
   }
-`;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`
+`;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 {
@@ -57,9 +49,9 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
       transform: rotate(360deg);
     }
   }
-`;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`
+`;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 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;
+`;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;

package/dist/index.native.es.js

@@ -3,9 +3,9 @@ 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";
+import { keyframes as _, styled as v } from "styled-components";
 //#region src/components/Spinner/Spinner.native.tsx
-var v = ({ size: t = 20, color: n = e.primary[600], style: r }) => {
+var y = ({ size: t = 20, color: n = e.primary[600], style: r }) => {
 	let a = i.useRef(new c.Value(0)).current;
 	i.useEffect(() => {
 		let e = () => {
@@ -37,7 +37,7 @@ var v = ({ size: t = 20, color: n = e.primary[600], style: r }) => {
 			transform: [{ rotate: o }]
 		} })
 	});
-}, y = (t) => {
+}, b = (t) => {
 	let n = {
 		alignItems: "center",
 		borderRadius: 12,
@@ -109,8 +109,8 @@ var v = ({ size: t = 20, color: n = e.primary[600], style: r }) => {
 		};
 	}
 };
-function b({ variant: t = "primary", fullWidth: n = !1, children: r, loading: i = !1, disabled: a = !1, onPress: o, ...s }) {
-	let c = y(t);
+function x({ variant: t = "primary", fullWidth: n = !1, children: r, loading: i = !1, disabled: a = !1, onPress: o, ...s }) {
+	let c = b(t);
 	return /* @__PURE__ */ g(p, {
 		style: u.flatten([
 			c.container,
@@ -124,7 +124,7 @@ function b({ 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(v, {
+		}) : r, i && /* @__PURE__ */ h(y, {
 			size: 16,
 			color: t === "secondary" ? e.primary[600] : t === "destructiveSubtle" ? e.fg.accent.error : e.white
 		})]
@@ -132,7 +132,7 @@ function b({ variant: t = "primary", fullWidth: n = !1, children: r, loading: i
 }
 //#endregion
 //#region src/components/Input/Input.native.tsx
-var x = u.create({
+var S = u.create({
 	container: { marginBottom: 8 },
 	fieldContainer: {
 		height: 49,
@@ -187,22 +187,22 @@ var x = u.create({
 	helperError: { color: e.fg.accent.error },
 	helperNormal: { color: e.fg.secondary }
 });
-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 && {
+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 && {
 		height: y * 20,
 		textAlignVertical: "top"
 	}]);
 	return /* @__PURE__ */ g(m, {
-		style: x.container,
+		style: S.container,
 		children: [/* @__PURE__ */ h(m, {
 			style: E,
 			children: /* @__PURE__ */ g(m, {
-				style: x.formGroup,
+				style: S.formGroup,
 				children: [/* @__PURE__ */ h(f, {
 					style: O,
 					value: n,
@@ -224,70 +224,67 @@ function S({ label: t, value: n = "", onChange: r, error: i, helperText: a, plac
 				})]
 			})
 		}), (i || a) && /* @__PURE__ */ h(d, {
-			style: [x.helper, i ? x.helperError : x.helperNormal],
+			style: [S.helper, i ? S.helperError : S.helperNormal],
 			children: i || a
 		})]
 	});
 }
 //#endregion
 //#region src/components/Loading/Loading.tsx
-var C = _.div`
-  margin: 0 auto;
-  vertical-align: middle;
-  position: relative;
+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: ${({ $size: e }) => e};
-  animation: rotate-anim 2s infinite linear;
+  height: calc(${({ $size: e }) => e} / 4);
 
-  &:before,
-  &:after {
-    content: '';
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    background: ${({ $color: e }) => e};
+  span {
+    width: calc(${({ $size: e }) => e} / 4);
+    height: calc(${({ $size: e }) => e} / 4);
     border-radius: 50%;
-    animation: transform-anim 1.25s infinite ease;
+    background-color: ${({ $color: e }) => e};
+    animation: ${w} 1s infinite linear;
   }
 
-  &:before {
-    height: 75%;
-    width: 75%;
-    transform-origin: -40% -80%;
+  span:nth-child(1) {
+    animation-delay: 0s;
   }
-
-  &:after {
-    height: 50%;
-    width: 50%;
-    transform-origin: 40% 80%;
+  span:nth-child(2) {
+    animation-delay: 0.1s;
   }
-
-  @keyframes rotate-anim {
-    to {
-      transform: rotate(360deg);
-    }
-  }
-
-  @keyframes transform-anim {
-    0%,
-    100% {
-      transform: translate(-50%, -50%) scale(1);
-    }
-
-    50% {
-      transform: translate(-50%, -50%) scale(0);
-    }
+  span:nth-child(3) {
+    animation-delay: 0.2s;
   }
 `;
-function w({ size: t = "4rem", color: n = e.fg.primary }) {
-	return /* @__PURE__ */ h(C, {
+function E({ size: t = "4rem", color: n = e.fg.primary }) {
+	return /* @__PURE__ */ g(T, {
 		$size: t,
-		$color: n
+		$color: n,
+		children: [
+			/* @__PURE__ */ h("span", {}),
+			/* @__PURE__ */ h("span", {}),
+			/* @__PURE__ */ h("span", {})
+		]
 	});
 }
 //#endregion
 //#region src/components/Spinner/Spinner.tsx
-var T = _.svg`
+var D = v.svg`
   animation: spin 1s linear infinite;
 
   @keyframes spin {
@@ -300,8 +297,8 @@ var T = _.svg`
     }
   }
 `;
-function E({ variant: t = "primary", dark: n }) {
-	return /* @__PURE__ */ g(T, {
+function O({ variant: t = "primary", dark: n }) {
+	return /* @__PURE__ */ g(D, {
 		width: "24",
 		height: "24",
 		viewBox: "0 0 24 24",
@@ -330,18 +327,18 @@ function E({ variant: t = "primary", dark: n }) {
 }
 //#endregion
 //#region src/components/Divider/Divider.tsx
-var D = _.div`
+var k = v.div`
   height: 0.063rem;
   width: 100%;
   background-color: ${e.border.default};
   margin: 0.75rem 0;
 `;
-function O({ ...e }) {
-	return /* @__PURE__ */ h(D, { ...e });
+function A({ ...e }) {
+	return /* @__PURE__ */ h(k, { ...e });
 }
 //#endregion
 //#region src/hooks/mobile.ts
-var k = () => {
+var j = () => {
 	let [e, t] = s(window.innerWidth <= 768), n = o(window.innerWidth);
 	return a(() => {
 		let e = () => {
@@ -350,24 +347,24 @@ var k = () => {
 		};
 		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []), e;
-}, A = 1, j = 1e6, M = 0;
-function N() {
-	return M = (M + 1) % (2 ** 53 - 1), M.toString();
+}, M = 1, N = 1e6, P = 0;
+function F() {
+	return P = (P + 1) % (2 ** 53 - 1), P.toString();
 }
-var P = /* @__PURE__ */ new Map(), F = (e) => {
-	if (P.has(e)) return;
+var I = /* @__PURE__ */ new Map(), L = (e) => {
+	if (I.has(e)) return;
 	let t = setTimeout(() => {
-		P.delete(e), z({
+		I.delete(e), V({
 			type: "REMOVE_TOAST",
 			toastId: e
 		});
-	}, j);
-	P.set(e, t);
-}, I = (e, t) => {
+	}, N);
+	I.set(e, t);
+}, R = (e, t) => {
 	switch (t.type) {
 		case "ADD_TOAST": return {
 			...e,
-			toasts: [t.toast, ...e.toasts].slice(0, A)
+			toasts: [t.toast, ...e.toasts].slice(0, M)
 		};
 		case "UPDATE_TOAST": return {
 			...e,
@@ -378,8 +375,8 @@ var P = /* @__PURE__ */ new Map(), F = (e) => {
 		};
 		case "DISMISS_TOAST": {
 			let { toastId: n } = t;
-			return n ? F(n) : e.toasts.forEach((e) => {
-				F(e.id);
+			return n ? L(n) : e.toasts.forEach((e) => {
+				L(e.id);
 			}), {
 				...e,
 				toasts: e.toasts.map((e) => e.id === n || n === void 0 ? {
@@ -396,24 +393,24 @@ var P = /* @__PURE__ */ new Map(), F = (e) => {
 			toasts: e.toasts.filter((e) => e.id !== t.toastId)
 		};
 	}
-}, L = [], R = { toasts: [] };
-function z(e) {
-	R = I(R, e), L.forEach((e) => {
-		e(R);
+}, z = [], B = { toasts: [] };
+function V(e) {
+	B = R(B, e), z.forEach((e) => {
+		e(B);
 	});
 }
-function B({ ...e }) {
-	let t = N(), n = (e) => z({
+function H({ ...e }) {
+	let t = F(), n = (e) => V({
 		type: "UPDATE_TOAST",
 		toast: {
 			...e,
 			id: t
 		}
-	}), r = () => z({
+	}), r = () => V({
 		type: "DISMISS_TOAST",
 		toastId: t
 	});
-	return z({
+	return V({
 		type: "ADD_TOAST",
 		toast: {
 			...e,
@@ -429,19 +426,19 @@ function B({ ...e }) {
 		update: n
 	};
 }
-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);
+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);
 	}), [e]), {
 		...e,
-		toast: B,
-		dismiss: (e) => z({
+		toast: H,
+		dismiss: (e) => V({
 			type: "DISMISS_TOAST",
 			toastId: e
 		})
 	};
 }
 //#endregion
-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 };
+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 };

package/package.json

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