@app-studio/components 0.10.17

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

@@ -0,0 +1,154 @@
+// Defines a mapping of command sizes (small, medium, large) to their respective `ViewProps`, specifying width and maximum height for the Command component.
+export const CommandSizes = {
+    sm: {
+        width: '400px',
+        maxHeight: '300px',
+    },
+    md: {
+        width: '500px',
+        maxHeight: '400px',
+    },
+    lg: {
+        width: '600px',
+        maxHeight: '500px',
+    },
+};
+// A factory function that returns `ViewProps` based on a specified `themeMode`, defining different visual variants (default, filled, outline) for the Command component.
+export const getCommand = (
+// Specifies the current theme mode, which influences the visual styles returned for the Command component variants.
+themeMode) => {
+    return {
+        default: {
+            backgroundColor: 'color-white',
+            borderWidth: '1px',
+            borderStyle: 'solid',
+            borderColor: 'color-gray-200',
+            boxShadow: '0px 4px 20px rgba(0, 0, 0, 0.1)',
+        },
+        filled: {
+            backgroundColor: 'color-gray-50',
+            borderWidth: '1px',
+            borderStyle: 'solid',
+            borderColor: 'color-gray-200',
+            boxShadow: '0px 4px 20px rgba(0, 0, 0, 0.1)',
+        },
+        outline: {
+            backgroundColor: 'color-white',
+            borderWidth: '2px',
+            borderStyle: 'solid',
+            borderColor: 'color-gray-300',
+            boxShadow: '0px 4px 20px rgba(0, 0, 0, 0.1)',
+        },
+    };
+};
+// Applies the 'light' theme to generate a set of predefined `ViewProps` for various command variants.
+export const CommandVariants = getCommand('light');
+// Defines the foundational `ViewProps` for the command input area, including display, alignment, padding, and bottom border styling.
+export const CommandInputStyles = {
+    display: 'flex',
+    alignItems: 'center',
+    padding: '12px 16px',
+    borderBottomWidth: '1px',
+    borderBottomStyle: 'solid',
+    borderBottomColor: 'color-gray-200',
+};
+// Specifies the `ViewProps` for the scrollable list container within the Command component, managing overflow and padding.
+export const CommandListStyles = {
+    overflow: 'auto',
+    padding: '8px 0',
+};
+// Sets the `ViewProps` for grouping related command items, primarily applying a bottom margin for visual separation.
+export const CommandGroupStyles = {
+    marginBottom: '8px',
+};
+// Defines the `ViewProps` for the heading of a command group, including padding, font size, weight, color, and text transformation.
+export const CommandGroupHeadingStyles = {
+    padding: '8px 16px',
+    fontSize: '12px',
+    fontWeight: 'bold',
+    color: 'color-gray-500',
+    textTransform: 'uppercase',
+};
+// Provides the base `ViewProps` for individual command items, covering layout, padding, cursor, user selection, border radius, margins, and hover effects.
+export const CommandItemStyles = {
+    display: 'flex',
+    alignItems: 'center',
+    padding: '8px 16px',
+    cursor: 'pointer',
+    userSelect: 'none',
+    borderRadius: '4px',
+    margin: '0 8px',
+    _hover: {
+        backgroundColor: 'color-gray-100',
+    },
+};
+// Specifies the `ViewProps` for a selected command item, overriding base styles with a distinct background color for highlighting and a specific hover state.
+export const CommandItemSelectedStyles = {
+    backgroundColor: 'color-blue-50',
+    _hover: {
+        backgroundColor: 'color-blue-100',
+    },
+};
+// Sets the `ViewProps` for a disabled command item, reducing opacity, changing the cursor, and removing hover effects to indicate it is not interactive.
+export const CommandItemDisabledStyles = {
+    opacity: 0.5,
+    cursor: 'not-allowed',
+    _hover: {
+        backgroundColor: 'transparent',
+    },
+};
+// Defines the `ViewProps` for the icon displayed within a command item, managing its layout, alignment, spacing, and color.
+export const CommandItemIconStyles = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginRight: '12px',
+    color: 'color-gray-500',
+};
+// Establishes the `ViewProps` for the content area of a command item, enabling a flexible column layout to accommodate name and description.
+export const CommandItemContentStyles = {
+    display: 'flex',
+    flexDirection: 'column',
+    flex: 1,
+};
+// Specifies the `ViewProps` for the name or title part of a command item, controlling font size and weight.
+export const CommandItemNameStyles = {
+    fontSize: '14px',
+    fontWeight: 'medium',
+};
+// Defines the `ViewProps` for the descriptive text within a command item, setting font size, color, and top margin for visual hierarchy.
+export const CommandItemDescriptionStyles = {
+    fontSize: '12px',
+    color: 'color-gray-500',
+    marginTop: '2px',
+};
+// Provides the `ViewProps` for displaying keyboard shortcuts associated with a command item, managing layout, alignment, spacing, font size, and color.
+export const CommandItemShortcutStyles = {
+    display: 'flex',
+    alignItems: 'center',
+    marginLeft: '12px',
+    fontSize: '12px',
+    color: 'color-gray-500',
+};
+// Sets the `ViewProps` for the state when no command items are found, ensuring the message is centered and styled appropriately.
+export const CommandEmptyStyles = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: '16px',
+    color: 'color-gray-500',
+    textAlign: 'center',
+};
+// Defines the `ViewProps` for the footer section of the Command component, including layout, padding, border, font size, and color for informational display.
+export const CommandFooterStyles = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    padding: '8px 16px',
+    borderTopWidth: '1px',
+    borderTopStyle: 'solid',
+    borderTopColor: 'color-gray-200',
+    fontSize: '12px',
+    color: 'color-gray-500',
+};
+//# sourceMappingURL=Command.style.js.map

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

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

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

