emoji-picker-react 4.22.2 → 5.0.0

package/dist/config/config.d.ts

@@ -1,64 +1,166 @@
-import * as React from 'react';
-import { GetEmojiUrl } from '../components/emoji/BaseEmojiProps';
-import { CategoryIcons, EmojiClickData, EmojiData, EmojiStyle, SkinTonePickerLocation, SkinTones, SuggestionMode, Theme } from '../types/exposedTypes';
-import { CategoriesConfig } from './categoryConfig';
-import { CustomEmoji } from './customEmojiConfig';
-export declare const DEFAULT_SEARCH_PLACEHOLDER = "Search";
-export declare const DEFAULT_SEARCH_CLEAR_BUTTON_LABEL = "Clear";
-export declare const SEARCH_RESULTS_NO_RESULTS_FOUND = "No results found";
-export declare const SEARCH_RESULTS_SUFFIX = " found. Use up and down arrow keys to navigate.";
-export declare const SEARCH_RESULTS_ONE_RESULT_FOUND: string;
-export declare const SEARCH_RESULTS_MULTIPLE_RESULTS_FOUND: string;
-export declare function mergeConfig(userConfig?: PickerConfig): PickerConfigInternal;
-export declare function basePickerConfig(): PickerConfigInternal;
-export declare type PickerConfigInternal = {
-    emojiVersion: string | null;
-    searchPlaceHolder: string;
-    searchPlaceholder: string;
-    searchClearButtonLabel: string;
-    defaultSkinTone: SkinTones;
-    skinTonesDisabled: boolean;
-    autoFocusSearch: boolean;
-    emojiStyle: EmojiStyle;
-    categories: CategoriesConfig;
-    theme: Theme;
-    suggestedEmojisMode: SuggestionMode;
-    lazyLoadEmojis: boolean;
-    previewConfig: PreviewConfig;
-    className: string;
-    height: PickerDimensions;
-    width: PickerDimensions;
-    style: React.CSSProperties;
-    getEmojiUrl: GetEmojiUrl;
-    searchDisabled: boolean;
-    skinTonePickerLocation: SkinTonePickerLocation;
-    unicodeToHide: Set<string>;
-    customEmojis: CustomEmoji[];
-    reactionsDefaultOpen: boolean;
-    reactions: string[];
-    open: boolean;
-    allowExpandReactions: boolean;
-    hiddenEmojis: string[];
-    emojiData?: EmojiData;
-    categoryIcons: CategoryIcons;
-    nonce?: string;
-};
-export declare type PreviewConfig = {
-    defaultEmoji: string;
-    defaultCaption: string;
-    showPreview: boolean;
-};
-declare type ConfigExternal = {
-    previewConfig: Partial<PreviewConfig>;
-    onEmojiClick: MouseDownEvent;
-    onReactionClick: MouseDownEvent;
-    onSkinToneChange: OnSkinToneChange;
-} & Omit<PickerConfigInternal, 'previewConfig' | 'unicodeToHide'>;
-export declare type PickerConfig = Partial<ConfigExternal>;
-export declare type PickerDimensions = string | number;
-export declare type MouseDownEvent = (emoji: EmojiClickData, event: MouseEvent, api?: OnEmojiClickApi) => void;
-export declare type OnSkinToneChange = (emoji: SkinTones) => void;
-declare type OnEmojiClickApi = {
-    collapseToReactions: () => void;
-};
-export {};
+import * as React from 'react';
+import { GetEmojiUrl } from '../components/emoji/BaseEmojiProps';
+import type { EmojiDataInput } from '../hooks/useResolvedEmojiData';
+import { CategoryIcons, EmojiClickData, EmojiData, EmojiStyleValue, SkinTonePickerLocation, SkinTones, SkinTonesValue, SuggestionModeValue, ThemeValue } from '../types/exposedTypes';
+import { CategoriesConfig, UserCategoryConfig } from './categoryConfig';
+import { CustomEmoji } from './customEmojiConfig';
+export declare const DEFAULT_SEARCH_PLACEHOLDER = "Search";
+export declare const DEFAULT_PICKER_WIDTH = 350;
+export declare const DEFAULT_PICKER_HEIGHT = 450;
+export declare const DEFAULT_SEARCH_INPUT_LABEL = "Type to search for an emoji";
+export declare const DEFAULT_SEARCH_CLEAR_BUTTON_LABEL = "Clear";
+export declare const SEARCH_RESULTS_NO_RESULTS_FOUND = "No results found";
+export declare const SEARCH_RESULTS_SUFFIX = " found. Use up and down arrow keys to navigate.";
+export declare const SEARCH_RESULTS_ONE_RESULT_FOUND: string;
+export declare const SEARCH_RESULTS_MULTIPLE_RESULTS_FOUND: string;
+/**
+ * Every user-facing string the picker renders or announces. All keys are
+ * optional on the `labels` prop; anything omitted keeps its English
+ * default. Category names come from `categories` / localized `emojiData`,
+ * and the preview caption from `previewConfig.defaultCaption`.
+ */
+export type PickerLabels = {
+    searchPlaceholder: string;
+    /** Accessible name of the search input. */
+    searchLabel: string;
+    searchClear: string;
+    /** Live-region announcement and visible empty state. */
+    searchResultsNone: string;
+    searchResultsOne: string;
+    /** `%n` is replaced with the result count. */
+    searchResultsMany: string;
+    categoryNavigation: string;
+    reactions: string;
+    expandReactions: string;
+    /** Shown by the Loading part while the dataset loads. */
+    loading: string;
+    loadingError: string;
+    retryLoading: string;
+    skinToneNeutral: string;
+    skinToneLight: string;
+    skinToneMediumLight: string;
+    skinToneMedium: string;
+    skinToneMediumDark: string;
+    skinToneDark: string;
+};
+export declare const DEFAULT_LABELS: PickerLabels;
+/**
+ * The default style is native, but a caller-supplied image URL resolver is
+ * an explicit request for images: without an explicit `emojiStyle` it keeps
+ * v4's image default (Apple), so the resolver is actually used.
+ */
+export declare function resolveEmojiStyle(emojiStyle: EmojiStyleValue | undefined, customImageSource: unknown): EmojiStyleValue;
+export declare function mergeConfig(rawUserConfig?: PickerConfig): PickerConfigInternal;
+export declare function resolveSkinTonePickerLocation(location: SkinTonePickerLocation, searchDisabled: boolean, showPreview: boolean): SkinTonePickerLocation;
+export declare function basePickerConfig(): PickerConfigInternal;
+export type PickerConfigInternal = {
+    emojiVersion: string | null;
+    searchPlaceHolder: string;
+    searchPlaceholder: string;
+    searchClearButtonLabel: string;
+    defaultSkinTone: SkinTonesValue;
+    skinTonesDisabled: boolean;
+    autoFocusSearch: boolean;
+    emojiStyle: EmojiStyleValue;
+    categories: CategoriesConfig;
+    theme: ThemeValue;
+    suggestedEmojisMode: SuggestionModeValue;
+    lazyLoadEmojis: boolean;
+    previewConfig: PreviewConfig;
+    className: string;
+    height: PickerDimensions;
+    width: PickerDimensions;
+    style: React.CSSProperties;
+    getEmojiUrl: GetEmojiUrl;
+    searchDisabled: boolean;
+    skinTonePickerLocation: SkinTonePickerLocation;
+    unicodeToHide: Set<string>;
+    customEmojis: CustomEmoji[];
+    reactionsDefaultOpen: boolean;
+    reactions: string[];
+    open: boolean;
+    allowExpandReactions: boolean;
+    hiddenEmojis: string[];
+    emojiData?: EmojiData;
+    categoryIcons: CategoryIcons;
+    nonce?: string;
+    /**
+     * Controlled search value (raw user text). When present, it is the
+     * accepted visible source of truth; user edits emit `onSearchChange`
+     * proposals instead of committing locally.
+     */
+    searchValue?: string;
+    /** Uncontrolled initial search value, read once per mounted lifetime. */
+    defaultSearchValue?: string;
+    /** Emitted synchronously with each committed (uncontrolled) or proposed (controlled) user edit. */
+    onSearchChange?: (value: string) => void;
+    /** Accessible label for the search input. Defaults to English. */
+    searchLabel?: string;
+    /**
+     * Caller-defined Suggested category contents/order (unified or custom
+     * IDs). While present, `suggestedEmojisMode` is ignored for contents.
+     */
+    suggestedEmojis?: string[];
+    /** Observes compact-reactions vs full-picker transitions. */
+    onReactionsModeChange?: (reactionsOpen: boolean) => void;
+    /**
+     * Localized user-facing strings. Takes precedence over the individual
+     * `searchPlaceholder` / `searchLabel` / `searchClearButtonLabel` props.
+     */
+    labels?: Partial<PickerLabels>;
+    /**
+     * Controlled active skin tone. Pair with `onSkinToneChange`; while
+     * present, `defaultSkinTone` is ignored.
+     */
+    skinTone?: SkinTonesValue;
+    /**
+     * Emit the picker's CSS inside this cascade layer (e.g. "epr"), for
+     * layered CSS frameworks such as Tailwind v4 whose utilities cannot
+     * beat unlayered CSS. Declare the layer first in your CSS:
+     * `@layer epr, theme, base, components, utilities;`. Default: unlayered.
+     */
+    cssLayer?: string;
+    /**
+     * Emojis per row. The picker then sizes its width to fit those columns
+     * unless you set a width; a narrower container shows fewer columns.
+     * Default: as many as the width fits.
+     */
+    columns?: number;
+};
+export type PreviewConfig = {
+    defaultEmoji: string;
+    defaultCaption: string;
+    showPreview: boolean;
+};
+type ConfigExternal = {
+    previewConfig: Partial<PreviewConfig>;
+    onEmojiClick: MouseDownEvent;
+    onReactionClick: MouseDownEvent;
+    onSkinToneChange: OnSkinToneChange;
+    /**
+     * User-supplied allowlist/order/merge input. Bare `Categories` members
+     * are accepted alongside full configs (as in v4 usage and this repo's
+     * own tests); the merged internal representation stays `CategoriesConfig`.
+     */
+    categories: UserCategoryConfig;
+    /**
+     * Dataset: an object (synchronous, SSR-safe), or a loader such as
+     * `() => import('emoji-picker-react/data/emojis-fr')` to code-split it.
+     * Omitted: the bundled English dataset.
+     */
+    emojiData: EmojiDataInput;
+} & Omit<PickerConfigInternal, 'previewConfig' | 'unicodeToHide' | 'categories' | 'emojiData'>;
+export type PickerConfig = Partial<ConfigExternal>;
+export type PickerDimensions = string | number;
+export type MouseDownEvent = (emoji: EmojiClickData, event: MouseEvent, api?: OnEmojiClickApi) => void;
+export type OnSkinToneChange = (skinTone: SkinTones) => void;
+/** The `onEmojiClick` / `onReactionClick` callback signature. */
+export type EmojiClickHandler = MouseDownEvent;
+/** The `onSkinToneChange` callback signature. */
+export type SkinToneChangeHandler = OnSkinToneChange;
+/** Third argument of `onEmojiClick` / `onReactionClick`. */
+export type OnEmojiClickApi = {
+    /** Return to the compact reactions bar (no-op when reactions are off). */
+    collapseToReactions: () => void;
+};
+export {};

