namirasoft-site-react 1.3.59 → 1.3.61

package/dist/App.js

@@ -1,20 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import './App.css';
 import 'bootstrap/dist/css/bootstrap.min.css';
-import { NSFooter, NSHeader, NSTable, NSInputDate, NSError, NSCopyToClipboard } from './main';
-import { NSSelectBox } from 'namirasoft-site-react/dist/components/NSSelectBox';
-const options = [
-    {
-        label: 'Test1',
-        value: 'test1',
-        desc: 'Test1',
-    },
-    {
-        label: 'Test2',
-        value: 'test2',
-        desc: 'Test2',
-    }
-];
+import { NSFooter, NSHeader, NSTable, NSInputDate, NSCopyToClipboard } from './main';
 export function App() {
     let columns = {
         "id": "ID",
@@ -41,6 +28,6 @@ export function App() {
             status: "Done"
         }
     ];
-    return (_jsxs(_Fragment, { children: [_jsx(NSHeader, { name: 'Header', scope: 'Namira Software Corporation', logo: 'https://static.namirasoft.com/logo/namirasoft/base.png', account: false, background: { color: "transparent !important" } }), _jsxs("div", { className: "container", children: [_jsx(NSInputDate, { title: "rrt" }), _jsx(NSSelectBox, { options: options, title: "Save" }), _jsx(NSCopyToClipboard, { title: 'rrt', value: "rrr" }), _jsx(NSError, { show: true, text: "dddd" }), _jsx(NSTable, { columns: columns, rows: rows, getRowKey: row => row.id.toString() })] }), _jsx(NSFooter, { name: 'Footer', scope: 'Namira Software Corporation', logo: 'https://static.namirasoft.com/logo/namirasoft/base.png' })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(NSHeader, { name: 'Header', scope: 'Namira Software Corporation', logo: 'https://static.namirasoft.com/logo/namirasoft/base.png', account: false, style: { backgroundColor: "transparent !important" } }), _jsxs("div", { className: "container", children: [_jsx(NSInputDate, { title: "rrt" }), _jsx(NSCopyToClipboard, { title: 'rrt', value: "rrr" }), _jsx(NSTable, { columns: columns, rows: rows, getRowKey: row => row.id.toString() })] }), _jsx(NSFooter, { name: 'Footer', scope: 'Namira Software Corporation', logo: 'https://static.namirasoft.com/logo/namirasoft/base.png' })] }));
 }
 //# sourceMappingURL=App.js.map

package/dist/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAC9F,OAAO,EAAE,WAAW,EAAE,MAAM,mDAAmD,CAAC;AAGhF,MAAM,OAAO,GAA2B;IACpC;QACI,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,OAAO;KAChB;IACA;QACG,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,OAAO;KAChB;CACJ,CAAC;AAEF,MAAM,UAAU,GAAG;IAEf,IAAI,OAAO,GAAG;QACV,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;KACrB,CAAA;IACD,IAAI,IAAI,GAAG,CAAC;YACR,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,MAAM;SACjB;QACD;YACI,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,MAAM;SACjB;KACA,CAAA;IAUD,OAAO,CACH,8BACI,KAAC,QAAQ,IACL,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,6BAA6B,EACnC,IAAI,EAAC,wDAAwD,EAC7D,OAAO,EAAE,KAAK,EACd,UAAU,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,GACjD,EACF,eAAK,SAAS,EAAC,WAAW,aACtB,KAAC,WAAW,IAAC,KAAK,EAAC,KAAK,GAAE,EAC1B,KAAC,WAAW,IACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,MAAM,GAEd,EACF,KAAC,iBAAiB,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,GAAE,EAC5C,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,EACpC,KAAC,OAAO,IAAM,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAI,IACjF,EACN,KAAC,QAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,6BAA6B,EAAC,IAAI,EAAC,wDAAwD,GAAG,IAC7H,CACN,CAAC;AACN,CAAC"}
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAErF,MAAM,UAAU,GAAG;IAEf,IAAI,OAAO,GAAG;QACV,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;KACrB,CAAA;IACD,IAAI,IAAI,GAAG,CAAC;YACR,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,MAAM;SACjB;QACD;YACI,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,MAAM;SACjB;KACA,CAAA;IAUD,OAAO,CACH,8BACI,KAAC,QAAQ,IACL,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,6BAA6B,EACnC,IAAI,EAAC,wDAAwD,EAC7D,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,EAAE,eAAe,EAAE,wBAAwB,EAAE,GACtD,EACF,eAAK,SAAS,EAAC,WAAW,aACtB,KAAC,WAAW,IAAC,KAAK,EAAC,KAAK,GAAG,EAC3B,KAAC,iBAAiB,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,GAAG,EAC7C,KAAC,OAAO,IAAM,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAI,IACjF,EACN,KAAC,QAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,6BAA6B,EAAC,IAAI,EAAC,wDAAwD,GAAG,IAC7H,CACN,CAAC;AACN,CAAC"}

package/dist/components/NSButton.d.ts

@@ -1,16 +1,8 @@
 /// <reference types="react" />
-import { BackgroundProps } from "../props/BackgroundProps";
+import { BaseComponentProps } from "../props/BaseComponentProps";
 import { ImageProps } from "../props/ImageProps";
