@app-studio/web 0.9.86 → 0.9.89

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

@@ -1,23 +0,0 @@
-import React from 'react';
-import { ViewProps } from 'app-studio';
-export declare type TableViewStyles = {
-    table?: ViewProps;
-    thead?: ViewProps;
-    tfoot?: ViewProps;
-    tbody?: ViewProps;
-    tr?: ViewProps;
-    td?: ViewProps;
-    th?: ViewProps;
-    caption?: ViewProps;
-};
-interface TableContextProps {
-    views: TableViewStyles;
-    onRowClick?: Function;
-}
-export declare const TableProvider: React.FC<{
-    children: React.ReactNode;
-    views?: TableViewStyles;
-    onRowClick?: Function;
-}>;
-export declare const useTableContext: () => TableContextProps;
-export {};

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

@@ -1,24 +0,0 @@
-import React from 'react';
-import { Column, FooterCell, TableViewStyles } from './Table.type';
-import { ViewProps } from 'app-studio';
-export interface TableProps {
-    data: any[];
-    columns: Column[];
-    footer?: FooterCell[];
-    caption?: React.ReactNode;
-    views?: TableViewStyles;
-}
-export interface TableViewProps extends TableProps, Omit<ViewProps, 'size'> {
-}
-export interface TableLayoutProps {
-    Head?: React.FC<any>;
-    Body?: React.FC<any>;
-    Row?: React.FC<any>;
-    Cell?: React.FC<any>;
-    Footer?: React.FC<any>;
-    Caption?: React.FC<any>;
-    TableContainer?: React.FC<any>;
-    children?: React.ReactNode;
-    views?: TableViewStyles;
-    onClick?: Function;
-}

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

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const useTableState: () => {
-    isHovered: boolean;
-    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
-};

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

@@ -1,32 +0,0 @@
-/**
- * Table Styles
- *
- * Defines the styles for the Table 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 { TableViewStyles } from './Table.type';
-/**
- * Default table styles following the design system
- * Matching shadcn/ui patterns with subtle shadows and transitions
- */
-export declare const DefaultTableStyles: TableViewStyles;
-/**
- * Compact table styles
- */
-export declare const CompactTableStyles: TableViewStyles;
-/**
- * Striped table styles
- */
-export declare const StripedTableStyles: TableViewStyles;
-/**
- * Bordered table styles
- */
-export declare const BorderedTableStyles: TableViewStyles;
-/**
- * Dark theme table styles
- */
-export declare const DarkTableStyles: TableViewStyles;

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

@@ -1,19 +0,0 @@
-import { ViewProps } from 'app-studio';
-export declare type TableViewStyles = {
-    table?: ViewProps;
-    thead?: ViewProps;
-    tfoot?: ViewProps;
-    tbody?: ViewProps;
-    tr?: ViewProps;
-    td?: ViewProps;
-    th?: ViewProps;
-    caption?: ViewProps;
-};
-export interface Column {
-    title: string;
-    field: string;
-}
-export interface FooterCell {
-    value: string;
-    props?: ViewProps;
-}

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

@@ -1,18 +0,0 @@
-/**
- * Table View Component
- *
- * Renders a table with various styles and states
- * according to the design guidelines.
- */
-import React from 'react';
-import { ViewProps } from 'app-studio';
-import { TableViewProps } from './Table.props';
-export declare const TableContainer: React.FC<ViewProps>;
-export declare const TableHead: React.FC<ViewProps>;
-export declare const TableHeadCell: React.FC<ViewProps>;
-export declare const TableRow: React.FC<ViewProps>;
-export declare const TableCell: React.FC<ViewProps>;
-export declare const TableBody: React.FC<ViewProps>;
-export declare const TableFooter: React.FC<ViewProps>;
-export declare const TableCaption: React.FC<ViewProps>;
-export declare const TableView: React.FC<TableViewProps>;

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import { TableLayoutProps } from './Table/Table.props';
-export declare const Table: {
-    ({ children, views, onClick }: TableLayoutProps): React.JSX.Element;
-    Head: React.FC<import("app-studio").ViewProps>;
-    HeadCell: React.FC<import("app-studio").ViewProps>;
-    Body: React.FC<import("app-studio").ViewProps>;
-    Row: React.FC<import("app-studio").ViewProps>;
-    Cell: React.FC<import("app-studio").ViewProps>;
-    Footer: React.FC<import("app-studio").ViewProps>;
-    Caption: React.FC<import("app-studio").ViewProps>;
-    Container: React.FC<import("app-studio").ViewProps>;
-    Template: React.FC<import("./Table/Table.props").TableViewProps>;
-};

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

