@emeraldemperaur/vector-sigma 1.4.2 → 1.4.3

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

@@ -4,7 +4,7 @@ export type AvatarShape = 'circle' | 'square' | 'rounded';
 export interface AvatarProps {
     inputtype?: AvatarDesign & {};
     alias: string;
-    inputLabel?: string;
+    inputlabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: any[];
@@ -12,7 +12,7 @@ export interface AvatarProps {
     newRow?: boolean;
     isEdit?: boolean;
     placeholder?: string;
-    readOnly?: boolean;
+    readonly?: boolean;
     isHinted?: boolean;
     hintText?: string;
     hintUrl?: string;
@@ -23,4 +23,4 @@ export interface AvatarProps {
     style?: React.CSSProperties;
     accept?: string;
 }
-export declare const AvatarInput: ({ inputtype, alias, readOnly, width, placeholder, value, shape, size, style, accept, ...props }: AvatarProps) => React.JSX.Element;
+export declare const AvatarInput: ({ inputtype, alias, readonly, width, inputlabel, placeholder, value, shape, size, style, accept, ...props }: AvatarProps) => React.JSX.Element;

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

@@ -5,7 +5,7 @@ import '../../styles/main.scss';
 export interface DesignButtonProps extends ButtonProps {
     inputtype?: ButtonDesign & {};
     alias: string;
-    inputLabel?: string;
+    inputlabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: string;
@@ -19,4 +19,4 @@ export interface DesignButtonProps extends ButtonProps {
     hintUrl?: string;
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }
-export declare const ButtonInput: ({ inputtype, alias, readOnly, style, width, children, ...props }: DesignButtonProps) => React.JSX.Element;
+export declare const ButtonInput: ({ inputtype, type, inputlabel, alias, readOnly, style, width, children, ...props }: DesignButtonProps) => React.JSX.Element;

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

@@ -5,7 +5,7 @@ export type CheckBoxDesign = 'checkbox' | 'checkbox-material' | 'checkbox-outlin
 export interface CheckboxGroup {
     inputtype?: CheckBoxDesign & {};
     alias: string;
-    inputLabel?: string;
+    inputlabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: any[];
@@ -13,7 +13,7 @@ export interface CheckboxGroup {
     newRow?: boolean;
     isEdit?: boolean;
     placeholder?: string;
-    readOnly?: boolean;
+    readonly?: boolean;
     isHinted?: boolean;
     hintText?: string;
     hintUrl?: string;
@@ -24,4 +24,4 @@ export interface CheckboxGroup {
     className?: string;
     style?: React.CSSProperties;
 }
-export declare const CheckboxGroupInput: ({ inputtype, alias, readOnly, width, placeholder, style, value, inputoptions, direction, columns, className, ...props }: CheckboxGroup) => React.JSX.Element;
+export declare const CheckboxGroupInput: ({ inputtype, alias, readonly, width, placeholder, inputlabel, style, value, inputoptions, direction, columns, className, ...props }: CheckboxGroup) => React.JSX.Element;

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

@@ -7,11 +7,11 @@ export type SelectTriggerDesign = 'conditionalselect' | 'conditionalselect-outli
 export type TriggerType = 'conditionaltoggle' | 'conditionalcheckbox' | 'conditionalselect';
 export interface ConditionalProps {
     alias: string;
-    inputLabel: string;
+    inputlabel?: string;
     icon?: React.ReactNode;
     width: number;
-    defaultValue?: any[];
-    value?: any;
+    defaultValue?: any[] | any;
+    value?: any | any[];
     newRow?: boolean;
     isEdit?: boolean;
     placeholder?: string;
@@ -28,4 +28,4 @@ export interface ConditionalProps {
     className?: string;
     style?: React.CSSProperties;
 }
-export declare const ConditionalTrigger: ({ alias, readOnly, width, placeholder, value, inputtype, triggerValue, inputoptions, toggledinputtype, children, style, className, ...props }: ConditionalProps) => React.JSX.Element;
+export declare const ConditionalTrigger: ({ alias, readOnly, width, placeholder, value, inputlabel, inputtype, triggerValue, inputoptions, toggledinputtype, children, style, className, ...props }: ConditionalProps) => React.JSX.Element;

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

@@ -4,14 +4,14 @@ export type DatePickerDesign = 'datepicker' | 'datepicker-material' | 'datepicke
 export interface DatePickerProps {
     inputtype?: DatePickerDesign & {};
     alias: string;
-    inputLabel?: string;
+    inputlabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: string;
     value?: string;
     newRow?: boolean;
     placeholder?: string;
-    readOnly?: boolean;
+    readonly?: boolean;
     isHinted?: boolean;
     hintText?: string;
     hintUrl?: string;
@@ -21,4 +21,4 @@ export interface DatePickerProps {
     className?: string;
     style?: React.CSSProperties;
 }
-export declare const DatePicker: ({ inputtype, alias, readOnly, width, placeholder, value, minvalue, maxvalue, className, style, ...props }: DatePickerProps) => React.JSX.Element;
+export declare const DatePicker: ({ inputtype, alias, readonly, width, inputlabel, placeholder, minvalue, maxvalue, className, style, ...props }: DatePickerProps) => React.JSX.Element;

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

@@ -4,7 +4,7 @@ export type DateRangePickerDesign = 'daterangepicker' | 'daterangepicker-materia
 export interface DateRangePickerProps {
     inputtype?: DateRangePickerDesign & {};
     alias: string;
-    inputLabel?: string;
+    inputlabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: string;
@@ -21,4 +21,4 @@ export interface DateRangePickerProps {
     className?: string;
     style?: React.CSSProperties;
 }
-export declare const DateRangePicker: ({ inputtype, alias, readOnly, width, placeholder, value, minvalue, maxvalue, className, style, ...props }: DateRangePickerProps) => React.JSX.Element;
+export declare const DateRangePicker: ({ inputtype, alias, readOnly, width, inputlabel, placeholder, value, minvalue, maxvalue, className, style, ...props }: DateRangePickerProps) => React.JSX.Element;

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

@@ -4,14 +4,14 @@ export type DateTimePickerDesign = 'datetimepicker' | 'datetimepicker-material'
 export interface DateTimePickerProps {
     inputtype?: DateTimePickerDesign & {};
     alias: string;
-    inputLabel?: string;
+    inputlabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: string;
     value?: string;
     newRow?: boolean;
     placeholder?: string;
-    readOnly?: boolean;
+    readonly?: boolean;
     isHinted?: boolean;
     hintText?: string;
     hintUrl?: string;
@@ -21,4 +21,4 @@ export interface DateTimePickerProps {
     className?: string;
     style?: React.CSSProperties;
 }
-export declare const DateTimePicker: ({ inputtype, alias, readOnly, width, placeholder, value, minvalue, maxvalue, className, style, ...props }: DateTimePickerProps) => React.JSX.Element;
+export declare const DateTimePicker: ({ inputtype, alias, readonly, width, inputlabel, placeholder, value, minvalue, maxvalue, className, style, ...props }: DateTimePickerProps) => React.JSX.Element;

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

@@ -4,14 +4,14 @@ export type DropDownDesign = 'dropdown' | 'dropdown-material' | 'dropdown-outlin
 export interface DropDownProps {
     inputtype?: DropDownDesign & {};
     alias: string;
-    inputLabel?: string;
+    inputlabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: string;
     value?: string;
     newRow?: boolean;
     placeholder?: string;
-    readOnly?: boolean;
+    readonly?: boolean;
     isHinted?: boolean;
     hintText?: string;
     hintUrl?: string;
@@ -29,4 +29,4 @@ export interface DropDownProps {
     className?: string;
     style?: React.CSSProperties;
 }
-export declare const Dropdown: ({ inputtype, alias, readOnly, width, placeholder, value, inputoptions, style, ...props }: DropDownProps) => React.JSX.Element;
+export declare const Dropdown: ({ inputtype, alias, readonly, width, inputlabel, placeholder, value, inputoptions, style, ...props }: DropDownProps) => React.JSX.Element;

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

@@ -4,7 +4,7 @@ export type FileInputDesign = 'fileinput' | 'fileinput-material' | 'fileinput-ou
 export interface FileInputProps {
     inputtype?: FileInputDesign & {};
     alias: string;
-    inputLabel?: string;
+    inputlabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: any;
@@ -12,7 +12,7 @@ export interface FileInputProps {
     newRow?: boolean;
     isEdit?: boolean;
     placeholder?: string;
-    readOnly?: boolean;
+    readonly?: boolean;
     isHinted?: boolean;
     hintText?: string;
     hintUrl?: string;
@@ -21,4 +21,4 @@ export interface FileInputProps {
     errorText?: ReactNode | string | null;
     style?: React.CSSProperties;
 }
-export declare const File: ({ inputtype, alias, readOnly, width, placeholder, value, preview, className, style, ...props }: FileInputProps) => React.JSX.Element;
+export declare const File: ({ inputtype, alias, readonly, width, inputlabel, placeholder, preview, className, style, ...props }: FileInputProps) => React.JSX.Element;

package/lib/types/components/file/filemultiple.d.ts

@@ -4,7 +4,7 @@ export type FileMultipleInputDesign = 'filemultiple' | 'filemultiple-material' |
 export interface FileMultipleInputProps {
     inputtype?: FileMultipleInputDesign & {};
     alias: string;
-    inputLabel?: string;
+    inputlabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: any;
@@ -12,7 +12,7 @@ export interface FileMultipleInputProps {
     newRow?: boolean;
     isEdit?: boolean;
     placeholder?: string;
-    readOnly?: boolean;
+    readonly?: boolean;
     isHinted?: boolean;
     hintText?: string;
     hintUrl?: string;
@@ -21,4 +21,4 @@ export interface FileMultipleInputProps {
     className?: string;
     style?: React.CSSProperties;
 }
-export declare const FileMultiple: ({ inputtype, alias, readOnly, width, placeholder, value, preview, className, style, ...props }: FileMultipleInputProps) => React.JSX.Element;
+export declare const FileMultiple: ({ inputtype, alias, readonly, width, inputlabel, placeholder, preview, className, style, ...props }: FileMultipleInputProps) => React.JSX.Element;

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

@@ -14,4 +14,4 @@ export interface ImageDisplayProps {
     style?: React.CSSProperties;
     onClick?: () => void;
 }
-export declare const Image: ({ 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,17 +6,17 @@ 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;
     placeholder?: string;
-    readOnly?: boolean;
+    readonly?: boolean;
     isHinted?: boolean;
     hintText?: string;
     hintUrl?: string;
     icon?: React.ReactNode;
     defaultValue?: string;
-    value: string;
+    value?: string;
     errorText?: ReactNode | string | null;
     className?: string;
     style?: React.CSSProperties;
@@ -24,4 +24,4 @@ export type xInputFieldProps = React.ComponentProps<typeof TextField.Root> & {
     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, 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, 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, readonly, inputVariant, size, className, ...props }: xInputFieldProps) => React.JSX.Element;

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

@@ -6,7 +6,7 @@ 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;
     delimiter?: string;

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, readonly, inputVariant, className, ...props }: xInputFieldProps) => React.JSX.Element;

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

@@ -5,7 +5,7 @@ import '../../styles/main.scss';
 type CurrencyInputProps = {
     alias: string;
     inputtype?: SupportedCurrency & {} | "currency";
-    inputLabel: string;
+    inputLabel?: string;
     width: number;
     newRow?: boolean;
     defaultValue?: string;

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

@@ -3,7 +3,7 @@ import { InputDesign } from "components/input/input";
 import '../../styles/main.scss';
 type StockInputProps = {
     alias: string;
-    inputLabel: string;
+    inputLabel?: string;
     width: number;
     defaultValue: string;
     newRow?: boolean;

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

@@ -9,7 +9,7 @@ interface RadioGroupProps {
     icon?: React.ReactNode;
     width: number;
     defaultValue?: any[];
-    value: any[];
+    value?: any[];
     newRow?: boolean;
     isEdit?: boolean;
     placeholder?: string;
@@ -24,5 +24,5 @@ interface RadioGroupProps {
     errorText?: ReactNode | string | null;
     style?: React.CSSProperties;
 }
-export declare const RadioGroupInput: ({ inputtype, alias, readOnly, width, placeholder, style, value, inputoptions, direction, columns, className, ...props }: RadioGroupProps) => React.JSX.Element;
+export declare const RadioGroupInput: ({ inputtype, alias, readOnly, width, inputLabel, placeholder, style, inputoptions, direction, columns, className, ...props }: RadioGroupProps) => React.JSX.Element;
 export {};

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

@@ -9,7 +9,7 @@ interface OptionSelectProps {
     icon?: React.ReactNode;
     width: number;
     defaultValue?: string;
-    value: string;
+    value?: string;
     newRow?: boolean;
     placeholder?: string;
     readOnly?: boolean;
@@ -22,5 +22,5 @@ interface OptionSelectProps {
     className?: string;
     style?: React.CSSProperties;
 }
-export declare const OptionSelect: ({ inputtype, alias, readOnly, width, placeholder, style, value, inputoptions, className, ...props }: OptionSelectProps) => React.JSX.Element;
+export declare const OptionSelect: ({ inputtype, alias, readOnly, width, inputLabel, placeholder, style, inputoptions, className, ...props }: OptionSelectProps) => React.JSX.Element;
 export {};

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

@@ -9,7 +9,7 @@ interface MultipleSelectProps {
     icon?: React.ReactNode;
     width: number;
     defaultValue?: any[];
-    value: any[];
+    value?: any[];
     newRow?: boolean;
     isEdit?: boolean;
     placeholder?: string;
@@ -22,5 +22,5 @@ interface MultipleSelectProps {
     className?: string;
     style?: React.CSSProperties;
 }
-export declare const MultipleSelect: ({ inputtype, alias, readOnly, width, placeholder, style, value, inputoptions, className, ...props }: MultipleSelectProps) => React.JSX.Element;
+export declare const MultipleSelect: ({ inputtype, alias, readOnly, width, inputLabel, placeholder, style, inputoptions, className, ...props }: MultipleSelectProps) => React.JSX.Element;
 export {};

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

@@ -4,15 +4,15 @@ 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;
+    value?: string;
     newRow?: boolean;
     errorText?: ReactNode | string | null;
     placeholder?: string;
-    readOnly?: boolean;
+    readonly?: boolean;
     isHinted?: boolean;
     hintText?: string;
     hintUrl?: string;
@@ -24,5 +24,5 @@ interface RangeProps {
     className?: string;
     style?: React.CSSProperties;
 }
-export declare const RangeSlider: ({ inputtype, alias, readOnly, width, placeholder, value, minvalue, maxvalue, stepvalue, minStepsBetweenThumbs, className, style, ...props }: RangeProps) => React.JSX.Element;
+export declare const RangeSlider: ({ inputtype, alias, readonly, width, inputlabel, placeholder, minvalue, maxvalue, stepvalue, minStepsBetweenThumbs, className, style, ...props }: RangeProps) => React.JSX.Element;
 export {};

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

@@ -8,7 +8,7 @@ interface SliderProps {
     icon?: React.ReactNode;
     width: number;
     defaultValue?: string;
-    value: string;
+    value?: string;
     newRow?: boolean;
     errorText?: ReactNode | string | null;
     placeholder?: string;
@@ -22,5 +22,5 @@ interface SliderProps {
     className?: string;
     style?: React.CSSProperties;
 }
-export declare const SliderInput: ({ inputtype, alias, readOnly, width, placeholder, value, minvalue, maxvalue, stepvalue, className, style, ...props }: SliderProps) => React.JSX.Element;
+export declare const SliderInput: ({ inputtype, alias, readOnly, width, placeholder, minvalue, maxvalue, stepvalue, className, style, ...props }: SliderProps) => React.JSX.Element;
 export {};

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

@@ -1,25 +1,18 @@
-import React from "react";
+import React, { ReactNode } from "react";
 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 & {};
-    pressed?: boolean;
-    defaultPressed?: boolean;
-    onPressedChange?: (pressed: boolean) => void;
+    inputtype?: ToggleDesign;
     alias: string;
     inputLabel?: string;
-    icon?: React.ReactNode;
     width: number;
-    defaultValue?: string;
-    value: string;
     newRow?: boolean;
-    placeholder?: string;
     readOnly?: boolean;
     isHinted?: boolean;
     hintText?: string;
     hintUrl?: string;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    errorText?: ReactNode | string | null;
 }
-export declare const Toggle: ({ inputtype, alias, readOnly, width, pressed, defaultPressed, onPressedChange, style, children, ...props }: ToggleProps) => React.JSX.Element;
+export declare const Toggle: ({ inputtype, alias, readOnly, width, inputLabel, style, children, newRow, isHinted, hintText, hintUrl, ...props }: ToggleProps) => React.JSX.Element;
 export {};

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

@@ -1,7 +1,6 @@
 import React from "react";
-import type { TextProps } from '@radix-ui/themes';
 import '../../styles/main.scss';
-type xTitleProps = TextProps & {
+type xTitleProps = {
     title: string;
     iconname?: string;
     width: number;

package/package.json

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