@app-studio/web 0.9.86 → 0.9.89

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

@@ -1,92 +0,0 @@
-/// <reference types="react" />
-import { ViewProps } from 'app-studio';
-import { ToastItem, ToastOptions, ToastPosition, ToastStyles, ToastVariant, ThemesType } from './Toast.type';
-export interface ToastProps extends Omit<ViewProps, 'theme'> {
-    /**
-     * Unique identifier for the toast
-     */
-    id?: string;
-    /**
-     * The variant of the toast
-     */
-    variant: ToastVariant;
-    /**
-     * The title of the toast
-     */
-    title: string;
-    /**
-     * The description of the toast (optional)
-     */
-    description?: string;
-    /**
-     * Function to close the toast
-     */
-    onClose: () => void;
-    /**
-     * Whether the toast should have a close button
-     */
-    isClosable?: boolean;
-    /**
-     * Function to execute when the action button is clicked
-     */
-    action?: () => void;
-    /**
-     * Text for the action button
-     */
-    actionText?: string;
-    /**
-     * Whether to show an icon based on the variant
-     */
-    showIcon?: boolean;
-    /**
-     * Custom theme for the toast
-     */
-    theme?: ThemesType;
-    /**
-     * Custom styles for different parts of the toast
-     */
-    views?: ToastStyles;
-    /**
-     * Duration in milliseconds before the toast auto-closes
-     */
-    duration?: number;
-    /**
-     * Custom render function for complete control over toast appearance
-     */
-    render?: (props: {
-        id: string;
-        onClose: () => void;
-    }) => React.ReactNode;
-    /**
-     * Custom icon to display instead of the default variant icon
-     */
-    icon?: React.ReactNode;
-    /**
-     * Whether the toast is visible (for animation purposes)
-     */
-    isVisible?: boolean;
-}
-export interface ToastContainerProps {
-    /**
-     * The position of the toast container
-     */
-    position?: ToastPosition;
-    /**
-     * The gap between toasts
-     */
-    gap?: number;
-    /**
-     * The maximum number of toasts to show at once
-     */
-    limit?: number;
-    /**
-     * Custom styles for the container
-     */
-    containerStyle?: React.CSSProperties;
-}
-export interface ToastState {
-    toasts: ToastItem[];
-    add: (variant: ToastVariant, title: string, description?: string, options?: ToastOptions) => string;
-    remove: (id: string) => void;
-    removeAll: () => void;
-}

package/dist/components/Toast/Toast/Toast.store.d.ts

@@ -1,9 +0,0 @@
-import { ToastOptions, ToastVariant } from './Toast.type';
-export declare const useToastStore: any;
-export declare const showToast: (variant: ToastVariant, title: string, description?: string | undefined, options?: ToastOptions | undefined) => any;
-export declare const showInfoToast: (title: string, description?: string | undefined, options?: ToastOptions | undefined) => any;
-export declare const showSuccessToast: (title: string, description?: string | undefined, options?: ToastOptions | undefined) => any;
-export declare const showWarningToast: (title: string, description?: string | undefined, options?: ToastOptions | undefined) => any;
-export declare const showErrorToast: (title: string, description?: string | undefined, options?: ToastOptions | undefined) => any;
-export declare const removeToast: (id: string) => void;
-export declare const removeAllToasts: () => void;

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

@@ -1,42 +0,0 @@
-/**
- * Toast Styles
- *
- * Defines the styles for the Toast component following the design guidelines:
- * - Typography: Inter/Geist font, specific sizes/weights
- * - Spacing: 4px grid system
- * - Colors: Neutral palette with semantic colors
- * - Rounded corners: Consistent border radius
- * - Transitions: Subtle animations
- */
-import { ViewProps } from 'app-studio';
-import { ToastPosition, ThemesType } from './Toast.type';
-/**
- * Theme configurations for the Toast component
- * Following the design system color palette
- */
-export declare const Themes: ThemesType;
-/**
- * Animation configurations for the Toast component
- * Subtle and smooth, matching shadcn/ui patterns
- */
-export declare const ToastAnimations: {
-    enter: {
-        opacity: number[];
-        transform: string[];
-        transition: string;
-    };
-    exit: {
-        opacity: number[];
-        transform: string[];
-        transition: string;
-    };
-};
-/**
- * Base container styles for the Toast component
- */
-export declare const BaseContainerStyles: ViewProps;
-/**
- * Position configurations for the Toast component
- * Following the 4px grid system
- */
-export declare const ToastPositions: Record<ToastPosition, ViewProps>;

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

