@gustavo-valsechi/client 1.3.25 → 1.3.27

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

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

package/dist/components/types/form/styles.mjs

@@ -1,21 +0,0 @@
-"use client";
-"use client";
-
-// components/types/form/styles.tsx
-import styled from "styled-components";
-var Container = styled.form`
-    width: 100%;
-
-    .form-buttons {
-        width: 100%;
-        padding-top: 1rem;
-
-        button {
-            width: 100%;
-            margin-top: 1rem;
-        }
-    }
-`;
-export {
-  Container
-};

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

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

package/dist/components/types/form/types/button/index.mjs

@@ -1,165 +0,0 @@
-"use client";
-"use client";
-
-// components/types/form/types/button/styles.tsx
-import styled from "styled-components";
-var Container = styled.button`
-    border-radius: 5px;
-    font-size: .8rem;
-    font-weight: 500;
-    transition: ease .3s;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: ${(props) => props.transparent ? props.theme.t6 : props.outline ? props.color || props.theme.secondary : "#fff !important"};
-    background: ${(props) => props.transparent ? "transparent" : props.outline ? props.theme.t05 : props.color || props.theme.secondary};
-    border: 1px solid ${(props) => props.transparent ? "transparent" : props.outline ? props.theme.t05 : props.color || props.theme.secondary};
-    pointer-events: ${(props) => props.loading === "true" ? "none" : "auto"};
-    cursor: ${(props) => props.loading === "true" ? "default" : "pointer"};
-    opacity: ${(props) => props.loading === "true" ? 0.6 : 1};
-    padding: .4rem 2.5rem;
-    transition: ease .3s;
-
-    span {
-        text-align: center;
-        cursor: ${(props) => props.loading === "true" ? "default" : "pointer"};
-    }
-
-    &:disabled {
-        pointer-events: none;
-        
-        &::before {
-            opacity: .6;
-        }
-    }
-
-    &:hover {
-        opacity: .9;
-        color: ${(props) => props.transparent ? props.theme.t6 : props.outline ? props.color || props.theme.secondary : "#fff"};
-        
-        &::before {
-            background: ${(props) => props.transparent ? "transparent" : props.color || props.theme.secondary};
-        }
-    }
-`;
-
-// components/types/form/types/button/loading/styles.tsx
-import styled2 from "styled-components";
-var Container2 = styled2.div`
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 2rem;
-    margin-right: .5rem;
-
-    div {
-        width: .5rem;
-        height: .5rem;
-        border-radius: 1rem;
-        background: rgb(255, 255, 255, 1);
-
-        &:nth-child(1) {
-            animation: blinkOne infinite ease 2s;
-        }
-
-        &:nth-child(2) {
-            animation: blinkTwo infinite ease 2s;
-        }
-
-        &:nth-child(3) {
-            animation: blinkThree infinite ease 2s;
-        }
-    }
-
-    @keyframes blinkOne {
-        0% {
-            opacity: 0.8;
-        }
-        20% {
-            opacity: 0.2;
-        }
-        40% {
-            opacity: 0.2;
-        }
-        60% {
-            opacity: 0.2;
-        }
-        80% {
-            opacity: 0.2;
-        }
-        100% {
-            opacity: 0.8;
-        }
-    }
-
-    @keyframes blinkTwo {
-        0% {
-            opacity: 0.2;
-        }
-        20% {
-            opacity: 0.8;
-        }
-        40% {
-            opacity: 0.2;
-        }
-        60% {
-            opacity: 0.2;
-        }
-        80% {
-            opacity: 0.8;
-        }
-        100% {
-            opacity: 0.2;
-        }
-    }
-
-    @keyframes blinkThree {
-        0% {
-            opacity: 0.2;
-        }
-        25% {
-            opacity: 0.2;
-        }
-        50% {
-            opacity: 0.8;
-        }
-        75% {
-            opacity: 0.2;
-        }
-        100% {
-            opacity: 0.2;
-        }
-    }
-`;
-
-// components/types/form/types/button/loading/index.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Loading() {
-  return /* @__PURE__ */ jsxs(Container2, { children: [
-    /* @__PURE__ */ jsx("div", {}),
-    /* @__PURE__ */ jsx("div", {}),
-    /* @__PURE__ */ jsx("div", {})
-  ] });
-}
-
-// components/types/form/types/button/index.tsx
-import _ from "lodash";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function Button(props) {
-  return /* @__PURE__ */ jsxs2(
-    Container,
-    {
-      loading: String(!!props.loading),
-      disabled: props.disabled,
-      type: props.type || "button",
-      ..._.omit(props, ["loading", "type"]),
-      children: [
-        !!props.loading && /* @__PURE__ */ jsx2(Loading, {}),
-        /* @__PURE__ */ jsx2("span", { children: props.label })
-      ]
-    }
-  );
-}
-export {
-  Button
-};

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

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

