@app-studio/web 0.9.86 → 0.9.89

package/dist/components/Formik/Formik.OTPInput.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { OTPInputProps } from '../OTPInput/OTPInput/OTPInput.props';
-/**
- * OTPInput component for entering one-time passwords or verification codes with Formik integration.
- * Provides multiple input fields for entering digits with auto-focus functionality.
- * Supports step-based input and improved accessibility.
- */
-export declare const FormikOTPInput: React.FC<OTPInputProps>;

package/dist/components/Formik/Formik.Password.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { PasswordProps } from '../Form/Password/Password/Password.props';
-/**
- * To allow users to securely enter sensitive information
- */
-export declare const FormikPassword: React.FC<PasswordProps>;

package/dist/components/Formik/Formik.Select.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { SelectProps } from '../Form/Select/Select/Select.props';
-/**
- * Select provides a dropdown list of options for the user to choose from.
- */
-export declare const FormikSelect: React.FC<SelectProps>;

package/dist/components/Formik/Formik.Selector.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { SelectorProps } from '../Form/Selector/Selector/Selector.props';
-/**
- * Selector provides a dropdown list of options for the user to choose from.
- */
-export declare const FormikSelector: React.FC<SelectorProps>;

package/dist/components/Formik/Formik.Slider.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { SliderProps } from '../Slider/Slider/Slider.props';
-/**
- * Slider component integrated with Formik for form state management.
- * Allows users to select a value from a range by moving a handle.
- */
-export declare const FormikSlider: React.FC<SliderProps>;

package/dist/components/Formik/Formik.Switch.d.ts

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

package/dist/components/Formik/Formik.TagInput.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { TagInputProps } from '../Form/TagInput/TagInput/TagInput.props';
-/**
- * TagInput allows users to add and manage a list of tags.
- * Integrated with Formik for form validation and state management.
- */
-export declare const FormikTagInput: React.FC<TagInputProps & {
-    name: string;
-}>;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { TextAreaProps } from '../Form/TextArea/TextArea/TextArea.props';
-/**
- * Text Area is an component used to create a multi-line input field.
- */
-export declare const FormikTextArea: React.FC<TextAreaProps>;

package/dist/components/Formik/Formik.TextField.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { TextFieldProps } from '../Form/TextField/TextField/TextField.props';
-/**
- * TextField is used to capture text data from users.
- */
-export declare const FormikTextField: React.FC<TextFieldProps>;

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

@@ -1,38 +0,0 @@
-import React from 'react';
-import type { UploadProps } from '../Uploader/Uploader/Uploader.props';
-export declare type UploadFileHandler = (file: File, onProgress: (progress: number) => void) => Promise<any>;
-export interface FormikUploaderProps extends Omit<UploadProps, 'onFileSelect' | 'onMultipleFileSelect' | 'isLoading' | 'progress'> {
-    /**
-     * Name of the field that will receive the uploaded file responses
-     */
-    name: string;
-    /**
-     * Custom upload handler. Defaults to the platform UploadService
-     */
-    uploadFile: UploadFileHandler;
-    /**
-     * Callback fired when a single file upload succeeds
-     */
-    onUploadSuccess?: (file: File, response: any) => void;
-    /**
-     * Callback fired when a single file upload fails
-     */
-    onUploadError?: (file: File, error: unknown) => void;
-    /**
-     * Transform the raw upload response before storing it in the form state
-     */
-    transformResponse?: (response: any, file: File) => any;
-    /**
-     * Optional external handler mirroring the Uploader prop
-     */
-    onMultipleFileSelect?: (files: File[]) => void;
-    /**
-     * Optional external handler mirroring the Uploader prop for single upload mode
-     */
-    onFileSelect?: (file: File) => void;
-    /**
-     * Enable/disable multiple uploads. Defaults to true
-     */
-    multiple?: boolean;
-}
-export declare const FormikUploader: React.FC<FormikUploaderProps>;

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

@@ -1,18 +0,0 @@
-export { FormikCheckbox } from './Formik.Checkbox';
-export { FormikChatInput } from './Formik.ChatInput';
-export { FormikColorInput } from './Formik.ColorInput';
-export { FormikDatePicker } from './Formik.DatePicker';
-export { FormikCountryPicker } from './Formik.CountryPicker';
-export { FormikSelect } from './Formik.Select';
-export { FormikSwitch } from './Formik.Switch';
-export { FormikTagInput } from './Formik.TagInput';
-export { FormikTextArea } from './Formik.TextArea';
-export { FormikTextField } from './Formik.TextField';
-export { FormikPassword } from './Formik.Password';
-export { FormikForm } from './Formik.Form';
-export { FormikComboBox } from './Formik.ComboBox';
-export { FormikSlider } from './Formik.Slider';
-export { FormikOTPInput } from './Formik.OTPInput';
-export { FormikUploader } from './Formik.Uploader';
-export { FormikSelector } from './Formik.Selector';
-export { AttachmentPreview } from './AttachmentPreview';

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

