@gustavo-valsechi/client 1.3.28 → 1.3.29

package/dist/components/types/loading/bar/styles.mjs

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

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

@@ -0,0 +1,2 @@
+export * from "./bar";
+export * from "./app";

package/dist/components/types/loading/index.js

@@ -0,0 +1,192 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __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/loading/index.tsx
+var loading_exports = {};
+__export(loading_exports, {
+  LoadingApp: () => LoadingApp,
+  LoadingBar: () => LoadingBar
+});
+module.exports = __toCommonJS(loading_exports);
+
+// components/types/loading/bar/styles.tsx
+var import_styled_components = __toESM(require("styled-components"));
+var Container = import_styled_components.default.div`
+  border-radius: ${(props) => props.borderRadius || "10px"};
+  height: ${(props) => props.height || "100%"};
+  width: ${(props) => props.width || "100%"};
+  animation: loading infinite 2s;
+  margin: ${(props) => props.margin || "0px"};
+
+  @keyframes loading {
+    0% {
+      background: ${(props) => !props.dark ? "rgb(0, 0, 0, 0.05)" : "rgb(255, 255, 255, 0.05)"};
+    }
+    50% {
+      background: ${(props) => !props.dark ? "rgb(0, 0, 0, 0.10)" : "rgb(255, 255, 255, 0.15)"};
+    }
+    100% {
+      background: ${(props) => !props.dark ? "rgb(0, 0, 0, 0.05)" : "rgb(255, 255, 255, 0.05)"};
+    }
+  }
+`;
+
+// components/types/loading/bar/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function LoadingBar(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Container, { ...props });
+}
+
+// components/types/loading/app/styles.tsx
+var import_styled_components2 = __toESM(require("styled-components"));
+var Container2 = import_styled_components2.default.div`
+    width: ${({ initialization }) => initialization ? "100vw" : "100%"};
+    height: ${({ initialization }) => initialization ? "100vh" : "calc(100vh - 15rem)"};
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: ${({ initialization }) => initialization ? "absolute" : "relative"};;
+    bottom: 0;
+    left: 0;
+    background: ${({ initialization, theme }) => initialization ? `${theme.maingrad}, ${theme.primary}` : "transparent"};
+    z-index: ${({ initialization }) => initialization ? "9" : "0"};
+    
+    .iz-loading-logo {
+        font-size: 4rem;
+        opacity: 40%;
+        animation: loop 2s infinite;
+        position: relative;
+
+        &::before {
+            content: "";
+            position: absolute;
+            width: 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
+var import_styled_components3 = __toESM(require("styled-components"));
+var Container3 = import_styled_components3.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: .3rem;
+  font-size: ${(props) => props.size || "2"}rem;
+  color: ${(props) => props.theme.t5};
+
+  label:first-child {
+    font-weight: 900;
+    color: ${(props) => props.theme.secondary};
+  }
+
+  label:last-child {
+    font-weight: 600;
+  }
+`;
+
+// components/types/logo/index.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Logo(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Container3, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { children: "IZ" }),
+    !props.onlyPrefix && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { children: "Way" })
+  ] });
+}
+
+// components/types/loading/app/index.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function LoadingApp(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Container2, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Logo, { className: "iz-loading-logo", onlyPrefix: true }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LoadingApp,
+  LoadingBar
+});

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

@@ -0,0 +1,154 @@
+// components/types/loading/bar/styles.tsx
+import styled from "styled-components";
+var Container = styled.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 } from "react/jsx-runtime";
+function LoadingBar(props) {
+  return /* @__PURE__ */ jsx(Container, { ...props });
+}
+
+// components/types/loading/app/styles.tsx
+import styled2 from "styled-components";
+var Container2 = styled2.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 styled3 from "styled-components";
+var Container3 = styled3.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 jsx2, jsxs } from "react/jsx-runtime";
+function Logo(props) {
+  return /* @__PURE__ */ jsxs(Container3, { ...props, children: [
+    /* @__PURE__ */ jsx2("label", { children: "IZ" }),
+    !props.onlyPrefix && /* @__PURE__ */ jsx2("label", { children: "Way" })
+  ] });
+}
+
+// components/types/loading/app/index.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function LoadingApp(props) {
+  return /* @__PURE__ */ jsx3(Container2, { ...props, children: /* @__PURE__ */ jsx3(Logo, { className: "iz-loading-logo", onlyPrefix: true }) });
+}
+export {
+  LoadingApp,
+  LoadingBar
+};

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

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

package/dist/components/types/logo/index.js

@@ -0,0 +1,69 @@
+"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/logo/index.tsx
+var logo_exports = {};
+__export(logo_exports, {
+  Logo: () => Logo
+});
+module.exports = __toCommonJS(logo_exports);
+
+// components/types/logo/styles.tsx
+var import_styled_components = __toESM(require("styled-components"));
+var Container = import_styled_components.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: .3rem;
+  font-size: ${(props) => props.size || "2"}rem;
+  color: ${(props) => props.theme.t5};
+
+  label:first-child {
+    font-weight: 900;
+    color: ${(props) => props.theme.secondary};
+  }
+
+  label:last-child {
+    font-weight: 600;
+  }
+`;
+
+// components/types/logo/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Logo(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "IZ" }),
+    !props.onlyPrefix && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "Way" })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Logo
+});

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

@@ -0,0 +1,33 @@
+"use client";
+
+// components/types/logo/styles.tsx
+import styled from "styled-components";
+var Container = styled.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, jsxs } from "react/jsx-runtime";
+function Logo(props) {
+  return /* @__PURE__ */ jsxs(Container, { ...props, children: [
+    /* @__PURE__ */ jsx("label", { children: "IZ" }),
+    !props.onlyPrefix && /* @__PURE__ */ jsx("label", { children: "Way" })
+  ] });
+}
+export {
+  Logo
+};

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

@@ -0,0 +1 @@
+export declare const Container: any;

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

@@ -0,0 +1,58 @@
+"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/logo/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`
+  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;
+  }
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Container
+});

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

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