namirasoft-site-react 1.3.29 → 1.3.31

package/dist/components/NSLayout.module.css

@@ -9,7 +9,6 @@
 .ns_header {
     margin-bottom: 48px;
     width: 100%;
-
 }
 
 .ns_footer {

package/dist/components/NSLayoutTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLayoutTitle.js","sourceRoot":"","sources":["../../src/components/NSLayoutTitle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAUtC,MAAM,OAAO,aAAc,SAAQ,SAA6B;IAEtD,MAAM;QAEd,OAAO,CACN,MAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,aACvD,0BACC,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,EAEnD,IAAI,CAAC,KAAK,CAAC,WAAW;4BACtB,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAK,IAE1D,EACL,IAAI,CAAC,KAAK,CAAC,QAAQ,IACV,CACX,CAAC;IACH,CAAC;CACD"}
+{"version":3,"file":"NSLayoutTitle.js","sourceRoot":"","sources":["../../src/components/NSLayoutTitle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAWtC,MAAM,OAAO,aAAc,SAAQ,SAA6B;IAEtD,MAAM;QAEd,OAAO,CACN,MAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,aACvD,0BACC,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,EAEnD,IAAI,CAAC,KAAK,CAAC,WAAW;4BACtB,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAK,IAE1D,EACL,IAAI,CAAC,KAAK,CAAC,QAAQ,IACV,CACX,CAAC;IACH,CAAC;CACD"}

package/dist/components/NSLoading.d.ts

@@ -2,7 +2,6 @@ import { Component } from 'react';
 import { BackgroundType } from '../types/Background';
 interface NSLoadingProps {
     background?: BackgroundType;
-    padding_bottom?: string;
 }
 export declare class NSLoading extends Component<NSLoadingProps> {
     render(): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSLoading.js

@@ -5,7 +5,7 @@ import Styles from './NSLoading.module.css';
 import { NSSection } from './NSSection';
 export class NSLoading extends Component {
     render() {
-        return (_jsx(NSSection, { background: this.props.background, padding_bottom: this.props.padding_bottom, children: _jsx("div", { className: Styles.ns_loading_parent, children: _jsx("div", { className: Styles.ns_loader }) }) }));
+        return (_jsx(NSSection, { background: this.props.background, children: _jsx("div", { className: Styles.ns_loading_parent, children: _jsx("div", { className: Styles.ns_loader }) }) }));
     }
 }
 //# sourceMappingURL=NSLoading.js.map

package/dist/components/NSLoading.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLoading.js","sourceRoot":"","sources":["../../src/components/NSLoading.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AASxC,MAAM,OAAO,SAAU,SAAQ,SAAyB;IAE9C,MAAM;QAEd,OAAO,CACN,KAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,YACtF,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACvC,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,GAAQ,GACnC,GACK,CACZ,CAAC;IACH,CAAC;CACD"}
+{"version":3,"file":"NSLoading.js","sourceRoot":"","sources":["../../src/components/NSLoading.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQxC,MAAM,OAAO,SAAU,SAAQ,SAAyB;IAE9C,MAAM;QAEd,OAAO,CACN,KAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,YAC3C,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACvC,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,GAAQ,GACnC,GACK,CACZ,CAAC;IACH,CAAC;CACD"}

package/dist/components/NSSection.d.ts

@@ -3,7 +3,6 @@ import { BackgroundType } from "../types/Background";
 export interface NSSectionProps {
     children: ReactNode;
     background?: BackgroundType;
-    padding_bottom?: string;
 }
 export interface NSSectionState {
     background?: BackgroundType;

package/dist/components/NSSection.js

@@ -20,7 +20,7 @@ export class NSSection extends Component {
                 backgroundImage: (_a = this.state.background) === null || _a === void 0 ? void 0 : _a.image,
                 backgroundColor: (_b = this.state.background) === null || _b === void 0 ? void 0 : _b.color,
                 backgroundPosition: (_c = this.state.background) === null || _c === void 0 ? void 0 : _c.position
-            }, className: Styles.ns_section, children: _jsx("div", { style: { paddingBottom: this.props.padding_bottom }, className: `${Styles.ns_section_whitespace}`, children: this.props.children }) }));
+            }, className: Styles.ns_section, children: this.props.children }));
     }
 }
 //# sourceMappingURL=NSSection.js.map

