@app-studio/components 0.10.17

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

@@ -0,0 +1,16 @@
+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/native/components/ContextMenu/ContextMenu/ContextMenu.style.js

@@ -0,0 +1,50 @@
+// Defines a map of predefined size configurations for the ContextMenu, associating each size variant (e.g., 'sm', 'md', 'lg') with specific padding, font size, and minimum width styles.
+export const ContextMenuSizes = {
+    sm: {
+        padding: '6px 8px',
+        fontSize: '14px',
+        minWidth: '160px',
+    },
+    md: {
+        padding: '8px 12px',
+        fontSize: '16px',
+        minWidth: '180px',
+    },
+    lg: {
+        padding: '10px 16px',
+        fontSize: '18px',
+        minWidth: '200px',
+    },
+};
+// Specifies various visual style variants for the ContextMenu, such as 'default', 'filled', and 'outline', each with distinct background, border, and text color properties.
+export const ContextMenuVariants = {
+    default: {
+        backgroundColor: 'color-white',
+        color: 'color-gray-800',
+    },
+    filled: {
+        backgroundColor: 'color-gray-100',
+        color: 'color-gray-800',
+    },
+    outline: {
+        backgroundColor: 'color-white',
+        borderWidth: '1px',
+        borderStyle: 'solid',
+        borderColor: 'color-gray-200',
+        color: 'color-gray-800',
+    },
+};
+// Defines the styling for different interactive states of ContextMenu items, including hover, active, and disabled states, specifying their respective background colors, opacity, and cursor behaviors.
+export const ContextMenuItemStates = {
+    hover: {
+        backgroundColor: 'color-gray-100',
+    },
+    active: {
+        backgroundColor: 'color-gray-200',
+    },
+    disabled: {
+        opacity: 0.5,
+        cursor: 'not-allowed',
+    },
+};
+//# sourceMappingURL=ContextMenu.style.js.map

package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.style.js","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/ContextMenu/ContextMenu.style.ts"],"names":[],"mappings":"AAEA,0LAA0L;AAC1L,MAAM,CAAC,MAAM,gBAAgB,GAA4B;IACvD,EAAE,EAAE;QACF,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,OAAO;KAClB;IACD,EAAE,EAAE;QACF,OAAO,EAAE,UAAU;QACnB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,OAAO;KAClB;IACD,EAAE,EAAE;QACF,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,OAAO;KAClB;CACF,CAAC;AACF,6KAA6K;AAC7K,MAAM,CAAC,MAAM,mBAAmB,GAA+B;IAC7D,OAAO,EAAE;QACP,eAAe,EAAE,aAAa;QAC9B,KAAK,EAAE,gBAAgB;KACxB;IACD,MAAM,EAAE;QACN,eAAe,EAAE,gBAAgB;QACjC,KAAK,EAAE,gBAAgB;KACxB;IACD,OAAO,EAAE;QACP,eAAe,EAAE,aAAa;QAC9B,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,gBAAgB;QAC7B,KAAK,EAAE,gBAAgB;KACxB;CACF,CAAC;AACF,yMAAyM;AACzM,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,KAAK,EAAE;QACL,eAAe,EAAE,gBAAgB;KAClC;IACD,MAAM,EAAE;QACN,eAAe,EAAE,gBAAgB;KAClC;IACD,QAAQ,EAAE;QACR,OAAO,EAAE,GAAG;QACZ,MAAM,EAAE,aAAa;KACtB;CACF,CAAC"}

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

@@ -0,0 +1,52 @@
+import { ViewProps } from 'app-studio';
+import { ButtonProps } from '../../Button/Button/Button.props';
+import React from 'react';
+export type Size = 'sm' | 'md' | 'lg';
+export type Variant = 'default' | 'filled' | 'outline';
+export type Position = 'top' | 'right' | 'bottom' | 'left';
+export 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 | null>;
+    contentRef?: React.RefObject<HTMLDivElement | null>;
+    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/native/components/ContextMenu/ContextMenu/ContextMenu.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ContextMenu.type.js.map

package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.type.js","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/ContextMenu/ContextMenu.type.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,23 @@
+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;
+    onOpenChange?: (isOpen: boolean) => void;
+} & ViewProps>;

package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.view.js

