emoji-picker-react 4.22.3 → 5.0.0

package/dist/components/emoji/BaseEmojiProps.d.ts

@@ -1,13 +1,14 @@
-import { CustomEmoji } from '../../config/customEmojiConfig';
-import { DataEmoji } from '../../dataUtils/DataTypes';
-import { EmojiStyle } from '../../types/exposedTypes';
-export declare type BaseEmojiProps = {
-    emoji?: DataEmoji | CustomEmoji;
-    emojiStyle: EmojiStyle;
-    unified: string;
-    size?: number;
-    lazyLoad?: boolean;
-    getEmojiUrl?: GetEmojiUrl;
-    className?: string;
-};
-export declare type GetEmojiUrl = (unified: string, style: EmojiStyle) => string;
+import { CustomEmoji } from '../../config/customEmojiConfig';
+import { DataEmoji } from '../../dataUtils/DataTypes';
+import { EmojiStyleValue } from '../../types/exposedTypes';
+export type BaseEmojiProps = {
+    emoji?: DataEmoji | CustomEmoji;
+    emojiStyle: EmojiStyleValue;
+    unified: string;
+    /** Pixels, or any CSS length (e.g. a `var(--epr-*)` token). */
+    size?: number | string;
+    lazyLoad?: boolean;
+    getEmojiUrl?: GetEmojiUrl;
+    className?: string;
+};
+export type GetEmojiUrl = (unified: string, style: EmojiStyleValue) => string;

package/dist/components/emoji/ClickableEmojiButton.d.ts

@@ -1,15 +1,23 @@
-import * as React from 'react';
-declare type ClickableEmojiButtonProps = Readonly<{
-    hidden?: boolean;
-    showVariations?: boolean;
-    hiddenOnSearch?: boolean;
-    emojiNames: string[];
-    children: React.ReactNode;
-    hasVariations: boolean;
-    unified?: string;
-    noBackground?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-}>;
-export declare function ClickableEmojiButton({ emojiNames, unified, hidden, hiddenOnSearch, showVariations, hasVariations, children, className, noBackground, style, }: ClickableEmojiButtonProps): JSX.Element;
-export {};
+import * as React from 'react';
+import { EmojiRenderProps, ListEmoji } from '../body/listComponents';
+type ClickableEmojiButtonProps = Readonly<{
+    hidden?: boolean;
+    showVariations?: boolean;
+    hiddenOnSearch?: boolean;
+    emojiNames: string[];
+    children: React.ReactNode;
+    hasVariations: boolean;
+    unified?: string;
+    noBackground?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    tabIndex?: number;
+    /** Consumer cell (List `components.Emoji`) replacing the default button. */
+    as?: React.ComponentType<EmojiRenderProps>;
+    emojiInfo?: Omit<ListEmoji, 'isActive'>;
+    /** `gridcell` inside the emoji grid; native button role elsewhere. */
+    role?: 'gridcell';
+    index?: number;
+}>;
+export declare function ClickableEmojiButton({ emojiNames, unified, hidden, hiddenOnSearch, showVariations, hasVariations, children, className, noBackground, style, tabIndex, as: Custom, emojiInfo, role, index, }: ClickableEmojiButtonProps): React.JSX.Element;
+export {};

package/dist/components/emoji/Emoji.d.ts

@@ -1,15 +1,18 @@
-import * as React from 'react';
-import { DataEmoji } from '../../dataUtils/DataTypes';
-import { BaseEmojiProps } from './BaseEmojiProps';
-declare type ClickableEmojiProps = Readonly<BaseEmojiProps & {
-    hidden?: boolean;
-    showVariations?: boolean;
-    hiddenOnSearch?: boolean;
-    emoji: DataEmoji;
-    className?: string;
-    buttonClassName?: string;
-    noBackground?: boolean;
-    style?: React.CSSProperties;
-}>;
-export declare function ClickableEmoji({ emoji, unified, hidden, hiddenOnSearch, emojiStyle, showVariations, size, lazyLoad, getEmojiUrl, className, buttonClassName, noBackground, style, }: ClickableEmojiProps): JSX.Element;
-export {};
+import * as React from 'react';
+import { DataEmoji } from '../../dataUtils/DataTypes';
+import { BaseEmojiProps } from './BaseEmojiProps';
+type ClickableEmojiProps = Readonly<BaseEmojiProps & {
+    hidden?: boolean;
+    showVariations?: boolean;
+    hiddenOnSearch?: boolean;
+    emoji: DataEmoji;
+    className?: string;
+    buttonClassName?: string;
+    noBackground?: boolean;
+    style?: React.CSSProperties;
+    tabIndex?: number;
+    role?: 'gridcell';
+    index?: number;
+}>;
+export declare function ClickableEmoji({ emoji, unified, hidden, hiddenOnSearch, emojiStyle, showVariations, size, lazyLoad, getEmojiUrl, className, buttonClassName, noBackground, style, tabIndex, role, index, }: ClickableEmojiProps): React.JSX.Element;
+export {};

