From 68b6daa123340ef028145912bf2daa5671508129 Mon Sep 17 00:00:00 2001
From: marius <marius.ahsmus@gmail.com>
Date: Mon, 2 Sep 2024 09:00:02 +0200
Subject: [PATCH 01/67] feat: initialised new Input logic, validation hook

---
 src/components/input/Input.stories.tsx |  68 ++++-----
 src/components/input/Input.tsx         | 183 ++++++++-----------------
 src/components/input/useValidation.ts  |  50 +++++++
 3 files changed, 141 insertions(+), 160 deletions(-)
 create mode 100644 src/components/input/useValidation.ts

diff --git a/src/components/input/Input.stories.tsx b/src/components/input/Input.stories.tsx
index f6d88529..5621dbf9 100644
--- a/src/components/input/Input.stories.tsx
+++ b/src/components/input/Input.stories.tsx
@@ -1,41 +1,45 @@
 import React from "react";
-import Input from "./Input";
-import {IconMail} from "@tabler/icons-react";
+import {Input, InputWrapper} from "./Input";
+import {useValidation} from "./useValidation";
 
 export default {
     title: "Input",
     component: Input
 };
 
-export const Mail = () => <Input>
-    <Input.Label>e-mail</Input.Label>
-    <Input.Control placeholder={"name@mail.com"}>
-        <Input.Control.Icon><IconMail/></Input.Control.Icon>
-    </Input.Control>
-    <Input.Desc>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam</Input.Desc>
-</Input>
+export const Default = () => {
+    const rules = [
+        (value: string) => ({
+            isValid: value.trim() !== "",
+            message: "Email is required"
+        }),
+        (value: string) => ({
+            isValid: value.includes("@"),
+            message: "Email is invalid"
+        })
+    ];
 
+    const { value, setValue, state, message, validateInput } = useValidation({
+        validationRules: rules,
+        successMessage: "Email is valid"
+    });
 
-export const Disabled = () => <Input disabled>
-    <Input.Control placeholder={"Your Mail"}>
-        <Input.Control.Icon><IconMail/></Input.Control.Icon>
-    </Input.Control>
-    <Input.Desc>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam</Input.Desc>
-</Input>
-
-export const NotValid = () => <Input valid={false}>
-    <Input.Control placeholder={"Your E-Mail"}>
-        <Input.Control.Icon><IconMail/></Input.Control.Icon>
-        <Input.Control.Message>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
-            invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</Input.Control.Message>
-    </Input.Control>
-    <Input.Desc>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam</Input.Desc>
-</Input>
-
-export const Valid = () => <Input valid>
-    <Input.Control placeholder={"Your E-Mail"}>
-        <Input.Control.Message>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
-            invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</Input.Control.Message>
-    </Input.Control>
-    <Input.Desc>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam</Input.Desc>
-</Input>
\ No newline at end of file
+    return (
+        <InputWrapper
+            label="Email"
+            description="Please enter your email address"
+            success={{ value: state === "success", message }}
+            warning={{ value: state === "warning", message }}
+            error={{ value: state === "error", message }}
+        >
+            <Input
+                value={value}
+                onValueChange={(value: string) => {
+                    console.log(value);
+                    setValue(value);
+                }}
+                onBlur={validateInput}
+            />
+        </InputWrapper>
+    );
+}
\ No newline at end of file
diff --git a/src/components/input/Input.tsx b/src/components/input/Input.tsx
index 00ac30f6..2275ab70 100644
--- a/src/components/input/Input.tsx
+++ b/src/components/input/Input.tsx
@@ -1,147 +1,74 @@
-import React, {DetailedHTMLProps, InputHTMLAttributes, ReactElement, ReactNode, RefAttributes} from "react";
+import React, {DetailedHTMLProps, InputHTMLAttributes, ReactElement, ReactNode, RefAttributes, useState} from "react";
 import "./Input.style.scss"
 import {TablerIcon} from "@tabler/icons-react";
+import {Code0Component} from "../../utils/types";
 
-
-export type InputChildType = InputControlType | InputDescType | InputLabelType
-
-export interface InputType {
-    children: ReactElement<InputControlType> | ReactElement<InputChildType>[]
-    //defaults to false
-    disabled?: boolean
-    //defaults to undefined
-    valid?: boolean | undefined
+export type InputState = {
+    value: boolean;
+    message: string;
 }
 
-
-const Input: React.FC<InputType> = (props: InputType) => {
-
-    const {disabled= false, children, valid} = props
-    const childNodes = React.Children.toArray(children).map(value => {
-        if (React.isValidElement(value) && value.type == InputControl)
-            return React.cloneElement(value as ReactElement, {
-                "aria-disabled": disabled,
-                "disabled": disabled
-            })
-        return value
-    })
-
-    return <div
-        className={`input ${disabled ? "input--disabled" : ""} ${valid ? "input--valid" : valid !== undefined ? "input--not-valid" : ""}`}
-        aria-disabled={disabled ? "true" : "false"}>
-        {childNodes}
-    </div>
-}
-
-export type InputControlTypesType = "email"
-    | "date"
-    | "datetime-local"
-    | "hidden"
-    | "number"
-    | "password"
-    | "search"
-    | "tel"
-    | "text"
-    | "time"
-    | "url"
-    | "week"
-
-// params / props declaration for InputComponent
-export interface InputControlType extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
-    placeholder: string
-    //TODO: allow both as non required and make sure this does not result in errors inside the component
-    children?: ReactElement<InputControlMessageType | InputControlIconType>[] | ReactElement<InputControlMessageType | InputControlIconType>
-    //defaults to false
-    disabled?: boolean
-    //default is text type
-    type?: InputControlTypesType
-}
-
-/**
- * Component to create the input. Manages the icon and the success / failure message.
- * Extends the normal HTMLInputElement to allow further adjustments.
- *
- * @example
- * <Input.Control placeholder={} type={} args...>{@link InputControlIcon} {@link InputControlMessage}</Input.Control>
- *
- * @since 0.1.0-pre-alpha
- * @author Nico Sammito
- */
-const InputControl: React.ForwardRefExoticComponent<Omit<InputControlType, "ref"> & RefAttributes<HTMLInputElement>> = React.forwardRef<HTMLInputElement, InputControlType>((props, ref) => {
-
-    const {type, placeholder, children, disabled, ...args} = props
-    const childNodes = children && !Array.isArray(children) ? Array.of(children) : children;
-    const icon = childNodes ?  childNodes.find(child => child.type == InputControlIcon) : null
-    const message = childNodes ? childNodes.find(child => child.type == InputControlMessage) : null
-
-    const onFocusParam = args.onFocus
-    const onBlurParam = args.onBlur
-
-    const onFocus = ((event: React.FocusEvent<HTMLInputElement>) => {
-        if (event.target.parentElement)
-            event.target.parentElement.classList.add("input__control--active")
-        if (onFocusParam) onFocusParam(event)
-    })
-    const onBlur = ((event: React.FocusEvent<HTMLInputElement>) => {
-        if (event.target.parentElement)
-            event.target.parentElement.classList.remove("input__control--active")
-        if (onBlurParam) onBlurParam(event)
-    })
-
-    args.onFocus = onFocus
-    args.onBlur = onBlur
-
-    return <>
-        <div className={"input__control"}>
-            {icon ?? null}
-            <input ref={ref} disabled={disabled} type={type} placeholder={placeholder} className={"input__field"} {...args} onMouseDown={event => {
-                (event.target as HTMLInputElement).focus()
-            }}/>
-        </div>
-        {message ?? null}
-    </>
-})
-
-export type InputControlMessageType = {
-    children: string
+export interface InputType extends InputHTMLAttributes<HTMLInputElement> {
+    onValueChange?: (value: string) => void;
+    preValue?: string;
 }
 
-const InputControlMessage: React.FC<InputControlMessageType> = ({children}) => {
-    return <div className={"input__message"}><p>{children}</p></div>
-}
+export interface PinInputType {
 
-export type InputControlIconType = {
-    children: ReactElement<TablerIcon>
 }
 
-const InputControlIcon: React.FC<InputControlIconType> = ({children}) => {
-    return <span className={"input__icon"}>
-        {children}
-    </span>
+export interface InputWrapperType {
+    label?: string;
+    description?: string;
+    success?: InputState;
+    warning?: InputState;
+    error?: InputState;
+    children: ReactNode;
 }
 
-export type InputLabelType = {
-    children: string
+const Input: React.FC<InputType> = ({ preValue, onValueChange, ...props }) => {
+    const [value, setValue] = useState<string>(preValue || "");
+
+    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+        const inputValue = e.target.value;
+        setValue(inputValue);
+        onValueChange?.(inputValue);
+    }
+
+    return (
+        <input
+            className="input"
+            spellCheck={false}
+            value={value}
+            onChange={handleChange}
+            {...props}
+        />
+    );
 }
 
-const InputLabel: React.FC<InputLabelType> = ({children}) => {
-    return <label className={"input__label"}>{children}</label>
+const PinInput: React.FC<PinInputType> = () => {
+    return (
+        <div className="pin-input">
+        </div>
+    );
 }
 
-
-export type InputDescType = {
-    children: string
+const InputWrapper: React.FC<InputWrapperType> = ({ label, description, success, warning, error, children }) => {
+    return (
+        <div className="input-wrapper">
+            {label && <label className="input-wrapper__label">{label}</label>}
+            {description && <p className="input-wrapper__description">{description}</p>}
+            {children}
+            {success?.value && <p className="input-wrapper__message input-wrapper__message--success">{success.message}</p>}
+            {warning?.value && <p className="input-wrapper__message input-wrapper__message--warning">{warning.message}</p>}
+            {error?.value && <p className="input-wrapper__message input-wrapper__message--error">{error.message}</p>}
+        </div>
+    );
 }
 
-const InputDesc: React.FC<InputDescType> = ({children}) => {
-    return <p className={"input__desc"}>{children}</p>
-}
 
-export default Object.assign(Input, {
-    Desc: InputDesc,
-    Label: InputLabel,
-    Control: Object.assign(InputControl, {
-        Message: InputControlMessage,
-        Icon: InputControlIcon
-    })
-});
\ No newline at end of file
+export {
+    Input as default,
+    PinInput,
+    InputWrapper
+};
\ No newline at end of file
diff --git a/src/components/input/useValidation.ts b/src/components/input/useValidation.ts
new file mode 100644
index 00000000..1fe27b4f
--- /dev/null
+++ b/src/components/input/useValidation.ts
@@ -0,0 +1,50 @@
+import {useCallback, useState} from "react";
+
+export type ValidationRule = (value: string) => {
+    isValid: boolean;
+    message: string;
+}
+
+type ValidationStatus = 'idle' | 'error' | 'warning' | 'success';
+
+interface UseInputValidationProps {
+    //default value is empty string
+    initialValue?: string;
+    validationRules: ValidationRule[];
+    //default is 0
+    warningBuffer?: number;
+    successMessage?: string;
+    warningMessage?: string;
+}
+
+export function useValidation({ initialValue = "", validationRules, warningBuffer = 0, successMessage, warningMessage }: UseInputValidationProps) {
+    const [value, setValue] = useState<string>(initialValue);
+    const [state, setState] = useState<ValidationStatus>('idle');
+    const [message, setMessage] = useState<string>("");
+
+    const validateInput = useCallback(() => {
+        if (!validationRules) return;
+        let errorCount = 0;
+        let errorMessage = "";
+
+        for (const rule of validationRules) {
+            const {isValid, message} = rule(value);
+            if (isValid) continue;
+            errorCount++;
+            if (!errorMessage) errorMessage = message;
+        }
+
+        if (errorCount === 0) {
+            setState('success');
+            setMessage(successMessage || 'Input is valid');
+        } else if (errorCount <= warningBuffer && warningMessage) {
+            setState('warning');
+            setMessage(warningMessage || 'Input is valid but with warnings');
+        } else {
+            setState('error');
+            setMessage(errorMessage.trim() === "" ? "Input is invalid" : errorMessage);
+        }
+    }, [successMessage, validationRules, value, warningBuffer, warningMessage]);
+
+    return {value, setValue, state, message, validateInput};
+}
\ No newline at end of file

From 03ed70598865ed9ad3c617e9cb727ca807978df9 Mon Sep 17 00:00:00 2001
From: Marius Ahsmus <marius.ahsmus@gmail.com>
Date: Thu, 5 Sep 2024 16:28:35 +0200
Subject: [PATCH 02/67] feat: pin input logic

---
 src/components/input/Input.stories.tsx | 37 +++++++++++-
 src/components/input/Input.tsx         | 82 ++++++++++++++++++++++----
 2 files changed, 105 insertions(+), 14 deletions(-)

diff --git a/src/components/input/Input.stories.tsx b/src/components/input/Input.stories.tsx
index 5621dbf9..6c42d7d7 100644
--- a/src/components/input/Input.stories.tsx
+++ b/src/components/input/Input.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import {Input, InputWrapper} from "./Input";
+import Input, {InputWrapper, PinInput} from "./Input";
 import {useValidation} from "./useValidation";
 
 export default {
@@ -7,7 +7,7 @@ export default {
     component: Input
 };
 
-export const Default = () => {
+export const DefaultInput = () => {
     const rules = [
         (value: string) => ({
             isValid: value.trim() !== "",
@@ -42,4 +42,37 @@ export const Default = () => {
             />
         </InputWrapper>
     );
+}
+
+export const DefaultPinInput = () => {
+    const rules = [
+        (value: string) => ({
+            isValid: value === "1234",
+            message: "Email is required"
+        })
+    ];
+
+    const { value, setValue, state, message, validateInput } = useValidation({
+        validationRules: rules,
+        successMessage: "Email is valid"
+    });
+
+    return (
+        <InputWrapper
+            label="Pin"
+            description="Please enter your pin"
+            success={{ value: state === "success", message }}
+            warning={{ value: state === "warning", message }}
+            error={{ value: state === "error", message }}
+        >
+            <PinInput
+                value={value}
+                onValueChange={(value: string) => {
+                    console.log(value);
+                    setValue(value);
+                }}
+                onBlur={validateInput}
+            />
+        </InputWrapper>
+    );
 }
\ No newline at end of file
diff --git a/src/components/input/Input.tsx b/src/components/input/Input.tsx
index 2275ab70..a973800f 100644
--- a/src/components/input/Input.tsx
+++ b/src/components/input/Input.tsx
@@ -1,4 +1,12 @@
-import React, {DetailedHTMLProps, InputHTMLAttributes, ReactElement, ReactNode, RefAttributes, useState} from "react";
+import React, {
+    DetailedHTMLProps,
+    InputHTMLAttributes,
+    ReactElement,
+    ReactNode,
+    RefAttributes, useEffect,
+    useRef,
+    useState
+} from "react";
 import "./Input.style.scss"
 import {TablerIcon} from "@tabler/icons-react";
 import {Code0Component} from "../../utils/types";
@@ -14,7 +22,10 @@ export interface InputType extends InputHTMLAttributes<HTMLInputElement> {
 }
 
 export interface PinInputType {
-
+    value: string;
+    onValueChange?: (value: string) => void;
+    onBlur?: () => void;
+    preValue?: number[];
 }
 
 export interface InputWrapperType {
@@ -37,7 +48,7 @@ const Input: React.FC<InputType> = ({ preValue, onValueChange, ...props }) => {
 
     return (
         <input
-            className="input"
+            className={"input"}
             spellCheck={false}
             value={value}
             onChange={handleChange}
@@ -46,22 +57,69 @@ const Input: React.FC<InputType> = ({ preValue, onValueChange, ...props }) => {
     );
 }
 
-const PinInput: React.FC<PinInputType> = () => {
+const PinInput: React.FC<PinInputType> = ({ value, preValue, onValueChange, onBlur, ...props }) => {
+    const inputRefs = [useRef<HTMLInputElement>(null), useRef<HTMLInputElement>(null), useRef<HTMLInputElement>(null), useRef<HTMLInputElement>(null)];
+
+    useEffect(() => {
+        inputRefs[0].current?.focus();
+    }, []);
+
+    const focusNextInput = (currentIndex: number) => {
+        if (currentIndex < 3) {
+            inputRefs[currentIndex + 1].current?.focus();
+        } else {
+            inputRefs[currentIndex].current?.blur();
+            onBlur?.();
+        }
+    };
+
+    const handleChange = (e: React.ChangeEvent<HTMLInputElement>, index: number) => {
+        const inputValue = e.target.value;
+        if (inputValue.length <= 1 && /^\d*$/.test(inputValue)) {
+            const newValue = value.split('');
+            newValue[index] = inputValue;
+            onValueChange?.(newValue.join(''));
+
+            if (inputValue.length === 1) {
+                focusNextInput(index);
+            }
+        }
+    }
+
+    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>, index: number) => {
+        if (e.key === 'Backspace' && !value[index] && index > 0) {
+            inputRefs[index - 1].current?.focus();
+        }
+    };
+
     return (
-        <div className="pin-input">
+        <div className={"pin-input"}>
+            {inputRefs.map((ref, index) => (
+                <input
+                    key={index}
+                    ref={ref}
+                    className={"pin-input__input"}
+                    type={"text"}
+                    maxLength={1}
+                    value={value[index] || ''}
+                    onChange={(e) => handleChange(e, index)}
+                    onKeyDown={(e) => handleKeyDown(e, index)}
+                    {...props}
+                />
+            ))}
         </div>
     );
 }
 
-const InputWrapper: React.FC<InputWrapperType> = ({ label, description, success, warning, error, children }) => {
+const InputWrapper: React.FC<InputWrapperType> = ({label, description, success, warning, error, children}) => {
     return (
-        <div className="input-wrapper">
-            {label && <label className="input-wrapper__label">{label}</label>}
-            {description && <p className="input-wrapper__description">{description}</p>}
+        <div className={"input-wrapper"}>
+        {label && <label className={"input-wrapper__label"}>{label}</label>}
+            {description && <p className={"input-wrapper__description"}>{description}</p>}
             {children}
-            {success?.value && <p className="input-wrapper__message input-wrapper__message--success">{success.message}</p>}
-            {warning?.value && <p className="input-wrapper__message input-wrapper__message--warning">{warning.message}</p>}
-            {error?.value && <p className="input-wrapper__message input-wrapper__message--error">{error.message}</p>}
+            {success?.value && <p className={"input-wrapper__message input-wrapper__message--success"}>{success.message}</p>}
+            {warning?.value && <p className={"input-wrapper__message input-wrapper__message--warning"}>{warning.message}</p>}
+            {error?.value && <p className={"input-wrapper__message input-wrapper__message--error"}>{error.message}</p>}
         </div>
     );
 }

From dee5d4e379a077beb559245ffe8a9510aaab2fbf Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 8 Oct 2024 20:09:30 +0200
Subject: [PATCH 03/67] removed old input/form logic

---
 src/components/input/Input.style.scss | 122 ------------------------
 src/components/input/Input.tsx        | 132 --------------------------
 src/components/input/useValidation.ts |  50 ----------
 src/index.ts                          |   1 -
 4 files changed, 305 deletions(-)
 delete mode 100644 src/components/input/Input.style.scss
 delete mode 100644 src/components/input/Input.tsx
 delete mode 100644 src/components/input/useValidation.ts

diff --git a/src/components/input/Input.style.scss b/src/components/input/Input.style.scss
deleted file mode 100644
index 1ed8d7ff..00000000
--- a/src/components/input/Input.style.scss
+++ /dev/null
@@ -1,122 +0,0 @@
-@import "../../styles/helpers";
-
-.input {
-  margin-bottom: 1rem;
-
-  &:last-child, &:last-of-type {
-    margin-bottom: 0;
-  }
-
-  @include disabled;
-
-  &__control {
-    display: flex;
-    align-items: center;
-    margin-bottom: .5rem;
-
-    @include box();
-  }
-
-  &__label {
-    color: rgba($white, .5);
-    font-size: .75rem;
-    font-family: Ubuntu, sans-serif;
-    margin-bottom: .5rem;
-    display: block;
-    text-transform: uppercase;
-  }
-
-  &__field {
-    position: relative;
-    display: inline-block;
-    background: none;
-    width: 100%;
-    color: rgba($white, .5);
-    font-family: Ubuntu, sans-serif;
-    border: none;
-    outline: none;
-    padding: .75rem .5rem;
-    box-shadow: none;
-    font-size: 1rem;
-
-    &::placeholder {
-      color: rgba($white, .25);
-    }
-  }
-
-  &__icon {
-    display: flex;
-    width: 1.25rem;
-    height: 1.25rem;
-    justify-content: center;
-    align-items: center;
-    aspect-ratio: 50/50;
-    margin-left: .5rem;
-    pointer-events: none;
-
-    > * {
-      width: 1.25rem;
-      height: 1.25rem;
-    }
-
-  }
-
-  &__desc {
-    padding-left: 1rem;
-    color: rgba($white, .5);
-    font-size: .75rem;
-    font-family: Ubuntu, sans-serif;
-    margin: .5rem 0;
-
-    &:before {
-      //tabler info icon as an svg component
-      content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMin slice" width="12" height="12" viewBox="0 -2 24 24" stroke-width="2" stroke="rgba(255, 255, 255, 0.5)" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /><path d="M12 9h.01" /><path d="M11 12h1v4h1" /></svg>');
-      height: .75rem;
-      width: .75rem;
-      padding: .25rem 0;
-      margin-right: .25rem;
-    }
-  }
-
-  &__message {
-    display: none;
-    position: relative;
-    color: rgba($white, .5);
-    border-radius: $borderRadius;
-    font-size: .75rem;
-    z-index: -1;
-    font-family: Ubuntu, sans-serif;
-
-    > p {
-      margin: 0;
-      padding: .5rem .5rem .5rem 1rem;
-
-      &:before {
-        //tabler info icon as an svg component
-        content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMin slice" width="12" height="12" viewBox="0 -2 24 24" stroke-width="2" stroke="rgba(255, 255, 255, 0.5)" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /><path d="M12 9h.01" /><path d="M11 12h1v4h1" /></svg>');
-        height: .75rem;
-        width: .75rem;
-        padding: .25rem 0;
-        margin-right: .25rem;
-      }
-    }
-  }
-
-  &--not-valid {
-
-    .input__message {
-      display: block;
-      background: rgba($error, .1);
-
-    }
-  }
-
-  &--valid {
-
-    .input__message {
-      display: block;
-      background: rgba($success, .1);
-
-    }
-  }
-}
\ No newline at end of file
diff --git a/src/components/input/Input.tsx b/src/components/input/Input.tsx
deleted file mode 100644
index a973800f..00000000
--- a/src/components/input/Input.tsx
+++ /dev/null
@@ -1,132 +0,0 @@
-import React, {
-    DetailedHTMLProps,
-    InputHTMLAttributes,
-    ReactElement,
-    ReactNode,
-    RefAttributes, useEffect,
-    useRef,
-    useState
-} from "react";
-import "./Input.style.scss"
-import {TablerIcon} from "@tabler/icons-react";
-import {Code0Component} from "../../utils/types";
-
-export type InputState = {
-    value: boolean;
-    message: string;
-}
-
-export interface InputType extends InputHTMLAttributes<HTMLInputElement> {
-    onValueChange?: (value: string) => void;
-    preValue?: string;
-}
-
-export interface PinInputType {
-    value: string;
-    onValueChange?: (value: string) => void;
-    onBlur?: () => void;
-    preValue?: number[];
-}
-
-export interface InputWrapperType {
-    label?: string;
-    description?: string;
-    success?: InputState;
-    warning?: InputState;
-    error?: InputState;
-    children: ReactNode;
-}
-
-const Input: React.FC<InputType> = ({ preValue, onValueChange, ...props }) => {
-    const [value, setValue] = useState<string>(preValue || "");
-
-    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-        const inputValue = e.target.value;
-        setValue(inputValue);
-        onValueChange?.(inputValue);
-    }
-
-    return (
-        <input
-            className={"input"}
-            spellCheck={false}
-            value={value}
-            onChange={handleChange}
-            {...props}
-        />
-    );
-}
-
-const PinInput: React.FC<PinInputType> = ({ value, preValue, onValueChange, onBlur, ...props }) => {
-    const inputRefs = [useRef<HTMLInputElement>(null), useRef<HTMLInputElement>(null), useRef<HTMLInputElement>(null), useRef<HTMLInputElement>(null)];
-
-    useEffect(() => {
-        inputRefs[0].current?.focus();
-    }, []);
-
-    const focusNextInput = (currentIndex: number) => {
-        if (currentIndex < 3) {
-            inputRefs[currentIndex + 1].current?.focus();
-        } else {
-            inputRefs[currentIndex].current?.blur();
-            onBlur?.();
-        }
-    };
-
-    const handleChange = (e: React.ChangeEvent<HTMLInputElement>, index: number) => {
-        const inputValue = e.target.value;
-        if (inputValue.length <= 1 && /^\d*$/.test(inputValue)) {
-            const newValue = value.split('');
-            newValue[index] = inputValue;
-            onValueChange?.(newValue.join(''));
-
-            if (inputValue.length === 1) {
-                focusNextInput(index);
-            }
-        }
-    }
-
-    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>, index: number) => {
-        if (e.key === 'Backspace' && !value[index] && index > 0) {
-            inputRefs[index - 1].current?.focus();
-        }
-    };
-
-    return (
-        <div className={"pin-input"}>
-            {inputRefs.map((ref, index) => (
-                <input
-                    key={index}
-                    ref={ref}
-                    className={"pin-input__input"}
-                    type={"text"}
-                    maxLength={1}
-                    value={value[index] || ''}
-                    onChange={(e) => handleChange(e, index)}
-                    onKeyDown={(e) => handleKeyDown(e, index)}
-                    {...props}
-                />
-            ))}
-        </div>
-    );
-}
-
-const InputWrapper: React.FC<InputWrapperType> = ({label, description, success, warning, error, children}) => {
-    return (
-        <div className={"input-wrapper"}>
-        {label && <label className={"input-wrapper__label"}>{label}</label>}
-            {description && <p className={"input-wrapper__description"}>{description}</p>}
-            {children}
-            {success?.value && <p className={"input-wrapper__message input-wrapper__message--success"}>{success.message}</p>}
-            {warning?.value && <p className={"input-wrapper__message input-wrapper__message--warning"}>{warning.message}</p>}
-            {error?.value && <p className={"input-wrapper__message input-wrapper__message--error"}>{error.message}</p>}
-        </div>
-    );
-}
-
-
-export {
-    Input as default,
-    PinInput,
-    InputWrapper
-};
\ No newline at end of file
diff --git a/src/components/input/useValidation.ts b/src/components/input/useValidation.ts
deleted file mode 100644
index 1fe27b4f..00000000
--- a/src/components/input/useValidation.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import {useCallback, useState} from "react";
-
-export type ValidationRule = (value: string) => {
-    isValid: boolean;
-    message: string;
-}
-
-type ValidationStatus = 'idle' | 'error' | 'warning' | 'success';
-
-interface UseInputValidationProps {
-    //default value is empty string
-    initialValue?: string;
-    validationRules: ValidationRule[];
-    //default is 0
-    warningBuffer?: number;
-    successMessage?: string;
-    warningMessage?: string;
-}
-
-export function useValidation({ initialValue = "", validationRules, warningBuffer = 0, successMessage, warningMessage }: UseInputValidationProps) {
-    const [value, setValue] = useState<string>(initialValue);
-    const [state, setState] = useState<ValidationStatus>('idle');
-    const [message, setMessage] = useState<string>("");
-
-    const validateInput = useCallback(() => {
-        if (!validationRules) return;
-        let errorCount = 0;
-        let errorMessage = "";
-
-        for (const rule of validationRules) {
-            const {isValid, message} = rule(value);
-            if (isValid) continue;
-            errorCount++;
-            if (!errorMessage) errorMessage = message;
-        }
-
-        if (errorCount === 0) {
-            setState('success');
-            setMessage(successMessage || 'Input is valid');
-        } else if (errorCount <= warningBuffer && warningMessage) {
-            setState('warning');
-            setMessage(warningMessage || 'Input is valid but with warnings');
-        } else {
-            setState('error');
-            setMessage(errorMessage.trim() === "" ? "Input is invalid" : errorMessage);
-        }
-    }, [successMessage, validationRules, value, warningBuffer, warningMessage]);
-
-    return {value, setValue, state, message, validateInput};
-}
\ No newline at end of file
diff --git a/src/index.ts b/src/index.ts
index dc6e29d4..f282a727 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -7,7 +7,6 @@ export { default as Col} from "./components/col/Col"
 export { default as Container} from "./components/container/Container"
 export { default as Dropdown} from "./components/dropdown/Dropdown"
 export { default as Text} from "./components/Text/Text"
-export { default as Input } from "./components/input/Input";
 export { default as ListGroup} from "./components/list-group/ListGroup"
 export { default as Menu} from "./components/menu/Menu"
 export { default as Popover} from "./components/popover/Popover"

From fdc486a926f52d4211592fe57a12fac4edec5883 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 8 Oct 2024 20:09:54 +0200
Subject: [PATCH 04/67] removed old input components from tests

---
 src/components/dropdown/Dropdown.stories.tsx | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/components/dropdown/Dropdown.stories.tsx b/src/components/dropdown/Dropdown.stories.tsx
index ff502cf2..40147ab1 100644
--- a/src/components/dropdown/Dropdown.stories.tsx
+++ b/src/components/dropdown/Dropdown.stories.tsx
@@ -2,9 +2,8 @@ import {Meta} from "@storybook/react";
 import React from "react";
 import Dropdown from "./Dropdown";
 import Button from "../button/Button";
-import {IconAbc, IconSearch} from "@tabler/icons-react";
+import {IconAbc} from "@tabler/icons-react";
 import ButtonGroup from "../button-group/ButtonGroup";
-import Input from "../input/Input";
 
 const meta: Meta = {
     title: "Dropdown",
@@ -30,11 +29,6 @@ export const Dropdowns = () => {
                 <Button>Open Dropdown</Button>
             </Dropdown.Trigger>
             <Dropdown.Menu>
-                <Dropdown.Header>
-                    <Input.Control placeholder={"search..."}>
-                        <Input.Control.Icon><IconSearch/></Input.Control.Icon>
-                    </Input.Control>
-                </Dropdown.Header>
                 <Dropdown.Group>
                     <Dropdown.Group.Item>
                         Item 1

From 93f49c9030841c234f2cb56acfb00459af3a0595 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 8 Oct 2024 20:10:24 +0200
Subject: [PATCH 05/67] implemented useForm hook and test component

---
 src/components/form/Input.stories.tsx  | 29 ++++++++++
 src/components/form/useForm.ts         | 75 +++++++++++++++++++++++++
 src/components/input/Input.stories.tsx | 78 --------------------------
 3 files changed, 104 insertions(+), 78 deletions(-)
 create mode 100644 src/components/form/Input.stories.tsx
 create mode 100644 src/components/form/useForm.ts
 delete mode 100644 src/components/input/Input.stories.tsx

diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
new file mode 100644
index 00000000..4e03b334
--- /dev/null
+++ b/src/components/form/Input.stories.tsx
@@ -0,0 +1,29 @@
+import React, {forwardRef} from "react";
+import useForm from "./useForm";
+
+const TestC: React.FC<any> = forwardRef((props, ref) => {
+    console.log(props)
+    return <input type={"text"} {...props} ref={ref}></input>
+})
+export default {
+    title: "Input",
+    component: TestC
+}
+
+export const Test = () => {
+
+    const [inputs, validate] = useForm({
+        initialValues: {
+            test: "test@"
+        },
+        validate: {
+            test: (value) => !value.includes("@") ? "Hier ist was falsch" : null
+        }
+    })
+
+    return <>
+        <TestC {...inputs.test}/>
+        <button onClick={validate}></button>
+    </>
+
+}
\ No newline at end of file
diff --git a/src/components/form/useForm.ts b/src/components/form/useForm.ts
new file mode 100644
index 00000000..3b6e9bec
--- /dev/null
+++ b/src/components/form/useForm.ts
@@ -0,0 +1,75 @@
+"use client"
+
+import {RefObject, useCallback, useMemo, useRef, useState} from "react";
+
+export type Validations<Values> = Partial<{
+    [Key in keyof Values]: (value: Values[Key]) => string | null;
+}>
+
+interface FormValidationProps<Values> {
+    initialValues: Values
+    validate?: Validations<Values>
+}
+
+interface ValidationProps<Value> {
+    value: Value
+    valid: boolean
+    notValidMessage: string | null
+    ref: RefObject<HTMLInputElement>
+}
+
+type ValidationsProps<Values> = Partial<{
+    [Key in keyof Values]: ValidationProps<Values[Key]>
+}>
+
+type FormValidationReturn<Values> = [ValidationsProps<Values>, () => void]
+
+const useForm = <Values extends Record<string, any> = Record<string, any>>(props: FormValidationProps<Values>): FormValidationReturn<Values> => {
+
+    const {initialValues, validate} = props
+
+    const [valuesState, setValuesStore] = useState<Values>(initialValues)
+    const inputProps = useMemo<ValidationsProps<Values>>(() => {
+
+        let inputProps: ValidationsProps<Values> = {}
+
+        Object.entries(valuesState).map(([k, v]) => ({
+            name: k,
+            initialValue: v,
+            function: !!validate && !!validate[k] ? validate[k] : (value: typeof v) => null
+        })).forEach(item => {
+            Object.assign(inputProps, {
+                [item.name]: {
+                    defaultValue: item.initialValue,
+                    notValidMessage: item.function(item.initialValue),
+                    valid: !item.function(item.initialValue),
+                    ref: useRef<HTMLInputElement>(null)
+                }
+            })
+        })
+
+        return inputProps
+
+    }, [valuesState])
+
+    const validateFunction = useCallback(() => {
+
+        let values: { [index: string]: any } = {...valuesState}
+
+        Object.entries(inputProps as ValidationsProps<Values>).forEach(([key, value]) => {
+            const inputRef: RefObject<HTMLInputElement> = value.ref
+            values[key] = inputRef.current?.value
+        })
+
+        setValuesStore(values as Values)
+
+    }, [inputProps])
+
+    return [
+        inputProps,
+        validateFunction
+    ]
+
+}
+
+export default useForm
diff --git a/src/components/input/Input.stories.tsx b/src/components/input/Input.stories.tsx
deleted file mode 100644
index 6c42d7d7..00000000
--- a/src/components/input/Input.stories.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import React from "react";
-import Input, {InputWrapper, PinInput} from "./Input";
-import {useValidation} from "./useValidation";
-
-export default {
-    title: "Input",
-    component: Input
-};
-
-export const DefaultInput = () => {
-    const rules = [
-        (value: string) => ({
-            isValid: value.trim() !== "",
-            message: "Email is required"
-        }),
-        (value: string) => ({
-            isValid: value.includes("@"),
-            message: "Email is invalid"
-        })
-    ];
-
-    const { value, setValue, state, message, validateInput } = useValidation({
-        validationRules: rules,
-        successMessage: "Email is valid"
-    });
-
-    return (
-        <InputWrapper
-            label="Email"
-            description="Please enter your email address"
-            success={{ value: state === "success", message }}
-            warning={{ value: state === "warning", message }}
-            error={{ value: state === "error", message }}
-        >
-            <Input
-                value={value}
-                onValueChange={(value: string) => {
-                    console.log(value);
-                    setValue(value);
-                }}
-                onBlur={validateInput}
-            />
-        </InputWrapper>
-    );
-}
-
-export const DefaultPinInput = () => {
-    const rules = [
-        (value: string) => ({
-            isValid: value === "1234",
-            message: "Email is required"
-        })
-    ];
-
-    const { value, setValue, state, message, validateInput } = useValidation({
-        validationRules: rules,
-        successMessage: "Email is valid"
-    });
-
-    return (
-        <InputWrapper
-            label="Pin"
-            description="Please enter your pin"
-            success={{ value: state === "success", message }}
-            warning={{ value: state === "warning", message }}
-            error={{ value: state === "error", message }}
-        >
-            <PinInput
-                value={value}
-                onValueChange={(value: string) => {
-                    console.log(value);
-                    setValue(value);
-                }}
-                onBlur={validateInput}
-            />
-        </InputWrapper>
-    );
-}
\ No newline at end of file

From 8b511228da0db1f87ab27ea9a3c1ee39a0d49231 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Thu, 10 Oct 2024 07:56:34 +0200
Subject: [PATCH 06/67] fiy for do not use a hook inside a hook warning

---
 src/components/form/useForm.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/form/useForm.ts b/src/components/form/useForm.ts
index 3b6e9bec..f1007878 100644
--- a/src/components/form/useForm.ts
+++ b/src/components/form/useForm.ts
@@ -28,6 +28,7 @@ const useForm = <Values extends Record<string, any> = Record<string, any>>(props
 
     const {initialValues, validate} = props
 
+    const refs = Object.entries(initialValues).map(() =>  useRef<HTMLInputElement | null>(null))
     const [valuesState, setValuesStore] = useState<Values>(initialValues)
     const inputProps = useMemo<ValidationsProps<Values>>(() => {
 
@@ -37,13 +38,13 @@ const useForm = <Values extends Record<string, any> = Record<string, any>>(props
             name: k,
             initialValue: v,
             function: !!validate && !!validate[k] ? validate[k] : (value: typeof v) => null
-        })).forEach(item => {
+        })).forEach((item, index) => {
             Object.assign(inputProps, {
                 [item.name]: {
                     defaultValue: item.initialValue,
                     notValidMessage: item.function(item.initialValue),
                     valid: !item.function(item.initialValue),
-                    ref: useRef<HTMLInputElement>(null)
+                    ref: refs[index]
                 }
             })
         })
@@ -61,7 +62,7 @@ const useForm = <Values extends Record<string, any> = Record<string, any>>(props
             values[key] = inputRef.current?.value
         })
 
-        setValuesStore(values as Values)
+        setValuesStore(() => values as Values)
 
     }, [inputProps])
 

From 0aad7e95e94eb4f6140b66b3883a09b9cb1fd924 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Thu, 10 Oct 2024 14:06:38 +0200
Subject: [PATCH 07/67] changing active and focus border behaviour

---
 src/styles/_helpers.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/styles/_helpers.scss b/src/styles/_helpers.scss
index c3f6750f..9818bac5 100644
--- a/src/styles/_helpers.scss
+++ b/src/styles/_helpers.scss
@@ -21,7 +21,7 @@
       outline: none;
     }
 
-    &:active {
+    &:active, &--active, &:focus, &:focus-visible {
       border: 1px solid borderColor($color, true);
     }
   }

From 24a9f1c29197b4cc923cc2b888517e97acc18df5 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Thu, 10 Oct 2024 14:07:39 +0200
Subject: [PATCH 08/67] new input component

---
 src/components/form/Input.stories.tsx    | 68 ++++++++++++++----
 src/components/form/Input.style.scss     | 88 ++++++++++++++++++++++++
 src/components/form/Input.tsx            | 61 ++++++++++++++++
 src/components/form/InputDescription.tsx | 17 +++++
 src/components/form/InputLabel.tsx       | 17 +++++
 src/components/form/InputMessage.tsx     | 19 +++++
 6 files changed, 258 insertions(+), 12 deletions(-)
 create mode 100644 src/components/form/Input.style.scss
 create mode 100644 src/components/form/Input.tsx
 create mode 100644 src/components/form/InputDescription.tsx
 create mode 100644 src/components/form/InputLabel.tsx
 create mode 100644 src/components/form/InputMessage.tsx

diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
index 4e03b334..e70fc0c5 100644
--- a/src/components/form/Input.stories.tsx
+++ b/src/components/form/Input.stories.tsx
@@ -1,29 +1,73 @@
-import React, {forwardRef} from "react";
+import React from "react";
 import useForm from "./useForm";
+import Input from "./Input";
+import Card from "../card/Card";
+import Button from "../button/Button";
+import {IconEye, IconMail} from "@tabler/icons-react";
+import Select from "../select/Select";
+import {Text} from "../../index";
 
-const TestC: React.FC<any> = forwardRef((props, ref) => {
-    console.log(props)
-    return <input type={"text"} {...props} ref={ref}></input>
-})
 export default {
     title: "Input",
-    component: TestC
+    component: Input
 }
 
 export const Test = () => {
 
     const [inputs, validate] = useForm({
         initialValues: {
-            test: "test@"
+            test: null
         },
         validate: {
-            test: (value) => !value.includes("@") ? "Hier ist was falsch" : null
+            test: (value) => {
+                if (!value) return "Test is required"
+                return null
+            }
         }
     })
 
-    return <>
-        <TestC {...inputs.test}/>
-        <button onClick={validate}></button>
-    </>
+    return <Card>
+        <form>
+            <Input
+                right={<IconMail size={13}/>}
+                left={
+                    <Button color={"primary"}><IconEye size={13}/></Button>
+                }
+                leftType={"action"}
+                rightType={"icon"}
+                label={"Email"}
+                description={"Provide a valid email address"}
+                type={"text"}
+                placeholder={"test"}
+                required
+                {...(inputs.test)}/>
+            <br/>
+            <Input
+                right={
+                    <Select placement={"bottom-start"}>
+                        <Select.Button/>
+                        <Select.Popover>
+                            <Select.Group>
+                                <Select.GroupLabel>Fruits</Select.GroupLabel>
+                                <Select.Item value={"Apple"}/>
+                                <Select.Item value={"Banana"}/>
+                                <Select.Item disabled value={"Grape"}/>
+                                <Select.Item value={"Orange"}/>
+                            </Select.Group>
+
+                        </Select.Popover>
+                    </Select>
+                }
+                rightType={"action"}
+                label={"Email"}
+                description={"Provide a valid email address"}
+                type={"text"}
+                placeholder={"test"}
+                required
+                {...(inputs.test)}/>
+            <br/>
+            <Button color={"secondary"} onClick={validate}>Test form</Button>
+        </form>
+    </Card>
 
 }
\ No newline at end of file
diff --git a/src/components/form/Input.style.scss b/src/components/form/Input.style.scss
new file mode 100644
index 00000000..e9cf4dce
--- /dev/null
+++ b/src/components/form/Input.style.scss
@@ -0,0 +1,88 @@
+@import "../../styles/helpers";
+
+.input {
+
+  @include box(true, $primary);
+  display: flex;
+  align-items: center;
+
+
+  &:has(&__control:focus) {
+    border: 1px solid borderColor($primary, true);
+  }
+
+  &--not-valid {
+    border: 1px solid borderColor($error, true);
+  }
+
+  &__left, &__right {
+    display: flex;
+    height: 100%;
+    align-items: center;
+
+    &--action {
+      padding: 0;
+    }
+
+    &--placeholder {
+      @include box(false, $secondary);
+      padding: $xxs;
+    }
+
+  }
+
+  &__left {
+    &--icon {
+      padding: $xxs 0 $xxs $xxs;
+    }
+  }
+
+  &__right {
+    &--icon {
+      padding: $xxs $xxs $xxs 0;
+    }
+  }
+
+  &__control {
+    background: none;
+    border: none;
+    outline: none;
+    padding: $xs $xxs;
+    flex: 1;
+    box-shadow: none;
+    font-size: $sm;
+    color: rgba($white, .5);
+  }
+
+
+  &__label {
+    text-transform: uppercase;
+    color: rgba($white, .5);
+    font-size: $xs;
+    margin: $xxs 0;
+    display: block;
+  }
+
+  &__description {
+    color: rgba($white, .5);
+    font-size: $sm;
+    margin: $xxs 0;
+    display: block;
+  }
+
+  &__message {
+    @include box(false, $error);
+    padding: $xxs;
+    margin: $xxs 0;
+    display: flex;
+    align-items: center;
+    font-size: $xs;
+    gap: $xxs;
+
+    > svg {
+      width: $xs;
+      height: $xs;
+    }
+  }
+
+}
\ No newline at end of file
diff --git a/src/components/form/Input.tsx b/src/components/form/Input.tsx
new file mode 100644
index 00000000..b27e82f5
--- /dev/null
+++ b/src/components/form/Input.tsx
@@ -0,0 +1,61 @@
+import {Code0Component, Color} from "../../utils/types";
+import React from "react";
+import {ValidationProps} from "./useForm";
+import {mergeCode0Props} from "../../utils/utils";
+import "./Input.style.scss"
+import InputLabel from "./InputLabel";
+import InputDescription from "./InputDescription";
+import InputMessage from "./InputMessage";
+
+export interface InputProps<T> extends Omit<Code0Component<HTMLInputElement>, "label">, ValidationProps<T> {
+
+    right?: React.ReactNode | React.ReactElement
+    left?: React.ReactNode | React.ReactElement
+    leftType?: "action" | "placeholder" | "icon"
+    rightType?: "action" | "placeholder" | "icon"
+    label?: React.ReactNode | React.ReactElement
+    description?: React.ReactNode | React.ReactElement
+    color?: Color
+}
+
+
+const Input: React.FC<InputProps<any>> = React.forwardRef((props: InputProps<any>, ref) => {
+
+    const {
+        label,
+        description,
+        disabled = false,
+        left,
+        right,
+        leftType = "icon",
+        rightType = "action",
+        notValidMessage,
+        valid,
+        ...rest
+    } = props
+
+    return <>
+
+        {!!label ? <InputLabel children={label}/> : null}
+        {!!description ? <InputDescription children={description}/> : null}
+
+        <div className={`input ${!valid ? "input--not-valid" : ""}`}>
+
+            {!!left ? <span className={`input__left input__left--${leftType}`}>
+                {left}
+            </span>: null}
+
+            <input ref={ref} {...mergeCode0Props("input__control", rest)}/>
+
+            {!!right ? <span className={`input__right input__right--${rightType}`}>
+                {right}
+            </span> : null}
+
+        </div>
+
+        {!valid && notValidMessage ? <InputMessage children={notValidMessage}/> : null}
+    </>
+})
+
+
+export default Input
\ No newline at end of file
diff --git a/src/components/form/InputDescription.tsx b/src/components/form/InputDescription.tsx
new file mode 100644
index 00000000..46d0ad9c
--- /dev/null
+++ b/src/components/form/InputDescription.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+
+export interface InputDescriptionProps {
+    children: React.ReactNode | React.ReactElement
+}
+
+const InputDescription: React.FC<InputDescriptionProps> = (props) => {
+
+    const {children} = props
+
+    return <span className={"input__description"}>
+        {children}
+    </span>
+
+}
+
+export default InputDescription
\ No newline at end of file
diff --git a/src/components/form/InputLabel.tsx b/src/components/form/InputLabel.tsx
new file mode 100644
index 00000000..4fee9f7a
--- /dev/null
+++ b/src/components/form/InputLabel.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+
+export interface InputLabelProps {
+    children: React.ReactNode | React.ReactElement
+}
+
+const InputLabel: React.FC<InputLabelProps> = (props) => {
+
+    const {children} = props
+
+    return <label className={"input__label"}>
+        {children}
+    </label>
+
+}
+
+export default InputLabel
\ No newline at end of file
diff --git a/src/components/form/InputMessage.tsx b/src/components/form/InputMessage.tsx
new file mode 100644
index 00000000..8d6d54fb
--- /dev/null
+++ b/src/components/form/InputMessage.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+import {IconExclamationCircle} from "@tabler/icons-react";
+
+export interface InputMessageProps {
+    children: string
+}
+
+const InputMessage: React.FC<InputMessageProps> = (props) => {
+
+    const {children} = props
+
+    return <span className={"input__message"}>
+        <IconExclamationCircle/>
+        {children}
+    </span>
+
+}
+
+export default InputMessage
\ No newline at end of file

From 6a8683e5e4d39b4c8e7c6f4da8780412f15e5d02 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Thu, 10 Oct 2024 14:08:11 +0200
Subject: [PATCH 09/67] fixing some logic bugs inside the useForm hook and
 export interfaces and types

---
 src/components/form/useForm.ts | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/components/form/useForm.ts b/src/components/form/useForm.ts
index f1007878..61963125 100644
--- a/src/components/form/useForm.ts
+++ b/src/components/form/useForm.ts
@@ -6,23 +6,23 @@ export type Validations<Values> = Partial<{
     [Key in keyof Values]: (value: Values[Key]) => string | null;
 }>
 
-interface FormValidationProps<Values> {
+export interface FormValidationProps<Values> {
     initialValues: Values
     validate?: Validations<Values>
 }
 
-interface ValidationProps<Value> {
-    value: Value
-    valid: boolean
-    notValidMessage: string | null
-    ref: RefObject<HTMLInputElement>
+export interface ValidationProps<Value> {
+    defaultValue?: Value
+    valid?: boolean
+    notValidMessage?: string | null
+    ref?: RefObject<HTMLInputElement>
 }
 
-type ValidationsProps<Values> = Partial<{
+export type ValidationsProps<Values> = Partial<{
     [Key in keyof Values]: ValidationProps<Values[Key]>
 }>
 
-type FormValidationReturn<Values> = [ValidationsProps<Values>, () => void]
+export type FormValidationReturn<Values> = [ValidationsProps<Values>, () => void]
 
 const useForm = <Values extends Record<string, any> = Record<string, any>>(props: FormValidationProps<Values>): FormValidationReturn<Values> => {
 
@@ -39,11 +39,14 @@ const useForm = <Values extends Record<string, any> = Record<string, any>>(props
             initialValue: v,
             function: !!validate && !!validate[k] ? validate[k] : (value: typeof v) => null
         })).forEach((item, index) => {
+
+            const message = item.initialValue !== null ? item.function(item.initialValue) : null
+
             Object.assign(inputProps, {
                 [item.name]: {
                     defaultValue: item.initialValue,
-                    notValidMessage: item.function(item.initialValue),
-                    valid: !item.function(item.initialValue),
+                    notValidMessage: message,
+                    valid: message === null ? true : !message,
                     ref: refs[index]
                 }
             })

From 6e1f0a5b6773c13bcd250959ca5669f662b8878c Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Thu, 10 Oct 2024 22:52:23 +0200
Subject: [PATCH 10/67] changing padding to xs

---
 src/components/form/Input.style.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/form/Input.style.scss b/src/components/form/Input.style.scss
index e9cf4dce..1ebf9790 100644
--- a/src/components/form/Input.style.scss
+++ b/src/components/form/Input.style.scss
@@ -2,6 +2,8 @@
 
 .input {
 
+  $padding: $xs;
+
   @include box(true, $primary);
   display: flex;
   align-items: center;

From 27eb2e2e49d809070b2f5e53ea85891802a3ea82 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Thu, 10 Oct 2024 22:52:48 +0200
Subject: [PATCH 11/67] stretching left and right items to fit into input

---
 src/components/form/Input.style.scss | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/form/Input.style.scss b/src/components/form/Input.style.scss
index 1ebf9790..f20b2189 100644
--- a/src/components/form/Input.style.scss
+++ b/src/components/form/Input.style.scss
@@ -6,7 +6,7 @@
 
   @include box(true, $primary);
   display: flex;
-  align-items: center;
+  align-items: stretch;
 
 
   &:has(&__control:focus) {
@@ -19,8 +19,8 @@
 
   &__left, &__right {
     display: flex;
-    height: 100%;
-    align-items: center;
+    align-items: stretch;
+
 
     &--action {
       padding: 0;
@@ -28,20 +28,20 @@
 
     &--placeholder {
       @include box(false, $secondary);
-      padding: $xxs;
+      padding: $padding;
     }
 
   }
 
   &__left {
     &--icon {
-      padding: $xxs 0 $xxs $xxs;
+      padding: $padding 0 $padding $padding;
     }
   }
 
   &__right {
     &--icon {
-      padding: $xxs $xxs $xxs 0;
+      padding: $padding $padding $padding 0;
     }
   }
 
@@ -49,7 +49,7 @@
     background: none;
     border: none;
     outline: none;
-    padding: $xs $xxs;
+    padding: $padding $padding;
     flex: 1;
     box-shadow: none;
     font-size: $sm;
@@ -61,25 +61,25 @@
     text-transform: uppercase;
     color: rgba($white, .5);
     font-size: $xs;
-    margin: $xxs 0;
+    margin: $padding 0;
     display: block;
   }
 
   &__description {
     color: rgba($white, .5);
     font-size: $sm;
-    margin: $xxs 0;
+    margin: $padding 0;
     display: block;
   }
 
   &__message {
     @include box(false, $error);
-    padding: $xxs;
-    margin: $xxs 0;
+    padding: $padding;
+    margin: $padding 0;
     display: flex;
     align-items: center;
     font-size: $xs;
-    gap: $xxs;
+    gap: $padding;
 
     > svg {
       width: $xs;

From f7a7f9f9bc9b0cf0ab7379fcaaef97ab397ae278 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Thu, 10 Oct 2024 22:53:04 +0200
Subject: [PATCH 12/67] fixing type errors and conflicts

---
 src/components/form/Input.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/form/Input.tsx b/src/components/form/Input.tsx
index b27e82f5..7456c856 100644
--- a/src/components/form/Input.tsx
+++ b/src/components/form/Input.tsx
@@ -1,5 +1,5 @@
 import {Code0Component, Color} from "../../utils/types";
-import React from "react";
+import React, {LegacyRef} from "react";
 import {ValidationProps} from "./useForm";
 import {mergeCode0Props} from "../../utils/utils";
 import "./Input.style.scss"
@@ -7,7 +7,9 @@ import InputLabel from "./InputLabel";
 import InputDescription from "./InputDescription";
 import InputMessage from "./InputMessage";
 
-export interface InputProps<T> extends Omit<Code0Component<HTMLInputElement>, "label">, ValidationProps<T> {
+type Code0Input = Omit<Omit<Omit<Omit<Omit<Code0Component<HTMLInputElement>, "defaultValue">, "ref">, "left">, "right">, "label">
+
+export interface InputProps<T> extends Code0Input, ValidationProps<T> {
 
     right?: React.ReactNode | React.ReactElement
     left?: React.ReactNode | React.ReactElement
@@ -19,7 +21,7 @@ export interface InputProps<T> extends Omit<Code0Component<HTMLInputElement>, "l
 }
 
 
-const Input: React.FC<InputProps<any>> = React.forwardRef((props: InputProps<any>, ref) => {
+const Input: React.ForwardRefExoticComponent<Omit<InputProps<any>, "ref">> = React.forwardRef((props: InputProps<any>, ref) => {
 
     const {
         label,
@@ -41,15 +43,15 @@ const Input: React.FC<InputProps<any>> = React.forwardRef((props: InputProps<any
 
         <div className={`input ${!valid ? "input--not-valid" : ""}`}>
 
-            {!!left ? <span className={`input__left input__left--${leftType}`}>
+            {!!left ? <div className={`input__left input__left--${leftType}`}>
                 {left}
-            </span>: null}
+            </div>: null}
 
-            <input ref={ref} {...mergeCode0Props("input__control", rest)}/>
+            <input ref={ref as LegacyRef<HTMLInputElement> | undefined} {...mergeCode0Props("input__control", rest)}/>
 
-            {!!right ? <span className={`input__right input__right--${rightType}`}>
+            {!!right ? <div className={`input__right input__right--${rightType}`}>
                 {right}
-            </span> : null}
+            </div> : null}
 
         </div>
 

From c67ea07141cb2bf799c7dc08c65fe813cd67e29c Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 22 Oct 2024 15:44:17 +0200
Subject: [PATCH 13/67] adding wrapper styling option

---
 src/components/form/Input.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/form/Input.tsx b/src/components/form/Input.tsx
index 7456c856..7707ca34 100644
--- a/src/components/form/Input.tsx
+++ b/src/components/form/Input.tsx
@@ -11,6 +11,7 @@ type Code0Input = Omit<Omit<Omit<Omit<Omit<Code0Component<HTMLInputElement>, "de
 
 export interface InputProps<T> extends Code0Input, ValidationProps<T> {
 
+    wrapperComponent?: Code0Component<HTMLDivElement>
     right?: React.ReactNode | React.ReactElement
     left?: React.ReactNode | React.ReactElement
     leftType?: "action" | "placeholder" | "icon"
@@ -24,6 +25,7 @@ export interface InputProps<T> extends Code0Input, ValidationProps<T> {
 const Input: React.ForwardRefExoticComponent<Omit<InputProps<any>, "ref">> = React.forwardRef((props: InputProps<any>, ref) => {
 
     const {
+        wrapperComponent = {},
         label,
         description,
         disabled = false,
@@ -32,7 +34,7 @@ const Input: React.ForwardRefExoticComponent<Omit<InputProps<any>, "ref">> = Rea
         leftType = "icon",
         rightType = "action",
         notValidMessage,
-        valid,
+        valid = true,
         ...rest
     } = props
 
@@ -41,7 +43,7 @@ const Input: React.ForwardRefExoticComponent<Omit<InputProps<any>, "ref">> = Rea
         {!!label ? <InputLabel children={label}/> : null}
         {!!description ? <InputDescription children={description}/> : null}
 
-        <div className={`input ${!valid ? "input--not-valid" : ""}`}>
+        <div {...mergeCode0Props(`input ${!valid ? "input--not-valid" : ""}`, wrapperComponent)}>
 
             {!!left ? <div className={`input__left input__left--${leftType}`}>
                 {left}

From 85f090e97ebf6f27d0e30febaa375dc493a3968c Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 22 Oct 2024 15:44:44 +0200
Subject: [PATCH 14/67] examples

---
 src/components/form/Input.stories.tsx | 135 ++++++++++++++++++--------
 1 file changed, 94 insertions(+), 41 deletions(-)

diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
index e70fc0c5..de3e18e5 100644
--- a/src/components/form/Input.stories.tsx
+++ b/src/components/form/Input.stories.tsx
@@ -3,71 +3,124 @@ import useForm from "./useForm";
 import Input from "./Input";
 import Card from "../card/Card";
 import Button from "../button/Button";
-import {IconEye, IconMail} from "@tabler/icons-react";
-import Select from "../select/Select";
-import {Text} from "../../index";
+import {IconEye, IconKey, IconLogin, IconMail, IconMinus, IconPlus, IconX} from "@tabler/icons-react";
+import ButtonGroup from "../button-group/ButtonGroup";
+import Text from "../Text/Text";
 
 export default {
     title: "Input",
     component: Input
 }
 
-export const Test = () => {
+export const Login = () => {
 
     const [inputs, validate] = useForm({
         initialValues: {
-            test: null
+            email: null,
+            password: null,
+            checkbox: true
         },
         validate: {
-            test: (value) => {
-                if (!value) return "Test is required"
+            email: (value) => {
+                if (!value) return "Email is required"
+                return null
+            },
+            password: (value) => {
+                if (!value) return "Password is required"
                 return null
             }
+        },
+        onSubmit: (values) => {
+            console.log(values)
         }
     })
 
-    return <Card>
+    return <Card maw={300}>
+        <Text size={"xl"} display={"block"} hierarchy={"primary"}>Login</Text>
+        <br/>
+        <Text size={"sm"} display={"block"}>
+            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+            dolore magna aliquyam erat, sed diam voluptua.
+        </Text>
+        <br/>
         <form>
             <Input
-                right={<IconMail size={13}/>}
-                left={
-                    <Button color={"primary"}><IconEye size={13}/></Button>
-                }
-                leftType={"action"}
-                rightType={"icon"}
+                placeholder={"Email"}
                 label={"Email"}
-                description={"Provide a valid email address"}
-                type={"text"}
-                placeholder={"test"}
-                required
-                {...(inputs.test)}/>
+                type={"checkbox"}
+                description={"Your Email address for login"}
+                left={<IconMail size={13}/>}
+                right={<Button><IconX size={13}/></Button>}
+                {...inputs.checkbox}
+            />
             <br/>
             <Input
-                right={
-                    <Select placement={"bottom-start"}>
-                        <Select.Button/>
-                        <Select.Popover>
-                            <Select.Group>
-                                <Select.GroupLabel>Fruits</Select.GroupLabel>
-                                <Select.Item value={"Apple"}/>
-                                <Select.Item value={"Banana"}/>
-                                <Select.Item disabled value={"Grape"}/>
-                                <Select.Item value={"Orange"}/>
-                            </Select.Group>
-
-                        </Select.Popover>
-                    </Select>
-                }
-                rightType={"action"}
+                placeholder={"Email"}
                 label={"Email"}
-                description={"Provide a valid email address"}
-                type={"text"}
-                placeholder={"test"}
-                required
-                {...(inputs.test)}/>
+                type={"email"}
+                description={"Your Email address for login"}
+                left={<IconMail size={13}/>}
+                right={<Button><IconX size={13}/></Button>}
+                {...inputs.email}
+            />
+            <br/>
+            <Input
+                placeholder={"Password"}
+                label={"Password"}
+                type={"password"}
+                description={"Your password for login"}
+                left={<IconKey size={13}/>}
+                right={<ButtonGroup>
+                    <Button><IconEye size={13}/></Button>
+                    <Button><IconX size={13}/></Button>
+                </ButtonGroup>}
+                {...inputs.password}
+            />
             <br/>
-            <Button color={"secondary"} onClick={validate}>Test form</Button>
+            <div style={{
+                display: "flex",
+                justifyContent:"end"
+            }}>
+                <Button color={"info"} onClick={validate}>
+                    <IconLogin size={13}/>
+                    Login
+                </Button>
+
+            </div>
+
         </form>
     </Card>
 
+}
+
+export const WebsiteInput = () => {
+
+    return <Card maw={300}>
+        <Input
+            label={"website"}
+            description={"Your website for linking"}
+            type={"text"}
+            placeholder={"code0.tech"}
+            left={"https://"}
+            leftType={"placeholder"}
+            right={<Button><IconX size={13}/></Button>}
+        />
+    </Card>
+
+}
+
+export const NumberInput = () => {
+
+    return <Card maw={300}>
+        <Input
+            label={"number"}
+            description={"Increase and decrease your number"}
+            type={"number"}
+            placeholder={"code0.tech"}
+            left={<Button color={"secondary"}><IconMinus size={13}/></Button>}
+            leftType={"action"}
+            right={<Button color={"secondary"}><IconPlus size={13}/></Button>}
+        />
+    </Card>
+
 }
\ No newline at end of file

From e75da8e040236edf219b411e6e8f823669a703b3 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 22 Oct 2024 15:44:56 +0200
Subject: [PATCH 15/67] styling

---
 src/components/form/Input.style.scss | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/form/Input.style.scss b/src/components/form/Input.style.scss
index f20b2189..445a332b 100644
--- a/src/components/form/Input.style.scss
+++ b/src/components/form/Input.style.scss
@@ -6,6 +6,7 @@
 
   @include box(true, $primary);
   display: flex;
+  z-index: 1;
   align-items: stretch;
 
 
@@ -21,7 +22,6 @@
     display: flex;
     align-items: stretch;
 
-
     &--action {
       padding: 0;
     }
@@ -35,12 +35,14 @@
 
   &__left {
     &--icon {
+      align-items: center;
       padding: $padding 0 $padding $padding;
     }
   }
 
   &__right {
     &--icon {
+      align-items: center;
       padding: $padding $padding $padding 0;
     }
   }
@@ -61,21 +63,24 @@
     text-transform: uppercase;
     color: rgba($white, .5);
     font-size: $xs;
-    margin: $padding 0;
+    //margin: $padding 0;
     display: block;
   }
 
   &__description {
     color: rgba($white, .5);
     font-size: $sm;
-    margin: $padding 0;
+    margin: $padding/2 0 $padding;
     display: block;
   }
 
   &__message {
     @include box(false, $error);
-    padding: $padding;
-    margin: $padding 0;
+    border-top-right-radius: 0;
+    border-top-left-radius: 0;
+    padding: $padding * 2 $padding $padding;
+    top: -$padding;
+    z-index: 0;
     display: flex;
     align-items: center;
     font-size: $xs;

From 4b7b1499b7892a6276432e9c2a9388be2f7537f6 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 22 Oct 2024 15:45:25 +0200
Subject: [PATCH 16/67] better performance of useForm hook and added onSubmit
 function

---
 src/components/form/useForm.ts | 55 ++++++++++++++++++++--------------
 1 file changed, 32 insertions(+), 23 deletions(-)

diff --git a/src/components/form/useForm.ts b/src/components/form/useForm.ts
index 61963125..7255e2e4 100644
--- a/src/components/form/useForm.ts
+++ b/src/components/form/useForm.ts
@@ -1,6 +1,6 @@
 "use client"
 
-import {RefObject, useCallback, useMemo, useRef, useState} from "react";
+import {RefObject, useCallback, useRef, useState} from "react";
 
 export type Validations<Values> = Partial<{
     [Key in keyof Values]: (value: Values[Key]) => string | null;
@@ -8,7 +8,8 @@ export type Validations<Values> = Partial<{
 
 export interface FormValidationProps<Values> {
     initialValues: Values
-    validate?: Validations<Values>
+    validate?: Validations<Values>,
+    onSubmit?: (values: Values) => void
 }
 
 export interface ValidationProps<Value> {
@@ -24,50 +25,58 @@ export type ValidationsProps<Values> = Partial<{
 
 export type FormValidationReturn<Values> = [ValidationsProps<Values>, () => void]
 
+
 const useForm = <Values extends Record<string, any> = Record<string, any>>(props: FormValidationProps<Values>): FormValidationReturn<Values> => {
 
-    const {initialValues, validate} = props
+    const {initialValues, validate, onSubmit = () => {}} = props
 
     const refs = Object.entries(initialValues).map(() =>  useRef<HTMLInputElement | null>(null))
-    const [valuesState, setValuesStore] = useState<Values>(initialValues)
-    const inputProps = useMemo<ValidationsProps<Values>>(() => {
+    const [inputProps, setInputProps] = useState<ValidationsProps<Values>>({})
+
+    const validateFunction = useCallback(() => {
 
+        let submittable = true
         let inputProps: ValidationsProps<Values> = {}
+        let submitProps: Object = {}
+
+        Object.entries(initialValues).map(([k, v], index) => {
+
+            const inputRef: RefObject<HTMLInputElement> = refs[index]
+            const currentValue = inputRef.current?.value
+
+            return {
+                name: k,
+                value: currentValue as typeof v || undefined,
+                function: !!validate && !!validate[k] ? validate[k] : (value: typeof currentValue) => null
+            }
 
-        Object.entries(valuesState).map(([k, v]) => ({
-            name: k,
-            initialValue: v,
-            function: !!validate && !!validate[k] ? validate[k] : (value: typeof v) => null
-        })).forEach((item, index) => {
+        }).forEach((item, index) => {
 
-            const message = item.initialValue !== null ? item.function(item.initialValue) : null
+            const message = item.value !== null ? item.function(item.value) : null
+            submittable = submittable ? message === null ? true : !message : false
 
             Object.assign(inputProps, {
                 [item.name]: {
-                    defaultValue: item.initialValue,
+                    defaultValue: item.value,
                     notValidMessage: message,
                     valid: message === null ? true : !message,
                     ref: refs[index]
                 }
             })
-        })
 
-        return inputProps
+            Object.assign(submitProps, {
+                [item.name]: item.value
+            })
 
-    }, [valuesState])
+        })
 
-    const validateFunction = useCallback(() => {
+        setInputProps(() => inputProps)
 
-        let values: { [index: string]: any } = {...valuesState}
+        if (submittable) onSubmit(submitProps as Values)
 
-        Object.entries(inputProps as ValidationsProps<Values>).forEach(([key, value]) => {
-            const inputRef: RefObject<HTMLInputElement> = value.ref
-            values[key] = inputRef.current?.value
-        })
 
-        setValuesStore(() => values as Values)
 
-    }, [inputProps])
+    }, [])
 
     return [
         inputProps,

From 7fa0873fc8fb4cd5e377ca76643c8d8b57693af0 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 22 Oct 2024 15:46:09 +0200
Subject: [PATCH 17/67] removing checkbox

---
 src/components/form/Input.stories.tsx | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
index de3e18e5..544ae737 100644
--- a/src/components/form/Input.stories.tsx
+++ b/src/components/form/Input.stories.tsx
@@ -44,16 +44,6 @@ export const Login = () => {
         </Text>
         <br/>
         <form>
-            <Input
-                placeholder={"Email"}
-                label={"Email"}
-                type={"checkbox"}
-                description={"Your Email address for login"}
-                left={<IconMail size={13}/>}
-                right={<Button><IconX size={13}/></Button>}
-                {...inputs.checkbox}
-            />
-            <br/>
             <Input
                 placeholder={"Email"}
                 label={"Email"}

From b3ea8921c3d0ca2b3f907e9217f32c29342d92b9 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 22 Oct 2024 16:40:51 +0200
Subject: [PATCH 18/67] removing ref because of type conflicts

---
 src/components/form/useForm.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/form/useForm.ts b/src/components/form/useForm.ts
index 7255e2e4..4d29647a 100644
--- a/src/components/form/useForm.ts
+++ b/src/components/form/useForm.ts
@@ -16,7 +16,8 @@ export interface ValidationProps<Value> {
     defaultValue?: Value
     valid?: boolean
     notValidMessage?: string | null
-    ref?: RefObject<HTMLInputElement>
+    //ref?: RefObject<HTMLInputElement>,
+    required?: boolean
 }
 
 export type ValidationsProps<Values> = Partial<{

From c323a22bcf80c8ee1710398067994869ae1279ef Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 22 Oct 2024 16:41:10 +0200
Subject: [PATCH 19/67] adding input type checking

---
 src/components/form/useForm.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/form/useForm.ts b/src/components/form/useForm.ts
index 4d29647a..3a6ffb4c 100644
--- a/src/components/form/useForm.ts
+++ b/src/components/form/useForm.ts
@@ -43,7 +43,8 @@ const useForm = <Values extends Record<string, any> = Record<string, any>>(props
         Object.entries(initialValues).map(([k, v], index) => {
 
             const inputRef: RefObject<HTMLInputElement> = refs[index]
-            const currentValue = inputRef.current?.value
+            const type = inputRef.current?.type ?? "text"
+            const currentValue = (type == "checkbox" || type == "radio") ? inputRef.current?.checked : inputRef.current?.value
 
             return {
                 name: k,
@@ -61,7 +62,8 @@ const useForm = <Values extends Record<string, any> = Record<string, any>>(props
                     defaultValue: item.value,
                     notValidMessage: message,
                     valid: message === null ? true : !message,
-                    ref: refs[index]
+                    ref: refs[index],
+                    ...(!!validate ? {required: true} : {})
                 }
             })
 

From a66097661f5fa4a1110221ad70cfdd24cf8a37cc Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 22 Oct 2024 16:41:29 +0200
Subject: [PATCH 20/67] type problems

---
 src/components/form/Input.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/form/Input.tsx b/src/components/form/Input.tsx
index 7707ca34..0a8a4f12 100644
--- a/src/components/form/Input.tsx
+++ b/src/components/form/Input.tsx
@@ -1,4 +1,4 @@
-import {Code0Component, Color} from "../../utils/types";
+import {Code0Component} from "../../utils/types";
 import React, {LegacyRef} from "react";
 import {ValidationProps} from "./useForm";
 import {mergeCode0Props} from "../../utils/utils";
@@ -7,7 +7,7 @@ import InputLabel from "./InputLabel";
 import InputDescription from "./InputDescription";
 import InputMessage from "./InputMessage";
 
-type Code0Input = Omit<Omit<Omit<Omit<Omit<Code0Component<HTMLInputElement>, "defaultValue">, "ref">, "left">, "right">, "label">
+type Code0Input = Omit<Omit<Omit<Omit<Code0Component<HTMLInputElement>, "defaultValue">, "left">, "right">, "label">
 
 export interface InputProps<T> extends Code0Input, ValidationProps<T> {
 
@@ -18,11 +18,10 @@ export interface InputProps<T> extends Code0Input, ValidationProps<T> {
     rightType?: "action" | "placeholder" | "icon"
     label?: React.ReactNode | React.ReactElement
     description?: React.ReactNode | React.ReactElement
-    color?: Color
 }
 
 
-const Input: React.ForwardRefExoticComponent<Omit<InputProps<any>, "ref">> = React.forwardRef((props: InputProps<any>, ref) => {
+const Input: React.ForwardRefExoticComponent<InputProps<any>> = React.forwardRef((props: InputProps<any>, ref) => {
 
     const {
         wrapperComponent = {},

From df84a289dfc685386346d58045df75ff51675e45 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 22 Oct 2024 16:41:45 +0200
Subject: [PATCH 21/67] first implementation of password input

---
 src/components/form/Input.stories.tsx |  8 ++---
 src/components/form/PasswordInput.tsx | 45 +++++++++++++++++++++++++++
 2 files changed, 47 insertions(+), 6 deletions(-)
 create mode 100644 src/components/form/PasswordInput.tsx

diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
index 544ae737..95f75d1f 100644
--- a/src/components/form/Input.stories.tsx
+++ b/src/components/form/Input.stories.tsx
@@ -6,6 +6,7 @@ import Button from "../button/Button";
 import {IconEye, IconKey, IconLogin, IconMail, IconMinus, IconPlus, IconX} from "@tabler/icons-react";
 import ButtonGroup from "../button-group/ButtonGroup";
 import Text from "../Text/Text";
+import PasswordInput from "./PasswordInput";
 
 export default {
     title: "Input",
@@ -54,16 +55,11 @@ export const Login = () => {
                 {...inputs.email}
             />
             <br/>
-            <Input
+            <PasswordInput
                 placeholder={"Password"}
                 label={"Password"}
-                type={"password"}
                 description={"Your password for login"}
                 left={<IconKey size={13}/>}
-                right={<ButtonGroup>
-                    <Button><IconEye size={13}/></Button>
-                    <Button><IconX size={13}/></Button>
-                </ButtonGroup>}
                 {...inputs.password}
             />
             <br/>
diff --git a/src/components/form/PasswordInput.tsx b/src/components/form/PasswordInput.tsx
new file mode 100644
index 00000000..0b843e6f
--- /dev/null
+++ b/src/components/form/PasswordInput.tsx
@@ -0,0 +1,45 @@
+import React, {RefObject} from "react";
+import Input, {InputProps} from "./Input";
+import ButtonGroup from "../button-group/ButtonGroup";
+import {IconEye, IconX} from "@tabler/icons-react";
+import Button from "../button/Button";
+
+interface PasswordInputProps extends Omit<InputProps<string | null>, "wrapperComponent" | "right" | "rightType" | "type"> {
+    clearable?: boolean,
+    visible?: boolean
+}
+
+
+const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps> = React.forwardRef((props, ref: RefObject<HTMLInputElement>) => {
+
+    const {
+        clearable = true,
+        visible = true,
+        ...rest
+    } = props
+
+    const toClearable = () => {
+        if (ref.current) ref.current.value = ""
+    }
+
+    const toVisible = () => {
+        if (ref.current && ref.current.type == "password") ref.current.type = "text"
+        else if (ref.current && ref.current.type == "text") ref.current.type = "password"
+    }
+
+    const rightAction = clearable && visible ? <ButtonGroup>
+        <Button onClick={toVisible}><IconEye size={13}/></Button>
+        <Button onClick={toClearable}><IconX size={13}/></Button>
+    </ButtonGroup> : clearable || visible ? <Button onClick={clearable ? toClearable : toVisible}>{clearable ? <IconX size={13}/> : <IconEye size={13}/>}</Button> : <></>
+
+    return <Input
+        right={rightAction}
+        rightType={"action"}
+        type={"password"}
+        ref={ref}
+        {...rest}
+    />
+
+})
+
+export default PasswordInput
\ No newline at end of file

From 8d171d50158401b9c7bb9740f05b539285c94883 Mon Sep 17 00:00:00 2001
From: marius <marius.ahsmus@gmail.com>
Date: Mon, 2 Sep 2024 09:00:02 +0200
Subject: [PATCH 22/67] feat: initialised new Input logic, validation hook

---
 src/components/input/Input.stories.tsx | 45 ++++++++++++++++
 src/components/input/Input.tsx         | 74 ++++++++++++++++++++++++++
 src/components/input/useValidation.ts  | 50 +++++++++++++++++
 3 files changed, 169 insertions(+)
 create mode 100644 src/components/input/Input.stories.tsx
 create mode 100644 src/components/input/Input.tsx
 create mode 100644 src/components/input/useValidation.ts

diff --git a/src/components/input/Input.stories.tsx b/src/components/input/Input.stories.tsx
new file mode 100644
index 00000000..5621dbf9
--- /dev/null
+++ b/src/components/input/Input.stories.tsx
@@ -0,0 +1,45 @@
+import React from "react";
+import {Input, InputWrapper} from "./Input";
+import {useValidation} from "./useValidation";
+
+export default {
+    title: "Input",
+    component: Input
+};
+
+export const Default = () => {
+    const rules = [
+        (value: string) => ({
+            isValid: value.trim() !== "",
+            message: "Email is required"
+        }),
+        (value: string) => ({
+            isValid: value.includes("@"),
+            message: "Email is invalid"
+        })
+    ];
+
+    const { value, setValue, state, message, validateInput } = useValidation({
+        validationRules: rules,
+        successMessage: "Email is valid"
+    });
+
+    return (
+        <InputWrapper
+            label="Email"
+            description="Please enter your email address"
+            success={{ value: state === "success", message }}
+            warning={{ value: state === "warning", message }}
+            error={{ value: state === "error", message }}
+        >
+            <Input
+                value={value}
+                onValueChange={(value: string) => {
+                    console.log(value);
+                    setValue(value);
+                }}
+                onBlur={validateInput}
+            />
+        </InputWrapper>
+    );
+}
\ No newline at end of file
diff --git a/src/components/input/Input.tsx b/src/components/input/Input.tsx
new file mode 100644
index 00000000..2275ab70
--- /dev/null
+++ b/src/components/input/Input.tsx
@@ -0,0 +1,74 @@
+import React, {DetailedHTMLProps, InputHTMLAttributes, ReactElement, ReactNode, RefAttributes, useState} from "react";
+import "./Input.style.scss"
+import {TablerIcon} from "@tabler/icons-react";
+import {Code0Component} from "../../utils/types";
+
+export type InputState = {
+    value: boolean;
+    message: string;
+}
+
+export interface InputType extends InputHTMLAttributes<HTMLInputElement> {
+    onValueChange?: (value: string) => void;
+    preValue?: string;
+}
+
+export interface PinInputType {
+
+}
+
+export interface InputWrapperType {
+    label?: string;
+    description?: string;
+    success?: InputState;
+    warning?: InputState;
+    error?: InputState;
+    children: ReactNode;
+}
+
+const Input: React.FC<InputType> = ({ preValue, onValueChange, ...props }) => {
+    const [value, setValue] = useState<string>(preValue || "");
+
+    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+        const inputValue = e.target.value;
+        setValue(inputValue);
+        onValueChange?.(inputValue);
+    }
+
+    return (
+        <input
+            className="input"
+            spellCheck={false}
+            value={value}
+            onChange={handleChange}
+            {...props}
+        />
+    );
+}
+
+const PinInput: React.FC<PinInputType> = () => {
+    return (
+        <div className="pin-input">
+        </div>
+    );
+}
+
+const InputWrapper: React.FC<InputWrapperType> = ({ label, description, success, warning, error, children }) => {
+    return (
+        <div className="input-wrapper">
+            {label && <label className="input-wrapper__label">{label}</label>}
+            {description && <p className="input-wrapper__description">{description}</p>}
+            {children}
+            {success?.value && <p className="input-wrapper__message input-wrapper__message--success">{success.message}</p>}
+            {warning?.value && <p className="input-wrapper__message input-wrapper__message--warning">{warning.message}</p>}
+            {error?.value && <p className="input-wrapper__message input-wrapper__message--error">{error.message}</p>}
+        </div>
+    );
+}
+
+
+export {
+    Input as default,
+    PinInput,
+    InputWrapper
+};
\ No newline at end of file
diff --git a/src/components/input/useValidation.ts b/src/components/input/useValidation.ts
new file mode 100644
index 00000000..1fe27b4f
--- /dev/null
+++ b/src/components/input/useValidation.ts
@@ -0,0 +1,50 @@
+import {useCallback, useState} from "react";
+
+export type ValidationRule = (value: string) => {
+    isValid: boolean;
+    message: string;
+}
+
+type ValidationStatus = 'idle' | 'error' | 'warning' | 'success';
+
+interface UseInputValidationProps {
+    //default value is empty string
+    initialValue?: string;
+    validationRules: ValidationRule[];
+    //default is 0
+    warningBuffer?: number;
+    successMessage?: string;
+    warningMessage?: string;
+}
+
+export function useValidation({ initialValue = "", validationRules, warningBuffer = 0, successMessage, warningMessage }: UseInputValidationProps) {
+    const [value, setValue] = useState<string>(initialValue);
+    const [state, setState] = useState<ValidationStatus>('idle');
+    const [message, setMessage] = useState<string>("");
+
+    const validateInput = useCallback(() => {
+        if (!validationRules) return;
+        let errorCount = 0;
+        let errorMessage = "";
+
+        for (const rule of validationRules) {
+            const {isValid, message} = rule(value);
+            if (isValid) continue;
+            errorCount++;
+            if (!errorMessage) errorMessage = message;
+        }
+
+        if (errorCount === 0) {
+            setState('success');
+            setMessage(successMessage || 'Input is valid');
+        } else if (errorCount <= warningBuffer && warningMessage) {
+            setState('warning');
+            setMessage(warningMessage || 'Input is valid but with warnings');
+        } else {
+            setState('error');
+            setMessage(errorMessage.trim() === "" ? "Input is invalid" : errorMessage);
+        }
+    }, [successMessage, validationRules, value, warningBuffer, warningMessage]);
+
+    return {value, setValue, state, message, validateInput};
+}
\ No newline at end of file

From 224d23078f0504ebaf6f1a6ca659273eea12bd48 Mon Sep 17 00:00:00 2001
From: Marius Ahsmus <marius.ahsmus@gmail.com>
Date: Thu, 5 Sep 2024 16:28:35 +0200
Subject: [PATCH 23/67] feat: pin input logic

---
 src/components/input/Input.stories.tsx | 37 +++++++++++-
 src/components/input/Input.tsx         | 82 ++++++++++++++++++++++----
 2 files changed, 105 insertions(+), 14 deletions(-)

diff --git a/src/components/input/Input.stories.tsx b/src/components/input/Input.stories.tsx
index 5621dbf9..6c42d7d7 100644
--- a/src/components/input/Input.stories.tsx
+++ b/src/components/input/Input.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import {Input, InputWrapper} from "./Input";
+import Input, {InputWrapper, PinInput} from "./Input";
 import {useValidation} from "./useValidation";
 
 export default {
@@ -7,7 +7,7 @@ export default {
     component: Input
 };
 
-export const Default = () => {
+export const DefaultInput = () => {
     const rules = [
         (value: string) => ({
             isValid: value.trim() !== "",
@@ -42,4 +42,37 @@ export const Default = () => {
             />
         </InputWrapper>
     );
+}
+
+export const DefaultPinInput = () => {
+    const rules = [
+        (value: string) => ({
+            isValid: value === "1234",
+            message: "Email is required"
+        })
+    ];
+
+    const { value, setValue, state, message, validateInput } = useValidation({
+        validationRules: rules,
+        successMessage: "Email is valid"
+    });
+
+    return (
+        <InputWrapper
+            label="Pin"
+            description="Please enter your pin"
+            success={{ value: state === "success", message }}
+            warning={{ value: state === "warning", message }}
+            error={{ value: state === "error", message }}
+        >
+            <PinInput
+                value={value}
+                onValueChange={(value: string) => {
+                    console.log(value);
+                    setValue(value);
+                }}
+                onBlur={validateInput}
+            />
+        </InputWrapper>
+    );
 }
\ No newline at end of file
diff --git a/src/components/input/Input.tsx b/src/components/input/Input.tsx
index 2275ab70..a973800f 100644
--- a/src/components/input/Input.tsx
+++ b/src/components/input/Input.tsx
@@ -1,4 +1,12 @@
-import React, {DetailedHTMLProps, InputHTMLAttributes, ReactElement, ReactNode, RefAttributes, useState} from "react";
+import React, {
+    DetailedHTMLProps,
+    InputHTMLAttributes,
+    ReactElement,
+    ReactNode,
+    RefAttributes, useEffect,
+    useRef,
+    useState
+} from "react";
 import "./Input.style.scss"
 import {TablerIcon} from "@tabler/icons-react";
 import {Code0Component} from "../../utils/types";
@@ -14,7 +22,10 @@ export interface InputType extends InputHTMLAttributes<HTMLInputElement> {
 }
 
 export interface PinInputType {
-
+    value: string;
+    onValueChange?: (value: string) => void;
+    onBlur?: () => void;
+    preValue?: number[];
 }
 
 export interface InputWrapperType {
@@ -37,7 +48,7 @@ const Input: React.FC<InputType> = ({ preValue, onValueChange, ...props }) => {
 
     return (
         <input
-            className="input"
+            className={"input"}
             spellCheck={false}
             value={value}
             onChange={handleChange}
@@ -46,22 +57,69 @@ const Input: React.FC<InputType> = ({ preValue, onValueChange, ...props }) => {
     );
 }
 
-const PinInput: React.FC<PinInputType> = () => {
+const PinInput: React.FC<PinInputType> = ({ value, preValue, onValueChange, onBlur, ...props }) => {
+    const inputRefs = [useRef<HTMLInputElement>(null), useRef<HTMLInputElement>(null), useRef<HTMLInputElement>(null), useRef<HTMLInputElement>(null)];
+
+    useEffect(() => {
+        inputRefs[0].current?.focus();
+    }, []);
+
+    const focusNextInput = (currentIndex: number) => {
+        if (currentIndex < 3) {
+            inputRefs[currentIndex + 1].current?.focus();
+        } else {
+            inputRefs[currentIndex].current?.blur();
+            onBlur?.();
+        }
+    };
+
+    const handleChange = (e: React.ChangeEvent<HTMLInputElement>, index: number) => {
+        const inputValue = e.target.value;
+        if (inputValue.length <= 1 && /^\d*$/.test(inputValue)) {
+            const newValue = value.split('');
+            newValue[index] = inputValue;
+            onValueChange?.(newValue.join(''));
+
+            if (inputValue.length === 1) {
+                focusNextInput(index);
+            }
+        }
+    }
+
+    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>, index: number) => {
+        if (e.key === 'Backspace' && !value[index] && index > 0) {
+            inputRefs[index - 1].current?.focus();
+        }
+    };
+
     return (
-        <div className="pin-input">
+        <div className={"pin-input"}>
+            {inputRefs.map((ref, index) => (
+                <input
+                    key={index}
+                    ref={ref}
+                    className={"pin-input__input"}
+                    type={"text"}
+                    maxLength={1}
+                    value={value[index] || ''}
+                    onChange={(e) => handleChange(e, index)}
+                    onKeyDown={(e) => handleKeyDown(e, index)}
+                    {...props}
+                />
+            ))}
         </div>
     );
 }
 
-const InputWrapper: React.FC<InputWrapperType> = ({ label, description, success, warning, error, children }) => {
+const InputWrapper: React.FC<InputWrapperType> = ({label, description, success, warning, error, children}) => {
     return (
-        <div className="input-wrapper">
-            {label && <label className="input-wrapper__label">{label}</label>}
-            {description && <p className="input-wrapper__description">{description}</p>}
+        <div className={"input-wrapper"}>
+        {label && <label className={"input-wrapper__label"}>{label}</label>}
+            {description && <p className={"input-wrapper__description"}>{description}</p>}
             {children}
-            {success?.value && <p className="input-wrapper__message input-wrapper__message--success">{success.message}</p>}
-            {warning?.value && <p className="input-wrapper__message input-wrapper__message--warning">{warning.message}</p>}
-            {error?.value && <p className="input-wrapper__message input-wrapper__message--error">{error.message}</p>}
+            {success?.value && <p className={"input-wrapper__message input-wrapper__message--success"}>{success.message}</p>}
+            {warning?.value && <p className={"input-wrapper__message input-wrapper__message--warning"}>{warning.message}</p>}
+            {error?.value && <p className={"input-wrapper__message input-wrapper__message--error"}>{error.message}</p>}
         </div>
     );
 }

From 070bb53949327c68b843061e3884210cb3902845 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 8 Oct 2024 20:09:30 +0200
Subject: [PATCH 24/67] removed old input/form logic

---
 src/components/input/Input.tsx        | 132 --------------------------
 src/components/input/useValidation.ts |  50 ----------
 2 files changed, 182 deletions(-)
 delete mode 100644 src/components/input/Input.tsx
 delete mode 100644 src/components/input/useValidation.ts

diff --git a/src/components/input/Input.tsx b/src/components/input/Input.tsx
deleted file mode 100644
index a973800f..00000000
--- a/src/components/input/Input.tsx
+++ /dev/null
@@ -1,132 +0,0 @@
-import React, {
-    DetailedHTMLProps,
-    InputHTMLAttributes,
-    ReactElement,
-    ReactNode,
-    RefAttributes, useEffect,
-    useRef,
-    useState
-} from "react";
-import "./Input.style.scss"
-import {TablerIcon} from "@tabler/icons-react";
-import {Code0Component} from "../../utils/types";
-
-export type InputState = {
-    value: boolean;
-    message: string;
-}
-
-export interface InputType extends InputHTMLAttributes<HTMLInputElement> {
-    onValueChange?: (value: string) => void;
-    preValue?: string;
-}
-
-export interface PinInputType {
-    value: string;
-    onValueChange?: (value: string) => void;
-    onBlur?: () => void;
-    preValue?: number[];
-}
-
-export interface InputWrapperType {
-    label?: string;
-    description?: string;
-    success?: InputState;
-    warning?: InputState;
-    error?: InputState;
-    children: ReactNode;
-}
-
-const Input: React.FC<InputType> = ({ preValue, onValueChange, ...props }) => {
-    const [value, setValue] = useState<string>(preValue || "");
-
-    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-        const inputValue = e.target.value;
-        setValue(inputValue);
-        onValueChange?.(inputValue);
-    }
-
-    return (
-        <input
-            className={"input"}
-            spellCheck={false}
-            value={value}
-            onChange={handleChange}
-            {...props}
-        />
-    );
-}
-
-const PinInput: React.FC<PinInputType> = ({ value, preValue, onValueChange, onBlur, ...props }) => {
-    const inputRefs = [useRef<HTMLInputElement>(null), useRef<HTMLInputElement>(null), useRef<HTMLInputElement>(null), useRef<HTMLInputElement>(null)];
-
-    useEffect(() => {
-        inputRefs[0].current?.focus();
-    }, []);
-
-    const focusNextInput = (currentIndex: number) => {
-        if (currentIndex < 3) {
-            inputRefs[currentIndex + 1].current?.focus();
-        } else {
-            inputRefs[currentIndex].current?.blur();
-            onBlur?.();
-        }
-    };
-
-    const handleChange = (e: React.ChangeEvent<HTMLInputElement>, index: number) => {
-        const inputValue = e.target.value;
-        if (inputValue.length <= 1 && /^\d*$/.test(inputValue)) {
-            const newValue = value.split('');
-            newValue[index] = inputValue;
-            onValueChange?.(newValue.join(''));
-
-            if (inputValue.length === 1) {
-                focusNextInput(index);
-            }
-        }
-    }
-
-    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>, index: number) => {
-        if (e.key === 'Backspace' && !value[index] && index > 0) {
-            inputRefs[index - 1].current?.focus();
-        }
-    };
-
-    return (
-        <div className={"pin-input"}>
-            {inputRefs.map((ref, index) => (
-                <input
-                    key={index}
-                    ref={ref}
-                    className={"pin-input__input"}
-                    type={"text"}
-                    maxLength={1}
-                    value={value[index] || ''}
-                    onChange={(e) => handleChange(e, index)}
-                    onKeyDown={(e) => handleKeyDown(e, index)}
-                    {...props}
-                />
-            ))}
-        </div>
-    );
-}
-
-const InputWrapper: React.FC<InputWrapperType> = ({label, description, success, warning, error, children}) => {
-    return (
-        <div className={"input-wrapper"}>
-        {label && <label className={"input-wrapper__label"}>{label}</label>}
-            {description && <p className={"input-wrapper__description"}>{description}</p>}
-            {children}
-            {success?.value && <p className={"input-wrapper__message input-wrapper__message--success"}>{success.message}</p>}
-            {warning?.value && <p className={"input-wrapper__message input-wrapper__message--warning"}>{warning.message}</p>}
-            {error?.value && <p className={"input-wrapper__message input-wrapper__message--error"}>{error.message}</p>}
-        </div>
-    );
-}
-
-
-export {
-    Input as default,
-    PinInput,
-    InputWrapper
-};
\ No newline at end of file
diff --git a/src/components/input/useValidation.ts b/src/components/input/useValidation.ts
deleted file mode 100644
index 1fe27b4f..00000000
--- a/src/components/input/useValidation.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import {useCallback, useState} from "react";
-
-export type ValidationRule = (value: string) => {
-    isValid: boolean;
-    message: string;
-}
-
-type ValidationStatus = 'idle' | 'error' | 'warning' | 'success';
-
-interface UseInputValidationProps {
-    //default value is empty string
-    initialValue?: string;
-    validationRules: ValidationRule[];
-    //default is 0
-    warningBuffer?: number;
-    successMessage?: string;
-    warningMessage?: string;
-}
-
-export function useValidation({ initialValue = "", validationRules, warningBuffer = 0, successMessage, warningMessage }: UseInputValidationProps) {
-    const [value, setValue] = useState<string>(initialValue);
-    const [state, setState] = useState<ValidationStatus>('idle');
-    const [message, setMessage] = useState<string>("");
-
-    const validateInput = useCallback(() => {
-        if (!validationRules) return;
-        let errorCount = 0;
-        let errorMessage = "";
-
-        for (const rule of validationRules) {
-            const {isValid, message} = rule(value);
-            if (isValid) continue;
-            errorCount++;
-            if (!errorMessage) errorMessage = message;
-        }
-
-        if (errorCount === 0) {
-            setState('success');
-            setMessage(successMessage || 'Input is valid');
-        } else if (errorCount <= warningBuffer && warningMessage) {
-            setState('warning');
-            setMessage(warningMessage || 'Input is valid but with warnings');
-        } else {
-            setState('error');
-            setMessage(errorMessage.trim() === "" ? "Input is invalid" : errorMessage);
-        }
-    }, [successMessage, validationRules, value, warningBuffer, warningMessage]);
-
-    return {value, setValue, state, message, validateInput};
-}
\ No newline at end of file

From 43f4bf3e752e41d364e9d14c9a9c0c3c7328492f Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 8 Oct 2024 20:10:24 +0200
Subject: [PATCH 25/67] implemented useForm hook and test component

---
 src/components/form/Input.stories.tsx  | 109 +++----------------------
 src/components/form/useForm.ts         |  82 ++++++++-----------
 src/components/input/Input.stories.tsx |  78 ------------------
 3 files changed, 46 insertions(+), 223 deletions(-)
 delete mode 100644 src/components/input/Input.stories.tsx

diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
index 95f75d1f..4e03b334 100644
--- a/src/components/form/Input.stories.tsx
+++ b/src/components/form/Input.stories.tsx
@@ -1,112 +1,29 @@
-import React from "react";
+import React, {forwardRef} from "react";
 import useForm from "./useForm";
-import Input from "./Input";
-import Card from "../card/Card";
-import Button from "../button/Button";
-import {IconEye, IconKey, IconLogin, IconMail, IconMinus, IconPlus, IconX} from "@tabler/icons-react";
-import ButtonGroup from "../button-group/ButtonGroup";
-import Text from "../Text/Text";
-import PasswordInput from "./PasswordInput";
 
+const TestC: React.FC<any> = forwardRef((props, ref) => {
+    console.log(props)
+    return <input type={"text"} {...props} ref={ref}></input>
+})
 export default {
     title: "Input",
-    component: Input
+    component: TestC
 }
 
-export const Login = () => {
+export const Test = () => {
 
     const [inputs, validate] = useForm({
         initialValues: {
-            email: null,
-            password: null,
-            checkbox: true
+            test: "test@"
         },
         validate: {
-            email: (value) => {
-                if (!value) return "Email is required"
-                return null
-            },
-            password: (value) => {
-                if (!value) return "Password is required"
-                return null
-            }
-        },
-        onSubmit: (values) => {
-            console.log(values)
+            test: (value) => !value.includes("@") ? "Hier ist was falsch" : null
         }
     })
 
-    return <Card maw={300}>
-        <Text size={"xl"} display={"block"} hierarchy={"primary"}>Login</Text>
-        <br/>
-        <Text size={"sm"} display={"block"}>
-            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
-            dolore magna aliquyam erat, sed diam voluptua.
-        </Text>
-        <br/>
-        <form>
-            <Input
-                placeholder={"Email"}
-                label={"Email"}
-                type={"email"}
-                description={"Your Email address for login"}
-                left={<IconMail size={13}/>}
-                right={<Button><IconX size={13}/></Button>}
-                {...inputs.email}
-            />
-            <br/>
-            <PasswordInput
-                placeholder={"Password"}
-                label={"Password"}
-                description={"Your password for login"}
-                left={<IconKey size={13}/>}
-                {...inputs.password}
-            />
-            <br/>
-            <div style={{
-                display: "flex",
-                justifyContent:"end"
-            }}>
-                <Button color={"info"} onClick={validate}>
-                    <IconLogin size={13}/>
-                    Login
-                </Button>
-
-            </div>
-
-        </form>
-    </Card>
-
-}
-
-export const WebsiteInput = () => {
-
-    return <Card maw={300}>
-        <Input
-            label={"website"}
-            description={"Your website for linking"}
-            type={"text"}
-            placeholder={"code0.tech"}
-            left={"https://"}
-            leftType={"placeholder"}
-            right={<Button><IconX size={13}/></Button>}
-        />
-    </Card>
-
-}
-
-export const NumberInput = () => {
-
-    return <Card maw={300}>
-        <Input
-            label={"number"}
-            description={"Increase and decrease your number"}
-            type={"number"}
-            placeholder={"code0.tech"}
-            left={<Button color={"secondary"}><IconMinus size={13}/></Button>}
-            leftType={"action"}
-            right={<Button color={"secondary"}><IconPlus size={13}/></Button>}
-        />
-    </Card>
+    return <>
+        <TestC {...inputs.test}/>
+        <button onClick={validate}></button>
+    </>
 
 }
\ No newline at end of file
diff --git a/src/components/form/useForm.ts b/src/components/form/useForm.ts
index 3a6ffb4c..3b6e9bec 100644
--- a/src/components/form/useForm.ts
+++ b/src/components/form/useForm.ts
@@ -1,85 +1,69 @@
 "use client"
 
-import {RefObject, useCallback, useRef, useState} from "react";
+import {RefObject, useCallback, useMemo, useRef, useState} from "react";
 
 export type Validations<Values> = Partial<{
     [Key in keyof Values]: (value: Values[Key]) => string | null;
 }>
 
-export interface FormValidationProps<Values> {
+interface FormValidationProps<Values> {
     initialValues: Values
-    validate?: Validations<Values>,
-    onSubmit?: (values: Values) => void
+    validate?: Validations<Values>
 }
 
-export interface ValidationProps<Value> {
-    defaultValue?: Value
-    valid?: boolean
-    notValidMessage?: string | null
-    //ref?: RefObject<HTMLInputElement>,
-    required?: boolean
+interface ValidationProps<Value> {
+    value: Value
+    valid: boolean
+    notValidMessage: string | null
+    ref: RefObject<HTMLInputElement>
 }
 
-export type ValidationsProps<Values> = Partial<{
+type ValidationsProps<Values> = Partial<{
     [Key in keyof Values]: ValidationProps<Values[Key]>
 }>
 
-export type FormValidationReturn<Values> = [ValidationsProps<Values>, () => void]
-
+type FormValidationReturn<Values> = [ValidationsProps<Values>, () => void]
 
 const useForm = <Values extends Record<string, any> = Record<string, any>>(props: FormValidationProps<Values>): FormValidationReturn<Values> => {
 
-    const {initialValues, validate, onSubmit = () => {}} = props
-
-    const refs = Object.entries(initialValues).map(() =>  useRef<HTMLInputElement | null>(null))
-    const [inputProps, setInputProps] = useState<ValidationsProps<Values>>({})
+    const {initialValues, validate} = props
 
-    const validateFunction = useCallback(() => {
+    const [valuesState, setValuesStore] = useState<Values>(initialValues)
+    const inputProps = useMemo<ValidationsProps<Values>>(() => {
 
-        let submittable = true
         let inputProps: ValidationsProps<Values> = {}
-        let submitProps: Object = {}
-
-        Object.entries(initialValues).map(([k, v], index) => {
-
-            const inputRef: RefObject<HTMLInputElement> = refs[index]
-            const type = inputRef.current?.type ?? "text"
-            const currentValue = (type == "checkbox" || type == "radio") ? inputRef.current?.checked : inputRef.current?.value
-
-            return {
-                name: k,
-                value: currentValue as typeof v || undefined,
-                function: !!validate && !!validate[k] ? validate[k] : (value: typeof currentValue) => null
-            }
-
-        }).forEach((item, index) => {
-
-            const message = item.value !== null ? item.function(item.value) : null
-            submittable = submittable ? message === null ? true : !message : false
 
+        Object.entries(valuesState).map(([k, v]) => ({
+            name: k,
+            initialValue: v,
+            function: !!validate && !!validate[k] ? validate[k] : (value: typeof v) => null
+        })).forEach(item => {
             Object.assign(inputProps, {
                 [item.name]: {
-                    defaultValue: item.value,
-                    notValidMessage: message,
-                    valid: message === null ? true : !message,
-                    ref: refs[index],
-                    ...(!!validate ? {required: true} : {})
+                    defaultValue: item.initialValue,
+                    notValidMessage: item.function(item.initialValue),
+                    valid: !item.function(item.initialValue),
+                    ref: useRef<HTMLInputElement>(null)
                 }
             })
+        })
 
-            Object.assign(submitProps, {
-                [item.name]: item.value
-            })
+        return inputProps
 
-        })
+    }, [valuesState])
 
-        setInputProps(() => inputProps)
+    const validateFunction = useCallback(() => {
 
-        if (submittable) onSubmit(submitProps as Values)
+        let values: { [index: string]: any } = {...valuesState}
 
+        Object.entries(inputProps as ValidationsProps<Values>).forEach(([key, value]) => {
+            const inputRef: RefObject<HTMLInputElement> = value.ref
+            values[key] = inputRef.current?.value
+        })
 
+        setValuesStore(values as Values)
 
-    }, [])
+    }, [inputProps])
 
     return [
         inputProps,
diff --git a/src/components/input/Input.stories.tsx b/src/components/input/Input.stories.tsx
deleted file mode 100644
index 6c42d7d7..00000000
--- a/src/components/input/Input.stories.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import React from "react";
-import Input, {InputWrapper, PinInput} from "./Input";
-import {useValidation} from "./useValidation";
-
-export default {
-    title: "Input",
-    component: Input
-};
-
-export const DefaultInput = () => {
-    const rules = [
-        (value: string) => ({
-            isValid: value.trim() !== "",
-            message: "Email is required"
-        }),
-        (value: string) => ({
-            isValid: value.includes("@"),
-            message: "Email is invalid"
-        })
-    ];
-
-    const { value, setValue, state, message, validateInput } = useValidation({
-        validationRules: rules,
-        successMessage: "Email is valid"
-    });
-
-    return (
-        <InputWrapper
-            label="Email"
-            description="Please enter your email address"
-            success={{ value: state === "success", message }}
-            warning={{ value: state === "warning", message }}
-            error={{ value: state === "error", message }}
-        >
-            <Input
-                value={value}
-                onValueChange={(value: string) => {
-                    console.log(value);
-                    setValue(value);
-                }}
-                onBlur={validateInput}
-            />
-        </InputWrapper>
-    );
-}
-
-export const DefaultPinInput = () => {
-    const rules = [
-        (value: string) => ({
-            isValid: value === "1234",
-            message: "Email is required"
-        })
-    ];
-
-    const { value, setValue, state, message, validateInput } = useValidation({
-        validationRules: rules,
-        successMessage: "Email is valid"
-    });
-
-    return (
-        <InputWrapper
-            label="Pin"
-            description="Please enter your pin"
-            success={{ value: state === "success", message }}
-            warning={{ value: state === "warning", message }}
-            error={{ value: state === "error", message }}
-        >
-            <PinInput
-                value={value}
-                onValueChange={(value: string) => {
-                    console.log(value);
-                    setValue(value);
-                }}
-                onBlur={validateInput}
-            />
-        </InputWrapper>
-    );
-}
\ No newline at end of file

From 92bd38894b42fe5e32b4aa44773b80fb4ad37d80 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Thu, 10 Oct 2024 07:56:34 +0200
Subject: [PATCH 26/67] fiy for do not use a hook inside a hook warning

---
 src/components/form/useForm.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/form/useForm.ts b/src/components/form/useForm.ts
index 3b6e9bec..f1007878 100644
--- a/src/components/form/useForm.ts
+++ b/src/components/form/useForm.ts
@@ -28,6 +28,7 @@ const useForm = <Values extends Record<string, any> = Record<string, any>>(props
 
     const {initialValues, validate} = props
 
+    const refs = Object.entries(initialValues).map(() =>  useRef<HTMLInputElement | null>(null))
     const [valuesState, setValuesStore] = useState<Values>(initialValues)
     const inputProps = useMemo<ValidationsProps<Values>>(() => {
 
@@ -37,13 +38,13 @@ const useForm = <Values extends Record<string, any> = Record<string, any>>(props
             name: k,
             initialValue: v,
             function: !!validate && !!validate[k] ? validate[k] : (value: typeof v) => null
-        })).forEach(item => {
+        })).forEach((item, index) => {
             Object.assign(inputProps, {
                 [item.name]: {
                     defaultValue: item.initialValue,
                     notValidMessage: item.function(item.initialValue),
                     valid: !item.function(item.initialValue),
-                    ref: useRef<HTMLInputElement>(null)
+                    ref: refs[index]
                 }
             })
         })
@@ -61,7 +62,7 @@ const useForm = <Values extends Record<string, any> = Record<string, any>>(props
             values[key] = inputRef.current?.value
         })
 
-        setValuesStore(values as Values)
+        setValuesStore(() => values as Values)
 
     }, [inputProps])
 

From 972268a0f4279a5c7677a7da61cae2f321c53496 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Thu, 10 Oct 2024 14:07:39 +0200
Subject: [PATCH 27/67] new input component

---
 src/components/form/Input.stories.tsx | 68 ++++++++++++++++++++++-----
 src/components/form/Input.style.scss  | 31 +++++-------
 src/components/form/Input.tsx         | 27 +++++------
 3 files changed, 80 insertions(+), 46 deletions(-)

diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
index 4e03b334..e70fc0c5 100644
--- a/src/components/form/Input.stories.tsx
+++ b/src/components/form/Input.stories.tsx
@@ -1,29 +1,73 @@
-import React, {forwardRef} from "react";
+import React from "react";
 import useForm from "./useForm";
+import Input from "./Input";
+import Card from "../card/Card";
+import Button from "../button/Button";
+import {IconEye, IconMail} from "@tabler/icons-react";
+import Select from "../select/Select";
+import {Text} from "../../index";
 
-const TestC: React.FC<any> = forwardRef((props, ref) => {
-    console.log(props)
-    return <input type={"text"} {...props} ref={ref}></input>
-})
 export default {
     title: "Input",
-    component: TestC
+    component: Input
 }
 
 export const Test = () => {
 
     const [inputs, validate] = useForm({
         initialValues: {
-            test: "test@"
+            test: null
         },
         validate: {
-            test: (value) => !value.includes("@") ? "Hier ist was falsch" : null
+            test: (value) => {
+                if (!value) return "Test is required"
+                return null
+            }
         }
     })
 
-    return <>
-        <TestC {...inputs.test}/>
-        <button onClick={validate}></button>
-    </>
+    return <Card>
+        <form>
+            <Input
+                right={<IconMail size={13}/>}
+                left={
+                    <Button color={"primary"}><IconEye size={13}/></Button>
+                }
+                leftType={"action"}
+                rightType={"icon"}
+                label={"Email"}
+                description={"Provide a valid email address"}
+                type={"text"}
+                placeholder={"test"}
+                required
+                {...(inputs.test)}/>
+            <br/>
+            <Input
+                right={
+                    <Select placement={"bottom-start"}>
+                        <Select.Button/>
+                        <Select.Popover>
+                            <Select.Group>
+                                <Select.GroupLabel>Fruits</Select.GroupLabel>
+                                <Select.Item value={"Apple"}/>
+                                <Select.Item value={"Banana"}/>
+                                <Select.Item disabled value={"Grape"}/>
+                                <Select.Item value={"Orange"}/>
+                            </Select.Group>
+
+                        </Select.Popover>
+                    </Select>
+                }
+                rightType={"action"}
+                label={"Email"}
+                description={"Provide a valid email address"}
+                type={"text"}
+                placeholder={"test"}
+                required
+                {...(inputs.test)}/>
+            <br/>
+            <Button color={"secondary"} onClick={validate}>Test form</Button>
+        </form>
+    </Card>
 
 }
\ No newline at end of file
diff --git a/src/components/form/Input.style.scss b/src/components/form/Input.style.scss
index 445a332b..e9cf4dce 100644
--- a/src/components/form/Input.style.scss
+++ b/src/components/form/Input.style.scss
@@ -2,12 +2,9 @@
 
 .input {
 
-  $padding: $xs;
-
   @include box(true, $primary);
   display: flex;
-  z-index: 1;
-  align-items: stretch;
+  align-items: center;
 
 
   &:has(&__control:focus) {
@@ -20,7 +17,8 @@
 
   &__left, &__right {
     display: flex;
-    align-items: stretch;
+    height: 100%;
+    align-items: center;
 
     &--action {
       padding: 0;
@@ -28,22 +26,20 @@
 
     &--placeholder {
       @include box(false, $secondary);
-      padding: $padding;
+      padding: $xxs;
     }
 
   }
 
   &__left {
     &--icon {
-      align-items: center;
-      padding: $padding 0 $padding $padding;
+      padding: $xxs 0 $xxs $xxs;
     }
   }
 
   &__right {
     &--icon {
-      align-items: center;
-      padding: $padding $padding $padding 0;
+      padding: $xxs $xxs $xxs 0;
     }
   }
 
@@ -51,7 +47,7 @@
     background: none;
     border: none;
     outline: none;
-    padding: $padding $padding;
+    padding: $xs $xxs;
     flex: 1;
     box-shadow: none;
     font-size: $sm;
@@ -63,28 +59,25 @@
     text-transform: uppercase;
     color: rgba($white, .5);
     font-size: $xs;
-    //margin: $padding 0;
+    margin: $xxs 0;
     display: block;
   }
 
   &__description {
     color: rgba($white, .5);
     font-size: $sm;
-    margin: $padding/2 0 $padding;
+    margin: $xxs 0;
     display: block;
   }
 
   &__message {
     @include box(false, $error);
-    border-top-right-radius: 0;
-    border-top-left-radius: 0;
-    padding: $padding * 2 $padding $padding;
-    top: -$padding;
-    z-index: 0;
+    padding: $xxs;
+    margin: $xxs 0;
     display: flex;
     align-items: center;
     font-size: $xs;
-    gap: $padding;
+    gap: $xxs;
 
     > svg {
       width: $xs;
diff --git a/src/components/form/Input.tsx b/src/components/form/Input.tsx
index 0a8a4f12..b27e82f5 100644
--- a/src/components/form/Input.tsx
+++ b/src/components/form/Input.tsx
@@ -1,5 +1,5 @@
-import {Code0Component} from "../../utils/types";
-import React, {LegacyRef} from "react";
+import {Code0Component, Color} from "../../utils/types";
+import React from "react";
 import {ValidationProps} from "./useForm";
 import {mergeCode0Props} from "../../utils/utils";
 import "./Input.style.scss"
@@ -7,24 +7,21 @@ import InputLabel from "./InputLabel";
 import InputDescription from "./InputDescription";
 import InputMessage from "./InputMessage";
 
-type Code0Input = Omit<Omit<Omit<Omit<Code0Component<HTMLInputElement>, "defaultValue">, "left">, "right">, "label">
+export interface InputProps<T> extends Omit<Code0Component<HTMLInputElement>, "label">, ValidationProps<T> {
 
-export interface InputProps<T> extends Code0Input, ValidationProps<T> {
-
-    wrapperComponent?: Code0Component<HTMLDivElement>
     right?: React.ReactNode | React.ReactElement
     left?: React.ReactNode | React.ReactElement
     leftType?: "action" | "placeholder" | "icon"
     rightType?: "action" | "placeholder" | "icon"
     label?: React.ReactNode | React.ReactElement
     description?: React.ReactNode | React.ReactElement
+    color?: Color
 }
 
 
-const Input: React.ForwardRefExoticComponent<InputProps<any>> = React.forwardRef((props: InputProps<any>, ref) => {
+const Input: React.FC<InputProps<any>> = React.forwardRef((props: InputProps<any>, ref) => {
 
     const {
-        wrapperComponent = {},
         label,
         description,
         disabled = false,
@@ -33,7 +30,7 @@ const Input: React.ForwardRefExoticComponent<InputProps<any>> = React.forwardRef
         leftType = "icon",
         rightType = "action",
         notValidMessage,
-        valid = true,
+        valid,
         ...rest
     } = props
 
@@ -42,17 +39,17 @@ const Input: React.ForwardRefExoticComponent<InputProps<any>> = React.forwardRef
         {!!label ? <InputLabel children={label}/> : null}
         {!!description ? <InputDescription children={description}/> : null}
 
-        <div {...mergeCode0Props(`input ${!valid ? "input--not-valid" : ""}`, wrapperComponent)}>
+        <div className={`input ${!valid ? "input--not-valid" : ""}`}>
 
-            {!!left ? <div className={`input__left input__left--${leftType}`}>
+            {!!left ? <span className={`input__left input__left--${leftType}`}>
                 {left}
-            </div>: null}
+            </span>: null}
 
-            <input ref={ref as LegacyRef<HTMLInputElement> | undefined} {...mergeCode0Props("input__control", rest)}/>
+            <input ref={ref} {...mergeCode0Props("input__control", rest)}/>
 
-            {!!right ? <div className={`input__right input__right--${rightType}`}>
+            {!!right ? <span className={`input__right input__right--${rightType}`}>
                 {right}
-            </div> : null}
+            </span> : null}
 
         </div>
 

From 57fa00e1ad3941fe7c75847635a9eeb2b327c76e Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Thu, 10 Oct 2024 14:08:11 +0200
Subject: [PATCH 28/67] fixing some logic bugs inside the useForm hook and
 export interfaces and types

---
 src/components/form/useForm.ts | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/components/form/useForm.ts b/src/components/form/useForm.ts
index f1007878..61963125 100644
--- a/src/components/form/useForm.ts
+++ b/src/components/form/useForm.ts
@@ -6,23 +6,23 @@ export type Validations<Values> = Partial<{
     [Key in keyof Values]: (value: Values[Key]) => string | null;
 }>
 
-interface FormValidationProps<Values> {
+export interface FormValidationProps<Values> {
     initialValues: Values
     validate?: Validations<Values>
 }
 
-interface ValidationProps<Value> {
-    value: Value
-    valid: boolean
-    notValidMessage: string | null
-    ref: RefObject<HTMLInputElement>
+export interface ValidationProps<Value> {
+    defaultValue?: Value
+    valid?: boolean
+    notValidMessage?: string | null
+    ref?: RefObject<HTMLInputElement>
 }
 
-type ValidationsProps<Values> = Partial<{
+export type ValidationsProps<Values> = Partial<{
     [Key in keyof Values]: ValidationProps<Values[Key]>
 }>
 
-type FormValidationReturn<Values> = [ValidationsProps<Values>, () => void]
+export type FormValidationReturn<Values> = [ValidationsProps<Values>, () => void]
 
 const useForm = <Values extends Record<string, any> = Record<string, any>>(props: FormValidationProps<Values>): FormValidationReturn<Values> => {
 
@@ -39,11 +39,14 @@ const useForm = <Values extends Record<string, any> = Record<string, any>>(props
             initialValue: v,
             function: !!validate && !!validate[k] ? validate[k] : (value: typeof v) => null
         })).forEach((item, index) => {
+
+            const message = item.initialValue !== null ? item.function(item.initialValue) : null
+
             Object.assign(inputProps, {
                 [item.name]: {
                     defaultValue: item.initialValue,
-                    notValidMessage: item.function(item.initialValue),
-                    valid: !item.function(item.initialValue),
+                    notValidMessage: message,
+                    valid: message === null ? true : !message,
                     ref: refs[index]
                 }
             })

From cb8957a3c9f5ef3ecd46b72770aebcfcab62e1fb Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Thu, 10 Oct 2024 22:52:23 +0200
Subject: [PATCH 29/67] changing padding to xs

---
 src/components/form/Input.style.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/form/Input.style.scss b/src/components/form/Input.style.scss
index e9cf4dce..1ebf9790 100644
--- a/src/components/form/Input.style.scss
+++ b/src/components/form/Input.style.scss
@@ -2,6 +2,8 @@
 
 .input {
 
+  $padding: $xs;
+
   @include box(true, $primary);
   display: flex;
   align-items: center;

From 6dadc66d0a302b7c63ed58355280e1a4d8f1c20f Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Thu, 10 Oct 2024 22:52:48 +0200
Subject: [PATCH 30/67] stretching left and right items to fit into input

---
 src/components/form/Input.style.scss | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/form/Input.style.scss b/src/components/form/Input.style.scss
index 1ebf9790..f20b2189 100644
--- a/src/components/form/Input.style.scss
+++ b/src/components/form/Input.style.scss
@@ -6,7 +6,7 @@
 
   @include box(true, $primary);
   display: flex;
-  align-items: center;
+  align-items: stretch;
 
 
   &:has(&__control:focus) {
@@ -19,8 +19,8 @@
 
   &__left, &__right {
     display: flex;
-    height: 100%;
-    align-items: center;
+    align-items: stretch;
+
 
     &--action {
       padding: 0;
@@ -28,20 +28,20 @@
 
     &--placeholder {
       @include box(false, $secondary);
-      padding: $xxs;
+      padding: $padding;
     }
 
   }
 
   &__left {
     &--icon {
-      padding: $xxs 0 $xxs $xxs;
+      padding: $padding 0 $padding $padding;
     }
   }
 
   &__right {
     &--icon {
-      padding: $xxs $xxs $xxs 0;
+      padding: $padding $padding $padding 0;
     }
   }
 
@@ -49,7 +49,7 @@
     background: none;
     border: none;
     outline: none;
-    padding: $xs $xxs;
+    padding: $padding $padding;
     flex: 1;
     box-shadow: none;
     font-size: $sm;
@@ -61,25 +61,25 @@
     text-transform: uppercase;
     color: rgba($white, .5);
     font-size: $xs;
-    margin: $xxs 0;
+    margin: $padding 0;
     display: block;
   }
 
   &__description {
     color: rgba($white, .5);
     font-size: $sm;
-    margin: $xxs 0;
+    margin: $padding 0;
     display: block;
   }
 
   &__message {
     @include box(false, $error);
-    padding: $xxs;
-    margin: $xxs 0;
+    padding: $padding;
+    margin: $padding 0;
     display: flex;
     align-items: center;
     font-size: $xs;
-    gap: $xxs;
+    gap: $padding;
 
     > svg {
       width: $xs;

From db4a943d5f62c9cc0688d9dc883677e70faebe54 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Thu, 10 Oct 2024 22:53:04 +0200
Subject: [PATCH 31/67] fixing type errors and conflicts

---
 src/components/form/Input.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/form/Input.tsx b/src/components/form/Input.tsx
index b27e82f5..7456c856 100644
--- a/src/components/form/Input.tsx
+++ b/src/components/form/Input.tsx
@@ -1,5 +1,5 @@
 import {Code0Component, Color} from "../../utils/types";
-import React from "react";
+import React, {LegacyRef} from "react";
 import {ValidationProps} from "./useForm";
 import {mergeCode0Props} from "../../utils/utils";
 import "./Input.style.scss"
@@ -7,7 +7,9 @@ import InputLabel from "./InputLabel";
 import InputDescription from "./InputDescription";
 import InputMessage from "./InputMessage";
 
-export interface InputProps<T> extends Omit<Code0Component<HTMLInputElement>, "label">, ValidationProps<T> {
+type Code0Input = Omit<Omit<Omit<Omit<Omit<Code0Component<HTMLInputElement>, "defaultValue">, "ref">, "left">, "right">, "label">
+
+export interface InputProps<T> extends Code0Input, ValidationProps<T> {
 
     right?: React.ReactNode | React.ReactElement
     left?: React.ReactNode | React.ReactElement
@@ -19,7 +21,7 @@ export interface InputProps<T> extends Omit<Code0Component<HTMLInputElement>, "l
 }
 
 
-const Input: React.FC<InputProps<any>> = React.forwardRef((props: InputProps<any>, ref) => {
+const Input: React.ForwardRefExoticComponent<Omit<InputProps<any>, "ref">> = React.forwardRef((props: InputProps<any>, ref) => {
 
     const {
         label,
@@ -41,15 +43,15 @@ const Input: React.FC<InputProps<any>> = React.forwardRef((props: InputProps<any
 
         <div className={`input ${!valid ? "input--not-valid" : ""}`}>
 
-            {!!left ? <span className={`input__left input__left--${leftType}`}>
+            {!!left ? <div className={`input__left input__left--${leftType}`}>
                 {left}
-            </span>: null}
+            </div>: null}
 
-            <input ref={ref} {...mergeCode0Props("input__control", rest)}/>
+            <input ref={ref as LegacyRef<HTMLInputElement> | undefined} {...mergeCode0Props("input__control", rest)}/>
 
-            {!!right ? <span className={`input__right input__right--${rightType}`}>
+            {!!right ? <div className={`input__right input__right--${rightType}`}>
                 {right}
-            </span> : null}
+            </div> : null}
 
         </div>
 

From 9ee0ac6db84ae84c4428df23afb20162cc819be4 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 22 Oct 2024 15:44:17 +0200
Subject: [PATCH 32/67] adding wrapper styling option

---
 src/components/form/Input.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/form/Input.tsx b/src/components/form/Input.tsx
index 7456c856..7707ca34 100644
--- a/src/components/form/Input.tsx
+++ b/src/components/form/Input.tsx
@@ -11,6 +11,7 @@ type Code0Input = Omit<Omit<Omit<Omit<Omit<Code0Component<HTMLInputElement>, "de
 
 export interface InputProps<T> extends Code0Input, ValidationProps<T> {
 
+    wrapperComponent?: Code0Component<HTMLDivElement>
     right?: React.ReactNode | React.ReactElement
     left?: React.ReactNode | React.ReactElement
     leftType?: "action" | "placeholder" | "icon"
@@ -24,6 +25,7 @@ export interface InputProps<T> extends Code0Input, ValidationProps<T> {
 const Input: React.ForwardRefExoticComponent<Omit<InputProps<any>, "ref">> = React.forwardRef((props: InputProps<any>, ref) => {
 
     const {
+        wrapperComponent = {},
         label,
         description,
         disabled = false,
@@ -32,7 +34,7 @@ const Input: React.ForwardRefExoticComponent<Omit<InputProps<any>, "ref">> = Rea
         leftType = "icon",
         rightType = "action",
         notValidMessage,
-        valid,
+        valid = true,
         ...rest
     } = props
 
@@ -41,7 +43,7 @@ const Input: React.ForwardRefExoticComponent<Omit<InputProps<any>, "ref">> = Rea
         {!!label ? <InputLabel children={label}/> : null}
         {!!description ? <InputDescription children={description}/> : null}
 
-        <div className={`input ${!valid ? "input--not-valid" : ""}`}>
+        <div {...mergeCode0Props(`input ${!valid ? "input--not-valid" : ""}`, wrapperComponent)}>
 
             {!!left ? <div className={`input__left input__left--${leftType}`}>
                 {left}

From e01df7162e753516644ae5a9d3943db40a99d4ac Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 22 Oct 2024 15:44:44 +0200
Subject: [PATCH 33/67] examples

---
 src/components/form/Input.stories.tsx | 135 ++++++++++++++++++--------
 1 file changed, 94 insertions(+), 41 deletions(-)

diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
index e70fc0c5..de3e18e5 100644
--- a/src/components/form/Input.stories.tsx
+++ b/src/components/form/Input.stories.tsx
@@ -3,71 +3,124 @@ import useForm from "./useForm";
 import Input from "./Input";
 import Card from "../card/Card";
 import Button from "../button/Button";
-import {IconEye, IconMail} from "@tabler/icons-react";
-import Select from "../select/Select";
-import {Text} from "../../index";
+import {IconEye, IconKey, IconLogin, IconMail, IconMinus, IconPlus, IconX} from "@tabler/icons-react";
+import ButtonGroup from "../button-group/ButtonGroup";
+import Text from "../Text/Text";
 
 export default {
     title: "Input",
     component: Input
 }
 
-export const Test = () => {
+export const Login = () => {
 
     const [inputs, validate] = useForm({
         initialValues: {
-            test: null
+            email: null,
+            password: null,
+            checkbox: true
         },
         validate: {
-            test: (value) => {
-                if (!value) return "Test is required"
+            email: (value) => {
+                if (!value) return "Email is required"
+                return null
+            },
+            password: (value) => {
+                if (!value) return "Password is required"
                 return null
             }
+        },
+        onSubmit: (values) => {
+            console.log(values)
         }
     })
 
-    return <Card>
+    return <Card maw={300}>
+        <Text size={"xl"} display={"block"} hierarchy={"primary"}>Login</Text>
+        <br/>
+        <Text size={"sm"} display={"block"}>
+            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+            dolore magna aliquyam erat, sed diam voluptua.
+        </Text>
+        <br/>
         <form>
             <Input
-                right={<IconMail size={13}/>}
-                left={
-                    <Button color={"primary"}><IconEye size={13}/></Button>
-                }
-                leftType={"action"}
-                rightType={"icon"}
+                placeholder={"Email"}
                 label={"Email"}
-                description={"Provide a valid email address"}
-                type={"text"}
-                placeholder={"test"}
-                required
-                {...(inputs.test)}/>
+                type={"checkbox"}
+                description={"Your Email address for login"}
+                left={<IconMail size={13}/>}
+                right={<Button><IconX size={13}/></Button>}
+                {...inputs.checkbox}
+            />
             <br/>
             <Input
-                right={
-                    <Select placement={"bottom-start"}>
-                        <Select.Button/>
-                        <Select.Popover>
-                            <Select.Group>
-                                <Select.GroupLabel>Fruits</Select.GroupLabel>
-                                <Select.Item value={"Apple"}/>
-                                <Select.Item value={"Banana"}/>
-                                <Select.Item disabled value={"Grape"}/>
-                                <Select.Item value={"Orange"}/>
-                            </Select.Group>
-
-                        </Select.Popover>
-                    </Select>
-                }
-                rightType={"action"}
+                placeholder={"Email"}
                 label={"Email"}
-                description={"Provide a valid email address"}
-                type={"text"}
-                placeholder={"test"}
-                required
-                {...(inputs.test)}/>
+                type={"email"}
+                description={"Your Email address for login"}
+                left={<IconMail size={13}/>}
+                right={<Button><IconX size={13}/></Button>}
+                {...inputs.email}
+            />
+            <br/>
+            <Input
+                placeholder={"Password"}
+                label={"Password"}
+                type={"password"}
+                description={"Your password for login"}
+                left={<IconKey size={13}/>}
+                right={<ButtonGroup>
+                    <Button><IconEye size={13}/></Button>
+                    <Button><IconX size={13}/></Button>
+                </ButtonGroup>}
+                {...inputs.password}
+            />
             <br/>
-            <Button color={"secondary"} onClick={validate}>Test form</Button>
+            <div style={{
+                display: "flex",
+                justifyContent:"end"
+            }}>
+                <Button color={"info"} onClick={validate}>
+                    <IconLogin size={13}/>
+                    Login
+                </Button>
+
+            </div>
+
         </form>
     </Card>
 
+}
+
+export const WebsiteInput = () => {
+
+    return <Card maw={300}>
+        <Input
+            label={"website"}
+            description={"Your website for linking"}
+            type={"text"}
+            placeholder={"code0.tech"}
+            left={"https://"}
+            leftType={"placeholder"}
+            right={<Button><IconX size={13}/></Button>}
+        />
+    </Card>
+
+}
+
+export const NumberInput = () => {
+
+    return <Card maw={300}>
+        <Input
+            label={"number"}
+            description={"Increase and decrease your number"}
+            type={"number"}
+            placeholder={"code0.tech"}
+            left={<Button color={"secondary"}><IconMinus size={13}/></Button>}
+            leftType={"action"}
+            right={<Button color={"secondary"}><IconPlus size={13}/></Button>}
+        />
+    </Card>
+
 }
\ No newline at end of file

From 2ea922db6254cad3fac8a01f0ad933d12e0c6758 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 22 Oct 2024 15:44:56 +0200
Subject: [PATCH 34/67] styling

---
 src/components/form/Input.style.scss | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/form/Input.style.scss b/src/components/form/Input.style.scss
index f20b2189..445a332b 100644
--- a/src/components/form/Input.style.scss
+++ b/src/components/form/Input.style.scss
@@ -6,6 +6,7 @@
 
   @include box(true, $primary);
   display: flex;
+  z-index: 1;
   align-items: stretch;
 
 
@@ -21,7 +22,6 @@
     display: flex;
     align-items: stretch;
 
-
     &--action {
       padding: 0;
     }
@@ -35,12 +35,14 @@
 
   &__left {
     &--icon {
+      align-items: center;
       padding: $padding 0 $padding $padding;
     }
   }
 
   &__right {
     &--icon {
+      align-items: center;
       padding: $padding $padding $padding 0;
     }
   }
@@ -61,21 +63,24 @@
     text-transform: uppercase;
     color: rgba($white, .5);
     font-size: $xs;
-    margin: $padding 0;
+    //margin: $padding 0;
     display: block;
   }
 
   &__description {
     color: rgba($white, .5);
     font-size: $sm;
-    margin: $padding 0;
+    margin: $padding/2 0 $padding;
     display: block;
   }
 
   &__message {
     @include box(false, $error);
-    padding: $padding;
-    margin: $padding 0;
+    border-top-right-radius: 0;
+    border-top-left-radius: 0;
+    padding: $padding * 2 $padding $padding;
+    top: -$padding;
+    z-index: 0;
     display: flex;
     align-items: center;
     font-size: $xs;

From b9ee2aef455bb310bb2106aad98ae0cdc585e74f Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 22 Oct 2024 15:45:25 +0200
Subject: [PATCH 35/67] better performance of useForm hook and added onSubmit
 function

---
 src/components/form/useForm.ts | 55 ++++++++++++++++++++--------------
 1 file changed, 32 insertions(+), 23 deletions(-)

diff --git a/src/components/form/useForm.ts b/src/components/form/useForm.ts
index 61963125..7255e2e4 100644
--- a/src/components/form/useForm.ts
+++ b/src/components/form/useForm.ts
@@ -1,6 +1,6 @@
 "use client"
 
-import {RefObject, useCallback, useMemo, useRef, useState} from "react";
+import {RefObject, useCallback, useRef, useState} from "react";
 
 export type Validations<Values> = Partial<{
     [Key in keyof Values]: (value: Values[Key]) => string | null;
@@ -8,7 +8,8 @@ export type Validations<Values> = Partial<{
 
 export interface FormValidationProps<Values> {
     initialValues: Values
-    validate?: Validations<Values>
+    validate?: Validations<Values>,
+    onSubmit?: (values: Values) => void
 }
 
 export interface ValidationProps<Value> {
@@ -24,50 +25,58 @@ export type ValidationsProps<Values> = Partial<{
 
 export type FormValidationReturn<Values> = [ValidationsProps<Values>, () => void]
 
+
 const useForm = <Values extends Record<string, any> = Record<string, any>>(props: FormValidationProps<Values>): FormValidationReturn<Values> => {
 
-    const {initialValues, validate} = props
+    const {initialValues, validate, onSubmit = () => {}} = props
 
     const refs = Object.entries(initialValues).map(() =>  useRef<HTMLInputElement | null>(null))
-    const [valuesState, setValuesStore] = useState<Values>(initialValues)
-    const inputProps = useMemo<ValidationsProps<Values>>(() => {
+    const [inputProps, setInputProps] = useState<ValidationsProps<Values>>({})
+
+    const validateFunction = useCallback(() => {
 
+        let submittable = true
         let inputProps: ValidationsProps<Values> = {}
+        let submitProps: Object = {}
+
+        Object.entries(initialValues).map(([k, v], index) => {
+
+            const inputRef: RefObject<HTMLInputElement> = refs[index]
+            const currentValue = inputRef.current?.value
+
+            return {
+                name: k,
+                value: currentValue as typeof v || undefined,
+                function: !!validate && !!validate[k] ? validate[k] : (value: typeof currentValue) => null
+            }
 
-        Object.entries(valuesState).map(([k, v]) => ({
-            name: k,
-            initialValue: v,
-            function: !!validate && !!validate[k] ? validate[k] : (value: typeof v) => null
-        })).forEach((item, index) => {
+        }).forEach((item, index) => {
 
-            const message = item.initialValue !== null ? item.function(item.initialValue) : null
+            const message = item.value !== null ? item.function(item.value) : null
+            submittable = submittable ? message === null ? true : !message : false
 
             Object.assign(inputProps, {
                 [item.name]: {
-                    defaultValue: item.initialValue,
+                    defaultValue: item.value,
                     notValidMessage: message,
                     valid: message === null ? true : !message,
                     ref: refs[index]
                 }
             })
-        })
 
-        return inputProps
+            Object.assign(submitProps, {
+                [item.name]: item.value
+            })
 
-    }, [valuesState])
+        })
 
-    const validateFunction = useCallback(() => {
+        setInputProps(() => inputProps)
 
-        let values: { [index: string]: any } = {...valuesState}
+        if (submittable) onSubmit(submitProps as Values)
 
-        Object.entries(inputProps as ValidationsProps<Values>).forEach(([key, value]) => {
-            const inputRef: RefObject<HTMLInputElement> = value.ref
-            values[key] = inputRef.current?.value
-        })
 
-        setValuesStore(() => values as Values)
 
-    }, [inputProps])
+    }, [])
 
     return [
         inputProps,

From 227bb02ec4b40baf01961bc9f5812c75335034dd Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 22 Oct 2024 15:46:09 +0200
Subject: [PATCH 36/67] removing checkbox

---
 src/components/form/Input.stories.tsx | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
index de3e18e5..544ae737 100644
--- a/src/components/form/Input.stories.tsx
+++ b/src/components/form/Input.stories.tsx
@@ -44,16 +44,6 @@ export const Login = () => {
         </Text>
         <br/>
         <form>
-            <Input
-                placeholder={"Email"}
-                label={"Email"}
-                type={"checkbox"}
-                description={"Your Email address for login"}
-                left={<IconMail size={13}/>}
-                right={<Button><IconX size={13}/></Button>}
-                {...inputs.checkbox}
-            />
-            <br/>
             <Input
                 placeholder={"Email"}
                 label={"Email"}

From a3d9b2b351520cb46a1fa78a86167b9e3834e046 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 22 Oct 2024 16:40:51 +0200
Subject: [PATCH 37/67] removing ref because of type conflicts

---
 src/components/form/useForm.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/form/useForm.ts b/src/components/form/useForm.ts
index 7255e2e4..4d29647a 100644
--- a/src/components/form/useForm.ts
+++ b/src/components/form/useForm.ts
@@ -16,7 +16,8 @@ export interface ValidationProps<Value> {
     defaultValue?: Value
     valid?: boolean
     notValidMessage?: string | null
-    ref?: RefObject<HTMLInputElement>
+    //ref?: RefObject<HTMLInputElement>,
+    required?: boolean
 }
 
 export type ValidationsProps<Values> = Partial<{

From 83dbad0c47869c2a4ccda29b5b572af58c781e47 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 22 Oct 2024 16:41:10 +0200
Subject: [PATCH 38/67] adding input type checking

---
 src/components/form/useForm.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/form/useForm.ts b/src/components/form/useForm.ts
index 4d29647a..3a6ffb4c 100644
--- a/src/components/form/useForm.ts
+++ b/src/components/form/useForm.ts
@@ -43,7 +43,8 @@ const useForm = <Values extends Record<string, any> = Record<string, any>>(props
         Object.entries(initialValues).map(([k, v], index) => {
 
             const inputRef: RefObject<HTMLInputElement> = refs[index]
-            const currentValue = inputRef.current?.value
+            const type = inputRef.current?.type ?? "text"
+            const currentValue = (type == "checkbox" || type == "radio") ? inputRef.current?.checked : inputRef.current?.value
 
             return {
                 name: k,
@@ -61,7 +62,8 @@ const useForm = <Values extends Record<string, any> = Record<string, any>>(props
                     defaultValue: item.value,
                     notValidMessage: message,
                     valid: message === null ? true : !message,
-                    ref: refs[index]
+                    ref: refs[index],
+                    ...(!!validate ? {required: true} : {})
                 }
             })
 

From eaf2e1a98b739b0747af7a64b23016d44c79644b Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 22 Oct 2024 16:41:29 +0200
Subject: [PATCH 39/67] type problems

---
 src/components/form/Input.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/form/Input.tsx b/src/components/form/Input.tsx
index 7707ca34..0a8a4f12 100644
--- a/src/components/form/Input.tsx
+++ b/src/components/form/Input.tsx
@@ -1,4 +1,4 @@
-import {Code0Component, Color} from "../../utils/types";
+import {Code0Component} from "../../utils/types";
 import React, {LegacyRef} from "react";
 import {ValidationProps} from "./useForm";
 import {mergeCode0Props} from "../../utils/utils";
@@ -7,7 +7,7 @@ import InputLabel from "./InputLabel";
 import InputDescription from "./InputDescription";
 import InputMessage from "./InputMessage";
 
-type Code0Input = Omit<Omit<Omit<Omit<Omit<Code0Component<HTMLInputElement>, "defaultValue">, "ref">, "left">, "right">, "label">
+type Code0Input = Omit<Omit<Omit<Omit<Code0Component<HTMLInputElement>, "defaultValue">, "left">, "right">, "label">
 
 export interface InputProps<T> extends Code0Input, ValidationProps<T> {
 
@@ -18,11 +18,10 @@ export interface InputProps<T> extends Code0Input, ValidationProps<T> {
     rightType?: "action" | "placeholder" | "icon"
     label?: React.ReactNode | React.ReactElement
     description?: React.ReactNode | React.ReactElement
-    color?: Color
 }
 
 
-const Input: React.ForwardRefExoticComponent<Omit<InputProps<any>, "ref">> = React.forwardRef((props: InputProps<any>, ref) => {
+const Input: React.ForwardRefExoticComponent<InputProps<any>> = React.forwardRef((props: InputProps<any>, ref) => {
 
     const {
         wrapperComponent = {},

From 1ef59802d2b5a463a32b88cc4b3735f5a0652a9c Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 22 Oct 2024 16:41:45 +0200
Subject: [PATCH 40/67] first implementation of password input

---
 src/components/form/Input.stories.tsx | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
index 544ae737..95f75d1f 100644
--- a/src/components/form/Input.stories.tsx
+++ b/src/components/form/Input.stories.tsx
@@ -6,6 +6,7 @@ import Button from "../button/Button";
 import {IconEye, IconKey, IconLogin, IconMail, IconMinus, IconPlus, IconX} from "@tabler/icons-react";
 import ButtonGroup from "../button-group/ButtonGroup";
 import Text from "../Text/Text";
+import PasswordInput from "./PasswordInput";
 
 export default {
     title: "Input",
@@ -54,16 +55,11 @@ export const Login = () => {
                 {...inputs.email}
             />
             <br/>
-            <Input
+            <PasswordInput
                 placeholder={"Password"}
                 label={"Password"}
-                type={"password"}
                 description={"Your password for login"}
                 left={<IconKey size={13}/>}
-                right={<ButtonGroup>
-                    <Button><IconEye size={13}/></Button>
-                    <Button><IconX size={13}/></Button>
-                </ButtonGroup>}
                 {...inputs.password}
             />
             <br/>

From 357083b3da3450d12266097bd1b3d489eb9c2476 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Sun, 27 Oct 2024 17:27:55 +0100
Subject: [PATCH 41/67] allow also array of elements on sides

---
 src/components/form/Input.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/form/Input.tsx b/src/components/form/Input.tsx
index 0a8a4f12..0aec6ae7 100644
--- a/src/components/form/Input.tsx
+++ b/src/components/form/Input.tsx
@@ -12,8 +12,8 @@ type Code0Input = Omit<Omit<Omit<Omit<Code0Component<HTMLInputElement>, "default
 export interface InputProps<T> extends Code0Input, ValidationProps<T> {
 
     wrapperComponent?: Code0Component<HTMLDivElement>
-    right?: React.ReactNode | React.ReactElement
-    left?: React.ReactNode | React.ReactElement
+    right?: React.ReactNode | React.ReactElement | React.ReactElement[]
+    left?: React.ReactNode | React.ReactElement | React.ReactElement[]
     leftType?: "action" | "placeholder" | "icon"
     rightType?: "action" | "placeholder" | "icon"
     label?: React.ReactNode | React.ReactElement

From 551f581553cd1bf8bf06a27f863a0794d470f686 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Sun, 27 Oct 2024 17:28:35 +0100
Subject: [PATCH 42/67] adding possibility to control type and add right
 elements

---
 src/components/form/PasswordInput.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/form/PasswordInput.tsx b/src/components/form/PasswordInput.tsx
index 0b843e6f..ff17c4d8 100644
--- a/src/components/form/PasswordInput.tsx
+++ b/src/components/form/PasswordInput.tsx
@@ -1,10 +1,9 @@
 import React, {RefObject} from "react";
 import Input, {InputProps} from "./Input";
-import ButtonGroup from "../button-group/ButtonGroup";
 import {IconEye, IconX} from "@tabler/icons-react";
 import Button from "../button/Button";
 
-interface PasswordInputProps extends Omit<InputProps<string | null>, "wrapperComponent" | "right" | "rightType" | "type"> {
+interface PasswordInputProps extends Omit<InputProps<string | null>, "wrapperComponent" | "type"> {
     clearable?: boolean,
     visible?: boolean
 }
@@ -15,6 +14,7 @@ const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps> = React
     const {
         clearable = true,
         visible = true,
+        right,
         ...rest
     } = props
 
@@ -27,10 +27,10 @@ const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps> = React
         else if (ref.current && ref.current.type == "text") ref.current.type = "password"
     }
 
-    const rightAction = clearable && visible ? <ButtonGroup>
-        <Button onClick={toVisible}><IconEye size={13}/></Button>
-        <Button onClick={toClearable}><IconX size={13}/></Button>
-    </ButtonGroup> : clearable || visible ? <Button onClick={clearable ? toClearable : toVisible}>{clearable ? <IconX size={13}/> : <IconEye size={13}/>}</Button> : <></>
+    const rightAction = [right]
+    visible && rightAction.push(<Button onClick={toVisible}><IconEye size={13}/></Button>)
+    clearable && rightAction.push(<Button onClick={toClearable}><IconX size={13}/></Button>)
+
 
     return <Input
         right={rightAction}

From d818fefda2ef8cabeb9fe7c7495f6a88b3e8beed Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Sun, 27 Oct 2024 17:50:20 +0100
Subject: [PATCH 43/67] adding support for TextInput

---
 src/components/form/Input.stories.tsx |  5 ++--
 src/components/form/TextInput.tsx     | 37 +++++++++++++++++++++++++++
 2 files changed, 40 insertions(+), 2 deletions(-)
 create mode 100644 src/components/form/TextInput.tsx

diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
index 95f75d1f..732bca2e 100644
--- a/src/components/form/Input.stories.tsx
+++ b/src/components/form/Input.stories.tsx
@@ -7,6 +7,7 @@ import {IconEye, IconKey, IconLogin, IconMail, IconMinus, IconPlus, IconX} from
 import ButtonGroup from "../button-group/ButtonGroup";
 import Text from "../Text/Text";
 import PasswordInput from "./PasswordInput";
+import TextInput from "./TextInput";
 
 export default {
     title: "Input",
@@ -82,14 +83,14 @@ export const Login = () => {
 export const WebsiteInput = () => {
 
     return <Card maw={300}>
-        <Input
+        <TextInput
             label={"website"}
             description={"Your website for linking"}
             type={"text"}
+            clearable
             placeholder={"code0.tech"}
             left={"https://"}
             leftType={"placeholder"}
-            right={<Button><IconX size={13}/></Button>}
         />
     </Card>
 
diff --git a/src/components/form/TextInput.tsx b/src/components/form/TextInput.tsx
new file mode 100644
index 00000000..0e5aee79
--- /dev/null
+++ b/src/components/form/TextInput.tsx
@@ -0,0 +1,37 @@
+import React, {RefObject} from "react";
+import Input, {InputProps} from "./Input";
+import {IconX} from "@tabler/icons-react";
+import Button from "../button/Button";
+
+
+interface TextInputProps extends Omit<InputProps<string | null>, "wrapperComponent" | "type"> {
+    //defaults to false
+    clearable?: boolean
+}
+
+const TextInput: React.ForwardRefExoticComponent<TextInputProps> = React.forwardRef((props, ref: RefObject<HTMLInputElement>) => {
+
+    const {
+        clearable = false,
+        right,
+        ...rest
+    } = props
+
+    const toClearable = () => {
+        if (ref.current) ref.current.value = ""
+    }
+
+    const rightAction = [right]
+    clearable && rightAction.push(<Button onClick={toClearable}><IconX size={13}/></Button>)
+
+
+    return <Input
+        right={rightAction}
+        type={"text"}
+        ref={ref}
+        {...rest}
+    />
+
+})
+
+export default TextInput
\ No newline at end of file

From 40f86f13cf95361a6bb865dacb6b2d4ce89712e4 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Sun, 27 Oct 2024 18:46:15 +0100
Subject: [PATCH 44/67] feat: add EmailInput and function for email validation

---
 src/components/form/EmailInput.tsx | 44 ++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 src/components/form/EmailInput.tsx

diff --git a/src/components/form/EmailInput.tsx b/src/components/form/EmailInput.tsx
new file mode 100644
index 00000000..6429ce12
--- /dev/null
+++ b/src/components/form/EmailInput.tsx
@@ -0,0 +1,44 @@
+import React, {RefObject} from "react";
+import Input, {InputProps} from "./Input";
+import {IconX} from "@tabler/icons-react";
+import Button from "../button/Button";
+
+/**
+ * This regex is based on the validation behind the type="email" validation of html.
+ * This can be used as the validation for email input
+ */
+const EMAIL_REGEX = /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/
+
+interface EmailInputProps extends Omit<InputProps<string | null>, "wrapperComponent" | "type"> {
+    //defaults to false
+    clearable?: boolean
+}
+
+export const emailValidation = (email: string) => EMAIL_REGEX.test(email)
+
+const EmailInput: React.ForwardRefExoticComponent<EmailInputProps> = React.forwardRef((props, ref: RefObject<HTMLInputElement>) => {
+
+    const {
+        clearable = false,
+        right,
+        ...rest
+    } = props
+
+    const toClearable = () => {
+        if (ref.current) ref.current.value = ""
+    }
+
+    const rightAction = [right]
+    clearable && rightAction.push(<Button onClick={toClearable}><IconX size={13}/></Button>)
+
+
+    return <Input
+        right={rightAction}
+        type={"email"}
+        ref={ref}
+        {...rest}
+    />
+
+})
+
+export default EmailInput
\ No newline at end of file

From 9931467fe05666c185e57bd23d747a1a1b7d7b25 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Sun, 27 Oct 2024 18:46:54 +0100
Subject: [PATCH 45/67] test: replaced normal Input with EmailInput

---
 src/components/form/Input.stories.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
index 732bca2e..615b0ac2 100644
--- a/src/components/form/Input.stories.tsx
+++ b/src/components/form/Input.stories.tsx
@@ -3,11 +3,11 @@ import useForm from "./useForm";
 import Input from "./Input";
 import Card from "../card/Card";
 import Button from "../button/Button";
-import {IconEye, IconKey, IconLogin, IconMail, IconMinus, IconPlus, IconX} from "@tabler/icons-react";
-import ButtonGroup from "../button-group/ButtonGroup";
+import {IconKey, IconLogin, IconMail, IconMinus, IconPlus} from "@tabler/icons-react";
 import Text from "../Text/Text";
 import PasswordInput from "./PasswordInput";
 import TextInput from "./TextInput";
+import EmailInput, {emailValidation} from "./EmailInput";
 
 export default {
     title: "Input",
@@ -25,6 +25,7 @@ export const Login = () => {
         validate: {
             email: (value) => {
                 if (!value) return "Email is required"
+                if (!emailValidation(value)) return "Please provide a valid email"
                 return null
             },
             password: (value) => {
@@ -46,13 +47,12 @@ export const Login = () => {
         </Text>
         <br/>
         <form>
-            <Input
+            <EmailInput
                 placeholder={"Email"}
                 label={"Email"}
                 type={"email"}
                 description={"Your Email address for login"}
                 left={<IconMail size={13}/>}
-                right={<Button><IconX size={13}/></Button>}
                 {...inputs.email}
             />
             <br/>

From 25a3e3534649d959c76ec730c5f0ee69a10d9173 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Mon, 28 Oct 2024 14:17:55 +0100
Subject: [PATCH 46/67] fix: when no ref is provided we should create our own
 in the component

---
 src/components/form/EmailInput.tsx    | 2 ++
 src/components/form/PasswordInput.tsx | 2 ++
 src/components/form/TextInput.tsx     | 2 ++
 3 files changed, 6 insertions(+)

diff --git a/src/components/form/EmailInput.tsx b/src/components/form/EmailInput.tsx
index 6429ce12..b1545e76 100644
--- a/src/components/form/EmailInput.tsx
+++ b/src/components/form/EmailInput.tsx
@@ -18,6 +18,8 @@ export const emailValidation = (email: string) => EMAIL_REGEX.test(email)
 
 const EmailInput: React.ForwardRefExoticComponent<EmailInputProps> = React.forwardRef((props, ref: RefObject<HTMLInputElement>) => {
 
+    ref = ref || React.useRef(null)
+
     const {
         clearable = false,
         right,
diff --git a/src/components/form/PasswordInput.tsx b/src/components/form/PasswordInput.tsx
index ff17c4d8..e63193e9 100644
--- a/src/components/form/PasswordInput.tsx
+++ b/src/components/form/PasswordInput.tsx
@@ -11,6 +11,8 @@ interface PasswordInputProps extends Omit<InputProps<string | null>, "wrapperCom
 
 const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps> = React.forwardRef((props, ref: RefObject<HTMLInputElement>) => {
 
+    ref = ref || React.useRef(null)
+
     const {
         clearable = true,
         visible = true,
diff --git a/src/components/form/TextInput.tsx b/src/components/form/TextInput.tsx
index 0e5aee79..c21cb897 100644
--- a/src/components/form/TextInput.tsx
+++ b/src/components/form/TextInput.tsx
@@ -11,6 +11,8 @@ interface TextInputProps extends Omit<InputProps<string | null>, "wrapperCompone
 
 const TextInput: React.ForwardRefExoticComponent<TextInputProps> = React.forwardRef((props, ref: RefObject<HTMLInputElement>) => {
 
+    ref = ref || React.useRef(null)
+
     const {
         clearable = false,
         right,

From cd278ee9446ad7959b733604ac362e07b52b4565 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Mon, 28 Oct 2024 14:18:24 +0100
Subject: [PATCH 47/67] fix: providing initial input props so ref will work

---
 src/components/form/useForm.ts | 37 +++++++++++++++++++++++++++++++++-
 1 file changed, 36 insertions(+), 1 deletion(-)

diff --git a/src/components/form/useForm.ts b/src/components/form/useForm.ts
index 3a6ffb4c..89c14698 100644
--- a/src/components/form/useForm.ts
+++ b/src/components/form/useForm.ts
@@ -26,13 +26,48 @@ export type ValidationsProps<Values> = Partial<{
 
 export type FormValidationReturn<Values> = [ValidationsProps<Values>, () => void]
 
+const createInitialInputProps = <Values extends Record<string, any> = Record<string, any>>(props: FormValidationProps<Values>, refs: RefObject<HTMLInputElement>[]) => {
+
+    const {initialValues, validate} = props
+
+    let inputProps: ValidationsProps<Values> = {}
+
+    Object.entries(initialValues).map(([k, v], index) => {
+
+        const inputRef: RefObject<HTMLInputElement> = refs[index]
+        const type = inputRef.current?.type ?? "text"
+        const currentValue = (type == "checkbox" || type == "radio") ? inputRef.current?.checked : inputRef.current?.value
+
+        return {
+            name: k,
+            value: currentValue as typeof v || undefined,
+            function: !!validate && !!validate[k] ? validate[k] : (value: typeof currentValue) => null
+        }
+
+    }).forEach((item, index) => {
+
+        Object.assign(inputProps, {
+            [item.name]: {
+                defaultValue: item.value,
+                //notValidMessage: message,
+                //valid: message === null ? true : !message,
+                ref: refs[index],
+                ...(!!validate ? {required: true} : {})
+            }
+        })
+
+    })
+
+    return inputProps
+
+}
 
 const useForm = <Values extends Record<string, any> = Record<string, any>>(props: FormValidationProps<Values>): FormValidationReturn<Values> => {
 
     const {initialValues, validate, onSubmit = () => {}} = props
 
     const refs = Object.entries(initialValues).map(() =>  useRef<HTMLInputElement | null>(null))
-    const [inputProps, setInputProps] = useState<ValidationsProps<Values>>({})
+    const [inputProps, setInputProps] = useState<ValidationsProps<Values>>(createInitialInputProps(props, refs))
 
     const validateFunction = useCallback(() => {
 

From 7ee0b94a81195b94c31427a00875114ef47d12d5 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Mon, 28 Oct 2024 14:18:38 +0100
Subject: [PATCH 48/67] feat: new input component

---
 src/components/form/Input.stories.tsx | 13 +++-----
 src/components/form/NumberInput.tsx   | 47 +++++++++++++++++++++++++++
 2 files changed, 52 insertions(+), 8 deletions(-)
 create mode 100644 src/components/form/NumberInput.tsx

diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
index 615b0ac2..af92fd04 100644
--- a/src/components/form/Input.stories.tsx
+++ b/src/components/form/Input.stories.tsx
@@ -3,11 +3,12 @@ import useForm from "./useForm";
 import Input from "./Input";
 import Card from "../card/Card";
 import Button from "../button/Button";
-import {IconKey, IconLogin, IconMail, IconMinus, IconPlus} from "@tabler/icons-react";
+import {IconKey, IconLogin, IconMail} from "@tabler/icons-react";
 import Text from "../Text/Text";
 import PasswordInput from "./PasswordInput";
 import TextInput from "./TextInput";
 import EmailInput, {emailValidation} from "./EmailInput";
+import NumberInput from "./NumberInput";
 
 export default {
     title: "Input",
@@ -80,7 +81,7 @@ export const Login = () => {
 
 }
 
-export const WebsiteInput = () => {
+export const Website = () => {
 
     return <Card maw={300}>
         <TextInput
@@ -96,17 +97,13 @@ export const WebsiteInput = () => {
 
 }
 
-export const NumberInput = () => {
+export const Number = () => {
 
     return <Card maw={300}>
-        <Input
+        <NumberInput
             label={"number"}
             description={"Increase and decrease your number"}
-            type={"number"}
             placeholder={"code0.tech"}
-            left={<Button color={"secondary"}><IconMinus size={13}/></Button>}
-            leftType={"action"}
-            right={<Button color={"secondary"}><IconPlus size={13}/></Button>}
         />
     </Card>
 
diff --git a/src/components/form/NumberInput.tsx b/src/components/form/NumberInput.tsx
new file mode 100644
index 00000000..c7d9e742
--- /dev/null
+++ b/src/components/form/NumberInput.tsx
@@ -0,0 +1,47 @@
+import React, {RefObject} from "react";
+import Input, {InputProps} from "./Input";
+import {IconMinus, IconPlus} from "@tabler/icons-react";
+import Button from "../button/Button";
+
+
+interface NumberInputProps extends Omit<InputProps<string | null>, "wrapperComponent" | "type" | "left" | "right" | "leftType" | "rightType"> {
+
+}
+
+const NumberInput: React.ForwardRefExoticComponent<NumberInputProps> = React.forwardRef((props, ref: RefObject<HTMLInputElement>) => {
+
+    ref = ref || React.useRef(null)
+
+    const {
+        left,
+        right,
+        step = 1,
+        ...rest
+    } = props
+
+    const countUp = () => {
+        if (ref.current) {
+            if (!ref.current.value) ref.current.value = "0"
+            ref.current.value = (Number.parseInt(ref.current.value) + (step)).toString()
+        }
+    }
+
+    const countDown = () => {
+        if (ref.current) {
+            if (!ref.current.value) ref.current.value = "0"
+            ref.current.value = (Number.parseInt(ref.current.value) - (step)).toString()
+        }
+    }
+
+    return <Input
+        right={<Button onClick={countUp}><IconPlus size={13}/></Button>}
+        left={<Button onClick={countDown}><IconMinus size={13}/></Button>}
+        leftType={"action"}
+        type={"number"}
+        ref={ref}
+        {...rest}
+    />
+
+})
+
+export default NumberInput
\ No newline at end of file

From dae8965a656da37cd9c78f2d34f8264ac91bf218 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 29 Oct 2024 19:58:33 +0100
Subject: [PATCH 49/67] changing regex to standard RFC type

---
 src/components/form/EmailInput.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/form/EmailInput.tsx b/src/components/form/EmailInput.tsx
index b1545e76..422ec994 100644
--- a/src/components/form/EmailInput.tsx
+++ b/src/components/form/EmailInput.tsx
@@ -7,7 +7,7 @@ import Button from "../button/Button";
  * This regex is based on the validation behind the type="email" validation of html.
  * This can be used as the validation for email input
  */
-const EMAIL_REGEX = /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/
+const EMAIL_REGEX = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/
 
 interface EmailInputProps extends Omit<InputProps<string | null>, "wrapperComponent" | "type"> {
     //defaults to false

From d348076ba9ddaa4875b5d6099f4d0a50e7dda2c0 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 29 Oct 2024 19:59:15 +0100
Subject: [PATCH 50/67] fix: fixing useForm behaviour on set of inputs with
 same target

---
 src/components/form/Input.tsx         |  39 ++++++--
 src/components/form/PasswordInput.tsx |   6 +-
 src/components/form/TextInput.tsx     |   5 +-
 src/components/form/useForm.ts        | 130 +++++++++++---------------
 4 files changed, 94 insertions(+), 86 deletions(-)

diff --git a/src/components/form/Input.tsx b/src/components/form/Input.tsx
index 0aec6ae7..559044ed 100644
--- a/src/components/form/Input.tsx
+++ b/src/components/form/Input.tsx
@@ -1,5 +1,5 @@
 import {Code0Component} from "../../utils/types";
-import React, {LegacyRef} from "react";
+import React, {LegacyRef, RefObject, useEffect} from "react";
 import {ValidationProps} from "./useForm";
 import {mergeCode0Props} from "../../utils/utils";
 import "./Input.style.scss"
@@ -21,7 +21,9 @@ export interface InputProps<T> extends Code0Input, ValidationProps<T> {
 }
 
 
-const Input: React.ForwardRefExoticComponent<InputProps<any>> = React.forwardRef((props: InputProps<any>, ref) => {
+const Input: React.ForwardRefExoticComponent<InputProps<any>> = React.forwardRef((props: InputProps<any>, ref: RefObject<HTMLInputElement>) => {
+
+    ref = ref || React.useRef(null)
 
     const {
         wrapperComponent = {},
@@ -32,23 +34,43 @@ const Input: React.ForwardRefExoticComponent<InputProps<any>> = React.forwardRef
         right,
         leftType = "icon",
         rightType = "action",
-        notValidMessage,
-        valid = true,
+        formValidation = {
+            valid: true,
+            notValidMessage: null,
+            onChange: null
+        },
         ...rest
     } = props
 
+    useEffect(() => {
+
+        if (!HTMLInputElement.prototype["setValue"]) HTMLInputElement.prototype["setValue"] = (element, value) => {
+            const valueSetter = Object.getOwnPropertyDescriptor(element, 'value')?.set;
+            const prototype = Object.getPrototypeOf(element);
+            const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value')?.set;
+
+            if (valueSetter && valueSetter !== prototypeValueSetter) {
+                prototypeValueSetter?.call(element, value);
+            } else {
+                valueSetter?.call(element, value);
+            }
+        }
+    }, [])
+
+
     return <>
 
         {!!label ? <InputLabel children={label}/> : null}
         {!!description ? <InputDescription children={description}/> : null}
 
-        <div {...mergeCode0Props(`input ${!valid ? "input--not-valid" : ""}`, wrapperComponent)}>
+        <div {...mergeCode0Props(`input ${!formValidation?.valid ? "input--not-valid" : ""}`, wrapperComponent)}>
 
             {!!left ? <div className={`input__left input__left--${leftType}`}>
                 {left}
-            </div>: null}
+            </div> : null}
 
-            <input ref={ref as LegacyRef<HTMLInputElement> | undefined} {...mergeCode0Props("input__control", rest)}/>
+            <input onChange={formValidation?.onChange}
+                   ref={ref as LegacyRef<HTMLInputElement> | undefined} {...mergeCode0Props("input__control", rest)}/>
 
             {!!right ? <div className={`input__right input__right--${rightType}`}>
                 {right}
@@ -56,7 +78,8 @@ const Input: React.ForwardRefExoticComponent<InputProps<any>> = React.forwardRef
 
         </div>
 
-        {!valid && notValidMessage ? <InputMessage children={notValidMessage}/> : null}
+        {!formValidation?.valid && formValidation?.notValidMessage ?
+            <InputMessage children={formValidation.notValidMessage}/> : null}
     </>
 })
 
diff --git a/src/components/form/PasswordInput.tsx b/src/components/form/PasswordInput.tsx
index e63193e9..896e0432 100644
--- a/src/components/form/PasswordInput.tsx
+++ b/src/components/form/PasswordInput.tsx
@@ -21,7 +21,11 @@ const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps> = React
     } = props
 
     const toClearable = () => {
-        if (ref.current) ref.current.value = ""
+        if (ref.current) {
+            ref.current["setValue"](ref.current, "")
+            ref.current.dispatchEvent(new Event("change", { bubbles: true }));
+        }
+
     }
 
     const toVisible = () => {
diff --git a/src/components/form/TextInput.tsx b/src/components/form/TextInput.tsx
index c21cb897..d0775a1c 100644
--- a/src/components/form/TextInput.tsx
+++ b/src/components/form/TextInput.tsx
@@ -20,7 +20,10 @@ const TextInput: React.ForwardRefExoticComponent<TextInputProps> = React.forward
     } = props
 
     const toClearable = () => {
-        if (ref.current) ref.current.value = ""
+        if (ref.current) {
+            ref.current["setValue"](ref.current, "")
+            ref.current.dispatchEvent(new Event("change", { bubbles: true }));
+        }
     }
 
     const rightAction = [right]
diff --git a/src/components/form/useForm.ts b/src/components/form/useForm.ts
index 89c14698..7d394939 100644
--- a/src/components/form/useForm.ts
+++ b/src/components/form/useForm.ts
@@ -1,6 +1,6 @@
 "use client"
 
-import {RefObject, useCallback, useRef, useState} from "react";
+import {ChangeEvent, ChangeEventHandler, useCallback, useMemo, useState} from "react";
 
 export type Validations<Values> = Partial<{
     [Key in keyof Values]: (value: Values[Key]) => string | null;
@@ -13,106 +13,84 @@ export interface FormValidationProps<Values> {
 }
 
 export interface ValidationProps<Value> {
+    checked?: boolean
     defaultValue?: Value
-    valid?: boolean
-    notValidMessage?: string | null
-    //ref?: RefObject<HTMLInputElement>,
     required?: boolean
+    formValidation?: {
+        onChange: ChangeEventHandler
+        valid?: boolean
+        notValidMessage?: string | null
+    }
 }
 
 export type ValidationsProps<Values> = Partial<{
     [Key in keyof Values]: ValidationProps<Values[Key]>
 }>
 
-export type FormValidationReturn<Values> = [ValidationsProps<Values>, () => void]
+export type FormValidationReturn<Values> = [IValidation<Values>, () => void]
 
-const createInitialInputProps = <Values extends Record<string, any> = Record<string, any>>(props: FormValidationProps<Values>, refs: RefObject<HTMLInputElement>[]) => {
+export interface IValidation<Values> {
+    getInputProps(key: keyof Values, options: { type: "input" | "checkbox" | "radio" }): ValidationProps<Values>
+}
+
+class Validation<Values> implements IValidation<Values> {
 
-    const {initialValues, validate} = props
+    private readonly changeValue: (key: string, value: any) => void
+    private readonly initialRender: boolean
+    private readonly currentValues: Values
+    private readonly currentValidations?: Validations<Values>
 
-    let inputProps: ValidationsProps<Values> = {}
+    constructor(changeValue, values, validations, initial) {
+        this.changeValue = changeValue
+        this.currentValues = values
+        this.currentValidations = validations
+        this.initialRender = initial
+    }
 
-    Object.entries(initialValues).map(([k, v], index) => {
+    public getInputProps(key: keyof Values, options: {
+        type: "input" | "checkbox" | "radio"
+    }): ValidationProps<Values> {
 
-        const inputRef: RefObject<HTMLInputElement> = refs[index]
-        const type = inputRef.current?.type ?? "text"
-        const currentValue = (type == "checkbox" || type == "radio") ? inputRef.current?.checked : inputRef.current?.value
+        const currentValue = (this.currentValues[key] as null) || undefined
+        const currentName = key
+        const currentFc = !!this.currentValidations && !!this.currentValidations[key] ? this.currentValidations[key] : (value: typeof currentValue) => null
+        const message = !this.initialRender ? currentFc(currentValue) : null
 
         return {
-            name: k,
-            value: currentValue as typeof v || undefined,
-            function: !!validate && !!validate[k] ? validate[k] : (value: typeof currentValue) => null
+            defaultValue: currentValue,
+            formValidation: {
+                onChange: (event: ChangeEvent) => {
+                    this.changeValue(currentName, (event.target as HTMLInputElement).value)
+                },
+                ...(!this.initialRender ? {
+                    notValidMessage: message,
+                    valid: message === null ? true : !message,
+                } : {
+                    valid: true,
+                })
+            },
+            ...(!!this.currentValidations && !!this.currentValidations[key] ? {required: true} : {})
         }
-
-    }).forEach((item, index) => {
-
-        Object.assign(inputProps, {
-            [item.name]: {
-                defaultValue: item.value,
-                //notValidMessage: message,
-                //valid: message === null ? true : !message,
-                ref: refs[index],
-                ...(!!validate ? {required: true} : {})
-            }
-        })
-
-    })
-
-    return inputProps
-
+    }
 }
 
 const useForm = <Values extends Record<string, any> = Record<string, any>>(props: FormValidationProps<Values>): FormValidationReturn<Values> => {
 
-    const {initialValues, validate, onSubmit = () => {}} = props
-
-    const refs = Object.entries(initialValues).map(() =>  useRef<HTMLInputElement | null>(null))
-    const [inputProps, setInputProps] = useState<ValidationsProps<Values>>(createInitialInputProps(props, refs))
+    const {initialValues, validate, onSubmit} = props
+    const [values, setValues] = useState<Values>(initialValues)
+    const changeValue = (key: string, value: any) => setValues(prevState => {
+        prevState[key] = value
+        return prevState
+    })
+    const initialInputProps = useMemo(() => new Validation(changeValue, initialValues, validate, true), [])
+    const [inputProps, setInputProps] = useState<IValidation<Values>>(initialInputProps)
 
     const validateFunction = useCallback(() => {
 
-        let submittable = true
-        let inputProps: ValidationsProps<Values> = {}
-        let submitProps: Object = {}
-
-        Object.entries(initialValues).map(([k, v], index) => {
-
-            const inputRef: RefObject<HTMLInputElement> = refs[index]
-            const type = inputRef.current?.type ?? "text"
-            const currentValue = (type == "checkbox" || type == "radio") ? inputRef.current?.checked : inputRef.current?.value
-
-            return {
-                name: k,
-                value: currentValue as typeof v || undefined,
-                function: !!validate && !!validate[k] ? validate[k] : (value: typeof currentValue) => null
-            }
-
-        }).forEach((item, index) => {
-
-            const message = item.value !== null ? item.function(item.value) : null
-            submittable = submittable ? message === null ? true : !message : false
-
-            Object.assign(inputProps, {
-                [item.name]: {
-                    defaultValue: item.value,
-                    notValidMessage: message,
-                    valid: message === null ? true : !message,
-                    ref: refs[index],
-                    ...(!!validate ? {required: true} : {})
-                }
-            })
-
-            Object.assign(submitProps, {
-                [item.name]: item.value
-            })
-
-        })
+        let inputProps: IValidation<Values> = new Validation(changeValue, values, validate, false)
 
         setInputProps(() => inputProps)
-
-        if (submittable) onSubmit(submitProps as Values)
-
-
+        if (onSubmit) onSubmit(values as Values)
 
     }, [])
 

From 41f7f44a89f06a62cc43b97f1fdf47c958a12468 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 29 Oct 2024 19:59:30 +0100
Subject: [PATCH 51/67] feat: new RadioInput

---
 src/components/form/Input.stories.tsx | 64 +++++++++++++++++++++++++--
 src/components/form/Input.style.scss  | 51 +++++++++++++++++++++
 src/components/form/RadioInput.tsx    | 36 +++++++++++++++
 3 files changed, 147 insertions(+), 4 deletions(-)
 create mode 100644 src/components/form/RadioInput.tsx

diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
index af92fd04..c1d0dcce 100644
--- a/src/components/form/Input.stories.tsx
+++ b/src/components/form/Input.stories.tsx
@@ -9,6 +9,7 @@ import PasswordInput from "./PasswordInput";
 import TextInput from "./TextInput";
 import EmailInput, {emailValidation} from "./EmailInput";
 import NumberInput from "./NumberInput";
+import RadioInput from "./RadioInput";
 
 export default {
     title: "Input",
@@ -19,7 +20,7 @@ export const Login = () => {
 
     const [inputs, validate] = useForm({
         initialValues: {
-            email: null,
+            email: "nicoq@",
             password: null,
             checkbox: true
         },
@@ -54,7 +55,7 @@ export const Login = () => {
                 type={"email"}
                 description={"Your Email address for login"}
                 left={<IconMail size={13}/>}
-                {...inputs.email}
+                {...inputs.getInputProps("email")}
             />
             <br/>
             <PasswordInput
@@ -62,12 +63,12 @@ export const Login = () => {
                 label={"Password"}
                 description={"Your password for login"}
                 left={<IconKey size={13}/>}
-                {...inputs.password}
+                {...inputs.getInputProps("password")}
             />
             <br/>
             <div style={{
                 display: "flex",
-                justifyContent:"end"
+                justifyContent: "end"
             }}>
                 <Button color={"info"} onClick={validate}>
                     <IconLogin size={13}/>
@@ -107,4 +108,59 @@ export const Number = () => {
         />
     </Card>
 
+}
+
+export const Radio = () => {
+
+    const [inputs, validate] = useForm({
+        initialValues: {
+            test: null
+        },
+        validate: {
+            test: (value) => {
+                if (!value) return "Error"
+                return null
+            }
+        },
+        onSubmit: (values) => {
+            console.log(values)
+        }
+    })
+
+
+    return <form>
+        <Card maw={300}>
+            <RadioInput
+                label={"Runtime"}
+                description={"Change runtime mode production version"}
+                value={"dynamic"}
+                name={"test1"}
+                text={"Dynamic"}
+                {...inputs.getInputProps("test", {type : "radio"})}
+            />
+            <RadioInput
+                value={"hybrid"}
+                name={"test1"}
+                text={"Hybrid"}
+                {...inputs.getInputProps("test", {type : "radio"})}
+            />
+            <RadioInput
+                value={"static"}
+                name={"test1"}
+                text={"Static"}
+                {...inputs.getInputProps("test", {type : "radio"})}
+            />
+            <br/>
+            <div style={{
+                display: "flex",
+                justifyContent: "end"
+            }}>
+                <Button color={"info"} onClick={validate}>
+                    <IconLogin size={13}/>
+                    Login
+                </Button>
+
+            </div>
+        </Card>
+    </form>
 }
\ No newline at end of file
diff --git a/src/components/form/Input.style.scss b/src/components/form/Input.style.scss
index 445a332b..3cab13f4 100644
--- a/src/components/form/Input.style.scss
+++ b/src/components/form/Input.style.scss
@@ -92,4 +92,55 @@
     }
   }
 
+}
+
+.radio-input {
+
+  $padding: $xxs;
+
+  background: backgroundColor($secondary) !important;
+  border-radius: 0 !important;
+  border: none !important;
+  align-items: center;
+  box-sizing: border-box;
+  gap: $xxs;
+  padding: $padding 0;
+
+  .input__control {
+
+    $size: $sm;
+
+    position: relative;
+    flex: none;
+    box-sizing: border-box;
+    padding: 0;
+    margin: 1px 0;
+    width: $size;
+    height: $size;
+
+    appearance: none;
+    outline: none;
+
+    background-color: transparent;
+    border: 1px solid borderColor($secondary, true);
+    border-radius: 50%;
+
+    &:checked {
+      border-color: borderColor($info, true);
+
+      &:before {
+        content: "";
+        position: absolute;
+        left: 50%;
+        border-radius: 50%;
+        top: 50%;
+        transform: translateX(-50%) translateY(-50%);
+        width: $size/2;
+        height: $size/2;
+        background: backgroundColor($info);
+      }
+    }
+
+  }
+
 }
\ No newline at end of file
diff --git a/src/components/form/RadioInput.tsx b/src/components/form/RadioInput.tsx
new file mode 100644
index 00000000..67fce21f
--- /dev/null
+++ b/src/components/form/RadioInput.tsx
@@ -0,0 +1,36 @@
+import React, {RefObject} from "react";
+import Input, {InputProps} from "./Input";
+
+
+interface RadioInputProps extends Omit<InputProps<string | null>, "wrapperComponent" | "type" | "left" | "leftType"> {
+    text?: string
+}
+
+const RadioInput: React.ForwardRefExoticComponent<RadioInputProps> = React.forwardRef((props, ref: RefObject<HTMLInputElement>) => {
+
+    ref = ref || React.useRef(null)
+
+    const {
+        text,
+        value,
+        defaultValue,
+        ...rest
+    } = props
+
+
+    return <Input
+        wrapperComponent={{
+            className: "radio-input"
+        }}
+        type={"radio"}
+        right={text}
+        left={null}
+        ref={ref}
+        value={value}
+        {...(value === defaultValue ? {defaultChecked: true} : {})}
+        {...rest}
+    />
+
+})
+
+export default RadioInput
\ No newline at end of file

From 6bc4ee455d947c142bd27a21b9654a2fcf58de22 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 29 Oct 2024 19:59:56 +0100
Subject: [PATCH 52/67] fix: vulnerabilities

---
 package-lock.json | 510 +++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 478 insertions(+), 32 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 850e61e2..a023fe02 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2091,6 +2091,24 @@
       "resolved": "https://registry.npmjs.org/@daybrush/utils/-/utils-1.13.0.tgz",
       "integrity": "sha512-ALK12C6SQNNHw1enXK+UO8bdyQ+jaWNQ1Af7Z3FNxeAwjYhQT7do+TRE4RASAJ3ObaS2+TJ7TXR3oz2Gzbw0PQ=="
     },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/@esbuild/android-arm": {
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
@@ -9847,10 +9865,11 @@
       "dev": true
     },
     "node_modules/cookie": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
-      "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz",
+      "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -11156,17 +11175,18 @@
       "dev": true
     },
     "node_modules/express": {
-      "version": "4.21.0",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.21.0.tgz",
-      "integrity": "sha512-VqcNGcj/Id5ZT1LZ/cfihi3ttTn+NJmkli2eZADigjq29qTlWi/hAQ43t/VLPq8+UX06FCEx3ByOYet6ZFblng==",
+      "version": "4.21.1",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.21.1.tgz",
+      "integrity": "sha512-YSFlK1Ee0/GC8QaO91tHcDxJiE/X4FbpAyQWkxAvG6AXCuR65YzK8ua6D9hvi/TzUfZMpc+BwuM1IPw8fmQBiQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "accepts": "~1.3.8",
         "array-flatten": "1.1.1",
         "body-parser": "1.20.3",
         "content-disposition": "0.5.4",
         "content-type": "~1.0.4",
-        "cookie": "0.6.0",
+        "cookie": "0.7.1",
         "cookie-signature": "1.0.6",
         "debug": "2.6.9",
         "depd": "2.0.0",
@@ -17073,9 +17093,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.38",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz",
-      "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==",
+      "version": "8.4.47",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.47.tgz",
+      "integrity": "sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==",
       "dev": true,
       "funding": [
         {
@@ -17091,10 +17111,11 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "nanoid": "^3.3.7",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.2.0"
+        "picocolors": "^1.1.0",
+        "source-map-js": "^1.2.1"
       },
       "engines": {
         "node": "^10 || ^12 || >=14"
@@ -19350,10 +19371,11 @@
       }
     },
     "node_modules/source-map-js": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
-      "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -20504,33 +20526,35 @@
       }
     },
     "node_modules/vite": {
-      "version": "4.5.3",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.3.tgz",
-      "integrity": "sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==",
+      "version": "5.4.10",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.10.tgz",
+      "integrity": "sha512-1hvaPshuPUtxeQ0hsVH3Mud0ZanOLwVTneA1EgbAM5LhaZEqyPWGRQ7BtaMvUrTDeEaC8pxtj6a6jku3x4z6SQ==",
       "dev": true,
+      "license": "MIT",
       "peer": true,
       "dependencies": {
-        "esbuild": "^0.18.10",
-        "postcss": "^8.4.27",
-        "rollup": "^3.27.1"
+        "esbuild": "^0.21.3",
+        "postcss": "^8.4.43",
+        "rollup": "^4.20.0"
       },
       "bin": {
         "vite": "bin/vite.js"
       },
       "engines": {
-        "node": "^14.18.0 || >=16.0.0"
+        "node": "^18.0.0 || >=20.0.0"
       },
       "funding": {
         "url": "https://github.com/vitejs/vite?sponsor=1"
       },
       "optionalDependencies": {
-        "fsevents": "~2.3.2"
+        "fsevents": "~2.3.3"
       },
       "peerDependencies": {
-        "@types/node": ">= 14",
+        "@types/node": "^18.0.0 || >=20.0.0",
         "less": "*",
         "lightningcss": "^1.21.0",
         "sass": "*",
+        "sass-embedded": "*",
         "stylus": "*",
         "sugarss": "*",
         "terser": "^5.4.0"
@@ -20548,6 +20572,9 @@
         "sass": {
           "optional": true
         },
+        "sass-embedded": {
+          "optional": true
+        },
         "stylus": {
           "optional": true
         },
@@ -20559,21 +20586,440 @@
         }
       }
     },
-    "node_modules/vite/node_modules/rollup": {
-      "version": "3.29.4",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz",
-      "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==",
+    "node_modules/vite/node_modules/@esbuild/android-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/android-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/android-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/darwin-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/darwin-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/freebsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-loong64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-mips64el": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-riscv64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-s390x": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/netbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/openbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/sunos-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/win32-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/win32-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/win32-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
       "peer": true,
       "bin": {
-        "rollup": "dist/bin/rollup"
+        "esbuild": "bin/esbuild"
       },
       "engines": {
-        "node": ">=14.18.0",
-        "npm": ">=8.0.0"
+        "node": ">=12"
       },
       "optionalDependencies": {
-        "fsevents": "~2.3.2"
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
       }
     },
     "node_modules/wait-on": {

From 0a35bf8a8d63d023be07264c7f3dfac9565888c9 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Thu, 7 Nov 2024 15:45:48 +0100
Subject: [PATCH 53/67] fix: type errors with useForm

---
 src/components/form/useForm.ts | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/form/useForm.ts b/src/components/form/useForm.ts
index 7d394939..b01751f9 100644
--- a/src/components/form/useForm.ts
+++ b/src/components/form/useForm.ts
@@ -30,7 +30,7 @@ export type ValidationsProps<Values> = Partial<{
 export type FormValidationReturn<Values> = [IValidation<Values>, () => void]
 
 export interface IValidation<Values> {
-    getInputProps(key: keyof Values, options: { type: "input" | "checkbox" | "radio" }): ValidationProps<Values>
+    getInputProps<Key extends keyof Values>(key: Key, options: { type: "input" | "checkbox" | "radio" }): ValidationProps<Values[Key]>
 }
 
 class Validation<Values> implements IValidation<Values> {
@@ -40,19 +40,19 @@ class Validation<Values> implements IValidation<Values> {
     private readonly currentValues: Values
     private readonly currentValidations?: Validations<Values>
 
-    constructor(changeValue, values, validations, initial) {
+    constructor(changeValue: (key: string, value: any) => void, values: Values, validations: Validations<Values>, initial: boolean) {
         this.changeValue = changeValue
         this.currentValues = values
         this.currentValidations = validations
         this.initialRender = initial
     }
 
-    public getInputProps(key: keyof Values, options: {
+    public getInputProps<Key extends keyof Values>(key: Key, options: {
         type: "input" | "checkbox" | "radio"
-    }): ValidationProps<Values> {
+    }): ValidationProps<Values[Key]> {
 
-        const currentValue = (this.currentValues[key] as null) || undefined
-        const currentName = key
+        const currentValue = ((this.currentValues[key]) || undefined)!!
+        const currentName = key as string
         const currentFc = !!this.currentValidations && !!this.currentValidations[key] ? this.currentValidations[key] : (value: typeof currentValue) => null
         const message = !this.initialRender ? currentFc(currentValue) : null
 
@@ -76,9 +76,9 @@ class Validation<Values> implements IValidation<Values> {
 
 const useForm = <Values extends Record<string, any> = Record<string, any>>(props: FormValidationProps<Values>): FormValidationReturn<Values> => {
 
-    const {initialValues, validate, onSubmit} = props
+    const {initialValues, validate = {}, onSubmit} = props
     const [values, setValues] = useState<Values>(initialValues)
-    const changeValue = (key: string, value: any) => setValues(prevState => {
+    const changeValue = (key: keyof Values, value: any) => setValues(prevState => {
         prevState[key] = value
         return prevState
     })

From 1fae539bd7604c6bac7b0493aa855b6f53f69739 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Thu, 7 Nov 2024 16:10:35 +0100
Subject: [PATCH 54/67] fix: type errors

---
 src/components/form/Input.stories.tsx |  2 --
 src/components/form/Input.tsx         | 31 +++++++++++++--------------
 src/components/form/PasswordInput.tsx |  8 ++-----
 src/components/form/RadioInput.tsx    |  4 ++--
 src/components/form/useForm.ts        | 10 ++++-----
 5 files changed, 24 insertions(+), 31 deletions(-)

diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
index c1d0dcce..7ba59bab 100644
--- a/src/components/form/Input.stories.tsx
+++ b/src/components/form/Input.stories.tsx
@@ -52,7 +52,6 @@ export const Login = () => {
             <EmailInput
                 placeholder={"Email"}
                 label={"Email"}
-                type={"email"}
                 description={"Your Email address for login"}
                 left={<IconMail size={13}/>}
                 {...inputs.getInputProps("email")}
@@ -88,7 +87,6 @@ export const Website = () => {
         <TextInput
             label={"website"}
             description={"Your website for linking"}
-            type={"text"}
             clearable
             placeholder={"code0.tech"}
             left={"https://"}
diff --git a/src/components/form/Input.tsx b/src/components/form/Input.tsx
index 559044ed..2f519281 100644
--- a/src/components/form/Input.tsx
+++ b/src/components/form/Input.tsx
@@ -20,6 +20,20 @@ export interface InputProps<T> extends Code0Input, ValidationProps<T> {
     description?: React.ReactNode | React.ReactElement
 }
 
+export const setElementKey = (element: HTMLElement, value: any, event: string) => {
+    const valueSetter = Object.getOwnPropertyDescriptor(element, 'value')?.set;
+    const prototype = Object.getPrototypeOf(element);
+    const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value')?.set;
+
+    if (valueSetter && valueSetter !== prototypeValueSetter) {
+        prototypeValueSetter?.call(element, value);
+    } else {
+        valueSetter?.call(element, value);
+    }
+
+    element.dispatchEvent(new Event(event, { bubbles: true }));
+}
+
 
 const Input: React.ForwardRefExoticComponent<InputProps<any>> = React.forwardRef((props: InputProps<any>, ref: RefObject<HTMLInputElement>) => {
 
@@ -42,21 +56,6 @@ const Input: React.ForwardRefExoticComponent<InputProps<any>> = React.forwardRef
         ...rest
     } = props
 
-    useEffect(() => {
-
-        if (!HTMLInputElement.prototype["setValue"]) HTMLInputElement.prototype["setValue"] = (element, value) => {
-            const valueSetter = Object.getOwnPropertyDescriptor(element, 'value')?.set;
-            const prototype = Object.getPrototypeOf(element);
-            const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value')?.set;
-
-            if (valueSetter && valueSetter !== prototypeValueSetter) {
-                prototypeValueSetter?.call(element, value);
-            } else {
-                valueSetter?.call(element, value);
-            }
-        }
-    }, [])
-
 
     return <>
 
@@ -69,7 +68,7 @@ const Input: React.ForwardRefExoticComponent<InputProps<any>> = React.forwardRef
                 {left}
             </div> : null}
 
-            <input onChange={formValidation?.onChange}
+            <input {...formValidation ? {onChange: formValidation.onChange!!} : {}}
                    ref={ref as LegacyRef<HTMLInputElement> | undefined} {...mergeCode0Props("input__control", rest)}/>
 
             {!!right ? <div className={`input__right input__right--${rightType}`}>
diff --git a/src/components/form/PasswordInput.tsx b/src/components/form/PasswordInput.tsx
index 896e0432..68b8e218 100644
--- a/src/components/form/PasswordInput.tsx
+++ b/src/components/form/PasswordInput.tsx
@@ -1,5 +1,5 @@
 import React, {RefObject} from "react";
-import Input, {InputProps} from "./Input";
+import Input, {InputProps, setElementKey} from "./Input";
 import {IconEye, IconX} from "@tabler/icons-react";
 import Button from "../button/Button";
 
@@ -21,11 +21,7 @@ const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps> = React
     } = props
 
     const toClearable = () => {
-        if (ref.current) {
-            ref.current["setValue"](ref.current, "")
-            ref.current.dispatchEvent(new Event("change", { bubbles: true }));
-        }
-
+        if (ref.current) setElementKey(ref.current, "", "change")
     }
 
     const toVisible = () => {
diff --git a/src/components/form/RadioInput.tsx b/src/components/form/RadioInput.tsx
index 67fce21f..27e312e6 100644
--- a/src/components/form/RadioInput.tsx
+++ b/src/components/form/RadioInput.tsx
@@ -13,7 +13,7 @@ const RadioInput: React.ForwardRefExoticComponent<RadioInputProps> = React.forwa
     const {
         text,
         value,
-        defaultValue,
+        initialValue,
         ...rest
     } = props
 
@@ -27,7 +27,7 @@ const RadioInput: React.ForwardRefExoticComponent<RadioInputProps> = React.forwa
         left={null}
         ref={ref}
         value={value}
-        {...(value === defaultValue ? {defaultChecked: true} : {})}
+        {...(value === initialValue ? {defaultChecked: true} : {})}
         {...rest}
     />
 
diff --git a/src/components/form/useForm.ts b/src/components/form/useForm.ts
index b01751f9..2b3100af 100644
--- a/src/components/form/useForm.ts
+++ b/src/components/form/useForm.ts
@@ -14,10 +14,10 @@ export interface FormValidationProps<Values> {
 
 export interface ValidationProps<Value> {
     checked?: boolean
-    defaultValue?: Value
+    initialValue?: Value
     required?: boolean
     formValidation?: {
-        onChange: ChangeEventHandler
+        onChange: ChangeEventHandler<HTMLInputElement>
         valid?: boolean
         notValidMessage?: string | null
     }
@@ -30,7 +30,7 @@ export type ValidationsProps<Values> = Partial<{
 export type FormValidationReturn<Values> = [IValidation<Values>, () => void]
 
 export interface IValidation<Values> {
-    getInputProps<Key extends keyof Values>(key: Key, options: { type: "input" | "checkbox" | "radio" }): ValidationProps<Values[Key]>
+    getInputProps<Key extends keyof Values>(key: Key, options?: { type: "input" | "checkbox" | "radio" }): ValidationProps<Values[Key]>
 }
 
 class Validation<Values> implements IValidation<Values> {
@@ -49,7 +49,7 @@ class Validation<Values> implements IValidation<Values> {
 
     public getInputProps<Key extends keyof Values>(key: Key, options: {
         type: "input" | "checkbox" | "radio"
-    }): ValidationProps<Values[Key]> {
+    } = {type: "input"}): ValidationProps<Values[Key]> {
 
         const currentValue = ((this.currentValues[key]) || undefined)!!
         const currentName = key as string
@@ -57,7 +57,7 @@ class Validation<Values> implements IValidation<Values> {
         const message = !this.initialRender ? currentFc(currentValue) : null
 
         return {
-            defaultValue: currentValue,
+            initialValue: currentValue,
             formValidation: {
                 onChange: (event: ChangeEvent) => {
                     this.changeValue(currentName, (event.target as HTMLInputElement).value)

From a462fcbf3187b20e4f808bb8f4d5e52c66043399 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Thu, 7 Nov 2024 16:12:48 +0100
Subject: [PATCH 55/67] fix: changed to new value method

---
 src/components/form/TextInput.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/form/TextInput.tsx b/src/components/form/TextInput.tsx
index d0775a1c..980ae1aa 100644
--- a/src/components/form/TextInput.tsx
+++ b/src/components/form/TextInput.tsx
@@ -1,5 +1,5 @@
 import React, {RefObject} from "react";
-import Input, {InputProps} from "./Input";
+import Input, {InputProps, setElementKey} from "./Input";
 import {IconX} from "@tabler/icons-react";
 import Button from "../button/Button";
 
@@ -20,10 +20,7 @@ const TextInput: React.ForwardRefExoticComponent<TextInputProps> = React.forward
     } = props
 
     const toClearable = () => {
-        if (ref.current) {
-            ref.current["setValue"](ref.current, "")
-            ref.current.dispatchEvent(new Event("change", { bubbles: true }));
-        }
+        if (ref.current) setElementKey(ref.current, "", "change")
     }
 
     const rightAction = [right]

From 3d284615d90794b6c6159b9b8f126ea9c286eb2e Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Thu, 7 Nov 2024 16:13:01 +0100
Subject: [PATCH 56/67] fix: type errors

---
 src/components/form/NumberInput.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/form/NumberInput.tsx b/src/components/form/NumberInput.tsx
index c7d9e742..08d0896e 100644
--- a/src/components/form/NumberInput.tsx
+++ b/src/components/form/NumberInput.tsx
@@ -13,8 +13,6 @@ const NumberInput: React.ForwardRefExoticComponent<NumberInputProps> = React.for
     ref = ref || React.useRef(null)
 
     const {
-        left,
-        right,
         step = 1,
         ...rest
     } = props
@@ -22,14 +20,14 @@ const NumberInput: React.ForwardRefExoticComponent<NumberInputProps> = React.for
     const countUp = () => {
         if (ref.current) {
             if (!ref.current.value) ref.current.value = "0"
-            ref.current.value = (Number.parseInt(ref.current.value) + (step)).toString()
+            ref.current.value = (Number.parseInt(ref.current.value) + (step as number)).toString()
         }
     }
 
     const countDown = () => {
         if (ref.current) {
             if (!ref.current.value) ref.current.value = "0"
-            ref.current.value = (Number.parseInt(ref.current.value) - (step)).toString()
+            ref.current.value = (Number.parseInt(ref.current.value) - (step as number)).toString()
         }
     }
 

From 4b631e8597e31a07ced9c38053929f2a2353de7d Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Thu, 7 Nov 2024 16:14:31 +0100
Subject: [PATCH 57/67] fix: change to new element key value

---
 src/components/form/EmailInput.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/form/EmailInput.tsx b/src/components/form/EmailInput.tsx
index 422ec994..7092dcda 100644
--- a/src/components/form/EmailInput.tsx
+++ b/src/components/form/EmailInput.tsx
@@ -1,5 +1,5 @@
 import React, {RefObject} from "react";
-import Input, {InputProps} from "./Input";
+import Input, {InputProps, setElementKey} from "./Input";
 import {IconX} from "@tabler/icons-react";
 import Button from "../button/Button";
 
@@ -27,7 +27,7 @@ const EmailInput: React.ForwardRefExoticComponent<EmailInputProps> = React.forwa
     } = props
 
     const toClearable = () => {
-        if (ref.current) ref.current.value = ""
+        if (ref.current) setElementKey(ref.current, "", "change")
     }
 
     const rightAction = [right]

From 665bdb7642bca053426743a211a8c577cb050340 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Thu, 7 Nov 2024 16:30:00 +0100
Subject: [PATCH 58/67] fix: remove options from getInputProps

---
 src/components/form/Input.stories.tsx | 50 +++++++++++++++++++++++++--
 src/components/form/useForm.ts        |  6 ++--
 2 files changed, 49 insertions(+), 7 deletions(-)

diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
index 7ba59bab..96ef5bec 100644
--- a/src/components/form/Input.stories.tsx
+++ b/src/components/form/Input.stories.tsx
@@ -10,6 +10,7 @@ import TextInput from "./TextInput";
 import EmailInput, {emailValidation} from "./EmailInput";
 import NumberInput from "./NumberInput";
 import RadioInput from "./RadioInput";
+import CheckboxInput from "./CheckboxInput";
 
 export default {
     title: "Input",
@@ -134,19 +135,19 @@ export const Radio = () => {
                 value={"dynamic"}
                 name={"test1"}
                 text={"Dynamic"}
-                {...inputs.getInputProps("test", {type : "radio"})}
+                {...inputs.getInputProps("test")}
             />
             <RadioInput
                 value={"hybrid"}
                 name={"test1"}
                 text={"Hybrid"}
-                {...inputs.getInputProps("test", {type : "radio"})}
+                {...inputs.getInputProps("test")}
             />
             <RadioInput
                 value={"static"}
                 name={"test1"}
                 text={"Static"}
-                {...inputs.getInputProps("test", {type : "radio"})}
+                {...inputs.getInputProps("test")}
             />
             <br/>
             <div style={{
@@ -161,4 +162,47 @@ export const Radio = () => {
             </div>
         </Card>
     </form>
+}
+
+
+export const Checkbox = () => {
+
+    const [inputs, validate] = useForm({
+        initialValues: {
+            test: null
+        },
+        validate: {
+            test: (value) => {
+                if (!value) return "Error"
+                return null
+            }
+        },
+        onSubmit: (values) => {
+            console.log(values)
+        }
+    })
+
+
+    return <form>
+        <Card maw={300}>
+            <CheckboxInput
+                label={"Runtime"}
+                description={"Change runtime mode production version"}
+                text={"Dynamic"}
+                {...inputs.getInputProps("test")}
+            />
+            <br/>
+            <div style={{
+                display: "flex",
+                justifyContent: "end"
+            }}>
+                <Button color={"info"} onClick={validate}>
+                    <IconLogin size={13}/>
+                    Login
+                </Button>
+
+            </div>
+        </Card>
+    </form>
+
 }
\ No newline at end of file
diff --git a/src/components/form/useForm.ts b/src/components/form/useForm.ts
index 2b3100af..487d0eed 100644
--- a/src/components/form/useForm.ts
+++ b/src/components/form/useForm.ts
@@ -30,7 +30,7 @@ export type ValidationsProps<Values> = Partial<{
 export type FormValidationReturn<Values> = [IValidation<Values>, () => void]
 
 export interface IValidation<Values> {
-    getInputProps<Key extends keyof Values>(key: Key, options?: { type: "input" | "checkbox" | "radio" }): ValidationProps<Values[Key]>
+    getInputProps<Key extends keyof Values>(key: Key): ValidationProps<Values[Key]>
 }
 
 class Validation<Values> implements IValidation<Values> {
@@ -47,9 +47,7 @@ class Validation<Values> implements IValidation<Values> {
         this.initialRender = initial
     }
 
-    public getInputProps<Key extends keyof Values>(key: Key, options: {
-        type: "input" | "checkbox" | "radio"
-    } = {type: "input"}): ValidationProps<Values[Key]> {
+    public getInputProps<Key extends keyof Values>(key: Key): ValidationProps<Values[Key]> {
 
         const currentValue = ((this.currentValues[key]) || undefined)!!
         const currentName = key as string

From 81e7ab8b658822530065b40b6135c08a318d1b05 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Thu, 7 Nov 2024 16:30:15 +0100
Subject: [PATCH 59/67] feat: new CheckboxInput

---
 src/components/form/CheckboxInput.tsx | 36 +++++++++++++++++++
 src/components/form/Input.style.scss  | 52 +++++++++++++++++++++++++--
 2 files changed, 86 insertions(+), 2 deletions(-)
 create mode 100644 src/components/form/CheckboxInput.tsx

diff --git a/src/components/form/CheckboxInput.tsx b/src/components/form/CheckboxInput.tsx
new file mode 100644
index 00000000..71038bf9
--- /dev/null
+++ b/src/components/form/CheckboxInput.tsx
@@ -0,0 +1,36 @@
+import React, {RefObject} from "react";
+import Input, {InputProps} from "./Input";
+
+
+interface CheckboxInputProps extends Omit<InputProps<boolean | null>, "wrapperComponent" | "type" | "left" | "leftType"> {
+    text?: string
+}
+
+const CheckboxInput: React.ForwardRefExoticComponent<CheckboxInputProps> = React.forwardRef((props, ref: RefObject<HTMLInputElement>) => {
+
+    ref = ref || React.useRef(null)
+
+    const {
+        text,
+        value,
+        initialValue,
+        ...rest
+    } = props
+
+
+    return <Input
+        wrapperComponent={{
+            className: "checkbox-input"
+        }}
+        type={"checkbox"}
+        right={text}
+        left={null}
+        ref={ref}
+        value={value}
+        {...(!!initialValue ? {defaultChecked: true} : {})}
+        {...rest}
+    />
+
+})
+
+export default CheckboxInput
\ No newline at end of file
diff --git a/src/components/form/Input.style.scss b/src/components/form/Input.style.scss
index 3cab13f4..3cebe35b 100644
--- a/src/components/form/Input.style.scss
+++ b/src/components/form/Input.style.scss
@@ -97,6 +97,7 @@
 .radio-input {
 
   $padding: $xxs;
+  $size: 0.9rem;
 
   background: backgroundColor($secondary) !important;
   border-radius: 0 !important;
@@ -108,8 +109,6 @@
 
   .input__control {
 
-    $size: $sm;
-
     position: relative;
     flex: none;
     box-sizing: border-box;
@@ -142,5 +141,54 @@
     }
 
   }
+}
+
+.checkbox-input {
+
+  $padding: $xxs;
+  $size: 0.9rem;
+
+  background: backgroundColor($secondary) !important;
+  border-radius: 0 !important;
+  border: none !important;
+  align-items: center;
+  box-sizing: border-box;
+  gap: $xxs;
+  padding: $padding 0;
+
+  .input__control {
+
+    position: relative;
+    flex: none;
+    box-sizing: border-box;
+    padding: 0;
+    margin: 1px 0;
+    width: $size;
+    height: $size;
+
+    appearance: none;
+    outline: none;
+
+    background-color: transparent;
+    border: 1px solid borderColor($secondary, true);
+    border-radius: calc($borderRadius / 3);
+
+    &:checked {
+      border-color: borderColor($info, true);
+      background: backgroundColor($info);
+
+      &:before {
+        content: "";
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translateX(-50%) translateY(-50%);
+        width: $size/2;
+        height: $size/2;
+        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
+        background: rgba($white, .5);
+      }
+    }
 
+  }
 }
\ No newline at end of file

From e50b190443a7489322a8a2a8b374dc6ffac2b140 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Mon, 25 Nov 2024 17:52:33 +0100
Subject: [PATCH 60/67] fix: change to a new value system on form validation to
 remove the native change event

---
 src/components/form/Input.tsx                 | 23 +++++++++++++------
 src/components/form/TextInput.tsx             |  2 +-
 .../form/{ => radio}/RadioInput.tsx           |  2 +-
 src/components/form/useForm.ts                | 11 ++++-----
 4 files changed, 23 insertions(+), 15 deletions(-)
 rename src/components/form/{ => radio}/RadioInput.tsx (94%)

diff --git a/src/components/form/Input.tsx b/src/components/form/Input.tsx
index 2f519281..ce442c45 100644
--- a/src/components/form/Input.tsx
+++ b/src/components/form/Input.tsx
@@ -1,5 +1,5 @@
 import {Code0Component} from "../../utils/types";
-import React, {LegacyRef, RefObject, useEffect} from "react";
+import React, {ChangeEvent, LegacyRef, RefObject, useEffect} from "react";
 import {ValidationProps} from "./useForm";
 import {mergeCode0Props} from "../../utils/utils";
 import "./Input.style.scss"
@@ -20,10 +20,10 @@ export interface InputProps<T> extends Code0Input, ValidationProps<T> {
     description?: React.ReactNode | React.ReactElement
 }
 
-export const setElementKey = (element: HTMLElement, value: any, event: string) => {
-    const valueSetter = Object.getOwnPropertyDescriptor(element, 'value')?.set;
+export const setElementKey = (element: HTMLElement, key: string, value: any, event: string) => {
+    const valueSetter = Object.getOwnPropertyDescriptor(element, key)?.set;
     const prototype = Object.getPrototypeOf(element);
-    const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value')?.set;
+    const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, key)?.set;
 
     if (valueSetter && valueSetter !== prototypeValueSetter) {
         prototypeValueSetter?.call(element, value);
@@ -51,11 +51,21 @@ const Input: React.ForwardRefExoticComponent<InputProps<any>> = React.forwardRef
         formValidation = {
             valid: true,
             notValidMessage: null,
-            onChange: null
+            setValue: null
         },
         ...rest
     } = props
 
+    useEffect(() => {
+        if (!ref) return
+        if (!ref.current) return
+        if (!formValidation) return
+        if (!formValidation.setValue) return
+
+        // @ts-ignore
+        ref.current.addEventListener("change", ev => formValidation.setValue(rest.type != "checkbox" ? ev.target.value : ev.target.checked))
+    }, [ref])
+
 
     return <>
 
@@ -68,8 +78,7 @@ const Input: React.ForwardRefExoticComponent<InputProps<any>> = React.forwardRef
                 {left}
             </div> : null}
 
-            <input {...formValidation ? {onChange: formValidation.onChange!!} : {}}
-                   ref={ref as LegacyRef<HTMLInputElement> | undefined} {...mergeCode0Props("input__control", rest)}/>
+            <input ref={ref as LegacyRef<HTMLInputElement> | undefined} {...mergeCode0Props("input__control", rest)}/>
 
             {!!right ? <div className={`input__right input__right--${rightType}`}>
                 {right}
diff --git a/src/components/form/TextInput.tsx b/src/components/form/TextInput.tsx
index 980ae1aa..25895702 100644
--- a/src/components/form/TextInput.tsx
+++ b/src/components/form/TextInput.tsx
@@ -20,7 +20,7 @@ const TextInput: React.ForwardRefExoticComponent<TextInputProps> = React.forward
     } = props
 
     const toClearable = () => {
-        if (ref.current) setElementKey(ref.current, "", "change")
+        if (ref.current) setElementKey(ref.current, "value", "", "change")
     }
 
     const rightAction = [right]
diff --git a/src/components/form/RadioInput.tsx b/src/components/form/radio/RadioInput.tsx
similarity index 94%
rename from src/components/form/RadioInput.tsx
rename to src/components/form/radio/RadioInput.tsx
index 27e312e6..a039dfa1 100644
--- a/src/components/form/RadioInput.tsx
+++ b/src/components/form/radio/RadioInput.tsx
@@ -1,5 +1,5 @@
 import React, {RefObject} from "react";
-import Input, {InputProps} from "./Input";
+import Input, {InputProps} from "../Input";
 
 
 interface RadioInputProps extends Omit<InputProps<string | null>, "wrapperComponent" | "type" | "left" | "leftType"> {
diff --git a/src/components/form/useForm.ts b/src/components/form/useForm.ts
index 487d0eed..57e19ab0 100644
--- a/src/components/form/useForm.ts
+++ b/src/components/form/useForm.ts
@@ -13,11 +13,10 @@ export interface FormValidationProps<Values> {
 }
 
 export interface ValidationProps<Value> {
-    checked?: boolean
-    initialValue?: Value
+    initialValue?: Value | null
     required?: boolean
     formValidation?: {
-        onChange: ChangeEventHandler<HTMLInputElement>
+        setValue: (value: string) => void
         valid?: boolean
         notValidMessage?: string | null
     }
@@ -49,7 +48,7 @@ class Validation<Values> implements IValidation<Values> {
 
     public getInputProps<Key extends keyof Values>(key: Key): ValidationProps<Values[Key]> {
 
-        const currentValue = ((this.currentValues[key]) || undefined)!!
+        const currentValue = ((this.currentValues[key]) || null)!!
         const currentName = key as string
         const currentFc = !!this.currentValidations && !!this.currentValidations[key] ? this.currentValidations[key] : (value: typeof currentValue) => null
         const message = !this.initialRender ? currentFc(currentValue) : null
@@ -57,8 +56,8 @@ class Validation<Values> implements IValidation<Values> {
         return {
             initialValue: currentValue,
             formValidation: {
-                onChange: (event: ChangeEvent) => {
-                    this.changeValue(currentName, (event.target as HTMLInputElement).value)
+                setValue: (value: string) => {
+                    this.changeValue(currentName, value)
                 },
                 ...(!this.initialRender ? {
                     notValidMessage: message,

From a1edd340d8866bb898e6017394268ee0fb5c234f Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Mon, 25 Nov 2024 17:53:16 +0100
Subject: [PATCH 61/67] feat: new RadioGroup component and RadioButton
 component to create radio inputs in various styles

---
 src/components/form/Input.stories.tsx     | 64 +++++++++++++++++++++--
 src/components/form/Input.style.scss      | 12 +++--
 src/components/form/radio/RadioButton.tsx | 42 +++++++++++++++
 src/components/form/radio/RadioGroup.tsx  | 61 +++++++++++++++++++++
 4 files changed, 172 insertions(+), 7 deletions(-)
 create mode 100644 src/components/form/radio/RadioButton.tsx
 create mode 100644 src/components/form/radio/RadioGroup.tsx

diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
index 96ef5bec..d0d91d00 100644
--- a/src/components/form/Input.stories.tsx
+++ b/src/components/form/Input.stories.tsx
@@ -9,8 +9,10 @@ import PasswordInput from "./PasswordInput";
 import TextInput from "./TextInput";
 import EmailInput, {emailValidation} from "./EmailInput";
 import NumberInput from "./NumberInput";
-import RadioInput from "./RadioInput";
+import RadioInput from "./radio/RadioInput";
 import CheckboxInput from "./CheckboxInput";
+import RadioGroup from "./radio/RadioGroup";
+import RadioButton from "./radio/RadioButton";
 
 export default {
     title: "Input",
@@ -109,11 +111,11 @@ export const Number = () => {
 
 }
 
-export const Radio = () => {
+export const RadioExample = () => {
 
     const [inputs, validate] = useForm({
         initialValues: {
-            test: null
+            test: "dynamic"
         },
         validate: {
             test: (value) => {
@@ -205,4 +207,58 @@ export const Checkbox = () => {
         </Card>
     </form>
 
-}
\ No newline at end of file
+}
+
+
+export const RadioCard = () => {
+
+    const [inputs, validate] = useForm({
+        initialValues: {
+            test: "dynamic"
+        },
+        validate: {
+            test: (value) => {
+                if (!value) return "Error"
+                return null
+            }
+        },
+        onSubmit: (values) => {
+            console.log(values)
+        }
+    })
+
+    return <RadioGroup {...inputs.getInputProps("test")}>
+        {({activeRadio, setActiveRadio}) => {
+            return <>
+                <Card onClick={() => setActiveRadio("dynamic")} color={activeRadio == "dynamic" ? "secondary" : "primary"}>
+                    <Card.Section border>
+                        <RadioButton name={"test1"} value={"dynamic"}/>
+                    </Card.Section>
+                    <Card.Section>
+                        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
+                        ut
+                    </Card.Section>
+                </Card>
+                <Card onClick={() => setActiveRadio("hybrid")} color={activeRadio == "hybrid" ? "secondary" : "primary"}>
+                    <Card.Section border>
+                        <RadioButton name={"test1"} value={"hybrid"}/>
+                    </Card.Section>
+                    <Card.Section>
+                        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
+                        ut
+                    </Card.Section>
+                </Card>
+                <div style={{
+                    display: "flex",
+                    justifyContent: "end"
+                }}>
+                    <Button color={"info"} onClick={validate}>
+                        <IconLogin size={13}/>
+                        Login
+                    </Button>
+
+                </div>
+            </>
+        }}
+    </RadioGroup>
+}
diff --git a/src/components/form/Input.style.scss b/src/components/form/Input.style.scss
index 3cebe35b..5aa115ba 100644
--- a/src/components/form/Input.style.scss
+++ b/src/components/form/Input.style.scss
@@ -8,6 +8,7 @@
   display: flex;
   z-index: 1;
   align-items: stretch;
+  cursor: pointer;
 
 
   &:has(&__control:focus) {
@@ -94,18 +95,18 @@
 
 }
 
-.radio-input {
+.radio-input, .radio-button {
 
   $padding: $xxs;
   $size: 0.9rem;
 
-  background: backgroundColor($secondary) !important;
+  background:transparent !important;
   border-radius: 0 !important;
   border: none !important;
   align-items: center;
   box-sizing: border-box;
-  gap: $xxs;
   padding: $padding 0;
+  gap: $xxs;
 
   .input__control {
 
@@ -143,6 +144,11 @@
   }
 }
 
+.radio-button {
+  padding: 0;
+  display: inline-flex;
+}
+
 .checkbox-input {
 
   $padding: $xxs;
diff --git a/src/components/form/radio/RadioButton.tsx b/src/components/form/radio/RadioButton.tsx
new file mode 100644
index 00000000..b27d94f9
--- /dev/null
+++ b/src/components/form/radio/RadioButton.tsx
@@ -0,0 +1,42 @@
+import React, {RefObject, useEffect} from "react";
+import Input from "../Input";
+import {Code0Component} from "../../../utils/types";
+import {useRadioGroup} from "./RadioGroup";
+
+
+interface RadioButtonProps extends Code0Component<HTMLInputElement> {
+}
+
+const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps> = React.forwardRef((props, ref: RefObject<HTMLInputElement>) => {
+
+    const {value, ...rest} = props
+
+    const radioGroup = useRadioGroup()
+    ref = ref || React.useRef(null)
+
+    //update store of radio group
+    useEffect(() => {
+        if (!ref || !ref.current || !radioGroup) return
+        ref.current.addEventListener("change", ev => {
+            radioGroup.setActiveRadio(String(value))
+        })
+    }, [ref, radioGroup])
+
+    return <Input
+        wrapperComponent={{
+            className: "radio-button"
+        }}
+        type={"radio"}
+        right={null}
+        left={null}
+        ref={ref}
+        value={value}
+        readOnly
+        {...(value === radioGroup?.activeRadio ? {checked: true} : {checked: false})}
+        {...rest}
+        {...radioGroup?.validation}
+    />
+
+})
+
+export default RadioButton
\ No newline at end of file
diff --git a/src/components/form/radio/RadioGroup.tsx b/src/components/form/radio/RadioGroup.tsx
new file mode 100644
index 00000000..01705de3
--- /dev/null
+++ b/src/components/form/radio/RadioGroup.tsx
@@ -0,0 +1,61 @@
+"use client"
+
+import React, {useMemo} from "react";
+import {ValidationProps} from "../useForm";
+import {InputProps} from "../Input";
+
+export interface RadioGroupContextProps {
+    validation?: ValidationProps<string>
+    activeRadio: string | null
+    setActiveRadio: (radio: string) => void
+}
+
+export interface RadioGroupExoticProps {
+    activeRadio: string | null
+    setActiveRadio: (radio: string) => void
+}
+
+export interface RadioGroupProps extends Omit<InputProps<string>, "wrapperComponent" | "type" | "left" | "leftType" | "right" | "rightType" | "children"> {
+    children: React.ReactElement[] | React.FC<RadioGroupExoticProps>
+}
+
+const RadioGroupContext = React.createContext<RadioGroupContextProps | null>(null)
+
+export const useRadioGroup = () => React.useContext(RadioGroupContext)
+
+const RadioGroup: React.FC<RadioGroupProps> = (props) => {
+
+    const {
+        children,
+        formValidation,
+        initialValue = null,
+        required,
+        label,
+        description
+    } = props
+    const [radioStore, setRadioStore] = React.useState<string | null>(initialValue)
+
+    const setActiveRadio = (radio: string) => {
+        formValidation?.setValue(radio)
+        setRadioStore(radio)
+    }
+
+    const child = typeof children === "function" ? useMemo(() => children({activeRadio: radioStore, setActiveRadio}), [radioStore]) : children
+
+    return <RadioGroupContext.Provider value={{
+        activeRadio: radioStore,
+        setActiveRadio,
+        validation: {
+            formValidation: formValidation,
+            initialValue: initialValue,
+            required: required
+        }
+    }}>
+        {/** TODO: add label and description **/}
+        {child}
+        {/** TODO: add error handling **/}
+    </RadioGroupContext.Provider>
+
+}
+
+export default RadioGroup
\ No newline at end of file

From e0896fc04b58f20764b7043d73d8512205fda4fc Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 26 Nov 2024 14:52:18 +0100
Subject: [PATCH 62/67] fix: errors

---
 .gitlab-ci.yml                              |  2 +-
 package-lock.json                           |  6 +--
 src/components/card/Card.stories.tsx        |  1 -
 src/components/d-screen/DScreen.stories.tsx |  1 -
 src/components/form/EmailInput.tsx          |  2 +-
 src/components/form/Input.stories.tsx       | 54 ---------------------
 src/components/form/Input.tsx               |  2 +-
 src/components/form/PasswordInput.tsx       |  2 +-
 src/components/form/radio/RadioInput.tsx    |  2 +-
 src/components/form/useForm.ts              |  2 +-
 src/components/quote/Quote.stories.tsx      |  2 -
 src/components/tooltip/Tooltip.tsx          |  2 +-
 src/utils/utils.ts                          |  2 +-
 13 files changed, 11 insertions(+), 69 deletions(-)

diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index d3e9edc2..08f9efb3 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -50,7 +50,7 @@ storybook:test:
       if [[ $exit_code -ne 0 && -d "__snapshots__/__diff_output__" ]]; then
         echo -e "\e[0Ksection_start:`date +%s`:glpa_summary\r\e[0KHeader of the summary"
         echo "Storybook tests failed."
-        echo "Check for rendering differences at http://gitlab.com/code0-tech/development/pictor/-/jobs/$CI_JOB_ID/artifacts/browse/__snapshots__/__diff_output__/"
+        echo "Check for rendering differences at https://gitlab.com/code0-tech/development/pictor/-/jobs/$CI_JOB_ID/artifacts/browse/__snapshots__/__diff_output__/"
         echo "If the changes are intended, update the snapshots by adding the 'regenerate-snapshots' label."
         echo -e "\e[0Ksection_end:`date +%s`:glpa_summary\r\e[0K"
       fi
diff --git a/package-lock.json b/package-lock.json
index a023fe02..9b69f582 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10066,9 +10066,9 @@
       }
     },
     "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
       "dev": true,
       "dependencies": {
         "path-key": "^3.1.0",
diff --git a/src/components/card/Card.stories.tsx b/src/components/card/Card.stories.tsx
index 1d15bff2..4111bd87 100644
--- a/src/components/card/Card.stories.tsx
+++ b/src/components/card/Card.stories.tsx
@@ -91,6 +91,5 @@ export const CardNews: CardStory = {
         color: "secondary",
         outline: false,
         gradient: true,
-        gradientPosition: "top-right"
     }
 }
\ No newline at end of file
diff --git a/src/components/d-screen/DScreen.stories.tsx b/src/components/d-screen/DScreen.stories.tsx
index 1f11c04b..9b3f470c 100644
--- a/src/components/d-screen/DScreen.stories.tsx
+++ b/src/components/d-screen/DScreen.stories.tsx
@@ -1,7 +1,6 @@
 import {Meta} from "@storybook/react";
 import React from "react";
 import DScreen from "./DScreen";
-import Badge from "../badge/Badge";
 import {
     IconBrandAdobe,
     IconDatabase,
diff --git a/src/components/form/EmailInput.tsx b/src/components/form/EmailInput.tsx
index 7092dcda..d0b4b7e4 100644
--- a/src/components/form/EmailInput.tsx
+++ b/src/components/form/EmailInput.tsx
@@ -27,7 +27,7 @@ const EmailInput: React.ForwardRefExoticComponent<EmailInputProps> = React.forwa
     } = props
 
     const toClearable = () => {
-        if (ref.current) setElementKey(ref.current, "", "change")
+        if (ref.current) setElementKey(ref.current, "value", "", "change")
     }
 
     const rightAction = [right]
diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
index d0d91d00..cfe2de40 100644
--- a/src/components/form/Input.stories.tsx
+++ b/src/components/form/Input.stories.tsx
@@ -208,57 +208,3 @@ export const Checkbox = () => {
     </form>
 
 }
-
-
-export const RadioCard = () => {
-
-    const [inputs, validate] = useForm({
-        initialValues: {
-            test: "dynamic"
-        },
-        validate: {
-            test: (value) => {
-                if (!value) return "Error"
-                return null
-            }
-        },
-        onSubmit: (values) => {
-            console.log(values)
-        }
-    })
-
-    return <RadioGroup {...inputs.getInputProps("test")}>
-        {({activeRadio, setActiveRadio}) => {
-            return <>
-                <Card onClick={() => setActiveRadio("dynamic")} color={activeRadio == "dynamic" ? "secondary" : "primary"}>
-                    <Card.Section border>
-                        <RadioButton name={"test1"} value={"dynamic"}/>
-                    </Card.Section>
-                    <Card.Section>
-                        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
-                        ut
-                    </Card.Section>
-                </Card>
-                <Card onClick={() => setActiveRadio("hybrid")} color={activeRadio == "hybrid" ? "secondary" : "primary"}>
-                    <Card.Section border>
-                        <RadioButton name={"test1"} value={"hybrid"}/>
-                    </Card.Section>
-                    <Card.Section>
-                        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
-                        ut
-                    </Card.Section>
-                </Card>
-                <div style={{
-                    display: "flex",
-                    justifyContent: "end"
-                }}>
-                    <Button color={"info"} onClick={validate}>
-                        <IconLogin size={13}/>
-                        Login
-                    </Button>
-
-                </div>
-            </>
-        }}
-    </RadioGroup>
-}
diff --git a/src/components/form/Input.tsx b/src/components/form/Input.tsx
index ce442c45..6713ddfc 100644
--- a/src/components/form/Input.tsx
+++ b/src/components/form/Input.tsx
@@ -1,5 +1,5 @@
 import {Code0Component} from "../../utils/types";
-import React, {ChangeEvent, LegacyRef, RefObject, useEffect} from "react";
+import React, {LegacyRef, RefObject, useEffect} from "react";
 import {ValidationProps} from "./useForm";
 import {mergeCode0Props} from "../../utils/utils";
 import "./Input.style.scss"
diff --git a/src/components/form/PasswordInput.tsx b/src/components/form/PasswordInput.tsx
index 68b8e218..ca7e0934 100644
--- a/src/components/form/PasswordInput.tsx
+++ b/src/components/form/PasswordInput.tsx
@@ -21,7 +21,7 @@ const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps> = React
     } = props
 
     const toClearable = () => {
-        if (ref.current) setElementKey(ref.current, "", "change")
+        if (ref.current) setElementKey(ref.current, "value", "", "change")
     }
 
     const toVisible = () => {
diff --git a/src/components/form/radio/RadioInput.tsx b/src/components/form/radio/RadioInput.tsx
index a039dfa1..db0819da 100644
--- a/src/components/form/radio/RadioInput.tsx
+++ b/src/components/form/radio/RadioInput.tsx
@@ -27,7 +27,7 @@ const RadioInput: React.ForwardRefExoticComponent<RadioInputProps> = React.forwa
         left={null}
         ref={ref}
         value={value}
-        {...(value === initialValue ? {defaultChecked: true} : {})}
+        {...(initialValue && value === initialValue ? {defaultChecked: true} : {})}
         {...rest}
     />
 
diff --git a/src/components/form/useForm.ts b/src/components/form/useForm.ts
index 57e19ab0..d96370d8 100644
--- a/src/components/form/useForm.ts
+++ b/src/components/form/useForm.ts
@@ -1,6 +1,6 @@
 "use client"
 
-import {ChangeEvent, ChangeEventHandler, useCallback, useMemo, useState} from "react";
+import {useCallback, useMemo, useState} from "react";
 
 export type Validations<Values> = Partial<{
     [Key in keyof Values]: (value: Values[Key]) => string | null;
diff --git a/src/components/quote/Quote.stories.tsx b/src/components/quote/Quote.stories.tsx
index d3c6a0a0..5db7aadb 100644
--- a/src/components/quote/Quote.stories.tsx
+++ b/src/components/quote/Quote.stories.tsx
@@ -51,7 +51,6 @@ export const QuoteWithLogo: QuoteStory = {
         gradient: true,
         borderColor: "secondary",
         firstGradientColor: "secondary",
-        gradientPosition: "bottom-left",
         inlineBorder: true
     }
 }
@@ -74,7 +73,6 @@ export const QuoteWithoutLogo: QuoteStory = {
         borderColor: "secondary",
         firstGradientColor: "secondary",
         gradient: true,
-        gradientPosition: "bottom-left",
         inlineBorder: true
     }
 }
diff --git a/src/components/tooltip/Tooltip.tsx b/src/components/tooltip/Tooltip.tsx
index 721ec3ec..230c9587 100644
--- a/src/components/tooltip/Tooltip.tsx
+++ b/src/components/tooltip/Tooltip.tsx
@@ -1,4 +1,4 @@
-import React, {cloneElement, ReactElement, ReactNode} from "react";
+import React, {ReactElement, ReactNode} from "react";
 import {getChild, getPositionAroundTarget} from "../../utils/utils";
 import "./Tooltip.style.scss"
 
diff --git a/src/utils/utils.ts b/src/utils/utils.ts
index 076fe32f..9c517248 100644
--- a/src/utils/utils.ts
+++ b/src/utils/utils.ts
@@ -1,4 +1,4 @@
-import React, {CSSProperties, ReactNode, useState} from "react";
+import React, {CSSProperties, ReactNode} from "react";
 import mergeProps from "merge-props";
 import {Code0Component, Code0ComponentProps} from "./types";
 

From 79e34ece3713eb73b0a10f33c5e5942d1c75775c Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 26 Nov 2024 15:02:25 +0100
Subject: [PATCH 63/67] fix: switching to new CardSection component

---
 src/components/form/Input.stories.tsx | 53 +++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)

diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
index cfe2de40..e57e9340 100644
--- a/src/components/form/Input.stories.tsx
+++ b/src/components/form/Input.stories.tsx
@@ -13,6 +13,7 @@ import RadioInput from "./radio/RadioInput";
 import CheckboxInput from "./CheckboxInput";
 import RadioGroup from "./radio/RadioGroup";
 import RadioButton from "./radio/RadioButton";
+import CardSection from "../card/CardSection";
 
 export default {
     title: "Input",
@@ -208,3 +209,55 @@ export const Checkbox = () => {
     </form>
 
 }
+
+export const RadioCard = () => {
+    const [inputs, validate] = useForm({
+        initialValues: {
+            test: "dynamic"
+        },
+        validate: {
+            test: (value) => {
+                if (!value) return "Error"
+                return null
+            }
+        },
+        onSubmit: (values) => {
+            console.log(values)
+        }
+    })
+    return <RadioGroup {...inputs.getInputProps("test")}>
+        {({activeRadio, setActiveRadio}) => {
+            return <>
+                <Card onClick={() => setActiveRadio("dynamic")} borderColor={activeRadio == "dynamic" ? "info" : "primary"} color={"secondary"}>
+                    <CardSection border>
+                        <RadioButton name={"test1"} value={"dynamic"}/>
+                    </CardSection>
+                    <CardSection>
+                        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
+                        ut
+                    </CardSection>
+                </Card>
+                <br/>
+                <Card onClick={() => setActiveRadio("hybrid")} borderColor={activeRadio == "hybrid" ? "info" : "primary"} color={"secondary"}>
+                    <CardSection border>
+                        <RadioButton name={"test1"} value={"hybrid"}/>
+                    </CardSection>
+                    <CardSection>
+                        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
+                        ut
+                    </CardSection>
+                </Card>
+                <br/>
+                <div style={{
+                    display: "flex",
+                    justifyContent: "end"
+                }}>
+                    <Button color={"info"} onClick={validate}>
+                        <IconLogin size={13}/>
+                        Login
+                    </Button>
+                </div>
+            </>
+        }}
+    </RadioGroup>
+}

From 352019a5b6327d0f4eebd93d3d9280fb96ac8559 Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 26 Nov 2024 15:02:54 +0100
Subject: [PATCH 64/67] fix: made sure that the dimensions stay the same

---
 src/components/form/Input.style.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/form/Input.style.scss b/src/components/form/Input.style.scss
index 5aa115ba..fc574369 100644
--- a/src/components/form/Input.style.scss
+++ b/src/components/form/Input.style.scss
@@ -117,6 +117,7 @@
     margin: 1px 0;
     width: $size;
     height: $size;
+    aspect-ratio: 1/1;
 
     appearance: none;
     outline: none;
@@ -132,6 +133,7 @@
         content: "";
         position: absolute;
         left: 50%;
+        aspect-ratio: 1/1;
         border-radius: 50%;
         top: 50%;
         transform: translateX(-50%) translateY(-50%);

From 66222ba5788be901fdbaa205bb6e95ef9b9111bb Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 26 Nov 2024 15:08:52 +0100
Subject: [PATCH 65/67] feat: test radio functionality without radio input

---
 src/components/form/Input.stories.tsx | 52 +++++++++++++++++++++++++--
 1 file changed, 50 insertions(+), 2 deletions(-)

diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
index e57e9340..454270c5 100644
--- a/src/components/form/Input.stories.tsx
+++ b/src/components/form/Input.stories.tsx
@@ -14,10 +14,10 @@ import CheckboxInput from "./CheckboxInput";
 import RadioGroup from "./radio/RadioGroup";
 import RadioButton from "./radio/RadioButton";
 import CardSection from "../card/CardSection";
+import Flex from "../flex/Flex";
 
 export default {
-    title: "Input",
-    component: Input
+    title: "Form"
 }
 
 export const Login = () => {
@@ -261,3 +261,51 @@ export const RadioCard = () => {
         }}
     </RadioGroup>
 }
+
+export const RadioWithoutInput = () => {
+    const [inputs, validate] = useForm({
+        initialValues: {
+            test: "dynamic"
+        },
+        validate: {
+            test: (value) => {
+                if (!value) return "Error"
+                return null
+            }
+        },
+        onSubmit: (values) => {
+            console.log(values)
+        }
+    })
+    return <RadioGroup {...inputs.getInputProps("test")}>
+        {({activeRadio, setActiveRadio}) => {
+            return <>
+                <Flex style={{gap: ".5rem"}}>
+                    <Card onClick={() => setActiveRadio("dynamic")} maw={200} borderColor={activeRadio == "dynamic" ? "info" : "primary"} color={"secondary"}>
+                        <CardSection>
+                            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
+                            ut
+                        </CardSection>
+                    </Card>
+                    <Card onClick={() => setActiveRadio("hybrid")} maw={200} borderColor={activeRadio == "hybrid" ? "info" : "primary"} color={"secondary"}>
+                        <CardSection>
+                            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
+                            ut
+                        </CardSection>
+                    </Card>
+                </Flex>
+
+                <br/>
+                <div style={{
+                    display: "flex",
+                    justifyContent: "end"
+                }}>
+                    <Button color={"info"} onClick={validate}>
+                        <IconLogin size={13}/>
+                        Login
+                    </Button>
+                </div>
+            </>
+        }}
+    </RadioGroup>
+}

From c048abec532ae58058d0a410ba73a77b5536fc6a Mon Sep 17 00:00:00 2001
From: nicosammito <nico@sammito.de>
Date: Tue, 26 Nov 2024 15:50:20 +0100
Subject: [PATCH 66/67] feat: new switch input

---
 src/components/form/Input.stories.tsx | 43 ++++++++++++++++
 src/components/form/Input.style.scss  | 71 +++++++++++++++++++++++++++
 src/components/form/SwitchInput.tsx   | 35 +++++++++++++
 3 files changed, 149 insertions(+)
 create mode 100644 src/components/form/SwitchInput.tsx

diff --git a/src/components/form/Input.stories.tsx b/src/components/form/Input.stories.tsx
index 454270c5..932db229 100644
--- a/src/components/form/Input.stories.tsx
+++ b/src/components/form/Input.stories.tsx
@@ -15,6 +15,7 @@ import RadioGroup from "./radio/RadioGroup";
 import RadioButton from "./radio/RadioButton";
 import CardSection from "../card/CardSection";
 import Flex from "../flex/Flex";
+import SwitchInput from "./SwitchInput";
 
 export default {
     title: "Form"
@@ -309,3 +310,45 @@ export const RadioWithoutInput = () => {
         }}
     </RadioGroup>
 }
+
+
+export const Switch = () => {
+
+    const [inputs, validate] = useForm({
+        initialValues: {
+            test: null
+        },
+        validate: {
+            test: (value) => {
+                if (!value) return "Error"
+                return null
+            }
+        },
+        onSubmit: (values) => {
+            console.log(values)
+        }
+    })
+
+
+    return <form>
+        <Card maw={300}>
+            <SwitchInput
+                label={"Runtime"}
+                description={"Change runtime mode production version"}
+                {...inputs.getInputProps("test")}
+            />
+            <br/>
+            <div style={{
+                display: "flex",
+                justifyContent: "end"
+            }}>
+                <Button color={"info"} onClick={validate}>
+                    <IconLogin size={13}/>
+                    Login
+                </Button>
+
+            </div>
+        </Card>
+    </form>
+
+}
diff --git a/src/components/form/Input.style.scss b/src/components/form/Input.style.scss
index fc574369..20cffc30 100644
--- a/src/components/form/Input.style.scss
+++ b/src/components/form/Input.style.scss
@@ -199,4 +199,75 @@
     }
 
   }
+}
+
+.switch-input {
+
+  $padding: $xxs;
+  $size: 0.9rem;
+  background: transparent !important;
+  display: inline-flex;
+  align-items: center;
+  padding: 0;
+  border: none !important;
+
+  .input__control {
+
+    position: relative;
+    box-sizing: border-box;
+    padding: 0;
+    width: $size;
+    height: $size;
+
+    appearance: none;
+    outline: none;
+
+    background-color: transparent;
+    border-radius: 50%;
+
+    &:checked{
+
+      &:after {
+        -webkit-transform: translateX(22.5px);
+        -ms-transform: translateX(22.5px);
+        transform: translateX(22.5px);
+        -webkit-transition: .4s;
+        transition: .4s;
+      }
+
+      &:before {
+        background-color: backgroundColor($info);
+        -webkit-transition: .4s;
+        transition: .4s;
+      }
+    }
+
+    &:after {
+      width: $size;
+      height: $size;
+      background-color: $white;
+      border-radius: 50%;
+      position: absolute;
+      content: "";
+      -webkit-transition: .4s;
+      transition: .4s;
+    }
+
+    &:before {
+      background: backgroundColor($primary);
+      position: absolute;
+      border-radius: 50rem;
+      width: $size * 2.5 + $padding;
+      height: $size + $padding;
+      top: -1 * $padding/2;
+      left: -1 * $padding/2;
+      content: "";
+      z-index: -1;
+      -webkit-transition: .4s;
+      transition: .4s;
+    }
+
+
+  }
+
 }
\ No newline at end of file
diff --git a/src/components/form/SwitchInput.tsx b/src/components/form/SwitchInput.tsx
new file mode 100644
index 00000000..7b9cbd2e
--- /dev/null
+++ b/src/components/form/SwitchInput.tsx
@@ -0,0 +1,35 @@
+import React, {RefObject} from "react";
+import Input, {InputProps} from "./Input";
+
+
+interface SwitchInputProps extends Omit<InputProps<boolean | null>, "wrapperComponent" | "type" | "left" | "leftType"> {
+
+}
+
+const SwitchInput: React.ForwardRefExoticComponent<SwitchInputProps> = React.forwardRef((props, ref: RefObject<HTMLInputElement>) => {
+
+    ref = ref || React.useRef(null)
+
+    const {
+        value,
+        initialValue,
+        ...rest
+    } = props
+
+
+    return <Input
+        wrapperComponent={{
+            className: "switch-input"
+        }}
+        type={"checkbox"}
+        right={null}
+        left={null}
+        ref={ref}
+        value={value}
+        {...(!!initialValue ? {defaultChecked: true} : {})}
+        {...rest}
+    />
+
+})
+
+export default SwitchInput
\ No newline at end of file

From c168f7c90b83a56c92777495f8446bf125378a2d Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Tue, 26 Nov 2024 14:57:21 +0000
Subject: [PATCH 67/67] Update image snapshots

---
 __snapshots__/form--checkbox-chromium.png       | Bin 0 -> 5882 bytes
 __snapshots__/form--checkbox-firefox.png        | Bin 0 -> 8630 bytes
 __snapshots__/form--checkbox-webkit.png         | Bin 0 -> 5886 bytes
 __snapshots__/form--login-chromium.png          | Bin 0 -> 16952 bytes
 __snapshots__/form--login-firefox.png           | Bin 0 -> 25412 bytes
 __snapshots__/form--login-webkit.png            | Bin 0 -> 16879 bytes
 __snapshots__/form--number-chromium.png         | Bin 0 -> 5381 bytes
 __snapshots__/form--number-firefox.png          | Bin 0 -> 7942 bytes
 __snapshots__/form--number-webkit.png           | Bin 0 -> 5651 bytes
 __snapshots__/form--radio-card-chromium.png     | Bin 0 -> 10208 bytes
 __snapshots__/form--radio-card-firefox.png      | Bin 0 -> 18817 bytes
 __snapshots__/form--radio-card-webkit.png       | Bin 0 -> 10704 bytes
 __snapshots__/form--radio-example-chromium.png  | Bin 0 -> 7597 bytes
 __snapshots__/form--radio-example-firefox.png   | Bin 0 -> 11346 bytes
 __snapshots__/form--radio-example-webkit.png    | Bin 0 -> 8064 bytes
 .../form--radio-without-input-chromium.png      | Bin 0 -> 6588 bytes
 .../form--radio-without-input-firefox.png       | Bin 0 -> 14643 bytes
 .../form--radio-without-input-webkit.png        | Bin 0 -> 6800 bytes
 __snapshots__/form--switch-chromium.png         | Bin 0 -> 5738 bytes
 __snapshots__/form--switch-firefox.png          | Bin 0 -> 7920 bytes
 __snapshots__/form--switch-webkit.png           | Bin 0 -> 5765 bytes
 __snapshots__/form--website-chromium.png        | Bin 0 -> 6556 bytes
 __snapshots__/form--website-firefox.png         | Bin 0 -> 8423 bytes
 __snapshots__/form--website-webkit.png          | Bin 0 -> 6439 bytes
 24 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 __snapshots__/form--checkbox-chromium.png
 create mode 100644 __snapshots__/form--checkbox-firefox.png
 create mode 100644 __snapshots__/form--checkbox-webkit.png
 create mode 100644 __snapshots__/form--login-chromium.png
 create mode 100644 __snapshots__/form--login-firefox.png
 create mode 100644 __snapshots__/form--login-webkit.png
 create mode 100644 __snapshots__/form--number-chromium.png
 create mode 100644 __snapshots__/form--number-firefox.png
 create mode 100644 __snapshots__/form--number-webkit.png
 create mode 100644 __snapshots__/form--radio-card-chromium.png
 create mode 100644 __snapshots__/form--radio-card-firefox.png
 create mode 100644 __snapshots__/form--radio-card-webkit.png
 create mode 100644 __snapshots__/form--radio-example-chromium.png
 create mode 100644 __snapshots__/form--radio-example-firefox.png
 create mode 100644 __snapshots__/form--radio-example-webkit.png
 create mode 100644 __snapshots__/form--radio-without-input-chromium.png
 create mode 100644 __snapshots__/form--radio-without-input-firefox.png
 create mode 100644 __snapshots__/form--radio-without-input-webkit.png
 create mode 100644 __snapshots__/form--switch-chromium.png
 create mode 100644 __snapshots__/form--switch-firefox.png
 create mode 100644 __snapshots__/form--switch-webkit.png
 create mode 100644 __snapshots__/form--website-chromium.png
 create mode 100644 __snapshots__/form--website-firefox.png
 create mode 100644 __snapshots__/form--website-webkit.png

diff --git a/__snapshots__/form--checkbox-chromium.png b/__snapshots__/form--checkbox-chromium.png
new file mode 100644
index 0000000000000000000000000000000000000000..bf1049273b99243eab1f303bc3c53635abd0544a
GIT binary patch
literal 5882
zcmbVQc{rO}w+}~&Ij5zHC?Pcz<rrEu52dKNhN7mn)KF82pa>eYQL0fxYN)A(Dybn-
zLul(1q2{UPsTxzHK@j83xzGLYe)qZG^Syt(@80`aYwfk(^;>(dwVqp9+~npE;s5{u
z+$P31YybczImWmF$jo?eWJuL9K1?AtH}wJ4ec)99;C#Kw4L#fNT=ERvO_-F&_WPlc
z^3ckS=_Ex~Hn;uOJlu08VX4$5S@Sn_uvBtJL$m(@qP`jHn)Az>95!YCMm<bq?%|_O
z>hs=|FRU;0#8~w4Dtjl2wh%EU^+dMcd&k|psXKR-7nPOY2=*FyTb*YH%o{9T1OQ%Y
z03m>EJs{I(E`1=t3#1QFd<tTY6-0sn-^GvscUA}sK>7bBDd$u9GB8&3D5N^0MhIsl
z@~-&yUy6WInYiUffN&UF6c4_+M+QlU3PaI!Ypl_&<;-59jO<S>ISMCrR*}M)T=<}q
z<#TB1;BY;rP`>^2`kN*ZZWpwe<h1)Dq$D)dhsKfTNU6ZrRqKA00J#4e@)R1*{F#)<
zOm<U&w%jsPL_*)mOc5-$wl_0f9n;RP3&%Rf78tLiqiihkc@>_~g)B}3X<Z;V7D~Ob
zY(wmfbOIZr&#mysP8guudEWN<D)QfP$vb9ON$Z*zoUXmzA(u=!(Pf4)WoKy0N0);A
z`ij1?taXU!qYAe(`(fi#=T^94Crr;n;l%`ZJN9pXN5jN6K~BlF?>>I!KC@H>{Jhb@
z!veK8tMlw|{%aFdI-zvOQhZLEDVwHdIdHG%8Qy*x@?hwNCK43utp@K(^GN+?rG)0x
z#|>c-<LEnAM4Jrv`zE5Fl6m&&-4+}m9Q=&QqB!Ny-s)4F@V{`1+!>v<l-VnW1o~Jd
z>(hKvLR{Pz1?*kQ>Z&T{MPLhkEimS|)y8Xe=-anThHpi+42MTFbYc$EEmL<U4`1VB
zcDF@OPT-=1ovqdn9|ETlznkY`_WNGWos23V6neJsZj)0JgRmu|l&$l6pukqz+VU+o
z91b_ELK{Bak14VD_it~k%d&N{0ia9lf$Yqf-qO<(?4B|D&c~0Tl-4}a7DQ0)mQacp
zsc)_Agi`ipep~>;dvX5)r2g^p(9zNKIjKGf()(bYNjRlrx&@qKB!Lpw_a0oNYrlQ#
zk!{R$sq(VC7@(qPbD<n+qN$*Awf<RATK+5T7~&M(53bqlzm>91Gcz#QF8a2eahi7x
z`>Be?)V_kgs0z4kN~0k84CS3v+$u*Sr)R0RW-BVrg?sc)W~BRMLQUeu)F(yzavWZO
zx_kOzySyL4*B)E$Z^IEgn+mfLdjgc7zr3UfU_iNHRlD`K{<-5n^`-eZM6@C=^KoFz
zI;cHwwWF!HaW`+oz;%xvuHvPLix3r+pM6B4Q^O;wgG1o2<z>YK>>e^mjl+utwufvx
zSf=QNpZ24nN%0UQs54l_{MFB(vPiA=+KsNQLaUXnci0BIK+H$aDhpX4vwnGF1&pCA
zD`A$x3oKH5Yzh4QqTpbme0;q*=wwS-qX7*i1|Q8A_ytceFDt^nd>wLazHdu^vbULB
z#K-O{r%nz6vaz{1Itub$3>8PRxW-bD?j6>9LAHaF2kxu2wRV+RbFHww>4{s-VLAlg
z(Z^5q=Eh0hzD?H}j_BK2yA(vk(N!7L*%Mk?qmJm&4SJGTlmxQ-i=uwl5;bQ3i<=Ez
z7f@m|ZRzY>*ESSWdL45`Rmj{ZQ5EbJt&LD30~ERWZ53Lh=k@Q}mEN;dLrJ47Nb@6m
zoS%1C@KsFz_CfQ{S(FGt9?peNc=fzJh)FLS^lm+UdVJ<g#3weT4WiVzoqb0C2aB?P
z^;~TU>pj-ZmZNE@Yt`}}mnD#qP2?;EH(_unrq?T8%$9u3&KMoFP9E3R2z?YZknlv#
z`ofC?c0~Ad!mv*(PuU;*26t?2Kf&kfR8?W5em9<^cFyy!`!Kf^>$KV9#pE)v51Y;!
zQh6yNpVf;n4=1bJSC!8)cyPFuiq+YSp7GbGRoFmO3+{N;G@aO0J55{1Q)Vk}0_|)c
zU3RX01~q9WP<AS|V-NsHJ%vuHty88&N`k#4F3}>RJx9Hk=@v0<r`^kbdla}B(oFKc
zr(NS<ft2c-H&Zxyd4CDEy6r~tRp(aMe$B`SI*<4F5hojLY$rR2?(+*74*7ur0fZ-b
zh%daGs;s}V(0=oDe`m!q=77-tR%Cs%K{i3qh_uHhw3c)0S8p$oc+YY3E4|0xpL{O$
z;n%fDLaVP|gtaxKrxpfF!3WIRU4GMBx<<}ONTA0cbTfZ$<}XC_NUa3S_2o`K%ClIf
z9r*eQQ$|KoT;!8Zf>o+5815e#?NT%w9os4r7w+eTQ?5!^{<Wt5V$|gWFEgb6ey9Bn
zkW}hhJNrRi#7@WClYM+41U~Xj6c@_RpL0G-zQCtx-D7W|z4K3f;tOcP2uI<lFR{y5
zC;IXMRu~%-QCw9;C=jDKD{QQ-HfZEM#RrbN5+V(X3&Y4Uk;A3jWfpliffJADj6KLJ
z;of!2H%&KZx6KqU9IUjr1%Xei1j62xIcHpjlOvmoi`Q3h&i0kd8gtPV{ezT?TQ?%*
zWH6N~??yXvwF4f(uVe{B_~;tRPT_RaB|E$2B%bKmVSl&U&|unb_wH^|k#wp~K6@o)
zcKby?>2&EPLNzC)d2a(0zOXsNiX6x%^s67To&28F%d<G#QMP-<Dz#GmaekkwoG0SK
zz-~Wz^2+mj{{BlpM$ZP8S(7K4+gHI+6a-IKt(kQ@!rgk@<HKfA%%*9^;hsiAz!OtC
zJeZhU2-zD*(->QPdADg1UG&Y9^JEuqz=ZhxK<SbWn$KokIN^)CE>K3JzUJs8RvPv4
zB25i!;q1Yr-$mLE0gG}Zyb+>!dLoWT{4+f-nV?>O@9wUj*y?}V%*U0;qGxqc`6;No
zyZd`je^o_=A+T}AHL2avMhR|PW_o)eC_LBW<yydzr!B|$xGDr0A1Bt&nZn)6ReZ}5
zZxN$e^M2|PU7*j6J*k}$=v6sz`ww?fpl%|uyRWY$oNB5D-VJYgrL#^9?X1a#n#|1X
z3SUcf7REU(l2zVsY?$T9pRQ$%XON~1wF_$Q!LFUK4NgqF8};Sn<OJz&llpI`3UxRh
zbqysLc)TgCQ&J9hwR)WM)7ZwiO3Oo<&j=`JZiF4bW>FI){o&yS<iM}36i-i1T4dtV
zzOI;QXa+h{MY)q2ryDfV%oyo`bm*&l;@B6_NZY&Of8?Y|ql%<2=S1ZTKuv~xeT@3e
z9y1J*&4Ipq(Ya*TYLEFYnJ;iBYzJBuEPujqfqbvhF3fYrqIJ0Z`+0`k1w{=H;+>fk
zrM0K?5epuq;)G<=yuP@_#UkNxKgq`Z=;&hxDrf2=3?k_10&V-X#m63K2@?oTUrpub
zF8zp8K=V(GtN3NlCyq`|wT~Ppq(nu-8WS@W6oeZ^gzS{&dA)He?JGvn-<c4)=#sgk
zgQvk)34azzZ)swOQ?6Cj4CO&hYUTV?&VdzPL^t`|T@rMjS*QBo>Rqu8CrU#@a@`Hz
zNi@d%OM&QhN8Og0caGm<++O$IZOJooNx836aA#f79)7Mmx3u)h=#*?yqNXdB@gTO6
z=f=in$HrP8tQKiK2|J<|w?%5sLT{okU(TODSzOGLwZG!h7K593R3!brzW%}J+OqYn
zvn-Gvv@}PpTyl|$MUDljphvadvqv(|A}7=9xu*G#g&-cTPxe(#SBW(+o!b5<Md4rX
z)yh55oJFG>`3xPatamTg{H>91&C1G3)*@us<p?Gc`}*!S2V`vV_pO5K_jc?Z9J0-f
z&`=*#eiS?*;f#9TRax1P(KUW+(Z>RecycIiUkFvpUAEM!xZ6?Sb9sz$3e6xdYOe4Z
z25<l3hQZ9!-J;To-Z&><yj2)F@~JlcRS639@TRk~Xb>15)Bc8Ac-$C0Jx=<xJ6ctK
zi84pYcGe_iIJgb0*30$4;8XW;GA2VhFLS4x$Q6`m1VRin;_H(ttZjC%F+j?&TgDPj
z#CvLM<q%;j+0bv_w<qe{9#vL{uP#T&i&?2GryNh?IR&b1?E_rfJYa5ar*k^jmFVAI
z`f1)j-hL}3TiHDqwQiT`x$Y}0L0V1)Uw5>o24WE;!zz1WAdBA#EI;Jyrl~2)zRL9q
z>fWu8_1+w~&5+N?X!w5Jea7~Ir-$okC{AakC1}C)1MEU&Gt~rb>oD~xY^J-kBa?_F
z=T2{|t#J_Y*%Q9v17^tU#~oDPdlDx6TrV}vYyturI+vEzu1HDwQCc6KQdh0R!={kp
zq{U#~2fI0f43eRa6hBVV4`cN2@D>3D*94Y$Ou(;%-(9cHeM(Z?z9H##W*BsYV*VF-
z>wi>l{F4ThE-uMmNF;tY!{7PNr`047C(z<L$4G&cET5lo54$ak<Z9QncAEBs@9e5~
zXs^A5npCP*)rZa=ACl7yerGcXFql<BSW=HFAI-%C{Ti>NtQ;8`X(#jtKsnxNj=lGM
z`V?8P?Zp)Nubg7d9ns`f<v`i+>2jP@iA>~IHj7*68!zci&p?q2-)15r8u{LNI5uGM
zr+qUAeW_P6I@keW!_>xNAD_%*fohej4R_>zMOgCb>`f1kV`osbpS!jg?d^v6&fZWi
zh`urUlBf794ON(24+G2f_4WR<Eqa-Q#B|bY6XUtaLz+$tydd()@{dN_PRt%Wml!P3
zj}lcK-yl1~gR#7dIp)Kl)RB?!z^MlLOP4~XCMOw?$q?{QIAdUNu}udAyD~~89jB;X
z4=Cv@59wttKx2Yy7`fyHu7ke5n_R^`y}d@jUYUAW7!Sf4tdX_0zkOnq2fk+GwZ))L
zJF9$OIZ#P3gI=Sd-qhWFULD-m_$|aDPxIRQA5ex|_3HsYXNdi(oVupv{QCJM6Eygg
zMaBfJ*>Cy7b^@IMHMx99Xoj!BDHGI>l{sPq?MXAmrX3oTK-(J0KUj4y`HG|-M8#C9
z`X4E+uKLt?)k^{OubVgd(zf2eFKcazye%^^<1Y#hCI6_Yde<m#pC+lp;Jr_JlY&13
zSS%WI`!Qdz{(LB+o1b2euX<NjwoD>5%up^kk1tW}?K1=CTm^aRc#^h%)C`M|c_k>W
z$6FoAbF;&0_cF(<|B)s4Ke8k(zhNQ;jj}KpkB02dO|$U)y~wDi)sU<C2HI7blE9+(
z@4<im{e0=+lF(Ja?fa3vBf>m&T3Q5Y7(TJ}sC(P1uCa>tg%RB)@67=pb4=XAc^D<m
z9tdDezy#-kVjcfuxc@&D_&*VGHT_})(2F}>+@vy9We^!B?#-=do|P9TXRIXE4bkKH
zJp_{F47Myz0{|h}PD1hBs@{*ekX}tJfzWtycGL}4r}T;}fAkO0vj@z^sO!;Irn<l{
zd_~6o6&Wf+>C!0CLP$lFgijGY3@=xn-M;!smAUTh7ptZOLFG$vf0j5_y1dr&R=pfn
z=sFCz(FGh#kc_vcS~_YWQ;SgF*KoWLmfLZC%4t68)5XTQlICT^zsg6{kf8F^0-$;R
zpL^11L;efwD63*mAjC?<$Fr2wIPeK1gf_cB;vLa}6;eFzUHN11m2t9thS#V!U+gQd
z6?%3J@ag5Ooq2Tzhh8Ta!~`9Iab)@H$fakQiv01Lk4Ij6iDAANQWu7lJfL$CQX|L{
zGXZZM&`A`Yo{x7FrdxIkn*DrPOCiML=C?Y*%Qh6<(+Az1PH9j^H{_}zo!(dYMM9w8
z(ABZV-P&hx+9dIJ%1pl-7VEzmUhwNe88Z^(Zg93_2Ro&d)$6vh^@+gLHlYX;P`+Vu
zu=2a?_Lz$tNIy1x%RgvoD?|2|!oeZtoYrw_YX0T}p^^1$6mFgLbGZ)efM~;&HvYAB
zkg2+!?4JOHAQXSwkwrWahwTDxS_j`6^J6;mQB|0+P(mtu$VOGi!Q@ybpZwzA49C|s
z($7$$4sn^gY*@;)@)oSQ?sT|LYRTXKVMKz?1<mlCk3{$I%?eXJ(Awmt43@2Z;pt7@
zV9hps?WAwRi}%@Y^PU{6E%(jl$8Y2kGDaEdG3{9mabA;QXg<;IdKjp4($jq=Sw}m1
zn!GJJY+E|&l$N)BQfT=VEd1-oRBuWTN#TQEb6LyD!a^Hcy9Y8&3}szerzvG(gD=L;
zse1Pi6F~8u@p3)D!gU(XBNLZxrv9d{zVsSy&hmq5^5Ea>`ai{!Iw^J8X0OKoC>(%J
zvDe8J=QRm)&EM1dY?Qg&#s8IIZ?)@_0I#v!mLsI_4(pK<YG^$%@X9S^3?W8GUmC>W
zBV$^Yw{d)>yVRrmb3VxZK77~V!_@xK82OdMkl8P1b8hx)YAa!TJZkt4jtJ@)Ed9$z
zFDhC?-W*uSw3pViF5`yVwCUwGs#IR1$vDN2#DbVdiA7+V68_r!>CX4(5eXqcm7@Tc
zb;76W5r@EOTS9R97KI_#!Ot(%rS+p{?*V0Vvgh&LXy?ku=-cR$r7Q*e4^zL#W(A%W
zg3NE{ewJzwV;^|~D%5ifw!8D+m9k?>A)}Gh3{8Ka7`Pdtq{OgA>i5Lhj*D}{#nvFn
zxa})8X{0wUOIb4Iu2F}d6F$93(1KXyf%!n2plY|K>CE(-XyiDhEsErI@1gc`(9ZCC
zlX!;S&jak!3%eDll9cURRB~R?*_lU|JCuZSMb5lWpZ@T@qLvq9s-$2F(pS7qtepog
zUc6Du@&r&3vdXLvER7!!eH{hfw1!%2eO&zf088uSWUMmBf#x<}{Sb_>x}0EG-Cpc^
z$lx}7pttDE`c79|U_}uf1%~%0j5O+($AaQ3Bsi7E*UoOlIOd|B+oPe$X!pGk|A3OM
zdc~mU%x3cJ>;$GkLGfW&$t%enzQR1OIwfimAKwEVg(gSbQW@jlb3M>In+F-J7^_Id
zT-uaR>tZj7N$g!^`aB{=tM6hD9!KGsMHlOTIc~{00BmmgdE7xvzkKvU1F4twQppnQ
z77tJ~ACQ#XVE@}$b`#Vj%FO^pY`HY&Qj7{Huxj7nhpMiScQ?y*mU&@m<>JBN%_}qm
z>11><)%xJEa|=IH_BSB+tD3K4&f}QRmj-TB_p4E8$Y@B2PgEN#tNZ!7%w@K_t#MbM
zFvC=#D8z}iU_>Nqhy$PUD(e`(?$B#(ezsVjgaVb-TU+c}GhwAyYe;TTK7Axq?=ehm
z=+?H}cE}k~*+j1&+;M;s<dvT6#?oh;A^s12&wbJ_e|9LSEb)pD(_A7ACxS6qYVc<v
zY}esd!0+>J9{`Gw?($(L+GOa{vG-EaLxcO}*g{!Mvqw6|!td-0lTNSw`*2G3#bf2g
zp+P#_*}W{8B<4rnT@?7I8J9npb2dEOIT&qT<BrhACnB+(=l{(v?>~3U|GtJ!c@Ms(
W_Tn9#W*E(EfQg~SjcR@O`2PYzmuTDo

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--checkbox-firefox.png b/__snapshots__/form--checkbox-firefox.png
new file mode 100644
index 0000000000000000000000000000000000000000..321b967d29aac2ab85a7b6d040bb344e002b459d
GIT binary patch
literal 8630
zcmdsdWmHsc6fWSX3?ns!(p^IdNJ$UfFbpLvB7%e<2+|-U-HiwzJ#-HxjkI(KDBay1
z_qgs|>)yZj=e>W<I_sSG>~r3Czk8o&KhF-)(on?5qr}6)!opWpl0#r&VZ(s)Qrt(t
z(cey57YmCXOIc0^>2A9Fech5&5%aUGGLTUT4rf$i3`uKCHjj(r6T<MB+kN?H;CMkb
zcV4?GTFhr|`TVzg8+P1BBJDRsqSjg(N=y-^-(Opchj*eCC8|;>G<JgoQ%koB&2%%G
zT^q0G{v%Q@Bq4{=V?z%taAZhfbm=soB0x&gB>!nSF+^j5FT}C&5{5L1#guTEr8Ac(
z{|)?%Lki2tVEhyfQu2fU6qLqcUN{D^BPFHecj&><Sg6qVejugRb+8uN%O~`=3}76O
zYzhk;?KcEiy}Ti<_`)m=m?*^t?qsk@XC7U0ynd|g2beH^0Njz(^n<S+>vR&tVgV-V
z9x3^Oywd&jQ7~3P8E6$ESKhfeP+nfiKrVUcfyKY)!imd~hMfp)ZnATgmAhOcgiqsd
zgP*L_t7Mrf?=rY-yanXBY7iz`3==;S5Jon{MOVTQaI~~J5iS8FCK~-592FIN(D^QA
zn7-a=Ba75*===gp0)}K*%#0QN(J1#*PI+W=7NMiJdPq?9Z#MJHM3ht<hkp^dS!gw$
z{XUZS5$jJ#qQJU!Gc&F!<C;cVxz_tvtjcGhz%p!u==Itv7M&e-E!xh8Nq$<wCq8?b
zfeQ;0Mn9g5kMLq-faU83K|QKtwq_{n%UA0Z6&8szZNGo#DG|$8_1V*natV$2=LsqQ
zoP7S3wV3``-$Tr1TQYfJ^uhDZ%TXeZo+gEi_{~l82h2nwpmrlnw1}1AcY_!vSJ$=5
zqZIPO93Gp|2Axz=+Im`%Kv5_#g(xB=>NJKaLX+sMqBUc99tyTSoz7@QUhreH$&Fnc
z9{%r*H&b9aYgUz-8imq5QOm7Ad8oqf69$CWNuG~pC<<^sh#DNoBB$)4m$gzN`3^7K
zCUZ-`Gw{#f&!#z(e`v?Y*$q;F6<`B{6a$rt{ApI|j&xEu@=&&|-?CTMy2J&%%}t>6
z{#dNTZ|yMDuYUX*$K^og9aQiG&aniIcDcs=al{CHO75TkKQ6N)BZ!ywfo<|jqty|$
z_48@IlE>_e3Ii^Lt}Y9k#!7G71H~7^^~Y~}^CD(fuTH;R%`-4C9OX;3@ZR5aC%vwj
z>}B)y($~B5tTAr7y7n}3Y!OiOx%^!6#@a2$w5d^5ODkGVF0lX0V?wFWxn}R$YP%Hr
zwyk}!PdhQy)yR~)QKVs=c?c4ToMEe!4Z<8Povg1o`rg9t?I(*jM`0BSFZVm5IE#w7
zD;J7ben}qg0Inm!ZXtu=w$6FiJ8v$Lg+xTeB$=hKdY;op|Io3fB7+6%eg2H%GQ%K3
z!&FbarUSR;nt~QtmX=<xMhIK?-QRv}_LdBaa_{3onl!k?a|}f!bp%EBV(c4ty9a!B
zt(29O6NjXXa^&{>$zeuPw>B2#Wy}kzARIUv%ViwB2qmTFG7{Q<&W!vfY@b9c(P&dq
z`KrVLqC4-?lw;E9VsGeueCo`tLP4>+Qjq^hMea@D%~ih#2RnO?*5#<Jwb@Ogv^1`+
zmsi@1gL=$^#{~VoB>DK@iTV38UJ9u@Lk`ZO=<j0Zb=*kV3|i()hD_TqcH3=3?(2Bh
z^U;2t)q}-les?XYi8a%Dr{zTQ!o-qSD)ze_CG#UpZ1Jnsdp`wROzd|=z%OF_%phbS
zEIOEiynG)I%aiMKy3uEp$J!R#k2CS`@nb~GhN5fU3-#voTGmAMZA?0jZxAC)^?33%
zzQ?4fgloAS#XB9HW?3DzL*iC14#n#~EJC>pS$Wj-n6MRbe7KQ9^FzmDthPZy)En$&
zgI?N3Jo%a#WA_?L!Esab?z*C5>$5c5L@)!<4?a@IJI_PH!{c>1^{L1ULrA)Nc4ysI
zf?pDXV1hL@E41Q_ic#s~_suSwp=U`Wia#NdpaBwG+{{p<B!hwWd!N~yj1_#^KV~mo
z2S@b?(s3hcuEPTZzxHjJO-+%&=+mBCR3GVE_1A{A2y-Ecx{ud+dkf;MnQPQT)e!A9
zZ+Z#0INn6eAR=QM&-eO?Yw&ZlQp|Gf{Qo)idBk5&mjwR@*L_Ql%~P*mz$G%bi_-@z
zJl$6NT&EkXl8}0OLhQ)$ytO7lBOl|#DvQkaA~0KIMr@Te@3@ithn<f0FY|ctgyeWM
z%^9W=Vdzln_;+!O2^;!c35cq`g$ws*KoDXP{ipS?mDw4WnP>yZ&i;}e)O27F7B-$P
zmKtM_G>*T9ADnDMVBj$3|86L*K_(sqqU)F$v~|GAbtjL74LM|$l2km(g_4kzWZB1G
zBa+gSn?c1|41H^-?}c49lB9Vr-t>?wJhHSeV$9G;d!eA{j4n7V3H#e)>~%3BerbQ&
zrN~%LS+M@g5~>?NDZD-y-*UIVo`(n%8zO5~wa;!QyEXJq+TzU>z1o?Aqk7UizT(FW
z6rVw9X?a+F<~m>WINkCc#4#d+@1ARTgKj5o9Cx>=-R@{5Do<;_-WlNNqKPIR9F7tR
z&FT@k^J)Cl5&P~o>6ljt*sF!3!iX(=A&{^)Ee-U<h-ZfdMB6t@sD90GEvvV#!y^o9
zzV*Ky$vrG-@R6DA9uj%&SfY5kmRuLtvN%4R$YrF92D?}m3%z^#M}PT*_;D4McfrGV
z1adE>$JME4Rlt;t0Sbz>!;(R1X%EiCD3`LVt=$sIxwFPG1!plHB9DEjguH^K**Q7s
zdIW2l<Q61IZ|nz>V@CB*>^!`@Q_A%8se@Kq$0RlNQGUMbgC_A2RG7j*lKo9NVtM(N
z?ho@75{mbGg_=Y#=7w^z&J}oY3WY#kuhiXL?wtT*6l(!4!NINcFmdXm7?#%j>T2W3
z(!Xz_*34a=M0&$<!k0rGRkq(qoXyNoPB*=8p%(ju$dEEX1=E%$yXx*7%v%qoP1)Ja
z>KdSM<!~XFbAPW#U;RwGx0#@9I<1m#@7bF)WLs-R&1nUWYkcPy%uh~!Cg@16d;Zl<
zzhZ}&itcC1W$L`p)+JrZ8iXO2Q@1+o&!6lw$!v{#Z0|SGp_7z_aM0@fP*U}YkjHjV
zFm>q~#L~;-xB2Eo(YLd>bV+Z$Zj~=u3=R}{SEpsX&6B%dC|+k~(!UvIC!@m$%MkTZ
zTGo9&#@v-u)Pz_PdG40fuJ<I}Uv=$i%4#Wv6IR?h{Sq(A@?4;-%b)E1dTMm~tC>L|
zSOn)Oyn#}94Q72VN#poy%)8Xh|HZ-M7P7+gIbR(DnwPdi;>+SfxVp;9Av?3*idcC~
zd6AtuQrSFEk(onbuEZS&lN0%q)fV#i-C|o7+OJ32c@O`Lg99$M&_R%`OPjd(a=S4K
z2clzJzgGj8Vt(9Bgn<E9<3!-6jbRNFuZ~m4NJHD<A*s7f3BwkLFmh4jV3D#S)PA9+
zP?+svKrSV=oT$9XlSnw~xNZH5w6DRN+pF_L-6Eg3fEzf4_)2Ef%Ir_6jVpz2KgqxP
zA<qd4&HZ<0^S9-mHoEPOwc$A}M$w#yHxRXqWV$LuQWs*@X-<+W7TD0gO@v8XN{rk#
znJIBAs#GT=%H%{vMYSK(R)fj5F#22!T)|>z0nk;~ZK0_~Y;$88v9~>xu48^wSQb86
z<G<D#bEUSNL<M-cx#JA0%n)#syul`Y>u0GiY>FE`)NY7a)-lL*eki@Uet1R|Pn=1~
z_Zsc86Q3!MwVN$<dHL`aS_9ov#-^D*>5T*F4x<(B{_NPq`WTt>s<<{%#Vd%T&8Yf7
zjQeHjr2q0&5HEhS;h$)&4<&wdAe+4((;nXGI*TFnc_kCStTtoG@cFm$k8qf4HAauW
ze#gV>T8@wuX4M0N()X_a@l0%6pb#?68yVbVSb}&jQ=A4NKO~&L&*52VJjH}Zp3;9Z
zcy3g?Gp_EklU%T;(NX=Z?RCoW73a}(KEy?ZEB>>s_R7jm*_5JpGo25{h>vKnE3ogd
z&CfD}a^`BWbcYLxIhJ`g_xarQa_Lz9m9$Y2D)_^I(mtxOc!W>nSe~3N@C)Wwcek&*
z;zO8mzNNqS$>FR=1=9<GQ1t_1C)b7lnn&wDDjJ^sZP^`Lsyn?t$gZt6pr0ke0}<&R
zuBk^2W*?i-W}USK9lyCe(oL-r_=wBcb$e+I+2t59=g7~g)+-qInb6zvX3+}Hk6PML
za~#NmXD}czhck~RhbM<B=Ii`hYwK2KgM{(pQ~JtWwIgUOFcGCT;Sbuwq+@!51Ap5j
z?@M}ns+{kc>@MMl9o-VH%}fOdFfqe6M{BY*kguy6hS?lXM9ooneon%Q7iLWG(*XfZ
z)#{nl#X+27&zvhaXXn_#+Mw3Y^F<HwNoGIuiA;Lh4|4WVq~>=Jia~S}8@@5=H7x50
z*<qLe6wN6X=sq&Yd{u`GjhFu#0GY>}ew<))L&3zw)$R^@8_(=np_U8A8Qu+A_Vx(;
zsJ41d^DhTOLidnPqS-`F{nE{21|7m;JkoClGZ;xe+y0=iK0Q15LkN+p#pmCc^SUag
zfn#2&GS9$*Dy_wCw|P(5Pq4f4qqG#uW>&Rlxnrr*cmccw6ynn4+*cZ5&;C5b)H`UQ
zDU-{-cD+ZU%O_t?M0CbH%o>_36bvoNE^=MKeXvcnxlFGi8$>W_WE?Cp)BS1k5X?8p
zUOd=n+rK-2J1NQ4klxhL|6R;&Lft2yoJ(;sed}W@9vLgq+k)l4-A?6$aiQEG9$Z{9
zHOmX1vprF?`l~;m7n$BEp{ch;=dEbCVO#{_6PG9V<S(vN{Eh>pTMldK^lx6DE7n0_
z-I6tq^LqA;T@uc1^_A$f65(&}q|poW&tE>WZXTQru)Md>7Il~!UVmzuR_y(*oN=Mw
zzih-1y^syBG_ZS6q5erX4TZNHX!S*|>UW-)KoASq$+a3?PNt%+K0;0gSMTt(u1f!I
zrujk8jA%;mz0l-rdcZCPORCV}M~ntN<KKABb_`j^KKjA?N`|mLCmN9|nRj~<edl;B
z<i=#?;B7%pPT750N*I2LDs|Ae*^Ln<-JBV{2FJ)^iD_&7<Lz1_DG~1&`jb2rWmhE@
zY?KsUBr^HtfDf3PUGHFe<9|0sK{cA|P3P;B(86>W;Q}s;d);!|NXT&afzGrSvaE$q
z_S*hzS1bqPJMron6`tsy;Q+r5D#MIg$Nmv`P#Er0Flb`Jfc^#1!;3ULNT|zIX%8CR
z?Qm-hCiAjV=w67_S}dKFSrzX*BmB`_^zDfQ-ZQ!z{)2C=hdwvIIhyqNK0WXH`A~}3
z0q4Lv0sR>JL!G7S+KtaM9@;l`U7`o{meC$k1@^NpR=wO~>vqASon(YhKXKCOw)=V^
zzX>^v4G8eh_8;38wP@d7r#cTT=LJ(G>`K7&k5P{w9L&nltEi~d$bVcPl%V<6g1T}{
zd+>fa@%4iH$g;=<I$G&`Cj~O2`0$=%F6fJ6&&10Q%{`CNHPdE)LFN+EH%aD?v1gk+
zTh1OYv6j%0-gJ+;z6H5GngmTc?@LPLxb4$6a66ug(xdRcw9AJ+;r}qVgu}(bp_5`Z
zxRDPpWhLwG7>V!}C+Bm%zP;*y>59D~-0&=Vs4R&e#n+abo10qli#P)1_vtVmr0Kag
z*EF^8w<t60(c}{z^9#}g7l^$ha!r!_qa}pYd#mV%P)4Th>MzF%iC0=wAzvo{%SUd3
zeHc{h7l<)+us{@din`tNw*ySnjlY)`^Qu1mdMiP<5FSSMl$&P-A=n)(>e&Cm-sn%A
zdo(He>nJL64D2`0v==8nU-vJ9tgMWy0=Bv!XS%n<m1HMw2Maz|ZIHRx?q6UY98&#b
zt8D>?*F;O(Q;s&A+?iHC)Y8Q@E*oFjF8Z4hJZ)LlX%TXV<p<I@ojFO`-CGc6y}%Gq
z^Saat%z579?=nfaFSwoKreC!|RS^z^;@{<8315(Fr%|-E?@X1|`t*S#H~Lrmr?w<c
zkC7P<^w7rm15_<-uR68~>iQS%E%cU0ykrSH9MdxFCDWy4C1FQ+)Hptkr|%;<r2EeJ
zwpLaCgfM6w(Adp48(FKowK2sZEnHjO->uR?|4>ifjl%*bvr1?3M?~WTmAU&jEL7iY
z;It$_s@MQj${6nSKYpba;7k4=84Ubjdz1pkSGBccpv9GC;-v=L#V<Q>NA*PW^@P=<
z{!Q{mANL|xi{YX6HNkHD#UDMJIF(&P7b?cDCu)a>6#?;*Nj#<#6mJXw9^xj<&kT=j
zH2LYu)5-qbH9QIDLKgJNYLDt#RIdH(ixd%?a1DjcG_Ntb?heT~KQYh^0^M-FQ3#Dl
zcePO#mBl3>0MOX?)$v{d{3990zB$+!PplOq8F{Q3t(1>SM)y-Zgv;qhObJPNWprzt
zLMtx{FC~<LagSX8lvR_0twyk>(tegFAx8L>)sT8zeh|L)<|6Ob_#du+M1`Us{FLsD
zsIagQHvPjU$Xh5n^>!kKx3AKQGdJr8e9p%@a^T*%LZdr^|2DV4SvGf8^5fYLwG@8S
z+~la3gM$y>Lp?jLN?;`y65htOdnQQA-TVnhi`X(uF_1fSHs|)YN#`*hN)LQgMQ<F@
zC-X`ykr;<Um%Wyfx&P>JaxluDnbpN^T(Y~v;|B)LJUHt<cAJViF_vBGL5I|EOaWrg
znE`pR`Kw+aLDyCJ)BX%wm6@lZ2K7*!Ww!<%CYH|o22*^o$OcB--)<H0_GF>v!D;8R
zU!O!*pCETN;r|GY=wYIQit(P{7};E_e$b`EX4ES$Eyp%})sw`J?VTggzgehalSXA)
z_K`I4&uM=UuWMYlOFiI%?<ZY2%Fxj!V&~v=yLQTIF#72f<QuF1TL$S&TRF73U_yL6
zJLkK`C)DHmFVXoC_jiZ-$~v0F85u&_%@;S@9*oekw6pSN$$PsP55cUXn2?`i-AQKY
zFo5m3@i<-Zq!O=dF<H1G++Z?!Y2ACYT0|=<1c24GACj^)En3%O21@k9K-^Fg7ycuS
z>OVfMk$>2~QBrFbhk_)kwD>fQiy3QI`rIaZ1bpG1qm%rsZ)AW%$$M-+#tsb&o0zQ*
z4#vHlHETiZ^A=ft4cDF(wd2+HI2lO9Rw*X;J-%h?UaA9=DA+K(Ven`32jUi`Rr5ZH
zr)(gZwLc*W?~al5q7tBea^6pA%=9&QoO(#Kfgz9t&AW?qa+rZQotKEdUWsvuS%jZF
zYS&a2j+)}>iuCT{L6(<4BG@s~L?aNfr$Q%HnorqVUY*93YlwESr2(&zL2ni7O*cy@
z9>Am<JREH{hGm>h4Rxr5>}q&P>>A&~?uq6;-P_*PUhNM?Iw)oqmX;=-OKHJtwuI|H
zoqh!nF+Vp_WPRIlKx^_<#mdfHS;>owI`gKAXlZ)rfokSapC>Z=t19pdIeAFP`EXx*
zkz)p+g|>f*QBNn88OKS8KBfeiEyb3*rW&ijAs?>3Oj9J1OEsw&&Gtco8<s{oJFJ}@
zr0U_3y7$pxkJ!@}$0^fUO;ZTFg%oByjM^ge%gTawROQdBX$B|tCzVo`F1yp4(rFQ%
z<dn=1MAAvAG+%m%N_E>nmGv00&%r>lm~KAp$i9w+KA68^=~SjVg|)7#0vQ=45c))t
z!>b(!0^Wc1x6Y~moi42+4zqdezpT*}ZjZFJ4V6=nf9?^`E8n`sys!<r(L;ODa9sm~
z7DR#kI#lsS6^LY0Mu4n_8VITWe|*_IR9Z`|F0eW@e&Jn$EWfy10Q`%3%@lRQwrw#&
z--L70Im`e;8(cH66a%1M@qn0!Xz4L9h%Hd{-8TcU1M$p>f>(83O_qYKLt;oxT_2M0
zf04Jz^hDIm78HljQT}#0raSE#%z?i_DSBY7##MdmIjT_kw?PPKfEX7sspGEq10)Yh
zCp#74pL{I%x?YRRb?g2wHz~|5<j@^@faPDV0fs{9E)wGf3TGIt3^^*CYqijSSh|*#
zTbcc%JK1Yi!vv;7@AYbpd17X6RB9gq84mK4kQF-)1P@@&Qp^IOP|0>ZzC}}p#R%7<
zW}`b8Uc&vLu;*S7D8NX;c78n0w2+rPOjq=G1UX)UHbOiSBrZ*lw7-N;Oztc53fgY#
zXJh;nAgDfe4qz+M(i6><BzTy?2CP)u+S+1MlbK~?WX_iHLc?+^`|2Jp`Ik1>y*58L
zjZKYbE^@Q8A1x>*BQF@_d~Tcsw|YiK$c%jqV!Xm6(y!)w7>9%g$4{|J@yh42ye_Gl
zA$(7kL~lg6lK`12Yxo;dYvv{YX@xfWqdsq=$+;8R40BClUGh88kC%wJnc}K(l?lGp
ze0~FV<Rh8G=g<R?e-AbX&$rFg7>;QQ!=q!&uPExNd{s=Pd90Q9phj)uB7UZGBgr6H
zvFp*ofl0?NE%cM@C4Xk~bZJ1U;I7Jcv7M6f`CB2MQLMjSiqJA<UbL`?O;2NNj9h8>
z3)Y8ENEF4L>`%&OF=elGHHlU3wn}mo6%Vibxt{O*#}FHn$fL)?Wkt4HDdE;)-15=r
zk;^uRy$+)KKi1B!-cAc97L0uLp0$N?h22aNlN;p7<m^;tkEX*iQ;S03=L6+dacm~|
zM7{Udn@aC0@rlN=lg%`4PNC8S9M?nP8gUIY|L9C#V7_8cUQ^?$k9Ovh%?U;5GRd3i
zhKVaAZ`5~o-HD0H?E{&Dnpajc=nCh96{p@t7eHYNklJN&-C3F_Vph6!)Eb%_RWS5b
z^|?-gPmC*DN<iOf;3%NBHm1cdGotPp^Lb6njYJ}En_chI$)7W=I>804I;#)}Qywuw
zn&Dr8L0@~t#;kk#xT!i3mNC;L`F;9DdcVJ4RIy63DGsg(vLna3)uM-d3<_sM!Xjhp
zhcuHeIekA|V)>CL#7r;qF%Lfhh2xQN!3;#a8(re|g^Nc9PxBJH!4qmM;`uyjahB_Y
zzrTHLU7?mJM%nH}Td3GI*WSNHqUqh~e(<X{o7~2cHf#u^3JV1KJeU`(a1;XjMid{i
zz2rFqP=~VGJC1ywbhpN!D3Zc;g~-^YQN(ls<`cU`X6Dh}iGGc|Za&6Cpi486*T*<d
zZhKL&Qvrpy>vhp*hnFxb@Dq=DfeA$EDS@qd)8NuGE(z-%H4>c|ix==V86>Dx#L1lT
zT}n1?@cCt0+lMGgTP)!B*}$Eyvrby!47xR6HBxbyR=GwW5KN`@j;*XUHCC?wX4qxV
z$O`0M@5xlC^-%~c)IfO_yll_+anNMtjBfS)B3*Yi$SZPmm}#;wpHecH-C%UEA*OK1
z2RLvXEV@^&E-+(;OP0PRnn=^f`_MP;w!jPtssDT)X(xeBzbeT0WDfy@`E3_;V*eBZ
z2qHn*1sQKQSF704zj`rFIOw8Cmq47k1j$gaj_Qt)79hg4FO$qv{&WjgkDXbvs<F?{
z_-`7IixyYT#AFO-NYD!HzKf-Kd$44qQY3ea*Y5USe->5DVLt<4Je`bTW5GSQ<!$iW
zcU3&#I%Rqh9(cPLTb*IiXM!L?$iBnFAW)H8w#u9P!))inuKig>fu=%9edbB%@?r=F
z@_#<1DovqG{CC35D@OA}auV$H@=5!TItyw9`j5#w@pO<H)O}R8sg7#tVI2pO^(jqJ
zoU{&Zpes_D2FmyiF;TWXUTF6s@mSs=${)Te#IHw>O-Q6gOxoU97|pA#spTBhM_C|Q
z0&hg`Kl<N^loXpq&w^$N*-+eCTWkwSU~x6{F8d9NS(+Tufkf^``+;%VU{vbwUa6V0
z((6*hx#En*+L8orWb;3aN>FZ%0|i*NGaKZ)5JLRo_XH6|h=!?z6cTnSGlyI8`qAIy
zKuMyH3zQ@Q2@!yn>mKW;iL1Mx(y@A%9v0wb_758~FDTKoa~Z^becM;D+Nkai#*1M-
z&k%l@R(TEilDjibQxQ+$n>&Y$GW@3`I^qU)DJZE;O~#)0cVPLda|4QG$AKNV2BiG6
zrakY>{}iYNaN?z1uJsT!#+>>eeFzVx;xkjp3okIrqZr3LQtG3D$5HAOplzVOxM20~
z^xs{z-TTZ@Zy`=-F3ZHnjSPM}vYnfW@Y-Rm^=+=#`^^b`M~-80s15!0osms{SJ2z%
z7@pe@{hLE~w81U<`f*wE9uXBFisL@PQI_Rj?OKE&K1{p6819bv!vsfliAC)*$xOH+
zJSM&JaV%3s@SyI_VCECGvBQ}mN6|H6Tv`%9#ntLff2qWExk}0zrG`(%fPK$QG~W~v
z*cqrgxAmVnJuT22;PkH-;LGchg3}&)aaQC8ekaV*-7O?EGJa{SHaG8&K-q%ln;g49
zV3mqM2Qau-tq?-n0G8yIah9x<IYvtcqe2Cq^~TQe$`<SD74V>mRGo6iCCh^+mMC0L
zVfI2A03HgKF6UQ+BP+wo1KC5=!ed^Zn(sCoDW`b1PYw4rF(NS}KXYp0bBd86h%dNd
zq0!~R&t<XPi2yh6lawQMw@q}Wo1ncdE=GO(FC<*OEwfJxwFEyo-vPFzaTI`^5U#bv
z_pc&S@q<qkUwn23lxQYESW;j=d<F=?Z&?7yuXiIZ3K%2?P#06Y`x8Kgs)GKfCCKTM
zo(9Yf7wASHRuTUSQu@yj0PU${QkwrhJP^RUxGc1?ILyPvfW2R#8EkBTmIe2NTLnU+
z7_g!5^nh~u?a!e&ppJe9R2Ka3kZxcLyx;`1tg5B;-hW*LfY?Qm*=Y%Eq11%d`v=Cs
XkA`@^epLqgF|d^7HRMX+<^lf$pVcz8

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--checkbox-webkit.png b/__snapshots__/form--checkbox-webkit.png
new file mode 100644
index 0000000000000000000000000000000000000000..779fb70b31408193dc54a586ae6296443bc52b35
GIT binary patch
literal 5886
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
aVb5->lch;n&c^@H2B<4*D^)34hW-ajc7Q+t

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--login-chromium.png b/__snapshots__/form--login-chromium.png
new file mode 100644
index 0000000000000000000000000000000000000000..4996c24d572e04dba2201b1101bd2de62b8cf784
GIT binary patch
literal 16952
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
YH`vqJ6qad$S3!Uz#XgCais<?OFZ&~KDgXcg

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--login-firefox.png b/__snapshots__/form--login-firefox.png
new file mode 100644
index 0000000000000000000000000000000000000000..056bde966b9cb51c64ff27c6cbd5a906681c9843
GIT binary patch
literal 25412
zcmd43Wl&sEw=GHt!QCwZf+Y~#orDC}B)B%xxCgfYjXMNr90CM_yKCbfv~hP2?%Ykz
z`|8#C@m|%vb*kR`K^62~yZ2se%{67rF$hssl)^$MM@K+Fz><;v_!$A=85sEafr<=#
zg6tWLgn&SeAoKD4S697*W)xQ<^@NgUq)_Sa(MZ9m^1}i~KV@p#1?HBW51m~`&eB?3
z9<~;f+`xx}Y18cs)@35R%Mj~S_GyN#RL5ZfnK!-_XQj4<a=Mg?OgqwoTibK@b<ciV
zz)M_?ZY(BeJxYmG)IZAx1RzO&N0O#CL;a`>_5Z~-jf+qH44)n8%^)Qzoj4*Lt}*cI
z`zabLY_w<uG-ap&^1tD|sKDqViD}BG(V6Uyn83wo@o2nEb`;H^GJ&T%#X*~-z(s0b
zYFcp+b_F)b@#)U*utAQei-_+fzr!evU&1z@?nDSkGJ3j*<QI+*AkZra8KMF1e1^`|
z^K=mniR>A=W3&@$ip0~Mgy6`hi}<LVh^nlEXum^Z=S5X_c}mz+>^bm>2#AbP|Le7m
z6*JjemC<cUdJpzA9oEiF>YeB-Wn)y6*coeV-VNPW5xjku;CD9nIXa2Ct3KfK&qwgn
zQ+<_RD>D|9OhkmmZU@@qr%|%ulhKg4q{R+mn5#NaJR{j`7>yaT`N$U{7aSK(tDf_Q
zu~n9QSXKs@K;|#hk5f_cfx2HdoFyYuXY4d&LlG_QkiSB+Csjwy9rTT8OsN{xz6`qR
zKFuJX7!h|%@H~6tDys3tVWfEccXY>|+Z*YR-sQ$rt*`Pg%3uAPs0CukLW<0L`<PUn
zYB7TYOej0w&e(_KZ&ozsLL)DV?2Ce**6xF^cz<+_gZT)VjF1yO^$=DtJ3JyX_Ei*S
z!dcqZ&KGRy+A{oq^TS=pPv=%1xNh@P_^hR+wet(*BlL?PPa?x5cVdbM>(_?&MgMl=
zLyY)IW{m>~F4M=a?xt=d4ynK2e)U=)Al3sgq>BJU)AAu;L#qA7JsXYRzIhw#m=dLS
z6Zrh~-~!dFcS#;>NlyLmo@_yx0_`Jxw~Xhlu|SinRIaTUHEjNNC&t109xZ0I|5lC3
zOX|O#Xz^V<4cZXPof)yOF6L+=2R!i+!)Sf%q$A!MV}$W(d!iZsSb37noUbIyE<F#Z
zA4AoA_GBYJ@XSQB3infM8^-wG48}|LqW^bulle~UsO*eE@d<dF6u^+5Pv4G+Jl2I%
z`IO%6L>&#(ST`bSa237=c0~a&`DgnFK95m8(KXiE1FKzf8y#*LC}m)^e|Muon%G_T
zr}ZAL^&e_e1soN<@A)2;v%TOo*33I|wTVR<<!Tj`juurcP5i*A*ai+rkj+y02Cxz!
zS-|Rly&RYWo`b53Sgi<MTiffa+WBJK8~qTQ8vCx+!KUxwK4^Wflz5;kEb(Z!FE|*L
zOvJq|{3V~PR;>-q=;&yy<6eSJi>In$h9Kjq*!|~|lm0Qi=DYq=P7uuOdf^B>@GD|&
za73%xf@Yj5+3-Prbg!$cOBSROqto*3lUj)e<3NI{H=f%zwpdLnl62ckUoHB<kPxhO
zs>dB$dY<av^G!)KrX%TzIXRL{bu9F3V)_pU`aWzZIFxU<kW?Nv^qUzZg0O$Q9(rfD
z+G*Z5FcjC>87OJCH&x7B+I+(-qtv>i0u92VqHDd|uyoj)vKDYT^jqH|$ropo2_qgt
zI`=uBe0_aaY0EG8@6@D<7vpcXUZ1CM+8O9;R)VveZij{6ejXq)nZHsw*)8OvqveuY
zyxS>_aQ!KtF02S{xeC{*cTjye61z{-X>`t}ocDQvi;=&-REH+A>C+xH--52My>8B;
zAFo@zY3Ru@Z*xg}XzJ_hDHEQ|(ExRV9Aq=kulaCx;X^ub9sz&cWTm+i^SKnuF&(kt
z+&jQAKHtSc9@h4`Q<t%x{rGUOv>2NvbTQ9i%)~sHzwh&yp)XUax3F>a_@KXWoMl8A
z`_If9A#PW}?I&USO-zl>2k}1lKCP{Vw|R>`8BNEqxC)C&!6XsO5^k$$@x|MtC7Ji2
zEaBU;LYJ3RsGvX|?85oOxXn7cCnMJ~;!sNESMxp@tK5L?&7LQ)x$aG+o#;PaGn&s-
z)ZcB^KEmrbydO4~)I!+B?gz6ubs1j+TgF_dR<dUH^cByv1}`|4EjWx`bj?*hNN{p;
zZp0@(hQbC>0s%iY3#>rc%<m{NW`@PbWfmFf;6(k$8>;oe9mi*v9OH&1HTJ_8G2+sA
z`8=?2y>c~^BE4okbra7wfFb>=><%ZRDQ*4xvpjO?ZszfwemsZc<~XNYzpH@revYQB
zsdc5zpUjrKxz@*KIz~oSS5@Q^IS}@5(|`ziUkh4XURY{kB4bZfh69F8*GYAS+o`jz
z&t0O^poT}d(;%+8(jIhgGK|Zfzig9VitlGCzrF14WFe#VTy?^B{u{^QP}an3cJ(>Z
ztpI82byP?My9e##sFZ&1&!YsW#Nq69-oO_2_Hb)yi_W_97FDFr`Y4L=pXG-JGI|w<
z3fsPP5tJOMC{{4z(g552XHKVkuF%FbpQ)UmdxBte$6gU;D|WQ66u!|Un-;Vi4p{<@
zk8e~)RZi|IOXXx_WE6P(;q<`al>p)pTN*hTnfcwH+y<c$y;rHcGU;9y_SLDE1Fd(b
zwjFjF#|eNBvWP_pn8EOpM{i+Ydn@4b;AadrPMRiV(dOkU=e1cHj&FTze9ZIS#o(Fo
zY2pR^1u5V!Ja#5Ty*&DVyd~f^P;vZS%FLlWHa^Bfz5vp^I>2%197gRZZ`XcuRy2r&
zo8*Wi1F=A){Lc6k9I^hd;7GVhy@$&i^b{I^X#V`kK>z;~&7~E17#SF5*ID1adv`Je
z>5hm~K%DjS`;gIdf`Ffo=?j6l#$~nC5TQE~UAR^;Sbnl7032f9hMaoAv21+l%{d>q
z|1vCbpx&|Ni^=_Y>0)%0=$%f9zEa^`z`_K(nX;JqRMGEuI#=1(ET7$JE)5kD49xt;
zZ(U}=c|AhbQR8cIadBtYZlAqxQ#2WlHant(Gk?zy4-CKbNLAZ7cZL5Y{?pH_q1lUZ
zT39+1%~QzNJDSbN6r5?HM8RqNeSgm7&pImRCcZpuzR9hC+iY4ql2Vkxdba8Z+GRw{
zqxVrZc?SumwVnH^;@tk3Yu>@{-oGWV`C<=K8KseE=EPF99Kooq=^kxy=8}&lgqyN$
z7<pg(WuON-bJe!AYduTMPi`z?1v`+Jzu7I%+S$En{Nn4nt2(Ge`el~8q6UWJ<tts|
z<+hg3rFtUut}C%cI`t*<`sZ!_af4e9Iyyy^V&1aeSKjq)89X-gZ_H;30_Gc><fe+}
z-sLH#b9mkMX5&c9%2u?IU_9<-`Ag**<ze4c()A6u(2G6P!46XHwpv|3wOkoyT`!ca
z_~&TX4$r3Zk7H|GYx5qlXYAP9+jE+q@SBhROuD}O6`^f%wCK-iF`*n1RhoBR%6;&C
zlHEX@>e_B`E8c?ST@Htll<fTtn#27pmibs!x##T=&PEBQ?Y@pKnWDfP6|wQ_qp|8Z
zd-c>m-WnCgxjS5E?R@%d#Hig8I0`IcCV->Z#8{6MJQHoOc!`IH=dg13NweWw_4>w!
z4C4V6dsI{uUj__tD%?Jcj!Hryp`o!7L6Q9h@q0rf%I+8Y49`){<EN)J1iWsFige1S
zu14?8{hLLcb|*OC2Q!t0i|RR)0uJ(jY|hp+Ug{U0EjpZISZob9Z(JJMS}rs=t?wtD
zR#?rD_YDo5^Yb!|fi;4%<J~@grgi$X5N*=GyE%ked+B<0tm1aMRoaVk<nxX!nf}!V
zBbx~G-jogJ2&N8#$l0sE^Xr?N3+E^MquGU+WP)w;eCcH2nuA6L^Ywdd6HBE&w&Ra6
zF)^{uv<k_4rv~+$uiUS^$6M!Wk9fWK4cBp-o&5-jh<59m-&n$}CblkW%<~%U12T+?
zu=tFArkA&fUAy|ar5F88n9k3VPjk=UHjAbPG6wfSg^umr$-Q5C;T&hyK;RlAg*i5v
zjy#*m^&;!VuYrXJp^=p&?)rO62)S<m@r^Bl-Tal(C-uf1%#~B?b2~5#{^0B!DSSTB
zAt=pdk{xQ8!dv_eAtL(n@z!W9u<h@0yI#G+BxY*My?Y<ul4q%ArEPy^yNT#%l<2#{
zIlX;YxUbU}A#xmJLqiENF;Eryqq%0`^OuP8buyvm1cFpAtWW3%iOkiX4_%3zcIBCL
z1QttTawPGY>_Qws7hS`wgDsIxJu|ERjz?ekx)L#3xWfO&cKR<f4VFR0TptM>$zNH?
zNf)~tXc7?;LW8c`&EwY3ephbhhPvBDbcH1(ll+muQHl>EDeVnB*QQe|ebKI8^DQ0-
zEwhw-ZYQpe?>-vu-d`pq3fy#8Ff>=UFK*FFVaH=%R`K9)-{9i7CWF;|c6X!(TluV}
zUq_JBC+}&(rL^Z<%nFUHlH54v`Rv0(+j+bMica}?Q)|eO+ryKTQvQ0~P0P@-D<pIC
zuC5=xqNUw)Cjwgv+s@U<{hT!D`(xU}1l7OZ8PSV9B4$<DO#HgNn`jz;IiauH@Qs^|
zwJCMnCI{m|#Iw_&7KW+!@&_D8tccxHszADD=ick4FL6_EKB5rFQ2Xw2<T(e~c2aTl
z-l&)8G#WMK?mFIe5{#P+qhus+*&Q!G+&D<b*E?>eXiInqIyLlc%c`l>gimbM<kWqP
z@KyDlFhSD>bw5vzPhzn=V+r;1J(=C(GVu*XU|8Mv3t8$Q_r9p_Sw9eK)^C|L_=UZy
zkWxc7Fy$?bJR`>@##m`O#Njvg@x}Sf)~m#&d*>QFY+IOB^Iv<+SDn9^f_+@~M10vA
zzHDJvY&Yh1`;~`^!K^gbA8IVy+C<07jZl&vchooF<&B)4<&_wfrAE2}b2H0(2soFk
zpXAoVwSv{`83!L4I1Re8^qRO2&NB}~2zq2y>|^kRewdFl3}6urM%?(pNWOw4f8l*2
z3`Q&x5sp?AJJt7D`$XH%c%ExX)O5!#32wgk)jGZ2z;PS@rSOzsFHEX=2DHVd@Lh66
z8FiSa+@2knw@g#(y(uH-kn*>m=dSM4WzEjdm(GA$QH@-*bjjh5%q6hQO(xH~z#Ty^
zEsxlm-q_|-m+I?Jp_G(hHg@gL)|QuZY`SN7T|`VwvJtzi^*a?cP}t&b_E2Ro*xo<r
zp6&$-!hK62nzkbx`fS^CL<4Xr8}g6Q?4UjMZ<qlyi`Q3;d3~*>>0a{KulTJ*xrz|m
zTv4Ma1-uj4CFt^$GJa-!^3h}sRQfEOe<fdzf%);l)V4+EA;i>aan1)Ok?0~tpvwZj
z6<3tEqGo$o*K{+z&^awzB`6H?R_yo;W8_7eMXhX^@%cJ{&@~ya65|YFr_X<Zw)cn0
z`9BBkoMEtzcOK<x6~Uz}uzK$!6g1fu>KhGPWo2Sg8`y8~Jl|L_bUAA72&d?CzyPdU
z@njMxKrEV<MXA%L!idfdcc}Fy6d^O@6u4hC`qbL5lJnKrU)dFA0wu&Qo8zXZdm{VV
z723_GfO20pL6@hsw|}%FnpUqf2$#s`=+^PN-hkb;Gj2?kEyROJWZ_%*kKGvfYqeRC
zr$81?P6DZYfQ9X~JxFYf6cK>B&-J`F+%!v#P)BMT?Kf<SR)ud}9f`n&VxadO%^_Qh
zi?xJc7m=e+P!N_${tJkb3Lz$E(}A$&;BN~K;lJw=CwXEmK0*B2iPae4h4diJ0>yxO
zr@e&DQ*v9=y;I8Pp#5o;U1u523~1RKt!f((q&t!Qc8;|UwES3gH<1qqywmhdzzn>+
z1wsbz?wD<Kaj93=Cp~I8%{o)I96h=A9i6ykoTo9n$U<0p=lM(D^C9A||EycRmTHMU
zRaqtmIz|M0hgRcHw$7oHnkAkw&+7JbB;h8pyRs%vZ^YIfbs|W+4M#_Obn@&(ahH`>
zqy)5hRq)Bt=*u3=)vBs3-FQW9i`69`??kPBgcgU1XXgDLeNOTzr^Q(KoaCL>AUsn{
zITf|?+|%cN(y%_0^^MCKI-4Y^Py&O-!70Pw6xRz-cm4JpkYV*Fjc*O^5N<XGexAWG
z;IN%((iNi^`9T$vkx^<mHFkBJu$`l+rIqZBjs2C1)pHOd9JPTUd@J2Y$7XwWzF6CZ
zEQ7vC*3w)t6H@<G_vPMXk7k}CL=zcVpZxBNU2fZKx0A<j>GR#mg)3DK%~Pni7R%?o
zi<8{KZo|WpN6nvFG0vJTlJY+fmRx%6{LR|@x&^@+mW$KvE_L7`<onkGtEU>aFia}_
z86??At-`k_IX71;72nS-(YW;7ai7;Q*z6i(%^yvDB%F;fqS?l!xVpR9k;|)Av}&k?
zHluMNd8gh~3^2HtkhPj*h4OmB(r1s=eeN6TBll))<!!2`5_cTZnj}(|IosAp$47)M
z?%))YJ*iiwRF&tN`#1RI7?pYDD^){XyBKL4r*F?WY`GjUTxpVJc&qnC7HAoo+d&7(
z3f%_n{JwUpUlvokFy$x@@#L4=O(QulYYoh0e)l|B%#~CN=d<Q+>@x9}#<@Wq+Xs3U
z)~Q_2C(!r@``Th(<|E4wB(O{*r`fiI&POnl>R;{*xL#LGZisGL3jSTtZ+%_#chiES
z5&hISEz>rKAn(eLW%6-_nO2B7s035pE0Eo2d2YZ$7vAIn7p-n;KrccX?AI>jJkHFj
zBfyl$1;KD^T?c=y#Z6bRGQIv@0&f>rl+HH=&-`@@9l1~~oFdEMEy`>0^4RhJ3~x%}
zIJLgk<v{hg+yNaDu;QfF%A+J&-alv!@|XTDfql;eouIH46cxRDX=Or?`(|-EOT-oT
z7}tP!{;g?YY0-#N9kucZ>j9V5D?6g!Sslo-RLzgU!Gbqq^KL!J&r#dz{$_tmXld5u
z@J~Dea_mW>s>2fZCN!>DNFr#-TO>jsuMo3Lbn%3~q2^h}yz6_A7f&Z#kJ_1bqS-;I
z=R%T>Rj1CX$gnAxdKRo2IMr&o^{Vm&xhsX;gMvbF7PH26)L$aB1vPAPsm13J#6=dm
z8p$<pjms6Dh)*=Rzi&k}Tn$d|PGMiubU!OM@2_aNknz2C*T^c=VV@E{PjnmIEeLtv
zz=<5UW=9X=ymCCJ$gaDAu5k6pJ!j@R=IrVx5f)1Cj-Twgzq#b}!eqI!dVpJO-)&$F
zC9-!UMu=L$OCsD<vLZ~sy};pSjHX{_d_+XcF4#NSh%4OPt9)p~YjcpOOI@Y{|Mo^K
zVXN4+c&5kiTE85i-0JP6JH);C&Q0W3p$?+vn?c{4oorTgM;=(os$6^X_fo1`i&&->
zy24t#{I{U)69G?E5Iyp{!{;|$z8ikNtc0851SVepun8HUP?SYn-}zSunjwN%2BGGG
zV!g@77~D<$Q$c;gmKeWl8&V<bMOG=U-jnzS`hr_~M~<sao691!MFC`T-^vz<nYp!U
ztZWQb3>ZnkUy7|qO6EKY3k%EoGb>roE5NDEy6~3nx`Gc>YH%<3nUjSeVPUO-N;|Rh
zct%UXzU$c}m0~)9{y{P3((Y847VV%$0mOtu!zN%u-uCY7lP<>H%u7o{FDEN%pCjY8
z8LG_!bT86g4~&Zj3r@m9Mo{-ALlK5pW}~XaZzMxu_dOiOkq|x`4Tovv*34qv3`J5n
zL=QlAYFr?VqzH<FOt?LQWOj-l9FTun7iI6Fy6(zZiO%F%CQB$l3nRa34goJ?Yi+OF
zahS8flSM+qHn{k~X;zo)B4CZ!tkAKn_7zBMApp?{?wbxHbGO7O2`SD`6LR6Uq+ZeP
z&N$Q|Tm0ZKn>bJNjke}n2TIVff66x@4!?nHYP#3XT_FGGyt(^uEIb7#E;MI;kWqU#
z*4!a_M#yQ=@h=VOC<KLIi1U@QX4;#@51#Hqa8=j+xvYaMVo;jS6z*>lr!UC76x4UG
zYo62Yk~=$sNT{7rv`&$)espirc%sdO<sB#RceiNv>Tb(2?w7T{NRe4ifGtItw=s9#
zm945=p_f`zlX;eLVZAWw2#xX0H`i@&=1vi!p4YC~x0`QWgbn@Vv|W)de~xzvF9S(%
z>7Q=+1#Hl;+n0C=yJP5DtZHma5?gw{PI$qqKr@@Yx5=V35>lEed*LlHNN9x!;~BL<
zJw;d`H6gMLt3J1dyS}+#$8godeV9;Xn>Uxp^d>%m?X!H%V*>@Yl4%={+N0{Nv3$&Z
zF|W-pVQWn$wxUNsPN?l&u8r#JLY-U!+h?ZByMNy%-i7^ExEGg0SUi}=w|Idcdv3sG
z+lI{wN0L;I`8$DgdX~u1V7lpR@C*j&GJSwuaBv~J^Sm^{4dI7vrC=qcEq4Mi^Tg|t
z=VHs9GDh@zMrO3#PU(m15?5;b+#QEZ6aLlN(~8(Mo@;qxF)#EzJ%TjE&4dGLzY&35
zvY6A#I-cXOPLpGDr04s_9RC#8_Bzi^Yjn~_!Fk0YCaIg>SRI)0;!D$;yuAzK&XhJ*
zK}PE{VjE)k2~i~B3J)GW!WvfjyZ!gkIxcH&=(?eH=_)s4)i9&igYRmlZKv$effVZ^
z^$H(c^+LN1PmRQ$_t3}SXUOk}?PxW2c3~f4eIXwo$c!o*B0cPI7tI`WK~ylF$UgV{
zd!uMsdZq`u>2@KD?Zcf3S6%TkW4h?5XTbVdjZ7D&T?E-P6(<qw1csVLt+#b$X{0N>
zBk9dtJsEpyP7uDX3%h+Q2lCZ%?-DjpO^_C32|uBT=s5}AsNl{881fB?s<U4*99^T!
zY<yqS@o1aXc7>&QdR8s}tBWwOCSlKhS_ND|0`4-A|9p6(uJ5(OGzg@-NDF?rMi`>#
zA2B46U<rce*?Z*|c9n`9F%6<5iy!P~B@+Dx*59rv=!0HkT_W#Mlr!xc4bM5QMzPOj
z^SySb_WKI*Xkk+i6oc&-kPw1#kURr+i_k%mU*-e2&ZdYVQ~|iN9WUJR!TK};2RMkL
zUQ*_7q>vDp-oE8+H#G2F8(%sHeLPNTCP$n+0e#?(`P&})0z~6X1WpYSmnu_E3%shz
zzyL{#*!|9&)+H<Xi`IspWL!i#=-P&7hU}YCMt{+jA#8*wd_Jjx7A&+%o-?oQDyL3!
zECm%QmoQX@vqw)cvg_bYr){z{74U&-U<xq7YBlWlf1)*Cv~Q)ImHwMAD)%}a<!=ID
zSy{W_SgZ7GcNZujW2m914@MjIRo#@a(yktgsev?I{NnsyJngS&2T?0;4uwt!SsENo
zl%e;YMAzt(J2FrXY42<G(gm6yKvcc>HPb=1sOI8VTb5PwtVRT_vNSsNA_$WVLQ^zd
z7!^ePoN5O;k5*aOWr4F~*2<_3s%gYdeVXsyF2)7JV98XNC8mWZa>t9w`cn}Gy9mo~
ze886K-p){gF1oRaD>wAS7f|s8@3Y=A{3tAKsdDU@7ASChd2zK;_A2HOL({nl?X~w-
zaYV_b84e#t*o+MSXGYjQc>^J_nCHf*pn7y}do-{44<Y!&@p&pgnglvWcNiWFQ%q>n
zc%P&9;BpL8g_6qSkLS+vCo>Z8N6&A0B;NgB1F$j7)sYXUweuBG(SEwp6c9Pg&WI(_
z$oF0&`_SLHz$dBpm}GG;!bsQ>aj11hzVJ)PN4r^KjA1$LPqYa4kTZxb?>U`w+@klH
z`}9VGHlUm3b6L-NS7?1UCdpKp23ugh?gUPqq}#s+h+5$qHOF68X}TcvAEX<!27%Pv
z&<{6jTia!(5~S*ZZcAnc3RInv{6gHG<|`^r$J<0|uitVr_RzWdNma>f4fQ!Xhp*C0
zZ%tCFV|CM=Fx1NcOe&3_Bc_@b$jp~IO}UACEGaEAkR+r*>Xp|YQatEc2aoP;2i$R$
z4)eDz^sfVzsArkI?+RJ>bR}c;cb<n6W;SRJ=~aP5g7YAmCdbsm&ZhuE_(<FbJ!o^l
zZq?@s+QRq00>M=nTpy9qDE=O&PG!Pf;~LO0IGOfmtKoEd)uDNIfmiFm*}z1GsCLSt
zF}u-&kBcYNFCI>aW5*xFKTPBOBD`LsMi&sM<>8scCukV&^WQ7&3SUcwTvcfgl3uNK
zFIY14<IWNiB%n%!lqD(#kR7y1I7;fG9U{)HT`t13-3OTb9n;DxE5Zy;i2R=G3wNi)
zqxGn}s)mWE{W6H<5~z<!GW#^k)~VDDu|ZJ~4n<Swyua6K4W>3zoDDV-2}tQWPlM1F
zhqI@6k2eLm-F*1uX<az|e=iINA4J-&Si6=p3k3Sqv0XvZ>E9hjOt4!P8`E*jj0F!Z
zYdSoGDMb|j0Ra)2sKHW9(Ju<8Je}hiQIU4TeO*MEAQBD<;)YQlRjf74^eDNXxyXiJ
zoNvt<#xI^|!1Ihj9CU#|c!;IJG#$}}Pl>errMt!*NusA8Nj;2_UyIDM80b>#XIxp}
z1<a7pJfuGX<ON9x0rkngrw&iq(Q=r0F9sKQn}ZAyrMVXIk&Yp)Ohn)Z27?8A_I{zk
zXLPHw8AzAVv%2DF5_}mM&4LVsZl;>KTQ2?OqpQ+~M$~;G2|eiJjk;~G6qUD4LZcgV
z`>v@Ye&`>bw8q-oPtY&>;vTn3M<~vn5RkP*P=bkaPdAo6=uOA*#Zg1<F1Ecc+!6CX
zT!4_`ap?w&V#|xpX{S4N-gPtfOZtF%WRD*6Hy_X)C%+}=LhS>RF)_4wT(*6RdGJ;%
ze!?h&qq864elOC#9h@AvjV!#LW!RnN{x`aiU42OPL-tfMs=cNP2pj7sk)??ST4gOe
z^y1Tn^pWHKwv1-AMOw&Npq~P^kt9wcU4(4F2vcWF8#XJUOBT(F-!WnA=pxZ#<S9`o
z?m6{$97EQ&*!Sy2n=HwFwmw_~Rut#NC8Lw^D=fk$5(^s;6Ehi^kZyQT=BH`$@IT=I
z49mm8kDL80rU5AP9|HG39#a!qJ$5-M<9rY=nY7e=kz$MMG&1|$zqnWIq3pvxJUB9v
z_ul^vNWD~#FVFd4O2&u=lglQ!swxG1Noi<UN2~+~oIV^2$3N&Sv82Hl=>X<M30I&q
ztF3M03wHBU5F1E{|HRdiuq4I(@vV;BbQ|urUGd_F;RcG<bf_D8$exTI6FwpdU_f5k
zLk!eb$-lqUMp90dFAvABSl`Vp#4UDzCyFE<5!uWx0~G-%d2DQ~v2)hz&=n#q9twH-
zBFKz7sk|x|0ds8$HUzEV{WA~;9s)|^<5Qo~3eLSA+!A;`(BWh&VpwDNa|k^pn0sS%
zwtgCKorNyD*}wVa7Be9Y1bxl{FN{W^c2x^z0_=xf1dtT52<H+xJ1*+vEHLp34S!DI
ziRp{$NqHGVI*3XUYM0<lQ>|yFB+Rh@K|Uv{Am}k-q~zUiyOEL)=^{5J8yzpow;D(+
zj=^wG^WaXVL?p@5EA-mNxe_aHZgdNqIN5fbw%1f=bPhYC7y7(LYrwdkm*MFKcih~W
zU4)Qvc;lIpvgLlm`Z81K;u7}@Q+uZw&9QP*q3abP$|@?&4e@)=0&1PY+UUx|?ovi@
z0{bn&YQ<|ByYh&KYm#(!Hbux?QQrG}>apPKRlqlQx9UQhBc3&xwd#i}*QiIt_>(eB
zyFp9X{=WCWO|omE^1AxOzEc5-XK#!>Cq^dt@cpU=mDis=Mp`J~{#MQHvwwf;=l1WU
zjVb(R#DE22+xA>Lm<Z<_NLWG6_xMtn4oWba4$4hDr{<`Blydu4&s3QcTx-?FG@w`3
z9{(uO{%Oxbht)gS%gx3~C`>02i2a5{V(*pi$T@Mvc(o6^o8#fUTf}*JkIqPFn(vz6
zH?zEu7lDZwm0m(3?^ruoq30K=jjJ*poL*<6DDv#&wq4%Vw!jwUNAiKX6ZDYcZ`58O
z=<AiuD&}7qU^K+p?<&=)>C>2cDR|B$3D}!_r9)!XI|+95V?){78;E1>n7isB$<DiV
zc=`N-jhdN%6iB@W;Yx7~Z#M;Q7HmyZ*isGNg6IboVFt4jRM@0{q;@Su**(_ZBE`R*
zQce!m+Z06b3^1+|gv0HD;PxC@le8$<$Qcy)#uWn&MBT!d7iHNO$3N;^8jrK?ul9Q!
zge=Qop9AK4oZ^GxqSH`EL)vap=k;rCa@rxKgvM0%SZ{X~pvAZ470Sz8#Kdn8(Kwh4
z4GjnV!EB2q2Qtucr|VQp4JD7S;%B~j$}t)@FXV7vl+XlMnFI)u<vl<w&xszU(!RSH
zZhnN?+bT*dgTcn;nR%m|xfVo9uzl;hMqnd23`oG1`x-RD#feQsMZvKBK=DVC?%v#u
z;aHW~!~p>`|B#?v?|b1OlNVydp1~QOO_@!qs2#ydR!YQ`wb9`h+NaK`rOFUgL>wy8
z*YR1?0W<1#k}kxRdB;Bv-+?ul)l2kFN$GkUq!^zCFDLl=5aDeau&jh_#3IM~vNvi;
zEkb7SaZtIYa$7IlHNQ4<nGRFvv+6JdhwWf?@g3OKcdj`g6vEz->nE;A!DqumBU>!(
zr`Y{lY(>i}pw)>8+>|5CaY~2}Pc*ouK!l?YMt#3lyP*6x!MT9z?|}-(yvRCV)M*rc
z&<|c5r#}>BUv$wZx8k^kk@;4`i)IWAwXV?p(J)YdCs1Rf`uU@=e01rcBljHCuCd~a
z^E>9CEl4D4>rLxgdGZd9P5->ZPhFAxjH>}B&b_<(u!bq#E>!4-QMbh2TOC@_(PIyd
zzF-!>-{uN|0`;9zk-6AXj2nLuSdKDCWm$?dGQz@@GqA|Hqv-`_Vl(s&4zV(>al!Jh
z+r`35iRBMhn327~13gx?+Xpbr#AkjA?WSfN4vd3~B@rZ!I9S~{D<2#8aX5?g>Vgt>
zbdc_jT$2o&mNoRVUUOhmv-Z|i$m*A<%@gUbO{52OP=UIgngUXtUbdRG@_`RO=pb_<
zvCc!TZw$K=kzO~`#FL%~H{3wIB7F8*a9iMW_sUS_>xTT`E=<!0@%!+uP9ilES73P_
zneTe-?aLX~*GFj?x!rbZPVP*~yd^DrTi1UW(_)fxLm?l4uE24r8+xBv&+-Ak&j-BM
zsq56bWWI@LI%sAoCT?yR@L=9H+b|`btKsH=yl;$y{H^Mxhk`0&;}gCzDLmvP(>!Y-
z0DO#u_3DFsO&h0w6wXu*ks1+5r5qngr-CP15S_t9rxZj2Zu-Wa^qeMW`MXNsP4|Jm
zSboo3b-VrS*;`4<=)m6dahJ1gyqgLeOTVT@hS76kCVaScVR`bAk3lTB8>)Tyr8x9I
z0cR0fk6};Ni(3b^l7gw$Rh6Nm${&P44o0GC|Jt^)*<MP3N}hpA*6H2cqjB46%&r3e
z3WSK2lOx)oqnfZ2DJ7Ze%mv@J51{CS;U!DQ^@S|Z!_jIMOkeH$W`dKF@Lj2HX0;d3
zG!pF6+S~)EJ6c<v4<y&LP=BqKvKz^0+~1sU^u`$7IB4pp*RnwmyOwI$kxE)~5M3w(
z1nk~v68xjvK>!jSHK``rzds_yiwVJjotX0oh6+G-<jbhc93b$Ah9eDfi0MgEAqlWm
z>;Q&eiE)%6E&5d6EB<9GBYAqZfpLJ^1A_u-RczW`!?VoT$-m$J5fcumCFAnK`O5Kd
zV=!N=(3lRo%9bq<2*Jvp<y0aswY!fQk@H|ba|;a%J3>ERV=4)bQ^{<cFC!v%QcU7(
zx2pI)usU142R;pnuRz-}lzWFx+~3OOQ8Hs+tK>hap;px_O1Z^yM&CpC^!AXdu5jy)
z>EPq`+YD%Wr(*T6?jcb3zvBi8;NckU#Hvb$Gb)ms!qiHp7A#9d!L}c?Ug0|~n);Px
zEjaDjEwwa%YjoC>R!;RWcmxT!9tWF0FWHcTiUee=+x=tN;G&v?x+Cd69^9<2u_?SB
z+G!}hNJUm(s&*`O#c<sD3SIc5=l`O`>-MnmBdM|%TBX<aOox(#^b=j<Da*7$c<+U~
zW^j4v#So3=cR_6tZ&@el0hRlBU%|)}5Pi7hB7I>QtU%bf*RD$$(wBUYt*rY76>WF8
zXTMm~c7;)Z?ukJ~{SHF*Y(C}&MP&^)YY_eTdDzSssGNEjnHuvvWw66$6uS|9cYP&^
zJTmg#{dUaS21lHIOYKb)FpcPce4{eJAM`e#?4B~vWs7`Hs%1|sq2Y)r$WM_>mq<0}
z6q5{=W==tV2Zp@8)B8eA)1xDV)fLjKaXPUTPWYv)WY7F7*LsrNpKbF*p77j%U)*^_
zebvLAM~MN<^MD?AOcY!=CmBh}B;xKo`6u+Wzr)oX!!hJ^pN0cZ(qX>NW5^hkvl-d3
z8=7X}ON$jvKWLZ8ZIk+1Q&Tf}*E|fZ!r!oXR$9@<*pO)C@r*g{yyJ`4B1~x*di?`U
z3SBN0ps{9N;G<%IO8O5^2@C6(O8Xjsm9gM^hF%%<kjD-`M1i;{A@aQc4$~o+a8r0P
z#p4eE8+GOV{}>zf|1-jkxHJYAC+KlCu~gQ^#>P!4UBFS#`wkSqZJW-7BX;uL^Z231
z;r2q`d+C>goZI%w?S@NhnwQj(*hA;HzJY-_p!@vx@j5t0B1iEfq)59~bKhsH>>n4l
zfDV@!b{AB;7!QN}6ygWi67PQjY_|QyYNe^78I6a=ybQOm$-LI@Di_m@AfzuI(>YE2
zI=j32flTskQj+H87U5<ArF&5dKr<xpEhE|lSWU8pYAoR!!nTK|l90I?YkG-5%xLH|
zspi?jXMj0qUN`TuL|X4nt3b{p`vd0pL9^AHD<EkE6R@KQJYa)?vsCjVA%O!zu{K|i
z!TD`kJfw)??QTf)-5ugggHxXH$@cRKk4tYd?y}O*BjS43zZD;)r23Tf+!Z%Hk3*iw
zcMDXP145Ns0GkVqWs{sDp@|)B!UhpUGYDY1M%|G=v;}I{|72yKtbf5NJi3xf;&k#G
zOyko3rIhjd_L3?gj!{W2>XmM;R}k+;%LWNp_$>vWRXhQs;uompWo3IKqc1rvZVgP>
ze2l-|VWVJw#<306!NP)Irrs!Of5GF=-R;><rNh-94!705poxIdvU#bO1O&7stUBBu
z6sQ~{BINX-NESR#%Y~Asz^QfwkaOs(HNPYkeYpSIqfh!QQ0aR1oWkK|LemXs%bQ#j
z34GSku|h_iC*uN(n#=>a;KfQoxYoVv@uo~B7!?x0zO}KDIL^$%!okd1_Vo~GoI31J
z_ciuLl5zd?MAQBJ`RCo$TE9@Fo2)LCo$rLL@*_6raH+Kx-Bsqg97xRFuF)ftcSQB#
z0arr_I92u_qoCt-pl<#j=5znI6GX#_OwOms+lYz5{m$G(*3(l2Xv)^i0XgYUg|8y;
z>8bd7J%v<?H)=ei&U$f3;sCQYXD!oYVDpKUM1WNaH0~dO8XUFeyMAlB+6wXI&bWl2
z%g&n&pNoh&K|LR%U!JY5^=K(tX}J<X&YZi8pwF$|O#o@CA7WE1kA}po<MSuedrW?<
z=-osw<Q<)I8qx<XD5DY?8x~J`mnm<S@29J{#Ps-20KJ6zld1}?vd?Ci(vs>qKu^Jd
z=F`)4%3U7n%2S&E5D!*hM|b@CHK*xh7gMuP6RemfNDG{$7)mU-RuVp{TDQe09R?P6
z{$xx?57Rhhx*THU(<<{Rt4Pw-1uQ*Kn~o%Cx&?Qnrp`-K$EvEn13dt=Dss#nHk)Ti
zU;LOenPjOu8At=jY=Qvhz<vp3csz&{RV}_=bcEiwAO9&v4FMd2uTRZuhjV%c-e{m-
z3-c_{Z*-P05Q%!p*PjFJpM(?%xg5rO-C~o2vn8>3T5DeqIPEQJB4cjT;%fgud6jA`
zYP80ULoHhBbLH(OU?~U1W1UFfo)kn#`uzEG><dxts{lOrs_ac_c^R45{e5lsAtHy3
z6IDl7xJ_CWONTr|JW#Y(7+#Z)J42Yf?*5veOdT!p^tj=t08Ha#9p{325{={(UTe16
zV}ppuDQS10+w!&5KI<>bn$keLZ)cTj%w%Z>HT*nTf%|f$cInQb$lJ5~a(hPApnhv}
zv(Mwm`;D}>&}V`P=bc#<eev81B_nOynTn1o95j?b%$EkUz8=U@O*y!IrE+k^&3S@;
z`@UEq+Uph34DXv5hnjrb@owv}W+@V~{3P%b<&=a?CpMlL9<M!iI1Bc{)zNe-WM*Ym
z?2e$KKbWoNz5J1u#!{$m9eujRmb_OxQGPlE52IHxa#s2;>Q$x}k@Z+Ci*|!n2|%Bn
zF^%4eYtuyn@ID$*;GhBw(4**!gE{G%&~YZOV3qVS6j31|DPF5-!;@=;bYVTJU#bj>
zm29AgYc{<YfQOZYLip3qy=YYqYR~FfjXDt()M(qPcQVAcB-em`1kkO#2LK8r>??{&
z5rw9DD7WI7w3lY4O_T8*5qRDQU|!KS;I`q>A`dhkd73#;MrPQR))ONk5x94pyPWTK
zk%7A5$nzW&(Z!!$5F{|;qiVpy<yZMsJ!`Dz=tpn-`s$L*q186y{Y^QBJhrQ6LBGhe
znlr<_Zz>bz9ee@MHmTvSgL&S)?=<|%y&VISO@MjiXV+N6h}ivKuT$D!H*F#rx*pvE
zr=>qS;ZOW=W3N%KI~6i67wc2HK{Nl_hUhmm`mNulN*0Vu?#mW0r>upB1}0bs&9(@V
zWxN0?lSM-XDw%LyE4OWo#U_G=H1(gS#e9}y)N=v;i8)36igNwR{|`0lLs6}matu=#
z91~<QTNUDYKl!>9avjD-oS<Ffe4N0(CYbA^$m^>6{D|$(nhN#cR6XwRL_P0eq_rS^
z9`jhk+4IJw;g*4eQF*WAsDkQyApV_dLv>Lg^%q-9yK*bZP1mQ15vBJ4TY8hdk@>j{
zf}rz0H9*BLXhOeTr|QJ<YxKIcnLE<w{$O=|NOM>BSZ&GMXIVP(b<eGFf408#u0^ZL
z4E*ui-=Fjjn}cq(M)30&5dY|PYG$rR;YNWL2IWUYqN{<#5~!f=+@=h)c`~50aYQ8Q
zBbwuRAvOG~Z_7-zWvMo(#;2V+3vrVZ_jXQ@?+*^+USTs5>;rVvYozrULMh~4aW~%J
z6;#7%ze;+#tnuP7wB7$^AXOkE0j<*emo_s3z`b;~cY66MfxV-mT8FInyCI82Wd?@I
z^-K!ez&{QnnI?k-`m62QM+k{zy1mKrI3;4_B#E^3i_r_Xp=AHNA~Umj{!cH;HCSde
zjPUYub19gK$zXq7)IqNR(E?q5b&E#891~D<H{i_Yopbta1QY6({h$Fb4dn$HA(wp?
zlCyM?#-viD`MCzCl%wQmC!nYkpc1y5&UsOZ4y7Ski=pj#3E*K3=x3h}1tkGf4nx88
zP2uCRDD^uYE`*3rqjFV5QjRM*te;ExnuG?8*>K=ch)O#?^6(IIb>g<{06cKx$kJeT
zj}wl$0J4%mKA#8KdUkDMZU`Cd0-(8t;}8(jzXN-+3gLn2q5^OzOHwOtz{xkPzfG=h
zDA>p|c)X982JK4EzEV|eeCavz(i|*nTiN~Y(euSuTxs06wya1gP1p!qqS5{Gko9tR
z0Kta1F<?g#nx~Lb#8xi9rYHVPVqWeO04_Mi7wjP(mWVy9G@n$@J)l=kmJ)6<jpl0U
zn@^*2xnJy<zTzQJ`48QM{;LN1IaIM^<;x>LkCB8n?)fArUmI~Wmh^vD4aTB=KzDp1
zrcT1YLMI<RALc)q7qJm2!7%q+hLW)?WM0)9{TcrHcvHT{XcE*wxlG$N#w7>k;FvA{
z;<08Fs0!DHa~QoQB<ArPIvz6O{Px%)@k_C(*WkU;$w*ow0>SUHKkB86nI(bm)~H(T
zX%}>Ae?JH-+_#raw>yphvffPp`Sa(uG1eZ9vtG4GnU9UFi)rj@mMEvs<hVD~0fG=F
z8K?40TTfG)#$JmKnX}sBE(~KWfJ~_`H!N{T80mA!`(AkI(*Ah-dr-;wtY$6(Obc56
z6QK}$umDq6v&_;|Gr_9RzyZZDARg&hqQj-ZYR2N!66lXsn>rsYmU7+f-4lcBI1TCz
zc~ED+qX}w+0%*}Pt2*+mpmOn@o8#6}xg*XcFL)o7%N*5ru&<satVP?9VW^D3b-T=W
z>=R$SMj><LOA(dBM(ct?c7rZn^Ra1EJvFt22Iqc;`S}oiW8<78oqancq4CB2BFby6
zVn?0J(VkzwQ+~DlJ?i+ZS8iBbWj-g%AWv$|aKF3>oJsv_l8CNhU>#gEHlB&OdU|?Z
z7huZ$0qQ<xW?LuFIi{M)G6pj<^IQ?4W{D93L1#&vk24ilK)tNf?<w_HyfB?Tk5~kz
zj|c<HC#UQog=(!W`M<Vf`HLRPw9knOpo}r%^nmn^`B_w6py;zYR;}#|m%8||ajx*v
zhxNYkEFYsL|7f5Ag1vKSwDweh#{i`~rAPebM}Yi42Iv527QC#4fmE9RNt9$%dh(RS
zeMkld<upb`0QxFaDS#$ox39VgAOYgi1i+wgm*szfx_<>o^(Z5o`#qkNOXk3!=tEIn
zpmze~gUZm3a&<Q)U=WQ0FlcO{r#lWPy=ei_9{&Z?Q3x<72N)#La69e#gci^N$#JT_
zvH_<NEl#FPP!3tN=2I$39gXyQ_aoGJNG170Njg|Z3i(|8M;XDU4wh&}Hc;IvK>leJ
z3*r!BW$4TpQu&8o>nGv!!oo2r$&y9;`h#`J-Uuf?b#s^`sCii>@d*eNS_VRY0JW{L
zP~aO95+ZfTvyp#g&3A%)3Qc&9r^KRM9{oFrfXMx?Unu=9?nlD^)eZU~E^k#uM^7)%
zA_>&!3|G-@KmI-2FGd^)qaou(XNs~w&2`rg^d#0oF&IULjex~2h!=-|3#ESQGd^ra
z6K~GzR43SuX_ZW=bce+tpz$+&x7xRFNF83nAA@;vNvMP7hfgo{+$f)LiV0NTY4`Fm
zX?61}Z6L`k)o-Qw6rfYOZ)<wW4=h<S4K5kc+X#xhE3d!6Hv=H&SnIxv`l<NSwb#lh
z-kTE)-uj|B0oNzF%-&0HaQ+qb<g}T$^2t1M=eH+>;8vBtz-T})!tV<ndOJvz*TeOM
z9Au&c=2VElRQT_Xe%wrU^}tsnfWU>?mx&r^q#^PEg$J3aXLKiHr-$&a+AzyZoqdW<
zz2~I;rGbomN=@;hpe^7z09^6f_0_b<gpWAYOr=LFn)NI|W}j)c%rGFKd%^&Y|EXG1
zY9FpjD;#@XJ*m8UvY&)RUbp87`c2oZl$Q=+2}45{1KCoF^Y(`Tt?@ZS`tRQg8vxn^
zq?fOadLm*05eBri@<|cO2GsS5E!QJUciHm|@ytOuRPmpdSco)w)O?BV+x!V~E#bqT
zmHZ>`hDslX?b#%tUt;5oj~1W1q+wW+Bc>I#mXhcz4QDjw|II$lQAkn4e@VcyHJlD#
z+DbmfWh(m=2F5S#Au>l!2qR&Y8P1rSEzzYAaNJDAb4RaSV_ij~Q>Fz@lU~_ll>VbU
zvFG13ObStDt%6`y-3r-@1Cck)?k<TTaozndh}sk=Y6py>#NIq!ANhQn_mu=*1*rt1
zP-Duf_E48j^2<o7n9pcV_RjS0W~~;!_3m@-1t}_K+<7dD8t8c7@5YV6q*I4463M(~
zf5Ziy4yh@oZ0qI1-wsAL1~URRF|cK~xSMW{VsU#+!Ogd4?1q>tox_yDXN!Q&$v%$I
z4b&Y+M7#-<9P=?UCXWviv2kg%xL_nbL9g8+^Oel@`v_@m3KPi%A^94sMVc4MrR<`j
zdMvk`man``D4%ezQ?5o*ptM~lTl*x_#sMsR1}wZ|xn&z(nz%oP#ywE1q6xZK@BhwD
zJKmowcBIisxA;5Gbp6)@rb%ZoO@+k$lAUdv(n5(Bg#sPmfUn8TUUA4@nSjA6(3fKP
z!oElr>3~EEK<9<3m;%UNTWR*DL&(fw$T(!wb2W$WE(LJZ!mfK`)(AI~eOjgw@$+$k
zcObDUZ4s4lwpwE0v&r!gMi*Uu_WZVAsB%;A5WzOirwn?Jx2Z8yHkWOxzV=1({UW=@
zdD$;>4xvN*bU=Izz(D)C6b;`F^5s_C-4voV^80kld9Qj`)*^)nVe`3iJ&g&a?O48%
zf2E)+{o8<AgKi=UUOn=nTmR+Dm-HmV`mt42-x@e6FVU5NBghEgpVy+O(imk9&k1~v
zIi5@u!VCC6vr8&%CBXFt0>%QG{@p|moU1=i{`ug+Xz$5C1JY*!OriMNC;vQ)WD&v6
zwWV){^R*@&$pXVSSP;)|+2|o5T9G9H)w1hT*TW)n6z$X5B&Sg>tS~k;HkLii$S$8m
zwbuLb<oNEWaq~u*2nZ-{?2Tt=XskK5%$KiI%=zwHG+#+S;aoiLGgTaDLn1={-j30*
z48G2FIM~I)I+Jh-ToM_6{?CUY@P_i3C;x;`Q1g2y;F5qjK-^q5;2XC_;qa$N6eNlp
zW(ShniVTl_0=nGxwL3dIu^H;i+ud&LPoC^6k1r{fbi$8`-oGY5DvG!L&>g{D^2cue
z9@uE<%mP#cdgQTQ8nmEsd}3I5isVCMcsOR?K(Qx-MINpj5SkFsrqQUs+5QaN`-EEo
zcyB!L-likZN3fzAFKvaYG50Z`Iro*t6UX0xAfrX98PqizOrupg#r3ARXfq;XV4x2b
zM2y9b$v)fa113zjEQ=s?Q?`rf7hc^jT|*fRh+QaA`HTFY=3?Ooz|#!*r^){Y1^_Db
zj(?x~{qL#J{~K!YKQ6R8M~Mvj4;SG7MMD3C0alE(+{|Le9hU*n2OvN;zOB)9Snb?7
zN%y)7*@*=-mrE=<pC2j#6;u+xeK@!6sJxFFQzENgOaO)tp^{jJz^S=rGuS^>z-xE{
zWYYY}+2#kUu8_<~x~@q(3C7S7P(o9u2|7i)pYNLcP0K&wS(GB~Fv__K6UU^7KVRbx
z(XCs&4+5Vc#IbSP<Ryg^(ND6np}A#c(qm&b{UvE0>-#epl)r)Xt`2^BV?Y58pqBkq
zi|%k#&C|`_Cx1FF2evZ2Xn{j5GyW^Wr2hvRJ_QMLhWAOXF&Law@{$V-=^Ls3*2hG<
z8$r(VV-G$q{NM>lcgUVC{Q4Q?@c5j7UQA3sflb@!LBwHQdFWPE3P38~WJ}>BPE0UV
z81FFk4fe+JT5I(K+_a6LqeKc{>$#eEz<p0wp}-HtGHcIvCv`<#ALE3)gFGzZCDq|T
zovdeCoGN^sn5e))p3$U=pC69|lZB4@D~X(!?az3KV^aw-TrTiQmK2Kfjd8C^_cwUo
zgU9;_7$f6j$6_5o)$WVqBPdwAj0#`ZN!YY3@Yz~Ub}>E|Yyq8%^ao9*DB+v$l!D*B
z0s-lbnA?tK(rJ5MY;ICR@mQV`&dz9Mis#)ZiAyk>cNF&)z?5YK6v_fOuVvnnSntih
z5@{g+o6dJxsU;xpHvS~F2Nba+L_`#O-*)c_Odj&|WfT=7L)RUdVl$*W0<qRtqz?H$
zpkGQjIK*mAeTi^AoN3mNd?{pp1H7Ylt&RCRb&cu+p{n@9g+}QQo+3myEDkF$dbj(C
zBu+qO9SfXnjY0llJ>??|uJj*IYM&~bg`YZ}D;L{yrHN;UUbS6TX&KOIalN~~$_@P&
z)%MXR=`xu$PuT77zyP1<98kO&2i-UVMH6iqHz1+<a;P21ZZlt2J^zR~aGCBg`<rK0
zYJoc7WHK=<+^q4|&DdC%Xo+NF!A11z%FACi0bKYQxTPOb-#o!pj2WKN;E`m@kGG2+
zK`Dv8e4xN6GVdcZ1t)B(GnXZnnDCS&7tQhf4*X4^>=JpaT$ll*a@2Qd04l023ifaj
z$udM+;_w`K!@<E}v7pyvgpVs0gxhgnChr9^9ZqE{g`ICfKhD=4MWY|FyFIpwP2K$5
zsNbSeFJJl<=RCCDL!~b37h27zE;*vNu%3-`^v$G=1S{j}?poiC5PX$!dwxXkxHX9L
zINB=&Bw6f8u+Pwy23G*MoeWJgdS^~}XVpEJ7cP_?qt%dP@q4i)jX8vA5wNUa&)Wl>
zO@0@#R?nT#wvl-`UF@xIhya{5xv3FsAuAheHC@(qRi(mS9xNjT?`x&<(Eve~M6ZL^
zP;d^}tes+U2of%qK1oW--d<Q614{aC5*vMUSh*Y!Y8Ic~g2vg7t1YyeL>|*HmNm=U
z?=L~e?$FRsoQTK8K;(gkF(75P@re`!Kv*@5YqV>5ufD{u`6^{}*v!0(Nh0uIVf4H1
z=My4+H+#RS$Oo2dtY&EPl+t)wU5LPxk1&i~@JyYm%|e59!Wiho=)2tU_}AL!I(zOb
zB7|-(fCnJ<jV1;=)BbDI{Xf?VK&<T1+YkW~Xb3kDP^Dd{D4qgpBoI(nrVE=Gfne}|
zTJW&hMf6;J`v|Y}6Ma##DP;NKZs+RCb!a$NPc_k?nGW~lsa{$N@U4H=`QyR+uLJO3
z42HSYMn_dR-xFY0nUDADn6;BEC6m4)VtInIx)oxNLQl4;M633ms@&DC0i^c;)0;XK
z6@YSSO}=y>pKowQ41(ibu_z&bQo^|Bf{FOwqzV=l9CpRA<B)N-btXNm+?rUZBqoc?
zsdcu5R?#cN!Y#9{Z!ccH!=YA<xd37xsw5&1xUs(e!0UI+3f!;4PlzNF`pgx>9m_`I
zNfO@VU!#x?`KN!}jo+(q+8h2}B@zvzj7BcU$4C9}bnkM=$NXY$U4qz@*K;Tz9ADS`
z<xxmS-*emlU(KCYI9%P^#`B6Y2to7`ql@0#Xc5HdMD#Ywgd{|X7A;x`LG&IZBYGWz
zQKLmq^xmSzBnUx7`_|;W{s-T6{SUsw@6=u{ds}PPe%9~4pL-e%MoaFK_Dxh}_e$ZB
zk~)qT<!>AtJAH9ofMvPmunwQjpIw9y@xakY9WLD)jW+=)=e$=(Vkg7V$8RUkk#|w|
zXv%S6R>xz#U(!<p$9yjknfaXk4jAj|fLQ12Bwr;tN~MNj`G-PgHHMXxJW1T~Nwk@D
zOp{yOWdDF3UB4v5?Y5=UUR1k^MFQp7g3pHYY?;Nz>~AsUL1zayhI}?Hn9nz-j<}m+
zujYH3V=->b+v@b=MMb=0!wUZ7=@OQ{FDIrbiZmo*vR^C(9due%T<gkKH#99hJCa6A
zocd(nt$0)MAP3-_#XpeErz8F<GRB;2%2AU5;F8!`ygNGs4We|J8E5_LrDCAn)>B~i
zg@irP5vy2n8-+?r1infv5N&ZJ-+V}KAaw|)ZF};Vru;ttR7Q|5Xb<It!9L;F+*O&x
z*|fB|Aac7}=|8`4#7Ko-VUK=RmRJ&c9*&gAkk-3_+74T?8Z$lo5hK8n%QzA~Ju&gr
zNG(&r5!HId&81mp*7@``ly*}7tMr{;l$8uF&hwlF@{gn|!mzh}rHdMv@8_$1f8elb
zjdCv9d;7fMI^+0Mvxb}Ewz@xC&kdf~q?pVYHxOZAxH#E(5Nk_AmsX^Fw||f>*H|d?
zp%zx9?Axt-JigQ$T6Dr$$yU5YOH3v{Qv*YSG52GER|}AufmP5#tMm5CnsIZXz5h3$
z1@%E!`38MMP|jbingbH-Da$~R$fN1%*UCkd5I+RrUfiGd4nEZ#MTer{&%z>hVFKLf
z#fx^+WZtS~AP}<K1lRQf^Ld%*ly1at`HSBYe%RyP)XVLR2dv_$+ebf|c4eB)4vhSa
z&`y^t<;SnouKi=y?9|8NT(->rW4tjeddD!S{tKVR71Ed|>(O4^NnjZkdl;yB9F`oa
zFCQEnIF_5Y_tuaZDEjT!%1%&8SdLj)5MBHJZcr{ARcHKjtzX$+cx#{!BWz>2VD*{2
z3pDL*cbJe`KW(r{CTE%L+Y;?mAVIg}B>h@9%3J;T3?4Zf)^{}dR~Ovs*tGFgiTH`?
zqYVuuE(PtUMIxVX?IIfZ32_aL<291B=%AYxx!u4PfBK+CsY9MYm~coANFC;@{mOiN
zzuOaD;-3&EurU?j@<p87lny)_m_%+9#{~S|yFGd*81Q#VnxsSZJooEvf$b{cht~$&
zvoXjo7il(r)~QY}Xqhk3(l)8!l*exq`U2bfYu}R_tr>XUgw?{&Xin&Mtk!)kM}xGn
z%z>aQF?%&I-{mUz78x4k8dCLg)=Izb)L?TVk}3pL)2LXv_qpq^%d@@(RjaGMRX=DC
zL}=Q^$KUtZy>RQ0j{QE(n?i%+3|3QAj_L)>`t_4mYtUR}I_TyP1c66ts;U}KhFE<o
zNjSxxSmgfMgU7SLG!rG`mw8x)MM7i0&+i#rr=K=ayx5BIIPOWW=Fq-SF&(c;Uny1h
zc1xZtw|E#`a;xX94^J{U`H#}6PI&~&4gZ|7JL;ZzDRNqZWz#`>t*T@GL`%bHk<Gq8
z_wz*}6Pc^aX@MS!oL>eVd3-=v&g^>@!)+yaAbMwQ`JGEe=t(+;qpED@Kb&-OEmt_^
z1WxmH*Ng1OMCsJf+O$*M;}uUK0bYrur%M3`E!j#wBfsMWf%}J+d)dRoV|*f!U2l6}
zt;I)4g4WC0`VBQ`BoD9beRYnrjwpt5#W|Gwd$YbC%Bs&2Sa8A`oXb@yj{QVSxmYmx
z5K6rS9pGhsHz0J+VfkJ73}^f4kcG;OHiJE?FoGYLxEbJwjVTpI>=Y_~1qE9=v3Wyw
z^P$1@!-dYf@!lWl;`_{gXDFPc0}msKxSCKhad@4`9Z2<lds+V%hI1>}aqnV_W2u-v
zVF}G_liqdo*MEYX8feO{O<zC`9IeQ%gbelfi}7D6^BSwtU}G<$gMAZ|;E)!u4Z!H7
zi_B{OK`881Se?F#xUO|GDKbG00ih!_)@`3vzdiR8F9Y_Vm9h{N$LfQ&3Kskd0wxe{
zd_*iO%-e9XGz))+N>Amb_F~m^mW1=;GS~Uec%?EU(!=2)j-BusCKH>ESDuABx$L%)
zbTO5RjB=0j+%KVze7(ItAofQhZPJx~1g_2Ml6dkCP|e}^W{%Z2t$-4=;7Wkt<E0O+
z+<QE!T`L6r#4T<+UW-gPwkbl+J4o}~ION`Ji9d4ww}0$?m%x!StEQ0#W!&2ohZ`Gx
z{GNacf(;IEW8y-OIu19A<8b4#&~7ZK?l^I{v1V@C2~-Dexa0Qb;(80Ngy6)L5Z+8o
zI-rCY#+4BBP0iA{5(31Pk@vaUzr&r$ffrmh+du7C9Slmu)c`Xtk0o%-6o*4SclQ^;
z(NP7Yy2x@i#l~_29Qptc!9RGyI7d%xn&3*}x2>s_o-CeCBnIx~VW_fd4kYOdyJnK*
z_!z1mgfaZ%tUgWbSwWcnxvyWeIts@=JK~j#lNrn?|0tcY1kc7Cil4gE<m)G3p{~B6
z?>%G2Ue~4ELV(VZqc{1tH_E$8Q$jjC!JUT2Us<C!e0Aw#Jl|Kp$%yBkGu=QB*VdMJ
z$<Jp94&Mo63~wzhjVvh%<v|P#bc@(X^)<i8y^tndt09eXjeE0fIoW@Y;mKMjnKPld
zy0{r)Dt?Cs4ckQ;80W%{@6J?*w365C;aKQS@@qPz_8wc|O~CW65dXdlbu+F$#->>D
zh*sx!IpaC-aG@d?g4Rn-D&4yyl5TERgDINOguc~fxxH`yUzn(}BxR9i)1<YJmnBbi
zg89&YWuwZy6h)eiwNU)ouph*(#a$)*?-D9T_v%4SWz!aPCz_<udS+>O!=00Y4?kPb
zt#sPzzIP6~&7|9_O6;BcDs`}4!vB?+LRj!7>_x*qEog1x>Ga7sK4q~6@0cJH9mEk6
z4GyV7c<?4xx`mQ1Y7R$+GVi5#I-l)X<EHO9SPa+X66$dgJJw*uke{NprsBlhM`ikk
zhZArDzO(cw%Vc{em^6)c7{FIylsKKa@iOFP4LHlfbzM0F{~RTQga#ASY}ivLp4i0x
zN&eL2<lgdZ3y-7kC$C>Uo2s_=Z}k500-S?oq5XH@dC!Oel-25dap;we%-R%uP2irI
zl*rgO!9TTALR%_8QCL`&_oY(HF#WuPbF^8lME>~f#y*Jk=<Oy=8#2SW<q@4k1KHOV
zi@#KKShrxb;>hC$fQM*?Dx+sqpsx7wY^_dJgnY7QuA;(vM}(Hgs=7I^WR^=g7k;MX
zlZUNOE$SZT6LxtykD{tYLsJE<1WkUOkgA5LpRE;at~Es{^#cUiU;2HaFj8K|r3M%3
zRsZ(K&MY-j$$#yFXh;0X%pq1v3sB#uO8z%yfMsqT_N)OV^@uO`^X2U4%nJ|ta9OK6
zudQW*tIr}i?vkYh`d?=p5SQhG1G@p2=GBL*OB9L_siP6;DYLm3WK8L=`00eLrSRgZ
zSXnEzTrx@6?>lbE(j788=(PXb9JUhq1Z{>UUTtRy8wJGTp0s93D}Ca4GzebFh56s!
zKR6iDx_Xts#cA$+3XW@J$KSSY3kr>P$24+B%>1NSCZ15vv$<Rp1Co+iokt6^Vu1F(
z#{s95kTJ#!`#7l8qgxKJ?_g!~QQ(-*kP3`;_xvjBeO}*2moIV(FS+}<0&gVy@Q6q~
z86dh|U~EN!W&*L5){*@q)}>=K_vemRuLv7@KwXJ{x^7WKuYw;FqlNNJ^M5sf|8;id
zjW?A|<(q7|Kx3+}Sa_lCac^ol45b>+Bo*+QSrHYcM^G2oB;{dYAI_}gJv!dxh1I>)
zD@<WpuTkjr`-=g30220KGfrW&_&`DZi(alG51Axd1rU5~3+N!Q3>hQ{iA*XePRL=a
zc{dLW@UZW^vQj+&|1}?syZet`ktUw6@y%d6%wQJGM#!q!F1$f+$(pb0)Zws%tf%)G
zqUWC2<ya*ycI6-EXs#aLR!qrn3-%u<4-zzMEkze&PTHGPAyAdyIbqlue~{~M*?RJ<
z8i>@R@tHgF__X5t&mEBt#1$bf=~bE|`MpGhSb9GQf^F5Oc)M`6em8HK%b;j(AimgX
zl^!A|F#QbkDF~!`)wp1V8i6H@(un$ZB?w*P%rKkTK)bZJxAOHS)VOyV+rwAQtGstx
zeA3Itgz+qI5ailQR}?ZViMC$*;5vgSdmIJW@*Rhv%-Hv?$!vFs`d_XV^8V+EE1Qo(
z8Pcj!SFT>nUG7#o0IL-)8D-t(;zXKTyA#4P;QJogrodyX<M*qY=#Wu(yH4>nIEZaF
zSd*ZyJB)~qhy|UsJgoLkt`EA5^E>VM7`(Mi$skjdD_~t~bQv@*>YIH9(Nj^7#dug@
zL_od+d9;7cZm!OPXEpP={^b3H2>RVg>A+B3TU%&%PfsTCH3-j{BX4^6qx=eDZ7~O=
zV=;}JE;wX!-HJ_$h1kdh_i0;B-qT{DRhjcHUmx!iSMNf=D=q4a&#d+7tVyc!BID@=
z9vMFoX$vDQus9Z~F$-KV&W~?Yx$~UozG#T|kGWn@VU;BP%FS%de~=q&Ia~jPpGWUa
zs-B{`?M57OFu+{#d`(OC-KsoA1nt3oXOL%EZ|dVH6V^J$6+)S3YYnO;1rVF<k5?ln
zF0%w+A9gFoH{)TfXs<ha!5<kF-cG57RDF0j(*Z%>xBbRmC58X%SBB@GVq>XW#G*R-
zOTx3WMhn-lQ%|HiNP&<Zg?&iysW_f2pMXgkE{Ye^W-m5IWix)2pQ(Z(0Ix%>##qpS
zx|#mZ_9k?@PV@4gKwL~yZTk7m1o<iq#P&PxY;5Hc>43&;hzN)IfenvP6QpK=G%3kH
zk`3a}q5Sxh2vLvX=!g^1y0{gs7t6MZrG7EUjiIdajJm4^AcTNhprR;B<uO~W8$YyD
zIGiCT7%1&^wc^_1(67C}1H~0OwR>5<&=FZO@6p*$^lsnB4z(dBq{dG_;v-QQu@~6g
z<=OUdNWVTy5l>vM@k%RVo&#7OMW*=mv2#L$GPLa1bH&6ul#7VIO?9>gMuHxHdipYs
zW&A%!SjQeWK<QA$TBCn%>@+LuoFU-z{FSXxAY^;o%`r7T1zBGWe4SR6#$9$76H8}C
zOYa{Il@J8%+Yfm_rxZamv}uRJFPAqtNgN{&i|t3rf(n1kdBX#9(y<j4;dY1ocWPtC
z@un-^LX^b0Ihabla$+(b&}@kRF{~E&M*GL^qiT+$S0^i(4<Yb&9v*Ga3~68Mh!0Tb
zp>wx7TezQIU32xvz!;rMwfPajv*DD1DG;2QMr};5foJ;ZnmzxWO)tC?fp@W%pUNoy
zn1pqoE!V=4gmf3Y+J6Wz9On#fZYJ%YzPnn9mzg)f%7|r36{94B9_V~M@nks_ZQu@{
zH2LTSoxNbjmI~q8^p=J3WllbgfS2t5B|g?oJ@1)VdUAKg$Nr)cfyovS41gSND`D0J
zX4Hpq%3cuhoeE4v*g|`h+3FMGZ{vnhy!S1QzVEi|;}lm4Hhq@RK7pAaa>Bxa^(spC
zWABRGx&sk#NuQ0vwZl^HYBGW~tc?pLh*Y&`%J3dr@?Uqy)ugI<d`Shf*oru;#HguM
zwWw&&*mY;bi^#3n2_|H&JWdO3pe!Qq6F87aTd%H&HY^d9XD@({QQw_{xFcv6-e+6n
zYjfNmAt*}%_1G8u5<`g}F69_3lpKZ^Eqe>}L^jO)`t`K$^FhnPG%@{69L{6LFX>#e
zL`py6&c9+YEXp`X$QF^43WV>j6lH5UpuWtW17-W+jgS&_^e)QOn?==MwF}1I7;$41
zxL!A03fV-&#l$3zO<I#q|CViRDtX#FeB2efWh=^-L<Z0slI9$tq4!Y$En7(EW~B+s
zX1Wrui2Yl;J`X&vhJCCHGM@43r)eZ-7w4AHaI3}Zw7MRV1BSn>O6eUBd8%z%XJBsl
z;XLuLl8&baWSQ5p1fk4@C$jbu&8|?*X%bK9auxYsk(wA73^MbEAN@@=qywpj<k$Z;
z4~T)E|Nluf44GAhva^|Qb9Zaz{ML9GRl!f0;H9#Cq!puys?9UibfwXRKYNqBMoox1
zr`~vO>%avTh%RIt{wlQ>d03#^qQO&0a9+(-AA{O5j7xSf7V2h+klkv^B;yPbVb5bw
zdOItXjES}D*m}Ryn({Tv&(K#&3)Ntkkp$F41$kdjP6~N^_Hns5*Cl;+yN&_PBh?1Z
zN(~Y{q-OEOw_5%59I92EcY}tV!b|V%xC{MaY7Kw-*K2jz_p@_oNznJ~aDIn&(GX0Z
z`*w%Z^6zFhnfyKNRO-TYISdU6n!{2){om`9RAUNe>~FW_6eXE;c?AU$&cdXbPqJ<e
zu6#LYCZdAa;dwE3GcI|!2oV&D6{zyyp9@kWgW*4MA0-mXC?h&`uoXV^yk%&jo`8`!
z`(GD#GEvx+ck*v63UyiFI=Tr_QBnK$qvGOR(o4alXcaO~H^Ufio%Pmyj<t8)OCa~F
zI!t_kT(HrKmmqTNTrs}myEGq8-PEVV6AjGN2>+9@kkXKD>WAzPOH9b&;ws=;kK~lp
zNS>Ih@9iVqWVWgKq>zKs+pO6Cc}&WZi~SZJ-tcU+E|6#@$SpWxTR>1C^(=7v!4VpC
z=i_&Gg8H6M9r_{oUObPt>zpp8)<u|fs;qf6eK7~4@ley=4CCCg8e<$G0&@+=5_1(K
z)}LlBO@QB3@5TwLd@Ai(B0ertw|AT;)M?8t97}d)s?n$iNR6jP$+b@NMpEBrzWq*I
z3}+BZN;oIfH0)Gu%t*O~_4)C7K>C6`J!iHy3DI(@*=*kHR$$reJ<-hUw%EDK-9Kj&
zU^gosIEW9|)lQz?qHoMe<H<VSN#uB->*w-lakw;Si8Ny7iIMzkAiJ{T2M~LHnsixj
zs^fRms8k$nvZphvI=c%u87Xu6$vJpvXTRQf%9@xHN#0wHE-VNfm=vq^VLfpgsZUJu
zw=gf1N-BQW)7xL3wVp`g5ougr@FdMu?6|3Nmuf@$W^fPWXrh*B^n;ofgMw|9tkC9>
zVEoW~5tG`xemB8>*G>##5B%d<5`v$trg^OWf^#HRtnbHS)vL~L0jWRef$7#knt)K{
zMm2HL`mb)%n$<5s8De&|^P`U{7aE7oS_5N@#Y!%f<2%j{`wKkOA{ZPuYVSIn@344$
zoi`&vE9G?AgK2u0`dq2wT8y7lWh<UR#1(t7s<!~F$A5<@Q+-`s|3vm^p!BAaZ$ol2
z^#EUvQ-H_lxyRO;`;5<7kv#~%BGP3Rzx3m)P3NC|Cm#>C-evGVLoa-K1#ipZ>pwX;
z+3s}VjMU9>o4@&)))NG9SF{8m(dn!#O7LMzjFZ3y(Jl**Gl(o)ePb0Daq{xzz4g3k
zxriBepP%^PQ;-Q=c4=fbcChUrqeZv;8iluS$eq+XjLCh{c_DI)9kp71SfyE<9I+H0
z?>86H;&C?5@Xa=0Fwo0oUuBhPXY%4E!$^JGSstw<H=zO1+2EUiL2r{6!U&;>z1$Oj
zPz1O?*vI{y5;lr*cd_j*%=N<=sN(H6lU{>Uqq~-?b0Ybz=G8<Fm$?fhy5@w4n=rRt
zmclhU>Ry;lATo9NW5GX<n7=mNKJPH~L!^9E@YgyfXW=SwMLAshvG0zt(lzFsd9n}A
z+kQn6`3ZnYO}P>ExZI+K$sZ&mzh$3kb>x5f<<g8xCv6bn33qnx#v3wOdvEvl9TzvB
z`98@$K``rLQ`^aDCW{5X;R4Ghwbhj1%;wo~mS>}7K>`{NZ0}F-w<V$yw&GsizFzEw
z-sl<aVMId20zPAXT+%{2`Zs^_%e-OZGP@|udMiS7?uNJuhjtMcu`!S7*dw|oN2_vA
zFf2?6B^LTi>J19kgU5=*;dmjl%zwt5d-Z<tM95OBOU`NFA(WvdVcZCvS7c$ZpO>`J
zk`~@8FRxwd{XR&bMt<t`#RJb40dWd%+!|)Ylc-4Lv>y^o4CP?lzIT;g7HnLFUA{O2
zT{m%&%-uR?sF!3ZTqf;n*27!5BfhLO6pk3N4nK#zMGa^a@%YH&nS`Mm63>Ht%|3J0
zlN5kmzM`GCh&s@GFs0*D5^j6Alc%eaJPwaek^5;tMQLTi&W<&Dk9nw6Ut6TANg7?S
zW}HA>xCwXGUB{onfCfwID_8I~ao-UDNLHN>m+)U($0FcevMS&spaJcL;HQWjKl2Em
zpAOK}B)v>L<?r>a{+r0JUw{v`aE<;i-Zi`E*pyaXRV%oAD|gp=&BFWZiP?8d3Pe6#
zmdB*H%JKuF7zplXr!Z4er;?LS=v;ECd|HafKIo$UG@-Wx(inJwEMV&T8?g?hChn@&
zO$?Rm_Heyt)_&2S{2b!hnR;uqMh^yG@@f@xS!o3CAWn)J{6wPKR8N?m#-!RpwqYL?
z1wwti?M?i(l)=EXt>Gev$UV>@81jXKVnRfB+sB!YsBMPobq|qxdflzQW0dBBtIJvs
z`DZxU)loZRm4AyssG}RKvEdYj%KfP{_p;ssk}k5!&a#UYq$DUv3=|NFB^5jR_p1x$
z)u7dPJ#Pu{CEh4KB6y{%9MS0d6!p~4Hjn!K!dn@lvKUiJFs)ToPSfQX<2q5PoiRQd
za0B=DOa^^~dMR|+<?hp@hTo=r@*Zl@t^~+Z`}Uo58o(4^D{~RsI$L&D46PjvJ(flP
z)KFGq&>?LQu{h3}##GmC%^7R%YoVa$AE=QVn(o&5$<%~9<%aMN@;QGkJM8**$%ZkR
z=~8^6x^_u7P)2m}mioCKP~dENq?`hrE!E*0v77~gC0*Z!RJ*%1jI@(&puQA11cy%=
z(s71&aG2|<pf##%lVD*YDd9wu%15`s_ZU_R$RsqR3I{d^T-SAQ^ivG18Q$ZYbGl$Q
zQURty%#=6Z0)zB%h;)6?ehw_i4jkANXiAX=QTG)6U{L<N|6>?<N>iL;)Ukg5Jy>Qc
zI7FK4AMb*5jB0_Jtm?b*A~hJqi$kOyyVXCyj3aP#Hg%yt3+EVh1cUT<6h44wh6>;i
zZjFWCJuoO=8w~1i`SbyYaJj(!nR@d-i3Wp`iO(+I&XRe@-n`cVz8&KVTuoQCLd7=p
Fe*hykV+jBN

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--login-webkit.png b/__snapshots__/form--login-webkit.png
new file mode 100644
index 0000000000000000000000000000000000000000..df4cb3a0644cc62ba56fcde4dc91bc6d9686bdb5
GIT binary patch
literal 16879
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

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--number-chromium.png b/__snapshots__/form--number-chromium.png
new file mode 100644
index 0000000000000000000000000000000000000000..1305d9e83485191d68fcdfa5864bba049c83d090
GIT binary patch
literal 5381
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
UqCIbP?rQ>Yn4WsEnsvzk06c<itpET3

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--number-firefox.png b/__snapshots__/form--number-firefox.png
new file mode 100644
index 0000000000000000000000000000000000000000..f7ff5d5d24ed978273a4965664f03d0ce9e8c2ed
GIT binary patch
literal 7942
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

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--number-webkit.png b/__snapshots__/form--number-webkit.png
new file mode 100644
index 0000000000000000000000000000000000000000..37b99078f3b90f40e84ad116377c198b48060559
GIT binary patch
literal 5651
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
E0b{7$3jhEB

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--radio-card-chromium.png b/__snapshots__/form--radio-card-chromium.png
new file mode 100644
index 0000000000000000000000000000000000000000..f3973d070416f2388fa4f77d2211816177c2dc01
GIT binary patch
literal 10208
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
Y(;Ez8iXH%99R$*RqW8G!;q$2f0R|Vz82|tP

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--radio-card-firefox.png b/__snapshots__/form--radio-card-firefox.png
new file mode 100644
index 0000000000000000000000000000000000000000..5cf11cc22aa5e75c79170bce52894a7103636c4f
GIT binary patch
literal 18817
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

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--radio-card-webkit.png b/__snapshots__/form--radio-card-webkit.png
new file mode 100644
index 0000000000000000000000000000000000000000..ee9b82ef6f863fa3e8ac04966c907e052fa43212
GIT binary patch
literal 10704
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
X{s&8Jd3)>wWGR-DQkE<S8Grr{J6%Xy

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--radio-example-chromium.png b/__snapshots__/form--radio-example-chromium.png
new file mode 100644
index 0000000000000000000000000000000000000000..8a2546bb89fc70bbda347acd2cdb6ec7c5eb3d9f
GIT binary patch
literal 7597
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
DO^Su)

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--radio-example-firefox.png b/__snapshots__/form--radio-example-firefox.png
new file mode 100644
index 0000000000000000000000000000000000000000..e6aa51e5a6c6a773c40d798bacb41dc6ce447793
GIT binary patch
literal 11346
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
Bmr(!!

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--radio-example-webkit.png b/__snapshots__/form--radio-example-webkit.png
new file mode 100644
index 0000000000000000000000000000000000000000..a8ed8dea5af46856ba0930ab671971c13240a3f0
GIT binary patch
literal 8064
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

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--radio-without-input-chromium.png b/__snapshots__/form--radio-without-input-chromium.png
new file mode 100644
index 0000000000000000000000000000000000000000..0195184ba4a2166771e4c8b0178bdca7d56a23d5
GIT binary patch
literal 6588
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
Lp+=S3v+(}`T1F-5

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--radio-without-input-firefox.png b/__snapshots__/form--radio-without-input-firefox.png
new file mode 100644
index 0000000000000000000000000000000000000000..d3c17869bee102ba78e62af479ed74f88f4adbef
GIT binary patch
literal 14643
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
Vs>cA-Eoi7ekb(xVR?g!6{|6%Wj&J|~

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--radio-without-input-webkit.png b/__snapshots__/form--radio-without-input-webkit.png
new file mode 100644
index 0000000000000000000000000000000000000000..c2fefde8b1377283268d25338848ea4a317457d5
GIT binary patch
literal 6800
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

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--switch-chromium.png b/__snapshots__/form--switch-chromium.png
new file mode 100644
index 0000000000000000000000000000000000000000..58096cb8e5aa42729c0c4c7b844c4cdf8136274c
GIT binary patch
literal 5738
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
SnI)LV01Xvw<w~ek<bMDZe*WVC

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--switch-firefox.png b/__snapshots__/form--switch-firefox.png
new file mode 100644
index 0000000000000000000000000000000000000000..360d90d8e54a9d37427ff6447a2cbcdab082f72e
GIT binary patch
literal 7920
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
bAO5{dWv{h%TQ<Ww**NlVRisOx#sU8Y1hx_4

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--switch-webkit.png b/__snapshots__/form--switch-webkit.png
new file mode 100644
index 0000000000000000000000000000000000000000..a51c3ed43ceec3a060322b2c8d25c9bfa2972131
GIT binary patch
literal 5765
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
WrN7*9`B!sgfYE((y?Py&xc>sD&13uk

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--website-chromium.png b/__snapshots__/form--website-chromium.png
new file mode 100644
index 0000000000000000000000000000000000000000..8eee1dfec21ef81258cced596bb5840bf1fc4b77
GIT binary patch
literal 6556
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

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--website-firefox.png b/__snapshots__/form--website-firefox.png
new file mode 100644
index 0000000000000000000000000000000000000000..266cb5070251ee488ec9f811e7f6df3c38fb8214
GIT binary patch
literal 8423
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
Z5!Xs;$CwH5VU)FK>MA<Qb&59N{{f34*ChY|

literal 0
HcmV?d00001

diff --git a/__snapshots__/form--website-webkit.png b/__snapshots__/form--website-webkit.png
new file mode 100644
index 0000000000000000000000000000000000000000..1c47907bfd54fd9cddfe801f9cbba8525bc1487d
GIT binary patch
literal 6439
zcmbVxbx>4a81|)C5G5t0TckufmJVrY5k#7$yFp-)MwSKvl?E52a{)mlmPS}=LAp!2
zzx{pl{rSy&F?Z(PJ9o~RIp=-f^SsaV+!!4#6=FhKLI41W)l?Pr007Gn^PUL8#@yFX
zjVzc4{`*%diopGU*B3-d3II^gt0~Iq`+eR+`)5+D<q{lPcpEHEqBPDQN_Pv2mdt<q
z#)M)D#~EP0`a&)K(&Kv$=gh8c%8*Qs_4$k)nvDY@B3N4bogO;^<Pq%=9gP)9llh_f
zpu(>BprECq<t(Yo=W|YWW%JefWkp5VIlNJMXU@RY0KqR8PD3JJtu8W33<eRi#RHM=
zX_WzaL1I?mYi1N_n2ts_2+UP%iOWPWA%IO1>p+bK>Jk1w57V#X(X&tcE%+dyLf7UG
zm%Vpgxe`bTSNbljd!xKovfN3IpFB+>rag(aP-KkTvzMG#Ky&}o#0b7|-rBcuu}Gaa
zxJr6F>Mr^fyb_7w1IN&i){-jkGeK<FfwpL3v?t|^vG128O*zmhL(yxR8s0=@m7zuT
zuni^DL<y*GFi#%0d!LLh+7*yj<qaRTG4&&il^r5~OTdkj&;%>6wb2n8c<n@vaE{br
z#Cy}Go?>WIjP~|%e;M7z`XzB<i(Dg*OzMu5_TBz6N5M-i=WjifR5Vy+p1+%8a}IA9
zzkcYAsOS^1-S=}Z>QM}X8OlZ5p~spzKagy*PCfku^@AF6fBT-<9(M8Y8O^c+CT7I6
zLV6spk%*znKt8VbRsj`)o4?+Kfrwd{ODr<1$#iuza7#5z`AEogNtoG4MLNq9-tX_n
z!~jsko?1&%JW_eGB@?arh|7y?lK+*QC-tIubN$14RPQp0Hu$l^G&oZFLFsEi*wh%E
zXyx?;ovZ6yd;dYlT#2!XN$|g4SqV9LoN8o1kj(w*&ZTJOA{*%a@chT$Nh9C5#<$#_
zivNpQJXoyu++j2i^_<-PeBqa(p$seJr69!WY!7bUK~*`w**LN)VV{+Zj3O>$`O-i2
zIXRgpC{N0N`Gh8AakicS;9b9%dJ-r$h}CJa7^E#0fED&lHG8W4?pn5%*RGyJ265Iu
z5bIdWE+Z|yhDHa{aM)L8N;B}QEl4}hT>oSSGR54@Yz<BKmsaG7_qG*5r>f;dSZ`j}
z_IRA*6%GyxXBQ8p`vIz|!lELlhsJ`vQ1L`7ajh~PH#0Hnhf&>2zkhSIKdw?>j+9`Z
zF#)G&mg#SLd2vw)_0V)&a`3-kh0jdEKD{d|EhU?pY1$HBD!p4x(cW>~!TQ@ng-WI<
z8!L4+>)1N=i;Gp~)S^A_dYp%FzqJhsu@s=*b#Hav`Ck4#+5UipR-`Z%NMFm&&W5Y8
zrV{!)s9o;O^&r!2ELu)PD_$OrXIK#J>|X6$JM-fLfA<>CfAE$}j6E}2(`a!G3Nior
z;Z_BvVp^h!aJ`D>zCK?IKrHMx&NXO7>LjtXvFe!U=6;rXKY#IE(pTL{b4coOmdTdX
zh^T0zkHzTTS!#xn>EIF2c^stajUFrDq}!(B)Xrmi3n7iwBvS?}DH$j$(`rH>kR7Zq
zU;Yla`9C%?G(0yRwHC6qE))?K?&-<W;9!*_Q7_Ufm=r)Xk$^#H@-jYL;7fbEE?>#N
ze=ZNGHlTRE3?Y7obD-%OZ^R)p{rdgC4PQ*<tUu=`!NtYau$0r4`<eT_nx@unv1(#V
z{;Q6^|5|;8^y7r_hGAL6Q95obbo2*{?cX0;{DT#;!Ea)xm?9NxZIfCXu6GgXT_rfA
z|2I(bo*i4Chh0hSg3FrGglv!y`b`vK3XkDQ%UoI}-PZrE*qIKO{b9TuXr}p9$7!KP
zhT8#m{^@RMV`%<`-^7cN%K3IHWbx1lIj(!vP~hEV39)i;E54WG(1doj#_!76_)!Fm
z2Roe)8L~c;maLRLwLjhb^0{-oVoqGT4p(Zv#b2)$uGraz;9B#l9h;wcMC%Q8(~BXH
z5ljZJgzD4^v0zW+xa7-07t38n4<4ioS}8w>tF_gvs)BGmt4Ou?9P2v1G0Ld)L&$_P
zMKV7O;AS2(bK7a?UD;dtO6?F<s6-O`Y5U*wnn&od<^roHLuq-rAoU43XToCRxd1R)
z=W`b>UZBEx9duV=<hqJ(!UH^-gRT>YT=!;I+{CcnO{{N><X+b_l?vNkl2yFag&U?(
zWH3tlsFz+I6~%Qe9rlywV}X6nqyVwtD_(%tKgg1cTEcT(3SL0P_gT_WAJ)5qaJ$oU
zaDeK#E!?OqFUQkUwFj(Sr9DIW=W&AGFWh|WO&VcQt7&T5{l#eqyz3o?6P#@jM$kG<
zH$4LO=lR5acJ+-W2~}aH*MqMCoi}efTo0DCe8~X`bb(JK{vVWRr8z=sfxbkKJ6Ptv
zho6s%V&0*3HXP4W*_izN0BK{=aLq!S5U|wM%w1;XC$sC}FLQq*?``00agS55B;UnQ
zQ^og|MwHKUJa}bdT#wKN?c!KNid!Ajv*MC*eSbzTob@n?|LyAW<*Qg^OF8pP@4@~Q
zJIC^!S@RSlgQ<C0NcN#P_YAH0j+Q#D`%;$?uH5RXlx?G=Pe-jNyUm|*o4Cc<)AmCm
z69bdu{v&Noj+K>HR98WFZyH@niW7$i2BtgsQ5(k<ljVuT)3?I}S|zVQah2r>n9q%0
zzv>z{SD<&jl3HM?PSPPaUJ44YO=mNEl7^}(E4^E#yJR)<WyIONPZl0Os^*=uO8&g|
ziaKiM_zo*^#jr9!zG`Q0k~kKR%!eRK{%frr|8UNE^knu$4^;+Mr&El!M%`zb;3*g1
z)HH*IrV!78)EKnUvPTQT++sB}7%2VzT_h`B7+&N6m**>SNKh^)_O3Ips;DfF5$$E?
zFqM(?{JD3wx<M5nm6u!qiww81p?vhQwyjO*;5YmM`EP8n0JR?1s<0-ez|x-t_QE~Q
zGHt{YiF{u>=cI{SuI>BQt}u9a?;Hip=e5x_wlU<N&OPeDOdQS>Kkde0ybQWyh|7F_
zq^8EIm3z}xKe_MKGEFj94T`lHU*LSk#}mBy^%?`F)KORfBJmM!Ciw4u>Mx(x7cZVk
z*Ld(tj!QFC!OKiGZMgWW^vhBURFYDWWi2gH;4n3<h5_rE4D%3OV-pTmdw9cJVocbl
zT{Jb(GqqGyHnOyY)l|cwGnz(FxvHJ&+30=W*Yq8WjLlS;FGULKCmFH?zh1N8Blt+(
zNe~l7g113Hm<|`k<(hjdf+tO{NRRO2$1!`i=6RsAh8O8Un=tF*dr~~S46CU-q4;~*
z)x}bzmzAE!l7Wni8vr_YPTlFxf8Xyq`bN#Ca}QH&)gecoHF+POt@e|9rt|wB^B*Wb
zqO>fIP)&O0TAr}!D0&_K@nBzwUe+hzth+X^&m@TLJjJaE+5Z&EVqT?Pq&KkUL2p3m
zU2c(2^kXJFC)+9RiL|3It={WijVuX4{we_Q%d4t@=L>q4|NK(o;GBf&_jSoAER5G;
z$kNx<eQRi#3=?uZ*-Y-~DFQ~P?IF(I*8F)?jIQ6j>n5|Qxr-)t>`f(I%+^!6$)R`R
zrYgNXS*ozQnQS!}#kvrgn;8al>}+f{z3SM1&TG~q7KdDLBYytEeZ@Z#5&rY<k^*CI
zZ?E*l-$4eWhMDYKEmSzv)7}(P&*512o+DqW+qgqUp!fJDnU!;WB-9%1S#f*U*%N0$
zMU_T)f3j7w@kCZ6^p<D@gqSkd_Kko_(hp;rb3UpU6YZMQ(}X2~gCjqv<|>1XNa)Yc
zB`6ssU2CfX=lgauptJ&R(d1TX#^)>XHb1vnM^En&5c6PNY3BHkV;X8lGISs5gWAXs
z^|8c&;|p6YI9HWaz=?Iq<id`N&)UB=NYZf5TV36?EuUUiY^?Q*>Iq1mxvr_{*!1+D
zp=^4pyUhY}BC6qF_il*{q$W&=9!gmcwIX;F%8`<6ndv6>IWzOeZp`la0(ucStSVd=
zO(*GgC?k^e&1S!#Rwc1+z`77I8M3{);dfKeAb=g!!P?wQ(DK0kFg6VpNg|)y_5VPa
zPj_&-=zH<7KQNJ7E6^jC4qt+TKeBMEYw@J2r>W1JA-ww==VWspK;^YsU;L_}P%GD0
zuUA&+=PqYFuMOnwt!5VaC2$9HyU&9~35czv06D;m-Y##&INb{8Ll{!6Z!Ptwb?P~C
zRrI!+I0LzN>c=f^qxNHdqHq2-ibah%#|!_R2?k#NQU`Li_yO3_eH&Uv7<qyXgfllZ
zmzh*dZW0HS(Q)|WPQTg3iW=KFH4U(jH&W0|?RkIZA1o$L5c|YjtVUAyOp;j<irQH*
zo}ysnG^ho@+xy^*3Ceew7Z*)mJ#JL&>$3e~?oYUsNfsH#SqSknzf7?2X(ty(L}Oa3
zw(ID#R7AFb=MP;j%3C+us3^&!3FHI3V21ocg${LUtVgX1d>N3B|NPQS;Zd-aQXW+{
z2JkLT=Q)r2bgr(wCe?p@%*rJFWk~3w`LBJ}Ld0I=qdH0_mlp&8c9@OHmW#d`C6)%0
zYVzve-TMws3Z+MRIT`k)q_VwUtpO}ACKPk^NlC0T`*uYYay^=ML9{i|OfUYhFj2gx
z>|X2B<@(s4_~niQ3JDW2fU*VZD3yc$iY3C3?B#9wmPt%x%%&(n-aw&>9{~Ey2lJ)b
z-dO;&zoYtfV@b&D{<4A#bdlFPun*t*J~FgeT<+Bew<<-xAMI4>EFRh!T0cu##$a8;
zF;U|iis$U!gOM>-S+0^sbI%_|hu+MHK))ez^?4{|rw>mc9oHEax9gmbhw{d@B>MYV
z_qW!GG$ElUEAaDq9bpaPAY3m+-9HU`Ii~?{OX7kBU7VE1a$%KE2o$HLPh7^GyNm6N
z)35uJLQZ>8i{|yVGj&@j5|y>V8&SVV(-&NmzxBlr>I*t6je#*4CR^NpRV$vjonaIq
zNgGcJCQ+QTi=BNQ%aMV6J)uYFO6A)^O^F}jvR8|=2(h^xye<JPa;3$tJ$uq|GjR2J
zZRVfr0q^GN$*f(5tN&K>pSm&UY?U?Mk&w%@(`R`>8e;qy>Q=0ofATZWEOCXF*6CX2
zVza*_y>4z9GlfnwstEaHFvQQcB+YA<2l!!1F5(h$2Bkv%>LI@56#MujrT>Tf#IcFV
zR<dhN&A6zuxvLNjexY;(%YTe+0i$HrpYL#LP}5y{bpQ4ay)R(od(+UgvRpnX&X2fR
zPRxCiZ_y#57s(WTNyKou^o*|IV7hJf2nxItrZt~waR0MuZ3&H!*UvzrogiCY)d#B{
z+Z!E0_4PeRGg)yJhWxoA!DMQ%j*GPl4{`6CX}bq8>&}wqxB!eT^o~Ci<phxq-oAnL
zZammhCi$g(?~o&3)+g;14tp(WfyM>0OdQfEUnaN8H4?oN5_+Aw7`m}NI~kNeV&PU%
z+V;JCLS3SP5a5ap@>qi%Z}0_5wKKW|GMk2C{h<?igZxO4_}wh+g^v?HU~OGkX_n@B
zG1}X(d0XYDjo<V10BP|SUiw{2lcxTn`f_rzzN_|A>*8hSme-LKe@e156&91Y_||Iw
zi&O6eRuzutW+z<T0!2lXWn~4mH9}_x$kWRk$9h75I;so~KlcyrGW?w|(&o9*x_ILg
z7ku6sF+sPTqm?i57-(G-7jV=c|KmW;9V>CM<PP|4z;9h|E=3I?^8ZvT=JuqIx2S-_
zyH<jY!C(L=*2*c>>3hr|h7S-troZl{>!>j$$B<4wlrQ;*Ry0H2#%aK;EhHhx#7v*T
zI-HX7<>{&BM6vd^v08w#daGethJizU_HAGihKEDSchakjHAryz?}A0VM%2{@WTo7!
zPqQhFs?0ELa~spb7HOJ@#^p${o<D~(G;+#z9R4IYXyi!X;;+C35{YVg2>^Lq#V2@t
zC39;Y7+PA*mRX{at8Z#b`Y?)uP+W6jXb3Ko&j{Syf%lhMj~y`#aI8Qj@Al?>Nt~{w
zruuidGl|S1A8+$pV_2<JYjLspMbt`D@$dD*RZ`61WT|LIn@2ss2CEPBHTg}9gtRMM
zEUcW-YT{R+P!0LoaKnCUp`>1v0geQ`(5fO{8G+h?I8@_=Eiy8xVMJQ@()g8$n%X7G
z!s7Z!yW#e(@m?~lSN0(c6n%Jodwyjr2YCfCouvj!%gQ7J&z8UKswgm@bzSl!2YBWx
z)3eeR#^)UyB_-a*6N*p>(H<o7f0-B)h9CL0Is2*<Op4L-#j*2w2=S-%M-qJihjDZB
z-S0tM8{nfWN0p|vy#L5^Q>DJOV?2b%UXx*3&oC4m@wNgJi#Y)$92Qnq@2T%w_qP_V
zgPG#>ZEcRg>vuXQc#4OeIADwc04^l@fqpNEQMM~bg!#wEgbTCv8^2F;#E}{H!rKiM
z2~Tsz&Z_2J1bNyo*QYS$1KnHy-q#*F^{0&vnq^XUbi@Iuj;JR0TN|Xk6s@GfDCf@t
z@m)7~wGYC9Fo@AHr^X<eMC{Odlg0hDY^nahc6kdX@OVUw_&}CMLy*#08Tm$}v-IKL
zI+_=pMESROVQ#I3|D7qGmcRtXzCP8r2-_Y^iR8-!pLOG?<e6SZj`9mI;iF8#!dANY
zG9;fpi?AfrcT9tqHKSR8!lI&!ppcY)G5>*I#~baqfT_x}RgcCwtJ;?-Y-+GVQ+R+=
ze>ld75&Ws+QFDrsN|9F%PtiVtraS``+PPxqJNFl5s1<Jsbk)5JRX6T=o9|}E{aHcr
zZ(F$G@zsG3RNg5#c;YB&<YohMKR^4P|2f>r{s$J=%IY|<_3_=Zg@v<2!_LXc^#KEg
zgyP-B)!dw~OJ>Kr26cE#R_OJg{#Mc-T!C6lon{Ca0YEiuvG8xarDl9!vHi@p7qe~k
zO)fc{p7${pm~DTJP{ELLtS^OyH={obFunxFs|dsyXI1_5t{o*bVUcMRdgXJz^9S|P
zI7RuSxZ$Z}Bg1t58;eB{u#@*DH{T-Dcf~LuVBiMN^N*vqlK&dUhM0Sf(aw{$ki@tb
z_*pvUckn8Hixq#2(PN`~CRJ~`c6!y`obJ0e;9W5GW50P)B`L2ibLEB5#Mz!Suao=l
zcy4E^z=HP5uNe@YG{Pdiu?D)NZ(Q}JTRwqvaAn<8)HQ-A5XOc<hb^y<-AfINJO3Fw
z+v^GLxryohpppr+0sGT8P<%oqU5=Em=rI?OUU7Q9^u2xWPKL)^kh3O8>&OBm5MKsc
z(LRS3QH@zbqsu~bh;+w9&%$OfE)yGR49h#WQ#{q5_QJ-z>&wgIT2!R5?h5~SzuYgG
z0JLs?Pr^uIWgf7GJ>}ER@mf@i82!XyfcuH9pE!e+fU!`HMbUj14198_v@Bx*^Oc0d
zhy&+G3hCM?iLJ(hx8z$ay)h&Os>hA)+qiX_-UV%2j6KAHdXy@KsTWy`yHJ0Ye<hJj
zL_77(pZklR+NnlKWH1(m(#)Pu%=UrkSa2GsC$;o5{$VGQ+hg+-4+tBxwpMUzwR`vR
zNmXyJx(F19_UtNzwiAa0OufwZd0MXv^a;sL40jiQE62fwHY_B!rq1~Fy0yTVNdg1{
zu)(h&YkH5KaqShz;Umn8^y}*C0;Cu6Pz)Mv=2Zfv`0~NO;@VjL`U7d|G-)3^TbVDB
zUBwq-7!K*t930ZoZ%tonsTY`JW73NLuyM~78{JxRg6P4~2EI-@p5P-Qhp@x$X!yZZ
zsIr%iC1^{CBZnGBbzx|2EDM1){SS-^F#BYQjfH=GpG*;b5W4SYK6>^FYUUz9!!CWF
zv{@3Nqor#bm$f3s(J7!Yy63U-x{=G)JK!x?k3vaTy-2=HPaSo?sM~S(D21(T%u(1>
zGt`BG`46!m`h%Qy*q1{}g-CqTaF(n}m5lwUOjhx~hp_UHY!GG$U25#Vxmy;(*ciYF
zp<t<V-o_wb+R;bssEx>+n|{yIX=3x*)c${ZuDTqX^adiNcs+{1%7a6X@bM+%KOkbl
zR4vM4rcKIY^@=`oMC>v2iuYBjiV_$U115>8en7cF_$%!R4OU2N@7QQLQiH^Zo|)o#
zi$)xxlKn5q<-_)iz`**@XKUQ@8EF7+-a{r~5|F&82(!jfz0t47vDyRRn+OTGO#;u0
zr=mWJeNRCIN6n^@S4n0iLg<WDM|Z=JvF_+QH2I4puq024h|RDcj1^nNw{OV~hgbH5
zfJok+goO*H|C%tuG!5)2R4Qh{b#-&!Dsjz#g$*@yptqS~?=6dWWKT!}SSf<zd#T(m
z(Dm@dZCm%-`=?6Ju}S0=NM*K@{(qhS|IH7Av->SHJ)!ig;|q+m0MwMU6f5Q5h5rvS
CCvXn{

literal 0
HcmV?d00001