react-emoji-text 1.0.0-alpha.0

package/dist/react-9EdWn0Gg.mjs

@@ -0,0 +1,196 @@
+import { n as tokenizeWithIndexes, o as buildIndexes } from "./tokenize-BUKMZ9Yg.mjs";
+import { i as resolveImageUrlFn, n as renderTokenDefault, r as createTokenKeyFactory, t as isOnlyEmoji } from "./render-DzloPAWX.mjs";
+import { Children, Fragment, createContext, createElement, isValidElement, use, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/react/provider.tsx
+const EmojiContext = createContext(void 0);
+function EmojiProvider({ data, customEmojis, set = "native", defaultSkin, ascii = true, getImageUrl, imageUrlTemplate, sprite, extraAliases, children }) {
+	const indexes = useMemo(() => buildIndexes(data, customEmojis, extraAliases), [
+		data,
+		customEmojis,
+		extraAliases
+	]);
+	const resolvedGetImageUrl = useMemo(() => resolveImageUrlFn({
+		getImageUrl,
+		sprite,
+		imageUrlTemplate
+	}), [
+		getImageUrl,
+		sprite,
+		imageUrlTemplate
+	]);
+	return /* @__PURE__ */ jsx(EmojiContext, {
+		value: useMemo(() => ({
+			indexes,
+			config: {
+				data,
+				customEmojis,
+				set,
+				defaultSkin,
+				ascii,
+				getImageUrl: resolvedGetImageUrl,
+				imageUrlTemplate,
+				sprite,
+				extraAliases
+			},
+			resolvedGetImageUrl
+		}), [
+			indexes,
+			data,
+			customEmojis,
+			set,
+			defaultSkin,
+			ascii,
+			resolvedGetImageUrl,
+			imageUrlTemplate,
+			sprite,
+			extraAliases
+		]),
+		children
+	});
+}
+function useEmojiContext() {
+	const context = use(EmojiContext);
+	if (!context) throw new Error("useEmojiContext must be used within an EmojiProvider");
+	return context;
+}
+//#endregion
+//#region src/react/use-tokens.ts
+function useTokens(text, overrides) {
+	const { config, indexes: contextIndexes } = useEmojiContext();
+	const data = overrides?.data ?? config.data;
+	const customEmojis = overrides?.customEmojis ?? config.customEmojis;
+	const ascii = overrides?.ascii ?? config.ascii;
+	const defaultSkin = overrides?.defaultSkin ?? config.defaultSkin;
+	const extraAliases = overrides?.extraAliases ?? config.extraAliases;
+	const indexes = data === config.data && customEmojis === config.customEmojis && extraAliases === config.extraAliases ? contextIndexes : void 0;
+	return useMemo(() => {
+		return tokenizeWithIndexes(text, {
+			data,
+			customEmojis,
+			ascii,
+			defaultSkin,
+			extraAliases,
+			indexes
+		});
+	}, [
+		text,
+		data,
+		customEmojis,
+		ascii,
+		defaultSkin,
+		extraAliases,
+		indexes
+	]);
+}
+//#endregion
+//#region src/react/emoji-text.tsx
+function EmojiTextEmoji(_props) {
+	return null;
+}
+EmojiTextEmoji.displayName = "EmojiText.Emoji";
+function EmojiTextUnknown(_props) {
+	return null;
+}
+EmojiTextUnknown.displayName = "EmojiText.Unknown";
+function collectSlots(children) {
+	const slots = {};
+	collectSlotChildren(children, slots);
+	return slots;
+}
+function collectSlotChildren(children, slots) {
+	Children.forEach(children, (child) => {
+		if (!isValidElement(child)) return;
+		if (child.type === Fragment) {
+			collectSlotChildren(child.props.children, slots);
+			return;
+		}
+		const renderer = child.props.children;
+		if (child.type === EmojiTextEmoji && typeof renderer === "function") {
+			slots.emoji = renderer;
+			return;
+		}
+		if (child.type === EmojiTextUnknown && typeof renderer === "function") slots.unknown = renderer;
+	});
+}
+function TokenNode({ token, slots, defaultRenderOptions }) {
+	if (token.type === "emoji" && slots.emoji) return slots.emoji(token);
+	if (token.type === "unknown" && slots.unknown) return slots.unknown(token);
+	return renderTokenDefault(token, defaultRenderOptions);
+}
+function EmojiTextRoot({ as = "span", className, emojiClassName, onlyEmojiClassName, ref, children, text, data: dataProp, customEmojis: customEmojisProp, set: setProp, defaultSkin: defaultSkinProp, ascii: asciiProp, getImageUrl: getImageUrlProp, imageUrlTemplate: imageUrlTemplateProp, sprite: spriteProp, extraAliases: extraAliasesProp, ...htmlProps }) {
+	const context = useEmojiContext();
+	const set = setProp ?? context.config.set ?? "native";
+	const hasImageOverride = getImageUrlProp !== void 0 || imageUrlTemplateProp !== void 0 || spriteProp !== void 0;
+	const resolvedGetImageUrl = useMemo(() => hasImageOverride ? resolveImageUrlFn({
+		getImageUrl: getImageUrlProp,
+		imageUrlTemplate: imageUrlTemplateProp,
+		sprite: spriteProp
+	}) : context.resolvedGetImageUrl, [
+		context.resolvedGetImageUrl,
+		getImageUrlProp,
+		hasImageOverride,
+		imageUrlTemplateProp,
+		spriteProp
+	]);
+	const tokenOverrides = useMemo(() => ({
+		ascii: asciiProp,
+		customEmojis: customEmojisProp,
+		data: dataProp,
+		defaultSkin: defaultSkinProp,
+		extraAliases: extraAliasesProp
+	}), [
+		asciiProp,
+		customEmojisProp,
+		dataProp,
+		defaultSkinProp,
+		extraAliasesProp
+	]);
+	const sourceText = text ?? (typeof children === "string" ? children : "");
+	const slots = useMemo(() => collectSlots(children), [children]);
+	const tokens = useTokens(sourceText, tokenOverrides);
+	const onlyEmoji = useMemo(() => isOnlyEmoji(tokens), [tokens]);
+	const defaultRenderOptions = useMemo(() => ({
+		emojiClassName,
+		getImageUrl: resolvedGetImageUrl,
+		set,
+		sprite: hasImageOverride ? spriteProp : context.config.sprite
+	}), [
+		context.config.sprite,
+		emojiClassName,
+		hasImageOverride,
+		resolvedGetImageUrl,
+		set,
+		spriteProp
+	]);
+	const wrapperClassName = useMemo(() => [className, onlyEmoji && onlyEmojiClassName].filter(Boolean).join(" ") || void 0, [
+		className,
+		onlyEmoji,
+		onlyEmojiClassName
+	]);
+	const renderedContent = useMemo(() => {
+		const createKey = createTokenKeyFactory();
+		return tokens.map((token) => /* @__PURE__ */ jsx(TokenNode, {
+			token,
+			slots,
+			defaultRenderOptions
+		}, createKey(token)));
+	}, [
+		tokens,
+		slots,
+		defaultRenderOptions
+	]);
+	return createElement(as, {
+		...htmlProps,
+		className: wrapperClassName,
+		ref
+	}, ...renderedContent);
+}
+const EmojiText = Object.assign(EmojiTextRoot, {
+	Emoji: EmojiTextEmoji,
+	Unknown: EmojiTextUnknown
+});
+//#endregion
+export { useTokens as n, EmojiProvider as r, EmojiText as t };
+
+//# sourceMappingURL=react-9EdWn0Gg.mjs.map

package/dist/react-9EdWn0Gg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-9EdWn0Gg.mjs","names":[],"sources":["../src/react/provider.tsx","../src/react/use-tokens.ts","../src/react/emoji-text.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode, createContext, use, useMemo } from 'react';\nimport { buildIndexes, type EmojiIndexes } from '../core/indexes';\nimport type {\n  CustomEmojiCategory,\n  EmojiConfig,\n  EmojiData,\n  EmojiSet,\n  GetImageUrl,\n  SkinTone,\n  SpriteConfig,\n} from '../core/types';\nimport { resolveImageUrlFn } from './image-url';\n\nexport interface EmojiContextValue {\n  indexes: EmojiIndexes;\n  config: EmojiConfig;\n  resolvedGetImageUrl?: GetImageUrl;\n}\n\nconst EmojiContext = createContext<EmojiContextValue | undefined>(undefined);\n\nexport interface EmojiProviderProps {\n  data: EmojiData;\n  customEmojis?: CustomEmojiCategory[];\n  set?: EmojiSet;\n  defaultSkin?: SkinTone;\n  ascii?: boolean;\n  getImageUrl?: GetImageUrl;\n  imageUrlTemplate?: string;\n  sprite?: SpriteConfig;\n  extraAliases?: Record<string, string>;\n  children: ReactNode;\n}\n\nexport function EmojiProvider({\n  data,\n  customEmojis,\n  set = 'native',\n  defaultSkin,\n  ascii = true,\n  getImageUrl,\n  imageUrlTemplate,\n  sprite,\n  extraAliases,\n  children,\n}: EmojiProviderProps) {\n  const indexes = useMemo(\n    () => buildIndexes(data, customEmojis, extraAliases),\n    [data, customEmojis, extraAliases],\n  );\n\n  const resolvedGetImageUrl = useMemo(\n    () => resolveImageUrlFn({ getImageUrl, sprite, imageUrlTemplate }),\n    [getImageUrl, sprite, imageUrlTemplate],\n  );\n\n  const value = useMemo<EmojiContextValue>(\n    () => ({\n      indexes,\n      config: {\n        data,\n        customEmojis,\n        set,\n        defaultSkin,\n        ascii,\n        getImageUrl: resolvedGetImageUrl,\n        imageUrlTemplate,\n        sprite,\n        extraAliases,\n      },\n      resolvedGetImageUrl,\n    }),\n    [\n      indexes,\n      data,\n      customEmojis,\n      set,\n      defaultSkin,\n      ascii,\n      resolvedGetImageUrl,\n      imageUrlTemplate,\n      sprite,\n      extraAliases,\n    ],\n  );\n\n  return <EmojiContext value={value}>{children}</EmojiContext>;\n}\n\nexport function useEmojiContext(): EmojiContextValue {\n  const context = use(EmojiContext);\n  if (!context) {\n    throw new Error('useEmojiContext must be used within an EmojiProvider');\n  }\n  return context;\n}\n","'use client';\n\nimport { useMemo } from 'react';\nimport { tokenizeWithIndexes } from '../core/tokenize';\nimport type { Token, TokenizeOptions } from '../core/types';\nimport { useEmojiContext } from './provider';\n\nexport function useTokens(text: string, overrides?: Partial<TokenizeOptions>): Token[] {\n  const { config, indexes: contextIndexes } = useEmojiContext();\n  const data = overrides?.data ?? config.data;\n  const customEmojis = overrides?.customEmojis ?? config.customEmojis;\n  const ascii = overrides?.ascii ?? config.ascii;\n  const defaultSkin = overrides?.defaultSkin ?? config.defaultSkin;\n  const extraAliases = overrides?.extraAliases ?? config.extraAliases;\n  const indexes =\n    data === config.data &&\n    customEmojis === config.customEmojis &&\n    extraAliases === config.extraAliases\n      ? contextIndexes\n      : undefined;\n\n  return useMemo(() => {\n    const options: TokenizeOptions = {\n      data,\n      customEmojis,\n      ascii,\n      defaultSkin,\n      extraAliases,\n    };\n    return tokenizeWithIndexes(text, { ...options, indexes });\n  }, [text, data, customEmojis, ascii, defaultSkin, extraAliases, indexes]);\n}\n","'use client';\n\nimport {\n  Children,\n  Fragment,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n  createElement,\n  isValidElement,\n  useMemo,\n} from 'react';\nimport type {\n  CustomEmojiCategory,\n  EmojiData,\n  EmojiToken,\n  EmojiSet,\n  GetImageUrl,\n  SkinTone,\n  SpriteConfig,\n  Token,\n  TokenizeOptions,\n  UnknownToken,\n} from '../core/types';\nimport { resolveImageUrlFn } from './image-url';\nimport { createTokenKeyFactory } from './keys';\nimport { useEmojiContext } from './provider';\nimport type { DefaultRenderOptions } from './render';\nimport { isOnlyEmoji, renderTokenDefault } from './render';\nimport { useTokens } from './use-tokens';\n\ninterface EmojiTextBaseProps {\n  as?: keyof HTMLElementTagNameMap;\n  className?: string;\n  emojiClassName?: string;\n  onlyEmojiClassName?: string;\n  ref?: Ref<HTMLElement>;\n}\n\ntype EmojiTextContentProps =\n  | {\n      children: string;\n      text?: never;\n    }\n  | {\n      children?: ReactNode;\n      text: string;\n    };\n\nexport type EmojiTextProps = EmojiTextBaseProps & EmojiTextContentProps;\n\nexport type EmojiTextComponentProps = EmojiTextProps &\n  Omit<HTMLAttributes<HTMLElement>, 'children'> & {\n    data?: EmojiData;\n    customEmojis?: CustomEmojiCategory[];\n    set?: EmojiSet;\n    defaultSkin?: SkinTone;\n    ascii?: boolean;\n    getImageUrl?: GetImageUrl;\n    imageUrlTemplate?: string;\n    sprite?: SpriteConfig;\n    extraAliases?: Record<string, string>;\n  };\n\nexport interface EmojiTextEmojiProps {\n  children: (token: EmojiToken) => ReactNode;\n}\n\nexport interface EmojiTextUnknownProps {\n  children: (token: UnknownToken) => ReactNode;\n}\n\ninterface EmojiTextSlots {\n  emoji?: EmojiTextEmojiProps['children'];\n  unknown?: EmojiTextUnknownProps['children'];\n}\n\ntype SlotChild = ReactNode | EmojiTextEmojiProps['children'] | EmojiTextUnknownProps['children'];\n\nfunction EmojiTextEmoji(_props: EmojiTextEmojiProps) {\n  return null;\n}\n\nEmojiTextEmoji.displayName = 'EmojiText.Emoji';\n\nfunction EmojiTextUnknown(_props: EmojiTextUnknownProps) {\n  return null;\n}\n\nEmojiTextUnknown.displayName = 'EmojiText.Unknown';\n\nfunction collectSlots(children: ReactNode): EmojiTextSlots {\n  const slots: EmojiTextSlots = {};\n  collectSlotChildren(children, slots);\n  return slots;\n}\n\nfunction collectSlotChildren(children: ReactNode, slots: EmojiTextSlots) {\n  Children.forEach(children, (child) => {\n    if (!isValidElement<{ children?: SlotChild }>(child)) return;\n\n    if (child.type === Fragment) {\n      collectSlotChildren(child.props.children as ReactNode, slots);\n      return;\n    }\n\n    const renderer = child.props.children;\n\n    if (child.type === EmojiTextEmoji && typeof renderer === 'function') {\n      slots.emoji = renderer as EmojiTextEmojiProps['children'];\n      return;\n    }\n\n    if (child.type === EmojiTextUnknown && typeof renderer === 'function') {\n      slots.unknown = renderer as EmojiTextUnknownProps['children'];\n    }\n  });\n}\n\ninterface TokenNodeProps {\n  token: Token;\n  slots: EmojiTextSlots;\n  defaultRenderOptions: DefaultRenderOptions;\n}\n\nfunction TokenNode({ token, slots, defaultRenderOptions }: TokenNodeProps) {\n  if (token.type === 'emoji' && slots.emoji) {\n    return slots.emoji(token);\n  }\n\n  if (token.type === 'unknown' && slots.unknown) {\n    return slots.unknown(token);\n  }\n\n  return renderTokenDefault(token, defaultRenderOptions);\n}\n\nfunction EmojiTextRoot({\n  as = 'span',\n  className,\n  emojiClassName,\n  onlyEmojiClassName,\n  ref,\n  children,\n  text,\n  data: dataProp,\n  customEmojis: customEmojisProp,\n  set: setProp,\n  defaultSkin: defaultSkinProp,\n  ascii: asciiProp,\n  getImageUrl: getImageUrlProp,\n  imageUrlTemplate: imageUrlTemplateProp,\n  sprite: spriteProp,\n  extraAliases: extraAliasesProp,\n  ...htmlProps\n}: EmojiTextComponentProps) {\n  const context = useEmojiContext();\n  const set = setProp ?? context.config.set ?? 'native';\n  const hasImageOverride =\n    getImageUrlProp !== undefined || imageUrlTemplateProp !== undefined || spriteProp !== undefined;\n\n  const resolvedGetImageUrl = useMemo(\n    () =>\n      hasImageOverride\n        ? resolveImageUrlFn({\n            getImageUrl: getImageUrlProp,\n            imageUrlTemplate: imageUrlTemplateProp,\n            sprite: spriteProp,\n          })\n        : context.resolvedGetImageUrl,\n    [\n      context.resolvedGetImageUrl,\n      getImageUrlProp,\n      hasImageOverride,\n      imageUrlTemplateProp,\n      spriteProp,\n    ],\n  );\n\n  const tokenOverrides = useMemo<Partial<TokenizeOptions>>(\n    () => ({\n      ascii: asciiProp,\n      customEmojis: customEmojisProp,\n      data: dataProp,\n      defaultSkin: defaultSkinProp,\n      extraAliases: extraAliasesProp,\n    }),\n    [asciiProp, customEmojisProp, dataProp, defaultSkinProp, extraAliasesProp],\n  );\n\n  const sourceText = text ?? (typeof children === 'string' ? children : '');\n  const slots = useMemo(() => collectSlots(children), [children]);\n  const tokens = useTokens(sourceText, tokenOverrides);\n  const onlyEmoji = useMemo(() => isOnlyEmoji(tokens), [tokens]);\n  const defaultRenderOptions = useMemo<DefaultRenderOptions>(\n    () => ({\n      emojiClassName,\n      getImageUrl: resolvedGetImageUrl,\n      set,\n      sprite: hasImageOverride ? spriteProp : context.config.sprite,\n    }),\n    [context.config.sprite, emojiClassName, hasImageOverride, resolvedGetImageUrl, set, spriteProp],\n  );\n\n  const wrapperClassName = useMemo(\n    () => [className, onlyEmoji && onlyEmojiClassName].filter(Boolean).join(' ') || undefined,\n    [className, onlyEmoji, onlyEmojiClassName],\n  );\n\n  const renderedContent = useMemo(() => {\n    const createKey = createTokenKeyFactory();\n    return tokens.map((token) => (\n      <TokenNode\n        key={createKey(token)}\n        token={token}\n        slots={slots}\n        defaultRenderOptions={defaultRenderOptions}\n      />\n    ));\n  }, [tokens, slots, defaultRenderOptions]);\n\n  return createElement(as, { ...htmlProps, className: wrapperClassName, ref }, ...renderedContent);\n}\n\nexport const EmojiText = Object.assign(EmojiTextRoot, {\n  Emoji: EmojiTextEmoji,\n  Unknown: EmojiTextUnknown,\n});\n"],"mappings":";;;;;AAqBA,MAAM,eAAe,cAA6C,KAAA,EAAU;AAe5E,SAAgB,cAAc,EAC5B,MACA,cACA,MAAM,UACN,aACA,QAAQ,MACR,aACA,kBACA,QACA,cACA,YACqB;CACrB,MAAM,UAAU,cACR,aAAa,MAAM,cAAc,aAAa,EACpD;EAAC;EAAM;EAAc;EAAa,CACnC;CAED,MAAM,sBAAsB,cACpB,kBAAkB;EAAE;EAAa;EAAQ;EAAkB,CAAC,EAClE;EAAC;EAAa;EAAQ;EAAiB,CACxC;AAgCD,QAAO,oBAAC,cAAD;EAAc,OA9BP,eACL;GACL;GACA,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA,aAAa;IACb;IACA;IACA;IACD;GACD;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAG8B;EAAG;EAAwB,CAAA;;AAG9D,SAAgB,kBAAqC;CACnD,MAAM,UAAU,IAAI,aAAa;AACjC,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,uDAAuD;AAEzE,QAAO;;;;ACzFT,SAAgB,UAAU,MAAc,WAA+C;CACrF,MAAM,EAAE,QAAQ,SAAS,mBAAmB,iBAAiB;CAC7D,MAAM,OAAO,WAAW,QAAQ,OAAO;CACvC,MAAM,eAAe,WAAW,gBAAgB,OAAO;CACvD,MAAM,QAAQ,WAAW,SAAS,OAAO;CACzC,MAAM,cAAc,WAAW,eAAe,OAAO;CACrD,MAAM,eAAe,WAAW,gBAAgB,OAAO;CACvD,MAAM,UACJ,SAAS,OAAO,QAChB,iBAAiB,OAAO,gBACxB,iBAAiB,OAAO,eACpB,iBACA,KAAA;AAEN,QAAO,cAAc;AAQnB,SAAO,oBAAoB,MAAM;GAN/B;GACA;GACA;GACA;GACA;GAE6C;GAAS,CAAC;IACxD;EAAC;EAAM;EAAM;EAAc;EAAO;EAAa;EAAc;EAAQ,CAAC;;;;ACiD3E,SAAS,eAAe,QAA6B;AACnD,QAAO;;AAGT,eAAe,cAAc;AAE7B,SAAS,iBAAiB,QAA+B;AACvD,QAAO;;AAGT,iBAAiB,cAAc;AAE/B,SAAS,aAAa,UAAqC;CACzD,MAAM,QAAwB,EAAE;AAChC,qBAAoB,UAAU,MAAM;AACpC,QAAO;;AAGT,SAAS,oBAAoB,UAAqB,OAAuB;AACvE,UAAS,QAAQ,WAAW,UAAU;AACpC,MAAI,CAAC,eAAyC,MAAM,CAAE;AAEtD,MAAI,MAAM,SAAS,UAAU;AAC3B,uBAAoB,MAAM,MAAM,UAAuB,MAAM;AAC7D;;EAGF,MAAM,WAAW,MAAM,MAAM;AAE7B,MAAI,MAAM,SAAS,kBAAkB,OAAO,aAAa,YAAY;AACnE,SAAM,QAAQ;AACd;;AAGF,MAAI,MAAM,SAAS,oBAAoB,OAAO,aAAa,WACzD,OAAM,UAAU;GAElB;;AASJ,SAAS,UAAU,EAAE,OAAO,OAAO,wBAAwC;AACzE,KAAI,MAAM,SAAS,WAAW,MAAM,MAClC,QAAO,MAAM,MAAM,MAAM;AAG3B,KAAI,MAAM,SAAS,aAAa,MAAM,QACpC,QAAO,MAAM,QAAQ,MAAM;AAG7B,QAAO,mBAAmB,OAAO,qBAAqB;;AAGxD,SAAS,cAAc,EACrB,KAAK,QACL,WACA,gBACA,oBACA,KACA,UACA,MACA,MAAM,UACN,cAAc,kBACd,KAAK,SACL,aAAa,iBACb,OAAO,WACP,aAAa,iBACb,kBAAkB,sBAClB,QAAQ,YACR,cAAc,kBACd,GAAG,aACuB;CAC1B,MAAM,UAAU,iBAAiB;CACjC,MAAM,MAAM,WAAW,QAAQ,OAAO,OAAO;CAC7C,MAAM,mBACJ,oBAAoB,KAAA,KAAa,yBAAyB,KAAA,KAAa,eAAe,KAAA;CAExF,MAAM,sBAAsB,cAExB,mBACI,kBAAkB;EAChB,aAAa;EACb,kBAAkB;EAClB,QAAQ;EACT,CAAC,GACF,QAAQ,qBACd;EACE,QAAQ;EACR;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,iBAAiB,eACd;EACL,OAAO;EACP,cAAc;EACd,MAAM;EACN,aAAa;EACb,cAAc;EACf,GACD;EAAC;EAAW;EAAkB;EAAU;EAAiB;EAAiB,CAC3E;CAED,MAAM,aAAa,SAAS,OAAO,aAAa,WAAW,WAAW;CACtE,MAAM,QAAQ,cAAc,aAAa,SAAS,EAAE,CAAC,SAAS,CAAC;CAC/D,MAAM,SAAS,UAAU,YAAY,eAAe;CACpD,MAAM,YAAY,cAAc,YAAY,OAAO,EAAE,CAAC,OAAO,CAAC;CAC9D,MAAM,uBAAuB,eACpB;EACL;EACA,aAAa;EACb;EACA,QAAQ,mBAAmB,aAAa,QAAQ,OAAO;EACxD,GACD;EAAC,QAAQ,OAAO;EAAQ;EAAgB;EAAkB;EAAqB;EAAK;EAAW,CAChG;CAED,MAAM,mBAAmB,cACjB,CAAC,WAAW,aAAa,mBAAmB,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,IAAI,KAAA,GAChF;EAAC;EAAW;EAAW;EAAmB,CAC3C;CAED,MAAM,kBAAkB,cAAc;EACpC,MAAM,YAAY,uBAAuB;AACzC,SAAO,OAAO,KAAK,UACjB,oBAAC,WAAD;GAES;GACA;GACe;GACtB,EAJK,UAAU,MAAM,CAIrB,CACF;IACD;EAAC;EAAQ;EAAO;EAAqB,CAAC;AAEzC,QAAO,cAAc,IAAI;EAAE,GAAG;EAAW,WAAW;EAAkB;EAAK,EAAE,GAAG,gBAAgB;;AAGlG,MAAa,YAAY,OAAO,OAAO,eAAe;CACpD,OAAO;CACP,SAAS;CACV,CAAC"}

