namirasoft-site-react 1.3.177 → 1.3.179

package/src/components/NSBarHeroBanner.tsx

@@ -0,0 +1,62 @@
+"use client";
+
+import Styles from './NSBarHeroBanner.module.css'
+import { Link } from 'react-router-dom';
+
+export interface INSBarHeroBannerProps
+{
+	title: string;
+	description?: string;
+	description_last?: string;
+	banner: string;
+}
+
+export function NSBarHeroBanner(props: INSBarHeroBannerProps)
+{
+	return (
+		<div className={Styles.hero_holder}>
+			<section className={Styles.hero_wraper}>
+				<div className="container mx-auto px-4 lg:px-12">
+					<div className="flex flex-wrap lg:flex-nowrap justify-center lg:justify-between">
+						<article className={`mb-6 lg:mb-0 lg:mb-12lg:pe-12 ${Styles.hero_text_container}`} >
+							<h1 className="ns-font-32-bold  ns_font_lg_40_bold mb-6">
+								{props.title}
+							</h1>
+							<p className="ns-font-16-normal  lg:mb-4">
+								{props.description}
+							</p>
+							<p className="ns-font-16-normal">
+								{props.description_last}
+							</p>
+							<div className="hidden lg:block mt-6">
+								<Link to="#" style={{ width: "100%", marginBottom: "24px" }} >
+									Contact US
+								</Link>
+								<Link to="#" style={{ width: "100%" }} >
+									Book a Meeting With Us
+								</Link>
+							</div>
+						</article>
+						<div style={{ backgroundImage: `url(${props.banner})` }} className={`hidden lg:block lg:w-full xl:w-1/2 ${Styles.hero_image_bg}`}>
+							<div className={Styles.ns_hero_vector_bg}></div>
+						</div>
+						<div className={`block lg:hidden ${Styles.hero_img_container}`}>
+							<img
+								src={props.banner}
+								alt=""
+							/>
+						</div>
+						<div className="w-full mt-6 block lg:hidden">
+							<Link to="#" style={{ width: "100%", marginBottom: "24px" }} >
+								Contact US
+							</Link>
+							<Link to="#" style={{ width: "100%" }} >
+								Book a Meeting With Us
+							</Link>
+						</div>
+					</div>
+				</div>
+			</section>
+		</div>
+	);
+}

package/src/components/{NSNotification.tsx → NSBarNotification.tsx}

@@ -1,15 +1,15 @@
-import Styles from "./NSNotification.module.css";
+import Styles from "./NSBarNotification.module.css";
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
 
-export interface INSNotificationProps extends IBaseComponentProps
+export interface INSBarNotificationProps extends IBaseComponentProps
 {
     text: string;
     type: NotificationType;
-    color: NSNotificationColor;
+    color: NSBarNotificationColor;
     onClose: () => void;
 }
 
-export enum NSNotificationColor
+export enum NSBarNotificationColor
 {
     GRAY = "GRAY",
     BLUE = "BLUE",
@@ -26,11 +26,11 @@ export enum NotificationType
     Error = "Error",
 }
 
