@app-studio/components 0.10.18 → 0.10.20

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

@@ -4,6 +4,8 @@ import { Text } from 'app-studio';
 import { Vertical } from 'app-studio';
 import { Horizontal } from 'app-studio';
 import { SearchIcon } from '../../Icon/Icon';
+import { CommandOverlay } from './CommandOverlay';
+import { CommandTextInput } from './CommandTextInput';
 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({
@@ -32,7 +34,7 @@ export const CommandInput = ({ value, onValueChange, placeholder = 'Type a comma
     }, []);
     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}/>
+      <CommandTextInput width="100%" border="none" outline="none" backgroundColor="transparent" fontSize="14px" {...views?.input} value={value} onValueChange={onValueChange} placeholder={placeholder} ref={inputRef}/>
     </View>);
 };
 export const CommandList = ({ children, views, ...props }) => {
@@ -54,7 +56,7 @@ export const CommandItem = ({ item, selected = false, onSelect, views, ...props
             onSelect();
         }
     };
-    return (<Horizontal {...CommandItemStyles} {...(selected ? CommandItemSelectedStyles : {})} {...(item.disabled ? CommandItemDisabledStyles : {})} onClick={handleClick} {...views?.container} {...props}>
+    return (<Horizontal {...CommandItemStyles} {...(selected ? CommandItemSelectedStyles : {})} {...(item.disabled ? CommandItemDisabledStyles : {})} onPress={handleClick} onClick={handleClick} {...views?.container} {...props}>
       {item.icon && (<View {...CommandItemIconStyles} {...views?.icon}>
           {item.icon}
         </View>)}
@@ -104,7 +106,7 @@ export const CommandView = ({ open, onOpenChange, groups = [], commands = [], pl
     ]);
     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}>
+    return (<CommandOverlay onClose={() => onOpenChange(false)} {...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}/>
@@ -135,6 +137,6 @@ export const CommandView = ({ open, onOpenChange, groups = [], commands = [], pl
             </View>)}
         </View>
       </CommandProvider>
-    </View>);
+    </CommandOverlay>);
 };
 //# sourceMappingURL=Command.view.js.map

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

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

