@emeraldemperaur/vector-sigma 1.4.0 → 1.4.2

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

@@ -2,13 +2,13 @@ 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;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: any[];
-    value: any[];
+    value?: any[];
     newRow?: boolean;
     isEdit?: boolean;
     placeholder?: 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, placeholder, value, shape, size, style, accept, ...props }: AvatarProps) => React.JSX.Element;

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

@@ -3,7 +3,7 @@ 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;
     icon?: React.ReactNode;
@@ -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, alias, readOnly, style, width, children, ...props }: DesignButtonProps) => React.JSX.Element;

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

@@ -3,13 +3,13 @@ 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;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: any[];
-    value: any[];
+    value?: any[];
     newRow?: boolean;
     isEdit?: boolean;
     placeholder?: 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, style, value, inputoptions, direction, columns, className, ...props }: CheckboxGroup) => React.JSX.Element;

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

@@ -11,7 +11,7 @@ export interface ConditionalProps {
     icon?: React.ReactNode;
     width: number;
     defaultValue?: any[];
-    value: any;
+    value?: 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;

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

@@ -2,13 +2,13 @@ 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;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: string;
-    value: string;
+    value?: string;
     newRow?: boolean;
     placeholder?: string;
     readOnly?: boolean;

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;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: string;
-    value: string;
+    value?: string;
     newRow?: boolean;
     placeholder?: string;
     readOnly?: boolean;

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

@@ -2,13 +2,13 @@ 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;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: string;
-    value: string;
+    value?: string;
     newRow?: boolean;
     placeholder?: string;
     readOnly?: boolean;

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

@@ -2,13 +2,13 @@ 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;
     icon?: React.ReactNode;
     width: number;
     defaultValue?: string;
-    value: string;
+    value?: string;
     newRow?: boolean;
     placeholder?: string;
     readOnly?: boolean;

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

@@ -2,7 +2,7 @@ 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;
     icon?: React.ReactNode;

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

@@ -2,7 +2,7 @@ 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;
     icon?: React.ReactNode;

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;

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

@@ -5,7 +5,7 @@ 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;
+    inputtype?: InputType & {};
     inputLabel?: string;
     width: number;
     newRow?: boolean;
@@ -20,7 +20,7 @@ export type xInputFieldProps = React.ComponentProps<typeof TextField.Root> & {
     errorText?: ReactNode | string | null;
     className?: string;
     style?: React.CSSProperties;
-    inputVariant?: InputDesign;
+    inputVariant?: InputDesign & {};
     delimiter?: string;
     format?: number[];
 };

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

@@ -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/inputcurrency/inputcurrency.d.ts

@@ -4,7 +4,7 @@ import { InputDesign } from "components/input/input";
 import '../../styles/main.scss';
 type CurrencyInputProps = {
     alias: string;
-    inputtype?: SupportedCurrency | "currency";
+    inputtype?: SupportedCurrency & {} | "currency";
     inputLabel: string;
     width: number;
     newRow?: boolean;
@@ -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

@@ -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,7 +3,7 @@ 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;
@@ -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, placeholder, style, value, inputoptions, direction, columns, className, ...props }: RadioGroupProps) => React.JSX.Element;
 export {};

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

@@ -3,7 +3,7 @@ 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;

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

@@ -3,7 +3,7 @@ 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;

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

@@ -2,7 +2,7 @@ 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;
     icon?: React.ReactNode;

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

@@ -2,7 +2,7 @@ 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;
@@ -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, value, minvalue, maxvalue, stepvalue, className, style, ...props }: SliderProps) => React.JSX.Element;
 export {};

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

@@ -3,7 +3,7 @@ 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 & {};
     pressed?: boolean;
     defaultPressed?: boolean;
     onPressedChange?: (pressed: boolean) => void;

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

@@ -11,5 +11,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

@@ -1,5 +1,6 @@
 export { primeMatrix } from './primeMatrix';
 export { vectorSigma } from './vectorSigma';
+export { Theme, ThemePanel } from '@radix-ui/themes';
 export * from './components/avatar/avatar';
 export * from './components/button/button';
 export * from './components/checkbox/checkbox';
@@ -9,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.0",
+  "version": "1.4.2",
   "description": "Dynamic Form Orchestrator: NPM Package",
   "repository": {
     "type": "git",