@app-studio/web 0.8.65 → 0.8.66

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.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/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.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.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

@@ -5,7 +5,6 @@ import { IconPosition, Shape, Size, Variant, LoaderPosition, Effects } from './B
 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;

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/Form/Checkbox/Checkbox/Checkbox.props.d.ts

@@ -8,7 +8,6 @@ export interface CheckboxProps extends Omit<InputProps, 'size'> {
     error?: any;
     name?: string;
     label?: string;
-    colorScheme?: string;
     isChecked?: boolean;
     defaultIsSelected?: boolean;
     isReadOnly?: boolean;
@@ -17,7 +16,7 @@ export interface CheckboxProps extends Omit<InputProps, 'size'> {
     labelPosition?: 'left' | 'right';
     onChange?: Function;
     onValueChange?: Function;
-    styles?: CheckboxStyles;
+    views?: CheckboxStyles;
     size?: Size;
     shadow?: Shadow | Elevation | CSSProperties;
     infoText?: string;

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

@@ -7,7 +7,6 @@ export interface CountryPickerProps extends Omit<InputProps, 'size'> {
     error?: boolean;
     name?: string;
     label?: string;
-    colorScheme?: string;
     helperText?: string;
     placeholder?: string;
     shape?: Shape;
@@ -16,7 +15,7 @@ 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;
@@ -38,11 +37,11 @@ export interface CountryPickerDropDownProps extends Omit<InputProps, 'size'> {
     size?: Size;
     callback?: Function;
     options: Array<Country>;
-    styles?: CountryPickerStyles;
+    views?: CountryPickerStyles;
 }
 export interface DropDownItemProps extends Omit<InputProps, 'size'> {
     callback?: Function;
     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

@@ -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.
      */

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

@@ -7,7 +7,6 @@ export interface SelectProps extends Omit<InputProps, 'size'> {
     error?: boolean;
     name?: string;
     label?: string;
-    colorScheme?: string;
     helperText?: string;
     placeholder?: string;
     options: Option[];
@@ -17,7 +16,7 @@ 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;
     isScrollable?: boolean;
@@ -38,7 +37,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 +65,5 @@ export interface DropDownProps extends Omit<InputProps, 'size'> {
     size?: Size;
     callback?: Function;
     options: Option[];
-    styles?: SelectStyles;
+    views?: SelectStyles;
 }

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

@@ -4,14 +4,13 @@ import { InputProps, Shadow } 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;
+    views?: SwitchStyles;
     shadow?: Shadow | Elevation | CSSProperties;
     size?: Size;
     labelPosition?: 'left' | 'right';

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

@@ -3,7 +3,6 @@ import { InputProps, Shadow } 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;
@@ -25,7 +24,7 @@ export interface TextAreaProps extends Omit<InputProps, 'size'> {
     size?: Size;
     shadow?: Shadow | Elevation | CSSProperties;
     shape?: Shape;
-    styles?: TextAreaStyles;
+    views?: TextAreaStyles;
     value?: string | number;
     variant?: Variant;
 }

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

@@ -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;
@@ -24,7 +23,7 @@ export interface TextFieldProps extends Omit<InputProps, 'size'> {
     size?: Size;
     shadow?: Shadow | Elevation | CSSProperties;
     shape?: Shape;
-    styles?: TextFieldStyles;
+    views?: TextFieldStyles;
     value?: string;
     variant?: Variant;
 }

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/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

@@ -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,7 +58,7 @@ 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.
      */

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

@@ -21,7 +21,7 @@ export interface LabelProps extends Omit<ViewProps, 'size'> {
     /**
      * CSS styles applied to the Label
      */
-    styles?: {
+    views?: {
         label: any;
     };
 }

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

@@ -21,5 +21,5 @@ export interface FieldProps extends Omit<ViewProps, 'size'> {
     /**
      * CSS styles applied to the field (default: {}).
      */
-    styles?: TextFieldStyles;
+    views?: TextFieldStyles;
 }

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

@@ -13,5 +13,5 @@ export interface HelperTextProps extends ViewProps {
     /**
      * CSS styles applied to the HelperText.
      */
-    styles?: TextFieldStyles;
+    views?: TextFieldStyles;
 }

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

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

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

@@ -6,4 +6,4 @@ 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.ForwardRefExoticComponent<import("app-studio").ElementProps & React.RefAttributes<HTMLElement> & ViewProps>;
+export declare const View: React.ForwardRefExoticComponent<Pick<import("app-studio").ElementProps, string | number> & React.RefAttributes<HTMLElement> & ViewProps>;

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

@@ -6,9 +6,8 @@ export interface LinkProps extends Omit<ViewProps, 'size'> {
     underline?: TextDecorationStyle;
     isExternal?: boolean;
     iconSize?: Size;
-    colorScheme?: string;
     to: string;
-    styles?: Styles;
+    views?: Styles;
 }
 export interface LinkViewProps extends LinkProps {
     isHovered: boolean;

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

@@ -9,7 +9,7 @@ export interface MessageLayoutProps {
 }
 export interface ShowMessageProps {
     isClosable?: boolean;
-    styles?: MessageViewStyles;
+    views?: MessageViewStyles;
     action?: Function;
     actionText?: string;
     showIcon?: boolean;
@@ -29,11 +29,11 @@ export interface MessageState {
     title: string;
     subtitle: string;
     isClosable?: boolean;
-    styles?: MessageViewStyles;
+    views?: MessageViewStyles;
     action?: Function;
     actionText?: string;
     showIcon?: boolean;
     timeout?: number;
-    show: (variant: MessageType, title?: string, subtitle?: string, isClosable?: boolean, styles?: MessageViewStyles, action?: Function, actionText?: string, showIcon?: boolean, timeout?: number) => void;
+    show: (variant: MessageType, title?: string, subtitle?: string, isClosable?: boolean, views?: MessageViewStyles, action?: Function, actionText?: string, showIcon?: boolean, timeout?: number) => void;
     hide: () => void;
 }

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

@@ -39,7 +39,7 @@ export declare type ThemesType = {
 };
 export declare type ShowMessageType = {
     isClosable?: boolean;
-    styles?: MessageViewStyles;
+    views?: MessageViewStyles;
     action?: Function;
     actionText?: string;
     showIcon?: boolean;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { MessageProps } from './Message.props';
-export declare const MessageView: ({ variant, hide, title, subtitle, theme, action, actionText, showIcon, isClosable, timeout, styles, }: MessageProps) => React.JSX.Element;
+export declare const MessageView: ({ variant, hide, title, subtitle, theme, action, actionText, showIcon, isClosable, timeout, views, }: MessageProps) => React.JSX.Element;

package/dist/components/Table/Table/Table.context.d.ts

@@ -11,10 +11,10 @@ export declare type TableViewStyles = {
 };
 export declare const TableProvider: React.FC<{
     children: React.ReactNode;
-    styles?: TableViewStyles;
+    views?: TableViewStyles;
     onRowClick?: Function;
 }>;
 export declare const useTableContext: () => {
-    styles: TableViewStyles;
+    views: TableViewStyles;
     onRowClick?: Function | undefined;
 };

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

@@ -5,7 +5,7 @@ export interface TableProps {
     columns: Column[];
     footer?: FooterCell[];
     caption?: React.ReactNode;
-    styles?: TableViewStyles;
+    views?: TableViewStyles;
     onClick?: Function;
 }
 export interface TableViewProps extends TableProps {
@@ -19,6 +19,6 @@ export interface TableLayoutProps {
     Caption?: React.FC<any>;
     TableContainer?: React.FC<any>;
     children?: React.ReactNode;
-    styles?: TableViewStyles;
+    views?: TableViewStyles;
     onClick?: Function;
 }

package/dist/components/Table/Table.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TableLayoutProps } from './Table/Table.props';
 export declare const Table: {
-    ({ children, styles, onClick }: TableLayoutProps): React.JSX.Element;
+    ({ children, views, onClick }: TableLayoutProps): React.JSX.Element;
     Head: React.FC<any>;
     HeadCell: React.FC<any>;
     Body: React.FC<any>;

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

@@ -11,7 +11,7 @@ export interface TabsProps {
     /** Optional callback function triggered when the active tab changes. Receives the newly active tab object. */
     onTabChange?: (activeTab: Tab) => void;
     /** Optional styles object to customize the appearance of the tabs container, headers, buttons, text, and content area. */
-    styles?: TabsStyles;
+    views?: TabsStyles;
     /**
      * Optional custom renderer for a single tab button/header.
      * Receives the tab data, whether it's currently active, and an onClick handler to activate the tab.
@@ -36,7 +36,7 @@ export interface TabsViewProps {
     /** Callback function to handle clicking on a tab header/button. */
     handleTabClick: (tab: Tab) => void;
     /** Optional styles object. */
-    styles?: TabsStyles;
+    views?: TabsStyles;
     /** Optional custom renderer for a tab button/header. */
     renderTab?: (tab: Tab, isActive: boolean, onClick: () => void) => React.ReactNode;
     /** Optional custom renderer for the content area. */

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

@@ -7,10 +7,9 @@ export interface ToggleProps extends Omit<InputProps, 'size'> {
     isDisabled?: boolean;
     children: React.ReactNode;
     variant?: Variant;
-    colorScheme?: string;
     onToggle?: (isToggled: boolean) => void;
 }
-export interface ToggleViewProps extends ToggleProps {
+export interface ToggleViewProps extends Omit<ToggleProps, never> {
     isHovered: boolean;
     setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
     isToggle: boolean;

package/dist/components/Toggle/Toggle.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ToggleProps } from './Toggle/Toggle.props';
-export declare const Toggle: ({ children, shape, colorScheme, variant, isDisabled, isToggled, onToggle, ...props }: ToggleProps) => React.JSX.Element;
+export declare const Toggle: ({ children, shape, variant, isDisabled, isToggled, onToggle, ...props }: ToggleProps) => React.JSX.Element;

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

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

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

@@ -7,10 +7,9 @@ export interface ToggleGroupProps extends Omit<InputProps, 'size'> {
     shape?: Shape;
     items: ToggleItem[];
     variant?: Variant;
-    colorScheme?: string;
     onToggleChange?: (activeIds: string[]) => void;
 }
-export interface ToggleGroupViewProps extends ToggleGroupProps {
+export interface ToggleGroupViewProps extends Omit<ToggleGroupProps, ''> {
     activeToggles: string[];
     setActiveToggles: React.Dispatch<React.SetStateAction<string[]>>;
 }

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ToggleGroupViewProps } from './ToggleGroup.props';
-export declare const ToggleGroupView: ({ items, onToggleChange, activeToggles, setActiveToggles, shape, variant, colorScheme, }: ToggleGroupViewProps) => React.JSX.Element;
+export declare const ToggleGroupView: ({ items, onToggleChange, activeToggles, setActiveToggles, shape, variant, }: ToggleGroupViewProps) => React.JSX.Element;

package/dist/components/ToggleGroup/ToggleGroup.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ToggleGroupProps } from './ToggleGroup/ToggleGroup.props';
-export declare const ToggleGroup: ({ items, shape, colorScheme, variant, onToggleChange, }: ToggleGroupProps) => React.JSX.Element;
+export declare const ToggleGroup: ({ items, shape, variant, onToggleChange, }: ToggleGroupProps) => React.JSX.Element;

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

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

package/dist/components/Uploader/{Uploader.props.d.ts → Uploader/Uploader.props.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { ImageProps, TextProps, ViewProps } from 'app-studio';
-import { IconProps } from '..';
+import { IconProps } from '../..';
 export interface UseUploadProps {
     accept?: string;
     maxSize?: number;
@@ -9,15 +9,13 @@ export interface UseUploadProps {
     onError?: (error: string) => void;
     thumbnail?: string;
 }
-export interface UploadProps {
-    isLoading?: boolean;
-    icon?: React.ReactNode;
-    accept?: string;
-    text?: string;
-    maxSize?: number;
-    progress?: number;
-    onFileSelect?: (file: File) => void;
-    validateFile?: (file: File) => string | null;
+export interface UploadStateProps {
+    handleFileChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    selectedFile: File | null;
+    fileInputRef: React.RefObject<HTMLInputElement>;
+    videoRef: React.RefObject<HTMLVideoElement>;
+}
+export interface UploadViewProps {
     onError?: (error: string) => void;
     containerProps?: ViewProps;
     errorMessageProps?: TextProps;
@@ -34,4 +32,19 @@ export interface UploadProps {
     renderError?: (props: any) => React.ReactNode;
     renderFile?: (props: any) => React.ReactNode;
     renderProgress?: (props: any) => React.ReactNode;
+    previewUrl?: string | null;
+    thumbnailUrl?: string | null;
+    errorMessage?: string | null;
+    isLoading?: boolean;
+    icon?: React.ReactNode;
+    accept?: string;
+    text?: string;
+    maxSize?: number;
+    progress?: number;
+    fileType?: 'video' | 'image' | 'file';
+    handleClick?: () => void;
+    onFileSelect?: (file: File) => void;
+    validateFile?: (file: File) => string | null;
+}
+export interface UploadProps extends UseUploadProps, UploadViewProps {
 }

package/dist/components/Uploader/Uploader/Uploader.state.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { UseUploadProps } from '../Uploader/Uploader.props';
+export declare const generateThumbnail: (videoFile: File, setThumbnailUrl: (url: string) => void) => void;
+export declare const useUpload: ({ maxSize, onFileSelect, validateFile, thumbnail, onError, }: UseUploadProps) => {
+    previewUrl: string | null;
+    thumbnailUrl: string | null;
+    errorMessage: string | null;
+    fileInputRef: React.RefObject<HTMLInputElement>;
+    videoRef: React.RefObject<HTMLVideoElement>;
+    selectedFile: File | null;
+    handleFileChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleClick: () => void | undefined;
+};

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { UploadStateProps, UploadViewProps } from './Uploader.props';
+export declare const UploadView: React.FC<UploadViewProps & UploadStateProps>;

package/dist/components/Uploader/Uploader.d.ts

@@ -1,14 +1,3 @@
 import React from 'react';
-import { UploadProps, UseUploadProps } from './Uploader.props';
-export declare const generateThumbnail: (videoFile: File, setThumbnailUrl: (url: string) => void) => void;
-export declare const useUpload: ({ maxSize, onFileSelect, validateFile, thumbnail, onError, }: UseUploadProps) => {
-    previewUrl: string | null;
-    thumbnailUrl: string | null;
-    errorMessage: string | null;
-    fileInputRef: React.RefObject<HTMLInputElement>;
-    videoRef: React.RefObject<HTMLVideoElement>;
-    selectedFile: File | null;
-    handleFileChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    handleClick: () => void | undefined;
-};
+import { UploadProps } from './Uploader/Uploader.props';
 export declare const Uploader: React.FC<UploadProps>;