@@ -0,0 +1,184 @@
+import React, { createContext, useContext, useRef } from 'react';
+import { Horizontal, Text, Vertical, View } from 'app-studio';
+import { ActionSheet } from '../../ActionSheet/ActionSheet';
+import { CloseIcon, SearchIcon } from '../../Icon/Icon';
+import { CommandTextInput } from './CommandTextInput';
+const CommandActionMetrics = {
+    sm: {
+        minHeight: 48,
+        paddingVertical: 9,
+        titleSize: 15,
+        descriptionSize: 12,
+    },
+    md: {
+        minHeight: 56,
+        paddingVertical: 11,
+        titleSize: 16,
+        descriptionSize: 13,
+    },
+    lg: {
+        minHeight: 64,
+        paddingVertical: 13,
+        titleSize: 17,
+        descriptionSize: 14,
+    },
+};
+const CommandContext = createContext({
+    search: '',
+    setSearch: () => { },
+    selectedIndex: 0,
+    setSelectedIndex: () => { },
+    filteredCommands: [],
+    onSelect: () => { },
+});
+export const useCommandContext = () => useContext(CommandContext);
+export const CommandProvider = ({ value, children }) => (<CommandContext.Provider value={value}>{children}</CommandContext.Provider>);
+export const CommandInput = ({ value, onValueChange, placeholder = 'Search actions', views, ...props }) => {
+    const inputRef = useRef(null);
+    React.useEffect(() => {
+        const timer = setTimeout(() => inputRef.current?.focus?.(), 120);
+        return () => clearTimeout(timer);
+    }, []);
+    return (<Horizontal alignItems="center" paddingHorizontal={16} paddingTop={2} paddingBottom={12} {...views?.container} {...props}>
+      <Horizontal flex={1} minHeight={44} alignItems="center" borderRadius={14} paddingHorizontal={12} backgroundColor="color-gray-100">
+        <SearchIcon widthHeight={17} color="color-gray-500" marginRight={8}/>
+        <CommandTextInput width="100%" backgroundColor="transparent" color="#111827" fontSize={16} placeholderTextColor="#6B7280" returnKeyType="search" autoCapitalize="none" autoCorrect={false} {...views?.input} value={value} onValueChange={onValueChange} placeholder={placeholder} ref={inputRef}/>
+        {value.length > 0 && (<Horizontal widthHeight={28} alignItems="center" justifyContent="center" borderRadius={999} backgroundColor="color-gray-200" marginLeft={8} onPress={() => onValueChange('')} onClick={() => onValueChange('')}>
+            <CloseIcon widthHeight={14} color="color-gray-600"/>
+          </Horizontal>)}
+      </Horizontal>
+    </Horizontal>);
+};
+export const CommandList = ({ children, views, ...props }) => (<Vertical paddingTop={2} paddingBottom={8} {...views?.container} {...props}>
+    {children}
+  </Vertical>);
+export const CommandGroup = ({ heading, children, views, ...props }) => (<Vertical paddingBottom={8} {...views?.container} {...props}>
+    <Text paddingHorizontal={20} paddingTop={14} paddingBottom={6} fontSize={12} lineHeight={16} fontWeight="600" color="color-gray-500" textTransform="uppercase" {...views?.heading}>
+      {heading}
+    </Text>
+    {children}
+  </Vertical>);
+export const CommandItem = ({ item, selected = false, onSelect, views, ...props }) => {
+    const handlePress = () => {
+        if (!item.disabled && onSelect)
+            onSelect();
+    };
+    return (<Horizontal alignItems="center" minHeight={56} paddingVertical={11} paddingHorizontal={20} borderBottomWidth={1} borderBottomColor="color-gray-100" backgroundColor={selected ? 'color-gray-100' : 'transparent'} opacity={item.disabled ? 0.5 : 1} onPress={handlePress} onClick={handlePress} {...views?.container} {...props}>
+      {item.icon && (<View widthHeight={34} alignItems="center" justifyContent="center" borderRadius={17} backgroundColor="color-gray-100" marginRight={12} flexShrink={0} {...views?.icon}>
+          {item.icon}
+        </View>)}
+      <Vertical flex={1} minWidth={0} gap={2} {...views?.content}>
+        <Text fontSize={16} lineHeight={22} fontWeight="500" color="color-gray-900" {...views?.name}>
+          {item.name}
+        </Text>
+        {item.description && (<Text fontSize={13} lineHeight={18} color="color-gray-500" {...views?.description}>
+            {item.description}
+          </Text>)}
+      </Vertical>
+      {item.shortcut && (<Text marginLeft={12} fontSize={12} lineHeight={16} color="color-gray-500" backgroundColor="color-gray-100" borderRadius={6} paddingHorizontal={7} paddingVertical={3} {...views?.shortcut}>
+          {item.shortcut}
+        </Text>)}
+    </Horizontal>);
+};
+export const CommandEmpty = ({ children = 'No results found.', views, ...props }) => (<View alignItems="center" justifyContent="center" minHeight={132} paddingHorizontal={24} paddingVertical={28} {...views?.container} {...props}>
+    {typeof children === 'string' ? (<Text fontSize={15} lineHeight={22} color="color-gray-500" textAlign="center">
+        {children}
+      </Text>) : (children)}
+  </View>);
+export const CommandView = ({ open, onOpenChange, groups = [], commands: _commands = [], placeholder, size = 'md', variant: _variant = 'default', emptyState, footer, search, setSearch, selectedIndex, setSelectedIndex, filteredCommands, filteredGroups, listRef, views, filter: _filter, ...props }) => {
+    const closeCommand = React.useCallback(() => {
+        onOpenChange(false);
+        setSearch('');
+    }, [onOpenChange, setSearch]);
+    const handleItemSelect = React.useCallback((item) => {
+        if (item.disabled)
+            return;
+        item.onSelect();
+        closeCommand();
+    }, [closeCommand]);
+    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;
+    const sheetSize = size === 'sm' ? 'sm' : size === 'lg' ? 'lg' : 'md';
+    const actionMetrics = CommandActionMetrics[sheetSize];
+    return (<ActionSheet isOpen={open} onClose={closeCommand} showHandle maxHeight="86%" size={sheetSize} header={<CommandInput value={search} onValueChange={setSearch} placeholder={placeholder} views={views?.searchInput}/>} views={{
+            sheet: {
+                paddingTop: 8,
+                ...views?.container,
+            },
+            content: {
+                paddingTop: 2,
+                paddingBottom: 8,
+                ...views?.list,
+            },
+        }} {...props}>
+      <CommandProvider value={contextValue}>
+        <Vertical ref={listRef}>
+          {isEmpty ? (emptyState ? (typeof emptyState === 'string' ? (<CommandEmpty views={views?.empty}>{emptyState}</CommandEmpty>) : (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)} views={{
+                        container: {
+                            minHeight: actionMetrics.minHeight,
+                            paddingVertical: actionMetrics.paddingVertical,
+                            ...views?.item,
+                        },
+                        icon: views?.icon,
+                        content: views?.content,
+                        name: {
+                            fontSize: actionMetrics.titleSize,
+                            lineHeight: actionMetrics.titleSize + 6,
+                            ...views?.name,
+                        },
+                        description: {
+                            fontSize: actionMetrics.descriptionSize,
+                            lineHeight: actionMetrics.descriptionSize + 5,
+                            ...views?.description,
+                        },
+                        shortcut: views?.shortcut,
+                    }}/>);
+            })}
+              </CommandGroup>))) : (filteredCommands.map((item, index) => (<CommandItem key={item.id} item={item} selected={index === selectedIndex} onSelect={() => handleItemSelect(item)} views={{
+                container: {
+                    minHeight: actionMetrics.minHeight,
+                    paddingVertical: actionMetrics.paddingVertical,
+                    ...views?.item,
+                },
+                icon: views?.icon,
+                content: views?.content,
+                name: {
+                    fontSize: actionMetrics.titleSize,
+                    lineHeight: actionMetrics.titleSize + 6,
+                    ...views?.name,
+                },
+                description: {
+                    fontSize: actionMetrics.descriptionSize,
+                    lineHeight: actionMetrics.descriptionSize + 5,
+                    ...views?.description,
+                },
+                shortcut: views?.shortcut,
+            }}/>)))}
+          {footer && (<View paddingHorizontal={20} paddingTop={12} paddingBottom={8} borderTopWidth={1} borderTopColor="color-gray-100" {...views?.footer}>
+              {typeof footer === 'string' ? (<Text fontSize={12} lineHeight={18} color="color-gray-500">
+                  {footer}
+                </Text>) : (footer)}
+            </View>)}
+        </Vertical>
+      </CommandProvider>
+    </ActionSheet>);
+};
+//# sourceMappingURL=Command.view.native.js.map

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+/**
+ * CommandOverlay (web) — full-screen fixed backdrop that centers the palette.
+ * Clicking the backdrop (but not the palette) closes.
+ */
+export declare const CommandOverlay: React.FC<{
+    onClose?: () => void;
+    children: React.ReactNode;
+    [key: string]: any;
+}>;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { View } from 'app-studio';
+/**
+ * CommandOverlay (web) — full-screen fixed backdrop that centers the palette.
+ * Clicking the backdrop (but not the palette) closes.
+ */
+export const CommandOverlay = ({ onClose, children, ...props }) => (<View position="fixed" top={0} left={0} right={0} bottom={0} display="flex" alignItems="center" justifyContent="center" backgroundColor="color-blackAlpha-400" zIndex={9999} onClick={(e) => {
+        if (e.target === e.currentTarget)
+            onClose?.();
+    }} {...props}>
+    {children}
+  </View>);
+//# sourceMappingURL=CommandOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandOverlay.js","sourceRoot":"","sources":["../../../../../src/components/Command/Command/CommandOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAItB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACxC,CAAC,IAAI,CACH,QAAQ,CAAC,OAAO,CAChB,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,IAAI,CAAC,CAAC,CAAC,CAAC,CACR,KAAK,CAAC,CAAC,CAAC,CAAC,CACT,MAAM,CAAC,CAAC,CAAC,CAAC,CACV,OAAO,CAAC,MAAM,CACd,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,QAAQ,CACvB,eAAe,CAAC,sBAAsB,CACtC,MAAM,CAAC,CAAC,IAAI,CAAC,CACb,OAAO,CAAC,CAAC,CAAC,CAAM,EAAE,EAAE;QAClB,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa;YAAE,OAAO,EAAE,EAAE,CAAC;IAChD,CAAC,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,IAAI,CAAC,CACR,CAAC"}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+/**
+ * CommandOverlay (React Native) — render the command palette as a bottom sheet
+ * (ActionSheet), the default native overlay behaviour shared with Select /
+ * DropdownMenu / ContextMenu / Menubar / pickers. It only mounts while the
+ * palette is open, so the sheet is always visible; `onClose` dismisses it.
+ */
+export declare const CommandOverlay: React.FC<{
+    onClose?: () => void;
+    children: React.ReactNode;
+    [key: string]: any;
+}>;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ActionSheet } from '../../ActionSheet/ActionSheet';
+/**
+ * CommandOverlay (React Native) — render the command palette as a bottom sheet
+ * (ActionSheet), the default native overlay behaviour shared with Select /
+ * DropdownMenu / ContextMenu / Menubar / pickers. It only mounts while the
+ * palette is open, so the sheet is always visible; `onClose` dismisses it.
+ */
+export const CommandOverlay = ({ onClose, children }) => (<ActionSheet isOpen onClose={onClose} showHandle maxHeight="80%">
+    {children}
+  </ActionSheet>);
+//# sourceMappingURL=CommandOverlay.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandOverlay.native.js","sourceRoot":"","sources":["../../../../../src/components/Command/Command/CommandOverlay.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAItB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC9B,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAC9D;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,WAAW,CAAC,CACf,CAAC"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ViewProps } from 'app-studio';
+export interface CommandTextInputProps extends Omit<ViewProps, 'onChange' | 'value'> {
+    value: string;
+    onValueChange: (value: string) => void;
+    placeholder?: string;
+}
+export declare const CommandTextInput: React.ForwardRefExoticComponent<CommandTextInputProps & React.RefAttributes<any>>;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Input } from 'app-studio';
+export const CommandTextInput = React.forwardRef(({ value, onValueChange, ...props }, ref) => (<Input value={value} onChange={(event) => onValueChange(typeof event === 'string'
+        ? event
+        : event?.target?.value ?? event?.nativeEvent?.text ?? '')} ref={ref} {...props}/>));
+CommandTextInput.displayName = 'CommandTextInput';
+//# sourceMappingURL=CommandTextInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandTextInput.js","sourceRoot":"","sources":["../../../../../src/components/Command/Command/CommandTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAa,MAAM,YAAY,CAAC;AAS9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAC9C,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3C,CAAC,KAAK,CACJ,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,CAAC,KAAU,EAAE,EAAE,CACvB,aAAa,CACX,OAAO,KAAK,KAAK,QAAQ;QACvB,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,KAAK,EAAE,WAAW,EAAE,IAAI,IAAI,EAAE,CAE9D,CAAC,CACD,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,KAAK,CAAC,EACV,CACH,CACF,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface CommandTextInputProps {
+    value: string;
+    onValueChange: (value: string) => void;
+    placeholder?: string;
+    width?: string | number;
+    fontSize?: string | number;
+    color?: string;
+    backgroundColor?: string;
+    style?: any;
+    [key: string]: any;
+}
+export declare const CommandTextInput: React.ForwardRefExoticComponent<Omit<CommandTextInputProps, "ref"> & React.RefAttributes<any>>;

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { TextInput } from 'react-native';
+export const CommandTextInput = React.forwardRef(({ value, onValueChange, width, fontSize = 14, color = '#111827', backgroundColor, border: _border, outline: _outline, style, ...props }, ref) => {
+    const resolvedFontSize = typeof fontSize === 'number'
+        ? fontSize
+        : parseFloat(String(fontSize).replace('px', '')) || 14;
+    return (<TextInput value={value} onChangeText={onValueChange} ref={ref} style={[
+            {
+                flex: width === '100%' ? 1 : undefined,
+                width: typeof width === 'number' ? width : undefined,
+                minWidth: 0,
+                paddingVertical: 0,
+                paddingHorizontal: 0,
+                borderWidth: 0,
+                lineHeight: resolvedFontSize + 4,
+                includeFontPadding: false,
+                backgroundColor: backgroundColor === 'transparent'
+                    ? 'transparent'
+                    : backgroundColor,
+                color,
+                fontSize: resolvedFontSize,
+            },
+            style,
+        ]} {...props}/>);
+});
+CommandTextInput.displayName = 'CommandTextInput';
+//# sourceMappingURL=CommandTextInput.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandTextInput.native.js","sourceRoot":"","sources":["../../../../../src/components/Command/Command/CommandTextInput.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAczC,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAC9C,CACE,EACE,KAAK,EACL,aAAa,EACb,KAAK,EACL,QAAQ,GAAG,EAAE,EACb,KAAK,GAAG,SAAS,EACjB,eAAe,EACf,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,QAAQ,EACjB,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,gBAAgB,GACpB,OAAO,QAAQ,KAAK,QAAQ;QAC1B,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;IAE3D,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,aAAa,CAAC,CAC5B,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC;YACL;gBACE,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;gBACtC,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;gBACpD,QAAQ,EAAE,CAAC;gBACX,eAAe,EAAE,CAAC;gBAClB,iBAAiB,EAAE,CAAC;gBACpB,WAAW,EAAE,CAAC;gBACd,UAAU,EAAE,gBAAgB,GAAG,CAAC;gBAChC,kBAAkB,EAAE,KAAK;gBACzB,eAAe,EACb,eAAe,KAAK,aAAa;oBAC/B,CAAC,CAAC,aAAa;oBACf,CAAC,CAAC,eAAe;gBACrB,KAAK;gBACL,QAAQ,EAAE,gBAAgB;aAC3B;YACD,KAAK;SACN,CAAC,CACF,IAAI,KAAK,CAAC,EACV,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

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

