@gustavo-valsechi/client 1.3.25 → 1.3.26

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

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

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

@@ -1,135 +0,0 @@
-"use client";
-"use client";
-
-// components/types/modal/styles.tsx
-import styled from "styled-components";
-var Container = styled.div`
-  width: 100%;
-  height: 100%;
-  top: 0;
-  right: 0;
-  display: flex !important;
-  position: fixed;
-  z-index: ${(props) => props.toggle ? "9" : "-1"};
-  flex-direction: ${(props) => props.position === "left" ? "row-reverse" : "row"} !important;
-  transform: ${(props) => props.toggle ? "translateX(0%)" : "translateX(100%)"};
-  transition: ${(props) => props.toggle ? ".0s ease .0s" : ".3s ease .3s"};
-
-  .iz-modal-back {
-    width: 100%;
-    height: 100%;
-    background: rgb(0, 0, 0, 0.3);
-    opacity: ${(props) => props.toggle ? "1" : "0"};
-    transition: ease 0.3s;
-    position: absolute;
-  }
-
-  .iz-modal-container {
-    display: flex;
-    flex-direction: column;
-    height: ${(props) => props.position !== "center" ? "100%" : void 0};
-    width: ${(props) => props.position !== "center" ? "18rem" : void 0};
-    border-radius: ${(props) => props.position === "center" ? "10px" : void 0};
-    max-height: ${(props) => props.position === "center" ? "95%" : "100%"};
-    max-width: ${(props) => props.position === "center" ? "95%" : "100%"};
-    background: ${({ theme }) => theme.primary};
-    transform: ${(props) => props.toggle ? props.position === "right" || props.position === "left" ? "translateX(0rem)" : "translateX(-50%) translateY(50%)" : props.position === "right" ? "translateX(18rem)" : props.position === "left" ? "translateX(-18rem)" : "translateX(-50%) translateY(43%)"};
-    opacity: ${(props) => props.position === "center" && !props.toggle ? "0" : "1"};
-    transition: ease 0.3s;
-    position: absolute;
-
-    ${(props) => props.position === "right" ? "right: 0;" : props.position === "left" ? "left: 0;" : "left: 50%; bottom: 50%;"}
-
-    @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-      border-radius: ${(props) => props.position === "center" ? "10px 10px 0 0" : void 0};
-      width: ${(props) => props.position !== "center" ? "18rem" : "100%"};
-      max-width: 100%;
-      padding-bottom: 3rem !important;
-
-      transform: ${(props) => props.toggle ? props.position === "right" || props.position === "left" ? "translateX(0rem)" : "translateX(-50%) translateY(0)" : props.position === "right" ? "translateX(18rem)" : props.position === "left" ? "translateX(-18rem)" : "translateX(-50%) translateY(50%)"};
-
-      ${(props) => props.position === "right" ? "right: 0;" : props.position === "left" ? "left: 0;" : "left: 50%; bottom: 0;"}
-    }
-
-    .iz-modal-header {
-      padding: 1.5rem 2rem;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      border-bottom: 1px solid rgb(0, 0, 0, 0.2);
-
-      .iz-modal-title {
-        color: ${({ theme }) => theme.t6};
-        font-size: 1rem;
-        font-weight: 500;
-
-        i {
-          margin-right: .5rem;
-        }
-
-        span {
-          word-break: break-word;
-        }
-      }
-
-      .fa-xmark {
-        color: ${({ theme }) => theme.t6};
-        margin-left: .5rem;
-        cursor: pointer;
-
-        &:hover {
-          color: ${({ theme }) => theme.t8};
-        }
-      }
-    }
-
-    .iz-modal-content {
-      overflow-x: hidden;
-      overflow-y: overlay;
-      position: relative;
-      height: ${(props) => props.position === "center" ? "initial" : "100%"};
-
-      .iz-modal-close {
-        position: absolute;
-        color: ${(props) => props.light ? "rgb(255, 255, 255, 0.6)" : "rgb(0, 0, 0, 0.6)"};
-        top: ${(props) => props.position === "center" ? "1rem" : "1.5rem"};
-        right: ${(props) => props.position === "center" ? "1rem" : "1.5rem"};
-        width: 1rem;
-        height: 1rem;
-        cursor: pointer;
-        z-index: 9;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-          
-        @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-           display: none;
-        }
-
-        &:hover {
-          color: ${(props) => props.light ? "rgb(255, 255, 255, 1)" : "rgb(0, 0, 0, 1)"};
-        }
-      }
-    }
-
-    .iz-modal-buttons {
-      padding: 1rem 2rem;
-
-      @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-        padding: 1rem 2rem 2rem;
-      }
-
-      button {
-        width: 100%;
-        margin-bottom: .5rem;
-      }
-
-      button:last-child {
-        margin-bottom: 0;
-      }
-    }
-  }
-`;
-export {
-  Container
-};

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