@@ -0,0 +1,221 @@
+import React, { createContext, useContext, useRef, useEffect, useState, } from 'react';
+import { View, useElementPosition } from 'app-studio';
+import { ContextMenuSizes, ContextMenuVariants, ContextMenuItemStates, } from './ContextMenu.style';
+import { ChevronIcon } from '../../Icon/Icon';
+// Initializes the React Context for the Context Menu, providing default values for its state and functions. This context enables descendant components to access and update the menu's open/close state, position, active submenu, and other shared properties.
+const ContextMenuContext = createContext({
+    isOpen: false,
+    setIsOpen: () => { },
+    position: { x: 0, y: 0 },
+    setPosition: () => { },
+    activeSubmenuId: null,
+    setActiveSubmenuId: () => { },
+    size: 'md',
+    variant: 'default',
+    triggerRef: { current: null },
+    contentRef: { current: null },
+    contentId: 'contextmenu-content',
+    closeMenu: () => { },
+    openMenu: () => { },
+});
+// Provides the ContextMenuContext to its children, making the context's `value` (which contains menu state and actions) available throughout the component tree. This is essential for managing the global state of the context menu.
+export const ContextMenuProvider = ({ children, value }) => {
+    return (<ContextMenuContext.Provider value={value}>
+      {children}
+    </ContextMenuContext.Provider>);
+};
+export const useContextMenuContext = () => {
+    const context = useContext(ContextMenuContext);
+    if (!context) {
+        throw new Error('useContextMenuContext must be used within a ContextMenuProvider');
+    }
+    return context;
+};
+export const ContextMenuTrigger = ({ children, disableNativeContextMenu = true, asChild = false, isDisabled = false, views, ...props }) => {
+    const { triggerRef, contentId, openMenu } = useContextMenuContext();
+    const handleContextMenu = (e) => {
+        if (isDisabled)
+            return;
+        if (disableNativeContextMenu) {
+            e.preventDefault();
+        }
+        if (openMenu) {
+            openMenu(e);
+        }
+        else {
+            const { setIsOpen, setPosition } = useContextMenuContext();
+            setPosition({ x: e.clientX, y: e.clientY });
+            setIsOpen(true);
+        }
+    };
+    const triggerProps = {
+        ref: triggerRef,
+        onContextMenu: handleContextMenu,
+        'aria-controls': contentId,
+        'aria-haspopup': 'menu',
+        'data-disabled': isDisabled ? '' : undefined,
+        ...(asChild &&
+            React.isValidElement(children) &&
+            children.props.isDisabled === undefined && { isDisabled }),
+        ...views?.container,
+        ...props,
+    };
+    if (asChild && React.isValidElement(children)) {
+        const child = React.Children.only(children);
+        return React.cloneElement(child, { ...triggerProps, ...child.props });
+    }
+    return <View {...triggerProps}>{children}</View>;
+};
+export const ContextMenuContent = ({ items, children, position, side = 'right', align = 'start', views, style, ...props }) => {
+    const { isOpen, position: contextPosition, contentRef, contentId, variant, } = useContextMenuContext();
+    const menuRef = useRef(null);
+    const ref = contentRef || menuRef;
+    const { ref: positionRef, relation } = useElementPosition({});
+    const [menuPosition, setMenuPosition] = useState({ x: 0, y: 0 });
+    useEffect(() => {
+        if (isOpen && ref.current) {
+            const pos = position || contextPosition;
+            const menuWidth = ref.current.offsetWidth;
+            const menuHeight = ref.current.offsetHeight;
+            const viewportWidth = window.innerWidth;
+            const viewportHeight = window.innerHeight;
+            let finalX = pos.x;
+            let finalY = pos.y;
+            if (relation) {
+                if (relation.space.horizontal === 'left') {
+                    finalX = pos.x - menuWidth;
+                }
+                else {
+                    finalX = pos.x;
+                }
+                if (relation.space.vertical === 'top') {
+                    finalY = pos.y - menuHeight;
+                }
+                else {
+                    finalY = pos.y;
+                }
+            }
+            if (finalX + menuWidth > viewportWidth) {
+                finalX = viewportWidth - menuWidth - 8;
+            }
+            if (finalX < 8) {
+                finalX = 8;
+            }
+            if (finalY + menuHeight > viewportHeight) {
+                finalY = viewportHeight - menuHeight - 8;
+            }
+            if (finalY < 8) {
+                finalY = 8;
+            }
+            setMenuPosition({ x: finalX, y: finalY });
+        }
+    }, [isOpen, contextPosition, position, side, align, ref, relation]);
+    if (!isOpen) {
+        return null;
+    }
+    const positionStyles = {
+        position: 'fixed',
+        top: `${menuPosition.y}px`,
+        left: `${menuPosition.x}px`,
+        zIndex: 1000,
+        transformOrigin: 'top left',
+    };
+    return (<View id={contentId || 'context-menu'} ref={ref} role="menu" tabIndex={-1} borderRadius={4} boxShadow="0px 2px 8px rgba(0, 0, 0, 0.15)" overflow="hidden" style={{ ...positionStyles, ...style }} {...ContextMenuVariants[variant]} {...views?.menu} {...views?.content} {...props}>
+      {items &&
+            items.map((item, index) => {
+                if (item.divider) {
+                    return (<ContextMenuDivider key={`divider-${index}`} views={views}/>);
+                }
+                return <ContextMenuItem key={item.id} item={item} views={views}/>;
+            })}
+      {children}
+    </View>);
+};
+export const ContextMenuItem = ({ item, children, onSelect, isDisabled = false, views, variant, shape, isLoading, loaderProps, loaderPosition, icon, iconPosition, isFilled, isAuto, isIconRounded, isHovered, shadow, ariaLabel, animation, textColor, reversed, borderMovingDuration, borderMovingGradientColors, animatedStrokeAccentColor, animatedStrokeTextColor, to, isExternal, config, ...props }) => {
+    const { activeSubmenuId, setActiveSubmenuId, size, closeMenu } = useContextMenuContext();
+    if (item) {
+        const [isHovered, setIsHovered] = useState(false);
+        const hasSubmenu = item.items && item.items.length > 0;
+        const isSubmenuActive = activeSubmenuId === item.id;
+        const [submenuPosition, setSubmenuPosition] = useState({ x: 0, y: 0 });
+        const disabled = item.disabled || isDisabled;
+        const handleMouseEnter = () => {
+            setIsHovered(true);
+            if (hasSubmenu) {
+                setActiveSubmenuId(item.id);
+            }
+        };
+        const handleMouseLeave = () => {
+            setIsHovered(false);
+        };
+        const handleClick = () => {
+            if (disabled)
+                return;
+            if (!hasSubmenu && item.onClick) {
+                item.onClick();
+                if (closeMenu)
+                    closeMenu();
+            }
+        };
+        const { ref: itemRef, relation: submenuRelation } = useElementPosition({});
+        useEffect(() => {
+            if (isSubmenuActive && itemRef.current) {
+                const rect = itemRef.current.getBoundingClientRect();
+                const viewportWidth = window.innerWidth;
+                const estimatedSubmenuWidth = 200;
+                let useLeftSide = false;
+                if (submenuRelation) {
+                    useLeftSide = submenuRelation.space.horizontal === 'left';
+                }
+                else {
+                    const rightSpace = viewportWidth - rect.right;
+                    const leftSpace = rect.left;
+                    useLeftSide =
+                        rightSpace < estimatedSubmenuWidth && leftSpace > rightSpace;
+                }
+                setSubmenuPosition({
+                    x: useLeftSide ? rect.left - estimatedSubmenuWidth : rect.right,
+                    y: rect.top,
+                });
+            }
+        }, [isSubmenuActive, item.items, submenuRelation]);
+        return (<View ref={itemRef} role="menuitem" display="flex" alignItems="center" cursor={disabled ? 'not-allowed' : 'pointer'} opacity={disabled ? 0.5 : 1} position="relative" aria-disabled={disabled} data-disabled={disabled ? '' : undefined} {...ContextMenuSizes[size]} _hover={!disabled ? ContextMenuItemStates.hover : {}} backgroundColor={isHovered && !disabled ? 'color-gray-100' : 'transparent'} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} onClick={handleClick} {...views?.item} {...props}>
+        {item.icon && (<View marginRight={8} {...views?.icon}>
+            {item.icon}
+          </View>)}
+        <View flexGrow={1}>{item.label}</View>
+        {hasSubmenu && (<View marginLeft={8} {...views?.submenuIndicator}>
+            <ChevronIcon orientation="right" widthHeight={16} color="currentColor" filled={true}/>
+          </View>)}
+        {isSubmenuActive && hasSubmenu && (<ContextMenuContent items={item.items || []} position={submenuPosition} side="right" align="start" views={views}/>)}
+      </View>);
+    }
+    const handleClick = (event) => {
+        if (!isDisabled) {
+            onSelect?.(event);
+            if (closeMenu)
+                closeMenu();
+        }
+    };
+    return (<View role="menuitem" onClick={handleClick} cursor={isDisabled ? 'not-allowed' : 'pointer'} opacity={isDisabled ? 0.5 : 1} aria-disabled={isDisabled} data-disabled={isDisabled ? '' : undefined} {...ContextMenuSizes[size]} _hover={!isDisabled ? ContextMenuItemStates.hover : {}} {...views?.item} {...props}>
+      {children}
+    </View>);
+};
+export const ContextMenuDivider = ({ views, ...props }) => {
+    return (<View height="1px" backgroundColor="color-gray-200" margin="4px 0" role="separator" aria-orientation="horizontal" {...views?.divider} {...props}/>);
+};
+export const ContextMenuSeparator = ({ views, ...props }) => {
+    return (<View height="1px" backgroundColor="color-gray-200" margin="4px 0" role="separator" aria-orientation="horizontal" {...views?.separator} {...props}/>);
+};
+export const ContextMenuView = ({ children, items, size = 'md', variant = 'default', disableNativeContextMenu = true, views, themeMode: elementMode, onOpenChange, ...props }) => {
+    if (!items || items.length === 0) {
+        return <>{children}</>;
+    }
+    return (<>
+      <ContextMenuTrigger disableNativeContextMenu={disableNativeContextMenu} views={views} {...props}>
+        {children}
+      </ContextMenuTrigger>
+      <ContextMenuContent items={items} views={views}/>
+    </>);
+};
+//# sourceMappingURL=ContextMenu.view.js.map

