@app-studio/components 0.10.17

package/dist/native/components/Menubar/Menubar/Menubar.state.js

@@ -0,0 +1,43 @@
+import { useState, useEffect } from 'react';
+// This file defines the `useMenubarState` custom hook, which encapsulates the entire state management and interaction logic for the Menubar component. It manages the active menu item and the currently open sub-menu, while also handling global events like outside clicks and escape key presses to close menus, providing a centralized and reusable state solution.
+export const useMenubarState = (defaultActiveMenuId = null, defaultOpenMenuId = null) => {
+    const [activeMenuId, setActiveMenuId] = useState(defaultActiveMenuId);
+    const [openMenuId, setOpenMenuId] = useState(defaultOpenMenuId);
+    const isMenuOpen = (menuId) => {
+        return openMenuId === menuId;
+    };
+    const toggleMenu = (menuId) => {
+        setOpenMenuId((prevOpenMenuId) => {
+            return prevOpenMenuId === menuId ? null : menuId;
+        });
+    };
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            const path = event.composedPath();
+            const isOutside = !path.some((element) => element?.id === 'menubar-content' || element?.id === 'menubar-trigger');
+            if (isOutside && openMenuId !== null) {
+                setOpenMenuId(null);
+            }
+        };
+        const handleKeyDown = (event) => {
+            if (event.key === 'Escape' && openMenuId !== null) {
+                setOpenMenuId(null);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [openMenuId]);
+    return {
+        activeMenuId,
+        setActiveMenuId,
+        openMenuId,
+        setOpenMenuId,
+        isMenuOpen,
+        toggleMenu,
+    };
+};
+//# sourceMappingURL=Menubar.state.js.map

package/dist/native/components/Menubar/Menubar/Menubar.state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.state.js","sourceRoot":"","sources":["../../../../../src/components/Menubar/Menubar/Menubar.state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,0WAA0W;AAC1W,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,sBAAqC,IAAI,EACzC,oBAAmC,IAAI,EACvC,EAAE;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,mBAAmB,CACpB,CAAC;IACF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,iBAAiB,CAClB,CAAC;IACF,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,EAAE;QACpC,OAAO,UAAU,KAAK,MAAM,CAAC;IAC/B,CAAC,CAAC;IACF,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,EAAE;QACpC,aAAa,CAAC,CAAC,cAAc,EAAE,EAAE;YAC/B,OAAO,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;QACnD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC/C,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;YAClC,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,IAAI,CAC1B,CAAC,OAAY,EAAE,EAAE,CACf,OAAO,EAAE,EAAE,KAAK,iBAAiB,IAAI,OAAO,EAAE,EAAE,KAAK,iBAAiB,CACzE,CAAC;YACF,IAAI,SAAS,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;gBACrC,aAAa,CAAC,IAAI,CAAC,CAAC;YACtB,CAAC;QACH,CAAC,CAAC;QACF,MAAM,aAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;gBAClD,aAAa,CAAC,IAAI,CAAC,CAAC;YACtB,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAC9D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,OAAO;QACL,YAAY;QACZ,eAAe;QACf,UAAU;QACV,aAAa;QACb,UAAU;QACV,UAAU;KACX,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,19 @@
+import { ViewProps } from 'app-studio';
+import { Orientation, Size, Variant } from './Menubar.type';
+export declare const MenubarSizes: Record<Size, ViewProps>;
+export declare const MenubarVariants: Record<Variant, ViewProps>;
+export declare const MenubarOrientations: Record<Orientation, ViewProps>;
+export declare const MenubarItemStates: {
+    active: {
+        backgroundColor: string;
+        fontWeight: string;
+    };
+    hover: {
+        backgroundColor: string;
+    };
+    disabled: {
+        opacity: number;
+        cursor: string;
+    };
+};
+export declare const getMenubarContentPosition: (orientation: Orientation) => ViewProps;

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

