@app-studio/web 0.9.57 → 0.9.60

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

@@ -94,15 +94,15 @@ export interface BackgroundImageProps extends Omit<BackgroundProps, 'position'>
      * @default 1
      */
     imageOpacity?: number;
-    /**
-     * Overlay color to blend with image
-     */
-    overlay?: string;
     /**
      * Blend mode for overlay
      * @default 'normal'
      */
     blendMode?: BlendMode;
+    /**
+     * Overlay content
+     */
+    overlay?: ReactNode;
     /**
      * Custom views for styling
      */
@@ -110,7 +110,6 @@ export interface BackgroundImageProps extends Omit<BackgroundProps, 'position'>
         container?: ViewProps;
         content?: ViewProps;
         image?: ViewProps;
-        overlay?: ViewProps;
     };
 }
 /**
@@ -144,7 +143,7 @@ export interface BackgroundVideoProps extends Omit<BackgroundProps, 'position'>
     /**
      * Overlay color to blend with video
      */
-    overlay?: string;
+    overlay?: ReactNode;
     /**
      * Blend mode for overlay
      * @default 'normal'
@@ -157,7 +156,6 @@ export interface BackgroundVideoProps extends Omit<BackgroundProps, 'position'>
         container?: ViewProps;
         content?: ViewProps;
         video?: ViewProps;
-        overlay?: ViewProps;
     };
 }
 /**
@@ -166,6 +164,16 @@ export interface BackgroundVideoProps extends Omit<BackgroundProps, 'position'>
  */
 export interface BackgroundGradientProps extends GradientProps {
 }
+/**
+ * Background Overlay component props
+ */
+export interface BackgroundOverlayProps extends ViewProps {
+    /**
+     * Position of the content relative to the overlay
+     * @default 'center'
+     */
+    contentPosition?: 'left' | 'right' | 'center' | 'bottom' | 'top';
+}
 /**
  * Background styles for customization
  */
@@ -176,6 +184,5 @@ export interface BackgroundStyles {
     meteors?: ViewProps;
     image?: ViewProps;
     video?: ViewProps;
-    overlay?: ViewProps;
     gradient?: ViewProps;
 }

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

@@ -19,7 +19,6 @@ export declare const AuroraStyles: {
 export declare const BackgroundImageStyles: {
     container: ViewProps;
     image: ViewProps;
-    overlay: ViewProps;
     content: ViewProps;
 };
 /**
@@ -28,7 +27,6 @@ export declare const BackgroundImageStyles: {
 export declare const BackgroundVideoStyles: {
     container: ViewProps;
     video: ViewProps;
-    overlay: ViewProps;
     content: ViewProps;
 };
 /**

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BackgroundProps, AuroraBackgroundProps, MeteorsProps, WallProps, ParticlesProps, GridProps, RipplesProps, BackgroundImageProps, BackgroundVideoProps, BackgroundGradientProps } from './Background.props';
+import { BackgroundProps, AuroraBackgroundProps, MeteorsProps, WallProps, ParticlesProps, GridProps, RipplesProps, BackgroundImageProps, BackgroundVideoProps, BackgroundGradientProps, BackgroundOverlayProps } from './Background.props';
 /**
  * Main Background View Component with compound pattern
  */
@@ -13,6 +13,7 @@ interface BackgroundViewComponent extends React.FC<BackgroundProps> {
     Image: React.FC<BackgroundImageProps>;
     Video: React.FC<BackgroundVideoProps>;
     Gradient: React.FC<BackgroundGradientProps>;
+    Overlay: React.FC<BackgroundOverlayProps>;
 }
 export declare const BackgroundView: BackgroundViewComponent;
 export {};

package/dist/components/Background/Background.d.ts

@@ -18,4 +18,5 @@ export declare const Background: React.ForwardRefExoticComponent<Pick<Background
     Image: React.FC<import("./Background/Background.props").BackgroundImageProps>;
     Video: React.FC<import("./Background/Background.props").BackgroundVideoProps>;
     Gradient: React.FC<import("./Background/Background.props").BackgroundGradientProps>;
+    Overlay: React.FC<import("./Background/Background.props").BackgroundOverlayProps>;
 };

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

@@ -5,7 +5,7 @@ import { Suggestion } from '../EditableInput';
 /**
  * Props for the ChatInput component
  */
-export interface ChatInputProps extends ViewProps {
+export interface ChatInputProps extends Omit<ViewProps, 'onChange'> {
     /**
      * Get the pending files
      */
@@ -61,6 +61,23 @@ export interface ChatInputProps extends ViewProps {
      * ID of the sandbox
      */
     sandboxId?: string;
+    /**
+     * Callback when file upload progress changes
+     */
+    onUploadProgress?: (progress: number) => void;
+    /**
+     * Callback when file upload succeeds
+     */
+    onUploadSuccess?: (data: any) => void;
+    /**
+     * Callback when file upload fails
+     */
+    onUploadError?: (error: any) => void;
+    /**
+     * Function to execute file upload. Parent should provide this.
+     * Should return an object with a loading property.
+     */
+    onFileUpload?: (file: File) => void;
     /**
      * Whether to hide the attachment button
      */

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ViewProps } from 'app-studio';
 import { Variant, Shape, Size, ColorPickerStyles, ColorFormat, PredefinedColor } from './ColorPicker.type';
-export interface ColorPickerProps extends ViewProps {
+export interface ColorPickerProps extends Omit<ViewProps, 'onChange'> {
     id?: string;
     name?: string;
     label?: string;

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

@@ -7,7 +7,7 @@ export interface DragAndDropProps {
     containerProps?: ViewProps;
     itemProps?: ViewProps;
 }
-export interface DragAndDropViewProps extends DragAndDropProps, ViewProps {
+export interface DragAndDropViewProps extends DragAndDropProps, Omit<ViewProps, 'onChange'> {
     draggedIndex: number | null;
     itemRefs: React.MutableRefObject<(HTMLDivElement | null)[]>;
     renderItem?: (item: any, index: number) => React.ReactNode;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ViewProps } from 'app-studio';
 import { Variant, Shape, Size, EmojiPickerStyles, EmojiCategory, Emoji } from './EmojiPicker.type';
-export interface EmojiPickerProps extends ViewProps {
+export interface EmojiPickerProps extends Omit<ViewProps, 'onChange'> {
     id?: string;
     name?: string;
     label?: string;

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

@@ -9,7 +9,7 @@ export interface FormikUploaderProps extends Omit<UploadProps, 'onFileSelect' |
     /**
      * Custom upload handler. Defaults to the platform UploadService
      */
-    uploadFile?: UploadFileHandler;
+    uploadFile: UploadFileHandler;
     /**
      * Callback fired when a single file upload succeeds
      */

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

@@ -1,9 +1,18 @@
+/// <reference types="react" />
 import { ViewProps } from 'app-studio';
 export interface ProgressBarStyles {
     container?: ViewProps;
     bar?: ViewProps;
+    track?: React.SVGAttributes<SVGCircleElement>;
+    indicator?: React.SVGAttributes<SVGCircleElement>;
+    text?: ViewProps;
 }
 export interface ProgressBarProps extends ViewProps {
+    /**
+     * The shape of the progress bar
+     * @default 'linear'
+     */
+    shape?: 'linear' | 'circle';
     /**
      * Current progress value
      */
@@ -21,13 +30,38 @@ export interface ProgressBarProps extends ViewProps {
      */
     backgroundColor?: string;
     /**
-     * Height of the progress bar
+     * Height of the progress bar (linear) or size (circle)
      */
     height?: number | string;
     /**
-     * Border radius for rounded corners
+     * Diameter of the circle (alias for height/width when shape is circle)
+     */
+    size?: number;
+    /**
+     * Border radius for rounded corners (linear only)
      */
     radius?: number | string;
+    /**
+     * Width of the stroke (circle only)
+     */
+    strokeWidth?: number;
+    /**
+     * Whether to show the percentage label in the center (circle only)
+     */
+    showLabel?: boolean;
+    /**
+     * Color of the label text (circle only)
+     */
+    labelColor?: string;
+    /**
+     * Whether to animate the progress change smoothly
+     * @default true
+     */
+    animated?: boolean;
+    /**
+     * Duration of the animation
+     */
+    animationDuration?: string;
     /**
      * Custom styles for container or bar
      */

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { ProgressBarProps } from './ProgressBar/ProgressBar.props';
 export declare const ProgressBar: React.FC<ProgressBarProps>;
+export * from './ProgressBar/ProgressBar.props';

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { InputProps, ViewProps } from 'app-studio';
 import { Orientation, Shape, Size, SliderStyles, Variant } from './Slider.type';
-export interface SliderProps extends Omit<InputProps, 'size' | 'onChange'> {
+export interface SliderProps extends Omit<InputProps, 'size' | 'onChange' | 'onDrag'> {
     /**
      * The minimum value of the slider
      */

package/dist/components/Title/Title/SlideEffect.d.ts

@@ -8,6 +8,7 @@ interface SlideEffectProps {
     textStyle?: React.CSSProperties;
     as?: React.ElementType;
     wordProps?: any;
+    bgColor?: string;
     [key: string]: any;
 }
 export declare const SlideEffect: React.FC<SlideEffectProps>;

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

@@ -102,11 +102,6 @@ export interface TitleProps extends ViewProps {
      * @default false
      */
     responsive?: boolean;
-    /**
-     * Whether to center the title
-     * @default false
-     */
-    centered?: boolean;
     /**
      * Custom styles for different parts of the component
      */

package/dist/pages/title.page.d.ts

@@ -1,6 +1,3 @@
 import React from 'react';
-/**
- * Title component showcase page
- */
 declare const TitlePage: () => React.JSX.Element;
 export default TitlePage;