package/dist/components/NSSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSSection.js","sourceRoot":"","sources":["../../src/components/NSSection.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAe3C,MAAM,OAAO,SAAU,SAAQ,SAAyC;IACvE,YAAY,KAAqB;;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,UAAU,EAAE;gBACX,KAAK,EAAE,OAAO,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK,GAAG;gBACxC,KAAK,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK;gBAC9B,QAAQ,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,QAAQ;aACpC;SACD,CAAA;IACF,CAAC;IACQ,MAAM;;QAEd,OAAO,CACN,kBAAS,KAAK,EACZ;gBACA,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;gBAC7C,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;gBAC7C,kBAAkB,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,QAAQ;aACnD,EACD,SAAS,EAAE,MAAM,CAAC,UAAU,YAC5B,cAAK,KAAK,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,EACvD,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,EAAE,YAC3C,IAAI,CAAC,KAAK,CAAC,QAAQ,GACf,GACG,CACV,CAAC;IACH,CAAC;CACD"}
+{"version":3,"file":"NSSection.js","sourceRoot":"","sources":["../../src/components/NSSection.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAc3C,MAAM,OAAO,SAAU,SAAQ,SAAyC;IACvE,YAAY,KAAqB;;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,UAAU,EAAE;gBACX,KAAK,EAAE,OAAO,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK,GAAG;gBACxC,KAAK,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK;gBAC9B,QAAQ,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,QAAQ;aACpC;SACD,CAAA;IACF,CAAC;IACQ,MAAM;;QAEd,OAAO,CACN,kBAAS,KAAK,EACZ;gBACA,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;gBAC7C,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;gBAC7C,kBAAkB,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,QAAQ;aACnD,EACD,SAAS,EAAE,MAAM,CAAC,UAAU,YAC3B,IAAI,CAAC,KAAK,CAAC,QAAQ,GACX,CACV,CAAC;IACH,CAAC;CACD"}

package/dist/components/NSSection.module.css

@@ -2,9 +2,4 @@
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: center;
-}
-
-.ns_section_whitespace {
-	padding-bottom: 48px;
-	padding-top: 48px;
 }

package/dist/components/NSSectionCards.d.ts

@@ -16,7 +16,6 @@ export interface NSSectionCardsProps {
         title: string;
     };
     cards: NSCardProps[];
