namirasoft-site-react 1.3.176 → 1.3.178

package/dist/components/NSLayoutHeroBanner.js

@@ -1,9 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { NSLayout } from './NSLayout';
 import Styles from './NSLayoutHeroBanner.module.css';
 import { Link } from 'react-router-dom';
 export function NSLayoutHeroBanner(props) {
-    return (_jsxs(NSLayout, Object.assign({}, props, { children: [_jsx("div", { className: Styles.hero_holder, children: _jsx("section", { className: Styles.hero_wraper, children: _jsx("div", { className: "container mx-auto px-4 lg:px-12", children: _jsxs("div", { className: "flex flex-wrap lg:flex-nowrap justify-center lg:justify-between", children: [_jsxs("article", { className: `mb-6 lg:mb-0 lg:mb-12lg:pe-12 ${Styles.hero_text_container}`, children: [_jsx("h1", { className: "ns-font-32-bold  ns_font_lg_40_bold mb-6", children: props.title }), _jsx("p", { className: "ns-font-16-normal  lg:mb-4", children: props.description }), _jsx("p", { className: "ns-font-16-normal", children: props.description_last }), _jsxs("div", { className: "hidden lg:block mt-6", children: [_jsx(Link, { to: "#", style: { width: "100%", marginBottom: "24px" }, children: "Contact US" }), _jsx(Link, { to: "#", style: { width: "100%" }, children: "Book a Meeting With Us" })] })] }), _jsx("div", { style: { backgroundImage: `url(${props.banner})` }, className: `hidden lg:block lg:w-full xl:w-1/2 ${Styles.hero_image_bg}`, children: _jsx("div", { className: Styles.ns_hero_vector_bg }) }), _jsx("div", { className: `block lg:hidden ${Styles.hero_img_container}`, children: _jsx("img", { src: props.banner, alt: "" }) }), _jsxs("div", { className: "w-full mt-6 block lg:hidden", children: [_jsx(Link, { to: "#", style: { width: "100%", marginBottom: "24px" }, children: "Contact US" }), _jsx(Link, { to: "#", style: { width: "100%" }, children: "Book a Meeting With Us" })] })] }) }) }) }), props.children] })));
+    return (_jsx("div", { className: Styles.hero_holder, children: _jsx("section", { className: Styles.hero_wraper, children: _jsx("div", { className: "container mx-auto px-4 lg:px-12", children: _jsxs("div", { className: "flex flex-wrap lg:flex-nowrap justify-center lg:justify-between", children: [_jsxs("article", { className: `mb-6 lg:mb-0 lg:mb-12lg:pe-12 ${Styles.hero_text_container}`, children: [_jsx("h1", { className: "ns-font-32-bold  ns_font_lg_40_bold mb-6", children: props.title }), _jsx("p", { className: "ns-font-16-normal  lg:mb-4", children: props.description }), _jsx("p", { className: "ns-font-16-normal", children: props.description_last }), _jsxs("div", { className: "hidden lg:block mt-6", children: [_jsx(Link, { to: "#", style: { width: "100%", marginBottom: "24px" }, children: "Contact US" }), _jsx(Link, { to: "#", style: { width: "100%" }, children: "Book a Meeting With Us" })] })] }), _jsx("div", { style: { backgroundImage: `url(${props.banner})` }, className: `hidden lg:block lg:w-full xl:w-1/2 ${Styles.hero_image_bg}`, children: _jsx("div", { className: Styles.ns_hero_vector_bg }) }), _jsx("div", { className: `block lg:hidden ${Styles.hero_img_container}`, children: _jsx("img", { src: props.banner, alt: "" }) }), _jsxs("div", { className: "w-full mt-6 block lg:hidden", children: [_jsx(Link, { to: "#", style: { width: "100%", marginBottom: "24px" }, children: "Contact US" }), _jsx(Link, { to: "#", style: { width: "100%" }, children: "Book a Meeting With Us" })] })] }) }) }) }));
 }
 //# sourceMappingURL=NSLayoutHeroBanner.js.map

