@emeraldemperaur/vector-sigma 1.4.10 → 1.4.12

package/lib/types/components/image/image.d.ts

@@ -10,8 +10,8 @@ export interface ImageDisplayProps {
     aspectratio?: number;
     height?: string | number;
     width?: string | number;
-    classname?: string;
+    className?: string;
     style?: React.CSSProperties;
     onClick?: () => void;
 }
-export declare const ImageOutput: ({ id, src, alt, design, layout, aspectratio, height, width, classname, style, onClick, }: ImageDisplayProps) => React.JSX.Element;
+export declare const ImageOutput: ({ id, src, alt, design, layout, aspectratio, height, width, className, style, onClick, }: ImageDisplayProps) => React.JSX.Element;

package/lib/types/components/input/input.d.ts

@@ -6,22 +6,22 @@ export type InputDesign = "input" | "input-material" | "input-outline" | "input-
 export type xInputFieldProps = React.ComponentProps<typeof TextField.Root> & {
     alias: string;
     inputtype?: InputType & {};
-    inputlabel?: string;
+    inputLabel?: string;
     width: number;
-    newrow?: boolean;
+    newRow?: boolean;
     placeholder?: string;
-    readonly?: boolean;
-    ishinted?: boolean;
-    hinttext?: string;
-    hinturl?: string;
+    readOnly?: boolean;
+    isHinted?: boolean;
+    hintText?: string;
+    hintUrl?: string;
     icon?: React.ReactNode;
     defaultvalue?: string;
     value?: string;
-    errortext?: ReactNode | string | null;
-    classname?: string;
+    errorText?: ReactNode | string | null;
+    className?: string;
     style?: React.CSSProperties;
     inputvariant?: InputDesign & {};
     delimiter?: string;
     format?: number[];
 };
-export declare const Input: ({ alias, inputtype, width, inputlabel, readonly, placeholder, className, size, style, inputvariant, ...props }: xInputFieldProps) => React.JSX.Element;
+export declare const Input: ({ alias, inputtype, width, inputLabel, readOnly, placeholder, newRow, isHinted, hintText, hintUrl, errorText, className, size, style, inputvariant, ...props }: xInputFieldProps) => React.JSX.Element;

package/lib/types/components/input/passwordInput.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { xInputFieldProps } from "./input";
 import '../../styles/main.scss';
-export declare const PasswordInput: ({ alias, inputlabel, width, readonly, placeholder, inputvariant, size, className, ...props }: xInputFieldProps) => React.JSX.Element;
+export declare const PasswordInput: ({ alias, inputLabel, width, readOnly, placeholder, newRow, isHinted, hintText, hintUrl, errorText, inputvariant, size, className, ...props }: xInputFieldProps) => React.JSX.Element;

package/lib/types/components/input/phoneInput.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { xInputFieldProps } from "./input";
 import '../../styles/main.scss';
-export declare const PhoneInput: ({ alias, inputlabel, width, placeholder, readonly, inputvariant, size, className, ...props }: xInputFieldProps) => React.JSX.Element;
+export declare const PhoneInput: ({ alias, inputLabel, width, placeholder, newRow, isHinted, hintText, hintUrl, errorText, readOnly, inputvariant, size, className, ...props }: xInputFieldProps) => React.JSX.Element;

package/lib/types/components/input/uuidInput.d.ts

@@ -6,18 +6,18 @@ type startsWithUuid = `uuid${string}`;
 type UUIDInputProps = Omit<React.ComponentProps<typeof TextField.Root>, 'type' | 'onChange' | 'value' | 'defaultValue'> & {
     alias: string;
     type: startsWithUuid;
-    inputlabel?: string;
+    inputLabel?: string;
     width: number;
-    newrow?: boolean;
+    newRow?: boolean;
     delimiter?: string;
     format?: number[];
-    ishinted?: boolean;
-    hinttext?: string;
-    hinturl?: string;
+    isHinted?: boolean;
+    hintText?: string;
+    hintUrl?: string;
     placeholder?: string;
-    errortext?: ReactNode | string | null;
-    classname?: string;
-    inputvariant?: InputDesign & {};
+    errorText?: ReactNode | string | null;
+    className?: string;
+    inputVariant?: InputDesign & {};
 };
