@app-studio/web 0.9.86 → 0.9.89

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

@@ -1,201 +0,0 @@
-import { ReactNode } from 'react';
-import { ViewProps } from 'app-studio';
-import { GradientProps } from '../../Gradient/Gradient/Gradient.props';
-import { BackgroundSize, BackgroundPosition, BackgroundRepeat, BlendMode } from './Background.type';
-/**
- * Base Background component props
- */
-export interface BackgroundProps extends ViewProps {
-    children?: ReactNode;
-    views?: {
-        container?: ViewProps;
-        content?: ViewProps;
-    };
-    themeMode?: 'light' | 'dark';
-    shape?: 'square' | 'rounded' | 'pill';
-    decorationRotation?: number;
-    decorationScale?: number;
-    decorationOpacity?: number;
-}
-export interface BackgroundLayoutProps extends BackgroundProps {
-    shape?: 'square' | 'rounded' | 'pill';
-    views?: {
-        container?: ViewProps;
-        content?: ViewProps;
-        back?: ViewProps;
-        front?: ViewProps;
-    };
-}
-/**
- * Aurora Background component props
- */
-export interface AuroraBackgroundProps extends BackgroundProps {
-    showRadialGradient?: boolean;
-}
-/**
- * Meteors component props
- */
-export interface MeteorsProps extends ViewProps {
-    number?: number;
-    children?: ReactNode;
-}
-/**
- * Wall component props
- */
-export interface WallProps extends ViewProps {
-    rows?: number;
-    cols?: number;
-    squareSize?: number;
-}
-/**
- * Particles component props
- */
-export interface ParticlesProps extends Omit<ViewProps, 'colors'> {
-    count?: number;
-    colors?: string[];
-    speed?: 'slow' | 'medium' | 'fast';
-    shapes?: ('circle' | 'square' | 'triangle')[];
-}
-/**
- * Grid component props
- */
-export interface GridProps extends ViewProps {
-    gridSize?: number;
-    lineColor?: string;
-    pulseColor?: string;
-    animationSpeed?: 'slow' | 'medium' | 'fast';
-}
-/**
- * Ripples component props
- */
-export interface RipplesProps extends Omit<ViewProps, 'colors'> {
-    rippleCount?: number;
-    colors?: string[];
-    maxSize?: number;
-    frequency?: number;
-}
-/**
- * Background Image component props
- */
-export interface BackgroundImageProps extends Omit<BackgroundProps, 'position'> {
-    /**
-     * Image source URL
-     */
-    src: string;
-    /**
-     * Background size
-     * @default 'cover'
-     */
-    backgroundSize?: BackgroundSize;
-    /**
-     * Background position
-     * @default 'center'
-     */
-    backgroundPosition?: BackgroundPosition;
-    /**
-     * Background repeat
-     * @default 'no-repeat'
-     */
-    backgroundRepeat?: BackgroundRepeat;
-    /**
-     * Background attachment
-     * @default 'scroll'
-     */
-    backgroundAttachment?: 'scroll' | 'fixed' | 'local';
-    /**
-     * Image opacity
-     * @default 1
-     */
-    imageOpacity?: number;
-    /**
-     * Blend mode for overlay
-     * @default 'normal'
-     */
-    blendMode?: BlendMode;
-    /**
-     * Overlay content
-     */
-    overlay?: ReactNode;
-    /**
-     * Custom views for styling
-     */
-    views?: {
-        container?: ViewProps;
-        content?: ViewProps;
-        image?: 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?: ReactNode;
-    /**
-     * Blend mode for overlay
-     * @default 'normal'
-     */
-    blendMode?: BlendMode;
-    /**
-     * Custom views for styling
-     */
-    views?: {
-        container?: ViewProps;
-        content?: ViewProps;
-        video?: ViewProps;
-    };
-}
-/**
- * Background Gradient component props
- * Extends GradientProps and adds Background-specific functionality
- */
-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
- */
-export interface BackgroundStyles {
-    container?: ViewProps;
-    content?: ViewProps;
-    aurora?: ViewProps;
-    meteors?: ViewProps;
-    image?: ViewProps;
-    video?: ViewProps;
-    gradient?: ViewProps;
-}

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

@@ -1,39 +0,0 @@
-import { ViewProps } from 'app-studio';
-/**
- * Default styles for Background components
- */
-export declare const DefaultBackgroundStyles: {
-    container: ViewProps;
-    content: ViewProps;
-};
-/**
- * Aurora background styles
- */
-export declare const AuroraStyles: {
-    container: ViewProps;
-    gradient: ViewProps;
-};
-/**
- * Background Image styles
- */
-export declare const BackgroundImageStyles: {
-    container: ViewProps;
-    image: ViewProps;
-    content: ViewProps;
-};
-/**
- * Background Video styles
- */
-export declare const BackgroundVideoStyles: {
-    container: ViewProps;
-    video: ViewProps;
-    content: ViewProps;
-};
-/**
- * Meteors effect styles
- */
-export declare const MeteorsStyles: {
-    container: ViewProps;
-    meteor: ViewProps;
-    meteorTail: ViewProps;
-};

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

@@ -1,58 +0,0 @@
-import { ViewProps } from 'app-studio';
-/**
- * Background effect types
- */
-export declare type BackgroundEffect = 'aurora' | 'meteors' | 'particles' | 'grid' | 'ripples' | 'wall' | 'image' | 'video' | 'gradient' | 'borderMoving' | 'animatedStroke';
-/**
- * Aurora gradient direction options
- */
-export declare type AuroraDirection = 'horizontal' | 'vertical' | 'diagonal';
-/**
- * Meteor animation timing options
- */
-export declare type MeteorTiming = {
-    delay: string;
-    duration: string;
-    target: string;
-};
-/**
- * Border animation styles
- */
-export declare type BorderAnimationStyles = {
-    container?: ViewProps;
-    svg?: ViewProps;
-    button?: ViewProps;
-};
-/**
- * Stroke animation styles
- */
-export declare type StrokeAnimationStyles = {
-    container?: ViewProps;
-    svg?: ViewProps;
-    rect?: ViewProps;
-    text?: ViewProps;
-};
-/**
- * Background image sizing options
- */
-export declare type BackgroundSize = 'auto' | 'cover' | 'contain' | string;
-/**
- * Background image positioning options
- */
-export declare type BackgroundPosition = 'center' | 'top' | 'right' | 'bottom' | 'left' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | string;
-/**
- * Background image repeat options
- */
-export declare type BackgroundRepeat = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat' | 'space' | 'round';
-/**
- * CSS blend mode options for overlays
- */
-export declare type BlendMode = 'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion';
-/**
- * Background context type for compound components
- */
-export interface BackgroundContextType {
-    effect?: BackgroundEffect;
-    isAnimated?: boolean;
-    duration?: number;
-}

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import { BackgroundProps, AuroraBackgroundProps, MeteorsProps, WallProps, ParticlesProps, GridProps, RipplesProps, BackgroundImageProps, BackgroundVideoProps, BackgroundGradientProps, BackgroundOverlayProps, BackgroundLayoutProps } from './Background.props';
-/**
- * Main Background View Component with compound pattern
- */
-interface BackgroundViewComponent extends React.FC<BackgroundProps> {
-    Aurora: React.FC<AuroraBackgroundProps>;
-    Meteors: React.FC<MeteorsProps>;
-    Wall: React.FC<WallProps>;
-    Particles: React.FC<ParticlesProps>;
-    Grid: React.FC<GridProps>;
-    Ripples: React.FC<RipplesProps>;
-    Image: React.FC<BackgroundImageProps>;
-    Video: React.FC<BackgroundVideoProps>;
-    Gradient: React.FC<BackgroundGradientProps>;
-    Overlay: React.FC<BackgroundOverlayProps>;
-    Layout: React.FC<BackgroundLayoutProps>;
-}
-export declare const BackgroundLayout: React.ForwardRefExoticComponent<Pick<BackgroundLayoutProps, string | number> & React.RefAttributes<HTMLDivElement>>;
-export declare const BackgroundView: BackgroundViewComponent;
-export {};

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

@@ -1,23 +0,0 @@
-/**
- * Background Component
- *
- * A comprehensive collection of background effects including animated backgrounds
- * (Aurora, Meteors, Particles, Grid, Ripples, Wall), background images with overlays,
- * and gradient backgrounds. All components follow the design system guidelines and
- * integrate seamlessly with the app-studio theme system.
- */
-import React from 'react';
-import { BackgroundProps } from './Background/Background.props';
-export declare const Background: React.ForwardRefExoticComponent<Pick<BackgroundProps, string | number> & React.RefAttributes<HTMLDivElement>> & {
-    Layout: React.FC<import("./Background/Background.props").BackgroundLayoutProps>;
-    Aurora: React.FC<import("./Background/Background.props").AuroraBackgroundProps>;
-    Meteors: React.FC<import("./Background/Background.props").MeteorsProps>;
-    Wall: React.FC<import("./Background/Background.props").WallProps>;
-    Particles: React.FC<import("./Background/Background.props").ParticlesProps>;
-    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>;
-    Overlay: React.FC<import("./Background/Background.props").BackgroundOverlayProps>;
-};

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

@@ -1,3 +0,0 @@
-export { Background } from './Background';
-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/Badge/Badge/Badge.props.d.ts

@@ -1,10 +0,0 @@
-import { Size, Variant, Shape, Position, BadgeStyles } from './Badge.type';
-import { ViewProps } from 'app-studio';
-export interface BadgeProps extends Omit<ViewProps, 'content'> {
-    content: string | number;
-    variant?: Variant;
-    position?: Position;
-    size?: Size;
-    shape?: Shape;
-    views?: BadgeStyles;
-}

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

@@ -1,35 +0,0 @@
-/**
- * Badge Styles
- *
- * Defines the styles for the Badge 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
- */
-/// <reference types="react" />
-import { ViewProps } from 'app-studio';
-import { Shape, Size, Variant } from './Badge.type';
-/**
- * Badge sizes following the 4px grid system
- */
-export declare const BadgeSizes: Record<Size, ViewProps>;
-/**
- * Badge shapes with consistent border radius
- */
-export declare const BadgeShapes: Record<Shape, number | string>;
-/**
- * Badge positions for absolute positioning
- */
-export declare const PositionStyles: {
-    [key: string]: React.CSSProperties;
-};
-/**
- * Get badge variants with consistent styling based on theme mode
- */
-export declare const getBadgeVariants: (themeMode: string) => Record<Variant, ViewProps>;
-/**
- * Default badge variants for backward compatibility
- */
-export declare const BadgeVariants: Record<Variant, ViewProps>;

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

@@ -1,9 +0,0 @@
-import { ViewProps } from 'app-studio';
-export declare type Shape = 'square' | 'rounded' | 'pill';
-export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare type Variant = 'filled' | 'outline' | 'link' | 'ghost';
-export declare type Position = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
-export declare type BadgeStyles = {
-    container?: ViewProps;
-    text?: ViewProps;
-};

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

@@ -1,12 +0,0 @@
-/**
- * Badge View Component
- *
- * Renders a badge with various styles and states according to the design guidelines.
- */
-import React from 'react';
-import { BadgeProps } from './Badge.props';
-/**
- * Badge View Component
- */
-declare const BadgeView: React.FC<BadgeProps>;
-export default BadgeView;

package/dist/components/Badge/Badge.d.ts

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

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

@@ -1,39 +0,0 @@
-import React from 'react';
-import { ButtonProps as $ButtonProps, Shadow, ViewProps } from 'app-studio';
-import { Elevation } from '../../../utils/elevation';
-import { IconPosition, Shape, Size, Variant, Animation, LoaderPosition } from './Button.type';
-import { LoaderProps } from '../../Loader/Loader/Loader.props';
-export interface ButtonProps extends Omit<$ButtonProps, 'size'> {
-    children?: React.ReactNode;
-    to?: string;
-    isLoading?: boolean;
-    loaderProps?: LoaderProps;
-    loaderPosition?: LoaderPosition;
-    icon?: React.ReactNode;
-    iconPosition?: IconPosition;
-    isDisabled?: boolean;
-    isFilled?: boolean;
-    isAuto?: boolean;
-    isIconRounded?: boolean;
-    onClick?: Function;
-    size?: Size;
-    shadow?: Shadow | Elevation | ViewProps;
-    shape?: Shape;
-    ariaLabel?: string;
-    variant?: Variant;
-    animation?: Animation;
-    color?: string;
-    textColor?: string;
-    reversed?: boolean;
-    borderMovingDuration?: number;
-    borderMovingGradientColors?: string[];
-    animatedStrokeAccentColor?: string;
-    animatedStrokeTextColor?: string;
-    views?: {
-        container?: ViewProps;
-        content?: ViewProps;
-        loader?: ViewProps;
-        icon?: ViewProps;
-        link?: ViewProps;
-    };
-}

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

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

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

@@ -1,28 +0,0 @@
-/**
- * Button Styles
- *
- * Defines the styles for the Button 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 { Shape, Size, Variant } from './Button.type';
-/**
- * Button sizes following the 4px grid system
- */ export declare const ButtonSizes: Record<Size, ViewProps>;
-/**
- * Button shapes with consistent border radius
- */
-export declare const ButtonShapes: Record<Shape, number | string>;
-/**
- * Icon sizes for different button sizes
- */
-export declare const IconSizes: Record<Size, ViewProps>;
-export declare const getButtonVariants: (color: string, textColor: string, reversed?: boolean) => Record<Variant, ViewProps>;
-/**
- * Generate offset path for border animation
- */
-export declare function generateOffsetPath(width: number, height: number, borderRadius: number | string): string;

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

@@ -1,9 +0,0 @@
-/**
- * ButtonView component – minimal and design‑system aligned.
- * - Chooses a **main color** with priority: `backgroundColor` → `color` → `theme-primary`.
- * - Uses `getButtonVariants` to derive base/hover/active styles per variant.
- */
-import React from 'react';
-import { ButtonProps } from './Button.props';
-declare const ButtonView: React.FC<ButtonProps>;
-export default ButtonView;

package/dist/components/Button/Button.d.ts

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

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { CardStyles } from './Card.type';
-export interface CardContextValue {
-    styles?: CardStyles;
-}
-export declare const CardContext: import("react").Context<CardContextValue>;
-export declare const useCardContext: () => CardContextValue;

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

@@ -1,81 +0,0 @@
-/// <reference types="react" />
-import { ViewProps } from 'app-studio';
-import { CardStyles, Shape, Size, Variant } from './Card.type';
-export interface CardProps extends ViewProps {
-    /**
-     * The visual style variant of the card
-     */
-    variant?: Variant;
-    /**
-     * The size of the card, affecting padding
-     */
-    size?: Size;
-    /**
-     * The shape of the card's corners
-     */
-    shape?: Shape;
-    /**
-     * The content to be displayed inside the card
-     */
-    children?: React.ReactNode;
-    /**
-     * Optional header content for the card
-     */
-    header?: React.ReactNode;
-    /**
-     * Optional footer content for the card
-     */
-    footer?: React.ReactNode;
-    /**
-     * Whether the card should take up the full width of its container
-     */
-    isFullWidth?: boolean;
-    /**
-     * Custom styles for different parts of the card
-     */
-    views?: CardStyles;
-}
-export interface CardHeaderProps extends ViewProps {
-    /**
-     * The content to be displayed in the card header
-     */
-    children: React.ReactNode;
-    /**
-     * Custom styles for the header
-     */
-    views?: ViewProps;
-}
-export interface CardContentProps extends ViewProps {
-    /**
-     * The content to be displayed in the card body
-     */
-    children: React.ReactNode;
-    /**
-     * Custom styles for the content
-     */
-    views?: ViewProps;
-}
-export interface CardFooterProps extends ViewProps {
-    /**
-     * The content to be displayed in the card footer
-     */
-    children: React.ReactNode;
-    /**
-     * Custom styles for the footer
-     */
-    views?: ViewProps;
-}
-export interface CardType extends React.FC<CardProps> {
-    /**
-     * Card header component
-     */
-    Header: React.FC<CardHeaderProps>;
-    /**
-     * Card content component
-     */
-    Content: React.FC<CardContentProps>;
-    /**
-     * Card footer component
-     */
-    Footer: React.FC<CardFooterProps>;
-}

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

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

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

@@ -1,29 +0,0 @@
-/**
- * Card Styles
- *
- * Defines the styles for the Card 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 { CardStyles, Shape, Size, Variant } from './Card.type';
-/**
- * Card sizes following the 4px grid system
- */
-export declare const CardSizes: Record<Size, ViewProps>;
-/**
- * Card shapes with consistent border radius
- */
-export declare const CardShapes: Record<Shape, number | string>;
-/**
- * Get card variants with consistent styling based on theme mode
- */
-export declare const getCardVariants: (themeMode: string) => Record<Variant, ViewProps>;
-/**
- * Function to get default styles for Card components
- * @param theme - Theme object from useTheme hook
- */
-export declare const getDefaultCardStyles: (theme: any) => CardStyles;

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

@@ -1,10 +0,0 @@
-import { ViewProps } from 'app-studio';
-export declare type Variant = 'default' | 'outlined' | 'elevated';
-export declare type Size = 'sm' | 'md' | 'lg';
-export declare type Shape = 'square' | 'rounded' | 'pill';
-export interface CardStyles {
-    container?: ViewProps;
-    header?: ViewProps;
-    content?: ViewProps;
-    footer?: ViewProps;
-}

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { CardProps, CardHeaderProps, CardContentProps, CardFooterProps } from './Card.props';
-export declare const CardHeader: React.FC<CardHeaderProps>;
-export declare const CardContent: React.FC<CardContentProps>;
-export declare const CardFooter: React.FC<CardFooterProps>;
-export declare const CardView: React.FC<CardProps>;

package/dist/components/Card/Card.d.ts

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

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { CarouselContextValue } from './Carousel.type';
-export declare const CarouselContext: import("react").Context<CarouselContextValue | null>;
-export declare const useCarouselContext: () => CarouselContextValue;