-export function NSNotification(props: INSNotificationProps)
+export function NSBarNotification(props: INSBarNotificationProps)
 {
     let className = Styles["ns_" + props.color.toString().toLowerCase()];
-    let type= props.type;
-    let src="";
+    let type = props.type;
+    let src = "";
     switch (type)
     {
         case "Error":

package/src/components/NSBarTitle.tsx

@@ -0,0 +1,29 @@
+import Styles from './NSBarTitle.module.css';
+
+export interface INSBarTitleProps 
+{
+	title: string;
+	description?: string;
+}
+
+export function NSBarTitle(props: INSBarTitleProps)
+{
+	let lines = (props.description ?? "").split(/(\n|\\n|<br>|<br\s*\/>)/gm);
+	return (
+		<div>
+			<h1 className={Styles.title}>{props.title}</h1>
+			{
+				props.description && lines &&
+				<p className={Styles.description}>{
+					lines.map((line, index) =>
+					{
+						return <>
+							{line.trim()}
+							{index != lines.length - 1 && <br />}
+						</>;
+					})
+				}</p>
+			}
+		</div>
+	);
+}

package/src/components/NSHeader.tsx

@@ -6,6 +6,7 @@ import NavDropdown from 'react-bootstrap/NavDropdown';
 import { NamirasoftAPILinkServer, FilterLinkFullRow } from 'namirasoft-api-link';
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { IHeaderProps } from "../props/IHeaderProps";
+
 export interface INSHeaderProps extends IBaseComponentProps
 {
     scope: string;
@@ -97,14 +98,15 @@ export class NSHeader extends React.Component<INSHeaderProps, NSHeaderState>
                                     <span className={Styles.ns_navbar_title}>{this.props.header?.title}</span>
                                     {
                                         this.props.header.icons.map((icon) =>
-                                            <button className={Styles.ns_header_icon} onClick={icon.onClicked}>
+                                            <button className={Styles.ns_header_icon} onClick={() => icon.onClicked(icon)}>
                                                 <img
                                                     src={icon.src}
                                                     alt={icon.alt}
                                                     width={20}
                                                     height={20}
                                                 />
-                                                {icon.count &&
+                                                {
+                                                    icon.count &&
                                                     <span className={Styles.ns_navbar_notification_count}>{icon.count}</span>
                                                 }
                                             </button>
@@ -125,9 +127,7 @@ export class NSHeader extends React.Component<INSHeaderProps, NSHeaderState>
                                     height={24}
                                 />
                             </div>
-
                         </div>
-
                     </div>
                 </nav>
             </header>
@@ -156,7 +156,7 @@ export class NSHeader extends React.Component<INSHeaderProps, NSHeaderState>
                             {this.render_menu(1, this.state.selected.id)}
                         </div >
                 }
-            return (<>
+            return <>
                 <NavDropdown
                     onToggle={(checked) => this.onMenuItemToggled(checked, filter)}
                     className={level === 0 ? Styles.ns_navbar_first_level_item : Styles.ns_navbar_second_level_item}
@@ -164,8 +164,7 @@ export class NSHeader extends React.Component<INSHeaderProps, NSHeaderState>
                     id={`dropdown_parent${filter.id}`}>
                     {sub_menus}
                 </NavDropdown >
-            </>
-            );
+            </>;
         }
         else
         {

package/src/components/NSLayout.module.css

@@ -1,10 +1,10 @@
 .ns_container {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
 }
 
-.ns_layout_main { 
+.ns_layout_main {
 	display: flex;
 	flex-direction: column;
 	color: #fff;

package/src/components/NSLayout.tsx

@@ -3,17 +3,28 @@ import { ReactNode } from 'react';
 import { NSHeader } from './NSHeader';
 import { NSFooter } from './NSFooter';
 import { IBaseComponentProps } from '../props/IBaseComponentProps';
-import { NSNotification, INSNotificationProps } from './NSNotification';
+import { NSBarNotification, INSBarNotificationProps } from './NSBarNotification';
 import { IHeaderProps } from '../props/IHeaderProps';
+import { INSBarActionProps, NSBarAction } from './NSBarAction';
+import { INSBarHeroBannerProps, NSBarHeroBanner } from './NSBarHeroBanner';
+import { INSBarTitleProps, NSBarTitle } from './NSBarTitle';
 
 export interface INSLayoutProps extends IBaseComponentProps
 {
 	scope: string;
 	logo: string;
 	background?: string;
-	notifications: INSNotificationProps[];
-	children: ReactNode;
 	header: IHeaderProps;
+	notifications: INSBarNotificationProps[];
+	action?: INSBarActionProps;
+	banner?: INSBarHeroBannerProps;
+	title?: INSBarTitleProps;
+	children: ReactNode;
+}
+
+export interface NSLayoutState
+{
+	action_show: boolean
 }
 
 export function NSLayout(props: INSLayoutProps)
@@ -37,7 +48,10 @@ export function NSLayout(props: INSLayoutProps)
 				logo={props.logo}
 				header={props.header}
 			/>
-			{props.notifications.map(props => <NSNotification {...props}></NSNotification>)}
+			{props.notifications.map(props => <NSBarNotification {...props}></NSBarNotification>)}
+			{props.action && <NSBarAction {...props.action} ></NSBarAction >}
+			{props.banner && <NSBarHeroBanner {...props.banner} ></NSBarHeroBanner >}
+			{props.title && <NSBarTitle {...props.title} ></NSBarTitle >}
 			<main className={`d-flex flex-column text-white ${Styles.ns_layout_main}`}>
 				{props.children}
 			</main>

package/src/components/NSLink.tsx

@@ -12,7 +12,7 @@ export function NSLink(props: INSILinkProps)
 		<div
 			id={props.id}
 			className={`${Styles.ns_link_parent} ${props.classList?.join(" ")}`}
-			>
+		>
 			<a
 				className={`text-white text-decoration-none ${props.title ? Styles.ns_link : Styles.ns_link_absolute}`}
 				href={props.href}

package/src/main.ts

@@ -32,11 +32,11 @@ export * from "./components/NSFooter";
 export * from "./components/NSHeader";
 export * from "./components/NSCopyToClipboard";
 export * from "./components/NSLayout";
-export * from "./components/NSLayoutAction";
-export * from "./components/NSLayoutHeroBanner";
-export * from "./components/NSLayoutTitle";
+export * from "./components/NSBarAction";
+export * from "./components/NSBarHeroBanner";
+export * from "./components/NSBarTitle";
 export * from "./components/NSLoading";
-export * from "./components/NSNotification";
+export * from "./components/NSBarNotification";
 export * from "./components/NSSpace";
 export * from "./components/NSSection";
 export * from "./components/NSSectionBars";

package/src/props/IHeaderIconProps.ts

@@ -0,0 +1,7 @@
+export interface IHeaderIconProps
+{
+	count?: string | number
+	src: string,
+	alt?: string,
+	onClicked: (icon: IHeaderIconProps) => void
+}

package/src/props/IHeaderProps.ts

@@ -1,10 +1,7 @@
+import { IHeaderIconProps } from "./IHeaderIconProps";
+
 export interface IHeaderProps
 {
 	title: string;
-	icons: {
-		count?: string | number
-		src: string,
-		alt?: string,
-		onClicked?: () => void
-	}[];
+	icons: IHeaderIconProps[];
 }

package/src/routing/INSRouterState.ts

@@ -1,6 +1,6 @@
-import { INSNotificationProps } from "../components/NSNotification";
+import { INSBarNotificationProps } from "../components/NSBarNotification";
 
 export interface INSRouterState
 {
-    notifications?: INSNotificationProps[];
+    notifications?: INSBarNotificationProps[];
 }

package/src/routing/Notifier.ts

@@ -1,5 +1,5 @@
 import axios from "axios";
-import { NSNotificationColor, INSNotificationProps, NotificationType } from "../components/NSNotification";
+import { NSBarNotificationColor, INSBarNotificationProps, NotificationType } from "../components/NSBarNotification";
 import { INSRouterState } from "./INSRouterState";
 
 export class Notifier
@@ -19,9 +19,9 @@ export class Notifier
         this.delNotification = this.delNotification.bind(this);
         this.getNotifications = this.getNotifications.bind(this);
     }
-    private notify(message: INSNotificationProps) 
+    private notify(message: INSBarNotificationProps) 
     {
-        let notifications: INSNotificationProps[] = [];
+        let notifications: INSBarNotificationProps[] = [];
         if (this.state?.notifications)
             notifications.push(...this.state.notifications);
         notifications.push(message);
@@ -35,17 +35,17 @@ export class Notifier
     onInformation(text: string) 
     {
         let id = Notifier.Counter++ + "";
-        this.notify({ id, text, type: NotificationType.Information, color: NSNotificationColor.GRAY, onClose: () => this.delNotification(id) });
+        this.notify({ id, text, type: NotificationType.Information, color: NSBarNotificationColor.GRAY, onClose: () => this.delNotification(id) });
     }
     onSuccess(text: string) 
     {
         let id = Notifier.Counter++ + "";
-        this.notify({ id, text, type: NotificationType.Success, color: NSNotificationColor.GREEN, onClose: () => this.delNotification(id) });
+        this.notify({ id, text, type: NotificationType.Success, color: NSBarNotificationColor.GREEN, onClose: () => this.delNotification(id) });
     }
     onWarning(text: string) 
     {
         let id = Notifier.Counter++ + "";
-        this.notify({ id, text, type: NotificationType.Warning, color: NSNotificationColor.YELLOW, onClose: () => this.delNotification(id) });
+        this.notify({ id, text, type: NotificationType.Warning, color: NSBarNotificationColor.YELLOW, onClose: () => this.delNotification(id) });
     }
     onError(error: Error | string) 
     {
@@ -60,20 +60,20 @@ export class Notifier
         }
         else
             text = error;
-        this.notify({ id, text, type: NotificationType.Error, color: NSNotificationColor.RED, onClose: () => this.delNotification(id) });
+        this.notify({ id, text, type: NotificationType.Error, color: NSBarNotificationColor.RED, onClose: () => this.delNotification(id) });
     }
     delNotification(id: string): void
     {
         if (!this.state)
             return;
 
-        let notifications: INSNotificationProps[] = [];
+        let notifications: INSBarNotificationProps[] = [];
         if (this.state.notifications)
             notifications.push(...this.state.notifications);
         notifications = notifications.filter(x => x.id !== id);
         this.setState({ notifications });
     }
-    getNotifications(): INSNotificationProps[]
+    getNotifications(): INSBarNotificationProps[]
     {
         return this.state?.notifications ?? [];
     }

package/dist/components/NSLayoutAction.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-import { INSLayoutProps } from './NSLayout';
-import { IBaseComponentProps } from '../props/IBaseComponentProps';
-import { INSActionMenuProps } from './NSActionMenu';
-export interface INSLayoutActionProps extends INSLayoutProps, IBaseComponentProps {
-    title: string;
-    description?: string;
-    actions: INSActionMenuProps[];
-    children: ReactNode;
-}
-export interface INSLaoutActionState {
-    show: boolean;
-}
-export declare function NSLayoutAction(props: INSLayoutActionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSLayoutAction.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NSLayoutAction.js","sourceRoot":"","sources":["../../src/components/NSLayoutAction.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSLayoutHeroBanner.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-import { INSLayoutProps } from './NSLayout';
-import { IBaseComponentProps } from '../props/IBaseComponentProps';
-export interface INSLayoutHeroBannerProps extends INSLayoutProps, IBaseComponentProps {
-    title: string;
-    description?: string;
-    description_last?: string;
-    banner: string;
-    children: ReactNode;
-}
-export declare function NSLayoutHeroBanner(props: INSLayoutHeroBannerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSLayoutHeroBanner.js

@@ -1,9 +0,0 @@
-"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] })));
-}
-//# sourceMappingURL=NSLayoutHeroBanner.js.map

package/dist/components/NSLayoutHeroBanner.js.map

@@ -1 +0,0 @@
-{"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"}

package/dist/components/NSLayoutTitle.d.ts

@@ -1,9 +0,0 @@
-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;
-}
-export declare function NSLayoutTitle(props: INSLayoutTitleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSLayoutTitle.js

@@ -1,13 +0,0 @@
-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] })));
-}
-//# sourceMappingURL=NSLayoutTitle.js.map

package/dist/components/NSLayoutTitle.js.map

@@ -1 +0,0 @@
-{"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"}

package/dist/components/NSNotification.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NSNotification.js","sourceRoot":"","sources":["../../src/components/NSNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAWjD,MAAM,CAAN,IAAY,mBAOX;AAPD,WAAY,mBAAmB;IAE3B,oCAAa,CAAA;IACb,oCAAa,CAAA;IACb,sCAAe,CAAA;IACf,wCAAiB,CAAA;IACjB,kCAAW,CAAA;AACf,CAAC,EAPW,mBAAmB,KAAnB,mBAAmB,QAO9B;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,cAAc,CAAC,KAA2B;IAEtD,IAAI,SAAS,GAAG,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC;IACrE,IAAI,IAAI,GAAE,KAAK,CAAC,IAAI,CAAC;IACrB,IAAI,GAAG,GAAC,EAAE,CAAC;IACX,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/src/components/NSLayoutHeroBanner.tsx

@@ -1,69 +0,0 @@
-"use client";
-
-import { ReactNode } from 'react';
-import { NSLayout, INSLayoutProps } from './NSLayout';
-import Styles from './NSLayoutHeroBanner.module.css'
-import { Link } from 'react-router-dom';
-import { IBaseComponentProps } from '../props/IBaseComponentProps';
-
-export interface INSLayoutHeroBannerProps extends INSLayoutProps, IBaseComponentProps
-{
-	title: string;
-	description?: string;
-	description_last?: string;
-	banner: string;
-	children: ReactNode;
-}
-
-export function NSLayoutHeroBanner(props: INSLayoutHeroBannerProps)
-{
-	return (
-		<NSLayout {...props} >
-			<div className={Styles.hero_holder}>
-				<section className={Styles.hero_wraper}>
-					<div className="container mx-auto px-4 lg:px-12">
-						<div className="flex flex-wrap lg:flex-nowrap justify-center lg:justify-between">
-							<article className={`mb-6 lg:mb-0 lg:mb-12lg:pe-12 ${Styles.hero_text_container}`} >
-								<h1 className="ns-font-32-bold  ns_font_lg_40_bold mb-6">
-									{props.title}
-								</h1>
-								<p className="ns-font-16-normal  lg:mb-4">
-									{props.description}
-								</p>
-								<p className="ns-font-16-normal">
-									{props.description_last}
-								</p>
-								<div className="hidden lg:block mt-6">
-									<Link to="#" style={{ width: "100%", marginBottom: "24px" }} >
-										Contact US
-									</Link>
-									<Link to="#" style={{ width: "100%" }} >
-										Book a Meeting With Us
-									</Link>
-								</div>
-							</article>
-							<div style={{ backgroundImage: `url(${props.banner})` }} className={`hidden lg:block lg:w-full xl:w-1/2 ${Styles.hero_image_bg}`}>
-								<div className={Styles.ns_hero_vector_bg}></div>
-							</div>
-							<div className={`block lg:hidden ${Styles.hero_img_container}`}>
-								<img
-									src={props.banner}
-									alt=""
-								/>
-							</div>
-							<div className="w-full mt-6 block lg:hidden">
-								<Link to="#" style={{ width: "100%", marginBottom: "24px" }} >
-									Contact US
-								</Link>
-								<Link to="#" style={{ width: "100%" }} >
-									Book a Meeting With Us
-								</Link>
-							</div>
-						</div>
-					</div>
-				</section>
-			</div>
-			{props.children}
-		</NSLayout>
-	);
-}

package/src/components/NSLayoutTitle.tsx

@@ -1,39 +0,0 @@
-import Styles from './NSLayoutTitle.module.css';
-import { ReactNode } from 'react';
-import { NSLayout, INSLayoutProps } from './NSLayout';
-import { NSSpace, NSSpaceSizeType } from './NSSpace';
-import { IBaseComponentProps } from '../props/IBaseComponentProps';
-
-export interface INSLayoutTitleProps extends INSLayoutProps, IBaseComponentProps
-{
-	title: string;
-	description?: string;
-	children: ReactNode;
-}
-
-export function NSLayoutTitle(props: INSLayoutTitleProps)
-{
-	let lines = (props.description ?? "").split(/(\n|\\n|<br>|<br\s*\/>)/gm);
-	return (
-		<NSLayout {...props}>
-			<NSSpace size={NSSpaceSizeType.SMALL}></NSSpace>
-			<div>
-				<h1 className={Styles.title}>{props.title}</h1>
-				{
-					props.description && lines &&
-					<p className={Styles.description}>{
-						lines.map((line, index) =>
-						{
-							return <>
-								{line.trim()}
-								{index != lines.length - 1 && <br />}
-							</>;
-						})
-					}</p>
-				}
-				<NSSpace size={NSSpaceSizeType.NORMAL}></NSSpace>
-			</div>
-			{props.children}
-		</NSLayout>
-	);
-}