@@ -0,0 +1,70 @@
+// Defines a mapping of size variants ('sm', 'md', 'lg') to specific `ViewProps` (styling properties) for the Menubar, controlling its overall dimensions and typography.
+export const MenubarSizes = {
+    sm: {
+        padding: '6px 10px',
+        fontSize: '14px',
+    },
+    md: {
+        padding: '8px 12px',
+        fontSize: '16px',
+    },
+    lg: {
+        padding: '10px 16px',
+        fontSize: '18px',
+    },
+};
+// Specifies different visual appearances for the Menubar, such as 'default', 'filled', and 'outline', each with distinct background, border, and text color styles.
+export const MenubarVariants = {
+    default: {
+        backgroundColor: 'transparent',
+        color: 'color-gray-800',
+    },
+    filled: {
+        backgroundColor: 'color-gray-100',
+        color: 'color-gray-800',
+    },
+    outline: {
+        backgroundColor: 'transparent',
+        borderWidth: '1px',
+        borderStyle: 'solid',
+        borderColor: 'color-gray-200',
+        color: 'color-gray-800',
+    },
+};
+// Provides styling configurations for the Menubar's layout direction, allowing it to render either 'horizontal' (row) or 'vertical' (column).
+export const MenubarOrientations = {
+    horizontal: {
+        flexDirection: 'row',
+    },
+    vertical: {
+        flexDirection: 'column',
+    },
+};
+// Defines specific styling rules that apply to individual Menubar items based on their interaction states, such as 'active', 'hover', and 'disabled'.
+export const MenubarItemStates = {
+    active: {
+        backgroundColor: 'color-gray-200',
+        fontWeight: 'bold',
+    },
+    hover: {
+        backgroundColor: 'color-gray-100',
+    },
+    disabled: {
+        opacity: 0.5,
+        cursor: 'not-allowed',
+    },
+};
+// Calculates and returns the appropriate positioning `ViewProps` for the Menubar's dropdown content based on the Menubar's current orientation (horizontal or vertical).
+export const getMenubarContentPosition = (orientation) => {
+    if (orientation === 'horizontal') {
+        return {
+            top: '100%',
+            left: 0,
+        };
+    }
+    return {
+        top: 0,
+        left: '100%',
+    };
+};
+//# sourceMappingURL=Menubar.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.style.js","sourceRoot":"","sources":["../../../../../src/components/Menubar/Menubar/Menubar.style.ts"],"names":[],"mappings":"AAEA,yKAAyK;AACzK,MAAM,CAAC,MAAM,YAAY,GAA4B;IACnD,EAAE,EAAE;QACF,OAAO,EAAE,UAAU;QACnB,QAAQ,EAAE,MAAM;KACjB;IACD,EAAE,EAAE;QACF,OAAO,EAAE,UAAU;QACnB,QAAQ,EAAE,MAAM;KACjB;IACD,EAAE,EAAE;QACF,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,MAAM;KACjB;CACF,CAAC;AACF,oKAAoK;AACpK,MAAM,CAAC,MAAM,eAAe,GAA+B;IACzD,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,8IAA8I;AAC9I,MAAM,CAAC,MAAM,mBAAmB,GAAmC;IACjE,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;KACrB;IACD,QAAQ,EAAE;QACR,aAAa,EAAE,QAAQ;KACxB;CACF,CAAC;AACF,sJAAsJ;AACtJ,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,MAAM,EAAE;QACN,eAAe,EAAE,gBAAgB;QACjC,UAAU,EAAE,MAAM;KACnB;IACD,KAAK,EAAE;QACL,eAAe,EAAE,gBAAgB;KAClC;IACD,QAAQ,EAAE;QACR,OAAO,EAAE,GAAG;QACZ,MAAM,EAAE,aAAa;KACtB;CACF,CAAC;AACF,yKAAyK;AACzK,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,WAAwB,EACb,EAAE;IACb,IAAI,WAAW,KAAK,YAAY,EAAE,CAAC;QACjC,OAAO;YACL,GAAG,EAAE,MAAM;YACX,IAAI,EAAE,CAAC;SACR,CAAC;IACJ,CAAC;IACD,OAAO;QACL,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,MAAM;KACb,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,36 @@
+import { ViewProps } from 'app-studio';
+import React from 'react';
+export type Size = 'sm' | 'md' | 'lg';
+export type Variant = 'default' | 'filled' | 'outline';
+export type Orientation = 'horizontal' | 'vertical';
+export interface MenubarItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    items?: MenubarItem[];
+    disabled?: boolean;
+    onClick?: () => void;
+    separator?: boolean;
+}
+export interface MenubarContextType {
+    activeMenuId: string | null;
+    setActiveMenuId: (id: string | null) => void;
+    openMenuId: string | null;
+    setOpenMenuId: (id: string | null) => void;
+    isMenuOpen: (id: string) => boolean;
+    toggleMenu: (id: string) => void;
+    orientation: Orientation;
+    size: Size;
+    variant: Variant;
+    triggerRefs: React.MutableRefObject<Record<string, HTMLElement | null>>;
+}
+export interface MenubarStyles {
+    container?: ViewProps;
+    menu?: ViewProps;
+    trigger?: ViewProps;
+    content?: ViewProps;
+    item?: ViewProps;
+    activeItem?: ViewProps;
+    separator?: ViewProps;
+    icon?: ViewProps;
+}

