emoji-picker-react 4.22.3 → 5.0.1

package/dist/esm/chunks/chunk-L5W4PFRJ.mjs

@@ -0,0 +1,14 @@
+import { init_defaultEmojiData, registerDefaultEmojiData } from "./chunk-ACXAQEKG.mjs";
+
+import { emojis_default, init_emojis } from "./chunk-7ZGTUZFB.mjs";
+
+import { __commonJS } from "./chunk-LO4TPPLH.mjs";
+
+// src/data/registerDefaultEmojiData.ts
+var require_registerDefaultEmojiData = __commonJS({
+    "src/data/registerDefaultEmojiData.ts"() {
+        init_defaultEmojiData(), init_emojis(), registerDefaultEmojiData(emojis_default);
+    }
+});
+
+export { require_registerDefaultEmojiData };

package/dist/esm/chunks/chunk-LO4TPPLH.mjs

@@ -0,0 +1,33 @@
+var __create = Object.create, __defProp = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __getOwnPropNames = Object.getOwnPropertyNames, __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty, __esm = (fn, res, err) => function __init() {
+    if (err) throw err[0];
+    try {
+        return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+    } catch (e) {
+        throw err = [ e ], e;
+    }
+}, __commonJS = (cb, mod) => function __require() {
+    try {
+        return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = {
+            exports: {}
+        }).exports, mod), mod.exports;
+    } catch (e) {
+        throw mod = 0, e;
+    }
+}, __copyProps = (to, from, except, desc) => {
+    if (from && "object" == typeof from || "function" == typeof from) for (let key of __getOwnPropNames(from)) __hasOwnProp.call(to, key) || key === except || __defProp(to, key, {
+        get: () => from[key],
+        enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+}, __toESM = (mod, isNodeMode, target) => (target = null != mod ? __create(__getProtoOf(mod)) : {}, 
+__copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+!isNodeMode && mod && mod.__esModule ? target : __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+}), mod));
+
+export { __esm, __commonJS, __toESM };

package/dist/esm/chunks/emojis-6L3GRBAP.mjs

@@ -0,0 +1,7 @@
+import { emojis_default, init_emojis } from "./chunk-7ZGTUZFB.mjs";
+
+import "./chunk-LO4TPPLH.mjs";
+
+init_emojis();
+
+export { emojis_default as default };

package/dist/esm/data.mjs

@@ -0,0 +1,11 @@
+import { require_registerDefaultEmojiData } from "./chunks/chunk-L5W4PFRJ.mjs";
+
+import { getEmojiByUnified, searchEmojis } from "./chunks/chunk-ACXAQEKG.mjs";
+
+import "./chunks/chunk-7ZGTUZFB.mjs";
+
+import { __toESM } from "./chunks/chunk-LO4TPPLH.mjs";
+
+__toESM(require_registerDefaultEmojiData());
+
+export { getEmojiByUnified, searchEmojis };

package/dist/esm/index.mjs