package/dist/components/NSLayoutHeroBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLayoutHeroBanner.js","sourceRoot":"","sources":["../../src/components/NSLayoutHeroBanner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,QAAQ,EAAkB,MAAM,YAAY,CAAC;AACtD,OAAO,MAAM,MAAM,iCAAiC,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAYxC,MAAM,UAAU,kBAAkB,CAAC,KAA+B;IAEjE,OAAO,CACN,MAAC,QAAQ,oBAAK,KAAK,eAClB,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YACjC,kBAAS,SAAS,EAAE,MAAM,CAAC,WAAW,YACrC,cAAK,SAAS,EAAC,iCAAiC,YAC/C,eAAK,SAAS,EAAC,iEAAiE,aAC/E,mBAAS,SAAS,EAAE,iCAAiC,MAAM,CAAC,mBAAmB,EAAE,aAChF,aAAI,SAAS,EAAC,0CAA0C,YACtD,KAAK,CAAC,KAAK,GACR,EACL,YAAG,SAAS,EAAC,4BAA4B,YACvC,KAAK,CAAC,WAAW,GACf,EACJ,YAAG,SAAS,EAAC,mBAAmB,YAC9B,KAAK,CAAC,gBAAgB,GACpB,EACJ,eAAK,SAAS,EAAC,sBAAsB,aACpC,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,2BAEpD,EACP,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,uCAE9B,IACF,IACG,EACV,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,KAAK,CAAC,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,sCAAsC,MAAM,CAAC,aAAa,EAAE,YAC/H,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,GAAQ,GAC3C,EACN,cAAK,SAAS,EAAE,mBAAmB,MAAM,CAAC,kBAAkB,EAAE,YAC7D,cACC,GAAG,EAAE,KAAK,CAAC,MAAM,EACjB,GAAG,EAAC,EAAE,GACL,GACG,EACN,eAAK,SAAS,EAAC,6BAA6B,aAC3C,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,2BAEpD,EACP,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,uCAE9B,IACF,IACD,GACD,GACG,GACL,EACL,KAAK,CAAC,QAAQ,KACL,CACX,CAAC;AACH,CAAC"}
+{"version":3,"file":"NSLayoutHeroBanner.js","sourceRoot":"","sources":["../../src/components/NSLayoutHeroBanner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,MAAM,MAAM,iCAAiC,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,UAAU,kBAAkB,CAAC,KAA+B;IAEjE,OAAO,CACN,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YACjC,kBAAS,SAAS,EAAE,MAAM,CAAC,WAAW,YACrC,cAAK,SAAS,EAAC,iCAAiC,YAC/C,eAAK,SAAS,EAAC,iEAAiE,aAC/E,mBAAS,SAAS,EAAE,iCAAiC,MAAM,CAAC,mBAAmB,EAAE,aAChF,aAAI,SAAS,EAAC,0CAA0C,YACtD,KAAK,CAAC,KAAK,GACR,EACL,YAAG,SAAS,EAAC,4BAA4B,YACvC,KAAK,CAAC,WAAW,GACf,EACJ,YAAG,SAAS,EAAC,mBAAmB,YAC9B,KAAK,CAAC,gBAAgB,GACpB,EACJ,eAAK,SAAS,EAAC,sBAAsB,aACpC,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,2BAEpD,EACP,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,uCAE9B,IACF,IACG,EACV,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,KAAK,CAAC,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,sCAAsC,MAAM,CAAC,aAAa,EAAE,YAC/H,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,GAAQ,GAC3C,EACN,cAAK,SAAS,EAAE,mBAAmB,MAAM,CAAC,kBAAkB,EAAE,YAC7D,cACC,GAAG,EAAE,KAAK,CAAC,MAAM,EACjB,GAAG,EAAC,EAAE,GACL,GACG,EACN,eAAK,SAAS,EAAC,6BAA6B,aAC3C,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,2BAEpD,EACP,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,uCAE9B,IACF,IACD,GACD,GACG,GACL,CACN,CAAC;AACH,CAAC"}

package/dist/components/NSLayoutHeroBanner.module.css

@@ -1,43 +1,43 @@
-.hero_holder {
-	background-color: #001664;
-	position: relative;
-}
-
-.hero_wraper {
-	padding-bottom: 24px;
-	padding-top: 24px;
-	display: flex;
-	justify-content: center;
-}
-
-.hero_text_container {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-	align-items: flex-start;
-	color: #fff;
-	z-index: 9;
-}
-
-.hero_image_bg {
-	background-position: center;
-	background-repeat: no-repeat;
-	background-size: cover;
-	border-radius: 24px;
-	overflow: hidden;
-}
-
-@media only screen and (min-width: 1024px) {
-	.ns_hero_vector_bg {
-		position: absolute;
-		width: 100%;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		z-index: 2;
-		background-position: right bottom;
-		background-size: auto;
-		background-repeat: no-repeat;
-	}
+.hero_holder {
+	background-color: #001664;
+	position: relative;
+}
+
+.hero_wraper {
+	padding-bottom: 24px;
+	padding-top: 24px;
+	display: flex;
+	justify-content: center;
+}
+
+.hero_text_container {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: flex-start;
+	color: #fff;
+	z-index: 9;
+}
+
+.hero_image_bg {
+	background-position: center;
+	background-repeat: no-repeat;
+	background-size: cover;
+	border-radius: 24px;
+	overflow: hidden;
+}
+
+@media only screen and (min-width: 1024px) {
+	.ns_hero_vector_bg {
+		position: absolute;
+		width: 100%;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		z-index: 2;
+		background-position: right bottom;
+		background-size: auto;
+		background-repeat: no-repeat;
+	}
 }

package/dist/components/NSLayoutTitle.d.ts

@@ -1,9 +1,2 @@
-import { ReactNode } from 'react';
-import { INSLayoutProps } from './NSLayout';
-import { IBaseComponentProps } from '../props/IBaseComponentProps';
-export interface INSLayoutTitleProps extends INSLayoutProps, IBaseComponentProps {
-    title: string;
-    description?: string;
-    children: ReactNode;
-}
+import { INSLayoutTitleProps } from './NSLayout';
 export declare function NSLayoutTitle(props: INSLayoutTitleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSLayoutTitle.js

@@ -1,13 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import Styles from './NSLayoutTitle.module.css';
-import { NSLayout } from './NSLayout';
-import { NSSpace, NSSpaceSizeType } from './NSSpace';
 export function NSLayoutTitle(props) {
     var _a;
     let lines = ((_a = props.description) !== null && _a !== void 0 ? _a : "").split(/(\n|\\n|<br>|<br\s*\/>)/gm);
-    return (_jsxs(NSLayout, Object.assign({}, props, { children: [_jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("div", { children: [_jsx("h1", { className: Styles.title, children: props.title }), props.description && lines &&
-                        _jsx("p", { className: Styles.description, children: lines.map((line, index) => {
-                                return _jsxs(_Fragment, { children: [line.trim(), index != lines.length - 1 && _jsx("br", {})] });
-                            }) }), _jsx(NSSpace, { size: NSSpaceSizeType.NORMAL })] }), props.children] })));
+    return (_jsxs("div", { children: [_jsx("h1", { className: Styles.title, children: props.title }), props.description && lines &&
+                _jsx("p", { className: Styles.description, children: lines.map((line, index) => {
+                        return _jsxs(_Fragment, { children: [line.trim(), index != lines.length - 1 && _jsx("br", {})] });
+                    }) })] }));
 }
 //# sourceMappingURL=NSLayoutTitle.js.map

package/dist/components/NSLayoutTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLayoutTitle.js","sourceRoot":"","sources":["../../src/components/NSLayoutTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAkB,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAUrD,MAAM,UAAU,aAAa,CAAC,KAA0B;;IAEvD,IAAI,KAAK,GAAG,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IACzE,OAAO,CACN,MAAC,QAAQ,oBAAK,KAAK,eAClB,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAY,EAChD,0BACC,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE9C,KAAK,CAAC,WAAW,IAAI,KAAK;wBAC1B,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAC/B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gCAEzB,OAAO,8BACL,IAAI,CAAC,IAAI,EAAE,EACX,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAM,IAClC,CAAC;4BACL,CAAC,CAAC,GACE,EAEN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAY,IAC5C,EACL,KAAK,CAAC,QAAQ,KACL,CACX,CAAC;AACH,CAAC"}
+{"version":3,"file":"NSLayoutTitle.js","sourceRoot":"","sources":["../../src/components/NSLayoutTitle.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD,MAAM,UAAU,aAAa,CAAC,KAA0B;;IAEvD,IAAI,KAAK,GAAG,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IACzE,OAAO,CACN,0BACC,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE9C,KAAK,CAAC,WAAW,IAAI,KAAK;gBAC1B,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAC/B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wBAEzB,OAAO,8BACL,IAAI,CAAC,IAAI,EAAE,EACX,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAM,IAClC,CAAC;oBACL,CAAC,CAAC,GACE,IAED,CACN,CAAC;AACH,CAAC"}

package/dist/components/NSLayoutTitle.module.css

@@ -1,10 +1,10 @@
-.title {
-	text-align: center;
-	color: rgba(20, 27, 92, 1);
-}
-
-.description {
-	text-align: center;
-	color: rgba(20, 27, 92, 1);
-	margin: 0px;
+.title {
+	text-align: center;
+	color: rgba(20, 27, 92, 1);
+}
+
+.description {
+	text-align: center;
+	color: rgba(20, 27, 92, 1);
+	margin: 0px;
 }

package/dist/components/NSLink.module.css

@@ -1,37 +1,37 @@
-.ns_link_parent {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	width: 100%;
-	gap: 24px;
-}
-
-.ns_link {
-	text-decoration: none;
-	/* box-shadow: inset 2px 2px 2px 0 #1754F3; */
-	box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
-	color: #fff;
-	font-size: 16px;
-	font-weight: 600;
-	line-height: 16px;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	border-radius: 8px;
-	width: 358px;
-	height: 48px;
-	width: 100%;
-}
-
-.ns_link_absolute {
-	position: absolute;
-	width: 100%;
-	height: 100%;
-	left: 0;
-	right: 0;
-	top: 0;
-	bottom: 0;
-	cursor: pointer;
-	background-color: transparent !important;
+.ns_link_parent {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	width: 100%;
+	gap: 24px;
+}
+
+.ns_link {
+	text-decoration: none;
+	/* box-shadow: inset 2px 2px 2px 0 #1754F3; */
+	box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
+	color: #fff;
+	font-size: 16px;
+	font-weight: 600;
+	line-height: 16px;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	border-radius: 8px;
+	width: 358px;
+	height: 48px;
+	width: 100%;
+}
+
+.ns_link_absolute {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	cursor: pointer;
+	background-color: transparent !important;
 }

package/dist/components/NSLoading.module.css

@@ -1,27 +1,27 @@
-.ns_loading_parent {
-	width: 100%;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	margin: 0 auto;
-}
-
-.ns_loader {
-	width: 50px;
-	height: 50px;
-	border-radius: 50%;
-	padding: 1px;
-	background: conic-gradient(#0000 10%, #001664) content-box;
-	-webkit-mask:
-		repeating-conic-gradient(#0000 0deg, #000 1deg 20deg, #0000 21deg 36deg),
-		radial-gradient(farthest-side, #0000 calc(100% - 9px), #000 calc(100% - 8px));
-	-webkit-mask-composite: destination-in;
-	mask-composite: intersect;
-	animation: s4 1s infinite steps(10);
-}
-
-@keyframes s4 {
-	to {
-		transform: rotate(1turn)
-	}
+.ns_loading_parent {
+	width: 100%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	margin: 0 auto;
+}
+
+.ns_loader {
+	width: 50px;
+	height: 50px;
+	border-radius: 50%;
+	padding: 1px;
+	background: conic-gradient(#0000 10%, #001664) content-box;
+	-webkit-mask:
+		repeating-conic-gradient(#0000 0deg, #000 1deg 20deg, #0000 21deg 36deg),
+		radial-gradient(farthest-side, #0000 calc(100% - 9px), #000 calc(100% - 8px));
+	-webkit-mask-composite: destination-in;
+	mask-composite: intersect;
+	animation: s4 1s infinite steps(10);
+}
+
+@keyframes s4 {
+	to {
+		transform: rotate(1turn)
+	}
 }

package/dist/components/NSModal.js

@@ -7,8 +7,8 @@ export function NSModal(props) {
     const handleModalClick = (event) => {
         event.stopPropagation();
     };
-    return (_jsx("div", { onClick: props.onClose, children: _jsx("section", { id: props.id, className: `${props.show ? Styles.ns_show : Styles.ns_hide}
-					${Styles.ns_modal} 
+    return (_jsx("div", { onClick: props.onClose, children: _jsx("section", { id: props.id, className: `${props.show ? Styles.ns_show : Styles.ns_hide}
+					${Styles.ns_modal} 
 					${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, onClick: props.onClose, children: _jsxs("div", { className: Styles.ns_modal_container, onClick: handleModalClick, children: [_jsx(NSButton, { onClick: props.onClose, icon: { src: "https://static.namirasoft.com/image/concept/close/white.svg", alt: "close modal" }, classList: [Styles.ns_close_modal] }), _jsxs("div", { className: Styles.ns_modal_content, children: [props.column && (_jsxs(_Fragment, { children: [_jsx(NSTitle, { title: props.column }), _jsx(NSSpace, { size: NSSpaceSizeType.NORMAL })] })), props.title && (_jsxs(_Fragment, { children: [_jsx(NSTitle, { title: props.title, style: { marginBottom: "0" } }), _jsx(NSSpace, { size: NSSpaceSizeType.NORMAL })] })), props.description && (_jsx("div", { children: _jsx("p", { style: { marginBottom: "0" }, className: Styles.ns_modal_description, children: props.description }) })), props.children && (_jsx("div", { children: props.children }))] })] }) }) }));
 }
 //# sourceMappingURL=NSModal.js.map

package/dist/components/NSModal.module.css

@@ -1,71 +1,67 @@
-/* Modal */
-.ns_modal {
-	position: fixed;
-	margin: 0 16px;
-	z-index: 10;
-	color: rgba(20, 27, 92, 1);
-	width: 100%;
-	height: 100%;
-	right: 0;
-	background-color: rgba(0, 0, 0, 0.8);
-	top: 0;
-	right: 0;
-	left: 0;
-	margin: 0;
-	display: none;
-	justify-content: center;
-	align-items: center;
-	z-index: 99;
-	text-align: center;
-	padding: 0 12px;
-}
-
-.ns_modal_container {
-	background-color: #fff;
-	width: 100%;
-	max-width: 600px;
-	position: relative;
-	border-radius: 8px;
-	border-radius: 8px;
-	padding: 24px;
-}
-
-.ns_close_modal {
-	border: none;
-	position: absolute;
-	right: 24px;
-	margin: 0;
-	top: 24px;
-	width: 24px;
-	height: 24px;
-	background-color: rgba(236, 28, 36, 1);
-	border-radius: 50%;
-}
-
-.ns_close_modal img {
-	width: 12px;
-	height: 12px;
-}
-
-.ns_modal_content {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	height: 100%;
-}
-
-.ns_show {
-	display: flex;
-}
-
-.ns_hide {
-	display: none;
-}
-
-
-@media screen and (min-width: 554px) {
-	.ns_modal {
-		padding: 0;
-	}
+/* Modal */
+.ns_modal {
+	position: fixed;
+	top: 25%;
+	left: 25%;
+	border-radius: 8px;
+	padding: 24px;
+	margin: 0 16px;
+	z-index: 10;
+	color: rgba(20, 27, 92, 1);
+	width: 100%;
+	height: 100%;
+	right: 0;
+	background-color: rgba(0, 0, 0, 0.8);
+	top: 0;
+	right: 0;
+	left: 0;
+	margin: 0;
+	display: none;
+	justify-content: center;
+	align-items: center;
+	z-index: 99;
+	text-align: center;
+}
+
+.ns_modal_container {
+	background-color: #fff;
+	width: 50%;
+	height: 50%;
+	top: 25%;
+	left: 25%;
+	position: relative;
+	border-radius: 8px;
+}
+
+.ns_close_modal {
+	border: none;
+	position: absolute;
+	right: 0;
+	margin: 0 24px 0 0;
+	top: 24px;
+	width: 24px;
+	height: 24px;
+	background-color: rgba(236, 28, 36, 1);
+	border-radius: 50%;
+}
+
+.ns_close_modal img {
+	width: 12px;
+	height: 12px;
+}
+
+.ns_modal_content {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	height: 100%;
+}
+
+.ns_show {
+	display: block;
+}
+
+.ns_hide {
+	display: none;
 }

package/dist/components/NSNotification.module.css

@@ -1,32 +1,32 @@
-.ns_messenger {
-    background-color: #fff;
-    padding: 12px 15px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-
-.ns_gray {
-    border: 3px solid gray;
-    box-shadow: 1px 1px 8px 0px gray;
-}
-
-.ns_blue {
-    border: 3px solid blue;
-    box-shadow: 1px 1px 8px 0px blue;
-}
-
-.ns_green {
-    border: 3px solid rgba(112, 224, 0, 1);
-    box-shadow: 1px 1px 8px 0px rgba(112, 224, 0, 1);
-}
-
-.ns_yellow {
-    border: 3px solid yellow;
-    box-shadow: 1px 1px 8px 0px yellow;
-}
-
-.ns_red {
-    border: 3px solid red;
-    box-shadow: 1px 1px 8px 0px red;
+.ns_messenger {
+    background-color: #fff;
+    padding: 12px 15px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.ns_gray {
+    border: 3px solid gray;
+    box-shadow: 1px 1px 8px 0px gray;
+}
+
+.ns_blue {
+    border: 3px solid blue;
+    box-shadow: 1px 1px 8px 0px blue;
+}
+
+.ns_green {
+    border: 3px solid rgba(112, 224, 0, 1);
+    box-shadow: 1px 1px 8px 0px rgba(112, 224, 0, 1);
+}
+
+.ns_yellow {
+    border: 3px solid yellow;
+    box-shadow: 1px 1px 8px 0px yellow;
+}
+
+.ns_red {
+    border: 3px solid red;
+    box-shadow: 1px 1px 8px 0px red;
 }

package/dist/components/NSPagination.module.css

@@ -1,38 +1,38 @@
-.ns_pagination_container {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: space-between;
-	gap: 20px;
-	text-align: left;
-	font-size: 14px;
-	justify-items: center;
-	line-height: 35px;
-	width: 100%;
-	max-width: max-content;
-}
-
-.ns_select_number_parent {
-	background-color: #3963FF;
-	border-radius: 50px;
-	height: 32px;
-	width: 32px;
-	text-align: center;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-}
-
-.ns_paginate_link {
-	color: #001664;
-	text-decoration: none;
-	font-size: 14px;
-	font-weight: 400;
-	line-height: 22px;
-	font-family: inherit;
-}
-
-.ns_select_number {
-	color: #fff;
-	font-weight: 500;
+.ns_pagination_container {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: space-between;
+	gap: 16px;
+	text-align: left;
+	font-size: 14px;
+	justify-items: center;
+	line-height: 35px;
+	width: 100%;
+	max-width: 480px;
+}
+
+.ns_select_number_parent {
+	background-color: #3963FF;
+	border-radius: 50px;
+	height: 32px;
+	width: 32px;
+	text-align: center;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.ns_paginate_link {
+	color: #001664;
+	text-decoration: none;
+	font-size: 14px;
+	font-weight: 400;
+	line-height: 22px;
+	font-family: inherit;
+}
+
+.ns_select_number {
+	color: #fff;
+	font-weight: 500;
 }