package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.view.js","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/ContextMenu/ContextMenu.view.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+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;
+    onOpenChange?: (isOpen: boolean) => void;
+} & ViewProps>;

package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.view.native.js

@@ -0,0 +1,120 @@
+import React, { createContext, useContext } from 'react';
+import { Modal, ScrollView } from 'react-native';
+import { View, Text } from 'app-studio';
+import { ContextMenuSizes, ContextMenuVariants, } from './ContextMenu.style';
+const ContextMenuContext = createContext({
+    isOpen: false,
+    setIsOpen: () => { },
+    position: { x: 0, y: 0 },
+    setPosition: () => { },
+    activeSubmenuId: null,
+    setActiveSubmenuId: () => { },
+    size: 'md',
+    variant: 'default',
+    triggerRef: { current: null },
+    contentRef: { current: null },
+    contentId: 'contextmenu-content',
+    closeMenu: () => { },
+    openMenu: () => { },
+});
+export const ContextMenuProvider = ({ children, value }) => {
+    return (<ContextMenuContext.Provider value={value}>
+      {children}
+    </ContextMenuContext.Provider>);
+};
+export const useContextMenuContext = () => {
+    const context = useContext(ContextMenuContext);
+    if (!context) {
+        throw new Error('useContextMenuContext must be used within a ContextMenuProvider');
+    }
+    return context;
+};
+export const ContextMenuTrigger = ({ children, isDisabled = false, views, asChild = false, ...props }) => {
+    const { openMenu, setIsOpen } = useContextMenuContext();
+    const handleLongPress = (e) => {
+        if (isDisabled)
+            return;
+        if (openMenu)
+            openMenu(e);
+        else
+            setIsOpen(true);
+    };
+    const triggerProps = {
+        onLongPress: handleLongPress,
+        ...views?.container,
+        ...props,
+    };
+    if (asChild && React.isValidElement(children)) {
+        return React.cloneElement(children, triggerProps);
+    }
+    return <View {...triggerProps}>{children}</View>;
+};
+export const ContextMenuContent = ({ items, children, views, ...props }) => {
+    const { isOpen, setIsOpen, variant } = useContextMenuContext();
+    return (<Modal visible={isOpen} transparent animationType="fade" onRequestClose={() => setIsOpen(false)}>
+      <View flex={1} backgroundColor="color-blackAlpha-400" justifyContent="center" alignItems="center" onPress={() => setIsOpen(false)} onClick={() => setIsOpen(false)}>
+        <View minWidth={200} borderRadius={4} overflow="hidden" {...ContextMenuVariants[variant]} {...views?.menu} {...views?.content} {...props}>
+          <ScrollView>
+            {items &&
+            items.map((item, index) => {
+                if (item.divider) {
+                    return <ContextMenuDivider key={`divider-${index}`} views={views}/>;
+                }
+                return <ContextMenuItem key={item.id} item={item} views={views}/>;
+            })}
+            {children}
+          </ScrollView>
+        </View>
+      </View>
+    </Modal>);
+};
+export const ContextMenuItem = ({ item, children, onSelect, isDisabled = false, views, ...props }) => {
+    const { size, closeMenu } = useContextMenuContext();
+    if (item) {
+        const disabled = item.disabled || isDisabled;
+        const handlePress = () => {
+            if (disabled)
+                return;
+            if (item.onClick)
+                item.onClick();
+            if (closeMenu)
+                closeMenu();
+        };
+        return (<View flexDirection="row" alignItems="center" opacity={disabled ? 0.5 : 1} onPress={handlePress} onClick={handlePress} {...ContextMenuSizes[size]} {...views?.item}>
+        {item.icon && (<View marginRight={8} {...views?.icon}>
+            {item.icon}
+          </View>)}
+        <View flexGrow={1}>
+          {typeof item.label === 'string' ? <Text>{item.label}</Text> : item.label}
+        </View>
+      </View>);
+    }
+    const handlePress = () => {
+        if (isDisabled)
+            return;
+        onSelect?.(undefined);
+        if (closeMenu)
+            closeMenu();
+    };
+    return (<View onPress={handlePress} onClick={handlePress} opacity={isDisabled ? 0.5 : 1} {...ContextMenuSizes[size]} {...views?.item} {...props}>
+      {children}
+    </View>);
+};
+export const ContextMenuDivider = ({ views, ...props }) => {
+    return (<View height={1} backgroundColor="color-gray-200" marginVertical={4} {...views?.divider} {...props}/>);
+};
+export const ContextMenuSeparator = ({ views, ...props }) => {
+    return (<View height={1} backgroundColor="color-gray-200" marginVertical={4} {...views?.separator} {...props}/>);
+};
+export const ContextMenuView = ({ children, items, views, themeMode: elementMode, ...props }) => {
+    if (!items || items.length === 0) {
+        return <>{children}</>;
+    }
+    return (<>
+      <ContextMenuTrigger views={views} {...props}>
+        {children}
+      </ContextMenuTrigger>
+      <ContextMenuContent items={items} views={views}/>
+    </>);
+};
+//# sourceMappingURL=ContextMenu.view.native.js.map