package/dist/config/customEmojiConfig.d.ts

@@ -1,14 +1,14 @@
-import { EmojiProperties } from '../dataUtils/DataTypes';
-export declare type CustomEmoji = {
-    names: string[];
-    [EmojiProperties.imgUrl]: string;
-    id: string;
-    /**
-     * Optional group name. Customs sharing a group render as their own
-     * category section; ungrouped customs keep the single shared bucket.
-     * Reference the group from a `{ category: Categories.CUSTOM, group }`
-     * entry in the `categories` prop to place and name the section.
-     * https://github.com/ealush/emoji-picker-react/issues/510
-     */
-    group?: string;
-};
+import { EmojiProperties } from '../dataUtils/DataTypes';
+export type CustomEmoji = {
+    names: string[];
+    [EmojiProperties.imgUrl]: string;
+    id: string;
+    /**
+     * Optional group name. Customs sharing a group render as their own
+     * category section; ungrouped customs keep the single shared bucket.
+     * Reference the group from a `{ category: Categories.CUSTOM, group }`
+     * entry in the `categories` prop to place and name the section.
+     * https://github.com/ealush/emoji-picker-react/issues/510
+     */
+    group?: string;
+};

package/dist/config/defaultPickerConfiguration.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+/** Private bridge: only the assembled picker translates legacy switches. */
+export declare const DefaultPickerConfiguration: React.Context<Partial<{
+    previewConfig: Partial<import("./config").PreviewConfig>;
+    onEmojiClick: import("./config").MouseDownEvent;
+    onReactionClick: import("./config").MouseDownEvent;
+    onSkinToneChange: import("./config").OnSkinToneChange;
+    categories: import("./categoryConfig").UserCategoryConfig;
+    emojiData: import("..").EmojiDataInput;
+} & Omit<import("./config").PickerConfigInternal, "categories" | "previewConfig" | "unicodeToHide" | "emojiData">> | null>;