-    padding_bottom?: string;
 }
 export declare class NSSectionCards extends Component<NSSectionCardsProps> {
     render(): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSSectionCards.js

@@ -9,7 +9,7 @@ import { NSLinkBlue } from './NSLinkBlue';
 export class NSSectionCards extends Component {
     render() {
         var _a, _b, _c, _d, _e, _f;
-        return (_jsx(_Fragment, { children: _jsx(NSSection, { background: this.props.background, padding_bottom: this.props.padding_bottom, children: _jsxs("div", { className: `container mx-auto px-4 lg:px-12 ${Styles.ns_section_cards_holder}`, children: [this.props.title &&
+        return (_jsx(_Fragment, { children: _jsx(NSSection, { background: this.props.background, children: _jsxs("div", { className: `container mx-auto px-4 lg:px-12 ${Styles.ns_section_cards_holder}`, children: [this.props.title &&
                             _jsxs("div", { className: Styles.ns_section_cards_title_container, children: [_jsx(NSTitle, { color: (_a = this.props.title) === null || _a === void 0 ? void 0 : _a.color, title: (_b = this.props.title) === null || _b === void 0 ? void 0 : _b.text }), this.props.description &&
                                         _jsxs("p", { style: { color: (_c = this.props.description) === null || _c === void 0 ? void 0 : _c.color }, className: Styles.ns_description, children: [" ", this.props.description.text, " "] })] }), _jsx("div", { className: ` ${Styles.ns_card_container}`, children: (_d = this.props.cards) === null || _d === void 0 ? void 0 : _d.map((card) => _jsx(NSCard, Object.assign({}, card), card.id)) }), this.props.button &&
                             _jsx("div", { className: `mt-12 w-full- text-center ${Styles.ns_section_cards_link_container}`, children: _jsx(NSLinkBlue, { href: (_e = this.props.button) === null || _e === void 0 ? void 0 : _e.href, title: (_f = this.props.button) === null || _f === void 0 ? void 0 : _f.title }) })] }) }) }));

package/dist/components/NSSectionCards.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSSectionCards.js","sourceRoot":"","sources":["../../src/components/NSSectionCards.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAsB1C,MAAM,OAAO,cAAe,SAAQ,SAA8B;IAExD,MAAM;;QAEd,OAAO,CACN,4BACC,KAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,YACtF,eAAK,SAAS,EAAE,mCAAmC,MAAM,CAAC,uBAAuB,EAAE,aAGjF,IAAI,CAAC,KAAK,CAAC,KAAK;4BAChB,eAAK,SAAS,EAAE,MAAM,CAAC,gCAAgC,aACtD,KAAC,OAAO,IAAC,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,KAAK,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,IAAI,GAAI,EAGzE,IAAI,CAAC,KAAK,CAAC,WAAW;wCACtB,aAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,0CAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,cAAc,kBAAI,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,SAAM,IAGrH,EAGP,cAAK,SAAS,EAAE,IAAI,MAAM,CAAC,iBAAiB,EAAE,YAE5C,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAmB,IAAI,GAAjB,IAAI,CAAC,EAAE,CAAc,CAAC,GAE/D,EAEL,IAAI,CAAC,KAAK,CAAC,MAAM;4BACjB,cAAK,SAAS,EAAE,6BAA6B,MAAM,CAAC,+BAA+B,EAAE,YACpF,KAAC,UAAU,IAAC,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,IAAI,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,KAAK,GAAI,GACzE,IAEF,GACK,GACV,CACH,CAAC;IACH,CAAC;CACD"}
+{"version":3,"file":"NSSectionCards.js","sourceRoot":"","sources":["../../src/components/NSSectionCards.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAqB1C,MAAM,OAAO,cAAe,SAAQ,SAA8B;IAExD,MAAM;;QAEd,OAAO,CACN,4BACC,KAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,YAC3C,eAAK,SAAS,EAAE,mCAAmC,MAAM,CAAC,uBAAuB,EAAE,aAEjF,IAAI,CAAC,KAAK,CAAC,KAAK;4BAChB,eAAK,SAAS,EAAE,MAAM,CAAC,gCAAgC,aACtD,KAAC,OAAO,IAAC,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,KAAK,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,IAAI,GAAI,EAEzE,IAAI,CAAC,KAAK,CAAC,WAAW;wCACtB,aAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,0CAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,cAAc,kBAAI,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,SAAM,IAErH,EAEP,cAAK,SAAS,EAAE,IAAI,MAAM,CAAC,iBAAiB,EAAE,YAE5C,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAmB,IAAI,GAAjB,IAAI,CAAC,EAAE,CAAc,CAAC,GAE/D,EAEL,IAAI,CAAC,KAAK,CAAC,MAAM;4BACjB,cAAK,SAAS,EAAE,6BAA6B,MAAM,CAAC,+BAA+B,EAAE,YACpF,KAAC,UAAU,IAAC,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,IAAI,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,KAAK,GAAI,GACzE,IAEF,GACK,GACV,CACH,CAAC;IACH,CAAC;CACD"}

package/dist/components/NSSectionTitle.d.ts

@@ -6,7 +6,6 @@ export interface NSSectionTitleProps {
         color?: string;
     };
     background?: BackgroundType;
-    padding_bottom?: string;
     children: ReactNode;
 }
 export declare class NSSectionTitle extends Component<NSSectionTitleProps> {

package/dist/components/NSSectionTitle.js

@@ -5,7 +5,7 @@ import { NSSection } from './NSSection';
 import { NSTitle } from './NSTitle';
 export class NSSectionTitle extends Component {
     render() {
-        return (_jsxs(NSSection, { padding_bottom: this.props.padding_bottom, background: this.props.background, children: [_jsx(NSTitle, { color: this.props.title.color, title: this.props.title.text }), this.props.children] }));
+        return (_jsxs(NSSection, { background: this.props.background, children: [_jsx(NSTitle, { color: this.props.title.color, title: this.props.title.text }), this.props.children] }));
     }
 }
 //# sourceMappingURL=NSSectionTitle.js.map

package/dist/components/NSSectionTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSSectionTitle.js","sourceRoot":"","sources":["../../src/components/NSSectionTitle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAcpC,MAAM,OAAO,cAAe,SAAQ,SAA8B;IACxD,MAAM;QAEd,OAAO,CACN,MAAC,SAAS,IAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,aACtF,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,GAAI,EACvE,IAAI,CAAC,KAAK,CAAC,QAAQ,IACT,CACZ,CAAC;IACH,CAAC;CACD"}
+{"version":3,"file":"NSSectionTitle.js","sourceRoot":"","sources":["../../src/components/NSSectionTitle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAapC,MAAM,OAAO,cAAe,SAAQ,SAA8B;IACxD,MAAM;QAEd,OAAO,CACN,MAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,aAC3C,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,GAAI,EACvE,IAAI,CAAC,KAAK,CAAC,QAAQ,IACT,CACZ,CAAC;IACH,CAAC;CACD"}

package/dist/components/NSSpace.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+export interface NSSpaceProps {
+    size: NSSpaceSizeType;
+}
+export declare enum NSSpaceSizeType {
+    TINY = "4px",
+    MINI = "8px",
+    SMALL = "16px",
+    MEDUIM = "24px",
+    LARGE = "32px",
+    XLARGE = "48px",
+    XXLARGE = "64px",
+    XXXLARGE = "96px"
+}
+export interface NSSpaceState {
+    size: NSSpaceSizeType;
+}
+export declare class NSSpace extends React.Component<NSSpaceProps, NSSpaceState> {
+    constructor(props: NSSpaceProps);
+    setValue(size: NSSpaceSizeType): void;
+    getValue(): NSSpaceSizeType;
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/dist/components/NSSpace.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+export var NSSpaceSizeType;
+(function (NSSpaceSizeType) {
+    NSSpaceSizeType["TINY"] = "4px";
+    NSSpaceSizeType["MINI"] = "8px";
+    NSSpaceSizeType["SMALL"] = "16px";
+    NSSpaceSizeType["MEDUIM"] = "24px";
+    NSSpaceSizeType["LARGE"] = "32px";
+    NSSpaceSizeType["XLARGE"] = "48px";
+    NSSpaceSizeType["XXLARGE"] = "64px";
+    NSSpaceSizeType["XXXLARGE"] = "96px";
+})(NSSpaceSizeType || (NSSpaceSizeType = {}));
+export class NSSpace extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { size: props.size };
+        this.setValue = this.setValue.bind(this);
+        this.getValue = this.getValue.bind(this);
+    }
+    setValue(size) {
+        this.setState({ size });
+    }
+    getValue() {
+        return this.state.size;
+    }
+    render() {
+        return (_jsx("hr", { style: { height: this.state.size, margin: "0px", padding: "0px" } }));
+    }
+}
+//# sourceMappingURL=NSSpace.js.map

package/dist/components/NSSpace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSSpace.js","sourceRoot":"","sources":["../../src/components/NSSpace.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAN,IAAY,eAUX;AAVD,WAAY,eAAe;IAEvB,+BAAY,CAAA;IACZ,+BAAY,CAAA;IACZ,iCAAc,CAAA;IACd,kCAAe,CAAA;IACf,iCAAc,CAAA;IACd,kCAAe,CAAA;IACf,mCAAgB,CAAA;IAChB,oCAAiB,CAAA;AACrB,CAAC,EAVW,eAAe,KAAf,eAAe,QAU1B;AAOD,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAqC;IACpE,YAAY,KAAmB;QAE3B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;QAClC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IACD,QAAQ,CAAC,IAAqB;QAE1B,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IAC3B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAI,CAC5E,CAAC;IACN,CAAC;CACJ"}

package/dist/main.d.ts

@@ -25,6 +25,7 @@ export * from "./components/NSLayoutHeroBanner";
 export * from "./components/NSLayoutTitle";
 export * from "./components/NSLoading";
 export * from "./components/NSSelectBox";
+export * from "./components/NSSpace";
 export * from "./components/NSSection";
 export * from "./components/NSSectionBars";
 export * from "./components/NSSectionCards";

package/dist/main.js

@@ -25,6 +25,7 @@ export * from "./components/NSLayoutHeroBanner";
 export * from "./components/NSLayoutTitle";
 export * from "./components/NSLoading";
 export * from "./components/NSSelectBox";
+export * from "./components/NSSpace";
 export * from "./components/NSSection";
 export * from "./components/NSSectionBars";
 export * from "./components/NSSectionCards";

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC"}

package/package.json

@@ -1,66 +1,66 @@
 {
-  "name": "namirasoft-site-react",
-  "title": "Namirasoft Site React",
-  "description": "Namira Software Corporation Site React NPM Package",
-  "icon": "logo.png",
-  "logo": "https://static.namirasoft.com/logo/namirasoft/name.png",
-  "language": "ts",
-  "framework": "npm",
-  "application": "package",
-  "private": false,
-  "version": "1.3.29",
-  "author": "Amir Abolhasani",
-  "license": "MIT",
-  "main": "./dist/main.js",
-  "types": "./dist/main.d.ts",
-  "scripts": {
-    "start": "react-app-rewired start",
-    "build": "npm run copy && tsc",
-    "test": "react-app-rewired test",
-    "eject": "react-app-rewired eject",
-    "copy": "copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.svg src/**/*.png src/**/*.jpg dist/"
-  },
-  "dependencies": {
-    "@types/node": "^20.12.7",
-    "@types/react": "^18.2.75",
-    "@types/react-dom": "^18.2.24",
-    "antd": "^5.16.1",
-    "bootstrap": "^5.3.3",
-    "link-react": "^3.0.0",
-    "namirasoft-api-link": "^1.3.1",
-    "namirasoft-core": "^1.3.18",
-    "path-browserify": "^1.0.1",
-    "react": "^18.2.0",
-    "react-app-rewired": "^2.2.1",
-    "react-bootstrap": "^2.10.2",
-    "react-dom": "^18.2.0",
-    "react-phone-input-2": "^2.15.1",
-    "react-phone-number-input": "^3.3.12",
-    "react-router-dom": "^6.22.3",
-    "react-scripts": "5.0.1",
-    "copyfiles": "^2.4.1"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "skip": {
-    "content": [
-      "/tsconfig.json"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  }
-}
+    "name": "namirasoft-site-react",
+    "title": "Namirasoft Site React",
+    "description": "Namira Software Corporation Site React NPM Package",
+    "icon": "logo.png",
+    "logo": "https://static.namirasoft.com/logo/namirasoft/name.png",
+    "language": "ts",
+    "framework": "npm",
+    "application": "package",
+    "private": false,
+    "version": "1.3.31",
+    "author": "Amir Abolhasani",
+    "license": "MIT",
+    "main": "./dist/main.js",
+    "types": "./dist/main.d.ts",
+    "scripts": {
+        "start": "react-app-rewired start",
+        "build": "npm run copy && tsc",
+        "test": "react-app-rewired test",
+        "eject": "react-app-rewired eject",
+        "copy": "copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.svg src/**/*.png src/**/*.jpg dist/"
+    },
+    "dependencies": {
+        "@types/node": "^20.12.7",
+        "@types/react": "^18.2.77",
+        "@types/react-dom": "^18.2.25",
+        "antd": "^5.16.1",
+        "bootstrap": "^5.3.3",
+        "link-react": "^3.0.0",
+        "namirasoft-api-link": "^1.3.1",
+        "namirasoft-core": "^1.3.18",
+        "path-browserify": "^1.0.1",
+        "react": "^18.2.0",
+        "react-app-rewired": "^2.2.1",
+        "react-bootstrap": "^2.10.2",
+        "react-dom": "^18.2.0",
+        "react-phone-input-2": "^2.15.1",
+        "react-phone-number-input": "^3.3.12",
+        "react-router-dom": "^6.22.3",
+        "react-scripts": "5.0.1",
+        "copyfiles": "^2.4.1"
+    },
+    "eslintConfig": {
+        "extends": [
+            "react-app",
+            "react-app/jest"
+        ]
+    },
+    "skip": {
+        "content": [
+            "/tsconfig.json"
+        ]
+    },
+    "browserslist": {
+        "production": [
+            ">0.2%",
+            "not dead",
+            "not op_mini all"
+        ],
+        "development": [
+            "last 1 chrome version",
+            "last 1 firefox version",
+            "last 1 safari version"
+        ]
+    }
+}

package/src/components/NSLayout.module.css

@@ -9,7 +9,6 @@
 .ns_header {
     margin-bottom: 48px;
     width: 100%;
-
 }
 
 .ns_footer {

package/src/components/NSLayoutTitle.tsx

@@ -13,6 +13,7 @@ export interface NSLayoutTitleProps
 	description?: string;
 	children: ReactNode;
 }
+
 export class NSLayoutTitle extends Component<NSLayoutTitleProps>
 {
 	override render()

package/src/components/NSLoading.tsx

@@ -8,7 +8,6 @@ import { BackgroundType } from '../types/Background';
 interface NSLoadingProps
 {
 	background?: BackgroundType;
-	padding_bottom?: string;
 }
 
 export class NSLoading extends Component<NSLoadingProps>
@@ -16,7 +15,7 @@ export class NSLoading extends Component<NSLoadingProps>
 	override render()
 	{
 		return (
-			<NSSection background={this.props.background} padding_bottom={this.props.padding_bottom}>
+			<NSSection background={this.props.background} >
 				<div className={Styles.ns_loading_parent}>
 					<div className={Styles.ns_loader}></div>
 				</div>

package/src/components/NSSection.module.css

@@ -2,9 +2,4 @@
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: center;
-}
-
-.ns_section_whitespace {
-	padding-bottom: 48px;
-	padding-top: 48px;
 }

package/src/components/NSSection.tsx

@@ -8,7 +8,6 @@ export interface NSSectionProps
 {
 	children: ReactNode;
 	background?: BackgroundType;
-	padding_bottom?: string
 }
 
 export interface NSSectionState
@@ -38,10 +37,7 @@ export class NSSection extends Component<NSSectionProps, NSSectionState> {
 					backgroundPosition: this.state.background?.position
 				}}
 				className={Styles.ns_section} >
-				<div style={{ paddingBottom: this.props.padding_bottom }}
-					className={`${Styles.ns_section_whitespace}`}>
-					{this.props.children}
-				</div>
+				{this.props.children}
 			</section>
 		);
 	}

package/src/components/NSSectionCards.tsx

@@ -24,7 +24,6 @@ export interface NSSectionCardsProps
 		title: string;
 	};
 	cards: NSCardProps[];
-	padding_bottom?: string
 }
 
 export class NSSectionCards extends Component<NSSectionCardsProps>
@@ -33,22 +32,18 @@ export class NSSectionCards extends Component<NSSectionCardsProps>
 	{
 		return (
 			<>
-				<NSSection background={this.props.background} padding_bottom={this.props.padding_bottom}>
+				<NSSection background={this.props.background} >
 					<div className={`container mx-auto px-4 lg:px-12 ${Styles.ns_section_cards_holder}`}>
-
 						{
 							this.props.title &&
 							<div className={Styles.ns_section_cards_title_container}>
 								<NSTitle color={this.props.title?.color} title={this.props.title?.text} />
-
 								{
 									this.props.description &&
 									<p style={{ color: this.props.description?.color }} className={Styles.ns_description}> {this.props.description.text} </p>
 								}
-
 							</div>
 						}
-
 						<div className={` ${Styles.ns_card_container}`}>
 							{
 								this.props.cards?.map((card) => <NSCard key={card.id} {...card} />)

package/src/components/NSSectionTitle.tsx

@@ -12,7 +12,6 @@ export interface NSSectionTitleProps
 		color?: string
 	};
 	background?: BackgroundType
-	padding_bottom?: string;
 	children: ReactNode
 }
 
@@ -20,7 +19,7 @@ export class NSSectionTitle extends Component<NSSectionTitleProps> {
 	override render()
 	{
 		return (
-			<NSSection padding_bottom={this.props.padding_bottom} background={this.props.background} >
+			<NSSection background={this.props.background} >
 				<NSTitle color={this.props.title.color} title={this.props.title.text} />
 				{this.props.children}
 			</NSSection>

package/src/components/NSSpace.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+import React from "react";
+
+export interface NSSpaceProps
+{
+    size: NSSpaceSizeType;
+}
+
+export enum NSSpaceSizeType
+{
+    TINY = "4px",
+    MINI = "8px",
+    SMALL = "16px",
+    MEDUIM = "24px",
+    LARGE = "32px",
+    XLARGE = "48px",
+    XXLARGE = "64px",
+    XXXLARGE = "96px",
+}
+
+export interface NSSpaceState
+{
+    size: NSSpaceSizeType;
+}
+
+export class NSSpace extends React.Component<NSSpaceProps, NSSpaceState> {
+    constructor(props: NSSpaceProps)
+    {
+        super(props);
+        this.state = { size: props.size };
+        this.setValue = this.setValue.bind(this);
+        this.getValue = this.getValue.bind(this);
+    }
+    setValue(size: NSSpaceSizeType): void
+    {
+        this.setState({ size });
+    }
+    getValue(): NSSpaceSizeType
+    {
+        return this.state.size;
+    }
+    override render()
+    {
+        return (
+            <hr style={{ height: this.state.size, margin: "0px", padding: "0px" }} />
+        );
+    }
+}

package/src/main.ts

@@ -25,6 +25,7 @@ export * from "./components/NSLayoutHeroBanner";
 export * from "./components/NSLayoutTitle";
 export * from "./components/NSLoading";
 export * from "./components/NSSelectBox";
+export * from "./components/NSSpace";
 export * from "./components/NSSection";
 export * from "./components/NSSectionBars";
 export * from "./components/NSSectionCards";
@@ -36,6 +37,4 @@ export * from "./components/NSPagination";
 export * from "./components/NSTable";
 export * from "./components/NSTitle";
 export * from "./pages/NSLoginPage";
-export * from "./pages/NSNotFoundPage";
-
-
+export * from "./pages/NSNotFoundPage";