@app-studio/web 0.9.86 → 0.9.89

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

@@ -1,61 +0,0 @@
-import React from 'react';
-import { ViewProps } from 'app-studio';
-import { Placement, Size, CloseButtonPosition } from './Drawer.type';
-export interface DrawerProps extends ViewProps {
-    /**
-     * The placement of the drawer.
-     * @default 'right'
-     */
-    placement?: Placement;
-    /**
-     * The size of the drawer.
-     * @default 'md'
-     */
-    size?: Size;
-    /**
-     * If true, the drawer will be open.
-     */
-    isOpen: boolean;
-    /**
-     * Callback fired when the drawer closes.
-     */
-    onClose: () => void;
-    /**
-     * If true, the drawer will not close when clicking the overlay.
-     */
-    isClosePrevented?: boolean;
-    /**
-     * The children of the drawer.
-     */
-    children?: React.ReactNode;
-}
-export interface DrawerType extends React.FC<DrawerProps> {
-    Overlay: React.FC<DrawerOverlayProps>;
-    Container: React.FC<DrawerContainerProps>;
-    Header: React.FC<DrawerHeaderProps>;
-    Body: React.FC<DrawerBodyProps>;
-    Footer: React.FC<DrawerFooterProps>;
-}
-export interface DrawerOverlayProps extends ViewProps {
-    isOpen: boolean;
-    onClose: () => void;
-    isClosePrevented?: boolean;
-    blur?: number;
-    children?: React.ReactNode;
-}
-export interface DrawerContainerProps extends ViewProps {
-    placement?: Placement;
-    size?: Size;
-    children?: React.ReactNode;
-}
-export interface DrawerHeaderProps extends ViewProps {
-    onClose?: () => void;
-    buttonPosition?: CloseButtonPosition;
-    children?: React.ReactNode;
-}
-export interface DrawerBodyProps extends ViewProps {
-    children?: React.ReactNode;
-}
-export interface DrawerFooterProps extends ViewProps {
-    children?: React.ReactNode;
-}

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

@@ -1,4 +0,0 @@
-import { ViewProps } from 'app-studio';
-import { Placement, Size } from './Drawer.type';
-export declare const DrawerSizes: Record<Size, string>;
-export declare const DrawerPlacements: Record<Placement, ViewProps>;

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import { DrawerOverlayProps, DrawerContainerProps, DrawerHeaderProps, DrawerBodyProps, DrawerFooterProps } from './Drawer.props';
-export declare const DrawerOverlay: React.FC<DrawerOverlayProps>;
-export declare const DrawerContainer: React.FC<DrawerContainerProps>;
-export declare const DrawerHeader: React.FC<DrawerHeaderProps>;
-export declare const DrawerBody: React.FC<DrawerBodyProps>;
-export declare const DrawerFooter: React.FC<DrawerFooterProps>;

package/dist/components/Drawer/Drawer.d.ts

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

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

