@app-studio/web 0.9.86 → 0.9.89

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

@@ -1,155 +0,0 @@
-/// <reference types="react" />
-import { ViewProps } from 'app-studio';
-import { ButtonProps } from '../../Button/Button/Button.props';
-import { CarouselStyles, IndicatorPosition, IndicatorVariant, NavigationPosition, SlideDirection } from './Carousel.type';
-export interface CarouselProps extends Omit<ViewProps, 'position'> {
-    /**
-     * The slides to be displayed in the carousel
-     */
-    children: React.ReactNode[];
-    /**
-     * The index of the initially active slide
-     */
-    defaultActiveIndex?: number;
-    /**
-     * Controlled active index
-     */
-    activeIndex?: number;
-    /**
-     * Callback when the active slide changes
-     */
-    onChange?: (index: number) => void;
-    /**
-     * Whether to show navigation buttons
-     */
-    showNavigation?: boolean;
-    /**
-     * Position of the navigation buttons
-     */
-    navigationPosition?: NavigationPosition;
-    /**
-     * Custom previous button element
-     */
-    prevButton?: React.ReactNode;
-    /**
-     * Custom next button element
-     */
-    nextButton?: React.ReactNode;
-    /**
-     * Whether to show slide indicators
-     */
-    showIndicators?: boolean;
-    /**
-     * Position of the indicators
-     */
-    indicatorPosition?: IndicatorPosition;
-    /**
-     * Visual style of the indicators
-     */
-    indicatorVariant?: IndicatorVariant;
-    /**
-     * Whether to enable auto-play
-     */
-    autoPlay?: boolean;
-    /**
-     * Interval for auto-play in milliseconds
-     */
-    autoPlayInterval?: number;
-    /**
-     * Whether to pause auto-play on hover
-     */
-    pauseOnHover?: boolean;
-    /**
-     * Whether to loop the carousel
-     */
-    infinite?: boolean;
-    /**
-     * Direction of slide movement
-     */
-    direction?: SlideDirection;
-    /**
-     * Duration of the slide transition in milliseconds
-     */
-    transitionDuration?: number;
-    /**
-     * Array of specific slide indices to use as steps
-     * When provided, the carousel will only navigate to these indices
-     */
-    stepIndices?: number[];
-    /**
-     * Custom styles for different parts of the carousel
-     */
-    views?: CarouselStyles;
-}
-export interface CarouselSlideProps extends ViewProps {
-    /**
-     * The content of the slide
-     */
-    children: React.ReactNode;
-    /**
-     * Whether the slide is currently active
-     */
-    isActive?: boolean;
-    /**
-     * Index of the slide
-     */
-    index?: number;
-    /**
-     * Custom styles for the slide
-     */
-    views?: ViewProps;
-}
-export interface CarouselContentProps extends ViewProps {
-    /**
-     * The slides, expected to be CarouselItem components
-     */
-    children: React.ReactNode;
-    /**
-     * Custom styling for the content wrapper
-     */
-    views?: Pick<CarouselStyles, 'content' | 'innerContainer'>;
-}
-export interface CarouselItemProps extends ViewProps {
-    /**
-     * The content of the slide
-     */
-    children: React.ReactNode;
-    /**
-     * Custom styling for the item
-     */
-    views?: Pick<CarouselStyles, 'item'>;
-}
-export interface CarouselPreviousProps extends Omit<ButtonProps, 'views'> {
-    /**
-     * Custom styling for the button
-     */
-    views?: Pick<CarouselStyles, 'prevButton'>;
-}
-export interface CarouselNextProps extends Omit<ButtonProps, 'views'> {
-    /**
-     * Custom styling for the button
-     */
-    views?: Pick<CarouselStyles, 'nextButton'>;
-}
-export interface CarouselType extends React.FC<CarouselProps> {
-    /**
-     * Individual slide component (legacy)
-     */
-    Slide: React.FC<CarouselSlideProps>;
-    /**
-     * Container for carousel items (compound pattern)
-     */
-    Content: React.FC<CarouselContentProps>;
-    /**
-     * Individual carousel item (compound pattern)
-     */
-    Item: React.FC<CarouselItemProps>;
-    /**
-     * Previous navigation button (compound pattern)
-     */
-    Previous: React.FC<CarouselPreviousProps>;
-    /**
-     * Next navigation button (compound pattern)
-     */
-    Next: React.FC<CarouselNextProps>;
-}

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

