@gustavo-valsechi/client 1.3.14 → 1.3.16

package/dist/components/types/form/types/file/styles.d.ts

@@ -1 +0,0 @@
-export declare const Container: any;

package/dist/components/types/form/types/file/styles.js

@@ -1,27 +0,0 @@
-"use client";
-import styled from "styled-components";
-export const Container = styled.div `
-    width: 100%;
-    padding-top: .3rem;
-
-    .iz-image-content {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
-        border-radius: 5px;
-        overflow: hidden;
-        padding: .5rem 1rem;
-        width: 100%;
-        font-size: .8rem;
-        background: ${(props) => props.disabled ? "${({ theme }) => theme.t2}" : "${({ theme }) => theme.primary}"};
-        opacity: ${(props) => props.disabled ? ".7" : "1"};
-        color: ${({ theme }) => theme.t6};
-        cursor: pointer;
-    }
-
-    .iz-input-error {
-        color: ${({ theme }) => theme.negative};
-        font-size: .7rem;
-    }
-`;

package/dist/components/types/form/types/index.d.ts

@@ -1,7 +0,0 @@
-export * from "./file";
-export * from "./label";
-export * from "./input";
-export * from "./select";
-export * from "./button";
-export * from "./datetime";
-export * from "./textarea";

package/dist/components/types/form/types/index.js

@@ -1,7 +0,0 @@
-export * from "./file";
-export * from "./label";
-export * from "./input";
-export * from "./select";
-export * from "./button";
-export * from "./datetime";
-export * from "./textarea";

package/dist/components/types/form/types/input/index.d.ts

@@ -1,2 +0,0 @@
-import { IInputText } from "../../../../../interfaces";
-export declare function InputText(props: IInputText): import("react/jsx-runtime").JSX.Element;

package/dist/components/types/form/types/input/index.js

@@ -1,22 +0,0 @@
-"use client";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { Container } from "./styles";
-import { InputLabel } from "../label";
-import _ from "lodash";
-export function InputText(props) {
-    const [showPassword, setShowPassword] = useState(false);
-    const register = (props.register || ((name) => ({})))(props.name || "");
-    const onChange = (event) => {
-        const value = event.target.value || "";
-        event.target.value = props.mask ? props.mask(value) : value;
-        if (register.onChange)
-            register.onChange(event);
-        if (props.onChange)
-            props.onChange(value);
-    };
-    return (_jsxs(Container, { className: props.className, error: props.error, password: props.type === "password", children: [!!props.label && _jsxs(InputLabel, { children: [props.label, props.required ? "*" : ""] }), _jsxs("div", { className: "iz-input-content", children: [_jsx("input", { ..._.omit(props, ["className", "register", "mask"]), type: props.type === "password" ? showPassword ? "text" : "password" : props.type, maxLength: props.maxLength || 255, onFocus: () => {
-                            if (props.onFocus)
-                                props.onFocus(props.name);
-                        }, ...register, onChange: onChange }), props.type === "password" && (_jsx("i", { "aria-hidden": true, className: showPassword ? "fa-solid fa-eye-slash" : "fa-solid fa-eye", onClick: () => setShowPassword(!showPassword) }))] }), !!props.error && (_jsx("div", { className: "iz-input-error", children: props.error }))] }));
-}

package/dist/components/types/form/types/input/styles.d.ts

@@ -1 +0,0 @@
-export declare const Container: any;

package/dist/components/types/form/types/input/styles.js

@@ -1,46 +0,0 @@
-"use client";
-import styled from "styled-components";
-export const Container = styled.div `
-    width: 100%;
-    padding-top: .3rem;
-
-    .iz-input-content {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
-        border-radius: 5px;
-        overflow: hidden;
-        padding-right: ${({ password }) => password ? ".6rem" : "0rem"};
-        background-color: ${({ theme }) => theme.primary};
-
-        input {
-            border: 0;
-            padding: .5rem 1rem;
-            width: 100%;
-            font-size: .8rem;
-            background-color: ${({ theme }) => theme.primary};
-            color: ${({ theme }) => theme.t6};
-
-            &:disabled {
-                background-color: ${({ theme }) => theme.t2};
-                color: ${({ theme }) => theme.t6};
-                opacity: .7;
-            }
-
-            &:focus-visible {
-                outline: none;
-            }
-        }
-
-        i {
-            color: ${({ theme }) => theme.t3};
-            cursor: pointer;
-        }
-    }
-
-    .iz-input-error {
-        color: ${({ theme }) => theme.negative};
-        font-size: .7rem;
-    }
-`;

