Socket
Socket
Sign inDemoInstall

krishan21-react-demo5

Package Overview
Dependencies
19
Maintainers
1
Versions
15
Alerts
File Explorer

Advanced tools

npm Scripts

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.0.5 to 1.0.6

13

dist/index.cjs.js
'use strict';
var React$1 = require('react');
var React = require('react');
require('@babel/runtime/helpers/slicedToArray');

@@ -12,9 +12,6 @@ require('@babel/runtime/helpers/toConsumableArray');

var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
var css$7 = "* {\r\n padding: 0%;\r\n margin: 0%;\r\n font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;\r\n}\r\n\r\nbody {\r\n background: rgb(0, 0, 0);\r\n\r\n}\r\n\r\nh4 {\r\n font-size: 0.8rem;\r\n}\r\n\r\n.p {\r\n font-size: 0.7rem;\r\n}\r\n\r\n.myCredit {\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n}\r\n\r\n.main {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.dygnify-backdrop {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100vh;\r\n z-index: 20;\r\n background-color: rgba(0, 0, 0, 0.75);\r\n}\r\n\r\n.dygnify-modal {\r\n position: fixed;\r\n top: 15vh;\r\n width: 29%;\r\n background-color: white;\r\n padding: 1.1rem;\r\n border-radius: 14px;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);\r\n z-index: 30;\r\n animation: slide-down 300ms ease-out forwards;\r\n}\r\n\r\n.field-1-box {\r\n background: #E7EAEE;\r\n border-radius: 5px;\r\n margin: 1rem 0;\r\n padding: 0.9rem 0.8rem;\r\n\r\n}\r\n\r\n.dygnify-wallet-box {\r\n margin: 1.5rem 0rem;\r\n}\r\n\r\n.wallet {\r\n background: #E7EAEE;\r\n border-radius: 5px;\r\n margin: 0.6rem 0;\r\n padding: 0.8rem;\r\n display: flex;\r\n gap: 1.1rem;\r\n overflow: hidden;\r\n align-items: center;\r\n}\r\n\r\n.wallet-text {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.1rem;\r\n}\r\n\r\n.card-img>img {\r\n width: 2rem;\r\n height: 2rem;\r\n border-radius: 100%;\r\n\r\n}\r\n\r\n.btn-box {\r\n display: flex;\r\n justify-content: end;\r\n}\r\n\r\n.btn-box>button {\r\n padding: 0.6rem 0.8rem;\r\n border: none;\r\n background: linear-gradient(81.75deg, #4B74FF 0%, #9281FF 100%);\r\n border-radius: 100px;\r\n}\r\n\r\n.btn {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n}\r\n\r\n.btn-preview-box {\r\n padding: 1rem 0rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.btnPreview {\r\n border: none;\r\n border: 2px solid #B8C0CC;\r\n border-radius: 2rem;\r\n padding: 0.7em 12.6em;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .modal {\r\n width: 40rem;\r\n left: calc(50% - 20rem);\r\n }\r\n}\r\n\r\n@keyframes slide-down {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-3rem);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}";
n(css$7,{});
var css$6 = "body{\r\n\tbackground-color: #0C0E11;\r\n}\r\n.star-modal {\r\n\tposition: absolute;\r\n\ttop: 15%;\r\n\tpadding: 20px;\r\n\tbackground-color: #f8f9fa;\r\n\tcolor: rgb(26, 25, 25);\r\n\tborder-radius: 15px;\r\n\tbox-shadow: inset -1px -1px 1px rgba(185, 185, 185, 0.1);\r\n}\r\n.modal-header{\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\tpadding: 15px 18px;\r\n\tborder-bottom: 1px solid #282c3a;\r\n}\r\n.modal-sub-header{\r\n\tborder-bottom: 0;\r\n\tcolor:rgb(7, 7, 7);\r\n}\r\n.modal-header div{\r\n\tdisplay: flex;\r\n\tgap:5px;\r\n}\r\n.modal-title{\r\n\tcolor: #9281FF;\r\n\tdisplay: flex;\r\n\talign-items: flex-end;\r\n\tfont-size:1.5rem;\r\n}\r\n.modal-close{\r\n\tbackground-color: #c6bef775;\r\n\tborder: 0;\r\n\tborder-radius: 50%;\r\n\r\n\tpadding: 2px 12px;\r\n\tcolor:white;\r\n}\r\n.modal-close:hover{\r\n\tbackground-color: #9281ffd8;\r\n}\r\n.mt-8 {\r\n\tmargin-top: 2rem;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.bg-slate-600 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(71 85 105 / var(--tw-bg-opacity));\r\n}\r\n\r\n.px-4 {\r\n\tpadding-left: 1rem;\r\n\tpadding-right: 1rem;\r\n}\r\n\r\n.py-3 {\r\n\tpadding-top: 0.75rem;\r\n\tpadding-bottom: 0.75rem;\r\n}\r\n\r\n.mb-4 {\r\n\tmargin-bottom: 1rem;\r\n}\r\n\r\n.mt-\\[20px\\] {\r\n\tmargin-top: 20px;\r\n}\r\n\r\n.box-border {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n.flex {\r\n\tdisplay: flex;\r\n}\r\n\r\n.grid {\r\n\tdisplay: grid;\r\n}\r\n\r\n.h-\\[45px\\] {\r\n\theight: 45px;\r\n}\r\n\r\n.h-full {\r\n\theight: 100%;\r\n}\r\n\r\n.w-\\[45px\\] {\r\n\twidth: 45px;\r\n}\r\n\r\n.w-full {\r\n\twidth: 100%;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.grid-cols-2 {\r\n\tgrid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n.items-center {\r\n\talign-items: center;\r\n}\r\n\r\n.gap-4 {\r\n\tgap: 1rem;\r\n}\r\n\r\n.rounded-md {\r\n\tborder-radius: 0.375rem;\r\n}\r\n\r\n.rounded-sm {\r\n\tborder-radius: 0.125rem;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.border {\r\n\tborder-width: 1px;\r\n}\r\n\r\n.border-slate-800 {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(30 41 59 / var(--tw-border-opacity));\r\n}\r\n\r\n.border-slate-400 {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(148 163 184 / var(--tw-border-opacity));\r\n}\r\n\r\n.border-transparent {\r\n\tborder-color: transparent;\r\n}\r\n\r\n.bg-slate-700 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(51 65 85 / var(--tw-bg-opacity));\r\n}\r\n\r\n.bg-green-500 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(34 197 94 / var(--tw-bg-opacity));\r\n}\r\n\r\n.p-1 {\r\n\tpadding: 0.25rem;\r\n}\r\n\r\n.px-2 {\r\n\tpadding-left: 0.5rem;\r\n\tpadding-right: 0.5rem;\r\n}\r\n\r\n.py-2 {\r\n\tpadding-top: 0.5rem;\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.text-start {\r\n\ttext-align: start;\r\n}\r\n\r\n.text-\\[22px\\] {\r\n\tfont-size: 22px;\r\n}\r\n\r\n.text-\\[20px\\] {\r\n\tfont-size: 20px;\r\n}\r\n\r\n.hover\\:border-red-300:hover {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(252 165 165 / var(--tw-border-opacity));\r\n}\r\n\r\n.hover\\:border-blue-400:hover {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(96 165 250 / var(--tw-border-opacity));\r\n}\r\n\r\n.absolute {\r\n\tposition: absolute;\r\n}\r\n\r\n.right-2 {\r\n\tright: 0.5rem;\r\n}\r\n\r\n.top-2 {\r\n\ttop: 0.5rem;\r\n}\r\n\r\n.mt-2 {\r\n\tmargin-top: 0.5rem;\r\n}\r\n\r\n.mr-4 {\r\n\tmargin-right: 1rem;\r\n}\r\n\r\n.mt-4 {\r\n\tmargin-top: 1rem;\r\n}\r\n\r\n.mr-2 {\r\n\tmargin-right: 0.5rem;\r\n}\r\n\r\n.flex {\r\n\tdisplay: flex;\r\n}\r\n\r\n.h-\\[35px\\] {\r\n\theight: 35px;\r\n}\r\n\r\n.w-\\[35px\\] {\r\n\twidth: 35px;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.flex-col {\r\n\tflex-direction: column;\r\n}\r\n\r\n.items-center {\r\n\talign-items: center;\r\n}\r\n\r\n.justify-end {\r\n\tjustify-content: flex-end;\r\n}\r\n\r\n.justify-center {\r\n\tjustify-content: center;\r\n}\r\n\r\n.gap-4 {\r\n\tgap: 1rem;\r\n}\r\n\r\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\r\n\t--tw-space-y-reverse: 0;\r\n\tmargin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\r\n\tmargin-bottom: calc(1rem * var(--tw-space-y-reverse));\r\n}\r\n\r\n.rounded-md {\r\n\tborder-radius: 0.375rem;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.bg-slate-700 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(51 65 85 / var(--tw-bg-opacity));\r\n}\r\n\r\n.bg-slate-600 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(71 85 105 / var(--tw-bg-opacity));\r\n}\r\n\r\n.px-2 {\r\n\tpadding-left: 0.5rem;\r\n\tpadding-right: 0.5rem;\r\n}\r\n\r\n.py-2 {\r\n\tpadding-top: 0.5rem;\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.px-4 {\r\n\tpadding-left: 1rem;\r\n\tpadding-right: 1rem;\r\n}\r\n\r\n.py-1 {\r\n\tpadding-top: 0.25rem;\r\n\tpadding-bottom: 0.25rem;\r\n}\r\n\r\n.pb-2 {\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.text-end {\r\n\ttext-align: end;\r\n}\r\n\r\n.text-\\[22px\\] {\r\n\tfont-size: 22px;\r\n}\r\n\r\n.text-\\[12px\\] {\r\n\tfont-size: 12px;\r\n}\r\n\r\n.text-\\[25px\\] {\r\n\tfont-size: 25px;\r\n}\r\n\r\n.my-blur {\r\n\tfilter: blur(5px);\r\n\t-webkit-filter: blur(5px);\r\n}\r\n.my-blur-remove {\r\n\tfilter: blur(0px);\r\n\t-webkit-filter: blur(0px);\r\n}\r\n\r\n.blur-sm {\r\n\t--tw-blur: blur(4px);\r\n\tfilter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r\n\t\tvar(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)\r\n\t\tvar(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r\n}\r\n\r\n.filter {\r\n\tfilter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r\n\t\tvar(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)\r\n\t\tvar(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r\n}\r\n\r\n.bg-slate-500 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(100 116 139 / var(--tw-bg-opacity));\r\n}\r\n.h-screen {\r\n\theight: 200vh;\r\n}\r\n.text-center {\r\n\ttext-align: center;\r\n}\r\n.flex-center{\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n";

