@app-studio/web 0.9.86 → 0.9.89

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

@@ -1,114 +0,0 @@
-import { ViewProps } from 'app-studio';
-import React from 'react';
-export declare type CommandSize = 'sm' | 'md' | 'lg';
-export declare type CommandVariant = 'default' | 'filled' | 'outline';
-export interface CommandItem {
-    /**
-     * Unique identifier for the command
-     */
-    id: string;
-    /**
-     * Display name for the command
-     */
-    name: string;
-    /**
-     * Optional description for the command
-     */
-    description?: string;
-    /**
-     * Optional icon to display with the command
-     */
-    icon?: React.ReactNode;
-    /**
-     * Optional keyboard shortcut for the command (e.g., "⌘K", "Ctrl+P")
-     */
-    shortcut?: string;
-    /**
-     * Function to execute when the command is selected
-     */
-    onSelect: () => void;
-    /**
-     * Optional keywords for improved search
-     */
-    keywords?: string[];
-    /**
-     * Optional disabled state
-     */
-    disabled?: boolean;
-}
-export interface CommandGroup {
-    /**
-     * Unique identifier for the group
-     */
-    id: string;
-    /**
-     * Display name for the group
-     */
-    name: string;
-    /**
-     * Commands in this group
-     */
-    commands: CommandItem[];
-}
-export interface CommandStyles {
-    /**
-     * Styles for the command dialog container
-     */
-    container?: ViewProps;
-    /**
-     * Styles for the search input
-     */
-    searchInput?: {
-        container?: ViewProps;
-        input?: ViewProps;
-    };
-    /**
-     * Styles for the command list container
-     */
-    list?: ViewProps;
-    /**
-     * Styles for the command group heading
-     */
-    groupHeading?: {
-        container?: ViewProps;
-        heading?: ViewProps;
-    };
-    /**
-     * Styles for each command item
-     */
-    item?: ViewProps;
-    /**
-     * Styles for the selected command item
-     */
-    selectedItem?: ViewProps;
-    /**
-     * Styles for the command item icon
-     */
-    icon?: ViewProps;
-    /**
-     * Styles for the command item content (name and description)
-     */
-    content?: ViewProps;
-    /**
-     * Styles for the command item name
-     */
-    name?: ViewProps;
-    /**
-     * Styles for the command item description
-     */
-    description?: ViewProps;
-    /**
-     * Styles for the command item shortcut
-     */
-    shortcut?: ViewProps;
-    /**
-     * Styles for the empty state
-     */
-    empty?: {
-        container?: ViewProps;
-    };
-    /**
-     * Styles for the footer
-     */
-    footer?: ViewProps;
-}

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

@@ -1,31 +0,0 @@
-import React from 'react';
-import { CommandProps, CommandInputProps, CommandListProps, CommandGroupProps, CommandItemProps, CommandEmptyProps } from './Command.props';
-import { CommandItem as CommandItemInterface } from './Command.type';
-interface CommandContextType {
-    search: string;
-    setSearch: (value: string) => void;
-    selectedIndex: number;
-    setSelectedIndex: (index: number) => void;
-    filteredCommands: CommandItemInterface[];
-    onSelect: (item: CommandItemInterface) => void;
-}
-export declare const useCommandContext: () => CommandContextType;
-export declare const CommandProvider: React.FC<{
-    value: CommandContextType;
-    children: React.ReactNode;
-}>;
-export declare const CommandInput: React.FC<CommandInputProps>;
-export declare const CommandList: React.FC<CommandListProps>;
-export declare const CommandGroup: React.FC<CommandGroupProps>;
-export declare const CommandItem: React.FC<CommandItemProps>;
-export declare const CommandEmpty: React.FC<CommandEmptyProps>;
-export declare const CommandView: React.FC<CommandProps & {
-    search: string;
-    setSearch: (value: string) => void;
-    selectedIndex: number;
-    setSelectedIndex: (index: number) => void;
-    filteredCommands: CommandItemInterface[];
-    filteredGroups: any[];
-    listRef: React.RefObject<HTMLDivElement>;
-}>;
-export {};

package/dist/components/Command/Command.d.ts

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

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

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

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

