@app-studio/components 0.10.17

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ToolbarItem } from './EditToolbar';
+interface EditComponentProps {
+    targetElement: HTMLElement | null;
+    defaultToolId?: string;
+    onClose?: () => void;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    sideOffset?: number;
+    variant?: 'floating' | 'overlay';
+    items?: ToolbarItem[];
+    onToolAction?: (id: string) => void;
+}
+export declare const EditComponent: React.FC<EditComponentProps>;
+export {};

package/dist/native/components/EditComponent/EditComponent.js

@@ -0,0 +1,185 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { View, useElementPosition } from 'app-studio';
+import { EditToolbar } from './EditToolbar';
+import { EditPanel } from './EditPanel';
+const TOOLBAR_ITEMS = [
+    { id: 'download', icon: 'download', special: true },
+    { id: 'style', icon: 'palette' },
+    { id: 'text', icon: 'type' },
+    { id: 'actions', icon: 'zap' },
+    { id: 'format', icon: 'brush' },
+    { id: 'move', icon: 'move' },
+    { id: 'sync', icon: 'refresh-cw' },
+    { id: 'info', icon: 'info' },
+];
+export const EditComponent = ({ targetElement, defaultToolId, onClose, side = 'right', sideOffset = 12, variant = 'floating', items = TOOLBAR_ITEMS, onToolAction, }) => {
+    const [activeToolId, setActiveToolId] = useState(undefined);
+    const containerRef = useRef(null);
+    const isOverlay = variant === 'overlay';
+    // Use useElementPosition for intelligent positioning logic
+    // mimicking HoverCard implementation
+    const { ref: positionRef, relation } = useElementPosition({
+        trackChanges: true,
+        trackOnHover: false,
+        trackOnScroll: true,
+        trackOnResize: true,
+    });
+    // Sync the position ref with the target element
+    useEffect(() => {
+        if (targetElement && positionRef) {
+            positionRef.current = targetElement;
+        }
+        // Reset the active form when the element changes
+        setActiveToolId(undefined);
+    }, [targetElement, positionRef]);
+    // Force re-render on scroll to update position
+    const [, forceUpdate] = useState(0);
+    useEffect(() => {
+        const handleScroll = () => forceUpdate((n) => n + 1);
+        window.addEventListener('scroll', handleScroll, true);
+        window.addEventListener('resize', handleScroll);
+        return () => {
+            window.removeEventListener('scroll', handleScroll, true);
+            window.removeEventListener('resize', handleScroll);
+        };
+    }, []);
+    // Lock the placement when target element changes (prevents shift when panel opens)
+    const [lockedPlacement, setLockedPlacement] = useState(null);
+    useEffect(() => {
+        if (targetElement) {
+            const rect = targetElement.getBoundingClientRect();
+            const viewportWidth = window.innerWidth;
+            const viewportHeight = window.innerHeight;
+            const spaces = {
+                right: viewportWidth - rect.right,
+                left: rect.left,
+                top: rect.top,
+                bottom: viewportHeight - rect.bottom,
+            };
+            const sorted = Object.entries(spaces).sort(([, a], [, b]) => b - a);
+            setLockedPlacement(sorted[0][0]);
+        }
+        else {
+            setLockedPlacement(null);
+        }
+    }, [targetElement]);
+    // Calculate position style
+    const getPositionStyles = () => {
+        if (!targetElement)
+            return { display: 'none' };
+        const triggerRect = targetElement.getBoundingClientRect();
+        if (isOverlay) {
+            // Inner Top positioning
+            return {
+                position: 'fixed',
+                left: triggerRect.left + 16,
+                top: triggerRect.top + 16,
+                zIndex: 9999,
+            };
+        }
+        // Use locked placement (calculated once when target changes)
+        const placement = lockedPlacement || 'right';
+        let x = 0;
+        let y = 0;
+        let transform = 'None';
+        switch (placement) {
+            case 'bottom':
+                x = triggerRect.left + triggerRect.width / 2;
+                y = triggerRect.bottom + sideOffset;
+                transform = 'translateX(-50%)';
+                break;
+            case 'top':
+                x = triggerRect.left + triggerRect.width / 2;
+                y = triggerRect.top - sideOffset;
+                transform = 'translate(-50%, -100%)';
+                break;
+            case 'right':
+                x = triggerRect.right + sideOffset;
+                y = triggerRect.top;
+                transform = 'none';
+                break;
+            case 'left':
+                x = triggerRect.left - sideOffset;
+                y = triggerRect.top;
+                transform = 'translateX(-100%)';
+                break;
+        }
+        return {
+            position: 'fixed',
+            left: x,
+            top: y,
+            zIndex: 9999,
+            transform,
+        };
+    };
+    const getPanelStyle = () => {
+        if (isOverlay) {
+            return { position: 'absolute', top: '100%', left: 0, marginTop: '12px' };
+        }
+        const placement = lockedPlacement || 'right';
+        switch (placement) {
+            case 'top':
+                return {
+                    position: 'absolute',
+                    bottom: '100%',
+                    left: '50%',
+                    transform: 'translateX(-50%)',
+                    marginBottom: '12px',
+                };
+            case 'bottom':
+                return {
+                    position: 'absolute',
+                    top: '100%',
+                    left: '50%',
+                    transform: 'translateX(-50%)',
+                    marginTop: '12px',
+                };
+            case 'left':
+                return {
+                    position: 'absolute',
+                    right: '100%',
+                    top: 0,
+                    marginRight: '12px',
+                };
+            case 'right':
+                return {
+                    position: 'absolute',
+                    left: '100%',
+                    top: 0,
+                    marginLeft: '12px',
+                };
+            default:
+                return {};
+        }
+    };
+    const handleToolSelect = (id) => {
+        const tool = items.find((t) => t.id === id);
+        if (tool?.actionOnly) {
+            setActiveToolId(undefined); // Close pre-existing form
+            onToolAction && onToolAction(id);
+            return;
+        }
+        if (activeToolId === id) {
+            // keep open or toggle logic
+        }
+        else {
+            setActiveToolId(id);
+        }
+    };
+    const handlePanelClose = () => {
+        setActiveToolId(undefined);
+        onClose && onClose();
+    };
+    if (!targetElement)
+        return null;
+    return (<View ref={containerRef} pointerEvents="auto" style={getPositionStyles()} onClick={(e) => e.stopPropagation()}>
+      <EditToolbar items={items} activeToolId={activeToolId} onSelectTool={handleToolSelect} orientation={isOverlay || lockedPlacement === 'top' || lockedPlacement === 'bottom'
+            ? 'horizontal'
+            : 'vertical'}/>
+
+      {activeToolId && (<View animation="fadeIn 0.2s" style={getPanelStyle()}>
+          <EditPanel activeToolId={activeToolId} onClose={handlePanelClose}/>
+        </View>)}
+    </View>);
+};
+//# sourceMappingURL=EditComponent.js.map

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

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

