@app-studio/components 0.10.17

package/dist/native/components/NavigationMenu/NavigationMenu/NavigationMenu.style.js

@@ -0,0 +1,117 @@
+// Defines a map of styling properties for different predefined sizes of the NavigationMenu component.
+export const NavigationMenuSizes = {
+    // Specifies styling for the small (sm) size of the navigation menu, including responsive adjustments for mobile devices.
+    sm: {
+        padding: '8px 12px',
+        fontSize: '12px',
+        fontWeight: '500',
+        media: {
+            mobile: {
+                padding: '6px 10px',
+                fontSize: '11px',
+            },
+        },
+    },
+    // Specifies styling for the medium (md) size of the navigation menu, including responsive adjustments for mobile devices.
+    md: {
+        padding: '10px 14px',
+        fontSize: '14px',
+        fontWeight: '500',
+        media: {
+            mobile: {
+                padding: '8px 12px',
+                fontSize: '12px',
+            },
+        },
+    },
+    // Specifies styling for the large (lg) size of the navigation menu, including responsive adjustments for mobile devices.
+    lg: {
+        padding: '12px 16px',
+        fontSize: '14px',
+        fontWeight: '600',
+        media: {
+            mobile: {
+                padding: '10px 14px',
+                fontSize: '12px',
+            },
+        },
+    },
+};
+// Defines a map of styling properties for different visual variants of the NavigationMenu component.
+export const NavigationMenuVariants = {
+    // Specifies the default visual style for the navigation menu, typically a transparent background with standard text color.
+    default: {
+        color: 'color-gray-800',
+        style: { backgroundColor: 'transparent' },
+        transition: 'background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease',
+    },
+    // Specifies styling for a 'filled' variant of the navigation menu, often with a subtle background color.
+    filled: {
+        backgroundColor: 'color-gray-100',
+        color: 'color-gray-800',
+        transition: 'background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease',
+    },
+    // Specifies styling for an 'outline' variant of the navigation menu, featuring a border around the component.
+    outline: {
+        borderWidth: '1px',
+        borderStyle: 'solid',
+        borderColor: 'color-gray-200',
+        color: 'color-gray-800',
+        style: { backgroundColor: 'transparent' },
+        transition: 'background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease',
+    },
+};
+// Defines a map of styling properties for different orientation layouts of the NavigationMenu component.
+export const NavigationMenuOrientations = {
+    // Specifies styling for a horizontal layout of the navigation menu, adjusting to a vertical stack on mobile.
+    horizontal: {
+        flexDirection: 'row',
+        gap: '8px',
+        media: {
+            mobile: {
+                flexDirection: 'column',
+                gap: '4px',
+            },
+        },
+    },
+    // Specifies styling for a vertical layout of the navigation menu.
+    vertical: {
+        flexDirection: 'column',
+        gap: '4px',
+    },
+};
+// Defines a collection of styling properties for various interaction states of individual items within the NavigationMenu.
+export const NavigationMenuItemStates = {
+    // Specifies styling for an active navigation menu item, indicating its currently selected state.
+    active: {
+        backgroundColor: 'color-blue-50',
+        color: 'color-blue-700',
+        fontWeight: '600',
+        borderLeft: '3px solid',
+        borderColor: 'color-blue-600',
+    },
+    // Specifies styling for a navigation menu item when it is being hovered over by the user.
+    hover: {
+        backgroundColor: 'color-gray-100',
+        transition: 'background-color 0.2s ease',
+    },
+    // Specifies styling for a disabled navigation menu item, making it visually inactive and non-interactive.
+    disabled: {
+        opacity: 0.6,
+        cursor: 'not-allowed',
+    },
+};
+// Defines styling properties for icons used within the NavigationMenu component, for different states.
+export const NavigationMenuIconStyles = {
+    // Specifies the default styling for icons within the navigation menu.
+    default: {
+        color: 'color-gray-500',
+        transition: 'color 0.2s ease',
+    },
+    // Specifies styling for icons when their corresponding navigation menu item is active.
+    active: {
+        color: 'color-blue-600',
+        transition: 'color 0.2s ease',
+    },
+};
+//# sourceMappingURL=NavigationMenu.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.style.js","sourceRoot":"","sources":["../../../../../src/components/NavigationMenu/NavigationMenu/NavigationMenu.style.ts"],"names":[],"mappings":"AAEA,sGAAsG;AACtG,MAAM,CAAC,MAAM,mBAAmB,GAA4B;IAC1D,yHAAyH;IACzH,EAAE,EAAE;QACF,OAAO,EAAE,UAAU;QACnB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,OAAO,EAAE,UAAU;gBACnB,QAAQ,EAAE,MAAM;aACjB;SACF;KACF;IACD,0HAA0H;IAC1H,EAAE,EAAE;QACF,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,OAAO,EAAE,UAAU;gBACnB,QAAQ,EAAE,MAAM;aACjB;SACF;KACF;IACD,yHAAyH;IACzH,EAAE,EAAE;QACF,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,OAAO,EAAE,WAAW;gBACpB,QAAQ,EAAE,MAAM;aACjB;SACF;KACF;CACF,CAAC;AACF,qGAAqG;AACrG,MAAM,CAAC,MAAM,sBAAsB,GAA+B;IAChE,2HAA2H;IAC3H,OAAO,EAAE;QACP,KAAK,EAAE,gBAAgB;QACvB,KAAK,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE;QACzC,UAAU,EACR,qEAAqE;KACxE;IACD,yGAAyG;IACzG,MAAM,EAAE;QACN,eAAe,EAAE,gBAAgB;QACjC,KAAK,EAAE,gBAAgB;QACvB,UAAU,EACR,qEAAqE;KACxE;IACD,8GAA8G;IAC9G,OAAO,EAAE;QACP,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,gBAAgB;QAC7B,KAAK,EAAE,gBAAgB;QACvB,KAAK,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE;QACzC,UAAU,EACR,qEAAqE;KACxE;CACF,CAAC;AACF,yGAAyG;AACzG,MAAM,CAAC,MAAM,0BAA0B,GAAmC;IACxE,6GAA6G;IAC7G,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,KAAK;QACV,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,aAAa,EAAE,QAAQ;gBACvB,GAAG,EAAE,KAAK;aACX;SACF;KACF;IACD,kEAAkE;IAClE,QAAQ,EAAE;QACR,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,KAAK;KACX;CACF,CAAC;AACF,2HAA2H;AAC3H,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,iGAAiG;IACjG,MAAM,EAAE;QACN,eAAe,EAAE,eAAe;QAChC,KAAK,EAAE,gBAAgB;QACvB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,WAAW;QACvB,WAAW,EAAE,gBAAgB;KAC9B;IACD,0FAA0F;IAC1F,KAAK,EAAE;QACL,eAAe,EAAE,gBAAgB;QACjC,UAAU,EAAE,4BAA4B;KACzC;IACD,0GAA0G;IAC1G,QAAQ,EAAE;QACR,OAAO,EAAE,GAAG;QACZ,MAAM,EAAE,aAAa;KACtB;CACF,CAAC;AACF,uGAAuG;AACvG,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,sEAAsE;IACtE,OAAO,EAAE;QACP,KAAK,EAAE,gBAAgB;QACvB,UAAU,EAAE,iBAAiB;KAC9B;IACD,uFAAuF;IACvF,MAAM,EAAE;QACN,KAAK,EAAE,gBAAgB;QACvB,UAAU,EAAE,iBAAiB;KAC9B;CACF,CAAC"}

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