@@ -1,22 +0,0 @@
-import React from 'react';
-import { ViewProps } from 'app-studio';
-import { Tab } from './Tabs.type';
-export interface TabHeaderProps {
-    /** The tab data */
-    tab: Tab;
-    /** Whether this tab is currently active */
-    isActive: boolean;
-    /** Handler for when the tab is clicked */
-    onClick: () => void;
-    /** Position of the icon relative to the text */
-    iconPosition?: 'left' | 'right' | 'top' | 'bottom';
-    /** Custom styles for the tab header */
-    tabStyles?: ViewProps;
-    /** Custom styles for the tab text */
-    textStyles?: ViewProps;
-}
-/**
- * TabHeader component renders a single tab in the tab navigation.
- * It's designed to be a lightweight alternative to using Button components.
- */
-export declare const TabHeader: React.FC<TabHeaderProps>;

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

@@ -1,95 +0,0 @@
-import React from 'react';
-import { TabsStyles, Tab } from './Tabs.type';
-import { ViewProps } from 'app-studio';
-/**
- * Props for the main Tabs component (External API).
- * Supports both data-driven approach (with tabs prop) and compound component pattern.
- */
-export interface TabsProps {
-    /** Array of tab objects to be displayed. Each tab needs a unique `value`. (Data-driven approach) */
-    tabs?: Tab[];
-    /** Optional value of the tab to be active initially. Defaults to the first tab if not provided or not found. */
-    defaultValue?: string | number;
-    /** 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, text, and content area. */
-    views?: TabsStyles;
-    /** Optional position of the icon relative to the text in tab headers. */
-    iconPosition?: 'left' | 'right' | 'top' | 'bottom';
-    /**
-     * Optional custom renderer for a single tab header.
-     * Receives the tab data, whether it's currently active, and an onClick handler to activate the tab.
-     */
-    renderTab?: (tab: Tab, isActive: boolean, onClick: () => void) => React.ReactNode;
-    /**
-     * Optional custom renderer for the content area.
-     * Receives the currently active tab object.
-     * If not provided, the `content` property from the active tab object will be rendered.
-     */
-    renderContent?: (activeTab: Tab) => React.ReactNode;
-    /** Current value for controlled compound component pattern */
-    value?: string | number;
-    /** Callback when tab value changes in compound component pattern */
-    onValueChange?: (value: any) => void;
-    /** Children for compound component pattern */
-    children?: React.ReactNode;
-}
-/**
- * Props specifically for the TabsView component (Internal).
- * These props are derived or passed down from the main Tabs component.
- */
-export interface TabsViewProps {
-    iconPosition?: 'left' | 'right' | 'bottom' | 'top';
-    /** The original array of tab objects. */
-    tabs: Tab[];
-    /** The currently active tab object, or undefined if none is active. */
-    activeTab: Tab | undefined;
-    /** Callback function to handle clicking on a tab header/button. */
-    handleTabClick: (tab: Tab) => void;
-    /** Optional styles object. */
-    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. */
-    renderContent?: (activeTab: Tab) => React.ReactNode;
-}
-/**
- * Props for TabsList compound component
- */
-export interface TabsListProps {
-    /** Children (TabsTrigger components) */
-    children: React.ReactNode;
-    /** Custom styles for the list container */
-    views?: {
-        container?: ViewProps;
-    };
-}
-/**
- * Props for TabsTrigger compound component
- */
-export interface TabsTriggerProps {
-    /** Unique value for this tab */
-    value: string;
-    /** Children content for the trigger */
-    children: React.ReactNode;
-    /** Whether this trigger is disabled */
-    disabled?: boolean;
-    /** Custom styles for the trigger */
-    views?: {
-        trigger?: ViewProps;
-        activeState?: ViewProps;
-    };
-}
-/**
- * Props for TabsContent compound component
- */
-export interface TabsContentProps {
-    /** Value that this content corresponds to */
-    value: string;
-    /** Children content to display when this tab is active */
-    children: React.ReactNode;
-    /** Custom styles for the content */
-    views?: {
-        content?: ViewProps;
-    };
-}

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