package/dist/components/types/form/types/button/loading/index.mjs

@@ -1,104 +0,0 @@
-"use client";
-"use client";
-
-// components/types/form/types/button/loading/styles.tsx
-import styled from "styled-components";
-var Container = styled.div`
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 2rem;
-    margin-right: .5rem;
-
-    div {
-        width: .5rem;
-        height: .5rem;
-        border-radius: 1rem;
-        background: rgb(255, 255, 255, 1);
-
-        &:nth-child(1) {
-            animation: blinkOne infinite ease 2s;
-        }
-
-        &:nth-child(2) {
-            animation: blinkTwo infinite ease 2s;
-        }
-
-        &:nth-child(3) {
-            animation: blinkThree infinite ease 2s;
-        }
-    }
-
-    @keyframes blinkOne {
-        0% {
-            opacity: 0.8;
-        }
-        20% {
-            opacity: 0.2;
-        }
-        40% {
-            opacity: 0.2;
-        }
-        60% {
-            opacity: 0.2;
-        }
-        80% {
-            opacity: 0.2;
-        }
-        100% {
-            opacity: 0.8;
-        }
-    }
-
-    @keyframes blinkTwo {
-        0% {
-            opacity: 0.2;
-        }
-        20% {
-            opacity: 0.8;
-        }
-        40% {
-            opacity: 0.2;
-        }
-        60% {
-            opacity: 0.2;
-        }
-        80% {
-            opacity: 0.8;
-        }
-        100% {
-            opacity: 0.2;
-        }
-    }
-
-    @keyframes blinkThree {
-        0% {
-            opacity: 0.2;
-        }
-        25% {
-            opacity: 0.2;
-        }
-        50% {
-            opacity: 0.8;
-        }
-        75% {
-            opacity: 0.2;
-        }
-        100% {
-            opacity: 0.2;
-        }
-    }
-`;
-
-// components/types/form/types/button/loading/index.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Loading() {
-  return /* @__PURE__ */ jsxs(Container, { children: [
-    /* @__PURE__ */ jsx("div", {}),
-    /* @__PURE__ */ jsx("div", {}),
-    /* @__PURE__ */ jsx("div", {})
-  ] });
-}
-export {
-  Loading
-};

package/dist/components/types/form/types/button/loading/styles.d.ts

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

package/dist/components/types/form/types/button/loading/styles.mjs