package/dist/config/mutableConfig.d.ts

@@ -1,10 +1,32 @@
-import React from 'react';
-import { MouseDownEvent, OnSkinToneChange } from './config';
-export declare type MutableConfig = {
-    onEmojiClick?: MouseDownEvent;
-    onReactionClick?: MouseDownEvent;
-    onSkinToneChange?: OnSkinToneChange;
-};
-export declare const MutableConfigContext: React.Context<React.MutableRefObject<MutableConfig>>;
-export declare function useMutableConfig(): React.MutableRefObject<MutableConfig>;
-export declare function useDefineMutableConfig(config: MutableConfig): React.MutableRefObject<MutableConfig>;
+import React from 'react';
+import { MouseDownEvent, OnSkinToneChange } from './config';
+export type MutableConfig = {
+    onEmojiClick?: MouseDownEvent;
+    onReactionClick?: MouseDownEvent;
+    onSkinToneChange?: OnSkinToneChange;
+    onSearchChange?: (value: string) => void;
+    onReactionsModeChange?: (reactionsOpen: boolean) => void;
+};
+/**
+ * Sentinel default: marks the absence of a provider. Root adopts the
+ * wrapper-provided ref across the default picker memo boundary and
+ * owns one otherwise (including nested bare Roots). Callbacks stay fresh
+ * without depending on the memoized default tree rerendering.
+ */
+export declare const NO_MUTABLE_PROVIDER: React.MutableRefObject<MutableConfig>;
+export declare const MutableConfigContext: React.Context<{
+    ref: React.MutableRefObject<MutableConfig>;
+    inheritToRoot: boolean;
+}>;
+export declare function MutableConfigProvider({ value, inheritToRoot, children, }: {
+    value: React.MutableRefObject<MutableConfig>;
+    inheritToRoot?: boolean;
+    children: React.ReactNode;
+}): React.FunctionComponentElement<React.ProviderProps<{
+    ref: React.MutableRefObject<MutableConfig>;
+    inheritToRoot: boolean;
+}>>;
+export declare function useMutableConfig(): React.MutableRefObject<MutableConfig>;
+/** Only the default wrapper crosses its own memo boundary into Root. */
+export declare function useInheritedMutableConfig(): React.MutableRefObject<MutableConfig>;
+export declare function useDefineMutableConfig(config: MutableConfig): React.MutableRefObject<MutableConfig>;