@@ -1,163 +0,0 @@
-import React from 'react';
-import { ViewProps } from 'app-studio';
-import { ButtonProps } from '../../Button/Button/Button.props';
-import { ContextMenuItem, ContextMenuStyles, Size, Variant, Position, Alignment } from './ContextMenu.type';
-export interface ContextMenuProps {
-    /**
-     * The content that will trigger the context menu on right-click
-     */
-    children: React.ReactNode;
-    /**
-     * The items to display in the context menu (for data-driven approach)
-     */
-    items?: ContextMenuItem[];
-    /**
-     * The size of the context menu items
-     */
-    size?: Size;
-    /**
-     * The visual style variant of the context menu
-     */
-    variant?: Variant;
-    /**
-     * Whether to disable the default browser context menu
-     */
-    disableNativeContextMenu?: boolean;
-    /**
-     * Callback fired when the menu open state changes
-     */
-    onOpenChange?: (isOpen: boolean) => void;
-    /**
-     * Custom styles for different parts of the context menu
-     */
-    views?: ContextMenuStyles;
-    /**
-     * Additional props to be spread to the container element
-     */
-    [key: string]: any;
-}
-export interface ContextMenuTriggerProps {
-    /**
-     * The content that will trigger the context menu on right-click
-     */
-    children: React.ReactNode;
-    /**
-     * Whether to disable the default browser context menu
-     */
-    disableNativeContextMenu?: boolean;
-    /**
-     * If true, merges props onto the immediate child
-     */
-    asChild?: boolean;
-    /**
-     * Disables the trigger
-     */
-    isDisabled?: boolean;
-    /**
-     * Custom styles for the trigger container
-     */
-    views?: {
-        container?: ViewProps;
-    };
-}
-export interface ContextMenuContentProps extends Omit<ViewProps, 'position'> {
-    /**
-     * The items to display in the context menu (for data-driven approach)
-     */
-    items?: ContextMenuItem[];
-    /**
-     * The content of the menu (for compound component pattern)
-     */
-    children?: React.ReactNode;
-    /**
-     * The position of the context menu
-     */
-    position?: {
-        x: number;
-        y: number;
-    };
-    /**
-     * The preferred side to display the context menu
-     */
-    side?: Position;
-    /**
-     * The alignment of the context menu
-     */
-    align?: Alignment;
-    /**
-     * Custom styles for the context menu
-     */
-    views?: {
-        menu?: ViewProps;
-        content?: ViewProps;
-        item?: ViewProps;
-        divider?: ViewProps;
-        separator?: ViewProps;
-        icon?: ViewProps;
-        submenuIndicator?: ViewProps;
-    };
-}
-export interface ContextMenuItemProps extends Omit<ButtonProps, 'onPress' | 'onClick'> {
-    /**
-     * The item data (for data-driven approach)
-     */
-    item?: ContextMenuItem;
-    /**
-     * The content of the menu item (for compound component pattern)
-     */
-    children?: React.ReactNode;
-    /**
-     * Callback fired when the item is selected (clicked)
-     */
-    onSelect?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Disables interaction with the item
-     */
-    isDisabled?: boolean;
-    /**
-     * Custom styles for the item
-     */
-    views?: {
-        item?: ViewProps;
-        icon?: ViewProps;
-        submenuIndicator?: ViewProps;
-    };
-}
-export interface ContextMenuDividerProps {
-    /**
-     * Custom styles for the divider
-     */
-    views?: {
-        divider?: ViewProps;
-    };
-}
-export interface ContextMenuSeparatorProps extends ViewProps {
-    /**
-     * Custom styling for the separator
-     */
-    views?: {
-        separator?: ViewProps;
-    };
-}
-export interface ContextMenuType extends React.FC<ContextMenuProps> {
-    /**
-     * The trigger component for the context menu
-     */
-    Trigger: React.FC<ContextMenuTriggerProps>;
-    /**
-     * The content component for the context menu
-     */
-    Content: React.FC<ContextMenuContentProps>;
-    /**
-     * The item component for the context menu
-     */
-    Item: React.FC<ContextMenuItemProps>;
-    /**
-     * The divider component for the context menu
-     */
-    Divider: React.FC<ContextMenuDividerProps>;
-    /**
-     * The separator component for the context menu (alias for Divider)
-     */
-    Separator: React.FC<ContextMenuSeparatorProps>;
-}

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

@@ -1,26 +0,0 @@
-import React from 'react';
-export declare const useContextMenuState: (props?: {
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "default" | "filled" | "outline" | undefined;
-    onOpenChange?: ((isOpen: boolean) => void) | undefined;
-} | undefined) => {
-    isOpen: boolean;
-    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    position: {
-        x: number;
-        y: number;
-    };
-    setPosition: React.Dispatch<React.SetStateAction<{
-        x: number;
-        y: number;
-    }>>;
-    activeSubmenuId: string | null;
-    setActiveSubmenuId: React.Dispatch<React.SetStateAction<string | null>>;
-    size: "sm" | "md" | "lg" | undefined;
-    variant: "default" | "filled" | "outline" | undefined;
-    triggerRef: React.RefObject<HTMLElement>;
-    contentRef: React.RefObject<HTMLDivElement>;
-    contentId: string;
-    openMenu: (event: React.MouseEvent) => void;
-    closeMenu: () => void;
-};

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

