@gustavo-valsechi/client 1.3.28 → 1.3.29

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

@@ -0,0 +1,2323 @@
+"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";
+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) {
+  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) })
+        ] }),
+        /* @__PURE__ */ jsx29("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" }) }),
+        props.children
+      ] }),
+      props.buttons && /* @__PURE__ */ jsx29("div", { className: "iz-modal-buttons", children: _20.map(
+        props.buttons,
+        (button, index) => /* @__PURE__ */ jsx29(Button, { ...button }, index)
+      ) })
+    ] })
+  ] });
+}
+export {
+  Modal2 as Modal
+};