@@ -19,6 +19,7 @@ export interface ContextMenuTriggerProps {
     isDisabled?: boolean;
     views?: {
         container?: ViewProps;
+        indicator?: ViewProps;
     };
 }
 export interface ContextMenuContentProps extends Omit<ViewProps, 'position'> {

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

@@ -46,6 +46,14 @@ export const useContextMenuState = (props) => {
                 closeMenu();
             }
         };
+        // `document`/`window` are web-only; on React Native there is no global
+        // event target to listen to, so skip attaching listeners (and creating a
+        // cleanup that references them).
+        // Hermes/Expo can define partial `window`/`document` globals WITHOUT
+        // `addEventListener`; check the method itself, not just `typeof … undefined`.
+        if (typeof document?.addEventListener !== 'function' ||
+            typeof window?.addEventListener !== 'function')
+            return;
         document.addEventListener('mousedown', handleClickOutside);
         window.addEventListener('resize', handleResize);
         document.addEventListener('keydown', handleKeyDown);

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.state.js","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/ContextMenu/ContextMenu.state.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ContextMenu.state.js","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/ContextMenu/ContextMenu.state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,mNAAmN;AACnN,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAInC,EAAE,EAAE;IACH,yIAAyI;IACzI,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC;IACpD,sFAAsF;IACtF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,qFAAqF;IACrF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACzD,oGAAoG;IACpG,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC5E,0EAA0E;IAC1E,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAC7C,iFAAiF;IACjF,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,yGAAyG;IACzG,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,qBAAqB,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7E,4FAA4F;IAC5F,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAuB,EAAE,EAAE;QAC1B,WAAW,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;QACpD,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IACF,6FAA6F;IAC7F,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACzB,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACnB,8HAA8H;IAC9H,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC/C,IACE,UAAU,CAAC,OAAO;gBAClB,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAClD,CAAC;gBACD,SAAS,EAAE,CAAC;YACd,CAAC;QACH,CAAC,CAAC;QACF,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,IAAI,MAAM,EAAE,CAAC;gBACX,SAAS,EAAE,CAAC;YACd,CAAC;QACH,CAAC,CAAC;QACF,MAAM,aAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,MAAM,EAAE,CAAC;gBACrC,SAAS,EAAE,CAAC;YACd,CAAC;QACH,CAAC,CAAC;QACF,uEAAuE;QACvE,yEAAyE;QACzE,iCAAiC;QACjC,qEAAqE;QACrE,8EAA8E;QAC9E,IACE,OAAO,QAAQ,EAAE,gBAAgB,KAAK,UAAU;YAChD,OAAO,MAAM,EAAE,gBAAgB,KAAK,UAAU;YAE9C,OAAO;QACT,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAC9D,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACnD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IACxB,OAAO;QACL,MAAM;QACN,SAAS;QACT,QAAQ;QACR,WAAW;QACX,eAAe;QACf,kBAAkB;QAClB,IAAI;QACJ,OAAO;QACP,UAAU;QACV,UAAU;QACV,SAAS;QACT,QAAQ;QACR,SAAS;KACV,CAAC;AACJ,CAAC,CAAC"}

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