@@ -1,94 +0,0 @@
-"use client";
-"use client";
-
-// components/types/form/types/button/loading/styles.tsx
-import styled from "styled-components";
-var Container = styled.div`
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 2rem;
-    margin-right: .5rem;
-
-    div {
-        width: .5rem;
-        height: .5rem;
-        border-radius: 1rem;
-        background: rgb(255, 255, 255, 1);
-
-        &:nth-child(1) {
-            animation: blinkOne infinite ease 2s;
-        }
-
-        &:nth-child(2) {
-            animation: blinkTwo infinite ease 2s;
-        }
-
-        &:nth-child(3) {
-            animation: blinkThree infinite ease 2s;
-        }
-    }
-
-    @keyframes blinkOne {
-        0% {
-            opacity: 0.8;
-        }
-        20% {
-            opacity: 0.2;
-        }
-        40% {
-            opacity: 0.2;
-        }
-        60% {
-            opacity: 0.2;
-        }
-        80% {
-            opacity: 0.2;
-        }
-        100% {
-            opacity: 0.8;
-        }
-    }
-
-    @keyframes blinkTwo {
-        0% {
-            opacity: 0.2;
-        }
-        20% {
-            opacity: 0.8;
-        }
-        40% {
-            opacity: 0.2;
-        }
-        60% {
-            opacity: 0.2;
-        }
-        80% {
-            opacity: 0.8;
-        }
-        100% {
-            opacity: 0.2;
-        }
-    }
-
-    @keyframes blinkThree {
-        0% {
-            opacity: 0.2;
-        }
-        25% {
-            opacity: 0.2;
-        }
-        50% {
-            opacity: 0.8;
-        }
-        75% {
-            opacity: 0.2;
-        }
-        100% {
-            opacity: 0.2;
-        }
-    }
-`;
-export {
-  Container
-};

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

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

package/dist/components/types/form/types/button/styles.mjs

@@ -1,47 +0,0 @@
-"use client";
-"use client";
-
-// components/types/form/types/button/styles.tsx
-import styled from "styled-components";
-var Container = styled.button`
-    border-radius: 5px;
-    font-size: .8rem;
-    font-weight: 500;
-    transition: ease .3s;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: ${(props) => props.transparent ? props.theme.t6 : props.outline ? props.color || props.theme.secondary : "#fff !important"};
-    background: ${(props) => props.transparent ? "transparent" : props.outline ? props.theme.t05 : props.color || props.theme.secondary};
-    border: 1px solid ${(props) => props.transparent ? "transparent" : props.outline ? props.theme.t05 : props.color || props.theme.secondary};
-    pointer-events: ${(props) => props.loading === "true" ? "none" : "auto"};
-    cursor: ${(props) => props.loading === "true" ? "default" : "pointer"};
-    opacity: ${(props) => props.loading === "true" ? 0.6 : 1};
-    padding: .4rem 2.5rem;
-    transition: ease .3s;
-
-    span {
-        text-align: center;
-        cursor: ${(props) => props.loading === "true" ? "default" : "pointer"};
-    }
-
-    &:disabled {
-        pointer-events: none;
-        
-        &::before {
-            opacity: .6;
-        }
-    }
-
-    &:hover {
-        opacity: .9;
-        color: ${(props) => props.transparent ? props.theme.t6 : props.outline ? props.color || props.theme.secondary : "#fff"};
-        
-        &::before {
-            background: ${(props) => props.transparent ? "transparent" : props.color || props.theme.secondary};
-        }
-    }
-`;
-export {
-  Container
-};

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

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

package/dist/components/types/form/types/datetime/index.mjs