@@ -1,16 +0,0 @@
-import { ViewProps } from 'app-studio';
-import { Size, Variant } from './ContextMenu.type';
-export declare const ContextMenuSizes: Record<Size, ViewProps>;
-export declare const ContextMenuVariants: Record<Variant, ViewProps>;
-export declare const ContextMenuItemStates: {
-    hover: {
-        backgroundColor: string;
-    };
-    active: {
-        backgroundColor: string;
-    };
-    disabled: {
-        opacity: number;
-        cursor: string;
-    };
-};

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

@@ -1,52 +0,0 @@
-import { ViewProps } from 'app-studio';
-import { ButtonProps } from '../../Button/Button/Button.props';
-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 ContextMenuItem {
-    id: string;
-    label: string;
-    icon?: React.ReactNode;
-    onClick?: () => void;
-    disabled?: boolean;
-    items?: ContextMenuItem[];
-    divider?: boolean;
-}
-export interface ContextMenuContextType {
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    position: {
-        x: number;
-        y: number;
-    };
-    setPosition: (position: {
-        x: number;
-        y: number;
-    }) => void;
-    activeSubmenuId: string | null;
-    setActiveSubmenuId: (id: string | null) => void;
-    size: Size;
-    variant: Variant;
-    triggerRef?: React.RefObject<HTMLElement>;
-    contentRef?: React.RefObject<HTMLDivElement>;
-    contentId?: string;
-    closeMenu?: () => void;
-    openMenu?: (event: React.MouseEvent) => void;
-    styles?: ContextMenuStyles;
-}
-export interface ContextMenuStyles {
-    container?: ViewProps;
-    menu?: ViewProps;
-    content?: ViewProps;
-    item?: ButtonProps & {
-        _disabled?: ButtonProps;
-    };
-    activeItem?: ViewProps;
-    divider?: ViewProps;
-    separator?: ViewProps;
-    icon?: ViewProps;
-    submenuIndicator?: ViewProps;
-    submenu?: ViewProps;
-}

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

@@ -1,22 +0,0 @@
-import React from 'react';
-import { ViewProps } from 'app-studio';
-import { ContextMenuContextType, Size, Variant, ContextMenuItem as ContextMenuItemType } from './ContextMenu.type';
-import { ContextMenuTriggerProps, ContextMenuContentProps, ContextMenuItemProps, ContextMenuDividerProps, ContextMenuSeparatorProps } from './ContextMenu.props';
-export declare const ContextMenuProvider: React.FC<{
-    children: React.ReactNode;
-    value: ContextMenuContextType;
-}>;
-export declare const useContextMenuContext: () => ContextMenuContextType;
-export declare const ContextMenuTrigger: React.FC<ContextMenuTriggerProps>;
-export declare const ContextMenuContent: React.FC<ContextMenuContentProps>;
-export declare const ContextMenuItem: React.FC<ContextMenuItemProps>;
-export declare const ContextMenuDivider: React.FC<ContextMenuDividerProps>;
-export declare const ContextMenuSeparator: React.FC<ContextMenuSeparatorProps>;
-export declare const ContextMenuView: React.FC<{
-    children: React.ReactNode;
-    items?: ContextMenuItemType[];
-    size?: Size;
-    variant?: Variant;
-    disableNativeContextMenu?: boolean;
-    views?: any;
-} & ViewProps>;

package/dist/components/ContextMenu/ContextMenu.d.ts

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

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

@@ -1,57 +0,0 @@
-/// <reference types="react" />
-import { ViewProps } from 'app-studio';
-import { CookieConsentPosition, CookieConsentStyles, CookieConsentVariant } from './CookieConsent.type';
-/**
- * Props for the CookieConsent component
- */
-export interface CookieConsentProps extends Omit<ViewProps, 'position'> {
-    /**
-     * Title of the cookie consent banner
-     */
-    title?: string;
-    /**
-     * Description text explaining cookie usage
-     */
-    description?: string | React.ReactNode;
-    /**
-     * Text for the accept button
-     */
-    acceptButtonText?: string;
-    /**
-     * Text for the customize button
-     */
-    customizeButtonText?: string;
-    /**
-     * Position of the banner on the screen
-     */
-    position?: CookieConsentPosition;
-    /**
-     * Visual variant of the banner
-     */
-    variant?: CookieConsentVariant;
-    /**
-     * Function called when user accepts cookies
-     */
-    onAccept?: () => void;
-    /**
-     * Function called when user wants to customize cookie preferences
-     */
-    onCustomize?: () => void;
-    /**
-     * Custom styles for the component
-     */
-    views?: CookieConsentStyles;
-    /**
-     * Whether to show the customize button
-     */
-    showCustomizeButton?: boolean;
-    /**
-     * Cookie expiration in days
-     */
-    cookieExpiration?: number;
-    /**
-     * Optional theme mode override ('light' or 'dark')
-     * If not provided, the component will use the theme mode from context
-     */
-    themeMode?: 'light' | 'dark';
-}

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-/**
- * Custom hook to manage cookie consent state
- * @param cookieExpiration Number of days until the cookie expires
- * @returns State and functions for managing cookie consent
- */
-export declare const useCookieConsentState: (cookieExpiration?: number) => {
-    isHovered: boolean;
-    setIsHovered: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    hasConsent: boolean | null;
-    acceptCookies: () => void;
-    resetConsent: () => void;
-};

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