@@ -1,117 +0,0 @@
-import React from 'react';
-import { ViewProps } from 'app-studio';
-import { DropdownMenuItem, DropdownMenuStyles, Size, Variant, Position, Alignment } from './DropdownMenu.type';
-export interface DropdownMenuProps {
-    /**
-     * The trigger element that will open the dropdown menu when clicked
-     */
-    trigger: React.ReactNode;
-    /**
-     * The items to display in the dropdown menu
-     */
-    items: DropdownMenuItem[];
-    /**
-     * The size of the dropdown menu items
-     */
-    size?: Size;
-    /**
-     * The visual style variant of the dropdown menu
-     */
-    variant?: Variant;
-    /**
-     * The preferred side to display the dropdown menu
-     */
-    side?: Position;
-    /**
-     * The alignment of the dropdown menu
-     */
-    align?: Alignment;
-    /**
-     * Whether the dropdown menu is initially open
-     */
-    defaultOpen?: boolean;
-    /**
-     * Custom styles for different parts of the dropdown menu
-     */
-    views?: DropdownMenuStyles;
-    /**
-     * Additional props to be spread to the container element
-     */
-    [key: string]: any;
-}
-export interface DropdownMenuTriggerProps {
-    /**
-     * The content that will trigger the dropdown menu on click
-     */
-    children: React.ReactNode;
-    /**
-     * Custom styles for the trigger container
-     */
-    views?: {
-        container?: ViewProps;
-    };
-}
-export interface DropdownMenuContentProps {
-    /**
-     * The items to display in the dropdown menu
-     */
-    items: DropdownMenuItem[];
-    /**
-     * The preferred side to display the dropdown menu
-     */
-    side?: Position;
-    /**
-     * The alignment of the dropdown menu
-     */
-    align?: Alignment;
-    /**
-     * Custom styles for the dropdown menu
-     */
-    views?: {
-        menu?: ViewProps;
-        item?: ViewProps;
-        divider?: ViewProps;
-        icon?: ViewProps;
-        submenuIndicator?: ViewProps;
-    };
-}
-export interface DropdownMenuItemProps {
-    /**
-     * The item data
-     */
-    item: DropdownMenuItem;
-    /**
-     * Custom styles for the item
-     */
-    views?: {
-        item?: ViewProps;
-        icon?: ViewProps;
-        submenuIndicator?: ViewProps;
-    };
-}
-export interface DropdownMenuDividerProps {
-    /**
-     * Custom styles for the divider
-     */
-    views?: {
-        divider?: ViewProps;
-    };
-}
-export interface DropdownMenuType extends React.FC<DropdownMenuProps> {
-    /**
-     * The trigger component for the dropdown menu
-     */
-    Trigger: React.FC<DropdownMenuTriggerProps>;
-    /**
-     * The content component for the dropdown menu
-     */
-    Content: React.FC<DropdownMenuContentProps>;
-    /**
-     * The item component for the dropdown menu
-     */
-    Item: React.FC<DropdownMenuItemProps>;
-    /**
-     * The divider component for the dropdown menu
-     */
-    Divider: React.FC<DropdownMenuDividerProps>;
-}

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const useDropdownMenuState: (defaultOpen?: boolean) => {
-    isOpen: boolean;
-    setIsOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    activeSubmenuId: string | null;
-    setActiveSubmenuId: import("react").Dispatch<import("react").SetStateAction<string | null>>;
-};

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

@@ -1,17 +0,0 @@
-import { ViewProps } from 'app-studio';
-import { Size, Variant, Position, Alignment } from './DropdownMenu.type';
-export declare const DropdownMenuSizes: Record<Size, ViewProps>;
-export declare const DropdownMenuVariants: Record<Variant, ViewProps>;
-export declare const DropdownMenuItemStates: {
-    hover: {
-        backgroundColor: string;
-    };
-    active: {
-        backgroundColor: string;
-    };
-    disabled: {
-        opacity: number;
-        cursor: string;
-    };
-};
-export declare const getDropdownPosition: (side?: Position, align?: Alignment) => ViewProps;

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