@@ -1,29 +0,0 @@
-export interface CarouselStateProps {
-    defaultActiveIndex?: number;
-    activeIndex?: number;
-    onChange?: (index: number) => void;
-    autoPlay?: boolean;
-    autoPlayInterval?: number;
-    pauseOnHover?: boolean;
-    infinite?: boolean;
-    totalSlides?: number;
-    stepIndices?: number[];
-}
-export declare const useCarouselState: ({ defaultActiveIndex, activeIndex: controlledActiveIndex, onChange, autoPlay, autoPlayInterval, pauseOnHover, infinite, totalSlides: initialTotalSlides, stepIndices, }: CarouselStateProps) => {
-    activeIndex: number;
-    totalSlides: number;
-    goToSlide: (index: number) => void;
-    nextSlide: () => void;
-    prevSlide: () => void;
-    canGoNext: boolean;
-    canGoPrevious: boolean;
-    handleMouseEnter: () => void;
-    handleMouseLeave: () => void;
-    handleDragStart: (e: React.MouseEvent | React.TouchEvent) => void;
-    handleDragMove: (e: React.MouseEvent | React.TouchEvent) => void;
-    handleDragEnd: () => void;
-    registerSlide: () => number;
-    unregisterSlide: (id: number) => void;
-    contentId: string;
-    infinite: boolean;
-};

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

@@ -1,6 +0,0 @@
-import { ViewProps } from 'app-studio';
-import { IndicatorVariant, CarouselStyles } from './Carousel.type';
-export declare const IndicatorStyles: Record<IndicatorVariant, ViewProps>;
-export declare const ActiveIndicatorStyles: Record<IndicatorVariant, ViewProps>;
-export declare const NavigationButtonStyles: ViewProps;
-export declare const getDefaultCarouselStyles: () => CarouselStyles;

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

@@ -1,32 +0,0 @@
-import { ViewProps } from 'app-studio';
-export declare type NavigationPosition = 'inside' | 'outside';
-export declare type IndicatorPosition = 'top' | 'bottom';
-export declare type IndicatorVariant = 'dot' | 'line' | 'number';
-export declare type SlideDirection = 'horizontal' | 'vertical';
-export interface CarouselStyles {
-    container?: ViewProps;
-    slide?: ViewProps;
-    slideWrapper?: ViewProps;
-    prevButton?: ViewProps;
-    nextButton?: ViewProps;
-    indicators?: ViewProps;
-    indicator?: ViewProps;
-    activeIndicator?: ViewProps;
-    content?: ViewProps;
-    innerContainer?: ViewProps;
-    item?: ViewProps;
-}
-export interface CarouselContextValue {
-    currentIndex: number;
-    totalSlides: number;
-    goToSlide: (index: number) => void;
-    goToNext: () => void;
-    goToPrevious: () => void;
-    canGoNext: boolean;
-    canGoPrevious: boolean;
-    registerSlide: () => number;
-    unregisterSlide: (id: number) => void;
-    styles?: CarouselStyles;
-    contentId: string;
-    infinite: boolean;
-}

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { CarouselProps, CarouselSlideProps, CarouselContentProps, CarouselItemProps, CarouselPreviousProps, CarouselNextProps } from './Carousel.props';
-export declare const CarouselSlide: React.FC<CarouselSlideProps>;
-export declare const CarouselPreviousComponent: React.FC<CarouselPreviousProps>;
-export declare const CarouselNextComponent: React.FC<CarouselNextProps>;
-export declare const CarouselItemComponent: React.FC<CarouselItemProps>;
-export declare const CarouselContentComponent: React.FC<CarouselContentProps>;
-export declare const CarouselView: React.FC<CarouselProps>;

package/dist/components/Carousel/Carousel.d.ts

@@ -1,2 +0,0 @@
-import { CarouselType } from './Carousel/Carousel.props';
-export declare const Carousel: CarouselType;

package/dist/components/Chart/Chart/BarChart.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { ChartData } from './Chart.type';
-interface BarChartProps {
-    data: ChartData;
-    width: number;
-    height: number;
-    animationProgress: number;
-    showGrid?: boolean;
-    onBarClick?: (seriesName: string, index: number) => void;
-    showTooltip: (x: number, y: number, content: React.ReactNode) => void;
-    hideTooltip: () => void;
-    views?: any;
-}
-export declare const BarChart: React.FC<BarChartProps>;
-export {};

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