-export declare const UUIDInput: ({ alias, type, inputlabel, width, delimiter, format, placeholder, readOnly, inputvariant, size, className, ...props }: UUIDInputProps) => React.JSX.Element;
+export declare const UUIDInput: ({ alias, type, inputLabel, width, delimiter, format, placeholder, newRow, isHinted, hintText, hintUrl, errorText, readOnly, inputVariant, size, className, ...props }: UUIDInputProps) => React.JSX.Element;
 export {};

package/lib/types/components/input/xCreditCardInput.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { xInputFieldProps } from "./input";
 import '../../styles/main.scss';
-export declare const CreditCardInput: ({ alias, inputlabel, width, placeholder, readonly, inputvariant, classname, ...props }: xInputFieldProps) => React.JSX.Element;
+export declare const CreditCardInput: ({ alias, inputLabel, width, placeholder, newRow, isHinted, hintText, hintUrl, errorText, readOnly, inputvariant, className, ...props }: xInputFieldProps) => React.JSX.Element;

package/lib/types/components/inputcurrency/inputcurrency.d.ts

@@ -5,18 +5,18 @@ import '../../styles/main.scss';
 type CurrencyInputProps = {
     alias: string;
     inputtype?: SupportedCurrency | "currency";
-    inputlabel?: string;
+    inputLabel?: string;
     width: number;
     newRow?: boolean;
     defaultvalue?: string;
     placeholder?: string;
-    readonly?: boolean;
-    ishinted?: boolean;
-    hinttext?: string;
-    errortext?: ReactNode | string | null;
-    hinturl?: string;
+    readOnly?: boolean;
+    isHinted?: boolean;
+    hintText?: string;
+    errorText?: ReactNode | string | null;
+    hintUrl?: string;
     inputvariant?: InputDesign & {};
-    classname?: string;
+    className?: string;
 };
-export declare const CurrencyInput: ({ alias, inputtype, inputlabel, width, defaultvalue, placeholder, readonly, inputvariant, classname, ...props }: CurrencyInputProps) => React.JSX.Element;
+export declare const CurrencyInput: ({ alias, inputtype, inputLabel, width, defaultvalue, placeholder, newRow, isHinted, hintText, hintUrl, errorText, readOnly, inputvariant, className, ...props }: CurrencyInputProps) => React.JSX.Element;
 export {};

package/lib/types/components/inputcurrency/stockInput.d.ts

@@ -3,18 +3,18 @@ import { InputDesign } from "components/input/input";
 import '../../styles/main.scss';
 type StockInputProps = {
     alias: string;
-    inputlabel?: string;
+    inputLabel?: string;
     width: number;
     defaultvalue: string;
-    newrow?: boolean;
+    newRow?: boolean;
     placeholder?: string;
-    readonly?: boolean;
-    ishinted?: boolean;
-    hinttext?: string;
-    hinturl?: string;
-    errortext?: ReactNode | string | null;
+    readOnly?: boolean;
+    isHinted?: boolean;
+    hintText?: string;
+    hintUrl?: string;
+    errorText?: ReactNode | string | null;
     inputvariant?: InputDesign & {};
-    classname?: string;
+    className?: string;
 };
-export declare const StockInput: ({ alias, inputlabel, width, defaultvalue, placeholder, readonly, inputvariant, classname, ...props }: StockInputProps) => React.JSX.Element;
+export declare const StockInput: ({ alias, inputLabel, width, defaultvalue, placeholder, newRow, isHinted, hintText, hintUrl, errorText, readOnly, inputvariant, className, ...props }: StockInputProps) => React.JSX.Element;
 export {};