@@ -1,64 +0,0 @@
-/**
- * Gradient Props
- *
- * Defines the props for the Gradient component following the design guidelines.
- */
-/// <reference types="react" />
-import { ViewProps } from 'app-studio';
-import { GradientType, LinearDirection, RadialShape, RadialPosition, ColorStop, GradientStyles } from './Gradient.type';
-/**
- * Props for the Gradient component
- */
-export interface GradientProps extends Omit<ViewProps, 'colors'> {
-    /**
-     * Type of gradient (linear, radial, or conic)
-     * @default 'linear'
-     */
-    type?: GradientType;
-    /**
-     * Direction for linear gradients
-     * @default 'to-right'
-     */
-    direction?: LinearDirection;
-    /**
-     * Shape for radial gradients
-     * @default 'circle'
-     */
-    shape?: RadialShape;
-    /**
-     * Position for radial gradients
-     * @default 'center'
-     */
-    position?: RadialPosition;
-    /**
-     * Starting color for simple two-color gradients
-     */
-    from?: string;
-    /**
-     * Ending color for simple two-color gradients
-     */
-    to?: string;
-    /**
-     * Array of color stops for multi-color gradients
-     * Takes precedence over from/to if provided
-     */
-    colors?: ColorStop[];
-    /**
-     * Whether to animate the gradient
-     * @default false
-     */
-    animate?: boolean;
-    /**
-     * Animation duration in seconds
-     * @default 3
-     */
-    animationDuration?: number;
-    /**
-     * Children to render inside the gradient
-     */
-    children?: React.ReactNode;
-    /**
-     * Custom styles for the gradient
-     */
-    views?: GradientStyles;
-}

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

@@ -1,83 +0,0 @@
-/**
- * Gradient Styles
- *
- * Defines the styles for the Gradient 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 { GradientType, ColorStop } from './Gradient.type';
-/**
- * Maps direction strings to CSS gradient directions
- */
-export declare const DirectionMap: Record<string, string>;
-/**
- * Maps position strings to CSS position values
- */
-export declare const PositionMap: Record<string, string>;
-/**
- * Default color stops for different gradient types
- */
-export declare const DefaultColorStops: Record<GradientType, ColorStop[]>;
-/**
- * Generates a CSS gradient string based on the provided parameters
- */
-export declare const generateGradientString: (type: GradientType, colors: ColorStop[], direction?: string | undefined, shape?: "circle" | "ellipse" | undefined, position?: string | undefined) => string;
-/**
- * Animation styles for animated gradients using app-studio's animation system
- */
-export declare const GradientAnimations: {
-    linear: {
-        backgroundSize: string;
-        transition: string;
-        animate: {
-            from: {
-                backgroundPosition: string;
-            };
-            '50%': {
-                backgroundPosition: string;
-            };
-            to: {
-                backgroundPosition: string;
-            };
-        };
-    };
-    radial: {
-        backgroundSize: string;
-        transition: string;
-        animate: {
-            from: {
-                backgroundPosition: string;
-                backgroundSize: string;
-            };
-            '50%': {
-                backgroundSize: string;
-            };
-            to: {
-                backgroundPosition: string;
-                backgroundSize: string;
-            };
-        };
-    };
-    conic: {
-        transition: string;
-        animate: {
-            from: {
-                transform: string;
-            };
-            to: {
-                transform: string;
-            };
-        };
-    };
-};
-/**
- * Default styles for the Gradient component
- */
-export declare const DefaultGradientStyles: {
-    container: ViewProps;
-    content: ViewProps;
-};

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

@@ -1,37 +0,0 @@
-/**
- * Gradient Types
- *
- * Defines the types for the Gradient component following the design guidelines.
- */
-import { ViewProps } from 'app-studio';
-/**
- * Gradient type - linear or radial
- */
-export declare type GradientType = 'linear' | 'radial' | 'conic';
-/**
- * Direction for linear gradients
- * Can be a predefined direction or a custom angle in degrees
- */
-export declare type LinearDirection = 'to-right' | 'to-left' | 'to-bottom' | 'to-top' | 'to-top-right' | 'to-top-left' | 'to-bottom-right' | 'to-bottom-left' | string;
-/**
- * Shape for radial gradients
- */
-export declare type RadialShape = 'circle' | 'ellipse';
-/**
- * Position for radial gradients
- */
-export declare type RadialPosition = 'center' | 'top' | 'right' | 'bottom' | 'left' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | string;
-/**
- * Color stop for gradients
- */
-export interface ColorStop {
-    color: string;
-    position?: string | number;
-}
-/**
- * Styles for the Gradient component
- */
-export interface GradientStyles {
-    container?: ViewProps;
-    content?: ViewProps;
-}

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

@@ -1,9 +0,0 @@
-/**
- * Gradient View Component
- *
- * Renders a gradient with various styles and states
- * according to the design guidelines.
- */
-import React from 'react';
-import { GradientProps } from './Gradient.props';
-export declare const GradientView: React.FC<GradientProps>;

package/dist/components/Gradient/Gradient.d.ts