package/dist/components/types/form/types/label/index.d.ts

@@ -1,2 +0,0 @@
-import { IInputLabel } from "../../../../../interfaces";
-export declare function InputLabel(props: IInputLabel): import("react/jsx-runtime").JSX.Element;

package/dist/components/types/form/types/label/index.js

@@ -1,6 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Container } from "./styles";
-export function InputLabel(props) {
-    return (_jsx(Container, { className: props.className, children: props.children }));
-}

package/dist/components/types/form/types/label/styles.d.ts

@@ -1 +0,0 @@
-export declare const Container: any;

package/dist/components/types/form/types/label/styles.js

@@ -1,7 +0,0 @@
-"use client";
-import styled from "styled-components";
-export const Container = styled.label `
-    font-size: .8rem;
-    font-weight: 500;
-    color: ${({ theme }) => theme.t6};
-`;

package/dist/components/types/form/types/select/index.d.ts

@@ -1,2 +0,0 @@
-import { IInputSelect } from "../../../../../interfaces";
-export declare function InputSelect(props: IInputSelect): import("react/jsx-runtime").JSX.Element;

package/dist/components/types/form/types/select/index.js

@@ -1,25 +0,0 @@
-"use client";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { Container } from "./styles";
-import { InputLabel } from "../label";
-import _ from "lodash";
-export function InputSelect(props) {
-    const [focus, setFocus] = useState(false);
-    const register = (props.register || ((name) => ({})))(props.name || "");
-    const onChange = (event) => {
-        const value = event.target.value || "";
-        if (register.onChange)
-            register.onChange(event);
-        if (props.onChange)
-            props.onChange(value);
-    };
-    return (_jsxs(Container, { className: props.className, error: props.error, children: [!!props.label && _jsxs(InputLabel, { children: [props.label, props.required ? "*" : ""] }), _jsxs("div", { className: "iz-input-content", children: [_jsx("select", { ..._.omit(props, ["className", "onChange", "onFocus", "options", "onMouseDown", "onBlur", "maxLength", "required", "register"]), onMouseDown: () => setFocus(!focus), onFocus: () => {
-                            if (props.onFocus)
-                                props.onFocus(props.name);
-                        }, ...register, onBlur: (event) => {
-                            if (register.onBlur)
-                                register.onBlur(event);
-                            setFocus(false);
-                        }, onChange: onChange, children: _.map(props.options, (data, index) => _jsx("option", { value: Object.keys(data), children: Object.values(data) }, index)) }), _jsx("i", { "aria-hidden": true, className: focus ? "fa-solid fa-chevron-up" : "fa-solid fa-chevron-down" })] }), !!props.error && (_jsx("div", { className: "iz-input-error", children: props.error }))] }));
-}

package/dist/components/types/form/types/select/styles.d.ts

@@ -1 +0,0 @@
-export declare const Container: any;

package/dist/components/types/form/types/select/styles.js

@@ -1,52 +0,0 @@
-"use client";
-import styled from "styled-components";
-export const Container = styled.div `
-    width: 100%;
-    padding-top: .3rem;
-
-    .iz-input-content {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
-        border-radius: 5px;
-        overflow: hidden;
-        position: relative;
-        cursor: pointer;
-
-        select {
-            border: 0;
-            padding: .5rem 2.3rem .5rem 1rem;
-            width: 100%;
-            font-size: .8rem;
-            appearance: none;
-            cursor: pointer;
-            background-color: ${({ theme }) => theme.primary};
-            color: ${({ theme }) => theme.t6};
-
-            &:disabled {
-                background-color: ${({ theme }) => theme.t2};
-                color: ${({ theme }) => theme.t6};
-                opacity: .7;
-            }
-
-            &:focus-visible {
-                outline: none;
-            }
-        }
-
-        i {
-            position: absolute;
-            top: 50%;
-            right: .8rem;
-            transform: translateY(-50%);
-            font-size: .8rem;
-            color: ${({ theme }) => theme.t6};
-        }
-    }
-
-    .iz-input-error {
-        color: ${({ theme }) => theme.negative};
-        font-size: .7rem;
-    }
-`;

package/dist/components/types/form/types/textarea/index.d.ts

@@ -1,2 +0,0 @@
-import { IInputTextarea } from "../../../../../interfaces";
-export declare function InputTextarea(props: IInputTextarea): import("react/jsx-runtime").JSX.Element;

