@app-studio/web 0.8.65 → 0.8.67

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

@@ -5,5 +5,5 @@ export interface AlertProps {
     title: string;
     description: string;
     variant?: Variant;
-    styles?: AlertStyles;
+    views?: AlertStyles;
 }

package/dist/components/Alert/Alert/Alert.type.d.ts

@@ -1,8 +1,8 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 export declare type Variant = 'default' | 'info' | 'success' | 'error' | 'warning';
 export declare type AlertStyles = {
-    container?: CSSProperties;
-    title?: any;
-    description?: any;
-    icon?: any;
+    container?: ViewProps;
+    title?: ViewProps;
+    description?: ViewProps;
+    icon?: ViewProps;
 };

package/dist/components/Alert/Alert/Alert.view.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { AlertProps } from './Alert.props';
-export declare const AlertView: ({ icon, title, styles, description, variant, }: AlertProps) => React.JSX.Element;
+export declare const AlertView: ({ icon, title, views, description, variant, }: AlertProps) => React.JSX.Element;

package/dist/components/Alert/Alert.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { AlertProps } from './Alert/Alert.props';
-export declare const Alert: ({ icon, title, styles, description, variant, }: AlertProps) => React.JSX.Element;
+export declare const Alert: ({ icon, title, views, description, variant, }: AlertProps) => React.JSX.Element;

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

@@ -1,4 +1,9 @@
 import { ViewProps } from 'app-studio';
 export interface AspectRatioProps extends ViewProps {
     ratio?: number;
+    views?: {
+        container?: ViewProps;
+        center?: ViewProps;
+        view?: ViewProps;
+    };
 }

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { AspectRatioProps } from './AspectRatio.props';
-export declare const AspectRatioView: ({ ratio, children, ...props }: AspectRatioProps) => React.JSX.Element;
+export declare const AspectRatioView: ({ ratio, children, views, ...props }: AspectRatioProps) => React.JSX.Element;

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