package/dist/config/useConfig.d.ts

@@ -1,36 +1,48 @@
-import * as React from 'react';
-import { EmojiClickData, EmojiStyle, SkinTonePickerLocation, SkinTones, SuggestionMode, Theme } from '../types/exposedTypes';
-import { CategoriesConfig } from './categoryConfig';
-import { PreviewConfig } from './config';
-import { CustomEmoji } from './customEmojiConfig';
-export declare enum MOUSE_EVENT_SOURCE {
-    REACTIONS = "reactions",
-    PICKER = "picker"
-}
-export declare function useSearchPlaceHolderConfig(): string;
-export declare function useSearchClearButtonLabelConfig(): string;
-export declare function useDefaultSkinToneConfig(): SkinTones;
-export declare function useAllowExpandReactions(): boolean;
-export declare function useSkinTonesDisabledConfig(): boolean;
-export declare function useEmojiStyleConfig(): EmojiStyle;
-export declare function useAutoFocusSearchConfig(): boolean;
-export declare function useCategoriesConfig(): CategoriesConfig;
-export declare function useCategoryIconsConfig(): Partial<Record<import("./categoryConfig").Categories, React.ReactNode>>;
-export declare function useCustomEmojisConfig(): CustomEmoji[];
-export declare function useOpenConfig(): boolean;
-export declare function useOnEmojiClickConfig(mouseEventSource: MOUSE_EVENT_SOURCE): (emoji: EmojiClickData, event: MouseEvent) => void;
-export declare function useOnSkinToneChangeConfig(): (skinTone: SkinTones) => void;
-export declare function usePreviewConfig(): PreviewConfig;
-export declare function useThemeConfig(): Theme;
-export declare function useSuggestedEmojisModeConfig(): SuggestionMode;
-export declare function useLazyLoadEmojisConfig(): boolean;
-export declare function useClassNameConfig(): string;
-export declare function useStyleConfig(): React.CSSProperties;
-export declare function useReactionsOpenConfig(): boolean;
-export declare function useEmojiVersionConfig(): string | null;
-export declare function useSearchDisabledConfig(): boolean;
-export declare function useSkinTonePickerLocationConfig(): SkinTonePickerLocation;
-export declare function useUnicodeToHide(): Set<string>;
-export declare function useReactionsConfig(): string[];
-export declare function useGetEmojiUrlConfig(): (unified: string, style: EmojiStyle) => string;
-export declare function useSearchResultsConfig(searchResultsCount: number): string;
+import * as React from 'react';
+import { EmojiClickData, EmojiStyleValue, SkinTonePickerLocation, SkinTones, SuggestionModeValue, ThemeValue } from '../types/exposedTypes';
+import { CategoriesConfig } from './categoryConfig';
+import { PickerLabels, PreviewConfig } from './config';
+import { CustomEmoji } from './customEmojiConfig';
+export declare enum MOUSE_EVENT_SOURCE {
+    REACTIONS = "reactions",
+    PICKER = "picker"
+}
+/**
+ * Resolved user-facing strings: English defaults, then the legacy
+ * individual props, then `labels` (highest precedence).
+ */
+export declare function useLabels(): PickerLabels;
+export declare function useSearchPlaceHolderConfig(): string;
+export declare function useSearchClearButtonLabelConfig(): string;
+export declare function useDefaultSkinToneConfig(): SkinTones;
+export declare function useSkinToneConfig(): SkinTones | undefined;
+export declare function useAllowExpandReactions(): boolean;
+export declare function useSkinTonesDisabledConfig(): boolean;
+export declare function useEmojiStyleConfig(): EmojiStyleValue;
+export declare function useAutoFocusSearchConfig(): boolean;
+export declare function useCategoriesConfig(): CategoriesConfig;
+export declare function useCategoryIconsConfig(): Partial<Record<import("./categoryConfig").Categories, React.ReactNode>>;
+export declare function useCustomEmojisConfig(): CustomEmoji[];
+export declare function useOpenConfig(): boolean;
+export declare function useOnEmojiClickConfig(mouseEventSource: MOUSE_EVENT_SOURCE): (emoji: EmojiClickData, event: MouseEvent) => void;
+export declare function useOnSkinToneChangeConfig(): (skinTone: SkinTones) => void;
+export declare function usePreviewConfig(): PreviewConfig;
+export declare function useThemeConfig(): ThemeValue;
+export declare function useSuggestedEmojisModeConfig(): SuggestionModeValue;
+export declare function useLazyLoadEmojisConfig(): boolean;
+export declare function useClassNameConfig(): string;
+export declare function useStyleConfig(): React.CSSProperties;
+export declare function useReactionsOpenConfig(): boolean;
+export declare function useColumnsConfig(): number | undefined;
+export declare function validColumns(columns: unknown): number | undefined;
+export declare function useEmojiVersionConfig(): string | null;
+export declare function useSearchDisabledConfig(): boolean;
+export declare function useSkinTonePickerLocationConfig(): SkinTonePickerLocation;
+export declare function useUnicodeToHide(): Set<string>;
+export declare function useReactionsConfig(): string[];
+export declare function useGetEmojiUrlConfig(): (unified: string, style: EmojiStyleValue) => string;
+export declare function useSearchValueConfig(): string | undefined;
+export declare function useDefaultSearchValueConfig(): string | undefined;
+export declare function useSearchLabelConfig(): string;
+export declare function useSuggestedEmojisConfig(): string[] | undefined;
+export declare function formatSearchResultsLabel(labels: PickerLabels, searchResultsCount: number): string;

