namirasoft-site-react 1.3.177 → 1.3.178

package/dist/assets/images/rectangle.svg

@@ -1,3 +1,3 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="1" y="1" width="18" height="18" rx="3" fill="white" stroke="#848484" stroke-width="2"/>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1" y="1" width="18" height="18" rx="3" fill="white" stroke="#848484" stroke-width="2"/>
+</svg>

package/dist/components/NSActionMenu.js

@@ -19,8 +19,8 @@ export function NSActionMenu(props) {
         };
     }, [menuRef]);
     return (_jsx(_Fragment, { children: props.items.length >= 1 ?
-            _jsxs("div", { className: Styles.ns_action_bar, ref: menuRef, children: [_jsxs("button", { onClick: () => setState((prevState) => (Object.assign(Object.assign({}, prevState), { isShow: !state.isShow }))), children: ["Action Menu", _jsx("img", { className: Styles.ns_action_menu_icon, src: "https://static.namirasoft.com/image/concept/ellipsis/vertical-blue.png", alt: "Icon", width: 8, 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: item.handler, className: `${Styles.ns_action_item}
-								${item.isActive() ? Styles.ns_active_item : Styles.ns_deActive_item}
+            _jsxs("div", { className: Styles.ns_action_bar, ref: menuRef, children: [_jsxs("button", { onClick: () => setState((prevState) => (Object.assign(Object.assign({}, prevState), { isShow: !state.isShow }))), children: ["Action Menu", _jsx("img", { className: Styles.ns_action_menu_icon, src: "https://static.namirasoft.com/image/concept/ellipsis/vertical-blue.png", alt: "Icon", width: 8, 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: item.handler, className: `${Styles.ns_action_item}
+								${item.isActive() ? Styles.ns_active_item : Styles.ns_deActive_item}
 								`, children: item.menu_item }, item.id)) })] })
             :
                 _jsx(_Fragment, { children: _jsx(NSButtonBlue, { title: props.items[0].menu_item, onClick: props.items[0].handler }) }) }));

package/dist/components/NSActionMenu.module.css

@@ -1,76 +1,76 @@
-.ns_action_bar {
-	display: flex;
-	flex-direction: column;
-	width: 272px;
-	color: #000;
-	position: relative;
-	max-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: 20px;
-	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_active_item {}
-
-.ns_deActive_item {
-	color: #D1D1D1;
-	cursor: not-allowed;
-}
-
-.ns_show {
-	display: block;
-}
-
-.ns_hide {
-	display: none;
+.ns_action_bar {
+	display: flex;
+	flex-direction: column;
+	width: 272px;
+	color: #000;
+	position: relative;
+	max-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: 20px;
+	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_active_item {}
+
+.ns_deActive_item {
+	color: #D1D1D1;
+	cursor: not-allowed;
+}
+
+.ns_show {
+	display: block;
+}
+
+.ns_hide {
+	display: none;
 }

package/dist/components/NSBarAction.d.ts

@@ -0,0 +1,10 @@
+import { INSActionMenuProps } from './NSActionMenu';
+export interface INSBarActionProps {
+    title: string;
+    description?: string;
+    menus: INSActionMenuProps[];
+}
+export interface NSBarActionState {
+    show: boolean;
+}
+export declare function NSBarAction(props: INSBarActionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSBarAction.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { NSSpace, NSSpaceSizeType } from './NSSpace';
+import Styles from './NSBarAction.module.css';
+import { NSActionMenu } from './NSActionMenu';
+import { NSModal } from './NSModal';
+export function NSBarAction(props) {
+    var _a;
+    let lines = ((_a = props.description) !== null && _a !== void 0 ? _a : "").split(/(\n|\\n|<br>|<br\s*\/>)/gm);
+    const [state, setState] = useState({
+        show: false
+    });
+    const filtered_actions = props.menus.filter((action) => action.group);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: Styles.ns_action_bar_holder, children: [_jsxs("div", { className: `d-none d-lg-flex ${Styles.ns_desktop_action_bar_title}`, children: [_jsx("h1", { className: Styles.title, children: props.title }), props.description !== "" &&
+                                _jsxs("button", { className: Styles.ns_info_container, onClick: () => setState({ show: true }), children: [_jsx("img", { src: 'https://static.namirasoft.com/image/concept/info/white-blue.svg', alt: 'info-icon', width: 24, height: 24 }), _jsx("span", { children: " Info " })] }), _jsx(NSModal, { show: state.show, description: props.description, title: props.title, onClose: () => setState({ show: false }) })] }), _jsx("div", { style: { padding: props.menus.length !== 0 ? "16px 0" : "0" }, className: Styles.ns_actions_hodler, children: filtered_actions.map((action) => _jsx(NSActionMenu, { group: action.group, items: action.items }, action.id)) })] }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("div", { className: `container d-block d-lg-none ${Styles.ns_mobile_action_bar_title}`, children: [_jsx("h1", { className: Styles.title, children: props.title }), props.description && lines &&
+                        _jsxs(_Fragment, { children: [_jsx("p", { className: Styles.description, children: lines.map((line, index) => {
+                                        return (_jsxs(React.Fragment, { children: [line.trim(), index !== lines.length - 1 && _jsx("br", {})] }, index));
+                                    }) }), _jsx(NSSpace, { size: NSSpaceSizeType.MINI })] })] })] }));
+}
+//# sourceMappingURL=NSBarAction.js.map

package/dist/components/NSBarAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSBarAction.js","sourceRoot":"","sources":["../../src/components/NSBarAction.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAsB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAcpC,MAAM,UAAU,WAAW,CAAC,KAAwB;;IAEnD,IAAI,KAAK,GAAG,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IACzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAmB;QACpD,IAAI,EAAE,KAAK;KACX,CAAC,CAAA;IAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAErE,OAAO,CACN,8BACC,eAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,aAE1C,eAAK,SAAS,EAAE,oBAAoB,MAAM,CAAC,2BAA2B,EAAE,aACvE,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE9C,KAAK,CAAC,WAAW,KAAK,EAAE;gCACxB,kBAAQ,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,aACnF,cAAK,GAAG,EAAC,iEAAiE,EAAC,GAAG,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACpH,oCAAmB,IACX,EAEV,KAAC,OAAO,IACP,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GACvC,IACG,EACN,cACC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,EAC7D,SAAS,EAAE,MAAM,CAAC,iBAAiB,YAElC,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAChC,KAAC,YAAY,IAEZ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,IAFd,MAAM,CAAC,EAAE,CAGb,CACF,GACI,IACD,EACN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EAExC,eAAK,SAAS,EAAE,+BAA+B,MAAM,CAAC,0BAA0B,EAAE,aACjF,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE9C,KAAK,CAAC,WAAW,IAAI,KAAK;wBAC1B,8BACC,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAE9B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wCAEzB,OAAO,CACN,MAAC,KAAK,CAAC,QAAQ,eACb,IAAI,CAAC,IAAI,EAAE,EACX,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAM,KAFjB,KAAK,CAGT,CACjB,CAAA;oCACF,CAAC,CAAC,GAEA,EACJ,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,IAAI,GAAI,IACrC,IAEC,IACJ,CACH,CAAC;AACH,CAAC"}

package/dist/components/NSBarHeroBanner.d.ts

@@ -0,0 +1,7 @@
+export interface INSBarHeroBannerProps {
+    title: string;
+    description?: string;
+    description_last?: string;
+    banner: string;
+}
+export declare function NSBarHeroBanner(props: INSBarHeroBannerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSBarHeroBanner.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Styles from './NSBarHeroBanner.module.css';
+import { Link } from 'react-router-dom';
+export function NSBarHeroBanner(props) {
+    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=NSBarHeroBanner.js.map

package/dist/components/NSBarHeroBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSBarHeroBanner.js","sourceRoot":"","sources":["../../src/components/NSBarHeroBanner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,8BAA8B,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAUxC,MAAM,UAAU,eAAe,CAAC,KAA4B;IAE3D,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/NSBarNotification.d.ts

@@ -0,0 +1,21 @@
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+export interface INSBarNotificationProps extends IBaseComponentProps {
+    text: string;
+    type: NotificationType;
+    color: NSBarNotificationColor;
+    onClose: () => void;
+}
+export declare enum NSBarNotificationColor {
+    GRAY = "GRAY",
+    BLUE = "BLUE",
+    GREEN = "GREEN",
+    YELLOW = "YELLOW",
+    RED = "RED"
+}
+export declare enum NotificationType {
+    Information = "Information",
+    Warning = "Warning",
+    Success = "Success",
+    Error = "Error"
+}
+export declare function NSBarNotification(props: INSBarNotificationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSBarNotification.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Styles from "./NSBarNotification.module.css";
+export var NSBarNotificationColor;
+(function (NSBarNotificationColor) {
+    NSBarNotificationColor["GRAY"] = "GRAY";
+    NSBarNotificationColor["BLUE"] = "BLUE";
+    NSBarNotificationColor["GREEN"] = "GREEN";
+    NSBarNotificationColor["YELLOW"] = "YELLOW";
+    NSBarNotificationColor["RED"] = "RED";
+})(NSBarNotificationColor || (NSBarNotificationColor = {}));
+export var NotificationType;
+(function (NotificationType) {
+    NotificationType["Information"] = "Information";
+    NotificationType["Warning"] = "Warning";
+    NotificationType["Success"] = "Success";
+    NotificationType["Error"] = "Error";
+})(NotificationType || (NotificationType = {}));
+export function NSBarNotification(props) {
+    let className = Styles["ns_" + props.color.toString().toLowerCase()];
+    let type = props.type;
+    let src = "";
+    switch (type) {
+        case "Error":
+            src = "https://static.namirasoft.com/image/concept/close/error.svg";
+            break;
+        case "Success":
+            src = "https://static.namirasoft.com/image/concept/close/success.svg";
+            break;
+        case "Warning":
+            src = "https://static.namirasoft.com/image/concept/close/warning.svg";
+            break;
+        case "Information":
+            src = "https://static.namirasoft.com/image/concept/close/info.svg";
+    }
+    return (_jsxs("div", { id: props.id, className: `${Styles.ns_messenger} ${className}`, style: props.style, children: [_jsx("p", { className: `mb-0 ns-font-16-normal`, children: props.text }), _jsx("img", { className: Styles.ns_exit_icon, src: src, alt: "exit", width: 32, height: 32, onClick: props.onClose })] }));
+}
+//# sourceMappingURL=NSBarNotification.js.map

package/dist/components/NSBarNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSBarNotification.js","sourceRoot":"","sources":["../../src/components/NSBarNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAWpD,MAAM,CAAN,IAAY,sBAOX;AAPD,WAAY,sBAAsB;IAE9B,uCAAa,CAAA;IACb,uCAAa,CAAA;IACb,yCAAe,CAAA;IACf,2CAAiB,CAAA;IACjB,qCAAW,CAAA;AACf,CAAC,EAPW,sBAAsB,KAAtB,sBAAsB,QAOjC;AAED,MAAM,CAAN,IAAY,gBAMX;AAND,WAAY,gBAAgB;IAExB,+CAA2B,CAAA;IAC3B,uCAAmB,CAAA;IACnB,uCAAmB,CAAA;IACnB,mCAAe,CAAA;AACnB,CAAC,EANW,gBAAgB,KAAhB,gBAAgB,QAM3B;AAED,MAAM,UAAU,iBAAiB,CAAC,KAA8B;IAE5D,IAAI,SAAS,GAAG,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC;IACrE,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACtB,IAAI,GAAG,GAAG,EAAE,CAAC;IACb,QAAQ,IAAI,EACZ;QACI,KAAK,OAAO;YACR,GAAG,GAAG,6DAA6D,CAAC;YACpE,MAAM;QACV,KAAK,SAAS;YACV,GAAG,GAAG,+DAA+D,CAAC;YACtE,MAAM;QACV,KAAK,SAAS;YACV,GAAG,GAAG,+DAA+D,CAAC;YACtE,MAAM;QACV,KAAK,aAAa;YACd,GAAG,GAAG,4DAA4D,CAAC;KAC1E;IACD,OAAO,CACH,eAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EACb,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,SAAS,EAAE,EAChD,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,YAAG,SAAS,EAAE,wBAAwB,YAAG,KAAK,CAAC,IAAI,GAAK,EACxD,cACI,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,GAAG,EAAE,GAAG,EACR,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,KAAK,CAAC,OAAO,GACxB,IACA,CACT,CAAC;AACN,CAAC"}

package/dist/components/NSBarTitle.d.ts

@@ -0,0 +1,5 @@
+export interface INSBarTitleProps {
+    title: string;
+    description?: string;
+}
+export declare function NSBarTitle(props: INSBarTitleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSBarTitle.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import Styles from './NSBarTitle.module.css';
+export function NSBarTitle(props) {
+    var _a;
+    let lines = ((_a = props.description) !== null && _a !== void 0 ? _a : "").split(/(\n|\\n|<br>|<br\s*\/>)/gm);
+    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=NSBarTitle.js.map

package/dist/components/NSBarTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSBarTitle.js","sourceRoot":"","sources":["../../src/components/NSBarTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAQ7C,MAAM,UAAU,UAAU,CAAC,KAAuB;;IAEjD,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/NSBox.module.css

@@ -1,77 +1,76 @@
-.ns_input_parent {
-	display: flex;
-	flex-direction: column;
-	width: fit-content;
-	color: #141B5C;
-	position: relative;
-	justify-content: center;
-	width: 272px;
-	max-width: 100%;
-}
-
-.ns_input_parent img {
-	position: absolute;
-	z-index: 2;
-	right: 5%;
-	top: 50%;
-}
-
-.ns_input_container {
-	display: flex;
-	align-items: center;
-	position: relative;
-	width: 100%;
-}
-
-.ns_input_icon_container {
-	margin: 0 !important;
-	position: absolute;
-	left: 12px;
-	right: 5%;
-	top: 25%;
-}
-
-.ns_input {
-	border-radius: 8px;
-	padding: 10px 12px 10px 12px;
-	font-size: 16px;
-	font-weight: 400;
-	border: 1px solid rgba(0, 0, 0, 1) !important;
-	height: 48px;
-	width: 272px
-}
-
-.ns_input li {
-	color: #000 !important
-}
-
-.ns_input_title {
-	font-size: 16px;
-	font-weight: 400;
-}
-
-@media only screen and (min-width: 380px) {
-	.ns_input {
-		max-width: 272px;
-	}
-}
-
-.ns_input_parent img {
-	position: absolute;
-	right: 5%;
-	top: 50%;
-}
-
-/*Start Input phone*/
-.ns_input_phone_parent input {
-	width: 100% !important;
-	height: 48px !important;
-}
-
-@media only screen and (min-width: 380px) {
-	.ns_input_phone_parent input {
-		width: 272px !important;
-	}
-}
-
+.ns_input_parent {
+	display: flex;
+	flex-direction: column;
+	width: fit-content;
+	color: #141B5C;
+	position: relative;
+	justify-content: center;
+	width: 100%;
+	max-width: 272px;
+}
+
+.ns_input_parent img {
+	position: absolute;
+	right: 5%;
+	top: 50%;
+}
+
+.ns_input_container {
+	display: flex;
+	align-items: center;
+	position: relative;
+	width: 100%;
+}
+
+.ns_input_icon_container {
+	margin: 0 !important;
+	position: absolute;
+	left: 12px;
+	right: 5%;
+	top: 25%;
+}
+
+.ns_input {
+	border-radius: 8px;
+	padding: 10px 12px 10px 12px;
+	font-size: 16px;
+	font-weight: 400;
+	border: 1px solid rgba(0, 0, 0, 1) !important;
+	height: 48px;
+	width: 100%;
+}
+
+.ns_input li {
+	color: #000 !important
+}
+
+.ns_input_title {
+	font-size: 16px;
+	font-weight: 400;
+}
+
+@media only screen and (min-width: 380px) {
+	.ns_input {
+		max-width: 272px;
+	}
+}
+
+.ns_input_parent img {
+	position: absolute;
+	right: 5%;
+	top: 50%;
+}
+
+/*Start Input phone*/
+.ns_input_phone_parent input {
+	width: 100% !important;
+	height: 48px !important;
+}
+
+@media only screen and (min-width: 380px) {
+	.ns_input_phone_parent input {
+		width: 272px !important;
+	}
+}
+
 /*End Input phone*/

package/dist/components/NSBoxBoolean.module.css

@@ -1,55 +1,55 @@
-.ns_input_parent {
-	display: flex;
-	flex-direction: column;
-	width: fit-content;
-	color: #141B5C;
-	position: relative;
-	justify-content: center;
-}
-
-.ns_input_title {
-	font-size: 16px;
-	font-weight: 400;
-}
-
-.ns_checkbox_parent {
-	border-radius: 8px;
-	padding: 10px 12px 10px 12px;
-	font-size: 16px;
-	font-weight: 400;
-	border: 1px solid rgba(0, 0, 0, 1) !important;
-	background-color: #fff;
-	position: relative;
-	width: 100%;
-	display: flex;
-	flex-direction: row;
-	justify-content: flex-start;
-	align-items: center;
-	gap: 8px;
-	height: 48px;
-	width: 100%;
-}
-
-.ns_input {
-	width: 24px;
-	height: 24px;
-	cursor: pointer;
-}
-
-.ns_input:checked {
-	accent-color: #141B5C;
-}
-
-.ns_checkbox_parent label {
-	cursor: pointer;
-	color: #141B5C;
-	font-size: 16px;
-	font-weight: 300;
-	font-family: inherit;
-}
-
-@media only screen and (min-width: 380px) {
-	.ns_checkbox_parent {
-		width: 272px;
-	}
+.ns_input_parent {
+	display: flex;
+	flex-direction: column;
+	width: fit-content;
+	color: #141B5C;
+	position: relative;
+	justify-content: center;
+}
+
+.ns_input_title {
+	font-size: 16px;
+	font-weight: 400;
+}
+
+.ns_checkbox_parent {
+	border-radius: 8px;
+	padding: 10px 12px 10px 12px;
+	font-size: 16px;
+	font-weight: 400;
+	border: 1px solid rgba(0, 0, 0, 1) !important;
+	background-color: #fff;
+	position: relative;
+	width: 100%;
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-start;
+	align-items: center;
+	gap: 8px;
+	height: 48px;
+	width: 100%;
+}
+
+.ns_input {
+	width: 24px;
+	height: 24px;
+	cursor: pointer;
+}
+
+.ns_input:checked {
+	accent-color: #141B5C;
+}
+
+.ns_checkbox_parent label {
+	cursor: pointer;
+	color: #141B5C;
+	font-size: 16px;
+	font-weight: 300;
+	font-family: inherit;
+}
+
+@media only screen and (min-width: 380px) {
+	.ns_checkbox_parent {
+		width: 272px;
+	}
 }