package/dist/native/components/EditComponent/EditPanel.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface EditPanelProps {
+    onClose?: () => void;
+    activeToolId?: string;
+}
+export declare const EditPanel: React.FC<EditPanelProps>;
+export {};

package/dist/native/components/EditComponent/EditPanel.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import { Vertical, Horizontal, Text, View } from 'app-studio';
+import { Button } from '../Button/Button';
+import { Icon } from '../Icon/Icon';
+// We'll assume Select is available in app-studio or we mock it.
+// Since I can't verify 'app-studio' exports easily without package inspection (which I did but 'main' helps),
+// I will create a simple mock Select for the purpose of this visual component if the real one is complex or missing.
+// However, seeing DefaultSelect uses it simply, I'll try to use a mock to be safe and perfectly match the visual style of the image.
+const MockSelect = ({ label, value, options }) => (<View>
+    <Horizontal justifyContent="space-between" width="100%" padding="10px 12px" border="1px solid color-gray-300" borderRadius="8px" alignItems="center" backgroundColor="white" transition="border-color 0.2s ease, background-color 0.2s ease">
+      <Text color="color-gray-900">{value || options[0]?.label}</Text>
+      <Icon name="chevron-down" size={16}/>
+    </Horizontal>
+  </View>);
+export const EditPanel = ({ onClose, activeToolId, }) => {
+    // Only show if we have an active tool
+    if (!activeToolId)
+        return null;
+    // For this demo, we only really implement the "text" (Fonts) tool panel as per image.
+    // But we show a header for others.
+    const renderFontsForm = () => (<Vertical gap={16}>
+      <Vertical gap={8}>
+        <Text fontSize="12px" color="color-gray-500" fontWeight="600">
+          TITLE
+        </Text>
+        <MockSelect value="Roboto" options={[{ label: 'Roboto', value: 'Roboto' }]}/>
+        <MockSelect value="Bold" options={[{ label: 'Bold', value: 'Bold' }]}/>
+      </Vertical>
+
+      <Vertical gap={8}>
+        <Text fontSize="12px" color="color-gray-500" fontWeight="600">
+          LABEL
+        </Text>
+        <MockSelect value="Roboto" options={[{ label: 'Roboto', value: 'Roboto' }]}/>
+        <MockSelect value="Regular" options={[{ label: 'Regular', value: 'Regular' }]}/>
+      </Vertical>
+
+      <Vertical gap={8}>
+        <Text fontSize="12px" color="color-gray-500" fontWeight="600">
+          DESCRIPTION
+        </Text>
+        <MockSelect value="Roboto" options={[{ label: 'Roboto', value: 'Roboto' }]}/>
+        <MockSelect value="Regular" options={[{ label: 'Regular', value: 'Regular' }]}/>
+      </Vertical>
+
+      <Vertical gap={12} alignItems="center" marginTop="24px">
+        <Text fontSize="14px" textAlign="center">
+          Use these fonts every time?
+        </Text>
+        <Button variant="outline" icon={<Icon name="wand" size={16}/>} iconPosition="left">
+          Brand Studio
+        </Button>
+      </Vertical>
+    </Vertical>);
+    return (<Vertical width="280px" backgroundColor="white" borderRadius="12px" padding="16px" border="1px solid color-gray-200" boxShadow="0 12px 32px rgba(15, 23, 42, 0.12)" height="fit-content">
+      {/* Header */}
+      <Horizontal alignItems="center" gap={8} marginBottom="16px">
+        <View onClick={onClose} cursor="pointer">
+          <Icon name="chevron-left" size={20}/>
+        </View>
+        <Text fontWeight="bold" fontSize="18px">
+          {activeToolId === 'text'
+            ? 'Fonts'
+            : activeToolId.charAt(0).toUpperCase() + activeToolId.slice(1)}
+        </Text>
+      </Horizontal>
+
+      {/* Content */}
+      {activeToolId === 'text' ? (renderFontsForm()) : (<Text>Settings for {activeToolId}</Text>)}
+    </Vertical>);
+};
+//# sourceMappingURL=EditPanel.js.map