@@ -41,10 +38,6 @@ n(css$6,{});

function App() {
return /*#__PURE__*/React.createElement("h1", null, "Hello krishan kesa hai");
}
var DygnifyCard = function DygnifyCard() {
return /*#__PURE__*/React__default['default'].createElement(App, null);
return /*#__PURE__*/React__default['default'].createElement("h1", null, "Hello krishan");
};
module.exports = DygnifyCard;

11

dist/index.esm.js

@@ -1,2 +0,2 @@

import React$1 from 'react';
import React from 'react';
import '@babel/runtime/helpers/slicedToArray';

@@ -10,5 +10,2 @@ import '@babel/runtime/helpers/toConsumableArray';

var css$7 = "* {\r\n padding: 0%;\r\n margin: 0%;\r\n font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;\r\n}\r\n\r\nbody {\r\n background: rgb(0, 0, 0);\r\n\r\n}\r\n\r\nh4 {\r\n font-size: 0.8rem;\r\n}\r\n\r\n.p {\r\n font-size: 0.7rem;\r\n}\r\n\r\n.myCredit {\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n}\r\n\r\n.main {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.dygnify-backdrop {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100vh;\r\n z-index: 20;\r\n background-color: rgba(0, 0, 0, 0.75);\r\n}\r\n\r\n.dygnify-modal {\r\n position: fixed;\r\n top: 15vh;\r\n width: 29%;\r\n background-color: white;\r\n padding: 1.1rem;\r\n border-radius: 14px;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);\r\n z-index: 30;\r\n animation: slide-down 300ms ease-out forwards;\r\n}\r\n\r\n.field-1-box {\r\n background: #E7EAEE;\r\n border-radius: 5px;\r\n margin: 1rem 0;\r\n padding: 0.9rem 0.8rem;\r\n\r\n}\r\n\r\n.dygnify-wallet-box {\r\n margin: 1.5rem 0rem;\r\n}\r\n\r\n.wallet {\r\n background: #E7EAEE;\r\n border-radius: 5px;\r\n margin: 0.6rem 0;\r\n padding: 0.8rem;\r\n display: flex;\r\n gap: 1.1rem;\r\n overflow: hidden;\r\n align-items: center;\r\n}\r\n\r\n.wallet-text {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.1rem;\r\n}\r\n\r\n.card-img>img {\r\n width: 2rem;\r\n height: 2rem;\r\n border-radius: 100%;\r\n\r\n}\r\n\r\n.btn-box {\r\n display: flex;\r\n justify-content: end;\r\n}\r\n\r\n.btn-box>button {\r\n padding: 0.6rem 0.8rem;\r\n border: none;\r\n background: linear-gradient(81.75deg, #4B74FF 0%, #9281FF 100%);\r\n border-radius: 100px;\r\n}\r\n\r\n.btn {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n}\r\n\r\n.btn-preview-box {\r\n padding: 1rem 0rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.btnPreview {\r\n border: none;\r\n border: 2px solid #B8C0CC;\r\n border-radius: 2rem;\r\n padding: 0.7em 12.6em;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .modal {\r\n width: 40rem;\r\n left: calc(50% - 20rem);\r\n }\r\n}\r\n\r\n@keyframes slide-down {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-3rem);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}";
n(css$7,{});
var css$6 = "body{\r\n\tbackground-color: #0C0E11;\r\n}\r\n.star-modal {\r\n\tposition: absolute;\r\n\ttop: 15%;\r\n\tpadding: 20px;\r\n\tbackground-color: #f8f9fa;\r\n\tcolor: rgb(26, 25, 25);\r\n\tborder-radius: 15px;\r\n\tbox-shadow: inset -1px -1px 1px rgba(185, 185, 185, 0.1);\r\n}\r\n.modal-header{\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\tpadding: 15px 18px;\r\n\tborder-bottom: 1px solid #282c3a;\r\n}\r\n.modal-sub-header{\r\n\tborder-bottom: 0;\r\n\tcolor:rgb(7, 7, 7);\r\n}\r\n.modal-header div{\r\n\tdisplay: flex;\r\n\tgap:5px;\r\n}\r\n.modal-title{\r\n\tcolor: #9281FF;\r\n\tdisplay: flex;\r\n\talign-items: flex-end;\r\n\tfont-size:1.5rem;\r\n}\r\n.modal-close{\r\n\tbackground-color: #c6bef775;\r\n\tborder: 0;\r\n\tborder-radius: 50%;\r\n\r\n\tpadding: 2px 12px;\r\n\tcolor:white;\r\n}\r\n.modal-close:hover{\r\n\tbackground-color: #9281ffd8;\r\n}\r\n.mt-8 {\r\n\tmargin-top: 2rem;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.bg-slate-600 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(71 85 105 / var(--tw-bg-opacity));\r\n}\r\n\r\n.px-4 {\r\n\tpadding-left: 1rem;\r\n\tpadding-right: 1rem;\r\n}\r\n\r\n.py-3 {\r\n\tpadding-top: 0.75rem;\r\n\tpadding-bottom: 0.75rem;\r\n}\r\n\r\n.mb-4 {\r\n\tmargin-bottom: 1rem;\r\n}\r\n\r\n.mt-\\[20px\\] {\r\n\tmargin-top: 20px;\r\n}\r\n\r\n.box-border {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n.flex {\r\n\tdisplay: flex;\r\n}\r\n\r\n.grid {\r\n\tdisplay: grid;\r\n}\r\n\r\n.h-\\[45px\\] {\r\n\theight: 45px;\r\n}\r\n\r\n.h-full {\r\n\theight: 100%;\r\n}\r\n\r\n.w-\\[45px\\] {\r\n\twidth: 45px;\r\n}\r\n\r\n.w-full {\r\n\twidth: 100%;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.grid-cols-2 {\r\n\tgrid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n.items-center {\r\n\talign-items: center;\r\n}\r\n\r\n.gap-4 {\r\n\tgap: 1rem;\r\n}\r\n\r\n.rounded-md {\r\n\tborder-radius: 0.375rem;\r\n}\r\n\r\n.rounded-sm {\r\n\tborder-radius: 0.125rem;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.border {\r\n\tborder-width: 1px;\r\n}\r\n\r\n.border-slate-800 {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(30 41 59 / var(--tw-border-opacity));\r\n}\r\n\r\n.border-slate-400 {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(148 163 184 / var(--tw-border-opacity));\r\n}\r\n\r\n.border-transparent {\r\n\tborder-color: transparent;\r\n}\r\n\r\n.bg-slate-700 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(51 65 85 / var(--tw-bg-opacity));\r\n}\r\n\r\n.bg-green-500 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(34 197 94 / var(--tw-bg-opacity));\r\n}\r\n\r\n.p-1 {\r\n\tpadding: 0.25rem;\r\n}\r\n\r\n.px-2 {\r\n\tpadding-left: 0.5rem;\r\n\tpadding-right: 0.5rem;\r\n}\r\n\r\n.py-2 {\r\n\tpadding-top: 0.5rem;\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.text-start {\r\n\ttext-align: start;\r\n}\r\n\r\n.text-\\[22px\\] {\r\n\tfont-size: 22px;\r\n}\r\n\r\n.text-\\[20px\\] {\r\n\tfont-size: 20px;\r\n}\r\n\r\n.hover\\:border-red-300:hover {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(252 165 165 / var(--tw-border-opacity));\r\n}\r\n\r\n.hover\\:border-blue-400:hover {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(96 165 250 / var(--tw-border-opacity));\r\n}\r\n\r\n.absolute {\r\n\tposition: absolute;\r\n}\r\n\r\n.right-2 {\r\n\tright: 0.5rem;\r\n}\r\n\r\n.top-2 {\r\n\ttop: 0.5rem;\r\n}\r\n\r\n.mt-2 {\r\n\tmargin-top: 0.5rem;\r\n}\r\n\r\n.mr-4 {\r\n\tmargin-right: 1rem;\r\n}\r\n\r\n.mt-4 {\r\n\tmargin-top: 1rem;\r\n}\r\n\r\n.mr-2 {\r\n\tmargin-right: 0.5rem;\r\n}\r\n\r\n.flex {\r\n\tdisplay: flex;\r\n}\r\n\r\n.h-\\[35px\\] {\r\n\theight: 35px;\r\n}\r\n\r\n.w-\\[35px\\] {\r\n\twidth: 35px;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.flex-col {\r\n\tflex-direction: column;\r\n}\r\n\r\n.items-center {\r\n\talign-items: center;\r\n}\r\n\r\n.justify-end {\r\n\tjustify-content: flex-end;\r\n}\r\n\r\n.justify-center {\r\n\tjustify-content: center;\r\n}\r\n\r\n.gap-4 {\r\n\tgap: 1rem;\r\n}\r\n\r\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\r\n\t--tw-space-y-reverse: 0;\r\n\tmargin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\r\n\tmargin-bottom: calc(1rem * var(--tw-space-y-reverse));\r\n}\r\n\r\n.rounded-md {\r\n\tborder-radius: 0.375rem;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.bg-slate-700 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(51 65 85 / var(--tw-bg-opacity));\r\n}\r\n\r\n.bg-slate-600 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(71 85 105 / var(--tw-bg-opacity));\r\n}\r\n\r\n.px-2 {\r\n\tpadding-left: 0.5rem;\r\n\tpadding-right: 0.5rem;\r\n}\r\n\r\n.py-2 {\r\n\tpadding-top: 0.5rem;\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.px-4 {\r\n\tpadding-left: 1rem;\r\n\tpadding-right: 1rem;\r\n}\r\n\r\n.py-1 {\r\n\tpadding-top: 0.25rem;\r\n\tpadding-bottom: 0.25rem;\r\n}\r\n\r\n.pb-2 {\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.text-end {\r\n\ttext-align: end;\r\n}\r\n\r\n.text-\\[22px\\] {\r\n\tfont-size: 22px;\r\n}\r\n\r\n.text-\\[12px\\] {\r\n\tfont-size: 12px;\r\n}\r\n\r\n.text-\\[25px\\] {\r\n\tfont-size: 25px;\r\n}\r\n\r\n.my-blur {\r\n\tfilter: blur(5px);\r\n\t-webkit-filter: blur(5px);\r\n}\r\n.my-blur-remove {\r\n\tfilter: blur(0px);\r\n\t-webkit-filter: blur(0px);\r\n}\r\n\r\n.blur-sm {\r\n\t--tw-blur: blur(4px);\r\n\tfilter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r\n\t\tvar(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)\r\n\t\tvar(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r\n}\r\n\r\n.filter {\r\n\tfilter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r\n\t\tvar(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)\r\n\t\tvar(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r\n}\r\n\r\n.bg-slate-500 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(100 116 139 / var(--tw-bg-opacity));\r\n}\r\n.h-screen {\r\n\theight: 200vh;\r\n}\r\n.text-center {\r\n\ttext-align: center;\r\n}\r\n.flex-center{\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n";

