@gustavo-valsechi/client 1.3.28 → 1.3.29

package/dist/components/types/table/styles.js

@@ -0,0 +1,301 @@
+"use strict";
+"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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// components/types/table/styles.tsx
+var styles_exports = {};
+__export(styles_exports, {
+  Container: () => Container
+});
+module.exports = __toCommonJS(styles_exports);
+var import_styled_components = __toESM(require("styled-components"));
+var Container = import_styled_components.default.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;
+            }
+        }
+    }
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Container
+});

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

@@ -0,0 +1,267 @@
+"use client";
+
+// components/types/table/styles.tsx
+import styled from "styled-components";
+var Container = styled.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;
+            }
+        }
+    }
+`;
+export {
+  Container
+};

package/dist/contexts/icon/assets/brands/index.d.ts

@@ -0,0 +1,2 @@
+declare const brands: Record<string, string>;
+export default brands;

package/dist/contexts/icon/assets/brands/index.js

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// contexts/icon/assets/brands/index.tsx
+var brands_exports = {};
+__export(brands_exports, {
+  default: () => brands_default
+});
+module.exports = __toCommonJS(brands_exports);
+var req = require.context("./", false, /\.svg$/);
+var brands = {};
+req.keys().forEach((key) => {
+  const name = key.replace("./", "").replace(".svg", "");
+  brands[name] = req(key).default;
+});
+var brands_default = brands;

package/dist/contexts/icon/assets/brands/index.mjs

@@ -0,0 +1,18 @@
+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');
+});
+
+// contexts/icon/assets/brands/index.tsx
+var req = __require.context("./", false, /\.svg$/);
+var brands = {};
+req.keys().forEach((key) => {
+  const name = key.replace("./", "").replace(".svg", "");
+  brands[name] = req(key).default;
+});
+var brands_default = brands;
+export {
+  brands_default as default
+};

package/dist/contexts/icon/assets/index.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    brands: Record<string, string>;
+    regular: Record<string, string>;
+    solid: Record<string, string>;
+};
+export default _default;

package/dist/contexts/icon/assets/index.js

@@ -0,0 +1,59 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// contexts/icon/assets/index.tsx
+var assets_exports = {};
+__export(assets_exports, {
+  default: () => assets_default
+});
+module.exports = __toCommonJS(assets_exports);
+
+// contexts/icon/assets/brands/index.tsx
+var req = require.context("./", false, /\.svg$/);
+var brands = {};
+req.keys().forEach((key) => {
+  const name = key.replace("./", "").replace(".svg", "");
+  brands[name] = req(key).default;
+});
+var brands_default = brands;
+
+// contexts/icon/assets/regular/index.tsx
+var req2 = require.context("./", false, /\.svg$/);
+var regular = {};
+req2.keys().forEach((key) => {
+  const name = key.replace("./", "").replace(".svg", "");
+  regular[name] = req2(key).default;
+});
+var regular_default = regular;
+
+// contexts/icon/assets/solid/index.tsx
+var req3 = require.context("./", false, /\.svg$/);
+var solid = {};
+req3.keys().forEach((key) => {
+  const name = key.replace("./", "").replace(".svg", "");
+  solid[name] = req3(key).default;
+});
+var solid_default = solid;
+
+// contexts/icon/assets/index.tsx
+var assets_default = {
+  brands: brands_default,
+  regular: regular_default,
+  solid: solid_default
+};