namirasoft-site-react 1.2.0 → 1.2.2

package/dist/components/NSInputEmail.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+interface IProps {
+    title: string;
+}
+interface IState {
+    value: string;
+    error: boolean;
+}
+export default class NSInputEmail extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    setValue(e: React.ChangeEvent<HTMLInputElement>): void;
+    setDefaultValue(value: string): void;
+    getValue(): string;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSInputEmail.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputEmail.module.css";
+import IconInputEmail from '../assets/images/icon-input-email.svg';
+import Danger from '../assets/images/danger.svg';
+export default class NSInputEmail extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: "",
+            error: false,
+        };
+        this.setValue = this.setValue.bind(this);
+        this.getValue = this.getValue.bind(this);
+        this.setDefaultValue = this.setDefaultValue.bind(this);
+    }
+    setValue(e) {
+        let email = /^(([^<>()[]\\.,;:\s@"]+(\.[^<>()[]\\.,;:\s@"]+)*)|(".+"))@(([[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+        if (!email.test(e.target.value)) {
+            this.setState({ error: true, value: e.target.value });
+        }
+        else {
+            this.setState({ error: false, value: e.target.value });
+        }
+    }
+    setDefaultValue(value) {
+        this.setState({ value });
+    }
+    getValue() {
+        return this.state.value;
+    }
+    render() {
+        return (_jsxs(_Fragment, { children: [_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputEmail, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "email", className: `${this.state.error === true ? Styles.ns_input_red : ""} ${Styles.ns_input}`, placeholder: "Sample@gmail.com" })] })), this.state.error === true ? (_jsx(_Fragment, { children: _jsxs("div", Object.assign({ className: "d-flex justify-content-start align-items-center gap-2 ms-2 " }, { children: [_jsx("img", { className: "", src: Danger, alt: "icon", width: 13, height: 13 }), _jsx("span", Object.assign({ className: Styles.ns_input_error }, { children: "Enter a valid email. " }))] })) })) : null] }));
+    }
+}
+//# sourceMappingURL=NSInputEmail.js.map

package/dist/components/NSInputEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSInputEmail.js","sourceRoot":"","sources":["../../src/components/NSInputEmail.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAajD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAyB;IACrE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,KAAK;SACf,CAAC;QACF,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;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,KAAK,GAAG,mJAAmJ,CAAC;QAChK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/B;YACI,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;SACzD;aAED;YACI,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;SAC1D;IACL,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,8BACI,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,iBAC3C,6BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM,CAAC,QAAQ,EAAE,EACvF,WAAW,EAAC,kBAAkB,GAChC,KACA,EAEL,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CACzB,4BACI,6BAAK,SAAS,EAAC,6DAA6D,iBACxE,cACI,SAAS,EAAE,EAAE,EACb,GAAG,EAAE,MAAM,EACX,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,6BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,2CAA8B,KAClE,GACP,CAAC,CAAC,CAAC,CAAC,IAAI,IAEhB,CACN,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSInputEmail.module.css

@@ -0,0 +1,38 @@
+.ns_input_parent {
+    display: flex;
+    flex-direction: column;
+    width: 326px;
+    color: #fff;
+    position: relative;
+    max-width: 100%;
+}
+
+.ns_input {
+    border-radius: 8px;
+    padding: 10px 12px;
+}
+
+.ns_input_icon {
+    position: absolute;
+    right: 20px;
+    top: 51%;
+    font-size: 16px;
+    font-weight: 400;
+}
+
+.ns_input_title {
+    font-size: 16px;
+    font-weight: 400;
+}
+
+.ns_input_error {
+    color: #FF3F3F !important;
+}
+
+.ns_input_error:focus {
+    color: #FF3F3F !important;
+}
+
+.ns_input_red {
+    border: 2px solid #FF3F3F;
+}

package/dist/components/NSInputFloat.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface IProps {
+    title: string;
+}
+interface IState {
+    value: string;
+}
+export default class NSInputFloat extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    setValue(e: React.ChangeEvent<HTMLInputElement>): void;
+    setDefaultValue(value: string): void;
+    getValue(): string;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSInputFloat.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputFloat.module.css";
+import IconInputFloat from '../assets/images/icon-input-float.svg';
+export default class NSInputFloat extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: "",
+        };
+        this.setValue = this.setValue.bind(this);
+        this.getValue = this.getValue.bind(this);
+        this.setDefaultValue = this.setDefaultValue.bind(this);
+    }
+    setValue(e) {
+        this.setState({ value: e.target.value });
+    }
+    setDefaultValue(value) {
+        this.setState({ value });
+    }
+    getValue() {
+        return this.state.value;
+    }
+    render() {
+        return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputFloat, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "number", className: Styles.ns_input, placeholder: "1.2" })] })));
+    }
+}
+//# sourceMappingURL=NSInputFloat.js.map