package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.view.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.view.native.js","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/ContextMenu/ContextMenu.view.native.tsx"],"names":[],"mappings":"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"}

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

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

package/dist/native/components/ContextMenu/ContextMenu.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { useContextMenuState } from './ContextMenu/ContextMenu.state';
+import { ContextMenuProvider, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuDivider, ContextMenuSeparator, ContextMenuView, } from './ContextMenu/ContextMenu.view';
+// Defines the main ContextMenu functional component, accepting its properties to configure behavior and appearance. It acts as the primary entry point for using the context menu.
+const ContextMenuComponent = ({ children, items, size = 'md', variant = 'default', disableNativeContextMenu = true, onOpenChange, views, ...props }) => {
+    // Initializes the context menu's internal state management using the `useContextMenuState` hook, passing configuration options like size, variant, and an optional callback for open state changes.
+    const state = useContextMenuState({
+        size,
+        variant,
+        onOpenChange,
+    });
+    // Destructures various state variables and updater functions from the `useContextMenuState` hook. These include menu visibility, position, active submenu ID, and references to trigger and content elements, along with methods to control menu state.
+    const { isOpen, setIsOpen, position, setPosition, activeSubmenuId, setActiveSubmenuId, triggerRef, contentRef, contentId, openMenu, closeMenu, } = state;
+    return (<ContextMenuProvider value={{
+            isOpen,
+            setIsOpen,
+            position,
+            setPosition,
+            activeSubmenuId,
+            setActiveSubmenuId,
+            size,
+            variant,
+            triggerRef,
+            contentRef,
+            contentId,
+            openMenu,
+            closeMenu,
+            styles: views,
+        }}>
+      <ContextMenuView items={items} size={size} variant={variant} disableNativeContextMenu={disableNativeContextMenu} views={views} {...props}>
+        {children}
+      </ContextMenuView>
+    </ContextMenuProvider>);
+};
+export const ContextMenu = ContextMenuComponent;
+ContextMenu.Trigger = ContextMenuTrigger;
+ContextMenu.Content = ContextMenuContent;
+ContextMenu.Item = ContextMenuItem;
+ContextMenu.Divider = ContextMenuDivider;
+ContextMenu.Separator = ContextMenuSeparator;
+//# sourceMappingURL=ContextMenu.js.map