@@ -1,101 +0,0 @@
-/// <reference types="react" />
-import { ViewProps } from 'app-studio';
-import { ChartType, ChartData, ChartDataPoint, ChartStyles } from './Chart.type';
-export interface ChartProps extends Omit<ViewProps, 'animationDuration'> {
-    /**
-     * The type of chart to render
-     */
-    type: ChartType;
-    /**
-     * Data for the chart (for multi-series charts like bar, line, area)
-     */
-    data?: ChartData;
-    /**
-     * Data points for single series charts (like pie, donut)
-     */
-    dataPoints?: ChartDataPoint[];
-    /**
-     * The title of the chart
-     */
-    title?: string;
-    /**
-     * Whether to show the legend
-     */
-    showLegend?: boolean;
-    /**
-     * Position of the legend
-     */
-    legendPosition?: 'top' | 'right' | 'bottom' | 'left';
-    /**
-     * Whether to show grid lines
-     */
-    showGrid?: boolean;
-    /**
-     * Whether to show tooltips on hover
-     */
-    showTooltips?: boolean;
-    /**
-     * Whether the chart is animated
-     */
-    animated?: boolean;
-    /**
-     * Duration of the animation in milliseconds
-     */
-    animationDuration?: number;
-    /**
-     * Whether the chart is responsive
-     */
-    responsive?: boolean;
-    /**
-     * The aspect ratio of the chart (width/height)
-     */
-    aspectRatio?: number;
-    /**
-     * The width of the chart
-     */
-    width?: number | string;
-    /**
-     * The height of the chart
-     */
-    height?: number | string;
-    /**
-     * Custom styles for different parts of the chart
-     */
-    views?: ChartStyles;
-    /**
-     * Callback when a data point is clicked
-     */
-    onDataPointClick?: (dataPoint: ChartDataPoint | null, index: number) => void;
-    /**
-     * Callback when a series is clicked
-     */
-    onSeriesClick?: (seriesName: string, index: number) => void;
-    /**
-     * If true, displays a loading indicator overlay
-     */
-    isLoading?: boolean;
-    /**
-     * If provided, displays an error message overlay. Takes precedence over isLoading.
-     */
-    error?: React.ReactNode;
-    /**
-     * If true and not loading/error, displays a "no data" message. Can also be custom content.
-     */
-    noData?: boolean | React.ReactNode;
-    /**
-     * Custom placeholder for the loading state
-     */
-    loadingIndicator?: React.ReactNode;
-    /**
-     * Custom placeholder for the error state
-     */
-    errorIndicator?: React.ReactNode;
-    /**
-     * Custom placeholder for the no data state
-     */
-    noDataIndicator?: React.ReactNode;
-    /**
-     * Aria-label for the chart region. Defaults to the title if provided.
-     */
-    'aria-label'?: string;
-}

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

@@ -1,37 +0,0 @@
-import { ReactNode } from 'react';
-import { ChartData, ChartDataPoint } from './Chart.type';
-export interface ChartStateProps {
-    data?: ChartData;
-    dataPoints?: ChartDataPoint[];
-    animated?: boolean;
-    animationDuration?: number;
-    showTooltips?: boolean;
-}
-export declare const useChartState: ({ data, dataPoints, animated, animationDuration, showTooltips, }: ChartStateProps) => {
-    animationProgress: number;
-    tooltip: {
-        visible: boolean;
-        x: number;
-        y: number;
-        content: ReactNode;
-    };
-    containerRef: import("react").RefObject<HTMLDivElement>;
-    processedData: () => {
-        color: string;
-        label: string;
-        value: number;
-    }[] | {
-        series: {
-            color: string;
-            name: string;
-            data: number[];
-        }[];
-        labels: string[];
-    } | null;
-    showTooltip: (x: number, y: number, content: ReactNode) => void;
-    hideTooltip: () => void;
-    getChartDimensions: () => {
-        width: number;
-        height: number;
-    };
-};

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

@@ -1,20 +0,0 @@
-import { ViewProps } from 'app-studio';
-export declare const DEFAULT_COLORS: string[];
-export declare const ChartContainerStyles: ViewProps;
-export declare const ChartTitleStyles: ViewProps;
-export declare const ChartLegendStyles: ViewProps;
-export declare const LegendItemStyles: ViewProps;
-export declare const LegendColorStyles: ViewProps;
-export declare const LegendTextStyles: ViewProps;
-export declare const TooltipStyles: ViewProps;
-export declare const GridStyles: ViewProps;
-export declare const AxisStyles: ViewProps;
-export declare const AxisLabelStyles: ViewProps;
-export declare const BarStyles: ViewProps;
-export declare const LineStyles: ViewProps;
-export declare const PointStyles: ViewProps;
-export declare const PieSliceStyles: ViewProps;
-export declare const OverlayBaseStyles: ViewProps;
-export declare const LoadingOverlayStyles: ViewProps;
-export declare const ErrorOverlayStyles: ViewProps;
-export declare const NoDataOverlayStyles: ViewProps;

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