package/dist/components/emoji/EmojiImg.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { EmojiStyle } from '../../types/exposedTypes';
-export declare function EmojiImg({ emojiName, style, lazyLoad, imgUrl, onError, className, }: {
-    emojiName: string;
-    emojiStyle: EmojiStyle;
-    style: React.CSSProperties;
-    lazyLoad?: boolean;
-    imgUrl: string;
-    onError: () => void;
-    className?: string;
-}): JSX.Element;
+import * as React from 'react';
+import { EmojiStyleValue } from '../../types/exposedTypes';
+export declare function EmojiImg({ emojiName, style, lazyLoad, imgUrl, onError, className, }: {
+    emojiName: string;
+    emojiStyle: EmojiStyleValue;
+    style: React.CSSProperties;
+    lazyLoad?: boolean;
+    imgUrl: string;
+    onError: () => void;
+    className?: string;
+}): React.JSX.Element;

package/dist/components/emoji/ExportedEmoji.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { EmojiStyle } from '../../types/exposedTypes';
-import { GetEmojiUrl } from './BaseEmojiProps';
-export declare function ExportedEmoji({ unified, size, emojiStyle, lazyLoad, getEmojiUrl, emojiUrl, }: {
-    unified: string;
-    emojiStyle?: EmojiStyle;
-    size?: number;
-    lazyLoad?: boolean;
-    getEmojiUrl?: GetEmojiUrl;
-    emojiUrl?: string;
-}): JSX.Element | null;
+import * as React from 'react';
+import { EmojiStyleValue } from '../../types/exposedTypes';
+import { GetEmojiUrl } from './BaseEmojiProps';
+export declare function ExportedEmoji({ unified, size, emojiStyle, lazyLoad, getEmojiUrl, emojiUrl, }: {
+    unified: string;
+    emojiStyle?: EmojiStyleValue;
+    size?: number;
+    lazyLoad?: boolean;
+    getEmojiUrl?: GetEmojiUrl;
+    emojiUrl?: string;
+}): React.JSX.Element | null;

package/dist/components/emoji/NativeEmoji.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-export declare function NativeEmoji({ unified, style, className, }: {
-    unified: string;
-    style: React.CSSProperties;
-    className?: string;
-}): JSX.Element;
+import * as React from 'react';
+export declare function NativeEmoji({ unified, style, className, }: {
+    unified: string;
+    style: React.CSSProperties;
+    className?: string;
+}): React.JSX.Element;

package/dist/components/emoji/ViewOnlyEmoji.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { BaseEmojiProps } from './BaseEmojiProps';
-export declare function ViewOnlyEmoji({ emoji, unified, emojiStyle, size, lazyLoad, getEmojiUrl, className, }: BaseEmojiProps): JSX.Element | null;
+import * as React from 'react';
+import { BaseEmojiProps } from './BaseEmojiProps';
+export declare function ViewOnlyEmoji({ emoji, unified, emojiStyle, size, lazyLoad, getEmojiUrl, className, }: BaseEmojiProps): React.JSX.Element | null;

package/dist/components/emoji/emojiStyles.d.ts

@@ -1 +1,6 @@
-export declare const emojiStyles: Record<never, Set<string>>;
+export declare const emojiStyles: {
+    external: Set<string>;
+    common: Set<string>;
+} & {
+    [x: string]: Set<string>;
+};