@@ -0,0 +1,279 @@
+"use client";
+import { Categories, CategoryNav, DEFAULT_PICKER_HEIGHT, DEFAULT_PICKER_WIDTH, DefaultPickerConfiguration, EmojiStyle, Empty, List, LoadError, Loading, MutableConfigProvider, Panel, Preview, Reactions, Relative, Root, Search, SkinTone, SkinTonePickerLocation, SkinTones, SuggestionMode, Theme, ViewOnlyEmoji, Viewport, commonInteractionStyles, compareConfig, cx, defaultPickerTokens, emojiByUnified, isPickerBehaviorProp, resolveEmojiStyle, resolveSkinTonePickerLocation, stylesheet, useDefaultAppearance, useDefineMutableConfig, usePreviewConfig, useSearchDisabledConfig, useSkinTonePickerLocationConfig, useSkinTonesDisabledConfig, validColumns } from "./chunks/chunk-F2KS7DCA.mjs";
+
+import { require_registerDefaultEmojiData } from "./chunks/chunk-L5W4PFRJ.mjs";
+
+import "./chunks/chunk-ACXAQEKG.mjs";
+
+import "./chunks/chunk-7ZGTUZFB.mjs";
+
+import { __toESM } from "./chunks/chunk-LO4TPPLH.mjs";
+
+__toESM(require_registerDefaultEmojiData());
+
+import * as React6 from "react";
+
+// src/EmojiPickerReact.tsx
+import * as React3 from "react";
+
+// src/components/header/Header.tsx
+import * as React from "react";
+
+// src/hooks/useShouldShowSkinTonePicker.ts
+function useIsSkinToneInSearch() {
+    return "SEARCH" /* SEARCH */ === useSkinTonePickerLocationConfig();
+}
+
+function useIsSkinToneInPreview() {
+    return "PREVIEW" /* PREVIEW */ === useSkinTonePickerLocationConfig();
+}
+
+// src/components/header/Header.tsx
+function Header() {
+    const appearance = useDefaultAppearance(), searchDisabled = useSearchDisabledConfig(), skinTonesDisabled = useSkinTonesDisabledConfig(), toneInSearch = useIsSkinToneInSearch();
+    /* @__PURE__ */
+    return React.createElement(Relative, {
+        className: cx("epr-header", appearance && commonInteractionStyles.hiddenOnReactions)
+    }, !searchDisabled && /* @__PURE__ */ React.createElement(Search, null, !skinTonesDisabled && toneInSearch && /* @__PURE__ */ React.createElement(SkinTone, null)), 
+    /* @__PURE__ */ React.createElement(CategoryNav, null));
+}
+
+// src/components/main/defaultAppearance.tsx
+import * as React2 from "react";
+
+function defaultRootClassName(theme, className, unstyled) {
+    return unstyled ? cx(className) : cx(styles.main, styles.baseVariables, "dark" /* DARK */ === theme && styles.darkTheme, "auto" /* AUTO */ === theme && styles.autoThemeDark, className);
+}
+
+function defaultRootStyle({width, height, style, columns}) {
+    return {
+        // v4-compatible default dimensions; consumer style and explicit
+        // width/height props both override them. With `columns`, the width
+        // fits the columns instead.
+        ...void 0 === columns && {
+            width: getDimension(DEFAULT_PICKER_WIDTH)
+        },
+        height: getDimension(DEFAULT_PICKER_HEIGHT),
+        ...style,
+        ...void 0 !== width ? {
+            width: getDimension(width)
+        } : {},
+        ...void 0 !== height ? {
+            height: getDimension(height)
+        } : {}
+    };
+}
+
+function getDimension(dimension) {
+    return "number" == typeof dimension ? `${dimension}px` : dimension;
+}
+
+var darkThemeBaseVariables = {
+    "--epr-dark": "#000",
+    "--epr-dark-emoji-variation-picker-bg-color": "var(--epr-dark)",
+    "--epr-dark-highlight-color": "#c0c0c0",
+    "--epr-dark-text-color": "var(--epr-highlight-color)",
+    "--epr-dark-hover-bg-color": "#363636f6",
+    "--epr-dark-hover-bg-color-reduced-opacity": "#36363680",
+    "--epr-dark-focus-bg-color": "#474747",
+    "--epr-dark-search-input-bg-color": "#333333",
+    "--epr-dark-category-label-bg-color": "#222222e6",
+    "--epr-dark-picker-border-color": "#151617",
+    "--epr-dark-bg-color": "#222222",
+    "--epr-dark-reactions-bg-color": "#22222290",
+    "--epr-dark-search-input-bg-color-active": "var(--epr-dark)",
+    "--epr-dark-emoji-variation-indicator-color": "#444",
+    "--epr-dark-category-icon-active-color": "#6AA9DD",
+    "--epr-dark-category-icon-inactive-color": "#C0C0BF",
+    "--epr-dark-skin-tone-picker-menu-color": "#22222295",
+    "--epr-dark-skin-tone-outer-border-color": "var(--epr-dark-picker-border-color)",
+    "--epr-dark-skin-tone-inner-border-color": "#00000000"
+}, DarkTheme = {
+    "--epr-emoji-variation-picker-bg-color": "var(--epr-dark-emoji-variation-picker-bg-color)",
+    "--epr-hover-bg-color-reduced-opacity": "var(--epr-dark-hover-bg-color-reduced-opacity)",
+    "--epr-highlight-color": "var(--epr-dark-highlight-color)",
+    "--epr-text-color": "var(--epr-dark-text-color)",
+    "--epr-hover-bg-color": "var(--epr-dark-hover-bg-color)",
+    "--epr-focus-bg-color": "var(--epr-dark-focus-bg-color)",
+    "--epr-search-input-bg-color": "var(--epr-dark-search-input-bg-color)",
+    "--epr-category-label-bg-color": "var(--epr-dark-category-label-bg-color)",
+    "--epr-picker-border-color": "var(--epr-dark-picker-border-color)",
+    "--epr-bg-color": "var(--epr-dark-bg-color)",
+    "--epr-reactions-bg-color": "var(--epr-dark-reactions-bg-color)",
+    "--epr-search-input-bg-color-active": "var(--epr-dark-search-input-bg-color-active)",
+    "--epr-emoji-variation-indicator-color": "var(--epr-dark-emoji-variation-indicator-color)",
+    "--epr-category-icon-active-color": "var(--epr-dark-category-icon-active-color)",
+    "--epr-category-icon-inactive-color": "var(--epr-dark-category-icon-inactive-color)",
+    "--epr-skin-tone-picker-menu-color": "var(--epr-dark-skin-tone-picker-menu-color)",
+    "--epr-skin-tone-outer-border-color": "var(--epr-dark-skin-tone-outer-border-color)",
+    "--epr-skin-tone-inner-border-color": "var(--epr-dark-skin-tone-inner-border-color)",
+    "--epr-dark-text-color": "var(--epr-highlight-color)",
+    "--epr-dark-hover-bg-color": "#363636f6",
+    "--epr-dark-hover-bg-color-reduced-opacity": "#36363680",
+    "--epr-dark-focus-bg-color": "#474747",
+    "--epr-dark-search-input-bg-color": "#333333",
+    "--epr-dark-category-label-bg-color": "#222222e6",
+    "--epr-dark-picker-border-color": "#151617",
+    "--epr-dark-bg-color": "#222222",
+    "--epr-dark-reactions-bg-color": "#22222290",
+    "--epr-dark-search-input-bg-color-active": "var(--epr-dark)",
+    "--epr-dark-emoji-variation-indicator-color": "#444",
+    "--epr-dark-category-icon-active-color": "#6AA9DD",
+    "--epr-dark-category-icon-inactive-color": "#C0C0BF",
+    "--epr-dark-skin-tone-picker-menu-color": "#22222295",
+    "--epr-dark-skin-tone-outer-border-color": "var(--epr-dark-picker-border-color)",
+    "--epr-dark-skin-tone-inner-border-color": "#00000000"
+}, styles = /* @__PURE__ */ (() => stylesheet.create({
+    main: {
+        ".": [ "epr-main", "EmojiPickerReact" /* emojiPicker */ ],
+        position: "relative",
+        display: "flex",
+        flexDirection: "column",
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderRadius: "var(--epr-picker-border-radius)",
+        borderColor: "var(--epr-picker-border-color)",
+        backgroundColor: "var(--epr-bg-color)",
+        overflow: "hidden",
+        transition: "height 0.3s ease-in-out, background-color 0.1s ease-in-out",
+        fontFamily: "var(--epr-font-family, inherit)",
+        "*": {
+            boxSizing: "border-box",
+            // Overridable without a specificity fight (v4 hard-coded sans-serif).
+            fontFamily: "inherit"
+        }
+    },
+    baseVariables: {
+        // Single-sourced from the public token preset: the default tree and
+        // bare-Root consumers share the same documented defaults. The private
+        // dark-theme values ride along (referenced only by the DarkTheme
+        // overrides below); they stay out of the shared preset so the
+        // primitives bundle keeps its separation marker scan clean.
+        "--": {
+            ...defaultPickerTokens,
+            ...darkThemeBaseVariables
+        }
+    },
+    // color-scheme makes native parts (scrollbars, the search field's
+    // controls) render dark too; without it they stay light on a dark picker.
+    autoThemeDark: {
+        ".": "epr-auto-theme" /* autoTheme */ ,
+        "@media (prefers-color-scheme: dark)": {
+            "--": DarkTheme,
+            colorScheme: "dark"
+        }
+    },
+    darkTheme: {
+        ".": "epr-dark-theme" /* darkTheme */ ,
+        "--": DarkTheme,
+        colorScheme: "dark"
+    }
+}))(), NATIVE_ATTRIBUTES = /* @__PURE__ */ new Set([ "id", "title", "lang", "dir" ]);
+
+function isNativeAttribute(key) {
+    return NATIVE_ATTRIBUTES.has(key) || key.startsWith("aria-") || key.startsWith("data-");
+}
+
+function pickBehaviorProps(props) {
+    const behaviorProps = {}, unknown = [], values = props;
+    for (const key of Object.keys(values)) isPickerBehaviorProp(key) || isNativeAttribute(key) ? behaviorProps[key] = values[key] : unknown.push(key);
+    return {
+        behaviorProps,
+        unknownProps: unknown.join(", ")
+    };
+}
+
+var useUnknownPropsWarning = "production" === process.env.NODE_ENV ? () => {} : function useDevUnknownPropsWarning(unknownProps) {
+    React3.useEffect((() => {
+        unknownProps && console.warn(`[emoji-picker-react] Ignoring unknown prop(s): ${unknownProps}. See docs/v5/MIGRATION.md for removed props.`);
+    }), [ unknownProps ]);
+}, CONTENT = /* @__PURE__ */ React3.createElement((function ContentControl() {
+    const showPreview = usePreviewConfig().showPreview, skinTonesDisabled = useSkinTonesDisabledConfig(), toneInPreview = useIsSkinToneInPreview();
+    /* @__PURE__ */
+    return React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(Header, null), /* @__PURE__ */ React3.createElement(Viewport, null, /* @__PURE__ */ React3.createElement(List, null), /* @__PURE__ */ React3.createElement(Empty, null), /* @__PURE__ */ React3.createElement(Loading, null), /* @__PURE__ */ React3.createElement(LoadError, null)), showPreview && /* @__PURE__ */ React3.createElement(Preview, null, !skinTonesDisabled && toneInPreview && /* @__PURE__ */ React3.createElement(SkinTone, {
+        orientation: "vertical"
+    })));
+})), EmojiPickerReact_default = /* @__PURE__ */ React3.memo((
+// src/EmojiPickerReact.tsx
+function EmojiPicker(props) {
+    const rootInput = props, {theme: legacyTheme, colorScheme, width, height, className, style, unstyled, components, open, searchDisabled = !1, skinTonesDisabled = !1, skinTonePickerLocation = "SEARCH" /* SEARCH */ , previewConfig, ...rest} = rootInput, theme = colorScheme ?? legacyTheme, defaultConfiguration = {
+        searchDisabled,
+        skinTonesDisabled,
+        skinTonePickerLocation: resolveSkinTonePickerLocation(skinTonePickerLocation, searchDisabled, previewConfig?.showPreview ?? !0),
+        previewConfig,
+        // Closed, as in v4, keeps the picker's state (skin tone, search,
+        // reactions mode) and renders nothing.
+        open: !1 !== open
+    }, {behaviorProps, unknownProps} = pickBehaviorProps(rest);
+    return useUnknownPropsWarning(unknownProps), /* @__PURE__ */ React3.createElement(DefaultPickerConfiguration.Provider, {
+        value: defaultConfiguration
+    }, /* @__PURE__ */ React3.createElement(Root, {
+        appearance: unstyled ? "none" : "default",
+        components,
+        ...behaviorProps,
+        className: defaultRootClassName(theme, className, unstyled),
+        style: defaultRootStyle({
+            width,
+            height,
+            style,
+            columns: validColumns(props.columns)
+        })
+    }, 
+    /* @__PURE__ */ React3.createElement(Reactions, null), 
+    /* @__PURE__ */ React3.createElement(Panel, null, CONTENT)));
+}), compareConfig);
+
+// src/components/ErrorBoundary.tsx
+import * as React4 from "react";
+
+var ErrorBoundary = class extends React4.Component {
+    constructor(props) {
+        super(props), this.state = {
+            hasError: !1
+        };
+    }
+    static getDerivedStateFromError() {
+        return {
+            hasError: !0
+        };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error("Emoji Picker React failed to render:", error, errorInfo);
+    }
+    render() {
+        return this.state.hasError ? null : this.props.children;
+    }
+};
+
+// src/components/emoji/ExportedEmoji.tsx
+import * as React5 from "react";
+
+function ExportedEmoji({unified, size = 32, emojiStyle, lazyLoad = !1, getEmojiUrl, emojiUrl}) {
+    return unified || emojiUrl || getEmojiUrl ? /* @__PURE__ */ React5.createElement(ViewOnlyEmoji, {
+        unified,
+        size,
+        emojiStyle: resolveEmojiStyle(emojiStyle, emojiUrl || getEmojiUrl),
+        lazyLoad,
+        getEmojiUrl: emojiUrl ? () => emojiUrl : getEmojiUrl
+    }) : null;
+}
+
+// src/index.tsx
+function EmojiPicker2(props) {
+    const MutableConfigRef = useDefineMutableConfig({
+        onEmojiClick: props.onEmojiClick,
+        onReactionClick: props.onReactionClick,
+        onSkinToneChange: props.onSkinToneChange,
+        onSearchChange: props.onSearchChange,
+        onReactionsModeChange: props.onReactionsModeChange
+    });
+    /* @__PURE__ */
+    return React6.createElement(ErrorBoundary, null, /* @__PURE__ */ React6.createElement(MutableConfigProvider, {
+        value: MutableConfigRef,
+        inheritToRoot: !0
+    }, /* @__PURE__ */ React6.createElement(EmojiPickerReact_default, {
+        ...props
+    })));
+}
+
+export { Categories, ExportedEmoji as Emoji, EmojiStyle, SkinTonePickerLocation, SkinTones, SuggestionMode, Theme, EmojiPicker2 as default, emojiByUnified };

