@app-studio/web 0.9.86 → 0.9.89

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

@@ -1,166 +0,0 @@
-import React from 'react';
-import { Elevation } from '../../../utils/elevation';
-import { Shadow, ViewProps } from 'app-studio';
-import { CloseButtonPosition, Position, Shape, Size } from './Modal.type';
-export interface ModalProps extends Omit<ViewProps, 'size'> {
-    /**
-     * The color of the close button in the header.
-     */
-    buttonColor?: string;
-    /**
-     * The size of the close button in the header.
-     */
-    iconSize?: Size;
-    /**
-     * Determines whether the modal should have square or rounded edges.
-     */
-    shape?: Shape;
-    /**
-     * If set to true, the modal will occupy the full width and height of the screen.
-     */
-    isFullScreen?: boolean;
-    /**
-     * Indicates the presence of a close button and its position within the header.
-     */
-    buttonPosition?: CloseButtonPosition;
-    /**
-     * The callback function to be executed when the close button is clicked or pressed.
-     */
-    onClose?: () => void;
-    /**
-     * The degree of blurriness applied to the overlay.
-     */
-    blur?: number;
-    /**
-     * If set to true, the modal will be visible.
-     */
-    isOpen?: boolean;
-    /**
-     * If set to true, the modal will remain open when the overlay is clicked.
-     */
-    isClosePrevented?: boolean;
-    /**
-     * The positioning of the modal container.
-     */
-    position?: Position;
-    /**
-     * Applies a shadow effect to the button.
-     */
-    shadow?: Shadow | Elevation | ViewProps;
-}
-export interface ModalType extends React.FunctionComponent<ModalProps> {
-    /**
-     * The overlay component of the modal.
-     */
-    Overlay: React.FC<OverlayProps>;
-    /**
-     * The container component of the modal.
-     */
-    Container: React.FC<ContainerProps>;
-    /**
-     * The header component of the modal.
-     */
-    Header: React.FC<HeaderProps>;
-    /**
-     * The body component of the modal.
-     */
-    Body: React.FC<BodyProps>;
-    /**
-     * The footer component of the modal.
-     */
-    Footer: React.FC<FooterProps>;
-    /**
-     * The header component of the modal.
-     */
-    Layout: React.FC<ModalLayoutProps>;
-}
-export interface OverlayProps extends Omit<ViewProps, 'position' | 'isOpen'> {
-    /**
-     * The content of the Overlay
-     */
-    children?: React.ReactNode;
-    /**
-     * The value of how much to blur the overlay
-     */
-    blur?: number;
-    /**
-     * If true, the modal will be visible
-     */
-    isOpen: boolean;
-    /**
-     * If true, the modal will not closed when the overlay is clicked
-     */
-    isClosePrevented?: boolean;
-    /**
-     * To position the modal container
-     */
-    position?: Position;
-    /**
-     * Action to be handled when the button close is clicked or pressed
-     */
-    onClose: () => void;
-}
-export interface HeaderProps extends Omit<ViewProps, 'size'> {
-    views?: {
-        container?: ViewProps;
-        header?: ViewProps;
-    };
-    /**
-     * The content of the header
-     */
-    buttonColor?: string;
-    /**
-     * To set the close button size
-     */
-    iconSize?: Size;
-    /**
-     * The content of the header
-     */
-    children?: React.ReactNode;
-    /**
-     * Indicates if there is a button and where to position it
-     */
-    buttonPosition?: CloseButtonPosition;
-    /**
-     * Action to be handled when the button close is clicked or pressed
-     */
-    onClose?: () => void;
-}
-export interface ModalLayoutProps {
-    modals: {
-        [x: string]: React.FC<any>;
-    };
-    onShow?: (name: string, props?: any) => void;
-    onHide?: (name?: string, props?: any) => void;
-}
-export interface ContainerProps extends Omit<ViewProps, 'size'> {
-    views?: {
-        container?: ViewProps;
-    };
-    /**
-     * The content of the modal container
-     */
-    children: React.ReactNode;
-    /**
-     * To give a square or rounded edges to the modal
-     */
-    shape?: Shape;
-    /**
-     * If true, the modal will take the full width and height
-     */
-    isFullScreen?: boolean;
-    /**
-     * Set a shadow effect on the button.
-     */
-    shadow?: Shadow | Elevation | ViewProps;
-}
-export interface BodyProps extends ViewProps {
-    views?: {
-        view?: ViewProps;
-    };
-}
-export interface FooterProps extends ViewProps {
-    views?: {
-        container?: ViewProps;
-    };
-}