@@ -0,0 +1,35 @@
+import { ViewProps } from 'app-studio';
+import React from 'react';
+export type Orientation = 'horizontal' | 'vertical';
+export type Size = 'sm' | 'md' | 'lg';
+export 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/native/components/NavigationMenu/NavigationMenu/NavigationMenu.type.js

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

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

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

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

@@ -0,0 +1,26 @@
+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/native/components/NavigationMenu/NavigationMenu/NavigationMenu.view.js

@@ -0,0 +1,295 @@
+import React, { createContext, useContext, useRef, useState, useEffect, } from 'react';
+import { View, Horizontal, Vertical } from 'app-studio';
+import { NavigationMenuSizes, NavigationMenuVariants, NavigationMenuOrientations, NavigationMenuItemStates, } from './NavigationMenu.style';
+import { ChevronIcon } from '../../Icon/Icon';
+// Initializes the NavigationMenuContext, providing a mechanism to share active item state, expanded item IDs, orientation, size, variant, and trigger refs across all navigation components. It sets default values for the context's state and functions.
+const NavigationMenuContext = createContext({
+    activeItemId: null,
+    setActiveItemId: () => { },
+    expandedItemIds: [],
+    toggleExpandedItem: () => { },
+    isItemExpanded: () => false,
+    orientation: 'vertical',
+    size: 'md',
+    variant: 'default',
+    triggerRefs: { current: {} },
+});
+// The NavigationMenuProvider component makes the context value available to all its child components. This is crucial for maintaining a centralized state for the navigation menu, allowing any descendant to access or modify shared properties.
+export const NavigationMenuProvider = ({ children, value }) => {
+    return (<NavigationMenuContext.Provider value={value}>
+      {children}
+    </NavigationMenuContext.Provider>);
+};
+export const useNavigationMenuContext = () => {
+    const context = useContext(NavigationMenuContext);
+    if (!context) {
+        throw new Error('useNavigationMenuContext must be used within a NavigationMenuProvider');
+    }
+    return context;
+};
+export const NavigationMenuList = ({ children, views, }) => {
+    const { orientation } = useNavigationMenuContext();
+    const Container = orientation === 'horizontal' ? Horizontal : Vertical;
+    return (<Container width="100%" {...NavigationMenuOrientations[orientation]} transition="background-color 0.2s ease, border-color 0.2s ease" borderRadius="8px" {...views?.container}>
+      {children}
+    </Container>);
+};
+const NavigationMenuItemContext = createContext({ itemValue: null, isDisabled: false });
+export const useNavigationMenuItemContext = () => {
+    const context = useContext(NavigationMenuItemContext);
+    if (!context) {
+        throw new Error('useNavigationMenuItemContext must be used within a NavigationMenuItem');
+    }
+    return context;
+};
+export const NavigationMenuItem = ({ item, value, isDisabled = false, children, views, }) => {
+    const { activeItemId, setActiveItemId, orientation, size, variant, onItemActivate, } = useNavigationMenuContext();
+    const itemId = item?.id || value;
+    const isActive = activeItemId === itemId;
+    const hasSubItems = item?.items && item.items.length > 0;
+    const disabled = item?.disabled || isDisabled;
+    const handleClick = () => {
+        if (disabled)
+            return;
+        if (itemId) {
+            setActiveItemId(itemId);
+            if (onItemActivate) {
+                onItemActivate(itemId);
+            }
+        }
+    };
+    const Container = orientation === 'horizontal' ? Horizontal : Vertical;
+    if (children) {
+        return (<NavigationMenuItemContext.Provider value={{ itemValue: itemId || null, isDisabled: disabled }}>
+        <View width="100%" cursor={disabled ? 'not-allowed' : 'pointer'} opacity={disabled ? 0.6 : 1} borderRadius="8px" transition="background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease" {...NavigationMenuSizes[size]} {...NavigationMenuVariants[variant]} {...(isActive ? NavigationMenuItemStates.active : {})} _hover={!disabled ? NavigationMenuItemStates.hover : {}} {...views?.item}>
+          {children}
+        </View>
+      </NavigationMenuItemContext.Provider>);
+    }
+    if (hasSubItems && item) {
+        return (<Container width="100%" flexDirection={orientation === 'horizontal' ? 'column' : 'column'} position="relative" {...views?.item}>
+        <NavigationMenuTrigger itemId={item.id} disabled={item.disabled} views={views}>
+          {item.icon && (<View marginRight={8} {...views?.icon}>
+              {item.icon}
+            </View>)}
+          {item.label}
+        </NavigationMenuTrigger>
+        <NavigationMenuContent itemId={item.id}>
+          <NavigationMenuList>
+            {item.items?.map((subItem) => (<NavigationMenuItem key={subItem.id} item={subItem}/>))}
+          </NavigationMenuList>
+        </NavigationMenuContent>
+      </Container>);
+    }
+    if (item) {
+        return (<View as={item.href ? 'a' : 'div'} href={item.href} onClick={handleClick} cursor={item.disabled ? 'not-allowed' : 'pointer'} opacity={item.disabled ? 0.6 : 1} width="100%" display="flex" alignItems="center" borderRadius="8px" transition="background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease" gap="8px" {...NavigationMenuSizes[size]} {...NavigationMenuVariants[variant]} {...(isActive ? NavigationMenuItemStates.active : {})} _hover={!item.disabled ? NavigationMenuItemStates.hover : {}} {...views?.item}>
+        {item.icon && (<View marginRight={8} {...views?.icon}>
+            {item.icon}
+          </View>)}
+        {item.label}
+      </View>);
+    }
+    return null;
+};
+export const NavigationMenuTrigger = ({ children, itemId, disabled, views, }) => {
+    const { activeItemId, toggleExpandedItem, isItemExpanded, size, variant, triggerRefs, } = useNavigationMenuContext();
+    const triggerRef = useRef(null);
+    const isActive = activeItemId === itemId;
+    const isExpanded = isItemExpanded(itemId);
+    useEffect(() => {
+        if (triggerRef.current && itemId) {
+            triggerRefs.current[itemId] = triggerRef.current;
+        }
+        return () => {
+            if (itemId) {
+                delete triggerRefs.current[itemId];
+            }
+        };
+    }, [itemId, triggerRefs]);
+    const handleClick = (e) => {
+        e.preventDefault();
+        if (disabled)
+            return;
+        toggleExpandedItem(itemId);
+    };
+    return (<View ref={triggerRef} onClick={handleClick} cursor={disabled ? 'not-allowed' : 'pointer'} opacity={disabled ? 0.5 : 1} width="100%" display="flex" alignItems="center" justifyContent="space-between" borderRadius={8} transition="background-color 0.2s ease" {...NavigationMenuSizes[size]} {...NavigationMenuVariants[variant]} {...(isActive ? NavigationMenuItemStates.active : {})} _hover={!disabled ? NavigationMenuItemStates.hover : {}} {...views?.trigger}>
+      <View display="flex" alignItems="center">
+        {children}
+      </View>
+      <View transition="transform 0.2s ease" transform={isExpanded ? 'rotate(180deg)' : 'rotate(0deg)'} {...views?.indicator}>
+        <ChevronIcon orientation="down" widthHeight={16} color="currentColor" filled={true}/>
+      </View>
+    </View>);
+};
+export const NavigationMenuContent = ({ children, itemId, views, }) => {
+    const { isItemExpanded, orientation, triggerRefs } = useNavigationMenuContext();
+    const contentRef = useRef(null);
+    const [optimalPosition, setOptimalPosition] = useState({
+        x: 0,
+        y: 0,
+        placement: orientation === 'horizontal' ? 'bottom' : 'right',
+    });
+    const isExpanded = isItemExpanded(itemId);
+    useEffect(() => {
+        if (isExpanded &&
+            contentRef.current &&
+            itemId &&
+            triggerRefs.current[itemId] &&
+            orientation === 'horizontal') {
+            const contentRect = contentRef.current.getBoundingClientRect();
+            const triggerRect = triggerRefs.current[itemId].getBoundingClientRect();
+            const contentWidth = Math.max(contentRect.width || 200, 200);
+            const contentHeight = Math.max(contentRect.height || 150, 150);
+            const viewportWidth = window.innerWidth;
+            const viewportHeight = window.innerHeight;
+            const availableSpace = {
+                top: triggerRect.top,
+                right: viewportWidth - triggerRect.right,
+                bottom: viewportHeight - triggerRect.bottom,
+                left: triggerRect.left,
+            };
+            const placements = orientation === 'horizontal'
+                ? [
+                    {
+                        placement: 'bottom',
+                        space: availableSpace.bottom,
+                        fits: availableSpace.bottom >= contentHeight + 8,
+                        x: triggerRect.left,
+                        y: triggerRect.bottom + 8,
+                    },
+                    {
+                        placement: 'top',
+                        space: availableSpace.top,
+                        fits: availableSpace.top >= contentHeight + 8,
+                        x: triggerRect.left,
+                        y: triggerRect.top - contentHeight - 8,
+                    },
+                    {
+                        placement: 'right',
+                        space: availableSpace.right,
+                        fits: availableSpace.right >= contentWidth + 8,
+                        x: triggerRect.right + 8,
+                        y: triggerRect.top,
+                    },
+                    {
+                        placement: 'left',
+                        space: availableSpace.left,
+                        fits: availableSpace.left >= contentWidth + 8,
+                        x: triggerRect.left - contentWidth - 8,
+                        y: triggerRect.top,
+                    },
+                ]
+                : [
+                    {
+                        placement: 'right',
+                        space: availableSpace.right,
+                        fits: availableSpace.right >= contentWidth + 8,
+                        x: triggerRect.right + 8,
+                        y: triggerRect.top,
+                    },
+                    {
+                        placement: 'left',
+                        space: availableSpace.left,
+                        fits: availableSpace.left >= contentWidth + 8,
+                        x: triggerRect.left - contentWidth - 8,
+                        y: triggerRect.top,
+                    },
+                    {
+                        placement: 'bottom',
+                        space: availableSpace.bottom,
+                        fits: availableSpace.bottom >= contentHeight + 8,
+                        x: triggerRect.left,
+                        y: triggerRect.bottom + 8,
+                    },
+                    {
+                        placement: 'top',
+                        space: availableSpace.top,
+                        fits: availableSpace.top >= contentHeight + 8,
+                        x: triggerRect.left,
+                        y: triggerRect.top - contentHeight - 8,
+                    },
+                ];
+            const fittingPlacement = placements.find((p) => p.fits);
+            if (fittingPlacement) {
+                setOptimalPosition({
+                    x: fittingPlacement.x,
+                    y: fittingPlacement.y,
+                    placement: fittingPlacement.placement,
+                });
+                return;
+            }
+            const bestPlacement = placements.reduce((best, current) => current.space > best.space ? current : best);
+            let finalX = bestPlacement.x;
+            let finalY = bestPlacement.y;
+            if (finalX + contentWidth > viewportWidth) {
+                finalX = viewportWidth - contentWidth - 8;
+            }
+            if (finalX < 8) {
+                finalX = 8;
+            }
+            if (finalY + contentHeight > viewportHeight) {
+                finalY = viewportHeight - contentHeight - 8;
+            }
+            if (finalY < 8) {
+                finalY = 8;
+            }
+            setOptimalPosition({
+                x: finalX,
+                y: finalY,
+                placement: bestPlacement.placement,
+            });
+        }
+    }, [isExpanded, orientation, itemId, triggerRefs]);
+    if (!isExpanded) {
+        return null;
+    }
+    if (orientation === 'vertical') {
+        return (<View paddingLeft={16} width="100%" position="relative" backgroundColor="transparent" {...views?.container}>
+        {children}
+      </View>);
+    }
+    const positionStyles = {
+        position: 'fixed',
+        left: optimalPosition.x,
+        top: optimalPosition.y,
+        zIndex: 1000,
+    };
+    return (<View ref={contentRef} role="menu" minWidth="200px" backgroundColor="color-white" borderRadius={4} boxShadow="0px 2px 8px rgba(0, 0, 0, 0.15)" overflow="hidden" style={positionStyles} {...views?.container}>
+      {children}
+    </View>);
+};
+export const NavigationMenuLink = ({ href, children, views, underline, isExternal, iconSize, ...props }) => {
+    const { itemValue, isDisabled } = useNavigationMenuItemContext();
+    const { activeItemId, setActiveItemId, onItemActivate } = useNavigationMenuContext();
+    const isActive = activeItemId === itemValue;
+    const handleClick = (e) => {
+        if (isDisabled) {
+            e.preventDefault();
+            return;
+        }
+        if (itemValue) {
+            setActiveItemId(itemValue);
+            if (onItemActivate) {
+                onItemActivate(itemValue);
+            }
+        }
+        if (props.onClick) {
+            props.onClick(e);
+        }
+    };
+    return (<View as="a" href={isDisabled ? undefined : href} onClick={handleClick} cursor={isDisabled ? 'not-allowed' : 'pointer'} opacity={isDisabled ? 0.5 : 1} width="100%" display="flex" alignItems="center" aria-current={isActive ? 'page' : undefined} aria-disabled={isDisabled} data-active={isActive ? '' : undefined} data-disabled={isDisabled ? '' : undefined} {...(isActive ? { fontWeight: 'bold' } : {})} {...views?.container} {...props}>
+      {children}
+    </View>);
+};
+export const NavigationMenuView = ({ items, orientation, views, themeMode: elementMode }) => {
+    const Container = orientation === 'horizontal' ? Horizontal : Vertical;
+    if (!items || items.length === 0) {
+        return null;
+    }
+    return (<Container width="100%" {...NavigationMenuOrientations[orientation]} {...views?.container}>
+      <NavigationMenuList views={views}>
+        {items.map((item) => (<NavigationMenuItem key={item.id} item={item} views={views}/>))}
+      </NavigationMenuList>
+    </Container>);
+};
+//# sourceMappingURL=NavigationMenu.view.js.map

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

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

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

@@ -0,0 +1,26 @@
+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>;