@@ -1,63 +0,0 @@
-/// <reference types="react" />
-import { ViewProps } from 'app-studio';
-export declare type ToastVariant = 'info' | 'success' | 'warning' | 'error';
-export declare type ToastPosition = 'top' | 'top-right' | 'top-left' | 'bottom' | 'bottom-right' | 'bottom-left';
-export interface Theme {
-    container: {
-        backgroundColor: string;
-        border: string;
-    };
-    content: {
-        color: string;
-    };
-    icon: {
-        color: string;
-    };
-}
-export declare type ThemesType = {
-    info: Theme;
-    success: Theme;
-    error: Theme;
-    warning: Theme;
-};
-export interface ToastStyles {
-    container?: ViewProps;
-    title?: ViewProps;
-    description?: ViewProps;
-    icon?: ViewProps;
-    closeButton?: ViewProps;
-    actionButton?: ViewProps;
-}
-export interface ToastOptions {
-    id?: string;
-    duration?: number;
-    position?: ToastPosition;
-    isClosable?: boolean;
-    onClose?: () => void;
-    action?: () => void;
-    actionText?: string;
-    showIcon?: boolean;
-    views?: ToastStyles;
-    /**
-     * Custom render function for complete control over toast appearance
-     */
-    render?: (props: {
-        id: string;
-        onClose: () => void;
-    }) => React.ReactNode;
-    /**
-     * Custom icon to display instead of the default variant icon
-     */
-    icon?: React.ReactNode;
-}
-export interface ToastItem extends ToastOptions {
-    id: string;
-    variant: ToastVariant;
-    title: string;
-    description?: string;
-    createdAt: number;
-    /**
-     * Whether the toast is visible (for animation purposes)
-     */
-    isVisible?: boolean;
-}

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ToastProps, ToastContainerProps } from './Toast.props';
-export declare const ToastView: React.FC<ToastProps>;
-export declare const ToastContainer: React.FC<ToastContainerProps>;

package/dist/components/Toast/Toast.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import { ToastProps, ToastContainerProps } from './Toast/Toast.props';
-import { showToast } from './Toast/Toast.store';
-declare const Toast: React.FC<ToastProps> & {
-    Container: (props: ToastContainerProps) => React.JSX.Element;
-    show: (variant: import("./Toast/Toast.type").ToastVariant, title: string, description?: string | undefined, options?: import("./Toast/Toast.type").ToastOptions | undefined) => any;
-    info: (title: string, description?: string | undefined, options?: import("./Toast/Toast.type").ToastOptions | undefined) => any;
-    success: (title: string, description?: string | undefined, options?: import("./Toast/Toast.type").ToastOptions | undefined) => any;
-    warning: (title: string, description?: string | undefined, options?: import("./Toast/Toast.type").ToastOptions | undefined) => any;
-    error: (title: string, description?: string | undefined, options?: import("./Toast/Toast.type").ToastOptions | undefined) => any;
-    remove: (id: string) => void;
-    removeAll: () => void;
-};
-export declare const useToast: () => {
-    toast: (variant: import("./Toast/Toast.type").ToastVariant, title: string, description?: string | undefined, options?: import("./Toast/Toast.type").ToastOptions | undefined) => any;
-    info: (title: string, description?: string | undefined, options?: import("./Toast/Toast.type").ToastOptions | undefined) => any;
-    success: (title: string, description?: string | undefined, options?: import("./Toast/Toast.type").ToastOptions | undefined) => any;
-    warning: (title: string, description?: string | undefined, options?: import("./Toast/Toast.type").ToastOptions | undefined) => any;
-    error: (title: string, description?: string | undefined, options?: import("./Toast/Toast.type").ToastOptions | undefined) => any;
-    remove: (id: string) => void;
-    removeAll: () => void;
-};
-export { Toast, showToast };

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