package/dist/native/components/EditComponent/EditPanel.js.map

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

package/dist/native/components/EditComponent/EditToolbar.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface ToolbarItem {
+    id: string;
+    icon: string;
+    label?: string;
+    special?: boolean;
+    actionOnly?: boolean;
+}
+interface EditToolbarProps {
+    items: ToolbarItem[];
+    activeToolId?: string;
+    onSelectTool: (id: string) => void;
+    orientation?: 'vertical' | 'horizontal';
+}
+export declare const EditToolbar: React.FC<EditToolbarProps>;
+export {};

package/dist/native/components/EditComponent/EditToolbar.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Vertical, View, Horizontal } from 'app-studio';
+import { Icon } from '../Icon/Icon';
+export const EditToolbar = ({ items, activeToolId, onSelectTool, orientation = 'vertical', }) => {
+    const Container = orientation === 'horizontal' ? Horizontal : Vertical;
+    return (<Container backgroundColor="white" borderRadius="12px" padding="8px" gap={8} width="fit-content" boxShadow="0px 4px 12px rgba(0,0,0,0.1)" alignItems="center">
+      {items.map((item) => {
+            const isActive = activeToolId === item.id;
+            const isSpecial = item.special;
+            return (<View key={item.id} onClick={() => onSelectTool(item.id)} borderRadius="8px" padding="8px" cursor="pointer" backgroundColor={isActive
+                    ? isSpecial
+                        ? 'color-gray-800'
+                        : 'color-gray-100'
+                    : 'transparent'} _hover={{
+                    backgroundColor: isActive
+                        ? isSpecial
+                            ? 'color-gray-800'
+                            : 'color-gray-100'
+                        : 'color-gray-100',
+                }}>
+            <Icon name={item.icon} color={isActive && isSpecial ? 'white' : 'color-gray-500'} size={20}/>
+          </View>);
+        })}
+    </Container>);
+};
+//# sourceMappingURL=EditToolbar.js.map