@@ -1,68 +0,0 @@
-/**
- * Get theme-based styles for the CookieConsent component
- */
-export declare const getThemes: (themeMode: 'light' | 'dark') => {
-    default: {
-        container: {
-            backgroundColor: string;
-            borderColor: string;
-            boxShadow: string;
-        };
-        content: {
-            color: string;
-        };
-        acceptButton: {
-            backgroundColor: string;
-            color: string;
-            hoverBackgroundColor: string;
-        };
-        customizeButton: {
-            backgroundColor: string;
-            color: string;
-            borderColor: string;
-            hoverBackgroundColor: string;
-        };
-    };
-    info: {
-        container: {
-            backgroundColor: string;
-            borderColor: string;
-            boxShadow: string;
-        };
-        content: {
-            color: string;
-        };
-        acceptButton: {
-            backgroundColor: string;
-            color: string;
-            hoverBackgroundColor: string;
-        };
-        customizeButton: {
-            backgroundColor: string;
-            color: string;
-            borderColor: string;
-            hoverBackgroundColor: string;
-        };
-    };
-    primary: {
-        container: {
-            backgroundColor: string;
-            borderColor: string;
-            boxShadow: string;
-        };
-        content: {
-            color: string;
-        };
-        acceptButton: {
-            backgroundColor: string;
-            color: string;
-            hoverBackgroundColor: string;
-        };
-        customizeButton: {
-            backgroundColor: string;
-            color: string;
-            borderColor: string;
-            hoverBackgroundColor: string;
-        };
-    };
-};

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

@@ -1,13 +0,0 @@
-/**
- * CookieConsent component types
- */
-export declare type CookieConsentPosition = 'bottom' | 'top';
-export declare type CookieConsentVariant = 'default' | 'info' | 'primary';
-export declare type CookieConsentStyles = {
-    container?: any;
-    title?: any;
-    description?: any;
-    buttonGroup?: any;
-    acceptButton?: any;
-    customizeButton?: any;
-};

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { CookieConsentProps } from './CookieConsent.props';
-/**
- * CookieConsent View Component
- *
- * Renders a cookie consent banner with customizable styling, position, and content.
- */
-export declare const CookieConsentView: React.FC<CookieConsentProps>;

package/dist/components/CookieConsent/CookieConsent.d.ts

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

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

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { ViewProps } from 'app-studio';
-export interface DragAndDropProps {
-    items: any[];
-    onChange?: (items: any[]) => void;
-    renderItem?: (item: any, index: number) => React.ReactNode;
-    containerProps?: ViewProps;
-    itemProps?: ViewProps;
-}
-export interface DragAndDropViewProps extends DragAndDropProps, Omit<ViewProps, 'onChange'> {
-    draggedIndex: number | null;
-    itemRefs: React.MutableRefObject<(HTMLDivElement | null)[]>;
-    renderItem?: (item: any, index: number) => React.ReactNode;
-    handleDragStart: (e: React.MouseEvent | React.TouchEvent, index: number) => void;
-    views?: {
-        container?: ViewProps;
-        item?: ViewProps;
-    };
-}

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { DragAndDropProps } from './DragAndDrop.props';
-export declare const useDragAndDropState: ({ items: initialItems, onChange, }: DragAndDropProps) => {
-    items: any[];
-    draggedItem: any;
-    draggedIndex: number | null;
-    itemRefs: import("react").MutableRefObject<(HTMLDivElement | null)[]>;
-    handleDragStart: (e: React.MouseEvent | React.TouchEvent, index: number) => void;
-};

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

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

package/dist/components/DragAndDrop/DragAndDrop.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { DragAndDropProps } from './DragAndDrop/DragAndDrop.props';
-export declare const DragAndDropComponent: React.FC<DragAndDropProps>;
-export declare const DragAndDrop: React.FC<DragAndDropProps>;