@gustavo-valsechi/client 1.3.23 → 1.3.25

package/dist/components/types/credit-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/styles.mjs

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

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

@@ -0,0 +1,6 @@
+import luhn from "luhn";
+export declare const validateLuhn: typeof luhn.validate;
+export declare const getCardContent: (cardNumber: string) => {
+    flag: string;
+    logo: string;
+};