@@ -4,7 +4,7 @@ export interface AvatarProps {
     src: string;
     size?: Size;
     fallback?: string;
-    styles?: AvatarStyles;
+    views?: AvatarStyles;
     onClick?: Function;
 }
 export interface AvatarViewProps extends AvatarProps {

package/dist/components/Avatar/Avatar/Avatar.type.d.ts

@@ -1,7 +1,7 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type AvatarStyles = {
-    container?: CSSProperties;
-    image?: CSSProperties;
-    fallback?: any;
+    container?: ViewProps;
+    image?: ViewProps;
+    fallback?: ViewProps;
 };

package/dist/components/Avatar/Avatar/Avatar.view.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { AvatarViewProps } from './Avatar.props';
-export declare const AvatarView: ({ src, size, fallback, styles, imageError, setImageError, onClick, }: AvatarViewProps) => React.JSX.Element;
+export declare const AvatarView: ({ src, size, fallback, views, imageError, setImageError, onClick, }: AvatarViewProps) => React.JSX.Element;

package/dist/components/Avatar/Avatar.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { AvatarProps } from './Avatar/Avatar.props';
-export declare const Avatar: ({ src, size, styles, fallback, onClick, }: AvatarProps) => React.JSX.Element;
+export declare const Avatar: ({ src, size, views, fallback, onClick, }: AvatarProps) => React.JSX.Element;

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

@@ -3,9 +3,8 @@ import { ViewProps } from 'app-studio';
 export interface BadgeProps extends Omit<ViewProps, 'content'> {
     content: string | number;
     variant?: Variant;
-    colorScheme?: string;
     position?: Position;
     size?: Size;
     shape?: Shape;
-    styles?: BadgeStyles;
+    views?: BadgeStyles;
 }

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

@@ -1,7 +1,8 @@
-import { CSSProperties } from 'react';
+/// <reference types="react" />
+import { ViewProps } from 'app-studio';
 import { Shape, Size } from './Badge.type';
 export declare type BadgeSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare const BadgeSizes: Record<Size, CSSProperties>;
+export declare const BadgeSizes: Record<Size, ViewProps>;
 export declare const BadgeShapes: Record<Shape, number | string>;
 export declare const PositionStyles: {
     [key: string]: React.CSSProperties;

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

@@ -1,9 +1,9 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 export declare type Shape = 'sharp' | 'rounded' | 'pillShaped';
 export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type Variant = 'filled' | 'outline' | 'link' | 'ghost';
 export declare type Position = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
 export declare type BadgeStyles = {
-    container?: CSSProperties;
-    text?: any;
+    container?: ViewProps;
+    text?: ViewProps;
 };

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { BadgeProps } from './Badge/Badge.props';
-export declare const Badge: ({ content, shape, colorScheme, position, variant, size, styles, }: BadgeProps) => React.JSX.Element;
+export declare const Badge: ({ content, shape, position, variant, size, views, }: BadgeProps) => React.JSX.Element;

package/dist/components/Badge/examples/index.d.ts

@@ -1,4 +1,3 @@
-export * from './colorScheme';
 export * from './content';
 export * from './default';
 export * from './position';

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

@@ -1,11 +1,10 @@
-import React, { CSSProperties } from 'react';
+import React from 'react';
 import { ButtonProps as $ButtonProps, Shadow, ViewProps } 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 extends Omit<$ButtonProps, 'size'> {
     children?: React.ReactNode;
-    colorScheme?: any;
     to?: string;
     isLoading?: boolean;
     loaderProps?: LoaderProps;
@@ -18,7 +17,7 @@ export interface ButtonProps extends Omit<$ButtonProps, 'size'> {
     isIconRounded?: boolean;
     onClick?: Function;
     size?: Size;
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
     shape?: Shape;
     ariaLabel?: string;
     variant?: Variant;

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

@@ -1,5 +1,5 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 import { Shape, Size } from './Button.type';
-export declare const ButtonSizes: Record<Size, CSSProperties>;
+export declare const ButtonSizes: Record<Size, ViewProps>;
 export declare const ButtonShapes: Record<Shape, number | string>;
-export declare const IconSizes: Record<Size, CSSProperties>;
+export declare const IconSizes: Record<Size, ViewProps>;

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

@@ -1,4 +1,12 @@
 import React from 'react';
+import { ViewProps } from 'app-studio';
 import { ButtonProps } from './Button.props';
-declare const ButtonView: React.FC<ButtonProps>;
+interface Props extends ButtonProps {
+    views?: {
+        container?: ViewProps;
+        link?: ViewProps;
+        horizontal?: ViewProps;
+    };
+}
+declare const ButtonView: React.FC<Props>;
 export default ButtonView;

package/dist/components/Button/examples/index.d.ts

@@ -1,5 +1,4 @@
 export * from './autofocus';
-export * from './colorScheme';
 export * from './default';
 export * from './effect';
 export * from './icon';

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

@@ -7,3 +7,13 @@ export interface DragAndDropProps {
     containerProps?: ViewProps;
     itemProps?: ViewProps;
 }
+export interface DragAndDropViewProps extends DragAndDropProps {
+    draggedIndex: number | null;
+    itemRefs: React.MutableRefObject<(HTMLDivElement | null)[]>;
+    renderItem?: (item: any, index: number) => React.ReactNode;
+    handleDragStart: (e: React.MouseEvent | React.TouchEvent, index: number) => void;
+    views?: {
+        container?: ViewProps;
+        item?: ViewProps;
+    };
+}

package/dist/components/DragAndDrop/DragAndDrop/DragAndDrop.view.d.ts

@@ -1,10 +1,3 @@
 import React from 'react';
-import { DragAndDropProps } from './DragAndDrop.props';
-interface DragAndDropViewProps extends DragAndDropProps {
-    draggedIndex: number | null;
-    itemRefs: React.MutableRefObject<(HTMLDivElement | null)[]>;
-    renderItem?: (item: any, index: number) => React.ReactNode;
-    handleDragStart: (e: React.MouseEvent | React.TouchEvent, index: number) => void;
-}
+import { DragAndDropViewProps } from './DragAndDrop.props';
 export declare const DragAndDropView: React.FC<DragAndDropViewProps>;
-export {};

package/dist/components/File/File.d.ts

@@ -1,10 +1,14 @@
 import React from 'react';
 import { ViewProps, ImageProps } from 'app-studio';
-export declare type FileProps = {
+export interface FileProps extends ViewProps {
     src: string;
     color?: string;
-} & ViewProps;
-export declare const FileSVG: ({ src, color, themeMode: elementMode, ...props }: FileProps) => React.JSX.Element;
+    views?: {
+        container?: ViewProps;
+        image?: ImageProps;
+    };
+}
+export declare const FileSVG: ({ src, color, views, themeMode: elementMode, ...props }: FileProps) => React.JSX.Element;
 export declare const FileImage: ({ path, ...props }: {
     path: string;
 } & ImageProps) => React.JSX.Element;

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

@@ -1,14 +1,14 @@
-import React, { CSSProperties } from 'react';
+import React from 'react';
 import { Elevation } from '../../../../utils/elevation';
 import { InputProps, Shadow } from 'app-studio';
 import { CheckboxStyles, Size } from './Checkbox.type';
+import { ViewProps } from 'app-studio';
 export interface CheckboxProps extends Omit<InputProps, 'size'> {
     id?: string;
     icon?: React.ReactNode;
     error?: any;
     name?: string;
     label?: string;
-    colorScheme?: string;
     isChecked?: boolean;
     defaultIsSelected?: boolean;
     isReadOnly?: boolean;
@@ -17,9 +17,9 @@ export interface CheckboxProps extends Omit<InputProps, 'size'> {
     labelPosition?: 'left' | 'right';
     onChange?: Function;
     onValueChange?: Function;
-    styles?: CheckboxStyles;
+    views?: CheckboxStyles;
     size?: Size;
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
     infoText?: string;
 }
 export interface CheckboxViewProps extends CheckboxProps {

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

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 import { Size } from './Checkbox.type';
-export declare const Sizes: Record<Size, CSSProperties>;
+export declare const Sizes: Record<Size, ViewProps>;
 export declare const IconSizes: Record<Size, number>;

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

@@ -12,7 +12,7 @@ export interface ComboBoxProps extends Omit<InputProps, 'size'> {
     label?: string;
     showTick?: boolean;
     placeholder?: string;
-    styles?: ComboBoxStyles;
+    views?: ComboBoxStyles;
     searchPlaceholder?: string;
 }
 export interface ComboBoxItem {

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

@@ -1,13 +1,11 @@
-import { CSSProperties } from 'react';
 import { Elevation } from '../../../../utils/elevation';
-import { InputProps, Shadow } from 'app-studio';
+import { InputProps, Shadow, ViewProps } from 'app-studio';
 import { Country, CountryPickerStyles, Shape, Size, Variant } from './CountryPicker.type';
 export interface CountryPickerProps extends Omit<InputProps, 'size'> {
     id?: string;
     error?: boolean;
     name?: string;
     label?: string;
-    colorScheme?: string;
     helperText?: string;
     placeholder?: string;
     shape?: Shape;
@@ -16,11 +14,11 @@ export interface CountryPickerProps extends Omit<InputProps, 'size'> {
     isDisabled?: boolean;
     onBlur?: (value: any) => void;
     onChange?: (value: any) => void;
-    styles?: CountryPickerStyles;
+    views?: CountryPickerStyles;
     size?: Size;
     value?: string | number;
     variant?: Variant;
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
 }
 export interface CountryPickerViewProps extends CountryPickerProps {
     isHovered?: boolean;
@@ -37,12 +35,12 @@ export interface CountryPickerViewProps extends CountryPickerProps {
 export interface CountryPickerDropDownProps extends Omit<InputProps, 'size'> {
     size?: Size;
     callback?: Function;
-    options: Array<Country>;
-    styles?: CountryPickerStyles;
+    options?: Array<Country>;
+    views?: CountryPickerStyles;
 }
-export interface DropDownItemProps extends Omit<InputProps, 'size'> {
+export interface DropDownItemProps extends InputProps {
     callback?: Function;
-    option: string;
+    option?: string;
     size?: Size;
-    styles?: CountryPickerStyles;
+    views?: CountryPickerStyles;
 }

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

@@ -2,5 +2,4 @@ import React from 'react';
 import { CountryPickerViewProps, DropDownItemProps, CountryPickerDropDownProps } from './CountryPicker.props';
 export declare const DropDownItem: React.FC<DropDownItemProps>;
 export declare const DropDown: React.FC<CountryPickerDropDownProps>;
-declare const CountryPickerView: React.FC<CountryPickerViewProps>;
-export default CountryPickerView;
+export declare const CountryPickerView: React.FC<CountryPickerViewProps>;

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

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from 'react';
+import React from 'react';
 import { Elevation } from '../../../../utils/elevation';
 import { Shadow, ViewProps } from 'app-studio';
 import { DatePickerStyles, Shape, Size, Variant } from './DatePicker.type';
@@ -23,7 +23,6 @@ export interface DatePickerProps extends Omit<ViewProps, 'size'> {
     /**
      * The color scheme that changes the background color of the DatePicker.
      */
-    colorScheme?: string;
     /**
      * If true, the DatePicker cannot be selected.
      */
@@ -47,7 +46,7 @@ export interface DatePickerProps extends Omit<ViewProps, 'size'> {
     /**
      * CSS styles for the DatePicker container and label.
      */
-    styles?: DatePickerStyles;
+    views?: DatePickerStyles;
     /**
      * The shape that changes the outlines of the field.
      */
@@ -63,7 +62,7 @@ export interface DatePickerProps extends Omit<ViewProps, 'size'> {
     /**
      * Adds a shadow effect to the DatePicker.
      */
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
 }
 export interface DatePickerViewProps extends DatePickerProps {
     /**

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

@@ -17,7 +17,6 @@ export declare const usePasswordState: (props: PasswordProps) => {
     error?: any;
     helperText?: string | undefined;
     label?: string | undefined;
-    colorScheme?: string | undefined;
     left?: import("react").ReactNode;
     right?: import("react").ReactNode;
     placeholder?: string | undefined;
@@ -32,7 +31,7 @@ export declare const usePasswordState: (props: PasswordProps) => {
     size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
     shadow?: import("react").CSSProperties | import("app-studio").Shadow | import("../../../../utils/elevation").Elevation | undefined;
     shape?: "default" | "sharp" | "rounded" | "pillShaped" | undefined;
-    styles?: import("../../TextField/TextField/TextField.type").TextFieldStyles | undefined;
+    views?: import("../../TextField/TextField/TextField.type").TextFieldStyles | undefined;
     variant?: "outline" | "default" | "none" | undefined;
     isVisible: boolean;
     setIsVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;

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

@@ -1,13 +1,11 @@
-import { CSSProperties } from 'react';
 import { Elevation } from '../../../../utils/elevation';
-import { InputProps, Shadow } from 'app-studio';
+import { InputProps, Shadow, ViewProps } from 'app-studio';
 import { SelectStyles, Shape, Size, Variant, Option } from './Select.type';
 export interface SelectProps extends Omit<InputProps, 'size'> {
     id?: string;
     error?: boolean;
     name?: string;
     label?: string;
-    colorScheme?: string;
     helperText?: string;
     placeholder?: string;
     options: Option[];
@@ -17,9 +15,9 @@ export interface SelectProps extends Omit<InputProps, 'size'> {
     onChange?: (value: any) => void;
     shape?: Shape;
     variant?: Variant;
-    styles?: SelectStyles;
+    views?: SelectStyles;
     size?: Size;
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
     isScrollable?: boolean;
 }
 export interface SelectViewProps extends SelectProps {
@@ -38,7 +36,7 @@ export interface SelectBoxProps {
     isDisabled?: boolean;
     placeholder?: string;
     removeOption?: Function;
-    styles?: SelectStyles;
+    views?: SelectStyles;
     size?: Size;
 }
 export interface MultiSelectProps extends Omit<InputProps, 'size'> {
@@ -66,5 +64,5 @@ export interface DropDownProps extends Omit<InputProps, 'size'> {
     size?: Size;
     callback?: Function;
     options: Option[];
-    styles?: SelectStyles;
+    views?: SelectStyles;
 }

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

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 import { Size } from './Select.type';
-export declare const Sizes: Record<Size, CSSProperties>;
+export declare const Sizes: Record<Size, ViewProps>;
 export declare const IconSizes: Record<Size, number>;

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

@@ -1,18 +1,17 @@
-import { CSSProperties } from 'react';
+/// <reference types="react" />
 import { Elevation } from '../../../../utils/elevation';
-import { InputProps, Shadow } from 'app-studio';
+import { InputProps, Shadow, ViewProps } from 'app-studio';
 import { Size, SwitchStyles } from './Switch.type';
 export interface SwitchProps extends Omit<InputProps, 'size'> {
     activeChild?: React.ReactNode;
-    colorScheme?: string;
     id?: string;
     isDisabled?: boolean;
     isReadOnly?: boolean;
     onChange?: Function;
     name?: string;
     inActiveChild?: React.ReactNode;
-    styles?: SwitchStyles;
-    shadow?: Shadow | Elevation | CSSProperties;
+    views?: SwitchStyles;
+    shadow?: Shadow | Elevation | ViewProps;
     size?: Size;
     labelPosition?: 'left' | 'right';
 }

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

@@ -1,5 +1,5 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 import { Size } from './Switch.type';
-export declare const KnobSizes: Record<Size, CSSProperties>;
-export declare const SliderSizes: Record<Size, CSSProperties>;
+export declare const KnobSizes: Record<Size, ViewProps>;
+export declare const SliderSizes: Record<Size, ViewProps>;
 export declare const SliderPadding: Record<Size, Record<string, number>>;

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

@@ -1,9 +1,7 @@
-import { CSSProperties } from 'react';
-import { InputProps, Shadow } from 'app-studio';
+import { InputProps, Shadow, ViewProps } from 'app-studio';
 import { Elevation } from '../../../../utils/elevation';
 import { Shape, Size, TextAreaStyles, Variant } from './TextArea.type';
 export interface TextAreaProps extends Omit<InputProps, 'size'> {
-    colorScheme?: string;
     defaultValue?: string;
     error?: boolean;
     isEditable?: boolean;
@@ -23,9 +21,9 @@ export interface TextAreaProps extends Omit<InputProps, 'size'> {
     onBlur?: (value: any) => void;
     onFocus?: () => void;
     size?: Size;
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
     shape?: Shape;
-    styles?: TextAreaStyles;
+    views?: TextAreaStyles;
     value?: string | number;
     variant?: Variant;
 }

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

@@ -1,11 +1,11 @@
-import { CSSProperties } from 'react';
+import { ViewProps } from 'app-studio';
 export declare type Variant = 'outline' | 'default' | 'none';
 export declare type Shape = 'default' | 'sharp' | 'rounded';
 export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type TextAreaStyles = {
-    box?: CSSProperties;
-    text?: CSSProperties;
-    label?: CSSProperties;
-    helperText?: CSSProperties;
-    field?: CSSProperties;
+    box?: ViewProps;
+    text?: ViewProps;
+    label?: ViewProps;
+    helperText?: ViewProps;
+    field?: ViewProps;
 };

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

@@ -1,5 +1,5 @@
-import React, { CSSProperties } from 'react';
-import { InputProps, Shadow } from 'app-studio';
+import React from 'react';
+import { InputProps, Shadow, ViewProps } from 'app-studio';
 import { Elevation } from '../../../../utils/elevation';
 import { Shape, Size, TextFieldStyles, Variant } from './TextField.type';
 export interface TextFieldProps extends Omit<InputProps, 'size'> {
@@ -8,7 +8,6 @@ export interface TextFieldProps extends Omit<InputProps, 'size'> {
     helperText?: string;
     name?: string;
     label?: string;
-    colorScheme?: string;
     left?: React.ReactNode;
     right?: React.ReactNode;
     placeholder?: string;
@@ -22,9 +21,9 @@ export interface TextFieldProps extends Omit<InputProps, 'size'> {
     onClick?: () => void;
     onFocus?: () => void;
     size?: Size;
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
     shape?: Shape;
-    styles?: TextFieldStyles;
+    views?: TextFieldStyles;
     value?: string;
     variant?: Variant;
 }

package/dist/components/Icon/Icon.d.ts

@@ -1,10 +1,8 @@
 import { ViewProps } from 'app-studio';
 import React from 'react';
-export interface IconProps extends Omit<ViewProps, 'size'> {
-    size?: number;
+export interface IconProps extends ViewProps {
     color?: string;
     filled?: boolean;
-    strokeWidth?: number;
     orientation?: 'left' | 'right' | 'up' | 'down';
 }
 export declare const ChevronIcon: React.FC<IconProps>;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { CenterProps } from './Center.props';
-export declare const CenterBase: React.ForwardRefExoticComponent<Pick<import("app-studio").ElementProps & React.RefAttributes<HTMLElement> & import("app-studio").ViewProps & CenterProps, string | number> & React.RefAttributes<HTMLElement>>;
-export declare const Center: React.ForwardRefExoticComponent<import("app-studio").ElementProps & React.RefAttributes<HTMLElement> & import("app-studio").ViewProps & CenterProps>;
+export declare const CenterBase: React.ForwardRefExoticComponent<Pick<Pick<import("app-studio").ElementProps, string | number> & React.RefAttributes<HTMLElement> & import("app-studio").ViewProps & CenterProps, string | number> & React.RefAttributes<HTMLElement>>;
+export declare const Center: React.ForwardRefExoticComponent<Pick<import("app-studio").ElementProps, string | number> & React.RefAttributes<HTMLElement> & import("app-studio").ViewProps & CenterProps>;

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

@@ -1,3 +1,3 @@
-import { ViewProps } from '../View/View';
+import { ViewProps } from 'app-studio';
 export interface CenterProps extends ViewProps {
 }

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { HorizontalProps } from './Horizontal.props';
-export declare const HorizontalBase: React.ForwardRefExoticComponent<Pick<import("app-studio").ElementProps & React.RefAttributes<HTMLElement> & import("app-studio").ViewProps & HorizontalProps, string | number> & React.RefAttributes<HTMLElement>>;
-export declare const Horizontal: React.ForwardRefExoticComponent<import("app-studio").ElementProps & React.RefAttributes<HTMLElement> & import("app-studio").ViewProps & HorizontalProps>;
+export declare const HorizontalBase: React.ForwardRefExoticComponent<Pick<Pick<import("app-studio").ElementProps, string | number> & React.RefAttributes<HTMLElement> & import("app-studio").ViewProps & HorizontalProps, string | number> & React.RefAttributes<HTMLElement>>;
+export declare const Horizontal: React.ForwardRefExoticComponent<Pick<import("app-studio").ElementProps, string | number> & React.RefAttributes<HTMLElement> & import("app-studio").ViewProps & HorizontalProps>;

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

@@ -17,5 +17,5 @@ export interface ContainerProps extends ViewProps {
     /**
      * CSS styles for the select box and dropdown.
      */
-    styles?: TextFieldStyles;
+    views?: TextFieldStyles;
 }

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

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from 'react';
+import React from 'react';
 import { Shape, Size, TextFieldStyles, Variant } from '../../../../Layout/configs/Input.type';
 import { Elevation } from '../../../../../utils/elevation';
 import { Shadow, ViewProps } from 'app-studio';
@@ -7,10 +7,6 @@ export interface ContentProps extends Omit<ViewProps, 'size'> {
      * The color of the Content component.
      */
     color?: string;
-    /**
-     * Changes the color style of the field.
-     */
-    colorScheme?: string;
     /**
      * The content to be rendered inside the Content component.
      */
@@ -62,9 +58,9 @@ export interface ContentProps extends Omit<ViewProps, 'size'> {
     /**
      * CSS styles applied to the Content component. Default value is an empty object.
      */
-    styles?: TextFieldStyles;
+    views?: TextFieldStyles;
     /**
      * The shadow effect applied to the Content component.
      */
-    shadow?: Shadow | Elevation | CSSProperties;
+    shadow?: Shadow | Elevation | ViewProps;
 }