@@ -0,0 +1,42 @@
+import { ViewProps } from 'app-studio';
+import React from 'react';
+export type CommandSize = 'sm' | 'md' | 'lg';
+export type CommandVariant = 'default' | 'filled' | 'outline';
+export interface CommandItem {
+    id: string;
+    name: string;
+    description?: string;
+    icon?: React.ReactNode;
+    shortcut?: string;
+    onSelect: () => void;
+    keywords?: string[];
+    disabled?: boolean;
+}
+export interface CommandGroup {
+    id: string;
+    name: string;
+    commands: CommandItem[];
+}
+export interface CommandStyles {
+    container?: ViewProps;
+    searchInput?: {
+        container?: ViewProps;
+        input?: ViewProps;
+    };
+    list?: ViewProps;
+    groupHeading?: {
+        container?: ViewProps;
+        heading?: ViewProps;
+    };
+    item?: ViewProps;
+    selectedItem?: ViewProps;
+    icon?: ViewProps;
+    content?: ViewProps;
+    name?: ViewProps;
+    description?: ViewProps;
+    shortcut?: ViewProps;
+    empty?: {
+        container?: ViewProps;
+    };
+    footer?: ViewProps;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,140 @@
+import React, { createContext, useContext, useRef } from 'react';
+import { View } from 'app-studio';
+import { Text } from 'app-studio';
+import { Vertical } from 'app-studio';
+import { Horizontal } from 'app-studio';
+import { SearchIcon } from '../../Icon/Icon';
+import { CommandSizes, CommandVariants, CommandInputStyles, CommandListStyles, CommandGroupStyles, CommandGroupHeadingStyles, CommandItemStyles, CommandItemSelectedStyles, CommandItemDisabledStyles, CommandItemIconStyles, CommandItemContentStyles, CommandItemNameStyles, CommandItemDescriptionStyles, CommandItemShortcutStyles, CommandEmptyStyles, CommandFooterStyles, } from './Command.style';
+// Initializes the React context for the Command component, providing default values for search state, selected index, filtered commands, and selection handler.
+const CommandContext = createContext({
+    search: '',
+    setSearch: () => { },
+    selectedIndex: 0,
+    setSelectedIndex: () => { },
+    filteredCommands: [],
+    onSelect: () => { },
+});
+// A custom hook that allows child components to easily access the values provided by the CommandContext.
+export const useCommandContext = () => useContext(CommandContext);
+// Provides the CommandContext to its children, making the search state, selected index, filtered commands, and item selection logic available throughout the command UI hierarchy.
+export const CommandProvider = ({ value, children }) => {
+    return (<CommandContext.Provider value={value}>{children}</CommandContext.Provider>);
+};
+// Renders the input field for searching commands. It manages its own focus on mount and handles value changes.
+export const CommandInput = ({ value, onValueChange, placeholder = 'Type a command or search...', views, ...props }) => {
+    // Creates a ref to directly access the underlying HTML input element, primarily used for focusing the input.
+    const inputRef = useRef(null);
+    // A React effect hook that automatically focuses the input field when the component mounts.
+    React.useEffect(() => {
+        if (inputRef.current) {
+            inputRef.current.focus();
+        }
+    }, []);
+    return (<View {...CommandInputStyles} {...views?.container} {...props}>
+      <SearchIcon widthHeight={16} color="color-gray-400" marginRight="8px"/>
+      <View as="input" type="text" value={value} onChange={(e) => onValueChange(e.target.value)} placeholder={placeholder} width="100%" border="none" outline="none" backgroundColor="transparent" fontSize="14px" ref={inputRef} {...views?.input}/>
+    </View>);
+};
+export const CommandList = ({ children, views, ...props }) => {
+    return (<View {...CommandListStyles} {...views?.container} {...props}>
+      {children}
+    </View>);
+};
+export const CommandGroup = ({ heading, children, views, ...props }) => {
+    return (<View {...CommandGroupStyles} {...views?.container} {...props}>
+      <Text {...CommandGroupHeadingStyles} {...views?.heading}>
+        {heading}
+      </Text>
+      {children}
+    </View>);
+};
+export const CommandItem = ({ item, selected = false, onSelect, views, ...props }) => {
+    const handleClick = () => {
+        if (!item.disabled && onSelect) {
+            onSelect();
+        }
+    };
+    return (<Horizontal {...CommandItemStyles} {...(selected ? CommandItemSelectedStyles : {})} {...(item.disabled ? CommandItemDisabledStyles : {})} onClick={handleClick} {...views?.container} {...props}>
+      {item.icon && (<View {...CommandItemIconStyles} {...views?.icon}>
+          {item.icon}
+        </View>)}
+      <Vertical {...CommandItemContentStyles} {...views?.content}>
+        <Text {...CommandItemNameStyles} {...views?.name}>
+          {item.name}
+        </Text>
+        {item.description && (<Text {...CommandItemDescriptionStyles} {...views?.description}>
+            {item.description}
+          </Text>)}
+      </Vertical>
+      {item.shortcut && (<Text {...CommandItemShortcutStyles} {...views?.shortcut}>
+          {item.shortcut}
+        </Text>)}
+    </Horizontal>);
+};
+export const CommandEmpty = ({ children = 'No results found.', views, ...props }) => {
+    return (<View {...CommandEmptyStyles} {...views?.container} {...props}>
+      {children}
+    </View>);
+};
+export const CommandView = ({ open, onOpenChange, groups = [], commands = [], placeholder, size = 'md', variant = 'default', emptyState, footer, search, setSearch, selectedIndex, setSelectedIndex, filteredCommands, filteredGroups, listRef, views, filter, ...props }) => {
+    if (!open)
+        return null;
+    const handleItemSelect = React.useCallback((item) => {
+        if (item.disabled)
+            return;
+        item.onSelect();
+        onOpenChange(false);
+        setSearch('');
+    }, [onOpenChange, setSearch]);
+    const handleBackdropClick = React.useCallback((e) => e.target === e.currentTarget && onOpenChange(false), [onOpenChange]);
+    const contextValue = React.useMemo(() => ({
+        search,
+        setSearch,
+        selectedIndex,
+        setSelectedIndex,
+        filteredCommands,
+        onSelect: handleItemSelect,
+    }), [
+        search,
+        selectedIndex,
+        filteredCommands,
+        handleItemSelect,
+        setSearch,
+        setSelectedIndex,
+    ]);
+    const hasGroups = groups.length > 0;
+    const isEmpty = filteredCommands.length === 0;
+    return (<View position="fixed" top={0} left={0} right={0} bottom={0} display="flex" alignItems="center" justifyContent="center" backgroundColor="color-blackAlpha-400" zIndex={9999} onClick={handleBackdropClick} {...props}>
+      <CommandProvider value={contextValue}>
+        <View borderRadius="8px" overflow="hidden" display="flex" flexDirection="column" {...CommandSizes[size]} {...CommandVariants[variant]} {...views?.container} onClick={(e) => e.stopPropagation()}>
+          <CommandInput value={search} onValueChange={setSearch} placeholder={placeholder} views={views?.searchInput}/>
+          <View ref={listRef} flex={1} overflow="auto" {...views?.list}>
+            {isEmpty ? (emptyState ? (emptyState) : (<CommandEmpty views={views?.empty}/>)) : hasGroups ? (filteredGroups.map((group) => (<CommandGroup key={group.id} heading={group.name} views={views?.groupHeading}>
+                  {group.commands.map((item) => {
+                const commandIndex = filteredCommands.findIndex((cmd) => cmd.id === item.id);
+                return (<CommandItem key={item.id} item={item} selected={commandIndex === selectedIndex} onSelect={() => handleItemSelect(item)} data-index={commandIndex} views={{
+                        container: views?.item,
+                        icon: views?.icon,
+                        content: views?.content,
+                        name: views?.name,
+                        description: views?.description,
+                        shortcut: views?.shortcut,
+                    }}/>);
+            })}
+                </CommandGroup>))) : (filteredCommands.map((item, index) => (<CommandItem key={item.id} item={item} selected={index === selectedIndex} onSelect={() => handleItemSelect(item)} data-index={index} views={{
+                container: views?.item,
+                icon: views?.icon,
+                content: views?.content,
+                name: views?.name,
+                description: views?.description,
+                shortcut: views?.shortcut,
+            }}/>)))}
+          </View>
+          {footer && (<View {...CommandFooterStyles} {...views?.footer}>
+              {footer}
+            </View>)}
+        </View>
+      </CommandProvider>
+    </View>);
+};
+//# sourceMappingURL=Command.view.js.map

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

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

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

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

package/dist/native/components/Command/Command.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { useCommandState } from './Command/Command.state';
+import { CommandView, CommandInput, CommandList, CommandGroup, CommandItem as CommandItemView, CommandEmpty, } from './Command/Command.view';
+// This file defines the main Command component, which acts as a container for a searchable list of commands. It manages its internal state (like search input and selection) using the `useCommandState` hook and orchestrates the rendering of its various sub-components such as input, list, groups, and items.
+const CommandComponent = ({ open, onOpenChange, groups = [], commands = [], placeholder, size = 'md', variant = 'default', filter, emptyState, footer, views, ...props }) => {
+    const { search, setSearch, selectedIndex, setSelectedIndex, filteredCommands, filteredGroups, listRef, } = useCommandState({
+        open,
+        onOpenChange,
+        groups,
+        commands,
+        filter,
+    });
+    return (<CommandView open={open} onOpenChange={onOpenChange} groups={groups} commands={commands} placeholder={placeholder} size={size} variant={variant} emptyState={emptyState} footer={footer} search={search} setSearch={setSearch} selectedIndex={selectedIndex} setSelectedIndex={setSelectedIndex} filteredCommands={filteredCommands} filteredGroups={filteredGroups} listRef={listRef} views={views} {...props}/>);
+};
+export const Command = CommandComponent;
+Command.Input = CommandInput;
+Command.List = CommandList;
+Command.Group = CommandGroup;
+Command.Item = CommandItemView;
+Command.Empty = CommandEmpty;
+//# sourceMappingURL=Command.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Command.js","sourceRoot":"","sources":["../../../../src/components/Command/Command.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EACL,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,IAAI,eAAe,EAC9B,YAAY,GACb,MAAM,wBAAwB,CAAC;AAChC,mTAAmT;AACnT,MAAM,gBAAgB,GAA2B,CAAC,EAChD,IAAI,EACJ,YAAY,EACZ,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,EAAE,EACb,WAAW,EACX,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,MAAM,EACN,UAAU,EACV,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EACJ,MAAM,EACN,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,OAAO,GACR,GAAG,eAAe,CAAC;QAClB,IAAI;QACJ,YAAY;QACZ,MAAM;QACN,QAAQ;QACR,MAAM;KACP,CAAC,CAAC;IACH,OAAO,CACL,CAAC,WAAW,CACV,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,KAAK,CAAC,EACV,CACH,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAG,gBAA+B,CAAC;AACvD,OAAO,CAAC,KAAK,GAAG,YAAY,CAAC;AAC7B,OAAO,CAAC,IAAI,GAAG,WAAW,CAAC;AAC3B,OAAO,CAAC,KAAK,GAAG,YAAY,CAAC;AAC7B,OAAO,CAAC,IAAI,GAAG,eAAe,CAAC;AAC/B,OAAO,CAAC,KAAK,GAAG,YAAY,CAAC"}

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

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

package/dist/native/components/Command/index.js

@@ -0,0 +1,3 @@
+// This file acts as a barrel file, exporting all members from the Command component module to provide a single, convenient entry point for imports.
+export * from './Command';
+//# sourceMappingURL=index.js.map

package/dist/native/components/Command/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Command/index.ts"],"names":[],"mappings":"AAAA,oJAAoJ;AACpJ,cAAc,WAAW,CAAC"}

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

@@ -0,0 +1,71 @@
+import React from 'react';
+import { ViewProps } from 'app-studio';
+import { ButtonProps } from '../../Button/Button/Button.props';
+import { ContextMenuItem, ContextMenuStyles, Size, Variant, Position, Alignment } from './ContextMenu.type';
+export interface ContextMenuProps {
+    children: React.ReactNode;
+    items?: ContextMenuItem[];
+    size?: Size;
+    variant?: Variant;
+    disableNativeContextMenu?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    views?: ContextMenuStyles;
+    [key: string]: any;
+}
+export interface ContextMenuTriggerProps {
+    children: React.ReactNode;
+    disableNativeContextMenu?: boolean;
+    asChild?: boolean;
+    isDisabled?: boolean;
+    views?: {
+        container?: ViewProps;
+    };
+}
+export interface ContextMenuContentProps extends Omit<ViewProps, 'position'> {
+    items?: ContextMenuItem[];
+    children?: React.ReactNode;
+    position?: {
+        x: number;
+        y: number;
+    };
+    side?: Position;
+    align?: Alignment;
+    views?: {
+        menu?: ViewProps;
+        content?: ViewProps;
+        item?: ViewProps;
+        divider?: ViewProps;
+        separator?: ViewProps;
+        icon?: ViewProps;
+        submenuIndicator?: ViewProps;
+    };
+}
+export interface ContextMenuItemProps extends Omit<ButtonProps, 'onPress' | 'onClick'> {
+    item?: ContextMenuItem;
+    children?: React.ReactNode;
+    onSelect?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    isDisabled?: boolean;
+    isExternal?: boolean;
+    views?: {
+        item?: ViewProps;
+        icon?: ViewProps;
+        submenuIndicator?: ViewProps;
+    };
+}
+export interface ContextMenuDividerProps {
+    views?: {
+        divider?: ViewProps;
+    };
+}
+export interface ContextMenuSeparatorProps extends ViewProps {
+    views?: {
+        separator?: ViewProps;
+    };
+}
+export interface ContextMenuType extends React.FC<ContextMenuProps> {
+    Trigger: React.FC<ContextMenuTriggerProps>;
+    Content: React.FC<ContextMenuContentProps>;
+    Item: React.FC<ContextMenuItemProps>;
+    Divider: React.FC<ContextMenuDividerProps>;
+    Separator: React.FC<ContextMenuSeparatorProps>;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,74 @@
+import React, { useState, useEffect, useRef, useCallback } from 'react';
+import { generateId } from '../../../utils/id';
+// This hook encapsulates all the state management and logic required for the ContextMenu component, handling its open/close state, positioning, active submenus, and external event listeners for proper behavior.
+export const useContextMenuState = (props) => {
+    // Destructures the size, variant, and onOpenChange properties from the props object, providing default values if props are not provided.
+    const { size, variant, onOpenChange } = props || {};
+    // Manages the visibility state of the context menu (true for open, false for closed).
+    const [isOpen, setIsOpen] = useState(false);
+    // Stores the x and y coordinates where the context menu should appear on the screen.
+    const [position, setPosition] = useState({ x: 0, y: 0 });
+    // Keeps track of the currently active submenu's unique identifier, or null if no submenu is active.
+    const [activeSubmenuId, setActiveSubmenuId] = useState(null);
+    // A ref used to reference the DOM element that triggers the context menu.
+    const triggerRef = useRef(null);
+    // A ref used to reference the DOM element containing the context menu's content.
+    const contentRef = useRef(null);
+    // Generates a stable, unique ID for the context menu content, ensuring accessibility and proper linking.
+    const contentId = React.useMemo(() => generateId('contextmenu-content'), []);
+    // A memoized callback function to open the context menu at the specified event coordinates.
+    const openMenu = useCallback((event) => {
+        setPosition({ x: event.clientX, y: event.clientY });
+        setIsOpen(true);
+        onOpenChange?.(true);
+    }, [onOpenChange]);
+    // A memoized callback function to close the context menu and reset the active submenu state.
+    const closeMenu = useCallback(() => {
+        setIsOpen(false);
+        setActiveSubmenuId(null);
+        onOpenChange?.(false);
+    }, [onOpenChange]);
+    // Sets up global event listeners for closing the menu when clicking outside, resizing the window, or pressing the Escape key.
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (contentRef.current &&
+                !contentRef.current.contains(event.target)) {
+                closeMenu();
+            }
+        };
+        const handleResize = () => {
+            if (isOpen) {
+                closeMenu();
+            }
+        };
+        const handleKeyDown = (event) => {
+            if (event.key === 'Escape' && isOpen) {
+                closeMenu();
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        window.addEventListener('resize', handleResize);
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+            window.removeEventListener('resize', handleResize);
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [isOpen, closeMenu]);
+    return {
+        isOpen,
+        setIsOpen,
+        position,
+        setPosition,
+        activeSubmenuId,
+        setActiveSubmenuId,
+        size,
+        variant,
+        triggerRef,
+        contentRef,
+        contentId,
+        openMenu,
+        closeMenu,
+    };
+};
+//# sourceMappingURL=ContextMenu.state.js.map

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

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