package/dist/native/components/ContextMenu/ContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,GAChB,MAAM,gCAAgC,CAAC;AACxC,mLAAmL;AACnL,MAAM,oBAAoB,GAA+B,CAAC,EACxD,QAAQ,EACR,KAAK,EACL,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,wBAAwB,GAAG,IAAI,EAC/B,YAAY,EACZ,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,oMAAoM;IACpM,MAAM,KAAK,GAAG,mBAAmB,CAAC;QAChC,IAAI;QACJ,OAAO;QACP,YAAY;KACb,CAAC,CAAC;IACH,wPAAwP;IACxP,MAAM,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,UAAU,EACV,UAAU,EACV,SAAS,EACT,QAAQ,EACR,SAAS,GACV,GAAG,KAAK,CAAC;IACV,OAAO,CACL,CAAC,mBAAmB,CAClB,KAAK,CAAC,CAAC;YACL,MAAM;YACN,SAAS;YACT,QAAQ;YACR,WAAW;YACX,eAAe;YACf,kBAAkB;YAClB,IAAI;YACJ,OAAO;YACP,UAAU;YACV,UAAU;YACV,SAAS;YACT,QAAQ;YACR,SAAS;YACT,MAAM,EAAE,KAAK;SACd,CAAC,CAEF;MAAA,CAAC,eAAe,CACd,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,wBAAwB,CAAC,CAAC,wBAAwB,CAAC,CACnD,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,KAAK,CAAC,CAEV;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,eAAe,CACnB;IAAA,EAAE,mBAAmB,CAAC,CACvB,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,oBAAuC,CAAC;AACnE,WAAW,CAAC,OAAO,GAAG,kBAAkB,CAAC;AACzC,WAAW,CAAC,OAAO,GAAG,kBAAkB,CAAC;AACzC,WAAW,CAAC,IAAI,GAAG,eAAe,CAAC;AACnC,WAAW,CAAC,OAAO,GAAG,kBAAkB,CAAC;AACzC,WAAW,CAAC,SAAS,GAAG,oBAAoB,CAAC"}

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

@@ -0,0 +1,15 @@
+import { ViewProps } from 'app-studio';
+import { CookieConsentPosition, CookieConsentStyles, CookieConsentVariant } from './CookieConsent.type';
+export interface CookieConsentProps extends Omit<ViewProps, 'position'> {
+    title?: string;
+    description?: string | React.ReactNode;
+    acceptButtonText?: string;
+    customizeButtonText?: string;
+    position?: CookieConsentPosition;
+    variant?: CookieConsentVariant;
+    onAccept?: () => void;
+    onCustomize?: () => void;
+    views?: CookieConsentStyles;
+    showCustomizeButton?: boolean;
+    cookieExpiration?: number;
+}

package/dist/native/components/CookieConsent/CookieConsent/CookieConsent.props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CookieConsent.props.js.map

package/dist/native/components/CookieConsent/CookieConsent/CookieConsent.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieConsent.props.js","sourceRoot":"","sources":["../../../../../src/components/CookieConsent/CookieConsent/CookieConsent.props.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,7 @@
+export declare const useCookieConsentState: (cookieExpiration?: number) => {
+    isHovered: boolean;
+    setIsHovered: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    hasConsent: boolean | null;
+    acceptCookies: () => void;
+    resetConsent: () => void;
+};