@emeraldemperaur/vector-sigma 1.4.1 → 1.4.3

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

@@ -2,17 +2,17 @@ import React, { ReactNode } from 'react';
 export type AvatarDesign = 'avatar' | 'avatar-outline' | 'avatar-material' | 'avatar-neumorphic';
 export type AvatarShape = 'circle' | 'square' | 'rounded';
 export interface AvatarProps {
-    inputtype?: AvatarDesign;
+    inputtype?: AvatarDesign & {};
     alias: string;
-    inputLabel?: string;
+    inputlabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: any[];
-    value: any[];
+    value?: any[];
     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 xAvatar: ({ 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

@@ -3,9 +3,9 @@ import type { ButtonProps } from '@radix-ui/themes';
 export type ButtonDesign = 'button' | 'button-material' | 'button-outline' | 'button-neumorphic';
 import '../../styles/main.scss';
 export interface DesignButtonProps extends ButtonProps {
-    inputtype?: ButtonDesign;
+    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 xButton: ({ 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

@@ -3,17 +3,17 @@ import { InputOption } from 'utils/vinci';
 import '../../styles/main.scss';
 export type CheckBoxDesign = 'checkbox' | 'checkbox-material' | 'checkbox-outline' | 'checkbox-neumorphic';
 export interface CheckboxGroup {
-    inputtype?: CheckBoxDesign;
+    inputtype?: CheckBoxDesign & {};
     alias: string;
-    inputLabel?: string;
+    inputlabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: any[];
-    value: any[];
+    value?: any[];
     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 CheckboxGroup: ({ 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;
@@ -19,8 +19,8 @@ export interface ConditionalProps {
     isHinted?: boolean;
     hintText?: string;
     hintUrl?: string;
-    inputtype?: ToggleTriggerDesign | CheckboxTriggerDesign | SelectTriggerDesign;
-    toggledinputtype?: ToggleTriggerDesign | CheckboxTriggerDesign | SelectTriggerDesign;
+    inputtype?: ToggleTriggerDesign & {} | CheckboxTriggerDesign & {} | SelectTriggerDesign & {};
+    toggledinputtype?: ToggleTriggerDesign & {} | CheckboxTriggerDesign & {} | SelectTriggerDesign & {};
     triggerValue?: any;
     inputoptions?: InputOption[];
     errorText?: ReactNode | string | null;
@@ -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

@@ -2,16 +2,16 @@ import React, { ReactNode } from 'react';
 import '../../styles/main.scss';
 export type DatePickerDesign = 'datepicker' | 'datepicker-material' | 'datepicker-outline' | 'datepicker-neumorphic';
 export interface DatePickerProps {
-    inputtype?: DatePickerDesign;
+    inputtype?: DatePickerDesign & {};
     alias: string;
-    inputLabel?: string;
+    inputlabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: string;
-    value: 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

@@ -2,13 +2,13 @@ import React, { ReactNode } from 'react';
 import '../../styles/main.scss';
 export type DateRangePickerDesign = 'daterangepicker' | 'daterangepicker-material' | 'daterangepicker-outline' | 'daterangepicker-neumorphic';
 export interface DateRangePickerProps {
-    inputtype?: DateRangePickerDesign;
+    inputtype?: DateRangePickerDesign & {};
     alias: string;
-    inputLabel?: string;
+    inputlabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: string;
-    value: string;
+    value?: string;
     newRow?: boolean;
     placeholder?: string;
     readOnly?: boolean;
@@ -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

@@ -2,16 +2,16 @@ import React, { ReactNode } from 'react';
 import '../../styles/main.scss';
 export type DateTimePickerDesign = 'datetimepicker' | 'datetimepicker-material' | 'datetimepicker-outline' | 'datetimepicker-neumorphic';
 export interface DateTimePickerProps {
-    inputtype?: DateTimePickerDesign;
+    inputtype?: DateTimePickerDesign & {};
     alias: string;
-    inputLabel?: string;
+    inputlabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: string;
-    value: 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

@@ -2,16 +2,16 @@ import React, { ReactNode } from 'react';
 import '../../styles/main.scss';
 export type DropDownDesign = 'dropdown' | 'dropdown-material' | 'dropdown-outline' | 'dropdown-neumorphic';
 export interface DropDownProps {
-    inputtype?: DropDownDesign;
+    inputtype?: DropDownDesign & {};
     alias: string;
-    inputLabel?: string;
+    inputlabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: string;
-    value: 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

@@ -2,9 +2,9 @@ import React, { ReactNode } from 'react';
 import '../../styles/main.scss';
 export type FileInputDesign = 'fileinput' | 'fileinput-material' | 'fileinput-outline' | 'fileinput-neumorphic';
 export interface FileInputProps {
-    inputtype?: FileInputDesign;
+    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

@@ -2,9 +2,9 @@ import React, { ReactNode } from 'react';
 import '../../styles/main.scss';
 export type FileMultipleInputDesign = 'filemultiple' | 'filemultiple-material' | 'filemultiple-outline' | 'filemultiple-neumorphic';
 export interface FileMultipleInputProps {
-    inputtype?: FileMultipleInputDesign;
+    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

@@ -5,8 +5,8 @@ export interface ImageDisplayProps {
     id: string | number;
     src: string;
     alt?: string;
-    design?: ImageDesign;
-    layout?: ImageLayout;
+    design?: ImageDesign & {};
+    layout?: ImageLayout & {};
     aspectRatio?: number;
     height?: string | number;
     width?: string | number;
@@ -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

@@ -5,23 +5,23 @@ export type InputType = 'date' | 'datetime-local' | 'email' | 'hidden' | 'month'
 export type InputDesign = "input" | "input-material" | "input-outline" | "input-neumorphic";
 export type xInputFieldProps = React.ComponentProps<typeof TextField.Root> & {
     alias: string;
-    inputtype?: InputType;
-    inputLabel?: string;
+    inputtype?: InputType & {};
+    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;
-    inputVariant?: InputDesign;
+    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, 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;
@@ -17,7 +17,7 @@ type UUIDInputProps = Omit<React.ComponentProps<typeof TextField.Root>, 'type' |
     placeholder?: string;
     errorText?: ReactNode | string | null;
     className?: string;
-    inputVariant?: InputDesign;
+    inputVariant?: InputDesign & {};
 };
 export declare const UUIDInput: ({ alias, type, inputLabel, width, delimiter, format, placeholder, 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, readonly, inputVariant, className, ...props }: xInputFieldProps) => React.JSX.Element;

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

@@ -4,8 +4,8 @@ import { InputDesign } from "components/input/input";
 import '../../styles/main.scss';
 type CurrencyInputProps = {
     alias: string;
-    inputtype?: SupportedCurrency | "currency";
-    inputLabel: string;
+    inputtype?: SupportedCurrency & {} | "currency";
+    inputLabel?: string;
     width: number;
     newRow?: boolean;
     defaultValue?: string;
@@ -15,7 +15,7 @@ type CurrencyInputProps = {
     hintText?: string;
     errorText?: ReactNode | string | null;
     hintUrl?: string;
-    inputVariant?: InputDesign;
+    inputVariant?: InputDesign & {};
     className?: string;
 };
 export declare const CurrencyInput: ({ alias, inputtype, inputLabel, width, defaultValue, placeholder, readOnly, inputVariant, className, ...props }: CurrencyInputProps) => React.JSX.Element;

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;
@@ -13,7 +13,7 @@ type StockInputProps = {
     hintText?: string;
     hintUrl?: string;
     errorText?: ReactNode | string | null;
-    inputVariant?: InputDesign;
+    inputVariant?: InputDesign & {};
     className?: string;
 };
 export declare const StockInput: ({ alias, inputLabel, width, defaultValue, placeholder, readOnly, inputVariant, className, ...props }: StockInputProps) => React.JSX.Element;

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

@@ -3,13 +3,13 @@ import { InputOption } from 'utils/vinci';
 import '../../styles/main.scss';
 export type RadioDesign = 'radio' | 'radio-material' | 'radio-outline' | 'radio-neumorphic';
 interface RadioGroupProps {
-    inputtype?: RadioDesign;
+    inputtype?: RadioDesign & {};
     alias: string;
     inputLabel?: string;
     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 xRadioGroup: ({ 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

@@ -3,13 +3,13 @@ import { InputOption } from "utils/vinci";
 import '../../styles/main.scss';
 export type OptionSelectDesign = 'select' | 'select-material' | 'select-outline' | 'select-neumorphic';
 interface OptionSelectProps {
-    inputtype?: OptionSelectDesign;
+    inputtype?: OptionSelectDesign & {};
     alias: string;
     inputLabel?: string;
     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

@@ -3,13 +3,13 @@ import { InputOption } from "utils/vinci";
 import '../../styles/main.scss';
 export type MultipleSelectDesign = 'multiselect' | 'multiselect-material' | 'multiselect-outline' | 'multiselect-neumorphic';
 interface MultipleSelectProps {
-    inputtype?: MultipleSelectDesign;
+    inputtype?: MultipleSelectDesign & {};
     alias: string;
     inputLabel?: string;
     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

@@ -2,17 +2,17 @@ import React, { ReactNode } from 'react';
 import '../../styles/main.scss';
 export type RangeDesign = 'range' | 'range-material' | 'range-outline' | 'range-neumorphic';
 interface RangeProps {
-    inputtype?: RangeDesign;
+    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

@@ -2,13 +2,13 @@ import React, { ReactNode } from 'react';
 import '../../styles/main.scss';
 export type SliderDesign = 'slider' | 'slider-material' | 'slider-outline' | 'slider-neumorphic';
 interface SliderProps {
-    inputtype?: SliderDesign;
+    inputtype?: SliderDesign & {};
     alias: string;
     inputLabel?: string;
     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 xSlider: ({ 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;
     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;
@@ -11,5 +10,5 @@ type xTitleProps = TextProps & {
     fontFamily?: string;
     subTitle?: string;
 };
-export declare const xTitle: ({ title, iconname, textColor, backgroundColor, fontFamily, ...props }: xTitleProps) => React.JSX.Element;
+export declare const SectionTitle: ({ title, iconname, textColor, backgroundColor, fontFamily, ...props }: xTitleProps) => React.JSX.Element;
 export {};

package/lib/types/index.d.ts

@@ -10,6 +10,7 @@ export * from './components/daterangepicker/daterangepicker';
 export * from './components/datetimepicker/datetimepicker';
 export * from './components/dropdown/dropdown';
 export * from './components/file/file';
+export * from './components/file/filemultiple';
 export * from './components/icons/icons';
 export * from './components/icons/flagicon';
 export * from './components/image/image';

package/package.json

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