package/dist/native/components/EditComponent/EditToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditToolbar.js","sourceRoot":"","sources":["../../../../src/components/EditComponent/EditToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAiBpC,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,WAAW,GAAG,UAAU,GACzB,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvE,OAAO,CACL,CAAC,SAAS,CACR,eAAe,CAAC,OAAO,CACvB,YAAY,CAAC,MAAM,CACnB,OAAO,CAAC,KAAK,CACb,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,KAAK,CAAC,aAAa,CACnB,SAAS,CAAC,8BAA8B,CACxC,UAAU,CAAC,QAAQ,CAEnB;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAClB,MAAM,QAAQ,GAAG,YAAY,KAAK,IAAI,CAAC,EAAE,CAAC;YAC1C,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;YAE/B,OAAO,CACL,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CACb,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CACrC,YAAY,CAAC,KAAK,CAClB,OAAO,CAAC,KAAK,CACb,MAAM,CAAC,SAAS,CAChB,eAAe,CAAC,CACd,QAAQ;oBACN,CAAC,CAAC,SAAS;wBACT,CAAC,CAAC,gBAAgB;wBAClB,CAAC,CAAC,gBAAgB;oBACpB,CAAC,CAAC,aACN,CAAC,CACD,MAAM,CAAC,CAAC;oBACN,eAAe,EAAE,QAAQ;wBACvB,CAAC,CAAC,SAAS;4BACT,CAAC,CAAC,gBAAgB;4BAClB,CAAC,CAAC,gBAAgB;wBACpB,CAAC,CAAC,gBAAgB;iBACrB,CAAC,CAEF;YAAA,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,IAAI,CAAC,IAAW,CAAC,CACvB,KAAK,CAAC,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAC1D,IAAI,CAAC,CAAC,EAAE,CAAC,EAEb;UAAA,EAAE,IAAI,CAAC,CACR,CAAC;QACJ,CAAC,CAAC,CACJ;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './EditComponent';
+export * from './EditToolbar';
+export * from './EditPanel';

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