@@ -1,35 +0,0 @@
-import { ViewProps } from 'app-studio';
-import React from 'react';
-export declare type Size = 'sm' | 'md' | 'lg';
-export declare type Variant = 'default' | 'filled' | 'outline';
-export declare type Position = 'top' | 'right' | 'bottom' | 'left';
-export declare type Alignment = 'start' | 'center' | 'end';
-export interface DropdownMenuItem {
-    id: string;
-    label: string;
-    icon?: React.ReactNode;
-    onClick?: () => void;
-    disabled?: boolean;
-    items?: DropdownMenuItem[];
-    divider?: boolean;
-}
-export interface DropdownMenuContextType {
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    activeSubmenuId: string | null;
-    setActiveSubmenuId: (id: string | null) => void;
-    size: Size;
-    variant: Variant;
-    triggerRef: React.RefObject<HTMLElement>;
-}
-export interface DropdownMenuStyles {
-    container?: ViewProps;
-    trigger?: ViewProps;
-    menu?: ViewProps;
-    item?: ViewProps;
-    activeItem?: ViewProps;
-    divider?: ViewProps;
-    icon?: ViewProps;
-    submenuIndicator?: ViewProps;
-    submenu?: ViewProps;
-}

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import { ViewProps } from 'app-studio';
-import { DropdownMenuContextType, DropdownMenuItem as DropdownMenuItemType, Position, Alignment } from './DropdownMenu.type';
-import { DropdownMenuTriggerProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuDividerProps } from './DropdownMenu.props';
-export declare const DropdownMenuProvider: React.FC<{
-    children: React.ReactNode;
-    value: DropdownMenuContextType;
-}>;
-export declare const useDropdownMenuContext: () => DropdownMenuContextType;
-export declare const DropdownMenuTrigger: React.FC<DropdownMenuTriggerProps>;
-export declare const DropdownMenuContent: React.FC<DropdownMenuContentProps>;
-export declare const DropdownMenuItem: React.FC<DropdownMenuItemProps>;
-export declare const DropdownMenuDivider: React.FC<DropdownMenuDividerProps>;
-export declare const DropdownMenuView: React.FC<{
-    trigger: React.ReactNode;
-    items: DropdownMenuItemType[];
-    side?: Position;
-    align?: Alignment;
-    views?: any;
-} & ViewProps>;

package/dist/components/DropdownMenu/DropdownMenu.d.ts

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

package/dist/components/EditComponent/EditComponent.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { ToolbarItem } from './EditToolbar';
-interface EditComponentProps {
-    targetElement: HTMLElement | null;
-    defaultToolId?: string;
-    onClose?: () => void;
-    side?: 'top' | 'bottom' | 'left' | 'right';
-    sideOffset?: number;
-    variant?: 'floating' | 'overlay';
-    items?: ToolbarItem[];
-    onToolAction?: (id: string) => void;
-}
-export declare const EditComponent: React.FC<EditComponentProps>;
-export {};

package/dist/components/EditComponent/EditPanel.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface EditPanelProps {
-    onClose?: () => void;
-    activeToolId?: string;
-}
-export declare const EditPanel: React.FC<EditPanelProps>;
-export {};

package/dist/components/EditComponent/EditToolbar.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-export interface ToolbarItem {
-    id: string;
-    icon: string;
-    label?: string;
-    special?: boolean;
-    actionOnly?: boolean;
-}
-interface EditToolbarProps {
-    items: ToolbarItem[];
-    activeToolId?: string;
-    onSelectTool: (id: string) => void;
-    orientation?: 'vertical' | 'horizontal';
-}
-export declare const EditToolbar: React.FC<EditToolbarProps>;
-export {};

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

@@ -1,3 +0,0 @@
-export * from './EditComponent';
-export * from './EditToolbar';
-export * from './EditPanel';

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

@@ -1,48 +0,0 @@
-/// <reference types="react" />
-import { ViewProps } from 'app-studio';
-import { Variant, Shape, Size, EmojiPickerStyles, EmojiCategory, Emoji } from './EmojiPicker.type';
-export interface EmojiPickerProps extends Omit<ViewProps, 'onChange'> {
-    id?: string;
-    name?: string;
-    label?: string;
-    placeholder?: string;
-    helperText?: string;
-    value?: string;
-    defaultValue?: string;
-    onChange?: (emoji: string) => void;
-    onEmojiSelect?: (emoji: Emoji) => void;
-    views?: EmojiPickerStyles;
-    size?: Size;
-    shape?: Shape;
-    variant?: Variant;
-    error?: boolean;
-    isDisabled?: boolean;
-    isReadOnly?: boolean;
-    showSearch?: boolean;
-    showCategories?: boolean;
-    showRecentEmojis?: boolean;
-    maxRecentEmojis?: number;
-    enabledCategories?: EmojiCategory[];
-    customEmojis?: Emoji[];
-    isOpen?: boolean;
-    onOpen?: () => void;
-    onClose?: () => void;
-    closeOnSelect?: boolean;
-    'aria-label'?: string;
-    'aria-describedby'?: string;
-}
-export interface EmojiPickerViewProps extends EmojiPickerProps {
-    isOpen: boolean;
-    selectedEmoji: string;
-    recentEmojis: Emoji[];
-    searchQuery: string;
-    activeCategory: EmojiCategory;
-    filteredEmojis: Emoji[];
-    handleToggle: () => void;
-    handleEmojiSelect: (emoji: Emoji) => void;
-    handleSearchChange: (query: string) => void;
-    handleCategoryChange: (category: EmojiCategory) => void;
-    handleClose: () => void;
-    triggerRef: React.RefObject<HTMLDivElement>;
-    dropdownRef: React.RefObject<HTMLDivElement>;
-}

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

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { EmojiPickerProps } from './EmojiPicker.props';
-import { Emoji, EmojiCategory } from './EmojiPicker.type';
-export declare const useEmojiPickerState: (props: EmojiPickerProps) => {
-    isOpen: boolean;
-    selectedEmoji: string;
-    recentEmojis: Emoji[];
-    searchQuery: string;
-    activeCategory: EmojiCategory;
-    filteredEmojis: Emoji[];
-    handleToggle: () => void;
-    handleEmojiSelect: (emoji: Emoji) => void;
-    handleSearchChange: (query: string) => void;
-    handleCategoryChange: (category: EmojiCategory) => void;
-    handleClose: () => void;
-    triggerRef: import("react").RefObject<HTMLDivElement>;
-    dropdownRef: import("react").RefObject<HTMLDivElement>;
-};

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