package/dist/components/Modal/Modal/Modal.store.d.ts

@@ -1,19 +0,0 @@
-export interface ModalItem {
-    name: string;
-    props: any & {
-        isVisible: boolean;
-    };
-    overlayProps: any;
-}
-export interface ModalState {
-    modals: ModalItem[];
-    show: (name: string, modalProps?: any, overlayProps?: any) => void;
-    hide: (name?: string) => void;
-    onShow: (name: string, props?: any) => void;
-    onHide: (name?: string) => void;
-    setOnShow: (onShow: (name: string, props?: any) => void) => void;
-    setOnHide: (onHide: (name?: string) => void) => void;
-}
-export declare const useModalStore: any;
-export declare const showModal: (name: string, modalProps?: any, overlayProps?: any) => void;
-export declare const hideModal: (name?: string | undefined) => void;

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

@@ -1,67 +0,0 @@
-/**
- * Modal Styles
- *
- * Defines the styles for the Modal 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 } from './Modal.type';
-/**
- * Container shape configurations for the Modal component
- * Following the 4px grid system
- */
-export declare const ContainerShapes: Record<Shape, ViewProps>;
-/**
- * Overlay alignment configurations for the Modal component
- */
-export declare const OverlayAlignments: Record<string, ViewProps>;
-/**
- * Header icon size configurations for the Modal component
- * Following the 4px grid system
- */
-export declare const HeaderIconSizes: Record<Size, number>;
-/**
- * Animation configurations for the Modal component
- * Subtle and smooth, matching shadcn/ui patterns
- */
-export declare const ModalAnimations: {
-    enter: {
-        opacity: number[];
-        transform: string[];
-        transition: string;
-    };
-    exit: {
-        opacity: number[];
-        transform: string[];
-        transition: string;
-    };
-};
-/**
- * Overlay styles for the Modal component
- */
-export declare const OverlayStyles: ViewProps;
-/**
- * Container base styles for the Modal component
- */
-export declare const ContainerBaseStyles: ViewProps;
-/**
- * Typography configurations for the Modal component
- */
-export declare const ModalTypography: {
-    title: {
-        fontSize: string;
-        fontWeight: string;
-        lineHeight: string;
-        color: string;
-    };
-    body: {
-        fontSize: string;
-        fontWeight: string;
-        lineHeight: string;
-        color: string;
-    };
-};

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

@@ -1,27 +0,0 @@
-/**
- * Modal View Component
- *
- * Renders a modal dialog with various styles and states
- * according to the design guidelines.
- */
-import React from 'react';
-import { ViewProps } from 'app-studio';
-import { BodyProps, ContainerProps, FooterProps, HeaderProps } from '../Modal/Modal.props';
-import { Position } from './Modal.type';
-export interface OverlayProps {
-    views?: {
-        container?: ViewProps;
-        view?: ViewProps;
-    };
-    blur?: number;
-    isOpen?: boolean;
-    isClosePrevented?: boolean;
-    onClose?: () => void;
-    position?: Position;
-    children?: React.ReactNode;
-}
-export declare const ModalOverlay: React.FC<OverlayProps & any>;
-export declare const ModalContainer: React.FC<ContainerProps>;
-export declare const ModalHeader: React.FC<HeaderProps>;
-export declare const ModalBody: React.FC<BodyProps>;
-export declare const ModalFooter: React.FC<FooterProps>;

package/dist/components/Modal/Modal.d.ts

@@ -1,6 +0,0 @@
-import { ModalType } from './Modal/Modal.props';
-/**
- * It is a custom content overlay that appears on top of the main screen.
- */
-export declare const Modal: ModalType;
-export * from './Modal/Modal.store';

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

