@app-studio/web 0.9.86 → 0.9.89

package/dist/components/Icon/Icon.d.ts

@@ -1,393 +0,0 @@
-import { ViewProps } from 'app-studio';
-import React from 'react';
-import { DynamicIconComponentProps } from 'lucide-react/dynamic';
-export interface IconProps extends Omit<ViewProps, 'orientation'> {
-    color?: string;
-    filled?: boolean;
-    orientation?: 'left' | 'right' | 'up' | 'down';
-    name?: DynamicIconComponentProps['name'];
-    strokeWidth?: number | string;
-    size?: number | string;
-}
-export declare const Icon: React.FC<IconProps>;
-export declare const UserIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const HelpIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const FolderIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const ChevronIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const DragHandleIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const FileIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const VideoIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const ImageIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const AudioIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const TwitterIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const XIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const TwitchIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const CloseIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const InstagramIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const YoutubeIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const FacebookIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const LinkedinIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const ThreadsIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const MinusIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const InfoIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const PlayIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const PauseIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const HeartIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const StarIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const SaveIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const WarningIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const BatteryIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const BookmarkIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const CloudIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const CopyIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const DustBinIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const DeleteIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const EditIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const MicrophoneIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const StopIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const SendIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const LoadingSpinnerIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const AttachmentIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const SearchIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const HomeIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const SettingsIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const DownloadIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const ShareIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const TickIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const PlusIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const CloseEyeIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const OpenEyeIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const LockIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const ProfileIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const ExternalLinkIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const SuccessIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const ErrorIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const NotificationIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const DocumentIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const ChartIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const MoonIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const PanelIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const UploadIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const CheckIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const BackIcon: (props: IconProps) => React.JSX.Element;
-export declare const ZoomOutIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const TextIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const ShapeIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const RotateIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const GiftIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const ShieldIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const LogoutIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const PowerOffIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const LinkIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const LayoutIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const ZapIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const CreditCardIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const MoreIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const TrashIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const FilterIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const CalendarIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const ClockIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const MapPinIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const MenuIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const RefreshIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const PrintIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const MagicWandIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const UnLikeIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const LikeIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const CameraIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const BluetoothIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const UnlockIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const WifiIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const BoldArrowIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const ArrowIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const SpinnerIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const SliderIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const CropIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const ZoomInIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const DragHandleLinesIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};
-export declare const MousePointerIcon: {
-    (props: IconProps): React.JSX.Element;
-    displayName: string;
-};

package/dist/components/Input/FieldContainer/FieldContainer/FieldContainer.props.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { TextFieldStyles } from '../../Input.type';
-import { ViewProps } from 'app-studio';
-export interface ContainerProps extends ViewProps {
-    /**
-     * The content to be rendered inside the container.
-     */
-    children?: React.ReactNode;
-    /**
-     * Specifies whether the input field should display an error state.
-     */
-    error?: boolean;
-    /**
-     * Provides additional information or instructions about the field.
-     */
-    helperText?: string;
-    /**
-     * CSS styles for the select box and dropdown.
-     */
-    views?: TextFieldStyles;
-}

package/dist/components/Input/FieldContainer/FieldContainer.d.ts

@@ -1,9 +0,0 @@
-/**
- * FieldContainer Component
- *
- * Renders a container for a form field with helper text and error handling
- * according to the design guidelines.
- */
-import React from 'react';
-import { ContainerProps } from './FieldContainer/FieldContainer.props';
-export declare const FieldContainer: React.ForwardRefExoticComponent<Pick<ContainerProps, string | number> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Input/FieldContent/FieldContent/FieldContent.props.d.ts

@@ -1,61 +0,0 @@
-import React from 'react';
-import { Shape, Size, TextFieldStyles, Variant } from '../../Input.type';
-import { ViewProps } from 'app-studio';
-export interface ContentProps extends Omit<ViewProps, 'size'> {
-    /**
-     * The color of the Content component.
-     */
-    color?: string;
-    /**
-     * The content to be rendered inside the Content component.
-     */
-    children?: React.ReactNode;
-    /**
-     * Indicates whether the field has an error.
-     */
-    error?: boolean;
-    /**
-     * Indicates whether the field has label
-     */
-    showLabel?: boolean;
-    /**
-     * Determines whether the Content component is disabled. Default value is false.
-     */
-    isDisabled?: boolean;
-    /**
-     * Determines wheter the field is focused or not.
-     */
-    isFocused?: boolean;
-    /**
-     * Determines whether the Content component is currently being hovered over.
-     */
-    isHovered?: boolean;
-    /**
-     * Determines whether the Content component is read-only. Default value is false.
-     */
-    isReadOnly?: boolean;
-    /**
-     * The label associated with the Content component.
-     */
-    label?: string;
-    /**
-     * The default value of the field.
-     */
-    value?: string | Array<string> | number;
-    /**
-     * Changes the Input style
-     */
-    variant?: Variant;
-    /**
-     * The shape of the Content component.
-     */
-    shape?: Shape;
-    /**
-     * The size of the Content component. Default value is "md".
-     */
-    size?: Size;
-    /**
-     * CSS styles applied to the Content component. Default value is an empty object.
-     */
-    views?: TextFieldStyles;
-}

package/dist/components/Input/FieldContent/FieldContent.d.ts

@@ -1,9 +0,0 @@
-/**
- * FieldContent Component
- *
- * Renders the content area of a form field with various styles and states
- * according to the design guidelines.
- */
-import React from 'react';
-import { ContentProps } from './FieldContent/FieldContent.props';
-export declare const FieldContent: React.FC<ContentProps>;