@@ -1,30 +0,0 @@
-/**
- * Gradient Component
- *
- * A component for creating and displaying various types of gradients
- * following the design system guidelines.
- */
-import React from 'react';
-import { GradientProps } from './Gradient/Gradient.props';
-/**
- * Gradient Component
- *
- * @example
- * // Basic linear gradient
- * <Gradient from="blue-500" to="purple-500" height="200px" width="100%" />
- *
- * @example
- * // Radial gradient with content
- * <Gradient
- *   type="radial"
- *   colors={[
- *     { color: 'red-500', position: '0%' },
- *     { color: 'orange-500', position: '50%' },
- *     { color: 'yellow-500', position: '100%' }
- *   ]}
- *   height="200px"
- * >
- *   <Text color="white">Content inside gradient</Text>
- * </Gradient>
- */
-export declare const Gradient: React.FC<GradientProps>;

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

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

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

@@ -1,86 +0,0 @@
-import React from 'react';
-import { ViewProps } from 'app-studio';
-export interface HoverCardProps {
-    /**
-     * The content of the HoverCard
-     */
-    children?: React.ReactNode;
-    /**
-     * Custom styles for different parts of the HoverCard
-     */
-    views?: {
-        container?: ViewProps;
-        content?: ViewProps;
-    };
-    /**
-     * Delay in milliseconds before the card opens on hover
-     * @default 200
-     */
-    openDelay?: number;
-    /**
-     * Delay in milliseconds before the card closes after hover stops
-     * @default 300
-     */
-    closeDelay?: number;
-}
-export interface HoverCardTriggerProps {
-    /**
-     * The element that triggers the hover card
-     */
-    children: React.ReactNode;
-    /**
-     * Custom styles for the trigger element
-     */
-    views?: {
-        container?: ViewProps;
-    };
-    /**
-     * When true, the trigger will be rendered as a child element instead of a wrapper
-     * Child must accept forwarded ref and spread props
-     * @default false
-     */
-    asChild?: boolean;
-    /**
-     * Additional props to be spread to the trigger element
-     */
-    [key: string]: any;
-}
-export interface HoverCardContentProps {
-    /**
-     * The content to be displayed in the hover card
-     */
-    children: React.ReactNode;
-    /**
-     * Custom styles for the content container
-     */
-    views?: {
-        container?: ViewProps;
-    };
-    /**
-     * The side of the trigger to render the content
-     */
-    side?: 'top' | 'right' | 'bottom' | 'left';
-    /**
-     * The alignment of the content relative to the trigger
-     */
-    align?: 'start' | 'center' | 'end';
-    /**
-     * Distance in pixels between the trigger and the content
-     * @default 8
-     */
-    sideOffset?: number;
-    /**
-     * Additional props to be spread to the content element
-     */
-    [key: string]: any;
-}
-export interface HoverCardType extends React.FC<HoverCardProps> {
-    /**
-     * The trigger element that will show the hover card on hover
-     */
-    Trigger: React.FC<HoverCardTriggerProps>;
-    /**
-     * The content that will be displayed when hovering over the trigger
-     */
-    Content: React.FC<HoverCardContentProps>;
-}

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { HoverCardProps } from './HoverCard.props';
-export declare const useHoverCardState: ({ openDelay, closeDelay, }?: Pick<HoverCardProps, 'openDelay' | 'closeDelay'>) => {
-    isOpen: boolean;
-    openCard: () => void;
-    closeCard: () => void;
-    cancelCloseTimer: () => void;
-    triggerRef: import("react").RefObject<HTMLDivElement>;
-    contentRef: import("react").RefObject<HTMLDivElement>;
-    contentId: string;
-    triggerId: string;
-};

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

@@ -1,5 +0,0 @@
-import { ViewProps } from 'app-studio';
-import { CSSProperties } from 'react';
-import { Alignment, Side } from './HoverCard.type';
-export declare const ContentPositions: Record<Side, (align: Alignment, sideOffset?: number) => ViewProps>;
-export declare const getContentPositionStyles: (triggerRect: DOMRect | null, side?: Side, align?: Alignment, sideOffset?: number) => CSSProperties;

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-export declare type Side = 'top' | 'right' | 'bottom' | 'left';
-export declare type Alignment = 'start' | 'center' | 'end';
-export interface HoverCardContextType {
-    isOpen: boolean;
-    openCard: () => void;
-    closeCard: () => void;
-    cancelCloseTimer: () => void;
-    triggerRef: React.RefObject<HTMLDivElement>;
-    contentRef: React.RefObject<HTMLDivElement>;
-    contentId: string;
-    triggerId: string;
-}

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import { HoverCardContextType } from './HoverCard.type';
-import { HoverCardContentProps, HoverCardTriggerProps } from './HoverCard.props';
-export declare const HoverCardProvider: React.FC<{
-    children: React.ReactNode;
-    value: HoverCardContextType;
-}>;
-export declare const useHoverCardContext: () => HoverCardContextType;
-export declare const HoverCardTrigger: React.FC<HoverCardTriggerProps>;
-export declare const HoverCardContent: React.FC<HoverCardContentProps>;

package/dist/components/HoverCard/HoverCard.d.ts

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