package/dist/components/types/form/types/textarea/index.js

@@ -1,20 +0,0 @@
-"use client";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Container } from "./styles";
-import { InputLabel } from "../label";
-import _ from "lodash";
-export function InputTextarea(props) {
-    const register = (props.register || ((name) => ({})))(props.name || "");
-    const onChange = (event) => {
-        const value = event.target.value || "";
-        event.target.value = props.mask ? props.mask(value) : value;
-        if (register.onChange)
-            register.onChange(event);
-        if (props.onChange)
-            props.onChange(value);
-    };
-    return (_jsxs(Container, { className: props.className, error: props.error, children: [!!props.label && _jsxs(InputLabel, { children: [props.label, props.required ? "*" : ""] }), _jsx("div", { className: "iz-input-content", children: _jsx("textarea", { ..._.omit(props, ["onFocus", "maxLength", "className", "onChange", "mask", "rows", "required", "register"]), maxLength: props.maxLength, rows: props.rows || 5, onFocus: () => {
-                        if (props.onFocus)
-                            props.onFocus(props.name);
-                    }, ...register, onChange: onChange }) }), !!props.error && (_jsx("div", { className: "iz-input-error", children: props.error }))] }));
-}

package/dist/components/types/form/types/textarea/styles.d.ts

@@ -1 +0,0 @@
-export declare const Container: any;

package/dist/components/types/form/types/textarea/styles.js

@@ -1,39 +0,0 @@
-"use client";
-import styled from "styled-components";
-export const Container = styled.div `
-    width: 100%;
-    padding-top: .3rem;
-
-    .iz-input-content {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
-        border-radius: 5px;
-        overflow: hidden;
-
-        textarea {
-            border: 0;
-            padding: .5rem 1rem;
-            width: 100%;
-            font-size: .8rem;
-            background-color: ${({ theme }) => theme.primary};
-            color: ${({ theme }) => theme.t6};
-
-            &:disabled {
-                background-color: ${({ theme }) => theme.t2};
-                color: ${({ theme }) => theme.t6};
-                opacity: .7;
-            }
-
-            &:focus-visible {
-                outline: none;
-            }
-        }
-    }
-
-    .iz-input-error {
-        color: ${({ theme }) => theme.negative};
-        font-size: .7rem;
-    }
-`;

package/dist/components/types/index.d.ts

@@ -1,11 +0,0 @@
-export * from "./table";
-export * from "./loading";
-export * from "./modal";
-export * from "./badge";
-export * from "./logo";
-export * from "./form";
-export * from "./chart";
-export * from "./avatar";
-export * from "./lottie";
-export * from "./credit-card";
-export * from "./block";

package/dist/components/types/index.js

@@ -1,11 +0,0 @@
-export * from "./table";
-export * from "./loading";
-export * from "./modal";
-export * from "./badge";
-export * from "./logo";
-export * from "./form";
-export * from "./chart";
-export * from "./avatar";
-export * from "./lottie";
-export * from "./credit-card";
-export * from "./block";

package/dist/components/types/loading/app/index.d.ts

@@ -1,2 +0,0 @@
-import { ILoadingApp } from "../../../../interfaces";
-export declare function LoadingApp(props: ILoadingApp): import("react/jsx-runtime").JSX.Element;

package/dist/components/types/loading/app/index.js

@@ -1,7 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Container } from "./styles";
-import { Logo } from "../../logo";
-export function LoadingApp(props) {
-    return (_jsx(Container, { ...props, children: _jsx(Logo, { className: "iz-loading-logo", onlyPrefix: true }) }));
-}

package/dist/components/types/loading/app/styles.d.ts

@@ -1 +0,0 @@
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

package/dist/components/types/loading/app/styles.js