@@ -1,22 +0,0 @@
-import { Tab } from './Tabs.type';
-/**
- * Custom hook to manage the state of the active tab.
- * @param propTabs - The array of tab objects provided as props.
- * @param defaultValue - The optional title of the tab to be initially active.
- * @returns An object containing the current activeTab and a function to update it.
- */
-export declare const useTabsState: (propTabs: Tab[], defaultValue?: string | number | undefined, value?: string | number | undefined) => {
-    activeTab: Tab | undefined;
-    setActiveTab: (tab: Tab) => void;
-};
-/**
- * Custom hook to manage the state for compound component pattern.
- * @param defaultValue - The default value for the active tab (uncontrolled)
- * @param value - The current value for the active tab (controlled)
- * @param onValueChange - Callback when the active value changes
- * @returns An object containing the current activeValue and a function to update it.
- */
-export declare const useTabsCompoundState: (defaultValue?: string | number | undefined, value?: string | number | undefined, onValueChange?: ((value: string | number) => void) | undefined) => {
-    activeValue: string | number | null;
-    setActiveValue: (newValue: string | number) => void;
-};

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import { TabsViewProps, TabsListProps, TabsTriggerProps, TabsContentProps } from './Tabs.props';
-import { TabsContextType } from './Tabs.type';
-/**
- * The presentation component for Tabs. Renders the UI based on props.
- */
-export declare const TabsView: React.FC<TabsViewProps>;
-export declare const TabsContext: React.Context<TabsContextType | null>;
-export declare const useTabsContext: () => TabsContextType;
-export declare const TabsList: React.FC<TabsListProps>;
-export declare const TabsTrigger: React.FC<TabsTriggerProps>;
-export declare const TabsContent: React.FC<TabsContentProps>;

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import { TabsProps } from './Tabs/Tabs.props';
-import { TabsList, TabsTrigger, TabsContent } from './Tabs/Tabs.view';
-interface TabsType extends React.FC<TabsProps> {
-    List: typeof TabsList;
-    Trigger: typeof TabsTrigger;
-    Content: typeof TabsContent;
-}
-export declare const Tabs: TabsType;
-export {};

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

@@ -1,22 +0,0 @@
-/**
- * TextArea Component
- *
- * A simple textarea component with styling.
- */
-import React from 'react';
-export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    /**
-     * Number of rows to display
-     */
-    rows?: number;
-    /**
-     * Whether the textarea is disabled
-     */
-    isDisabled?: boolean;
-    /**
-     * Whether the textarea has an error
-     */
-    hasError?: boolean;
-}
-export declare const TextArea: React.FC<TextAreaProps>;
-export default TextArea;

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

@@ -1,16 +0,0 @@
-import React from 'react';
-interface SlideEffectProps {
-    text: string;
-    duration?: number;
-    direction?: 'up' | 'down';
-    stagger?: number;
-    sequential?: boolean;
-    textStyle?: React.CSSProperties;
-    as?: React.ElementType;
-    wordProps?: any;
-    backgroundColor?: string;
-    textComponent?: any;
-    [key: string]: any;
-}
-export declare const SlideEffect: React.FC<SlideEffectProps>;
-export default SlideEffect;

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

@@ -1,119 +0,0 @@
-/// <reference types="react" />
-import { ViewProps } from 'app-studio';
-import { HighlightStyle, TitleSize, TitleStyles } from './Title.type';
-import { AnimationProps } from 'app-studio/dist/utils/constants';
-/**
- * Props for the Title component
- */
-export interface TitleProps extends ViewProps {
-    /**
-     * Internal prop to indicate if the component is in view
-     * @internal
-     */
-    _isInView?: boolean;
-    /**
-     * The main text content of the title
-     */
-    children: React.ReactNode;
-    /**
-     * Text to be highlighted within the title
-     * If not provided, no highlighting will be applied
-     */
-    highlightText?: string | string[];
-    /**
-     * Array of strings to cycle through, replacing the text specified in highlightText
-     * Used with alternateAnimation to create an infinite loop of changing words
-     */
-    alternateHighlightText?: string[];
-    /**
-     * Animation for the highlighted text
-     * This can be a single animation object or an array of animation objects
-     * for multiple highlighted words
-     */
-    highlightAnimate?: AnimationProps | AnimationProps[];
-    /**
-     * Whether to apply a typewriter effect to the highlighted text
-     * @default false
-     */
-    highlightTypewriter?: boolean;
-    /**
-     * Duration in milliseconds for the typewriter effect on highlighted text
-     * @default 1500
-     */
-    highlightTypewriterDuration?: number;
-    /**
-     * Whether to apply a slide effect to the highlighted text
-     * @default false
-     */
-    highlightSlide?: boolean;
-    /**
-     * Duration in milliseconds for the slide effect on highlighted text
-     * @default 500
-     */
-    highlightSlideDuration?: number;
-    /**
-     * Delay in milliseconds between each word's animation start
-     * @default 50
-     */
-    highlightSlideStagger?: number;
-    /**
-     * Whether to animate the slide effect sequentially (exit all then enter all)
-     * @default true
-     */
-    highlightSlideSequential?: boolean;
-    /**
-     * Style of the highlight effect
-     * @default 'solid'
-     */
-    highlightStyle?: HighlightStyle;
-    /**
-     * Color for the highlight effect
-     * @default 'theme-primary'
-     */
-    highlightColor?: string;
-    /**
-     * Secondary color for gradient highlights
-     * @default 'theme-secondary'
-     */
-    highlightSecondaryColor?: string;
-    /**
-     * Animation for the title
-     * This should be an animation object with properties like from, to, duration, etc.
-     */
-    animate?: AnimationProps | AnimationProps[];
-    /**
-     * Controls the animation loop behavior for the title animation
-     * @default '1' (play once)
-     */
-    animationLoop?: number | 'infinite';
-    /**
-     * Controls the animation loop behavior for the highlight animation
-     * @default '1' (play once)
-     */
-    highlightAnimationLoop?: number | 'infinite';
-    /**
-     * Size of the title
-     * @default 'xl'
-     */
-    size?: TitleSize;
-    /**
-     * Whether to enable responsive sizing based on breakpoints
-     * When true, the title will automatically adapt its size across mobile/tablet/desktop
-     * @default false
-     */
-    responsive?: boolean;
-    /**
-     * Custom styles for different parts of the component
-     */
-    views?: TitleStyles;
-    /**
-     * Whether to animate the alternating highlight text
-     * @default false
-     */
-    alternateAnimation?: boolean;
-    /**
-     * Duration in milliseconds for each alternating highlight text
-     * @default 3000
-     */
-    alternateDuration?: number;
-}

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

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { TitleProps } from './Title.props';
-/**
- * Custom hook for managing Title component state
- */
-export declare const useTitleState: (props: TitleProps) => {
-    finalDisplayedText: import("react").ReactNode;
-    activeHighlightTarget: string | string[] | undefined;
-    highlightTypewriter: boolean;
-    highlightSlide: boolean;
-    highlightSlideDuration: number;
-    highlightSlideStagger: number;
-    highlightSlideSequential: boolean;
-};

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