package/dist/native/components/Menubar/Menubar/Menubar.type.js

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

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

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

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { ViewProps } from 'app-studio';
+import { MenubarContextType, MenubarItem as MenubarItemType, Orientation, Size, Variant } from './Menubar.type';
+import { MenubarRootProps, MenubarMenuProps, MenubarTriggerProps, MenubarContentProps, MenubarItemProps, MenubarSeparatorProps } from './Menubar.props';
+export declare const useMenubarContext: () => MenubarContextType;
+export declare const MenubarProvider: React.FC<{
+    value: MenubarContextType;
+    children: React.ReactNode;
+}>;
+export declare const MenubarRoot: React.FC<MenubarRootProps>;
+export declare const MenubarMenu: React.FC<MenubarMenuProps>;
+export declare const MenubarTrigger: React.FC<MenubarTriggerProps>;
+export declare const MenubarContent: React.FC<MenubarContentProps>;
+export declare const MenubarItem: React.FC<MenubarItemProps>;
+export declare const MenubarSeparator: React.FC<MenubarSeparatorProps>;
+export declare const MenubarView: React.FC<{
+    items: MenubarItemType[];
+    orientation: Orientation;
+    size: Size;
+    variant: Variant;
+    views?: any;
+} & ViewProps>;

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

@@ -0,0 +1,242 @@
+import React, { createContext, useContext, useRef, useState, useEffect, } from 'react';
+import { View } from 'app-studio';
+import { Horizontal } from 'app-studio';
+import { Vertical } from 'app-studio';
+import { MenubarSizes, MenubarVariants, MenubarOrientations, MenubarItemStates, } from './Menubar.style';
+// Initializes the MenubarContext with default values, providing a central place to manage the state and actions for menubar items.
+const MenubarContext = createContext({
+    activeMenuId: null,
+    setActiveMenuId: () => { },
+    openMenuId: null,
+    setOpenMenuId: () => { },
+    isMenuOpen: () => false,
+    toggleMenu: () => { },
+    orientation: 'horizontal',
+    size: 'md',
+    variant: 'default',
+    triggerRefs: { current: {} },
+});
+// A custom hook to conveniently access the current context values from the MenubarContext, allowing components to interact with menubar state.
+export const useMenubarContext = () => useContext(MenubarContext);
+// Provides the menubar context to its child components, making menubar-related state and functions available throughout the menubar's sub-components.
+export const MenubarProvider = ({ value, children }) => {
+    return (<MenubarContext.Provider value={value}>{children}</MenubarContext.Provider>);
+};
+// The root component for the menubar, responsible for defining the overall orientation, size, and variant, and rendering its children within a flexible container.
+export const MenubarRoot = ({ children, orientation = 'horizontal', size = 'md', variant = 'default', views, ...props }) => {
+    // Dynamically selects the layout container (Horizontal or Vertical) based on the menubar's specified orientation.
+    const Container = orientation === 'horizontal' ? Horizontal : Vertical;
+    return (<Container role="menubar" aria-orientation={orientation} {...MenubarOrientations[orientation]} {...MenubarVariants[variant]} {...views?.container} {...props}>
+      {children}
+    </Container>);
+};
+export const MenubarMenu = ({ children, id, disabled = false, views, }) => {
+    const { orientation } = useMenubarContext();
+    const Container = orientation === 'horizontal' ? Horizontal : Vertical;
+    return (<Container role="none" position="relative" opacity={disabled ? 0.5 : 1} pointerEvents={disabled ? 'none' : 'auto'} {...views?.menu}>
+      {React.Children.map(children, (child) => {
+            if (React.isValidElement(child)) {
+                return React.cloneElement(child, {
+                    ...child.props,
+                    menuId: id,
+                });
+            }
+            return child;
+        })}
+    </Container>);
+};
+export const MenubarTrigger = ({ children, menuId, disabled = false, views, }) => {
+    const { activeMenuId, setActiveMenuId, toggleMenu, isMenuOpen, size, triggerRefs, } = useMenubarContext();
+    const triggerRef = useRef(null);
+    const isActive = activeMenuId === menuId;
+    const isOpen = isMenuOpen(menuId);
+    useEffect(() => {
+        if (triggerRef.current && menuId) {
+            triggerRefs.current[menuId] = triggerRef.current;
+        }
+        return () => {
+            if (menuId) {
+                delete triggerRefs.current[menuId];
+            }
+        };
+    }, [menuId, triggerRefs]);
+    const handleClick = () => {
+        if (disabled)
+            return;
+        setActiveMenuId(menuId);
+        toggleMenu(menuId);
+    };
+    return (<View ref={triggerRef} id="menubar-trigger" role="menuitem" aria-haspopup="true" aria-expanded={isOpen} userSelect="none" display="flex" alignItems="center" justifyContent="space-between" {...MenubarSizes[size]} {...(isActive ? MenubarItemStates.active : {})} {...(disabled ? MenubarItemStates.disabled : {})} _hover={!disabled ? MenubarItemStates.hover : {}} onClick={handleClick} {...views?.trigger}>
+      {children}
+    </View>);
+};
+export const MenubarContent = ({ children, menuId, views, }) => {
+    const { isMenuOpen, orientation, triggerRefs } = useMenubarContext();
+    const contentRef = useRef(null);
+    const [optimalPosition, setOptimalPosition] = useState({
+        x: 0,
+        y: 0,
+        placement: orientation === 'horizontal' ? 'bottom' : 'right',
+    });
+    const isOpen = isMenuOpen(menuId);
+    useEffect(() => {
+        if (isOpen && contentRef.current && menuId && triggerRefs.current[menuId]) {
+            const contentRect = contentRef.current.getBoundingClientRect();
+            const triggerRect = triggerRefs.current[menuId].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,
+            });
+        }
+    }, [isOpen, orientation, menuId, triggerRefs]);
+    if (!isOpen) {
+        return null;
+    }
+    const positionStyles = {
+        position: 'fixed',
+        left: optimalPosition.x,
+        top: optimalPosition.y,
+        zIndex: 1000,
+    };
+    return (<View ref={contentRef} id="menubar-content" role="menu" minWidth="200px" backgroundColor="color-white" borderRadius={4} boxShadow="0px 2px 8px rgba(0, 0, 0, 0.15)" overflow="hidden" style={positionStyles} {...views?.content}>
+      {children}
+      
+      
+    </View>);
+};
+export const MenubarItem = ({ children, icon, disabled = false, onClick, views, }) => {
+    const { size } = useMenubarContext();
+    const handleClick = () => {
+        if (disabled || !onClick)
+            return;
+        onClick();
+    };
+    return (<View role="menuitem" cursor={disabled ? 'not-allowed' : 'pointer'} userSelect="none" display="flex" alignItems="center" opacity={disabled ? 0.5 : 1} {...MenubarSizes[size]} _hover={!disabled ? MenubarItemStates.hover : {}} onClick={handleClick} {...views?.item}>
+      {icon && (<View marginRight={8} {...views?.icon}>
+          {icon}
+        </View>)}
+      {children}
+    </View>);
+};
+export const MenubarSeparator = ({ views, }) => {
+    return (<View role="separator" height="1px" backgroundColor="color-gray-200" margin="4px 0" {...views?.separator}/>);
+};
+export const MenubarView = ({ items, orientation, size, variant, views, themeMode: elementMode }) => {
+    return (<MenubarRoot orientation={orientation} size={size} variant={variant} views={views}>
+      {items.map((item) => (<MenubarMenu key={item.id} id={item.id} disabled={item.disabled} views={views}>
+          <MenubarTrigger menuId={item.id} views={views}>
+            {item.icon && (<View marginRight={8} {...views?.icon}>
+                {item.icon}
+              </View>)}
+            {item.label}
+          </MenubarTrigger>
+          {item.items && item.items.length > 0 && (<MenubarContent menuId={item.id} views={views}>
+              {item.items.map((subItem, index) => {
+                    if (subItem.separator) {
+                        return (<MenubarSeparator key={`separator-${index}`} views={views}/>);
+                    }
+                    return (<MenubarItem key={subItem.id} id={subItem.id} icon={subItem.icon} disabled={subItem.disabled} onClick={subItem.onClick} views={views}>
+                    {subItem.label}
+                  </MenubarItem>);
+                })}
+            </MenubarContent>)}
+        </MenubarMenu>))}
+    </MenubarRoot>);
+};
+//# sourceMappingURL=Menubar.view.js.map

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

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

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { ViewProps } from 'app-studio';
+import { MenubarContextType, MenubarItem as MenubarItemType, Orientation, Size, Variant } from './Menubar.type';
+import { MenubarRootProps, MenubarMenuProps, MenubarTriggerProps, MenubarContentProps, MenubarItemProps, MenubarSeparatorProps } from './Menubar.props';
+export declare const useMenubarContext: () => MenubarContextType;
+export declare const MenubarProvider: React.FC<{
+    value: MenubarContextType;
+    children: React.ReactNode;
+}>;
+export declare const MenubarRoot: React.FC<MenubarRootProps>;
+export declare const MenubarMenu: React.FC<MenubarMenuProps>;
+export declare const MenubarTrigger: React.FC<MenubarTriggerProps>;
+export declare const MenubarContent: React.FC<MenubarContentProps>;
+export declare const MenubarItem: React.FC<MenubarItemProps>;
+export declare const MenubarSeparator: React.FC<MenubarSeparatorProps>;
+export declare const MenubarView: React.FC<{
+    items: MenubarItemType[];
+    orientation: Orientation;
+    size: Size;
+    variant: Variant;
+    views?: any;
+} & ViewProps>;

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