@@ -1,164 +0,0 @@
-import React from 'react';
-import { ViewProps } from 'app-studio';
-import { LinkProps } from '../../Link/Link/Link.props';
-import { NavigationItem, NavigationMenuStyles, Orientation, Size, Variant } from './NavigationMenu.type';
-export interface NavigationMenuProps {
-    /**
-     * The items to display in the navigation menu (for data-driven approach)
-     */
-    items?: NavigationItem[];
-    /**
-     * The content of the navigation menu (for compound component pattern)
-     */
-    children?: React.ReactNode;
-    /**
-     * The orientation of the navigation menu
-     */
-    orientation?: Orientation;
-    /**
-     * The size of the navigation menu items
-     */
-    size?: Size;
-    /**
-     * The visual style variant of the navigation menu
-     */
-    variant?: Variant;
-    /**
-     * The ID of the initially active item
-     */
-    defaultActiveItemId?: string;
-    /**
-     * The IDs of the initially expanded items (for items with sub-items)
-     */
-    defaultExpandedItemIds?: string[];
-    /**
-     * Callback when an item is activated
-     */
-    onItemActivate?: (itemId: string) => void;
-    /**
-     * Custom styles for different parts of the navigation menu
-     */
-    views?: NavigationMenuStyles;
-    /**
-     * Additional props to be spread to the container element
-     */
-    [key: string]: any;
-}
-export interface NavigationMenuListProps {
-    /**
-     * The content of the navigation menu list
-     */
-    children: React.ReactNode;
-    /**
-     * Custom styles for the list
-     */
-    views?: {
-        container?: ViewProps;
-    };
-}
-export interface NavigationMenuItemProps {
-    /**
-     * The navigation item data
-     */
-    item?: NavigationItem;
-    /**
-     * The unique value for the item (used for compound component pattern)
-     */
-    value?: string;
-    /**
-     * Whether the item is disabled
-     */
-    isDisabled?: boolean;
-    /**
-     * The content of the item (used for compound component pattern)
-     */
-    children?: React.ReactNode;
-    /**
-     * Custom styles for the item
-     */
-    views?: {
-        item?: ViewProps;
-        trigger?: ViewProps;
-        content?: ViewProps;
-        icon?: ViewProps;
-        indicator?: ViewProps;
-    };
-}
-export interface NavigationMenuTriggerProps {
-    /**
-     * The content of the navigation menu trigger
-     */
-    children: React.ReactNode | React.ReactElement;
-    /**
-     * The ID of the item this trigger belongs to
-     */
-    itemId: string;
-    /**
-     * Whether the item is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Custom styles for the trigger
-     */
-    views?: {
-        container?: ViewProps;
-        icon?: ViewProps;
-        trigger?: ViewProps;
-        indicator?: ViewProps;
-    };
-}
-export interface NavigationMenuContentProps {
-    /**
-     * The content to be displayed
-     */
-    children: React.ReactNode;
-    /**
-     * The ID of the item this content belongs to
-     */
-    itemId: string;
-    /**
-     * Custom styles for the content
-     */
-    views?: {
-        container?: ViewProps;
-    };
-}
-export interface NavigationMenuLinkProps extends Omit<LinkProps, 'to'> {
-    /**
-     * The URL the link points to
-     */
-    href?: string;
-    /**
-     * The content of the link
-     */
-    children: React.ReactNode;
-    /**
-     * Custom styles for the link
-     */
-    views?: {
-        container?: ViewProps;
-        icon?: ViewProps;
-    };
-}
-export interface NavigationMenuType extends React.FC<NavigationMenuProps> {
-    /**
-     * The list component for the navigation menu
-     */
-    List: React.FC<NavigationMenuListProps>;
-    /**
-     * The item component for the navigation menu
-     */
-    Item: React.FC<NavigationMenuItemProps>;
-    /**
-     * The trigger component for navigation menu items with sub-items
-     */
-    Trigger: React.FC<NavigationMenuTriggerProps>;
-    /**
-     * The content component for navigation menu items with sub-items
-     */
-    Content: React.FC<NavigationMenuContentProps>;
-    /**
-     * The link component for navigation menu items
-     */
-    Link: React.FC<NavigationMenuLinkProps>;
-}

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export declare const useNavigationMenuState: (defaultActiveItemId?: string | null, defaultExpandedItemIds?: string[]) => {
-    activeItemId: string | null;
-    setActiveItemId: import("react").Dispatch<import("react").SetStateAction<string | null>>;
-    expandedItemIds: string[];
-    toggleExpandedItem: (itemId: string) => void;
-    isItemExpanded: (itemId: string) => boolean;
-    triggerRefs: import("react").MutableRefObject<Record<string, HTMLDivElement>>;
-};

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

