@app-studio/web 0.7.7 → 0.7.10

package/dist/components/AspectRatio/AspectRatio/AspectRatio.props.d.ts

@@ -1,6 +1,4 @@
-import React from 'react';
-export interface AspectRatioProps {
+import { ViewProps } from 'app-studio';
+export interface AspectRatioProps extends ViewProps {
     ratio?: number;
-    children?: React.ReactNode;
-    [x: string]: any;
 }

package/dist/components/Badge/Badge/Badge.props.d.ts

@@ -1,5 +1,6 @@
 import { Size, Variant, Shape, Position, BadgeStyles } from './Badge.type';
-export interface BadgeProps {
+import { ViewProps } from 'app-studio';
+export interface BadgeProps extends Omit<ViewProps, 'content'> {
     content: string | number;
     variant?: Variant;
     colorScheme?: string;
@@ -7,5 +8,4 @@ export interface BadgeProps {
     size?: Size;
     shape?: Shape;
     styles?: BadgeStyles;
-    [x: string]: any;
 }

package/dist/components/Button/Button/Button.props.d.ts

@@ -1,9 +1,9 @@
 import React, { CSSProperties } from 'react';
-import { Shadow } from 'app-studio';
+import { ButtonProps as $ButtonProps, Shadow } from 'app-studio';
 import { Elevation } from '../../../utils/elevation';
 import { IconPosition, Shape, Size, Variant, LoaderPosition, Effects } from './Button.type';
 import { LoaderProps } from '../../Loader/Loader/Loader.props';
-export interface ButtonProps {
+export interface ButtonProps extends Omit<$ButtonProps, 'size'> {
     children?: React.ReactNode;
     colorScheme?: any;
     externalHref?: string;
@@ -23,5 +23,4 @@ export interface ButtonProps {
     ariaLabel?: string;
     variant?: Variant;
     effect?: Effects;
-    [x: string]: any;
 }

package/dist/components/Form/Checkbox/Checkbox/Checkbox.props.d.ts

@@ -1,8 +1,8 @@
 import React, { CSSProperties } from 'react';
 import { Elevation } from 'src/utils/elevation';
-import { Shadow } from 'app-studio';
+import { InputProps, Shadow } from 'app-studio';
 import { CheckboxStyles, Size } from './Checkbox.type';
-export interface CheckboxProps {
+export interface CheckboxProps extends Omit<InputProps, 'size'> {
     id?: string;
     icon?: React.ReactNode;
     error?: boolean;
@@ -21,7 +21,6 @@ export interface CheckboxProps {
     size?: Size;
     shadow?: Shadow | Elevation | CSSProperties;
     infoText?: string;
-    [x: string]: any;
 }
 export interface CheckboxViewProps extends CheckboxProps {
     isHovered?: boolean;

package/dist/components/Form/ComboBox/ComboBox/ComboBox.props.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode, Dispatch, SetStateAction } from 'react';
 import { ComboBoxStyles } from './ComboBox.type';
-export interface ComboBoxProps {
+import { InputProps } from 'app-studio';
+export interface ComboBoxProps extends Omit<InputProps, 'size'> {
     id: string;
     name?: string;
     items: ComboBoxItem[];
@@ -13,7 +14,6 @@ export interface ComboBoxProps {
     placeholder?: string;
     styles?: ComboBoxStyles;
     searchPlaceholder?: string;
-    [x: string]: any;
 }
 export interface ComboBoxItem {
     label: string;

package/dist/components/Form/CountryPicker/CountryPicker/CountryPicker.props.d.ts

@@ -1,8 +1,8 @@
 import { CSSProperties } from 'react';
 import { Elevation } from 'src/utils/elevation';
-import { Shadow } from 'app-studio';
+import { InputProps, Shadow } from 'app-studio';
 import { Country, CountryPickerStyles, Shape, Size, Variant } from './CountryPicker.type';
-export interface CountryPickerProps {
+export interface CountryPickerProps extends Omit<InputProps, 'size'> {
     /**
      * The identifier for the CountryPicker component.
      */
@@ -75,10 +75,6 @@ export interface CountryPickerProps {
      * Adds a shadow effect to the CountryPicker.
      */
     shadow?: Shadow | Elevation | CSSProperties;
-    /**
-     * Other properties that can be passed to the component.
-     */
-    [x: string]: any;
 }
 export interface CountryPickerViewProps extends CountryPickerProps {
     /**
@@ -127,7 +123,7 @@ export interface CountryPickerViewProps extends CountryPickerProps {
      */
     setNewOptions?: (newOptions: Array<Country>) => void;
 }
-export interface DropDownProps {
+export interface DropDownProps extends Omit<InputProps, 'size'> {
     /**
      * To set the height and width of the item list.
      */
@@ -144,12 +140,8 @@ export interface DropDownProps {
      * Css styles for the CountryPicker container and label
      */
     styles?: CountryPickerStyles;
-    /**
-     * other properties
-     */
-    [x: string]: any;
 }
-export interface DropDownItemProps {
+export interface DropDownItemProps extends Omit<InputProps, 'size'> {
     /**
      * Function that will be called when the option is clicked
      */
@@ -166,8 +158,4 @@ export interface DropDownItemProps {
      * Css styles
      */
     styles?: CountryPickerStyles;
-    /**
-     * other properties
-     */
-    [x: string]: any;
 }

package/dist/components/Form/Label/Label/Label.props.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
+import { ViewProps } from 'app-studio';
 import { Headings, Sizes, TextWeights } from './Label.type';
-export interface LabelProps {
+export interface LabelProps extends Omit<ViewProps, 'size'> {
     children: React.ReactNode;
     heading?: Headings;
     isItalic?: boolean;
@@ -8,5 +9,4 @@ export interface LabelProps {
     isUnderlined?: boolean;
     size?: Sizes | number;
     weight?: TextWeights;
-    [x: string]: any;
 }

package/dist/components/Form/Password/Password/Password.props.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { TextFieldProps } from '../../../Form/TextField/TextField/TextField.props';
-export interface PasswordProps extends TextFieldProps {
+import { InputProps } from 'app-studio';
+export interface PasswordProps extends TextFieldProps, Omit<InputProps, 'size'> {
     /**
      * The name of the input field
      */
@@ -17,10 +18,6 @@ export interface PasswordProps extends TextFieldProps {
      * Icon to Indicate that the password is hidden
      */
     hiddenIcon?: React.ReactNode;
-    /**
-     * other properties
-     */
-    [x: string]: any;
 }
 export interface PasswordViewProps extends PasswordProps {
     /**

package/dist/components/Form/Select/Select/Select.props.d.ts

@@ -1,8 +1,8 @@
 import { CSSProperties } from 'react';
 import { Elevation } from 'src/utils/elevation';
-import { Shadow } from 'app-studio';
-import { SelectStyles, Shape, Size, Variant } from './Select.type';
-export interface SelectProps {
+import { InputProps, Shadow } from 'app-studio';
+import { SelectStyles, Shape, Size, Variant, Option } from './Select.type';
+export interface SelectProps extends Omit<InputProps, 'size'> {
     /**
      * The identifier of the select field.
      */
@@ -34,7 +34,7 @@ export interface SelectProps {
     /**
      * An array of options for the select field.
      */
-    options: Array<string>;
+    options: Option[];
     /**
      * If true, allows multiple options to be selected.
      */
@@ -72,10 +72,6 @@ export interface SelectProps {
      */
     shadow?: Shadow | Elevation | CSSProperties;
     isScrollable?: boolean;
-    /**
-     * Additional properties and attributes for the select field.
-     */
-    [x: string]: any;
 }
 export interface SelectViewProps extends SelectProps {
     /**
@@ -112,6 +108,7 @@ export interface SelectViewProps extends SelectProps {
     setIsFocused: Function;
 }
 export interface SelectBoxProps {
+    options: Option[];
     /**
      * The option that will be selected value
      */
@@ -137,7 +134,7 @@ export interface SelectBoxProps {
      */
     size?: Size;
 }
-export interface MultiSelectProps {
+export interface MultiSelectProps extends Omit<InputProps, 'size'> {
     /**
      * Option to be displayed
      */
@@ -150,12 +147,8 @@ export interface MultiSelectProps {
      * To set the item's fontSize
      */
     size?: Size;
-    /**
-     * other properties
-     */
-    [x: string]: any;
 }
-export interface ItemProps {
+export interface ItemProps extends Omit<InputProps, 'size'> {
     /**
      * Function that will be called when the option is clicked
      */
@@ -163,7 +156,7 @@ export interface ItemProps {
     /**
      * Option to be displayed
      */
-    option: string;
+    option: Option;
     /**
      * To set the item's fontSize
      */
@@ -172,12 +165,8 @@ export interface ItemProps {
      * Css styles for the Item
      */
     style?: SelectStyles;
-    /**
-     * other properties
-     */
-    [x: string]: any;
 }
-export interface HiddenSelectProps {
+export interface HiddenSelectProps extends Omit<InputProps, 'size'> {
     /**
      * Identifier
      */
@@ -209,13 +198,9 @@ export interface HiddenSelectProps {
     /**
      * List of options
      */
-    options: Array<string>;
-    /**
-     * other properties
-     */
-    [x: string]: any;
+    options: Option[];
 }
-export interface DropDownProps {
+export interface DropDownProps extends Omit<InputProps, 'size'> {
     /**
      * To set the height and width of the item list.
      */
@@ -227,13 +212,9 @@ export interface DropDownProps {
     /**
      * List of options
      */
-    options: Array<string>;
+    options: Option[];
     /**
      * Css styles for the select container and label
      */
     styles?: SelectStyles;
-    /**
-     * other properties
-     */
-    [x: string]: any;
 }

package/dist/components/Form/Switch/Switch/Switch.props.d.ts

@@ -1,8 +1,8 @@
 import { CSSProperties } from 'react';
 import { Elevation } from 'src/utils/elevation';
-import { Shadow } from 'app-studio';
+import { InputProps, Shadow } from 'app-studio';
 import { Size, SwitchStyles } from './Switch.type';
-export interface SwitchProps {
+export interface SwitchProps extends Omit<InputProps, 'size'> {
     /**
      * The content to be rendered when the switch is active.
      */
@@ -51,10 +51,6 @@ export interface SwitchProps {
      * Label position
      */
     labelPosition?: 'left' | 'right';
-    /**
-     * Additional properties and attributes.
-     */
-    [x: string]: any;
 }
 export interface SwitchViewProps extends SwitchProps {
     /** Prop indicating if the switch is being hovered */

package/dist/components/Form/TextArea/TextArea/TextArea.props.d.ts

@@ -1,8 +1,8 @@
 import { CSSProperties } from 'react';
-import { Shadow } from 'app-studio';
+import { InputProps, Shadow } from 'app-studio';
 import { Elevation } from 'src/utils/elevation';
 import { Shape, Size, TextAreaStyles, Variant } from './TextArea.type';
-export interface TextAreaProps {
+export interface TextAreaProps extends Omit<InputProps, 'size'> {
     /**
      * Changes the label and border color of the input field.
      */
@@ -103,10 +103,6 @@ export interface TextAreaProps {
      * Changes the style variant of the input field.
      */
     variant?: Variant;
-    /**
-     * Additional properties for customization and extension.
-     */
-    [x: string]: any;
 }
 export interface TextAreaViewProps extends TextAreaProps {
     /**

package/dist/components/Form/TextField/TextField/TextField.props.d.ts

@@ -1,8 +1,8 @@
 import React, { CSSProperties } from 'react';
-import { Shadow } from 'app-studio';
+import { InputProps, Shadow } from 'app-studio';
 import { Elevation } from 'src/utils/elevation';
 import { Shape, Size, TextFieldStyles, Variant } from './TextField.type';
-export interface TextFieldProps {
+export interface TextFieldProps extends Omit<InputProps, 'size'> {
     /**
      * The input field identifier.
      */
@@ -99,10 +99,6 @@ export interface TextFieldProps {
      * Changes the style variant of the input field.
      */
     variant?: Variant;
-    /**
-     * Additional properties for customization and extension.
-     */
-    [x: string]: any;
 }
 export interface TextFieldViewProps extends TextFieldProps {
     /** The hint text for the text field */

package/dist/components/Layout/Center/Center/Center.props.d.ts

@@ -1,16 +1,3 @@
-import React from 'react';
-import { Wrap } from '../../configs/Input.type';
-export interface CenterProps {
-    /**
-     * To specifies if the items should be wrap or not, based on available space on the line.
-     */
-    wrap?: Wrap;
-    /**
-     * Layout content
-     */
-    children: React.ReactNode;
-    /**
-     * other properties
-     */
-    [x: string]: any;
+import { ViewProps } from '../../View/View';
+export interface CenterProps extends ViewProps {
 }

package/dist/components/Layout/Horizontal/Horizontal/Horizontal.props.d.ts

@@ -1,24 +1,4 @@
-import React from 'react';
-import { Justify, Wrap } from '../../configs/Input.type';
-export interface HorizontalProps {
-    /**
-     * The layout content
-     */
-    children: React.ReactNode;
-    /**
-     * Aligns items horizontally, when they don't fill up the entire main-axis
-     */
-    justify?: Justify;
-    /**
-     * To specifies if the items should be wrap or not, based on available space on the line.
-     */
-    wrap?: Wrap;
-    /**
-     * If true, it reverses the items order on the horizontal axis.
-     */
+import { ViewProps } from 'app-studio';
+export interface HorizontalProps extends ViewProps {
     isReversed?: boolean;
-    /**
-     * other properties
-     */
-    [x: string]: any;
 }

package/dist/components/Layout/Horizontal/Horizontal.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { HorizontalProps } from './Horizontal/Horizontal.props';
-export declare const Horizontal: React.FC<HorizontalProps>;
+import type { ViewProps } from 'app-studio';
+export declare const Horizontal: React.FC<ViewProps>;

package/dist/components/Layout/Input/FieldContainer/FieldContainer/FieldContainer.props.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { TextFieldStyles } from '../../../../Layout/configs/Input.type';
-export interface ContainerProps {
+import { ViewProps } from 'app-studio';
+export interface ContainerProps extends ViewProps {
     /**
      * The content to be rendered inside the container.
      */
@@ -17,8 +18,4 @@ export interface ContainerProps {
      * CSS styles for the select box and dropdown.
      */
     styles?: TextFieldStyles;
-    /**
-     * Additional properties and attributes for the field.
-     */
-    [x: string]: any;
 }

package/dist/components/Layout/Input/FieldContent/FieldContent/FieldContent.props.d.ts

@@ -1,8 +1,8 @@
 import React, { CSSProperties } from 'react';
 import { Shape, Size, TextFieldStyles, Variant } from '../../../../Layout/configs/Input.type';
 import { Elevation } from 'src/utils/elevation';
-import { Shadow } from 'app-studio';
-export interface ContentProps {
+import { Shadow, ViewProps } from 'app-studio';
+export interface ContentProps extends Omit<ViewProps, 'size'> {
     /**
      * The color of the Content component.
      */
@@ -67,8 +67,4 @@ export interface ContentProps {
      * The shadow effect applied to the Content component.
      */
     shadow?: Shadow | Elevation | CSSProperties;
-    /**
-     * Additional properties and attributes for the field.
-     */
-    [x: string]: any;
 }

package/dist/components/Layout/Input/FieldIcons/FieldIcons/FieldIcons.props.d.ts

@@ -1,11 +1,3 @@
-import React from 'react';
-export interface FieldIconsProps {
-    /**
-     * The content to be rendered inside the Wrapper Field.
-     */
-    children?: React.ReactNode;
-    /**
-     * Additional properties and attributes for the field.
-     */
-    [x: string]: any;
+import { ImageProps } from 'app-studio';
+export interface FieldIconsProps extends Omit<ImageProps, 'size'> {
 }

package/dist/components/Layout/Input/FieldLabel/FieldLabel/FieldLabel.props.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Size } from '../../../../Layout/configs/Input.type';
-export interface LabelProps {
+import { ViewProps } from 'app-studio';
+export interface LabelProps extends Omit<ViewProps, 'size'> {
     /**
      * The content to be rendered inside the Label.
      */
@@ -23,8 +24,4 @@ export interface LabelProps {
     styles?: {
         label: any;
     };
-    /**
-     * Additional properties and attributes for the field.
-     */
-    [x: string]: any;
 }

package/dist/components/Layout/Input/FieldLayout/FieldLayout/FieldLayout.props.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Size, TextFieldStyles } from '../../../../Layout/configs/Input.type';
-export interface FieldProps {
+import { ViewProps } from 'app-studio';
+export interface FieldProps extends Omit<ViewProps, 'size'> {
     /**
      * The content to be rendered inside the Field.
      */
@@ -21,8 +22,4 @@ export interface FieldProps {
      * CSS styles applied to the field (default: {}).
      */
     styles?: TextFieldStyles;
-    /**
-     * Additional properties and attributes for the field.
-     */
-    [x: string]: any;
 }

package/dist/components/Layout/Input/FieldWrapper/FieldWrapper.props.d.ts

@@ -1,11 +1,3 @@
-import React from 'react';
-export interface WrapperFieldProps {
-    /**
-     * The content to be rendered inside the Wrapper Field.
-     */
-    children?: React.ReactNode;
-    /**
-     * Additional properties and attributes for the field.
-     */
-    [x: string]: any;
+import { ViewProps } from 'app-studio';
+export interface WrapperFieldProps extends ViewProps {
 }

package/dist/components/Layout/Input/HelperText/HelperText.props.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { TextFieldStyles } from '../../../Layout/configs/Input.type';
-export interface HelperTextProps {
+import { ViewProps } from 'app-studio';
+export interface HelperTextProps extends ViewProps {
     /**
      * The content to be rendered inside the HelperText.
      */
@@ -13,8 +14,4 @@ export interface HelperTextProps {
      * CSS styles applied to the HelperText.
      */
     styles?: TextFieldStyles;
-    /**
-     * Additional properties and attributes for the field.
-     */
-    [x: string]: any;
 }

package/dist/components/Layout/Vertical/Vertical/Vertical.props.d.ts

@@ -1,24 +1,4 @@
-import React from 'react';
-import { Justify, Wrap } from '../../configs/Input.type';
-export interface VerticalProps {
-    /**
-     * The layout content
-     */
-    children: React.ReactNode;
-    /**
-     * It aligns the elements of the container according to the available space.
-     */
-    justify?: Justify;
-    /**
-     * To specify, if the items should be wrap or not, based on available space on the line.
-     */
-    wrap?: Wrap;
-    /**
-     * If true, the items' position on the vertical axis is reversed.
-     */
+import { ViewProps } from 'app-studio';
+export interface VerticalProps extends ViewProps {
     isReversed?: boolean;
-    /**
-     * other properties
-     */
-    [x: string]: any;
 }

package/dist/components/Layout/View/View.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
-export type { ViewProps } from 'app-studio';
-export declare const Top: (props: any) => React.JSX.Element;
-export declare const Bottom: (props: any) => React.JSX.Element;
-export declare const Left: (props: any) => React.JSX.Element;
-export declare const Right: (props: any) => React.JSX.Element;
-export declare const Inline: (props: any) => React.JSX.Element;
-export declare const View: React.FC<import("app-studio").ViewProps>;
+import type { ViewProps } from 'app-studio';
+export declare const Top: (props: ViewProps) => React.JSX.Element;
+export declare const Bottom: (props: ViewProps) => React.JSX.Element;
+export declare const Left: (props: ViewProps) => React.JSX.Element;
+export declare const Right: (props: ViewProps) => React.JSX.Element;
+export declare const Inline: (props: ViewProps) => React.JSX.Element;
+export type { ViewProps };
+export declare const View: React.FC<ViewProps>;

package/dist/components/Link/Link/Link.props.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Size, Styles, TextDecorationStyle } from './Link.type';
-export interface LinkProps {
+import { ViewProps } from 'app-studio';
+export interface LinkProps extends Omit<ViewProps, 'size'> {
     /**
      * The content of the link.
      */
@@ -30,10 +31,6 @@ export interface LinkProps {
      * CSS styles for the  external icon.
      */
     styles?: Styles;
-    /**
-     * Additional props for customization.
-     */
-    [x: string]: any;
 }
 export interface LinkViewProps extends LinkProps {
     /**

package/dist/components/Loader/Loader/Loader.props.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import { LoaderType, Size, Speed, TextPosition } from './Loader.type';
+import { ViewProps } from 'app-studio';
 /**
  * Props for the Loader component.
  */
-export interface LoaderProps {
+export interface LoaderProps extends Omit<ViewProps, 'size'> {
     /**
      * The text content.
      */
@@ -32,10 +33,6 @@ export interface LoaderProps {
      * The rotation speed of the loader.
      */
     speed?: Speed;
-    /**
-     * Additional properties.
-     */
-    [x: string]: any;
 }
 export interface DefaultSpinnerProps {
     /**