@@ -1,3 +0,0 @@
-import { ITable } from "@interfaces";
-export * from "./paginate";
-export declare function Table(props: ITable): import("react/jsx-runtime").JSX.Element;

package/dist/components/types/table/modal/actions.d.ts

@@ -1,10 +0,0 @@
-declare const actionConfig: {
-    "fa-solid fa-pen-to-square": {
-        label: string;
-    };
-    "fa-solid fa-trash-can": {
-        label: string;
-        color: string;
-    };
-};
-export default actionConfig;

package/dist/components/types/table/modal/actions.mjs

@@ -1,87 +0,0 @@
-"use client";
-
-// contexts/theme/content.tsx
-var CommonTheme = {
-  secondary: "#5869da",
-  tertiary: "#629dfd33",
-  positive: "#65c965",
-  negative: "#FF334E",
-  mobileMaxWidth: "650px",
-  mobileMinWidth: "315px"
-};
-var Themes = {
-  light: {
-    primary: "#ffffff",
-    reverse: "#353535",
-    tooltip: "#f2f2f2",
-    t8: "#000000cc",
-    t7: "#000000b3",
-    t6: "#00000099",
-    t5: "#00000080",
-    t4: "#00000066",
-    t3: "#0000004d",
-    t2: "#00000033",
-    t1: "#0000001a",
-    t08: "#00000014",
-    t05: "#0000000d",
-    t03: "#00000007",
-    t02: "#00000005",
-    t01: "#00000002",
-    lgrad: `linear-gradient(
-            to right, 
-            #dadef7 0%, 
-            #dee2f8 5%, 
-            #e2e5f9 10%, 
-            #e6e9fa 20%, 
-            #eaedfb 30%, 
-            #eff0fb 60%, 
-            #f3f4fc 80%, 
-            #f7f8fd 90%, 
-            #fbfbfe 100%
-        )`,
-    maingrad: "linear-gradient(330deg, #b9c0ff7a 0%, #ffffff 100%)",
-    ...CommonTheme
-  },
-  dark: {
-    primary: "#333333",
-    reverse: "#b45252",
-    tooltip: "#3d3d3d",
-    t8: "#ffffffcc",
-    t7: "#ffffffb3",
-    t6: "#ffffff99",
-    t5: "#ffffff80",
-    t4: "#ffffff66",
-    t3: "#ffffff4d",
-    t2: "#ffffff33",
-    t1: "#ffffff1a",
-    t08: "#ffffff14",
-    t05: "#ffffff0d",
-    t03: "#ffffff07",
-    t02: "#ffffff05",
-    t01: "#ffffff02",
-    lgrad: `linear-gradient(
-            to right, 
-            #3d485c 0%, 
-            #3c4657 5%, 
-            #3b4353 10%, 
-            #3a414e 20%, 
-            #393f4a 30%, 
-            #373c45 60%, 
-            #363a41 80%, 
-            #35383c 90%, 
-            #343538 100%
-        )`,
-    maingrad: "linear-gradient(330deg, #1d1e27 0%, #333333 100%)",
-    ...CommonTheme
-  }
-};
-
-// components/types/table/modal/actions.tsx
-var actionConfig = {
-  "fa-solid fa-pen-to-square": { label: "editar" },
-  "fa-solid fa-trash-can": { label: "remover", color: CommonTheme.negative }
-};
-var actions_default = actionConfig;
-export {
-  actions_default as default
-};

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

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