package/dist/data/defaultEmojiData.d.ts

@@ -0,0 +1,9 @@
+import type { EmojiData } from '../types/exposedTypes';
+export declare function registerDefaultEmojiData(data: EmojiData): void;
+export declare function getRegisteredDefaultEmojiData(): EmojiData | null;
+/** Stable empty dataset used while data is loading. */
+export declare const EMPTY_EMOJI_DATA: EmojiData;
+/** The registered dataset, or the empty placeholder before registration. */
+export declare function defaultEmojiDataOrEmpty(): EmojiData;
+/** Load (once) and register the bundled English dataset. */
+export declare function loadDefaultEmojiData(): Promise<EmojiData>;

package/dist/data/defaultEmojiData.js

@@ -0,0 +1,40 @@
+// The bundled English dataset is no longer a static dependency of the
+// picker core. Entry points that promise synchronous data (the default
+// `emoji-picker-react` entry and `emoji-picker-react/data`) register it on
+// import; `emoji-picker-react/primitives` does not, so a lean composition
+// ships without it and loads it on demand (a separate chunk in ESM builds)
+// unless `emojiData` is supplied.
+let registered = null;
+export function registerDefaultEmojiData(data) {
+    registered = data;
+}
+export function getRegisteredDefaultEmojiData() {
+    return registered;
+}
+/** Stable empty dataset used while data is loading. */
+export const EMPTY_EMOJI_DATA = Object.freeze({
+    categories: {},
+    emojis: {},
+});
+/** The registered dataset, or the empty placeholder before registration. */
+export function defaultEmojiDataOrEmpty() {
+    return registered ?? EMPTY_EMOJI_DATA;
+}
+let pending = null;
+/** Load (once) and register the bundled English dataset. */
+export function loadDefaultEmojiData() {
+    if (registered) {
+        return Promise.resolve(registered);
+    }
+    if (!pending) {
+        pending = import('./emojis').then((module) => {
+            const data = (module.default ?? module);
+            registered = registered ?? data;
+            return registered;
+        }).catch((error) => {
+            pending = null;
+            throw error;
+        });
+    }
+    return pending;
+}

