@gustavo-valsechi/client 1.3.23 → 1.3.25

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

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

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

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

package/dist/components/types/loading/app/styles.d.ts

@@ -0,0 +1 @@
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

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

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

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

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

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

@@ -0,0 +1,33 @@
+"use client";
+"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)"};
+    }
+  }
+`;
+
+// components/types/loading/bar/index.tsx
+import { jsx } from "react/jsx-runtime";
+function LoadingBar(props) {
+  return /* @__PURE__ */ jsx(Container, { ...props });
+}
+export {
+  LoadingBar
+};

package/dist/components/types/loading/bar/styles.d.ts

@@ -0,0 +1 @@
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

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

@@ -0,0 +1,27 @@
+"use client";
+"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.mjs

@@ -0,0 +1,156 @@
+"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)"};
+    }
+  }
+`;
+
+// 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.mjs

@@ -0,0 +1,34 @@
+"use client";
+"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.mjs

@@ -0,0 +1,25 @@
+"use client";
+"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
+};