namirasoft-site-react 1.3.60 → 1.3.62

package/dist/App.js

@@ -1,7 +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, NSCopyToClipboard } from './main';
+import { NSFooter, NSHeader, NSTable, NSButtonBlue, NSButtonGreen, NSButtonRed } from './main';
 export function App() {
     let columns = {
         "id": "ID",
@@ -28,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(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' })] }));
+    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(NSButtonBlue, { title: "Cancel Deletion", onClick: () => { } }), _jsx(NSButtonGreen, { title: "Cancel Deletion", onClick: () => { } }), _jsx(NSButtonRed, { title: "Cancel Deletion", onClick: () => { } }), _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,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,UAAU,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,GACjD,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"}
+{"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,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE/F,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,YAAY,IACT,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,GAAE,EAAE,GAAC,CAAC,GACjB,EACF,KAAC,aAAa,IACV,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,GAAE,EAAE,GAAC,CAAC,GACjB,EACF,KAAC,WAAW,IACR,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,GAAE,EAAE,GAAC,CAAC,GACjB,EACF,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/Validator.d.ts

@@ -2,8 +2,13 @@ import { ValidationNumberProps } from "./props/ValidationNumberProps";
 import { ValidationProps } from "./props/ValidationProps";
 import { ValidationStringProps } from "./props/ValidationStringProps";
 export declare class Validator {
-    static getError(name: string, value: string | null | undefined, validator: ValidationProps): string | null;
+    static getError(name: string, value: string | number | null | undefined, validator: ValidationProps): string | null;
     static getErrorString(name: string, value: string | null | undefined, validator: ValidationStringProps): string | null;
-    static getErrorNumber(name: string, value: string | null | undefined, validator: ValidationNumberProps): string | null;
+    static getErrorNumber(name: string, value: number | null | undefined, validator: ValidationNumberProps): string | null;
     static getErrorEmail(name: string, value: string | null | undefined): string | null;
+    static getErrorDate(name: string, value: string | null | undefined): string | null;
+    static getErrorTime(name: string, value: string | null | undefined): string | null;
+    static getErrorDuration(name: string, value: string | null | undefined): string | null;
+    static getErrorIP(name: string, value: string | null | undefined): string | null;
+    static getErrorPhone(name: string, value: string | null | undefined): string | null;
 }

package/dist/Validator.js

@@ -1,19 +1,23 @@
+import { PhoneOperation, RegexTemplate } from "namirasoft-core";
 export class Validator {
     static getError(name, value, validator) {
         if (validator.required)
             if (!value)
                 return `${name} is required.`;
-        if (value)
+        if (value != null)
             if (validator.regex)
-                if (!validator.regex.regex.test(value))
+                if (!validator.regex.regex.test(value + ""))
                     return `${name} is not a valid ${validator.regex.name}.`;
+        if (value != null)
+            if (validator.validator) {
+                let error = validator.validator(name, value);
+                if (error)
+                    return error;
+            }
         return null;
     }
     static getErrorString(name, value, validator) {
-        let error = this.getError(name, value, validator);
-        if (error)
-            return error;
-        if (value) {
+        if (value != null) {
             if (validator.max_length != null)
                 if (validator.max_length < value.length)
                     return `Max length of ${name} should be ${validator.max_length} characters.`;
@@ -24,18 +28,14 @@ export class Validator {
         return null;
     }
     static getErrorNumber(name, value, validator) {
-        let error = this.getError(name, value, validator);
-        if (error)
-            return error;
-        if (value) {
-            let numValue = parseFloat(value);
-            if (isNaN(numValue))
+        if (value != null) {
+            if (isNaN(value))
                 return `${name} is not a number.`;
             if (validator.max != null)
-                if (validator.max < numValue)
+                if (validator.max < value)
                     return `Max value of ${name} should be ${validator.max} characters.`;
             if (validator.min != null)
-                if (validator.min > numValue)
+                if (validator.min > value)
                     return `Min value of ${name} should be ${validator.min} characters.`;
         }
         return null;
@@ -44,7 +44,49 @@ export class Validator {
         return Validator.getError(name, value, {
             required: true, regex: {
                 name: "Email",
-                regex: /^[\w]+@([\w]+\.)+\w{2,}$/gm
+                regex: RegexTemplate.Email
+            }
+        });
+    }
+    static getErrorDate(name, value) {
+        return Validator.getError(name, value, {
+            required: true, regex: {
+                name: "Date",
+                regex: RegexTemplate.Date
+            }
+        });
+    }
+    static getErrorTime(name, value) {
+        return Validator.getError(name, value, {
+            required: true, regex: {
+                name: "Time",
+                regex: RegexTemplate.Time
+            }
+        });
+    }
+    static getErrorDuration(name, value) {
+        return Validator.getError(name, value, {
+            required: true, regex: {
+                name: "Duration",
+                regex: RegexTemplate.Duration
+            }
+        });
+    }
+    static getErrorIP(name, value) {
+        return Validator.getError(name, value, {
+            required: true, regex: {
+                name: "IP",
+                regex: RegexTemplate.IP
+            }
+        });
+    }
+    static getErrorPhone(name, value) {
+        return Validator.getError(name, value, {
+            required: true, validator: () => {
+                if (value)
+                    if (!PhoneOperation.isValid(value))
+                        return `${name} is not a valid phone number`;
+                return null;
             }
         });
     }

package/dist/Validator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Validator.js","sourceRoot":"","sources":["../src/Validator.ts"],"names":[],"mappings":"AAIA,MAAM,OAAO,SAAS;IAElB,MAAM,CAAC,QAAQ,CAAC,IAAY,EAAE,KAAgC,EAAE,SAA0B;QAEtF,IAAI,SAAS,CAAC,QAAQ;YAClB,IAAI,CAAC,KAAK;gBACN,OAAO,GAAG,IAAI,eAAe,CAAC;QACtC,IAAI,KAAK;YACL,IAAI,SAAS,CAAC,KAAK;gBACf,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;oBAClC,OAAO,GAAG,IAAI,mBAAmB,SAAS,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC;QACrE,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,MAAM,CAAC,cAAc,CAAC,IAAY,EAAE,KAAgC,EAAE,SAAgC;QAElG,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;QAClD,IAAI,KAAK;YACL,OAAO,KAAK,CAAC;QACjB,IAAI,KAAK,EACT,CAAC;YACG,IAAI,SAAS,CAAC,UAAU,IAAI,IAAI;gBAC5B,IAAI,SAAS,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM;oBACnC,OAAO,iBAAiB,IAAI,cAAc,SAAS,CAAC,UAAU,cAAc,CAAC;YACrF,IAAI,SAAS,CAAC,UAAU,IAAI,IAAI;gBAC5B,IAAI,SAAS,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM;oBACnC,OAAO,gBAAgB,IAAI,cAAc,SAAS,CAAC,UAAU,cAAc,CAAC;QACxF,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,MAAM,CAAC,cAAc,CAAC,IAAY,EAAE,KAAgC,EAAE,SAAgC;QAElG,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;QAClD,IAAI,KAAK;YACL,OAAO,KAAK,CAAC;QACjB,IAAI,KAAK,EACT,CAAC;YACG,IAAI,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;YACjC,IAAI,KAAK,CAAC,QAAQ,CAAC;gBACf,OAAO,GAAG,IAAI,mBAAmB,CAAC;YACtC,IAAI,SAAS,CAAC,GAAG,IAAI,IAAI;gBACrB,IAAI,SAAS,CAAC,GAAG,GAAG,QAAQ;oBACxB,OAAO,gBAAgB,IAAI,cAAc,SAAS,CAAC,GAAG,cAAc,CAAC;YAC7E,IAAI,SAAS,CAAC,GAAG,IAAI,IAAI;gBACrB,IAAI,SAAS,CAAC,GAAG,GAAG,QAAQ;oBACxB,OAAO,gBAAgB,IAAI,cAAc,SAAS,CAAC,GAAG,cAAc,CAAC;QACjF,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,MAAM,CAAC,aAAa,CAAC,IAAY,EAAE,KAAgC;QAE/D,OAAO,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE;YACnC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE;gBACnB,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,4BAA4B;aACtC;SACJ,CAAC,CAAA;IACN,CAAC;CACJ"}
+{"version":3,"file":"Validator.js","sourceRoot":"","sources":["../src/Validator.ts"],"names":[],"mappings":"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"}

package/dist/components/NSButton.d.ts

@@ -1,18 +1,9 @@
 /// <reference types="react" />
-import { BackgroundProps } from "../props/BackgroundProps";
 import { BaseComponentProps } from "../props/BaseComponentProps";
 import { ImageProps } from "../props/ImageProps";
 export interface NSButtonProps extends BaseComponentProps {
     title: string;
-    border?: string;
-    background?: BackgroundProps;
     icon?: ImageProps;
     onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }
-export interface NSButtonState {
-    title: string;
-    border?: string;
-    background?: BackgroundProps;
-    icon?: ImageProps;
-}
 export default function NSButton(props: NSButtonProps): import("react/jsx-runtime").JSX.Element;

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;;AAKb,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAmB3C,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,14 +1,2 @@
-import React from "react";
-import { BaseComponentProps } from "../props/BaseComponentProps";
-export interface NSButtonBlueProps extends BaseComponentProps {
-    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,11 @@
-"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) {
+    let classList = [];
+    if (props.classList)
+        classList.push(...props.classList);
+    classList.push(Style.ns_button_blue);
+    return _jsx(NSButton, { title: props.title, icon: props.icon, onClick: props.onClick, id: props.id, classList: classList, style: props.style });
 }
 //# 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;AAc9C,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,SAAS,GAAG,EAAE,CAAA;IAClB,IAAI,KAAK,CAAC,SAAS;QACf,SAAS,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IACvC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAErC,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAAC;AAC9I,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,14 +1,2 @@
-import React from "react";
-import { BaseComponentProps } from "../props/BaseComponentProps";
-export interface NSButtonGreenProps extends BaseComponentProps {
-    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,11 @@
-"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) {
+    let classList = [];
+    if (props.classList)
+        classList.push(...props.classList);
+    classList.push(Style.ns_button_green);
+    return _jsx(NSButton, { title: props.title, icon: props.icon, onClick: props.onClick, id: props.id, classList: classList, style: props.style });
 }
 //# 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;AAc/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,SAAS,GAAG,EAAE,CAAA;IAClB,IAAI,KAAK,CAAC,SAAS;QACf,SAAS,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IACvC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IACtC,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAAC;AAC9I,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,14 +1,2 @@
-import React from "react";
-import { BaseComponentProps } from "../props/BaseComponentProps";
-export interface NSButtonRedProps extends BaseComponentProps {
-    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,11 @@
-"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) {
+    let classList = [];
+    if (props.classList)
+        classList.push(...props.classList);
+    classList.push(Style.ns_button_red);
+    return _jsx(NSButton, { title: props.title, icon: props.icon, onClick: props.onClick, id: props.id, classList: classList, style: props.style });
 }
 //# 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;AAc7C,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,SAAS,GAAG,EAAE,CAAA;IAClB,IAAI,KAAK,CAAC,SAAS;QACf,SAAS,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IACvC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACpC,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAAC;AAC9I,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,20 +1,14 @@
-import { Component } from 'react';
 import { LinkProps } from '../props/LinkProps';
 import { BaseComponentProps } from "../props/BaseComponentProps";
+import { ImageProps } from '../props/ImageProps';
 export interface NSCardProps extends BaseComponentProps {
-    id?: string | number;
     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;AAoB1C,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,13 +1,6 @@
-import React from "react";
 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,14 +1,8 @@
-import { Component } from 'react';
 import { BaseComponentProps } from "../props/BaseComponentProps";
+import { ImageProps } from '../props/ImageProps';
 export interface NSEntityBarProps extends BaseComponentProps {
-    id?: string | number;
     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