package/dist/components/Input/FieldIcons/FieldIcons/FieldIcons.props.d.ts

@@ -1,3 +0,0 @@
-import { ImageProps } from 'app-studio';
-export interface FieldIconsProps extends Omit<ImageProps, 'size'> {
-}

package/dist/components/Input/FieldIcons/FieldIcons.d.ts

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

package/dist/components/Input/FieldLabel/FieldLabel/FieldLabel.props.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { Size } from '../../Input.type';
-import { ViewProps } from 'app-studio';
-export interface LabelProps extends Omit<ViewProps, 'size'> {
-    /**
-     * The content to be rendered inside the Label.
-     */
-    children?: React.ReactNode;
-    /**
-     * Indicates whether the field has an error.
-     */
-    error?: boolean;
-    /**
-     * The size of the Label
-     */
-    size?: Size;
-    /**
-     * The color of the Label
-     */
-    color?: string;
-    /**
-     * CSS styles applied to the Label
-     */
-    views?: {
-        label?: ViewProps;
-    };
-}

package/dist/components/Input/FieldLabel/FieldLabel.d.ts

@@ -1,9 +0,0 @@
-/**
- * FieldLabel Component
- *
- * Renders a label for a form field with various styles and states
- * according to the design guidelines.
- */
-import React from 'react';
-import { LabelProps } from './FieldLabel/FieldLabel.props';
-export declare const FieldLabel: React.FC<LabelProps>;

package/dist/components/Input/FieldLayout/FieldLayout/FieldLayout.props.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { Size, TextFieldStyles } from '../../Input.type';
-import { ViewProps } from 'app-studio';
-export interface FieldProps extends Omit<ViewProps, 'size'> {
-    /**
-     * The content to be rendered inside the Field.
-     */
-    children?: React.ReactNode;
-    /**
-     * The size of the field (default: "md").
-     */
-    size?: Size;
-    /**
-     * Determines if the field is disabled (default: false).
-     */
-    isDisabled?: boolean;
-    /**
-     * Determines if the field is read-only (default: false).
-     */
-    isReadOnly?: boolean;
-    /**
-     * CSS styles applied to the field (default: {}).
-     */
-    views?: TextFieldStyles;
-}

package/dist/components/Input/FieldLayout/FieldLayout.d.ts

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

package/dist/components/Input/FieldWrapper/FieldWrapper.d.ts

@@ -1,9 +0,0 @@
-/**
- * FieldWrapper Component
- *
- * Renders a wrapper for form field content with appropriate styling
- * according to the design guidelines.
- */
-import React from 'react';
-import { WrapperFieldProps } from './FieldWrapper.props';
-export declare const FieldWrapper: React.FC<WrapperFieldProps>;

package/dist/components/Input/FieldWrapper/FieldWrapper.props.d.ts

@@ -1,3 +0,0 @@
-import { ViewProps } from 'app-studio';
-export interface WrapperFieldProps extends ViewProps {
-}

package/dist/components/Input/HelperText/HelperText.d.ts

@@ -1,9 +0,0 @@
-/**
- * HelperText Component
- *
- * Renders helper text for form fields with appropriate styling
- * according to the design guidelines.
- */
-import React from 'react';
-import { HelperTextProps } from './HelperText.props';
-export declare const HelperText: React.FC<HelperTextProps>;

package/dist/components/Input/HelperText/HelperText.props.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { TextFieldStyles } from '../Input.type';
-import { ViewProps } from 'app-studio';
-export interface HelperTextProps extends ViewProps {
-    /**
-     * The content to be rendered inside the HelperText.
-     */
-    children: React.ReactNode;
-    /**
-     * If true, changes the input style to indicate error.
-     */
-    error?: boolean;
-    /**
-     * CSS styles applied to the HelperText.
-     */
-    views?: TextFieldStyles;
-}

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

@@ -1,58 +0,0 @@
-/**
- * Input Styles
- *
- * Defines the styles for input components 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 './Input.type';
-/**
- * Shape styles for input components with consistent border radius
- */
-export declare const Shapes: Record<Shape, ViewProps>;
-/**
- * Label sizes following the 4px grid system
- */
-export declare const LabelSizes: Record<Size, string>;
-/**
- * Input variants with consistent styling
- */
-export declare const InputVariants: Record<Variant, ViewProps>;
-/**
- * Padding for input with label following the 4px grid system
- */
-export declare const PadddingWithLabel: {
-    paddingTop: string;
-    paddingBottom: string;
-    paddingLeft: string;
-    paddingRight: string;
-    media: {
-        mobile: {
-            paddingTop: string;
-            paddingBottom: string;
-            paddingLeft: string;
-            paddingRight: string;
-        };
-    };
-};
-/**
- * Padding for input without label following the 4px grid system
- */
-export declare const PaddingWithoutLabel: {
-    paddingTop: string;
-    paddingBottom: string;
-    paddingLeft: string;
-    paddingRight: string;
-    media: {
-        mobile: {
-            paddingTop: string;
-            paddingBottom: string;
-            paddingLeft: string;
-            paddingRight: string;
-        };
-    };
-};

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

@@ -1,13 +0,0 @@
-import { ViewProps } from 'app-studio';
-export declare type Variant = 'outline' | 'default' | 'none';
-export declare type Shape = 'default' | 'square' | 'rounded' | 'pill';
-export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare type TextFieldStyles = {
-    text?: ViewProps;
-    label?: ViewProps;
-    error?: ViewProps;
-    helperText?: ViewProps;
-    container?: ViewProps;
-};
-export declare type Wrap = 'wrap' | 'nowrap' | 'wrap-reverse';
-export declare type Justify = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';