@@ -1,43 +0,0 @@
-import { ViewProps } from 'app-studio';
-import { TitleSize, HighlightStyle } from './Title.type';
-/**
- * Font sizes for different title sizes
- */
-export declare const TitleSizes: {
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-};
-/**
- * Line heights for different title sizes
- */
-export declare const LineHeights: Record<TitleSize, number>;
-/**
- * Responsive typography system that maps title sizes to responsive breakpoints
- * Based on the Typography system with dynamic breakpoint sizing
- */
-export declare const ResponsiveTypography: Record<TitleSize, {
-    media: {
-        mobile: {
-            fontSize: number;
-            width?: string;
-            minWidth?: string;
-        };
-        tablet: {
-            fontSize: number;
-            width?: string;
-            minWidth?: string;
-        };
-        desktop: {
-            fontSize: number;
-            width?: string;
-            minWidth?: string;
-        };
-    };
-}>;
-/**
- * Default styles for different highlight types
- */
-export declare const HighlightStyles: Record<HighlightStyle, (color: string, secondaryColor?: string) => ViewProps>;

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

@@ -1,17 +0,0 @@
-import { ViewProps } from 'app-studio';
-/**
- * Highlight style options for the Title component
- */
-export declare type HighlightStyle = 'underline' | 'background' | 'gradient' | 'outline' | 'glow' | 'solid' | 'default';
-/**
- * Title size options
- */
-export declare type TitleSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-/**
- * Title styles for customization
- */
-export declare type TitleStyles = {
-    container?: ViewProps;
-    text?: ViewProps;
-    highlight?: ViewProps;
-};

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

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

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

@@ -1,18 +0,0 @@
-import React from 'react';
-interface TypewriterEffectProps {
-    text: string | string[];
-    typingSpeed?: number;
-    pauseTime?: number;
-    onComplete?: () => void;
-    showCursor?: boolean;
-    cursorColor?: string;
-    textStyle?: React.CSSProperties;
-    as?: React.ElementType;
-    textComponent?: any;
-    [key: string]: any;
-}
-/**
- * A component that creates a typewriter effect for text
- */
-export declare const TypewriterEffect: React.FC<TypewriterEffectProps>;
-export default TypewriterEffect;

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

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

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

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

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

@@ -1,35 +0,0 @@
-import { ToastOptions, ToastVariant } from './Toast.type';
-/**
- * Hook for using Toast functionality within components
- * @returns Object with methods to show and manage toasts
- */
-export declare const useToast: () => {
-    /**
-     * Show a toast with the specified variant
-     */
-    toast: (variant: ToastVariant, title: string, description?: string | undefined, options?: ToastOptions | undefined) => any;
-    /**
-     * Show an info toast
-     */
-    info: (title: string, description?: string | undefined, options?: ToastOptions | undefined) => any;
-    /**
-     * Show a success toast
-     */
-    success: (title: string, description?: string | undefined, options?: ToastOptions | undefined) => any;
-    /**
-     * Show a warning toast
-     */
-    warning: (title: string, description?: string | undefined, options?: ToastOptions | undefined) => any;
-    /**
-     * Show an error toast
-     */
-    error: (title: string, description?: string | undefined, options?: ToastOptions | undefined) => any;
-    /**
-     * Remove a specific toast by ID
-     */
-    remove: (id: string) => void;
-    /**
-     * Remove all toasts
-     */
-    removeAll: () => void;
-};