package/dist/react-C8xGkPhi.cjs

@@ -0,0 +1,211 @@
+const require_tokenize = require("./tokenize-CyKMb3O9.cjs");
+const require_render = require("./render-C7VPZ7if.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/react/provider.tsx
+const EmojiContext = (0, react.createContext)(void 0);
+function EmojiProvider({ data, customEmojis, set = "native", defaultSkin, ascii = true, getImageUrl, imageUrlTemplate, sprite, extraAliases, children }) {
+	const indexes = (0, react.useMemo)(() => require_tokenize.buildIndexes(data, customEmojis, extraAliases), [
+		data,
+		customEmojis,
+		extraAliases
+	]);
+	const resolvedGetImageUrl = (0, react.useMemo)(() => require_render.resolveImageUrlFn({
+		getImageUrl,
+		sprite,
+		imageUrlTemplate
+	}), [
+		getImageUrl,
+		sprite,
+		imageUrlTemplate
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmojiContext, {
+		value: (0, react.useMemo)(() => ({
+			indexes,
+			config: {
+				data,
+				customEmojis,
+				set,
+				defaultSkin,
+				ascii,
+				getImageUrl: resolvedGetImageUrl,
+				imageUrlTemplate,
+				sprite,
+				extraAliases
+			},
+			resolvedGetImageUrl
+		}), [
+			indexes,
+			data,
+			customEmojis,
+			set,
+			defaultSkin,
+			ascii,
+			resolvedGetImageUrl,
+			imageUrlTemplate,
+			sprite,
+			extraAliases
+		]),
+		children
+	});
+}
+function useEmojiContext() {
+	const context = (0, react.use)(EmojiContext);
+	if (!context) throw new Error("useEmojiContext must be used within an EmojiProvider");
+	return context;
+}
+//#endregion
+//#region src/react/use-tokens.ts
+function useTokens(text, overrides) {
+	const { config, indexes: contextIndexes } = useEmojiContext();
+	const data = overrides?.data ?? config.data;
+	const customEmojis = overrides?.customEmojis ?? config.customEmojis;
+	const ascii = overrides?.ascii ?? config.ascii;
+	const defaultSkin = overrides?.defaultSkin ?? config.defaultSkin;
+	const extraAliases = overrides?.extraAliases ?? config.extraAliases;
+	const indexes = data === config.data && customEmojis === config.customEmojis && extraAliases === config.extraAliases ? contextIndexes : void 0;
+	return (0, react.useMemo)(() => {
+		return require_tokenize.tokenizeWithIndexes(text, {
+			data,
+			customEmojis,
+			ascii,
+			defaultSkin,
+			extraAliases,
+			indexes
+		});
+	}, [
+		text,
+		data,
+		customEmojis,
+		ascii,
+		defaultSkin,
+		extraAliases,
+		indexes
+	]);
+}
+//#endregion
+//#region src/react/emoji-text.tsx
+function EmojiTextEmoji(_props) {
+	return null;
+}
+EmojiTextEmoji.displayName = "EmojiText.Emoji";
+function EmojiTextUnknown(_props) {
+	return null;
+}
+EmojiTextUnknown.displayName = "EmojiText.Unknown";
+function collectSlots(children) {
+	const slots = {};
+	collectSlotChildren(children, slots);
+	return slots;
+}
+function collectSlotChildren(children, slots) {
+	react.Children.forEach(children, (child) => {
+		if (!(0, react.isValidElement)(child)) return;
+		if (child.type === react.Fragment) {
+			collectSlotChildren(child.props.children, slots);
+			return;
+		}
+		const renderer = child.props.children;
+		if (child.type === EmojiTextEmoji && typeof renderer === "function") {
+			slots.emoji = renderer;
+			return;
+		}
+		if (child.type === EmojiTextUnknown && typeof renderer === "function") slots.unknown = renderer;
+	});
+}
+function TokenNode({ token, slots, defaultRenderOptions }) {
+	if (token.type === "emoji" && slots.emoji) return slots.emoji(token);
+	if (token.type === "unknown" && slots.unknown) return slots.unknown(token);
+	return require_render.renderTokenDefault(token, defaultRenderOptions);
+}
+function EmojiTextRoot({ as = "span", className, emojiClassName, onlyEmojiClassName, ref, children, text, data: dataProp, customEmojis: customEmojisProp, set: setProp, defaultSkin: defaultSkinProp, ascii: asciiProp, getImageUrl: getImageUrlProp, imageUrlTemplate: imageUrlTemplateProp, sprite: spriteProp, extraAliases: extraAliasesProp, ...htmlProps }) {
+	const context = useEmojiContext();
+	const set = setProp ?? context.config.set ?? "native";
+	const hasImageOverride = getImageUrlProp !== void 0 || imageUrlTemplateProp !== void 0 || spriteProp !== void 0;
+	const resolvedGetImageUrl = (0, react.useMemo)(() => hasImageOverride ? require_render.resolveImageUrlFn({
+		getImageUrl: getImageUrlProp,
+		imageUrlTemplate: imageUrlTemplateProp,
+		sprite: spriteProp
+	}) : context.resolvedGetImageUrl, [
+		context.resolvedGetImageUrl,
+		getImageUrlProp,
+		hasImageOverride,
+		imageUrlTemplateProp,
+		spriteProp
+	]);
+	const tokenOverrides = (0, react.useMemo)(() => ({
+		ascii: asciiProp,
+		customEmojis: customEmojisProp,
+		data: dataProp,
+		defaultSkin: defaultSkinProp,
+		extraAliases: extraAliasesProp
+	}), [
+		asciiProp,
+		customEmojisProp,
+		dataProp,
+		defaultSkinProp,
+		extraAliasesProp
+	]);
+	const sourceText = text ?? (typeof children === "string" ? children : "");
+	const slots = (0, react.useMemo)(() => collectSlots(children), [children]);
+	const tokens = useTokens(sourceText, tokenOverrides);
+	const onlyEmoji = (0, react.useMemo)(() => require_render.isOnlyEmoji(tokens), [tokens]);
+	const defaultRenderOptions = (0, react.useMemo)(() => ({
+		emojiClassName,
+		getImageUrl: resolvedGetImageUrl,
+		set,
+		sprite: hasImageOverride ? spriteProp : context.config.sprite
+	}), [
+		context.config.sprite,
+		emojiClassName,
+		hasImageOverride,
+		resolvedGetImageUrl,
+		set,
+		spriteProp
+	]);
+	const wrapperClassName = (0, react.useMemo)(() => [className, onlyEmoji && onlyEmojiClassName].filter(Boolean).join(" ") || void 0, [
+		className,
+		onlyEmoji,
+		onlyEmojiClassName
+	]);
+	const renderedContent = (0, react.useMemo)(() => {
+		const createKey = require_render.createTokenKeyFactory();
+		return tokens.map((token) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TokenNode, {
+			token,
+			slots,
+			defaultRenderOptions
+		}, createKey(token)));
+	}, [
+		tokens,
+		slots,
+		defaultRenderOptions
+	]);
+	return (0, react.createElement)(as, {
+		...htmlProps,
+		className: wrapperClassName,
+		ref
+	}, ...renderedContent);
+}
+const EmojiText = Object.assign(EmojiTextRoot, {
+	Emoji: EmojiTextEmoji,
+	Unknown: EmojiTextUnknown
+});
+//#endregion
+Object.defineProperty(exports, "EmojiProvider", {
+	enumerable: true,
+	get: function() {
+		return EmojiProvider;
+	}
+});
+Object.defineProperty(exports, "EmojiText", {
+	enumerable: true,
+	get: function() {
+		return EmojiText;
+	}
+});
+Object.defineProperty(exports, "useTokens", {
+	enumerable: true,
+	get: function() {
+		return useTokens;
+	}
+});

package/dist/render-C7VPZ7if.cjs

@@ -0,0 +1,140 @@
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/react/image-url.ts
+function interpolateTemplate(template, values) {
+	return Object.entries(values).reduce((result, [key, value]) => result.split(`{${key}}`).join(value), template);
+}
+function resolveImageUrlFn({ getImageUrl, sprite, imageUrlTemplate }) {
+	if (getImageUrl) return getImageUrl;
+	if (sprite) return void 0;
+	if (!imageUrlTemplate) return void 0;
+	return (_emoji, context) => interpolateTemplate(imageUrlTemplate, {
+		set: context.set,
+		skin: String(context.skin),
+		unified: context.unified
+	});
+}
+//#endregion
+//#region src/react/keys.ts
+function tokenKeyBase(token) {
+	switch (token.type) {
+		case "text": return `text:${token.value}`;
+		case "unknown": return `unknown:${token.match}`;
+		case "emoji": return [
+			"emoji",
+			token.emoji.id,
+			token.source,
+			token.shortcode ?? "",
+			token.match,
+			token.native
+		].join(":");
+	}
+}
+function createTokenKeyFactory() {
+	const seen = /* @__PURE__ */ new Map();
+	return (token) => {
+		const base = tokenKeyBase(token);
+		const occurrence = seen.get(base) ?? 0;
+		seen.set(base, occurrence + 1);
+		return occurrence === 0 ? base : `${base}:${occurrence}`;
+	};
+}
+//#endregion
+//#region src/react/render.tsx
+function renderTokenDefault(token, options) {
+	switch (token.type) {
+		case "text": return token.value;
+		case "emoji": return renderEmojiDefault(token, options);
+		case "unknown": return renderUnknownDefault(token);
+	}
+}
+function renderEmojiDefault(token, options) {
+	if (token.source === "custom") {
+		const src = token.emoji.skins[0]?.src;
+		if (!src) return token.match;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+			src,
+			alt: token.shortcode ?? token.emoji.id,
+			className: options.emojiClassName,
+			style: emojiImageStyle
+		});
+	}
+	if (options.set === "native") return token.native;
+	const skinEntry = getResolvedSkinEntry(token);
+	if (options.getImageUrl) {
+		const context = {
+			set: options.set,
+			skin: token.skin ?? 1,
+			unified: skinEntry?.unified ?? ""
+		};
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+			src: options.getImageUrl(token.emoji, context),
+			alt: token.native,
+			className: options.emojiClassName,
+			style: emojiImageStyle
+		});
+	}
+	if (options.sprite && skinEntry) return renderSpriteEmoji(token, skinEntry, options.sprite, options.emojiClassName);
+	return token.native;
+}
+function getResolvedSkinEntry(token) {
+	if (token.skin) return token.emoji.skins[token.skin - 1] ?? token.emoji.skins[0];
+	return token.emoji.skins.find((skin) => skin.native === token.native) ?? token.emoji.skins[0];
+}
+function findSpriteCoordinates(sprite, unified) {
+	return sprite.sheet[unified] ?? sprite.sheet[unified.toLowerCase()] ?? sprite.sheet[unified.toUpperCase()];
+}
+function renderSpriteEmoji(token, skinEntry, sprite, emojiClassName) {
+	const coordinates = findSpriteCoordinates(sprite, skinEntry.unified);
+	if (!coordinates) return token.native;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		role: "img",
+		"aria-label": token.native,
+		className: emojiClassName,
+		style: {
+			backgroundImage: `url(${sprite.src})`,
+			backgroundPosition: `-${coordinates.x * sprite.size}px -${coordinates.y * sprite.size}px`,
+			backgroundSize: `${sprite.columns * sprite.size}px auto`,
+			display: "inline-block",
+			height: `${sprite.size}px`,
+			verticalAlign: "-0.1em",
+			width: `${sprite.size}px`
+		}
+	});
+}
+function renderUnknownDefault(token) {
+	return token.match;
+}
+const emojiImageStyle = {
+	display: "inline",
+	height: "1em",
+	verticalAlign: "-0.1em",
+	width: "1em"
+};
+function isOnlyEmoji(tokens) {
+	return tokens.some((token) => token.type === "emoji") && tokens.every((token) => token.type === "emoji" || token.type === "text" && token.value.trim() === "");
+}
+//#endregion
+Object.defineProperty(exports, "createTokenKeyFactory", {
+	enumerable: true,
+	get: function() {
+		return createTokenKeyFactory;
+	}
+});
+Object.defineProperty(exports, "isOnlyEmoji", {
+	enumerable: true,
+	get: function() {
+		return isOnlyEmoji;
+	}
+});
+Object.defineProperty(exports, "renderTokenDefault", {
+	enumerable: true,
+	get: function() {
+		return renderTokenDefault;
+	}
+});
+Object.defineProperty(exports, "resolveImageUrlFn", {
+	enumerable: true,
+	get: function() {
+		return resolveImageUrlFn;
+	}
+});

