namirasoft-site-react 1.4.134 → 1.4.136

package/dist/components/NSLabelErrorNotifier.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLabelErrorNotifier.js","sourceRoot":"","sources":["../../src/components/NSLabelErrorNotifier.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mCAAmC,CAAC;AASvD,MAAM,UAAU,oBAAoB,CAAC,KAAgC;IAEpE,IAAI,KAAK,CAAC,KAAK;QACd,UAAU,CAAC,GAAG,EAAE;YAEf,KAAK,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC,EAAE,IAAI,CAAC,CAAC;IACV,OAAO,4BAEL,KAAK,CAAC,KAAK,IAAI,CACd,eAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAC,4DAA4D,aACxF,cACC,SAAS,EAAE,EAAE,EACb,GAAG,EAAC,4DAA4D,EAChE,GAAG,EAAC,YAAY,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACT,EACF,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,KAAK,CAAC,KAAK,GAAQ,IACtD,CACP,GAEA,CAAC;AACL,CAAC"}
+{"version":3,"file":"NSLabelErrorNotifier.js","sourceRoot":"","sources":["../../src/components/NSLabelErrorNotifier.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mCAAmC,CAAC;AASvD,MAAM,UAAU,oBAAoB,CAAC,KAAgC;IAEpE,IAAI,KAAK,CAAC,KAAK;QACd,UAAU,CAAC,GAAG,EAAE;YAEf,KAAK,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC,EAAE,IAAI,CAAC,CAAC;IACV,OAAO,4BAEL,KAAK,CAAC,KAAK,IAAI,CACd,eAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAC,4DAA4D,aACxF,cACC,SAAS,EAAE,EAAE,EACb,GAAG,EAAC,4DAA4D,EAChE,GAAG,EAAC,YAAY,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACT,EACF,eAAM,SAAS,EAAE,MAAM,CAAC,4BAA4B,YAAG,KAAK,CAAC,KAAK,GAAQ,IACpE,CACP,GAEA,CAAC;AACL,CAAC"}

package/dist/components/NSLabelErrorNotifier.module.css

@@ -1,3 +1,3 @@
-.ns_input_error {
-    color: #FF3F3F !important;
+.ns_label_error_notifier_text {
+    color: #FF3F3F !important;
 }

package/dist/components/NSLayout.module.css

@@ -1,14 +1,14 @@
-.ns_container {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-}
-
-.ns_layout_main {
-	display: flex;
-	flex-direction: column;
-	color: #fff;
-	background-attachment: fixed;
-	background-repeat: no-repeat;
-	background-size: cover;
+.ns_container {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+}
+
+.ns_layout_main {
+	display: flex;
+	flex-direction: column;
+	color: #fff;
+	background-attachment: fixed;
+	background-repeat: no-repeat;
+	background-size: cover;
 }

package/dist/components/NSLine.module.css

@@ -1,13 +1,13 @@
-.ns_line_container {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	margin: 0;
-	padding: 0;
-}
-
-.ns_line {
-	width: 80%;
-	height: 2px;
-	background: linear-gradient(90deg, #b0b0b0 0%, hsla(0, 0%, 0%, 1) 50%, #b0b0b0 100%);
+.ns_line_container {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	margin: 0;
+	padding: 0;
+}
+
+.ns_line {
+	width: 80%;
+	height: 2px;
+	background: linear-gradient(90deg, #b0b0b0 0%, hsla(0, 0%, 0%, 1) 50%, #b0b0b0 100%);
 }

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/NSListGrouped.module.css

@@ -1,73 +1,73 @@
-.ns_list_grouped_parent {
-	width: 100%;
-	max-width: 560px;
-	border-radius: 8px;
-	border: solid 1px #B2BBD9;
-	background-color: #fff;
-	padding-bottom: 16px;
-	height: 360px;
-	overflow: auto;
-	position: absolute;
-	z-index: 10;
-	margin-top: 50px;
-}
-
-.ns_list_grouped_parent::-webkit-scrollbar {
-	width: 1rem;
-}
-
-.ns_list_grouped_parent::-webkit-scrollbar-track {
-	box-shadow: inset 0 0 6px #E8EBF6;
-}
-
-.ns_list_grouped_parent::-webkit-scrollbar-thumb {
-	background-color: #A1A4B0;
-	border-radius: 8px;
-}
-
-.ns_list_grouped {
-	list-style-type: none;
-	color: #141B5C;
-	padding: 0;
-	margin: 0;
-	display: flex;
-	flex-direction: column;
-	align-items: flex-start;
-	justify-content: flex-start;
-	font-size: 16px;
-	font-weight: 700;
-	width: 100%;
-}
-
-.ns_group_category {
-	border-bottom: solid 1px currentColor;
-	width: 100%;
-	display: flex;
-	justify-content: space-between;
-	padding: 10px 8px;
-}
-
-.ns_list_grouped li {
-	width: 100%;
-}
-
-.ns_group_item {
-	cursor: pointer;
-	padding: 6px 0 6px 24px;
-	font-size: 16px;
-	font-weight: 300;
-	color: #141B5C;
-	border-bottom: solid 1px currentColor;
-	width: 100%;
-	display: inline-block;
-	transition: all 0.1s;
-}
-
-.ns_group_item:hover {
-	background-color: #B2BBD9;
-	font-weight: 700;
-}
-
-.ns_block {
-	display: block;
+.ns_list_grouped_parent {
+	width: 100%;
+	max-width: 560px;
+	border-radius: 8px;
+	border: solid 1px #B2BBD9;
+	background-color: #fff;
+	padding-bottom: 16px;
+	height: 360px;
+	overflow: auto;
+	position: absolute;
+	z-index: 10;
+	margin-top: 50px;
+}
+
+.ns_list_grouped_parent::-webkit-scrollbar {
+	width: 1rem;
+}
+
+.ns_list_grouped_parent::-webkit-scrollbar-track {
+	box-shadow: inset 0 0 6px #E8EBF6;
+}
+
+.ns_list_grouped_parent::-webkit-scrollbar-thumb {
+	background-color: #A1A4B0;
+	border-radius: 8px;
+}
+
+.ns_list_grouped {
+	list-style-type: none;
+	color: #141B5C;
+	padding: 0;
+	margin: 0;
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	justify-content: flex-start;
+	font-size: 16px;
+	font-weight: 700;
+	width: 100%;
+}
+
+.ns_group_category {
+	border-bottom: solid 1px currentColor;
+	width: 100%;
+	display: flex;
+	justify-content: space-between;
+	padding: 10px 8px;
+}
+
+.ns_list_grouped li {
+	width: 100%;
+}
+
+.ns_group_item {
+	cursor: pointer;
+	padding: 6px 0 6px 24px;
+	font-size: 16px;
+	font-weight: 300;
+	color: #141B5C;
+	border-bottom: solid 1px currentColor;
+	width: 100%;
+	display: inline-block;
+	transition: all 0.1s;
+}
+
+.ns_group_item:hover {
+	background-color: #B2BBD9;
+	font-weight: 700;
+}
+
+.ns_block {
+	display: block;
 }

package/dist/components/NSLoading.module.css

@@ -1,31 +1,31 @@
-.ns_loading_parent {
-	width: 100%;
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	margin: 0 auto;
-	padding: 48px 0;
-	color: rgba(20, 27, 92, 1);
-	gap: 16px;
-}
-
-.ns_loader {
-	margin: 16px 0;
-	width: 75px;
-	height: 75px;
-	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;
-	animation: s4 1s infinite steps(10);
-}
-
-@keyframes s4 {
-	to {
-		transform: rotate(1turn)
-	}
+.ns_loading_parent {
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	margin: 0 auto;
+	padding: 48px 0;
+	color: rgba(20, 27, 92, 1);
+	gap: 16px;
+}
+
+.ns_loader {
+	margin: 16px 0;
+	width: 75px;
+	height: 75px;
+	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;
+	animation: s4 1s infinite steps(10);
+}
+
+@keyframes s4 {
+	to {
+		transform: rotate(1turn)
+	}
 }

package/dist/components/NSMenuAction.js

@@ -25,9 +25,9 @@ export function NSMenuAction(props) {
     if (props.items.length === 0)
         return _jsx(_Fragment, {});
     if (props.items.length === 1)
-        return _jsx(NSButtonBlue, { title: props.items[0].menu_item, onClick: () => onClick(props.items[0]), disabled: props.items[0].isActive() ? false : true, classList: [Styles.single_action_button] });
-    return (_jsxs("div", { className: Styles.ns_action_bar, ref: menuRef, children: [_jsxs("button", { onClick: () => setState((prevState) => (Object.assign(Object.assign({}, prevState), { isShow: !state.isShow }))), children: [props.name, _jsx("img", { className: Styles.ns_action_menu_icon, src: "https://static.namirasoft.com/image/concept/ellipsis/vertical-blue.svg", alt: "Icon", width: 24, height: 24 })] }), _jsx("ul", { className: `${Styles.ns_action_item_holder} ${state.isShow ? Styles.ns_show : Styles.ns_hide}`, children: props.items.map((item) => _jsx("li", { onClick: () => onClick(item), className: `${Styles.ns_action_item}
-                                ${item.isActive() ? Styles.ns_active_item : Styles.ns_deActive_item}
+        return _jsx(NSButtonBlue, { title: props.items[0].menu_item, onClick: () => onClick(props.items[0]), disabled: props.items[0].isActive() ? false : true });
+    return (_jsxs("div", { className: Styles.ns_action_bar, ref: menuRef, children: [_jsxs("button", { onClick: () => setState((prevState) => (Object.assign(Object.assign({}, prevState), { isShow: !state.isShow }))), children: [props.name, _jsx("img", { className: Styles.ns_action_menu_icon, src: "https://static.namirasoft.com/image/concept/ellipsis/vertical-blue.svg", alt: "Icon", width: 24, height: 24 })] }), _jsx("ul", { className: `${Styles.ns_action_item_holder} ${state.isShow ? Styles.ns_show : Styles.ns_hide}`, children: props.items.map((item) => _jsx("li", { onClick: () => onClick(item), className: `${Styles.ns_action_item}
+                                ${item.isActive() ? Styles.ns_active_item : Styles.ns_deActive_item}
                                 `, children: item.menu_item }, item.id)) })] }));
 }
 //# sourceMappingURL=NSMenuAction.js.map

package/dist/components/NSMenuAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSMenuAction.js","sourceRoot":"","sources":["../../src/components/NSMenuAction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAe/C,MAAM,UAAU,YAAY,CAAC,KAAmD;IAE/E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAoB;QACrD,MAAM,EAAE,KAAK;KACb,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QAEd,SAAS,kBAAkB,CAAC,KAAiB;YAE5C,IAAI,OAAO,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EACtE,CAAC;gBACA,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;YAC7B,CAAC;QACF,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE;YAEX,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC/D,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,OAAO,CAAC,IAAuB;QAEvC,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAED,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;QAC3B,OAAO,mBAAK,CAAC;IACd,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;QAC3B,OAAO,KAAC,YAAY,IACnB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACtC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAClD,SAAS,EAAE,CAAC,MAAM,CAAC,oBAAoB,CAAC,GACvC,CAAC;IACJ,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,EAAE,GAAG,EAAE,OAAO,aACjD,kBACC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,iCACnC,SAAS,KAAE,MAAM,EAAE,CAAC,KAAK,CAAC,MAAM,IAClC,CAAC,aACF,KAAK,CAAC,IAAI,EACX,cACC,SAAS,EAAE,MAAM,CAAC,mBAAmB,EACrC,GAAG,EAAC,wEAAwE,EAC5E,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACT,IACM,EACT,aAAI,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,YAEhG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACxB,aAEC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5B,SAAS,EAAE,GAAG,MAAM,CAAC,cAAc;kCACR,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB;iCAClE,YAEzB,IAAI,CAAC,SAAS,IANV,IAAI,CAAC,EAAE,CAOR,CACL,GAEE,IACA,CACN,CAAC;AACH,CAAC"}
+{"version":3,"file":"NSMenuAction.js","sourceRoot":"","sources":["../../src/components/NSMenuAction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAe/C,MAAM,UAAU,YAAY,CAAC,KAAmD;IAE/E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAoB;QACrD,MAAM,EAAE,KAAK;KACb,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QAEd,SAAS,kBAAkB,CAAC,KAAiB;YAE5C,IAAI,OAAO,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EACtE,CAAC;gBACA,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;YAC7B,CAAC;QACF,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE;YAEX,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC/D,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,OAAO,CAAC,IAAuB;QAEvC,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAED,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;QAC3B,OAAO,mBAAK,CAAC;IACd,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;QAC3B,OAAO,KAAC,YAAY,IACnB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACtC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,GACjD,CAAC;IACJ,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,EAAE,GAAG,EAAE,OAAO,aACjD,kBACC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,iCACnC,SAAS,KAAE,MAAM,EAAE,CAAC,KAAK,CAAC,MAAM,IAClC,CAAC,aACF,KAAK,CAAC,IAAI,EACX,cACC,SAAS,EAAE,MAAM,CAAC,mBAAmB,EACrC,GAAG,EAAC,wEAAwE,EAC5E,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACT,IACM,EACT,aAAI,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,YAEhG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACxB,aAEC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5B,SAAS,EAAE,GAAG,MAAM,CAAC,cAAc;kCACR,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB;iCAClE,YAEzB,IAAI,CAAC,SAAS,IANV,IAAI,CAAC,EAAE,CAOR,CACL,GAEE,IACA,CACN,CAAC;AACH,CAAC"}

package/dist/components/NSMenuAction.module.css

@@ -1,101 +1,79 @@
-.ns_action_bar {
-	display: flex;
-	flex-direction: column;
-	width: 180px;
-	color: #000;
-	position: relative;
-	max-width: 100%;
-	width: 100%;
-}
-
-.single_action_button {
-	margin-top: 16px;
-	margin-bottom: 16px;
-	width: 100%;
-}
-
-.ns_action_bar>button {
-	border-radius: 8px;
-	padding: 10px 12px;
-	font-size: 16px;
-	font-weight: 400;
-	border: 1px solid #000;
-	max-width: 100%;
-	height: max-content !important;
-	background: #fff;
-	cursor: pointer;
-	text-align: start;
-	color: #141B5C;
-	cursor: pointer;
-}
-
-.ns_action_menu_icon {
-	position: absolute;
-	right: 5px;
-	top: 12px;
-	z-index: 1;
-}
-
-.ns_action_item_holder {
-	list-style-type: none;
-	padding: 16px 0;
-	margin: 0;
-	background: #fff;
-	border-radius: 8px;
-	position: absolute;
-	top: 64px;
-	left: 0;
-	width: 100%;
-	box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
-	-webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
-	-moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
-}
-
-.ns_action_item {
-	height: 40px;
-	display: flex;
-	align-items: center;
-	font-size: 16px;
-	color: #141B5C;
-	padding: 0 16px;
-	cursor: pointer;
-	position: relative;
-	z-index: 11;
-}
-
-.ns_action_item:hover {
-	background-color: #141B5C66;
-}
-
-.ns_deActive_item {
-	color: #D1D1D1;
-	cursor: not-allowed;
-}
-
-.ns_show {
-	display: block;
-}
-
-.ns_hide {
-	display: none;
-}
-
-@media only screen and (min-width: 380px) {
-
-	.single_action_button,
-	.ns_action_bar {
-		max-width: 272px;
-	}
-}
-
-@media only screen and (min-width: 786px) {
-	.single_action_button {
-		margin-top: 0px;
-		margin-bottom: 0px;
-		width: 180px;
-	}
-
-	.ns_action_bar {
-		width: 180px;
-	}
+.ns_action_bar {
+	display: flex;
+	flex-direction: column;
+	color: #000;
+	position: relative;
+	width: 100%;
+}
+
+.ns_action_bar>button {
+	border-radius: 8px;
+	padding: 10px 12px;
+	font-size: 16px;
+	font-weight: 400;
+	border: 1px solid #000;
+	max-width: 100%;
+	height: max-content !important;
+	background: #fff;
+	cursor: pointer;
+	text-align: start;
+	color: #141B5C;
+	cursor: pointer;
+}
+
+.ns_action_menu_icon {
+	position: absolute;
+	right: 5px;
+	top: 12px;
+	z-index: 1;
+}
+
+.ns_action_item_holder {
+	list-style-type: none;
+	padding: 16px 0;
+	margin: 0;
+	background: #fff;
+	border-radius: 8px;
+	position: absolute;
+	top: 64px;
+	left: 0;
+	width: 100%;
+	box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
+	-webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
+	-moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25);
+}
+
+.ns_action_item {
+	height: 40px;
+	display: flex;
+	align-items: center;
+	font-size: 16px;
+	color: #141B5C;
+	padding: 0 16px;
+	cursor: pointer;
+	position: relative;
+	z-index: 11;
+}
+
+.ns_action_item:hover {
+	background-color: #141B5C66;
+}
+
+.ns_deActive_item {
+	color: #D1D1D1;
+	cursor: not-allowed;
+}
+
+.ns_show {
+	display: block;
+}
+
+.ns_hide {
+	display: none;
+}
+
+@media only screen and (min-width: 480px) {
+	.ns_action_bar {
+		width: 180px;
+	}
 }

package/dist/components/NSMenuButton.d.ts

@@ -1,18 +1,27 @@
-import { IBaseComponentProps } from '../main';
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+export interface NSMenuButtonMenuProps {
+    builtin: {
+        copy?: boolean;
+        fullscreen?: boolean;
+    };
+    items: NSMenuButtonMenuItemProps[];
+}
+export interface NSMenuButtonMenuItemProps {
+    title: string;
+    icon: string;
+    href?: string;
+    onClick?: () => void;
+}
 export interface NSMenuButtonProps extends IBaseComponentProps {
-    value: string;
+    getValue: () => string;
     setValue: (value: string) => void;
-    hideCopy?: boolean;
-    hideFullscreen?: boolean;
-    menus?: {
-        title: string;
-        icon: string;
-        href?: string;
-        onClick?: () => void;
-    }[];
+    menu?: NSMenuButtonMenuProps;
 }
 export interface NSMenuButtonState {
     value: string;
     fullscreen: boolean;
 }
+export declare function safeMenuMenuItem(props: {
+    menu?: NSMenuButtonMenuProps;
+}, pusher: (items: NSMenuButtonMenuItemProps[]) => void): NSMenuButtonMenuProps;
 export declare function NSMenuButton(props: NSMenuButtonProps): import("react/jsx-runtime").JSX.Element;