@gustavo-valsechi/client 1.3.25 → 1.3.27

package/dist/{components/types/table/index.mjs → index.js}

@@ -1,18 +1,12 @@
 "use client";
-"use client";
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-var __commonJS = (cb, mod) => function __require2() {
+var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
 var __export = (target, all) => {
@@ -35,10 +29,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // node_modules/credit-card-type/dist/lib/card-types.js
 var require_card_types = __commonJS({
-  "node_modules/credit-card-type/dist/lib/card-types.js"(exports, module) {
+  "node_modules/credit-card-type/dist/lib/card-types.js"(exports2, module2) {
     "use strict";
     var cardTypes = {
       visa: {
@@ -235,32 +230,32 @@ var require_card_types = __commonJS({
         }
       }
     };
-    module.exports = cardTypes;
+    module2.exports = cardTypes;
   }
 });
 
 // node_modules/credit-card-type/dist/lib/clone.js
 var require_clone = __commonJS({
-  "node_modules/credit-card-type/dist/lib/clone.js"(exports) {
+  "node_modules/credit-card-type/dist/lib/clone.js"(exports2) {
     "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.clone = void 0;
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.clone = void 0;
     function clone(originalObject) {
       if (!originalObject) {
         return null;
       }
       return JSON.parse(JSON.stringify(originalObject));
     }
-    exports.clone = clone;
+    exports2.clone = clone;
   }
 });
 
 // node_modules/credit-card-type/dist/lib/matches.js
 var require_matches = __commonJS({
-  "node_modules/credit-card-type/dist/lib/matches.js"(exports) {
+  "node_modules/credit-card-type/dist/lib/matches.js"(exports2) {
     "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.matches = void 0;
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.matches = void 0;
     function matchesRange(cardNumber, min, max) {
       var maxLengthToCheck = String(min).length;
       var substr = cardNumber.substr(0, maxLengthToCheck);
@@ -279,16 +274,16 @@ var require_matches = __commonJS({
       }
       return matchesPattern(cardNumber, pattern);
     }
-    exports.matches = matches;
+    exports2.matches = matches;
   }
 });
 
 // node_modules/credit-card-type/dist/lib/add-matching-cards-to-results.js
 var require_add_matching_cards_to_results = __commonJS({
-  "node_modules/credit-card-type/dist/lib/add-matching-cards-to-results.js"(exports) {
+  "node_modules/credit-card-type/dist/lib/add-matching-cards-to-results.js"(exports2) {
     "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.addMatchingCardsToResults = void 0;
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.addMatchingCardsToResults = void 0;
     var clone_1 = require_clone();
     var matches_1 = require_matches();
     function addMatchingCardsToResults(cardNumber, cardConfiguration, results) {
@@ -311,29 +306,29 @@ var require_add_matching_cards_to_results = __commonJS({
         break;
       }
     }
-    exports.addMatchingCardsToResults = addMatchingCardsToResults;
+    exports2.addMatchingCardsToResults = addMatchingCardsToResults;
   }
 });
 
 // node_modules/credit-card-type/dist/lib/is-valid-input-type.js
 var require_is_valid_input_type = __commonJS({
-  "node_modules/credit-card-type/dist/lib/is-valid-input-type.js"(exports) {
+  "node_modules/credit-card-type/dist/lib/is-valid-input-type.js"(exports2) {
     "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.isValidInputType = void 0;
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.isValidInputType = void 0;
     function isValidInputType(cardNumber) {
       return typeof cardNumber === "string" || cardNumber instanceof String;
     }
-    exports.isValidInputType = isValidInputType;
+    exports2.isValidInputType = isValidInputType;
   }
 });
 
 // node_modules/credit-card-type/dist/lib/find-best-match.js
 var require_find_best_match = __commonJS({
-  "node_modules/credit-card-type/dist/lib/find-best-match.js"(exports) {
+  "node_modules/credit-card-type/dist/lib/find-best-match.js"(exports2) {
     "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.findBestMatch = void 0;
+    Object.defineProperty(exports2, "__esModule", { value: true });
+    exports2.findBestMatch = void 0;
     function hasEnoughResultsToDetermineBestMatch(results) {
       var numberOfResultsWithMaxStrengthProperty = results.filter(function(result) {
         return result.matchStrength;
@@ -354,15 +349,15 @@ var require_find_best_match = __commonJS({
         return bestMatch;
       });
     }
-    exports.findBestMatch = findBestMatch;
+    exports2.findBestMatch = findBestMatch;
   }
 });
 
 // node_modules/credit-card-type/dist/index.js
 var require_dist = __commonJS({
-  "node_modules/credit-card-type/dist/index.js"(exports, module) {
+  "node_modules/credit-card-type/dist/index.js"(exports2, module2) {
     "use strict";
-    var __assign = exports && exports.__assign || function() {
+    var __assign = exports2 && exports2.__assign || function() {
       __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
           s = arguments[i];
@@ -480,15 +475,15 @@ var require_dist = __commonJS({
       customCards = {};
     };
     creditCardType2.types = cardNames;
-    module.exports = creditCardType2;
+    module2.exports = creditCardType2;
   }
 });
 
 // node_modules/luhn/src/luhn.js
 var require_luhn = __commonJS({
-  "node_modules/luhn/src/luhn.js"(exports, module) {
+  "node_modules/luhn/src/luhn.js"(exports2, module2) {
     "use strict";
-    module.exports = /* @__PURE__ */ (function() {
+    module2.exports = /* @__PURE__ */ (function() {
       function validate(cardNumber) {
         var trimmed = String(cardNumber).replace(/[\s]/g, ""), length = trimmed.length, odd = false, total = 0, calc, calc2;
         if (!/^[0-9]+$/.test(trimmed)) {
@@ -532,12 +527,96 @@ var require_luhn = __commonJS({
   }
 });
 
+// index.tsx
+var index_exports = {};
+__export(index_exports, {
+  Avatar: () => Avatar,
+  Badge: () => Badge,
+  Block: () => Block,
+  Button: () => Button,
+  Chart: () => Chart,
+  Component: () => Component,
+  CreditCard: () => CreditCard,
+  Form: () => Form,
+  IconProvider: () => IconProviderContainer,
+  InputDateTime: () => InputDateTime,
+  InputFile: () => InputFile,
+  InputLabel: () => InputLabel,
+  InputSelect: () => InputSelect,
+  InputText: () => InputText,
+  InputTextarea: () => InputTextarea,
+  LoadingApp: () => LoadingApp,
+  LoadingBar: () => LoadingBar,
+  Logo: () => Logo,
+  Lottie: () => Lottie,
+  Modal: () => Modal2,
+  ModalProvider: () => ModalProviderContainer,
+  Paginate: () => Paginate,
+  Table: () => Table,
+  ThemeProvider: () => ThemeProviderContainer,
+  TooltipProvider: () => TooltipProviderContainer,
+  useIcon: () => useIcon,
+  useModal: () => useModal,
+  useTheme: () => useTheme,
+  useTooltip: () => useTooltip
+});
+module.exports = __toCommonJS(index_exports);
+
+// styled.ts
+var import_styled_components = require("styled-components");
+
+// components/index.tsx
+var import_react12 = require("react");
+
+// components/styles.tsx
+var import_styled_components2 = __toESM(require("styled-components"));
+var Container = import_styled_components2.default.div`
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+`;
+var RowContainer = import_styled_components2.default.div`
+    display: flex;
+    flex-direction: row;
+    align-items: stretch;
+    gap: 1rem;
+    flex-wrap: wrap;
+`;
+
+// components/index.tsx
+var import_lodash20 = __toESM(require("lodash"));
+
+// components/types/index.tsx
+var types_exports2 = {};
+__export(types_exports2, {
+  Avatar: () => Avatar,
+  Badge: () => Badge,
+  Block: () => Block,
+  Button: () => Button,
+  Chart: () => Chart,
+  CreditCard: () => CreditCard,
+  Form: () => Form,
+  InputDateTime: () => InputDateTime,
+  InputFile: () => InputFile,
+  InputLabel: () => InputLabel,
+  InputSelect: () => InputSelect,
+  InputText: () => InputText,
+  InputTextarea: () => InputTextarea,
+  LoadingApp: () => LoadingApp,
+  LoadingBar: () => LoadingBar,
+  Logo: () => Logo,
+  Lottie: () => Lottie,
+  Modal: () => Modal2,
+  Paginate: () => Paginate,
+  Table: () => Table
+});
+
 // components/types/table/index.tsx
-import { useEffect as useEffect8 } from "react";
+var import_react5 = require("react");
 
 // components/types/table/styles.tsx
-import styled from "styled-components";
-var Container = styled.div`
+var import_styled_components3 = __toESM(require("styled-components"));
+var Container2 = import_styled_components3.default.div`
     .iz-table-container {
         overflow-x: auto;
 
@@ -798,662 +877,1154 @@ var Container = styled.div`
     }
 `;
 
-// components/index.tsx
-import { Fragment } from "react";
-
-// components/styles.tsx
-import styled2 from "styled-components";
-var Container2 = styled2.div`
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-`;
-var RowContainer = styled2.div`
+// components/types/table/paginate/styles.tsx
+var import_styled_components4 = __toESM(require("styled-components"));
+var Container3 = import_styled_components4.default.div`
+    width: 100%;
     display: flex;
-    flex-direction: row;
-    align-items: stretch;
-    gap: 1rem;
-    flex-wrap: wrap;
-`;
+    align-items: center;
+    justify-content: center;
+    margin-top: 1.5rem;
 
-// components/index.tsx
-import _17 from "lodash";
+    .paginate {
+        font-size: .8rem;
+        font-weight: 500;
+        height: 1.5rem;
+        padding: 0 .6rem;
+        border-radius: 1rem;
+        transition: ease .3s;
+        color: ${({ theme }) => theme.t6};
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
 
-// components/types/index.tsx
-var types_exports2 = {};
-__export(types_exports2, {
-  Avatar: () => Avatar,
-  Badge: () => Badge,
-  Block: () => Block,
-  Button: () => Button,
-  Chart: () => Chart,
-  CreditCard: () => CreditCard,
-  Form: () => Form,
-  InputDateTime: () => InputDateTime,
-  InputFile: () => InputFile,
-  InputLabel: () => InputLabel,
-  InputSelect: () => InputSelect,
-  InputText: () => InputText,
-  InputTextarea: () => InputTextarea,
-  LoadingApp: () => LoadingApp,
-  LoadingBar: () => LoadingBar,
-  Logo: () => Logo,
-  Lottie: () => Lottie,
-  Modal: () => Modal,
-  Paginate: () => Paginate,
-  Table: () => Table
-});
+        &[data-current="true"] {
+            background: ${({ theme }) => theme.tertiary};
+            color: ${({ theme }) => theme.secondary};
 
-// components/types/loading/bar/styles.tsx
-import styled3 from "styled-components";
-var Container3 = styled3.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"};
+            &:hover {
+                background: ${({ theme }) => theme.tertiary};
+            }
+        }
 
-  @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)"};
+        &:hover {
+            background: ${({ theme }) => theme.t05};
+        }
     }
-  }
 `;
 
-// components/types/loading/bar/index.tsx
-import { jsx } from "react/jsx-runtime";
-function LoadingBar(props) {
-  return /* @__PURE__ */ jsx(Container3, { ...props });
+// components/types/table/paginate/index.tsx
+var import_lodash = __toESM(require("lodash"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function Paginate(props) {
+  const pages = () => {
+    const offset = Number(props.page.value) - 4;
+    let page = offset > 0 ? offset + 1 : 1;
+    let pages2 = [];
+    while (Number(props.total) >= page) {
+      pages2.push(page);
+      page++;
+    }
+    pages2 = import_lodash.default.slice(pages2, 0, 5);
+    if (Number(props.page.value) + 1 > 5) pages2 = import_lodash.default.concat(["1.."], pages2);
+    if (Number(props.total) > 6 && Number(props.page.value) + 1 < Number(props.total)) return import_lodash.default.concat(pages2, `..${props.total}`);
+    return pages2;
+  };
+  return Number(props.total) > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container3, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: "paginate back",
+        onClick: () => props.page.set ? props.page.set(
+          props.page.value ? props.page.value - 1 : props.page.value
+        ) : null,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-chevron-left" })
+      }
+    ),
+    import_lodash.default.map(
+      pages(),
+      (page, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: "paginate page",
+          "data-current": String(props.page.value === Number(import_lodash.default.replace(page, /\D/g, "")) - 1),
+          onClick: () => props.page.set ? props.page.set(Number(import_lodash.default.replace(page, /\D/g, "")) - 1) : null,
+          children: page
+        },
+        index
+      )
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: "paginate next",
+        onClick: () => props.page.set ? props.page.set(
+          props.page.value !== props.total - 1 ? props.page.value + 1 : props.page.value
+        ) : null,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-chevron-right" })
+      }
+    )
+  ] });
 }
 
-// components/types/loading/app/styles.tsx
-import styled4 from "styled-components";
-var Container4 = styled4.div`
-    width: ${({ initialization }) => initialization ? "100vw" : "100%"};
-    height: ${({ initialization }) => initialization ? "100vh" : "calc(100vh - 15rem)"};
+// contexts/icon/index.tsx
+var import_react2 = require("react");
+
+// contexts/theme/index.tsx
+var import_react = require("react");
+var import_styled_components6 = require("styled-components");
+
+// contexts/theme/styles.tsx
+var import_styled_components5 = __toESM(require("styled-components"));
+var Switcher = import_styled_components5.default.div`
+    width: 3rem;
+    height: 1.5rem;
+    border-radius: 1rem;
+    border: 2px solid ${({ theme }) => theme.t05};
+    overflow: hidden;
     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"};
+    cursor: pointer;
+    position: relative;
+
+    i {
+        color: ${({ theme }) => theme.t6};
+        position: absolute;
+        transform: translateY(-50%);
+        font-size: .9rem;
+        z-index: 0;
+        transition: ease .8s;
+
+        &:first-child {
+            left: .2rem;
+            top: 50%;
+            opacity: ${(props) => props["data-theme"] === "light" ? 0 : 1};
+        }
+
+        &:last-child {
+            right: .2rem;
+            top: 50%;
+            opacity: ${(props) => props["data-theme"] === "light" ? 1 : 0};
+        }
+    }
     
-    .iz-loading-logo {
-        font-size: 4rem;
-        opacity: 40%;
-        animation: loop 2s infinite;
+    .switcher {
+        width: 1rem;
+        height: 1rem;
+        border-radius: 1rem;
         position: relative;
+        transition: ease .3s;
+        transform: ${(props) => props["data-theme"] === "light" ? "transform: translateX(.2rem)" : "translateX(1.6rem)"};
+        z-index: 1;
 
-        &::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;
+        div {
+            width: 100%;
+            height: 100%;
+            background: ${({ theme }) => theme.primary};
+            border-radius: 1rem;
+            position: relative;
+            z-index: 2;
         }
 
-        &::after {
+        &:after {
             content: "";
             position: absolute;
-            width: 5rem;
-            height: 5rem;
-            animation: secondImpact 2s .5s infinite ease;
+            width: 100%;
+            height: 100%;
+            border-radius: 1rem;
+            transform: scale(1.8);
             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;
-            }
+            top: 0;
+            left: 0;
+            z-index: 1;
         }
 
-        @keyframes secondImpact {
-            0% {
-                transform: scale(1);
-                opacity: 0;
-            }
-            40% {
-                transform: scale(1.3);
-                opacity: 1;
-            }
-            100% {
-                transform: scale(1.3);
-                opacity: 0;
-            }
+        &:before {
+            content: "";
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            border-radius: 1rem;
+            transform: scale(3);
+            background: ${({ theme }) => theme.t05};
+            top: 0;
+            left: 0;
+            z-index: 0;
         }
     }
 `;
 
-// components/types/logo/styles.tsx
-import styled5 from "styled-components";
-var Container5 = styled5.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;
+// 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/logo/index.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function Logo(props) {
-  return /* @__PURE__ */ jsxs(Container5, { ...props, children: [
-    /* @__PURE__ */ jsx2("label", { children: "IZ" }),
-    !props.onlyPrefix && /* @__PURE__ */ jsx2("label", { children: "Way" })
-  ] });
-}
+// contexts/theme/index.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ThemeContext = (0, import_react.createContext)({});
+var ThemeProviderContainer = (props) => {
+  const [theme, setTheme] = (0, import_react.useState)("light");
+  const [defaultTheme] = (0, import_react.useState)("light");
+  const SwitcherComponent = () => {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      Switcher,
+      {
+        onClick: () => setTheme(theme === "light" ? "dark" : "light"),
+        "data-theme": theme || defaultTheme,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-moon" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "switcher", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-sun" })
+        ]
+      }
+    );
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    ThemeContext.Provider,
+    {
+      value: {
+        theme: props.theme || defaultTheme,
+        setTheme,
+        content: Themes[props.theme || defaultTheme],
+        Switcher: SwitcherComponent
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_styled_components6.ThemeProvider, { theme: Themes[props.theme || defaultTheme], children: props.children })
+    }
+  );
+};
+var useTheme = () => (0, import_react.useContext)(ThemeContext);
 
-// components/types/loading/app/index.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-function LoadingApp(props) {
-  return /* @__PURE__ */ jsx3(Container4, { ...props, children: /* @__PURE__ */ jsx3(Logo, { className: "iz-loading-logo", onlyPrefix: true }) });
-}
+// contexts/icon/index.tsx
+var import_lodash2 = __toESM(require("lodash"));
 
-// components/types/modal/styles.tsx
-import styled6 from "styled-components";
-var Container6 = styled6.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"};
+// contexts/icon/assets/brands/index.tsx
+var req = require.context("./", false, /\.svg$/);
+var brands = {};
+req.keys().forEach((key) => {
+  const name = key.replace("./", "").replace(".svg", "");
+  brands[name] = req(key).default;
+});
+var brands_default = brands;
 
-  .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;
-  }
+// contexts/icon/assets/regular/index.tsx
+var req2 = require.context("./", false, /\.svg$/);
+var regular = {};
+req2.keys().forEach((key) => {
+  const name = key.replace("./", "").replace(".svg", "");
+  regular[name] = req2(key).default;
+});
+var regular_default = regular;
 
-  .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;
+// contexts/icon/assets/solid/index.tsx
+var req3 = require.context("./", false, /\.svg$/);
+var solid = {};
+req3.keys().forEach((key) => {
+  const name = key.replace("./", "").replace(".svg", "");
+  solid[name] = req3(key).default;
+});
+var solid_default = solid;
 
-    ${(props) => props.position === "right" ? "right: 0;" : props.position === "left" ? "left: 0;" : "left: 50%; bottom: 50%;"}
+// contexts/icon/assets/index.tsx
+var assets_default = {
+  brands: brands_default,
+  regular: regular_default,
+  solid: solid_default
+};
 
-    @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;
+// contexts/icon/index.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var IconContext = (0, import_react2.createContext)({});
+var IconProviderContainer = ({ children }) => {
+  const { content } = useTheme();
+  const [isClient, setIsClient] = (0, import_react2.useState)(false);
+  const [matches, setMatches] = (0, import_react2.useState)(0);
+  (0, import_react2.useEffect)(() => {
+    setIsClient(true);
+  }, []);
+  (0, import_react2.useEffect)(() => {
+    const firstMediaQuery = window.matchMedia(`(max-width: ${content.mobileMaxWidth})`);
+    const secoundMediaQuery = window.matchMedia(`(max-width: ${content.mobileMinWidth})`);
+    const firstHandler = (event) => setMatches(event.matches ? 1 : 0);
+    const secoundHandler = (event) => setMatches(event.matches ? 2 : 1);
+    if (firstMediaQuery.matches) setMatches(1);
+    if (secoundMediaQuery.matches) setMatches(2);
+    firstMediaQuery.addEventListener("change", firstHandler);
+    secoundMediaQuery.addEventListener("change", secoundHandler);
+    return () => {
+      firstMediaQuery.removeEventListener("change", firstHandler);
+      secoundMediaQuery.removeEventListener("change", secoundHandler);
+    };
+  }, []);
+  (0, import_react2.useEffect)(() => {
+    if (!isClient) return;
+    const processElement = (element) => {
+      var _a, _b, _c, _d, _e;
+      const name = element.getAttribute("class");
+      if (!name) return;
+      const icon = import_lodash2.default.split(import_lodash2.default.replace(name, /fa-/g, ""), " ");
+      if (!icon.length) return;
+      let svg = (_d = (_c = (_a = assets_default[icon[0]]) == null ? void 0 : _a[icon[1]]) != null ? _c : (_b = assets_default["solid"]) == null ? void 0 : _b[icon[0]]) != null ? _d : "";
+      if (!svg) return;
+      svg = svg.replace(/fill=".*?"/g, 'fill="currentColor"');
+      const styles = window.getComputedStyle(element);
+      const size = Number((_e = import_lodash2.default.split(styles.fontSize, "px")) == null ? void 0 : _e[0]) + 2;
+      element.style.width = `${size}px`;
+      element.style.height = `${size}px`;
+      element.textContent = "";
+      element.innerHTML = svg;
+    };
+    document.querySelectorAll("i").forEach((el) => processElement(el));
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        mutation.addedNodes.forEach((node) => {
+          if (node.nodeType === 1) {
+            const el = node;
+            if (el.tagName.toLowerCase() === "i") processElement(el);
+            el.querySelectorAll("i").forEach((child) => processElement(child));
+          }
+        });
+      });
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    return () => observer.disconnect();
+  }, [isClient, matches]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(IconContext.Provider, { value: {}, children });
+};
+var useIcon = () => (0, import_react2.useContext)(IconContext);
 
-      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%)"};
+// contexts/tooltip/index.tsx
+var import_react3 = require("react");
 
-      ${(props) => props.position === "right" ? "right: 0;" : props.position === "left" ? "left: 0;" : "left: 50%; bottom: 0;"}
-    }
+// contexts/tooltip/styles.tsx
+var import_styled_components7 = __toESM(require("styled-components"));
+var Tooltip = import_styled_components7.default.div`
+    position: fixed;
+    background: ${({ theme }) => theme.tooltip};
+    color: ${({ theme }) => theme.t6};
+    font-size: .8rem;
+    font-weight: 500;
+    text-align: center;
+    padding: .3rem .8rem;
+    border-radius: 5px;
+    transform: translateX(-50%);
+    z-index: 10;
+    border: 1px solid ${({ theme }) => theme.t05};
 
-    .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 {
+    &::before {
+        content: "";
         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)"};
-        }
-      }
+        bottom: -9px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0;
+        height: 0;
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        border-top: 8px solid ${({ theme }) => theme.t05};
     }
 
-    .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;
-      }
+    &::after {
+        content: "";
+        position: absolute;
+        bottom: -8px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0;
+        height: 0;
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        border-top: 8px solid ${({ theme }) => theme.tooltip};
     }
-  }
 `;
 
-// components/types/modal/index.tsx
-import _ from "lodash";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-function Modal(props) {
-  var _a, _b, _c;
-  return /* @__PURE__ */ jsxs2(Container6, { ...props, position: props.position || "center", children: [
-    /* @__PURE__ */ jsx4("div", { className: "iz-modal-back", onClick: props.onClose }),
-    /* @__PURE__ */ jsxs2("div", { className: "iz-modal-container", children: [
-      (!!props.title || !!props.header) && /* @__PURE__ */ jsxs2("div", { className: "iz-modal-header", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "iz-modal-title", children: [
-          ((_a = props.header) == null ? void 0 : _a.icon) && /* @__PURE__ */ jsx4("i", { "aria-hidden": true, className: (_b = props.header) == null ? void 0 : _b.icon }),
-          /* @__PURE__ */ jsx4("span", { children: props.title || ((_c = props.header) == null ? void 0 : _c.title) })
-        ] }),
-        /* @__PURE__ */ jsx4("i", { "aria-hidden": true, className: "fa-solid fa-xmark", onClick: props.onClose })
-      ] }),
-      /* @__PURE__ */ jsxs2("div", { className: "iz-modal-content", children: [
-        props.onClose && !props.title && !props.header && !props.noCloseIcon && /* @__PURE__ */ jsx4("div", { className: "iz-modal-close", onClick: props.onClose, children: /* @__PURE__ */ jsx4("i", { "aria-hidden": true, className: "fa-solid fa-xmark" }) }),
-        props.children
-      ] }),
-      props.buttons && /* @__PURE__ */ jsx4("div", { className: "iz-modal-buttons", children: _.map(
-        props.buttons,
-        (button, index) => /* @__PURE__ */ jsx4(Button, { ...button }, index)
-      ) })
-    ] })
+// contexts/tooltip/index.tsx
+var import_lodash3 = __toESM(require("lodash"));
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var TooltipContext = (0, import_react3.createContext)({});
+var TooltipProviderContainer = ({ children }) => {
+  const [tooltips, setTooltips] = (0, import_react3.useState)([]);
+  const getContent = (target) => {
+    var _a;
+    const rect = target.getBoundingClientRect();
+    return {
+      top: rect.top + window.scrollY - (target.offsetHeight + 8),
+      left: rect.left + window.scrollX + target.offsetWidth / 2,
+      content: ((_a = target.dataset) == null ? void 0 : _a.tooltip) || ""
+    };
+  };
+  (0, import_react3.useEffect)(() => {
+    const processElement = (element) => {
+      element.addEventListener("mouseenter", (event) => {
+        const target = event == null ? void 0 : event.target;
+        if (!target) return;
+        setTooltips(import_lodash3.default.concat(tooltips, [getContent(target)]));
+      });
+      element.addEventListener("mouseleave", (event) => {
+        const target = event == null ? void 0 : event.target;
+        if (!target) return;
+        setTooltips(import_lodash3.default.filter(tooltips, (data) => JSON.stringify(data) === JSON.stringify(getContent(target))));
+      });
+    };
+    document.querySelectorAll("[data-tooltip]").forEach((el) => processElement(el));
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        mutation.addedNodes.forEach((node) => {
+          if (node.nodeType === 1) {
+            const el = node;
+            if (el.getAttribute("data-tooltip")) processElement(el);
+            el.querySelectorAll("[data-tooltip]").forEach((child) => processElement(child));
+          }
+        });
+      });
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    return () => observer.disconnect();
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(TooltipContext.Provider, { value: {}, children: [
+    import_lodash3.default.map(
+      tooltips,
+      (data, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        Tooltip,
+        {
+          style: {
+            top: data.top,
+            left: data.left
+          },
+          children: data.content
+        },
+        index
+      )
+    ),
+    children
   ] });
-}
-
-// components/types/badge/styles.tsx
-import styled7 from "styled-components";
-var Container7 = styled7.div`
-  .content {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    height: 1.8rem;
-    padding: 0 2rem;
-    position: relative;
+};
+var useTooltip = () => (0, import_react3.useContext)(TooltipContext);
 
-    div {
-      position: relative;
-      z-index: 1;
-      color: ${({ theme, color }) => theme[color]};
-      font-size: .8rem;
-      font-weight: 500;
-      text-transform: capitalize;
-    }
+// contexts/modal/index.tsx
+var import_react4 = require("react");
+var import_navigation = require("next/navigation");
 
-    &:before {
-      content: "";
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      border-radius: 5px;
-      background: ${({ theme, color }) => theme[color]};
-      opacity: .2;
-    }
-  }
+// contexts/modal/styles.tsx
+var import_styled_components8 = __toESM(require("styled-components"));
+var Container4 = import_styled_components8.default.div`
+  
 `;
 
-// contexts/icon/index.tsx
-import { createContext as createContext2, useContext as useContext2, useEffect as useEffect2, useState as useState2 } from "react";
+// contexts/modal/index.tsx
+var import_lodash4 = __toESM(require("lodash"));
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var ModalContext = (0, import_react4.createContext)({});
+var memory = [];
+var ModalProviderContainer = ({ children }) => {
+  const pathname = (0, import_navigation.usePathname)();
+  const [modals, setModals] = (0, import_react4.useState)([]);
+  (0, import_react4.useEffect)(() => {
+    setModals(import_lodash4.default.filter(memory, (modal) => modal.type === "fixed"));
+  }, [pathname]);
+  const add = (modal) => {
+    if (import_lodash4.default.some(memory, (data) => data.name === modal.name)) return;
+    memory.push(modal);
+    setModals(memory);
+  };
+  const remove = (modalName) => {
+    const index = import_lodash4.default.findIndex(memory, (data) => data.name === modalName);
+    memory.slice(index, 1);
+    setModals(memory);
+  };
+  const setProps = (modalName, props) => {
+    const index = import_lodash4.default.findIndex(modals, (modal) => modal.name === modalName);
+    const content = import_lodash4.default.find(modals, (modal) => modal.name === modalName);
+    if (!content) return;
+    let settedModals = [...modals];
+    settedModals.splice(index, 1, { ...content, props: { ...content.props, ...props } });
+    setModals(settedModals);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    ModalContext.Provider,
+    {
+      value: {
+        value: modals,
+        add,
+        remove,
+        setProps
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Container4, { children: import_lodash4.default.map(modals, (modal, index) => {
+          const ModalComponent = modal.component;
+          return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModalComponent, { ...modal.props }, index);
+        }) }),
+        children
+      ]
+    }
+  );
+};
+var useModal = () => (0, import_react4.useContext)(ModalContext);
 
-// contexts/theme/index.tsx
-import { createContext, useContext, useState } from "react";
-import { ThemeProvider } from "styled-components";
+// components/types/table/index.tsx
+var import_lodash6 = __toESM(require("lodash"));
 
-// contexts/theme/styles.tsx
-import styled8 from "styled-components";
-var Switcher = styled8.div`
-    width: 3rem;
-    height: 1.5rem;
-    border-radius: 1rem;
-    border: 2px solid ${({ theme }) => theme.t05};
-    overflow: hidden;
+// components/types/table/modal/styles.tsx
+var import_styled_components9 = __toESM(require("styled-components"));
+var Content = import_styled_components9.default.div`
+    padding: 1.5rem;
     display: flex;
-    align-items: center;
-    cursor: pointer;
-    position: relative;
-
-    i {
+    flex-direction: column;
+    gap: 1.5rem;
+    
+    .iz-table-modal-title {
+        font-size: 1.2rem;
+        font-weight: 500;
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
         color: ${({ theme }) => theme.t6};
-        position: absolute;
-        transform: translateY(-50%);
-        font-size: .9rem;
-        z-index: 0;
-        transition: ease .8s;
-
-        &:first-child {
-            left: .2rem;
-            top: 50%;
-            opacity: ${(props) => props["data-theme"] === "light" ? 0 : 1};
-        }
+    }
+    
+    .iz-table-modal-content {
+        ul {
+            li {
+                border-bottom: solid 1px ${({ theme }) => theme.t05};
+                padding: .8rem 0;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                gap: 1rem;
+                font-size: .8rem;
+                color: ${({ theme }) => theme.t6};
 
-        &:last-child {
-            right: .2rem;
-            top: 50%;
-            opacity: ${(props) => props["data-theme"] === "light" ? 1 : 0};
+                &:last-child {
+                    border-bottom: none;
+                }
+                
+                .iz-table-modal-column {
+                    background: ${({ theme }) => theme.t05};
+                    padding: .5rem .8rem;
+                    font-weight: 600;
+                    border-radius: 5px;
+                }
+                
+                .iz-table-modal-row {
+                    text-align: right;
+                }
+            }
         }
     }
     
-    .switcher {
-        width: 1rem;
-        height: 1rem;
-        border-radius: 1rem;
-        position: relative;
-        transition: ease .3s;
-        transform: ${(props) => props["data-theme"] === "light" ? "transform: translateX(.2rem)" : "translateX(1.6rem)"};
-        z-index: 1;
+    .iz-table-modal-actions {
+        margin-top: 1rem;
+    }
+`;
 
-        div {
-            width: 100%;
-            height: 100%;
-            background: ${({ theme }) => theme.primary};
-            border-radius: 1rem;
-            position: relative;
-            z-index: 2;
-        }
+// components/types/table/modal/index.tsx
+var import_lodash5 = __toESM(require("lodash"));
 
-        &:after {
+// 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;
+
+// components/types/table/modal/index.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Modal(props) {
+  const modal = useModal();
+  const content = import_lodash5.default.omit(props.content, ["actions"]);
+  const actions = Object.values(import_lodash5.default.pick(props.content, ["actions"]))[0];
+  const onClose = () => {
+    modal.setProps("table", { toggle: false });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    Component,
+    {
+      content: [{
+        type: "Modal",
+        props: {
+          toggle: props.toggle,
+          onClose,
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Container2, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Content, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "iz-table-modal-title", children: "Conte\xFAdo" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "iz-table-modal-content", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { children: import_lodash5.default.map(
+              content,
+              (value, key) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("li", { children: [
+                !!key && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "iz-table-modal-column", children: key }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "iz-table-modal-row", children: value })
+              ] }, key)
+            ) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "iz-table-modal-actions", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              Component,
+              {
+                content: import_lodash5.default.concat(import_lodash5.default.map(actions, (data) => ({
+                  type: "Button",
+                  props: {
+                    ...actions_default[data.icon] || {},
+                    onClick: data.function
+                  }
+                })), {
+                  type: "Button",
+                  props: {
+                    label: "fechar",
+                    outline: true,
+                    onClick: onClose
+                  }
+                })
+              }
+            ) })
+          ] }) })
+        }
+      }]
+    }
+  );
+}
+
+// components/types/table/index.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function Table(props) {
+  var _a, _b, _c, _d, _e, _f;
+  const theme = useTheme();
+  const modal = useModal();
+  const loading = ((_a = props.loading) == null ? void 0 : _a.is) || props.loading;
+  (0, import_react5.useEffect)(() => {
+    modal.add({ component: Modal, name: "table" });
+    return () => modal.remove("table");
+  }, []);
+  const onShowLine = (key) => {
+    if (window.innerWidth > Number(import_lodash6.default.replace(theme.content.mobileMaxWidth, "px", ""))) return;
+    let content = {};
+    import_lodash6.default.forEach(props.options, (data, index) => {
+      var _a2, _b2;
+      const column = ((_a2 = data.column) == null ? void 0 : _a2.name) || data.column;
+      const columnName = !import_lodash6.default.isString(column) ? props.options.length - 1 === index ? "actions" : "" : column;
+      content[columnName] = columnName === "actions" ? (_b2 = data.row) == null ? void 0 : _b2.actions : renderRowContainer(props.content[key], data);
+    });
+    modal.setProps("table", { toggle: true, content });
+  };
+  const renderRowContainer = (data, option) => {
+    var _a2, _b2, _c2, _d2;
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "div",
+      {
+        className: `
+          iz-table-content 
+          ${((_a2 = option.row) == null ? void 0 : _a2.actions) ? "iz-table-action" : ""} 
+          ${((_b2 = option.row) == null ? void 0 : _b2.icon) ? "iz-table-identifier" : ""}
+        `,
+        style: import_lodash6.default.isFunction((_c2 = option.row) == null ? void 0 : _c2.style) ? option.row.style(data, option) : (_d2 = option.row) == null ? void 0 : _d2.style,
+        children: renderRowContent(data, option)
+      }
+    );
+  };
+  const renderRowContent = (data, option) => {
+    var _a2, _b2, _c2, _d2, _e2;
+    if (!!((_a2 = option.row) == null ? void 0 : _a2.actions)) {
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "iz-table-actions", children: import_lodash6.default.map(
+        (_b2 = option.row) == null ? void 0 : _b2.actions,
+        (action, index) => renderButton(action, data, index)
+      ) });
+    }
+    if ((_c2 = option.row) == null ? void 0 : _c2.icon) {
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "iz-table-icon", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "i",
+        {
+          "aria-hidden": true,
+          className: import_lodash6.default.isFunction((_d2 = option.row) == null ? void 0 : _d2.icon) ? option.row.icon(data) || "fa-solid fa-circle-user" : ((_e2 = option.row) == null ? void 0 : _e2.icon) || "fa-solid fa-circle-user"
+        }
+      ) });
+    }
+    return renderRowText(data, option);
+  };
+  const renderButton = (action, data, index) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "button",
+      {
+        className: `iz-table-button ${import_lodash6.default.includes(action.icon, "trash") ? "negative" : ""}`,
+        onClick: () => action.function ? action.function(data) : null,
+        disabled: action.disabled,
+        "data-tooltip": action.tooltip,
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("i", { "aria-hidden": true, className: action.icon || "fa-solid fa-eye" })
+      },
+      index
+    );
+  };
+  const renderRowText = (data, option) => {
+    const row = option.row || {};
+    const content = data[row.name] || data;
+    let body;
+    while (!body) {
+      if (import_lodash6.default.isString(row)) body = data[row];
+      if (import_lodash6.default.isString(content)) body = content;
+      if (import_lodash6.default.isFunction(row.mask)) body = row.mask(content);
+      if (import_lodash6.default.isFunction(row.custom)) body = row.custom(content);
+      body = body != null ? body : "---";
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "div",
+      {
+        className: "iz-table-content-elipse",
+        title: import_lodash6.default.isString(body) ? body : "",
+        children: body
+      }
+    );
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Container2, { notFound: !((_b = props.content) == null ? void 0 : _b.length) && !props.loading, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "iz-table-container", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("table", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { children: import_lodash6.default.map(
+        props.options,
+        (option, index) => {
+          var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i;
+          return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { style: (_a2 = option.column) == null ? void 0 : _a2.style, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            "div",
+            {
+              className: `iz-table-content ${((_b2 = option.column) == null ? void 0 : _b2.action) ? `iz-table-action ${((_d2 = (_c2 = option.column) == null ? void 0 : _c2.action) == null ? void 0 : _d2.position) ? (_f2 = (_e2 = option.column) == null ? void 0 : _e2.action) == null ? void 0 : _f2.position : ""}` : ""}`,
+              children: !!((_g = option.column) == null ? void 0 : _g.action) ? renderButton(option.column.action) : import_lodash6.default.isString(((_h = option.column) == null ? void 0 : _h.name) || option.column) ? ((_i = option.column) == null ? void 0 : _i.name) || option.column : ""
+            }
+          ) }, index);
+        }
+      ) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tbody", { children: loading ? import_lodash6.default.map(((_c = props.loading) == null ? void 0 : _c.items) || [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], (data, key) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { children: import_lodash6.default.map(props.options, (data2, index) => {
+        var _a2;
+        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          LoadingBar,
+          {
+            height: "2.5rem",
+            borderRadius: index === 0 ? "5px 0 0 5px" : ((_a2 = props.options) == null ? void 0 : _a2.length) - 1 === index ? "0 5px 5px 0" : "0",
+            margin: key === 0 ? "1.5rem 0 0" : ".5rem 0 0"
+          }
+        ) }, index);
+      }) }, key)) : import_lodash6.default.map(props.content, (data, key) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { children: import_lodash6.default.map(props.options, (option, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { onClick: () => index < 2 ? onShowLine(key) : null, children: renderRowContainer(data, option) }, index)) }, key)) })
+    ] }) }),
+    !((_d = props.content) == null ? void 0 : _d.length) && !props.loading && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "iz-table-not-found", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: ((_e = props.notFound) == null ? void 0 : _e.title) || "Nenhuma campanha encontrado" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: ((_f = props.notFound) == null ? void 0 : _f.message) || "Envie uma campanha de marketing para aparecer algum registro" })
+    ] }),
+    !!props.paginate && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Paginate, { ...props.paginate })
+  ] });
+}
+
+// components/types/loading/bar/styles.tsx
+var import_styled_components10 = __toESM(require("styled-components"));
+var Container5 = import_styled_components10.default.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)"};
+    }
+  }
+`;
+
+// components/types/loading/bar/index.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function LoadingBar(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Container5, { ...props });
+}
+
+// components/types/loading/app/styles.tsx
+var import_styled_components11 = __toESM(require("styled-components"));
+var Container6 = import_styled_components11.default.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: 100%;
-            height: 100%;
-            border-radius: 1rem;
-            transform: scale(1.8);
+            width: 5rem;
+            height: 5rem;
+            animation: firstImpact 2s .5s infinite ease;
             background: ${({ theme }) => theme.t05};
-            top: 0;
-            left: 0;
-            z-index: 1;
+            border-radius: 50%;
+            z-index: 0;
+            opacity: 0;
         }
 
-        &:before {
+        &::after {
             content: "";
             position: absolute;
-            width: 100%;
-            height: 100%;
-            border-radius: 1rem;
-            transform: scale(3);
+            width: 5rem;
+            height: 5rem;
+            animation: secondImpact 2s .5s infinite ease;
             background: ${({ theme }) => theme.t05};
-            top: 0;
-            left: 0;
+            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;
+            }
         }
     }
 `;
 
-// 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/logo/styles.tsx
+var import_styled_components12 = __toESM(require("styled-components"));
+var Container7 = import_styled_components12.default.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};
   }
-};
 
-// contexts/theme/index.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var ThemeContext = createContext({});
-var useTheme = () => useContext(ThemeContext);
+  label:last-child {
+    font-weight: 600;
+  }
+`;
 
-// contexts/icon/index.tsx
-import _2 from "lodash";
+// components/types/logo/index.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function Logo(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Container7, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { children: "IZ" }),
+    !props.onlyPrefix && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { children: "Way" })
+  ] });
+}
 
-// contexts/icon/assets/brands/index.tsx
-var req = __require.context("./", false, /\.svg$/);
-var brands = {};
-req.keys().forEach((key) => {
-  const name = key.replace("./", "").replace(".svg", "");
-  brands[name] = req(key).default;
-});
+// components/types/loading/app/index.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function LoadingApp(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Container6, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Logo, { className: "iz-loading-logo", onlyPrefix: true }) });
+}
 
-// contexts/icon/assets/regular/index.tsx
-var req2 = __require.context("./", false, /\.svg$/);
-var regular = {};
-req2.keys().forEach((key) => {
-  const name = key.replace("./", "").replace(".svg", "");
-  regular[name] = req2(key).default;
-});
+// components/types/modal/styles.tsx
+var import_styled_components13 = __toESM(require("styled-components"));
+var Container8 = import_styled_components13.default.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"};
 
-// contexts/icon/assets/solid/index.tsx
-var req3 = __require.context("./", false, /\.svg$/);
-var solid = {};
-req3.keys().forEach((key) => {
-  const name = key.replace("./", "").replace(".svg", "");
-  solid[name] = req3(key).default;
-});
+  .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;
+  }
 
-// contexts/icon/index.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-var IconContext = createContext2({});
+  .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;
 
-// contexts/tooltip/index.tsx
-import { createContext as createContext3, useContext as useContext3, useEffect as useEffect3, useState as useState3 } from "react";
+    ${(props) => props.position === "right" ? "right: 0;" : props.position === "left" ? "left: 0;" : "left: 50%; bottom: 50%;"}
 
-// contexts/tooltip/styles.tsx
-import styled9 from "styled-components";
-var Tooltip = styled9.div`
-    position: fixed;
-    background: ${({ theme }) => theme.tooltip};
-    color: ${({ theme }) => theme.t6};
-    font-size: .8rem;
-    font-weight: 500;
-    text-align: center;
-    padding: .3rem .8rem;
-    border-radius: 5px;
-    transform: translateX(-50%);
-    z-index: 10;
-    border: 1px solid ${({ theme }) => theme.t05};
+    @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;
 
-    &::before {
-        content: "";
-        position: absolute;
-        bottom: -9px;
-        left: 50%;
-        transform: translateX(-50%);
-        width: 0;
-        height: 0;
-        border-left: 8px solid transparent;
-        border-right: 8px solid transparent;
-        border-top: 8px solid ${({ theme }) => theme.t05};
+      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;"}
     }
 
-    &::after {
-        content: "";
+    .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;
-        bottom: -8px;
-        left: 50%;
-        transform: translateX(-50%);
-        width: 0;
-        height: 0;
-        border-left: 8px solid transparent;
-        border-right: 8px solid transparent;
-        border-top: 8px solid ${({ theme }) => theme.tooltip};
+        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;
+      }
     }
+  }
 `;
 
-// contexts/tooltip/index.tsx
-import _3 from "lodash";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
-var TooltipContext = createContext3({});
+// components/types/modal/index.tsx
+var import_lodash7 = __toESM(require("lodash"));
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function Modal2(props) {
+  var _a, _b, _c;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Container8, { ...props, position: props.position || "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "iz-modal-back", onClick: props.onClose }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "iz-modal-container", children: [
+      (!!props.title || !!props.header) && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "iz-modal-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "iz-modal-title", children: [
+          ((_a = props.header) == null ? void 0 : _a.icon) && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("i", { "aria-hidden": true, className: (_b = props.header) == null ? void 0 : _b.icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: props.title || ((_c = props.header) == null ? void 0 : _c.title) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-xmark", onClick: props.onClose })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "iz-modal-content", children: [
+        props.onClose && !props.title && !props.header && !props.noCloseIcon && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "iz-modal-close", onClick: props.onClose, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-xmark" }) }),
+        props.children
+      ] }),
+      props.buttons && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "iz-modal-buttons", children: import_lodash7.default.map(
+        props.buttons,
+        (button, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { ...button }, index)
+      ) })
+    ] })
+  ] });
+}
 
-// contexts/modal/index.tsx
-import { createContext as createContext4, useContext as useContext4, useEffect as useEffect4, useState as useState4 } from "react";
-import { usePathname } from "next/navigation";
+// components/types/badge/styles.tsx
+var import_styled_components14 = __toESM(require("styled-components"));
+var Container9 = import_styled_components14.default.div`
+  .content {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    height: 1.8rem;
+    padding: 0 2rem;
+    position: relative;
 
-// contexts/modal/styles.tsx
-import styled10 from "styled-components";
-var Container8 = styled10.div`
-  
-`;
+    div {
+      position: relative;
+      z-index: 1;
+      color: ${({ theme, color }) => theme[color]};
+      font-size: .8rem;
+      font-weight: 500;
+      text-transform: capitalize;
+    }
 
-// contexts/modal/index.tsx
-import _4 from "lodash";
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-var ModalContext = createContext4({});
-var useModal = () => useContext4(ModalContext);
+    &:before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      border-radius: 5px;
+      background: ${({ theme, color }) => theme[color]};
+      opacity: .2;
+    }
+  }
+`;
 
 // components/types/badge/index.tsx
-import _5 from "lodash";
-import { jsx as jsx9 } from "react/jsx-runtime";
+var import_lodash8 = __toESM(require("lodash"));
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function Badge(props) {
   const { content } = useTheme();
   const status = {
@@ -1463,15 +2034,15 @@ function Badge(props) {
     INSTAVEL: "negative",
     REGULAR: "negative"
   };
-  return /* @__PURE__ */ jsx9(Container7, { color: status[props.value] || content.t3, children: /* @__PURE__ */ jsx9("div", { className: "content", children: /* @__PURE__ */ jsx9("div", { children: _5.lowerCase(props.value) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Container9, { color: status[props.value] || content.t3, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "content", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { children: import_lodash8.default.lowerCase(props.value) }) }) });
 }
 
 // components/types/form/index.tsx
-import React8, { useEffect as useEffect5, useRef as useRef2 } from "react";
+var import_react9 = __toESM(require("react"));
 
 // components/types/form/styles.tsx
-import styled11 from "styled-components";
-var Container9 = styled11.form`
+var import_styled_components15 = __toESM(require("styled-components"));
+var Container10 = import_styled_components15.default.form`
     width: 100%;
 
     .form-buttons {
@@ -1486,10 +2057,10 @@ var Container9 = styled11.form`
 `;
 
 // components/types/form/index.tsx
-import { z } from "zod";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import _11 from "lodash";
+var import_zod = require("zod");
+var import_react_hook_form = require("react-hook-form");
+var import_zod2 = require("@hookform/resolvers/zod");
+var import_lodash14 = __toESM(require("lodash"));
 
 // components/types/form/types/index.tsx
 var types_exports = {};
@@ -1504,11 +2075,11 @@ __export(types_exports, {
 });
 
 // components/types/form/types/file/index.tsx
-import { useRef } from "react";
+var import_react6 = require("react");
 
 // components/types/form/types/file/styles.tsx
-import styled12 from "styled-components";
-var Container10 = styled12.div`
+var import_styled_components16 = __toESM(require("styled-components"));
+var Container11 = import_styled_components16.default.div`
     width: 100%;
     padding-top: .3rem;
 
@@ -1535,31 +2106,31 @@ var Container10 = styled12.div`
 `;
 
 // components/types/form/types/label/styles.tsx
-import styled13 from "styled-components";
-var Container11 = styled13.label`
+var import_styled_components17 = __toESM(require("styled-components"));
+var Container12 = import_styled_components17.default.label`
     font-size: .8rem;
     font-weight: 500;
     color: ${({ theme }) => theme.t6};
 `;
 
 // components/types/form/types/label/index.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function InputLabel(props) {
-  return /* @__PURE__ */ jsx10(Container11, { className: props.className, children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Container12, { className: props.className, children: props.children });
 }
 
 // components/types/form/types/file/index.tsx
-import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function InputFile(props) {
   var _a;
-  const inputRef = useRef({});
+  const inputRef = (0, import_react6.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__ */ jsxs6(Container10, { className: props.className, error: props.error, disabled: props.disabled, children: [
-    /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Container11, { className: props.className, error: props.error, disabled: props.disabled, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "input",
       {
         hidden: true,
@@ -1580,21 +2151,21 @@ function InputFile(props) {
         }
       }
     ),
-    !!props.label && /* @__PURE__ */ jsxs6(InputLabel, { children: [
+    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(InputLabel, { children: [
       props.label,
       props.required ? "*" : ""
     ] }),
-    /* @__PURE__ */ jsx11("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__ */ jsx11("div", { className: "iz-input-error", children: props.error })
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("div", { className: "iz-input-error", children: props.error })
   ] });
 }
 
 // components/types/form/types/input/index.tsx
-import { useState as useState5 } from "react";
+var import_react7 = require("react");
 
 // components/types/form/types/input/styles.tsx
-import styled14 from "styled-components";
-var Container12 = styled14.div`
+var import_styled_components18 = __toESM(require("styled-components"));
+var Container13 = import_styled_components18.default.div`
     width: 100%;
     padding-top: .3rem;
 
@@ -1640,10 +2211,10 @@ var Container12 = styled14.div`
 `;
 
 // components/types/form/types/input/index.tsx
-import _6 from "lodash";
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+var import_lodash9 = __toESM(require("lodash"));
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function InputText(props) {
-  const [showPassword, setShowPassword] = useState5(false);
+  const [showPassword, setShowPassword] = (0, import_react7.useState)(false);
   const register = (props.register || ((name) => ({})))(props.name || "");
   const onChange = (event) => {
     const value = event.target.value || "";
@@ -1651,16 +2222,16 @@ function InputText(props) {
     if (register.onChange) register.onChange(event);
     if (props.onChange) props.onChange(value);
   };
-  return /* @__PURE__ */ jsxs7(Container12, { className: props.className, error: props.error, password: props.type === "password", children: [
-    !!props.label && /* @__PURE__ */ jsxs7(InputLabel, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Container13, { className: props.className, error: props.error, password: props.type === "password", children: [
+    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(InputLabel, { children: [
       props.label,
       props.required ? "*" : ""
     ] }),
-    /* @__PURE__ */ jsxs7("div", { className: "iz-input-content", children: [
-      /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "iz-input-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         "input",
         {
-          ..._6.omit(props, ["className", "register", "mask"]),
+          ...import_lodash9.default.omit(props, ["className", "register", "mask"]),
           type: props.type === "password" ? showPassword ? "text" : "password" : props.type,
           maxLength: props.maxLength || 255,
           onFocus: () => {
@@ -1670,7 +2241,7 @@ function InputText(props) {
           onChange
         }
       ),
-      props.type === "password" && /* @__PURE__ */ jsx12(
+      props.type === "password" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         "i",
         {
           "aria-hidden": true,
@@ -1679,16 +2250,16 @@ function InputText(props) {
         }
       )
     ] }),
-    !!props.error && /* @__PURE__ */ jsx12("div", { className: "iz-input-error", children: props.error })
+    !!props.error && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "iz-input-error", children: props.error })
   ] });
 }
 
 // components/types/form/types/select/index.tsx
-import { useState as useState6 } from "react";
+var import_react8 = require("react");
 
 // components/types/form/types/select/styles.tsx
-import styled15 from "styled-components";
-var Container13 = styled15.div`
+var import_styled_components19 = __toESM(require("styled-components"));
+var Container14 = import_styled_components19.default.div`
     width: 100%;
     padding-top: .3rem;
 
@@ -1740,26 +2311,26 @@ var Container13 = styled15.div`
 `;
 
 // components/types/form/types/select/index.tsx
-import _7 from "lodash";
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+var import_lodash10 = __toESM(require("lodash"));
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function InputSelect(props) {
-  const [focus, setFocus] = useState6(false);
+  const [focus, setFocus] = (0, import_react8.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 /* @__PURE__ */ jsxs8(Container13, { className: props.className, error: props.error, children: [
-    !!props.label && /* @__PURE__ */ jsxs8(InputLabel, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Container14, { className: props.className, error: props.error, children: [
+    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(InputLabel, { children: [
       props.label,
       props.required ? "*" : ""
     ] }),
-    /* @__PURE__ */ jsxs8("div", { className: "iz-input-content", children: [
-      /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "iz-input-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "select",
         {
-          ..._7.omit(props, ["className", "onChange", "onFocus", "options", "onMouseDown", "onBlur", "maxLength", "required", "register"]),
+          ...import_lodash10.default.omit(props, ["className", "onChange", "onFocus", "options", "onMouseDown", "onBlur", "maxLength", "required", "register"]),
           onMouseDown: () => setFocus(!focus),
           onFocus: () => {
             if (props.onFocus) props.onFocus(props.name);
@@ -1770,9 +2341,9 @@ function InputSelect(props) {
             setFocus(false);
           },
           onChange,
-          children: _7.map(
+          children: import_lodash10.default.map(
             props.options,
-            (data, index) => /* @__PURE__ */ jsx13(
+            (data, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               "option",
               {
                 value: Object.keys(data),
@@ -1783,15 +2354,15 @@ function InputSelect(props) {
           )
         }
       ),
-      /* @__PURE__ */ jsx13("i", { "aria-hidden": true, className: focus ? "fa-solid fa-chevron-up" : "fa-solid fa-chevron-down" })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", { "aria-hidden": true, className: focus ? "fa-solid fa-chevron-up" : "fa-solid fa-chevron-down" })
     ] }),
-    !!props.error && /* @__PURE__ */ jsx13("div", { className: "iz-input-error", children: props.error })
+    !!props.error && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "iz-input-error", children: props.error })
   ] });
 }
 
 // components/types/form/types/button/styles.tsx
-import styled16 from "styled-components";
-var Container14 = styled16.button`
+var import_styled_components20 = __toESM(require("styled-components"));
+var Container15 = import_styled_components20.default.button`
     border-radius: 5px;
     font-size: .8rem;
     font-weight: 500;
@@ -1832,8 +2403,8 @@ var Container14 = styled16.button`
 `;
 
 // components/types/form/types/button/loading/styles.tsx
-import styled17 from "styled-components";
-var Container15 = styled17.div`
+var import_styled_components21 = __toESM(require("styled-components"));
+var Container16 = import_styled_components21.default.div`
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -1921,37 +2492,37 @@ var Container15 = styled17.div`
 `;
 
 // components/types/form/types/button/loading/index.tsx
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function Loading() {
-  return /* @__PURE__ */ jsxs9(Container15, { children: [
-    /* @__PURE__ */ jsx14("div", {}),
-    /* @__PURE__ */ jsx14("div", {}),
-    /* @__PURE__ */ jsx14("div", {})
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Container16, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {})
   ] });
 }
 
 // components/types/form/types/button/index.tsx
-import _8 from "lodash";
-import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+var import_lodash11 = __toESM(require("lodash"));
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function Button(props) {
-  return /* @__PURE__ */ jsxs10(
-    Container14,
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    Container15,
     {
       loading: String(!!props.loading),
       disabled: props.disabled,
       type: props.type || "button",
-      ..._8.omit(props, ["loading", "type"]),
+      ...import_lodash11.default.omit(props, ["loading", "type"]),
       children: [
-        !!props.loading && /* @__PURE__ */ jsx15(Loading, {}),
-        /* @__PURE__ */ jsx15("span", { children: props.label })
+        !!props.loading && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Loading, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: props.label })
       ]
     }
   );
 }
 
 // components/types/form/types/datetime/styles.tsx
-import styled18 from "styled-components";
-var Container16 = styled18.div`
+var import_styled_components22 = __toESM(require("styled-components"));
+var Container17 = import_styled_components22.default.div`
     width: 100%;
     padding-top: .3rem;
 
@@ -1991,8 +2562,8 @@ var Container16 = styled18.div`
 `;
 
 // components/types/form/types/datetime/index.tsx
-import _9 from "lodash";
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+var import_lodash12 = __toESM(require("lodash"));
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function InputDateTime(props) {
   const register = (props.register || ((name) => ({})))(props.name || "");
   const onChange = (event) => {
@@ -2001,15 +2572,15 @@ function InputDateTime(props) {
     if (register.onChange) register.onChange(event);
     if (props.onChange) props.onChange(event);
   };
-  return /* @__PURE__ */ jsxs11(Container16, { className: props.className, error: props.error, children: [
-    !!props.label && /* @__PURE__ */ jsxs11(InputLabel, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Container17, { className: props.className, error: props.error, children: [
+    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(InputLabel, { children: [
       props.label,
       props.required ? "*" : ""
     ] }),
-    /* @__PURE__ */ jsx16("div", { className: "iz-input-content", children: /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "iz-input-content", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "input",
       {
-        ..._9.omit(props, ["className", "onChange", "mask", "type", "required", "register"]),
+        ...import_lodash12.default.omit(props, ["className", "onChange", "mask", "type", "required", "register"]),
         type: "datetime-local",
         onFocus: () => {
           if (props.onFocus) props.onFocus(props.name);
@@ -2019,13 +2590,13 @@ function InputDateTime(props) {
         onChange
       }
     ) }),
-    !!props.error && /* @__PURE__ */ jsx16("div", { className: "iz-input-error", children: props.error })
+    !!props.error && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "iz-input-error", children: props.error })
   ] });
 }
 
 // components/types/form/types/textarea/styles.tsx
-import styled19 from "styled-components";
-var Container17 = styled19.div`
+var import_styled_components23 = __toESM(require("styled-components"));
+var Container18 = import_styled_components23.default.div`
     width: 100%;
     padding-top: .3rem;
 
@@ -2064,8 +2635,8 @@ var Container17 = styled19.div`
 `;
 
 // components/types/form/types/textarea/index.tsx
-import _10 from "lodash";
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+var import_lodash13 = __toESM(require("lodash"));
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function InputTextarea(props) {
   const register = (props.register || ((name) => ({})))(props.name || "");
   const onChange = (event) => {
@@ -2074,15 +2645,15 @@ function InputTextarea(props) {
     if (register.onChange) register.onChange(event);
     if (props.onChange) props.onChange(value);
   };
-  return /* @__PURE__ */ jsxs12(Container17, { className: props.className, error: props.error, children: [
-    !!props.label && /* @__PURE__ */ jsxs12(InputLabel, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Container18, { className: props.className, error: props.error, children: [
+    !!props.label && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(InputLabel, { children: [
       props.label,
       props.required ? "*" : ""
     ] }),
-    /* @__PURE__ */ jsx17("div", { className: "iz-input-content", children: /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "iz-input-content", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "textarea",
       {
-        ..._10.omit(props, ["onFocus", "maxLength", "className", "onChange", "mask", "rows", "required", "register"]),
+        ...import_lodash13.default.omit(props, ["onFocus", "maxLength", "className", "onChange", "mask", "rows", "required", "register"]),
         maxLength: props.maxLength,
         rows: props.rows || 5,
         onFocus: () => {
@@ -2092,22 +2663,22 @@ function InputTextarea(props) {
         onChange
       }
     ) }),
-    !!props.error && /* @__PURE__ */ jsx17("div", { className: "iz-input-error", children: props.error })
+    !!props.error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "iz-input-error", children: props.error })
   ] });
 }
 
 // components/types/form/index.tsx
-import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Form(props) {
-  const formRef = props.formRef || useRef2({});
+  const formRef = props.formRef || (0, import_react9.useRef)({});
   const setSchema = () => {
     const schema2 = {};
-    _11.forEach(props.inputs, (data) => {
+    import_lodash14.default.forEach(props.inputs, (data) => {
       if (!data.validation) return;
       schema2[data.name] = data.validation;
     });
-    if (props.validation) return props.validation(z.object(schema2));
-    return z.object(schema2);
+    if (props.validation) return props.validation(import_zod.z.object(schema2));
+    return import_zod.z.object(schema2);
   };
   const schema = setSchema();
   const {
@@ -2115,32 +2686,32 @@ function Form(props) {
     handleSubmit,
     reset,
     formState: { errors }
-  } = useForm({
-    resolver: zodResolver(schema),
+  } = (0, import_react_hook_form.useForm)({
+    resolver: (0, import_zod2.zodResolver)(schema),
     defaultValues: props.defaultValues,
     mode: "all"
   });
-  useEffect5(() => {
+  (0, import_react9.useEffect)(() => {
     if (!props.clearWhen) return;
     reset(void 0, { keepErrors: false });
   }, [props.clearWhen]);
-  useEffect5(() => {
+  (0, import_react9.useEffect)(() => {
     var _a;
     if (!props.defaultValues || !((_a = Object.keys(props.defaultValues || {})) == null ? void 0 : _a.length)) return;
-    _11.forEach(props.defaultValues, (value, key) => {
-      const input = _11.find(props.inputs, (data) => data.name === key);
+    import_lodash14.default.forEach(props.defaultValues, (value, key) => {
+      const input = import_lodash14.default.find(props.inputs, (data) => data.name === key);
       props.defaultValues[key] = input.mask ? input.mask(value) : value;
     });
     reset(props.defaultValues, { keepErrors: false });
   }, [props.defaultValues]);
   const component = (data) => {
     var _a;
-    const component2 = types_exports[_11.camelCase(data.type)];
+    const component2 = types_exports[import_lodash14.default.camelCase(data.type)];
     const TypeComponent = component2 || InputText;
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       TypeComponent,
       {
-        ..._11.omit(data, ["validation"]),
+        ...import_lodash14.default.omit(data, ["validation"]),
         id: data.name,
         type: component2 ? void 0 : data.type,
         error: (_a = errors[data.name]) == null ? void 0 : _a.message,
@@ -2148,38 +2719,38 @@ function Form(props) {
       }
     );
   };
-  return /* @__PURE__ */ jsxs13(Container9, { ref: formRef, onSubmit: handleSubmit(props.onSubmit), children: [
-    _11.map(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Container10, { ref: formRef, onSubmit: handleSubmit(props.onSubmit), children: [
+    import_lodash14.default.map(
       props.inputs,
-      (data, index) => /* @__PURE__ */ jsx18(React8.Fragment, { children: component(data) }, index)
+      (data, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react9.default.Fragment, { children: component(data) }, index)
     ),
-    _11.isArray(props.buttons) && /* @__PURE__ */ jsx18("div", { className: "form-buttons", children: _11.map(
+    import_lodash14.default.isArray(props.buttons) && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "form-buttons", children: import_lodash14.default.map(
       props.buttons,
-      (data, index) => /* @__PURE__ */ jsx18(Button, { ...data }, index)
+      (data, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { ...data }, index)
     ) })
   ] });
 }
 
 // components/types/chart/styles.tsx
-import styled20 from "styled-components";
-var Container18 = styled20.div`
+var import_styled_components24 = __toESM(require("styled-components"));
+var Container19 = import_styled_components24.default.div`
 
 `;
 
 // components/types/chart/index.tsx
-import dynamic from "next/dynamic";
-import _12 from "lodash";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var ApexChart = dynamic(() => import("react-apexcharts").then((mod) => mod.default), { ssr: false });
+var import_dynamic = __toESM(require("next/dynamic"));
+var import_lodash15 = __toESM(require("lodash"));
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var ApexChart = (0, import_dynamic.default)(() => import("react-apexcharts").then((mod) => mod.default), { ssr: false });
 function Chart(props) {
   const { content: themeContent } = useTheme();
   const monitor = props.content || [];
-  const series = _12.map(props.yAxis, (value, key) => ({
+  const series = import_lodash15.default.map(props.yAxis, (value, key) => ({
     name: key || "",
-    data: _12.map(monitor, (data) => _12.isFunction(value) ? value(data) : 0)
+    data: import_lodash15.default.map(monitor, (data) => import_lodash15.default.isFunction(value) ? value(data) : 0)
   }));
   const options = {
-    colors: _12.map(props.colors || [], (value) => themeContent[value] || value || themeContent.secondary),
+    colors: import_lodash15.default.map(props.colors || [], (value) => themeContent[value] || value || themeContent.secondary),
     dataLabels: { enabled: false },
     stroke: { curve: "smooth", width: 2 },
     fill: { gradient: { opacityFrom: 0.9, opacityTo: 0.8 } },
@@ -2188,14 +2759,14 @@ function Chart(props) {
     yaxis: {
       min: props.min,
       max: props.max,
-      labels: { style: { colors: _12.map(monitor, () => themeContent.t6) } }
+      labels: { style: { colors: import_lodash15.default.map(monitor, () => themeContent.t6) } }
     },
     xaxis: {
-      categories: _12.map(monitor, (data) => _12.isFunction(props.xAxis) ? props.xAxis(data) : ""),
-      labels: { style: { colors: _12.map(monitor, () => themeContent.t6) } }
+      categories: import_lodash15.default.map(monitor, (data) => import_lodash15.default.isFunction(props.xAxis) ? props.xAxis(data) : ""),
+      labels: { style: { colors: import_lodash15.default.map(monitor, () => themeContent.t6) } }
     }
   };
-  return /* @__PURE__ */ jsx19(Container18, { children: /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Container19, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     ApexChart,
     {
       options,
@@ -2208,11 +2779,11 @@ function Chart(props) {
 }
 
 // components/types/avatar/index.tsx
-import { useRef as useRef3, useState as useState7 } from "react";
+var import_react10 = require("react");
 
 // components/types/avatar/styles.tsx
-import styled21 from "styled-components";
-var Container19 = styled21.div`
+var import_styled_components25 = __toESM(require("styled-components"));
+var Container20 = import_styled_components25.default.div`
   width: ${({ size }) => size || "2.3rem"};
   height: ${({ size }) => size || "2.3rem"};
   border-radius: ${({ size }) => size || "2.3rem"};
@@ -2267,32 +2838,32 @@ var Container19 = styled21.div`
 `;
 
 // components/types/avatar/index.tsx
-import _13 from "lodash";
-import { jsx as jsx20 } from "react/jsx-runtime";
+var import_lodash16 = __toESM(require("lodash"));
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function Avatar(props) {
-  const containerRef = useRef3({});
-  const [color, setColor] = useState7("");
+  const containerRef = (0, import_react10.useRef)({});
+  const [color, setColor] = (0, import_react10.useState)("");
   const name = () => {
-    const [first, secound] = _13.split(props.name, " ") || [];
+    const [first, secound] = import_lodash16.default.split(props.name, " ") || [];
     if (first && secound) return `${first} ${secound}`;
     if (first) return first;
     return "IZ";
   };
-  return /* @__PURE__ */ jsx20(
-    Container19,
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    Container20,
     {
       ref: containerRef,
       color,
       width: containerRef.current.offsetWidth,
       ...props,
-      children: /* @__PURE__ */ jsx20("span", { children: _13.upperCase(name()) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: import_lodash16.default.upperCase(name()) })
     }
   );
 }
 
 // components/types/lottie/styles.tsx
-import styled22 from "styled-components";
-var Container20 = styled22.div`
+var import_styled_components26 = __toESM(require("styled-components"));
+var Container21 = import_styled_components26.default.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2314,7 +2885,7 @@ var Container20 = styled22.div`
 `;
 
 // components/types/lottie/index.tsx
-import LottieReact from "react-lottie";
+var import_react_lottie = __toESM(require("react-lottie"));
 
 // components/types/lottie/animations/loader.json
 var loader_default = { v: "4.8.0", meta: { g: "LottieFiles AE 3.4.5", a: "", k: "", d: "", tc: "" }, fr: 60, ip: 0, op: 152, w: 1024, h: 1024, nm: "loader1", ddd: 0, assets: [], layers: [{ ddd: 0, ind: 1, ty: 4, nm: "Shape Layer 2", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10, x: "var $bm_rt;\n$bm_rt = thisComp.layer('Null 1').transform.rotation;" }, p: { a: 0, k: [512, 512, 0], ix: 2, x: "var $bm_rt;\n$bm_rt = thisComp.layer('Null 1').transform.position;" }, a: { a: 0, k: [83.27, 6, 0], ix: 1 }, s: { a: 0, k: [100, 100, 100], ix: 6 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 1, k: [{ i: { x: 0.398, y: 1 }, o: { x: 0.573, y: 0 }, t: 14, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-85.127, 157.906], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.011], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [80.223, -148.809], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [50, 38], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-104.847, -79.448], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.836, y: 0 }, t: 41, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-119.289, 133.982], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.011], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [122.787, -137.911], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [-24.884, 23.246], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-196.288, -48.478], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 54, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [85.13, -251.636], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-122.897, 111.938], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-39.693, 119.128], [-66.383, 67.406], [-100.048, 0], [-67.415, -66.385], [309.312, -266.065], [67.028, -84.864]], v: [[0, -366], [275.144, -227.127], [159.077, -38.579], [215.016, 276.104], [0, 366], [-256.787, 260.799], [-150.256, -23.325], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 60, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [82.924, -246.192], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-55.859, 176.202], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-40.989, 124.23], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [24.59, -160.109], [67.028, -84.864]], v: [[0, -366], [276.613, -226.103], [-75.017, -73.301], [217.735, 274.957], [0, 366], [-256.787, 260.799], [-299.117, -9.604], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 65, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [81.086, -241.656], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [94.229, 285.418], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-42.068, 128.482], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [-111.15, -238.582], [67.028, -84.864]], v: [[0, -366], [277.836, -225.251], [294.19, 46.954], [220.001, 274.001], [0, 366], [-256.787, 260.799], [123.521, -40.948], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 71, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [78.88, -236.212], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [82.272, 276.917], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-112.252, 217.097], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [-98.391, -232.597], [67.028, -84.864]], v: [[0, -366], [279.305, -224.228], [2.74, -72.763], [222.719, 272.855], [0, 366], [-256.787, 260.799], [-234.073, 12.428], [-287.381, -226.67]], c: true }] }, { i: { x: 0.439, y: 1 }, o: { x: 0.333, y: 0 }, t: 81, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [73.366, -222.603], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [52.379, 255.665], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-103.19, 214.939], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [-66.496, -217.635], [67.028, -84.864]], v: [[0, -366], [282.976, -221.67], [230.193, 16.947], [229.517, 269.988], [0, 366], [-256.787, 260.799], [-76.962, -15.009], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 94, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [70.093, -170.914], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-157.227, 316.209], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-52.439, 127.868], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [75.268, -151.376], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [250.126, 62.099], [260.784, 256.803], [0, 366], [-256.787, 260.799], [14.671, -55.458], [-287.381, -226.67]], c: true }] }, { i: { x: 0.368, y: 1 }, o: { x: 0.333, y: 0 }, t: 114, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160.001], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-114.582, 138.029], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.009], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [230.987, -278.253], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [338.14, 64.524], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-29.052, 9.798], [-287.381, -226.67]], c: true }] }, { i: { x: 0.439, y: 1 }, o: { x: 0.671, y: 0 }, t: 130, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-103.088, 145.785], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.01], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [172.152, -227.738], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [26.401, -124.412], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-231.181, 72.709], [-287.381, -226.67]], c: true }] }, { t: 155, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-85.127, 157.906], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.011], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [80.223, -148.809], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [50, 38], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-104.847, -79.448], [-287.381, -226.67]], c: true }] }], ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0.8118, 0.8039, 0.8039, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 0, ix: 5 }, lc: 1, lj: 1, ml: 4, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "fl", c: { a: 0, k: [0.7451, 0.7451, 0.7451, 1], ix: 4 }, o: { a: 0, k: 100, ix: 5 }, r: 1, bm: 0, nm: "Fill 1", mn: "ADBE Vector Graphic - Fill", hd: false }, { ty: "tr", p: { a: 0, k: [78, 6], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "Ellipse 1", np: 3, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }], ip: 0, op: 152, st: 0, bm: 0 }, { ddd: 0, ind: 2, ty: 4, nm: "Shape Layer 4", sr: 1, ks: { o: { a: 0, k: 100, ix: 11 }, r: { a: 0, k: 0, ix: 10, x: "var $bm_rt;\n$bm_rt = thisComp.layer('Null 1').transform.rotation;" }, p: { a: 0, k: [512, 512, 0], ix: 2, x: "var $bm_rt;\n$bm_rt = thisComp.layer('Null 1').transform.position;" }, a: { a: 0, k: [83.27, 6, 0], ix: 1 }, s: { a: 0, k: [100, 100, 100], ix: 6 } }, ao: 0, shapes: [{ ty: "gr", it: [{ ind: 0, ty: "sh", ix: 1, ks: { a: 1, k: [{ i: { x: 0.833, y: 1 }, o: { x: 0.167, y: 0.167 }, t: 0, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-93.22, 152.445], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.011], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [121.644, -184.373], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [39.367, -35.179], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-161.77, -10.89], [-287.381, -226.67]], c: true }] }, { i: { x: 0.398, y: 1 }, o: { x: 0.573, y: 0 }, t: 21, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-85.127, 157.906], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.011], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [80.223, -148.809], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [50, 38], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-104.847, -79.448], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.836, y: 0 }, t: 48, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-119.289, 133.982], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.011], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [122.787, -137.911], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [-24.884, 23.246], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-196.288, -48.478], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 61, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [85.13, -251.636], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-122.897, 111.938], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-39.693, 119.128], [-66.383, 67.406], [-100.048, 0], [-67.415, -66.385], [309.312, -266.065], [67.028, -84.864]], v: [[0, -366], [275.144, -227.127], [159.077, -38.579], [215.016, 276.104], [0, 366], [-256.787, 260.799], [-150.256, -23.325], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 67, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [82.924, -246.192], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-55.859, 176.202], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-40.989, 124.23], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [24.59, -160.109], [67.028, -84.864]], v: [[0, -366], [276.613, -226.103], [-75.017, -73.301], [217.735, 274.957], [0, 366], [-256.787, 260.799], [-299.117, -9.604], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 72, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [81.086, -241.656], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [94.229, 285.418], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-42.068, 128.482], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [-111.15, -238.582], [67.028, -84.864]], v: [[0, -366], [277.836, -225.251], [294.19, 46.954], [220.001, 274.001], [0, 366], [-256.787, 260.799], [123.521, -40.948], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 78, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [78.88, -236.212], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [82.272, 276.917], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-112.252, 217.097], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [-98.391, -232.597], [67.028, -84.864]], v: [[0, -366], [279.305, -224.228], [2.74, -72.763], [222.719, 272.855], [0, 366], [-256.787, 260.799], [-234.073, 12.428], [-287.381, -226.67]], c: true }] }, { i: { x: 0.439, y: 1 }, o: { x: 0.333, y: 0 }, t: 88, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [73.366, -222.603], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [52.379, 255.665], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-103.19, 214.939], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [-66.496, -217.635], [67.028, -84.864]], v: [[0, -366], [282.976, -221.67], [230.193, 16.947], [229.517, 269.988], [0, 366], [-256.787, 260.799], [-76.962, -15.009], [-287.381, -226.67]], c: true }] }, { i: { x: 0.667, y: 1 }, o: { x: 0.333, y: 0 }, t: 101, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [70.093, -170.914], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-157.227, 316.209], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-52.439, 127.868], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [75.268, -151.376], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [250.126, 62.099], [260.784, 256.803], [0, 366], [-256.787, 260.799], [14.671, -55.458], [-287.381, -226.67]], c: true }] }, { i: { x: 0.368, y: 1 }, o: { x: 0.333, y: 0 }, t: 121, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160.001], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-114.582, 138.029], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.009], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [230.987, -278.253], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [338.14, 64.524], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-29.052, 9.798], [-287.381, -226.67]], c: true }] }, { i: { x: 0.833, y: 0.833 }, o: { x: 0.671, y: 0 }, t: 137, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-103.088, 145.785], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.01], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [172.152, -227.738], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [26.401, -124.412], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-231.181, 72.709], [-287.381, -226.67]], c: true }] }, { i: { x: 0.439, y: 1 }, o: { x: 0.167, y: 0.167 }, t: 151, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-93.22, 152.445], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.011], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [121.644, -184.373], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [39.367, -35.179], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-161.77, -10.89], [-287.381, -226.67]], c: true }] }, { t: 162, s: [{ i: [[-116.537, 0], [-66.195, -94.389], [48, -160], [65.067, -66.069], [102.081, 0], [66.068, 65.058], [-85.127, 157.906], [-49.234, 62.335]], o: [[124.041, 0], [41.676, 59.427], [-61.503, 205.011], [-66.384, 67.406], [-100.048, 0], [-67.415, -66.385], [80.223, -148.809], [67.028, -84.864]], v: [[0, -366], [299.865, -209.905], [50, 38], [260.784, 256.803], [0, 366], [-256.787, 260.799], [-104.847, -79.448], [-287.381, -226.67]], c: true }] }], ix: 2 }, nm: "Path 1", mn: "ADBE Vector Shape - Group", hd: false }, { ty: "st", c: { a: 0, k: [0.8118, 0.8039, 0.8039, 1], ix: 3 }, o: { a: 0, k: 100, ix: 4 }, w: { a: 0, k: 0, ix: 5 }, lc: 1, lj: 1, ml: 4, bm: 0, nm: "Stroke 1", mn: "ADBE Vector Graphic - Stroke", hd: false }, { ty: "fl", c: { a: 0, k: [0.3451, 0.4118, 0.8549, 1], ix: 4 }, o: { a: 0, k: 100, ix: 5 }, r: 1, bm: 0, nm: "Fill 1", mn: "ADBE Vector Graphic - Fill", hd: false }, { ty: "tr", p: { a: 0, k: [78, 6], ix: 2 }, a: { a: 0, k: [0, 0], ix: 1 }, s: { a: 0, k: [100, 100], ix: 3 }, r: { a: 0, k: 0, ix: 6 }, o: { a: 0, k: 100, ix: 7 }, sk: { a: 0, k: 0, ix: 4 }, sa: { a: 0, k: 0, ix: 5 }, nm: "Transform" }], nm: "Ellipse 1", np: 3, cix: 2, bm: 0, ix: 1, mn: "ADBE Vector Group", hd: false }], ip: -19, op: 167, st: 7, bm: 0 }, { ddd: 0, ind: 3, ty: 3, nm: "Null 1", sr: 1, ks: { o: { a: 0, k: 0, ix: 11 }, r: { a: 1, k: [{ i: { x: [0.39], y: [1] }, o: { x: [0.695], y: [0] }, t: 0, s: [0] }, { i: { x: [0.259], y: [1] }, o: { x: [0.557], y: [0] }, t: 38, s: [-32] }, { i: { x: [0.496], y: [1] }, o: { x: [0.769], y: [0] }, t: 90, s: [780] }, { i: { x: [0.417], y: [1] }, o: { x: [0.6], y: [0] }, t: 125, s: [702] }, { t: 152, s: [720] }], ix: 10 }, p: { a: 0, k: [512, 512, 0], ix: 2 }, a: { a: 0, k: [0, 0, 0], ix: 1 }, s: { a: 0, k: [100, 100, 100], ix: 6 } }, ao: 0, ip: 0, op: 152, st: 0, bm: 0 }], markers: [] };
@@ -2323,8 +2894,8 @@ var loader_default = { v: "4.8.0", meta: { g: "LottieFiles AE 3.4.5", a: "", k:
 var animations_default = { loader: loader_default };
 
 // components/types/lottie/index.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
-var LottieComponent = LottieReact;
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var LottieComponent = import_react_lottie.default;
 function Lottie(props) {
   const getAnimation = () => {
     let animation;
@@ -2344,7 +2915,7 @@ function Lottie(props) {
     path: props.src,
     animationData: getAnimation()
   };
-  return /* @__PURE__ */ jsx21(Container20, { ...props, children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Container21, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     LottieComponent,
     {
       width: props.size || 180,
@@ -2355,8 +2926,8 @@ function Lottie(props) {
 }
 
 // components/types/credit-card/styles.tsx
-import styled23 from "styled-components";
-var Container21 = styled23.div`
+var import_styled_components27 = __toESM(require("styled-components"));
+var Container22 = import_styled_components27.default.div`
     border-radius: 8px 8px 0 0;
     transition: .2s ease .2s background, .2s ease .2s padding;
     position: relative;
@@ -2390,11 +2961,11 @@ var Container21 = styled23.div`
 `;
 
 // components/types/credit-card/card/index.tsx
-import { useEffect as useEffect7, useRef as useRef4 } from "react";
+var import_react11 = require("react");
 
 // components/types/credit-card/card/styles.tsx
-import styled24 from "styled-components";
-var Container22 = styled24.div`
+var import_styled_components28 = __toESM(require("styled-components"));
+var Container23 = import_styled_components28.default.div`
     height: 11rem;
     width: 20rem;
     border-radius: 8px;
@@ -2549,7 +3120,7 @@ var assets_default2 = assets;
 
 // components/types/credit-card/tools/index.tsx
 var import_luhn = __toESM(require_luhn());
-import _14 from "lodash";
+var import_lodash17 = __toESM(require("lodash"));
 var validateLuhn = import_luhn.default.validate;
 var getCardContent = (cardNumber) => {
   const content = { flag: "", logo: "" };
@@ -2559,19 +3130,19 @@ var getCardContent = (cardNumber) => {
     const cardContent = potentialCardContents.shift();
     const flag = cardContent == null ? void 0 : cardContent.type;
     content.flag = flag || "";
-    content.logo = assets_default2[_14.upperFirst(_14.camelCase(flag))] || "";
+    content.logo = assets_default2[import_lodash17.default.upperFirst(import_lodash17.default.camelCase(flag))] || "";
     return content;
   }
   return content;
 };
 
 // components/types/credit-card/card/index.tsx
-import _15 from "lodash";
-import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
+var import_lodash18 = __toESM(require("lodash"));
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function CreditCardComponent(props) {
   var _a;
-  const flagRef = useRef4({});
-  useEffect7(() => {
+  const flagRef = (0, import_react11.useRef)({});
+  (0, import_react11.useEffect)(() => {
     const content = getCardContent(props.number);
     if (!flagRef.current) return;
     if (!content.logo) {
@@ -2580,500 +3151,195 @@ function CreditCardComponent(props) {
     }
     flagRef.current.style.backgroundImage = `url(${content.logo})`;
   }, [flagRef, props.number]);
-  return /* @__PURE__ */ jsxs14(Container22, { children: [
-    /* @__PURE__ */ jsxs14("div", { className: "iz-credit-card-left", children: [
-      /* @__PURE__ */ jsx22("div", { className: "iz-credit-card-top", children: /* @__PURE__ */ jsx22("div", { id: "iz-credit-card-chip", style: { backgroundImage: `url(${assets_default2.Chip})` } }) }),
-      /* @__PURE__ */ jsxs14("div", { className: "iz-credit-card-bottom", children: [
-        /* @__PURE__ */ jsx22("div", { className: "iz-credit-card-number", children: /* @__PURE__ */ jsx22("div", { className: "iz-credit-card-elipse" }) }),
-        /* @__PURE__ */ jsx22("div", { className: "iz-credit-card-name", children: /* @__PURE__ */ jsx22("div", { className: "iz-credit-card-elipse", children: _15.deburr((_a = props.name) == null ? void 0 : _a.replace(/[^A-Za-zÀ-ÿ\s]/g, "").toUpperCase()) || "Nome do Titular" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Container23, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "iz-credit-card-left", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "iz-credit-card-top", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { id: "iz-credit-card-chip", style: { backgroundImage: `url(${assets_default2.Chip})` } }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "iz-credit-card-bottom", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "iz-credit-card-number", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "iz-credit-card-elipse" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "iz-credit-card-name", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "iz-credit-card-elipse", children: import_lodash18.default.deburr((_a = props.name) == null ? void 0 : _a.replace(/[^A-Za-zÀ-ÿ\s]/g, "").toUpperCase()) || "Nome do Titular" }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs14("div", { className: "iz-credit-card-right", children: [
-      /* @__PURE__ */ jsx22("div", { className: "iz-credit-card-top", children: /* @__PURE__ */ jsx22("div", { id: "iz-credit-card-flag", ref: flagRef }) }),
-      /* @__PURE__ */ jsx22("div", { className: "iz-credit-card-bottom", children: /* @__PURE__ */ jsx22("span", { children: "validade" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "iz-credit-card-right", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "iz-credit-card-top", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { id: "iz-credit-card-flag", ref: flagRef }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "iz-credit-card-bottom", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "validade" }) })
     ] })
   ] });
 }
 
 // components/types/credit-card/functions/styles.tsx
-import styled25 from "styled-components";
-var Container23 = styled25.div`
+var import_styled_components29 = __toESM(require("styled-components"));
+var Container24 = import_styled_components29.default.div`
     display: flex;
     flex-direction: column;
     gap: .5rem;
     margin-left: -2.5rem;
     transition: ease .3s;
     width: 2rem;
-
-    .iz-credit-card-function {
-        width: 2rem;
-        height: 2rem;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: 5px;
-        background: ${({ theme }) => theme.t05};
-        color: ${({ theme }) => theme.t6};
-        font-size: .85rem;
-        transform: translateX(-2rem);
-        opacity: 0;
-        cursor: pointer;
-
-        &:hover {
-            color: ${({ theme }) => theme.t8};
-        }
-    }
-
-    .iz-credit-card-function:nth-child(1) {
-        transition: 5s ease transform, ease .2s opacity, ease .3s color;
-    }
-
-    .iz-credit-card-function:nth-child(2) {
-        transition: .3s ease .1s transform, ease .2s opacity, ease .3s color;
-    }
-`;
-
-// components/types/credit-card/functions/index.tsx
-import _16 from "lodash";
-import { jsx as jsx23 } from "react/jsx-runtime";
-function CreditCardFunctions(props) {
-  return _16.some(props.functions, (data) => !data.hide) && /* @__PURE__ */ jsx23(Container23, { className: "iz-credit-card-function-container", children: _16.map(
-    props.functions,
-    (data, index) => !data.hide && /* @__PURE__ */ jsx23(
-      "div",
-      {
-        className: "iz-credit-card-function",
-        onClick: data.function,
-        children: /* @__PURE__ */ jsx23("i", { "aria-hidden": true, className: data.icon })
-      },
-      index
-    )
-  ) });
-}
-
-// components/types/credit-card/index.tsx
-import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
-function CreditCard(props) {
-  const functions = [
-    {
-      icon: "fa-regular fa-pen-to-square",
-      label: "Editar",
-      function: props.onEdit,
-      hide: !props.onEdit
-    },
-    {
-      icon: "fa-solid fa-gear",
-      label: "Configura\xE7\xF5es",
-      function: props.onConfig,
-      hide: !props.onConfig
-    },
-    {
-      icon: "fa-solid fa-trash-can",
-      label: "Remover",
-      function: props.onRemove,
-      hide: !props.onRemove
-    },
-    ...props.functions || []
-  ];
-  return /* @__PURE__ */ jsxs15(Container21, { children: [
-    /* @__PURE__ */ jsx24(CreditCardComponent, { ...props }),
-    /* @__PURE__ */ jsx24(CreditCardFunctions, { ...props, functions })
-  ] });
-}
-
-// components/types/block/styles.tsx
-import styled26 from "styled-components";
-var Container24 = styled26.div`
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-    padding: 1.3rem 1.5rem;
-    border-radius: 5px;
-    background: ${({ theme }) => theme.t05};
-    flex: 1 1 20rem;
-
-    header {
-        display: flex;
-        align-items: center;
-        gap: .5rem;
-        font-size: .9rem;
-        font-weight: 600;
-        color: ${({ theme }) => theme.t6};
-    }
-`;
-var Content = styled26.div`
-    font-size: 1.5rem;
-    font-weight: 500;
-    color: ${({ theme }) => theme.t7};
-`;
-
-// components/types/block/index.tsx
-import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
-function Block(props) {
-  return /* @__PURE__ */ jsxs16(Container24, { children: [
-    (!!props.icon || !!props.label) && /* @__PURE__ */ jsxs16("header", { children: [
-      !!props.icon && /* @__PURE__ */ jsx25("i", { "aria-hidden": true, className: props.icon }),
-      !!props.label && /* @__PURE__ */ jsx25("span", { children: props.label })
-    ] }),
-    /* @__PURE__ */ jsxs16(Content, { children: [
-      !!props.component && /* @__PURE__ */ jsx25(Component, { content: props.component }),
-      props.children
-    ] })
-  ] });
-}
-
-// components/index.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
-function Component(props) {
-  const renderComponent = (config) => {
-    const ComponentElement = types_exports2[config.type];
-    return /* @__PURE__ */ jsx26(ComponentElement, { ...config.props });
-  };
-  const renderRow = (components) => {
-    return /* @__PURE__ */ jsx26(RowContainer, { children: _17.map(
-      components,
-      (data, index) => /* @__PURE__ */ jsx26(Fragment, { children: renderComponent(data) }, index)
-    ) });
-  };
-  return /* @__PURE__ */ jsx26(Container2, { className: props.className, children: _17.map(
-    props.content,
-    (data, index) => /* @__PURE__ */ jsx26(Fragment, { children: _17.isArray(data) ? renderRow(data) : renderComponent(data) }, index)
-  ) });
-}
-
-// components/types/table/paginate/styles.tsx
-import styled27 from "styled-components";
-var Container25 = styled27.div`
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-top: 1.5rem;
-
-    .paginate {
-        font-size: .8rem;
-        font-weight: 500;
-        height: 1.5rem;
-        padding: 0 .6rem;
-        border-radius: 1rem;
-        transition: ease .3s;
-        color: ${({ theme }) => theme.t6};
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-
-        &[data-current="true"] {
-            background: ${({ theme }) => theme.tertiary};
-            color: ${({ theme }) => theme.secondary};
-
-            &:hover {
-                background: ${({ theme }) => theme.tertiary};
-            }
-        }
-
-        &:hover {
-            background: ${({ theme }) => theme.t05};
-        }
-    }
-`;
-
-// components/types/table/paginate/index.tsx
-import _18 from "lodash";
-import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
-function Paginate(props) {
-  const pages = () => {
-    const offset = Number(props.page.value) - 4;
-    let page = offset > 0 ? offset + 1 : 1;
-    let pages2 = [];
-    while (Number(props.total) >= page) {
-      pages2.push(page);
-      page++;
-    }
-    pages2 = _18.slice(pages2, 0, 5);
-    if (Number(props.page.value) + 1 > 5) pages2 = _18.concat(["1.."], pages2);
-    if (Number(props.total) > 6 && Number(props.page.value) + 1 < Number(props.total)) return _18.concat(pages2, `..${props.total}`);
-    return pages2;
-  };
-  return Number(props.total) > 1 && /* @__PURE__ */ jsxs17(Container25, { children: [
-    /* @__PURE__ */ jsx27(
-      "div",
-      {
-        className: "paginate back",
-        onClick: () => props.page.set ? props.page.set(
-          props.page.value ? props.page.value - 1 : props.page.value
-        ) : null,
-        children: /* @__PURE__ */ jsx27("i", { "aria-hidden": true, className: "fa-solid fa-chevron-left" })
-      }
-    ),
-    _18.map(
-      pages(),
-      (page, index) => /* @__PURE__ */ jsx27(
-        "div",
-        {
-          className: "paginate page",
-          "data-current": String(props.page.value === Number(_18.replace(page, /\D/g, "")) - 1),
-          onClick: () => props.page.set ? props.page.set(Number(_18.replace(page, /\D/g, "")) - 1) : null,
-          children: page
-        },
-        index
-      )
-    ),
-    /* @__PURE__ */ jsx27(
-      "div",
-      {
-        className: "paginate next",
-        onClick: () => props.page.set ? props.page.set(
-          props.page.value !== props.total - 1 ? props.page.value + 1 : props.page.value
-        ) : null,
-        children: /* @__PURE__ */ jsx27("i", { "aria-hidden": true, className: "fa-solid fa-chevron-right" })
-      }
-    )
-  ] });
-}
-
-// components/types/table/index.tsx
-import _20 from "lodash";
-
-// components/types/table/modal/styles.tsx
-import styled28 from "styled-components";
-var Content2 = styled28.div`
-    padding: 1.5rem;
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-    
-    .iz-table-modal-title {
-        font-size: 1.2rem;
-        font-weight: 500;
-        width: 100%;
+
+    .iz-credit-card-function {
+        width: 2rem;
+        height: 2rem;
         display: flex;
         align-items: center;
         justify-content: center;
+        border-radius: 5px;
+        background: ${({ theme }) => theme.t05};
         color: ${({ theme }) => theme.t6};
-    }
-    
-    .iz-table-modal-content {
-        ul {
-            li {
-                border-bottom: solid 1px ${({ theme }) => theme.t05};
-                padding: .8rem 0;
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-                gap: 1rem;
-                font-size: .8rem;
-                color: ${({ theme }) => theme.t6};
+        font-size: .85rem;
+        transform: translateX(-2rem);
+        opacity: 0;
+        cursor: pointer;
 
-                &:last-child {
-                    border-bottom: none;
-                }
-                
-                .iz-table-modal-column {
-                    background: ${({ theme }) => theme.t05};
-                    padding: .5rem .8rem;
-                    font-weight: 600;
-                    border-radius: 5px;
-                }
-                
-                .iz-table-modal-row {
-                    text-align: right;
-                }
-            }
+        &:hover {
+            color: ${({ theme }) => theme.t8};
         }
     }
-    
-    .iz-table-modal-actions {
-        margin-top: 1rem;
-    }
-`;
-
-// components/types/table/modal/index.tsx
-import _19 from "lodash";
 
-// 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;
+    .iz-credit-card-function:nth-child(1) {
+        transition: 5s ease transform, ease .2s opacity, ease .3s color;
+    }
 
-// components/types/table/modal/index.tsx
-import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
-function Modal2(props) {
-  const modal = useModal();
-  const content = _19.omit(props.content, ["actions"]);
-  const actions = Object.values(_19.pick(props.content, ["actions"]))[0];
-  const onClose = () => {
-    modal.setProps("table", { toggle: false });
-  };
-  return /* @__PURE__ */ jsx28(
-    Component,
-    {
-      content: [{
-        type: "Modal",
-        props: {
-          toggle: props.toggle,
-          onClose,
-          children: /* @__PURE__ */ jsx28(Container, { children: /* @__PURE__ */ jsxs18(Content2, { children: [
-            /* @__PURE__ */ jsx28("div", { className: "iz-table-modal-title", children: "Conte\xFAdo" }),
-            /* @__PURE__ */ jsx28("div", { className: "iz-table-modal-content", children: /* @__PURE__ */ jsx28("ul", { children: _19.map(
-              content,
-              (value, key) => /* @__PURE__ */ jsxs18("li", { children: [
-                !!key && /* @__PURE__ */ jsx28("div", { className: "iz-table-modal-column", children: key }),
-                /* @__PURE__ */ jsx28("div", { className: "iz-table-modal-row", children: value })
-              ] }, key)
-            ) }) }),
-            /* @__PURE__ */ jsx28("div", { className: "iz-table-modal-actions", children: /* @__PURE__ */ jsx28(
-              Component,
-              {
-                content: _19.concat(_19.map(actions, (data) => ({
-                  type: "Button",
-                  props: {
-                    ...actions_default[data.icon] || {},
-                    onClick: data.function
-                  }
-                })), {
-                  type: "Button",
-                  props: {
-                    label: "fechar",
-                    outline: true,
-                    onClick: onClose
-                  }
-                })
-              }
-            ) })
-          ] }) })
-        }
-      }]
+    .iz-credit-card-function:nth-child(2) {
+        transition: .3s ease .1s transform, ease .2s opacity, ease .3s color;
     }
-  );
-}
+`;
 
-// components/types/table/index.tsx
-import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
-function Table(props) {
-  var _a, _b, _c, _d, _e, _f;
-  const theme = useTheme();
-  const modal = useModal();
-  const loading = ((_a = props.loading) == null ? void 0 : _a.is) || props.loading;
-  useEffect8(() => {
-    modal.add({ component: Modal2, name: "table" });
-    return () => modal.remove("table");
-  }, []);
-  const onShowLine = (key) => {
-    if (window.innerWidth > Number(_20.replace(theme.content.mobileMaxWidth, "px", ""))) return;
-    let content = {};
-    _20.forEach(props.options, (data, index) => {
-      var _a2, _b2;
-      const column = ((_a2 = data.column) == null ? void 0 : _a2.name) || data.column;
-      const columnName = !_20.isString(column) ? props.options.length - 1 === index ? "actions" : "" : column;
-      content[columnName] = columnName === "actions" ? (_b2 = data.row) == null ? void 0 : _b2.actions : renderRowContainer(props.content[key], data);
-    });
-    modal.setProps("table", { toggle: true, content });
-  };
-  const renderRowContainer = (data, option) => {
-    var _a2, _b2, _c2, _d2;
-    return /* @__PURE__ */ jsx29(
+// components/types/credit-card/functions/index.tsx
+var import_lodash19 = __toESM(require("lodash"));
+var import_jsx_runtime26 = require("react/jsx-runtime");
+function CreditCardFunctions(props) {
+  return import_lodash19.default.some(props.functions, (data) => !data.hide) && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Container24, { className: "iz-credit-card-function-container", children: import_lodash19.default.map(
+    props.functions,
+    (data, index) => !data.hide && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       "div",
       {
-        className: `
-          iz-table-content 
-          ${((_a2 = option.row) == null ? void 0 : _a2.actions) ? "iz-table-action" : ""} 
-          ${((_b2 = option.row) == null ? void 0 : _b2.icon) ? "iz-table-identifier" : ""}
-        `,
-        style: _20.isFunction((_c2 = option.row) == null ? void 0 : _c2.style) ? option.row.style(data, option) : (_d2 = option.row) == null ? void 0 : _d2.style,
-        children: renderRowContent(data, option)
-      }
-    );
-  };
-  const renderRowContent = (data, option) => {
-    var _a2, _b2, _c2, _d2, _e2;
-    if (!!((_a2 = option.row) == null ? void 0 : _a2.actions)) {
-      return /* @__PURE__ */ jsx29("div", { className: "iz-table-actions", children: _20.map(
-        (_b2 = option.row) == null ? void 0 : _b2.actions,
-        (action, index) => renderButton(action, data, index)
-      ) });
-    }
-    if ((_c2 = option.row) == null ? void 0 : _c2.icon) {
-      return /* @__PURE__ */ jsx29("div", { className: "iz-table-icon", children: /* @__PURE__ */ jsx29(
-        "i",
-        {
-          "aria-hidden": true,
-          className: _20.isFunction((_d2 = option.row) == null ? void 0 : _d2.icon) ? option.row.icon(data) || "fa-solid fa-circle-user" : ((_e2 = option.row) == null ? void 0 : _e2.icon) || "fa-solid fa-circle-user"
-        }
-      ) });
-    }
-    return renderRowText(data, option);
-  };
-  const renderButton = (action, data, index) => {
-    return /* @__PURE__ */ jsx29(
-      "button",
-      {
-        className: `iz-table-button ${_20.includes(action.icon, "trash") ? "negative" : ""}`,
-        onClick: () => action.function ? action.function(data) : null,
-        disabled: action.disabled,
-        "data-tooltip": action.tooltip,
-        children: /* @__PURE__ */ jsx29("i", { "aria-hidden": true, className: action.icon || "fa-solid fa-eye" })
+        className: "iz-credit-card-function",
+        onClick: data.function,
+        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("i", { "aria-hidden": true, className: data.icon })
       },
       index
-    );
-  };
-  const renderRowText = (data, option) => {
-    const row = option.row || {};
-    const content = data[row.name] || data;
-    let body;
-    while (!body) {
-      if (_20.isString(row)) body = data[row];
-      if (_20.isString(content)) body = content;
-      if (_20.isFunction(row.mask)) body = row.mask(content);
-      if (_20.isFunction(row.custom)) body = row.custom(content);
-      body = body != null ? body : "---";
+    )
+  ) });
+}
+
+// components/types/credit-card/index.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function CreditCard(props) {
+  const functions = [
+    {
+      icon: "fa-regular fa-pen-to-square",
+      label: "Editar",
+      function: props.onEdit,
+      hide: !props.onEdit
+    },
+    {
+      icon: "fa-solid fa-gear",
+      label: "Configura\xE7\xF5es",
+      function: props.onConfig,
+      hide: !props.onConfig
+    },
+    {
+      icon: "fa-solid fa-trash-can",
+      label: "Remover",
+      function: props.onRemove,
+      hide: !props.onRemove
+    },
+    ...props.functions || []
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Container22, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CreditCardComponent, { ...props }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CreditCardFunctions, { ...props, functions })
+  ] });
+}
+
+// components/types/block/styles.tsx
+var import_styled_components30 = __toESM(require("styled-components"));
+var Container25 = import_styled_components30.default.div`
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    padding: 1.3rem 1.5rem;
+    border-radius: 5px;
+    background: ${({ theme }) => theme.t05};
+    flex: 1 1 20rem;
+
+    header {
+        display: flex;
+        align-items: center;
+        gap: .5rem;
+        font-size: .9rem;
+        font-weight: 600;
+        color: ${({ theme }) => theme.t6};
     }
-    return /* @__PURE__ */ jsx29(
-      "div",
-      {
-        className: "iz-table-content-elipse",
-        title: _20.isString(body) ? body : "",
-        children: body
-      }
-    );
-  };
-  return /* @__PURE__ */ jsxs19(Container, { notFound: !((_b = props.content) == null ? void 0 : _b.length) && !props.loading, children: [
-    /* @__PURE__ */ jsx29("div", { className: "iz-table-container", children: /* @__PURE__ */ jsxs19("table", { children: [
-      /* @__PURE__ */ jsx29("thead", { children: /* @__PURE__ */ jsx29("tr", { children: _20.map(
-        props.options,
-        (option, index) => {
-          var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i;
-          return /* @__PURE__ */ jsx29("th", { style: (_a2 = option.column) == null ? void 0 : _a2.style, children: /* @__PURE__ */ jsx29(
-            "div",
-            {
-              className: `iz-table-content ${((_b2 = option.column) == null ? void 0 : _b2.action) ? `iz-table-action ${((_d2 = (_c2 = option.column) == null ? void 0 : _c2.action) == null ? void 0 : _d2.position) ? (_f2 = (_e2 = option.column) == null ? void 0 : _e2.action) == null ? void 0 : _f2.position : ""}` : ""}`,
-              children: !!((_g = option.column) == null ? void 0 : _g.action) ? renderButton(option.column.action) : _20.isString(((_h = option.column) == null ? void 0 : _h.name) || option.column) ? ((_i = option.column) == null ? void 0 : _i.name) || option.column : ""
-            }
-          ) }, index);
-        }
-      ) }) }),
-      /* @__PURE__ */ jsx29("tbody", { children: loading ? _20.map(((_c = props.loading) == null ? void 0 : _c.items) || [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], (data, key) => /* @__PURE__ */ jsx29("tr", { children: _20.map(props.options, (data2, index) => {
-        var _a2;
-        return /* @__PURE__ */ jsx29("td", { children: /* @__PURE__ */ jsx29(
-          LoadingBar,
-          {
-            height: "2.5rem",
-            borderRadius: index === 0 ? "5px 0 0 5px" : ((_a2 = props.options) == null ? void 0 : _a2.length) - 1 === index ? "0 5px 5px 0" : "0",
-            margin: key === 0 ? "1.5rem 0 0" : ".5rem 0 0"
-          }
-        ) }, index);
-      }) }, key)) : _20.map(props.content, (data, key) => /* @__PURE__ */ jsx29("tr", { children: _20.map(props.options, (option, index) => /* @__PURE__ */ jsx29("td", { onClick: () => index < 2 ? onShowLine(key) : null, children: renderRowContainer(data, option) }, index)) }, key)) })
-    ] }) }),
-    !((_d = props.content) == null ? void 0 : _d.length) && !props.loading && /* @__PURE__ */ jsxs19("div", { className: "iz-table-not-found", children: [
-      /* @__PURE__ */ jsx29("p", { children: ((_e = props.notFound) == null ? void 0 : _e.title) || "Nenhuma campanha encontrado" }),
-      /* @__PURE__ */ jsx29("p", { children: ((_f = props.notFound) == null ? void 0 : _f.message) || "Envie uma campanha de marketing para aparecer algum registro" })
+`;
+var Content2 = import_styled_components30.default.div`
+    font-size: 1.5rem;
+    font-weight: 500;
+    color: ${({ theme }) => theme.t7};
+`;
+
+// components/types/block/index.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function Block(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Container25, { children: [
+    (!!props.icon || !!props.label) && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("header", { children: [
+      !!props.icon && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("i", { "aria-hidden": true, className: props.icon }),
+      !!props.label && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: props.label })
     ] }),
-    !!props.paginate && /* @__PURE__ */ jsx29(Paginate, { ...props.paginate })
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Content2, { children: [
+      !!props.component && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Component, { content: props.component }),
+      props.children
+    ] })
   ] });
 }
-export {
+
+// components/index.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function Component(props) {
+  const renderComponent = (config) => {
+    const ComponentElement = types_exports2[config.type];
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ComponentElement, { ...config.props });
+  };
+  const renderRow = (components) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(RowContainer, { children: import_lodash20.default.map(
+      components,
+      (data, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react12.Fragment, { children: renderComponent(data) }, index)
+    ) });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Container, { className: props.className, children: import_lodash20.default.map(
+    props.content,
+    (data, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react12.Fragment, { children: import_lodash20.default.isArray(data) ? renderRow(data) : renderComponent(data) }, index)
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Avatar,
+  Badge,
+  Block,
+  Button,
+  Chart,
+  Component,
+  CreditCard,
+  Form,
+  IconProvider,
+  InputDateTime,
+  InputFile,
+  InputLabel,
+  InputSelect,
+  InputText,
+  InputTextarea,
+  LoadingApp,
+  LoadingBar,
+  Logo,
+  Lottie,
+  Modal,
+  ModalProvider,
   Paginate,
-  Table
-};
+  Table,
+  ThemeProvider,
+  TooltipProvider,
+  useIcon,
+  useModal,
+  useTheme,
+  useTooltip
+});