package/dist/esm/primitives/index.mjs

@@ -0,0 +1,8 @@
+"use client";
+import { Categories, CategoryNav, EmojiStyle, Empty, List, LoadError, Loading, Panel, Preview, Reactions, Root, Search, SearchInput, SkinTone, SkinTonePickerLocation, SkinTones, SuggestionMode, Theme, Viewport, darkPickerTokens, defaultPickerTokens, lightPickerTokens, structuralPickerTokens, useActiveEmoji, useCategoryNavigation, useEmojiDataState, usePickerMode, useSearchActions, useSearchState, useSkinTone } from "../chunks/chunk-F2KS7DCA.mjs";
+
+import "../chunks/chunk-ACXAQEKG.mjs";
+
+import "../chunks/chunk-LO4TPPLH.mjs";
+
+export { Categories, CategoryNav, EmojiStyle, Empty, List, LoadError, Loading, Panel, Preview, Reactions, Root, Search, SearchInput, SkinTone, SkinTonePickerLocation, SkinTones, SuggestionMode, Theme, Viewport, darkPickerTokens, defaultPickerTokens, lightPickerTokens, structuralPickerTokens, useActiveEmoji, useCategoryNavigation, useEmojiDataState, usePickerMode, useSearchActions, useSearchState, useSkinTone };