package/dist/components/NSInputFloat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSInputFloat.js","sourceRoot":"","sources":["../../src/components/NSInputFloat.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AAYnE,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAyB;IACrE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,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;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,iBAC3C,6BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,KAAK,GACnB,KAEA,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSInputFloat.module.css

@@ -0,0 +1,23 @@
+.ns_input_parent{
+    display: flex;
+    flex-direction: column;
+    width: 326px;
+    color: #fff;
+    position: relative;
+    max-width: 100%;
+}
+.ns_input{
+    border-radius: 8px;
+    padding: 10px 12px;
+    font-size: 16px;
+    font-weight: 400;
+}
+.ns_input_icon{
+    position: absolute;
+    right: 20px;
+    top: 51%;
+}
+.ns_input_title{
+    font-size: 16px;
+    font-weight: 400;
+}

package/dist/components/NSInputIP.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface IProps {
+    title: string;
+}
+interface IState {
+    value: string;
+}
+export default class NSInputIP extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    setValue(e: React.ChangeEvent<HTMLInputElement>): void;
+    setDefaultValue(value: string): void;
+    getValue(): string;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSInputIP.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputIP.module.css";
+import IconInputId from '../assets/images/icon-input-id.svg';
+export default class NSInputIP extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: "",
+        };
+        this.setValue = this.setValue.bind(this);
+        this.getValue = this.getValue.bind(this);
+        this.setDefaultValue = this.setDefaultValue.bind(this);
+    }
+    setValue(e) {
+        this.setState({ value: e.target.value });
+    }
+    setDefaultValue(value) {
+        this.setState({ value });
+    }
+    getValue() {
+        return this.state.value;
+    }
+    render() {
+        return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputId, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "number", className: Styles.ns_input, placeholder: "192.158.1.38" })] })));
+    }
+}
+//# sourceMappingURL=NSInputIP.js.map

package/dist/components/NSInputIP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSInputIP.js","sourceRoot":"","sources":["../../src/components/NSInputIP.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAY7D,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyB;IAClE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,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;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,iBAC3C,6BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,WAAW,EAChB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,cAAc,GAC5B,KAEA,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSInputIP.module.css

@@ -0,0 +1,23 @@
+.ns_input_parent{
+    display: flex;
+    flex-direction: column;
+    width: 326px;
+    color: #fff;
+    position: relative;
+    max-width: 100%;
+}
+.ns_input{
+    border-radius: 8px;
+    padding: 10px 12px;
+    font-size: 16px;
+    font-weight: 400;
+}
+.ns_input_icon{
+    position: absolute;
+    right: 20px;
+    top: 51%;
+}
+.ns_input_title {
+    font-size: 16px;
+    font-weight: 400;
+}

package/dist/components/NSInputInteger.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface IProps {
+    title: string;
+}
+interface IState {
+    value: string;
+}
+export default class NSInputInteger extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    setValue(e: React.ChangeEvent<HTMLInputElement>): void;
+    setDefaultValue(value: string): void;
+    getValue(): string;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSInputInteger.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputInteger.module.css";
+import IconInputInteger from '../assets/images/icon-input-integer.svg';
+export default class NSInputInteger extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: "",
+        };
+        this.setValue = this.setValue.bind(this);
+        this.getValue = this.getValue.bind(this);
+        this.setDefaultValue = this.setDefaultValue.bind(this);
+    }
+    setValue(e) {
+        this.setState({ value: e.target.value });
+    }
+    setDefaultValue(value) {
+        this.setState({ value });
+    }
+    getValue() {
+        return this.state.value;
+    }
+    render() {
+        return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputInteger, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "number", className: Styles.ns_input, placeholder: "1234" })] })));
+    }
+}
+//# sourceMappingURL=NSInputInteger.js.map

package/dist/components/NSInputInteger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSInputInteger.js","sourceRoot":"","sources":["../../src/components/NSInputInteger.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AAYvE,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAyB;IACvE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,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;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,iBAC3C,6BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,gBAAgB,EACrB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,MAAM,GACpB,KAEA,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSInputInteger.module.css

@@ -0,0 +1,26 @@
+.ns_input_parent {
+    display: flex;
+    flex-direction: column;
+    width: 326px;
+    color: #fff;
+    position: relative;
+    max-width: 100%;
+}
+
+.ns_input {
+    border-radius: 8px;
+    padding: 10px 12px;
+    font-size: 16px;
+    font-weight: 400;
+}
+
+.ns_input_icon {
+    position: absolute;
+    right: 20px;
+    top: 51%;
+}
+
+.ns_input_title {
+    font-size: 16px;
+    font-weight: 400;
+}