@@ -7,7 +7,9 @@ export declare const ContextMenuProvider: React.FC<{
     value: ContextMenuContextType;
 }>;
 export declare const useContextMenuContext: () => ContextMenuContextType;
-export declare const ContextMenuTrigger: React.FC<ContextMenuTriggerProps>;
+export declare const ContextMenuTrigger: React.FC<ContextMenuTriggerProps & {
+    showIndicator?: boolean;
+}>;
 export declare const ContextMenuContent: React.FC<ContextMenuContentProps>;
 export declare const ContextMenuItem: React.FC<ContextMenuItemProps>;
 export declare const ContextMenuDivider: React.FC<ContextMenuDividerProps>;

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

@@ -1,6 +1,7 @@
 import React, { createContext, useContext } from 'react';
-import { Modal, ScrollView } from 'react-native';
 import { View, Text } from 'app-studio';
+import { ActionSheet } from '../../ActionSheet/ActionSheet';
+import { MoreIcon } from '../../Icon/Icon';
 import { ContextMenuSizes, ContextMenuVariants } from './ContextMenu.style';
 const ContextMenuContext = createContext({
     isOpen: false,
@@ -29,9 +30,9 @@ export const useContextMenuContext = () => {
     }
     return context;
 };
-export const ContextMenuTrigger = ({ children, isDisabled = false, views, asChild = false, ...props }) => {
+export const ContextMenuTrigger = ({ children, isDisabled = false, views, asChild = false, showIndicator = true, ...props }) => {
     const { openMenu, setIsOpen } = useContextMenuContext();
-    const handleLongPress = (e) => {
+    const handleOpen = (e) => {
         if (isDisabled)
             return;
         if (openMenu)
@@ -39,34 +40,49 @@ export const ContextMenuTrigger = ({ children, isDisabled = false, views, asChil
         else
             setIsOpen(true);
     };
+    // On native a long-press has no visible affordance, so a context menu reads
+    // as non-interactive. Open on tap AND long-press, and overlay a small "⋯"
+    // indicator so users can see there's a menu.
     const triggerProps = {
-        onLongPress: handleLongPress,
+        onPress: handleOpen,
+        onClick: handleOpen,
+        onLongPress: handleOpen,
         ...views?.container,
         ...props,
     };
     if (asChild && React.isValidElement(children)) {
         return React.cloneElement(children, triggerProps);
     }
-    return <View {...triggerProps}>{children}</View>;
+    return (<View position="relative" {...triggerProps}>
+      {children}
+      {showIndicator && !isDisabled && (<View position="absolute" top={6} right={6} width={20} height={20} borderRadius={999} alignItems="center" justifyContent="center" backgroundColor="color-blackAlpha-100" pointerEvents="none" {...views?.indicator}>
+          <MoreIcon widthHeight={14} color="color-gray-600"/>
+        </View>)}
+    </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>);
+    const { isOpen, setIsOpen, variant, size } = useContextMenuContext();
+    return (<ActionSheet isOpen={isOpen} onClose={() => setIsOpen(false)} size={size} items={(items || []).map((item, index) => item.divider
+            ? { id: `divider-${index}`, divider: true }
+            : {
+                id: item.id,
+                label: item.label,
+                icon: item.icon,
+                isDisabled: item.disabled,
+                onPress: () => item.onClick?.(),
+            })} views={{
+            sheet: {
+                ...ContextMenuVariants[variant],
+                ...views?.menu,
+                ...views?.content,
+                ...props,
+            },
+            item: views?.item,
+            itemIcon: views?.icon,
+            divider: views?.divider,
+        }}>
+      {children}
+    </ActionSheet>);
 };
 export const ContextMenuItem = ({ item, children, onSelect, isDisabled = false, views, ...props }) => {
     const { size, closeMenu } = useContextMenuContext();