package/dist/hooks/preloadEmoji.d.ts

@@ -1,9 +1,5 @@
-import { GetEmojiUrl } from '../components/emoji/BaseEmojiProps';
-import { DataEmoji } from '../dataUtils/DataTypes';
-import { EmojiStyle } from '../types/exposedTypes';
-import { Dimensions } from '../virtualization/virtualizationHelpers';
-export declare function preloadEmojiIfNeeded(emoji: undefined | DataEmoji, emojiStyles: EmojiStyle, scrollTop: number, clientHeight: number, topOffset: number, style: {
-    top: number;
-} | undefined, dimensions: Dimensions, getEmojiUrl: GetEmojiUrl): void;
-export declare function preloadEmoji(getEmojiUrl: GetEmojiUrl, emoji: undefined | DataEmoji, emojiStyle: EmojiStyle): void;
-export declare const preloadedEmojs: Set<string>;
+import { GetEmojiUrl } from '../components/emoji/BaseEmojiProps';
+import { DataEmoji } from '../dataUtils/DataTypes';
+import { EmojiStyleValue } from '../types/exposedTypes';
+export declare function preloadEmoji(getEmojiUrl: GetEmojiUrl, emoji: undefined | DataEmoji, emojiStyle: EmojiStyleValue): void;
+export declare const preloadedEmojs: Set<string>;