@@ -1 +0,0 @@
-export * from './Toast';

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

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { InputProps } from 'app-studio';
-import { Shape, Variant } from './Toggle.type';
-export interface ToggleProps extends Omit<InputProps, 'size'> {
-    shape?: Shape;
-    isToggled?: boolean;
-    isDisabled?: boolean;
-    children: React.ReactNode;
-    variant?: Variant;
-    onToggle?: (isToggled: boolean) => void;
-}
-export interface ToggleViewProps extends Omit<ToggleProps, never> {
-    isHovered: boolean;
-    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
-    isToggle: boolean;
-    setIsToggled: React.Dispatch<React.SetStateAction<boolean>>;
-}

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const useToggleState: (defaultToggled: boolean) => {
-    isHovered: boolean;
-    setIsHovered: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    isToggle: boolean;
-    setIsToggled: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-};

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

@@ -1,8 +0,0 @@
-import { ViewProps } from 'app-studio';
-import { Shape, Variant } from './Toggle.type';
-export declare const ToggleShapes: Record<Shape, number | string>;
-/**
- * Generate toggle variants with proper color combinations based on main color and contrast
- * Similar to Button's getButtonVariants function
- */
-export declare const getToggleVariants: (color: string, isLight: boolean) => Record<Variant, ViewProps>;

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

@@ -1,2 +0,0 @@
-export declare type Shape = 'square' | 'rounded' | 'pill';
-export declare type Variant = 'outline' | 'link' | 'ghost';

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import { ViewProps } from 'app-studio';
-import { ToggleViewProps } from './Toggle.props';
-interface Props extends ToggleViewProps {
-    views?: {
-        container?: ViewProps;
-    };
-    backgroundColor?: string;
-    color?: string;
-    themeMode?: 'light' | 'dark';
-}
-declare const ToggleView: React.FC<Props>;
-export default ToggleView;

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

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

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

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-export interface ToggleGroupProps {
-}
-import { InputProps, ViewProps } from 'app-studio';
-import { Shape, ToggleItem, Variant } from './ToggleGroup.type';
-export interface ToggleGroupProps extends Omit<InputProps, 'size'> {
-    shape?: Shape;
-    items: ToggleItem[];
-    variant?: Variant;
-    onToggleChange?: (activeIds: string[]) => void;
-}
-export interface ToggleGroupViewProps extends Omit<ToggleGroupProps, ''> {
-    activeToggles: string[];
-    setActiveToggles: React.Dispatch<React.SetStateAction<string[]>>;
-    views?: {
-        container?: ViewProps;
-        toggle?: ViewProps;
-    };
-}

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const useToggleGroupState: () => {
-    activeToggles: string[];
-    setActiveToggles: import("react").Dispatch<import("react").SetStateAction<string[]>>;
-};

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

@@ -1,2 +0,0 @@
-import { Shape } from './ToggleGroup.type';
-export declare const ToggleGroupShapes: Record<Shape, number | string>;

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export declare type Shape = 'square' | 'rounded' | 'pill';
-export declare type Variant = 'outline' | 'link' | 'ghost';
-export declare type ToggleItem = {
-    id: string;
-    value: React.ReactNode;
-    state?: boolean;
-    isDisabled?: boolean;
-    isActive?: boolean;
-};

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

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

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

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

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