@@ -1,36 +0,0 @@
-import { ViewProps } from 'app-studio';
-export declare type ChartType = 'bar' | 'line' | 'pie' | 'donut' | 'area';
-export interface ChartDataPoint {
-    label: string;
-    value: number;
-    color?: string;
-}
-export interface ChartSeries {
-    name: string;
-    data: number[];
-    color?: string;
-}
-export interface ChartData {
-    labels: string[];
-    series: ChartSeries[];
-}
-export interface ChartStyles {
-    container?: ViewProps;
-    chart?: ViewProps;
-    legend?: ViewProps;
-    legendItem?: ViewProps;
-    tooltip?: ViewProps;
-    axis?: ViewProps;
-    grid?: ViewProps;
-    bar?: ViewProps;
-    line?: ViewProps;
-    point?: ViewProps;
-    pie?: ViewProps;
-    area?: ViewProps;
-    axisLabel?: ViewProps;
-    axisLine?: ViewProps;
-    axisTick?: ViewProps;
-    loadingOverlay?: ViewProps;
-    errorOverlay?: ViewProps;
-    noDataOverlay?: ViewProps;
-}

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

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

package/dist/components/Chart/Chart/ChartColors.d.ts

@@ -1,20 +0,0 @@
-/**
- * Chart Colors
- *
- * Defines a consistent color scheme for all chart examples.
- * These colors should be used in the same order across all chart types
- * to ensure consistency between the charts and their legends.
- */
-export declare const CHART_COLORS: {
-    blue: string;
-    green: string;
-    purple: string;
-    orange: string;
-    red: string;
-    teal: string;
-    pink: string;
-    indigo: string;
-    yellow: string;
-    cyan: string;
-};
-export declare const DEFAULT_CHART_COLORS: string[];

package/dist/components/Chart/Chart/ChartTooltip.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { ViewProps } from 'app-studio';
-interface ChartTooltipProps {
-    visible: boolean;
-    x: number;
-    y: number;
-    content: React.ReactNode;
-    maxDistance?: number;
-    views?: {
-        tooltip?: ViewProps;
-    };
-}
-export declare const ChartTooltip: React.FC<ChartTooltipProps>;
-export {};

package/dist/components/Chart/Chart/LineChart.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { ChartData } from './Chart.type';
-interface LineChartProps {
-    data: ChartData;
-    width: number;
-    height: number;
-    animationProgress: number;
-    showGrid?: boolean;
-    onPointClick?: (seriesName: string, index: number) => void;
-    showTooltip: (x: number, y: number, content: React.ReactNode) => void;
-    hideTooltip: () => void;
-    views?: any;
-}
-export declare const LineChart: React.FC<LineChartProps>;
-export {};

package/dist/components/Chart/Chart/PieChart.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { ChartDataPoint } from './Chart.type';
-interface PieChartProps {
-    dataPoints: ChartDataPoint[];
-    width: number;
-    height: number;
-    animationProgress: number;
-    isDonut?: boolean;
-    onSliceClick?: (dataPoint: ChartDataPoint, index: number) => void;
-    showTooltip: (x: number, y: number, content: React.ReactNode) => void;
-    hideTooltip: () => void;
-    views?: any;
-}
-export declare const PieChart: React.FC<PieChartProps>;
-export {};

package/dist/components/Chart/Chart.d.ts

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

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

@@ -1,18 +0,0 @@
-import React from 'react';
-interface AttachmentGroupProps {
-    files: File[];
-    sandboxId?: string;
-    onRemove: (index: number) => void;
-    layout?: 'inline' | 'grid';
-    maxHeight?: string;
-    showPreviews?: boolean;
-    views?: {
-        container?: any;
-        item?: any;
-        name?: any;
-        size?: any;
-        removeButton?: any;
-    };
-}
-export declare const AttachmentGroup: React.FC<AttachmentGroupProps>;
-export {};

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

@@ -1,10 +0,0 @@
-import React from 'react';
-interface AudioRecorderProps {
-    onRecordingComplete: (file: File) => void;
-    onRecordingStart?: () => void;
-    views?: {
-        button?: any;
-    };
-}
-export declare const AudioRecorder: React.FC<AudioRecorderProps>;
-export {};