@@ -0,0 +1,4 @@
+export * from './EditComponent';
+export * from './EditToolbar';
+export * from './EditPanel';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/EditComponent/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,47 @@
+import { ViewProps } from 'app-studio';
+import { Variant, Shape, Size, EmojiPickerStyles, EmojiCategory, Emoji } from './EmojiPicker.type';
+export interface EmojiPickerProps extends Omit<ViewProps, 'onChange'> {
+    id?: string;
+    name?: string;
+    label?: string;
+    placeholder?: string;
+    helperText?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (emoji: string) => void;
+    onEmojiSelect?: (emoji: Emoji) => void;
+    views?: EmojiPickerStyles;
+    size?: Size;
+    shape?: Shape;
+    variant?: Variant;
+    error?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    showSearch?: boolean;
+    showCategories?: boolean;
+    showRecentEmojis?: boolean;
+    maxRecentEmojis?: number;
+    enabledCategories?: EmojiCategory[];
+    customEmojis?: Emoji[];
+    isOpen?: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+    closeOnSelect?: boolean;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export interface EmojiPickerViewProps extends EmojiPickerProps {
+    isOpen: boolean;
+    selectedEmoji: string;
+    recentEmojis: Emoji[];
+    searchQuery: string;
+    activeCategory: EmojiCategory;
+    filteredEmojis: Emoji[];
+    handleToggle: () => void;
+    handleEmojiSelect: (emoji: Emoji) => void;
+    handleSearchChange: (query: string) => void;
+    handleCategoryChange: (category: EmojiCategory) => void;
+    handleClose: () => void;
+    triggerRef: React.RefObject<HTMLDivElement | null>;
+    dropdownRef: React.RefObject<HTMLDivElement | null>;
+}

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { EmojiPickerProps } from './EmojiPicker.props';
+import { Emoji, EmojiCategory } from './EmojiPicker.type';
+export declare const useEmojiPickerState: (props: EmojiPickerProps) => {
+    isOpen: boolean;
+    selectedEmoji: string;
+    recentEmojis: Emoji[];
+    searchQuery: string;
+    activeCategory: EmojiCategory;
+    filteredEmojis: Emoji[];
+    handleToggle: () => void;
+    handleEmojiSelect: (emoji: Emoji) => void;
+    handleSearchChange: (query: string) => void;
+    handleCategoryChange: (category: EmojiCategory) => void;
+    handleClose: () => void;
+    triggerRef: import("react").RefObject<HTMLDivElement | null>;
+    dropdownRef: import("react").RefObject<HTMLDivElement | null>;
+};

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

@@ -0,0 +1,143 @@
+import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
+import { DefaultEmojiData } from './EmojiPicker.style';
+// This file defines the `useEmojiPickerState` custom hook, which encapsulates all local state management, derived states, and associated logic for the EmojiPicker component, including handling open/close, emoji selection, search, category management, recent emojis, and side effects like persistence and event listeners.
+export const useEmojiPickerState = (props) => {
+    const { value, defaultValue = '', onChange, onEmojiSelect, isOpen: controlledIsOpen, onOpen, onClose, closeOnSelect = true, maxRecentEmojis = 16, showRecentEmojis = true, enabledCategories = [
+        'recent',
+        'smileys',
+        'people',
+        'animals',
+        'food',
+        'activities',
+        'travel',
+        'objects',
+        'symbols',
+        'flags',
+    ], customEmojis = [], } = props;
+    const [isOpen, setIsOpen] = useState(controlledIsOpen ?? false);
+    const [selectedEmoji, setSelectedEmoji] = useState(value ?? defaultValue);
+    const [searchQuery, setSearchQuery] = useState('');
+    const [activeCategory, setActiveCategory] = useState('smileys');
+    const [recentEmojis, setRecentEmojis] = useState([]);
+    const triggerRef = useRef(null);
+    const dropdownRef = useRef(null);
+    const allEmojis = useMemo(() => {
+        return [...DefaultEmojiData, ...customEmojis];
+    }, [customEmojis]);
+    const filteredEmojis = useMemo(() => {
+        let emojis = allEmojis;
+        if (activeCategory !== 'recent') {
+            emojis = emojis.filter((emoji) => emoji.category === activeCategory);
+        }
+        else {
+            emojis = recentEmojis;
+        }
+        if (searchQuery) {
+            const query = searchQuery.toLowerCase();
+            emojis = emojis.filter((emoji) => emoji.name.toLowerCase().includes(query) ||
+                emoji.keywords.some((keyword) => keyword.toLowerCase().includes(query)));
+        }
+        return emojis;
+    }, [allEmojis, activeCategory, recentEmojis, searchQuery]);
+    useEffect(() => {
+        if (value !== undefined) {
+            setSelectedEmoji(value);
+        }
+    }, [value]);
+    useEffect(() => {
+        if (controlledIsOpen !== undefined) {
+            setIsOpen(controlledIsOpen);
+        }
+    }, [controlledIsOpen]);
+    useEffect(() => {
+        if (showRecentEmojis) {
+            const stored = localStorage.getItem('emojiPicker-recentEmojis');
+            if (stored) {
+                try {
+                    setRecentEmojis(JSON.parse(stored));
+                }
+                catch (e) { }
+            }
+        }
+    }, [showRecentEmojis]);
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (isOpen &&
+                triggerRef.current &&
+                dropdownRef.current &&
+                !triggerRef.current.contains(event.target) &&
+                !dropdownRef.current.contains(event.target)) {
+                handleClose();
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, [isOpen]);
+    const addToRecentEmojis = useCallback((emoji) => {
+        if (!showRecentEmojis)
+            return;
+        setRecentEmojis((prev) => {
+            const filtered = prev.filter((e) => e.emoji !== emoji.emoji);
+            const newRecent = [emoji, ...filtered].slice(0, maxRecentEmojis);
+            localStorage.setItem('emojiPicker-recentEmojis', JSON.stringify(newRecent));
+            return newRecent;
+        });
+    }, [showRecentEmojis, maxRecentEmojis]);
+    const handleToggle = useCallback(() => {
+        const newIsOpen = !isOpen;
+        setIsOpen(newIsOpen);
+        if (newIsOpen) {
+            onOpen?.();
+            setSearchQuery('');
+            if (showRecentEmojis && recentEmojis.length > 0) {
+                setActiveCategory('recent');
+            }
+            else {
+                setActiveCategory('smileys');
+            }
+        }
+        else {
+            onClose?.();
+        }
+    }, [isOpen, onOpen, onClose, showRecentEmojis, recentEmojis.length]);
+    const handleEmojiSelect = useCallback((emoji) => {
+        setSelectedEmoji(emoji.emoji);
+        addToRecentEmojis(emoji);
+        onChange?.(emoji.emoji);
+        onEmojiSelect?.(emoji);
+        if (closeOnSelect) {
+            setIsOpen(false);
+            onClose?.();
+        }
+    }, [onChange, onEmojiSelect, closeOnSelect, onClose, addToRecentEmojis]);
+    const handleSearchChange = useCallback((query) => {
+        setSearchQuery(query);
+        if (query && activeCategory === 'recent') {
+            setActiveCategory('smileys');
+        }
+    }, [activeCategory]);
+    const handleCategoryChange = useCallback((category) => {
+        setActiveCategory(category);
+        setSearchQuery('');
+    }, []);
+    const handleClose = useCallback(() => {
+        setIsOpen(false);
+        onClose?.();
+    }, [onClose]);
+    return {
+        isOpen,
+        selectedEmoji,
+        recentEmojis,
+        searchQuery,
+        activeCategory,
+        filteredEmojis,
+        handleToggle,
+        handleEmojiSelect,
+        handleSearchChange,
+        handleCategoryChange,
+        handleClose,
+        triggerRef,
+        dropdownRef,
+    };
+};
+//# sourceMappingURL=EmojiPicker.state.js.map

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

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

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

@@ -0,0 +1,18 @@
+import { ViewProps } from 'app-studio';
+import { Size, Variant, Shape, EmojiCategory, Emoji } from './EmojiPicker.type';
+export declare const DefaultEmojiPickerStyles: {
+    container: ViewProps;
+    trigger: ViewProps;
+    dropdown: ViewProps;
+    searchInput: ViewProps;
+    categoryTabs: ViewProps;
+    categoryTab: ViewProps;
+    emojiGrid: ViewProps;
+    emoji: ViewProps;
+    recentEmojis: ViewProps;
+};
+export declare const Sizes: Record<Size, ViewProps>;
+export declare const Shapes: Record<Shape, ViewProps>;
+export declare const Variants: Record<Variant, ViewProps>;
+export declare const CategoryLabels: Record<EmojiCategory, string>;
+export declare const DefaultEmojiData: Emoji[];