@@ -1,36 +0,0 @@
-import { ViewProps } from 'app-studio';
-import { Size, Variant, Shape, EmojiCategory, Emoji } from './EmojiPicker.type';
-/**
- * Default styles for the EmojiPicker component
- */
-export declare const DefaultEmojiPickerStyles: {
-    container: ViewProps;
-    trigger: ViewProps;
-    dropdown: ViewProps;
-    searchInput: ViewProps;
-    categoryTabs: ViewProps;
-    categoryTab: ViewProps;
-    emojiGrid: ViewProps;
-    emoji: ViewProps;
-    recentEmojis: ViewProps;
-};
-/**
- * Size styles for the EmojiPicker component
- */
-export declare const Sizes: Record<Size, ViewProps>;
-/**
- * Shape styles for the EmojiPicker component
- */
-export declare const Shapes: Record<Shape, ViewProps>;
-/**
- * Variant styles for the EmojiPicker component
- */
-export declare const Variants: Record<Variant, ViewProps>;
-/**
- * Category labels for display
- */
-export declare const CategoryLabels: Record<EmojiCategory, string>;
-/**
- * Default emoji data - a subset of popular emojis
- */
-export declare const DefaultEmojiData: Emoji[];

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

@@ -1,28 +0,0 @@
-import { ViewProps } from 'app-studio';
-export declare type Variant = 'outline' | 'default' | 'filled';
-export declare type Shape = 'default' | 'square' | 'rounded' | 'pill';
-export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare type EmojiPickerStyles = {
-    container?: ViewProps;
-    trigger?: ViewProps;
-    dropdown?: ViewProps;
-    searchInput?: ViewProps;
-    categoryTabs?: ViewProps;
-    categoryTab?: ViewProps;
-    emojiGrid?: ViewProps;
-    emoji?: ViewProps;
-    recentEmojis?: ViewProps;
-    label?: ViewProps;
-    helperText?: ViewProps;
-};
-export declare type EmojiCategory = 'recent' | 'smileys' | 'people' | 'animals' | 'food' | 'activities' | 'travel' | 'objects' | 'symbols' | 'flags';
-export declare type Emoji = {
-    emoji: string;
-    name: string;
-    category: EmojiCategory;
-    keywords: string[];
-    skinTones?: string[];
-};
-export declare type EmojiData = {
-    [key in EmojiCategory]?: Emoji[];
-};

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

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

package/dist/components/EmojiPicker/EmojiPicker.d.ts

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