package/dist/components/NSInputPhone.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import 'react-phone-input-2/lib/style.css';
+interface IProps {
+    title: string;
+}
+interface IState {
+    value: string;
+}
+export default class NSInputPhone extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    setValue(value: string): void;
+    setDefaultValue(value: string): void;
+    getValue(): string;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSInputPhone.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputPhone.module.css";
+import IconInputPhone from '../assets/images/icon-input-phone.svg';
+import PhoneInput from 'react-phone-input-2';
+import 'react-phone-input-2/lib/style.css';
+export default class NSInputPhone extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: "",
+        };
+        this.setValue = this.setValue.bind(this);
+        this.getValue = this.getValue.bind(this);
+        this.setDefaultValue = this.setDefaultValue.bind(this);
+    }
+    setValue(value) {
+        this.setState({ value });
+    }
+    setDefaultValue(value) {
+        this.setState({ value });
+    }
+    getValue() {
+        return this.state.value;
+    }
+    render() {
+        return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputPhone, alt: "icon", width: 24, height: 24 }), _jsx(PhoneInput, { inputClass: Styles.ns_input, country: 'us', value: this.state.value, onChange: this.setValue })] })));
+    }
+}
+//# sourceMappingURL=NSInputPhone.js.map

package/dist/components/NSInputPhone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSInputPhone.js","sourceRoot":"","sources":["../../src/components/NSInputPhone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,UAAU,MAAM,qBAAqB,CAAA;AAC5C,OAAO,mCAAmC,CAAA;AAY1C,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAyB;IACrE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,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;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,iBAC3C,6BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,KAAC,UAAU,IACP,UAAU,EAAE,MAAM,CAAC,QAAQ,EAC3B,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACzB,KACA,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSInputPhone.module.css

@@ -0,0 +1,30 @@
+.ns_input_parent{
+    display: flex;
+    flex-direction: column;
+    width: 326px;
+
+    position: relative;
+    max-width: 100%;
+}
+.ns_input{
+    height: 48px !important;
+    font-size: 16px !important;
+    font-weight: 400;
+    width: 310px !important;
+}
+.ns_input span{
+    color: #000 !important;
+
+}
+.ns_input_icon{
+    position: absolute;
+    right: 20px;
+    top: 51%;
+    z-index: 1;
+}
+.ns_input_title{
+    color: #fff;
+    font-size: 16px;
+    font-weight: 400;
+}
+

package/dist/components/NSInputPrice.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface IProps {
+    title: string;
+}
+interface IState {
+    value: string;
+}
+export default class NSInputPrice extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    setValue(e: React.ChangeEvent<HTMLInputElement>): void;
+    setDefaultValue(value: string): void;
+    getValue(): string;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSInputPrice.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputPrice.module.css";
+import IconInputPrice from '../assets/images/icon-input-price.svg';
+export default class NSInputPrice extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: "",
+        };
+        this.setValue = this.setValue.bind(this);
+        this.getValue = this.getValue.bind(this);
+        this.setDefaultValue = this.setDefaultValue.bind(this);
+    }
+    setValue(e) {
+        this.setState({ value: e.target.value });
+    }
+    setDefaultValue(value) {
+        this.setState({ value });
+    }
+    getValue() {
+        return this.state.value;
+    }
+    render() {
+        return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputPrice, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "number", className: Styles.ns_input, placeholder: "$1000" })] })));
+    }
+}
+//# sourceMappingURL=NSInputPrice.js.map

package/dist/components/NSInputPrice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSInputPrice.js","sourceRoot":"","sources":["../../src/components/NSInputPrice.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AAYnE,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAyB;IACrE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,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;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,iBAC3C,6BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,OAAO,GACrB,KACA,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSInputPrice.module.css

@@ -0,0 +1,24 @@
+.ns_input_parent{
+    display: flex;
+    flex-direction: column;
+    width: 326px;
+    color: #fff;
+    position: relative;
+    max-width: 100%;
+}
+.ns_input{
+    border-radius: 8px;
+    padding: 10px 12px;
+    font-size: 16px;
+    font-weight: 400;
+}
+.ns_input_icon{
+    position: absolute;
+    right: 20px;
+    top: 51%;
+    z-index: 1;
+}
+.ns_input_title {
+    font-size: 16px;
+    font-weight: 400;
+}