package/dist/data/emojis-bn.d.mts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+
+type CategoryConfig = {
+    category: Categories;
+    name: string;
+    icon?: React.ReactNode;
+    /**
+     * Selects a `CustomEmoji` group for `Categories.CUSTOM` entries. Each
+     * grouped entry renders its own section and nav tab; ungrouped entries
+     * share the classic customs bucket.
+     */
+    group?: string;
+};
+type EmojiData = {
+    categories: Partial<Record<Categories, CategoryConfig>>;
+    emojis: Record<string, DataEmoji[]>;
+};
+interface DataEmoji {
+    n: string[];
+    u: string;
+    v?: string[];
+    a: string;
+}
+declare enum Categories {
+    SUGGESTED = "suggested",
+    CUSTOM = "custom",
+    SMILEYS_PEOPLE = "smileys_people",
+    ANIMALS_NATURE = "animals_nature",
+    FOOD_DRINK = "food_drink",
+    TRAVEL_PLACES = "travel_places",
+    ACTIVITIES = "activities",
+    OBJECTS = "objects",
+    SYMBOLS = "symbols",
+    FLAGS = "flags"
+}
+
+declare const data: EmojiData;
+
+export { data as default };

package/dist/data/emojis-bn.d.ts

@@ -1,3 +1,39 @@
-import { EmojiData } from '../types/exposedTypes';
+import * as React from 'react';
+
+type CategoryConfig = {
+    category: Categories;
+    name: string;
+    icon?: React.ReactNode;
+    /**
+     * Selects a `CustomEmoji` group for `Categories.CUSTOM` entries. Each
+     * grouped entry renders its own section and nav tab; ungrouped entries
+     * share the classic customs bucket.
+     */
+    group?: string;
+};
+type EmojiData = {
+    categories: Partial<Record<Categories, CategoryConfig>>;
+    emojis: Record<string, DataEmoji[]>;
+};
+interface DataEmoji {
+    n: string[];
+    u: string;
+    v?: string[];
+    a: string;
+}
+declare enum Categories {
+    SUGGESTED = "suggested",
+    CUSTOM = "custom",
+    SMILEYS_PEOPLE = "smileys_people",
+    ANIMALS_NATURE = "animals_nature",
+    FOOD_DRINK = "food_drink",
+    TRAVEL_PLACES = "travel_places",
+    ACTIVITIES = "activities",
+    OBJECTS = "objects",
+    SYMBOLS = "symbols",
+    FLAGS = "flags"
+}
+
 declare const data: EmojiData;
-export default data;
+
+export { data as default };