@@ -35,10 +32,6 @@ n(css$6,{});

function App() {
return /*#__PURE__*/React.createElement("h1", null, "Hello krishan kesa hai");
}
var DygnifyCard = function DygnifyCard() {
return /*#__PURE__*/React$1.createElement(App, null);
return /*#__PURE__*/React.createElement("h1", null, "Hello krishan");
};
export default DygnifyCard;

57

dist/index.umd.js
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('@babel/runtime/helpers/slicedToArray'), require('@babel/runtime/helpers/toConsumableArray'), require('react-icons/fa'), require('@babel/runtime/helpers/defineProperty'), require('react-apexcharts')) :
typeof define === 'function' && define.amd ? define(['react', '@babel/runtime/helpers/slicedToArray', '@babel/runtime/helpers/toConsumableArray', 'react-icons/fa', '@babel/runtime/helpers/defineProperty', 'react-apexcharts'], factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global['react-rails-pagination'] = factory(global.React$1));
}(this, (function (React$1) { 'use strict';
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('@babel/runtime/helpers/slicedToArray'), require('@babel/runtime/helpers/toConsumableArray'), require('react-icons/fa'), require('@babel/runtime/helpers/defineProperty'), require('react-apexcharts')) :
typeof define === 'function' && define.amd ? define(['react', '@babel/runtime/helpers/slicedToArray', '@babel/runtime/helpers/toConsumableArray', 'react-icons/fa', '@babel/runtime/helpers/defineProperty', 'react-apexcharts'], factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global['react-rails-pagination'] = factory(global.React));
}(this, (function (React) { 'use strict';
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
var css$7 = "* {\r\n padding: 0%;\r\n margin: 0%;\r\n font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;\r\n}\r\n\r\nbody {\r\n background: rgb(0, 0, 0);\r\n\r\n}\r\n\r\nh4 {\r\n font-size: 0.8rem;\r\n}\r\n\r\n.p {\r\n font-size: 0.7rem;\r\n}\r\n\r\n.myCredit {\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n}\r\n\r\n.main {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.dygnify-backdrop {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100vh;\r\n z-index: 20;\r\n background-color: rgba(0, 0, 0, 0.75);\r\n}\r\n\r\n.dygnify-modal {\r\n position: fixed;\r\n top: 15vh;\r\n width: 29%;\r\n background-color: white;\r\n padding: 1.1rem;\r\n border-radius: 14px;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);\r\n z-index: 30;\r\n animation: slide-down 300ms ease-out forwards;\r\n}\r\n\r\n.field-1-box {\r\n background: #E7EAEE;\r\n border-radius: 5px;\r\n margin: 1rem 0;\r\n padding: 0.9rem 0.8rem;\r\n\r\n}\r\n\r\n.dygnify-wallet-box {\r\n margin: 1.5rem 0rem;\r\n}\r\n\r\n.wallet {\r\n background: #E7EAEE;\r\n border-radius: 5px;\r\n margin: 0.6rem 0;\r\n padding: 0.8rem;\r\n display: flex;\r\n gap: 1.1rem;\r\n overflow: hidden;\r\n align-items: center;\r\n}\r\n\r\n.wallet-text {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.1rem;\r\n}\r\n\r\n.card-img>img {\r\n width: 2rem;\r\n height: 2rem;\r\n border-radius: 100%;\r\n\r\n}\r\n\r\n.btn-box {\r\n display: flex;\r\n justify-content: end;\r\n}\r\n\r\n.btn-box>button {\r\n padding: 0.6rem 0.8rem;\r\n border: none;\r\n background: linear-gradient(81.75deg, #4B74FF 0%, #9281FF 100%);\r\n border-radius: 100px;\r\n}\r\n\r\n.btn {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n}\r\n\r\n.btn-preview-box {\r\n padding: 1rem 0rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.btnPreview {\r\n border: none;\r\n border: 2px solid #B8C0CC;\r\n border-radius: 2rem;\r\n padding: 0.7em 12.6em;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .modal {\r\n width: 40rem;\r\n left: calc(50% - 20rem);\r\n }\r\n}\r\n\r\n@keyframes slide-down {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-3rem);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}";
n(css$7,{});
var css$6 = "body{\r\n\tbackground-color: #0C0E11;\r\n}\r\n.star-modal {\r\n\tposition: absolute;\r\n\ttop: 15%;\r\n\tpadding: 20px;\r\n\tbackground-color: #f8f9fa;\r\n\tcolor: rgb(26, 25, 25);\r\n\tborder-radius: 15px;\r\n\tbox-shadow: inset -1px -1px 1px rgba(185, 185, 185, 0.1);\r\n}\r\n.modal-header{\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\tpadding: 15px 18px;\r\n\tborder-bottom: 1px solid #282c3a;\r\n}\r\n.modal-sub-header{\r\n\tborder-bottom: 0;\r\n\tcolor:rgb(7, 7, 7);\r\n}\r\n.modal-header div{\r\n\tdisplay: flex;\r\n\tgap:5px;\r\n}\r\n.modal-title{\r\n\tcolor: #9281FF;\r\n\tdisplay: flex;\r\n\talign-items: flex-end;\r\n\tfont-size:1.5rem;\r\n}\r\n.modal-close{\r\n\tbackground-color: #c6bef775;\r\n\tborder: 0;\r\n\tborder-radius: 50%;\r\n\r\n\tpadding: 2px 12px;\r\n\tcolor:white;\r\n}\r\n.modal-close:hover{\r\n\tbackground-color: #9281ffd8;\r\n}\r\n.mt-8 {\r\n\tmargin-top: 2rem;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.bg-slate-600 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(71 85 105 / var(--tw-bg-opacity));\r\n}\r\n\r\n.px-4 {\r\n\tpadding-left: 1rem;\r\n\tpadding-right: 1rem;\r\n}\r\n\r\n.py-3 {\r\n\tpadding-top: 0.75rem;\r\n\tpadding-bottom: 0.75rem;\r\n}\r\n\r\n.mb-4 {\r\n\tmargin-bottom: 1rem;\r\n}\r\n\r\n.mt-\\[20px\\] {\r\n\tmargin-top: 20px;\r\n}\r\n\r\n.box-border {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n.flex {\r\n\tdisplay: flex;\r\n}\r\n\r\n.grid {\r\n\tdisplay: grid;\r\n}\r\n\r\n.h-\\[45px\\] {\r\n\theight: 45px;\r\n}\r\n\r\n.h-full {\r\n\theight: 100%;\r\n}\r\n\r\n.w-\\[45px\\] {\r\n\twidth: 45px;\r\n}\r\n\r\n.w-full {\r\n\twidth: 100%;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.grid-cols-2 {\r\n\tgrid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n.items-center {\r\n\talign-items: center;\r\n}\r\n\r\n.gap-4 {\r\n\tgap: 1rem;\r\n}\r\n\r\n.rounded-md {\r\n\tborder-radius: 0.375rem;\r\n}\r\n\r\n.rounded-sm {\r\n\tborder-radius: 0.125rem;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.border {\r\n\tborder-width: 1px;\r\n}\r\n\r\n.border-slate-800 {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(30 41 59 / var(--tw-border-opacity));\r\n}\r\n\r\n.border-slate-400 {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(148 163 184 / var(--tw-border-opacity));\r\n}\r\n\r\n.border-transparent {\r\n\tborder-color: transparent;\r\n}\r\n\r\n.bg-slate-700 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(51 65 85 / var(--tw-bg-opacity));\r\n}\r\n\r\n.bg-green-500 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(34 197 94 / var(--tw-bg-opacity));\r\n}\r\n\r\n.p-1 {\r\n\tpadding: 0.25rem;\r\n}\r\n\r\n.px-2 {\r\n\tpadding-left: 0.5rem;\r\n\tpadding-right: 0.5rem;\r\n}\r\n\r\n.py-2 {\r\n\tpadding-top: 0.5rem;\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.text-start {\r\n\ttext-align: start;\r\n}\r\n\r\n.text-\\[22px\\] {\r\n\tfont-size: 22px;\r\n}\r\n\r\n.text-\\[20px\\] {\r\n\tfont-size: 20px;\r\n}\r\n\r\n.hover\\:border-red-300:hover {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(252 165 165 / var(--tw-border-opacity));\r\n}\r\n\r\n.hover\\:border-blue-400:hover {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(96 165 250 / var(--tw-border-opacity));\r\n}\r\n\r\n.absolute {\r\n\tposition: absolute;\r\n}\r\n\r\n.right-2 {\r\n\tright: 0.5rem;\r\n}\r\n\r\n.top-2 {\r\n\ttop: 0.5rem;\r\n}\r\n\r\n.mt-2 {\r\n\tmargin-top: 0.5rem;\r\n}\r\n\r\n.mr-4 {\r\n\tmargin-right: 1rem;\r\n}\r\n\r\n.mt-4 {\r\n\tmargin-top: 1rem;\r\n}\r\n\r\n.mr-2 {\r\n\tmargin-right: 0.5rem;\r\n}\r\n\r\n.flex {\r\n\tdisplay: flex;\r\n}\r\n\r\n.h-\\[35px\\] {\r\n\theight: 35px;\r\n}\r\n\r\n.w-\\[35px\\] {\r\n\twidth: 35px;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.flex-col {\r\n\tflex-direction: column;\r\n}\r\n\r\n.items-center {\r\n\talign-items: center;\r\n}\r\n\r\n.justify-end {\r\n\tjustify-content: flex-end;\r\n}\r\n\r\n.justify-center {\r\n\tjustify-content: center;\r\n}\r\n\r\n.gap-4 {\r\n\tgap: 1rem;\r\n}\r\n\r\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\r\n\t--tw-space-y-reverse: 0;\r\n\tmargin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\r\n\tmargin-bottom: calc(1rem * var(--tw-space-y-reverse));\r\n}\r\n\r\n.rounded-md {\r\n\tborder-radius: 0.375rem;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.bg-slate-700 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(51 65 85 / var(--tw-bg-opacity));\r\n}\r\n\r\n.bg-slate-600 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(71 85 105 / var(--tw-bg-opacity));\r\n}\r\n\r\n.px-2 {\r\n\tpadding-left: 0.5rem;\r\n\tpadding-right: 0.5rem;\r\n}\r\n\r\n.py-2 {\r\n\tpadding-top: 0.5rem;\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.px-4 {\r\n\tpadding-left: 1rem;\r\n\tpadding-right: 1rem;\r\n}\r\n\r\n.py-1 {\r\n\tpadding-top: 0.25rem;\r\n\tpadding-bottom: 0.25rem;\r\n}\r\n\r\n.pb-2 {\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.text-end {\r\n\ttext-align: end;\r\n}\r\n\r\n.text-\\[22px\\] {\r\n\tfont-size: 22px;\r\n}\r\n\r\n.text-\\[12px\\] {\r\n\tfont-size: 12px;\r\n}\r\n\r\n.text-\\[25px\\] {\r\n\tfont-size: 25px;\r\n}\r\n\r\n.my-blur {\r\n\tfilter: blur(5px);\r\n\t-webkit-filter: blur(5px);\r\n}\r\n.my-blur-remove {\r\n\tfilter: blur(0px);\r\n\t-webkit-filter: blur(0px);\r\n}\r\n\r\n.blur-sm {\r\n\t--tw-blur: blur(4px);\r\n\tfilter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r\n\t\tvar(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)\r\n\t\tvar(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r\n}\r\n\r\n.filter {\r\n\tfilter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r\n\t\tvar(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)\r\n\t\tvar(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r\n}\r\n\r\n.bg-slate-500 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(100 116 139 / var(--tw-bg-opacity));\r\n}\r\n.h-screen {\r\n\theight: 200vh;\r\n}\r\n.text-center {\r\n\ttext-align: center;\r\n}\r\n.flex-center{\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n";
n(css$6,{});
var css$6 = "body{\r\n\tbackground-color: #0C0E11;\r\n}\r\n.star-modal {\r\n\tposition: absolute;\r\n\ttop: 15%;\r\n\tpadding: 20px;\r\n\tbackground-color: #f8f9fa;\r\n\tcolor: rgb(26, 25, 25);\r\n\tborder-radius: 15px;\r\n\tbox-shadow: inset -1px -1px 1px rgba(185, 185, 185, 0.1);\r\n}\r\n.modal-header{\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\tpadding: 15px 18px;\r\n\tborder-bottom: 1px solid #282c3a;\r\n}\r\n.modal-sub-header{\r\n\tborder-bottom: 0;\r\n\tcolor:rgb(7, 7, 7);\r\n}\r\n.modal-header div{\r\n\tdisplay: flex;\r\n\tgap:5px;\r\n}\r\n.modal-title{\r\n\tcolor: #9281FF;\r\n\tdisplay: flex;\r\n\talign-items: flex-end;\r\n\tfont-size:1.5rem;\r\n}\r\n.modal-close{\r\n\tbackground-color: #c6bef775;\r\n\tborder: 0;\r\n\tborder-radius: 50%;\r\n\r\n\tpadding: 2px 12px;\r\n\tcolor:white;\r\n}\r\n.modal-close:hover{\r\n\tbackground-color: #9281ffd8;\r\n}\r\n.mt-8 {\r\n\tmargin-top: 2rem;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.bg-slate-600 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(71 85 105 / var(--tw-bg-opacity));\r\n}\r\n\r\n.px-4 {\r\n\tpadding-left: 1rem;\r\n\tpadding-right: 1rem;\r\n}\r\n\r\n.py-3 {\r\n\tpadding-top: 0.75rem;\r\n\tpadding-bottom: 0.75rem;\r\n}\r\n\r\n.mb-4 {\r\n\tmargin-bottom: 1rem;\r\n}\r\n\r\n.mt-\\[20px\\] {\r\n\tmargin-top: 20px;\r\n}\r\n\r\n.box-border {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n.flex {\r\n\tdisplay: flex;\r\n}\r\n\r\n.grid {\r\n\tdisplay: grid;\r\n}\r\n\r\n.h-\\[45px\\] {\r\n\theight: 45px;\r\n}\r\n\r\n.h-full {\r\n\theight: 100%;\r\n}\r\n\r\n.w-\\[45px\\] {\r\n\twidth: 45px;\r\n}\r\n\r\n.w-full {\r\n\twidth: 100%;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.grid-cols-2 {\r\n\tgrid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n.items-center {\r\n\talign-items: center;\r\n}\r\n\r\n.gap-4 {\r\n\tgap: 1rem;\r\n}\r\n\r\n.rounded-md {\r\n\tborder-radius: 0.375rem;\r\n}\r\n\r\n.rounded-sm {\r\n\tborder-radius: 0.125rem;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.border {\r\n\tborder-width: 1px;\r\n}\r\n\r\n.border-slate-800 {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(30 41 59 / var(--tw-border-opacity));\r\n}\r\n\r\n.border-slate-400 {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(148 163 184 / var(--tw-border-opacity));\r\n}\r\n\r\n.border-transparent {\r\n\tborder-color: transparent;\r\n}\r\n\r\n.bg-slate-700 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(51 65 85 / var(--tw-bg-opacity));\r\n}\r\n\r\n.bg-green-500 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(34 197 94 / var(--tw-bg-opacity));\r\n}\r\n\r\n.p-1 {\r\n\tpadding: 0.25rem;\r\n}\r\n\r\n.px-2 {\r\n\tpadding-left: 0.5rem;\r\n\tpadding-right: 0.5rem;\r\n}\r\n\r\n.py-2 {\r\n\tpadding-top: 0.5rem;\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.text-start {\r\n\ttext-align: start;\r\n}\r\n\r\n.text-\\[22px\\] {\r\n\tfont-size: 22px;\r\n}\r\n\r\n.text-\\[20px\\] {\r\n\tfont-size: 20px;\r\n}\r\n\r\n.hover\\:border-red-300:hover {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(252 165 165 / var(--tw-border-opacity));\r\n}\r\n\r\n.hover\\:border-blue-400:hover {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(96 165 250 / var(--tw-border-opacity));\r\n}\r\n\r\n.absolute {\r\n\tposition: absolute;\r\n}\r\n\r\n.right-2 {\r\n\tright: 0.5rem;\r\n}\r\n\r\n.top-2 {\r\n\ttop: 0.5rem;\r\n}\r\n\r\n.mt-2 {\r\n\tmargin-top: 0.5rem;\r\n}\r\n\r\n.mr-4 {\r\n\tmargin-right: 1rem;\r\n}\r\n\r\n.mt-4 {\r\n\tmargin-top: 1rem;\r\n}\r\n\r\n.mr-2 {\r\n\tmargin-right: 0.5rem;\r\n}\r\n\r\n.flex {\r\n\tdisplay: flex;\r\n}\r\n\r\n.h-\\[35px\\] {\r\n\theight: 35px;\r\n}\r\n\r\n.w-\\[35px\\] {\r\n\twidth: 35px;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.flex-col {\r\n\tflex-direction: column;\r\n}\r\n\r\n.items-center {\r\n\talign-items: center;\r\n}\r\n\r\n.justify-end {\r\n\tjustify-content: flex-end;\r\n}\r\n\r\n.justify-center {\r\n\tjustify-content: center;\r\n}\r\n\r\n.gap-4 {\r\n\tgap: 1rem;\r\n}\r\n\r\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\r\n\t--tw-space-y-reverse: 0;\r\n\tmargin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\r\n\tmargin-bottom: calc(1rem * var(--tw-space-y-reverse));\r\n}\r\n\r\n.rounded-md {\r\n\tborder-radius: 0.375rem;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.bg-slate-700 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(51 65 85 / var(--tw-bg-opacity));\r\n}\r\n\r\n.bg-slate-600 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(71 85 105 / var(--tw-bg-opacity));\r\n}\r\n\r\n.px-2 {\r\n\tpadding-left: 0.5rem;\r\n\tpadding-right: 0.5rem;\r\n}\r\n\r\n.py-2 {\r\n\tpadding-top: 0.5rem;\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.px-4 {\r\n\tpadding-left: 1rem;\r\n\tpadding-right: 1rem;\r\n}\r\n\r\n.py-1 {\r\n\tpadding-top: 0.25rem;\r\n\tpadding-bottom: 0.25rem;\r\n}\r\n\r\n.pb-2 {\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.text-end {\r\n\ttext-align: end;\r\n}\r\n\r\n.text-\\[22px\\] {\r\n\tfont-size: 22px;\r\n}\r\n\r\n.text-\\[12px\\] {\r\n\tfont-size: 12px;\r\n}\r\n\r\n.text-\\[25px\\] {\r\n\tfont-size: 25px;\r\n}\r\n\r\n.my-blur {\r\n\tfilter: blur(5px);\r\n\t-webkit-filter: blur(5px);\r\n}\r\n.my-blur-remove {\r\n\tfilter: blur(0px);\r\n\t-webkit-filter: blur(0px);\r\n}\r\n\r\n.blur-sm {\r\n\t--tw-blur: blur(4px);\r\n\tfilter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r\n\t\tvar(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)\r\n\t\tvar(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r\n}\r\n\r\n.filter {\r\n\tfilter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r\n\t\tvar(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)\r\n\t\tvar(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r\n}\r\n\r\n.bg-slate-500 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(100 116 139 / var(--tw-bg-opacity));\r\n}\r\n.h-screen {\r\n\theight: 200vh;\r\n}\r\n.text-center {\r\n\ttext-align: center;\r\n}\r\n.flex-center{\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n";
n(css$6,{});
var css$5 = ".available-wallets {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: 1fr 1fr;\r\n\tgap: 12px 18px;\r\n\tmargin-top: 10px;\r\n}\r\n.single-wallet {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: space-between;\r\n\tgap:16px;\r\n\tpadding:8px;\r\n\tborder: 1px solid transparent;\r\n\tborder-radius: 10px;\r\n\tcursor:pointer;\r\n\tbox-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;\r\n}\r\n.single-wallet:hover {\r\n\t/* border: 1px solid #9281ff8e; */\r\n\tbox-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;\r\n}\r\n.selected-symbol {\r\n\tpadding-right: 10px;\r\n}\r\n.wallet-name {\r\n\tfont-weight: 400;\r\n}\r\n";
n(css$5,{});
var css$5 = ".available-wallets {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: 1fr 1fr;\r\n\tgap: 12px 18px;\r\n\tmargin-top: 10px;\r\n}\r\n.single-wallet {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: space-between;\r\n\tgap:16px;\r\n\tpadding:8px;\r\n\tborder: 1px solid transparent;\r\n\tborder-radius: 10px;\r\n\tcursor:pointer;\r\n\tbox-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;\r\n}\r\n.single-wallet:hover {\r\n\t/* border: 1px solid #9281ff8e; */\r\n\tbox-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;\r\n}\r\n.selected-symbol {\r\n\tpadding-right: 10px;\r\n}\r\n.wallet-name {\r\n\tfont-weight: 400;\r\n}\r\n";
n(css$5,{});
var css$4 = "h1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n\tmargin: 0;\r\n}\r\n.macro-wallet-status,\r\n.macro-wallet-card {\r\n\tbackground-image: linear-gradient(\r\n\t\t90deg,\r\n\t\trgba(236, 235, 235, 0.76),\r\n\t\trgba(243, 242, 242, 0.384)\r\n\t);\r\n\tborder-radius: 8px;\r\n\tborder: 1px solid rgba(77, 154, 241, 0.096);\r\n\tmargin-top: 15px;\r\n\tpadding: 3px 6px;\r\n\tpadding-left: 15px;\r\n}\r\n.macro-wallet-status .section {\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tbackground-color: #e6e6e6d2;\r\n\tmargin: 10px 2px;\r\n\tpadding: 5px 15px;\r\n\tborder-radius: 8px;\r\n\tborder-top-left-radius: 100px;\r\n\tborder-bottom-left-radius: 100px;\r\n}\r\n.user {\r\n\twidth: 50px;\r\n\theight: 50px;\r\n\tmargin-left: -24px;\r\n\tborder-radius: 50%;\r\n\tmix-blend-mode: multiply;\r\n}\r\n.macro-wallet-status .section p {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tmargin: 0;\r\n\tpadding-left: 5px;\r\n}\r\n.macro-wallet-status .section .wallet-connect {\r\n\ttext-decoration: underline;\r\n\tcolor: gray;\r\n\tcursor: pointer;\r\n}\r\n\r\n/*Macro Score*/\r\n\r\n.grid {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: 1fr 1fr;\r\n\tgap: 8px;\r\n\tborder-radius: 8px;\r\n}\r\n.macro-wallet-card {\r\n\tpadding: 10px 5px;\r\n}\r\n.macro-graph-container {\r\n\ttext-align: center;\r\n\tmargin-top: 10px;\r\n}\r\n.macro-graph {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n border-top-right-radius: 40px;\r\n}\r\n.graph-info{\r\n border-top-left-radius: 40px;\r\n}\r\n.go-back {\r\n\ttext-align: center;\r\n\tcolor: rgb(148, 148, 148);\r\n\tcursor: pointer;\r\n\tmargin-top: 10px;\r\n}\r\n.go-back-button:hover {\r\n\tcolor: rgb(37, 37, 37);\r\n\ttext-decoration: underline;\r\n}\r\n\r\n.macro-score-check {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tgap: 15px;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n\r\n.graph-card {\r\n\tbackground-color: white;\r\n /* border-top-right-radius: 30px;\r\n border-bottom-left-radius: 30px; */\r\n\tbox-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;\r\n padding:5px;\r\n}\r\n.graph-card:hover {\r\n\tbox-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;\r\n}\r\n\r\n.gray-header{\r\n\tcolor: rgb(92, 92, 92);\r\n}";
n(css$4,{});
var css$4 = "h1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n\tmargin: 0;\r\n}\r\n.macro-wallet-status,\r\n.macro-wallet-card {\r\n\tbackground-image: linear-gradient(\r\n\t\t90deg,\r\n\t\trgba(236, 235, 235, 0.76),\r\n\t\trgba(243, 242, 242, 0.384)\r\n\t);\r\n\tborder-radius: 8px;\r\n\tborder: 1px solid rgba(77, 154, 241, 0.096);\r\n\tmargin-top: 15px;\r\n\tpadding: 3px 6px;\r\n\tpadding-left: 15px;\r\n}\r\n.macro-wallet-status .section {\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tbackground-color: #e6e6e6d2;\r\n\tmargin: 10px 2px;\r\n\tpadding: 5px 15px;\r\n\tborder-radius: 8px;\r\n\tborder-top-left-radius: 100px;\r\n\tborder-bottom-left-radius: 100px;\r\n}\r\n.user {\r\n\twidth: 50px;\r\n\theight: 50px;\r\n\tmargin-left: -24px;\r\n\tborder-radius: 50%;\r\n\tmix-blend-mode: multiply;\r\n}\r\n.macro-wallet-status .section p {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tmargin: 0;\r\n\tpadding-left: 5px;\r\n}\r\n.macro-wallet-status .section .wallet-connect {\r\n\ttext-decoration: underline;\r\n\tcolor: gray;\r\n\tcursor: pointer;\r\n}\r\n\r\n/*Macro Score*/\r\n\r\n.grid {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: 1fr 1fr;\r\n\tgap: 8px;\r\n\tborder-radius: 8px;\r\n}\r\n.macro-wallet-card {\r\n\tpadding: 10px 5px;\r\n}\r\n.macro-graph-container {\r\n\ttext-align: center;\r\n\tmargin-top: 10px;\r\n}\r\n.macro-graph {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n border-top-right-radius: 40px;\r\n}\r\n.graph-info{\r\n border-top-left-radius: 40px;\r\n}\r\n.go-back {\r\n\ttext-align: center;\r\n\tcolor: rgb(148, 148, 148);\r\n\tcursor: pointer;\r\n\tmargin-top: 10px;\r\n}\r\n.go-back-button:hover {\r\n\tcolor: rgb(37, 37, 37);\r\n\ttext-decoration: underline;\r\n}\r\n\r\n.macro-score-check {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tgap: 15px;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n\r\n.graph-card {\r\n\tbackground-color: white;\r\n /* border-top-right-radius: 30px;\r\n border-bottom-left-radius: 30px; */\r\n\tbox-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;\r\n padding:5px;\r\n}\r\n.graph-card:hover {\r\n\tbox-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;\r\n}\r\n\r\n.gray-header{\r\n\tcolor: rgb(92, 92, 92);\r\n}";
n(css$4,{});
var css$3 = ".blockpass {\r\n\tmin-height: 100vh;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n.blockpass-button {\r\n\ttext-align: center;\r\n\tmin-width: 120px;\r\n}\r\n";
n(css$3,{});
var css$3 = ".blockpass {\r\n\tmin-height: 100vh;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n.blockpass-button {\r\n\ttext-align: center;\r\n\tmin-width: 120px;\r\n}\r\n";
n(css$3,{});
var css$2 = ".gradient-button{\r\n padding: 0.4rem 1rem;\r\n border-radius: 9999px;\r\n border:none;\r\n font-size: 16px;\r\n color: white;\r\n background-image: linear-gradient(90deg, #4B74FF, #9281FF);\r\n}\r\n.gradient-button:hover{\r\n background-image: linear-gradient(270deg, #4B74FF, #9281FF);\r\n}";
n(css$2,{});
var css$2 = ".gradient-button{\r\n padding: 0.4rem 1rem;\r\n border-radius: 9999px;\r\n border:none;\r\n font-size: 16px;\r\n color: white;\r\n background-image: linear-gradient(90deg, #4B74FF, #9281FF);\r\n}\r\n.gradient-button:hover{\r\n background-image: linear-gradient(270deg, #4B74FF, #9281FF);\r\n}";
n(css$2,{});
var css$1 = "\r\n.connected-wallet {\r\n\tborder: 1px solid #9281ff6b;\r\n\tborder-radius: 40px;\r\n}\r\n.connected-wallet:hover {\r\n\tborder: 1px solid #9281ff;\r\n}\r\n.preview-nfc{\r\n text-align: center;\r\n width: 150px;\r\n}\r\n.preview-nfc span{\r\n letter-spacing:2px;\r\n}\r\n\r\n.is-primary{\r\n color:rgb(83, 83, 83);\r\n}\r\n.button-group{\r\n display: flex;\r\n justify-content: space-between;\r\n margin-top:25px;\r\n}\r\n.empty-card{\r\n flex-direction: column;\r\n padding-bottom: 10px;\r\n border: 1px solid rgb(230, 229, 229);\r\n border-radius: 8px;\r\n}\r\n.empty-card img{\r\n width: 30%;\r\n}\r\n.empty-card h4{\r\n margin-top: -25px;\r\n color: rgb(153, 153, 153);\r\n}";
n(css$1,{});
var css$1 = "\r\n.connected-wallet {\r\n\tborder: 1px solid #9281ff6b;\r\n\tborder-radius: 40px;\r\n}\r\n.connected-wallet:hover {\r\n\tborder: 1px solid #9281ff;\r\n}\r\n.preview-nfc{\r\n text-align: center;\r\n width: 150px;\r\n}\r\n.preview-nfc span{\r\n letter-spacing:2px;\r\n}\r\n\r\n.is-primary{\r\n color:rgb(83, 83, 83);\r\n}\r\n.button-group{\r\n display: flex;\r\n justify-content: space-between;\r\n margin-top:25px;\r\n}\r\n.empty-card{\r\n flex-direction: column;\r\n padding-bottom: 10px;\r\n border: 1px solid rgb(230, 229, 229);\r\n border-radius: 8px;\r\n}\r\n.empty-card img{\r\n width: 30%;\r\n}\r\n.empty-card h4{\r\n margin-top: -25px;\r\n color: rgb(153, 153, 153);\r\n}";
n(css$1,{});
var css = ".absolute {\r\n position: absolute;\r\n}\r\n\r\n.relative {\r\n position: relative;\r\n}\r\n\r\n.top-0 {\r\n top: 0px;\r\n}\r\n\r\n.mx-auto {\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n.mt-16 {\r\n margin-top: 4rem;\r\n}\r\n\r\n.flex {\r\n display: flex;\r\n}\r\n\r\n.h-12 {\r\n height: 3rem;\r\n}\r\n\r\n.w-full {\r\n width: 100%;\r\n}\r\n\r\n.w-12 {\r\n width: 3rem;\r\n}\r\n\r\n.w-20 {\r\n width: 5rem;\r\n}\r\n\r\n.flex-auto {\r\n flex: 1 1 auto;\r\n}\r\n\r\n.flex-col {\r\n flex-direction: column;\r\n}\r\n\r\n.items-center {\r\n align-items: center;\r\n}\r\n\r\n.justify-center {\r\n justify-content: center;\r\n}\r\n\r\n.justify-between {\r\n justify-content: space-between;\r\n}\r\n\r\n.rounded-full {\r\n border-radius: 9999px;\r\n}\r\n\r\n.border-2 {\r\n border-width: 2px;\r\n}\r\n\r\n.border {\r\n border-width: 1px;\r\n}\r\n.text-\\[\\#6047FF\\] {\r\n --tw-text-opacity: 1;\r\n color: rgb(96 71 255 / var(--tw-text-opacity));\r\n}\r\n\r\n.border-t-2 {\r\n border: 2px solid red;\r\n /* border-top-width: 2px solid red; */\r\n}\r\n\r\n.border-gray-300 {\r\n --tw-border-opacity: 1;\r\n border-color: rgb(209 213 219 / var(--tw-border-opacity));\r\n}\r\n\r\n.border-\\[\\#6047FF\\] {\r\n --tw-border-opacity: 1;\r\n border-color: rgb(96 71 255 / var(--tw-border-opacity));\r\n}\r\n\r\n.bg-\\[\\#6047FF\\] {\r\n --tw-bg-opacity: 1;\r\n background-color: rgb(96 71 255 / var(--tw-bg-opacity));\r\n}\r\n\r\n.bg-gray-500 {\r\n --tw-bg-opacity: 1;\r\n background-color: rgb(107 114 128 / var(--tw-bg-opacity));\r\n}\r\n\r\n.py-3 {\r\n padding-top: 0.75rem;\r\n padding-bottom: 0.75rem;\r\n}\r\n\r\n.px-3 {\r\n padding-left: 0.75rem;\r\n padding-right: 0.75rem;\r\n}\r\n\r\n.text-center {\r\n text-align: center;\r\n}\r\n\r\n.text-\\[0\\.65rem\\] {\r\n font-size: 0.65rem;\r\n}\r\n\r\n.font-bold {\r\n font-weight: 700;\r\n}\r\n\r\n.font-medium {\r\n font-weight: 500;\r\n}\r\n\r\n.uppercase {\r\n text-transform: uppercase;\r\n}\r\n\r\n.text-white {\r\n --tw-text-opacity: 1;\r\n color: rgb(255 255 255 / var(--tw-text-opacity));\r\n}\r\n\r\n.text-black {\r\n --tw-text-opacity: 1;\r\n color: rgb(0 0 0 / var(--tw-text-opacity));\r\n}\r\n\r\n.text-gray-400 {\r\n --tw-text-opacity: 1;\r\n color: rgb(156 163 175 / var(--tw-text-opacity));\r\n}\r\n\r\n.transition {\r\n transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\r\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\r\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\r\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n transition-duration: 150ms;\r\n}\r\n\r\n.duration-500 {\r\n transition-duration: 500ms;\r\n}\r\n\r\n.ease-in-out {\r\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .dark\\:text-white {\r\n --tw-text-opacity: 1;\r\n color: rgb(255 255 255 / var(--tw-text-opacity));\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .md\\:w-20 {\r\n width: 5rem;\r\n }\r\n\r\n .md\\:w-1\\/2 {\r\n width: 50%;\r\n }\r\n\r\n .md\\:px-0 {\r\n padding-left: 0px;\r\n padding-right: 0px;\r\n }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n .lg\\:w-32 {\r\n width: 8rem;\r\n }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n .xl\\:text-xs {\r\n font-size: 0.75rem;\r\n line-height: 1rem;\r\n }\r\n}\r\n";
n(css,{});
var css = ".absolute {\r\n position: absolute;\r\n}\r\n\r\n.relative {\r\n position: relative;\r\n}\r\n\r\n.top-0 {\r\n top: 0px;\r\n}\r\n\r\n.mx-auto {\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n.mt-16 {\r\n margin-top: 4rem;\r\n}\r\n\r\n.flex {\r\n display: flex;\r\n}\r\n\r\n.h-12 {\r\n height: 3rem;\r\n}\r\n\r\n.w-full {\r\n width: 100%;\r\n}\r\n\r\n.w-12 {\r\n width: 3rem;\r\n}\r\n\r\n.w-20 {\r\n width: 5rem;\r\n}\r\n\r\n.flex-auto {\r\n flex: 1 1 auto;\r\n}\r\n\r\n.flex-col {\r\n flex-direction: column;\r\n}\r\n\r\n.items-center {\r\n align-items: center;\r\n}\r\n\r\n.justify-center {\r\n justify-content: center;\r\n}\r\n\r\n.justify-between {\r\n justify-content: space-between;\r\n}\r\n\r\n.rounded-full {\r\n border-radius: 9999px;\r\n}\r\n\r\n.border-2 {\r\n border-width: 2px;\r\n}\r\n\r\n.border {\r\n border-width: 1px;\r\n}\r\n.text-\\[\\#6047FF\\] {\r\n --tw-text-opacity: 1;\r\n color: rgb(96 71 255 / var(--tw-text-opacity));\r\n}\r\n\r\n.border-t-2 {\r\n border: 2px solid red;\r\n /* border-top-width: 2px solid red; */\r\n}\r\n\r\n.border-gray-300 {\r\n --tw-border-opacity: 1;\r\n border-color: rgb(209 213 219 / var(--tw-border-opacity));\r\n}\r\n\r\n.border-\\[\\#6047FF\\] {\r\n --tw-border-opacity: 1;\r\n border-color: rgb(96 71 255 / var(--tw-border-opacity));\r\n}\r\n\r\n.bg-\\[\\#6047FF\\] {\r\n --tw-bg-opacity: 1;\r\n background-color: rgb(96 71 255 / var(--tw-bg-opacity));\r\n}\r\n\r\n.bg-gray-500 {\r\n --tw-bg-opacity: 1;\r\n background-color: rgb(107 114 128 / var(--tw-bg-opacity));\r\n}\r\n\r\n.py-3 {\r\n padding-top: 0.75rem;\r\n padding-bottom: 0.75rem;\r\n}\r\n\r\n.px-3 {\r\n padding-left: 0.75rem;\r\n padding-right: 0.75rem;\r\n}\r\n\r\n.text-center {\r\n text-align: center;\r\n}\r\n\r\n.text-\\[0\\.65rem\\] {\r\n font-size: 0.65rem;\r\n}\r\n\r\n.font-bold {\r\n font-weight: 700;\r\n}\r\n\r\n.font-medium {\r\n font-weight: 500;\r\n}\r\n\r\n.uppercase {\r\n text-transform: uppercase;\r\n}\r\n\r\n.text-white {\r\n --tw-text-opacity: 1;\r\n color: rgb(255 255 255 / var(--tw-text-opacity));\r\n}\r\n\r\n.text-black {\r\n --tw-text-opacity: 1;\r\n color: rgb(0 0 0 / var(--tw-text-opacity));\r\n}\r\n\r\n.text-gray-400 {\r\n --tw-text-opacity: 1;\r\n color: rgb(156 163 175 / var(--tw-text-opacity));\r\n}\r\n\r\n.transition {\r\n transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\r\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\r\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\r\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n transition-duration: 150ms;\r\n}\r\n\r\n.duration-500 {\r\n transition-duration: 500ms;\r\n}\r\n\r\n.ease-in-out {\r\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .dark\\:text-white {\r\n --tw-text-opacity: 1;\r\n color: rgb(255 255 255 / var(--tw-text-opacity));\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .md\\:w-20 {\r\n width: 5rem;\r\n }\r\n\r\n .md\\:w-1\\/2 {\r\n width: 50%;\r\n }\r\n\r\n .md\\:px-0 {\r\n padding-left: 0px;\r\n padding-right: 0px;\r\n }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n .lg\\:w-32 {\r\n width: 8rem;\r\n }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n .xl\\:text-xs {\r\n font-size: 0.75rem;\r\n line-height: 1rem;\r\n }\r\n}\r\n";
n(css,{});
var DygnifyCard = function DygnifyCard() {
return /*#__PURE__*/React__default['default'].createElement("h1", null, "Hello krishan");
};
function App() {
return /*#__PURE__*/React.createElement("h1", null, "Hello krishan kesa hai");
}
return DygnifyCard;
var DygnifyCard = function DygnifyCard() {
return /*#__PURE__*/React__default['default'].createElement(App, null);
};
return DygnifyCard;
})));

2

package.json
{
"name": "krishan21-react-demo5",
"version": "1.0.5",
"version": "1.0.6",
"description": "React Component for adding DygnifyCard support to Rails or any other MVC Framework",

@@ -5,0 +5,0 @@ "main": "src/index.js",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc