@app-studio/web 0.9.24 → 0.9.25

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

@@ -113,6 +113,53 @@ export interface BackgroundImageProps extends Omit<BackgroundProps, 'position'>
         overlay?: ViewProps;
     };
 }
+/**
+ * Background Video component props
+ */
+export interface BackgroundVideoProps extends Omit<BackgroundProps, 'position'> {
+    /**
+     * Video source URL
+     */
+    src: string;
+    /**
+     * Whether the video should autoplay
+     * @default true
+     */
+    autoPlay?: boolean;
+    /**
+     * Whether the video should loop
+     * @default true
+     */
+    loop?: boolean;
+    /**
+     * Whether the video should be muted
+     * @default true
+     */
+    muted?: boolean;
+    /**
+     * Use inline playback on mobile
+     * @default true
+     */
+    playsInline?: boolean;
+    /**
+     * Overlay color to blend with video
+     */
+    overlay?: string;
+    /**
+     * Blend mode for overlay
+     * @default 'normal'
+     */
+    blendMode?: BlendMode;
+    /**
+     * Custom views for styling
+     */
+    views?: {
+        container?: ViewProps;
+        content?: ViewProps;
+        video?: ViewProps;
+        overlay?: ViewProps;
+    };
+}
 /**
  * Background Gradient component props
  * Extends GradientProps and adds Background-specific functionality
@@ -128,5 +175,7 @@ export interface BackgroundStyles {
     aurora?: ViewProps;
     meteors?: ViewProps;
     image?: ViewProps;
+    video?: ViewProps;
+    overlay?: ViewProps;
     gradient?: ViewProps;
 }

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

@@ -22,6 +22,15 @@ export declare const BackgroundImageStyles: {
     overlay: ViewProps;
     content: ViewProps;
 };
+/**
+ * Background Video styles
+ */
+export declare const BackgroundVideoStyles: {
+    container: ViewProps;
+    video: ViewProps;
+    overlay: ViewProps;
+    content: ViewProps;
+};
 /**
  * Meteors effect styles
  */

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

@@ -2,7 +2,7 @@ import { ViewProps } from 'app-studio';
 /**
  * Background effect types
  */
-export declare type BackgroundEffect = 'aurora' | 'meteors' | 'particles' | 'grid' | 'ripples' | 'wall' | 'image' | 'gradient' | 'borderMoving' | 'animatedStroke';
+export declare type BackgroundEffect = 'aurora' | 'meteors' | 'particles' | 'grid' | 'ripples' | 'wall' | 'image' | 'video' | 'gradient' | 'borderMoving' | 'animatedStroke';
 /**
  * Aurora gradient direction options
  */

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, BackgroundGradientProps } from './Background.props';
+import { BackgroundProps, AuroraBackgroundProps, MeteorsProps, WallProps, ParticlesProps, GridProps, RipplesProps, BackgroundImageProps, BackgroundVideoProps, BackgroundGradientProps } from './Background.props';
 /**
  * Main Background View Component with compound pattern
  */
@@ -11,6 +11,7 @@ interface BackgroundViewComponent extends React.FC<BackgroundProps> {
     Grid: React.FC<GridProps>;
     Ripples: React.FC<RipplesProps>;
     Image: React.FC<BackgroundImageProps>;
+    Video: React.FC<BackgroundVideoProps>;
     Gradient: React.FC<BackgroundGradientProps>;
 }
 export declare const BackgroundView: BackgroundViewComponent;

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

@@ -16,5 +16,6 @@ export declare const Background: React.ForwardRefExoticComponent<Pick<Background
     Grid: React.FC<import("./Background/Background.props").GridProps>;
     Ripples: React.FC<import("./Background/Background.props").RipplesProps>;
     Image: React.FC<import("./Background/Background.props").BackgroundImageProps>;
+    Video: React.FC<import("./Background/Background.props").BackgroundVideoProps>;
     Gradient: React.FC<import("./Background/Background.props").BackgroundGradientProps>;
 };

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

@@ -1,3 +1,3 @@
 export { Background } from './Background';
-export type { BackgroundProps, AuroraBackgroundProps, MeteorsProps, WallProps, ParticlesProps, GridProps, RipplesProps, BackgroundImageProps, BackgroundGradientProps, BackgroundStyles, } from './Background/Background.props';
+export type { BackgroundProps, AuroraBackgroundProps, MeteorsProps, WallProps, ParticlesProps, GridProps, RipplesProps, BackgroundImageProps, BackgroundVideoProps, BackgroundGradientProps, BackgroundStyles, } from './Background/Background.props';
 export type { BackgroundEffect, AuroraDirection, MeteorTiming, BorderAnimationStyles, StrokeAnimationStyles, BackgroundContextType, BackgroundSize, BackgroundPosition, BackgroundRepeat, BlendMode, } from './Background/Background.type';

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

@@ -0,0 +1,35 @@
+import { ViewProps } from 'app-studio';
+export interface ProgressBarStyles {
+    container?: ViewProps;
+    bar?: ViewProps;
+}
+export interface ProgressBarProps extends ViewProps {
+    /**
+     * Current progress value
+     */
+    value?: number;
+    /**
+     * Maximum progress value
+     */
+    max?: number;
+    /**
+     * Color of the filled portion
+     */
+    color?: string;
+    /**
+     * Background color of the track
+     */
+    backgroundColor?: string;
+    /**
+     * Height of the progress bar
+     */
+    height?: number | string;
+    /**
+     * Border radius for rounded corners
+     */
+    radius?: number | string;
+    /**
+     * Custom styles for container or bar
+     */
+    views?: ProgressBarStyles;
+}

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { ViewProps } from 'app-studio';
+import { Status, StatusIndicatorStyles } from './StatusIndicator.type';
+export interface StatusIndicatorProps extends ViewProps {
+    label?: string;
+    status?: Status;
+    views?: StatusIndicatorStyles;
+    /**
+     * Optional theme mode override ('light' or 'dark')
+     * If not provided, the component will use the theme mode from context
+     */
+    themeMode?: 'light' | 'dark';
+}

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

@@ -0,0 +1,10 @@
+import { ViewProps } from 'app-studio';
+import { Status } from './StatusIndicator.type';
+export declare const getThemes: (themeMode: string) => Record<Status, {
+    indicator: ViewProps;
+    label: ViewProps;
+}>;
+export declare const Themes: Record<Status, {
+    indicator: ViewProps;
+    label: ViewProps;
+}>;

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

@@ -0,0 +1,7 @@
+import { ViewProps } from 'app-studio';
+export declare type Status = 'default' | 'info' | 'success' | 'warning' | 'error';
+export declare type StatusIndicatorStyles = {
+    container?: ViewProps;
+    indicator?: ViewProps;
+    label?: ViewProps;
+};

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { StatusIndicatorProps } from './StatusIndicator.props';
+export declare const StatusIndicatorView: ({ label, status, views, themeMode: elementMode, ...props }: StatusIndicatorProps) => React.JSX.Element;

package/dist/components/StatusIndicator/StatusIndicator.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { StatusIndicatorProps } from './StatusIndicator/StatusIndicator.props';
+export declare const StatusIndicator: (props: StatusIndicatorProps) => React.JSX.Element;

package/dist/{hooks → components/adk}/useAdk.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { CreateSessionParams, AgentRunRequest, SessionResponse } from '../services/api';
+import type { CreateSessionParams, AgentRunRequest, SessionResponse } from '../../services/api';
 /**
  * Custom hook for ADK operations
  * Integrates with the existing ADK service and auth store

package/dist/components/index.d.ts

@@ -49,7 +49,9 @@ export * from './EmojiPicker/EmojiPicker';
 export * from './HoverCard/HoverCard';
 export * from './Menubar/Menubar';
 export * from './Pagination/Pagination';
+export * from './ProgressBar/ProgressBar';
 export * from './Separator/Separator';
+export * from './StatusIndicator/StatusIndicator';
 export * from './Sidebar/Sidebar';
 export * from './Resizable/Resizable';
 export * from './Toast/Toast';
@@ -104,7 +106,9 @@ export * from './ColorPicker/ColorPicker/ColorPicker.props';
 export * from './EmojiPicker/EmojiPicker/EmojiPicker.props';
 export * from './Menubar/Menubar/Menubar.props';
 export * from './Pagination/Pagination/Pagination.props';
+export * from './ProgressBar/ProgressBar/ProgressBar.props';
 export * from './Separator/Separator/Separator.props';
+export * from './StatusIndicator/StatusIndicator/StatusIndicator.props';
 export * from './Sidebar/Sidebar/Sidebar.props';
 export * from './Resizable/Resizable/Resizable.props';
 export * from './Toast/Toast/Toast.props';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ProgressBarPage: () => React.JSX.Element;
+export default ProgressBarPage;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const StatusIndicatorPage: () => React.JSX.Element;
+export default StatusIndicatorPage;