package/dist/hooks/useActiveCategoryScrollDetection.d.ts

@@ -1,11 +1,11 @@
-import { CategoriesConfig } from '../config/categoryConfig';
-export declare function useActiveCategoryScrollDetection({ setActiveCategory, setVisibleCategories, categories, }: {
-    setActiveCategory: (category: string) => void;
-    setVisibleCategories: (categories: string[]) => void;
-    /**
-     * Effective category list. The merged array reference only changes when
-     * the configuration is re-merged, so the observer re-subscribes exactly
-     * when sections are added or removed — no serialization involved.
-     */
-    categories: CategoriesConfig;
-}): void;
+import { CategoriesConfig } from '../config/categoryConfig';
+export declare function useActiveCategoryScrollDetection({ setActiveCategory, setVisibleCategories, categories, }: {
+    setActiveCategory: (category: string) => void;
+    setVisibleCategories: (categories: string[]) => void;
+    /**
+     * Effective category list. The merged array reference only changes when
+     * the configuration is re-merged, so the observer re-subscribes exactly
+     * when sections are added or removed — no serialization involved.
+     */
+    categories: CategoriesConfig;
+}): void;

package/dist/hooks/useCategoryHeight.d.ts

@@ -1,5 +1,7 @@
-export declare function useCategoryHeight(emojiCount: number): {
-    categoryHeight: number;
-    emojisPerRow: number;
-    emojiSize: number;
-} | undefined;
+export declare function useCategoryHeight(emojiCount: number, ready?: boolean): {
+    categoryHeight: number;
+    emojisPerRow: number;
+    emojiSize: number;
+    rowWidth: number;
+    viewportHeight?: number;
+} | undefined;