@@ -1,108 +0,0 @@
-import React from 'react';
-import { ViewProps } from 'app-studio';
-import { Position, Alignment, Size, Variant, TooltipStyles } from './Tooltip.type';
-export interface TooltipProps {
-    /**
-     * The content to display in the tooltip
-     */
-    content: React.ReactNode;
-    /**
-     * The element that triggers the tooltip
-     */
-    children: React.ReactNode;
-    /**
-     * The preferred position of the tooltip
-     * @default 'top'
-     */
-    position?: Position;
-    /**
-     * The alignment of the tooltip relative to the trigger
-     * @default 'center'
-     */
-    align?: Alignment;
-    /**
-     * The size of the tooltip
-     * @default 'md'
-     */
-    size?: Size;
-    /**
-     * The visual style variant of the tooltip
-     * @default 'default'
-     */
-    variant?: Variant;
-    /**
-     * Delay in milliseconds before the tooltip opens on hover
-     * @default 200
-     */
-    openDelay?: number;
-    /**
-     * Delay in milliseconds before the tooltip closes after hover stops
-     * @default 200
-     */
-    closeDelay?: number;
-    /**
-     * Whether to show an arrow pointing to the trigger
-     * @default true
-     */
-    showArrow?: boolean;
-    /**
-     * Whether the tooltip is initially open
-     * @default false
-     */
-    defaultOpen?: boolean;
-    /**
-     * Whether the tooltip is disabled
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * Custom styles for different parts of the tooltip
-     */
-    views?: TooltipStyles;
-    /**
-     * Additional props to be spread to the container element
-     */
-    [key: string]: any;
-}
-export interface TooltipTriggerProps {
-    /**
-     * The element that triggers the tooltip
-     */
-    children: React.ReactNode;
-    /**
-     * Custom styles for the trigger container
-     */
-    views?: {
-        container?: ViewProps;
-    };
-    /**
-     * Whether to preserve the child element's props
-     * @default false
-     */
-    asChild?: boolean;
-    /**
-     * Additional props to be spread to the container element
-     */
-    [key: string]: any;
-}
-export interface TooltipContentProps {
-    /**
-     * The content to display in the tooltip
-     */
-    children: React.ReactNode;
-    /**
-     * Custom styles for the content container
-     */
-    views?: {
-        container?: ViewProps;
-        arrow?: ViewProps;
-    };
-    /**
-     * Additional props to be spread to the container element
-     */
-    [key: string]: any;
-}
-export interface TooltipType extends React.FC<TooltipProps> {
-    Trigger: React.FC<TooltipTriggerProps>;
-    Content: React.FC<TooltipContentProps>;
-}

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

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-interface TooltipStateProps {
-    defaultOpen?: boolean;
-    openDelay?: number;
-    closeDelay?: number;
-    isDisabled?: boolean;
-}
-export declare const useTooltipState: ({ defaultOpen, openDelay, closeDelay, isDisabled, }?: TooltipStateProps) => {
-    isOpen: boolean;
-    openTooltip: () => void;
-    closeTooltip: () => void;
-    cancelCloseTimer: () => void;
-    triggerRef: import("react").RefObject<HTMLElement>;
-    contentRef: import("react").RefObject<HTMLElement>;
-    triggerId: string;
-    contentId: string;
-};
-export {};

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

