@gustavo-valsechi/client 1.3.29 → 1.3.30

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

@@ -1,2323 +1,32 @@
 "use client";
-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() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  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) {
-    "use strict";
-    var cardTypes = {
-      visa: {
-        niceType: "Visa",
-        type: "visa",
-        patterns: [4],
-        gaps: [4, 8, 12],
-        lengths: [16, 18, 19],
-        code: {
-          name: "CVV",
-          size: 3
-        }
-      },
-      mastercard: {
-        niceType: "Mastercard",
-        type: "mastercard",
-        patterns: [[51, 55], [2221, 2229], [223, 229], [23, 26], [270, 271], 2720],
-        gaps: [4, 8, 12],
-        lengths: [16],
-        code: {
-          name: "CVC",
-          size: 3
-        }
-      },
-      "american-express": {
-        niceType: "American Express",
-        type: "american-express",
-        patterns: [34, 37],
-        gaps: [4, 10],
-        lengths: [15],
-        code: {
-          name: "CID",
-          size: 4
-        }
-      },
-      "diners-club": {
-        niceType: "Diners Club",
-        type: "diners-club",
-        patterns: [[300, 305], 36, 38, 39],
-        gaps: [4, 10],
-        lengths: [14, 16, 19],
-        code: {
-          name: "CVV",
-          size: 3
-        }
-      },
-      discover: {
-        niceType: "Discover",
-        type: "discover",
-        patterns: [6011, [644, 649], 65],
-        gaps: [4, 8, 12],
-        lengths: [16, 19],
-        code: {
-          name: "CID",
-          size: 3
-        }
-      },
-      jcb: {
-        niceType: "JCB",
-        type: "jcb",
-        patterns: [2131, 1800, [3528, 3589]],
-        gaps: [4, 8, 12],
-        lengths: [16, 17, 18, 19],
-        code: {
-          name: "CVV",
-          size: 3
-        }
-      },
-      unionpay: {
-        niceType: "UnionPay",
-        type: "unionpay",
-        patterns: [
-          620,
-          [624, 626],
-          [62100, 62182],
-          [62184, 62187],
-          [62185, 62197],
-          [62200, 62205],
-          [622010, 622999],
-          622018,
-          [622019, 622999],
-          [62207, 62209],
-          [622126, 622925],
-          [623, 626],
-          6270,
-          6272,
-          6276,
-          [627700, 627779],
-          [627781, 627799],
-          [6282, 6289],
-          6291,
-          6292,
-          810,
-          [8110, 8131],
-          [8132, 8151],
-          [8152, 8163],
-          [8164, 8171]
-        ],
-        gaps: [4, 8, 12],
-        lengths: [14, 15, 16, 17, 18, 19],
-        code: {
-          name: "CVN",
-          size: 3
-        }
-      },
-      maestro: {
-        niceType: "Maestro",
-        type: "maestro",
-        patterns: [
-          493698,
-          [5e5, 504174],
-          [504176, 506698],
-          [506779, 508999],
-          [56, 59],
-          63,
-          67,
-          6
-        ],
-        gaps: [4, 8, 12],
-        lengths: [12, 13, 14, 15, 16, 17, 18, 19],
-        code: {
-          name: "CVC",
-          size: 3
-        }
-      },
-      elo: {
-        niceType: "Elo",
-        type: "elo",
-        patterns: [
-          401178,
-          401179,
-          438935,
-          457631,
-          457632,
-          431274,
-          451416,
-          457393,
-          504175,
-          [506699, 506778],
-          [509e3, 509999],
-          627780,
-          636297,
-          636368,
-          [650031, 650033],
-          [650035, 650051],
-          [650405, 650439],
-          [650485, 650538],
-          [650541, 650598],
-          [650700, 650718],
-          [650720, 650727],
-          [650901, 650978],
-          [651652, 651679],
-          [655e3, 655019],
-          [655021, 655058]
-        ],
-        gaps: [4, 8, 12],
-        lengths: [16],
-        code: {
-          name: "CVE",
-          size: 3
-        }
-      },
-      mir: {
-        niceType: "Mir",
-        type: "mir",
-        patterns: [[2200, 2204]],
-        gaps: [4, 8, 12],
-        lengths: [16, 17, 18, 19],
-        code: {
-          name: "CVP2",
-          size: 3
-        }
-      },
-      hiper: {
-        niceType: "Hiper",
-        type: "hiper",
-        patterns: [637095, 63737423, 63743358, 637568, 637599, 637609, 637612],
-        gaps: [4, 8, 12],
-        lengths: [16],
-        code: {
-          name: "CVC",
-          size: 3
-        }
-      },
-      hipercard: {
-        niceType: "Hipercard",
-        type: "hipercard",
-        patterns: [606282],
-        gaps: [4, 8, 12],
-        lengths: [16],
-        code: {
-          name: "CVC",
-          size: 3
-        }
-      }
-    };
-    module.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) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.clone = void 0;
-    function clone(originalObject) {
-      if (!originalObject) {
-        return null;
-      }
-      return JSON.parse(JSON.stringify(originalObject));
-    }
-    exports.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) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.matches = void 0;
-    function matchesRange(cardNumber, min, max) {
-      var maxLengthToCheck = String(min).length;
-      var substr = cardNumber.substr(0, maxLengthToCheck);
-      var integerRepresentationOfCardNumber = parseInt(substr, 10);
-      min = parseInt(String(min).substr(0, substr.length), 10);
-      max = parseInt(String(max).substr(0, substr.length), 10);
-      return integerRepresentationOfCardNumber >= min && integerRepresentationOfCardNumber <= max;
-    }
-    function matchesPattern(cardNumber, pattern) {
-      pattern = String(pattern);
-      return pattern.substring(0, cardNumber.length) === cardNumber.substring(0, pattern.length);
-    }
-    function matches(cardNumber, pattern) {
-      if (Array.isArray(pattern)) {
-        return matchesRange(cardNumber, pattern[0], pattern[1]);
-      }
-      return matchesPattern(cardNumber, pattern);
-    }
-    exports.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) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.addMatchingCardsToResults = void 0;
-    var clone_1 = require_clone();
-    var matches_1 = require_matches();
-    function addMatchingCardsToResults(cardNumber, cardConfiguration, results) {
-      var i, patternLength;
-      for (i = 0; i < cardConfiguration.patterns.length; i++) {
-        var pattern = cardConfiguration.patterns[i];
-        if (!matches_1.matches(cardNumber, pattern)) {
-          continue;
-        }
-        var clonedCardConfiguration = clone_1.clone(cardConfiguration);
-        if (Array.isArray(pattern)) {
-          patternLength = String(pattern[0]).length;
-        } else {
-          patternLength = String(pattern).length;
-        }
-        if (cardNumber.length >= patternLength) {
-          clonedCardConfiguration.matchStrength = patternLength;
-        }
-        results.push(clonedCardConfiguration);
-        break;
-      }
-    }
-    exports.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) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.isValidInputType = void 0;
-    function isValidInputType(cardNumber) {
-      return typeof cardNumber === "string" || cardNumber instanceof String;
-    }
-    exports.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) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.findBestMatch = void 0;
-    function hasEnoughResultsToDetermineBestMatch(results) {
-      var numberOfResultsWithMaxStrengthProperty = results.filter(function(result) {
-        return result.matchStrength;
-      }).length;
-      return numberOfResultsWithMaxStrengthProperty > 0 && numberOfResultsWithMaxStrengthProperty === results.length;
-    }
-    function findBestMatch(results) {
-      if (!hasEnoughResultsToDetermineBestMatch(results)) {
-        return null;
-      }
-      return results.reduce(function(bestMatch, result) {
-        if (!bestMatch) {
-          return result;
-        }
-        if (Number(bestMatch.matchStrength) < Number(result.matchStrength)) {
-          return result;
-        }
-        return bestMatch;
-      });
-    }
-    exports.findBestMatch = findBestMatch;
-  }
-});
-
-// node_modules/credit-card-type/dist/index.js
-var require_dist = __commonJS({
-  "node_modules/credit-card-type/dist/index.js"(exports, module) {
-    "use strict";
-    var __assign = exports && exports.__assign || function() {
-      __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-          s = arguments[i];
-          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-            t[p] = s[p];
-        }
-        return t;
-      };
-      return __assign.apply(this, arguments);
-    };
-    var cardTypes = require_card_types();
-    var add_matching_cards_to_results_1 = require_add_matching_cards_to_results();
-    var is_valid_input_type_1 = require_is_valid_input_type();
-    var find_best_match_1 = require_find_best_match();
-    var clone_1 = require_clone();
-    var customCards = {};
-    var cardNames = {
-      VISA: "visa",
-      MASTERCARD: "mastercard",
-      AMERICAN_EXPRESS: "american-express",
-      DINERS_CLUB: "diners-club",
-      DISCOVER: "discover",
-      JCB: "jcb",
-      UNIONPAY: "unionpay",
-      MAESTRO: "maestro",
-      ELO: "elo",
-      MIR: "mir",
-      HIPER: "hiper",
-      HIPERCARD: "hipercard"
-    };
-    var ORIGINAL_TEST_ORDER = [
-      cardNames.VISA,
-      cardNames.MASTERCARD,
-      cardNames.AMERICAN_EXPRESS,
-      cardNames.DINERS_CLUB,
-      cardNames.DISCOVER,
-      cardNames.JCB,
-      cardNames.UNIONPAY,
-      cardNames.MAESTRO,
-      cardNames.ELO,
-      cardNames.MIR,
-      cardNames.HIPER,
-      cardNames.HIPERCARD
-    ];
-    var testOrder = clone_1.clone(ORIGINAL_TEST_ORDER);
-    function findType(cardType) {
-      return customCards[cardType] || cardTypes[cardType];
-    }
-    function getAllCardTypes() {
-      return testOrder.map(function(cardType) {
-        return clone_1.clone(findType(cardType));
-      });
-    }
-    function getCardPosition(name, ignoreErrorForNotExisting) {
-      if (ignoreErrorForNotExisting === void 0) {
-        ignoreErrorForNotExisting = false;
-      }
-      var position = testOrder.indexOf(name);
-      if (!ignoreErrorForNotExisting && position === -1) {
-        throw new Error('"' + name + '" is not a supported card type.');
-      }
-      return position;
-    }
-    function creditCardType2(cardNumber) {
-      var results = [];
-      if (!is_valid_input_type_1.isValidInputType(cardNumber)) {
-        return results;
-      }
-      if (cardNumber.length === 0) {
-        return getAllCardTypes();
-      }
-      testOrder.forEach(function(cardType) {
-        var cardConfiguration = findType(cardType);
-        add_matching_cards_to_results_1.addMatchingCardsToResults(cardNumber, cardConfiguration, results);
-      });
-      var bestMatch = find_best_match_1.findBestMatch(results);
-      if (bestMatch) {
-        return [bestMatch];
-      }
-      return results;
-    }
-    creditCardType2.getTypeInfo = function(cardType) {
-      return clone_1.clone(findType(cardType));
-    };
-    creditCardType2.removeCard = function(name) {
-      var position = getCardPosition(name);
-      testOrder.splice(position, 1);
-    };
-    creditCardType2.addCard = function(config) {
-      var existingCardPosition = getCardPosition(config.type, true);
-      customCards[config.type] = config;
-      if (existingCardPosition === -1) {
-        testOrder.push(config.type);
-      }
-    };
-    creditCardType2.updateCard = function(cardType, updates) {
-      var originalObject = customCards[cardType] || cardTypes[cardType];
-      if (!originalObject) {
-        throw new Error('"' + cardType + "\" is not a recognized type. Use `addCard` instead.'");
-      }
-      if (updates.type && originalObject.type !== updates.type) {
-        throw new Error("Cannot overwrite type parameter.");
-      }
-      var clonedCard = clone_1.clone(originalObject);
-      clonedCard = __assign(__assign({}, clonedCard), updates);
-      customCards[clonedCard.type] = clonedCard;
-    };
-    creditCardType2.changeOrder = function(name, position) {
-      var currentPosition = getCardPosition(name);
-      testOrder.splice(currentPosition, 1);
-      testOrder.splice(position, 0, name);
-    };
-    creditCardType2.resetModifications = function() {
-      testOrder = clone_1.clone(ORIGINAL_TEST_ORDER);
-      customCards = {};
-    };
-    creditCardType2.types = cardNames;
-    module.exports = creditCardType2;
-  }
-});
-
-// node_modules/luhn/src/luhn.js
-var require_luhn = __commonJS({
-  "node_modules/luhn/src/luhn.js"(exports, module) {
-    "use strict";
-    module.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)) {
-          return false;
-        }
-        for (var i = length; i > 0; i--) {
-          calc = parseInt(trimmed.charAt(i - 1));
-          if (!odd) {
-            total += calc;
-          } else {
-            calc2 = calc * 2;
-            switch (calc2) {
-              case 10:
-                calc2 = 1;
-                break;
-              case 12:
-                calc2 = 3;
-                break;
-              case 14:
-                calc2 = 5;
-                break;
-              case 16:
-                calc2 = 7;
-                break;
-              case 18:
-                calc2 = 9;
-                break;
-              default:
-                calc2 = calc2;
-            }
-            total += calc2;
-          }
-          odd = !odd;
-        }
-        return total !== 0 && total % 10 === 0;
-      }
-      return {
-        validate
-      };
-    })();
-  }
-});
-
-// components/types/modal/styles.tsx
-import styled from "styled-components";
-var Container = styled.div`
-  width: 100%;
-  height: 100%;
-  top: 0;
-  right: 0;
-  display: flex !important;
-  position: fixed;
-  z-index: ${(props) => props.toggle ? "9" : "-1"};
-  flex-direction: ${(props) => props.position === "left" ? "row-reverse" : "row"} !important;
-  transform: ${(props) => props.toggle ? "translateX(0%)" : "translateX(100%)"};
-  transition: ${(props) => props.toggle ? ".0s ease .0s" : ".3s ease .3s"};
-
-  .iz-modal-back {
-    width: 100%;
-    height: 100%;
-    background: rgb(0, 0, 0, 0.3);
-    opacity: ${(props) => props.toggle ? "1" : "0"};
-    transition: ease 0.3s;
-    position: absolute;
-  }
-
-  .iz-modal-container {
-    display: flex;
-    flex-direction: column;
-    height: ${(props) => props.position !== "center" ? "100%" : void 0};
-    width: ${(props) => props.position !== "center" ? "18rem" : void 0};
-    border-radius: ${(props) => props.position === "center" ? "10px" : void 0};
-    max-height: ${(props) => props.position === "center" ? "95%" : "100%"};
-    max-width: ${(props) => props.position === "center" ? "95%" : "100%"};
-    background: ${({ theme }) => theme.primary};
-    transform: ${(props) => props.toggle ? props.position === "right" || props.position === "left" ? "translateX(0rem)" : "translateX(-50%) translateY(50%)" : props.position === "right" ? "translateX(18rem)" : props.position === "left" ? "translateX(-18rem)" : "translateX(-50%) translateY(43%)"};
-    opacity: ${(props) => props.position === "center" && !props.toggle ? "0" : "1"};
-    transition: ease 0.3s;
-    position: absolute;
-
-    ${(props) => props.position === "right" ? "right: 0;" : props.position === "left" ? "left: 0;" : "left: 50%; bottom: 50%;"}
-
-    @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-      border-radius: ${(props) => props.position === "center" ? "10px 10px 0 0" : void 0};
-      width: ${(props) => props.position !== "center" ? "18rem" : "100%"};
-      max-width: 100%;
-      padding-bottom: 3rem !important;
-
-      transform: ${(props) => props.toggle ? props.position === "right" || props.position === "left" ? "translateX(0rem)" : "translateX(-50%) translateY(0)" : props.position === "right" ? "translateX(18rem)" : props.position === "left" ? "translateX(-18rem)" : "translateX(-50%) translateY(50%)"};
-
-      ${(props) => props.position === "right" ? "right: 0;" : props.position === "left" ? "left: 0;" : "left: 50%; bottom: 0;"}
-    }
-
-    .iz-modal-header {
-      padding: 1.5rem 2rem;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      border-bottom: 1px solid rgb(0, 0, 0, 0.2);
-
-      .iz-modal-title {
-        color: ${({ theme }) => theme.t6};
-        font-size: 1rem;
-        font-weight: 500;
-
-        i {
-          margin-right: .5rem;
-        }
-
-        span {
-          word-break: break-word;
-        }
-      }
-
-      .fa-xmark {
-        color: ${({ theme }) => theme.t6};
-        margin-left: .5rem;
-        cursor: pointer;
-
-        &:hover {
-          color: ${({ theme }) => theme.t8};
-        }
-      }
-    }
-
-    .iz-modal-content {
-      overflow-x: hidden;
-      overflow-y: overlay;
-      position: relative;
-      height: ${(props) => props.position === "center" ? "initial" : "100%"};
-
-      .iz-modal-close {
-        position: absolute;
-        color: ${(props) => props.light ? "rgb(255, 255, 255, 0.6)" : "rgb(0, 0, 0, 0.6)"};
-        top: ${(props) => props.position === "center" ? "1rem" : "1.5rem"};
-        right: ${(props) => props.position === "center" ? "1rem" : "1.5rem"};
-        width: 1rem;
-        height: 1rem;
-        cursor: pointer;
-        z-index: 9;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-          
-        @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-           display: none;
-        }
-
-        &:hover {
-          color: ${(props) => props.light ? "rgb(255, 255, 255, 1)" : "rgb(0, 0, 0, 1)"};
-        }
-      }
-    }
-
-    .iz-modal-buttons {
-      padding: 1rem 2rem;
-
-      @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-        padding: 1rem 2rem 2rem;
-      }
-
-      button {
-        width: 100%;
-        margin-bottom: .5rem;
-      }
-
-      button:last-child {
-        margin-bottom: 0;
-      }
-    }
-  }
-`;
-
-// 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`
-    display: flex;
-    flex-direction: row;
-    align-items: stretch;
-    gap: 1rem;
-    flex-wrap: wrap;
-`;
-
-// components/index.tsx
-import _19 from "lodash";
-
-// components/types/table/index.tsx
-import { useEffect as useEffect5 } from "react";
-
-// components/types/table/styles.tsx
-import styled3 from "styled-components";
-var Container3 = styled3.div`
-    .iz-table-container {
-        overflow-x: auto;
-
-        &::-webkit-scrollbar {
-            width: 0;
-            height: ${(props) => props.notFound ? "0px" : "5px"};
-        }
-
-        &::-webkit-scrollbar-track {
-            background: transparent;
-        }
-
-        &::-webkit-scrollbar-thumb {
-            background-color: rgb(255, 255, 255, 0.1);
-            border-radius: 5px;
-        }
-
-        table {
-            font-size: .8rem;
-            border: 0;
-            color: ${({ theme }) => theme.t6};
-            overflow-x: ${(props) => props.notFound ? "auto" : "hidden"};
-            width: 100%;
-            border-spacing: 0;
-
-            .iz-table-content {
-                background: ${({ theme }) => theme.t05};
-                height: 2.7rem;
-                padding: 0.8rem 1.3rem;
-                margin-top: 0.5rem;
-                white-space: nowrap;
-                display: flex;
-                align-items: center;
-                position: relative;
-                transition: ease 0.3s;
-
-                &.iz-table-identifier {
-                    padding: .8rem .5rem !important;
-                }
-
-                &.iz-table-action {
-                    display: flex;
-                    justify-content: flex-end;
-                    padding: .8rem .5rem !important;
-                    position: relative;
-
-                    &.left {
-                        justify-content: flex-start;
-                    }
-
-                    &.center {
-                        justify-content: center;
-                    }
-
-                    .iz-table-actions {
-                        display: flex;
-                        align-items: center;
-                        justify-content: flex-end;
-                        gap: .5rem;
-                    }
-
-                    .iz-table-button {
-                        min-width: 1.8rem;
-                        height: 1.8rem;
-                        border-radius: 5px;
-                        border: 1px solid ${({ theme }) => theme.t05};
-                        background: ${({ theme }) => theme.t05};
-                        color: ${({ theme }) => theme.t6};
-                        cursor: pointer;
-                        transition: ease 0.3s, width 1s, position 0s;
-                        display: flex;
-                        align-items: center;
-                        justify-content: center;
-                        gap: .5rem;
-                        font-weight: 500;
-                        text-transform: lowercase;
-                        padding: 0 .5rem;
-                        position: relative;
-
-                        &:disabled {
-                            pointer-events: none;
-                            opacity: .6;
-                        }
-
-                        &:hover {
-                            opacity: .9;
-
-                            &.negative {
-                                color: ${({ theme }) => theme.primary};
-                                background: ${({ theme }) => theme.negative};
-                            }
-                        }
-                    }
-                }
-            }
-
-            thead {
-                tr {
-                    th {
-                        border: none;
-                        padding: 0;
-                        text-transform: uppercase;
-                        font-weight: 500;
-                        letter-spacing: 2px;
-                        position: relative;
-                        height: 2.5rem;
-
-                        @media (max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-                            .iz-table-content {
-                                font-size: .7rem;
-                            }
-                        }
-
-                        @media (max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-                            display: none;
-
-                            &:nth-child(1), &:nth-child(2), &:last-child {
-                                display: table-cell;
-                            }
-                        }
-
-                        &:first-child {
-                            .iz-table-content {
-                                border-top-left-radius: 5px;
-                                border-bottom-left-radius: 5px;
-                            }
-                        }
-
-                        &:last-child {
-                            .iz-table-content {
-                                border-top-right-radius: 5px;
-                                border-bottom-right-radius: 5px;
-                            }
-                        }
-                    }
-                }
-            }
-
-            tbody {
-                tr {
-                    &:hover {
-                        td {
-                            .iz-table-content {
-                                background: ${({ theme }) => theme.tertiary};
-                            }
-                        }
-                    }
-
-                    td {
-                        border: none;
-                        padding: 0;
-                        font-weight: 400;
-                        position: relative;
-
-                        @media (max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-                            display: none;
-
-                            &:nth-child(1), &:nth-child(2), &:last-child {
-                                display: table-cell;
-                            }
-                        }
-
-                        &:first-child {
-                            .iz-table-content {
-                                border-top-left-radius: 5px;
-                                border-bottom-left-radius: 5px;
-                            }
-                        }
-
-                        &:last-child {
-                            .iz-table-content {
-                                border-top-right-radius: 5px;
-                                border-bottom-right-radius: 5px;
-                            }
-                        }
-
-                        .iz-table-content-elipse {
-                            position: absolute;
-                            left: 0;
-                            right: 0;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            padding: 0.8rem 1.3rem;
-                        }
-                    }
-
-                    &:first-child {
-                        td {
-                            .iz-table-content {
-                                margin-top: 1.5rem;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    .iz-table-icon {
-        width: 1.8rem;
-        height: 1.8rem;
-        background: ${({ theme }) => theme.t08};
-        border-radius: 5px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        overflow: hidden;
-
-        img {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-        }
-
-        i {
-            font-size: .9rem;
-        }
-    }
-    
-    .iz-table-not-found {
-        border-radius: 5px;
-        background: ${({ theme }) => theme.t05};
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        margin: 1.5rem 0;
-        padding: 2.5rem;
-        width: 100%;
-
-        p {
-            color: ${({ theme }) => theme.t6};
-            text-align: center;
-        }
-
-        p:first-child {
-            font-size: 1.3rem;
-            font-weight: 600;
-            margin-top: 0;
-            margin-bottom: 0.5rem;
-
-            @media (max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-                font-size: 1rem;
-            }
-        }
-
-        p:last-child {
-            font-size: 0.8rem;
-            max-width: 50rem;
-            margin-top: 0;
-            margin-bottom: 0;
-
-            @media (max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-                font-size: 0.7rem;
-            }
-        }
-    }
-`;
-
-// components/types/table/paginate/styles.tsx
-import styled4 from "styled-components";
-var Container4 = styled4.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 _ from "lodash";
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-
-// contexts/icon/index.tsx
-import { createContext as createContext2, useContext as useContext2, useEffect as useEffect2, useState as useState2 } from "react";
-
-// contexts/theme/index.tsx
-import { createContext, useContext, useState } from "react";
-import { ThemeProvider } from "styled-components";
-
-// contexts/theme/styles.tsx
-import styled5 from "styled-components";
-var Switcher = styled5.div`
-    width: 3rem;
-    height: 1.5rem;
-    border-radius: 1rem;
-    border: 2px solid ${({ theme }) => theme.t05};
-    overflow: hidden;
-    display: flex;
-    align-items: center;
-    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};
-        }
-    }
-    
-    .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;
-
-        div {
-            width: 100%;
-            height: 100%;
-            background: ${({ theme }) => theme.primary};
-            border-radius: 1rem;
-            position: relative;
-            z-index: 2;
-        }
-
-        &:after {
-            content: "";
-            position: absolute;
-            width: 100%;
-            height: 100%;
-            border-radius: 1rem;
-            transform: scale(1.8);
-            background: ${({ theme }) => theme.t05};
-            top: 0;
-            left: 0;
-            z-index: 1;
-        }
-
-        &: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;
-        }
-    }
-`;
-
-// 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
-  }
-};
-
-// contexts/theme/index.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var ThemeContext = createContext({});
-
-// contexts/icon/index.tsx
-import _2 from "lodash";
-
-// 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;
-});
-
-// 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;
-});
-
-// 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;
-});
-
-// contexts/icon/index.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var IconContext = createContext2({});
-
-// contexts/tooltip/index.tsx
-import { createContext as createContext3, useContext as useContext3, useEffect as useEffect3, useState as useState3 } from "react";
-
-// contexts/tooltip/styles.tsx
-import styled6 from "styled-components";
-var Tooltip = styled6.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};
-
-    &::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};
-    }
-
-    &::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};
-    }
-`;
-
-// contexts/tooltip/index.tsx
-import _3 from "lodash";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var TooltipContext = createContext3({});
-
-// contexts/modal/index.tsx
-import { createContext as createContext4, useContext as useContext4, useEffect as useEffect4, useState as useState4 } from "react";
-import { usePathname } from "next/navigation";
-
-// contexts/modal/styles.tsx
-import styled7 from "styled-components";
-var Container5 = styled7.div`
-  
-`;
-
-// contexts/modal/index.tsx
-import _4 from "lodash";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var ModalContext = createContext4({});
-
-// components/types/table/index.tsx
-import _6 from "lodash";
-
-// components/types/table/modal/styles.tsx
-import styled8 from "styled-components";
-var Content = styled8.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%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        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};
-
-                &: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;
-                }
-            }
-        }
-    }
-    
-    .iz-table-modal-actions {
-        margin-top: 1rem;
-    }
-`;
-
-// components/types/table/modal/index.tsx
-import _5 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 }
-};
-
-// components/types/table/modal/index.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-
-// components/types/table/index.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-
-// components/types/loading/bar/styles.tsx
-import styled9 from "styled-components";
-var Container6 = styled9.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
-import { jsx as jsx8 } from "react/jsx-runtime";
-
-// components/types/loading/app/styles.tsx
-import styled10 from "styled-components";
-var Container7 = styled10.div`
-    width: ${({ initialization }) => initialization ? "100vw" : "100%"};
-    height: ${({ initialization }) => initialization ? "100vh" : "calc(100vh - 15rem)"};
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: ${({ initialization }) => initialization ? "absolute" : "relative"};;
-    bottom: 0;
-    left: 0;
-    background: ${({ initialization, theme }) => initialization ? `${theme.maingrad}, ${theme.primary}` : "transparent"};
-    z-index: ${({ initialization }) => initialization ? "9" : "0"};
-    
-    .iz-loading-logo {
-        font-size: 4rem;
-        opacity: 40%;
-        animation: loop 2s infinite;
-        position: relative;
-
-        &::before {
-            content: "";
-            position: absolute;
-            width: 5rem;
-            height: 5rem;
-            animation: firstImpact 2s .5s infinite ease;
-            background: ${({ theme }) => theme.t05};
-            border-radius: 50%;
-            z-index: 0;
-            opacity: 0;
-        }
-
-        &::after {
-            content: "";
-            position: absolute;
-            width: 5rem;
-            height: 5rem;
-            animation: secondImpact 2s .5s infinite ease;
-            background: ${({ theme }) => theme.t05};
-            border-radius: 50%;
-            z-index: 0;
-            opacity: 0;
-        }
-
-        @keyframes loop {
-            0% {
-                transform: scale(1);
-            }
-            80% {
-                transform: scale(1.3);
-            }
-            100% {
-                transform: scale(1);
-            }
-        }
-
-        @keyframes firstImpact {
-            0% {
-                transform: scale(1);
-                opacity: 0;
-            }
-            10% {
-                transform: scale(1.6);
-                opacity: 1;
-            }
-            100% {
-                transform: scale(1.6);
-                opacity: 0;
-            }
-        }
-
-        @keyframes secondImpact {
-            0% {
-                transform: scale(1);
-                opacity: 0;
-            }
-            40% {
-                transform: scale(1.3);
-                opacity: 1;
-            }
-            100% {
-                transform: scale(1.3);
-                opacity: 0;
-            }
-        }
-    }
-`;
-
-// components/types/logo/styles.tsx
-import styled11 from "styled-components";
-var Container8 = styled11.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;
-  }
-`;
-
-// components/types/logo/index.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-
-// components/types/loading/app/index.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-
-// components/types/badge/styles.tsx
-import styled12 from "styled-components";
-var Container9 = styled12.div`
-  .content {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    height: 1.8rem;
-    padding: 0 2rem;
-    position: relative;
-
-    div {
-      position: relative;
-      z-index: 1;
-      color: ${({ theme, color }) => theme[color]};
-      font-size: .8rem;
-      font-weight: 500;
-      text-transform: capitalize;
-    }
-
-    &: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 _7 from "lodash";
-import { jsx as jsx11 } from "react/jsx-runtime";
-
-// components/types/form/index.tsx
-import React9, { useEffect as useEffect6, useRef as useRef2 } from "react";
-
-// components/types/form/styles.tsx
-import styled13 from "styled-components";
-var Container10 = styled13.form`
-    width: 100%;
-
-    .form-buttons {
-        width: 100%;
-        padding-top: 1rem;
-
-        button {
-            width: 100%;
-            margin-top: 1rem;
-        }
-    }
-`;
-
-// components/types/form/index.tsx
-import { z } from "zod";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import _13 from "lodash";
-
-// components/types/form/types/file/index.tsx
-import { useRef } from "react";
-
-// components/types/form/types/file/styles.tsx
-import styled14 from "styled-components";
-var Container11 = styled14.div`
-    width: 100%;
-    padding-top: .3rem;
-
-    .iz-image-content {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
-        border-radius: 5px;
-        overflow: hidden;
-        padding: .5rem 1rem;
-        width: 100%;
-        font-size: .8rem;
-        background: ${(props) => props.disabled ? "${({ theme }) => theme.t2}" : "${({ theme }) => theme.primary}"};
-        opacity: ${(props) => props.disabled ? ".7" : "1"};
-        color: ${({ theme }) => theme.t6};
-        cursor: pointer;
-    }
-
-    .iz-input-error {
-        color: ${({ theme }) => theme.negative};
-        font-size: .7rem;
-    }
-`;
-
-// components/types/form/types/label/styles.tsx
-import styled15 from "styled-components";
-var Container12 = styled15.label`
-    font-size: .8rem;
-    font-weight: 500;
-    color: ${({ theme }) => theme.t6};
-`;
-
-// components/types/form/types/label/index.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
-
-// components/types/form/types/file/index.tsx
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
-
-// components/types/form/types/input/index.tsx
-import { useState as useState5 } from "react";
-
-// components/types/form/types/input/styles.tsx
-import styled16 from "styled-components";
-var Container13 = styled16.div`
-    width: 100%;
-    padding-top: .3rem;
-
-    .iz-input-content {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
-        border-radius: 5px;
-        overflow: hidden;
-        padding-right: ${({ password }) => password ? ".6rem" : "0rem"};
-        background-color: ${({ theme }) => theme.primary};
-
-        input {
-            border: 0;
-            padding: .5rem 1rem;
-            width: 100%;
-            font-size: .8rem;
-            background-color: ${({ theme }) => theme.primary};
-            color: ${({ theme }) => theme.t6};
-
-            &:disabled {
-                background-color: ${({ theme }) => theme.t2};
-                color: ${({ theme }) => theme.t6};
-                opacity: .7;
-            }
-
-            &:focus-visible {
-                outline: none;
-            }
-        }
-
-        i {
-            color: ${({ theme }) => theme.t3};
-            cursor: pointer;
-        }
-    }
-
-    .iz-input-error {
-        color: ${({ theme }) => theme.negative};
-        font-size: .7rem;
-    }
-`;
-
-// components/types/form/types/input/index.tsx
-import _8 from "lodash";
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
-
-// components/types/form/types/select/index.tsx
-import { useState as useState6 } from "react";
-
-// components/types/form/types/select/styles.tsx
-import styled17 from "styled-components";
-var Container14 = styled17.div`
-    width: 100%;
-    padding-top: .3rem;
-
-    .iz-input-content {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
-        border-radius: 5px;
-        overflow: hidden;
-        position: relative;
-        cursor: pointer;
-
-        select {
-            border: 0;
-            padding: .5rem 2.3rem .5rem 1rem;
-            width: 100%;
-            font-size: .8rem;
-            appearance: none;
-            cursor: pointer;
-            background-color: ${({ theme }) => theme.primary};
-            color: ${({ theme }) => theme.t6};
-
-            &:disabled {
-                background-color: ${({ theme }) => theme.t2};
-                color: ${({ theme }) => theme.t6};
-                opacity: .7;
-            }
-
-            &:focus-visible {
-                outline: none;
-            }
-        }
-
-        i {
-            position: absolute;
-            top: 50%;
-            right: .8rem;
-            transform: translateY(-50%);
-            font-size: .8rem;
-            color: ${({ theme }) => theme.t6};
-        }
-    }
-
-    .iz-input-error {
-        color: ${({ theme }) => theme.negative};
-        font-size: .7rem;
-    }
-`;
-
-// components/types/form/types/select/index.tsx
-import _9 from "lodash";
-import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
-
-// components/types/form/types/button/styles.tsx
-import styled18 from "styled-components";
-var Container15 = styled18.button`
-    border-radius: 5px;
-    font-size: .8rem;
-    font-weight: 500;
-    transition: ease .3s;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: ${(props) => props.transparent ? props.theme.t6 : props.outline ? props.color || props.theme.secondary : "#fff !important"};
-    background: ${(props) => props.transparent ? "transparent" : props.outline ? props.theme.t05 : props.color || props.theme.secondary};
-    border: 1px solid ${(props) => props.transparent ? "transparent" : props.outline ? props.theme.t05 : props.color || props.theme.secondary};
-    pointer-events: ${(props) => props.loading === "true" ? "none" : "auto"};
-    cursor: ${(props) => props.loading === "true" ? "default" : "pointer"};
-    opacity: ${(props) => props.loading === "true" ? 0.6 : 1};
-    padding: .4rem 2.5rem;
-    transition: ease .3s;
-
-    span {
-        text-align: center;
-        cursor: ${(props) => props.loading === "true" ? "default" : "pointer"};
-    }
-
-    &:disabled {
-        pointer-events: none;
-        
-        &::before {
-            opacity: .6;
-        }
-    }
-
-    &:hover {
-        opacity: .9;
-        color: ${(props) => props.transparent ? props.theme.t6 : props.outline ? props.color || props.theme.secondary : "#fff"};
-        
-        &::before {
-            background: ${(props) => props.transparent ? "transparent" : props.color || props.theme.secondary};
-        }
-    }
-`;
-
-// components/types/form/types/button/loading/styles.tsx
-import styled19 from "styled-components";
-var Container16 = styled19.div`
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 2rem;
-    margin-right: .5rem;
-
-    div {
-        width: .5rem;
-        height: .5rem;
-        border-radius: 1rem;
-        background: rgb(255, 255, 255, 1);
-
-        &:nth-child(1) {
-            animation: blinkOne infinite ease 2s;
-        }
-
-        &:nth-child(2) {
-            animation: blinkTwo infinite ease 2s;
-        }
-
-        &:nth-child(3) {
-            animation: blinkThree infinite ease 2s;
-        }
-    }
-
-    @keyframes blinkOne {
-        0% {
-            opacity: 0.8;
-        }
-        20% {
-            opacity: 0.2;
-        }
-        40% {
-            opacity: 0.2;
-        }
-        60% {
-            opacity: 0.2;
-        }
-        80% {
-            opacity: 0.2;
-        }
-        100% {
-            opacity: 0.8;
-        }
-    }
-
-    @keyframes blinkTwo {
-        0% {
-            opacity: 0.2;
-        }
-        20% {
-            opacity: 0.8;
-        }
-        40% {
-            opacity: 0.2;
-        }
-        60% {
-            opacity: 0.2;
-        }
-        80% {
-            opacity: 0.8;
-        }
-        100% {
-            opacity: 0.2;
-        }
-    }
-
-    @keyframes blinkThree {
-        0% {
-            opacity: 0.2;
-        }
-        25% {
-            opacity: 0.2;
-        }
-        50% {
-            opacity: 0.8;
-        }
-        75% {
-            opacity: 0.2;
-        }
-        100% {
-            opacity: 0.2;
-        }
-    }
-`;
-
-// components/types/form/types/button/loading/index.tsx
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
-function Loading() {
-  return /* @__PURE__ */ jsxs11(Container16, { children: [
-    /* @__PURE__ */ jsx16("div", {}),
-    /* @__PURE__ */ jsx16("div", {}),
-    /* @__PURE__ */ jsx16("div", {})
-  ] });
-}
-
-// components/types/form/types/button/index.tsx
-import _10 from "lodash";
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
-function Button(props) {
-  return /* @__PURE__ */ jsxs12(
-    Container15,
-    {
-      loading: String(!!props.loading),
-      disabled: props.disabled,
-      type: props.type || "button",
-      ..._10.omit(props, ["loading", "type"]),
-      children: [
-        !!props.loading && /* @__PURE__ */ jsx17(Loading, {}),
-        /* @__PURE__ */ jsx17("span", { children: props.label })
-      ]
-    }
-  );
-}
-
-// components/types/form/types/datetime/styles.tsx
-import styled20 from "styled-components";
-var Container17 = styled20.div`
-    width: 100%;
-    padding-top: .3rem;
-
-    .iz-input-content {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
-        border-radius: 5px;
-        overflow: hidden;
-
-        input {
-            border: 0;
-            padding: .5rem 1rem;
-            width: 100%;
-            font-size: .8rem;
-            background-color: ${({ theme }) => theme.primary};
-            color: ${({ theme }) => theme.t6};
-            color-scheme: ${(props) => props.theme || "light"};
-
-            &:disabled {
-                background-color: ${({ theme }) => theme.t2};
-                color: ${({ theme }) => theme.t6};
-                opacity: .7;
-            }
-
-            &:focus-visible {
-                outline: none;
-            }
-        }
-    }
-
-    .iz-input-error {
-        color: ${({ theme }) => theme.negative};
-        font-size: .7rem;
-    }
-`;
-
-// components/types/form/types/datetime/index.tsx
-import _11 from "lodash";
-import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
-
-// components/types/form/types/textarea/styles.tsx
-import styled21 from "styled-components";
-var Container18 = styled21.div`
-    width: 100%;
-    padding-top: .3rem;
-
-    .iz-input-content {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
-        border-radius: 5px;
-        overflow: hidden;
-
-        textarea {
-            border: 0;
-            padding: .5rem 1rem;
-            width: 100%;
-            font-size: .8rem;
-            background-color: ${({ theme }) => theme.primary};
-            color: ${({ theme }) => theme.t6};
-
-            &:disabled {
-                background-color: ${({ theme }) => theme.t2};
-                color: ${({ theme }) => theme.t6};
-                opacity: .7;
-            }
-
-            &:focus-visible {
-                outline: none;
-            }
-        }
-    }
-
-    .iz-input-error {
-        color: ${({ theme }) => theme.negative};
-        font-size: .7rem;
-    }
-`;
-
-// components/types/form/types/textarea/index.tsx
-import _12 from "lodash";
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
-
-// components/types/form/index.tsx
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
-
-// components/types/chart/styles.tsx
-import styled22 from "styled-components";
-var Container19 = styled22.div`
-
-`;
-
-// components/types/chart/index.tsx
-import dynamic from "next/dynamic";
-import _14 from "lodash";
-import { jsx as jsx21 } from "react/jsx-runtime";
-var ApexChart = dynamic(() => import("react-apexcharts").then((mod) => mod.default), { ssr: false });
-
-// components/types/avatar/index.tsx
-import { useRef as useRef3, useState as useState7 } from "react";
-
-// components/types/avatar/styles.tsx
-import styled23 from "styled-components";
-var Container20 = styled23.div`
-  width: ${({ size }) => size || "2.3rem"};
-  height: ${({ size }) => size || "2.3rem"};
-  border-radius: ${({ size }) => size || "2.3rem"};
-  border: 2px solid ${({ theme }) => theme.t1};
-  background: ${({ color }) => color};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: ${({ onClick }) => onClick ? "pointer" : "default"};
-  transition: ease .2s;
-  position: relative;
-  font-size: ${({ width }) => width / 2.5}px;
-  font-weight: 500;
-  color: ${({ theme }) => theme.primary};
-
-  span {
-    position: relative;
-    z-index: 1;
-  }
-
-  &::before {
-    content: "";
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    transition: ease .2s;
-    background: ${({ theme }) => theme.t03};
-    border-radius: ${({ size }) => size || "2.3rem"};
-    z-index: 0;
-  }
-
-  &::after {
-    content: "";
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    transition: ease .2s;
-    background: ${({ theme }) => theme.t05};
-    border-radius: ${({ size }) => size || "2.3rem"};
-    z-index: 0;
-  }
-
-  &:hover {
-    &::before {
-      transform: scale(1.6);
-    }
-
-    &::after {
-      transform: scale(1.3);
-    }
-  }
-`;
-
-// components/types/avatar/index.tsx
-import _15 from "lodash";
-import { jsx as jsx22 } from "react/jsx-runtime";
-
-// components/types/lottie/styles.tsx
-import styled24 from "styled-components";
-var Container21 = styled24.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: .3rem;
-
-  label {
-    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;
-  }
-`;
-
-// components/types/lottie/index.tsx
-import LottieReact from "react-lottie";
-import { jsx as jsx23 } from "react/jsx-runtime";
-
-// components/types/credit-card/styles.tsx
-import styled25 from "styled-components";
-var Container22 = styled25.div`
-    border-radius: 8px 8px 0 0;
-    transition: .2s ease .2s background, .2s ease .2s padding;
-    position: relative;
-    display: flex;
-    gap: .5rem;
-    height: 11rem;
-    pointer-events: all;
-
-    @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-        width: 100%;
-    }
-
-    &:hover {
-        .iz-credit-card-function-container {
-            margin-left: 0;
-
-            .iz-credit-card-function {
-                transform: translateX(0);
-                opacity: 1;
-            }
-
-            .iz-credit-card-function:nth-child(1) {
-                transition: .3s ease transform, .2s ease .1s opacity, ease .3s color;
-            }
-
-            .iz-credit-card-function:nth-child(2) {
-                transition: .3s ease .1s transform, .2s ease .2s opacity, ease .3s color;
-            }
-        }
-    }
-`;
-
-// components/types/credit-card/card/index.tsx
-import { useEffect as useEffect8, useRef as useRef4 } from "react";
-
-// components/types/credit-card/card/styles.tsx
-import styled26 from "styled-components";
-var Container23 = styled26.div`
-    height: 11rem;
-    width: 20rem;
-    border-radius: 8px;
-    background: ${({ theme }) => theme.t05};
-    padding: 1.5rem;
-    display: inline-flex;
-    justify-content: space-between;
-    gap: 1rem;
-    white-space: nowrap;
-    position: relative;
-    z-index: 0;
-    backdrop-filter: blur(5px);
-
-    @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-        width: 100%;
-        height: 10rem;
-    }
-
-    @media(max-width: ${({ theme }) => theme.mobileMinWidth}) {
-        height: 9rem;
-    }
-
-    .iz-credit-card-left {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        gap: 1rem;
-        width: 100%;
-
-        .iz-credit-card-top {
-            div {
-                width: 2.5rem;
-                height: 1.5rem;
-                background-size: contain;
-                background-repeat: no-repeat;
-            }
-        }
-
-        .iz-credit-card-bottom {
-            display: flex;
-            flex-direction: column;
-            gap: .8rem;
-
-            .iz-credit-card-elipse {
-                position: absolute;
-                left: 0;
-                right: 0;
-                white-space: nowrap;
-                overflow: hidden;
-                text-overflow: ellipsis;
-            }
-
-            .iz-credit-card-number {
-                font-size: 1.1rem;
-                font-weight: 600;
-                color: ${({ theme }) => theme.t6};
-                position: relative;
-                height: 1.1rem;
-
-                @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-                    font-size: .9rem;
-                    height: .9rem;
-                }
-
-                @media(max-width: ${({ theme }) => theme.mobileMinWidth}) {
-                    font-size: .7rem;
-                    height: .7rem;
-                }
-            }
-
-            .iz-credit-card-name {
-                font-size: .9rem;
-                font-weight: 500;
-                position: relative;
-                text-transform: uppercase;
-                color: ${({ theme }) => theme.t5};
-                height: .9rem;
-
-                @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-                    font-size: .7rem;
-                    height: .7rem;
-                }
-
-                @media(max-width: ${({ theme }) => theme.mobileMinWidth}) {
-                    font-size: .5rem;
-                    height: .5rem;
-                }
-            }
-        }
-    }
-
-    .iz-credit-card-right {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        align-items: flex-end;
-        gap: 1rem;
-
-        .iz-credit-card-top {
-            display: flex;
-            justify-content: end;
-
-            div {
-                width: 2.5rem;
-                height: 2.5rem;
-                background-size: contain;
-                background-repeat: no-repeat;
-            }
-        }
-
-        .iz-credit-card-bottom {
-            display: flex;
-            flex-direction: column;
-            text-align: right;
-
-            span:first-child {
-                font-size: .6rem;
-                font-weight: 600;
-                color: ${({ theme }) => theme.t3};
-            }
-
-            span:last-child {
-                font-size: .8rem;
-                font-weight: 600;
-                color: ${({ theme }) => theme.t5};
-            }
-        }
-    }
-`;
-
-// components/types/credit-card/tools/index.tsx
-var import_credit_card_type = __toESM(require_dist());
-var import_luhn = __toESM(require_luhn());
-import _16 from "lodash";
-var validateLuhn = import_luhn.default.validate;
-
-// components/types/credit-card/card/index.tsx
-import _17 from "lodash";
-import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
-
-// components/types/credit-card/functions/styles.tsx
-import styled27 from "styled-components";
-var Container24 = styled27.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 _18 from "lodash";
-import { jsx as jsx25 } from "react/jsx-runtime";
-
-// components/types/credit-card/index.tsx
-import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
-
-// components/types/block/styles.tsx
-import styled28 from "styled-components";
-var Container25 = styled28.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 Content2 = styled28.div`
-    font-size: 1.5rem;
-    font-weight: 500;
-    color: ${({ theme }) => theme.t7};
-`;
-
-// components/types/block/index.tsx
-import { jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
-
-// components/index.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
-
-// components/types/modal/index.tsx
-import _20 from "lodash";
-import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
-function Modal2(props) {
+import { Container } from "./styles";
+import { Button } from "../..";
+import _ from "lodash";
+function Modal(props) {
   var _a, _b, _c;
-  return /* @__PURE__ */ jsxs19(Container, { ...props, position: props.position || "center", children: [
-    /* @__PURE__ */ jsx29("div", { className: "iz-modal-back", onClick: props.onClose }),
-    /* @__PURE__ */ jsxs19("div", { className: "iz-modal-container", children: [
-      (!!props.title || !!props.header) && /* @__PURE__ */ jsxs19("div", { className: "iz-modal-header", children: [
-        /* @__PURE__ */ jsxs19("div", { className: "iz-modal-title", children: [
-          ((_a = props.header) == null ? void 0 : _a.icon) && /* @__PURE__ */ jsx29("i", { "aria-hidden": true, className: (_b = props.header) == null ? void 0 : _b.icon }),
-          /* @__PURE__ */ jsx29("span", { children: props.title || ((_c = props.header) == null ? void 0 : _c.title) })
+  return /* @__PURE__ */ jsxs(Container, { ...props, position: props.position || "center", children: [
+    /* @__PURE__ */ jsx("div", { className: "iz-modal-back", onClick: props.onClose }),
+    /* @__PURE__ */ jsxs("div", { className: "iz-modal-container", children: [
+      (!!props.title || !!props.header) && /* @__PURE__ */ jsxs("div", { className: "iz-modal-header", children: [
+        /* @__PURE__ */ jsxs("div", { className: "iz-modal-title", children: [
+          ((_a = props.header) == null ? void 0 : _a.icon) && /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: (_b = props.header) == null ? void 0 : _b.icon }),
+          /* @__PURE__ */ jsx("span", { children: props.title || ((_c = props.header) == null ? void 0 : _c.title) })
         ] }),
-        /* @__PURE__ */ jsx29("i", { "aria-hidden": true, className: "fa-solid fa-xmark", onClick: props.onClose })
+        /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: "fa-solid fa-xmark", onClick: props.onClose })
       ] }),
-      /* @__PURE__ */ jsxs19("div", { className: "iz-modal-content", children: [
-        props.onClose && !props.title && !props.header && !props.noCloseIcon && /* @__PURE__ */ jsx29("div", { className: "iz-modal-close", onClick: props.onClose, children: /* @__PURE__ */ jsx29("i", { "aria-hidden": true, className: "fa-solid fa-xmark" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "iz-modal-content", children: [
+        props.onClose && !props.title && !props.header && !props.noCloseIcon && /* @__PURE__ */ jsx("div", { className: "iz-modal-close", onClick: props.onClose, children: /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: "fa-solid fa-xmark" }) }),
         props.children
       ] }),
-      props.buttons && /* @__PURE__ */ jsx29("div", { className: "iz-modal-buttons", children: _20.map(
+      props.buttons && /* @__PURE__ */ jsx("div", { className: "iz-modal-buttons", children: _.map(
         props.buttons,
-        (button, index) => /* @__PURE__ */ jsx29(Button, { ...button }, index)
+        (button, index) => /* @__PURE__ */ jsx(Button, { ...button }, index)
       ) })
     ] })
   ] });
 }
 export {
-  Modal2 as Modal
+  Modal
 };