package/dist/hooks/useCloseAllOpenToggles.d.ts

@@ -1,2 +1,2 @@
-export declare function useCloseAllOpenToggles(): () => void;
-export declare function useHasOpenToggles(): () => boolean;
+export declare function useCloseAllOpenToggles(): () => void;
+export declare function useHasOpenToggles(): () => boolean;

package/dist/hooks/useDataIdentityStabilityWarning.d.ts

@@ -0,0 +1,13 @@
+import type { CustomEmoji } from '../config/customEmojiConfig';
+import type { EmojiData } from '../types/exposedTypes';
+/**
+ * Dev-only diagnostic.
+ *
+ * Identity caching only helps when callers keep data props referentially
+ * stable. If a non-default `emojiData` (or `customEmojis`) changes identity
+ * on three consecutive committed renders, warn once that repeated identity
+ * churn defeats prepared-data caching. Behavior stays correct; this is
+ * diagnostic only. A single/occasional replacement (e.g. locale change)
+ * must not warn. No deep-compare or clone is performed.
+ */
+export declare const useDataIdentityStabilityWarning: (emojiData: EmojiData | undefined, customEmojis: CustomEmoji[] | undefined) => void;

package/dist/hooks/useDebouncedState.d.ts

@@ -1 +1 @@
-export declare function useDebouncedState<T>(initialValue: T, delay?: number): [T, (value: T) => Promise<T>];
+export declare function useDebouncedState<T>(initialValue: T, delay?: number): [T, (value: T) => Promise<T>];

package/dist/hooks/useDisallowMouseMove.d.ts

@@ -1,4 +1,4 @@
-export declare function useDisallowMouseMove(): () => void;
-export declare function useAllowMouseMove(): () => void;
-export declare function useIsMouseDisallowed(): () => boolean;
-export declare function useOnMouseMove(): void;
+export declare function useDisallowMouseMove(): () => void;
+export declare function useAllowMouseMove(): () => void;
+export declare function useIsMouseDisallowed(): () => boolean;
+export declare function useOnMouseMove(): void;

package/dist/hooks/useDisallowedEmojis.d.ts

@@ -1,3 +1,2 @@
-import { DataEmoji } from '../dataUtils/DataTypes';
-export declare function useDisallowedEmojis(): Record<string, boolean>;
-export declare function useIsEmojiDisallowed(): (emoji: DataEmoji) => boolean;
+import { DataEmoji } from '../dataUtils/DataTypes';
+export declare function useIsEmojiDisallowed(): (emoji: DataEmoji, renderedUnified?: string) => boolean;

