namirasoft-site-react 1.3.66 → 1.3.68

package/src/components/NSEntityCardBackground.tsx

@@ -1,15 +1,15 @@
 import Styles from './NSEntityCardBackground.module.css'
 import { NSLinkBlue } from './NSLinkBlue';
-import { LinkProps } from '../props/LinkProps';
-import { BaseComponentProps } from "../props/BaseComponentProps";
+import { ILinkProps } from '../props/ILinkProps';
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
 
-export interface NSEntityCardBackgroundProps extends BaseComponentProps
+export interface INSEntityCardBackgroundProps extends IBaseComponentProps
 {
 	title: string;
-	link?: LinkProps
+	link?: ILinkProps
 }
 
-export function NSEntityCardBackground(props: NSEntityCardBackgroundProps)
+export function NSEntityCardBackground(props: INSEntityCardBackgroundProps)
 {
 	return (
 		<>

package/src/components/NSFooter.tsx

@@ -3,9 +3,9 @@
 import React from "react";
 import Styles from "./NSFooter.module.css";
 import { NamirasoftAPILinkServer, FilterLinkRow } from 'namirasoft-api-link';
-import { BaseComponentProps } from "../props/BaseComponentProps";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
 
-export interface NSFooterProps extends BaseComponentProps
+export interface INSFooterProps extends IBaseComponentProps
 {
     scope: string;
     name: string;
@@ -18,9 +18,9 @@ export interface NSFooterState
     selected: FilterLinkRow | null;
 }
 
-export class NSFooter extends React.Component<NSFooterProps, NSFooterState>
+export class NSFooter extends React.Component<INSFooterProps, NSFooterState>
 {
-    constructor(props: NSFooterProps)
+    constructor(props: INSFooterProps)
     {
         super(props);
         this.state = {

package/src/components/NSHeader.tsx

@@ -4,15 +4,15 @@ import React from "react";
 import Styles from "./NSHeader.module.css";
 import NavDropdown from 'react-bootstrap/NavDropdown';
 import { NamirasoftAPILinkServer, FilterLinkRow } from 'namirasoft-api-link';
-import { BaseComponentProps } from "../props/BaseComponentProps";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
 
-export interface NSHeaderProps extends BaseComponentProps
+export interface INSHeaderProps extends IBaseComponentProps
 {
     scope: string;
     name: string;
     logo: string;
     account?: boolean;
-    nav?: BaseComponentProps
+    nav?: IBaseComponentProps
 }
 
 export interface NSHeaderState
@@ -22,9 +22,9 @@ export interface NSHeaderState
     showNavbar: boolean;
 }
 
-export class NSHeader extends React.Component<NSHeaderProps, NSHeaderState>
+export class NSHeader extends React.Component<INSHeaderProps, NSHeaderState>
 {
-    constructor(props: NSHeaderProps)
+    constructor(props: INSHeaderProps)
     {
         super(props);
         this.state = {
@@ -61,7 +61,7 @@ export class NSHeader extends React.Component<NSHeaderProps, NSHeaderState>
     }
     override render()
     {
-        let nav: BaseComponentProps | undefined = this.props.nav;
+        let nav: IBaseComponentProps | undefined = this.props.nav;
         if (!nav)
             nav = { style: {} };
         if (!nav.style)

package/src/components/NSInputDate.tsx

@@ -3,12 +3,12 @@
 import React from "react";
 import Styles from "./NSInputDate.module.css";
 import IconInputDate from '../assets/images/icon-input-date.svg';
-import { BaseComponentProps } from "../props/BaseComponentProps";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
-import { ValidationProps } from "../props/ValidationProps";
+import { IValidationProps } from "../props/IValidationProps";
 import { Validator } from "../Validator";
 
-export interface NSInputDateProps extends BaseComponentProps, ValidationProps
+export interface INSInputDateProps extends IBaseComponentProps, IValidationProps
 {
     title: string;
     defaultValue?: string;
@@ -22,9 +22,9 @@ export interface NSInputDateState
     error?: string;
 }
 
-export class NSInputDate extends React.Component<NSInputDateProps, NSInputDateState>
+export class NSInputDate extends React.Component<INSInputDateProps, NSInputDateState>
 {
-    constructor(props: NSInputDateProps)
+    constructor(props: INSInputDateProps)
     {
         super(props);
         this.state = { value: props.defaultValue ?? "" };

package/src/components/NSInputDuration.tsx

@@ -3,14 +3,14 @@
 import React from "react";
 import Styles from "./NSInput.module.css";
 import IconInputDuration from '../assets/images/icon-input-duration.svg';
-import { BaseComponentProps } from "../props/BaseComponentProps";
-import { ValidationProps } from "../props/ValidationProps";
-import { ValidationNumberProps } from "../props/ValidationNumberProps";
-import { ValidationStringProps } from "../props/ValidationStringProps";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { IValidationProps } from "../props/IValidationProps";
+import { IValidationNumberProps } from "../props/IValidationNumberProps";
+import { IValidationStringProps } from "../props/IValidationStringProps";
 import { Validator } from "../Validator";
 import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
 
-export interface NSInputDurationProps extends BaseComponentProps, ValidationProps, ValidationStringProps, ValidationNumberProps
+export interface INSInputDurationProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, IValidationNumberProps
 {
     title: string;
     defaultValue?: string;
@@ -24,9 +24,9 @@ export interface NSInputDurationState
     error?: string;
 }
 
-export class NSInputDuration extends React.Component<NSInputDurationProps, NSInputDurationState>
+export class NSInputDuration extends React.Component<INSInputDurationProps, NSInputDurationState>
 {
-    constructor(props: NSInputDurationProps)
+    constructor(props: INSInputDurationProps)
     {
         super(props);
         this.state = { value: props.defaultValue ?? "" };

package/src/components/NSInputEmail.tsx

@@ -4,12 +4,12 @@ import React from "react";
 import Styles from "./NSInput.module.css";
 import IconInputEmail from '../assets/images/icon-input-email.svg';
 import { Validator } from "../Validator";
-import { ValidationProps } from "../props/ValidationProps";
-import { ValidationStringProps } from "../props/ValidationStringProps";
-import { BaseComponentProps } from "../props/BaseComponentProps";
+import { IValidationProps } from "../props/IValidationProps";
+import { IValidationStringProps } from "../props/IValidationStringProps";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
 
-export interface NSInputEmailProps extends BaseComponentProps, ValidationProps, ValidationStringProps
+export interface INSInputEmailProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
 {
     title: string;
     defaultValue?: string;
@@ -23,9 +23,9 @@ export interface NSInputEmailState
     error?: string;
 }
 
-export class NSInputEmail extends React.Component<NSInputEmailProps, NSInputEmailState>
+export class NSInputEmail extends React.Component<INSInputEmailProps, NSInputEmailState>
 {
-    constructor(props: NSInputEmailProps)
+    constructor(props: INSInputEmailProps)
     {
         super(props);
         this.state = { value: props.defaultValue ?? "" };

package/src/components/NSInputErrorNotifier.tsx

@@ -1,13 +1,13 @@
 import Styles from "./NSInputErrorNotifier.module.css";
 import Danger from '../assets/images/danger.svg';
-import { BaseComponentProps } from "../props/BaseComponentProps";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
 
-export interface NSInputErrorNotifierProps extends BaseComponentProps
+export interface INSInputErrorNotifierProps extends IBaseComponentProps
 {
     error?: string;
 }
 
-export function NSInputErrorNotifier(props: NSInputErrorNotifierProps)
+export function NSInputErrorNotifier(props: INSInputErrorNotifierProps)
 {
     return <>
         {

package/src/components/NSInputFloat.tsx

@@ -3,13 +3,13 @@
 import React from "react";
 import Styles from "./NSInput.module.css";
 import IconInputFloat from '../assets/images/icon-input-float.svg';
-import { BaseComponentProps } from "../props/BaseComponentProps";
-import { ValidationProps } from "../props/ValidationProps";
-import { ValidationNumberProps } from "../props/ValidationNumberProps";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { IValidationProps } from "../props/IValidationProps";
+import { IValidationNumberProps } from "../props/IValidationNumberProps";
 import { Validator } from "../Validator";
 import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
 
-export interface NSInputFloatProps extends BaseComponentProps, ValidationProps, ValidationNumberProps 
+export interface INSInputFloatProps extends IBaseComponentProps, IValidationProps, IValidationNumberProps 
 {
     title: string;
     defaultValue?: number;
@@ -23,9 +23,9 @@ export interface NSInputFloatState
     error?: string;
 }
 
-export class NSInputFloat extends React.Component<NSInputFloatProps, NSInputFloatState>
+export class NSInputFloat extends React.Component<INSInputFloatProps, NSInputFloatState>
 {
-    constructor(props: NSInputFloatProps)
+    constructor(props: INSInputFloatProps)
     {
         super(props);
         this.state = { value: props.defaultValue };

package/src/components/NSInputIP.tsx

@@ -3,13 +3,13 @@
 import React from "react";
 import Styles from "./NSInput.module.css";
 import IconInputIP from '../assets/images/icon-input-ip.svg';
-import { BaseComponentProps } from "../props/BaseComponentProps";
-import { ValidationProps } from "../props/ValidationProps";
-import { ValidationStringProps } from "../props/ValidationStringProps";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { IValidationProps } from "../props/IValidationProps";
+import { IValidationStringProps } from "../props/IValidationStringProps";
 import { Validator } from "../Validator";
 import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
 
-export interface NSInputIPProps extends BaseComponentProps, ValidationProps, ValidationStringProps
+export interface INSInputIPProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
 {
     title: string;
     defaultValue?: string;
@@ -23,9 +23,9 @@ export interface NSInputIPState
     error?: string;
 }
 
-export class NSInputIP extends React.Component<NSInputIPProps, NSInputIPState>
+export class NSInputIP extends React.Component<INSInputIPProps, NSInputIPState>
 {
-    constructor(props: NSInputIPProps)
+    constructor(props: INSInputIPProps)
     {
         super(props);
         this.state = { value: props.defaultValue ?? "" };

package/src/components/NSInputInteger.tsx

@@ -3,13 +3,13 @@
 import React from "react";
 import Styles from "./NSInput.module.css";
 import IconInputInteger from '../assets/images/icon-input-integer.svg';
-import { BaseComponentProps } from "../props/BaseComponentProps";
-import { ValidationNumberProps } from "../props/ValidationNumberProps";
-import { ValidationProps } from "../props/ValidationProps";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { IValidationNumberProps } from "../props/IValidationNumberProps";
+import { IValidationProps } from "../props/IValidationProps";
 import { Validator } from "../Validator";
 import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
 
-export interface NSInputIntegerProps extends BaseComponentProps, ValidationProps, ValidationNumberProps
+export interface INSInputIntegerProps extends IBaseComponentProps, IValidationProps, IValidationNumberProps
 {
     title: string;
     defaultValue?: number;
@@ -23,9 +23,9 @@ export interface NSInputIntegerState
     error?: string;
 }
 
-export class NSInputInteger extends React.Component<NSInputIntegerProps, NSInputIntegerState>
+export class NSInputInteger extends React.Component<INSInputIntegerProps, NSInputIntegerState>
 {
-    constructor(props: NSInputIntegerProps)
+    constructor(props: INSInputIntegerProps)
     {
         super(props);
         this.state = { value: props.defaultValue };

package/src/components/NSInputPassword.tsx

@@ -3,13 +3,13 @@
 import React from "react";
 import Styles from "./NSInput.module.css";
 import IconInputString from '../assets/images/icon-input-string.svg';
-import { BaseComponentProps } from "../props/BaseComponentProps";
-import { ValidationProps } from "../props/ValidationProps";
-import { ValidationStringProps } from "../props/ValidationStringProps";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { IValidationProps } from "../props/IValidationProps";
+import { IValidationStringProps } from "../props/IValidationStringProps";
 import { Validator } from "../Validator";
 import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
 
-export interface NSInputPasswordProps extends BaseComponentProps, ValidationProps, ValidationStringProps
+export interface INSInputPasswordProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
 {
     title: string;
     defaultValue?: string;
@@ -23,9 +23,9 @@ export interface NSInputPasswordState
     error?: string;
 }
 
-export class NSInputPassword extends React.Component<NSInputPasswordProps, NSInputPasswordState>
+export class NSInputPassword extends React.Component<INSInputPasswordProps, NSInputPasswordState>
 {
-    constructor(props: NSInputPasswordProps)
+    constructor(props: INSInputPasswordProps)
     {
         super(props);
         this.state = { value: props.defaultValue ?? "" };

package/src/components/NSInputPhone.tsx

@@ -5,13 +5,13 @@ import Styles from "./NSInput.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'
-import { BaseComponentProps } from "../props/BaseComponentProps";
-import { ValidationProps } from "../props/ValidationProps";
-import { ValidationStringProps } from "../props/ValidationStringProps";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { IValidationProps } from "../props/IValidationProps";
+import { IValidationStringProps } from "../props/IValidationStringProps";
 import { Validator } from "../Validator";
 import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
 
-export interface NSInputPhoneProps extends BaseComponentProps, ValidationProps, ValidationStringProps
+export interface INSInputPhoneProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
 {
     title: string;
     defaultValue?: string;
@@ -25,9 +25,9 @@ export interface NSInputPhoneState
     error?: string;
 }
 
-export class NSInputPhone extends React.Component<NSInputPhoneProps, NSInputPhoneState>
+export class NSInputPhone extends React.Component<INSInputPhoneProps, NSInputPhoneState>
 {
-    constructor(props: NSInputPhoneProps)
+    constructor(props: INSInputPhoneProps)
     {
         super(props);
         this.state = { value: props.defaultValue ?? "" };

package/src/components/NSInputPrice.tsx

@@ -3,13 +3,13 @@
 import React from "react";
 import Styles from "./NSInput.module.css";
 import IconInputPrice from '../assets/images/icon-input-price.svg';
-import { BaseComponentProps } from "../props/BaseComponentProps";
-import { ValidationProps } from "../props/ValidationProps";
-import { ValidationNumberProps } from "../props/ValidationNumberProps";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { IValidationProps } from "../props/IValidationProps";
+import { IValidationNumberProps } from "../props/IValidationNumberProps";
 import { Validator } from "../Validator";
 import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
 
-export interface NSInputPriceProps extends BaseComponentProps, ValidationProps, ValidationNumberProps
+export interface INSInputPriceProps extends IBaseComponentProps, IValidationProps, IValidationNumberProps
 {
     title: string;
     defaultValue?: number;
@@ -23,9 +23,9 @@ export interface NSInputPriceState
     error?: string;
 }
 
-export class NSInputPrice extends React.Component<NSInputPriceProps, NSInputPriceState>
+export class NSInputPrice extends React.Component<INSInputPriceProps, NSInputPriceState>
 {
-    constructor(props: NSInputPriceProps)
+    constructor(props: INSInputPriceProps)
     {
         super(props);
         this.state = { value: props.defaultValue };

package/src/components/NSInputSearch.tsx

@@ -3,13 +3,13 @@
 import React from "react";
 import Styles from "./NSInput.module.css";
 import IconInputSearch from '../assets/images/icon-input-search.svg';
-import { BaseComponentProps } from "../props/BaseComponentProps";
-import { ValidationProps } from "../props/ValidationProps";
-import { ValidationStringProps } from "../props/ValidationStringProps";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { IValidationProps } from "../props/IValidationProps";
+import { IValidationStringProps } from "../props/IValidationStringProps";
 import { Validator } from "../Validator";
 import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
 
-export interface NSInputSearchProps extends BaseComponentProps, ValidationProps, ValidationStringProps
+export interface INSInputSearchProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
 {
     title: string;
     defaultValue?: string;
@@ -23,9 +23,9 @@ export interface NSInputSearchState
     error?: string;
 }
 
-export class NSInputSearch extends React.Component<NSInputSearchProps, NSInputSearchState>
+export class NSInputSearch extends React.Component<INSInputSearchProps, NSInputSearchState>
 {
-    constructor(props: NSInputSearchProps)
+    constructor(props: INSInputSearchProps)
     {
         super(props);
         this.state = { value: props.defaultValue ?? "" };

package/src/components/NSInputString.tsx

@@ -3,13 +3,13 @@
 import React from "react";
 import Styles from "./NSInput.module.css";
 import IconInputString from '../assets/images/icon-input-string.svg';
-import { BaseComponentProps } from "../props/BaseComponentProps";
-import { ValidationProps } from "../props/ValidationProps";
-import { ValidationStringProps } from "../props/ValidationStringProps";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { IValidationProps } from "../props/IValidationProps";
+import { IValidationStringProps } from "../props/IValidationStringProps";
 import { Validator } from "../Validator";
 import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
 
-export interface NSInputStringProps extends BaseComponentProps, ValidationProps, ValidationStringProps
+export interface INSInputStringProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
 {
     title: string;
     defaultValue?: string;
@@ -23,9 +23,9 @@ export interface NSInputStringState
     error?: string;
 }
 
-export class NSInputString extends React.Component<NSInputStringProps, NSInputStringState>
+export class NSInputString extends React.Component<INSInputStringProps, NSInputStringState>
 {
-    constructor(props: NSInputStringProps)
+    constructor(props: INSInputStringProps)
     {
         super(props);
         this.state = { value: props.defaultValue ?? "" };

package/src/components/NSInputText.tsx

@@ -3,13 +3,13 @@
 import React from "react";
 import Styles from "./NSInput.module.css";
 import IconInputText from '../assets/images/icon-input-text.svg';
-import { BaseComponentProps } from "../props/BaseComponentProps";
-import { ValidationProps } from "../props/ValidationProps";
-import { ValidationStringProps } from "../props/ValidationStringProps";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { IValidationProps } from "../props/IValidationProps";
+import { IValidationStringProps } from "../props/IValidationStringProps";
 import { Validator } from "../Validator";
 import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
 
-export interface NSInputTextProps extends BaseComponentProps, ValidationProps, ValidationStringProps
+export interface INSInputTextProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
 {
     title: string;
     defaultValue?: string;
@@ -23,9 +23,9 @@ export interface NSInputTextState
     error?: string;
 }
 
-export class NSInputText extends React.Component<NSInputTextProps, NSInputTextState>
+export class NSInputText extends React.Component<INSInputTextProps, NSInputTextState>
 {
-    constructor(props: NSInputTextProps)
+    constructor(props: INSInputTextProps)
     {
         super(props);
         this.state = { value: props.defaultValue ?? "" };

package/src/components/NSInputTime.tsx

@@ -3,13 +3,13 @@
 import React from "react";
 import Styles from "./NSInput.module.css";
 import IconInputTime from '../assets/images/icon-input-time.svg';
-import { BaseComponentProps } from "../props/BaseComponentProps";
-import { ValidationProps } from "../props/ValidationProps";
-import { ValidationStringProps } from "../props/ValidationStringProps";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { IValidationProps } from "../props/IValidationProps";
+import { IValidationStringProps } from "../props/IValidationStringProps";
 import { Validator } from "../Validator";
 import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
 
-export interface NSInputTimeProps extends BaseComponentProps, ValidationProps, ValidationStringProps
+export interface INSInputTimeProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
 {
     title: string;
     defaultValue?: string;
@@ -23,9 +23,9 @@ export interface NSInputTimeState
     error?: string;
 }
 
-export class NSInputTime extends React.Component<NSInputTimeProps, NSInputTimeState>
+export class NSInputTime extends React.Component<INSInputTimeProps, NSInputTimeState>
 {
-    constructor(props: NSInputTimeProps)
+    constructor(props: INSInputTimeProps)
     {
         super(props);
         this.state = { value: props.defaultValue ?? "" };

package/src/components/NSLayout.tsx

@@ -2,19 +2,19 @@ import Styles from './NSLayout.module.css';
 import { ReactNode } from 'react';
 import { NSHeader } from './NSHeader';
 import { NSFooter } from './NSFooter';
-import { BaseComponentProps } from '../props/BaseComponentProps';
-import { NSNotification, NSNotificationProps } from './NSNotification';
+import { IBaseComponentProps } from '../props/IBaseComponentProps';
+import { NSNotification, INSNotificationProps } from './NSNotification';
 
-export interface NSLayoutProps extends BaseComponentProps
+export interface INSLayoutProps extends IBaseComponentProps
 {
 	scope: string;
 	logo: string;
 	background?: string;
-	notifications: NSNotificationProps[];
+	notifications: INSNotificationProps[];
 	children: ReactNode;
 }
 
-export function NSLayout(props: NSLayoutProps)
+export function NSLayout(props: INSLayoutProps)
 {
 	return (
 		<div id={props.id}

package/src/components/NSLayoutHeroBanner.tsx

@@ -1,12 +1,12 @@
 "use client";
 
 import { ReactNode } from 'react';
-import { NSLayout, NSLayoutProps } from './NSLayout';
+import { NSLayout, INSLayoutProps } from './NSLayout';
 import Styles from './NSLayoutHeroBanner.module.css'
 import { Link } from 'react-router-dom';
-import { BaseComponentProps } from '../props/BaseComponentProps';
+import { IBaseComponentProps } from '../props/IBaseComponentProps';
 
-export interface NSLayoutHeroBannerProps extends NSLayoutProps, BaseComponentProps
+export interface INSLayoutHeroBannerProps extends INSLayoutProps, IBaseComponentProps
 {
 	title: string;
 	description?: string;
@@ -15,7 +15,7 @@ export interface NSLayoutHeroBannerProps extends NSLayoutProps, BaseComponentPro
 	children: ReactNode;
 }
 
-export function NSLayoutHeroBanner(props: NSLayoutHeroBannerProps)
+export function NSLayoutHeroBanner(props: INSLayoutHeroBannerProps)
 {
 	return (
 		<NSLayout {...props} >

package/src/components/NSLayoutTitle.tsx

@@ -1,17 +1,17 @@
 import Styles from './NSLayoutTitle.module.css';
 import { ReactNode } from 'react';
-import { NSLayout, NSLayoutProps } from './NSLayout';
+import { NSLayout, INSLayoutProps } from './NSLayout';
 import { NSSpace, NSSpaceSizeType } from './NSSpace';
-import { BaseComponentProps } from '../props/BaseComponentProps';
+import { IBaseComponentProps } from '../props/IBaseComponentProps';
 
-export interface NSLayoutTitleProps extends NSLayoutProps, BaseComponentProps
+export interface INSLayoutTitleProps extends INSLayoutProps, IBaseComponentProps
 {
 	title: string;
 	description?: string;
 	children: ReactNode;
 }
 
-export function NSLayoutTitle(props: NSLayoutTitleProps)
+export function NSLayoutTitle(props: INSLayoutTitleProps)
 {
 	let lines = (props.description ?? "").split(/(\n|\\n|<br>|<br\s*\/>)/gm);
 	return (

package/src/components/NSLink.tsx

@@ -1,12 +1,12 @@
-import { BaseComponentProps } from "../props/BaseComponentProps";
-import { LinkProps } from "../props/LinkProps";
+import { IBaseComponentProps } from "../props/IBaseComponentProps";
+import { ILinkProps } from "../props/ILinkProps";
 import Styles from "./NSLink.module.css";
 
-export interface NSLinkProps extends LinkProps, BaseComponentProps
+export interface INSILinkProps extends ILinkProps, IBaseComponentProps
 {
 }
 
-export function NSLink(props: NSLinkProps)
+export function NSLink(props: INSILinkProps)
 {
 	return (
 		<div

package/src/components/NSLinkBlue.tsx

@@ -1,6 +1,6 @@
-import { NSLink, NSLinkProps } from "./NSLink";
+import { NSLink, INSILinkProps } from "./NSLink";
 
-export function NSLinkBlue(props: NSLinkProps)
+export function NSLinkBlue(props: INSILinkProps)
 {
 	return <NSLink id={props.id} classList={props.classList} style={{ ...props.style, backgroundColor: "#366EFF" }} title={props.title} href={props.href} target={props.target} />;
 }

package/src/components/NSLinkGreen.tsx

@@ -1,6 +1,6 @@
-import { NSLink, NSLinkProps } from "./NSLink";
+import { NSLink, INSILinkProps } from "./NSLink";
 
-export function NSLinkGreen(props: NSLinkProps)
+export function NSLinkGreen(props: INSILinkProps)
 {
     return <NSLink id={props.id} classList={props.classList} style={{ ...props.style, backgroundColor: "#06D182" }} title={props.title} href={props.href} target={props.target} />;
 }

package/src/components/NSLinkRed.tsx

@@ -1,6 +1,6 @@
-import { NSLink, NSLinkProps } from "./NSLink";
+import { NSLink, INSILinkProps } from "./NSLink";
 
-export function NSLinkRed(props: NSLinkProps)
+export function NSLinkRed(props: INSILinkProps)
 {
     return <NSLink id={props.id} classList={props.classList} style={{ ...props.style, backgroundColor: "rgb(265, 63, 63, 1)" }} title={props.title} href={props.href} target={props.target} />;
 }