emoji-picker-react 4.22.2 → 5.0.0

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

@@ -0,0 +1,43 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __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;
+  }
+};
+var __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;
+  }
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __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 ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+export {
+  __esm,
+  __commonJS,
+  __toESM
+};

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

@@ -0,0 +1,9 @@
+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,18 @@
+import {
+  require_registerDefaultEmojiData
+} from "./chunks/chunk-FQIJ4HBW.mjs";
+import {
+  getEmojiByUnified,
+  searchEmojis
+} from "./chunks/chunk-46BUDQLE.mjs";
+import "./chunks/chunk-7ZGTUZFB.mjs";
+import {
+  __toESM
+} from "./chunks/chunk-LO4TPPLH.mjs";
+
+// src/data.ts
+var import_registerDefaultEmojiData = __toESM(require_registerDefaultEmojiData());
+export {
+  getEmojiByUnified,
+  searchEmojis
+};

package/dist/esm/index.mjs

@@ -0,0 +1,389 @@
+"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-KQPOIRSC.mjs";
+import {
+  require_registerDefaultEmojiData
+} from "./chunks/chunk-FQIJ4HBW.mjs";
+import "./chunks/chunk-46BUDQLE.mjs";
+import "./chunks/chunk-7ZGTUZFB.mjs";
+import {
+  __toESM
+} from "./chunks/chunk-LO4TPPLH.mjs";
+
+// src/index.tsx
+var import_registerDefaultEmojiData = __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() {
+  const skinTonePickerLocationConfig = useSkinTonePickerLocationConfig();
+  return skinTonePickerLocationConfig === "SEARCH" /* SEARCH */;
+}
+function useIsSkinToneInPreview() {
+  const skinTonePickerLocationConfig = useSkinTonePickerLocationConfig();
+  return skinTonePickerLocationConfig === "PREVIEW" /* PREVIEW */;
+}
+
+// src/components/header/Header.tsx
+function Header() {
+  const appearance = useDefaultAppearance();
+  const searchDisabled = useSearchDisabledConfig();
+  const skinTonesDisabled = useSkinTonesDisabledConfig();
+  const toneInSearch = useIsSkinToneInSearch();
+  return /* @__PURE__ */ 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) {
+  if (unstyled) {
+    return cx(className);
+  }
+  return cx(
+    styles.main,
+    styles.baseVariables,
+    theme === "dark" /* DARK */ && styles.darkTheme,
+    theme === "auto" /* AUTO */ && 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.
+    ...columns === void 0 && { width: getDimension(DEFAULT_PICKER_WIDTH) },
+    height: getDimension(DEFAULT_PICKER_HEIGHT),
+    ...style,
+    ...width !== void 0 ? { width: getDimension(width) } : {},
+    ...height !== void 0 ? { height: getDimension(height) } : {}
+  };
+}
+function getDimension(dimension) {
+  return typeof dimension === "number" ? `${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"
+};
+var 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"
+};
+var 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",
+    "*": {
+      boxSizing: "border-box",
+      // Overridable without a specificity fight (v4 hard-coded sans-serif).
+      fontFamily: "var(--epr-font-family, sans-serif)"
+    }
+  },
+  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"
+  }
+}))();
+
+// src/EmojiPickerReact.tsx
+function EmojiPicker(props) {
+  const rootInput = props;
+  const {
+    theme: legacyTheme,
+    colorScheme,
+    width,
+    height,
+    className,
+    style,
+    unstyled,
+    components,
+    open,
+    searchDisabled = false,
+    skinTonesDisabled = false,
+    skinTonePickerLocation = "SEARCH" /* SEARCH */,
+    previewConfig,
+    ...rest
+  } = rootInput;
+  const theme = colorScheme ?? legacyTheme;
+  const showPreview = previewConfig?.showPreview ?? true;
+  const resolvedLocation = resolveSkinTonePickerLocation(
+    skinTonePickerLocation,
+    searchDisabled,
+    showPreview
+  );
+  const defaultConfiguration = {
+    searchDisabled,
+    skinTonesDisabled,
+    skinTonePickerLocation: resolvedLocation,
+    previewConfig,
+    // Closed, as in v4, keeps the picker's state (skin tone, search,
+    // reactions mode) and renders nothing.
+    open: open !== false
+  };
+  const { behaviorProps, unknownProps } = pickBehaviorProps(rest);
+  useUnknownPropsWarning(unknownProps);
+  return /* @__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)
+  ));
+}
+var 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 = {};
+  const unknown = [];
+  const values = props;
+  for (const key of Object.keys(values)) {
+    if (isPickerBehaviorProp(key) || isNativeAttribute(key)) {
+      behaviorProps[key] = values[key];
+    } else {
+      unknown.push(key);
+    }
+  }
+  return { behaviorProps, unknownProps: unknown.join(", ") };
+}
+var useUnknownPropsWarning = process.env.NODE_ENV === "production" ? () => void 0 : useDevUnknownPropsWarning;
+function useDevUnknownPropsWarning(unknownProps) {
+  React3.useEffect(() => {
+    if (unknownProps) {
+      console.warn(
+        `[emoji-picker-react] Ignoring unknown prop(s): ${unknownProps}. See docs/v5/MIGRATION.md for removed props.`
+      );
+    }
+  }, [unknownProps]);
+}
+function ContentControl() {
+  const showPreview = usePreviewConfig().showPreview;
+  const skinTonesDisabled = useSkinTonesDisabledConfig();
+  const toneInPreview = useIsSkinToneInPreview();
+  return /* @__PURE__ */ 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" })));
+}
+var CONTENT = /* @__PURE__ */ React3.createElement(ContentControl);
+var EmojiPickerReact_default = /* @__PURE__ */ React3.memo(EmojiPicker, compareConfig);
+
+// src/components/ErrorBoundary.tsx
+import * as React4 from "react";
+var ErrorBoundary = class extends React4.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error("Emoji Picker React failed to render:", error, errorInfo);
+  }
+  render() {
+    if (this.state.hasError) {
+      return null;
+    }
+    return this.props.children;
+  }
+};
+
+// src/components/emoji/ExportedEmoji.tsx
+import * as React5 from "react";
+function ExportedEmoji({
+  unified,
+  size = 32,
+  emojiStyle,
+  lazyLoad = false,
+  getEmojiUrl,
+  emojiUrl
+}) {
+  if (!unified && !emojiUrl && !getEmojiUrl) {
+    return null;
+  }
+  return /* @__PURE__ */ React5.createElement(
+    ViewOnlyEmoji,
+    {
+      unified,
+      size,
+      emojiStyle: resolveEmojiStyle(emojiStyle, emojiUrl || getEmojiUrl),
+      lazyLoad,
+      getEmojiUrl: emojiUrl ? () => emojiUrl : getEmojiUrl
+    }
+  );
+}
+
+// src/index.tsx
+function EmojiPicker2(props) {
+  const MutableConfigRef = useDefineMutableConfig({
+    onEmojiClick: props.onEmojiClick,
+    onReactionClick: props.onReactionClick,
+    onSkinToneChange: props.onSkinToneChange,
+    onSearchChange: props.onSearchChange,
+    onReactionsModeChange: props.onReactionsModeChange
+  });
+  return /* @__PURE__ */ React6.createElement(ErrorBoundary, null, /* @__PURE__ */ React6.createElement(MutableConfigProvider, { value: MutableConfigRef, inheritToRoot: true }, /* @__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,67 @@
+"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-KQPOIRSC.mjs";
+import "../chunks/chunk-46BUDQLE.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,9 @@
-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';
+import { Dimensions } from '../virtualization/virtualizationHelpers';
+export declare function preloadEmojiIfNeeded(emoji: undefined | DataEmoji, emojiStyles: EmojiStyleValue, 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: 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,6 @@
-export declare function useCategoryHeight(emojiCount: number): {
-    categoryHeight: number;
-    emojisPerRow: number;
-    emojiSize: number;
-} | undefined;
+export declare function useCategoryHeight(emojiCount: number): {
+    categoryHeight: number;
+    emojisPerRow: number;
+    emojiSize: number;
+    rowWidth: 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,21 @@
-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;
+    } | undefined;
+    emojiCount: number;
+};