package/dist/hooks/useEmojiPreviewEvents.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { PreviewEmoji } from '../components/footer/Preview';
-export declare function useEmojiPreviewEvents(allow: boolean, setPreviewEmoji: React.Dispatch<React.SetStateAction<PreviewEmoji>>): void;
+import * as React from 'react';
+import { ActiveEmojiState } from '../components/context/PickerContext';
+export declare function useEmojiPreviewEvents(focusOnHover: boolean, setPreviewEmoji: React.Dispatch<React.SetStateAction<ActiveEmojiState>>): void;

package/dist/hooks/useEmojiVirtualization.d.ts

@@ -1,17 +1,22 @@
-import { ReactNode } from 'react';
-import { DataEmojis } from '../dataUtils/DataTypes';
-export declare function useEmojiVirtualization({ categoryEmojis, topOffset, onHeightReady, scrollTop, isCategoryVisible, }: {
-    categoryEmojis: DataEmojis;
-    topOffset: number;
-    onHeightReady: (height: number) => void;
-    scrollTop: number;
-    isCategoryVisible: boolean;
-}): {
-    virtualizedCounter: number;
-    emojis: ReactNode[];
-    dimensions: {
-        categoryHeight: number;
-        emojisPerRow: number;
-        emojiSize: number;
-    } | undefined;
-};
+import { ReactNode } from 'react';
+import { DataEmojis } from '../dataUtils/DataTypes';
+export declare function useEmojiVirtualization({ categoryEmojis, topOffset, onHeightReady, scrollTop, isCategoryVisible, positioned, }: {
+    categoryEmojis: DataEmojis;
+    topOffset: number;
+    onHeightReady: (height: number) => void;
+    scrollTop: number;
+    isCategoryVisible: boolean;
+    /** Whether topOffset is final; unmeasured sections above shift it. */
+    positioned: boolean;
+}): {
+    virtualizedCounter: number;
+    emojis: ReactNode[];
+    dimensions: {
+        categoryHeight: number;
+        emojisPerRow: number;
+        emojiSize: number;
+        rowWidth: number;
+        viewportHeight?: number;
+    } | undefined;
+    emojiCount: number;
+};

package/dist/hooks/useFilter.d.ts

@@ -1,16 +1,10 @@
-import { FilterState } from '../components/context/PickerContext';
-import { DataEmoji } from '../dataUtils/DataTypes';
-export declare function useClearSearch(): () => void;
-export declare function useAppendSearch(): (str: string) => void;
-export declare function useFilter(): {
-    onChange: (inputValue: string) => void;
-    searchTerm: string;
-    SearchInputRef: import("../components/context/ElementRefContext").ElementRef<HTMLInputElement>;
-    statusSearchResults: string;
-};
-export declare function filterEmojiObjectByKeyword(emojis: FilterDict, keyword: string): FilterDict;
-export declare function useIsEmojiFiltered(): (unified: string) => boolean;
-export declare function isEmojiFilteredBySearchTerm(unified: string, filter: FilterState, searchTerm: string): boolean;
-export declare type FilterDict = Record<string, DataEmoji>;
-export declare function findLongestMatch(keyword: string, dict: Record<string, FilterDict> | null): FilterDict | null;
-export declare function getNormalizedSearchTerm(str: string): string;
+import { FilterState } from '../components/context/PickerContext';
+import { DataEmoji } from '../dataUtils/DataTypes';
+export declare function useFilter(): {
+    onChange: (inputValue: string) => void;
+};
+export declare function useIsEmojiFiltered(): (unified: string) => boolean;
+export declare function isEmojiFilteredBySearchTerm(unified: string, filter: FilterState, searchTerm: string): boolean;
+export type FilterDict = Record<string, DataEmoji>;
+export declare function filterEmojiObjectByKeyword(emojis: FilterDict, keyword: string): FilterDict;
+export declare function findLongestMatch(keyword: string, dict: Record<string, FilterDict> | null): FilterDict | null;

package/dist/hooks/useFocus.d.ts