@@ -1,7 +0,0 @@
-import { ViewProps } from 'app-studio';
-import { Size, Variant, Position, Alignment } from './Tooltip.type';
-export declare const TooltipSizes: Record<Size, ViewProps>;
-export declare const getTooltip: (themeMode: string) => Record<Variant, ViewProps>;
-export declare const TooltipVariants: Record<Variant, ViewProps>;
-export declare const getTooltipPositionStyles: (position: Position, align: Alignment) => ViewProps;
-export declare const getArrowStyles: (position: Position) => ViewProps;

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

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import { ViewProps, TextProps } from 'app-studio';
-export declare type Position = 'top' | 'right' | 'bottom' | 'left';
-export declare type Alignment = 'start' | 'center' | 'end';
-export declare type Size = 'sm' | 'md' | 'lg';
-export declare type Variant = 'default' | 'light' | 'dark';
-export interface TooltipContextType {
-    isOpen: boolean;
-    openTooltip: () => void;
-    closeTooltip: () => void;
-    triggerRef: React.RefObject<HTMLElement>;
-    contentRef: React.RefObject<HTMLElement>;
-    contentId: string;
-    triggerId: string;
-}
-export interface TooltipStyles {
-    container?: ViewProps;
-    content?: ViewProps;
-    arrow?: ViewProps;
-    text?: TextProps;
-}

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import { ViewProps } from 'app-studio';
-import { TooltipContextType, Position, Alignment } from './Tooltip.type';
-import { TooltipTriggerProps, TooltipContentProps } from './Tooltip.props';
-export declare const useTooltipContext: () => TooltipContextType;
-export declare const TooltipProvider: React.FC<{
-    value: TooltipContextType;
-    children: React.ReactNode;
-}>;
-export declare const TooltipTrigger: React.FC<TooltipTriggerProps>;
-export declare const TooltipContent: React.FC<TooltipContentProps>;
-export declare const TooltipView: React.FC<{
-    content: React.ReactNode;
-    children: React.ReactNode;
-    position?: Position;
-    align?: Alignment;
-    size?: string;
-    variant?: string;
-    showArrow?: boolean;
-    views?: any;
-} & Omit<ViewProps, 'position'>>;

package/dist/components/Tooltip/Tooltip.d.ts

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

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

@@ -1 +0,0 @@
-export * from './Tooltip';

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

@@ -1,62 +0,0 @@
-/// <reference types="react" />
-import type { ImageProps, TextProps, ViewProps } from 'app-studio';
-import { IconProps } from '../..';
-export interface UseUploadProps {
-    accept?: string;
-    maxSize?: number;
-    onFileSelect?: (file: File) => void;
-    onMultipleFileSelect?: (files: File[]) => void;
-    validateFile?: (file: File) => string | null;
-    onError?: (error: string) => void;
-    thumbnail?: string;
-    multiple?: boolean;
-}
-export interface UploadStateProps {
-    handleFileChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    selectedFile: File | null;
-    selectedFiles: File[];
-    fileInputRef: React.RefObject<HTMLInputElement>;
-    videoRef: React.RefObject<HTMLVideoElement>;
-}
-export interface UploadViewProps {
-    onError?: (error: string) => void;
-    containerProps?: ViewProps;
-    errorMessageProps?: TextProps;
-    thumbnailContainerProps?: ViewProps;
-    loadingProps?: ViewProps;
-    progressProps?: ViewProps;
-    videoProps?: ViewProps;
-    imageProps?: ImageProps;
-    iconProps?: IconProps;
-    textProps?: TextProps;
-    renderVideo?: (props: any) => React.ReactNode;
-    renderText?: (props: any) => React.ReactNode;
-    renderImage?: (props: any) => React.ReactNode;
-    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;
-    onMultipleFileSelect?: (files: File[]) => void;
-    validateFile?: (file: File) => string | null;
-    multiple?: boolean;
-    views?: {
-        container?: ViewProps;
-        view?: ViewProps;
-        image?: ImageProps;
-        horizontal?: ViewProps;
-        text?: ViewProps;
-    };
-}
-export interface UploadProps extends UseUploadProps, UploadViewProps {
-}

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

@@ -1,14 +0,0 @@
-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, onMultipleFileSelect, validateFile, thumbnail, multiple, onError, }: UseUploadProps) => {
-    previewUrl: string | null;
-    thumbnailUrl: string | null;
-    errorMessage: string | null;
-    fileInputRef: React.RefObject<HTMLInputElement>;
-    videoRef: React.RefObject<HTMLVideoElement>;
-    selectedFile: File | null;
-    selectedFiles: File[];
-    handleFileChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    handleClick: () => void | undefined;
-};

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

@@ -1,3 +0,0 @@
-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,3 +0,0 @@
-import React from 'react';
-import { UploadProps } from './Uploader/Uploader.props';
-export declare const Uploader: React.FC<UploadProps>;