@gustavo-valsechi/client 1.3.28 → 1.3.29

package/dist/components/types/credit-card/card/styles.d.ts

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

package/dist/components/types/credit-card/card/styles.js

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

package/dist/components/types/credit-card/card/styles.mjs

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

package/dist/components/types/credit-card/functions/index.d.ts

@@ -0,0 +1,2 @@
+import { ICreditCard } from "@interfaces";
+export default function CreditCardFunctions(props: ICreditCard): false | import("react/jsx-runtime").JSX.Element;

package/dist/components/types/credit-card/functions/index.js

@@ -0,0 +1,92 @@
+"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/credit-card/functions/index.tsx
+var functions_exports = {};
+__export(functions_exports, {
+  default: () => CreditCardFunctions
+});
+module.exports = __toCommonJS(functions_exports);
+
+// components/types/credit-card/functions/styles.tsx
+var import_styled_components = __toESM(require("styled-components"));
+var Container = import_styled_components.default.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
+var import_lodash = __toESM(require("lodash"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function CreditCardFunctions(props) {
+  return import_lodash.default.some(props.functions, (data) => !data.hide) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Container, { className: "iz-credit-card-function-container", children: import_lodash.default.map(
+    props.functions,
+    (data, index) => !data.hide && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: "iz-credit-card-function",
+        onClick: data.function,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: data.icon })
+      },
+      index
+    )
+  ) });
+}

package/dist/components/types/credit-card/functions/index.mjs

@@ -0,0 +1,60 @@
+"use client";
+
+// components/types/credit-card/functions/styles.tsx
+import styled from "styled-components";
+var Container = styled.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 _ from "lodash";
+import { jsx } from "react/jsx-runtime";
+function CreditCardFunctions(props) {
+  return _.some(props.functions, (data) => !data.hide) && /* @__PURE__ */ jsx(Container, { className: "iz-credit-card-function-container", children: _.map(
+    props.functions,
+    (data, index) => !data.hide && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "iz-credit-card-function",
+        onClick: data.function,
+        children: /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: data.icon })
+      },
+      index
+    )
+  ) });
+}
+export {
+  CreditCardFunctions as default
+};

package/dist/components/types/credit-card/functions/styles.d.ts

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

package/dist/components/types/credit-card/functions/styles.js

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

package/dist/components/types/credit-card/functions/styles.mjs

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

package/dist/components/types/credit-card/index.d.ts

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