package/dist/components/footer/Preview.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare function Preview(): JSX.Element | null;
-export declare function PreviewBody(): JSX.Element;
-export declare type PreviewEmoji = null | {
-    unified: string;
-    originalUnified: string;
-};
+import * as React from 'react';
+import { ActiveEmojiState } from '../context/PickerContext';
+export declare function Preview({ children }: {
+    children?: React.ReactNode;
+}): React.JSX.Element;
+export declare function PreviewBody(): React.JSX.Element | null;
+export type PreviewEmoji = ActiveEmojiState;

package/dist/components/header/Header.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function Header(): JSX.Element;
+import * as React from 'react';
+export declare function Header(): React.JSX.Element;

package/dist/components/header/Search/BtnClearSearch.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function BtnClearSearch(): JSX.Element;
+import * as React from 'react';
+export declare function BtnClearSearch(): React.JSX.Element;

package/dist/components/header/Search/IcnSearch.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function IcnSearch(): JSX.Element;
+import * as React from 'react';
+export declare function IcnSearch(): React.JSX.Element;

package/dist/components/header/Search/Search.d.ts

@@ -1,3 +1,11 @@
-/// <reference types="react" />
-export declare function SearchContainer(): JSX.Element | null;
-export declare function Search(): JSX.Element;
+import * as React from 'react';
+import type { SearchProps } from '../../../primitives/types';
+export declare function SearchContainer({ children, inputProps, inputRef, }?: {
+    inputProps?: SearchProps['inputProps'];
+    inputRef?: SearchProps['inputRef'];
+    children?: React.ReactNode;
+}): React.JSX.Element;
+export declare function Search({ inputProps, inputRef, }?: {
+    inputProps?: SearchProps['inputProps'];
+    inputRef?: SearchProps['inputRef'];
+}): React.JSX.Element;

package/dist/components/header/SkinTonePicker/BtnSkinToneVariation.d.ts

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { SkinTones } from '../../../types/exposedTypes';
-declare type Props = {
-    isOpen: boolean;
-    onClick: () => void;
-    isActive: boolean;
-    skinToneVariation: SkinTones;
-    style?: React.CSSProperties;
-    tabIndex?: number;
-};
-export declare function BtnSkinToneVariation({ isOpen, onClick, isActive, skinToneVariation, style, tabIndex, }: Props): JSX.Element;
-export {};
+import * as React from 'react';
+import { SkinTones } from '../../../types/exposedTypes';
+type Props = {
+    isOpen: boolean;
+    onClick: () => void;
+    isActive: boolean;
+    skinToneVariation: SkinTones;
+    style?: React.CSSProperties;
+    tabIndex?: number;
+};
+export declare function BtnSkinToneVariation({ isOpen, onClick, isActive, skinToneVariation, style, tabIndex, }: Props): React.JSX.Element;
+export {};

package/dist/components/header/SkinTonePicker/SkinTonePicker.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-declare type Props = {
-    direction?: SkinTonePickerDirection;
-};
-export declare function SkinTonePickerMenu(): JSX.Element;
-export declare function SkinTonePicker({ direction, }: Props): JSX.Element | null;
-export declare enum SkinTonePickerDirection {
-    VERTICAL = "epr-vertical",
-    HORIZONTAL = "epr-horizontal"
-}
-export {};
+import * as React from 'react';
+type Props = {
+    direction?: SkinTonePickerDirection;
+};
+export declare function SkinTonePickerMenu(): React.JSX.Element;
+export declare function SkinTonePicker({ direction, }: Props): React.JSX.Element | null;
+export declare enum SkinTonePickerDirection {
+    VERTICAL = "epr-vertical",
+    HORIZONTAL = "epr-horizontal"
+}
+export {};

package/dist/components/icons/svgIcons.d.ts