-export interface NSButtonState {
+export interface NSButtonProps extends BaseComponentProps {
     title: string;
-    border?: string;
-    background?: BackgroundProps;
-    icon?: ImageProps;
-}
-export interface NSButtonProps {
-    title: string;
-    border?: string;
-    background?: BackgroundProps;
     icon?: ImageProps;
     onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }

package/dist/components/NSButton.js

@@ -1,15 +1,8 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Styles from "./NSButton.module.css";
 export default function NSButton(props) {
-    var _a, _b, _c, _d;
-    return (_jsxs("button", { onClick: (e) => { props.onClick(e); }, className: Styles.ns_button, style: {
-            border: props.border,
-            backgroundColor: (_a = props.background) === null || _a === void 0 ? void 0 : _a.color,
-            backgroundImage: (_b = props.background) === null || _b === void 0 ? void 0 : _b.image,
-            backdropFilter: (_c = props.background) === null || _c === void 0 ? void 0 : _c.filter,
-            backgroundPosition: (_d = props.background) === null || _d === void 0 ? void 0 : _d.position,
-        }, children: [props.icon && _jsx("img", { src: props.icon.src, alt: props.icon.alt }), props.title] }));
+    var _a;
+    return (_jsxs("button", { id: props.id, className: `${Styles.ns_button} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, onClick: (e) => { props.onClick(e); }, children: [props.icon && _jsx("img", Object.assign({}, props.icon)), props.title] }));
 }
 ;
 //# sourceMappingURL=NSButton.js.map

package/dist/components/NSButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSButton.js","sourceRoot":"","sources":["../../src/components/NSButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAkB3C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAoB;;IAEjD,OAAO,CACH,kBAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,EACrE,KAAK,EAAE;YACH,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,eAAe,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK;YACxC,eAAe,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK;YACxC,cAAc,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,MAAM;YACxC,kBAAkB,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,QAAQ;SACjD,aAEG,KAAK,CAAC,IAAI,IAAI,cAAK,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,GAAI,EAElE,KAAK,CAAC,KAAK,IACN,CACb,CAAC;AACN,CAAC;AAAA,CAAC"}
+{"version":3,"file":"NSButton.js","sourceRoot":"","sources":["../../src/components/NSButton.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAS3C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAoB;;IAEjD,OAAO,CACH,kBAAQ,EAAE,EAAE,KAAK,CAAC,EAAE,EAChB,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC9D,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,CAAC,CAAC,aAEnC,KAAK,CAAC,IAAI,IAAI,8BAAS,KAAK,CAAC,IAAI,EAAI,EACrC,KAAK,CAAC,KAAK,IACN,CACb,CAAC;AACN,CAAC;AAAA,CAAC"}

package/dist/components/NSButton.module.css

@@ -1,13 +1,14 @@
 .ns_button {
-    display: flex;
     align-items: center;
-    justify-content: center;
-    font-size: 16px;
+    background-color: transparent;
     border-radius: 8px;
-    gap: 10px;
-    text-decoration: none;
+    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
     color: black;
-    background-color: transparent;
-    width: 128px;
+    font-size: 16px;
+    font-weight: 400;
     height: 48px;
+    justify-content: center;
+    text-decoration: none;
+    max-width: 100%;
+    width: 128px;
 }

package/dist/components/NSButtonBlue.d.ts

@@ -1,13 +1,2 @@
-import React from "react";
-export interface NSButtonBlueProps {
-    title: string;
-    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-}
-export interface NSButtonBlueState {
-    title: string;
-}
-export declare class NSButtonBlue extends React.Component<NSButtonBlueProps, NSButtonBlueState> {
-    constructor(props: NSButtonBlueProps);
-    setTitle(title: string): void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
+import { NSButtonProps } from "./NSButton";
+export declare function NSButtonBlue(props: NSButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSButtonBlue.js

@@ -1,17 +1,10 @@
-"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
+import NSButton from "./NSButton";
 import Style from "./NSButtonBlue.module.css";
-export class NSButtonBlue extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { title: props.title };
-    }
-    setTitle(title) {
-        this.setState({ title });
-    }
-    render() {
-        return _jsx("button", { onClick: e => this.props.onClick(e), className: Style.ns_button_blue, children: this.state.title });
-    }
+export function NSButtonBlue(props) {
+    if (!props.classList)
+        props.classList = [];
+    props.classList.push(Style.ns_button_blue);
+    return _jsx(NSButton, Object.assign({}, props));
 }
 //# sourceMappingURL=NSButtonBlue.js.map

package/dist/components/NSButtonBlue.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSButtonBlue.js","sourceRoot":"","sources":["../../src/components/NSButtonBlue.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,2BAA2B,CAAC;AAa9C,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAA+C;IAEnF,YAAY,KAAwB;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;IACxC,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACQ,MAAM;QAEX,OAAO,iBAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAU,CAAC;IACrH,CAAC;CACJ"}
+{"version":3,"file":"NSButtonBlue.js","sourceRoot":"","sources":["../../src/components/NSButtonBlue.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,KAAK,MAAM,2BAA2B,CAAC;AAG9C,MAAM,UAAU,YAAY,CAAC,KAAoB;IAE7C,IAAI,CAAC,KAAK,CAAC,SAAS;QAChB,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;IACzB,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAC3C,OAAO,KAAC,QAAQ,oBAAK,KAAK,EAAI,CAAC;AACnC,CAAC"}

package/dist/components/NSButtonBlue.module.css

@@ -1,12 +1,4 @@
 .ns_button_blue {
-    width: 358px;
-    max-width: 100%;
-    height: 48px;
-    border-radius: 8px;
     background-color: rgba(3, 119, 255, 1);
-    color: #fff;
-    border: 0;
     box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
-    font-size: 16px;
-    font-weight: 400;
 }

package/dist/components/NSButtonGreen.d.ts

@@ -1,13 +1,2 @@
-import React from "react";
-export interface NSButtonGreenProps {
-    title: string;
-    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-}
-export interface NSButtonGreenState {
-    title: string;
-}
-export declare class NSButtonGreen extends React.Component<NSButtonGreenProps, NSButtonGreenState> {
-    constructor(props: NSButtonGreenProps);
-    setTitle(title: string): void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
+import { NSButtonProps } from "./NSButton";
+export declare function NSButtonGreen(props: NSButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSButtonGreen.js

@@ -1,17 +1,10 @@
-"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
+import NSButton from "./NSButton";
 import Style from "./NSButtonGreen.module.css";
-export class NSButtonGreen extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { title: props.title };
-    }
-    setTitle(title) {
-        this.setState({ title });
-    }
-    render() {
-        return _jsx("button", { onClick: e => this.props.onClick(e), className: Style.ns_button_green, children: this.state.title });
-    }
+export function NSButtonGreen(props) {
+    if (!props.classList)
+        props.classList = [];
+    props.classList.push(Style.ns_button_green);
+    return _jsx(NSButton, Object.assign({}, props));
 }
 //# sourceMappingURL=NSButtonGreen.js.map

package/dist/components/NSButtonGreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSButtonGreen.js","sourceRoot":"","sources":["../../src/components/NSButtonGreen.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,4BAA4B,CAAC;AAa/C,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IAEtF,YAAY,KAAyB;QAEjC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;IACxC,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACQ,MAAM;QAEX,OAAO,iBAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,eAAe,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAU,CAAC;IACtH,CAAC;CACJ"}
+{"version":3,"file":"NSButtonGreen.js","sourceRoot":"","sources":["../../src/components/NSButtonGreen.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,KAAK,MAAM,4BAA4B,CAAC;AAG/C,MAAM,UAAU,aAAa,CAAC,KAAoB;IAE9C,IAAI,CAAC,KAAK,CAAC,SAAS;QAChB,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;IACzB,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAC5C,OAAO,KAAC,QAAQ,oBAAK,KAAK,EAAI,CAAC;AACnC,CAAC"}

package/dist/components/NSButtonGreen.module.css

@@ -1,12 +1,4 @@
 .ns_button_green {
-    width: 358px;
-    max-width: 100%;
-    height: 48px;
-    border-radius: 8px;
     background-color: #06D182;
-    color: #fff;
-    border: 0;
     box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
-    font-size: 16px;
-    font-weight: 400;
 }

package/dist/components/NSButtonRed.d.ts

@@ -1,13 +1,2 @@
-import React from "react";
-export interface NSButtonRedProps {
-    title: string;
-    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-}
-export interface NSButtonRedState {
-    title: string;
-}
-export declare class NSButtonRed extends React.Component<NSButtonRedProps, NSButtonRedState> {
-    constructor(props: NSButtonRedProps);
-    setTitle(title: string): void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
+import { NSButtonProps } from "./NSButton";
+export declare function NSButtonRed(props: NSButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSButtonRed.js

@@ -1,17 +1,10 @@
-"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import Style from "./NSButtonRed.module.css";
-export class NSButtonRed extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { title: props.title };
-    }
-    setTitle(title) {
-        this.setState({ title });
-    }
-    render() {
-        return _jsx("button", { onClick: e => this.props.onClick(e), className: Style.ns_button_red, children: this.state.title });
-    }
+import NSButton from "./NSButton";
+import Style from "./NSButtonGreen.module.css";
+export function NSButtonRed(props) {
+    if (!props.classList)
+        props.classList = [];
+    props.classList.push(Style.ns_button_red);
+    return _jsx(NSButton, Object.assign({}, props));
 }
 //# sourceMappingURL=NSButtonRed.js.map

package/dist/components/NSButtonRed.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSButtonRed.js","sourceRoot":"","sources":["../../src/components/NSButtonRed.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,0BAA0B,CAAC;AAa7C,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA6C;IAEhF,YAAY,KAAuB;QAE/B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;IACxC,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACQ,MAAM;QAEX,OAAO,iBAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,aAAa,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAU,CAAC;IACpH,CAAC;CACJ"}
+{"version":3,"file":"NSButtonRed.js","sourceRoot":"","sources":["../../src/components/NSButtonRed.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,KAAK,MAAM,4BAA4B,CAAC;AAG/C,MAAM,UAAU,WAAW,CAAC,KAAoB;IAE5C,IAAI,CAAC,KAAK,CAAC,SAAS;QAChB,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;IACzB,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IAC1C,OAAO,KAAC,QAAQ,oBAAK,KAAK,EAAI,CAAC;AACnC,CAAC"}

package/dist/components/NSButtonRed.module.css

@@ -1,12 +1,4 @@
 .ns_button_red {
-    width: 358px;
-    max-width: 100%;
-    height: 48px;
-    border-radius: 8px;
     background-color: #FF3F3F;
-    color: #fff;
-    border: 0;
     box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
-    font-size: 16px;
-    font-weight: 400;
 }

package/dist/components/NSCard.d.ts

@@ -1,19 +1,14 @@
-import { Component } from 'react';
 import { LinkProps } from '../props/LinkProps';
-export interface NSCardProps {
-    id?: string | number;
+import { BaseComponentProps } from "../props/BaseComponentProps";
+import { ImageProps } from '../props/ImageProps';
+export interface NSCardProps extends BaseComponentProps {
     title?: string;
     headline?: {
         color?: string;
         text: string;
     };
     description?: string;
-    image: {
-        src: string;
-        alt: string;
-    };
+    image: ImageProps;
     link?: LinkProps;
 }
-export declare class NSCard extends Component<NSCardProps> {
-    render(): import("react/jsx-runtime").JSX.Element;
-}
+export declare function NSCard(props: NSCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSCard.js

@@ -1,21 +1,17 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Component } from 'react';
 import Styles from './NSCard.module.css';
 import { NSLinkBlue } from './NSLinkBlue';
-export class NSCard extends Component {
-    render() {
-        var _a, _b;
-        return (_jsx(_Fragment, { children: _jsxs("article", { className: Styles.ns_card, children: [_jsxs("div", { className: Styles.ns_card_detail_container, children: [_jsxs("div", { className: Styles.ns_card_title_img, style: {
-                                    alignItems: this.props.description ? "flex-start" : "center",
-                                }, children: [_jsx("img", { className: Styles.ns_card_img, src: this.props.image.src, alt: this.props.image.alt }), _jsxs("span", { className: Styles.ns_card_headline, style: { color: (_a = this.props.headline) === null || _a === void 0 ? void 0 : _a.color }, children: [" ", (_b = this.props.headline) === null || _b === void 0 ? void 0 : _b.text, " "] }), _jsx("h3", { className: Styles.ns_card_title, children: this.props.title && this.props.title })] }), this.props.description &&
-                                _jsx("p", { className: Styles.ns_card_description, children: this.props.description })] }), this.props.link ?
-                        this.props.link.title ?
-                            _jsx("div", { className: Styles.ns_card_link_container, children: _jsx(NSLinkBlue, { title: this.props.link.title, href: this.props.link.href, target: this.props.link.target, style: { marginTop: "24px" } }) })
-                            :
-                                _jsx("div", { className: Styles.ns_card_link_container, children: _jsx(NSLinkBlue, { href: this.props.link.href, target: this.props.link.target }) })
-                        :
-                            _jsx(_Fragment, {})] }) }));
-    }
+export function NSCard(props) {
+    var _a, _b, _c;
+    return (_jsxs("article", { id: props.id, className: `${Styles.ns_card} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: [_jsxs("div", { className: Styles.ns_card_detail_container, children: [_jsxs("div", { className: Styles.ns_card_title_img, style: {
+                            alignItems: props.description ? "flex-start" : "center",
+                        }, children: [_jsx("img", Object.assign({ className: Styles.ns_card_img }, props.image)), _jsxs("span", { className: Styles.ns_card_headline, style: { color: (_b = props.headline) === null || _b === void 0 ? void 0 : _b.color }, children: [" ", (_c = props.headline) === null || _c === void 0 ? void 0 : _c.text, " "] }), _jsx("h3", { className: Styles.ns_card_title, children: props.title })] }), props.description &&
+                        _jsx("p", { className: Styles.ns_card_description, children: props.description })] }), props.link ?
+                props.link.title ?
+                    _jsx("div", { className: Styles.ns_card_link_container, children: _jsx(NSLinkBlue, { title: props.link.title, href: props.link.href, target: props.link.target, style: { marginTop: "24px" } }) })
+                    :
+                        _jsx("div", { className: Styles.ns_card_link_container, children: _jsx(NSLinkBlue, { href: props.link.href, target: props.link.target }) })
+                :
+                    _jsx(_Fragment, {})] }));
 }
 //# sourceMappingURL=NSCard.js.map

package/dist/components/NSCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSCard.js","sourceRoot":"","sources":["../../src/components/NSCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAmB1C,MAAM,OAAO,MAAO,SAAQ,SAAsB;IAExC,MAAM;;QAEd,OAAO,CACN,4BACC,mBAAS,SAAS,EAAE,MAAM,CAAC,OAAO,aACjC,eAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,aAC9C,eAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,EACvC,KAAK,EAAE;oCACN,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ;iCAC5D,aAED,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,GAAI,EAC5F,gBAAM,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,0CAAE,KAAK,EAAE,kBAAI,MAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,0CAAE,IAAI,SAAS,EAC5H,aAAI,SAAS,EAAE,MAAM,CAAC,aAAa,YACjC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,GACjC,IACA,EAEL,IAAI,CAAC,KAAK,CAAC,WAAW;gCACtB,YAAG,SAAS,EAAE,MAAM,CAAC,mBAAmB,YACtC,IAAI,CAAC,KAAK,CAAC,WAAW,GACpB,IAGA,EACL,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;wBACjB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;4BACtB,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,KAAC,UAAU,IACV,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAC5B,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAC1B,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAC9B,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAC3B,GACG;4BACN,CAAC;gCACD,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,KAAC,UAAU,IACV,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAC1B,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAC7B,GACG;wBACP,CAAC;4BACD,mBAAK,IAEI,GACT,CACH,CAAC;IACH,CAAC;CACD"}
+{"version":3,"file":"NSCard.js","sourceRoot":"","sources":["../../src/components/NSCard.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAiB1C,MAAM,UAAU,MAAM,CAAC,KAAkB;;IAExC,OAAO,CACN,mBAAS,EAAE,EAAE,KAAK,CAAC,EAAE,EACpB,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC5D,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,eAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,aAC9C,eAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,EACvC,KAAK,EAAE;4BACN,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ;yBACvD,aAED,4BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,IAAM,KAAK,CAAC,KAAK,EAAI,EACvD,gBAAM,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,QAAQ,0CAAE,KAAK,EAAE,kBAAI,MAAA,KAAK,CAAC,QAAQ,0CAAE,IAAI,SAAS,EAClH,aAAI,SAAS,EAAE,MAAM,CAAC,aAAa,YACjC,KAAK,CAAC,KAAK,GACR,IACA,EAEL,KAAK,CAAC,WAAW;wBACjB,YAAG,SAAS,EAAE,MAAM,CAAC,mBAAmB,YACtC,KAAK,CAAC,WAAW,GACf,IAEA,EAEL,KAAK,CAAC,IAAI,CAAC,CAAC;gBACX,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBACjB,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,KAAC,UAAU,IACV,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,EACvB,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EACrB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EACzB,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAC3B,GACG;oBACN,CAAC;wBACD,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,KAAC,UAAU,IACV,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EACrB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,GACxB,GACG;gBACP,CAAC;oBACD,mBAAK,IAEG,CACX,CAAC;AACH,CAAC"}

package/dist/components/NSCopyToClipboard.d.ts

@@ -1,12 +1,6 @@
-import React from "react";
-export interface NSCopyToClipboardProps {
+import { BaseComponentProps } from "../props/BaseComponentProps";
+export interface NSCopyToClipboardProps extends BaseComponentProps {
     title: string;
     value: string;
 }
-export interface NSCopyToClipboardState {
-}
-export declare class NSCopyToClipboard extends React.Component<NSCopyToClipboardProps, NSCopyToClipboardState> {
-    constructor(props: NSCopyToClipboardProps);
-    copyToClipboard(): void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
+export declare function NSCopyToClipboard(props: NSCopyToClipboardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSCopyToClipboard.js

@@ -1,20 +1,12 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
 import Styles from "./NSCopyToClipboard.module.css";
 import IconInputString from '../assets/images/icon-input-copy.svg';
-export class NSCopyToClipboard extends React.Component {
-    constructor(props) {
-        super(props);
-        this.copyToClipboard = this.copyToClipboard.bind(this);
-    }
-    copyToClipboard() {
-        if (navigator.clipboard && navigator.clipboard.writeText) {
-            navigator.clipboard.writeText(this.props.value);
-        }
-    }
-    render() {
-        return (_jsxs("div", { className: `${Styles.ns_copy_to_clipboard} p-2`, children: [_jsx("span", { className: Styles.ns_copy_to_clipboard_title, children: this.props.title }), _jsxs("div", { className: Styles.ns_copy_to_clipboard_value, children: [_jsx("img", { className: Styles.ns_copy_to_clipboard_icon, src: IconInputString, alt: "icon", width: 16, height: 16, onClick: this.copyToClipboard }), _jsx("span", { children: this.props.value })] })] }));
+export function NSCopyToClipboard(props) {
+    var _a;
+    function copyToClipboard() {
+        if (navigator.clipboard && navigator.clipboard.writeText)
+            navigator.clipboard.writeText(props.value);
     }
+    return (_jsxs("div", { id: props.id, className: `${Styles.ns_copy_to_clipboard} p-2 ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: [_jsx("span", { className: Styles.ns_copy_to_clipboard_title, children: props.title }), _jsxs("div", { className: Styles.ns_copy_to_clipboard_value, children: [_jsx("img", { className: Styles.ns_copy_to_clipboard_icon, src: IconInputString, alt: "icon", width: 16, height: 16, onClick: copyToClipboard }), _jsx("span", { children: props.value })] })] }));
 }
 //# sourceMappingURL=NSCopyToClipboard.js.map

package/dist/components/NSCopyToClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSCopyToClipboard.js","sourceRoot":"","sources":["../../src/components/NSCopyToClipboard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,gCAAgC,CAAC;AACpD,OAAO,eAAe,MAAM,sCAAsC,CAAC;AAYnE,MAAM,OAAO,iBAAkB,SAAQ,KAAK,CAAC,SAAyD;IAElG,YAAY,KAA6B;QAErC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IAED,eAAe;QAEX,IAAI,SAAS,CAAC,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC,SAAS,EACxD,CAAC;YACG,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACpD,CAAC;IACL,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAoB,MAAM,aAChD,eAAM,SAAS,EAAE,MAAM,CAAC,0BAA0B,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EAC7E,eAAK,SAAS,EAAE,MAAM,CAAC,0BAA0B,aAC7C,cACI,SAAS,EAAE,MAAM,CAAC,yBAAyB,EAC3C,GAAG,EAAE,eAAe,EACpB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,IAAI,CAAC,eAAe,GAC/B,EACF,yBAAO,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,IAC7B,IACJ,CACT,CAAC;IACN,CAAC;CACJ"}
+{"version":3,"file":"NSCopyToClipboard.js","sourceRoot":"","sources":["../../src/components/NSCopyToClipboard.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,gCAAgC,CAAC;AACpD,OAAO,eAAe,MAAM,sCAAsC,CAAC;AASnE,MAAM,UAAU,iBAAiB,CAAC,KAA6B;;IAE3D,SAAS,eAAe;QAEpB,IAAI,SAAS,CAAC,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC,SAAS;YACpD,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC;IACD,OAAO,CACH,eAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EACb,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAoB,QAAQ,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC7E,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,eAAM,SAAS,EAAE,MAAM,CAAC,0BAA0B,YAAG,KAAK,CAAC,KAAK,GAAQ,EACxE,eAAK,SAAS,EAAE,MAAM,CAAC,0BAA0B,aAC7C,cACI,SAAS,EAAE,MAAM,CAAC,yBAAyB,EAC3C,GAAG,EAAE,eAAe,EACpB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,eAAe,GAC1B,EACF,yBAAO,KAAK,CAAC,KAAK,GAAQ,IACxB,IACJ,CACT,CAAC;AACN,CAAC"}

package/dist/components/NSCopyToClipboard.module.css

@@ -27,7 +27,7 @@
 .ns_copy_to_clipboard_title {
     font-size: 24px;
     font-weight: 700;
-    color:rgba(20, 27, 92, 1);
+    color: rgba(20, 27, 92, 1);
     text-align: center;
     margin-bottom: 16px;
 }

package/dist/components/NSEntityBar.d.ts

@@ -1,13 +1,8 @@
-import { Component } from 'react';
-export interface NSEntityBarProps {
-    id?: string | number;
+import { BaseComponentProps } from "../props/BaseComponentProps";
+import { ImageProps } from '../props/ImageProps';
+export interface NSEntityBarProps extends BaseComponentProps {
     title: string;
     description: string;
-    image: {
-        src: string;
-        alt: string;
-    };
-}
-export declare class NSEntityBar extends Component<NSEntityBarProps> {
-    render(): import("react/jsx-runtime").JSX.Element;
+    image: ImageProps;
 }
+export declare function NSEntityBar(props: NSEntityBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSEntityBar.js

@@ -1,10 +1,7 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Component } from 'react';
 import Styles from './NSEntityBar.module.css';
-export class NSEntityBar extends Component {
-    render() {
-        return (_jsxs("article", { className: Styles.ns_entity_bar_item, children: [_jsx("figure", { className: Styles.ns_entity_bar_image_container, children: _jsx("img", { className: Styles.ns_entity_bar_image, src: this.props.image.src, alt: this.props.image.alt, width: 310, height: 240 }) }), _jsxs("div", { className: Styles.ns_entity_bar_details_container, children: [_jsxs("h3", { className: Styles.ns_entity_bar_image_title, children: [" ", this.props.title, " "] }), _jsxs("p", { className: Styles.ns_entity_bar_image_description, children: [" ", this.props.description, " "] })] })] }));
-    }
+export function NSEntityBar(props) {
+    var _a;
+    return (_jsxs("article", { id: props.id, className: `${Styles.ns_entity_bar_item} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: [_jsx("figure", { className: Styles.ns_entity_bar_image_container, children: _jsx("img", Object.assign({ className: Styles.ns_entity_bar_image }, props.image, { width: 256, height: 256 })) }), _jsxs("div", { className: Styles.ns_entity_bar_details_container, children: [_jsxs("h3", { className: Styles.ns_entity_bar_image_title, children: [" ", props.title, " "] }), _jsxs("p", { className: Styles.ns_entity_bar_image_description, children: [" ", props.description, " "] })] })] }));
 }
 //# sourceMappingURL=NSEntityBar.js.map

package/dist/components/NSEntityBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSEntityBar.js","sourceRoot":"","sources":["../../src/components/NSEntityBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAa7C,MAAM,OAAO,WAAY,SAAQ,SAA2B;IAClD,MAAM;QAEd,OAAO,CACN,mBAAS,SAAS,EAAE,MAAM,CAAC,kBAAkB,aAC5C,iBAAQ,SAAS,EAAE,MAAM,CAAC,6BAA6B,YACtD,cAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,GAAI,GACrH,EACT,eAAK,SAAS,EAAE,MAAM,CAAC,+BAA+B,aACrD,cAAI,SAAS,EAAE,MAAM,CAAC,yBAAyB,kBAAI,IAAI,CAAC,KAAK,CAAC,KAAK,SAAO,EAC1E,aAAG,SAAS,EAAE,MAAM,CAAC,+BAA+B,kBAAK,IAAI,CAAC,KAAK,CAAC,WAAW,SAAM,IAChF,IACG,CACV,CAAC;IACH,CAAC;CACD"}
+{"version":3,"file":"NSEntityBar.js","sourceRoot":"","sources":["../../src/components/NSEntityBar.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAW7C,MAAM,UAAU,WAAW,CAAC,KAAuB;;IAElD,OAAO,CACN,mBAAS,EAAE,EAAE,KAAK,CAAC,EAAE,EACpB,SAAS,EAAE,GAAG,MAAM,CAAC,kBAAkB,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACvE,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,iBAAQ,SAAS,EAAE,MAAM,CAAC,6BAA6B,YACtD,4BAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,IAAM,KAAK,CAAC,KAAK,IAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,GAChF,EACT,eAAK,SAAS,EAAE,MAAM,CAAC,+BAA+B,aACrD,cAAI,SAAS,EAAE,MAAM,CAAC,yBAAyB,kBAAI,KAAK,CAAC,KAAK,SAAO,EACrE,aAAG,SAAS,EAAE,MAAM,CAAC,+BAA+B,kBAAK,KAAK,CAAC,WAAW,SAAM,IAC3E,IACG,CACV,CAAC;AACH,CAAC"}

package/dist/components/NSEntityBar.module.css

@@ -65,7 +65,7 @@
 		width: 30%;
 		max-width: 310px;
 	}
-	
+
 	.ns_entity_bar_image_title {
 		font-size: 32px;
 		line-height: 32px;

package/dist/components/NSEntityCardBackground.d.ts

@@ -1,16 +1,7 @@
-import { Component } from 'react';
-import { BackgroundProps } from '../props/BackgroundProps';
 import { LinkProps } from '../props/LinkProps';
-export interface NSEntityCardBackgroundProps {
-    id?: string | number;
+import { BaseComponentProps } from "../props/BaseComponentProps";
+export interface NSEntityCardBackgroundProps extends BaseComponentProps {
     title: string;
     link?: LinkProps;
-    background?: BackgroundProps;
-}
-export interface NSEntityCardBackgroundState {
-    background?: BackgroundProps;
-}
-export declare class NSEntityCardBackground extends Component<NSEntityCardBackgroundProps, NSEntityCardBackgroundState> {
-    constructor(props: NSEntityCardBackgroundProps);
-    render(): import("react/jsx-runtime").JSX.Element;
 }
+export declare function NSEntityCardBackground(props: NSEntityCardBackgroundProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSEntityCardBackground.js

@@ -1,28 +1,9 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Component } from 'react';
 import Styles from './NSEntityCardBackground.module.css';
 import { NSLinkBlue } from './NSLinkBlue';
-export class NSEntityCardBackground extends Component {
-    constructor(props) {
-        var _a, _b, _c;
-        super(props);
-        this.state = {
-            background: {
-                image: `url(${(_a = props.background) === null || _a === void 0 ? void 0 : _a.image})`,
-                color: (_b = props.background) === null || _b === void 0 ? void 0 : _b.color,
-                position: (_c = props.background) === null || _c === void 0 ? void 0 : _c.position
-            }
-        };
-    }
-    render() {
-        var _a, _b, _c;
-        return (_jsx(_Fragment, { children: _jsxs("article", { className: Styles.card_background, style: {
-                    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
-                }, children: [_jsx("p", { className: Styles.card_background_text, children: this.props.title }), this.props.link &&
-                        _jsx("div", { className: Styles.ns_card_link_container, children: _jsx(NSLinkBlue, { href: this.props.link.href, target: this.props.link.target }) })] }) }));
-    }
+export function NSEntityCardBackground(props) {
+    var _a;
+    return (_jsx(_Fragment, { children: _jsxs("article", { id: props.id, className: `${Styles.card_background} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: [_jsx("p", { className: Styles.card_background_text, children: props.title }), props.link &&
+                    _jsx("div", { className: Styles.ns_card_link_container, children: _jsx(NSLinkBlue, { href: props.link.href, target: props.link.target }) })] }) }));
 }
 //# sourceMappingURL=NSEntityCardBackground.js.map

package/dist/components/NSEntityCardBackground.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSEntityCardBackground.js","sourceRoot":"","sources":["../../src/components/NSEntityCardBackground.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAM,MAAM,qCAAqC,CAAA;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAkB1C,MAAM,OAAO,sBAAuB,SAAQ,SAAmE;IAG9G,YAAY,KAAkC;;QAE7C,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;IAEQ,MAAM;;QAEd,OAAO,CACN,4BACC,mBAAS,SAAS,EAAE,MAAM,CAAC,eAAe,EACzC,KAAK,EACJ;oBACA,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;oBAC7C,eAAe,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK;oBAC7C,kBAAkB,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,QAAQ;iBACnD,aAGD,YAAG,SAAS,EAAE,MAAM,CAAC,oBAAoB,YACvC,IAAI,CAAC,KAAK,CAAC,KAAK,GACd,EAGH,IAAI,CAAC,KAAK,CAAC,IAAI;wBACf,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,KAAC,UAAU,IACV,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAC1B,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAC7B,GACG,IAEG,GACT,CACH,CAAC;IACH,CAAC;CACD"}
+{"version":3,"file":"NSEntityCardBackground.js","sourceRoot":"","sources":["../../src/components/NSEntityCardBackground.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,qCAAqC,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAU1C,MAAM,UAAU,sBAAsB,CAAC,KAAkC;;IAExE,OAAO,CACN,4BACC,mBAAS,EAAE,EAAE,KAAK,CAAC,EAAE,EACpB,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACpE,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,YAAG,SAAS,EAAE,MAAM,CAAC,oBAAoB,YACvC,KAAK,CAAC,KAAK,GACT,EAEH,KAAK,CAAC,IAAI;oBACV,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,KAAC,UAAU,IACV,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EACrB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,GACxB,GACG,IAEG,GACT,CACH,CAAC;AACH,CAAC"}

package/dist/components/NSFooter.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { FilterLinkRow } from 'namirasoft-api-link';
-export interface NSFooterProps {
+import { BaseComponentProps } from "../props/BaseComponentProps";
+export interface NSFooterProps extends BaseComponentProps {
     scope: string;
     name: string;
     logo: string;

package/dist/components/NSFooter.js

@@ -24,7 +24,8 @@ export class NSFooter extends React.Component {
         return this.state.filters.filter(f => f.parent_id === id).length > 0;
     }
     render() {
-        return (_jsx("footer", { className: Styles.ns_footer, children: _jsxs("div", { className: `container ${Styles.ns_package_footer}`, children: [_jsxs("div", { className: `${Styles.ns_footer_parent_items}`, children: [_jsx("div", { className: `${Styles.ns_footer_project_logo_tablet}`, children: _jsx("a", { href: "/", children: _jsx("img", { src: this.props.logo, alt: 'Logo', width: 80, height: 80 }) }) }), _jsx("div", { className: `${Styles.ns_footer_menu_container}`, children: this.render_menu(0, null) }), _jsx("div", { className: `${Styles.ns_footer_namira_logo_tablet}`, children: _jsx("a", { href: "/", children: _jsx("img", { src: "https://static.namirasoft.com/logo/namirasoft/circle.png", alt: 'Namira Software Corporation Logo', width: 80, height: 80 }) }) })] }), _jsxs("div", { className: `${Styles.ns_footer_logos_mobile}`, children: [_jsx("div", { children: _jsx("a", { href: "/", children: _jsx("img", { src: this.props.logo, alt: 'Logo', width: 80, height: 80 }) }) }), _jsx("div", { children: _jsx("a", { href: "/", children: _jsx("img", { src: "https://static.namirasoft.com/logo/namirasoft/circle.png", alt: 'Namira Software Corporation Logo', width: 80, height: 80 }) }) })] }), _jsxs("div", { className: `${Styles.ns_footer_copyright}`, children: [_jsxs("span", { children: [" \u00A9Copyright 2010 - ", new Date().getFullYear(), " "] }), _jsx("a", { href: "https://namirasoft.com/", target: "_blank", rel: "noopener noreferrer", children: " Namira Software Corporation" }), ". All rights reserved."] })] }) }));
+        var _a;
+        return (_jsx("footer", { id: this.props.id, className: `${Styles.ns_footer} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: _jsxs("div", { className: `container ${Styles.ns_package_footer}`, children: [_jsxs("div", { className: `${Styles.ns_footer_parent_items}`, children: [_jsx("div", { className: `${Styles.ns_footer_project_logo_tablet}`, children: _jsx("a", { href: "/", children: _jsx("img", { src: this.props.logo, alt: 'Logo', width: 80, height: 80 }) }) }), _jsx("div", { className: `${Styles.ns_footer_menu_container}`, children: this.render_menu(0, null) }), _jsx("div", { className: `${Styles.ns_footer_namira_logo_tablet}`, children: _jsx("a", { href: "/", children: _jsx("img", { src: "https://static.namirasoft.com/logo/namirasoft/circle.png", alt: 'Namira Software Corporation Logo', width: 80, height: 80 }) }) })] }), _jsxs("div", { className: `${Styles.ns_footer_logos_mobile}`, children: [_jsx("div", { children: _jsx("a", { href: "/", children: _jsx("img", { src: this.props.logo, alt: 'Logo', width: 80, height: 80 }) }) }), _jsx("div", { children: _jsx("a", { href: "/", children: _jsx("img", { src: "https://static.namirasoft.com/logo/namirasoft/circle.png", alt: 'Namira Software Corporation Logo', width: 80, height: 80 }) }) })] }), _jsxs("div", { className: `${Styles.ns_footer_copyright}`, children: [_jsxs("span", { children: [" \u00A9Copyright 2010 - ", new Date().getFullYear(), " "] }), _jsx("a", { href: "https://namirasoft.com/", target: "_blank", rel: "noopener noreferrer", children: " Namira Software Corporation" }), ". All rights reserved."] })] }) }));
     }
     render_menu(level, parent_id) {
         var _a;