package/dist/components/NSInputSearch.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface IProps {
+    title: string;
+}
+interface IState {
+    value: string;
+}
+export default class NSInputSearch extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    setValue(e: React.ChangeEvent<HTMLInputElement>): void;
+    setDefaultValue(value: string): void;
+    getValue(): string;
+    onChanged(e: React.ChangeEvent<HTMLInputElement>): void;
+    keyDownEvent(event: React.KeyboardEvent<HTMLDivElement>): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSInputSearch.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputSearch.module.css";
+import IconInputSearch from '../assets/images/icon-input-search.svg';
+export default class NSInputSearch extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: "",
+        };
+        this.setValue = this.setValue.bind(this);
+        this.getValue = this.getValue.bind(this);
+        this.setDefaultValue = this.setDefaultValue.bind(this);
+        this.keyDownEvent = this.keyDownEvent.bind(this);
+    }
+    setValue(e) {
+        this.setState({ value: e.target.value });
+    }
+    setDefaultValue(value) {
+        this.setState({ value });
+    }
+    getValue() {
+        return this.state.value;
+    }
+    onChanged(e) {
+        this.setValue(e);
+    }
+    keyDownEvent(event) {
+        if (event.code === "Enter") {
+            console.log("function");
+        }
+    }
+    render() {
+        return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_form} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputSearch, alt: "icon", width: 32, height: 32 }), _jsx("input", { value: this.state.value, onChange: this.setValue, onKeyDown: this.keyDownEvent, type: "text", className: Styles.ns_input, placeholder: "Search" })] })));
+    }
+}
+//# sourceMappingURL=NSInputSearch.js.map

package/dist/components/NSInputSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSInputSearch.js","sourceRoot":"","sources":["../../src/components/NSInputSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAYrE,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAyB;IACtE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,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;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACD,SAAS,CAAC,CAAsC;QAE5C,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC;IACD,YAAY,CAAC,KAA0C;QAEnD,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAC1B;YAEI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;SAC1B;IACL,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,aAAa,MAAM,iBACzC,6BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,eAAe,EACpB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAE,IAAI,CAAC,YAAY,EAC5B,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,QAAQ,GACtB,KACA,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSInputSearch.module.css

@@ -0,0 +1,24 @@
+.ns_input_form{
+    display: flex;
+    flex-direction: column;
+    width: 326px;
+    color: #fff;
+    position: relative;
+    max-width: 100%;
+}
+.ns_input{
+    border-radius: 8px;
+    padding: 10px 12px;
+    font-size: 16px;
+    font-weight: 400;
+}
+.ns_input_icon{
+    position: absolute;
+    right: 20px;
+    top: 47%;
+    z-index: 1;
+}
+.ns_input_title {
+    font-size: 16px;
+    font-weight: 400;
+}

package/dist/components/NSInputString.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface IProps {
+    title: string;
+}
+interface IState {
+    value: string;
+}
+export default class NSInputString extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    setValue(e: React.ChangeEvent<HTMLInputElement>): void;
+    setDefaultValue(value: string): void;
+    getValue(): string;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSInputString.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import Styles from "./NSInputString.module.css";
+import IconInputString from '../assets/images/icon-input-string.svg';
+export default class NSInputString extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: "",
+        };
+        this.setValue = this.setValue.bind(this);
+        this.getValue = this.getValue.bind(this);
+        this.setDefaultValue = this.setDefaultValue.bind(this);
+    }
+    setValue(e) {
+        this.setState({ value: e.target.value });
+    }
+    setDefaultValue(value) {
+        this.setState({ value });
+    }
+    getValue() {
+        return this.state.value;
+    }
+    render() {
+        return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputString, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "text", className: Styles.ns_input, placeholder: "12AB34cf" })] })));
+    }
+}
+//# sourceMappingURL=NSInputString.js.map

package/dist/components/NSInputString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSInputString.js","sourceRoot":"","sources":["../../src/components/NSInputString.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAYrE,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAyB;IACtE,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,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;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,iBAC3C,6BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,eAAe,EACpB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,UAAU,GACxB,KACA,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSInputString.module.css

@@ -0,0 +1,24 @@
+.ns_input_parent{
+    display: flex;
+    flex-direction: column;
+    width: 326px;
+    color: #fff;
+    position: relative;
+    max-width: 100%;
+}
+.ns_input{
+    border-radius: 8px;
+    padding: 10px 12px;
+    font-size: 16px;
+    font-weight: 400;
+}
+.ns_input_icon{
+    position: absolute;
+    right: 20px;
+    top: 51%;
+    z-index: 1;
+}
+.ns_input_title {
+    font-size: 16px;
+    font-weight: 400;
+}