@@ -1,87 +0,0 @@
-"use client";
-import styled from "styled-components";
-export const Container = styled.div `
-    width: ${({ initialization }) => initialization ? "100vw" : "100%"};
-    height: ${({ initialization }) => initialization ? "100vh" : "calc(100vh - 15rem)"};
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: ${({ initialization }) => initialization ? "absolute" : "relative"};;
-    bottom: 0;
-    left: 0;
-    background: ${({ initialization, theme }) => initialization ? `${theme.maingrad}, ${theme.primary}` : "transparent"};
-    z-index: ${({ initialization }) => initialization ? "9" : "0"};
-    
-    .iz-loading-logo {
-        font-size: 4rem;
-        opacity: 40%;
-        animation: loop 2s infinite;
-        position: relative;
-
-        &::before {
-            content: "";
-            position: absolute;
-            width: 5rem;
-            height: 5rem;
-            animation: firstImpact 2s .5s infinite ease;
-            background: ${({ theme }) => theme.t05};
-            border-radius: 50%;
-            z-index: 0;
-            opacity: 0;
-        }
-
-        &::after {
-            content: "";
-            position: absolute;
-            width: 5rem;
-            height: 5rem;
-            animation: secondImpact 2s .5s infinite ease;
-            background: ${({ theme }) => theme.t05};
-            border-radius: 50%;
-            z-index: 0;
-            opacity: 0;
-        }
-
-        @keyframes loop {
-            0% {
-                transform: scale(1);
-            }
-            80% {
-                transform: scale(1.3);
-            }
-            100% {
-                transform: scale(1);
-            }
-        }
-
-        @keyframes firstImpact {
-            0% {
-                transform: scale(1);
-                opacity: 0;
-            }
-            10% {
-                transform: scale(1.6);
-                opacity: 1;
-            }
-            100% {
-                transform: scale(1.6);
-                opacity: 0;
-            }
-        }
-
-        @keyframes secondImpact {
-            0% {
-                transform: scale(1);
-                opacity: 0;
-            }
-            40% {
-                transform: scale(1.3);
-                opacity: 1;
-            }
-            100% {
-                transform: scale(1.3);
-                opacity: 0;
-            }
-        }
-    }
-`;

package/dist/components/types/loading/bar/index.d.ts

@@ -1,2 +0,0 @@
-import { ILoadingBar } from "../../../../interfaces";
-export declare function LoadingBar(props: ILoadingBar): import("react/jsx-runtime").JSX.Element;

package/dist/components/types/loading/bar/index.js

@@ -1,6 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Container } from "./styles";
-export function LoadingBar(props) {
-    return _jsx(Container, { ...props });
-}

package/dist/components/types/loading/bar/styles.d.ts

@@ -1 +0,0 @@
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

package/dist/components/types/loading/bar/styles.js

@@ -1,21 +0,0 @@
-"use client";
-import styled from "styled-components";
-export const Container = styled.div `
-  border-radius: ${(props) => props.borderRadius || "10px"};
-  height: ${(props) => props.height || "100%"};
-  width: ${(props) => props.width || "100%"};
-  animation: loading infinite 2s;
-  margin: ${(props) => props.margin || "0px"};
-
-  @keyframes loading {
-    0% {
-      background: ${(props) => !props.dark ? "rgb(0, 0, 0, 0.05)" : "rgb(255, 255, 255, 0.05)"};
-    }
-    50% {
-      background: ${(props) => !props.dark ? "rgb(0, 0, 0, 0.10)" : "rgb(255, 255, 255, 0.15)"};
-    }
-    100% {
-      background: ${(props) => !props.dark ? "rgb(0, 0, 0, 0.05)" : "rgb(255, 255, 255, 0.05)"};
-    }
-  }
-`;

package/dist/components/types/loading/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./bar";
-export * from "./app";

package/dist/components/types/loading/index.js

@@ -1,2 +0,0 @@
-export * from "./bar";
-export * from "./app";

package/dist/components/types/logo/index.d.ts

@@ -1,2 +0,0 @@
-import { ILogo } from "../../../interfaces";
-export declare function Logo(props: ILogo): import("react/jsx-runtime").JSX.Element;

package/dist/components/types/logo/index.js

@@ -1,6 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Container } from "./styles";
-export function Logo(props) {
-    return (_jsxs(Container, { ...props, children: [_jsx("label", { children: "IZ" }), !props.onlyPrefix && _jsx("label", { children: "Way" })] }));
-}

package/dist/components/types/logo/styles.d.ts

@@ -1 +0,0 @@
-export declare const Container: any;

package/dist/components/types/logo/styles.js

@@ -1,19 +0,0 @@
-"use client";
-import styled from "styled-components";
-export const Container = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: .3rem;
-  font-size: ${(props) => props.size || "2"}rem;
-  color: ${(props) => props.theme.t5};
-
-  label:first-child {
-    font-weight: 900;
-    color: ${(props) => props.theme.secondary};
-  }
-
-  label:last-child {
-    font-weight: 600;
-  }
-`;