@@ -0,0 +1,4 @@
+export declare const PLUS_ICON = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='80px' viewBox='0 0 20 80'%3E%3Cpath fill='%23868686' d='M5.7,10.4c0,.1,.1,.3,.2,.4C6,10.9,6.1,11,6.3,11h3.4v3.4c0,.1,.1,.3,.2,.4c.1,.1,.2,.2,.4,.2c.3,0,.5-.2,.5-.5v-3.4h3.4c.3,0,.5-.2,.5-.5s-.2-.5-.5-.5h-3.4V6.7c0-.3-.2-.5-.5-.5C9.8,6,9.6,6.2,9.6,6.5v3.4H6.2C5.9,9.9,5.7,10.1,5.7,10.4L5.7,10.4z'/%3E%3Cpath fill='%233371B7' d='M5.7,30.4c0,.1,.1,.3,.2,.4S6.1,31,6.3,31h3.4v3.4c0,.1,.1,.3,.2,.4c.1,.1,.2,.2,.4,.2c.3,0,.5-.2,.5-.5v-3.4h3.4c.3,0,.5-.2,.5-.5s-.2-.5-.5-.5h-3.4v-3.4c0-.3-.2-.5-.5-.5s-.5,.2-.5,.5v3.4H6.2C5.9,29.9,5.7,30.1,5.7,30.4L5.7,30.4z'/%3E%3Cpath fill='%23C0C0BF' d='M5.7,50.4c0,.1,.1,.3,.2,.4C6,50.9,6.1,51,6.3,51h3.4v3.4c0,.1,.1,.3,.2,.4c.1,.1,.2,.2,.4,.2c.3,0,.5-.2,.5-.5v-3.4h3.4c.3,0,.5-.2,.5-.5s-.2-.5-.5-.5h-3.4v-3.4c0-.3-.2-.5-.5-.5s-.5,.2-.5,.5v3.4H6.2C5.9,49.9,5.7,50.1,5.7,50.4L5.7,50.4z'/%3E%3Cpath fill='%236AA9DD' d='M5.7,70.4c0,.1,.1,.3,.2,.4S6.1,71,6.3,71h3.4v3.4c0,.1,.1,.3,.2,.4c.1,.1,.2,.2,.4,.2c.3,0,.5-.2,.5-.5v-3.4h3.4c.3,0,.5-.2,.5-.5s-.2-.5-.5-.5h-3.4v-3.4c0-.3-.2-.5-.5-.5s-.5,.2-.5,.5v3.4H6.4C5.9,69.9,5.7,70.1,5.7,70.4L5.7,70.4z'/%3E%3C/svg%3E";
+export declare const TRIANGLE_ICON = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50px' height='15px' viewBox='0 0 50 15'%3E%3Cg%3E%3Cpath fill='%23FFFFFF' stroke='%23E8E7E7' stroke-miterlimit='10' d='M1.86-.43l9.83,11.53c.59,.69,1.56,.69,2.14,0l9.83-11.53'/%3E%3Cpath fill='%23010202' stroke='%23151617' stroke-miterlimit='10' d='M26.86-.43l9.83,11.53c.59,.69,1.56,.69,2.14,0l9.83-11.53'/%3E%3C/g%3E%3C/svg%3E";
+export declare const MAGNIFIER_ICON = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='40px' viewBox='0 0 20 40'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23868686' d='M12,8.81c0,2.08-1.68,3.76-3.76,3.76c-2.08,0-3.76-1.68-3.76-3.76c0-2.08,1.68-3.76,3.76-3.76C10.32,5.05,12,6.73,12,8.81zM11.23,12.72c-.83,.64-1.87,1.01-2.99,1.01c-2.72,0-4.92-2.2-4.92-4.92c0-2.72,2.2-4.92,4.92-4.92c2.72,0,4.92,2.2,4.92,4.92c0,1.13-.38,2.16-1.01,2.99l3.94,3.93c.25,.25,.25,.66,0,.92c-.25,.25-.66,.25-.92,0L11.23,12.72z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23C0C0BF' d='M12,28.81c0,2.08-1.68,3.76-3.76,3.76c-2.08,0-3.76-1.68-3.76-3.76c0-2.08,1.68-3.76,3.76-3.76C10.32,25.05,12,26.73,12,28.81zM11.23,32.72c-.83,.64-1.87,1.01-2.99,1.01c-2.72,0-4.92-2.2-4.92-4.92c0-2.72,2.2-4.92,4.92-4.92c2.72,0,4.92,2.2,4.92,4.92c0,1.13-.38,2.16-1.01,2.99l3.94,3.93c.25,.25,.25,.66,0,.92c-.25,.25-.66,.25-.92,0L11.23,32.72z'/%3E%3C/svg%3E";
+export declare const TIMES_ICON = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='80px' viewBox='0 0 20 80'%3E%3Cpath fill='%23868686' d='M6.98,13.59c.1,.1,.24,.15,.37,.15s.27-.05,.37-.15l2.42-2.42l2.43,2.43c.1,.1,.24,.15,.37,.15c.14,0,.27-.05,.37-.15c.21-.21,.21-.54,0-.75l-2.43-2.43L13.32,8c.21-.21,.21-.54,0-.75c-.21-.21-.54-.21-.75,0l-2.42,2.42L7.74,7.27c-.21-.21-.54-.21-.75,0c-.21,.21-.21,.54,0,.75l2.41,2.41l-2.42,2.42C6.77,13.05,6.77,13.39,6.98,13.59L6.98,13.59z'/%3E%3Cpath fill='%23868686' d='M10.15,18.43c4.41,0,8-3.59,8-8c0-4.41-3.59-8-8-8c-4.41,0-8,3.59-8,8C2.15,14.84,5.74,18.43,10.15,18.43zM10.15,3.49c3.83,0,6.94,3.11,6.94,6.94c0,3.83-3.11,6.94-6.94,6.94c-3.83,0-6.94-3.11-6.94-6.94C3.21,6.6,6.33,3.49,10.15,3.49L10.15,3.49z'/%3E%3Cpath fill='%233371B7' d='M6.98,33.59c.1,.1,.24,.15,.37,.15s.27-.05,.37-.15l2.42-2.42l2.43,2.43c.1,.1,.24,.15,.37,.15c.14,0,.27-.05,.37-.15c.21-.21,.21-.54,0-.75l-2.43-2.43L13.32,28c.21-.21,.21-.54,0-.75c-.21-.21-.54-.21-.75,0l-2.42,2.42l-2.41-2.41c-.21-.21-.54-.21-.75,0c-.21,.21-.21,.54,0,.75l2.41,2.41l-2.42,2.42C6.77,33.05,6.77,33.39,6.98,33.59L6.98,33.59z'/%3E%3Cpath fill='%233371B7' d='M10.15,38.43c4.41,0,8-3.59,8-8c0-4.41-3.59-8-8-8c-4.41,0-8,3.59-8,8C2.15,34.84,5.74,38.43,10.15,38.43zM10.15,23.49c3.83,0,6.94,3.11,6.94,6.94c0,3.83-3.11,6.94-6.94,6.94c-3.83,0-6.94-3.11-6.94-6.94C3.21,26.6,6.33,23.49,10.15,23.49L10.15,23.49z'/%3E%3Cpath fill='%23C0C0BF' d='M6.98,53.59c.1,.1,.24,.15,.37,.15s.27-.05,.37-.15l2.42-2.42l2.43,2.43c.1,.1,.24,.15,.37,.15c.14,0,.27-.05,.37-.15c.21-.21,.21-.54,0-.75l-2.43-2.43L13.32,48c.21-.21,.21-.54,0-.75c-.21-.21-.54-.21-.75,0l-2.42,2.42l-2.41-2.41c-.21-.21-.54-.21-.75,0c-.21,.21-.21,.54,0,.75l2.41,2.41l-2.42,2.42C6.77,53.05,6.77,53.39,6.98,53.59L6.98,53.59z'/%3E%3Cpath fill='%23C0C0BF' d='M10.15,58.43c4.41,0,8-3.59,8-8c0-4.41-3.59-8-8-8c-4.41,0-8,3.59-8,8C2.15,54.84,5.74,58.43,10.15,58.43zM10.15,43.49c3.83,0,6.94,3.11,6.94,6.94c0,3.83-3.11,6.94-6.94,6.94c-3.83,0-6.94-3.11-6.94-6.94C3.21,46.6,6.33,43.49,10.15,43.49L10.15,43.49z'/%3E%3Cpath fill='%236AA9DD' d='M6.98,73.59c.1,.1,.24,.15,.37,.15s.27-.05,.37-.15l2.42-2.42l2.43,2.43c.1,.1,.24,.15,.37,.15c.14,0,.27-.05,.37-.15c.21-.21,.21-.54,0-.75l-2.43-2.43L13.32,68c.21-.21,.21-.54,0-.75c-.21-.21-.54-.21-.75,0l-2.42,2.42l-2.41-2.41c-.21-.21-.54-.21-.75,0c-.21,.21-.21,.54,0,.75l2.41,2.41l-2.42,2.42C6.77,73.05,6.77,73.39,6.98,73.59L6.98,73.59z'/%3E%3Cpath fill='%236AA9DD' d='M10.15,78.43c4.41,0,8-3.59,8-8c0-4.41-3.59-8-8-8c-4.41,0-8,3.59-8,8C2.15,74.84,5.74,78.43,10.15,78.43zM10.15,63.49c3.83,0,6.94,3.11,6.94,6.94c0,3.83-3.11,6.94-6.94,6.94c-3.83,0-6.94-3.11-6.94-6.94C3.21,66.6,6.33,63.49,10.15,63.49L10.15,63.49z'/%3E%3C/svg%3E";