@@ -0,0 +1,105 @@
+import React, { createContext, useContext } from 'react';
+import { Modal, ScrollView } from 'react-native';
+import { View, Horizontal, Vertical, Text } from 'app-studio';
+import { MenubarSizes, MenubarVariants, MenubarOrientations, MenubarItemStates, } from './Menubar.style';
+const MenubarContext = createContext({
+    activeMenuId: null,
+    setActiveMenuId: () => { },
+    openMenuId: null,
+    setOpenMenuId: () => { },
+    isMenuOpen: () => false,
+    toggleMenu: () => { },
+    orientation: 'horizontal',
+    size: 'md',
+    variant: 'default',
+    triggerRefs: { current: {} },
+});
+export const useMenubarContext = () => useContext(MenubarContext);
+export const MenubarProvider = ({ value, children }) => {
+    return (<MenubarContext.Provider value={value}>{children}</MenubarContext.Provider>);
+};
+export const MenubarRoot = ({ children, orientation = 'horizontal', size = 'md', variant = 'default', views, ...props }) => {
+    const Container = orientation === 'horizontal' ? Horizontal : Vertical;
+    return (<Container {...MenubarOrientations[orientation]} {...MenubarVariants[variant]} {...views?.container} {...props}>
+      {children}
+    </Container>);
+};
+export const MenubarMenu = ({ children, id, disabled = false, views, }) => {
+    const { orientation } = useMenubarContext();
+    const Container = orientation === 'horizontal' ? Horizontal : Vertical;
+    return (<Container opacity={disabled ? 0.5 : 1} {...views?.menu}>
+      {React.Children.map(children, (child) => {
+            if (React.isValidElement(child)) {
+                return React.cloneElement(child, {
+                    ...child.props,
+                    menuId: id,
+                });
+            }
+            return child;
+        })}
+    </Container>);
+};
+export const MenubarTrigger = ({ children, menuId, disabled = false, views, }) => {
+    const { activeMenuId, setActiveMenuId, toggleMenu, size } = useMenubarContext();
+    const isActive = activeMenuId === menuId;
+    const handlePress = () => {
+        if (disabled)
+            return;
+        setActiveMenuId(menuId);
+        toggleMenu(menuId);
+    };
+    return (<View flexDirection="row" alignItems="center" justifyContent="space-between" {...MenubarSizes[size]} {...(isActive ? MenubarItemStates.active : {})} {...(disabled ? MenubarItemStates.disabled : {})} onPress={handlePress} onClick={handlePress} {...views?.trigger}>
+      {typeof children === 'string' ? <Text>{children}</Text> : children}
+    </View>);
+};
+export const MenubarContent = ({ children, menuId, views, }) => {
+    const { isMenuOpen, toggleMenu } = useMenubarContext();
+    const isOpen = isMenuOpen(menuId);
+    return (<Modal visible={isOpen} transparent animationType="fade" onRequestClose={() => menuId && toggleMenu(menuId)}>
+      <View flex={1} backgroundColor="color-blackAlpha-400" justifyContent="center" alignItems="center" onPress={() => menuId && toggleMenu(menuId)} onClick={() => menuId && toggleMenu(menuId)}>
+        <View minWidth={200} backgroundColor="color-white" borderRadius={4} overflow="hidden" {...views?.content}>
+          <ScrollView>{children}</ScrollView>
+        </View>
+      </View>
+    </Modal>);
+};
+export const MenubarItem = ({ children, icon, disabled = false, onClick, views, }) => {
+    const { size } = useMenubarContext();
+    const handlePress = () => {
+        if (disabled || !onClick)
+            return;
+        onClick();
+    };
+    return (<View flexDirection="row" alignItems="center" opacity={disabled ? 0.5 : 1} onPress={handlePress} onClick={handlePress} {...MenubarSizes[size]} {...views?.item}>
+      {icon && (<View marginRight={8} {...views?.icon}>
+          {icon}
+        </View>)}
+      {typeof children === 'string' ? <Text>{children}</Text> : children}
+    </View>);
+};
+export const MenubarSeparator = ({ views }) => {
+    return (<View height={1} backgroundColor="color-gray-200" marginVertical={4} {...views?.separator}/>);
+};
+export const MenubarView = ({ items, orientation, size, variant, views }) => {
+    return (<MenubarRoot orientation={orientation} size={size} variant={variant} views={views}>
+      {items.map((item) => (<MenubarMenu key={item.id} id={item.id} disabled={item.disabled} views={views}>
+          <MenubarTrigger menuId={item.id} views={views}>
+            {item.icon && (<View marginRight={8} {...views?.icon}>
+                {item.icon}
+              </View>)}
+            {item.label}
+          </MenubarTrigger>
+          {item.items && item.items.length > 0 && (<MenubarContent menuId={item.id} views={views}>
+              {item.items.map((subItem, index) => {
+                    if (subItem.separator) {
+                        return <MenubarSeparator key={`separator-${index}`} views={views}/>;
+                    }
+                    return (<MenubarItem key={subItem.id} id={subItem.id} icon={subItem.icon} disabled={subItem.disabled} onClick={subItem.onClick} views={views}>
+                    {subItem.label}
+                  </MenubarItem>);
+                })}
+            </MenubarContent>)}
+        </MenubarMenu>))}
+    </MenubarRoot>);
+};
+//# sourceMappingURL=Menubar.view.native.js.map

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

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

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

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