package/lib/types/components/radio/radio.d.ts

@@ -5,24 +5,23 @@ export type RadioDesign = 'radio' | 'radio-material' | 'radio-outline' | 'radio-
 interface RadioGroupProps {
     inputtype?: RadioDesign & {};
     alias: string;
-    inputlabel?: string;
+    inputLabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultvalue?: any[];
     value?: any[];
-    newrow?: boolean;
-    isedit?: boolean;
+    newRow?: boolean;
     placeholder?: string;
-    readonly?: boolean;
-    ishinted?: boolean;
-    hinttext?: string;
-    hinturl?: string;
-    inputoptions: InputOption[];
+    readOnly?: boolean;
+    isHinted?: boolean;
+    hintText?: string;
+    hintUrl?: string;
+    inputOptions: InputOption[];
     direction?: 'row' | 'column';
     columns?: string;
-    classname?: string;
+    className?: string;
     errorText?: ReactNode | string | null;
     style?: React.CSSProperties;
 }
-export declare const RadioGroupInput: ({ inputtype, alias, readonly, width, inputlabel, placeholder, style, inputoptions, direction, columns, classname, ...props }: RadioGroupProps) => React.JSX.Element;
+export declare const RadioGroupInput: ({ inputtype, alias, readOnly, width, inputLabel, placeholder, newRow, isHinted, hintText, hintUrl, errorText, style, inputOptions, direction, columns, className, ...props }: RadioGroupProps) => React.JSX.Element;
 export {};

package/lib/types/components/select/select.d.ts