package/dist/components/main/PickerMainBehaviors.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare function SearchSync(): null;
+export declare const ReactionsModeObserver: React.NamedExoticComponent<object>;
+export declare const NavigationInvalidation: React.NamedExoticComponent<object>;

package/dist/components/main/defaultAppearance.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { ThemeValue } from '../../types/exposedTypes';
+export declare function DefaultAppearance({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function defaultRootClassName(theme: ThemeValue | undefined, className?: string, unstyled?: boolean): string;
+export declare function defaultRootStyle({ width, height, style, columns, }: {
+    width: string | number | undefined;
+    height: string | number | undefined;
+    style: React.CSSProperties | undefined;
+    columns?: number;
+}): React.CSSProperties;

package/dist/components/main/labelHeight.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_LABEL_HEIGHT = 40;

package/dist/components/navigation/CategoryButton.d.ts

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { CategoryConfig } from '../../types/exposedTypes';
-declare type Props = {
-    isActiveCategory: boolean;
-    category: string;
-    allowNavigation: boolean;
-    onClick: () => void;
-    categoryConfig: CategoryConfig;
-    customIcon?: React.ReactNode;
-};
-export declare function CategoryButton({ isActiveCategory, category, allowNavigation, categoryConfig, onClick, customIcon, }: Props): JSX.Element;
-export {};
+import * as React from 'react';
+import { CategoryConfig } from '../../types/exposedTypes';
+type Props = {
+    isActiveCategory: boolean;
+    category: string;
+    allowNavigation: boolean;
+    onClick: () => void;
+    categoryConfig: CategoryConfig;
+    customIcon?: React.ReactNode;
+};
+export declare function CategoryButton({ isActiveCategory, category, allowNavigation, categoryConfig, onClick, customIcon, }: Props): React.JSX.Element;
+export {};

package/dist/components/navigation/CategoryNavIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare function CategoryNavIcon({ category }: {
-    category: string;
-}): JSX.Element;
+import * as React from 'react';
+export declare function CategoryNavIcon({ category }: {
+    category: string;
+}): React.JSX.Element;

package/dist/components/navigation/CategoryNavigation.d.ts

@@ -1,2 +1,19 @@
-/// <reference types="react" />
-export declare function CategoryNavigation(): JSX.Element | null;
+import * as React from 'react';
+export declare function ActiveCategoryProvider({ children, }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function useActiveCategory(): {
+    activeCategory: string | null;
+    setActiveCategory: (category: string | null) => void;
+};
+/**
+ * Scroll a section to the top and highlight its tab. The highlight is set
+ * explicitly: trailing sections too short to reach the viewport top would
+ * otherwise leave an earlier section active.
+ */
+export declare function useJumpToCategory(): (categoryId: string) => void;
+export declare function useVisibleCategoryConfigs(): import("../../types/exposedTypes").CategoryConfig[];
+export type NavOrientation = 'horizontal' | 'vertical';
+export declare function CategoryNavigation({ orientation, }?: {
+    orientation?: NavOrientation;
+}): React.JSX.Element | null;

package/dist/config/categoryConfig.d.ts

@@ -1,34 +1,34 @@
-import { Categories, CategoryConfig, EmojiData, SuggestionMode } from '../types/exposedTypes';
-import { CustomEmoji } from './customEmojiConfig';
-export { Categories };
-export declare const SuggestedRecent: CategoryConfig;
-export declare type CustomCategoryConfig = {
-    category: Categories.CUSTOM;
-    name: string;
-    /**
-     * Selects the `CustomEmoji` group rendered in this section. Each entry
-     * may carry its own `name` and `icon`, so multiple custom sections can
-     * coexist — each placed wherever its entry sits in `categories`.
-     * Entries without a group share the ungrouped customs bucket.
-     */
-    group?: string;
-};
-/**
- * Stable identity for a category entry. Custom groups are namespaced so
- * duplicate `{ category: CUSTOM }` configs no longer collide in React
- * keys, scroll targets, and active-tab detection.
- */
-export declare function categoryIdFromCategoryConfig(categoryConfig: CategoryConfig): string;
-/**
- * The `CustomEmoji` group rendered by a category entry, if any.
- */
-export declare function customGroupFromCategoryConfig(categoryConfig: CategoryConfig): string | undefined;
-export declare function baseCategoriesConfig(modifiers?: Record<Categories, CategoryConfig>): CategoriesConfig;
-export declare function categoryFromCategoryConfig(category: CategoryConfig): Categories;
-export declare function categoryNameFromCategoryConfig(category: CategoryConfig): string;
-export declare type CategoriesConfig = CategoryConfig[];
-export declare type UserCategoryConfig = Array<Categories | CategoryConfig>;
-export declare function mergeCategoriesConfig(userCategoriesConfig?: UserCategoryConfig, modifiers?: CategoryConfigModifiers, emojiData?: EmojiData, customEmojis?: CustomEmoji[]): CategoriesConfig;
-declare type CategoryConfigModifiers = {
-    suggestionMode?: SuggestionMode;
-};
+import { Categories, CategoryConfig, EmojiData, SuggestionModeValue } from '../types/exposedTypes';
+import { CustomEmoji } from './customEmojiConfig';
+export { Categories };
+export declare const SuggestedRecent: CategoryConfig;
+export type CustomCategoryConfig = {
+    category: Categories.CUSTOM;
+    name: string;
+    /**
+     * Selects the `CustomEmoji` group rendered in this section. Each entry
+     * may carry its own `name` and `icon`, so multiple custom sections can
+     * coexist — each placed wherever its entry sits in `categories`.
+     * Entries without a group share the ungrouped customs bucket.
+     */
+    group?: string;
+};
+/**
+ * Stable identity for a category entry. Custom groups are namespaced so
+ * duplicate `{ category: CUSTOM }` configs no longer collide in React
+ * keys, scroll targets, and active-tab detection.
+ */
+export declare function categoryIdFromCategoryConfig(categoryConfig: CategoryConfig): string;
+/**
+ * The `CustomEmoji` group rendered by a category entry, if any.
+ */
+export declare function customGroupFromCategoryConfig(categoryConfig: CategoryConfig): string | undefined;
+export declare function baseCategoriesConfig(modifiers?: Record<Categories, CategoryConfig>): CategoriesConfig;
+export declare function categoryFromCategoryConfig(category: CategoryConfig): Categories;
+export declare function categoryNameFromCategoryConfig(category: CategoryConfig): string;
+export type CategoriesConfig = CategoryConfig[];
+export type UserCategoryConfig = Array<Categories | CategoryConfig>;
+export declare function mergeCategoriesConfig(userCategoriesConfig?: UserCategoryConfig, modifiers?: CategoryConfigModifiers, emojiData?: EmojiData, customEmojis?: CustomEmoji[]): CategoriesConfig;
+type CategoryConfigModifiers = {
+    suggestionMode?: SuggestionModeValue;
+};

package/dist/config/cdnUrls.d.ts

@@ -1,2 +1,2 @@
-import { EmojiStyle } from '../types/exposedTypes';
-export declare function cdnUrl(emojiStyle: EmojiStyle): string;
+import { EmojiStyleValue } from '../types/exposedTypes';
+export declare function cdnUrl(emojiStyle: EmojiStyleValue): string;

package/dist/config/compareConfig.d.ts

@@ -1,2 +1,10 @@
-import { PickerConfig } from './config';
-export declare function compareConfig(prev: PickerConfig, next: PickerConfig): boolean;
+import { PickerConfig } from './config';
+/**
+ * Content equality over every config key. Iterating the union of keys
+ * (rather than a hand-maintained list) means a prop added later is
+ * compared by default instead of being silently ignored after mount —
+ * which is how `reactions`, `previewConfig`, `hiddenEmojis`,
+ * `allowExpandReactions`, `categoryIcons`, `getEmojiUrl` and `nonce`
+ * updates used to be dropped.
+ */
+export declare function compareConfig(prev: PickerConfig, next: PickerConfig): boolean;