package/dist/components/File/File.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { ViewProps, ImageProps } from 'app-studio';
-export interface FileProps extends ViewProps {
-    src: string;
-    color?: string;
-    views?: {
-        container?: ViewProps;
-        image?: ImageProps;
-    };
-}
-export declare const FileSVG: ({ src, color, views, themeMode: elementMode, ...props }: FileProps) => React.JSX.Element;
-export declare const FileImage: ({ path, ...props }: {
-    path: string;
-} & ImageProps) => React.JSX.Element;

package/dist/components/Form/Checkbox/Checkbox/Checkbox.props.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import { Elevation } from '../../../../utils/elevation';
-import { InputProps, Shadow } from 'app-studio';
-import { CheckboxStyles, Size } from './Checkbox.type';
-import { ViewProps } from 'app-studio';
-export interface CheckboxProps extends Omit<InputProps, 'size'> {
-    id?: string;
-    icon?: React.ReactNode;
-    error?: any;
-    name?: string;
-    label?: string;
-    isChecked?: boolean;
-    defaultIsSelected?: boolean;
-    isReadOnly?: boolean;
-    isDisabled?: boolean;
-    isIndeterminate?: boolean;
-    labelPosition?: 'left' | 'right';
-    onChange?: Function;
-    onValueChange?: Function;
-    views?: CheckboxStyles;
-    size?: Size;
-    shadow?: Shadow | Elevation | ViewProps;
-    infoText?: string;
-}
-export interface CheckboxViewProps extends CheckboxProps {
-    isHovered?: boolean;
-    setIsHovered?: (hovered: boolean) => void;
-    isChecked?: boolean;
-    setIsChecked?: (selected: boolean) => void;
-}

package/dist/components/Form/Checkbox/Checkbox/Checkbox.state.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { CheckboxProps } from './Checkbox.props';
-export declare const useCheckboxState: ({ defaultIsSelected, }: CheckboxProps) => {
-    isHovered: boolean;
-    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
-    isSelected: boolean;
-    setIsSelected: React.Dispatch<React.SetStateAction<boolean>>;
-};

package/dist/components/Form/Checkbox/Checkbox/Checkbox.style.d.ts

@@ -1,89 +0,0 @@
-/**
- * Checkbox Styles
- *
- * Defines the styles for the Checkbox 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 { Size, Variant } from './Checkbox.type';
-/**
- * Size configurations for the Checkbox component
- * Following the 4px grid system
- */
-export declare const Sizes: Record<Size, ViewProps>;
-/**
- * Icon sizes for the Checkbox component
- * Proportional to the component size
- */
-export declare const IconSizes: Record<Size, number>;
-/**
- * Variant styles for the Checkbox component
- */
-export declare const VariantStyles: Record<Variant, ViewProps>;
-/**
- * State styles for the Checkbox component
- */
-export declare const StateStyles: {
-    hover: {
-        selected: {
-            opacity: number;
-        };
-        unselected: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        indeterminate: {
-            opacity: number;
-        };
-    };
-    focus: {
-        selected: {
-            outline: string;
-            boxShadow: string;
-        };
-        unselected: {
-            outline: string;
-            boxShadow: string;
-        };
-        indeterminate: {
-            outline: string;
-            boxShadow: string;
-        };
-    };
-    disabled: {
-        selected: {
-            backgroundColor: string;
-            borderColor: string;
-            opacity: number;
-            cursor: string;
-        };
-        unselected: {
-            borderColor: string;
-            opacity: number;
-            cursor: string;
-        };
-        indeterminate: {
-            backgroundColor: string;
-            borderColor: string;
-            opacity: number;
-            cursor: string;
-        };
-    };
-    error: {
-        selected: {
-            backgroundColor: string;
-            borderColor: string;
-        };
-        unselected: {
-            borderColor: string;
-        };
-        indeterminate: {
-            backgroundColor: string;
-            borderColor: string;
-        };
-    };
-};

package/dist/components/Form/Checkbox/Checkbox/Checkbox.view.d.ts

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

package/dist/components/Form/Checkbox/Checkbox.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { CheckboxProps } from './Checkbox/Checkbox.props';
-/**
- * Checkbox allows users to select one or more options from a list of choices.
- */
-export declare const Checkbox: React.FC<CheckboxProps>;