@@ -4,20 +4,20 @@ export type OptionSelectDesign = 'dropdown' | 'dropdown-material' | 'dropdown-ou
 export interface SelectProps {
     inputtype?: OptionSelectDesign & {};
     alias: string;
-    inputlabel?: string;
+    inputLabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultvalue?: string;
     value?: string;
     newRow?: boolean;
     placeholder?: string;
-    readonly?: boolean;
-    ishinted?: boolean;
-    hinttext?: string;
-    hinturl?: string;
+    readOnly?: boolean;
+    isHinted?: boolean;
+    hintText?: string;
+    hintUrl?: string;
     onValueChange?: (value: string) => void;
-    errortext?: ReactNode | string | null;
-    inputoptions: {
+    errorText?: ReactNode | string | null;
+    inputOptions: {
         optionid: number | string;
         text: string;
         optionvalue: string;
@@ -29,4 +29,4 @@ export interface SelectProps {
     className?: string;
     style?: React.CSSProperties;
 }
-export declare const OptionSelect: ({ inputtype, alias, readonly, width, inputlabel, placeholder, value, inputoptions, style, newRow, ishinted, hinttext, hinturl, defaultvalue, errortext, ...props }: SelectProps) => React.JSX.Element;
+export declare const OptionSelect: ({ inputtype, alias, readOnly, width, inputLabel, placeholder, value, inputOptions, style, newRow, isHinted, hintText, hintUrl, defaultvalue, errorText, ...props }: SelectProps) => React.JSX.Element;

package/lib/types/components/selectmultiple/selectmultiple.d.ts

@@ -5,22 +5,21 @@ export type MultipleSelectDesign = 'multiselect' | 'multiselect-material' | 'mul
 interface MultipleSelectProps {
     inputtype?: MultipleSelectDesign & {};
     alias: string;
-    inputlabel?: string;
+    inputLabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultvalue?: any[];
     value?: any[];
-    newrow?: boolean;
-    isedit?: boolean;
+    newRow?: boolean;
     placeholder?: string;
-    readonly?: boolean;
-    ishinted?: boolean;
-    hinttext?: string;
-    hinturl?: string;
-    inputoptions: InputOption[];
-    errortext?: ReactNode | string | null;
-    classname?: string;
+    readOnly?: boolean;
+    isHinted?: boolean;
+    hintText?: string;
+    hintUrl?: string;
+    inputOptions: InputOption[];
+    errorText?: ReactNode | string | null;
+    className?: string;
     style?: React.CSSProperties;
 }
-export declare const MultipleSelect: ({ inputtype, alias, readonly, width, inputlabel, placeholder, style, inputoptions, classname, ...props }: MultipleSelectProps) => React.JSX.Element;
+export declare const MultipleSelect: ({ inputtype, alias, readOnly, width, inputLabel, placeholder, newRow, isHinted, hintText, hintUrl, errorText, style, inputOptions, className, ...props }: MultipleSelectProps) => React.JSX.Element;
 export {};

package/lib/types/components/slider/range.d.ts

@@ -4,18 +4,18 @@ export type RangeDesign = 'range' | 'range-material' | 'range-outline' | 'range-
 interface RangeProps {
     inputtype?: RangeDesign & {};
     alias: string;
-    inputlabel?: string;
+    inputLabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultvalue?: string;
     value?: string;
-    newrow?: boolean;
-    errortext?: ReactNode | string | null;
+    newRow?: boolean;
+    errorText?: ReactNode | string | null;
     placeholder?: string;
-    readonly?: boolean;
-    ishinted?: boolean;
-    hinttext?: string;
-    hinturl?: string;
+    readOnly?: boolean;
+    isHinted?: boolean;
+    hintText?: string;
+    hintUrl?: string;
     minvalue?: number;
     maxvalue?: number;
     stepvalue?: number;
@@ -24,5 +24,5 @@ interface RangeProps {
     className?: string;
     style?: React.CSSProperties;
 }
-export declare const RangeSlider: ({ inputtype, alias, readonly, width, inputlabel, placeholder, minvalue, maxvalue, stepvalue, minStepsBetweenThumbs, className, style, ...props }: RangeProps) => React.JSX.Element;
+export declare const RangeSlider: ({ inputtype, alias, readOnly, width, inputLabel, placeholder, newRow, isHinted, hintText, hintUrl, errorText, minvalue, maxvalue, stepvalue, minStepsBetweenThumbs, className, style, ...props }: RangeProps) => React.JSX.Element;
 export {};

package/lib/types/components/slider/slider.d.ts

@@ -4,23 +4,23 @@ export type SliderDesign = 'slider' | 'slider-material' | 'slider-outline' | 'sl
 interface SliderProps {
     inputtype?: SliderDesign & {};
     alias: string;
-    inputlabel?: string;
+    inputLabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultvalue?: string;
     value?: string;
-    newrow?: boolean;
-    errortext?: ReactNode | string | null;
+    newRow?: boolean;
+    errorText?: ReactNode | string | null;
     placeholder?: string;
-    readonly?: boolean;
-    ishinted?: boolean;
-    hinttext?: string;
-    hinturl?: string;
-    minvalue?: number;
-    maxvalue?: number;
-    stepvalue?: number;
+    readOnly?: boolean;
+    isHinted?: boolean;
+    hintText?: string;
+    hintUrl?: string;
+    minValue?: number;
+    maxValue?: number;
+    stepValue?: number;
     className?: string;
     style?: React.CSSProperties;
 }
-export declare const SliderInput: ({ inputtype, alias, readonly, width, inputlabel, placeholder, minvalue, maxvalue, stepvalue, className, style, ...props }: SliderProps) => React.JSX.Element;
+export declare const SliderInput: ({ inputtype, alias, readOnly, width, inputLabel, placeholder, newRow, isHinted, hintText, hintUrl, errorText, minValue, maxValue, stepValue, className, style, ...props }: SliderProps) => React.JSX.Element;
 export {};

package/lib/types/components/toggle/toggle.d.ts

@@ -3,17 +3,17 @@ import type { ButtonProps } from '@radix-ui/themes';
 import '../../styles/main.scss';
 export type ToggleDesign = 'toggle' | 'toggle-material' | 'toggle-outline' | 'toggle-neumorphic';
 interface ToggleProps extends ButtonProps {
-    inputtype?: ToggleDesign;
+    inputtype?: ToggleDesign & {};
     alias: string;
-    inputlabel?: string;
+    inputLabel?: string;
     width: number;
-    newrow?: boolean;
-    readonly?: boolean;
-    ishinted?: boolean;
-    hinttext?: string;
-    hinturl?: string;
+    newRow?: boolean;
+    readOnly?: boolean;
+    isHinted?: boolean;
+    hintText?: string;
+    hintUrl?: string;
     icon?: string;
-    errortext?: ReactNode | string | null;
+    errorText?: ReactNode | string | null;
 }
-export declare const Toggle: ({ inputtype, alias, readonly, width, inputlabel, style, children, newrow, ishinted, hinttext, hinturl, icon, ...props }: ToggleProps) => React.JSX.Element;
+export declare const Toggle: ({ inputtype, alias, readOnly, width, inputLabel, style, children, newRow, isHinted, hintText, hintUrl, errorText, icon, ...props }: ToggleProps) => React.JSX.Element;
 export {};

package/lib/types/components/xtitle/xtitle.d.ts

@@ -6,14 +6,15 @@ interface TitleProps {
     newRow?: boolean;
     size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9";
     subsize?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9";
-    subtitle?: string;
+    subTitle?: string;
     align?: "left" | "center" | "right";
     withSeparator?: boolean;
     className?: string;
-    backgroundcolor?: string;
+    backgroundColor?: string;
     icon?: React.ReactNode;
     titleColor?: string;
     subtitleColor?: string;
+    letterSpacing?: string;
 }
-export declare const SectionTitle: ({ title, width, newRow, size, subsize, subtitle, align, withSeparator, className, backgroundcolor, icon, titleColor, subtitleColor }: TitleProps) => React.JSX.Element;
+export declare const SectionTitle: ({ title, width, newRow, size, subsize, subTitle, align, letterSpacing, withSeparator, className, backgroundColor, icon, titleColor, subtitleColor }: TitleProps) => React.JSX.Element;
 export {};

package/lib/types/utils/vinci.d.ts

@@ -10,11 +10,46 @@ export declare const ACCEPTED_EXTENSIONS: string;
 export declare const formatBytes: (bytes: number, decimals?: number) => string;
 export declare const classNames: (...classes: string[]) => string;
 export interface InputOption {
+    /**
+    * * The required unique option id for the Input Option item.
+    * * @example
+    * optionid="versin-gtr-x-1000"
+    */
     optionid: number | string;
+    /**
+    * * The required text for the Input Option item.
+    * * @example
+    * text="Versin' GTR-X"
+    */
     text: string;
+    /**
+    * * The required option value for the Input Option item.
+    * * @example
+    * optionvalue="VGTRX-1000"
+    */
     optionvalue: string;
+    /**
+    * * The optional tag for the Input Option item.
+    * * @example
+    * tag="HINT"
+    */
     tag?: string;
-    score?: number | string;
+    /**
+    * * The optional meta numerical score for the Input Option item.
+    * * @example
+    * score={10}
+    */
+    score?: number;
+    /**
+     * * The optional meta note for the Input Option item.
+     * * @example
+     * note="This is an example hint note for the Input Option item."
+     */
     note?: string;
+    /**
+    * * The optional meta optionurl for the Input Option item.
+    * * @example
+    * optionurl="https://github.com/emeraldemperaur/vector-sigma"
+    */
     optionurl?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emeraldemperaur/vector-sigma",
-  "version": "1.4.10",
+  "version": "1.4.12",
   "description": "Dynamic Form Orchestrator: NPM Package",
   "repository": {
     "type": "git",