@@ -1,59 +0,0 @@
-/**
- * NavigationMenu Styles
- *
- * Defines the styles for the NavigationMenu 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 { Orientation, Size, Variant } from './NavigationMenu.type';
-/**
- * Size configurations for the NavigationMenu component
- * Following the 4px grid system
- */
-export declare const NavigationMenuSizes: Record<Size, ViewProps>;
-/**
- * Variant styles for the NavigationMenu component
- */
-export declare const NavigationMenuVariants: Record<Variant, ViewProps>;
-/**
- * Orientation styles for the NavigationMenu component
- */
-export declare const NavigationMenuOrientations: Record<Orientation, ViewProps>;
-/**
- * State styles for the NavigationMenu items
- */
-export declare const NavigationMenuItemStates: {
-    active: {
-        backgroundColor: string;
-        color: string;
-        fontWeight: string;
-        borderLeftWidth: number;
-        borderLeftStyle: "solid";
-        borderLeftColor: string;
-    };
-    hover: {
-        backgroundColor: string;
-        transition: string;
-    };
-    disabled: {
-        opacity: number;
-        cursor: string;
-    };
-};
-/**
- * Icon styles for the NavigationMenu component
- */
-export declare const NavigationMenuIconStyles: {
-    default: {
-        color: string;
-        transition: string;
-    };
-    active: {
-        color: string;
-        transition: string;
-    };
-};

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

@@ -1,35 +0,0 @@
-import { ViewProps } from 'app-studio';
-import React from 'react';
-export declare type Orientation = 'horizontal' | 'vertical';
-export declare type Size = 'sm' | 'md' | 'lg';
-export declare type Variant = 'default' | 'filled' | 'outline';
-export interface NavigationItem {
-    id: string;
-    label: string;
-    icon?: React.ReactNode;
-    href?: string;
-    items?: NavigationItem[];
-    disabled?: boolean;
-}
-export interface NavigationMenuContextType {
-    activeItemId: string | null;
-    setActiveItemId: (id: string | null) => void;
-    expandedItemIds: string[];
-    toggleExpandedItem: (id: string) => void;
-    isItemExpanded: (id: string) => boolean;
-    onItemActivate?: (itemId: string) => void;
-    orientation: Orientation;
-    size: Size;
-    variant: Variant;
-    triggerRefs: React.MutableRefObject<Record<string, HTMLDivElement>>;
-}
-export interface NavigationMenuStyles {
-    container?: ViewProps;
-    list?: ViewProps;
-    item?: ViewProps;
-    activeItem?: ViewProps;
-    content?: ViewProps;
-    trigger?: ViewProps;
-    icon?: ViewProps;
-    indicator?: ViewProps;
-}

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

@@ -1,26 +0,0 @@
-import React from 'react';
-import { ViewProps } from 'app-studio';
-import { NavigationMenuContextType, NavigationItem, Orientation, Size, Variant } from './NavigationMenu.type';
-import { NavigationMenuItemProps, NavigationMenuListProps, NavigationMenuTriggerProps, NavigationMenuContentProps } from './NavigationMenu.props';
-export declare const NavigationMenuProvider: React.FC<{
-    children: React.ReactNode;
-    value: NavigationMenuContextType;
-}>;
-export declare const useNavigationMenuContext: () => NavigationMenuContextType;
-export declare const NavigationMenuList: React.FC<NavigationMenuListProps>;
-export declare const useNavigationMenuItemContext: () => {
-    itemValue: string | null;
-    isDisabled: boolean;
-};
-export declare const NavigationMenuItem: React.FC<NavigationMenuItemProps>;
-export declare const NavigationMenuTrigger: React.FC<NavigationMenuTriggerProps>;
-export declare const NavigationMenuContent: React.FC<NavigationMenuContentProps>;
-import { NavigationMenuLinkProps } from './NavigationMenu.props';
-export declare const NavigationMenuLink: React.FC<NavigationMenuLinkProps>;
-export declare const NavigationMenuView: React.FC<{
-    items?: NavigationItem[];
-    orientation: Orientation;
-    size: Size;
-    variant: Variant;
-    views?: any;
-} & ViewProps>;

package/dist/components/NavigationMenu/NavigationMenu.d.ts

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