package/dist/render-DzloPAWX.mjs

@@ -0,0 +1,119 @@
+import { jsx } from "react/jsx-runtime";
+//#region src/react/image-url.ts
+function interpolateTemplate(template, values) {
+	return Object.entries(values).reduce((result, [key, value]) => result.split(`{${key}}`).join(value), template);
+}
+function resolveImageUrlFn({ getImageUrl, sprite, imageUrlTemplate }) {
+	if (getImageUrl) return getImageUrl;
+	if (sprite) return void 0;
+	if (!imageUrlTemplate) return void 0;
+	return (_emoji, context) => interpolateTemplate(imageUrlTemplate, {
+		set: context.set,
+		skin: String(context.skin),
+		unified: context.unified
+	});
+}
+//#endregion
+//#region src/react/keys.ts
+function tokenKeyBase(token) {
+	switch (token.type) {
+		case "text": return `text:${token.value}`;
+		case "unknown": return `unknown:${token.match}`;
+		case "emoji": return [
+			"emoji",
+			token.emoji.id,
+			token.source,
+			token.shortcode ?? "",
+			token.match,
+			token.native
+		].join(":");
+	}
+}
+function createTokenKeyFactory() {
+	const seen = /* @__PURE__ */ new Map();
+	return (token) => {
+		const base = tokenKeyBase(token);
+		const occurrence = seen.get(base) ?? 0;
+		seen.set(base, occurrence + 1);
+		return occurrence === 0 ? base : `${base}:${occurrence}`;
+	};
+}
+//#endregion
+//#region src/react/render.tsx
+function renderTokenDefault(token, options) {
+	switch (token.type) {
+		case "text": return token.value;
+		case "emoji": return renderEmojiDefault(token, options);
+		case "unknown": return renderUnknownDefault(token);
+	}
+}
+function renderEmojiDefault(token, options) {
+	if (token.source === "custom") {
+		const src = token.emoji.skins[0]?.src;
+		if (!src) return token.match;
+		return /* @__PURE__ */ jsx("img", {
+			src,
+			alt: token.shortcode ?? token.emoji.id,
+			className: options.emojiClassName,
+			style: emojiImageStyle
+		});
+	}
+	if (options.set === "native") return token.native;
+	const skinEntry = getResolvedSkinEntry(token);
+	if (options.getImageUrl) {
+		const context = {
+			set: options.set,
+			skin: token.skin ?? 1,
+			unified: skinEntry?.unified ?? ""
+		};
+		return /* @__PURE__ */ jsx("img", {
+			src: options.getImageUrl(token.emoji, context),
+			alt: token.native,
+			className: options.emojiClassName,
+			style: emojiImageStyle
+		});
+	}
+	if (options.sprite && skinEntry) return renderSpriteEmoji(token, skinEntry, options.sprite, options.emojiClassName);
+	return token.native;
+}
+function getResolvedSkinEntry(token) {
+	if (token.skin) return token.emoji.skins[token.skin - 1] ?? token.emoji.skins[0];
+	return token.emoji.skins.find((skin) => skin.native === token.native) ?? token.emoji.skins[0];
+}
+function findSpriteCoordinates(sprite, unified) {
+	return sprite.sheet[unified] ?? sprite.sheet[unified.toLowerCase()] ?? sprite.sheet[unified.toUpperCase()];
+}
+function renderSpriteEmoji(token, skinEntry, sprite, emojiClassName) {
+	const coordinates = findSpriteCoordinates(sprite, skinEntry.unified);
+	if (!coordinates) return token.native;
+	return /* @__PURE__ */ jsx("span", {
+		role: "img",
+		"aria-label": token.native,
+		className: emojiClassName,
+		style: {
+			backgroundImage: `url(${sprite.src})`,
+			backgroundPosition: `-${coordinates.x * sprite.size}px -${coordinates.y * sprite.size}px`,
+			backgroundSize: `${sprite.columns * sprite.size}px auto`,
+			display: "inline-block",
+			height: `${sprite.size}px`,
+			verticalAlign: "-0.1em",
+			width: `${sprite.size}px`
+		}
+	});
+}
+function renderUnknownDefault(token) {
+	return token.match;
+}
+const emojiImageStyle = {
+	display: "inline",
+	height: "1em",
+	verticalAlign: "-0.1em",
+	width: "1em"
+};
+function isOnlyEmoji(tokens) {
+	return tokens.some((token) => token.type === "emoji") && tokens.every((token) => token.type === "emoji" || token.type === "text" && token.value.trim() === "");
+}
+//#endregion
+export { resolveImageUrlFn as i, renderTokenDefault as n, createTokenKeyFactory as r, isOnlyEmoji as t };
+
+//# sourceMappingURL=render-DzloPAWX.mjs.map