@@ -1,3 +1,3 @@
-export declare function useFocusSearchInput(): () => void;
-export declare function useFocusSkinTonePicker(): () => void;
-export declare function useFocusCategoryNavigation(): () => void;
+export declare function useFocusSearchInput(): () => void;
+export declare function useFocusSkinTonePicker(): () => void;
+export declare function useFocusCategoryNavigation(): () => void;

package/dist/hooks/useInitialLoad.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
-export declare function useMarkInitialLoad(dispatch: React.Dispatch<React.SetStateAction<boolean>>): void;
+import * as React from 'react';
+export declare function useMarkInitialLoad(dispatch: React.Dispatch<React.SetStateAction<boolean>>): void;

package/dist/hooks/useIsEmojiHidden.d.ts

@@ -1,8 +1,8 @@
-import { DataEmoji } from '../dataUtils/DataTypes';
-export declare function useIsEmojiHidden(): (emoji: DataEmoji) => IsHiddenReturn;
-declare type IsHiddenReturn = {
-    failedToLoad: boolean;
-    filteredOut: boolean;
-    hidden: boolean;
-};
-export {};
+import { DataEmoji } from '../dataUtils/DataTypes';
+export declare function useIsEmojiHidden(): (emoji: DataEmoji) => IsHiddenReturn;
+type IsHiddenReturn = {
+    failedToLoad: boolean;
+    filteredOut: boolean;
+    hidden: boolean;
+};
+export {};

package/dist/hooks/useIsMounted.d.ts

@@ -1 +1 @@
-export declare function useIsMounted(): boolean;
+export declare function useIsMounted(): boolean;

package/dist/hooks/useIsSearchMode.d.ts

@@ -1 +1 @@
-export default function useIsSearchMode(): boolean;
+export default function useIsSearchMode(): boolean;

package/dist/hooks/useIsomorphicLayoutEffect.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
-export declare const useIsomorphicLayoutEffect: typeof React.useLayoutEffect;
+import * as React from 'react';
+export declare const useIsomorphicLayoutEffect: typeof React.useLayoutEffect;

package/dist/hooks/useKeyboardNavigation.d.ts

@@ -1 +1,3 @@
-export declare function useKeyboardNavigation(): void;
+import { RegisteredRegion } from '../state/navigationRegistry';
+export declare function useKeyboardNavigation(): void;
+export declare function useFocusRegion(): (region: RegisteredRegion | undefined) => boolean;

package/dist/hooks/useMouseDownHandlers.d.ts

@@ -1,4 +1,8 @@
-import * as React from 'react';
-import { NullableElement } from '../DomUtils/selectors';
-import { MOUSE_EVENT_SOURCE } from '../config/useConfig';
-export declare function useMouseDownHandlers(ContainerRef: React.MutableRefObject<NullableElement>, mouseEventSource: MOUSE_EVENT_SOURCE): void;
+import * as React from 'react';
+import { NullableElement } from '../DomUtils/selectors';
+import { GetEmojiUrl } from '../components/emoji/BaseEmojiProps';
+import { MOUSE_EVENT_SOURCE } from '../config/useConfig';
+import { DataEmoji } from '../dataUtils/DataTypes';
+import { EmojiClickData, EmojiStyleValue, SkinTones } from '../types/exposedTypes';
+export declare function useMouseDownHandlers(ContainerRef: React.MutableRefObject<NullableElement>, mouseEventSource: MOUSE_EVENT_SOURCE): void;
+export declare function emojiClickOutput(emoji: DataEmoji, activeSkinTone: SkinTones, activeEmojiStyle: EmojiStyleValue, getEmojiUrl: GetEmojiUrl): EmojiClickData;

package/dist/hooks/useOnFocus.d.ts

@@ -1 +1 @@
-export declare function useOnFocus(): void;
+export declare function useOnFocus(): void;

package/dist/hooks/useOnScroll.d.ts

@@ -1,2 +1,2 @@
-import { ElementRef } from '../components/context/ElementRefContext';
-export declare function useOnScroll(BodyRef: ElementRef): number;
+import { ElementRef } from '../components/context/ElementRefContext';
+export declare function useOnScroll(BodyRef: ElementRef): number;

package/dist/hooks/useReactionsFocus.d.ts

@@ -0,0 +1 @@
+export declare function useReactionsFocusManager(): void;