@@ -1,93 +0,0 @@
-"use client";
-"use client";
-
-// components/types/form/types/datetime/styles.tsx
-import styled from "styled-components";
-var 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;
-
-        input {
-            border: 0;
-            padding: .5rem 1rem;
-            width: 100%;
-            font-size: .8rem;
-            background-color: ${({ theme }) => theme.primary};
-            color: ${({ theme }) => theme.t6};
-            color-scheme: ${(props) => props.theme || "light"};
-
-            &: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;
-    }
-`;
-
-// components/types/form/types/label/styles.tsx
-import styled2 from "styled-components";
-var Container2 = styled2.label`
-    font-size: .8rem;
-    font-weight: 500;
-    color: ${({ theme }) => theme.t6};
-`;
-
-// components/types/form/types/label/index.tsx
-import { jsx } from "react/jsx-runtime";
-function InputLabel(props) {
-  return /* @__PURE__ */ jsx(Container2, { className: props.className, children: props.children });
-}
-
-// components/types/form/types/datetime/index.tsx
-import _ from "lodash";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function InputDateTime(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(event);
-  };
-  return /* @__PURE__ */ jsxs(Container, { className: props.className, error: props.error, children: [
-    !!props.label && /* @__PURE__ */ jsxs(InputLabel, { children: [
-      props.label,
-      props.required ? "*" : ""
-    ] }),
-    /* @__PURE__ */ jsx2("div", { className: "iz-input-content", children: /* @__PURE__ */ jsx2(
-      "input",
-      {
-        ..._.omit(props, ["className", "onChange", "mask", "type", "required", "register"]),
-        type: "datetime-local",
-        onFocus: () => {
-          if (props.onFocus) props.onFocus(props.name);
-        },
-        maxLength: props.maxLength || 255,
-        ...register,
-        onChange
-      }
-    ) }),
-    !!props.error && /* @__PURE__ */ jsx2("div", { className: "iz-input-error", children: props.error })
-  ] });
-}
-export {
-  InputDateTime
-};

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

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

package/dist/components/types/form/types/datetime/styles.mjs

@@ -1,46 +0,0 @@
-"use client";
-"use client";
-
-// components/types/form/types/datetime/styles.tsx
-import styled from "styled-components";
-var 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;
-
-        input {
-            border: 0;
-            padding: .5rem 1rem;
-            width: 100%;
-            font-size: .8rem;
-            background-color: ${({ theme }) => theme.primary};
-            color: ${({ theme }) => theme.t6};
-            color-scheme: ${(props) => props.theme || "light"};
-
-            &: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;
-    }
-`;
-export {
-  Container
-};

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

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

package/dist/components/types/form/types/file/index.mjs

@@ -1,91 +0,0 @@
-"use client";
-"use client";
-
-// components/types/form/types/file/index.tsx
-import { useRef } from "react";
-
-// components/types/form/types/file/styles.tsx
-import styled from "styled-components";
-var 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;
-    }
-`;
-
-// components/types/form/types/label/styles.tsx
-import styled2 from "styled-components";
-var Container2 = styled2.label`
-    font-size: .8rem;
-    font-weight: 500;
-    color: ${({ theme }) => theme.t6};
-`;
-
-// components/types/form/types/label/index.tsx
-import { jsx } from "react/jsx-runtime";
-function InputLabel(props) {
-  return /* @__PURE__ */ jsx(Container2, { className: props.className, children: props.children });
-}
-
-// components/types/form/types/file/index.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function InputFile(props) {
-  var _a;
-  const inputRef = useRef({});
-  const register = (props.register || ((name) => ({})))(props.name || "");
-  const readImage = (data) => {
-    if (props.onPreview) props.onPreview(URL.createObjectURL(data));
-    if (props.onChange) props.onChange(data);
-  };
-  return /* @__PURE__ */ jsxs(Container, { className: props.className, error: props.error, disabled: props.disabled, children: [
-    /* @__PURE__ */ jsx2(
-      "input",
-      {
-        hidden: true,
-        type: "file",
-        id: "file",
-        accept: "image/*",
-        ref: inputRef,
-        disabled: props.disabled,
-        name: props.name,
-        onFocus: () => {
-          if (props.onFocus) props.onFocus(props.name);
-        },
-        ...register,
-        onChange: (e) => {
-          var _a2;
-          register.onChange(e);
-          readImage((_a2 = e.target.files) == null ? void 0 : _a2[0]);
-        }
-      }
-    ),
-    !!props.label && /* @__PURE__ */ jsxs(InputLabel, { children: [
-      props.label,
-      props.required ? "*" : ""
-    ] }),
-    /* @__PURE__ */ jsx2("div", { className: "iz-image-content", onClick: () => inputRef.current.click(), children: ((_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.value) || "selecione uma imagem" }),
-    !!props.error && /* @__PURE__ */ jsx2("div", { className: "iz-input-error", children: props.error })
-  ] });
-}
-export {
-  InputFile
-};

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

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